@charset "UTF-8";

div.field-hide {
	display: none;
}
.newsletterform_wrapper {
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
    padding: 24px 20px;
    box-sizing: border-box;
    width: auto !important;
	font-family: Inter, sans-serif;
	color: #1a1817;
}

.newsletterform_wrapper a { color: #009BD9; }
.newsletterform_wrapper a:hover { opacity: 0.9; }

.newsletterform-innerform {
    width: 100%;
}

.newsletterform-innerform h3 {
	font-size: 1.5rem; /* 24px */
	font-weight: 700;
	line-height: 1.4;
	margin-top: 16px;
	margin-bottom: 24px;
}
.newsletterform-innerform p {
	font-size: 1.125rem; /* 18px */
	font-weight: 400;
	line-height: 1.5;
	margin-bottom: 24px;
}
.newsletterform-post-success {}
.newsletterform-name { font-weight: bold; font-size: 1.5em; margin-bottom: 3px; }
.newsletterform-description { margin-top: 2px; margin-bottom: 10px; }

.newsletterform-error {
	display: none;
	color: #1a1817;
	margin-bottom: 10px;
	padding: 16px 24px;
	border: 1px solid #ff7d7b;
	background: #fce3db;
	box-shadow: 0 0 1px rgba(26,24,23,.05), 0 2px 4px rgba(26,24,23,.1);
	font-style: normal;
	font-stretch: normal;
	font-family: Inter,sans-serif;
	font-size: .813rem;
	line-height: 1.538em;
	letter-spacing: -.003em;
	font-weight: 400;
}

.newsletterform-error:before {
	/*content: "\e933";*/
	font-family: aicep-base-icons;
	font-size: 24px;
	height: 24px;
	line-height: 24px;
	color: #e93a44;
}

.newsletterform-error:not(:empty) {
	display: flex;
	gap: 16px;
	flex-direction: row;
	align-items: center;
}

.newsletterform-message {
	display: none;
	color: #1a1817;
	margin-bottom: 10px;
	padding: 16px 24px;
	border: 1px solid #86e3a4;
	background: #e5f6e8;
	box-shadow: 0 0 1px rgba(26,24,23,.05), 0 2px 4px rgba(26,24,23,.1);
	font-style: normal;
	font-stretch: normal;
	font-family: Inter,sans-serif;
	font-size: .813rem;
	line-height: 1.538em;
	letter-spacing: -.003em;
	font-weight: 400;
}

.newsletterform-message:before {
	/*content: "\e90c";*/
	font-family: aicep-base-icons;
	font-size: 24px;
	height: 24px;
	line-height: 24px;
	color: #30a369;
}

.newsletterform-message:not(:empty) {
	display: flex;
	gap: 16px;
	flex-direction: row;
	align-items: center;
}

.newsletterform-row {
	display: flex;
	flex-direction: column;
	margin-bottom: 16px;
    width: 100%;
}

/* Label */
.newsletterform-label {
	color: #1a1817;
	font-style: normal;
	text-rendering: optimizeLegibility;
	font-stretch: normal;
	font-family: Inter,sans-serif;
	font-size: .813rem;
	line-height: 1.538em;
	letter-spacing: -.003em;
	font-weight: 400;
}

.newsletterform-row.newsletterform-required .newsletterform-label:after { color: #e32; content: " *"; display: inline; }

.newsletterform-radiogrp .newsletterform-label, .newsletterform-checkboxgrp .newsletterform-label {
	font-size: 16px;
	margin-bottom: 6px;
}

.newsletterform-helpmessage {
	display: block;
	font-style: normal;
	text-rendering: optimizeLegibility;
	font-stretch: normal;
	font-family: Inter,sans-serif;
	font-size: .688rem;
	line-height: 1.455em;
	letter-spacing: .005em;
	font-weight: 400;
	color: #757370;
	margin-top: 4px;
	text-align: right;
	order: 9;
}

.newsletterform-errormsg {
	display: block;
	color: #d92e39;
	font-weight: 700;
	font-style: normal;
	font-stretch: normal;
	font-family: Inter,sans-serif;
	font-size: .688rem;
	line-height: 1.455em;
	letter-spacing: .005em;
	text-align: right !important;
	margin-top: 4px;
}

.newsletterform-successmsg {
	display: block;
	color: #176d4b; /* Verde */
	font-weight: 700;
	font-style: normal;
	font-stretch: normal;
	font-family: Inter,sans-serif;
	font-size: .688rem;
	line-height: 1.455em;
	letter-spacing: .005em;
	text-align: right !important;
	margin-top: 4px;
}
.newsletterform-has-error input {
	border-color: #d92e39 !important;
}

.newsletterform-selectbox, .newsletterform-input, .newsletterform-textarea {
	width: 100%;
	border: 1px solid #a39f9b;
	border-radius: 2px;
	background: transparent;
	box-shadow: 0px 0px 0px #fff inset;
	box-sizing: border-box;
	font-family: Inter,sans-serif;
	font-size: 1rem;
	line-height: 1.5em;
	letter-spacing: -.011em;
	font-weight: 400;
	height: auto !important;
	padding: 12px 16px!important;
    max-width: 100%;
    box-sizing: border-box;
}

.newsletterform-button {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.newsletterform-button-wrapper {
    justify-content: flex-end;
}

@media (max-width: 768px) {
    .newsletterform_wrapper {
        padding: 20px 16px;
    }

    .newsletterform-button-wrapper {
        justify-content: stretch;
    }

    .newsletterform-button {
        width: 100%;
    }

    .newsletterform-innerform h3 {
        font-size: 1.05rem;
        line-height: 1.35;
    }
}

@media (max-width: 480px) {
    .newsletterform_wrapper {
        padding: 16px 12px;
    }

    .newsletterform-innerform h3 {
        font-size: 1rem;
    }
}

.newsletterform-selectbox:hover, .newsletterform-input:hover, .newsletterform-textarea:hover {
	border-color: #1a1817;
}

.newsletterform-selectbox:focus-visible, .newsletterform-input:focus-visible, .newsletterform-textarea:focus-visible {
	outline: none;
	border-color: #1a1817;
}

.newsletterform-input[type=file] {
	border-style: dashed;
}

.newsletterform-input[type=date]:after, .newsletterform-input[type=datetime-local]:after {
	/*content: "\e91b";*/
	font-family: aicep-base-icons;
	font-size: 24px;
	color: #a39f9b;
}

input[type="date"]::-webkit-inner-spin-button, input[type="date"]::-webkit-calendar-picker-indicator, input[type="datetime-local"]::-webkit-inner-spin-button, input[type="datetime-local"]::-webkit-calendar-picker-indicator {
	display: none;
	-webkit-appearance: none;
}

textarea.newsletterform-textarea {
	min-height: 134px;
	resize: vertical;
}

/* Checkbox */
.newsletterform-checkboxgrp-row {
	font-style: normal;
	font-stretch: normal;
	font-family: Inter,sans-serif;
	font-size: 1rem;
	line-height: 1.5em;
	letter-spacing: -.011em;
	font-weight: 400;
	display: flex;
	gap: 10px;
	align-items: start;
	margin-top: 8px;
	color: #1a1817;
}

.newsletterform-checkboxgrp-label { font-weight: normal; }
.newsletterform-checkboxgrp-checkbox {
	background-color: transparent;
	min-width: 22px;
	width: 22px;
	height: 22px;
	border: solid 1px #a39f9b;
	border-radius: 2px;
	cursor: pointer;
	margin: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.newsletterform-checkboxgrp-checkbox:checked {
	border-color: #009BD9;
	background-color: #009BD9;
}

.newsletterform-checkboxgrp-checkbox[type=checkbox]:checked:after {
	font-family: aicep-base-icons!important;
	/*content: "\e90c";*/
	font-size: 15px;
	color: #fff;
	position: absolute;
	width: 22px;
	height: 22px;
	border-color: #009BD9;
	background-color: #009BD9;
	border-radius: 2px;
	display: flex;
	align-items: center;
	justify-content: center;
	transform: translate(-1px, -1px);
}

/* Radio */
.newsletterform-radiogrp-row {
	font-style: normal;
	font-stretch: normal;
	font-family: Inter,sans-serif;
	font-size: 1rem;
	line-height: 1.5em;
	letter-spacing: -.011em;
	font-weight: 400;
	display: flex;
	gap: 10px;
	align-items: start;
	margin-top: 8px;
	color: #1a1817;
}

.newsletterform-radiogrp-label { font-weight: normal; }
.newsletterform-radiogrp-radio {
	height: 22px;
	width: 22px;
	min-width: 22px;
	margin: 0px !important;
	border: 1px solid #a39f9b;
	border-radius: 50%;
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.newsletterform-radiogrp-radio[type=radio]:checked:after {
	font-family: aicep-base-icons!important;
	/*content: "\e913";*/ /*REPOR CONTENTS*/
	color: #fff;
	position: absolute;
	width: 22px;
	height: 22px;
	border-color: #009BD9;
	background-color: #009BD9;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	transform: translate(-1px, -1px);
}

.newsletterform-button-wrapper .newsletterform-button, .newsletterform-button-wrapper .newsletterform-button.btn-default {
	color: #fff;
	transition: all .1s ease;
	font-style: normal;
	font-stretch: normal;
	font-family: Inter,sans-serif;
	font-size: 1rem;
	line-height: 1.5em;
	letter-spacing: -.011em;
	font-weight: 700;
	height: 48px;
	border-radius: 2px;
	border: 1px solid #0779B6;
	padding: 0 20px;
	cursor: pointer;
	background: #0779B6;
	width: fit-content;
	transition: all .1s ease;
}

.newsletterform-button-wrapper .newsletterform-button:hover, .newsletterform-button-wrapper .newsletterform-button.btn-default:hover {
	border-color: #009BD9;
	background: #009BD9;
}

.newsletterform-button-wrapper .newsletterform-button.btn-default[disabled] { background-color: #ffffff; border-color: #dddddd; color: #aaa;}


.newsletterform-pagebreak-wrapper .newsletterform-pagebreak.btn-default {
	color: #1a1817;
	transition: all .1s ease;
	font-style: normal;
	font-stretch: normal;
	font-family: Inter,sans-serif;
	font-size: 1rem;
	line-height: 1.5em;
	letter-spacing: -.011em;
	font-weight: 700;
	height: 48px;
	border-radius: 2px;
	border: 1px solid #1a181780;
	padding: 0 20px;
	cursor: pointer;
	background: transparent;
	transition: all .1s ease;
}

.newsletterform-pagebreak-wrapper .newsletterform-pagebreak.btn-default:hover {
	border-color: #1a1817;
}
.buttons-horizontal {
	flex-direction: row !important;
	justify-content: space-between;
	gap: 10px;
}
.buttons-horizontal .newsletterform-button {
	flex: 1;
}
#emailDisplay {
	font-weight: bold;
}
.newsletterform-button.primary {
	color: #fff;
	background: #0779B6;
	border: 1px solid #0779B6;
}
.newsletterform-button.primary:hover {
	background: #009BD9;
	border-color: #009BD9;
}
.newsletterform-button-wrapper .newsletterform-button:disabled {
	background: #aaa;
	border-color: #aaa;
	cursor: not-allowed;
}

#btnReenviar,
#resendCodeButton {
	height: auto;
	padding: 4px 8px;
	font-size: 0.9rem;
	line-height: 1.2;
}

#resendCodeButton:disabled {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: #ccc !important;
    border: 1px solid #bbb;

    opacity: 1; 
    cursor: not-allowed;
}

#validateCodeButton:disabled {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: #ccc !important;
    border: 1px solid #bbb;

    opacity: 1; 
    cursor: not-allowed;  
}

.newsletterform-input.valid {
  border-color: #176d4b;
}

.newsletterform-input.invalid {
  border-color: #d92e39;
}

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, summary, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

* {
    box-sizing: border-box;
    position: relative;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

input {
    outline: none
}

a {
    color: currentColor
}

img {
    width: 100%;
    display: flex
}

strong {
    font-weight: 700
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block
}

body {
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(255,255,255,0);
    -webkit-tap-highlight-color: transparent
}

ol, ul {
    list-style: none
}

blockquote, q {
    quotes: none
}

    blockquote:after, blockquote:before, q:after, q:before {
        content: "";
        content: none
    }

table {
    border-collapse: collapse;
    border-spacing: 0
}

a {
    text-decoration: none;
    cursor: pointer
}

input, input:after, input:before {
    -webkit-user-select: initial;
    -moz-user-select: initial;
    user-select: auto;
    -webkit-appearance: none;
    appearance: none;
    border-radius: 0
}

button, mark {
    background: none;
    border: none;
    margin: 0;
    padding: 0
}

input[type=number] {
    -moz-appearance: textfield;
    -webkit-appearance: none;
    appearance: none
}

    input[type=number]::-webkit-inner-spin-button, input[type=number] ::-webkit-outer-spin-button {
        -webkit-appearance: none;
        appearance: none;
        margin: 0
    }

input::-ms-clear, input::-ms-reveal {
    display: none
}

[data-theme=theme1] {
    --m-01: #ae8347;
    --m-01--light-01: #c8a56c;
    --m-01--light-02: #dfc99e;
    --m-01--light-03: #f0e2ce;
    --m-01--light-04: #f8f0e7;
    --m-01--dark-01: #966b3c;
    --m-01--dark-02: #805535;
    --m-01--dark-03: #673e2a;
    --m-01--dark-04: #4c2e1f;
    --m-02: #f1da89;
    --m-02--light-01: #f9ecc1;
    --m-02--light-02: #fcf7e2;
    --m-02--dark-01: #e6cb79;
    --m-02--dark-02: #dbb862;
    --m-01--rgb: 174,131,71;
    --g-01: linear-gradient(247.4deg,#996833 -35.86%,#ba864a);
    --g-02: linear-gradient(37.45deg,#ba8b45,#c9a56e 134.7%);
    --g-03: linear-gradient(26.73deg,#673e2a 1.18%,#966b3c 133.85%);
    --g-04: linear-gradient(280.13deg,#ebd17f -29.21%,#fbebb5 109.4%)
}

[data-theme=theme2] {
    --m-01: #00a2a8;
    --m-01--light-01: #66cecc;
    --m-01--light-02: #a6e9e0;
    --m-01--light-03: #d5f6f0;
    --m-01--light-04: #eafaf7;
    --m-01--dark-01: #007f93;
    --m-01--dark-02: #006d83;
    --m-01--dark-03: #005468;
    --m-01--dark-04: #003f4f;
    --m-02: #80edcd;
    --m-02--light-01: #b5f6e3;
    --m-02--light-02: #d4f9ee;
    --m-02--dark-01: #58dab4;
    --m-02--dark-02: #29c395;
    --m-01--rgb: 0,162,168;
    --g-01: linear-gradient(247.03deg,#0097af -36.64%,rgba(17,194,191,.94));
    --g-02: linear-gradient(34.13deg,#09bba9,#18d3bc 133.54%);
    --g-03: linear-gradient(27.99deg,#006781,#009ea4 128.01%);
    --g-04: linear-gradient(280.81deg,#62e0bb -25.7%,rgba(139,244,214,.81) 107.05%)
}

[data-theme=theme3] {
    --m-01: #009bd9;
    --m-01--light-01: #70cceb;
    --m-01--light-02: #a8deee;
    --m-01--light-03: #d9f0f5;
    --m-01--light-04: #ebf8fb;
    --m-01--dark-01: #0779b6;
    --m-01--dark-02: #0468a1;
    --m-01--dark-03: #05538c;
    --m-01--dark-04: #02406c;
    --m-02: #a1e7ec;
    --m-02--light-01: #c6f1f4;
    --m-02--light-02: #d9f6f8;
    --m-02--dark-01: #82dbe1;
    --m-02--dark-02: #47c9d1;
    --m-01--rgb: 0,155,217;
    --g-01: linear-gradient(244.08deg,#0095e4 -39.38%,#22b1dc);
    --g-02: linear-gradient(92.72deg,#13add8 4.53%,#33bfd8 122.3%);
    --g-03: linear-gradient(30.07deg,#0b609d,#0791c9 133.21%);
    --g-04: linear-gradient(112.58deg,#bef6fa -7.43%,#8fe3e9 133.17%)
}

[data-theme=theme4] {
    --m-01: #ed5717;
    --m-01--light-01: #fc8d43;
    --m-01--light-02: #ffc994;
    --m-01--light-03: #ffe9c8;
    --m-01--light-04: #fff7e4;
    --m-01--dark-01: #db2e00;
    --m-01--dark-02: #c12701;
    --m-01--dark-03: #a61800;
    --m-01--dark-04: #7f0000;
    --m-02: #ffdb9e;
    --m-02--light-01: #ffeed4;
    --m-02--light-02: #fff5e6;
    --m-02--dark-01: #fed27d;
    --m-02--dark-02: #ffbe5d;
    --m-01--rgb: 0,155,217;
    --g-01: linear-gradient(243.59deg,#da1a00 -35.98%,#ff601c);
    --g-02: linear-gradient(70.5deg,#ee5300,#ff8025 131.16%);
    --g-03: linear-gradient(28.91deg,#a60e00,#db2e00 128.99%);
    --g-04: linear-gradient(284.13deg,#ffdb96 -30.07%,#ffe7c3 107.65%)
}

[data-theme=aicepBlue] {
    --m-01: #2C6FB0;
    --m-01--light-01: #568CC0;
    --m-01--light-02: #9ABAD9;
    --m-01--light-03: #D1E0EE;
    --m-01--light-04: #E6ECF4;
    --m-01--dark-01: #28659F;
    --m-01--dark-02: #1E4F7C;
    --m-01--dark-03: #133655;
    --m-01--dark-04: #0E243A;
    --m-02: #2C6FB0;
    --m-02--light-01: #9ABAD9;
    --m-02--light-02: #D1E0EE;
    --m-02--dark-01: #1E4F7C;
    --m-02--dark-02: #0E243A;
    --m-01--rgb: 44,111,176;
    --g-01: linear-gradient(245deg, rgba(36, 83, 134, 0.7) -15%, var(--m-01--light-01) 95%), linear-gradient(290deg, var(--m-01--dark-01) 25%, var(--m-01--dark-04) 95%);
    --g-02: linear-gradient(185deg, rgba(36, 83, 134, 0.75) -10%, var(--m-02) 90%), linear-gradient(220deg, var(--m-01) 30%, var(--m-01--dark-03) 95%);
    --g-03: radial-gradient(140% 180% at 35% -15%, rgba(36, 83, 134, 0.7) 0%, var(--m-01--light-01) 100%), radial-gradient(100% 140% at 100% -20%, var(--m-01--dark-02) 0%, var(--m-01--dark-01) 100%);
    --g-04: linear-gradient(170deg, var(--m-02--light-01) 20%, rgba(155, 207, 231, 0.9) 95%), linear-gradient(240deg, var(--m-01--light-02) 25%, var(--m-02) 90%);
}

[data-theme=aicepGreen] {
    --m-01: #3ab186;
    --m-01--light-01: #76c8aa;
    --m-01--light-02: #a2d7c4;
    --m-01--light-03: #c7e6db;
    --m-01--light-04: #eaf5f0;
    --m-01--dark-01: #329f79;
    --m-01--dark-02: #2a7c5e;
    --m-01--dark-03: #225f48;
    --m-01--dark-04: #0e2d22;
    --m-02: #3ab186;
    --m-02--light-01: #76c8aa;
    --m-02--light-02: #a2d7c4;
    --m-02--dark-01: #225f48;
    --m-02--dark-02: #0e2d22;
    --m-01--rgb: 0,133,84;
    --g-01: linear-gradient(210deg, rgba(0, 104, 65, 0.75) -20%, var(--m-01--light-01) 95%), linear-gradient(265deg, var(--m-01--dark-01) 15%, var(--m-01--dark-04) 90%);
    --g-02: linear-gradient(195deg, rgba(0, 104, 65, 0.8) -5%, var(--m-01--light-02) 85%), linear-gradient(250deg, var(--m-01) 20%, var(--m-01--dark-03) 95%);
    --g-03: radial-gradient(150% 160% at 20% -10%, rgba(0, 104, 65, 0.75) 0%, var(--m-01--light-01) 100%), radial-gradient(120% 150% at 105% -15%, var(--m-01--dark-02) 0%, var(--m-01--dark-01) 100%);
    --g-04: linear-gradient(150deg, var(--m-02--light-01) 25%, rgba(138, 237, 202, 0.9) 90%), linear-gradient(260deg, var(--m-01--light-02) 20%, var(--m-02) 95%);
}

[data-theme=aicepRed] {
    --m-01: #ED1C24;
    --m-01--light-01: #f37053;
    --m-01--light-02: #f9aa8f;
    --m-01--light-03: #fcd3c1;
    --m-01--light-04: #fff2eb;
    --m-01--dark-01: #c4161c;
    --m-01--dark-02: #9e0b0f;
    --m-01--dark-03: #790000;
    --m-01--dark-04: #540000;
    --m-02: #9e0b0f;
    --m-02--light-01: #fff2eb;
    --m-02--light-02: #fee7dc;
    --m-02--dark-01: #fcd3c1;
    --m-02--dark-02: #f37053;
    --m-01--rgb: 232,42,21;
    --g-01: linear-gradient(225deg, rgba(190, 35, 16, 0.75) -10%, var(--m-01--light-01) 90%), linear-gradient(270deg, var(--m-01--dark-01) 30%, var(--m-01--dark-04) 95%);
    --g-02: linear-gradient(180deg, rgba(190, 35, 16, 0.8) -15%, var(--m-01--light-02) 85%), linear-gradient(245deg, var(--m-01) 25%, var(--m-01--dark-03) 90%);
    --g-03: radial-gradient(160% 170% at 25% -20%, rgba(190, 35, 16, 0.75) 0%, var(--m-01--light-01) 100%), radial-gradient(110% 160% at 110% -10%, var(--m-01--dark-02) 0%, var(--m-01--dark-01) 100%);
    --g-04: linear-gradient(165deg, var(--m-02--light-01) 30%, rgba(255, 167, 137, 0.9) 95%), linear-gradient(235deg, var(--m-01--light-02) 15%, var(--m-02) 85%);
}


:root {
    --neu-01: #fafafa;
    --neu-02: #f2f1f3;
    --neu-03: #e3e0e1;
    --neu-04: #d6d1d0;
    --neu-05: #c2bebb;
    --neu-06: #a39f9b;
    --neu-07: #757370;
    --neu-08: #484746;
    --neu-09: #242323;
    --neu-10: #1a1817;
    --add-01: #f4ce33;
    --add-01--light-01: #ffdd46;
    --add-01--light-02: #ffea64;
    --add-01--light-03: #fcf39d;
    --add-01--light-04: #f8f6df;
    --add-01--dark-01: #e6ba27;
    --add-01--dark-02: #bb9223;
    --add-01--dark-03: #997115;
    --add-01--dark-04: #7a540a;
    --add-02: #ff4149;
    --add-02--light-01: #ff7d7b;
    --add-02--light-02: #ffa39b;
    --add-02--light-03: #ffccc1;
    --add-02--light-04: #fce3db;
    --add-02--dark-01: #e8313d;
    --add-02--dark-02: #d92e39;
    --add-02--dark-03: #a92032;
    --add-02--dark-04: #851a2c;
    --add-03: #5fcd85;
    --add-03--light-01: #86e3a4;
    --add-03--light-02: #a8edba;
    --add-03--light-03: #cbefd4;
    --add-03--light-04: #e5f6e8;
    --add-03--dark-01: #2ba066;
    --add-03--dark-02: #1f8259;
    --add-03--dark-03: #176d4b;
    --add-03--dark-04: #12583c;
    --add-04: #518dfe;
    --add-04--light-01: #80abff;
    --add-04--light-02: #aecaff;
    --add-04--light-03: #d1e1ff;
    --add-04--light-04: #e8f0ff;
    --add-04--dark-01: #3375f4;
    --add-04--dark-02: #2e62e6;
    --add-04--dark-03: #2d51d2;
    --add-04--dark-04: #2240a8;
    --add-05: #e89541;
    --add-05--light-01: #edbf7a;
    --add-05--light-02: #f2d5a2;
    --add-05--light-03: #f6e7c8;
    --add-05--light-04: #faf3e2;
    --add-05--dark-01: #de7214;
    --add-05--dark-02: #bf580f;
    --add-05--dark-03: #9f450d;
    --add-05--dark-04: #7a2f0a;
    --add-06: #8bad00;
    --add-06--light-01: #a5c819;
    --add-06--light-02: #c3de5a;
    --add-06--light-03: #dbed94;
    --add-06--light-04: #e8f2c0;
    --add-06--dark-01: #799700;
    --add-06--dark-02: #698400;
    --add-06--dark-03: #586f00;
    --add-06--dark-04: #450;
    --add-07: #9b81e8;
    --add-07--light-01: #baaaec;
    --add-07--light-02: #d4caf1;
    --add-07--light-03: #e6e1f5;
    --add-07--light-04: #efecf6;
    --add-07--dark-01: #805ce9;
    --add-07--dark-02: #6843d4;
    --add-07--dark-03: #5530c0;
    --add-07--dark-04: #412497
}

@font-face {
    font-family: Calma Global Large;
    src: url(fonts/Calma-Global-Large.woff2) format("woff2"),url(fonts/Calma-Global-Large.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Calma Global Medium;
    src: url(fonts/Calma-Global-Medium.woff2) format("woff2"),url(fonts/Calma-Global-Medium.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: aicep-base-icons;
    src: url(fonts/icons/aicep-base-icons.eot?azdw8j);
    src: url(fonts/icons/aicep-base-icons.eot?azdw8j#iefix) format("embedded-opentype"),url(fonts/icons/aicep-base-icons.ttf?azdw8j) format("truetype"),url(fonts/icons/aicep-base-icons.woff?azdw8j) format("woff"),url(fonts/icons/aicep-base-icons.svg?azdw8j#aicep-base-icons) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: block
}

[class*=" icon-bas"], [class^=icon-bas] {
    font-family: aicep-base-icons !important;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-bas-001:before {
    content: ""
}

.icon-bas-002:before {
    content: ""
}

.icon-bas-003:before {
    content: ""
}

.icon-bas-004:before {
    content: ""
}

.icon-bas-005:before {
    content: ""
}

.icon-bas-006:before {
    content: ""
}

.icon-bas-007:before {
    content: ""
}

.icon-bas-008:before {
    content: ""
}

.icon-bas-009:before {
    content: ""
}

.icon-bas-010:before {
    content: ""
}

.icon-bas-011:before {
    content: ""
}

.icon-bas-012:before {
    content: ""
}

.icon-bas-013:before {
    content: ""
}

.icon-bas-014:before {
    content: ""
}

.icon-bas-015:before {
    content: ""
}

.icon-bas-016:before {
    content: ""
}

.icon-bas-017:before {
    content: ""
}

.icon-bas-018:before {
    content: ""
}

.icon-bas-019:before {
    content: ""
}

.icon-bas-020:before {
    content: ""
}

.icon-bas-021:before {
    content: ""
}

.icon-bas-022:before {
    content: ""
}

.icon-bas-023:before {
    content: ""
}

.icon-bas-024:before {
    content: ""
}

.icon-bas-025:before {
    content: ""
}

.icon-bas-026:before {
    content: ""
}

.icon-bas-027:before {
    content: ""
}

.icon-bas-028:before {
    content: ""
}

.icon-bas-029:before {
    content: ""
}

.icon-bas-030:before {
    content: ""
}

.icon-bas-031:before {
    content: ""
}

.icon-bas-032:before {
    content: ""
}

.icon-bas-033:before {
    content: ""
}

.icon-bas-034:before {
    content: ""
}

.icon-bas-035:before {
    content: ""
}

.icon-bas-036:before {
    content: ""
}

.icon-bas-037:before {
    content: ""
}

.icon-bas-038:before {
    content: ""
}

.icon-bas-039:before {
    content: ""
}

.icon-bas-040:before {
    content: ""
}

.icon-bas-041:before {
    content: ""
}

.icon-bas-042:before {
    content: ""
}

.icon-bas-043:before {
    content: ""
}

.icon-bas-044:before {
    content: ""
}

.icon-bas-045:before {
    content: ""
}

.icon-bas-046:before {
    content: ""
}

.icon-bas-047:before {
    content: ""
}

.icon-bas-048:before {
    content: ""
}

.icon-bas-049:before {
    content: ""
}

.icon-bas-050:before {
    content: ""
}

.icon-bas-051:before {
    content: ""
}

.icon-bas-052:before {
    content: ""
}

.icon-bas-053:before {
    content: ""
}

.icon-bas-054:before {
    content: ""
}

.icon-bas-055:before {
    content: ""
}

.icon-bas-056:before {
    content: ""
}

.icon-bas-057:before {
    content: ""
}

.icon-bas-058:before {
    content: ""
}

.icon-bas-059:before {
    content: ""
}

.icon-bas-060:before {
    content: ""
}

.icon-bas-061:before {
    content: ""
}

.icon-bas-062:before {
    content: ""
}

.icon-bas-063:before {
    content: ""
}

.icon-bas-064:before {
    content: ""
}

.icon-bas-065:before {
    content: ""
}

.icon-bas-066:before {
    content: ""
}

.icon-bas-067:before {
    content: ""
}

.icon-bas-068:before {
    content: ""
}

.icon-bas-069:before {
    content: ""
}

.icon-bas-070:before {
    content: ""
}

.icon-bas-071:before {
    content: ""
}

.icon-bas-072:before {
    content: ""
}

.icon-bas-073:before {
    content: ""
}

.icon-bas-074:before {
    content: ""
}

.icon-bas-075:before {
    content: ""
}

.icon-bas-076:before {
    content: ""
}

.icon-bas-077:before {
    content: ""
}

.icon-bas-078:before {
    content: ""
}

.icon-bas-079:before {
    content: ""
}

.icon-bas-080:before {
    content: ""
}

.icon-bas-081:before {
    content: ""
}

.icon-bas-082:before {
    content: ""
}

.icon-bas-083:before {
    content: ""
}

.icon-bas-084:before {
    content: ""
}

.icon-bas-085:before {
    content: ""
}

.icon-bas-086:before {
    content: ""
}

.icon-bas-087:before {
    content: ""
}

.icon-bas-088:before {
    content: ""
}

.icon-bas-089:before {
    content: ""
}

.icon-bas-090:before {
    content: ""
}

.icon-bas-091:before {
    content: ""
}

.icon-bas-092:before {
    content: ""
}

.icon-bas-093:before {
    content: ""
}

.icon-bas-094:before {
    content: ""
}

.icon-bas-095:before {
    content: ""
}

.icon-bas-096:before {
    content: ""
}

.icon-bas-097:before {
    content: ""
}

.icon-bas-098:before {
    content: ""
}

.icon-bas-099:before {
    content: ""
}

.icon-bas-100:before {
    content: ""
}

.icon-bas-101:before {
    content: ""
}

.icon-bas-102:before {
    content: ""
}

.icon-bas-103:before {
    content: ""
}

.icon-bas-104:before {
    content: ""
}

.icon-bas-105:before {
    content: ""
}

.icon-bas-106:before {
    content: ""
}

.icon-bas-107:before {
    content: ""
}

.icon-bas-108:before {
    content: ""
}

@font-face {
    font-family: aicep-brand-icons;
    src: url(fonts/icons/aicep-brand-icons.eot?sifq77);
    src: url(fonts/icons/aicep-brand-icons.eot?sifq77#iefix) format("embedded-opentype"),url(fonts/icons/aicep-brand-icons.ttf?sifq77) format("truetype"),url(fonts/icons/aicep-brand-icons.woff?sifq77) format("woff"),url(fonts/icons/aicep-brand-icons.svg?sifq77#aicep-brand-icons) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: block
}

[class*=" icon-bra"], [class^=icon-bra] {
    font-family: aicep-brand-icons !important;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-bra-001 {
    font-size: 48px
}

    .icon-bra-001:before {
        content: "";
        color: var(--m-01--light-02)
    }

    .icon-bra-001:after {
        content: "";
        margin-left: -1em;
        color: var(--m-01--dark-01)
    }

.icon-bra-002 {
    font-size: 48px
}

    .icon-bra-002:before {
        content: "";
        color: var(--m-01--light-02)
    }

    .icon-bra-002:after {
        content: "";
        margin-left: -1em;
        color: var(--m-01--dark-01)
    }

.icon-bra-003 {
    font-size: 48px
}

    .icon-bra-003:before {
        content: "";
        color: var(--m-01--light-02)
    }

    .icon-bra-003:after {
        content: "";
        margin-left: -1em;
        color: var(--m-01--dark-01)
    }

.icon-bra-004 {
    font-size: 48px
}

    .icon-bra-004:before {
        content: "";
        color: var(--m-01--light-02)
    }

    .icon-bra-004:after {
        content: "";
        margin-left: -1em;
        color: var(--m-01--dark-01)
    }

.icon-bra-005 {
    font-size: 48px
}

    .icon-bra-005:before {
        content: "";
        color: var(--m-01--light-02)
    }

    .icon-bra-005:after {
        content: "";
        margin-left: -1em;
        color: var(--m-01--dark-01)
    }

.icon-bra-006 {
    font-size: 48px
}

    .icon-bra-006:before {
        content: "";
        color: var(--m-01--light-02)
    }

    .icon-bra-006:after {
        content: "";
        margin-left: -1em;
        color: var(--m-01--dark-01)
    }

.icon-bra-007 {
    font-size: 48px
}

    .icon-bra-007:before {
        content: "";
        color: var(--m-01--light-02)
    }

    .icon-bra-007:after {
        content: "";
        margin-left: -1em;
        color: var(--m-01--dark-01)
    }

.icon-bra-008 {
    font-size: 48px
}

    .icon-bra-008:before {
        content: "";
        color: var(--m-01--light-02)
    }

    .icon-bra-008:after {
        content: "";
        margin-left: -1em;
        color: var(--m-01--dark-01)
    }

.icon-bra-009 {
    font-size: 48px
}

    .icon-bra-009:before {
        content: "";
        color: var(--m-01--light-02)
    }

    .icon-bra-009:after {
        content: "";
        margin-left: -1em;
        color: var(--m-01--dark-01)
    }

.icon-bra-010 {
    font-size: 48px
}

    .icon-bra-010:before {
        content: "";
        color: var(--m-01--light-02)
    }

    .icon-bra-010:after {
        content: "";
        margin-left: -1em;
        color: var(--m-01--dark-01)
    }

.icon-bra-011 {
    font-size: 48px
}

    .icon-bra-011:before {
        content: "";
        color: var(--m-01--light-02)
    }

    .icon-bra-011:after {
        content: "";
        margin-left: -1em;
        color: var(--m-01--dark-01)
    }

.icon-bra-012 {
    font-size: 48px
}

    .icon-bra-012:before {
        content: "";
        color: var(--m-01--light-02)
    }

    .icon-bra-012:after {
        content: "";
        margin-left: -1em;
        color: var(--m-01--dark-01)
    }

.icon-bra-013 {
    font-size: 48px
}

    .icon-bra-013:before {
        content: "";
        color: var(--m-01--light-02)
    }

    .icon-bra-013:after {
        content: "";
        margin-left: -1em;
        color: var(--m-01--dark-01)
    }

.icon-bra-014 {
    font-size: 48px
}

    .icon-bra-014:before {
        content: "";
        color: var(--m-01--light-02)
    }

    .icon-bra-014:after {
        content: "";
        margin-left: -1em;
        color: var(--m-01--dark-01)
    }

.icon-bra-015 {
    font-size: 48px
}

    .icon-bra-015:before {
        content: "";
        color: var(--m-01--light-02)
    }

    .icon-bra-015:after {
        content: "";
        margin-left: -1em;
        color: var(--m-01--dark-01)
    }

.icon-bra-016 {
    font-size: 48px
}

    .icon-bra-016:before {
        content: "";
        color: var(--m-01--light-02)
    }

    .icon-bra-016:after {
        content: "";
        margin-left: -1em;
        color: var(--m-01--dark-01)
    }

.icon-bra-017 {
    font-size: 48px
}

    .icon-bra-017:before {
        content: "";
        color: var(--m-01--light-02)
    }

    .icon-bra-017:after {
        content: "";
        margin-left: -1em;
        color: var(--m-01--dark-01)
    }

.icon-bra-018 {
    font-size: 48px
}

    .icon-bra-018:before {
        content: "";
        color: var(--m-01--light-02)
    }

    .icon-bra-018:after {
        content: "";
        margin-left: -1em;
        color: var(--m-01--dark-01)
    }

.icon-bra-019 {
    font-size: 48px
}

    .icon-bra-019:before {
        content: "";
        color: var(--m-01--light-02)
    }

    .icon-bra-019:after {
        content: "";
        margin-left: -1em;
        color: var(--m-01--dark-01)
    }

.icon-bra-020 {
    font-size: 48px
}

    .icon-bra-020:before {
        content: "";
        color: var(--m-01--light-02)
    }

    .icon-bra-020:after {
        content: "";
        margin-left: -1em;
        color: var(--m-01--dark-01)
    }

.icon-bra-021 {
    font-size: 48px
}

    .icon-bra-021:before {
        content: "";
        color: var(--m-01--light-02)
    }

    .icon-bra-021:after {
        content: "";
        margin-left: -1em;
        color: var(--m-01--dark-01)
    }

.icon-bra-022 {
    font-size: 48px
}

    .icon-bra-022:before {
        content: "";
        color: var(--m-01--light-02)
    }

    .icon-bra-022:after {
        content: "";
        margin-left: -1em;
        color: var(--m-01--dark-01)
    }

.icon-bra-023 {
    font-size: 48px
}

    .icon-bra-023:before {
        content: "";
        color: var(--m-01--light-02)
    }

    .icon-bra-023:after {
        content: "";
        margin-left: -1em;
        color: var(--m-01--dark-01)
    }

.icon-bra-024 {
    font-size: 48px
}

    .icon-bra-024:before {
        content: "";
        color: var(--m-01--light-02)
    }

    .icon-bra-024:after {
        content: "";
        margin-left: -1em;
        color: var(--m-01--dark-01)
    }

.icon-bra-025 {
    font-size: 48px
}

    .icon-bra-025:before {
        content: "";
        color: var(--m-01--light-02)
    }

    .icon-bra-025:after {
        content: "";
        margin-left: -1em;
        color: var(--m-01--dark-01)
    }

.icon-bra-026 {
    font-size: 48px
}

    .icon-bra-026:before {
        content: "";
        color: var(--m-01--light-02)
    }

    .icon-bra-026:after {
        content: "";
        margin-left: -1em;
        color: var(--m-01--dark-01)
    }

.icon-bra-027 {
    font-size: 48px
}

    .icon-bra-027:before {
        content: "";
        color: var(--m-01--light-02)
    }

    .icon-bra-027:after {
        content: "";
        margin-left: -1em;
        color: var(--m-01--dark-01)
    }

.icon-bra-028 {
    font-size: 48px
}

    .icon-bra-028:before {
        content: "";
        color: var(--m-01--light-02)
    }

    .icon-bra-028:after {
        content: "";
        margin-left: -1em;
        color: var(--m-01--dark-01)
    }

.icon-bra-029 {
    font-size: 48px
}

    .icon-bra-029:before {
        content: "";
        color: var(--m-01--light-02)
    }

    .icon-bra-029:after {
        content: "";
        margin-left: -1em;
        color: var(--m-01--dark-01)
    }

.icon-bra-030 {
    font-size: 48px
}

    .icon-bra-030:before {
        content: "";
        color: var(--m-01--light-02)
    }

    .icon-bra-030:after {
        content: "";
        margin-left: -1em;
        color: var(--m-01--dark-01)
    }

.icon-bra-031 {
    font-size: 48px
}

    .icon-bra-031:before {
        content: "";
        color: var(--m-01--light-02)
    }

    .icon-bra-031:after {
        content: "";
        margin-left: -1em;
        color: var(--m-01--dark-01)
    }

.icon-bra-032 {
    font-size: 48px
}

    .icon-bra-032:before {
        content: "";
        color: var(--m-01--light-02)
    }

    .icon-bra-032:after {
        content: "";
        margin-left: -1em;
        color: var(--m-01--dark-01)
    }

.icon-bra-033 {
    font-size: 48px
}

    .icon-bra-033:before {
        content: "";
        color: var(--m-01--light-02)
    }

    .icon-bra-033:after {
        content: "";
        margin-left: -1em;
        color: var(--m-01--dark-01)
    }

.icon-bra-034 {
    font-size: 48px
}

    .icon-bra-034:before {
        content: "";
        color: var(--m-01--light-02)
    }

    .icon-bra-034:after {
        content: "";
        margin-left: -1em;
        color: var(--m-01--dark-01)
    }

.icon-bra-035 {
    font-size: 48px
}

    .icon-bra-035:before {
        content: "";
        color: var(--m-01--light-02)
    }

    .icon-bra-035:after {
        content: "";
        margin-left: -1em;
        color: var(--m-01--dark-01)
    }

.icon-bra-036 {
    font-size: 48px
}

    .icon-bra-036:before {
        content: "";
        color: var(--m-01--light-02)
    }

    .icon-bra-036:after {
        content: "";
        margin-left: -1em;
        color: var(--m-01--dark-01)
    }

.icon-bra-037 {
    font-size: 48px
}

    .icon-bra-037:before {
        content: "";
        color: var(--m-01--light-02)
    }

    .icon-bra-037:after {
        content: "";
        margin-left: -1em;
        color: var(--m-01--dark-01)
    }

.icon-bra-038 {
    font-size: 48px
}

    .icon-bra-038:before {
        content: "";
        color: var(--m-01--light-02)
    }

    .icon-bra-038:after {
        content: "";
        margin-left: -1em;
        color: var(--m-01--dark-01)
    }

.icon-bra-039 {
    font-size: 48px
}

    .icon-bra-039:before {
        content: "";
        color: var(--m-01--light-02)
    }

    .icon-bra-039:after {
        content: "";
        margin-left: -1em;
        color: var(--m-01--dark-01)
    }

.icon-bra-040 {
    font-size: 48px
}

    .icon-bra-040:before {
        content: "";
        color: var(--m-01--light-02)
    }

    .icon-bra-040:after {
        content: "";
        margin-left: -1em;
        color: var(--m-01--dark-01)
    }

@font-face {
    font-family: aicep-social-icons;
    src: url(fonts/icons/aicep-social-icons.eot?rhstlp);
    src: url(fonts/icons/aicep-social-icons.eot?rhstlp#iefix) format("embedded-opentype"),url(fonts/icons/aicep-social-icons.ttf?rhstlp) format("truetype"),url(fonts/icons/aicep-social-icons.woff?rhstlp) format("woff"),url(fonts/icons/aicep-social-icons.svg?rhstlp#aicep-social-icons) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: block
}

[class*=" icon-soc"], [class^=icon-soc] {
    font-family: aicep-social-icons !important;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-soc-01:before {
    content: ""
}

.icon-soc-02:before {
    content: ""
}

.icon-soc-03:before {
    content: ""
}

.icon-soc-04:before {
    content: ""
}

.icon-soc-05:before {
    content: ""
}

.icon-soc-06:before {
    content: ""
}

.icon-soc-07:before {
    content: ""
}

.icon-soc-08:before {
    content: ""
}

@keyframes a {
    0% {
        transform: translateY(40px);
        opacity: 0
    }

    40%,45% {
        transform: translateY(-24px);
        opacity: 1
    }

    to {
        transform: translateY(-24px)
    }
}

@keyframes b {
    0% {
        transform: translateY(-24px)
    }

    40%,45% {
        transform: translateY(-24px);
        opacity: 1
    }

    to {
        transform: translateY(40px);
        opacity: 0
    }
}

@keyframes c {
    0% {
        transform: translateY(40px);
        opacity: 0
    }

    40%,45% {
        transform: translateY(-16px);
        opacity: 1
    }

    to {
        transform: translateY(-8px)
    }
}

@keyframes d {
    0% {
        transform: translateY(-8px)
    }

    40%,45% {
        transform: translateY(-16px);
        opacity: 1
    }

    to {
        transform: translateY(40px);
        opacity: 0
    }
}

@keyframes e {
    0% {
        transform: translate(100%);
        opacity: 0
    }

    to {
        transform: translate(0)
    }
}

@keyframes f {
    0% {
        transform: translate(0)
    }

    50%,55% {
        opacity: 0;
        transform: translateY(-20px)
    }

    to {
        transform: translateY(-40px);
        opacity: 0
    }
}

@keyframes g {
    0% {
        height: 100%
    }

    to {
        height: 0%
    }
}

@keyframes h {
    0% {
        opacity: 0;
        transform: translateY(-180px)
    }

    20% {
        opacity: 0
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes i {
    0% {
        transform: scale(1.3)
    }

    to {
        transform: scale(1)
    }
}

@keyframes j {
    0% {
        transform: translateY(-24px)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes k {
    0% {
        transform: translateY(0)
    }

    to {
        transform: translateY(-24px)
    }
}

.card {
    max-width: 1088px
}

    .card:has(.btnBookmark__popup.show) {
        z-index: 10
    }

[data-bg=neu-01], [data-bg=neu-02], [data-blur-bg=light] {
    color: var(--neu-10)
}

    [data-bg=neu-01] .link a, [data-bg=neu-02] .link a, [data-blur-bg=light] .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        [data-bg=neu-01] .link a:hover, [data-bg=neu-02] .link a:hover, [data-blur-bg=light] .link a:hover {
            color: var(--m-01)
        }

    [data-bg=neu-01][data-filter=on], [data-bg=neu-02][data-filter=on], [data-blur-bg=light][data-filter=on] {
        color: var(--neu-10) !important
    }

        [data-bg=neu-01][data-filter=on] .btn--primary, [data-bg=neu-02][data-filter=on] .btn--primary, [data-blur-bg=light][data-filter=on] .btn--primary {
            background: var(--m-01--dark-01) !important;
            color: var(--neu-01) !important
        }

            [data-bg=neu-01][data-filter=on] .btn--primary:hover, [data-bg=neu-02][data-filter=on] .btn--primary:hover, [data-blur-bg=light][data-filter=on] .btn--primary:hover {
                background: var(--m-01) !important;
                color: var(--neu-01) !important
            }

        [data-bg=neu-01][data-filter=on] .btn--secondary, [data-bg=neu-02][data-filter=on] .btn--secondary, [data-blur-bg=light][data-filter=on] .btn--secondary {
            background: transparent;
            border-color: rgba(26,24,23,.5) !important;
            color: var(--neu-10) !important
        }

            [data-bg=neu-01][data-filter=on] .btn--secondary:hover, [data-bg=neu-02][data-filter=on] .btn--secondary:hover, [data-blur-bg=light][data-filter=on] .btn--secondary:hover {
                border-color: var(--neu-10) !important;
                opacity: 1
            }

        [data-bg=neu-01][data-filter=on] .btn--tertiary, [data-bg=neu-02][data-filter=on] .btn--tertiary, [data-blur-bg=light][data-filter=on] .btn--tertiary {
            color: var(--neu-10) !important
        }

            [data-bg=neu-01][data-filter=on] .btn--tertiary p:before, [data-bg=neu-02][data-filter=on] .btn--tertiary p:before, [data-blur-bg=light][data-filter=on] .btn--tertiary p:before {
                background: var(--neu-10) !important
            }

            [data-bg=neu-01][data-filter=on] .btn--tertiary:hover, [data-bg=neu-02][data-filter=on] .btn--tertiary:hover, [data-blur-bg=light][data-filter=on] .btn--tertiary:hover {
                opacity: .7
            }

                [data-bg=neu-01][data-filter=on] .btn--tertiary:hover p:before, [data-bg=neu-02][data-filter=on] .btn--tertiary:hover p:before, [data-blur-bg=light][data-filter=on] .btn--tertiary:hover p:before {
                    background: var(--m-01--dark-01) !important
                }

            [data-bg=neu-01][data-filter=on] .btn--tertiary.pagination__arrow:hover, [data-bg=neu-02][data-filter=on] .btn--tertiary.pagination__arrow:hover, [data-blur-bg=light][data-filter=on] .btn--tertiary.pagination__arrow:hover {
                color: initial !important
            }

            [data-bg=neu-01][data-filter=on] .btn--tertiary:hover, [data-bg=neu-02][data-filter=on] .btn--tertiary:hover, [data-blur-bg=light][data-filter=on] .btn--tertiary:hover {
                opacity: 1
            }

        [data-bg=neu-01][data-filter=on] .btnNav--previous, [data-bg=neu-02][data-filter=on] .btnNav--previous, [data-blur-bg=light][data-filter=on] .btnNav--previous {
            color: var(--neu-10) !important
        }

            [data-bg=neu-01][data-filter=on] .btnNav--previous:hover, [data-bg=neu-02][data-filter=on] .btnNav--previous:hover, [data-blur-bg=light][data-filter=on] .btnNav--previous:hover {
                opacity: .7;
                color: var(--neu-10) !important
            }

        [data-bg=neu-01][data-filter=on] .btnBookmark, [data-bg=neu-01][data-filter=on] .btnBookmark--small, [data-bg=neu-02][data-filter=on] .btnBookmark, [data-bg=neu-02][data-filter=on] .btnBookmark--small, [data-blur-bg=light][data-filter=on] .btnBookmark, [data-blur-bg=light][data-filter=on] .btnBookmark--small {
            background: transparent;
            border-color: rgba(26,24,23,.5);
            color: var(--neu-10)
        }

            [data-bg=neu-01][data-filter=on] .btnBookmark--small:hover, [data-bg=neu-01][data-filter=on] .btnBookmark:hover, [data-bg=neu-02][data-filter=on] .btnBookmark--small:hover, [data-bg=neu-02][data-filter=on] .btnBookmark:hover, [data-blur-bg=light][data-filter=on] .btnBookmark--small:hover, [data-blur-bg=light][data-filter=on] .btnBookmark:hover {
                border-color: var(--neu-10)
            }

            [data-bg=neu-01][data-filter=on] .btnBookmark--icon.btnBookmark--small, [data-bg=neu-01][data-filter=on] .btnBookmark.btnBookmark--icon, [data-bg=neu-02][data-filter=on] .btnBookmark--icon.btnBookmark--small, [data-bg=neu-02][data-filter=on] .btnBookmark.btnBookmark--icon, [data-blur-bg=light][data-filter=on] .btnBookmark--icon.btnBookmark--small, [data-blur-bg=light][data-filter=on] .btnBookmark.btnBookmark--icon {
                color: var(--neu-10)
            }

                [data-bg=neu-01][data-filter=on] .btnBookmark--icon.btnBookmark--small:hover, [data-bg=neu-01][data-filter=on] .btnBookmark.btnBookmark--icon:hover, [data-bg=neu-02][data-filter=on] .btnBookmark--icon.btnBookmark--small:hover, [data-bg=neu-02][data-filter=on] .btnBookmark.btnBookmark--icon:hover, [data-blur-bg=light][data-filter=on] .btnBookmark--icon.btnBookmark--small:hover, [data-blur-bg=light][data-filter=on] .btnBookmark.btnBookmark--icon:hover {
                    opacity: .7
                }

            [data-bg=neu-01][data-filter=on] .btnBookmark--small:hover, [data-bg=neu-01][data-filter=on] .btnBookmark:hover, [data-bg=neu-02][data-filter=on] .btnBookmark--small:hover, [data-bg=neu-02][data-filter=on] .btnBookmark:hover, [data-blur-bg=light][data-filter=on] .btnBookmark--small:hover, [data-blur-bg=light][data-filter=on] .btnBookmark:hover {
                opacity: 1 !important
            }

    [data-bg=neu-01] .btn--primary, [data-bg=neu-02] .btn--primary, [data-blur-bg=light] .btn--primary {
        background: var(--m-01--dark-01) !important;
        color: var(--neu-01) !important
    }

        [data-bg=neu-01] .btn--primary:hover, [data-bg=neu-02] .btn--primary:hover, [data-blur-bg=light] .btn--primary:hover {
            background: var(--m-01) !important;
            color: var(--neu-01) !important
        }

    [data-bg=neu-01] .btn--secondary, [data-bg=neu-02] .btn--secondary, [data-blur-bg=light] .btn--secondary {
        background: transparent;
        border-color: rgba(26,24,23,.5) !important;
        color: var(--neu-10) !important
    }

        [data-bg=neu-01] .btn--secondary:hover, [data-bg=neu-02] .btn--secondary:hover, [data-blur-bg=light] .btn--secondary:hover {
            border-color: var(--neu-10) !important
        }

    [data-bg=neu-01] .btn--tertiary, [data-bg=neu-02] .btn--tertiary, [data-blur-bg=light] .btn--tertiary {
        color: var(--neu-10) !important
    }

        [data-bg=neu-01] .btn--tertiary p:before, [data-bg=neu-02] .btn--tertiary p:before, [data-blur-bg=light] .btn--tertiary p:before {
            background: var(--neu-10) !important
        }

        [data-bg=neu-01] .btn--tertiary:hover, [data-bg=neu-02] .btn--tertiary:hover, [data-blur-bg=light] .btn--tertiary:hover {
            opacity: .7
        }

            [data-bg=neu-01] .btn--tertiary:hover p:before, [data-bg=neu-02] .btn--tertiary:hover p:before, [data-blur-bg=light] .btn--tertiary:hover p:before {
                background: var(--m-01--dark-01) !important
            }

        [data-bg=neu-01] .btn--tertiary.pagination__arrow:hover, [data-bg=neu-02] .btn--tertiary.pagination__arrow:hover, [data-blur-bg=light] .btn--tertiary.pagination__arrow:hover {
            color: initial !important
        }

    [data-bg=neu-01] .btnNav, [data-bg=neu-01] .btnNav--active, [data-bg=neu-01] .btnNav--icon, [data-bg=neu-01] .btnNav--large, [data-bg=neu-01] .btnNav--large--mobile, [data-bg=neu-01] .btnNav--previous, [data-bg=neu-01] .btnNav--small, [data-bg=neu-02] .btnNav, [data-bg=neu-02] .btnNav--active, [data-bg=neu-02] .btnNav--icon, [data-bg=neu-02] .btnNav--large, [data-bg=neu-02] .btnNav--large--mobile, [data-bg=neu-02] .btnNav--previous, [data-bg=neu-02] .btnNav--small, [data-blur-bg=light] .btnNav, [data-blur-bg=light] .btnNav--active, [data-blur-bg=light] .btnNav--icon, [data-blur-bg=light] .btnNav--large, [data-blur-bg=light] .btnNav--large--mobile, [data-blur-bg=light] .btnNav--previous, [data-blur-bg=light] .btnNav--small {
        color: var(--neu-10) !important
    }

        [data-bg=neu-01] .btnNav--active:hover, [data-bg=neu-01] .btnNav--icon:hover, [data-bg=neu-01] .btnNav--large--mobile:hover, [data-bg=neu-01] .btnNav--large:hover, [data-bg=neu-01] .btnNav--previous:hover, [data-bg=neu-01] .btnNav--small:hover, [data-bg=neu-01] .btnNav:hover, [data-bg=neu-02] .btnNav--active:hover, [data-bg=neu-02] .btnNav--icon:hover, [data-bg=neu-02] .btnNav--large--mobile:hover, [data-bg=neu-02] .btnNav--large:hover, [data-bg=neu-02] .btnNav--previous:hover, [data-bg=neu-02] .btnNav--small:hover, [data-bg=neu-02] .btnNav:hover, [data-blur-bg=light] .btnNav--active:hover, [data-blur-bg=light] .btnNav--icon:hover, [data-blur-bg=light] .btnNav--large--mobile:hover, [data-blur-bg=light] .btnNav--large:hover, [data-blur-bg=light] .btnNav--previous:hover, [data-blur-bg=light] .btnNav--small:hover, [data-blur-bg=light] .btnNav:hover {
            opacity: .7
        }

        [data-bg=neu-01] .btnNav--active, [data-bg=neu-01] .btnNav--active.btnNav--icon, [data-bg=neu-01] .btnNav--active.btnNav--large, [data-bg=neu-01] .btnNav--active.btnNav--large--mobile, [data-bg=neu-01] .btnNav--active.btnNav--previous, [data-bg=neu-01] .btnNav--active.btnNav--small, [data-bg=neu-01] .btnNav.btnNav--active, [data-bg=neu-02] .btnNav--active, [data-bg=neu-02] .btnNav--active.btnNav--icon, [data-bg=neu-02] .btnNav--active.btnNav--large, [data-bg=neu-02] .btnNav--active.btnNav--large--mobile, [data-bg=neu-02] .btnNav--active.btnNav--previous, [data-bg=neu-02] .btnNav--active.btnNav--small, [data-bg=neu-02] .btnNav.btnNav--active, [data-blur-bg=light] .btnNav--active, [data-blur-bg=light] .btnNav--active.btnNav--icon, [data-blur-bg=light] .btnNav--active.btnNav--large, [data-blur-bg=light] .btnNav--active.btnNav--large--mobile, [data-blur-bg=light] .btnNav--active.btnNav--previous, [data-blur-bg=light] .btnNav--active.btnNav--small, [data-blur-bg=light] .btnNav.btnNav--active {
            color: var(--m-01--dark-01) !important
        }

    [data-bg=neu-01] .btnNav--previous, [data-bg=neu-02] .btnNav--previous, [data-blur-bg=light] .btnNav--previous {
        color: var(--neu-10) !important
    }

        [data-bg=neu-01] .btnNav--previous:hover, [data-bg=neu-02] .btnNav--previous:hover, [data-blur-bg=light] .btnNav--previous:hover {
            color: var(--neu-10) !important;
            opacity: .7
        }

    [data-bg=neu-01] .btnBookmark, [data-bg=neu-01] .btnBookmark--small, [data-bg=neu-01] .btnBookmark.selected.btnBookmark--small, [data-bg=neu-02] .btnBookmark, [data-bg=neu-02] .btnBookmark--small, [data-bg=neu-02] .btnBookmark.selected.btnBookmark--small, [data-blur-bg=light] .btnBookmark, [data-blur-bg=light] .btnBookmark--small, [data-blur-bg=light] .btnBookmark.selected.btnBookmark--small {
        background: transparent;
        border-color: rgba(26,24,23,.5);
        color: var(--neu-10)
    }

        [data-bg=neu-01] .btnBookmark--small:hover, [data-bg=neu-01] .btnBookmark:hover, [data-bg=neu-02] .btnBookmark--small:hover, [data-bg=neu-02] .btnBookmark:hover, [data-blur-bg=light] .btnBookmark--small:hover, [data-blur-bg=light] .btnBookmark:hover {
            border-color: var(--neu-10)
        }

        [data-bg=neu-01] .btnBookmark--icon.btnBookmark--small, [data-bg=neu-01] .btnBookmark.btnBookmark--icon, [data-bg=neu-02] .btnBookmark--icon.btnBookmark--small, [data-bg=neu-02] .btnBookmark.btnBookmark--icon, [data-blur-bg=light] .btnBookmark--icon.btnBookmark--small, [data-blur-bg=light] .btnBookmark.btnBookmark--icon {
            color: var(--neu-10)
        }

            [data-bg=neu-01] .btnBookmark--icon.btnBookmark--small:hover, [data-bg=neu-01] .btnBookmark.btnBookmark--icon:hover, [data-bg=neu-02] .btnBookmark--icon.btnBookmark--small:hover, [data-bg=neu-02] .btnBookmark.btnBookmark--icon:hover, [data-blur-bg=light] .btnBookmark--icon.btnBookmark--small:hover, [data-blur-bg=light] .btnBookmark.btnBookmark--icon:hover {
                opacity: .7
            }

    [data-bg=neu-01] .textLabel, [data-bg=neu-02] .textLabel, [data-blur-bg=light] .textLabel {
        color: var(--m-01--dark-01)
    }

    [data-bg=neu-01] .btnLocalization__btn, [data-bg=neu-02] .btnLocalization__btn, [data-blur-bg=light] .btnLocalization__btn {
        border-color: rgba(26,24,23,.5);
        color: var(--neu-10)
    }

        [data-bg=neu-01] .btnLocalization__btn span:before, [data-bg=neu-02] .btnLocalization__btn span:before, [data-blur-bg=light] .btnLocalization__btn span:before {
            background: var(--neu-06)
        }

        [data-bg=neu-01] .btnLocalization__btn:hover, [data-bg=neu-02] .btnLocalization__btn:hover, [data-blur-bg=light] .btnLocalization__btn:hover {
            border-color: var(--neu-10)
        }

    [data-bg=neu-02] .link a {
        color: var(--m-01--dark-02) !important;
        text-decoration: underline
    }

        [data-bg=neu-02] .link a:hover {
            color: var(--m-01--dark-01) !important
        }

    [data-bg=neu-02] mark[data-color=color], [data-bg=neu-02] span[data-color=color] {
        color: var(--m-01--dark-02) !important
    }

    [data-bg=neu-02] mark[data-color=gray], [data-bg=neu-02] span[data-color=gray] {
        color: var(--neu-08) !important
    }

    [data-bg=neu-02] .textLabel {
        color: var(--m-01--dark-02)
    }

.textFormats [data-bg=g-01] .bodyText, .textFormats [data-bg=g-01] .bulletList, .textFormats [data-bg=g-01] .captionText, .textFormats [data-bg=g-01] .descriptionList, .textFormats [data-bg=g-01] .fontBrand--level3, .textFormats [data-bg=g-01] .fontBrand--level4, .textFormats [data-bg=g-01] .fontBrand--level5, .textFormats [data-bg=g-01] .fontBrand--level6, .textFormats [data-bg=g-01] .fontMain--level2, .textFormats [data-bg=g-01] .fontMain--level3, .textFormats [data-bg=g-01] .fontMain--level4, .textFormats [data-bg=g-01] .fontMain--level5, .textFormats [data-bg=g-01] .fontMain--level6, .textFormats [data-bg=g-01] .image, .textFormats [data-bg=g-01] .numberedList, .textFormats [data-bg=g-01] .quoteText, .textFormats [data-bg=g-01] .video, .textFormats [data-bg=g-01] blockquote, .textFormats [data-bg=g-01] caption, .textFormats [data-bg=g-01] dl, .textFormats [data-bg=g-01] figure, .textFormats [data-bg=g-01] ol, .textFormats [data-bg=g-01] p, .textFormats [data-bg=g-01] ul, .textFormats [data-bg=g-02] .bodyText, .textFormats [data-bg=g-02] .bulletList, .textFormats [data-bg=g-02] .captionText, .textFormats [data-bg=g-02] .descriptionList, .textFormats [data-bg=g-02] .fontBrand--level3, .textFormats [data-bg=g-02] .fontBrand--level4, .textFormats [data-bg=g-02] .fontBrand--level5, .textFormats [data-bg=g-02] .fontBrand--level6, .textFormats [data-bg=g-02] .fontMain--level2, .textFormats [data-bg=g-02] .fontMain--level3, .textFormats [data-bg=g-02] .fontMain--level4, .textFormats [data-bg=g-02] .fontMain--level5, .textFormats [data-bg=g-02] .fontMain--level6, .textFormats [data-bg=g-02] .image, .textFormats [data-bg=g-02] .numberedList, .textFormats [data-bg=g-02] .quoteText, .textFormats [data-bg=g-02] .video, .textFormats [data-bg=g-02] blockquote, .textFormats [data-bg=g-02] caption, .textFormats [data-bg=g-02] dl, .textFormats [data-bg=g-02] figure, .textFormats [data-bg=g-02] ol, .textFormats [data-bg=g-02] p, .textFormats [data-bg=g-02] ul, .textFormats [data-bg=g-03] .bodyText, .textFormats [data-bg=g-03] .bulletList, .textFormats [data-bg=g-03] .captionText, .textFormats [data-bg=g-03] .descriptionList, .textFormats [data-bg=g-03] .fontBrand--level3, .textFormats [data-bg=g-03] .fontBrand--level4, .textFormats [data-bg=g-03] .fontBrand--level5, .textFormats [data-bg=g-03] .fontBrand--level6, .textFormats [data-bg=g-03] .fontMain--level2, .textFormats [data-bg=g-03] .fontMain--level3, .textFormats [data-bg=g-03] .fontMain--level4, .textFormats [data-bg=g-03] .fontMain--level5, .textFormats [data-bg=g-03] .fontMain--level6, .textFormats [data-bg=g-03] .image, .textFormats [data-bg=g-03] .numberedList, .textFormats [data-bg=g-03] .quoteText, .textFormats [data-bg=g-03] .video, .textFormats [data-bg=g-03] blockquote, .textFormats [data-bg=g-03] caption, .textFormats [data-bg=g-03] dl, .textFormats [data-bg=g-03] figure, .textFormats [data-bg=g-03] ol, .textFormats [data-bg=g-03] p, .textFormats [data-bg=g-03] ul, .textFormats [data-bg=m-01--dark-01] .bodyText, .textFormats [data-bg=m-01--dark-01] .bulletList, .textFormats [data-bg=m-01--dark-01] .captionText, .textFormats [data-bg=m-01--dark-01] .descriptionList, .textFormats [data-bg=m-01--dark-01] .fontBrand--level3, .textFormats [data-bg=m-01--dark-01] .fontBrand--level4, .textFormats [data-bg=m-01--dark-01] .fontBrand--level5, .textFormats [data-bg=m-01--dark-01] .fontBrand--level6, .textFormats [data-bg=m-01--dark-01] .fontMain--level2, .textFormats [data-bg=m-01--dark-01] .fontMain--level3, .textFormats [data-bg=m-01--dark-01] .fontMain--level4, .textFormats [data-bg=m-01--dark-01] .fontMain--level5, .textFormats [data-bg=m-01--dark-01] .fontMain--level6, .textFormats [data-bg=m-01--dark-01] .image, .textFormats [data-bg=m-01--dark-01] .numberedList, .textFormats [data-bg=m-01--dark-01] .quoteText, .textFormats [data-bg=m-01--dark-01] .video, .textFormats [data-bg=m-01--dark-01] blockquote, .textFormats [data-bg=m-01--dark-01] caption, .textFormats [data-bg=m-01--dark-01] dl, .textFormats [data-bg=m-01--dark-01] figure, .textFormats [data-bg=m-01--dark-01] ol, .textFormats [data-bg=m-01--dark-01] p, .textFormats [data-bg=m-01--dark-01] ul, .textFormats [data-bg=neu-08] .bodyText, .textFormats [data-bg=neu-08] .bulletList, .textFormats [data-bg=neu-08] .captionText, .textFormats [data-bg=neu-08] .descriptionList, .textFormats [data-bg=neu-08] .fontBrand--level3, .textFormats [data-bg=neu-08] .fontBrand--level4, .textFormats [data-bg=neu-08] .fontBrand--level5, .textFormats [data-bg=neu-08] .fontBrand--level6, .textFormats [data-bg=neu-08] .fontMain--level2, .textFormats [data-bg=neu-08] .fontMain--level3, .textFormats [data-bg=neu-08] .fontMain--level4, .textFormats [data-bg=neu-08] .fontMain--level5, .textFormats [data-bg=neu-08] .fontMain--level6, .textFormats [data-bg=neu-08] .image, .textFormats [data-bg=neu-08] .numberedList, .textFormats [data-bg=neu-08] .quoteText, .textFormats [data-bg=neu-08] .video, .textFormats [data-bg=neu-08] blockquote, .textFormats [data-bg=neu-08] caption, .textFormats [data-bg=neu-08] dl, .textFormats [data-bg=neu-08] figure, .textFormats [data-bg=neu-08] ol, .textFormats [data-bg=neu-08] p, .textFormats [data-bg=neu-08] ul, .textFormats [data-bg=neu-09] .bodyText, .textFormats [data-bg=neu-09] .bulletList, .textFormats [data-bg=neu-09] .captionText, .textFormats [data-bg=neu-09] .descriptionList, .textFormats [data-bg=neu-09] .fontBrand--level3, .textFormats [data-bg=neu-09] .fontBrand--level4, .textFormats [data-bg=neu-09] .fontBrand--level5, .textFormats [data-bg=neu-09] .fontBrand--level6, .textFormats [data-bg=neu-09] .fontMain--level2, .textFormats [data-bg=neu-09] .fontMain--level3, .textFormats [data-bg=neu-09] .fontMain--level4, .textFormats [data-bg=neu-09] .fontMain--level5, .textFormats [data-bg=neu-09] .fontMain--level6, .textFormats [data-bg=neu-09] .image, .textFormats [data-bg=neu-09] .numberedList, .textFormats [data-bg=neu-09] .quoteText, .textFormats [data-bg=neu-09] .video, .textFormats [data-bg=neu-09] blockquote, .textFormats [data-bg=neu-09] caption, .textFormats [data-bg=neu-09] dl, .textFormats [data-bg=neu-09] figure, .textFormats [data-bg=neu-09] ol, .textFormats [data-bg=neu-09] p, .textFormats [data-bg=neu-09] ul, .textFormats [data-bg=neu-10] .bodyText, .textFormats [data-bg=neu-10] .bulletList, .textFormats [data-bg=neu-10] .captionText, .textFormats [data-bg=neu-10] .descriptionList, .textFormats [data-bg=neu-10] .fontBrand--level3, .textFormats [data-bg=neu-10] .fontBrand--level4, .textFormats [data-bg=neu-10] .fontBrand--level5, .textFormats [data-bg=neu-10] .fontBrand--level6, .textFormats [data-bg=neu-10] .fontMain--level2, .textFormats [data-bg=neu-10] .fontMain--level3, .textFormats [data-bg=neu-10] .fontMain--level4, .textFormats [data-bg=neu-10] .fontMain--level5, .textFormats [data-bg=neu-10] .fontMain--level6, .textFormats [data-bg=neu-10] .image, .textFormats [data-bg=neu-10] .numberedList, .textFormats [data-bg=neu-10] .quoteText, .textFormats [data-bg=neu-10] .video, .textFormats [data-bg=neu-10] blockquote, .textFormats [data-bg=neu-10] caption, .textFormats [data-bg=neu-10] dl, .textFormats [data-bg=neu-10] figure, .textFormats [data-bg=neu-10] ol, .textFormats [data-bg=neu-10] p, .textFormats [data-bg=neu-10] ul, .textFormats [data-blur-bg=dark] .bodyText, .textFormats [data-blur-bg=dark] .bulletList, .textFormats [data-blur-bg=dark] .captionText, .textFormats [data-blur-bg=dark] .descriptionList, .textFormats [data-blur-bg=dark] .fontBrand--level3, .textFormats [data-blur-bg=dark] .fontBrand--level4, .textFormats [data-blur-bg=dark] .fontBrand--level5, .textFormats [data-blur-bg=dark] .fontBrand--level6, .textFormats [data-blur-bg=dark] .fontMain--level2, .textFormats [data-blur-bg=dark] .fontMain--level3, .textFormats [data-blur-bg=dark] .fontMain--level4, .textFormats [data-blur-bg=dark] .fontMain--level5, .textFormats [data-blur-bg=dark] .fontMain--level6, .textFormats [data-blur-bg=dark] .image, .textFormats [data-blur-bg=dark] .numberedList, .textFormats [data-blur-bg=dark] .quoteText, .textFormats [data-blur-bg=dark] .video, .textFormats [data-blur-bg=dark] blockquote, .textFormats [data-blur-bg=dark] caption, .textFormats [data-blur-bg=dark] dl, .textFormats [data-blur-bg=dark] figure, .textFormats [data-blur-bg=dark] ol, .textFormats [data-blur-bg=dark] p, .textFormats [data-blur-bg=dark] ul, .textFormats [data-blur-bg=m-01] .bodyText, .textFormats [data-blur-bg=m-01] .bulletList, .textFormats [data-blur-bg=m-01] .captionText, .textFormats [data-blur-bg=m-01] .descriptionList, .textFormats [data-blur-bg=m-01] .fontBrand--level3, .textFormats [data-blur-bg=m-01] .fontBrand--level4, .textFormats [data-blur-bg=m-01] .fontBrand--level5, .textFormats [data-blur-bg=m-01] .fontBrand--level6, .textFormats [data-blur-bg=m-01] .fontMain--level2, .textFormats [data-blur-bg=m-01] .fontMain--level3, .textFormats [data-blur-bg=m-01] .fontMain--level4, .textFormats [data-blur-bg=m-01] .fontMain--level5, .textFormats [data-blur-bg=m-01] .fontMain--level6, .textFormats [data-blur-bg=m-01] .image, .textFormats [data-blur-bg=m-01] .numberedList, .textFormats [data-blur-bg=m-01] .quoteText, .textFormats [data-blur-bg=m-01] .video, .textFormats [data-blur-bg=m-01] blockquote, .textFormats [data-blur-bg=m-01] caption, .textFormats [data-blur-bg=m-01] dl, .textFormats [data-blur-bg=m-01] figure, .textFormats [data-blur-bg=m-01] ol, .textFormats [data-blur-bg=m-01] p, .textFormats [data-blur-bg=m-01] ul, .textFormats [data-filter=on] .bodyText, .textFormats [data-filter=on] .bulletList, .textFormats [data-filter=on] .captionText, .textFormats [data-filter=on] .descriptionList, .textFormats [data-filter=on] .fontBrand--level3, .textFormats [data-filter=on] .fontBrand--level4, .textFormats [data-filter=on] .fontBrand--level5, .textFormats [data-filter=on] .fontBrand--level6, .textFormats [data-filter=on] .fontMain--level2, .textFormats [data-filter=on] .fontMain--level3, .textFormats [data-filter=on] .fontMain--level4, .textFormats [data-filter=on] .fontMain--level5, .textFormats [data-filter=on] .fontMain--level6, .textFormats [data-filter=on] .image, .textFormats [data-filter=on] .numberedList, .textFormats [data-filter=on] .quoteText, .textFormats [data-filter=on] .video, .textFormats [data-filter=on] blockquote, .textFormats [data-filter=on] caption, .textFormats [data-filter=on] dl, .textFormats [data-filter=on] figure, .textFormats [data-filter=on] ol, .textFormats [data-filter=on] p, .textFormats [data-filter=on] ul, [data-bg=g-01], [data-bg=g-01] .fontBrand, [data-bg=g-01] .fontMain, [data-bg=g-01] .textFormats .bodyText, [data-bg=g-01] .textFormats .bulletList, [data-bg=g-01] .textFormats .captionText, [data-bg=g-01] .textFormats .descriptionList, [data-bg=g-01] .textFormats .fontBrand--level3, [data-bg=g-01] .textFormats .fontBrand--level4, [data-bg=g-01] .textFormats .fontBrand--level5, [data-bg=g-01] .textFormats .fontBrand--level6, [data-bg=g-01] .textFormats .fontMain--level2, [data-bg=g-01] .textFormats .fontMain--level3, [data-bg=g-01] .textFormats .fontMain--level4, [data-bg=g-01] .textFormats .fontMain--level5, [data-bg=g-01] .textFormats .fontMain--level6, [data-bg=g-01] .textFormats .image, [data-bg=g-01] .textFormats .numberedList, [data-bg=g-01] .textFormats .quoteText, [data-bg=g-01] .textFormats .video, [data-bg=g-01] .textFormats blockquote, [data-bg=g-01] .textFormats caption, [data-bg=g-01] .textFormats dl, [data-bg=g-01] .textFormats figure, [data-bg=g-01] .textFormats ol, [data-bg=g-01] .textFormats p, [data-bg=g-01] .textFormats ul, [data-bg=g-01] mark, [data-bg=g-01] mark[data-color=color], [data-bg=g-01] mark[data-color=default], [data-bg=g-01] mark[data-color=gray], [data-bg=g-01] span.m-01--dark-01 [data-bg=g-01] span[data-color=gray], [data-bg=g-01] span.m-01--dark-01 [data-bg=g-02] span[data-color=gray], [data-bg=g-01] span.m-01--dark-01 [data-bg=g-03] span[data-color=gray], [data-bg=g-01] span.m-01--dark-01 [data-bg=m-01--dark-01] span[data-color=gray], [data-bg=g-01] span.m-01--dark-01 [data-bg=neu-08] span[data-color=gray], [data-bg=g-01] span.m-01--dark-01 [data-bg=neu-09] span[data-color=gray], [data-bg=g-01] span.m-01--dark-01 [data-bg=neu-10] span[data-color=gray], [data-bg=g-01] span.m-01--dark-01 [data-blur-bg=dark] span[data-color=gray], [data-bg=g-01] span.m-01--dark-01 [data-blur-bg=m-01] span[data-color=gray], [data-bg=g-01] span.m-01--dark-01 [data-filter=on] span[data-color=gray], [data-bg=g-01] span.neu-07 [data-bg=g-01] span[data-color=default], [data-bg=g-01] span.neu-07 [data-bg=g-02] span[data-color=default], [data-bg=g-01] span.neu-07 [data-bg=g-03] span[data-color=default], [data-bg=g-01] span.neu-07 [data-bg=m-01--dark-01] span[data-color=default], [data-bg=g-01] span.neu-07 [data-bg=neu-08] span[data-color=default], [data-bg=g-01] span.neu-07 [data-bg=neu-09] span[data-color=default], [data-bg=g-01] span.neu-07 [data-bg=neu-10] span[data-color=default], [data-bg=g-01] span.neu-07 [data-blur-bg=dark] span[data-color=default], [data-bg=g-01] span.neu-07 [data-blur-bg=m-01] span[data-color=default], [data-bg=g-01] span.neu-07 [data-filter=on] span[data-color=default], [data-bg=g-01] span.neu-10, [data-bg=g-01] span[data-color=color], [data-bg=g-02], [data-bg=g-02] .fontBrand, [data-bg=g-02] .fontMain, [data-bg=g-02] .textFormats .bodyText, [data-bg=g-02] .textFormats .bulletList, [data-bg=g-02] .textFormats .captionText, [data-bg=g-02] .textFormats .descriptionList, [data-bg=g-02] .textFormats .fontBrand--level3, [data-bg=g-02] .textFormats .fontBrand--level4, [data-bg=g-02] .textFormats .fontBrand--level5, [data-bg=g-02] .textFormats .fontBrand--level6, [data-bg=g-02] .textFormats .fontMain--level2, [data-bg=g-02] .textFormats .fontMain--level3, [data-bg=g-02] .textFormats .fontMain--level4, [data-bg=g-02] .textFormats .fontMain--level5, [data-bg=g-02] .textFormats .fontMain--level6, [data-bg=g-02] .textFormats .image, [data-bg=g-02] .textFormats .numberedList, [data-bg=g-02] .textFormats .quoteText, [data-bg=g-02] .textFormats .video, [data-bg=g-02] .textFormats blockquote, [data-bg=g-02] .textFormats caption, [data-bg=g-02] .textFormats dl, [data-bg=g-02] .textFormats figure, [data-bg=g-02] .textFormats ol, [data-bg=g-02] .textFormats p, [data-bg=g-02] .textFormats ul, [data-bg=g-02] mark, [data-bg=g-02] mark[data-color=color], [data-bg=g-02] mark[data-color=default], [data-bg=g-02] mark[data-color=gray], [data-bg=g-02] span.m-01--dark-01 [data-bg=g-01] span[data-color=gray], [data-bg=g-02] span.m-01--dark-01 [data-bg=g-02] span[data-color=gray], [data-bg=g-02] span.m-01--dark-01 [data-bg=g-03] span[data-color=gray], [data-bg=g-02] span.m-01--dark-01 [data-bg=m-01--dark-01] span[data-color=gray], [data-bg=g-02] span.m-01--dark-01 [data-bg=neu-08] span[data-color=gray], [data-bg=g-02] span.m-01--dark-01 [data-bg=neu-09] span[data-color=gray], [data-bg=g-02] span.m-01--dark-01 [data-bg=neu-10] span[data-color=gray], [data-bg=g-02] span.m-01--dark-01 [data-blur-bg=dark] span[data-color=gray], [data-bg=g-02] span.m-01--dark-01 [data-blur-bg=m-01] span[data-color=gray], [data-bg=g-02] span.m-01--dark-01 [data-filter=on] span[data-color=gray], [data-bg=g-02] span.neu-07 [data-bg=g-01] span[data-color=default], [data-bg=g-02] span.neu-07 [data-bg=g-02] span[data-color=default], [data-bg=g-02] span.neu-07 [data-bg=g-03] span[data-color=default], [data-bg=g-02] span.neu-07 [data-bg=m-01--dark-01] span[data-color=default], [data-bg=g-02] span.neu-07 [data-bg=neu-08] span[data-color=default], [data-bg=g-02] span.neu-07 [data-bg=neu-09] span[data-color=default], [data-bg=g-02] span.neu-07 [data-bg=neu-10] span[data-color=default], [data-bg=g-02] span.neu-07 [data-blur-bg=dark] span[data-color=default], [data-bg=g-02] span.neu-07 [data-blur-bg=m-01] span[data-color=default], [data-bg=g-02] span.neu-07 [data-filter=on] span[data-color=default], [data-bg=g-02] span.neu-10, [data-bg=g-02] span[data-color=color], [data-bg=g-03], [data-bg=g-03] .fontBrand, [data-bg=g-03] .fontMain, [data-bg=g-03] .textFormats .bodyText, [data-bg=g-03] .textFormats .bulletList, [data-bg=g-03] .textFormats .captionText, [data-bg=g-03] .textFormats .descriptionList, [data-bg=g-03] .textFormats .fontBrand--level3, [data-bg=g-03] .textFormats .fontBrand--level4, [data-bg=g-03] .textFormats .fontBrand--level5, [data-bg=g-03] .textFormats .fontBrand--level6, [data-bg=g-03] .textFormats .fontMain--level2, [data-bg=g-03] .textFormats .fontMain--level3, [data-bg=g-03] .textFormats .fontMain--level4, [data-bg=g-03] .textFormats .fontMain--level5, [data-bg=g-03] .textFormats .fontMain--level6, [data-bg=g-03] .textFormats .image, [data-bg=g-03] .textFormats .numberedList, [data-bg=g-03] .textFormats .quoteText, [data-bg=g-03] .textFormats .video, [data-bg=g-03] .textFormats blockquote, [data-bg=g-03] .textFormats caption, [data-bg=g-03] .textFormats dl, [data-bg=g-03] .textFormats figure, [data-bg=g-03] .textFormats ol, [data-bg=g-03] .textFormats p, [data-bg=g-03] .textFormats ul, [data-bg=g-03] mark, [data-bg=g-03] mark[data-color=color], [data-bg=g-03] mark[data-color=default], [data-bg=g-03] mark[data-color=gray], [data-bg=g-03] span.m-01--dark-01 [data-bg=g-01] span[data-color=gray], [data-bg=g-03] span.m-01--dark-01 [data-bg=g-02] span[data-color=gray], [data-bg=g-03] span.m-01--dark-01 [data-bg=g-03] span[data-color=gray], [data-bg=g-03] span.m-01--dark-01 [data-bg=m-01--dark-01] span[data-color=gray], [data-bg=g-03] span.m-01--dark-01 [data-bg=neu-08] span[data-color=gray], [data-bg=g-03] span.m-01--dark-01 [data-bg=neu-09] span[data-color=gray], [data-bg=g-03] span.m-01--dark-01 [data-bg=neu-10] span[data-color=gray], [data-bg=g-03] span.m-01--dark-01 [data-blur-bg=dark] span[data-color=gray], [data-bg=g-03] span.m-01--dark-01 [data-blur-bg=m-01] span[data-color=gray], [data-bg=g-03] span.m-01--dark-01 [data-filter=on] span[data-color=gray], [data-bg=g-03] span.neu-07 [data-bg=g-01] span[data-color=default], [data-bg=g-03] span.neu-07 [data-bg=g-02] span[data-color=default], [data-bg=g-03] span.neu-07 [data-bg=g-03] span[data-color=default], [data-bg=g-03] span.neu-07 [data-bg=m-01--dark-01] span[data-color=default], [data-bg=g-03] span.neu-07 [data-bg=neu-08] span[data-color=default], [data-bg=g-03] span.neu-07 [data-bg=neu-09] span[data-color=default], [data-bg=g-03] span.neu-07 [data-bg=neu-10] span[data-color=default], [data-bg=g-03] span.neu-07 [data-blur-bg=dark] span[data-color=default], [data-bg=g-03] span.neu-07 [data-blur-bg=m-01] span[data-color=default], [data-bg=g-03] span.neu-07 [data-filter=on] span[data-color=default], [data-bg=g-03] span.neu-10, [data-bg=g-03] span[data-color=color], [data-bg=m-01--dark-01], [data-bg=m-01--dark-01] .fontBrand, [data-bg=m-01--dark-01] .fontMain, [data-bg=m-01--dark-01] .textFormats .bodyText, [data-bg=m-01--dark-01] .textFormats .bulletList, [data-bg=m-01--dark-01] .textFormats .captionText, [data-bg=m-01--dark-01] .textFormats .descriptionList, [data-bg=m-01--dark-01] .textFormats .fontBrand--level3, [data-bg=m-01--dark-01] .textFormats .fontBrand--level4, [data-bg=m-01--dark-01] .textFormats .fontBrand--level5, [data-bg=m-01--dark-01] .textFormats .fontBrand--level6, [data-bg=m-01--dark-01] .textFormats .fontMain--level2, [data-bg=m-01--dark-01] .textFormats .fontMain--level3, [data-bg=m-01--dark-01] .textFormats .fontMain--level4, [data-bg=m-01--dark-01] .textFormats .fontMain--level5, [data-bg=m-01--dark-01] .textFormats .fontMain--level6, [data-bg=m-01--dark-01] .textFormats .image, [data-bg=m-01--dark-01] .textFormats .numberedList, [data-bg=m-01--dark-01] .textFormats .quoteText, [data-bg=m-01--dark-01] .textFormats .video, [data-bg=m-01--dark-01] .textFormats blockquote, [data-bg=m-01--dark-01] .textFormats caption, [data-bg=m-01--dark-01] .textFormats dl, [data-bg=m-01--dark-01] .textFormats figure, [data-bg=m-01--dark-01] .textFormats ol, [data-bg=m-01--dark-01] .textFormats p, [data-bg=m-01--dark-01] .textFormats ul, [data-bg=m-01--dark-01] mark, [data-bg=m-01--dark-01] mark[data-color=color], [data-bg=m-01--dark-01] mark[data-color=default], [data-bg=m-01--dark-01] mark[data-color=gray], [data-bg=m-01--dark-01] span.m-01--dark-01 [data-bg=g-01] span[data-color=gray], [data-bg=m-01--dark-01] span.m-01--dark-01 [data-bg=g-02] span[data-color=gray], [data-bg=m-01--dark-01] span.m-01--dark-01 [data-bg=g-03] span[data-color=gray], [data-bg=m-01--dark-01] span.m-01--dark-01 [data-bg=m-01--dark-01] span[data-color=gray], [data-bg=m-01--dark-01] span.m-01--dark-01 [data-bg=neu-08] span[data-color=gray], [data-bg=m-01--dark-01] span.m-01--dark-01 [data-bg=neu-09] span[data-color=gray], [data-bg=m-01--dark-01] span.m-01--dark-01 [data-bg=neu-10] span[data-color=gray], [data-bg=m-01--dark-01] span.m-01--dark-01 [data-blur-bg=dark] span[data-color=gray], [data-bg=m-01--dark-01] span.m-01--dark-01 [data-blur-bg=m-01] span[data-color=gray], [data-bg=m-01--dark-01] span.m-01--dark-01 [data-filter=on] span[data-color=gray], [data-bg=m-01--dark-01] span.neu-07 [data-bg=g-01] span[data-color=default], [data-bg=m-01--dark-01] span.neu-07 [data-bg=g-02] span[data-color=default], [data-bg=m-01--dark-01] span.neu-07 [data-bg=g-03] span[data-color=default], [data-bg=m-01--dark-01] span.neu-07 [data-bg=m-01--dark-01] span[data-color=default], [data-bg=m-01--dark-01] span.neu-07 [data-bg=neu-08] span[data-color=default], [data-bg=m-01--dark-01] span.neu-07 [data-bg=neu-09] span[data-color=default], [data-bg=m-01--dark-01] span.neu-07 [data-bg=neu-10] span[data-color=default], [data-bg=m-01--dark-01] span.neu-07 [data-blur-bg=dark] span[data-color=default], [data-bg=m-01--dark-01] span.neu-07 [data-blur-bg=m-01] span[data-color=default], [data-bg=m-01--dark-01] span.neu-07 [data-filter=on] span[data-color=default], [data-bg=m-01--dark-01] span.neu-10, [data-bg=m-01--dark-01] span[data-color=color], [data-bg=neu-08], [data-bg=neu-08] .fontBrand, [data-bg=neu-08] .fontMain, [data-bg=neu-08] .textFormats .bodyText, [data-bg=neu-08] .textFormats .bulletList, [data-bg=neu-08] .textFormats .captionText, [data-bg=neu-08] .textFormats .descriptionList, [data-bg=neu-08] .textFormats .fontBrand--level3, [data-bg=neu-08] .textFormats .fontBrand--level4, [data-bg=neu-08] .textFormats .fontBrand--level5, [data-bg=neu-08] .textFormats .fontBrand--level6, [data-bg=neu-08] .textFormats .fontMain--level2, [data-bg=neu-08] .textFormats .fontMain--level3, [data-bg=neu-08] .textFormats .fontMain--level4, [data-bg=neu-08] .textFormats .fontMain--level5, [data-bg=neu-08] .textFormats .fontMain--level6, [data-bg=neu-08] .textFormats .image, [data-bg=neu-08] .textFormats .numberedList, [data-bg=neu-08] .textFormats .quoteText, [data-bg=neu-08] .textFormats .video, [data-bg=neu-08] .textFormats blockquote, [data-bg=neu-08] .textFormats caption, [data-bg=neu-08] .textFormats dl, [data-bg=neu-08] .textFormats figure, [data-bg=neu-08] .textFormats ol, [data-bg=neu-08] .textFormats p, [data-bg=neu-08] .textFormats ul, [data-bg=neu-08] mark, [data-bg=neu-08] mark[data-color=color], [data-bg=neu-08] mark[data-color=default], [data-bg=neu-08] mark[data-color=gray], [data-bg=neu-08] span.m-01--dark-01 [data-bg=g-01] span[data-color=gray], [data-bg=neu-08] span.m-01--dark-01 [data-bg=g-02] span[data-color=gray], [data-bg=neu-08] span.m-01--dark-01 [data-bg=g-03] span[data-color=gray], [data-bg=neu-08] span.m-01--dark-01 [data-bg=m-01--dark-01] span[data-color=gray], [data-bg=neu-08] span.m-01--dark-01 [data-bg=neu-08] span[data-color=gray], [data-bg=neu-08] span.m-01--dark-01 [data-bg=neu-09] span[data-color=gray], [data-bg=neu-08] span.m-01--dark-01 [data-bg=neu-10] span[data-color=gray], [data-bg=neu-08] span.m-01--dark-01 [data-blur-bg=dark] span[data-color=gray], [data-bg=neu-08] span.m-01--dark-01 [data-blur-bg=m-01] span[data-color=gray], [data-bg=neu-08] span.m-01--dark-01 [data-filter=on] span[data-color=gray], [data-bg=neu-08] span.neu-07 [data-bg=g-01] span[data-color=default], [data-bg=neu-08] span.neu-07 [data-bg=g-02] span[data-color=default], [data-bg=neu-08] span.neu-07 [data-bg=g-03] span[data-color=default], [data-bg=neu-08] span.neu-07 [data-bg=m-01--dark-01] span[data-color=default], [data-bg=neu-08] span.neu-07 [data-bg=neu-08] span[data-color=default], [data-bg=neu-08] span.neu-07 [data-bg=neu-09] span[data-color=default], [data-bg=neu-08] span.neu-07 [data-bg=neu-10] span[data-color=default], [data-bg=neu-08] span.neu-07 [data-blur-bg=dark] span[data-color=default], [data-bg=neu-08] span.neu-07 [data-blur-bg=m-01] span[data-color=default], [data-bg=neu-08] span.neu-07 [data-filter=on] span[data-color=default], [data-bg=neu-08] span.neu-10, [data-bg=neu-08] span[data-color=color], [data-bg=neu-09], [data-bg=neu-09] .fontBrand, [data-bg=neu-09] .fontMain, [data-bg=neu-09] .textFormats .bodyText, [data-bg=neu-09] .textFormats .bulletList, [data-bg=neu-09] .textFormats .captionText, [data-bg=neu-09] .textFormats .descriptionList, [data-bg=neu-09] .textFormats .fontBrand--level3, [data-bg=neu-09] .textFormats .fontBrand--level4, [data-bg=neu-09] .textFormats .fontBrand--level5, [data-bg=neu-09] .textFormats .fontBrand--level6, [data-bg=neu-09] .textFormats .fontMain--level2, [data-bg=neu-09] .textFormats .fontMain--level3, [data-bg=neu-09] .textFormats .fontMain--level4, [data-bg=neu-09] .textFormats .fontMain--level5, [data-bg=neu-09] .textFormats .fontMain--level6, [data-bg=neu-09] .textFormats .image, [data-bg=neu-09] .textFormats .numberedList, [data-bg=neu-09] .textFormats .quoteText, [data-bg=neu-09] .textFormats .video, [data-bg=neu-09] .textFormats blockquote, [data-bg=neu-09] .textFormats caption, [data-bg=neu-09] .textFormats dl, [data-bg=neu-09] .textFormats figure, [data-bg=neu-09] .textFormats ol, [data-bg=neu-09] .textFormats p, [data-bg=neu-09] .textFormats ul, [data-bg=neu-09] mark, [data-bg=neu-09] mark[data-color=color], [data-bg=neu-09] mark[data-color=default], [data-bg=neu-09] mark[data-color=gray], [data-bg=neu-09] span.m-01--dark-01 [data-bg=g-01] span[data-color=gray], [data-bg=neu-09] span.m-01--dark-01 [data-bg=g-02] span[data-color=gray], [data-bg=neu-09] span.m-01--dark-01 [data-bg=g-03] span[data-color=gray], [data-bg=neu-09] span.m-01--dark-01 [data-bg=m-01--dark-01] span[data-color=gray], [data-bg=neu-09] span.m-01--dark-01 [data-bg=neu-08] span[data-color=gray], [data-bg=neu-09] span.m-01--dark-01 [data-bg=neu-09] span[data-color=gray], [data-bg=neu-09] span.m-01--dark-01 [data-bg=neu-10] span[data-color=gray], [data-bg=neu-09] span.m-01--dark-01 [data-blur-bg=dark] span[data-color=gray], [data-bg=neu-09] span.m-01--dark-01 [data-blur-bg=m-01] span[data-color=gray], [data-bg=neu-09] span.m-01--dark-01 [data-filter=on] span[data-color=gray], [data-bg=neu-09] span.neu-07 [data-bg=g-01] span[data-color=default], [data-bg=neu-09] span.neu-07 [data-bg=g-02] span[data-color=default], [data-bg=neu-09] span.neu-07 [data-bg=g-03] span[data-color=default], [data-bg=neu-09] span.neu-07 [data-bg=m-01--dark-01] span[data-color=default], [data-bg=neu-09] span.neu-07 [data-bg=neu-08] span[data-color=default], [data-bg=neu-09] span.neu-07 [data-bg=neu-09] span[data-color=default], [data-bg=neu-09] span.neu-07 [data-bg=neu-10] span[data-color=default], [data-bg=neu-09] span.neu-07 [data-blur-bg=dark] span[data-color=default], [data-bg=neu-09] span.neu-07 [data-blur-bg=m-01] span[data-color=default], [data-bg=neu-09] span.neu-07 [data-filter=on] span[data-color=default], [data-bg=neu-09] span.neu-10, [data-bg=neu-09] span[data-color=color], [data-bg=neu-10], [data-bg=neu-10] .fontBrand, [data-bg=neu-10] .fontMain, [data-bg=neu-10] .textFormats .bodyText, [data-bg=neu-10] .textFormats .bulletList, [data-bg=neu-10] .textFormats .captionText, [data-bg=neu-10] .textFormats .descriptionList, [data-bg=neu-10] .textFormats .fontBrand--level3, [data-bg=neu-10] .textFormats .fontBrand--level4, [data-bg=neu-10] .textFormats .fontBrand--level5, [data-bg=neu-10] .textFormats .fontBrand--level6, [data-bg=neu-10] .textFormats .fontMain--level2, [data-bg=neu-10] .textFormats .fontMain--level3, [data-bg=neu-10] .textFormats .fontMain--level4, [data-bg=neu-10] .textFormats .fontMain--level5, [data-bg=neu-10] .textFormats .fontMain--level6, [data-bg=neu-10] .textFormats .image, [data-bg=neu-10] .textFormats .numberedList, [data-bg=neu-10] .textFormats .quoteText, [data-bg=neu-10] .textFormats .video, [data-bg=neu-10] .textFormats blockquote, [data-bg=neu-10] .textFormats caption, [data-bg=neu-10] .textFormats dl, [data-bg=neu-10] .textFormats figure, [data-bg=neu-10] .textFormats ol, [data-bg=neu-10] .textFormats p, [data-bg=neu-10] .textFormats ul, [data-bg=neu-10] mark, [data-bg=neu-10] mark[data-color=color], [data-bg=neu-10] mark[data-color=default], [data-bg=neu-10] mark[data-color=gray], [data-bg=neu-10] span.m-01--dark-01 [data-bg=g-01] span[data-color=gray], [data-bg=neu-10] span.m-01--dark-01 [data-bg=g-02] span[data-color=gray], [data-bg=neu-10] span.m-01--dark-01 [data-bg=g-03] span[data-color=gray], [data-bg=neu-10] span.m-01--dark-01 [data-bg=m-01--dark-01] span[data-color=gray], [data-bg=neu-10] span.m-01--dark-01 [data-bg=neu-08] span[data-color=gray], [data-bg=neu-10] span.m-01--dark-01 [data-bg=neu-09] span[data-color=gray], [data-bg=neu-10] span.m-01--dark-01 [data-bg=neu-10] span[data-color=gray], [data-bg=neu-10] span.m-01--dark-01 [data-blur-bg=dark] span[data-color=gray], [data-bg=neu-10] span.m-01--dark-01 [data-blur-bg=m-01] span[data-color=gray], [data-bg=neu-10] span.m-01--dark-01 [data-filter=on] span[data-color=gray], [data-bg=neu-10] span.neu-07 [data-bg=g-01] span[data-color=default], [data-bg=neu-10] span.neu-07 [data-bg=g-02] span[data-color=default], [data-bg=neu-10] span.neu-07 [data-bg=g-03] span[data-color=default], [data-bg=neu-10] span.neu-07 [data-bg=m-01--dark-01] span[data-color=default], [data-bg=neu-10] span.neu-07 [data-bg=neu-08] span[data-color=default], [data-bg=neu-10] span.neu-07 [data-bg=neu-09] span[data-color=default], [data-bg=neu-10] span.neu-07 [data-bg=neu-10] span[data-color=default], [data-bg=neu-10] span.neu-07 [data-blur-bg=dark] span[data-color=default], [data-bg=neu-10] span.neu-07 [data-blur-bg=m-01] span[data-color=default], [data-bg=neu-10] span.neu-07 [data-filter=on] span[data-color=default], [data-bg=neu-10] span.neu-10, [data-bg=neu-10] span[data-color=color], [data-blur-bg=dark], [data-blur-bg=dark] .fontBrand, [data-blur-bg=dark] .fontMain, [data-blur-bg=dark] .textFormats .bodyText, [data-blur-bg=dark] .textFormats .bulletList, [data-blur-bg=dark] .textFormats .captionText, [data-blur-bg=dark] .textFormats .descriptionList, [data-blur-bg=dark] .textFormats .fontBrand--level3, [data-blur-bg=dark] .textFormats .fontBrand--level4, [data-blur-bg=dark] .textFormats .fontBrand--level5, [data-blur-bg=dark] .textFormats .fontBrand--level6, [data-blur-bg=dark] .textFormats .fontMain--level2, [data-blur-bg=dark] .textFormats .fontMain--level3, [data-blur-bg=dark] .textFormats .fontMain--level4, [data-blur-bg=dark] .textFormats .fontMain--level5, [data-blur-bg=dark] .textFormats .fontMain--level6, [data-blur-bg=dark] .textFormats .image, [data-blur-bg=dark] .textFormats .numberedList, [data-blur-bg=dark] .textFormats .quoteText, [data-blur-bg=dark] .textFormats .video, [data-blur-bg=dark] .textFormats blockquote, [data-blur-bg=dark] .textFormats caption, [data-blur-bg=dark] .textFormats dl, [data-blur-bg=dark] .textFormats figure, [data-blur-bg=dark] .textFormats ol, [data-blur-bg=dark] .textFormats p, [data-blur-bg=dark] .textFormats ul, [data-blur-bg=dark] mark, [data-blur-bg=dark] mark[data-color=color], [data-blur-bg=dark] mark[data-color=default], [data-blur-bg=dark] mark[data-color=gray], [data-blur-bg=dark] span.m-01--dark-01 [data-bg=g-01] span[data-color=gray], [data-blur-bg=dark] span.m-01--dark-01 [data-bg=g-02] span[data-color=gray], [data-blur-bg=dark] span.m-01--dark-01 [data-bg=g-03] span[data-color=gray], [data-blur-bg=dark] span.m-01--dark-01 [data-bg=m-01--dark-01] span[data-color=gray], [data-blur-bg=dark] span.m-01--dark-01 [data-bg=neu-08] span[data-color=gray], [data-blur-bg=dark] span.m-01--dark-01 [data-bg=neu-09] span[data-color=gray], [data-blur-bg=dark] span.m-01--dark-01 [data-bg=neu-10] span[data-color=gray], [data-blur-bg=dark] span.m-01--dark-01 [data-blur-bg=dark] span[data-color=gray], [data-blur-bg=dark] span.m-01--dark-01 [data-blur-bg=m-01] span[data-color=gray], [data-blur-bg=dark] span.m-01--dark-01 [data-filter=on] span[data-color=gray], [data-blur-bg=dark] span.neu-07 [data-bg=g-01] span[data-color=default], [data-blur-bg=dark] span.neu-07 [data-bg=g-02] span[data-color=default], [data-blur-bg=dark] span.neu-07 [data-bg=g-03] span[data-color=default], [data-blur-bg=dark] span.neu-07 [data-bg=m-01--dark-01] span[data-color=default], [data-blur-bg=dark] span.neu-07 [data-bg=neu-08] span[data-color=default], [data-blur-bg=dark] span.neu-07 [data-bg=neu-09] span[data-color=default], [data-blur-bg=dark] span.neu-07 [data-bg=neu-10] span[data-color=default], [data-blur-bg=dark] span.neu-07 [data-blur-bg=dark] span[data-color=default], [data-blur-bg=dark] span.neu-07 [data-blur-bg=m-01] span[data-color=default], [data-blur-bg=dark] span.neu-07 [data-filter=on] span[data-color=default], [data-blur-bg=dark] span.neu-10, [data-blur-bg=dark] span[data-color=color], [data-blur-bg=m-01], [data-blur-bg=m-01] .fontBrand, [data-blur-bg=m-01] .fontMain, [data-blur-bg=m-01] .textFormats .bodyText, [data-blur-bg=m-01] .textFormats .bulletList, [data-blur-bg=m-01] .textFormats .captionText, [data-blur-bg=m-01] .textFormats .descriptionList, [data-blur-bg=m-01] .textFormats .fontBrand--level3, [data-blur-bg=m-01] .textFormats .fontBrand--level4, [data-blur-bg=m-01] .textFormats .fontBrand--level5, [data-blur-bg=m-01] .textFormats .fontBrand--level6, [data-blur-bg=m-01] .textFormats .fontMain--level2, [data-blur-bg=m-01] .textFormats .fontMain--level3, [data-blur-bg=m-01] .textFormats .fontMain--level4, [data-blur-bg=m-01] .textFormats .fontMain--level5, [data-blur-bg=m-01] .textFormats .fontMain--level6, [data-blur-bg=m-01] .textFormats .image, [data-blur-bg=m-01] .textFormats .numberedList, [data-blur-bg=m-01] .textFormats .quoteText, [data-blur-bg=m-01] .textFormats .video, [data-blur-bg=m-01] .textFormats blockquote, [data-blur-bg=m-01] .textFormats caption, [data-blur-bg=m-01] .textFormats dl, [data-blur-bg=m-01] .textFormats figure, [data-blur-bg=m-01] .textFormats ol, [data-blur-bg=m-01] .textFormats p, [data-blur-bg=m-01] .textFormats ul, [data-blur-bg=m-01] mark, [data-blur-bg=m-01] mark[data-color=color], [data-blur-bg=m-01] mark[data-color=default], [data-blur-bg=m-01] mark[data-color=gray], [data-blur-bg=m-01] span.m-01--dark-01 [data-bg=g-01] span[data-color=gray], [data-blur-bg=m-01] span.m-01--dark-01 [data-bg=g-02] span[data-color=gray], [data-blur-bg=m-01] span.m-01--dark-01 [data-bg=g-03] span[data-color=gray], [data-blur-bg=m-01] span.m-01--dark-01 [data-bg=m-01--dark-01] span[data-color=gray], [data-blur-bg=m-01] span.m-01--dark-01 [data-bg=neu-08] span[data-color=gray], [data-blur-bg=m-01] span.m-01--dark-01 [data-bg=neu-09] span[data-color=gray], [data-blur-bg=m-01] span.m-01--dark-01 [data-bg=neu-10] span[data-color=gray], [data-blur-bg=m-01] span.m-01--dark-01 [data-blur-bg=dark] span[data-color=gray], [data-blur-bg=m-01] span.m-01--dark-01 [data-blur-bg=m-01] span[data-color=gray], [data-blur-bg=m-01] span.m-01--dark-01 [data-filter=on] span[data-color=gray], [data-blur-bg=m-01] span.neu-07 [data-bg=g-01] span[data-color=default], [data-blur-bg=m-01] span.neu-07 [data-bg=g-02] span[data-color=default], [data-blur-bg=m-01] span.neu-07 [data-bg=g-03] span[data-color=default], [data-blur-bg=m-01] span.neu-07 [data-bg=m-01--dark-01] span[data-color=default], [data-blur-bg=m-01] span.neu-07 [data-bg=neu-08] span[data-color=default], [data-blur-bg=m-01] span.neu-07 [data-bg=neu-09] span[data-color=default], [data-blur-bg=m-01] span.neu-07 [data-bg=neu-10] span[data-color=default], [data-blur-bg=m-01] span.neu-07 [data-blur-bg=dark] span[data-color=default], [data-blur-bg=m-01] span.neu-07 [data-blur-bg=m-01] span[data-color=default], [data-blur-bg=m-01] span.neu-07 [data-filter=on] span[data-color=default], [data-blur-bg=m-01] span.neu-10, [data-blur-bg=m-01] span[data-color=color], [data-filter=on], [data-filter=on] .fontBrand, [data-filter=on] .fontMain, [data-filter=on] .textFormats .bodyText, [data-filter=on] .textFormats .bulletList, [data-filter=on] .textFormats .captionText, [data-filter=on] .textFormats .descriptionList, [data-filter=on] .textFormats .fontBrand--level3, [data-filter=on] .textFormats .fontBrand--level4, [data-filter=on] .textFormats .fontBrand--level5, [data-filter=on] .textFormats .fontBrand--level6, [data-filter=on] .textFormats .fontMain--level2, [data-filter=on] .textFormats .fontMain--level3, [data-filter=on] .textFormats .fontMain--level4, [data-filter=on] .textFormats .fontMain--level5, [data-filter=on] .textFormats .fontMain--level6, [data-filter=on] .textFormats .image, [data-filter=on] .textFormats .numberedList, [data-filter=on] .textFormats .quoteText, [data-filter=on] .textFormats .video, [data-filter=on] .textFormats blockquote, [data-filter=on] .textFormats caption, [data-filter=on] .textFormats dl, [data-filter=on] .textFormats figure, [data-filter=on] .textFormats ol, [data-filter=on] .textFormats p, [data-filter=on] .textFormats ul, [data-filter=on] mark, [data-filter=on] mark[data-color=color], [data-filter=on] mark[data-color=default], [data-filter=on] mark[data-color=gray], [data-filter=on] span.m-01--dark-01 [data-bg=g-01] span[data-color=gray], [data-filter=on] span.m-01--dark-01 [data-bg=g-02] span[data-color=gray], [data-filter=on] span.m-01--dark-01 [data-bg=g-03] span[data-color=gray], [data-filter=on] span.m-01--dark-01 [data-bg=m-01--dark-01] span[data-color=gray], [data-filter=on] span.m-01--dark-01 [data-bg=neu-08] span[data-color=gray], [data-filter=on] span.m-01--dark-01 [data-bg=neu-09] span[data-color=gray], [data-filter=on] span.m-01--dark-01 [data-bg=neu-10] span[data-color=gray], [data-filter=on] span.m-01--dark-01 [data-blur-bg=dark] span[data-color=gray], [data-filter=on] span.m-01--dark-01 [data-blur-bg=m-01] span[data-color=gray], [data-filter=on] span.m-01--dark-01 [data-filter=on] span[data-color=gray], [data-filter=on] span.neu-07 [data-bg=g-01] span[data-color=default], [data-filter=on] span.neu-07 [data-bg=g-02] span[data-color=default], [data-filter=on] span.neu-07 [data-bg=g-03] span[data-color=default], [data-filter=on] span.neu-07 [data-bg=m-01--dark-01] span[data-color=default], [data-filter=on] span.neu-07 [data-bg=neu-08] span[data-color=default], [data-filter=on] span.neu-07 [data-bg=neu-09] span[data-color=default], [data-filter=on] span.neu-07 [data-bg=neu-10] span[data-color=default], [data-filter=on] span.neu-07 [data-blur-bg=dark] span[data-color=default], [data-filter=on] span.neu-07 [data-blur-bg=m-01] span[data-color=default], [data-filter=on] span.neu-07 [data-filter=on] span[data-color=default], [data-filter=on] span.neu-10, [data-filter=on] span[data-color=color] {
    color: var(--neu-01) !important
}

    [data-bg=g-01] .btn--primary, [data-bg=g-02] .btn--primary, [data-bg=g-03] .btn--primary, [data-bg=m-01--dark-01] .btn--primary, [data-bg=neu-08] .btn--primary, [data-bg=neu-09] .btn--primary, [data-bg=neu-10] .btn--primary, [data-blur-bg=dark] .btn--primary, [data-blur-bg=m-01] .btn--primary, [data-filter=on] .btn--primary {
        background: var(--neu-01) !important;
        color: var(--m-01--dark-01) !important
    }

        [data-bg=g-01] .btn--primary:hover, [data-bg=g-02] .btn--primary:hover, [data-bg=g-03] .btn--primary:hover, [data-bg=m-01--dark-01] .btn--primary:hover, [data-bg=neu-08] .btn--primary:hover, [data-bg=neu-09] .btn--primary:hover, [data-bg=neu-10] .btn--primary:hover, [data-blur-bg=dark] .btn--primary:hover, [data-blur-bg=m-01] .btn--primary:hover, [data-filter=on] .btn--primary:hover {
            color: var(--m-01--dark-01) !important;
            background: var(--m-01--light-04) !important;
            opacity: 1
        }

    [data-bg=g-01] .btn--secondary, [data-bg=g-02] .btn--secondary, [data-bg=g-03] .btn--secondary, [data-bg=m-01--dark-01] .btn--secondary, [data-bg=neu-08] .btn--secondary, [data-bg=neu-09] .btn--secondary, [data-bg=neu-10] .btn--secondary, [data-blur-bg=dark] .btn--secondary, [data-blur-bg=m-01] .btn--secondary, [data-filter=on] .btn--secondary {
        background: transparent;
        border-color: hsla(0,0%,98%,.5) !important;
        color: var(--neu-01) !important
    }

        [data-bg=g-01] .btn--secondary:hover, [data-bg=g-02] .btn--secondary:hover, [data-bg=g-03] .btn--secondary:hover, [data-bg=m-01--dark-01] .btn--secondary:hover, [data-bg=neu-08] .btn--secondary:hover, [data-bg=neu-09] .btn--secondary:hover, [data-bg=neu-10] .btn--secondary:hover, [data-blur-bg=dark] .btn--secondary:hover, [data-blur-bg=m-01] .btn--secondary:hover, [data-filter=on] .btn--secondary:hover {
            border-color: var(--neu-01) !important;
            color: var(--neu-01) !important
        }

    [data-bg=g-01] .btn--tertiary, [data-bg=g-02] .btn--tertiary, [data-bg=g-03] .btn--tertiary, [data-bg=m-01--dark-01] .btn--tertiary, [data-bg=neu-08] .btn--tertiary, [data-bg=neu-09] .btn--tertiary, [data-bg=neu-10] .btn--tertiary, [data-blur-bg=dark] .btn--tertiary, [data-blur-bg=m-01] .btn--tertiary, [data-filter=on] .btn--tertiary {
        color: var(--neu-01) !important
    }

        [data-bg=g-01] .btn--tertiary p:before, [data-bg=g-02] .btn--tertiary p:before, [data-bg=g-03] .btn--tertiary p:before, [data-bg=m-01--dark-01] .btn--tertiary p:before, [data-bg=neu-08] .btn--tertiary p:before, [data-bg=neu-09] .btn--tertiary p:before, [data-bg=neu-10] .btn--tertiary p:before, [data-blur-bg=dark] .btn--tertiary p:before, [data-blur-bg=m-01] .btn--tertiary p:before, [data-filter=on] .btn--tertiary p:before {
            background: var(--neu-01) !important
        }

        [data-bg=g-01] .btn--tertiary:hover, [data-bg=g-02] .btn--tertiary:hover, [data-bg=g-03] .btn--tertiary:hover, [data-bg=m-01--dark-01] .btn--tertiary:hover, [data-bg=neu-08] .btn--tertiary:hover, [data-bg=neu-09] .btn--tertiary:hover, [data-bg=neu-10] .btn--tertiary:hover, [data-blur-bg=dark] .btn--tertiary:hover, [data-blur-bg=m-01] .btn--tertiary:hover, [data-filter=on] .btn--tertiary:hover {
            opacity: .7;
            color: var(--neu-01) !important
        }

            [data-bg=g-01] .btn--tertiary:hover p:before, [data-bg=g-02] .btn--tertiary:hover p:before, [data-bg=g-03] .btn--tertiary:hover p:before, [data-bg=m-01--dark-01] .btn--tertiary:hover p:before, [data-bg=neu-08] .btn--tertiary:hover p:before, [data-bg=neu-09] .btn--tertiary:hover p:before, [data-bg=neu-10] .btn--tertiary:hover p:before, [data-blur-bg=dark] .btn--tertiary:hover p:before, [data-blur-bg=m-01] .btn--tertiary:hover p:before, [data-filter=on] .btn--tertiary:hover p:before {
                background: var(--neu-01) !important
            }

    [data-bg=g-01] .btnNav, [data-bg=g-01] .btnNav--active, [data-bg=g-01] .btnNav--icon, [data-bg=g-01] .btnNav--large, [data-bg=g-01] .btnNav--large--mobile, [data-bg=g-01] .btnNav--previous, [data-bg=g-01] .btnNav--small, [data-bg=g-02] .btnNav, [data-bg=g-02] .btnNav--active, [data-bg=g-02] .btnNav--icon, [data-bg=g-02] .btnNav--large, [data-bg=g-02] .btnNav--large--mobile, [data-bg=g-02] .btnNav--previous, [data-bg=g-02] .btnNav--small, [data-bg=g-03] .btnNav, [data-bg=g-03] .btnNav--active, [data-bg=g-03] .btnNav--icon, [data-bg=g-03] .btnNav--large, [data-bg=g-03] .btnNav--large--mobile, [data-bg=g-03] .btnNav--previous, [data-bg=g-03] .btnNav--small, [data-bg=m-01--dark-01] .btnNav, [data-bg=m-01--dark-01] .btnNav--active, [data-bg=m-01--dark-01] .btnNav--icon, [data-bg=m-01--dark-01] .btnNav--large, [data-bg=m-01--dark-01] .btnNav--large--mobile, [data-bg=m-01--dark-01] .btnNav--previous, [data-bg=m-01--dark-01] .btnNav--small, [data-bg=neu-08] .btnNav, [data-bg=neu-08] .btnNav--active, [data-bg=neu-08] .btnNav--icon, [data-bg=neu-08] .btnNav--large, [data-bg=neu-08] .btnNav--large--mobile, [data-bg=neu-08] .btnNav--previous, [data-bg=neu-08] .btnNav--small, [data-bg=neu-09] .btnNav, [data-bg=neu-09] .btnNav--active, [data-bg=neu-09] .btnNav--icon, [data-bg=neu-09] .btnNav--large, [data-bg=neu-09] .btnNav--large--mobile, [data-bg=neu-09] .btnNav--previous, [data-bg=neu-09] .btnNav--small, [data-bg=neu-10] .btnNav, [data-bg=neu-10] .btnNav--active, [data-bg=neu-10] .btnNav--icon, [data-bg=neu-10] .btnNav--large, [data-bg=neu-10] .btnNav--large--mobile, [data-bg=neu-10] .btnNav--previous, [data-bg=neu-10] .btnNav--small, [data-blur-bg=dark] .btnNav, [data-blur-bg=dark] .btnNav--active, [data-blur-bg=dark] .btnNav--icon, [data-blur-bg=dark] .btnNav--large, [data-blur-bg=dark] .btnNav--large--mobile, [data-blur-bg=dark] .btnNav--previous, [data-blur-bg=dark] .btnNav--small, [data-blur-bg=m-01] .btnNav, [data-blur-bg=m-01] .btnNav--active, [data-blur-bg=m-01] .btnNav--icon, [data-blur-bg=m-01] .btnNav--large, [data-blur-bg=m-01] .btnNav--large--mobile, [data-blur-bg=m-01] .btnNav--previous, [data-blur-bg=m-01] .btnNav--small, [data-filter=on] .btnNav, [data-filter=on] .btnNav--active, [data-filter=on] .btnNav--icon, [data-filter=on] .btnNav--large, [data-filter=on] .btnNav--large--mobile, [data-filter=on] .btnNav--previous, [data-filter=on] .btnNav--small {
        color: var(--neu-01) !important
    }

        [data-bg=g-01] .btnNav--active:hover, [data-bg=g-01] .btnNav--icon:hover, [data-bg=g-01] .btnNav--large--mobile:hover, [data-bg=g-01] .btnNav--large:hover, [data-bg=g-01] .btnNav--previous:hover, [data-bg=g-01] .btnNav--small:hover, [data-bg=g-01] .btnNav:hover, [data-bg=g-02] .btnNav--active:hover, [data-bg=g-02] .btnNav--icon:hover, [data-bg=g-02] .btnNav--large--mobile:hover, [data-bg=g-02] .btnNav--large:hover, [data-bg=g-02] .btnNav--previous:hover, [data-bg=g-02] .btnNav--small:hover, [data-bg=g-02] .btnNav:hover, [data-bg=g-03] .btnNav--active:hover, [data-bg=g-03] .btnNav--icon:hover, [data-bg=g-03] .btnNav--large--mobile:hover, [data-bg=g-03] .btnNav--large:hover, [data-bg=g-03] .btnNav--previous:hover, [data-bg=g-03] .btnNav--small:hover, [data-bg=g-03] .btnNav:hover, [data-bg=m-01--dark-01] .btnNav--active:hover, [data-bg=m-01--dark-01] .btnNav--icon:hover, [data-bg=m-01--dark-01] .btnNav--large--mobile:hover, [data-bg=m-01--dark-01] .btnNav--large:hover, [data-bg=m-01--dark-01] .btnNav--previous:hover, [data-bg=m-01--dark-01] .btnNav--small:hover, [data-bg=m-01--dark-01] .btnNav:hover, [data-bg=neu-08] .btnNav--active:hover, [data-bg=neu-08] .btnNav--icon:hover, [data-bg=neu-08] .btnNav--large--mobile:hover, [data-bg=neu-08] .btnNav--large:hover, [data-bg=neu-08] .btnNav--previous:hover, [data-bg=neu-08] .btnNav--small:hover, [data-bg=neu-08] .btnNav:hover, [data-bg=neu-09] .btnNav--active:hover, [data-bg=neu-09] .btnNav--icon:hover, [data-bg=neu-09] .btnNav--large--mobile:hover, [data-bg=neu-09] .btnNav--large:hover, [data-bg=neu-09] .btnNav--previous:hover, [data-bg=neu-09] .btnNav--small:hover, [data-bg=neu-09] .btnNav:hover, [data-bg=neu-10] .btnNav--active:hover, [data-bg=neu-10] .btnNav--icon:hover, [data-bg=neu-10] .btnNav--large--mobile:hover, [data-bg=neu-10] .btnNav--large:hover, [data-bg=neu-10] .btnNav--previous:hover, [data-bg=neu-10] .btnNav--small:hover, [data-bg=neu-10] .btnNav:hover, [data-blur-bg=dark] .btnNav--active:hover, [data-blur-bg=dark] .btnNav--icon:hover, [data-blur-bg=dark] .btnNav--large--mobile:hover, [data-blur-bg=dark] .btnNav--large:hover, [data-blur-bg=dark] .btnNav--previous:hover, [data-blur-bg=dark] .btnNav--small:hover, [data-blur-bg=dark] .btnNav:hover, [data-blur-bg=m-01] .btnNav--active:hover, [data-blur-bg=m-01] .btnNav--icon:hover, [data-blur-bg=m-01] .btnNav--large--mobile:hover, [data-blur-bg=m-01] .btnNav--large:hover, [data-blur-bg=m-01] .btnNav--previous:hover, [data-blur-bg=m-01] .btnNav--small:hover, [data-blur-bg=m-01] .btnNav:hover, [data-filter=on] .btnNav--active:hover, [data-filter=on] .btnNav--icon:hover, [data-filter=on] .btnNav--large--mobile:hover, [data-filter=on] .btnNav--large:hover, [data-filter=on] .btnNav--previous:hover, [data-filter=on] .btnNav--small:hover, [data-filter=on] .btnNav:hover {
            opacity: .7
        }

        [data-bg=g-01] .btnNav--active, [data-bg=g-01] .btnNav--active.btnNav--icon, [data-bg=g-01] .btnNav--active.btnNav--large, [data-bg=g-01] .btnNav--active.btnNav--large--mobile, [data-bg=g-01] .btnNav--active.btnNav--previous, [data-bg=g-01] .btnNav--active.btnNav--small, [data-bg=g-01] .btnNav--previous, [data-bg=g-01] .btnNav.btnNav--active, [data-bg=g-02] .btnNav--active, [data-bg=g-02] .btnNav--active.btnNav--icon, [data-bg=g-02] .btnNav--active.btnNav--large, [data-bg=g-02] .btnNav--active.btnNav--large--mobile, [data-bg=g-02] .btnNav--active.btnNav--previous, [data-bg=g-02] .btnNav--active.btnNav--small, [data-bg=g-02] .btnNav--previous, [data-bg=g-02] .btnNav.btnNav--active, [data-bg=g-03] .btnNav--active, [data-bg=g-03] .btnNav--active.btnNav--icon, [data-bg=g-03] .btnNav--active.btnNav--large, [data-bg=g-03] .btnNav--active.btnNav--large--mobile, [data-bg=g-03] .btnNav--active.btnNav--previous, [data-bg=g-03] .btnNav--active.btnNav--small, [data-bg=g-03] .btnNav--previous, [data-bg=g-03] .btnNav.btnNav--active, [data-bg=m-01--dark-01] .btnNav--active, [data-bg=m-01--dark-01] .btnNav--active.btnNav--icon, [data-bg=m-01--dark-01] .btnNav--active.btnNav--large, [data-bg=m-01--dark-01] .btnNav--active.btnNav--large--mobile, [data-bg=m-01--dark-01] .btnNav--active.btnNav--previous, [data-bg=m-01--dark-01] .btnNav--active.btnNav--small, [data-bg=m-01--dark-01] .btnNav--previous, [data-bg=m-01--dark-01] .btnNav.btnNav--active, [data-bg=neu-08] .btnNav--active, [data-bg=neu-08] .btnNav--active.btnNav--icon, [data-bg=neu-08] .btnNav--active.btnNav--large, [data-bg=neu-08] .btnNav--active.btnNav--large--mobile, [data-bg=neu-08] .btnNav--active.btnNav--previous, [data-bg=neu-08] .btnNav--active.btnNav--small, [data-bg=neu-08] .btnNav--previous, [data-bg=neu-08] .btnNav.btnNav--active, [data-bg=neu-09] .btnNav--active, [data-bg=neu-09] .btnNav--active.btnNav--icon, [data-bg=neu-09] .btnNav--active.btnNav--large, [data-bg=neu-09] .btnNav--active.btnNav--large--mobile, [data-bg=neu-09] .btnNav--active.btnNav--previous, [data-bg=neu-09] .btnNav--active.btnNav--small, [data-bg=neu-09] .btnNav--previous, [data-bg=neu-09] .btnNav.btnNav--active, [data-bg=neu-10] .btnNav--active, [data-bg=neu-10] .btnNav--active.btnNav--icon, [data-bg=neu-10] .btnNav--active.btnNav--large, [data-bg=neu-10] .btnNav--active.btnNav--large--mobile, [data-bg=neu-10] .btnNav--active.btnNav--previous, [data-bg=neu-10] .btnNav--active.btnNav--small, [data-bg=neu-10] .btnNav--previous, [data-bg=neu-10] .btnNav.btnNav--active, [data-blur-bg=dark] .btnNav--active, [data-blur-bg=dark] .btnNav--active.btnNav--icon, [data-blur-bg=dark] .btnNav--active.btnNav--large, [data-blur-bg=dark] .btnNav--active.btnNav--large--mobile, [data-blur-bg=dark] .btnNav--active.btnNav--previous, [data-blur-bg=dark] .btnNav--active.btnNav--small, [data-blur-bg=dark] .btnNav--previous, [data-blur-bg=dark] .btnNav.btnNav--active, [data-blur-bg=m-01] .btnNav--active, [data-blur-bg=m-01] .btnNav--active.btnNav--icon, [data-blur-bg=m-01] .btnNav--active.btnNav--large, [data-blur-bg=m-01] .btnNav--active.btnNav--large--mobile, [data-blur-bg=m-01] .btnNav--active.btnNav--previous, [data-blur-bg=m-01] .btnNav--active.btnNav--small, [data-blur-bg=m-01] .btnNav--previous, [data-blur-bg=m-01] .btnNav.btnNav--active, [data-filter=on] .btnNav--active, [data-filter=on] .btnNav--active.btnNav--icon, [data-filter=on] .btnNav--active.btnNav--large, [data-filter=on] .btnNav--active.btnNav--large--mobile, [data-filter=on] .btnNav--active.btnNav--previous, [data-filter=on] .btnNav--active.btnNav--small, [data-filter=on] .btnNav--previous, [data-filter=on] .btnNav.btnNav--active {
            color: var(--neu-01) !important
        }

            [data-bg=g-01] .btnNav--previous:hover, [data-bg=g-02] .btnNav--previous:hover, [data-bg=g-03] .btnNav--previous:hover, [data-bg=m-01--dark-01] .btnNav--previous:hover, [data-bg=neu-08] .btnNav--previous:hover, [data-bg=neu-09] .btnNav--previous:hover, [data-bg=neu-10] .btnNav--previous:hover, [data-blur-bg=dark] .btnNav--previous:hover, [data-blur-bg=m-01] .btnNav--previous:hover, [data-filter=on] .btnNav--previous:hover {
                color: var(--neu-01) !important;
                opacity: .7
            }

    [data-bg=g-01] .btnBookmark, [data-bg=g-01] .btnBookmark--small, [data-bg=g-01] .btnBookmark.selected.btnBookmark--small, [data-bg=g-02] .btnBookmark, [data-bg=g-02] .btnBookmark--small, [data-bg=g-02] .btnBookmark.selected.btnBookmark--small, [data-bg=g-03] .btnBookmark, [data-bg=g-03] .btnBookmark--small, [data-bg=g-03] .btnBookmark.selected.btnBookmark--small, [data-bg=m-01--dark-01] .btnBookmark, [data-bg=m-01--dark-01] .btnBookmark--small, [data-bg=m-01--dark-01] .btnBookmark.selected.btnBookmark--small, [data-bg=neu-08] .btnBookmark, [data-bg=neu-08] .btnBookmark--small, [data-bg=neu-08] .btnBookmark.selected.btnBookmark--small, [data-bg=neu-09] .btnBookmark, [data-bg=neu-09] .btnBookmark--small, [data-bg=neu-09] .btnBookmark.selected.btnBookmark--small, [data-bg=neu-10] .btnBookmark, [data-bg=neu-10] .btnBookmark--small, [data-bg=neu-10] .btnBookmark.selected.btnBookmark--small, [data-blur-bg=dark] .btnBookmark, [data-blur-bg=dark] .btnBookmark--small, [data-blur-bg=dark] .btnBookmark.selected.btnBookmark--small, [data-blur-bg=m-01] .btnBookmark, [data-blur-bg=m-01] .btnBookmark--small, [data-blur-bg=m-01] .btnBookmark.selected.btnBookmark--small, [data-filter=on] .btnBookmark, [data-filter=on] .btnBookmark--small, [data-filter=on] .btnBookmark.selected.btnBookmark--small {
        background: transparent;
        border-color: hsla(0,0%,98%,.5);
        color: var(--neu-01)
    }

        [data-bg=g-01] .btnBookmark--small:hover, [data-bg=g-01] .btnBookmark:hover, [data-bg=g-02] .btnBookmark--small:hover, [data-bg=g-02] .btnBookmark:hover, [data-bg=g-03] .btnBookmark--small:hover, [data-bg=g-03] .btnBookmark:hover, [data-bg=m-01--dark-01] .btnBookmark--small:hover, [data-bg=m-01--dark-01] .btnBookmark:hover, [data-bg=neu-08] .btnBookmark--small:hover, [data-bg=neu-08] .btnBookmark:hover, [data-bg=neu-09] .btnBookmark--small:hover, [data-bg=neu-09] .btnBookmark:hover, [data-bg=neu-10] .btnBookmark--small:hover, [data-bg=neu-10] .btnBookmark:hover, [data-blur-bg=dark] .btnBookmark--small:hover, [data-blur-bg=dark] .btnBookmark:hover, [data-blur-bg=m-01] .btnBookmark--small:hover, [data-blur-bg=m-01] .btnBookmark:hover, [data-filter=on] .btnBookmark--small:hover, [data-filter=on] .btnBookmark:hover {
            border-color: var(--neu-01)
        }

        [data-bg=g-01] .btnBookmark--icon.btnBookmark--small, [data-bg=g-01] .btnBookmark.btnBookmark--icon, [data-bg=g-02] .btnBookmark--icon.btnBookmark--small, [data-bg=g-02] .btnBookmark.btnBookmark--icon, [data-bg=g-03] .btnBookmark--icon.btnBookmark--small, [data-bg=g-03] .btnBookmark.btnBookmark--icon, [data-bg=m-01--dark-01] .btnBookmark--icon.btnBookmark--small, [data-bg=m-01--dark-01] .btnBookmark.btnBookmark--icon, [data-bg=neu-08] .btnBookmark--icon.btnBookmark--small, [data-bg=neu-08] .btnBookmark.btnBookmark--icon, [data-bg=neu-09] .btnBookmark--icon.btnBookmark--small, [data-bg=neu-09] .btnBookmark.btnBookmark--icon, [data-bg=neu-10] .btnBookmark--icon.btnBookmark--small, [data-bg=neu-10] .btnBookmark.btnBookmark--icon, [data-blur-bg=dark] .btnBookmark--icon.btnBookmark--small, [data-blur-bg=dark] .btnBookmark.btnBookmark--icon, [data-blur-bg=m-01] .btnBookmark--icon.btnBookmark--small, [data-blur-bg=m-01] .btnBookmark.btnBookmark--icon, [data-filter=on] .btnBookmark--icon.btnBookmark--small, [data-filter=on] .btnBookmark.btnBookmark--icon {
            color: var(--neu-01)
        }

            [data-bg=g-01] .btnBookmark--icon.btnBookmark--small:hover, [data-bg=g-01] .btnBookmark.btnBookmark--icon:hover, [data-bg=g-02] .btnBookmark--icon.btnBookmark--small:hover, [data-bg=g-02] .btnBookmark.btnBookmark--icon:hover, [data-bg=g-03] .btnBookmark--icon.btnBookmark--small:hover, [data-bg=g-03] .btnBookmark.btnBookmark--icon:hover, [data-bg=m-01--dark-01] .btnBookmark--icon.btnBookmark--small:hover, [data-bg=m-01--dark-01] .btnBookmark.btnBookmark--icon:hover, [data-bg=neu-08] .btnBookmark--icon.btnBookmark--small:hover, [data-bg=neu-08] .btnBookmark.btnBookmark--icon:hover, [data-bg=neu-09] .btnBookmark--icon.btnBookmark--small:hover, [data-bg=neu-09] .btnBookmark.btnBookmark--icon:hover, [data-bg=neu-10] .btnBookmark--icon.btnBookmark--small:hover, [data-bg=neu-10] .btnBookmark.btnBookmark--icon:hover, [data-blur-bg=dark] .btnBookmark--icon.btnBookmark--small:hover, [data-blur-bg=dark] .btnBookmark.btnBookmark--icon:hover, [data-blur-bg=m-01] .btnBookmark--icon.btnBookmark--small:hover, [data-blur-bg=m-01] .btnBookmark.btnBookmark--icon:hover, [data-filter=on] .btnBookmark--icon.btnBookmark--small:hover, [data-filter=on] .btnBookmark.btnBookmark--icon:hover {
                opacity: .7
            }

        [data-bg=g-01] .btnBookmark--small:hover:hover, [data-bg=g-01] .btnBookmark.btnBookmark--small:hover:hover, [data-bg=g-02] .btnBookmark--small:hover:hover, [data-bg=g-02] .btnBookmark.btnBookmark--small:hover:hover, [data-bg=g-03] .btnBookmark--small:hover:hover, [data-bg=g-03] .btnBookmark.btnBookmark--small:hover:hover, [data-bg=m-01--dark-01] .btnBookmark--small:hover:hover, [data-bg=m-01--dark-01] .btnBookmark.btnBookmark--small:hover:hover, [data-bg=neu-08] .btnBookmark--small:hover:hover, [data-bg=neu-08] .btnBookmark.btnBookmark--small:hover:hover, [data-bg=neu-09] .btnBookmark--small:hover:hover, [data-bg=neu-09] .btnBookmark.btnBookmark--small:hover:hover, [data-bg=neu-10] .btnBookmark--small:hover:hover, [data-bg=neu-10] .btnBookmark.btnBookmark--small:hover:hover, [data-blur-bg=dark] .btnBookmark--small:hover:hover, [data-blur-bg=dark] .btnBookmark.btnBookmark--small:hover:hover, [data-blur-bg=m-01] .btnBookmark--small:hover:hover, [data-blur-bg=m-01] .btnBookmark.btnBookmark--small:hover:hover, [data-filter=on] .btnBookmark--small:hover:hover, [data-filter=on] .btnBookmark.btnBookmark--small:hover:hover {
            border-color: var(--neu-01)
        }

    [data-bg=g-01] .btnLocalization__btn, [data-bg=g-02] .btnLocalization__btn, [data-bg=g-03] .btnLocalization__btn, [data-bg=m-01--dark-01] .btnLocalization__btn, [data-bg=neu-08] .btnLocalization__btn, [data-bg=neu-09] .btnLocalization__btn, [data-bg=neu-10] .btnLocalization__btn, [data-blur-bg=dark] .btnLocalization__btn, [data-blur-bg=m-01] .btnLocalization__btn, [data-filter=on] .btnLocalization__btn {
        border-color: hsla(0,0%,98%,.5);
        color: var(--neu-02)
    }

        [data-bg=g-01] .btnLocalization__btn span:before, [data-bg=g-02] .btnLocalization__btn span:before, [data-bg=g-03] .btnLocalization__btn span:before, [data-bg=m-01--dark-01] .btnLocalization__btn span:before, [data-bg=neu-08] .btnLocalization__btn span:before, [data-bg=neu-09] .btnLocalization__btn span:before, [data-bg=neu-10] .btnLocalization__btn span:before, [data-blur-bg=dark] .btnLocalization__btn span:before, [data-blur-bg=m-01] .btnLocalization__btn span:before, [data-filter=on] .btnLocalization__btn span:before {
            background: var(--neu-08)
        }

        [data-bg=g-01] .btnLocalization__btn:hover, [data-bg=g-02] .btnLocalization__btn:hover, [data-bg=g-03] .btnLocalization__btn:hover, [data-bg=m-01--dark-01] .btnLocalization__btn:hover, [data-bg=neu-08] .btnLocalization__btn:hover, [data-bg=neu-09] .btnLocalization__btn:hover, [data-bg=neu-10] .btnLocalization__btn:hover, [data-blur-bg=dark] .btnLocalization__btn:hover, [data-blur-bg=m-01] .btnLocalization__btn:hover, [data-filter=on] .btnLocalization__btn:hover {
            border-color: var(--neu-01)
        }

    [data-bg=neu-08] .link a, [data-bg=neu-09] .link a, [data-bg=neu-10] .link a {
        color: var(--m-01--light-01) !important;
        text-decoration: underline
    }

        [data-bg=neu-08] .link a:hover, [data-bg=neu-09] .link a:hover, [data-bg=neu-10] .link a:hover {
            color: var(--m-01--light-02) !important
        }

    [data-bg=neu-08] .btn--primary, [data-bg=neu-09] .btn--primary, [data-bg=neu-10] .btn--primary {
        background: var(--m-01--dark-01) !important;
        color: var(--neu-01) !important
    }

        [data-bg=neu-08] .btn--primary:hover, [data-bg=neu-09] .btn--primary:hover, [data-bg=neu-10] .btn--primary:hover {
            background: var(--m-01) !important;
            color: var(--neu-01) !important
        }

    [data-bg=g-01] .link a, [data-bg=g-02] .link a, [data-bg=g-03] .link a, [data-bg=m-01--dark-01] .link a, [data-bg=media] .link a {
        color: var(--neu-01) !important;
        text-decoration: underline
    }

        [data-bg=g-01] .link a:hover, [data-bg=g-02] .link a:hover, [data-bg=g-03] .link a:hover, [data-bg=m-01--dark-01] .link a:hover, [data-bg=media] .link a:hover {
            opacity: .7
        }

    [data-bg=g-01] .card, [data-bg=g-02] .card, [data-bg=g-03] .card, [data-bg=m-01--dark-01] .card, [data-bg=media] .card {
        opacity: 1 !important
    }

    .textFormats [data-bg=g-01] .bodyText, .textFormats [data-bg=g-01] .bulletList, .textFormats [data-bg=g-01] .captionText, .textFormats [data-bg=g-01] .descriptionList, .textFormats [data-bg=g-01] .fontBrand--level3, .textFormats [data-bg=g-01] .fontBrand--level4, .textFormats [data-bg=g-01] .fontBrand--level5, .textFormats [data-bg=g-01] .fontBrand--level6, .textFormats [data-bg=g-01] .fontMain--level2, .textFormats [data-bg=g-01] .fontMain--level3, .textFormats [data-bg=g-01] .fontMain--level4, .textFormats [data-bg=g-01] .fontMain--level5, .textFormats [data-bg=g-01] .fontMain--level6, .textFormats [data-bg=g-01] .image, .textFormats [data-bg=g-01] .numberedList, .textFormats [data-bg=g-01] .quoteText, .textFormats [data-bg=g-01] .video, .textFormats [data-bg=g-01] blockquote, .textFormats [data-bg=g-01] caption, .textFormats [data-bg=g-01] dl, .textFormats [data-bg=g-01] figure, .textFormats [data-bg=g-01] ol, .textFormats [data-bg=g-01] p, .textFormats [data-bg=g-01] ul, .textFormats [data-bg=g-02] .bodyText, .textFormats [data-bg=g-02] .bulletList, .textFormats [data-bg=g-02] .captionText, .textFormats [data-bg=g-02] .descriptionList, .textFormats [data-bg=g-02] .fontBrand--level3, .textFormats [data-bg=g-02] .fontBrand--level4, .textFormats [data-bg=g-02] .fontBrand--level5, .textFormats [data-bg=g-02] .fontBrand--level6, .textFormats [data-bg=g-02] .fontMain--level2, .textFormats [data-bg=g-02] .fontMain--level3, .textFormats [data-bg=g-02] .fontMain--level4, .textFormats [data-bg=g-02] .fontMain--level5, .textFormats [data-bg=g-02] .fontMain--level6, .textFormats [data-bg=g-02] .image, .textFormats [data-bg=g-02] .numberedList, .textFormats [data-bg=g-02] .quoteText, .textFormats [data-bg=g-02] .video, .textFormats [data-bg=g-02] blockquote, .textFormats [data-bg=g-02] caption, .textFormats [data-bg=g-02] dl, .textFormats [data-bg=g-02] figure, .textFormats [data-bg=g-02] ol, .textFormats [data-bg=g-02] p, .textFormats [data-bg=g-02] ul, .textFormats [data-bg=g-03] .bodyText, .textFormats [data-bg=g-03] .bulletList, .textFormats [data-bg=g-03] .captionText, .textFormats [data-bg=g-03] .descriptionList, .textFormats [data-bg=g-03] .fontBrand--level3, .textFormats [data-bg=g-03] .fontBrand--level4, .textFormats [data-bg=g-03] .fontBrand--level5, .textFormats [data-bg=g-03] .fontBrand--level6, .textFormats [data-bg=g-03] .fontMain--level2, .textFormats [data-bg=g-03] .fontMain--level3, .textFormats [data-bg=g-03] .fontMain--level4, .textFormats [data-bg=g-03] .fontMain--level5, .textFormats [data-bg=g-03] .fontMain--level6, .textFormats [data-bg=g-03] .image, .textFormats [data-bg=g-03] .numberedList, .textFormats [data-bg=g-03] .quoteText, .textFormats [data-bg=g-03] .video, .textFormats [data-bg=g-03] blockquote, .textFormats [data-bg=g-03] caption, .textFormats [data-bg=g-03] dl, .textFormats [data-bg=g-03] figure, .textFormats [data-bg=g-03] ol, .textFormats [data-bg=g-03] p, .textFormats [data-bg=g-03] ul, .textFormats [data-bg=m-01--dark-01] .bodyText, .textFormats [data-bg=m-01--dark-01] .bulletList, .textFormats [data-bg=m-01--dark-01] .captionText, .textFormats [data-bg=m-01--dark-01] .descriptionList, .textFormats [data-bg=m-01--dark-01] .fontBrand--level3, .textFormats [data-bg=m-01--dark-01] .fontBrand--level4, .textFormats [data-bg=m-01--dark-01] .fontBrand--level5, .textFormats [data-bg=m-01--dark-01] .fontBrand--level6, .textFormats [data-bg=m-01--dark-01] .fontMain--level2, .textFormats [data-bg=m-01--dark-01] .fontMain--level3, .textFormats [data-bg=m-01--dark-01] .fontMain--level4, .textFormats [data-bg=m-01--dark-01] .fontMain--level5, .textFormats [data-bg=m-01--dark-01] .fontMain--level6, .textFormats [data-bg=m-01--dark-01] .image, .textFormats [data-bg=m-01--dark-01] .numberedList, .textFormats [data-bg=m-01--dark-01] .quoteText, .textFormats [data-bg=m-01--dark-01] .video, .textFormats [data-bg=m-01--dark-01] blockquote, .textFormats [data-bg=m-01--dark-01] caption, .textFormats [data-bg=m-01--dark-01] dl, .textFormats [data-bg=m-01--dark-01] figure, .textFormats [data-bg=m-01--dark-01] ol, .textFormats [data-bg=m-01--dark-01] p, .textFormats [data-bg=m-01--dark-01] ul, .textFormats [data-bg=media] .bodyText, .textFormats [data-bg=media] .bulletList, .textFormats [data-bg=media] .captionText, .textFormats [data-bg=media] .descriptionList, .textFormats [data-bg=media] .fontBrand--level3, .textFormats [data-bg=media] .fontBrand--level4, .textFormats [data-bg=media] .fontBrand--level5, .textFormats [data-bg=media] .fontBrand--level6, .textFormats [data-bg=media] .fontMain--level2, .textFormats [data-bg=media] .fontMain--level3, .textFormats [data-bg=media] .fontMain--level4, .textFormats [data-bg=media] .fontMain--level5, .textFormats [data-bg=media] .fontMain--level6, .textFormats [data-bg=media] .image, .textFormats [data-bg=media] .numberedList, .textFormats [data-bg=media] .quoteText, .textFormats [data-bg=media] .video, .textFormats [data-bg=media] blockquote, .textFormats [data-bg=media] caption, .textFormats [data-bg=media] dl, .textFormats [data-bg=media] figure, .textFormats [data-bg=media] ol, .textFormats [data-bg=media] p, .textFormats [data-bg=media] ul, [data-bg=g-01] .fontBrand, [data-bg=g-01] .fontMain, [data-bg=g-01] .quoteText:before, [data-bg=g-01] .textFormats .bodyText, [data-bg=g-01] .textFormats .bulletList, [data-bg=g-01] .textFormats .captionText, [data-bg=g-01] .textFormats .descriptionList, [data-bg=g-01] .textFormats .fontBrand--level3, [data-bg=g-01] .textFormats .fontBrand--level4, [data-bg=g-01] .textFormats .fontBrand--level5, [data-bg=g-01] .textFormats .fontBrand--level6, [data-bg=g-01] .textFormats .fontMain--level2, [data-bg=g-01] .textFormats .fontMain--level3, [data-bg=g-01] .textFormats .fontMain--level4, [data-bg=g-01] .textFormats .fontMain--level5, [data-bg=g-01] .textFormats .fontMain--level6, [data-bg=g-01] .textFormats .image, [data-bg=g-01] .textFormats .numberedList, [data-bg=g-01] .textFormats .quoteText, [data-bg=g-01] .textFormats .video, [data-bg=g-01] .textFormats blockquote, [data-bg=g-01] .textFormats caption, [data-bg=g-01] .textFormats dl, [data-bg=g-01] .textFormats figure, [data-bg=g-01] .textFormats ol, [data-bg=g-01] .textFormats p, [data-bg=g-01] .textFormats ul, [data-bg=g-01] blockquote:before, [data-bg=g-02] .fontBrand, [data-bg=g-02] .fontMain, [data-bg=g-02] .quoteText:before, [data-bg=g-02] .textFormats .bodyText, [data-bg=g-02] .textFormats .bulletList, [data-bg=g-02] .textFormats .captionText, [data-bg=g-02] .textFormats .descriptionList, [data-bg=g-02] .textFormats .fontBrand--level3, [data-bg=g-02] .textFormats .fontBrand--level4, [data-bg=g-02] .textFormats .fontBrand--level5, [data-bg=g-02] .textFormats .fontBrand--level6, [data-bg=g-02] .textFormats .fontMain--level2, [data-bg=g-02] .textFormats .fontMain--level3, [data-bg=g-02] .textFormats .fontMain--level4, [data-bg=g-02] .textFormats .fontMain--level5, [data-bg=g-02] .textFormats .fontMain--level6, [data-bg=g-02] .textFormats .image, [data-bg=g-02] .textFormats .numberedList, [data-bg=g-02] .textFormats .quoteText, [data-bg=g-02] .textFormats .video, [data-bg=g-02] .textFormats blockquote, [data-bg=g-02] .textFormats caption, [data-bg=g-02] .textFormats dl, [data-bg=g-02] .textFormats figure, [data-bg=g-02] .textFormats ol, [data-bg=g-02] .textFormats p, [data-bg=g-02] .textFormats ul, [data-bg=g-02] blockquote:before, [data-bg=g-03] .fontBrand, [data-bg=g-03] .fontMain, [data-bg=g-03] .quoteText:before, [data-bg=g-03] .textFormats .bodyText, [data-bg=g-03] .textFormats .bulletList, [data-bg=g-03] .textFormats .captionText, [data-bg=g-03] .textFormats .descriptionList, [data-bg=g-03] .textFormats .fontBrand--level3, [data-bg=g-03] .textFormats .fontBrand--level4, [data-bg=g-03] .textFormats .fontBrand--level5, [data-bg=g-03] .textFormats .fontBrand--level6, [data-bg=g-03] .textFormats .fontMain--level2, [data-bg=g-03] .textFormats .fontMain--level3, [data-bg=g-03] .textFormats .fontMain--level4, [data-bg=g-03] .textFormats .fontMain--level5, [data-bg=g-03] .textFormats .fontMain--level6, [data-bg=g-03] .textFormats .image, [data-bg=g-03] .textFormats .numberedList, [data-bg=g-03] .textFormats .quoteText, [data-bg=g-03] .textFormats .video, [data-bg=g-03] .textFormats blockquote, [data-bg=g-03] .textFormats caption, [data-bg=g-03] .textFormats dl, [data-bg=g-03] .textFormats figure, [data-bg=g-03] .textFormats ol, [data-bg=g-03] .textFormats p, [data-bg=g-03] .textFormats ul, [data-bg=g-03] blockquote:before, [data-bg=m-01--dark-01] .fontBrand, [data-bg=m-01--dark-01] .fontMain, [data-bg=m-01--dark-01] .quoteText:before, [data-bg=m-01--dark-01] .textFormats .bodyText, [data-bg=m-01--dark-01] .textFormats .bulletList, [data-bg=m-01--dark-01] .textFormats .captionText, [data-bg=m-01--dark-01] .textFormats .descriptionList, [data-bg=m-01--dark-01] .textFormats .fontBrand--level3, [data-bg=m-01--dark-01] .textFormats .fontBrand--level4, [data-bg=m-01--dark-01] .textFormats .fontBrand--level5, [data-bg=m-01--dark-01] .textFormats .fontBrand--level6, [data-bg=m-01--dark-01] .textFormats .fontMain--level2, [data-bg=m-01--dark-01] .textFormats .fontMain--level3, [data-bg=m-01--dark-01] .textFormats .fontMain--level4, [data-bg=m-01--dark-01] .textFormats .fontMain--level5, [data-bg=m-01--dark-01] .textFormats .fontMain--level6, [data-bg=m-01--dark-01] .textFormats .image, [data-bg=m-01--dark-01] .textFormats .numberedList, [data-bg=m-01--dark-01] .textFormats .quoteText, [data-bg=m-01--dark-01] .textFormats .video, [data-bg=m-01--dark-01] .textFormats blockquote, [data-bg=m-01--dark-01] .textFormats caption, [data-bg=m-01--dark-01] .textFormats dl, [data-bg=m-01--dark-01] .textFormats figure, [data-bg=m-01--dark-01] .textFormats ol, [data-bg=m-01--dark-01] .textFormats p, [data-bg=m-01--dark-01] .textFormats ul, [data-bg=m-01--dark-01] blockquote:before, [data-bg=media] .fontBrand, [data-bg=media] .fontMain, [data-bg=media] .quoteText:before, [data-bg=media] .textFormats .bodyText, [data-bg=media] .textFormats .bulletList, [data-bg=media] .textFormats .captionText, [data-bg=media] .textFormats .descriptionList, [data-bg=media] .textFormats .fontBrand--level3, [data-bg=media] .textFormats .fontBrand--level4, [data-bg=media] .textFormats .fontBrand--level5, [data-bg=media] .textFormats .fontBrand--level6, [data-bg=media] .textFormats .fontMain--level2, [data-bg=media] .textFormats .fontMain--level3, [data-bg=media] .textFormats .fontMain--level4, [data-bg=media] .textFormats .fontMain--level5, [data-bg=media] .textFormats .fontMain--level6, [data-bg=media] .textFormats .image, [data-bg=media] .textFormats .numberedList, [data-bg=media] .textFormats .quoteText, [data-bg=media] .textFormats .video, [data-bg=media] .textFormats blockquote, [data-bg=media] .textFormats caption, [data-bg=media] .textFormats dl, [data-bg=media] .textFormats figure, [data-bg=media] .textFormats ol, [data-bg=media] .textFormats p, [data-bg=media] .textFormats ul, [data-bg=media] blockquote:before {
        color: var(--neu-01) !important
    }

[data-bg=g-04], [data-bg=m-01--light-03] {
    color: var(--m-01--dark-03) !important
}

    [data-bg=g-04] .link a, [data-bg=m-01--light-03] .link a {
        color: var(--m-01--dark-03) !important;
        text-decoration: underline
    }

        [data-bg=g-04] .link a:hover, [data-bg=m-01--light-03] .link a:hover {
            opacity: .7
        }

    [data-bg=g-04] .card, [data-bg=m-01--light-03] .card {
        opacity: 1 !important
    }

    .textFormats [data-bg=g-04] .bodyText, .textFormats [data-bg=g-04] .bulletList, .textFormats [data-bg=g-04] .captionText, .textFormats [data-bg=g-04] .descriptionList, .textFormats [data-bg=g-04] .fontBrand--level3, .textFormats [data-bg=g-04] .fontBrand--level4, .textFormats [data-bg=g-04] .fontBrand--level5, .textFormats [data-bg=g-04] .fontBrand--level6, .textFormats [data-bg=g-04] .fontMain--level2, .textFormats [data-bg=g-04] .fontMain--level3, .textFormats [data-bg=g-04] .fontMain--level4, .textFormats [data-bg=g-04] .fontMain--level5, .textFormats [data-bg=g-04] .fontMain--level6, .textFormats [data-bg=g-04] .image, .textFormats [data-bg=g-04] .numberedList, .textFormats [data-bg=g-04] .quoteText, .textFormats [data-bg=g-04] .video, .textFormats [data-bg=g-04] blockquote, .textFormats [data-bg=g-04] caption, .textFormats [data-bg=g-04] dl, .textFormats [data-bg=g-04] figure, .textFormats [data-bg=g-04] ol, .textFormats [data-bg=g-04] p, .textFormats [data-bg=g-04] ul, .textFormats [data-bg=m-01--light-03] .bodyText, .textFormats [data-bg=m-01--light-03] .bulletList, .textFormats [data-bg=m-01--light-03] .captionText, .textFormats [data-bg=m-01--light-03] .descriptionList, .textFormats [data-bg=m-01--light-03] .fontBrand--level3, .textFormats [data-bg=m-01--light-03] .fontBrand--level4, .textFormats [data-bg=m-01--light-03] .fontBrand--level5, .textFormats [data-bg=m-01--light-03] .fontBrand--level6, .textFormats [data-bg=m-01--light-03] .fontMain--level2, .textFormats [data-bg=m-01--light-03] .fontMain--level3, .textFormats [data-bg=m-01--light-03] .fontMain--level4, .textFormats [data-bg=m-01--light-03] .fontMain--level5, .textFormats [data-bg=m-01--light-03] .fontMain--level6, .textFormats [data-bg=m-01--light-03] .image, .textFormats [data-bg=m-01--light-03] .numberedList, .textFormats [data-bg=m-01--light-03] .quoteText, .textFormats [data-bg=m-01--light-03] .video, .textFormats [data-bg=m-01--light-03] blockquote, .textFormats [data-bg=m-01--light-03] caption, .textFormats [data-bg=m-01--light-03] dl, .textFormats [data-bg=m-01--light-03] figure, .textFormats [data-bg=m-01--light-03] ol, .textFormats [data-bg=m-01--light-03] p, .textFormats [data-bg=m-01--light-03] ul, [data-bg=g-04] .fontBrand, [data-bg=g-04] .fontMain, [data-bg=g-04] .textFormats .bodyText, [data-bg=g-04] .textFormats .bulletList, [data-bg=g-04] .textFormats .captionText, [data-bg=g-04] .textFormats .descriptionList, [data-bg=g-04] .textFormats .fontBrand--level3, [data-bg=g-04] .textFormats .fontBrand--level4, [data-bg=g-04] .textFormats .fontBrand--level5, [data-bg=g-04] .textFormats .fontBrand--level6, [data-bg=g-04] .textFormats .fontMain--level2, [data-bg=g-04] .textFormats .fontMain--level3, [data-bg=g-04] .textFormats .fontMain--level4, [data-bg=g-04] .textFormats .fontMain--level5, [data-bg=g-04] .textFormats .fontMain--level6, [data-bg=g-04] .textFormats .image, [data-bg=g-04] .textFormats .numberedList, [data-bg=g-04] .textFormats .quoteText, [data-bg=g-04] .textFormats .video, [data-bg=g-04] .textFormats blockquote, [data-bg=g-04] .textFormats caption, [data-bg=g-04] .textFormats dl, [data-bg=g-04] .textFormats figure, [data-bg=g-04] .textFormats ol, [data-bg=g-04] .textFormats p, [data-bg=g-04] .textFormats ul, [data-bg=m-01--light-03] .fontBrand, [data-bg=m-01--light-03] .fontMain, [data-bg=m-01--light-03] .textFormats .bodyText, [data-bg=m-01--light-03] .textFormats .bulletList, [data-bg=m-01--light-03] .textFormats .captionText, [data-bg=m-01--light-03] .textFormats .descriptionList, [data-bg=m-01--light-03] .textFormats .fontBrand--level3, [data-bg=m-01--light-03] .textFormats .fontBrand--level4, [data-bg=m-01--light-03] .textFormats .fontBrand--level5, [data-bg=m-01--light-03] .textFormats .fontBrand--level6, [data-bg=m-01--light-03] .textFormats .fontMain--level2, [data-bg=m-01--light-03] .textFormats .fontMain--level3, [data-bg=m-01--light-03] .textFormats .fontMain--level4, [data-bg=m-01--light-03] .textFormats .fontMain--level5, [data-bg=m-01--light-03] .textFormats .fontMain--level6, [data-bg=m-01--light-03] .textFormats .image, [data-bg=m-01--light-03] .textFormats .numberedList, [data-bg=m-01--light-03] .textFormats .quoteText, [data-bg=m-01--light-03] .textFormats .video, [data-bg=m-01--light-03] .textFormats blockquote, [data-bg=m-01--light-03] .textFormats caption, [data-bg=m-01--light-03] .textFormats dl, [data-bg=m-01--light-03] .textFormats figure, [data-bg=m-01--light-03] .textFormats ol, [data-bg=m-01--light-03] .textFormats p, [data-bg=m-01--light-03] .textFormats ul {
        color: var(--m-01--dark-03) !important
    }

    [data-bg=g-04] mark, [data-bg=m-01--light-03] mark {
        color: var(--neu-01) !important
    }

        [data-bg=g-04] mark[data-color=color], [data-bg=g-04] mark[data-color=default], [data-bg=g-04] mark[data-color=gray], [data-bg=g-04] span.m-01--dark-01, [data-bg=g-04] span.neu-07, [data-bg=g-04] span.neu-10, [data-bg=g-04] span[data-color=color], [data-bg=g-04] span[data-color=default], [data-bg=g-04] span[data-color=gray], [data-bg=m-01--light-03] mark[data-color=color], [data-bg=m-01--light-03] mark[data-color=default], [data-bg=m-01--light-03] mark[data-color=gray], [data-bg=m-01--light-03] span.m-01--dark-01, [data-bg=m-01--light-03] span.neu-07, [data-bg=m-01--light-03] span.neu-10, [data-bg=m-01--light-03] span[data-color=color], [data-bg=m-01--light-03] span[data-color=default], [data-bg=m-01--light-03] span[data-color=gray] {
            color: var(--m-01--dark-03) !important
        }

    [data-bg=g-04] .btn--primary, [data-bg=m-01--light-03] .btn--primary {
        background: var(--m-01--dark-01) !important;
        color: var(--neu-01) !important
    }

        [data-bg=g-04] .btn--primary:hover, [data-bg=m-01--light-03] .btn--primary:hover {
            background: var(--m-01) !important;
            color: var(--neu-01) !important;
            opacity: 1
        }

    [data-bg=g-04] .btn--secondary, [data-bg=m-01--light-03] .btn--secondary {
        color: var(--m-01--dark-03) !important;
        border-color: rgba(103,62,42,.5) !important
    }

        [data-bg=g-04] .btn--secondary:hover, [data-bg=m-01--light-03] .btn--secondary:hover {
            color: var(--m-01--dark-03) !important;
            border-color: var(--m-01--dark-03) !important
        }

    [data-bg=g-04] .btn--tertiary, [data-bg=m-01--light-03] .btn--tertiary {
        color: var(--m-01--dark-03) !important
    }

        [data-bg=g-04] .btn--tertiary p:before, [data-bg=m-01--light-03] .btn--tertiary p:before {
            background: var(--m-01--dark-03)
        }

        [data-bg=g-04] .btn--tertiary:hover, [data-bg=m-01--light-03] .btn--tertiary:hover {
            opacity: .7;
            color: var(--m-01--dark-03) !important
        }

    [data-bg=g-04] .btnNav--previous, [data-bg=g-04] .btnNav--previous:hover, [data-bg=m-01--light-03] .btnNav--previous, [data-bg=m-01--light-03] .btnNav--previous:hover {
        color: var(--m-01--dark-03) !important
    }

    [data-bg=g-04] .btnBookmark, [data-bg=g-04] .btnBookmark--small, [data-bg=g-04] .btnBookmark.selected.btnBookmark--small, [data-bg=m-01--light-03] .btnBookmark, [data-bg=m-01--light-03] .btnBookmark--small, [data-bg=m-01--light-03] .btnBookmark.selected.btnBookmark--small {
        color: var(--m-01--dark-03) !important;
        border-color: rgba(103,62,42,.5) !important
    }

        [data-bg=g-04] .btnBookmark--small p:before, [data-bg=g-04] .btnBookmark.selected.btnBookmark--small p:before, [data-bg=g-04] .btnBookmark.selected p:before, [data-bg=g-04] .btnBookmark p:before, [data-bg=g-04] .selected.btnBookmark--small p:before, [data-bg=m-01--light-03] .btnBookmark--small p:before, [data-bg=m-01--light-03] .btnBookmark.selected.btnBookmark--small p:before, [data-bg=m-01--light-03] .btnBookmark.selected p:before, [data-bg=m-01--light-03] .btnBookmark p:before, [data-bg=m-01--light-03] .selected.btnBookmark--small p:before {
            color: var(--m-01--dark-03)
        }

        [data-bg=g-04] .btnBookmark--small:hover, [data-bg=g-04] .btnBookmark:hover, [data-bg=m-01--light-03] .btnBookmark--small:hover, [data-bg=m-01--light-03] .btnBookmark:hover {
            color: var(--m-01--dark-03) !important;
            border-color: var(--m-01--dark-03) !important
        }

[data-bg=media] {
    color: var(--neu-01) !important;
    background-color: #000
}

    [data-bg=media] .btn--primary:hover {
        opacity: 1
    }

    [data-bg=media] .btn--secondary {
        background: transparent;
        border-color: hsla(0,0%,98%,.5) !important;
        color: var(--neu-01) !important
    }

        [data-bg=media] .btn--secondary:hover {
            border-color: var(--neu-01) !important;
            color: var(--neu-01) !important
        }

    [data-bg=media] .btn--tertiary {
        color: var(--neu-01) !important
    }

        [data-bg=media] .btn--tertiary p:before {
            background: var(--neu-01) !important
        }

        [data-bg=media] .btn--tertiary:hover {
            opacity: .7;
            color: var(--neu-01) !important
        }

            [data-bg=media] .btn--tertiary:hover p:before {
                background: var(--neu-01) !important
            }

    [data-bg=media] .btnNav--previous {
        color: var(--neu-01) !important
    }

        [data-bg=media] .btnNav--previous:hover {
            color: var(--neu-01) !important;
            opacity: .7
        }

    [data-bg=media] .btnBookmark, [data-bg=media] .btnBookmark--small, [data-bg=media] .btnBookmark.selected.btnBookmark--small {
        background: transparent;
        border-color: hsla(0,0%,98%,.5);
        color: var(--neu-01)
    }

        [data-bg=media] .btnBookmark--small:hover, [data-bg=media] .btnBookmark:hover {
            border-color: var(--neu-01)
        }

        [data-bg=media] .btnBookmark--icon.btnBookmark--small, [data-bg=media] .btnBookmark.btnBookmark--icon {
            color: var(--neu-01)
        }

            [data-bg=media] .btnBookmark--icon.btnBookmark--small:hover, [data-bg=media] .btnBookmark.btnBookmark--icon:hover {
                opacity: .7
            }

        [data-bg=media] .btnBookmark--small:hover:hover, [data-bg=media] .btnBookmark.btnBookmark--small:hover:hover {
            border-color: var(--neu-01)
        }

    [data-bg=media] .textLabel {
        color: var(--m-01--light-02)
    }

[data-bg=m-01--dark-01] {
    background: var(--m-01--dark-01) !important
}

[data-bg=m-01--light-03] {
    background: var(--m-01--light-03) !important
}

[data-bg=g-01] {
    background: var(--g-01) !important
}

[data-bg=g-02] {
    background: var(--g-02) !important
}

[data-bg=g-03] {
    background: var(--g-03) !important
}

[data-bg=g-04] {
    background: var(--g-04) !important
}

[data-bg=neu-01] {
    background: var(--neu-01) !important
}

[data-bg=neu-02] {
    background: var(--neu-02) !important
}

[data-bg=neu-03] {
    background: var(--neu-03) !important
}

[data-bg=neu-04] {
    background: var(--neu-04) !important
}

[data-bg=neu-05] {
    background: var(--neu-05) !important
}

[data-bg=neu-06] {
    background: var(--neu-06) !important
}

[data-bg=neu-07] {
    background: var(--neu-07) !important
}

[data-bg=neu-08] {
    background: var(--neu-08) !important
}

[data-bg=neu-09] {
    background: var(--neu-09) !important
}

[data-bg=neu-10] {
    background: var(--neu-10) !important
}

[data-blur-bg=light] {
    background: hsla(0,0%,98%,.9)
}

[data-blur-bg=dark], [data-blur-bg=light] {
    -webkit-backdrop-filter: blur(80px);
    backdrop-filter: blur(80px)
}

[data-blur-bg=dark] {
    background: rgba(0,0,0,.05);
    background-blend-mode: hard-light;
    box-shadow: inset 0 0 59px hsla(0,0%,100%,.2)
}

[data-blur-bg=m-01] {
    background: rgba(var(--neu-01),.9);
    -webkit-backdrop-filter: blur(80px);
    backdrop-filter: blur(80px)
}

[data-marginBg=neu-01]:before {
    background: var(--neu-01)
}

[data-marginBg=neu-01]:before, [data-marginBg=neu-02]:before {
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    z-index: -1
}

[data-marginBg=neu-02]:before {
    background: var(--neu-02)
}

.media {
    position: relative;
    position: absolute;
    overflow: hidden;
    z-index: 0
}

    .media, .media:before {
        width: 100%;
        height: 100%;
        left: 0;
        top: 0
    }

        .media:before {
            content: "";
            position: absolute;
            background: var(--neu-10);
            opacity: .7;
            z-index: 1
        }

        .media img, .media video {
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover
        }

.media--video {
    position: relative;
    position: absolute;
    overflow: hidden;
    z-index: 0
}

    .media--video, .media--video:before {
        width: 100%;
        height: 100%;
        left: 0;
        top: 0
    }

        .media--video:before {
            content: "";
            position: absolute;
            background: var(--neu-10);
            opacity: .4;
            z-index: 1
        }

        .media--video img, .media--video video {
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover
        }

[data-filter=on] .media, [data-filter=on] .media--video {
    background: var(--neu-10)
}

    [data-filter=on] .media--video:before, [data-filter=on] .media:before {
        background: var(--m-01--dark-01);
        opacity: 1;
        mix-blend-mode: hard-light
    }

    [data-filter=on] .media--video:after, [data-filter=on] .media:after {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background: var(--m-01--dark-03);
        opacity: .4;
        z-index: 1
    }

[data-filter=on] img, [data-filter=on] video {
    filter: grayscale(100%)
}

body, html {
    height: auto;
    min-height: 100vh;
    font-size: 100%
}

    body.fixed {
        overflow: hidden
    }

main {
    min-height: 100vh
}

.wrapper {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    display: grid;
    padding: 0 64px;
    grid-template-columns: repeat(12,1fr);
    grid-column-gap: 32px
}

@media (max-width:1280px) {
    .wrapper {
        padding: 0 40px;
        grid-column-gap: 24px
    }
}

@media (max-width:1024px) {
    .wrapper {
        padding: 0 32px;
        grid-template-columns: repeat(6,1fr);
        grid-column-gap: 16px
    }
}

@media (max-width:768px) {
    .wrapper {
        padding: 0 24px
    }
}

@media (max-width:512px) {
    .wrapper {
        padding: 0 16px;
        grid-column-gap: 8px
    }
}

.wrapperPadding {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 64px
}

@media (max-width:1280px) {
    .wrapperPadding {
        padding: 0 40px
    }
}

@media (max-width:1024px) {
    .wrapperPadding {
        padding: 0 32px
    }
}

@media (max-width:768px) {
    .wrapperPadding {
        padding: 0 24px
    }
}

@media (max-width:512px) {
    .wrapperPadding {
        padding: 0 16px
    }
}

.tooltip {
    cursor: help;
    pointer-events: auto;
}

.tippy-box[data-theme~=aicep] {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: .813rem;
    line-height: 1.538em;
    letter-spacing: -.003em;
    font-weight: 400;
    background-color: var(--m-01--dark-01);
    border-radius: 2px;
    text-align: center
}

    .tippy-box[data-theme~=aicep] .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .tippy-box[data-theme~=aicep] .link a:hover {
            color: var(--m-01)
        }

    .tippy-box[data-theme~=aicep] mark, .tippy-box[data-theme~=aicep] mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .tippy-box[data-theme~=aicep] mark[data-color=gray] {
            color: var(--neu-07)
        }

        .tippy-box[data-theme~=aicep] mark[data-color=default] {
            color: var(--neu-10)
        }

    .tippy-box[data-theme~=aicep] span.m-01--dark-01, .tippy-box[data-theme~=aicep] span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .tippy-box[data-theme~=aicep] span.neu-07, .tippy-box[data-theme~=aicep] span[data-color=gray] {
        color: var(--neu-07)
    }

    .tippy-box[data-theme~=aicep] span.neu-10, .tippy-box[data-theme~=aicep] span[data-color=default] {
        color: var(--neu-10)
    }

    .tippy-box[data-theme~=aicep] b, .tippy-box[data-theme~=aicep] strong {
        font-weight: 700
    }

    .tippy-box[data-theme~=aicep] em {
        font-style: italic
    }

.tippy-box[data-placement^=top] > .tippy-arrow:before {
    border-top-color: var(--m-01--dark-01)
}

.tippy-box[data-placement^=bottom] > .tippy-arrow:before {
    border-bottom-color: var(--m-01--dark-01)
}

.tippy-box[data-placement^=left] > .tippy-arrow:before {
    border-left-color: var(--m-01--dark-01)
}

.tippy-box[data-placement^=right] > .tippy-arrow:before {
    border-right-color: var(--m-01--dark-01)
}

.tippy-box .tippy-content {
    padding: 16px 24px
}

.defaultDivider {
    display: none
}

[data-divider=on] .defaultDivider {
    margin-block-start: 0;
    margin-block-end: 0;
    border: none;
    height: 1px;
    background: var(--neu-03) !important;
    display: block;
    position: absolute;
    max-width: 1312px;
    width: calc(100% - 128px);
    left: 50%;
    transform: translateX(-50%);
    top: 0
}

@media (max-width:1280px) {
    [data-divider=on] .defaultDivider {
        width: calc(100% - 80px)
    }
}

@media (max-width:1024px) {
    [data-divider=on] .defaultDivider {
        width: calc(100% - 64px)
    }
}

@media (max-width:768px) {
    [data-divider=on] .defaultDivider {
        width: calc(100% - 48px)
    }
}

@media (max-width:512px) {
    [data-divider=on] .defaultDivider {
        width: calc(100% - 32px)
    }
}

[data-divider=off] .defaultDivider {
    display: none
}

.line {
    margin-block-start: 0;
    margin-block-end: 0;
    border: none;
    height: 1px;
    background: var(--neu-03);
    display: block
}

.swiper-button-next, .swiper-button-prev {
    background-image: none;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    box-shadow: 0 0 1px rgba(26,24,23,.05),0 2px 4px rgba(26,24,23,.1);
    font-size: 24px;
    position: absolute;
    top: 50%;
    transform: translate3d(0,-50%,0);
    display: flex;
    align-items: center;
    justify-content: center;
    outline-color: transparent;
    z-index: 3;
    transition: transform .1s ease-out
}

.swiper-button-next {
    right: 4.5%
}

    .swiper-button-next:hover {
        transform: translate3d(3px,-50%,0)
    }

@media (max-width:1024px) {
    .swiper-button-next:hover {
        transform: translate3d(0,-50%,0)
    }
}

.swiper-button-next i {
    color: var(--neu-10)
}

.swiper-button-prev {
    left: 4.5%
}

    .swiper-button-prev:hover {
        transform: translate3d(-3px,-50%,0)
    }

@media (max-width:1024px) {
    .swiper-button-prev:hover {
        transform: translate3d(0,-50%,0)
    }
}

.swiper-pagination.swiper-pagination-bullets {
    width: 100%;
    left: 0
}

.swiper-pagination-bullet {
    margin: 0 4px;
    background: var(--neu-03);
    opacity: 1
}

.swiper-pagination-bullet-active {
    background: var(--neu-10)
}

.wall {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0
}

.skip-to-main-content-link {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: .813rem;
    line-height: 1.538em;
    letter-spacing: -.003em;
    font-weight: 400;
    position: absolute;
    left: -9999px;
    z-index: 999;
    padding: 1em;
    background-color: var(--neu-09);
    color: var(--neu-01);
    opacity: 0;
    border-radius: 2px
}

    .skip-to-main-content-link .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .skip-to-main-content-link .link a:hover {
            color: var(--m-01)
        }

    .skip-to-main-content-link mark, .skip-to-main-content-link mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .skip-to-main-content-link mark[data-color=gray] {
            color: var(--neu-07)
        }

        .skip-to-main-content-link mark[data-color=default] {
            color: var(--neu-10)
        }

    .skip-to-main-content-link span.m-01--dark-01, .skip-to-main-content-link span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .skip-to-main-content-link span.neu-07, .skip-to-main-content-link span[data-color=gray] {
        color: var(--neu-07)
    }

    .skip-to-main-content-link span.neu-10, .skip-to-main-content-link span[data-color=default] {
        color: var(--neu-10)
    }

    .skip-to-main-content-link b, .skip-to-main-content-link strong {
        font-weight: 700
    }

    .skip-to-main-content-link em {
        font-style: italic
    }

    .skip-to-main-content-link:focus {
        left: 50%;
        transform: translateX(-50%);
        opacity: 1
    }

[data-margin-top=firstElement] {
    padding-top: 200px
}

@media (max-width:1024px) {
    [data-margin-top=firstElement] {
        padding-top: 96px
    }
}

[data-margin-top=large] {
    padding-top: 120px
}

@media (max-width:1024px) {
    [data-margin-top=large] {
        padding-top: 64px
    }
}

[data-margin-top=medium] {
    padding-top: 80px
}

@media (max-width:1024px) {
    [data-margin-top=medium] {
        padding-top: 40px
    }
}

[data-margin-top=small] {
    padding-top: 32px
}

@media (max-width:1024px) {
    [data-margin-top=small] {
        padding-top: 16px
    }
}

[data-margin-top=none] {
    padding-bottom: 0
}

[data-margin-bottom=large] {
    padding-bottom: 120px
}

@media (max-width:1024px) {
    [data-margin-bottom=large] {
        padding-bottom: 64px
    }
}

[data-margin-bottom=medium] {
    padding-bottom: 80px
}

@media (max-width:1024px) {
    [data-margin-bottom=medium] {
        padding-bottom: 40px
    }
}

[data-margin-bottom=small] {
    padding-bottom: 32px
}

@media (max-width:1024px) {
    [data-margin-bottom=small] {
        padding-bottom: 16px
    }
}

[data-margin-bottom=none] {
    padding-bottom: 0
}

.alertBar {
    position: fixed;
    z-index: 99999;
    width: 100%;
    left: 0;
    bottom: 0;
    z-index: 100;
    transition: all .5s cubic-bezier(.62,.07,.02,1.14)
}

    .alertBar a {
        color: var(--neu-10) !important
    }

.alertBar__bar {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1rem;
    line-height: 1.5em;
    letter-spacing: -.011em;
    font-weight: 400;
    margin: 0 auto;
    width: 100%;
    grid-column: 2/12;
    transition: transform .4s ease;
    padding: 8px 0;
    cursor: default
}

    .alertBar__bar .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .alertBar__bar .link a:hover {
            color: var(--m-01)
        }

    .alertBar__bar mark, .alertBar__bar mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .alertBar__bar mark[data-color=gray] {
            color: var(--neu-07)
        }

        .alertBar__bar mark[data-color=default] {
            color: var(--neu-10)
        }

    .alertBar__bar span.m-01--dark-01, .alertBar__bar span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .alertBar__bar span.neu-07, .alertBar__bar span[data-color=gray] {
        color: var(--neu-07)
    }

    .alertBar__bar span.neu-10, .alertBar__bar span[data-color=default] {
        color: var(--neu-10)
    }

    .alertBar__bar b, .alertBar__bar strong {
        font-weight: 700
    }

    .alertBar__bar em {
        font-style: italic
    }

@media (max-width:1024px) {
    .alertBar__bar {
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-stretch: normal;
        letter-spacing: normal;
        font-family: Inter,sans-serif;
        font-size: .813rem;
        line-height: 1.538em;
        letter-spacing: -.003em;
        font-weight: 400;
        grid-column: 1/7
    }

        .alertBar__bar .link a {
            transition: all .1s ease;
            text-decoration: underline;
            color: var(--m-01--dark-01)
        }

            .alertBar__bar .link a:hover {
                color: var(--m-01)
            }

        .alertBar__bar mark, .alertBar__bar mark[data-color=color] {
            color: var(--m-01--dark-01)
        }

            .alertBar__bar mark[data-color=gray] {
                color: var(--neu-07)
            }

            .alertBar__bar mark[data-color=default] {
                color: var(--neu-10)
            }

        .alertBar__bar span.m-01--dark-01, .alertBar__bar span[data-color=color] {
            color: var(--m-01--dark-01)
        }

        .alertBar__bar span.neu-07, .alertBar__bar span[data-color=gray] {
            color: var(--neu-07)
        }

        .alertBar__bar span.neu-10, .alertBar__bar span[data-color=default] {
            color: var(--neu-10)
        }

        .alertBar__bar b, .alertBar__bar strong {
            font-weight: 700
        }

        .alertBar__bar em {
            font-style: italic
        }
}

.alertBar__barContent {
    box-shadow: 0 0 1px rgba(26,24,23,.05),0 2px 4px rgba(26,24,23,.1);
    width: 100%;
    padding: 24px;
    border-radius: 2px;
    border-width: 1px;
    border-style: solid;
    display: flex;
    align-items: center;
    transition: all .3s ease
}

@media (max-width:1024px) {
    .alertBar__barContent {
        padding: 16px 24px
    }
}

.alertBar__icon {
    min-width: 24px;
    width: 24px;
    height: 24px;
    font-size: 24px
}

    .alertBar__icon:before {
        font-size: 24px;
        font-weight: 400
    }

.alertBar__text {
    color: var(--neu-10);
    flex: 2;
    padding-right: 24px;
    padding-left: 16px
}

.alertBar__close {
    min-width: 24px;
    width: 24px;
    height: 24px;
    font-size: 24px;
    cursor: pointer
}

    .alertBar__close:before {
        font-size: 24px;
        font-weight: 400
    }

.alertBar.show {
    animation: a .5s forwards
}

@media (max-width:1024px) {
    .alertBar.show {
        animation: c .5s forwards
    }
}

.alertBar.hide {
    animation: b .4s forwards
}

@media (max-width:1024px) {
    .alertBar.hide {
        animation: d .4s forwards
    }
}

.alertBar.success .alertBar__barContent {
    border-color: var(--add-03--light-01);
    background-color: var(--add-03--light-04)
}

.alertBar.success .alertBar__icon {
    color: var(--add-03--dark-01)
}

.alertBar.error .alertBar__barContent {
    border-color: var(--add-02--light-01);
    background-color: var(--add-02--light-04)
}

.alertBar.error .alertBar__icon {
    color: var(--add-02--dark-01)
}

.alertBar.info .alertBar__barContent {
    border-color: var(--add-04--light-01);
    background-color: var(--add-04--light-04)
}

.alertBar.info .alertBar__icon {
    color: var(--add-04--dark-01)
}

.alertBar.warning .alertBar__barContent {
    border-color: var(--add-01--light-01);
    background-color: var(--add-01--light-04)
}

.alertBar.warning .alertBar__icon {
    color: var(--add-01--dark-01)
}

.btnBookmark, .btnBookmark--small, .btnBookmark.selected.btnBookmark--small {
    background: transparent;
    border: 1px solid rgba(26,24,23,.5);
    color: var(--neu-10);
    transition: all .1s ease;
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1rem;
    line-height: 1.5em;
    letter-spacing: -.011em;
    font-weight: 400;
    font-weight: 700;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: relative;
    height: 48px;
    padding: 0 20px;
    border-radius: 2px;
    cursor: pointer;
    z-index: 1
}

    .btnBookmark--small:hover, .btnBookmark.selected.btnBookmark--small:hover, .btnBookmark:hover {
        border-color: var(--neu-10)
    }

    .btnBookmark--icon.btnBookmark--small, .btnBookmark--icon.btnBookmark.selected.btnBookmark--small, .btnBookmark.btnBookmark--icon {
        color: var(--neu-10)
    }

        .btnBookmark--icon.btnBookmark--small:hover, .btnBookmark.btnBookmark--icon:hover {
            opacity: .7
        }

    .btnBookmark--small .link a, .btnBookmark .link a, .btnBookmark.selected.btnBookmark--small .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .btnBookmark--small .link a:hover, .btnBookmark .link a:hover {
            color: var(--m-01)
        }

    .btnBookmark--small mark, .btnBookmark--small mark[data-color=color], .btnBookmark.selected.btnBookmark--small mark, .btnBookmark.selected.btnBookmark--small mark[data-color=color], .btnBookmark mark, .btnBookmark mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .btnBookmark--small mark[data-color=gray], .btnBookmark.selected.btnBookmark--small mark[data-color=gray], .btnBookmark mark[data-color=gray] {
            color: var(--neu-07)
        }

        .btnBookmark--small mark[data-color=default], .btnBookmark.selected.btnBookmark--small mark[data-color=default], .btnBookmark mark[data-color=default] {
            color: var(--neu-10)
        }

    .btnBookmark--small span.m-01--dark-01, .btnBookmark--small span[data-color=color], .btnBookmark.selected.btnBookmark--small span.m-01--dark-01, .btnBookmark.selected.btnBookmark--small span[data-color=color], .btnBookmark span.m-01--dark-01, .btnBookmark span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .btnBookmark--small span.neu-07, .btnBookmark--small span[data-color=gray], .btnBookmark.selected.btnBookmark--small span.neu-07, .btnBookmark.selected.btnBookmark--small span[data-color=gray], .btnBookmark span.neu-07, .btnBookmark span[data-color=gray] {
        color: var(--neu-07)
    }

    .btnBookmark--small span.neu-10, .btnBookmark--small span[data-color=default], .btnBookmark.selected.btnBookmark--small span.neu-10, .btnBookmark.selected.btnBookmark--small span[data-color=default], .btnBookmark span.neu-10, .btnBookmark span[data-color=default] {
        color: var(--neu-10)
    }

    .btnBookmark--small b, .btnBookmark--small strong, .btnBookmark.selected.btnBookmark--small b, .btnBookmark.selected.btnBookmark--small strong, .btnBookmark b, .btnBookmark strong {
        font-weight: 700
    }

    .btnBookmark--small em, .btnBookmark.selected.btnBookmark--small em, .btnBookmark em {
        font-style: italic
    }

@media (max-width:1024px) {
    .btnBookmark, .btnBookmark--small, .btnBookmark.selected.btnBookmark--small {
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-stretch: normal;
        letter-spacing: normal;
        font-family: Inter,sans-serif;
        font-size: 1rem;
        line-height: 1.5em;
        letter-spacing: -.011em;
        font-weight: 400;
        padding: 0 24px;
        height: 56px;
        font-weight: 700
    }

        .btnBookmark--small .link a, .btnBookmark .link a, .btnBookmark.selected.btnBookmark--small .link a {
            transition: all .1s ease;
            text-decoration: underline;
            color: var(--m-01--dark-01)
        }

            .btnBookmark--small .link a:hover, .btnBookmark .link a:hover {
                color: var(--m-01)
            }

        .btnBookmark--small mark, .btnBookmark--small mark[data-color=color], .btnBookmark.selected.btnBookmark--small mark, .btnBookmark.selected.btnBookmark--small mark[data-color=color], .btnBookmark mark, .btnBookmark mark[data-color=color] {
            color: var(--m-01--dark-01)
        }

            .btnBookmark--small mark[data-color=gray], .btnBookmark.selected.btnBookmark--small mark[data-color=gray], .btnBookmark mark[data-color=gray] {
                color: var(--neu-07)
            }

            .btnBookmark--small mark[data-color=default], .btnBookmark.selected.btnBookmark--small mark[data-color=default], .btnBookmark mark[data-color=default] {
                color: var(--neu-10)
            }

        .btnBookmark--small span.m-01--dark-01, .btnBookmark--small span[data-color=color], .btnBookmark.selected.btnBookmark--small span.m-01--dark-01, .btnBookmark.selected.btnBookmark--small span[data-color=color], .btnBookmark span.m-01--dark-01, .btnBookmark span[data-color=color] {
            color: var(--m-01--dark-01)
        }

        .btnBookmark--small span.neu-07, .btnBookmark--small span[data-color=gray], .btnBookmark.selected.btnBookmark--small span.neu-07, .btnBookmark.selected.btnBookmark--small span[data-color=gray], .btnBookmark span.neu-07, .btnBookmark span[data-color=gray] {
            color: var(--neu-07)
        }

        .btnBookmark--small span.neu-10, .btnBookmark--small span[data-color=default], .btnBookmark.selected.btnBookmark--small span.neu-10, .btnBookmark.selected.btnBookmark--small span[data-color=default], .btnBookmark span.neu-10, .btnBookmark span[data-color=default] {
            color: var(--neu-10)
        }

        .btnBookmark--small b, .btnBookmark--small strong, .btnBookmark.selected.btnBookmark--small b, .btnBookmark.selected.btnBookmark--small strong, .btnBookmark b, .btnBookmark strong {
            font-weight: 700
        }

        .btnBookmark--small em, .btnBookmark.selected.btnBookmark--small em, .btnBookmark em {
            font-style: italic
        }
}

@media (max-width:512px) {
    .btnBookmark, .btnBookmark--small, .btnBookmark.selected.btnBookmark--small {
        width: 100%
    }
}

.btnBookmark--small span, .btnBookmark.selected.btnBookmark--small span, .btnBookmark span {
    padding-left: 32px
}

    .btnBookmark--small span:before, .btnBookmark.selected.btnBookmark--small span:before, .btnBookmark span:before {
        width: 24px;
        height: 24px;
        font-size: 24px;
        font-family: aicep-base-icons !important;
        font-weight: 400;
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        content: "\e941";
        left: 0
    }

@media (max-width:1024px) {
    .btnBookmark--small span, .btnBookmark.selected.btnBookmark--small span, .btnBookmark span {
        padding-left: 32px
    }

        .btnBookmark--small span:before, .btnBookmark.selected.btnBookmark--small span:before, .btnBookmark span:before {
            width: 24px;
            height: 24px;
            font-size: 24px;
            font-family: aicep-base-icons !important;
            font-weight: 400;
            display: flex;
            justify-content: center;
            align-items: center;
            position: absolute;
            top: 50%;
            transform: translateY(-50%)
        }
}

.btnBookmark--icon {
    cursor: pointer;
    width: 56px;
    height: 48px;
    border: 0;
    padding: 0
}

    .btnBookmark--icon, .btnBookmark--icon:before {
        display: flex;
        justify-content: center;
        align-items: center
    }

        .btnBookmark--icon:before {
            width: 24px;
            height: 24px;
            font-size: 24px;
            font-family: aicep-base-icons !important;
            font-weight: 400;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            content: "\e941"
        }

.btnBookmark--small {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: .813rem;
    line-height: 1.538em;
    letter-spacing: -.003em;
    font-weight: 400;
    font-weight: 700;
    height: 40px;
    padding: 0 20px
}

    .btnBookmark--small .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .btnBookmark--small .link a:hover {
            color: var(--m-01)
        }

    .btnBookmark--small mark, .btnBookmark--small mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .btnBookmark--small mark[data-color=gray] {
            color: var(--neu-07)
        }

        .btnBookmark--small mark[data-color=default] {
            color: var(--neu-10)
        }

    .btnBookmark--small span.m-01--dark-01, .btnBookmark--small span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .btnBookmark--small span.neu-07, .btnBookmark--small span[data-color=gray] {
        color: var(--neu-07)
    }

    .btnBookmark--small span.neu-10, .btnBookmark--small span[data-color=default] {
        color: var(--neu-10)
    }

    .btnBookmark--small b, .btnBookmark--small strong {
        font-weight: 700
    }

    .btnBookmark--small em {
        font-style: italic
    }

    .btnBookmark--small span {
        padding-left: 20px
    }

        .btnBookmark--small span:before {
            width: 16px;
            height: 16px;
            font-size: 16px;
            font-family: aicep-base-icons !important;
            font-weight: 400;
            display: flex;
            justify-content: center;
            align-items: center;
            position: absolute;
            top: 50%;
            transform: translateY(-50%)
        }

.btnBookmark.selected.btnBookmark--icon:before, .btnBookmark.selected span:before, .selected.btnBookmark--icon.btnBookmark--small:before, .selected.btnBookmark--small span:before, .selected.btnBookmark.btnBookmark--small span:before {
    width: 24px;
    height: 24px;
    font-size: 24px;
    font-family: aicep-base-icons !important;
    font-weight: 400;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    content: "\e942";
    color: var(--m-02--dark-01)
}

.selected.btnBookmark--small, .selected.btnBookmark--small.btnBookmark {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: .813rem;
    line-height: 1.538em;
    letter-spacing: -.003em;
    font-weight: 400;
    font-weight: 700;
    height: 40px;
    padding: 0 20px
}

    .selected.btnBookmark--small.btnBookmark .link a, .selected.btnBookmark--small .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .selected.btnBookmark--small.btnBookmark .link a:hover, .selected.btnBookmark--small .link a:hover {
            color: var(--m-01)
        }

    .selected.btnBookmark--small.btnBookmark mark, .selected.btnBookmark--small.btnBookmark mark[data-color=color], .selected.btnBookmark--small mark, .selected.btnBookmark--small mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .selected.btnBookmark--small.btnBookmark mark[data-color=gray], .selected.btnBookmark--small mark[data-color=gray] {
            color: var(--neu-07)
        }

        .selected.btnBookmark--small.btnBookmark mark[data-color=default], .selected.btnBookmark--small mark[data-color=default] {
            color: var(--neu-10)
        }

    .selected.btnBookmark--small.btnBookmark span.m-01--dark-01, .selected.btnBookmark--small.btnBookmark span[data-color=color], .selected.btnBookmark--small span.m-01--dark-01, .selected.btnBookmark--small span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .selected.btnBookmark--small.btnBookmark span.neu-07, .selected.btnBookmark--small.btnBookmark span[data-color=gray], .selected.btnBookmark--small span.neu-07, .selected.btnBookmark--small span[data-color=gray] {
        color: var(--neu-07)
    }

    .selected.btnBookmark--small.btnBookmark span.neu-10, .selected.btnBookmark--small.btnBookmark span[data-color=default], .selected.btnBookmark--small span.neu-10, .selected.btnBookmark--small span[data-color=default] {
        color: var(--neu-10)
    }

    .selected.btnBookmark--small.btnBookmark b, .selected.btnBookmark--small.btnBookmark strong, .selected.btnBookmark--small b, .selected.btnBookmark--small strong {
        font-weight: 700
    }

    .selected.btnBookmark--small.btnBookmark em, .selected.btnBookmark--small em {
        font-style: italic
    }

    .selected.btnBookmark--small.btnBookmark span, .selected.btnBookmark--small span {
        padding-left: 20px
    }

        .selected.btnBookmark--small.btnBookmark span:before, .selected.btnBookmark--small span:before {
            width: 16px;
            height: 16px;
            font-size: 16px;
            font-family: aicep-base-icons !important;
            font-weight: 400;
            display: flex;
            justify-content: center;
            align-items: center;
            position: absolute;
            top: 50%;
            transform: translateY(-50%)
        }

.btnBookmark--privateArea {
    min-width: 56px;
    min-height: 48px
}

@media (max-width:512px) {
    .btnBookmark--privateArea {
        width: 100%
    }
}

@media (max-width:768px) {
    .btnBookmark--privateArea--icon[data-align=right] {
        width: unset
    }

        .btnBookmark--privateArea--icon[data-align=right] .btnBookmark__popup {
            right: 0 !important;
            transform: none !important
        }

    .btnBookmark--privateArea--icon[data-align=left] {
        width: unset
    }

        .btnBookmark--privateArea--icon[data-align=left] .btnBookmark__popup {
            left: -8px !important;
            right: unset !important;
            transform: none !important
        }
}

.btnBookmark--privateArea .btnBookmark__popup {
    width: 258px;
    padding: 24px;
    background-color: var(--neu-01);
    box-shadow: 0 0 1px rgba(26,24,23,.05),0 16px 24px rgba(26,24,23,.05);
    border-radius: 0 0 2px 2px;
    position: absolute;
    z-index: 10;
    right: -32px;
    top: 50%;
    opacity: 0;
    visibility: visible;
    transition: opacity .2s ease;
    pointer-events: none
}

    .btnBookmark--privateArea .btnBookmark__popup.show {
        pointer-events: all;
        opacity: 1;
        visibility: visible
    }

@media (max-width:768px) {
    .btnBookmark--privateArea .btnBookmark__popup {
        right: 50%;
        transform: translateX(50%)
    }
}

.btnBookmark--privateArea .btnBookmark__popup-header {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    pointer-events: none
}

    .btnBookmark--privateArea .btnBookmark__popup-header i {
        min-width: 24px;
        width: 24px;
        height: 24px;
        font-size: 24px;
        color: var(--m-02--dark-01)
    }

        .btnBookmark--privateArea .btnBookmark__popup-header i:before {
            font-size: 24px;
            font-weight: 400
        }

.btnBookmark--privateArea .btnBookmark__popup-title {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1rem;
    line-height: 1.5em;
    letter-spacing: -.011em;
    font-weight: 700;
    color: var(--neu-10)
}

    .btnBookmark--privateArea .btnBookmark__popup-title .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .btnBookmark--privateArea .btnBookmark__popup-title .link a:hover {
            color: var(--m-01)
        }

    .btnBookmark--privateArea .btnBookmark__popup-title mark, .btnBookmark--privateArea .btnBookmark__popup-title mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .btnBookmark--privateArea .btnBookmark__popup-title mark[data-color=gray] {
            color: var(--neu-07)
        }

        .btnBookmark--privateArea .btnBookmark__popup-title mark[data-color=default] {
            color: var(--neu-10)
        }

    .btnBookmark--privateArea .btnBookmark__popup-title span.m-01--dark-01, .btnBookmark--privateArea .btnBookmark__popup-title span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .btnBookmark--privateArea .btnBookmark__popup-title span.neu-07, .btnBookmark--privateArea .btnBookmark__popup-title span[data-color=gray] {
        color: var(--neu-07)
    }

    .btnBookmark--privateArea .btnBookmark__popup-title span.neu-10, .btnBookmark--privateArea .btnBookmark__popup-title span[data-color=default] {
        color: var(--neu-10)
    }

    .btnBookmark--privateArea .btnBookmark__popup-title b, .btnBookmark--privateArea .btnBookmark__popup-title strong {
        font-weight: 700
    }

    .btnBookmark--privateArea .btnBookmark__popup-title em {
        font-style: italic
    }

.btnBookmark--privateArea .btnBookmark__confirm {
    width: 100%;
    background-color: var(--m-01--dark-01) !important;
    color: var(--neu-01) !important
}

    .btnBookmark--privateArea .btnBookmark__confirm:hover {
        background-color: var(--m-01) !important;
        color: var(--neu-01) !important
    }

.btnBookmark--privateArea .formFields__checkbox .formFields__label {
    margin-top: 0 !important;
    color: var(--neu-10) !important
}

.btnBookmark--privateArea .formFields__inputWrapper {
    margin-bottom: 32px !important;
    margin-top: 16px;
    max-height: 184px;
    overflow-y: auto
}

    .btnBookmark--privateArea .formFields__inputWrapper::-webkit-scrollbar-track {
        border-radius: 20px;
        background-color: var(--neu-02)
    }

    .btnBookmark--privateArea .formFields__inputWrapper::-webkit-scrollbar {
        width: 4px
    }

    .btnBookmark--privateArea .formFields__inputWrapper::-webkit-scrollbar-thumb {
        border-radius: 20px;
        background-color: var(--neu-05)
    }

@media (max-width:1024px) {
    .btnBookmark--privateArea .formFields__inputWrapper {
        max-height: 204px
    }
}

.btnBookmark--privateArea .formFields__checkboxWrapper {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.brandCard, .brandCard--small {
    box-shadow: 0 0 1px rgba(26,24,23,.05),0 16px 24px rgba(26,24,23,.05);
    transition: all .15s ease-in-out;
    border-radius: 2px;
    transform: translateY(0);
    background: var(--neu-01);
    margin: 0 auto;
    width: 100%;
    min-height: 366px;
    padding: 24px;
    display: flex;
    flex-direction: column
}

    .brandCard--small:hover, .brandCard:hover {
        box-shadow: 0 0 1px rgba(26,24,23,.05),0 2px 4px rgba(26,24,23,.1);
        transform: translateY(3px)
    }

@media (max-width:768px) {
    .brandCard--small:hover, .brandCard:hover {
        box-shadow: 0 0 1px rgba(26,24,23,.05),0 16px 24px rgba(26,24,23,.05);
        transform: none
    }
}

.brandCard--hidden {
    display: none
}

.brandCard--small .btnBookmark--privateArea, .brandCard .btnBookmark--privateArea, .brandCard__bookmark {
    position: absolute;
    top: 16px;
    right: 8px
}

    .brandCard--small .btnBookmark--privateArea[data-bookmark=off], .brandCard .btnBookmark--privateArea[data-bookmark=off], .brandCard__bookmark[data-bookmark=off] {
        display: none
    }

.brandCard__image {
    display: flex;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 32px
}

    .brandCard__image img {
        width: 100%;
        height: auto;
        -o-object-fit: cover;
        object-fit: cover
    }

.brandCard__content {
    color: var(--neu-10);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 2
}

.brandCard__text {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 600px
}

.brandCard__title {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Calma Global Medium,sans-serif;
    font-size: 2rem;
    line-height: 1.25em;
    letter-spacing: -.016em;
    color: var(--m-01--dark-01);
    margin-top: 8px
}

    .brandCard__title .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .brandCard__title .link a:hover {
            color: var(--m-01)
        }

    .brandCard__title mark, .brandCard__title mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .brandCard__title mark[data-color=gray] {
            color: var(--neu-07)
        }

        .brandCard__title mark[data-color=default] {
            color: var(--neu-10)
        }

    .brandCard__title span.m-01--dark-01, .brandCard__title span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .brandCard__title span.neu-07, .brandCard__title span[data-color=gray] {
        color: var(--neu-07)
    }

    .brandCard__title span.neu-10, .brandCard__title span[data-color=default] {
        color: var(--neu-10)
    }

    .brandCard__title b, .brandCard__title strong {
        font-weight: 700
    }

    .brandCard__title em {
        font-style: italic
    }

@media (max-width:1024px) {
    .brandCard__title {
        font-size: 1.625rem;
        line-height: 1.231em;
        letter-spacing: 0
    }
}

.brandCard__shortDescription {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: .813rem;
    line-height: 1.538em;
    letter-spacing: -.003em;
    font-weight: 400;
    margin-top: 4px
}

    .brandCard__shortDescription .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .brandCard__shortDescription .link a:hover {
            color: var(--m-01)
        }

    .brandCard__shortDescription mark, .brandCard__shortDescription mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .brandCard__shortDescription mark[data-color=gray] {
            color: var(--neu-07)
        }

        .brandCard__shortDescription mark[data-color=default] {
            color: var(--neu-10)
        }

    .brandCard__shortDescription span.m-01--dark-01, .brandCard__shortDescription span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .brandCard__shortDescription span.neu-07, .brandCard__shortDescription span[data-color=gray] {
        color: var(--neu-07)
    }

    .brandCard__shortDescription span.neu-10, .brandCard__shortDescription span[data-color=default] {
        color: var(--neu-10)
    }

    .brandCard__shortDescription b, .brandCard__shortDescription strong {
        font-weight: 700
    }

    .brandCard__shortDescription em {
        font-style: italic
    }

.brandCard__description {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: .813rem;
    line-height: 1.538em;
    letter-spacing: -.003em;
    font-weight: 400;
    /*! autoprefixer: off */ -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -moz-line-clamp: 3;
    -ms-line-clamp: 3;
    line-clamp: 3;
    overflow: hidden;
    margin-top: 32px
}

    .brandCard__description .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .brandCard__description .link a:hover {
            color: var(--m-01)
        }

    .brandCard__description mark, .brandCard__description mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .brandCard__description mark[data-color=gray] {
            color: var(--neu-07)
        }

        .brandCard__description mark[data-color=default] {
            color: var(--neu-10)
        }

    .brandCard__description span.m-01--dark-01, .brandCard__description span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .brandCard__description span.neu-07, .brandCard__description span[data-color=gray] {
        color: var(--neu-07)
    }

    .brandCard__description span.neu-10, .brandCard__description span[data-color=default] {
        color: var(--neu-10)
    }

    .brandCard__description b, .brandCard__description strong {
        font-weight: 700
    }

    .brandCard__description em {
        font-style: italic
    }

.brandCard__btnContainer {
    display: flex;
    justify-content: flex-end;
    margin-top: 8px
}

@media (max-width:512px) {
    .brandCard__btnContainer {
        width: 100%;
        display: flex
    }
}

.brandCard--small {
    max-width: 960px;
    min-height: 324px;
    padding: 16px
}

    .brandCard--small .brandCard__image {
        height: 70px;
        width: 70px;
        margin-right: 0
    }

    .brandCard--small .brandCard--small .btnBookmark--privateArea, .brandCard--small .brandCard .btnBookmark--privateArea, .brandCard--small .brandCard__bookmark {
        right: 0
    }

    .brandCard--small .brandCard__text {
        padding: 0
    }

    .brandCard--small .brandCard__title {
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-stretch: normal;
        letter-spacing: normal;
        font-family: Calma Global Medium,sans-serif;
        font-size: 1.625rem;
        line-height: 1.231em;
        letter-spacing: 0
    }

        .brandCard--small .brandCard__title .link a {
            transition: all .1s ease;
            text-decoration: underline;
            color: var(--m-01--dark-01)
        }

            .brandCard--small .brandCard__title .link a:hover {
                color: var(--m-01)
            }

        .brandCard--small .brandCard__title mark, .brandCard--small .brandCard__title mark[data-color=color] {
            color: var(--m-01--dark-01)
        }

            .brandCard--small .brandCard__title mark[data-color=gray] {
                color: var(--neu-07)
            }

            .brandCard--small .brandCard__title mark[data-color=default] {
                color: var(--neu-10)
            }

        .brandCard--small .brandCard__title span.m-01--dark-01, .brandCard--small .brandCard__title span[data-color=color] {
            color: var(--m-01--dark-01)
        }

        .brandCard--small .brandCard__title span.neu-07, .brandCard--small .brandCard__title span[data-color=gray] {
            color: var(--neu-07)
        }

        .brandCard--small .brandCard__title span.neu-10, .brandCard--small .brandCard__title span[data-color=default] {
            color: var(--neu-10)
        }

        .brandCard--small .brandCard__title b, .brandCard--small .brandCard__title strong {
            font-weight: 700
        }

        .brandCard--small .brandCard__title em {
            font-style: italic
        }

    .brandCard--small .brandCard__description {
        margin-top: 24px
    }

.buttonsBlock {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.buttonsBlock__title {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1.188rem;
    line-height: 1.263em;
    letter-spacing: -.016em;
    font-weight: 700;
    color: var(--neu-10)
}

    .buttonsBlock__title .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .buttonsBlock__title .link a:hover {
            color: var(--m-01)
        }

    .buttonsBlock__title mark, .buttonsBlock__title mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .buttonsBlock__title mark[data-color=gray] {
            color: var(--neu-07)
        }

        .buttonsBlock__title mark[data-color=default] {
            color: var(--neu-10)
        }

    .buttonsBlock__title span.m-01--dark-01, .buttonsBlock__title span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .buttonsBlock__title span.neu-07, .buttonsBlock__title span[data-color=gray] {
        color: var(--neu-07)
    }

    .buttonsBlock__title span.neu-10, .buttonsBlock__title span[data-color=default] {
        color: var(--neu-10)
    }

    .buttonsBlock__title b, .buttonsBlock__title strong {
        font-weight: 700
    }

    .buttonsBlock__title em {
        font-style: italic
    }

.buttonsBlock__description {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1rem;
    line-height: 1.5em;
    letter-spacing: -.011em;
    font-weight: 400;
    color: var(--neu-10);
    max-width: 640px
}

    .buttonsBlock__description a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .buttonsBlock__description a:hover {
            color: var(--m-01)
        }

    .buttonsBlock__description .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .buttonsBlock__description .link a:hover {
            color: var(--m-01)
        }

    .buttonsBlock__description mark, .buttonsBlock__description mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .buttonsBlock__description mark[data-color=gray] {
            color: var(--neu-07)
        }

        .buttonsBlock__description mark[data-color=default] {
            color: var(--neu-10)
        }

    .buttonsBlock__description span.m-01--dark-01, .buttonsBlock__description span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .buttonsBlock__description span.neu-07, .buttonsBlock__description span[data-color=gray] {
        color: var(--neu-07)
    }

    .buttonsBlock__description span.neu-10, .buttonsBlock__description span[data-color=default] {
        color: var(--neu-10)
    }

    .buttonsBlock__description b, .buttonsBlock__description strong {
        font-weight: 700
    }

    .buttonsBlock__description em {
        font-style: italic
    }

.buttonsBlock__buttons {
    margin-top: 8px;
    display: flex;
    gap: 16px 32px;
    flex-wrap: wrap
}

@media (max-width:512px) {
    .buttonsBlock__buttons {
        width: 100%
    }
}

.buttonsBlock .btnContainer {
    gap: 16px;
    justify-content: flex-start;
    flex-wrap: wrap
}

@media (max-width:512px) {
    .buttonsBlock .btnContainer {
        width: 100%
    }
}

.buttonsBlock .btnContainer .btn--primary, .buttonsBlock .btnContainer .btn--secondary, .buttonsBlock .btnContainer .btn--tertiary {
    margin: 0
}

.buttonsBlock__btn .btn--tertiary:not(:first-child) {
    margin-left: 16px !important
}

.buttonsBlock[data-align=left], [data-align=left] .buttonsBlock {
    align-items: flex-start
}

.buttonsBlock[data-align=center], [data-align=center] .buttonsBlock {
    align-items: center
}

    .buttonsBlock[data-align=center] .buttonsBlock__description, [data-align=center] .buttonsBlock .buttonsBlock__description {
        text-align: center
    }

    .buttonsBlock[data-align=center] .btnContainer, .buttonsBlock[data-align=center] .buttonsBlock__buttons, [data-align=center] .buttonsBlock .btnContainer, [data-align=center] .buttonsBlock .buttonsBlock__buttons {
        justify-content: center
    }

.buttonsBlock[data-align=right], [data-align=right] .buttonsBlock {
    align-items: flex-end
}

@media (max-width:512px) {
    .buttonsBlock[data-align=right], [data-align=right] .buttonsBlock {
        align-items: flex-start
    }
}

.buttonsBlock[data-align=right] .buttonsBlock__description, [data-align=right] .buttonsBlock .buttonsBlock__description {
    text-align: right
}

@media (max-width:512px) {
    .buttonsBlock[data-align=right] .buttonsBlock__description, [data-align=right] .buttonsBlock .buttonsBlock__description {
        text-align: left
    }
}

.buttonsBlock[data-align=right] .btnContainer, .buttonsBlock[data-align=right] .buttonsBlock__buttons, [data-align=right] .buttonsBlock .btnContainer, [data-align=right] .buttonsBlock .buttonsBlock__buttons {
    justify-content: flex-end
}

.caseCard, .caseCard--small {
    box-shadow: 0 0 1px rgba(26,24,23,.05),0 16px 24px rgba(26,24,23,.05);
    transition: all .15s ease-in-out;
    background: var(--neu-01);
    border-radius: 2px;
    transform: translateY(0);
    transition: all .25s cubic-bezier(.38,.01,.23,.99);
    background: var(--neu-10);
    margin: 0 auto;
    width: 100%;
    min-height: 366px;
    display: flex;
    flex-direction: column;
    overflow: hidden
}

    .caseCard--small:hover, .caseCard:hover {
        box-shadow: 0 0 1px rgba(26,24,23,.05),0 2px 4px rgba(26,24,23,.1);
        transform: translateY(3px)
    }

@media (max-width:768px) {
    .caseCard--small:hover, .caseCard:hover {
        box-shadow: 0 0 1px rgba(26,24,23,.05),0 16px 24px rgba(26,24,23,.05);
        transform: none
    }
}

.caseCard--small .cardBg, .caseCard .cardBg {
    position: relative;
    transition: all .25s cubic-bezier(.38,.01,.23,.99);
    position: absolute !important;
    width: 100%;
    height: 100%
}

    .caseCard--small .cardBg:before, .caseCard .cardBg:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background: var(--neu-10);
        opacity: .6;
        z-index: 1
    }

    .caseCard--small .cardBg:after, .caseCard--small .cardBg:before, .caseCard .cardBg:after, .caseCard .cardBg:before {
        transition: all .15s ease-in-out
    }

.caseCard--small:hover, .caseCard:hover {
    transform: scale(.95)
}

@media (max-width:768px) {
    .caseCard--small:hover, .caseCard:hover {
        transform: none
    }
}

.caseCard--small:hover .cardBg, .caseCard:hover .cardBg {
    position: relative;
    transform: scale(1.2)
}

    .caseCard--small:hover .cardBg:before, .caseCard:hover .cardBg:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background: var(--neu-10);
        opacity: .7;
        z-index: 1
    }

@media (max-width:768px) {
    .caseCard--small:hover .cardBg, .caseCard:hover .cardBg {
        position: relative;
        transform: none
    }

        .caseCard--small:hover .cardBg:before, .caseCard:hover .cardBg:before {
            content: "";
            position: absolute;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            background: var(--neu-10);
            opacity: .6;
            z-index: 1
        }
}

.caseCard__image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.caseCard__content {
    color: var(--neu-01);
    padding: 32px 24px 24px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1;
    z-index: 3
}

.caseCard__text {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 600px
}

.caseCard__labels {
    display: flex
}

.caseCard__title {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Calma Global Medium,sans-serif;
    font-size: 2rem;
    line-height: 1.25em;
    letter-spacing: -.016em;
    margin-top: 8px
}

    .caseCard__title .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .caseCard__title .link a:hover {
            color: var(--m-01)
        }

    .caseCard__title mark, .caseCard__title mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .caseCard__title mark[data-color=gray] {
            color: var(--neu-07)
        }

        .caseCard__title mark[data-color=default] {
            color: var(--neu-10)
        }

    .caseCard__title span.m-01--dark-01, .caseCard__title span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .caseCard__title span.neu-07, .caseCard__title span[data-color=gray] {
        color: var(--neu-07)
    }

    .caseCard__title span.neu-10, .caseCard__title span[data-color=default] {
        color: var(--neu-10)
    }

    .caseCard__title b, .caseCard__title strong {
        font-weight: 700
    }

    .caseCard__title em {
        font-style: italic
    }

@media (max-width:1024px) {
    .caseCard__title {
        font-size: 1.625rem;
        line-height: 1.231em;
        letter-spacing: 0
    }
}

.caseCard__description {
    /*! autoprefixer: off */ -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -moz-line-clamp: 3;
    -ms-line-clamp: 3;
    line-clamp: 3;
    overflow: hidden;
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1rem;
    line-height: 1.5em;
    letter-spacing: -.011em;
    font-weight: 400;
    margin-top: 16px
}

    .caseCard__description .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .caseCard__description .link a:hover {
            color: var(--m-01)
        }

    .caseCard__description mark, .caseCard__description mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .caseCard__description mark[data-color=gray] {
            color: var(--neu-07)
        }

        .caseCard__description mark[data-color=default] {
            color: var(--neu-10)
        }

    .caseCard__description span.m-01--dark-01, .caseCard__description span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .caseCard__description span.neu-07, .caseCard__description span[data-color=gray] {
        color: var(--neu-07)
    }

    .caseCard__description span.neu-10, .caseCard__description span[data-color=default] {
        color: var(--neu-10)
    }

    .caseCard__description b, .caseCard__description strong {
        font-weight: 700
    }

    .caseCard__description em {
        font-style: italic
    }

.caseCard__date {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: .688rem;
    line-height: 1.455em;
    letter-spacing: .005em;
    font-weight: 400;
    display: flex;
    flex-wrap: wrap;
    margin-top: 16px
}

    .caseCard__date .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .caseCard__date .link a:hover {
            color: var(--m-01)
        }

    .caseCard__date mark, .caseCard__date mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .caseCard__date mark[data-color=gray] {
            color: var(--neu-07)
        }

        .caseCard__date mark[data-color=default] {
            color: var(--neu-10)
        }

    .caseCard__date span.m-01--dark-01, .caseCard__date span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .caseCard__date span.neu-07, .caseCard__date span[data-color=gray] {
        color: var(--neu-07)
    }

    .caseCard__date span.neu-10, .caseCard__date span[data-color=default] {
        color: var(--neu-10)
    }

    .caseCard__date b, .caseCard__date strong {
        font-weight: 700
    }

    .caseCard__date em {
        font-style: italic
    }

.caseCard--small {
    min-height: 324px;
    max-width: 960px
}

    .caseCard--small .caseCard__content {
        padding: 24px 16px 16px
    }

    .caseCard--small .caseCard__title {
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-stretch: normal;
        letter-spacing: normal;
        font-family: Calma Global Medium,sans-serif;
        font-size: 1.625rem;
        line-height: 1.231em;
        letter-spacing: 0
    }

        .caseCard--small .caseCard__title .link a {
            transition: all .1s ease;
            text-decoration: underline;
            color: var(--m-01--dark-01)
        }

            .caseCard--small .caseCard__title .link a:hover {
                color: var(--m-01)
            }

        .caseCard--small .caseCard__title mark, .caseCard--small .caseCard__title mark[data-color=color] {
            color: var(--m-01--dark-01)
        }

            .caseCard--small .caseCard__title mark[data-color=gray] {
                color: var(--neu-07)
            }

            .caseCard--small .caseCard__title mark[data-color=default] {
                color: var(--neu-10)
            }

        .caseCard--small .caseCard__title span.m-01--dark-01, .caseCard--small .caseCard__title span[data-color=color] {
            color: var(--m-01--dark-01)
        }

        .caseCard--small .caseCard__title span.neu-07, .caseCard--small .caseCard__title span[data-color=gray] {
            color: var(--neu-07)
        }

        .caseCard--small .caseCard__title span.neu-10, .caseCard--small .caseCard__title span[data-color=default] {
            color: var(--neu-10)
        }

        .caseCard--small .caseCard__title b, .caseCard--small .caseCard__title strong {
            font-weight: 700
        }

        .caseCard--small .caseCard__title em {
            font-style: italic
        }

.caseCard__btnContainer {
    display: flex;
    justify-content: flex-end
}

    .caseCard__btnContainer .btn, .caseCard__btnContainer .btn--icon, .caseCard__btnContainer .btn--primary, .caseCard__btnContainer .btn--primary--dark, .caseCard__btnContainer .btn--secondary, .caseCard__btnContainer .btn--small, .caseCard__btnContainer .btn--tertiary {
        color: var(--neu-01) !important
    }

        .caseCard__btnContainer .btn--icon p:before, .caseCard__btnContainer .btn--primary--dark p:before, .caseCard__btnContainer .btn--primary p:before, .caseCard__btnContainer .btn--secondary p:before, .caseCard__btnContainer .btn--small p:before, .caseCard__btnContainer .btn--tertiary p:before, .caseCard__btnContainer .btn p:before {
            background: var(--neu-01) !important
        }

        .caseCard__btnContainer .btn--icon:hover, .caseCard__btnContainer .btn--primary--dark:hover, .caseCard__btnContainer .btn--primary:hover, .caseCard__btnContainer .btn--secondary:hover, .caseCard__btnContainer .btn--small:hover, .caseCard__btnContainer .btn--tertiary:hover, .caseCard__btnContainer .btn:hover {
            opacity: .7;
            color: var(--neu-01) !important
        }

            .caseCard__btnContainer .btn--icon:hover p:before, .caseCard__btnContainer .btn--primary--dark:hover p:before, .caseCard__btnContainer .btn--primary:hover p:before, .caseCard__btnContainer .btn--secondary:hover p:before, .caseCard__btnContainer .btn--small:hover p:before, .caseCard__btnContainer .btn--tertiary:hover p:before, .caseCard__btnContainer .btn:hover p:before {
                background: var(--neu-01) !important
            }

.categoryCard, .categoryCard--small {
    box-shadow: 0 0 1px rgba(26,24,23,.05),0 16px 24px rgba(26,24,23,.05);
    transition: all .15s ease-in-out;
    background: var(--neu-01);
    border-radius: 2px;
    transform: translateY(0);
    transition: all .25s cubic-bezier(.38,.01,.23,.99);
    background: var(--m-01--dark-01);
    margin: 0 auto;
    width: 100%;
    min-height: 290px;
    display: flex;
    flex-direction: column;
    overflow: hidden
}

    .categoryCard--small:hover, .categoryCard:hover {
        box-shadow: 0 0 1px rgba(26,24,23,.05),0 2px 4px rgba(26,24,23,.1);
        transform: translateY(3px)
    }

@media (max-width:768px) {
    .categoryCard--small:hover, .categoryCard:hover {
        box-shadow: 0 0 1px rgba(26,24,23,.05),0 16px 24px rgba(26,24,23,.05);
        transform: none
    }
}

.categoryCard--small .cardBg, .categoryCard .cardBg {
    position: relative;
    transition: all .25s cubic-bezier(.38,.01,.23,.99);
    position: absolute !important;
    width: 100%;
    height: 100%
}

    .categoryCard--small .cardBg:before, .categoryCard .cardBg:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background: var(--neu-10);
        opacity: .6;
        z-index: 1
    }

    .categoryCard--small .cardBg:after, .categoryCard--small .cardBg:before, .categoryCard .cardBg:after, .categoryCard .cardBg:before {
        transition: all .15s ease-in-out
    }

.categoryCard--small:hover, .categoryCard:hover {
    transform: scale(.95)
}

@media (max-width:768px) {
    .categoryCard--small:hover, .categoryCard:hover {
        transform: none
    }
}

.categoryCard--small:hover .cardBg, .categoryCard:hover .cardBg {
    position: relative;
    transform: scale(1.2)
}

    .categoryCard--small:hover .cardBg:before, .categoryCard:hover .cardBg:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background: var(--neu-10);
        opacity: .7;
        z-index: 1
    }

@media (max-width:768px) {
    .categoryCard--small:hover .cardBg, .categoryCard:hover .cardBg {
        position: relative;
        transform: none
    }

        .categoryCard--small:hover .cardBg:before, .categoryCard:hover .cardBg:before {
            content: "";
            position: absolute;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            background: var(--neu-10);
            opacity: .6;
            z-index: 1
        }
}

.categoryCard__image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.categoryCard__content {
    color: var(--neu-01);
    padding: 24px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 16px;
    flex: 1;
    z-index: 2
}

.categoryCard__title {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Calma Global Medium,sans-serif;
    font-size: 2.5rem;
    line-height: 1.2em;
    letter-spacing: -.025em;
    margin-top: 8px;
    max-width: 600px;
    text-align: center
}

    .categoryCard__title .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .categoryCard__title .link a:hover {
            color: var(--m-01)
        }

    .categoryCard__title mark, .categoryCard__title mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .categoryCard__title mark[data-color=gray] {
            color: var(--neu-07)
        }

        .categoryCard__title mark[data-color=default] {
            color: var(--neu-10)
        }

    .categoryCard__title span.m-01--dark-01, .categoryCard__title span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .categoryCard__title span.neu-07, .categoryCard__title span[data-color=gray] {
        color: var(--neu-07)
    }

    .categoryCard__title span.neu-10, .categoryCard__title span[data-color=default] {
        color: var(--neu-10)
    }

    .categoryCard__title b, .categoryCard__title strong {
        font-weight: 700
    }

    .categoryCard__title em {
        font-style: italic
    }

@media (max-width:1024px) {
    .categoryCard__title {
        font-size: 2rem;
        line-height: 1.25em;
        letter-spacing: -.016em
    }
}

.categoryCard--small {
    min-height: 240px;
    max-width: 960px
}

    .categoryCard--small .categoryCard__content {
        padding: 32px
    }

    .categoryCard--small .categoryCard__title {
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-stretch: normal;
        letter-spacing: normal;
        font-family: Calma Global Medium,sans-serif;
        font-size: 2rem;
        line-height: 1.25em;
        letter-spacing: -.016em
    }

        .categoryCard--small .categoryCard__title .link a {
            transition: all .1s ease;
            text-decoration: underline;
            color: var(--m-01--dark-01)
        }

            .categoryCard--small .categoryCard__title .link a:hover {
                color: var(--m-01)
            }

        .categoryCard--small .categoryCard__title mark, .categoryCard--small .categoryCard__title mark[data-color=color] {
            color: var(--m-01--dark-01)
        }

            .categoryCard--small .categoryCard__title mark[data-color=gray] {
                color: var(--neu-07)
            }

            .categoryCard--small .categoryCard__title mark[data-color=default] {
                color: var(--neu-10)
            }

        .categoryCard--small .categoryCard__title span.m-01--dark-01, .categoryCard--small .categoryCard__title span[data-color=color] {
            color: var(--m-01--dark-01)
        }

        .categoryCard--small .categoryCard__title span.neu-07, .categoryCard--small .categoryCard__title span[data-color=gray] {
            color: var(--neu-07)
        }

        .categoryCard--small .categoryCard__title span.neu-10, .categoryCard--small .categoryCard__title span[data-color=default] {
            color: var(--neu-10)
        }

        .categoryCard--small .categoryCard__title b, .categoryCard--small .categoryCard__title strong {
            font-weight: 700
        }

        .categoryCard--small .categoryCard__title em {
            font-style: italic
        }

@media (max-width:1024px) {
    .categoryCard--small .categoryCard__title {
        font-size: 1.625rem;
        line-height: 1.231em;
        letter-spacing: 0
    }
}

.categoryCard__btnContainer {
    display: flex;
    justify-content: flex-end
}

    .categoryCard__btnContainer .btn, .categoryCard__btnContainer .btn--icon, .categoryCard__btnContainer .btn--primary, .categoryCard__btnContainer .btn--primary--dark, .categoryCard__btnContainer .btn--secondary, .categoryCard__btnContainer .btn--small, .categoryCard__btnContainer .btn--tertiary {
        color: var(--neu-01) !important
    }

        .categoryCard__btnContainer .btn--icon p:before, .categoryCard__btnContainer .btn--primary--dark p:before, .categoryCard__btnContainer .btn--primary p:before, .categoryCard__btnContainer .btn--secondary p:before, .categoryCard__btnContainer .btn--small p:before, .categoryCard__btnContainer .btn--tertiary p:before, .categoryCard__btnContainer .btn p:before {
            background: var(--neu-01) !important
        }

        .categoryCard__btnContainer .btn--icon:hover, .categoryCard__btnContainer .btn--primary--dark:hover, .categoryCard__btnContainer .btn--primary:hover, .categoryCard__btnContainer .btn--secondary:hover, .categoryCard__btnContainer .btn--small:hover, .categoryCard__btnContainer .btn--tertiary:hover, .categoryCard__btnContainer .btn:hover {
            opacity: .7;
            color: var(--neu-01) !important
        }

            .categoryCard__btnContainer .btn--icon:hover p:before, .categoryCard__btnContainer .btn--primary--dark:hover p:before, .categoryCard__btnContainer .btn--primary:hover p:before, .categoryCard__btnContainer .btn--secondary:hover p:before, .categoryCard__btnContainer .btn--small:hover p:before, .categoryCard__btnContainer .btn--tertiary:hover p:before, .categoryCard__btnContainer .btn:hover p:before {
                background: var(--neu-01) !important
            }

.chipsContainer {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px
}

.chip, .chip--simple {
    transition: all .1s ease;
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1rem;
    line-height: 1.5em;
    letter-spacing: -.011em;
    font-weight: 400;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4px;
    background-color: var(--m-01--light-03);
    color: var(--m-01--dark-02);
    padding: 2px 12px;
    border-radius: 24px;
    cursor: default
}

    .chip--simple .link a, .chip .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .chip--simple .link a:hover, .chip .link a:hover {
            color: var(--m-01)
        }

    .chip--simple mark, .chip--simple mark[data-color=color], .chip mark, .chip mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .chip--simple mark[data-color=gray], .chip mark[data-color=gray] {
            color: var(--neu-07)
        }

        .chip--simple mark[data-color=default], .chip mark[data-color=default] {
            color: var(--neu-10)
        }

    .chip--simple span.m-01--dark-01, .chip--simple span[data-color=color], .chip span.m-01--dark-01, .chip span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .chip--simple span.neu-07, .chip--simple span[data-color=gray], .chip span.neu-07, .chip span[data-color=gray] {
        color: var(--neu-07)
    }

    .chip--simple span.neu-10, .chip--simple span[data-color=default], .chip span.neu-10, .chip span[data-color=default] {
        color: var(--neu-10)
    }

    .chip--simple b, .chip--simple strong, .chip b, .chip strong {
        font-weight: 700
    }

    .chip--simple em, .chip em {
        font-style: italic
    }

    .chip--simple:hover, .chip:hover {
        background-color: var(--m-01);
        color: var(--neu-01)
    }

    .chip--simple i, .chip i {
        min-width: 16px;
        width: 16px;
        height: 16px;
        font-size: 16px;
        cursor: pointer
    }

        .chip--simple i:before, .chip i:before {
            font-size: 16px;
            font-weight: 400
        }

.chip--simple {
    pointer-events: none
}

.chip--flag {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1rem;
    line-height: 1.5em;
    letter-spacing: -.011em;
    font-weight: 400;
    color: var(--neu-10);
    display: flex;
    align-items: center;
    gap: 8px
}

    .chip--flag .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .chip--flag .link a:hover {
            color: var(--m-01)
        }

    .chip--flag mark, .chip--flag mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .chip--flag mark[data-color=gray] {
            color: var(--neu-07)
        }

        .chip--flag mark[data-color=default] {
            color: var(--neu-10)
        }

    .chip--flag span.m-01--dark-01, .chip--flag span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .chip--flag span.neu-07, .chip--flag span[data-color=gray] {
        color: var(--neu-07)
    }

    .chip--flag span.neu-10, .chip--flag span[data-color=default] {
        color: var(--neu-10)
    }

    .chip--flag b, .chip--flag strong {
        font-weight: 700
    }

    .chip--flag em {
        font-style: italic
    }

    .chip--flag figure {
        width: 26px;
        height: 26px;
        border-radius: 50%;
        overflow: hidden
    }

        .chip--flag figure img {
            -o-object-fit: cover;
            object-fit: cover;
            width: 100%;
            height: 100%
        }

.cookiesBar {
    position: fixed;
    transform: translateY(100%);
    width: 100%;
    transition: transform .8s cubic-bezier(.5,0,.05,1);
    bottom: 0;
    z-index: 90
}

.cookiesBar--show {
    transform: translateY(0)
}

.cookiesBar__innerContainer {
    min-height: 90px;
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 64px;
    padding-top: 32px;
    padding-bottom: 32px;
    display: grid;
    gap: 34px;
    grid-template-columns: minmax(200px,828px) 1fr 1fr
}

@media (max-width:1280px) {
    .cookiesBar__innerContainer {
        padding: 0 40px
    }
}

@media (max-width:1024px) {
    .cookiesBar__innerContainer {
        padding: 0 32px
    }
}

@media (max-width:768px) {
    .cookiesBar__innerContainer {
        padding: 0 24px
    }
}

@media (max-width:512px) {
    .cookiesBar__innerContainer {
        padding: 0 16px
    }
}

@media (max-width:1280px) {
    .cookiesBar__innerContainer {
        padding-top: 32px;
        padding-bottom: 32px
    }
}

@media (max-width:1024px) {
    .cookiesBar__innerContainer {
        padding-top: 32px;
        padding-bottom: 23px
    }
}

@media (max-width:768px) {
    .cookiesBar__innerContainer {
        grid-template-columns: 1fr;
        gap: 0
    }
}

.cookiesBar__content {
    display: flex;
    gap: 14px;
    align-items: center
}

@media (max-width:768px) {
    .cookiesBar__content {
        flex-direction: column;
        gap: 9px;
        align-items: flex-start
    }
}

.cookiesBar__text {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1rem;
    line-height: 1.5em;
    letter-spacing: -.011em;
    font-weight: 400
}

    .cookiesBar__text .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .cookiesBar__text .link a:hover {
            color: var(--m-01)
        }

    .cookiesBar__text mark, .cookiesBar__text mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .cookiesBar__text mark[data-color=gray] {
            color: var(--neu-07)
        }

        .cookiesBar__text mark[data-color=default] {
            color: var(--neu-10)
        }

    .cookiesBar__text span.m-01--dark-01, .cookiesBar__text span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .cookiesBar__text span.neu-07, .cookiesBar__text span[data-color=gray] {
        color: var(--neu-07)
    }

    .cookiesBar__text span.neu-10, .cookiesBar__text span[data-color=default] {
        color: var(--neu-10)
    }

    .cookiesBar__text b, .cookiesBar__text strong {
        font-weight: 700
    }

    .cookiesBar__text em {
        font-style: italic
    }

.cookiesBar__icon:before {
    font-size: 24px
}

.cookiesBar__closeButton {
    align-self: center;
    padding-left: 31px;
    cursor: pointer
}

@media (max-width:768px) {
    .cookiesBar__closeButton {
        justify-self: flex-end
    }
}

.cookiesBar__closeButton:before {
    font-size: 18px
}

@media (max-width:768px) {
    .cookiesBar__closeButton:before {
        font-size: 24px
    }
}

.cookiesBar__closeButton:after {
    content: "";
    display: block;
    height: 27px;
    width: 1px;
    background-color: var(--neu-01);
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%)
}

@media (max-width:768px) {
    .cookiesBar__closeButton:after {
        display: none
    }
}

@media (max-width:768px) {
    .cookiesBar__closeButton {
        grid-row: 1;
        gap: 0;
        padding-left: 0
    }
}

.cookiesBar__links {
    justify-content: flex-end;
    display: flex;
    gap: 20px
}

@media (max-width:768px) {
    .cookiesBar__links {
        margin-top: 24px
    }
}

.countyCard, .countyCard--small {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1.188rem;
    line-height: 1.263em;
    letter-spacing: -.016em;
    font-weight: 700;
    box-shadow: 0 0 1px rgba(26,24,23,.05),0 16px 24px rgba(26,24,23,.05);
    transition: all .15s ease-in-out;
    border-radius: 2px;
    transform: translateY(0);
    background: var(--neu-01);
    margin: 0 auto;
    width: 100%;
    height: 144px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 24px;
    cursor: pointer
}

    .countyCard--small .link a, .countyCard .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .countyCard--small .link a:hover, .countyCard .link a:hover {
            color: var(--m-01)
        }

    .countyCard--small mark, .countyCard--small mark[data-color=color], .countyCard mark, .countyCard mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .countyCard--small mark[data-color=gray], .countyCard mark[data-color=gray] {
            color: var(--neu-07)
        }

        .countyCard--small mark[data-color=default], .countyCard mark[data-color=default] {
            color: var(--neu-10)
        }

    .countyCard--small span.m-01--dark-01, .countyCard--small span[data-color=color], .countyCard span.m-01--dark-01, .countyCard span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .countyCard--small span.neu-07, .countyCard--small span[data-color=gray], .countyCard span.neu-07, .countyCard span[data-color=gray] {
        color: var(--neu-07)
    }

    .countyCard--small span.neu-10, .countyCard--small span[data-color=default], .countyCard span.neu-10, .countyCard span[data-color=default] {
        color: var(--neu-10)
    }

    .countyCard--small b, .countyCard--small strong, .countyCard b, .countyCard strong {
        font-weight: 700
    }

    .countyCard--small em, .countyCard em {
        font-style: italic
    }

    .countyCard--small:hover, .countyCard:hover {
        box-shadow: 0 0 1px rgba(26,24,23,.05),0 2px 4px rgba(26,24,23,.1);
        transform: translateY(3px)
    }

@media (max-width:768px) {
    .countyCard--small:hover, .countyCard:hover {
        box-shadow: 0 0 1px rgba(26,24,23,.05),0 16px 24px rgba(26,24,23,.05);
        transform: none
    }
}

.countyCard--small p, .countyCard p {
    color: var(--neu-10) !important
}

.countyCard--small {
    max-width: 960px;
    height: 100%;
    min-height: 80px
}

    .countyCard--small:hover p, .countyCard:hover p {
        color: var(--m-01--dark-01) !important
    }

.demandCard, .demandCard--small {
    box-shadow: 0 0 1px rgba(26,24,23,.05),0 2px 4px rgba(26,24,23,.1);
    width: 100%;
    min-height: 366px;
    margin: 0 auto;
    border-radius: 2px;
    background: var(--neu-01);
    padding: 24px 24px 16px;
    justify-content: space-between;
    overflow: hidden
}

.demandCard, .demandCard--small, .demandCard__content {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.demandCard__topInfo {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    gap: 16px;
    min-height: 24px
}

.demandCard__date {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: .688rem;
    line-height: 1.455em;
    letter-spacing: .005em;
    font-weight: 400;
    color: var(--neu-10);
    display: flex;
    align-items: center;
    gap: 8px
}

    .demandCard__date .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .demandCard__date .link a:hover {
            color: var(--m-01)
        }

    .demandCard__date mark, .demandCard__date mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .demandCard__date mark[data-color=gray] {
            color: var(--neu-07)
        }

        .demandCard__date mark[data-color=default] {
            color: var(--neu-10)
        }

    .demandCard__date span.m-01--dark-01, .demandCard__date span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .demandCard__date span.neu-07, .demandCard__date span[data-color=gray] {
        color: var(--neu-07)
    }

    .demandCard__date span.neu-10, .demandCard__date span[data-color=default] {
        color: var(--neu-10)
    }

    .demandCard__date b, .demandCard__date strong {
        font-weight: 700
    }

    .demandCard__date em {
        font-style: italic
    }

    .demandCard__date i {
        min-width: 16px;
        width: 16px;
        height: 16px;
        font-size: 16px
    }

        .demandCard__date i:before {
            font-size: 16px;
            font-weight: 400
        }

.demandCard__date--deadline {
    color: var(--m-01--dark-01)
}

.demandCard__date--inactive {
    color: var(--neu-07)
}

    .demandCard__date--inactive span {
        text-decoration: line-through;
        -webkit-text-decoration-color: var(--neu-07);
        text-decoration-color: var(--neu-07)
    }

.demandCard__notification {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: .688rem;
    line-height: 1.455em;
    letter-spacing: .005em;
    font-weight: 400;
    color: var(--add-02--dark-02);
    display: flex;
    align-items: center;
    gap: 8px;
    transform: translateX(8px);
    text-align: right
}

    .demandCard__notification .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .demandCard__notification .link a:hover {
            color: var(--m-01)
        }

    .demandCard__notification mark, .demandCard__notification mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .demandCard__notification mark[data-color=gray] {
            color: var(--neu-07)
        }

        .demandCard__notification mark[data-color=default] {
            color: var(--neu-10)
        }

    .demandCard__notification span.m-01--dark-01, .demandCard__notification span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .demandCard__notification span.neu-07, .demandCard__notification span[data-color=gray] {
        color: var(--neu-07)
    }

    .demandCard__notification span.neu-10, .demandCard__notification span[data-color=default] {
        color: var(--neu-10)
    }

    .demandCard__notification b, .demandCard__notification strong {
        font-weight: 700
    }

    .demandCard__notification em {
        font-style: italic
    }

.demandCard__notification-number {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: .688rem;
    line-height: 1.455em;
    letter-spacing: .005em;
    font-weight: 700;
    box-shadow: 0 0 1px rgba(26,24,23,.05),0 2px 4px rgba(26,24,23,.1);
    min-width: 24px;
    height: 24px;
    background-color: var(--add-02--dark-02);
    border: 1px solid var(--neu-01);
    color: var(--neu-01);
    border-radius: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 7px
}

    .demandCard__notification-number .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .demandCard__notification-number .link a:hover {
            color: var(--m-01)
        }

    .demandCard__notification-number mark, .demandCard__notification-number mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .demandCard__notification-number mark[data-color=gray] {
            color: var(--neu-07)
        }

        .demandCard__notification-number mark[data-color=default] {
            color: var(--neu-10)
        }

    .demandCard__notification-number span.m-01--dark-01, .demandCard__notification-number span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .demandCard__notification-number span.neu-07, .demandCard__notification-number span[data-color=gray] {
        color: var(--neu-07)
    }

    .demandCard__notification-number span.neu-10, .demandCard__notification-number span[data-color=default] {
        color: var(--neu-10)
    }

    .demandCard__notification-number b, .demandCard__notification-number strong {
        font-weight: 700
    }

    .demandCard__notification-number em {
        font-style: italic
    }

.demandCard__text {
    width: 100%;
    max-width: 400px;
    display: flex;
    flex-direction: column;
    gap: 8px
}

.demandCard__title {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1.438rem;
    line-height: 1.391em;
    letter-spacing: -.019em;
    font-weight: 400;
    font-weight: 700;
    color: var(--neu-10)
}

    .demandCard__title .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .demandCard__title .link a:hover {
            color: var(--m-01)
        }

    .demandCard__title mark, .demandCard__title mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .demandCard__title mark[data-color=gray] {
            color: var(--neu-07)
        }

        .demandCard__title mark[data-color=default] {
            color: var(--neu-10)
        }

    .demandCard__title span.m-01--dark-01, .demandCard__title span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .demandCard__title span.neu-07, .demandCard__title span[data-color=gray] {
        color: var(--neu-07)
    }

    .demandCard__title span.neu-10, .demandCard__title span[data-color=default] {
        color: var(--neu-10)
    }

    .demandCard__title b, .demandCard__title strong {
        font-weight: 700
    }

    .demandCard__title em {
        font-style: italic
    }

@media (max-width:1024px) {
    .demandCard__title {
        font-size: 1.188rem;
        line-height: 1.263em;
        letter-spacing: -.016em
    }
}

.demandCard__reference {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: .688rem;
    line-height: 1.455em;
    letter-spacing: .005em;
    font-weight: 400;
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap
}

    .demandCard__reference .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .demandCard__reference .link a:hover {
            color: var(--m-01)
        }

    .demandCard__reference mark, .demandCard__reference mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .demandCard__reference mark[data-color=gray] {
            color: var(--neu-07)
        }

        .demandCard__reference mark[data-color=default] {
            color: var(--neu-10)
        }

    .demandCard__reference span.m-01--dark-01, .demandCard__reference span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .demandCard__reference span.neu-07, .demandCard__reference span[data-color=gray] {
        color: var(--neu-07)
    }

    .demandCard__reference span.neu-10, .demandCard__reference span[data-color=default] {
        color: var(--neu-10)
    }

    .demandCard__reference b, .demandCard__reference strong {
        font-weight: 700
    }

    .demandCard__reference em {
        font-style: italic
    }

    .demandCard__reference strong {
        font-weight: 700;
        color: var(--m-01--dark-01);
        text-transform: uppercase
    }

.demandCard__description {
    /*! autoprefixer: off */ -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -moz-line-clamp: 3;
    -ms-line-clamp: 3;
    line-clamp: 3;
    overflow: hidden;
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: .813rem;
    line-height: 1.538em;
    letter-spacing: -.003em;
    font-weight: 400;
    margin-top: 16px
}

    .demandCard__description .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .demandCard__description .link a:hover {
            color: var(--m-01)
        }

    .demandCard__description mark, .demandCard__description mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .demandCard__description mark[data-color=gray] {
            color: var(--neu-07)
        }

        .demandCard__description mark[data-color=default] {
            color: var(--neu-10)
        }

    .demandCard__description span.m-01--dark-01, .demandCard__description span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .demandCard__description span.neu-07, .demandCard__description span[data-color=gray] {
        color: var(--neu-07)
    }

    .demandCard__description span.neu-10, .demandCard__description span[data-color=default] {
        color: var(--neu-10)
    }

    .demandCard__description b, .demandCard__description strong {
        font-weight: 700
    }

    .demandCard__description em {
        font-style: italic
    }

.demandCard__bottomInfo {
    width: 100%;
    border-top: 1px solid var(--neu-03);
    padding-top: 16px
}

.demandCard__buttons {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 16px
}

    .demandCard__buttons .formFields__toggle {
        margin-bottom: 0
    }

.demandCard--small {
    max-width: 960px;
    padding: 16px;
    min-height: 324px
}

    .demandCard--small .demandCard__content {
        gap: 8px
    }

    .demandCard--small .demandCard__notification-text {
        display: none
    }

    .demandCard--small .demandCard__description {
        margin-top: 8px
    }

.dialogueFilterBarWithSort {
    z-index: 80;
    padding-bottom: 8px;
    padding-top: 40px;
    background-color: var(--neu-01)
}

@media (max-width:768px) {
    .dialogueFilterBarWithSort {
        padding-bottom: 24px;
        padding-top: 32px;
        position: sticky;
        top: 80px
    }
}

@media (max-width:768px) {
    .dialogueFilterBarWithSort.sticky {
        padding-top: 16px;
        padding-bottom: 16px
    }

        .dialogueFilterBarWithSort.sticky .formFields__inputContainer, .dialogueFilterBarWithSort.sticky .formFields__placeholderContainer {
            height: 40px
        }

            .dialogueFilterBarWithSort.sticky .formFields__inputContainer:before, .dialogueFilterBarWithSort.sticky .formFields__placeholderContainer:before {
                top: 39px
            }

            .dialogueFilterBarWithSort.sticky .formFields__inputContainer.open {
                height: auto
            }

        .dialogueFilterBarWithSort.sticky .formFields__dropdownContainer {
            height: 40px
        }

        .dialogueFilterBarWithSort.sticky .formFields__dropdownContainer--open {
            height: auto;
            max-height: 214px
        }

        .dialogueFilterBarWithSort.sticky .formFields__selectButton {
            padding: 9px 32px 9px 16px;
            height: 38px
        }

        .dialogueFilterBarWithSort.sticky .formFields__autocompleteMultiselect .formFields__inputIcon--left, .dialogueFilterBarWithSort.sticky .formFields__dropdown .formFields__inputIcon--left, .dialogueFilterBarWithSort.sticky .formFields__dropdownAutocomplete .formFields__inputIcon--left, .dialogueFilterBarWithSort.sticky .formFields__dropdownMultiselect .formFields__inputIcon--left, .dialogueFilterBarWithSort.sticky .formFields__inputIcon, .formFields__autocompleteMultiselect .dialogueFilterBarWithSort.sticky .formFields__inputIcon--left, .formFields__dropdown .dialogueFilterBarWithSort.sticky .formFields__inputIcon--left, .formFields__dropdownAutocomplete .dialogueFilterBarWithSort.sticky .formFields__inputIcon--left, .formFields__dropdownMultiselect .dialogueFilterBarWithSort.sticky .formFields__inputIcon--left {
            top: 7px
        }

        .dialogueFilterBarWithSort.sticky .formFields__optionLabel, .dialogueFilterBarWithSort.sticky .formFields__selectButton {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Inter,sans-serif;
            font-size: .813rem;
            line-height: 1.538em;
            letter-spacing: -.003em;
            font-weight: 400
        }

            .dialogueFilterBarWithSort.sticky .formFields__optionLabel .link a, .dialogueFilterBarWithSort.sticky .formFields__selectButton .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .dialogueFilterBarWithSort.sticky .formFields__optionLabel .link a:hover, .dialogueFilterBarWithSort.sticky .formFields__selectButton .link a:hover {
                    color: var(--m-01)
                }

            .dialogueFilterBarWithSort.sticky .formFields__optionLabel mark, .dialogueFilterBarWithSort.sticky .formFields__optionLabel mark[data-color=color], .dialogueFilterBarWithSort.sticky .formFields__selectButton mark, .dialogueFilterBarWithSort.sticky .formFields__selectButton mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .dialogueFilterBarWithSort.sticky .formFields__optionLabel mark[data-color=gray], .dialogueFilterBarWithSort.sticky .formFields__selectButton mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .dialogueFilterBarWithSort.sticky .formFields__optionLabel mark[data-color=default], .dialogueFilterBarWithSort.sticky .formFields__selectButton mark[data-color=default] {
                    color: var(--neu-10)
                }

            .dialogueFilterBarWithSort.sticky .formFields__optionLabel span.m-01--dark-01, .dialogueFilterBarWithSort.sticky .formFields__optionLabel span[data-color=color], .dialogueFilterBarWithSort.sticky .formFields__selectButton span.m-01--dark-01, .dialogueFilterBarWithSort.sticky .formFields__selectButton span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .dialogueFilterBarWithSort.sticky .formFields__optionLabel span.neu-07, .dialogueFilterBarWithSort.sticky .formFields__optionLabel span[data-color=gray], .dialogueFilterBarWithSort.sticky .formFields__selectButton span.neu-07, .dialogueFilterBarWithSort.sticky .formFields__selectButton span[data-color=gray] {
                color: var(--neu-07)
            }

            .dialogueFilterBarWithSort.sticky .formFields__optionLabel span.neu-10, .dialogueFilterBarWithSort.sticky .formFields__optionLabel span[data-color=default], .dialogueFilterBarWithSort.sticky .formFields__selectButton span.neu-10, .dialogueFilterBarWithSort.sticky .formFields__selectButton span[data-color=default] {
                color: var(--neu-10)
            }

            .dialogueFilterBarWithSort.sticky .formFields__optionLabel b, .dialogueFilterBarWithSort.sticky .formFields__optionLabel strong, .dialogueFilterBarWithSort.sticky .formFields__selectButton b, .dialogueFilterBarWithSort.sticky .formFields__selectButton strong {
                font-weight: 700
            }

            .dialogueFilterBarWithSort.sticky .formFields__optionLabel em, .dialogueFilterBarWithSort.sticky .formFields__selectButton em {
                font-style: italic
            }

        .dialogueFilterBarWithSort.sticky:after {
            background-color: var(--neu-10);
            opacity: .09;
            bottom: 0;
            content: "";
            display: block;
            height: 1px;
            width: 100%;
            position: absolute;
            left: 0
        }

        .dialogueFilterBarWithSort.sticky .btnFilter {
            height: 40px !important
        }

        .dialogueFilterBarWithSort.sticky .dialogueFilterBarWithSort__title {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Inter,sans-serif;
            font-size: .688rem;
            line-height: 1.455em;
            letter-spacing: .005em;
            font-weight: 400
        }

            .dialogueFilterBarWithSort.sticky .dialogueFilterBarWithSort__title .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .dialogueFilterBarWithSort.sticky .dialogueFilterBarWithSort__title .link a:hover {
                    color: var(--m-01)
                }

            .dialogueFilterBarWithSort.sticky .dialogueFilterBarWithSort__title mark, .dialogueFilterBarWithSort.sticky .dialogueFilterBarWithSort__title mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .dialogueFilterBarWithSort.sticky .dialogueFilterBarWithSort__title mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .dialogueFilterBarWithSort.sticky .dialogueFilterBarWithSort__title mark[data-color=default] {
                    color: var(--neu-10)
                }

            .dialogueFilterBarWithSort.sticky .dialogueFilterBarWithSort__title span.m-01--dark-01, .dialogueFilterBarWithSort.sticky .dialogueFilterBarWithSort__title span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .dialogueFilterBarWithSort.sticky .dialogueFilterBarWithSort__title span.neu-07, .dialogueFilterBarWithSort.sticky .dialogueFilterBarWithSort__title span[data-color=gray] {
                color: var(--neu-07)
            }

            .dialogueFilterBarWithSort.sticky .dialogueFilterBarWithSort__title span.neu-10, .dialogueFilterBarWithSort.sticky .dialogueFilterBarWithSort__title span[data-color=default] {
                color: var(--neu-10)
            }

            .dialogueFilterBarWithSort.sticky .dialogueFilterBarWithSort__title b, .dialogueFilterBarWithSort.sticky .dialogueFilterBarWithSort__title strong {
                font-weight: 700
            }

            .dialogueFilterBarWithSort.sticky .dialogueFilterBarWithSort__title em {
                font-style: italic
            }

        .dialogueFilterBarWithSort.sticky .dialogueFilterBarWithSort__innerContainer {
            padding-top: 10px
        }
}

.dialogueFilterBarWithSort .btnFilter {
    height: 48px !important;
    width: auto !important
}

.dialogueFilterBarWithSort__closeButton {
    position: absolute;
    right: 0;
    top: -10px;
    cursor: pointer
}

    .dialogueFilterBarWithSort__closeButton i:before {
        font-size: 18px
    }

.dialogueFilterBarWithSort__title {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1.75rem;
    line-height: 1.429em;
    letter-spacing: -.021em;
    font-weight: 400
}

    .dialogueFilterBarWithSort__title .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .dialogueFilterBarWithSort__title .link a:hover {
            color: var(--m-01)
        }

    .dialogueFilterBarWithSort__title mark, .dialogueFilterBarWithSort__title mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .dialogueFilterBarWithSort__title mark[data-color=gray] {
            color: var(--neu-07)
        }

        .dialogueFilterBarWithSort__title mark[data-color=default] {
            color: var(--neu-10)
        }

    .dialogueFilterBarWithSort__title span.m-01--dark-01, .dialogueFilterBarWithSort__title span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .dialogueFilterBarWithSort__title span.neu-07, .dialogueFilterBarWithSort__title span[data-color=gray] {
        color: var(--neu-07)
    }

    .dialogueFilterBarWithSort__title span.neu-10, .dialogueFilterBarWithSort__title span[data-color=default] {
        color: var(--neu-10)
    }

    .dialogueFilterBarWithSort__title b, .dialogueFilterBarWithSort__title strong {
        font-weight: 700
    }

    .dialogueFilterBarWithSort__title em {
        font-style: italic
    }

@media (max-width:1024px) {
    .dialogueFilterBarWithSort__title {
        font-size: 1.438rem;
        line-height: 1.391em;
        letter-spacing: -.019em
    }
}

.dialogueFilterBarWithSort__title span {
    color: var(--m-01)
}

.dialogueFilterBarWithSort__innerContainer {
    display: flex;
    justify-content: space-between;
    padding-top: 24px;
    flex-shrink: 0
}

@media (max-width:768px) {
    .dialogueFilterBarWithSort__innerContainer {
        gap: 16px
    }
}

.dialogueFilterBarWithSort__form {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px;
    width: 100%;
    justify-content: flex-end
}

.dialogueFilterBarWithSort__label {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: .813rem;
    line-height: 1.538em;
    letter-spacing: -.003em;
    font-weight: 400;
    white-space: nowrap
}

    .dialogueFilterBarWithSort__label .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .dialogueFilterBarWithSort__label .link a:hover {
            color: var(--m-01)
        }

    .dialogueFilterBarWithSort__label mark, .dialogueFilterBarWithSort__label mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .dialogueFilterBarWithSort__label mark[data-color=gray] {
            color: var(--neu-07)
        }

        .dialogueFilterBarWithSort__label mark[data-color=default] {
            color: var(--neu-10)
        }

    .dialogueFilterBarWithSort__label span.m-01--dark-01, .dialogueFilterBarWithSort__label span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .dialogueFilterBarWithSort__label span.neu-07, .dialogueFilterBarWithSort__label span[data-color=gray] {
        color: var(--neu-07)
    }

    .dialogueFilterBarWithSort__label span.neu-10, .dialogueFilterBarWithSort__label span[data-color=default] {
        color: var(--neu-10)
    }

    .dialogueFilterBarWithSort__label b, .dialogueFilterBarWithSort__label strong {
        font-weight: 700
    }

    .dialogueFilterBarWithSort__label em {
        font-style: italic
    }

@media (max-width:512px) {
    .dialogueFilterBarWithSort__label {
        display: none
    }
}

.dialogueFilterBarWithSort .formFields__inputWrapper {
    margin-bottom: 0
}

.dialogueFilterBarWithSort__inputs {
    width: 100%;
    max-width: 190px;
    min-width: 182px
}

@media (max-width:1024px) {
    .dialogueFilterBarWithSort__inputs {
        min-width: 0
    }
}

.dialogueFilterBarWithSort .formFields__inputContainer {
    position: absolute;
    width: 100%
}

.dialogueFilterBarWithSort__filterInfo {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: .813rem;
    line-height: 1.538em;
    letter-spacing: -.003em;
    font-weight: 400
}

    .dialogueFilterBarWithSort__filterInfo .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .dialogueFilterBarWithSort__filterInfo .link a:hover {
            color: var(--m-01)
        }

    .dialogueFilterBarWithSort__filterInfo mark, .dialogueFilterBarWithSort__filterInfo mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .dialogueFilterBarWithSort__filterInfo mark[data-color=gray] {
            color: var(--neu-07)
        }

        .dialogueFilterBarWithSort__filterInfo mark[data-color=default] {
            color: var(--neu-10)
        }

    .dialogueFilterBarWithSort__filterInfo span.m-01--dark-01, .dialogueFilterBarWithSort__filterInfo span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .dialogueFilterBarWithSort__filterInfo span.neu-07, .dialogueFilterBarWithSort__filterInfo span[data-color=gray] {
        color: var(--neu-07)
    }

    .dialogueFilterBarWithSort__filterInfo span.neu-10, .dialogueFilterBarWithSort__filterInfo span[data-color=default] {
        color: var(--neu-10)
    }

    .dialogueFilterBarWithSort__filterInfo b, .dialogueFilterBarWithSort__filterInfo strong {
        font-weight: 700
    }

    .dialogueFilterBarWithSort__filterInfo em {
        font-style: italic
    }

    .dialogueFilterBarWithSort__filterInfo span {
        color: var(--m-01--dark-01)
    }

@media (max-width:1024px) {
    .dialogueFilterBarWithSort__filterInfo {
        display: none
    }
}

.dialogueFilterBarWithSortModal {
    display: none;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 90;
    overflow: hidden;
    position: relative
}

    .dialogueFilterBarWithSortModal:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background: var(--neu-10);
        opacity: .6;
        z-index: 1
    }

.dialogueFilterBarWithSortModal__innerContainer {
    height: 90%;
    width: 640px;
    z-index: 1;
    overflow: hidden;
    margin: 0 16px
}

@media (max-width:512px) {
    .dialogueFilterBarWithSortModal__innerContainer {
        margin: 0;
        height: 100%;
        width: 100%
    }
}

.dialogueFilterBarWithSortModal.show {
    display: flex;
    position: fixed;
    justify-content: center;
    align-items: center
}

.dialogueFilterBarWithSortModal header {
    display: flex;
    margin: 40px 40px 0;
    justify-content: space-between
}

@media (max-width:512px) {
    .dialogueFilterBarWithSortModal header {
        margin: 24px 20px 0
    }
}

.dialogueFilterBarWithSortModal__leftContainer {
    display: flex;
    align-items: center;
    gap: 8px
}

.dialogueFilterBarWithSortModal__title {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1.438rem;
    line-height: 1.391em;
    letter-spacing: -.019em;
    font-weight: 400
}

    .dialogueFilterBarWithSortModal__title .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .dialogueFilterBarWithSortModal__title .link a:hover {
            color: var(--m-01)
        }

    .dialogueFilterBarWithSortModal__title mark, .dialogueFilterBarWithSortModal__title mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .dialogueFilterBarWithSortModal__title mark[data-color=gray] {
            color: var(--neu-07)
        }

        .dialogueFilterBarWithSortModal__title mark[data-color=default] {
            color: var(--neu-10)
        }

    .dialogueFilterBarWithSortModal__title span.m-01--dark-01, .dialogueFilterBarWithSortModal__title span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .dialogueFilterBarWithSortModal__title span.neu-07, .dialogueFilterBarWithSortModal__title span[data-color=gray] {
        color: var(--neu-07)
    }

    .dialogueFilterBarWithSortModal__title span.neu-10, .dialogueFilterBarWithSortModal__title span[data-color=default] {
        color: var(--neu-10)
    }

    .dialogueFilterBarWithSortModal__title b, .dialogueFilterBarWithSortModal__title strong {
        font-weight: 700
    }

    .dialogueFilterBarWithSortModal__title em {
        font-style: italic
    }

@media (max-width:1024px) {
    .dialogueFilterBarWithSortModal__title {
        font-size: 1.188rem;
        line-height: 1.263em;
        letter-spacing: -.016em
    }
}

.dialogueFilterBarWithSortModal__mobileIcon:before {
    font-size: 24px
}

.dialogueFilterBarWithSortModal__closeButton {
    top: -10px;
    cursor: pointer
}

    .dialogueFilterBarWithSortModal__closeButton i:before {
        font-size: 18px
    }

.dialogueFilterBarWithSortModal__line--header {
    margin: 22px 40px 0
}

@media (max-width:512px) {
    .dialogueFilterBarWithSortModal__line--header {
        margin: 16px 0 0
    }
}

.dialogueFilterBarWithSortModal__line--footer {
    margin: 0 40px
}

@media (max-width:512px) {
    .dialogueFilterBarWithSortModal__line--footer {
        margin: 0
    }
}

@media (max-width:512px) {
    .dialogueFilterBarWithSortModal__line {
        width: 100%
    }
}

.dialogueFilterBarWithSortModal__form {
    height: calc(100% - 103px)
}

@media (max-width:512px) {
    .dialogueFilterBarWithSortModal__form {
        height: calc(100% - 81px)
    }
}

.dialogueFilterBarWithSortModal .formFields__formWrapper {
    height: inherit;
    overflow: hidden;
    overflow-y: overlay;
    padding: 26px 40px 0;
    margin-bottom: 103px
}

@media (max-width:512px) {
    .dialogueFilterBarWithSortModal .formFields__formWrapper {
        padding: 26px 16px 0
    }
}

.dialogueFilterBarWithSortModal__filterBottom {
    position: absolute;
    bottom: 0;
    width: 100%
}

.dialogueFilterBarWithSortModal .formFields__btnContainer {
    margin: 0;
    justify-content: flex-end;
    display: flex;
    height: 104px;
    width: 100%;
    padding: 0 40px;
    background-color: var(--neu-01)
}

@media (max-width:1024px) {
    .dialogueFilterBarWithSortModal .formFields__btnContainer {
        padding: 0 40px
    }
}

@media (max-width:512px) {
    .dialogueFilterBarWithSortModal .formFields__btnContainer {
        height: 98px;
        justify-content: space-between;
        padding: 16px 16px 24px;
        flex-direction: row
    }
}

@media (max-width:512px) and (max-width:512px) {
    .dialogueFilterBarWithSortModal .formFields__btnContainer {
        gap: 16px
    }
}

@media (max-width:512px) {
    .dialogueFilterBarWithSortModal .formFields__btnContainer button {
        margin-bottom: 0
    }

        .dialogueFilterBarWithSortModal .formFields__btnContainer button.btn--secondary {
            width: auto
        }

        .dialogueFilterBarWithSortModal .formFields__btnContainer button:last-child {
            width: 100%
        }
}

.feedbackScreens {
    position: relative
}

.feedbackScreens__content {
    padding: 24px 0 48px;
    max-width: 640px;
    margin: 0 auto;
    text-align: center;
    grid-column: 5/9;
    display: flex;
    flex-direction: column;
    align-items: center
}

@media (max-width:1024px) {
    .feedbackScreens__content {
        grid-column: 2/6
    }
}

@media (max-width:768px) {
    .feedbackScreens__content {
        grid-column: 1/7
    }
}

.feedbackScreens__icon {
    min-width: 64px;
    width: 64px;
    height: 64px;
    font-size: 64px
}

    .feedbackScreens__icon:before {
        font-size: 64px;
        font-weight: 400
    }

.feedbackScreens__profile {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--m-01--dark-01);
    gap: 4px
}

    .feedbackScreens__profile img {
        width: 100%;
        height: 100%;
        border-radius: 50%;
        -o-object-fit: cover;
        object-fit: cover;
        overflow: hidden
    }

    .feedbackScreens__profile:after, .feedbackScreens__profile:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        border-radius: inherit;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 1;
        animation: 1s 1.2s ease both
    }

    .feedbackScreens__profile:before {
        background-color: var(--add-03--dark-01);
        animation-name: l
    }

    .feedbackScreens__profile:after {
        content: "\e90c";
        font-family: aicep-base-icons !important;
        color: var(--neu-01);
        font-size: 48px;
        animation-name: m
    }

@keyframes l {
    0% {
        opacity: 0;
        transform: scale(0)
    }

    30% {
        opacity: 1
    }

    40% {
        opacity: 1;
        transform: scale(1.3)
    }

    60% {
        opacity: .5;
        transform: scale(.9)
    }

    90% {
        opacity: .9;
        transform: scale(1.03)
    }

    to {
        opacity: .9;
        transform: scale(1)
    }
}

@keyframes m {
    0% {
        opacity: 0;
        transform: scale(0)
    }

    30% {
        opacity: 1
    }

    40% {
        opacity: 1;
        transform: scale(1.3)
    }

    60% {
        transform: scale(.9)
    }

    90% {
        transform: scale(1.03)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

.feedbackScreens__profileLetter {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 3rem;
    line-height: 1.333em;
    letter-spacing: -.022em;
    font-weight: 700;
    color: var(--neu-01)
}

    .feedbackScreens__profileLetter .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .feedbackScreens__profileLetter .link a:hover {
            color: var(--m-01)
        }

    .feedbackScreens__profileLetter mark, .feedbackScreens__profileLetter mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .feedbackScreens__profileLetter mark[data-color=gray] {
            color: var(--neu-07)
        }

        .feedbackScreens__profileLetter mark[data-color=default] {
            color: var(--neu-10)
        }

    .feedbackScreens__profileLetter span.m-01--dark-01, .feedbackScreens__profileLetter span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .feedbackScreens__profileLetter span.neu-07, .feedbackScreens__profileLetter span[data-color=gray] {
        color: var(--neu-07)
    }

    .feedbackScreens__profileLetter span.neu-10, .feedbackScreens__profileLetter span[data-color=default] {
        color: var(--neu-10)
    }

    .feedbackScreens__profileLetter b, .feedbackScreens__profileLetter strong {
        font-weight: 700
    }

    .feedbackScreens__profileLetter em {
        font-style: italic
    }

@media (max-width:1024px) {
    .feedbackScreens__profileLetter {
        font-size: 2.5rem;
        line-height: 1.4em;
        letter-spacing: -.022em
    }
}

.feedbackScreens__title {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Calma Global Medium,sans-serif;
    font-size: 2.5rem;
    line-height: 1.2em;
    letter-spacing: -.025em;
    margin-top: 16px
}

    .feedbackScreens__title .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .feedbackScreens__title .link a:hover {
            color: var(--m-01)
        }

    .feedbackScreens__title mark, .feedbackScreens__title mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .feedbackScreens__title mark[data-color=gray] {
            color: var(--neu-07)
        }

        .feedbackScreens__title mark[data-color=default] {
            color: var(--neu-10)
        }

    .feedbackScreens__title span.m-01--dark-01, .feedbackScreens__title span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .feedbackScreens__title span.neu-07, .feedbackScreens__title span[data-color=gray] {
        color: var(--neu-07)
    }

    .feedbackScreens__title span.neu-10, .feedbackScreens__title span[data-color=default] {
        color: var(--neu-10)
    }

    .feedbackScreens__title b, .feedbackScreens__title strong {
        font-weight: 700
    }

    .feedbackScreens__title em {
        font-style: italic
    }

@media (max-width:1024px) {
    .feedbackScreens__title {
        font-size: 2rem;
        line-height: 1.25em;
        letter-spacing: -.016em
    }
}

.feedbackScreens__description {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1rem;
    line-height: 1.5em;
    letter-spacing: -.011em;
    font-weight: 400;
    margin-top: 16px
}

    .feedbackScreens__description .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .feedbackScreens__description .link a:hover {
            color: var(--m-01)
        }

    .feedbackScreens__description mark, .feedbackScreens__description mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .feedbackScreens__description mark[data-color=gray] {
            color: var(--neu-07)
        }

        .feedbackScreens__description mark[data-color=default] {
            color: var(--neu-10)
        }

    .feedbackScreens__description span.m-01--dark-01, .feedbackScreens__description span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .feedbackScreens__description span.neu-07, .feedbackScreens__description span[data-color=gray] {
        color: var(--neu-07)
    }

    .feedbackScreens__description span.neu-10, .feedbackScreens__description span[data-color=default] {
        color: var(--neu-10)
    }

    .feedbackScreens__description b, .feedbackScreens__description strong {
        font-weight: 700
    }

    .feedbackScreens__description em {
        font-style: italic
    }

.feedbackScreens__form {
    width: 100%;
    max-width: 304px;
    margin-top: 40px
}

@media (max-width:1024px) {
    .feedbackScreens__form {
        margin-top: 32px
    }
}

.feedbackScreens__form .formFields__inputWrapper {
    width: 100%;
    max-width: unset
}

.feedbackScreens .btnContainer {
    margin-top: 40px;
    width: 100%
}

.feedbackScreens[data-type=type1] .feedbackScreens__profile {
    display: none
}

.feedbackScreens[data-type=type2] .feedbackScreens__icon:before {
    color: var(--neu-03)
}

.feedbackScreens[data-type=type2] .feedbackScreens__icon:after {
    color: var(--neu-05)
}

.feedbackScreens[data-type=type2] .feedbackScreens__profile {
    display: none
}

.feedbackScreens[data-type=type2] .feedbackScreens__title {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Calma Global Medium,sans-serif;
    font-size: 2rem;
    line-height: 1.25em;
    letter-spacing: -.016em
}

    .feedbackScreens[data-type=type2] .feedbackScreens__title .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .feedbackScreens[data-type=type2] .feedbackScreens__title .link a:hover {
            color: var(--m-01)
        }

    .feedbackScreens[data-type=type2] .feedbackScreens__title mark, .feedbackScreens[data-type=type2] .feedbackScreens__title mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .feedbackScreens[data-type=type2] .feedbackScreens__title mark[data-color=gray] {
            color: var(--neu-07)
        }

        .feedbackScreens[data-type=type2] .feedbackScreens__title mark[data-color=default] {
            color: var(--neu-10)
        }

    .feedbackScreens[data-type=type2] .feedbackScreens__title span.m-01--dark-01, .feedbackScreens[data-type=type2] .feedbackScreens__title span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .feedbackScreens[data-type=type2] .feedbackScreens__title span.neu-07, .feedbackScreens[data-type=type2] .feedbackScreens__title span[data-color=gray] {
        color: var(--neu-07)
    }

    .feedbackScreens[data-type=type2] .feedbackScreens__title span.neu-10, .feedbackScreens[data-type=type2] .feedbackScreens__title span[data-color=default] {
        color: var(--neu-10)
    }

    .feedbackScreens[data-type=type2] .feedbackScreens__title b, .feedbackScreens[data-type=type2] .feedbackScreens__title strong {
        font-weight: 700
    }

    .feedbackScreens[data-type=type2] .feedbackScreens__title em {
        font-style: italic
    }

@media (max-width:1024px) {
    .feedbackScreens[data-type=type2] .feedbackScreens__title {
        font-size: 1.625rem;
        line-height: 1.231em;
        letter-spacing: 0
    }
}

.feedbackScreens[data-type=type3] .feedbackScreens__icon {
    display: none
}

.feedbackScreens[data-type=type3] .feedbackScreens__title {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Calma Global Medium,sans-serif;
    font-size: 3.5rem;
    line-height: 1.143em;
    letter-spacing: -.027em
}

    .feedbackScreens[data-type=type3] .feedbackScreens__title .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .feedbackScreens[data-type=type3] .feedbackScreens__title .link a:hover {
            color: var(--m-01)
        }

    .feedbackScreens[data-type=type3] .feedbackScreens__title mark, .feedbackScreens[data-type=type3] .feedbackScreens__title mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .feedbackScreens[data-type=type3] .feedbackScreens__title mark[data-color=gray] {
            color: var(--neu-07)
        }

        .feedbackScreens[data-type=type3] .feedbackScreens__title mark[data-color=default] {
            color: var(--neu-10)
        }

    .feedbackScreens[data-type=type3] .feedbackScreens__title span.m-01--dark-01, .feedbackScreens[data-type=type3] .feedbackScreens__title span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .feedbackScreens[data-type=type3] .feedbackScreens__title span.neu-07, .feedbackScreens[data-type=type3] .feedbackScreens__title span[data-color=gray] {
        color: var(--neu-07)
    }

    .feedbackScreens[data-type=type3] .feedbackScreens__title span.neu-10, .feedbackScreens[data-type=type3] .feedbackScreens__title span[data-color=default] {
        color: var(--neu-10)
    }

    .feedbackScreens[data-type=type3] .feedbackScreens__title b, .feedbackScreens[data-type=type3] .feedbackScreens__title strong {
        font-weight: 700
    }

    .feedbackScreens[data-type=type3] .feedbackScreens__title em {
        font-style: italic
    }

@media (max-width:1024px) {
    .feedbackScreens[data-type=type3] .feedbackScreens__title {
        font-size: 2.5rem;
        line-height: 1.2em;
        letter-spacing: -.025em
    }
}

.formFields__formWrapper {
    width: 100%;
    max-width: 640px;
    margin: 0 auto;
    display: flex;
    flex-direction: column
}

    .formFields__formWrapper.formSpacing {
        gap: 40px
    }

.formFields__formText {
    display: flex;
    flex-direction: column;
    gap: 24px
}

.formFields__secondaryText {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 16px
}

@media (max-width:768px) {
    .formFields__secondaryText {
        margin-bottom: 8px
    }
}

.formFields__formSection[data-divider=on] {
    padding-top: 32px
}

.formFields__doubleField {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 32px
}

@media (max-width:1280px) {
    .formFields__doubleField {
        gap: 24px
    }
}

@media (max-width:768px) {
    .formFields__doubleField {
        gap: 0;
        grid-template-columns: 1fr
    }
}

.formFields__tripleField {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 16px
}

@media (max-width:768px) {
    .formFields__tripleField {
        gap: 0;
        grid-template-columns: 1fr
    }
}

.formFields__formTitle {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 2.063rem;
    line-height: 1.455em;
    letter-spacing: -.022em;
    font-weight: 400
}

    .formFields__formTitle .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .formFields__formTitle .link a:hover {
            color: var(--m-01)
        }

    .formFields__formTitle mark, .formFields__formTitle mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .formFields__formTitle mark[data-color=gray] {
            color: var(--neu-07)
        }

        .formFields__formTitle mark[data-color=default] {
            color: var(--neu-10)
        }

    .formFields__formTitle span.m-01--dark-01, .formFields__formTitle span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .formFields__formTitle span.neu-07, .formFields__formTitle span[data-color=gray] {
        color: var(--neu-07)
    }

    .formFields__formTitle span.neu-10, .formFields__formTitle span[data-color=default] {
        color: var(--neu-10)
    }

    .formFields__formTitle b, .formFields__formTitle strong {
        font-weight: 700
    }

    .formFields__formTitle em {
        font-style: italic
    }

@media (max-width:1024px) {
    .formFields__formTitle {
        font-size: 1.75rem;
        line-height: 1.429em;
        letter-spacing: -.021em
    }
}

.formFields__formSecondaryTitle {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1.438rem;
    line-height: 1.391em;
    letter-spacing: -.019em;
    font-weight: 400;
    margin-bottom: 24px
}

    .formFields__formSecondaryTitle .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .formFields__formSecondaryTitle .link a:hover {
            color: var(--m-01)
        }

    .formFields__formSecondaryTitle mark, .formFields__formSecondaryTitle mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .formFields__formSecondaryTitle mark[data-color=gray] {
            color: var(--neu-07)
        }

        .formFields__formSecondaryTitle mark[data-color=default] {
            color: var(--neu-10)
        }

    .formFields__formSecondaryTitle span.m-01--dark-01, .formFields__formSecondaryTitle span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .formFields__formSecondaryTitle span.neu-07, .formFields__formSecondaryTitle span[data-color=gray] {
        color: var(--neu-07)
    }

    .formFields__formSecondaryTitle span.neu-10, .formFields__formSecondaryTitle span[data-color=default] {
        color: var(--neu-10)
    }

    .formFields__formSecondaryTitle b, .formFields__formSecondaryTitle strong {
        font-weight: 700
    }

    .formFields__formSecondaryTitle em {
        font-style: italic
    }

@media (max-width:1024px) {
    .formFields__formSecondaryTitle {
        font-size: 1.188rem;
        line-height: 1.263em;
        letter-spacing: -.016em
    }
}

.formFields__textBody {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1rem;
    line-height: 1.5em;
    letter-spacing: -.011em;
    font-weight: 400
}

    .formFields__textBody .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .formFields__textBody .link a:hover {
            color: var(--m-01)
        }

    .formFields__textBody mark, .formFields__textBody mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .formFields__textBody mark[data-color=gray] {
            color: var(--neu-07)
        }

        .formFields__textBody mark[data-color=default] {
            color: var(--neu-10)
        }

    .formFields__textBody span.m-01--dark-01, .formFields__textBody span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .formFields__textBody span.neu-07, .formFields__textBody span[data-color=gray] {
        color: var(--neu-07)
    }

    .formFields__textBody span.neu-10, .formFields__textBody span[data-color=default] {
        color: var(--neu-10)
    }

    .formFields__textBody b, .formFields__textBody strong {
        font-weight: 700
    }

    .formFields__textBody em {
        font-style: italic
    }

.formFields__textCaption {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: .688rem;
    line-height: 1.455em;
    letter-spacing: .005em;
    font-weight: 400
}

    .formFields__textCaption .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .formFields__textCaption .link a:hover {
            color: var(--m-01)
        }

    .formFields__textCaption mark, .formFields__textCaption mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .formFields__textCaption mark[data-color=gray] {
            color: var(--neu-07)
        }

        .formFields__textCaption mark[data-color=default] {
            color: var(--neu-10)
        }

    .formFields__textCaption span.m-01--dark-01, .formFields__textCaption span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .formFields__textCaption span.neu-07, .formFields__textCaption span[data-color=gray] {
        color: var(--neu-07)
    }

    .formFields__textCaption span.neu-10, .formFields__textCaption span[data-color=default] {
        color: var(--neu-10)
    }

    .formFields__textCaption b, .formFields__textCaption strong {
        font-weight: 700
    }

    .formFields__textCaption em {
        font-style: italic
    }

.formFields__legalMessage {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: .688rem;
    line-height: 1.455em;
    letter-spacing: .005em;
    font-weight: 400;
    color: var(--neu-07)
}

    .formFields__legalMessage .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .formFields__legalMessage .link a:hover {
            color: var(--m-01)
        }

    .formFields__legalMessage mark, .formFields__legalMessage mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .formFields__legalMessage mark[data-color=gray] {
            color: var(--neu-07)
        }

        .formFields__legalMessage mark[data-color=default] {
            color: var(--neu-10)
        }

    .formFields__legalMessage span.m-01--dark-01, .formFields__legalMessage span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .formFields__legalMessage span.neu-07, .formFields__legalMessage span[data-color=gray] {
        color: var(--neu-07)
    }

    .formFields__legalMessage span.neu-10, .formFields__legalMessage span[data-color=default] {
        color: var(--neu-10)
    }

    .formFields__legalMessage b, .formFields__legalMessage strong {
        font-weight: 700
    }

    .formFields__legalMessage em {
        font-style: italic
    }

.formFields__inputWrapper {
    margin-bottom: 16px
}

.formFields input, .formFields label, .formFields textarea {
    outline: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

    .formFields input:-webkit-autofill, .formFields input:-webkit-autofill:focus, .formFields input:-webkit-autofill:hover, .formFields textarea:-webkit-autofill, .formFields textarea:-webkit-autofill:focus, .formFields textarea:-webkit-autofill:hover {
        background: transparent !important;
        transition: background-color 5000s ease-in-out 0s
    }

    .formFields input[type=number] {
        background-color: transparent
    }

    .formFields__textField input[type=number], .formFields input[type=date], .formFields input[type=email], .formFields input[type=month], .formFields input[type=password], .formFields input[type=text], .formFields textarea {
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-stretch: normal;
        letter-spacing: normal;
        font-family: Inter,sans-serif;
        font-size: 1rem;
        line-height: 1.5em;
        letter-spacing: -.011em;
        font-weight: 400;
        width: 100%;
        color: var(--neu-10);
        padding: 11px 40px 11px 16px;
        border: solid 1px var(--neu-06);
        border-radius: 2px;
        background-color: transparent
    }

        .formFields__textField input[type=number] .link a, .formFields input[type=date] .link a, .formFields input[type=email] .link a, .formFields input[type=month] .link a, .formFields input[type=password] .link a, .formFields input[type=text] .link a, .formFields textarea .link a {
            transition: all .1s ease;
            text-decoration: underline;
            color: var(--m-01--dark-01)
        }

            .formFields__textField input[type=number] .link a:hover, .formFields input[type=date] .link a:hover, .formFields input[type=email] .link a:hover, .formFields input[type=month] .link a:hover, .formFields input[type=password] .link a:hover, .formFields input[type=text] .link a:hover, .formFields textarea .link a:hover {
                color: var(--m-01)
            }

        .formFields__textField input[type=number] mark, .formFields__textField input[type=number] mark[data-color=color], .formFields input[type=date] mark, .formFields input[type=date] mark[data-color=color], .formFields input[type=email] mark, .formFields input[type=email] mark[data-color=color], .formFields input[type=month] mark, .formFields input[type=month] mark[data-color=color], .formFields input[type=password] mark, .formFields input[type=password] mark[data-color=color], .formFields input[type=text] mark, .formFields input[type=text] mark[data-color=color], .formFields textarea mark, .formFields textarea mark[data-color=color] {
            color: var(--m-01--dark-01)
        }

            .formFields__textField input[type=number] mark[data-color=gray], .formFields input[type=date] mark[data-color=gray], .formFields input[type=email] mark[data-color=gray], .formFields input[type=month] mark[data-color=gray], .formFields input[type=password] mark[data-color=gray], .formFields input[type=text] mark[data-color=gray], .formFields textarea mark[data-color=gray] {
                color: var(--neu-07)
            }

            .formFields__textField input[type=number] mark[data-color=default], .formFields input[type=date] mark[data-color=default], .formFields input[type=email] mark[data-color=default], .formFields input[type=month] mark[data-color=default], .formFields input[type=password] mark[data-color=default], .formFields input[type=text] mark[data-color=default], .formFields textarea mark[data-color=default] {
                color: var(--neu-10)
            }

        .formFields__textField input[type=number] span.m-01--dark-01, .formFields__textField input[type=number] span[data-color=color], .formFields input[type=date] span.m-01--dark-01, .formFields input[type=date] span[data-color=color], .formFields input[type=email] span.m-01--dark-01, .formFields input[type=email] span[data-color=color], .formFields input[type=month] span.m-01--dark-01, .formFields input[type=month] span[data-color=color], .formFields input[type=password] span.m-01--dark-01, .formFields input[type=password] span[data-color=color], .formFields input[type=text] span.m-01--dark-01, .formFields input[type=text] span[data-color=color], .formFields textarea span.m-01--dark-01, .formFields textarea span[data-color=color] {
            color: var(--m-01--dark-01)
        }

        .formFields__textField input[type=number] span.neu-07, .formFields__textField input[type=number] span[data-color=gray], .formFields input[type=date] span.neu-07, .formFields input[type=date] span[data-color=gray], .formFields input[type=email] span.neu-07, .formFields input[type=email] span[data-color=gray], .formFields input[type=month] span.neu-07, .formFields input[type=month] span[data-color=gray], .formFields input[type=password] span.neu-07, .formFields input[type=password] span[data-color=gray], .formFields input[type=text] span.neu-07, .formFields input[type=text] span[data-color=gray], .formFields textarea span.neu-07, .formFields textarea span[data-color=gray] {
            color: var(--neu-07)
        }

        .formFields__textField input[type=number] span.neu-10, .formFields__textField input[type=number] span[data-color=default], .formFields input[type=date] span.neu-10, .formFields input[type=date] span[data-color=default], .formFields input[type=email] span.neu-10, .formFields input[type=email] span[data-color=default], .formFields input[type=month] span.neu-10, .formFields input[type=month] span[data-color=default], .formFields input[type=password] span.neu-10, .formFields input[type=password] span[data-color=default], .formFields input[type=text] span.neu-10, .formFields input[type=text] span[data-color=default], .formFields textarea span.neu-10, .formFields textarea span[data-color=default] {
            color: var(--neu-10)
        }

        .formFields__textField input[type=number] b, .formFields__textField input[type=number] strong, .formFields input[type=date] b, .formFields input[type=date] strong, .formFields input[type=email] b, .formFields input[type=email] strong, .formFields input[type=month] b, .formFields input[type=month] strong, .formFields input[type=password] b, .formFields input[type=password] strong, .formFields input[type=text] b, .formFields input[type=text] strong, .formFields textarea b, .formFields textarea strong {
            font-weight: 700
        }

        .formFields__textField input[type=number] em, .formFields input[type=date] em, .formFields input[type=email] em, .formFields input[type=month] em, .formFields input[type=password] em, .formFields input[type=text] em, .formFields textarea em {
            font-style: italic
        }

        .formFields__textField input[type=number]:hover, .formFields input[type=date]:hover, .formFields input[type=email]:hover, .formFields input[type=month]:hover, .formFields input[type=password]:hover, .formFields input[type=text]:hover, .formFields textarea:hover {
            border-color: var(--neu-10)
        }

            .formFields .formFields__autocompleteMultiselect input[type=date]:hover ~ .formFields__inputIcon--left, .formFields .formFields__autocompleteMultiselect input[type=email]:hover ~ .formFields__inputIcon--left, .formFields .formFields__autocompleteMultiselect input[type=month]:hover ~ .formFields__inputIcon--left, .formFields .formFields__autocompleteMultiselect input[type=password]:hover ~ .formFields__inputIcon--left, .formFields .formFields__autocompleteMultiselect input[type=text]:hover ~ .formFields__inputIcon--left, .formFields .formFields__autocompleteMultiselect textarea:hover ~ .formFields__inputIcon--left, .formFields .formFields__dropdownAutocomplete input[type=date]:hover ~ .formFields__inputIcon--left, .formFields .formFields__dropdownAutocomplete input[type=email]:hover ~ .formFields__inputIcon--left, .formFields .formFields__dropdownAutocomplete input[type=month]:hover ~ .formFields__inputIcon--left, .formFields .formFields__dropdownAutocomplete input[type=password]:hover ~ .formFields__inputIcon--left, .formFields .formFields__dropdownAutocomplete input[type=text]:hover ~ .formFields__inputIcon--left, .formFields .formFields__dropdownAutocomplete textarea:hover ~ .formFields__inputIcon--left, .formFields .formFields__dropdown input[type=date]:hover ~ .formFields__inputIcon--left, .formFields .formFields__dropdown input[type=email]:hover ~ .formFields__inputIcon--left, .formFields .formFields__dropdown input[type=month]:hover ~ .formFields__inputIcon--left, .formFields .formFields__dropdown input[type=password]:hover ~ .formFields__inputIcon--left, .formFields .formFields__dropdown input[type=text]:hover ~ .formFields__inputIcon--left, .formFields .formFields__dropdownMultiselect input[type=date]:hover ~ .formFields__inputIcon--left, .formFields .formFields__dropdownMultiselect input[type=email]:hover ~ .formFields__inputIcon--left, .formFields .formFields__dropdownMultiselect input[type=month]:hover ~ .formFields__inputIcon--left, .formFields .formFields__dropdownMultiselect input[type=password]:hover ~ .formFields__inputIcon--left, .formFields .formFields__dropdownMultiselect input[type=text]:hover ~ .formFields__inputIcon--left, .formFields .formFields__dropdownMultiselect textarea:hover ~ .formFields__inputIcon--left, .formFields .formFields__dropdown textarea:hover ~ .formFields__inputIcon--left, .formFields__autocompleteMultiselect .formFields__textField input[type=number]:hover ~ .formFields__inputIcon--left, .formFields__autocompleteMultiselect .formFields input[type=date]:hover ~ .formFields__inputIcon--left, .formFields__autocompleteMultiselect .formFields input[type=email]:hover ~ .formFields__inputIcon--left, .formFields__autocompleteMultiselect .formFields input[type=month]:hover ~ .formFields__inputIcon--left, .formFields__autocompleteMultiselect .formFields input[type=password]:hover ~ .formFields__inputIcon--left, .formFields__autocompleteMultiselect .formFields input[type=text]:hover ~ .formFields__inputIcon--left, .formFields__autocompleteMultiselect .formFields textarea:hover ~ .formFields__inputIcon--left, .formFields__dropdown .formFields__textField input[type=number]:hover ~ .formFields__inputIcon--left, .formFields__dropdown .formFields input[type=date]:hover ~ .formFields__inputIcon--left, .formFields__dropdown .formFields input[type=email]:hover ~ .formFields__inputIcon--left, .formFields__dropdown .formFields input[type=month]:hover ~ .formFields__inputIcon--left, .formFields__dropdown .formFields input[type=password]:hover ~ .formFields__inputIcon--left, .formFields__dropdown .formFields input[type=text]:hover ~ .formFields__inputIcon--left, .formFields__dropdown .formFields textarea:hover ~ .formFields__inputIcon--left, .formFields__dropdownAutocomplete .formFields__textField input[type=number]:hover ~ .formFields__inputIcon--left, .formFields__dropdownAutocomplete .formFields input[type=date]:hover ~ .formFields__inputIcon--left, .formFields__dropdownAutocomplete .formFields input[type=email]:hover ~ .formFields__inputIcon--left, .formFields__dropdownAutocomplete .formFields input[type=month]:hover ~ .formFields__inputIcon--left, .formFields__dropdownAutocomplete .formFields input[type=password]:hover ~ .formFields__inputIcon--left, .formFields__dropdownAutocomplete .formFields input[type=text]:hover ~ .formFields__inputIcon--left, .formFields__dropdownAutocomplete .formFields textarea:hover ~ .formFields__inputIcon--left, .formFields__dropdownMultiselect .formFields__textField input[type=number]:hover ~ .formFields__inputIcon--left, .formFields__dropdownMultiselect .formFields input[type=date]:hover ~ .formFields__inputIcon--left, .formFields__dropdownMultiselect .formFields input[type=email]:hover ~ .formFields__inputIcon--left, .formFields__dropdownMultiselect .formFields input[type=month]:hover ~ .formFields__inputIcon--left, .formFields__dropdownMultiselect .formFields input[type=password]:hover ~ .formFields__inputIcon--left, .formFields__dropdownMultiselect .formFields input[type=text]:hover ~ .formFields__inputIcon--left, .formFields__dropdownMultiselect .formFields textarea:hover ~ .formFields__inputIcon--left, .formFields__textField .formFields__autocompleteMultiselect input[type=number]:hover ~ .formFields__inputIcon--left, .formFields__textField .formFields__dropdownAutocomplete input[type=number]:hover ~ .formFields__inputIcon--left, .formFields__textField .formFields__dropdown input[type=number]:hover ~ .formFields__inputIcon--left, .formFields__textField .formFields__dropdownMultiselect input[type=number]:hover ~ .formFields__inputIcon--left, .formFields__textField input[type=number]:hover ~ .formFields__inputIcon, .formFields input[type=date]:hover ~ .formFields__inputIcon, .formFields input[type=email]:hover ~ .formFields__inputIcon, .formFields input[type=month]:hover ~ .formFields__inputIcon, .formFields input[type=password]:hover ~ .formFields__inputIcon, .formFields input[type=text]:hover ~ .formFields__inputIcon, .formFields textarea:hover ~ .formFields__inputIcon {
                color: var(--neu-10)
            }

        .formFields__textField input[type=number]:focus, .formFields input[type=date]:focus, .formFields input[type=email]:focus, .formFields input[type=month]:focus, .formFields input[type=password]:focus, .formFields input[type=text]:focus, .formFields textarea:focus {
            border-color: var(--neu-10)
        }

            .formFields .formFields__autocompleteMultiselect input[type=date]:focus ~ .formFields__inputIcon--left, .formFields .formFields__autocompleteMultiselect input[type=email]:focus ~ .formFields__inputIcon--left, .formFields .formFields__autocompleteMultiselect input[type=month]:focus ~ .formFields__inputIcon--left, .formFields .formFields__autocompleteMultiselect input[type=password]:focus ~ .formFields__inputIcon--left, .formFields .formFields__autocompleteMultiselect input[type=text]:focus ~ .formFields__inputIcon--left, .formFields .formFields__autocompleteMultiselect textarea:focus ~ .formFields__inputIcon--left, .formFields .formFields__dropdownAutocomplete input[type=date]:focus ~ .formFields__inputIcon--left, .formFields .formFields__dropdownAutocomplete input[type=email]:focus ~ .formFields__inputIcon--left, .formFields .formFields__dropdownAutocomplete input[type=month]:focus ~ .formFields__inputIcon--left, .formFields .formFields__dropdownAutocomplete input[type=password]:focus ~ .formFields__inputIcon--left, .formFields .formFields__dropdownAutocomplete input[type=text]:focus ~ .formFields__inputIcon--left, .formFields .formFields__dropdownAutocomplete textarea:focus ~ .formFields__inputIcon--left, .formFields .formFields__dropdown input[type=date]:focus ~ .formFields__inputIcon--left, .formFields .formFields__dropdown input[type=email]:focus ~ .formFields__inputIcon--left, .formFields .formFields__dropdown input[type=month]:focus ~ .formFields__inputIcon--left, .formFields .formFields__dropdown input[type=password]:focus ~ .formFields__inputIcon--left, .formFields .formFields__dropdown input[type=text]:focus ~ .formFields__inputIcon--left, .formFields .formFields__dropdownMultiselect input[type=date]:focus ~ .formFields__inputIcon--left, .formFields .formFields__dropdownMultiselect input[type=email]:focus ~ .formFields__inputIcon--left, .formFields .formFields__dropdownMultiselect input[type=month]:focus ~ .formFields__inputIcon--left, .formFields .formFields__dropdownMultiselect input[type=password]:focus ~ .formFields__inputIcon--left, .formFields .formFields__dropdownMultiselect input[type=text]:focus ~ .formFields__inputIcon--left, .formFields .formFields__dropdownMultiselect textarea:focus ~ .formFields__inputIcon--left, .formFields .formFields__dropdown textarea:focus ~ .formFields__inputIcon--left, .formFields__autocompleteMultiselect .formFields__textField input[type=number]:focus ~ .formFields__inputIcon--left, .formFields__autocompleteMultiselect .formFields input[type=date]:focus ~ .formFields__inputIcon--left, .formFields__autocompleteMultiselect .formFields input[type=email]:focus ~ .formFields__inputIcon--left, .formFields__autocompleteMultiselect .formFields input[type=month]:focus ~ .formFields__inputIcon--left, .formFields__autocompleteMultiselect .formFields input[type=password]:focus ~ .formFields__inputIcon--left, .formFields__autocompleteMultiselect .formFields input[type=text]:focus ~ .formFields__inputIcon--left, .formFields__autocompleteMultiselect .formFields textarea:focus ~ .formFields__inputIcon--left, .formFields__dropdown .formFields__textField input[type=number]:focus ~ .formFields__inputIcon--left, .formFields__dropdown .formFields input[type=date]:focus ~ .formFields__inputIcon--left, .formFields__dropdown .formFields input[type=email]:focus ~ .formFields__inputIcon--left, .formFields__dropdown .formFields input[type=month]:focus ~ .formFields__inputIcon--left, .formFields__dropdown .formFields input[type=password]:focus ~ .formFields__inputIcon--left, .formFields__dropdown .formFields input[type=text]:focus ~ .formFields__inputIcon--left, .formFields__dropdown .formFields textarea:focus ~ .formFields__inputIcon--left, .formFields__dropdownAutocomplete .formFields__textField input[type=number]:focus ~ .formFields__inputIcon--left, .formFields__dropdownAutocomplete .formFields input[type=date]:focus ~ .formFields__inputIcon--left, .formFields__dropdownAutocomplete .formFields input[type=email]:focus ~ .formFields__inputIcon--left, .formFields__dropdownAutocomplete .formFields input[type=month]:focus ~ .formFields__inputIcon--left, .formFields__dropdownAutocomplete .formFields input[type=password]:focus ~ .formFields__inputIcon--left, .formFields__dropdownAutocomplete .formFields input[type=text]:focus ~ .formFields__inputIcon--left, .formFields__dropdownAutocomplete .formFields textarea:focus ~ .formFields__inputIcon--left, .formFields__dropdownMultiselect .formFields__textField input[type=number]:focus ~ .formFields__inputIcon--left, .formFields__dropdownMultiselect .formFields input[type=date]:focus ~ .formFields__inputIcon--left, .formFields__dropdownMultiselect .formFields input[type=email]:focus ~ .formFields__inputIcon--left, .formFields__dropdownMultiselect .formFields input[type=month]:focus ~ .formFields__inputIcon--left, .formFields__dropdownMultiselect .formFields input[type=password]:focus ~ .formFields__inputIcon--left, .formFields__dropdownMultiselect .formFields input[type=text]:focus ~ .formFields__inputIcon--left, .formFields__dropdownMultiselect .formFields textarea:focus ~ .formFields__inputIcon--left, .formFields__textField .formFields__autocompleteMultiselect input[type=number]:focus ~ .formFields__inputIcon--left, .formFields__textField .formFields__dropdownAutocomplete input[type=number]:focus ~ .formFields__inputIcon--left, .formFields__textField .formFields__dropdown input[type=number]:focus ~ .formFields__inputIcon--left, .formFields__textField .formFields__dropdownMultiselect input[type=number]:focus ~ .formFields__inputIcon--left, .formFields__textField input[type=number]:focus ~ .formFields__inputIcon, .formFields input[type=date]:focus ~ .formFields__inputIcon, .formFields input[type=email]:focus ~ .formFields__inputIcon, .formFields input[type=month]:focus ~ .formFields__inputIcon, .formFields input[type=password]:focus ~ .formFields__inputIcon, .formFields input[type=text]:focus ~ .formFields__inputIcon, .formFields textarea:focus ~ .formFields__inputIcon {
                color: var(--neu-10)
            }

        .formFields__textField input[type=number]::placeholder, .formFields input[type=date]::placeholder, .formFields input[type=email]::placeholder, .formFields input[type=month]::placeholder, .formFields input[type=password]::placeholder, .formFields input[type=text]::placeholder, .formFields textarea::placeholder {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Inter,sans-serif;
            font-size: 1rem;
            line-height: 1.5em;
            letter-spacing: -.011em;
            font-weight: 400;
            color: var(--neu-07)
        }

            .formFields__textField input[type=number]::placeholder .link a, .formFields input[type=date]::placeholder .link a, .formFields input[type=email]::placeholder .link a, .formFields input[type=month]::placeholder .link a, .formFields input[type=password]::placeholder .link a, .formFields input[type=text]::placeholder .link a, .formFields textarea::placeholder .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .formFields__textField input[type=number]::placeholder .link a:hover, .formFields input[type=date]::placeholder .link a:hover, .formFields input[type=email]::placeholder .link a:hover, .formFields input[type=month]::placeholder .link a:hover, .formFields input[type=password]::placeholder .link a:hover, .formFields input[type=text]::placeholder .link a:hover, .formFields textarea::placeholder .link a:hover {
                    color: var(--m-01)
                }

            .formFields__textField input[type=number]::placeholder mark, .formFields input[type=date]::placeholder mark, .formFields input[type=email]::placeholder mark, .formFields input[type=month]::placeholder mark, .formFields input[type=password]::placeholder mark, .formFields input[type=text]::placeholder mark, .formFields textarea::placeholder mark {
                color: var(--m-01--dark-01)
            }

                .formFields__textField input[type=number]::placeholder mark[data-color=color], .formFields input[type=date]::placeholder mark[data-color=color], .formFields input[type=email]::placeholder mark[data-color=color], .formFields input[type=month]::placeholder mark[data-color=color], .formFields input[type=password]::placeholder mark[data-color=color], .formFields input[type=text]::placeholder mark[data-color=color], .formFields textarea::placeholder mark[data-color=color] {
                    color: var(--m-01--dark-01)
                }

                .formFields__textField input[type=number]::placeholder mark[data-color=gray], .formFields input[type=date]::placeholder mark[data-color=gray], .formFields input[type=email]::placeholder mark[data-color=gray], .formFields input[type=month]::placeholder mark[data-color=gray], .formFields input[type=password]::placeholder mark[data-color=gray], .formFields input[type=text]::placeholder mark[data-color=gray], .formFields textarea::placeholder mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .formFields__textField input[type=number]::placeholder mark[data-color=default], .formFields input[type=date]::placeholder mark[data-color=default], .formFields input[type=email]::placeholder mark[data-color=default], .formFields input[type=month]::placeholder mark[data-color=default], .formFields input[type=password]::placeholder mark[data-color=default], .formFields input[type=text]::placeholder mark[data-color=default], .formFields textarea::placeholder mark[data-color=default] {
                    color: var(--neu-10)
                }

            .formFields__textField input[type=number]::placeholder span.m-01--dark-01, .formFields__textField input[type=number]::placeholder span[data-color=color], .formFields input[type=date]::placeholder span.m-01--dark-01, .formFields input[type=date]::placeholder span[data-color=color], .formFields input[type=email]::placeholder span.m-01--dark-01, .formFields input[type=email]::placeholder span[data-color=color], .formFields input[type=month]::placeholder span.m-01--dark-01, .formFields input[type=month]::placeholder span[data-color=color], .formFields input[type=password]::placeholder span.m-01--dark-01, .formFields input[type=password]::placeholder span[data-color=color], .formFields input[type=text]::placeholder span.m-01--dark-01, .formFields input[type=text]::placeholder span[data-color=color], .formFields textarea::placeholder span.m-01--dark-01, .formFields textarea::placeholder span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .formFields__textField input[type=number]::placeholder span.neu-07, .formFields__textField input[type=number]::placeholder span[data-color=gray], .formFields input[type=date]::placeholder span.neu-07, .formFields input[type=date]::placeholder span[data-color=gray], .formFields input[type=email]::placeholder span.neu-07, .formFields input[type=email]::placeholder span[data-color=gray], .formFields input[type=month]::placeholder span.neu-07, .formFields input[type=month]::placeholder span[data-color=gray], .formFields input[type=password]::placeholder span.neu-07, .formFields input[type=password]::placeholder span[data-color=gray], .formFields input[type=text]::placeholder span.neu-07, .formFields input[type=text]::placeholder span[data-color=gray], .formFields textarea::placeholder span.neu-07, .formFields textarea::placeholder span[data-color=gray] {
                color: var(--neu-07)
            }

            .formFields__textField input[type=number]::placeholder span.neu-10, .formFields__textField input[type=number]::placeholder span[data-color=default], .formFields input[type=date]::placeholder span.neu-10, .formFields input[type=date]::placeholder span[data-color=default], .formFields input[type=email]::placeholder span.neu-10, .formFields input[type=email]::placeholder span[data-color=default], .formFields input[type=month]::placeholder span.neu-10, .formFields input[type=month]::placeholder span[data-color=default], .formFields input[type=password]::placeholder span.neu-10, .formFields input[type=password]::placeholder span[data-color=default], .formFields input[type=text]::placeholder span.neu-10, .formFields input[type=text]::placeholder span[data-color=default], .formFields textarea::placeholder span.neu-10, .formFields textarea::placeholder span[data-color=default] {
                color: var(--neu-10)
            }

            .formFields__textField input[type=number]::placeholder b, .formFields__textField input[type=number]::placeholder strong, .formFields input[type=date]::placeholder b, .formFields input[type=date]::placeholder strong, .formFields input[type=email]::placeholder b, .formFields input[type=email]::placeholder strong, .formFields input[type=month]::placeholder b, .formFields input[type=month]::placeholder strong, .formFields input[type=password]::placeholder b, .formFields input[type=password]::placeholder strong, .formFields input[type=text]::placeholder b, .formFields input[type=text]::placeholder strong, .formFields textarea::placeholder b, .formFields textarea::placeholder strong {
                font-weight: 700
            }

            .formFields__textField input[type=number]::placeholder em, .formFields input[type=date]::placeholder em, .formFields input[type=email]::placeholder em, .formFields input[type=month]::placeholder em, .formFields input[type=password]::placeholder em, .formFields input[type=text]::placeholder em, .formFields textarea::placeholder em {
                font-style: italic
            }

        .formFields .formFields__autocompleteMultiselect input[type=date] ~ .formFields__inputIcon--left, .formFields .formFields__autocompleteMultiselect input[type=email] ~ .formFields__inputIcon--left, .formFields .formFields__autocompleteMultiselect input[type=month] ~ .formFields__inputIcon--left, .formFields .formFields__autocompleteMultiselect input[type=password] ~ .formFields__inputIcon--left, .formFields .formFields__autocompleteMultiselect input[type=text] ~ .formFields__inputIcon--left, .formFields .formFields__autocompleteMultiselect textarea ~ .formFields__inputIcon--left, .formFields .formFields__dropdownAutocomplete input[type=date] ~ .formFields__inputIcon--left, .formFields .formFields__dropdownAutocomplete input[type=email] ~ .formFields__inputIcon--left, .formFields .formFields__dropdownAutocomplete input[type=month] ~ .formFields__inputIcon--left, .formFields .formFields__dropdownAutocomplete input[type=password] ~ .formFields__inputIcon--left, .formFields .formFields__dropdownAutocomplete input[type=text] ~ .formFields__inputIcon--left, .formFields .formFields__dropdownAutocomplete textarea ~ .formFields__inputIcon--left, .formFields .formFields__dropdown input[type=date] ~ .formFields__inputIcon--left, .formFields .formFields__dropdown input[type=email] ~ .formFields__inputIcon--left, .formFields .formFields__dropdown input[type=month] ~ .formFields__inputIcon--left, .formFields .formFields__dropdown input[type=password] ~ .formFields__inputIcon--left, .formFields .formFields__dropdown input[type=text] ~ .formFields__inputIcon--left, .formFields .formFields__dropdownMultiselect input[type=date] ~ .formFields__inputIcon--left, .formFields .formFields__dropdownMultiselect input[type=email] ~ .formFields__inputIcon--left, .formFields .formFields__dropdownMultiselect input[type=month] ~ .formFields__inputIcon--left, .formFields .formFields__dropdownMultiselect input[type=password] ~ .formFields__inputIcon--left, .formFields .formFields__dropdownMultiselect input[type=text] ~ .formFields__inputIcon--left, .formFields .formFields__dropdownMultiselect textarea ~ .formFields__inputIcon--left, .formFields .formFields__dropdown textarea ~ .formFields__inputIcon--left, .formFields__autocompleteMultiselect .formFields__textField input[type=number] ~ .formFields__inputIcon--left, .formFields__autocompleteMultiselect .formFields input[type=date] ~ .formFields__inputIcon--left, .formFields__autocompleteMultiselect .formFields input[type=email] ~ .formFields__inputIcon--left, .formFields__autocompleteMultiselect .formFields input[type=month] ~ .formFields__inputIcon--left, .formFields__autocompleteMultiselect .formFields input[type=password] ~ .formFields__inputIcon--left, .formFields__autocompleteMultiselect .formFields input[type=text] ~ .formFields__inputIcon--left, .formFields__autocompleteMultiselect .formFields textarea ~ .formFields__inputIcon--left, .formFields__dropdown .formFields__textField input[type=number] ~ .formFields__inputIcon--left, .formFields__dropdown .formFields input[type=date] ~ .formFields__inputIcon--left, .formFields__dropdown .formFields input[type=email] ~ .formFields__inputIcon--left, .formFields__dropdown .formFields input[type=month] ~ .formFields__inputIcon--left, .formFields__dropdown .formFields input[type=password] ~ .formFields__inputIcon--left, .formFields__dropdown .formFields input[type=text] ~ .formFields__inputIcon--left, .formFields__dropdown .formFields textarea ~ .formFields__inputIcon--left, .formFields__dropdownAutocomplete .formFields__textField input[type=number] ~ .formFields__inputIcon--left, .formFields__dropdownAutocomplete .formFields input[type=date] ~ .formFields__inputIcon--left, .formFields__dropdownAutocomplete .formFields input[type=email] ~ .formFields__inputIcon--left, .formFields__dropdownAutocomplete .formFields input[type=month] ~ .formFields__inputIcon--left, .formFields__dropdownAutocomplete .formFields input[type=password] ~ .formFields__inputIcon--left, .formFields__dropdownAutocomplete .formFields input[type=text] ~ .formFields__inputIcon--left, .formFields__dropdownAutocomplete .formFields textarea ~ .formFields__inputIcon--left, .formFields__dropdownMultiselect .formFields__textField input[type=number] ~ .formFields__inputIcon--left, .formFields__dropdownMultiselect .formFields input[type=date] ~ .formFields__inputIcon--left, .formFields__dropdownMultiselect .formFields input[type=email] ~ .formFields__inputIcon--left, .formFields__dropdownMultiselect .formFields input[type=month] ~ .formFields__inputIcon--left, .formFields__dropdownMultiselect .formFields input[type=password] ~ .formFields__inputIcon--left, .formFields__dropdownMultiselect .formFields input[type=text] ~ .formFields__inputIcon--left, .formFields__dropdownMultiselect .formFields textarea ~ .formFields__inputIcon--left, .formFields__textField .formFields__autocompleteMultiselect input[type=number] ~ .formFields__inputIcon--left, .formFields__textField .formFields__dropdownAutocomplete input[type=number] ~ .formFields__inputIcon--left, .formFields__textField .formFields__dropdown input[type=number] ~ .formFields__inputIcon--left, .formFields__textField .formFields__dropdownMultiselect input[type=number] ~ .formFields__inputIcon--left, .formFields__textField input[type=number] ~ .formFields__inputIcon, .formFields input[type=date] ~ .formFields__inputIcon, .formFields input[type=email] ~ .formFields__inputIcon, .formFields input[type=month] ~ .formFields__inputIcon, .formFields input[type=password] ~ .formFields__inputIcon, .formFields input[type=text] ~ .formFields__inputIcon, .formFields textarea ~ .formFields__inputIcon {
            color: var(--neu-06)
        }

            .formFields .formFields__autocompleteMultiselect input[type=date] ~ .formFields__inputIcon--left:hover, .formFields .formFields__autocompleteMultiselect input[type=email] ~ .formFields__inputIcon--left:hover, .formFields .formFields__autocompleteMultiselect input[type=month] ~ .formFields__inputIcon--left:hover, .formFields .formFields__autocompleteMultiselect input[type=password] ~ .formFields__inputIcon--left:hover, .formFields .formFields__autocompleteMultiselect input[type=text] ~ .formFields__inputIcon--left:hover, .formFields .formFields__autocompleteMultiselect textarea ~ .formFields__inputIcon--left:hover, .formFields .formFields__dropdownAutocomplete input[type=date] ~ .formFields__inputIcon--left:hover, .formFields .formFields__dropdownAutocomplete input[type=email] ~ .formFields__inputIcon--left:hover, .formFields .formFields__dropdownAutocomplete input[type=month] ~ .formFields__inputIcon--left:hover, .formFields .formFields__dropdownAutocomplete input[type=password] ~ .formFields__inputIcon--left:hover, .formFields .formFields__dropdownAutocomplete input[type=text] ~ .formFields__inputIcon--left:hover, .formFields .formFields__dropdownAutocomplete textarea ~ .formFields__inputIcon--left:hover, .formFields .formFields__dropdown input[type=date] ~ .formFields__inputIcon--left:hover, .formFields .formFields__dropdown input[type=email] ~ .formFields__inputIcon--left:hover, .formFields .formFields__dropdown input[type=month] ~ .formFields__inputIcon--left:hover, .formFields .formFields__dropdown input[type=password] ~ .formFields__inputIcon--left:hover, .formFields .formFields__dropdown input[type=text] ~ .formFields__inputIcon--left:hover, .formFields .formFields__dropdownMultiselect input[type=date] ~ .formFields__inputIcon--left:hover, .formFields .formFields__dropdownMultiselect input[type=email] ~ .formFields__inputIcon--left:hover, .formFields .formFields__dropdownMultiselect input[type=month] ~ .formFields__inputIcon--left:hover, .formFields .formFields__dropdownMultiselect input[type=password] ~ .formFields__inputIcon--left:hover, .formFields .formFields__dropdownMultiselect input[type=text] ~ .formFields__inputIcon--left:hover, .formFields .formFields__dropdownMultiselect textarea ~ .formFields__inputIcon--left:hover, .formFields .formFields__dropdown textarea ~ .formFields__inputIcon--left:hover, .formFields__autocompleteMultiselect .formFields__textField input[type=number] ~ .formFields__inputIcon--left:hover, .formFields__autocompleteMultiselect .formFields input[type=date] ~ .formFields__inputIcon--left:hover, .formFields__autocompleteMultiselect .formFields input[type=email] ~ .formFields__inputIcon--left:hover, .formFields__autocompleteMultiselect .formFields input[type=month] ~ .formFields__inputIcon--left:hover, .formFields__autocompleteMultiselect .formFields input[type=password] ~ .formFields__inputIcon--left:hover, .formFields__autocompleteMultiselect .formFields input[type=text] ~ .formFields__inputIcon--left:hover, .formFields__autocompleteMultiselect .formFields textarea ~ .formFields__inputIcon--left:hover, .formFields__dropdown .formFields__textField input[type=number] ~ .formFields__inputIcon--left:hover, .formFields__dropdown .formFields input[type=date] ~ .formFields__inputIcon--left:hover, .formFields__dropdown .formFields input[type=email] ~ .formFields__inputIcon--left:hover, .formFields__dropdown .formFields input[type=month] ~ .formFields__inputIcon--left:hover, .formFields__dropdown .formFields input[type=password] ~ .formFields__inputIcon--left:hover, .formFields__dropdown .formFields input[type=text] ~ .formFields__inputIcon--left:hover, .formFields__dropdown .formFields textarea ~ .formFields__inputIcon--left:hover, .formFields__dropdownAutocomplete .formFields__textField input[type=number] ~ .formFields__inputIcon--left:hover, .formFields__dropdownAutocomplete .formFields input[type=date] ~ .formFields__inputIcon--left:hover, .formFields__dropdownAutocomplete .formFields input[type=email] ~ .formFields__inputIcon--left:hover, .formFields__dropdownAutocomplete .formFields input[type=month] ~ .formFields__inputIcon--left:hover, .formFields__dropdownAutocomplete .formFields input[type=password] ~ .formFields__inputIcon--left:hover, .formFields__dropdownAutocomplete .formFields input[type=text] ~ .formFields__inputIcon--left:hover, .formFields__dropdownAutocomplete .formFields textarea ~ .formFields__inputIcon--left:hover, .formFields__dropdownMultiselect .formFields__textField input[type=number] ~ .formFields__inputIcon--left:hover, .formFields__dropdownMultiselect .formFields input[type=date] ~ .formFields__inputIcon--left:hover, .formFields__dropdownMultiselect .formFields input[type=email] ~ .formFields__inputIcon--left:hover, .formFields__dropdownMultiselect .formFields input[type=month] ~ .formFields__inputIcon--left:hover, .formFields__dropdownMultiselect .formFields input[type=password] ~ .formFields__inputIcon--left:hover, .formFields__dropdownMultiselect .formFields input[type=text] ~ .formFields__inputIcon--left:hover, .formFields__dropdownMultiselect .formFields textarea ~ .formFields__inputIcon--left:hover, .formFields__textField .formFields__autocompleteMultiselect input[type=number] ~ .formFields__inputIcon--left:hover, .formFields__textField .formFields__dropdownAutocomplete input[type=number] ~ .formFields__inputIcon--left:hover, .formFields__textField .formFields__dropdown input[type=number] ~ .formFields__inputIcon--left:hover, .formFields__textField .formFields__dropdownMultiselect input[type=number] ~ .formFields__inputIcon--left:hover, .formFields__textField input[type=number] ~ .formFields__inputIcon:hover, .formFields input[type=date] ~ .formFields__inputIcon:hover, .formFields input[type=email] ~ .formFields__inputIcon:hover, .formFields input[type=month] ~ .formFields__inputIcon:hover, .formFields input[type=password] ~ .formFields__inputIcon:hover, .formFields input[type=text] ~ .formFields__inputIcon:hover, .formFields textarea ~ .formFields__inputIcon:hover {
                color: var(--neu-10)
            }

                .formFields .formFields__autocompleteMultiselect input[type=date] ~ .formFields__inputIcon--left:hover ~ input, .formFields .formFields__autocompleteMultiselect input[type=email] ~ .formFields__inputIcon--left:hover ~ input, .formFields .formFields__autocompleteMultiselect input[type=month] ~ .formFields__inputIcon--left:hover ~ input, .formFields .formFields__autocompleteMultiselect input[type=password] ~ .formFields__inputIcon--left:hover ~ input, .formFields .formFields__autocompleteMultiselect input[type=text] ~ .formFields__inputIcon--left:hover ~ input, .formFields .formFields__autocompleteMultiselect textarea ~ .formFields__inputIcon--left:hover ~ input, .formFields .formFields__dropdownAutocomplete input[type=date] ~ .formFields__inputIcon--left:hover ~ input, .formFields .formFields__dropdownAutocomplete input[type=email] ~ .formFields__inputIcon--left:hover ~ input, .formFields .formFields__dropdownAutocomplete input[type=month] ~ .formFields__inputIcon--left:hover ~ input, .formFields .formFields__dropdownAutocomplete input[type=password] ~ .formFields__inputIcon--left:hover ~ input, .formFields .formFields__dropdownAutocomplete input[type=text] ~ .formFields__inputIcon--left:hover ~ input, .formFields .formFields__dropdownAutocomplete textarea ~ .formFields__inputIcon--left:hover ~ input, .formFields .formFields__dropdown input[type=date] ~ .formFields__inputIcon--left:hover ~ input, .formFields .formFields__dropdown input[type=email] ~ .formFields__inputIcon--left:hover ~ input, .formFields .formFields__dropdown input[type=month] ~ .formFields__inputIcon--left:hover ~ input, .formFields .formFields__dropdown input[type=password] ~ .formFields__inputIcon--left:hover ~ input, .formFields .formFields__dropdown input[type=text] ~ .formFields__inputIcon--left:hover ~ input, .formFields .formFields__dropdownMultiselect input[type=date] ~ .formFields__inputIcon--left:hover ~ input, .formFields .formFields__dropdownMultiselect input[type=email] ~ .formFields__inputIcon--left:hover ~ input, .formFields .formFields__dropdownMultiselect input[type=month] ~ .formFields__inputIcon--left:hover ~ input, .formFields .formFields__dropdownMultiselect input[type=password] ~ .formFields__inputIcon--left:hover ~ input, .formFields .formFields__dropdownMultiselect input[type=text] ~ .formFields__inputIcon--left:hover ~ input, .formFields .formFields__dropdownMultiselect textarea ~ .formFields__inputIcon--left:hover ~ input, .formFields .formFields__dropdown textarea ~ .formFields__inputIcon--left:hover ~ input, .formFields__autocompleteMultiselect .formFields__textField input[type=number] ~ .formFields__inputIcon--left:hover ~ input, .formFields__autocompleteMultiselect .formFields input[type=date] ~ .formFields__inputIcon--left:hover ~ input, .formFields__autocompleteMultiselect .formFields input[type=email] ~ .formFields__inputIcon--left:hover ~ input, .formFields__autocompleteMultiselect .formFields input[type=month] ~ .formFields__inputIcon--left:hover ~ input, .formFields__autocompleteMultiselect .formFields input[type=password] ~ .formFields__inputIcon--left:hover ~ input, .formFields__autocompleteMultiselect .formFields input[type=text] ~ .formFields__inputIcon--left:hover ~ input, .formFields__autocompleteMultiselect .formFields textarea ~ .formFields__inputIcon--left:hover ~ input, .formFields__dropdown .formFields__textField input[type=number] ~ .formFields__inputIcon--left:hover ~ input, .formFields__dropdown .formFields input[type=date] ~ .formFields__inputIcon--left:hover ~ input, .formFields__dropdown .formFields input[type=email] ~ .formFields__inputIcon--left:hover ~ input, .formFields__dropdown .formFields input[type=month] ~ .formFields__inputIcon--left:hover ~ input, .formFields__dropdown .formFields input[type=password] ~ .formFields__inputIcon--left:hover ~ input, .formFields__dropdown .formFields input[type=text] ~ .formFields__inputIcon--left:hover ~ input, .formFields__dropdown .formFields textarea ~ .formFields__inputIcon--left:hover ~ input, .formFields__dropdownAutocomplete .formFields__textField input[type=number] ~ .formFields__inputIcon--left:hover ~ input, .formFields__dropdownAutocomplete .formFields input[type=date] ~ .formFields__inputIcon--left:hover ~ input, .formFields__dropdownAutocomplete .formFields input[type=email] ~ .formFields__inputIcon--left:hover ~ input, .formFields__dropdownAutocomplete .formFields input[type=month] ~ .formFields__inputIcon--left:hover ~ input, .formFields__dropdownAutocomplete .formFields input[type=password] ~ .formFields__inputIcon--left:hover ~ input, .formFields__dropdownAutocomplete .formFields input[type=text] ~ .formFields__inputIcon--left:hover ~ input, .formFields__dropdownAutocomplete .formFields textarea ~ .formFields__inputIcon--left:hover ~ input, .formFields__dropdownMultiselect .formFields__textField input[type=number] ~ .formFields__inputIcon--left:hover ~ input, .formFields__dropdownMultiselect .formFields input[type=date] ~ .formFields__inputIcon--left:hover ~ input, .formFields__dropdownMultiselect .formFields input[type=email] ~ .formFields__inputIcon--left:hover ~ input, .formFields__dropdownMultiselect .formFields input[type=month] ~ .formFields__inputIcon--left:hover ~ input, .formFields__dropdownMultiselect .formFields input[type=password] ~ .formFields__inputIcon--left:hover ~ input, .formFields__dropdownMultiselect .formFields input[type=text] ~ .formFields__inputIcon--left:hover ~ input, .formFields__dropdownMultiselect .formFields textarea ~ .formFields__inputIcon--left:hover ~ input, .formFields__textField .formFields__autocompleteMultiselect input[type=number] ~ .formFields__inputIcon--left:hover ~ input, .formFields__textField .formFields__dropdownAutocomplete input[type=number] ~ .formFields__inputIcon--left:hover ~ input, .formFields__textField .formFields__dropdown input[type=number] ~ .formFields__inputIcon--left:hover ~ input, .formFields__textField .formFields__dropdownMultiselect input[type=number] ~ .formFields__inputIcon--left:hover ~ input, .formFields__textField input[type=number] ~ .formFields__inputIcon:hover ~ input, .formFields input[type=date] ~ .formFields__inputIcon:hover ~ input, .formFields input[type=email] ~ .formFields__inputIcon:hover ~ input, .formFields input[type=month] ~ .formFields__inputIcon:hover ~ input, .formFields input[type=password] ~ .formFields__inputIcon:hover ~ input, .formFields input[type=text] ~ .formFields__inputIcon:hover ~ input, .formFields textarea ~ .formFields__inputIcon:hover ~ input {
                    border-color: var(--neu-10)
                }

.formFields textarea {
    min-height: 134px;
    resize: vertical
}

    .formFields textarea::-webkit-scrollbar-track {
        border-radius: 20px;
        background-color: var(--neu-02)
    }

    .formFields textarea::-webkit-scrollbar {
        width: 4px
    }

    .formFields textarea::-webkit-scrollbar-thumb {
        border-radius: 20px;
        background-color: var(--neu-05)
    }

.formFields input[type=date], .formFields input[type=month] {
    padding: 12px 4px 12px 16px;
    height: 48px
}

    .formFields input[type=date]::-webkit-calendar-picker-indicator, .formFields input[type=month]::-webkit-calendar-picker-indicator {
        opacity: 0;
        cursor: pointer;
        width: 32px;
        height: 32px
    }

    .formFields input[type=date]::-webkit-datetime-edit, .formFields input[type=month]::-webkit-datetime-edit {
        overflow: visible
    }

    .formFields input[type=date]::-webkit-datetime-edit-day-field, .formFields input[type=date]::-webkit-datetime-edit-month-field, .formFields input[type=date]::-webkit-datetime-edit-year-field, .formFields input[type=month]::-webkit-datetime-edit-day-field, .formFields input[type=month]::-webkit-datetime-edit-month-field, .formFields input[type=month]::-webkit-datetime-edit-year-field {
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-stretch: normal;
        letter-spacing: normal;
        font-family: Inter,sans-serif;
        font-size: 1rem;
        line-height: 1.5em;
        letter-spacing: -.011em;
        font-weight: 400;
        color: var(--neu-08);
        text-transform: uppercase;
        width: 10px
    }

        .formFields input[type=date]::-webkit-datetime-edit-day-field .link a, .formFields input[type=date]::-webkit-datetime-edit-month-field .link a, .formFields input[type=date]::-webkit-datetime-edit-year-field .link a, .formFields input[type=month]::-webkit-datetime-edit-day-field .link a, .formFields input[type=month]::-webkit-datetime-edit-month-field .link a, .formFields input[type=month]::-webkit-datetime-edit-year-field .link a {
            transition: all .1s ease;
            text-decoration: underline;
            color: var(--m-01--dark-01)
        }

            .formFields input[type=date]::-webkit-datetime-edit-day-field .link a:hover, .formFields input[type=date]::-webkit-datetime-edit-month-field .link a:hover, .formFields input[type=date]::-webkit-datetime-edit-year-field .link a:hover, .formFields input[type=month]::-webkit-datetime-edit-day-field .link a:hover, .formFields input[type=month]::-webkit-datetime-edit-month-field .link a:hover, .formFields input[type=month]::-webkit-datetime-edit-year-field .link a:hover {
                color: var(--m-01)
            }

        .formFields input[type=date]::-webkit-datetime-edit-day-field mark, .formFields input[type=date]::-webkit-datetime-edit-day-field mark[data-color=color], .formFields input[type=date]::-webkit-datetime-edit-month-field mark, .formFields input[type=date]::-webkit-datetime-edit-month-field mark[data-color=color], .formFields input[type=date]::-webkit-datetime-edit-year-field mark, .formFields input[type=date]::-webkit-datetime-edit-year-field mark[data-color=color], .formFields input[type=month]::-webkit-datetime-edit-day-field mark, .formFields input[type=month]::-webkit-datetime-edit-day-field mark[data-color=color], .formFields input[type=month]::-webkit-datetime-edit-month-field mark, .formFields input[type=month]::-webkit-datetime-edit-month-field mark[data-color=color], .formFields input[type=month]::-webkit-datetime-edit-year-field mark, .formFields input[type=month]::-webkit-datetime-edit-year-field mark[data-color=color] {
            color: var(--m-01--dark-01)
        }

            .formFields input[type=date]::-webkit-datetime-edit-day-field mark[data-color=gray], .formFields input[type=date]::-webkit-datetime-edit-month-field mark[data-color=gray], .formFields input[type=date]::-webkit-datetime-edit-year-field mark[data-color=gray], .formFields input[type=month]::-webkit-datetime-edit-day-field mark[data-color=gray], .formFields input[type=month]::-webkit-datetime-edit-month-field mark[data-color=gray], .formFields input[type=month]::-webkit-datetime-edit-year-field mark[data-color=gray] {
                color: var(--neu-07)
            }

            .formFields input[type=date]::-webkit-datetime-edit-day-field mark[data-color=default], .formFields input[type=date]::-webkit-datetime-edit-month-field mark[data-color=default], .formFields input[type=date]::-webkit-datetime-edit-year-field mark[data-color=default], .formFields input[type=month]::-webkit-datetime-edit-day-field mark[data-color=default], .formFields input[type=month]::-webkit-datetime-edit-month-field mark[data-color=default], .formFields input[type=month]::-webkit-datetime-edit-year-field mark[data-color=default] {
                color: var(--neu-10)
            }

        .formFields input[type=date]::-webkit-datetime-edit-day-field span.m-01--dark-01, .formFields input[type=date]::-webkit-datetime-edit-day-field span[data-color=color], .formFields input[type=date]::-webkit-datetime-edit-month-field span.m-01--dark-01, .formFields input[type=date]::-webkit-datetime-edit-month-field span[data-color=color], .formFields input[type=date]::-webkit-datetime-edit-year-field span.m-01--dark-01, .formFields input[type=date]::-webkit-datetime-edit-year-field span[data-color=color], .formFields input[type=month]::-webkit-datetime-edit-day-field span.m-01--dark-01, .formFields input[type=month]::-webkit-datetime-edit-day-field span[data-color=color], .formFields input[type=month]::-webkit-datetime-edit-month-field span.m-01--dark-01, .formFields input[type=month]::-webkit-datetime-edit-month-field span[data-color=color], .formFields input[type=month]::-webkit-datetime-edit-year-field span.m-01--dark-01, .formFields input[type=month]::-webkit-datetime-edit-year-field span[data-color=color] {
            color: var(--m-01--dark-01)
        }

        .formFields input[type=date]::-webkit-datetime-edit-day-field span.neu-07, .formFields input[type=date]::-webkit-datetime-edit-day-field span[data-color=gray], .formFields input[type=date]::-webkit-datetime-edit-month-field span.neu-07, .formFields input[type=date]::-webkit-datetime-edit-month-field span[data-color=gray], .formFields input[type=date]::-webkit-datetime-edit-year-field span.neu-07, .formFields input[type=date]::-webkit-datetime-edit-year-field span[data-color=gray], .formFields input[type=month]::-webkit-datetime-edit-day-field span.neu-07, .formFields input[type=month]::-webkit-datetime-edit-day-field span[data-color=gray], .formFields input[type=month]::-webkit-datetime-edit-month-field span.neu-07, .formFields input[type=month]::-webkit-datetime-edit-month-field span[data-color=gray], .formFields input[type=month]::-webkit-datetime-edit-year-field span.neu-07, .formFields input[type=month]::-webkit-datetime-edit-year-field span[data-color=gray] {
            color: var(--neu-07)
        }

        .formFields input[type=date]::-webkit-datetime-edit-day-field span.neu-10, .formFields input[type=date]::-webkit-datetime-edit-day-field span[data-color=default], .formFields input[type=date]::-webkit-datetime-edit-month-field span.neu-10, .formFields input[type=date]::-webkit-datetime-edit-month-field span[data-color=default], .formFields input[type=date]::-webkit-datetime-edit-year-field span.neu-10, .formFields input[type=date]::-webkit-datetime-edit-year-field span[data-color=default], .formFields input[type=month]::-webkit-datetime-edit-day-field span.neu-10, .formFields input[type=month]::-webkit-datetime-edit-day-field span[data-color=default], .formFields input[type=month]::-webkit-datetime-edit-month-field span.neu-10, .formFields input[type=month]::-webkit-datetime-edit-month-field span[data-color=default], .formFields input[type=month]::-webkit-datetime-edit-year-field span.neu-10, .formFields input[type=month]::-webkit-datetime-edit-year-field span[data-color=default] {
            color: var(--neu-10)
        }

        .formFields input[type=date]::-webkit-datetime-edit-day-field b, .formFields input[type=date]::-webkit-datetime-edit-day-field strong, .formFields input[type=date]::-webkit-datetime-edit-month-field b, .formFields input[type=date]::-webkit-datetime-edit-month-field strong, .formFields input[type=date]::-webkit-datetime-edit-year-field b, .formFields input[type=date]::-webkit-datetime-edit-year-field strong, .formFields input[type=month]::-webkit-datetime-edit-day-field b, .formFields input[type=month]::-webkit-datetime-edit-day-field strong, .formFields input[type=month]::-webkit-datetime-edit-month-field b, .formFields input[type=month]::-webkit-datetime-edit-month-field strong, .formFields input[type=month]::-webkit-datetime-edit-year-field b, .formFields input[type=month]::-webkit-datetime-edit-year-field strong {
            font-weight: 700
        }

        .formFields input[type=date]::-webkit-datetime-edit-day-field em, .formFields input[type=date]::-webkit-datetime-edit-month-field em, .formFields input[type=date]::-webkit-datetime-edit-year-field em, .formFields input[type=month]::-webkit-datetime-edit-day-field em, .formFields input[type=month]::-webkit-datetime-edit-month-field em, .formFields input[type=month]::-webkit-datetime-edit-year-field em {
            font-style: italic
        }

        .formFields input[type=date]::-webkit-datetime-edit-day-field:focus, .formFields input[type=date]::-webkit-datetime-edit-month-field:focus, .formFields input[type=date]::-webkit-datetime-edit-year-field:focus, .formFields input[type=month]::-webkit-datetime-edit-day-field:focus, .formFields input[type=month]::-webkit-datetime-edit-month-field:focus, .formFields input[type=month]::-webkit-datetime-edit-year-field:focus {
            background-color: var(--m-01);
            color: #fff;
            outline: none
        }

    .formFields input[type=date]::-webkit-datetime-edit-text, .formFields input[type=month]::-webkit-datetime-edit-text {
        opacity: 0;
        padding: 0
    }

.formFields__checkbox input[type=checkbox], .formFields__checkbox input[type=radio], .formFields__radio input[type=checkbox], .formFields__radio input[type=radio] {
    background-color: transparent;
    width: 22px;
    height: 22px;
    border: solid 1px var(--neu-06);
    border-radius: 2px;
    cursor: pointer;
    margin: 0;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

@media (max-width:1024px) {
    .formFields__checkbox input[type=checkbox], .formFields__checkbox input[type=radio], .formFields__radio input[type=checkbox], .formFields__radio input[type=radio] {
        width: 28px;
        height: 28px
    }
}

.formFields__checkbox input[type=checkbox]:hover, .formFields__checkbox input[type=radio]:hover, .formFields__radio input[type=checkbox]:hover, .formFields__radio input[type=radio]:hover {
    border-color: var(--neu-10)
}

.formFields__checkbox input[type=checkbox]:checked, .formFields__checkbox input[type=radio]:checked, .formFields__radio input[type=checkbox]:checked, .formFields__radio input[type=radio]:checked {
    border-color: var(--m-01);
    background-color: var(--m-01)
}

    .formFields__checkbox input[type=checkbox]:checked:after, .formFields__checkbox input[type=radio]:checked:after, .formFields__radio input[type=checkbox]:checked:after, .formFields__radio input[type=radio]:checked:after {
        font-family: aicep-base-icons !important;
        content: "\e90c";
        color: var(--neu-01);
        display: flex
    }

@media (max-width:1024px) {
    .formFields__checkbox input[type=checkbox]:checked:after, .formFields__checkbox input[type=radio]:checked:after, .formFields__radio input[type=checkbox]:checked:after, .formFields__radio input[type=radio]:checked:after {
        font-size: 16px
    }
}

.formFields__checkbox input[type=checkbox]:indeterminate, .formFields__radio input[type=checkbox]:indeterminate {
    border-color: var(--m-01);
    background-color: var(--m-01)
}

    .formFields__checkbox input[type=checkbox]:indeterminate:after, .formFields__radio input[type=checkbox]:indeterminate:after {
        font-family: aicep-base-icons !important;
        content: "\e90e";
        color: var(--neu-01);
        display: flex
    }

@media (max-width:1024px) {
    .formFields__checkbox input[type=checkbox]:indeterminate:after, .formFields__radio input[type=checkbox]:indeterminate:after {
        font-size: 16px
    }
}

.formFields__checkbox input[type=radio], .formFields__radio input[type=radio] {
    border-radius: 50%
}

    .formFields__checkbox input[type=radio]:checked:after, .formFields__radio input[type=radio]:checked:after {
        content: "\e913"
    }

.formFields__checkbox .formFields__label, .formFields__radio .formFields__label {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1rem;
    line-height: 1.5em;
    letter-spacing: -.011em;
    font-weight: 400;
    display: flex;
    gap: 10px;
    align-items: flex-start;
    margin-top: 22px;
    cursor: pointer;
    color: var(--neu-10)
}

    .formFields__checkbox .formFields__label .link a, .formFields__radio .formFields__label .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .formFields__checkbox .formFields__label .link a:hover, .formFields__radio .formFields__label .link a:hover {
            color: var(--m-01)
        }

    .formFields__checkbox .formFields__label mark, .formFields__checkbox .formFields__label mark[data-color=color], .formFields__radio .formFields__label mark, .formFields__radio .formFields__label mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .formFields__checkbox .formFields__label mark[data-color=gray], .formFields__radio .formFields__label mark[data-color=gray] {
            color: var(--neu-07)
        }

        .formFields__checkbox .formFields__label mark[data-color=default], .formFields__radio .formFields__label mark[data-color=default] {
            color: var(--neu-10)
        }

    .formFields__checkbox .formFields__label span.m-01--dark-01, .formFields__checkbox .formFields__label span[data-color=color], .formFields__radio .formFields__label span.m-01--dark-01, .formFields__radio .formFields__label span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .formFields__checkbox .formFields__label span.neu-07, .formFields__checkbox .formFields__label span[data-color=gray], .formFields__radio .formFields__label span.neu-07, .formFields__radio .formFields__label span[data-color=gray] {
        color: var(--neu-07)
    }

    .formFields__checkbox .formFields__label span.neu-10, .formFields__checkbox .formFields__label span[data-color=default], .formFields__radio .formFields__label span.neu-10, .formFields__radio .formFields__label span[data-color=default] {
        color: var(--neu-10)
    }

    .formFields__checkbox .formFields__label b, .formFields__checkbox .formFields__label strong, .formFields__radio .formFields__label b, .formFields__radio .formFields__label strong {
        font-weight: 700
    }

    .formFields__checkbox .formFields__label em, .formFields__radio .formFields__label em {
        font-style: italic
    }

    .formFields__checkbox .formFields__label:first-of-type, .formFields__radio .formFields__label:first-of-type {
        margin-top: 16px
    }

    .formFields__checkbox .formFields__label.disable, .formFields__radio .formFields__label.disable {
        pointer-events: none
    }

        .formFields__checkbox .formFields__label.disable span, .formFields__radio .formFields__label.disable span {
            opacity: .4
        }

        .formFields__checkbox .formFields__label.disable input, .formFields__radio .formFields__label.disable input {
            border-color: var(--neu-05)
        }

    .formFields__checkbox .formFields__label.checked, .formFields__radio .formFields__label.checked {
        pointer-events: none
    }

    .formFields__checkbox .formFields__label span, .formFields__radio .formFields__label span {
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-stretch: normal;
        letter-spacing: normal;
        font-family: Inter,sans-serif;
        font-size: 1rem;
        line-height: 1.5em;
        letter-spacing: -.011em;
        font-weight: 400
    }

        .formFields__checkbox .formFields__label span .link a, .formFields__radio .formFields__label span .link a {
            transition: all .1s ease;
            text-decoration: underline;
            color: var(--m-01--dark-01)
        }

            .formFields__checkbox .formFields__label span .link a:hover, .formFields__radio .formFields__label span .link a:hover {
                color: var(--m-01)
            }

        .formFields__checkbox .formFields__label span mark, .formFields__checkbox .formFields__label span mark[data-color=color], .formFields__radio .formFields__label span mark, .formFields__radio .formFields__label span mark[data-color=color] {
            color: var(--m-01--dark-01)
        }

            .formFields__checkbox .formFields__label span mark[data-color=gray], .formFields__radio .formFields__label span mark[data-color=gray] {
                color: var(--neu-07)
            }

            .formFields__checkbox .formFields__label span mark[data-color=default], .formFields__radio .formFields__label span mark[data-color=default] {
                color: var(--neu-10)
            }

        .formFields__checkbox .formFields__label span span.m-01--dark-01, .formFields__checkbox .formFields__label span span[data-color=color], .formFields__radio .formFields__label span span.m-01--dark-01, .formFields__radio .formFields__label span span[data-color=color] {
            color: var(--m-01--dark-01)
        }

        .formFields__checkbox .formFields__label span span.neu-07, .formFields__checkbox .formFields__label span span[data-color=gray], .formFields__radio .formFields__label span span.neu-07, .formFields__radio .formFields__label span span[data-color=gray] {
            color: var(--neu-07)
        }

        .formFields__checkbox .formFields__label span span.neu-10, .formFields__checkbox .formFields__label span span[data-color=default], .formFields__radio .formFields__label span span.neu-10, .formFields__radio .formFields__label span span[data-color=default] {
            color: var(--neu-10)
        }

        .formFields__checkbox .formFields__label span b, .formFields__checkbox .formFields__label span strong, .formFields__radio .formFields__label span b, .formFields__radio .formFields__label span strong {
            font-weight: 700
        }

        .formFields__checkbox .formFields__label span em, .formFields__radio .formFields__label span em {
            font-style: italic
        }

@media (max-width:1024px) {
    .formFields__checkbox .formFields__label span, .formFields__radio .formFields__label span {
        margin-top: 2px
    }
}

.formFields__checkbox--flex .formFields__inputTop, .formFields__radio--flex .formFields__inputTop {
    margin-bottom: 0
}

.formFields__checkbox--flex .formFields__checkboxWrapper, .formFields__checkbox--flex .formFields__radioWrapper, .formFields__radio--flex .formFields__checkboxWrapper, .formFields__radio--flex .formFields__radioWrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 10%
}

.formFields__checkbox--flex .formFields__checkboxWrapper--range, .formFields__checkbox--flex .formFields__radioWrapper--range, .formFields__radio--flex .formFields__checkboxWrapper--range, .formFields__radio--flex .formFields__radioWrapper--range {
    display: flex;
    flex-wrap: wrap;
    gap: 8%
}

@media (max-width:512px) {
    .formFields__checkbox--flex .formFields__checkboxWrapper--range, .formFields__checkbox--flex .formFields__radioWrapper--range, .formFields__radio--flex .formFields__checkboxWrapper--range, .formFields__radio--flex .formFields__radioWrapper--range {
        justify-content: space-between;
        gap: 5%
    }
}

.formFields__checkbox--flex .formFields__label, .formFields__checkbox--flex .formFields__label:first-of-type, .formFields__radio--flex .formFields__label, .formFields__radio--flex .formFields__label:first-of-type {
    margin-top: 16px
}

.formFields__checkbox--terms .formFields__label, .formFields__radio--terms .formFields__label {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: .813rem;
    line-height: 1.538em;
    letter-spacing: -.003em;
    font-weight: 400
}

    .formFields__checkbox--terms .formFields__label .link a, .formFields__radio--terms .formFields__label .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .formFields__checkbox--terms .formFields__label .link a:hover, .formFields__radio--terms .formFields__label .link a:hover {
            color: var(--m-01)
        }

    .formFields__checkbox--terms .formFields__label mark, .formFields__checkbox--terms .formFields__label mark[data-color=color], .formFields__radio--terms .formFields__label mark, .formFields__radio--terms .formFields__label mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .formFields__checkbox--terms .formFields__label mark[data-color=gray], .formFields__radio--terms .formFields__label mark[data-color=gray] {
            color: var(--neu-07)
        }

        .formFields__checkbox--terms .formFields__label mark[data-color=default], .formFields__radio--terms .formFields__label mark[data-color=default] {
            color: var(--neu-10)
        }

    .formFields__checkbox--terms .formFields__label span.m-01--dark-01, .formFields__checkbox--terms .formFields__label span[data-color=color], .formFields__radio--terms .formFields__label span.m-01--dark-01, .formFields__radio--terms .formFields__label span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .formFields__checkbox--terms .formFields__label span.neu-07, .formFields__checkbox--terms .formFields__label span[data-color=gray], .formFields__radio--terms .formFields__label span.neu-07, .formFields__radio--terms .formFields__label span[data-color=gray] {
        color: var(--neu-07)
    }

    .formFields__checkbox--terms .formFields__label span.neu-10, .formFields__checkbox--terms .formFields__label span[data-color=default], .formFields__radio--terms .formFields__label span.neu-10, .formFields__radio--terms .formFields__label span[data-color=default] {
        color: var(--neu-10)
    }

    .formFields__checkbox--terms .formFields__label b, .formFields__checkbox--terms .formFields__label strong, .formFields__radio--terms .formFields__label b, .formFields__radio--terms .formFields__label strong {
        font-weight: 700
    }

    .formFields__checkbox--terms .formFields__label em, .formFields__radio--terms .formFields__label em {
        font-style: italic
    }

    .formFields__checkbox--terms .formFields__label span, .formFields__radio--terms .formFields__label span {
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-stretch: normal;
        letter-spacing: normal;
        font-family: Inter,sans-serif;
        font-size: .813rem;
        line-height: 1.538em;
        letter-spacing: -.003em;
        font-weight: 400;
        display: block
    }

        .formFields__checkbox--terms .formFields__label span .link a, .formFields__radio--terms .formFields__label span .link a {
            transition: all .1s ease;
            text-decoration: underline;
            color: var(--m-01--dark-01)
        }

            .formFields__checkbox--terms .formFields__label span .link a:hover, .formFields__radio--terms .formFields__label span .link a:hover {
                color: var(--m-01)
            }

        .formFields__checkbox--terms .formFields__label span mark, .formFields__checkbox--terms .formFields__label span mark[data-color=color], .formFields__radio--terms .formFields__label span mark, .formFields__radio--terms .formFields__label span mark[data-color=color] {
            color: var(--m-01--dark-01)
        }

            .formFields__checkbox--terms .formFields__label span mark[data-color=gray], .formFields__radio--terms .formFields__label span mark[data-color=gray] {
                color: var(--neu-07)
            }

            .formFields__checkbox--terms .formFields__label span mark[data-color=default], .formFields__radio--terms .formFields__label span mark[data-color=default] {
                color: var(--neu-10)
            }

        .formFields__checkbox--terms .formFields__label span span.m-01--dark-01, .formFields__checkbox--terms .formFields__label span span[data-color=color], .formFields__radio--terms .formFields__label span span.m-01--dark-01, .formFields__radio--terms .formFields__label span span[data-color=color] {
            color: var(--m-01--dark-01)
        }

        .formFields__checkbox--terms .formFields__label span span.neu-07, .formFields__checkbox--terms .formFields__label span span[data-color=gray], .formFields__radio--terms .formFields__label span span.neu-07, .formFields__radio--terms .formFields__label span span[data-color=gray] {
            color: var(--neu-07)
        }

        .formFields__checkbox--terms .formFields__label span span.neu-10, .formFields__checkbox--terms .formFields__label span span[data-color=default], .formFields__radio--terms .formFields__label span span.neu-10, .formFields__radio--terms .formFields__label span span[data-color=default] {
            color: var(--neu-10)
        }

        .formFields__checkbox--terms .formFields__label span b, .formFields__checkbox--terms .formFields__label span strong, .formFields__radio--terms .formFields__label span b, .formFields__radio--terms .formFields__label span strong {
            font-weight: 700
        }

        .formFields__checkbox--terms .formFields__label span em, .formFields__radio--terms .formFields__label span em {
            font-style: italic
        }

@media (max-width:1024px) {
    .formFields__checkbox--terms .formFields__label span, .formFields__radio--terms .formFields__label span {
        margin-top: 4px
    }
}

.formFields__checkbox .formFields__inputBottomAuxMessage, .formFields__radio .formFields__inputBottomAuxMessage {
    grid-column: 1 !important;
    justify-self: flex-start !important
}

.formFields__toggle .formFields__toggleItem {
    display: flex;
    max-width: fit-content;
    gap: 10px;
    pointer-events: none;
}

.formFields__toggle .formFields__toggleBase {
    width: 44px;
    min-width: 44px;
    height: 22px;
    display: flex;
    align-items: center;
    cursor: pointer;
    background-color: var(--neu-04);
    border-radius: 50px;
    padding: 0 4px;
    transform: translateY(2px);
    pointer-events: auto
}

    .formFields__toggle .formFields__toggleBase:after {
        content: "";
        display: block;
        height: 14px;
        width: 14px;
        border-radius: 50%;
        background-color: var(--neu-01);
        transform: translateZ(0);
        transition: transform .2s cubic-bezier(.5,0,.05,1)
    }

@media (max-width:1024px) {
    .formFields__toggle .formFields__toggleBase:after {
        height: 20px;
        width: 20px
    }
}

@media (max-width:1024px) {
    .formFields__toggle .formFields__toggleBase {
        height: 28px;
        width: 55px;
        min-width: 55px;
        transform: translateY(-2px)
    }
}

.formFields__toggle .formFields__toggleInput {
    position: absolute;
    pointer-events: none;
    left: -9999px;
    display: none
}

    .formFields__toggle .formFields__toggleInput:checked + .formFields__toggleBase {
        background-color: var(--m-01)
    }

        .formFields__toggle .formFields__toggleInput:checked + .formFields__toggleBase:after {
            transform: translate3d(22px,0,0)
        }

@media (max-width:1024px) {
    .formFields__toggle .formFields__toggleInput:checked + .formFields__toggleBase:after {
        transform: translate3d(26px,0,0)
    }
}

.formFields__toggle .formFields__toggleLabel {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1rem;
    line-height: 1.5em;
    letter-spacing: -.011em;
    font-weight: 400;
    color: var(--neu-10);
}

    .formFields__toggle .formFields__toggleLabel .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .formFields__toggle .formFields__toggleLabel .link a:hover {
            color: var(--m-01)
        }

    .formFields__toggle .formFields__toggleLabel mark, .formFields__toggle .formFields__toggleLabel mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .formFields__toggle .formFields__toggleLabel mark[data-color=gray] {
            color: var(--neu-07)
        }

        .formFields__toggle .formFields__toggleLabel mark[data-color=default] {
            color: var(--neu-10)
        }

    .formFields__toggle .formFields__toggleLabel span.m-01--dark-01, .formFields__toggle .formFields__toggleLabel span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .formFields__toggle .formFields__toggleLabel span.neu-07, .formFields__toggle .formFields__toggleLabel span[data-color=gray] {
        color: var(--neu-07)
    }

    .formFields__toggle .formFields__toggleLabel span.neu-10, .formFields__toggle .formFields__toggleLabel span[data-color=default] {
        color: var(--neu-10)
    }

    .formFields__toggle .formFields__toggleLabel b, .formFields__toggle .formFields__toggleLabel strong {
        font-weight: 700
    }

    .formFields__toggle .formFields__toggleLabel em {
        font-style: italic
    }

.formFields__toggle--active .formFields__toggleBase {
    background-color: var(--m-01)
}

    .formFields__toggle--active .formFields__toggleBase:after {
        transform: translate3d(22px,0,0)
    }

@media (max-width:1024px) {
    .formFields__toggle--active .formFields__toggleBase:after {
        transform: translate3d(26px,0,0)
    }
}

.formFields__toggle.disable .formFields__toggleLabel {
    opacity: .4
}

.formFields__toggleButtons {
    display: flex;
    box-shadow: inset 0 0 0 1px var(--neu-06);
    height: 48px;
    width: -moz-fit-content;
    width: fit-content;
    border-radius: 2px;
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1rem;
    line-height: 1.5em;
    letter-spacing: -.011em;
    font-weight: 400;
    margin-bottom: 0
}

    .formFields__toggleButtons .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .formFields__toggleButtons .link a:hover {
            color: var(--m-01)
        }

    .formFields__toggleButtons mark, .formFields__toggleButtons mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .formFields__toggleButtons mark[data-color=gray] {
            color: var(--neu-07)
        }

        .formFields__toggleButtons mark[data-color=default] {
            color: var(--neu-10)
        }

    .formFields__toggleButtons span.m-01--dark-01, .formFields__toggleButtons span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .formFields__toggleButtons span.neu-07, .formFields__toggleButtons span[data-color=gray] {
        color: var(--neu-07)
    }

    .formFields__toggleButtons span.neu-10, .formFields__toggleButtons span[data-color=default] {
        color: var(--neu-10)
    }

    .formFields__toggleButtons b, .formFields__toggleButtons strong {
        font-weight: 700
    }

    .formFields__toggleButtons em {
        font-style: italic
    }

@media (max-width:512px) {
    .formFields__toggleButtons {
        width: 100%
    }
}

.formFields__toggleButtons-item {
    height: 100%
}

@media (max-width:512px) {
    .formFields__toggleButtons-item {
        width: 100%
    }
}

.formFields__toggleButtons-input {
    position: absolute
}

    .formFields__toggleButtons-input:checked + .formFields__toggleButtons-label {
        font-weight: 700;
        pointer-events: none
    }

.formFields__toggleButtons-label {
    transition: all .1s ease;
    padding: 0 20px;
    cursor: pointer;
    height: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    color: var(--neu-10)
}

    .formFields__toggleButtons-label:after {
        display: block;
        content: attr(data-title);
        font-weight: 700;
        height: 1px;
        color: transparent;
        overflow: hidden;
        visibility: hidden
    }

    .formFields__toggleButtons-label:hover {
        opacity: .7
    }

@media (max-width:512px) {
    .formFields__toggleButtons-label:hover {
        opacity: 1
    }
}

.formFields__toggleButtons-border {
    position: absolute;
    top: 0;
    left: 0;
    box-shadow: inset 0 0 0 1px var(--neu-10);
    height: 100%;
    width: 0;
    transition: transform .15s ease;
    border-radius: 2px
}

.formFields__toggleButtons--small {
    height: 40px;
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: .813rem;
    line-height: 1.538em;
    letter-spacing: -.003em;
    font-weight: 400
}

    .formFields__toggleButtons--small .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .formFields__toggleButtons--small .link a:hover {
            color: var(--m-01)
        }

    .formFields__toggleButtons--small mark, .formFields__toggleButtons--small mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .formFields__toggleButtons--small mark[data-color=gray] {
            color: var(--neu-07)
        }

        .formFields__toggleButtons--small mark[data-color=default] {
            color: var(--neu-10)
        }

    .formFields__toggleButtons--small span.m-01--dark-01, .formFields__toggleButtons--small span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .formFields__toggleButtons--small span.neu-07, .formFields__toggleButtons--small span[data-color=gray] {
        color: var(--neu-07)
    }

    .formFields__toggleButtons--small span.neu-10, .formFields__toggleButtons--small span[data-color=default] {
        color: var(--neu-10)
    }

    .formFields__toggleButtons--small b, .formFields__toggleButtons--small strong {
        font-weight: 700
    }

    .formFields__toggleButtons--small em {
        font-style: italic
    }

.formFields__choice .formFields__choiceWrapper {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 16px
}

@media (max-width:768px) {
    .formFields__choice .formFields__choiceWrapper {
        grid-template-columns: repeat(2,1fr)
    }
}

.formFields__choice .formFields__choice-item {
    width: 100%;
    height: 116px
}

.formFields__choice .formFields__label {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1rem;
    line-height: 1.5em;
    letter-spacing: -.011em;
    font-weight: 400;
    transition: all .1s ease;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border: 1px solid var(--neu-03);
    cursor: pointer;
    color: var(--neu-10);
    padding: 8px 16px;
    text-align: center;
    border-radius: 2px
}

    .formFields__choice .formFields__label .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .formFields__choice .formFields__label .link a:hover {
            color: var(--m-01)
        }

    .formFields__choice .formFields__label mark, .formFields__choice .formFields__label mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .formFields__choice .formFields__label mark[data-color=gray] {
            color: var(--neu-07)
        }

        .formFields__choice .formFields__label mark[data-color=default] {
            color: var(--neu-10)
        }

    .formFields__choice .formFields__label span.m-01--dark-01, .formFields__choice .formFields__label span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .formFields__choice .formFields__label span.neu-07, .formFields__choice .formFields__label span[data-color=gray] {
        color: var(--neu-07)
    }

    .formFields__choice .formFields__label span.neu-10, .formFields__choice .formFields__label span[data-color=default] {
        color: var(--neu-10)
    }

    .formFields__choice .formFields__label b, .formFields__choice .formFields__label strong {
        font-weight: 700
    }

    .formFields__choice .formFields__label em {
        font-style: italic
    }

    .formFields__choice .formFields__label:hover {
        border: 1px solid var(--neu-10) !important
    }

    .formFields__choice .formFields__label i {
        min-width: 32px;
        width: 32px;
        height: 32px;
        font-size: 32px
    }

        .formFields__choice .formFields__label i:before {
            font-size: 32px;
            font-weight: 400
        }

.formFields__choice .formFields__inputTop {
    margin-bottom: 16px
}

.formFields__choice .formFields__inputBottomAuxMessage {
    grid-column: 1/3;
    justify-self: flex-start
}

.formFields__choice input[type=radio] {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0
}

    .formFields__choice input[type=radio]:checked + label {
        border-color: transparent;
        background-color: var(--m-01--dark-01);
        color: var(--neu-01);
        font-weight: 700
    }

        .formFields__choice input[type=radio]:checked + label:hover {
            border-color: transparent !important;
            background-color: var(--m-01)
        }

.formFields__planCards-wrapper {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 16px
}

@media (max-width:768px) {
    .formFields__planCards-wrapper {
        grid-template-columns: repeat(1,1fr)
    }
}

.formFields__planCards-item {
    width: 100%;
    display: grid;
    align-items: center;
    justify-items: center;
    border-radius: 2px;
    box-shadow: 0 0 1px rgba(26,24,23,.05),0 2px 4px rgba(26,24,23,.1)
}

    .formFields__planCards-item:has(input:checked) {
        pointer-events: none
    }

.formFields__planCards-title {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Calma Global Medium,sans-serif;
    font-size: 1.625rem;
    line-height: 1.231em;
    letter-spacing: 0;
    text-align: center
}

    .formFields__planCards-title .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .formFields__planCards-title .link a:hover {
            color: var(--m-01)
        }

    .formFields__planCards-title mark, .formFields__planCards-title mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .formFields__planCards-title mark[data-color=gray] {
            color: var(--neu-07)
        }

        .formFields__planCards-title mark[data-color=default] {
            color: var(--neu-10)
        }

    .formFields__planCards-title span.m-01--dark-01, .formFields__planCards-title span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .formFields__planCards-title span.neu-07, .formFields__planCards-title span[data-color=gray] {
        color: var(--neu-07)
    }

    .formFields__planCards-title span.neu-10, .formFields__planCards-title span[data-color=default] {
        color: var(--neu-10)
    }

    .formFields__planCards-title b, .formFields__planCards-title strong {
        font-weight: 700
    }

    .formFields__planCards-title em {
        font-style: italic
    }

@media (max-width:768px) {
    .formFields__planCards-title {
        text-align: left
    }
}

.formFields__planCards-subtitle {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: .688rem;
    line-height: 1.455em;
    letter-spacing: .005em;
    font-weight: 400;
    color: var(--m-01--dark-01);
    text-transform: uppercase;
    text-align: center
}

    .formFields__planCards-subtitle .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .formFields__planCards-subtitle .link a:hover {
            color: var(--m-01)
        }

    .formFields__planCards-subtitle mark, .formFields__planCards-subtitle mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .formFields__planCards-subtitle mark[data-color=gray] {
            color: var(--neu-07)
        }

        .formFields__planCards-subtitle mark[data-color=default] {
            color: var(--neu-10)
        }

    .formFields__planCards-subtitle span.m-01--dark-01, .formFields__planCards-subtitle span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .formFields__planCards-subtitle span.neu-07, .formFields__planCards-subtitle span[data-color=gray] {
        color: var(--neu-07)
    }

    .formFields__planCards-subtitle span.neu-10, .formFields__planCards-subtitle span[data-color=default] {
        color: var(--neu-10)
    }

    .formFields__planCards-subtitle b, .formFields__planCards-subtitle strong {
        font-weight: 700
    }

    .formFields__planCards-subtitle em {
        font-style: italic
    }

@media (max-width:768px) {
    .formFields__planCards-subtitle {
        text-align: left
    }
}

.formFields__planCards .textFormats ul {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 0;
    margin-top: 20px
}

@media (max-width:768px) {
    .formFields__planCards .textFormats ul {
        margin-top: 12px
    }
}

.formFields__planCards .textFormats ul li {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: .688rem;
    line-height: 1.455em;
    letter-spacing: .005em;
    font-weight: 400;
    padding-left: 16px
}

    .formFields__planCards .textFormats ul li .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .formFields__planCards .textFormats ul li .link a:hover {
            color: var(--m-01)
        }

    .formFields__planCards .textFormats ul li mark, .formFields__planCards .textFormats ul li mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .formFields__planCards .textFormats ul li mark[data-color=gray] {
            color: var(--neu-07)
        }

        .formFields__planCards .textFormats ul li mark[data-color=default] {
            color: var(--neu-10)
        }

    .formFields__planCards .textFormats ul li span.m-01--dark-01, .formFields__planCards .textFormats ul li span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .formFields__planCards .textFormats ul li span.neu-07, .formFields__planCards .textFormats ul li span[data-color=gray] {
        color: var(--neu-07)
    }

    .formFields__planCards .textFormats ul li span.neu-10, .formFields__planCards .textFormats ul li span[data-color=default] {
        color: var(--neu-10)
    }

    .formFields__planCards .textFormats ul li b, .formFields__planCards .textFormats ul li strong {
        font-weight: 700
    }

    .formFields__planCards .textFormats ul li em {
        font-style: italic
    }

    .formFields__planCards .textFormats ul li:before {
        top: 0;
        transform: scale(.6)
    }

.formFields__planCards .formFields__label {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1rem;
    line-height: 1.5em;
    letter-spacing: -.011em;
    font-weight: 400;
    transition: all .1s ease;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    cursor: pointer;
    color: var(--neu-10);
    padding: 24px 16px 72px;
    border-radius: 2px
}

    .formFields__planCards .formFields__label .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .formFields__planCards .formFields__label .link a:hover {
            color: var(--m-01)
        }

    .formFields__planCards .formFields__label mark, .formFields__planCards .formFields__label mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .formFields__planCards .formFields__label mark[data-color=gray] {
            color: var(--neu-07)
        }

        .formFields__planCards .formFields__label mark[data-color=default] {
            color: var(--neu-10)
        }

    .formFields__planCards .formFields__label span.m-01--dark-01, .formFields__planCards .formFields__label span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .formFields__planCards .formFields__label span.neu-07, .formFields__planCards .formFields__label span[data-color=gray] {
        color: var(--neu-07)
    }

    .formFields__planCards .formFields__label span.neu-10, .formFields__planCards .formFields__label span[data-color=default] {
        color: var(--neu-10)
    }

    .formFields__planCards .formFields__label b, .formFields__planCards .formFields__label strong {
        font-weight: 700
    }

    .formFields__planCards .formFields__label em {
        font-style: italic
    }

@media (max-width:768px) {
    .formFields__planCards .formFields__label {
        align-items: flex-start;
        padding: 68px 16px 24px
    }
}

.formFields__planCards .formFields__inputTop {
    margin-bottom: 16px
}

.formFields__planCards .formFields__inputBottomAuxMessage {
    grid-column: 1/3;
    justify-self: flex-start
}

.formFields__planCards input[type=radio] {
    background-color: transparent;
    width: 22px;
    height: 22px;
    border: solid 1px var(--neu-06);
    border-radius: 2px;
    cursor: pointer;
    margin: 0;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    position: absolute;
    bottom: 24px
}

@media (max-width:1024px) {
    .formFields__planCards input[type=radio] {
        width: 28px;
        height: 28px
    }
}

@media (max-width:768px) {
    .formFields__planCards input[type=radio] {
        bottom: unset;
        top: 24px;
        left: 16px
    }
}

.formFields__planCards input[type=radio]:hover {
    border-color: var(--neu-10)
}

.formFields__planCards input[type=radio]:checked {
    border-color: var(--m-01);
    background-color: var(--m-01);
    pointer-events: none
}

    .formFields__planCards input[type=radio]:checked:after {
        font-family: aicep-base-icons !important;
        content: "\e913";
        color: var(--neu-01);
        display: flex
    }

@media (max-width:1024px) {
    .formFields__planCards input[type=radio]:checked:after {
        font-size: 16px
    }
}

.formFields__planCards input[type=radio]:checked ~ label {
    box-shadow: inset 0 0 0 4px var(--m-01--dark-01);
    pointer-events: none
}

.formFields__autocompleteMultiselect.filled input[type=radio]:checked + label, .formFields__autocompleteMultiselect input[type=radio]:checked + label, .formFields__dropdown.filled input[type=radio]:checked + label, .formFields__dropdownAutocomplete.filled input[type=radio]:checked + label, .formFields__dropdownAutocomplete input[type=radio]:checked + label, .formFields__dropdown input[type=radio]:checked + label, .formFields__dropdownMultiselect.filled input[type=radio]:checked + label, .formFields__dropdownMultiselect input[type=radio]:checked + label {
    background-color: var(--neu-02)
}

.formFields__autocompleteMultiselect--iconLeft .formFields__selectButton, .formFields__dropdown--iconLeft .formFields__selectButton, .formFields__dropdownAutocomplete--iconLeft .formFields__selectButton, .formFields__dropdownMultiselect--iconLeft .formFields__selectButton {
    padding: 12px 32px 12px 44px !important
}

.formFields__autocompleteMultiselect--sort, .formFields__dropdown--sort, .formFields__dropdownAutocomplete--sort, .formFields__dropdownMultiselect--sort {
    width: -moz-fit-content;
    width: fit-content;
    display: grid;
    grid-template-columns: auto minmax(180px,220px);
    gap: 16px;
    margin-bottom: 0
}

    .formFields__autocompleteMultiselect--sort .formFields__inputTop, .formFields__dropdown--sort .formFields__inputTop, .formFields__dropdownAutocomplete--sort .formFields__inputTop, .formFields__dropdownMultiselect--sort .formFields__inputTop {
        margin-bottom: 0
    }

    .formFields__autocompleteMultiselect--sort .formFields__topLabel, .formFields__dropdown--sort .formFields__topLabel, .formFields__dropdownAutocomplete--sort .formFields__topLabel, .formFields__dropdownMultiselect--sort .formFields__topLabel {
        white-space: nowrap
    }

    .formFields__autocompleteMultiselect--sort .formFields__placeholderContainer, .formFields__dropdown--sort .formFields__placeholderContainer, .formFields__dropdownAutocomplete--sort .formFields__placeholderContainer, .formFields__dropdownMultiselect--sort .formFields__placeholderContainer {
        width: 100%;
        max-width: 230px
    }

.formFields__autocompleteMultiselect .formFields__inputContainer, .formFields__dropdown .formFields__inputContainer, .formFields__dropdownAutocomplete .formFields__inputContainer, .formFields__dropdownMultiselect .formFields__inputContainer {
    position: relative;
    border: solid 1px var(--neu-06);
    border-radius: 2px;
    height: 48px
}

    .formFields__autocompleteMultiselect .formFields__inputContainer:before, .formFields__dropdown .formFields__inputContainer:before, .formFields__dropdownAutocomplete .formFields__inputContainer:before, .formFields__dropdownMultiselect .formFields__inputContainer:before {
        content: "";
        position: absolute;
        width: calc(100% - 16px * 2);
        height: 1px;
        top: 47px;
        left: 16px;
        background-color: var(--neu-03);
        opacity: 0;
        z-index: 23
    }

    .formFields__autocompleteMultiselect .formFields__inputContainer:hover, .formFields__dropdown .formFields__inputContainer:hover, .formFields__dropdownAutocomplete .formFields__inputContainer:hover, .formFields__dropdownMultiselect .formFields__inputContainer:hover {
        border: solid 1px var(--neu-10)
    }

    .formFields__autocompleteMultiselect .formFields__inputContainer.open, .formFields__dropdown .formFields__inputContainer.open, .formFields__dropdownAutocomplete .formFields__inputContainer.open, .formFields__dropdownMultiselect .formFields__inputContainer.open {
        z-index: 20;
        overflow: visible
    }

        .formFields__autocompleteMultiselect .formFields__inputContainer.open:before, .formFields__dropdown .formFields__inputContainer.open:before, .formFields__dropdownAutocomplete .formFields__inputContainer.open:before, .formFields__dropdownMultiselect .formFields__inputContainer.open:before {
            opacity: 1
        }


.formFields__autocompleteMultiselect .formFields__placeholderContainer {
    position: relative
}

.formFields__autocompleteMultiselect .formFields__dropdownContainer, .formFields__dropdown .formFields__dropdownContainer, .formFields__dropdownAutocomplete .formFields__dropdownContainer, .formFields__dropdownMultiselect .formFields__dropdownContainer {
    border-radius: 2px;
}

    .formFields__autocompleteMultiselect .formFields__dropdownContainer .formFields__option--hide + label, .formFields__autocompleteMultiselect .formFields__dropdownContainer .formFields__optionsContainer, .formFields__dropdown .formFields__dropdownContainer .formFields__option--hide + label, .formFields__dropdown .formFields__dropdownContainer .formFields__optionsContainer, .formFields__dropdownAutocomplete .formFields__dropdownContainer .formFields__option--hide + label, .formFields__dropdownAutocomplete .formFields__dropdownContainer .formFields__optionsContainer, .formFields__dropdownMultiselect .formFields__dropdownContainer .formFields__option--hide + label, .formFields__dropdownMultiselect .formFields__dropdownContainer .formFields__optionsContainer {
        display: none
    }

.formFields__autocompleteMultiselect .formFields__dropdownContainer--open, .formFields__dropdown .formFields__dropdownContainer--open, .formFields__dropdownAutocomplete .formFields__dropdownContainer--open, .formFields__dropdownMultiselect .formFields__dropdownContainer--open {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    border: solid 1px var(--neu-10);
    border-top: none;
    z-index: 20;
    background-color: var(--neu-01);
    max-height: 60vh;
    height: auto;
}

    .formFields__autocompleteMultiselect .formFields__dropdownContainer--open .formFields__optionsContainer, .formFields__dropdown .formFields__dropdownContainer--open .formFields__optionsContainer, .formFields__dropdownAutocomplete .formFields__dropdownContainer--open .formFields__optionsContainer, .formFields__dropdownMultiselect .formFields__dropdownContainer--open .formFields__optionsContainer {
        display: block;
        overflow-y: auto;
        /*max-height: 60vh;*/
        max-height: 190px;
    }

        .formFields__autocompleteMultiselect .formFields__dropdownContainer--open .formFields__optionsContainer::-webkit-scrollbar-track, .formFields__dropdown .formFields__dropdownContainer--open .formFields__optionsContainer::-webkit-scrollbar-track, .formFields__dropdownAutocomplete .formFields__dropdownContainer--open .formFields__optionsContainer::-webkit-scrollbar-track, .formFields__dropdownMultiselect .formFields__dropdownContainer--open .formFields__optionsContainer::-webkit-scrollbar-track {
            border-radius: 20px;
            background-color: var(--neu-02)
        }

        .formFields__autocompleteMultiselect .formFields__dropdownContainer--open .formFields__optionsContainer::-webkit-scrollbar, .formFields__dropdown .formFields__dropdownContainer--open .formFields__optionsContainer::-webkit-scrollbar, .formFields__dropdownAutocomplete .formFields__dropdownContainer--open .formFields__optionsContainer::-webkit-scrollbar, .formFields__dropdownMultiselect .formFields__dropdownContainer--open .formFields__optionsContainer::-webkit-scrollbar {
            width: 4px
        }

        .formFields__autocompleteMultiselect .formFields__dropdownContainer--open .formFields__optionsContainer::-webkit-scrollbar-thumb, .formFields__dropdown .formFields__dropdownContainer--open .formFields__optionsContainer::-webkit-scrollbar-thumb, .formFields__dropdownAutocomplete .formFields__dropdownContainer--open .formFields__optionsContainer::-webkit-scrollbar-thumb, .formFields__dropdownMultiselect .formFields__dropdownContainer--open .formFields__optionsContainer::-webkit-scrollbar-thumb {
            border-radius: 20px;
            background-color: var(--neu-05)
        }

    .formFields__autocompleteMultiselect .formFields__dropdownContainer--open .formFields__dropdownInputText, .formFields__autocompleteMultiselect .formFields__dropdownContainer--open .formFields__selectButton, .formFields__dropdown .formFields__dropdownContainer--open .formFields__dropdownInputText, .formFields__dropdown .formFields__dropdownContainer--open .formFields__selectButton, .formFields__dropdownAutocomplete .formFields__dropdownContainer--open .formFields__dropdownInputText, .formFields__dropdownAutocomplete .formFields__dropdownContainer--open .formFields__selectButton, .formFields__dropdownMultiselect .formFields__dropdownContainer--open .formFields__dropdownInputText, .formFields__dropdownMultiselect .formFields__dropdownContainer--open .formFields__selectButton {
        background-color: var(--neu-01)
    }

    
    .formFields__autocompleteMultiselect .formFields__dropdownContainer--open .formFields__inputIcon, .formFields__autocompleteMultiselect .formFields__dropdownContainer--open .formFields__inputIcon--left, .formFields__dropdown .formFields__dropdownContainer--open .formFields__inputIcon, .formFields__dropdown .formFields__dropdownContainer--open .formFields__inputIcon--left, .formFields__dropdownAutocomplete .formFields__dropdownContainer--open .formFields__inputIcon, .formFields__dropdownAutocomplete .formFields__dropdownContainer--open .formFields__inputIcon--left, .formFields__dropdownMultiselect .formFields__dropdownContainer--open .formFields__inputIcon, .formFields__dropdownMultiselect .formFields__dropdownContainer--open .formFields__inputIcon--left {
        transform: rotateX(180deg)
    }
    

    .formFields__autocompleteMultiselect .formFields__dropdownContainer--open .formFields__inputIcon--left, .formFields__dropdown .formFields__dropdownContainer--open .formFields__inputIcon--left, .formFields__dropdownAutocomplete .formFields__dropdownContainer--open .formFields__inputIcon--left, .formFields__dropdownMultiselect .formFields__dropdownContainer--open .formFields__inputIcon--left {
        transform: none
    }

.formFields__autocompleteMultiselect .formFields__dropdownContainer:hover, .formFields__dropdown .formFields__dropdownContainer:hover, .formFields__dropdownAutocomplete .formFields__dropdownContainer:hover, .formFields__dropdownMultiselect .formFields__dropdownContainer:hover {
    border-color: var(--neu-10)
}

.formFields__autocompleteMultiselect .formFields__inputIcon, .formFields__autocompleteMultiselect .formFields__inputIcon--left, .formFields__dropdown .formFields__inputIcon, .formFields__dropdown .formFields__inputIcon--left, .formFields__dropdownAutocomplete .formFields__inputIcon, .formFields__dropdownAutocomplete .formFields__inputIcon--left, .formFields__dropdownMultiselect .formFields__inputIcon, .formFields__dropdownMultiselect .formFields__inputIcon--left {
    transition: transform .2s ease-in-out;
    transform: rotate(0deg);
}

.formFields__autocompleteMultiselect .formFields__inputIcon--left, .formFields__dropdown .formFields__inputIcon--left, .formFields__dropdownAutocomplete .formFields__inputIcon--left, .formFields__dropdownMultiselect .formFields__inputIcon--left {
    position: absolute;
    right: unset;
    left: 14px
}

.formFields__autocompleteMultiselect .formFields__dropdownInputText, .formFields__autocompleteMultiselect .formFields__selectButton, .formFields__dropdown .formFields__dropdownInputText, .formFields__dropdown .formFields__selectButton, .formFields__dropdownAutocomplete .formFields__dropdownInputText, .formFields__dropdownAutocomplete .formFields__selectButton, .formFields__dropdownMultiselect .formFields__dropdownInputText, .formFields__dropdownMultiselect .formFields__selectButton {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1rem;
    line-height: 1.5em;
    letter-spacing: -.011em;
    font-weight: 400;
    padding: 12px 32px 12px 16px;
    width: 100%;
    text-align: left;
    position: absolute;
    top: 0;
    z-index: 10;
    background-color: transparent;
    height: 48px;
    border: 0 !important;
    cursor: pointer
}

    .formFields__autocompleteMultiselect .formFields__dropdownInputText .link a, .formFields__autocompleteMultiselect .formFields__selectButton .link a, .formFields__dropdown .formFields__dropdownInputText .link a, .formFields__dropdown .formFields__selectButton .link a, .formFields__dropdownAutocomplete .formFields__dropdownInputText .link a, .formFields__dropdownAutocomplete .formFields__selectButton .link a, .formFields__dropdownMultiselect .formFields__dropdownInputText .link a, .formFields__dropdownMultiselect .formFields__selectButton .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .formFields__autocompleteMultiselect .formFields__dropdownInputText .link a:hover, .formFields__autocompleteMultiselect .formFields__selectButton .link a:hover, .formFields__dropdown .formFields__dropdownInputText .link a:hover, .formFields__dropdown .formFields__selectButton .link a:hover, .formFields__dropdownAutocomplete .formFields__dropdownInputText .link a:hover, .formFields__dropdownAutocomplete .formFields__selectButton .link a:hover, .formFields__dropdownMultiselect .formFields__dropdownInputText .link a:hover, .formFields__dropdownMultiselect .formFields__selectButton .link a:hover {
            color: var(--m-01)
        }

    .formFields__autocompleteMultiselect .formFields__dropdownInputText mark, .formFields__autocompleteMultiselect .formFields__dropdownInputText mark[data-color=color], .formFields__autocompleteMultiselect .formFields__selectButton mark, .formFields__autocompleteMultiselect .formFields__selectButton mark[data-color=color], .formFields__dropdown .formFields__dropdownInputText mark, .formFields__dropdown .formFields__dropdownInputText mark[data-color=color], .formFields__dropdown .formFields__selectButton mark, .formFields__dropdown .formFields__selectButton mark[data-color=color], .formFields__dropdownAutocomplete .formFields__dropdownInputText mark, .formFields__dropdownAutocomplete .formFields__dropdownInputText mark[data-color=color], .formFields__dropdownAutocomplete .formFields__selectButton mark, .formFields__dropdownAutocomplete .formFields__selectButton mark[data-color=color], .formFields__dropdownMultiselect .formFields__dropdownInputText mark, .formFields__dropdownMultiselect .formFields__dropdownInputText mark[data-color=color], .formFields__dropdownMultiselect .formFields__selectButton mark, .formFields__dropdownMultiselect .formFields__selectButton mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .formFields__autocompleteMultiselect .formFields__dropdownInputText mark[data-color=gray], .formFields__autocompleteMultiselect .formFields__selectButton mark[data-color=gray], .formFields__dropdown .formFields__dropdownInputText mark[data-color=gray], .formFields__dropdown .formFields__selectButton mark[data-color=gray], .formFields__dropdownAutocomplete .formFields__dropdownInputText mark[data-color=gray], .formFields__dropdownAutocomplete .formFields__selectButton mark[data-color=gray], .formFields__dropdownMultiselect .formFields__dropdownInputText mark[data-color=gray], .formFields__dropdownMultiselect .formFields__selectButton mark[data-color=gray] {
            color: var(--neu-07)
        }

        .formFields__autocompleteMultiselect .formFields__dropdownInputText mark[data-color=default], .formFields__autocompleteMultiselect .formFields__selectButton mark[data-color=default], .formFields__dropdown .formFields__dropdownInputText mark[data-color=default], .formFields__dropdown .formFields__selectButton mark[data-color=default], .formFields__dropdownAutocomplete .formFields__dropdownInputText mark[data-color=default], .formFields__dropdownAutocomplete .formFields__selectButton mark[data-color=default], .formFields__dropdownMultiselect .formFields__dropdownInputText mark[data-color=default], .formFields__dropdownMultiselect .formFields__selectButton mark[data-color=default] {
            color: var(--neu-10)
        }

    .formFields__autocompleteMultiselect .formFields__dropdownInputText span.m-01--dark-01, .formFields__autocompleteMultiselect .formFields__dropdownInputText span[data-color=color], .formFields__autocompleteMultiselect .formFields__selectButton span.m-01--dark-01, .formFields__autocompleteMultiselect .formFields__selectButton span[data-color=color], .formFields__dropdown .formFields__dropdownInputText span.m-01--dark-01, .formFields__dropdown .formFields__dropdownInputText span[data-color=color], .formFields__dropdown .formFields__selectButton span.m-01--dark-01, .formFields__dropdown .formFields__selectButton span[data-color=color], .formFields__dropdownAutocomplete .formFields__dropdownInputText span.m-01--dark-01, .formFields__dropdownAutocomplete .formFields__dropdownInputText span[data-color=color], .formFields__dropdownAutocomplete .formFields__selectButton span.m-01--dark-01, .formFields__dropdownAutocomplete .formFields__selectButton span[data-color=color], .formFields__dropdownMultiselect .formFields__dropdownInputText span.m-01--dark-01, .formFields__dropdownMultiselect .formFields__dropdownInputText span[data-color=color], .formFields__dropdownMultiselect .formFields__selectButton span.m-01--dark-01, .formFields__dropdownMultiselect .formFields__selectButton span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .formFields__autocompleteMultiselect .formFields__dropdownInputText span.neu-07, .formFields__autocompleteMultiselect .formFields__dropdownInputText span[data-color=gray], .formFields__autocompleteMultiselect .formFields__selectButton span.neu-07, .formFields__autocompleteMultiselect .formFields__selectButton span[data-color=gray], .formFields__dropdown .formFields__dropdownInputText span.neu-07, .formFields__dropdown .formFields__dropdownInputText span[data-color=gray], .formFields__dropdown .formFields__selectButton span.neu-07, .formFields__dropdown .formFields__selectButton span[data-color=gray], .formFields__dropdownAutocomplete .formFields__dropdownInputText span.neu-07, .formFields__dropdownAutocomplete .formFields__dropdownInputText span[data-color=gray], .formFields__dropdownAutocomplete .formFields__selectButton span.neu-07, .formFields__dropdownAutocomplete .formFields__selectButton span[data-color=gray], .formFields__dropdownMultiselect .formFields__dropdownInputText span.neu-07, .formFields__dropdownMultiselect .formFields__dropdownInputText span[data-color=gray], .formFields__dropdownMultiselect .formFields__selectButton span.neu-07, .formFields__dropdownMultiselect .formFields__selectButton span[data-color=gray] {
        color: var(--neu-07)
    }

    .formFields__autocompleteMultiselect .formFields__dropdownInputText span.neu-10, .formFields__autocompleteMultiselect .formFields__dropdownInputText span[data-color=default], .formFields__autocompleteMultiselect .formFields__selectButton span.neu-10, .formFields__autocompleteMultiselect .formFields__selectButton span[data-color=default], .formFields__dropdown .formFields__dropdownInputText span.neu-10, .formFields__dropdown .formFields__dropdownInputText span[data-color=default], .formFields__dropdown .formFields__selectButton span.neu-10, .formFields__dropdown .formFields__selectButton span[data-color=default], .formFields__dropdownAutocomplete .formFields__dropdownInputText span.neu-10, .formFields__dropdownAutocomplete .formFields__dropdownInputText span[data-color=default], .formFields__dropdownAutocomplete .formFields__selectButton span.neu-10, .formFields__dropdownAutocomplete .formFields__selectButton span[data-color=default], .formFields__dropdownMultiselect .formFields__dropdownInputText span.neu-10, .formFields__dropdownMultiselect .formFields__dropdownInputText span[data-color=default], .formFields__dropdownMultiselect .formFields__selectButton span.neu-10, .formFields__dropdownMultiselect .formFields__selectButton span[data-color=default] {
        color: var(--neu-10)
    }

    .formFields__autocompleteMultiselect .formFields__dropdownInputText b, .formFields__autocompleteMultiselect .formFields__dropdownInputText strong, .formFields__autocompleteMultiselect .formFields__selectButton b, .formFields__autocompleteMultiselect .formFields__selectButton strong, .formFields__dropdown .formFields__dropdownInputText b, .formFields__dropdown .formFields__dropdownInputText strong, .formFields__dropdown .formFields__selectButton b, .formFields__dropdown .formFields__selectButton strong, .formFields__dropdownAutocomplete .formFields__dropdownInputText b, .formFields__dropdownAutocomplete .formFields__dropdownInputText strong, .formFields__dropdownAutocomplete .formFields__selectButton b, .formFields__dropdownAutocomplete .formFields__selectButton strong, .formFields__dropdownMultiselect .formFields__dropdownInputText b, .formFields__dropdownMultiselect .formFields__dropdownInputText strong, .formFields__dropdownMultiselect .formFields__selectButton b, .formFields__dropdownMultiselect .formFields__selectButton strong {
        font-weight: 700
    }

    .formFields__autocompleteMultiselect .formFields__dropdownInputText em, .formFields__autocompleteMultiselect .formFields__selectButton em, .formFields__dropdown .formFields__dropdownInputText em, .formFields__dropdown .formFields__selectButton em, .formFields__dropdownAutocomplete .formFields__dropdownInputText em, .formFields__dropdownAutocomplete .formFields__selectButton em, .formFields__dropdownMultiselect .formFields__dropdownInputText em, .formFields__dropdownMultiselect .formFields__selectButton em {
        font-style: italic
    }

    .formFields__autocompleteMultiselect .formFields__dropdownInputText:focus, .formFields__autocompleteMultiselect .formFields__dropdownInputText:hover, .formFields__autocompleteMultiselect .formFields__selectButton:focus, .formFields__autocompleteMultiselect .formFields__selectButton:hover, .formFields__dropdown .formFields__dropdownInputText:focus, .formFields__dropdown .formFields__dropdownInputText:hover, .formFields__dropdown .formFields__selectButton:focus, .formFields__dropdown .formFields__selectButton:hover, .formFields__dropdownAutocomplete .formFields__dropdownInputText:focus, .formFields__dropdownAutocomplete .formFields__dropdownInputText:hover, .formFields__dropdownAutocomplete .formFields__selectButton:focus, .formFields__dropdownAutocomplete .formFields__selectButton:hover, .formFields__dropdownMultiselect .formFields__dropdownInputText:focus, .formFields__dropdownMultiselect .formFields__dropdownInputText:hover, .formFields__dropdownMultiselect .formFields__selectButton:focus, .formFields__dropdownMultiselect .formFields__selectButton:hover {
        border: 0
    }

    .formFields__autocompleteMultiselect .formFields__dropdownInputText span, .formFields__autocompleteMultiselect .formFields__selectButton span, .formFields__dropdown .formFields__dropdownInputText span, .formFields__dropdown .formFields__selectButton span, .formFields__dropdownAutocomplete .formFields__dropdownInputText span, .formFields__dropdownAutocomplete .formFields__selectButton span, .formFields__dropdownMultiselect .formFields__dropdownInputText span, .formFields__dropdownMultiselect .formFields__selectButton span {
        /*! autoprefixer: off */ -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        -ms-box-orient: vertical;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -moz-line-clamp: 1;
        -ms-line-clamp: 1;
        line-clamp: 1;
        overflow: hidden;
        color: var(--neu-07)
    }

    .formFields__autocompleteMultiselect .formFields__dropdownInputText .formFields__inputIcon, .formFields__autocompleteMultiselect .formFields__dropdownInputText .formFields__inputIcon--left, .formFields__autocompleteMultiselect .formFields__selectButton .formFields__inputIcon, .formFields__autocompleteMultiselect .formFields__selectButton .formFields__inputIcon--left, .formFields__dropdown .formFields__dropdownInputText .formFields__inputIcon, .formFields__dropdown .formFields__dropdownInputText .formFields__inputIcon--left, .formFields__dropdown .formFields__selectButton .formFields__inputIcon, .formFields__dropdown .formFields__selectButton .formFields__inputIcon--left, .formFields__dropdownAutocomplete .formFields__dropdownInputText .formFields__inputIcon, .formFields__dropdownAutocomplete .formFields__dropdownInputText .formFields__inputIcon--left, .formFields__dropdownAutocomplete .formFields__selectButton .formFields__inputIcon, .formFields__dropdownAutocomplete .formFields__selectButton .formFields__inputIcon--left, .formFields__dropdownMultiselect .formFields__dropdownInputText .formFields__inputIcon, .formFields__dropdownMultiselect .formFields__dropdownInputText .formFields__inputIcon--left, .formFields__dropdownMultiselect .formFields__selectButton .formFields__inputIcon, .formFields__dropdownMultiselect .formFields__selectButton .formFields__inputIcon--left {
        color: var(--neu-10)
    }

.formFields__autocompleteMultiselect .formFields__option, .formFields__dropdown .formFields__option, .formFields__dropdownAutocomplete .formFields__option, .formFields__dropdownMultiselect .formFields__option {
    position: absolute;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.formFields__autocompleteMultiselect .formFields__noResults, .formFields__autocompleteMultiselect .formFields__optionLabel, .formFields__dropdown .formFields__noResults, .formFields__dropdown .formFields__optionLabel, .formFields__dropdownAutocomplete .formFields__noResults, .formFields__dropdownAutocomplete .formFields__optionLabel, .formFields__dropdownMultiselect .formFields__noResults, .formFields__dropdownMultiselect .formFields__optionLabel {
    cursor: pointer;
    display: block;
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1rem;
    line-height: 1.5em;
    letter-spacing: -.011em;
    font-weight: 400;
    width: 100%;
    padding: 12px 40px 12px 16px;
    text-align: left
}

.formFields__dropdown .formFields__optionLabel--subsector, .formFields__dropdownAutocomplete .formFields__optionLabel--subsector, .formFields__autocompleteMultiselect .formFields__optionLabel--subsector {
    cursor: pointer;
    display: block;
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1rem;
    line-height: 1.5em;
    letter-spacing: -.011em;
    font-weight: 400;
    width: 100%;
    padding: 12px 40px 12px 40px;
    text-align: left
}

.formFields__autocompleteMultiselect .formFields__noResults .link a, .formFields__autocompleteMultiselect .formFields__optionLabel .link a, .formFields__dropdown .formFields__noResults .link a, .formFields__dropdown .formFields__optionLabel .link a, .formFields__dropdownAutocomplete .formFields__noResults .link a, .formFields__dropdownAutocomplete .formFields__optionLabel .link a, .formFields__dropdownMultiselect .formFields__noResults .link a, .formFields__dropdownMultiselect .formFields__optionLabel .link a {
    transition: all .1s ease;
    text-decoration: underline;
    color: var(--m-01--dark-01)
}

    .formFields__autocompleteMultiselect .formFields__noResults .link a:hover, .formFields__autocompleteMultiselect .formFields__optionLabel .link a:hover, .formFields__dropdown .formFields__noResults .link a:hover, .formFields__dropdown .formFields__optionLabel .link a:hover, .formFields__dropdownAutocomplete .formFields__noResults .link a:hover, .formFields__dropdownAutocomplete .formFields__optionLabel .link a:hover, .formFields__dropdownMultiselect .formFields__noResults .link a:hover, .formFields__dropdownMultiselect .formFields__optionLabel .link a:hover {
        color: var(--m-01)
    }

.formFields__autocompleteMultiselect .formFields__noResults mark, .formFields__autocompleteMultiselect .formFields__noResults mark[data-color=color], .formFields__autocompleteMultiselect .formFields__optionLabel mark, .formFields__autocompleteMultiselect .formFields__optionLabel mark[data-color=color], .formFields__dropdown .formFields__noResults mark, .formFields__dropdown .formFields__noResults mark[data-color=color], .formFields__dropdown .formFields__optionLabel mark, .formFields__dropdown .formFields__optionLabel mark[data-color=color], .formFields__dropdownAutocomplete .formFields__noResults mark, .formFields__dropdownAutocomplete .formFields__noResults mark[data-color=color], .formFields__dropdownAutocomplete .formFields__optionLabel mark, .formFields__dropdownAutocomplete .formFields__optionLabel mark[data-color=color], .formFields__dropdownMultiselect .formFields__noResults mark, .formFields__dropdownMultiselect .formFields__noResults mark[data-color=color], .formFields__dropdownMultiselect .formFields__optionLabel mark, .formFields__dropdownMultiselect .formFields__optionLabel mark[data-color=color] {
    color: var(--m-01--dark-01)
}

    .formFields__autocompleteMultiselect .formFields__noResults mark[data-color=gray], .formFields__autocompleteMultiselect .formFields__optionLabel mark[data-color=gray], .formFields__dropdown .formFields__noResults mark[data-color=gray], .formFields__dropdown .formFields__optionLabel mark[data-color=gray], .formFields__dropdownAutocomplete .formFields__noResults mark[data-color=gray], .formFields__dropdownAutocomplete .formFields__optionLabel mark[data-color=gray], .formFields__dropdownMultiselect .formFields__noResults mark[data-color=gray], .formFields__dropdownMultiselect .formFields__optionLabel mark[data-color=gray] {
        color: var(--neu-07)
    }

    .formFields__autocompleteMultiselect .formFields__noResults mark[data-color=default], .formFields__autocompleteMultiselect .formFields__optionLabel mark[data-color=default], .formFields__dropdown .formFields__noResults mark[data-color=default], .formFields__dropdown .formFields__optionLabel mark[data-color=default], .formFields__dropdownAutocomplete .formFields__noResults mark[data-color=default], .formFields__dropdownAutocomplete .formFields__optionLabel mark[data-color=default], .formFields__dropdownMultiselect .formFields__noResults mark[data-color=default], .formFields__dropdownMultiselect .formFields__optionLabel mark[data-color=default] {
        color: var(--neu-10)
    }

.formFields__autocompleteMultiselect .formFields__noResults span.m-01--dark-01, .formFields__autocompleteMultiselect .formFields__noResults span[data-color=color], .formFields__autocompleteMultiselect .formFields__optionLabel span.m-01--dark-01, .formFields__autocompleteMultiselect .formFields__optionLabel span[data-color=color], .formFields__dropdown .formFields__noResults span.m-01--dark-01, .formFields__dropdown .formFields__noResults span[data-color=color], .formFields__dropdown .formFields__optionLabel span.m-01--dark-01, .formFields__dropdown .formFields__optionLabel span[data-color=color], .formFields__dropdownAutocomplete .formFields__noResults span.m-01--dark-01, .formFields__dropdownAutocomplete .formFields__noResults span[data-color=color], .formFields__dropdownAutocomplete .formFields__optionLabel span.m-01--dark-01, .formFields__dropdownAutocomplete .formFields__optionLabel span[data-color=color], .formFields__dropdownMultiselect .formFields__noResults span.m-01--dark-01, .formFields__dropdownMultiselect .formFields__noResults span[data-color=color], .formFields__dropdownMultiselect .formFields__optionLabel span.m-01--dark-01, .formFields__dropdownMultiselect .formFields__optionLabel span[data-color=color] {
    color: var(--m-01--dark-01)
}

.formFields__autocompleteMultiselect .formFields__noResults span.neu-07, .formFields__autocompleteMultiselect .formFields__noResults span[data-color=gray], .formFields__autocompleteMultiselect .formFields__optionLabel span.neu-07, .formFields__autocompleteMultiselect .formFields__optionLabel span[data-color=gray], .formFields__dropdown .formFields__noResults span.neu-07, .formFields__dropdown .formFields__noResults span[data-color=gray], .formFields__dropdown .formFields__optionLabel span.neu-07, .formFields__dropdown .formFields__optionLabel span[data-color=gray], .formFields__dropdownAutocomplete .formFields__noResults span.neu-07, .formFields__dropdownAutocomplete .formFields__noResults span[data-color=gray], .formFields__dropdownAutocomplete .formFields__optionLabel span.neu-07, .formFields__dropdownAutocomplete .formFields__optionLabel span[data-color=gray], .formFields__dropdownMultiselect .formFields__noResults span.neu-07, .formFields__dropdownMultiselect .formFields__noResults span[data-color=gray], .formFields__dropdownMultiselect .formFields__optionLabel span.neu-07, .formFields__dropdownMultiselect .formFields__optionLabel span[data-color=gray] {
    color: var(--neu-07)
}

.formFields__autocompleteMultiselect .formFields__noResults span.neu-10, .formFields__autocompleteMultiselect .formFields__noResults span[data-color=default], .formFields__autocompleteMultiselect .formFields__optionLabel span.neu-10, .formFields__autocompleteMultiselect .formFields__optionLabel span[data-color=default], .formFields__dropdown .formFields__noResults span.neu-10, .formFields__dropdown .formFields__noResults span[data-color=default], .formFields__dropdown .formFields__optionLabel span.neu-10, .formFields__dropdown .formFields__optionLabel span[data-color=default], .formFields__dropdownAutocomplete .formFields__noResults span.neu-10, .formFields__dropdownAutocomplete .formFields__noResults span[data-color=default], .formFields__dropdownAutocomplete .formFields__optionLabel span.neu-10, .formFields__dropdownAutocomplete .formFields__optionLabel span[data-color=default], .formFields__dropdownMultiselect .formFields__noResults span.neu-10, .formFields__dropdownMultiselect .formFields__noResults span[data-color=default], .formFields__dropdownMultiselect .formFields__optionLabel span.neu-10, .formFields__dropdownMultiselect .formFields__optionLabel span[data-color=default] {
    color: var(--neu-10)
}

.formFields__autocompleteMultiselect .formFields__noResults b, .formFields__autocompleteMultiselect .formFields__noResults strong, .formFields__autocompleteMultiselect .formFields__optionLabel b, .formFields__autocompleteMultiselect .formFields__optionLabel strong, .formFields__dropdown .formFields__noResults b, .formFields__dropdown .formFields__noResults strong, .formFields__dropdown .formFields__optionLabel b, .formFields__dropdown .formFields__optionLabel strong, .formFields__dropdownAutocomplete .formFields__noResults b, .formFields__dropdownAutocomplete .formFields__noResults strong, .formFields__dropdownAutocomplete .formFields__optionLabel b, .formFields__dropdownAutocomplete .formFields__optionLabel strong, .formFields__dropdownMultiselect .formFields__noResults b, .formFields__dropdownMultiselect .formFields__noResults strong, .formFields__dropdownMultiselect .formFields__optionLabel b, .formFields__dropdownMultiselect .formFields__optionLabel strong {
    font-weight: 700
}

.formFields__autocompleteMultiselect .formFields__noResults em, .formFields__autocompleteMultiselect .formFields__optionLabel em, .formFields__dropdown .formFields__noResults em, .formFields__dropdown .formFields__optionLabel em, .formFields__dropdownAutocomplete .formFields__noResults em, .formFields__dropdownAutocomplete .formFields__optionLabel em, .formFields__dropdownMultiselect .formFields__noResults em, .formFields__dropdownMultiselect .formFields__optionLabel em {
    font-style: italic
}

.formFields__autocompleteMultiselect .formFields__optionLabel:hover, .formFields__dropdown .formFields__optionLabel:hover, .formFields__dropdownAutocomplete .formFields__optionLabel:hover, .formFields__dropdownMultiselect .formFields__optionLabel:hover {
    background-color: var(--neu-02)
}

.formFields__autocompleteMultiselect .formFields__noResults, .formFields__dropdown .formFields__noResults, .formFields__dropdownAutocomplete .formFields__noResults, .formFields__dropdownMultiselect .formFields__noResults {
    color: var(--neu-07);
    display: none;
    cursor: default
}

    .formFields__autocompleteMultiselect .formFields__noResults.show, .formFields__dropdown .formFields__noResults.show, .formFields__dropdownAutocomplete .formFields__noResults.show, .formFields__dropdownMultiselect .formFields__noResults.show {
        display: block
    }

.formFields__dropdown .formFields__dropdownContainer--open {
    max-height: 65vh
}

    .formFields__dropdown .formFields__dropdownContainer--open .formFields__optionsContainer {
        max-height: 65vh;
        padding-top: 48px
    }

.formFields__autocompleteMultiselect input[type=checkbox], .formFields__dropdownMultiselect input[type=checkbox] {
    background-color: transparent;
    width: 22px;
    height: 22px;
    border: solid 1px var(--neu-06);
    border-radius: 2px;
    cursor: pointer;
    margin: 0;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

    .formFields__autocompleteMultiselect input[type=checkbox]:hover, .formFields__dropdownMultiselect input[type=checkbox]:hover {
        border-color: var(--m-01)
    }

    .formFields__autocompleteMultiselect input[type=checkbox]:checked, .formFields__dropdownMultiselect input[type=checkbox]:checked {
        border-color: var(--m-01);
        background-color: var(--m-01)
    }

        .formFields__autocompleteMultiselect input[type=checkbox]:checked:after, .formFields__dropdownMultiselect input[type=checkbox]:checked:after {
            font-family: aicep-base-icons !important;
            content: "\e90c";
            color: var(--neu-01);
            display: flex
        }

@media (max-width:1024px) {
    .formFields__autocompleteMultiselect input[type=checkbox]:checked:after, .formFields__dropdownMultiselect input[type=checkbox]:checked:after {
        font-size: 16px
    }
}

.formFields__autocompleteMultiselect .formFields__inputContainer, .formFields__dropdownMultiselect .formFields__inputContainer {
    overflow: hidden
}

    .formFields__autocompleteMultiselect .formFields__inputContainer.open .formFields__chipsContainer, .formFields__autocompleteMultiselect .formFields__inputContainer.open .formFields__dropdownInputText, .formFields__autocompleteMultiselect .formFields__inputContainer.open .formFields__selectButton, .formFields__dropdownMultiselect .formFields__inputContainer.open .formFields__chipsContainer, .formFields__dropdownMultiselect .formFields__inputContainer.open .formFields__dropdownInputText, .formFields__dropdownMultiselect .formFields__inputContainer.open .formFields__selectButton {
        background-color: var(--neu-01);
        z-index: 22
    }

        .formFields__autocompleteMultiselect .formFields__inputContainer.open .formFields__dropdownInputText:before, .formFields__autocompleteMultiselect .formFields__inputContainer.open .formFields__selectButton:before, .formFields__dropdownMultiselect .formFields__inputContainer.open .formFields__dropdownInputText:before, .formFields__dropdownMultiselect .formFields__inputContainer.open .formFields__selectButton:before {
            opacity: 1
        }

    .formFields__autocompleteMultiselect .formFields__inputContainer.open .formFields__inputIcon, .formFields__autocompleteMultiselect .formFields__inputContainer.open .formFields__inputIcon--left, .formFields__dropdownMultiselect .formFields__inputContainer.open .formFields__inputIcon, .formFields__dropdownMultiselect .formFields__inputContainer.open .formFields__inputIcon--left {
        transform: rotate(180deg)
    }

    .formFields__autocompleteMultiselect .formFields__inputContainer.open .formFields__dropdownContainer, .formFields__dropdownMultiselect .formFields__inputContainer.open .formFields__dropdownContainer {
        margin-top: 48px
    }

.formFields__autocompleteMultiselect .formFields__chipsContainer, .formFields__autocompleteMultiselect .formFields__dropdownInputText, .formFields__autocompleteMultiselect .formFields__selectButton, .formFields__dropdownMultiselect .formFields__chipsContainer, .formFields__dropdownMultiselect .formFields__dropdownInputText, .formFields__dropdownMultiselect .formFields__selectButton {
    position: absolute;
    border-radius: 2px;
    z-index: 19
}

.formFields__autocompleteMultiselect .formFields__chipsContainer, .formFields__dropdownMultiselect .formFields__chipsContainer {
    position: absolute;
    top: 0;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 8px;
    padding-left: 10px;
    min-height: 46px;
    width: -moz-fit-content;
    width: fit-content
}

    .formFields__autocompleteMultiselect .formFields__chipsContainer.hide, .formFields__dropdownMultiselect .formFields__chipsContainer.hide {
        opacity: 0;
        visibility: hidden
    }

.formFields__autocompleteMultiselect .formFields__optionLabel, .formFields__dropdownMultiselect .formFields__optionLabel {
    display: flex;
    gap: 16px
}

.formFields__autocompleteMultiselect .formFields__deleteChip, .formFields__dropdownMultiselect .formFields__deleteChip {
    display: flex
}

.formFields__dropdownAutocomplete--contacts .formFields__optionLabel {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px
}

/*
.formFields__dropdownAutocomplete .formFields__inputContent {
    min-height: 48px
}
*/

.formFields__dropdownAutocomplete .formFields__dropdownInputText {
    cursor: text
}

.formFields__dropdownAutocomplete .formFields__inputIcon, .formFields__dropdownAutocomplete .formFields__inputIcon--left {
    z-index: 0
}

.formFields__dropdownAutocomplete .formFields__inputContainer.open .formFields__inputIcon, .formFields__dropdownAutocomplete .formFields__inputContainer.open .formFields__inputIcon--left {
    transform: rotate(180deg)
}

/*
.formFields__autocompleteMultiselect .formFields__placeholderContainer {
    height: 48px;
    min-height: 48px
}
*/

.formFields__autocompleteMultiselect .formFields__inputContainer {
    height: unset
}

    .formFields__autocompleteMultiselect .formFields__inputContainer:before {
        display: none
    }

    .formFields__autocompleteMultiselect .formFields__inputContainer.open .formFields__chipsContainer {
        position: relative
    }

        .formFields__autocompleteMultiselect .formFields__inputContainer.open .formFields__chipsContainer:before {
            opacity: 1
        }

    .formFields__autocompleteMultiselect .formFields__inputContainer.open .formFields__dropdownContainer {
        margin: 0;
        max-height: 200px !important;
        display: block;
    }

.formFields__autocompleteMultiselect .formFields__chipsContainer, .formFields__autocompleteMultiselect .formFields__dropdownInputText {
    position: unset
}

.formFields__autocompleteMultiselect .formFields__dropdownInputText {
    padding: 0 6px;
    height: 30px;
    cursor: text;
    flex: 1;
    order: 2;
    min-width: 230px
}

.formFields__autocompleteMultiselect .formFields__chipsContainer {
    min-height: 46px;
    flex-wrap: wrap;
    gap: 6px 8px;
    width: 100%;
    padding: 8px 10px
}

    .formFields__autocompleteMultiselect .formFields__chipsContainer:before {
        content: "";
        position: absolute;
        width: calc(100% - 16px * 2);
        height: 1px;
        bottom: 0;
        left: 16px;
        background-color: var(--neu-03);
        opacity: 0;
        z-index: 23
    }

.formFields__autocompleteMultiselect .formFields__option {
    display: none !important
}

    .formFields__autocompleteMultiselect .formFields__option:checked + label {
        display: none
    }

.formFields__autocompleteMultiselect .formFields__optionLabel {
    gap: 0
}

.formFields__autocompleteMultiselect .formFields__optionLabel strong {
        font-weight: 700
    }

.formFields__autocompleteMultiselect .formFields__inputIcon, .formFields__autocompleteMultiselect .formFields__inputIcon--left {
    display: none
}

.formFields__autocompleteMultiselect .selectedChip {
    order: 1;
    margin: 1px 0
}

.formFields__datePicker {
    min-height: 48px
}

    .formFields__autocompleteMultiselect .formFields__datePicker .formFields__inputIcon--left, .formFields__datePicker .formFields__autocompleteMultiselect .formFields__inputIcon--left, .formFields__datePicker .formFields__dropdown .formFields__inputIcon--left, .formFields__datePicker .formFields__dropdownAutocomplete .formFields__inputIcon--left, .formFields__datePicker .formFields__dropdownMultiselect .formFields__inputIcon--left, .formFields__datePicker .formFields__inputIcon, .formFields__dropdown .formFields__datePicker .formFields__inputIcon--left, .formFields__dropdownAutocomplete .formFields__datePicker .formFields__inputIcon--left, .formFields__dropdownMultiselect .formFields__datePicker .formFields__inputIcon--left {
        pointer-events: none;
        top: 12px
    }

.formFields__inputTop {
    margin-bottom: 4px;
    display: flex;
    justify-content: space-between
}

.formFields__topLabel {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: .813rem;
    line-height: 1.538em;
    letter-spacing: -.003em;
    font-weight: 400;
    display: flex;
    align-items: center
}

    .formFields__topLabel .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .formFields__topLabel .link a:hover {
            color: var(--m-01)
        }

    .formFields__topLabel mark, .formFields__topLabel mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .formFields__topLabel mark[data-color=gray] {
            color: var(--neu-07)
        }

        .formFields__topLabel mark[data-color=default] {
            color: var(--neu-10)
        }

    .formFields__topLabel span.m-01--dark-01, .formFields__topLabel span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .formFields__topLabel span.neu-07, .formFields__topLabel span[data-color=gray] {
        color: var(--neu-07)
    }

    .formFields__topLabel span.neu-10, .formFields__topLabel span[data-color=default] {
        color: var(--neu-10)
    }

    .formFields__topLabel b, .formFields__topLabel strong {
        font-weight: 700
    }

    .formFields__topLabel em {
        font-style: italic
    }

.formFields__topLabel--body {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1rem;
    line-height: 1.5em;
    letter-spacing: -.011em;
    font-weight: 400
}

    .formFields__topLabel--body .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .formFields__topLabel--body .link a:hover {
            color: var(--m-01)
        }

    .formFields__topLabel--body mark, .formFields__topLabel--body mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .formFields__topLabel--body mark[data-color=gray] {
            color: var(--neu-07)
        }

        .formFields__topLabel--body mark[data-color=default] {
            color: var(--neu-10)
        }

    .formFields__topLabel--body span.m-01--dark-01, .formFields__topLabel--body span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .formFields__topLabel--body span.neu-07, .formFields__topLabel--body span[data-color=gray] {
        color: var(--neu-07)
    }

    .formFields__topLabel--body span.neu-10, .formFields__topLabel--body span[data-color=default] {
        color: var(--neu-10)
    }

    .formFields__topLabel--body b, .formFields__topLabel--body strong {
        font-weight: 700
    }

    .formFields__topLabel--body em {
        font-style: italic
    }

.formFields__topLabel .tooltip {
    position: relative;
    min-width: 16px;
    width: 16px;
    height: 16px;
    font-size: 16px;
    z-index: 10;
    margin-left: 8px;
    display: inline-flex !important
}

.formFields__topLabel.hide {
    display: none
}

.formFields__topOptionalInfo {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: .688rem;
    line-height: 1.455em;
    letter-spacing: .005em;
    font-weight: 400;
    color: var(--neu-07);
    top: 4px
}

    .formFields__topOptionalInfo .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .formFields__topOptionalInfo .link a:hover {
            color: var(--m-01)
        }

    .formFields__topOptionalInfo mark, .formFields__topOptionalInfo mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .formFields__topOptionalInfo mark[data-color=gray] {
            color: var(--neu-07)
        }

        .formFields__topOptionalInfo mark[data-color=default] {
            color: var(--neu-10)
        }

    .formFields__topOptionalInfo span.m-01--dark-01, .formFields__topOptionalInfo span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .formFields__topOptionalInfo span.neu-07, .formFields__topOptionalInfo span[data-color=gray] {
        color: var(--neu-07)
    }

    .formFields__topOptionalInfo span.neu-10, .formFields__topOptionalInfo span[data-color=default] {
        color: var(--neu-10)
    }

    .formFields__topOptionalInfo b, .formFields__topOptionalInfo strong {
        font-weight: 700
    }

    .formFields__topOptionalInfo em {
        font-style: italic
    }

.formFields__autocompleteMultiselect .formFields__inputIcon--left, .formFields__dropdown .formFields__inputIcon--left, .formFields__dropdownAutocomplete .formFields__inputIcon--left, .formFields__dropdownMultiselect .formFields__inputIcon--left, .formFields__inputIcon {
    min-width: 24px;
    width: 24px;
    height: 24px;
    font-size: 24px;
    position: absolute;
    z-index: 10;
    right: 12px;
    top: 12px
}

    .formFields__autocompleteMultiselect .formFields__inputIcon--left:before, .formFields__dropdown .formFields__inputIcon--left:before, .formFields__dropdownAutocomplete .formFields__inputIcon--left:before, .formFields__dropdownMultiselect .formFields__inputIcon--left:before, .formFields__inputIcon:before {
        font-size: 24px;
        font-weight: 400
    }

.formFields__inputBottom {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-row: auto auto;
    margin-top: 4px
}

.formFields__inputBottomAuxMessage {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: .688rem;
    line-height: 1.455em;
    letter-spacing: .005em;
    font-weight: 400;
    color: var(--neu-07);
    grid-row: 2;
    grid-column: 2;
    justify-self: flex-end;
    position: absolute
}

    .formFields__inputBottomAuxMessage .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .formFields__inputBottomAuxMessage .link a:hover {
            color: var(--m-01)
        }

    .formFields__inputBottomAuxMessage mark, .formFields__inputBottomAuxMessage mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .formFields__inputBottomAuxMessage mark[data-color=gray] {
            color: var(--neu-07)
        }

        .formFields__inputBottomAuxMessage mark[data-color=default] {
            color: var(--neu-10)
        }

    .formFields__inputBottomAuxMessage span.m-01--dark-01, .formFields__inputBottomAuxMessage span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .formFields__inputBottomAuxMessage span.neu-07, .formFields__inputBottomAuxMessage span[data-color=gray] {
        color: var(--neu-07)
    }

    .formFields__inputBottomAuxMessage span.neu-10, .formFields__inputBottomAuxMessage span[data-color=default] {
        color: var(--neu-10)
    }

    .formFields__inputBottomAuxMessage b, .formFields__inputBottomAuxMessage strong {
        font-weight: 700
    }

    .formFields__inputBottomAuxMessage em {
        font-style: italic
    }

.formFields__inputBottomInfoMessage {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: .688rem;
    line-height: 1.455em;
    letter-spacing: .005em;
    font-weight: 400;
    color: var(--neu-07);
    justify-self: flex-end;
    grid-column: 2
}

    .formFields__inputBottomInfoMessage .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .formFields__inputBottomInfoMessage .link a:hover {
            color: var(--m-01)
        }

    .formFields__inputBottomInfoMessage mark, .formFields__inputBottomInfoMessage mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .formFields__inputBottomInfoMessage mark[data-color=gray] {
            color: var(--neu-07)
        }

        .formFields__inputBottomInfoMessage mark[data-color=default] {
            color: var(--neu-10)
        }

    .formFields__inputBottomInfoMessage span.m-01--dark-01, .formFields__inputBottomInfoMessage span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .formFields__inputBottomInfoMessage span.neu-07, .formFields__inputBottomInfoMessage span[data-color=gray] {
        color: var(--neu-07)
    }

    .formFields__inputBottomInfoMessage span.neu-10, .formFields__inputBottomInfoMessage span[data-color=default] {
        color: var(--neu-10)
    }

    .formFields__inputBottomInfoMessage b, .formFields__inputBottomInfoMessage strong {
        font-weight: 700
    }

    .formFields__inputBottomInfoMessage em {
        font-style: italic
    }

.formFields__inputBottomCounter {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: .688rem;
    line-height: 1.455em;
    letter-spacing: .005em;
    font-weight: 400;
    color: var(--m-01--dark-01);
    justify-self: flex-end;
    grid-column: 2
}

    .formFields__inputBottomCounter .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .formFields__inputBottomCounter .link a:hover {
            color: var(--m-01)
        }

    .formFields__inputBottomCounter mark, .formFields__inputBottomCounter mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .formFields__inputBottomCounter mark[data-color=gray] {
            color: var(--neu-07)
        }

        .formFields__inputBottomCounter mark[data-color=default] {
            color: var(--neu-10)
        }

    .formFields__inputBottomCounter span.m-01--dark-01, .formFields__inputBottomCounter span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .formFields__inputBottomCounter span.neu-07, .formFields__inputBottomCounter span[data-color=gray] {
        color: var(--neu-07)
    }

    .formFields__inputBottomCounter span.neu-10, .formFields__inputBottomCounter span[data-color=default] {
        color: var(--neu-10)
    }

    .formFields__inputBottomCounter b, .formFields__inputBottomCounter strong {
        font-weight: 700
    }

    .formFields__inputBottomCounter em {
        font-style: italic
    }

.formFields__textField--phone {
    max-width: 416px
}

    .formFields__textField--phone .formFields__inputContainer {
        display: flex;
        gap: 16px
    }

    .formFields__textField--phone input {
        padding: 12px 16px !important;
        display: flex
    }

        .formFields__textField--phone input:first-child {
            max-width: 92px
        }

.formFields__textField--numberDoubleField {
    max-width: 300px
}

    .formFields__textField--numberDoubleField .formFields__inputContainer {
        display: flex;
        gap: 16px
    }

    .formFields__textField--numberDoubleField input {
        padding: 12px 16px !important;
        display: flex
    }

.formFields__textField--quantityDoubleField .formFields__inputContainer {
    display: flex;
    gap: 16px
}

.formFields__textField--quantityDoubleField .formFields__dropdown {
    margin-bottom: 0;
    max-width: 96px;
    width: 100%;
    min-width: 98px
}

.formFields__textField--quantityDoubleField .formFields__dropdownContainer {
    width: 100%
}

.formFields__textField--quantityDoubleField input {
    height: 48px;
    padding: 12px 16px !important
}

.formFields__textField--password {
    max-width: 416px
}

@media (max-width:512px) {
    .formFields__textField--password {
        max-width: unset
    }
}

.formFields__textField--password[data-password=veryWeak] .formFields__passwordStatus {
    color: var(--neu-07);
    font-weight: 400
}

.formFields__textField--password[data-password=weak] .formFields__passwordBar:before {
    background: var(--add-02--dark-02);
    transform: translateX(20%)
}

.formFields__textField--password[data-password=weak] .formFields__passwordStatus {
    color: var(--add-02--dark-02)
}

.formFields__textField--password[data-password=soSo] .formFields__passwordBar:before {
    background: var(--add-01--dark-01);
    transform: translateX(50%)
}

.formFields__textField--password[data-password=soSo] .formFields__passwordStatus {
    color: var(--add-01--dark-01)
}

.formFields__textField--password[data-password=good] .formFields__passwordBar:before {
    background: var(--add-03--dark-02);
    transform: translateX(80%)
}

.formFields__textField--password[data-password=good] .formFields__passwordStatus {
    color: var(--add-03--dark-02)
}

.formFields__textField--password[data-password=great] .formFields__passwordBar:before {
    background: var(--add-03--dark-02);
    transform: translateX(100%)
}

.formFields__textField--password[data-password=great] .formFields__passwordStatus {
    color: var(--add-03--dark-02)
}

.formFields__textField--password i {
    cursor: pointer
}

.formFields__textField--password .formFields__passwordBar {
    width: 100%;
    height: 4px;
    display: flex;
    background: var(--neu-03);
    margin: 4px 0;
    border-radius: 4px;
    grid-column: 1/3;
    overflow: hidden
}

    .formFields__textField--password .formFields__passwordBar:before {
        transition: all .15s ease-in-out;
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        left: -100%;
        top: 0;
        border-radius: inherit
    }

.formFields__textField--password .formFields__passwordStatus {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: .688rem;
    line-height: 1.455em;
    letter-spacing: .005em;
    font-weight: 700;
    grid-row: 2;
    grid-column: 1
}

    .formFields__textField--password .formFields__passwordStatus .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .formFields__textField--password .formFields__passwordStatus .link a:hover {
            color: var(--m-01)
        }

    .formFields__textField--password .formFields__passwordStatus mark, .formFields__textField--password .formFields__passwordStatus mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .formFields__textField--password .formFields__passwordStatus mark[data-color=gray] {
            color: var(--neu-07)
        }

        .formFields__textField--password .formFields__passwordStatus mark[data-color=default] {
            color: var(--neu-10)
        }

    .formFields__textField--password .formFields__passwordStatus span.m-01--dark-01, .formFields__textField--password .formFields__passwordStatus span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .formFields__textField--password .formFields__passwordStatus span.neu-07, .formFields__textField--password .formFields__passwordStatus span[data-color=gray] {
        color: var(--neu-07)
    }

    .formFields__textField--password .formFields__passwordStatus span.neu-10, .formFields__textField--password .formFields__passwordStatus span[data-color=default] {
        color: var(--neu-10)
    }

    .formFields__textField--password .formFields__passwordStatus b, .formFields__textField--password .formFields__passwordStatus strong {
        font-weight: 700
    }

    .formFields__textField--password .formFields__passwordStatus em {
        font-style: italic
    }

.formFields__textField--iconLeft input {
    padding: 11px 32px 11px 44px !important
}

.formFields__autocompleteMultiselect .formFields__textField--iconLeft .formFields__inputIcon--left, .formFields__dropdown .formFields__textField--iconLeft .formFields__inputIcon--left, .formFields__dropdownAutocomplete .formFields__textField--iconLeft .formFields__inputIcon--left, .formFields__dropdownMultiselect .formFields__textField--iconLeft .formFields__inputIcon--left, .formFields__textField--iconLeft .formFields__autocompleteMultiselect .formFields__inputIcon--left, .formFields__textField--iconLeft .formFields__dropdown .formFields__inputIcon--left, .formFields__textField--iconLeft .formFields__dropdownAutocomplete .formFields__inputIcon--left, .formFields__textField--iconLeft .formFields__dropdownMultiselect .formFields__inputIcon--left, .formFields__textField--iconLeft .formFields__inputIcon {
    position: absolute;
    right: unset;
    left: 14px;
    top: 12px;
    color: var(--neu-10) !important
}

.formFields__textField-searchButton {
    position: absolute;
    right: 0;
    top: 0
}

.formFields__textField:has(button) input {
    padding-right: 44px !important
}

.formFields__postalCodeField {
    max-width: 250px
}

    .formFields__postalCodeField .formFields__inputContainer {
        display: flex;
        gap: 16px
    }

    .formFields__postalCodeField input[type=number] {
        padding: 12px 16px;
        display: flex
    }

.formFields__number {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 48px
}

    .formFields__number .formFields__sideLabel {
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-stretch: normal;
        letter-spacing: normal;
        font-family: Inter,sans-serif;
        font-size: 1rem;
        line-height: 1.5em;
        letter-spacing: -.011em;
        font-weight: 400
    }

        .formFields__number .formFields__sideLabel .link a {
            transition: all .1s ease;
            text-decoration: underline;
            color: var(--m-01--dark-01)
        }

            .formFields__number .formFields__sideLabel .link a:hover {
                color: var(--m-01)
            }

        .formFields__number .formFields__sideLabel mark, .formFields__number .formFields__sideLabel mark[data-color=color] {
            color: var(--m-01--dark-01)
        }

            .formFields__number .formFields__sideLabel mark[data-color=gray] {
                color: var(--neu-07)
            }

            .formFields__number .formFields__sideLabel mark[data-color=default] {
                color: var(--neu-10)
            }

        .formFields__number .formFields__sideLabel span.m-01--dark-01, .formFields__number .formFields__sideLabel span[data-color=color] {
            color: var(--m-01--dark-01)
        }

        .formFields__number .formFields__sideLabel span.neu-07, .formFields__number .formFields__sideLabel span[data-color=gray] {
            color: var(--neu-07)
        }

        .formFields__number .formFields__sideLabel span.neu-10, .formFields__number .formFields__sideLabel span[data-color=default] {
            color: var(--neu-10)
        }

        .formFields__number .formFields__sideLabel b, .formFields__number .formFields__sideLabel strong {
            font-weight: 700
        }

        .formFields__number .formFields__sideLabel em {
            font-style: italic
        }

        .formFields__number .formFields__sideLabel.bold {
            font-weight: 700
        }

    .formFields__number .formFields__inputContainer {
        display: flex;
        align-self: center
    }

    .formFields__number input {
        display: block;
        border: none;
        width: 48px;
        height: 24px;
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-stretch: normal;
        letter-spacing: normal;
        font-family: Inter,sans-serif;
        font-size: 1rem;
        line-height: 1.5em;
        letter-spacing: -.011em;
        font-weight: 400;
        align-self: center;
        text-align: center;
        color: var(--neu-07)
    }

        .formFields__number input .link a {
            transition: all .1s ease;
            text-decoration: underline;
            color: var(--m-01--dark-01)
        }

            .formFields__number input .link a:hover {
                color: var(--m-01)
            }

        .formFields__number input mark, .formFields__number input mark[data-color=color] {
            color: var(--m-01--dark-01)
        }

            .formFields__number input mark[data-color=gray] {
                color: var(--neu-07)
            }

            .formFields__number input mark[data-color=default] {
                color: var(--neu-10)
            }

        .formFields__number input span.m-01--dark-01, .formFields__number input span[data-color=color] {
            color: var(--m-01--dark-01)
        }

        .formFields__number input span.neu-07, .formFields__number input span[data-color=gray] {
            color: var(--neu-07)
        }

        .formFields__number input span.neu-10, .formFields__number input span[data-color=default] {
            color: var(--neu-10)
        }

        .formFields__number input b, .formFields__number input strong {
            font-weight: 700
        }

        .formFields__number input em {
            font-style: italic
        }

    .formFields__number .formFields__decrementButton, .formFields__number .formFields__incrementButton {
        cursor: pointer;
        width: 48px;
        height: 48px;
        border: 1px solid var(--neu-06);
        border-radius: 50%
    }

        .formFields__number .formFields__decrementButton:hover, .formFields__number .formFields__incrementButton:hover {
            border-color: var(--neu-10)
        }

        .formFields__number .formFields__decrementButton.disable, .formFields__number .formFields__incrementButton.disable {
            opacity: .3;
            pointer-events: none
        }

        .formFields__number .formFields__decrementButton:first-child {
            margin-right: 0
        }

@media (max-width:1024px) {
    .formFields__number .formFields__decrementButton:first-child {
        margin-right: 0
    }
}

@media (max-width:512px) {
    .formFields__number .formFields__decrementButton:first-child {
        margin-bottom: 0
    }
}

.formFields__addFiles .formFields__dropArea {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1rem;
    line-height: 1.5em;
    letter-spacing: -.011em;
    font-weight: 400;
    transition: all .15s ease-in-out;
    color: var(--neu-10);
    position: relative;
    width: 100%;
    padding: 24px;
    height: 134px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 8px;
    overflow: hidden;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='100%25' height='100%25' fill='none' rx='0' ry='0' stroke='%23A39F9B' stroke-width='2' stroke-dasharray='2 6' stroke-dashoffset='8' stroke-linecap='square'/%3E%3C/svg%3E");
    border-radius: 2px
}

    .formFields__addFiles .formFields__dropArea .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .formFields__addFiles .formFields__dropArea .link a:hover {
            color: var(--m-01)
        }

    .formFields__addFiles .formFields__dropArea mark, .formFields__addFiles .formFields__dropArea mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .formFields__addFiles .formFields__dropArea mark[data-color=gray] {
            color: var(--neu-07)
        }

        .formFields__addFiles .formFields__dropArea mark[data-color=default] {
            color: var(--neu-10)
        }

    .formFields__addFiles .formFields__dropArea span.m-01--dark-01, .formFields__addFiles .formFields__dropArea span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .formFields__addFiles .formFields__dropArea span.neu-07, .formFields__addFiles .formFields__dropArea span[data-color=gray] {
        color: var(--neu-07)
    }

    .formFields__addFiles .formFields__dropArea span.neu-10, .formFields__addFiles .formFields__dropArea span[data-color=default] {
        color: var(--neu-10)
    }

    .formFields__addFiles .formFields__dropArea b, .formFields__addFiles .formFields__dropArea strong {
        font-weight: 700
    }

    .formFields__addFiles .formFields__dropArea em {
        font-style: italic
    }

@media not all and (min-resolution:0.001dpcm) {
    @supports (-webkit-appearance:none) {
        .formFields__addFiles .formFields__dropArea {
            transition: none
        }
    }
}

.formFields__addFiles .formFields__dropArea i {
    font-size: 24px;
    transition: all .15s ease-in-out
}

.formFields__addFiles .formFields__dropArea input {
    width: 100%;
    height: 100%;
    border: none;
    cursor: pointer;
    top: 0;
    position: absolute;
    opacity: 0
}

    .formFields__addFiles .formFields__dropArea input:focus {
        outline: none
    }

.formFields__addFiles .formFields__dropArea:hover {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='100%25' height='100%25' fill='none' rx='0' ry='0' stroke='%231A1817' stroke-width='2' stroke-dasharray='2 6' stroke-dashoffset='8' stroke-linecap='square'/%3E%3C/svg%3E")
}

.formFields__addFiles .formFields__dropArea.active {
    color: var(--m-01--dark-01);
    background-color: var(--m-01--light-04);
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='100%25' height='100%25' fill='none' rx='0' ry='0' stroke='%23966B3C' stroke-width='2' stroke-dasharray='2 6' stroke-dashoffset='8' stroke-linecap='square'/%3E%3C/svg%3E")
}

.formFields__addFiles .formFields__dropArea-error, .formFields__addFiles .formFields__dropArea-text {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    text-align: center
}

.formFields__addFiles .formFields__dropArea-error {
    display: none
}

.formFields__addFiles .formFields__dropArea-errorMessage {
    font-weight: 700;
    color: var(--add-02--dark-02)
}

.formFields__addFiles .formFields__uploadedFiles {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.formFields__addFiles .formFields__file {
    width: 100%;
    height: 48px;
    padding: 0 16px;
    background-color: var(--neu-02);
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    cursor: default;
    border-radius: 2px
}

    .formFields__addFiles .formFields__file:first-child {
        margin-top: 24px
    }

    .formFields__addFiles .formFields__file .fileLoading {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
        min-width: 48px;
        width: 48px;
        height: 48px;
        background-color: transparent;
        border-radius: 50%
    }

        .formFields__addFiles .formFields__file .fileLoading.slow path {
            animation-duration: 10s
        }

        .formFields__addFiles .formFields__file .fileLoading.medium path {
            animation-duration: 5s
        }

        .formFields__addFiles .formFields__file .fileLoading.fast path {
            animation-duration: 2s
        }

        .formFields__addFiles .formFields__file .fileLoading path {
            stroke-dasharray: 540;
            stroke-dashoffset: 540;
            animation-name: n;
            animation-fill-mode: forwards;
            animation-timing-function: linear
        }

@keyframes n {
    to {
        stroke-dashoffset: 0
    }
}

.formFields__addFiles .formFields__file-icon {
    min-width: 24px;
    width: 24px;
    height: 24px;
    font-size: 24px;
    color: var(--neu-10)
}

    .formFields__addFiles .formFields__file-icon:before {
        font-size: 24px;
        font-weight: 400
    }

.formFields__addFiles .formFields__file-info {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: .813rem;
    line-height: 1.538em;
    letter-spacing: -.003em;
    font-weight: 400;
    color: var(--neu-10);
    display: flex;
    align-items: center;
    gap: 16px
}

    .formFields__addFiles .formFields__file-info .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .formFields__addFiles .formFields__file-info .link a:hover {
            color: var(--m-01)
        }

    .formFields__addFiles .formFields__file-info mark, .formFields__addFiles .formFields__file-info mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .formFields__addFiles .formFields__file-info mark[data-color=gray] {
            color: var(--neu-07)
        }

        .formFields__addFiles .formFields__file-info mark[data-color=default] {
            color: var(--neu-10)
        }

    .formFields__addFiles .formFields__file-info span.m-01--dark-01, .formFields__addFiles .formFields__file-info span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .formFields__addFiles .formFields__file-info span.neu-07, .formFields__addFiles .formFields__file-info span[data-color=gray] {
        color: var(--neu-07)
    }

    .formFields__addFiles .formFields__file-info span.neu-10, .formFields__addFiles .formFields__file-info span[data-color=default] {
        color: var(--neu-10)
    }

    .formFields__addFiles .formFields__file-info b, .formFields__addFiles .formFields__file-info strong {
        font-weight: 700
    }

    .formFields__addFiles .formFields__file-info em {
        font-style: italic
    }

.formFields__addFiles .formFields__file-delete {
    cursor: pointer;
    color: var(--neu-10) !important
}

    .formFields__addFiles .formFields__file-delete i {
        min-width: 24px;
        width: 24px;
        height: 24px;
        font-size: 24px;
        color: var(--neu-10) !important
    }

        .formFields__addFiles .formFields__file-delete i:before {
            font-size: 24px;
            font-weight: 400
        }

.formFields__addFiles .formFields__file-animation {
    background-color: var(--neu-02);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    z-index: 2;
    pointer-events: none;
    padding: 0 16px;
    display: grid;
    grid-template-columns: auto 1fr auto;
    grid-column-gap: 62px;
    align-items: center
}

@media (max-width:1024px) {
    .formFields__addFiles .formFields__file-animation {
        grid-column-gap: 18px
    }
}

.formFields__addFiles .formFields__file-animation i {
    grid-row: 1
}

    .formFields__addFiles .formFields__file-animation i:first-child {
        color: var(--neu-03)
    }

.formFields__addFiles .formFields__file-animation:after, .formFields__addFiles .formFields__file-animation:before {
    content: "";
    width: 100%;
    height: 3px;
    border-radius: 4px;
    grid-column: 2/3;
    grid-row: 1
}

.formFields__addFiles .formFields__file-animation:before {
    background: var(--neu-04)
}

.formFields__addFiles .formFields__file-animation:after {
    background: var(--m-01);
    animation: o 1s cubic-bezier(.78,0,.78,1) both
}

@keyframes o {
    0% {
        width: 0
    }

    to {
        width: 100%
    }
}

.formFields__addFiles .formFields__file-animation.fast:after {
    animation-duration: .6s
}

.formFields__addFiles .formFields__file-animation.medium:after {
    animation-duration: 1s
}

.formFields__addFiles .formFields__file-animation.slow:after {
    animation-duration: 2s
}

.formFields__uploadPhoto {
    display: flex;
    gap: 8px 24px
}

@media (max-width:512px) {
    .formFields__uploadPhoto {
        flex-wrap: wrap;
        gap: 8px 16px
    }
}

.formFields__uploadPhoto .formFields__uploadPhoto-container {
    display: flex;
    flex-direction: column;
    height: -moz-fit-content;
    height: fit-content;
    align-self: center;
    display: grid;
    grid-template-columns: 1fr auto;
    grid-column-gap: 24px
}

.formFields__uploadPhoto .formFields__uploadPhoto-area {
    width: -moz-fit-content;
    width: fit-content;
    overflow: hidden;
    cursor: pointer;
    grid-row: 1
}

    .formFields__uploadPhoto .formFields__uploadPhoto-area .btn--tertiary {
        margin: 0 !important
    }

    .formFields__uploadPhoto .formFields__uploadPhoto-area input {
        width: 100%;
        height: 100%;
        border: none;
        cursor: pointer;
        top: 0;
        position: absolute;
        opacity: 0;
        left: 0;
        pointer-events: none
    }

        .formFields__uploadPhoto .formFields__uploadPhoto-area input:focus {
            outline: none
        }

.formFields__uploadPhoto .formFields__uploadPhoto-content, .formFields__uploadPhoto .formFields__uploadPhoto-thumb {
    min-width: 80px;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center
}

@media (max-width:512px) {
    .formFields__uploadPhoto .formFields__uploadPhoto-content, .formFields__uploadPhoto .formFields__uploadPhoto-thumb {
        min-width: 56px;
        width: 56px;
        height: 56px
    }
}

.formFields__uploadPhoto .formFields__uploadPhoto-content[data-thumb=photo], .formFields__uploadPhoto .formFields__uploadPhoto-content[data-thumb=picture], .formFields__uploadPhoto .formFields__uploadPhoto-thumb[data-thumb=photo], .formFields__uploadPhoto .formFields__uploadPhoto-thumb[data-thumb=picture] {
    background-color: var(--m-01--dark-01)
}

    .formFields__uploadPhoto .formFields__uploadPhoto-content[data-thumb=picture]:before, .formFields__uploadPhoto .formFields__uploadPhoto-thumb[data-thumb=picture]:before {
        display: none
    }

.formFields__uploadPhoto .formFields__uploadPhoto-content[data-thumb=logo], .formFields__uploadPhoto .formFields__uploadPhoto-thumb[data-thumb=logo] {
    background-color: var(--neu-09)
}

.formFields__uploadPhoto .formFields__uploadPhoto-content[data-thumb=image], .formFields__uploadPhoto .formFields__uploadPhoto-thumb[data-thumb=image] {
    background-color: var(--neu-02);
    border-radius: 2px
}

    .formFields__uploadPhoto .formFields__uploadPhoto-content[data-thumb=image]:before, .formFields__uploadPhoto .formFields__uploadPhoto-thumb[data-thumb=image]:before {
        color: var(--neu-08)
    }

    .formFields__uploadPhoto .formFields__uploadPhoto-content[data-thumb=image] img, .formFields__uploadPhoto .formFields__uploadPhoto-thumb[data-thumb=image] img {
        border: 1px solid var(--neu-03);
        border-radius: 2px
    }

.formFields__uploadPhoto .formFields__uploadPhoto-content:before, .formFields__uploadPhoto .formFields__uploadPhoto-thumb:before {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1rem;
    line-height: 1.5em;
    letter-spacing: -.011em;
    font-weight: 700;
    content: attr(data-thumb);
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--neu-01);
    text-transform: capitalize
}

    .formFields__uploadPhoto .formFields__uploadPhoto-content:before .link a, .formFields__uploadPhoto .formFields__uploadPhoto-thumb:before .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .formFields__uploadPhoto .formFields__uploadPhoto-content:before .link a:hover, .formFields__uploadPhoto .formFields__uploadPhoto-thumb:before .link a:hover {
            color: var(--m-01)
        }

    .formFields__uploadPhoto .formFields__uploadPhoto-content:before mark, .formFields__uploadPhoto .formFields__uploadPhoto-content:before mark[data-color=color], .formFields__uploadPhoto .formFields__uploadPhoto-thumb:before mark, .formFields__uploadPhoto .formFields__uploadPhoto-thumb:before mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .formFields__uploadPhoto .formFields__uploadPhoto-content:before mark[data-color=gray], .formFields__uploadPhoto .formFields__uploadPhoto-thumb:before mark[data-color=gray] {
            color: var(--neu-07)
        }

        .formFields__uploadPhoto .formFields__uploadPhoto-content:before mark[data-color=default], .formFields__uploadPhoto .formFields__uploadPhoto-thumb:before mark[data-color=default] {
            color: var(--neu-10)
        }

    .formFields__uploadPhoto .formFields__uploadPhoto-content:before span.m-01--dark-01, .formFields__uploadPhoto .formFields__uploadPhoto-content:before span[data-color=color], .formFields__uploadPhoto .formFields__uploadPhoto-thumb:before span.m-01--dark-01, .formFields__uploadPhoto .formFields__uploadPhoto-thumb:before span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .formFields__uploadPhoto .formFields__uploadPhoto-content:before span.neu-07, .formFields__uploadPhoto .formFields__uploadPhoto-content:before span[data-color=gray], .formFields__uploadPhoto .formFields__uploadPhoto-thumb:before span.neu-07, .formFields__uploadPhoto .formFields__uploadPhoto-thumb:before span[data-color=gray] {
        color: var(--neu-07)
    }

    .formFields__uploadPhoto .formFields__uploadPhoto-content:before span.neu-10, .formFields__uploadPhoto .formFields__uploadPhoto-content:before span[data-color=default], .formFields__uploadPhoto .formFields__uploadPhoto-thumb:before span.neu-10, .formFields__uploadPhoto .formFields__uploadPhoto-thumb:before span[data-color=default] {
        color: var(--neu-10)
    }

    .formFields__uploadPhoto .formFields__uploadPhoto-content:before b, .formFields__uploadPhoto .formFields__uploadPhoto-content:before strong, .formFields__uploadPhoto .formFields__uploadPhoto-thumb:before b, .formFields__uploadPhoto .formFields__uploadPhoto-thumb:before strong {
        font-weight: 700
    }

    .formFields__uploadPhoto .formFields__uploadPhoto-content:before em, .formFields__uploadPhoto .formFields__uploadPhoto-thumb:before em {
        font-style: italic
    }

@media (max-width:512px) {
    .formFields__uploadPhoto .formFields__uploadPhoto-content:before, .formFields__uploadPhoto .formFields__uploadPhoto-thumb:before {
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-stretch: normal;
        letter-spacing: normal;
        font-family: Inter,sans-serif;
        font-size: .813rem;
        line-height: 1.538em;
        letter-spacing: -.003em;
        font-weight: 700
    }

        .formFields__uploadPhoto .formFields__uploadPhoto-content:before .link a, .formFields__uploadPhoto .formFields__uploadPhoto-thumb:before .link a {
            transition: all .1s ease;
            text-decoration: underline;
            color: var(--m-01--dark-01)
        }

            .formFields__uploadPhoto .formFields__uploadPhoto-content:before .link a:hover, .formFields__uploadPhoto .formFields__uploadPhoto-thumb:before .link a:hover {
                color: var(--m-01)
            }

        .formFields__uploadPhoto .formFields__uploadPhoto-content:before mark, .formFields__uploadPhoto .formFields__uploadPhoto-content:before mark[data-color=color], .formFields__uploadPhoto .formFields__uploadPhoto-thumb:before mark, .formFields__uploadPhoto .formFields__uploadPhoto-thumb:before mark[data-color=color] {
            color: var(--m-01--dark-01)
        }

            .formFields__uploadPhoto .formFields__uploadPhoto-content:before mark[data-color=gray], .formFields__uploadPhoto .formFields__uploadPhoto-thumb:before mark[data-color=gray] {
                color: var(--neu-07)
            }

            .formFields__uploadPhoto .formFields__uploadPhoto-content:before mark[data-color=default], .formFields__uploadPhoto .formFields__uploadPhoto-thumb:before mark[data-color=default] {
                color: var(--neu-10)
            }

        .formFields__uploadPhoto .formFields__uploadPhoto-content:before span.m-01--dark-01, .formFields__uploadPhoto .formFields__uploadPhoto-content:before span[data-color=color], .formFields__uploadPhoto .formFields__uploadPhoto-thumb:before span.m-01--dark-01, .formFields__uploadPhoto .formFields__uploadPhoto-thumb:before span[data-color=color] {
            color: var(--m-01--dark-01)
        }

        .formFields__uploadPhoto .formFields__uploadPhoto-content:before span.neu-07, .formFields__uploadPhoto .formFields__uploadPhoto-content:before span[data-color=gray], .formFields__uploadPhoto .formFields__uploadPhoto-thumb:before span.neu-07, .formFields__uploadPhoto .formFields__uploadPhoto-thumb:before span[data-color=gray] {
            color: var(--neu-07)
        }

        .formFields__uploadPhoto .formFields__uploadPhoto-content:before span.neu-10, .formFields__uploadPhoto .formFields__uploadPhoto-content:before span[data-color=default], .formFields__uploadPhoto .formFields__uploadPhoto-thumb:before span.neu-10, .formFields__uploadPhoto .formFields__uploadPhoto-thumb:before span[data-color=default] {
            color: var(--neu-10)
        }

        .formFields__uploadPhoto .formFields__uploadPhoto-content:before b, .formFields__uploadPhoto .formFields__uploadPhoto-content:before strong, .formFields__uploadPhoto .formFields__uploadPhoto-thumb:before b, .formFields__uploadPhoto .formFields__uploadPhoto-thumb:before strong {
            font-weight: 700
        }

        .formFields__uploadPhoto .formFields__uploadPhoto-content:before em, .formFields__uploadPhoto .formFields__uploadPhoto-thumb:before em {
            font-style: italic
        }
}

.formFields__uploadPhoto .formFields__uploadPhoto-content img, .formFields__uploadPhoto .formFields__uploadPhoto-thumb img {
    border-radius: 50%;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    display: none
}

.formFields__uploadPhoto .formFields__uploadPhoto-content.showImg, .formFields__uploadPhoto .formFields__uploadPhoto-thumb.showImg {
    background-color: var(--neu-02);
    z-index: 1
}

    .formFields__uploadPhoto .formFields__uploadPhoto-content.showImg:before, .formFields__uploadPhoto .formFields__uploadPhoto-thumb.showImg:before {
        display: none
    }

    .formFields__uploadPhoto .formFields__uploadPhoto-content.showImg img, .formFields__uploadPhoto .formFields__uploadPhoto-thumb.showImg img {
        display: flex
    }

.formFields__uploadPhoto .formFields__uploadPhoto-initials {
    position: absolute;
    background-color: var(--m-01--dark-01)
}

.formFields__uploadPhoto .formFields__uploadPhoto-letter {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 2.063rem;
    line-height: 1.455em;
    letter-spacing: -.022em;
    font-weight: 700;
    color: var(--neu-01)
}

    .formFields__uploadPhoto .formFields__uploadPhoto-letter .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .formFields__uploadPhoto .formFields__uploadPhoto-letter .link a:hover {
            color: var(--m-01)
        }

    .formFields__uploadPhoto .formFields__uploadPhoto-letter mark, .formFields__uploadPhoto .formFields__uploadPhoto-letter mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .formFields__uploadPhoto .formFields__uploadPhoto-letter mark[data-color=gray] {
            color: var(--neu-07)
        }

        .formFields__uploadPhoto .formFields__uploadPhoto-letter mark[data-color=default] {
            color: var(--neu-10)
        }

    .formFields__uploadPhoto .formFields__uploadPhoto-letter span.m-01--dark-01, .formFields__uploadPhoto .formFields__uploadPhoto-letter span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .formFields__uploadPhoto .formFields__uploadPhoto-letter span.neu-07, .formFields__uploadPhoto .formFields__uploadPhoto-letter span[data-color=gray] {
        color: var(--neu-07)
    }

    .formFields__uploadPhoto .formFields__uploadPhoto-letter span.neu-10, .formFields__uploadPhoto .formFields__uploadPhoto-letter span[data-color=default] {
        color: var(--neu-10)
    }

    .formFields__uploadPhoto .formFields__uploadPhoto-letter b, .formFields__uploadPhoto .formFields__uploadPhoto-letter strong {
        font-weight: 700
    }

    .formFields__uploadPhoto .formFields__uploadPhoto-letter em {
        font-style: italic
    }

@media (max-width:1024px) {
    .formFields__uploadPhoto .formFields__uploadPhoto-letter {
        font-size: 1.75rem;
        line-height: 1.429em;
        letter-spacing: -.021em;
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-stretch: normal;
        letter-spacing: normal;
        font-family: Inter,sans-serif;
        font-size: 2.5rem;
        line-height: 1.4em;
        letter-spacing: -.022em;
        font-weight: 700
    }
}

@media (max-width:1024px) {
    .formFields__uploadPhoto .formFields__uploadPhoto-letter .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .formFields__uploadPhoto .formFields__uploadPhoto-letter .link a:hover {
            color: var(--m-01)
        }

    .formFields__uploadPhoto .formFields__uploadPhoto-letter mark, .formFields__uploadPhoto .formFields__uploadPhoto-letter mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .formFields__uploadPhoto .formFields__uploadPhoto-letter mark[data-color=gray] {
            color: var(--neu-07)
        }

        .formFields__uploadPhoto .formFields__uploadPhoto-letter mark[data-color=default] {
            color: var(--neu-10)
        }

    .formFields__uploadPhoto .formFields__uploadPhoto-letter span.m-01--dark-01, .formFields__uploadPhoto .formFields__uploadPhoto-letter span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .formFields__uploadPhoto .formFields__uploadPhoto-letter span.neu-07, .formFields__uploadPhoto .formFields__uploadPhoto-letter span[data-color=gray] {
        color: var(--neu-07)
    }

    .formFields__uploadPhoto .formFields__uploadPhoto-letter span.neu-10, .formFields__uploadPhoto .formFields__uploadPhoto-letter span[data-color=default] {
        color: var(--neu-10)
    }

    .formFields__uploadPhoto .formFields__uploadPhoto-letter b, .formFields__uploadPhoto .formFields__uploadPhoto-letter strong {
        font-weight: 700
    }

    .formFields__uploadPhoto .formFields__uploadPhoto-letter em {
        font-style: italic
    }
}

@media (max-width:1024px) and (max-width:1024px) {
    .formFields__uploadPhoto .formFields__uploadPhoto-letter {
        font-size: 2.063rem;
        line-height: 1.455em;
        letter-spacing: -.022em
    }
}

@media (max-width:512px) {
    .formFields__uploadPhoto .formFields__uploadPhoto-letter {
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-stretch: normal;
        letter-spacing: normal;
        font-family: Inter,sans-serif;
        font-size: 1.75rem;
        line-height: 1.429em;
        letter-spacing: -.021em;
        font-weight: 700
    }

        .formFields__uploadPhoto .formFields__uploadPhoto-letter .link a {
            transition: all .1s ease;
            text-decoration: underline;
            color: var(--m-01--dark-01)
        }

            .formFields__uploadPhoto .formFields__uploadPhoto-letter .link a:hover {
                color: var(--m-01)
            }

        .formFields__uploadPhoto .formFields__uploadPhoto-letter mark, .formFields__uploadPhoto .formFields__uploadPhoto-letter mark[data-color=color] {
            color: var(--m-01--dark-01)
        }

            .formFields__uploadPhoto .formFields__uploadPhoto-letter mark[data-color=gray] {
                color: var(--neu-07)
            }

            .formFields__uploadPhoto .formFields__uploadPhoto-letter mark[data-color=default] {
                color: var(--neu-10)
            }

        .formFields__uploadPhoto .formFields__uploadPhoto-letter span.m-01--dark-01, .formFields__uploadPhoto .formFields__uploadPhoto-letter span[data-color=color] {
            color: var(--m-01--dark-01)
        }

        .formFields__uploadPhoto .formFields__uploadPhoto-letter span.neu-07, .formFields__uploadPhoto .formFields__uploadPhoto-letter span[data-color=gray] {
            color: var(--neu-07)
        }

        .formFields__uploadPhoto .formFields__uploadPhoto-letter span.neu-10, .formFields__uploadPhoto .formFields__uploadPhoto-letter span[data-color=default] {
            color: var(--neu-10)
        }

        .formFields__uploadPhoto .formFields__uploadPhoto-letter b, .formFields__uploadPhoto .formFields__uploadPhoto-letter strong {
            font-weight: 700
        }

        .formFields__uploadPhoto .formFields__uploadPhoto-letter em {
            font-style: italic
        }
}

@media (max-width:512px) and (max-width:1024px) {
    .formFields__uploadPhoto .formFields__uploadPhoto-letter {
        font-size: 1.438rem;
        line-height: 1.391em;
        letter-spacing: -.019em
    }
}

.formFields__uploadPhoto .formFields__uploadPhoto-delete {
    display: none;
    height: -moz-fit-content;
    height: fit-content;
    align-self: center;
    cursor: pointer;
    grid-row: 1/3
}

    .formFields__uploadPhoto .formFields__uploadPhoto-delete i {
        min-width: 24px;
        width: 24px;
        height: 24px;
        font-size: 24px
    }

        .formFields__uploadPhoto .formFields__uploadPhoto-delete i:before {
            font-size: 24px;
            font-weight: 400
        }

    .formFields__uploadPhoto .formFields__uploadPhoto-delete.show {
        display: flex
    }

.formFields__uploadPhoto .formFields__inputBottom {
    grid-template-columns: 1fr;
    margin-top: 0;
    grid-row: 2
}

.formFields__uploadPhoto .formFields__inputBottomAuxMessage, .formFields__uploadPhoto .formFields__inputBottomInfoMessage {
    justify-self: flex-start;
    grid-column: 1
}

.formFields__uploadPhoto .formFields__inputBottomAuxMessage {
    margin-top: 0;
    width: 100%;
    padding-left: 104px;
    top: calc(100% - 8px)
}

.formFields__awards {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 16px
}

.formFields__awards-block {
    box-shadow: 0 0 1px rgba(26,24,23,.05),0 2px 4px rgba(26,24,23,.1);
    padding: 24px 24px 8px;
    background-color: var(--neu-01);
    width: 100%;
    display: flex;
    flex-direction: column
}

@media (max-width:768px) {
    .formFields__awards-block {
        padding: 8px 0;
        box-shadow: none
    }

        .formFields__awards-block:not(:last-of-type) {
            border-bottom: 1px solid var(--neu-03)
        }
}

.formFields__awards-topInfo {
    display: flex;
    gap: 40px;
    justify-content: space-between
}

@media (max-width:768px) {
    .formFields__awards-topInfo {
        flex-direction: column;
        gap: 0
    }
}

.formFields__awards-year {
    max-width: 200px
}

@media (max-width:768px) {
    .formFields__awards-year {
        max-width: unset
    }
}

.formFields__awards-addBtn {
    margin-top: 16px
}

@media (max-width:768px) {
    .formFields__awards-addBtn {
        margin-top: 0
    }
}

.formFields__awards-deleteBtn {
    align-self: flex-end
}

.formFields__btnContainer {
    /*margin-top: 40px;*/
    margin-bottom: 32px;
    justify-content: center
}

.formFields__autocompleteMultiselect .formFields__inputWrapper.filled input[type=email] ~ .formFields__inputIcon--left, .formFields__autocompleteMultiselect .formFields__inputWrapper.filled input[type=month] ~ .formFields__inputIcon--left, .formFields__autocompleteMultiselect .formFields__inputWrapper.filled input[type=password] ~ .formFields__inputIcon--left, .formFields__autocompleteMultiselect .formFields__inputWrapper.filled input[type=text] input[type=date] ~ .formFields__inputIcon--left, .formFields__dropdown .formFields__inputWrapper.filled input[type=email] ~ .formFields__inputIcon--left, .formFields__dropdown .formFields__inputWrapper.filled input[type=month] ~ .formFields__inputIcon--left, .formFields__dropdown .formFields__inputWrapper.filled input[type=password] ~ .formFields__inputIcon--left, .formFields__dropdown .formFields__inputWrapper.filled input[type=text] input[type=date] ~ .formFields__inputIcon--left, .formFields__dropdownAutocomplete .formFields__inputWrapper.filled input[type=email] ~ .formFields__inputIcon--left, .formFields__dropdownAutocomplete .formFields__inputWrapper.filled input[type=month] ~ .formFields__inputIcon--left, .formFields__dropdownAutocomplete .formFields__inputWrapper.filled input[type=password] ~ .formFields__inputIcon--left, .formFields__dropdownAutocomplete .formFields__inputWrapper.filled input[type=text] input[type=date] ~ .formFields__inputIcon--left, .formFields__dropdownMultiselect .formFields__inputWrapper.filled input[type=email] ~ .formFields__inputIcon--left, .formFields__dropdownMultiselect .formFields__inputWrapper.filled input[type=month] ~ .formFields__inputIcon--left, .formFields__dropdownMultiselect .formFields__inputWrapper.filled input[type=password] ~ .formFields__inputIcon--left, .formFields__dropdownMultiselect .formFields__inputWrapper.filled input[type=text] input[type=date] ~ .formFields__inputIcon--left, .formFields__inputWrapper.filled .formFields__autocompleteMultiselect input[type=email] ~ .formFields__inputIcon--left, .formFields__inputWrapper.filled .formFields__autocompleteMultiselect input[type=month] ~ .formFields__inputIcon--left, .formFields__inputWrapper.filled .formFields__autocompleteMultiselect input[type=password] ~ .formFields__inputIcon--left, .formFields__inputWrapper.filled .formFields__dropdownAutocomplete input[type=email] ~ .formFields__inputIcon--left, .formFields__inputWrapper.filled .formFields__dropdownAutocomplete input[type=month] ~ .formFields__inputIcon--left, .formFields__inputWrapper.filled .formFields__dropdownAutocomplete input[type=password] ~ .formFields__inputIcon--left, .formFields__inputWrapper.filled .formFields__dropdown input[type=email] ~ .formFields__inputIcon--left, .formFields__inputWrapper.filled .formFields__dropdown input[type=month] ~ .formFields__inputIcon--left, .formFields__inputWrapper.filled .formFields__dropdown input[type=password] ~ .formFields__inputIcon--left, .formFields__inputWrapper.filled .formFields__dropdownMultiselect input[type=email] ~ .formFields__inputIcon--left, .formFields__inputWrapper.filled .formFields__dropdownMultiselect input[type=month] ~ .formFields__inputIcon--left, .formFields__inputWrapper.filled .formFields__dropdownMultiselect input[type=password] ~ .formFields__inputIcon--left, .formFields__inputWrapper.filled .formFields__selectButton span, .formFields__inputWrapper.filled input[type=email] ~ .formFields__inputIcon, .formFields__inputWrapper.filled input[type=month] ~ .formFields__inputIcon, .formFields__inputWrapper.filled input[type=password] ~ .formFields__inputIcon, .formFields__inputWrapper.filled input[type=text] .formFields__autocompleteMultiselect input[type=date] ~ .formFields__inputIcon--left, .formFields__inputWrapper.filled input[type=text] .formFields__dropdownAutocomplete input[type=date] ~ .formFields__inputIcon--left, .formFields__inputWrapper.filled input[type=text] .formFields__dropdown input[type=date] ~ .formFields__inputIcon--left, .formFields__inputWrapper.filled input[type=text] .formFields__dropdownMultiselect input[type=date] ~ .formFields__inputIcon--left, .formFields__inputWrapper.filled input[type=text] input[type=date] ~ .formFields__inputIcon {
    color: var(--neu-10)
}

.formFields__inputWrapper.success input[type=date], .formFields__inputWrapper.success input[type=email], .formFields__inputWrapper.success input[type=month], .formFields__inputWrapper.success input[type=password], .formFields__inputWrapper.success input[type=text] {
    border-color: var(--add-03--dark-02)
}

    .formFields__autocompleteMultiselect .formFields__inputWrapper.success input[type=date]:hover ~ .formFields__inputIcon--left, .formFields__autocompleteMultiselect .formFields__inputWrapper.success input[type=date] ~ .formFields__inputIcon--left, .formFields__autocompleteMultiselect .formFields__inputWrapper.success input[type=email]:hover ~ .formFields__inputIcon--left, .formFields__autocompleteMultiselect .formFields__inputWrapper.success input[type=email] ~ .formFields__inputIcon--left, .formFields__autocompleteMultiselect .formFields__inputWrapper.success input[type=month]:hover ~ .formFields__inputIcon--left, .formFields__autocompleteMultiselect .formFields__inputWrapper.success input[type=month] ~ .formFields__inputIcon--left, .formFields__autocompleteMultiselect .formFields__inputWrapper.success input[type=password]:hover ~ .formFields__inputIcon--left, .formFields__autocompleteMultiselect .formFields__inputWrapper.success input[type=password] ~ .formFields__inputIcon--left, .formFields__autocompleteMultiselect .formFields__inputWrapper.success input[type=text]:hover ~ .formFields__inputIcon--left, .formFields__autocompleteMultiselect .formFields__inputWrapper.success input[type=text] ~ .formFields__inputIcon--left, .formFields__dropdown .formFields__inputWrapper.success input[type=date]:hover ~ .formFields__inputIcon--left, .formFields__dropdown .formFields__inputWrapper.success input[type=date] ~ .formFields__inputIcon--left, .formFields__dropdown .formFields__inputWrapper.success input[type=email]:hover ~ .formFields__inputIcon--left, .formFields__dropdown .formFields__inputWrapper.success input[type=email] ~ .formFields__inputIcon--left, .formFields__dropdown .formFields__inputWrapper.success input[type=month]:hover ~ .formFields__inputIcon--left, .formFields__dropdown .formFields__inputWrapper.success input[type=month] ~ .formFields__inputIcon--left, .formFields__dropdown .formFields__inputWrapper.success input[type=password]:hover ~ .formFields__inputIcon--left, .formFields__dropdown .formFields__inputWrapper.success input[type=password] ~ .formFields__inputIcon--left, .formFields__dropdown .formFields__inputWrapper.success input[type=text]:hover ~ .formFields__inputIcon--left, .formFields__dropdown .formFields__inputWrapper.success input[type=text] ~ .formFields__inputIcon--left, .formFields__dropdownAutocomplete .formFields__inputWrapper.success input[type=date]:hover ~ .formFields__inputIcon--left, .formFields__dropdownAutocomplete .formFields__inputWrapper.success input[type=date] ~ .formFields__inputIcon--left, .formFields__dropdownAutocomplete .formFields__inputWrapper.success input[type=email]:hover ~ .formFields__inputIcon--left, .formFields__dropdownAutocomplete .formFields__inputWrapper.success input[type=email] ~ .formFields__inputIcon--left, .formFields__dropdownAutocomplete .formFields__inputWrapper.success input[type=month]:hover ~ .formFields__inputIcon--left, .formFields__dropdownAutocomplete .formFields__inputWrapper.success input[type=month] ~ .formFields__inputIcon--left, .formFields__dropdownAutocomplete .formFields__inputWrapper.success input[type=password]:hover ~ .formFields__inputIcon--left, .formFields__dropdownAutocomplete .formFields__inputWrapper.success input[type=password] ~ .formFields__inputIcon--left, .formFields__dropdownAutocomplete .formFields__inputWrapper.success input[type=text]:hover ~ .formFields__inputIcon--left, .formFields__dropdownAutocomplete .formFields__inputWrapper.success input[type=text] ~ .formFields__inputIcon--left, .formFields__dropdownMultiselect .formFields__inputWrapper.success input[type=date]:hover ~ .formFields__inputIcon--left, .formFields__dropdownMultiselect .formFields__inputWrapper.success input[type=date] ~ .formFields__inputIcon--left, .formFields__dropdownMultiselect .formFields__inputWrapper.success input[type=email]:hover ~ .formFields__inputIcon--left, .formFields__dropdownMultiselect .formFields__inputWrapper.success input[type=email] ~ .formFields__inputIcon--left, .formFields__dropdownMultiselect .formFields__inputWrapper.success input[type=month]:hover ~ .formFields__inputIcon--left, .formFields__dropdownMultiselect .formFields__inputWrapper.success input[type=month] ~ .formFields__inputIcon--left, .formFields__dropdownMultiselect .formFields__inputWrapper.success input[type=password]:hover ~ .formFields__inputIcon--left, .formFields__dropdownMultiselect .formFields__inputWrapper.success input[type=password] ~ .formFields__inputIcon--left, .formFields__dropdownMultiselect .formFields__inputWrapper.success input[type=text]:hover ~ .formFields__inputIcon--left, .formFields__dropdownMultiselect .formFields__inputWrapper.success input[type=text] ~ .formFields__inputIcon--left, .formFields__inputWrapper.success .formFields__autocompleteMultiselect input[type=date]:hover ~ .formFields__inputIcon--left, .formFields__inputWrapper.success .formFields__autocompleteMultiselect input[type=date] ~ .formFields__inputIcon--left, .formFields__inputWrapper.success .formFields__autocompleteMultiselect input[type=email]:hover ~ .formFields__inputIcon--left, .formFields__inputWrapper.success .formFields__autocompleteMultiselect input[type=email] ~ .formFields__inputIcon--left, .formFields__inputWrapper.success .formFields__autocompleteMultiselect input[type=month]:hover ~ .formFields__inputIcon--left, .formFields__inputWrapper.success .formFields__autocompleteMultiselect input[type=month] ~ .formFields__inputIcon--left, .formFields__inputWrapper.success .formFields__autocompleteMultiselect input[type=password]:hover ~ .formFields__inputIcon--left, .formFields__inputWrapper.success .formFields__autocompleteMultiselect input[type=password] ~ .formFields__inputIcon--left, .formFields__inputWrapper.success .formFields__autocompleteMultiselect input[type=text]:hover ~ .formFields__inputIcon--left, .formFields__inputWrapper.success .formFields__autocompleteMultiselect input[type=text] ~ .formFields__inputIcon--left, .formFields__inputWrapper.success .formFields__dropdownAutocomplete input[type=date]:hover ~ .formFields__inputIcon--left, .formFields__inputWrapper.success .formFields__dropdownAutocomplete input[type=date] ~ .formFields__inputIcon--left, .formFields__inputWrapper.success .formFields__dropdownAutocomplete input[type=email]:hover ~ .formFields__inputIcon--left, .formFields__inputWrapper.success .formFields__dropdownAutocomplete input[type=email] ~ .formFields__inputIcon--left, .formFields__inputWrapper.success .formFields__dropdownAutocomplete input[type=month]:hover ~ .formFields__inputIcon--left, .formFields__inputWrapper.success .formFields__dropdownAutocomplete input[type=month] ~ .formFields__inputIcon--left, .formFields__inputWrapper.success .formFields__dropdownAutocomplete input[type=password]:hover ~ .formFields__inputIcon--left, .formFields__inputWrapper.success .formFields__dropdownAutocomplete input[type=password] ~ .formFields__inputIcon--left, .formFields__inputWrapper.success .formFields__dropdownAutocomplete input[type=text]:hover ~ .formFields__inputIcon--left, .formFields__inputWrapper.success .formFields__dropdownAutocomplete input[type=text] ~ .formFields__inputIcon--left, .formFields__inputWrapper.success .formFields__dropdown input[type=date]:hover ~ .formFields__inputIcon--left, .formFields__inputWrapper.success .formFields__dropdown input[type=date] ~ .formFields__inputIcon--left, .formFields__inputWrapper.success .formFields__dropdown input[type=email]:hover ~ .formFields__inputIcon--left, .formFields__inputWrapper.success .formFields__dropdown input[type=email] ~ .formFields__inputIcon--left, .formFields__inputWrapper.success .formFields__dropdown input[type=month]:hover ~ .formFields__inputIcon--left, .formFields__inputWrapper.success .formFields__dropdown input[type=month] ~ .formFields__inputIcon--left, .formFields__inputWrapper.success .formFields__dropdown input[type=password]:hover ~ .formFields__inputIcon--left, .formFields__inputWrapper.success .formFields__dropdown input[type=password] ~ .formFields__inputIcon--left, .formFields__inputWrapper.success .formFields__dropdown input[type=text]:hover ~ .formFields__inputIcon--left, .formFields__inputWrapper.success .formFields__dropdown input[type=text] ~ .formFields__inputIcon--left, .formFields__inputWrapper.success .formFields__dropdownMultiselect input[type=date]:hover ~ .formFields__inputIcon--left, .formFields__inputWrapper.success .formFields__dropdownMultiselect input[type=date] ~ .formFields__inputIcon--left, .formFields__inputWrapper.success .formFields__dropdownMultiselect input[type=email]:hover ~ .formFields__inputIcon--left, .formFields__inputWrapper.success .formFields__dropdownMultiselect input[type=email] ~ .formFields__inputIcon--left, .formFields__inputWrapper.success .formFields__dropdownMultiselect input[type=month]:hover ~ .formFields__inputIcon--left, .formFields__inputWrapper.success .formFields__dropdownMultiselect input[type=month] ~ .formFields__inputIcon--left, .formFields__inputWrapper.success .formFields__dropdownMultiselect input[type=password]:hover ~ .formFields__inputIcon--left, .formFields__inputWrapper.success .formFields__dropdownMultiselect input[type=password] ~ .formFields__inputIcon--left, .formFields__inputWrapper.success .formFields__dropdownMultiselect input[type=text]:hover ~ .formFields__inputIcon--left, .formFields__inputWrapper.success .formFields__dropdownMultiselect input[type=text] ~ .formFields__inputIcon--left, .formFields__inputWrapper.success input[type=date]:hover ~ .formFields__inputIcon, .formFields__inputWrapper.success input[type=date] ~ .formFields__inputIcon, .formFields__inputWrapper.success input[type=email]:hover ~ .formFields__inputIcon, .formFields__inputWrapper.success input[type=email] ~ .formFields__inputIcon, .formFields__inputWrapper.success input[type=month]:hover ~ .formFields__inputIcon, .formFields__inputWrapper.success input[type=month] ~ .formFields__inputIcon, .formFields__inputWrapper.success input[type=password]:hover ~ .formFields__inputIcon, .formFields__inputWrapper.success input[type=password] ~ .formFields__inputIcon, .formFields__inputWrapper.success input[type=text]:hover ~ .formFields__inputIcon, .formFields__inputWrapper.success input[type=text] ~ .formFields__inputIcon {
        color: var(--add-03--dark-02)
    }

.formFields__inputWrapper.success .formFields__inputBottomAuxMessage {
    color: var(--add-03--dark-02);
    font-weight: 700
}

.formFields__inputWrapper.error input[type=date], .formFields__inputWrapper.error input[type=email], .formFields__inputWrapper.error input[type=month], .formFields__inputWrapper.error input[type=password], .formFields__inputWrapper.error input[type=text], .formFields__inputWrapper.error textarea {
    border-color: var(--add-02--dark-02)
}

    .formFields__autocompleteMultiselect .formFields__inputWrapper.error input[type=date]:hover ~ .formFields__inputIcon--left, .formFields__autocompleteMultiselect .formFields__inputWrapper.error input[type=date] ~ .formFields__inputIcon--left, .formFields__autocompleteMultiselect .formFields__inputWrapper.error input[type=email]:hover ~ .formFields__inputIcon--left, .formFields__autocompleteMultiselect .formFields__inputWrapper.error input[type=email] ~ .formFields__inputIcon--left, .formFields__autocompleteMultiselect .formFields__inputWrapper.error input[type=month]:hover ~ .formFields__inputIcon--left, .formFields__autocompleteMultiselect .formFields__inputWrapper.error input[type=month] ~ .formFields__inputIcon--left, .formFields__autocompleteMultiselect .formFields__inputWrapper.error input[type=password]:hover ~ .formFields__inputIcon--left, .formFields__autocompleteMultiselect .formFields__inputWrapper.error input[type=password] ~ .formFields__inputIcon--left, .formFields__autocompleteMultiselect .formFields__inputWrapper.error input[type=text]:hover ~ .formFields__inputIcon--left, .formFields__autocompleteMultiselect .formFields__inputWrapper.error input[type=text] ~ .formFields__inputIcon--left, .formFields__autocompleteMultiselect .formFields__inputWrapper.error textarea:hover ~ .formFields__inputIcon--left, .formFields__autocompleteMultiselect .formFields__inputWrapper.error textarea ~ .formFields__inputIcon--left, .formFields__dropdown .formFields__inputWrapper.error input[type=date]:hover ~ .formFields__inputIcon--left, .formFields__dropdown .formFields__inputWrapper.error input[type=date] ~ .formFields__inputIcon--left, .formFields__dropdown .formFields__inputWrapper.error input[type=email]:hover ~ .formFields__inputIcon--left, .formFields__dropdown .formFields__inputWrapper.error input[type=email] ~ .formFields__inputIcon--left, .formFields__dropdown .formFields__inputWrapper.error input[type=month]:hover ~ .formFields__inputIcon--left, .formFields__dropdown .formFields__inputWrapper.error input[type=month] ~ .formFields__inputIcon--left, .formFields__dropdown .formFields__inputWrapper.error input[type=password]:hover ~ .formFields__inputIcon--left, .formFields__dropdown .formFields__inputWrapper.error input[type=password] ~ .formFields__inputIcon--left, .formFields__dropdown .formFields__inputWrapper.error input[type=text]:hover ~ .formFields__inputIcon--left, .formFields__dropdown .formFields__inputWrapper.error input[type=text] ~ .formFields__inputIcon--left, .formFields__dropdown .formFields__inputWrapper.error textarea:hover ~ .formFields__inputIcon--left, .formFields__dropdown .formFields__inputWrapper.error textarea ~ .formFields__inputIcon--left, .formFields__dropdownAutocomplete .formFields__inputWrapper.error input[type=date]:hover ~ .formFields__inputIcon--left, .formFields__dropdownAutocomplete .formFields__inputWrapper.error input[type=date] ~ .formFields__inputIcon--left, .formFields__dropdownAutocomplete .formFields__inputWrapper.error input[type=email]:hover ~ .formFields__inputIcon--left, .formFields__dropdownAutocomplete .formFields__inputWrapper.error input[type=email] ~ .formFields__inputIcon--left, .formFields__dropdownAutocomplete .formFields__inputWrapper.error input[type=month]:hover ~ .formFields__inputIcon--left, .formFields__dropdownAutocomplete .formFields__inputWrapper.error input[type=month] ~ .formFields__inputIcon--left, .formFields__dropdownAutocomplete .formFields__inputWrapper.error input[type=password]:hover ~ .formFields__inputIcon--left, .formFields__dropdownAutocomplete .formFields__inputWrapper.error input[type=password] ~ .formFields__inputIcon--left, .formFields__dropdownAutocomplete .formFields__inputWrapper.error input[type=text]:hover ~ .formFields__inputIcon--left, .formFields__dropdownAutocomplete .formFields__inputWrapper.error input[type=text] ~ .formFields__inputIcon--left, .formFields__dropdownAutocomplete .formFields__inputWrapper.error textarea:hover ~ .formFields__inputIcon--left, .formFields__dropdownAutocomplete .formFields__inputWrapper.error textarea ~ .formFields__inputIcon--left, .formFields__dropdownMultiselect .formFields__inputWrapper.error input[type=date]:hover ~ .formFields__inputIcon--left, .formFields__dropdownMultiselect .formFields__inputWrapper.error input[type=date] ~ .formFields__inputIcon--left, .formFields__dropdownMultiselect .formFields__inputWrapper.error input[type=email]:hover ~ .formFields__inputIcon--left, .formFields__dropdownMultiselect .formFields__inputWrapper.error input[type=email] ~ .formFields__inputIcon--left, .formFields__dropdownMultiselect .formFields__inputWrapper.error input[type=month]:hover ~ .formFields__inputIcon--left, .formFields__dropdownMultiselect .formFields__inputWrapper.error input[type=month] ~ .formFields__inputIcon--left, .formFields__dropdownMultiselect .formFields__inputWrapper.error input[type=password]:hover ~ .formFields__inputIcon--left, .formFields__dropdownMultiselect .formFields__inputWrapper.error input[type=password] ~ .formFields__inputIcon--left, .formFields__dropdownMultiselect .formFields__inputWrapper.error input[type=text]:hover ~ .formFields__inputIcon--left, .formFields__dropdownMultiselect .formFields__inputWrapper.error input[type=text] ~ .formFields__inputIcon--left, .formFields__dropdownMultiselect .formFields__inputWrapper.error textarea:hover ~ .formFields__inputIcon--left, .formFields__dropdownMultiselect .formFields__inputWrapper.error textarea ~ .formFields__inputIcon--left, .formFields__inputWrapper.error .formFields__autocompleteMultiselect input[type=date]:hover ~ .formFields__inputIcon--left, .formFields__inputWrapper.error .formFields__autocompleteMultiselect input[type=date] ~ .formFields__inputIcon--left, .formFields__inputWrapper.error .formFields__autocompleteMultiselect input[type=email]:hover ~ .formFields__inputIcon--left, .formFields__inputWrapper.error .formFields__autocompleteMultiselect input[type=email] ~ .formFields__inputIcon--left, .formFields__inputWrapper.error .formFields__autocompleteMultiselect input[type=month]:hover ~ .formFields__inputIcon--left, .formFields__inputWrapper.error .formFields__autocompleteMultiselect input[type=month] ~ .formFields__inputIcon--left, .formFields__inputWrapper.error .formFields__autocompleteMultiselect input[type=password]:hover ~ .formFields__inputIcon--left, .formFields__inputWrapper.error .formFields__autocompleteMultiselect input[type=password] ~ .formFields__inputIcon--left, .formFields__inputWrapper.error .formFields__autocompleteMultiselect input[type=text]:hover ~ .formFields__inputIcon--left, .formFields__inputWrapper.error .formFields__autocompleteMultiselect input[type=text] ~ .formFields__inputIcon--left, .formFields__inputWrapper.error .formFields__autocompleteMultiselect textarea:hover ~ .formFields__inputIcon--left, .formFields__inputWrapper.error .formFields__autocompleteMultiselect textarea ~ .formFields__inputIcon--left, .formFields__inputWrapper.error .formFields__dropdownAutocomplete input[type=date]:hover ~ .formFields__inputIcon--left, .formFields__inputWrapper.error .formFields__dropdownAutocomplete input[type=date] ~ .formFields__inputIcon--left, .formFields__inputWrapper.error .formFields__dropdownAutocomplete input[type=email]:hover ~ .formFields__inputIcon--left, .formFields__inputWrapper.error .formFields__dropdownAutocomplete input[type=email] ~ .formFields__inputIcon--left, .formFields__inputWrapper.error .formFields__dropdownAutocomplete input[type=month]:hover ~ .formFields__inputIcon--left, .formFields__inputWrapper.error .formFields__dropdownAutocomplete input[type=month] ~ .formFields__inputIcon--left, .formFields__inputWrapper.error .formFields__dropdownAutocomplete input[type=password]:hover ~ .formFields__inputIcon--left, .formFields__inputWrapper.error .formFields__dropdownAutocomplete input[type=password] ~ .formFields__inputIcon--left, .formFields__inputWrapper.error .formFields__dropdownAutocomplete input[type=text]:hover ~ .formFields__inputIcon--left, .formFields__inputWrapper.error .formFields__dropdownAutocomplete input[type=text] ~ .formFields__inputIcon--left, .formFields__inputWrapper.error .formFields__dropdownAutocomplete textarea:hover ~ .formFields__inputIcon--left, .formFields__inputWrapper.error .formFields__dropdownAutocomplete textarea ~ .formFields__inputIcon--left, .formFields__inputWrapper.error .formFields__dropdown input[type=date]:hover ~ .formFields__inputIcon--left, .formFields__inputWrapper.error .formFields__dropdown input[type=date] ~ .formFields__inputIcon--left, .formFields__inputWrapper.error .formFields__dropdown input[type=email]:hover ~ .formFields__inputIcon--left, .formFields__inputWrapper.error .formFields__dropdown input[type=email] ~ .formFields__inputIcon--left, .formFields__inputWrapper.error .formFields__dropdown input[type=month]:hover ~ .formFields__inputIcon--left, .formFields__inputWrapper.error .formFields__dropdown input[type=month] ~ .formFields__inputIcon--left, .formFields__inputWrapper.error .formFields__dropdown input[type=password]:hover ~ .formFields__inputIcon--left, .formFields__inputWrapper.error .formFields__dropdown input[type=password] ~ .formFields__inputIcon--left, .formFields__inputWrapper.error .formFields__dropdown input[type=text]:hover ~ .formFields__inputIcon--left, .formFields__inputWrapper.error .formFields__dropdown input[type=text] ~ .formFields__inputIcon--left, .formFields__inputWrapper.error .formFields__dropdownMultiselect input[type=date]:hover ~ .formFields__inputIcon--left, .formFields__inputWrapper.error .formFields__dropdownMultiselect input[type=date] ~ .formFields__inputIcon--left, .formFields__inputWrapper.error .formFields__dropdownMultiselect input[type=email]:hover ~ .formFields__inputIcon--left, .formFields__inputWrapper.error .formFields__dropdownMultiselect input[type=email] ~ .formFields__inputIcon--left, .formFields__inputWrapper.error .formFields__dropdownMultiselect input[type=month]:hover ~ .formFields__inputIcon--left, .formFields__inputWrapper.error .formFields__dropdownMultiselect input[type=month] ~ .formFields__inputIcon--left, .formFields__inputWrapper.error .formFields__dropdownMultiselect input[type=password]:hover ~ .formFields__inputIcon--left, .formFields__inputWrapper.error .formFields__dropdownMultiselect input[type=password] ~ .formFields__inputIcon--left, .formFields__inputWrapper.error .formFields__dropdownMultiselect input[type=text]:hover ~ .formFields__inputIcon--left, .formFields__inputWrapper.error .formFields__dropdownMultiselect input[type=text] ~ .formFields__inputIcon--left, .formFields__inputWrapper.error .formFields__dropdownMultiselect textarea:hover ~ .formFields__inputIcon--left, .formFields__inputWrapper.error .formFields__dropdownMultiselect textarea ~ .formFields__inputIcon--left, .formFields__inputWrapper.error .formFields__dropdown textarea:hover ~ .formFields__inputIcon--left, .formFields__inputWrapper.error .formFields__dropdown textarea ~ .formFields__inputIcon--left, .formFields__inputWrapper.error input[type=date]:hover ~ .formFields__inputIcon, .formFields__inputWrapper.error input[type=date] ~ .formFields__inputIcon, .formFields__inputWrapper.error input[type=email]:hover ~ .formFields__inputIcon, .formFields__inputWrapper.error input[type=email] ~ .formFields__inputIcon, .formFields__inputWrapper.error input[type=month]:hover ~ .formFields__inputIcon, .formFields__inputWrapper.error input[type=month] ~ .formFields__inputIcon, .formFields__inputWrapper.error input[type=password]:hover ~ .formFields__inputIcon, .formFields__inputWrapper.error input[type=password] ~ .formFields__inputIcon, .formFields__inputWrapper.error input[type=text]:hover ~ .formFields__inputIcon, .formFields__inputWrapper.error input[type=text] ~ .formFields__inputIcon, .formFields__inputWrapper.error textarea:hover ~ .formFields__inputIcon, .formFields__inputWrapper.error textarea ~ .formFields__inputIcon {
        color: var(--add-02--dark-02)
    }

.formFields__inputWrapper.error .formFields__inputContainer, .formFields__inputWrapper.error input[type=checkbox], .formFields__inputWrapper.error input[type=radio] {
    border-color: var(--add-02--dark-02)
}

.formFields__inputWrapper.error .formFields__topOptionalInfo {
    color: var(--add-02--dark-02)
}

.formFields__inputWrapper.error .formFields__inputBottomAuxMessage {
    color: var(--add-02--dark-02);
    font-weight: 700
}

.formFields__inputWrapper.error .formFields__dropArea {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='100%25' height='100%25' fill='none' rx='0' ry='0' stroke='%23E93743' stroke-width='2' stroke-dasharray='2 6' stroke-dashoffset='8' stroke-linecap='square'/%3E%3C/svg%3E")
}

.formFields__inputWrapper.error .formFields__dropArea-error {
    display: flex
}

.formFields__inputWrapper.error .formFields__dropArea-text {
    display: none
}

.formFields__inputWrapper.disable {
    pointer-events: none
}

    .formFields__inputWrapper.disable input {
        background-color: var(--neu-03);
        border-color: transparent;
        color: rgba(26,24,23,.5)
    }

        .formFields__inputWrapper.disable input::placeholder {
            color: var(--neu-06);
            opacity: 1
        }

    .formFields__inputWrapper.disable .formFields__inputContainer {
        border-color: transparent
    }

    .formFields__inputWrapper.disable .formFields__selectButton {
        background-color: var(--neu-03);
        color: var(--neu-06)
    }

        .formFields__inputWrapper.disable .formFields__selectButton span {
            color: var(--neu-06)
        }

    .formFields__inputWrapper.disable .formFields__dropdownContainer {
        border-color: transparent
    }

        .formFields__autocompleteMultiselect .formFields__inputWrapper.disable .formFields__dropdownContainer .formFields__inputIcon--left, .formFields__dropdown .formFields__inputWrapper.disable .formFields__dropdownContainer .formFields__inputIcon--left, .formFields__dropdownAutocomplete .formFields__inputWrapper.disable .formFields__dropdownContainer .formFields__inputIcon--left, .formFields__dropdownMultiselect .formFields__inputWrapper.disable .formFields__dropdownContainer .formFields__inputIcon--left, .formFields__inputWrapper.disable .formFields__dropdownContainer .formFields__autocompleteMultiselect .formFields__inputIcon--left, .formFields__inputWrapper.disable .formFields__dropdownContainer .formFields__dropdown .formFields__inputIcon--left, .formFields__inputWrapper.disable .formFields__dropdownContainer .formFields__dropdownAutocomplete .formFields__inputIcon--left, .formFields__inputWrapper.disable .formFields__dropdownContainer .formFields__dropdownMultiselect .formFields__inputIcon--left, .formFields__inputWrapper.disable .formFields__dropdownContainer .formFields__inputIcon {
            color: var(--neu-06)
        }

.formFields .collapsedInfo .formFields__textCaption {
    margin-bottom: 24px
}

@media (max-width:1024px) {
    .formFields .collapsedInfo__item--content {
        grid-column: 1/7
    }
}

[data-bg=media] .formFields__textField .formFields__inputContainer input, [data-bg=neu-09] .formFields__textField .formFields__inputContainer input {
    background-color: var(--neu-01)
}

[data-bg=media] .formFields__textField .formFields__inputBottomAuxMessage, [data-bg=media] .formFields__textField .formFields__topOptionalInfo, [data-bg=neu-09] .formFields__textField .formFields__inputBottomAuxMessage, [data-bg=neu-09] .formFields__textField .formFields__topOptionalInfo {
    color: var(--neu-04)
}

[data-bg=media] .formFields__textField .formFields__passwordBar, [data-bg=neu-09] .formFields__textField .formFields__passwordBar {
    background-color: hsla(340,5%,88%,.5)
}

[data-bg=media] .formFields__textField[data-password=veryWeak] .formFields__passwordStatus, [data-bg=neu-09] .formFields__textField[data-password=veryWeak] .formFields__passwordStatus {
    color: var(--neu-05)
}

[data-bg=media] .formFields__label, [data-bg=neu-09] .formFields__label {
    color: var(--neu-01) !important
}

.horizontalFilterBar {
    z-index: 80;
    background-color: var(--neu-01)
}

@media (max-width:1024px) {
    .horizontalFilterBar {
        overflow: hidden;
        overflow-y: scroll;
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        padding-top: 36px;
        padding-bottom: 36px;
        z-index: 90;
        background: transparent
    }
}

.horizontalFilterBar.modalVersion {
    position: relative;
    overflow: hidden;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 90;
    display: none;
    position: fixed;
    justify-content: center;
    align-items: center
}

    .horizontalFilterBar.modalVersion:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background: var(--neu-10);
        opacity: .6;
        z-index: 1;
        z-index: 0;
        width: 100vw
    }

    .horizontalFilterBar.modalVersion.show {
        display: flex;
        left: 50%;
        transform: translateX(-50%);
        background-color: transparent
    }

    .horizontalFilterBar.modalVersion header {
        display: flex;
        justify-content: space-between
    }

    .horizontalFilterBar.modalVersion .formFields__formWrapper {
        flex-direction: column;
        gap: 0;
        margin: 0 auto;
        height: inherit;
        overflow: hidden;
        overflow-y: overlay;
        padding: 26px 40px 40px;
        margin-bottom: 94px
    }

@media (max-width:768px) {
    .horizontalFilterBar.modalVersion .formFields__formWrapper {
        padding: 26px 24px 32px;
        margin-bottom: 97px;
        padding: 26px 16px 32px
    }
}

.horizontalFilterBar.modalVersion .horizontalFilterBar__form {
    height: calc(100% - 94px);
    padding-top: 0;
    grid-template-columns: 1fr
}

@media (max-width:768px) {
    .horizontalFilterBar.modalVersion .horizontalFilterBar__form {
        height: calc(100% - 86px)
    }
}

.horizontalFilterBar.modalVersion .horizontalFilterBar__innerContainer {
    height: 90%;
    background-color: var(--neu-01);
    overflow: hidden;
    max-width: 640px;
    width: 100%;
    padding: 0;
    margin: 0 16px
}

@media (max-width:768px) {
    .horizontalFilterBar.modalVersion .horizontalFilterBar__innerContainer {
        max-width: unset;
        height: 100%;
        margin: 0
    }
}

.horizontalFilterBar.modalVersion .horizontalFilterBar__inputs {
    max-width: none;
    max-width: 640px;
    width: 100%;
    flex: unset
}

.horizontalFilterBar.modalVersion .horizontalFilterBar__applyFilters {
    position: absolute;
    bottom: 0;
    height: 104px;
    margin: 0 40px !important;
    border-top: 1px solid var(--neu-03);
    background-color: var(--neu-01);
    width: calc(100% - 80px);
    justify-content: flex-end !important;
    transform: none;
    z-index: 10
}

@media (max-width:768px) {
    .horizontalFilterBar.modalVersion .horizontalFilterBar__applyFilters {
        margin: 0 !important;
        height: 98px
    }
}

@media (max-width:512px) {
    .horizontalFilterBar.modalVersion .horizontalFilterBar__applyFilters {
        justify-content: center !important
    }
}

.horizontalFilterBar.modalVersion .horizontalFilterBar__filterInfo {
    display: none
}

@media (max-width:1024px) {
    .horizontalFilterBar.show {
        position: relative;
        display: flex !important;
        padding: 0;
        overflow: hidden;
        top: 0;
        height: 100%;
        width: 100%;
        z-index: 90;
        display: none;
        position: fixed;
        justify-content: center;
        align-items: center
    }

        .horizontalFilterBar.show:before {
            content: "";
            position: absolute;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            background: var(--neu-10);
            opacity: .6;
            z-index: 1
        }
}

.horizontalFilterBar.show .horizontalFilterBar__leftContainer {
    margin-top: 8px
}

@media (max-width:1024px) {
    .horizontalFilterBar.show .horizontalFilterBar__innerContainer {
        z-index: 1;
        background-color: var(--neu-01);
        height: 90%;
        margin: 0 16px;
        overflow: hidden;
        max-width: 640px;
        padding: 0;
        width: 100%
    }
}

@media (max-width:768px) {
    .horizontalFilterBar.show .horizontalFilterBar__innerContainer {
        height: 100%;
        margin: 0;
        max-width: unset
    }
}

@media (max-width:1024px) {
    .horizontalFilterBar.show .horizontalFilterBar__form {
        padding-top: 0;
        height: calc(100% - 94px)
    }
}

@media (max-width:768px) {
    .horizontalFilterBar.show .horizontalFilterBar__form {
        height: calc(100% - 86px)
    }
}

.horizontalFilterBar.show .horizontalFilterBar__applyFilters {
    margin: 0
}

@media (max-width:768px) {
    .horizontalFilterBar.show .horizontalFilterBar__applyFilters {
        width: 100%;
        margin: 0
    }
}

@media (max-width:512px) {
    .horizontalFilterBar.show .horizontalFilterBar__applyFilters {
        justify-content: center !important
    }
}

@media (max-width:1024px) {
    .horizontalFilterBar.show header {
        display: flex
    }
}

@media (max-width:1024px) {
    .horizontalFilterBar.show .formFields__formWrapper {
        padding: 26px 40px 40px;
        gap: 0;
        height: inherit
    }
}

@media (max-width:768px) {
    .horizontalFilterBar.show .formFields__formWrapper {
        padding: 26px 24px 32px
    }
}

@media (max-width:512px) {
    .horizontalFilterBar.show .formFields__formWrapper {
        padding: 26px 16px 32px
    }
}

.horizontalFilterBar__closeButton {
    position: absolute;
    right: -16px;
    top: 16px;
    cursor: pointer
}

    .horizontalFilterBar__closeButton i:before {
        font-size: 18px
    }

@media (max-width:768px) {
    .horizontalFilterBar__closeButton {
        right: 24px;
        top: 16px
    }
}

@media (max-width:512px) {
    .horizontalFilterBar__closeButton {
        right: 16px;
        top: 8px
    }
}

.horizontalFilterBar header {
    display: none;
    justify-content: space-between;
    border-bottom: 1px solid var(--neu-03);
    margin: 0 40px;
    height: 94px
}

@media (max-width:768px) {
    .horizontalFilterBar header {
        height: 86px;
        margin: 0;
        padding: 0 24px
    }
}

@media (max-width:512px) {
    .horizontalFilterBar header {
        padding: 0 16px
    }
}

.horizontalFilterBar__leftContainer {
    display: flex;
    align-items: center;
    gap: 8px
}

@media (max-width:1024px) {
    .horizontalFilterBar__leftContainer {
        margin-top: 8px
    }
}

.horizontalFilterBar__title {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1.438rem;
    line-height: 1.391em;
    letter-spacing: -.019em;
    font-weight: 400
}

    .horizontalFilterBar__title .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .horizontalFilterBar__title .link a:hover {
            color: var(--m-01)
        }

    .horizontalFilterBar__title mark, .horizontalFilterBar__title mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .horizontalFilterBar__title mark[data-color=gray] {
            color: var(--neu-07)
        }

        .horizontalFilterBar__title mark[data-color=default] {
            color: var(--neu-10)
        }

    .horizontalFilterBar__title span.m-01--dark-01, .horizontalFilterBar__title span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .horizontalFilterBar__title span.neu-07, .horizontalFilterBar__title span[data-color=gray] {
        color: var(--neu-07)
    }

    .horizontalFilterBar__title span.neu-10, .horizontalFilterBar__title span[data-color=default] {
        color: var(--neu-10)
    }

    .horizontalFilterBar__title b, .horizontalFilterBar__title strong {
        font-weight: 700
    }

    .horizontalFilterBar__title em {
        font-style: italic
    }

@media (max-width:1024px) {
    .horizontalFilterBar__title {
        font-size: 1.188rem;
        line-height: 1.263em;
        letter-spacing: -.016em
    }
}

.horizontalFilterBar__mobileIcon:before {
    font-size: 24px
}

.horizontalFilterBar__form {
    display: flex;
    justify-items: flex-start;
    /*padding-top: 32px;*/
    gap: 24px
}

@media (max-width:1024px) {
    .horizontalFilterBar__form {
        /*padding-top: 32px;*/
        display: flex;
        flex-direction: column;
        gap: 0
    }
}

.horizontalFilterBar__form--solo {
    width: -moz-fit-content;
    width: fit-content
}

@media (max-width:1024px) {
    .horizontalFilterBar__form--solo {
        width: 100%
    }
}

.horizontalFilterBar__form--solo .horizontalFilterBar__applyFilters {
    display: none
}

@media (max-width:1024px) {
    .horizontalFilterBar__form--solo .horizontalFilterBar__applyFilters {
        display: flex
    }
}

.horizontalFilterBar__form--grid2 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

@media (max-width:1024px) {
    .horizontalFilterBar__form--grid2 {
        display: flex
    }
}

.horizontalFilterBar__form--grid3 {
    /*display: grid;
    grid-template-columns: auto auto*/
}

@media (max-width:1024px) {
    .horizontalFilterBar__form--grid3 {
        display: flex
    }
}

.horizontalFilterBar__inputs {
    min-width: 260px;
    flex: 2
}

    .horizontalFilterBar__inputs:first-child {
        max-width: 360px;
        flex: 3
    }

@media (max-width:1024px) {
    .horizontalFilterBar__inputs {
        min-width: 0
    }

        .horizontalFilterBar__inputs, .horizontalFilterBar__inputs:first-of-type {
            width: 100%;
            max-width: none;
            flex: unset
        }
}

.horizontalFilterBar__applyFilters {
    align-self: center;
    flex-shrink: 0;
    margin: 0;
    transform: translateY(3px)
}

@media (max-width:1024px) {
    .horizontalFilterBar__applyFilters {
        transform: none;
        width: calc(100% - 80px);
        height: 104px;
        margin: 0;
        border-top: 1px solid var(--neu-03);
        justify-content: flex-end !important
    }
}

@media (max-width:768px) {
    .horizontalFilterBar__applyFilters {
        height: 98px;
        width: 100%;
        margin: 0;
        padding: 0 24px;
        justify-content: flex-end !important;
        right: 0
    }
}

@media (max-width:512px) {
    .horizontalFilterBar__applyFilters {
        padding: 0 16px
    }
}

.horizontalFilterBar .formFields__inputContainer {
    width: 100%
}

.horizontalFilterBar .formFields__formWrapper {
    min-width: 360px;
    display: flex;
    flex-direction: row;
    gap: 24px;
    margin: 0;
    max-width: unset;
    width: 100%
}

@media (max-width:1024px) {
    .horizontalFilterBar .formFields__formWrapper {
        width: 100%;
        display: flex;
        flex-direction: column;
        margin: 0 auto
    }
}

.horizontalFilterBar__filterInfo {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: .813rem;
    line-height: 1.538em;
    letter-spacing: -.003em;
    font-weight: 400;
    display: flex;
    justify-content: space-between;
    align-items: flex-end
}

    .horizontalFilterBar__filterInfo .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .horizontalFilterBar__filterInfo .link a:hover {
            color: var(--m-01)
        }

    .horizontalFilterBar__filterInfo mark, .horizontalFilterBar__filterInfo mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .horizontalFilterBar__filterInfo mark[data-color=gray] {
            color: var(--neu-07)
        }

        .horizontalFilterBar__filterInfo mark[data-color=default] {
            color: var(--neu-10)
        }

    .horizontalFilterBar__filterInfo span.m-01--dark-01, .horizontalFilterBar__filterInfo span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .horizontalFilterBar__filterInfo span.neu-07, .horizontalFilterBar__filterInfo span[data-color=gray] {
        color: var(--neu-07)
    }

    .horizontalFilterBar__filterInfo span.neu-10, .horizontalFilterBar__filterInfo span[data-color=default] {
        color: var(--neu-10)
    }

    .horizontalFilterBar__filterInfo b, .horizontalFilterBar__filterInfo strong {
        font-weight: 700
    }

    .horizontalFilterBar__filterInfo em {
        font-style: italic
    }

    .horizontalFilterBar__filterInfo .bold {
        color: var(--m-01--dark-01)
    }

    .horizontalFilterBar__filterInfo small {
        margin-bottom: 8px
    }

@media (max-width:1024px) {
    .horizontalFilterBar__filterInfo {
        display: none
    }
}

.horizontalFilterBar .btn--tertiary:first-of-type {
    margin-left: auto !important
}

.horizontalFilterBarControl {
    display: none;
    z-index: 80
}

@media (max-width:1024px) {
    .horizontalFilterBarControl {
        display: flex;
        align-items: center
    }
}

.horizontalFilterBarControl.show {
    display: flex;
    align-items: center
}

.horizontalFilterBarControl.sticky {
    height: auto;
    position: sticky;
    top: 80px;
    width: 100%;
    align-items: flex-end;
    padding-top: 16px;
    padding-bottom: 16px;
    transform: translateZ(0)
}

    .horizontalFilterBarControl.sticky:after {
        background-color: var(--neu-10);
        opacity: .09;
        bottom: 0;
        content: "";
        display: block;
        height: 1px;
        width: 100%;
        position: absolute
    }

    .horizontalFilterBarControl.sticky .horizontalFilterBarControl__innerContainer {
        margin-top: 0
    }

    .horizontalFilterBarControl.sticky .horizontalFilterBarControl__filterInfo {
        display: none
    }

.horizontalFilterBarControl__innerContainer {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-top: 32px;
    width: 100%
}

.horizontalFilterBarControl__filterInfo {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: .813rem;
    line-height: 1.538em;
    letter-spacing: -.003em;
    font-weight: 400;
    margin-top: 16px;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    width: 100%
}

    .horizontalFilterBarControl__filterInfo .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .horizontalFilterBarControl__filterInfo .link a:hover {
            color: var(--m-01)
        }

    .horizontalFilterBarControl__filterInfo mark, .horizontalFilterBarControl__filterInfo mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .horizontalFilterBarControl__filterInfo mark[data-color=gray] {
            color: var(--neu-07)
        }

        .horizontalFilterBarControl__filterInfo mark[data-color=default] {
            color: var(--neu-10)
        }

    .horizontalFilterBarControl__filterInfo span.m-01--dark-01, .horizontalFilterBarControl__filterInfo span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .horizontalFilterBarControl__filterInfo span.neu-07, .horizontalFilterBarControl__filterInfo span[data-color=gray] {
        color: var(--neu-07)
    }

    .horizontalFilterBarControl__filterInfo span.neu-10, .horizontalFilterBarControl__filterInfo span[data-color=default] {
        color: var(--neu-10)
    }

    .horizontalFilterBarControl__filterInfo b, .horizontalFilterBarControl__filterInfo strong {
        font-weight: 700
    }

    .horizontalFilterBarControl__filterInfo em {
        font-style: italic
    }

    .horizontalFilterBarControl__filterInfo .bold {
        color: var(--m-01--dark-01)
    }

    .horizontalFilterBarControl__filterInfo small {
        margin-bottom: 8px
    }

.horizontalFilterBarControl .btn--tertiary:first-of-type {
    margin-left: auto !important
}

[data-theme=neu-01] .horizontalFilterBar {
    background-color: var(--neu-01)
}

[data-theme=neu-02] .horizontalFilterBar {
    background-color: var(--neu-02)
}

.horizontalFilterBarWithSort {
    background-color: var(--neu-01)
}

.horizontalFilterBarWithSort__wrapper {
    padding-top: 32px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px 24px
}

@media (max-width:1024px) {
    .horizontalFilterBarWithSort__wrapper {
        grid-template-columns: 1fr
    }
}

@media (max-width:1024px) {
    .horizontalFilterBarWithSort__filtersContainer {
        z-index: 80;
        overflow: hidden;
        overflow-y: scroll;
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        padding-top: 36px;
        padding-bottom: 36px;
        z-index: 90;
        background: transparent
    }
}

.horizontalFilterBarWithSort__filtersContainer.modalVersion {
    position: relative;
    overflow: hidden;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 90;
    display: none;
    position: fixed;
    justify-content: center;
    align-items: center
}

    .horizontalFilterBarWithSort__filtersContainer.modalVersion:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background: var(--neu-10);
        opacity: .6;
        z-index: 1;
        z-index: 0;
        width: 100vw
    }

    .horizontalFilterBarWithSort__filtersContainer.modalVersion.show {
        display: flex;
        left: 50%;
        transform: translateX(-50%);
        background-color: transparent
    }

    .horizontalFilterBarWithSort__filtersContainer.modalVersion header {
        display: flex
    }

    .horizontalFilterBarWithSort__filtersContainer.modalVersion .formFields__formWrapper {
        flex-direction: column;
        gap: 16px;
        margin: 0 auto;
        height: inherit;
        overflow: hidden;
        overflow-y: overlay;
        padding: 26px 40px 40px;
        margin-bottom: 94px
    }

@media (max-width:768px) {
    .horizontalFilterBarWithSort__filtersContainer.modalVersion .formFields__formWrapper {
        padding: 26px 16px 32px;
        margin-bottom: 97px
    }
}

.horizontalFilterBarWithSort__filtersContainer.modalVersion .horizontalFilterBarWithSort__form {
    height: calc(100% - 94px);
    padding-top: 0;
    grid-template-columns: 1fr
}

@media (max-width:768px) {
    .horizontalFilterBarWithSort__filtersContainer.modalVersion .horizontalFilterBarWithSort__form {
        height: calc(100% - 86px)
    }
}

.horizontalFilterBarWithSort__filtersContainer.modalVersion .horizontalFilterBarWithSort__innerContainer {
    height: 90%;
    background-color: var(--neu-01);
    overflow: hidden;
    max-width: 640px;
    width: 100%;
    padding: 0;
    margin: 0 16px
}

@media (max-width:768px) {
    .horizontalFilterBarWithSort__filtersContainer.modalVersion .horizontalFilterBarWithSort__innerContainer {
        max-width: unset;
        height: 100%;
        margin: 0
    }
}

.horizontalFilterBarWithSort__filtersContainer.modalVersion .horizontalFilterBarWithSort__inputsContainer {
    display: block
}

.horizontalFilterBarWithSort__filtersContainer.modalVersion .horizontalFilterBarWithSort__inputs {
    max-width: none;
    width: 100%
}

.horizontalFilterBarWithSort__filtersContainer.modalVersion .horizontalFilterBarWithSort__applyFilters {
    position: absolute;
    bottom: 0;
    height: 104px;
    margin: 0 40px !important;
    border-top: 1px solid var(--neu-03);
    background-color: var(--neu-01);
    width: calc(100% - 80px);
    justify-content: flex-end !important;
    transform: none;
    z-index: 10
}

@media (max-width:768px) {
    .horizontalFilterBarWithSort__filtersContainer.modalVersion .horizontalFilterBarWithSort__applyFilters {
        margin: 0 !important;
        height: 98px
    }
}

@media (max-width:512px) {
    .horizontalFilterBarWithSort__filtersContainer.modalVersion .horizontalFilterBarWithSort__applyFilters {
        justify-content: center !important
    }
}

.horizontalFilterBarWithSort__filtersContainer.modalVersion .horizontalFilterBarWithSort__filterInfo, .horizontalFilterBarWithSort__filtersContainer.modalVersion .horizontalFilterBarWithSort__inputsRight {
    display: none
}

.horizontalFilterBarWithSort__filtersContainer.modalVersion .horizontalFilterBarWithSort__filterButton {
    display: flex
}

@media (max-width:1024px) {
    .horizontalFilterBarWithSort__filtersContainer.show {
        position: relative;
        display: flex !important;
        padding: 0;
        overflow: hidden;
        top: 0;
        height: 100%;
        width: 100%;
        z-index: 90;
        display: none;
        position: fixed;
        justify-content: center;
        align-items: center
    }

        .horizontalFilterBarWithSort__filtersContainer.show:before {
            content: "";
            position: absolute;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            background: var(--neu-10);
            opacity: .6;
            z-index: 1
        }
}

@media (max-width:1024px) {
    .horizontalFilterBarWithSort__filtersContainer.show .horizontalFilterBarWithSort__innerContainer {
        z-index: 1;
        background-color: var(--neu-01);
        height: 90%;
        margin: 0 16px;
        overflow: hidden;
        max-width: 640px;
        padding: 0;
        width: 100%
    }
}

@media (max-width:768px) {
    .horizontalFilterBarWithSort__filtersContainer.show .horizontalFilterBarWithSort__innerContainer {
        height: 100%;
        margin: 0;
        max-width: unset
    }
}

@media (max-width:1024px) {
    .horizontalFilterBarWithSort__filtersContainer.show .horizontalFilterBarWithSort__form {
        padding-top: 0;
        height: calc(100% - 94px)
    }
}

@media (max-width:768px) {
    .horizontalFilterBarWithSort__filtersContainer.show .horizontalFilterBarWithSort__form {
        height: calc(100% - 86px)
    }
}

.horizontalFilterBarWithSort__filtersContainer.show .horizontalFilterBarWithSort__applyFilters {
    margin: 0
}

@media (max-width:768px) {
    .horizontalFilterBarWithSort__filtersContainer.show .horizontalFilterBarWithSort__applyFilters {
        width: 100%;
        margin: 0
    }
}

@media (max-width:512px) {
    .horizontalFilterBarWithSort__filtersContainer.show .horizontalFilterBarWithSort__applyFilters {
        justify-content: center !important
    }
}

@media (max-width:1024px) {
    .horizontalFilterBarWithSort__filtersContainer.show header {
        display: flex
    }
}

@media (max-width:1024px) {
    .horizontalFilterBarWithSort__filtersContainer.show .formFields__formWrapper {
        padding: 26px 40px 40px;
        gap: 16px;
        height: inherit
    }
}

@media (max-width:768px) {
    .horizontalFilterBarWithSort__filtersContainer.show .formFields__formWrapper {
        padding: 26px 24px 32px
    }
}

@media (max-width:512px) {
    .horizontalFilterBarWithSort__filtersContainer.show .formFields__formWrapper {
        padding: 26px 16px 32px
    }
}

.horizontalFilterBarWithSort__innerContainer header {
    display: none;
    justify-content: space-between;
    border-bottom: 1px solid var(--neu-03);
    margin: 0 40px;
    height: 94px
}

@media (max-width:768px) {
    .horizontalFilterBarWithSort__innerContainer header {
        height: 86px;
        margin: 0;
        padding: 0 24px
    }
}

@media (max-width:512px) {
    .horizontalFilterBarWithSort__innerContainer header {
        padding: 0 16px
    }
}

.horizontalFilterBarWithSort__innerContainer-title {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1.438rem;
    line-height: 1.391em;
    letter-spacing: -.019em;
    font-weight: 400;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 8px
}

    .horizontalFilterBarWithSort__innerContainer-title .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .horizontalFilterBarWithSort__innerContainer-title .link a:hover {
            color: var(--m-01)
        }

    .horizontalFilterBarWithSort__innerContainer-title mark, .horizontalFilterBarWithSort__innerContainer-title mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .horizontalFilterBarWithSort__innerContainer-title mark[data-color=gray] {
            color: var(--neu-07)
        }

        .horizontalFilterBarWithSort__innerContainer-title mark[data-color=default] {
            color: var(--neu-10)
        }

    .horizontalFilterBarWithSort__innerContainer-title span.m-01--dark-01, .horizontalFilterBarWithSort__innerContainer-title span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .horizontalFilterBarWithSort__innerContainer-title span.neu-07, .horizontalFilterBarWithSort__innerContainer-title span[data-color=gray] {
        color: var(--neu-07)
    }

    .horizontalFilterBarWithSort__innerContainer-title span.neu-10, .horizontalFilterBarWithSort__innerContainer-title span[data-color=default] {
        color: var(--neu-10)
    }

    .horizontalFilterBarWithSort__innerContainer-title b, .horizontalFilterBarWithSort__innerContainer-title strong {
        font-weight: 700
    }

    .horizontalFilterBarWithSort__innerContainer-title em {
        font-style: italic
    }

@media (max-width:1024px) {
    .horizontalFilterBarWithSort__innerContainer-title {
        font-size: 1.188rem;
        line-height: 1.263em;
        letter-spacing: -.016em;
        margin-top: 8px
    }
}

.horizontalFilterBarWithSort__innerContainer-icon:before {
    font-size: 24px
}

.horizontalFilterBarWithSort__innerContainer-closeButton {
    position: absolute;
    right: -16px;
    top: 16px;
    cursor: pointer
}

    .horizontalFilterBarWithSort__innerContainer-closeButton i:before {
        font-size: 18px
    }

@media (max-width:768px) {
    .horizontalFilterBarWithSort__innerContainer-closeButton {
        right: 24px;
        top: 16px
    }
}

@media (max-width:512px) {
    .horizontalFilterBarWithSort__innerContainer-closeButton {
        right: 16px;
        top: 8px
    }
}

.horizontalFilterBarWithSort__inputsContainer {
    height: 100%;
    display: flex;
    justify-content: space-between;
    gap: 24px;
    align-items: flex-end
}

@media (max-width:1024px) {
    .horizontalFilterBarWithSort__inputsContainer {
        display: block
    }
}

.horizontalFilterBarWithSort__form {
    display: flex;
    gap: 24px;
    width: 100%
}

@media (max-width:1024px) {
    .horizontalFilterBarWithSort__form {
        justify-items: flex-start;
        padding-top: 32px;
        display: flex;
        flex-direction: column;
        gap: 0
    }
}

.horizontalFilterBarWithSort__inputs {
    min-width: 200px;
    width: 200px
}

@media (max-width:1280px) {
    .horizontalFilterBarWithSort__inputs {
        min-width: 170px
    }
}

@media (max-width:1024px) {
    .horizontalFilterBarWithSort__inputs {
        width: 100%;
        max-width: none;
        min-width: 0
    }
}

.horizontalFilterBarWithSort__applyFilters {
    align-self: flex-end;
    flex-shrink: 0;
    margin: 0
}

@media (max-width:1024px) {
    .horizontalFilterBarWithSort__applyFilters {
        width: calc(100% - 80px);
        height: 104px;
        margin: 0;
        align-self: center;
        border-top: 1px solid var(--neu-03);
        justify-content: flex-end !important
    }
}

@media (max-width:768px) {
    .horizontalFilterBarWithSort__applyFilters {
        height: 98px;
        width: 100%;
        margin: 0;
        padding: 0 24px;
        justify-content: flex-end !important;
        right: 0
    }
}

@media (max-width:512px) {
    .horizontalFilterBarWithSort__applyFilters {
        padding: 0 16px
    }
}

.horizontalFilterBarWithSort__visibleFilters {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 24px
}

@media (max-width:768px) {
    .horizontalFilterBarWithSort__visibleFilters {
        flex-wrap: wrap
    }
}

@media (max-width:512px) {
    .horizontalFilterBarWithSort__visibleFilters {
        gap: 16px
    }
}

.horizontalFilterBarWithSort__visibleFilters.full {
    grid-column: 1/3
}

@media (max-width:1024px) {
    .horizontalFilterBarWithSort__visibleFilters.full {
        grid-column: auto
    }
}

.horizontalFilterBarWithSort__inputsRight {
    display: flex;
    gap: 24px;
    width: 100%;
    justify-content: flex-end
}

@media (max-width:768px) {
    .horizontalFilterBarWithSort__inputsRight {
        width: -moz-fit-content;
        width: fit-content;
        justify-content: flex-start
    }
}

@media (max-width:512px) {
    .horizontalFilterBarWithSort__inputsRight {
        width: 100%;
        flex-direction: column;
        gap: 16px
    }
}

.horizontalFilterBarWithSort__inputsRight:has(.horizontalFilterBarWithSort__search) {
    width: 100%
}

.horizontalFilterBarWithSort__search {
    max-width: 380px;
    min-width: 220px
}

@media (max-width:768px) {
    .horizontalFilterBarWithSort__search {
        max-width: unset
    }
}

.horizontalFilterBarWithSort__sort {
    max-width: 200px
}

@media (max-width:768px) {
    .horizontalFilterBarWithSort__sort {
        min-width: 200px
    }
}

@media (max-width:512px) {
    .horizontalFilterBarWithSort__sort {
        max-width: unset
    }
}

.horizontalFilterBarWithSort__filterInfo {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: .813rem;
    line-height: 1.538em;
    letter-spacing: -.003em;
    font-weight: 400;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    grid-column: 1/3
}

    .horizontalFilterBarWithSort__filterInfo .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .horizontalFilterBarWithSort__filterInfo .link a:hover {
            color: var(--m-01)
        }

    .horizontalFilterBarWithSort__filterInfo mark, .horizontalFilterBarWithSort__filterInfo mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .horizontalFilterBarWithSort__filterInfo mark[data-color=gray] {
            color: var(--neu-07)
        }

        .horizontalFilterBarWithSort__filterInfo mark[data-color=default] {
            color: var(--neu-10)
        }

    .horizontalFilterBarWithSort__filterInfo span.m-01--dark-01, .horizontalFilterBarWithSort__filterInfo span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .horizontalFilterBarWithSort__filterInfo span.neu-07, .horizontalFilterBarWithSort__filterInfo span[data-color=gray] {
        color: var(--neu-07)
    }

    .horizontalFilterBarWithSort__filterInfo span.neu-10, .horizontalFilterBarWithSort__filterInfo span[data-color=default] {
        color: var(--neu-10)
    }

    .horizontalFilterBarWithSort__filterInfo b, .horizontalFilterBarWithSort__filterInfo strong {
        font-weight: 700
    }

    .horizontalFilterBarWithSort__filterInfo em {
        font-style: italic
    }

    .horizontalFilterBarWithSort__filterInfo .bold {
        color: var(--m-01--dark-01)
    }

    .horizontalFilterBarWithSort__filterInfo small {
        margin-bottom: 8px
    }

@media (max-width:1024px) {
    .horizontalFilterBarWithSort__filterInfo {
        grid-column: auto
    }
}

.horizontalFilterBarWithSort__filterButton {
    display: none
}

@media (max-width:1024px) {
    .horizontalFilterBarWithSort__filterButton {
        display: block
    }
}

@media (max-width:512px) {
    .horizontalFilterBarWithSort__filterButton {
        width: 100%
    }
}

.horizontalFilterBarWithSort .formFields__inputWrapper {
    width: 100%;
    margin-bottom: 0
}

.horizontalFilterBarWithSort .formFields__inputContainer {
    width: 100%
}

.horizontalFilterBarWithSort .formFields__formWrapper {
    min-width: 360px;
    display: flex;
    flex-direction: row;
    gap: 24px;
    margin: 0;
    max-width: unset;
    width: 100%
}

@media (max-width:1024px) {
    .horizontalFilterBarWithSort .formFields__formWrapper {
        width: 100%;
        display: flex;
        gap: 16px;
        flex-direction: column;
        margin: 0 auto
    }
}

.horizontalFilterBarWithSort .btn--tertiary:first-of-type {
    margin-left: auto !important
}

[data-theme=neu-01] .horizontalFilterBarWithSort {
    background-color: var(--neu-01)
}

[data-theme=neu-02] .horizontalFilterBarWithSort {
    background-color: var(--neu-02)
}

.indicatorsContainer {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px
}

.indicator, .indicator--priority, .indicator--rate {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: .688rem;
    line-height: 1.455em;
    letter-spacing: .005em;
    font-weight: 400;
    color: var(--neu-10);
    display: flex;
    align-items: center
}

    .indicator--priority .link a, .indicator--rate .link a, .indicator .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .indicator--priority .link a:hover, .indicator--rate .link a:hover, .indicator .link a:hover {
            color: var(--m-01)
        }

    .indicator--priority mark, .indicator--priority mark[data-color=color], .indicator--rate mark, .indicator--rate mark[data-color=color], .indicator mark, .indicator mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .indicator--priority mark[data-color=gray], .indicator--rate mark[data-color=gray], .indicator mark[data-color=gray] {
            color: var(--neu-07)
        }

        .indicator--priority mark[data-color=default], .indicator--rate mark[data-color=default], .indicator mark[data-color=default] {
            color: var(--neu-10)
        }

    .indicator--priority span.m-01--dark-01, .indicator--priority span[data-color=color], .indicator--rate span.m-01--dark-01, .indicator--rate span[data-color=color], .indicator span.m-01--dark-01, .indicator span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .indicator--priority span.neu-07, .indicator--priority span[data-color=gray], .indicator--rate span.neu-07, .indicator--rate span[data-color=gray], .indicator span.neu-07, .indicator span[data-color=gray] {
        color: var(--neu-07)
    }

    .indicator--priority span.neu-10, .indicator--priority span[data-color=default], .indicator--rate span.neu-10, .indicator--rate span[data-color=default], .indicator span.neu-10, .indicator span[data-color=default] {
        color: var(--neu-10)
    }

    .indicator--priority b, .indicator--priority strong, .indicator--rate b, .indicator--rate strong, .indicator b, .indicator strong {
        font-weight: 700
    }

    .indicator--priority em, .indicator--rate em, .indicator em {
        font-style: italic
    }

.indicator--rate {
    padding-left: 48px
}

.indicator--rate-rating {
    display: flex;
    width: 16px;
    height: 16px;
    background: var(--neu-03);
    border-radius: 2px;
    transform: translateX(-28px)
}

    .indicator--rate-rating:after, .indicator--rate-rating:before {
        content: "";
        width: 100%;
        height: 100%;
        background: var(--neu-03);
        border-radius: inherit;
        position: absolute
    }

    .indicator--rate-rating:before {
        left: -20px
    }

    .indicator--rate-rating:after {
        right: -20px
    }

.indicator--rate[data-rate=high] .indicator--rate-rating, .indicator--rate[data-rate=high] .indicator--rate-rating:after, .indicator--rate[data-rate=high] .indicator--rate-rating:before, .indicator--rate[data-rate=low] .indicator--rate-rating:before, .indicator--rate[data-rate=medium] .indicator--rate-rating, .indicator--rate[data-rate=medium] .indicator--rate-rating:before {
    background: var(--m-01--dark-01)
}

.indicator--priority {
    display: flex;
    gap: 4px;
    align-items: center
}

    .indicator--priority:before {
        width: 24px;
        height: 24px;
        font-size: 24px;
        font-family: aicep-base-icons !important;
        font-weight: 400;
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        position: relative;
        top: auto;
        transform: none
    }

    .indicator--priority[data-priority=critical]:before {
        content: "\e95e";
        color: var(--add-02--dark-02)
    }

    .indicator--priority[data-priority=high]:before {
        content: "\e95f";
        color: var(--add-05--dark-01)
    }

    .indicator--priority[data-priority=medium]:before {
        content: "\e960";
        color: var(--add-01--dark-01)
    }

    .indicator--priority[data-priority=low]:before {
        content: "\e961";
        color: var(--add-04--dark-02)
    }

.industryCard, .industryCard--small {
    box-shadow: 0 0 1px rgba(26,24,23,.05),0 16px 24px rgba(26,24,23,.05);
    transition: all .15s ease-in-out;
    background: var(--neu-01);
    border-radius: 2px;
    transform: translateY(0);
    transition: all .25s cubic-bezier(.38,.01,.23,.99);
    background: var(--neu-10);
    margin: 0 auto;
    width: 100%;
    max-width: 960px;
    min-height: 290px;
    display: flex;
    flex-direction: column;
    overflow: hidden
}

    .industryCard--small:hover, .industryCard:hover {
        box-shadow: 0 0 1px rgba(26,24,23,.05),0 2px 4px rgba(26,24,23,.1);
        transform: translateY(3px)
    }

@media (max-width:768px) {
    .industryCard--small:hover, .industryCard:hover {
        box-shadow: 0 0 1px rgba(26,24,23,.05),0 16px 24px rgba(26,24,23,.05);
        transform: none
    }
}

.industryCard--small .cardBg, .industryCard .cardBg {
    position: relative;
    transition: all .25s cubic-bezier(.38,.01,.23,.99);
    position: absolute !important;
    width: 100%;
    height: 100%
}

    .industryCard--small .cardBg:before, .industryCard .cardBg:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background: var(--neu-10);
        opacity: .6;
        z-index: 1
    }

    .industryCard--small .cardBg:after, .industryCard--small .cardBg:before, .industryCard .cardBg:after, .industryCard .cardBg:before {
        transition: all .15s ease-in-out
    }

.industryCard--small:hover, .industryCard:hover {
    transform: scale(.95)
}

@media (max-width:768px) {
    .industryCard--small:hover, .industryCard:hover {
        transform: none
    }
}

.industryCard--small:hover .cardBg, .industryCard:hover .cardBg {
    position: relative;
    transform: scale(1.2)
}

    .industryCard--small:hover .cardBg:before, .industryCard:hover .cardBg:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background: var(--neu-10);
        opacity: .7;
        z-index: 1
    }

@media (max-width:768px) {
    .industryCard--small:hover .cardBg, .industryCard:hover .cardBg {
        position: relative;
        transform: none
    }

        .industryCard--small:hover .cardBg:before, .industryCard:hover .cardBg:before {
            content: "";
            position: absolute;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            background: var(--neu-10);
            opacity: .6;
            z-index: 1
        }
}

.industryCard__image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.industryCard__content {
    padding: 32px 24px 24px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1;
    z-index: 2;
    color: var(--neu-01)
}

.industryCard__title {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Calma Global Medium,sans-serif;
    font-size: 2rem;
    line-height: 1.25em;
    letter-spacing: -.016em;
    width: 100%;
    max-width: 600px
}

    .industryCard__title .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .industryCard__title .link a:hover {
            color: var(--m-01)
        }

    .industryCard__title mark, .industryCard__title mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .industryCard__title mark[data-color=gray] {
            color: var(--neu-07)
        }

        .industryCard__title mark[data-color=default] {
            color: var(--neu-10)
        }

    .industryCard__title span.m-01--dark-01, .industryCard__title span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .industryCard__title span.neu-07, .industryCard__title span[data-color=gray] {
        color: var(--neu-07)
    }

    .industryCard__title span.neu-10, .industryCard__title span[data-color=default] {
        color: var(--neu-10)
    }

    .industryCard__title b, .industryCard__title strong {
        font-weight: 700
    }

    .industryCard__title em {
        font-style: italic
    }

@media (max-width:1024px) {
    .industryCard__title {
        font-size: 1.625rem;
        line-height: 1.231em;
        letter-spacing: 0
    }
}

.industryCard--small {
    max-width: 960px;
    max-width: 480px;
    min-height: 240px
}

    .industryCard--small .industryCard__content {
        padding: 24px 16px 16px
    }

    .industryCard--small .industryCard__title {
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-stretch: normal;
        letter-spacing: normal;
        font-family: Calma Global Medium,sans-serif;
        font-size: 1.625rem;
        line-height: 1.231em;
        letter-spacing: 0
    }

        .industryCard--small .industryCard__title .link a {
            transition: all .1s ease;
            text-decoration: underline;
            color: var(--m-01--dark-01)
        }

            .industryCard--small .industryCard__title .link a:hover {
                color: var(--m-01)
            }

        .industryCard--small .industryCard__title mark, .industryCard--small .industryCard__title mark[data-color=color] {
            color: var(--m-01--dark-01)
        }

            .industryCard--small .industryCard__title mark[data-color=gray] {
                color: var(--neu-07)
            }

            .industryCard--small .industryCard__title mark[data-color=default] {
                color: var(--neu-10)
            }

        .industryCard--small .industryCard__title span.m-01--dark-01, .industryCard--small .industryCard__title span[data-color=color] {
            color: var(--m-01--dark-01)
        }

        .industryCard--small .industryCard__title span.neu-07, .industryCard--small .industryCard__title span[data-color=gray] {
            color: var(--neu-07)
        }

        .industryCard--small .industryCard__title span.neu-10, .industryCard--small .industryCard__title span[data-color=default] {
            color: var(--neu-10)
        }

        .industryCard--small .industryCard__title b, .industryCard--small .industryCard__title strong {
            font-weight: 700
        }

        .industryCard--small .industryCard__title em {
            font-style: italic
        }

.industryCard__btnContainer {
    display: flex;
    justify-content: flex-end
}

    .industryCard__btnContainer .btn, .industryCard__btnContainer .btn--icon, .industryCard__btnContainer .btn--primary, .industryCard__btnContainer .btn--primary--dark, .industryCard__btnContainer .btn--secondary, .industryCard__btnContainer .btn--small, .industryCard__btnContainer .btn--tertiary {
        color: var(--neu-01) !important
    }

        .industryCard__btnContainer .btn--icon p:before, .industryCard__btnContainer .btn--primary--dark p:before, .industryCard__btnContainer .btn--primary p:before, .industryCard__btnContainer .btn--secondary p:before, .industryCard__btnContainer .btn--small p:before, .industryCard__btnContainer .btn--tertiary p:before, .industryCard__btnContainer .btn p:before {
            background: var(--neu-01) !important
        }

        .industryCard__btnContainer .btn--icon:hover, .industryCard__btnContainer .btn--primary--dark:hover, .industryCard__btnContainer .btn--primary:hover, .industryCard__btnContainer .btn--secondary:hover, .industryCard__btnContainer .btn--small:hover, .industryCard__btnContainer .btn--tertiary:hover, .industryCard__btnContainer .btn:hover {
            opacity: .7;
            color: var(--neu-01) !important
        }

            .industryCard__btnContainer .btn--icon:hover p:before, .industryCard__btnContainer .btn--primary--dark:hover p:before, .industryCard__btnContainer .btn--primary:hover p:before, .industryCard__btnContainer .btn--secondary:hover p:before, .industryCard__btnContainer .btn--small:hover p:before, .industryCard__btnContainer .btn--tertiary:hover p:before, .industryCard__btnContainer .btn:hover p:before {
                background: var(--neu-01) !important
            }

.infoCard, .infoCard--small {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1.188rem;
    line-height: 1.263em;
    letter-spacing: -.016em;
    font-weight: 700;
    box-shadow: 0 0 1px rgba(26,24,23,.05),0 16px 24px rgba(26,24,23,.05);
    transition: all .15s ease-in-out;
    border-radius: 2px;
    transform: translateY(0);
    background: var(--neu-01);
    margin: 0 auto;
    width: 100%;
    display: flex;
    padding: 32px;
    cursor: pointer;
    gap: 16px
}

    .infoCard--small .link a, .infoCard .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .infoCard--small .link a:hover, .infoCard .link a:hover {
            color: var(--m-01)
        }

    .infoCard--small mark, .infoCard--small mark[data-color=color], .infoCard mark, .infoCard mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .infoCard--small mark[data-color=gray], .infoCard mark[data-color=gray] {
            color: var(--neu-07)
        }

        .infoCard--small mark[data-color=default], .infoCard mark[data-color=default] {
            color: var(--neu-10)
        }

    .infoCard--small span.m-01--dark-01, .infoCard--small span[data-color=color], .infoCard span.m-01--dark-01, .infoCard span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .infoCard--small span.neu-07, .infoCard--small span[data-color=gray], .infoCard span.neu-07, .infoCard span[data-color=gray] {
        color: var(--neu-07)
    }

    .infoCard--small span.neu-10, .infoCard--small span[data-color=default], .infoCard span.neu-10, .infoCard span[data-color=default] {
        color: var(--neu-10)
    }

    .infoCard--small b, .infoCard--small strong, .infoCard b, .infoCard strong {
        font-weight: 700
    }

    .infoCard--small em, .infoCard em {
        font-style: italic
    }

    .infoCard--small:hover, .infoCard:hover {
        box-shadow: 0 0 1px rgba(26,24,23,.05),0 2px 4px rgba(26,24,23,.1);
        transform: translateY(3px)
    }

@media (max-width:768px) {
    .infoCard--small:hover, .infoCard:hover {
        box-shadow: 0 0 1px rgba(26,24,23,.05),0 16px 24px rgba(26,24,23,.05);
        transform: none
    }
}

.infoCard--small {
    max-width: 960px;
    padding: 24px
}

    .infoCard--small .infoCard__number {
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-stretch: normal;
        letter-spacing: normal;
        font-family: Calma Global Medium,sans-serif;
        font-size: 2rem;
        line-height: 1.25em;
        letter-spacing: -.016em;
        transform: translateY(0)
    }

        .infoCard--small .infoCard__number .link a {
            transition: all .1s ease;
            text-decoration: underline;
            color: var(--m-01--dark-01)
        }

            .infoCard--small .infoCard__number .link a:hover {
                color: var(--m-01)
            }

        .infoCard--small .infoCard__number mark, .infoCard--small .infoCard__number mark[data-color=color] {
            color: var(--m-01--dark-01)
        }

            .infoCard--small .infoCard__number mark[data-color=gray] {
                color: var(--neu-07)
            }

            .infoCard--small .infoCard__number mark[data-color=default] {
                color: var(--neu-10)
            }

        .infoCard--small .infoCard__number span.m-01--dark-01, .infoCard--small .infoCard__number span[data-color=color] {
            color: var(--m-01--dark-01)
        }

        .infoCard--small .infoCard__number span.neu-07, .infoCard--small .infoCard__number span[data-color=gray] {
            color: var(--neu-07)
        }

        .infoCard--small .infoCard__number span.neu-10, .infoCard--small .infoCard__number span[data-color=default] {
            color: var(--neu-10)
        }

        .infoCard--small .infoCard__number b, .infoCard--small .infoCard__number strong {
            font-weight: 700
        }

        .infoCard--small .infoCard__number em {
            font-style: italic
        }

@media (max-width:1024px) {
    .infoCard--small .infoCard__number {
        font-size: 1.625rem;
        line-height: 1.231em;
        letter-spacing: 0;
        transform: translateY(3px)
    }
}

.infoCard--small .infoCard__title {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1rem;
    line-height: 1.5em;
    letter-spacing: -.011em;
    font-weight: 700
}

    .infoCard--small .infoCard__title .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .infoCard--small .infoCard__title .link a:hover {
            color: var(--m-01)
        }

    .infoCard--small .infoCard__title mark, .infoCard--small .infoCard__title mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .infoCard--small .infoCard__title mark[data-color=gray] {
            color: var(--neu-07)
        }

        .infoCard--small .infoCard__title mark[data-color=default] {
            color: var(--neu-10)
        }

    .infoCard--small .infoCard__title span.m-01--dark-01, .infoCard--small .infoCard__title span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .infoCard--small .infoCard__title span.neu-07, .infoCard--small .infoCard__title span[data-color=gray] {
        color: var(--neu-07)
    }

    .infoCard--small .infoCard__title span.neu-10, .infoCard--small .infoCard__title span[data-color=default] {
        color: var(--neu-10)
    }

    .infoCard--small .infoCard__title b, .infoCard--small .infoCard__title strong {
        font-weight: 700
    }

    .infoCard--small .infoCard__title em {
        font-style: italic
    }

@media (max-width:1024px) {
    .infoCard, .infoCard--small {
        max-width: 960px;
        padding: 24px
    }

        .infoCard--small .infoCard__number, .infoCard .infoCard__number {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Calma Global Medium,sans-serif;
            font-size: 2rem;
            line-height: 1.25em;
            letter-spacing: -.016em;
            transform: translateY(0)
        }

            .infoCard--small .infoCard__number .link a, .infoCard .infoCard__number .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .infoCard--small .infoCard__number .link a:hover, .infoCard .infoCard__number .link a:hover {
                    color: var(--m-01)
                }

            .infoCard--small .infoCard__number mark, .infoCard--small .infoCard__number mark[data-color=color], .infoCard .infoCard__number mark, .infoCard .infoCard__number mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .infoCard--small .infoCard__number mark[data-color=gray], .infoCard .infoCard__number mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .infoCard--small .infoCard__number mark[data-color=default], .infoCard .infoCard__number mark[data-color=default] {
                    color: var(--neu-10)
                }

            .infoCard--small .infoCard__number span.m-01--dark-01, .infoCard--small .infoCard__number span[data-color=color], .infoCard .infoCard__number span.m-01--dark-01, .infoCard .infoCard__number span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .infoCard--small .infoCard__number span.neu-07, .infoCard--small .infoCard__number span[data-color=gray], .infoCard .infoCard__number span.neu-07, .infoCard .infoCard__number span[data-color=gray] {
                color: var(--neu-07)
            }

            .infoCard--small .infoCard__number span.neu-10, .infoCard--small .infoCard__number span[data-color=default], .infoCard .infoCard__number span.neu-10, .infoCard .infoCard__number span[data-color=default] {
                color: var(--neu-10)
            }

            .infoCard--small .infoCard__number b, .infoCard--small .infoCard__number strong, .infoCard .infoCard__number b, .infoCard .infoCard__number strong {
                font-weight: 700
            }

            .infoCard--small .infoCard__number em, .infoCard .infoCard__number em {
                font-style: italic
            }
}

@media (max-width:1024px) and (max-width:1024px) {
    .infoCard--small .infoCard__number, .infoCard .infoCard__number {
        font-size: 1.625rem;
        line-height: 1.231em;
        letter-spacing: 0;
        transform: translateY(3px)
    }
}

@media (max-width:1024px) {
    .infoCard--small .infoCard__title, .infoCard .infoCard__title {
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-stretch: normal;
        letter-spacing: normal;
        font-family: Inter,sans-serif;
        font-size: 1rem;
        line-height: 1.5em;
        letter-spacing: -.011em;
        font-weight: 700
    }

        .infoCard--small .infoCard__title .link a, .infoCard .infoCard__title .link a {
            transition: all .1s ease;
            text-decoration: underline;
            color: var(--m-01--dark-01)
        }

            .infoCard--small .infoCard__title .link a:hover, .infoCard .infoCard__title .link a:hover {
                color: var(--m-01)
            }

        .infoCard--small .infoCard__title mark, .infoCard--small .infoCard__title mark[data-color=color], .infoCard .infoCard__title mark, .infoCard .infoCard__title mark[data-color=color] {
            color: var(--m-01--dark-01)
        }

            .infoCard--small .infoCard__title mark[data-color=gray], .infoCard .infoCard__title mark[data-color=gray] {
                color: var(--neu-07)
            }

            .infoCard--small .infoCard__title mark[data-color=default], .infoCard .infoCard__title mark[data-color=default] {
                color: var(--neu-10)
            }

        .infoCard--small .infoCard__title span.m-01--dark-01, .infoCard--small .infoCard__title span[data-color=color], .infoCard .infoCard__title span.m-01--dark-01, .infoCard .infoCard__title span[data-color=color] {
            color: var(--m-01--dark-01)
        }

        .infoCard--small .infoCard__title span.neu-07, .infoCard--small .infoCard__title span[data-color=gray], .infoCard .infoCard__title span.neu-07, .infoCard .infoCard__title span[data-color=gray] {
            color: var(--neu-07)
        }

        .infoCard--small .infoCard__title span.neu-10, .infoCard--small .infoCard__title span[data-color=default], .infoCard .infoCard__title span.neu-10, .infoCard .infoCard__title span[data-color=default] {
            color: var(--neu-10)
        }

        .infoCard--small .infoCard__title b, .infoCard--small .infoCard__title strong, .infoCard .infoCard__title b, .infoCard .infoCard__title strong {
            font-weight: 700
        }

        .infoCard--small .infoCard__title em, .infoCard .infoCard__title em {
            font-style: italic
        }
}

.infoCard__number {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Calma Global Medium,sans-serif;
    font-size: 2.5rem;
    line-height: 1.2em;
    letter-spacing: -.025em;
    color: var(--m-01--dark-01);
    height: 0;
    line-height: normal !important;
    transform: translateY(-3px)
}

    .infoCard__number .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .infoCard__number .link a:hover {
            color: var(--m-01)
        }

    .infoCard__number mark, .infoCard__number mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .infoCard__number mark[data-color=gray] {
            color: var(--neu-07)
        }

        .infoCard__number mark[data-color=default] {
            color: var(--neu-10)
        }

    .infoCard__number span.m-01--dark-01, .infoCard__number span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .infoCard__number span.neu-07, .infoCard__number span[data-color=gray] {
        color: var(--neu-07)
    }

    .infoCard__number span.neu-10, .infoCard__number span[data-color=default] {
        color: var(--neu-10)
    }

    .infoCard__number b, .infoCard__number strong {
        font-weight: 700
    }

    .infoCard__number em {
        font-style: italic
    }

@media (max-width:1024px) {
    .infoCard__number {
        font-size: 2rem;
        line-height: 1.25em;
        letter-spacing: -.016em;
        transform: translateY(0)
    }
}

.infoCard__text {
    display: flex;
    flex-direction: column;
    gap: 4px;
    width: 100%;
    height: -moz-fit-content;
    height: fit-content
}

.infoCard__title {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1.188rem;
    line-height: 1.263em;
    letter-spacing: -.016em;
    font-weight: 700;
    /*! autoprefixer: off */ -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -moz-line-clamp: 2;
    -ms-line-clamp: 2;
    line-clamp: 2;
    overflow: hidden
}

    .infoCard__title .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .infoCard__title .link a:hover {
            color: var(--m-01)
        }

    .infoCard__title mark, .infoCard__title mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .infoCard__title mark[data-color=gray] {
            color: var(--neu-07)
        }

        .infoCard__title mark[data-color=default] {
            color: var(--neu-10)
        }

    .infoCard__title span.m-01--dark-01, .infoCard__title span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .infoCard__title span.neu-07, .infoCard__title span[data-color=gray] {
        color: var(--neu-07)
    }

    .infoCard__title span.neu-10, .infoCard__title span[data-color=default] {
        color: var(--neu-10)
    }

    .infoCard__title b, .infoCard__title strong {
        font-weight: 700
    }

    .infoCard__title em {
        font-style: italic
    }

.infoCard__description {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: .813rem;
    line-height: 1.538em;
    letter-spacing: -.003em;
    font-weight: 400;
    /*! autoprefixer: off */ -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -moz-line-clamp: 1;
    -ms-line-clamp: 1;
    line-clamp: 1;
    overflow: hidden
}

    .infoCard__description .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .infoCard__description .link a:hover {
            color: var(--m-01)
        }

    .infoCard__description mark, .infoCard__description mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .infoCard__description mark[data-color=gray] {
            color: var(--neu-07)
        }

        .infoCard__description mark[data-color=default] {
            color: var(--neu-10)
        }

    .infoCard__description span.m-01--dark-01, .infoCard__description span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .infoCard__description span.neu-07, .infoCard__description span[data-color=gray] {
        color: var(--neu-07)
    }

    .infoCard__description span.neu-10, .infoCard__description span[data-color=default] {
        color: var(--neu-10)
    }

    .infoCard__description b, .infoCard__description strong {
        font-weight: 700
    }

    .infoCard__description em {
        font-style: italic
    }

.infoCard__btn {
    align-self: flex-end;
    height: -moz-fit-content !important;
    height: fit-content !important
}

.infoFields {
    padding: 80px 0
}

.infoFields__content {
    grid-column: 4/10;
    display: flex;
    flex-direction: column;
    gap: 40px
}

@media (max-width:1280px) {
    .infoFields__content {
        grid-column: 2/12
    }
}

@media (max-width:1024px) {
    .infoFields__content {
        grid-column: 1/13
    }
}

@media (max-width:1024px) and (max-width:1024px) {
    .infoFields__content {
        grid-column: 1/7
    }
}

.infoFields__refInfo {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 16px 0;
    flex-wrap: wrap;
    gap: 16px 40px;
    border-bottom: 1px solid var(--neu-03)
}

.infoFields__refInfo-title {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1.438rem;
    line-height: 1.391em;
    letter-spacing: -.019em;
    font-weight: 700;
    color: var(--neu-10)
}

    .infoFields__refInfo-title .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .infoFields__refInfo-title .link a:hover {
            color: var(--m-01)
        }

    .infoFields__refInfo-title mark, .infoFields__refInfo-title mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .infoFields__refInfo-title mark[data-color=gray] {
            color: var(--neu-07)
        }

        .infoFields__refInfo-title mark[data-color=default] {
            color: var(--neu-10)
        }

    .infoFields__refInfo-title span.m-01--dark-01, .infoFields__refInfo-title span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .infoFields__refInfo-title span.neu-07, .infoFields__refInfo-title span[data-color=gray] {
        color: var(--neu-07)
    }

    .infoFields__refInfo-title span.neu-10, .infoFields__refInfo-title span[data-color=default] {
        color: var(--neu-10)
    }

    .infoFields__refInfo-title b, .infoFields__refInfo-title strong {
        font-weight: 700
    }

    .infoFields__refInfo-title em {
        font-style: italic
    }

@media (max-width:1024px) {
    .infoFields__refInfo-title {
        font-size: 1.188rem;
        line-height: 1.263em;
        letter-spacing: -.016em
    }
}

.infoFields__refInfo-title strong {
    font-weight: 700;
    color: var(--m-01--dark-02)
}

.infoFields__refInfo-number {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: .688rem;
    line-height: 1.455em;
    letter-spacing: .005em;
    font-weight: 400;
    text-transform: uppercase;
    display: flex;
    flex-wrap: wrap;
    gap: 2px 8px;
    color: var(--neu-10)
}

    .infoFields__refInfo-number .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .infoFields__refInfo-number .link a:hover {
            color: var(--m-01)
        }

    .infoFields__refInfo-number mark, .infoFields__refInfo-number mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .infoFields__refInfo-number mark[data-color=gray] {
            color: var(--neu-07)
        }

        .infoFields__refInfo-number mark[data-color=default] {
            color: var(--neu-10)
        }

    .infoFields__refInfo-number span.m-01--dark-01, .infoFields__refInfo-number span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .infoFields__refInfo-number span.neu-07, .infoFields__refInfo-number span[data-color=gray] {
        color: var(--neu-07)
    }

    .infoFields__refInfo-number span.neu-10, .infoFields__refInfo-number span[data-color=default] {
        color: var(--neu-10)
    }

    .infoFields__refInfo-number b, .infoFields__refInfo-number strong {
        font-weight: 700
    }

    .infoFields__refInfo-number em {
        font-style: italic
    }

    .infoFields__refInfo-number strong {
        font-weight: 700;
        color: var(--m-01--dark-02)
    }

.infoFields__refInfo-info {
    display: flex;
    gap: 24px;
    align-items: center
}

.infoFields__refInfo-status {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: .688rem;
    line-height: 1.455em;
    letter-spacing: .005em;
    font-weight: 400;
    display: flex;
    align-items: center;
    gap: 8px
}

    .infoFields__refInfo-status .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .infoFields__refInfo-status .link a:hover {
            color: var(--m-01)
        }

    .infoFields__refInfo-status mark, .infoFields__refInfo-status mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .infoFields__refInfo-status mark[data-color=gray] {
            color: var(--neu-07)
        }

        .infoFields__refInfo-status mark[data-color=default] {
            color: var(--neu-10)
        }

    .infoFields__refInfo-status span.m-01--dark-01, .infoFields__refInfo-status span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .infoFields__refInfo-status span.neu-07, .infoFields__refInfo-status span[data-color=gray] {
        color: var(--neu-07)
    }

    .infoFields__refInfo-status span.neu-10, .infoFields__refInfo-status span[data-color=default] {
        color: var(--neu-10)
    }

    .infoFields__refInfo-status b, .infoFields__refInfo-status strong {
        font-weight: 700
    }

    .infoFields__refInfo-status em {
        font-style: italic
    }

.infoFields__refInfo-date {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: .688rem;
    line-height: 1.455em;
    letter-spacing: .005em;
    font-weight: 400;
    text-transform: uppercase;
    display: flex;
    flex-wrap: wrap;
    gap: 2px 8px;
    color: var(--neu-10)
}

    .infoFields__refInfo-date .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .infoFields__refInfo-date .link a:hover {
            color: var(--m-01)
        }

    .infoFields__refInfo-date mark, .infoFields__refInfo-date mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .infoFields__refInfo-date mark[data-color=gray] {
            color: var(--neu-07)
        }

        .infoFields__refInfo-date mark[data-color=default] {
            color: var(--neu-10)
        }

    .infoFields__refInfo-date span.m-01--dark-01, .infoFields__refInfo-date span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .infoFields__refInfo-date span.neu-07, .infoFields__refInfo-date span[data-color=gray] {
        color: var(--neu-07)
    }

    .infoFields__refInfo-date span.neu-10, .infoFields__refInfo-date span[data-color=default] {
        color: var(--neu-10)
    }

    .infoFields__refInfo-date b, .infoFields__refInfo-date strong {
        font-weight: 700
    }

    .infoFields__refInfo-date em {
        font-style: italic
    }

    .infoFields__refInfo-date strong {
        font-weight: 700
    }

    .infoFields__refInfo-date i {
        min-width: 16px;
        width: 16px;
        height: 16px;
        font-size: 16px
    }

        .infoFields__refInfo-date i:before {
            font-size: 16px;
            font-weight: 400
        }

.infoFields__refDetail {
    width: 100%;
    background-color: var(--neu-02);
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    align-items: center
}

.infoFields__refDetail-title {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1.438rem;
    line-height: 1.391em;
    letter-spacing: -.019em;
    font-weight: 700;
    text-align: center;
    color: var(--neu-10)
}

    .infoFields__refDetail-title .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .infoFields__refDetail-title .link a:hover {
            color: var(--m-01)
        }

    .infoFields__refDetail-title mark, .infoFields__refDetail-title mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .infoFields__refDetail-title mark[data-color=gray] {
            color: var(--neu-07)
        }

        .infoFields__refDetail-title mark[data-color=default] {
            color: var(--neu-10)
        }

    .infoFields__refDetail-title span.m-01--dark-01, .infoFields__refDetail-title span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .infoFields__refDetail-title span.neu-07, .infoFields__refDetail-title span[data-color=gray] {
        color: var(--neu-07)
    }

    .infoFields__refDetail-title span.neu-10, .infoFields__refDetail-title span[data-color=default] {
        color: var(--neu-10)
    }

    .infoFields__refDetail-title b, .infoFields__refDetail-title strong {
        font-weight: 700
    }

    .infoFields__refDetail-title em {
        font-style: italic
    }

@media (max-width:1024px) {
    .infoFields__refDetail-title {
        font-size: 1.188rem;
        line-height: 1.263em;
        letter-spacing: -.016em
    }
}

.infoFields__refDetail .infoFields__refInfo-number {
    text-align: center;
    justify-content: center
}

.infoFields__mainTitle {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap
}

.infoFields__mainTitle-title {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1.75rem;
    line-height: 1.429em;
    letter-spacing: -.021em;
    font-weight: 700;
    color: var(--neu-10)
}

    .infoFields__mainTitle-title .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .infoFields__mainTitle-title .link a:hover {
            color: var(--m-01)
        }

    .infoFields__mainTitle-title mark, .infoFields__mainTitle-title mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .infoFields__mainTitle-title mark[data-color=gray] {
            color: var(--neu-07)
        }

        .infoFields__mainTitle-title mark[data-color=default] {
            color: var(--neu-10)
        }

    .infoFields__mainTitle-title span.m-01--dark-01, .infoFields__mainTitle-title span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .infoFields__mainTitle-title span.neu-07, .infoFields__mainTitle-title span[data-color=gray] {
        color: var(--neu-07)
    }

    .infoFields__mainTitle-title span.neu-10, .infoFields__mainTitle-title span[data-color=default] {
        color: var(--neu-10)
    }

    .infoFields__mainTitle-title b, .infoFields__mainTitle-title strong {
        font-weight: 700
    }

    .infoFields__mainTitle-title em {
        font-style: italic
    }

@media (max-width:1024px) {
    .infoFields__mainTitle-title {
        font-size: 1.438rem;
        line-height: 1.391em;
        letter-spacing: -.019em
    }
}

.infoFields__secondaryTitle {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1.188rem;
    line-height: 1.263em;
    letter-spacing: -.016em;
    font-weight: 400;
    color: var(--neu-10)
}

    .infoFields__secondaryTitle .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .infoFields__secondaryTitle .link a:hover {
            color: var(--m-01)
        }

    .infoFields__secondaryTitle mark, .infoFields__secondaryTitle mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .infoFields__secondaryTitle mark[data-color=gray] {
            color: var(--neu-07)
        }

        .infoFields__secondaryTitle mark[data-color=default] {
            color: var(--neu-10)
        }

    .infoFields__secondaryTitle span.m-01--dark-01, .infoFields__secondaryTitle span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .infoFields__secondaryTitle span.neu-07, .infoFields__secondaryTitle span[data-color=gray] {
        color: var(--neu-07)
    }

    .infoFields__secondaryTitle span.neu-10, .infoFields__secondaryTitle span[data-color=default] {
        color: var(--neu-10)
    }

    .infoFields__secondaryTitle b, .infoFields__secondaryTitle strong {
        font-weight: 700
    }

    .infoFields__secondaryTitle em {
        font-style: italic
    }

.infoFields__caption {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: .688rem;
    line-height: 1.455em;
    letter-spacing: .005em;
    font-weight: 400;
    color: var(--neu-07);
    display: flex;
    gap: 8px 16px;
    flex-wrap: wrap
}

    .infoFields__caption .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .infoFields__caption .link a:hover {
            color: var(--m-01)
        }

    .infoFields__caption mark, .infoFields__caption mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .infoFields__caption mark[data-color=gray] {
            color: var(--neu-07)
        }

        .infoFields__caption mark[data-color=default] {
            color: var(--neu-10)
        }

    .infoFields__caption span.m-01--dark-01, .infoFields__caption span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .infoFields__caption span.neu-07, .infoFields__caption span[data-color=gray] {
        color: var(--neu-07)
    }

    .infoFields__caption span.neu-10, .infoFields__caption span[data-color=default] {
        color: var(--neu-10)
    }

    .infoFields__caption b, .infoFields__caption strong {
        font-weight: 700
    }

    .infoFields__caption em {
        font-style: italic
    }

.infoFields__blockTitle {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1.438rem;
    line-height: 1.391em;
    letter-spacing: -.019em;
    font-weight: 700;
    color: var(--neu-10)
}

    .infoFields__blockTitle .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .infoFields__blockTitle .link a:hover {
            color: var(--m-01)
        }

    .infoFields__blockTitle mark, .infoFields__blockTitle mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .infoFields__blockTitle mark[data-color=gray] {
            color: var(--neu-07)
        }

        .infoFields__blockTitle mark[data-color=default] {
            color: var(--neu-10)
        }

    .infoFields__blockTitle span.m-01--dark-01, .infoFields__blockTitle span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .infoFields__blockTitle span.neu-07, .infoFields__blockTitle span[data-color=gray] {
        color: var(--neu-07)
    }

    .infoFields__blockTitle span.neu-10, .infoFields__blockTitle span[data-color=default] {
        color: var(--neu-10)
    }

    .infoFields__blockTitle b, .infoFields__blockTitle strong {
        font-weight: 700
    }

    .infoFields__blockTitle em {
        font-style: italic
    }

@media (max-width:1024px) {
    .infoFields__blockTitle {
        font-size: 1.188rem;
        line-height: 1.263em;
        letter-spacing: -.016em
    }
}

.infoFields__blockTitle--side {
    margin-bottom: 8px
}

.infoFields__mainBlock {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 24px;
    border-radius: 2px;
    padding: 32px 32px 40px
}

@media (max-width:768px) {
    .infoFields__mainBlock {
        padding: 32px 24px 40px
    }
}

@media (max-width:512px) {
    .infoFields__mainBlock {
        row-gap: 24px;
        display: flex;
        flex-direction: column;
        padding: 32px 24px
    }
}

.infoFields__mainBlock .formFields, .infoFields__mainBlock .infoFields__grid {
    grid-column: 1/3
}

.infoFields__mainBlock .infoFields__details {
    grid-column: 1/3;
    gap: 16px
}

.infoFields__mainBlock .infoFields__details-title {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: .813rem;
    line-height: 1.538em;
    letter-spacing: -.003em;
    font-weight: 400;
    color: var(--neu-07)
}

    .infoFields__mainBlock .infoFields__details-title .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .infoFields__mainBlock .infoFields__details-title .link a:hover {
            color: var(--m-01)
        }

    .infoFields__mainBlock .infoFields__details-title mark, .infoFields__mainBlock .infoFields__details-title mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .infoFields__mainBlock .infoFields__details-title mark[data-color=gray] {
            color: var(--neu-07)
        }

        .infoFields__mainBlock .infoFields__details-title mark[data-color=default] {
            color: var(--neu-10)
        }

    .infoFields__mainBlock .infoFields__details-title span.m-01--dark-01, .infoFields__mainBlock .infoFields__details-title span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .infoFields__mainBlock .infoFields__details-title span.neu-07, .infoFields__mainBlock .infoFields__details-title span[data-color=gray] {
        color: var(--neu-07)
    }

    .infoFields__mainBlock .infoFields__details-title span.neu-10, .infoFields__mainBlock .infoFields__details-title span[data-color=default] {
        color: var(--neu-10)
    }

    .infoFields__mainBlock .infoFields__details-title b, .infoFields__mainBlock .infoFields__details-title strong {
        font-weight: 700
    }

    .infoFields__mainBlock .infoFields__details-title em {
        font-style: italic
    }

.infoFields__mainBlock .infoFields__details-text {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1rem;
    line-height: 1.5em;
    letter-spacing: -.011em;
    font-weight: 400;
    color: var(--neu-10)
}

    .infoFields__mainBlock .infoFields__details-text .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .infoFields__mainBlock .infoFields__details-text .link a:hover {
            color: var(--m-01)
        }

    .infoFields__mainBlock .infoFields__details-text mark, .infoFields__mainBlock .infoFields__details-text mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .infoFields__mainBlock .infoFields__details-text mark[data-color=gray] {
            color: var(--neu-07)
        }

        .infoFields__mainBlock .infoFields__details-text mark[data-color=default] {
            color: var(--neu-10)
        }

    .infoFields__mainBlock .infoFields__details-text span.m-01--dark-01, .infoFields__mainBlock .infoFields__details-text span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .infoFields__mainBlock .infoFields__details-text span.neu-07, .infoFields__mainBlock .infoFields__details-text span[data-color=gray] {
        color: var(--neu-07)
    }

    .infoFields__mainBlock .infoFields__details-text span.neu-10, .infoFields__mainBlock .infoFields__details-text span[data-color=default] {
        color: var(--neu-10)
    }

    .infoFields__mainBlock .infoFields__details-text b, .infoFields__mainBlock .infoFields__details-text strong {
        font-weight: 700
    }

    .infoFields__mainBlock .infoFields__details-text em {
        font-style: italic
    }

.infoFields__mainBlock .infoFields__btn {
    grid-row: 1;
    grid-column: 2;
    margin: 0 !important
}

.infoFields__mainBlock[data-bg=neu-01] {
    box-shadow: 0 0 1px rgba(26,24,23,.05),0 2px 4px rgba(26,24,23,.1)
}

.infoFields__mainBlock[data-bg=neu-02] .infoFields__details-title {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: .813rem;
    line-height: 1.538em;
    letter-spacing: -.003em;
    font-weight: 400;
    color: var(--neu-10);
    opacity: .6
}

    .infoFields__mainBlock[data-bg=neu-02] .infoFields__details-title .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .infoFields__mainBlock[data-bg=neu-02] .infoFields__details-title .link a:hover {
            color: var(--m-01)
        }

    .infoFields__mainBlock[data-bg=neu-02] .infoFields__details-title mark, .infoFields__mainBlock[data-bg=neu-02] .infoFields__details-title mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .infoFields__mainBlock[data-bg=neu-02] .infoFields__details-title mark[data-color=gray] {
            color: var(--neu-07)
        }

        .infoFields__mainBlock[data-bg=neu-02] .infoFields__details-title mark[data-color=default] {
            color: var(--neu-10)
        }

    .infoFields__mainBlock[data-bg=neu-02] .infoFields__details-title span.m-01--dark-01, .infoFields__mainBlock[data-bg=neu-02] .infoFields__details-title span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .infoFields__mainBlock[data-bg=neu-02] .infoFields__details-title span.neu-07, .infoFields__mainBlock[data-bg=neu-02] .infoFields__details-title span[data-color=gray] {
        color: var(--neu-07)
    }

    .infoFields__mainBlock[data-bg=neu-02] .infoFields__details-title span.neu-10, .infoFields__mainBlock[data-bg=neu-02] .infoFields__details-title span[data-color=default] {
        color: var(--neu-10)
    }

    .infoFields__mainBlock[data-bg=neu-02] .infoFields__details-title b, .infoFields__mainBlock[data-bg=neu-02] .infoFields__details-title strong {
        font-weight: 700
    }

    .infoFields__mainBlock[data-bg=neu-02] .infoFields__details-title em {
        font-style: italic
    }

.infoFields__mainBlock[data-bg=transparent] {
    border: 1px solid var(--neu-03)
}

.infoFields__sideBlock, .infoFields__sideContent {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.infoFields__sideBlock-content {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.infoFields__sideBlock-content--grid {
    flex-direction: row;
    gap: 24px
}

    .infoFields__sideBlock-content--grid .infoFields__sideBlock-info {
        gap: 8px
    }

.infoFields__sideBlock-info {
    display: flex;
    flex-direction: column
}

.infoFields__sideBlock-title {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1.188rem;
    line-height: 1.263em;
    letter-spacing: -.016em;
    font-weight: 700;
    padding-right: 32px
}

    .infoFields__sideBlock-title .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .infoFields__sideBlock-title .link a:hover {
            color: var(--m-01)
        }

    .infoFields__sideBlock-title mark, .infoFields__sideBlock-title mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .infoFields__sideBlock-title mark[data-color=gray] {
            color: var(--neu-07)
        }

        .infoFields__sideBlock-title mark[data-color=default] {
            color: var(--neu-10)
        }

    .infoFields__sideBlock-title span.m-01--dark-01, .infoFields__sideBlock-title span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .infoFields__sideBlock-title span.neu-07, .infoFields__sideBlock-title span[data-color=gray] {
        color: var(--neu-07)
    }

    .infoFields__sideBlock-title span.neu-10, .infoFields__sideBlock-title span[data-color=default] {
        color: var(--neu-10)
    }

    .infoFields__sideBlock-title b, .infoFields__sideBlock-title strong {
        font-weight: 700
    }

    .infoFields__sideBlock-title em {
        font-style: italic
    }

.infoFields__sideBlock-subtitle {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1.188rem;
    line-height: 1.263em;
    letter-spacing: -.016em;
    font-weight: 700
}

    .infoFields__sideBlock-subtitle .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .infoFields__sideBlock-subtitle .link a:hover {
            color: var(--m-01)
        }

    .infoFields__sideBlock-subtitle mark, .infoFields__sideBlock-subtitle mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .infoFields__sideBlock-subtitle mark[data-color=gray] {
            color: var(--neu-07)
        }

        .infoFields__sideBlock-subtitle mark[data-color=default] {
            color: var(--neu-10)
        }

    .infoFields__sideBlock-subtitle span.m-01--dark-01, .infoFields__sideBlock-subtitle span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .infoFields__sideBlock-subtitle span.neu-07, .infoFields__sideBlock-subtitle span[data-color=gray] {
        color: var(--neu-07)
    }

    .infoFields__sideBlock-subtitle span.neu-10, .infoFields__sideBlock-subtitle span[data-color=default] {
        color: var(--neu-10)
    }

    .infoFields__sideBlock-subtitle b, .infoFields__sideBlock-subtitle strong {
        font-weight: 700
    }

    .infoFields__sideBlock-subtitle em {
        font-style: italic
    }

.infoFields__sideBlock-description {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: .813rem;
    line-height: 1.538em;
    letter-spacing: -.003em;
    font-weight: 400
}

    .infoFields__sideBlock-description .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .infoFields__sideBlock-description .link a:hover {
            color: var(--m-01)
        }

    .infoFields__sideBlock-description mark, .infoFields__sideBlock-description mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .infoFields__sideBlock-description mark[data-color=gray] {
            color: var(--neu-07)
        }

        .infoFields__sideBlock-description mark[data-color=default] {
            color: var(--neu-10)
        }

    .infoFields__sideBlock-description span.m-01--dark-01, .infoFields__sideBlock-description span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .infoFields__sideBlock-description span.neu-07, .infoFields__sideBlock-description span[data-color=gray] {
        color: var(--neu-07)
    }

    .infoFields__sideBlock-description span.neu-10, .infoFields__sideBlock-description span[data-color=default] {
        color: var(--neu-10)
    }

    .infoFields__sideBlock-description b, .infoFields__sideBlock-description strong {
        font-weight: 700
    }

    .infoFields__sideBlock-description em {
        font-style: italic
    }

.infoFields__sideBlock-text {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1rem;
    line-height: 1.5em;
    letter-spacing: -.011em;
    font-weight: 400;
    overflow-wrap: break-word
}

    .infoFields__sideBlock-text .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .infoFields__sideBlock-text .link a:hover {
            color: var(--m-01)
        }

    .infoFields__sideBlock-text mark, .infoFields__sideBlock-text mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .infoFields__sideBlock-text mark[data-color=gray] {
            color: var(--neu-07)
        }

        .infoFields__sideBlock-text mark[data-color=default] {
            color: var(--neu-10)
        }

    .infoFields__sideBlock-text span.m-01--dark-01, .infoFields__sideBlock-text span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .infoFields__sideBlock-text span.neu-07, .infoFields__sideBlock-text span[data-color=gray] {
        color: var(--neu-07)
    }

    .infoFields__sideBlock-text span.neu-10, .infoFields__sideBlock-text span[data-color=default] {
        color: var(--neu-10)
    }

    .infoFields__sideBlock-text b, .infoFields__sideBlock-text strong {
        font-weight: 700
    }

    .infoFields__sideBlock-text em {
        font-style: italic
    }

.infoFields__sideBlock-btnIcon, .infoFields__sideBlock-icon {
    position: absolute;
    top: 16px;
    right: 8px
}

.infoFields__sideBlock-icon {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 56px;
    min-width: 56px;
    height: 48px;
    pointer-events: none;
    color: var(--m-02--dark-01) !important
}

    .infoFields__sideBlock-icon i {
        min-width: 24px;
        width: 24px;
        height: 24px;
        font-size: 24px
    }

        .infoFields__sideBlock-icon i:before {
            font-size: 24px;
            font-weight: 400
        }

.infoFields__sideBlock[data-bg=transparent] {
    color: var(--neu-10);
    border: 1px solid var(--neu-03)
}

.infoFields__sideBlock[data-block=color] {
    padding: 24px 32px
}

@media (max-width:1024px) {
    .infoFields__sideBlock[data-block=color] {
        padding: 24px
    }
}

.infoFields__sideBlock[data-block=simple] {
    padding: 16px 0 32px
}

    .infoFields__sideBlock[data-block=simple]:not(:last-child) {
        border-bottom: 1px solid var(--neu-03)
    }

    .infoFields__sideBlock[data-block=simple][data-bg=transparent] {
        padding: 16px 0 32px;
        border: none
    }

@media (max-width:1024px) {
    .infoFields__sideBlock[data-block=simple][data-bg=transparent] {
        padding: 16px 0 24px
    }
}

.infoFields__sideBlock[data-block=simple][data-bg=transparent][data-divider=on] {
    border-bottom: 1px solid var(--neu-03)
}

.infoFields__sideBlock .infoFields__btn {
    width: -moz-fit-content;
    width: fit-content;
    margin-top: 8px
}

@media (max-width:512px) {
    .infoFields__sideBlock .infoFields__btn {
        width: 100%
    }
}

.infoFields__sideBlock .infoFields__btn.btn--tertiary {
    margin-top: 0;
    width: -moz-fit-content;
    width: fit-content
}

.infoFields__itemsGrid {
    display: grid;
    gap: 24px;
    grid-column: 1/3
}

    .infoFields__itemsGrid[data-grid="2"] {
        grid-template-columns: repeat(2,1fr)
    }

@media (max-width:1280px) {
    .infoFields__itemsGrid[data-grid="2"] {
        grid-template-columns: 1fr;
        gap: 16px
    }
}

.infoFields__itemsGrid[data-grid="2"] .infoFields__details {
    grid-column: auto
}

.infoFields__details {
    display: flex;
    flex-direction: column;
    gap: 24px
}

.infoFields__details-item {
    display: flex;
    flex-direction: column;
    gap: 4px;
    max-width: 640px
}

.infoFields__details-title {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: .813rem;
    line-height: 1.538em;
    letter-spacing: -.003em;
    font-weight: 400;
    color: var(--neu-07)
}

    .infoFields__details-title .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .infoFields__details-title .link a:hover {
            color: var(--m-01)
        }

    .infoFields__details-title mark, .infoFields__details-title mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .infoFields__details-title mark[data-color=gray] {
            color: var(--neu-07)
        }

        .infoFields__details-title mark[data-color=default] {
            color: var(--neu-10)
        }

    .infoFields__details-title span.m-01--dark-01, .infoFields__details-title span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .infoFields__details-title span.neu-07, .infoFields__details-title span[data-color=gray] {
        color: var(--neu-07)
    }

    .infoFields__details-title span.neu-10, .infoFields__details-title span[data-color=default] {
        color: var(--neu-10)
    }

    .infoFields__details-title b, .infoFields__details-title strong {
        font-weight: 700
    }

    .infoFields__details-title em {
        font-style: italic
    }

.infoFields__details-text {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1rem;
    line-height: 1.5em;
    letter-spacing: -.011em;
    font-weight: 400;
    color: var(--neu-10);
    overflow-wrap: anywhere;
    display: flex;
    align-items: center;
    gap: 8px
}

    .infoFields__details-text .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .infoFields__details-text .link a:hover {
            color: var(--m-01)
        }

    .infoFields__details-text mark, .infoFields__details-text mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .infoFields__details-text mark[data-color=gray] {
            color: var(--neu-07)
        }

        .infoFields__details-text mark[data-color=default] {
            color: var(--neu-10)
        }

    .infoFields__details-text span.m-01--dark-01, .infoFields__details-text span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .infoFields__details-text span.neu-07, .infoFields__details-text span[data-color=gray] {
        color: var(--neu-07)
    }

    .infoFields__details-text span.neu-10, .infoFields__details-text span[data-color=default] {
        color: var(--neu-10)
    }

    .infoFields__details-text b, .infoFields__details-text strong {
        font-weight: 700
    }

    .infoFields__details-text em {
        font-style: italic
    }

    .infoFields__details-text a {
        transition: all .1s ease;
        text-decoration: underline
    }

        .infoFields__details-text a:hover {
            opacity: .7
        }

.infoFields__profile {
    display: flex;
    align-items: center;
    gap: 16px
}

.infoFields__profile-thumb, .infoFields__profile-thumb--m, .infoFields__profile-thumb--s {
    min-width: 80px;
    width: 80px;
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--m-01--dark-01);
    border-radius: 50%;
    overflow: hidden;
    align-self: flex-start;
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 2.063rem;
    line-height: 1.455em;
    letter-spacing: -.022em;
    font-weight: 700;
    color: var(--neu-01);
    text-transform: uppercase
}

    .infoFields__profile-thumb--m .link a, .infoFields__profile-thumb--s .link a, .infoFields__profile-thumb .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .infoFields__profile-thumb--m .link a:hover, .infoFields__profile-thumb--s .link a:hover, .infoFields__profile-thumb .link a:hover {
            color: var(--m-01)
        }

    .infoFields__profile-thumb--m mark, .infoFields__profile-thumb--m mark[data-color=color], .infoFields__profile-thumb--s mark, .infoFields__profile-thumb--s mark[data-color=color], .infoFields__profile-thumb mark, .infoFields__profile-thumb mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .infoFields__profile-thumb--m mark[data-color=gray], .infoFields__profile-thumb--s mark[data-color=gray], .infoFields__profile-thumb mark[data-color=gray] {
            color: var(--neu-07)
        }

        .infoFields__profile-thumb--m mark[data-color=default], .infoFields__profile-thumb--s mark[data-color=default], .infoFields__profile-thumb mark[data-color=default] {
            color: var(--neu-10)
        }

    .infoFields__profile-thumb--m span.m-01--dark-01, .infoFields__profile-thumb--m span[data-color=color], .infoFields__profile-thumb--s span.m-01--dark-01, .infoFields__profile-thumb--s span[data-color=color], .infoFields__profile-thumb span.m-01--dark-01, .infoFields__profile-thumb span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .infoFields__profile-thumb--m span.neu-07, .infoFields__profile-thumb--m span[data-color=gray], .infoFields__profile-thumb--s span.neu-07, .infoFields__profile-thumb--s span[data-color=gray], .infoFields__profile-thumb span.neu-07, .infoFields__profile-thumb span[data-color=gray] {
        color: var(--neu-07)
    }

    .infoFields__profile-thumb--m span.neu-10, .infoFields__profile-thumb--m span[data-color=default], .infoFields__profile-thumb--s span.neu-10, .infoFields__profile-thumb--s span[data-color=default], .infoFields__profile-thumb span.neu-10, .infoFields__profile-thumb span[data-color=default] {
        color: var(--neu-10)
    }

    .infoFields__profile-thumb--m b, .infoFields__profile-thumb--m strong, .infoFields__profile-thumb--s b, .infoFields__profile-thumb--s strong, .infoFields__profile-thumb b, .infoFields__profile-thumb strong {
        font-weight: 700
    }

    .infoFields__profile-thumb--m em, .infoFields__profile-thumb--s em, .infoFields__profile-thumb em {
        font-style: italic
    }

@media (max-width:1024px) {
    .infoFields__profile-thumb, .infoFields__profile-thumb--m, .infoFields__profile-thumb--s {
        font-size: 1.75rem;
        line-height: 1.429em;
        letter-spacing: -.021em;
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-stretch: normal;
        letter-spacing: normal;
        font-family: Inter,sans-serif;
        font-weight: 700;
        min-width: 56px;
        width: 56px;
        height: 56px
    }
}

@media (max-width:1024px) {
    .infoFields__profile-thumb--m .link a, .infoFields__profile-thumb--s .link a, .infoFields__profile-thumb .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .infoFields__profile-thumb--m .link a:hover, .infoFields__profile-thumb--s .link a:hover, .infoFields__profile-thumb .link a:hover {
            color: var(--m-01)
        }

    .infoFields__profile-thumb--m mark, .infoFields__profile-thumb--m mark[data-color=color], .infoFields__profile-thumb--s mark, .infoFields__profile-thumb--s mark[data-color=color], .infoFields__profile-thumb mark, .infoFields__profile-thumb mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .infoFields__profile-thumb--m mark[data-color=gray], .infoFields__profile-thumb--s mark[data-color=gray], .infoFields__profile-thumb mark[data-color=gray] {
            color: var(--neu-07)
        }

        .infoFields__profile-thumb--m mark[data-color=default], .infoFields__profile-thumb--s mark[data-color=default], .infoFields__profile-thumb mark[data-color=default] {
            color: var(--neu-10)
        }

    .infoFields__profile-thumb--m span.m-01--dark-01, .infoFields__profile-thumb--m span[data-color=color], .infoFields__profile-thumb--s span.m-01--dark-01, .infoFields__profile-thumb--s span[data-color=color], .infoFields__profile-thumb span.m-01--dark-01, .infoFields__profile-thumb span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .infoFields__profile-thumb--m span.neu-07, .infoFields__profile-thumb--m span[data-color=gray], .infoFields__profile-thumb--s span.neu-07, .infoFields__profile-thumb--s span[data-color=gray], .infoFields__profile-thumb span.neu-07, .infoFields__profile-thumb span[data-color=gray] {
        color: var(--neu-07)
    }

    .infoFields__profile-thumb--m span.neu-10, .infoFields__profile-thumb--m span[data-color=default], .infoFields__profile-thumb--s span.neu-10, .infoFields__profile-thumb--s span[data-color=default], .infoFields__profile-thumb span.neu-10, .infoFields__profile-thumb span[data-color=default] {
        color: var(--neu-10)
    }

    .infoFields__profile-thumb--m b, .infoFields__profile-thumb--m strong, .infoFields__profile-thumb--s b, .infoFields__profile-thumb--s strong, .infoFields__profile-thumb b, .infoFields__profile-thumb strong {
        font-weight: 700
    }

    .infoFields__profile-thumb--m em, .infoFields__profile-thumb--s em, .infoFields__profile-thumb em {
        font-style: italic
    }
}

@media (max-width:1024px) and (max-width:1024px) {
    .infoFields__profile-thumb, .infoFields__profile-thumb--m, .infoFields__profile-thumb--s {
        font-size: 1.438rem;
        line-height: 1.391em;
        letter-spacing: -.019em
    }
}

.infoFields__profile-thumb--m:has(figure), .infoFields__profile-thumb--s:has(figure), .infoFields__profile-thumb:has(figure) {
    box-shadow: 0 0 0 1px var(--neu-03)
}

.infoFields__profile-thumb--m {
    min-width: 48px;
    width: 48px;
    height: 48px;
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1.188rem;
    line-height: 1.263em;
    letter-spacing: -.016em;
    font-weight: 700
}

    .infoFields__profile-thumb--m .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .infoFields__profile-thumb--m .link a:hover {
            color: var(--m-01)
        }

    .infoFields__profile-thumb--m mark, .infoFields__profile-thumb--m mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .infoFields__profile-thumb--m mark[data-color=gray] {
            color: var(--neu-07)
        }

        .infoFields__profile-thumb--m mark[data-color=default] {
            color: var(--neu-10)
        }

    .infoFields__profile-thumb--m span.m-01--dark-01, .infoFields__profile-thumb--m span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .infoFields__profile-thumb--m span.neu-07, .infoFields__profile-thumb--m span[data-color=gray] {
        color: var(--neu-07)
    }

    .infoFields__profile-thumb--m span.neu-10, .infoFields__profile-thumb--m span[data-color=default] {
        color: var(--neu-10)
    }

    .infoFields__profile-thumb--m b, .infoFields__profile-thumb--m strong {
        font-weight: 700
    }

    .infoFields__profile-thumb--m em {
        font-style: italic
    }

.infoFields__profile-thumb--s {
    min-width: 32px;
    width: 32px;
    height: 32px;
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: .813rem;
    line-height: 1.538em;
    letter-spacing: -.003em;
    font-weight: 700
}

    .infoFields__profile-thumb--s .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .infoFields__profile-thumb--s .link a:hover {
            color: var(--m-01)
        }

    .infoFields__profile-thumb--s mark, .infoFields__profile-thumb--s mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .infoFields__profile-thumb--s mark[data-color=gray] {
            color: var(--neu-07)
        }

        .infoFields__profile-thumb--s mark[data-color=default] {
            color: var(--neu-10)
        }

    .infoFields__profile-thumb--s span.m-01--dark-01, .infoFields__profile-thumb--s span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .infoFields__profile-thumb--s span.neu-07, .infoFields__profile-thumb--s span[data-color=gray] {
        color: var(--neu-07)
    }

    .infoFields__profile-thumb--s span.neu-10, .infoFields__profile-thumb--s span[data-color=default] {
        color: var(--neu-10)
    }

    .infoFields__profile-thumb--s b, .infoFields__profile-thumb--s strong {
        font-weight: 700
    }

    .infoFields__profile-thumb--s em {
        font-style: italic
    }

    .infoFields__profile-thumb--m:has(figure), .infoFields__profile-thumb--s:has(figure), .infoFields__profile-thumb:has(figure) {
        background-color: transparent
    }

    .infoFields__profile-thumb--m figure, .infoFields__profile-thumb--s figure, .infoFields__profile-thumb figure {
        width: 100%;
        height: 100%
    }

    .infoFields__profile-thumb--m img, .infoFields__profile-thumb--s img, .infoFields__profile-thumb img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }

.infoFields__profile-info {
    display: flex;
    flex-direction: column;
    gap: 4px
}

.infoFields__profile-title {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1rem;
    line-height: 1.5em;
    letter-spacing: -.011em;
    font-weight: 700;
    color: var(--neu-10)
}

    .infoFields__profile-title .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .infoFields__profile-title .link a:hover {
            color: var(--m-01)
        }

    .infoFields__profile-title mark, .infoFields__profile-title mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .infoFields__profile-title mark[data-color=gray] {
            color: var(--neu-07)
        }

        .infoFields__profile-title mark[data-color=default] {
            color: var(--neu-10)
        }

    .infoFields__profile-title span.m-01--dark-01, .infoFields__profile-title span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .infoFields__profile-title span.neu-07, .infoFields__profile-title span[data-color=gray] {
        color: var(--neu-07)
    }

    .infoFields__profile-title span.neu-10, .infoFields__profile-title span[data-color=default] {
        color: var(--neu-10)
    }

    .infoFields__profile-title b, .infoFields__profile-title strong {
        font-weight: 700
    }

    .infoFields__profile-title em {
        font-style: italic
    }

.infoFields__profile-text {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: .813rem;
    line-height: 1.538em;
    letter-spacing: -.003em;
    font-weight: 400;
    color: var(--m-01--dark-02)
}

    .infoFields__profile-text .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .infoFields__profile-text .link a:hover {
            color: var(--m-01)
        }

    .infoFields__profile-text mark, .infoFields__profile-text mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .infoFields__profile-text mark[data-color=gray] {
            color: var(--neu-07)
        }

        .infoFields__profile-text mark[data-color=default] {
            color: var(--neu-10)
        }

    .infoFields__profile-text span.m-01--dark-01, .infoFields__profile-text span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .infoFields__profile-text span.neu-07, .infoFields__profile-text span[data-color=gray] {
        color: var(--neu-07)
    }

    .infoFields__profile-text span.neu-10, .infoFields__profile-text span[data-color=default] {
        color: var(--neu-10)
    }

    .infoFields__profile-text b, .infoFields__profile-text strong {
        font-weight: 700
    }

    .infoFields__profile-text em {
        font-style: italic
    }

.infoFields__listBlock[data-border=on] {
    border: 1px solid var(--neu-03);
    padding: 12px 16px;
    display: flex;
    flex-direction: column;
    gap: 16px
}

.infoFields__listBlock-list {
    display: flex;
    flex-direction: column
}

.infoFields__listBlock-item {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: .813rem;
    line-height: 1.538em;
    letter-spacing: -.003em;
    font-weight: 400;
    color: var(--neu-10)
}

    .infoFields__listBlock-item .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .infoFields__listBlock-item .link a:hover {
            color: var(--m-01)
        }

    .infoFields__listBlock-item mark, .infoFields__listBlock-item mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .infoFields__listBlock-item mark[data-color=gray] {
            color: var(--neu-07)
        }

        .infoFields__listBlock-item mark[data-color=default] {
            color: var(--neu-10)
        }

    .infoFields__listBlock-item span.m-01--dark-01, .infoFields__listBlock-item span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .infoFields__listBlock-item span.neu-07, .infoFields__listBlock-item span[data-color=gray] {
        color: var(--neu-07)
    }

    .infoFields__listBlock-item span.neu-10, .infoFields__listBlock-item span[data-color=default] {
        color: var(--neu-10)
    }

    .infoFields__listBlock-item b, .infoFields__listBlock-item strong {
        font-weight: 700
    }

    .infoFields__listBlock-item em {
        font-style: italic
    }

    .infoFields__listBlock-item span {
        color: var(--neu-07)
    }

.infoFields__infoBlock {
    border-radius: 2px;
    background-color: var(--neu-02);
    padding: 24px 32px
}

@media (max-width:1024px) {
    .infoFields__infoBlock {
        padding: 24px
    }
}

.infoFields__infoBlock .infoFields__details {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(120px,1fr));
    gap: 16px 32px
}

@media (max-width:768px) {
    .infoFields__infoBlock .infoFields__details {
        flex-direction: column;
        gap: 24px
    }
}

.infoFields__infoBlock .infoFields__details-title {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: .813rem;
    line-height: 1.538em;
    letter-spacing: -.003em;
    font-weight: 400;
    color: var(--neu-10);
    opacity: .6
}

    .infoFields__infoBlock .infoFields__details-title .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .infoFields__infoBlock .infoFields__details-title .link a:hover {
            color: var(--m-01)
        }

    .infoFields__infoBlock .infoFields__details-title mark, .infoFields__infoBlock .infoFields__details-title mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .infoFields__infoBlock .infoFields__details-title mark[data-color=gray] {
            color: var(--neu-07)
        }

        .infoFields__infoBlock .infoFields__details-title mark[data-color=default] {
            color: var(--neu-10)
        }

    .infoFields__infoBlock .infoFields__details-title span.m-01--dark-01, .infoFields__infoBlock .infoFields__details-title span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .infoFields__infoBlock .infoFields__details-title span.neu-07, .infoFields__infoBlock .infoFields__details-title span[data-color=gray] {
        color: var(--neu-07)
    }

    .infoFields__infoBlock .infoFields__details-title span.neu-10, .infoFields__infoBlock .infoFields__details-title span[data-color=default] {
        color: var(--neu-10)
    }

    .infoFields__infoBlock .infoFields__details-title b, .infoFields__infoBlock .infoFields__details-title strong {
        font-weight: 700
    }

    .infoFields__infoBlock .infoFields__details-title em {
        font-style: italic
    }

.infoFields__infoBlock .infoFields__details-text {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1.188rem;
    line-height: 1.263em;
    letter-spacing: -.016em;
    font-weight: 700
}

    .infoFields__infoBlock .infoFields__details-text .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .infoFields__infoBlock .infoFields__details-text .link a:hover {
            color: var(--m-01)
        }

    .infoFields__infoBlock .infoFields__details-text mark, .infoFields__infoBlock .infoFields__details-text mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .infoFields__infoBlock .infoFields__details-text mark[data-color=gray] {
            color: var(--neu-07)
        }

        .infoFields__infoBlock .infoFields__details-text mark[data-color=default] {
            color: var(--neu-10)
        }

    .infoFields__infoBlock .infoFields__details-text span.m-01--dark-01, .infoFields__infoBlock .infoFields__details-text span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .infoFields__infoBlock .infoFields__details-text span.neu-07, .infoFields__infoBlock .infoFields__details-text span[data-color=gray] {
        color: var(--neu-07)
    }

    .infoFields__infoBlock .infoFields__details-text span.neu-10, .infoFields__infoBlock .infoFields__details-text span[data-color=default] {
        color: var(--neu-10)
    }

    .infoFields__infoBlock .infoFields__details-text b, .infoFields__infoBlock .infoFields__details-text strong {
        font-weight: 700
    }

    .infoFields__infoBlock .infoFields__details-text em {
        font-style: italic
    }

.infoFields__infoBlock .infoFields__details-text--color {
    color: var(--m-01)
}

.infoFields__attachedFiles, .infoFields__files {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.infoFields__files {
    width: 100%
}

.infoFields__files-item {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: .813rem;
    line-height: 1.538em;
    letter-spacing: -.003em;
    font-weight: 400;
    height: 48px;
    color: var(--neu-10);
    background-color: var(--neu-02);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 24px 0 56px;
    border-radius: 2px
}

    .infoFields__files-item .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .infoFields__files-item .link a:hover {
            color: var(--m-01)
        }

    .infoFields__files-item mark, .infoFields__files-item mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .infoFields__files-item mark[data-color=gray] {
            color: var(--neu-07)
        }

        .infoFields__files-item mark[data-color=default] {
            color: var(--neu-10)
        }

    .infoFields__files-item span.m-01--dark-01, .infoFields__files-item span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .infoFields__files-item span.neu-07, .infoFields__files-item span[data-color=gray] {
        color: var(--neu-07)
    }

    .infoFields__files-item span.neu-10, .infoFields__files-item span[data-color=default] {
        color: var(--neu-10)
    }

    .infoFields__files-item b, .infoFields__files-item strong {
        font-weight: 700
    }

    .infoFields__files-item em {
        font-style: italic
    }

    .infoFields__files-item span {
        /*! autoprefixer: off */ -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        -ms-box-orient: vertical;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -moz-line-clamp: 1;
        -ms-line-clamp: 1;
        line-clamp: 1;
        overflow: hidden
    }

    .infoFields__files-item:before {
        width: 24px;
        height: 24px;
        font-size: 24px;
        font-family: aicep-base-icons !important;
        font-weight: 400;
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        content: "\e95a";
        left: 16px
    }

.infoFields__files-downloadBtn {
    min-width: 24px;
    width: 24px;
    height: 24px;
    font-size: 24px;
    transform: translateX(24px)
}

    .infoFields__files-downloadBtn:before {
        font-size: 24px;
        font-weight: 400
    }

.infoFields__toggleOptions {
    display: flex;
    flex-direction: column;
    gap: 16px
}

@media (max-width:1280px) {
    .infoFields__toggleOptions {
        gap: 10px
    }
}

.infoFields__toggleOptions .formFields__toggle {
    margin-bottom: 0
}

.infoFields__toggleOptions .formFields__toggleItem {
    flex-direction: row-reverse;
    width: 100%;
    justify-content: space-between
}

.infoFields__toggleOptions .formFields__toggleLabel {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: .813rem;
    line-height: 1.538em;
    letter-spacing: -.003em;
    font-weight: 400;
    display: flex;
    flex-direction: column
}

    .infoFields__toggleOptions .formFields__toggleLabel .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .infoFields__toggleOptions .formFields__toggleLabel .link a:hover {
            color: var(--m-01)
        }

    .infoFields__toggleOptions .formFields__toggleLabel mark, .infoFields__toggleOptions .formFields__toggleLabel mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .infoFields__toggleOptions .formFields__toggleLabel mark[data-color=gray] {
            color: var(--neu-07)
        }

        .infoFields__toggleOptions .formFields__toggleLabel mark[data-color=default] {
            color: var(--neu-10)
        }

    .infoFields__toggleOptions .formFields__toggleLabel span.m-01--dark-01, .infoFields__toggleOptions .formFields__toggleLabel span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .infoFields__toggleOptions .formFields__toggleLabel span.neu-07, .infoFields__toggleOptions .formFields__toggleLabel span[data-color=gray] {
        color: var(--neu-07)
    }

    .infoFields__toggleOptions .formFields__toggleLabel span.neu-10, .infoFields__toggleOptions .formFields__toggleLabel span[data-color=default] {
        color: var(--neu-10)
    }

    .infoFields__toggleOptions .formFields__toggleLabel b, .infoFields__toggleOptions .formFields__toggleLabel strong {
        font-weight: 700
    }

    .infoFields__toggleOptions .formFields__toggleLabel em {
        font-style: italic
    }

    .infoFields__toggleOptions .formFields__toggleLabel small {
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-stretch: normal;
        letter-spacing: normal;
        font-family: Inter,sans-serif;
        font-size: .688rem;
        line-height: 1.455em;
        letter-spacing: .005em;
        font-weight: 400;
        opacity: .6
    }

        .infoFields__toggleOptions .formFields__toggleLabel small .link a {
            transition: all .1s ease;
            text-decoration: underline;
            color: var(--m-01--dark-01)
        }

            .infoFields__toggleOptions .formFields__toggleLabel small .link a:hover {
                color: var(--m-01)
            }

        .infoFields__toggleOptions .formFields__toggleLabel small mark, .infoFields__toggleOptions .formFields__toggleLabel small mark[data-color=color] {
            color: var(--m-01--dark-01)
        }

            .infoFields__toggleOptions .formFields__toggleLabel small mark[data-color=gray] {
                color: var(--neu-07)
            }

            .infoFields__toggleOptions .formFields__toggleLabel small mark[data-color=default] {
                color: var(--neu-10)
            }

        .infoFields__toggleOptions .formFields__toggleLabel small span.m-01--dark-01, .infoFields__toggleOptions .formFields__toggleLabel small span[data-color=color] {
            color: var(--m-01--dark-01)
        }

        .infoFields__toggleOptions .formFields__toggleLabel small span.neu-07, .infoFields__toggleOptions .formFields__toggleLabel small span[data-color=gray] {
            color: var(--neu-07)
        }

        .infoFields__toggleOptions .formFields__toggleLabel small span.neu-10, .infoFields__toggleOptions .formFields__toggleLabel small span[data-color=default] {
            color: var(--neu-10)
        }

        .infoFields__toggleOptions .formFields__toggleLabel small b, .infoFields__toggleOptions .formFields__toggleLabel small strong {
            font-weight: 700
        }

        .infoFields__toggleOptions .formFields__toggleLabel small em {
            font-style: italic
        }

.infoFields__radiosContainer {
    display: flex;
    flex-direction: column;
    gap: 24px
}

.infoFields__radioWrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 8%
}

@media (max-width:512px) {
    .infoFields__radioWrapper {
        justify-content: space-between;
        gap: 5%
    }
}

.infoFields__radio {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 16px
}

    .infoFields__radio span {
        background-color: transparent;
        width: 22px;
        height: 22px;
        border: solid 1px var(--neu-05);
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center
    }

@media (max-width:1024px) {
    .infoFields__radio span {
        width: 28px;
        height: 28px
    }
}

.infoFields__radio small {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1rem;
    line-height: 1.5em;
    letter-spacing: -.011em;
    font-weight: 400;
    color: var(--neu-10);
    opacity: .4
}

    .infoFields__radio small .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .infoFields__radio small .link a:hover {
            color: var(--m-01)
        }

    .infoFields__radio small mark, .infoFields__radio small mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .infoFields__radio small mark[data-color=gray] {
            color: var(--neu-07)
        }

        .infoFields__radio small mark[data-color=default] {
            color: var(--neu-10)
        }

    .infoFields__radio small span.m-01--dark-01, .infoFields__radio small span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .infoFields__radio small span.neu-07, .infoFields__radio small span[data-color=gray] {
        color: var(--neu-07)
    }

    .infoFields__radio small span.neu-10, .infoFields__radio small span[data-color=default] {
        color: var(--neu-10)
    }

    .infoFields__radio small b, .infoFields__radio small strong {
        font-weight: 700
    }

    .infoFields__radio small em {
        font-style: italic
    }

.infoFields__radio--selected span {
    border-color: var(--neu-05);
    background-color: var(--neu-05)
}

    .infoFields__radio--selected span:after {
        font-family: aicep-base-icons !important;
        content: "\e913";
        color: var(--neu-01);
        display: flex
    }

@media (max-width:1024px) {
    .infoFields__radio--selected span:after {
        font-size: 16px
    }
}

.infoFields__radio--selected small {
    color: var(--neu-10)
}

.itemCard, .itemCard--small {
    transition: all .1s ease;
    background: transparent;
    margin: 0 auto;
    width: 100%;
    min-height: 335px;
    padding: 24px 24px 32px;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

    .itemCard--small[data-media=icon] figure, .itemCard--small[data-media=image] i, .itemCard[data-media=icon] figure, .itemCard[data-media=image] i {
        display: none
    }

    .itemCard--small[data-media=image] .itemCard__title, .itemCard[data-media=image] .itemCard__title {
        margin-top: 24px
    }

    .itemCard--small i, .itemCard i {
        min-width: 64px;
        width: 64px;
        height: 64px;
        font-size: 64px;
        margin: 0 auto
    }

        .itemCard--small i:before, .itemCard i:before {
            font-size: 64px;
            font-weight: 400
        }

.itemCard__image {
    width: 160px;
    height: 120px
}

    .itemCard__image img {
        width: 100%;
        height: 100%;
        -o-object-fit: contain;
        object-fit: contain
    }

.itemCard__text {
    color: var(--neu-10);
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    text-align: center;
    max-width: 340px;
    margin: 0 auto
}

.itemCard__title {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1.188rem;
    line-height: 1.263em;
    letter-spacing: -.016em;
    font-weight: 700;
    margin-top: 16px
}

    .itemCard__title .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .itemCard__title .link a:hover {
            color: var(--m-01)
        }

    .itemCard__title mark, .itemCard__title mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .itemCard__title mark[data-color=gray] {
            color: var(--neu-07)
        }

        .itemCard__title mark[data-color=default] {
            color: var(--neu-10)
        }

    .itemCard__title span.m-01--dark-01, .itemCard__title span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .itemCard__title span.neu-07, .itemCard__title span[data-color=gray] {
        color: var(--neu-07)
    }

    .itemCard__title span.neu-10, .itemCard__title span[data-color=default] {
        color: var(--neu-10)
    }

    .itemCard__title b, .itemCard__title strong {
        font-weight: 700
    }

    .itemCard__title em {
        font-style: italic
    }

.itemCard__description {
    /*! autoprefixer: off */ -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -moz-line-clamp: 4;
    -ms-line-clamp: 4;
    line-clamp: 4;
    overflow: hidden;
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1rem;
    line-height: 1.5em;
    letter-spacing: -.011em;
    font-weight: 400;
    margin-top: 16px
}

    .itemCard__description .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .itemCard__description .link a:hover {
            color: var(--m-01)
        }

    .itemCard__description mark, .itemCard__description mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .itemCard__description mark[data-color=gray] {
            color: var(--neu-07)
        }

        .itemCard__description mark[data-color=default] {
            color: var(--neu-10)
        }

    .itemCard__description span.m-01--dark-01, .itemCard__description span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .itemCard__description span.neu-07, .itemCard__description span[data-color=gray] {
        color: var(--neu-07)
    }

    .itemCard__description span.neu-10, .itemCard__description span[data-color=default] {
        color: var(--neu-10)
    }

    .itemCard__description b, .itemCard__description strong {
        font-weight: 700
    }

    .itemCard__description em {
        font-style: italic
    }

.itemCard--small {
    max-width: 960px;
    padding: 24px 16px 32px 4px;
    height: 100%
}

    .itemCard--small .itemCard__text {
        max-width: 310px
    }

.itemCard__btnContainer {
    display: flex;
    justify-content: center;
    margin-top: 8px
}

.labelsContainer {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px
}

.label, .label--default, .label--ranking, .label--ranking--large, .label--ranking--light, .label--ranking--light--large {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: .688rem;
    line-height: 1.455em;
    letter-spacing: .005em;
    font-weight: 400;
    font-weight: 700;
    display: flex;
    justify-content: center;
    align-items: center;
    white-space: nowrap;
    width: -moz-fit-content;
    width: fit-content
}

    .label--default .link a, .label--ranking--large .link a, .label--ranking--light--large .link a, .label--ranking--light .link a, .label--ranking .link a, .label .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .label--default .link a:hover, .label--ranking--large .link a:hover, .label--ranking--light--large .link a:hover, .label--ranking--light .link a:hover, .label--ranking .link a:hover, .label .link a:hover {
            color: var(--m-01)
        }

    .label--default mark, .label--default mark[data-color=color], .label--ranking--large mark, .label--ranking--large mark[data-color=color], .label--ranking--light--large mark, .label--ranking--light--large mark[data-color=color], .label--ranking--light mark, .label--ranking--light mark[data-color=color], .label--ranking mark, .label--ranking mark[data-color=color], .label mark, .label mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .label--default mark[data-color=gray], .label--ranking--large mark[data-color=gray], .label--ranking--light--large mark[data-color=gray], .label--ranking--light mark[data-color=gray], .label--ranking mark[data-color=gray], .label mark[data-color=gray] {
            color: var(--neu-07)
        }

        .label--default mark[data-color=default], .label--ranking--large mark[data-color=default], .label--ranking--light--large mark[data-color=default], .label--ranking--light mark[data-color=default], .label--ranking mark[data-color=default], .label mark[data-color=default] {
            color: var(--neu-10)
        }

    .label--default span.m-01--dark-01, .label--default span[data-color=color], .label--ranking--large span.m-01--dark-01, .label--ranking--large span[data-color=color], .label--ranking--light--large span.m-01--dark-01, .label--ranking--light--large span[data-color=color], .label--ranking--light span.m-01--dark-01, .label--ranking--light span[data-color=color], .label--ranking span.m-01--dark-01, .label--ranking span[data-color=color], .label span.m-01--dark-01, .label span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .label--default span.neu-07, .label--default span[data-color=gray], .label--ranking--large span.neu-07, .label--ranking--large span[data-color=gray], .label--ranking--light--large span.neu-07, .label--ranking--light--large span[data-color=gray], .label--ranking--light span.neu-07, .label--ranking--light span[data-color=gray], .label--ranking span.neu-07, .label--ranking span[data-color=gray], .label span.neu-07, .label span[data-color=gray] {
        color: var(--neu-07)
    }

    .label--default span.neu-10, .label--default span[data-color=default], .label--ranking--large span.neu-10, .label--ranking--large span[data-color=default], .label--ranking--light--large span.neu-10, .label--ranking--light--large span[data-color=default], .label--ranking--light span.neu-10, .label--ranking--light span[data-color=default], .label--ranking span.neu-10, .label--ranking span[data-color=default], .label span.neu-10, .label span[data-color=default] {
        color: var(--neu-10)
    }

    .label--default b, .label--default strong, .label--ranking--large b, .label--ranking--large strong, .label--ranking--light--large b, .label--ranking--light--large strong, .label--ranking--light b, .label--ranking--light strong, .label--ranking b, .label--ranking strong, .label b, .label strong {
        font-weight: 700
    }

    .label--default em, .label--ranking--large em, .label--ranking--light--large em, .label--ranking--light em, .label--ranking em, .label em {
        font-style: italic
    }

.label--default {
    background: var(--m-01--light-03);
    color: var(--m-01--dark-02);
    text-transform: uppercase;
    min-height: 16px;
    padding: 0 8px;
    border-radius: 16px;
    white-space: nowrap
}

.label--ranking, .label--ranking--large, .label--ranking--light, .label--ranking--light--large {
    color: var(--neu-01);
    background: var(--m-01--dark-01);
    width: 32px;
    height: 32px;
    padding: 0 8px;
    border-radius: 50%
}

.label--ranking--light, .label--ranking--light--large {
    background: var(--m-01--light-03);
    color: var(--m-01--dark-02)
}

.label--ranking--large {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1rem;
    line-height: 1.5em;
    letter-spacing: -.011em;
    font-weight: 700;
    width: 50px;
    height: 50px
}

    .label--ranking--large .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .label--ranking--large .link a:hover {
            color: var(--m-01)
        }

    .label--ranking--large mark, .label--ranking--large mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .label--ranking--large mark[data-color=gray] {
            color: var(--neu-07)
        }

        .label--ranking--large mark[data-color=default] {
            color: var(--neu-10)
        }

    .label--ranking--large span.m-01--dark-01, .label--ranking--large span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .label--ranking--large span.neu-07, .label--ranking--large span[data-color=gray] {
        color: var(--neu-07)
    }

    .label--ranking--large span.neu-10, .label--ranking--large span[data-color=default] {
        color: var(--neu-10)
    }

    .label--ranking--large b, .label--ranking--large strong {
        font-weight: 700
    }

    .label--ranking--large em {
        font-style: italic
    }

.label--ranking--light--large {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1rem;
    line-height: 1.5em;
    letter-spacing: -.011em;
    font-weight: 700;
    width: 50px;
    height: 50px
}

    .label--ranking--light--large .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .label--ranking--light--large .link a:hover {
            color: var(--m-01)
        }

    .label--ranking--light--large mark, .label--ranking--light--large mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .label--ranking--light--large mark[data-color=gray] {
            color: var(--neu-07)
        }

        .label--ranking--light--large mark[data-color=default] {
            color: var(--neu-10)
        }

    .label--ranking--light--large span.m-01--dark-01, .label--ranking--light--large span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .label--ranking--light--large span.neu-07, .label--ranking--light--large span[data-color=gray] {
        color: var(--neu-07)
    }

    .label--ranking--light--large span.neu-10, .label--ranking--light--large span[data-color=default] {
        color: var(--neu-10)
    }

    .label--ranking--light--large b, .label--ranking--light--large strong {
        font-weight: 700
    }

    .label--ranking--light--large em {
        font-style: italic
    }

.label--generic, .label--generic--fill, .label--generic--neutral, .label--generic--stroke {
    white-space: nowrap;
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: .813rem;
    line-height: 1.538em;
    letter-spacing: -.003em;
    font-weight: 400;
    padding: 4px 12px;
    border-radius: 40px;
    width: -moz-fit-content;
    width: fit-content
}

    .label--generic--fill .link a, .label--generic--neutral .link a, .label--generic--stroke .link a, .label--generic .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .label--generic--fill .link a:hover, .label--generic--neutral .link a:hover, .label--generic--stroke .link a:hover, .label--generic .link a:hover {
            color: var(--m-01)
        }

    .label--generic--fill mark, .label--generic--fill mark[data-color=color], .label--generic--neutral mark, .label--generic--neutral mark[data-color=color], .label--generic--stroke mark, .label--generic--stroke mark[data-color=color], .label--generic mark, .label--generic mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .label--generic--fill mark[data-color=gray], .label--generic--neutral mark[data-color=gray], .label--generic--stroke mark[data-color=gray], .label--generic mark[data-color=gray] {
            color: var(--neu-07)
        }

        .label--generic--fill mark[data-color=default], .label--generic--neutral mark[data-color=default], .label--generic--stroke mark[data-color=default], .label--generic mark[data-color=default] {
            color: var(--neu-10)
        }

    .label--generic--fill span.m-01--dark-01, .label--generic--fill span[data-color=color], .label--generic--neutral span.m-01--dark-01, .label--generic--neutral span[data-color=color], .label--generic--stroke span.m-01--dark-01, .label--generic--stroke span[data-color=color], .label--generic span.m-01--dark-01, .label--generic span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .label--generic--fill span.neu-07, .label--generic--fill span[data-color=gray], .label--generic--neutral span.neu-07, .label--generic--neutral span[data-color=gray], .label--generic--stroke span.neu-07, .label--generic--stroke span[data-color=gray], .label--generic span.neu-07, .label--generic span[data-color=gray] {
        color: var(--neu-07)
    }

    .label--generic--fill span.neu-10, .label--generic--fill span[data-color=default], .label--generic--neutral span.neu-10, .label--generic--neutral span[data-color=default], .label--generic--stroke span.neu-10, .label--generic--stroke span[data-color=default], .label--generic span.neu-10, .label--generic span[data-color=default] {
        color: var(--neu-10)
    }

    .label--generic--fill b, .label--generic--fill strong, .label--generic--neutral b, .label--generic--neutral strong, .label--generic--stroke b, .label--generic--stroke strong, .label--generic b, .label--generic strong {
        font-weight: 700
    }

    .label--generic--fill em, .label--generic--neutral em, .label--generic--stroke em, .label--generic em {
        font-style: italic
    }

    .label--generic--neutral, .label--generic--neutral[data-color=option1] {
        background-color: var(--neu-03);
        color: var(--neu-10)
    }

.label--generic--stroke {
    border: 1px solid var(--neu-10);
    font-weight: 700;
    color: var(--neu-10)
}

    .label--generic--stroke[data-color=option1] {
        border-color: var(--m-01--dark-04);
        color: var(--m-01--dark-04)
    }

    .label--generic--stroke[data-color=option2] {
        border-color: var(--m-01--dark-02);
        color: var(--m-01--dark-02)
    }

    .label--generic--stroke[data-color=option3] {
        border-color: var(--m-01--dark-01);
        color: var(--m-01--dark-01)
    }

.label--generic--fill {
    font-weight: 700;
    background: var(--neu-01);
    color: var(--neu-10)
}

    .label--generic--fill[data-color=main] {
        background: var(--m-01--light-03);
        color: var(--m-01--dark-02)
    }

    .label--generic--fill[data-color=option1] {
        background: var(--add-06--light-03);
        color: var(--add-06--dark-03)
    }

    .label--generic--fill[data-color=option2] {
        background: var(--add-04--light-03);
        color: var(--add-04--dark-03)
    }

    .label--generic--fill[data-color=option3] {
        background: var(--add-03--dark-02);
        color: var(--neu-01)
    }

    .label--generic--fill[data-color=option4] {
        background: var(--add-05--light-03);
        color: var(--add-05--dark-03)
    }

    .label--generic--fill[data-color=option5] {
        background: var(--add-07--light-03);
        color: var(--add-07--dark-02)
    }

    .label--generic--fill[data-color=option6] {
        background: var(--add-01--light-03);
        color: var(--add-01--dark-04)
    }

    .label--generic--fill[data-color=option7] {
        background: var(--add-02--light-04);
        color: var(--add-02--dark-03)
    }

.loader {
    width: 100%;
    height: 100%;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    left: 0;
    top: 0;
}

    .loader[data-layout=full] {
        position: fixed
    }

    .loader[data-layout=area] {
        position: absolute
    }

@media (max-width:1024px) {
    .loader[data-layout=area] {
        position: fixed;
        z-index: 85
    }
}

.loader:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: var(--neu-01);
    opacity: .9
}

.loader__svgContainer {
    width: 80px;
    height: 80px
}

[data-bg=neu-01] .loader:before {
    background-color: var(--neu-01)
}

[data-bg=neu-02] .loader:before {
    background-color: var(--neu-02)
}

.btnContainer {
    display: flex;
    justify-content: center;
    align-items: center
}

@media (max-width:512px) {
    .btnContainer {
        flex-direction: column
    }
}

.btnContainer .btn--tertiary:not(:first-child) {
    margin-left: 16px
}

@media (max-width:512px) {
    .btnContainer .btn--tertiary:not(:first-child) {
        margin-left: 0
    }
}

.btn, .btn--icon, .btn--primary, .btn--primary--dark, .btn--secondary, .btn--small, .btn--tertiary {
    transition: all .1s ease;
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1rem;
    line-height: 1.5em;
    letter-spacing: -.011em;
    font-weight: 400;
    font-weight: 700;
    height: 48px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 2px;
    padding: 0 20px;
    cursor: pointer;
    gap: 8px
}

    .btn--icon .link a, .btn--primary--dark .link a, .btn--primary .link a, .btn--secondary .link a, .btn--small .link a, .btn--tertiary .link a, .btn .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .btn--icon .link a:hover, .btn--primary--dark .link a:hover, .btn--primary .link a:hover, .btn--secondary .link a:hover, .btn--small .link a:hover, .btn--tertiary .link a:hover, .btn .link a:hover {
            color: var(--m-01)
        }

    .btn--icon mark, .btn--icon mark[data-color=color], .btn--primary--dark mark, .btn--primary--dark mark[data-color=color], .btn--primary mark, .btn--primary mark[data-color=color], .btn--secondary mark, .btn--secondary mark[data-color=color], .btn--small mark, .btn--small mark[data-color=color], .btn--tertiary mark, .btn--tertiary mark[data-color=color], .btn mark, .btn mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .btn--icon mark[data-color=gray], .btn--primary--dark mark[data-color=gray], .btn--primary mark[data-color=gray], .btn--secondary mark[data-color=gray], .btn--small mark[data-color=gray], .btn--tertiary mark[data-color=gray], .btn mark[data-color=gray] {
            color: var(--neu-07)
        }

        .btn--icon mark[data-color=default], .btn--primary--dark mark[data-color=default], .btn--primary mark[data-color=default], .btn--secondary mark[data-color=default], .btn--small mark[data-color=default], .btn--tertiary mark[data-color=default], .btn mark[data-color=default] {
            color: var(--neu-10)
        }

    .btn--icon span.m-01--dark-01, .btn--icon span[data-color=color], .btn--primary--dark span.m-01--dark-01, .btn--primary--dark span[data-color=color], .btn--primary span.m-01--dark-01, .btn--primary span[data-color=color], .btn--secondary span.m-01--dark-01, .btn--secondary span[data-color=color], .btn--small span.m-01--dark-01, .btn--small span[data-color=color], .btn--tertiary span.m-01--dark-01, .btn--tertiary span[data-color=color], .btn span.m-01--dark-01, .btn span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .btn--icon span.neu-07, .btn--icon span[data-color=gray], .btn--primary--dark span.neu-07, .btn--primary--dark span[data-color=gray], .btn--primary span.neu-07, .btn--primary span[data-color=gray], .btn--secondary span.neu-07, .btn--secondary span[data-color=gray], .btn--small span.neu-07, .btn--small span[data-color=gray], .btn--tertiary span.neu-07, .btn--tertiary span[data-color=gray], .btn span.neu-07, .btn span[data-color=gray] {
        color: var(--neu-07)
    }

    .btn--icon span.neu-10, .btn--icon span[data-color=default], .btn--primary--dark span.neu-10, .btn--primary--dark span[data-color=default], .btn--primary span.neu-10, .btn--primary span[data-color=default], .btn--secondary span.neu-10, .btn--secondary span[data-color=default], .btn--small span.neu-10, .btn--small span[data-color=default], .btn--tertiary span.neu-10, .btn--tertiary span[data-color=default], .btn span.neu-10, .btn span[data-color=default] {
        color: var(--neu-10)
    }

    .btn--icon b, .btn--icon strong, .btn--primary--dark b, .btn--primary--dark strong, .btn--primary b, .btn--primary strong, .btn--secondary b, .btn--secondary strong, .btn--small b, .btn--small strong, .btn--tertiary b, .btn--tertiary strong, .btn b, .btn strong {
        font-weight: 700
    }

    .btn--icon em, .btn--primary--dark em, .btn--primary em, .btn--secondary em, .btn--small em, .btn--tertiary em, .btn em {
        font-style: italic
    }

@media (max-width:1024px) {
    .btn, .btn--icon, .btn--primary, .btn--primary--dark, .btn--secondary, .btn--small, .btn--tertiary {
        height: 56px;
        padding: 0 24px
    }
}

@media (max-width:512px) {
    .btn, .btn--icon, .btn--primary, .btn--primary--dark, .btn--secondary, .btn--small, .btn--tertiary {
        width: 100%
    }
}

.btn--icon:not(:last-child), .btn--primary--dark:not(:last-child), .btn--primary:not(:last-child), .btn--secondary:not(:last-child), .btn--small:not(:last-child), .btn--tertiary:not(:last-child), .btn:not(:last-child) {
    margin-right: 16px
}

@media (max-width:512px) {
    .btn--icon:not(:last-child), .btn--primary--dark:not(:last-child), .btn--primary:not(:last-child), .btn--secondary:not(:last-child), .btn--small:not(:last-child), .btn--tertiary:not(:last-child), .btn:not(:last-child) {
        margin-right: inherit;
        margin-bottom: 16px
    }
}

.btn--icon p, .btn--icon span, .btn--primary--dark p, .btn--primary--dark span, .btn--primary p, .btn--primary span, .btn--secondary p, .btn--secondary span, .btn--small p, .btn--small span, .btn--tertiary p, .btn--tertiary span, .btn p, .btn span {
    white-space: nowrap
}

.btn--icon i, .btn--primary--dark i, .btn--primary i, .btn--secondary i, .btn--small i, .btn--tertiary i, .btn i {
    min-width: 24px;
    width: 24px;
    height: 24px;
    font-size: 24px
}

    .btn--icon i:before, .btn--primary--dark i:before, .btn--primary i:before, .btn--secondary i:before, .btn--small i:before, .btn--tertiary i:before, .btn i:before {
        font-size: 24px;
        font-weight: 400
    }

.btn--small {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: .813rem;
    line-height: 1.538em;
    letter-spacing: -.003em;
    font-weight: 400;
    font-weight: 700;
    padding: 0 20px;
    height: 40px
}

    .btn--small .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .btn--small .link a:hover {
            color: var(--m-01)
        }

    .btn--small mark, .btn--small mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .btn--small mark[data-color=gray] {
            color: var(--neu-07)
        }

        .btn--small mark[data-color=default] {
            color: var(--neu-10)
        }

    .btn--small span.m-01--dark-01, .btn--small span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .btn--small span.neu-07, .btn--small span[data-color=gray] {
        color: var(--neu-07)
    }

    .btn--small span.neu-10, .btn--small span[data-color=default] {
        color: var(--neu-10)
    }

    .btn--small b, .btn--small strong {
        font-weight: 700
    }

    .btn--small em {
        font-style: italic
    }

    .btn--small i {
        min-width: 16px;
        width: 16px;
        height: 16px;
        font-size: 16px
    }

        .btn--small i:before {
            font-size: 16px;
            font-weight: 400
        }

    .btn--small.btn--icon {
        width: 40px;
        min-width: 40px
    }

.btn--icon {
    width: 48px;
    min-width: 48px;
    padding: 0;
    border-radius: 50%
}

@media (max-width:1024px) {
    .btn--icon {
        width: 56px;
        min-width: 56px
    }
}

.btn--primary {
    background: var(--m-01--dark-01) !important;
    color: var(--neu-01) !important
}

    .btn--primary:hover {
        background: var(--m-01) !important;
        color: var(--neu-01) !important
    }

.btn--primary--dark {
    background: var(--m-01--dark-01) !important;
    color: var(--neu-01) !important;
    background-color: var(--neu-09) !important
}

    .btn--primary--dark:hover {
        background: var(--m-01) !important
    }

    .btn--primary--dark:hover, .btn--primary--dark i, .btn--primary--dark p, .btn--primary--dark span {
        color: var(--neu-01) !important
    }

    .btn--primary--dark:hover {
        background-color: var(--neu-08) !important
    }

        .btn--primary--dark:hover i, .btn--primary--dark:hover p, .btn--primary--dark:hover span {
            color: var(--neu-01) !important
        }

.btn--primary.disable {
    pointer-events: none;
    opacity: 1 !important;
    color: rgba(26,24,23,.55) !important;
    background-color: var(--neu-03) !important
}

.btn--secondary {
    background: transparent;
    border-color: rgba(26,24,23,.5) !important;
    color: var(--neu-10) !important;
    border-width: 1px;
    border-style: solid
}

    .btn--secondary:hover {
        border-color: var(--neu-10) !important
    }

.btn--tertiary {
    color: var(--neu-10) !important;
    padding: 0;
    height: 40px
}

    .btn--tertiary p:before {
        background: var(--neu-10) !important
    }

    .btn--tertiary:hover {
        opacity: .7
    }

        .btn--tertiary:hover p:before {
            background: var(--m-01--dark-01) !important
        }

    .btn--tertiary.pagination__arrow:hover {
        color: initial !important
    }

@media (max-width:512px) {
    .btn--tertiary {
        width: auto
    }
}

.btn--tertiary p, .btn--tertiary span {
    position: relative
}

    .btn--tertiary p:before, .btn--tertiary span:before {
        transition: all .1s ease;
        content: "";
        position: absolute;
        width: 100%;
        height: 1px;
        left: 0;
        bottom: 2px;
        background-color: currentColor
    }

.btn--tertiary:not(:last-child) {
    margin-right: 32px
}

@media (max-width:512px) {
    .btn--tertiary:not(:last-child) {
        margin-right: inherit;
        margin-bottom: 24px
    }
}

.btn--tertiary.btn--icon {
    width: 56px;
    min-width: 56px;
    height: 48px;
    margin: 0;
    border-radius: 0
}

.btn--tertiary.btn--small.btn--icon {
    width: 40px;
    min-width: 40px;
    height: 40px
}

.btn.disable, .disable.btn--icon, .disable.btn--primary, .disable.btn--primary--dark, .disable.btn--secondary, .disable.btn--small, .disable.btn--tertiary {
    pointer-events: none;
    opacity: .5
}

.btn--icon .number, .btn--primary--dark .number, .btn--primary .number, .btn--secondary .number, .btn--small .number, .btn--tertiary .number, .btn .number {
    margin-right: 0 !important
}

.map__mapContainer {
    width: 100%;
    max-width: 465px;
    max-height: 518px;
    height: -moz-fit-content;
    height: fit-content;
    display: grid;
    grid-template-columns: 1.5fr 2fr;
    grid-template-rows: 1fr 1.5fr;
    column-gap: 24px;
    row-gap: 32px
}

@media (max-width:1024px) {
    .map__mapContainer {
        max-width: 380px;
        max-height: 400px
    }
}

@media (max-width:768px) {
    .map__mapContainer {
        max-width: 340px;
        grid-template-columns: 1.2fr 2fr
    }
}

@media (max-width:512px) {
    .map__mapContainer {
        max-height: 340px
    }
}

.map__portugal {
    width: 100%;
    height: 100%;
    grid-column: 2;
    grid-row: 1/3
}

@media (max-width:512px) {
    .map__portugal {
        height: 100%
    }
}

.map__portugal path {
    stroke: var(--neu-04);
    fill: var(--neu-02);
    stroke-width: 1
}

    .map__portugal path.selected {
        z-index: 10;
        stroke: var(--m-01);
        fill: var(--m-01)
    }

.map__islandContainer {
    border: 1px solid var(--neu-03);
    z-index: 1;
    width: 100%;
    padding: 16px 13%;
    position: relative;
    grid-column: 1;
    width: -moz-fit-content;
    width: fit-content;
    height: -moz-fit-content;
    height: fit-content;
    justify-self: flex-end
}

@media (max-width:768px) {
    .map__islandContainer {
        padding: 13%
    }
}

.map__islandContainer path {
    stroke-width: 1;
    stroke: var(--neu-04);
    fill: var(--neu-02)
}

.map__islandContainer svg {
    max-width: 100px;
    width: 100%;
    height: -moz-fit-content;
    height: fit-content
}

@media (max-width:768px) {
    .map__islandContainer svg {
        width: 100%
    }
}

.map__islandContainer.selected path {
    z-index: 10;
    stroke: var(--m-01);
    fill: var(--m-01)
}

.map__islandContainer--acores {
    align-self: flex-end;
    transform: translateX(32px)
}

.map__islandLegend {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: .688rem;
    line-height: 1.455em;
    letter-spacing: .005em;
    font-weight: 400;
    color: var(--neu-07);
    position: absolute;
    top: -23px;
    left: 0
}

    .map__islandLegend .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .map__islandLegend .link a:hover {
            color: var(--m-01)
        }

    .map__islandLegend mark, .map__islandLegend mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .map__islandLegend mark[data-color=gray] {
            color: var(--neu-07)
        }

        .map__islandLegend mark[data-color=default] {
            color: var(--neu-10)
        }

    .map__islandLegend span.m-01--dark-01, .map__islandLegend span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .map__islandLegend span.neu-07, .map__islandLegend span[data-color=gray] {
        color: var(--neu-07)
    }

    .map__islandLegend span.neu-10, .map__islandLegend span[data-color=default] {
        color: var(--neu-10)
    }

    .map__islandLegend b, .map__islandLegend strong {
        font-weight: 700
    }

    .map__islandLegend em {
        font-style: italic
    }

.map--interactive .map__mapContainer {
    pointer-events: all;
    max-width: 490px;
    max-height: 520px;
    height: 520px;
    grid-template-rows: 1fr 1fr;
    column-gap: 40px;
    row-gap: 72px
}

@media (max-width:768px) {
    .map--interactive .map__mapContainer {
        max-width: 340px;
        height: 675px;
        max-height: 675px;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr auto;
        column-gap: 16px;
        row-gap: 40px
    }
}

.map--interactive .map__portugal {
    z-index: 1
}

@media (max-width:768px) {
    .map--interactive .map__portugal {
        grid-row: 1;
        grid-column: 1/3
    }
}

.map--interactive .map__portugal path {
    cursor: pointer;
    fill: var(--m-01--dark-01);
    stroke: var(--neu-01)
}

    .map--interactive .map__portugal path:hover {
        fill: var(--m-01);
        z-index: 10
    }

    .map--interactive .map__portugal path.selected {
        fill: var(--neu-01);
        stroke: var(--m-01--dark-01);
        stroke-width: 1;
        z-index: 10;
        pointer-events: none
    }

    .map--interactive .map__portugal path.disabled {
        opacity: .3;
        pointer-events: none
    }

.map--interactive .map__islandContainer {
    cursor: pointer;
    padding: 16px 28px
}

@media (max-width:768px) {
    .map--interactive .map__islandContainer {
        width: 100%;
        grid-row: 2;
        transform: none
    }

    .map--interactive .map__islandContainer--madeira {
        grid-column: 2;
        justify-self: flex-start
    }
}

.map--interactive .map__islandContainer svg {
    max-width: unset
}

.map--interactive .map__islandContainer path {
    fill: var(--m-01--dark-01);
    stroke: var(--neu-01)
}

.map--interactive .map__islandContainer:hover path {
    fill: var(--m-01);
    z-index: 10
}

.map--interactive .map__islandContainer.selected path {
    stroke: var(--m-01--dark-01);
    fill: var(--neu-01);
    z-index: 10
}

.map--interactive .map__islandContainer.disabled {
    pointer-events: none
}

    .map--interactive .map__islandContainer.disabled path {
        opacity: .3;
        pointer-events: none
    }

.map__cardsContainer {
    position: absolute;
    height: 100%;
    width: 100%;
    right: 0;
    top: 0
}

    .map__cardsContainer .thumbRegionsCard {
        visibility: hidden;
        opacity: 0;
        position: absolute;
        z-index: 10;
        transform: translateY(20px);
        transition: none
    }

@media (max-width:768px) {
    .map__cardsContainer .thumbRegionsCard {
        right: unset !important;
        left: 50%;
        transform: translate(-50%,20px)
    }
}

.map__cardsContainer .thumbRegionsCard.show {
    visibility: initial;
    opacity: 1;
    transform: translateY(0);
    transition: all .2s ease-in-out
}

@media (max-width:768px) {
    .map__cardsContainer .thumbRegionsCard.show {
        transform: translate(-50%)
    }
}

.map__cardsContainer [data-district-card="1"] {
    top: 382px;
    right: calc(55% - 24px)
}

.map__cardsContainer [data-district-card="2"] {
    top: 211px;
    right: calc(55% - -16px)
}

.map__cardsContainer [data-district-card="3"] {
    top: 360px;
    right: calc(55% - 24px)
}

.map__cardsContainer [data-district-card="4"] {
    top: 255px;
    right: calc(55% - -16px)
}

.map__cardsContainer [data-district-card="5"] {
    top: 211px;
    right: calc(55% - -16px)
}

.map__cardsContainer [data-district-card="6"] {
    top: 360px;
    right: calc(55% - 8px)
}

.map__cardsContainer [data-district-card="7"] {
    top: 255px;
    right: calc(55% - -16px)
}

.map__cardsContainer [data-district-card="8"] {
    top: 160px;
    right: calc(55% - -16px)
}

.map__cardsContainer [data-district-card="9"] {
    top: 211px;
    right: calc(55% - -16px)
}

.map__cardsContainer [data-district-card="10"] {
    top: 130px;
    right: calc(55% - -16px)
}

.map__cardsContainer [data-district-card="11"] {
    top: 43px;
    right: calc(55% - 24px)
}

.map__cardsContainer [data-district-card="12"] {
    top: 15px;
    right: calc(55% - 24px)
}

.map__cardsContainer [data-district-card="13"] {
    top: 150px;
    right: calc(55% - -16px)
}

.map__cardsContainer [data-district-card="14"] {
    top: 43px;
    right: calc(55% - 24px)
}

.map__cardsContainer [data-district-card="15"] {
    top: 15px;
    right: calc(55% - 24px)
}

.map__cardsContainer [data-district-card="16"] {
    top: -69px;
    right: calc(55% - 24px)
}

@media (max-width:768px) {
    .map__cardsContainer [data-district-card="16"] {
        top: -20px
    }
}

.map__cardsContainer [data-district-card="17"], .map__cardsContainer [data-district-card="18"] {
    top: -5px;
    right: calc(55% - 24px)
}

.map__cardsContainer [data-district-card="19"] {
    top: -69px;
    right: calc(55% - 24px)
}

@media (max-width:768px) {
    .map__cardsContainer [data-district-card="19"] {
        top: -20px
    }
}

.map__cardsContainer [data-district-card="20"] {
    top: -15px;
    right: calc(55% - 24px)
}

.map__cardsContainer [data-district-card="21"], .map__cardsContainer [data-district-card="22"] {
    top: -25px;
    right: calc(55% - 24px)
}

.map__cardsContainer [data-district-card="23"] {
    top: -69px;
    right: calc(55% - 24px)
}

@media (max-width:768px) {
    .map__cardsContainer [data-district-card="23"] {
        top: -20px
    }
}

.map__cardsContainer [data-district-card="24"] {
    top: 115px;
    right: calc(55% - 108px)
}

@media (max-width:768px) {
    .map__cardsContainer [data-district-card="24"] {
        top: 340px;
        bottom: -90px
    }
}

.map__cardsContainer [data-district-card="25"] {
    top: 316px;
    right: calc(55% - 76px)
}

@media (max-width:768px) {
    .map__cardsContainer [data-district-card="25"] {
        top: 340px;
        bottom: -90px
    }
}

.modalContainer {
    position: relative;
    position: absolute;
    visibility: hidden;
    pointer-events: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 90;
    overflow: hidden
}

    .modalContainer:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background: var(--neu-10);
        opacity: .6;
        z-index: 1
    }

    .modalContainer .wrapper {
        height: 100%;
        align-items: center;
        justify-items: center
    }

@media (max-width:768px) {
    .modalContainer .wrapper {
        padding: 0
    }
}

.modalContainer__innerContainer {
    width: 100%;
    height: 90%;
    z-index: 1;
    overflow: hidden;
    grid-column: 3/11;
    display: flex;
    flex-direction: column
}

@media (max-width:1280px) {
    .modalContainer__innerContainer {
        grid-column: 2/12;
        max-width: 864px
    }
}

@media (max-width:1024px) {
    .modalContainer__innerContainer {
        grid-column: 1/7
    }
}

@media (max-width:768px) {
    .modalContainer__innerContainer {
        margin: 0;
        height: 100%;
        width: 100%
    }
}

.modalContainer__content {
    height: inherit;
    overflow: hidden;
    overflow-y: overlay;
    padding: 0 13%;
    height: 100%
}

.modalContainer__top {
    display: flex;
    align-items: center;
    min-height: 104px
}

    .modalContainer__top:before {
        bottom: 0
    }

@media (max-width:1024px) {
    .modalContainer__top {
        min-height: 86px
    }
}

.modalContainer__bottom {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 104px
}

    .modalContainer__bottom:before {
        top: 0
    }

@media (max-width:1024px) {
    .modalContainer__bottom {
        min-height: 98px
    }
}

.modalContainer__bottom:before, .modalContainer__top:before {
    position: absolute;
    content: "";
    width: 74%;
    height: 1px;
    background-color: var(--neu-03);
    left: 13%
}

@media (max-width:768px) {
    .modalContainer__bottom:before, .modalContainer__top:before {
        left: 0;
        width: 100%
    }
}

.modalContainer__bottom, .modalContainer__content, .modalContainer__top {
    padding: 0 13%
}

@media (max-width:768px) {
    .modalContainer__bottom, .modalContainer__content, .modalContainer__top {
        padding: 0 24px
    }
}

@media (max-width:512px) {
    .modalContainer__bottom, .modalContainer__content, .modalContainer__top {
        padding: 0 16px
    }
}

.modalContainer__title {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1.438rem;
    line-height: 1.391em;
    letter-spacing: -.019em;
    font-weight: 700;
    margin-top: 8px
}

    .modalContainer__title .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .modalContainer__title .link a:hover {
            color: var(--m-01)
        }

    .modalContainer__title mark, .modalContainer__title mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .modalContainer__title mark[data-color=gray] {
            color: var(--neu-07)
        }

        .modalContainer__title mark[data-color=default] {
            color: var(--neu-10)
        }

    .modalContainer__title span.m-01--dark-01, .modalContainer__title span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .modalContainer__title span.neu-07, .modalContainer__title span[data-color=gray] {
        color: var(--neu-07)
    }

    .modalContainer__title span.neu-10, .modalContainer__title span[data-color=default] {
        color: var(--neu-10)
    }

    .modalContainer__title b, .modalContainer__title strong {
        font-weight: 700
    }

    .modalContainer__title em {
        font-style: italic
    }

@media (max-width:1024px) {
    .modalContainer__title {
        font-size: 1.188rem;
        line-height: 1.263em;
        letter-spacing: -.016em
    }
}

.modalContainer__closeButton {
    position: absolute;
    right: 24px;
    top: 16px;
    cursor: pointer;
    z-index: 1;
    margin: 0 !important
}

@media (max-width:512px) {
    .modalContainer__closeButton {
        right: 16px;
        top: 8px
    }
}

.modalContainer.hide {
    display: none
}

.modalContainer.show {
    visibility: visible;
    pointer-events: all;
    display: flex;
    position: fixed;
    justify-content: center;
    align-items: center
}

.modalContainer--filter .modalContainer__title, .modalContainer--form .modalContainer__title {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1.75rem;
    line-height: 1.429em;
    letter-spacing: -.021em;
    font-weight: 700;
    margin-top: 8px
}

    .modalContainer--filter .modalContainer__title .link a, .modalContainer--form .modalContainer__title .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .modalContainer--filter .modalContainer__title .link a:hover, .modalContainer--form .modalContainer__title .link a:hover {
            color: var(--m-01)
        }

    .modalContainer--filter .modalContainer__title mark, .modalContainer--filter .modalContainer__title mark[data-color=color], .modalContainer--form .modalContainer__title mark, .modalContainer--form .modalContainer__title mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .modalContainer--filter .modalContainer__title mark[data-color=gray], .modalContainer--form .modalContainer__title mark[data-color=gray] {
            color: var(--neu-07)
        }

        .modalContainer--filter .modalContainer__title mark[data-color=default], .modalContainer--form .modalContainer__title mark[data-color=default] {
            color: var(--neu-10)
        }

    .modalContainer--filter .modalContainer__title span.m-01--dark-01, .modalContainer--filter .modalContainer__title span[data-color=color], .modalContainer--form .modalContainer__title span.m-01--dark-01, .modalContainer--form .modalContainer__title span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .modalContainer--filter .modalContainer__title span.neu-07, .modalContainer--filter .modalContainer__title span[data-color=gray], .modalContainer--form .modalContainer__title span.neu-07, .modalContainer--form .modalContainer__title span[data-color=gray] {
        color: var(--neu-07)
    }

    .modalContainer--filter .modalContainer__title span.neu-10, .modalContainer--filter .modalContainer__title span[data-color=default], .modalContainer--form .modalContainer__title span.neu-10, .modalContainer--form .modalContainer__title span[data-color=default] {
        color: var(--neu-10)
    }

    .modalContainer--filter .modalContainer__title b, .modalContainer--filter .modalContainer__title strong, .modalContainer--form .modalContainer__title b, .modalContainer--form .modalContainer__title strong {
        font-weight: 700
    }

    .modalContainer--filter .modalContainer__title em, .modalContainer--form .modalContainer__title em {
        font-style: italic
    }

@media (max-width:1024px) {
    .modalContainer--filter .modalContainer__title, .modalContainer--form .modalContainer__title {
        font-size: 1.438rem;
        line-height: 1.391em;
        letter-spacing: -.019em
    }
}

.modalContainer--filter .modalContainer__content, .modalContainer--form .modalContainer__content {
    padding-top: 32px;
    padding-bottom: 32px
}

.modalContainer--filter .modalContainer__bottom, .modalContainer--form .modalContainer__bottom {
    justify-content: flex-end
}

    .modalContainer--filter .modalContainer__bottom .formFields__btnContainer, .modalContainer--form .modalContainer__bottom .formFields__btnContainer {
        margin: 0 !important
    }

@media (max-width:512px) {
    .modalContainer--filter .modalContainer__bottom .formFields__btnContainer, .modalContainer--form .modalContainer__bottom .formFields__btnContainer {
        width: 100%;
        flex-direction: row;
        gap: 16px
    }

        .modalContainer--filter .modalContainer__bottom .formFields__btnContainer button, .modalContainer--form .modalContainer__bottom .formFields__btnContainer button {
            margin-bottom: 0;
            width: 50%;
            width: -moz-fit-content;
            width: fit-content
        }

        .modalContainer--filter .modalContainer__bottom .formFields__btnContainer .submitButton, .modalContainer--form .modalContainer__bottom .formFields__btnContainer .submitButton {
            width: 100%
        }
}

.modalContainer--filter .modalContainer__archiveBtn, .modalContainer--form .modalContainer__archiveBtn {
    width: 100%;
    justify-content: flex-start;
    align-items: flex-start
}

.modalContainer--filter .formFields__formWrapper, .modalContainer--form .formFields__formWrapper {
    max-width: unset
}

.modalContainer--filter .formSpacing, .modalContainer--form .formSpacing {
    gap: 32px
}

.modalContainer--filter .modalContainer__title {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1.438rem;
    line-height: 1.391em;
    letter-spacing: -.019em;
    font-weight: 700;
    margin-top: 8px
}

    .modalContainer--filter .modalContainer__title .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .modalContainer--filter .modalContainer__title .link a:hover {
            color: var(--m-01)
        }

    .modalContainer--filter .modalContainer__title mark, .modalContainer--filter .modalContainer__title mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .modalContainer--filter .modalContainer__title mark[data-color=gray] {
            color: var(--neu-07)
        }

        .modalContainer--filter .modalContainer__title mark[data-color=default] {
            color: var(--neu-10)
        }

    .modalContainer--filter .modalContainer__title span.m-01--dark-01, .modalContainer--filter .modalContainer__title span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .modalContainer--filter .modalContainer__title span.neu-07, .modalContainer--filter .modalContainer__title span[data-color=gray] {
        color: var(--neu-07)
    }

    .modalContainer--filter .modalContainer__title span.neu-10, .modalContainer--filter .modalContainer__title span[data-color=default] {
        color: var(--neu-10)
    }

    .modalContainer--filter .modalContainer__title b, .modalContainer--filter .modalContainer__title strong {
        font-weight: 700
    }

    .modalContainer--filter .modalContainer__title em {
        font-style: italic
    }

@media (max-width:1024px) {
    .modalContainer--filter .modalContainer__title {
        font-size: 1.188rem;
        line-height: 1.263em;
        letter-spacing: -.016em
    }
}

.modalContainer--filter .modalContainer__content {
    padding-top: 32px;
    padding-bottom: 32px
}

.feedbackScreens.modalContainer__content {
    display: flex;
    align-items: center
}

.notificationBar {
    position: fixed;
    right: 0;
    top: 0;
    z-index: 99999;
    height: -moz-fit-content;
    height: fit-content;
    width: auto;
    overflow: hidden;
    transition: all .3s ease;
    padding: 16px 24px;
    display: flex;
    transform: translateY(8px)
}

@media (max-width:512px) {
    .notificationBar {
        width: 100%;
        padding: 8px 16px 16px
    }
}

.notificationBar__bar {
    position: relative;
    box-shadow: 0 0 1px rgba(26,24,23,.05),0 4px 8px rgba(26,24,23,.1);
    padding: 16px 40px 16px 24px;
    background: var(--neu-01);
    border-radius: 2px;
    display: flex;
    width: 340px
}

@media (max-width:512px) {
    .notificationBar__bar {
        min-width: 100%
    }
}

.notificationBar.show .notificationBar__bar {
    transition: all .3s ease;
    visibility: visible;
    animation: e .3s .2s both
}

.notificationBar.hide .notificationBar__bar {
    transition: all .3s ease;
    animation: f .3s both
}

.notificationBar__icon {
    min-width: 24px;
    width: 24px;
    height: 24px;
    font-size: 24px;
    margin-right: 16px
}

    .notificationBar__icon:before {
        font-size: 24px;
        font-weight: 400
    }

.notificationBar__title {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1rem;
    line-height: 1.5em;
    letter-spacing: -.011em;
    font-weight: 400;
    color: var(--neu-10)
}

    .notificationBar__title .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .notificationBar__title .link a:hover {
            color: var(--m-01)
        }

    .notificationBar__title mark, .notificationBar__title mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .notificationBar__title mark[data-color=gray] {
            color: var(--neu-07)
        }

        .notificationBar__title mark[data-color=default] {
            color: var(--neu-10)
        }

    .notificationBar__title span.m-01--dark-01, .notificationBar__title span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .notificationBar__title span.neu-07, .notificationBar__title span[data-color=gray] {
        color: var(--neu-07)
    }

    .notificationBar__title span.neu-10, .notificationBar__title span[data-color=default] {
        color: var(--neu-10)
    }

    .notificationBar__title b, .notificationBar__title strong {
        font-weight: 700
    }

    .notificationBar__title em {
        font-style: italic
    }

.notificationBar__description {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: .813rem;
    line-height: 1.538em;
    letter-spacing: -.003em;
    font-weight: 400;
    color: var(--neu-10);
    margin-top: 8px;
    display: block
}

    .notificationBar__description .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .notificationBar__description .link a:hover {
            color: var(--m-01)
        }

    .notificationBar__description mark, .notificationBar__description mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .notificationBar__description mark[data-color=gray] {
            color: var(--neu-07)
        }

        .notificationBar__description mark[data-color=default] {
            color: var(--neu-10)
        }

    .notificationBar__description span.m-01--dark-01, .notificationBar__description span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .notificationBar__description span.neu-07, .notificationBar__description span[data-color=gray] {
        color: var(--neu-07)
    }

    .notificationBar__description span.neu-10, .notificationBar__description span[data-color=default] {
        color: var(--neu-10)
    }

    .notificationBar__description b, .notificationBar__description strong {
        font-weight: 700
    }

    .notificationBar__description em {
        font-style: italic
    }

.notificationBar__close {
    position: absolute;
    right: 0;
    top: 0
}

.notificationBar .addBookmark .notificationBar__icon {
    color: var(--m-02)
}

.btnNav, .btnNav--active, .btnNav--icon, .btnNav--large, .btnNav--large--mobile, .btnNav--previous, .btnNav--small {
    transition: all .1s ease;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: relative;
    min-height: 40px;
    padding: 8px 0;
    cursor: pointer
}

.btnNav--large {
    color: var(--neu-10) !important;
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1rem;
    line-height: 1.5em;
    letter-spacing: -.011em;
    font-weight: 400;
    font-weight: 700
}

    .btnNav--large:hover {
        opacity: .7
    }

    .btnNav--large.btnNav--active {
        color: var(--m-01--dark-01) !important
    }

    .btnNav--large .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .btnNav--large .link a:hover {
            color: var(--m-01)
        }

    .btnNav--large mark, .btnNav--large mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .btnNav--large mark[data-color=gray] {
            color: var(--neu-07)
        }

        .btnNav--large mark[data-color=default] {
            color: var(--neu-10)
        }

    .btnNav--large span.m-01--dark-01, .btnNav--large span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .btnNav--large span.neu-07, .btnNav--large span[data-color=gray] {
        color: var(--neu-07)
    }

    .btnNav--large span.neu-10, .btnNav--large span[data-color=default] {
        color: var(--neu-10)
    }

    .btnNav--large b, .btnNav--large strong {
        font-weight: 700
    }

    .btnNav--large em {
        font-style: italic
    }

    .btnNav--large.btnNav--icon {
        padding-right: 32px
    }

.btnNav--large--mobile {
    color: var(--neu-10) !important;
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1rem;
    line-height: 1.5em;
    letter-spacing: -.011em;
    font-weight: 400;
    font-weight: 700;
    justify-content: flex-start;
    width: 100%
}

    .btnNav--large--mobile:hover {
        opacity: .7
    }

    .btnNav--large--mobile.btnNav--active {
        color: var(--m-01--dark-01) !important
    }

    .btnNav--large--mobile .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .btnNav--large--mobile .link a:hover {
            color: var(--m-01)
        }

    .btnNav--large--mobile mark, .btnNav--large--mobile mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .btnNav--large--mobile mark[data-color=gray] {
            color: var(--neu-07)
        }

        .btnNav--large--mobile mark[data-color=default] {
            color: var(--neu-10)
        }

    .btnNav--large--mobile span.m-01--dark-01, .btnNav--large--mobile span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .btnNav--large--mobile span.neu-07, .btnNav--large--mobile span[data-color=gray] {
        color: var(--neu-07)
    }

    .btnNav--large--mobile span.neu-10, .btnNav--large--mobile span[data-color=default] {
        color: var(--neu-10)
    }

    .btnNav--large--mobile b, .btnNav--large--mobile strong {
        font-weight: 700
    }

    .btnNav--large--mobile em {
        font-style: italic
    }

@media (max-width:1024px) {
    .btnNav--large--mobile {
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-stretch: normal;
        letter-spacing: normal;
        font-family: Inter,sans-serif;
        font-size: 1.75rem;
        line-height: 1.429em;
        letter-spacing: -.021em;
        font-weight: 400;
        font-weight: 700
    }

        .btnNav--large--mobile .link a {
            transition: all .1s ease;
            text-decoration: underline;
            color: var(--m-01--dark-01)
        }

            .btnNav--large--mobile .link a:hover {
                color: var(--m-01)
            }

        .btnNav--large--mobile mark, .btnNav--large--mobile mark[data-color=color] {
            color: var(--m-01--dark-01)
        }

            .btnNav--large--mobile mark[data-color=gray] {
                color: var(--neu-07)
            }

            .btnNav--large--mobile mark[data-color=default] {
                color: var(--neu-10)
            }

        .btnNav--large--mobile span.m-01--dark-01, .btnNav--large--mobile span[data-color=color] {
            color: var(--m-01--dark-01)
        }

        .btnNav--large--mobile span.neu-07, .btnNav--large--mobile span[data-color=gray] {
            color: var(--neu-07)
        }

        .btnNav--large--mobile span.neu-10, .btnNav--large--mobile span[data-color=default] {
            color: var(--neu-10)
        }

        .btnNav--large--mobile b, .btnNav--large--mobile strong {
            font-weight: 700
        }

        .btnNav--large--mobile em {
            font-style: italic
        }
}

@media (max-width:1024px) and (max-width:1024px) {
    .btnNav--large--mobile {
        font-size: 1.438rem;
        line-height: 1.391em;
        letter-spacing: -.019em
    }
}

@media (max-width:1024px) {
    .btnNav--large--mobile span {
        font-size: 1.75rem
    }
}

.btnNav--large--mobile.btnNav--icon {
    padding-right: 32px
}

@media (max-width:1024px) {
    .btnNav--large--mobile.btnNav--icon:before {
        content: "\e909"
    }
}

.btnNav--small {
    color: var(--neu-10) !important;
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: .813rem;
    line-height: 1.538em;
    letter-spacing: -.003em;
    font-weight: 400;
    font-weight: 700
}

    .btnNav--small:hover {
        opacity: .7
    }

    .btnNav--small.btnNav--active {
        color: var(--m-01--dark-01) !important
    }

    .btnNav--small .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .btnNav--small .link a:hover {
            color: var(--m-01)
        }

    .btnNav--small mark, .btnNav--small mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .btnNav--small mark[data-color=gray] {
            color: var(--neu-07)
        }

        .btnNav--small mark[data-color=default] {
            color: var(--neu-10)
        }

    .btnNav--small span.m-01--dark-01, .btnNav--small span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .btnNav--small span.neu-07, .btnNav--small span[data-color=gray] {
        color: var(--neu-07)
    }

    .btnNav--small span.neu-10, .btnNav--small span[data-color=default] {
        color: var(--neu-10)
    }

    .btnNav--small b, .btnNav--small strong {
        font-weight: 700
    }

    .btnNav--small em {
        font-style: italic
    }

    .btnNav--small.btnNav--icon {
        padding-right: 24px
    }

        .btnNav--small.btnNav--icon:before {
            width: 16px;
            height: 16px;
            font-size: 16px;
            font-family: aicep-base-icons !important;
            font-weight: 400;
            display: flex;
            justify-content: center;
            align-items: center;
            position: absolute;
            top: 50%;
            transform: translateY(-50%)
        }

.btnNav--icon {
    color: var(--neu-10) !important;
    position: relative
}

    .btnNav--icon:hover {
        opacity: .7
    }

    .btnNav--icon.btnNav--active {
        color: var(--m-01--dark-01) !important
    }

    .btnNav--icon:before {
        width: 24px;
        height: 24px;
        font-size: 24px;
        font-family: aicep-base-icons !important;
        font-weight: 400;
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        content: "\e912";
        right: 0
    }

.btnNav--active {
    color: var(--neu-10) !important
}

    .btnNav--active:hover {
        opacity: .7
    }

    .btnNav--active.btnNav--active {
        color: var(--m-01--dark-01) !important
    }

    .btnNav--active:before {
        transform: translateY(-50%) rotate(180deg)
    }

@media (max-width:1024px) {
    .btnNav--active:before {
        transform: translateY(-50%)
    }
}

.btnNav--previous {
    color: var(--neu-10) !important;
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: .813rem;
    line-height: 1.538em;
    letter-spacing: -.003em;
    font-weight: 400;
    font-weight: 700;
    padding-left: 24px
}

    .btnNav--previous:hover {
        color: var(--neu-10) !important;
        opacity: .7
    }

    .btnNav--previous .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .btnNav--previous .link a:hover {
            color: var(--m-01)
        }

    .btnNav--previous mark, .btnNav--previous mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .btnNav--previous mark[data-color=gray] {
            color: var(--neu-07)
        }

        .btnNav--previous mark[data-color=default] {
            color: var(--neu-10)
        }

    .btnNav--previous span.m-01--dark-01, .btnNav--previous span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .btnNav--previous span.neu-07, .btnNav--previous span[data-color=gray] {
        color: var(--neu-07)
    }

    .btnNav--previous span.neu-10, .btnNav--previous span[data-color=default] {
        color: var(--neu-10)
    }

    .btnNav--previous b, .btnNav--previous strong {
        font-weight: 700
    }

    .btnNav--previous em {
        font-style: italic
    }

    .btnNav--previous:before {
        width: 16px;
        height: 16px;
        font-size: 16px;
        font-family: aicep-base-icons !important;
        font-weight: 400;
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        content: "\e904";
        left: 0
    }

.btnPlay, .textFormats .video:after {
    transition: all .1s ease;
    width: 72px;
    height: 72px;
    background: var(--m-01--dark-01);
    border-radius: 50%;
    cursor: pointer
}

    .btnPlay, .btnPlay:before, .textFormats .video:after {
        display: flex;
        justify-content: center;
        align-items: center
    }

        .btnPlay:before {
            width: 24px;
            height: 24px;
            font-size: 24px;
            font-family: aicep-base-icons !important;
            font-weight: 400;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            content: "\e903";
            color: var(--neu-01);
            transform: translate(2px,-50%)
        }

        .btnPlay:hover, .textFormats .video:hover:after {
            background: var(--m-01)
        }

@media (max-width:512px) {
    .btnLocalization {
        width: 100%
    }
}

.btnLocalization__btn {
    transition: all .1s ease;
    min-width: 209px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: relative;
    height: 40px;
    padding: 0 16px;
    border-width: 1px;
    border-style: solid;
    border-radius: 2px;
    cursor: pointer
}

@media (max-width:1024px) {
    .btnLocalization__btn {
        height: 56px
    }
}

@media (max-width:512px) {
    .btnLocalization__btn {
        width: 100%
    }
}

.btnLocalization__currentlanguage, .btnLocalization__languageLabel {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: .813rem;
    line-height: 1.538em;
    letter-spacing: -.003em;
    font-weight: 400
}

    .btnLocalization__currentlanguage .link a, .btnLocalization__languageLabel .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .btnLocalization__currentlanguage .link a:hover, .btnLocalization__languageLabel .link a:hover {
            color: var(--m-01)
        }

    .btnLocalization__currentlanguage mark, .btnLocalization__currentlanguage mark[data-color=color], .btnLocalization__languageLabel mark, .btnLocalization__languageLabel mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .btnLocalization__currentlanguage mark[data-color=gray], .btnLocalization__languageLabel mark[data-color=gray] {
            color: var(--neu-07)
        }

        .btnLocalization__currentlanguage mark[data-color=default], .btnLocalization__languageLabel mark[data-color=default] {
            color: var(--neu-10)
        }

    .btnLocalization__currentlanguage span.m-01--dark-01, .btnLocalization__currentlanguage span[data-color=color], .btnLocalization__languageLabel span.m-01--dark-01, .btnLocalization__languageLabel span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .btnLocalization__currentlanguage span.neu-07, .btnLocalization__currentlanguage span[data-color=gray], .btnLocalization__languageLabel span.neu-07, .btnLocalization__languageLabel span[data-color=gray] {
        color: var(--neu-07)
    }

    .btnLocalization__currentlanguage span.neu-10, .btnLocalization__currentlanguage span[data-color=default], .btnLocalization__languageLabel span.neu-10, .btnLocalization__languageLabel span[data-color=default] {
        color: var(--neu-10)
    }

    .btnLocalization__currentlanguage b, .btnLocalization__currentlanguage strong, .btnLocalization__languageLabel b, .btnLocalization__languageLabel strong {
        font-weight: 700
    }

    .btnLocalization__currentlanguage em, .btnLocalization__languageLabel em {
        font-style: italic
    }

@media (max-width:1024px) {
    .btnLocalization__currentlanguage, .btnLocalization__languageLabel {
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-stretch: normal;
        letter-spacing: normal;
        font-family: Inter,sans-serif;
        font-size: 1rem;
        line-height: 1.5em;
        letter-spacing: -.011em;
        font-weight: 400
    }

        .btnLocalization__currentlanguage .link a, .btnLocalization__languageLabel .link a {
            transition: all .1s ease;
            text-decoration: underline;
            color: var(--m-01--dark-01)
        }

            .btnLocalization__currentlanguage .link a:hover, .btnLocalization__languageLabel .link a:hover {
                color: var(--m-01)
            }

        .btnLocalization__currentlanguage mark, .btnLocalization__currentlanguage mark[data-color=color], .btnLocalization__languageLabel mark, .btnLocalization__languageLabel mark[data-color=color] {
            color: var(--m-01--dark-01)
        }

            .btnLocalization__currentlanguage mark[data-color=gray], .btnLocalization__languageLabel mark[data-color=gray] {
                color: var(--neu-07)
            }

            .btnLocalization__currentlanguage mark[data-color=default], .btnLocalization__languageLabel mark[data-color=default] {
                color: var(--neu-10)
            }

        .btnLocalization__currentlanguage span.m-01--dark-01, .btnLocalization__currentlanguage span[data-color=color], .btnLocalization__languageLabel span.m-01--dark-01, .btnLocalization__languageLabel span[data-color=color] {
            color: var(--m-01--dark-01)
        }

        .btnLocalization__currentlanguage span.neu-07, .btnLocalization__currentlanguage span[data-color=gray], .btnLocalization__languageLabel span.neu-07, .btnLocalization__languageLabel span[data-color=gray] {
            color: var(--neu-07)
        }

        .btnLocalization__currentlanguage span.neu-10, .btnLocalization__currentlanguage span[data-color=default], .btnLocalization__languageLabel span.neu-10, .btnLocalization__languageLabel span[data-color=default] {
            color: var(--neu-10)
        }

        .btnLocalization__currentlanguage b, .btnLocalization__currentlanguage strong, .btnLocalization__languageLabel b, .btnLocalization__languageLabel strong {
            font-weight: 700
        }

        .btnLocalization__currentlanguage em, .btnLocalization__languageLabel em {
            font-style: italic
        }
}

.btnLocalization__currentlanguage {
    font-weight: 700
}

.btnLocalization__currentCurrencyAndTemperature {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: .688rem;
    line-height: 1.455em;
    letter-spacing: .005em;
    font-weight: 400;
    position: relative;
    padding-left: 16px
}

    .btnLocalization__currentCurrencyAndTemperature .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .btnLocalization__currentCurrencyAndTemperature .link a:hover {
            color: var(--m-01)
        }

    .btnLocalization__currentCurrencyAndTemperature mark, .btnLocalization__currentCurrencyAndTemperature mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .btnLocalization__currentCurrencyAndTemperature mark[data-color=gray] {
            color: var(--neu-07)
        }

        .btnLocalization__currentCurrencyAndTemperature mark[data-color=default] {
            color: var(--neu-10)
        }

    .btnLocalization__currentCurrencyAndTemperature span.m-01--dark-01, .btnLocalization__currentCurrencyAndTemperature span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .btnLocalization__currentCurrencyAndTemperature span.neu-07, .btnLocalization__currentCurrencyAndTemperature span[data-color=gray] {
        color: var(--neu-07)
    }

    .btnLocalization__currentCurrencyAndTemperature span.neu-10, .btnLocalization__currentCurrencyAndTemperature span[data-color=default] {
        color: var(--neu-10)
    }

    .btnLocalization__currentCurrencyAndTemperature b, .btnLocalization__currentCurrencyAndTemperature strong {
        font-weight: 700
    }

    .btnLocalization__currentCurrencyAndTemperature em {
        font-style: italic
    }

    .btnLocalization__currentCurrencyAndTemperature:before {
        content: "";
        position: absolute;
        width: 1px;
        height: 100%;
        left: 8px
    }

@media (max-width:1024px) {
    .btnLocalization__currentCurrencyAndTemperature {
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-stretch: normal;
        letter-spacing: normal;
        font-family: Inter,sans-serif;
        font-size: 1rem;
        line-height: 1.5em;
        letter-spacing: -.011em;
        font-weight: 400;
        padding-left: 32px
    }

        .btnLocalization__currentCurrencyAndTemperature .link a {
            transition: all .1s ease;
            text-decoration: underline;
            color: var(--m-01--dark-01)
        }

            .btnLocalization__currentCurrencyAndTemperature .link a:hover {
                color: var(--m-01)
            }

        .btnLocalization__currentCurrencyAndTemperature mark, .btnLocalization__currentCurrencyAndTemperature mark[data-color=color] {
            color: var(--m-01--dark-01)
        }

            .btnLocalization__currentCurrencyAndTemperature mark[data-color=gray] {
                color: var(--neu-07)
            }

            .btnLocalization__currentCurrencyAndTemperature mark[data-color=default] {
                color: var(--neu-10)
            }

        .btnLocalization__currentCurrencyAndTemperature span.m-01--dark-01, .btnLocalization__currentCurrencyAndTemperature span[data-color=color] {
            color: var(--m-01--dark-01)
        }

        .btnLocalization__currentCurrencyAndTemperature span.neu-07, .btnLocalization__currentCurrencyAndTemperature span[data-color=gray] {
            color: var(--neu-07)
        }

        .btnLocalization__currentCurrencyAndTemperature span.neu-10, .btnLocalization__currentCurrencyAndTemperature span[data-color=default] {
            color: var(--neu-10)
        }

        .btnLocalization__currentCurrencyAndTemperature b, .btnLocalization__currentCurrencyAndTemperature strong {
            font-weight: 700
        }

        .btnLocalization__currentCurrencyAndTemperature em {
            font-style: italic
        }

        .btnLocalization__currentCurrencyAndTemperature:before {
            left: 16px
        }
}

.btnFilter {
    transition: all .1s ease;
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1rem;
    line-height: 1.5em;
    letter-spacing: -.011em;
    font-weight: 400;
    font-weight: 700;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: relative;
    height: 48px;
    padding: 0 20px;
    border: 1px solid rgba(26,24,23,.5);
    border-radius: 2px;
    cursor: pointer;
    gap: 8px;
    color: var(--neu-10)
}

    .btnFilter .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .btnFilter .link a:hover {
            color: var(--m-01)
        }

    .btnFilter mark, .btnFilter mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .btnFilter mark[data-color=gray] {
            color: var(--neu-07)
        }

        .btnFilter mark[data-color=default] {
            color: var(--neu-10)
        }

    .btnFilter span.m-01--dark-01, .btnFilter span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .btnFilter span.neu-07, .btnFilter span[data-color=gray] {
        color: var(--neu-07)
    }

    .btnFilter span.neu-10, .btnFilter span[data-color=default] {
        color: var(--neu-10)
    }

    .btnFilter b, .btnFilter strong {
        font-weight: 700
    }

    .btnFilter em {
        font-style: italic
    }

    .btnFilter:hover {
        border-color: var(--neu-10)
    }

@media (max-width:512px) {
    .btnFilter {
        width: 100%
    }
}

.btnFilter span:first-of-type {
    align-items: center;
    display: flex;
    justify-content: center;
    gap: 8px
}

    .btnFilter span:first-of-type:before {
        width: 24px;
        height: 24px;
        font-size: 24px;
        font-family: aicep-base-icons !important;
        font-weight: 400;
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        content: "\e921";
        position: relative;
        top: unset;
        transform: none
    }

.btnFilter span:nth-of-type(2) {
    color: var(--m-01--dark-01)
}

.btnFilter--small {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: .813rem;
    line-height: 1.538em;
    letter-spacing: -.003em;
    font-weight: 400;
    font-weight: 700;
    height: 40px;
    padding: 0 20px;
    gap: 4px
}

    .btnFilter--small .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .btnFilter--small .link a:hover {
            color: var(--m-01)
        }

    .btnFilter--small mark, .btnFilter--small mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .btnFilter--small mark[data-color=gray] {
            color: var(--neu-07)
        }

        .btnFilter--small mark[data-color=default] {
            color: var(--neu-10)
        }

    .btnFilter--small span.m-01--dark-01, .btnFilter--small span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .btnFilter--small span.neu-07, .btnFilter--small span[data-color=gray] {
        color: var(--neu-07)
    }

    .btnFilter--small span.neu-10, .btnFilter--small span[data-color=default] {
        color: var(--neu-10)
    }

    .btnFilter--small b, .btnFilter--small strong {
        font-weight: 700
    }

    .btnFilter--small em {
        font-style: italic
    }

    .btnFilter--small span:first-of-type {
        gap: 4px
    }

        .btnFilter--small span:first-of-type:before {
            width: 16px;
            height: 16px;
            font-size: 16px;
            font-family: aicep-base-icons !important;
            font-weight: 400;
            display: flex;
            justify-content: center;
            align-items: center;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            position: relative;
            top: unset;
            transform: none
        }

[data-bg=neu-02] .btnFilter span:nth-of-type(2) {
    color: var(--m-01--dark-02)
}

.pagination {
    display: flex;
    width: 100%;
    justify-content: center
}

    .pagination.disable {
        display: none
    }

.pagination__content {
    color: var(--neu-10);
    display: flex;
    align-items: center
}

@media (max-width:1024px) {
    .pagination__content {
        margin: 0 8px
    }
}

.pagination__content li {
    padding: 0 8px;
    margin: 0 4px
}

@media (max-width:1024px) {
    .pagination__content li {
        padding: 0;
        margin: 0
    }

        .pagination__content li:not(:last-child) {
            display: none
        }

        .pagination__content li.active {
            display: block;
            margin-right: 8px
        }

        .pagination__content li:last-child:before {
            content: "/";
            margin-right: 8px
        }
}

.pagination__number {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1rem;
    line-height: 1.5em;
    letter-spacing: -.011em;
    font-weight: 700;
    transition: all .1s ease;
    cursor: pointer
}

    .pagination__number .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .pagination__number .link a:hover {
            color: var(--m-01)
        }

    .pagination__number mark, .pagination__number mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .pagination__number mark[data-color=gray] {
            color: var(--neu-07)
        }

        .pagination__number mark[data-color=default] {
            color: var(--neu-10)
        }

    .pagination__number span.m-01--dark-01, .pagination__number span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .pagination__number span.neu-07, .pagination__number span[data-color=gray] {
        color: var(--neu-07)
    }

    .pagination__number span.neu-10, .pagination__number span[data-color=default] {
        color: var(--neu-10)
    }

    .pagination__number b, .pagination__number strong {
        font-weight: 700
    }

    .pagination__number em {
        font-style: italic
    }

.pagination__number--hidden {
    display: none
}

.pagination__number:hover {
    opacity: .7
}

.pagination__number.active {
    cursor: default;
    color: var(--m-01--dark-01)
}

    .pagination__number.active:hover {
        opacity: 1
    }

.pagination__points--hidden {
    display: none
}

.pagination__points i {
    min-width: 24px;
    width: 24px;
    height: 24px;
    font-size: 24px
}

    .pagination__points i:before {
        font-size: 24px;
        font-weight: 400
    }

.pagination__arrow i {
    transition: all .1s ease
}

.pagination__arrow:hover {
    opacity: .7
}

.pagination__arrow:first-of-type:hover i {
    transform: translateX(-3px)
}

.pagination__arrow:last-of-type:hover i {
    transform: translateX(3px)
}

.pagination__arrow.disable {
    cursor: default;
    color: var(--neu-05) !important
}

    .pagination__arrow.disable:hover i {
        transform: none
    }

.productCard, .productCard--small {
    box-shadow: 0 0 1px rgba(26,24,23,.05),0 16px 24px rgba(26,24,23,.05);
    transition: all .15s ease-in-out;
    border-radius: 2px;
    transform: translateY(0);
    background: var(--neu-01);
    margin: 0 auto;
    width: 100%;
    min-height: 366px;
    display: flex;
    flex-direction: column
}

    .productCard--small:hover, .productCard:hover {
        box-shadow: 0 0 1px rgba(26,24,23,.05),0 2px 4px rgba(26,24,23,.1);
        transform: translateY(3px)
    }

@media (max-width:768px) {
    .productCard--small:hover, .productCard:hover {
        box-shadow: 0 0 1px rgba(26,24,23,.05),0 16px 24px rgba(26,24,23,.05);
        transform: none
    }
}

.productCard--small[data-media=on] .productCard__head, .productCard[data-media=on] .productCard__head {
    background: var(--neu-09)
}

.productCard--small[data-media=on] .btnBookmark--privateArea .btnBookmark, .productCard--small[data-media=on] .btnBookmark--privateArea .btnBookmark--small, .productCard[data-media=on] .btnBookmark--privateArea .btnBookmark, .productCard[data-media=on] .btnBookmark--privateArea .btnBookmark--small {
    color: var(--neu-01) !important
}

.productCard--small[data-media=off] .productCard__head, .productCard[data-media=off] .productCard__head {
    background: transparent
}

    .productCard--small[data-media=off] .productCard__head:after, .productCard[data-media=off] .productCard__head:after {
        display: block
    }

.productCard--small[data-media=off] .productCard__head-content, .productCard[data-media=off] .productCard__head-content {
    color: var(--neu-10)
}

.productCard--small[data-media=off] .productCard__textLabel, .productCard[data-media=off] .productCard__textLabel {
    color: var(--m-01--dark-01)
}

.productCard--small[data-media=off] .productCard--small .btnBookmark, .productCard--small[data-media=off] .productCard--small .btnBookmark--small, .productCard--small[data-media=off] .productCard .btnBookmark, .productCard--small[data-media=off] .productCard .btnBookmark--small, .productCard--small[data-media=off] .productCard__bookmark, .productCard[data-media=off] .productCard--small .btnBookmark, .productCard[data-media=off] .productCard--small .btnBookmark--small, .productCard[data-media=off] .productCard .btnBookmark, .productCard[data-media=off] .productCard .btnBookmark--small, .productCard[data-media=off] .productCard__bookmark {
    color: var(--neu-10) !important
}

.productCard--hidden {
    display: none
}

.productCard--small .btnBookmark--privateArea, .productCard .btnBookmark--privateArea, .productCard__bookmark {
    position: absolute;
    top: 16px;
    right: 8px;
    z-index: 1;
    color: var(--neu-01) !important
}

    .productCard--small .btnBookmark--privateArea[data-bookmark=off], .productCard .btnBookmark--privateArea[data-bookmark=off], .productCard__bookmark[data-bookmark=off] {
        display: none
    }

.productCard__head {
    height: 235px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px
}

    .productCard__head:after {
        content: "";
        position: absolute;
        left: 24px;
        bottom: 0;
        width: calc(100% - 24px * 2);
        height: 1px;
        background-color: var(--neu-03);
        display: none
    }

.productCard__head-content {
    height: 100%;
    padding: 32px 24px;
    display: block;
    color: var(--neu-01);
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    overflow: hidden
}

.productCard__head-img {
    position: relative;
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    left: 0;
    top: 0;
    z-index: 0
}

    .productCard__head-img:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background: var(--neu-10);
        opacity: .4;
        z-index: 1
    }

    .productCard__head-img img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }

.productCard__textLabel {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: .688rem;
    line-height: 1.455em;
    letter-spacing: .005em;
    font-weight: 400;
    max-width: 600px
}

    .productCard__textLabel .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .productCard__textLabel .link a:hover {
            color: var(--m-01)
        }

    .productCard__textLabel mark, .productCard__textLabel mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .productCard__textLabel mark[data-color=gray] {
            color: var(--neu-07)
        }

        .productCard__textLabel mark[data-color=default] {
            color: var(--neu-10)
        }

    .productCard__textLabel span.m-01--dark-01, .productCard__textLabel span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .productCard__textLabel span.neu-07, .productCard__textLabel span[data-color=gray] {
        color: var(--neu-07)
    }

    .productCard__textLabel span.neu-10, .productCard__textLabel span[data-color=default] {
        color: var(--neu-10)
    }

    .productCard__textLabel b, .productCard__textLabel strong {
        font-weight: 700
    }

    .productCard__textLabel em {
        font-style: italic
    }

.productCard__productName {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Calma Global Medium,sans-serif;
    font-size: 2rem;
    line-height: 1.25em;
    letter-spacing: -.016em;
    margin-top: 8px;
    max-width: 600px
}

    .productCard__productName .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .productCard__productName .link a:hover {
            color: var(--m-01)
        }

    .productCard__productName mark, .productCard__productName mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .productCard__productName mark[data-color=gray] {
            color: var(--neu-07)
        }

        .productCard__productName mark[data-color=default] {
            color: var(--neu-10)
        }

    .productCard__productName span.m-01--dark-01, .productCard__productName span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .productCard__productName span.neu-07, .productCard__productName span[data-color=gray] {
        color: var(--neu-07)
    }

    .productCard__productName span.neu-10, .productCard__productName span[data-color=default] {
        color: var(--neu-10)
    }

    .productCard__productName b, .productCard__productName strong {
        font-weight: 700
    }

    .productCard__productName em {
        font-style: italic
    }

@media (max-width:1024px) {
    .productCard__productName {
        font-size: 1.625rem;
        line-height: 1.231em;
        letter-spacing: 0
    }
}

.productCard__deadline {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: .688rem;
    line-height: 1.455em;
    letter-spacing: .005em;
    font-weight: 400;
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 8px
}

    .productCard__deadline .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .productCard__deadline .link a:hover {
            color: var(--m-01)
        }

    .productCard__deadline mark, .productCard__deadline mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .productCard__deadline mark[data-color=gray] {
            color: var(--neu-07)
        }

        .productCard__deadline mark[data-color=default] {
            color: var(--neu-10)
        }

    .productCard__deadline span.m-01--dark-01, .productCard__deadline span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .productCard__deadline span.neu-07, .productCard__deadline span[data-color=gray] {
        color: var(--neu-07)
    }

    .productCard__deadline span.neu-10, .productCard__deadline span[data-color=default] {
        color: var(--neu-10)
    }

    .productCard__deadline b, .productCard__deadline strong {
        font-weight: 700
    }

    .productCard__deadline em {
        font-style: italic
    }

.productCard__content {
    padding: 24px;
    color: var(--neu-10);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 2
}

.productCard__brandInfo {
    display: flex;
    gap: 16px;
    align-items: center;
    max-width: 600px
}

.productCard__brandInfo-thumb {
    display: flex;
    min-width: 60px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    overflow: hidden
}

    .productCard__brandInfo-thumb img {
        width: 100%;
        height: auto;
        -o-object-fit: cover;
        object-fit: cover
    }

.productCard__brandInfo-name {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: .813rem;
    line-height: 1.538em;
    letter-spacing: -.003em;
    font-weight: 700;
    color: var(--m-01--dark-01)
}

    .productCard__brandInfo-name .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .productCard__brandInfo-name .link a:hover {
            color: var(--m-01)
        }

    .productCard__brandInfo-name mark, .productCard__brandInfo-name mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .productCard__brandInfo-name mark[data-color=gray] {
            color: var(--neu-07)
        }

        .productCard__brandInfo-name mark[data-color=default] {
            color: var(--neu-10)
        }

    .productCard__brandInfo-name span.m-01--dark-01, .productCard__brandInfo-name span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .productCard__brandInfo-name span.neu-07, .productCard__brandInfo-name span[data-color=gray] {
        color: var(--neu-07)
    }

    .productCard__brandInfo-name span.neu-10, .productCard__brandInfo-name span[data-color=default] {
        color: var(--neu-10)
    }

    .productCard__brandInfo-name b, .productCard__brandInfo-name strong {
        font-weight: 700
    }

    .productCard__brandInfo-name em {
        font-style: italic
    }

.productCard__brandInfo-description {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: .688rem;
    line-height: 1.455em;
    letter-spacing: .005em;
    font-weight: 400;
    margin-top: 32px
}

    .productCard__brandInfo-description .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .productCard__brandInfo-description .link a:hover {
            color: var(--m-01)
        }

    .productCard__brandInfo-description mark, .productCard__brandInfo-description mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .productCard__brandInfo-description mark[data-color=gray] {
            color: var(--neu-07)
        }

        .productCard__brandInfo-description mark[data-color=default] {
            color: var(--neu-10)
        }

    .productCard__brandInfo-description span.m-01--dark-01, .productCard__brandInfo-description span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .productCard__brandInfo-description span.neu-07, .productCard__brandInfo-description span[data-color=gray] {
        color: var(--neu-07)
    }

    .productCard__brandInfo-description span.neu-10, .productCard__brandInfo-description span[data-color=default] {
        color: var(--neu-10)
    }

    .productCard__brandInfo-description b, .productCard__brandInfo-description strong {
        font-weight: 700
    }

    .productCard__brandInfo-description em {
        font-style: italic
    }

.productCard__btnContainer {
    display: flex;
    justify-content: flex-end
}

@media (max-width:512px) {
    .productCard__btnContainer {
        width: 100%;
        display: flex
    }
}

.productCard--small {
    max-width: 960px;
    min-height: 324px
}

    .productCard--small .productCard__head {
        height: 200px
    }

        .productCard--small .productCard__head:after {
            left: 16px;
            width: calc(100% - 16px * 2)
        }

    .productCard--small .productCard__head-content {
        padding: 24px 16px
    }

    .productCard--small .productCard__productName {
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-stretch: normal;
        letter-spacing: normal;
        font-family: Calma Global Medium,sans-serif;
        font-size: 1.625rem;
        line-height: 1.231em;
        letter-spacing: 0
    }

        .productCard--small .productCard__productName .link a {
            transition: all .1s ease;
            text-decoration: underline;
            color: var(--m-01--dark-01)
        }

            .productCard--small .productCard__productName .link a:hover {
                color: var(--m-01)
            }

        .productCard--small .productCard__productName mark, .productCard--small .productCard__productName mark[data-color=color] {
            color: var(--m-01--dark-01)
        }

            .productCard--small .productCard__productName mark[data-color=gray] {
                color: var(--neu-07)
            }

            .productCard--small .productCard__productName mark[data-color=default] {
                color: var(--neu-10)
            }

        .productCard--small .productCard__productName span.m-01--dark-01, .productCard--small .productCard__productName span[data-color=color] {
            color: var(--m-01--dark-01)
        }

        .productCard--small .productCard__productName span.neu-07, .productCard--small .productCard__productName span[data-color=gray] {
            color: var(--neu-07)
        }

        .productCard--small .productCard__productName span.neu-10, .productCard--small .productCard__productName span[data-color=default] {
            color: var(--neu-10)
        }

        .productCard--small .productCard__productName b, .productCard--small .productCard__productName strong {
            font-weight: 700
        }

        .productCard--small .productCard__productName em {
            font-style: italic
        }

    .productCard--small .productCard__content {
        padding: 16px
    }

    .productCard--small .productCard__bookmark {
        right: 0;
        top: 8px
    }

.profileCard, .profileCard--small {
    transition: all .1s ease;
    background: transparent;
    margin: 0 auto;
    width: 100%;
    min-height: 335px;
    padding: 24px 24px 32px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 24px
}

.profileCard__picture {
    width: 120px;
    height: 120px;
    overflow: hidden;
    border-radius: 50%
}

    .profileCard__picture img {
        aspect-ratio: 1/1;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }

.profileCard__text {
    color: var(--neu-10);
    display: flex;
    flex-direction: column;
    width: 100%;
    text-align: center;
    max-width: 340px;
    margin: 0 auto;
    justify-content: center;
    align-items: center
}

.profileCard__title {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1.438rem;
    line-height: 1.391em;
    letter-spacing: -.019em;
    font-weight: 700;
    margin-top: 16px
}

    .profileCard__title .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .profileCard__title .link a:hover {
            color: var(--m-01)
        }

    .profileCard__title mark, .profileCard__title mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .profileCard__title mark[data-color=gray] {
            color: var(--neu-07)
        }

        .profileCard__title mark[data-color=default] {
            color: var(--neu-10)
        }

    .profileCard__title span.m-01--dark-01, .profileCard__title span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .profileCard__title span.neu-07, .profileCard__title span[data-color=gray] {
        color: var(--neu-07)
    }

    .profileCard__title span.neu-10, .profileCard__title span[data-color=default] {
        color: var(--neu-10)
    }

    .profileCard__title b, .profileCard__title strong {
        font-weight: 700
    }

    .profileCard__title em {
        font-style: italic
    }

@media (max-width:1024px) {
    .profileCard__title {
        font-size: 1.188rem;
        line-height: 1.263em;
        letter-spacing: -.016em
    }
}

.profileCard__description {
    /*! autoprefixer: off */ -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -moz-line-clamp: 4;
    -ms-line-clamp: 4;
    line-clamp: 4;
    overflow: hidden;
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: .813rem;
    line-height: 1.538em;
    letter-spacing: -.003em;
    font-weight: 400;
    margin-top: 16px
}

    .profileCard__description .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .profileCard__description .link a:hover {
            color: var(--m-01)
        }

    .profileCard__description mark, .profileCard__description mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .profileCard__description mark[data-color=gray] {
            color: var(--neu-07)
        }

        .profileCard__description mark[data-color=default] {
            color: var(--neu-10)
        }

    .profileCard__description span.m-01--dark-01, .profileCard__description span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .profileCard__description span.neu-07, .profileCard__description span[data-color=gray] {
        color: var(--neu-07)
    }

    .profileCard__description span.neu-10, .profileCard__description span[data-color=default] {
        color: var(--neu-10)
    }

    .profileCard__description b, .profileCard__description strong {
        font-weight: 700
    }

    .profileCard__description em {
        font-style: italic
    }

.profileCard--small {
    max-width: 960px;
    padding: 24px 16px 32px 4px;
    height: 100%
}

    .profileCard--small .profileCard__text {
        max-width: 310px
    }

.profileCard__btnContainer {
    display: flex;
    justify-content: center
}

.progressBar {
    position: sticky;
    top: 68px;
    padding: 16px 0 24px;
    z-index: 2;
    transition: all .15s ease-in-out
}

@media (max-width:1024px) {
    .progressBar {
        top: 80px;
        padding: 8px 0 16px
    }
}

.progressBar.sticky {
    padding: 24px 0 16px
}

@media (max-width:1024px) {
    .progressBar.sticky {
        padding: 16px 0
    }
}

.progressBar.sticky:after {
    background-color: var(--neu-10);
    opacity: .1;
    bottom: 0;
    content: "";
    display: block;
    height: 1px;
    width: 100%;
    position: absolute;
    left: 0
}

.progressBar.sticky .progressBar__title {
    opacity: 1;
    visibility: visible;
    height: 24px
}

.progressBar__wrapper {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    display: grid;
    padding: 0 64px;
    grid-template-columns: repeat(12,1fr);
    grid-column-gap: 32px
}

@media (max-width:1280px) {
    .progressBar__wrapper {
        padding: 0 40px;
        grid-column-gap: 24px
    }
}

@media (max-width:1024px) {
    .progressBar__wrapper {
        padding: 0 32px;
        grid-template-columns: repeat(6,1fr);
        grid-column-gap: 16px
    }
}

@media (max-width:768px) {
    .progressBar__wrapper {
        padding: 0 24px
    }
}

@media (max-width:512px) {
    .progressBar__wrapper {
        padding: 0 16px;
        grid-column-gap: 8px
    }
}

@media (max-width:1024px) {
    .progressBar__wrapper {
        overflow: hidden
    }
}

.progressBar__content {
    grid-column: 3/11;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 8px
}

@media (max-width:1024px) {
    .progressBar__content {
        grid-column: 2/6
    }
}

@media (max-width:768px) {
    .progressBar__content {
        grid-column: 1/7
    }
}

.progressBar__title {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1rem;
    line-height: 1.5em;
    letter-spacing: -.011em;
    font-weight: 400;
    transition: all .15s ease-in-out;
    color: var(--neu-10);
    text-align: center;
    opacity: 0;
    visibility: hidden;
    height: 0
}

    .progressBar__title .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .progressBar__title .link a:hover {
            color: var(--m-01)
        }

    .progressBar__title mark, .progressBar__title mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .progressBar__title mark[data-color=gray] {
            color: var(--neu-07)
        }

        .progressBar__title mark[data-color=default] {
            color: var(--neu-10)
        }

    .progressBar__title span.m-01--dark-01, .progressBar__title span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .progressBar__title span.neu-07, .progressBar__title span[data-color=gray] {
        color: var(--neu-07)
    }

    .progressBar__title span.neu-10, .progressBar__title span[data-color=default] {
        color: var(--neu-10)
    }

    .progressBar__title b, .progressBar__title strong {
        font-weight: 700
    }

    .progressBar__title em {
        font-style: italic
    }

.progressBar__barContainer {
    width: 100%;
    height: 4px;
    background: var(--neu-03);
    border-radius: 4px;
    overflow: hidden
}

.progressBar__bar {
    display: flex;
    background: var(--m-01--dark-01);
    height: 4px;
    border-radius: 4px;
    position: absolute;
    left: calc(-100% + 1px)
}

.progressBar__bar, .progressBar__text {
    transition: all .15s ease-in-out;
    width: 100%
}

.progressBar__text {
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    max-width: 300px;
    margin-left: 4px;
    left: 0;
    transform: translateX(-50%)
}

@media (max-width:1024px) {
    .progressBar__text {
        max-width: unset;
        flex-direction: row;
        justify-content: flex-start;
        gap: 4px;
        margin-left: -6px;
        transform: translateX(0)
    }

        .progressBar__text.alignRight {
            margin-left: 8px;
            transform: translateX(0);
            justify-content: flex-end
        }
}

.progressBar__number {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: .688rem;
    line-height: 1.455em;
    letter-spacing: .005em;
    font-weight: 700;
    color: var(--m-01--dark-02)
}

    .progressBar__number .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .progressBar__number .link a:hover {
            color: var(--m-01)
        }

    .progressBar__number mark, .progressBar__number mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .progressBar__number mark[data-color=gray] {
            color: var(--neu-07)
        }

        .progressBar__number mark[data-color=default] {
            color: var(--neu-10)
        }

    .progressBar__number span.m-01--dark-01, .progressBar__number span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .progressBar__number span.neu-07, .progressBar__number span[data-color=gray] {
        color: var(--neu-07)
    }

    .progressBar__number span.neu-10, .progressBar__number span[data-color=default] {
        color: var(--neu-10)
    }

    .progressBar__number b, .progressBar__number strong {
        font-weight: 700
    }

    .progressBar__number em {
        font-style: italic
    }

    .progressBar__number:after {
        content: "%"
    }

.progressBar__description {
    color: var(--neu-10);
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: .688rem;
    line-height: 1.455em;
    letter-spacing: .005em;
    font-weight: 400;
    display: flex;
    gap: 8px;
    align-items: center
}

    .progressBar__description .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .progressBar__description .link a:hover {
            color: var(--m-01)
        }

    .progressBar__description mark, .progressBar__description mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .progressBar__description mark[data-color=gray] {
            color: var(--neu-07)
        }

        .progressBar__description mark[data-color=default] {
            color: var(--neu-10)
        }

    .progressBar__description span.m-01--dark-01, .progressBar__description span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .progressBar__description span.neu-07, .progressBar__description span[data-color=gray] {
        color: var(--neu-07)
    }

    .progressBar__description span.neu-10, .progressBar__description span[data-color=default] {
        color: var(--neu-10)
    }

    .progressBar__description b, .progressBar__description strong {
        font-weight: 700
    }

    .progressBar__description em {
        font-style: italic
    }

    .progressBar__description i {
        min-width: 16px;
        width: 16px;
        height: 16px;
        font-size: 16px
    }

        .progressBar__description i:before {
            font-size: 16px;
            font-weight: 400
        }

.progressBar[data-value="100"] .progressBar__bar {
    background: var(--add-03--dark-01)
}

.progressBar[data-value="100"] .progressBar__number {
    color: var(--add-03--dark-01)
}

.progressBar[data-sticky=off] {
    position: relative;
    top: unset
}

    .progressBar[data-sticky=off] .progressBar__title {
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-stretch: normal;
        letter-spacing: normal;
        font-family: Inter,sans-serif;
        font-size: .813rem;
        line-height: 1.538em;
        letter-spacing: -.003em;
        font-weight: 700;
        opacity: 1;
        visibility: visible;
        height: auto;
        text-align: left
    }

        .progressBar[data-sticky=off] .progressBar__title .link a {
            transition: all .1s ease;
            text-decoration: underline;
            color: var(--m-01--dark-01)
        }

            .progressBar[data-sticky=off] .progressBar__title .link a:hover {
                color: var(--m-01)
            }

        .progressBar[data-sticky=off] .progressBar__title mark, .progressBar[data-sticky=off] .progressBar__title mark[data-color=color] {
            color: var(--m-01--dark-01)
        }

            .progressBar[data-sticky=off] .progressBar__title mark[data-color=gray] {
                color: var(--neu-07)
            }

            .progressBar[data-sticky=off] .progressBar__title mark[data-color=default] {
                color: var(--neu-10)
            }

        .progressBar[data-sticky=off] .progressBar__title span.m-01--dark-01, .progressBar[data-sticky=off] .progressBar__title span[data-color=color] {
            color: var(--m-01--dark-01)
        }

        .progressBar[data-sticky=off] .progressBar__title span.neu-07, .progressBar[data-sticky=off] .progressBar__title span[data-color=gray] {
            color: var(--neu-07)
        }

        .progressBar[data-sticky=off] .progressBar__title span.neu-10, .progressBar[data-sticky=off] .progressBar__title span[data-color=default] {
            color: var(--neu-10)
        }

        .progressBar[data-sticky=off] .progressBar__title b, .progressBar[data-sticky=off] .progressBar__title strong {
            font-weight: 700
        }

        .progressBar[data-sticky=off] .progressBar__title em {
            font-style: italic
        }

.readingImageCard, .readingImageCard--small {
    box-shadow: 0 0 1px rgba(26,24,23,.05),0 16px 24px rgba(26,24,23,.05);
    transition: all .15s ease-in-out;
    border-radius: 2px;
    transform: translateY(0);
    background: var(--neu-01);
    margin: 0 auto;
    width: 100%;
    min-height: 366px;
    display: flex;
    flex-direction: column;
    cursor: pointer
}

    .readingImageCard--small:hover, .readingImageCard:hover {
        box-shadow: 0 0 1px rgba(26,24,23,.05),0 2px 4px rgba(26,24,23,.1);
        transform: translateY(3px)
    }

@media (max-width:768px) {
    .readingImageCard--small:hover, .readingImageCard:hover {
        box-shadow: 0 0 1px rgba(26,24,23,.05),0 16px 24px rgba(26,24,23,.05);
        transform: none
    }
}

.readingImageCard__image {
    height: 124px;
    overflow: hidden;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px
}

    .readingImageCard__image img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }

.readingImageCard__content {
    color: var(--neu-10);
    padding: 24px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1
}

.readingImageCard__text {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 600px;
    padding-right: 24px
}

.readingImageCard__textLabel {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: .688rem;
    line-height: 1.455em;
    letter-spacing: .005em;
    font-weight: 400;
    color: var(--m-01--dark-01)
}

    .readingImageCard__textLabel .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .readingImageCard__textLabel .link a:hover {
            color: var(--m-01)
        }

    .readingImageCard__textLabel mark, .readingImageCard__textLabel mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .readingImageCard__textLabel mark[data-color=gray] {
            color: var(--neu-07)
        }

        .readingImageCard__textLabel mark[data-color=default] {
            color: var(--neu-10)
        }

    .readingImageCard__textLabel span.m-01--dark-01, .readingImageCard__textLabel span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .readingImageCard__textLabel span.neu-07, .readingImageCard__textLabel span[data-color=gray] {
        color: var(--neu-07)
    }

    .readingImageCard__textLabel span.neu-10, .readingImageCard__textLabel span[data-color=default] {
        color: var(--neu-10)
    }

    .readingImageCard__textLabel b, .readingImageCard__textLabel strong {
        font-weight: 700
    }

    .readingImageCard__textLabel em {
        font-style: italic
    }

.readingImageCard__title {
    /*! autoprefixer: off */ -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -moz-line-clamp: 4;
    -ms-line-clamp: 4;
    line-clamp: 4;
    overflow: hidden;
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1.188rem;
    line-height: 1.263em;
    letter-spacing: -.016em;
    font-weight: 700;
    margin-top: 8px
}

    .readingImageCard__title .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .readingImageCard__title .link a:hover {
            color: var(--m-01)
        }

    .readingImageCard__title mark, .readingImageCard__title mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .readingImageCard__title mark[data-color=gray] {
            color: var(--neu-07)
        }

        .readingImageCard__title mark[data-color=default] {
            color: var(--neu-10)
        }

    .readingImageCard__title span.m-01--dark-01, .readingImageCard__title span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .readingImageCard__title span.neu-07, .readingImageCard__title span[data-color=gray] {
        color: var(--neu-07)
    }

    .readingImageCard__title span.neu-10, .readingImageCard__title span[data-color=default] {
        color: var(--neu-10)
    }

    .readingImageCard__title b, .readingImageCard__title strong {
        font-weight: 700
    }

    .readingImageCard__title em {
        font-style: italic
    }

.readingImageCard__infoText {
    display: flex;
    flex-wrap: wrap;
    margin-top: 8px;
    gap: 8px 24px
}

.readingImageCard__infoItem {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: .688rem;
    line-height: 1.455em;
    letter-spacing: .005em;
    font-weight: 400;
    display: flex;
    align-items: center
}

    .readingImageCard__infoItem .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .readingImageCard__infoItem .link a:hover {
            color: var(--m-01)
        }

    .readingImageCard__infoItem mark, .readingImageCard__infoItem mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .readingImageCard__infoItem mark[data-color=gray] {
            color: var(--neu-07)
        }

        .readingImageCard__infoItem mark[data-color=default] {
            color: var(--neu-10)
        }

    .readingImageCard__infoItem span.m-01--dark-01, .readingImageCard__infoItem span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .readingImageCard__infoItem span.neu-07, .readingImageCard__infoItem span[data-color=gray] {
        color: var(--neu-07)
    }

    .readingImageCard__infoItem span.neu-10, .readingImageCard__infoItem span[data-color=default] {
        color: var(--neu-10)
    }

    .readingImageCard__infoItem b, .readingImageCard__infoItem strong {
        font-weight: 700
    }

    .readingImageCard__infoItem em {
        font-style: italic
    }

    .readingImageCard__infoItem i {
        min-width: 16px;
        width: 16px;
        height: 16px;
        font-size: 16px;
        margin-right: 8px;
        color: var(--neu-10)
    }

        .readingImageCard__infoItem i:before {
            font-size: 16px;
            font-weight: 400
        }

.readingImageCard__bottomLinks {
    display: grid;
    width: 100%;
    grid-template-columns: 1fr 1fr;
    margin-top: 16px;
    gap: 8px
}

@media (max-width:512px) {
    .readingImageCard__bottomLinks {
        grid-template-columns: 1fr;
        grid-template-rows: 1fr
    }
}

.readingImageCard__btnContainer {
    grid-column: 2;
    justify-self: flex-end
}

@media (max-width:512px) {
    .readingImageCard__btnContainer {
        grid-column: 1
    }
}

.readingImageCard--small .btnBookmark, .readingImageCard--small .btnBookmark--privateArea, .readingImageCard--small .btnBookmark--small, .readingImageCard--small .btnBookmark.selected.btnBookmark--small, .readingImageCard .btnBookmark, .readingImageCard .btnBookmark--privateArea, .readingImageCard .btnBookmark--small, .readingImageCard .btnBookmark.selected.btnBookmark--small {
    position: absolute;
    right: 4px;
    top: 8px
}

.readingImageCard--small .btnBookmark--privateArea, .readingImageCard .btnBookmark--privateArea {
    position: absolute;
    z-index: 3
}

    .readingImageCard--small .btnBookmark--privateArea .btnBookmark, .readingImageCard--small .btnBookmark--privateArea .btnBookmark--small, .readingImageCard .btnBookmark--privateArea .btnBookmark, .readingImageCard .btnBookmark--privateArea .btnBookmark--small {
        right: 0;
        top: 0
    }

.readingImageCard--small {
    max-width: 960px;
    background: transparent;
    box-shadow: none;
    border-bottom: 1px solid var(--neu-03);
    min-height: auto;
    flex-direction: row;
    padding: 8px 0 16px;
    border-radius: 0
}

    .readingImageCard--small .readingImageCard__image {
        height: auto;
        max-width: 110px;
        flex: 1;
        border-radius: 0
    }

    .readingImageCard--small .readingImageCard__content {
        padding: 0 0 0 16px;
        flex: 2;
        justify-content: flex-start
    }

    .readingImageCard--small .readingImageCard__text {
        padding: 0;
        padding-right: 24px
    }

    .readingImageCard--small .readingImageCard__title {
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-stretch: normal;
        letter-spacing: normal;
        font-family: Inter,sans-serif;
        font-size: 1rem;
        line-height: 1.5em;
        letter-spacing: -.011em;
        font-weight: 700;
        margin-top: 4px
    }

        .readingImageCard--small .readingImageCard__title .link a {
            transition: all .1s ease;
            text-decoration: underline;
            color: var(--m-01--dark-01)
        }

            .readingImageCard--small .readingImageCard__title .link a:hover {
                color: var(--m-01)
            }

        .readingImageCard--small .readingImageCard__title mark, .readingImageCard--small .readingImageCard__title mark[data-color=color] {
            color: var(--m-01--dark-01)
        }

            .readingImageCard--small .readingImageCard__title mark[data-color=gray] {
                color: var(--neu-07)
            }

            .readingImageCard--small .readingImageCard__title mark[data-color=default] {
                color: var(--neu-10)
            }

        .readingImageCard--small .readingImageCard__title span.m-01--dark-01, .readingImageCard--small .readingImageCard__title span[data-color=color] {
            color: var(--m-01--dark-01)
        }

        .readingImageCard--small .readingImageCard__title span.neu-07, .readingImageCard--small .readingImageCard__title span[data-color=gray] {
            color: var(--neu-07)
        }

        .readingImageCard--small .readingImageCard__title span.neu-10, .readingImageCard--small .readingImageCard__title span[data-color=default] {
            color: var(--neu-10)
        }

        .readingImageCard--small .readingImageCard__title b, .readingImageCard--small .readingImageCard__title strong {
            font-weight: 700
        }

        .readingImageCard--small .readingImageCard__title em {
            font-style: italic
        }

    .readingImageCard--small .readingImageCard__infoItem i {
        display: none
    }

    .readingImageCard--small .btnBookmark, .readingImageCard--small .btnBookmark--privateArea, .readingImageCard--small .btnBookmark--small, .readingImageCard--small .btnBookmark.selected.btnBookmark--small {
        top: -8px;
        right: -16px;
        z-index: 2
    }

        .readingImageCard--small .btnBookmark--privateArea .btnBookmark, .readingImageCard--small .btnBookmark--privateArea .btnBookmark--small {
            top: 0;
            right: 0
        }

    .readingImageCard--small:hover {
        box-shadow: none;
        transform: none
    }

.readingTextCard, .readingTextCard--small {
    box-shadow: 0 0 1px rgba(26,24,23,.05),0 16px 24px rgba(26,24,23,.05);
    transition: all .15s ease-in-out;
    border-radius: 2px;
    transform: translateY(0);
    background: var(--neu-01);
    margin: 0 auto;
    width: 100%;
    min-height: 366px;
    display: flex;
    flex-direction: column;
    padding: 32px 24px 24px
}

    .readingTextCard--small:hover, .readingTextCard:hover {
        box-shadow: 0 0 1px rgba(26,24,23,.05),0 2px 4px rgba(26,24,23,.1);
        transform: translateY(3px)
    }

@media (max-width:768px) {
    .readingTextCard--small:hover, .readingTextCard:hover {
        box-shadow: 0 0 1px rgba(26,24,23,.05),0 16px 24px rgba(26,24,23,.05);
        transform: none
    }
}

.readingTextCard__content {
    color: var(--neu-10);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1
}

.readingTextCard__text {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 600px
}

.readingTextCard__textLabel {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: .688rem;
    line-height: 1.455em;
    letter-spacing: .005em;
    font-weight: 400;
    color: var(--m-01--dark-01)
}

    .readingTextCard__textLabel .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .readingTextCard__textLabel .link a:hover {
            color: var(--m-01)
        }

    .readingTextCard__textLabel mark, .readingTextCard__textLabel mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .readingTextCard__textLabel mark[data-color=gray] {
            color: var(--neu-07)
        }

        .readingTextCard__textLabel mark[data-color=default] {
            color: var(--neu-10)
        }

    .readingTextCard__textLabel span.m-01--dark-01, .readingTextCard__textLabel span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .readingTextCard__textLabel span.neu-07, .readingTextCard__textLabel span[data-color=gray] {
        color: var(--neu-07)
    }

    .readingTextCard__textLabel span.neu-10, .readingTextCard__textLabel span[data-color=default] {
        color: var(--neu-10)
    }

    .readingTextCard__textLabel b, .readingTextCard__textLabel strong {
        font-weight: 700
    }

    .readingTextCard__textLabel em {
        font-style: italic
    }

.readingTextCard__title {
    /*! autoprefixer: off */ -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -moz-line-clamp: 4;
    -ms-line-clamp: 4;
    line-clamp: 4;
    overflow: hidden;
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1.188rem;
    line-height: 1.263em;
    letter-spacing: -.016em;
    font-weight: 700;
    margin-top: 8px
}

    .readingTextCard__title .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .readingTextCard__title .link a:hover {
            color: var(--m-01)
        }

    .readingTextCard__title mark, .readingTextCard__title mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .readingTextCard__title mark[data-color=gray] {
            color: var(--neu-07)
        }

        .readingTextCard__title mark[data-color=default] {
            color: var(--neu-10)
        }

    .readingTextCard__title span.m-01--dark-01, .readingTextCard__title span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .readingTextCard__title span.neu-07, .readingTextCard__title span[data-color=gray] {
        color: var(--neu-07)
    }

    .readingTextCard__title span.neu-10, .readingTextCard__title span[data-color=default] {
        color: var(--neu-10)
    }

    .readingTextCard__title b, .readingTextCard__title strong {
        font-weight: 700
    }

    .readingTextCard__title em {
        font-style: italic
    }

.readingTextCard__infoText {
    display: flex;
    flex-wrap: wrap;
    margin-top: 8px;
    gap: 8px 24px
}

.readingTextCard__infoItem {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: .688rem;
    line-height: 1.455em;
    letter-spacing: .005em;
    font-weight: 400;
    display: flex;
    align-items: center
}

    .readingTextCard__infoItem .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .readingTextCard__infoItem .link a:hover {
            color: var(--m-01)
        }

    .readingTextCard__infoItem mark, .readingTextCard__infoItem mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .readingTextCard__infoItem mark[data-color=gray] {
            color: var(--neu-07)
        }

        .readingTextCard__infoItem mark[data-color=default] {
            color: var(--neu-10)
        }

    .readingTextCard__infoItem span.m-01--dark-01, .readingTextCard__infoItem span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .readingTextCard__infoItem span.neu-07, .readingTextCard__infoItem span[data-color=gray] {
        color: var(--neu-07)
    }

    .readingTextCard__infoItem span.neu-10, .readingTextCard__infoItem span[data-color=default] {
        color: var(--neu-10)
    }

    .readingTextCard__infoItem b, .readingTextCard__infoItem strong {
        font-weight: 700
    }

    .readingTextCard__infoItem em {
        font-style: italic
    }

    .readingTextCard__infoItem i {
        min-width: 16px;
        width: 16px;
        height: 16px;
        font-size: 16px;
        margin-right: 8px;
        color: var(--neu-10)
    }

        .readingTextCard__infoItem i:before {
            font-size: 16px;
            font-weight: 400
        }

.readingTextCard__description {
    /*! autoprefixer: off */ -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -moz-line-clamp: 4;
    -ms-line-clamp: 4;
    line-clamp: 4;
    overflow: hidden;
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: .813rem;
    line-height: 1.538em;
    letter-spacing: -.003em;
    font-weight: 400;
    margin-top: 24px
}

    .readingTextCard__description .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .readingTextCard__description .link a:hover {
            color: var(--m-01)
        }

    .readingTextCard__description mark, .readingTextCard__description mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .readingTextCard__description mark[data-color=gray] {
            color: var(--neu-07)
        }

        .readingTextCard__description mark[data-color=default] {
            color: var(--neu-10)
        }

    .readingTextCard__description span.m-01--dark-01, .readingTextCard__description span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .readingTextCard__description span.neu-07, .readingTextCard__description span[data-color=gray] {
        color: var(--neu-07)
    }

    .readingTextCard__description span.neu-10, .readingTextCard__description span[data-color=default] {
        color: var(--neu-10)
    }

    .readingTextCard__description b, .readingTextCard__description strong {
        font-weight: 700
    }

    .readingTextCard__description em {
        font-style: italic
    }

.readingTextCard__bottomLinks {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 16px;
    gap: 8px
}

@media (max-width:512px) {
    .readingTextCard__bottomLinks {
        gap: 4px
    }
}

@media (max-width:512px) {
    .readingTextCard__labels {
        align-items: flex-start
    }
}

.readingTextCard__btnContainer {
    grid-column: 2;
    justify-self: flex-end;
    margin-left: auto
}

@media (max-width:512px) {
    .readingTextCard__btnContainer {
        grid-column: 1
    }
}

.readingTextCard--small {
    max-width: 960px;
    background: transparent;
    box-shadow: none;
    border-bottom: 1px solid var(--neu-03);
    min-height: auto;
    flex-direction: row;
    padding: 8px 0 16px;
    border-radius: 0
}

    .readingTextCard--small .readingTextCard__content {
        flex: 2
    }

    .readingTextCard--small .readingTextCard__text {
        padding: 0
    }

    .readingTextCard--small .readingTextCard__title {
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-stretch: normal;
        letter-spacing: normal;
        font-family: Inter,sans-serif;
        font-size: 1rem;
        line-height: 1.5em;
        letter-spacing: -.011em;
        font-weight: 700;
        margin-top: 4px
    }

        .readingTextCard--small .readingTextCard__title .link a {
            transition: all .1s ease;
            text-decoration: underline;
            color: var(--m-01--dark-01)
        }

            .readingTextCard--small .readingTextCard__title .link a:hover {
                color: var(--m-01)
            }

        .readingTextCard--small .readingTextCard__title mark, .readingTextCard--small .readingTextCard__title mark[data-color=color] {
            color: var(--m-01--dark-01)
        }

            .readingTextCard--small .readingTextCard__title mark[data-color=gray] {
                color: var(--neu-07)
            }

            .readingTextCard--small .readingTextCard__title mark[data-color=default] {
                color: var(--neu-10)
            }

        .readingTextCard--small .readingTextCard__title span.m-01--dark-01, .readingTextCard--small .readingTextCard__title span[data-color=color] {
            color: var(--m-01--dark-01)
        }

        .readingTextCard--small .readingTextCard__title span.neu-07, .readingTextCard--small .readingTextCard__title span[data-color=gray] {
            color: var(--neu-07)
        }

        .readingTextCard--small .readingTextCard__title span.neu-10, .readingTextCard--small .readingTextCard__title span[data-color=default] {
            color: var(--neu-10)
        }

        .readingTextCard--small .readingTextCard__title b, .readingTextCard--small .readingTextCard__title strong {
            font-weight: 700
        }

        .readingTextCard--small .readingTextCard__title em {
            font-style: italic
        }

    .readingTextCard--small .readingTextCard__description, .readingTextCard--small .readingTextCard__infoItem i {
        display: none
    }

    .readingTextCard--small:hover {
        box-shadow: none;
        transform: none
    }

.regionCard, .regionCard--small {
    box-shadow: 0 0 1px rgba(26,24,23,.05),0 16px 24px rgba(26,24,23,.05);
    transition: all .15s ease-in-out;
    background: var(--neu-01);
    border-radius: 2px;
    transform: translateY(0);
    transition: all .25s cubic-bezier(.38,.01,.23,.99);
    background: var(--neu-10);
    margin: 0 auto;
    width: 100%;
    min-height: 320px;
    display: flex;
    flex-direction: column;
    overflow: hidden
}

    .regionCard--small:hover, .regionCard:hover {
        box-shadow: 0 0 1px rgba(26,24,23,.05),0 2px 4px rgba(26,24,23,.1);
        transform: translateY(3px)
    }

@media (max-width:768px) {
    .regionCard--small:hover, .regionCard:hover {
        box-shadow: 0 0 1px rgba(26,24,23,.05),0 16px 24px rgba(26,24,23,.05);
        transform: none
    }
}

.regionCard--small .cardBg, .regionCard .cardBg {
    position: relative;
    transition: all .25s cubic-bezier(.38,.01,.23,.99);
    position: absolute !important;
    width: 100%;
    height: 100%
}

    .regionCard--small .cardBg:before, .regionCard .cardBg:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background: var(--neu-10);
        opacity: .6;
        z-index: 1
    }

    .regionCard--small .cardBg:after, .regionCard--small .cardBg:before, .regionCard .cardBg:after, .regionCard .cardBg:before {
        transition: all .15s ease-in-out
    }

.regionCard--small:hover, .regionCard:hover {
    transform: scale(.95)
}

@media (max-width:768px) {
    .regionCard--small:hover, .regionCard:hover {
        transform: none
    }
}

.regionCard--small:hover .cardBg, .regionCard:hover .cardBg {
    position: relative;
    transform: scale(1.2)
}

    .regionCard--small:hover .cardBg:before, .regionCard:hover .cardBg:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background: var(--neu-10);
        opacity: .7;
        z-index: 1
    }

@media (max-width:768px) {
    .regionCard--small:hover .cardBg, .regionCard:hover .cardBg {
        position: relative;
        transform: none
    }

        .regionCard--small:hover .cardBg:before, .regionCard:hover .cardBg:before {
            content: "";
            position: absolute;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            background: var(--neu-10);
            opacity: .6;
            z-index: 1
        }
}

.regionCard__image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.regionCard__map {
    position: absolute;
    z-index: 1;
    right: 8px;
    bottom: 8px;
    width: 112px;
    height: 164px
}

    .regionCard__map img {
        height: 100%;
    }

.regionCard__content {
    color: var(--neu-01);
    padding: 32px 24px 24px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1;
    z-index: 2
}

.regionCard__text {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 600px
}

.regionCard__labels {
    display: flex
}

.regionCard__title {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Calma Global Medium,sans-serif;
    font-size: 2.5rem;
    line-height: 1.2em;
    letter-spacing: -.025em;
    margin-top: 8px
}

    .regionCard__title .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .regionCard__title .link a:hover {
            color: var(--m-01)
        }

    .regionCard__title mark, .regionCard__title mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .regionCard__title mark[data-color=gray] {
            color: var(--neu-07)
        }

        .regionCard__title mark[data-color=default] {
            color: var(--neu-10)
        }

    .regionCard__title span.m-01--dark-01, .regionCard__title span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .regionCard__title span.neu-07, .regionCard__title span[data-color=gray] {
        color: var(--neu-07)
    }

    .regionCard__title span.neu-10, .regionCard__title span[data-color=default] {
        color: var(--neu-10)
    }

    .regionCard__title b, .regionCard__title strong {
        font-weight: 700
    }

    .regionCard__title em {
        font-style: italic
    }

@media (max-width:1024px) {
    .regionCard__title {
        font-size: 2rem;
        line-height: 1.25em;
        letter-spacing: -.016em
    }
}

.regionCard__description {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: .688rem;
    line-height: 1.455em;
    letter-spacing: .005em;
    font-weight: 400;
    margin-top: 4px
}

    .regionCard__description .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .regionCard__description .link a:hover {
            color: var(--m-01)
        }

    .regionCard__description mark, .regionCard__description mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .regionCard__description mark[data-color=gray] {
            color: var(--neu-07)
        }

        .regionCard__description mark[data-color=default] {
            color: var(--neu-10)
        }

    .regionCard__description span.m-01--dark-01, .regionCard__description span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .regionCard__description span.neu-07, .regionCard__description span[data-color=gray] {
        color: var(--neu-07)
    }

    .regionCard__description span.neu-10, .regionCard__description span[data-color=default] {
        color: var(--neu-10)
    }

    .regionCard__description b, .regionCard__description strong {
        font-weight: 700
    }

    .regionCard__description em {
        font-style: italic
    }

.regionCard--small {
    max-width: 960px;
    min-height: 270px
}

    .regionCard--small .regionCard__content {
        padding: 24px 16px 16px
    }

    .regionCard--small .regionCard__title {
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-stretch: normal;
        letter-spacing: normal;
        font-family: Calma Global Medium,sans-serif;
        font-size: 2rem;
        line-height: 1.25em;
        letter-spacing: -.016em
    }

        .regionCard--small .regionCard__title .link a {
            transition: all .1s ease;
            text-decoration: underline;
            color: var(--m-01--dark-01)
        }

            .regionCard--small .regionCard__title .link a:hover {
                color: var(--m-01)
            }

        .regionCard--small .regionCard__title mark, .regionCard--small .regionCard__title mark[data-color=color] {
            color: var(--m-01--dark-01)
        }

            .regionCard--small .regionCard__title mark[data-color=gray] {
                color: var(--neu-07)
            }

            .regionCard--small .regionCard__title mark[data-color=default] {
                color: var(--neu-10)
            }

        .regionCard--small .regionCard__title span.m-01--dark-01, .regionCard--small .regionCard__title span[data-color=color] {
            color: var(--m-01--dark-01)
        }

        .regionCard--small .regionCard__title span.neu-07, .regionCard--small .regionCard__title span[data-color=gray] {
            color: var(--neu-07)
        }

        .regionCard--small .regionCard__title span.neu-10, .regionCard--small .regionCard__title span[data-color=default] {
            color: var(--neu-10)
        }

        .regionCard--small .regionCard__title b, .regionCard--small .regionCard__title strong {
            font-weight: 700
        }

        .regionCard--small .regionCard__title em {
            font-style: italic
        }

@media (max-width:1024px) {
    .regionCard--small .regionCard__title {
        font-size: 1.625rem;
        line-height: 1.231em;
        letter-spacing: 0
    }
}

.regionCard__btnContainer .btn, .regionCard__btnContainer .btn--icon, .regionCard__btnContainer .btn--primary, .regionCard__btnContainer .btn--primary--dark, .regionCard__btnContainer .btn--secondary, .regionCard__btnContainer .btn--small, .regionCard__btnContainer .btn--tertiary {
    color: var(--neu-01) !important
}

    .regionCard__btnContainer .btn--icon p:before, .regionCard__btnContainer .btn--primary--dark p:before, .regionCard__btnContainer .btn--primary p:before, .regionCard__btnContainer .btn--secondary p:before, .regionCard__btnContainer .btn--small p:before, .regionCard__btnContainer .btn--tertiary p:before, .regionCard__btnContainer .btn p:before {
        background: var(--neu-01) !important
    }

    .regionCard__btnContainer .btn--icon:hover, .regionCard__btnContainer .btn--primary--dark:hover, .regionCard__btnContainer .btn--primary:hover, .regionCard__btnContainer .btn--secondary:hover, .regionCard__btnContainer .btn--small:hover, .regionCard__btnContainer .btn--tertiary:hover, .regionCard__btnContainer .btn:hover {
        opacity: .7;
        color: var(--neu-01) !important
    }

        .regionCard__btnContainer .btn--icon:hover p:before, .regionCard__btnContainer .btn--primary--dark:hover p:before, .regionCard__btnContainer .btn--primary:hover p:before, .regionCard__btnContainer .btn--secondary:hover p:before, .regionCard__btnContainer .btn--small:hover p:before, .regionCard__btnContainer .btn--tertiary:hover p:before, .regionCard__btnContainer .btn:hover p:before {
            background: var(--neu-01) !important
        }

.regionResultsCard, .regionResultsCard--small {
    margin: 0 auto;
    width: 100%;
    min-height: 200px;
    padding: 24px 0;
    display: flex;
    border-bottom: 1px solid var(--neu-03)
}

.regionResultsCard--hidden {
    display: none
}

.regionResultsCard__image {
    display: flex;
    width: 192px;
    height: auto;
    overflow: hidden;
    margin-right: 32px;
    border-radius: 2px
}

    .regionResultsCard__image img {
        width: 100%;
        height: auto;
        -o-object-fit: cover;
        object-fit: cover
    }

.regionResultsCard__content {
    color: var(--neu-10);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 2
}

.regionResultsCard__topInfo {
    display: flex;
    min-height: 24px;
    flex-wrap: wrap;
    z-index: 2
}

.regionResultsCard__labels {
    flex: 1;
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.regionResultsCard__sideInfo {
    display: flex;
    align-items: center;
    transform: translateX(20px);
    height: 32px;
    gap: 4px
}

.regionResultsCard__ranking {
    display: flex;
    align-items: center;
    gap: 8px
}

    .regionResultsCard__ranking p {
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-stretch: normal;
        letter-spacing: normal;
        font-family: Inter,sans-serif;
        font-size: .688rem;
        line-height: 1.455em;
        letter-spacing: .005em;
        font-weight: 400
    }

        .regionResultsCard__ranking p .link a {
            transition: all .1s ease;
            text-decoration: underline;
            color: var(--m-01--dark-01)
        }

            .regionResultsCard__ranking p .link a:hover {
                color: var(--m-01)
            }

        .regionResultsCard__ranking p mark, .regionResultsCard__ranking p mark[data-color=color] {
            color: var(--m-01--dark-01)
        }

            .regionResultsCard__ranking p mark[data-color=gray] {
                color: var(--neu-07)
            }

            .regionResultsCard__ranking p mark[data-color=default] {
                color: var(--neu-10)
            }

        .regionResultsCard__ranking p span.m-01--dark-01, .regionResultsCard__ranking p span[data-color=color] {
            color: var(--m-01--dark-01)
        }

        .regionResultsCard__ranking p span.neu-07, .regionResultsCard__ranking p span[data-color=gray] {
            color: var(--neu-07)
        }

        .regionResultsCard__ranking p span.neu-10, .regionResultsCard__ranking p span[data-color=default] {
            color: var(--neu-10)
        }

        .regionResultsCard__ranking p b, .regionResultsCard__ranking p strong {
            font-weight: 700
        }

        .regionResultsCard__ranking p em {
            font-style: italic
        }

.regionResultsCard__text {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 600px;
    align-items: flex-start
}

.regionResultsCard__title {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Calma Global Medium,sans-serif;
    font-size: 2rem;
    line-height: 1.25em;
    letter-spacing: -.016em
}

    .regionResultsCard__title .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .regionResultsCard__title .link a:hover {
            color: var(--m-01)
        }

    .regionResultsCard__title mark, .regionResultsCard__title mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .regionResultsCard__title mark[data-color=gray] {
            color: var(--neu-07)
        }

        .regionResultsCard__title mark[data-color=default] {
            color: var(--neu-10)
        }

    .regionResultsCard__title span.m-01--dark-01, .regionResultsCard__title span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .regionResultsCard__title span.neu-07, .regionResultsCard__title span[data-color=gray] {
        color: var(--neu-07)
    }

    .regionResultsCard__title span.neu-10, .regionResultsCard__title span[data-color=default] {
        color: var(--neu-10)
    }

    .regionResultsCard__title b, .regionResultsCard__title strong {
        font-weight: 700
    }

    .regionResultsCard__title em {
        font-style: italic
    }

@media (max-width:1024px) {
    .regionResultsCard__title {
        font-size: 1.625rem;
        line-height: 1.231em;
        letter-spacing: 0
    }
}

.regionResultsCard__description {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: .813rem;
    line-height: 1.538em;
    letter-spacing: -.003em;
    font-weight: 400;
    margin-bottom: 16px
}

    .regionResultsCard__description .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .regionResultsCard__description .link a:hover {
            color: var(--m-01)
        }

    .regionResultsCard__description mark, .regionResultsCard__description mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .regionResultsCard__description mark[data-color=gray] {
            color: var(--neu-07)
        }

        .regionResultsCard__description mark[data-color=default] {
            color: var(--neu-10)
        }

    .regionResultsCard__description span.m-01--dark-01, .regionResultsCard__description span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .regionResultsCard__description span.neu-07, .regionResultsCard__description span[data-color=gray] {
        color: var(--neu-07)
    }

    .regionResultsCard__description span.neu-10, .regionResultsCard__description span[data-color=default] {
        color: var(--neu-10)
    }

    .regionResultsCard__description b, .regionResultsCard__description strong {
        font-weight: 700
    }

    .regionResultsCard__description em {
        font-style: italic
    }

.regionResultsCard__bottomInfo {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 16px;
    gap: 24px
}

.regionResultsCard__spotInfo {
    display: flex;
    flex-wrap: wrap;
    flex: 1;
    gap: 4px 8px;
    max-width: 394px
}

.regionResultsCard__indicator {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: .688rem;
    line-height: 1.455em;
    letter-spacing: .005em;
    font-weight: 400;
    display: flex;
    align-items: center;
    gap: 8px
}

    .regionResultsCard__indicator .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .regionResultsCard__indicator .link a:hover {
            color: var(--m-01)
        }

    .regionResultsCard__indicator mark, .regionResultsCard__indicator mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .regionResultsCard__indicator mark[data-color=gray] {
            color: var(--neu-07)
        }

        .regionResultsCard__indicator mark[data-color=default] {
            color: var(--neu-10)
        }

    .regionResultsCard__indicator span.m-01--dark-01, .regionResultsCard__indicator span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .regionResultsCard__indicator span.neu-07, .regionResultsCard__indicator span[data-color=gray] {
        color: var(--neu-07)
    }

    .regionResultsCard__indicator span.neu-10, .regionResultsCard__indicator span[data-color=default] {
        color: var(--neu-10)
    }

    .regionResultsCard__indicator b, .regionResultsCard__indicator strong {
        font-weight: 700
    }

    .regionResultsCard__indicator em {
        font-style: italic
    }

    .regionResultsCard__indicator:not(:last-child):after {
        content: "/"
    }

.regionResultsCard--small {
    max-width: 960px;
    min-height: auto;
    padding: 0 0 24px;
    border-radius: 0;
    flex-direction: column
}

    .regionResultsCard--small .regionResultsCard__image {
        height: 100px;
        width: 100%;
        margin-right: 0;
        margin-bottom: 16px
    }

    .regionResultsCard--small .regionResultsCard__title {
        margin-top: 4px
    }

    .regionResultsCard--small .regionResultsCard__content {
        flex: 2;
        justify-content: flex-start
    }

    .regionResultsCard--small .regionResultsCard__topInfo {
        flex-direction: column
    }

    .regionResultsCard--small .regionResultsCard__sideInfo {
        order: 1;
        transform: none;
        justify-content: space-between;
        margin-bottom: 16px
    }

    .regionResultsCard--small .regionResultsCard__labels {
        order: 2
    }

    .regionResultsCard--small .regionResultsCard__text {
        padding: 0
    }

    .regionResultsCard--small .regionResultsCard__bottomInfo {
        margin-top: 8px;
        flex-direction: column;
        align-items: flex-start
    }

    .regionResultsCard--small .regionResultsCard__btnContainer {
        width: 100%;
        display: flex
    }

        .regionResultsCard--small .regionResultsCard__btnContainer .btn--primary {
            width: 100%
        }

    .regionResultsCard--small .btnBookmark, .regionResultsCard--small .btnBookmark--privateArea, .regionResultsCard--small .btnBookmark--small, .regionResultsCard--small .btnBookmark.selected.btnBookmark--small {
        transform: translateX(20px)
    }

        .regionResultsCard--small .btnBookmark--privateArea .btnBookmark, .regionResultsCard--small .btnBookmark--privateArea .btnBookmark--small {
            transform: translateX(0)
        }

    .regionResultsCard--small:hover {
        box-shadow: none;
        transform: none
    }

.replyCard, .replyCard--small {
    margin: 0 auto;
    width: 100%;
    display: flex;
    flex-direction: column;
    cursor: pointer;
    max-width: unset
}

    .replyCard--small:before, .replyCard:before {
        transition: all .15s ease-in-out;
        content: "";
        width: 0;
        height: 100%;
        left: 0;
        top: 0;
        position: absolute;
        background-color: var(--m-01--dark-01);
        opacity: 0
    }

    .replyCard--small:after, .replyCard:after {
        content: "";
        width: 100%;
        height: 1px;
        left: 0;
        bottom: 0;
        position: absolute;
        background-color: var(--neu-03)
    }

    .replyCard--small[data-new=true] .replyCard__message, .replyCard--small[data-new=true] .replyCard__subject, .replyCard[data-new=true] .replyCard__message, .replyCard[data-new=true] .replyCard__subject {
        font-weight: 700 !important
    }

    .replyCard--small[data-bg=neu-09]:after, .replyCard[data-bg=neu-09]:after {
        background-color: var(--neu-08)
    }

    .replyCard--small[data-bg=neu-09] .replyCard__thumb, .replyCard[data-bg=neu-09] .replyCard__thumb {
        box-shadow: none
    }

    .replyCard--small[data-bg=neu-09] .replyCard__sideInfo, .replyCard[data-bg=neu-09] .replyCard__sideInfo {
        color: var(--neu-05);
        opacity: 1
    }

    .replyCard--small[data-bg=neu-09] .replyCard__name, .replyCard--small[data-bg=neu-09] .replyCard__text, .replyCard[data-bg=neu-09] .replyCard__name, .replyCard[data-bg=neu-09] .replyCard__text {
        color: var(--neu-01)
    }

    .replyCard--small[data-bg=neu-09] .replyCard__info, .replyCard[data-bg=neu-09] .replyCard__info {
        color: var(--m-01)
    }

    .replyCard--small:hover:before, .replyCard:hover:before {
        width: 6px;
        opacity: 1;
        background-color: var(--m-01)
    }

@media (max-width:1024px) {
    .replyCard--small:hover:before, .replyCard:hover:before {
        width: 0
    }
}

.replyCard--small:hover:not([data-bg=neu-09]) .replyCard__name, .replyCard--small:hover:not([data-bg=neu-09]) .replyCard__text, .replyCard:hover:not([data-bg=neu-09]) .replyCard__name, .replyCard:hover:not([data-bg=neu-09]) .replyCard__text {
    color: var(--neu-10)
}

@media (max-width:1024px) {
    .replyCard--small:hover:not([data-bg=neu-09]) .replyCard__name, .replyCard--small:hover:not([data-bg=neu-09]) .replyCard__text, .replyCard:hover:not([data-bg=neu-09]) .replyCard__name, .replyCard:hover:not([data-bg=neu-09]) .replyCard__text {
        color: var(--neu-08)
    }
}

.replyCard--selected {
    background-color: var(--neu-02)
}

    .replyCard--selected:before, .replyCard--selected:hover:before {
        opacity: 1;
        width: 6px
    }

@media (max-width:1024px) {
    .replyCard--selected:before, .replyCard--selected:hover:before {
        background-color: var(--m-01--dark-01)
    }
}

.replyCard__content {
    padding: 32px 8.5%;
    display: grid;
    gap: 16px;
    align-items: center;
    grid-template-columns: auto 1fr auto;
    grid-template-rows: auto 1fr
}

@media (max-width:1024px) {
    .replyCard__content {
        padding: 32px 0
    }
}

@media (max-width:768px) {
    .replyCard__content {
        padding: 24px 0;
        grid-template-rows: auto 1fr auto
    }
}

.replyCard__sideInfo {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: .688rem;
    line-height: 1.455em;
    letter-spacing: .005em;
    font-weight: 400;
    grid-row: 1;
    grid-column: 3;
    color: var(--neu-10);
    opacity: .6;
    justify-self: flex-end;
    display: flex;
    align-items: center;
    gap: 4px
}

    .replyCard__sideInfo .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .replyCard__sideInfo .link a:hover {
            color: var(--m-01)
        }

    .replyCard__sideInfo mark, .replyCard__sideInfo mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .replyCard__sideInfo mark[data-color=gray] {
            color: var(--neu-07)
        }

        .replyCard__sideInfo mark[data-color=default] {
            color: var(--neu-10)
        }

    .replyCard__sideInfo span.m-01--dark-01, .replyCard__sideInfo span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .replyCard__sideInfo span.neu-07, .replyCard__sideInfo span[data-color=gray] {
        color: var(--neu-07)
    }

    .replyCard__sideInfo span.neu-10, .replyCard__sideInfo span[data-color=default] {
        color: var(--neu-10)
    }

    .replyCard__sideInfo b, .replyCard__sideInfo strong {
        font-weight: 700
    }

    .replyCard__sideInfo em {
        font-style: italic
    }

    .replyCard__sideInfo i {
        min-width: 16px;
        width: 16px;
        height: 16px;
        font-size: 16px
    }

        .replyCard__sideInfo i:before {
            font-size: 16px;
            font-weight: 400
        }

.replyCard__thumb {
    grid-row: 1;
    grid-column: 1
}

.replyCard__name {
    /*! autoprefixer: off */ -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -moz-line-clamp: 1;
    -ms-line-clamp: 1;
    line-clamp: 1;
    overflow: hidden;
    transition: all .1s ease;
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: .813rem;
    line-height: 1.538em;
    letter-spacing: -.003em;
    font-weight: 400;
    grid-row: 1;
    grid-column: 2;
    color: var(--neu-08)
}

    .replyCard__name .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .replyCard__name .link a:hover {
            color: var(--m-01)
        }

    .replyCard__name mark, .replyCard__name mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .replyCard__name mark[data-color=gray] {
            color: var(--neu-07)
        }

        .replyCard__name mark[data-color=default] {
            color: var(--neu-10)
        }

    .replyCard__name span.m-01--dark-01, .replyCard__name span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .replyCard__name span.neu-07, .replyCard__name span[data-color=gray] {
        color: var(--neu-07)
    }

    .replyCard__name span.neu-10, .replyCard__name span[data-color=default] {
        color: var(--neu-10)
    }

    .replyCard__name b, .replyCard__name strong {
        font-weight: 700
    }

    .replyCard__name em {
        font-style: italic
    }

.replyCard__text {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 752px;
    grid-row: 2;
    grid-column: 1/3;
    color: var(--neu-08)
}

.replyCard__message, .replyCard__subject {
    transition: all .1s ease;
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1.188rem;
    line-height: 1.263em;
    letter-spacing: -.016em;
    font-weight: 400;
    /*! autoprefixer: off */ -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -moz-line-clamp: 1;
    -ms-line-clamp: 1;
    line-clamp: 1;
    overflow: hidden
}

    .replyCard__message .link a, .replyCard__subject .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .replyCard__message .link a:hover, .replyCard__subject .link a:hover {
            color: var(--m-01)
        }

    .replyCard__message mark, .replyCard__message mark[data-color=color], .replyCard__subject mark, .replyCard__subject mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .replyCard__message mark[data-color=gray], .replyCard__subject mark[data-color=gray] {
            color: var(--neu-07)
        }

        .replyCard__message mark[data-color=default], .replyCard__subject mark[data-color=default] {
            color: var(--neu-10)
        }

    .replyCard__message span.m-01--dark-01, .replyCard__message span[data-color=color], .replyCard__subject span.m-01--dark-01, .replyCard__subject span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .replyCard__message span.neu-07, .replyCard__message span[data-color=gray], .replyCard__subject span.neu-07, .replyCard__subject span[data-color=gray] {
        color: var(--neu-07)
    }

    .replyCard__message span.neu-10, .replyCard__message span[data-color=default], .replyCard__subject span.neu-10, .replyCard__subject span[data-color=default] {
        color: var(--neu-10)
    }

    .replyCard__message b, .replyCard__message strong, .replyCard__subject b, .replyCard__subject strong {
        font-weight: 700
    }

    .replyCard__message em, .replyCard__subject em {
        font-style: italic
    }

@media (max-width:768px) {
    .replyCard__message, .replyCard__subject {
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-stretch: normal;
        letter-spacing: normal;
        font-family: Inter,sans-serif;
        font-size: 1rem;
        line-height: 1.5em;
        letter-spacing: -.011em;
        font-weight: 400
    }

        .replyCard__message .link a, .replyCard__subject .link a {
            transition: all .1s ease;
            text-decoration: underline;
            color: var(--m-01--dark-01)
        }

            .replyCard__message .link a:hover, .replyCard__subject .link a:hover {
                color: var(--m-01)
            }

        .replyCard__message mark, .replyCard__message mark[data-color=color], .replyCard__subject mark, .replyCard__subject mark[data-color=color] {
            color: var(--m-01--dark-01)
        }

            .replyCard__message mark[data-color=gray], .replyCard__subject mark[data-color=gray] {
                color: var(--neu-07)
            }

            .replyCard__message mark[data-color=default], .replyCard__subject mark[data-color=default] {
                color: var(--neu-10)
            }

        .replyCard__message span.m-01--dark-01, .replyCard__message span[data-color=color], .replyCard__subject span.m-01--dark-01, .replyCard__subject span[data-color=color] {
            color: var(--m-01--dark-01)
        }

        .replyCard__message span.neu-07, .replyCard__message span[data-color=gray], .replyCard__subject span.neu-07, .replyCard__subject span[data-color=gray] {
            color: var(--neu-07)
        }

        .replyCard__message span.neu-10, .replyCard__message span[data-color=default], .replyCard__subject span.neu-10, .replyCard__subject span[data-color=default] {
            color: var(--neu-10)
        }

        .replyCard__message b, .replyCard__message strong, .replyCard__subject b, .replyCard__subject strong {
            font-weight: 700
        }

        .replyCard__message em, .replyCard__subject em {
            font-style: italic
        }
}

.replyCard__info {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1rem;
    line-height: 1.5em;
    letter-spacing: -.011em;
    font-weight: 700;
    color: var(--m-01--dark-02);
    margin-top: 16px
}

    .replyCard__info .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .replyCard__info .link a:hover {
            color: var(--m-01)
        }

    .replyCard__info mark, .replyCard__info mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .replyCard__info mark[data-color=gray] {
            color: var(--neu-07)
        }

        .replyCard__info mark[data-color=default] {
            color: var(--neu-10)
        }

    .replyCard__info span.m-01--dark-01, .replyCard__info span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .replyCard__info span.neu-07, .replyCard__info span[data-color=gray] {
        color: var(--neu-07)
    }

    .replyCard__info span.neu-10, .replyCard__info span[data-color=default] {
        color: var(--neu-10)
    }

    .replyCard__info b, .replyCard__info strong {
        font-weight: 700
    }

    .replyCard__info em {
        font-style: italic
    }

.replyCard__btn {
    justify-self: flex-end;
    align-self: flex-end;
    grid-row: 2;
    grid-column: 3;
    margin-left: 32px
}

@media (max-width:1024px) {
    .replyCard__btn {
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-stretch: normal;
        letter-spacing: normal;
        font-family: Inter,sans-serif;
        font-size: .813rem;
        line-height: 1.538em;
        letter-spacing: -.003em;
        font-weight: 400;
        font-weight: 700;
        padding: 0 20px;
        height: 40px
    }

        .replyCard__btn .link a {
            transition: all .1s ease;
            text-decoration: underline;
            color: var(--m-01--dark-01)
        }

            .replyCard__btn .link a:hover {
                color: var(--m-01)
            }

        .replyCard__btn mark, .replyCard__btn mark[data-color=color] {
            color: var(--m-01--dark-01)
        }

            .replyCard__btn mark[data-color=gray] {
                color: var(--neu-07)
            }

            .replyCard__btn mark[data-color=default] {
                color: var(--neu-10)
            }

        .replyCard__btn span.m-01--dark-01, .replyCard__btn span[data-color=color] {
            color: var(--m-01--dark-01)
        }

        .replyCard__btn span.neu-07, .replyCard__btn span[data-color=gray] {
            color: var(--neu-07)
        }

        .replyCard__btn span.neu-10, .replyCard__btn span[data-color=default] {
            color: var(--neu-10)
        }

        .replyCard__btn b, .replyCard__btn strong {
            font-weight: 700
        }

        .replyCard__btn em {
            font-style: italic
        }

        .replyCard__btn i {
            min-width: 16px;
            width: 16px;
            height: 16px;
            font-size: 16px
        }

            .replyCard__btn i:before {
                font-size: 16px;
                font-weight: 400
            }

        .replyCard__btn.btn--icon {
            width: 40px;
            min-width: 40px
        }
}

@media (max-width:768px) {
    .replyCard__btn {
        margin-left: 0;
        grid-row: 3;
        grid-column: 1/4;
        width: 100%;
        margin-top: 8px
    }
}

.replyCard--small {
    max-width: 960px
}

    .replyCard--small .replyCard, .replyCard--small .replyCard--small {
        background-color: var(--neu-01)
    }

    .replyCard--small .replyCard__content {
        padding: 24px;
        gap: 4px 12px
    }

    .replyCard--small .replyCard__thumb {
        grid-row: 1/3;
        align-self: flex-start
    }

    .replyCard--small .replyCard__text {
        grid-row: 2;
        grid-column: 2/4
    }

@media (max-width:512px) {
    .replyCard--small .replyCard__text {
        grid-column: 2/4
    }
}

.replyCard--small .replyCard__message, .replyCard--small .replyCard__subject {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1rem;
    line-height: 1.5em;
    letter-spacing: -.011em;
    font-weight: 400
}

    .replyCard--small .replyCard__message .link a, .replyCard--small .replyCard__subject .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .replyCard--small .replyCard__message .link a:hover, .replyCard--small .replyCard__subject .link a:hover {
            color: var(--m-01)
        }

    .replyCard--small .replyCard__message mark, .replyCard--small .replyCard__message mark[data-color=color], .replyCard--small .replyCard__subject mark, .replyCard--small .replyCard__subject mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .replyCard--small .replyCard__message mark[data-color=gray], .replyCard--small .replyCard__subject mark[data-color=gray] {
            color: var(--neu-07)
        }

        .replyCard--small .replyCard__message mark[data-color=default], .replyCard--small .replyCard__subject mark[data-color=default] {
            color: var(--neu-10)
        }

    .replyCard--small .replyCard__message span.m-01--dark-01, .replyCard--small .replyCard__message span[data-color=color], .replyCard--small .replyCard__subject span.m-01--dark-01, .replyCard--small .replyCard__subject span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .replyCard--small .replyCard__message span.neu-07, .replyCard--small .replyCard__message span[data-color=gray], .replyCard--small .replyCard__subject span.neu-07, .replyCard--small .replyCard__subject span[data-color=gray] {
        color: var(--neu-07)
    }

    .replyCard--small .replyCard__message span.neu-10, .replyCard--small .replyCard__message span[data-color=default], .replyCard--small .replyCard__subject span.neu-10, .replyCard--small .replyCard__subject span[data-color=default] {
        color: var(--neu-10)
    }

    .replyCard--small .replyCard__message b, .replyCard--small .replyCard__message strong, .replyCard--small .replyCard__subject b, .replyCard--small .replyCard__subject strong {
        font-weight: 700
    }

    .replyCard--small .replyCard__message em, .replyCard--small .replyCard__subject em {
        font-style: italic
    }

.replyCard--small .replyCard__info {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: .813rem;
    line-height: 1.538em;
    letter-spacing: -.003em;
    font-weight: 700;
    margin-top: 8px;
    padding-right: 32px
}

    .replyCard--small .replyCard__info .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .replyCard--small .replyCard__info .link a:hover {
            color: var(--m-01)
        }

    .replyCard--small .replyCard__info mark, .replyCard--small .replyCard__info mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .replyCard--small .replyCard__info mark[data-color=gray] {
            color: var(--neu-07)
        }

        .replyCard--small .replyCard__info mark[data-color=default] {
            color: var(--neu-10)
        }

    .replyCard--small .replyCard__info span.m-01--dark-01, .replyCard--small .replyCard__info span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .replyCard--small .replyCard__info span.neu-07, .replyCard--small .replyCard__info span[data-color=gray] {
        color: var(--neu-07)
    }

    .replyCard--small .replyCard__info span.neu-10, .replyCard--small .replyCard__info span[data-color=default] {
        color: var(--neu-10)
    }

    .replyCard--small .replyCard__info b, .replyCard--small .replyCard__info strong {
        font-weight: 700
    }

    .replyCard--small .replyCard__info em {
        font-style: italic
    }

.replyCard--small .replyCard__pin {
    transition: all .1s ease;
    grid-row: 2;
    grid-column: 3;
    align-self: flex-end;
    width: 24px;
    height: 24px;
    justify-self: flex-end;
    transform: translateY(4px);
    cursor: pointer
}

    .replyCard--small .replyCard__pin:hover {
        opacity: .7
    }

    .replyCard--small .replyCard__pin:before {
        width: 24px;
        height: 24px;
        font-size: 24px;
        font-family: aicep-base-icons !important;
        font-weight: 400;
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        content: "\e95b"
    }

.replyCard--small .replyCard__pin--selected {
    color: var(--m-02--dark-01)
}

    .replyCard--small .replyCard__pin--selected:before {
        content: "\e95c"
    }

.replyCard--small .replyCard__btn, .requestInfo.hide {
    display: none
}

.requestInfo__container {
    grid-column: 4/10
}

    .requestInfo__container.hide {
        display: none
    }

@media (max-width:1024px) {
    .requestInfo__container {
        grid-column: 2/6
    }
}

@media (max-width:768px) {
    .requestInfo__container {
        grid-column: 1/7
    }
}

.requestInfo__success {
    grid-column: 1/13;
    display: none
}

@media (max-width:1024px) {
    .requestInfo__success {
        grid-column: 1/7
    }
}

.requestInfo__success.show {
    display: block
}

.requestInfo .bodyText, .requestInfo .btnContainer {
    margin-bottom: 0
}

.requestInfo .formFields__datePicker {
    max-width: unset
}

.resourceCard, .resourceCard--small {
    box-shadow: 0 0 1px rgba(26,24,23,.05),0 2px 4px rgba(26,24,23,.1);
    background: var(--neu-01);
    margin: 0 auto;
    width: 100%;
    min-height: 270px;
    padding: 24px;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

    .resourceCard .labelsContainer {
        margin-bottom: 8px;
    }

.resourceCard__text {
    color: var(--neu-10);
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 600px
}

.resourceCard__label {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: .688rem;
    line-height: 1.455em;
    letter-spacing: .005em;
    font-weight: 400;
    color: var(--m-01--dark-01)
}

    .resourceCard__label .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .resourceCard__label .link a:hover {
            color: var(--m-01)
        }

    .resourceCard__label mark, .resourceCard__label mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .resourceCard__label mark[data-color=gray] {
            color: var(--neu-07)
        }

        .resourceCard__label mark[data-color=default] {
            color: var(--neu-10)
        }

    .resourceCard__label span.m-01--dark-01, .resourceCard__label span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .resourceCard__label span.neu-07, .resourceCard__label span[data-color=gray] {
        color: var(--neu-07)
    }

    .resourceCard__label span.neu-10, .resourceCard__label span[data-color=default] {
        color: var(--neu-10)
    }

    .resourceCard__label b, .resourceCard__label strong {
        font-weight: 700
    }

    .resourceCard__label em {
        font-style: italic
    }

.resourceCard__title {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1.188rem;
    line-height: 1.263em;
    letter-spacing: -.016em;
    font-weight: 400;
    margin: 8px 0 16px 0;
}

    .resourceCard__title .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .resourceCard__title .link a:hover {
            color: var(--m-01)
        }

    .resourceCard__title mark, .resourceCard__title mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .resourceCard__title mark[data-color=gray] {
            color: var(--neu-07)
        }

        .resourceCard__title mark[data-color=default] {
            color: var(--neu-10)
        }

    .resourceCard__title span.m-01--dark-01, .resourceCard__title span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .resourceCard__title span.neu-07, .resourceCard__title span[data-color=gray] {
        color: var(--neu-07)
    }

    .resourceCard__title span.neu-10, .resourceCard__title span[data-color=default] {
        color: var(--neu-10)
    }

    .resourceCard__title b, .resourceCard__title strong {
        font-weight: 700
    }

    .resourceCard__title em {
        font-style: italic
    }

.resourceCard__btnContainer {
    margin-top: 24px
}

.resourceCard--small .btn, .resourceCard--small .btn--icon, .resourceCard--small .btn--primary, .resourceCard--small .btn--primary--dark, .resourceCard--small .btn--secondary, .resourceCard--small .btn--small, .resourceCard--small .btn--tertiary, .resourceCard .btn, .resourceCard .btn--icon, .resourceCard .btn--primary, .resourceCard .btn--primary--dark, .resourceCard .btn--secondary, .resourceCard .btn--small, .resourceCard .btn--tertiary {
    width: 100%
}

.resourceCard--small {
    max-width: 960px;
    min-height: 200px;
    height: 100%;
    padding: 24px 16px
}

    .resourceCard--small .resourceCard__title {
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-stretch: normal;
        letter-spacing: normal;
        font-family: Inter,sans-serif;
        font-size: 1.188rem;
        line-height: 1.263em;
        letter-spacing: -.016em;
        font-weight: 400;
        margin-top: 4px
    }

        .resourceCard--small .resourceCard__title .link a {
            transition: all .1s ease;
            text-decoration: underline;
            color: var(--m-01--dark-01)
        }

            .resourceCard--small .resourceCard__title .link a:hover {
                color: var(--m-01)
            }

        .resourceCard--small .resourceCard__title mark, .resourceCard--small .resourceCard__title mark[data-color=color] {
            color: var(--m-01--dark-01)
        }

            .resourceCard--small .resourceCard__title mark[data-color=gray] {
                color: var(--neu-07)
            }

            .resourceCard--small .resourceCard__title mark[data-color=default] {
                color: var(--neu-10)
            }

        .resourceCard--small .resourceCard__title span.m-01--dark-01, .resourceCard--small .resourceCard__title span[data-color=color] {
            color: var(--m-01--dark-01)
        }

        .resourceCard--small .resourceCard__title span.neu-07, .resourceCard--small .resourceCard__title span[data-color=gray] {
            color: var(--neu-07)
        }

        .resourceCard--small .resourceCard__title span.neu-10, .resourceCard--small .resourceCard__title span[data-color=default] {
            color: var(--neu-10)
        }

        .resourceCard--small .resourceCard__title b, .resourceCard--small .resourceCard__title strong {
            font-weight: 700
        }

        .resourceCard--small .resourceCard__title em {
            font-style: italic
        }

    .resourceCard--small .btn--icon:hover, .resourceCard--small .btn--primary--dark:hover, .resourceCard--small .btn--primary:hover, .resourceCard--small .btn--secondary:hover, .resourceCard--small .btn--small:hover, .resourceCard--small .btn--tertiary:hover, .resourceCard--small .btn:hover {
        color: var(--m-01--dark-01)
    }

    .resourceCard--small .btn, .resourceCard--small .btn--icon, .resourceCard--small .btn--primary, .resourceCard--small .btn--primary--dark, .resourceCard--small .btn--secondary, .resourceCard--small .btn--small, .resourceCard--small .btn--tertiary {
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-stretch: normal;
        letter-spacing: normal;
        font-family: Inter,sans-serif;
        font-size: .813rem;
        line-height: 1.538em;
        letter-spacing: -.003em;
        font-weight: 400;
        font-weight: 700;
        padding: 0 20px;
        height: 40px
    }

        .resourceCard--small .btn--icon .link a, .resourceCard--small .btn--primary--dark .link a, .resourceCard--small .btn--primary .link a, .resourceCard--small .btn--secondary .link a, .resourceCard--small .btn--small .link a, .resourceCard--small .btn--tertiary .link a, .resourceCard--small .btn .link a {
            transition: all .1s ease;
            text-decoration: underline;
            color: var(--m-01--dark-01)
        }

            .resourceCard--small .btn--icon .link a:hover, .resourceCard--small .btn--primary--dark .link a:hover, .resourceCard--small .btn--primary .link a:hover, .resourceCard--small .btn--secondary .link a:hover, .resourceCard--small .btn--small .link a:hover, .resourceCard--small .btn--tertiary .link a:hover, .resourceCard--small .btn .link a:hover {
                color: var(--m-01)
            }

        .resourceCard--small .btn--icon mark, .resourceCard--small .btn--icon mark[data-color=color], .resourceCard--small .btn--primary--dark mark, .resourceCard--small .btn--primary--dark mark[data-color=color], .resourceCard--small .btn--primary mark, .resourceCard--small .btn--primary mark[data-color=color], .resourceCard--small .btn--secondary mark, .resourceCard--small .btn--secondary mark[data-color=color], .resourceCard--small .btn--small mark, .resourceCard--small .btn--small mark[data-color=color], .resourceCard--small .btn--tertiary mark, .resourceCard--small .btn--tertiary mark[data-color=color], .resourceCard--small .btn mark, .resourceCard--small .btn mark[data-color=color] {
            color: var(--m-01--dark-01)
        }

            .resourceCard--small .btn--icon mark[data-color=gray], .resourceCard--small .btn--primary--dark mark[data-color=gray], .resourceCard--small .btn--primary mark[data-color=gray], .resourceCard--small .btn--secondary mark[data-color=gray], .resourceCard--small .btn--small mark[data-color=gray], .resourceCard--small .btn--tertiary mark[data-color=gray], .resourceCard--small .btn mark[data-color=gray] {
                color: var(--neu-07)
            }

            .resourceCard--small .btn--icon mark[data-color=default], .resourceCard--small .btn--primary--dark mark[data-color=default], .resourceCard--small .btn--primary mark[data-color=default], .resourceCard--small .btn--secondary mark[data-color=default], .resourceCard--small .btn--small mark[data-color=default], .resourceCard--small .btn--tertiary mark[data-color=default], .resourceCard--small .btn mark[data-color=default] {
                color: var(--neu-10)
            }

        .resourceCard--small .btn--icon span.m-01--dark-01, .resourceCard--small .btn--icon span[data-color=color], .resourceCard--small .btn--primary--dark span.m-01--dark-01, .resourceCard--small .btn--primary--dark span[data-color=color], .resourceCard--small .btn--primary span.m-01--dark-01, .resourceCard--small .btn--primary span[data-color=color], .resourceCard--small .btn--secondary span.m-01--dark-01, .resourceCard--small .btn--secondary span[data-color=color], .resourceCard--small .btn--small span.m-01--dark-01, .resourceCard--small .btn--small span[data-color=color], .resourceCard--small .btn--tertiary span.m-01--dark-01, .resourceCard--small .btn--tertiary span[data-color=color], .resourceCard--small .btn span.m-01--dark-01, .resourceCard--small .btn span[data-color=color] {
            color: var(--m-01--dark-01)
        }

        .resourceCard--small .btn--icon span.neu-07, .resourceCard--small .btn--icon span[data-color=gray], .resourceCard--small .btn--primary--dark span.neu-07, .resourceCard--small .btn--primary--dark span[data-color=gray], .resourceCard--small .btn--primary span.neu-07, .resourceCard--small .btn--primary span[data-color=gray], .resourceCard--small .btn--secondary span.neu-07, .resourceCard--small .btn--secondary span[data-color=gray], .resourceCard--small .btn--small span.neu-07, .resourceCard--small .btn--small span[data-color=gray], .resourceCard--small .btn--tertiary span.neu-07, .resourceCard--small .btn--tertiary span[data-color=gray], .resourceCard--small .btn span.neu-07, .resourceCard--small .btn span[data-color=gray] {
            color: var(--neu-07)
        }

        .resourceCard--small .btn--icon span.neu-10, .resourceCard--small .btn--icon span[data-color=default], .resourceCard--small .btn--primary--dark span.neu-10, .resourceCard--small .btn--primary--dark span[data-color=default], .resourceCard--small .btn--primary span.neu-10, .resourceCard--small .btn--primary span[data-color=default], .resourceCard--small .btn--secondary span.neu-10, .resourceCard--small .btn--secondary span[data-color=default], .resourceCard--small .btn--small span.neu-10, .resourceCard--small .btn--small span[data-color=default], .resourceCard--small .btn--tertiary span.neu-10, .resourceCard--small .btn--tertiary span[data-color=default], .resourceCard--small .btn span.neu-10, .resourceCard--small .btn span[data-color=default] {
            color: var(--neu-10)
        }

        .resourceCard--small .btn--icon b, .resourceCard--small .btn--icon strong, .resourceCard--small .btn--primary--dark b, .resourceCard--small .btn--primary--dark strong, .resourceCard--small .btn--primary b, .resourceCard--small .btn--primary strong, .resourceCard--small .btn--secondary b, .resourceCard--small .btn--secondary strong, .resourceCard--small .btn--small b, .resourceCard--small .btn--small strong, .resourceCard--small .btn--tertiary b, .resourceCard--small .btn--tertiary strong, .resourceCard--small .btn b, .resourceCard--small .btn strong {
            font-weight: 700
        }

        .resourceCard--small .btn--icon em, .resourceCard--small .btn--primary--dark em, .resourceCard--small .btn--primary em, .resourceCard--small .btn--secondary em, .resourceCard--small .btn--small em, .resourceCard--small .btn--tertiary em, .resourceCard--small .btn em {
            font-style: italic
        }

        .resourceCard--small .btn--icon i, .resourceCard--small .btn--primary--dark i, .resourceCard--small .btn--primary i, .resourceCard--small .btn--secondary i, .resourceCard--small .btn--small i, .resourceCard--small .btn--tertiary i, .resourceCard--small .btn i {
            min-width: 16px;
            width: 16px;
            height: 16px;
            font-size: 16px
        }

            .resourceCard--small .btn--icon i:before, .resourceCard--small .btn--primary--dark i:before, .resourceCard--small .btn--primary i:before, .resourceCard--small .btn--secondary i:before, .resourceCard--small .btn--small i:before, .resourceCard--small .btn--tertiary i:before, .resourceCard--small .btn i:before {
                font-size: 16px;
                font-weight: 400
            }

        .resourceCard--small .btn--icon, .resourceCard--small .btn--icon.btn--primary, .resourceCard--small .btn--icon.btn--primary--dark, .resourceCard--small .btn--icon.btn--secondary, .resourceCard--small .btn--icon.btn--small, .resourceCard--small .btn--icon.btn--tertiary, .resourceCard--small .btn.btn--icon {
            width: 40px;
            min-width: 40px
        }

.resultsCard, .resultsCard--small {
    margin: 0 auto;
    width: 100%;
    min-height: 200px;
    padding: 24px 0;
    display: flex;
    border-bottom: 1px solid var(--neu-03)
}

.resultsCard--hidden {
    display: none
}

.resultsCard__image {
    display: flex;
    width: 192px;
    height: auto;
    overflow: hidden;
    margin-right: 32px;
    border-radius: 2px
}

    .resultsCard__image img {
        width: 100%;
        height: auto;
        -o-object-fit: cover;
        object-fit: cover
    }

.resultsCard__content {
    color: var(--neu-10);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 2
}

.resultsCard__topInfo {
    display: flex;
    min-height: 24px;
    flex-wrap: wrap
}

.resultsCard__labels {
    flex: 1;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    min-width: 50%
}

.resultsCard__sideInfo {
    display: flex;
    align-items: center;
    transform: translateX(20px);
    height: 32px;
    z-index: 1
}

.resultsCard__ranking {
    display: flex;
    align-items: center;
    margin-right: 8px
}

    .resultsCard__ranking p {
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-stretch: normal;
        letter-spacing: normal;
        font-family: Inter,sans-serif;
        font-size: .688rem;
        line-height: 1.455em;
        letter-spacing: .005em;
        font-weight: 400;
        margin-left: 8px
    }

        .resultsCard__ranking p .link a {
            transition: all .1s ease;
            text-decoration: underline;
            color: var(--m-01--dark-01)
        }

            .resultsCard__ranking p .link a:hover {
                color: var(--m-01)
            }

        .resultsCard__ranking p mark, .resultsCard__ranking p mark[data-color=color] {
            color: var(--m-01--dark-01)
        }

            .resultsCard__ranking p mark[data-color=gray] {
                color: var(--neu-07)
            }

            .resultsCard__ranking p mark[data-color=default] {
                color: var(--neu-10)
            }

        .resultsCard__ranking p span.m-01--dark-01, .resultsCard__ranking p span[data-color=color] {
            color: var(--m-01--dark-01)
        }

        .resultsCard__ranking p span.neu-07, .resultsCard__ranking p span[data-color=gray] {
            color: var(--neu-07)
        }

        .resultsCard__ranking p span.neu-10, .resultsCard__ranking p span[data-color=default] {
            color: var(--neu-10)
        }

        .resultsCard__ranking p b, .resultsCard__ranking p strong {
            font-weight: 700
        }

        .resultsCard__ranking p em {
            font-style: italic
        }

.resultsCard__text {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 600px
}

.resultsCard__title {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Calma Global Medium,sans-serif;
    font-size: 1.625rem;
    line-height: 1.231em;
    letter-spacing: 0;
    margin-top: 4px
}

    .resultsCard__title .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .resultsCard__title .link a:hover {
            color: var(--m-01)
        }

    .resultsCard__title mark, .resultsCard__title mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .resultsCard__title mark[data-color=gray] {
            color: var(--neu-07)
        }

        .resultsCard__title mark[data-color=default] {
            color: var(--neu-10)
        }

    .resultsCard__title span.m-01--dark-01, .resultsCard__title span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .resultsCard__title span.neu-07, .resultsCard__title span[data-color=gray] {
        color: var(--neu-07)
    }

    .resultsCard__title span.neu-10, .resultsCard__title span[data-color=default] {
        color: var(--neu-10)
    }

    .resultsCard__title b, .resultsCard__title strong {
        font-weight: 700
    }

    .resultsCard__title em {
        font-style: italic
    }

.resultsCard__description {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: .813rem;
    line-height: 1.538em;
    letter-spacing: -.003em;
    font-weight: 400;
    margin-top: 8px
}

    .resultsCard__description .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .resultsCard__description .link a:hover {
            color: var(--m-01)
        }

    .resultsCard__description mark, .resultsCard__description mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .resultsCard__description mark[data-color=gray] {
            color: var(--neu-07)
        }

        .resultsCard__description mark[data-color=default] {
            color: var(--neu-10)
        }

    .resultsCard__description span.m-01--dark-01, .resultsCard__description span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .resultsCard__description span.neu-07, .resultsCard__description span[data-color=gray] {
        color: var(--neu-07)
    }

    .resultsCard__description span.neu-10, .resultsCard__description span[data-color=default] {
        color: var(--neu-10)
    }

    .resultsCard__description b, .resultsCard__description strong {
        font-weight: 700
    }

    .resultsCard__description em {
        font-style: italic
    }

.resultsCard__bottomInfo {
    display: flex;
    width: 100%;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 16px
}

.resultsCard__spotInfo {
    display: flex;
    flex-wrap: wrap;
    flex: 1;
    margin-right: 16px
}

.resultsCard__infoItem {
    transition: all .1s ease;
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: .688rem;
    line-height: 1.455em;
    letter-spacing: .005em;
    font-weight: 400;
    display: flex;
    align-items: center;
    margin-top: 8px
}

    .resultsCard__infoItem .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .resultsCard__infoItem .link a:hover {
            color: var(--m-01)
        }

    .resultsCard__infoItem mark, .resultsCard__infoItem mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .resultsCard__infoItem mark[data-color=gray] {
            color: var(--neu-07)
        }

        .resultsCard__infoItem mark[data-color=default] {
            color: var(--neu-10)
        }

    .resultsCard__infoItem span.m-01--dark-01, .resultsCard__infoItem span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .resultsCard__infoItem span.neu-07, .resultsCard__infoItem span[data-color=gray] {
        color: var(--neu-07)
    }

    .resultsCard__infoItem span.neu-10, .resultsCard__infoItem span[data-color=default] {
        color: var(--neu-10)
    }

    .resultsCard__infoItem b, .resultsCard__infoItem strong {
        font-weight: 700
    }

    .resultsCard__infoItem em {
        font-style: italic
    }

    .resultsCard__infoItem i {
        min-width: 16px;
        width: 16px;
        height: 16px;
        font-size: 16px;
        margin-right: 8px;
        color: var(--neu-10)
    }

        .resultsCard__infoItem i:before {
            font-size: 16px;
            font-weight: 400
        }

    .resultsCard__infoItem:not(:last-child) {
        margin-right: 24px
    }

    .resultsCard__infoItem:hover {
        opacity: .7
    }

.resultsCard--small {
    max-width: 960px;
    min-height: auto;
    padding: 0 0 16px;
    border-radius: 0;
    flex-direction: column
}

    .resultsCard--small .resultsCard__image {
        height: 126px;
        width: 100%;
        margin-right: 0;
        margin-bottom: 16px
    }

    .resultsCard--small .resultsCard__content {
        flex: 2;
        justify-content: flex-start
    }

    .resultsCard--small .resultsCard__topInfo {
        flex-direction: column
    }

    .resultsCard--small .resultsCard__sideInfo {
        order: 1;
        transform: none;
        justify-content: space-between;
        margin-bottom: 16px
    }

    .resultsCard--small .resultsCard__labels {
        order: 2
    }

    .resultsCard--small .resultsCard__text {
        padding: 0
    }

    .resultsCard--small .resultsCard__description {
        margin-top: 4px
    }

    .resultsCard--small .resultsCard__bottomInfo {
        margin-top: 8px
    }

@media (max-width:512px) {
    .resultsCard--small .resultsCard__bottomInfo {
        flex-direction: column;
        align-items: flex-start
    }
}

@media (max-width:512px) {
    .resultsCard--small .resultsCard__btnContainer {
        margin-top: 8px;
        width: 100%;
        display: flex;
        justify-content: flex-end
    }
}

.resultsCard--small .btnBookmark, .resultsCard--small .btnBookmark--small, .resultsCard--small .btnBookmark.selected.btnBookmark--small {
    transform: translateX(16px);
    width: 48px
}

.resultsCard--small:hover {
    box-shadow: none;
    transform: none
}

.searchBar__bar {
    width: 100%;
    height: 80px;
    background: rgba(0,0,0,.01);
    background-blend-mode: hard-light;
    border: 1px solid hsla(0,0%,98%,.15);
    box-shadow: inset 0 0 59px hsla(0,0%,100%,.07);
    -webkit-backdrop-filter: blur(17px);
    backdrop-filter: blur(17px);
    border-radius: 2px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 16px 16px 32px;
    gap: 16px;
    transition: all .15s ease-in-out
}

@media (max-width:1024px) {
    .searchBar__bar {
        padding: 16px
    }
}

@media (max-width:512px) {
    .searchBar__bar {
        gap: 8px
    }
}

.searchBar__bar input {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1.438rem;
    line-height: 1.391em;
    letter-spacing: -.019em;
    font-weight: 400;
    transition: all .1s ease;
    width: 100%;
    height: 100%;
    background: transparent;
    border: 0;
    color: var(--neu-01)
}

    .searchBar__bar input .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .searchBar__bar input .link a:hover {
            color: var(--m-01)
        }

    .searchBar__bar input mark, .searchBar__bar input mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .searchBar__bar input mark[data-color=gray] {
            color: var(--neu-07)
        }

        .searchBar__bar input mark[data-color=default] {
            color: var(--neu-10)
        }

    .searchBar__bar input span.m-01--dark-01, .searchBar__bar input span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .searchBar__bar input span.neu-07, .searchBar__bar input span[data-color=gray] {
        color: var(--neu-07)
    }

    .searchBar__bar input span.neu-10, .searchBar__bar input span[data-color=default] {
        color: var(--neu-10)
    }

    .searchBar__bar input b, .searchBar__bar input strong {
        font-weight: 700
    }

    .searchBar__bar input em {
        font-style: italic
    }

@media (max-width:1024px) {
    .searchBar__bar input {
        font-size: 1.188rem;
        line-height: 1.263em;
        letter-spacing: -.016em
    }
}

.searchBar__bar input::placeholder {
    transition: all .15s ease-in-out;
    color: var(--m-01--light-03)
}

.searchBar__bar label {
    display: none
}

.searchBar__bar:focus-within, .searchBar__bar:hover {
    background: hsla(0,0%,100%,.05);
    border: 1px solid hsla(0,0%,98%,.15);
    box-shadow: inset 0 0 59px hsla(0,0%,100%,.07)
}

    .searchBar__bar:focus-within input::placeholder, .searchBar__bar:hover input::placeholder {
        color: var(--neu-01)
    }

    .searchBar__bar:focus-within input:focus::placeholder, .searchBar__bar:hover input:focus::placeholder {
        color: transparent
    }

.searchBar__popularSearch {
    animation-delay: 0.5s !important;
    display: flex;
    align-items: center;
    gap: 16px;
    margin-top: 24px
}

@media (max-width:768px) {
    .searchBar__popularSearch {
        margin-top: 16px;
        gap: 8px;
        flex-direction: column;
        align-items: flex-start
    }
}

.searchBar__popularSearch span {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: .813rem;
    line-height: 1.538em;
    letter-spacing: -.003em;
    font-weight: 400
}

    .searchBar__popularSearch span .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .searchBar__popularSearch span .link a:hover {
            color: var(--m-01)
        }

    .searchBar__popularSearch span mark, .searchBar__popularSearch span mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .searchBar__popularSearch span mark[data-color=gray] {
            color: var(--neu-07)
        }

        .searchBar__popularSearch span mark[data-color=default] {
            color: var(--neu-10)
        }

    .searchBar__popularSearch span span.m-01--dark-01, .searchBar__popularSearch span span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .searchBar__popularSearch span span.neu-07, .searchBar__popularSearch span span[data-color=gray] {
        color: var(--neu-07)
    }

    .searchBar__popularSearch span span.neu-10, .searchBar__popularSearch span span[data-color=default] {
        color: var(--neu-10)
    }

    .searchBar__popularSearch span b, .searchBar__popularSearch span strong {
        font-weight: 700
    }

    .searchBar__popularSearch span em {
        font-style: italic
    }

.searchBar__searchItems {
    display: flex;
    flex-wrap: wrap;
    gap: 8px
}

.searchBar__searchItem {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1rem;
    line-height: 1.5em;
    letter-spacing: -.011em;
    font-weight: 400;
    transition: all .1s ease;
    cursor: pointer;
    color: var(--neu-01);
    height: 32px;
    padding: 0 16px;
    border-radius: 32px;
    white-space: nowrap;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid hsla(0,0%,98%,.5);
    text-shadow: 0 0 1px rgba(26,24,23,.05),0 32px 47px rgba(26,24,23,.1)
}

    .searchBar__searchItem .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .searchBar__searchItem .link a:hover {
            color: var(--m-01)
        }

    .searchBar__searchItem mark, .searchBar__searchItem mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .searchBar__searchItem mark[data-color=gray] {
            color: var(--neu-07)
        }

        .searchBar__searchItem mark[data-color=default] {
            color: var(--neu-10)
        }

    .searchBar__searchItem span.m-01--dark-01, .searchBar__searchItem span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .searchBar__searchItem span.neu-07, .searchBar__searchItem span[data-color=gray] {
        color: var(--neu-07)
    }

    .searchBar__searchItem span.neu-10, .searchBar__searchItem span[data-color=default] {
        color: var(--neu-10)
    }

    .searchBar__searchItem b, .searchBar__searchItem strong {
        font-weight: 700
    }

    .searchBar__searchItem em {
        font-style: italic
    }

    .searchBar__searchItem:hover {
        border: 1px solid var(--neu-01)
    }

@media (max-width:1024px) {
    .searchBar__button {
        border-radius: 50%;
        padding: 16px;
        width: auto !important
    }

        .searchBar__button span {
            display: none
        }

        .searchBar__button i {
            margin: 0 !important
        }
}

.searchBar__cleanBtn {
    display: none
}

.searchBar__cleanBtn--show {
    display: flex
}

[data-bg=neu-01] .searchBar__bar, [data-bg=neu-02] .searchBar__bar {
    border: 1px solid var(--neu-06);
    background: transparent;
    box-shadow: none;
    -webkit-backdrop-filter: none;
    backdrop-filter: none
}

    [data-bg=neu-01] .searchBar__bar input, [data-bg=neu-02] .searchBar__bar input {
        color: var(--neu-10)
    }

        [data-bg=neu-01] .searchBar__bar input::placeholder, [data-bg=neu-02] .searchBar__bar input::placeholder {
            color: var(--neu-07)
        }

    [data-bg=neu-01] .searchBar__bar:focus-within, [data-bg=neu-01] .searchBar__bar:hover, [data-bg=neu-02] .searchBar__bar:focus-within, [data-bg=neu-02] .searchBar__bar:hover {
        border: 1px solid var(--neu-10)
    }

        [data-bg=neu-01] .searchBar__bar:focus-within input::placeholder, [data-bg=neu-01] .searchBar__bar:hover input::placeholder, [data-bg=neu-02] .searchBar__bar:focus-within input::placeholder, [data-bg=neu-02] .searchBar__bar:hover input::placeholder {
            color: var(--neu-10)
        }

        [data-bg=neu-01] .searchBar__bar:focus-within input:focus::placeholder, [data-bg=neu-01] .searchBar__bar:hover input:focus::placeholder, [data-bg=neu-02] .searchBar__bar:focus-within input:focus::placeholder, [data-bg=neu-02] .searchBar__bar:hover input:focus::placeholder {
            color: transparent
        }

[data-bg=neu-01] .searchBar__searchItem, [data-bg=neu-02] .searchBar__searchItem {
    color: var(--neu-10);
    border: 1px solid var(--neu-03);
    text-shadow: none
}

    [data-bg=neu-01] .searchBar__searchItem:hover, [data-bg=neu-02] .searchBar__searchItem:hover {
        border: 1px solid var(--neu-10)
    }

.selectableCard, .selectableCard--small {
    box-shadow: 0 0 1px rgba(26,24,23,.05),0 2px 4px rgba(26,24,23,.1);
    width: 100%;
    min-height: 160px;
    margin: 0 auto;
    border-radius: 2px;
    background: var(--neu-01);
    padding: 40px 32px 40px 24px;
    display: grid;
    grid-template-columns: auto 64px 1fr auto;
    align-items: center;
    column-gap: 24px;
    overflow: hidden
}

    .selectableCard--small:before, .selectableCard:before {
        transition: all .1s ease;
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        opacity: 0;
        pointer-events: none
    }

.selectableCard--selected:before {
    opacity: 1;
    box-shadow: inset 0 0 0 4px var(--m-01--dark-01)
}

.selectableCard--selected .selectableCard__title {
    color: var(--m-01--dark-01)
}

.selectableCard__checkbox {
    margin-right: 16px
}

    .selectableCard__checkbox label {
        display: none
    }

.selectableCard__image {
    width: 64px;
    height: 64px;
    overflow: hidden;
    border-radius: 50%
}

    .selectableCard__image img {
        -o-object-fit: cover;
        object-fit: cover;
        width: 100%;
        height: 100%
    }

.selectableCard__content {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.selectableCard__title {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Calma Global Medium,sans-serif;
    font-size: 1.625rem;
    line-height: 1.231em;
    letter-spacing: 0;
    font-weight: 700;
    color: var(--neu-10)
}

    .selectableCard__title .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .selectableCard__title .link a:hover {
            color: var(--m-01)
        }

    .selectableCard__title mark, .selectableCard__title mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .selectableCard__title mark[data-color=gray] {
            color: var(--neu-07)
        }

        .selectableCard__title mark[data-color=default] {
            color: var(--neu-10)
        }

    .selectableCard__title span.m-01--dark-01, .selectableCard__title span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .selectableCard__title span.neu-07, .selectableCard__title span[data-color=gray] {
        color: var(--neu-07)
    }

    .selectableCard__title span.neu-10, .selectableCard__title span[data-color=default] {
        color: var(--neu-10)
    }

    .selectableCard__title b, .selectableCard__title strong {
        font-weight: 700
    }

    .selectableCard__title em {
        font-style: italic
    }

.selectableCard__description {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: .813rem;
    line-height: 1.538em;
    letter-spacing: -.003em;
    font-weight: 400
}

    .selectableCard__description .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .selectableCard__description .link a:hover {
            color: var(--m-01)
        }

    .selectableCard__description mark, .selectableCard__description mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .selectableCard__description mark[data-color=gray] {
            color: var(--neu-07)
        }

        .selectableCard__description mark[data-color=default] {
            color: var(--neu-10)
        }

    .selectableCard__description span.m-01--dark-01, .selectableCard__description span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .selectableCard__description span.neu-07, .selectableCard__description span[data-color=gray] {
        color: var(--neu-07)
    }

    .selectableCard__description span.neu-10, .selectableCard__description span[data-color=default] {
        color: var(--neu-10)
    }

    .selectableCard__description b, .selectableCard__description strong {
        font-weight: 700
    }

    .selectableCard__description em {
        font-style: italic
    }

.selectableCard__btn {
    align-self: flex-end;
    margin-left: 8px;
    transform: translateY(8px)
}

@media (max-width:1024px) {
    .selectableCard__btn {
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-stretch: normal;
        letter-spacing: normal;
        font-family: Inter,sans-serif;
        font-size: .813rem;
        line-height: 1.538em;
        letter-spacing: -.003em;
        font-weight: 400;
        font-weight: 700;
        padding: 0 20px;
        height: 40px
    }

        .selectableCard__btn .link a {
            transition: all .1s ease;
            text-decoration: underline;
            color: var(--m-01--dark-01)
        }

            .selectableCard__btn .link a:hover {
                color: var(--m-01)
            }

        .selectableCard__btn mark, .selectableCard__btn mark[data-color=color] {
            color: var(--m-01--dark-01)
        }

            .selectableCard__btn mark[data-color=gray] {
                color: var(--neu-07)
            }

            .selectableCard__btn mark[data-color=default] {
                color: var(--neu-10)
            }

        .selectableCard__btn span.m-01--dark-01, .selectableCard__btn span[data-color=color] {
            color: var(--m-01--dark-01)
        }

        .selectableCard__btn span.neu-07, .selectableCard__btn span[data-color=gray] {
            color: var(--neu-07)
        }

        .selectableCard__btn span.neu-10, .selectableCard__btn span[data-color=default] {
            color: var(--neu-10)
        }

        .selectableCard__btn b, .selectableCard__btn strong {
            font-weight: 700
        }

        .selectableCard__btn em {
            font-style: italic
        }

        .selectableCard__btn i {
            min-width: 16px;
            width: 16px;
            height: 16px;
            font-size: 16px
        }

            .selectableCard__btn i:before {
                font-size: 16px;
                font-weight: 400
            }

        .selectableCard__btn.btn--icon {
            width: 40px;
            min-width: 40px
        }
}

.selectableCard--small {
    max-width: 960px;
    padding: 16px 16px 24px;
    grid-template-columns: 1fr 1fr;
    row-gap: 8px
}

    .selectableCard--small .selectableCard__content {
        grid-row: 2;
        grid-column: 1/3
    }

    .selectableCard--small .selectableCard__checkbox {
        margin-right: 0;
        grid-row: 1
    }

    .selectableCard--small .selectableCard__image {
        width: 48px;
        height: 48px;
        grid-row: 1;
        justify-self: flex-end
    }

    .selectableCard--small .selectableCard__btn {
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-stretch: normal;
        letter-spacing: normal;
        font-family: Inter,sans-serif;
        font-size: .813rem;
        line-height: 1.538em;
        letter-spacing: -.003em;
        font-weight: 400;
        font-weight: 700;
        padding: 0 20px;
        height: 40px;
        transform: none;
        margin-left: 0;
        margin-top: 16px;
        grid-row: 3;
        grid-column: 1/3
    }

        .selectableCard--small .selectableCard__btn .link a {
            transition: all .1s ease;
            text-decoration: underline;
            color: var(--m-01--dark-01)
        }

            .selectableCard--small .selectableCard__btn .link a:hover {
                color: var(--m-01)
            }

        .selectableCard--small .selectableCard__btn mark, .selectableCard--small .selectableCard__btn mark[data-color=color] {
            color: var(--m-01--dark-01)
        }

            .selectableCard--small .selectableCard__btn mark[data-color=gray] {
                color: var(--neu-07)
            }

            .selectableCard--small .selectableCard__btn mark[data-color=default] {
                color: var(--neu-10)
            }

        .selectableCard--small .selectableCard__btn span.m-01--dark-01, .selectableCard--small .selectableCard__btn span[data-color=color] {
            color: var(--m-01--dark-01)
        }

        .selectableCard--small .selectableCard__btn span.neu-07, .selectableCard--small .selectableCard__btn span[data-color=gray] {
            color: var(--neu-07)
        }

        .selectableCard--small .selectableCard__btn span.neu-10, .selectableCard--small .selectableCard__btn span[data-color=default] {
            color: var(--neu-10)
        }

        .selectableCard--small .selectableCard__btn b, .selectableCard--small .selectableCard__btn strong {
            font-weight: 700
        }

        .selectableCard--small .selectableCard__btn em {
            font-style: italic
        }

        .selectableCard--small .selectableCard__btn i {
            min-width: 16px;
            width: 16px;
            height: 16px;
            font-size: 16px
        }

            .selectableCard--small .selectableCard__btn i:before {
                font-size: 16px;
                font-weight: 400
            }

        .selectableCard--small .selectableCard__btn.btn--icon {
            width: 40px;
            min-width: 40px
        }

.sidebarFilter {
    max-width: 304px;
    width: 100%;
    display: flex;
    justify-content: center;
    padding-right: 40px
}

.sidebarFilter--mobile {
    display: none
}

@media (max-width:1024px) {
    .sidebarFilter {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        height: 100%;
        max-width: none;
        z-index: 90;
        width: 100%;
        max-width: 1440px;
        margin: 0 auto;
        padding: 0 64px;
        padding-top: 36px
    }
}

@media (max-width:1024px) and (max-width:1280px) {
    .sidebarFilter {
        padding: 0 40px
    }
}

@media (max-width:1024px) and (max-width:1024px) {
    .sidebarFilter {
        padding: 0 32px
    }
}

@media (max-width:1024px) and (max-width:768px) {
    .sidebarFilter {
        padding: 0 24px
    }
}

@media (max-width:1024px) and (max-width:512px) {
    .sidebarFilter {
        padding: 0 16px
    }
}

@media (max-width:1024px) {
    .sidebarFilter {
        padding-top: 36px
    }
}

@media (max-width:768px) {
    .sidebarFilter {
        padding-top: 36px
    }
}

@media (max-width:512px) {
    .sidebarFilter {
        padding-top: 36px
    }
}

.sidebarFilter.show {
    display: block;
    background-color: var(--neu-01) !important
}

.sidebarFilter header {
    display: none
}

@media (max-width:1024px) {
    .sidebarFilter header {
        display: flex;
        justify-content: space-between
    }
}

.sidebarFilter__leftContainer {
    display: flex;
    align-items: center;
    gap: 8px
}

.sidebarFilter__headerTitle {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1.75rem;
    line-height: 1.429em;
    letter-spacing: -.021em;
    font-weight: 400
}

    .sidebarFilter__headerTitle .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .sidebarFilter__headerTitle .link a:hover {
            color: var(--m-01)
        }

    .sidebarFilter__headerTitle mark, .sidebarFilter__headerTitle mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .sidebarFilter__headerTitle mark[data-color=gray] {
            color: var(--neu-07)
        }

        .sidebarFilter__headerTitle mark[data-color=default] {
            color: var(--neu-10)
        }

    .sidebarFilter__headerTitle span.m-01--dark-01, .sidebarFilter__headerTitle span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .sidebarFilter__headerTitle span.neu-07, .sidebarFilter__headerTitle span[data-color=gray] {
        color: var(--neu-07)
    }

    .sidebarFilter__headerTitle span.neu-10, .sidebarFilter__headerTitle span[data-color=default] {
        color: var(--neu-10)
    }

    .sidebarFilter__headerTitle b, .sidebarFilter__headerTitle strong {
        font-weight: 700
    }

    .sidebarFilter__headerTitle em {
        font-style: italic
    }

@media (max-width:1024px) {
    .sidebarFilter__headerTitle {
        font-size: 1.438rem;
        line-height: 1.391em;
        letter-spacing: -.019em
    }
}

.sidebarFilter__closeButton {
    position: absolute;
    right: 0;
    top: -10px;
    cursor: pointer
}

.sidebarFilter__mobileIcon:before {
    font-size: 24px
}

.sidebarFilter__innerContainer {
    display: flex;
    flex-direction: column;
    width: 100%
}

@media (max-width:1024px) {
    .sidebarFilter__innerContainer {
        margin: 80px auto 0;
        align-items: center
    }
}

.sidebarFilter__title {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: .813rem;
    line-height: 1.538em;
    letter-spacing: -.003em;
    font-weight: 400;
    max-width: 230px;
    width: 100%
}

    .sidebarFilter__title .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .sidebarFilter__title .link a:hover {
            color: var(--m-01)
        }

    .sidebarFilter__title mark, .sidebarFilter__title mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .sidebarFilter__title mark[data-color=gray] {
            color: var(--neu-07)
        }

        .sidebarFilter__title mark[data-color=default] {
            color: var(--neu-10)
        }

    .sidebarFilter__title span.m-01--dark-01, .sidebarFilter__title span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .sidebarFilter__title span.neu-07, .sidebarFilter__title span[data-color=gray] {
        color: var(--neu-07)
    }

    .sidebarFilter__title span.neu-10, .sidebarFilter__title span[data-color=default] {
        color: var(--neu-10)
    }

    .sidebarFilter__title b, .sidebarFilter__title strong {
        font-weight: 700
    }

    .sidebarFilter__title em {
        font-style: italic
    }

@media (max-width:1024px) {
    .sidebarFilter__title {
        display: none
    }
}

.sidebarFilter__checkboxContainer {
    margin-top: 16px;
    width: 100%
}

@media (max-width:1024px) {
    .sidebarFilter__checkboxContainer {
        display: flex;
        flex-direction: column;
        align-items: center;
        max-width: 230px
    }
}

@media (max-width:512px) {
    .sidebarFilter__checkboxContainer {
        max-width: 320px
    }
}

.sidebarFilter__checkbox {
    margin-top: 8px
}

    .sidebarFilter__checkbox:first-of-type {
        margin-top: 0
    }

@media (max-width:1024px) {
    .sidebarFilter__checkbox {
        min-width: 310px;
        width: 100%
    }
}

@media (max-width:768px) {
    .sidebarFilter__checkbox {
        min-width: 230px
    }
}

@media (max-width:512px) {
    .sidebarFilter__checkbox {
        max-width: 318px;
        min-width: 218px
    }
}

.sidebarFilter__checkbox:nth-child(2) {
    margin-top: 24px
}

@media (max-width:1024px) {
    .sidebarFilter__checkbox:nth-child(2) {
        margin-top: 43px
    }
}

.sidebarFilter__checkbox:hover input + label {
    border: 1px solid var(--neu-10);
    transition: all .1s ease
}

@media (max-width:1024px) {
    .sidebarFilter__checkbox:hover input + label {
        border: 1px solid var(--neu-03)
    }
}

.sidebarFilter__label {
    border-radius: 62px;
    border: 1px solid var(--neu-03);
    padding: 8px 16px;
    display: flex;
    justify-content: space-between;
    cursor: pointer
}

    .sidebarFilter__label.disable {
        opacity: .4;
        pointer-events: none
    }

.sidebarFilter input:checked + label {
    background-color: var(--m-01--dark-01);
    border-color: var(--m-01--dark-01);
    transition: none
}

    .sidebarFilter input:checked + label .sidebarFilter__labelText {
        color: var(--neu-01)
    }

        .sidebarFilter input:checked + label .sidebarFilter__labelText:first-child {
            font-weight: 700
        }

.sidebarFilter input {
    position: absolute
}

    .sidebarFilter input.disable + label {
        opacity: .4;
        pointer-events: none
    }

    .sidebarFilter input + label {
        transition: none
    }

.sidebarFilter__labelText {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: .813rem;
    line-height: 1.538em;
    letter-spacing: -.003em;
    font-weight: 400
}

    .sidebarFilter__labelText .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .sidebarFilter__labelText .link a:hover {
            color: var(--m-01)
        }

    .sidebarFilter__labelText mark, .sidebarFilter__labelText mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .sidebarFilter__labelText mark[data-color=gray] {
            color: var(--neu-07)
        }

        .sidebarFilter__labelText mark[data-color=default] {
            color: var(--neu-10)
        }

    .sidebarFilter__labelText span.m-01--dark-01, .sidebarFilter__labelText span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .sidebarFilter__labelText span.neu-07, .sidebarFilter__labelText span[data-color=gray] {
        color: var(--neu-07)
    }

    .sidebarFilter__labelText span.neu-10, .sidebarFilter__labelText span[data-color=default] {
        color: var(--neu-10)
    }

    .sidebarFilter__labelText b, .sidebarFilter__labelText strong {
        font-weight: 700
    }

    .sidebarFilter__labelText em {
        font-style: italic
    }

.sidebarFilterControl {
    display: none;
    z-index: 80
}

@media (max-width:1024px) {
    .sidebarFilterControl {
        display: flex;
        align-items: center
    }
}

.sidebarFilterControl.sticky {
    height: auto;
    position: sticky !important;
    top: 80px;
    width: 100%;
    align-items: flex-end;
    padding-top: 16px;
    padding-bottom: 16px;
    transform: translateZ(0)
}

    .sidebarFilterControl.sticky:after {
        background-color: var(--neu-10);
        opacity: .09;
        bottom: 0;
        content: "";
        display: block;
        height: 1px;
        width: 100%;
        position: absolute
    }

    .sidebarFilterControl.sticky .sidebarFilterControl__innerContainer {
        margin-top: 0
    }

    .sidebarFilterControl.sticky .sidebarFilterControl__filterInfo {
        display: none
    }

.sidebarFilterControl__innerContainer {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-top: 32px
}

.sidebarFilterControl__filterInfo {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: .813rem;
    line-height: 1.538em;
    letter-spacing: -.003em;
    font-weight: 400;
    margin-top: 16px
}

    .sidebarFilterControl__filterInfo .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .sidebarFilterControl__filterInfo .link a:hover {
            color: var(--m-01)
        }

    .sidebarFilterControl__filterInfo mark, .sidebarFilterControl__filterInfo mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .sidebarFilterControl__filterInfo mark[data-color=gray] {
            color: var(--neu-07)
        }

        .sidebarFilterControl__filterInfo mark[data-color=default] {
            color: var(--neu-10)
        }

    .sidebarFilterControl__filterInfo span.m-01--dark-01, .sidebarFilterControl__filterInfo span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .sidebarFilterControl__filterInfo span.neu-07, .sidebarFilterControl__filterInfo span[data-color=gray] {
        color: var(--neu-07)
    }

    .sidebarFilterControl__filterInfo span.neu-10, .sidebarFilterControl__filterInfo span[data-color=default] {
        color: var(--neu-10)
    }

    .sidebarFilterControl__filterInfo b, .sidebarFilterControl__filterInfo strong {
        font-weight: 700
    }

    .sidebarFilterControl__filterInfo em {
        font-style: italic
    }

    .sidebarFilterControl__filterInfo span {
        color: var(--m-01--dark-01)
    }

.supplierCard, .supplierCard--small {
    box-shadow: 0 0 1px rgba(26,24,23,.05),0 2px 4px rgba(26,24,23,.1);
    width: 100%;
    min-height: 216px;
    display: flex;
    margin: 0 auto
}

.supplierCard__container {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding: 24px;
    width: 100%;
    position: static;
    background: var(--neu-01);
    transition: all .4s ease-in-out;
    border-radius: 2px
}

    .supplierCard__container.opened {
        position: fixed;
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%,-50%);
        overflow-y: auto;
        overflow-x: hidden;
        max-height: 90vh;
        padding: 40px;
        z-index: 93;
        max-width: 720px;
        padding: 24px 88px 40px 24px
    }

        .supplierCard__container.opened .btnContainer:first-of-type {
            position: relative;
            opacity: 1
        }

        .supplierCard__container.opened .supplierCard__title {
            margin: 16px 0
        }

        .supplierCard__container.opened .closeExpandedCard {
            display: flex
        }

    .supplierCard__container.backing {
        position: fixed;
        z-index: 93;
        transition: all .4s ease-out;
        max-width: 40%
    }

@media (max-width:1024px) {
    .supplierCard__container.backing {
        max-width: 90vw
    }
}

.supplierCard__image {
    max-width: 168px;
    width: calc(30% - 24px);
    margin-right: 24px
}

.supplierCard__content {
    display: flex;
    flex-direction: column;
    max-width: 70%
}

.supplierCard__title {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1.438rem;
    line-height: 1.391em;
    letter-spacing: -.019em;
    font-weight: 400;
    font-weight: 700;
    margin: 16px 0 8px
}

    .supplierCard__title .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .supplierCard__title .link a:hover {
            color: var(--m-01)
        }

    .supplierCard__title mark, .supplierCard__title mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .supplierCard__title mark[data-color=gray] {
            color: var(--neu-07)
        }

        .supplierCard__title mark[data-color=default] {
            color: var(--neu-10)
        }

    .supplierCard__title span.m-01--dark-01, .supplierCard__title span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .supplierCard__title span.neu-07, .supplierCard__title span[data-color=gray] {
        color: var(--neu-07)
    }

    .supplierCard__title span.neu-10, .supplierCard__title span[data-color=default] {
        color: var(--neu-10)
    }

    .supplierCard__title b, .supplierCard__title strong {
        font-weight: 700
    }

    .supplierCard__title em {
        font-style: italic
    }

@media (max-width:1024px) {
    .supplierCard__title {
        font-size: 1.188rem;
        line-height: 1.263em;
        letter-spacing: -.016em
    }
}

.supplierCard__shortDescription {
    max-width: 90%;
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: .813rem;
    line-height: 1.538em;
    letter-spacing: -.003em;
    font-weight: 400;
    padding-bottom: 24px
}

    .supplierCard__shortDescription .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .supplierCard__shortDescription .link a:hover {
            color: var(--m-01)
        }

    .supplierCard__shortDescription mark, .supplierCard__shortDescription mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .supplierCard__shortDescription mark[data-color=gray] {
            color: var(--neu-07)
        }

        .supplierCard__shortDescription mark[data-color=default] {
            color: var(--neu-10)
        }

    .supplierCard__shortDescription span.m-01--dark-01, .supplierCard__shortDescription span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .supplierCard__shortDescription span.neu-07, .supplierCard__shortDescription span[data-color=gray] {
        color: var(--neu-07)
    }

    .supplierCard__shortDescription span.neu-10, .supplierCard__shortDescription span[data-color=default] {
        color: var(--neu-10)
    }

    .supplierCard__shortDescription b, .supplierCard__shortDescription strong {
        font-weight: 700
    }

    .supplierCard__shortDescription em {
        font-style: italic
    }

.supplierCard--small .textFormats, .supplierCard .textFormats, .supplierCard__link {
    display: none
}

    .supplierCard--small .textFormats > *, .supplierCard .textFormats > * {
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-stretch: normal;
        letter-spacing: normal;
        font-family: Inter,sans-serif;
        font-size: .813rem;
        line-height: 1.538em;
        letter-spacing: -.003em;
        font-weight: 400;
        margin-bottom: 8px !important
    }

        .supplierCard--small .textFormats > * .link a, .supplierCard .textFormats > * .link a {
            transition: all .1s ease;
            text-decoration: underline;
            color: var(--m-01--dark-01)
        }

            .supplierCard--small .textFormats > * .link a:hover, .supplierCard .textFormats > * .link a:hover {
                color: var(--m-01)
            }

        .supplierCard--small .textFormats > * mark, .supplierCard--small .textFormats > * mark[data-color=color], .supplierCard .textFormats > * mark, .supplierCard .textFormats > * mark[data-color=color] {
            color: var(--m-01--dark-01)
        }

            .supplierCard--small .textFormats > * mark[data-color=gray], .supplierCard .textFormats > * mark[data-color=gray] {
                color: var(--neu-07)
            }

            .supplierCard--small .textFormats > * mark[data-color=default], .supplierCard .textFormats > * mark[data-color=default] {
                color: var(--neu-10)
            }

        .supplierCard--small .textFormats > * span.m-01--dark-01, .supplierCard--small .textFormats > * span[data-color=color], .supplierCard .textFormats > * span.m-01--dark-01, .supplierCard .textFormats > * span[data-color=color] {
            color: var(--m-01--dark-01)
        }

        .supplierCard--small .textFormats > * span.neu-07, .supplierCard--small .textFormats > * span[data-color=gray], .supplierCard .textFormats > * span.neu-07, .supplierCard .textFormats > * span[data-color=gray] {
            color: var(--neu-07)
        }

        .supplierCard--small .textFormats > * span.neu-10, .supplierCard--small .textFormats > * span[data-color=default], .supplierCard .textFormats > * span.neu-10, .supplierCard .textFormats > * span[data-color=default] {
            color: var(--neu-10)
        }

        .supplierCard--small .textFormats > * b, .supplierCard--small .textFormats > * strong, .supplierCard .textFormats > * b, .supplierCard .textFormats > * strong {
            font-weight: 700
        }

        .supplierCard--small .textFormats > * em, .supplierCard .textFormats > * em {
            font-style: italic
        }

    .supplierCard--small .textFormats .bodyText, .supplierCard--small .textFormats .bulletList, .supplierCard .textFormats .bodyText, .supplierCard .textFormats .bulletList {
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-stretch: normal;
        letter-spacing: normal;
        font-family: Inter,sans-serif;
        font-size: .813rem;
        line-height: 1.538em;
        letter-spacing: -.003em;
        font-weight: 400
    }

        .supplierCard--small .textFormats .bodyText .link a, .supplierCard--small .textFormats .bulletList .link a, .supplierCard .textFormats .bodyText .link a, .supplierCard .textFormats .bulletList .link a {
            transition: all .1s ease;
            text-decoration: underline;
            color: var(--m-01--dark-01)
        }

            .supplierCard--small .textFormats .bodyText .link a:hover, .supplierCard--small .textFormats .bulletList .link a:hover, .supplierCard .textFormats .bodyText .link a:hover, .supplierCard .textFormats .bulletList .link a:hover {
                color: var(--m-01)
            }

        .supplierCard--small .textFormats .bodyText mark, .supplierCard--small .textFormats .bodyText mark[data-color=color], .supplierCard--small .textFormats .bulletList mark, .supplierCard--small .textFormats .bulletList mark[data-color=color], .supplierCard .textFormats .bodyText mark, .supplierCard .textFormats .bodyText mark[data-color=color], .supplierCard .textFormats .bulletList mark, .supplierCard .textFormats .bulletList mark[data-color=color] {
            color: var(--m-01--dark-01)
        }

            .supplierCard--small .textFormats .bodyText mark[data-color=gray], .supplierCard--small .textFormats .bulletList mark[data-color=gray], .supplierCard .textFormats .bodyText mark[data-color=gray], .supplierCard .textFormats .bulletList mark[data-color=gray] {
                color: var(--neu-07)
            }

            .supplierCard--small .textFormats .bodyText mark[data-color=default], .supplierCard--small .textFormats .bulletList mark[data-color=default], .supplierCard .textFormats .bodyText mark[data-color=default], .supplierCard .textFormats .bulletList mark[data-color=default] {
                color: var(--neu-10)
            }

        .supplierCard--small .textFormats .bodyText span.m-01--dark-01, .supplierCard--small .textFormats .bodyText span[data-color=color], .supplierCard--small .textFormats .bulletList span.m-01--dark-01, .supplierCard--small .textFormats .bulletList span[data-color=color], .supplierCard .textFormats .bodyText span.m-01--dark-01, .supplierCard .textFormats .bodyText span[data-color=color], .supplierCard .textFormats .bulletList span.m-01--dark-01, .supplierCard .textFormats .bulletList span[data-color=color] {
            color: var(--m-01--dark-01)
        }

        .supplierCard--small .textFormats .bodyText span.neu-07, .supplierCard--small .textFormats .bodyText span[data-color=gray], .supplierCard--small .textFormats .bulletList span.neu-07, .supplierCard--small .textFormats .bulletList span[data-color=gray], .supplierCard .textFormats .bodyText span.neu-07, .supplierCard .textFormats .bodyText span[data-color=gray], .supplierCard .textFormats .bulletList span.neu-07, .supplierCard .textFormats .bulletList span[data-color=gray] {
            color: var(--neu-07)
        }

        .supplierCard--small .textFormats .bodyText span.neu-10, .supplierCard--small .textFormats .bodyText span[data-color=default], .supplierCard--small .textFormats .bulletList span.neu-10, .supplierCard--small .textFormats .bulletList span[data-color=default], .supplierCard .textFormats .bodyText span.neu-10, .supplierCard .textFormats .bodyText span[data-color=default], .supplierCard .textFormats .bulletList span.neu-10, .supplierCard .textFormats .bulletList span[data-color=default] {
            color: var(--neu-10)
        }

        .supplierCard--small .textFormats .bodyText b, .supplierCard--small .textFormats .bodyText strong, .supplierCard--small .textFormats .bulletList b, .supplierCard--small .textFormats .bulletList strong, .supplierCard .textFormats .bodyText b, .supplierCard .textFormats .bodyText strong, .supplierCard .textFormats .bulletList b, .supplierCard .textFormats .bulletList strong {
            font-weight: 700
        }

        .supplierCard--small .textFormats .bodyText em, .supplierCard--small .textFormats .bulletList em, .supplierCard .textFormats .bodyText em, .supplierCard .textFormats .bulletList em {
            font-style: italic
        }

        .supplierCard--small .textFormats .bodyText li:before, .supplierCard--small .textFormats .bulletList li:before, .supplierCard .textFormats .bodyText li:before, .supplierCard .textFormats .bulletList li:before {
            font-size: 10px;
            top: 10px
        }

.supplierCard__link {
    position: absolute;
    bottom: 0;
    right: -48px
}

    .supplierCard__link .btn--tertiary:hover span {
        opacity: .7;
        transition: all .1s ease
    }

.supplierCard--small .openExpandedCard, .supplierCard .openExpandedCard {
    position: relative;
    margin-left: auto;
    align-self: flex-end
}

.supplierCard--small .closeExpandedCard, .supplierCard .closeExpandedCard {
    position: absolute;
    top: 24px;
    right: 24px;
    cursor: pointer;
    z-index: 5;
    display: none
}

.supplierCard--small {
    max-width: 960px;
    min-height: 214px
}

    .supplierCard--small .supplierCard__container {
        padding: 24px 16px
    }

        .supplierCard--small .supplierCard__container.opened {
            max-width: 90vw;
            padding: 24px 40px 24px 24px
        }

@media (max-width:768px) {
    .supplierCard--small .supplierCard__container.opened {
        padding: 24px
    }
}

.supplierCard--small .supplierCard__container.opened .supplierCard__content {
    max-width: calc(100% - 120px - 16px)
}

@media (max-width:768px) {
    .supplierCard--small .supplierCard__container.opened .supplierCard__content {
        max-width: 100%
    }
}

.supplierCard--small .supplierCard__container.opened .supplierCard__image {
    width: 120px;
    height: 120px
}

.supplierCard--small .supplierCard__image {
    max-width: 110px;
    width: calc(15% - 16px);
    margin-right: 16px
}

@media (max-width:768px) {
    .supplierCard--small .supplierCard__image {
        width: calc(25% - 16px)
    }
}

@media (max-width:512px) {
    .supplierCard--small .supplierCard__image {
        width: calc(40% - 16px)
    }
}

.supplierCard--small .supplierCard__content {
    max-width: 85%
}

@media (max-width:768px) {
    .supplierCard--small .supplierCard__content {
        max-width: 75%
    }
}

@media (max-width:512px) {
    .supplierCard--small .supplierCard__content {
        max-width: 60%
    }
}

@media (max-width:768px) {
    .supplierCard--small .supplierCard__title {
        margin: 16px 0 8px
    }
}

.supplierCard--small .supplierCard__link {
    right: -40px
}

@media (max-width:768px) {
    .supplierCard--small .supplierCard__link {
        right: -24px
    }
}

.supplierCard--small .supplierCard__shortDescription {
    max-width: none
}

.supplierCard--small .openExpandedCard, .supplierCard--small .openExpandedCard button {
    width: 100%
}

.supplierCard--small .closeExpandedCard {
    top: 16px;
    right: 8px
}

.supplierCard--small .btn, .supplierCard--small .btn--icon, .supplierCard--small .btn--primary, .supplierCard--small .btn--primary--dark, .supplierCard--small .btn--secondary, .supplierCard--small .btn--small, .supplierCard--small .btn--tertiary {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: .813rem;
    line-height: 1.538em;
    letter-spacing: -.003em;
    font-weight: 400;
    font-weight: 700;
    padding: 0 20px;
    height: 40px
}

    .supplierCard--small .btn--icon .link a, .supplierCard--small .btn--primary--dark .link a, .supplierCard--small .btn--primary .link a, .supplierCard--small .btn--secondary .link a, .supplierCard--small .btn--small .link a, .supplierCard--small .btn--tertiary .link a, .supplierCard--small .btn .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .supplierCard--small .btn--icon .link a:hover, .supplierCard--small .btn--primary--dark .link a:hover, .supplierCard--small .btn--primary .link a:hover, .supplierCard--small .btn--secondary .link a:hover, .supplierCard--small .btn--small .link a:hover, .supplierCard--small .btn--tertiary .link a:hover, .supplierCard--small .btn .link a:hover {
            color: var(--m-01)
        }

    .supplierCard--small .btn--icon mark, .supplierCard--small .btn--icon mark[data-color=color], .supplierCard--small .btn--primary--dark mark, .supplierCard--small .btn--primary--dark mark[data-color=color], .supplierCard--small .btn--primary mark, .supplierCard--small .btn--primary mark[data-color=color], .supplierCard--small .btn--secondary mark, .supplierCard--small .btn--secondary mark[data-color=color], .supplierCard--small .btn--small mark, .supplierCard--small .btn--small mark[data-color=color], .supplierCard--small .btn--tertiary mark, .supplierCard--small .btn--tertiary mark[data-color=color], .supplierCard--small .btn mark, .supplierCard--small .btn mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .supplierCard--small .btn--icon mark[data-color=gray], .supplierCard--small .btn--primary--dark mark[data-color=gray], .supplierCard--small .btn--primary mark[data-color=gray], .supplierCard--small .btn--secondary mark[data-color=gray], .supplierCard--small .btn--small mark[data-color=gray], .supplierCard--small .btn--tertiary mark[data-color=gray], .supplierCard--small .btn mark[data-color=gray] {
            color: var(--neu-07)
        }

        .supplierCard--small .btn--icon mark[data-color=default], .supplierCard--small .btn--primary--dark mark[data-color=default], .supplierCard--small .btn--primary mark[data-color=default], .supplierCard--small .btn--secondary mark[data-color=default], .supplierCard--small .btn--small mark[data-color=default], .supplierCard--small .btn--tertiary mark[data-color=default], .supplierCard--small .btn mark[data-color=default] {
            color: var(--neu-10)
        }

    .supplierCard--small .btn--icon span.m-01--dark-01, .supplierCard--small .btn--icon span[data-color=color], .supplierCard--small .btn--primary--dark span.m-01--dark-01, .supplierCard--small .btn--primary--dark span[data-color=color], .supplierCard--small .btn--primary span.m-01--dark-01, .supplierCard--small .btn--primary span[data-color=color], .supplierCard--small .btn--secondary span.m-01--dark-01, .supplierCard--small .btn--secondary span[data-color=color], .supplierCard--small .btn--small span.m-01--dark-01, .supplierCard--small .btn--small span[data-color=color], .supplierCard--small .btn--tertiary span.m-01--dark-01, .supplierCard--small .btn--tertiary span[data-color=color], .supplierCard--small .btn span.m-01--dark-01, .supplierCard--small .btn span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .supplierCard--small .btn--icon span.neu-07, .supplierCard--small .btn--icon span[data-color=gray], .supplierCard--small .btn--primary--dark span.neu-07, .supplierCard--small .btn--primary--dark span[data-color=gray], .supplierCard--small .btn--primary span.neu-07, .supplierCard--small .btn--primary span[data-color=gray], .supplierCard--small .btn--secondary span.neu-07, .supplierCard--small .btn--secondary span[data-color=gray], .supplierCard--small .btn--small span.neu-07, .supplierCard--small .btn--small span[data-color=gray], .supplierCard--small .btn--tertiary span.neu-07, .supplierCard--small .btn--tertiary span[data-color=gray], .supplierCard--small .btn span.neu-07, .supplierCard--small .btn span[data-color=gray] {
        color: var(--neu-07)
    }

    .supplierCard--small .btn--icon span.neu-10, .supplierCard--small .btn--icon span[data-color=default], .supplierCard--small .btn--primary--dark span.neu-10, .supplierCard--small .btn--primary--dark span[data-color=default], .supplierCard--small .btn--primary span.neu-10, .supplierCard--small .btn--primary span[data-color=default], .supplierCard--small .btn--secondary span.neu-10, .supplierCard--small .btn--secondary span[data-color=default], .supplierCard--small .btn--small span.neu-10, .supplierCard--small .btn--small span[data-color=default], .supplierCard--small .btn--tertiary span.neu-10, .supplierCard--small .btn--tertiary span[data-color=default], .supplierCard--small .btn span.neu-10, .supplierCard--small .btn span[data-color=default] {
        color: var(--neu-10)
    }

    .supplierCard--small .btn--icon b, .supplierCard--small .btn--icon strong, .supplierCard--small .btn--primary--dark b, .supplierCard--small .btn--primary--dark strong, .supplierCard--small .btn--primary b, .supplierCard--small .btn--primary strong, .supplierCard--small .btn--secondary b, .supplierCard--small .btn--secondary strong, .supplierCard--small .btn--small b, .supplierCard--small .btn--small strong, .supplierCard--small .btn--tertiary b, .supplierCard--small .btn--tertiary strong, .supplierCard--small .btn b, .supplierCard--small .btn strong {
        font-weight: 700
    }

    .supplierCard--small .btn--icon em, .supplierCard--small .btn--primary--dark em, .supplierCard--small .btn--primary em, .supplierCard--small .btn--secondary em, .supplierCard--small .btn--small em, .supplierCard--small .btn--tertiary em, .supplierCard--small .btn em {
        font-style: italic
    }

    .supplierCard--small .btn--icon i, .supplierCard--small .btn--primary--dark i, .supplierCard--small .btn--primary i, .supplierCard--small .btn--secondary i, .supplierCard--small .btn--small i, .supplierCard--small .btn--tertiary i, .supplierCard--small .btn i {
        min-width: 16px;
        width: 16px;
        height: 16px;
        font-size: 16px
    }

        .supplierCard--small .btn--icon i:before, .supplierCard--small .btn--primary--dark i:before, .supplierCard--small .btn--primary i:before, .supplierCard--small .btn--secondary i:before, .supplierCard--small .btn--small i:before, .supplierCard--small .btn--tertiary i:before, .supplierCard--small .btn i:before {
            font-size: 16px;
            font-weight: 400
        }

    .supplierCard--small .btn--icon, .supplierCard--small .btn--icon.btn--primary, .supplierCard--small .btn--icon.btn--primary--dark, .supplierCard--small .btn--icon.btn--secondary, .supplierCard--small .btn--icon.btn--small, .supplierCard--small .btn--icon.btn--tertiary, .supplierCard--small .btn.btn--icon {
        width: 40px;
        min-width: 40px
    }

.table__container {
    overflow-x: auto;
    scrollbar-width: thin;
    padding-bottom: 14px
}

    .table__container::-webkit-scrollbar-track {
        border-radius: 8px;
        background-color: var(--neu-03);
        margin: 40px 0 0
    }

    .table__container::-webkit-scrollbar {
        height: 2px;
        width: 2px
    }

    .table__container::-webkit-scrollbar-thumb {
        border-radius: 8px;
        background-color: var(--neu-10)
    }

        .table__container::-webkit-scrollbar-thumb:hover {
            background: var(--neu-07)
        }

    .table__container.active {
        cursor: grabbing
    }

.table__table {
    width: 100%
}

.table__header {
    height: 40px
}

.table__header, .table__row {
    border-bottom: 1px solid var(--neu-03)
}

.table__row {
    height: 72px
}

.table__cell {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: .813rem;
    line-height: 1.538em;
    letter-spacing: -.003em;
    font-weight: 400;
    color: var(--neu-10);
    padding: 8px;
    vertical-align: middle;
    height: inherit;
    min-width: 110px
}

    .table__cell .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .table__cell .link a:hover {
            color: var(--m-01)
        }

    .table__cell mark, .table__cell mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .table__cell mark[data-color=gray] {
            color: var(--neu-07)
        }

        .table__cell mark[data-color=default] {
            color: var(--neu-10)
        }

    .table__cell span.m-01--dark-01, .table__cell span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .table__cell span.neu-07, .table__cell span[data-color=gray] {
        color: var(--neu-07)
    }

    .table__cell span.neu-10, .table__cell span[data-color=default] {
        color: var(--neu-10)
    }

    .table__cell b, .table__cell strong {
        font-weight: 700
    }

    .table__cell em {
        font-style: italic
    }

    .table__cell:first-child {
        width: 25%;
        position: sticky;
        left: 0;
        z-index: 1;
        padding: 8px 16px 8px 0;
        min-width: 180px;
        max-width: 240px;
        box-shadow: inset -1px 0 0 0 var(--neu-03)
    }

@media (min--moz-device-pixel-ratio:0) {
    .table__cell:first-child {
        background: transparent;
        box-shadow: 1px 0 0 0 var(--neu-03)
    }

        .table__cell:first-child:before {
            content: "";
            position: absolute;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0
        }
}

@media (max-width:1280px) {
    .table__cell:first-child {
        min-width: 200px;
        max-width: 260px
    }
}

@media (max-width:768px) {
    .table__cell:first-child {
        min-width: 160px
    }
}

.table__cell:first-child:has(label) {
    min-width: 240px
}

@media (max-width:1280px) {
    .table__cell:first-child:has(label) {
        min-width: 260px
    }
}

@media (max-width:768px) {
    .table__cell:first-child:has(label) {
        min-width: 180px
    }
}

.table__cell:nth-child(2) {
    padding-left: 16px
}

.table__cell:last-child {
    text-align: right;
    padding-right: 0;
    min-width: unset
}

.table__cell--delete {
    width: 64px
}

.table__cell--link {
    width: -moz-fit-content;
    width: fit-content;
    text-align: right;
    padding-right: 16px
}

.table__cell-title {
    transition: all .1s ease;
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: .813rem;
    line-height: 1.538em;
    letter-spacing: -.003em;
    font-weight: 400;
    white-space: nowrap;
    color: var(--neu-07);
    cursor: pointer;
    display: flex;
    align-items: center
}

    .table__cell-title .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .table__cell-title .link a:hover {
            color: var(--m-01)
        }

    .table__cell-title mark, .table__cell-title mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .table__cell-title mark[data-color=gray] {
            color: var(--neu-07)
        }

        .table__cell-title mark[data-color=default] {
            color: var(--neu-10)
        }

    .table__cell-title span.m-01--dark-01, .table__cell-title span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .table__cell-title span.neu-07, .table__cell-title span[data-color=gray] {
        color: var(--neu-07)
    }

    .table__cell-title span.neu-10, .table__cell-title span[data-color=default] {
        color: var(--neu-10)
    }

    .table__cell-title b, .table__cell-title strong {
        font-weight: 700
    }

    .table__cell-title em {
        font-style: italic
    }

    .table__cell-title:after {
        width: 16px;
        height: 16px;
        font-size: 16px;
        font-family: aicep-base-icons !important;
        font-weight: 400;
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        content: "\e963";
        position: static;
        top: unset;
        transform: unset
    }

    .table__cell-title:hover {
        opacity: .7
    }

    .table__cell-title[data-sort=az] {
        color: var(--neu-10)
    }

        .table__cell-title[data-sort=az]:after {
            content: "\e912"
        }

    .table__cell-title[data-sort=za] {
        color: var(--neu-10)
    }

        .table__cell-title[data-sort=za]:after {
            content: "\e911"
        }

.table__cell-first {
    display: flex;
    align-items: center;
    gap: 16px;
    height: 100%
}

    .table__cell-first .table__cell-text {
        min-width: unset
    }

    .table__cell-first:hover .table__cell-text {
        opacity: .7
    }

.table__cell-content {
    display: flex;
    gap: 4px;
    align-items: center
}

@media (max-width:768px) {
    .table__cell-content {
        flex-wrap: wrap
    }
}

.table__cell-content .label--default {
    display: inline;
    align-self: flex-end;
    transform: translateY(-2px)
}

.table__cell-content i {
    margin-right: 4px;
    min-width: 24px;
    width: 24px;
    height: 24px;
    font-size: 24px;
    color: var(--m-02--dark-01)
}

    .table__cell-content i:before {
        font-size: 24px;
        font-weight: 400
    }

.table__cell-text {
    min-width: 105px;
    /*! autoprefixer: off */ -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -moz-line-clamp: 2;
    -ms-line-clamp: 2;
    line-clamp: 2;
    overflow: hidden
}

@media (max-width:1280px) {
    .table__cell-text {
        min-width: 125px
    }
}

.table .pagination {
    margin-top: 16px
}

[data-bg=neu-01] td:first-child, [data-bg=neu-01] th:first-child {
    background-color: var(--neu-01)
}

@media (min--moz-device-pixel-ratio:0) {
    [data-bg=neu-01] td:first-child, [data-bg=neu-01] th:first-child {
        background: transparent
    }

        [data-bg=neu-01] td:first-child:before, [data-bg=neu-01] th:first-child:before {
            background-color: var(--neu-01)
        }
}

[data-bg=neu-02] td:first-child, [data-bg=neu-02] th:first-child {
    background-color: var(--neu-02)
}

@media (min--moz-device-pixel-ratio:0) {
    [data-bg=neu-02] td:first-child, [data-bg=neu-02] th:first-child {
        background: transparent
    }

        [data-bg=neu-02] td:first-child:before, [data-bg=neu-02] th:first-child:before {
            background-color: var(--neu-02)
        }
}

.tabs__tab {
    color: var(--neu-10);
    width: -moz-fit-content;
    width: fit-content;
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 8px;
    padding: 32px 48px;
    cursor: pointer
}

    .tabs__tab:hover {
        opacity: .7
    }

@media (max-width:1024px) {
    .tabs__tab {
        padding: 24px 40px
    }
}

.tabs__tab:before {
    transition: all .15s ease-in-out;
    content: "";
    position: absolute;
    width: 0;
    height: 2px;
    background-color: var(--m-01--dark-01);
    bottom: 0;
    right: 0
}

.tabs__tab.active {
    color: var(--m-01--dark-01);
    pointer-events: none
}

    .tabs__tab.active:hover {
        opacity: 1
    }

    .tabs__tab.active:before {
        width: 100%;
        left: 0;
        right: auto
    }

.tabs__icon {
    min-width: 24px;
    width: 24px;
    height: 24px;
    font-size: 24px
}

    .tabs__icon:before {
        font-size: 24px;
        font-weight: 400
    }

.tabs__tabName {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1.438rem;
    line-height: 1.391em;
    letter-spacing: -.019em;
    font-weight: 400
}

    .tabs__tabName .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .tabs__tabName .link a:hover {
            color: var(--m-01)
        }

    .tabs__tabName mark, .tabs__tabName mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .tabs__tabName mark[data-color=gray] {
            color: var(--neu-07)
        }

        .tabs__tabName mark[data-color=default] {
            color: var(--neu-10)
        }

    .tabs__tabName span.m-01--dark-01, .tabs__tabName span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .tabs__tabName span.neu-07, .tabs__tabName span[data-color=gray] {
        color: var(--neu-07)
    }

    .tabs__tabName span.neu-10, .tabs__tabName span[data-color=default] {
        color: var(--neu-10)
    }

    .tabs__tabName b, .tabs__tabName strong {
        font-weight: 700
    }

    .tabs__tabName em {
        font-style: italic
    }

@media (max-width:1024px) {
    .tabs__tabName {
        font-size: 1.188rem;
        line-height: 1.263em;
        letter-spacing: -.016em
    }
}

.tabs__notification {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: .688rem;
    line-height: 1.455em;
    letter-spacing: .005em;
    font-weight: 700;
    box-shadow: 0 0 1px rgba(26,24,23,.05),0 2px 4px rgba(26,24,23,.1);
    min-width: 24px;
    height: 24px;
    background-color: var(--add-02--dark-02);
    border: 1px solid var(--neu-01);
    color: var(--neu-01);
    border-radius: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 7px;
    position: absolute;
    left: calc(100% - 46px);
    bottom: 50px
}

    .tabs__notification .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .tabs__notification .link a:hover {
            color: var(--m-01)
        }

    .tabs__notification mark, .tabs__notification mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .tabs__notification mark[data-color=gray] {
            color: var(--neu-07)
        }

        .tabs__notification mark[data-color=default] {
            color: var(--neu-10)
        }

    .tabs__notification span.m-01--dark-01, .tabs__notification span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .tabs__notification span.neu-07, .tabs__notification span[data-color=gray] {
        color: var(--neu-07)
    }

    .tabs__notification span.neu-10, .tabs__notification span[data-color=default] {
        color: var(--neu-10)
    }

    .tabs__notification b, .tabs__notification strong {
        font-weight: 700
    }

    .tabs__notification em {
        font-style: italic
    }

@media (max-width:1024px) {
    .tabs__notification {
        left: calc(100% - 36px);
        bottom: 36px
    }
}

@media (max-width:1024px) {
    .tabs.sliderOn .swiper-wrapper {
        width: 100%;
        max-width: 1440px;
        margin: 0 auto;
        padding: 0 64px;
        width: -moz-fit-content;
        width: fit-content;
        box-sizing: content-box;
        display: flex
    }
}

@media (max-width:1024px) and (max-width:1280px) {
    .tabs.sliderOn .swiper-wrapper {
        padding: 0 40px
    }
}

@media (max-width:1024px) and (max-width:1024px) {
    .tabs.sliderOn .swiper-wrapper {
        padding: 0 32px
    }
}

@media (max-width:1024px) and (max-width:768px) {
    .tabs.sliderOn .swiper-wrapper {
        padding: 0 24px
    }
}

@media (max-width:1024px) and (max-width:512px) {
    .tabs.sliderOn .swiper-wrapper {
        padding: 0 16px
    }
}

.tabs.sliderOn .swiper-container {
    border: none
}

@media (max-width:1024px) {
    .tabs.sliderOn .swiper-container:before {
        display: none
    }
}

.tabs.sliderOn .swiper-slide:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: var(--neu-03);
    bottom: 0;
    left: 0
}

@media (max-width:1024px) {
    .tabs.sliderOn .swiper-slide:last-child {
        margin-right: 100px
    }
}

@media (max-width:1024px) {
    .tabs.sliderOn .tabs__slider {
        padding: 0;
        padding-bottom: 8px
    }
}

.tabs__slider {
    padding-bottom: 8px
}

.tabs .swiper-container {
    width: 100%;
    height: 100%;
    grid-column: 1/13
}

    .tabs .swiper-container:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 2px;
        background-color: var(--neu-03);
        bottom: 0;
        left: 0
    }

@media (max-width:1024px) {
    .tabs .swiper-container {
        grid-column: 1/7
    }
}

.tabs .swiper-wrapper {
    transition: transform .5s cubic-bezier(.42,0,.13,1.01);
    transition-duration: .5s !important
}

.tabs .swiper-slide {
    transition: all .25s ease-in-out
}

.tabs__tabContainer {
    width: 100%;
    display: none;
    opacity: 0;
    visibility: unset;
    grid-column: 1/13
}

@media (max-width:1024px) {
    .tabs__tabContainer {
        grid-column: 1/7
    }
}

.tabs__tabContainer.active {
    display: block;
    opacity: 1
}

.textFormats {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1rem;
    line-height: 1.5em;
    letter-spacing: -.011em;
    font-weight: 400
}

    .textFormats .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .textFormats .link a:hover {
            color: var(--m-01)
        }

    .textFormats mark, .textFormats mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .textFormats mark[data-color=gray] {
            color: var(--neu-07)
        }

        .textFormats mark[data-color=default] {
            color: var(--neu-10)
        }

    .textFormats span.m-01--dark-01, .textFormats span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .textFormats span.neu-07, .textFormats span[data-color=gray] {
        color: var(--neu-07)
    }

    .textFormats span.neu-10, .textFormats span[data-color=default] {
        color: var(--neu-10)
    }

    .textFormats b, .textFormats strong {
        font-weight: 700
    }

    .textFormats em {
        font-style: italic
    }

    .textFormats .textContainer {
        grid-column: 1/13;
        max-width: 640px;
        margin: 0 auto
    }

@media (max-width:1024px) {
    .textFormats .textContainer {
        grid-column: 1/7
    }
}

.textFormats .textContainer :last-child {
    margin-bottom: 0
}

.textFormats .bodyText, .textFormats .bulletList, .textFormats .captionText, .textFormats .descriptionList, .textFormats .fontBrand, .textFormats .fontBrand--level3, .textFormats .fontBrand--level4, .textFormats .fontBrand--level5, .textFormats .fontBrand--level6, .textFormats .fontMain, .textFormats .fontMain--level2, .textFormats .fontMain--level3, .textFormats .fontMain--level4, .textFormats .fontMain--level5, .textFormats .fontMain--level6, .textFormats .image, .textFormats .numberedList, .textFormats .quoteText, .textFormats .video, .textFormats blockquote, .textFormats caption, .textFormats dl, .textFormats figure, .textFormats ol, .textFormats p, .textFormats ul {
    margin-bottom: 32px;
    display: block
}

@media (max-width:1024px) {
    .textFormats .bodyText, .textFormats .bulletList, .textFormats .captionText, .textFormats .descriptionList, .textFormats .fontBrand, .textFormats .fontBrand--level3, .textFormats .fontBrand--level4, .textFormats .fontBrand--level5, .textFormats .fontBrand--level6, .textFormats .fontMain, .textFormats .fontMain--level2, .textFormats .fontMain--level3, .textFormats .fontMain--level4, .textFormats .fontMain--level5, .textFormats .fontMain--level6, .textFormats .image, .textFormats .numberedList, .textFormats .quoteText, .textFormats .video, .textFormats blockquote, .textFormats caption, .textFormats dl, .textFormats figure, .textFormats ol, .textFormats p, .textFormats ul {
        margin-bottom: 24px
    }
}

.textFormats .fontBrand--level3 {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Calma Global Medium,sans-serif;
    font-size: 3.5rem;
    line-height: 1.143em;
    letter-spacing: -.027em
}

    .textFormats .fontBrand--level3 .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .textFormats .fontBrand--level3 .link a:hover {
            color: var(--m-01)
        }

    .textFormats .fontBrand--level3 mark, .textFormats .fontBrand--level3 mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .textFormats .fontBrand--level3 mark[data-color=gray] {
            color: var(--neu-07)
        }

        .textFormats .fontBrand--level3 mark[data-color=default] {
            color: var(--neu-10)
        }

    .textFormats .fontBrand--level3 span.m-01--dark-01, .textFormats .fontBrand--level3 span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .textFormats .fontBrand--level3 span.neu-07, .textFormats .fontBrand--level3 span[data-color=gray] {
        color: var(--neu-07)
    }

    .textFormats .fontBrand--level3 span.neu-10, .textFormats .fontBrand--level3 span[data-color=default] {
        color: var(--neu-10)
    }

    .textFormats .fontBrand--level3 b, .textFormats .fontBrand--level3 strong {
        font-weight: 700
    }

    .textFormats .fontBrand--level3 em {
        font-style: italic
    }

@media (max-width:1024px) {
    .textFormats .fontBrand--level3 {
        font-size: 2.5rem;
        line-height: 1.2em;
        letter-spacing: -.025em
    }
}

.textFormats .fontBrand--level4 {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Calma Global Medium,sans-serif;
    font-size: 2.5rem;
    line-height: 1.2em;
    letter-spacing: -.025em
}

    .textFormats .fontBrand--level4 .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .textFormats .fontBrand--level4 .link a:hover {
            color: var(--m-01)
        }

    .textFormats .fontBrand--level4 mark, .textFormats .fontBrand--level4 mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .textFormats .fontBrand--level4 mark[data-color=gray] {
            color: var(--neu-07)
        }

        .textFormats .fontBrand--level4 mark[data-color=default] {
            color: var(--neu-10)
        }

    .textFormats .fontBrand--level4 span.m-01--dark-01, .textFormats .fontBrand--level4 span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .textFormats .fontBrand--level4 span.neu-07, .textFormats .fontBrand--level4 span[data-color=gray] {
        color: var(--neu-07)
    }

    .textFormats .fontBrand--level4 span.neu-10, .textFormats .fontBrand--level4 span[data-color=default] {
        color: var(--neu-10)
    }

    .textFormats .fontBrand--level4 b, .textFormats .fontBrand--level4 strong {
        font-weight: 700
    }

    .textFormats .fontBrand--level4 em {
        font-style: italic
    }

@media (max-width:1024px) {
    .textFormats .fontBrand--level4 {
        font-size: 2rem;
        line-height: 1.25em;
        letter-spacing: -.016em
    }
}

.textFormats .fontBrand--level5 {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Calma Global Medium,sans-serif;
    font-size: 2rem;
    line-height: 1.25em;
    letter-spacing: -.016em
}

    .textFormats .fontBrand--level5 .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .textFormats .fontBrand--level5 .link a:hover {
            color: var(--m-01)
        }

    .textFormats .fontBrand--level5 mark, .textFormats .fontBrand--level5 mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .textFormats .fontBrand--level5 mark[data-color=gray] {
            color: var(--neu-07)
        }

        .textFormats .fontBrand--level5 mark[data-color=default] {
            color: var(--neu-10)
        }

    .textFormats .fontBrand--level5 span.m-01--dark-01, .textFormats .fontBrand--level5 span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .textFormats .fontBrand--level5 span.neu-07, .textFormats .fontBrand--level5 span[data-color=gray] {
        color: var(--neu-07)
    }

    .textFormats .fontBrand--level5 span.neu-10, .textFormats .fontBrand--level5 span[data-color=default] {
        color: var(--neu-10)
    }

    .textFormats .fontBrand--level5 b, .textFormats .fontBrand--level5 strong {
        font-weight: 700
    }

    .textFormats .fontBrand--level5 em {
        font-style: italic
    }

@media (max-width:1024px) {
    .textFormats .fontBrand--level5 {
        font-size: 1.625rem;
        line-height: 1.231em;
        letter-spacing: 0
    }
}

.textFormats .fontBrand--level6 {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Calma Global Medium,sans-serif;
    font-size: 1.625rem;
    line-height: 1.231em;
    letter-spacing: 0
}

    .textFormats .fontBrand--level6 .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .textFormats .fontBrand--level6 .link a:hover {
            color: var(--m-01)
        }

    .textFormats .fontBrand--level6 mark, .textFormats .fontBrand--level6 mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .textFormats .fontBrand--level6 mark[data-color=gray] {
            color: var(--neu-07)
        }

        .textFormats .fontBrand--level6 mark[data-color=default] {
            color: var(--neu-10)
        }

    .textFormats .fontBrand--level6 span.m-01--dark-01, .textFormats .fontBrand--level6 span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .textFormats .fontBrand--level6 span.neu-07, .textFormats .fontBrand--level6 span[data-color=gray] {
        color: var(--neu-07)
    }

    .textFormats .fontBrand--level6 span.neu-10, .textFormats .fontBrand--level6 span[data-color=default] {
        color: var(--neu-10)
    }

    .textFormats .fontBrand--level6 b, .textFormats .fontBrand--level6 strong {
        font-weight: 700
    }

    .textFormats .fontBrand--level6 em {
        font-style: italic
    }

.textFormats .fontMain--level2 {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 3rem;
    line-height: 1.333em;
    letter-spacing: -.022em;
    font-weight: 700
}

    .textFormats .fontMain--level2 .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .textFormats .fontMain--level2 .link a:hover {
            color: var(--m-01)
        }

    .textFormats .fontMain--level2 mark, .textFormats .fontMain--level2 mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .textFormats .fontMain--level2 mark[data-color=gray] {
            color: var(--neu-07)
        }

        .textFormats .fontMain--level2 mark[data-color=default] {
            color: var(--neu-10)
        }

    .textFormats .fontMain--level2 span.m-01--dark-01, .textFormats .fontMain--level2 span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .textFormats .fontMain--level2 span.neu-07, .textFormats .fontMain--level2 span[data-color=gray] {
        color: var(--neu-07)
    }

    .textFormats .fontMain--level2 span.neu-10, .textFormats .fontMain--level2 span[data-color=default] {
        color: var(--neu-10)
    }

    .textFormats .fontMain--level2 b, .textFormats .fontMain--level2 strong {
        font-weight: 700
    }

    .textFormats .fontMain--level2 em {
        font-style: italic
    }

@media (max-width:1024px) {
    .textFormats .fontMain--level2 {
        font-size: 2.5rem;
        line-height: 1.4em;
        letter-spacing: -.022em
    }
}

.textFormats .fontMain--level3 {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 2.5rem;
    line-height: 1.4em;
    letter-spacing: -.022em;
    font-weight: 700
}

    .textFormats .fontMain--level3 .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .textFormats .fontMain--level3 .link a:hover {
            color: var(--m-01)
        }

    .textFormats .fontMain--level3 mark, .textFormats .fontMain--level3 mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .textFormats .fontMain--level3 mark[data-color=gray] {
            color: var(--neu-07)
        }

        .textFormats .fontMain--level3 mark[data-color=default] {
            color: var(--neu-10)
        }

    .textFormats .fontMain--level3 span.m-01--dark-01, .textFormats .fontMain--level3 span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .textFormats .fontMain--level3 span.neu-07, .textFormats .fontMain--level3 span[data-color=gray] {
        color: var(--neu-07)
    }

    .textFormats .fontMain--level3 span.neu-10, .textFormats .fontMain--level3 span[data-color=default] {
        color: var(--neu-10)
    }

    .textFormats .fontMain--level3 b, .textFormats .fontMain--level3 strong {
        font-weight: 700
    }

    .textFormats .fontMain--level3 em {
        font-style: italic
    }

@media (max-width:1024px) {
    .textFormats .fontMain--level3 {
        font-size: 2.063rem;
        line-height: 1.455em;
        letter-spacing: -.022em
    }
}

.textFormats .fontMain--level4 {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 2.063rem;
    line-height: 1.455em;
    letter-spacing: -.022em;
    font-weight: 700
}

    .textFormats .fontMain--level4 .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .textFormats .fontMain--level4 .link a:hover {
            color: var(--m-01)
        }

    .textFormats .fontMain--level4 mark, .textFormats .fontMain--level4 mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .textFormats .fontMain--level4 mark[data-color=gray] {
            color: var(--neu-07)
        }

        .textFormats .fontMain--level4 mark[data-color=default] {
            color: var(--neu-10)
        }

    .textFormats .fontMain--level4 span.m-01--dark-01, .textFormats .fontMain--level4 span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .textFormats .fontMain--level4 span.neu-07, .textFormats .fontMain--level4 span[data-color=gray] {
        color: var(--neu-07)
    }

    .textFormats .fontMain--level4 span.neu-10, .textFormats .fontMain--level4 span[data-color=default] {
        color: var(--neu-10)
    }

    .textFormats .fontMain--level4 b, .textFormats .fontMain--level4 strong {
        font-weight: 700
    }

    .textFormats .fontMain--level4 em {
        font-style: italic
    }

@media (max-width:1024px) {
    .textFormats .fontMain--level4 {
        font-size: 1.75rem;
        line-height: 1.429em;
        letter-spacing: -.021em
    }
}

.textFormats .fontMain--level5 {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1.75rem;
    line-height: 1.429em;
    letter-spacing: -.021em;
    font-weight: 700
}

    .textFormats .fontMain--level5 .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .textFormats .fontMain--level5 .link a:hover {
            color: var(--m-01)
        }

    .textFormats .fontMain--level5 mark, .textFormats .fontMain--level5 mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .textFormats .fontMain--level5 mark[data-color=gray] {
            color: var(--neu-07)
        }

        .textFormats .fontMain--level5 mark[data-color=default] {
            color: var(--neu-10)
        }

    .textFormats .fontMain--level5 span.m-01--dark-01, .textFormats .fontMain--level5 span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .textFormats .fontMain--level5 span.neu-07, .textFormats .fontMain--level5 span[data-color=gray] {
        color: var(--neu-07)
    }

    .textFormats .fontMain--level5 span.neu-10, .textFormats .fontMain--level5 span[data-color=default] {
        color: var(--neu-10)
    }

    .textFormats .fontMain--level5 b, .textFormats .fontMain--level5 strong {
        font-weight: 700
    }

    .textFormats .fontMain--level5 em {
        font-style: italic
    }

@media (max-width:1024px) {
    .textFormats .fontMain--level5 {
        font-size: 1.438rem;
        line-height: 1.391em;
        letter-spacing: -.019em
    }
}

.textFormats .fontMain--level6 {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1.438rem;
    line-height: 1.391em;
    letter-spacing: -.019em;
    font-weight: 700
}

    .textFormats .fontMain--level6 .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .textFormats .fontMain--level6 .link a:hover {
            color: var(--m-01)
        }

    .textFormats .fontMain--level6 mark, .textFormats .fontMain--level6 mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .textFormats .fontMain--level6 mark[data-color=gray] {
            color: var(--neu-07)
        }

        .textFormats .fontMain--level6 mark[data-color=default] {
            color: var(--neu-10)
        }

    .textFormats .fontMain--level6 span.m-01--dark-01, .textFormats .fontMain--level6 span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .textFormats .fontMain--level6 span.neu-07, .textFormats .fontMain--level6 span[data-color=gray] {
        color: var(--neu-07)
    }

    .textFormats .fontMain--level6 span.neu-10, .textFormats .fontMain--level6 span[data-color=default] {
        color: var(--neu-10)
    }

    .textFormats .fontMain--level6 b, .textFormats .fontMain--level6 strong {
        font-weight: 700
    }

    .textFormats .fontMain--level6 em {
        font-style: italic
    }

@media (max-width:1024px) {
    .textFormats .fontMain--level6 {
        font-size: 1.188rem;
        line-height: 1.263em;
        letter-spacing: -.016em
    }
}

.textFormats .bodyText, .textFormats p {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1rem;
    line-height: 1.5em;
    letter-spacing: -.011em;
    font-weight: 400
}

    .textFormats .bodyText .link a, .textFormats p .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .textFormats .bodyText .link a:hover, .textFormats p .link a:hover {
            color: var(--m-01)
        }

    .textFormats .bodyText mark, .textFormats .bodyText mark[data-color=color], .textFormats p mark, .textFormats p mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .textFormats .bodyText mark[data-color=gray], .textFormats p mark[data-color=gray] {
            color: var(--neu-07)
        }

        .textFormats .bodyText mark[data-color=default], .textFormats p mark[data-color=default] {
            color: var(--neu-10)
        }

    .textFormats .bodyText span.m-01--dark-01, .textFormats .bodyText span[data-color=color], .textFormats p span.m-01--dark-01, .textFormats p span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .textFormats .bodyText span.neu-07, .textFormats .bodyText span[data-color=gray], .textFormats p span.neu-07, .textFormats p span[data-color=gray] {
        color: var(--neu-07)
    }

    .textFormats .bodyText span.neu-10, .textFormats .bodyText span[data-color=default], .textFormats p span.neu-10, .textFormats p span[data-color=default] {
        color: var(--neu-10)
    }

    .textFormats .bodyText b, .textFormats .bodyText strong, .textFormats p b, .textFormats p strong {
        font-weight: 700
    }

    .textFormats .bodyText em, .textFormats p em {
        font-style: italic
    }

.textFormats .captionText, .textFormats caption {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: .688rem;
    line-height: 1.455em;
    letter-spacing: .005em;
    font-weight: 400
}

    .textFormats .captionText .link a, .textFormats caption .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .textFormats .captionText .link a:hover, .textFormats caption .link a:hover {
            color: var(--m-01)
        }

    .textFormats .captionText mark, .textFormats .captionText mark[data-color=color], .textFormats caption mark, .textFormats caption mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .textFormats .captionText mark[data-color=gray], .textFormats caption mark[data-color=gray] {
            color: var(--neu-07)
        }

        .textFormats .captionText mark[data-color=default], .textFormats caption mark[data-color=default] {
            color: var(--neu-10)
        }

    .textFormats .captionText span.m-01--dark-01, .textFormats .captionText span[data-color=color], .textFormats caption span.m-01--dark-01, .textFormats caption span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .textFormats .captionText span.neu-07, .textFormats .captionText span[data-color=gray], .textFormats caption span.neu-07, .textFormats caption span[data-color=gray] {
        color: var(--neu-07)
    }

    .textFormats .captionText span.neu-10, .textFormats .captionText span[data-color=default], .textFormats caption span.neu-10, .textFormats caption span[data-color=default] {
        color: var(--neu-10)
    }

    .textFormats .captionText b, .textFormats .captionText strong, .textFormats caption b, .textFormats caption strong {
        font-weight: 700
    }

    .textFormats .captionText em, .textFormats caption em {
        font-style: italic
    }

.textFormats .quoteText, .textFormats blockquote {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1.75rem;
    line-height: 1.429em;
    letter-spacing: -.021em;
    font-weight: 400;
    margin-bottom: 16px
}

    .textFormats .quoteText .link a, .textFormats blockquote .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .textFormats .quoteText .link a:hover, .textFormats blockquote .link a:hover {
            color: var(--m-01)
        }

    .textFormats .quoteText mark, .textFormats .quoteText mark[data-color=color], .textFormats blockquote mark, .textFormats blockquote mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .textFormats .quoteText mark[data-color=gray], .textFormats blockquote mark[data-color=gray] {
            color: var(--neu-07)
        }

        .textFormats .quoteText mark[data-color=default], .textFormats blockquote mark[data-color=default] {
            color: var(--neu-10)
        }

    .textFormats .quoteText span.m-01--dark-01, .textFormats .quoteText span[data-color=color], .textFormats blockquote span.m-01--dark-01, .textFormats blockquote span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .textFormats .quoteText span.neu-07, .textFormats .quoteText span[data-color=gray], .textFormats blockquote span.neu-07, .textFormats blockquote span[data-color=gray] {
        color: var(--neu-07)
    }

    .textFormats .quoteText span.neu-10, .textFormats .quoteText span[data-color=default], .textFormats blockquote span.neu-10, .textFormats blockquote span[data-color=default] {
        color: var(--neu-10)
    }

    .textFormats .quoteText b, .textFormats .quoteText strong, .textFormats blockquote b, .textFormats blockquote strong {
        font-weight: 700
    }

    .textFormats .quoteText em, .textFormats blockquote em {
        font-style: italic
    }

@media (max-width:1024px) {
    .textFormats .quoteText, .textFormats blockquote {
        font-size: 1.438rem;
        line-height: 1.391em;
        letter-spacing: -.019em
    }
}

.textFormats .quoteText:before, .textFormats blockquote:before {
    width: 64px;
    height: 64px;
    font-size: 64px;
    font-family: aicep-base-icons !important;
    font-weight: 400;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    position: relative;
    content: "\e925";
    transform: none;
    color: var(--m-01--dark-01);
    margin-bottom: 16px
}

@media (max-width:1024px) {
    .textFormats .quoteText:before, .textFormats blockquote:before {
        margin-bottom: 8px
    }
}

.textFormats .bulletList, .textFormats ul {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1rem;
    line-height: 1.5em;
    letter-spacing: -.011em;
    font-weight: 400
}

    .textFormats .bulletList .link a, .textFormats ul .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .textFormats .bulletList .link a:hover, .textFormats ul .link a:hover {
            color: var(--m-01)
        }

    .textFormats .bulletList mark, .textFormats .bulletList mark[data-color=color], .textFormats ul mark, .textFormats ul mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .textFormats .bulletList mark[data-color=gray], .textFormats ul mark[data-color=gray] {
            color: var(--neu-07)
        }

        .textFormats .bulletList mark[data-color=default], .textFormats ul mark[data-color=default] {
            color: var(--neu-10)
        }

    .textFormats .bulletList span.m-01--dark-01, .textFormats .bulletList span[data-color=color], .textFormats ul span.m-01--dark-01, .textFormats ul span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .textFormats .bulletList span.neu-07, .textFormats .bulletList span[data-color=gray], .textFormats ul span.neu-07, .textFormats ul span[data-color=gray] {
        color: var(--neu-07)
    }

    .textFormats .bulletList span.neu-10, .textFormats .bulletList span[data-color=default], .textFormats ul span.neu-10, .textFormats ul span[data-color=default] {
        color: var(--neu-10)
    }

    .textFormats .bulletList b, .textFormats .bulletList strong, .textFormats ul b, .textFormats ul strong {
        font-weight: 700
    }

    .textFormats .bulletList em, .textFormats ul em {
        font-style: italic
    }

    .textFormats .bulletList li, .textFormats ul li {
        padding-left: 24px;
        position: relative
    }

        .textFormats .bulletList li:before, .textFormats ul li:before {
            width: 16px;
            height: 16px;
            font-size: 16px;
            font-family: aicep-base-icons !important;
            font-weight: 400;
            display: flex;
            justify-content: center;
            align-items: center;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            content: "\e913";
            left: 0;
            top: 12px
        }

.textFormats .bulletList--check li:before, .textFormats ul--check li:before {
    content: "\e90c"
}

.textFormats .numberedList, .textFormats ol {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1rem;
    line-height: 1.5em;
    letter-spacing: -.011em;
    font-weight: 400
}

    .textFormats .numberedList .link a, .textFormats ol .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .textFormats .numberedList .link a:hover, .textFormats ol .link a:hover {
            color: var(--m-01)
        }

    .textFormats .numberedList mark, .textFormats .numberedList mark[data-color=color], .textFormats ol mark, .textFormats ol mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .textFormats .numberedList mark[data-color=gray], .textFormats ol mark[data-color=gray] {
            color: var(--neu-07)
        }

        .textFormats .numberedList mark[data-color=default], .textFormats ol mark[data-color=default] {
            color: var(--neu-10)
        }

    .textFormats .numberedList span.m-01--dark-01, .textFormats .numberedList span[data-color=color], .textFormats ol span.m-01--dark-01, .textFormats ol span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .textFormats .numberedList span.neu-07, .textFormats .numberedList span[data-color=gray], .textFormats ol span.neu-07, .textFormats ol span[data-color=gray] {
        color: var(--neu-07)
    }

    .textFormats .numberedList span.neu-10, .textFormats .numberedList span[data-color=default], .textFormats ol span.neu-10, .textFormats ol span[data-color=default] {
        color: var(--neu-10)
    }

    .textFormats .numberedList b, .textFormats .numberedList strong, .textFormats ol b, .textFormats ol strong {
        font-weight: 700
    }

    .textFormats .numberedList em, .textFormats ol em {
        font-style: italic
    }

    .textFormats .numberedList li, .textFormats ol li {
        padding-left: 24px;
        position: relative;
        counter-increment: a
    }

        .textFormats .numberedList li:before, .textFormats ol li:before {
            position: absolute;
            content: counter(a) ". ";
            left: 2px
        }

.textFormats .descriptionList, .textFormats dl {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1rem;
    line-height: 1.5em;
    letter-spacing: -.011em;
    font-weight: 400;
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 8px;
    align-items: center
}

    .textFormats .descriptionList .link a, .textFormats dl .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .textFormats .descriptionList .link a:hover, .textFormats dl .link a:hover {
            color: var(--m-01)
        }

    .textFormats .descriptionList mark, .textFormats .descriptionList mark[data-color=color], .textFormats dl mark, .textFormats dl mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .textFormats .descriptionList mark[data-color=gray], .textFormats dl mark[data-color=gray] {
            color: var(--neu-07)
        }

        .textFormats .descriptionList mark[data-color=default], .textFormats dl mark[data-color=default] {
            color: var(--neu-10)
        }

    .textFormats .descriptionList span.m-01--dark-01, .textFormats .descriptionList span[data-color=color], .textFormats dl span.m-01--dark-01, .textFormats dl span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .textFormats .descriptionList span.neu-07, .textFormats .descriptionList span[data-color=gray], .textFormats dl span.neu-07, .textFormats dl span[data-color=gray] {
        color: var(--neu-07)
    }

    .textFormats .descriptionList span.neu-10, .textFormats .descriptionList span[data-color=default], .textFormats dl span.neu-10, .textFormats dl span[data-color=default] {
        color: var(--neu-10)
    }

    .textFormats .descriptionList b, .textFormats .descriptionList strong, .textFormats dl b, .textFormats dl strong {
        font-weight: 700
    }

    .textFormats .descriptionList em, .textFormats dl em {
        font-style: italic
    }

@media (max-width:768px) {
    .textFormats .descriptionList, .textFormats dl {
        grid-template-columns: 1fr;
        gap: 0
    }
}

.textFormats .descriptionList dt, .textFormats dl dt {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1rem;
    line-height: 1.5em;
    letter-spacing: -.011em;
    font-weight: 700;
    align-self: flex-start
}

    .textFormats .descriptionList dt .link a, .textFormats dl dt .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .textFormats .descriptionList dt .link a:hover, .textFormats dl dt .link a:hover {
            color: var(--m-01)
        }

    .textFormats .descriptionList dt mark, .textFormats .descriptionList dt mark[data-color=color], .textFormats dl dt mark, .textFormats dl dt mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .textFormats .descriptionList dt mark[data-color=gray], .textFormats dl dt mark[data-color=gray] {
            color: var(--neu-07)
        }

        .textFormats .descriptionList dt mark[data-color=default], .textFormats dl dt mark[data-color=default] {
            color: var(--neu-10)
        }

    .textFormats .descriptionList dt span.m-01--dark-01, .textFormats .descriptionList dt span[data-color=color], .textFormats dl dt span.m-01--dark-01, .textFormats dl dt span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .textFormats .descriptionList dt span.neu-07, .textFormats .descriptionList dt span[data-color=gray], .textFormats dl dt span.neu-07, .textFormats dl dt span[data-color=gray] {
        color: var(--neu-07)
    }

    .textFormats .descriptionList dt span.neu-10, .textFormats .descriptionList dt span[data-color=default], .textFormats dl dt span.neu-10, .textFormats dl dt span[data-color=default] {
        color: var(--neu-10)
    }

    .textFormats .descriptionList dt b, .textFormats .descriptionList dt strong, .textFormats dl dt b, .textFormats dl dt strong {
        font-weight: 700
    }

    .textFormats .descriptionList dt em, .textFormats dl dt em {
        font-style: italic
    }

.textFormats .descriptionList dd, .textFormats dl dd {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1rem;
    line-height: 1.5em;
    letter-spacing: -.011em;
    font-weight: 400;
    text-align: right
}

    .textFormats .descriptionList dd .link a, .textFormats dl dd .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .textFormats .descriptionList dd .link a:hover, .textFormats dl dd .link a:hover {
            color: var(--m-01)
        }

    .textFormats .descriptionList dd mark, .textFormats .descriptionList dd mark[data-color=color], .textFormats dl dd mark, .textFormats dl dd mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .textFormats .descriptionList dd mark[data-color=gray], .textFormats dl dd mark[data-color=gray] {
            color: var(--neu-07)
        }

        .textFormats .descriptionList dd mark[data-color=default], .textFormats dl dd mark[data-color=default] {
            color: var(--neu-10)
        }

    .textFormats .descriptionList dd span.m-01--dark-01, .textFormats .descriptionList dd span[data-color=color], .textFormats dl dd span.m-01--dark-01, .textFormats dl dd span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .textFormats .descriptionList dd span.neu-07, .textFormats .descriptionList dd span[data-color=gray], .textFormats dl dd span.neu-07, .textFormats dl dd span[data-color=gray] {
        color: var(--neu-07)
    }

    .textFormats .descriptionList dd span.neu-10, .textFormats .descriptionList dd span[data-color=default], .textFormats dl dd span.neu-10, .textFormats dl dd span[data-color=default] {
        color: var(--neu-10)
    }

    .textFormats .descriptionList dd b, .textFormats .descriptionList dd strong, .textFormats dl dd b, .textFormats dl dd strong {
        font-weight: 700
    }

    .textFormats .descriptionList dd em, .textFormats dl dd em {
        font-style: italic
    }

@media (max-width:768px) {
    .textFormats .descriptionList dd, .textFormats dl dd {
        text-align: left
    }

        .textFormats .descriptionList dd:not(:last-child), .textFormats dl dd:not(:last-child) {
            margin-bottom: 16px
        }
}

.textFormats .image img, .textFormats figure img {
    width: auto;
    max-width: 100%
}

.textFormats .video {
    cursor: pointer;
    position: relative;
    overflow: hidden
}

    .textFormats .video:after {
        width: 24px;
        height: 24px;
        font-size: 24px;
        font-family: aicep-base-icons !important;
        font-weight: 400;
        display: flex;
        justify-content: center;
        align-items: center;
        transform: translateY(-50%);
        transition: all .1s ease;
        content: "\e903";
        position: absolute;
        width: 72px;
        height: 72px;
        z-index: 1;
        color: var(--neu-01);
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%)
    }

    .textFormats .video:hover:after {
        background: var(--m-01)
    }

    .textFormats .video img {
        transition: all .5s ease
    }

    .textFormats .video:hover img {
        transform: scale(1.1)
    }

.textFormats hr {
    margin-bottom: 32px;
    opacity: .1;
    border-style: solid;
    border-width: 0;
    border-bottom-width: 1px
}

.textFormats .btnContainer {
    justify-content: flex-start;
    margin-top: 32px
}

@media (max-width:1024px) {
    .textFormats .btnContainer {
        margin-top: 24px
    }
}

.themesBehaviour {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding: 0 5%;
    max-width: 1440px
}

    .themesBehaviour .bodyText {
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-stretch: normal;
        letter-spacing: normal;
        font-family: Inter,sans-serif;
        font-size: 1rem;
        line-height: 1.5em;
        letter-spacing: -.011em;
        font-weight: 400
    }

        .themesBehaviour .bodyText .link a {
            transition: all .1s ease;
            text-decoration: underline;
            color: var(--m-01--dark-01)
        }

            .themesBehaviour .bodyText .link a:hover {
                color: var(--m-01)
            }

        .themesBehaviour .bodyText mark, .themesBehaviour .bodyText mark[data-color=color] {
            color: var(--m-01--dark-01)
        }

            .themesBehaviour .bodyText mark[data-color=gray] {
                color: var(--neu-07)
            }

            .themesBehaviour .bodyText mark[data-color=default] {
                color: var(--neu-10)
            }

        .themesBehaviour .bodyText span.m-01--dark-01, .themesBehaviour .bodyText span[data-color=color] {
            color: var(--m-01--dark-01)
        }

        .themesBehaviour .bodyText span.neu-07, .themesBehaviour .bodyText span[data-color=gray] {
            color: var(--neu-07)
        }

        .themesBehaviour .bodyText span.neu-10, .themesBehaviour .bodyText span[data-color=default] {
            color: var(--neu-10)
        }

        .themesBehaviour .bodyText b, .themesBehaviour .bodyText strong {
            font-weight: 700
        }

        .themesBehaviour .bodyText em {
            font-style: italic
        }

.thumbRegionsCard {
    box-shadow: 0 0 1px rgba(26,24,23,.05),0 16px 24px rgba(26,24,23,.05);
    transition: all .15s ease-in-out;
    background: var(--neu-01);
    border-radius: 2px;
    transform: translateY(0);
    transition: all .25s cubic-bezier(.38,.01,.23,.99);
    background: var(--neu-10);
    margin: 0 auto;
    max-width: 304px;
    width: 304px;
    height: 187px;
    display: flex;
    flex-direction: column;
    overflow: hidden
}

    .thumbRegionsCard:hover {
        box-shadow: 0 0 1px rgba(26,24,23,.05),0 2px 4px rgba(26,24,23,.1);
        transform: translateY(3px)
    }

@media (max-width:768px) {
    .thumbRegionsCard:hover {
        box-shadow: 0 0 1px rgba(26,24,23,.05),0 16px 24px rgba(26,24,23,.05);
        transform: none
    }
}

.thumbRegionsCard .cardBg {
    position: relative;
    transition: all .25s cubic-bezier(.38,.01,.23,.99);
    position: absolute !important;
    width: 100%;
    height: 100%
}

    .thumbRegionsCard .cardBg:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background: var(--neu-10);
        opacity: .6;
        z-index: 1
    }

    .thumbRegionsCard .cardBg:after, .thumbRegionsCard .cardBg:before {
        transition: all .15s ease-in-out
    }

.thumbRegionsCard:hover {
    transform: scale(.95)
}

@media (max-width:768px) {
    .thumbRegionsCard:hover {
        transform: none
    }
}

.thumbRegionsCard:hover .cardBg {
    position: relative;
    transform: scale(1.2)
}

    .thumbRegionsCard:hover .cardBg:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background: var(--neu-10);
        opacity: .7;
        z-index: 1
    }

@media (max-width:768px) {
    .thumbRegionsCard:hover .cardBg {
        position: relative;
        transform: none
    }

        .thumbRegionsCard:hover .cardBg:before {
            content: "";
            position: absolute;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            background: var(--neu-10);
            opacity: .6;
            z-index: 1
        }
}

@media (max-width:512px) {
    .thumbRegionsCard {
        width: 100%
    }
}

.thumbRegionsCard__image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.thumbRegionsCard__content {
    padding: 24px 24px 16px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1;
    z-index: 2
}

.thumbRegionsCard__text {
    color: var(--neu-01);
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 600px
}

.thumbRegionsCard__labels {
    display: flex
}

.thumbRegionsCard__title {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Calma Global Medium,sans-serif;
    font-size: 2.5rem;
    line-height: 1.2em;
    letter-spacing: -.025em;
    margin-top: 4px
}

    .thumbRegionsCard__title .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .thumbRegionsCard__title .link a:hover {
            color: var(--m-01)
        }

    .thumbRegionsCard__title mark, .thumbRegionsCard__title mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .thumbRegionsCard__title mark[data-color=gray] {
            color: var(--neu-07)
        }

        .thumbRegionsCard__title mark[data-color=default] {
            color: var(--neu-10)
        }

    .thumbRegionsCard__title span.m-01--dark-01, .thumbRegionsCard__title span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .thumbRegionsCard__title span.neu-07, .thumbRegionsCard__title span[data-color=gray] {
        color: var(--neu-07)
    }

    .thumbRegionsCard__title span.neu-10, .thumbRegionsCard__title span[data-color=default] {
        color: var(--neu-10)
    }

    .thumbRegionsCard__title b, .thumbRegionsCard__title strong {
        font-weight: 700
    }

    .thumbRegionsCard__title em {
        font-style: italic
    }

@media (max-width:1024px) {
    .thumbRegionsCard__title {
        font-size: 2rem;
        line-height: 1.25em;
        letter-spacing: -.016em
    }
}

.thumbRegionsCard__btnContainer {
    display: flex;
    justify-content: flex-end
}

    .thumbRegionsCard__btnContainer .btn, .thumbRegionsCard__btnContainer .btn--icon, .thumbRegionsCard__btnContainer .btn--primary, .thumbRegionsCard__btnContainer .btn--primary--dark, .thumbRegionsCard__btnContainer .btn--secondary, .thumbRegionsCard__btnContainer .btn--small, .thumbRegionsCard__btnContainer .btn--tertiary {
        color: var(--neu-01) !important
    }

        .thumbRegionsCard__btnContainer .btn--icon p:before, .thumbRegionsCard__btnContainer .btn--primary--dark p:before, .thumbRegionsCard__btnContainer .btn--primary p:before, .thumbRegionsCard__btnContainer .btn--secondary p:before, .thumbRegionsCard__btnContainer .btn--small p:before, .thumbRegionsCard__btnContainer .btn--tertiary p:before, .thumbRegionsCard__btnContainer .btn p:before {
            background: var(--neu-01) !important
        }

        .thumbRegionsCard__btnContainer .btn--icon:hover, .thumbRegionsCard__btnContainer .btn--primary--dark:hover, .thumbRegionsCard__btnContainer .btn--primary:hover, .thumbRegionsCard__btnContainer .btn--secondary:hover, .thumbRegionsCard__btnContainer .btn--small:hover, .thumbRegionsCard__btnContainer .btn--tertiary:hover, .thumbRegionsCard__btnContainer .btn:hover {
            opacity: .7;
            color: var(--neu-01) !important
        }

            .thumbRegionsCard__btnContainer .btn--icon:hover p:before, .thumbRegionsCard__btnContainer .btn--primary--dark:hover p:before, .thumbRegionsCard__btnContainer .btn--primary:hover p:before, .thumbRegionsCard__btnContainer .btn--secondary:hover p:before, .thumbRegionsCard__btnContainer .btn--small:hover p:before, .thumbRegionsCard__btnContainer .btn--tertiary:hover p:before, .thumbRegionsCard__btnContainer .btn:hover p:before {
                background: var(--neu-01) !important
            }

.thumbResultsCard, .thumbResultsCard--small {
    box-shadow: 0 0 1px rgba(26,24,23,.05),0 16px 24px rgba(26,24,23,.05);
    transition: all .15s ease-in-out;
    background: var(--neu-01);
    border-radius: 2px;
    transform: translateY(0);
    margin: 0 auto;
    max-width: 260px;
    width: 100%;
    display: flex;
    flex-direction: column
}

    .thumbResultsCard--small:hover, .thumbResultsCard:hover {
        box-shadow: 0 0 1px rgba(26,24,23,.05),0 2px 4px rgba(26,24,23,.1);
        transform: translateY(3px)
    }

@media (max-width:768px) {
    .thumbResultsCard--small:hover, .thumbResultsCard:hover {
        box-shadow: 0 0 1px rgba(26,24,23,.05),0 16px 24px rgba(26,24,23,.05);
        transform: none
    }
}

.thumbResultsCard__image {
    display: flex;
    width: 100%;
    height: 84px;
    overflow: hidden;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px
}

    .thumbResultsCard__image img {
        width: 100%;
        height: auto;
        -o-object-fit: cover;
        object-fit: cover
    }

.thumbResultsCard__content {
    display: flex;
    flex-direction: column;
    padding: 16px;
    width: 100%
}

.thumbResultsCard__topInfo {
    display: flex;
    flex-direction: column;
    min-height: 24px
}

.thumbResultsCard__labels {
    display: flex;
    align-items: center;
    margin-top: 8px;
    flex-wrap: wrap
}

    .thumbResultsCard__labels * {
        margin-top: 8px
    }

.thumbResultsCard__sideInfo {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 32px
}

.thumbResultsCard__ranking {
    display: flex;
    align-items: center;
    margin-right: 8px
}

    .thumbResultsCard__ranking p {
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-stretch: normal;
        letter-spacing: normal;
        font-family: Inter,sans-serif;
        font-size: .688rem;
        line-height: 1.455em;
        letter-spacing: .005em;
        font-weight: 400;
        margin-left: 8px
    }

        .thumbResultsCard__ranking p .link a {
            transition: all .1s ease;
            text-decoration: underline;
            color: var(--m-01--dark-01)
        }

            .thumbResultsCard__ranking p .link a:hover {
                color: var(--m-01)
            }

        .thumbResultsCard__ranking p mark, .thumbResultsCard__ranking p mark[data-color=color] {
            color: var(--m-01--dark-01)
        }

            .thumbResultsCard__ranking p mark[data-color=gray] {
                color: var(--neu-07)
            }

            .thumbResultsCard__ranking p mark[data-color=default] {
                color: var(--neu-10)
            }

        .thumbResultsCard__ranking p span.m-01--dark-01, .thumbResultsCard__ranking p span[data-color=color] {
            color: var(--m-01--dark-01)
        }

        .thumbResultsCard__ranking p span.neu-07, .thumbResultsCard__ranking p span[data-color=gray] {
            color: var(--neu-07)
        }

        .thumbResultsCard__ranking p span.neu-10, .thumbResultsCard__ranking p span[data-color=default] {
            color: var(--neu-10)
        }

        .thumbResultsCard__ranking p b, .thumbResultsCard__ranking p strong {
            font-weight: 700
        }

        .thumbResultsCard__ranking p em {
            font-style: italic
        }

.thumbResultsCard__text {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 450px
}

.thumbResultsCard__title {
    /*! autoprefixer: off */ -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -moz-line-clamp: 2;
    -ms-line-clamp: 2;
    line-clamp: 2;
    overflow: hidden;
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1.188rem;
    line-height: 1.263em;
    letter-spacing: -.016em;
    font-weight: 700;
    margin-top: 4px;
    color: var(--neu-10) !important
}

    .thumbResultsCard__title .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .thumbResultsCard__title .link a:hover {
            color: var(--m-01)
        }

    .thumbResultsCard__title mark, .thumbResultsCard__title mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .thumbResultsCard__title mark[data-color=gray] {
            color: var(--neu-07)
        }

        .thumbResultsCard__title mark[data-color=default] {
            color: var(--neu-10)
        }

    .thumbResultsCard__title span.m-01--dark-01, .thumbResultsCard__title span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .thumbResultsCard__title span.neu-07, .thumbResultsCard__title span[data-color=gray] {
        color: var(--neu-07)
    }

    .thumbResultsCard__title span.neu-10, .thumbResultsCard__title span[data-color=default] {
        color: var(--neu-10)
    }

    .thumbResultsCard__title b, .thumbResultsCard__title strong {
        font-weight: 700
    }

    .thumbResultsCard__title em {
        font-style: italic
    }

.thumbResultsCard__description {
    /*! autoprefixer: off */ -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -moz-line-clamp: 2;
    -ms-line-clamp: 2;
    line-clamp: 2;
    overflow: hidden;
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: .688rem;
    line-height: 1.455em;
    letter-spacing: .005em;
    font-weight: 400;
    margin-top: 4px;
    color: var(--neu-10) !important
}

    .thumbResultsCard__description .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .thumbResultsCard__description .link a:hover {
            color: var(--m-01)
        }

    .thumbResultsCard__description mark, .thumbResultsCard__description mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .thumbResultsCard__description mark[data-color=gray] {
            color: var(--neu-07)
        }

        .thumbResultsCard__description mark[data-color=default] {
            color: var(--neu-10)
        }

    .thumbResultsCard__description span.m-01--dark-01, .thumbResultsCard__description span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .thumbResultsCard__description span.neu-07, .thumbResultsCard__description span[data-color=gray] {
        color: var(--neu-07)
    }

    .thumbResultsCard__description span.neu-10, .thumbResultsCard__description span[data-color=default] {
        color: var(--neu-10)
    }

    .thumbResultsCard__description b, .thumbResultsCard__description strong {
        font-weight: 700
    }

    .thumbResultsCard__description em {
        font-style: italic
    }

.thumbResultsCard__btnContainer {
    display: flex;
    justify-content: flex-end
}

.thumbResultsCard--small {
    max-width: 636px;
    flex-direction: row
}

    .thumbResultsCard--small .thumbResultsCard__image {
        height: auto;
        width: 89px;
        min-width: 89px;
        border-top-left-radius: 2px;
        border-top-right-radius: 0;
        border-bottom-left-radius: 2px
    }

    .thumbResultsCard--small .thumbResultsCard__content {
        justify-content: flex-start
    }

    .thumbResultsCard--small .thumbResultsCard__sideInfo {
        transform: none;
        justify-content: space-between
    }

    .thumbResultsCard--small .thumbResultsCard__text {
        padding: 0
    }

    .thumbResultsCard--small .thumbResultsCard__description {
        margin-top: 4px
    }

@media (max-width:512px) {
    .thumbResultsCard--small .thumbResultsCard__btnContainer {
        margin-top: 8px
    }
}

.thumbResultsCard--small .btnBookmark, .thumbResultsCard--small .btnBookmark--privateArea, .thumbResultsCard--small .btnBookmark--small, .thumbResultsCard--small .btnBookmark.selected.btnBookmark--small, .thumbResultsCard .btnBookmark, .thumbResultsCard .btnBookmark--privateArea, .thumbResultsCard .btnBookmark--small, .thumbResultsCard .btnBookmark.selected.btnBookmark--small {
    transform: translateX(20px);
    z-index: 1
}

    .thumbResultsCard--small .btnBookmark--privateArea .btnBookmark, .thumbResultsCard--small .btnBookmark--privateArea .btnBookmark--small, .thumbResultsCard .btnBookmark--privateArea .btnBookmark, .thumbResultsCard .btnBookmark--privateArea .btnBookmark--small {
        transform: translateX(0)
    }

.videoModal {
    position: relative;
    position: fixed !important;
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 99999;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    min-height: 100vh;
    height: 100vh;
    display: flex;
    align-items: center;
    visibility: hidden;
    pointer-events: none;
    opacity: 0;
    transition: all .4s ease
}

    .videoModal:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background: var(--neu-10);
        opacity: .9;
        z-index: 1
    }

    .videoModal .wrapper {
        grid-row-gap: 56px;
        z-index: 1
    }

@media (max-width:768px) {
    .videoModal .wrapper {
        position: relative;
        height: 100%
    }
}

.videoModal.modalOpen {
    visibility: visible;
    pointer-events: auto;
    opacity: 1
}

    .videoModal.modalOpen .videoModal__container {
        transition: all .4s ease .2s;
        opacity: 1;
        transform: scale(1)
    }

.videoModal__closeBtn {
    color: var(--neu-01) !important;
    position: absolute;
    cursor: pointer;
    top: 24px;
    right: 24px;
    z-index: 2
}

    .videoModal__closeBtn p:before {
        background: var(--neu-01) !important
    }

    .videoModal__closeBtn:hover {
        opacity: .7;
        color: var(--neu-01) !important
    }

        .videoModal__closeBtn:hover p:before {
            background: var(--neu-01) !important
        }

@media (max-width:768px) {
    .videoModal__closeBtn {
        top: 16px;
        right: 8px
    }
}

.videoModal__closeBtn i {
    min-width: 24px;
    width: 24px;
    height: 24px;
    font-size: 24px;
    color: var(--neu-01);
    right: 0
}

    .videoModal__closeBtn i:before {
        font-size: 24px;
        font-weight: 400
    }

.videoModal__container {
    grid-column: 3/11;
    display: flex;
    align-items: center;
    position: relative;
    transition: all .3s ease;
    opacity: 0;
    transform: scale(.99);
    justify-content: center
}

@media (max-width:1024px) {
    .videoModal__container {
        grid-column: 2/6
    }
}

@media (max-width:768px) {
    .videoModal__container {
        position: static;
        grid-column: 1/13;
        margin: 72px 0
    }
}

@media (max-width:768px) and (max-width:1024px) {
    .videoModal__container {
        grid-column: 1/7
    }
}

.videoModal__title {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1rem;
    line-height: 1.5em;
    letter-spacing: -.011em;
    font-weight: 700;
    color: var(--neu-01);
    position: absolute;
    top: -24px;
    transform: translateY(-56px)
}

    .videoModal__title .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .videoModal__title .link a:hover {
            color: var(--m-01)
        }

    .videoModal__title mark, .videoModal__title mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .videoModal__title mark[data-color=gray] {
            color: var(--neu-07)
        }

        .videoModal__title mark[data-color=default] {
            color: var(--neu-10)
        }

    .videoModal__title span.m-01--dark-01, .videoModal__title span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .videoModal__title span.neu-07, .videoModal__title span[data-color=gray] {
        color: var(--neu-07)
    }

    .videoModal__title span.neu-10, .videoModal__title span[data-color=default] {
        color: var(--neu-10)
    }

    .videoModal__title b, .videoModal__title strong {
        font-weight: 700
    }

    .videoModal__title em {
        font-style: italic
    }

@media (max-width:768px) {
    .videoModal__title {
        top: 0;
        transform: translateY(0)
    }
}

.videoModal__video {
    width: 100%
}

.videoModal[data-modaltype=youtube] .modal__container {
    width: 100%;
    height: 100%
}

@media (max-width:1024px) {
    .videoModal[data-modaltype=youtube] .modal__container {
        height: unset
    }
}

.videoModal[data-modaltype=youtube] iframe {
    min-height: 486px;
    width: 100%;
    height: auto
}

@media (max-width:1024px) {
    .videoModal[data-modaltype=youtube] iframe {
        min-height: 400px
    }
}

@media (max-width:768px) {
    .videoModal[data-modaltype=youtube] iframe {
        min-height: 300px
    }
}

@media (max-width:512px) {
    .videoModal[data-modaltype=youtube] iframe {
        min-height: 200px
    }
}

.videoModal[data-modaltype=vimeo] .modal__container {
    width: 100%;
    height: 100%
}

@media (max-width:1024px) {
    .videoModal[data-modaltype=vimeo] .modal__container {
        height: unset
    }
}

.videoModal[data-modaltype=vimeo] iframe {
    min-height: 486px;
    width: 100%;
    height: 100%
}

.wizardSteps {
    margin: 0 auto;
    width: 100%
}

.wizardSteps__stepsItems {
    display: flex;
    justify-content: space-between;
    width: 100%;
    max-width: 640px;
    margin: auto
}

@media (max-width:1024px) {
    .wizardSteps__stepsItems {
        max-width: 720px
    }
}

.wizardSteps__item {
    width: 100%;
    display: grid;
    grid-template-rows: 44px 1fr;
    grid-gap: 10px;
    justify-items: center;
    align-items: center;
    z-index: 1
}

@media (max-width:768px) {
    .wizardSteps__item .wizardSteps__stepText {
        opacity: 0
    }

    .wizardSteps__item.active .wizardSteps__stepText {
        opacity: 1
    }
}

.wizardSteps__item:after, .wizardSteps__item:before {
    content: "";
    position: absolute;
    width: 100%;
    left: 50%;
    height: 4px;
    top: 16px;
    border-bottom: 4px dotted var(--neu-04);
    z-index: -1
}

.wizardSteps__item:after {
    top: 20px;
    border: none;
    display: none
}

.wizardSteps__item:last-child:before {
    display: none
}

.wizardSteps__item.active .wizardSteps__step, .wizardSteps__item.complete.active .wizardSteps__step, .wizardSteps__item.finish.active .wizardSteps__step {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1.438rem;
    line-height: 1.391em;
    letter-spacing: -.019em;
    font-weight: 700;
    color: var(--neu-01);
    background: var(--m-01--dark-01);
    width: 38px;
    height: 38px;
    border: none;
    cursor: default
}

    .wizardSteps__item.active .wizardSteps__step .link a, .wizardSteps__item.complete.active .wizardSteps__step .link a, .wizardSteps__item.finish.active .wizardSteps__step .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .wizardSteps__item.active .wizardSteps__step .link a:hover, .wizardSteps__item.complete.active .wizardSteps__step .link a:hover, .wizardSteps__item.finish.active .wizardSteps__step .link a:hover {
            color: var(--m-01)
        }

    .wizardSteps__item.active .wizardSteps__step mark, .wizardSteps__item.active .wizardSteps__step mark[data-color=color], .wizardSteps__item.complete.active .wizardSteps__step mark, .wizardSteps__item.complete.active .wizardSteps__step mark[data-color=color], .wizardSteps__item.finish.active .wizardSteps__step mark, .wizardSteps__item.finish.active .wizardSteps__step mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .wizardSteps__item.active .wizardSteps__step mark[data-color=gray], .wizardSteps__item.complete.active .wizardSteps__step mark[data-color=gray], .wizardSteps__item.finish.active .wizardSteps__step mark[data-color=gray] {
            color: var(--neu-07)
        }

        .wizardSteps__item.active .wizardSteps__step mark[data-color=default], .wizardSteps__item.complete.active .wizardSteps__step mark[data-color=default], .wizardSteps__item.finish.active .wizardSteps__step mark[data-color=default] {
            color: var(--neu-10)
        }

    .wizardSteps__item.active .wizardSteps__step span.m-01--dark-01, .wizardSteps__item.active .wizardSteps__step span[data-color=color], .wizardSteps__item.complete.active .wizardSteps__step span.m-01--dark-01, .wizardSteps__item.complete.active .wizardSteps__step span[data-color=color], .wizardSteps__item.finish.active .wizardSteps__step span.m-01--dark-01, .wizardSteps__item.finish.active .wizardSteps__step span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .wizardSteps__item.active .wizardSteps__step span.neu-07, .wizardSteps__item.active .wizardSteps__step span[data-color=gray], .wizardSteps__item.complete.active .wizardSteps__step span.neu-07, .wizardSteps__item.complete.active .wizardSteps__step span[data-color=gray], .wizardSteps__item.finish.active .wizardSteps__step span.neu-07, .wizardSteps__item.finish.active .wizardSteps__step span[data-color=gray] {
        color: var(--neu-07)
    }

    .wizardSteps__item.active .wizardSteps__step span.neu-10, .wizardSteps__item.active .wizardSteps__step span[data-color=default], .wizardSteps__item.complete.active .wizardSteps__step span.neu-10, .wizardSteps__item.complete.active .wizardSteps__step span[data-color=default], .wizardSteps__item.finish.active .wizardSteps__step span.neu-10, .wizardSteps__item.finish.active .wizardSteps__step span[data-color=default] {
        color: var(--neu-10)
    }

    .wizardSteps__item.active .wizardSteps__step b, .wizardSteps__item.active .wizardSteps__step strong, .wizardSteps__item.complete.active .wizardSteps__step b, .wizardSteps__item.complete.active .wizardSteps__step strong, .wizardSteps__item.finish.active .wizardSteps__step b, .wizardSteps__item.finish.active .wizardSteps__step strong {
        font-weight: 700
    }

    .wizardSteps__item.active .wizardSteps__step em, .wizardSteps__item.complete.active .wizardSteps__step em, .wizardSteps__item.finish.active .wizardSteps__step em {
        font-style: italic
    }

@media (max-width:1024px) {
    .wizardSteps__item.active .wizardSteps__step, .wizardSteps__item.complete.active .wizardSteps__step, .wizardSteps__item.finish.active .wizardSteps__step {
        font-size: 1.188rem;
        line-height: 1.263em;
        letter-spacing: -.016em;
        width: 34px;
        height: 34px
    }
}

.wizardSteps__item.active .wizardSteps__step ~ label, .wizardSteps__item.active .wizardSteps__step ~ small, .wizardSteps__item.complete.active .wizardSteps__step ~ label, .wizardSteps__item.complete.active .wizardSteps__step ~ small, .wizardSteps__item.finish.active .wizardSteps__step ~ label, .wizardSteps__item.finish.active .wizardSteps__step ~ small {
    color: var(--neu-10)
}

.wizardSteps__item.complete.active:before, .wizardSteps__item.finish.active:before {
    border-color: var(--neu-04)
}

.wizardSteps__item.complete.active .wizardSteps__step:hover, .wizardSteps__item.finish.active .wizardSteps__step:hover {
    background: var(--m-01--dark-01)
}

.wizardSteps__item.complete .wizardSteps__step:before, .wizardSteps__item.finish .wizardSteps__step:before {
    content: "\e90c";
    font-family: aicep-base-icons !important;
    width: 100%;
    height: 100%;
    background: inherit;
    border-color: inherit;
    color: inherit;
    font-size: 24px
}

@media (max-width:1024px) {
    .wizardSteps__item.complete .wizardSteps__step:before, .wizardSteps__item.finish .wizardSteps__step:before {
        font-size: 16px
    }
}

.wizardSteps__item.complete .wizardSteps__step:hover, .wizardSteps__item.finish .wizardSteps__step:hover {
    width: 38px;
    height: 38px;
    border: none
}

    .wizardSteps__item.complete .wizardSteps__step:hover:before, .wizardSteps__item.finish .wizardSteps__step:hover:before {
        content: "\e923";
        font-family: aicep-base-icons !important;
        color: var(--neu-01);
        font-size: 16px
    }

@media (max-width:1024px) {
    .wizardSteps__item.complete .wizardSteps__step:hover:before, .wizardSteps__item.finish .wizardSteps__step:hover:before {
        font-size: 16px
    }
}

@media (max-width:1024px) {
    .wizardSteps__item.complete .wizardSteps__step:hover, .wizardSteps__item.finish .wizardSteps__step:hover {
        width: 34px;
        height: 34px
    }
}

.wizardSteps__item.complete:before {
    border-color: var(--add-03)
}

.wizardSteps__item.complete .wizardSteps__step {
    background: var(--add-03--light-04);
    border-color: var(--add-03--dark-01);
    color: var(--add-03--dark-01)
}

    .wizardSteps__item.complete .wizardSteps__step ~ label, .wizardSteps__item.complete .wizardSteps__step ~ small {
        color: var(--add-03--dark-01)
    }

    .wizardSteps__item.complete .wizardSteps__step:hover {
        background: var(--add-03--dark-01)
    }

.wizardSteps__item.finish:before {
    border-color: var(--neu-04)
}

.wizardSteps__item.finish .wizardSteps__step {
    color: var(--neu-10);
    background-color: var(--neu-01);
    border: 1px solid var(--neu-05)
}

    .wizardSteps__item.finish .wizardSteps__step ~ label, .wizardSteps__item.finish .wizardSteps__step ~ small {
        color: var(--neu-10)
    }

    .wizardSteps__item.finish .wizardSteps__step:hover {
        color: var(--neu-10);
        background-color: var(--neu-01);
        border: 1px solid var(--neu-10)
    }

        .wizardSteps__item.finish .wizardSteps__step:hover:before {
            color: var(--neu-10)
        }

.wizardSteps__item.active .wizardSteps__step, .wizardSteps__item.finish.active .wizardSteps__step {
    color: var(--neu-01);
    border-color: transparent
}

    .wizardSteps__item.active .wizardSteps__step:before, .wizardSteps__item.finish.active .wizardSteps__step:before {
        content: "" !important;
        animation: p .6s linear infinite both alternate;
        width: 62px;
        height: 62px;
        background-color: var(--m-01--light-01);
        opacity: .2;
        z-index: -1
    }

@media (max-width:1024px) {
    .wizardSteps__item.active .wizardSteps__step:before, .wizardSteps__item.finish.active .wizardSteps__step:before {
        width: 58px;
        height: 58px
    }
}

@keyframes p {
    0% {
        transform: scale(.6)
    }

    to {
        transform: scale(1)
    }
}

.wizardSteps__item.disable .wizardSteps__step {
    box-shadow: 0 0 1px rgba(26,24,23,.05),0 2px 4px rgba(26,24,23,.1);
    color: var(--neu-06);
    border: none;
    pointer-events: none
}

    .wizardSteps__item.disable .wizardSteps__step ~ label, .wizardSteps__item.disable .wizardSteps__step ~ small {
        color: var(--neu-06)
    }

.wizardSteps__item.gradient:before {
    border-color: #000;
    background-color: var(--neu-01)
}

.wizardSteps__item.gradient:after {
    display: block;
    background: linear-gradient(90deg,var(--add-03) 7.28%,var(--m-01) 83.46%);
    mix-blend-mode: lighten
}

.wizardSteps__step {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1.438rem;
    line-height: 1.391em;
    letter-spacing: -.019em;
    font-weight: 400;
    transition: all .1s ease;
    color: var(--neu-10);
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background-color: var(--neu-01);
    border: 1px solid var(--neu-05);
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1
}

    .wizardSteps__step .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .wizardSteps__step .link a:hover {
            color: var(--m-01)
        }

    .wizardSteps__step mark, .wizardSteps__step mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .wizardSteps__step mark[data-color=gray] {
            color: var(--neu-07)
        }

        .wizardSteps__step mark[data-color=default] {
            color: var(--neu-10)
        }

    .wizardSteps__step span.m-01--dark-01, .wizardSteps__step span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .wizardSteps__step span.neu-07, .wizardSteps__step span[data-color=gray] {
        color: var(--neu-07)
    }

    .wizardSteps__step span.neu-10, .wizardSteps__step span[data-color=default] {
        color: var(--neu-10)
    }

    .wizardSteps__step b, .wizardSteps__step strong {
        font-weight: 700
    }

    .wizardSteps__step em {
        font-style: italic
    }

@media (max-width:1024px) {
    .wizardSteps__step {
        font-size: 1.188rem;
        line-height: 1.263em;
        letter-spacing: -.016em;
        width: 36px;
        height: 36px
    }
}

.wizardSteps__step:after, .wizardSteps__step:before {
    position: absolute;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center
}

.wizardSteps__step:hover {
    border: 1px solid var(--neu-10)
}

.wizardSteps__stepText {
    /*! autoprefixer: off */ -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -moz-line-clamp: 2;
    -ms-line-clamp: 2;
    line-clamp: 2;
    overflow: hidden;
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: .813rem;
    line-height: 1.538em;
    letter-spacing: -.003em;
    font-weight: 400;
    color: var(--neu-10);
    pointer-events: none;
    text-align: center;
    align-self: flex-start;
    max-width: 104px
}

    .wizardSteps__stepText .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .wizardSteps__stepText .link a:hover {
            color: var(--m-01)
        }

    .wizardSteps__stepText mark, .wizardSteps__stepText mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .wizardSteps__stepText mark[data-color=gray] {
            color: var(--neu-07)
        }

        .wizardSteps__stepText mark[data-color=default] {
            color: var(--neu-10)
        }

    .wizardSteps__stepText span.m-01--dark-01, .wizardSteps__stepText span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .wizardSteps__stepText span.neu-07, .wizardSteps__stepText span[data-color=gray] {
        color: var(--neu-07)
    }

    .wizardSteps__stepText span.neu-10, .wizardSteps__stepText span[data-color=default] {
        color: var(--neu-10)
    }

    .wizardSteps__stepText b, .wizardSteps__stepText strong {
        font-weight: 700
    }

    .wizardSteps__stepText em {
        font-style: italic
    }

@media (max-width:768px) {
    .wizardSteps__stepText {
        max-width: unset
    }
}

.wizardSteps__stepContainer {
    width: 100%;
    display: none;
    opacity: 0;
    visibility: unset;
    grid-column: 1/13
}

@media (max-width:1024px) {
    .wizardSteps__stepContainer {
        grid-column: 1/7
    }
}

.wizardSteps__stepContainer.active {
    display: block;
    opacity: 1
}

.wizardSteps .previousStep {
    visibility: hidden
}

    .wizardSteps .previousStep.show {
        visibility: visible
    }

[data-bg=neu-01] .wizardSteps__item.gradient:before {
    background-color: var(--neu-01)
}

[data-bg=neu-02] .wizardSteps__item.gradient:before {
    background-color: var(--neu-02)
}

.agendaGrid__wrapper {
    padding-top: 16px;
    padding-bottom: 64px
}

@media (max-width:1024px) {
    .agendaGrid__wrapper {
        padding-bottom: 40px
    }
}

.agendaGrid__buttonsBlock, .agendaGrid__filters {
    grid-column: 1/13
}

@media (max-width:1024px) {
    .agendaGrid__buttonsBlock, .agendaGrid__filters {
        grid-column: 1/7
    }
}

.agendaGrid__filters {
    margin-bottom: 40px
}

.agendaGrid__calendar {
    grid-column: 1/5
}

@media (max-width:1024px) {
    .agendaGrid__calendar {
        grid-column: 1/13
    }
}

@media (max-width:1024px) and (max-width:1024px) {
    .agendaGrid__calendar {
        grid-column: 1/7
    }
}

.agendaGrid__datepicker-caption {
    border-top: 1px solid var(--neu-03);
    padding-top: 24px;
    display: flex;
    gap: 24px;
    margin-top: 32px
}

.agendaGrid__caption {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: .813rem;
    line-height: 1.538em;
    letter-spacing: -.003em;
    font-weight: 400;
    color: var(--neu-10);
    display: flex;
    align-items: center
}

    .agendaGrid__caption .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .agendaGrid__caption .link a:hover {
            color: var(--m-01)
        }

    .agendaGrid__caption mark, .agendaGrid__caption mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .agendaGrid__caption mark[data-color=gray] {
            color: var(--neu-07)
        }

        .agendaGrid__caption mark[data-color=default] {
            color: var(--neu-10)
        }

    .agendaGrid__caption span.m-01--dark-01, .agendaGrid__caption span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .agendaGrid__caption span.neu-07, .agendaGrid__caption span[data-color=gray] {
        color: var(--neu-07)
    }

    .agendaGrid__caption span.neu-10, .agendaGrid__caption span[data-color=default] {
        color: var(--neu-10)
    }

    .agendaGrid__caption b, .agendaGrid__caption strong {
        font-weight: 700
    }

    .agendaGrid__caption em {
        font-style: italic
    }

    .agendaGrid__caption:after, .agendaGrid__caption:before {
        content: "";
        position: absolute;
        width: 7px;
        height: 7px;
        left: 0;
        background-color: var(--m-01--dark-01);
        border-radius: 50%
    }

.agendaGrid__caption--single {
    padding-left: 16px
}

    .agendaGrid__caption--single:after {
        display: none
    }

.agendaGrid__caption--multiple {
    padding-left: 26px
}

    .agendaGrid__caption--multiple:after {
        left: 11px
    }

.agendaGrid__cards {
    margin-top: 16px;
    grid-column: 5/13
}

@media (max-width:1024px) {
    .agendaGrid__cards {
        grid-column: 1/13;
        margin-top: 40px
    }
}

@media (max-width:1024px) and (max-width:1024px) {
    .agendaGrid__cards {
        grid-column: 1/7
    }
}

.agendaGrid__btnContainer {
    margin-top: 48px
}

@media (max-width:768px) {
    .agendaGrid__btnContainer {
        margin-top: 32px
    }
}

.agendaGrid__date {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1.188rem;
    line-height: 1.263em;
    letter-spacing: -.016em;
    font-weight: 400;
    color: var(--neu-10)
}

    .agendaGrid__date .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .agendaGrid__date .link a:hover {
            color: var(--m-01)
        }

    .agendaGrid__date mark, .agendaGrid__date mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .agendaGrid__date mark[data-color=gray] {
            color: var(--neu-07)
        }

        .agendaGrid__date mark[data-color=default] {
            color: var(--neu-10)
        }

    .agendaGrid__date span.m-01--dark-01, .agendaGrid__date span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .agendaGrid__date span.neu-07, .agendaGrid__date span[data-color=gray] {
        color: var(--neu-07)
    }

    .agendaGrid__date span.neu-10, .agendaGrid__date span[data-color=default] {
        color: var(--neu-10)
    }

    .agendaGrid__date b, .agendaGrid__date strong {
        font-weight: 700
    }

    .agendaGrid__date em {
        font-style: italic
    }

.agendaGrid__cardsGrid {
    margin-top: 40px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 32px
}

@media (max-width:1280px) {
    .agendaGrid__cardsGrid {
        gap: 24px
    }
}

@media (max-width:1024px) {
    .agendaGrid__cardsGrid {
        margin-top: 32px;
        grid-template-columns: 1fr;
        gap: 8px
    }
}

.agendaGrid__cardDetail {
    max-width: 640px
}

.agendaGrid__cardDetail-topInfo {
    margin-bottom: 24px;
    display: grid;
    grid-template-columns: 1fr auto auto
}

.agendaGrid__cardDetail-image {
    height: 120px
}

    .agendaGrid__cardDetail-image img {
        -o-object-fit: cover;
        object-fit: cover;
        width: 100%;
        height: 100%
    }

.agendaGrid__cardDetail-button {
    margin-top: 32px
}

.agendaGrid__cardDetail-editBtn {
    grid-column: 2;
    grid-row: 1/3
}

.agendaGrid__cardDetail .btnBookmark, .agendaGrid__cardDetail .btnBookmark--privateArea, .agendaGrid__cardDetail .btnBookmark--small, .agendaGrid__cardDetail .btnBookmark.selected.btnBookmark--small {
    grid-column: 3;
    grid-row: 1/3
}

.agendaGrid__cardDetail .btnBookmark--privateArea {
    height: -moz-fit-content;
    height: fit-content;
    z-index: 2
}

    .agendaGrid__cardDetail .btnBookmark--privateArea .btnBookmark, .agendaGrid__cardDetail .btnBookmark--privateArea .btnBookmark--small {
        transform: translateX(0)
    }

.agendaGrid__cardDetail .modalContainer__title {
    margin-top: 8px;
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Calma Global Medium,sans-serif;
    font-size: 2.5rem;
    line-height: 1.2em;
    letter-spacing: -.025em;
    grid-column: 1;
    grid-row: 2
}

    .agendaGrid__cardDetail .modalContainer__title .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .agendaGrid__cardDetail .modalContainer__title .link a:hover {
            color: var(--m-01)
        }

    .agendaGrid__cardDetail .modalContainer__title mark, .agendaGrid__cardDetail .modalContainer__title mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .agendaGrid__cardDetail .modalContainer__title mark[data-color=gray] {
            color: var(--neu-07)
        }

        .agendaGrid__cardDetail .modalContainer__title mark[data-color=default] {
            color: var(--neu-10)
        }

    .agendaGrid__cardDetail .modalContainer__title span.m-01--dark-01, .agendaGrid__cardDetail .modalContainer__title span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .agendaGrid__cardDetail .modalContainer__title span.neu-07, .agendaGrid__cardDetail .modalContainer__title span[data-color=gray] {
        color: var(--neu-07)
    }

    .agendaGrid__cardDetail .modalContainer__title span.neu-10, .agendaGrid__cardDetail .modalContainer__title span[data-color=default] {
        color: var(--neu-10)
    }

    .agendaGrid__cardDetail .modalContainer__title b, .agendaGrid__cardDetail .modalContainer__title strong {
        font-weight: 700
    }

    .agendaGrid__cardDetail .modalContainer__title em {
        font-style: italic
    }

@media (max-width:1024px) {
    .agendaGrid__cardDetail .modalContainer__title {
        font-size: 2rem;
        line-height: 1.25em;
        letter-spacing: -.016em
    }
}

.agendaGrid__cardDetail .readingImageCard__infoText {
    margin-top: 8px;
    grid-column: 1/4;
    grid-row: 3
}

.agendaGrid__cardDetail .labelsContainer {
    margin-top: 16px;
    grid-column: 1/4;
    grid-row: 4
}

.agendaGrid__cardDetail .infoFields__listBlock {
    margin-top: 32px
}

.agendaGrid__cardDetail .textFormats {
    margin-top: 32px;
    padding-top: 32px
}

    .agendaGrid__cardDetail .textFormats:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 1px;
        left: 0;
        background-color: var(--neu-03);
        top: 0
    }

@media (max-width:1024px) {
    .agendaGrid__cardDetail .textFormats {
        margin-top: 24px;
        padding-top: 24px
    }
}

.agendaGrid__cardDetail-editBtn, .agendaGrid__cardDetail .btnBookmark, .agendaGrid__cardDetail .btnBookmark--privateArea, .agendaGrid__cardDetail .btnBookmark--small, .agendaGrid__cardDetail .btnBookmark.selected.btnBookmark--small {
    transform: translateX(20px)
}

@media (max-width:512px) {
    .agendaGrid__cardDetail-editBtn, .agendaGrid__cardDetail .btnBookmark, .agendaGrid__cardDetail .btnBookmark--privateArea, .agendaGrid__cardDetail .btnBookmark--small, .agendaGrid__cardDetail .btnBookmark.selected.btnBookmark--small {
        transform: translateX(18px)
    }
}

.agendaGrid .modalContainer__content {
    padding-top: 80px;
    padding-bottom: 80px
}

@media (max-width:768px) {
    .agendaGrid .modalContainer__content {
        padding-top: 64px;
        padding-bottom: 40px
    }
}

@media (max-width:1024px) {
    .agendaGrid .caseCard, .agendaGrid .caseCard--small {
        min-height: 324px;
        max-width: 960px
    }

        .agendaGrid .caseCard--small .caseCard__content, .agendaGrid .caseCard .caseCard__content {
            padding: 24px 16px 16px
        }

        .agendaGrid .caseCard--small .caseCard__title, .agendaGrid .caseCard .caseCard__title {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Calma Global Medium,sans-serif;
            font-size: 1.625rem;
            line-height: 1.231em;
            letter-spacing: 0
        }

            .agendaGrid .caseCard--small .caseCard__title .link a, .agendaGrid .caseCard .caseCard__title .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .agendaGrid .caseCard--small .caseCard__title .link a:hover, .agendaGrid .caseCard .caseCard__title .link a:hover {
                    color: var(--m-01)
                }

            .agendaGrid .caseCard--small .caseCard__title mark, .agendaGrid .caseCard--small .caseCard__title mark[data-color=color], .agendaGrid .caseCard .caseCard__title mark, .agendaGrid .caseCard .caseCard__title mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .agendaGrid .caseCard--small .caseCard__title mark[data-color=gray], .agendaGrid .caseCard .caseCard__title mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .agendaGrid .caseCard--small .caseCard__title mark[data-color=default], .agendaGrid .caseCard .caseCard__title mark[data-color=default] {
                    color: var(--neu-10)
                }

            .agendaGrid .caseCard--small .caseCard__title span.m-01--dark-01, .agendaGrid .caseCard--small .caseCard__title span[data-color=color], .agendaGrid .caseCard .caseCard__title span.m-01--dark-01, .agendaGrid .caseCard .caseCard__title span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .agendaGrid .caseCard--small .caseCard__title span.neu-07, .agendaGrid .caseCard--small .caseCard__title span[data-color=gray], .agendaGrid .caseCard .caseCard__title span.neu-07, .agendaGrid .caseCard .caseCard__title span[data-color=gray] {
                color: var(--neu-07)
            }

            .agendaGrid .caseCard--small .caseCard__title span.neu-10, .agendaGrid .caseCard--small .caseCard__title span[data-color=default], .agendaGrid .caseCard .caseCard__title span.neu-10, .agendaGrid .caseCard .caseCard__title span[data-color=default] {
                color: var(--neu-10)
            }

            .agendaGrid .caseCard--small .caseCard__title b, .agendaGrid .caseCard--small .caseCard__title strong, .agendaGrid .caseCard .caseCard__title b, .agendaGrid .caseCard .caseCard__title strong {
                font-weight: 700
            }

            .agendaGrid .caseCard--small .caseCard__title em, .agendaGrid .caseCard .caseCard__title em {
                font-style: italic
            }

    .agendaGrid .countyCard, .agendaGrid .countyCard--small {
        max-width: 960px;
        height: 100%;
        min-height: 80px
    }

    .agendaGrid .industryCard, .agendaGrid .industryCard--small {
        max-width: 960px;
        max-width: 480px;
        min-height: 240px
    }

        .agendaGrid .industryCard--small .industryCard__content, .agendaGrid .industryCard .industryCard__content {
            padding: 24px 16px 16px
        }

        .agendaGrid .industryCard--small .industryCard__title, .agendaGrid .industryCard .industryCard__title {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Calma Global Medium,sans-serif;
            font-size: 1.625rem;
            line-height: 1.231em;
            letter-spacing: 0
        }

            .agendaGrid .industryCard--small .industryCard__title .link a, .agendaGrid .industryCard .industryCard__title .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .agendaGrid .industryCard--small .industryCard__title .link a:hover, .agendaGrid .industryCard .industryCard__title .link a:hover {
                    color: var(--m-01)
                }

            .agendaGrid .industryCard--small .industryCard__title mark, .agendaGrid .industryCard--small .industryCard__title mark[data-color=color], .agendaGrid .industryCard .industryCard__title mark, .agendaGrid .industryCard .industryCard__title mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .agendaGrid .industryCard--small .industryCard__title mark[data-color=gray], .agendaGrid .industryCard .industryCard__title mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .agendaGrid .industryCard--small .industryCard__title mark[data-color=default], .agendaGrid .industryCard .industryCard__title mark[data-color=default] {
                    color: var(--neu-10)
                }

            .agendaGrid .industryCard--small .industryCard__title span.m-01--dark-01, .agendaGrid .industryCard--small .industryCard__title span[data-color=color], .agendaGrid .industryCard .industryCard__title span.m-01--dark-01, .agendaGrid .industryCard .industryCard__title span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .agendaGrid .industryCard--small .industryCard__title span.neu-07, .agendaGrid .industryCard--small .industryCard__title span[data-color=gray], .agendaGrid .industryCard .industryCard__title span.neu-07, .agendaGrid .industryCard .industryCard__title span[data-color=gray] {
                color: var(--neu-07)
            }

            .agendaGrid .industryCard--small .industryCard__title span.neu-10, .agendaGrid .industryCard--small .industryCard__title span[data-color=default], .agendaGrid .industryCard .industryCard__title span.neu-10, .agendaGrid .industryCard .industryCard__title span[data-color=default] {
                color: var(--neu-10)
            }

            .agendaGrid .industryCard--small .industryCard__title b, .agendaGrid .industryCard--small .industryCard__title strong, .agendaGrid .industryCard .industryCard__title b, .agendaGrid .industryCard .industryCard__title strong {
                font-weight: 700
            }

            .agendaGrid .industryCard--small .industryCard__title em, .agendaGrid .industryCard .industryCard__title em {
                font-style: italic
            }

    .agendaGrid .itemCard, .agendaGrid .itemCard--small {
        max-width: 960px;
        padding: 24px 16px 32px 4px;
        height: 100%
    }

        .agendaGrid .itemCard--small .itemCard__text, .agendaGrid .itemCard .itemCard__text {
            max-width: 310px
        }

    .agendaGrid .readingImageCard, .agendaGrid .readingImageCard--small {
        max-width: 960px;
        background: transparent;
        box-shadow: none;
        border-bottom: 1px solid var(--neu-03);
        min-height: auto;
        flex-direction: row;
        padding: 8px 0 16px;
        border-radius: 0
    }

        .agendaGrid .readingImageCard--small .readingImageCard__image, .agendaGrid .readingImageCard .readingImageCard__image {
            height: auto;
            max-width: 110px;
            flex: 1;
            border-radius: 0
        }

        .agendaGrid .readingImageCard--small .readingImageCard__content, .agendaGrid .readingImageCard .readingImageCard__content {
            padding: 0 0 0 16px;
            flex: 2;
            justify-content: flex-start
        }

        .agendaGrid .readingImageCard--small .readingImageCard__text, .agendaGrid .readingImageCard .readingImageCard__text {
            padding: 0;
            padding-right: 24px
        }

        .agendaGrid .readingImageCard--small .readingImageCard__title, .agendaGrid .readingImageCard .readingImageCard__title {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Inter,sans-serif;
            font-size: 1rem;
            line-height: 1.5em;
            letter-spacing: -.011em;
            font-weight: 700;
            margin-top: 4px
        }

            .agendaGrid .readingImageCard--small .readingImageCard__title .link a, .agendaGrid .readingImageCard .readingImageCard__title .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .agendaGrid .readingImageCard--small .readingImageCard__title .link a:hover, .agendaGrid .readingImageCard .readingImageCard__title .link a:hover {
                    color: var(--m-01)
                }

            .agendaGrid .readingImageCard--small .readingImageCard__title mark, .agendaGrid .readingImageCard--small .readingImageCard__title mark[data-color=color], .agendaGrid .readingImageCard .readingImageCard__title mark, .agendaGrid .readingImageCard .readingImageCard__title mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .agendaGrid .readingImageCard--small .readingImageCard__title mark[data-color=gray], .agendaGrid .readingImageCard .readingImageCard__title mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .agendaGrid .readingImageCard--small .readingImageCard__title mark[data-color=default], .agendaGrid .readingImageCard .readingImageCard__title mark[data-color=default] {
                    color: var(--neu-10)
                }

            .agendaGrid .readingImageCard--small .readingImageCard__title span.m-01--dark-01, .agendaGrid .readingImageCard--small .readingImageCard__title span[data-color=color], .agendaGrid .readingImageCard .readingImageCard__title span.m-01--dark-01, .agendaGrid .readingImageCard .readingImageCard__title span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .agendaGrid .readingImageCard--small .readingImageCard__title span.neu-07, .agendaGrid .readingImageCard--small .readingImageCard__title span[data-color=gray], .agendaGrid .readingImageCard .readingImageCard__title span.neu-07, .agendaGrid .readingImageCard .readingImageCard__title span[data-color=gray] {
                color: var(--neu-07)
            }

            .agendaGrid .readingImageCard--small .readingImageCard__title span.neu-10, .agendaGrid .readingImageCard--small .readingImageCard__title span[data-color=default], .agendaGrid .readingImageCard .readingImageCard__title span.neu-10, .agendaGrid .readingImageCard .readingImageCard__title span[data-color=default] {
                color: var(--neu-10)
            }

            .agendaGrid .readingImageCard--small .readingImageCard__title b, .agendaGrid .readingImageCard--small .readingImageCard__title strong, .agendaGrid .readingImageCard .readingImageCard__title b, .agendaGrid .readingImageCard .readingImageCard__title strong {
                font-weight: 700
            }

            .agendaGrid .readingImageCard--small .readingImageCard__title em, .agendaGrid .readingImageCard .readingImageCard__title em {
                font-style: italic
            }

        .agendaGrid .readingImageCard--small .readingImageCard__infoItem i, .agendaGrid .readingImageCard .readingImageCard__infoItem i {
            display: none
        }

        .agendaGrid .readingImageCard--small .btnBookmark, .agendaGrid .readingImageCard--small .btnBookmark--privateArea, .agendaGrid .readingImageCard--small .btnBookmark--small, .agendaGrid .readingImageCard .btnBookmark, .agendaGrid .readingImageCard .btnBookmark--privateArea, .agendaGrid .readingImageCard .btnBookmark--small {
            top: -8px;
            right: -16px;
            z-index: 2
        }

            .agendaGrid .readingImageCard--small .btnBookmark--privateArea .btnBookmark, .agendaGrid .readingImageCard--small .btnBookmark--privateArea .btnBookmark--small, .agendaGrid .readingImageCard .btnBookmark--privateArea .btnBookmark, .agendaGrid .readingImageCard .btnBookmark--privateArea .btnBookmark--small {
                top: 0;
                right: 0
            }

        .agendaGrid .readingImageCard--small:hover, .agendaGrid .readingImageCard:hover {
            box-shadow: none;
            transform: none
        }

    .agendaGrid .readingTextCard, .agendaGrid .readingTextCard--small {
        max-width: 960px;
        background: transparent;
        box-shadow: none;
        border-bottom: 1px solid var(--neu-03);
        min-height: auto;
        flex-direction: row;
        padding: 8px 0 16px;
        border-radius: 0
    }

        .agendaGrid .readingTextCard--small .readingTextCard__content, .agendaGrid .readingTextCard .readingTextCard__content {
            flex: 2
        }

        .agendaGrid .readingTextCard--small .readingTextCard__text, .agendaGrid .readingTextCard .readingTextCard__text {
            padding: 0
        }

        .agendaGrid .readingTextCard--small .readingTextCard__title, .agendaGrid .readingTextCard .readingTextCard__title {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Inter,sans-serif;
            font-size: 1rem;
            line-height: 1.5em;
            letter-spacing: -.011em;
            font-weight: 700;
            margin-top: 4px
        }

            .agendaGrid .readingTextCard--small .readingTextCard__title .link a, .agendaGrid .readingTextCard .readingTextCard__title .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .agendaGrid .readingTextCard--small .readingTextCard__title .link a:hover, .agendaGrid .readingTextCard .readingTextCard__title .link a:hover {
                    color: var(--m-01)
                }

            .agendaGrid .readingTextCard--small .readingTextCard__title mark, .agendaGrid .readingTextCard--small .readingTextCard__title mark[data-color=color], .agendaGrid .readingTextCard .readingTextCard__title mark, .agendaGrid .readingTextCard .readingTextCard__title mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .agendaGrid .readingTextCard--small .readingTextCard__title mark[data-color=gray], .agendaGrid .readingTextCard .readingTextCard__title mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .agendaGrid .readingTextCard--small .readingTextCard__title mark[data-color=default], .agendaGrid .readingTextCard .readingTextCard__title mark[data-color=default] {
                    color: var(--neu-10)
                }

            .agendaGrid .readingTextCard--small .readingTextCard__title span.m-01--dark-01, .agendaGrid .readingTextCard--small .readingTextCard__title span[data-color=color], .agendaGrid .readingTextCard .readingTextCard__title span.m-01--dark-01, .agendaGrid .readingTextCard .readingTextCard__title span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .agendaGrid .readingTextCard--small .readingTextCard__title span.neu-07, .agendaGrid .readingTextCard--small .readingTextCard__title span[data-color=gray], .agendaGrid .readingTextCard .readingTextCard__title span.neu-07, .agendaGrid .readingTextCard .readingTextCard__title span[data-color=gray] {
                color: var(--neu-07)
            }

            .agendaGrid .readingTextCard--small .readingTextCard__title span.neu-10, .agendaGrid .readingTextCard--small .readingTextCard__title span[data-color=default], .agendaGrid .readingTextCard .readingTextCard__title span.neu-10, .agendaGrid .readingTextCard .readingTextCard__title span[data-color=default] {
                color: var(--neu-10)
            }

            .agendaGrid .readingTextCard--small .readingTextCard__title b, .agendaGrid .readingTextCard--small .readingTextCard__title strong, .agendaGrid .readingTextCard .readingTextCard__title b, .agendaGrid .readingTextCard .readingTextCard__title strong {
                font-weight: 700
            }

            .agendaGrid .readingTextCard--small .readingTextCard__title em, .agendaGrid .readingTextCard .readingTextCard__title em {
                font-style: italic
            }

        .agendaGrid .readingTextCard--small .readingTextCard__description, .agendaGrid .readingTextCard--small .readingTextCard__infoItem i, .agendaGrid .readingTextCard .readingTextCard__description, .agendaGrid .readingTextCard .readingTextCard__infoItem i {
            display: none
        }

        .agendaGrid .readingTextCard--small:hover, .agendaGrid .readingTextCard:hover {
            box-shadow: none;
            transform: none
        }

    .agendaGrid .regionCard, .agendaGrid .regionCard--small {
        max-width: 960px;
        min-height: 270px
    }

        .agendaGrid .regionCard--small .regionCard__content, .agendaGrid .regionCard .regionCard__content {
            padding: 24px 16px 16px
        }

        .agendaGrid .regionCard--small .regionCard__title, .agendaGrid .regionCard .regionCard__title {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Calma Global Medium,sans-serif;
            font-size: 2rem;
            line-height: 1.25em;
            letter-spacing: -.016em
        }

            .agendaGrid .regionCard--small .regionCard__title .link a, .agendaGrid .regionCard .regionCard__title .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .agendaGrid .regionCard--small .regionCard__title .link a:hover, .agendaGrid .regionCard .regionCard__title .link a:hover {
                    color: var(--m-01)
                }

            .agendaGrid .regionCard--small .regionCard__title mark, .agendaGrid .regionCard--small .regionCard__title mark[data-color=color], .agendaGrid .regionCard .regionCard__title mark, .agendaGrid .regionCard .regionCard__title mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .agendaGrid .regionCard--small .regionCard__title mark[data-color=gray], .agendaGrid .regionCard .regionCard__title mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .agendaGrid .regionCard--small .regionCard__title mark[data-color=default], .agendaGrid .regionCard .regionCard__title mark[data-color=default] {
                    color: var(--neu-10)
                }

            .agendaGrid .regionCard--small .regionCard__title span.m-01--dark-01, .agendaGrid .regionCard--small .regionCard__title span[data-color=color], .agendaGrid .regionCard .regionCard__title span.m-01--dark-01, .agendaGrid .regionCard .regionCard__title span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .agendaGrid .regionCard--small .regionCard__title span.neu-07, .agendaGrid .regionCard--small .regionCard__title span[data-color=gray], .agendaGrid .regionCard .regionCard__title span.neu-07, .agendaGrid .regionCard .regionCard__title span[data-color=gray] {
                color: var(--neu-07)
            }

            .agendaGrid .regionCard--small .regionCard__title span.neu-10, .agendaGrid .regionCard--small .regionCard__title span[data-color=default], .agendaGrid .regionCard .regionCard__title span.neu-10, .agendaGrid .regionCard .regionCard__title span[data-color=default] {
                color: var(--neu-10)
            }

            .agendaGrid .regionCard--small .regionCard__title b, .agendaGrid .regionCard--small .regionCard__title strong, .agendaGrid .regionCard .regionCard__title b, .agendaGrid .regionCard .regionCard__title strong {
                font-weight: 700
            }

            .agendaGrid .regionCard--small .regionCard__title em, .agendaGrid .regionCard .regionCard__title em {
                font-style: italic
            }
}

@media (max-width:1024px) and (max-width:1024px) {
    .agendaGrid .regionCard--small .regionCard__title, .agendaGrid .regionCard .regionCard__title {
        font-size: 1.625rem;
        line-height: 1.231em;
        letter-spacing: 0
    }
}

@media (max-width:1024px) {
    .agendaGrid .resourceCard, .agendaGrid .resourceCard--small {
        max-width: 960px;
        min-height: 200px;
        height: 100%;
        padding: 24px 16px
    }

        .agendaGrid .resourceCard--small .resourceCard__title, .agendaGrid .resourceCard .resourceCard__title {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Inter,sans-serif;
            font-size: 1.188rem;
            line-height: 1.263em;
            letter-spacing: -.016em;
            font-weight: 400;
            margin-top: 4px
        }

            .agendaGrid .resourceCard--small .resourceCard__title .link a, .agendaGrid .resourceCard .resourceCard__title .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .agendaGrid .resourceCard--small .resourceCard__title .link a:hover, .agendaGrid .resourceCard .resourceCard__title .link a:hover {
                    color: var(--m-01)
                }

            .agendaGrid .resourceCard--small .resourceCard__title mark, .agendaGrid .resourceCard--small .resourceCard__title mark[data-color=color], .agendaGrid .resourceCard .resourceCard__title mark, .agendaGrid .resourceCard .resourceCard__title mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .agendaGrid .resourceCard--small .resourceCard__title mark[data-color=gray], .agendaGrid .resourceCard .resourceCard__title mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .agendaGrid .resourceCard--small .resourceCard__title mark[data-color=default], .agendaGrid .resourceCard .resourceCard__title mark[data-color=default] {
                    color: var(--neu-10)
                }

            .agendaGrid .resourceCard--small .resourceCard__title span.m-01--dark-01, .agendaGrid .resourceCard--small .resourceCard__title span[data-color=color], .agendaGrid .resourceCard .resourceCard__title span.m-01--dark-01, .agendaGrid .resourceCard .resourceCard__title span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .agendaGrid .resourceCard--small .resourceCard__title span.neu-07, .agendaGrid .resourceCard--small .resourceCard__title span[data-color=gray], .agendaGrid .resourceCard .resourceCard__title span.neu-07, .agendaGrid .resourceCard .resourceCard__title span[data-color=gray] {
                color: var(--neu-07)
            }

            .agendaGrid .resourceCard--small .resourceCard__title span.neu-10, .agendaGrid .resourceCard--small .resourceCard__title span[data-color=default], .agendaGrid .resourceCard .resourceCard__title span.neu-10, .agendaGrid .resourceCard .resourceCard__title span[data-color=default] {
                color: var(--neu-10)
            }

            .agendaGrid .resourceCard--small .resourceCard__title b, .agendaGrid .resourceCard--small .resourceCard__title strong, .agendaGrid .resourceCard .resourceCard__title b, .agendaGrid .resourceCard .resourceCard__title strong {
                font-weight: 700
            }

            .agendaGrid .resourceCard--small .resourceCard__title em, .agendaGrid .resourceCard .resourceCard__title em {
                font-style: italic
            }

        .agendaGrid .resourceCard--small .btn, .agendaGrid .resourceCard--small .btn--icon, .agendaGrid .resourceCard--small .btn--primary, .agendaGrid .resourceCard--small .btn--primary--dark, .agendaGrid .resourceCard--small .btn--secondary, .agendaGrid .resourceCard--small .btn--small, .agendaGrid .resourceCard--small .btn--tertiary, .agendaGrid .resourceCard .btn, .agendaGrid .resourceCard .btn--icon, .agendaGrid .resourceCard .btn--primary, .agendaGrid .resourceCard .btn--primary--dark, .agendaGrid .resourceCard .btn--secondary, .agendaGrid .resourceCard .btn--small, .agendaGrid .resourceCard .btn--tertiary {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Inter,sans-serif;
            font-size: .813rem;
            line-height: 1.538em;
            letter-spacing: -.003em;
            font-weight: 400;
            font-weight: 700;
            padding: 0 20px;
            height: 40px
        }

            .agendaGrid .resourceCard--small .btn--icon .link a, .agendaGrid .resourceCard--small .btn--primary--dark .link a, .agendaGrid .resourceCard--small .btn--primary .link a, .agendaGrid .resourceCard--small .btn--secondary .link a, .agendaGrid .resourceCard--small .btn--small .link a, .agendaGrid .resourceCard--small .btn--tertiary .link a, .agendaGrid .resourceCard--small .btn .link a, .agendaGrid .resourceCard .btn--icon .link a, .agendaGrid .resourceCard .btn--primary--dark .link a, .agendaGrid .resourceCard .btn--primary .link a, .agendaGrid .resourceCard .btn--secondary .link a, .agendaGrid .resourceCard .btn--small .link a, .agendaGrid .resourceCard .btn--tertiary .link a, .agendaGrid .resourceCard .btn .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .agendaGrid .resourceCard--small .btn--icon .link a:hover, .agendaGrid .resourceCard--small .btn--primary--dark .link a:hover, .agendaGrid .resourceCard--small .btn--primary .link a:hover, .agendaGrid .resourceCard--small .btn--secondary .link a:hover, .agendaGrid .resourceCard--small .btn--small .link a:hover, .agendaGrid .resourceCard--small .btn--tertiary .link a:hover, .agendaGrid .resourceCard--small .btn .link a:hover, .agendaGrid .resourceCard .btn--icon .link a:hover, .agendaGrid .resourceCard .btn--primary--dark .link a:hover, .agendaGrid .resourceCard .btn--primary .link a:hover, .agendaGrid .resourceCard .btn--secondary .link a:hover, .agendaGrid .resourceCard .btn--small .link a:hover, .agendaGrid .resourceCard .btn--tertiary .link a:hover, .agendaGrid .resourceCard .btn .link a:hover {
                    color: var(--m-01)
                }

            .agendaGrid .resourceCard--small .btn--icon mark, .agendaGrid .resourceCard--small .btn--icon mark[data-color=color], .agendaGrid .resourceCard--small .btn--primary--dark mark, .agendaGrid .resourceCard--small .btn--primary--dark mark[data-color=color], .agendaGrid .resourceCard--small .btn--primary mark, .agendaGrid .resourceCard--small .btn--primary mark[data-color=color], .agendaGrid .resourceCard--small .btn--secondary mark, .agendaGrid .resourceCard--small .btn--secondary mark[data-color=color], .agendaGrid .resourceCard--small .btn--small mark, .agendaGrid .resourceCard--small .btn--small mark[data-color=color], .agendaGrid .resourceCard--small .btn--tertiary mark, .agendaGrid .resourceCard--small .btn--tertiary mark[data-color=color], .agendaGrid .resourceCard--small .btn mark, .agendaGrid .resourceCard--small .btn mark[data-color=color], .agendaGrid .resourceCard .btn--icon mark, .agendaGrid .resourceCard .btn--icon mark[data-color=color], .agendaGrid .resourceCard .btn--primary--dark mark, .agendaGrid .resourceCard .btn--primary--dark mark[data-color=color], .agendaGrid .resourceCard .btn--primary mark, .agendaGrid .resourceCard .btn--primary mark[data-color=color], .agendaGrid .resourceCard .btn--secondary mark, .agendaGrid .resourceCard .btn--secondary mark[data-color=color], .agendaGrid .resourceCard .btn--small mark, .agendaGrid .resourceCard .btn--small mark[data-color=color], .agendaGrid .resourceCard .btn--tertiary mark, .agendaGrid .resourceCard .btn--tertiary mark[data-color=color], .agendaGrid .resourceCard .btn mark, .agendaGrid .resourceCard .btn mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .agendaGrid .resourceCard--small .btn--icon mark[data-color=gray], .agendaGrid .resourceCard--small .btn--primary--dark mark[data-color=gray], .agendaGrid .resourceCard--small .btn--primary mark[data-color=gray], .agendaGrid .resourceCard--small .btn--secondary mark[data-color=gray], .agendaGrid .resourceCard--small .btn--small mark[data-color=gray], .agendaGrid .resourceCard--small .btn--tertiary mark[data-color=gray], .agendaGrid .resourceCard--small .btn mark[data-color=gray], .agendaGrid .resourceCard .btn--icon mark[data-color=gray], .agendaGrid .resourceCard .btn--primary--dark mark[data-color=gray], .agendaGrid .resourceCard .btn--primary mark[data-color=gray], .agendaGrid .resourceCard .btn--secondary mark[data-color=gray], .agendaGrid .resourceCard .btn--small mark[data-color=gray], .agendaGrid .resourceCard .btn--tertiary mark[data-color=gray], .agendaGrid .resourceCard .btn mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .agendaGrid .resourceCard--small .btn--icon mark[data-color=default], .agendaGrid .resourceCard--small .btn--primary--dark mark[data-color=default], .agendaGrid .resourceCard--small .btn--primary mark[data-color=default], .agendaGrid .resourceCard--small .btn--secondary mark[data-color=default], .agendaGrid .resourceCard--small .btn--small mark[data-color=default], .agendaGrid .resourceCard--small .btn--tertiary mark[data-color=default], .agendaGrid .resourceCard--small .btn mark[data-color=default], .agendaGrid .resourceCard .btn--icon mark[data-color=default], .agendaGrid .resourceCard .btn--primary--dark mark[data-color=default], .agendaGrid .resourceCard .btn--primary mark[data-color=default], .agendaGrid .resourceCard .btn--secondary mark[data-color=default], .agendaGrid .resourceCard .btn--small mark[data-color=default], .agendaGrid .resourceCard .btn--tertiary mark[data-color=default], .agendaGrid .resourceCard .btn mark[data-color=default] {
                    color: var(--neu-10)
                }

            .agendaGrid .resourceCard--small .btn--icon span.m-01--dark-01, .agendaGrid .resourceCard--small .btn--icon span[data-color=color], .agendaGrid .resourceCard--small .btn--primary--dark span.m-01--dark-01, .agendaGrid .resourceCard--small .btn--primary--dark span[data-color=color], .agendaGrid .resourceCard--small .btn--primary span.m-01--dark-01, .agendaGrid .resourceCard--small .btn--primary span[data-color=color], .agendaGrid .resourceCard--small .btn--secondary span.m-01--dark-01, .agendaGrid .resourceCard--small .btn--secondary span[data-color=color], .agendaGrid .resourceCard--small .btn--small span.m-01--dark-01, .agendaGrid .resourceCard--small .btn--small span[data-color=color], .agendaGrid .resourceCard--small .btn--tertiary span.m-01--dark-01, .agendaGrid .resourceCard--small .btn--tertiary span[data-color=color], .agendaGrid .resourceCard--small .btn span.m-01--dark-01, .agendaGrid .resourceCard--small .btn span[data-color=color], .agendaGrid .resourceCard .btn--icon span.m-01--dark-01, .agendaGrid .resourceCard .btn--icon span[data-color=color], .agendaGrid .resourceCard .btn--primary--dark span.m-01--dark-01, .agendaGrid .resourceCard .btn--primary--dark span[data-color=color], .agendaGrid .resourceCard .btn--primary span.m-01--dark-01, .agendaGrid .resourceCard .btn--primary span[data-color=color], .agendaGrid .resourceCard .btn--secondary span.m-01--dark-01, .agendaGrid .resourceCard .btn--secondary span[data-color=color], .agendaGrid .resourceCard .btn--small span.m-01--dark-01, .agendaGrid .resourceCard .btn--small span[data-color=color], .agendaGrid .resourceCard .btn--tertiary span.m-01--dark-01, .agendaGrid .resourceCard .btn--tertiary span[data-color=color], .agendaGrid .resourceCard .btn span.m-01--dark-01, .agendaGrid .resourceCard .btn span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .agendaGrid .resourceCard--small .btn--icon span.neu-07, .agendaGrid .resourceCard--small .btn--icon span[data-color=gray], .agendaGrid .resourceCard--small .btn--primary--dark span.neu-07, .agendaGrid .resourceCard--small .btn--primary--dark span[data-color=gray], .agendaGrid .resourceCard--small .btn--primary span.neu-07, .agendaGrid .resourceCard--small .btn--primary span[data-color=gray], .agendaGrid .resourceCard--small .btn--secondary span.neu-07, .agendaGrid .resourceCard--small .btn--secondary span[data-color=gray], .agendaGrid .resourceCard--small .btn--small span.neu-07, .agendaGrid .resourceCard--small .btn--small span[data-color=gray], .agendaGrid .resourceCard--small .btn--tertiary span.neu-07, .agendaGrid .resourceCard--small .btn--tertiary span[data-color=gray], .agendaGrid .resourceCard--small .btn span.neu-07, .agendaGrid .resourceCard--small .btn span[data-color=gray], .agendaGrid .resourceCard .btn--icon span.neu-07, .agendaGrid .resourceCard .btn--icon span[data-color=gray], .agendaGrid .resourceCard .btn--primary--dark span.neu-07, .agendaGrid .resourceCard .btn--primary--dark span[data-color=gray], .agendaGrid .resourceCard .btn--primary span.neu-07, .agendaGrid .resourceCard .btn--primary span[data-color=gray], .agendaGrid .resourceCard .btn--secondary span.neu-07, .agendaGrid .resourceCard .btn--secondary span[data-color=gray], .agendaGrid .resourceCard .btn--small span.neu-07, .agendaGrid .resourceCard .btn--small span[data-color=gray], .agendaGrid .resourceCard .btn--tertiary span.neu-07, .agendaGrid .resourceCard .btn--tertiary span[data-color=gray], .agendaGrid .resourceCard .btn span.neu-07, .agendaGrid .resourceCard .btn span[data-color=gray] {
                color: var(--neu-07)
            }

            .agendaGrid .resourceCard--small .btn--icon span.neu-10, .agendaGrid .resourceCard--small .btn--icon span[data-color=default], .agendaGrid .resourceCard--small .btn--primary--dark span.neu-10, .agendaGrid .resourceCard--small .btn--primary--dark span[data-color=default], .agendaGrid .resourceCard--small .btn--primary span.neu-10, .agendaGrid .resourceCard--small .btn--primary span[data-color=default], .agendaGrid .resourceCard--small .btn--secondary span.neu-10, .agendaGrid .resourceCard--small .btn--secondary span[data-color=default], .agendaGrid .resourceCard--small .btn--small span.neu-10, .agendaGrid .resourceCard--small .btn--small span[data-color=default], .agendaGrid .resourceCard--small .btn--tertiary span.neu-10, .agendaGrid .resourceCard--small .btn--tertiary span[data-color=default], .agendaGrid .resourceCard--small .btn span.neu-10, .agendaGrid .resourceCard--small .btn span[data-color=default], .agendaGrid .resourceCard .btn--icon span.neu-10, .agendaGrid .resourceCard .btn--icon span[data-color=default], .agendaGrid .resourceCard .btn--primary--dark span.neu-10, .agendaGrid .resourceCard .btn--primary--dark span[data-color=default], .agendaGrid .resourceCard .btn--primary span.neu-10, .agendaGrid .resourceCard .btn--primary span[data-color=default], .agendaGrid .resourceCard .btn--secondary span.neu-10, .agendaGrid .resourceCard .btn--secondary span[data-color=default], .agendaGrid .resourceCard .btn--small span.neu-10, .agendaGrid .resourceCard .btn--small span[data-color=default], .agendaGrid .resourceCard .btn--tertiary span.neu-10, .agendaGrid .resourceCard .btn--tertiary span[data-color=default], .agendaGrid .resourceCard .btn span.neu-10, .agendaGrid .resourceCard .btn span[data-color=default] {
                color: var(--neu-10)
            }

            .agendaGrid .resourceCard--small .btn--icon b, .agendaGrid .resourceCard--small .btn--icon strong, .agendaGrid .resourceCard--small .btn--primary--dark b, .agendaGrid .resourceCard--small .btn--primary--dark strong, .agendaGrid .resourceCard--small .btn--primary b, .agendaGrid .resourceCard--small .btn--primary strong, .agendaGrid .resourceCard--small .btn--secondary b, .agendaGrid .resourceCard--small .btn--secondary strong, .agendaGrid .resourceCard--small .btn--small b, .agendaGrid .resourceCard--small .btn--small strong, .agendaGrid .resourceCard--small .btn--tertiary b, .agendaGrid .resourceCard--small .btn--tertiary strong, .agendaGrid .resourceCard--small .btn b, .agendaGrid .resourceCard--small .btn strong, .agendaGrid .resourceCard .btn--icon b, .agendaGrid .resourceCard .btn--icon strong, .agendaGrid .resourceCard .btn--primary--dark b, .agendaGrid .resourceCard .btn--primary--dark strong, .agendaGrid .resourceCard .btn--primary b, .agendaGrid .resourceCard .btn--primary strong, .agendaGrid .resourceCard .btn--secondary b, .agendaGrid .resourceCard .btn--secondary strong, .agendaGrid .resourceCard .btn--small b, .agendaGrid .resourceCard .btn--small strong, .agendaGrid .resourceCard .btn--tertiary b, .agendaGrid .resourceCard .btn--tertiary strong, .agendaGrid .resourceCard .btn b, .agendaGrid .resourceCard .btn strong {
                font-weight: 700
            }

            .agendaGrid .resourceCard--small .btn--icon em, .agendaGrid .resourceCard--small .btn--primary--dark em, .agendaGrid .resourceCard--small .btn--primary em, .agendaGrid .resourceCard--small .btn--secondary em, .agendaGrid .resourceCard--small .btn--small em, .agendaGrid .resourceCard--small .btn--tertiary em, .agendaGrid .resourceCard--small .btn em, .agendaGrid .resourceCard .btn--icon em, .agendaGrid .resourceCard .btn--primary--dark em, .agendaGrid .resourceCard .btn--primary em, .agendaGrid .resourceCard .btn--secondary em, .agendaGrid .resourceCard .btn--small em, .agendaGrid .resourceCard .btn--tertiary em, .agendaGrid .resourceCard .btn em {
                font-style: italic
            }

            .agendaGrid .resourceCard--small .btn--icon i, .agendaGrid .resourceCard--small .btn--primary--dark i, .agendaGrid .resourceCard--small .btn--primary i, .agendaGrid .resourceCard--small .btn--secondary i, .agendaGrid .resourceCard--small .btn--small i, .agendaGrid .resourceCard--small .btn--tertiary i, .agendaGrid .resourceCard--small .btn i, .agendaGrid .resourceCard .btn--icon i, .agendaGrid .resourceCard .btn--primary--dark i, .agendaGrid .resourceCard .btn--primary i, .agendaGrid .resourceCard .btn--secondary i, .agendaGrid .resourceCard .btn--small i, .agendaGrid .resourceCard .btn--tertiary i, .agendaGrid .resourceCard .btn i {
                min-width: 16px;
                width: 16px;
                height: 16px;
                font-size: 16px
            }

                .agendaGrid .resourceCard--small .btn--icon i:before, .agendaGrid .resourceCard--small .btn--primary--dark i:before, .agendaGrid .resourceCard--small .btn--primary i:before, .agendaGrid .resourceCard--small .btn--secondary i:before, .agendaGrid .resourceCard--small .btn--small i:before, .agendaGrid .resourceCard--small .btn--tertiary i:before, .agendaGrid .resourceCard--small .btn i:before, .agendaGrid .resourceCard .btn--icon i:before, .agendaGrid .resourceCard .btn--primary--dark i:before, .agendaGrid .resourceCard .btn--primary i:before, .agendaGrid .resourceCard .btn--secondary i:before, .agendaGrid .resourceCard .btn--small i:before, .agendaGrid .resourceCard .btn--tertiary i:before, .agendaGrid .resourceCard .btn i:before {
                    font-size: 16px;
                    font-weight: 400
                }

            .agendaGrid .resourceCard--small .btn--icon, .agendaGrid .resourceCard--small .btn--icon.btn--primary, .agendaGrid .resourceCard--small .btn--icon.btn--primary--dark, .agendaGrid .resourceCard--small .btn--icon.btn--secondary, .agendaGrid .resourceCard--small .btn--icon.btn--small, .agendaGrid .resourceCard--small .btn--icon.btn--tertiary, .agendaGrid .resourceCard--small .btn.btn--icon, .agendaGrid .resourceCard .btn--icon, .agendaGrid .resourceCard .btn--icon.btn--primary, .agendaGrid .resourceCard .btn--icon.btn--primary--dark, .agendaGrid .resourceCard .btn--icon.btn--secondary, .agendaGrid .resourceCard .btn--icon.btn--small, .agendaGrid .resourceCard .btn--icon.btn--tertiary, .agendaGrid .resourceCard .btn.btn--icon {
                width: 40px;
                min-width: 40px
            }

                .agendaGrid .resourceCard--small .btn--icon:hover, .agendaGrid .resourceCard--small .btn--primary--dark:hover, .agendaGrid .resourceCard--small .btn--primary:hover, .agendaGrid .resourceCard--small .btn--secondary:hover, .agendaGrid .resourceCard--small .btn--small:hover, .agendaGrid .resourceCard--small .btn--tertiary:hover, .agendaGrid .resourceCard--small .btn:hover, .agendaGrid .resourceCard .btn--icon:hover, .agendaGrid .resourceCard .btn--primary--dark:hover, .agendaGrid .resourceCard .btn--primary:hover, .agendaGrid .resourceCard .btn--secondary:hover, .agendaGrid .resourceCard .btn--small:hover, .agendaGrid .resourceCard .btn--tertiary:hover, .agendaGrid .resourceCard .btn:hover {
                    color: var(--m-01--dark-01)
                }

    .agendaGrid .resultsCard, .agendaGrid .resultsCard--small {
        max-width: 960px;
        min-height: auto;
        padding: 0 0 16px;
        border-radius: 0;
        flex-direction: column
    }

        .agendaGrid .resultsCard--small .resultsCard__image, .agendaGrid .resultsCard .resultsCard__image {
            height: 126px;
            width: 100%;
            margin-right: 0;
            margin-bottom: 16px
        }

        .agendaGrid .resultsCard--small .resultsCard__content, .agendaGrid .resultsCard .resultsCard__content {
            flex: 2;
            justify-content: flex-start
        }

        .agendaGrid .resultsCard--small .resultsCard__topInfo, .agendaGrid .resultsCard .resultsCard__topInfo {
            flex-direction: column
        }

        .agendaGrid .resultsCard--small .resultsCard__sideInfo, .agendaGrid .resultsCard .resultsCard__sideInfo {
            order: 1;
            transform: none;
            justify-content: space-between;
            margin-bottom: 16px
        }

        .agendaGrid .resultsCard--small .resultsCard__labels, .agendaGrid .resultsCard .resultsCard__labels {
            order: 2
        }

        .agendaGrid .resultsCard--small .resultsCard__text, .agendaGrid .resultsCard .resultsCard__text {
            padding: 0
        }

        .agendaGrid .resultsCard--small .resultsCard__description, .agendaGrid .resultsCard .resultsCard__description {
            margin-top: 4px
        }

        .agendaGrid .resultsCard--small .resultsCard__bottomInfo, .agendaGrid .resultsCard .resultsCard__bottomInfo {
            margin-top: 8px
        }
}

@media (max-width:1024px) and (max-width:512px) {
    .agendaGrid .resultsCard--small .resultsCard__bottomInfo, .agendaGrid .resultsCard .resultsCard__bottomInfo {
        flex-direction: column;
        align-items: flex-start
    }
}

@media (max-width:1024px) and (max-width:512px) {
    .agendaGrid .resultsCard--small .resultsCard__btnContainer, .agendaGrid .resultsCard .resultsCard__btnContainer {
        margin-top: 8px;
        width: 100%;
        display: flex;
        justify-content: flex-end
    }
}

@media (max-width:1024px) {
    .agendaGrid .resultsCard--small .btnBookmark, .agendaGrid .resultsCard--small .btnBookmark--small, .agendaGrid .resultsCard .btnBookmark, .agendaGrid .resultsCard .btnBookmark--small {
        transform: translateX(16px);
        width: 48px
    }

    .agendaGrid .thumbResultsCard, .agendaGrid .thumbResultsCard--small {
        max-width: 636px;
        flex-direction: row
    }

        .agendaGrid .thumbResultsCard--small .thumbResultsCard__image, .agendaGrid .thumbResultsCard .thumbResultsCard__image {
            height: auto;
            width: 89px;
            min-width: 89px;
            border-top-left-radius: 2px;
            border-top-right-radius: 0;
            border-bottom-left-radius: 2px
        }

        .agendaGrid .thumbResultsCard--small .thumbResultsCard__content, .agendaGrid .thumbResultsCard .thumbResultsCard__content {
            justify-content: flex-start
        }

        .agendaGrid .thumbResultsCard--small .thumbResultsCard__sideInfo, .agendaGrid .thumbResultsCard .thumbResultsCard__sideInfo {
            transform: none;
            justify-content: space-between
        }

        .agendaGrid .thumbResultsCard--small .thumbResultsCard__text, .agendaGrid .thumbResultsCard .thumbResultsCard__text {
            padding: 0
        }

        .agendaGrid .thumbResultsCard--small .thumbResultsCard__description, .agendaGrid .thumbResultsCard .thumbResultsCard__description {
            margin-top: 4px
        }
}

@media (max-width:1024px) and (max-width:512px) {
    .agendaGrid .thumbResultsCard--small .thumbResultsCard__btnContainer, .agendaGrid .thumbResultsCard .thumbResultsCard__btnContainer {
        margin-top: 8px
    }
}

@media (max-width:1024px) {
    .agendaGrid .supplierCard, .agendaGrid .supplierCard--small {
        max-width: 960px;
        min-height: 214px
    }

        .agendaGrid .supplierCard--small .supplierCard__container, .agendaGrid .supplierCard .supplierCard__container {
            padding: 24px 16px
        }

            .agendaGrid .supplierCard--small .supplierCard__container.opened, .agendaGrid .supplierCard .supplierCard__container.opened {
                max-width: 90vw;
                padding: 24px 40px 24px 24px
            }
}

@media (max-width:1024px) and (max-width:768px) {
    .agendaGrid .supplierCard--small .supplierCard__container.opened, .agendaGrid .supplierCard .supplierCard__container.opened {
        padding: 24px
    }
}

@media (max-width:1024px) {
    .agendaGrid .supplierCard--small .supplierCard__container.opened .supplierCard__content, .agendaGrid .supplierCard .supplierCard__container.opened .supplierCard__content {
        max-width: calc(100% - 120px - 16px)
    }
}

@media (max-width:1024px) and (max-width:768px) {
    .agendaGrid .supplierCard--small .supplierCard__container.opened .supplierCard__content, .agendaGrid .supplierCard .supplierCard__container.opened .supplierCard__content {
        max-width: 100%
    }
}

@media (max-width:1024px) {
    .agendaGrid .supplierCard--small .supplierCard__container.opened .supplierCard__image, .agendaGrid .supplierCard .supplierCard__container.opened .supplierCard__image {
        width: 120px;
        height: 120px
    }

    .agendaGrid .supplierCard--small .supplierCard__image, .agendaGrid .supplierCard .supplierCard__image {
        max-width: 110px;
        width: calc(15% - 16px);
        margin-right: 16px
    }
}

@media (max-width:1024px) and (max-width:768px) {
    .agendaGrid .supplierCard--small .supplierCard__image, .agendaGrid .supplierCard .supplierCard__image {
        width: calc(25% - 16px)
    }
}

@media (max-width:1024px) and (max-width:512px) {
    .agendaGrid .supplierCard--small .supplierCard__image, .agendaGrid .supplierCard .supplierCard__image {
        width: calc(40% - 16px)
    }
}

@media (max-width:1024px) {
    .agendaGrid .supplierCard--small .supplierCard__content, .agendaGrid .supplierCard .supplierCard__content {
        max-width: 85%
    }
}

@media (max-width:1024px) and (max-width:768px) {
    .agendaGrid .supplierCard--small .supplierCard__content, .agendaGrid .supplierCard .supplierCard__content {
        max-width: 75%
    }
}

@media (max-width:1024px) and (max-width:512px) {
    .agendaGrid .supplierCard--small .supplierCard__content, .agendaGrid .supplierCard .supplierCard__content {
        max-width: 60%
    }
}

@media (max-width:1024px) and (max-width:768px) {
    .agendaGrid .supplierCard--small .supplierCard__title, .agendaGrid .supplierCard .supplierCard__title {
        margin: 16px 0 8px
    }
}

@media (max-width:1024px) {
    .agendaGrid .supplierCard--small .supplierCard__link, .agendaGrid .supplierCard .supplierCard__link {
        right: -40px
    }
}

@media (max-width:1024px) and (max-width:768px) {
    .agendaGrid .supplierCard--small .supplierCard__link, .agendaGrid .supplierCard .supplierCard__link {
        right: -24px
    }
}

@media (max-width:1024px) {
    .agendaGrid .supplierCard--small .supplierCard__shortDescription, .agendaGrid .supplierCard .supplierCard__shortDescription {
        max-width: none
    }

    .agendaGrid .supplierCard--small .openExpandedCard, .agendaGrid .supplierCard--small .openExpandedCard button, .agendaGrid .supplierCard .openExpandedCard, .agendaGrid .supplierCard .openExpandedCard button {
        width: 100%
    }

    .agendaGrid .supplierCard--small .closeExpandedCard, .agendaGrid .supplierCard .closeExpandedCard {
        top: 16px;
        right: 8px
    }

    .agendaGrid .supplierCard--small .btn, .agendaGrid .supplierCard--small .btn--icon, .agendaGrid .supplierCard--small .btn--primary, .agendaGrid .supplierCard--small .btn--primary--dark, .agendaGrid .supplierCard--small .btn--secondary, .agendaGrid .supplierCard--small .btn--small, .agendaGrid .supplierCard--small .btn--tertiary, .agendaGrid .supplierCard .btn, .agendaGrid .supplierCard .btn--icon, .agendaGrid .supplierCard .btn--primary, .agendaGrid .supplierCard .btn--primary--dark, .agendaGrid .supplierCard .btn--secondary, .agendaGrid .supplierCard .btn--small, .agendaGrid .supplierCard .btn--tertiary {
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-stretch: normal;
        letter-spacing: normal;
        font-family: Inter,sans-serif;
        font-size: .813rem;
        line-height: 1.538em;
        letter-spacing: -.003em;
        font-weight: 400;
        font-weight: 700;
        padding: 0 20px;
        height: 40px
    }

        .agendaGrid .supplierCard--small .btn--icon .link a, .agendaGrid .supplierCard--small .btn--primary--dark .link a, .agendaGrid .supplierCard--small .btn--primary .link a, .agendaGrid .supplierCard--small .btn--secondary .link a, .agendaGrid .supplierCard--small .btn--small .link a, .agendaGrid .supplierCard--small .btn--tertiary .link a, .agendaGrid .supplierCard--small .btn .link a, .agendaGrid .supplierCard .btn--icon .link a, .agendaGrid .supplierCard .btn--primary--dark .link a, .agendaGrid .supplierCard .btn--primary .link a, .agendaGrid .supplierCard .btn--secondary .link a, .agendaGrid .supplierCard .btn--small .link a, .agendaGrid .supplierCard .btn--tertiary .link a, .agendaGrid .supplierCard .btn .link a {
            transition: all .1s ease;
            text-decoration: underline;
            color: var(--m-01--dark-01)
        }

            .agendaGrid .supplierCard--small .btn--icon .link a:hover, .agendaGrid .supplierCard--small .btn--primary--dark .link a:hover, .agendaGrid .supplierCard--small .btn--primary .link a:hover, .agendaGrid .supplierCard--small .btn--secondary .link a:hover, .agendaGrid .supplierCard--small .btn--small .link a:hover, .agendaGrid .supplierCard--small .btn--tertiary .link a:hover, .agendaGrid .supplierCard--small .btn .link a:hover, .agendaGrid .supplierCard .btn--icon .link a:hover, .agendaGrid .supplierCard .btn--primary--dark .link a:hover, .agendaGrid .supplierCard .btn--primary .link a:hover, .agendaGrid .supplierCard .btn--secondary .link a:hover, .agendaGrid .supplierCard .btn--small .link a:hover, .agendaGrid .supplierCard .btn--tertiary .link a:hover, .agendaGrid .supplierCard .btn .link a:hover {
                color: var(--m-01)
            }

        .agendaGrid .supplierCard--small .btn--icon mark, .agendaGrid .supplierCard--small .btn--icon mark[data-color=color], .agendaGrid .supplierCard--small .btn--primary--dark mark, .agendaGrid .supplierCard--small .btn--primary--dark mark[data-color=color], .agendaGrid .supplierCard--small .btn--primary mark, .agendaGrid .supplierCard--small .btn--primary mark[data-color=color], .agendaGrid .supplierCard--small .btn--secondary mark, .agendaGrid .supplierCard--small .btn--secondary mark[data-color=color], .agendaGrid .supplierCard--small .btn--small mark, .agendaGrid .supplierCard--small .btn--small mark[data-color=color], .agendaGrid .supplierCard--small .btn--tertiary mark, .agendaGrid .supplierCard--small .btn--tertiary mark[data-color=color], .agendaGrid .supplierCard--small .btn mark, .agendaGrid .supplierCard--small .btn mark[data-color=color], .agendaGrid .supplierCard .btn--icon mark, .agendaGrid .supplierCard .btn--icon mark[data-color=color], .agendaGrid .supplierCard .btn--primary--dark mark, .agendaGrid .supplierCard .btn--primary--dark mark[data-color=color], .agendaGrid .supplierCard .btn--primary mark, .agendaGrid .supplierCard .btn--primary mark[data-color=color], .agendaGrid .supplierCard .btn--secondary mark, .agendaGrid .supplierCard .btn--secondary mark[data-color=color], .agendaGrid .supplierCard .btn--small mark, .agendaGrid .supplierCard .btn--small mark[data-color=color], .agendaGrid .supplierCard .btn--tertiary mark, .agendaGrid .supplierCard .btn--tertiary mark[data-color=color], .agendaGrid .supplierCard .btn mark, .agendaGrid .supplierCard .btn mark[data-color=color] {
            color: var(--m-01--dark-01)
        }

            .agendaGrid .supplierCard--small .btn--icon mark[data-color=gray], .agendaGrid .supplierCard--small .btn--primary--dark mark[data-color=gray], .agendaGrid .supplierCard--small .btn--primary mark[data-color=gray], .agendaGrid .supplierCard--small .btn--secondary mark[data-color=gray], .agendaGrid .supplierCard--small .btn--small mark[data-color=gray], .agendaGrid .supplierCard--small .btn--tertiary mark[data-color=gray], .agendaGrid .supplierCard--small .btn mark[data-color=gray], .agendaGrid .supplierCard .btn--icon mark[data-color=gray], .agendaGrid .supplierCard .btn--primary--dark mark[data-color=gray], .agendaGrid .supplierCard .btn--primary mark[data-color=gray], .agendaGrid .supplierCard .btn--secondary mark[data-color=gray], .agendaGrid .supplierCard .btn--small mark[data-color=gray], .agendaGrid .supplierCard .btn--tertiary mark[data-color=gray], .agendaGrid .supplierCard .btn mark[data-color=gray] {
                color: var(--neu-07)
            }

            .agendaGrid .supplierCard--small .btn--icon mark[data-color=default], .agendaGrid .supplierCard--small .btn--primary--dark mark[data-color=default], .agendaGrid .supplierCard--small .btn--primary mark[data-color=default], .agendaGrid .supplierCard--small .btn--secondary mark[data-color=default], .agendaGrid .supplierCard--small .btn--small mark[data-color=default], .agendaGrid .supplierCard--small .btn--tertiary mark[data-color=default], .agendaGrid .supplierCard--small .btn mark[data-color=default], .agendaGrid .supplierCard .btn--icon mark[data-color=default], .agendaGrid .supplierCard .btn--primary--dark mark[data-color=default], .agendaGrid .supplierCard .btn--primary mark[data-color=default], .agendaGrid .supplierCard .btn--secondary mark[data-color=default], .agendaGrid .supplierCard .btn--small mark[data-color=default], .agendaGrid .supplierCard .btn--tertiary mark[data-color=default], .agendaGrid .supplierCard .btn mark[data-color=default] {
                color: var(--neu-10)
            }

        .agendaGrid .supplierCard--small .btn--icon span.m-01--dark-01, .agendaGrid .supplierCard--small .btn--icon span[data-color=color], .agendaGrid .supplierCard--small .btn--primary--dark span.m-01--dark-01, .agendaGrid .supplierCard--small .btn--primary--dark span[data-color=color], .agendaGrid .supplierCard--small .btn--primary span.m-01--dark-01, .agendaGrid .supplierCard--small .btn--primary span[data-color=color], .agendaGrid .supplierCard--small .btn--secondary span.m-01--dark-01, .agendaGrid .supplierCard--small .btn--secondary span[data-color=color], .agendaGrid .supplierCard--small .btn--small span.m-01--dark-01, .agendaGrid .supplierCard--small .btn--small span[data-color=color], .agendaGrid .supplierCard--small .btn--tertiary span.m-01--dark-01, .agendaGrid .supplierCard--small .btn--tertiary span[data-color=color], .agendaGrid .supplierCard--small .btn span.m-01--dark-01, .agendaGrid .supplierCard--small .btn span[data-color=color], .agendaGrid .supplierCard .btn--icon span.m-01--dark-01, .agendaGrid .supplierCard .btn--icon span[data-color=color], .agendaGrid .supplierCard .btn--primary--dark span.m-01--dark-01, .agendaGrid .supplierCard .btn--primary--dark span[data-color=color], .agendaGrid .supplierCard .btn--primary span.m-01--dark-01, .agendaGrid .supplierCard .btn--primary span[data-color=color], .agendaGrid .supplierCard .btn--secondary span.m-01--dark-01, .agendaGrid .supplierCard .btn--secondary span[data-color=color], .agendaGrid .supplierCard .btn--small span.m-01--dark-01, .agendaGrid .supplierCard .btn--small span[data-color=color], .agendaGrid .supplierCard .btn--tertiary span.m-01--dark-01, .agendaGrid .supplierCard .btn--tertiary span[data-color=color], .agendaGrid .supplierCard .btn span.m-01--dark-01, .agendaGrid .supplierCard .btn span[data-color=color] {
            color: var(--m-01--dark-01)
        }

        .agendaGrid .supplierCard--small .btn--icon span.neu-07, .agendaGrid .supplierCard--small .btn--icon span[data-color=gray], .agendaGrid .supplierCard--small .btn--primary--dark span.neu-07, .agendaGrid .supplierCard--small .btn--primary--dark span[data-color=gray], .agendaGrid .supplierCard--small .btn--primary span.neu-07, .agendaGrid .supplierCard--small .btn--primary span[data-color=gray], .agendaGrid .supplierCard--small .btn--secondary span.neu-07, .agendaGrid .supplierCard--small .btn--secondary span[data-color=gray], .agendaGrid .supplierCard--small .btn--small span.neu-07, .agendaGrid .supplierCard--small .btn--small span[data-color=gray], .agendaGrid .supplierCard--small .btn--tertiary span.neu-07, .agendaGrid .supplierCard--small .btn--tertiary span[data-color=gray], .agendaGrid .supplierCard--small .btn span.neu-07, .agendaGrid .supplierCard--small .btn span[data-color=gray], .agendaGrid .supplierCard .btn--icon span.neu-07, .agendaGrid .supplierCard .btn--icon span[data-color=gray], .agendaGrid .supplierCard .btn--primary--dark span.neu-07, .agendaGrid .supplierCard .btn--primary--dark span[data-color=gray], .agendaGrid .supplierCard .btn--primary span.neu-07, .agendaGrid .supplierCard .btn--primary span[data-color=gray], .agendaGrid .supplierCard .btn--secondary span.neu-07, .agendaGrid .supplierCard .btn--secondary span[data-color=gray], .agendaGrid .supplierCard .btn--small span.neu-07, .agendaGrid .supplierCard .btn--small span[data-color=gray], .agendaGrid .supplierCard .btn--tertiary span.neu-07, .agendaGrid .supplierCard .btn--tertiary span[data-color=gray], .agendaGrid .supplierCard .btn span.neu-07, .agendaGrid .supplierCard .btn span[data-color=gray] {
            color: var(--neu-07)
        }

        .agendaGrid .supplierCard--small .btn--icon span.neu-10, .agendaGrid .supplierCard--small .btn--icon span[data-color=default], .agendaGrid .supplierCard--small .btn--primary--dark span.neu-10, .agendaGrid .supplierCard--small .btn--primary--dark span[data-color=default], .agendaGrid .supplierCard--small .btn--primary span.neu-10, .agendaGrid .supplierCard--small .btn--primary span[data-color=default], .agendaGrid .supplierCard--small .btn--secondary span.neu-10, .agendaGrid .supplierCard--small .btn--secondary span[data-color=default], .agendaGrid .supplierCard--small .btn--small span.neu-10, .agendaGrid .supplierCard--small .btn--small span[data-color=default], .agendaGrid .supplierCard--small .btn--tertiary span.neu-10, .agendaGrid .supplierCard--small .btn--tertiary span[data-color=default], .agendaGrid .supplierCard--small .btn span.neu-10, .agendaGrid .supplierCard--small .btn span[data-color=default], .agendaGrid .supplierCard .btn--icon span.neu-10, .agendaGrid .supplierCard .btn--icon span[data-color=default], .agendaGrid .supplierCard .btn--primary--dark span.neu-10, .agendaGrid .supplierCard .btn--primary--dark span[data-color=default], .agendaGrid .supplierCard .btn--primary span.neu-10, .agendaGrid .supplierCard .btn--primary span[data-color=default], .agendaGrid .supplierCard .btn--secondary span.neu-10, .agendaGrid .supplierCard .btn--secondary span[data-color=default], .agendaGrid .supplierCard .btn--small span.neu-10, .agendaGrid .supplierCard .btn--small span[data-color=default], .agendaGrid .supplierCard .btn--tertiary span.neu-10, .agendaGrid .supplierCard .btn--tertiary span[data-color=default], .agendaGrid .supplierCard .btn span.neu-10, .agendaGrid .supplierCard .btn span[data-color=default] {
            color: var(--neu-10)
        }

        .agendaGrid .supplierCard--small .btn--icon b, .agendaGrid .supplierCard--small .btn--icon strong, .agendaGrid .supplierCard--small .btn--primary--dark b, .agendaGrid .supplierCard--small .btn--primary--dark strong, .agendaGrid .supplierCard--small .btn--primary b, .agendaGrid .supplierCard--small .btn--primary strong, .agendaGrid .supplierCard--small .btn--secondary b, .agendaGrid .supplierCard--small .btn--secondary strong, .agendaGrid .supplierCard--small .btn--small b, .agendaGrid .supplierCard--small .btn--small strong, .agendaGrid .supplierCard--small .btn--tertiary b, .agendaGrid .supplierCard--small .btn--tertiary strong, .agendaGrid .supplierCard--small .btn b, .agendaGrid .supplierCard--small .btn strong, .agendaGrid .supplierCard .btn--icon b, .agendaGrid .supplierCard .btn--icon strong, .agendaGrid .supplierCard .btn--primary--dark b, .agendaGrid .supplierCard .btn--primary--dark strong, .agendaGrid .supplierCard .btn--primary b, .agendaGrid .supplierCard .btn--primary strong, .agendaGrid .supplierCard .btn--secondary b, .agendaGrid .supplierCard .btn--secondary strong, .agendaGrid .supplierCard .btn--small b, .agendaGrid .supplierCard .btn--small strong, .agendaGrid .supplierCard .btn--tertiary b, .agendaGrid .supplierCard .btn--tertiary strong, .agendaGrid .supplierCard .btn b, .agendaGrid .supplierCard .btn strong {
            font-weight: 700
        }

        .agendaGrid .supplierCard--small .btn--icon em, .agendaGrid .supplierCard--small .btn--primary--dark em, .agendaGrid .supplierCard--small .btn--primary em, .agendaGrid .supplierCard--small .btn--secondary em, .agendaGrid .supplierCard--small .btn--small em, .agendaGrid .supplierCard--small .btn--tertiary em, .agendaGrid .supplierCard--small .btn em, .agendaGrid .supplierCard .btn--icon em, .agendaGrid .supplierCard .btn--primary--dark em, .agendaGrid .supplierCard .btn--primary em, .agendaGrid .supplierCard .btn--secondary em, .agendaGrid .supplierCard .btn--small em, .agendaGrid .supplierCard .btn--tertiary em, .agendaGrid .supplierCard .btn em {
            font-style: italic
        }

        .agendaGrid .supplierCard--small .btn--icon i, .agendaGrid .supplierCard--small .btn--primary--dark i, .agendaGrid .supplierCard--small .btn--primary i, .agendaGrid .supplierCard--small .btn--secondary i, .agendaGrid .supplierCard--small .btn--small i, .agendaGrid .supplierCard--small .btn--tertiary i, .agendaGrid .supplierCard--small .btn i, .agendaGrid .supplierCard .btn--icon i, .agendaGrid .supplierCard .btn--primary--dark i, .agendaGrid .supplierCard .btn--primary i, .agendaGrid .supplierCard .btn--secondary i, .agendaGrid .supplierCard .btn--small i, .agendaGrid .supplierCard .btn--tertiary i, .agendaGrid .supplierCard .btn i {
            min-width: 16px;
            width: 16px;
            height: 16px;
            font-size: 16px
        }

            .agendaGrid .supplierCard--small .btn--icon i:before, .agendaGrid .supplierCard--small .btn--primary--dark i:before, .agendaGrid .supplierCard--small .btn--primary i:before, .agendaGrid .supplierCard--small .btn--secondary i:before, .agendaGrid .supplierCard--small .btn--small i:before, .agendaGrid .supplierCard--small .btn--tertiary i:before, .agendaGrid .supplierCard--small .btn i:before, .agendaGrid .supplierCard .btn--icon i:before, .agendaGrid .supplierCard .btn--primary--dark i:before, .agendaGrid .supplierCard .btn--primary i:before, .agendaGrid .supplierCard .btn--secondary i:before, .agendaGrid .supplierCard .btn--small i:before, .agendaGrid .supplierCard .btn--tertiary i:before, .agendaGrid .supplierCard .btn i:before {
                font-size: 16px;
                font-weight: 400
            }

        .agendaGrid .supplierCard--small .btn--icon, .agendaGrid .supplierCard--small .btn--icon.btn--primary, .agendaGrid .supplierCard--small .btn--icon.btn--primary--dark, .agendaGrid .supplierCard--small .btn--icon.btn--secondary, .agendaGrid .supplierCard--small .btn--icon.btn--small, .agendaGrid .supplierCard--small .btn--icon.btn--tertiary, .agendaGrid .supplierCard--small .btn.btn--icon, .agendaGrid .supplierCard .btn--icon, .agendaGrid .supplierCard .btn--icon.btn--primary, .agendaGrid .supplierCard .btn--icon.btn--primary--dark, .agendaGrid .supplierCard .btn--icon.btn--secondary, .agendaGrid .supplierCard .btn--icon.btn--small, .agendaGrid .supplierCard .btn--icon.btn--tertiary, .agendaGrid .supplierCard .btn.btn--icon {
            width: 40px;
            min-width: 40px
        }

    .agendaGrid .regionResultsCard, .agendaGrid .regionResultsCard--small {
        max-width: 960px;
        min-height: auto;
        padding: 0 0 24px;
        border-radius: 0;
        flex-direction: column
    }

        .agendaGrid .regionResultsCard--small .regionResultsCard__image, .agendaGrid .regionResultsCard .regionResultsCard__image {
            height: 100px;
            width: 100%;
            margin-right: 0;
            margin-bottom: 16px
        }

        .agendaGrid .regionResultsCard--small .regionResultsCard__title, .agendaGrid .regionResultsCard .regionResultsCard__title {
            margin-top: 4px
        }

        .agendaGrid .regionResultsCard--small .regionResultsCard__content, .agendaGrid .regionResultsCard .regionResultsCard__content {
            flex: 2;
            justify-content: flex-start
        }

        .agendaGrid .regionResultsCard--small .regionResultsCard__topInfo, .agendaGrid .regionResultsCard .regionResultsCard__topInfo {
            flex-direction: column
        }

        .agendaGrid .regionResultsCard--small .regionResultsCard__sideInfo, .agendaGrid .regionResultsCard .regionResultsCard__sideInfo {
            order: 1;
            transform: none;
            justify-content: space-between;
            margin-bottom: 16px
        }

        .agendaGrid .regionResultsCard--small .regionResultsCard__labels, .agendaGrid .regionResultsCard .regionResultsCard__labels {
            order: 2
        }

        .agendaGrid .regionResultsCard--small .regionResultsCard__text, .agendaGrid .regionResultsCard .regionResultsCard__text {
            padding: 0
        }

        .agendaGrid .regionResultsCard--small .regionResultsCard__bottomInfo, .agendaGrid .regionResultsCard .regionResultsCard__bottomInfo {
            margin-top: 8px;
            flex-direction: column;
            align-items: flex-start
        }

        .agendaGrid .regionResultsCard--small .regionResultsCard__btnContainer, .agendaGrid .regionResultsCard .regionResultsCard__btnContainer {
            width: 100%;
            display: flex
        }

            .agendaGrid .regionResultsCard--small .regionResultsCard__btnContainer .btn--primary, .agendaGrid .regionResultsCard .regionResultsCard__btnContainer .btn--primary {
                width: 100%
            }

        .agendaGrid .regionResultsCard--small .btnBookmark, .agendaGrid .regionResultsCard--small .btnBookmark--privateArea, .agendaGrid .regionResultsCard--small .btnBookmark--small, .agendaGrid .regionResultsCard .btnBookmark, .agendaGrid .regionResultsCard .btnBookmark--privateArea, .agendaGrid .regionResultsCard .btnBookmark--small {
            transform: translateX(20px)
        }

            .agendaGrid .regionResultsCard--small .btnBookmark--privateArea .btnBookmark, .agendaGrid .regionResultsCard--small .btnBookmark--privateArea .btnBookmark--small, .agendaGrid .regionResultsCard .btnBookmark--privateArea .btnBookmark, .agendaGrid .regionResultsCard .btnBookmark--privateArea .btnBookmark--small {
                transform: translateX(0)
            }

    .agendaGrid .resourceCard, .agendaGrid .resourceCard--small {
        max-width: 960px;
        min-height: 200px;
        height: 100%;
        padding: 24px 16px
    }

        .agendaGrid .resourceCard--small .resourceCard__title, .agendaGrid .resourceCard .resourceCard__title {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Inter,sans-serif;
            font-size: 1.188rem;
            line-height: 1.263em;
            letter-spacing: -.016em;
            font-weight: 400;
            margin-top: 4px
        }

            .agendaGrid .resourceCard--small .resourceCard__title .link a, .agendaGrid .resourceCard .resourceCard__title .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .agendaGrid .resourceCard--small .resourceCard__title .link a:hover, .agendaGrid .resourceCard .resourceCard__title .link a:hover {
                    color: var(--m-01)
                }

            .agendaGrid .resourceCard--small .resourceCard__title mark, .agendaGrid .resourceCard--small .resourceCard__title mark[data-color=color], .agendaGrid .resourceCard .resourceCard__title mark, .agendaGrid .resourceCard .resourceCard__title mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .agendaGrid .resourceCard--small .resourceCard__title mark[data-color=gray], .agendaGrid .resourceCard .resourceCard__title mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .agendaGrid .resourceCard--small .resourceCard__title mark[data-color=default], .agendaGrid .resourceCard .resourceCard__title mark[data-color=default] {
                    color: var(--neu-10)
                }

            .agendaGrid .resourceCard--small .resourceCard__title span.m-01--dark-01, .agendaGrid .resourceCard--small .resourceCard__title span[data-color=color], .agendaGrid .resourceCard .resourceCard__title span.m-01--dark-01, .agendaGrid .resourceCard .resourceCard__title span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .agendaGrid .resourceCard--small .resourceCard__title span.neu-07, .agendaGrid .resourceCard--small .resourceCard__title span[data-color=gray], .agendaGrid .resourceCard .resourceCard__title span.neu-07, .agendaGrid .resourceCard .resourceCard__title span[data-color=gray] {
                color: var(--neu-07)
            }

            .agendaGrid .resourceCard--small .resourceCard__title span.neu-10, .agendaGrid .resourceCard--small .resourceCard__title span[data-color=default], .agendaGrid .resourceCard .resourceCard__title span.neu-10, .agendaGrid .resourceCard .resourceCard__title span[data-color=default] {
                color: var(--neu-10)
            }

            .agendaGrid .resourceCard--small .resourceCard__title b, .agendaGrid .resourceCard--small .resourceCard__title strong, .agendaGrid .resourceCard .resourceCard__title b, .agendaGrid .resourceCard .resourceCard__title strong {
                font-weight: 700
            }

            .agendaGrid .resourceCard--small .resourceCard__title em, .agendaGrid .resourceCard .resourceCard__title em {
                font-style: italic
            }

        .agendaGrid .resourceCard--small .btn, .agendaGrid .resourceCard--small .btn--icon, .agendaGrid .resourceCard--small .btn--primary, .agendaGrid .resourceCard--small .btn--primary--dark, .agendaGrid .resourceCard--small .btn--secondary, .agendaGrid .resourceCard--small .btn--small, .agendaGrid .resourceCard--small .btn--tertiary, .agendaGrid .resourceCard .btn, .agendaGrid .resourceCard .btn--icon, .agendaGrid .resourceCard .btn--primary, .agendaGrid .resourceCard .btn--primary--dark, .agendaGrid .resourceCard .btn--secondary, .agendaGrid .resourceCard .btn--small, .agendaGrid .resourceCard .btn--tertiary {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Inter,sans-serif;
            font-size: .813rem;
            line-height: 1.538em;
            letter-spacing: -.003em;
            font-weight: 400;
            font-weight: 700;
            padding: 0 20px;
            height: 40px
        }

            .agendaGrid .resourceCard--small .btn--icon .link a, .agendaGrid .resourceCard--small .btn--primary--dark .link a, .agendaGrid .resourceCard--small .btn--primary .link a, .agendaGrid .resourceCard--small .btn--secondary .link a, .agendaGrid .resourceCard--small .btn--small .link a, .agendaGrid .resourceCard--small .btn--tertiary .link a, .agendaGrid .resourceCard--small .btn .link a, .agendaGrid .resourceCard .btn--icon .link a, .agendaGrid .resourceCard .btn--primary--dark .link a, .agendaGrid .resourceCard .btn--primary .link a, .agendaGrid .resourceCard .btn--secondary .link a, .agendaGrid .resourceCard .btn--small .link a, .agendaGrid .resourceCard .btn--tertiary .link a, .agendaGrid .resourceCard .btn .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .agendaGrid .resourceCard--small .btn--icon .link a:hover, .agendaGrid .resourceCard--small .btn--primary--dark .link a:hover, .agendaGrid .resourceCard--small .btn--primary .link a:hover, .agendaGrid .resourceCard--small .btn--secondary .link a:hover, .agendaGrid .resourceCard--small .btn--small .link a:hover, .agendaGrid .resourceCard--small .btn--tertiary .link a:hover, .agendaGrid .resourceCard--small .btn .link a:hover, .agendaGrid .resourceCard .btn--icon .link a:hover, .agendaGrid .resourceCard .btn--primary--dark .link a:hover, .agendaGrid .resourceCard .btn--primary .link a:hover, .agendaGrid .resourceCard .btn--secondary .link a:hover, .agendaGrid .resourceCard .btn--small .link a:hover, .agendaGrid .resourceCard .btn--tertiary .link a:hover, .agendaGrid .resourceCard .btn .link a:hover {
                    color: var(--m-01)
                }

            .agendaGrid .resourceCard--small .btn--icon mark, .agendaGrid .resourceCard--small .btn--icon mark[data-color=color], .agendaGrid .resourceCard--small .btn--primary--dark mark, .agendaGrid .resourceCard--small .btn--primary--dark mark[data-color=color], .agendaGrid .resourceCard--small .btn--primary mark, .agendaGrid .resourceCard--small .btn--primary mark[data-color=color], .agendaGrid .resourceCard--small .btn--secondary mark, .agendaGrid .resourceCard--small .btn--secondary mark[data-color=color], .agendaGrid .resourceCard--small .btn--small mark, .agendaGrid .resourceCard--small .btn--small mark[data-color=color], .agendaGrid .resourceCard--small .btn--tertiary mark, .agendaGrid .resourceCard--small .btn--tertiary mark[data-color=color], .agendaGrid .resourceCard--small .btn mark, .agendaGrid .resourceCard--small .btn mark[data-color=color], .agendaGrid .resourceCard .btn--icon mark, .agendaGrid .resourceCard .btn--icon mark[data-color=color], .agendaGrid .resourceCard .btn--primary--dark mark, .agendaGrid .resourceCard .btn--primary--dark mark[data-color=color], .agendaGrid .resourceCard .btn--primary mark, .agendaGrid .resourceCard .btn--primary mark[data-color=color], .agendaGrid .resourceCard .btn--secondary mark, .agendaGrid .resourceCard .btn--secondary mark[data-color=color], .agendaGrid .resourceCard .btn--small mark, .agendaGrid .resourceCard .btn--small mark[data-color=color], .agendaGrid .resourceCard .btn--tertiary mark, .agendaGrid .resourceCard .btn--tertiary mark[data-color=color], .agendaGrid .resourceCard .btn mark, .agendaGrid .resourceCard .btn mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .agendaGrid .resourceCard--small .btn--icon mark[data-color=gray], .agendaGrid .resourceCard--small .btn--primary--dark mark[data-color=gray], .agendaGrid .resourceCard--small .btn--primary mark[data-color=gray], .agendaGrid .resourceCard--small .btn--secondary mark[data-color=gray], .agendaGrid .resourceCard--small .btn--small mark[data-color=gray], .agendaGrid .resourceCard--small .btn--tertiary mark[data-color=gray], .agendaGrid .resourceCard--small .btn mark[data-color=gray], .agendaGrid .resourceCard .btn--icon mark[data-color=gray], .agendaGrid .resourceCard .btn--primary--dark mark[data-color=gray], .agendaGrid .resourceCard .btn--primary mark[data-color=gray], .agendaGrid .resourceCard .btn--secondary mark[data-color=gray], .agendaGrid .resourceCard .btn--small mark[data-color=gray], .agendaGrid .resourceCard .btn--tertiary mark[data-color=gray], .agendaGrid .resourceCard .btn mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .agendaGrid .resourceCard--small .btn--icon mark[data-color=default], .agendaGrid .resourceCard--small .btn--primary--dark mark[data-color=default], .agendaGrid .resourceCard--small .btn--primary mark[data-color=default], .agendaGrid .resourceCard--small .btn--secondary mark[data-color=default], .agendaGrid .resourceCard--small .btn--small mark[data-color=default], .agendaGrid .resourceCard--small .btn--tertiary mark[data-color=default], .agendaGrid .resourceCard--small .btn mark[data-color=default], .agendaGrid .resourceCard .btn--icon mark[data-color=default], .agendaGrid .resourceCard .btn--primary--dark mark[data-color=default], .agendaGrid .resourceCard .btn--primary mark[data-color=default], .agendaGrid .resourceCard .btn--secondary mark[data-color=default], .agendaGrid .resourceCard .btn--small mark[data-color=default], .agendaGrid .resourceCard .btn--tertiary mark[data-color=default], .agendaGrid .resourceCard .btn mark[data-color=default] {
                    color: var(--neu-10)
                }

            .agendaGrid .resourceCard--small .btn--icon span.m-01--dark-01, .agendaGrid .resourceCard--small .btn--icon span[data-color=color], .agendaGrid .resourceCard--small .btn--primary--dark span.m-01--dark-01, .agendaGrid .resourceCard--small .btn--primary--dark span[data-color=color], .agendaGrid .resourceCard--small .btn--primary span.m-01--dark-01, .agendaGrid .resourceCard--small .btn--primary span[data-color=color], .agendaGrid .resourceCard--small .btn--secondary span.m-01--dark-01, .agendaGrid .resourceCard--small .btn--secondary span[data-color=color], .agendaGrid .resourceCard--small .btn--small span.m-01--dark-01, .agendaGrid .resourceCard--small .btn--small span[data-color=color], .agendaGrid .resourceCard--small .btn--tertiary span.m-01--dark-01, .agendaGrid .resourceCard--small .btn--tertiary span[data-color=color], .agendaGrid .resourceCard--small .btn span.m-01--dark-01, .agendaGrid .resourceCard--small .btn span[data-color=color], .agendaGrid .resourceCard .btn--icon span.m-01--dark-01, .agendaGrid .resourceCard .btn--icon span[data-color=color], .agendaGrid .resourceCard .btn--primary--dark span.m-01--dark-01, .agendaGrid .resourceCard .btn--primary--dark span[data-color=color], .agendaGrid .resourceCard .btn--primary span.m-01--dark-01, .agendaGrid .resourceCard .btn--primary span[data-color=color], .agendaGrid .resourceCard .btn--secondary span.m-01--dark-01, .agendaGrid .resourceCard .btn--secondary span[data-color=color], .agendaGrid .resourceCard .btn--small span.m-01--dark-01, .agendaGrid .resourceCard .btn--small span[data-color=color], .agendaGrid .resourceCard .btn--tertiary span.m-01--dark-01, .agendaGrid .resourceCard .btn--tertiary span[data-color=color], .agendaGrid .resourceCard .btn span.m-01--dark-01, .agendaGrid .resourceCard .btn span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .agendaGrid .resourceCard--small .btn--icon span.neu-07, .agendaGrid .resourceCard--small .btn--icon span[data-color=gray], .agendaGrid .resourceCard--small .btn--primary--dark span.neu-07, .agendaGrid .resourceCard--small .btn--primary--dark span[data-color=gray], .agendaGrid .resourceCard--small .btn--primary span.neu-07, .agendaGrid .resourceCard--small .btn--primary span[data-color=gray], .agendaGrid .resourceCard--small .btn--secondary span.neu-07, .agendaGrid .resourceCard--small .btn--secondary span[data-color=gray], .agendaGrid .resourceCard--small .btn--small span.neu-07, .agendaGrid .resourceCard--small .btn--small span[data-color=gray], .agendaGrid .resourceCard--small .btn--tertiary span.neu-07, .agendaGrid .resourceCard--small .btn--tertiary span[data-color=gray], .agendaGrid .resourceCard--small .btn span.neu-07, .agendaGrid .resourceCard--small .btn span[data-color=gray], .agendaGrid .resourceCard .btn--icon span.neu-07, .agendaGrid .resourceCard .btn--icon span[data-color=gray], .agendaGrid .resourceCard .btn--primary--dark span.neu-07, .agendaGrid .resourceCard .btn--primary--dark span[data-color=gray], .agendaGrid .resourceCard .btn--primary span.neu-07, .agendaGrid .resourceCard .btn--primary span[data-color=gray], .agendaGrid .resourceCard .btn--secondary span.neu-07, .agendaGrid .resourceCard .btn--secondary span[data-color=gray], .agendaGrid .resourceCard .btn--small span.neu-07, .agendaGrid .resourceCard .btn--small span[data-color=gray], .agendaGrid .resourceCard .btn--tertiary span.neu-07, .agendaGrid .resourceCard .btn--tertiary span[data-color=gray], .agendaGrid .resourceCard .btn span.neu-07, .agendaGrid .resourceCard .btn span[data-color=gray] {
                color: var(--neu-07)
            }

            .agendaGrid .resourceCard--small .btn--icon span.neu-10, .agendaGrid .resourceCard--small .btn--icon span[data-color=default], .agendaGrid .resourceCard--small .btn--primary--dark span.neu-10, .agendaGrid .resourceCard--small .btn--primary--dark span[data-color=default], .agendaGrid .resourceCard--small .btn--primary span.neu-10, .agendaGrid .resourceCard--small .btn--primary span[data-color=default], .agendaGrid .resourceCard--small .btn--secondary span.neu-10, .agendaGrid .resourceCard--small .btn--secondary span[data-color=default], .agendaGrid .resourceCard--small .btn--small span.neu-10, .agendaGrid .resourceCard--small .btn--small span[data-color=default], .agendaGrid .resourceCard--small .btn--tertiary span.neu-10, .agendaGrid .resourceCard--small .btn--tertiary span[data-color=default], .agendaGrid .resourceCard--small .btn span.neu-10, .agendaGrid .resourceCard--small .btn span[data-color=default], .agendaGrid .resourceCard .btn--icon span.neu-10, .agendaGrid .resourceCard .btn--icon span[data-color=default], .agendaGrid .resourceCard .btn--primary--dark span.neu-10, .agendaGrid .resourceCard .btn--primary--dark span[data-color=default], .agendaGrid .resourceCard .btn--primary span.neu-10, .agendaGrid .resourceCard .btn--primary span[data-color=default], .agendaGrid .resourceCard .btn--secondary span.neu-10, .agendaGrid .resourceCard .btn--secondary span[data-color=default], .agendaGrid .resourceCard .btn--small span.neu-10, .agendaGrid .resourceCard .btn--small span[data-color=default], .agendaGrid .resourceCard .btn--tertiary span.neu-10, .agendaGrid .resourceCard .btn--tertiary span[data-color=default], .agendaGrid .resourceCard .btn span.neu-10, .agendaGrid .resourceCard .btn span[data-color=default] {
                color: var(--neu-10)
            }

            .agendaGrid .resourceCard--small .btn--icon b, .agendaGrid .resourceCard--small .btn--icon strong, .agendaGrid .resourceCard--small .btn--primary--dark b, .agendaGrid .resourceCard--small .btn--primary--dark strong, .agendaGrid .resourceCard--small .btn--primary b, .agendaGrid .resourceCard--small .btn--primary strong, .agendaGrid .resourceCard--small .btn--secondary b, .agendaGrid .resourceCard--small .btn--secondary strong, .agendaGrid .resourceCard--small .btn--small b, .agendaGrid .resourceCard--small .btn--small strong, .agendaGrid .resourceCard--small .btn--tertiary b, .agendaGrid .resourceCard--small .btn--tertiary strong, .agendaGrid .resourceCard--small .btn b, .agendaGrid .resourceCard--small .btn strong, .agendaGrid .resourceCard .btn--icon b, .agendaGrid .resourceCard .btn--icon strong, .agendaGrid .resourceCard .btn--primary--dark b, .agendaGrid .resourceCard .btn--primary--dark strong, .agendaGrid .resourceCard .btn--primary b, .agendaGrid .resourceCard .btn--primary strong, .agendaGrid .resourceCard .btn--secondary b, .agendaGrid .resourceCard .btn--secondary strong, .agendaGrid .resourceCard .btn--small b, .agendaGrid .resourceCard .btn--small strong, .agendaGrid .resourceCard .btn--tertiary b, .agendaGrid .resourceCard .btn--tertiary strong, .agendaGrid .resourceCard .btn b, .agendaGrid .resourceCard .btn strong {
                font-weight: 700
            }

            .agendaGrid .resourceCard--small .btn--icon em, .agendaGrid .resourceCard--small .btn--primary--dark em, .agendaGrid .resourceCard--small .btn--primary em, .agendaGrid .resourceCard--small .btn--secondary em, .agendaGrid .resourceCard--small .btn--small em, .agendaGrid .resourceCard--small .btn--tertiary em, .agendaGrid .resourceCard--small .btn em, .agendaGrid .resourceCard .btn--icon em, .agendaGrid .resourceCard .btn--primary--dark em, .agendaGrid .resourceCard .btn--primary em, .agendaGrid .resourceCard .btn--secondary em, .agendaGrid .resourceCard .btn--small em, .agendaGrid .resourceCard .btn--tertiary em, .agendaGrid .resourceCard .btn em {
                font-style: italic
            }

            .agendaGrid .resourceCard--small .btn--icon i, .agendaGrid .resourceCard--small .btn--primary--dark i, .agendaGrid .resourceCard--small .btn--primary i, .agendaGrid .resourceCard--small .btn--secondary i, .agendaGrid .resourceCard--small .btn--small i, .agendaGrid .resourceCard--small .btn--tertiary i, .agendaGrid .resourceCard--small .btn i, .agendaGrid .resourceCard .btn--icon i, .agendaGrid .resourceCard .btn--primary--dark i, .agendaGrid .resourceCard .btn--primary i, .agendaGrid .resourceCard .btn--secondary i, .agendaGrid .resourceCard .btn--small i, .agendaGrid .resourceCard .btn--tertiary i, .agendaGrid .resourceCard .btn i {
                min-width: 16px;
                width: 16px;
                height: 16px;
                font-size: 16px
            }

                .agendaGrid .resourceCard--small .btn--icon i:before, .agendaGrid .resourceCard--small .btn--primary--dark i:before, .agendaGrid .resourceCard--small .btn--primary i:before, .agendaGrid .resourceCard--small .btn--secondary i:before, .agendaGrid .resourceCard--small .btn--small i:before, .agendaGrid .resourceCard--small .btn--tertiary i:before, .agendaGrid .resourceCard--small .btn i:before, .agendaGrid .resourceCard .btn--icon i:before, .agendaGrid .resourceCard .btn--primary--dark i:before, .agendaGrid .resourceCard .btn--primary i:before, .agendaGrid .resourceCard .btn--secondary i:before, .agendaGrid .resourceCard .btn--small i:before, .agendaGrid .resourceCard .btn--tertiary i:before, .agendaGrid .resourceCard .btn i:before {
                    font-size: 16px;
                    font-weight: 400
                }

            .agendaGrid .resourceCard--small .btn--icon, .agendaGrid .resourceCard--small .btn--icon.btn--primary, .agendaGrid .resourceCard--small .btn--icon.btn--primary--dark, .agendaGrid .resourceCard--small .btn--icon.btn--secondary, .agendaGrid .resourceCard--small .btn--icon.btn--small, .agendaGrid .resourceCard--small .btn--icon.btn--tertiary, .agendaGrid .resourceCard--small .btn.btn--icon, .agendaGrid .resourceCard .btn--icon, .agendaGrid .resourceCard .btn--icon.btn--primary, .agendaGrid .resourceCard .btn--icon.btn--primary--dark, .agendaGrid .resourceCard .btn--icon.btn--secondary, .agendaGrid .resourceCard .btn--icon.btn--small, .agendaGrid .resourceCard .btn--icon.btn--tertiary, .agendaGrid .resourceCard .btn.btn--icon {
                width: 40px;
                min-width: 40px
            }

                .agendaGrid .resourceCard--small .btn--icon:hover, .agendaGrid .resourceCard--small .btn--primary--dark:hover, .agendaGrid .resourceCard--small .btn--primary:hover, .agendaGrid .resourceCard--small .btn--secondary:hover, .agendaGrid .resourceCard--small .btn--small:hover, .agendaGrid .resourceCard--small .btn--tertiary:hover, .agendaGrid .resourceCard--small .btn:hover, .agendaGrid .resourceCard .btn--icon:hover, .agendaGrid .resourceCard .btn--primary--dark:hover, .agendaGrid .resourceCard .btn--primary:hover, .agendaGrid .resourceCard .btn--secondary:hover, .agendaGrid .resourceCard .btn--small:hover, .agendaGrid .resourceCard .btn--tertiary:hover, .agendaGrid .resourceCard .btn:hover {
                    color: var(--m-01--dark-01)
                }

    .agendaGrid .productCard, .agendaGrid .productCard--small {
        max-width: 960px;
        min-height: 324px
    }

        .agendaGrid .productCard--small .productCard__head, .agendaGrid .productCard .productCard__head {
            height: 200px
        }

            .agendaGrid .productCard--small .productCard__head:after, .agendaGrid .productCard .productCard__head:after {
                left: 16px;
                width: calc(100% - 16px * 2)
            }

        .agendaGrid .productCard--small .productCard__head-content, .agendaGrid .productCard .productCard__head-content {
            padding: 24px 16px
        }

        .agendaGrid .productCard--small .productCard__productName, .agendaGrid .productCard .productCard__productName {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Calma Global Medium,sans-serif;
            font-size: 1.625rem;
            line-height: 1.231em;
            letter-spacing: 0
        }

            .agendaGrid .productCard--small .productCard__productName .link a, .agendaGrid .productCard .productCard__productName .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .agendaGrid .productCard--small .productCard__productName .link a:hover, .agendaGrid .productCard .productCard__productName .link a:hover {
                    color: var(--m-01)
                }

            .agendaGrid .productCard--small .productCard__productName mark, .agendaGrid .productCard--small .productCard__productName mark[data-color=color], .agendaGrid .productCard .productCard__productName mark, .agendaGrid .productCard .productCard__productName mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .agendaGrid .productCard--small .productCard__productName mark[data-color=gray], .agendaGrid .productCard .productCard__productName mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .agendaGrid .productCard--small .productCard__productName mark[data-color=default], .agendaGrid .productCard .productCard__productName mark[data-color=default] {
                    color: var(--neu-10)
                }

            .agendaGrid .productCard--small .productCard__productName span.m-01--dark-01, .agendaGrid .productCard--small .productCard__productName span[data-color=color], .agendaGrid .productCard .productCard__productName span.m-01--dark-01, .agendaGrid .productCard .productCard__productName span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .agendaGrid .productCard--small .productCard__productName span.neu-07, .agendaGrid .productCard--small .productCard__productName span[data-color=gray], .agendaGrid .productCard .productCard__productName span.neu-07, .agendaGrid .productCard .productCard__productName span[data-color=gray] {
                color: var(--neu-07)
            }

            .agendaGrid .productCard--small .productCard__productName span.neu-10, .agendaGrid .productCard--small .productCard__productName span[data-color=default], .agendaGrid .productCard .productCard__productName span.neu-10, .agendaGrid .productCard .productCard__productName span[data-color=default] {
                color: var(--neu-10)
            }

            .agendaGrid .productCard--small .productCard__productName b, .agendaGrid .productCard--small .productCard__productName strong, .agendaGrid .productCard .productCard__productName b, .agendaGrid .productCard .productCard__productName strong {
                font-weight: 700
            }

            .agendaGrid .productCard--small .productCard__productName em, .agendaGrid .productCard .productCard__productName em {
                font-style: italic
            }

        .agendaGrid .productCard--small .productCard__content, .agendaGrid .productCard .productCard__content {
            padding: 16px
        }

        .agendaGrid .productCard--small .productCard__bookmark, .agendaGrid .productCard .productCard__bookmark {
            right: 0;
            top: 8px
        }

    .agendaGrid .brandCard, .agendaGrid .brandCard--small {
        max-width: 960px;
        min-height: 324px;
        padding: 16px
    }

        .agendaGrid .brandCard--small .brandCard__image, .agendaGrid .brandCard .brandCard__image {
            height: 70px;
            width: 70px;
            margin-right: 0
        }

        .agendaGrid .brandCard--small .brandCard--small .btnBookmark--privateArea, .agendaGrid .brandCard--small .brandCard .btnBookmark--privateArea, .agendaGrid .brandCard--small .brandCard__bookmark, .agendaGrid .brandCard .brandCard--small .btnBookmark--privateArea, .agendaGrid .brandCard .brandCard .btnBookmark--privateArea, .agendaGrid .brandCard .brandCard__bookmark {
            right: 0
        }

        .agendaGrid .brandCard--small .brandCard__text, .agendaGrid .brandCard .brandCard__text {
            padding: 0
        }

        .agendaGrid .brandCard--small .brandCard__title, .agendaGrid .brandCard .brandCard__title {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Calma Global Medium,sans-serif;
            font-size: 1.625rem;
            line-height: 1.231em;
            letter-spacing: 0
        }

            .agendaGrid .brandCard--small .brandCard__title .link a, .agendaGrid .brandCard .brandCard__title .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .agendaGrid .brandCard--small .brandCard__title .link a:hover, .agendaGrid .brandCard .brandCard__title .link a:hover {
                    color: var(--m-01)
                }

            .agendaGrid .brandCard--small .brandCard__title mark, .agendaGrid .brandCard--small .brandCard__title mark[data-color=color], .agendaGrid .brandCard .brandCard__title mark, .agendaGrid .brandCard .brandCard__title mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .agendaGrid .brandCard--small .brandCard__title mark[data-color=gray], .agendaGrid .brandCard .brandCard__title mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .agendaGrid .brandCard--small .brandCard__title mark[data-color=default], .agendaGrid .brandCard .brandCard__title mark[data-color=default] {
                    color: var(--neu-10)
                }

            .agendaGrid .brandCard--small .brandCard__title span.m-01--dark-01, .agendaGrid .brandCard--small .brandCard__title span[data-color=color], .agendaGrid .brandCard .brandCard__title span.m-01--dark-01, .agendaGrid .brandCard .brandCard__title span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .agendaGrid .brandCard--small .brandCard__title span.neu-07, .agendaGrid .brandCard--small .brandCard__title span[data-color=gray], .agendaGrid .brandCard .brandCard__title span.neu-07, .agendaGrid .brandCard .brandCard__title span[data-color=gray] {
                color: var(--neu-07)
            }

            .agendaGrid .brandCard--small .brandCard__title span.neu-10, .agendaGrid .brandCard--small .brandCard__title span[data-color=default], .agendaGrid .brandCard .brandCard__title span.neu-10, .agendaGrid .brandCard .brandCard__title span[data-color=default] {
                color: var(--neu-10)
            }

            .agendaGrid .brandCard--small .brandCard__title b, .agendaGrid .brandCard--small .brandCard__title strong, .agendaGrid .brandCard .brandCard__title b, .agendaGrid .brandCard .brandCard__title strong {
                font-weight: 700
            }

            .agendaGrid .brandCard--small .brandCard__title em, .agendaGrid .brandCard .brandCard__title em {
                font-style: italic
            }

        .agendaGrid .brandCard--small .brandCard__description, .agendaGrid .brandCard .brandCard__description {
            margin-top: 24px
        }

    .agendaGrid .categoryCard, .agendaGrid .categoryCard--small {
        min-height: 240px;
        max-width: 960px
    }

        .agendaGrid .categoryCard--small .categoryCard__content, .agendaGrid .categoryCard .categoryCard__content {
            padding: 32px
        }

        .agendaGrid .categoryCard--small .categoryCard__title, .agendaGrid .categoryCard .categoryCard__title {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Calma Global Medium,sans-serif;
            font-size: 2rem;
            line-height: 1.25em;
            letter-spacing: -.016em
        }

            .agendaGrid .categoryCard--small .categoryCard__title .link a, .agendaGrid .categoryCard .categoryCard__title .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .agendaGrid .categoryCard--small .categoryCard__title .link a:hover, .agendaGrid .categoryCard .categoryCard__title .link a:hover {
                    color: var(--m-01)
                }

            .agendaGrid .categoryCard--small .categoryCard__title mark, .agendaGrid .categoryCard--small .categoryCard__title mark[data-color=color], .agendaGrid .categoryCard .categoryCard__title mark, .agendaGrid .categoryCard .categoryCard__title mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .agendaGrid .categoryCard--small .categoryCard__title mark[data-color=gray], .agendaGrid .categoryCard .categoryCard__title mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .agendaGrid .categoryCard--small .categoryCard__title mark[data-color=default], .agendaGrid .categoryCard .categoryCard__title mark[data-color=default] {
                    color: var(--neu-10)
                }

            .agendaGrid .categoryCard--small .categoryCard__title span.m-01--dark-01, .agendaGrid .categoryCard--small .categoryCard__title span[data-color=color], .agendaGrid .categoryCard .categoryCard__title span.m-01--dark-01, .agendaGrid .categoryCard .categoryCard__title span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .agendaGrid .categoryCard--small .categoryCard__title span.neu-07, .agendaGrid .categoryCard--small .categoryCard__title span[data-color=gray], .agendaGrid .categoryCard .categoryCard__title span.neu-07, .agendaGrid .categoryCard .categoryCard__title span[data-color=gray] {
                color: var(--neu-07)
            }

            .agendaGrid .categoryCard--small .categoryCard__title span.neu-10, .agendaGrid .categoryCard--small .categoryCard__title span[data-color=default], .agendaGrid .categoryCard .categoryCard__title span.neu-10, .agendaGrid .categoryCard .categoryCard__title span[data-color=default] {
                color: var(--neu-10)
            }

            .agendaGrid .categoryCard--small .categoryCard__title b, .agendaGrid .categoryCard--small .categoryCard__title strong, .agendaGrid .categoryCard .categoryCard__title b, .agendaGrid .categoryCard .categoryCard__title strong {
                font-weight: 700
            }

            .agendaGrid .categoryCard--small .categoryCard__title em, .agendaGrid .categoryCard .categoryCard__title em {
                font-style: italic
            }
}

@media (max-width:1024px) and (max-width:1024px) {
    .agendaGrid .categoryCard--small .categoryCard__title, .agendaGrid .categoryCard .categoryCard__title {
        font-size: 1.625rem;
        line-height: 1.231em;
        letter-spacing: 0
    }
}

@media (max-width:1024px) {
    .agendaGrid .profileCard, .agendaGrid .profileCard--small {
        max-width: 960px;
        padding: 24px 16px 32px 4px;
        height: 100%
    }

        .agendaGrid .profileCard--small .profileCard__text, .agendaGrid .profileCard .profileCard__text {
            max-width: 310px
        }

    .agendaGrid .selectableCard, .agendaGrid .selectableCard--small {
        max-width: 960px;
        padding: 16px 16px 24px;
        grid-template-columns: 1fr 1fr;
        row-gap: 8px
    }

        .agendaGrid .selectableCard--small .selectableCard__content, .agendaGrid .selectableCard .selectableCard__content {
            grid-row: 2;
            grid-column: 1/3
        }

        .agendaGrid .selectableCard--small .selectableCard__checkbox, .agendaGrid .selectableCard .selectableCard__checkbox {
            margin-right: 0;
            grid-row: 1
        }

        .agendaGrid .selectableCard--small .selectableCard__image, .agendaGrid .selectableCard .selectableCard__image {
            width: 48px;
            height: 48px;
            grid-row: 1;
            justify-self: flex-end
        }

        .agendaGrid .selectableCard--small .selectableCard__btn, .agendaGrid .selectableCard .selectableCard__btn {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Inter,sans-serif;
            font-size: .813rem;
            line-height: 1.538em;
            letter-spacing: -.003em;
            font-weight: 400;
            font-weight: 700;
            padding: 0 20px;
            height: 40px;
            transform: none;
            margin-left: 0;
            margin-top: 16px;
            grid-row: 3;
            grid-column: 1/3
        }

            .agendaGrid .selectableCard--small .selectableCard__btn .link a, .agendaGrid .selectableCard .selectableCard__btn .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .agendaGrid .selectableCard--small .selectableCard__btn .link a:hover, .agendaGrid .selectableCard .selectableCard__btn .link a:hover {
                    color: var(--m-01)
                }

            .agendaGrid .selectableCard--small .selectableCard__btn mark, .agendaGrid .selectableCard--small .selectableCard__btn mark[data-color=color], .agendaGrid .selectableCard .selectableCard__btn mark, .agendaGrid .selectableCard .selectableCard__btn mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .agendaGrid .selectableCard--small .selectableCard__btn mark[data-color=gray], .agendaGrid .selectableCard .selectableCard__btn mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .agendaGrid .selectableCard--small .selectableCard__btn mark[data-color=default], .agendaGrid .selectableCard .selectableCard__btn mark[data-color=default] {
                    color: var(--neu-10)
                }

            .agendaGrid .selectableCard--small .selectableCard__btn span.m-01--dark-01, .agendaGrid .selectableCard--small .selectableCard__btn span[data-color=color], .agendaGrid .selectableCard .selectableCard__btn span.m-01--dark-01, .agendaGrid .selectableCard .selectableCard__btn span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .agendaGrid .selectableCard--small .selectableCard__btn span.neu-07, .agendaGrid .selectableCard--small .selectableCard__btn span[data-color=gray], .agendaGrid .selectableCard .selectableCard__btn span.neu-07, .agendaGrid .selectableCard .selectableCard__btn span[data-color=gray] {
                color: var(--neu-07)
            }

            .agendaGrid .selectableCard--small .selectableCard__btn span.neu-10, .agendaGrid .selectableCard--small .selectableCard__btn span[data-color=default], .agendaGrid .selectableCard .selectableCard__btn span.neu-10, .agendaGrid .selectableCard .selectableCard__btn span[data-color=default] {
                color: var(--neu-10)
            }

            .agendaGrid .selectableCard--small .selectableCard__btn b, .agendaGrid .selectableCard--small .selectableCard__btn strong, .agendaGrid .selectableCard .selectableCard__btn b, .agendaGrid .selectableCard .selectableCard__btn strong {
                font-weight: 700
            }

            .agendaGrid .selectableCard--small .selectableCard__btn em, .agendaGrid .selectableCard .selectableCard__btn em {
                font-style: italic
            }

            .agendaGrid .selectableCard--small .selectableCard__btn i, .agendaGrid .selectableCard .selectableCard__btn i {
                min-width: 16px;
                width: 16px;
                height: 16px;
                font-size: 16px
            }

                .agendaGrid .selectableCard--small .selectableCard__btn i:before, .agendaGrid .selectableCard .selectableCard__btn i:before {
                    font-size: 16px;
                    font-weight: 400
                }

            .agendaGrid .selectableCard--small .selectableCard__btn.btn--icon, .agendaGrid .selectableCard .selectableCard__btn.btn--icon {
                width: 40px;
                min-width: 40px
            }

    .agendaGrid .demandCard, .agendaGrid .demandCard--small {
        max-width: 960px;
        padding: 16px;
        min-height: 324px
    }

        .agendaGrid .demandCard--small .demandCard__content, .agendaGrid .demandCard .demandCard__content {
            gap: 8px
        }

        .agendaGrid .demandCard--small .demandCard__notification-text, .agendaGrid .demandCard .demandCard__notification-text {
            display: none
        }

        .agendaGrid .demandCard--small .demandCard__description, .agendaGrid .demandCard .demandCard__description {
            margin-top: 8px
        }

    .agendaGrid .replyCard, .agendaGrid .replyCard--small {
        max-width: 960px
    }

        .agendaGrid .replyCard--small .replyCard, .agendaGrid .replyCard--small .replyCard--small, .agendaGrid .replyCard .replyCard, .agendaGrid .replyCard .replyCard--small {
            background-color: var(--neu-01)
        }

        .agendaGrid .replyCard--small .replyCard__content, .agendaGrid .replyCard .replyCard__content {
            padding: 24px;
            gap: 4px 12px
        }

        .agendaGrid .replyCard--small .replyCard__thumb, .agendaGrid .replyCard .replyCard__thumb {
            grid-row: 1/3;
            align-self: flex-start
        }

        .agendaGrid .replyCard--small .replyCard__text, .agendaGrid .replyCard .replyCard__text {
            grid-row: 2;
            grid-column: 2/4
        }
}

@media (max-width:1024px) and (max-width:512px) {
    .agendaGrid .replyCard--small .replyCard__text, .agendaGrid .replyCard .replyCard__text {
        grid-column: 2/4
    }
}

@media (max-width:1024px) {
    .agendaGrid .replyCard--small .replyCard__message, .agendaGrid .replyCard--small .replyCard__subject, .agendaGrid .replyCard .replyCard__message, .agendaGrid .replyCard .replyCard__subject {
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-stretch: normal;
        letter-spacing: normal;
        font-family: Inter,sans-serif;
        font-size: 1rem;
        line-height: 1.5em;
        letter-spacing: -.011em;
        font-weight: 400
    }

        .agendaGrid .replyCard--small .replyCard__message .link a, .agendaGrid .replyCard--small .replyCard__subject .link a, .agendaGrid .replyCard .replyCard__message .link a, .agendaGrid .replyCard .replyCard__subject .link a {
            transition: all .1s ease;
            text-decoration: underline;
            color: var(--m-01--dark-01)
        }

            .agendaGrid .replyCard--small .replyCard__message .link a:hover, .agendaGrid .replyCard--small .replyCard__subject .link a:hover, .agendaGrid .replyCard .replyCard__message .link a:hover, .agendaGrid .replyCard .replyCard__subject .link a:hover {
                color: var(--m-01)
            }

        .agendaGrid .replyCard--small .replyCard__message mark, .agendaGrid .replyCard--small .replyCard__message mark[data-color=color], .agendaGrid .replyCard--small .replyCard__subject mark, .agendaGrid .replyCard--small .replyCard__subject mark[data-color=color], .agendaGrid .replyCard .replyCard__message mark, .agendaGrid .replyCard .replyCard__message mark[data-color=color], .agendaGrid .replyCard .replyCard__subject mark, .agendaGrid .replyCard .replyCard__subject mark[data-color=color] {
            color: var(--m-01--dark-01)
        }

            .agendaGrid .replyCard--small .replyCard__message mark[data-color=gray], .agendaGrid .replyCard--small .replyCard__subject mark[data-color=gray], .agendaGrid .replyCard .replyCard__message mark[data-color=gray], .agendaGrid .replyCard .replyCard__subject mark[data-color=gray] {
                color: var(--neu-07)
            }

            .agendaGrid .replyCard--small .replyCard__message mark[data-color=default], .agendaGrid .replyCard--small .replyCard__subject mark[data-color=default], .agendaGrid .replyCard .replyCard__message mark[data-color=default], .agendaGrid .replyCard .replyCard__subject mark[data-color=default] {
                color: var(--neu-10)
            }

        .agendaGrid .replyCard--small .replyCard__message span.m-01--dark-01, .agendaGrid .replyCard--small .replyCard__message span[data-color=color], .agendaGrid .replyCard--small .replyCard__subject span.m-01--dark-01, .agendaGrid .replyCard--small .replyCard__subject span[data-color=color], .agendaGrid .replyCard .replyCard__message span.m-01--dark-01, .agendaGrid .replyCard .replyCard__message span[data-color=color], .agendaGrid .replyCard .replyCard__subject span.m-01--dark-01, .agendaGrid .replyCard .replyCard__subject span[data-color=color] {
            color: var(--m-01--dark-01)
        }

        .agendaGrid .replyCard--small .replyCard__message span.neu-07, .agendaGrid .replyCard--small .replyCard__message span[data-color=gray], .agendaGrid .replyCard--small .replyCard__subject span.neu-07, .agendaGrid .replyCard--small .replyCard__subject span[data-color=gray], .agendaGrid .replyCard .replyCard__message span.neu-07, .agendaGrid .replyCard .replyCard__message span[data-color=gray], .agendaGrid .replyCard .replyCard__subject span.neu-07, .agendaGrid .replyCard .replyCard__subject span[data-color=gray] {
            color: var(--neu-07)
        }

        .agendaGrid .replyCard--small .replyCard__message span.neu-10, .agendaGrid .replyCard--small .replyCard__message span[data-color=default], .agendaGrid .replyCard--small .replyCard__subject span.neu-10, .agendaGrid .replyCard--small .replyCard__subject span[data-color=default], .agendaGrid .replyCard .replyCard__message span.neu-10, .agendaGrid .replyCard .replyCard__message span[data-color=default], .agendaGrid .replyCard .replyCard__subject span.neu-10, .agendaGrid .replyCard .replyCard__subject span[data-color=default] {
            color: var(--neu-10)
        }

        .agendaGrid .replyCard--small .replyCard__message b, .agendaGrid .replyCard--small .replyCard__message strong, .agendaGrid .replyCard--small .replyCard__subject b, .agendaGrid .replyCard--small .replyCard__subject strong, .agendaGrid .replyCard .replyCard__message b, .agendaGrid .replyCard .replyCard__message strong, .agendaGrid .replyCard .replyCard__subject b, .agendaGrid .replyCard .replyCard__subject strong {
            font-weight: 700
        }

        .agendaGrid .replyCard--small .replyCard__message em, .agendaGrid .replyCard--small .replyCard__subject em, .agendaGrid .replyCard .replyCard__message em, .agendaGrid .replyCard .replyCard__subject em {
            font-style: italic
        }

    .agendaGrid .replyCard--small .replyCard__info, .agendaGrid .replyCard .replyCard__info {
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-stretch: normal;
        letter-spacing: normal;
        font-family: Inter,sans-serif;
        font-size: .813rem;
        line-height: 1.538em;
        letter-spacing: -.003em;
        font-weight: 700;
        margin-top: 8px;
        padding-right: 32px
    }

        .agendaGrid .replyCard--small .replyCard__info .link a, .agendaGrid .replyCard .replyCard__info .link a {
            transition: all .1s ease;
            text-decoration: underline;
            color: var(--m-01--dark-01)
        }

            .agendaGrid .replyCard--small .replyCard__info .link a:hover, .agendaGrid .replyCard .replyCard__info .link a:hover {
                color: var(--m-01)
            }

        .agendaGrid .replyCard--small .replyCard__info mark, .agendaGrid .replyCard--small .replyCard__info mark[data-color=color], .agendaGrid .replyCard .replyCard__info mark, .agendaGrid .replyCard .replyCard__info mark[data-color=color] {
            color: var(--m-01--dark-01)
        }

            .agendaGrid .replyCard--small .replyCard__info mark[data-color=gray], .agendaGrid .replyCard .replyCard__info mark[data-color=gray] {
                color: var(--neu-07)
            }

            .agendaGrid .replyCard--small .replyCard__info mark[data-color=default], .agendaGrid .replyCard .replyCard__info mark[data-color=default] {
                color: var(--neu-10)
            }

        .agendaGrid .replyCard--small .replyCard__info span.m-01--dark-01, .agendaGrid .replyCard--small .replyCard__info span[data-color=color], .agendaGrid .replyCard .replyCard__info span.m-01--dark-01, .agendaGrid .replyCard .replyCard__info span[data-color=color] {
            color: var(--m-01--dark-01)
        }

        .agendaGrid .replyCard--small .replyCard__info span.neu-07, .agendaGrid .replyCard--small .replyCard__info span[data-color=gray], .agendaGrid .replyCard .replyCard__info span.neu-07, .agendaGrid .replyCard .replyCard__info span[data-color=gray] {
            color: var(--neu-07)
        }

        .agendaGrid .replyCard--small .replyCard__info span.neu-10, .agendaGrid .replyCard--small .replyCard__info span[data-color=default], .agendaGrid .replyCard .replyCard__info span.neu-10, .agendaGrid .replyCard .replyCard__info span[data-color=default] {
            color: var(--neu-10)
        }

        .agendaGrid .replyCard--small .replyCard__info b, .agendaGrid .replyCard--small .replyCard__info strong, .agendaGrid .replyCard .replyCard__info b, .agendaGrid .replyCard .replyCard__info strong {
            font-weight: 700
        }

        .agendaGrid .replyCard--small .replyCard__info em, .agendaGrid .replyCard .replyCard__info em {
            font-style: italic
        }

    .agendaGrid .replyCard--small .replyCard__pin, .agendaGrid .replyCard .replyCard__pin {
        transition: all .1s ease;
        grid-row: 2;
        grid-column: 3;
        align-self: flex-end;
        width: 24px;
        height: 24px;
        justify-self: flex-end;
        transform: translateY(4px);
        cursor: pointer
    }

        .agendaGrid .replyCard--small .replyCard__pin:hover, .agendaGrid .replyCard .replyCard__pin:hover {
            opacity: .7
        }

        .agendaGrid .replyCard--small .replyCard__pin:before, .agendaGrid .replyCard .replyCard__pin:before {
            width: 24px;
            height: 24px;
            font-size: 24px;
            font-family: aicep-base-icons !important;
            font-weight: 400;
            display: flex;
            justify-content: center;
            align-items: center;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            content: "\e95b"
        }

    .agendaGrid .replyCard--small .replyCard__pin--selected, .agendaGrid .replyCard .replyCard__pin--selected {
        color: var(--m-02--dark-01)
    }

        .agendaGrid .replyCard--small .replyCard__pin--selected:before, .agendaGrid .replyCard .replyCard__pin--selected:before {
            content: "\e95c"
        }

    .agendaGrid .replyCard--small .replyCard__btn, .agendaGrid .replyCard .replyCard__btn {
        display: none
    }

    .agendaGrid .infoCard, .agendaGrid .infoCard--small {
        max-width: 960px;
        padding: 24px
    }

        .agendaGrid .infoCard--small .infoCard__number, .agendaGrid .infoCard .infoCard__number {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Calma Global Medium,sans-serif;
            font-size: 2rem;
            line-height: 1.25em;
            letter-spacing: -.016em;
            transform: translateY(0)
        }

            .agendaGrid .infoCard--small .infoCard__number .link a, .agendaGrid .infoCard .infoCard__number .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .agendaGrid .infoCard--small .infoCard__number .link a:hover, .agendaGrid .infoCard .infoCard__number .link a:hover {
                    color: var(--m-01)
                }

            .agendaGrid .infoCard--small .infoCard__number mark, .agendaGrid .infoCard--small .infoCard__number mark[data-color=color], .agendaGrid .infoCard .infoCard__number mark, .agendaGrid .infoCard .infoCard__number mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .agendaGrid .infoCard--small .infoCard__number mark[data-color=gray], .agendaGrid .infoCard .infoCard__number mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .agendaGrid .infoCard--small .infoCard__number mark[data-color=default], .agendaGrid .infoCard .infoCard__number mark[data-color=default] {
                    color: var(--neu-10)
                }

            .agendaGrid .infoCard--small .infoCard__number span.m-01--dark-01, .agendaGrid .infoCard--small .infoCard__number span[data-color=color], .agendaGrid .infoCard .infoCard__number span.m-01--dark-01, .agendaGrid .infoCard .infoCard__number span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .agendaGrid .infoCard--small .infoCard__number span.neu-07, .agendaGrid .infoCard--small .infoCard__number span[data-color=gray], .agendaGrid .infoCard .infoCard__number span.neu-07, .agendaGrid .infoCard .infoCard__number span[data-color=gray] {
                color: var(--neu-07)
            }

            .agendaGrid .infoCard--small .infoCard__number span.neu-10, .agendaGrid .infoCard--small .infoCard__number span[data-color=default], .agendaGrid .infoCard .infoCard__number span.neu-10, .agendaGrid .infoCard .infoCard__number span[data-color=default] {
                color: var(--neu-10)
            }

            .agendaGrid .infoCard--small .infoCard__number b, .agendaGrid .infoCard--small .infoCard__number strong, .agendaGrid .infoCard .infoCard__number b, .agendaGrid .infoCard .infoCard__number strong {
                font-weight: 700
            }

            .agendaGrid .infoCard--small .infoCard__number em, .agendaGrid .infoCard .infoCard__number em {
                font-style: italic
            }
}

@media (max-width:1024px) and (max-width:1024px) {
    .agendaGrid .infoCard--small .infoCard__number, .agendaGrid .infoCard .infoCard__number {
        font-size: 1.625rem;
        line-height: 1.231em;
        letter-spacing: 0;
        transform: translateY(3px)
    }
}

@media (max-width:1024px) {
    .agendaGrid .infoCard--small .infoCard__title, .agendaGrid .infoCard .infoCard__title {
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-stretch: normal;
        letter-spacing: normal;
        font-family: Inter,sans-serif;
        font-size: 1rem;
        line-height: 1.5em;
        letter-spacing: -.011em;
        font-weight: 700
    }

        .agendaGrid .infoCard--small .infoCard__title .link a, .agendaGrid .infoCard .infoCard__title .link a {
            transition: all .1s ease;
            text-decoration: underline;
            color: var(--m-01--dark-01)
        }

            .agendaGrid .infoCard--small .infoCard__title .link a:hover, .agendaGrid .infoCard .infoCard__title .link a:hover {
                color: var(--m-01)
            }

        .agendaGrid .infoCard--small .infoCard__title mark, .agendaGrid .infoCard--small .infoCard__title mark[data-color=color], .agendaGrid .infoCard .infoCard__title mark, .agendaGrid .infoCard .infoCard__title mark[data-color=color] {
            color: var(--m-01--dark-01)
        }

            .agendaGrid .infoCard--small .infoCard__title mark[data-color=gray], .agendaGrid .infoCard .infoCard__title mark[data-color=gray] {
                color: var(--neu-07)
            }

            .agendaGrid .infoCard--small .infoCard__title mark[data-color=default], .agendaGrid .infoCard .infoCard__title mark[data-color=default] {
                color: var(--neu-10)
            }

        .agendaGrid .infoCard--small .infoCard__title span.m-01--dark-01, .agendaGrid .infoCard--small .infoCard__title span[data-color=color], .agendaGrid .infoCard .infoCard__title span.m-01--dark-01, .agendaGrid .infoCard .infoCard__title span[data-color=color] {
            color: var(--m-01--dark-01)
        }

        .agendaGrid .infoCard--small .infoCard__title span.neu-07, .agendaGrid .infoCard--small .infoCard__title span[data-color=gray], .agendaGrid .infoCard .infoCard__title span.neu-07, .agendaGrid .infoCard .infoCard__title span[data-color=gray] {
            color: var(--neu-07)
        }

        .agendaGrid .infoCard--small .infoCard__title span.neu-10, .agendaGrid .infoCard--small .infoCard__title span[data-color=default], .agendaGrid .infoCard .infoCard__title span.neu-10, .agendaGrid .infoCard .infoCard__title span[data-color=default] {
            color: var(--neu-10)
        }

        .agendaGrid .infoCard--small .infoCard__title b, .agendaGrid .infoCard--small .infoCard__title strong, .agendaGrid .infoCard .infoCard__title b, .agendaGrid .infoCard .infoCard__title strong {
            font-weight: 700
        }

        .agendaGrid .infoCard--small .infoCard__title em, .agendaGrid .infoCard .infoCard__title em {
            font-style: italic
        }
}

.brandHeader {
    position: relative;
    background: var(--neu-10);
    padding: 240px 0 64px
}

    .brandHeader:after, .brandHeader:before {
        content: "";
        position: absolute;
        background: var(--m-01);
        width: 50%;
        height: 100%;
        bottom: 0;
        z-index: 1;
        animation: g .8s .15s cubic-bezier(.5,0,.01,1) both
    }

    .brandHeader:before {
        left: 0
    }

@media (max-width:768px) {
    .brandHeader:before {
        width: 100%
    }
}

.brandHeader:after {
    right: 0;
    animation-delay: .5s
}

@media (max-width:768px) {
    .brandHeader:after {
        display: none
    }
}

.brandHeader .animeContent > * {
    animation: h .8s cubic-bezier(.5,0,.01,1) backwards
}

.brandHeader .btnContainer, .brandHeader .map, .brandHeader .otherContent {
    animation: C .6s cubic-bezier(.5,0,.01,1) both
}

.brandHeader .media {
    overflow: hidden
}

    .brandHeader .media figure {
        animation: i 1.5s .1s cubic-bezier(.5,0,.01,1) both
    }

@media (max-width:1024px) {
    .brandHeader {
        padding: 140px 0 56px
    }
}

.brandHeader .wrapper {
    row-gap: 24px
}

.brandHeader__media {
    position: absolute
}

.brandHeader__media--item {
    width: 100%;
    height: 100%
}

    .brandHeader__media--item img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }

.brandHeader .btnNav--previous, .brandHeader__description {
    grid-column: 2/8
}

@media (max-width:1024px) {
    .brandHeader .btnNav--previous, .brandHeader__description {
        grid-column: 1/5
    }
}

@media (max-width:768px) {
    .brandHeader .btnNav--previous, .brandHeader__description {
        grid-column: 1/6
    }
}

@media (max-width:512px) {
    .brandHeader .btnNav--previous, .brandHeader__description {
        grid-column: 1/13
    }
}

@media (max-width:512px) and (max-width:1024px) {
    .brandHeader .btnNav--previous, .brandHeader__description {
        grid-column: 1/7
    }
}

.brandHeader .btnNav--previous {
    animation-delay: 0.9s !important;
    width: -moz-fit-content;
    width: fit-content;
    margin-bottom: 8px
}

@media (max-width:1024px) {
    .brandHeader .btnNav--previous {
        grid-column: 1/4
    }
}

.brandHeader__brandInfo {
    animation-delay: 0.7s !important;
    display: flex;
    gap: 16px;
    grid-column: 2/10
}

@media (max-width:1024px) {
    .brandHeader__brandInfo {
        grid-column: 1/5
    }
}

@media (max-width:768px) {
    .brandHeader__brandInfo {
        grid-column: 1/13
    }
}

@media (max-width:768px) and (max-width:1024px) {
    .brandHeader__brandInfo {
        grid-column: 1/7
    }
}

.brandHeader__thumb {
    width: 80px;
    min-width: 80px;
    height: 80px;
    overflow: hidden;
    border-radius: 50%;
    background-color: var(--neu-01)
}

    .brandHeader__thumb img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }

@media (max-width:1024px) {
    .brandHeader__thumb {
        width: 72px;
        min-width: 72px;
        height: 72px
    }
}

.brandHeader__name {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Calma Global Large,sans-serif;
    font-size: 5rem;
    line-height: 1em;
    letter-spacing: -.025em
}

    .brandHeader__name .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .brandHeader__name .link a:hover {
            color: var(--m-01)
        }

    .brandHeader__name mark, .brandHeader__name mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .brandHeader__name mark[data-color=gray] {
            color: var(--neu-07)
        }

        .brandHeader__name mark[data-color=default] {
            color: var(--neu-10)
        }

    .brandHeader__name span.m-01--dark-01, .brandHeader__name span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .brandHeader__name span.neu-07, .brandHeader__name span[data-color=gray] {
        color: var(--neu-07)
    }

    .brandHeader__name span.neu-10, .brandHeader__name span[data-color=default] {
        color: var(--neu-10)
    }

    .brandHeader__name b, .brandHeader__name strong {
        font-weight: 700
    }

    .brandHeader__name em {
        font-style: italic
    }

@media (max-width:1024px) {
    .brandHeader__name {
        font-size: 3.5rem;
        line-height: 1.143em;
        letter-spacing: -.027em
    }
}

.brandHeader__description {
    animation-delay: 0.6s !important;
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1rem;
    line-height: 1.5em;
    letter-spacing: -.011em;
    font-weight: 400
}

    .brandHeader__description .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .brandHeader__description .link a:hover {
            color: var(--m-01)
        }

    .brandHeader__description mark, .brandHeader__description mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .brandHeader__description mark[data-color=gray] {
            color: var(--neu-07)
        }

        .brandHeader__description mark[data-color=default] {
            color: var(--neu-10)
        }

    .brandHeader__description span.m-01--dark-01, .brandHeader__description span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .brandHeader__description span.neu-07, .brandHeader__description span[data-color=gray] {
        color: var(--neu-07)
    }

    .brandHeader__description span.neu-10, .brandHeader__description span[data-color=default] {
        color: var(--neu-10)
    }

    .brandHeader__description b, .brandHeader__description strong {
        font-weight: 700
    }

    .brandHeader__description em {
        font-style: italic
    }

.brandHeader__bottomInfo {
    animation-delay: 0.5s !important;
    grid-column: 2/7;
    display: flex;
    gap: 16px 32px;
    flex-wrap: wrap
}

@media (max-width:1024px) {
    .brandHeader__bottomInfo {
        grid-column: 1/13
    }
}

@media (max-width:1024px) and (max-width:1024px) {
    .brandHeader__bottomInfo {
        grid-column: 1/7
    }
}

.brandHeader__infoText {
    display: flex;
    flex-wrap: wrap;
    gap: 16px 24px
}

.brandHeader__infoItem {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: .688rem;
    line-height: 1.455em;
    letter-spacing: .005em;
    font-weight: 400;
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

    .brandHeader__infoItem .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .brandHeader__infoItem .link a:hover {
            color: var(--m-01)
        }

    .brandHeader__infoItem mark, .brandHeader__infoItem mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .brandHeader__infoItem mark[data-color=gray] {
            color: var(--neu-07)
        }

        .brandHeader__infoItem mark[data-color=default] {
            color: var(--neu-10)
        }

    .brandHeader__infoItem span.m-01--dark-01, .brandHeader__infoItem span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .brandHeader__infoItem span.neu-07, .brandHeader__infoItem span[data-color=gray] {
        color: var(--neu-07)
    }

    .brandHeader__infoItem span.neu-10, .brandHeader__infoItem span[data-color=default] {
        color: var(--neu-10)
    }

    .brandHeader__infoItem b, .brandHeader__infoItem strong {
        font-weight: 700
    }

    .brandHeader__infoItem em {
        font-style: italic
    }

    .brandHeader__infoItem i {
        min-width: 16px;
        width: 16px;
        height: 16px;
        font-size: 16px;
        margin-right: 8px
    }

        .brandHeader__infoItem i:before {
            font-size: 16px;
            font-weight: 400
        }

.brandHeader__btnContainer {
    animation-delay: 0.9s !important;
    grid-column: 7/12;
    justify-content: flex-end;
    align-items: flex-end;
    z-index: 2
}

@media (max-width:1024px) {
    .brandHeader__btnContainer {
        grid-column: 1/13;
        justify-content: flex-start;
        margin-top: 8px
    }
}

@media (max-width:1024px) and (max-width:1024px) {
    .brandHeader__btnContainer {
        grid-column: 1/7
    }
}

.brandHeader[data-bg=neu-01] .brandHeader__thumb, .brandHeader[data-bg=neu-02] .brandHeader__thumb {
    border: 1px solid var(--neu-03)
}

.brandHeader:not([data-bg=media]) .media {
    display: none
}

.buttonsSection .wrapper {
    padding-top: 8px;
    padding-bottom: 8px
}

.buttonsSection .buttonsBlock {
    grid-column: 1/13
}

@media (max-width:1024px) {
    .buttonsSection .buttonsBlock {
        grid-column: 1/7
    }
}

.buttonsSection[data-sticky=on] {
    position: sticky;
    bottom: 0;
    z-index: 80;
    border-top: 1px solid var(--neu-03)
}

    .buttonsSection[data-sticky=on] .wrapper {
        padding-top: 32px;
        padding-bottom: 32px
    }

@media (max-width:512px) {
    .buttonsSection[data-sticky=on] .wrapper {
        padding-top: 16px;
        padding-bottom: 16px
    }
}

.buttonsSection[data-sticky=on] .btnContainer:first-of-type {
    flex-direction: row
}

    .buttonsSection[data-sticky=on] .btnContainer:first-of-type .btn--secondary {
        width: -moz-fit-content;
        width: fit-content
    }

.cardSliderGrid {
    overflow: hidden
}

    .cardSliderGrid .wrapper {
        padding-top: 32px
    }

.cardSliderGrid__title {
    width: 100%;
    grid-column: 4/10;
    margin: 0 auto;
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Calma Global Medium,sans-serif;
    font-size: 1.625rem;
    line-height: 1.231em;
    letter-spacing: 0;
    text-align: center
}

    .cardSliderGrid__title .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .cardSliderGrid__title .link a:hover {
            color: var(--m-01)
        }

    .cardSliderGrid__title mark, .cardSliderGrid__title mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .cardSliderGrid__title mark[data-color=gray] {
            color: var(--neu-07)
        }

        .cardSliderGrid__title mark[data-color=default] {
            color: var(--neu-10)
        }

    .cardSliderGrid__title span.m-01--dark-01, .cardSliderGrid__title span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .cardSliderGrid__title span.neu-07, .cardSliderGrid__title span[data-color=gray] {
        color: var(--neu-07)
    }

    .cardSliderGrid__title span.neu-10, .cardSliderGrid__title span[data-color=default] {
        color: var(--neu-10)
    }

    .cardSliderGrid__title b, .cardSliderGrid__title strong {
        font-weight: 700
    }

    .cardSliderGrid__title em {
        font-style: italic
    }

@media (max-width:1024px) {
    .cardSliderGrid__title {
        grid-column: 2/6
    }
}

@media (max-width:768px) {
    .cardSliderGrid__title {
        width: 100%;
        max-width: 1440px;
        margin: 0 auto;
        padding: 0 64px
    }
}

@media (max-width:768px) and (max-width:1280px) {
    .cardSliderGrid__title {
        padding: 0 40px
    }
}

@media (max-width:768px) and (max-width:1024px) {
    .cardSliderGrid__title {
        padding: 0 32px
    }
}

@media (max-width:768px) and (max-width:768px) {
    .cardSliderGrid__title {
        padding: 0 24px
    }
}

@media (max-width:768px) and (max-width:512px) {
    .cardSliderGrid__title {
        padding: 0 16px
    }
}

.cardSliderGrid__container {
    width: 100%;
    grid-column: 1/13;
    padding: 0 8.3%
}

@media (max-width:1024px) {
    .cardSliderGrid__container {
        grid-column: 1/7;
        padding: 0 17%
    }
}

@media (max-width:768px) {
    .cardSliderGrid__container {
        padding: 0;
        grid-column: 2/6;
        overflow-x: visible
    }
}

@media (max-width:512px) {
    .cardSliderGrid__container {
        grid-column: 2/6
    }
}

.cardSliderGrid .centerWrapper {
    justify-content: center
}

.cardSliderGrid .swiper-container {
    padding: 32px 0 64px
}

@media (max-width:1024px) {
    .cardSliderGrid .swiper-container {
        padding: 32px 0 56px
    }
}

@media (max-width:768px) {
    .cardSliderGrid .swiper-container {
        padding: 32px 0 72px;
        overflow: visible
    }
}

.cardSliderGrid .swiper-wrapper {
    transition: transform .5s cubic-bezier(.42,0,.13,1.01)
}

.cardSliderGrid .swiper-slide {
    height: auto;
    padding: 0 16px
}

@media (max-width:1280px) {
    .cardSliderGrid .swiper-slide {
        padding: 0 12px
    }
}

@media (max-width:768px) {
    .cardSliderGrid .swiper-slide {
        padding: 0 8px;
        width: 83%
    }
}

@media (max-width:512px) {
    .cardSliderGrid .swiper-slide {
        width: 100%
    }
}

.cardSliderGrid .swiper-button-next, .cardSliderGrid .swiper-button-prev {
    top: calc(50% + 13px)
}

@media (max-width:768px) {
    .cardSliderGrid .swiper-button-next, .cardSliderGrid .swiper-button-prev {
        display: none
    }
}

.cardSliderGrid .swiper-button-next:hover, .cardSliderGrid .swiper-button-prev:hover {
    opacity: .7
}

.cardSliderGrid .swiper-button-next i, .cardSliderGrid .swiper-button-prev i {
    font-size: 22px
}

.cardSliderGrid .swiper-button-prev {
    left: 0
}

.cardSliderGrid .swiper-button-next {
    right: 0
}

.cardSliderGrid .swiper-pagination-bullets {
    display: none;
    bottom: 40px
}

@media (max-width:768px) {
    .cardSliderGrid .swiper-pagination-bullets {
        display: block
    }
}

@media (max-width:512px) {
    .cardSliderGrid .swiper-pagination-bullets {
        right: -16px
    }
}

@media (max-width:1280px) {
    .cardSliderGrid .caseCard, .cardSliderGrid .caseCard--small {
        min-height: 324px;
        max-width: 960px
    }

        .cardSliderGrid .caseCard--small .caseCard__content, .cardSliderGrid .caseCard .caseCard__content {
            padding: 24px 16px 16px
        }

        .cardSliderGrid .caseCard--small .caseCard__title, .cardSliderGrid .caseCard .caseCard__title {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Calma Global Medium,sans-serif;
            font-size: 1.625rem;
            line-height: 1.231em;
            letter-spacing: 0
        }

            .cardSliderGrid .caseCard--small .caseCard__title .link a, .cardSliderGrid .caseCard .caseCard__title .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .cardSliderGrid .caseCard--small .caseCard__title .link a:hover, .cardSliderGrid .caseCard .caseCard__title .link a:hover {
                    color: var(--m-01)
                }

            .cardSliderGrid .caseCard--small .caseCard__title mark, .cardSliderGrid .caseCard--small .caseCard__title mark[data-color=color], .cardSliderGrid .caseCard .caseCard__title mark, .cardSliderGrid .caseCard .caseCard__title mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .cardSliderGrid .caseCard--small .caseCard__title mark[data-color=gray], .cardSliderGrid .caseCard .caseCard__title mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .cardSliderGrid .caseCard--small .caseCard__title mark[data-color=default], .cardSliderGrid .caseCard .caseCard__title mark[data-color=default] {
                    color: var(--neu-10)
                }

            .cardSliderGrid .caseCard--small .caseCard__title span.m-01--dark-01, .cardSliderGrid .caseCard--small .caseCard__title span[data-color=color], .cardSliderGrid .caseCard .caseCard__title span.m-01--dark-01, .cardSliderGrid .caseCard .caseCard__title span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .cardSliderGrid .caseCard--small .caseCard__title span.neu-07, .cardSliderGrid .caseCard--small .caseCard__title span[data-color=gray], .cardSliderGrid .caseCard .caseCard__title span.neu-07, .cardSliderGrid .caseCard .caseCard__title span[data-color=gray] {
                color: var(--neu-07)
            }

            .cardSliderGrid .caseCard--small .caseCard__title span.neu-10, .cardSliderGrid .caseCard--small .caseCard__title span[data-color=default], .cardSliderGrid .caseCard .caseCard__title span.neu-10, .cardSliderGrid .caseCard .caseCard__title span[data-color=default] {
                color: var(--neu-10)
            }

            .cardSliderGrid .caseCard--small .caseCard__title b, .cardSliderGrid .caseCard--small .caseCard__title strong, .cardSliderGrid .caseCard .caseCard__title b, .cardSliderGrid .caseCard .caseCard__title strong {
                font-weight: 700
            }

            .cardSliderGrid .caseCard--small .caseCard__title em, .cardSliderGrid .caseCard .caseCard__title em {
                font-style: italic
            }

    .cardSliderGrid .countyCard, .cardSliderGrid .countyCard--small {
        max-width: 960px;
        height: 100%;
        min-height: 80px
    }

    .cardSliderGrid .industryCard, .cardSliderGrid .industryCard--small {
        max-width: 960px;
        max-width: 480px;
        min-height: 240px
    }

        .cardSliderGrid .industryCard--small .industryCard__content, .cardSliderGrid .industryCard .industryCard__content {
            padding: 24px 16px 16px
        }

        .cardSliderGrid .industryCard--small .industryCard__title, .cardSliderGrid .industryCard .industryCard__title {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Calma Global Medium,sans-serif;
            font-size: 1.625rem;
            line-height: 1.231em;
            letter-spacing: 0
        }

            .cardSliderGrid .industryCard--small .industryCard__title .link a, .cardSliderGrid .industryCard .industryCard__title .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .cardSliderGrid .industryCard--small .industryCard__title .link a:hover, .cardSliderGrid .industryCard .industryCard__title .link a:hover {
                    color: var(--m-01)
                }

            .cardSliderGrid .industryCard--small .industryCard__title mark, .cardSliderGrid .industryCard--small .industryCard__title mark[data-color=color], .cardSliderGrid .industryCard .industryCard__title mark, .cardSliderGrid .industryCard .industryCard__title mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .cardSliderGrid .industryCard--small .industryCard__title mark[data-color=gray], .cardSliderGrid .industryCard .industryCard__title mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .cardSliderGrid .industryCard--small .industryCard__title mark[data-color=default], .cardSliderGrid .industryCard .industryCard__title mark[data-color=default] {
                    color: var(--neu-10)
                }

            .cardSliderGrid .industryCard--small .industryCard__title span.m-01--dark-01, .cardSliderGrid .industryCard--small .industryCard__title span[data-color=color], .cardSliderGrid .industryCard .industryCard__title span.m-01--dark-01, .cardSliderGrid .industryCard .industryCard__title span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .cardSliderGrid .industryCard--small .industryCard__title span.neu-07, .cardSliderGrid .industryCard--small .industryCard__title span[data-color=gray], .cardSliderGrid .industryCard .industryCard__title span.neu-07, .cardSliderGrid .industryCard .industryCard__title span[data-color=gray] {
                color: var(--neu-07)
            }

            .cardSliderGrid .industryCard--small .industryCard__title span.neu-10, .cardSliderGrid .industryCard--small .industryCard__title span[data-color=default], .cardSliderGrid .industryCard .industryCard__title span.neu-10, .cardSliderGrid .industryCard .industryCard__title span[data-color=default] {
                color: var(--neu-10)
            }

            .cardSliderGrid .industryCard--small .industryCard__title b, .cardSliderGrid .industryCard--small .industryCard__title strong, .cardSliderGrid .industryCard .industryCard__title b, .cardSliderGrid .industryCard .industryCard__title strong {
                font-weight: 700
            }

            .cardSliderGrid .industryCard--small .industryCard__title em, .cardSliderGrid .industryCard .industryCard__title em {
                font-style: italic
            }

    .cardSliderGrid .itemCard, .cardSliderGrid .itemCard--small {
        max-width: 960px;
        padding: 24px 16px 32px 4px;
        height: 100%
    }

        .cardSliderGrid .itemCard--small .itemCard__text, .cardSliderGrid .itemCard .itemCard__text {
            max-width: 310px
        }

    .cardSliderGrid .readingImageCard, .cardSliderGrid .readingImageCard--small {
        max-width: 960px;
        background: transparent;
        box-shadow: none;
        border-bottom: 1px solid var(--neu-03);
        min-height: auto;
        flex-direction: row;
        padding: 8px 0 16px;
        border-radius: 0
    }

        .cardSliderGrid .readingImageCard--small .readingImageCard__image, .cardSliderGrid .readingImageCard .readingImageCard__image {
            height: auto;
            max-width: 110px;
            flex: 1;
            border-radius: 0
        }

        .cardSliderGrid .readingImageCard--small .readingImageCard__content, .cardSliderGrid .readingImageCard .readingImageCard__content {
            padding: 0 0 0 16px;
            flex: 2;
            justify-content: flex-start
        }

        .cardSliderGrid .readingImageCard--small .readingImageCard__text, .cardSliderGrid .readingImageCard .readingImageCard__text {
            padding: 0;
            padding-right: 24px
        }

        .cardSliderGrid .readingImageCard--small .readingImageCard__title, .cardSliderGrid .readingImageCard .readingImageCard__title {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Inter,sans-serif;
            font-size: 1rem;
            line-height: 1.5em;
            letter-spacing: -.011em;
            font-weight: 700;
            margin-top: 4px
        }

            .cardSliderGrid .readingImageCard--small .readingImageCard__title .link a, .cardSliderGrid .readingImageCard .readingImageCard__title .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .cardSliderGrid .readingImageCard--small .readingImageCard__title .link a:hover, .cardSliderGrid .readingImageCard .readingImageCard__title .link a:hover {
                    color: var(--m-01)
                }

            .cardSliderGrid .readingImageCard--small .readingImageCard__title mark, .cardSliderGrid .readingImageCard--small .readingImageCard__title mark[data-color=color], .cardSliderGrid .readingImageCard .readingImageCard__title mark, .cardSliderGrid .readingImageCard .readingImageCard__title mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .cardSliderGrid .readingImageCard--small .readingImageCard__title mark[data-color=gray], .cardSliderGrid .readingImageCard .readingImageCard__title mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .cardSliderGrid .readingImageCard--small .readingImageCard__title mark[data-color=default], .cardSliderGrid .readingImageCard .readingImageCard__title mark[data-color=default] {
                    color: var(--neu-10)
                }

            .cardSliderGrid .readingImageCard--small .readingImageCard__title span.m-01--dark-01, .cardSliderGrid .readingImageCard--small .readingImageCard__title span[data-color=color], .cardSliderGrid .readingImageCard .readingImageCard__title span.m-01--dark-01, .cardSliderGrid .readingImageCard .readingImageCard__title span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .cardSliderGrid .readingImageCard--small .readingImageCard__title span.neu-07, .cardSliderGrid .readingImageCard--small .readingImageCard__title span[data-color=gray], .cardSliderGrid .readingImageCard .readingImageCard__title span.neu-07, .cardSliderGrid .readingImageCard .readingImageCard__title span[data-color=gray] {
                color: var(--neu-07)
            }

            .cardSliderGrid .readingImageCard--small .readingImageCard__title span.neu-10, .cardSliderGrid .readingImageCard--small .readingImageCard__title span[data-color=default], .cardSliderGrid .readingImageCard .readingImageCard__title span.neu-10, .cardSliderGrid .readingImageCard .readingImageCard__title span[data-color=default] {
                color: var(--neu-10)
            }

            .cardSliderGrid .readingImageCard--small .readingImageCard__title b, .cardSliderGrid .readingImageCard--small .readingImageCard__title strong, .cardSliderGrid .readingImageCard .readingImageCard__title b, .cardSliderGrid .readingImageCard .readingImageCard__title strong {
                font-weight: 700
            }

            .cardSliderGrid .readingImageCard--small .readingImageCard__title em, .cardSliderGrid .readingImageCard .readingImageCard__title em {
                font-style: italic
            }

        .cardSliderGrid .readingImageCard--small .readingImageCard__infoItem i, .cardSliderGrid .readingImageCard .readingImageCard__infoItem i {
            display: none
        }

        .cardSliderGrid .readingImageCard--small .btnBookmark, .cardSliderGrid .readingImageCard--small .btnBookmark--privateArea, .cardSliderGrid .readingImageCard--small .btnBookmark--small, .cardSliderGrid .readingImageCard .btnBookmark, .cardSliderGrid .readingImageCard .btnBookmark--privateArea, .cardSliderGrid .readingImageCard .btnBookmark--small {
            top: -8px;
            right: -16px;
            z-index: 2
        }

            .cardSliderGrid .readingImageCard--small .btnBookmark--privateArea .btnBookmark, .cardSliderGrid .readingImageCard--small .btnBookmark--privateArea .btnBookmark--small, .cardSliderGrid .readingImageCard .btnBookmark--privateArea .btnBookmark, .cardSliderGrid .readingImageCard .btnBookmark--privateArea .btnBookmark--small {
                top: 0;
                right: 0
            }

        .cardSliderGrid .readingImageCard--small:hover, .cardSliderGrid .readingImageCard:hover {
            box-shadow: none;
            transform: none
        }

    .cardSliderGrid .readingTextCard, .cardSliderGrid .readingTextCard--small {
        max-width: 960px;
        background: transparent;
        box-shadow: none;
        border-bottom: 1px solid var(--neu-03);
        min-height: auto;
        flex-direction: row;
        padding: 8px 0 16px;
        border-radius: 0
    }

        .cardSliderGrid .readingTextCard--small .readingTextCard__content, .cardSliderGrid .readingTextCard .readingTextCard__content {
            flex: 2
        }

        .cardSliderGrid .readingTextCard--small .readingTextCard__text, .cardSliderGrid .readingTextCard .readingTextCard__text {
            padding: 0
        }

        .cardSliderGrid .readingTextCard--small .readingTextCard__title, .cardSliderGrid .readingTextCard .readingTextCard__title {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Inter,sans-serif;
            font-size: 1rem;
            line-height: 1.5em;
            letter-spacing: -.011em;
            font-weight: 700;
            margin-top: 4px
        }

            .cardSliderGrid .readingTextCard--small .readingTextCard__title .link a, .cardSliderGrid .readingTextCard .readingTextCard__title .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .cardSliderGrid .readingTextCard--small .readingTextCard__title .link a:hover, .cardSliderGrid .readingTextCard .readingTextCard__title .link a:hover {
                    color: var(--m-01)
                }

            .cardSliderGrid .readingTextCard--small .readingTextCard__title mark, .cardSliderGrid .readingTextCard--small .readingTextCard__title mark[data-color=color], .cardSliderGrid .readingTextCard .readingTextCard__title mark, .cardSliderGrid .readingTextCard .readingTextCard__title mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .cardSliderGrid .readingTextCard--small .readingTextCard__title mark[data-color=gray], .cardSliderGrid .readingTextCard .readingTextCard__title mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .cardSliderGrid .readingTextCard--small .readingTextCard__title mark[data-color=default], .cardSliderGrid .readingTextCard .readingTextCard__title mark[data-color=default] {
                    color: var(--neu-10)
                }

            .cardSliderGrid .readingTextCard--small .readingTextCard__title span.m-01--dark-01, .cardSliderGrid .readingTextCard--small .readingTextCard__title span[data-color=color], .cardSliderGrid .readingTextCard .readingTextCard__title span.m-01--dark-01, .cardSliderGrid .readingTextCard .readingTextCard__title span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .cardSliderGrid .readingTextCard--small .readingTextCard__title span.neu-07, .cardSliderGrid .readingTextCard--small .readingTextCard__title span[data-color=gray], .cardSliderGrid .readingTextCard .readingTextCard__title span.neu-07, .cardSliderGrid .readingTextCard .readingTextCard__title span[data-color=gray] {
                color: var(--neu-07)
            }

            .cardSliderGrid .readingTextCard--small .readingTextCard__title span.neu-10, .cardSliderGrid .readingTextCard--small .readingTextCard__title span[data-color=default], .cardSliderGrid .readingTextCard .readingTextCard__title span.neu-10, .cardSliderGrid .readingTextCard .readingTextCard__title span[data-color=default] {
                color: var(--neu-10)
            }

            .cardSliderGrid .readingTextCard--small .readingTextCard__title b, .cardSliderGrid .readingTextCard--small .readingTextCard__title strong, .cardSliderGrid .readingTextCard .readingTextCard__title b, .cardSliderGrid .readingTextCard .readingTextCard__title strong {
                font-weight: 700
            }

            .cardSliderGrid .readingTextCard--small .readingTextCard__title em, .cardSliderGrid .readingTextCard .readingTextCard__title em {
                font-style: italic
            }

        .cardSliderGrid .readingTextCard--small .readingTextCard__description, .cardSliderGrid .readingTextCard--small .readingTextCard__infoItem i, .cardSliderGrid .readingTextCard .readingTextCard__description, .cardSliderGrid .readingTextCard .readingTextCard__infoItem i {
            display: none
        }

        .cardSliderGrid .readingTextCard--small:hover, .cardSliderGrid .readingTextCard:hover {
            box-shadow: none;
            transform: none
        }

    .cardSliderGrid .regionCard, .cardSliderGrid .regionCard--small {
        max-width: 960px;
        min-height: 270px
    }

        .cardSliderGrid .regionCard--small .regionCard__content, .cardSliderGrid .regionCard .regionCard__content {
            padding: 24px 16px 16px
        }

        .cardSliderGrid .regionCard--small .regionCard__title, .cardSliderGrid .regionCard .regionCard__title {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Calma Global Medium,sans-serif;
            font-size: 2rem;
            line-height: 1.25em;
            letter-spacing: -.016em
        }

            .cardSliderGrid .regionCard--small .regionCard__title .link a, .cardSliderGrid .regionCard .regionCard__title .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .cardSliderGrid .regionCard--small .regionCard__title .link a:hover, .cardSliderGrid .regionCard .regionCard__title .link a:hover {
                    color: var(--m-01)
                }

            .cardSliderGrid .regionCard--small .regionCard__title mark, .cardSliderGrid .regionCard--small .regionCard__title mark[data-color=color], .cardSliderGrid .regionCard .regionCard__title mark, .cardSliderGrid .regionCard .regionCard__title mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .cardSliderGrid .regionCard--small .regionCard__title mark[data-color=gray], .cardSliderGrid .regionCard .regionCard__title mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .cardSliderGrid .regionCard--small .regionCard__title mark[data-color=default], .cardSliderGrid .regionCard .regionCard__title mark[data-color=default] {
                    color: var(--neu-10)
                }

            .cardSliderGrid .regionCard--small .regionCard__title span.m-01--dark-01, .cardSliderGrid .regionCard--small .regionCard__title span[data-color=color], .cardSliderGrid .regionCard .regionCard__title span.m-01--dark-01, .cardSliderGrid .regionCard .regionCard__title span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .cardSliderGrid .regionCard--small .regionCard__title span.neu-07, .cardSliderGrid .regionCard--small .regionCard__title span[data-color=gray], .cardSliderGrid .regionCard .regionCard__title span.neu-07, .cardSliderGrid .regionCard .regionCard__title span[data-color=gray] {
                color: var(--neu-07)
            }

            .cardSliderGrid .regionCard--small .regionCard__title span.neu-10, .cardSliderGrid .regionCard--small .regionCard__title span[data-color=default], .cardSliderGrid .regionCard .regionCard__title span.neu-10, .cardSliderGrid .regionCard .regionCard__title span[data-color=default] {
                color: var(--neu-10)
            }

            .cardSliderGrid .regionCard--small .regionCard__title b, .cardSliderGrid .regionCard--small .regionCard__title strong, .cardSliderGrid .regionCard .regionCard__title b, .cardSliderGrid .regionCard .regionCard__title strong {
                font-weight: 700
            }

            .cardSliderGrid .regionCard--small .regionCard__title em, .cardSliderGrid .regionCard .regionCard__title em {
                font-style: italic
            }
}

@media (max-width:1280px) and (max-width:1024px) {
    .cardSliderGrid .regionCard--small .regionCard__title, .cardSliderGrid .regionCard .regionCard__title {
        font-size: 1.625rem;
        line-height: 1.231em;
        letter-spacing: 0
    }
}

@media (max-width:1280px) {
    .cardSliderGrid .resourceCard, .cardSliderGrid .resourceCard--small {
        max-width: 960px;
        min-height: 200px;
        height: 100%;
        padding: 24px 16px
    }

        .cardSliderGrid .resourceCard--small .resourceCard__title, .cardSliderGrid .resourceCard .resourceCard__title {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Inter,sans-serif;
            font-size: 1.188rem;
            line-height: 1.263em;
            letter-spacing: -.016em;
            font-weight: 400;
            margin-top: 4px
        }

            .cardSliderGrid .resourceCard--small .resourceCard__title .link a, .cardSliderGrid .resourceCard .resourceCard__title .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .cardSliderGrid .resourceCard--small .resourceCard__title .link a:hover, .cardSliderGrid .resourceCard .resourceCard__title .link a:hover {
                    color: var(--m-01)
                }

            .cardSliderGrid .resourceCard--small .resourceCard__title mark, .cardSliderGrid .resourceCard--small .resourceCard__title mark[data-color=color], .cardSliderGrid .resourceCard .resourceCard__title mark, .cardSliderGrid .resourceCard .resourceCard__title mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .cardSliderGrid .resourceCard--small .resourceCard__title mark[data-color=gray], .cardSliderGrid .resourceCard .resourceCard__title mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .cardSliderGrid .resourceCard--small .resourceCard__title mark[data-color=default], .cardSliderGrid .resourceCard .resourceCard__title mark[data-color=default] {
                    color: var(--neu-10)
                }

            .cardSliderGrid .resourceCard--small .resourceCard__title span.m-01--dark-01, .cardSliderGrid .resourceCard--small .resourceCard__title span[data-color=color], .cardSliderGrid .resourceCard .resourceCard__title span.m-01--dark-01, .cardSliderGrid .resourceCard .resourceCard__title span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .cardSliderGrid .resourceCard--small .resourceCard__title span.neu-07, .cardSliderGrid .resourceCard--small .resourceCard__title span[data-color=gray], .cardSliderGrid .resourceCard .resourceCard__title span.neu-07, .cardSliderGrid .resourceCard .resourceCard__title span[data-color=gray] {
                color: var(--neu-07)
            }

            .cardSliderGrid .resourceCard--small .resourceCard__title span.neu-10, .cardSliderGrid .resourceCard--small .resourceCard__title span[data-color=default], .cardSliderGrid .resourceCard .resourceCard__title span.neu-10, .cardSliderGrid .resourceCard .resourceCard__title span[data-color=default] {
                color: var(--neu-10)
            }

            .cardSliderGrid .resourceCard--small .resourceCard__title b, .cardSliderGrid .resourceCard--small .resourceCard__title strong, .cardSliderGrid .resourceCard .resourceCard__title b, .cardSliderGrid .resourceCard .resourceCard__title strong {
                font-weight: 700
            }

            .cardSliderGrid .resourceCard--small .resourceCard__title em, .cardSliderGrid .resourceCard .resourceCard__title em {
                font-style: italic
            }

        .cardSliderGrid .resourceCard--small .btn, .cardSliderGrid .resourceCard--small .btn--icon, .cardSliderGrid .resourceCard--small .btn--primary, .cardSliderGrid .resourceCard--small .btn--primary--dark, .cardSliderGrid .resourceCard--small .btn--secondary, .cardSliderGrid .resourceCard--small .btn--small, .cardSliderGrid .resourceCard--small .btn--tertiary, .cardSliderGrid .resourceCard .btn, .cardSliderGrid .resourceCard .btn--icon, .cardSliderGrid .resourceCard .btn--primary, .cardSliderGrid .resourceCard .btn--primary--dark, .cardSliderGrid .resourceCard .btn--secondary, .cardSliderGrid .resourceCard .btn--small, .cardSliderGrid .resourceCard .btn--tertiary {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Inter,sans-serif;
            font-size: .813rem;
            line-height: 1.538em;
            letter-spacing: -.003em;
            font-weight: 400;
            font-weight: 700;
            padding: 0 20px;
            height: 40px
        }

            .cardSliderGrid .resourceCard--small .btn--icon .link a, .cardSliderGrid .resourceCard--small .btn--primary--dark .link a, .cardSliderGrid .resourceCard--small .btn--primary .link a, .cardSliderGrid .resourceCard--small .btn--secondary .link a, .cardSliderGrid .resourceCard--small .btn--small .link a, .cardSliderGrid .resourceCard--small .btn--tertiary .link a, .cardSliderGrid .resourceCard--small .btn .link a, .cardSliderGrid .resourceCard .btn--icon .link a, .cardSliderGrid .resourceCard .btn--primary--dark .link a, .cardSliderGrid .resourceCard .btn--primary .link a, .cardSliderGrid .resourceCard .btn--secondary .link a, .cardSliderGrid .resourceCard .btn--small .link a, .cardSliderGrid .resourceCard .btn--tertiary .link a, .cardSliderGrid .resourceCard .btn .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .cardSliderGrid .resourceCard--small .btn--icon .link a:hover, .cardSliderGrid .resourceCard--small .btn--primary--dark .link a:hover, .cardSliderGrid .resourceCard--small .btn--primary .link a:hover, .cardSliderGrid .resourceCard--small .btn--secondary .link a:hover, .cardSliderGrid .resourceCard--small .btn--small .link a:hover, .cardSliderGrid .resourceCard--small .btn--tertiary .link a:hover, .cardSliderGrid .resourceCard--small .btn .link a:hover, .cardSliderGrid .resourceCard .btn--icon .link a:hover, .cardSliderGrid .resourceCard .btn--primary--dark .link a:hover, .cardSliderGrid .resourceCard .btn--primary .link a:hover, .cardSliderGrid .resourceCard .btn--secondary .link a:hover, .cardSliderGrid .resourceCard .btn--small .link a:hover, .cardSliderGrid .resourceCard .btn--tertiary .link a:hover, .cardSliderGrid .resourceCard .btn .link a:hover {
                    color: var(--m-01)
                }

            .cardSliderGrid .resourceCard--small .btn--icon mark, .cardSliderGrid .resourceCard--small .btn--icon mark[data-color=color], .cardSliderGrid .resourceCard--small .btn--primary--dark mark, .cardSliderGrid .resourceCard--small .btn--primary--dark mark[data-color=color], .cardSliderGrid .resourceCard--small .btn--primary mark, .cardSliderGrid .resourceCard--small .btn--primary mark[data-color=color], .cardSliderGrid .resourceCard--small .btn--secondary mark, .cardSliderGrid .resourceCard--small .btn--secondary mark[data-color=color], .cardSliderGrid .resourceCard--small .btn--small mark, .cardSliderGrid .resourceCard--small .btn--small mark[data-color=color], .cardSliderGrid .resourceCard--small .btn--tertiary mark, .cardSliderGrid .resourceCard--small .btn--tertiary mark[data-color=color], .cardSliderGrid .resourceCard--small .btn mark, .cardSliderGrid .resourceCard--small .btn mark[data-color=color], .cardSliderGrid .resourceCard .btn--icon mark, .cardSliderGrid .resourceCard .btn--icon mark[data-color=color], .cardSliderGrid .resourceCard .btn--primary--dark mark, .cardSliderGrid .resourceCard .btn--primary--dark mark[data-color=color], .cardSliderGrid .resourceCard .btn--primary mark, .cardSliderGrid .resourceCard .btn--primary mark[data-color=color], .cardSliderGrid .resourceCard .btn--secondary mark, .cardSliderGrid .resourceCard .btn--secondary mark[data-color=color], .cardSliderGrid .resourceCard .btn--small mark, .cardSliderGrid .resourceCard .btn--small mark[data-color=color], .cardSliderGrid .resourceCard .btn--tertiary mark, .cardSliderGrid .resourceCard .btn--tertiary mark[data-color=color], .cardSliderGrid .resourceCard .btn mark, .cardSliderGrid .resourceCard .btn mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .cardSliderGrid .resourceCard--small .btn--icon mark[data-color=gray], .cardSliderGrid .resourceCard--small .btn--primary--dark mark[data-color=gray], .cardSliderGrid .resourceCard--small .btn--primary mark[data-color=gray], .cardSliderGrid .resourceCard--small .btn--secondary mark[data-color=gray], .cardSliderGrid .resourceCard--small .btn--small mark[data-color=gray], .cardSliderGrid .resourceCard--small .btn--tertiary mark[data-color=gray], .cardSliderGrid .resourceCard--small .btn mark[data-color=gray], .cardSliderGrid .resourceCard .btn--icon mark[data-color=gray], .cardSliderGrid .resourceCard .btn--primary--dark mark[data-color=gray], .cardSliderGrid .resourceCard .btn--primary mark[data-color=gray], .cardSliderGrid .resourceCard .btn--secondary mark[data-color=gray], .cardSliderGrid .resourceCard .btn--small mark[data-color=gray], .cardSliderGrid .resourceCard .btn--tertiary mark[data-color=gray], .cardSliderGrid .resourceCard .btn mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .cardSliderGrid .resourceCard--small .btn--icon mark[data-color=default], .cardSliderGrid .resourceCard--small .btn--primary--dark mark[data-color=default], .cardSliderGrid .resourceCard--small .btn--primary mark[data-color=default], .cardSliderGrid .resourceCard--small .btn--secondary mark[data-color=default], .cardSliderGrid .resourceCard--small .btn--small mark[data-color=default], .cardSliderGrid .resourceCard--small .btn--tertiary mark[data-color=default], .cardSliderGrid .resourceCard--small .btn mark[data-color=default], .cardSliderGrid .resourceCard .btn--icon mark[data-color=default], .cardSliderGrid .resourceCard .btn--primary--dark mark[data-color=default], .cardSliderGrid .resourceCard .btn--primary mark[data-color=default], .cardSliderGrid .resourceCard .btn--secondary mark[data-color=default], .cardSliderGrid .resourceCard .btn--small mark[data-color=default], .cardSliderGrid .resourceCard .btn--tertiary mark[data-color=default], .cardSliderGrid .resourceCard .btn mark[data-color=default] {
                    color: var(--neu-10)
                }

            .cardSliderGrid .resourceCard--small .btn--icon span.m-01--dark-01, .cardSliderGrid .resourceCard--small .btn--icon span[data-color=color], .cardSliderGrid .resourceCard--small .btn--primary--dark span.m-01--dark-01, .cardSliderGrid .resourceCard--small .btn--primary--dark span[data-color=color], .cardSliderGrid .resourceCard--small .btn--primary span.m-01--dark-01, .cardSliderGrid .resourceCard--small .btn--primary span[data-color=color], .cardSliderGrid .resourceCard--small .btn--secondary span.m-01--dark-01, .cardSliderGrid .resourceCard--small .btn--secondary span[data-color=color], .cardSliderGrid .resourceCard--small .btn--small span.m-01--dark-01, .cardSliderGrid .resourceCard--small .btn--small span[data-color=color], .cardSliderGrid .resourceCard--small .btn--tertiary span.m-01--dark-01, .cardSliderGrid .resourceCard--small .btn--tertiary span[data-color=color], .cardSliderGrid .resourceCard--small .btn span.m-01--dark-01, .cardSliderGrid .resourceCard--small .btn span[data-color=color], .cardSliderGrid .resourceCard .btn--icon span.m-01--dark-01, .cardSliderGrid .resourceCard .btn--icon span[data-color=color], .cardSliderGrid .resourceCard .btn--primary--dark span.m-01--dark-01, .cardSliderGrid .resourceCard .btn--primary--dark span[data-color=color], .cardSliderGrid .resourceCard .btn--primary span.m-01--dark-01, .cardSliderGrid .resourceCard .btn--primary span[data-color=color], .cardSliderGrid .resourceCard .btn--secondary span.m-01--dark-01, .cardSliderGrid .resourceCard .btn--secondary span[data-color=color], .cardSliderGrid .resourceCard .btn--small span.m-01--dark-01, .cardSliderGrid .resourceCard .btn--small span[data-color=color], .cardSliderGrid .resourceCard .btn--tertiary span.m-01--dark-01, .cardSliderGrid .resourceCard .btn--tertiary span[data-color=color], .cardSliderGrid .resourceCard .btn span.m-01--dark-01, .cardSliderGrid .resourceCard .btn span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .cardSliderGrid .resourceCard--small .btn--icon span.neu-07, .cardSliderGrid .resourceCard--small .btn--icon span[data-color=gray], .cardSliderGrid .resourceCard--small .btn--primary--dark span.neu-07, .cardSliderGrid .resourceCard--small .btn--primary--dark span[data-color=gray], .cardSliderGrid .resourceCard--small .btn--primary span.neu-07, .cardSliderGrid .resourceCard--small .btn--primary span[data-color=gray], .cardSliderGrid .resourceCard--small .btn--secondary span.neu-07, .cardSliderGrid .resourceCard--small .btn--secondary span[data-color=gray], .cardSliderGrid .resourceCard--small .btn--small span.neu-07, .cardSliderGrid .resourceCard--small .btn--small span[data-color=gray], .cardSliderGrid .resourceCard--small .btn--tertiary span.neu-07, .cardSliderGrid .resourceCard--small .btn--tertiary span[data-color=gray], .cardSliderGrid .resourceCard--small .btn span.neu-07, .cardSliderGrid .resourceCard--small .btn span[data-color=gray], .cardSliderGrid .resourceCard .btn--icon span.neu-07, .cardSliderGrid .resourceCard .btn--icon span[data-color=gray], .cardSliderGrid .resourceCard .btn--primary--dark span.neu-07, .cardSliderGrid .resourceCard .btn--primary--dark span[data-color=gray], .cardSliderGrid .resourceCard .btn--primary span.neu-07, .cardSliderGrid .resourceCard .btn--primary span[data-color=gray], .cardSliderGrid .resourceCard .btn--secondary span.neu-07, .cardSliderGrid .resourceCard .btn--secondary span[data-color=gray], .cardSliderGrid .resourceCard .btn--small span.neu-07, .cardSliderGrid .resourceCard .btn--small span[data-color=gray], .cardSliderGrid .resourceCard .btn--tertiary span.neu-07, .cardSliderGrid .resourceCard .btn--tertiary span[data-color=gray], .cardSliderGrid .resourceCard .btn span.neu-07, .cardSliderGrid .resourceCard .btn span[data-color=gray] {
                color: var(--neu-07)
            }

            .cardSliderGrid .resourceCard--small .btn--icon span.neu-10, .cardSliderGrid .resourceCard--small .btn--icon span[data-color=default], .cardSliderGrid .resourceCard--small .btn--primary--dark span.neu-10, .cardSliderGrid .resourceCard--small .btn--primary--dark span[data-color=default], .cardSliderGrid .resourceCard--small .btn--primary span.neu-10, .cardSliderGrid .resourceCard--small .btn--primary span[data-color=default], .cardSliderGrid .resourceCard--small .btn--secondary span.neu-10, .cardSliderGrid .resourceCard--small .btn--secondary span[data-color=default], .cardSliderGrid .resourceCard--small .btn--small span.neu-10, .cardSliderGrid .resourceCard--small .btn--small span[data-color=default], .cardSliderGrid .resourceCard--small .btn--tertiary span.neu-10, .cardSliderGrid .resourceCard--small .btn--tertiary span[data-color=default], .cardSliderGrid .resourceCard--small .btn span.neu-10, .cardSliderGrid .resourceCard--small .btn span[data-color=default], .cardSliderGrid .resourceCard .btn--icon span.neu-10, .cardSliderGrid .resourceCard .btn--icon span[data-color=default], .cardSliderGrid .resourceCard .btn--primary--dark span.neu-10, .cardSliderGrid .resourceCard .btn--primary--dark span[data-color=default], .cardSliderGrid .resourceCard .btn--primary span.neu-10, .cardSliderGrid .resourceCard .btn--primary span[data-color=default], .cardSliderGrid .resourceCard .btn--secondary span.neu-10, .cardSliderGrid .resourceCard .btn--secondary span[data-color=default], .cardSliderGrid .resourceCard .btn--small span.neu-10, .cardSliderGrid .resourceCard .btn--small span[data-color=default], .cardSliderGrid .resourceCard .btn--tertiary span.neu-10, .cardSliderGrid .resourceCard .btn--tertiary span[data-color=default], .cardSliderGrid .resourceCard .btn span.neu-10, .cardSliderGrid .resourceCard .btn span[data-color=default] {
                color: var(--neu-10)
            }

            .cardSliderGrid .resourceCard--small .btn--icon b, .cardSliderGrid .resourceCard--small .btn--icon strong, .cardSliderGrid .resourceCard--small .btn--primary--dark b, .cardSliderGrid .resourceCard--small .btn--primary--dark strong, .cardSliderGrid .resourceCard--small .btn--primary b, .cardSliderGrid .resourceCard--small .btn--primary strong, .cardSliderGrid .resourceCard--small .btn--secondary b, .cardSliderGrid .resourceCard--small .btn--secondary strong, .cardSliderGrid .resourceCard--small .btn--small b, .cardSliderGrid .resourceCard--small .btn--small strong, .cardSliderGrid .resourceCard--small .btn--tertiary b, .cardSliderGrid .resourceCard--small .btn--tertiary strong, .cardSliderGrid .resourceCard--small .btn b, .cardSliderGrid .resourceCard--small .btn strong, .cardSliderGrid .resourceCard .btn--icon b, .cardSliderGrid .resourceCard .btn--icon strong, .cardSliderGrid .resourceCard .btn--primary--dark b, .cardSliderGrid .resourceCard .btn--primary--dark strong, .cardSliderGrid .resourceCard .btn--primary b, .cardSliderGrid .resourceCard .btn--primary strong, .cardSliderGrid .resourceCard .btn--secondary b, .cardSliderGrid .resourceCard .btn--secondary strong, .cardSliderGrid .resourceCard .btn--small b, .cardSliderGrid .resourceCard .btn--small strong, .cardSliderGrid .resourceCard .btn--tertiary b, .cardSliderGrid .resourceCard .btn--tertiary strong, .cardSliderGrid .resourceCard .btn b, .cardSliderGrid .resourceCard .btn strong {
                font-weight: 700
            }

            .cardSliderGrid .resourceCard--small .btn--icon em, .cardSliderGrid .resourceCard--small .btn--primary--dark em, .cardSliderGrid .resourceCard--small .btn--primary em, .cardSliderGrid .resourceCard--small .btn--secondary em, .cardSliderGrid .resourceCard--small .btn--small em, .cardSliderGrid .resourceCard--small .btn--tertiary em, .cardSliderGrid .resourceCard--small .btn em, .cardSliderGrid .resourceCard .btn--icon em, .cardSliderGrid .resourceCard .btn--primary--dark em, .cardSliderGrid .resourceCard .btn--primary em, .cardSliderGrid .resourceCard .btn--secondary em, .cardSliderGrid .resourceCard .btn--small em, .cardSliderGrid .resourceCard .btn--tertiary em, .cardSliderGrid .resourceCard .btn em {
                font-style: italic
            }

            .cardSliderGrid .resourceCard--small .btn--icon i, .cardSliderGrid .resourceCard--small .btn--primary--dark i, .cardSliderGrid .resourceCard--small .btn--primary i, .cardSliderGrid .resourceCard--small .btn--secondary i, .cardSliderGrid .resourceCard--small .btn--small i, .cardSliderGrid .resourceCard--small .btn--tertiary i, .cardSliderGrid .resourceCard--small .btn i, .cardSliderGrid .resourceCard .btn--icon i, .cardSliderGrid .resourceCard .btn--primary--dark i, .cardSliderGrid .resourceCard .btn--primary i, .cardSliderGrid .resourceCard .btn--secondary i, .cardSliderGrid .resourceCard .btn--small i, .cardSliderGrid .resourceCard .btn--tertiary i, .cardSliderGrid .resourceCard .btn i {
                min-width: 16px;
                width: 16px;
                height: 16px;
                font-size: 16px
            }

                .cardSliderGrid .resourceCard--small .btn--icon i:before, .cardSliderGrid .resourceCard--small .btn--primary--dark i:before, .cardSliderGrid .resourceCard--small .btn--primary i:before, .cardSliderGrid .resourceCard--small .btn--secondary i:before, .cardSliderGrid .resourceCard--small .btn--small i:before, .cardSliderGrid .resourceCard--small .btn--tertiary i:before, .cardSliderGrid .resourceCard--small .btn i:before, .cardSliderGrid .resourceCard .btn--icon i:before, .cardSliderGrid .resourceCard .btn--primary--dark i:before, .cardSliderGrid .resourceCard .btn--primary i:before, .cardSliderGrid .resourceCard .btn--secondary i:before, .cardSliderGrid .resourceCard .btn--small i:before, .cardSliderGrid .resourceCard .btn--tertiary i:before, .cardSliderGrid .resourceCard .btn i:before {
                    font-size: 16px;
                    font-weight: 400
                }

            .cardSliderGrid .resourceCard--small .btn--icon, .cardSliderGrid .resourceCard--small .btn--icon.btn--primary, .cardSliderGrid .resourceCard--small .btn--icon.btn--primary--dark, .cardSliderGrid .resourceCard--small .btn--icon.btn--secondary, .cardSliderGrid .resourceCard--small .btn--icon.btn--small, .cardSliderGrid .resourceCard--small .btn--icon.btn--tertiary, .cardSliderGrid .resourceCard--small .btn.btn--icon, .cardSliderGrid .resourceCard .btn--icon, .cardSliderGrid .resourceCard .btn--icon.btn--primary, .cardSliderGrid .resourceCard .btn--icon.btn--primary--dark, .cardSliderGrid .resourceCard .btn--icon.btn--secondary, .cardSliderGrid .resourceCard .btn--icon.btn--small, .cardSliderGrid .resourceCard .btn--icon.btn--tertiary, .cardSliderGrid .resourceCard .btn.btn--icon {
                width: 40px;
                min-width: 40px
            }

                .cardSliderGrid .resourceCard--small .btn--icon:hover, .cardSliderGrid .resourceCard--small .btn--primary--dark:hover, .cardSliderGrid .resourceCard--small .btn--primary:hover, .cardSliderGrid .resourceCard--small .btn--secondary:hover, .cardSliderGrid .resourceCard--small .btn--small:hover, .cardSliderGrid .resourceCard--small .btn--tertiary:hover, .cardSliderGrid .resourceCard--small .btn:hover, .cardSliderGrid .resourceCard .btn--icon:hover, .cardSliderGrid .resourceCard .btn--primary--dark:hover, .cardSliderGrid .resourceCard .btn--primary:hover, .cardSliderGrid .resourceCard .btn--secondary:hover, .cardSliderGrid .resourceCard .btn--small:hover, .cardSliderGrid .resourceCard .btn--tertiary:hover, .cardSliderGrid .resourceCard .btn:hover {
                    color: var(--m-01--dark-01)
                }

    .cardSliderGrid .resultsCard, .cardSliderGrid .resultsCard--small {
        max-width: 960px;
        min-height: auto;
        padding: 0 0 16px;
        border-radius: 0;
        flex-direction: column
    }

        .cardSliderGrid .resultsCard--small .resultsCard__image, .cardSliderGrid .resultsCard .resultsCard__image {
            height: 126px;
            width: 100%;
            margin-right: 0;
            margin-bottom: 16px
        }

        .cardSliderGrid .resultsCard--small .resultsCard__content, .cardSliderGrid .resultsCard .resultsCard__content {
            flex: 2;
            justify-content: flex-start
        }

        .cardSliderGrid .resultsCard--small .resultsCard__topInfo, .cardSliderGrid .resultsCard .resultsCard__topInfo {
            flex-direction: column
        }

        .cardSliderGrid .resultsCard--small .resultsCard__sideInfo, .cardSliderGrid .resultsCard .resultsCard__sideInfo {
            order: 1;
            transform: none;
            justify-content: space-between;
            margin-bottom: 16px
        }

        .cardSliderGrid .resultsCard--small .resultsCard__labels, .cardSliderGrid .resultsCard .resultsCard__labels {
            order: 2
        }

        .cardSliderGrid .resultsCard--small .resultsCard__text, .cardSliderGrid .resultsCard .resultsCard__text {
            padding: 0
        }

        .cardSliderGrid .resultsCard--small .resultsCard__description, .cardSliderGrid .resultsCard .resultsCard__description {
            margin-top: 4px
        }

        .cardSliderGrid .resultsCard--small .resultsCard__bottomInfo, .cardSliderGrid .resultsCard .resultsCard__bottomInfo {
            margin-top: 8px
        }
}

@media (max-width:1280px) and (max-width:512px) {
    .cardSliderGrid .resultsCard--small .resultsCard__bottomInfo, .cardSliderGrid .resultsCard .resultsCard__bottomInfo {
        flex-direction: column;
        align-items: flex-start
    }
}

@media (max-width:1280px) and (max-width:512px) {
    .cardSliderGrid .resultsCard--small .resultsCard__btnContainer, .cardSliderGrid .resultsCard .resultsCard__btnContainer {
        margin-top: 8px;
        width: 100%;
        display: flex;
        justify-content: flex-end
    }
}

@media (max-width:1280px) {
    .cardSliderGrid .resultsCard--small .btnBookmark, .cardSliderGrid .resultsCard--small .btnBookmark--small, .cardSliderGrid .resultsCard .btnBookmark, .cardSliderGrid .resultsCard .btnBookmark--small {
        transform: translateX(16px);
        width: 48px
    }

    .cardSliderGrid .thumbResultsCard, .cardSliderGrid .thumbResultsCard--small {
        max-width: 636px;
        flex-direction: row
    }

        .cardSliderGrid .thumbResultsCard--small .thumbResultsCard__image, .cardSliderGrid .thumbResultsCard .thumbResultsCard__image {
            height: auto;
            width: 89px;
            min-width: 89px;
            border-top-left-radius: 2px;
            border-top-right-radius: 0;
            border-bottom-left-radius: 2px
        }

        .cardSliderGrid .thumbResultsCard--small .thumbResultsCard__content, .cardSliderGrid .thumbResultsCard .thumbResultsCard__content {
            justify-content: flex-start
        }

        .cardSliderGrid .thumbResultsCard--small .thumbResultsCard__sideInfo, .cardSliderGrid .thumbResultsCard .thumbResultsCard__sideInfo {
            transform: none;
            justify-content: space-between
        }

        .cardSliderGrid .thumbResultsCard--small .thumbResultsCard__text, .cardSliderGrid .thumbResultsCard .thumbResultsCard__text {
            padding: 0
        }

        .cardSliderGrid .thumbResultsCard--small .thumbResultsCard__description, .cardSliderGrid .thumbResultsCard .thumbResultsCard__description {
            margin-top: 4px
        }
}

@media (max-width:1280px) and (max-width:512px) {
    .cardSliderGrid .thumbResultsCard--small .thumbResultsCard__btnContainer, .cardSliderGrid .thumbResultsCard .thumbResultsCard__btnContainer {
        margin-top: 8px
    }
}

@media (max-width:1280px) {
    .cardSliderGrid .supplierCard, .cardSliderGrid .supplierCard--small {
        max-width: 960px;
        min-height: 214px
    }

        .cardSliderGrid .supplierCard--small .supplierCard__container, .cardSliderGrid .supplierCard .supplierCard__container {
            padding: 24px 16px
        }

            .cardSliderGrid .supplierCard--small .supplierCard__container.opened, .cardSliderGrid .supplierCard .supplierCard__container.opened {
                max-width: 90vw;
                padding: 24px 40px 24px 24px
            }
}

@media (max-width:1280px) and (max-width:768px) {
    .cardSliderGrid .supplierCard--small .supplierCard__container.opened, .cardSliderGrid .supplierCard .supplierCard__container.opened {
        padding: 24px
    }
}

@media (max-width:1280px) {
    .cardSliderGrid .supplierCard--small .supplierCard__container.opened .supplierCard__content, .cardSliderGrid .supplierCard .supplierCard__container.opened .supplierCard__content {
        max-width: calc(100% - 120px - 16px)
    }
}

@media (max-width:1280px) and (max-width:768px) {
    .cardSliderGrid .supplierCard--small .supplierCard__container.opened .supplierCard__content, .cardSliderGrid .supplierCard .supplierCard__container.opened .supplierCard__content {
        max-width: 100%
    }
}

@media (max-width:1280px) {
    .cardSliderGrid .supplierCard--small .supplierCard__container.opened .supplierCard__image, .cardSliderGrid .supplierCard .supplierCard__container.opened .supplierCard__image {
        width: 120px;
        height: 120px
    }

    .cardSliderGrid .supplierCard--small .supplierCard__image, .cardSliderGrid .supplierCard .supplierCard__image {
        max-width: 110px;
        width: calc(15% - 16px);
        margin-right: 16px
    }
}

@media (max-width:1280px) and (max-width:768px) {
    .cardSliderGrid .supplierCard--small .supplierCard__image, .cardSliderGrid .supplierCard .supplierCard__image {
        width: calc(25% - 16px)
    }
}

@media (max-width:1280px) and (max-width:512px) {
    .cardSliderGrid .supplierCard--small .supplierCard__image, .cardSliderGrid .supplierCard .supplierCard__image {
        width: calc(40% - 16px)
    }
}

@media (max-width:1280px) {
    .cardSliderGrid .supplierCard--small .supplierCard__content, .cardSliderGrid .supplierCard .supplierCard__content {
        max-width: 85%
    }
}

@media (max-width:1280px) and (max-width:768px) {
    .cardSliderGrid .supplierCard--small .supplierCard__content, .cardSliderGrid .supplierCard .supplierCard__content {
        max-width: 75%
    }
}

@media (max-width:1280px) and (max-width:512px) {
    .cardSliderGrid .supplierCard--small .supplierCard__content, .cardSliderGrid .supplierCard .supplierCard__content {
        max-width: 60%
    }
}

@media (max-width:1280px) and (max-width:768px) {
    .cardSliderGrid .supplierCard--small .supplierCard__title, .cardSliderGrid .supplierCard .supplierCard__title {
        margin: 16px 0 8px
    }
}

@media (max-width:1280px) {
    .cardSliderGrid .supplierCard--small .supplierCard__link, .cardSliderGrid .supplierCard .supplierCard__link {
        right: -40px
    }
}

@media (max-width:1280px) and (max-width:768px) {
    .cardSliderGrid .supplierCard--small .supplierCard__link, .cardSliderGrid .supplierCard .supplierCard__link {
        right: -24px
    }
}

@media (max-width:1280px) {
    .cardSliderGrid .supplierCard--small .supplierCard__shortDescription, .cardSliderGrid .supplierCard .supplierCard__shortDescription {
        max-width: none
    }

    .cardSliderGrid .supplierCard--small .openExpandedCard, .cardSliderGrid .supplierCard--small .openExpandedCard button, .cardSliderGrid .supplierCard .openExpandedCard, .cardSliderGrid .supplierCard .openExpandedCard button {
        width: 100%
    }

    .cardSliderGrid .supplierCard--small .closeExpandedCard, .cardSliderGrid .supplierCard .closeExpandedCard {
        top: 16px;
        right: 8px
    }

    .cardSliderGrid .supplierCard--small .btn, .cardSliderGrid .supplierCard--small .btn--icon, .cardSliderGrid .supplierCard--small .btn--primary, .cardSliderGrid .supplierCard--small .btn--primary--dark, .cardSliderGrid .supplierCard--small .btn--secondary, .cardSliderGrid .supplierCard--small .btn--small, .cardSliderGrid .supplierCard--small .btn--tertiary, .cardSliderGrid .supplierCard .btn, .cardSliderGrid .supplierCard .btn--icon, .cardSliderGrid .supplierCard .btn--primary, .cardSliderGrid .supplierCard .btn--primary--dark, .cardSliderGrid .supplierCard .btn--secondary, .cardSliderGrid .supplierCard .btn--small, .cardSliderGrid .supplierCard .btn--tertiary {
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-stretch: normal;
        letter-spacing: normal;
        font-family: Inter,sans-serif;
        font-size: .813rem;
        line-height: 1.538em;
        letter-spacing: -.003em;
        font-weight: 400;
        font-weight: 700;
        padding: 0 20px;
        height: 40px
    }

        .cardSliderGrid .supplierCard--small .btn--icon .link a, .cardSliderGrid .supplierCard--small .btn--primary--dark .link a, .cardSliderGrid .supplierCard--small .btn--primary .link a, .cardSliderGrid .supplierCard--small .btn--secondary .link a, .cardSliderGrid .supplierCard--small .btn--small .link a, .cardSliderGrid .supplierCard--small .btn--tertiary .link a, .cardSliderGrid .supplierCard--small .btn .link a, .cardSliderGrid .supplierCard .btn--icon .link a, .cardSliderGrid .supplierCard .btn--primary--dark .link a, .cardSliderGrid .supplierCard .btn--primary .link a, .cardSliderGrid .supplierCard .btn--secondary .link a, .cardSliderGrid .supplierCard .btn--small .link a, .cardSliderGrid .supplierCard .btn--tertiary .link a, .cardSliderGrid .supplierCard .btn .link a {
            transition: all .1s ease;
            text-decoration: underline;
            color: var(--m-01--dark-01)
        }

            .cardSliderGrid .supplierCard--small .btn--icon .link a:hover, .cardSliderGrid .supplierCard--small .btn--primary--dark .link a:hover, .cardSliderGrid .supplierCard--small .btn--primary .link a:hover, .cardSliderGrid .supplierCard--small .btn--secondary .link a:hover, .cardSliderGrid .supplierCard--small .btn--small .link a:hover, .cardSliderGrid .supplierCard--small .btn--tertiary .link a:hover, .cardSliderGrid .supplierCard--small .btn .link a:hover, .cardSliderGrid .supplierCard .btn--icon .link a:hover, .cardSliderGrid .supplierCard .btn--primary--dark .link a:hover, .cardSliderGrid .supplierCard .btn--primary .link a:hover, .cardSliderGrid .supplierCard .btn--secondary .link a:hover, .cardSliderGrid .supplierCard .btn--small .link a:hover, .cardSliderGrid .supplierCard .btn--tertiary .link a:hover, .cardSliderGrid .supplierCard .btn .link a:hover {
                color: var(--m-01)
            }

        .cardSliderGrid .supplierCard--small .btn--icon mark, .cardSliderGrid .supplierCard--small .btn--icon mark[data-color=color], .cardSliderGrid .supplierCard--small .btn--primary--dark mark, .cardSliderGrid .supplierCard--small .btn--primary--dark mark[data-color=color], .cardSliderGrid .supplierCard--small .btn--primary mark, .cardSliderGrid .supplierCard--small .btn--primary mark[data-color=color], .cardSliderGrid .supplierCard--small .btn--secondary mark, .cardSliderGrid .supplierCard--small .btn--secondary mark[data-color=color], .cardSliderGrid .supplierCard--small .btn--small mark, .cardSliderGrid .supplierCard--small .btn--small mark[data-color=color], .cardSliderGrid .supplierCard--small .btn--tertiary mark, .cardSliderGrid .supplierCard--small .btn--tertiary mark[data-color=color], .cardSliderGrid .supplierCard--small .btn mark, .cardSliderGrid .supplierCard--small .btn mark[data-color=color], .cardSliderGrid .supplierCard .btn--icon mark, .cardSliderGrid .supplierCard .btn--icon mark[data-color=color], .cardSliderGrid .supplierCard .btn--primary--dark mark, .cardSliderGrid .supplierCard .btn--primary--dark mark[data-color=color], .cardSliderGrid .supplierCard .btn--primary mark, .cardSliderGrid .supplierCard .btn--primary mark[data-color=color], .cardSliderGrid .supplierCard .btn--secondary mark, .cardSliderGrid .supplierCard .btn--secondary mark[data-color=color], .cardSliderGrid .supplierCard .btn--small mark, .cardSliderGrid .supplierCard .btn--small mark[data-color=color], .cardSliderGrid .supplierCard .btn--tertiary mark, .cardSliderGrid .supplierCard .btn--tertiary mark[data-color=color], .cardSliderGrid .supplierCard .btn mark, .cardSliderGrid .supplierCard .btn mark[data-color=color] {
            color: var(--m-01--dark-01)
        }

            .cardSliderGrid .supplierCard--small .btn--icon mark[data-color=gray], .cardSliderGrid .supplierCard--small .btn--primary--dark mark[data-color=gray], .cardSliderGrid .supplierCard--small .btn--primary mark[data-color=gray], .cardSliderGrid .supplierCard--small .btn--secondary mark[data-color=gray], .cardSliderGrid .supplierCard--small .btn--small mark[data-color=gray], .cardSliderGrid .supplierCard--small .btn--tertiary mark[data-color=gray], .cardSliderGrid .supplierCard--small .btn mark[data-color=gray], .cardSliderGrid .supplierCard .btn--icon mark[data-color=gray], .cardSliderGrid .supplierCard .btn--primary--dark mark[data-color=gray], .cardSliderGrid .supplierCard .btn--primary mark[data-color=gray], .cardSliderGrid .supplierCard .btn--secondary mark[data-color=gray], .cardSliderGrid .supplierCard .btn--small mark[data-color=gray], .cardSliderGrid .supplierCard .btn--tertiary mark[data-color=gray], .cardSliderGrid .supplierCard .btn mark[data-color=gray] {
                color: var(--neu-07)
            }

            .cardSliderGrid .supplierCard--small .btn--icon mark[data-color=default], .cardSliderGrid .supplierCard--small .btn--primary--dark mark[data-color=default], .cardSliderGrid .supplierCard--small .btn--primary mark[data-color=default], .cardSliderGrid .supplierCard--small .btn--secondary mark[data-color=default], .cardSliderGrid .supplierCard--small .btn--small mark[data-color=default], .cardSliderGrid .supplierCard--small .btn--tertiary mark[data-color=default], .cardSliderGrid .supplierCard--small .btn mark[data-color=default], .cardSliderGrid .supplierCard .btn--icon mark[data-color=default], .cardSliderGrid .supplierCard .btn--primary--dark mark[data-color=default], .cardSliderGrid .supplierCard .btn--primary mark[data-color=default], .cardSliderGrid .supplierCard .btn--secondary mark[data-color=default], .cardSliderGrid .supplierCard .btn--small mark[data-color=default], .cardSliderGrid .supplierCard .btn--tertiary mark[data-color=default], .cardSliderGrid .supplierCard .btn mark[data-color=default] {
                color: var(--neu-10)
            }

        .cardSliderGrid .supplierCard--small .btn--icon span.m-01--dark-01, .cardSliderGrid .supplierCard--small .btn--icon span[data-color=color], .cardSliderGrid .supplierCard--small .btn--primary--dark span.m-01--dark-01, .cardSliderGrid .supplierCard--small .btn--primary--dark span[data-color=color], .cardSliderGrid .supplierCard--small .btn--primary span.m-01--dark-01, .cardSliderGrid .supplierCard--small .btn--primary span[data-color=color], .cardSliderGrid .supplierCard--small .btn--secondary span.m-01--dark-01, .cardSliderGrid .supplierCard--small .btn--secondary span[data-color=color], .cardSliderGrid .supplierCard--small .btn--small span.m-01--dark-01, .cardSliderGrid .supplierCard--small .btn--small span[data-color=color], .cardSliderGrid .supplierCard--small .btn--tertiary span.m-01--dark-01, .cardSliderGrid .supplierCard--small .btn--tertiary span[data-color=color], .cardSliderGrid .supplierCard--small .btn span.m-01--dark-01, .cardSliderGrid .supplierCard--small .btn span[data-color=color], .cardSliderGrid .supplierCard .btn--icon span.m-01--dark-01, .cardSliderGrid .supplierCard .btn--icon span[data-color=color], .cardSliderGrid .supplierCard .btn--primary--dark span.m-01--dark-01, .cardSliderGrid .supplierCard .btn--primary--dark span[data-color=color], .cardSliderGrid .supplierCard .btn--primary span.m-01--dark-01, .cardSliderGrid .supplierCard .btn--primary span[data-color=color], .cardSliderGrid .supplierCard .btn--secondary span.m-01--dark-01, .cardSliderGrid .supplierCard .btn--secondary span[data-color=color], .cardSliderGrid .supplierCard .btn--small span.m-01--dark-01, .cardSliderGrid .supplierCard .btn--small span[data-color=color], .cardSliderGrid .supplierCard .btn--tertiary span.m-01--dark-01, .cardSliderGrid .supplierCard .btn--tertiary span[data-color=color], .cardSliderGrid .supplierCard .btn span.m-01--dark-01, .cardSliderGrid .supplierCard .btn span[data-color=color] {
            color: var(--m-01--dark-01)
        }

        .cardSliderGrid .supplierCard--small .btn--icon span.neu-07, .cardSliderGrid .supplierCard--small .btn--icon span[data-color=gray], .cardSliderGrid .supplierCard--small .btn--primary--dark span.neu-07, .cardSliderGrid .supplierCard--small .btn--primary--dark span[data-color=gray], .cardSliderGrid .supplierCard--small .btn--primary span.neu-07, .cardSliderGrid .supplierCard--small .btn--primary span[data-color=gray], .cardSliderGrid .supplierCard--small .btn--secondary span.neu-07, .cardSliderGrid .supplierCard--small .btn--secondary span[data-color=gray], .cardSliderGrid .supplierCard--small .btn--small span.neu-07, .cardSliderGrid .supplierCard--small .btn--small span[data-color=gray], .cardSliderGrid .supplierCard--small .btn--tertiary span.neu-07, .cardSliderGrid .supplierCard--small .btn--tertiary span[data-color=gray], .cardSliderGrid .supplierCard--small .btn span.neu-07, .cardSliderGrid .supplierCard--small .btn span[data-color=gray], .cardSliderGrid .supplierCard .btn--icon span.neu-07, .cardSliderGrid .supplierCard .btn--icon span[data-color=gray], .cardSliderGrid .supplierCard .btn--primary--dark span.neu-07, .cardSliderGrid .supplierCard .btn--primary--dark span[data-color=gray], .cardSliderGrid .supplierCard .btn--primary span.neu-07, .cardSliderGrid .supplierCard .btn--primary span[data-color=gray], .cardSliderGrid .supplierCard .btn--secondary span.neu-07, .cardSliderGrid .supplierCard .btn--secondary span[data-color=gray], .cardSliderGrid .supplierCard .btn--small span.neu-07, .cardSliderGrid .supplierCard .btn--small span[data-color=gray], .cardSliderGrid .supplierCard .btn--tertiary span.neu-07, .cardSliderGrid .supplierCard .btn--tertiary span[data-color=gray], .cardSliderGrid .supplierCard .btn span.neu-07, .cardSliderGrid .supplierCard .btn span[data-color=gray] {
            color: var(--neu-07)
        }

        .cardSliderGrid .supplierCard--small .btn--icon span.neu-10, .cardSliderGrid .supplierCard--small .btn--icon span[data-color=default], .cardSliderGrid .supplierCard--small .btn--primary--dark span.neu-10, .cardSliderGrid .supplierCard--small .btn--primary--dark span[data-color=default], .cardSliderGrid .supplierCard--small .btn--primary span.neu-10, .cardSliderGrid .supplierCard--small .btn--primary span[data-color=default], .cardSliderGrid .supplierCard--small .btn--secondary span.neu-10, .cardSliderGrid .supplierCard--small .btn--secondary span[data-color=default], .cardSliderGrid .supplierCard--small .btn--small span.neu-10, .cardSliderGrid .supplierCard--small .btn--small span[data-color=default], .cardSliderGrid .supplierCard--small .btn--tertiary span.neu-10, .cardSliderGrid .supplierCard--small .btn--tertiary span[data-color=default], .cardSliderGrid .supplierCard--small .btn span.neu-10, .cardSliderGrid .supplierCard--small .btn span[data-color=default], .cardSliderGrid .supplierCard .btn--icon span.neu-10, .cardSliderGrid .supplierCard .btn--icon span[data-color=default], .cardSliderGrid .supplierCard .btn--primary--dark span.neu-10, .cardSliderGrid .supplierCard .btn--primary--dark span[data-color=default], .cardSliderGrid .supplierCard .btn--primary span.neu-10, .cardSliderGrid .supplierCard .btn--primary span[data-color=default], .cardSliderGrid .supplierCard .btn--secondary span.neu-10, .cardSliderGrid .supplierCard .btn--secondary span[data-color=default], .cardSliderGrid .supplierCard .btn--small span.neu-10, .cardSliderGrid .supplierCard .btn--small span[data-color=default], .cardSliderGrid .supplierCard .btn--tertiary span.neu-10, .cardSliderGrid .supplierCard .btn--tertiary span[data-color=default], .cardSliderGrid .supplierCard .btn span.neu-10, .cardSliderGrid .supplierCard .btn span[data-color=default] {
            color: var(--neu-10)
        }

        .cardSliderGrid .supplierCard--small .btn--icon b, .cardSliderGrid .supplierCard--small .btn--icon strong, .cardSliderGrid .supplierCard--small .btn--primary--dark b, .cardSliderGrid .supplierCard--small .btn--primary--dark strong, .cardSliderGrid .supplierCard--small .btn--primary b, .cardSliderGrid .supplierCard--small .btn--primary strong, .cardSliderGrid .supplierCard--small .btn--secondary b, .cardSliderGrid .supplierCard--small .btn--secondary strong, .cardSliderGrid .supplierCard--small .btn--small b, .cardSliderGrid .supplierCard--small .btn--small strong, .cardSliderGrid .supplierCard--small .btn--tertiary b, .cardSliderGrid .supplierCard--small .btn--tertiary strong, .cardSliderGrid .supplierCard--small .btn b, .cardSliderGrid .supplierCard--small .btn strong, .cardSliderGrid .supplierCard .btn--icon b, .cardSliderGrid .supplierCard .btn--icon strong, .cardSliderGrid .supplierCard .btn--primary--dark b, .cardSliderGrid .supplierCard .btn--primary--dark strong, .cardSliderGrid .supplierCard .btn--primary b, .cardSliderGrid .supplierCard .btn--primary strong, .cardSliderGrid .supplierCard .btn--secondary b, .cardSliderGrid .supplierCard .btn--secondary strong, .cardSliderGrid .supplierCard .btn--small b, .cardSliderGrid .supplierCard .btn--small strong, .cardSliderGrid .supplierCard .btn--tertiary b, .cardSliderGrid .supplierCard .btn--tertiary strong, .cardSliderGrid .supplierCard .btn b, .cardSliderGrid .supplierCard .btn strong {
            font-weight: 700
        }

        .cardSliderGrid .supplierCard--small .btn--icon em, .cardSliderGrid .supplierCard--small .btn--primary--dark em, .cardSliderGrid .supplierCard--small .btn--primary em, .cardSliderGrid .supplierCard--small .btn--secondary em, .cardSliderGrid .supplierCard--small .btn--small em, .cardSliderGrid .supplierCard--small .btn--tertiary em, .cardSliderGrid .supplierCard--small .btn em, .cardSliderGrid .supplierCard .btn--icon em, .cardSliderGrid .supplierCard .btn--primary--dark em, .cardSliderGrid .supplierCard .btn--primary em, .cardSliderGrid .supplierCard .btn--secondary em, .cardSliderGrid .supplierCard .btn--small em, .cardSliderGrid .supplierCard .btn--tertiary em, .cardSliderGrid .supplierCard .btn em {
            font-style: italic
        }

        .cardSliderGrid .supplierCard--small .btn--icon i, .cardSliderGrid .supplierCard--small .btn--primary--dark i, .cardSliderGrid .supplierCard--small .btn--primary i, .cardSliderGrid .supplierCard--small .btn--secondary i, .cardSliderGrid .supplierCard--small .btn--small i, .cardSliderGrid .supplierCard--small .btn--tertiary i, .cardSliderGrid .supplierCard--small .btn i, .cardSliderGrid .supplierCard .btn--icon i, .cardSliderGrid .supplierCard .btn--primary--dark i, .cardSliderGrid .supplierCard .btn--primary i, .cardSliderGrid .supplierCard .btn--secondary i, .cardSliderGrid .supplierCard .btn--small i, .cardSliderGrid .supplierCard .btn--tertiary i, .cardSliderGrid .supplierCard .btn i {
            min-width: 16px;
            width: 16px;
            height: 16px;
            font-size: 16px
        }

            .cardSliderGrid .supplierCard--small .btn--icon i:before, .cardSliderGrid .supplierCard--small .btn--primary--dark i:before, .cardSliderGrid .supplierCard--small .btn--primary i:before, .cardSliderGrid .supplierCard--small .btn--secondary i:before, .cardSliderGrid .supplierCard--small .btn--small i:before, .cardSliderGrid .supplierCard--small .btn--tertiary i:before, .cardSliderGrid .supplierCard--small .btn i:before, .cardSliderGrid .supplierCard .btn--icon i:before, .cardSliderGrid .supplierCard .btn--primary--dark i:before, .cardSliderGrid .supplierCard .btn--primary i:before, .cardSliderGrid .supplierCard .btn--secondary i:before, .cardSliderGrid .supplierCard .btn--small i:before, .cardSliderGrid .supplierCard .btn--tertiary i:before, .cardSliderGrid .supplierCard .btn i:before {
                font-size: 16px;
                font-weight: 400
            }

        .cardSliderGrid .supplierCard--small .btn--icon, .cardSliderGrid .supplierCard--small .btn--icon.btn--primary, .cardSliderGrid .supplierCard--small .btn--icon.btn--primary--dark, .cardSliderGrid .supplierCard--small .btn--icon.btn--secondary, .cardSliderGrid .supplierCard--small .btn--icon.btn--small, .cardSliderGrid .supplierCard--small .btn--icon.btn--tertiary, .cardSliderGrid .supplierCard--small .btn.btn--icon, .cardSliderGrid .supplierCard .btn--icon, .cardSliderGrid .supplierCard .btn--icon.btn--primary, .cardSliderGrid .supplierCard .btn--icon.btn--primary--dark, .cardSliderGrid .supplierCard .btn--icon.btn--secondary, .cardSliderGrid .supplierCard .btn--icon.btn--small, .cardSliderGrid .supplierCard .btn--icon.btn--tertiary, .cardSliderGrid .supplierCard .btn.btn--icon {
            width: 40px;
            min-width: 40px
        }

    .cardSliderGrid .regionResultsCard, .cardSliderGrid .regionResultsCard--small {
        max-width: 960px;
        min-height: auto;
        padding: 0 0 24px;
        border-radius: 0;
        flex-direction: column
    }

        .cardSliderGrid .regionResultsCard--small .regionResultsCard__image, .cardSliderGrid .regionResultsCard .regionResultsCard__image {
            height: 100px;
            width: 100%;
            margin-right: 0;
            margin-bottom: 16px
        }

        .cardSliderGrid .regionResultsCard--small .regionResultsCard__title, .cardSliderGrid .regionResultsCard .regionResultsCard__title {
            margin-top: 4px
        }

        .cardSliderGrid .regionResultsCard--small .regionResultsCard__content, .cardSliderGrid .regionResultsCard .regionResultsCard__content {
            flex: 2;
            justify-content: flex-start
        }

        .cardSliderGrid .regionResultsCard--small .regionResultsCard__topInfo, .cardSliderGrid .regionResultsCard .regionResultsCard__topInfo {
            flex-direction: column
        }

        .cardSliderGrid .regionResultsCard--small .regionResultsCard__sideInfo, .cardSliderGrid .regionResultsCard .regionResultsCard__sideInfo {
            order: 1;
            transform: none;
            justify-content: space-between;
            margin-bottom: 16px
        }

        .cardSliderGrid .regionResultsCard--small .regionResultsCard__labels, .cardSliderGrid .regionResultsCard .regionResultsCard__labels {
            order: 2
        }

        .cardSliderGrid .regionResultsCard--small .regionResultsCard__text, .cardSliderGrid .regionResultsCard .regionResultsCard__text {
            padding: 0
        }

        .cardSliderGrid .regionResultsCard--small .regionResultsCard__bottomInfo, .cardSliderGrid .regionResultsCard .regionResultsCard__bottomInfo {
            margin-top: 8px;
            flex-direction: column;
            align-items: flex-start
        }

        .cardSliderGrid .regionResultsCard--small .regionResultsCard__btnContainer, .cardSliderGrid .regionResultsCard .regionResultsCard__btnContainer {
            width: 100%;
            display: flex
        }

            .cardSliderGrid .regionResultsCard--small .regionResultsCard__btnContainer .btn--primary, .cardSliderGrid .regionResultsCard .regionResultsCard__btnContainer .btn--primary {
                width: 100%
            }

        .cardSliderGrid .regionResultsCard--small .btnBookmark, .cardSliderGrid .regionResultsCard--small .btnBookmark--privateArea, .cardSliderGrid .regionResultsCard--small .btnBookmark--small, .cardSliderGrid .regionResultsCard .btnBookmark, .cardSliderGrid .regionResultsCard .btnBookmark--privateArea, .cardSliderGrid .regionResultsCard .btnBookmark--small {
            transform: translateX(20px)
        }

            .cardSliderGrid .regionResultsCard--small .btnBookmark--privateArea .btnBookmark, .cardSliderGrid .regionResultsCard--small .btnBookmark--privateArea .btnBookmark--small, .cardSliderGrid .regionResultsCard .btnBookmark--privateArea .btnBookmark, .cardSliderGrid .regionResultsCard .btnBookmark--privateArea .btnBookmark--small {
                transform: translateX(0)
            }

    .cardSliderGrid .resourceCard, .cardSliderGrid .resourceCard--small {
        max-width: 960px;
        min-height: 200px;
        height: 100%;
        padding: 24px 16px
    }

        .cardSliderGrid .resourceCard--small .resourceCard__title, .cardSliderGrid .resourceCard .resourceCard__title {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Inter,sans-serif;
            font-size: 1.188rem;
            line-height: 1.263em;
            letter-spacing: -.016em;
            font-weight: 400;
            margin-top: 4px
        }

            .cardSliderGrid .resourceCard--small .resourceCard__title .link a, .cardSliderGrid .resourceCard .resourceCard__title .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .cardSliderGrid .resourceCard--small .resourceCard__title .link a:hover, .cardSliderGrid .resourceCard .resourceCard__title .link a:hover {
                    color: var(--m-01)
                }

            .cardSliderGrid .resourceCard--small .resourceCard__title mark, .cardSliderGrid .resourceCard--small .resourceCard__title mark[data-color=color], .cardSliderGrid .resourceCard .resourceCard__title mark, .cardSliderGrid .resourceCard .resourceCard__title mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .cardSliderGrid .resourceCard--small .resourceCard__title mark[data-color=gray], .cardSliderGrid .resourceCard .resourceCard__title mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .cardSliderGrid .resourceCard--small .resourceCard__title mark[data-color=default], .cardSliderGrid .resourceCard .resourceCard__title mark[data-color=default] {
                    color: var(--neu-10)
                }

            .cardSliderGrid .resourceCard--small .resourceCard__title span.m-01--dark-01, .cardSliderGrid .resourceCard--small .resourceCard__title span[data-color=color], .cardSliderGrid .resourceCard .resourceCard__title span.m-01--dark-01, .cardSliderGrid .resourceCard .resourceCard__title span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .cardSliderGrid .resourceCard--small .resourceCard__title span.neu-07, .cardSliderGrid .resourceCard--small .resourceCard__title span[data-color=gray], .cardSliderGrid .resourceCard .resourceCard__title span.neu-07, .cardSliderGrid .resourceCard .resourceCard__title span[data-color=gray] {
                color: var(--neu-07)
            }

            .cardSliderGrid .resourceCard--small .resourceCard__title span.neu-10, .cardSliderGrid .resourceCard--small .resourceCard__title span[data-color=default], .cardSliderGrid .resourceCard .resourceCard__title span.neu-10, .cardSliderGrid .resourceCard .resourceCard__title span[data-color=default] {
                color: var(--neu-10)
            }

            .cardSliderGrid .resourceCard--small .resourceCard__title b, .cardSliderGrid .resourceCard--small .resourceCard__title strong, .cardSliderGrid .resourceCard .resourceCard__title b, .cardSliderGrid .resourceCard .resourceCard__title strong {
                font-weight: 700
            }

            .cardSliderGrid .resourceCard--small .resourceCard__title em, .cardSliderGrid .resourceCard .resourceCard__title em {
                font-style: italic
            }

        .cardSliderGrid .resourceCard--small .btn, .cardSliderGrid .resourceCard--small .btn--icon, .cardSliderGrid .resourceCard--small .btn--primary, .cardSliderGrid .resourceCard--small .btn--primary--dark, .cardSliderGrid .resourceCard--small .btn--secondary, .cardSliderGrid .resourceCard--small .btn--small, .cardSliderGrid .resourceCard--small .btn--tertiary, .cardSliderGrid .resourceCard .btn, .cardSliderGrid .resourceCard .btn--icon, .cardSliderGrid .resourceCard .btn--primary, .cardSliderGrid .resourceCard .btn--primary--dark, .cardSliderGrid .resourceCard .btn--secondary, .cardSliderGrid .resourceCard .btn--small, .cardSliderGrid .resourceCard .btn--tertiary {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Inter,sans-serif;
            font-size: .813rem;
            line-height: 1.538em;
            letter-spacing: -.003em;
            font-weight: 400;
            font-weight: 700;
            padding: 0 20px;
            height: 40px
        }

            .cardSliderGrid .resourceCard--small .btn--icon .link a, .cardSliderGrid .resourceCard--small .btn--primary--dark .link a, .cardSliderGrid .resourceCard--small .btn--primary .link a, .cardSliderGrid .resourceCard--small .btn--secondary .link a, .cardSliderGrid .resourceCard--small .btn--small .link a, .cardSliderGrid .resourceCard--small .btn--tertiary .link a, .cardSliderGrid .resourceCard--small .btn .link a, .cardSliderGrid .resourceCard .btn--icon .link a, .cardSliderGrid .resourceCard .btn--primary--dark .link a, .cardSliderGrid .resourceCard .btn--primary .link a, .cardSliderGrid .resourceCard .btn--secondary .link a, .cardSliderGrid .resourceCard .btn--small .link a, .cardSliderGrid .resourceCard .btn--tertiary .link a, .cardSliderGrid .resourceCard .btn .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .cardSliderGrid .resourceCard--small .btn--icon .link a:hover, .cardSliderGrid .resourceCard--small .btn--primary--dark .link a:hover, .cardSliderGrid .resourceCard--small .btn--primary .link a:hover, .cardSliderGrid .resourceCard--small .btn--secondary .link a:hover, .cardSliderGrid .resourceCard--small .btn--small .link a:hover, .cardSliderGrid .resourceCard--small .btn--tertiary .link a:hover, .cardSliderGrid .resourceCard--small .btn .link a:hover, .cardSliderGrid .resourceCard .btn--icon .link a:hover, .cardSliderGrid .resourceCard .btn--primary--dark .link a:hover, .cardSliderGrid .resourceCard .btn--primary .link a:hover, .cardSliderGrid .resourceCard .btn--secondary .link a:hover, .cardSliderGrid .resourceCard .btn--small .link a:hover, .cardSliderGrid .resourceCard .btn--tertiary .link a:hover, .cardSliderGrid .resourceCard .btn .link a:hover {
                    color: var(--m-01)
                }

            .cardSliderGrid .resourceCard--small .btn--icon mark, .cardSliderGrid .resourceCard--small .btn--icon mark[data-color=color], .cardSliderGrid .resourceCard--small .btn--primary--dark mark, .cardSliderGrid .resourceCard--small .btn--primary--dark mark[data-color=color], .cardSliderGrid .resourceCard--small .btn--primary mark, .cardSliderGrid .resourceCard--small .btn--primary mark[data-color=color], .cardSliderGrid .resourceCard--small .btn--secondary mark, .cardSliderGrid .resourceCard--small .btn--secondary mark[data-color=color], .cardSliderGrid .resourceCard--small .btn--small mark, .cardSliderGrid .resourceCard--small .btn--small mark[data-color=color], .cardSliderGrid .resourceCard--small .btn--tertiary mark, .cardSliderGrid .resourceCard--small .btn--tertiary mark[data-color=color], .cardSliderGrid .resourceCard--small .btn mark, .cardSliderGrid .resourceCard--small .btn mark[data-color=color], .cardSliderGrid .resourceCard .btn--icon mark, .cardSliderGrid .resourceCard .btn--icon mark[data-color=color], .cardSliderGrid .resourceCard .btn--primary--dark mark, .cardSliderGrid .resourceCard .btn--primary--dark mark[data-color=color], .cardSliderGrid .resourceCard .btn--primary mark, .cardSliderGrid .resourceCard .btn--primary mark[data-color=color], .cardSliderGrid .resourceCard .btn--secondary mark, .cardSliderGrid .resourceCard .btn--secondary mark[data-color=color], .cardSliderGrid .resourceCard .btn--small mark, .cardSliderGrid .resourceCard .btn--small mark[data-color=color], .cardSliderGrid .resourceCard .btn--tertiary mark, .cardSliderGrid .resourceCard .btn--tertiary mark[data-color=color], .cardSliderGrid .resourceCard .btn mark, .cardSliderGrid .resourceCard .btn mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .cardSliderGrid .resourceCard--small .btn--icon mark[data-color=gray], .cardSliderGrid .resourceCard--small .btn--primary--dark mark[data-color=gray], .cardSliderGrid .resourceCard--small .btn--primary mark[data-color=gray], .cardSliderGrid .resourceCard--small .btn--secondary mark[data-color=gray], .cardSliderGrid .resourceCard--small .btn--small mark[data-color=gray], .cardSliderGrid .resourceCard--small .btn--tertiary mark[data-color=gray], .cardSliderGrid .resourceCard--small .btn mark[data-color=gray], .cardSliderGrid .resourceCard .btn--icon mark[data-color=gray], .cardSliderGrid .resourceCard .btn--primary--dark mark[data-color=gray], .cardSliderGrid .resourceCard .btn--primary mark[data-color=gray], .cardSliderGrid .resourceCard .btn--secondary mark[data-color=gray], .cardSliderGrid .resourceCard .btn--small mark[data-color=gray], .cardSliderGrid .resourceCard .btn--tertiary mark[data-color=gray], .cardSliderGrid .resourceCard .btn mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .cardSliderGrid .resourceCard--small .btn--icon mark[data-color=default], .cardSliderGrid .resourceCard--small .btn--primary--dark mark[data-color=default], .cardSliderGrid .resourceCard--small .btn--primary mark[data-color=default], .cardSliderGrid .resourceCard--small .btn--secondary mark[data-color=default], .cardSliderGrid .resourceCard--small .btn--small mark[data-color=default], .cardSliderGrid .resourceCard--small .btn--tertiary mark[data-color=default], .cardSliderGrid .resourceCard--small .btn mark[data-color=default], .cardSliderGrid .resourceCard .btn--icon mark[data-color=default], .cardSliderGrid .resourceCard .btn--primary--dark mark[data-color=default], .cardSliderGrid .resourceCard .btn--primary mark[data-color=default], .cardSliderGrid .resourceCard .btn--secondary mark[data-color=default], .cardSliderGrid .resourceCard .btn--small mark[data-color=default], .cardSliderGrid .resourceCard .btn--tertiary mark[data-color=default], .cardSliderGrid .resourceCard .btn mark[data-color=default] {
                    color: var(--neu-10)
                }

            .cardSliderGrid .resourceCard--small .btn--icon span.m-01--dark-01, .cardSliderGrid .resourceCard--small .btn--icon span[data-color=color], .cardSliderGrid .resourceCard--small .btn--primary--dark span.m-01--dark-01, .cardSliderGrid .resourceCard--small .btn--primary--dark span[data-color=color], .cardSliderGrid .resourceCard--small .btn--primary span.m-01--dark-01, .cardSliderGrid .resourceCard--small .btn--primary span[data-color=color], .cardSliderGrid .resourceCard--small .btn--secondary span.m-01--dark-01, .cardSliderGrid .resourceCard--small .btn--secondary span[data-color=color], .cardSliderGrid .resourceCard--small .btn--small span.m-01--dark-01, .cardSliderGrid .resourceCard--small .btn--small span[data-color=color], .cardSliderGrid .resourceCard--small .btn--tertiary span.m-01--dark-01, .cardSliderGrid .resourceCard--small .btn--tertiary span[data-color=color], .cardSliderGrid .resourceCard--small .btn span.m-01--dark-01, .cardSliderGrid .resourceCard--small .btn span[data-color=color], .cardSliderGrid .resourceCard .btn--icon span.m-01--dark-01, .cardSliderGrid .resourceCard .btn--icon span[data-color=color], .cardSliderGrid .resourceCard .btn--primary--dark span.m-01--dark-01, .cardSliderGrid .resourceCard .btn--primary--dark span[data-color=color], .cardSliderGrid .resourceCard .btn--primary span.m-01--dark-01, .cardSliderGrid .resourceCard .btn--primary span[data-color=color], .cardSliderGrid .resourceCard .btn--secondary span.m-01--dark-01, .cardSliderGrid .resourceCard .btn--secondary span[data-color=color], .cardSliderGrid .resourceCard .btn--small span.m-01--dark-01, .cardSliderGrid .resourceCard .btn--small span[data-color=color], .cardSliderGrid .resourceCard .btn--tertiary span.m-01--dark-01, .cardSliderGrid .resourceCard .btn--tertiary span[data-color=color], .cardSliderGrid .resourceCard .btn span.m-01--dark-01, .cardSliderGrid .resourceCard .btn span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .cardSliderGrid .resourceCard--small .btn--icon span.neu-07, .cardSliderGrid .resourceCard--small .btn--icon span[data-color=gray], .cardSliderGrid .resourceCard--small .btn--primary--dark span.neu-07, .cardSliderGrid .resourceCard--small .btn--primary--dark span[data-color=gray], .cardSliderGrid .resourceCard--small .btn--primary span.neu-07, .cardSliderGrid .resourceCard--small .btn--primary span[data-color=gray], .cardSliderGrid .resourceCard--small .btn--secondary span.neu-07, .cardSliderGrid .resourceCard--small .btn--secondary span[data-color=gray], .cardSliderGrid .resourceCard--small .btn--small span.neu-07, .cardSliderGrid .resourceCard--small .btn--small span[data-color=gray], .cardSliderGrid .resourceCard--small .btn--tertiary span.neu-07, .cardSliderGrid .resourceCard--small .btn--tertiary span[data-color=gray], .cardSliderGrid .resourceCard--small .btn span.neu-07, .cardSliderGrid .resourceCard--small .btn span[data-color=gray], .cardSliderGrid .resourceCard .btn--icon span.neu-07, .cardSliderGrid .resourceCard .btn--icon span[data-color=gray], .cardSliderGrid .resourceCard .btn--primary--dark span.neu-07, .cardSliderGrid .resourceCard .btn--primary--dark span[data-color=gray], .cardSliderGrid .resourceCard .btn--primary span.neu-07, .cardSliderGrid .resourceCard .btn--primary span[data-color=gray], .cardSliderGrid .resourceCard .btn--secondary span.neu-07, .cardSliderGrid .resourceCard .btn--secondary span[data-color=gray], .cardSliderGrid .resourceCard .btn--small span.neu-07, .cardSliderGrid .resourceCard .btn--small span[data-color=gray], .cardSliderGrid .resourceCard .btn--tertiary span.neu-07, .cardSliderGrid .resourceCard .btn--tertiary span[data-color=gray], .cardSliderGrid .resourceCard .btn span.neu-07, .cardSliderGrid .resourceCard .btn span[data-color=gray] {
                color: var(--neu-07)
            }

            .cardSliderGrid .resourceCard--small .btn--icon span.neu-10, .cardSliderGrid .resourceCard--small .btn--icon span[data-color=default], .cardSliderGrid .resourceCard--small .btn--primary--dark span.neu-10, .cardSliderGrid .resourceCard--small .btn--primary--dark span[data-color=default], .cardSliderGrid .resourceCard--small .btn--primary span.neu-10, .cardSliderGrid .resourceCard--small .btn--primary span[data-color=default], .cardSliderGrid .resourceCard--small .btn--secondary span.neu-10, .cardSliderGrid .resourceCard--small .btn--secondary span[data-color=default], .cardSliderGrid .resourceCard--small .btn--small span.neu-10, .cardSliderGrid .resourceCard--small .btn--small span[data-color=default], .cardSliderGrid .resourceCard--small .btn--tertiary span.neu-10, .cardSliderGrid .resourceCard--small .btn--tertiary span[data-color=default], .cardSliderGrid .resourceCard--small .btn span.neu-10, .cardSliderGrid .resourceCard--small .btn span[data-color=default], .cardSliderGrid .resourceCard .btn--icon span.neu-10, .cardSliderGrid .resourceCard .btn--icon span[data-color=default], .cardSliderGrid .resourceCard .btn--primary--dark span.neu-10, .cardSliderGrid .resourceCard .btn--primary--dark span[data-color=default], .cardSliderGrid .resourceCard .btn--primary span.neu-10, .cardSliderGrid .resourceCard .btn--primary span[data-color=default], .cardSliderGrid .resourceCard .btn--secondary span.neu-10, .cardSliderGrid .resourceCard .btn--secondary span[data-color=default], .cardSliderGrid .resourceCard .btn--small span.neu-10, .cardSliderGrid .resourceCard .btn--small span[data-color=default], .cardSliderGrid .resourceCard .btn--tertiary span.neu-10, .cardSliderGrid .resourceCard .btn--tertiary span[data-color=default], .cardSliderGrid .resourceCard .btn span.neu-10, .cardSliderGrid .resourceCard .btn span[data-color=default] {
                color: var(--neu-10)
            }

            .cardSliderGrid .resourceCard--small .btn--icon b, .cardSliderGrid .resourceCard--small .btn--icon strong, .cardSliderGrid .resourceCard--small .btn--primary--dark b, .cardSliderGrid .resourceCard--small .btn--primary--dark strong, .cardSliderGrid .resourceCard--small .btn--primary b, .cardSliderGrid .resourceCard--small .btn--primary strong, .cardSliderGrid .resourceCard--small .btn--secondary b, .cardSliderGrid .resourceCard--small .btn--secondary strong, .cardSliderGrid .resourceCard--small .btn--small b, .cardSliderGrid .resourceCard--small .btn--small strong, .cardSliderGrid .resourceCard--small .btn--tertiary b, .cardSliderGrid .resourceCard--small .btn--tertiary strong, .cardSliderGrid .resourceCard--small .btn b, .cardSliderGrid .resourceCard--small .btn strong, .cardSliderGrid .resourceCard .btn--icon b, .cardSliderGrid .resourceCard .btn--icon strong, .cardSliderGrid .resourceCard .btn--primary--dark b, .cardSliderGrid .resourceCard .btn--primary--dark strong, .cardSliderGrid .resourceCard .btn--primary b, .cardSliderGrid .resourceCard .btn--primary strong, .cardSliderGrid .resourceCard .btn--secondary b, .cardSliderGrid .resourceCard .btn--secondary strong, .cardSliderGrid .resourceCard .btn--small b, .cardSliderGrid .resourceCard .btn--small strong, .cardSliderGrid .resourceCard .btn--tertiary b, .cardSliderGrid .resourceCard .btn--tertiary strong, .cardSliderGrid .resourceCard .btn b, .cardSliderGrid .resourceCard .btn strong {
                font-weight: 700
            }

            .cardSliderGrid .resourceCard--small .btn--icon em, .cardSliderGrid .resourceCard--small .btn--primary--dark em, .cardSliderGrid .resourceCard--small .btn--primary em, .cardSliderGrid .resourceCard--small .btn--secondary em, .cardSliderGrid .resourceCard--small .btn--small em, .cardSliderGrid .resourceCard--small .btn--tertiary em, .cardSliderGrid .resourceCard--small .btn em, .cardSliderGrid .resourceCard .btn--icon em, .cardSliderGrid .resourceCard .btn--primary--dark em, .cardSliderGrid .resourceCard .btn--primary em, .cardSliderGrid .resourceCard .btn--secondary em, .cardSliderGrid .resourceCard .btn--small em, .cardSliderGrid .resourceCard .btn--tertiary em, .cardSliderGrid .resourceCard .btn em {
                font-style: italic
            }

            .cardSliderGrid .resourceCard--small .btn--icon i, .cardSliderGrid .resourceCard--small .btn--primary--dark i, .cardSliderGrid .resourceCard--small .btn--primary i, .cardSliderGrid .resourceCard--small .btn--secondary i, .cardSliderGrid .resourceCard--small .btn--small i, .cardSliderGrid .resourceCard--small .btn--tertiary i, .cardSliderGrid .resourceCard--small .btn i, .cardSliderGrid .resourceCard .btn--icon i, .cardSliderGrid .resourceCard .btn--primary--dark i, .cardSliderGrid .resourceCard .btn--primary i, .cardSliderGrid .resourceCard .btn--secondary i, .cardSliderGrid .resourceCard .btn--small i, .cardSliderGrid .resourceCard .btn--tertiary i, .cardSliderGrid .resourceCard .btn i {
                min-width: 16px;
                width: 16px;
                height: 16px;
                font-size: 16px
            }

                .cardSliderGrid .resourceCard--small .btn--icon i:before, .cardSliderGrid .resourceCard--small .btn--primary--dark i:before, .cardSliderGrid .resourceCard--small .btn--primary i:before, .cardSliderGrid .resourceCard--small .btn--secondary i:before, .cardSliderGrid .resourceCard--small .btn--small i:before, .cardSliderGrid .resourceCard--small .btn--tertiary i:before, .cardSliderGrid .resourceCard--small .btn i:before, .cardSliderGrid .resourceCard .btn--icon i:before, .cardSliderGrid .resourceCard .btn--primary--dark i:before, .cardSliderGrid .resourceCard .btn--primary i:before, .cardSliderGrid .resourceCard .btn--secondary i:before, .cardSliderGrid .resourceCard .btn--small i:before, .cardSliderGrid .resourceCard .btn--tertiary i:before, .cardSliderGrid .resourceCard .btn i:before {
                    font-size: 16px;
                    font-weight: 400
                }

            .cardSliderGrid .resourceCard--small .btn--icon, .cardSliderGrid .resourceCard--small .btn--icon.btn--primary, .cardSliderGrid .resourceCard--small .btn--icon.btn--primary--dark, .cardSliderGrid .resourceCard--small .btn--icon.btn--secondary, .cardSliderGrid .resourceCard--small .btn--icon.btn--small, .cardSliderGrid .resourceCard--small .btn--icon.btn--tertiary, .cardSliderGrid .resourceCard--small .btn.btn--icon, .cardSliderGrid .resourceCard .btn--icon, .cardSliderGrid .resourceCard .btn--icon.btn--primary, .cardSliderGrid .resourceCard .btn--icon.btn--primary--dark, .cardSliderGrid .resourceCard .btn--icon.btn--secondary, .cardSliderGrid .resourceCard .btn--icon.btn--small, .cardSliderGrid .resourceCard .btn--icon.btn--tertiary, .cardSliderGrid .resourceCard .btn.btn--icon {
                width: 40px;
                min-width: 40px
            }

                .cardSliderGrid .resourceCard--small .btn--icon:hover, .cardSliderGrid .resourceCard--small .btn--primary--dark:hover, .cardSliderGrid .resourceCard--small .btn--primary:hover, .cardSliderGrid .resourceCard--small .btn--secondary:hover, .cardSliderGrid .resourceCard--small .btn--small:hover, .cardSliderGrid .resourceCard--small .btn--tertiary:hover, .cardSliderGrid .resourceCard--small .btn:hover, .cardSliderGrid .resourceCard .btn--icon:hover, .cardSliderGrid .resourceCard .btn--primary--dark:hover, .cardSliderGrid .resourceCard .btn--primary:hover, .cardSliderGrid .resourceCard .btn--secondary:hover, .cardSliderGrid .resourceCard .btn--small:hover, .cardSliderGrid .resourceCard .btn--tertiary:hover, .cardSliderGrid .resourceCard .btn:hover {
                    color: var(--m-01--dark-01)
                }

    .cardSliderGrid .productCard, .cardSliderGrid .productCard--small {
        max-width: 960px;
        min-height: 324px
    }

        .cardSliderGrid .productCard--small .productCard__head, .cardSliderGrid .productCard .productCard__head {
            height: 200px
        }

            .cardSliderGrid .productCard--small .productCard__head:after, .cardSliderGrid .productCard .productCard__head:after {
                left: 16px;
                width: calc(100% - 16px * 2)
            }

        .cardSliderGrid .productCard--small .productCard__head-content, .cardSliderGrid .productCard .productCard__head-content {
            padding: 24px 16px
        }

        .cardSliderGrid .productCard--small .productCard__productName, .cardSliderGrid .productCard .productCard__productName {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Calma Global Medium,sans-serif;
            font-size: 1.625rem;
            line-height: 1.231em;
            letter-spacing: 0
        }

            .cardSliderGrid .productCard--small .productCard__productName .link a, .cardSliderGrid .productCard .productCard__productName .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .cardSliderGrid .productCard--small .productCard__productName .link a:hover, .cardSliderGrid .productCard .productCard__productName .link a:hover {
                    color: var(--m-01)
                }

            .cardSliderGrid .productCard--small .productCard__productName mark, .cardSliderGrid .productCard--small .productCard__productName mark[data-color=color], .cardSliderGrid .productCard .productCard__productName mark, .cardSliderGrid .productCard .productCard__productName mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .cardSliderGrid .productCard--small .productCard__productName mark[data-color=gray], .cardSliderGrid .productCard .productCard__productName mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .cardSliderGrid .productCard--small .productCard__productName mark[data-color=default], .cardSliderGrid .productCard .productCard__productName mark[data-color=default] {
                    color: var(--neu-10)
                }

            .cardSliderGrid .productCard--small .productCard__productName span.m-01--dark-01, .cardSliderGrid .productCard--small .productCard__productName span[data-color=color], .cardSliderGrid .productCard .productCard__productName span.m-01--dark-01, .cardSliderGrid .productCard .productCard__productName span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .cardSliderGrid .productCard--small .productCard__productName span.neu-07, .cardSliderGrid .productCard--small .productCard__productName span[data-color=gray], .cardSliderGrid .productCard .productCard__productName span.neu-07, .cardSliderGrid .productCard .productCard__productName span[data-color=gray] {
                color: var(--neu-07)
            }

            .cardSliderGrid .productCard--small .productCard__productName span.neu-10, .cardSliderGrid .productCard--small .productCard__productName span[data-color=default], .cardSliderGrid .productCard .productCard__productName span.neu-10, .cardSliderGrid .productCard .productCard__productName span[data-color=default] {
                color: var(--neu-10)
            }

            .cardSliderGrid .productCard--small .productCard__productName b, .cardSliderGrid .productCard--small .productCard__productName strong, .cardSliderGrid .productCard .productCard__productName b, .cardSliderGrid .productCard .productCard__productName strong {
                font-weight: 700
            }

            .cardSliderGrid .productCard--small .productCard__productName em, .cardSliderGrid .productCard .productCard__productName em {
                font-style: italic
            }

        .cardSliderGrid .productCard--small .productCard__content, .cardSliderGrid .productCard .productCard__content {
            padding: 16px
        }

        .cardSliderGrid .productCard--small .productCard__bookmark, .cardSliderGrid .productCard .productCard__bookmark {
            right: 0;
            top: 8px
        }

    .cardSliderGrid .brandCard, .cardSliderGrid .brandCard--small {
        max-width: 960px;
        min-height: 324px;
        padding: 16px
    }

        .cardSliderGrid .brandCard--small .brandCard__image, .cardSliderGrid .brandCard .brandCard__image {
            height: 70px;
            width: 70px;
            margin-right: 0
        }

        .cardSliderGrid .brandCard--small .brandCard--small .btnBookmark--privateArea, .cardSliderGrid .brandCard--small .brandCard .btnBookmark--privateArea, .cardSliderGrid .brandCard--small .brandCard__bookmark, .cardSliderGrid .brandCard .brandCard--small .btnBookmark--privateArea, .cardSliderGrid .brandCard .brandCard .btnBookmark--privateArea, .cardSliderGrid .brandCard .brandCard__bookmark {
            right: 0
        }

        .cardSliderGrid .brandCard--small .brandCard__text, .cardSliderGrid .brandCard .brandCard__text {
            padding: 0
        }

        .cardSliderGrid .brandCard--small .brandCard__title, .cardSliderGrid .brandCard .brandCard__title {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Calma Global Medium,sans-serif;
            font-size: 1.625rem;
            line-height: 1.231em;
            letter-spacing: 0
        }

            .cardSliderGrid .brandCard--small .brandCard__title .link a, .cardSliderGrid .brandCard .brandCard__title .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .cardSliderGrid .brandCard--small .brandCard__title .link a:hover, .cardSliderGrid .brandCard .brandCard__title .link a:hover {
                    color: var(--m-01)
                }

            .cardSliderGrid .brandCard--small .brandCard__title mark, .cardSliderGrid .brandCard--small .brandCard__title mark[data-color=color], .cardSliderGrid .brandCard .brandCard__title mark, .cardSliderGrid .brandCard .brandCard__title mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .cardSliderGrid .brandCard--small .brandCard__title mark[data-color=gray], .cardSliderGrid .brandCard .brandCard__title mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .cardSliderGrid .brandCard--small .brandCard__title mark[data-color=default], .cardSliderGrid .brandCard .brandCard__title mark[data-color=default] {
                    color: var(--neu-10)
                }

            .cardSliderGrid .brandCard--small .brandCard__title span.m-01--dark-01, .cardSliderGrid .brandCard--small .brandCard__title span[data-color=color], .cardSliderGrid .brandCard .brandCard__title span.m-01--dark-01, .cardSliderGrid .brandCard .brandCard__title span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .cardSliderGrid .brandCard--small .brandCard__title span.neu-07, .cardSliderGrid .brandCard--small .brandCard__title span[data-color=gray], .cardSliderGrid .brandCard .brandCard__title span.neu-07, .cardSliderGrid .brandCard .brandCard__title span[data-color=gray] {
                color: var(--neu-07)
            }

            .cardSliderGrid .brandCard--small .brandCard__title span.neu-10, .cardSliderGrid .brandCard--small .brandCard__title span[data-color=default], .cardSliderGrid .brandCard .brandCard__title span.neu-10, .cardSliderGrid .brandCard .brandCard__title span[data-color=default] {
                color: var(--neu-10)
            }

            .cardSliderGrid .brandCard--small .brandCard__title b, .cardSliderGrid .brandCard--small .brandCard__title strong, .cardSliderGrid .brandCard .brandCard__title b, .cardSliderGrid .brandCard .brandCard__title strong {
                font-weight: 700
            }

            .cardSliderGrid .brandCard--small .brandCard__title em, .cardSliderGrid .brandCard .brandCard__title em {
                font-style: italic
            }

        .cardSliderGrid .brandCard--small .brandCard__description, .cardSliderGrid .brandCard .brandCard__description {
            margin-top: 24px
        }

    .cardSliderGrid .categoryCard, .cardSliderGrid .categoryCard--small {
        min-height: 240px;
        max-width: 960px
    }

        .cardSliderGrid .categoryCard--small .categoryCard__content, .cardSliderGrid .categoryCard .categoryCard__content {
            padding: 32px
        }

        .cardSliderGrid .categoryCard--small .categoryCard__title, .cardSliderGrid .categoryCard .categoryCard__title {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Calma Global Medium,sans-serif;
            font-size: 2rem;
            line-height: 1.25em;
            letter-spacing: -.016em
        }

            .cardSliderGrid .categoryCard--small .categoryCard__title .link a, .cardSliderGrid .categoryCard .categoryCard__title .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .cardSliderGrid .categoryCard--small .categoryCard__title .link a:hover, .cardSliderGrid .categoryCard .categoryCard__title .link a:hover {
                    color: var(--m-01)
                }

            .cardSliderGrid .categoryCard--small .categoryCard__title mark, .cardSliderGrid .categoryCard--small .categoryCard__title mark[data-color=color], .cardSliderGrid .categoryCard .categoryCard__title mark, .cardSliderGrid .categoryCard .categoryCard__title mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .cardSliderGrid .categoryCard--small .categoryCard__title mark[data-color=gray], .cardSliderGrid .categoryCard .categoryCard__title mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .cardSliderGrid .categoryCard--small .categoryCard__title mark[data-color=default], .cardSliderGrid .categoryCard .categoryCard__title mark[data-color=default] {
                    color: var(--neu-10)
                }

            .cardSliderGrid .categoryCard--small .categoryCard__title span.m-01--dark-01, .cardSliderGrid .categoryCard--small .categoryCard__title span[data-color=color], .cardSliderGrid .categoryCard .categoryCard__title span.m-01--dark-01, .cardSliderGrid .categoryCard .categoryCard__title span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .cardSliderGrid .categoryCard--small .categoryCard__title span.neu-07, .cardSliderGrid .categoryCard--small .categoryCard__title span[data-color=gray], .cardSliderGrid .categoryCard .categoryCard__title span.neu-07, .cardSliderGrid .categoryCard .categoryCard__title span[data-color=gray] {
                color: var(--neu-07)
            }

            .cardSliderGrid .categoryCard--small .categoryCard__title span.neu-10, .cardSliderGrid .categoryCard--small .categoryCard__title span[data-color=default], .cardSliderGrid .categoryCard .categoryCard__title span.neu-10, .cardSliderGrid .categoryCard .categoryCard__title span[data-color=default] {
                color: var(--neu-10)
            }

            .cardSliderGrid .categoryCard--small .categoryCard__title b, .cardSliderGrid .categoryCard--small .categoryCard__title strong, .cardSliderGrid .categoryCard .categoryCard__title b, .cardSliderGrid .categoryCard .categoryCard__title strong {
                font-weight: 700
            }

            .cardSliderGrid .categoryCard--small .categoryCard__title em, .cardSliderGrid .categoryCard .categoryCard__title em {
                font-style: italic
            }
}

@media (max-width:1280px) and (max-width:1024px) {
    .cardSliderGrid .categoryCard--small .categoryCard__title, .cardSliderGrid .categoryCard .categoryCard__title {
        font-size: 1.625rem;
        line-height: 1.231em;
        letter-spacing: 0
    }
}

@media (max-width:1280px) {
    .cardSliderGrid .profileCard, .cardSliderGrid .profileCard--small {
        max-width: 960px;
        padding: 24px 16px 32px 4px;
        height: 100%
    }

        .cardSliderGrid .profileCard--small .profileCard__text, .cardSliderGrid .profileCard .profileCard__text {
            max-width: 310px
        }

    .cardSliderGrid .selectableCard, .cardSliderGrid .selectableCard--small {
        max-width: 960px;
        padding: 16px 16px 24px;
        grid-template-columns: 1fr 1fr;
        row-gap: 8px
    }

        .cardSliderGrid .selectableCard--small .selectableCard__content, .cardSliderGrid .selectableCard .selectableCard__content {
            grid-row: 2;
            grid-column: 1/3
        }

        .cardSliderGrid .selectableCard--small .selectableCard__checkbox, .cardSliderGrid .selectableCard .selectableCard__checkbox {
            margin-right: 0;
            grid-row: 1
        }

        .cardSliderGrid .selectableCard--small .selectableCard__image, .cardSliderGrid .selectableCard .selectableCard__image {
            width: 48px;
            height: 48px;
            grid-row: 1;
            justify-self: flex-end
        }

        .cardSliderGrid .selectableCard--small .selectableCard__btn, .cardSliderGrid .selectableCard .selectableCard__btn {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Inter,sans-serif;
            font-size: .813rem;
            line-height: 1.538em;
            letter-spacing: -.003em;
            font-weight: 400;
            font-weight: 700;
            padding: 0 20px;
            height: 40px;
            transform: none;
            margin-left: 0;
            margin-top: 16px;
            grid-row: 3;
            grid-column: 1/3
        }

            .cardSliderGrid .selectableCard--small .selectableCard__btn .link a, .cardSliderGrid .selectableCard .selectableCard__btn .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .cardSliderGrid .selectableCard--small .selectableCard__btn .link a:hover, .cardSliderGrid .selectableCard .selectableCard__btn .link a:hover {
                    color: var(--m-01)
                }

            .cardSliderGrid .selectableCard--small .selectableCard__btn mark, .cardSliderGrid .selectableCard--small .selectableCard__btn mark[data-color=color], .cardSliderGrid .selectableCard .selectableCard__btn mark, .cardSliderGrid .selectableCard .selectableCard__btn mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .cardSliderGrid .selectableCard--small .selectableCard__btn mark[data-color=gray], .cardSliderGrid .selectableCard .selectableCard__btn mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .cardSliderGrid .selectableCard--small .selectableCard__btn mark[data-color=default], .cardSliderGrid .selectableCard .selectableCard__btn mark[data-color=default] {
                    color: var(--neu-10)
                }

            .cardSliderGrid .selectableCard--small .selectableCard__btn span.m-01--dark-01, .cardSliderGrid .selectableCard--small .selectableCard__btn span[data-color=color], .cardSliderGrid .selectableCard .selectableCard__btn span.m-01--dark-01, .cardSliderGrid .selectableCard .selectableCard__btn span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .cardSliderGrid .selectableCard--small .selectableCard__btn span.neu-07, .cardSliderGrid .selectableCard--small .selectableCard__btn span[data-color=gray], .cardSliderGrid .selectableCard .selectableCard__btn span.neu-07, .cardSliderGrid .selectableCard .selectableCard__btn span[data-color=gray] {
                color: var(--neu-07)
            }

            .cardSliderGrid .selectableCard--small .selectableCard__btn span.neu-10, .cardSliderGrid .selectableCard--small .selectableCard__btn span[data-color=default], .cardSliderGrid .selectableCard .selectableCard__btn span.neu-10, .cardSliderGrid .selectableCard .selectableCard__btn span[data-color=default] {
                color: var(--neu-10)
            }

            .cardSliderGrid .selectableCard--small .selectableCard__btn b, .cardSliderGrid .selectableCard--small .selectableCard__btn strong, .cardSliderGrid .selectableCard .selectableCard__btn b, .cardSliderGrid .selectableCard .selectableCard__btn strong {
                font-weight: 700
            }

            .cardSliderGrid .selectableCard--small .selectableCard__btn em, .cardSliderGrid .selectableCard .selectableCard__btn em {
                font-style: italic
            }

            .cardSliderGrid .selectableCard--small .selectableCard__btn i, .cardSliderGrid .selectableCard .selectableCard__btn i {
                min-width: 16px;
                width: 16px;
                height: 16px;
                font-size: 16px
            }

                .cardSliderGrid .selectableCard--small .selectableCard__btn i:before, .cardSliderGrid .selectableCard .selectableCard__btn i:before {
                    font-size: 16px;
                    font-weight: 400
                }

            .cardSliderGrid .selectableCard--small .selectableCard__btn.btn--icon, .cardSliderGrid .selectableCard .selectableCard__btn.btn--icon {
                width: 40px;
                min-width: 40px
            }

    .cardSliderGrid .demandCard, .cardSliderGrid .demandCard--small {
        max-width: 960px;
        padding: 16px;
        min-height: 324px
    }

        .cardSliderGrid .demandCard--small .demandCard__content, .cardSliderGrid .demandCard .demandCard__content {
            gap: 8px
        }

        .cardSliderGrid .demandCard--small .demandCard__notification-text, .cardSliderGrid .demandCard .demandCard__notification-text {
            display: none
        }

        .cardSliderGrid .demandCard--small .demandCard__description, .cardSliderGrid .demandCard .demandCard__description {
            margin-top: 8px
        }

    .cardSliderGrid .replyCard, .cardSliderGrid .replyCard--small {
        max-width: 960px
    }

        .cardSliderGrid .replyCard--small .replyCard, .cardSliderGrid .replyCard--small .replyCard--small, .cardSliderGrid .replyCard .replyCard, .cardSliderGrid .replyCard .replyCard--small {
            background-color: var(--neu-01)
        }

        .cardSliderGrid .replyCard--small .replyCard__content, .cardSliderGrid .replyCard .replyCard__content {
            padding: 24px;
            gap: 4px 12px
        }

        .cardSliderGrid .replyCard--small .replyCard__thumb, .cardSliderGrid .replyCard .replyCard__thumb {
            grid-row: 1/3;
            align-self: flex-start
        }

        .cardSliderGrid .replyCard--small .replyCard__text, .cardSliderGrid .replyCard .replyCard__text {
            grid-row: 2;
            grid-column: 2/4
        }
}

@media (max-width:1280px) and (max-width:512px) {
    .cardSliderGrid .replyCard--small .replyCard__text, .cardSliderGrid .replyCard .replyCard__text {
        grid-column: 2/4
    }
}

@media (max-width:1280px) {
    .cardSliderGrid .replyCard--small .replyCard__message, .cardSliderGrid .replyCard--small .replyCard__subject, .cardSliderGrid .replyCard .replyCard__message, .cardSliderGrid .replyCard .replyCard__subject {
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-stretch: normal;
        letter-spacing: normal;
        font-family: Inter,sans-serif;
        font-size: 1rem;
        line-height: 1.5em;
        letter-spacing: -.011em;
        font-weight: 400
    }

        .cardSliderGrid .replyCard--small .replyCard__message .link a, .cardSliderGrid .replyCard--small .replyCard__subject .link a, .cardSliderGrid .replyCard .replyCard__message .link a, .cardSliderGrid .replyCard .replyCard__subject .link a {
            transition: all .1s ease;
            text-decoration: underline;
            color: var(--m-01--dark-01)
        }

            .cardSliderGrid .replyCard--small .replyCard__message .link a:hover, .cardSliderGrid .replyCard--small .replyCard__subject .link a:hover, .cardSliderGrid .replyCard .replyCard__message .link a:hover, .cardSliderGrid .replyCard .replyCard__subject .link a:hover {
                color: var(--m-01)
            }

        .cardSliderGrid .replyCard--small .replyCard__message mark, .cardSliderGrid .replyCard--small .replyCard__message mark[data-color=color], .cardSliderGrid .replyCard--small .replyCard__subject mark, .cardSliderGrid .replyCard--small .replyCard__subject mark[data-color=color], .cardSliderGrid .replyCard .replyCard__message mark, .cardSliderGrid .replyCard .replyCard__message mark[data-color=color], .cardSliderGrid .replyCard .replyCard__subject mark, .cardSliderGrid .replyCard .replyCard__subject mark[data-color=color] {
            color: var(--m-01--dark-01)
        }

            .cardSliderGrid .replyCard--small .replyCard__message mark[data-color=gray], .cardSliderGrid .replyCard--small .replyCard__subject mark[data-color=gray], .cardSliderGrid .replyCard .replyCard__message mark[data-color=gray], .cardSliderGrid .replyCard .replyCard__subject mark[data-color=gray] {
                color: var(--neu-07)
            }

            .cardSliderGrid .replyCard--small .replyCard__message mark[data-color=default], .cardSliderGrid .replyCard--small .replyCard__subject mark[data-color=default], .cardSliderGrid .replyCard .replyCard__message mark[data-color=default], .cardSliderGrid .replyCard .replyCard__subject mark[data-color=default] {
                color: var(--neu-10)
            }

        .cardSliderGrid .replyCard--small .replyCard__message span.m-01--dark-01, .cardSliderGrid .replyCard--small .replyCard__message span[data-color=color], .cardSliderGrid .replyCard--small .replyCard__subject span.m-01--dark-01, .cardSliderGrid .replyCard--small .replyCard__subject span[data-color=color], .cardSliderGrid .replyCard .replyCard__message span.m-01--dark-01, .cardSliderGrid .replyCard .replyCard__message span[data-color=color], .cardSliderGrid .replyCard .replyCard__subject span.m-01--dark-01, .cardSliderGrid .replyCard .replyCard__subject span[data-color=color] {
            color: var(--m-01--dark-01)
        }

        .cardSliderGrid .replyCard--small .replyCard__message span.neu-07, .cardSliderGrid .replyCard--small .replyCard__message span[data-color=gray], .cardSliderGrid .replyCard--small .replyCard__subject span.neu-07, .cardSliderGrid .replyCard--small .replyCard__subject span[data-color=gray], .cardSliderGrid .replyCard .replyCard__message span.neu-07, .cardSliderGrid .replyCard .replyCard__message span[data-color=gray], .cardSliderGrid .replyCard .replyCard__subject span.neu-07, .cardSliderGrid .replyCard .replyCard__subject span[data-color=gray] {
            color: var(--neu-07)
        }

        .cardSliderGrid .replyCard--small .replyCard__message span.neu-10, .cardSliderGrid .replyCard--small .replyCard__message span[data-color=default], .cardSliderGrid .replyCard--small .replyCard__subject span.neu-10, .cardSliderGrid .replyCard--small .replyCard__subject span[data-color=default], .cardSliderGrid .replyCard .replyCard__message span.neu-10, .cardSliderGrid .replyCard .replyCard__message span[data-color=default], .cardSliderGrid .replyCard .replyCard__subject span.neu-10, .cardSliderGrid .replyCard .replyCard__subject span[data-color=default] {
            color: var(--neu-10)
        }

        .cardSliderGrid .replyCard--small .replyCard__message b, .cardSliderGrid .replyCard--small .replyCard__message strong, .cardSliderGrid .replyCard--small .replyCard__subject b, .cardSliderGrid .replyCard--small .replyCard__subject strong, .cardSliderGrid .replyCard .replyCard__message b, .cardSliderGrid .replyCard .replyCard__message strong, .cardSliderGrid .replyCard .replyCard__subject b, .cardSliderGrid .replyCard .replyCard__subject strong {
            font-weight: 700
        }

        .cardSliderGrid .replyCard--small .replyCard__message em, .cardSliderGrid .replyCard--small .replyCard__subject em, .cardSliderGrid .replyCard .replyCard__message em, .cardSliderGrid .replyCard .replyCard__subject em {
            font-style: italic
        }

    .cardSliderGrid .replyCard--small .replyCard__info, .cardSliderGrid .replyCard .replyCard__info {
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-stretch: normal;
        letter-spacing: normal;
        font-family: Inter,sans-serif;
        font-size: .813rem;
        line-height: 1.538em;
        letter-spacing: -.003em;
        font-weight: 700;
        margin-top: 8px;
        padding-right: 32px
    }

        .cardSliderGrid .replyCard--small .replyCard__info .link a, .cardSliderGrid .replyCard .replyCard__info .link a {
            transition: all .1s ease;
            text-decoration: underline;
            color: var(--m-01--dark-01)
        }

            .cardSliderGrid .replyCard--small .replyCard__info .link a:hover, .cardSliderGrid .replyCard .replyCard__info .link a:hover {
                color: var(--m-01)
            }

        .cardSliderGrid .replyCard--small .replyCard__info mark, .cardSliderGrid .replyCard--small .replyCard__info mark[data-color=color], .cardSliderGrid .replyCard .replyCard__info mark, .cardSliderGrid .replyCard .replyCard__info mark[data-color=color] {
            color: var(--m-01--dark-01)
        }

            .cardSliderGrid .replyCard--small .replyCard__info mark[data-color=gray], .cardSliderGrid .replyCard .replyCard__info mark[data-color=gray] {
                color: var(--neu-07)
            }

            .cardSliderGrid .replyCard--small .replyCard__info mark[data-color=default], .cardSliderGrid .replyCard .replyCard__info mark[data-color=default] {
                color: var(--neu-10)
            }

        .cardSliderGrid .replyCard--small .replyCard__info span.m-01--dark-01, .cardSliderGrid .replyCard--small .replyCard__info span[data-color=color], .cardSliderGrid .replyCard .replyCard__info span.m-01--dark-01, .cardSliderGrid .replyCard .replyCard__info span[data-color=color] {
            color: var(--m-01--dark-01)
        }

        .cardSliderGrid .replyCard--small .replyCard__info span.neu-07, .cardSliderGrid .replyCard--small .replyCard__info span[data-color=gray], .cardSliderGrid .replyCard .replyCard__info span.neu-07, .cardSliderGrid .replyCard .replyCard__info span[data-color=gray] {
            color: var(--neu-07)
        }

        .cardSliderGrid .replyCard--small .replyCard__info span.neu-10, .cardSliderGrid .replyCard--small .replyCard__info span[data-color=default], .cardSliderGrid .replyCard .replyCard__info span.neu-10, .cardSliderGrid .replyCard .replyCard__info span[data-color=default] {
            color: var(--neu-10)
        }

        .cardSliderGrid .replyCard--small .replyCard__info b, .cardSliderGrid .replyCard--small .replyCard__info strong, .cardSliderGrid .replyCard .replyCard__info b, .cardSliderGrid .replyCard .replyCard__info strong {
            font-weight: 700
        }

        .cardSliderGrid .replyCard--small .replyCard__info em, .cardSliderGrid .replyCard .replyCard__info em {
            font-style: italic
        }

    .cardSliderGrid .replyCard--small .replyCard__pin, .cardSliderGrid .replyCard .replyCard__pin {
        transition: all .1s ease;
        grid-row: 2;
        grid-column: 3;
        align-self: flex-end;
        width: 24px;
        height: 24px;
        justify-self: flex-end;
        transform: translateY(4px);
        cursor: pointer
    }

        .cardSliderGrid .replyCard--small .replyCard__pin:hover, .cardSliderGrid .replyCard .replyCard__pin:hover {
            opacity: .7
        }

        .cardSliderGrid .replyCard--small .replyCard__pin:before, .cardSliderGrid .replyCard .replyCard__pin:before {
            width: 24px;
            height: 24px;
            font-size: 24px;
            font-family: aicep-base-icons !important;
            font-weight: 400;
            display: flex;
            justify-content: center;
            align-items: center;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            content: "\e95b"
        }

    .cardSliderGrid .replyCard--small .replyCard__pin--selected, .cardSliderGrid .replyCard .replyCard__pin--selected {
        color: var(--m-02--dark-01)
    }

        .cardSliderGrid .replyCard--small .replyCard__pin--selected:before, .cardSliderGrid .replyCard .replyCard__pin--selected:before {
            content: "\e95c"
        }

    .cardSliderGrid .replyCard--small .replyCard__btn, .cardSliderGrid .replyCard .replyCard__btn {
        display: none
    }

    .cardSliderGrid .infoCard, .cardSliderGrid .infoCard--small {
        max-width: 960px;
        padding: 24px
    }

        .cardSliderGrid .infoCard--small .infoCard__number, .cardSliderGrid .infoCard .infoCard__number {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Calma Global Medium,sans-serif;
            font-size: 2rem;
            line-height: 1.25em;
            letter-spacing: -.016em;
            transform: translateY(0)
        }

            .cardSliderGrid .infoCard--small .infoCard__number .link a, .cardSliderGrid .infoCard .infoCard__number .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .cardSliderGrid .infoCard--small .infoCard__number .link a:hover, .cardSliderGrid .infoCard .infoCard__number .link a:hover {
                    color: var(--m-01)
                }

            .cardSliderGrid .infoCard--small .infoCard__number mark, .cardSliderGrid .infoCard--small .infoCard__number mark[data-color=color], .cardSliderGrid .infoCard .infoCard__number mark, .cardSliderGrid .infoCard .infoCard__number mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .cardSliderGrid .infoCard--small .infoCard__number mark[data-color=gray], .cardSliderGrid .infoCard .infoCard__number mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .cardSliderGrid .infoCard--small .infoCard__number mark[data-color=default], .cardSliderGrid .infoCard .infoCard__number mark[data-color=default] {
                    color: var(--neu-10)
                }

            .cardSliderGrid .infoCard--small .infoCard__number span.m-01--dark-01, .cardSliderGrid .infoCard--small .infoCard__number span[data-color=color], .cardSliderGrid .infoCard .infoCard__number span.m-01--dark-01, .cardSliderGrid .infoCard .infoCard__number span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .cardSliderGrid .infoCard--small .infoCard__number span.neu-07, .cardSliderGrid .infoCard--small .infoCard__number span[data-color=gray], .cardSliderGrid .infoCard .infoCard__number span.neu-07, .cardSliderGrid .infoCard .infoCard__number span[data-color=gray] {
                color: var(--neu-07)
            }

            .cardSliderGrid .infoCard--small .infoCard__number span.neu-10, .cardSliderGrid .infoCard--small .infoCard__number span[data-color=default], .cardSliderGrid .infoCard .infoCard__number span.neu-10, .cardSliderGrid .infoCard .infoCard__number span[data-color=default] {
                color: var(--neu-10)
            }

            .cardSliderGrid .infoCard--small .infoCard__number b, .cardSliderGrid .infoCard--small .infoCard__number strong, .cardSliderGrid .infoCard .infoCard__number b, .cardSliderGrid .infoCard .infoCard__number strong {
                font-weight: 700
            }

            .cardSliderGrid .infoCard--small .infoCard__number em, .cardSliderGrid .infoCard .infoCard__number em {
                font-style: italic
            }
}

@media (max-width:1280px) and (max-width:1024px) {
    .cardSliderGrid .infoCard--small .infoCard__number, .cardSliderGrid .infoCard .infoCard__number {
        font-size: 1.625rem;
        line-height: 1.231em;
        letter-spacing: 0;
        transform: translateY(3px)
    }
}

@media (max-width:1280px) {
    .cardSliderGrid .infoCard--small .infoCard__title, .cardSliderGrid .infoCard .infoCard__title {
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-stretch: normal;
        letter-spacing: normal;
        font-family: Inter,sans-serif;
        font-size: 1rem;
        line-height: 1.5em;
        letter-spacing: -.011em;
        font-weight: 700
    }

        .cardSliderGrid .infoCard--small .infoCard__title .link a, .cardSliderGrid .infoCard .infoCard__title .link a {
            transition: all .1s ease;
            text-decoration: underline;
            color: var(--m-01--dark-01)
        }

            .cardSliderGrid .infoCard--small .infoCard__title .link a:hover, .cardSliderGrid .infoCard .infoCard__title .link a:hover {
                color: var(--m-01)
            }

        .cardSliderGrid .infoCard--small .infoCard__title mark, .cardSliderGrid .infoCard--small .infoCard__title mark[data-color=color], .cardSliderGrid .infoCard .infoCard__title mark, .cardSliderGrid .infoCard .infoCard__title mark[data-color=color] {
            color: var(--m-01--dark-01)
        }

            .cardSliderGrid .infoCard--small .infoCard__title mark[data-color=gray], .cardSliderGrid .infoCard .infoCard__title mark[data-color=gray] {
                color: var(--neu-07)
            }

            .cardSliderGrid .infoCard--small .infoCard__title mark[data-color=default], .cardSliderGrid .infoCard .infoCard__title mark[data-color=default] {
                color: var(--neu-10)
            }

        .cardSliderGrid .infoCard--small .infoCard__title span.m-01--dark-01, .cardSliderGrid .infoCard--small .infoCard__title span[data-color=color], .cardSliderGrid .infoCard .infoCard__title span.m-01--dark-01, .cardSliderGrid .infoCard .infoCard__title span[data-color=color] {
            color: var(--m-01--dark-01)
        }

        .cardSliderGrid .infoCard--small .infoCard__title span.neu-07, .cardSliderGrid .infoCard--small .infoCard__title span[data-color=gray], .cardSliderGrid .infoCard .infoCard__title span.neu-07, .cardSliderGrid .infoCard .infoCard__title span[data-color=gray] {
            color: var(--neu-07)
        }

        .cardSliderGrid .infoCard--small .infoCard__title span.neu-10, .cardSliderGrid .infoCard--small .infoCard__title span[data-color=default], .cardSliderGrid .infoCard .infoCard__title span.neu-10, .cardSliderGrid .infoCard .infoCard__title span[data-color=default] {
            color: var(--neu-10)
        }

        .cardSliderGrid .infoCard--small .infoCard__title b, .cardSliderGrid .infoCard--small .infoCard__title strong, .cardSliderGrid .infoCard .infoCard__title b, .cardSliderGrid .infoCard .infoCard__title strong {
            font-weight: 700
        }

        .cardSliderGrid .infoCard--small .infoCard__title em, .cardSliderGrid .infoCard .infoCard__title em {
            font-style: italic
        }
}

.cardSliderInfo {
    overflow: hidden
}

    .cardSliderInfo .wrapper {
        padding-bottom: 48px
    }

@media (max-width:768px) {
    .cardSliderInfo .wrapper {
        padding-bottom: 0
    }
}

.cardSliderInfo__text {
    grid-column: 2/5
}

@media (max-width:1024px) {
    .cardSliderInfo__text {
        grid-column: 1/3
    }
}

@media (max-width:768px) {
    .cardSliderInfo__text {
        grid-column: 1/5
    }
}

.cardSliderInfo__title {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Calma Global Medium,sans-serif;
    font-size: 2rem;
    line-height: 1.25em;
    letter-spacing: -.016em;
    padding: 32px 0 24px
}

    .cardSliderInfo__title .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .cardSliderInfo__title .link a:hover {
            color: var(--m-01)
        }

    .cardSliderInfo__title mark, .cardSliderInfo__title mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .cardSliderInfo__title mark[data-color=gray] {
            color: var(--neu-07)
        }

        .cardSliderInfo__title mark[data-color=default] {
            color: var(--neu-10)
        }

    .cardSliderInfo__title span.m-01--dark-01, .cardSliderInfo__title span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .cardSliderInfo__title span.neu-07, .cardSliderInfo__title span[data-color=gray] {
        color: var(--neu-07)
    }

    .cardSliderInfo__title span.neu-10, .cardSliderInfo__title span[data-color=default] {
        color: var(--neu-10)
    }

    .cardSliderInfo__title b, .cardSliderInfo__title strong {
        font-weight: 700
    }

    .cardSliderInfo__title em {
        font-style: italic
    }

@media (max-width:1024px) {
    .cardSliderInfo__title {
        font-size: 1.625rem;
        line-height: 1.231em;
        letter-spacing: 0
    }
}

.cardSliderInfo__description {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1rem;
    line-height: 1.5em;
    letter-spacing: -.011em;
    font-weight: 400
}

    .cardSliderInfo__description .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .cardSliderInfo__description .link a:hover {
            color: var(--m-01)
        }

    .cardSliderInfo__description mark, .cardSliderInfo__description mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .cardSliderInfo__description mark[data-color=gray] {
            color: var(--neu-07)
        }

        .cardSliderInfo__description mark[data-color=default] {
            color: var(--neu-10)
        }

    .cardSliderInfo__description span.m-01--dark-01, .cardSliderInfo__description span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .cardSliderInfo__description span.neu-07, .cardSliderInfo__description span[data-color=gray] {
        color: var(--neu-07)
    }

    .cardSliderInfo__description span.neu-10, .cardSliderInfo__description span[data-color=default] {
        color: var(--neu-10)
    }

    .cardSliderInfo__description b, .cardSliderInfo__description strong {
        font-weight: 700
    }

    .cardSliderInfo__description em {
        font-style: italic
    }

@media (max-width:768px) {
    .cardSliderInfo__description {
        display: none
    }
}

.cardSliderInfo__slider {
    display: flex;
    grid-column: 5/12;
    flex-direction: column;
    height: -moz-fit-content;
    height: fit-content
}

@media (max-width:1024px) {
    .cardSliderInfo__slider {
        grid-column: 3/7
    }
}

@media (max-width:768px) {
    .cardSliderInfo__slider {
        grid-column: 1/7
    }
}

.cardSliderInfo__sliderContent {
    overflow: hidden;
    padding: 0 16px 72px
}

@media (max-width:768px) {
    .cardSliderInfo__sliderContent {
        padding: 0 0 72px;
        overflow: visible
    }
}

.cardSliderInfo .btnContainer {
    margin: 40px 0 24px auto
}

@media (max-width:768px) {
    .cardSliderInfo .btnContainer {
        position: absolute;
        right: 0;
        top: -60px;
        margin: 0
    }
}

.cardSliderInfo .swiper-container {
    overflow: visible
}

.cardSliderInfo .swiper-wrapper.addBezier {
    transition-timing-function: cubic-bezier(.57,0,.09,.99)
}

.cardSliderInfo .swiper-slide {
    max-width: 342px;
    margin-right: 32px;
    height: auto
}

@media (max-width:768px) {
    .cardSliderInfo .swiper-slide {
        width: 100%;
        max-width: 320px;
        margin-right: 24px
    }
}

@media (max-width:768px) {
    .cardSliderInfo .swiper-slide:last-of-type {
        margin-right: 0
    }
}

.cardSliderInfo .swiper-slide .card {
    height: 100%
}

.cardSliderInfo__sliderNavigation {
    position: absolute;
    z-index: 2;
    bottom: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    height: 48px;
    width: 112px
}

@media (max-width:1024px) {
    .cardSliderInfo__sliderNavigation {
        right: 32px
    }
}

@media (max-width:768px) {
    .cardSliderInfo__sliderNavigation {
        display: none
    }
}

.cardSliderInfo .swiper-pagination {
    display: none
}

@media (max-width:768px) {
    .cardSliderInfo .swiper-pagination {
        display: block;
        bottom: 40px
    }
}

.cardSliderInfo .swiper-button-next, .cardSliderInfo .swiper-button-prev {
    width: 48px;
    height: 48px;
    background-color: var(--neu-01);
    border-radius: 50%;
    box-shadow: 0 0 1px rgba(26,24,23,.05),0 2px 4px rgba(26,24,23,.1);
    font-size: 24px;
    transition: all .1s ease-out;
    margin: 0;
    top: 0;
    transform: none
}

    .cardSliderInfo .swiper-button-next:before, .cardSliderInfo .swiper-button-prev:before {
        transform: translatey(1px)
    }

.cardSliderInfo .swiper-button-prev {
    left: 0
}

    .cardSliderInfo .swiper-button-prev:before {
        transform: translateX(-2px)
    }

    .cardSliderInfo .swiper-button-prev:hover {
        left: -3px
    }

.cardSliderInfo .swiper-button-next {
    right: 0
}

    .cardSliderInfo .swiper-button-next:before {
        transform: translateX(2px)
    }

    .cardSliderInfo .swiper-button-next:hover {
        right: -3px
    }

.cardSliderList .wrapper {
    padding-top: 32px;
    padding-bottom: 37px
}

.cardSliderList__header {
    grid-column: 2/12;
    display: flex;
    justify-content: space-between;
    align-items: flex-end
}

.cardSliderList__title {
    max-width: 74%;
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Calma Global Medium,sans-serif;
    font-size: 1.625rem;
    line-height: 1.231em;
    letter-spacing: 0
}

    .cardSliderList__title .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .cardSliderList__title .link a:hover {
            color: var(--m-01)
        }

    .cardSliderList__title mark, .cardSliderList__title mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .cardSliderList__title mark[data-color=gray] {
            color: var(--neu-07)
        }

        .cardSliderList__title mark[data-color=default] {
            color: var(--neu-10)
        }

    .cardSliderList__title span.m-01--dark-01, .cardSliderList__title span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .cardSliderList__title span.neu-07, .cardSliderList__title span[data-color=gray] {
        color: var(--neu-07)
    }

    .cardSliderList__title span.neu-10, .cardSliderList__title span[data-color=default] {
        color: var(--neu-10)
    }

    .cardSliderList__title b, .cardSliderList__title strong {
        font-weight: 700
    }

    .cardSliderList__title em {
        font-style: italic
    }

.cardSliderList__container {
    width: 100%;
    grid-column: 1/13;
    padding: 32px 7.5% 0
}

.cardSliderList .swiper-slide {
    height: auto;
    padding: 0 15px 28px
}

.cardSliderList .caseCard, .cardSliderList .caseCard--small, .cardSliderList .readingImageCard, .cardSliderList .readingImageCard--small, .cardSliderList .readingTextCard, .cardSliderList .readingTextCard--small {
    height: 100%
}

.cardSliderList .swiper-wrapper {
    transition: transform .5s cubic-bezier(.42,0,.13,1.01)
}

.cardSliderList .swiper-button-next, .cardSliderList .swiper-button-prev {
    top: calc(50% + 13px)
}

    .cardSliderList .swiper-button-next:hover, .cardSliderList .swiper-button-prev:hover {
        opacity: .7
    }

    .cardSliderList .swiper-button-next i, .cardSliderList .swiper-button-prev i {
        font-size: 22px
    }

.cardSliderList .swiper-button-prev {
    left: 0
}

.cardSliderList .swiper-button-next {
    right: 0
}

@media (max-width:1024px) {
    .cardSliderList .caseCard, .cardSliderList .caseCard--small {
        min-height: 324px;
        max-width: 960px
    }

        .cardSliderList .caseCard--small .caseCard__content, .cardSliderList .caseCard .caseCard__content {
            padding: 24px 16px 16px
        }

        .cardSliderList .caseCard--small .caseCard__title, .cardSliderList .caseCard .caseCard__title {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Calma Global Medium,sans-serif;
            font-size: 1.625rem;
            line-height: 1.231em;
            letter-spacing: 0
        }

            .cardSliderList .caseCard--small .caseCard__title .link a, .cardSliderList .caseCard .caseCard__title .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .cardSliderList .caseCard--small .caseCard__title .link a:hover, .cardSliderList .caseCard .caseCard__title .link a:hover {
                    color: var(--m-01)
                }

            .cardSliderList .caseCard--small .caseCard__title mark, .cardSliderList .caseCard--small .caseCard__title mark[data-color=color], .cardSliderList .caseCard .caseCard__title mark, .cardSliderList .caseCard .caseCard__title mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .cardSliderList .caseCard--small .caseCard__title mark[data-color=gray], .cardSliderList .caseCard .caseCard__title mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .cardSliderList .caseCard--small .caseCard__title mark[data-color=default], .cardSliderList .caseCard .caseCard__title mark[data-color=default] {
                    color: var(--neu-10)
                }

            .cardSliderList .caseCard--small .caseCard__title span.m-01--dark-01, .cardSliderList .caseCard--small .caseCard__title span[data-color=color], .cardSliderList .caseCard .caseCard__title span.m-01--dark-01, .cardSliderList .caseCard .caseCard__title span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .cardSliderList .caseCard--small .caseCard__title span.neu-07, .cardSliderList .caseCard--small .caseCard__title span[data-color=gray], .cardSliderList .caseCard .caseCard__title span.neu-07, .cardSliderList .caseCard .caseCard__title span[data-color=gray] {
                color: var(--neu-07)
            }

            .cardSliderList .caseCard--small .caseCard__title span.neu-10, .cardSliderList .caseCard--small .caseCard__title span[data-color=default], .cardSliderList .caseCard .caseCard__title span.neu-10, .cardSliderList .caseCard .caseCard__title span[data-color=default] {
                color: var(--neu-10)
            }

            .cardSliderList .caseCard--small .caseCard__title b, .cardSliderList .caseCard--small .caseCard__title strong, .cardSliderList .caseCard .caseCard__title b, .cardSliderList .caseCard .caseCard__title strong {
                font-weight: 700
            }

            .cardSliderList .caseCard--small .caseCard__title em, .cardSliderList .caseCard .caseCard__title em {
                font-style: italic
            }

    .cardSliderList .countyCard, .cardSliderList .countyCard--small {
        max-width: 960px;
        height: 100%;
        min-height: 80px
    }

    .cardSliderList .industryCard, .cardSliderList .industryCard--small {
        max-width: 960px;
        max-width: 480px;
        min-height: 240px
    }

        .cardSliderList .industryCard--small .industryCard__content, .cardSliderList .industryCard .industryCard__content {
            padding: 24px 16px 16px
        }

        .cardSliderList .industryCard--small .industryCard__title, .cardSliderList .industryCard .industryCard__title {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Calma Global Medium,sans-serif;
            font-size: 1.625rem;
            line-height: 1.231em;
            letter-spacing: 0
        }

            .cardSliderList .industryCard--small .industryCard__title .link a, .cardSliderList .industryCard .industryCard__title .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .cardSliderList .industryCard--small .industryCard__title .link a:hover, .cardSliderList .industryCard .industryCard__title .link a:hover {
                    color: var(--m-01)
                }

            .cardSliderList .industryCard--small .industryCard__title mark, .cardSliderList .industryCard--small .industryCard__title mark[data-color=color], .cardSliderList .industryCard .industryCard__title mark, .cardSliderList .industryCard .industryCard__title mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .cardSliderList .industryCard--small .industryCard__title mark[data-color=gray], .cardSliderList .industryCard .industryCard__title mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .cardSliderList .industryCard--small .industryCard__title mark[data-color=default], .cardSliderList .industryCard .industryCard__title mark[data-color=default] {
                    color: var(--neu-10)
                }

            .cardSliderList .industryCard--small .industryCard__title span.m-01--dark-01, .cardSliderList .industryCard--small .industryCard__title span[data-color=color], .cardSliderList .industryCard .industryCard__title span.m-01--dark-01, .cardSliderList .industryCard .industryCard__title span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .cardSliderList .industryCard--small .industryCard__title span.neu-07, .cardSliderList .industryCard--small .industryCard__title span[data-color=gray], .cardSliderList .industryCard .industryCard__title span.neu-07, .cardSliderList .industryCard .industryCard__title span[data-color=gray] {
                color: var(--neu-07)
            }

            .cardSliderList .industryCard--small .industryCard__title span.neu-10, .cardSliderList .industryCard--small .industryCard__title span[data-color=default], .cardSliderList .industryCard .industryCard__title span.neu-10, .cardSliderList .industryCard .industryCard__title span[data-color=default] {
                color: var(--neu-10)
            }

            .cardSliderList .industryCard--small .industryCard__title b, .cardSliderList .industryCard--small .industryCard__title strong, .cardSliderList .industryCard .industryCard__title b, .cardSliderList .industryCard .industryCard__title strong {
                font-weight: 700
            }

            .cardSliderList .industryCard--small .industryCard__title em, .cardSliderList .industryCard .industryCard__title em {
                font-style: italic
            }

    .cardSliderList .itemCard, .cardSliderList .itemCard--small {
        max-width: 960px;
        padding: 24px 16px 32px 4px;
        height: 100%
    }

        .cardSliderList .itemCard--small .itemCard__text, .cardSliderList .itemCard .itemCard__text {
            max-width: 310px
        }

    .cardSliderList .readingImageCard, .cardSliderList .readingImageCard--small {
        max-width: 960px;
        background: transparent;
        box-shadow: none;
        border-bottom: 1px solid var(--neu-03);
        min-height: auto;
        flex-direction: row;
        padding: 8px 0 16px;
        border-radius: 0
    }

        .cardSliderList .readingImageCard--small .readingImageCard__image, .cardSliderList .readingImageCard .readingImageCard__image {
            height: auto;
            max-width: 110px;
            flex: 1;
            border-radius: 0
        }

        .cardSliderList .readingImageCard--small .readingImageCard__content, .cardSliderList .readingImageCard .readingImageCard__content {
            padding: 0 0 0 16px;
            flex: 2;
            justify-content: flex-start
        }

        .cardSliderList .readingImageCard--small .readingImageCard__text, .cardSliderList .readingImageCard .readingImageCard__text {
            padding: 0;
            padding-right: 24px
        }

        .cardSliderList .readingImageCard--small .readingImageCard__title, .cardSliderList .readingImageCard .readingImageCard__title {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Inter,sans-serif;
            font-size: 1rem;
            line-height: 1.5em;
            letter-spacing: -.011em;
            font-weight: 700;
            margin-top: 4px
        }

            .cardSliderList .readingImageCard--small .readingImageCard__title .link a, .cardSliderList .readingImageCard .readingImageCard__title .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .cardSliderList .readingImageCard--small .readingImageCard__title .link a:hover, .cardSliderList .readingImageCard .readingImageCard__title .link a:hover {
                    color: var(--m-01)
                }

            .cardSliderList .readingImageCard--small .readingImageCard__title mark, .cardSliderList .readingImageCard--small .readingImageCard__title mark[data-color=color], .cardSliderList .readingImageCard .readingImageCard__title mark, .cardSliderList .readingImageCard .readingImageCard__title mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .cardSliderList .readingImageCard--small .readingImageCard__title mark[data-color=gray], .cardSliderList .readingImageCard .readingImageCard__title mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .cardSliderList .readingImageCard--small .readingImageCard__title mark[data-color=default], .cardSliderList .readingImageCard .readingImageCard__title mark[data-color=default] {
                    color: var(--neu-10)
                }

            .cardSliderList .readingImageCard--small .readingImageCard__title span.m-01--dark-01, .cardSliderList .readingImageCard--small .readingImageCard__title span[data-color=color], .cardSliderList .readingImageCard .readingImageCard__title span.m-01--dark-01, .cardSliderList .readingImageCard .readingImageCard__title span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .cardSliderList .readingImageCard--small .readingImageCard__title span.neu-07, .cardSliderList .readingImageCard--small .readingImageCard__title span[data-color=gray], .cardSliderList .readingImageCard .readingImageCard__title span.neu-07, .cardSliderList .readingImageCard .readingImageCard__title span[data-color=gray] {
                color: var(--neu-07)
            }

            .cardSliderList .readingImageCard--small .readingImageCard__title span.neu-10, .cardSliderList .readingImageCard--small .readingImageCard__title span[data-color=default], .cardSliderList .readingImageCard .readingImageCard__title span.neu-10, .cardSliderList .readingImageCard .readingImageCard__title span[data-color=default] {
                color: var(--neu-10)
            }

            .cardSliderList .readingImageCard--small .readingImageCard__title b, .cardSliderList .readingImageCard--small .readingImageCard__title strong, .cardSliderList .readingImageCard .readingImageCard__title b, .cardSliderList .readingImageCard .readingImageCard__title strong {
                font-weight: 700
            }

            .cardSliderList .readingImageCard--small .readingImageCard__title em, .cardSliderList .readingImageCard .readingImageCard__title em {
                font-style: italic
            }

        .cardSliderList .readingImageCard--small .readingImageCard__infoItem i, .cardSliderList .readingImageCard .readingImageCard__infoItem i {
            display: none
        }

        .cardSliderList .readingImageCard--small .btnBookmark, .cardSliderList .readingImageCard--small .btnBookmark--privateArea, .cardSliderList .readingImageCard--small .btnBookmark--small, .cardSliderList .readingImageCard .btnBookmark, .cardSliderList .readingImageCard .btnBookmark--privateArea, .cardSliderList .readingImageCard .btnBookmark--small {
            top: -8px;
            right: -16px;
            z-index: 2
        }

            .cardSliderList .readingImageCard--small .btnBookmark--privateArea .btnBookmark, .cardSliderList .readingImageCard--small .btnBookmark--privateArea .btnBookmark--small, .cardSliderList .readingImageCard .btnBookmark--privateArea .btnBookmark, .cardSliderList .readingImageCard .btnBookmark--privateArea .btnBookmark--small {
                top: 0;
                right: 0
            }

        .cardSliderList .readingImageCard--small:hover, .cardSliderList .readingImageCard:hover {
            box-shadow: none;
            transform: none
        }

    .cardSliderList .readingTextCard, .cardSliderList .readingTextCard--small {
        max-width: 960px;
        background: transparent;
        box-shadow: none;
        border-bottom: 1px solid var(--neu-03);
        min-height: auto;
        flex-direction: row;
        padding: 8px 0 16px;
        border-radius: 0
    }

        .cardSliderList .readingTextCard--small .readingTextCard__content, .cardSliderList .readingTextCard .readingTextCard__content {
            flex: 2
        }

        .cardSliderList .readingTextCard--small .readingTextCard__text, .cardSliderList .readingTextCard .readingTextCard__text {
            padding: 0
        }

        .cardSliderList .readingTextCard--small .readingTextCard__title, .cardSliderList .readingTextCard .readingTextCard__title {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Inter,sans-serif;
            font-size: 1rem;
            line-height: 1.5em;
            letter-spacing: -.011em;
            font-weight: 700;
            margin-top: 4px
        }

            .cardSliderList .readingTextCard--small .readingTextCard__title .link a, .cardSliderList .readingTextCard .readingTextCard__title .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .cardSliderList .readingTextCard--small .readingTextCard__title .link a:hover, .cardSliderList .readingTextCard .readingTextCard__title .link a:hover {
                    color: var(--m-01)
                }

            .cardSliderList .readingTextCard--small .readingTextCard__title mark, .cardSliderList .readingTextCard--small .readingTextCard__title mark[data-color=color], .cardSliderList .readingTextCard .readingTextCard__title mark, .cardSliderList .readingTextCard .readingTextCard__title mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .cardSliderList .readingTextCard--small .readingTextCard__title mark[data-color=gray], .cardSliderList .readingTextCard .readingTextCard__title mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .cardSliderList .readingTextCard--small .readingTextCard__title mark[data-color=default], .cardSliderList .readingTextCard .readingTextCard__title mark[data-color=default] {
                    color: var(--neu-10)
                }

            .cardSliderList .readingTextCard--small .readingTextCard__title span.m-01--dark-01, .cardSliderList .readingTextCard--small .readingTextCard__title span[data-color=color], .cardSliderList .readingTextCard .readingTextCard__title span.m-01--dark-01, .cardSliderList .readingTextCard .readingTextCard__title span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .cardSliderList .readingTextCard--small .readingTextCard__title span.neu-07, .cardSliderList .readingTextCard--small .readingTextCard__title span[data-color=gray], .cardSliderList .readingTextCard .readingTextCard__title span.neu-07, .cardSliderList .readingTextCard .readingTextCard__title span[data-color=gray] {
                color: var(--neu-07)
            }

            .cardSliderList .readingTextCard--small .readingTextCard__title span.neu-10, .cardSliderList .readingTextCard--small .readingTextCard__title span[data-color=default], .cardSliderList .readingTextCard .readingTextCard__title span.neu-10, .cardSliderList .readingTextCard .readingTextCard__title span[data-color=default] {
                color: var(--neu-10)
            }

            .cardSliderList .readingTextCard--small .readingTextCard__title b, .cardSliderList .readingTextCard--small .readingTextCard__title strong, .cardSliderList .readingTextCard .readingTextCard__title b, .cardSliderList .readingTextCard .readingTextCard__title strong {
                font-weight: 700
            }

            .cardSliderList .readingTextCard--small .readingTextCard__title em, .cardSliderList .readingTextCard .readingTextCard__title em {
                font-style: italic
            }

        .cardSliderList .readingTextCard--small .readingTextCard__description, .cardSliderList .readingTextCard--small .readingTextCard__infoItem i, .cardSliderList .readingTextCard .readingTextCard__description, .cardSliderList .readingTextCard .readingTextCard__infoItem i {
            display: none
        }

        .cardSliderList .readingTextCard--small:hover, .cardSliderList .readingTextCard:hover {
            box-shadow: none;
            transform: none
        }

    .cardSliderList .regionCard, .cardSliderList .regionCard--small {
        max-width: 960px;
        min-height: 270px
    }

        .cardSliderList .regionCard--small .regionCard__content, .cardSliderList .regionCard .regionCard__content {
            padding: 24px 16px 16px
        }

        .cardSliderList .regionCard--small .regionCard__title, .cardSliderList .regionCard .regionCard__title {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Calma Global Medium,sans-serif;
            font-size: 2rem;
            line-height: 1.25em;
            letter-spacing: -.016em
        }

            .cardSliderList .regionCard--small .regionCard__title .link a, .cardSliderList .regionCard .regionCard__title .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .cardSliderList .regionCard--small .regionCard__title .link a:hover, .cardSliderList .regionCard .regionCard__title .link a:hover {
                    color: var(--m-01)
                }

            .cardSliderList .regionCard--small .regionCard__title mark, .cardSliderList .regionCard--small .regionCard__title mark[data-color=color], .cardSliderList .regionCard .regionCard__title mark, .cardSliderList .regionCard .regionCard__title mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .cardSliderList .regionCard--small .regionCard__title mark[data-color=gray], .cardSliderList .regionCard .regionCard__title mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .cardSliderList .regionCard--small .regionCard__title mark[data-color=default], .cardSliderList .regionCard .regionCard__title mark[data-color=default] {
                    color: var(--neu-10)
                }

            .cardSliderList .regionCard--small .regionCard__title span.m-01--dark-01, .cardSliderList .regionCard--small .regionCard__title span[data-color=color], .cardSliderList .regionCard .regionCard__title span.m-01--dark-01, .cardSliderList .regionCard .regionCard__title span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .cardSliderList .regionCard--small .regionCard__title span.neu-07, .cardSliderList .regionCard--small .regionCard__title span[data-color=gray], .cardSliderList .regionCard .regionCard__title span.neu-07, .cardSliderList .regionCard .regionCard__title span[data-color=gray] {
                color: var(--neu-07)
            }

            .cardSliderList .regionCard--small .regionCard__title span.neu-10, .cardSliderList .regionCard--small .regionCard__title span[data-color=default], .cardSliderList .regionCard .regionCard__title span.neu-10, .cardSliderList .regionCard .regionCard__title span[data-color=default] {
                color: var(--neu-10)
            }

            .cardSliderList .regionCard--small .regionCard__title b, .cardSliderList .regionCard--small .regionCard__title strong, .cardSliderList .regionCard .regionCard__title b, .cardSliderList .regionCard .regionCard__title strong {
                font-weight: 700
            }

            .cardSliderList .regionCard--small .regionCard__title em, .cardSliderList .regionCard .regionCard__title em {
                font-style: italic
            }
}

@media (max-width:1024px) and (max-width:1024px) {
    .cardSliderList .regionCard--small .regionCard__title, .cardSliderList .regionCard .regionCard__title {
        font-size: 1.625rem;
        line-height: 1.231em;
        letter-spacing: 0
    }
}

@media (max-width:1024px) {
    .cardSliderList .resourceCard, .cardSliderList .resourceCard--small {
        max-width: 960px;
        min-height: 200px;
        height: 100%;
        padding: 24px 16px
    }

        .cardSliderList .resourceCard--small .resourceCard__title, .cardSliderList .resourceCard .resourceCard__title {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Inter,sans-serif;
            font-size: 1.188rem;
            line-height: 1.263em;
            letter-spacing: -.016em;
            font-weight: 400;
            margin-top: 4px
        }

            .cardSliderList .resourceCard--small .resourceCard__title .link a, .cardSliderList .resourceCard .resourceCard__title .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .cardSliderList .resourceCard--small .resourceCard__title .link a:hover, .cardSliderList .resourceCard .resourceCard__title .link a:hover {
                    color: var(--m-01)
                }

            .cardSliderList .resourceCard--small .resourceCard__title mark, .cardSliderList .resourceCard--small .resourceCard__title mark[data-color=color], .cardSliderList .resourceCard .resourceCard__title mark, .cardSliderList .resourceCard .resourceCard__title mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .cardSliderList .resourceCard--small .resourceCard__title mark[data-color=gray], .cardSliderList .resourceCard .resourceCard__title mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .cardSliderList .resourceCard--small .resourceCard__title mark[data-color=default], .cardSliderList .resourceCard .resourceCard__title mark[data-color=default] {
                    color: var(--neu-10)
                }

            .cardSliderList .resourceCard--small .resourceCard__title span.m-01--dark-01, .cardSliderList .resourceCard--small .resourceCard__title span[data-color=color], .cardSliderList .resourceCard .resourceCard__title span.m-01--dark-01, .cardSliderList .resourceCard .resourceCard__title span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .cardSliderList .resourceCard--small .resourceCard__title span.neu-07, .cardSliderList .resourceCard--small .resourceCard__title span[data-color=gray], .cardSliderList .resourceCard .resourceCard__title span.neu-07, .cardSliderList .resourceCard .resourceCard__title span[data-color=gray] {
                color: var(--neu-07)
            }

            .cardSliderList .resourceCard--small .resourceCard__title span.neu-10, .cardSliderList .resourceCard--small .resourceCard__title span[data-color=default], .cardSliderList .resourceCard .resourceCard__title span.neu-10, .cardSliderList .resourceCard .resourceCard__title span[data-color=default] {
                color: var(--neu-10)
            }

            .cardSliderList .resourceCard--small .resourceCard__title b, .cardSliderList .resourceCard--small .resourceCard__title strong, .cardSliderList .resourceCard .resourceCard__title b, .cardSliderList .resourceCard .resourceCard__title strong {
                font-weight: 700
            }

            .cardSliderList .resourceCard--small .resourceCard__title em, .cardSliderList .resourceCard .resourceCard__title em {
                font-style: italic
            }

        .cardSliderList .resourceCard--small .btn, .cardSliderList .resourceCard--small .btn--icon, .cardSliderList .resourceCard--small .btn--primary, .cardSliderList .resourceCard--small .btn--primary--dark, .cardSliderList .resourceCard--small .btn--secondary, .cardSliderList .resourceCard--small .btn--small, .cardSliderList .resourceCard--small .btn--tertiary, .cardSliderList .resourceCard .btn, .cardSliderList .resourceCard .btn--icon, .cardSliderList .resourceCard .btn--primary, .cardSliderList .resourceCard .btn--primary--dark, .cardSliderList .resourceCard .btn--secondary, .cardSliderList .resourceCard .btn--small, .cardSliderList .resourceCard .btn--tertiary {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Inter,sans-serif;
            font-size: .813rem;
            line-height: 1.538em;
            letter-spacing: -.003em;
            font-weight: 400;
            font-weight: 700;
            padding: 0 20px;
            height: 40px
        }

            .cardSliderList .resourceCard--small .btn--icon .link a, .cardSliderList .resourceCard--small .btn--primary--dark .link a, .cardSliderList .resourceCard--small .btn--primary .link a, .cardSliderList .resourceCard--small .btn--secondary .link a, .cardSliderList .resourceCard--small .btn--small .link a, .cardSliderList .resourceCard--small .btn--tertiary .link a, .cardSliderList .resourceCard--small .btn .link a, .cardSliderList .resourceCard .btn--icon .link a, .cardSliderList .resourceCard .btn--primary--dark .link a, .cardSliderList .resourceCard .btn--primary .link a, .cardSliderList .resourceCard .btn--secondary .link a, .cardSliderList .resourceCard .btn--small .link a, .cardSliderList .resourceCard .btn--tertiary .link a, .cardSliderList .resourceCard .btn .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .cardSliderList .resourceCard--small .btn--icon .link a:hover, .cardSliderList .resourceCard--small .btn--primary--dark .link a:hover, .cardSliderList .resourceCard--small .btn--primary .link a:hover, .cardSliderList .resourceCard--small .btn--secondary .link a:hover, .cardSliderList .resourceCard--small .btn--small .link a:hover, .cardSliderList .resourceCard--small .btn--tertiary .link a:hover, .cardSliderList .resourceCard--small .btn .link a:hover, .cardSliderList .resourceCard .btn--icon .link a:hover, .cardSliderList .resourceCard .btn--primary--dark .link a:hover, .cardSliderList .resourceCard .btn--primary .link a:hover, .cardSliderList .resourceCard .btn--secondary .link a:hover, .cardSliderList .resourceCard .btn--small .link a:hover, .cardSliderList .resourceCard .btn--tertiary .link a:hover, .cardSliderList .resourceCard .btn .link a:hover {
                    color: var(--m-01)
                }

            .cardSliderList .resourceCard--small .btn--icon mark, .cardSliderList .resourceCard--small .btn--icon mark[data-color=color], .cardSliderList .resourceCard--small .btn--primary--dark mark, .cardSliderList .resourceCard--small .btn--primary--dark mark[data-color=color], .cardSliderList .resourceCard--small .btn--primary mark, .cardSliderList .resourceCard--small .btn--primary mark[data-color=color], .cardSliderList .resourceCard--small .btn--secondary mark, .cardSliderList .resourceCard--small .btn--secondary mark[data-color=color], .cardSliderList .resourceCard--small .btn--small mark, .cardSliderList .resourceCard--small .btn--small mark[data-color=color], .cardSliderList .resourceCard--small .btn--tertiary mark, .cardSliderList .resourceCard--small .btn--tertiary mark[data-color=color], .cardSliderList .resourceCard--small .btn mark, .cardSliderList .resourceCard--small .btn mark[data-color=color], .cardSliderList .resourceCard .btn--icon mark, .cardSliderList .resourceCard .btn--icon mark[data-color=color], .cardSliderList .resourceCard .btn--primary--dark mark, .cardSliderList .resourceCard .btn--primary--dark mark[data-color=color], .cardSliderList .resourceCard .btn--primary mark, .cardSliderList .resourceCard .btn--primary mark[data-color=color], .cardSliderList .resourceCard .btn--secondary mark, .cardSliderList .resourceCard .btn--secondary mark[data-color=color], .cardSliderList .resourceCard .btn--small mark, .cardSliderList .resourceCard .btn--small mark[data-color=color], .cardSliderList .resourceCard .btn--tertiary mark, .cardSliderList .resourceCard .btn--tertiary mark[data-color=color], .cardSliderList .resourceCard .btn mark, .cardSliderList .resourceCard .btn mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .cardSliderList .resourceCard--small .btn--icon mark[data-color=gray], .cardSliderList .resourceCard--small .btn--primary--dark mark[data-color=gray], .cardSliderList .resourceCard--small .btn--primary mark[data-color=gray], .cardSliderList .resourceCard--small .btn--secondary mark[data-color=gray], .cardSliderList .resourceCard--small .btn--small mark[data-color=gray], .cardSliderList .resourceCard--small .btn--tertiary mark[data-color=gray], .cardSliderList .resourceCard--small .btn mark[data-color=gray], .cardSliderList .resourceCard .btn--icon mark[data-color=gray], .cardSliderList .resourceCard .btn--primary--dark mark[data-color=gray], .cardSliderList .resourceCard .btn--primary mark[data-color=gray], .cardSliderList .resourceCard .btn--secondary mark[data-color=gray], .cardSliderList .resourceCard .btn--small mark[data-color=gray], .cardSliderList .resourceCard .btn--tertiary mark[data-color=gray], .cardSliderList .resourceCard .btn mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .cardSliderList .resourceCard--small .btn--icon mark[data-color=default], .cardSliderList .resourceCard--small .btn--primary--dark mark[data-color=default], .cardSliderList .resourceCard--small .btn--primary mark[data-color=default], .cardSliderList .resourceCard--small .btn--secondary mark[data-color=default], .cardSliderList .resourceCard--small .btn--small mark[data-color=default], .cardSliderList .resourceCard--small .btn--tertiary mark[data-color=default], .cardSliderList .resourceCard--small .btn mark[data-color=default], .cardSliderList .resourceCard .btn--icon mark[data-color=default], .cardSliderList .resourceCard .btn--primary--dark mark[data-color=default], .cardSliderList .resourceCard .btn--primary mark[data-color=default], .cardSliderList .resourceCard .btn--secondary mark[data-color=default], .cardSliderList .resourceCard .btn--small mark[data-color=default], .cardSliderList .resourceCard .btn--tertiary mark[data-color=default], .cardSliderList .resourceCard .btn mark[data-color=default] {
                    color: var(--neu-10)
                }

            .cardSliderList .resourceCard--small .btn--icon span.m-01--dark-01, .cardSliderList .resourceCard--small .btn--icon span[data-color=color], .cardSliderList .resourceCard--small .btn--primary--dark span.m-01--dark-01, .cardSliderList .resourceCard--small .btn--primary--dark span[data-color=color], .cardSliderList .resourceCard--small .btn--primary span.m-01--dark-01, .cardSliderList .resourceCard--small .btn--primary span[data-color=color], .cardSliderList .resourceCard--small .btn--secondary span.m-01--dark-01, .cardSliderList .resourceCard--small .btn--secondary span[data-color=color], .cardSliderList .resourceCard--small .btn--small span.m-01--dark-01, .cardSliderList .resourceCard--small .btn--small span[data-color=color], .cardSliderList .resourceCard--small .btn--tertiary span.m-01--dark-01, .cardSliderList .resourceCard--small .btn--tertiary span[data-color=color], .cardSliderList .resourceCard--small .btn span.m-01--dark-01, .cardSliderList .resourceCard--small .btn span[data-color=color], .cardSliderList .resourceCard .btn--icon span.m-01--dark-01, .cardSliderList .resourceCard .btn--icon span[data-color=color], .cardSliderList .resourceCard .btn--primary--dark span.m-01--dark-01, .cardSliderList .resourceCard .btn--primary--dark span[data-color=color], .cardSliderList .resourceCard .btn--primary span.m-01--dark-01, .cardSliderList .resourceCard .btn--primary span[data-color=color], .cardSliderList .resourceCard .btn--secondary span.m-01--dark-01, .cardSliderList .resourceCard .btn--secondary span[data-color=color], .cardSliderList .resourceCard .btn--small span.m-01--dark-01, .cardSliderList .resourceCard .btn--small span[data-color=color], .cardSliderList .resourceCard .btn--tertiary span.m-01--dark-01, .cardSliderList .resourceCard .btn--tertiary span[data-color=color], .cardSliderList .resourceCard .btn span.m-01--dark-01, .cardSliderList .resourceCard .btn span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .cardSliderList .resourceCard--small .btn--icon span.neu-07, .cardSliderList .resourceCard--small .btn--icon span[data-color=gray], .cardSliderList .resourceCard--small .btn--primary--dark span.neu-07, .cardSliderList .resourceCard--small .btn--primary--dark span[data-color=gray], .cardSliderList .resourceCard--small .btn--primary span.neu-07, .cardSliderList .resourceCard--small .btn--primary span[data-color=gray], .cardSliderList .resourceCard--small .btn--secondary span.neu-07, .cardSliderList .resourceCard--small .btn--secondary span[data-color=gray], .cardSliderList .resourceCard--small .btn--small span.neu-07, .cardSliderList .resourceCard--small .btn--small span[data-color=gray], .cardSliderList .resourceCard--small .btn--tertiary span.neu-07, .cardSliderList .resourceCard--small .btn--tertiary span[data-color=gray], .cardSliderList .resourceCard--small .btn span.neu-07, .cardSliderList .resourceCard--small .btn span[data-color=gray], .cardSliderList .resourceCard .btn--icon span.neu-07, .cardSliderList .resourceCard .btn--icon span[data-color=gray], .cardSliderList .resourceCard .btn--primary--dark span.neu-07, .cardSliderList .resourceCard .btn--primary--dark span[data-color=gray], .cardSliderList .resourceCard .btn--primary span.neu-07, .cardSliderList .resourceCard .btn--primary span[data-color=gray], .cardSliderList .resourceCard .btn--secondary span.neu-07, .cardSliderList .resourceCard .btn--secondary span[data-color=gray], .cardSliderList .resourceCard .btn--small span.neu-07, .cardSliderList .resourceCard .btn--small span[data-color=gray], .cardSliderList .resourceCard .btn--tertiary span.neu-07, .cardSliderList .resourceCard .btn--tertiary span[data-color=gray], .cardSliderList .resourceCard .btn span.neu-07, .cardSliderList .resourceCard .btn span[data-color=gray] {
                color: var(--neu-07)
            }

            .cardSliderList .resourceCard--small .btn--icon span.neu-10, .cardSliderList .resourceCard--small .btn--icon span[data-color=default], .cardSliderList .resourceCard--small .btn--primary--dark span.neu-10, .cardSliderList .resourceCard--small .btn--primary--dark span[data-color=default], .cardSliderList .resourceCard--small .btn--primary span.neu-10, .cardSliderList .resourceCard--small .btn--primary span[data-color=default], .cardSliderList .resourceCard--small .btn--secondary span.neu-10, .cardSliderList .resourceCard--small .btn--secondary span[data-color=default], .cardSliderList .resourceCard--small .btn--small span.neu-10, .cardSliderList .resourceCard--small .btn--small span[data-color=default], .cardSliderList .resourceCard--small .btn--tertiary span.neu-10, .cardSliderList .resourceCard--small .btn--tertiary span[data-color=default], .cardSliderList .resourceCard--small .btn span.neu-10, .cardSliderList .resourceCard--small .btn span[data-color=default], .cardSliderList .resourceCard .btn--icon span.neu-10, .cardSliderList .resourceCard .btn--icon span[data-color=default], .cardSliderList .resourceCard .btn--primary--dark span.neu-10, .cardSliderList .resourceCard .btn--primary--dark span[data-color=default], .cardSliderList .resourceCard .btn--primary span.neu-10, .cardSliderList .resourceCard .btn--primary span[data-color=default], .cardSliderList .resourceCard .btn--secondary span.neu-10, .cardSliderList .resourceCard .btn--secondary span[data-color=default], .cardSliderList .resourceCard .btn--small span.neu-10, .cardSliderList .resourceCard .btn--small span[data-color=default], .cardSliderList .resourceCard .btn--tertiary span.neu-10, .cardSliderList .resourceCard .btn--tertiary span[data-color=default], .cardSliderList .resourceCard .btn span.neu-10, .cardSliderList .resourceCard .btn span[data-color=default] {
                color: var(--neu-10)
            }

            .cardSliderList .resourceCard--small .btn--icon b, .cardSliderList .resourceCard--small .btn--icon strong, .cardSliderList .resourceCard--small .btn--primary--dark b, .cardSliderList .resourceCard--small .btn--primary--dark strong, .cardSliderList .resourceCard--small .btn--primary b, .cardSliderList .resourceCard--small .btn--primary strong, .cardSliderList .resourceCard--small .btn--secondary b, .cardSliderList .resourceCard--small .btn--secondary strong, .cardSliderList .resourceCard--small .btn--small b, .cardSliderList .resourceCard--small .btn--small strong, .cardSliderList .resourceCard--small .btn--tertiary b, .cardSliderList .resourceCard--small .btn--tertiary strong, .cardSliderList .resourceCard--small .btn b, .cardSliderList .resourceCard--small .btn strong, .cardSliderList .resourceCard .btn--icon b, .cardSliderList .resourceCard .btn--icon strong, .cardSliderList .resourceCard .btn--primary--dark b, .cardSliderList .resourceCard .btn--primary--dark strong, .cardSliderList .resourceCard .btn--primary b, .cardSliderList .resourceCard .btn--primary strong, .cardSliderList .resourceCard .btn--secondary b, .cardSliderList .resourceCard .btn--secondary strong, .cardSliderList .resourceCard .btn--small b, .cardSliderList .resourceCard .btn--small strong, .cardSliderList .resourceCard .btn--tertiary b, .cardSliderList .resourceCard .btn--tertiary strong, .cardSliderList .resourceCard .btn b, .cardSliderList .resourceCard .btn strong {
                font-weight: 700
            }

            .cardSliderList .resourceCard--small .btn--icon em, .cardSliderList .resourceCard--small .btn--primary--dark em, .cardSliderList .resourceCard--small .btn--primary em, .cardSliderList .resourceCard--small .btn--secondary em, .cardSliderList .resourceCard--small .btn--small em, .cardSliderList .resourceCard--small .btn--tertiary em, .cardSliderList .resourceCard--small .btn em, .cardSliderList .resourceCard .btn--icon em, .cardSliderList .resourceCard .btn--primary--dark em, .cardSliderList .resourceCard .btn--primary em, .cardSliderList .resourceCard .btn--secondary em, .cardSliderList .resourceCard .btn--small em, .cardSliderList .resourceCard .btn--tertiary em, .cardSliderList .resourceCard .btn em {
                font-style: italic
            }

            .cardSliderList .resourceCard--small .btn--icon i, .cardSliderList .resourceCard--small .btn--primary--dark i, .cardSliderList .resourceCard--small .btn--primary i, .cardSliderList .resourceCard--small .btn--secondary i, .cardSliderList .resourceCard--small .btn--small i, .cardSliderList .resourceCard--small .btn--tertiary i, .cardSliderList .resourceCard--small .btn i, .cardSliderList .resourceCard .btn--icon i, .cardSliderList .resourceCard .btn--primary--dark i, .cardSliderList .resourceCard .btn--primary i, .cardSliderList .resourceCard .btn--secondary i, .cardSliderList .resourceCard .btn--small i, .cardSliderList .resourceCard .btn--tertiary i, .cardSliderList .resourceCard .btn i {
                min-width: 16px;
                width: 16px;
                height: 16px;
                font-size: 16px
            }

                .cardSliderList .resourceCard--small .btn--icon i:before, .cardSliderList .resourceCard--small .btn--primary--dark i:before, .cardSliderList .resourceCard--small .btn--primary i:before, .cardSliderList .resourceCard--small .btn--secondary i:before, .cardSliderList .resourceCard--small .btn--small i:before, .cardSliderList .resourceCard--small .btn--tertiary i:before, .cardSliderList .resourceCard--small .btn i:before, .cardSliderList .resourceCard .btn--icon i:before, .cardSliderList .resourceCard .btn--primary--dark i:before, .cardSliderList .resourceCard .btn--primary i:before, .cardSliderList .resourceCard .btn--secondary i:before, .cardSliderList .resourceCard .btn--small i:before, .cardSliderList .resourceCard .btn--tertiary i:before, .cardSliderList .resourceCard .btn i:before {
                    font-size: 16px;
                    font-weight: 400
                }

            .cardSliderList .resourceCard--small .btn--icon, .cardSliderList .resourceCard--small .btn--icon.btn--primary, .cardSliderList .resourceCard--small .btn--icon.btn--primary--dark, .cardSliderList .resourceCard--small .btn--icon.btn--secondary, .cardSliderList .resourceCard--small .btn--icon.btn--small, .cardSliderList .resourceCard--small .btn--icon.btn--tertiary, .cardSliderList .resourceCard--small .btn.btn--icon, .cardSliderList .resourceCard .btn--icon, .cardSliderList .resourceCard .btn--icon.btn--primary, .cardSliderList .resourceCard .btn--icon.btn--primary--dark, .cardSliderList .resourceCard .btn--icon.btn--secondary, .cardSliderList .resourceCard .btn--icon.btn--small, .cardSliderList .resourceCard .btn--icon.btn--tertiary, .cardSliderList .resourceCard .btn.btn--icon {
                width: 40px;
                min-width: 40px
            }

                .cardSliderList .resourceCard--small .btn--icon:hover, .cardSliderList .resourceCard--small .btn--primary--dark:hover, .cardSliderList .resourceCard--small .btn--primary:hover, .cardSliderList .resourceCard--small .btn--secondary:hover, .cardSliderList .resourceCard--small .btn--small:hover, .cardSliderList .resourceCard--small .btn--tertiary:hover, .cardSliderList .resourceCard--small .btn:hover, .cardSliderList .resourceCard .btn--icon:hover, .cardSliderList .resourceCard .btn--primary--dark:hover, .cardSliderList .resourceCard .btn--primary:hover, .cardSliderList .resourceCard .btn--secondary:hover, .cardSliderList .resourceCard .btn--small:hover, .cardSliderList .resourceCard .btn--tertiary:hover, .cardSliderList .resourceCard .btn:hover {
                    color: var(--m-01--dark-01)
                }

    .cardSliderList .resultsCard, .cardSliderList .resultsCard--small {
        max-width: 960px;
        min-height: auto;
        padding: 0 0 16px;
        border-radius: 0;
        flex-direction: column
    }

        .cardSliderList .resultsCard--small .resultsCard__image, .cardSliderList .resultsCard .resultsCard__image {
            height: 126px;
            width: 100%;
            margin-right: 0;
            margin-bottom: 16px
        }

        .cardSliderList .resultsCard--small .resultsCard__content, .cardSliderList .resultsCard .resultsCard__content {
            flex: 2;
            justify-content: flex-start
        }

        .cardSliderList .resultsCard--small .resultsCard__topInfo, .cardSliderList .resultsCard .resultsCard__topInfo {
            flex-direction: column
        }

        .cardSliderList .resultsCard--small .resultsCard__sideInfo, .cardSliderList .resultsCard .resultsCard__sideInfo {
            order: 1;
            transform: none;
            justify-content: space-between;
            margin-bottom: 16px
        }

        .cardSliderList .resultsCard--small .resultsCard__labels, .cardSliderList .resultsCard .resultsCard__labels {
            order: 2
        }

        .cardSliderList .resultsCard--small .resultsCard__text, .cardSliderList .resultsCard .resultsCard__text {
            padding: 0
        }

        .cardSliderList .resultsCard--small .resultsCard__description, .cardSliderList .resultsCard .resultsCard__description {
            margin-top: 4px
        }

        .cardSliderList .resultsCard--small .resultsCard__bottomInfo, .cardSliderList .resultsCard .resultsCard__bottomInfo {
            margin-top: 8px
        }
}

@media (max-width:1024px) and (max-width:512px) {
    .cardSliderList .resultsCard--small .resultsCard__bottomInfo, .cardSliderList .resultsCard .resultsCard__bottomInfo {
        flex-direction: column;
        align-items: flex-start
    }
}

@media (max-width:1024px) and (max-width:512px) {
    .cardSliderList .resultsCard--small .resultsCard__btnContainer, .cardSliderList .resultsCard .resultsCard__btnContainer {
        margin-top: 8px;
        width: 100%;
        display: flex;
        justify-content: flex-end
    }
}

@media (max-width:1024px) {
    .cardSliderList .resultsCard--small .btnBookmark, .cardSliderList .resultsCard--small .btnBookmark--small, .cardSliderList .resultsCard .btnBookmark, .cardSliderList .resultsCard .btnBookmark--small {
        transform: translateX(16px);
        width: 48px
    }

    .cardSliderList .thumbResultsCard, .cardSliderList .thumbResultsCard--small {
        max-width: 636px;
        flex-direction: row
    }

        .cardSliderList .thumbResultsCard--small .thumbResultsCard__image, .cardSliderList .thumbResultsCard .thumbResultsCard__image {
            height: auto;
            width: 89px;
            min-width: 89px;
            border-top-left-radius: 2px;
            border-top-right-radius: 0;
            border-bottom-left-radius: 2px
        }

        .cardSliderList .thumbResultsCard--small .thumbResultsCard__content, .cardSliderList .thumbResultsCard .thumbResultsCard__content {
            justify-content: flex-start
        }

        .cardSliderList .thumbResultsCard--small .thumbResultsCard__sideInfo, .cardSliderList .thumbResultsCard .thumbResultsCard__sideInfo {
            transform: none;
            justify-content: space-between
        }

        .cardSliderList .thumbResultsCard--small .thumbResultsCard__text, .cardSliderList .thumbResultsCard .thumbResultsCard__text {
            padding: 0
        }

        .cardSliderList .thumbResultsCard--small .thumbResultsCard__description, .cardSliderList .thumbResultsCard .thumbResultsCard__description {
            margin-top: 4px
        }
}

@media (max-width:1024px) and (max-width:512px) {
    .cardSliderList .thumbResultsCard--small .thumbResultsCard__btnContainer, .cardSliderList .thumbResultsCard .thumbResultsCard__btnContainer {
        margin-top: 8px
    }
}

@media (max-width:1024px) {
    .cardSliderList .supplierCard, .cardSliderList .supplierCard--small {
        max-width: 960px;
        min-height: 214px
    }

        .cardSliderList .supplierCard--small .supplierCard__container, .cardSliderList .supplierCard .supplierCard__container {
            padding: 24px 16px
        }

            .cardSliderList .supplierCard--small .supplierCard__container.opened, .cardSliderList .supplierCard .supplierCard__container.opened {
                max-width: 90vw;
                padding: 24px 40px 24px 24px
            }
}

@media (max-width:1024px) and (max-width:768px) {
    .cardSliderList .supplierCard--small .supplierCard__container.opened, .cardSliderList .supplierCard .supplierCard__container.opened {
        padding: 24px
    }
}

@media (max-width:1024px) {
    .cardSliderList .supplierCard--small .supplierCard__container.opened .supplierCard__content, .cardSliderList .supplierCard .supplierCard__container.opened .supplierCard__content {
        max-width: calc(100% - 120px - 16px)
    }
}

@media (max-width:1024px) and (max-width:768px) {
    .cardSliderList .supplierCard--small .supplierCard__container.opened .supplierCard__content, .cardSliderList .supplierCard .supplierCard__container.opened .supplierCard__content {
        max-width: 100%
    }
}

@media (max-width:1024px) {
    .cardSliderList .supplierCard--small .supplierCard__container.opened .supplierCard__image, .cardSliderList .supplierCard .supplierCard__container.opened .supplierCard__image {
        width: 120px;
        height: 120px
    }

    .cardSliderList .supplierCard--small .supplierCard__image, .cardSliderList .supplierCard .supplierCard__image {
        max-width: 110px;
        width: calc(15% - 16px);
        margin-right: 16px
    }
}

@media (max-width:1024px) and (max-width:768px) {
    .cardSliderList .supplierCard--small .supplierCard__image, .cardSliderList .supplierCard .supplierCard__image {
        width: calc(25% - 16px)
    }
}

@media (max-width:1024px) and (max-width:512px) {
    .cardSliderList .supplierCard--small .supplierCard__image, .cardSliderList .supplierCard .supplierCard__image {
        width: calc(40% - 16px)
    }
}

@media (max-width:1024px) {
    .cardSliderList .supplierCard--small .supplierCard__content, .cardSliderList .supplierCard .supplierCard__content {
        max-width: 85%
    }
}

@media (max-width:1024px) and (max-width:768px) {
    .cardSliderList .supplierCard--small .supplierCard__content, .cardSliderList .supplierCard .supplierCard__content {
        max-width: 75%
    }
}

@media (max-width:1024px) and (max-width:512px) {
    .cardSliderList .supplierCard--small .supplierCard__content, .cardSliderList .supplierCard .supplierCard__content {
        max-width: 60%
    }
}

@media (max-width:1024px) and (max-width:768px) {
    .cardSliderList .supplierCard--small .supplierCard__title, .cardSliderList .supplierCard .supplierCard__title {
        margin: 16px 0 8px
    }
}

@media (max-width:1024px) {
    .cardSliderList .supplierCard--small .supplierCard__link, .cardSliderList .supplierCard .supplierCard__link {
        right: -40px
    }
}

@media (max-width:1024px) and (max-width:768px) {
    .cardSliderList .supplierCard--small .supplierCard__link, .cardSliderList .supplierCard .supplierCard__link {
        right: -24px
    }
}

@media (max-width:1024px) {
    .cardSliderList .supplierCard--small .supplierCard__shortDescription, .cardSliderList .supplierCard .supplierCard__shortDescription {
        max-width: none
    }

    .cardSliderList .supplierCard--small .openExpandedCard, .cardSliderList .supplierCard--small .openExpandedCard button, .cardSliderList .supplierCard .openExpandedCard, .cardSliderList .supplierCard .openExpandedCard button {
        width: 100%
    }

    .cardSliderList .supplierCard--small .closeExpandedCard, .cardSliderList .supplierCard .closeExpandedCard {
        top: 16px;
        right: 8px
    }

    .cardSliderList .supplierCard--small .btn, .cardSliderList .supplierCard--small .btn--icon, .cardSliderList .supplierCard--small .btn--primary, .cardSliderList .supplierCard--small .btn--primary--dark, .cardSliderList .supplierCard--small .btn--secondary, .cardSliderList .supplierCard--small .btn--small, .cardSliderList .supplierCard--small .btn--tertiary, .cardSliderList .supplierCard .btn, .cardSliderList .supplierCard .btn--icon, .cardSliderList .supplierCard .btn--primary, .cardSliderList .supplierCard .btn--primary--dark, .cardSliderList .supplierCard .btn--secondary, .cardSliderList .supplierCard .btn--small, .cardSliderList .supplierCard .btn--tertiary {
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-stretch: normal;
        letter-spacing: normal;
        font-family: Inter,sans-serif;
        font-size: .813rem;
        line-height: 1.538em;
        letter-spacing: -.003em;
        font-weight: 400;
        font-weight: 700;
        padding: 0 20px;
        height: 40px
    }

        .cardSliderList .supplierCard--small .btn--icon .link a, .cardSliderList .supplierCard--small .btn--primary--dark .link a, .cardSliderList .supplierCard--small .btn--primary .link a, .cardSliderList .supplierCard--small .btn--secondary .link a, .cardSliderList .supplierCard--small .btn--small .link a, .cardSliderList .supplierCard--small .btn--tertiary .link a, .cardSliderList .supplierCard--small .btn .link a, .cardSliderList .supplierCard .btn--icon .link a, .cardSliderList .supplierCard .btn--primary--dark .link a, .cardSliderList .supplierCard .btn--primary .link a, .cardSliderList .supplierCard .btn--secondary .link a, .cardSliderList .supplierCard .btn--small .link a, .cardSliderList .supplierCard .btn--tertiary .link a, .cardSliderList .supplierCard .btn .link a {
            transition: all .1s ease;
            text-decoration: underline;
            color: var(--m-01--dark-01)
        }

            .cardSliderList .supplierCard--small .btn--icon .link a:hover, .cardSliderList .supplierCard--small .btn--primary--dark .link a:hover, .cardSliderList .supplierCard--small .btn--primary .link a:hover, .cardSliderList .supplierCard--small .btn--secondary .link a:hover, .cardSliderList .supplierCard--small .btn--small .link a:hover, .cardSliderList .supplierCard--small .btn--tertiary .link a:hover, .cardSliderList .supplierCard--small .btn .link a:hover, .cardSliderList .supplierCard .btn--icon .link a:hover, .cardSliderList .supplierCard .btn--primary--dark .link a:hover, .cardSliderList .supplierCard .btn--primary .link a:hover, .cardSliderList .supplierCard .btn--secondary .link a:hover, .cardSliderList .supplierCard .btn--small .link a:hover, .cardSliderList .supplierCard .btn--tertiary .link a:hover, .cardSliderList .supplierCard .btn .link a:hover {
                color: var(--m-01)
            }

        .cardSliderList .supplierCard--small .btn--icon mark, .cardSliderList .supplierCard--small .btn--icon mark[data-color=color], .cardSliderList .supplierCard--small .btn--primary--dark mark, .cardSliderList .supplierCard--small .btn--primary--dark mark[data-color=color], .cardSliderList .supplierCard--small .btn--primary mark, .cardSliderList .supplierCard--small .btn--primary mark[data-color=color], .cardSliderList .supplierCard--small .btn--secondary mark, .cardSliderList .supplierCard--small .btn--secondary mark[data-color=color], .cardSliderList .supplierCard--small .btn--small mark, .cardSliderList .supplierCard--small .btn--small mark[data-color=color], .cardSliderList .supplierCard--small .btn--tertiary mark, .cardSliderList .supplierCard--small .btn--tertiary mark[data-color=color], .cardSliderList .supplierCard--small .btn mark, .cardSliderList .supplierCard--small .btn mark[data-color=color], .cardSliderList .supplierCard .btn--icon mark, .cardSliderList .supplierCard .btn--icon mark[data-color=color], .cardSliderList .supplierCard .btn--primary--dark mark, .cardSliderList .supplierCard .btn--primary--dark mark[data-color=color], .cardSliderList .supplierCard .btn--primary mark, .cardSliderList .supplierCard .btn--primary mark[data-color=color], .cardSliderList .supplierCard .btn--secondary mark, .cardSliderList .supplierCard .btn--secondary mark[data-color=color], .cardSliderList .supplierCard .btn--small mark, .cardSliderList .supplierCard .btn--small mark[data-color=color], .cardSliderList .supplierCard .btn--tertiary mark, .cardSliderList .supplierCard .btn--tertiary mark[data-color=color], .cardSliderList .supplierCard .btn mark, .cardSliderList .supplierCard .btn mark[data-color=color] {
            color: var(--m-01--dark-01)
        }

            .cardSliderList .supplierCard--small .btn--icon mark[data-color=gray], .cardSliderList .supplierCard--small .btn--primary--dark mark[data-color=gray], .cardSliderList .supplierCard--small .btn--primary mark[data-color=gray], .cardSliderList .supplierCard--small .btn--secondary mark[data-color=gray], .cardSliderList .supplierCard--small .btn--small mark[data-color=gray], .cardSliderList .supplierCard--small .btn--tertiary mark[data-color=gray], .cardSliderList .supplierCard--small .btn mark[data-color=gray], .cardSliderList .supplierCard .btn--icon mark[data-color=gray], .cardSliderList .supplierCard .btn--primary--dark mark[data-color=gray], .cardSliderList .supplierCard .btn--primary mark[data-color=gray], .cardSliderList .supplierCard .btn--secondary mark[data-color=gray], .cardSliderList .supplierCard .btn--small mark[data-color=gray], .cardSliderList .supplierCard .btn--tertiary mark[data-color=gray], .cardSliderList .supplierCard .btn mark[data-color=gray] {
                color: var(--neu-07)
            }

            .cardSliderList .supplierCard--small .btn--icon mark[data-color=default], .cardSliderList .supplierCard--small .btn--primary--dark mark[data-color=default], .cardSliderList .supplierCard--small .btn--primary mark[data-color=default], .cardSliderList .supplierCard--small .btn--secondary mark[data-color=default], .cardSliderList .supplierCard--small .btn--small mark[data-color=default], .cardSliderList .supplierCard--small .btn--tertiary mark[data-color=default], .cardSliderList .supplierCard--small .btn mark[data-color=default], .cardSliderList .supplierCard .btn--icon mark[data-color=default], .cardSliderList .supplierCard .btn--primary--dark mark[data-color=default], .cardSliderList .supplierCard .btn--primary mark[data-color=default], .cardSliderList .supplierCard .btn--secondary mark[data-color=default], .cardSliderList .supplierCard .btn--small mark[data-color=default], .cardSliderList .supplierCard .btn--tertiary mark[data-color=default], .cardSliderList .supplierCard .btn mark[data-color=default] {
                color: var(--neu-10)
            }

        .cardSliderList .supplierCard--small .btn--icon span.m-01--dark-01, .cardSliderList .supplierCard--small .btn--icon span[data-color=color], .cardSliderList .supplierCard--small .btn--primary--dark span.m-01--dark-01, .cardSliderList .supplierCard--small .btn--primary--dark span[data-color=color], .cardSliderList .supplierCard--small .btn--primary span.m-01--dark-01, .cardSliderList .supplierCard--small .btn--primary span[data-color=color], .cardSliderList .supplierCard--small .btn--secondary span.m-01--dark-01, .cardSliderList .supplierCard--small .btn--secondary span[data-color=color], .cardSliderList .supplierCard--small .btn--small span.m-01--dark-01, .cardSliderList .supplierCard--small .btn--small span[data-color=color], .cardSliderList .supplierCard--small .btn--tertiary span.m-01--dark-01, .cardSliderList .supplierCard--small .btn--tertiary span[data-color=color], .cardSliderList .supplierCard--small .btn span.m-01--dark-01, .cardSliderList .supplierCard--small .btn span[data-color=color], .cardSliderList .supplierCard .btn--icon span.m-01--dark-01, .cardSliderList .supplierCard .btn--icon span[data-color=color], .cardSliderList .supplierCard .btn--primary--dark span.m-01--dark-01, .cardSliderList .supplierCard .btn--primary--dark span[data-color=color], .cardSliderList .supplierCard .btn--primary span.m-01--dark-01, .cardSliderList .supplierCard .btn--primary span[data-color=color], .cardSliderList .supplierCard .btn--secondary span.m-01--dark-01, .cardSliderList .supplierCard .btn--secondary span[data-color=color], .cardSliderList .supplierCard .btn--small span.m-01--dark-01, .cardSliderList .supplierCard .btn--small span[data-color=color], .cardSliderList .supplierCard .btn--tertiary span.m-01--dark-01, .cardSliderList .supplierCard .btn--tertiary span[data-color=color], .cardSliderList .supplierCard .btn span.m-01--dark-01, .cardSliderList .supplierCard .btn span[data-color=color] {
            color: var(--m-01--dark-01)
        }

        .cardSliderList .supplierCard--small .btn--icon span.neu-07, .cardSliderList .supplierCard--small .btn--icon span[data-color=gray], .cardSliderList .supplierCard--small .btn--primary--dark span.neu-07, .cardSliderList .supplierCard--small .btn--primary--dark span[data-color=gray], .cardSliderList .supplierCard--small .btn--primary span.neu-07, .cardSliderList .supplierCard--small .btn--primary span[data-color=gray], .cardSliderList .supplierCard--small .btn--secondary span.neu-07, .cardSliderList .supplierCard--small .btn--secondary span[data-color=gray], .cardSliderList .supplierCard--small .btn--small span.neu-07, .cardSliderList .supplierCard--small .btn--small span[data-color=gray], .cardSliderList .supplierCard--small .btn--tertiary span.neu-07, .cardSliderList .supplierCard--small .btn--tertiary span[data-color=gray], .cardSliderList .supplierCard--small .btn span.neu-07, .cardSliderList .supplierCard--small .btn span[data-color=gray], .cardSliderList .supplierCard .btn--icon span.neu-07, .cardSliderList .supplierCard .btn--icon span[data-color=gray], .cardSliderList .supplierCard .btn--primary--dark span.neu-07, .cardSliderList .supplierCard .btn--primary--dark span[data-color=gray], .cardSliderList .supplierCard .btn--primary span.neu-07, .cardSliderList .supplierCard .btn--primary span[data-color=gray], .cardSliderList .supplierCard .btn--secondary span.neu-07, .cardSliderList .supplierCard .btn--secondary span[data-color=gray], .cardSliderList .supplierCard .btn--small span.neu-07, .cardSliderList .supplierCard .btn--small span[data-color=gray], .cardSliderList .supplierCard .btn--tertiary span.neu-07, .cardSliderList .supplierCard .btn--tertiary span[data-color=gray], .cardSliderList .supplierCard .btn span.neu-07, .cardSliderList .supplierCard .btn span[data-color=gray] {
            color: var(--neu-07)
        }

        .cardSliderList .supplierCard--small .btn--icon span.neu-10, .cardSliderList .supplierCard--small .btn--icon span[data-color=default], .cardSliderList .supplierCard--small .btn--primary--dark span.neu-10, .cardSliderList .supplierCard--small .btn--primary--dark span[data-color=default], .cardSliderList .supplierCard--small .btn--primary span.neu-10, .cardSliderList .supplierCard--small .btn--primary span[data-color=default], .cardSliderList .supplierCard--small .btn--secondary span.neu-10, .cardSliderList .supplierCard--small .btn--secondary span[data-color=default], .cardSliderList .supplierCard--small .btn--small span.neu-10, .cardSliderList .supplierCard--small .btn--small span[data-color=default], .cardSliderList .supplierCard--small .btn--tertiary span.neu-10, .cardSliderList .supplierCard--small .btn--tertiary span[data-color=default], .cardSliderList .supplierCard--small .btn span.neu-10, .cardSliderList .supplierCard--small .btn span[data-color=default], .cardSliderList .supplierCard .btn--icon span.neu-10, .cardSliderList .supplierCard .btn--icon span[data-color=default], .cardSliderList .supplierCard .btn--primary--dark span.neu-10, .cardSliderList .supplierCard .btn--primary--dark span[data-color=default], .cardSliderList .supplierCard .btn--primary span.neu-10, .cardSliderList .supplierCard .btn--primary span[data-color=default], .cardSliderList .supplierCard .btn--secondary span.neu-10, .cardSliderList .supplierCard .btn--secondary span[data-color=default], .cardSliderList .supplierCard .btn--small span.neu-10, .cardSliderList .supplierCard .btn--small span[data-color=default], .cardSliderList .supplierCard .btn--tertiary span.neu-10, .cardSliderList .supplierCard .btn--tertiary span[data-color=default], .cardSliderList .supplierCard .btn span.neu-10, .cardSliderList .supplierCard .btn span[data-color=default] {
            color: var(--neu-10)
        }

        .cardSliderList .supplierCard--small .btn--icon b, .cardSliderList .supplierCard--small .btn--icon strong, .cardSliderList .supplierCard--small .btn--primary--dark b, .cardSliderList .supplierCard--small .btn--primary--dark strong, .cardSliderList .supplierCard--small .btn--primary b, .cardSliderList .supplierCard--small .btn--primary strong, .cardSliderList .supplierCard--small .btn--secondary b, .cardSliderList .supplierCard--small .btn--secondary strong, .cardSliderList .supplierCard--small .btn--small b, .cardSliderList .supplierCard--small .btn--small strong, .cardSliderList .supplierCard--small .btn--tertiary b, .cardSliderList .supplierCard--small .btn--tertiary strong, .cardSliderList .supplierCard--small .btn b, .cardSliderList .supplierCard--small .btn strong, .cardSliderList .supplierCard .btn--icon b, .cardSliderList .supplierCard .btn--icon strong, .cardSliderList .supplierCard .btn--primary--dark b, .cardSliderList .supplierCard .btn--primary--dark strong, .cardSliderList .supplierCard .btn--primary b, .cardSliderList .supplierCard .btn--primary strong, .cardSliderList .supplierCard .btn--secondary b, .cardSliderList .supplierCard .btn--secondary strong, .cardSliderList .supplierCard .btn--small b, .cardSliderList .supplierCard .btn--small strong, .cardSliderList .supplierCard .btn--tertiary b, .cardSliderList .supplierCard .btn--tertiary strong, .cardSliderList .supplierCard .btn b, .cardSliderList .supplierCard .btn strong {
            font-weight: 700
        }

        .cardSliderList .supplierCard--small .btn--icon em, .cardSliderList .supplierCard--small .btn--primary--dark em, .cardSliderList .supplierCard--small .btn--primary em, .cardSliderList .supplierCard--small .btn--secondary em, .cardSliderList .supplierCard--small .btn--small em, .cardSliderList .supplierCard--small .btn--tertiary em, .cardSliderList .supplierCard--small .btn em, .cardSliderList .supplierCard .btn--icon em, .cardSliderList .supplierCard .btn--primary--dark em, .cardSliderList .supplierCard .btn--primary em, .cardSliderList .supplierCard .btn--secondary em, .cardSliderList .supplierCard .btn--small em, .cardSliderList .supplierCard .btn--tertiary em, .cardSliderList .supplierCard .btn em {
            font-style: italic
        }

        .cardSliderList .supplierCard--small .btn--icon i, .cardSliderList .supplierCard--small .btn--primary--dark i, .cardSliderList .supplierCard--small .btn--primary i, .cardSliderList .supplierCard--small .btn--secondary i, .cardSliderList .supplierCard--small .btn--small i, .cardSliderList .supplierCard--small .btn--tertiary i, .cardSliderList .supplierCard--small .btn i, .cardSliderList .supplierCard .btn--icon i, .cardSliderList .supplierCard .btn--primary--dark i, .cardSliderList .supplierCard .btn--primary i, .cardSliderList .supplierCard .btn--secondary i, .cardSliderList .supplierCard .btn--small i, .cardSliderList .supplierCard .btn--tertiary i, .cardSliderList .supplierCard .btn i {
            min-width: 16px;
            width: 16px;
            height: 16px;
            font-size: 16px
        }

            .cardSliderList .supplierCard--small .btn--icon i:before, .cardSliderList .supplierCard--small .btn--primary--dark i:before, .cardSliderList .supplierCard--small .btn--primary i:before, .cardSliderList .supplierCard--small .btn--secondary i:before, .cardSliderList .supplierCard--small .btn--small i:before, .cardSliderList .supplierCard--small .btn--tertiary i:before, .cardSliderList .supplierCard--small .btn i:before, .cardSliderList .supplierCard .btn--icon i:before, .cardSliderList .supplierCard .btn--primary--dark i:before, .cardSliderList .supplierCard .btn--primary i:before, .cardSliderList .supplierCard .btn--secondary i:before, .cardSliderList .supplierCard .btn--small i:before, .cardSliderList .supplierCard .btn--tertiary i:before, .cardSliderList .supplierCard .btn i:before {
                font-size: 16px;
                font-weight: 400
            }

        .cardSliderList .supplierCard--small .btn--icon, .cardSliderList .supplierCard--small .btn--icon.btn--primary, .cardSliderList .supplierCard--small .btn--icon.btn--primary--dark, .cardSliderList .supplierCard--small .btn--icon.btn--secondary, .cardSliderList .supplierCard--small .btn--icon.btn--small, .cardSliderList .supplierCard--small .btn--icon.btn--tertiary, .cardSliderList .supplierCard--small .btn.btn--icon, .cardSliderList .supplierCard .btn--icon, .cardSliderList .supplierCard .btn--icon.btn--primary, .cardSliderList .supplierCard .btn--icon.btn--primary--dark, .cardSliderList .supplierCard .btn--icon.btn--secondary, .cardSliderList .supplierCard .btn--icon.btn--small, .cardSliderList .supplierCard .btn--icon.btn--tertiary, .cardSliderList .supplierCard .btn.btn--icon {
            width: 40px;
            min-width: 40px
        }

    .cardSliderList .regionResultsCard, .cardSliderList .regionResultsCard--small {
        max-width: 960px;
        min-height: auto;
        padding: 0 0 24px;
        border-radius: 0;
        flex-direction: column
    }

        .cardSliderList .regionResultsCard--small .regionResultsCard__image, .cardSliderList .regionResultsCard .regionResultsCard__image {
            height: 100px;
            width: 100%;
            margin-right: 0;
            margin-bottom: 16px
        }

        .cardSliderList .regionResultsCard--small .regionResultsCard__title, .cardSliderList .regionResultsCard .regionResultsCard__title {
            margin-top: 4px
        }

        .cardSliderList .regionResultsCard--small .regionResultsCard__content, .cardSliderList .regionResultsCard .regionResultsCard__content {
            flex: 2;
            justify-content: flex-start
        }

        .cardSliderList .regionResultsCard--small .regionResultsCard__topInfo, .cardSliderList .regionResultsCard .regionResultsCard__topInfo {
            flex-direction: column
        }

        .cardSliderList .regionResultsCard--small .regionResultsCard__sideInfo, .cardSliderList .regionResultsCard .regionResultsCard__sideInfo {
            order: 1;
            transform: none;
            justify-content: space-between;
            margin-bottom: 16px
        }

        .cardSliderList .regionResultsCard--small .regionResultsCard__labels, .cardSliderList .regionResultsCard .regionResultsCard__labels {
            order: 2
        }

        .cardSliderList .regionResultsCard--small .regionResultsCard__text, .cardSliderList .regionResultsCard .regionResultsCard__text {
            padding: 0
        }

        .cardSliderList .regionResultsCard--small .regionResultsCard__bottomInfo, .cardSliderList .regionResultsCard .regionResultsCard__bottomInfo {
            margin-top: 8px;
            flex-direction: column;
            align-items: flex-start
        }

        .cardSliderList .regionResultsCard--small .regionResultsCard__btnContainer, .cardSliderList .regionResultsCard .regionResultsCard__btnContainer {
            width: 100%;
            display: flex
        }

            .cardSliderList .regionResultsCard--small .regionResultsCard__btnContainer .btn--primary, .cardSliderList .regionResultsCard .regionResultsCard__btnContainer .btn--primary {
                width: 100%
            }

        .cardSliderList .regionResultsCard--small .btnBookmark, .cardSliderList .regionResultsCard--small .btnBookmark--privateArea, .cardSliderList .regionResultsCard--small .btnBookmark--small, .cardSliderList .regionResultsCard .btnBookmark, .cardSliderList .regionResultsCard .btnBookmark--privateArea, .cardSliderList .regionResultsCard .btnBookmark--small {
            transform: translateX(20px)
        }

            .cardSliderList .regionResultsCard--small .btnBookmark--privateArea .btnBookmark, .cardSliderList .regionResultsCard--small .btnBookmark--privateArea .btnBookmark--small, .cardSliderList .regionResultsCard .btnBookmark--privateArea .btnBookmark, .cardSliderList .regionResultsCard .btnBookmark--privateArea .btnBookmark--small {
                transform: translateX(0)
            }

    .cardSliderList .resourceCard, .cardSliderList .resourceCard--small {
        max-width: 960px;
        min-height: 200px;
        height: 100%;
        padding: 24px 16px
    }

        .cardSliderList .resourceCard--small .resourceCard__title, .cardSliderList .resourceCard .resourceCard__title {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Inter,sans-serif;
            font-size: 1.188rem;
            line-height: 1.263em;
            letter-spacing: -.016em;
            font-weight: 400;
            margin-top: 4px
        }

            .cardSliderList .resourceCard--small .resourceCard__title .link a, .cardSliderList .resourceCard .resourceCard__title .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .cardSliderList .resourceCard--small .resourceCard__title .link a:hover, .cardSliderList .resourceCard .resourceCard__title .link a:hover {
                    color: var(--m-01)
                }

            .cardSliderList .resourceCard--small .resourceCard__title mark, .cardSliderList .resourceCard--small .resourceCard__title mark[data-color=color], .cardSliderList .resourceCard .resourceCard__title mark, .cardSliderList .resourceCard .resourceCard__title mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .cardSliderList .resourceCard--small .resourceCard__title mark[data-color=gray], .cardSliderList .resourceCard .resourceCard__title mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .cardSliderList .resourceCard--small .resourceCard__title mark[data-color=default], .cardSliderList .resourceCard .resourceCard__title mark[data-color=default] {
                    color: var(--neu-10)
                }

            .cardSliderList .resourceCard--small .resourceCard__title span.m-01--dark-01, .cardSliderList .resourceCard--small .resourceCard__title span[data-color=color], .cardSliderList .resourceCard .resourceCard__title span.m-01--dark-01, .cardSliderList .resourceCard .resourceCard__title span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .cardSliderList .resourceCard--small .resourceCard__title span.neu-07, .cardSliderList .resourceCard--small .resourceCard__title span[data-color=gray], .cardSliderList .resourceCard .resourceCard__title span.neu-07, .cardSliderList .resourceCard .resourceCard__title span[data-color=gray] {
                color: var(--neu-07)
            }

            .cardSliderList .resourceCard--small .resourceCard__title span.neu-10, .cardSliderList .resourceCard--small .resourceCard__title span[data-color=default], .cardSliderList .resourceCard .resourceCard__title span.neu-10, .cardSliderList .resourceCard .resourceCard__title span[data-color=default] {
                color: var(--neu-10)
            }

            .cardSliderList .resourceCard--small .resourceCard__title b, .cardSliderList .resourceCard--small .resourceCard__title strong, .cardSliderList .resourceCard .resourceCard__title b, .cardSliderList .resourceCard .resourceCard__title strong {
                font-weight: 700
            }

            .cardSliderList .resourceCard--small .resourceCard__title em, .cardSliderList .resourceCard .resourceCard__title em {
                font-style: italic
            }

        .cardSliderList .resourceCard--small .btn, .cardSliderList .resourceCard--small .btn--icon, .cardSliderList .resourceCard--small .btn--primary, .cardSliderList .resourceCard--small .btn--primary--dark, .cardSliderList .resourceCard--small .btn--secondary, .cardSliderList .resourceCard--small .btn--small, .cardSliderList .resourceCard--small .btn--tertiary, .cardSliderList .resourceCard .btn, .cardSliderList .resourceCard .btn--icon, .cardSliderList .resourceCard .btn--primary, .cardSliderList .resourceCard .btn--primary--dark, .cardSliderList .resourceCard .btn--secondary, .cardSliderList .resourceCard .btn--small, .cardSliderList .resourceCard .btn--tertiary {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Inter,sans-serif;
            font-size: .813rem;
            line-height: 1.538em;
            letter-spacing: -.003em;
            font-weight: 400;
            font-weight: 700;
            padding: 0 20px;
            height: 40px
        }

            .cardSliderList .resourceCard--small .btn--icon .link a, .cardSliderList .resourceCard--small .btn--primary--dark .link a, .cardSliderList .resourceCard--small .btn--primary .link a, .cardSliderList .resourceCard--small .btn--secondary .link a, .cardSliderList .resourceCard--small .btn--small .link a, .cardSliderList .resourceCard--small .btn--tertiary .link a, .cardSliderList .resourceCard--small .btn .link a, .cardSliderList .resourceCard .btn--icon .link a, .cardSliderList .resourceCard .btn--primary--dark .link a, .cardSliderList .resourceCard .btn--primary .link a, .cardSliderList .resourceCard .btn--secondary .link a, .cardSliderList .resourceCard .btn--small .link a, .cardSliderList .resourceCard .btn--tertiary .link a, .cardSliderList .resourceCard .btn .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .cardSliderList .resourceCard--small .btn--icon .link a:hover, .cardSliderList .resourceCard--small .btn--primary--dark .link a:hover, .cardSliderList .resourceCard--small .btn--primary .link a:hover, .cardSliderList .resourceCard--small .btn--secondary .link a:hover, .cardSliderList .resourceCard--small .btn--small .link a:hover, .cardSliderList .resourceCard--small .btn--tertiary .link a:hover, .cardSliderList .resourceCard--small .btn .link a:hover, .cardSliderList .resourceCard .btn--icon .link a:hover, .cardSliderList .resourceCard .btn--primary--dark .link a:hover, .cardSliderList .resourceCard .btn--primary .link a:hover, .cardSliderList .resourceCard .btn--secondary .link a:hover, .cardSliderList .resourceCard .btn--small .link a:hover, .cardSliderList .resourceCard .btn--tertiary .link a:hover, .cardSliderList .resourceCard .btn .link a:hover {
                    color: var(--m-01)
                }

            .cardSliderList .resourceCard--small .btn--icon mark, .cardSliderList .resourceCard--small .btn--icon mark[data-color=color], .cardSliderList .resourceCard--small .btn--primary--dark mark, .cardSliderList .resourceCard--small .btn--primary--dark mark[data-color=color], .cardSliderList .resourceCard--small .btn--primary mark, .cardSliderList .resourceCard--small .btn--primary mark[data-color=color], .cardSliderList .resourceCard--small .btn--secondary mark, .cardSliderList .resourceCard--small .btn--secondary mark[data-color=color], .cardSliderList .resourceCard--small .btn--small mark, .cardSliderList .resourceCard--small .btn--small mark[data-color=color], .cardSliderList .resourceCard--small .btn--tertiary mark, .cardSliderList .resourceCard--small .btn--tertiary mark[data-color=color], .cardSliderList .resourceCard--small .btn mark, .cardSliderList .resourceCard--small .btn mark[data-color=color], .cardSliderList .resourceCard .btn--icon mark, .cardSliderList .resourceCard .btn--icon mark[data-color=color], .cardSliderList .resourceCard .btn--primary--dark mark, .cardSliderList .resourceCard .btn--primary--dark mark[data-color=color], .cardSliderList .resourceCard .btn--primary mark, .cardSliderList .resourceCard .btn--primary mark[data-color=color], .cardSliderList .resourceCard .btn--secondary mark, .cardSliderList .resourceCard .btn--secondary mark[data-color=color], .cardSliderList .resourceCard .btn--small mark, .cardSliderList .resourceCard .btn--small mark[data-color=color], .cardSliderList .resourceCard .btn--tertiary mark, .cardSliderList .resourceCard .btn--tertiary mark[data-color=color], .cardSliderList .resourceCard .btn mark, .cardSliderList .resourceCard .btn mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .cardSliderList .resourceCard--small .btn--icon mark[data-color=gray], .cardSliderList .resourceCard--small .btn--primary--dark mark[data-color=gray], .cardSliderList .resourceCard--small .btn--primary mark[data-color=gray], .cardSliderList .resourceCard--small .btn--secondary mark[data-color=gray], .cardSliderList .resourceCard--small .btn--small mark[data-color=gray], .cardSliderList .resourceCard--small .btn--tertiary mark[data-color=gray], .cardSliderList .resourceCard--small .btn mark[data-color=gray], .cardSliderList .resourceCard .btn--icon mark[data-color=gray], .cardSliderList .resourceCard .btn--primary--dark mark[data-color=gray], .cardSliderList .resourceCard .btn--primary mark[data-color=gray], .cardSliderList .resourceCard .btn--secondary mark[data-color=gray], .cardSliderList .resourceCard .btn--small mark[data-color=gray], .cardSliderList .resourceCard .btn--tertiary mark[data-color=gray], .cardSliderList .resourceCard .btn mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .cardSliderList .resourceCard--small .btn--icon mark[data-color=default], .cardSliderList .resourceCard--small .btn--primary--dark mark[data-color=default], .cardSliderList .resourceCard--small .btn--primary mark[data-color=default], .cardSliderList .resourceCard--small .btn--secondary mark[data-color=default], .cardSliderList .resourceCard--small .btn--small mark[data-color=default], .cardSliderList .resourceCard--small .btn--tertiary mark[data-color=default], .cardSliderList .resourceCard--small .btn mark[data-color=default], .cardSliderList .resourceCard .btn--icon mark[data-color=default], .cardSliderList .resourceCard .btn--primary--dark mark[data-color=default], .cardSliderList .resourceCard .btn--primary mark[data-color=default], .cardSliderList .resourceCard .btn--secondary mark[data-color=default], .cardSliderList .resourceCard .btn--small mark[data-color=default], .cardSliderList .resourceCard .btn--tertiary mark[data-color=default], .cardSliderList .resourceCard .btn mark[data-color=default] {
                    color: var(--neu-10)
                }

            .cardSliderList .resourceCard--small .btn--icon span.m-01--dark-01, .cardSliderList .resourceCard--small .btn--icon span[data-color=color], .cardSliderList .resourceCard--small .btn--primary--dark span.m-01--dark-01, .cardSliderList .resourceCard--small .btn--primary--dark span[data-color=color], .cardSliderList .resourceCard--small .btn--primary span.m-01--dark-01, .cardSliderList .resourceCard--small .btn--primary span[data-color=color], .cardSliderList .resourceCard--small .btn--secondary span.m-01--dark-01, .cardSliderList .resourceCard--small .btn--secondary span[data-color=color], .cardSliderList .resourceCard--small .btn--small span.m-01--dark-01, .cardSliderList .resourceCard--small .btn--small span[data-color=color], .cardSliderList .resourceCard--small .btn--tertiary span.m-01--dark-01, .cardSliderList .resourceCard--small .btn--tertiary span[data-color=color], .cardSliderList .resourceCard--small .btn span.m-01--dark-01, .cardSliderList .resourceCard--small .btn span[data-color=color], .cardSliderList .resourceCard .btn--icon span.m-01--dark-01, .cardSliderList .resourceCard .btn--icon span[data-color=color], .cardSliderList .resourceCard .btn--primary--dark span.m-01--dark-01, .cardSliderList .resourceCard .btn--primary--dark span[data-color=color], .cardSliderList .resourceCard .btn--primary span.m-01--dark-01, .cardSliderList .resourceCard .btn--primary span[data-color=color], .cardSliderList .resourceCard .btn--secondary span.m-01--dark-01, .cardSliderList .resourceCard .btn--secondary span[data-color=color], .cardSliderList .resourceCard .btn--small span.m-01--dark-01, .cardSliderList .resourceCard .btn--small span[data-color=color], .cardSliderList .resourceCard .btn--tertiary span.m-01--dark-01, .cardSliderList .resourceCard .btn--tertiary span[data-color=color], .cardSliderList .resourceCard .btn span.m-01--dark-01, .cardSliderList .resourceCard .btn span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .cardSliderList .resourceCard--small .btn--icon span.neu-07, .cardSliderList .resourceCard--small .btn--icon span[data-color=gray], .cardSliderList .resourceCard--small .btn--primary--dark span.neu-07, .cardSliderList .resourceCard--small .btn--primary--dark span[data-color=gray], .cardSliderList .resourceCard--small .btn--primary span.neu-07, .cardSliderList .resourceCard--small .btn--primary span[data-color=gray], .cardSliderList .resourceCard--small .btn--secondary span.neu-07, .cardSliderList .resourceCard--small .btn--secondary span[data-color=gray], .cardSliderList .resourceCard--small .btn--small span.neu-07, .cardSliderList .resourceCard--small .btn--small span[data-color=gray], .cardSliderList .resourceCard--small .btn--tertiary span.neu-07, .cardSliderList .resourceCard--small .btn--tertiary span[data-color=gray], .cardSliderList .resourceCard--small .btn span.neu-07, .cardSliderList .resourceCard--small .btn span[data-color=gray], .cardSliderList .resourceCard .btn--icon span.neu-07, .cardSliderList .resourceCard .btn--icon span[data-color=gray], .cardSliderList .resourceCard .btn--primary--dark span.neu-07, .cardSliderList .resourceCard .btn--primary--dark span[data-color=gray], .cardSliderList .resourceCard .btn--primary span.neu-07, .cardSliderList .resourceCard .btn--primary span[data-color=gray], .cardSliderList .resourceCard .btn--secondary span.neu-07, .cardSliderList .resourceCard .btn--secondary span[data-color=gray], .cardSliderList .resourceCard .btn--small span.neu-07, .cardSliderList .resourceCard .btn--small span[data-color=gray], .cardSliderList .resourceCard .btn--tertiary span.neu-07, .cardSliderList .resourceCard .btn--tertiary span[data-color=gray], .cardSliderList .resourceCard .btn span.neu-07, .cardSliderList .resourceCard .btn span[data-color=gray] {
                color: var(--neu-07)
            }

            .cardSliderList .resourceCard--small .btn--icon span.neu-10, .cardSliderList .resourceCard--small .btn--icon span[data-color=default], .cardSliderList .resourceCard--small .btn--primary--dark span.neu-10, .cardSliderList .resourceCard--small .btn--primary--dark span[data-color=default], .cardSliderList .resourceCard--small .btn--primary span.neu-10, .cardSliderList .resourceCard--small .btn--primary span[data-color=default], .cardSliderList .resourceCard--small .btn--secondary span.neu-10, .cardSliderList .resourceCard--small .btn--secondary span[data-color=default], .cardSliderList .resourceCard--small .btn--small span.neu-10, .cardSliderList .resourceCard--small .btn--small span[data-color=default], .cardSliderList .resourceCard--small .btn--tertiary span.neu-10, .cardSliderList .resourceCard--small .btn--tertiary span[data-color=default], .cardSliderList .resourceCard--small .btn span.neu-10, .cardSliderList .resourceCard--small .btn span[data-color=default], .cardSliderList .resourceCard .btn--icon span.neu-10, .cardSliderList .resourceCard .btn--icon span[data-color=default], .cardSliderList .resourceCard .btn--primary--dark span.neu-10, .cardSliderList .resourceCard .btn--primary--dark span[data-color=default], .cardSliderList .resourceCard .btn--primary span.neu-10, .cardSliderList .resourceCard .btn--primary span[data-color=default], .cardSliderList .resourceCard .btn--secondary span.neu-10, .cardSliderList .resourceCard .btn--secondary span[data-color=default], .cardSliderList .resourceCard .btn--small span.neu-10, .cardSliderList .resourceCard .btn--small span[data-color=default], .cardSliderList .resourceCard .btn--tertiary span.neu-10, .cardSliderList .resourceCard .btn--tertiary span[data-color=default], .cardSliderList .resourceCard .btn span.neu-10, .cardSliderList .resourceCard .btn span[data-color=default] {
                color: var(--neu-10)
            }

            .cardSliderList .resourceCard--small .btn--icon b, .cardSliderList .resourceCard--small .btn--icon strong, .cardSliderList .resourceCard--small .btn--primary--dark b, .cardSliderList .resourceCard--small .btn--primary--dark strong, .cardSliderList .resourceCard--small .btn--primary b, .cardSliderList .resourceCard--small .btn--primary strong, .cardSliderList .resourceCard--small .btn--secondary b, .cardSliderList .resourceCard--small .btn--secondary strong, .cardSliderList .resourceCard--small .btn--small b, .cardSliderList .resourceCard--small .btn--small strong, .cardSliderList .resourceCard--small .btn--tertiary b, .cardSliderList .resourceCard--small .btn--tertiary strong, .cardSliderList .resourceCard--small .btn b, .cardSliderList .resourceCard--small .btn strong, .cardSliderList .resourceCard .btn--icon b, .cardSliderList .resourceCard .btn--icon strong, .cardSliderList .resourceCard .btn--primary--dark b, .cardSliderList .resourceCard .btn--primary--dark strong, .cardSliderList .resourceCard .btn--primary b, .cardSliderList .resourceCard .btn--primary strong, .cardSliderList .resourceCard .btn--secondary b, .cardSliderList .resourceCard .btn--secondary strong, .cardSliderList .resourceCard .btn--small b, .cardSliderList .resourceCard .btn--small strong, .cardSliderList .resourceCard .btn--tertiary b, .cardSliderList .resourceCard .btn--tertiary strong, .cardSliderList .resourceCard .btn b, .cardSliderList .resourceCard .btn strong {
                font-weight: 700
            }

            .cardSliderList .resourceCard--small .btn--icon em, .cardSliderList .resourceCard--small .btn--primary--dark em, .cardSliderList .resourceCard--small .btn--primary em, .cardSliderList .resourceCard--small .btn--secondary em, .cardSliderList .resourceCard--small .btn--small em, .cardSliderList .resourceCard--small .btn--tertiary em, .cardSliderList .resourceCard--small .btn em, .cardSliderList .resourceCard .btn--icon em, .cardSliderList .resourceCard .btn--primary--dark em, .cardSliderList .resourceCard .btn--primary em, .cardSliderList .resourceCard .btn--secondary em, .cardSliderList .resourceCard .btn--small em, .cardSliderList .resourceCard .btn--tertiary em, .cardSliderList .resourceCard .btn em {
                font-style: italic
            }

            .cardSliderList .resourceCard--small .btn--icon i, .cardSliderList .resourceCard--small .btn--primary--dark i, .cardSliderList .resourceCard--small .btn--primary i, .cardSliderList .resourceCard--small .btn--secondary i, .cardSliderList .resourceCard--small .btn--small i, .cardSliderList .resourceCard--small .btn--tertiary i, .cardSliderList .resourceCard--small .btn i, .cardSliderList .resourceCard .btn--icon i, .cardSliderList .resourceCard .btn--primary--dark i, .cardSliderList .resourceCard .btn--primary i, .cardSliderList .resourceCard .btn--secondary i, .cardSliderList .resourceCard .btn--small i, .cardSliderList .resourceCard .btn--tertiary i, .cardSliderList .resourceCard .btn i {
                min-width: 16px;
                width: 16px;
                height: 16px;
                font-size: 16px
            }

                .cardSliderList .resourceCard--small .btn--icon i:before, .cardSliderList .resourceCard--small .btn--primary--dark i:before, .cardSliderList .resourceCard--small .btn--primary i:before, .cardSliderList .resourceCard--small .btn--secondary i:before, .cardSliderList .resourceCard--small .btn--small i:before, .cardSliderList .resourceCard--small .btn--tertiary i:before, .cardSliderList .resourceCard--small .btn i:before, .cardSliderList .resourceCard .btn--icon i:before, .cardSliderList .resourceCard .btn--primary--dark i:before, .cardSliderList .resourceCard .btn--primary i:before, .cardSliderList .resourceCard .btn--secondary i:before, .cardSliderList .resourceCard .btn--small i:before, .cardSliderList .resourceCard .btn--tertiary i:before, .cardSliderList .resourceCard .btn i:before {
                    font-size: 16px;
                    font-weight: 400
                }

            .cardSliderList .resourceCard--small .btn--icon, .cardSliderList .resourceCard--small .btn--icon.btn--primary, .cardSliderList .resourceCard--small .btn--icon.btn--primary--dark, .cardSliderList .resourceCard--small .btn--icon.btn--secondary, .cardSliderList .resourceCard--small .btn--icon.btn--small, .cardSliderList .resourceCard--small .btn--icon.btn--tertiary, .cardSliderList .resourceCard--small .btn.btn--icon, .cardSliderList .resourceCard .btn--icon, .cardSliderList .resourceCard .btn--icon.btn--primary, .cardSliderList .resourceCard .btn--icon.btn--primary--dark, .cardSliderList .resourceCard .btn--icon.btn--secondary, .cardSliderList .resourceCard .btn--icon.btn--small, .cardSliderList .resourceCard .btn--icon.btn--tertiary, .cardSliderList .resourceCard .btn.btn--icon {
                width: 40px;
                min-width: 40px
            }

                .cardSliderList .resourceCard--small .btn--icon:hover, .cardSliderList .resourceCard--small .btn--primary--dark:hover, .cardSliderList .resourceCard--small .btn--primary:hover, .cardSliderList .resourceCard--small .btn--secondary:hover, .cardSliderList .resourceCard--small .btn--small:hover, .cardSliderList .resourceCard--small .btn--tertiary:hover, .cardSliderList .resourceCard--small .btn:hover, .cardSliderList .resourceCard .btn--icon:hover, .cardSliderList .resourceCard .btn--primary--dark:hover, .cardSliderList .resourceCard .btn--primary:hover, .cardSliderList .resourceCard .btn--secondary:hover, .cardSliderList .resourceCard .btn--small:hover, .cardSliderList .resourceCard .btn--tertiary:hover, .cardSliderList .resourceCard .btn:hover {
                    color: var(--m-01--dark-01)
                }

    .cardSliderList .productCard, .cardSliderList .productCard--small {
        max-width: 960px;
        min-height: 324px
    }

        .cardSliderList .productCard--small .productCard__head, .cardSliderList .productCard .productCard__head {
            height: 200px
        }

            .cardSliderList .productCard--small .productCard__head:after, .cardSliderList .productCard .productCard__head:after {
                left: 16px;
                width: calc(100% - 16px * 2)
            }

        .cardSliderList .productCard--small .productCard__head-content, .cardSliderList .productCard .productCard__head-content {
            padding: 24px 16px
        }

        .cardSliderList .productCard--small .productCard__productName, .cardSliderList .productCard .productCard__productName {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Calma Global Medium,sans-serif;
            font-size: 1.625rem;
            line-height: 1.231em;
            letter-spacing: 0
        }

            .cardSliderList .productCard--small .productCard__productName .link a, .cardSliderList .productCard .productCard__productName .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .cardSliderList .productCard--small .productCard__productName .link a:hover, .cardSliderList .productCard .productCard__productName .link a:hover {
                    color: var(--m-01)
                }

            .cardSliderList .productCard--small .productCard__productName mark, .cardSliderList .productCard--small .productCard__productName mark[data-color=color], .cardSliderList .productCard .productCard__productName mark, .cardSliderList .productCard .productCard__productName mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .cardSliderList .productCard--small .productCard__productName mark[data-color=gray], .cardSliderList .productCard .productCard__productName mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .cardSliderList .productCard--small .productCard__productName mark[data-color=default], .cardSliderList .productCard .productCard__productName mark[data-color=default] {
                    color: var(--neu-10)
                }

            .cardSliderList .productCard--small .productCard__productName span.m-01--dark-01, .cardSliderList .productCard--small .productCard__productName span[data-color=color], .cardSliderList .productCard .productCard__productName span.m-01--dark-01, .cardSliderList .productCard .productCard__productName span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .cardSliderList .productCard--small .productCard__productName span.neu-07, .cardSliderList .productCard--small .productCard__productName span[data-color=gray], .cardSliderList .productCard .productCard__productName span.neu-07, .cardSliderList .productCard .productCard__productName span[data-color=gray] {
                color: var(--neu-07)
            }

            .cardSliderList .productCard--small .productCard__productName span.neu-10, .cardSliderList .productCard--small .productCard__productName span[data-color=default], .cardSliderList .productCard .productCard__productName span.neu-10, .cardSliderList .productCard .productCard__productName span[data-color=default] {
                color: var(--neu-10)
            }

            .cardSliderList .productCard--small .productCard__productName b, .cardSliderList .productCard--small .productCard__productName strong, .cardSliderList .productCard .productCard__productName b, .cardSliderList .productCard .productCard__productName strong {
                font-weight: 700
            }

            .cardSliderList .productCard--small .productCard__productName em, .cardSliderList .productCard .productCard__productName em {
                font-style: italic
            }

        .cardSliderList .productCard--small .productCard__content, .cardSliderList .productCard .productCard__content {
            padding: 16px
        }

        .cardSliderList .productCard--small .productCard__bookmark, .cardSliderList .productCard .productCard__bookmark {
            right: 0;
            top: 8px
        }

    .cardSliderList .brandCard, .cardSliderList .brandCard--small {
        max-width: 960px;
        min-height: 324px;
        padding: 16px
    }

        .cardSliderList .brandCard--small .brandCard__image, .cardSliderList .brandCard .brandCard__image {
            height: 70px;
            width: 70px;
            margin-right: 0
        }

        .cardSliderList .brandCard--small .brandCard--small .btnBookmark--privateArea, .cardSliderList .brandCard--small .brandCard .btnBookmark--privateArea, .cardSliderList .brandCard--small .brandCard__bookmark, .cardSliderList .brandCard .brandCard--small .btnBookmark--privateArea, .cardSliderList .brandCard .brandCard .btnBookmark--privateArea, .cardSliderList .brandCard .brandCard__bookmark {
            right: 0
        }

        .cardSliderList .brandCard--small .brandCard__text, .cardSliderList .brandCard .brandCard__text {
            padding: 0
        }

        .cardSliderList .brandCard--small .brandCard__title, .cardSliderList .brandCard .brandCard__title {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Calma Global Medium,sans-serif;
            font-size: 1.625rem;
            line-height: 1.231em;
            letter-spacing: 0
        }

            .cardSliderList .brandCard--small .brandCard__title .link a, .cardSliderList .brandCard .brandCard__title .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .cardSliderList .brandCard--small .brandCard__title .link a:hover, .cardSliderList .brandCard .brandCard__title .link a:hover {
                    color: var(--m-01)
                }

            .cardSliderList .brandCard--small .brandCard__title mark, .cardSliderList .brandCard--small .brandCard__title mark[data-color=color], .cardSliderList .brandCard .brandCard__title mark, .cardSliderList .brandCard .brandCard__title mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .cardSliderList .brandCard--small .brandCard__title mark[data-color=gray], .cardSliderList .brandCard .brandCard__title mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .cardSliderList .brandCard--small .brandCard__title mark[data-color=default], .cardSliderList .brandCard .brandCard__title mark[data-color=default] {
                    color: var(--neu-10)
                }

            .cardSliderList .brandCard--small .brandCard__title span.m-01--dark-01, .cardSliderList .brandCard--small .brandCard__title span[data-color=color], .cardSliderList .brandCard .brandCard__title span.m-01--dark-01, .cardSliderList .brandCard .brandCard__title span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .cardSliderList .brandCard--small .brandCard__title span.neu-07, .cardSliderList .brandCard--small .brandCard__title span[data-color=gray], .cardSliderList .brandCard .brandCard__title span.neu-07, .cardSliderList .brandCard .brandCard__title span[data-color=gray] {
                color: var(--neu-07)
            }

            .cardSliderList .brandCard--small .brandCard__title span.neu-10, .cardSliderList .brandCard--small .brandCard__title span[data-color=default], .cardSliderList .brandCard .brandCard__title span.neu-10, .cardSliderList .brandCard .brandCard__title span[data-color=default] {
                color: var(--neu-10)
            }

            .cardSliderList .brandCard--small .brandCard__title b, .cardSliderList .brandCard--small .brandCard__title strong, .cardSliderList .brandCard .brandCard__title b, .cardSliderList .brandCard .brandCard__title strong {
                font-weight: 700
            }

            .cardSliderList .brandCard--small .brandCard__title em, .cardSliderList .brandCard .brandCard__title em {
                font-style: italic
            }

        .cardSliderList .brandCard--small .brandCard__description, .cardSliderList .brandCard .brandCard__description {
            margin-top: 24px
        }

    .cardSliderList .categoryCard, .cardSliderList .categoryCard--small {
        min-height: 240px;
        max-width: 960px
    }

        .cardSliderList .categoryCard--small .categoryCard__content, .cardSliderList .categoryCard .categoryCard__content {
            padding: 32px
        }

        .cardSliderList .categoryCard--small .categoryCard__title, .cardSliderList .categoryCard .categoryCard__title {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Calma Global Medium,sans-serif;
            font-size: 2rem;
            line-height: 1.25em;
            letter-spacing: -.016em
        }

            .cardSliderList .categoryCard--small .categoryCard__title .link a, .cardSliderList .categoryCard .categoryCard__title .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .cardSliderList .categoryCard--small .categoryCard__title .link a:hover, .cardSliderList .categoryCard .categoryCard__title .link a:hover {
                    color: var(--m-01)
                }

            .cardSliderList .categoryCard--small .categoryCard__title mark, .cardSliderList .categoryCard--small .categoryCard__title mark[data-color=color], .cardSliderList .categoryCard .categoryCard__title mark, .cardSliderList .categoryCard .categoryCard__title mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .cardSliderList .categoryCard--small .categoryCard__title mark[data-color=gray], .cardSliderList .categoryCard .categoryCard__title mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .cardSliderList .categoryCard--small .categoryCard__title mark[data-color=default], .cardSliderList .categoryCard .categoryCard__title mark[data-color=default] {
                    color: var(--neu-10)
                }

            .cardSliderList .categoryCard--small .categoryCard__title span.m-01--dark-01, .cardSliderList .categoryCard--small .categoryCard__title span[data-color=color], .cardSliderList .categoryCard .categoryCard__title span.m-01--dark-01, .cardSliderList .categoryCard .categoryCard__title span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .cardSliderList .categoryCard--small .categoryCard__title span.neu-07, .cardSliderList .categoryCard--small .categoryCard__title span[data-color=gray], .cardSliderList .categoryCard .categoryCard__title span.neu-07, .cardSliderList .categoryCard .categoryCard__title span[data-color=gray] {
                color: var(--neu-07)
            }

            .cardSliderList .categoryCard--small .categoryCard__title span.neu-10, .cardSliderList .categoryCard--small .categoryCard__title span[data-color=default], .cardSliderList .categoryCard .categoryCard__title span.neu-10, .cardSliderList .categoryCard .categoryCard__title span[data-color=default] {
                color: var(--neu-10)
            }

            .cardSliderList .categoryCard--small .categoryCard__title b, .cardSliderList .categoryCard--small .categoryCard__title strong, .cardSliderList .categoryCard .categoryCard__title b, .cardSliderList .categoryCard .categoryCard__title strong {
                font-weight: 700
            }

            .cardSliderList .categoryCard--small .categoryCard__title em, .cardSliderList .categoryCard .categoryCard__title em {
                font-style: italic
            }
}

@media (max-width:1024px) and (max-width:1024px) {
    .cardSliderList .categoryCard--small .categoryCard__title, .cardSliderList .categoryCard .categoryCard__title {
        font-size: 1.625rem;
        line-height: 1.231em;
        letter-spacing: 0
    }
}

@media (max-width:1024px) {
    .cardSliderList .profileCard, .cardSliderList .profileCard--small {
        max-width: 960px;
        padding: 24px 16px 32px 4px;
        height: 100%
    }

        .cardSliderList .profileCard--small .profileCard__text, .cardSliderList .profileCard .profileCard__text {
            max-width: 310px
        }

    .cardSliderList .selectableCard, .cardSliderList .selectableCard--small {
        max-width: 960px;
        padding: 16px 16px 24px;
        grid-template-columns: 1fr 1fr;
        row-gap: 8px
    }

        .cardSliderList .selectableCard--small .selectableCard__content, .cardSliderList .selectableCard .selectableCard__content {
            grid-row: 2;
            grid-column: 1/3
        }

        .cardSliderList .selectableCard--small .selectableCard__checkbox, .cardSliderList .selectableCard .selectableCard__checkbox {
            margin-right: 0;
            grid-row: 1
        }

        .cardSliderList .selectableCard--small .selectableCard__image, .cardSliderList .selectableCard .selectableCard__image {
            width: 48px;
            height: 48px;
            grid-row: 1;
            justify-self: flex-end
        }

        .cardSliderList .selectableCard--small .selectableCard__btn, .cardSliderList .selectableCard .selectableCard__btn {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Inter,sans-serif;
            font-size: .813rem;
            line-height: 1.538em;
            letter-spacing: -.003em;
            font-weight: 400;
            font-weight: 700;
            padding: 0 20px;
            height: 40px;
            transform: none;
            margin-left: 0;
            margin-top: 16px;
            grid-row: 3;
            grid-column: 1/3
        }

            .cardSliderList .selectableCard--small .selectableCard__btn .link a, .cardSliderList .selectableCard .selectableCard__btn .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .cardSliderList .selectableCard--small .selectableCard__btn .link a:hover, .cardSliderList .selectableCard .selectableCard__btn .link a:hover {
                    color: var(--m-01)
                }

            .cardSliderList .selectableCard--small .selectableCard__btn mark, .cardSliderList .selectableCard--small .selectableCard__btn mark[data-color=color], .cardSliderList .selectableCard .selectableCard__btn mark, .cardSliderList .selectableCard .selectableCard__btn mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .cardSliderList .selectableCard--small .selectableCard__btn mark[data-color=gray], .cardSliderList .selectableCard .selectableCard__btn mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .cardSliderList .selectableCard--small .selectableCard__btn mark[data-color=default], .cardSliderList .selectableCard .selectableCard__btn mark[data-color=default] {
                    color: var(--neu-10)
                }

            .cardSliderList .selectableCard--small .selectableCard__btn span.m-01--dark-01, .cardSliderList .selectableCard--small .selectableCard__btn span[data-color=color], .cardSliderList .selectableCard .selectableCard__btn span.m-01--dark-01, .cardSliderList .selectableCard .selectableCard__btn span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .cardSliderList .selectableCard--small .selectableCard__btn span.neu-07, .cardSliderList .selectableCard--small .selectableCard__btn span[data-color=gray], .cardSliderList .selectableCard .selectableCard__btn span.neu-07, .cardSliderList .selectableCard .selectableCard__btn span[data-color=gray] {
                color: var(--neu-07)
            }

            .cardSliderList .selectableCard--small .selectableCard__btn span.neu-10, .cardSliderList .selectableCard--small .selectableCard__btn span[data-color=default], .cardSliderList .selectableCard .selectableCard__btn span.neu-10, .cardSliderList .selectableCard .selectableCard__btn span[data-color=default] {
                color: var(--neu-10)
            }

            .cardSliderList .selectableCard--small .selectableCard__btn b, .cardSliderList .selectableCard--small .selectableCard__btn strong, .cardSliderList .selectableCard .selectableCard__btn b, .cardSliderList .selectableCard .selectableCard__btn strong {
                font-weight: 700
            }

            .cardSliderList .selectableCard--small .selectableCard__btn em, .cardSliderList .selectableCard .selectableCard__btn em {
                font-style: italic
            }

            .cardSliderList .selectableCard--small .selectableCard__btn i, .cardSliderList .selectableCard .selectableCard__btn i {
                min-width: 16px;
                width: 16px;
                height: 16px;
                font-size: 16px
            }

                .cardSliderList .selectableCard--small .selectableCard__btn i:before, .cardSliderList .selectableCard .selectableCard__btn i:before {
                    font-size: 16px;
                    font-weight: 400
                }

            .cardSliderList .selectableCard--small .selectableCard__btn.btn--icon, .cardSliderList .selectableCard .selectableCard__btn.btn--icon {
                width: 40px;
                min-width: 40px
            }

    .cardSliderList .demandCard, .cardSliderList .demandCard--small {
        max-width: 960px;
        padding: 16px;
        min-height: 324px
    }

        .cardSliderList .demandCard--small .demandCard__content, .cardSliderList .demandCard .demandCard__content {
            gap: 8px
        }

        .cardSliderList .demandCard--small .demandCard__notification-text, .cardSliderList .demandCard .demandCard__notification-text {
            display: none
        }

        .cardSliderList .demandCard--small .demandCard__description, .cardSliderList .demandCard .demandCard__description {
            margin-top: 8px
        }

    .cardSliderList .replyCard, .cardSliderList .replyCard--small {
        max-width: 960px
    }

        .cardSliderList .replyCard--small .replyCard, .cardSliderList .replyCard--small .replyCard--small, .cardSliderList .replyCard .replyCard, .cardSliderList .replyCard .replyCard--small {
            background-color: var(--neu-01)
        }

        .cardSliderList .replyCard--small .replyCard__content, .cardSliderList .replyCard .replyCard__content {
            padding: 24px;
            gap: 4px 12px
        }

        .cardSliderList .replyCard--small .replyCard__thumb, .cardSliderList .replyCard .replyCard__thumb {
            grid-row: 1/3;
            align-self: flex-start
        }

        .cardSliderList .replyCard--small .replyCard__text, .cardSliderList .replyCard .replyCard__text {
            grid-row: 2;
            grid-column: 2/4
        }
}

@media (max-width:1024px) and (max-width:512px) {
    .cardSliderList .replyCard--small .replyCard__text, .cardSliderList .replyCard .replyCard__text {
        grid-column: 2/4
    }
}

@media (max-width:1024px) {
    .cardSliderList .replyCard--small .replyCard__message, .cardSliderList .replyCard--small .replyCard__subject, .cardSliderList .replyCard .replyCard__message, .cardSliderList .replyCard .replyCard__subject {
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-stretch: normal;
        letter-spacing: normal;
        font-family: Inter,sans-serif;
        font-size: 1rem;
        line-height: 1.5em;
        letter-spacing: -.011em;
        font-weight: 400
    }

        .cardSliderList .replyCard--small .replyCard__message .link a, .cardSliderList .replyCard--small .replyCard__subject .link a, .cardSliderList .replyCard .replyCard__message .link a, .cardSliderList .replyCard .replyCard__subject .link a {
            transition: all .1s ease;
            text-decoration: underline;
            color: var(--m-01--dark-01)
        }

            .cardSliderList .replyCard--small .replyCard__message .link a:hover, .cardSliderList .replyCard--small .replyCard__subject .link a:hover, .cardSliderList .replyCard .replyCard__message .link a:hover, .cardSliderList .replyCard .replyCard__subject .link a:hover {
                color: var(--m-01)
            }

        .cardSliderList .replyCard--small .replyCard__message mark, .cardSliderList .replyCard--small .replyCard__message mark[data-color=color], .cardSliderList .replyCard--small .replyCard__subject mark, .cardSliderList .replyCard--small .replyCard__subject mark[data-color=color], .cardSliderList .replyCard .replyCard__message mark, .cardSliderList .replyCard .replyCard__message mark[data-color=color], .cardSliderList .replyCard .replyCard__subject mark, .cardSliderList .replyCard .replyCard__subject mark[data-color=color] {
            color: var(--m-01--dark-01)
        }

            .cardSliderList .replyCard--small .replyCard__message mark[data-color=gray], .cardSliderList .replyCard--small .replyCard__subject mark[data-color=gray], .cardSliderList .replyCard .replyCard__message mark[data-color=gray], .cardSliderList .replyCard .replyCard__subject mark[data-color=gray] {
                color: var(--neu-07)
            }

            .cardSliderList .replyCard--small .replyCard__message mark[data-color=default], .cardSliderList .replyCard--small .replyCard__subject mark[data-color=default], .cardSliderList .replyCard .replyCard__message mark[data-color=default], .cardSliderList .replyCard .replyCard__subject mark[data-color=default] {
                color: var(--neu-10)
            }

        .cardSliderList .replyCard--small .replyCard__message span.m-01--dark-01, .cardSliderList .replyCard--small .replyCard__message span[data-color=color], .cardSliderList .replyCard--small .replyCard__subject span.m-01--dark-01, .cardSliderList .replyCard--small .replyCard__subject span[data-color=color], .cardSliderList .replyCard .replyCard__message span.m-01--dark-01, .cardSliderList .replyCard .replyCard__message span[data-color=color], .cardSliderList .replyCard .replyCard__subject span.m-01--dark-01, .cardSliderList .replyCard .replyCard__subject span[data-color=color] {
            color: var(--m-01--dark-01)
        }

        .cardSliderList .replyCard--small .replyCard__message span.neu-07, .cardSliderList .replyCard--small .replyCard__message span[data-color=gray], .cardSliderList .replyCard--small .replyCard__subject span.neu-07, .cardSliderList .replyCard--small .replyCard__subject span[data-color=gray], .cardSliderList .replyCard .replyCard__message span.neu-07, .cardSliderList .replyCard .replyCard__message span[data-color=gray], .cardSliderList .replyCard .replyCard__subject span.neu-07, .cardSliderList .replyCard .replyCard__subject span[data-color=gray] {
            color: var(--neu-07)
        }

        .cardSliderList .replyCard--small .replyCard__message span.neu-10, .cardSliderList .replyCard--small .replyCard__message span[data-color=default], .cardSliderList .replyCard--small .replyCard__subject span.neu-10, .cardSliderList .replyCard--small .replyCard__subject span[data-color=default], .cardSliderList .replyCard .replyCard__message span.neu-10, .cardSliderList .replyCard .replyCard__message span[data-color=default], .cardSliderList .replyCard .replyCard__subject span.neu-10, .cardSliderList .replyCard .replyCard__subject span[data-color=default] {
            color: var(--neu-10)
        }

        .cardSliderList .replyCard--small .replyCard__message b, .cardSliderList .replyCard--small .replyCard__message strong, .cardSliderList .replyCard--small .replyCard__subject b, .cardSliderList .replyCard--small .replyCard__subject strong, .cardSliderList .replyCard .replyCard__message b, .cardSliderList .replyCard .replyCard__message strong, .cardSliderList .replyCard .replyCard__subject b, .cardSliderList .replyCard .replyCard__subject strong {
            font-weight: 700
        }

        .cardSliderList .replyCard--small .replyCard__message em, .cardSliderList .replyCard--small .replyCard__subject em, .cardSliderList .replyCard .replyCard__message em, .cardSliderList .replyCard .replyCard__subject em {
            font-style: italic
        }

    .cardSliderList .replyCard--small .replyCard__info, .cardSliderList .replyCard .replyCard__info {
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-stretch: normal;
        letter-spacing: normal;
        font-family: Inter,sans-serif;
        font-size: .813rem;
        line-height: 1.538em;
        letter-spacing: -.003em;
        font-weight: 700;
        margin-top: 8px;
        padding-right: 32px
    }

        .cardSliderList .replyCard--small .replyCard__info .link a, .cardSliderList .replyCard .replyCard__info .link a {
            transition: all .1s ease;
            text-decoration: underline;
            color: var(--m-01--dark-01)
        }

            .cardSliderList .replyCard--small .replyCard__info .link a:hover, .cardSliderList .replyCard .replyCard__info .link a:hover {
                color: var(--m-01)
            }

        .cardSliderList .replyCard--small .replyCard__info mark, .cardSliderList .replyCard--small .replyCard__info mark[data-color=color], .cardSliderList .replyCard .replyCard__info mark, .cardSliderList .replyCard .replyCard__info mark[data-color=color] {
            color: var(--m-01--dark-01)
        }

            .cardSliderList .replyCard--small .replyCard__info mark[data-color=gray], .cardSliderList .replyCard .replyCard__info mark[data-color=gray] {
                color: var(--neu-07)
            }

            .cardSliderList .replyCard--small .replyCard__info mark[data-color=default], .cardSliderList .replyCard .replyCard__info mark[data-color=default] {
                color: var(--neu-10)
            }

        .cardSliderList .replyCard--small .replyCard__info span.m-01--dark-01, .cardSliderList .replyCard--small .replyCard__info span[data-color=color], .cardSliderList .replyCard .replyCard__info span.m-01--dark-01, .cardSliderList .replyCard .replyCard__info span[data-color=color] {
            color: var(--m-01--dark-01)
        }

        .cardSliderList .replyCard--small .replyCard__info span.neu-07, .cardSliderList .replyCard--small .replyCard__info span[data-color=gray], .cardSliderList .replyCard .replyCard__info span.neu-07, .cardSliderList .replyCard .replyCard__info span[data-color=gray] {
            color: var(--neu-07)
        }

        .cardSliderList .replyCard--small .replyCard__info span.neu-10, .cardSliderList .replyCard--small .replyCard__info span[data-color=default], .cardSliderList .replyCard .replyCard__info span.neu-10, .cardSliderList .replyCard .replyCard__info span[data-color=default] {
            color: var(--neu-10)
        }

        .cardSliderList .replyCard--small .replyCard__info b, .cardSliderList .replyCard--small .replyCard__info strong, .cardSliderList .replyCard .replyCard__info b, .cardSliderList .replyCard .replyCard__info strong {
            font-weight: 700
        }

        .cardSliderList .replyCard--small .replyCard__info em, .cardSliderList .replyCard .replyCard__info em {
            font-style: italic
        }

    .cardSliderList .replyCard--small .replyCard__pin, .cardSliderList .replyCard .replyCard__pin {
        transition: all .1s ease;
        grid-row: 2;
        grid-column: 3;
        align-self: flex-end;
        width: 24px;
        height: 24px;
        justify-self: flex-end;
        transform: translateY(4px);
        cursor: pointer
    }

        .cardSliderList .replyCard--small .replyCard__pin:hover, .cardSliderList .replyCard .replyCard__pin:hover {
            opacity: .7
        }

        .cardSliderList .replyCard--small .replyCard__pin:before, .cardSliderList .replyCard .replyCard__pin:before {
            width: 24px;
            height: 24px;
            font-size: 24px;
            font-family: aicep-base-icons !important;
            font-weight: 400;
            display: flex;
            justify-content: center;
            align-items: center;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            content: "\e95b"
        }

    .cardSliderList .replyCard--small .replyCard__pin--selected, .cardSliderList .replyCard .replyCard__pin--selected {
        color: var(--m-02--dark-01)
    }

        .cardSliderList .replyCard--small .replyCard__pin--selected:before, .cardSliderList .replyCard .replyCard__pin--selected:before {
            content: "\e95c"
        }

    .cardSliderList .replyCard--small .replyCard__btn, .cardSliderList .replyCard .replyCard__btn {
        display: none
    }

    .cardSliderList .infoCard, .cardSliderList .infoCard--small {
        max-width: 960px;
        padding: 24px
    }

        .cardSliderList .infoCard--small .infoCard__number, .cardSliderList .infoCard .infoCard__number {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Calma Global Medium,sans-serif;
            font-size: 2rem;
            line-height: 1.25em;
            letter-spacing: -.016em;
            transform: translateY(0)
        }

            .cardSliderList .infoCard--small .infoCard__number .link a, .cardSliderList .infoCard .infoCard__number .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .cardSliderList .infoCard--small .infoCard__number .link a:hover, .cardSliderList .infoCard .infoCard__number .link a:hover {
                    color: var(--m-01)
                }

            .cardSliderList .infoCard--small .infoCard__number mark, .cardSliderList .infoCard--small .infoCard__number mark[data-color=color], .cardSliderList .infoCard .infoCard__number mark, .cardSliderList .infoCard .infoCard__number mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .cardSliderList .infoCard--small .infoCard__number mark[data-color=gray], .cardSliderList .infoCard .infoCard__number mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .cardSliderList .infoCard--small .infoCard__number mark[data-color=default], .cardSliderList .infoCard .infoCard__number mark[data-color=default] {
                    color: var(--neu-10)
                }

            .cardSliderList .infoCard--small .infoCard__number span.m-01--dark-01, .cardSliderList .infoCard--small .infoCard__number span[data-color=color], .cardSliderList .infoCard .infoCard__number span.m-01--dark-01, .cardSliderList .infoCard .infoCard__number span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .cardSliderList .infoCard--small .infoCard__number span.neu-07, .cardSliderList .infoCard--small .infoCard__number span[data-color=gray], .cardSliderList .infoCard .infoCard__number span.neu-07, .cardSliderList .infoCard .infoCard__number span[data-color=gray] {
                color: var(--neu-07)
            }

            .cardSliderList .infoCard--small .infoCard__number span.neu-10, .cardSliderList .infoCard--small .infoCard__number span[data-color=default], .cardSliderList .infoCard .infoCard__number span.neu-10, .cardSliderList .infoCard .infoCard__number span[data-color=default] {
                color: var(--neu-10)
            }

            .cardSliderList .infoCard--small .infoCard__number b, .cardSliderList .infoCard--small .infoCard__number strong, .cardSliderList .infoCard .infoCard__number b, .cardSliderList .infoCard .infoCard__number strong {
                font-weight: 700
            }

            .cardSliderList .infoCard--small .infoCard__number em, .cardSliderList .infoCard .infoCard__number em {
                font-style: italic
            }
}

@media (max-width:1024px) and (max-width:1024px) {
    .cardSliderList .infoCard--small .infoCard__number, .cardSliderList .infoCard .infoCard__number {
        font-size: 1.625rem;
        line-height: 1.231em;
        letter-spacing: 0;
        transform: translateY(3px)
    }
}

@media (max-width:1024px) {
    .cardSliderList .infoCard--small .infoCard__title, .cardSliderList .infoCard .infoCard__title {
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-stretch: normal;
        letter-spacing: normal;
        font-family: Inter,sans-serif;
        font-size: 1rem;
        line-height: 1.5em;
        letter-spacing: -.011em;
        font-weight: 700
    }

        .cardSliderList .infoCard--small .infoCard__title .link a, .cardSliderList .infoCard .infoCard__title .link a {
            transition: all .1s ease;
            text-decoration: underline;
            color: var(--m-01--dark-01)
        }

            .cardSliderList .infoCard--small .infoCard__title .link a:hover, .cardSliderList .infoCard .infoCard__title .link a:hover {
                color: var(--m-01)
            }

        .cardSliderList .infoCard--small .infoCard__title mark, .cardSliderList .infoCard--small .infoCard__title mark[data-color=color], .cardSliderList .infoCard .infoCard__title mark, .cardSliderList .infoCard .infoCard__title mark[data-color=color] {
            color: var(--m-01--dark-01)
        }

            .cardSliderList .infoCard--small .infoCard__title mark[data-color=gray], .cardSliderList .infoCard .infoCard__title mark[data-color=gray] {
                color: var(--neu-07)
            }

            .cardSliderList .infoCard--small .infoCard__title mark[data-color=default], .cardSliderList .infoCard .infoCard__title mark[data-color=default] {
                color: var(--neu-10)
            }

        .cardSliderList .infoCard--small .infoCard__title span.m-01--dark-01, .cardSliderList .infoCard--small .infoCard__title span[data-color=color], .cardSliderList .infoCard .infoCard__title span.m-01--dark-01, .cardSliderList .infoCard .infoCard__title span[data-color=color] {
            color: var(--m-01--dark-01)
        }

        .cardSliderList .infoCard--small .infoCard__title span.neu-07, .cardSliderList .infoCard--small .infoCard__title span[data-color=gray], .cardSliderList .infoCard .infoCard__title span.neu-07, .cardSliderList .infoCard .infoCard__title span[data-color=gray] {
            color: var(--neu-07)
        }

        .cardSliderList .infoCard--small .infoCard__title span.neu-10, .cardSliderList .infoCard--small .infoCard__title span[data-color=default], .cardSliderList .infoCard .infoCard__title span.neu-10, .cardSliderList .infoCard .infoCard__title span[data-color=default] {
            color: var(--neu-10)
        }

        .cardSliderList .infoCard--small .infoCard__title b, .cardSliderList .infoCard--small .infoCard__title strong, .cardSliderList .infoCard .infoCard__title b, .cardSliderList .infoCard .infoCard__title strong {
            font-weight: 700
        }

        .cardSliderList .infoCard--small .infoCard__title em, .cardSliderList .infoCard .infoCard__title em {
            font-style: italic
        }

    .cardSliderList .wrapper {
        padding-bottom: 40px;
        padding: 32px 0 40px
    }

    .cardSliderList__header {
        grid-column: 1/7;
        padding: 0 16px
    }

    .cardSliderList__container {
        grid-column: 1/7;
        padding: 32px 0 0;
        padding: 24px 5px 0
    }

    .cardSliderList .swiper-wrapper {
        flex-direction: column
    }

    .cardSliderList .swiper-slide {
        height: auto;
        padding: 0 10px
    }

        .cardSliderList .swiper-slide + .swiper-slide {
            margin-top: 16px
        }
}

@media (max-width:768px) {
    .cardSliderList__container {
        padding-top: 24px
    }

    .cardSliderList__title {
        max-width: 66%
    }
}

.cardSliderWithSidebarFilter__content {
    overflow: hidden
}

    .cardSliderWithSidebarFilter__content .wrapper {
        padding-top: 32px;
        padding-bottom: 48px
    }

@media (max-width:1024px) {
    .cardSliderWithSidebarFilter__content .wrapper {
        padding-top: 0
    }
}

@media (max-width:768px) {
    .cardSliderWithSidebarFilter__content .wrapper {
        padding-bottom: 0;
        padding-top: 0
    }
}

.cardSliderWithSidebarFilter .sidebarFilter {
    grid-column: 2/5;
    width: 100%;
    position: sticky;
    top: 96px
}

@media (max-width:1024px) {
    .cardSliderWithSidebarFilter .sidebarFilter {
        grid-column: 1/3;
        position: fixed;
        top: 0;
        left: 0;
        margin-top: 0;
        height: 100%;
        width: 100%
    }
}

@media (max-width:768px) {
    .cardSliderWithSidebarFilter .sidebarFilter {
        grid-column: 1/5
    }
}

@media (max-width:768px) {
    .cardSliderWithSidebarFilter .sidebarFilterControl__innerContainer {
        margin-top: 24px
    }
}

.cardSliderWithSidebarFilter__results {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: .813rem;
    line-height: 1.538em;
    letter-spacing: -.003em;
    font-weight: 400;
    color: var(--neu-10);
    display: none
}

    .cardSliderWithSidebarFilter__results .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .cardSliderWithSidebarFilter__results .link a:hover {
            color: var(--m-01)
        }

    .cardSliderWithSidebarFilter__results mark, .cardSliderWithSidebarFilter__results mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .cardSliderWithSidebarFilter__results mark[data-color=gray] {
            color: var(--neu-07)
        }

        .cardSliderWithSidebarFilter__results mark[data-color=default] {
            color: var(--neu-10)
        }

    .cardSliderWithSidebarFilter__results span.m-01--dark-01, .cardSliderWithSidebarFilter__results span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .cardSliderWithSidebarFilter__results span.neu-07, .cardSliderWithSidebarFilter__results span[data-color=gray] {
        color: var(--neu-07)
    }

    .cardSliderWithSidebarFilter__results span.neu-10, .cardSliderWithSidebarFilter__results span[data-color=default] {
        color: var(--neu-10)
    }

    .cardSliderWithSidebarFilter__results b, .cardSliderWithSidebarFilter__results strong {
        font-weight: 700
    }

    .cardSliderWithSidebarFilter__results em {
        font-style: italic
    }

@media (max-width:1024px) {
    .cardSliderWithSidebarFilter__results {
        display: block;
        margin-top: 16px;
        grid-column: 1/7
    }
}

@media (max-width:768px) {
    .cardSliderWithSidebarFilter__results {
        margin-top: 16px
    }
}

.cardSliderWithSidebarFilter__results--number {
    color: var(--m-01--dark-01);
    font-weight: 700
}

.cardSliderWithSidebarFilter__title {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Calma Global Medium,sans-serif;
    font-size: 1.625rem;
    line-height: 1.231em;
    letter-spacing: 0;
    grid-column: 2/5;
    padding-top: 32px
}

    .cardSliderWithSidebarFilter__title .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .cardSliderWithSidebarFilter__title .link a:hover {
            color: var(--m-01)
        }

    .cardSliderWithSidebarFilter__title mark, .cardSliderWithSidebarFilter__title mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .cardSliderWithSidebarFilter__title mark[data-color=gray] {
            color: var(--neu-07)
        }

        .cardSliderWithSidebarFilter__title mark[data-color=default] {
            color: var(--neu-10)
        }

    .cardSliderWithSidebarFilter__title span.m-01--dark-01, .cardSliderWithSidebarFilter__title span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .cardSliderWithSidebarFilter__title span.neu-07, .cardSliderWithSidebarFilter__title span[data-color=gray] {
        color: var(--neu-07)
    }

    .cardSliderWithSidebarFilter__title span.neu-10, .cardSliderWithSidebarFilter__title span[data-color=default] {
        color: var(--neu-10)
    }

    .cardSliderWithSidebarFilter__title b, .cardSliderWithSidebarFilter__title strong {
        font-weight: 700
    }

    .cardSliderWithSidebarFilter__title em {
        font-style: italic
    }

@media (max-width:1024px) {
    .cardSliderWithSidebarFilter__title {
        grid-column: 1/5
    }
}

.cardSliderWithSidebarFilter__slider {
    display: flex;
    grid-column: 5/12;
    flex-direction: column;
    height: -moz-fit-content;
    height: fit-content
}

@media (max-width:1024px) {
    .cardSliderWithSidebarFilter__slider {
        grid-column: 1/7;
        margin-top: 32px
    }
}

.cardSliderWithSidebarFilter__sliderContent {
    overflow: hidden;
    padding: 0 16px 72px
}

@media (max-width:1024px) {
    .cardSliderWithSidebarFilter__sliderContent {
        padding: 0 0 72px;
        overflow: visible
    }
}

.cardSliderWithSidebarFilter .swiper-container {
    overflow: visible
}

.cardSliderWithSidebarFilter .swiper-wrapper.addBezier {
    transition-timing-function: cubic-bezier(.57,0,.09,.99)
}

.cardSliderWithSidebarFilter .swiper-slide {
    max-width: 342px;
    margin-right: 32px;
    height: auto
}

@media (max-width:768px) {
    .cardSliderWithSidebarFilter .swiper-slide {
        width: 100%;
        max-width: 320px;
        margin-right: 24px
    }
}

@media (max-width:768px) {
    .cardSliderWithSidebarFilter .swiper-slide:last-of-type {
        margin-right: 0
    }
}

.cardSliderWithSidebarFilter .swiper-slide .card {
    height: 100%
}

.cardSliderWithSidebarFilter__sliderNavigation {
    position: absolute;
    z-index: 2;
    bottom: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    height: 48px;
    width: 112px
}

@media (max-width:1024px) {
    .cardSliderWithSidebarFilter__sliderNavigation {
        right: 32px
    }
}

@media (max-width:768px) {
    .cardSliderWithSidebarFilter__sliderNavigation {
        display: none
    }
}

.cardSliderWithSidebarFilter .swiper-pagination {
    display: none
}

@media (max-width:768px) {
    .cardSliderWithSidebarFilter .swiper-pagination {
        display: block;
        bottom: 40px
    }
}

.cardSliderWithSidebarFilter .swiper-button-next, .cardSliderWithSidebarFilter .swiper-button-prev {
    width: 48px;
    height: 48px;
    background-color: var(--neu-01);
    border-radius: 50%;
    box-shadow: 0 0 1px rgba(26,24,23,.05),0 2px 4px rgba(26,24,23,.1);
    font-size: 24px;
    transition: all .1s ease-out;
    margin: 0;
    top: 0;
    transform: none
}

    .cardSliderWithSidebarFilter .swiper-button-next:before, .cardSliderWithSidebarFilter .swiper-button-prev:before {
        transform: translatey(1px)
    }

.cardSliderWithSidebarFilter .swiper-button-prev {
    left: 0
}

    .cardSliderWithSidebarFilter .swiper-button-prev:before {
        transform: translateX(-2px)
    }

    .cardSliderWithSidebarFilter .swiper-button-prev:hover {
        left: -3px
    }

.cardSliderWithSidebarFilter .swiper-button-next {
    right: 0
}

    .cardSliderWithSidebarFilter .swiper-button-next:before {
        transform: translateX(2px)
    }

    .cardSliderWithSidebarFilter .swiper-button-next:hover {
        right: -3px
    }

.chartsPanel__wrapper {
    padding-bottom: 48px
}

@media (max-width:1024px) {
    .chartsPanel__wrapper {
        padding-bottom: 32px
    }
}

.chartsPanel__chartWrapper {
    margin-top: 32px;
    display: flex;
    justify-content: center;
    align-items: center
}

@media (max-width:1024px) {
    .chartsPanel__chartWrapper {
        margin-top: 40px
    }
}

.chartsPanel__chartContainer {
    max-width: 800px;
    width: 100%
}

.collapsedActivationPlan .wrapper {
    padding-top: 40px;
    padding-bottom: 64px
}

@media (max-width:1024px) {
    .collapsedActivationPlan .wrapper {
        padding-top: 16px;
        padding-bottom: 40px
    }
}

.collapsedActivationPlan__list {
    grid-column: 2/12
}

@media (max-width:1024px) {
    .collapsedActivationPlan__list {
        grid-column: 1/13
    }
}

@media (max-width:1024px) and (max-width:1024px) {
    .collapsedActivationPlan__list {
        grid-column: 1/7
    }
}

.collapsedActivationPlan__item {
    border-bottom: 1px solid var(--neu-03)
}

    .collapsedActivationPlan__item.open .collapsedActivationPlan__item-header:before {
        content: "\e90e";
        transform: translateY(-50%) rotate(0deg)
    }

    .collapsedActivationPlan__item.open .collapsedActivationPlan__item-title {
        color: var(--m-01--dark-01)
    }

    .collapsedActivationPlan__item.open .collapsedActivationPlan__item-content {
        margin-bottom: 24px;
        animation: j .25s .05s cubic-bezier(.38,.01,.23,.99) both
    }

    .collapsedActivationPlan__item.open .collapsedActivationPlan__item-block {
        opacity: 1
    }

.collapsedActivationPlan__item-header {
    transition: all .1s ease;
    width: 100%;
    padding: 24px 0;
    min-height: 96px;
    display: flex;
    flex-direction: column;
    padding-right: 40px;
    cursor: pointer
}

    .collapsedActivationPlan__item-header:before {
        transition: all .15s ease-in-out;
        width: 24px;
        height: 24px;
        font-size: 24px;
        font-family: aicep-base-icons !important;
        font-weight: 400;
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 0;
        content: "\e90d";
        z-index: 1;
        transform: translateY(-50%) rotate(90deg);
        transform-origin: center;
        color: var(--neu-10)
    }

    .collapsedActivationPlan__item-header:hover {
        opacity: .7
    }

.collapsedActivationPlan__item-icon {
    font-size: 24px;
    margin-right: 16px
}

.collapsedActivationPlan__item-title {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1.188rem;
    line-height: 1.263em;
    letter-spacing: -.016em;
    font-weight: 700;
    text-align: left;
    color: var(--neu-10)
}

    .collapsedActivationPlan__item-title .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .collapsedActivationPlan__item-title .link a:hover {
            color: var(--m-01)
        }

    .collapsedActivationPlan__item-title mark, .collapsedActivationPlan__item-title mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .collapsedActivationPlan__item-title mark[data-color=gray] {
            color: var(--neu-07)
        }

        .collapsedActivationPlan__item-title mark[data-color=default] {
            color: var(--neu-10)
        }

    .collapsedActivationPlan__item-title span.m-01--dark-01, .collapsedActivationPlan__item-title span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .collapsedActivationPlan__item-title span.neu-07, .collapsedActivationPlan__item-title span[data-color=gray] {
        color: var(--neu-07)
    }

    .collapsedActivationPlan__item-title span.neu-10, .collapsedActivationPlan__item-title span[data-color=default] {
        color: var(--neu-10)
    }

    .collapsedActivationPlan__item-title b, .collapsedActivationPlan__item-title strong {
        font-weight: 700
    }

    .collapsedActivationPlan__item-title em {
        font-style: italic
    }

.collapsedActivationPlan__item-content {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1rem;
    line-height: 1.5em;
    letter-spacing: -.011em;
    font-weight: 400;
    display: none;
    animation: k .3s cubic-bezier(.38,.01,.23,.99) both;
    padding-left: 24px
}

    .collapsedActivationPlan__item-content .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .collapsedActivationPlan__item-content .link a:hover {
            color: var(--m-01)
        }

    .collapsedActivationPlan__item-content mark, .collapsedActivationPlan__item-content mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .collapsedActivationPlan__item-content mark[data-color=gray] {
            color: var(--neu-07)
        }

        .collapsedActivationPlan__item-content mark[data-color=default] {
            color: var(--neu-10)
        }

    .collapsedActivationPlan__item-content span.m-01--dark-01, .collapsedActivationPlan__item-content span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .collapsedActivationPlan__item-content span.neu-07, .collapsedActivationPlan__item-content span[data-color=gray] {
        color: var(--neu-07)
    }

    .collapsedActivationPlan__item-content span.neu-10, .collapsedActivationPlan__item-content span[data-color=default] {
        color: var(--neu-10)
    }

    .collapsedActivationPlan__item-content b, .collapsedActivationPlan__item-content strong {
        font-weight: 700
    }

    .collapsedActivationPlan__item-content em {
        font-style: italic
    }

@media (max-width:512px) {
    .collapsedActivationPlan__item-content {
        padding-left: 0
    }
}

.collapsedActivationPlan__item-content, .collapsedActivationPlan__item-title {
    grid-column: 1/6
}

@media (max-width:1024px) {
    .collapsedActivationPlan__item-content, .collapsedActivationPlan__item-title {
        grid-column: 1/5
    }
}

@media (max-width:768px) {
    .collapsedActivationPlan__item-content, .collapsedActivationPlan__item-title {
        grid-column: 1/6
    }
}

@media (max-width:512px) {
    .collapsedActivationPlan__item-content, .collapsedActivationPlan__item-title {
        grid-column: 1/13
    }
}

@media (max-width:512px) and (max-width:1024px) {
    .collapsedActivationPlan__item-content, .collapsedActivationPlan__item-title {
        grid-column: 1/7
    }
}

.collapsedActivationPlan__item-block {
    opacity: 0;
    margin-right: calc(28.5% + 32px)
}

    .collapsedActivationPlan__item-block:not(:first-child) {
        margin-top: 24px
    }

@media (max-width:1280px) {
    .collapsedActivationPlan__item-block {
        margin-right: calc(18% + 24px)
    }
}

@media (max-width:768px) {
    .collapsedActivationPlan__item-block {
        margin-right: 0
    }
}

.collapsedActivationPlan__item-subtitle {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1rem;
    line-height: 1.5em;
    letter-spacing: -.011em;
    font-weight: 700
}

    .collapsedActivationPlan__item-subtitle .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .collapsedActivationPlan__item-subtitle .link a:hover {
            color: var(--m-01)
        }

    .collapsedActivationPlan__item-subtitle mark, .collapsedActivationPlan__item-subtitle mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .collapsedActivationPlan__item-subtitle mark[data-color=gray] {
            color: var(--neu-07)
        }

        .collapsedActivationPlan__item-subtitle mark[data-color=default] {
            color: var(--neu-10)
        }

    .collapsedActivationPlan__item-subtitle span.m-01--dark-01, .collapsedActivationPlan__item-subtitle span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .collapsedActivationPlan__item-subtitle span.neu-07, .collapsedActivationPlan__item-subtitle span[data-color=gray] {
        color: var(--neu-07)
    }

    .collapsedActivationPlan__item-subtitle span.neu-10, .collapsedActivationPlan__item-subtitle span[data-color=default] {
        color: var(--neu-10)
    }

    .collapsedActivationPlan__item-subtitle b, .collapsedActivationPlan__item-subtitle strong {
        font-weight: 700
    }

    .collapsedActivationPlan__item-subtitle em {
        font-style: italic
    }

.collapsedActivationPlan__item-description {
    margin-top: 16px
}

.collapsedActivationPlan__infoItems {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 24px;
    align-items: center;
    margin-top: 8px
}

.collapsedActivationPlan__infoItems-item {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: .688rem;
    line-height: 1.455em;
    letter-spacing: .005em;
    font-weight: 400;
    display: flex;
    gap: 8px;
    align-items: center;
    text-align: left;
    color: var(--neu-10)
}

    .collapsedActivationPlan__infoItems-item .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .collapsedActivationPlan__infoItems-item .link a:hover {
            color: var(--m-01)
        }

    .collapsedActivationPlan__infoItems-item mark, .collapsedActivationPlan__infoItems-item mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .collapsedActivationPlan__infoItems-item mark[data-color=gray] {
            color: var(--neu-07)
        }

        .collapsedActivationPlan__infoItems-item mark[data-color=default] {
            color: var(--neu-10)
        }

    .collapsedActivationPlan__infoItems-item span.m-01--dark-01, .collapsedActivationPlan__infoItems-item span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .collapsedActivationPlan__infoItems-item span.neu-07, .collapsedActivationPlan__infoItems-item span[data-color=gray] {
        color: var(--neu-07)
    }

    .collapsedActivationPlan__infoItems-item span.neu-10, .collapsedActivationPlan__infoItems-item span[data-color=default] {
        color: var(--neu-10)
    }

    .collapsedActivationPlan__infoItems-item b, .collapsedActivationPlan__infoItems-item strong {
        font-weight: 700
    }

    .collapsedActivationPlan__infoItems-item em {
        font-style: italic
    }

    .collapsedActivationPlan__infoItems-item i {
        min-width: 16px;
        width: 16px;
        height: 16px;
        font-size: 16px
    }

        .collapsedActivationPlan__infoItems-item i:before {
            font-size: 16px;
            font-weight: 400
        }

.collapsedActivationPlan .numberedList {
    margin-bottom: 0
}

.collapsedActivationPlan .bodyText {
    margin-bottom: 0;
    margin-top: 8px
}

.collapsedIndicator .wrapper {
    padding-top: 16px;
    padding-bottom: 24px
}

.collapsedIndicator__list, .collapsedIndicator__top {
    grid-column: 2/12
}

@media (max-width:1024px) {
    .collapsedIndicator__list, .collapsedIndicator__top {
        grid-column: 1/13
    }
}

@media (max-width:1024px) and (max-width:1024px) {
    .collapsedIndicator__list, .collapsedIndicator__top {
        grid-column: 1/7
    }
}

.collapsedIndicator__top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
    gap: 24px
}

@media (max-width:768px) {
    .collapsedIndicator__top {
        flex-direction: column
    }
}

.collapsedIndicator__top-text {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1rem;
    line-height: 1.5em;
    letter-spacing: -.011em;
    font-weight: 400;
    text-align: center
}

    .collapsedIndicator__top-text .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .collapsedIndicator__top-text .link a:hover {
            color: var(--m-01)
        }

    .collapsedIndicator__top-text mark, .collapsedIndicator__top-text mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .collapsedIndicator__top-text mark[data-color=gray] {
            color: var(--neu-07)
        }

        .collapsedIndicator__top-text mark[data-color=default] {
            color: var(--neu-10)
        }

    .collapsedIndicator__top-text span.m-01--dark-01, .collapsedIndicator__top-text span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .collapsedIndicator__top-text span.neu-07, .collapsedIndicator__top-text span[data-color=gray] {
        color: var(--neu-07)
    }

    .collapsedIndicator__top-text span.neu-10, .collapsedIndicator__top-text span[data-color=default] {
        color: var(--neu-10)
    }

    .collapsedIndicator__top-text b, .collapsedIndicator__top-text strong {
        font-weight: 700
    }

    .collapsedIndicator__top-text em {
        font-style: italic
    }

@media (max-width:512px) {
    .collapsedIndicator__export {
        width: 100%
    }
}

.collapsedIndicator__item {
    border-bottom: 1px solid var(--neu-03)
}

    .collapsedIndicator__item.open .collapsedIndicator__item-header:before {
        content: "\e90e";
        transform: rotate(0deg)
    }

    .collapsedIndicator__item.open .collapsedIndicator__item-title {
        color: var(--m-01--dark-01)
    }

    .collapsedIndicator__item.open .collapsedIndicator__item-content {
        margin-bottom: 24px;
        animation: j .25s .05s cubic-bezier(.38,.01,.23,.99) both
    }

    .collapsedIndicator__item.open .collapsedIndicator__item-block {
        opacity: 1
    }

    .collapsedIndicator__item label {
        display: none
    }

.collapsedIndicator__item-header {
    transition: all .1s ease;
    width: calc(100% - 40px);
    padding: 24px 40px 24px 0;
    margin-left: 40px;
    min-height: 72px;
    display: flex;
    gap: 8px;
    align-items: center;
    cursor: pointer;
    flex-wrap: wrap
}

@media (max-width:1024px) {
    .collapsedIndicator__item-header {
        width: calc(100% - 48px);
        margin-left: 48px
    }
}

.collapsedIndicator__item-header:before {
    transition: all .15s ease-in-out;
    width: 24px;
    height: 24px;
    font-size: 24px;
    font-family: aicep-base-icons !important;
    font-weight: 400;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    content: "\e90d";
    z-index: 1;
    transform: rotate(90deg);
    transform-origin: center;
    top: 24px;
    color: var(--neu-10)
}

.collapsedIndicator__item-header:hover {
    opacity: .7
}

.collapsedIndicator__item-title {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1.188rem;
    line-height: 1.263em;
    letter-spacing: -.016em;
    font-weight: 700;
    text-align: left;
    color: var(--neu-10)
}

    .collapsedIndicator__item-title .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .collapsedIndicator__item-title .link a:hover {
            color: var(--m-01)
        }

    .collapsedIndicator__item-title mark, .collapsedIndicator__item-title mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .collapsedIndicator__item-title mark[data-color=gray] {
            color: var(--neu-07)
        }

        .collapsedIndicator__item-title mark[data-color=default] {
            color: var(--neu-10)
        }

    .collapsedIndicator__item-title span.m-01--dark-01, .collapsedIndicator__item-title span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .collapsedIndicator__item-title span.neu-07, .collapsedIndicator__item-title span[data-color=gray] {
        color: var(--neu-07)
    }

    .collapsedIndicator__item-title span.neu-10, .collapsedIndicator__item-title span[data-color=default] {
        color: var(--neu-10)
    }

    .collapsedIndicator__item-title b, .collapsedIndicator__item-title strong {
        font-weight: 700
    }

    .collapsedIndicator__item-title em {
        font-style: italic
    }

.collapsedIndicator__item-content {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1rem;
    line-height: 1.5em;
    letter-spacing: -.011em;
    font-weight: 400;
    display: none;
    animation: k .3s cubic-bezier(.38,.01,.23,.99) both;
    padding-left: 64px
}

    .collapsedIndicator__item-content .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .collapsedIndicator__item-content .link a:hover {
            color: var(--m-01)
        }

    .collapsedIndicator__item-content mark, .collapsedIndicator__item-content mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .collapsedIndicator__item-content mark[data-color=gray] {
            color: var(--neu-07)
        }

        .collapsedIndicator__item-content mark[data-color=default] {
            color: var(--neu-10)
        }

    .collapsedIndicator__item-content span.m-01--dark-01, .collapsedIndicator__item-content span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .collapsedIndicator__item-content span.neu-07, .collapsedIndicator__item-content span[data-color=gray] {
        color: var(--neu-07)
    }

    .collapsedIndicator__item-content span.neu-10, .collapsedIndicator__item-content span[data-color=default] {
        color: var(--neu-10)
    }

    .collapsedIndicator__item-content b, .collapsedIndicator__item-content strong {
        font-weight: 700
    }

    .collapsedIndicator__item-content em {
        font-style: italic
    }

@media (max-width:1024px) {
    .collapsedIndicator__item-content {
        padding-left: 68px;
        padding-top: 2px
    }
}

.collapsedIndicator__item-content, .collapsedIndicator__item-title {
    grid-column: 1/6
}

@media (max-width:1024px) {
    .collapsedIndicator__item-content, .collapsedIndicator__item-title {
        grid-column: 1/5
    }
}

@media (max-width:768px) {
    .collapsedIndicator__item-content, .collapsedIndicator__item-title {
        grid-column: 1/6
    }
}

@media (max-width:512px) {
    .collapsedIndicator__item-content, .collapsedIndicator__item-title {
        grid-column: 1/13
    }
}

@media (max-width:512px) and (max-width:1024px) {
    .collapsedIndicator__item-content, .collapsedIndicator__item-title {
        grid-column: 1/7
    }
}

.collapsedIndicator__item-description {
    margin-top: 16px
}

.collapsedIndicator__check-list {
    display: flex;
    flex-direction: column;
    gap: 16px
}

@media (max-width:1024px) {
    .collapsedIndicator__check-list {
        gap: 20px
    }
}

.collapsedIndicator__check-content {
    display: grid;
    grid-template-columns: 3fr 1fr;
    gap: 24px
}

@media (max-width:512px) {
    .collapsedIndicator__check-content {
        grid-template-columns: 1fr;
        gap: 0
    }
}

.collapsedIndicator__check-content strong {
    justify-self: flex-end
}

@media (max-width:512px) {
    .collapsedIndicator__check-content strong {
        justify-self: flex-start
    }
}

.collapsedIndicator__checkbox {
    min-width: 22px;
    min-height: 22px;
    border-radius: 2px;
    border: 1px solid var(--neu-06);
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 22px;
    cursor: pointer
}

@media (max-width:1024px) {
    .collapsedIndicator__checkbox {
        min-width: 28px;
        min-height: 28px;
        top: 19px
    }
}

.collapsedIndicator__checkbox:hover {
    border-color: var(--neu-10)
}

.collapsedIndicator__checkbox:checked, .collapsedIndicator__checkbox:indeterminate {
    border-color: var(--m-01);
    background-color: var(--m-01)
}

    .collapsedIndicator__checkbox:checked:after, .collapsedIndicator__checkbox:indeterminate:after {
        position: absolute;
        font-family: aicep-base-icons !important;
        content: "\e90c";
        color: var(--neu-01);
        display: flex
    }

@media (max-width:1024px) {
    .collapsedIndicator__checkbox:checked:after, .collapsedIndicator__checkbox:indeterminate:after {
        font-size: 16px
    }
}

.collapsedIndicator__checkbox:indeterminate:after {
    content: "\e90e"
}

.collapsedIndicator__checkbox.childCheckbox {
    left: -40px;
    top: -2px
}

@media (max-width:1024px) {
    .collapsedIndicator__checkbox.childCheckbox {
        left: -46px;
        top: -5px
    }
}

.collapsedInfo.full .collapsedInfo__title {
    display: none
}

.collapsedInfo.full .collapsedInfo__list {
    grid-column: 2/12
}

@media (max-width:1024px) {
    .collapsedInfo.full .collapsedInfo__list {
        grid-column: 1/13
    }
}

@media (max-width:1024px) and (max-width:1024px) {
    .collapsedInfo.full .collapsedInfo__list {
        grid-column: 1/7
    }
}

.collapsedInfo .wrapper {
    padding-top: 80px;
    padding-bottom: 56px
}

@media (max-width:1024px) {
    .collapsedInfo .wrapper {
        padding-top: 56px;
        padding-bottom: 56px
    }
}

@media (max-width:768px) {
    .collapsedInfo .wrapper {
        padding-top: 48px;
        padding-bottom: 48px
    }
}

.collapsedInfo__title {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Calma Global Medium,sans-serif;
    font-size: 2.5rem;
    line-height: 1.2em;
    letter-spacing: -.025em;
    grid-column: 2/5
}

    .collapsedInfo__title .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .collapsedInfo__title .link a:hover {
            color: var(--m-01)
        }

    .collapsedInfo__title mark, .collapsedInfo__title mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .collapsedInfo__title mark[data-color=gray] {
            color: var(--neu-07)
        }

        .collapsedInfo__title mark[data-color=default] {
            color: var(--neu-10)
        }

    .collapsedInfo__title span.m-01--dark-01, .collapsedInfo__title span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .collapsedInfo__title span.neu-07, .collapsedInfo__title span[data-color=gray] {
        color: var(--neu-07)
    }

    .collapsedInfo__title span.neu-10, .collapsedInfo__title span[data-color=default] {
        color: var(--neu-10)
    }

    .collapsedInfo__title b, .collapsedInfo__title strong {
        font-weight: 700
    }

    .collapsedInfo__title em {
        font-style: italic
    }

@media (max-width:1024px) {
    .collapsedInfo__title {
        font-size: 2rem;
        line-height: 1.25em;
        letter-spacing: -.016em;
        grid-column: 1/5
    }
}

@media (max-width:768px) {
    .collapsedInfo__title {
        grid-column: 1/13
    }
}

@media (max-width:768px) and (max-width:1024px) {
    .collapsedInfo__title {
        grid-column: 1/7
    }
}

.collapsedInfo__list {
    grid-column: 5/11;
    transform: translateY(-10px)
}

@media (max-width:1024px) {
    .collapsedInfo__list {
        grid-column: 1/13;
        margin-top: 32px
    }
}

@media (max-width:1024px) and (max-width:1024px) {
    .collapsedInfo__list {
        grid-column: 1/7
    }
}

@media (max-width:768px) {
    .collapsedInfo__list {
        margin-top: 16px
    }
}

.collapsedInfo__item {
    border-bottom: 1px solid var(--neu-03)
}

@media (max-width:1024px) {
    .collapsedInfo__item {
        width: 100%;
        max-width: 1440px;
        margin: 0 auto;
        display: grid;
        padding: 0 64px;
        grid-template-columns: repeat(12,1fr);
        grid-column-gap: 32px;
        padding: 0 !important
    }
}

@media (max-width:1024px) and (max-width:1280px) {
    .collapsedInfo__item {
        padding: 0 40px;
        grid-column-gap: 24px
    }
}

@media (max-width:1024px) and (max-width:1024px) {
    .collapsedInfo__item {
        padding: 0 32px;
        grid-template-columns: repeat(6,1fr);
        grid-column-gap: 16px
    }
}

@media (max-width:1024px) and (max-width:768px) {
    .collapsedInfo__item {
        padding: 0 24px
    }
}

@media (max-width:1024px) and (max-width:512px) {
    .collapsedInfo__item {
        padding: 0 16px;
        grid-column-gap: 8px
    }
}

.collapsedInfo__item--header {
    transition: all .1s ease;
    width: 100%;
    cursor: pointer
}

@media (max-width:1024px) {
    .collapsedInfo__item--header {
        grid-column: 1/13;
        width: 100%;
        max-width: 1440px;
        margin: 0 auto;
        display: grid;
        padding: 0 64px;
        grid-template-columns: repeat(12,1fr);
        grid-column-gap: 32px;
        padding: 0 !important
    }
}

@media (max-width:1024px) and (max-width:1024px) {
    .collapsedInfo__item--header {
        grid-column: 1/7
    }
}

@media (max-width:1024px) and (max-width:1280px) {
    .collapsedInfo__item--header {
        padding: 0 40px;
        grid-column-gap: 24px
    }
}

@media (max-width:1024px) and (max-width:1024px) {
    .collapsedInfo__item--header {
        padding: 0 32px;
        grid-template-columns: repeat(6,1fr);
        grid-column-gap: 16px
    }
}

@media (max-width:1024px) and (max-width:768px) {
    .collapsedInfo__item--header {
        padding: 0 24px
    }
}

@media (max-width:1024px) and (max-width:512px) {
    .collapsedInfo__item--header {
        padding: 0 16px;
        grid-column-gap: 8px
    }
}

.collapsedInfo__item--header:before {
    transition: all .15s ease-in-out;
    width: 24px;
    height: 24px;
    font-size: 24px;
    font-family: aicep-base-icons !important;
    font-weight: 400;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    content: "\e90d";
    z-index: 1;
    transform: translateY(-50%) rotate(90deg);
    transform-origin: center
}

.collapsedInfo__item--header:hover {
    opacity: .7
}

.collapsedInfo__item--icon {
    font-size: 24px;
    margin-right: 16px
}

.collapsedInfo__item--title {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1.188rem;
    line-height: 1.263em;
    letter-spacing: -.016em;
    font-weight: 700;
    min-height: 72px;
    display: flex;
    align-items: center;
    padding: 16px 40px 16px 0
}

    .collapsedInfo__item--title .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .collapsedInfo__item--title .link a:hover {
            color: var(--m-01)
        }

    .collapsedInfo__item--title mark, .collapsedInfo__item--title mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .collapsedInfo__item--title mark[data-color=gray] {
            color: var(--neu-07)
        }

        .collapsedInfo__item--title mark[data-color=default] {
            color: var(--neu-10)
        }

    .collapsedInfo__item--title span.m-01--dark-01, .collapsedInfo__item--title span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .collapsedInfo__item--title span.neu-07, .collapsedInfo__item--title span[data-color=gray] {
        color: var(--neu-07)
    }

    .collapsedInfo__item--title span.neu-10, .collapsedInfo__item--title span[data-color=default] {
        color: var(--neu-10)
    }

    .collapsedInfo__item--title b, .collapsedInfo__item--title strong {
        font-weight: 700
    }

    .collapsedInfo__item--title em {
        font-style: italic
    }

@media (max-width:1024px) {
    .collapsedInfo__item--title {
        padding: 16px 0
    }
}

@media (max-width:512px) {
    .collapsedInfo__item--title {
        padding: 16px 40px 16px 0
    }
}

.collapsedInfo__item--content {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1rem;
    line-height: 1.5em;
    letter-spacing: -.011em;
    font-weight: 400;
    display: none;
    animation: k .3s cubic-bezier(.38,.01,.23,.99) both
}

    .collapsedInfo__item--content .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .collapsedInfo__item--content .link a:hover {
            color: var(--m-01)
        }

    .collapsedInfo__item--content mark, .collapsedInfo__item--content mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .collapsedInfo__item--content mark[data-color=gray] {
            color: var(--neu-07)
        }

        .collapsedInfo__item--content mark[data-color=default] {
            color: var(--neu-10)
        }

    .collapsedInfo__item--content span.m-01--dark-01, .collapsedInfo__item--content span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .collapsedInfo__item--content span.neu-07, .collapsedInfo__item--content span[data-color=gray] {
        color: var(--neu-07)
    }

    .collapsedInfo__item--content span.neu-10, .collapsedInfo__item--content span[data-color=default] {
        color: var(--neu-10)
    }

    .collapsedInfo__item--content b, .collapsedInfo__item--content strong {
        font-weight: 700
    }

    .collapsedInfo__item--content em {
        font-style: italic
    }

.collapsedInfo__item--content, .collapsedInfo__item--title {
    grid-column: 1/6
}

@media (max-width:1024px) {
    .collapsedInfo__item--content, .collapsedInfo__item--title {
        grid-column: 1/5
    }
}

@media (max-width:768px) {
    .collapsedInfo__item--content, .collapsedInfo__item--title {
        grid-column: 1/6
    }
}

@media (max-width:512px) {
    .collapsedInfo__item--content, .collapsedInfo__item--title {
        grid-column: 1/13
    }
}

@media (max-width:512px) and (max-width:1024px) {
    .collapsedInfo__item--content, .collapsedInfo__item--title {
        grid-column: 1/7
    }
}

.collapsedInfo__item--contentFull {
    grid-column: 1/7
}

.collapsedInfo__item--description {
    opacity: 0;
    margin-right: calc(12.5% + 32px);
    max-width: 640px
}

@media (max-width:1280px) {
    .collapsedInfo__item--description {
        margin-right: calc(12.5% + 24px)
    }
}

@media (max-width:1024px) {
    .collapsedInfo__item--description {
        max-width: unset;
        margin-right: 0
    }
}

.collapsedInfo__item--item {
    display: flex;
    justify-content: space-between
}

.collapsedInfo__item.open .collapsedInfo__item--header:before {
    content: "\e90e";
    transform: translateY(-50%) rotate(0deg)
}

.collapsedInfo__item.open .collapsedInfo__item--title {
    color: var(--m-01--dark-01)
}

.collapsedInfo__item.open .collapsedInfo__item--content {
    margin-bottom: 24px;
    animation: j .25s .05s cubic-bezier(.38,.01,.23,.99) both
}

.collapsedInfoWithSidebarFilter .wrapper {
    padding-top: 40px;
    padding-bottom: 80px
}

@media (max-width:1024px) {
    .collapsedInfoWithSidebarFilter .wrapper {
        padding-top: 0;
        padding-bottom: 56px
    }
}

.collapsedInfoWithSidebarFilter .sidebarFilter {
    grid-column: 1/4;
    width: 100%;
    position: sticky;
    top: 96px
}

@media (max-width:1024px) {
    .collapsedInfoWithSidebarFilter .sidebarFilter {
        grid-column: 1/3;
        position: fixed;
        top: 0;
        left: 0;
        margin-top: 0;
        height: 100%;
        width: 100%
    }
}

@media (max-width:768px) {
    .collapsedInfoWithSidebarFilter .sidebarFilterControl {
        grid-column: 1/13
    }
}

@media (max-width:768px) and (max-width:1024px) {
    .collapsedInfoWithSidebarFilter .sidebarFilterControl {
        grid-column: 1/7
    }
}

@media (max-width:768px) {
    .collapsedInfoWithSidebarFilter .sidebarFilterControl__innerContainer {
        margin-top: 24px
    }
}

@media (max-width:512px) {
    .collapsedInfoWithSidebarFilter .sidebarFilterControl__innerContainer {
        width: 100%
    }
}

.collapsedInfoWithSidebarFilter__results {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: .813rem;
    line-height: 1.538em;
    letter-spacing: -.003em;
    font-weight: 400;
    color: var(--neu-10);
    margin-bottom: 24px
}

    .collapsedInfoWithSidebarFilter__results .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .collapsedInfoWithSidebarFilter__results .link a:hover {
            color: var(--m-01)
        }

    .collapsedInfoWithSidebarFilter__results mark, .collapsedInfoWithSidebarFilter__results mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .collapsedInfoWithSidebarFilter__results mark[data-color=gray] {
            color: var(--neu-07)
        }

        .collapsedInfoWithSidebarFilter__results mark[data-color=default] {
            color: var(--neu-10)
        }

    .collapsedInfoWithSidebarFilter__results span.m-01--dark-01, .collapsedInfoWithSidebarFilter__results span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .collapsedInfoWithSidebarFilter__results span.neu-07, .collapsedInfoWithSidebarFilter__results span[data-color=gray] {
        color: var(--neu-07)
    }

    .collapsedInfoWithSidebarFilter__results span.neu-10, .collapsedInfoWithSidebarFilter__results span[data-color=default] {
        color: var(--neu-10)
    }

    .collapsedInfoWithSidebarFilter__results b, .collapsedInfoWithSidebarFilter__results strong {
        font-weight: 700
    }

    .collapsedInfoWithSidebarFilter__results em {
        font-style: italic
    }

@media (max-width:1024px) {
    .collapsedInfoWithSidebarFilter__results {
        display: block;
        margin-top: 16px;
        grid-column: 1/7
    }
}

@media (max-width:768px) {
    .collapsedInfoWithSidebarFilter__results {
        margin-top: 16px
    }
}

.collapsedInfoWithSidebarFilter__results--number {
    color: var(--m-01--dark-01);
    font-weight: 700
}

.collapsedInfoWithSidebarFilter__list {
    grid-column: 4/13
}

@media (max-width:1024px) {
    .collapsedInfoWithSidebarFilter__list {
        grid-column: 1/13
    }
}

@media (max-width:1024px) and (max-width:1024px) {
    .collapsedInfoWithSidebarFilter__list {
        grid-column: 1/7
    }
}

.collapsedInfoWithSidebarFilter__item {
    border-bottom: 1px solid var(--neu-03)
}

@media (max-width:1024px) {
    .collapsedInfoWithSidebarFilter__item {
        width: 100%;
        max-width: 1440px;
        margin: 0 auto;
        display: grid;
        padding: 0 64px;
        grid-template-columns: repeat(12,1fr);
        grid-column-gap: 32px;
        padding: 0 !important
    }
}

@media (max-width:1024px) and (max-width:1280px) {
    .collapsedInfoWithSidebarFilter__item {
        padding: 0 40px;
        grid-column-gap: 24px
    }
}

@media (max-width:1024px) and (max-width:1024px) {
    .collapsedInfoWithSidebarFilter__item {
        padding: 0 32px;
        grid-template-columns: repeat(6,1fr);
        grid-column-gap: 16px
    }
}

@media (max-width:1024px) and (max-width:768px) {
    .collapsedInfoWithSidebarFilter__item {
        padding: 0 24px
    }
}

@media (max-width:1024px) and (max-width:512px) {
    .collapsedInfoWithSidebarFilter__item {
        padding: 0 16px;
        grid-column-gap: 8px
    }
}

.collapsedInfoWithSidebarFilter__item--header {
    transition: all .1s ease;
    width: 100%;
    cursor: pointer
}

@media (max-width:1024px) {
    .collapsedInfoWithSidebarFilter__item--header {
        grid-column: 1/13;
        width: 100%;
        max-width: 1440px;
        margin: 0 auto;
        display: grid;
        padding: 0 64px;
        grid-template-columns: repeat(12,1fr);
        grid-column-gap: 32px;
        padding: 0 !important
    }
}

@media (max-width:1024px) and (max-width:1024px) {
    .collapsedInfoWithSidebarFilter__item--header {
        grid-column: 1/7
    }
}

@media (max-width:1024px) and (max-width:1280px) {
    .collapsedInfoWithSidebarFilter__item--header {
        padding: 0 40px;
        grid-column-gap: 24px
    }
}

@media (max-width:1024px) and (max-width:1024px) {
    .collapsedInfoWithSidebarFilter__item--header {
        padding: 0 32px;
        grid-template-columns: repeat(6,1fr);
        grid-column-gap: 16px
    }
}

@media (max-width:1024px) and (max-width:768px) {
    .collapsedInfoWithSidebarFilter__item--header {
        padding: 0 24px
    }
}

@media (max-width:1024px) and (max-width:512px) {
    .collapsedInfoWithSidebarFilter__item--header {
        padding: 0 16px;
        grid-column-gap: 8px
    }
}

.collapsedInfoWithSidebarFilter__item--header:before {
    transition: all .15s ease-in-out;
    width: 24px;
    height: 24px;
    font-size: 24px;
    font-family: aicep-base-icons !important;
    font-weight: 400;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    content: "\e90d";
    z-index: 1;
    transform: translateY(-50%) rotate(90deg);
    transform-origin: center
}

.collapsedInfoWithSidebarFilter__item--header:hover {
    opacity: .7
}

.collapsedInfoWithSidebarFilter__item--icon {
    font-size: 24px;
    margin-right: 16px
}

.collapsedInfoWithSidebarFilter__item--title {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1.188rem;
    line-height: 1.263em;
    letter-spacing: -.016em;
    font-weight: 700;
    min-height: 72px;
    display: flex;
    align-items: center;
    padding: 16px 40px 16px 0
}

    .collapsedInfoWithSidebarFilter__item--title .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .collapsedInfoWithSidebarFilter__item--title .link a:hover {
            color: var(--m-01)
        }

    .collapsedInfoWithSidebarFilter__item--title mark, .collapsedInfoWithSidebarFilter__item--title mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .collapsedInfoWithSidebarFilter__item--title mark[data-color=gray] {
            color: var(--neu-07)
        }

        .collapsedInfoWithSidebarFilter__item--title mark[data-color=default] {
            color: var(--neu-10)
        }

    .collapsedInfoWithSidebarFilter__item--title span.m-01--dark-01, .collapsedInfoWithSidebarFilter__item--title span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .collapsedInfoWithSidebarFilter__item--title span.neu-07, .collapsedInfoWithSidebarFilter__item--title span[data-color=gray] {
        color: var(--neu-07)
    }

    .collapsedInfoWithSidebarFilter__item--title span.neu-10, .collapsedInfoWithSidebarFilter__item--title span[data-color=default] {
        color: var(--neu-10)
    }

    .collapsedInfoWithSidebarFilter__item--title b, .collapsedInfoWithSidebarFilter__item--title strong {
        font-weight: 700
    }

    .collapsedInfoWithSidebarFilter__item--title em {
        font-style: italic
    }

@media (max-width:1024px) {
    .collapsedInfoWithSidebarFilter__item--title {
        padding: 16px 0
    }
}

@media (max-width:512px) {
    .collapsedInfoWithSidebarFilter__item--title {
        padding: 16px 40px 16px 0
    }
}

.collapsedInfoWithSidebarFilter__item--content {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1rem;
    line-height: 1.5em;
    letter-spacing: -.011em;
    font-weight: 400;
    display: none;
    animation: k .3s cubic-bezier(.38,.01,.23,.99) both
}

    .collapsedInfoWithSidebarFilter__item--content .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .collapsedInfoWithSidebarFilter__item--content .link a:hover {
            color: var(--m-01)
        }

    .collapsedInfoWithSidebarFilter__item--content mark, .collapsedInfoWithSidebarFilter__item--content mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .collapsedInfoWithSidebarFilter__item--content mark[data-color=gray] {
            color: var(--neu-07)
        }

        .collapsedInfoWithSidebarFilter__item--content mark[data-color=default] {
            color: var(--neu-10)
        }

    .collapsedInfoWithSidebarFilter__item--content span.m-01--dark-01, .collapsedInfoWithSidebarFilter__item--content span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .collapsedInfoWithSidebarFilter__item--content span.neu-07, .collapsedInfoWithSidebarFilter__item--content span[data-color=gray] {
        color: var(--neu-07)
    }

    .collapsedInfoWithSidebarFilter__item--content span.neu-10, .collapsedInfoWithSidebarFilter__item--content span[data-color=default] {
        color: var(--neu-10)
    }

    .collapsedInfoWithSidebarFilter__item--content b, .collapsedInfoWithSidebarFilter__item--content strong {
        font-weight: 700
    }

    .collapsedInfoWithSidebarFilter__item--content em {
        font-style: italic
    }

.collapsedInfoWithSidebarFilter__item--content, .collapsedInfoWithSidebarFilter__item--title {
    grid-column: 1/6
}

@media (max-width:1024px) {
    .collapsedInfoWithSidebarFilter__item--content, .collapsedInfoWithSidebarFilter__item--title {
        grid-column: 1/5
    }
}

@media (max-width:768px) {
    .collapsedInfoWithSidebarFilter__item--content, .collapsedInfoWithSidebarFilter__item--title {
        grid-column: 1/6
    }
}

@media (max-width:512px) {
    .collapsedInfoWithSidebarFilter__item--content, .collapsedInfoWithSidebarFilter__item--title {
        grid-column: 1/13
    }
}

@media (max-width:512px) and (max-width:1024px) {
    .collapsedInfoWithSidebarFilter__item--content, .collapsedInfoWithSidebarFilter__item--title {
        grid-column: 1/7
    }
}

.collapsedInfoWithSidebarFilter__item--contentFull {
    grid-column: 1/7
}

.collapsedInfoWithSidebarFilter__item--description {
    opacity: 0;
    margin-right: calc(12.5% + 32px);
    max-width: 640px
}

@media (max-width:1280px) {
    .collapsedInfoWithSidebarFilter__item--description {
        margin-right: calc(12.5% + 24px)
    }
}

@media (max-width:1024px) {
    .collapsedInfoWithSidebarFilter__item--description {
        max-width: unset;
        margin-right: 0
    }
}

.collapsedInfoWithSidebarFilter__item--item {
    display: flex;
    justify-content: space-between
}

.collapsedInfoWithSidebarFilter__item.open .collapsedInfoWithSidebarFilter__item--header:before {
    content: "\e90e";
    transform: translateY(-50%) rotate(0deg)
}

.collapsedInfoWithSidebarFilter__item.open .collapsedInfoWithSidebarFilter__item--title {
    color: var(--m-01--dark-01)
}

.collapsedInfoWithSidebarFilter__item.open .collapsedInfoWithSidebarFilter__item--content {
    margin-bottom: 24px;
    animation: j .25s .05s cubic-bezier(.38,.01,.23,.99) both
}

.collapsedInfoWithSidebarFilter .btnContainer {
    margin-top: 48px
}

@media (max-width:1024px) {
    .collapsedInfoWithSidebarFilter .btnContainer {
        margin-top: 32px
    }
}

[data-bg=neu-02] .cardSliderWithSidebarFilter__results--number {
    color: var(--m-01--dark-02)
}

.conditionalForm__wrapper {
    padding-top: 48px;
    padding-bottom: 80px
}

@media (max-width:1024px) {
    .conditionalForm__wrapper {
        padding-top: 40px;
        padding-bottom: 56px
    }
}

.conditionalForm__title {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1.438rem;
    line-height: 1.391em;
    letter-spacing: -.019em;
    font-weight: 400;
    align-self: flex-start
}

    .conditionalForm__title .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .conditionalForm__title .link a:hover {
            color: var(--m-01)
        }

    .conditionalForm__title mark, .conditionalForm__title mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .conditionalForm__title mark[data-color=gray] {
            color: var(--neu-07)
        }

        .conditionalForm__title mark[data-color=default] {
            color: var(--neu-10)
        }

    .conditionalForm__title span.m-01--dark-01, .conditionalForm__title span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .conditionalForm__title span.neu-07, .conditionalForm__title span[data-color=gray] {
        color: var(--neu-07)
    }

    .conditionalForm__title span.neu-10, .conditionalForm__title span[data-color=default] {
        color: var(--neu-10)
    }

    .conditionalForm__title b, .conditionalForm__title strong {
        font-weight: 700
    }

    .conditionalForm__title em {
        font-style: italic
    }

@media (max-width:1024px) {
    .conditionalForm__title {
        font-size: 1.188rem;
        line-height: 1.263em;
        letter-spacing: -.016em
    }
}

.conditionalForm__form {
    grid-column: 4/10;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px
}

@media (max-width:1024px) {
    .conditionalForm__form {
        grid-column: 2/6
    }
}

@media (max-width:768px) {
    .conditionalForm__form {
        grid-column: 1/13
    }
}

@media (max-width:768px) and (max-width:1024px) {
    .conditionalForm__form {
        grid-column: 1/7
    }
}

.conditionalForm__toggleButtons {
    margin-bottom: 24px
}

.conditionalForm__group {
    width: 100%;
    box-shadow: 0 0 1px rgba(26,24,23,.05),0 2px 4px rgba(26,24,23,.1);
    border-radius: 2px;
    padding: 24px
}

@media (max-width:512px) {
    .conditionalForm__group {
        padding: 24px
    }
}

.conditionalForm__group-actions {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 8px
}

    .conditionalForm__group-actions .btn--tertiary {
        margin-bottom: 0
    }

.conditionalForm__rule {
    display: flex;
    flex-wrap: wrap;
    padding-left: 48px;
    width: calc(100% + 16px)
}

@media (max-width:512px) {
    .conditionalForm__rule {
        flex-direction: column;
        width: 100%
    }
}

.conditionalForm__rule .formFields__inputWrapper {
    flex-grow: 1;
    width: calc(50% - 16px);
    margin-right: 16px
}

@media (max-width:512px) {
    .conditionalForm__rule .formFields__inputWrapper {
        width: 100%;
        margin-right: 0
    }
}

.conditionalForm__rule-delete {
    position: absolute;
    left: -16px;
    top: 4px
}

.conditionalForm__ruleSeparador {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1rem;
    line-height: 1.5em;
    letter-spacing: -.011em;
    font-weight: 400;
    display: flex;
    margin: 0 0 24px 48px
}

    .conditionalForm__ruleSeparador .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .conditionalForm__ruleSeparador .link a:hover {
            color: var(--m-01)
        }

    .conditionalForm__ruleSeparador mark, .conditionalForm__ruleSeparador mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .conditionalForm__ruleSeparador mark[data-color=gray] {
            color: var(--neu-07)
        }

        .conditionalForm__ruleSeparador mark[data-color=default] {
            color: var(--neu-10)
        }

    .conditionalForm__ruleSeparador span.m-01--dark-01, .conditionalForm__ruleSeparador span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .conditionalForm__ruleSeparador span.neu-07, .conditionalForm__ruleSeparador span[data-color=gray] {
        color: var(--neu-07)
    }

    .conditionalForm__ruleSeparador span.neu-10, .conditionalForm__ruleSeparador span[data-color=default] {
        color: var(--neu-10)
    }

    .conditionalForm__ruleSeparador b, .conditionalForm__ruleSeparador strong {
        font-weight: 700
    }

    .conditionalForm__ruleSeparador em {
        font-style: italic
    }

.conditionalForm__groupSeparador {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1rem;
    line-height: 1.5em;
    letter-spacing: -.011em;
    font-weight: 400
}

    .conditionalForm__groupSeparador .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .conditionalForm__groupSeparador .link a:hover {
            color: var(--m-01)
        }

    .conditionalForm__groupSeparador mark, .conditionalForm__groupSeparador mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .conditionalForm__groupSeparador mark[data-color=gray] {
            color: var(--neu-07)
        }

        .conditionalForm__groupSeparador mark[data-color=default] {
            color: var(--neu-10)
        }

    .conditionalForm__groupSeparador span.m-01--dark-01, .conditionalForm__groupSeparador span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .conditionalForm__groupSeparador span.neu-07, .conditionalForm__groupSeparador span[data-color=gray] {
        color: var(--neu-07)
    }

    .conditionalForm__groupSeparador span.neu-10, .conditionalForm__groupSeparador span[data-color=default] {
        color: var(--neu-10)
    }

    .conditionalForm__groupSeparador b, .conditionalForm__groupSeparador strong {
        font-weight: 700
    }

    .conditionalForm__groupSeparador em {
        font-style: italic
    }

.conditionalForm__addGroup {
    margin: 0 !important
}

.conditionalForm__btnContainer {
    margin-top: 24px
}

.contactForm__wrapper {
    padding-top: 80px;
    padding-bottom: 80px
}

@media (max-width:1024px) {
    .contactForm__wrapper {
        padding-top: 40px;
        padding-bottom: 56px
    }
}

.contactForm__container {
    grid-column: 4/10
}

    .contactForm__container.hide {
        display: none
    }

@media (max-width:1024px) {
    .contactForm__container {
        grid-column: 2/6
    }
}

@media (max-width:768px) {
    .contactForm__container {
        grid-column: 1/7
    }
}

.contactForm__doubleField {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 32px
}

@media (max-width:1280px) {
    .contactForm__doubleField {
        gap: 24px
    }
}

@media (max-width:1024px) {
    .contactForm__doubleField {
        gap: 16px
    }
}

@media (max-width:768px) {
    .contactForm__doubleField {
        gap: 0;
        grid-template-columns: 1fr
    }
}

.contactForm__contacts {
    padding-top: 48px;
    margin-top: 48px
}

@media (max-width:1024px) {
    .contactForm__contacts {
        margin-top: 40px;
        padding-top: 40px
    }
}

@media (max-width:512px) {
    .contactForm__contacts {
        margin-top: 32px;
        padding-top: 32px
    }
}

.contactForm__contacts-title {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1.438rem;
    line-height: 1.391em;
    letter-spacing: -.019em;
    font-weight: 700;
    color: var(--neu-10);
    margin-bottom: 32px
}

    .contactForm__contacts-title .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .contactForm__contacts-title .link a:hover {
            color: var(--m-01)
        }

    .contactForm__contacts-title mark, .contactForm__contacts-title mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .contactForm__contacts-title mark[data-color=gray] {
            color: var(--neu-07)
        }

        .contactForm__contacts-title mark[data-color=default] {
            color: var(--neu-10)
        }

    .contactForm__contacts-title span.m-01--dark-01, .contactForm__contacts-title span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .contactForm__contacts-title span.neu-07, .contactForm__contacts-title span[data-color=gray] {
        color: var(--neu-07)
    }

    .contactForm__contacts-title span.neu-10, .contactForm__contacts-title span[data-color=default] {
        color: var(--neu-10)
    }

    .contactForm__contacts-title b, .contactForm__contacts-title strong {
        font-weight: 700
    }

    .contactForm__contacts-title em {
        font-style: italic
    }

@media (max-width:1024px) {
    .contactForm__contacts-title {
        font-size: 1.188rem;
        line-height: 1.263em;
        letter-spacing: -.016em
    }
}

.contactForm__success {
    grid-column: 1/13;
    display: none
}

    .contactForm__success .wrapper {
        padding: 0
    }

@media (max-width:1024px) {
    .contactForm__success {
        grid-column: 1/7
    }
}

.contactForm__success.show {
    display: block
}

.contactForm .defaultDivider {
    width: 100%
}

.contactForm .bodyText, .contactForm .btnContainer {
    margin-bottom: 0
}

.contactSearch {
    display: grid;
    grid-template-rows: 80px auto 179px auto auto;
    grid-column: auto;
    padding-bottom: 40px;
    background-color: var(--neu-01)
}

@media (max-width:1024px) {
    .contactSearch {
        grid-template-rows: 80px auto auto
    }
}

.contactSearch__search {
    margin-top: 8px;
    grid-row: 1;
    grid-column: 1;
    z-index: 1;
    height: 80px;
    z-index: 20;
    box-sizing: border-box
}

.contactSearch__search-dropdown-legend, .contactSearch__search-input-label {
    display: none
}

.contactSearch__search-input-container {
    box-sizing: border-box;
    display: grid;
    grid-template-columns: 1fr 1fr auto auto;
    grid-template-rows: 1fr auto;
    padding: 15px 0;
    grid-column: 2/12;
    background-color: var(--neu-01);
    border: solid 1px var(--neu-06);
    border-radius: 2px
}

@media (max-width:1024px) {
    .contactSearch__search-input-container {
        grid-column: 1/7;
        padding: 11px 0
    }
}

.contactSearch__search-input-container:has(input:focus) {
    border-color: var(--neu-10)
}

.contactSearch__search-input-container:hover {
    border: solid 1px var(--neu-10)
}

    .contactSearch__search-input-container:hover input::placeholder {
        color: var(--neu-10)
    }

.contactSearch__search-input-container--open {
    padding-bottom: 0
}

    .contactSearch__search-input-container--open:before {
        content: "";
        position: absolute;
        width: calc(100% - 16px * 2);
        height: 1px;
        top: 80px;
        left: 16px;
        background-color: var(--neu-03);
        z-index: 23
    }

    .contactSearch__search-input-container--open .contactSearch__search-dropdown-container {
        border-color: var(--neu-10);
        z-index: 20;
        background-color: var(--neu-01);
        max-height: 200px;
        overflow-y: auto;
        height: auto;
        display: block
    }

        .contactSearch__search-input-container--open .contactSearch__search-dropdown-container::-webkit-scrollbar-track {
            border-radius: 20px;
            background-color: var(--neu-02)
        }

        .contactSearch__search-input-container--open .contactSearch__search-dropdown-container::-webkit-scrollbar {
            width: 4px;
            height: 95%
        }

        .contactSearch__search-input-container--open .contactSearch__search-dropdown-container::-webkit-scrollbar-thumb {
            border-radius: 20px;
            background-color: var(--neu-05)
        }

    .contactSearch__search-input-container--open:focus-within input::placeholder, .contactSearch__search-input-container--open:hover input::placeholder {
        color: transparent
    }

.contactSearch__search-input {
    height: 48px;
    width: 100%;
    grid-column: 1/3;
    background-color: var(--neu-01);
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1.438rem;
    line-height: 1.391em;
    letter-spacing: -.019em;
    font-weight: 400;
    color: var(--neu-10);
    border: none;
    align-self: center;
    display: inline-flex;
    padding: 0 32px
}

    .contactSearch__search-input .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .contactSearch__search-input .link a:hover {
            color: var(--m-01)
        }

    .contactSearch__search-input mark, .contactSearch__search-input mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .contactSearch__search-input mark[data-color=gray] {
            color: var(--neu-07)
        }

        .contactSearch__search-input mark[data-color=default] {
            color: var(--neu-10)
        }

    .contactSearch__search-input span.m-01--dark-01, .contactSearch__search-input span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .contactSearch__search-input span.neu-07, .contactSearch__search-input span[data-color=gray] {
        color: var(--neu-07)
    }

    .contactSearch__search-input span.neu-10, .contactSearch__search-input span[data-color=default] {
        color: var(--neu-10)
    }

    .contactSearch__search-input b, .contactSearch__search-input strong {
        font-weight: 700
    }

    .contactSearch__search-input em {
        font-style: italic
    }

@media (max-width:1024px) {
    .contactSearch__search-input {
        font-size: 1.188rem;
        line-height: 1.263em;
        letter-spacing: -.016em
    }
}

.contactSearch__search-input::placeholder {
    /*! autoprefixer: off */ -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -moz-line-clamp: 1;
    -ms-line-clamp: 1;
    line-clamp: 1;
    overflow: hidden;
    transition: color .1s ease,border .1s ease;
    color: var(--neu-07)
}

.contactSearch__search-input:hover::placeholder {
    color: var(--neu-10)
}

.contactSearch__search-input:focus::placeholder {
    color: transparent
}

@media (max-width:1024px) {
    .contactSearch__search-input {
        padding-left: 16px
    }
}

.contactSearch__search-dropdown-container {
    display: none;
    grid-row: 2;
    grid-column: 1/4;
    margin-top: 18px
}

@media (max-width:1024px) {
    .contactSearch__search-dropdown-container {
        margin-top: 14px
    }
}

.contactSearch__search-dropdown-container input {
    position: absolute
}

.contactSearch__search-options-container {
    display: flex;
    flex-direction: column
}

.contactSearch__search-option--hide, .contactSearch__search-option--hide + label {
    display: none
}

.contactSearch__search-label {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1rem;
    line-height: 1.5em;
    letter-spacing: -.011em;
    font-weight: 400;
    padding: 8px 32px;
    color: var(--neu-10);
    width: 100%;
    cursor: pointer
}

    .contactSearch__search-label .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .contactSearch__search-label .link a:hover {
            color: var(--m-01)
        }

    .contactSearch__search-label mark, .contactSearch__search-label mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .contactSearch__search-label mark[data-color=gray] {
            color: var(--neu-07)
        }

        .contactSearch__search-label mark[data-color=default] {
            color: var(--neu-10)
        }

    .contactSearch__search-label span.m-01--dark-01, .contactSearch__search-label span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .contactSearch__search-label span.neu-07, .contactSearch__search-label span[data-color=gray] {
        color: var(--neu-07)
    }

    .contactSearch__search-label span.neu-10, .contactSearch__search-label span[data-color=default] {
        color: var(--neu-10)
    }

    .contactSearch__search-label b, .contactSearch__search-label strong {
        font-weight: 700
    }

    .contactSearch__search-label em {
        font-style: italic
    }

@media (max-width:1024px) {
    .contactSearch__search-label {
        padding-left: 16px
    }
}

.contactSearch__search-label:hover {
    background-color: var(--neu-02)
}

.contactSearch__search-noResults {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1rem;
    line-height: 1.5em;
    letter-spacing: -.011em;
    font-weight: 400;
    padding: 8px 32px;
    color: var(--neu-10);
    width: 100%;
    display: none
}

    .contactSearch__search-noResults .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .contactSearch__search-noResults .link a:hover {
            color: var(--m-01)
        }

    .contactSearch__search-noResults mark, .contactSearch__search-noResults mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .contactSearch__search-noResults mark[data-color=gray] {
            color: var(--neu-07)
        }

        .contactSearch__search-noResults mark[data-color=default] {
            color: var(--neu-10)
        }

    .contactSearch__search-noResults span.m-01--dark-01, .contactSearch__search-noResults span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .contactSearch__search-noResults span.neu-07, .contactSearch__search-noResults span[data-color=gray] {
        color: var(--neu-07)
    }

    .contactSearch__search-noResults span.neu-10, .contactSearch__search-noResults span[data-color=default] {
        color: var(--neu-10)
    }

    .contactSearch__search-noResults b, .contactSearch__search-noResults strong {
        font-weight: 700
    }

    .contactSearch__search-noResults em {
        font-style: italic
    }

@media (max-width:1024px) {
    .contactSearch__search-noResults {
        padding-left: 16px
    }
}

.contactSearch__search-noResults.show {
    display: block
}

.contactSearch__search-btn {
    justify-self: flex-end
}

@media (max-width:1024px) {
    .contactSearch__search-btn.btn--primary {
        border-radius: 50%;
        height: 56px;
        width: 56px;
        padding: 0
    }

        .contactSearch__search-btn.btn--primary span {
            display: none
        }

        .contactSearch__search-btn.btn--primary i {
            margin: 0
        }
}

@media (max-width:512px) {
    .contactSearch__search-btn.btn--primary {
        margin-bottom: 0;
        margin-right: 16px
    }
}

.contactSearch__search-cleanBtn {
    display: none;
    margin-right: 16px !important;
    align-self: center
}

@media (max-width:512px) {
    .contactSearch__search-cleanBtn {
        margin-right: 8px !important
    }
}

.contactSearch__search-cleanBtn--show {
    display: flex
}

.contactSearch__map-container {
    height: 608px;
    width: 100%;
    grid-row: 1/4;
    grid-column: 1
}

@media (max-width:1024px) {
    .contactSearch__map-container {
        display: none
    }
}

.contactSearch__map {
    height: 100%;
    width: 100%
}

    .contactSearch__map .gm-style {
        background-color: var(--neu-01)
    }

@media (max-width:1024px) {
    .contactSearch__map {
        display: none
    }
}

.contactSearch__map:before {
    height: 179px;
    background: linear-gradient(1turn,#fafafa 37.15%,hsla(0,0%,100%,0));
    bottom: 0
}

.contactSearch__map:after, .contactSearch__map:before {
    content: "";
    display: block;
    width: 100%;
    z-index: 1;
    position: absolute;
    pointer-events: none
}

.contactSearch__map:after {
    height: 128px;
    background: linear-gradient(180deg,#fafafa 37.15%,hsla(0,0%,100%,0));
    top: 0
}

.contactSearch__list-container {
    grid-row: 3;
    grid-column: 1;
    grid-row: 3/5;
    z-index: 2;
    pointer-events: none
}

.contactSearch__list-title-container {
    grid-column: 2/12;
    display: flex;
    justify-content: space-between;
    align-items: flex-end
}

@media (max-width:1024px) {
    .contactSearch__list-title-container {
        grid-column: 1/7
    }
}

.contactSearch__showAllBtn {
    pointer-events: auto
}

.contactSearch__showAllBtn--hide {
    display: none
}

.contactSearch__list-title {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1.75rem;
    line-height: 1.429em;
    letter-spacing: -.021em;
    font-weight: 400;
    margin-top: 44px;
    color: var(--neu-10);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

    .contactSearch__list-title .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .contactSearch__list-title .link a:hover {
            color: var(--m-01)
        }

    .contactSearch__list-title mark, .contactSearch__list-title mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .contactSearch__list-title mark[data-color=gray] {
            color: var(--neu-07)
        }

        .contactSearch__list-title mark[data-color=default] {
            color: var(--neu-10)
        }

    .contactSearch__list-title span.m-01--dark-01, .contactSearch__list-title span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .contactSearch__list-title span.neu-07, .contactSearch__list-title span[data-color=gray] {
        color: var(--neu-07)
    }

    .contactSearch__list-title span.neu-10, .contactSearch__list-title span[data-color=default] {
        color: var(--neu-10)
    }

    .contactSearch__list-title b, .contactSearch__list-title strong {
        font-weight: 700
    }

    .contactSearch__list-title em {
        font-style: italic
    }

@media (max-width:1024px) {
    .contactSearch__list-title {
        font-size: 1.438rem;
        line-height: 1.391em;
        letter-spacing: -.019em
    }
}

.contactSearch__list-title--all {
    display: block
}

.contactSearch__list-title--some {
    display: none
}

.contactSearch__list-title .strong {
    font-weight: 700
}

.contactSearch__list-title-search {
    font-weight: 700;
    color: var(--m-01--dark-01)
}

.contactSearch__list {
    display: flex;
    margin-top: 32px;
    pointer-events: auto;
    width: 100%;
    grid-column: 2/12;
    grid-row: 2;
    flex-direction: column
}

@media (max-width:1024px) {
    .contactSearch__list {
        grid-column: 1/7;
        margin-top: 16px
    }
}

.contactSearch__list-item {
    display: grid;
    grid-template-columns: 1.6fr 1fr;
    padding: 32px 24px;
    gap: 32px;
    width: 100%;
    justify-content: flex-start;
    border-bottom: 1px solid var(--neu-03);
    transition: background-color .1s ease-out
}

@media (max-width:1024px) {
    .contactSearch__list-item {
        grid-template-columns: 1fr 1.2fr;
        padding: 32px 0
    }
}

@media (max-width:512px) {
    .contactSearch__list-item {
        display: flex;
        flex-direction: column;
        gap: 24px
    }
}

.contactSearch__list-item:hover {
    background-color: var(--neu-02)
}

@media (max-width:1024px) {
    .contactSearch__list-item:hover {
        background-color: transparent
    }
}

.contactSearch__list-item--hide {
    display: none
}

.contactSearch__list-item--selected {
    background-color: var(--m-01--dark-01)
}

    .contactSearch__list-item--selected * {
        color: var(--neu-01) !important
    }

    .contactSearch__list-item--selected:hover {
        background-color: var(--m-01--dark-01)
    }

.contactSearch__list-item-location {
    color: var(--neu-10);
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 32px;
    align-items: center;
    cursor: pointer
}

@media (max-width:1024px) {
    .contactSearch__list-item-location {
        gap: 8px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        cursor: default;
        pointer-events: none
    }
}

@media (max-width:512px) {
    .contactSearch__list-item-location {
        gap: 4px
    }
}

.contactSearch__list-item-country {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1.188rem;
    line-height: 1.263em;
    letter-spacing: -.016em;
    font-weight: 400;
    text-align: left
}

    .contactSearch__list-item-country .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .contactSearch__list-item-country .link a:hover {
            color: var(--m-01)
        }

    .contactSearch__list-item-country mark, .contactSearch__list-item-country mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .contactSearch__list-item-country mark[data-color=gray] {
            color: var(--neu-07)
        }

        .contactSearch__list-item-country mark[data-color=default] {
            color: var(--neu-10)
        }

    .contactSearch__list-item-country span.m-01--dark-01, .contactSearch__list-item-country span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .contactSearch__list-item-country span.neu-07, .contactSearch__list-item-country span[data-color=gray] {
        color: var(--neu-07)
    }

    .contactSearch__list-item-country span.neu-10, .contactSearch__list-item-country span[data-color=default] {
        color: var(--neu-10)
    }

    .contactSearch__list-item-country b, .contactSearch__list-item-country strong {
        font-weight: 700
    }

    .contactSearch__list-item-country em {
        font-style: italic
    }

.contactSearch__list-item-adress {
    width: 100%;
    text-align: left
}

.contactSearch__list-item-contacts {
    display: flex;
    flex-direction: column;
    gap: 8px
}

@media (max-width:512px) {
    .contactSearch__list-item-contacts {
        gap: 4px
    }
}

.contactSearch__list-item-adress, .contactSearch__list-item-email, .contactSearch__list-item-number {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1rem;
    line-height: 1.5em;
    letter-spacing: -.011em;
    font-weight: 400;
    color: var(--neu-10)
}

    .contactSearch__list-item-adress .link a, .contactSearch__list-item-email .link a, .contactSearch__list-item-number .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .contactSearch__list-item-adress .link a:hover, .contactSearch__list-item-email .link a:hover, .contactSearch__list-item-number .link a:hover {
            color: var(--m-01)
        }

    .contactSearch__list-item-adress mark, .contactSearch__list-item-adress mark[data-color=color], .contactSearch__list-item-email mark, .contactSearch__list-item-email mark[data-color=color], .contactSearch__list-item-number mark, .contactSearch__list-item-number mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .contactSearch__list-item-adress mark[data-color=gray], .contactSearch__list-item-email mark[data-color=gray], .contactSearch__list-item-number mark[data-color=gray] {
            color: var(--neu-07)
        }

        .contactSearch__list-item-adress mark[data-color=default], .contactSearch__list-item-email mark[data-color=default], .contactSearch__list-item-number mark[data-color=default] {
            color: var(--neu-10)
        }

    .contactSearch__list-item-adress span.m-01--dark-01, .contactSearch__list-item-adress span[data-color=color], .contactSearch__list-item-email span.m-01--dark-01, .contactSearch__list-item-email span[data-color=color], .contactSearch__list-item-number span.m-01--dark-01, .contactSearch__list-item-number span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .contactSearch__list-item-adress span.neu-07, .contactSearch__list-item-adress span[data-color=gray], .contactSearch__list-item-email span.neu-07, .contactSearch__list-item-email span[data-color=gray], .contactSearch__list-item-number span.neu-07, .contactSearch__list-item-number span[data-color=gray] {
        color: var(--neu-07)
    }

    .contactSearch__list-item-adress span.neu-10, .contactSearch__list-item-adress span[data-color=default], .contactSearch__list-item-email span.neu-10, .contactSearch__list-item-email span[data-color=default], .contactSearch__list-item-number span.neu-10, .contactSearch__list-item-number span[data-color=default] {
        color: var(--neu-10)
    }

    .contactSearch__list-item-adress b, .contactSearch__list-item-adress strong, .contactSearch__list-item-email b, .contactSearch__list-item-email strong, .contactSearch__list-item-number b, .contactSearch__list-item-number strong {
        font-weight: 700
    }

    .contactSearch__list-item-adress em, .contactSearch__list-item-email em, .contactSearch__list-item-number em {
        font-style: italic
    }

    .contactSearch__list-item-email a, .contactSearch__list-item-number a {
        word-break: break-all;
        color: var(--m-01--dark-01);
        text-decoration: underline
    }

.contactSearch__btnContainer {
    margin-top: 48px;
    grid-row: 5
}

@media (max-width:1024px) {
    .contactSearch__btnContainer {
        margin-top: 32px
    }
}

.contactSearch__showMoreBtn.disable {
    display: none
}

.contactsTable__wrapper {
    padding-top: 32px;
    padding-bottom: 40px
}

@media (max-width:1024px) {
    .contactsTable__wrapper {
        padding-bottom: 32px
    }
}

.contactsTable__content {
    grid-column: 1/13
}

@media (max-width:1024px) {
    .contactsTable__content {
        grid-column: 1/7
    }
}

.contactsTable__tableWrapper {
    margin-top: 24px
}

.dataComparator__topWrapper {
    padding-top: 32px
}

@media (max-width:768px) {
    .dataComparator__topWrapper {
        padding-top: 24px
    }
}

@media (max-width:1024px) {
    .dataComparator__tableWrapper {
        padding-right: 0
    }
}

.dataComparator__description {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1rem;
    line-height: 1.5em;
    letter-spacing: -.011em;
    font-weight: 400;
    grid-column: 2/7
}

    .dataComparator__description .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .dataComparator__description .link a:hover {
            color: var(--m-01)
        }

    .dataComparator__description mark, .dataComparator__description mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .dataComparator__description mark[data-color=gray] {
            color: var(--neu-07)
        }

        .dataComparator__description mark[data-color=default] {
            color: var(--neu-10)
        }

    .dataComparator__description span.m-01--dark-01, .dataComparator__description span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .dataComparator__description span.neu-07, .dataComparator__description span[data-color=gray] {
        color: var(--neu-07)
    }

    .dataComparator__description span.neu-10, .dataComparator__description span[data-color=default] {
        color: var(--neu-10)
    }

    .dataComparator__description b, .dataComparator__description strong {
        font-weight: 700
    }

    .dataComparator__description em {
        font-style: italic
    }

@media (max-width:1024px) {
    .dataComparator__description {
        text-align: center;
        grid-column: 2/6
    }
}

@media (max-width:512px) {
    .dataComparator__description {
        grid-column: 1/13
    }
}

@media (max-width:512px) and (max-width:1024px) {
    .dataComparator__description {
        grid-column: 1/7
    }
}

.dataComparator__table {
    grid-column: 2/12;
    margin-top: 8px;
    display: grid;
    grid-template-columns: minmax(180px,auto) auto
}

@media (max-width:1024px) {
    .dataComparator__table {
        grid-column: 1/13;
        grid-template-columns: 1fr auto
    }
}

@media (max-width:1024px) and (max-width:1024px) {
    .dataComparator__table {
        grid-column: 1/7
    }
}

@media (max-width:512px) {
    .dataComparator__table {
        margin-top: 24px
    }
}

@media (min--moz-device-pixel-ratio:0) {
    .dataComparator__table:before {
        display: none
    }
}

@media (max-width:1024px) {
    .dataComparator__table:before {
        content: "";
        position: absolute;
        width: 32px;
        height: 4px;
        right: 0;
        bottom: 0;
        background-color: var(--neu-01);
        z-index: 2
    }
}

@media (max-width:768px) {
    .dataComparator__table:before {
        width: 24px
    }
}

@media (max-width:512px) {
    .dataComparator__table:before {
        width: 16px
    }
}

.dataComparator__leftContent {
    padding-bottom: 16px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end
}

.dataComparator__leftContent-label {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: .688rem;
    line-height: 1.455em;
    letter-spacing: .005em;
    font-weight: 400;
    color: var(--neu-10);
    display: flex;
    min-height: 108px;
    align-items: flex-end;
    padding: 16px 0
}

    .dataComparator__leftContent-label .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .dataComparator__leftContent-label .link a:hover {
            color: var(--m-01)
        }

    .dataComparator__leftContent-label mark, .dataComparator__leftContent-label mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .dataComparator__leftContent-label mark[data-color=gray] {
            color: var(--neu-07)
        }

        .dataComparator__leftContent-label mark[data-color=default] {
            color: var(--neu-10)
        }

    .dataComparator__leftContent-label span.m-01--dark-01, .dataComparator__leftContent-label span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .dataComparator__leftContent-label span.neu-07, .dataComparator__leftContent-label span[data-color=gray] {
        color: var(--neu-07)
    }

    .dataComparator__leftContent-label span.neu-10, .dataComparator__leftContent-label span[data-color=default] {
        color: var(--neu-10)
    }

    .dataComparator__leftContent-label b, .dataComparator__leftContent-label strong {
        font-weight: 700
    }

    .dataComparator__leftContent-label em {
        font-style: italic
    }

.dataComparator__rightContent {
    display: flex;
    flex-direction: column;
    padding-bottom: 16px
}

@media (max-width:1024px) {
    .dataComparator__rightContent {
        overflow-y: auto;
        scrollbar-width: thin;
        margin-right: 32px
    }
}

@media (max-width:768px) {
    .dataComparator__rightContent {
        margin-right: 24px
    }
}

@media (max-width:512px) {
    .dataComparator__rightContent {
        margin-right: 16px
    }
}

.dataComparator__rightContent.scroll {
    padding-bottom: 14px
}

@media (min--moz-device-pixel-ratio:0) {
    .dataComparator__rightContent.scroll {
        padding-bottom: 6px
    }
}

@media (max-width:1024px) {
    .dataComparator__rightContent.scroll {
        margin-right: 0
    }
}

@media (max-width:1024px) {
    .dataComparator__rightContent.scroll .dataComparator__countriesRow {
        margin-right: 32px
    }
}

@media (max-width:768px) {
    .dataComparator__rightContent.scroll .dataComparator__countriesRow {
        margin-right: 24px
    }
}

@media (max-width:512px) {
    .dataComparator__rightContent.scroll .dataComparator__countriesRow {
        margin-right: 16px
    }
}

@media (max-width:1024px) {
    .dataComparator__rightContent.scroll .dataComparator__valuesContent {
        width: -moz-fit-content;
        width: fit-content;
        min-width: 100%
    }
}

.dataComparator__rightContent.active {
    cursor: grabbing
}

.dataComparator__rightContent::-webkit-scrollbar-track {
    border-radius: 8px;
    background-color: var(--neu-03);
    margin: 40px 0 0
}

.dataComparator__rightContent::-webkit-scrollbar {
    height: 2px
}

.dataComparator__rightContent::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background-color: var(--neu-10)
}

    .dataComparator__rightContent::-webkit-scrollbar-thumb:hover {
        background: var(--neu-07)
    }

.dataComparator__indicatorsContent {
    border: 1px solid var(--neu-03)
}

.dataComparator__valuesContent {
    display: flex;
    flex-direction: column;
    height: 100%;
    border: 1px solid var(--neu-03);
    border-left: 0
}

@media (max-width:512px) {
    .dataComparator__valuesContent {
        margin-right: 16px
    }
}

.dataComparator__indicatorRow {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: .813rem;
    line-height: 1.538em;
    letter-spacing: -.003em;
    font-weight: 400;
    color: var(--neu-10);
    text-decoration: underline;
    width: 100%;
    padding: 16px 24px
}

    .dataComparator__indicatorRow .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .dataComparator__indicatorRow .link a:hover {
            color: var(--m-01)
        }

    .dataComparator__indicatorRow mark, .dataComparator__indicatorRow mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .dataComparator__indicatorRow mark[data-color=gray] {
            color: var(--neu-07)
        }

        .dataComparator__indicatorRow mark[data-color=default] {
            color: var(--neu-10)
        }

    .dataComparator__indicatorRow span.m-01--dark-01, .dataComparator__indicatorRow span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .dataComparator__indicatorRow span.neu-07, .dataComparator__indicatorRow span[data-color=gray] {
        color: var(--neu-07)
    }

    .dataComparator__indicatorRow span.neu-10, .dataComparator__indicatorRow span[data-color=default] {
        color: var(--neu-10)
    }

    .dataComparator__indicatorRow b, .dataComparator__indicatorRow strong {
        font-weight: 700
    }

    .dataComparator__indicatorRow em {
        font-style: italic
    }

    .dataComparator__indicatorRow a {
        transition: all .1s ease
    }

        .dataComparator__indicatorRow a:hover {
            opacity: .7
        }

@media (max-width:1024px) {
    .dataComparator__indicatorRow {
        min-width: 244px;
        padding: 16px
    }
}

@media (max-width:512px) {
    .dataComparator__indicatorRow {
        min-width: 200px
    }
}

.dataComparator__indicatorRow:not(:last-child), .dataComparator__valuesRow:not(:last-child) {
    border-bottom: 1px solid var(--neu-03)
}

.dataComparator__countriesRow {
    width: -moz-fit-content;
    width: fit-content;
    min-width: 100%
}

.dataComparator__countriesRow, .dataComparator__valuesRow {
    display: flex
}

.dataComparator__valuesRow {
    display: flex;
    height: 100%;
    transition: height .2s ease
}

.dataComparator__country {
    min-height: 108px;
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 8px;
    justify-content: flex-start;
    margin-bottom: 24px
}

@media (max-width:512px) {
    .dataComparator__country {
        min-width: none
    }
}

.dataComparator__country, .dataComparator__value {
    width: 100%;
    display: flex;
    align-items: center;
    min-width: 120px
}

@media (max-width:768px) {
    .dataComparator__country, .dataComparator__value {
        width: 120px
    }
}

.dataComparator__value {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1rem;
    line-height: 1.5em;
    letter-spacing: -.011em;
    font-weight: 400;
    justify-content: center;
    height: 100%;
    color: var(--neu-10)
}

    .dataComparator__value .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .dataComparator__value .link a:hover {
            color: var(--m-01)
        }

    .dataComparator__value mark, .dataComparator__value mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .dataComparator__value mark[data-color=gray] {
            color: var(--neu-07)
        }

        .dataComparator__value mark[data-color=default] {
            color: var(--neu-10)
        }

    .dataComparator__value span.m-01--dark-01, .dataComparator__value span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .dataComparator__value span.neu-07, .dataComparator__value span[data-color=gray] {
        color: var(--neu-07)
    }

    .dataComparator__value span.neu-10, .dataComparator__value span[data-color=default] {
        color: var(--neu-10)
    }

    .dataComparator__value b, .dataComparator__value strong {
        font-weight: 700
    }

    .dataComparator__value em {
        font-style: italic
    }

    .dataComparator__value:not(:first-child) {
        border-left: 1px solid var(--neu-03)
    }

    .dataComparator__value[data-country=portugal] {
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-stretch: normal;
        letter-spacing: normal;
        font-family: Inter,sans-serif;
        font-size: 1rem;
        line-height: 1.5em;
        letter-spacing: -.011em;
        font-weight: 700;
        color: var(--neu-01);
        background-color: var(--m-01--dark-01)
    }

        .dataComparator__value[data-country=portugal] .link a {
            transition: all .1s ease;
            text-decoration: underline;
            color: var(--m-01--dark-01)
        }

            .dataComparator__value[data-country=portugal] .link a:hover {
                color: var(--m-01)
            }

        .dataComparator__value[data-country=portugal] mark, .dataComparator__value[data-country=portugal] mark[data-color=color] {
            color: var(--m-01--dark-01)
        }

            .dataComparator__value[data-country=portugal] mark[data-color=gray] {
                color: var(--neu-07)
            }

            .dataComparator__value[data-country=portugal] mark[data-color=default] {
                color: var(--neu-10)
            }

        .dataComparator__value[data-country=portugal] span.m-01--dark-01, .dataComparator__value[data-country=portugal] span[data-color=color] {
            color: var(--m-01--dark-01)
        }

        .dataComparator__value[data-country=portugal] span.neu-07, .dataComparator__value[data-country=portugal] span[data-color=gray] {
            color: var(--neu-07)
        }

        .dataComparator__value[data-country=portugal] span.neu-10, .dataComparator__value[data-country=portugal] span[data-color=default] {
            color: var(--neu-10)
        }

        .dataComparator__value[data-country=portugal] b, .dataComparator__value[data-country=portugal] strong {
            font-weight: 700
        }

        .dataComparator__value[data-country=portugal] em {
            font-style: italic
        }

        .dataComparator__value[data-country=portugal]:before {
            content: "";
            position: absolute;
            width: 100%;
            height: calc(100% + 2px);
            right: 0;
            top: -1px;
            background-color: var(--m-01--dark-01);
            z-index: 2
        }

    .dataComparator__value span {
        z-index: 3
    }

.dataComparator__country-name {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: .813rem;
    line-height: 1.538em;
    letter-spacing: -.003em;
    font-weight: 700;
    flex: 2
}

    .dataComparator__country-name .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .dataComparator__country-name .link a:hover {
            color: var(--m-01)
        }

    .dataComparator__country-name mark, .dataComparator__country-name mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .dataComparator__country-name mark[data-color=gray] {
            color: var(--neu-07)
        }

        .dataComparator__country-name mark[data-color=default] {
            color: var(--neu-10)
        }

    .dataComparator__country-name span.m-01--dark-01, .dataComparator__country-name span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .dataComparator__country-name span.neu-07, .dataComparator__country-name span[data-color=gray] {
        color: var(--neu-07)
    }

    .dataComparator__country-name span.neu-10, .dataComparator__country-name span[data-color=default] {
        color: var(--neu-10)
    }

    .dataComparator__country-name b, .dataComparator__country-name strong {
        font-weight: 700
    }

    .dataComparator__country-name em {
        font-style: italic
    }

.dataComparator__country-delete {
    min-width: 24px;
    width: 24px;
    height: 24px;
    font-size: 24px
}

    .dataComparator__country-delete:before {
        font-size: 24px;
        font-weight: 400
    }

.dataComparator__bottomWrapper {
    margin-top: 24px;
    padding-bottom: 40px
}

@media (max-width:768px) {
    .dataComparator__bottomWrapper {
        margin-top: 24px;
        padding-bottom: 32px
    }
}

.dataComparator__buttons {
    display: flex;
    justify-content: space-between;
    grid-column: 2/12;
    gap: 40px
}

@media (max-width:1024px) {
    .dataComparator__buttons {
        grid-column: 1/13;
        gap: 32px;
        flex-direction: column-reverse
    }
}

@media (max-width:1024px) and (max-width:1024px) {
    .dataComparator__buttons {
        grid-column: 1/7
    }
}

.dataComparator__disclaimer {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: .688rem;
    line-height: 1.455em;
    letter-spacing: .005em;
    font-weight: 400;
    grid-column: 2/7;
    margin-top: 24px
}

    .dataComparator__disclaimer .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .dataComparator__disclaimer .link a:hover {
            color: var(--m-01)
        }

    .dataComparator__disclaimer mark, .dataComparator__disclaimer mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .dataComparator__disclaimer mark[data-color=gray] {
            color: var(--neu-07)
        }

        .dataComparator__disclaimer mark[data-color=default] {
            color: var(--neu-10)
        }

    .dataComparator__disclaimer span.m-01--dark-01, .dataComparator__disclaimer span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .dataComparator__disclaimer span.neu-07, .dataComparator__disclaimer span[data-color=gray] {
        color: var(--neu-07)
    }

    .dataComparator__disclaimer span.neu-10, .dataComparator__disclaimer span[data-color=default] {
        color: var(--neu-10)
    }

    .dataComparator__disclaimer b, .dataComparator__disclaimer strong {
        font-weight: 700
    }

    .dataComparator__disclaimer em {
        font-style: italic
    }

@media (max-width:1024px) {
    .dataComparator__disclaimer {
        grid-column: 2/6;
        text-align: center
    }
}

@media (max-width:768px) {
    .dataComparator__disclaimer {
        grid-column: 2/6
    }
}

@media (max-width:512px) {
    .dataComparator__disclaimer {
        grid-column: 1/7;
        margin-top: 32px
    }
}

.dataComparator__inputCountry {
    display: none;
    width: 100%;
    align-items: center;
    justify-content: flex-end;
    gap: 24px
}

    .dataComparator__inputCountry.show {
        display: flex
    }

@media (max-width:1024px) {
    .dataComparator__inputCountry {
        justify-content: center;
        min-height: 56px
    }
}

.dataComparator__addCountry.hide {
    display: none
}

.dataComparator .horizontalFilterBar__innerContainer {
    width: 100%;
    grid-column: 2/12;
    margin-bottom: 32px
}

@media (max-width:1024px) {
    .dataComparator .horizontalFilterBar__innerContainer {
        grid-column: 1/13
    }
}

@media (max-width:1024px) and (max-width:1024px) {
    .dataComparator .horizontalFilterBar__innerContainer {
        grid-column: 1/7
    }
}

.dataComparator .horizontalFilterBar__applyFilters {
    transform: translateY(0);
    align-self: flex-end
}

@media (max-width:1024px) {
    .dataComparator .horizontalFilterBar__applyFilters {
        align-self: center;
        justify-content: flex-start !important;
        flex-direction: row-reverse;
        gap: 16px
    }
}

@media (max-width:1024px) {
    .dataComparator .horizontalFilterBar__applyFilters button {
        margin: 0
    }
}

@media (max-width:512px) {
    .dataComparator .horizontalFilterBar__applyFilters button.btn--secondary {
        width: auto !important
    }

    .dataComparator .horizontalFilterBar__applyFilters button:last-child {
        width: 100%
    }
}

.dataComparator .formFields__dropdownMultiselect {
    width: 50%
}

@media (max-width:1024px) {
    .dataComparator .formFields__dropdownMultiselect {
        width: 100%
    }
}

.dataComparator .btnFilter {
    width: -moz-fit-content !important;
    width: fit-content !important
}

@media (max-width:512px) {
    .dataComparator .btnFilter {
        width: 100% !important
    }
}

.dataComparator .horizontalFilterBar__form .formFields__formWrapper {
    width: -moz-fit-content;
    width: fit-content
}

@media (max-width:1024px) {
    .dataComparator .horizontalFilterBar__form .formFields__formWrapper {
        width: 100%
    }
}

.dataComparator .horizontalFilterBar__form .formFields__inputWrapper {
    margin-bottom: 0;
    max-width: unset;
    flex: unset
}

    .dataComparator .horizontalFilterBar__form .formFields__inputWrapper:first-child {
        width: 275px
    }

    .dataComparator .horizontalFilterBar__form .formFields__inputWrapper:last-child {
        width: 325px
    }

@media (max-width:1024px) {
    .dataComparator .horizontalFilterBar__form .formFields__inputWrapper {
        margin-bottom: 24px;
        width: 100% !important
    }
}

.dataComparator .formFields__dropdownAutocomplete {
    margin-bottom: 0;
    width: 100%;
    max-width: 416px
}

.dataComparator .formFields__inputTop.hide {
    display: none
}

.demandDetail .wrapper {
    padding-top: 32px;
    padding-bottom: 64px;
    row-gap: 32px
}

.demandDetail__refInfo {
    grid-column: 2/12
}

@media (max-width:1024px) {
    .demandDetail__refInfo {
        grid-column: 1/13
    }
}

@media (max-width:1024px) and (max-width:1024px) {
    .demandDetail__refInfo {
        grid-column: 1/7
    }
}

.demandDetail__generalInfo {
    grid-column: 2/6
}

@media (max-width:1024px) {
    .demandDetail__generalInfo {
        grid-column: 1/4
    }
}

@media (max-width:768px) {
    .demandDetail__generalInfo {
        grid-column: 1/13;
        grid-row: 3
    }
}

@media (max-width:768px) and (max-width:1024px) {
    .demandDetail__generalInfo {
        grid-column: 1/7
    }
}

.demandDetail__sideBlocks {
    grid-column: 6/12;
    display: flex;
    flex-direction: column;
    gap: 8px
}

@media (max-width:1024px) {
    .demandDetail__sideBlocks {
        grid-column: 4/7
    }
}

@media (max-width:768px) {
    .demandDetail__sideBlocks {
        grid-column: 1/13
    }
}

@media (max-width:768px) and (max-width:1024px) {
    .demandDetail__sideBlocks {
        grid-column: 1/7
    }
}

.demandDetail__collapsed {
    grid-column: 2/12
}

@media (max-width:1024px) {
    .demandDetail__collapsed {
        grid-column: 1/13
    }
}

@media (max-width:1024px) and (max-width:1024px) {
    .demandDetail__collapsed {
        grid-column: 1/7
    }
}

.demandDetail__collapsed .collapsedInfo__list {
    margin: 0
}

.demandDetail .infoFields__infoBlock {
    margin-top: 8px
}

@media (max-width:1024px) {
    .demandDetail .infoFields__mainBlock .infoFields__profile {
        grid-column: 1/3 !important;
        grid-row: 1 !important
    }
}

.demandDetail .infoFields__mainBlock .infoFields__btn {
    width: -moz-fit-content;
    width: fit-content
}

@media (max-width:1024px) {
    .demandDetail .infoFields__mainBlock .infoFields__btn {
        grid-column: 1/3 !important;
        grid-row: 2 !important
    }
}

@media (max-width:512px) {
    .demandDetail .infoFields__mainBlock .infoFields__btn {
        width: 100%
    }
}

.demandForm__wrapper {
    padding-top: 48px;
    padding-bottom: 80px
}

@media (max-width:1024px) {
    .demandForm__wrapper {
        padding-top: 48px;
        padding-bottom: 56px
    }
}

.demandForm__form, .demandForm__resume {
    grid-column: 4/10
}

@media (max-width:1024px) {
    .demandForm__form, .demandForm__resume {
        grid-column: 2/6
    }
}

@media (max-width:768px) {
    .demandForm__form, .demandForm__resume {
        grid-column: 1/13
    }
}

@media (max-width:768px) and (max-width:1024px) {
    .demandForm__form, .demandForm__resume {
        grid-column: 1/7
    }
}

.demandForm__moreInfo {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.demandForm__resume {
    display: flex;
    flex-direction: column;
    gap: 24px
}

.demandForm__info {
    display: flex;
    flex-direction: column;
    gap: 4px;
    text-align: center;
    justify-content: center;
    margin-bottom: 40px
}

@media (max-width:1024px) {
    .demandForm__info {
        margin-bottom: 24px
    }
}

.demandForm__info-text {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1rem;
    line-height: 1.5em;
    letter-spacing: -.011em;
    font-weight: 400
}

    .demandForm__info-text .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .demandForm__info-text .link a:hover {
            color: var(--m-01)
        }

    .demandForm__info-text mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .demandForm__info-text mark[data-color=gray] {
        color: var(--neu-07)
    }

    .demandForm__info-text mark[data-color=default] {
        color: var(--neu-10)
    }

    .demandForm__info-text span.m-01--dark-01, .demandForm__info-text span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .demandForm__info-text span.neu-07, .demandForm__info-text span[data-color=gray] {
        color: var(--neu-07)
    }

    .demandForm__info-text span.neu-10, .demandForm__info-text span[data-color=default] {
        color: var(--neu-10)
    }

    .demandForm__info-text b, .demandForm__info-text strong {
        font-weight: 700
    }

    .demandForm__info-text em {
        font-style: italic
    }

    .demandForm__info-text strong {
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-stretch: normal;
        letter-spacing: normal;
        font-family: Inter,sans-serif;
        font-size: 1.188rem;
        line-height: 1.263em;
        letter-spacing: -.016em;
        font-weight: 700
    }

        .demandForm__info-text strong .link a {
            transition: all .1s ease;
            text-decoration: underline;
            color: var(--m-01--dark-01)
        }

            .demandForm__info-text strong .link a:hover {
                color: var(--m-01)
            }

        .demandForm__info-text strong mark, .demandForm__info-text strong mark[data-color=color] {
            color: var(--m-01--dark-01)
        }

            .demandForm__info-text strong mark[data-color=gray] {
                color: var(--neu-07)
            }

            .demandForm__info-text strong mark[data-color=default] {
                color: var(--neu-10)
            }

        .demandForm__info-text strong span.m-01--dark-01, .demandForm__info-text strong span[data-color=color] {
            color: var(--m-01--dark-01)
        }

        .demandForm__info-text strong span.neu-07, .demandForm__info-text strong span[data-color=gray] {
            color: var(--neu-07)
        }

        .demandForm__info-text strong span.neu-10, .demandForm__info-text strong span[data-color=default] {
            color: var(--neu-10)
        }

        .demandForm__info-text strong b, .demandForm__info-text strong strong {
            font-weight: 700
        }

        .demandForm__info-text strong em {
            font-style: italic
        }

    .demandForm__info-text mark {
        color: var(--m-01--dark-01)
    }

.demandForm__refInfo {
    grid-column: 2/12
}

@media (max-width:1024px) {
    .demandForm__refInfo {
        grid-column: 1/13
    }
}

@media (max-width:1024px) and (max-width:1024px) {
    .demandForm__refInfo {
        grid-column: 1/7
    }
}

.demandForm__mainBlocks {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.demandForm .infoFields__infoBlock {
    margin-top: 8px
}

.demandForm__resumeButtons {
    margin-top: 24px
}

@media (max-width:512px) {
    .demandForm__resumeButtons {
        margin-top: 8px
    }
}

.demandForm__feedbackContainer {
    padding-top: 40px;
    padding-bottom: 48px
}

.demandForm .feedbackScreens__title {
    margin-top: 40px
}

.demandForm .formSpacing {
    gap: 32px
}

.demandForm .formFields__formSecondaryTitle {
    margin-bottom: 32px
}

.demandForm .formFields__btnContainer {
    margin-bottom: 0;
    margin-top: 0
}

@media (max-width:512px) {
    .demandForm .formFields__btnContainer {
        margin-top: 0
    }
}

.divider {
    width: 100%;
    height: 0;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    pointer-events: none
}

    .divider:after {
        content: "";
        position: absolute;
        z-index: 4;
        width: 100%;
        height: 50vh;
        background-size: 100%;
        background-position: 50%;
        background-repeat: no-repeat
    }

@media (max-width:1440px) {
    .divider:after {
        background-size: cover;
        height: 426px
    }
}

@media (max-width:768px) {
    .divider:after {
        background-size: 100%;
        height: 300px
    }
}

.divider[data-line=line01]:after {
    background-image: url(/images/dividers/Line-01.gif)
}

@media (max-width:768px) {
    .divider[data-line=line01]:after {
        background-image: url(/images/dividers/Line-01-Mobile.gif)
    }
}

.divider[data-line=line02]:after {
    background-image: url(/images/dividers/Line-02.gif)
}

@media (max-width:768px) {
    .divider[data-line=line02]:after {
        background-image: url(/images/dividers/Line-02-Mobile.gif)
    }
}

.divider[data-line=line03]:after {
    background-image: url(/images/dividers/Line-03.gif)
}

@media (max-width:768px) {
    .divider[data-line=line03]:after {
        background-image: url(/images/dividers/Line-03-Mobile.gif)
    }
}

.divider[data-line=line04]:after {
    background-image: url(/images/dividers/Line-04.gif)
}

@media (max-width:768px) {
    .divider[data-line=line04]:after {
        background-image: url(/images/dividers/Line-04-Mobile.gif)
    }
}

.divider[data-line=line05]:after {
    background-image: url(/images/dividers/Line-05.gif)
}

@media (max-width:768px) {
    .divider[data-line=line05]:after {
        background-image: url(/images/dividers/Line-05-Mobile.gif)
    }
}

.dualBanner {
    position: relative
}

    .dualBanner .wrapper {
        padding-top: 8px;
        padding-bottom: 8px
    }

.dualBanner__innerWrapper {
    width: 100%;
    min-height: 350px;
    display: flex;
    justify-content: center;
    align-items: center
}

    .dualBanner__innerWrapper:first-child {
        grid-column: 2/7
    }

@media (max-width:1024px) {
    .dualBanner__innerWrapper:first-child {
        grid-column: 1/4
    }
}

.dualBanner__innerWrapper:nth-child(2) {
    grid-column: 7/12
}

@media (max-width:1024px) {
    .dualBanner__innerWrapper:nth-child(2) {
        grid-column: 4/7
    }
}

@media (max-width:768px) {
    .dualBanner__innerWrapper:nth-child(2) {
        margin-top: 16px
    }
}

@media (max-width:768px) {
    .dualBanner__innerWrapper:first-child, .dualBanner__innerWrapper:nth-child(2) {
        grid-column: 1/13
    }
}

@media (max-width:768px) and (max-width:1024px) {
    .dualBanner__innerWrapper:first-child, .dualBanner__innerWrapper:nth-child(2) {
        grid-column: 1/7
    }
}

@media (max-width:768px) {
    .dualBanner__innerWrapper {
        min-height: 220px
    }
}

.dualBanner__innerWrapper[data-bg=media] {
    background-color: var(--neu-10)
}

.dualBanner__innerWrapper:not([data-bg=media]) .media {
    display: none
}

.dualBanner__content {
    max-width: 640px;
    margin: 0 auto;
    text-align: center;
    padding: 40px;
    box-sizing: content-box
}

@media (max-width:1024px) {
    .dualBanner__content {
        padding: 40px 32px
    }
}

@media (max-width:768px) {
    .dualBanner__content {
        padding: 40px 24px
    }
}

@media (max-width:512px) {
    .dualBanner__content {
        padding: 40px 16px
    }
}

.dualBanner__title {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Calma Global Medium,sans-serif;
    font-size: 2.5rem;
    line-height: 1.2em;
    letter-spacing: -.025em
}

    .dualBanner__title .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .dualBanner__title .link a:hover {
            color: var(--m-01)
        }

    .dualBanner__title mark, .dualBanner__title mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .dualBanner__title mark[data-color=gray] {
            color: var(--neu-07)
        }

        .dualBanner__title mark[data-color=default] {
            color: var(--neu-10)
        }

    .dualBanner__title span.m-01--dark-01, .dualBanner__title span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .dualBanner__title span.neu-07, .dualBanner__title span[data-color=gray] {
        color: var(--neu-07)
    }

    .dualBanner__title span.neu-10, .dualBanner__title span[data-color=default] {
        color: var(--neu-10)
    }

    .dualBanner__title b, .dualBanner__title strong {
        font-weight: 700
    }

    .dualBanner__title em {
        font-style: italic
    }

@media (max-width:1024px) {
    .dualBanner__title {
        font-size: 2rem;
        line-height: 1.25em;
        letter-spacing: -.016em
    }
}

.dualBanner__description {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1rem;
    line-height: 1.5em;
    letter-spacing: -.011em;
    font-weight: 400;
    margin-top: 8px
}

    .dualBanner__description .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .dualBanner__description .link a:hover {
            color: var(--m-01)
        }

    .dualBanner__description mark, .dualBanner__description mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .dualBanner__description mark[data-color=gray] {
            color: var(--neu-07)
        }

        .dualBanner__description mark[data-color=default] {
            color: var(--neu-10)
        }

    .dualBanner__description span.m-01--dark-01, .dualBanner__description span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .dualBanner__description span.neu-07, .dualBanner__description span[data-color=gray] {
        color: var(--neu-07)
    }

    .dualBanner__description span.neu-10, .dualBanner__description span[data-color=default] {
        color: var(--neu-10)
    }

    .dualBanner__description b, .dualBanner__description strong {
        font-weight: 700
    }

    .dualBanner__description em {
        font-style: italic
    }

.dualBanner .btnContainer {
    margin-top: 24px
}

    .dualBanner .btnContainer .btn, .dualBanner .btnContainer .btn--icon, .dualBanner .btnContainer .btn--primary, .dualBanner .btnContainer .btn--primary--dark, .dualBanner .btnContainer .btn--secondary, .dualBanner .btnContainer .btn--small, .dualBanner .btnContainer .btn--tertiary {
        width: auto
    }

.filteredtextHeading {
    padding-top: 64px
}

@media (max-width:768px) {
    .filteredtextHeading {
        padding-top: 40px;
        padding-bottom: 16px
    }
}

.filteredtextHeading__title {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Calma Global Medium,sans-serif;
    font-size: 2.5rem;
    line-height: 1.2em;
    letter-spacing: -.025em;
    text-align: center;
    grid-column: 4/10
}

    .filteredtextHeading__title .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .filteredtextHeading__title .link a:hover {
            color: var(--m-01)
        }

    .filteredtextHeading__title mark, .filteredtextHeading__title mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .filteredtextHeading__title mark[data-color=gray] {
            color: var(--neu-07)
        }

        .filteredtextHeading__title mark[data-color=default] {
            color: var(--neu-10)
        }

    .filteredtextHeading__title span.m-01--dark-01, .filteredtextHeading__title span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .filteredtextHeading__title span.neu-07, .filteredtextHeading__title span[data-color=gray] {
        color: var(--neu-07)
    }

    .filteredtextHeading__title span.neu-10, .filteredtextHeading__title span[data-color=default] {
        color: var(--neu-10)
    }

    .filteredtextHeading__title b, .filteredtextHeading__title strong {
        font-weight: 700
    }

    .filteredtextHeading__title em {
        font-style: italic
    }

@media (max-width:1024px) {
    .filteredtextHeading__title {
        font-size: 2rem;
        line-height: 1.25em;
        letter-spacing: -.016em;
        grid-column: 2/6
    }
}

@media (max-width:512px) {
    .filteredtextHeading__title {
        grid-column: 1/7
    }
}

.filteredtextHeading__subtitle {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1rem;
    line-height: 1.5em;
    letter-spacing: -.011em;
    font-weight: 400;
    text-align: center;
    grid-column: 5/9;
    max-width: 417px;
    margin: 16px auto 0
}

    .filteredtextHeading__subtitle .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .filteredtextHeading__subtitle .link a:hover {
            color: var(--m-01)
        }

    .filteredtextHeading__subtitle mark, .filteredtextHeading__subtitle mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .filteredtextHeading__subtitle mark[data-color=gray] {
            color: var(--neu-07)
        }

        .filteredtextHeading__subtitle mark[data-color=default] {
            color: var(--neu-10)
        }

    .filteredtextHeading__subtitle span.m-01--dark-01, .filteredtextHeading__subtitle span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .filteredtextHeading__subtitle span.neu-07, .filteredtextHeading__subtitle span[data-color=gray] {
        color: var(--neu-07)
    }

    .filteredtextHeading__subtitle span.neu-10, .filteredtextHeading__subtitle span[data-color=default] {
        color: var(--neu-10)
    }

    .filteredtextHeading__subtitle b, .filteredtextHeading__subtitle strong {
        font-weight: 700
    }

    .filteredtextHeading__subtitle em {
        font-style: italic
    }

@media (max-width:1024px) {
    .filteredtextHeading__subtitle {
        grid-column: 2/6
    }
}

.filteredtextHeading__subtitle:first-child {
    margin-top: 0
}

.filteredGrid {
    background: var(--neu-01)
}

    .filteredGrid:before {
        content: "";
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        opacity: 0;
        visibility: hidden;
        width: 100vw;
        height: 100vh;
        background: var(--neu-10);
        pointer-events: none;
        transition: all .4s ease-out;
        z-index: 92
    }

    .filteredGrid.cardOpen:before {
        opacity: .9;
        visibility: visible;
        transition: all .4s ease-out
    }

.filteredGrid__wrapper {
    padding-bottom: 64px
}

@media (max-width:768px) {
    .filteredGrid__wrapper {
        padding-bottom: 56px
    }
}

@media (max-width:512px) {
    .filteredGrid__wrapper {
        padding-left: 0;
        padding-right: 0
    }
}

.filteredGrid__grid {
    grid-column: 1/13;
    display: grid;
    grid-gap: 32px;
    padding-top: 24px
}

@media (max-width:1024px) {
    .filteredGrid__grid {
        grid-column: 1/7
    }
}

@media (max-width:1280px) {
    .filteredGrid__grid {
        grid-gap: 24px
    }
}

@media (max-width:1024px) {
    .filteredGrid__grid {
        grid-gap: 16px
    }
}

@media (max-width:768px) {
    .filteredGrid__grid {
        padding-top: 16px
    }
}

.filteredGrid__gridEmpty {
    grid-column: 1/-1;
    justify-self: center;
    height: 224px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

    .filteredGrid__gridEmpty i {
        min-width: 64px;
        width: 64px;
        height: 64px;
        font-size: 64px
    }

        .filteredGrid__gridEmpty i:before {
            font-size: 64px;
            font-weight: 400;
            color: var(--neu-06)
        }

    .filteredGrid__gridEmpty p {
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-stretch: normal;
        letter-spacing: normal;
        font-family: Inter,sans-serif;
        font-size: 1.188rem;
        line-height: 1.263em;
        letter-spacing: -.016em;
        font-weight: 400;
        margin-top: 32px;
        color: var(--neu-06)
    }

        .filteredGrid__gridEmpty p .link a {
            transition: all .1s ease;
            text-decoration: underline;
            color: var(--m-01--dark-01)
        }

            .filteredGrid__gridEmpty p .link a:hover {
                color: var(--m-01)
            }

        .filteredGrid__gridEmpty p mark, .filteredGrid__gridEmpty p mark[data-color=color] {
            color: var(--m-01--dark-01)
        }

            .filteredGrid__gridEmpty p mark[data-color=gray] {
                color: var(--neu-07)
            }

            .filteredGrid__gridEmpty p mark[data-color=default] {
                color: var(--neu-10)
            }

        .filteredGrid__gridEmpty p span.m-01--dark-01, .filteredGrid__gridEmpty p span[data-color=color] {
            color: var(--m-01--dark-01)
        }

        .filteredGrid__gridEmpty p span.neu-07, .filteredGrid__gridEmpty p span[data-color=gray] {
            color: var(--neu-07)
        }

        .filteredGrid__gridEmpty p span.neu-10, .filteredGrid__gridEmpty p span[data-color=default] {
            color: var(--neu-10)
        }

        .filteredGrid__gridEmpty p b, .filteredGrid__gridEmpty p strong {
            font-weight: 700
        }

        .filteredGrid__gridEmpty p em {
            font-style: italic
        }

.filteredGrid[data-grid="4"] .filteredGrid__grid {
    grid-template-columns: repeat(4,1fr)
}

@media (max-width:1024px) {
    .filteredGrid[data-grid="4"] .filteredGrid__grid {
        grid-template-columns: repeat(3,1fr)
    }
}

@media (max-width:768px) {
    .filteredGrid[data-grid="4"] .filteredGrid__grid {
        grid-template-columns: repeat(2,1fr)
    }
}

@media (max-width:512px) {
    .filteredGrid[data-grid="4"] .filteredGrid__grid {
        grid-template-columns: 1fr
    }
}

@media (max-width:1280px) {
    .filteredGrid[data-grid="4"] .caseCard, .filteredGrid[data-grid="4"] .caseCard--small {
        min-height: 324px;
        max-width: 960px
    }

        .filteredGrid[data-grid="4"] .caseCard--small .caseCard__content, .filteredGrid[data-grid="4"] .caseCard .caseCard__content {
            padding: 24px 16px 16px
        }

        .filteredGrid[data-grid="4"] .caseCard--small .caseCard__title, .filteredGrid[data-grid="4"] .caseCard .caseCard__title {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Calma Global Medium,sans-serif;
            font-size: 1.625rem;
            line-height: 1.231em;
            letter-spacing: 0
        }

            .filteredGrid[data-grid="4"] .caseCard--small .caseCard__title .link a, .filteredGrid[data-grid="4"] .caseCard .caseCard__title .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .filteredGrid[data-grid="4"] .caseCard--small .caseCard__title .link a:hover, .filteredGrid[data-grid="4"] .caseCard .caseCard__title .link a:hover {
                    color: var(--m-01)
                }

            .filteredGrid[data-grid="4"] .caseCard--small .caseCard__title mark, .filteredGrid[data-grid="4"] .caseCard--small .caseCard__title mark[data-color=color], .filteredGrid[data-grid="4"] .caseCard .caseCard__title mark, .filteredGrid[data-grid="4"] .caseCard .caseCard__title mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .filteredGrid[data-grid="4"] .caseCard--small .caseCard__title mark[data-color=gray], .filteredGrid[data-grid="4"] .caseCard .caseCard__title mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .filteredGrid[data-grid="4"] .caseCard--small .caseCard__title mark[data-color=default], .filteredGrid[data-grid="4"] .caseCard .caseCard__title mark[data-color=default] {
                    color: var(--neu-10)
                }

            .filteredGrid[data-grid="4"] .caseCard--small .caseCard__title span.m-01--dark-01, .filteredGrid[data-grid="4"] .caseCard--small .caseCard__title span[data-color=color], .filteredGrid[data-grid="4"] .caseCard .caseCard__title span.m-01--dark-01, .filteredGrid[data-grid="4"] .caseCard .caseCard__title span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .filteredGrid[data-grid="4"] .caseCard--small .caseCard__title span.neu-07, .filteredGrid[data-grid="4"] .caseCard--small .caseCard__title span[data-color=gray], .filteredGrid[data-grid="4"] .caseCard .caseCard__title span.neu-07, .filteredGrid[data-grid="4"] .caseCard .caseCard__title span[data-color=gray] {
                color: var(--neu-07)
            }

            .filteredGrid[data-grid="4"] .caseCard--small .caseCard__title span.neu-10, .filteredGrid[data-grid="4"] .caseCard--small .caseCard__title span[data-color=default], .filteredGrid[data-grid="4"] .caseCard .caseCard__title span.neu-10, .filteredGrid[data-grid="4"] .caseCard .caseCard__title span[data-color=default] {
                color: var(--neu-10)
            }

            .filteredGrid[data-grid="4"] .caseCard--small .caseCard__title b, .filteredGrid[data-grid="4"] .caseCard--small .caseCard__title strong, .filteredGrid[data-grid="4"] .caseCard .caseCard__title b, .filteredGrid[data-grid="4"] .caseCard .caseCard__title strong {
                font-weight: 700
            }

            .filteredGrid[data-grid="4"] .caseCard--small .caseCard__title em, .filteredGrid[data-grid="4"] .caseCard .caseCard__title em {
                font-style: italic
            }

    .filteredGrid[data-grid="4"] .countyCard, .filteredGrid[data-grid="4"] .countyCard--small {
        max-width: 960px;
        height: 100%;
        min-height: 80px
    }

    .filteredGrid[data-grid="4"] .industryCard, .filteredGrid[data-grid="4"] .industryCard--small {
        max-width: 960px;
        max-width: 480px;
        min-height: 240px
    }

        .filteredGrid[data-grid="4"] .industryCard--small .industryCard__content, .filteredGrid[data-grid="4"] .industryCard .industryCard__content {
            padding: 24px 16px 16px
        }

        .filteredGrid[data-grid="4"] .industryCard--small .industryCard__title, .filteredGrid[data-grid="4"] .industryCard .industryCard__title {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Calma Global Medium,sans-serif;
            font-size: 1.625rem;
            line-height: 1.231em;
            letter-spacing: 0
        }

            .filteredGrid[data-grid="4"] .industryCard--small .industryCard__title .link a, .filteredGrid[data-grid="4"] .industryCard .industryCard__title .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .filteredGrid[data-grid="4"] .industryCard--small .industryCard__title .link a:hover, .filteredGrid[data-grid="4"] .industryCard .industryCard__title .link a:hover {
                    color: var(--m-01)
                }

            .filteredGrid[data-grid="4"] .industryCard--small .industryCard__title mark, .filteredGrid[data-grid="4"] .industryCard--small .industryCard__title mark[data-color=color], .filteredGrid[data-grid="4"] .industryCard .industryCard__title mark, .filteredGrid[data-grid="4"] .industryCard .industryCard__title mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .filteredGrid[data-grid="4"] .industryCard--small .industryCard__title mark[data-color=gray], .filteredGrid[data-grid="4"] .industryCard .industryCard__title mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .filteredGrid[data-grid="4"] .industryCard--small .industryCard__title mark[data-color=default], .filteredGrid[data-grid="4"] .industryCard .industryCard__title mark[data-color=default] {
                    color: var(--neu-10)
                }

            .filteredGrid[data-grid="4"] .industryCard--small .industryCard__title span.m-01--dark-01, .filteredGrid[data-grid="4"] .industryCard--small .industryCard__title span[data-color=color], .filteredGrid[data-grid="4"] .industryCard .industryCard__title span.m-01--dark-01, .filteredGrid[data-grid="4"] .industryCard .industryCard__title span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .filteredGrid[data-grid="4"] .industryCard--small .industryCard__title span.neu-07, .filteredGrid[data-grid="4"] .industryCard--small .industryCard__title span[data-color=gray], .filteredGrid[data-grid="4"] .industryCard .industryCard__title span.neu-07, .filteredGrid[data-grid="4"] .industryCard .industryCard__title span[data-color=gray] {
                color: var(--neu-07)
            }

            .filteredGrid[data-grid="4"] .industryCard--small .industryCard__title span.neu-10, .filteredGrid[data-grid="4"] .industryCard--small .industryCard__title span[data-color=default], .filteredGrid[data-grid="4"] .industryCard .industryCard__title span.neu-10, .filteredGrid[data-grid="4"] .industryCard .industryCard__title span[data-color=default] {
                color: var(--neu-10)
            }

            .filteredGrid[data-grid="4"] .industryCard--small .industryCard__title b, .filteredGrid[data-grid="4"] .industryCard--small .industryCard__title strong, .filteredGrid[data-grid="4"] .industryCard .industryCard__title b, .filteredGrid[data-grid="4"] .industryCard .industryCard__title strong {
                font-weight: 700
            }

            .filteredGrid[data-grid="4"] .industryCard--small .industryCard__title em, .filteredGrid[data-grid="4"] .industryCard .industryCard__title em {
                font-style: italic
            }

    .filteredGrid[data-grid="4"] .itemCard, .filteredGrid[data-grid="4"] .itemCard--small {
        max-width: 960px;
        padding: 24px 16px 32px 4px;
        height: 100%
    }

        .filteredGrid[data-grid="4"] .itemCard--small .itemCard__text, .filteredGrid[data-grid="4"] .itemCard .itemCard__text {
            max-width: 310px
        }

    .filteredGrid[data-grid="4"] .readingImageCard, .filteredGrid[data-grid="4"] .readingImageCard--small {
        max-width: 960px;
        background: transparent;
        box-shadow: none;
        border-bottom: 1px solid var(--neu-03);
        min-height: auto;
        flex-direction: row;
        padding: 8px 0 16px;
        border-radius: 0
    }

        .filteredGrid[data-grid="4"] .readingImageCard--small .readingImageCard__image, .filteredGrid[data-grid="4"] .readingImageCard .readingImageCard__image {
            height: auto;
            max-width: 110px;
            flex: 1;
            border-radius: 0
        }

        .filteredGrid[data-grid="4"] .readingImageCard--small .readingImageCard__content, .filteredGrid[data-grid="4"] .readingImageCard .readingImageCard__content {
            padding: 0 0 0 16px;
            flex: 2;
            justify-content: flex-start
        }

        .filteredGrid[data-grid="4"] .readingImageCard--small .readingImageCard__text, .filteredGrid[data-grid="4"] .readingImageCard .readingImageCard__text {
            padding: 0;
            padding-right: 24px
        }

        .filteredGrid[data-grid="4"] .readingImageCard--small .readingImageCard__title, .filteredGrid[data-grid="4"] .readingImageCard .readingImageCard__title {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Inter,sans-serif;
            font-size: 1rem;
            line-height: 1.5em;
            letter-spacing: -.011em;
            font-weight: 700;
            margin-top: 4px
        }

            .filteredGrid[data-grid="4"] .readingImageCard--small .readingImageCard__title .link a, .filteredGrid[data-grid="4"] .readingImageCard .readingImageCard__title .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .filteredGrid[data-grid="4"] .readingImageCard--small .readingImageCard__title .link a:hover, .filteredGrid[data-grid="4"] .readingImageCard .readingImageCard__title .link a:hover {
                    color: var(--m-01)
                }

            .filteredGrid[data-grid="4"] .readingImageCard--small .readingImageCard__title mark, .filteredGrid[data-grid="4"] .readingImageCard--small .readingImageCard__title mark[data-color=color], .filteredGrid[data-grid="4"] .readingImageCard .readingImageCard__title mark, .filteredGrid[data-grid="4"] .readingImageCard .readingImageCard__title mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .filteredGrid[data-grid="4"] .readingImageCard--small .readingImageCard__title mark[data-color=gray], .filteredGrid[data-grid="4"] .readingImageCard .readingImageCard__title mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .filteredGrid[data-grid="4"] .readingImageCard--small .readingImageCard__title mark[data-color=default], .filteredGrid[data-grid="4"] .readingImageCard .readingImageCard__title mark[data-color=default] {
                    color: var(--neu-10)
                }

            .filteredGrid[data-grid="4"] .readingImageCard--small .readingImageCard__title span.m-01--dark-01, .filteredGrid[data-grid="4"] .readingImageCard--small .readingImageCard__title span[data-color=color], .filteredGrid[data-grid="4"] .readingImageCard .readingImageCard__title span.m-01--dark-01, .filteredGrid[data-grid="4"] .readingImageCard .readingImageCard__title span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .filteredGrid[data-grid="4"] .readingImageCard--small .readingImageCard__title span.neu-07, .filteredGrid[data-grid="4"] .readingImageCard--small .readingImageCard__title span[data-color=gray], .filteredGrid[data-grid="4"] .readingImageCard .readingImageCard__title span.neu-07, .filteredGrid[data-grid="4"] .readingImageCard .readingImageCard__title span[data-color=gray] {
                color: var(--neu-07)
            }

            .filteredGrid[data-grid="4"] .readingImageCard--small .readingImageCard__title span.neu-10, .filteredGrid[data-grid="4"] .readingImageCard--small .readingImageCard__title span[data-color=default], .filteredGrid[data-grid="4"] .readingImageCard .readingImageCard__title span.neu-10, .filteredGrid[data-grid="4"] .readingImageCard .readingImageCard__title span[data-color=default] {
                color: var(--neu-10)
            }

            .filteredGrid[data-grid="4"] .readingImageCard--small .readingImageCard__title b, .filteredGrid[data-grid="4"] .readingImageCard--small .readingImageCard__title strong, .filteredGrid[data-grid="4"] .readingImageCard .readingImageCard__title b, .filteredGrid[data-grid="4"] .readingImageCard .readingImageCard__title strong {
                font-weight: 700
            }

            .filteredGrid[data-grid="4"] .readingImageCard--small .readingImageCard__title em, .filteredGrid[data-grid="4"] .readingImageCard .readingImageCard__title em {
                font-style: italic
            }

        .filteredGrid[data-grid="4"] .readingImageCard--small .readingImageCard__infoItem i, .filteredGrid[data-grid="4"] .readingImageCard .readingImageCard__infoItem i {
            display: none
        }

        .filteredGrid[data-grid="4"] .readingImageCard--small .btnBookmark, .filteredGrid[data-grid="4"] .readingImageCard--small .btnBookmark--privateArea, .filteredGrid[data-grid="4"] .readingImageCard--small .btnBookmark--small, .filteredGrid[data-grid="4"] .readingImageCard .btnBookmark, .filteredGrid[data-grid="4"] .readingImageCard .btnBookmark--privateArea, .filteredGrid[data-grid="4"] .readingImageCard .btnBookmark--small {
            top: -8px;
            right: -16px;
            z-index: 2
        }

            .filteredGrid[data-grid="4"] .readingImageCard--small .btnBookmark--privateArea .btnBookmark, .filteredGrid[data-grid="4"] .readingImageCard--small .btnBookmark--privateArea .btnBookmark--small, .filteredGrid[data-grid="4"] .readingImageCard .btnBookmark--privateArea .btnBookmark, .filteredGrid[data-grid="4"] .readingImageCard .btnBookmark--privateArea .btnBookmark--small {
                top: 0;
                right: 0
            }

        .filteredGrid[data-grid="4"] .readingImageCard--small:hover, .filteredGrid[data-grid="4"] .readingImageCard:hover {
            box-shadow: none;
            transform: none
        }

    .filteredGrid[data-grid="4"] .readingTextCard, .filteredGrid[data-grid="4"] .readingTextCard--small {
        max-width: 960px;
        background: transparent;
        box-shadow: none;
        border-bottom: 1px solid var(--neu-03);
        min-height: auto;
        flex-direction: row;
        padding: 8px 0 16px;
        border-radius: 0
    }

        .filteredGrid[data-grid="4"] .readingTextCard--small .readingTextCard__content, .filteredGrid[data-grid="4"] .readingTextCard .readingTextCard__content {
            flex: 2
        }

        .filteredGrid[data-grid="4"] .readingTextCard--small .readingTextCard__text, .filteredGrid[data-grid="4"] .readingTextCard .readingTextCard__text {
            padding: 0
        }

        .filteredGrid[data-grid="4"] .readingTextCard--small .readingTextCard__title, .filteredGrid[data-grid="4"] .readingTextCard .readingTextCard__title {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Inter,sans-serif;
            font-size: 1rem;
            line-height: 1.5em;
            letter-spacing: -.011em;
            font-weight: 700;
            margin-top: 4px
        }

            .filteredGrid[data-grid="4"] .readingTextCard--small .readingTextCard__title .link a, .filteredGrid[data-grid="4"] .readingTextCard .readingTextCard__title .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .filteredGrid[data-grid="4"] .readingTextCard--small .readingTextCard__title .link a:hover, .filteredGrid[data-grid="4"] .readingTextCard .readingTextCard__title .link a:hover {
                    color: var(--m-01)
                }

            .filteredGrid[data-grid="4"] .readingTextCard--small .readingTextCard__title mark, .filteredGrid[data-grid="4"] .readingTextCard--small .readingTextCard__title mark[data-color=color], .filteredGrid[data-grid="4"] .readingTextCard .readingTextCard__title mark, .filteredGrid[data-grid="4"] .readingTextCard .readingTextCard__title mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .filteredGrid[data-grid="4"] .readingTextCard--small .readingTextCard__title mark[data-color=gray], .filteredGrid[data-grid="4"] .readingTextCard .readingTextCard__title mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .filteredGrid[data-grid="4"] .readingTextCard--small .readingTextCard__title mark[data-color=default], .filteredGrid[data-grid="4"] .readingTextCard .readingTextCard__title mark[data-color=default] {
                    color: var(--neu-10)
                }

            .filteredGrid[data-grid="4"] .readingTextCard--small .readingTextCard__title span.m-01--dark-01, .filteredGrid[data-grid="4"] .readingTextCard--small .readingTextCard__title span[data-color=color], .filteredGrid[data-grid="4"] .readingTextCard .readingTextCard__title span.m-01--dark-01, .filteredGrid[data-grid="4"] .readingTextCard .readingTextCard__title span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .filteredGrid[data-grid="4"] .readingTextCard--small .readingTextCard__title span.neu-07, .filteredGrid[data-grid="4"] .readingTextCard--small .readingTextCard__title span[data-color=gray], .filteredGrid[data-grid="4"] .readingTextCard .readingTextCard__title span.neu-07, .filteredGrid[data-grid="4"] .readingTextCard .readingTextCard__title span[data-color=gray] {
                color: var(--neu-07)
            }

            .filteredGrid[data-grid="4"] .readingTextCard--small .readingTextCard__title span.neu-10, .filteredGrid[data-grid="4"] .readingTextCard--small .readingTextCard__title span[data-color=default], .filteredGrid[data-grid="4"] .readingTextCard .readingTextCard__title span.neu-10, .filteredGrid[data-grid="4"] .readingTextCard .readingTextCard__title span[data-color=default] {
                color: var(--neu-10)
            }

            .filteredGrid[data-grid="4"] .readingTextCard--small .readingTextCard__title b, .filteredGrid[data-grid="4"] .readingTextCard--small .readingTextCard__title strong, .filteredGrid[data-grid="4"] .readingTextCard .readingTextCard__title b, .filteredGrid[data-grid="4"] .readingTextCard .readingTextCard__title strong {
                font-weight: 700
            }

            .filteredGrid[data-grid="4"] .readingTextCard--small .readingTextCard__title em, .filteredGrid[data-grid="4"] .readingTextCard .readingTextCard__title em {
                font-style: italic
            }

        .filteredGrid[data-grid="4"] .readingTextCard--small .readingTextCard__description, .filteredGrid[data-grid="4"] .readingTextCard--small .readingTextCard__infoItem i, .filteredGrid[data-grid="4"] .readingTextCard .readingTextCard__description, .filteredGrid[data-grid="4"] .readingTextCard .readingTextCard__infoItem i {
            display: none
        }

        .filteredGrid[data-grid="4"] .readingTextCard--small:hover, .filteredGrid[data-grid="4"] .readingTextCard:hover {
            box-shadow: none;
            transform: none
        }

    .filteredGrid[data-grid="4"] .regionCard, .filteredGrid[data-grid="4"] .regionCard--small {
        max-width: 960px;
        min-height: 270px
    }

        .filteredGrid[data-grid="4"] .regionCard--small .regionCard__content, .filteredGrid[data-grid="4"] .regionCard .regionCard__content {
            padding: 24px 16px 16px
        }

        .filteredGrid[data-grid="4"] .regionCard--small .regionCard__title, .filteredGrid[data-grid="4"] .regionCard .regionCard__title {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Calma Global Medium,sans-serif;
            font-size: 2rem;
            line-height: 1.25em;
            letter-spacing: -.016em
        }

            .filteredGrid[data-grid="4"] .regionCard--small .regionCard__title .link a, .filteredGrid[data-grid="4"] .regionCard .regionCard__title .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .filteredGrid[data-grid="4"] .regionCard--small .regionCard__title .link a:hover, .filteredGrid[data-grid="4"] .regionCard .regionCard__title .link a:hover {
                    color: var(--m-01)
                }

            .filteredGrid[data-grid="4"] .regionCard--small .regionCard__title mark, .filteredGrid[data-grid="4"] .regionCard--small .regionCard__title mark[data-color=color], .filteredGrid[data-grid="4"] .regionCard .regionCard__title mark, .filteredGrid[data-grid="4"] .regionCard .regionCard__title mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .filteredGrid[data-grid="4"] .regionCard--small .regionCard__title mark[data-color=gray], .filteredGrid[data-grid="4"] .regionCard .regionCard__title mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .filteredGrid[data-grid="4"] .regionCard--small .regionCard__title mark[data-color=default], .filteredGrid[data-grid="4"] .regionCard .regionCard__title mark[data-color=default] {
                    color: var(--neu-10)
                }

            .filteredGrid[data-grid="4"] .regionCard--small .regionCard__title span.m-01--dark-01, .filteredGrid[data-grid="4"] .regionCard--small .regionCard__title span[data-color=color], .filteredGrid[data-grid="4"] .regionCard .regionCard__title span.m-01--dark-01, .filteredGrid[data-grid="4"] .regionCard .regionCard__title span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .filteredGrid[data-grid="4"] .regionCard--small .regionCard__title span.neu-07, .filteredGrid[data-grid="4"] .regionCard--small .regionCard__title span[data-color=gray], .filteredGrid[data-grid="4"] .regionCard .regionCard__title span.neu-07, .filteredGrid[data-grid="4"] .regionCard .regionCard__title span[data-color=gray] {
                color: var(--neu-07)
            }

            .filteredGrid[data-grid="4"] .regionCard--small .regionCard__title span.neu-10, .filteredGrid[data-grid="4"] .regionCard--small .regionCard__title span[data-color=default], .filteredGrid[data-grid="4"] .regionCard .regionCard__title span.neu-10, .filteredGrid[data-grid="4"] .regionCard .regionCard__title span[data-color=default] {
                color: var(--neu-10)
            }

            .filteredGrid[data-grid="4"] .regionCard--small .regionCard__title b, .filteredGrid[data-grid="4"] .regionCard--small .regionCard__title strong, .filteredGrid[data-grid="4"] .regionCard .regionCard__title b, .filteredGrid[data-grid="4"] .regionCard .regionCard__title strong {
                font-weight: 700
            }

            .filteredGrid[data-grid="4"] .regionCard--small .regionCard__title em, .filteredGrid[data-grid="4"] .regionCard .regionCard__title em {
                font-style: italic
            }
}

@media (max-width:1280px) and (max-width:1024px) {
    .filteredGrid[data-grid="4"] .regionCard--small .regionCard__title, .filteredGrid[data-grid="4"] .regionCard .regionCard__title {
        font-size: 1.625rem;
        line-height: 1.231em;
        letter-spacing: 0
    }
}

@media (max-width:1280px) {
    .filteredGrid[data-grid="4"] .resourceCard, .filteredGrid[data-grid="4"] .resourceCard--small {
        max-width: 960px;
        min-height: 200px;
        height: 100%;
        padding: 24px 16px
    }

        .filteredGrid[data-grid="4"] .resourceCard--small .resourceCard__title, .filteredGrid[data-grid="4"] .resourceCard .resourceCard__title {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Inter,sans-serif;
            font-size: 1.188rem;
            line-height: 1.263em;
            letter-spacing: -.016em;
            font-weight: 400;
            margin-top: 4px
        }

            .filteredGrid[data-grid="4"] .resourceCard--small .resourceCard__title .link a, .filteredGrid[data-grid="4"] .resourceCard .resourceCard__title .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .filteredGrid[data-grid="4"] .resourceCard--small .resourceCard__title .link a:hover, .filteredGrid[data-grid="4"] .resourceCard .resourceCard__title .link a:hover {
                    color: var(--m-01)
                }

            .filteredGrid[data-grid="4"] .resourceCard--small .resourceCard__title mark, .filteredGrid[data-grid="4"] .resourceCard--small .resourceCard__title mark[data-color=color], .filteredGrid[data-grid="4"] .resourceCard .resourceCard__title mark, .filteredGrid[data-grid="4"] .resourceCard .resourceCard__title mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .filteredGrid[data-grid="4"] .resourceCard--small .resourceCard__title mark[data-color=gray], .filteredGrid[data-grid="4"] .resourceCard .resourceCard__title mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .filteredGrid[data-grid="4"] .resourceCard--small .resourceCard__title mark[data-color=default], .filteredGrid[data-grid="4"] .resourceCard .resourceCard__title mark[data-color=default] {
                    color: var(--neu-10)
                }

            .filteredGrid[data-grid="4"] .resourceCard--small .resourceCard__title span.m-01--dark-01, .filteredGrid[data-grid="4"] .resourceCard--small .resourceCard__title span[data-color=color], .filteredGrid[data-grid="4"] .resourceCard .resourceCard__title span.m-01--dark-01, .filteredGrid[data-grid="4"] .resourceCard .resourceCard__title span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .filteredGrid[data-grid="4"] .resourceCard--small .resourceCard__title span.neu-07, .filteredGrid[data-grid="4"] .resourceCard--small .resourceCard__title span[data-color=gray], .filteredGrid[data-grid="4"] .resourceCard .resourceCard__title span.neu-07, .filteredGrid[data-grid="4"] .resourceCard .resourceCard__title span[data-color=gray] {
                color: var(--neu-07)
            }

            .filteredGrid[data-grid="4"] .resourceCard--small .resourceCard__title span.neu-10, .filteredGrid[data-grid="4"] .resourceCard--small .resourceCard__title span[data-color=default], .filteredGrid[data-grid="4"] .resourceCard .resourceCard__title span.neu-10, .filteredGrid[data-grid="4"] .resourceCard .resourceCard__title span[data-color=default] {
                color: var(--neu-10)
            }

            .filteredGrid[data-grid="4"] .resourceCard--small .resourceCard__title b, .filteredGrid[data-grid="4"] .resourceCard--small .resourceCard__title strong, .filteredGrid[data-grid="4"] .resourceCard .resourceCard__title b, .filteredGrid[data-grid="4"] .resourceCard .resourceCard__title strong {
                font-weight: 700
            }

            .filteredGrid[data-grid="4"] .resourceCard--small .resourceCard__title em, .filteredGrid[data-grid="4"] .resourceCard .resourceCard__title em {
                font-style: italic
            }

        .filteredGrid[data-grid="4"] .resourceCard--small .btn, .filteredGrid[data-grid="4"] .resourceCard--small .btn--icon, .filteredGrid[data-grid="4"] .resourceCard--small .btn--primary, .filteredGrid[data-grid="4"] .resourceCard--small .btn--primary--dark, .filteredGrid[data-grid="4"] .resourceCard--small .btn--secondary, .filteredGrid[data-grid="4"] .resourceCard--small .btn--small, .filteredGrid[data-grid="4"] .resourceCard--small .btn--tertiary, .filteredGrid[data-grid="4"] .resourceCard .btn, .filteredGrid[data-grid="4"] .resourceCard .btn--icon, .filteredGrid[data-grid="4"] .resourceCard .btn--primary, .filteredGrid[data-grid="4"] .resourceCard .btn--primary--dark, .filteredGrid[data-grid="4"] .resourceCard .btn--secondary, .filteredGrid[data-grid="4"] .resourceCard .btn--small, .filteredGrid[data-grid="4"] .resourceCard .btn--tertiary {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Inter,sans-serif;
            font-size: .813rem;
            line-height: 1.538em;
            letter-spacing: -.003em;
            font-weight: 400;
            font-weight: 700;
            padding: 0 20px;
            height: 40px
        }

            .filteredGrid[data-grid="4"] .resourceCard--small .btn--icon .link a, .filteredGrid[data-grid="4"] .resourceCard--small .btn--primary--dark .link a, .filteredGrid[data-grid="4"] .resourceCard--small .btn--primary .link a, .filteredGrid[data-grid="4"] .resourceCard--small .btn--secondary .link a, .filteredGrid[data-grid="4"] .resourceCard--small .btn--small .link a, .filteredGrid[data-grid="4"] .resourceCard--small .btn--tertiary .link a, .filteredGrid[data-grid="4"] .resourceCard--small .btn .link a, .filteredGrid[data-grid="4"] .resourceCard .btn--icon .link a, .filteredGrid[data-grid="4"] .resourceCard .btn--primary--dark .link a, .filteredGrid[data-grid="4"] .resourceCard .btn--primary .link a, .filteredGrid[data-grid="4"] .resourceCard .btn--secondary .link a, .filteredGrid[data-grid="4"] .resourceCard .btn--small .link a, .filteredGrid[data-grid="4"] .resourceCard .btn--tertiary .link a, .filteredGrid[data-grid="4"] .resourceCard .btn .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .filteredGrid[data-grid="4"] .resourceCard--small .btn--icon .link a:hover, .filteredGrid[data-grid="4"] .resourceCard--small .btn--primary--dark .link a:hover, .filteredGrid[data-grid="4"] .resourceCard--small .btn--primary .link a:hover, .filteredGrid[data-grid="4"] .resourceCard--small .btn--secondary .link a:hover, .filteredGrid[data-grid="4"] .resourceCard--small .btn--small .link a:hover, .filteredGrid[data-grid="4"] .resourceCard--small .btn--tertiary .link a:hover, .filteredGrid[data-grid="4"] .resourceCard--small .btn .link a:hover, .filteredGrid[data-grid="4"] .resourceCard .btn--icon .link a:hover, .filteredGrid[data-grid="4"] .resourceCard .btn--primary--dark .link a:hover, .filteredGrid[data-grid="4"] .resourceCard .btn--primary .link a:hover, .filteredGrid[data-grid="4"] .resourceCard .btn--secondary .link a:hover, .filteredGrid[data-grid="4"] .resourceCard .btn--small .link a:hover, .filteredGrid[data-grid="4"] .resourceCard .btn--tertiary .link a:hover, .filteredGrid[data-grid="4"] .resourceCard .btn .link a:hover {
                    color: var(--m-01)
                }

            .filteredGrid[data-grid="4"] .resourceCard--small .btn--icon mark, .filteredGrid[data-grid="4"] .resourceCard--small .btn--icon mark[data-color=color], .filteredGrid[data-grid="4"] .resourceCard--small .btn--primary--dark mark, .filteredGrid[data-grid="4"] .resourceCard--small .btn--primary--dark mark[data-color=color], .filteredGrid[data-grid="4"] .resourceCard--small .btn--primary mark, .filteredGrid[data-grid="4"] .resourceCard--small .btn--primary mark[data-color=color], .filteredGrid[data-grid="4"] .resourceCard--small .btn--secondary mark, .filteredGrid[data-grid="4"] .resourceCard--small .btn--secondary mark[data-color=color], .filteredGrid[data-grid="4"] .resourceCard--small .btn--small mark, .filteredGrid[data-grid="4"] .resourceCard--small .btn--small mark[data-color=color], .filteredGrid[data-grid="4"] .resourceCard--small .btn--tertiary mark, .filteredGrid[data-grid="4"] .resourceCard--small .btn--tertiary mark[data-color=color], .filteredGrid[data-grid="4"] .resourceCard--small .btn mark, .filteredGrid[data-grid="4"] .resourceCard--small .btn mark[data-color=color], .filteredGrid[data-grid="4"] .resourceCard .btn--icon mark, .filteredGrid[data-grid="4"] .resourceCard .btn--icon mark[data-color=color], .filteredGrid[data-grid="4"] .resourceCard .btn--primary--dark mark, .filteredGrid[data-grid="4"] .resourceCard .btn--primary--dark mark[data-color=color], .filteredGrid[data-grid="4"] .resourceCard .btn--primary mark, .filteredGrid[data-grid="4"] .resourceCard .btn--primary mark[data-color=color], .filteredGrid[data-grid="4"] .resourceCard .btn--secondary mark, .filteredGrid[data-grid="4"] .resourceCard .btn--secondary mark[data-color=color], .filteredGrid[data-grid="4"] .resourceCard .btn--small mark, .filteredGrid[data-grid="4"] .resourceCard .btn--small mark[data-color=color], .filteredGrid[data-grid="4"] .resourceCard .btn--tertiary mark, .filteredGrid[data-grid="4"] .resourceCard .btn--tertiary mark[data-color=color], .filteredGrid[data-grid="4"] .resourceCard .btn mark, .filteredGrid[data-grid="4"] .resourceCard .btn mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .filteredGrid[data-grid="4"] .resourceCard--small .btn--icon mark[data-color=gray], .filteredGrid[data-grid="4"] .resourceCard--small .btn--primary--dark mark[data-color=gray], .filteredGrid[data-grid="4"] .resourceCard--small .btn--primary mark[data-color=gray], .filteredGrid[data-grid="4"] .resourceCard--small .btn--secondary mark[data-color=gray], .filteredGrid[data-grid="4"] .resourceCard--small .btn--small mark[data-color=gray], .filteredGrid[data-grid="4"] .resourceCard--small .btn--tertiary mark[data-color=gray], .filteredGrid[data-grid="4"] .resourceCard--small .btn mark[data-color=gray], .filteredGrid[data-grid="4"] .resourceCard .btn--icon mark[data-color=gray], .filteredGrid[data-grid="4"] .resourceCard .btn--primary--dark mark[data-color=gray], .filteredGrid[data-grid="4"] .resourceCard .btn--primary mark[data-color=gray], .filteredGrid[data-grid="4"] .resourceCard .btn--secondary mark[data-color=gray], .filteredGrid[data-grid="4"] .resourceCard .btn--small mark[data-color=gray], .filteredGrid[data-grid="4"] .resourceCard .btn--tertiary mark[data-color=gray], .filteredGrid[data-grid="4"] .resourceCard .btn mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .filteredGrid[data-grid="4"] .resourceCard--small .btn--icon mark[data-color=default], .filteredGrid[data-grid="4"] .resourceCard--small .btn--primary--dark mark[data-color=default], .filteredGrid[data-grid="4"] .resourceCard--small .btn--primary mark[data-color=default], .filteredGrid[data-grid="4"] .resourceCard--small .btn--secondary mark[data-color=default], .filteredGrid[data-grid="4"] .resourceCard--small .btn--small mark[data-color=default], .filteredGrid[data-grid="4"] .resourceCard--small .btn--tertiary mark[data-color=default], .filteredGrid[data-grid="4"] .resourceCard--small .btn mark[data-color=default], .filteredGrid[data-grid="4"] .resourceCard .btn--icon mark[data-color=default], .filteredGrid[data-grid="4"] .resourceCard .btn--primary--dark mark[data-color=default], .filteredGrid[data-grid="4"] .resourceCard .btn--primary mark[data-color=default], .filteredGrid[data-grid="4"] .resourceCard .btn--secondary mark[data-color=default], .filteredGrid[data-grid="4"] .resourceCard .btn--small mark[data-color=default], .filteredGrid[data-grid="4"] .resourceCard .btn--tertiary mark[data-color=default], .filteredGrid[data-grid="4"] .resourceCard .btn mark[data-color=default] {
                    color: var(--neu-10)
                }

            .filteredGrid[data-grid="4"] .resourceCard--small .btn--icon span.m-01--dark-01, .filteredGrid[data-grid="4"] .resourceCard--small .btn--icon span[data-color=color], .filteredGrid[data-grid="4"] .resourceCard--small .btn--primary--dark span.m-01--dark-01, .filteredGrid[data-grid="4"] .resourceCard--small .btn--primary--dark span[data-color=color], .filteredGrid[data-grid="4"] .resourceCard--small .btn--primary span.m-01--dark-01, .filteredGrid[data-grid="4"] .resourceCard--small .btn--primary span[data-color=color], .filteredGrid[data-grid="4"] .resourceCard--small .btn--secondary span.m-01--dark-01, .filteredGrid[data-grid="4"] .resourceCard--small .btn--secondary span[data-color=color], .filteredGrid[data-grid="4"] .resourceCard--small .btn--small span.m-01--dark-01, .filteredGrid[data-grid="4"] .resourceCard--small .btn--small span[data-color=color], .filteredGrid[data-grid="4"] .resourceCard--small .btn--tertiary span.m-01--dark-01, .filteredGrid[data-grid="4"] .resourceCard--small .btn--tertiary span[data-color=color], .filteredGrid[data-grid="4"] .resourceCard--small .btn span.m-01--dark-01, .filteredGrid[data-grid="4"] .resourceCard--small .btn span[data-color=color], .filteredGrid[data-grid="4"] .resourceCard .btn--icon span.m-01--dark-01, .filteredGrid[data-grid="4"] .resourceCard .btn--icon span[data-color=color], .filteredGrid[data-grid="4"] .resourceCard .btn--primary--dark span.m-01--dark-01, .filteredGrid[data-grid="4"] .resourceCard .btn--primary--dark span[data-color=color], .filteredGrid[data-grid="4"] .resourceCard .btn--primary span.m-01--dark-01, .filteredGrid[data-grid="4"] .resourceCard .btn--primary span[data-color=color], .filteredGrid[data-grid="4"] .resourceCard .btn--secondary span.m-01--dark-01, .filteredGrid[data-grid="4"] .resourceCard .btn--secondary span[data-color=color], .filteredGrid[data-grid="4"] .resourceCard .btn--small span.m-01--dark-01, .filteredGrid[data-grid="4"] .resourceCard .btn--small span[data-color=color], .filteredGrid[data-grid="4"] .resourceCard .btn--tertiary span.m-01--dark-01, .filteredGrid[data-grid="4"] .resourceCard .btn--tertiary span[data-color=color], .filteredGrid[data-grid="4"] .resourceCard .btn span.m-01--dark-01, .filteredGrid[data-grid="4"] .resourceCard .btn span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .filteredGrid[data-grid="4"] .resourceCard--small .btn--icon span.neu-07, .filteredGrid[data-grid="4"] .resourceCard--small .btn--icon span[data-color=gray], .filteredGrid[data-grid="4"] .resourceCard--small .btn--primary--dark span.neu-07, .filteredGrid[data-grid="4"] .resourceCard--small .btn--primary--dark span[data-color=gray], .filteredGrid[data-grid="4"] .resourceCard--small .btn--primary span.neu-07, .filteredGrid[data-grid="4"] .resourceCard--small .btn--primary span[data-color=gray], .filteredGrid[data-grid="4"] .resourceCard--small .btn--secondary span.neu-07, .filteredGrid[data-grid="4"] .resourceCard--small .btn--secondary span[data-color=gray], .filteredGrid[data-grid="4"] .resourceCard--small .btn--small span.neu-07, .filteredGrid[data-grid="4"] .resourceCard--small .btn--small span[data-color=gray], .filteredGrid[data-grid="4"] .resourceCard--small .btn--tertiary span.neu-07, .filteredGrid[data-grid="4"] .resourceCard--small .btn--tertiary span[data-color=gray], .filteredGrid[data-grid="4"] .resourceCard--small .btn span.neu-07, .filteredGrid[data-grid="4"] .resourceCard--small .btn span[data-color=gray], .filteredGrid[data-grid="4"] .resourceCard .btn--icon span.neu-07, .filteredGrid[data-grid="4"] .resourceCard .btn--icon span[data-color=gray], .filteredGrid[data-grid="4"] .resourceCard .btn--primary--dark span.neu-07, .filteredGrid[data-grid="4"] .resourceCard .btn--primary--dark span[data-color=gray], .filteredGrid[data-grid="4"] .resourceCard .btn--primary span.neu-07, .filteredGrid[data-grid="4"] .resourceCard .btn--primary span[data-color=gray], .filteredGrid[data-grid="4"] .resourceCard .btn--secondary span.neu-07, .filteredGrid[data-grid="4"] .resourceCard .btn--secondary span[data-color=gray], .filteredGrid[data-grid="4"] .resourceCard .btn--small span.neu-07, .filteredGrid[data-grid="4"] .resourceCard .btn--small span[data-color=gray], .filteredGrid[data-grid="4"] .resourceCard .btn--tertiary span.neu-07, .filteredGrid[data-grid="4"] .resourceCard .btn--tertiary span[data-color=gray], .filteredGrid[data-grid="4"] .resourceCard .btn span.neu-07, .filteredGrid[data-grid="4"] .resourceCard .btn span[data-color=gray] {
                color: var(--neu-07)
            }

            .filteredGrid[data-grid="4"] .resourceCard--small .btn--icon span.neu-10, .filteredGrid[data-grid="4"] .resourceCard--small .btn--icon span[data-color=default], .filteredGrid[data-grid="4"] .resourceCard--small .btn--primary--dark span.neu-10, .filteredGrid[data-grid="4"] .resourceCard--small .btn--primary--dark span[data-color=default], .filteredGrid[data-grid="4"] .resourceCard--small .btn--primary span.neu-10, .filteredGrid[data-grid="4"] .resourceCard--small .btn--primary span[data-color=default], .filteredGrid[data-grid="4"] .resourceCard--small .btn--secondary span.neu-10, .filteredGrid[data-grid="4"] .resourceCard--small .btn--secondary span[data-color=default], .filteredGrid[data-grid="4"] .resourceCard--small .btn--small span.neu-10, .filteredGrid[data-grid="4"] .resourceCard--small .btn--small span[data-color=default], .filteredGrid[data-grid="4"] .resourceCard--small .btn--tertiary span.neu-10, .filteredGrid[data-grid="4"] .resourceCard--small .btn--tertiary span[data-color=default], .filteredGrid[data-grid="4"] .resourceCard--small .btn span.neu-10, .filteredGrid[data-grid="4"] .resourceCard--small .btn span[data-color=default], .filteredGrid[data-grid="4"] .resourceCard .btn--icon span.neu-10, .filteredGrid[data-grid="4"] .resourceCard .btn--icon span[data-color=default], .filteredGrid[data-grid="4"] .resourceCard .btn--primary--dark span.neu-10, .filteredGrid[data-grid="4"] .resourceCard .btn--primary--dark span[data-color=default], .filteredGrid[data-grid="4"] .resourceCard .btn--primary span.neu-10, .filteredGrid[data-grid="4"] .resourceCard .btn--primary span[data-color=default], .filteredGrid[data-grid="4"] .resourceCard .btn--secondary span.neu-10, .filteredGrid[data-grid="4"] .resourceCard .btn--secondary span[data-color=default], .filteredGrid[data-grid="4"] .resourceCard .btn--small span.neu-10, .filteredGrid[data-grid="4"] .resourceCard .btn--small span[data-color=default], .filteredGrid[data-grid="4"] .resourceCard .btn--tertiary span.neu-10, .filteredGrid[data-grid="4"] .resourceCard .btn--tertiary span[data-color=default], .filteredGrid[data-grid="4"] .resourceCard .btn span.neu-10, .filteredGrid[data-grid="4"] .resourceCard .btn span[data-color=default] {
                color: var(--neu-10)
            }

            .filteredGrid[data-grid="4"] .resourceCard--small .btn--icon b, .filteredGrid[data-grid="4"] .resourceCard--small .btn--icon strong, .filteredGrid[data-grid="4"] .resourceCard--small .btn--primary--dark b, .filteredGrid[data-grid="4"] .resourceCard--small .btn--primary--dark strong, .filteredGrid[data-grid="4"] .resourceCard--small .btn--primary b, .filteredGrid[data-grid="4"] .resourceCard--small .btn--primary strong, .filteredGrid[data-grid="4"] .resourceCard--small .btn--secondary b, .filteredGrid[data-grid="4"] .resourceCard--small .btn--secondary strong, .filteredGrid[data-grid="4"] .resourceCard--small .btn--small b, .filteredGrid[data-grid="4"] .resourceCard--small .btn--small strong, .filteredGrid[data-grid="4"] .resourceCard--small .btn--tertiary b, .filteredGrid[data-grid="4"] .resourceCard--small .btn--tertiary strong, .filteredGrid[data-grid="4"] .resourceCard--small .btn b, .filteredGrid[data-grid="4"] .resourceCard--small .btn strong, .filteredGrid[data-grid="4"] .resourceCard .btn--icon b, .filteredGrid[data-grid="4"] .resourceCard .btn--icon strong, .filteredGrid[data-grid="4"] .resourceCard .btn--primary--dark b, .filteredGrid[data-grid="4"] .resourceCard .btn--primary--dark strong, .filteredGrid[data-grid="4"] .resourceCard .btn--primary b, .filteredGrid[data-grid="4"] .resourceCard .btn--primary strong, .filteredGrid[data-grid="4"] .resourceCard .btn--secondary b, .filteredGrid[data-grid="4"] .resourceCard .btn--secondary strong, .filteredGrid[data-grid="4"] .resourceCard .btn--small b, .filteredGrid[data-grid="4"] .resourceCard .btn--small strong, .filteredGrid[data-grid="4"] .resourceCard .btn--tertiary b, .filteredGrid[data-grid="4"] .resourceCard .btn--tertiary strong, .filteredGrid[data-grid="4"] .resourceCard .btn b, .filteredGrid[data-grid="4"] .resourceCard .btn strong {
                font-weight: 700
            }

            .filteredGrid[data-grid="4"] .resourceCard--small .btn--icon em, .filteredGrid[data-grid="4"] .resourceCard--small .btn--primary--dark em, .filteredGrid[data-grid="4"] .resourceCard--small .btn--primary em, .filteredGrid[data-grid="4"] .resourceCard--small .btn--secondary em, .filteredGrid[data-grid="4"] .resourceCard--small .btn--small em, .filteredGrid[data-grid="4"] .resourceCard--small .btn--tertiary em, .filteredGrid[data-grid="4"] .resourceCard--small .btn em, .filteredGrid[data-grid="4"] .resourceCard .btn--icon em, .filteredGrid[data-grid="4"] .resourceCard .btn--primary--dark em, .filteredGrid[data-grid="4"] .resourceCard .btn--primary em, .filteredGrid[data-grid="4"] .resourceCard .btn--secondary em, .filteredGrid[data-grid="4"] .resourceCard .btn--small em, .filteredGrid[data-grid="4"] .resourceCard .btn--tertiary em, .filteredGrid[data-grid="4"] .resourceCard .btn em {
                font-style: italic
            }

            .filteredGrid[data-grid="4"] .resourceCard--small .btn--icon i, .filteredGrid[data-grid="4"] .resourceCard--small .btn--primary--dark i, .filteredGrid[data-grid="4"] .resourceCard--small .btn--primary i, .filteredGrid[data-grid="4"] .resourceCard--small .btn--secondary i, .filteredGrid[data-grid="4"] .resourceCard--small .btn--small i, .filteredGrid[data-grid="4"] .resourceCard--small .btn--tertiary i, .filteredGrid[data-grid="4"] .resourceCard--small .btn i, .filteredGrid[data-grid="4"] .resourceCard .btn--icon i, .filteredGrid[data-grid="4"] .resourceCard .btn--primary--dark i, .filteredGrid[data-grid="4"] .resourceCard .btn--primary i, .filteredGrid[data-grid="4"] .resourceCard .btn--secondary i, .filteredGrid[data-grid="4"] .resourceCard .btn--small i, .filteredGrid[data-grid="4"] .resourceCard .btn--tertiary i, .filteredGrid[data-grid="4"] .resourceCard .btn i {
                min-width: 16px;
                width: 16px;
                height: 16px;
                font-size: 16px
            }

                .filteredGrid[data-grid="4"] .resourceCard--small .btn--icon i:before, .filteredGrid[data-grid="4"] .resourceCard--small .btn--primary--dark i:before, .filteredGrid[data-grid="4"] .resourceCard--small .btn--primary i:before, .filteredGrid[data-grid="4"] .resourceCard--small .btn--secondary i:before, .filteredGrid[data-grid="4"] .resourceCard--small .btn--small i:before, .filteredGrid[data-grid="4"] .resourceCard--small .btn--tertiary i:before, .filteredGrid[data-grid="4"] .resourceCard--small .btn i:before, .filteredGrid[data-grid="4"] .resourceCard .btn--icon i:before, .filteredGrid[data-grid="4"] .resourceCard .btn--primary--dark i:before, .filteredGrid[data-grid="4"] .resourceCard .btn--primary i:before, .filteredGrid[data-grid="4"] .resourceCard .btn--secondary i:before, .filteredGrid[data-grid="4"] .resourceCard .btn--small i:before, .filteredGrid[data-grid="4"] .resourceCard .btn--tertiary i:before, .filteredGrid[data-grid="4"] .resourceCard .btn i:before {
                    font-size: 16px;
                    font-weight: 400
                }

            .filteredGrid[data-grid="4"] .resourceCard--small .btn--icon, .filteredGrid[data-grid="4"] .resourceCard--small .btn--icon.btn--primary, .filteredGrid[data-grid="4"] .resourceCard--small .btn--icon.btn--primary--dark, .filteredGrid[data-grid="4"] .resourceCard--small .btn--icon.btn--secondary, .filteredGrid[data-grid="4"] .resourceCard--small .btn--icon.btn--small, .filteredGrid[data-grid="4"] .resourceCard--small .btn--icon.btn--tertiary, .filteredGrid[data-grid="4"] .resourceCard--small .btn.btn--icon, .filteredGrid[data-grid="4"] .resourceCard .btn--icon, .filteredGrid[data-grid="4"] .resourceCard .btn--icon.btn--primary, .filteredGrid[data-grid="4"] .resourceCard .btn--icon.btn--primary--dark, .filteredGrid[data-grid="4"] .resourceCard .btn--icon.btn--secondary, .filteredGrid[data-grid="4"] .resourceCard .btn--icon.btn--small, .filteredGrid[data-grid="4"] .resourceCard .btn--icon.btn--tertiary, .filteredGrid[data-grid="4"] .resourceCard .btn.btn--icon {
                width: 40px;
                min-width: 40px
            }

                .filteredGrid[data-grid="4"] .resourceCard--small .btn--icon:hover, .filteredGrid[data-grid="4"] .resourceCard--small .btn--primary--dark:hover, .filteredGrid[data-grid="4"] .resourceCard--small .btn--primary:hover, .filteredGrid[data-grid="4"] .resourceCard--small .btn--secondary:hover, .filteredGrid[data-grid="4"] .resourceCard--small .btn--small:hover, .filteredGrid[data-grid="4"] .resourceCard--small .btn--tertiary:hover, .filteredGrid[data-grid="4"] .resourceCard--small .btn:hover, .filteredGrid[data-grid="4"] .resourceCard .btn--icon:hover, .filteredGrid[data-grid="4"] .resourceCard .btn--primary--dark:hover, .filteredGrid[data-grid="4"] .resourceCard .btn--primary:hover, .filteredGrid[data-grid="4"] .resourceCard .btn--secondary:hover, .filteredGrid[data-grid="4"] .resourceCard .btn--small:hover, .filteredGrid[data-grid="4"] .resourceCard .btn--tertiary:hover, .filteredGrid[data-grid="4"] .resourceCard .btn:hover {
                    color: var(--m-01--dark-01)
                }

    .filteredGrid[data-grid="4"] .resultsCard, .filteredGrid[data-grid="4"] .resultsCard--small {
        max-width: 960px;
        min-height: auto;
        padding: 0 0 16px;
        border-radius: 0;
        flex-direction: column
    }

        .filteredGrid[data-grid="4"] .resultsCard--small .resultsCard__image, .filteredGrid[data-grid="4"] .resultsCard .resultsCard__image {
            height: 126px;
            width: 100%;
            margin-right: 0;
            margin-bottom: 16px
        }

        .filteredGrid[data-grid="4"] .resultsCard--small .resultsCard__content, .filteredGrid[data-grid="4"] .resultsCard .resultsCard__content {
            flex: 2;
            justify-content: flex-start
        }

        .filteredGrid[data-grid="4"] .resultsCard--small .resultsCard__topInfo, .filteredGrid[data-grid="4"] .resultsCard .resultsCard__topInfo {
            flex-direction: column
        }

        .filteredGrid[data-grid="4"] .resultsCard--small .resultsCard__sideInfo, .filteredGrid[data-grid="4"] .resultsCard .resultsCard__sideInfo {
            order: 1;
            transform: none;
            justify-content: space-between;
            margin-bottom: 16px
        }

        .filteredGrid[data-grid="4"] .resultsCard--small .resultsCard__labels, .filteredGrid[data-grid="4"] .resultsCard .resultsCard__labels {
            order: 2
        }

        .filteredGrid[data-grid="4"] .resultsCard--small .resultsCard__text, .filteredGrid[data-grid="4"] .resultsCard .resultsCard__text {
            padding: 0
        }

        .filteredGrid[data-grid="4"] .resultsCard--small .resultsCard__description, .filteredGrid[data-grid="4"] .resultsCard .resultsCard__description {
            margin-top: 4px
        }

        .filteredGrid[data-grid="4"] .resultsCard--small .resultsCard__bottomInfo, .filteredGrid[data-grid="4"] .resultsCard .resultsCard__bottomInfo {
            margin-top: 8px
        }
}

@media (max-width:1280px) and (max-width:512px) {
    .filteredGrid[data-grid="4"] .resultsCard--small .resultsCard__bottomInfo, .filteredGrid[data-grid="4"] .resultsCard .resultsCard__bottomInfo {
        flex-direction: column;
        align-items: flex-start
    }
}

@media (max-width:1280px) and (max-width:512px) {
    .filteredGrid[data-grid="4"] .resultsCard--small .resultsCard__btnContainer, .filteredGrid[data-grid="4"] .resultsCard .resultsCard__btnContainer {
        margin-top: 8px;
        width: 100%;
        display: flex;
        justify-content: flex-end
    }
}

@media (max-width:1280px) {
    .filteredGrid[data-grid="4"] .resultsCard--small .btnBookmark, .filteredGrid[data-grid="4"] .resultsCard--small .btnBookmark--small, .filteredGrid[data-grid="4"] .resultsCard .btnBookmark, .filteredGrid[data-grid="4"] .resultsCard .btnBookmark--small {
        transform: translateX(16px);
        width: 48px
    }

    .filteredGrid[data-grid="4"] .thumbResultsCard, .filteredGrid[data-grid="4"] .thumbResultsCard--small {
        max-width: 636px;
        flex-direction: row
    }

        .filteredGrid[data-grid="4"] .thumbResultsCard--small .thumbResultsCard__image, .filteredGrid[data-grid="4"] .thumbResultsCard .thumbResultsCard__image {
            height: auto;
            width: 89px;
            min-width: 89px;
            border-top-left-radius: 2px;
            border-top-right-radius: 0;
            border-bottom-left-radius: 2px
        }

        .filteredGrid[data-grid="4"] .thumbResultsCard--small .thumbResultsCard__content, .filteredGrid[data-grid="4"] .thumbResultsCard .thumbResultsCard__content {
            justify-content: flex-start
        }

        .filteredGrid[data-grid="4"] .thumbResultsCard--small .thumbResultsCard__sideInfo, .filteredGrid[data-grid="4"] .thumbResultsCard .thumbResultsCard__sideInfo {
            transform: none;
            justify-content: space-between
        }

        .filteredGrid[data-grid="4"] .thumbResultsCard--small .thumbResultsCard__text, .filteredGrid[data-grid="4"] .thumbResultsCard .thumbResultsCard__text {
            padding: 0
        }

        .filteredGrid[data-grid="4"] .thumbResultsCard--small .thumbResultsCard__description, .filteredGrid[data-grid="4"] .thumbResultsCard .thumbResultsCard__description {
            margin-top: 4px
        }
}

@media (max-width:1280px) and (max-width:512px) {
    .filteredGrid[data-grid="4"] .thumbResultsCard--small .thumbResultsCard__btnContainer, .filteredGrid[data-grid="4"] .thumbResultsCard .thumbResultsCard__btnContainer {
        margin-top: 8px
    }
}

@media (max-width:1280px) {
    .filteredGrid[data-grid="4"] .supplierCard, .filteredGrid[data-grid="4"] .supplierCard--small {
        max-width: 960px;
        min-height: 214px
    }

        .filteredGrid[data-grid="4"] .supplierCard--small .supplierCard__container, .filteredGrid[data-grid="4"] .supplierCard .supplierCard__container {
            padding: 24px 16px
        }

            .filteredGrid[data-grid="4"] .supplierCard--small .supplierCard__container.opened, .filteredGrid[data-grid="4"] .supplierCard .supplierCard__container.opened {
                max-width: 90vw;
                padding: 24px 40px 24px 24px
            }
}

@media (max-width:1280px) and (max-width:768px) {
    .filteredGrid[data-grid="4"] .supplierCard--small .supplierCard__container.opened, .filteredGrid[data-grid="4"] .supplierCard .supplierCard__container.opened {
        padding: 24px
    }
}

@media (max-width:1280px) {
    .filteredGrid[data-grid="4"] .supplierCard--small .supplierCard__container.opened .supplierCard__content, .filteredGrid[data-grid="4"] .supplierCard .supplierCard__container.opened .supplierCard__content {
        max-width: calc(100% - 120px - 16px)
    }
}

@media (max-width:1280px) and (max-width:768px) {
    .filteredGrid[data-grid="4"] .supplierCard--small .supplierCard__container.opened .supplierCard__content, .filteredGrid[data-grid="4"] .supplierCard .supplierCard__container.opened .supplierCard__content {
        max-width: 100%
    }
}

@media (max-width:1280px) {
    .filteredGrid[data-grid="4"] .supplierCard--small .supplierCard__container.opened .supplierCard__image, .filteredGrid[data-grid="4"] .supplierCard .supplierCard__container.opened .supplierCard__image {
        width: 120px;
        height: 120px
    }

    .filteredGrid[data-grid="4"] .supplierCard--small .supplierCard__image, .filteredGrid[data-grid="4"] .supplierCard .supplierCard__image {
        max-width: 110px;
        width: calc(15% - 16px);
        margin-right: 16px
    }
}

@media (max-width:1280px) and (max-width:768px) {
    .filteredGrid[data-grid="4"] .supplierCard--small .supplierCard__image, .filteredGrid[data-grid="4"] .supplierCard .supplierCard__image {
        width: calc(25% - 16px)
    }
}

@media (max-width:1280px) and (max-width:512px) {
    .filteredGrid[data-grid="4"] .supplierCard--small .supplierCard__image, .filteredGrid[data-grid="4"] .supplierCard .supplierCard__image {
        width: calc(40% - 16px)
    }
}

@media (max-width:1280px) {
    .filteredGrid[data-grid="4"] .supplierCard--small .supplierCard__content, .filteredGrid[data-grid="4"] .supplierCard .supplierCard__content {
        max-width: 85%
    }
}

@media (max-width:1280px) and (max-width:768px) {
    .filteredGrid[data-grid="4"] .supplierCard--small .supplierCard__content, .filteredGrid[data-grid="4"] .supplierCard .supplierCard__content {
        max-width: 75%
    }
}

@media (max-width:1280px) and (max-width:512px) {
    .filteredGrid[data-grid="4"] .supplierCard--small .supplierCard__content, .filteredGrid[data-grid="4"] .supplierCard .supplierCard__content {
        max-width: 60%
    }
}

@media (max-width:1280px) and (max-width:768px) {
    .filteredGrid[data-grid="4"] .supplierCard--small .supplierCard__title, .filteredGrid[data-grid="4"] .supplierCard .supplierCard__title {
        margin: 16px 0 8px
    }
}

@media (max-width:1280px) {
    .filteredGrid[data-grid="4"] .supplierCard--small .supplierCard__link, .filteredGrid[data-grid="4"] .supplierCard .supplierCard__link {
        right: -40px
    }
}

@media (max-width:1280px) and (max-width:768px) {
    .filteredGrid[data-grid="4"] .supplierCard--small .supplierCard__link, .filteredGrid[data-grid="4"] .supplierCard .supplierCard__link {
        right: -24px
    }
}

@media (max-width:1280px) {
    .filteredGrid[data-grid="4"] .supplierCard--small .supplierCard__shortDescription, .filteredGrid[data-grid="4"] .supplierCard .supplierCard__shortDescription {
        max-width: none
    }

    .filteredGrid[data-grid="4"] .supplierCard--small .openExpandedCard, .filteredGrid[data-grid="4"] .supplierCard--small .openExpandedCard button, .filteredGrid[data-grid="4"] .supplierCard .openExpandedCard, .filteredGrid[data-grid="4"] .supplierCard .openExpandedCard button {
        width: 100%
    }

    .filteredGrid[data-grid="4"] .supplierCard--small .closeExpandedCard, .filteredGrid[data-grid="4"] .supplierCard .closeExpandedCard {
        top: 16px;
        right: 8px
    }

    .filteredGrid[data-grid="4"] .supplierCard--small .btn, .filteredGrid[data-grid="4"] .supplierCard--small .btn--icon, .filteredGrid[data-grid="4"] .supplierCard--small .btn--primary, .filteredGrid[data-grid="4"] .supplierCard--small .btn--primary--dark, .filteredGrid[data-grid="4"] .supplierCard--small .btn--secondary, .filteredGrid[data-grid="4"] .supplierCard--small .btn--small, .filteredGrid[data-grid="4"] .supplierCard--small .btn--tertiary, .filteredGrid[data-grid="4"] .supplierCard .btn, .filteredGrid[data-grid="4"] .supplierCard .btn--icon, .filteredGrid[data-grid="4"] .supplierCard .btn--primary, .filteredGrid[data-grid="4"] .supplierCard .btn--primary--dark, .filteredGrid[data-grid="4"] .supplierCard .btn--secondary, .filteredGrid[data-grid="4"] .supplierCard .btn--small, .filteredGrid[data-grid="4"] .supplierCard .btn--tertiary {
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-stretch: normal;
        letter-spacing: normal;
        font-family: Inter,sans-serif;
        font-size: .813rem;
        line-height: 1.538em;
        letter-spacing: -.003em;
        font-weight: 400;
        font-weight: 700;
        padding: 0 20px;
        height: 40px
    }

        .filteredGrid[data-grid="4"] .supplierCard--small .btn--icon .link a, .filteredGrid[data-grid="4"] .supplierCard--small .btn--primary--dark .link a, .filteredGrid[data-grid="4"] .supplierCard--small .btn--primary .link a, .filteredGrid[data-grid="4"] .supplierCard--small .btn--secondary .link a, .filteredGrid[data-grid="4"] .supplierCard--small .btn--small .link a, .filteredGrid[data-grid="4"] .supplierCard--small .btn--tertiary .link a, .filteredGrid[data-grid="4"] .supplierCard--small .btn .link a, .filteredGrid[data-grid="4"] .supplierCard .btn--icon .link a, .filteredGrid[data-grid="4"] .supplierCard .btn--primary--dark .link a, .filteredGrid[data-grid="4"] .supplierCard .btn--primary .link a, .filteredGrid[data-grid="4"] .supplierCard .btn--secondary .link a, .filteredGrid[data-grid="4"] .supplierCard .btn--small .link a, .filteredGrid[data-grid="4"] .supplierCard .btn--tertiary .link a, .filteredGrid[data-grid="4"] .supplierCard .btn .link a {
            transition: all .1s ease;
            text-decoration: underline;
            color: var(--m-01--dark-01)
        }

            .filteredGrid[data-grid="4"] .supplierCard--small .btn--icon .link a:hover, .filteredGrid[data-grid="4"] .supplierCard--small .btn--primary--dark .link a:hover, .filteredGrid[data-grid="4"] .supplierCard--small .btn--primary .link a:hover, .filteredGrid[data-grid="4"] .supplierCard--small .btn--secondary .link a:hover, .filteredGrid[data-grid="4"] .supplierCard--small .btn--small .link a:hover, .filteredGrid[data-grid="4"] .supplierCard--small .btn--tertiary .link a:hover, .filteredGrid[data-grid="4"] .supplierCard--small .btn .link a:hover, .filteredGrid[data-grid="4"] .supplierCard .btn--icon .link a:hover, .filteredGrid[data-grid="4"] .supplierCard .btn--primary--dark .link a:hover, .filteredGrid[data-grid="4"] .supplierCard .btn--primary .link a:hover, .filteredGrid[data-grid="4"] .supplierCard .btn--secondary .link a:hover, .filteredGrid[data-grid="4"] .supplierCard .btn--small .link a:hover, .filteredGrid[data-grid="4"] .supplierCard .btn--tertiary .link a:hover, .filteredGrid[data-grid="4"] .supplierCard .btn .link a:hover {
                color: var(--m-01)
            }

        .filteredGrid[data-grid="4"] .supplierCard--small .btn--icon mark, .filteredGrid[data-grid="4"] .supplierCard--small .btn--icon mark[data-color=color], .filteredGrid[data-grid="4"] .supplierCard--small .btn--primary--dark mark, .filteredGrid[data-grid="4"] .supplierCard--small .btn--primary--dark mark[data-color=color], .filteredGrid[data-grid="4"] .supplierCard--small .btn--primary mark, .filteredGrid[data-grid="4"] .supplierCard--small .btn--primary mark[data-color=color], .filteredGrid[data-grid="4"] .supplierCard--small .btn--secondary mark, .filteredGrid[data-grid="4"] .supplierCard--small .btn--secondary mark[data-color=color], .filteredGrid[data-grid="4"] .supplierCard--small .btn--small mark, .filteredGrid[data-grid="4"] .supplierCard--small .btn--small mark[data-color=color], .filteredGrid[data-grid="4"] .supplierCard--small .btn--tertiary mark, .filteredGrid[data-grid="4"] .supplierCard--small .btn--tertiary mark[data-color=color], .filteredGrid[data-grid="4"] .supplierCard--small .btn mark, .filteredGrid[data-grid="4"] .supplierCard--small .btn mark[data-color=color], .filteredGrid[data-grid="4"] .supplierCard .btn--icon mark, .filteredGrid[data-grid="4"] .supplierCard .btn--icon mark[data-color=color], .filteredGrid[data-grid="4"] .supplierCard .btn--primary--dark mark, .filteredGrid[data-grid="4"] .supplierCard .btn--primary--dark mark[data-color=color], .filteredGrid[data-grid="4"] .supplierCard .btn--primary mark, .filteredGrid[data-grid="4"] .supplierCard .btn--primary mark[data-color=color], .filteredGrid[data-grid="4"] .supplierCard .btn--secondary mark, .filteredGrid[data-grid="4"] .supplierCard .btn--secondary mark[data-color=color], .filteredGrid[data-grid="4"] .supplierCard .btn--small mark, .filteredGrid[data-grid="4"] .supplierCard .btn--small mark[data-color=color], .filteredGrid[data-grid="4"] .supplierCard .btn--tertiary mark, .filteredGrid[data-grid="4"] .supplierCard .btn--tertiary mark[data-color=color], .filteredGrid[data-grid="4"] .supplierCard .btn mark, .filteredGrid[data-grid="4"] .supplierCard .btn mark[data-color=color] {
            color: var(--m-01--dark-01)
        }

            .filteredGrid[data-grid="4"] .supplierCard--small .btn--icon mark[data-color=gray], .filteredGrid[data-grid="4"] .supplierCard--small .btn--primary--dark mark[data-color=gray], .filteredGrid[data-grid="4"] .supplierCard--small .btn--primary mark[data-color=gray], .filteredGrid[data-grid="4"] .supplierCard--small .btn--secondary mark[data-color=gray], .filteredGrid[data-grid="4"] .supplierCard--small .btn--small mark[data-color=gray], .filteredGrid[data-grid="4"] .supplierCard--small .btn--tertiary mark[data-color=gray], .filteredGrid[data-grid="4"] .supplierCard--small .btn mark[data-color=gray], .filteredGrid[data-grid="4"] .supplierCard .btn--icon mark[data-color=gray], .filteredGrid[data-grid="4"] .supplierCard .btn--primary--dark mark[data-color=gray], .filteredGrid[data-grid="4"] .supplierCard .btn--primary mark[data-color=gray], .filteredGrid[data-grid="4"] .supplierCard .btn--secondary mark[data-color=gray], .filteredGrid[data-grid="4"] .supplierCard .btn--small mark[data-color=gray], .filteredGrid[data-grid="4"] .supplierCard .btn--tertiary mark[data-color=gray], .filteredGrid[data-grid="4"] .supplierCard .btn mark[data-color=gray] {
                color: var(--neu-07)
            }

            .filteredGrid[data-grid="4"] .supplierCard--small .btn--icon mark[data-color=default], .filteredGrid[data-grid="4"] .supplierCard--small .btn--primary--dark mark[data-color=default], .filteredGrid[data-grid="4"] .supplierCard--small .btn--primary mark[data-color=default], .filteredGrid[data-grid="4"] .supplierCard--small .btn--secondary mark[data-color=default], .filteredGrid[data-grid="4"] .supplierCard--small .btn--small mark[data-color=default], .filteredGrid[data-grid="4"] .supplierCard--small .btn--tertiary mark[data-color=default], .filteredGrid[data-grid="4"] .supplierCard--small .btn mark[data-color=default], .filteredGrid[data-grid="4"] .supplierCard .btn--icon mark[data-color=default], .filteredGrid[data-grid="4"] .supplierCard .btn--primary--dark mark[data-color=default], .filteredGrid[data-grid="4"] .supplierCard .btn--primary mark[data-color=default], .filteredGrid[data-grid="4"] .supplierCard .btn--secondary mark[data-color=default], .filteredGrid[data-grid="4"] .supplierCard .btn--small mark[data-color=default], .filteredGrid[data-grid="4"] .supplierCard .btn--tertiary mark[data-color=default], .filteredGrid[data-grid="4"] .supplierCard .btn mark[data-color=default] {
                color: var(--neu-10)
            }

        .filteredGrid[data-grid="4"] .supplierCard--small .btn--icon span.m-01--dark-01, .filteredGrid[data-grid="4"] .supplierCard--small .btn--icon span[data-color=color], .filteredGrid[data-grid="4"] .supplierCard--small .btn--primary--dark span.m-01--dark-01, .filteredGrid[data-grid="4"] .supplierCard--small .btn--primary--dark span[data-color=color], .filteredGrid[data-grid="4"] .supplierCard--small .btn--primary span.m-01--dark-01, .filteredGrid[data-grid="4"] .supplierCard--small .btn--primary span[data-color=color], .filteredGrid[data-grid="4"] .supplierCard--small .btn--secondary span.m-01--dark-01, .filteredGrid[data-grid="4"] .supplierCard--small .btn--secondary span[data-color=color], .filteredGrid[data-grid="4"] .supplierCard--small .btn--small span.m-01--dark-01, .filteredGrid[data-grid="4"] .supplierCard--small .btn--small span[data-color=color], .filteredGrid[data-grid="4"] .supplierCard--small .btn--tertiary span.m-01--dark-01, .filteredGrid[data-grid="4"] .supplierCard--small .btn--tertiary span[data-color=color], .filteredGrid[data-grid="4"] .supplierCard--small .btn span.m-01--dark-01, .filteredGrid[data-grid="4"] .supplierCard--small .btn span[data-color=color], .filteredGrid[data-grid="4"] .supplierCard .btn--icon span.m-01--dark-01, .filteredGrid[data-grid="4"] .supplierCard .btn--icon span[data-color=color], .filteredGrid[data-grid="4"] .supplierCard .btn--primary--dark span.m-01--dark-01, .filteredGrid[data-grid="4"] .supplierCard .btn--primary--dark span[data-color=color], .filteredGrid[data-grid="4"] .supplierCard .btn--primary span.m-01--dark-01, .filteredGrid[data-grid="4"] .supplierCard .btn--primary span[data-color=color], .filteredGrid[data-grid="4"] .supplierCard .btn--secondary span.m-01--dark-01, .filteredGrid[data-grid="4"] .supplierCard .btn--secondary span[data-color=color], .filteredGrid[data-grid="4"] .supplierCard .btn--small span.m-01--dark-01, .filteredGrid[data-grid="4"] .supplierCard .btn--small span[data-color=color], .filteredGrid[data-grid="4"] .supplierCard .btn--tertiary span.m-01--dark-01, .filteredGrid[data-grid="4"] .supplierCard .btn--tertiary span[data-color=color], .filteredGrid[data-grid="4"] .supplierCard .btn span.m-01--dark-01, .filteredGrid[data-grid="4"] .supplierCard .btn span[data-color=color] {
            color: var(--m-01--dark-01)
        }

        .filteredGrid[data-grid="4"] .supplierCard--small .btn--icon span.neu-07, .filteredGrid[data-grid="4"] .supplierCard--small .btn--icon span[data-color=gray], .filteredGrid[data-grid="4"] .supplierCard--small .btn--primary--dark span.neu-07, .filteredGrid[data-grid="4"] .supplierCard--small .btn--primary--dark span[data-color=gray], .filteredGrid[data-grid="4"] .supplierCard--small .btn--primary span.neu-07, .filteredGrid[data-grid="4"] .supplierCard--small .btn--primary span[data-color=gray], .filteredGrid[data-grid="4"] .supplierCard--small .btn--secondary span.neu-07, .filteredGrid[data-grid="4"] .supplierCard--small .btn--secondary span[data-color=gray], .filteredGrid[data-grid="4"] .supplierCard--small .btn--small span.neu-07, .filteredGrid[data-grid="4"] .supplierCard--small .btn--small span[data-color=gray], .filteredGrid[data-grid="4"] .supplierCard--small .btn--tertiary span.neu-07, .filteredGrid[data-grid="4"] .supplierCard--small .btn--tertiary span[data-color=gray], .filteredGrid[data-grid="4"] .supplierCard--small .btn span.neu-07, .filteredGrid[data-grid="4"] .supplierCard--small .btn span[data-color=gray], .filteredGrid[data-grid="4"] .supplierCard .btn--icon span.neu-07, .filteredGrid[data-grid="4"] .supplierCard .btn--icon span[data-color=gray], .filteredGrid[data-grid="4"] .supplierCard .btn--primary--dark span.neu-07, .filteredGrid[data-grid="4"] .supplierCard .btn--primary--dark span[data-color=gray], .filteredGrid[data-grid="4"] .supplierCard .btn--primary span.neu-07, .filteredGrid[data-grid="4"] .supplierCard .btn--primary span[data-color=gray], .filteredGrid[data-grid="4"] .supplierCard .btn--secondary span.neu-07, .filteredGrid[data-grid="4"] .supplierCard .btn--secondary span[data-color=gray], .filteredGrid[data-grid="4"] .supplierCard .btn--small span.neu-07, .filteredGrid[data-grid="4"] .supplierCard .btn--small span[data-color=gray], .filteredGrid[data-grid="4"] .supplierCard .btn--tertiary span.neu-07, .filteredGrid[data-grid="4"] .supplierCard .btn--tertiary span[data-color=gray], .filteredGrid[data-grid="4"] .supplierCard .btn span.neu-07, .filteredGrid[data-grid="4"] .supplierCard .btn span[data-color=gray] {
            color: var(--neu-07)
        }

        .filteredGrid[data-grid="4"] .supplierCard--small .btn--icon span.neu-10, .filteredGrid[data-grid="4"] .supplierCard--small .btn--icon span[data-color=default], .filteredGrid[data-grid="4"] .supplierCard--small .btn--primary--dark span.neu-10, .filteredGrid[data-grid="4"] .supplierCard--small .btn--primary--dark span[data-color=default], .filteredGrid[data-grid="4"] .supplierCard--small .btn--primary span.neu-10, .filteredGrid[data-grid="4"] .supplierCard--small .btn--primary span[data-color=default], .filteredGrid[data-grid="4"] .supplierCard--small .btn--secondary span.neu-10, .filteredGrid[data-grid="4"] .supplierCard--small .btn--secondary span[data-color=default], .filteredGrid[data-grid="4"] .supplierCard--small .btn--small span.neu-10, .filteredGrid[data-grid="4"] .supplierCard--small .btn--small span[data-color=default], .filteredGrid[data-grid="4"] .supplierCard--small .btn--tertiary span.neu-10, .filteredGrid[data-grid="4"] .supplierCard--small .btn--tertiary span[data-color=default], .filteredGrid[data-grid="4"] .supplierCard--small .btn span.neu-10, .filteredGrid[data-grid="4"] .supplierCard--small .btn span[data-color=default], .filteredGrid[data-grid="4"] .supplierCard .btn--icon span.neu-10, .filteredGrid[data-grid="4"] .supplierCard .btn--icon span[data-color=default], .filteredGrid[data-grid="4"] .supplierCard .btn--primary--dark span.neu-10, .filteredGrid[data-grid="4"] .supplierCard .btn--primary--dark span[data-color=default], .filteredGrid[data-grid="4"] .supplierCard .btn--primary span.neu-10, .filteredGrid[data-grid="4"] .supplierCard .btn--primary span[data-color=default], .filteredGrid[data-grid="4"] .supplierCard .btn--secondary span.neu-10, .filteredGrid[data-grid="4"] .supplierCard .btn--secondary span[data-color=default], .filteredGrid[data-grid="4"] .supplierCard .btn--small span.neu-10, .filteredGrid[data-grid="4"] .supplierCard .btn--small span[data-color=default], .filteredGrid[data-grid="4"] .supplierCard .btn--tertiary span.neu-10, .filteredGrid[data-grid="4"] .supplierCard .btn--tertiary span[data-color=default], .filteredGrid[data-grid="4"] .supplierCard .btn span.neu-10, .filteredGrid[data-grid="4"] .supplierCard .btn span[data-color=default] {
            color: var(--neu-10)
        }

        .filteredGrid[data-grid="4"] .supplierCard--small .btn--icon b, .filteredGrid[data-grid="4"] .supplierCard--small .btn--icon strong, .filteredGrid[data-grid="4"] .supplierCard--small .btn--primary--dark b, .filteredGrid[data-grid="4"] .supplierCard--small .btn--primary--dark strong, .filteredGrid[data-grid="4"] .supplierCard--small .btn--primary b, .filteredGrid[data-grid="4"] .supplierCard--small .btn--primary strong, .filteredGrid[data-grid="4"] .supplierCard--small .btn--secondary b, .filteredGrid[data-grid="4"] .supplierCard--small .btn--secondary strong, .filteredGrid[data-grid="4"] .supplierCard--small .btn--small b, .filteredGrid[data-grid="4"] .supplierCard--small .btn--small strong, .filteredGrid[data-grid="4"] .supplierCard--small .btn--tertiary b, .filteredGrid[data-grid="4"] .supplierCard--small .btn--tertiary strong, .filteredGrid[data-grid="4"] .supplierCard--small .btn b, .filteredGrid[data-grid="4"] .supplierCard--small .btn strong, .filteredGrid[data-grid="4"] .supplierCard .btn--icon b, .filteredGrid[data-grid="4"] .supplierCard .btn--icon strong, .filteredGrid[data-grid="4"] .supplierCard .btn--primary--dark b, .filteredGrid[data-grid="4"] .supplierCard .btn--primary--dark strong, .filteredGrid[data-grid="4"] .supplierCard .btn--primary b, .filteredGrid[data-grid="4"] .supplierCard .btn--primary strong, .filteredGrid[data-grid="4"] .supplierCard .btn--secondary b, .filteredGrid[data-grid="4"] .supplierCard .btn--secondary strong, .filteredGrid[data-grid="4"] .supplierCard .btn--small b, .filteredGrid[data-grid="4"] .supplierCard .btn--small strong, .filteredGrid[data-grid="4"] .supplierCard .btn--tertiary b, .filteredGrid[data-grid="4"] .supplierCard .btn--tertiary strong, .filteredGrid[data-grid="4"] .supplierCard .btn b, .filteredGrid[data-grid="4"] .supplierCard .btn strong {
            font-weight: 700
        }

        .filteredGrid[data-grid="4"] .supplierCard--small .btn--icon em, .filteredGrid[data-grid="4"] .supplierCard--small .btn--primary--dark em, .filteredGrid[data-grid="4"] .supplierCard--small .btn--primary em, .filteredGrid[data-grid="4"] .supplierCard--small .btn--secondary em, .filteredGrid[data-grid="4"] .supplierCard--small .btn--small em, .filteredGrid[data-grid="4"] .supplierCard--small .btn--tertiary em, .filteredGrid[data-grid="4"] .supplierCard--small .btn em, .filteredGrid[data-grid="4"] .supplierCard .btn--icon em, .filteredGrid[data-grid="4"] .supplierCard .btn--primary--dark em, .filteredGrid[data-grid="4"] .supplierCard .btn--primary em, .filteredGrid[data-grid="4"] .supplierCard .btn--secondary em, .filteredGrid[data-grid="4"] .supplierCard .btn--small em, .filteredGrid[data-grid="4"] .supplierCard .btn--tertiary em, .filteredGrid[data-grid="4"] .supplierCard .btn em {
            font-style: italic
        }

        .filteredGrid[data-grid="4"] .supplierCard--small .btn--icon i, .filteredGrid[data-grid="4"] .supplierCard--small .btn--primary--dark i, .filteredGrid[data-grid="4"] .supplierCard--small .btn--primary i, .filteredGrid[data-grid="4"] .supplierCard--small .btn--secondary i, .filteredGrid[data-grid="4"] .supplierCard--small .btn--small i, .filteredGrid[data-grid="4"] .supplierCard--small .btn--tertiary i, .filteredGrid[data-grid="4"] .supplierCard--small .btn i, .filteredGrid[data-grid="4"] .supplierCard .btn--icon i, .filteredGrid[data-grid="4"] .supplierCard .btn--primary--dark i, .filteredGrid[data-grid="4"] .supplierCard .btn--primary i, .filteredGrid[data-grid="4"] .supplierCard .btn--secondary i, .filteredGrid[data-grid="4"] .supplierCard .btn--small i, .filteredGrid[data-grid="4"] .supplierCard .btn--tertiary i, .filteredGrid[data-grid="4"] .supplierCard .btn i {
            min-width: 16px;
            width: 16px;
            height: 16px;
            font-size: 16px
        }

            .filteredGrid[data-grid="4"] .supplierCard--small .btn--icon i:before, .filteredGrid[data-grid="4"] .supplierCard--small .btn--primary--dark i:before, .filteredGrid[data-grid="4"] .supplierCard--small .btn--primary i:before, .filteredGrid[data-grid="4"] .supplierCard--small .btn--secondary i:before, .filteredGrid[data-grid="4"] .supplierCard--small .btn--small i:before, .filteredGrid[data-grid="4"] .supplierCard--small .btn--tertiary i:before, .filteredGrid[data-grid="4"] .supplierCard--small .btn i:before, .filteredGrid[data-grid="4"] .supplierCard .btn--icon i:before, .filteredGrid[data-grid="4"] .supplierCard .btn--primary--dark i:before, .filteredGrid[data-grid="4"] .supplierCard .btn--primary i:before, .filteredGrid[data-grid="4"] .supplierCard .btn--secondary i:before, .filteredGrid[data-grid="4"] .supplierCard .btn--small i:before, .filteredGrid[data-grid="4"] .supplierCard .btn--tertiary i:before, .filteredGrid[data-grid="4"] .supplierCard .btn i:before {
                font-size: 16px;
                font-weight: 400
            }

        .filteredGrid[data-grid="4"] .supplierCard--small .btn--icon, .filteredGrid[data-grid="4"] .supplierCard--small .btn--icon.btn--primary, .filteredGrid[data-grid="4"] .supplierCard--small .btn--icon.btn--primary--dark, .filteredGrid[data-grid="4"] .supplierCard--small .btn--icon.btn--secondary, .filteredGrid[data-grid="4"] .supplierCard--small .btn--icon.btn--small, .filteredGrid[data-grid="4"] .supplierCard--small .btn--icon.btn--tertiary, .filteredGrid[data-grid="4"] .supplierCard--small .btn.btn--icon, .filteredGrid[data-grid="4"] .supplierCard .btn--icon, .filteredGrid[data-grid="4"] .supplierCard .btn--icon.btn--primary, .filteredGrid[data-grid="4"] .supplierCard .btn--icon.btn--primary--dark, .filteredGrid[data-grid="4"] .supplierCard .btn--icon.btn--secondary, .filteredGrid[data-grid="4"] .supplierCard .btn--icon.btn--small, .filteredGrid[data-grid="4"] .supplierCard .btn--icon.btn--tertiary, .filteredGrid[data-grid="4"] .supplierCard .btn.btn--icon {
            width: 40px;
            min-width: 40px
        }

    .filteredGrid[data-grid="4"] .regionResultsCard, .filteredGrid[data-grid="4"] .regionResultsCard--small {
        max-width: 960px;
        min-height: auto;
        padding: 0 0 24px;
        border-radius: 0;
        flex-direction: column
    }

        .filteredGrid[data-grid="4"] .regionResultsCard--small .regionResultsCard__image, .filteredGrid[data-grid="4"] .regionResultsCard .regionResultsCard__image {
            height: 100px;
            width: 100%;
            margin-right: 0;
            margin-bottom: 16px
        }

        .filteredGrid[data-grid="4"] .regionResultsCard--small .regionResultsCard__title, .filteredGrid[data-grid="4"] .regionResultsCard .regionResultsCard__title {
            margin-top: 4px
        }

        .filteredGrid[data-grid="4"] .regionResultsCard--small .regionResultsCard__content, .filteredGrid[data-grid="4"] .regionResultsCard .regionResultsCard__content {
            flex: 2;
            justify-content: flex-start
        }

        .filteredGrid[data-grid="4"] .regionResultsCard--small .regionResultsCard__topInfo, .filteredGrid[data-grid="4"] .regionResultsCard .regionResultsCard__topInfo {
            flex-direction: column
        }

        .filteredGrid[data-grid="4"] .regionResultsCard--small .regionResultsCard__sideInfo, .filteredGrid[data-grid="4"] .regionResultsCard .regionResultsCard__sideInfo {
            order: 1;
            transform: none;
            justify-content: space-between;
            margin-bottom: 16px
        }

        .filteredGrid[data-grid="4"] .regionResultsCard--small .regionResultsCard__labels, .filteredGrid[data-grid="4"] .regionResultsCard .regionResultsCard__labels {
            order: 2
        }

        .filteredGrid[data-grid="4"] .regionResultsCard--small .regionResultsCard__text, .filteredGrid[data-grid="4"] .regionResultsCard .regionResultsCard__text {
            padding: 0
        }

        .filteredGrid[data-grid="4"] .regionResultsCard--small .regionResultsCard__bottomInfo, .filteredGrid[data-grid="4"] .regionResultsCard .regionResultsCard__bottomInfo {
            margin-top: 8px;
            flex-direction: column;
            align-items: flex-start
        }

        .filteredGrid[data-grid="4"] .regionResultsCard--small .regionResultsCard__btnContainer, .filteredGrid[data-grid="4"] .regionResultsCard .regionResultsCard__btnContainer {
            width: 100%;
            display: flex
        }

            .filteredGrid[data-grid="4"] .regionResultsCard--small .regionResultsCard__btnContainer .btn--primary, .filteredGrid[data-grid="4"] .regionResultsCard .regionResultsCard__btnContainer .btn--primary {
                width: 100%
            }

        .filteredGrid[data-grid="4"] .regionResultsCard--small .btnBookmark, .filteredGrid[data-grid="4"] .regionResultsCard--small .btnBookmark--privateArea, .filteredGrid[data-grid="4"] .regionResultsCard--small .btnBookmark--small, .filteredGrid[data-grid="4"] .regionResultsCard .btnBookmark, .filteredGrid[data-grid="4"] .regionResultsCard .btnBookmark--privateArea, .filteredGrid[data-grid="4"] .regionResultsCard .btnBookmark--small {
            transform: translateX(20px)
        }

            .filteredGrid[data-grid="4"] .regionResultsCard--small .btnBookmark--privateArea .btnBookmark, .filteredGrid[data-grid="4"] .regionResultsCard--small .btnBookmark--privateArea .btnBookmark--small, .filteredGrid[data-grid="4"] .regionResultsCard .btnBookmark--privateArea .btnBookmark, .filteredGrid[data-grid="4"] .regionResultsCard .btnBookmark--privateArea .btnBookmark--small {
                transform: translateX(0)
            }

    .filteredGrid[data-grid="4"] .resourceCard, .filteredGrid[data-grid="4"] .resourceCard--small {
        max-width: 960px;
        min-height: 200px;
        height: 100%;
        padding: 24px 16px
    }

        .filteredGrid[data-grid="4"] .resourceCard--small .resourceCard__title, .filteredGrid[data-grid="4"] .resourceCard .resourceCard__title {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Inter,sans-serif;
            font-size: 1.188rem;
            line-height: 1.263em;
            letter-spacing: -.016em;
            font-weight: 400;
            margin-top: 4px
        }

            .filteredGrid[data-grid="4"] .resourceCard--small .resourceCard__title .link a, .filteredGrid[data-grid="4"] .resourceCard .resourceCard__title .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .filteredGrid[data-grid="4"] .resourceCard--small .resourceCard__title .link a:hover, .filteredGrid[data-grid="4"] .resourceCard .resourceCard__title .link a:hover {
                    color: var(--m-01)
                }

            .filteredGrid[data-grid="4"] .resourceCard--small .resourceCard__title mark, .filteredGrid[data-grid="4"] .resourceCard--small .resourceCard__title mark[data-color=color], .filteredGrid[data-grid="4"] .resourceCard .resourceCard__title mark, .filteredGrid[data-grid="4"] .resourceCard .resourceCard__title mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .filteredGrid[data-grid="4"] .resourceCard--small .resourceCard__title mark[data-color=gray], .filteredGrid[data-grid="4"] .resourceCard .resourceCard__title mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .filteredGrid[data-grid="4"] .resourceCard--small .resourceCard__title mark[data-color=default], .filteredGrid[data-grid="4"] .resourceCard .resourceCard__title mark[data-color=default] {
                    color: var(--neu-10)
                }

            .filteredGrid[data-grid="4"] .resourceCard--small .resourceCard__title span.m-01--dark-01, .filteredGrid[data-grid="4"] .resourceCard--small .resourceCard__title span[data-color=color], .filteredGrid[data-grid="4"] .resourceCard .resourceCard__title span.m-01--dark-01, .filteredGrid[data-grid="4"] .resourceCard .resourceCard__title span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .filteredGrid[data-grid="4"] .resourceCard--small .resourceCard__title span.neu-07, .filteredGrid[data-grid="4"] .resourceCard--small .resourceCard__title span[data-color=gray], .filteredGrid[data-grid="4"] .resourceCard .resourceCard__title span.neu-07, .filteredGrid[data-grid="4"] .resourceCard .resourceCard__title span[data-color=gray] {
                color: var(--neu-07)
            }

            .filteredGrid[data-grid="4"] .resourceCard--small .resourceCard__title span.neu-10, .filteredGrid[data-grid="4"] .resourceCard--small .resourceCard__title span[data-color=default], .filteredGrid[data-grid="4"] .resourceCard .resourceCard__title span.neu-10, .filteredGrid[data-grid="4"] .resourceCard .resourceCard__title span[data-color=default] {
                color: var(--neu-10)
            }

            .filteredGrid[data-grid="4"] .resourceCard--small .resourceCard__title b, .filteredGrid[data-grid="4"] .resourceCard--small .resourceCard__title strong, .filteredGrid[data-grid="4"] .resourceCard .resourceCard__title b, .filteredGrid[data-grid="4"] .resourceCard .resourceCard__title strong {
                font-weight: 700
            }

            .filteredGrid[data-grid="4"] .resourceCard--small .resourceCard__title em, .filteredGrid[data-grid="4"] .resourceCard .resourceCard__title em {
                font-style: italic
            }

        .filteredGrid[data-grid="4"] .resourceCard--small .btn, .filteredGrid[data-grid="4"] .resourceCard--small .btn--icon, .filteredGrid[data-grid="4"] .resourceCard--small .btn--primary, .filteredGrid[data-grid="4"] .resourceCard--small .btn--primary--dark, .filteredGrid[data-grid="4"] .resourceCard--small .btn--secondary, .filteredGrid[data-grid="4"] .resourceCard--small .btn--small, .filteredGrid[data-grid="4"] .resourceCard--small .btn--tertiary, .filteredGrid[data-grid="4"] .resourceCard .btn, .filteredGrid[data-grid="4"] .resourceCard .btn--icon, .filteredGrid[data-grid="4"] .resourceCard .btn--primary, .filteredGrid[data-grid="4"] .resourceCard .btn--primary--dark, .filteredGrid[data-grid="4"] .resourceCard .btn--secondary, .filteredGrid[data-grid="4"] .resourceCard .btn--small, .filteredGrid[data-grid="4"] .resourceCard .btn--tertiary {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Inter,sans-serif;
            font-size: .813rem;
            line-height: 1.538em;
            letter-spacing: -.003em;
            font-weight: 400;
            font-weight: 700;
            padding: 0 20px;
            height: 40px
        }

            .filteredGrid[data-grid="4"] .resourceCard--small .btn--icon .link a, .filteredGrid[data-grid="4"] .resourceCard--small .btn--primary--dark .link a, .filteredGrid[data-grid="4"] .resourceCard--small .btn--primary .link a, .filteredGrid[data-grid="4"] .resourceCard--small .btn--secondary .link a, .filteredGrid[data-grid="4"] .resourceCard--small .btn--small .link a, .filteredGrid[data-grid="4"] .resourceCard--small .btn--tertiary .link a, .filteredGrid[data-grid="4"] .resourceCard--small .btn .link a, .filteredGrid[data-grid="4"] .resourceCard .btn--icon .link a, .filteredGrid[data-grid="4"] .resourceCard .btn--primary--dark .link a, .filteredGrid[data-grid="4"] .resourceCard .btn--primary .link a, .filteredGrid[data-grid="4"] .resourceCard .btn--secondary .link a, .filteredGrid[data-grid="4"] .resourceCard .btn--small .link a, .filteredGrid[data-grid="4"] .resourceCard .btn--tertiary .link a, .filteredGrid[data-grid="4"] .resourceCard .btn .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .filteredGrid[data-grid="4"] .resourceCard--small .btn--icon .link a:hover, .filteredGrid[data-grid="4"] .resourceCard--small .btn--primary--dark .link a:hover, .filteredGrid[data-grid="4"] .resourceCard--small .btn--primary .link a:hover, .filteredGrid[data-grid="4"] .resourceCard--small .btn--secondary .link a:hover, .filteredGrid[data-grid="4"] .resourceCard--small .btn--small .link a:hover, .filteredGrid[data-grid="4"] .resourceCard--small .btn--tertiary .link a:hover, .filteredGrid[data-grid="4"] .resourceCard--small .btn .link a:hover, .filteredGrid[data-grid="4"] .resourceCard .btn--icon .link a:hover, .filteredGrid[data-grid="4"] .resourceCard .btn--primary--dark .link a:hover, .filteredGrid[data-grid="4"] .resourceCard .btn--primary .link a:hover, .filteredGrid[data-grid="4"] .resourceCard .btn--secondary .link a:hover, .filteredGrid[data-grid="4"] .resourceCard .btn--small .link a:hover, .filteredGrid[data-grid="4"] .resourceCard .btn--tertiary .link a:hover, .filteredGrid[data-grid="4"] .resourceCard .btn .link a:hover {
                    color: var(--m-01)
                }

            .filteredGrid[data-grid="4"] .resourceCard--small .btn--icon mark, .filteredGrid[data-grid="4"] .resourceCard--small .btn--icon mark[data-color=color], .filteredGrid[data-grid="4"] .resourceCard--small .btn--primary--dark mark, .filteredGrid[data-grid="4"] .resourceCard--small .btn--primary--dark mark[data-color=color], .filteredGrid[data-grid="4"] .resourceCard--small .btn--primary mark, .filteredGrid[data-grid="4"] .resourceCard--small .btn--primary mark[data-color=color], .filteredGrid[data-grid="4"] .resourceCard--small .btn--secondary mark, .filteredGrid[data-grid="4"] .resourceCard--small .btn--secondary mark[data-color=color], .filteredGrid[data-grid="4"] .resourceCard--small .btn--small mark, .filteredGrid[data-grid="4"] .resourceCard--small .btn--small mark[data-color=color], .filteredGrid[data-grid="4"] .resourceCard--small .btn--tertiary mark, .filteredGrid[data-grid="4"] .resourceCard--small .btn--tertiary mark[data-color=color], .filteredGrid[data-grid="4"] .resourceCard--small .btn mark, .filteredGrid[data-grid="4"] .resourceCard--small .btn mark[data-color=color], .filteredGrid[data-grid="4"] .resourceCard .btn--icon mark, .filteredGrid[data-grid="4"] .resourceCard .btn--icon mark[data-color=color], .filteredGrid[data-grid="4"] .resourceCard .btn--primary--dark mark, .filteredGrid[data-grid="4"] .resourceCard .btn--primary--dark mark[data-color=color], .filteredGrid[data-grid="4"] .resourceCard .btn--primary mark, .filteredGrid[data-grid="4"] .resourceCard .btn--primary mark[data-color=color], .filteredGrid[data-grid="4"] .resourceCard .btn--secondary mark, .filteredGrid[data-grid="4"] .resourceCard .btn--secondary mark[data-color=color], .filteredGrid[data-grid="4"] .resourceCard .btn--small mark, .filteredGrid[data-grid="4"] .resourceCard .btn--small mark[data-color=color], .filteredGrid[data-grid="4"] .resourceCard .btn--tertiary mark, .filteredGrid[data-grid="4"] .resourceCard .btn--tertiary mark[data-color=color], .filteredGrid[data-grid="4"] .resourceCard .btn mark, .filteredGrid[data-grid="4"] .resourceCard .btn mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .filteredGrid[data-grid="4"] .resourceCard--small .btn--icon mark[data-color=gray], .filteredGrid[data-grid="4"] .resourceCard--small .btn--primary--dark mark[data-color=gray], .filteredGrid[data-grid="4"] .resourceCard--small .btn--primary mark[data-color=gray], .filteredGrid[data-grid="4"] .resourceCard--small .btn--secondary mark[data-color=gray], .filteredGrid[data-grid="4"] .resourceCard--small .btn--small mark[data-color=gray], .filteredGrid[data-grid="4"] .resourceCard--small .btn--tertiary mark[data-color=gray], .filteredGrid[data-grid="4"] .resourceCard--small .btn mark[data-color=gray], .filteredGrid[data-grid="4"] .resourceCard .btn--icon mark[data-color=gray], .filteredGrid[data-grid="4"] .resourceCard .btn--primary--dark mark[data-color=gray], .filteredGrid[data-grid="4"] .resourceCard .btn--primary mark[data-color=gray], .filteredGrid[data-grid="4"] .resourceCard .btn--secondary mark[data-color=gray], .filteredGrid[data-grid="4"] .resourceCard .btn--small mark[data-color=gray], .filteredGrid[data-grid="4"] .resourceCard .btn--tertiary mark[data-color=gray], .filteredGrid[data-grid="4"] .resourceCard .btn mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .filteredGrid[data-grid="4"] .resourceCard--small .btn--icon mark[data-color=default], .filteredGrid[data-grid="4"] .resourceCard--small .btn--primary--dark mark[data-color=default], .filteredGrid[data-grid="4"] .resourceCard--small .btn--primary mark[data-color=default], .filteredGrid[data-grid="4"] .resourceCard--small .btn--secondary mark[data-color=default], .filteredGrid[data-grid="4"] .resourceCard--small .btn--small mark[data-color=default], .filteredGrid[data-grid="4"] .resourceCard--small .btn--tertiary mark[data-color=default], .filteredGrid[data-grid="4"] .resourceCard--small .btn mark[data-color=default], .filteredGrid[data-grid="4"] .resourceCard .btn--icon mark[data-color=default], .filteredGrid[data-grid="4"] .resourceCard .btn--primary--dark mark[data-color=default], .filteredGrid[data-grid="4"] .resourceCard .btn--primary mark[data-color=default], .filteredGrid[data-grid="4"] .resourceCard .btn--secondary mark[data-color=default], .filteredGrid[data-grid="4"] .resourceCard .btn--small mark[data-color=default], .filteredGrid[data-grid="4"] .resourceCard .btn--tertiary mark[data-color=default], .filteredGrid[data-grid="4"] .resourceCard .btn mark[data-color=default] {
                    color: var(--neu-10)
                }

            .filteredGrid[data-grid="4"] .resourceCard--small .btn--icon span.m-01--dark-01, .filteredGrid[data-grid="4"] .resourceCard--small .btn--icon span[data-color=color], .filteredGrid[data-grid="4"] .resourceCard--small .btn--primary--dark span.m-01--dark-01, .filteredGrid[data-grid="4"] .resourceCard--small .btn--primary--dark span[data-color=color], .filteredGrid[data-grid="4"] .resourceCard--small .btn--primary span.m-01--dark-01, .filteredGrid[data-grid="4"] .resourceCard--small .btn--primary span[data-color=color], .filteredGrid[data-grid="4"] .resourceCard--small .btn--secondary span.m-01--dark-01, .filteredGrid[data-grid="4"] .resourceCard--small .btn--secondary span[data-color=color], .filteredGrid[data-grid="4"] .resourceCard--small .btn--small span.m-01--dark-01, .filteredGrid[data-grid="4"] .resourceCard--small .btn--small span[data-color=color], .filteredGrid[data-grid="4"] .resourceCard--small .btn--tertiary span.m-01--dark-01, .filteredGrid[data-grid="4"] .resourceCard--small .btn--tertiary span[data-color=color], .filteredGrid[data-grid="4"] .resourceCard--small .btn span.m-01--dark-01, .filteredGrid[data-grid="4"] .resourceCard--small .btn span[data-color=color], .filteredGrid[data-grid="4"] .resourceCard .btn--icon span.m-01--dark-01, .filteredGrid[data-grid="4"] .resourceCard .btn--icon span[data-color=color], .filteredGrid[data-grid="4"] .resourceCard .btn--primary--dark span.m-01--dark-01, .filteredGrid[data-grid="4"] .resourceCard .btn--primary--dark span[data-color=color], .filteredGrid[data-grid="4"] .resourceCard .btn--primary span.m-01--dark-01, .filteredGrid[data-grid="4"] .resourceCard .btn--primary span[data-color=color], .filteredGrid[data-grid="4"] .resourceCard .btn--secondary span.m-01--dark-01, .filteredGrid[data-grid="4"] .resourceCard .btn--secondary span[data-color=color], .filteredGrid[data-grid="4"] .resourceCard .btn--small span.m-01--dark-01, .filteredGrid[data-grid="4"] .resourceCard .btn--small span[data-color=color], .filteredGrid[data-grid="4"] .resourceCard .btn--tertiary span.m-01--dark-01, .filteredGrid[data-grid="4"] .resourceCard .btn--tertiary span[data-color=color], .filteredGrid[data-grid="4"] .resourceCard .btn span.m-01--dark-01, .filteredGrid[data-grid="4"] .resourceCard .btn span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .filteredGrid[data-grid="4"] .resourceCard--small .btn--icon span.neu-07, .filteredGrid[data-grid="4"] .resourceCard--small .btn--icon span[data-color=gray], .filteredGrid[data-grid="4"] .resourceCard--small .btn--primary--dark span.neu-07, .filteredGrid[data-grid="4"] .resourceCard--small .btn--primary--dark span[data-color=gray], .filteredGrid[data-grid="4"] .resourceCard--small .btn--primary span.neu-07, .filteredGrid[data-grid="4"] .resourceCard--small .btn--primary span[data-color=gray], .filteredGrid[data-grid="4"] .resourceCard--small .btn--secondary span.neu-07, .filteredGrid[data-grid="4"] .resourceCard--small .btn--secondary span[data-color=gray], .filteredGrid[data-grid="4"] .resourceCard--small .btn--small span.neu-07, .filteredGrid[data-grid="4"] .resourceCard--small .btn--small span[data-color=gray], .filteredGrid[data-grid="4"] .resourceCard--small .btn--tertiary span.neu-07, .filteredGrid[data-grid="4"] .resourceCard--small .btn--tertiary span[data-color=gray], .filteredGrid[data-grid="4"] .resourceCard--small .btn span.neu-07, .filteredGrid[data-grid="4"] .resourceCard--small .btn span[data-color=gray], .filteredGrid[data-grid="4"] .resourceCard .btn--icon span.neu-07, .filteredGrid[data-grid="4"] .resourceCard .btn--icon span[data-color=gray], .filteredGrid[data-grid="4"] .resourceCard .btn--primary--dark span.neu-07, .filteredGrid[data-grid="4"] .resourceCard .btn--primary--dark span[data-color=gray], .filteredGrid[data-grid="4"] .resourceCard .btn--primary span.neu-07, .filteredGrid[data-grid="4"] .resourceCard .btn--primary span[data-color=gray], .filteredGrid[data-grid="4"] .resourceCard .btn--secondary span.neu-07, .filteredGrid[data-grid="4"] .resourceCard .btn--secondary span[data-color=gray], .filteredGrid[data-grid="4"] .resourceCard .btn--small span.neu-07, .filteredGrid[data-grid="4"] .resourceCard .btn--small span[data-color=gray], .filteredGrid[data-grid="4"] .resourceCard .btn--tertiary span.neu-07, .filteredGrid[data-grid="4"] .resourceCard .btn--tertiary span[data-color=gray], .filteredGrid[data-grid="4"] .resourceCard .btn span.neu-07, .filteredGrid[data-grid="4"] .resourceCard .btn span[data-color=gray] {
                color: var(--neu-07)
            }

            .filteredGrid[data-grid="4"] .resourceCard--small .btn--icon span.neu-10, .filteredGrid[data-grid="4"] .resourceCard--small .btn--icon span[data-color=default], .filteredGrid[data-grid="4"] .resourceCard--small .btn--primary--dark span.neu-10, .filteredGrid[data-grid="4"] .resourceCard--small .btn--primary--dark span[data-color=default], .filteredGrid[data-grid="4"] .resourceCard--small .btn--primary span.neu-10, .filteredGrid[data-grid="4"] .resourceCard--small .btn--primary span[data-color=default], .filteredGrid[data-grid="4"] .resourceCard--small .btn--secondary span.neu-10, .filteredGrid[data-grid="4"] .resourceCard--small .btn--secondary span[data-color=default], .filteredGrid[data-grid="4"] .resourceCard--small .btn--small span.neu-10, .filteredGrid[data-grid="4"] .resourceCard--small .btn--small span[data-color=default], .filteredGrid[data-grid="4"] .resourceCard--small .btn--tertiary span.neu-10, .filteredGrid[data-grid="4"] .resourceCard--small .btn--tertiary span[data-color=default], .filteredGrid[data-grid="4"] .resourceCard--small .btn span.neu-10, .filteredGrid[data-grid="4"] .resourceCard--small .btn span[data-color=default], .filteredGrid[data-grid="4"] .resourceCard .btn--icon span.neu-10, .filteredGrid[data-grid="4"] .resourceCard .btn--icon span[data-color=default], .filteredGrid[data-grid="4"] .resourceCard .btn--primary--dark span.neu-10, .filteredGrid[data-grid="4"] .resourceCard .btn--primary--dark span[data-color=default], .filteredGrid[data-grid="4"] .resourceCard .btn--primary span.neu-10, .filteredGrid[data-grid="4"] .resourceCard .btn--primary span[data-color=default], .filteredGrid[data-grid="4"] .resourceCard .btn--secondary span.neu-10, .filteredGrid[data-grid="4"] .resourceCard .btn--secondary span[data-color=default], .filteredGrid[data-grid="4"] .resourceCard .btn--small span.neu-10, .filteredGrid[data-grid="4"] .resourceCard .btn--small span[data-color=default], .filteredGrid[data-grid="4"] .resourceCard .btn--tertiary span.neu-10, .filteredGrid[data-grid="4"] .resourceCard .btn--tertiary span[data-color=default], .filteredGrid[data-grid="4"] .resourceCard .btn span.neu-10, .filteredGrid[data-grid="4"] .resourceCard .btn span[data-color=default] {
                color: var(--neu-10)
            }

            .filteredGrid[data-grid="4"] .resourceCard--small .btn--icon b, .filteredGrid[data-grid="4"] .resourceCard--small .btn--icon strong, .filteredGrid[data-grid="4"] .resourceCard--small .btn--primary--dark b, .filteredGrid[data-grid="4"] .resourceCard--small .btn--primary--dark strong, .filteredGrid[data-grid="4"] .resourceCard--small .btn--primary b, .filteredGrid[data-grid="4"] .resourceCard--small .btn--primary strong, .filteredGrid[data-grid="4"] .resourceCard--small .btn--secondary b, .filteredGrid[data-grid="4"] .resourceCard--small .btn--secondary strong, .filteredGrid[data-grid="4"] .resourceCard--small .btn--small b, .filteredGrid[data-grid="4"] .resourceCard--small .btn--small strong, .filteredGrid[data-grid="4"] .resourceCard--small .btn--tertiary b, .filteredGrid[data-grid="4"] .resourceCard--small .btn--tertiary strong, .filteredGrid[data-grid="4"] .resourceCard--small .btn b, .filteredGrid[data-grid="4"] .resourceCard--small .btn strong, .filteredGrid[data-grid="4"] .resourceCard .btn--icon b, .filteredGrid[data-grid="4"] .resourceCard .btn--icon strong, .filteredGrid[data-grid="4"] .resourceCard .btn--primary--dark b, .filteredGrid[data-grid="4"] .resourceCard .btn--primary--dark strong, .filteredGrid[data-grid="4"] .resourceCard .btn--primary b, .filteredGrid[data-grid="4"] .resourceCard .btn--primary strong, .filteredGrid[data-grid="4"] .resourceCard .btn--secondary b, .filteredGrid[data-grid="4"] .resourceCard .btn--secondary strong, .filteredGrid[data-grid="4"] .resourceCard .btn--small b, .filteredGrid[data-grid="4"] .resourceCard .btn--small strong, .filteredGrid[data-grid="4"] .resourceCard .btn--tertiary b, .filteredGrid[data-grid="4"] .resourceCard .btn--tertiary strong, .filteredGrid[data-grid="4"] .resourceCard .btn b, .filteredGrid[data-grid="4"] .resourceCard .btn strong {
                font-weight: 700
            }

            .filteredGrid[data-grid="4"] .resourceCard--small .btn--icon em, .filteredGrid[data-grid="4"] .resourceCard--small .btn--primary--dark em, .filteredGrid[data-grid="4"] .resourceCard--small .btn--primary em, .filteredGrid[data-grid="4"] .resourceCard--small .btn--secondary em, .filteredGrid[data-grid="4"] .resourceCard--small .btn--small em, .filteredGrid[data-grid="4"] .resourceCard--small .btn--tertiary em, .filteredGrid[data-grid="4"] .resourceCard--small .btn em, .filteredGrid[data-grid="4"] .resourceCard .btn--icon em, .filteredGrid[data-grid="4"] .resourceCard .btn--primary--dark em, .filteredGrid[data-grid="4"] .resourceCard .btn--primary em, .filteredGrid[data-grid="4"] .resourceCard .btn--secondary em, .filteredGrid[data-grid="4"] .resourceCard .btn--small em, .filteredGrid[data-grid="4"] .resourceCard .btn--tertiary em, .filteredGrid[data-grid="4"] .resourceCard .btn em {
                font-style: italic
            }

            .filteredGrid[data-grid="4"] .resourceCard--small .btn--icon i, .filteredGrid[data-grid="4"] .resourceCard--small .btn--primary--dark i, .filteredGrid[data-grid="4"] .resourceCard--small .btn--primary i, .filteredGrid[data-grid="4"] .resourceCard--small .btn--secondary i, .filteredGrid[data-grid="4"] .resourceCard--small .btn--small i, .filteredGrid[data-grid="4"] .resourceCard--small .btn--tertiary i, .filteredGrid[data-grid="4"] .resourceCard--small .btn i, .filteredGrid[data-grid="4"] .resourceCard .btn--icon i, .filteredGrid[data-grid="4"] .resourceCard .btn--primary--dark i, .filteredGrid[data-grid="4"] .resourceCard .btn--primary i, .filteredGrid[data-grid="4"] .resourceCard .btn--secondary i, .filteredGrid[data-grid="4"] .resourceCard .btn--small i, .filteredGrid[data-grid="4"] .resourceCard .btn--tertiary i, .filteredGrid[data-grid="4"] .resourceCard .btn i {
                min-width: 16px;
                width: 16px;
                height: 16px;
                font-size: 16px
            }

                .filteredGrid[data-grid="4"] .resourceCard--small .btn--icon i:before, .filteredGrid[data-grid="4"] .resourceCard--small .btn--primary--dark i:before, .filteredGrid[data-grid="4"] .resourceCard--small .btn--primary i:before, .filteredGrid[data-grid="4"] .resourceCard--small .btn--secondary i:before, .filteredGrid[data-grid="4"] .resourceCard--small .btn--small i:before, .filteredGrid[data-grid="4"] .resourceCard--small .btn--tertiary i:before, .filteredGrid[data-grid="4"] .resourceCard--small .btn i:before, .filteredGrid[data-grid="4"] .resourceCard .btn--icon i:before, .filteredGrid[data-grid="4"] .resourceCard .btn--primary--dark i:before, .filteredGrid[data-grid="4"] .resourceCard .btn--primary i:before, .filteredGrid[data-grid="4"] .resourceCard .btn--secondary i:before, .filteredGrid[data-grid="4"] .resourceCard .btn--small i:before, .filteredGrid[data-grid="4"] .resourceCard .btn--tertiary i:before, .filteredGrid[data-grid="4"] .resourceCard .btn i:before {
                    font-size: 16px;
                    font-weight: 400
                }

            .filteredGrid[data-grid="4"] .resourceCard--small .btn--icon, .filteredGrid[data-grid="4"] .resourceCard--small .btn--icon.btn--primary, .filteredGrid[data-grid="4"] .resourceCard--small .btn--icon.btn--primary--dark, .filteredGrid[data-grid="4"] .resourceCard--small .btn--icon.btn--secondary, .filteredGrid[data-grid="4"] .resourceCard--small .btn--icon.btn--small, .filteredGrid[data-grid="4"] .resourceCard--small .btn--icon.btn--tertiary, .filteredGrid[data-grid="4"] .resourceCard--small .btn.btn--icon, .filteredGrid[data-grid="4"] .resourceCard .btn--icon, .filteredGrid[data-grid="4"] .resourceCard .btn--icon.btn--primary, .filteredGrid[data-grid="4"] .resourceCard .btn--icon.btn--primary--dark, .filteredGrid[data-grid="4"] .resourceCard .btn--icon.btn--secondary, .filteredGrid[data-grid="4"] .resourceCard .btn--icon.btn--small, .filteredGrid[data-grid="4"] .resourceCard .btn--icon.btn--tertiary, .filteredGrid[data-grid="4"] .resourceCard .btn.btn--icon {
                width: 40px;
                min-width: 40px
            }

                .filteredGrid[data-grid="4"] .resourceCard--small .btn--icon:hover, .filteredGrid[data-grid="4"] .resourceCard--small .btn--primary--dark:hover, .filteredGrid[data-grid="4"] .resourceCard--small .btn--primary:hover, .filteredGrid[data-grid="4"] .resourceCard--small .btn--secondary:hover, .filteredGrid[data-grid="4"] .resourceCard--small .btn--small:hover, .filteredGrid[data-grid="4"] .resourceCard--small .btn--tertiary:hover, .filteredGrid[data-grid="4"] .resourceCard--small .btn:hover, .filteredGrid[data-grid="4"] .resourceCard .btn--icon:hover, .filteredGrid[data-grid="4"] .resourceCard .btn--primary--dark:hover, .filteredGrid[data-grid="4"] .resourceCard .btn--primary:hover, .filteredGrid[data-grid="4"] .resourceCard .btn--secondary:hover, .filteredGrid[data-grid="4"] .resourceCard .btn--small:hover, .filteredGrid[data-grid="4"] .resourceCard .btn--tertiary:hover, .filteredGrid[data-grid="4"] .resourceCard .btn:hover {
                    color: var(--m-01--dark-01)
                }

    .filteredGrid[data-grid="4"] .productCard, .filteredGrid[data-grid="4"] .productCard--small {
        max-width: 960px;
        min-height: 324px
    }

        .filteredGrid[data-grid="4"] .productCard--small .productCard__head, .filteredGrid[data-grid="4"] .productCard .productCard__head {
            height: 200px
        }

            .filteredGrid[data-grid="4"] .productCard--small .productCard__head:after, .filteredGrid[data-grid="4"] .productCard .productCard__head:after {
                left: 16px;
                width: calc(100% - 16px * 2)
            }

        .filteredGrid[data-grid="4"] .productCard--small .productCard__head-content, .filteredGrid[data-grid="4"] .productCard .productCard__head-content {
            padding: 24px 16px
        }

        .filteredGrid[data-grid="4"] .productCard--small .productCard__productName, .filteredGrid[data-grid="4"] .productCard .productCard__productName {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Calma Global Medium,sans-serif;
            font-size: 1.625rem;
            line-height: 1.231em;
            letter-spacing: 0
        }

            .filteredGrid[data-grid="4"] .productCard--small .productCard__productName .link a, .filteredGrid[data-grid="4"] .productCard .productCard__productName .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .filteredGrid[data-grid="4"] .productCard--small .productCard__productName .link a:hover, .filteredGrid[data-grid="4"] .productCard .productCard__productName .link a:hover {
                    color: var(--m-01)
                }

            .filteredGrid[data-grid="4"] .productCard--small .productCard__productName mark, .filteredGrid[data-grid="4"] .productCard--small .productCard__productName mark[data-color=color], .filteredGrid[data-grid="4"] .productCard .productCard__productName mark, .filteredGrid[data-grid="4"] .productCard .productCard__productName mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .filteredGrid[data-grid="4"] .productCard--small .productCard__productName mark[data-color=gray], .filteredGrid[data-grid="4"] .productCard .productCard__productName mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .filteredGrid[data-grid="4"] .productCard--small .productCard__productName mark[data-color=default], .filteredGrid[data-grid="4"] .productCard .productCard__productName mark[data-color=default] {
                    color: var(--neu-10)
                }

            .filteredGrid[data-grid="4"] .productCard--small .productCard__productName span.m-01--dark-01, .filteredGrid[data-grid="4"] .productCard--small .productCard__productName span[data-color=color], .filteredGrid[data-grid="4"] .productCard .productCard__productName span.m-01--dark-01, .filteredGrid[data-grid="4"] .productCard .productCard__productName span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .filteredGrid[data-grid="4"] .productCard--small .productCard__productName span.neu-07, .filteredGrid[data-grid="4"] .productCard--small .productCard__productName span[data-color=gray], .filteredGrid[data-grid="4"] .productCard .productCard__productName span.neu-07, .filteredGrid[data-grid="4"] .productCard .productCard__productName span[data-color=gray] {
                color: var(--neu-07)
            }

            .filteredGrid[data-grid="4"] .productCard--small .productCard__productName span.neu-10, .filteredGrid[data-grid="4"] .productCard--small .productCard__productName span[data-color=default], .filteredGrid[data-grid="4"] .productCard .productCard__productName span.neu-10, .filteredGrid[data-grid="4"] .productCard .productCard__productName span[data-color=default] {
                color: var(--neu-10)
            }

            .filteredGrid[data-grid="4"] .productCard--small .productCard__productName b, .filteredGrid[data-grid="4"] .productCard--small .productCard__productName strong, .filteredGrid[data-grid="4"] .productCard .productCard__productName b, .filteredGrid[data-grid="4"] .productCard .productCard__productName strong {
                font-weight: 700
            }

            .filteredGrid[data-grid="4"] .productCard--small .productCard__productName em, .filteredGrid[data-grid="4"] .productCard .productCard__productName em {
                font-style: italic
            }

        .filteredGrid[data-grid="4"] .productCard--small .productCard__content, .filteredGrid[data-grid="4"] .productCard .productCard__content {
            padding: 16px
        }

        .filteredGrid[data-grid="4"] .productCard--small .productCard__bookmark, .filteredGrid[data-grid="4"] .productCard .productCard__bookmark {
            right: 0;
            top: 8px
        }

    .filteredGrid[data-grid="4"] .brandCard, .filteredGrid[data-grid="4"] .brandCard--small {
        max-width: 960px;
        min-height: 324px;
        padding: 16px
    }

        .filteredGrid[data-grid="4"] .brandCard--small .brandCard__image, .filteredGrid[data-grid="4"] .brandCard .brandCard__image {
            height: 70px;
            width: 70px;
            margin-right: 0
        }

        .filteredGrid[data-grid="4"] .brandCard--small .brandCard--small .btnBookmark--privateArea, .filteredGrid[data-grid="4"] .brandCard--small .brandCard .btnBookmark--privateArea, .filteredGrid[data-grid="4"] .brandCard--small .brandCard__bookmark, .filteredGrid[data-grid="4"] .brandCard .brandCard--small .btnBookmark--privateArea, .filteredGrid[data-grid="4"] .brandCard .brandCard .btnBookmark--privateArea, .filteredGrid[data-grid="4"] .brandCard .brandCard__bookmark {
            right: 0
        }

        .filteredGrid[data-grid="4"] .brandCard--small .brandCard__text, .filteredGrid[data-grid="4"] .brandCard .brandCard__text {
            padding: 0
        }

        .filteredGrid[data-grid="4"] .brandCard--small .brandCard__title, .filteredGrid[data-grid="4"] .brandCard .brandCard__title {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Calma Global Medium,sans-serif;
            font-size: 1.625rem;
            line-height: 1.231em;
            letter-spacing: 0
        }

            .filteredGrid[data-grid="4"] .brandCard--small .brandCard__title .link a, .filteredGrid[data-grid="4"] .brandCard .brandCard__title .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .filteredGrid[data-grid="4"] .brandCard--small .brandCard__title .link a:hover, .filteredGrid[data-grid="4"] .brandCard .brandCard__title .link a:hover {
                    color: var(--m-01)
                }

            .filteredGrid[data-grid="4"] .brandCard--small .brandCard__title mark, .filteredGrid[data-grid="4"] .brandCard--small .brandCard__title mark[data-color=color], .filteredGrid[data-grid="4"] .brandCard .brandCard__title mark, .filteredGrid[data-grid="4"] .brandCard .brandCard__title mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .filteredGrid[data-grid="4"] .brandCard--small .brandCard__title mark[data-color=gray], .filteredGrid[data-grid="4"] .brandCard .brandCard__title mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .filteredGrid[data-grid="4"] .brandCard--small .brandCard__title mark[data-color=default], .filteredGrid[data-grid="4"] .brandCard .brandCard__title mark[data-color=default] {
                    color: var(--neu-10)
                }

            .filteredGrid[data-grid="4"] .brandCard--small .brandCard__title span.m-01--dark-01, .filteredGrid[data-grid="4"] .brandCard--small .brandCard__title span[data-color=color], .filteredGrid[data-grid="4"] .brandCard .brandCard__title span.m-01--dark-01, .filteredGrid[data-grid="4"] .brandCard .brandCard__title span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .filteredGrid[data-grid="4"] .brandCard--small .brandCard__title span.neu-07, .filteredGrid[data-grid="4"] .brandCard--small .brandCard__title span[data-color=gray], .filteredGrid[data-grid="4"] .brandCard .brandCard__title span.neu-07, .filteredGrid[data-grid="4"] .brandCard .brandCard__title span[data-color=gray] {
                color: var(--neu-07)
            }

            .filteredGrid[data-grid="4"] .brandCard--small .brandCard__title span.neu-10, .filteredGrid[data-grid="4"] .brandCard--small .brandCard__title span[data-color=default], .filteredGrid[data-grid="4"] .brandCard .brandCard__title span.neu-10, .filteredGrid[data-grid="4"] .brandCard .brandCard__title span[data-color=default] {
                color: var(--neu-10)
            }

            .filteredGrid[data-grid="4"] .brandCard--small .brandCard__title b, .filteredGrid[data-grid="4"] .brandCard--small .brandCard__title strong, .filteredGrid[data-grid="4"] .brandCard .brandCard__title b, .filteredGrid[data-grid="4"] .brandCard .brandCard__title strong {
                font-weight: 700
            }

            .filteredGrid[data-grid="4"] .brandCard--small .brandCard__title em, .filteredGrid[data-grid="4"] .brandCard .brandCard__title em {
                font-style: italic
            }

        .filteredGrid[data-grid="4"] .brandCard--small .brandCard__description, .filteredGrid[data-grid="4"] .brandCard .brandCard__description {
            margin-top: 24px
        }

    .filteredGrid[data-grid="4"] .categoryCard, .filteredGrid[data-grid="4"] .categoryCard--small {
        min-height: 240px;
        max-width: 960px
    }

        .filteredGrid[data-grid="4"] .categoryCard--small .categoryCard__content, .filteredGrid[data-grid="4"] .categoryCard .categoryCard__content {
            padding: 32px
        }

        .filteredGrid[data-grid="4"] .categoryCard--small .categoryCard__title, .filteredGrid[data-grid="4"] .categoryCard .categoryCard__title {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Calma Global Medium,sans-serif;
            font-size: 2rem;
            line-height: 1.25em;
            letter-spacing: -.016em
        }

            .filteredGrid[data-grid="4"] .categoryCard--small .categoryCard__title .link a, .filteredGrid[data-grid="4"] .categoryCard .categoryCard__title .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .filteredGrid[data-grid="4"] .categoryCard--small .categoryCard__title .link a:hover, .filteredGrid[data-grid="4"] .categoryCard .categoryCard__title .link a:hover {
                    color: var(--m-01)
                }

            .filteredGrid[data-grid="4"] .categoryCard--small .categoryCard__title mark, .filteredGrid[data-grid="4"] .categoryCard--small .categoryCard__title mark[data-color=color], .filteredGrid[data-grid="4"] .categoryCard .categoryCard__title mark, .filteredGrid[data-grid="4"] .categoryCard .categoryCard__title mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .filteredGrid[data-grid="4"] .categoryCard--small .categoryCard__title mark[data-color=gray], .filteredGrid[data-grid="4"] .categoryCard .categoryCard__title mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .filteredGrid[data-grid="4"] .categoryCard--small .categoryCard__title mark[data-color=default], .filteredGrid[data-grid="4"] .categoryCard .categoryCard__title mark[data-color=default] {
                    color: var(--neu-10)
                }

            .filteredGrid[data-grid="4"] .categoryCard--small .categoryCard__title span.m-01--dark-01, .filteredGrid[data-grid="4"] .categoryCard--small .categoryCard__title span[data-color=color], .filteredGrid[data-grid="4"] .categoryCard .categoryCard__title span.m-01--dark-01, .filteredGrid[data-grid="4"] .categoryCard .categoryCard__title span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .filteredGrid[data-grid="4"] .categoryCard--small .categoryCard__title span.neu-07, .filteredGrid[data-grid="4"] .categoryCard--small .categoryCard__title span[data-color=gray], .filteredGrid[data-grid="4"] .categoryCard .categoryCard__title span.neu-07, .filteredGrid[data-grid="4"] .categoryCard .categoryCard__title span[data-color=gray] {
                color: var(--neu-07)
            }

            .filteredGrid[data-grid="4"] .categoryCard--small .categoryCard__title span.neu-10, .filteredGrid[data-grid="4"] .categoryCard--small .categoryCard__title span[data-color=default], .filteredGrid[data-grid="4"] .categoryCard .categoryCard__title span.neu-10, .filteredGrid[data-grid="4"] .categoryCard .categoryCard__title span[data-color=default] {
                color: var(--neu-10)
            }

            .filteredGrid[data-grid="4"] .categoryCard--small .categoryCard__title b, .filteredGrid[data-grid="4"] .categoryCard--small .categoryCard__title strong, .filteredGrid[data-grid="4"] .categoryCard .categoryCard__title b, .filteredGrid[data-grid="4"] .categoryCard .categoryCard__title strong {
                font-weight: 700
            }

            .filteredGrid[data-grid="4"] .categoryCard--small .categoryCard__title em, .filteredGrid[data-grid="4"] .categoryCard .categoryCard__title em {
                font-style: italic
            }
}

@media (max-width:1280px) and (max-width:1024px) {
    .filteredGrid[data-grid="4"] .categoryCard--small .categoryCard__title, .filteredGrid[data-grid="4"] .categoryCard .categoryCard__title {
        font-size: 1.625rem;
        line-height: 1.231em;
        letter-spacing: 0
    }
}

@media (max-width:1280px) {
    .filteredGrid[data-grid="4"] .profileCard, .filteredGrid[data-grid="4"] .profileCard--small {
        max-width: 960px;
        padding: 24px 16px 32px 4px;
        height: 100%
    }

        .filteredGrid[data-grid="4"] .profileCard--small .profileCard__text, .filteredGrid[data-grid="4"] .profileCard .profileCard__text {
            max-width: 310px
        }

    .filteredGrid[data-grid="4"] .selectableCard, .filteredGrid[data-grid="4"] .selectableCard--small {
        max-width: 960px;
        padding: 16px 16px 24px;
        grid-template-columns: 1fr 1fr;
        row-gap: 8px
    }

        .filteredGrid[data-grid="4"] .selectableCard--small .selectableCard__content, .filteredGrid[data-grid="4"] .selectableCard .selectableCard__content {
            grid-row: 2;
            grid-column: 1/3
        }

        .filteredGrid[data-grid="4"] .selectableCard--small .selectableCard__checkbox, .filteredGrid[data-grid="4"] .selectableCard .selectableCard__checkbox {
            margin-right: 0;
            grid-row: 1
        }

        .filteredGrid[data-grid="4"] .selectableCard--small .selectableCard__image, .filteredGrid[data-grid="4"] .selectableCard .selectableCard__image {
            width: 48px;
            height: 48px;
            grid-row: 1;
            justify-self: flex-end
        }

        .filteredGrid[data-grid="4"] .selectableCard--small .selectableCard__btn, .filteredGrid[data-grid="4"] .selectableCard .selectableCard__btn {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Inter,sans-serif;
            font-size: .813rem;
            line-height: 1.538em;
            letter-spacing: -.003em;
            font-weight: 400;
            font-weight: 700;
            padding: 0 20px;
            height: 40px;
            transform: none;
            margin-left: 0;
            margin-top: 16px;
            grid-row: 3;
            grid-column: 1/3
        }

            .filteredGrid[data-grid="4"] .selectableCard--small .selectableCard__btn .link a, .filteredGrid[data-grid="4"] .selectableCard .selectableCard__btn .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .filteredGrid[data-grid="4"] .selectableCard--small .selectableCard__btn .link a:hover, .filteredGrid[data-grid="4"] .selectableCard .selectableCard__btn .link a:hover {
                    color: var(--m-01)
                }

            .filteredGrid[data-grid="4"] .selectableCard--small .selectableCard__btn mark, .filteredGrid[data-grid="4"] .selectableCard--small .selectableCard__btn mark[data-color=color], .filteredGrid[data-grid="4"] .selectableCard .selectableCard__btn mark, .filteredGrid[data-grid="4"] .selectableCard .selectableCard__btn mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .filteredGrid[data-grid="4"] .selectableCard--small .selectableCard__btn mark[data-color=gray], .filteredGrid[data-grid="4"] .selectableCard .selectableCard__btn mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .filteredGrid[data-grid="4"] .selectableCard--small .selectableCard__btn mark[data-color=default], .filteredGrid[data-grid="4"] .selectableCard .selectableCard__btn mark[data-color=default] {
                    color: var(--neu-10)
                }

            .filteredGrid[data-grid="4"] .selectableCard--small .selectableCard__btn span.m-01--dark-01, .filteredGrid[data-grid="4"] .selectableCard--small .selectableCard__btn span[data-color=color], .filteredGrid[data-grid="4"] .selectableCard .selectableCard__btn span.m-01--dark-01, .filteredGrid[data-grid="4"] .selectableCard .selectableCard__btn span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .filteredGrid[data-grid="4"] .selectableCard--small .selectableCard__btn span.neu-07, .filteredGrid[data-grid="4"] .selectableCard--small .selectableCard__btn span[data-color=gray], .filteredGrid[data-grid="4"] .selectableCard .selectableCard__btn span.neu-07, .filteredGrid[data-grid="4"] .selectableCard .selectableCard__btn span[data-color=gray] {
                color: var(--neu-07)
            }

            .filteredGrid[data-grid="4"] .selectableCard--small .selectableCard__btn span.neu-10, .filteredGrid[data-grid="4"] .selectableCard--small .selectableCard__btn span[data-color=default], .filteredGrid[data-grid="4"] .selectableCard .selectableCard__btn span.neu-10, .filteredGrid[data-grid="4"] .selectableCard .selectableCard__btn span[data-color=default] {
                color: var(--neu-10)
            }

            .filteredGrid[data-grid="4"] .selectableCard--small .selectableCard__btn b, .filteredGrid[data-grid="4"] .selectableCard--small .selectableCard__btn strong, .filteredGrid[data-grid="4"] .selectableCard .selectableCard__btn b, .filteredGrid[data-grid="4"] .selectableCard .selectableCard__btn strong {
                font-weight: 700
            }

            .filteredGrid[data-grid="4"] .selectableCard--small .selectableCard__btn em, .filteredGrid[data-grid="4"] .selectableCard .selectableCard__btn em {
                font-style: italic
            }

            .filteredGrid[data-grid="4"] .selectableCard--small .selectableCard__btn i, .filteredGrid[data-grid="4"] .selectableCard .selectableCard__btn i {
                min-width: 16px;
                width: 16px;
                height: 16px;
                font-size: 16px
            }

                .filteredGrid[data-grid="4"] .selectableCard--small .selectableCard__btn i:before, .filteredGrid[data-grid="4"] .selectableCard .selectableCard__btn i:before {
                    font-size: 16px;
                    font-weight: 400
                }

            .filteredGrid[data-grid="4"] .selectableCard--small .selectableCard__btn.btn--icon, .filteredGrid[data-grid="4"] .selectableCard .selectableCard__btn.btn--icon {
                width: 40px;
                min-width: 40px
            }

    .filteredGrid[data-grid="4"] .demandCard, .filteredGrid[data-grid="4"] .demandCard--small {
        max-width: 960px;
        padding: 16px;
        min-height: 324px
    }

        .filteredGrid[data-grid="4"] .demandCard--small .demandCard__content, .filteredGrid[data-grid="4"] .demandCard .demandCard__content {
            gap: 8px
        }

        .filteredGrid[data-grid="4"] .demandCard--small .demandCard__notification-text, .filteredGrid[data-grid="4"] .demandCard .demandCard__notification-text {
            display: none
        }

        .filteredGrid[data-grid="4"] .demandCard--small .demandCard__description, .filteredGrid[data-grid="4"] .demandCard .demandCard__description {
            margin-top: 8px
        }

    .filteredGrid[data-grid="4"] .replyCard, .filteredGrid[data-grid="4"] .replyCard--small {
        max-width: 960px
    }

        .filteredGrid[data-grid="4"] .replyCard--small .replyCard, .filteredGrid[data-grid="4"] .replyCard--small .replyCard--small, .filteredGrid[data-grid="4"] .replyCard .replyCard, .filteredGrid[data-grid="4"] .replyCard .replyCard--small {
            background-color: var(--neu-01)
        }

        .filteredGrid[data-grid="4"] .replyCard--small .replyCard__content, .filteredGrid[data-grid="4"] .replyCard .replyCard__content {
            padding: 24px;
            gap: 4px 12px
        }

        .filteredGrid[data-grid="4"] .replyCard--small .replyCard__thumb, .filteredGrid[data-grid="4"] .replyCard .replyCard__thumb {
            grid-row: 1/3;
            align-self: flex-start
        }

        .filteredGrid[data-grid="4"] .replyCard--small .replyCard__text, .filteredGrid[data-grid="4"] .replyCard .replyCard__text {
            grid-row: 2;
            grid-column: 2/4
        }
}

@media (max-width:1280px) and (max-width:512px) {
    .filteredGrid[data-grid="4"] .replyCard--small .replyCard__text, .filteredGrid[data-grid="4"] .replyCard .replyCard__text {
        grid-column: 2/4
    }
}

@media (max-width:1280px) {
    .filteredGrid[data-grid="4"] .replyCard--small .replyCard__message, .filteredGrid[data-grid="4"] .replyCard--small .replyCard__subject, .filteredGrid[data-grid="4"] .replyCard .replyCard__message, .filteredGrid[data-grid="4"] .replyCard .replyCard__subject {
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-stretch: normal;
        letter-spacing: normal;
        font-family: Inter,sans-serif;
        font-size: 1rem;
        line-height: 1.5em;
        letter-spacing: -.011em;
        font-weight: 400
    }

        .filteredGrid[data-grid="4"] .replyCard--small .replyCard__message .link a, .filteredGrid[data-grid="4"] .replyCard--small .replyCard__subject .link a, .filteredGrid[data-grid="4"] .replyCard .replyCard__message .link a, .filteredGrid[data-grid="4"] .replyCard .replyCard__subject .link a {
            transition: all .1s ease;
            text-decoration: underline;
            color: var(--m-01--dark-01)
        }

            .filteredGrid[data-grid="4"] .replyCard--small .replyCard__message .link a:hover, .filteredGrid[data-grid="4"] .replyCard--small .replyCard__subject .link a:hover, .filteredGrid[data-grid="4"] .replyCard .replyCard__message .link a:hover, .filteredGrid[data-grid="4"] .replyCard .replyCard__subject .link a:hover {
                color: var(--m-01)
            }

        .filteredGrid[data-grid="4"] .replyCard--small .replyCard__message mark, .filteredGrid[data-grid="4"] .replyCard--small .replyCard__message mark[data-color=color], .filteredGrid[data-grid="4"] .replyCard--small .replyCard__subject mark, .filteredGrid[data-grid="4"] .replyCard--small .replyCard__subject mark[data-color=color], .filteredGrid[data-grid="4"] .replyCard .replyCard__message mark, .filteredGrid[data-grid="4"] .replyCard .replyCard__message mark[data-color=color], .filteredGrid[data-grid="4"] .replyCard .replyCard__subject mark, .filteredGrid[data-grid="4"] .replyCard .replyCard__subject mark[data-color=color] {
            color: var(--m-01--dark-01)
        }

            .filteredGrid[data-grid="4"] .replyCard--small .replyCard__message mark[data-color=gray], .filteredGrid[data-grid="4"] .replyCard--small .replyCard__subject mark[data-color=gray], .filteredGrid[data-grid="4"] .replyCard .replyCard__message mark[data-color=gray], .filteredGrid[data-grid="4"] .replyCard .replyCard__subject mark[data-color=gray] {
                color: var(--neu-07)
            }

            .filteredGrid[data-grid="4"] .replyCard--small .replyCard__message mark[data-color=default], .filteredGrid[data-grid="4"] .replyCard--small .replyCard__subject mark[data-color=default], .filteredGrid[data-grid="4"] .replyCard .replyCard__message mark[data-color=default], .filteredGrid[data-grid="4"] .replyCard .replyCard__subject mark[data-color=default] {
                color: var(--neu-10)
            }

        .filteredGrid[data-grid="4"] .replyCard--small .replyCard__message span.m-01--dark-01, .filteredGrid[data-grid="4"] .replyCard--small .replyCard__message span[data-color=color], .filteredGrid[data-grid="4"] .replyCard--small .replyCard__subject span.m-01--dark-01, .filteredGrid[data-grid="4"] .replyCard--small .replyCard__subject span[data-color=color], .filteredGrid[data-grid="4"] .replyCard .replyCard__message span.m-01--dark-01, .filteredGrid[data-grid="4"] .replyCard .replyCard__message span[data-color=color], .filteredGrid[data-grid="4"] .replyCard .replyCard__subject span.m-01--dark-01, .filteredGrid[data-grid="4"] .replyCard .replyCard__subject span[data-color=color] {
            color: var(--m-01--dark-01)
        }

        .filteredGrid[data-grid="4"] .replyCard--small .replyCard__message span.neu-07, .filteredGrid[data-grid="4"] .replyCard--small .replyCard__message span[data-color=gray], .filteredGrid[data-grid="4"] .replyCard--small .replyCard__subject span.neu-07, .filteredGrid[data-grid="4"] .replyCard--small .replyCard__subject span[data-color=gray], .filteredGrid[data-grid="4"] .replyCard .replyCard__message span.neu-07, .filteredGrid[data-grid="4"] .replyCard .replyCard__message span[data-color=gray], .filteredGrid[data-grid="4"] .replyCard .replyCard__subject span.neu-07, .filteredGrid[data-grid="4"] .replyCard .replyCard__subject span[data-color=gray] {
            color: var(--neu-07)
        }

        .filteredGrid[data-grid="4"] .replyCard--small .replyCard__message span.neu-10, .filteredGrid[data-grid="4"] .replyCard--small .replyCard__message span[data-color=default], .filteredGrid[data-grid="4"] .replyCard--small .replyCard__subject span.neu-10, .filteredGrid[data-grid="4"] .replyCard--small .replyCard__subject span[data-color=default], .filteredGrid[data-grid="4"] .replyCard .replyCard__message span.neu-10, .filteredGrid[data-grid="4"] .replyCard .replyCard__message span[data-color=default], .filteredGrid[data-grid="4"] .replyCard .replyCard__subject span.neu-10, .filteredGrid[data-grid="4"] .replyCard .replyCard__subject span[data-color=default] {
            color: var(--neu-10)
        }

        .filteredGrid[data-grid="4"] .replyCard--small .replyCard__message b, .filteredGrid[data-grid="4"] .replyCard--small .replyCard__message strong, .filteredGrid[data-grid="4"] .replyCard--small .replyCard__subject b, .filteredGrid[data-grid="4"] .replyCard--small .replyCard__subject strong, .filteredGrid[data-grid="4"] .replyCard .replyCard__message b, .filteredGrid[data-grid="4"] .replyCard .replyCard__message strong, .filteredGrid[data-grid="4"] .replyCard .replyCard__subject b, .filteredGrid[data-grid="4"] .replyCard .replyCard__subject strong {
            font-weight: 700
        }

        .filteredGrid[data-grid="4"] .replyCard--small .replyCard__message em, .filteredGrid[data-grid="4"] .replyCard--small .replyCard__subject em, .filteredGrid[data-grid="4"] .replyCard .replyCard__message em, .filteredGrid[data-grid="4"] .replyCard .replyCard__subject em {
            font-style: italic
        }

    .filteredGrid[data-grid="4"] .replyCard--small .replyCard__info, .filteredGrid[data-grid="4"] .replyCard .replyCard__info {
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-stretch: normal;
        letter-spacing: normal;
        font-family: Inter,sans-serif;
        font-size: .813rem;
        line-height: 1.538em;
        letter-spacing: -.003em;
        font-weight: 700;
        margin-top: 8px;
        padding-right: 32px
    }

        .filteredGrid[data-grid="4"] .replyCard--small .replyCard__info .link a, .filteredGrid[data-grid="4"] .replyCard .replyCard__info .link a {
            transition: all .1s ease;
            text-decoration: underline;
            color: var(--m-01--dark-01)
        }

            .filteredGrid[data-grid="4"] .replyCard--small .replyCard__info .link a:hover, .filteredGrid[data-grid="4"] .replyCard .replyCard__info .link a:hover {
                color: var(--m-01)
            }

        .filteredGrid[data-grid="4"] .replyCard--small .replyCard__info mark, .filteredGrid[data-grid="4"] .replyCard--small .replyCard__info mark[data-color=color], .filteredGrid[data-grid="4"] .replyCard .replyCard__info mark, .filteredGrid[data-grid="4"] .replyCard .replyCard__info mark[data-color=color] {
            color: var(--m-01--dark-01)
        }

            .filteredGrid[data-grid="4"] .replyCard--small .replyCard__info mark[data-color=gray], .filteredGrid[data-grid="4"] .replyCard .replyCard__info mark[data-color=gray] {
                color: var(--neu-07)
            }

            .filteredGrid[data-grid="4"] .replyCard--small .replyCard__info mark[data-color=default], .filteredGrid[data-grid="4"] .replyCard .replyCard__info mark[data-color=default] {
                color: var(--neu-10)
            }

        .filteredGrid[data-grid="4"] .replyCard--small .replyCard__info span.m-01--dark-01, .filteredGrid[data-grid="4"] .replyCard--small .replyCard__info span[data-color=color], .filteredGrid[data-grid="4"] .replyCard .replyCard__info span.m-01--dark-01, .filteredGrid[data-grid="4"] .replyCard .replyCard__info span[data-color=color] {
            color: var(--m-01--dark-01)
        }

        .filteredGrid[data-grid="4"] .replyCard--small .replyCard__info span.neu-07, .filteredGrid[data-grid="4"] .replyCard--small .replyCard__info span[data-color=gray], .filteredGrid[data-grid="4"] .replyCard .replyCard__info span.neu-07, .filteredGrid[data-grid="4"] .replyCard .replyCard__info span[data-color=gray] {
            color: var(--neu-07)
        }

        .filteredGrid[data-grid="4"] .replyCard--small .replyCard__info span.neu-10, .filteredGrid[data-grid="4"] .replyCard--small .replyCard__info span[data-color=default], .filteredGrid[data-grid="4"] .replyCard .replyCard__info span.neu-10, .filteredGrid[data-grid="4"] .replyCard .replyCard__info span[data-color=default] {
            color: var(--neu-10)
        }

        .filteredGrid[data-grid="4"] .replyCard--small .replyCard__info b, .filteredGrid[data-grid="4"] .replyCard--small .replyCard__info strong, .filteredGrid[data-grid="4"] .replyCard .replyCard__info b, .filteredGrid[data-grid="4"] .replyCard .replyCard__info strong {
            font-weight: 700
        }

        .filteredGrid[data-grid="4"] .replyCard--small .replyCard__info em, .filteredGrid[data-grid="4"] .replyCard .replyCard__info em {
            font-style: italic
        }

    .filteredGrid[data-grid="4"] .replyCard--small .replyCard__pin, .filteredGrid[data-grid="4"] .replyCard .replyCard__pin {
        transition: all .1s ease;
        grid-row: 2;
        grid-column: 3;
        align-self: flex-end;
        width: 24px;
        height: 24px;
        justify-self: flex-end;
        transform: translateY(4px);
        cursor: pointer
    }

        .filteredGrid[data-grid="4"] .replyCard--small .replyCard__pin:hover, .filteredGrid[data-grid="4"] .replyCard .replyCard__pin:hover {
            opacity: .7
        }

        .filteredGrid[data-grid="4"] .replyCard--small .replyCard__pin:before, .filteredGrid[data-grid="4"] .replyCard .replyCard__pin:before {
            width: 24px;
            height: 24px;
            font-size: 24px;
            font-family: aicep-base-icons !important;
            font-weight: 400;
            display: flex;
            justify-content: center;
            align-items: center;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            content: "\e95b"
        }

    .filteredGrid[data-grid="4"] .replyCard--small .replyCard__pin--selected, .filteredGrid[data-grid="4"] .replyCard .replyCard__pin--selected {
        color: var(--m-02--dark-01)
    }

        .filteredGrid[data-grid="4"] .replyCard--small .replyCard__pin--selected:before, .filteredGrid[data-grid="4"] .replyCard .replyCard__pin--selected:before {
            content: "\e95c"
        }

    .filteredGrid[data-grid="4"] .replyCard--small .replyCard__btn, .filteredGrid[data-grid="4"] .replyCard .replyCard__btn {
        display: none
    }

    .filteredGrid[data-grid="4"] .infoCard, .filteredGrid[data-grid="4"] .infoCard--small {
        max-width: 960px;
        padding: 24px
    }

        .filteredGrid[data-grid="4"] .infoCard--small .infoCard__number, .filteredGrid[data-grid="4"] .infoCard .infoCard__number {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Calma Global Medium,sans-serif;
            font-size: 2rem;
            line-height: 1.25em;
            letter-spacing: -.016em;
            transform: translateY(0)
        }

            .filteredGrid[data-grid="4"] .infoCard--small .infoCard__number .link a, .filteredGrid[data-grid="4"] .infoCard .infoCard__number .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .filteredGrid[data-grid="4"] .infoCard--small .infoCard__number .link a:hover, .filteredGrid[data-grid="4"] .infoCard .infoCard__number .link a:hover {
                    color: var(--m-01)
                }

            .filteredGrid[data-grid="4"] .infoCard--small .infoCard__number mark, .filteredGrid[data-grid="4"] .infoCard--small .infoCard__number mark[data-color=color], .filteredGrid[data-grid="4"] .infoCard .infoCard__number mark, .filteredGrid[data-grid="4"] .infoCard .infoCard__number mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .filteredGrid[data-grid="4"] .infoCard--small .infoCard__number mark[data-color=gray], .filteredGrid[data-grid="4"] .infoCard .infoCard__number mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .filteredGrid[data-grid="4"] .infoCard--small .infoCard__number mark[data-color=default], .filteredGrid[data-grid="4"] .infoCard .infoCard__number mark[data-color=default] {
                    color: var(--neu-10)
                }

            .filteredGrid[data-grid="4"] .infoCard--small .infoCard__number span.m-01--dark-01, .filteredGrid[data-grid="4"] .infoCard--small .infoCard__number span[data-color=color], .filteredGrid[data-grid="4"] .infoCard .infoCard__number span.m-01--dark-01, .filteredGrid[data-grid="4"] .infoCard .infoCard__number span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .filteredGrid[data-grid="4"] .infoCard--small .infoCard__number span.neu-07, .filteredGrid[data-grid="4"] .infoCard--small .infoCard__number span[data-color=gray], .filteredGrid[data-grid="4"] .infoCard .infoCard__number span.neu-07, .filteredGrid[data-grid="4"] .infoCard .infoCard__number span[data-color=gray] {
                color: var(--neu-07)
            }

            .filteredGrid[data-grid="4"] .infoCard--small .infoCard__number span.neu-10, .filteredGrid[data-grid="4"] .infoCard--small .infoCard__number span[data-color=default], .filteredGrid[data-grid="4"] .infoCard .infoCard__number span.neu-10, .filteredGrid[data-grid="4"] .infoCard .infoCard__number span[data-color=default] {
                color: var(--neu-10)
            }

            .filteredGrid[data-grid="4"] .infoCard--small .infoCard__number b, .filteredGrid[data-grid="4"] .infoCard--small .infoCard__number strong, .filteredGrid[data-grid="4"] .infoCard .infoCard__number b, .filteredGrid[data-grid="4"] .infoCard .infoCard__number strong {
                font-weight: 700
            }

            .filteredGrid[data-grid="4"] .infoCard--small .infoCard__number em, .filteredGrid[data-grid="4"] .infoCard .infoCard__number em {
                font-style: italic
            }
}

@media (max-width:1280px) and (max-width:1024px) {
    .filteredGrid[data-grid="4"] .infoCard--small .infoCard__number, .filteredGrid[data-grid="4"] .infoCard .infoCard__number {
        font-size: 1.625rem;
        line-height: 1.231em;
        letter-spacing: 0;
        transform: translateY(3px)
    }
}

@media (max-width:1280px) {
    .filteredGrid[data-grid="4"] .infoCard--small .infoCard__title, .filteredGrid[data-grid="4"] .infoCard .infoCard__title {
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-stretch: normal;
        letter-spacing: normal;
        font-family: Inter,sans-serif;
        font-size: 1rem;
        line-height: 1.5em;
        letter-spacing: -.011em;
        font-weight: 700
    }

        .filteredGrid[data-grid="4"] .infoCard--small .infoCard__title .link a, .filteredGrid[data-grid="4"] .infoCard .infoCard__title .link a {
            transition: all .1s ease;
            text-decoration: underline;
            color: var(--m-01--dark-01)
        }

            .filteredGrid[data-grid="4"] .infoCard--small .infoCard__title .link a:hover, .filteredGrid[data-grid="4"] .infoCard .infoCard__title .link a:hover {
                color: var(--m-01)
            }

        .filteredGrid[data-grid="4"] .infoCard--small .infoCard__title mark, .filteredGrid[data-grid="4"] .infoCard--small .infoCard__title mark[data-color=color], .filteredGrid[data-grid="4"] .infoCard .infoCard__title mark, .filteredGrid[data-grid="4"] .infoCard .infoCard__title mark[data-color=color] {
            color: var(--m-01--dark-01)
        }

            .filteredGrid[data-grid="4"] .infoCard--small .infoCard__title mark[data-color=gray], .filteredGrid[data-grid="4"] .infoCard .infoCard__title mark[data-color=gray] {
                color: var(--neu-07)
            }

            .filteredGrid[data-grid="4"] .infoCard--small .infoCard__title mark[data-color=default], .filteredGrid[data-grid="4"] .infoCard .infoCard__title mark[data-color=default] {
                color: var(--neu-10)
            }

        .filteredGrid[data-grid="4"] .infoCard--small .infoCard__title span.m-01--dark-01, .filteredGrid[data-grid="4"] .infoCard--small .infoCard__title span[data-color=color], .filteredGrid[data-grid="4"] .infoCard .infoCard__title span.m-01--dark-01, .filteredGrid[data-grid="4"] .infoCard .infoCard__title span[data-color=color] {
            color: var(--m-01--dark-01)
        }

        .filteredGrid[data-grid="4"] .infoCard--small .infoCard__title span.neu-07, .filteredGrid[data-grid="4"] .infoCard--small .infoCard__title span[data-color=gray], .filteredGrid[data-grid="4"] .infoCard .infoCard__title span.neu-07, .filteredGrid[data-grid="4"] .infoCard .infoCard__title span[data-color=gray] {
            color: var(--neu-07)
        }

        .filteredGrid[data-grid="4"] .infoCard--small .infoCard__title span.neu-10, .filteredGrid[data-grid="4"] .infoCard--small .infoCard__title span[data-color=default], .filteredGrid[data-grid="4"] .infoCard .infoCard__title span.neu-10, .filteredGrid[data-grid="4"] .infoCard .infoCard__title span[data-color=default] {
            color: var(--neu-10)
        }

        .filteredGrid[data-grid="4"] .infoCard--small .infoCard__title b, .filteredGrid[data-grid="4"] .infoCard--small .infoCard__title strong, .filteredGrid[data-grid="4"] .infoCard .infoCard__title b, .filteredGrid[data-grid="4"] .infoCard .infoCard__title strong {
            font-weight: 700
        }

        .filteredGrid[data-grid="4"] .infoCard--small .infoCard__title em, .filteredGrid[data-grid="4"] .infoCard .infoCard__title em {
            font-style: italic
        }
}

.filteredGrid[data-grid="3"] .filteredGrid__grid {
    grid-template-columns: repeat(3,1fr)
}

@media (max-width:1024px) {
    .filteredGrid[data-grid="3"] .filteredGrid__grid {
        grid-template-columns: repeat(2,1fr)
    }
}

@media (max-width:512px) {
    .filteredGrid[data-grid="3"] .filteredGrid__grid {
        grid-template-columns: 1fr
    }
}

@media (max-width:1280px) {
    .filteredGrid[data-grid="3"] .caseCard, .filteredGrid[data-grid="3"] .caseCard--small {
        min-height: 324px;
        max-width: 960px
    }

        .filteredGrid[data-grid="3"] .caseCard--small .caseCard__content, .filteredGrid[data-grid="3"] .caseCard .caseCard__content {
            padding: 24px 16px 16px
        }

        .filteredGrid[data-grid="3"] .caseCard--small .caseCard__title, .filteredGrid[data-grid="3"] .caseCard .caseCard__title {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Calma Global Medium,sans-serif;
            font-size: 1.625rem;
            line-height: 1.231em;
            letter-spacing: 0
        }

            .filteredGrid[data-grid="3"] .caseCard--small .caseCard__title .link a, .filteredGrid[data-grid="3"] .caseCard .caseCard__title .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .filteredGrid[data-grid="3"] .caseCard--small .caseCard__title .link a:hover, .filteredGrid[data-grid="3"] .caseCard .caseCard__title .link a:hover {
                    color: var(--m-01)
                }

            .filteredGrid[data-grid="3"] .caseCard--small .caseCard__title mark, .filteredGrid[data-grid="3"] .caseCard--small .caseCard__title mark[data-color=color], .filteredGrid[data-grid="3"] .caseCard .caseCard__title mark, .filteredGrid[data-grid="3"] .caseCard .caseCard__title mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .filteredGrid[data-grid="3"] .caseCard--small .caseCard__title mark[data-color=gray], .filteredGrid[data-grid="3"] .caseCard .caseCard__title mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .filteredGrid[data-grid="3"] .caseCard--small .caseCard__title mark[data-color=default], .filteredGrid[data-grid="3"] .caseCard .caseCard__title mark[data-color=default] {
                    color: var(--neu-10)
                }

            .filteredGrid[data-grid="3"] .caseCard--small .caseCard__title span.m-01--dark-01, .filteredGrid[data-grid="3"] .caseCard--small .caseCard__title span[data-color=color], .filteredGrid[data-grid="3"] .caseCard .caseCard__title span.m-01--dark-01, .filteredGrid[data-grid="3"] .caseCard .caseCard__title span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .filteredGrid[data-grid="3"] .caseCard--small .caseCard__title span.neu-07, .filteredGrid[data-grid="3"] .caseCard--small .caseCard__title span[data-color=gray], .filteredGrid[data-grid="3"] .caseCard .caseCard__title span.neu-07, .filteredGrid[data-grid="3"] .caseCard .caseCard__title span[data-color=gray] {
                color: var(--neu-07)
            }

            .filteredGrid[data-grid="3"] .caseCard--small .caseCard__title span.neu-10, .filteredGrid[data-grid="3"] .caseCard--small .caseCard__title span[data-color=default], .filteredGrid[data-grid="3"] .caseCard .caseCard__title span.neu-10, .filteredGrid[data-grid="3"] .caseCard .caseCard__title span[data-color=default] {
                color: var(--neu-10)
            }

            .filteredGrid[data-grid="3"] .caseCard--small .caseCard__title b, .filteredGrid[data-grid="3"] .caseCard--small .caseCard__title strong, .filteredGrid[data-grid="3"] .caseCard .caseCard__title b, .filteredGrid[data-grid="3"] .caseCard .caseCard__title strong {
                font-weight: 700
            }

            .filteredGrid[data-grid="3"] .caseCard--small .caseCard__title em, .filteredGrid[data-grid="3"] .caseCard .caseCard__title em {
                font-style: italic
            }

    .filteredGrid[data-grid="3"] .countyCard, .filteredGrid[data-grid="3"] .countyCard--small {
        max-width: 960px;
        height: 100%;
        min-height: 80px
    }

    .filteredGrid[data-grid="3"] .industryCard, .filteredGrid[data-grid="3"] .industryCard--small {
        max-width: 960px;
        max-width: 480px;
        min-height: 240px
    }

        .filteredGrid[data-grid="3"] .industryCard--small .industryCard__content, .filteredGrid[data-grid="3"] .industryCard .industryCard__content {
            padding: 24px 16px 16px
        }

        .filteredGrid[data-grid="3"] .industryCard--small .industryCard__title, .filteredGrid[data-grid="3"] .industryCard .industryCard__title {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Calma Global Medium,sans-serif;
            font-size: 1.625rem;
            line-height: 1.231em;
            letter-spacing: 0
        }

            .filteredGrid[data-grid="3"] .industryCard--small .industryCard__title .link a, .filteredGrid[data-grid="3"] .industryCard .industryCard__title .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .filteredGrid[data-grid="3"] .industryCard--small .industryCard__title .link a:hover, .filteredGrid[data-grid="3"] .industryCard .industryCard__title .link a:hover {
                    color: var(--m-01)
                }

            .filteredGrid[data-grid="3"] .industryCard--small .industryCard__title mark, .filteredGrid[data-grid="3"] .industryCard--small .industryCard__title mark[data-color=color], .filteredGrid[data-grid="3"] .industryCard .industryCard__title mark, .filteredGrid[data-grid="3"] .industryCard .industryCard__title mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .filteredGrid[data-grid="3"] .industryCard--small .industryCard__title mark[data-color=gray], .filteredGrid[data-grid="3"] .industryCard .industryCard__title mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .filteredGrid[data-grid="3"] .industryCard--small .industryCard__title mark[data-color=default], .filteredGrid[data-grid="3"] .industryCard .industryCard__title mark[data-color=default] {
                    color: var(--neu-10)
                }

            .filteredGrid[data-grid="3"] .industryCard--small .industryCard__title span.m-01--dark-01, .filteredGrid[data-grid="3"] .industryCard--small .industryCard__title span[data-color=color], .filteredGrid[data-grid="3"] .industryCard .industryCard__title span.m-01--dark-01, .filteredGrid[data-grid="3"] .industryCard .industryCard__title span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .filteredGrid[data-grid="3"] .industryCard--small .industryCard__title span.neu-07, .filteredGrid[data-grid="3"] .industryCard--small .industryCard__title span[data-color=gray], .filteredGrid[data-grid="3"] .industryCard .industryCard__title span.neu-07, .filteredGrid[data-grid="3"] .industryCard .industryCard__title span[data-color=gray] {
                color: var(--neu-07)
            }

            .filteredGrid[data-grid="3"] .industryCard--small .industryCard__title span.neu-10, .filteredGrid[data-grid="3"] .industryCard--small .industryCard__title span[data-color=default], .filteredGrid[data-grid="3"] .industryCard .industryCard__title span.neu-10, .filteredGrid[data-grid="3"] .industryCard .industryCard__title span[data-color=default] {
                color: var(--neu-10)
            }

            .filteredGrid[data-grid="3"] .industryCard--small .industryCard__title b, .filteredGrid[data-grid="3"] .industryCard--small .industryCard__title strong, .filteredGrid[data-grid="3"] .industryCard .industryCard__title b, .filteredGrid[data-grid="3"] .industryCard .industryCard__title strong {
                font-weight: 700
            }

            .filteredGrid[data-grid="3"] .industryCard--small .industryCard__title em, .filteredGrid[data-grid="3"] .industryCard .industryCard__title em {
                font-style: italic
            }

    .filteredGrid[data-grid="3"] .itemCard, .filteredGrid[data-grid="3"] .itemCard--small {
        max-width: 960px;
        padding: 24px 16px 32px 4px;
        height: 100%
    }

        .filteredGrid[data-grid="3"] .itemCard--small .itemCard__text, .filteredGrid[data-grid="3"] .itemCard .itemCard__text {
            max-width: 310px
        }

    .filteredGrid[data-grid="3"] .readingImageCard, .filteredGrid[data-grid="3"] .readingImageCard--small {
        max-width: 960px;
        background: transparent;
        box-shadow: none;
        border-bottom: 1px solid var(--neu-03);
        min-height: auto;
        flex-direction: row;
        padding: 8px 0 16px;
        border-radius: 0
    }

        .filteredGrid[data-grid="3"] .readingImageCard--small .readingImageCard__image, .filteredGrid[data-grid="3"] .readingImageCard .readingImageCard__image {
            height: auto;
            max-width: 110px;
            flex: 1;
            border-radius: 0
        }

        .filteredGrid[data-grid="3"] .readingImageCard--small .readingImageCard__content, .filteredGrid[data-grid="3"] .readingImageCard .readingImageCard__content {
            padding: 0 0 0 16px;
            flex: 2;
            justify-content: flex-start
        }

        .filteredGrid[data-grid="3"] .readingImageCard--small .readingImageCard__text, .filteredGrid[data-grid="3"] .readingImageCard .readingImageCard__text {
            padding: 0;
            padding-right: 24px
        }

        .filteredGrid[data-grid="3"] .readingImageCard--small .readingImageCard__title, .filteredGrid[data-grid="3"] .readingImageCard .readingImageCard__title {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Inter,sans-serif;
            font-size: 1rem;
            line-height: 1.5em;
            letter-spacing: -.011em;
            font-weight: 700;
            margin-top: 4px
        }

            .filteredGrid[data-grid="3"] .readingImageCard--small .readingImageCard__title .link a, .filteredGrid[data-grid="3"] .readingImageCard .readingImageCard__title .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .filteredGrid[data-grid="3"] .readingImageCard--small .readingImageCard__title .link a:hover, .filteredGrid[data-grid="3"] .readingImageCard .readingImageCard__title .link a:hover {
                    color: var(--m-01)
                }

            .filteredGrid[data-grid="3"] .readingImageCard--small .readingImageCard__title mark, .filteredGrid[data-grid="3"] .readingImageCard--small .readingImageCard__title mark[data-color=color], .filteredGrid[data-grid="3"] .readingImageCard .readingImageCard__title mark, .filteredGrid[data-grid="3"] .readingImageCard .readingImageCard__title mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .filteredGrid[data-grid="3"] .readingImageCard--small .readingImageCard__title mark[data-color=gray], .filteredGrid[data-grid="3"] .readingImageCard .readingImageCard__title mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .filteredGrid[data-grid="3"] .readingImageCard--small .readingImageCard__title mark[data-color=default], .filteredGrid[data-grid="3"] .readingImageCard .readingImageCard__title mark[data-color=default] {
                    color: var(--neu-10)
                }

            .filteredGrid[data-grid="3"] .readingImageCard--small .readingImageCard__title span.m-01--dark-01, .filteredGrid[data-grid="3"] .readingImageCard--small .readingImageCard__title span[data-color=color], .filteredGrid[data-grid="3"] .readingImageCard .readingImageCard__title span.m-01--dark-01, .filteredGrid[data-grid="3"] .readingImageCard .readingImageCard__title span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .filteredGrid[data-grid="3"] .readingImageCard--small .readingImageCard__title span.neu-07, .filteredGrid[data-grid="3"] .readingImageCard--small .readingImageCard__title span[data-color=gray], .filteredGrid[data-grid="3"] .readingImageCard .readingImageCard__title span.neu-07, .filteredGrid[data-grid="3"] .readingImageCard .readingImageCard__title span[data-color=gray] {
                color: var(--neu-07)
            }

            .filteredGrid[data-grid="3"] .readingImageCard--small .readingImageCard__title span.neu-10, .filteredGrid[data-grid="3"] .readingImageCard--small .readingImageCard__title span[data-color=default], .filteredGrid[data-grid="3"] .readingImageCard .readingImageCard__title span.neu-10, .filteredGrid[data-grid="3"] .readingImageCard .readingImageCard__title span[data-color=default] {
                color: var(--neu-10)
            }

            .filteredGrid[data-grid="3"] .readingImageCard--small .readingImageCard__title b, .filteredGrid[data-grid="3"] .readingImageCard--small .readingImageCard__title strong, .filteredGrid[data-grid="3"] .readingImageCard .readingImageCard__title b, .filteredGrid[data-grid="3"] .readingImageCard .readingImageCard__title strong {
                font-weight: 700
            }

            .filteredGrid[data-grid="3"] .readingImageCard--small .readingImageCard__title em, .filteredGrid[data-grid="3"] .readingImageCard .readingImageCard__title em {
                font-style: italic
            }

        .filteredGrid[data-grid="3"] .readingImageCard--small .readingImageCard__infoItem i, .filteredGrid[data-grid="3"] .readingImageCard .readingImageCard__infoItem i {
            display: none
        }

        .filteredGrid[data-grid="3"] .readingImageCard--small .btnBookmark, .filteredGrid[data-grid="3"] .readingImageCard--small .btnBookmark--privateArea, .filteredGrid[data-grid="3"] .readingImageCard--small .btnBookmark--small, .filteredGrid[data-grid="3"] .readingImageCard .btnBookmark, .filteredGrid[data-grid="3"] .readingImageCard .btnBookmark--privateArea, .filteredGrid[data-grid="3"] .readingImageCard .btnBookmark--small {
            top: -8px;
            right: -16px;
            z-index: 2
        }

            .filteredGrid[data-grid="3"] .readingImageCard--small .btnBookmark--privateArea .btnBookmark, .filteredGrid[data-grid="3"] .readingImageCard--small .btnBookmark--privateArea .btnBookmark--small, .filteredGrid[data-grid="3"] .readingImageCard .btnBookmark--privateArea .btnBookmark, .filteredGrid[data-grid="3"] .readingImageCard .btnBookmark--privateArea .btnBookmark--small {
                top: 0;
                right: 0
            }

        .filteredGrid[data-grid="3"] .readingImageCard--small:hover, .filteredGrid[data-grid="3"] .readingImageCard:hover {
            box-shadow: none;
            transform: none
        }

    .filteredGrid[data-grid="3"] .readingTextCard, .filteredGrid[data-grid="3"] .readingTextCard--small {
        max-width: 960px;
        background: transparent;
        box-shadow: none;
        border-bottom: 1px solid var(--neu-03);
        min-height: auto;
        flex-direction: row;
        padding: 8px 0 16px;
        border-radius: 0
    }

        .filteredGrid[data-grid="3"] .readingTextCard--small .readingTextCard__content, .filteredGrid[data-grid="3"] .readingTextCard .readingTextCard__content {
            flex: 2
        }

        .filteredGrid[data-grid="3"] .readingTextCard--small .readingTextCard__text, .filteredGrid[data-grid="3"] .readingTextCard .readingTextCard__text {
            padding: 0
        }

        .filteredGrid[data-grid="3"] .readingTextCard--small .readingTextCard__title, .filteredGrid[data-grid="3"] .readingTextCard .readingTextCard__title {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Inter,sans-serif;
            font-size: 1rem;
            line-height: 1.5em;
            letter-spacing: -.011em;
            font-weight: 700;
            margin-top: 4px
        }

            .filteredGrid[data-grid="3"] .readingTextCard--small .readingTextCard__title .link a, .filteredGrid[data-grid="3"] .readingTextCard .readingTextCard__title .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .filteredGrid[data-grid="3"] .readingTextCard--small .readingTextCard__title .link a:hover, .filteredGrid[data-grid="3"] .readingTextCard .readingTextCard__title .link a:hover {
                    color: var(--m-01)
                }

            .filteredGrid[data-grid="3"] .readingTextCard--small .readingTextCard__title mark, .filteredGrid[data-grid="3"] .readingTextCard--small .readingTextCard__title mark[data-color=color], .filteredGrid[data-grid="3"] .readingTextCard .readingTextCard__title mark, .filteredGrid[data-grid="3"] .readingTextCard .readingTextCard__title mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .filteredGrid[data-grid="3"] .readingTextCard--small .readingTextCard__title mark[data-color=gray], .filteredGrid[data-grid="3"] .readingTextCard .readingTextCard__title mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .filteredGrid[data-grid="3"] .readingTextCard--small .readingTextCard__title mark[data-color=default], .filteredGrid[data-grid="3"] .readingTextCard .readingTextCard__title mark[data-color=default] {
                    color: var(--neu-10)
                }

            .filteredGrid[data-grid="3"] .readingTextCard--small .readingTextCard__title span.m-01--dark-01, .filteredGrid[data-grid="3"] .readingTextCard--small .readingTextCard__title span[data-color=color], .filteredGrid[data-grid="3"] .readingTextCard .readingTextCard__title span.m-01--dark-01, .filteredGrid[data-grid="3"] .readingTextCard .readingTextCard__title span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .filteredGrid[data-grid="3"] .readingTextCard--small .readingTextCard__title span.neu-07, .filteredGrid[data-grid="3"] .readingTextCard--small .readingTextCard__title span[data-color=gray], .filteredGrid[data-grid="3"] .readingTextCard .readingTextCard__title span.neu-07, .filteredGrid[data-grid="3"] .readingTextCard .readingTextCard__title span[data-color=gray] {
                color: var(--neu-07)
            }

            .filteredGrid[data-grid="3"] .readingTextCard--small .readingTextCard__title span.neu-10, .filteredGrid[data-grid="3"] .readingTextCard--small .readingTextCard__title span[data-color=default], .filteredGrid[data-grid="3"] .readingTextCard .readingTextCard__title span.neu-10, .filteredGrid[data-grid="3"] .readingTextCard .readingTextCard__title span[data-color=default] {
                color: var(--neu-10)
            }

            .filteredGrid[data-grid="3"] .readingTextCard--small .readingTextCard__title b, .filteredGrid[data-grid="3"] .readingTextCard--small .readingTextCard__title strong, .filteredGrid[data-grid="3"] .readingTextCard .readingTextCard__title b, .filteredGrid[data-grid="3"] .readingTextCard .readingTextCard__title strong {
                font-weight: 700
            }

            .filteredGrid[data-grid="3"] .readingTextCard--small .readingTextCard__title em, .filteredGrid[data-grid="3"] .readingTextCard .readingTextCard__title em {
                font-style: italic
            }

        .filteredGrid[data-grid="3"] .readingTextCard--small .readingTextCard__description, .filteredGrid[data-grid="3"] .readingTextCard--small .readingTextCard__infoItem i, .filteredGrid[data-grid="3"] .readingTextCard .readingTextCard__description, .filteredGrid[data-grid="3"] .readingTextCard .readingTextCard__infoItem i {
            display: none
        }

        .filteredGrid[data-grid="3"] .readingTextCard--small:hover, .filteredGrid[data-grid="3"] .readingTextCard:hover {
            box-shadow: none;
            transform: none
        }

    .filteredGrid[data-grid="3"] .regionCard, .filteredGrid[data-grid="3"] .regionCard--small {
        max-width: 960px;
        min-height: 270px
    }

        .filteredGrid[data-grid="3"] .regionCard--small .regionCard__content, .filteredGrid[data-grid="3"] .regionCard .regionCard__content {
            padding: 24px 16px 16px
        }

        .filteredGrid[data-grid="3"] .regionCard--small .regionCard__title, .filteredGrid[data-grid="3"] .regionCard .regionCard__title {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Calma Global Medium,sans-serif;
            font-size: 2rem;
            line-height: 1.25em;
            letter-spacing: -.016em
        }

            .filteredGrid[data-grid="3"] .regionCard--small .regionCard__title .link a, .filteredGrid[data-grid="3"] .regionCard .regionCard__title .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .filteredGrid[data-grid="3"] .regionCard--small .regionCard__title .link a:hover, .filteredGrid[data-grid="3"] .regionCard .regionCard__title .link a:hover {
                    color: var(--m-01)
                }

            .filteredGrid[data-grid="3"] .regionCard--small .regionCard__title mark, .filteredGrid[data-grid="3"] .regionCard--small .regionCard__title mark[data-color=color], .filteredGrid[data-grid="3"] .regionCard .regionCard__title mark, .filteredGrid[data-grid="3"] .regionCard .regionCard__title mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .filteredGrid[data-grid="3"] .regionCard--small .regionCard__title mark[data-color=gray], .filteredGrid[data-grid="3"] .regionCard .regionCard__title mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .filteredGrid[data-grid="3"] .regionCard--small .regionCard__title mark[data-color=default], .filteredGrid[data-grid="3"] .regionCard .regionCard__title mark[data-color=default] {
                    color: var(--neu-10)
                }

            .filteredGrid[data-grid="3"] .regionCard--small .regionCard__title span.m-01--dark-01, .filteredGrid[data-grid="3"] .regionCard--small .regionCard__title span[data-color=color], .filteredGrid[data-grid="3"] .regionCard .regionCard__title span.m-01--dark-01, .filteredGrid[data-grid="3"] .regionCard .regionCard__title span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .filteredGrid[data-grid="3"] .regionCard--small .regionCard__title span.neu-07, .filteredGrid[data-grid="3"] .regionCard--small .regionCard__title span[data-color=gray], .filteredGrid[data-grid="3"] .regionCard .regionCard__title span.neu-07, .filteredGrid[data-grid="3"] .regionCard .regionCard__title span[data-color=gray] {
                color: var(--neu-07)
            }

            .filteredGrid[data-grid="3"] .regionCard--small .regionCard__title span.neu-10, .filteredGrid[data-grid="3"] .regionCard--small .regionCard__title span[data-color=default], .filteredGrid[data-grid="3"] .regionCard .regionCard__title span.neu-10, .filteredGrid[data-grid="3"] .regionCard .regionCard__title span[data-color=default] {
                color: var(--neu-10)
            }

            .filteredGrid[data-grid="3"] .regionCard--small .regionCard__title b, .filteredGrid[data-grid="3"] .regionCard--small .regionCard__title strong, .filteredGrid[data-grid="3"] .regionCard .regionCard__title b, .filteredGrid[data-grid="3"] .regionCard .regionCard__title strong {
                font-weight: 700
            }

            .filteredGrid[data-grid="3"] .regionCard--small .regionCard__title em, .filteredGrid[data-grid="3"] .regionCard .regionCard__title em {
                font-style: italic
            }
}

@media (max-width:1280px) and (max-width:1024px) {
    .filteredGrid[data-grid="3"] .regionCard--small .regionCard__title, .filteredGrid[data-grid="3"] .regionCard .regionCard__title {
        font-size: 1.625rem;
        line-height: 1.231em;
        letter-spacing: 0
    }
}

@media (max-width:1280px) {
    .filteredGrid[data-grid="3"] .resourceCard, .filteredGrid[data-grid="3"] .resourceCard--small {
        max-width: 960px;
        min-height: 200px;
        height: 100%;
        padding: 24px 16px
    }

        .filteredGrid[data-grid="3"] .resourceCard--small .resourceCard__title, .filteredGrid[data-grid="3"] .resourceCard .resourceCard__title {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Inter,sans-serif;
            font-size: 1.188rem;
            line-height: 1.263em;
            letter-spacing: -.016em;
            font-weight: 400;
            margin-top: 4px
        }

            .filteredGrid[data-grid="3"] .resourceCard--small .resourceCard__title .link a, .filteredGrid[data-grid="3"] .resourceCard .resourceCard__title .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .filteredGrid[data-grid="3"] .resourceCard--small .resourceCard__title .link a:hover, .filteredGrid[data-grid="3"] .resourceCard .resourceCard__title .link a:hover {
                    color: var(--m-01)
                }

            .filteredGrid[data-grid="3"] .resourceCard--small .resourceCard__title mark, .filteredGrid[data-grid="3"] .resourceCard--small .resourceCard__title mark[data-color=color], .filteredGrid[data-grid="3"] .resourceCard .resourceCard__title mark, .filteredGrid[data-grid="3"] .resourceCard .resourceCard__title mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .filteredGrid[data-grid="3"] .resourceCard--small .resourceCard__title mark[data-color=gray], .filteredGrid[data-grid="3"] .resourceCard .resourceCard__title mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .filteredGrid[data-grid="3"] .resourceCard--small .resourceCard__title mark[data-color=default], .filteredGrid[data-grid="3"] .resourceCard .resourceCard__title mark[data-color=default] {
                    color: var(--neu-10)
                }

            .filteredGrid[data-grid="3"] .resourceCard--small .resourceCard__title span.m-01--dark-01, .filteredGrid[data-grid="3"] .resourceCard--small .resourceCard__title span[data-color=color], .filteredGrid[data-grid="3"] .resourceCard .resourceCard__title span.m-01--dark-01, .filteredGrid[data-grid="3"] .resourceCard .resourceCard__title span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .filteredGrid[data-grid="3"] .resourceCard--small .resourceCard__title span.neu-07, .filteredGrid[data-grid="3"] .resourceCard--small .resourceCard__title span[data-color=gray], .filteredGrid[data-grid="3"] .resourceCard .resourceCard__title span.neu-07, .filteredGrid[data-grid="3"] .resourceCard .resourceCard__title span[data-color=gray] {
                color: var(--neu-07)
            }

            .filteredGrid[data-grid="3"] .resourceCard--small .resourceCard__title span.neu-10, .filteredGrid[data-grid="3"] .resourceCard--small .resourceCard__title span[data-color=default], .filteredGrid[data-grid="3"] .resourceCard .resourceCard__title span.neu-10, .filteredGrid[data-grid="3"] .resourceCard .resourceCard__title span[data-color=default] {
                color: var(--neu-10)
            }

            .filteredGrid[data-grid="3"] .resourceCard--small .resourceCard__title b, .filteredGrid[data-grid="3"] .resourceCard--small .resourceCard__title strong, .filteredGrid[data-grid="3"] .resourceCard .resourceCard__title b, .filteredGrid[data-grid="3"] .resourceCard .resourceCard__title strong {
                font-weight: 700
            }

            .filteredGrid[data-grid="3"] .resourceCard--small .resourceCard__title em, .filteredGrid[data-grid="3"] .resourceCard .resourceCard__title em {
                font-style: italic
            }

        .filteredGrid[data-grid="3"] .resourceCard--small .btn, .filteredGrid[data-grid="3"] .resourceCard--small .btn--icon, .filteredGrid[data-grid="3"] .resourceCard--small .btn--primary, .filteredGrid[data-grid="3"] .resourceCard--small .btn--primary--dark, .filteredGrid[data-grid="3"] .resourceCard--small .btn--secondary, .filteredGrid[data-grid="3"] .resourceCard--small .btn--small, .filteredGrid[data-grid="3"] .resourceCard--small .btn--tertiary, .filteredGrid[data-grid="3"] .resourceCard .btn, .filteredGrid[data-grid="3"] .resourceCard .btn--icon, .filteredGrid[data-grid="3"] .resourceCard .btn--primary, .filteredGrid[data-grid="3"] .resourceCard .btn--primary--dark, .filteredGrid[data-grid="3"] .resourceCard .btn--secondary, .filteredGrid[data-grid="3"] .resourceCard .btn--small, .filteredGrid[data-grid="3"] .resourceCard .btn--tertiary {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Inter,sans-serif;
            font-size: .813rem;
            line-height: 1.538em;
            letter-spacing: -.003em;
            font-weight: 400;
            font-weight: 700;
            padding: 0 20px;
            height: 40px
        }

            .filteredGrid[data-grid="3"] .resourceCard--small .btn--icon .link a, .filteredGrid[data-grid="3"] .resourceCard--small .btn--primary--dark .link a, .filteredGrid[data-grid="3"] .resourceCard--small .btn--primary .link a, .filteredGrid[data-grid="3"] .resourceCard--small .btn--secondary .link a, .filteredGrid[data-grid="3"] .resourceCard--small .btn--small .link a, .filteredGrid[data-grid="3"] .resourceCard--small .btn--tertiary .link a, .filteredGrid[data-grid="3"] .resourceCard--small .btn .link a, .filteredGrid[data-grid="3"] .resourceCard .btn--icon .link a, .filteredGrid[data-grid="3"] .resourceCard .btn--primary--dark .link a, .filteredGrid[data-grid="3"] .resourceCard .btn--primary .link a, .filteredGrid[data-grid="3"] .resourceCard .btn--secondary .link a, .filteredGrid[data-grid="3"] .resourceCard .btn--small .link a, .filteredGrid[data-grid="3"] .resourceCard .btn--tertiary .link a, .filteredGrid[data-grid="3"] .resourceCard .btn .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .filteredGrid[data-grid="3"] .resourceCard--small .btn--icon .link a:hover, .filteredGrid[data-grid="3"] .resourceCard--small .btn--primary--dark .link a:hover, .filteredGrid[data-grid="3"] .resourceCard--small .btn--primary .link a:hover, .filteredGrid[data-grid="3"] .resourceCard--small .btn--secondary .link a:hover, .filteredGrid[data-grid="3"] .resourceCard--small .btn--small .link a:hover, .filteredGrid[data-grid="3"] .resourceCard--small .btn--tertiary .link a:hover, .filteredGrid[data-grid="3"] .resourceCard--small .btn .link a:hover, .filteredGrid[data-grid="3"] .resourceCard .btn--icon .link a:hover, .filteredGrid[data-grid="3"] .resourceCard .btn--primary--dark .link a:hover, .filteredGrid[data-grid="3"] .resourceCard .btn--primary .link a:hover, .filteredGrid[data-grid="3"] .resourceCard .btn--secondary .link a:hover, .filteredGrid[data-grid="3"] .resourceCard .btn--small .link a:hover, .filteredGrid[data-grid="3"] .resourceCard .btn--tertiary .link a:hover, .filteredGrid[data-grid="3"] .resourceCard .btn .link a:hover {
                    color: var(--m-01)
                }

            .filteredGrid[data-grid="3"] .resourceCard--small .btn--icon mark, .filteredGrid[data-grid="3"] .resourceCard--small .btn--icon mark[data-color=color], .filteredGrid[data-grid="3"] .resourceCard--small .btn--primary--dark mark, .filteredGrid[data-grid="3"] .resourceCard--small .btn--primary--dark mark[data-color=color], .filteredGrid[data-grid="3"] .resourceCard--small .btn--primary mark, .filteredGrid[data-grid="3"] .resourceCard--small .btn--primary mark[data-color=color], .filteredGrid[data-grid="3"] .resourceCard--small .btn--secondary mark, .filteredGrid[data-grid="3"] .resourceCard--small .btn--secondary mark[data-color=color], .filteredGrid[data-grid="3"] .resourceCard--small .btn--small mark, .filteredGrid[data-grid="3"] .resourceCard--small .btn--small mark[data-color=color], .filteredGrid[data-grid="3"] .resourceCard--small .btn--tertiary mark, .filteredGrid[data-grid="3"] .resourceCard--small .btn--tertiary mark[data-color=color], .filteredGrid[data-grid="3"] .resourceCard--small .btn mark, .filteredGrid[data-grid="3"] .resourceCard--small .btn mark[data-color=color], .filteredGrid[data-grid="3"] .resourceCard .btn--icon mark, .filteredGrid[data-grid="3"] .resourceCard .btn--icon mark[data-color=color], .filteredGrid[data-grid="3"] .resourceCard .btn--primary--dark mark, .filteredGrid[data-grid="3"] .resourceCard .btn--primary--dark mark[data-color=color], .filteredGrid[data-grid="3"] .resourceCard .btn--primary mark, .filteredGrid[data-grid="3"] .resourceCard .btn--primary mark[data-color=color], .filteredGrid[data-grid="3"] .resourceCard .btn--secondary mark, .filteredGrid[data-grid="3"] .resourceCard .btn--secondary mark[data-color=color], .filteredGrid[data-grid="3"] .resourceCard .btn--small mark, .filteredGrid[data-grid="3"] .resourceCard .btn--small mark[data-color=color], .filteredGrid[data-grid="3"] .resourceCard .btn--tertiary mark, .filteredGrid[data-grid="3"] .resourceCard .btn--tertiary mark[data-color=color], .filteredGrid[data-grid="3"] .resourceCard .btn mark, .filteredGrid[data-grid="3"] .resourceCard .btn mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .filteredGrid[data-grid="3"] .resourceCard--small .btn--icon mark[data-color=gray], .filteredGrid[data-grid="3"] .resourceCard--small .btn--primary--dark mark[data-color=gray], .filteredGrid[data-grid="3"] .resourceCard--small .btn--primary mark[data-color=gray], .filteredGrid[data-grid="3"] .resourceCard--small .btn--secondary mark[data-color=gray], .filteredGrid[data-grid="3"] .resourceCard--small .btn--small mark[data-color=gray], .filteredGrid[data-grid="3"] .resourceCard--small .btn--tertiary mark[data-color=gray], .filteredGrid[data-grid="3"] .resourceCard--small .btn mark[data-color=gray], .filteredGrid[data-grid="3"] .resourceCard .btn--icon mark[data-color=gray], .filteredGrid[data-grid="3"] .resourceCard .btn--primary--dark mark[data-color=gray], .filteredGrid[data-grid="3"] .resourceCard .btn--primary mark[data-color=gray], .filteredGrid[data-grid="3"] .resourceCard .btn--secondary mark[data-color=gray], .filteredGrid[data-grid="3"] .resourceCard .btn--small mark[data-color=gray], .filteredGrid[data-grid="3"] .resourceCard .btn--tertiary mark[data-color=gray], .filteredGrid[data-grid="3"] .resourceCard .btn mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .filteredGrid[data-grid="3"] .resourceCard--small .btn--icon mark[data-color=default], .filteredGrid[data-grid="3"] .resourceCard--small .btn--primary--dark mark[data-color=default], .filteredGrid[data-grid="3"] .resourceCard--small .btn--primary mark[data-color=default], .filteredGrid[data-grid="3"] .resourceCard--small .btn--secondary mark[data-color=default], .filteredGrid[data-grid="3"] .resourceCard--small .btn--small mark[data-color=default], .filteredGrid[data-grid="3"] .resourceCard--small .btn--tertiary mark[data-color=default], .filteredGrid[data-grid="3"] .resourceCard--small .btn mark[data-color=default], .filteredGrid[data-grid="3"] .resourceCard .btn--icon mark[data-color=default], .filteredGrid[data-grid="3"] .resourceCard .btn--primary--dark mark[data-color=default], .filteredGrid[data-grid="3"] .resourceCard .btn--primary mark[data-color=default], .filteredGrid[data-grid="3"] .resourceCard .btn--secondary mark[data-color=default], .filteredGrid[data-grid="3"] .resourceCard .btn--small mark[data-color=default], .filteredGrid[data-grid="3"] .resourceCard .btn--tertiary mark[data-color=default], .filteredGrid[data-grid="3"] .resourceCard .btn mark[data-color=default] {
                    color: var(--neu-10)
                }

            .filteredGrid[data-grid="3"] .resourceCard--small .btn--icon span.m-01--dark-01, .filteredGrid[data-grid="3"] .resourceCard--small .btn--icon span[data-color=color], .filteredGrid[data-grid="3"] .resourceCard--small .btn--primary--dark span.m-01--dark-01, .filteredGrid[data-grid="3"] .resourceCard--small .btn--primary--dark span[data-color=color], .filteredGrid[data-grid="3"] .resourceCard--small .btn--primary span.m-01--dark-01, .filteredGrid[data-grid="3"] .resourceCard--small .btn--primary span[data-color=color], .filteredGrid[data-grid="3"] .resourceCard--small .btn--secondary span.m-01--dark-01, .filteredGrid[data-grid="3"] .resourceCard--small .btn--secondary span[data-color=color], .filteredGrid[data-grid="3"] .resourceCard--small .btn--small span.m-01--dark-01, .filteredGrid[data-grid="3"] .resourceCard--small .btn--small span[data-color=color], .filteredGrid[data-grid="3"] .resourceCard--small .btn--tertiary span.m-01--dark-01, .filteredGrid[data-grid="3"] .resourceCard--small .btn--tertiary span[data-color=color], .filteredGrid[data-grid="3"] .resourceCard--small .btn span.m-01--dark-01, .filteredGrid[data-grid="3"] .resourceCard--small .btn span[data-color=color], .filteredGrid[data-grid="3"] .resourceCard .btn--icon span.m-01--dark-01, .filteredGrid[data-grid="3"] .resourceCard .btn--icon span[data-color=color], .filteredGrid[data-grid="3"] .resourceCard .btn--primary--dark span.m-01--dark-01, .filteredGrid[data-grid="3"] .resourceCard .btn--primary--dark span[data-color=color], .filteredGrid[data-grid="3"] .resourceCard .btn--primary span.m-01--dark-01, .filteredGrid[data-grid="3"] .resourceCard .btn--primary span[data-color=color], .filteredGrid[data-grid="3"] .resourceCard .btn--secondary span.m-01--dark-01, .filteredGrid[data-grid="3"] .resourceCard .btn--secondary span[data-color=color], .filteredGrid[data-grid="3"] .resourceCard .btn--small span.m-01--dark-01, .filteredGrid[data-grid="3"] .resourceCard .btn--small span[data-color=color], .filteredGrid[data-grid="3"] .resourceCard .btn--tertiary span.m-01--dark-01, .filteredGrid[data-grid="3"] .resourceCard .btn--tertiary span[data-color=color], .filteredGrid[data-grid="3"] .resourceCard .btn span.m-01--dark-01, .filteredGrid[data-grid="3"] .resourceCard .btn span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .filteredGrid[data-grid="3"] .resourceCard--small .btn--icon span.neu-07, .filteredGrid[data-grid="3"] .resourceCard--small .btn--icon span[data-color=gray], .filteredGrid[data-grid="3"] .resourceCard--small .btn--primary--dark span.neu-07, .filteredGrid[data-grid="3"] .resourceCard--small .btn--primary--dark span[data-color=gray], .filteredGrid[data-grid="3"] .resourceCard--small .btn--primary span.neu-07, .filteredGrid[data-grid="3"] .resourceCard--small .btn--primary span[data-color=gray], .filteredGrid[data-grid="3"] .resourceCard--small .btn--secondary span.neu-07, .filteredGrid[data-grid="3"] .resourceCard--small .btn--secondary span[data-color=gray], .filteredGrid[data-grid="3"] .resourceCard--small .btn--small span.neu-07, .filteredGrid[data-grid="3"] .resourceCard--small .btn--small span[data-color=gray], .filteredGrid[data-grid="3"] .resourceCard--small .btn--tertiary span.neu-07, .filteredGrid[data-grid="3"] .resourceCard--small .btn--tertiary span[data-color=gray], .filteredGrid[data-grid="3"] .resourceCard--small .btn span.neu-07, .filteredGrid[data-grid="3"] .resourceCard--small .btn span[data-color=gray], .filteredGrid[data-grid="3"] .resourceCard .btn--icon span.neu-07, .filteredGrid[data-grid="3"] .resourceCard .btn--icon span[data-color=gray], .filteredGrid[data-grid="3"] .resourceCard .btn--primary--dark span.neu-07, .filteredGrid[data-grid="3"] .resourceCard .btn--primary--dark span[data-color=gray], .filteredGrid[data-grid="3"] .resourceCard .btn--primary span.neu-07, .filteredGrid[data-grid="3"] .resourceCard .btn--primary span[data-color=gray], .filteredGrid[data-grid="3"] .resourceCard .btn--secondary span.neu-07, .filteredGrid[data-grid="3"] .resourceCard .btn--secondary span[data-color=gray], .filteredGrid[data-grid="3"] .resourceCard .btn--small span.neu-07, .filteredGrid[data-grid="3"] .resourceCard .btn--small span[data-color=gray], .filteredGrid[data-grid="3"] .resourceCard .btn--tertiary span.neu-07, .filteredGrid[data-grid="3"] .resourceCard .btn--tertiary span[data-color=gray], .filteredGrid[data-grid="3"] .resourceCard .btn span.neu-07, .filteredGrid[data-grid="3"] .resourceCard .btn span[data-color=gray] {
                color: var(--neu-07)
            }

            .filteredGrid[data-grid="3"] .resourceCard--small .btn--icon span.neu-10, .filteredGrid[data-grid="3"] .resourceCard--small .btn--icon span[data-color=default], .filteredGrid[data-grid="3"] .resourceCard--small .btn--primary--dark span.neu-10, .filteredGrid[data-grid="3"] .resourceCard--small .btn--primary--dark span[data-color=default], .filteredGrid[data-grid="3"] .resourceCard--small .btn--primary span.neu-10, .filteredGrid[data-grid="3"] .resourceCard--small .btn--primary span[data-color=default], .filteredGrid[data-grid="3"] .resourceCard--small .btn--secondary span.neu-10, .filteredGrid[data-grid="3"] .resourceCard--small .btn--secondary span[data-color=default], .filteredGrid[data-grid="3"] .resourceCard--small .btn--small span.neu-10, .filteredGrid[data-grid="3"] .resourceCard--small .btn--small span[data-color=default], .filteredGrid[data-grid="3"] .resourceCard--small .btn--tertiary span.neu-10, .filteredGrid[data-grid="3"] .resourceCard--small .btn--tertiary span[data-color=default], .filteredGrid[data-grid="3"] .resourceCard--small .btn span.neu-10, .filteredGrid[data-grid="3"] .resourceCard--small .btn span[data-color=default], .filteredGrid[data-grid="3"] .resourceCard .btn--icon span.neu-10, .filteredGrid[data-grid="3"] .resourceCard .btn--icon span[data-color=default], .filteredGrid[data-grid="3"] .resourceCard .btn--primary--dark span.neu-10, .filteredGrid[data-grid="3"] .resourceCard .btn--primary--dark span[data-color=default], .filteredGrid[data-grid="3"] .resourceCard .btn--primary span.neu-10, .filteredGrid[data-grid="3"] .resourceCard .btn--primary span[data-color=default], .filteredGrid[data-grid="3"] .resourceCard .btn--secondary span.neu-10, .filteredGrid[data-grid="3"] .resourceCard .btn--secondary span[data-color=default], .filteredGrid[data-grid="3"] .resourceCard .btn--small span.neu-10, .filteredGrid[data-grid="3"] .resourceCard .btn--small span[data-color=default], .filteredGrid[data-grid="3"] .resourceCard .btn--tertiary span.neu-10, .filteredGrid[data-grid="3"] .resourceCard .btn--tertiary span[data-color=default], .filteredGrid[data-grid="3"] .resourceCard .btn span.neu-10, .filteredGrid[data-grid="3"] .resourceCard .btn span[data-color=default] {
                color: var(--neu-10)
            }

            .filteredGrid[data-grid="3"] .resourceCard--small .btn--icon b, .filteredGrid[data-grid="3"] .resourceCard--small .btn--icon strong, .filteredGrid[data-grid="3"] .resourceCard--small .btn--primary--dark b, .filteredGrid[data-grid="3"] .resourceCard--small .btn--primary--dark strong, .filteredGrid[data-grid="3"] .resourceCard--small .btn--primary b, .filteredGrid[data-grid="3"] .resourceCard--small .btn--primary strong, .filteredGrid[data-grid="3"] .resourceCard--small .btn--secondary b, .filteredGrid[data-grid="3"] .resourceCard--small .btn--secondary strong, .filteredGrid[data-grid="3"] .resourceCard--small .btn--small b, .filteredGrid[data-grid="3"] .resourceCard--small .btn--small strong, .filteredGrid[data-grid="3"] .resourceCard--small .btn--tertiary b, .filteredGrid[data-grid="3"] .resourceCard--small .btn--tertiary strong, .filteredGrid[data-grid="3"] .resourceCard--small .btn b, .filteredGrid[data-grid="3"] .resourceCard--small .btn strong, .filteredGrid[data-grid="3"] .resourceCard .btn--icon b, .filteredGrid[data-grid="3"] .resourceCard .btn--icon strong, .filteredGrid[data-grid="3"] .resourceCard .btn--primary--dark b, .filteredGrid[data-grid="3"] .resourceCard .btn--primary--dark strong, .filteredGrid[data-grid="3"] .resourceCard .btn--primary b, .filteredGrid[data-grid="3"] .resourceCard .btn--primary strong, .filteredGrid[data-grid="3"] .resourceCard .btn--secondary b, .filteredGrid[data-grid="3"] .resourceCard .btn--secondary strong, .filteredGrid[data-grid="3"] .resourceCard .btn--small b, .filteredGrid[data-grid="3"] .resourceCard .btn--small strong, .filteredGrid[data-grid="3"] .resourceCard .btn--tertiary b, .filteredGrid[data-grid="3"] .resourceCard .btn--tertiary strong, .filteredGrid[data-grid="3"] .resourceCard .btn b, .filteredGrid[data-grid="3"] .resourceCard .btn strong {
                font-weight: 700
            }

            .filteredGrid[data-grid="3"] .resourceCard--small .btn--icon em, .filteredGrid[data-grid="3"] .resourceCard--small .btn--primary--dark em, .filteredGrid[data-grid="3"] .resourceCard--small .btn--primary em, .filteredGrid[data-grid="3"] .resourceCard--small .btn--secondary em, .filteredGrid[data-grid="3"] .resourceCard--small .btn--small em, .filteredGrid[data-grid="3"] .resourceCard--small .btn--tertiary em, .filteredGrid[data-grid="3"] .resourceCard--small .btn em, .filteredGrid[data-grid="3"] .resourceCard .btn--icon em, .filteredGrid[data-grid="3"] .resourceCard .btn--primary--dark em, .filteredGrid[data-grid="3"] .resourceCard .btn--primary em, .filteredGrid[data-grid="3"] .resourceCard .btn--secondary em, .filteredGrid[data-grid="3"] .resourceCard .btn--small em, .filteredGrid[data-grid="3"] .resourceCard .btn--tertiary em, .filteredGrid[data-grid="3"] .resourceCard .btn em {
                font-style: italic
            }

            .filteredGrid[data-grid="3"] .resourceCard--small .btn--icon i, .filteredGrid[data-grid="3"] .resourceCard--small .btn--primary--dark i, .filteredGrid[data-grid="3"] .resourceCard--small .btn--primary i, .filteredGrid[data-grid="3"] .resourceCard--small .btn--secondary i, .filteredGrid[data-grid="3"] .resourceCard--small .btn--small i, .filteredGrid[data-grid="3"] .resourceCard--small .btn--tertiary i, .filteredGrid[data-grid="3"] .resourceCard--small .btn i, .filteredGrid[data-grid="3"] .resourceCard .btn--icon i, .filteredGrid[data-grid="3"] .resourceCard .btn--primary--dark i, .filteredGrid[data-grid="3"] .resourceCard .btn--primary i, .filteredGrid[data-grid="3"] .resourceCard .btn--secondary i, .filteredGrid[data-grid="3"] .resourceCard .btn--small i, .filteredGrid[data-grid="3"] .resourceCard .btn--tertiary i, .filteredGrid[data-grid="3"] .resourceCard .btn i {
                min-width: 16px;
                width: 16px;
                height: 16px;
                font-size: 16px
            }

                .filteredGrid[data-grid="3"] .resourceCard--small .btn--icon i:before, .filteredGrid[data-grid="3"] .resourceCard--small .btn--primary--dark i:before, .filteredGrid[data-grid="3"] .resourceCard--small .btn--primary i:before, .filteredGrid[data-grid="3"] .resourceCard--small .btn--secondary i:before, .filteredGrid[data-grid="3"] .resourceCard--small .btn--small i:before, .filteredGrid[data-grid="3"] .resourceCard--small .btn--tertiary i:before, .filteredGrid[data-grid="3"] .resourceCard--small .btn i:before, .filteredGrid[data-grid="3"] .resourceCard .btn--icon i:before, .filteredGrid[data-grid="3"] .resourceCard .btn--primary--dark i:before, .filteredGrid[data-grid="3"] .resourceCard .btn--primary i:before, .filteredGrid[data-grid="3"] .resourceCard .btn--secondary i:before, .filteredGrid[data-grid="3"] .resourceCard .btn--small i:before, .filteredGrid[data-grid="3"] .resourceCard .btn--tertiary i:before, .filteredGrid[data-grid="3"] .resourceCard .btn i:before {
                    font-size: 16px;
                    font-weight: 400
                }

            .filteredGrid[data-grid="3"] .resourceCard--small .btn--icon, .filteredGrid[data-grid="3"] .resourceCard--small .btn--icon.btn--primary, .filteredGrid[data-grid="3"] .resourceCard--small .btn--icon.btn--primary--dark, .filteredGrid[data-grid="3"] .resourceCard--small .btn--icon.btn--secondary, .filteredGrid[data-grid="3"] .resourceCard--small .btn--icon.btn--small, .filteredGrid[data-grid="3"] .resourceCard--small .btn--icon.btn--tertiary, .filteredGrid[data-grid="3"] .resourceCard--small .btn.btn--icon, .filteredGrid[data-grid="3"] .resourceCard .btn--icon, .filteredGrid[data-grid="3"] .resourceCard .btn--icon.btn--primary, .filteredGrid[data-grid="3"] .resourceCard .btn--icon.btn--primary--dark, .filteredGrid[data-grid="3"] .resourceCard .btn--icon.btn--secondary, .filteredGrid[data-grid="3"] .resourceCard .btn--icon.btn--small, .filteredGrid[data-grid="3"] .resourceCard .btn--icon.btn--tertiary, .filteredGrid[data-grid="3"] .resourceCard .btn.btn--icon {
                width: 40px;
                min-width: 40px
            }

                .filteredGrid[data-grid="3"] .resourceCard--small .btn--icon:hover, .filteredGrid[data-grid="3"] .resourceCard--small .btn--primary--dark:hover, .filteredGrid[data-grid="3"] .resourceCard--small .btn--primary:hover, .filteredGrid[data-grid="3"] .resourceCard--small .btn--secondary:hover, .filteredGrid[data-grid="3"] .resourceCard--small .btn--small:hover, .filteredGrid[data-grid="3"] .resourceCard--small .btn--tertiary:hover, .filteredGrid[data-grid="3"] .resourceCard--small .btn:hover, .filteredGrid[data-grid="3"] .resourceCard .btn--icon:hover, .filteredGrid[data-grid="3"] .resourceCard .btn--primary--dark:hover, .filteredGrid[data-grid="3"] .resourceCard .btn--primary:hover, .filteredGrid[data-grid="3"] .resourceCard .btn--secondary:hover, .filteredGrid[data-grid="3"] .resourceCard .btn--small:hover, .filteredGrid[data-grid="3"] .resourceCard .btn--tertiary:hover, .filteredGrid[data-grid="3"] .resourceCard .btn:hover {
                    color: var(--m-01--dark-01)
                }

    .filteredGrid[data-grid="3"] .resultsCard, .filteredGrid[data-grid="3"] .resultsCard--small {
        max-width: 960px;
        min-height: auto;
        padding: 0 0 16px;
        border-radius: 0;
        flex-direction: column
    }

        .filteredGrid[data-grid="3"] .resultsCard--small .resultsCard__image, .filteredGrid[data-grid="3"] .resultsCard .resultsCard__image {
            height: 126px;
            width: 100%;
            margin-right: 0;
            margin-bottom: 16px
        }

        .filteredGrid[data-grid="3"] .resultsCard--small .resultsCard__content, .filteredGrid[data-grid="3"] .resultsCard .resultsCard__content {
            flex: 2;
            justify-content: flex-start
        }

        .filteredGrid[data-grid="3"] .resultsCard--small .resultsCard__topInfo, .filteredGrid[data-grid="3"] .resultsCard .resultsCard__topInfo {
            flex-direction: column
        }

        .filteredGrid[data-grid="3"] .resultsCard--small .resultsCard__sideInfo, .filteredGrid[data-grid="3"] .resultsCard .resultsCard__sideInfo {
            order: 1;
            transform: none;
            justify-content: space-between;
            margin-bottom: 16px
        }

        .filteredGrid[data-grid="3"] .resultsCard--small .resultsCard__labels, .filteredGrid[data-grid="3"] .resultsCard .resultsCard__labels {
            order: 2
        }

        .filteredGrid[data-grid="3"] .resultsCard--small .resultsCard__text, .filteredGrid[data-grid="3"] .resultsCard .resultsCard__text {
            padding: 0
        }

        .filteredGrid[data-grid="3"] .resultsCard--small .resultsCard__description, .filteredGrid[data-grid="3"] .resultsCard .resultsCard__description {
            margin-top: 4px
        }

        .filteredGrid[data-grid="3"] .resultsCard--small .resultsCard__bottomInfo, .filteredGrid[data-grid="3"] .resultsCard .resultsCard__bottomInfo {
            margin-top: 8px
        }
}

@media (max-width:1280px) and (max-width:512px) {
    .filteredGrid[data-grid="3"] .resultsCard--small .resultsCard__bottomInfo, .filteredGrid[data-grid="3"] .resultsCard .resultsCard__bottomInfo {
        flex-direction: column;
        align-items: flex-start
    }
}

@media (max-width:1280px) and (max-width:512px) {
    .filteredGrid[data-grid="3"] .resultsCard--small .resultsCard__btnContainer, .filteredGrid[data-grid="3"] .resultsCard .resultsCard__btnContainer {
        margin-top: 8px;
        width: 100%;
        display: flex;
        justify-content: flex-end
    }
}

@media (max-width:1280px) {
    .filteredGrid[data-grid="3"] .resultsCard--small .btnBookmark, .filteredGrid[data-grid="3"] .resultsCard--small .btnBookmark--small, .filteredGrid[data-grid="3"] .resultsCard .btnBookmark, .filteredGrid[data-grid="3"] .resultsCard .btnBookmark--small {
        transform: translateX(16px);
        width: 48px
    }

    .filteredGrid[data-grid="3"] .thumbResultsCard, .filteredGrid[data-grid="3"] .thumbResultsCard--small {
        max-width: 636px;
        flex-direction: row
    }

        .filteredGrid[data-grid="3"] .thumbResultsCard--small .thumbResultsCard__image, .filteredGrid[data-grid="3"] .thumbResultsCard .thumbResultsCard__image {
            height: auto;
            width: 89px;
            min-width: 89px;
            border-top-left-radius: 2px;
            border-top-right-radius: 0;
            border-bottom-left-radius: 2px
        }

        .filteredGrid[data-grid="3"] .thumbResultsCard--small .thumbResultsCard__content, .filteredGrid[data-grid="3"] .thumbResultsCard .thumbResultsCard__content {
            justify-content: flex-start
        }

        .filteredGrid[data-grid="3"] .thumbResultsCard--small .thumbResultsCard__sideInfo, .filteredGrid[data-grid="3"] .thumbResultsCard .thumbResultsCard__sideInfo {
            transform: none;
            justify-content: space-between
        }

        .filteredGrid[data-grid="3"] .thumbResultsCard--small .thumbResultsCard__text, .filteredGrid[data-grid="3"] .thumbResultsCard .thumbResultsCard__text {
            padding: 0
        }

        .filteredGrid[data-grid="3"] .thumbResultsCard--small .thumbResultsCard__description, .filteredGrid[data-grid="3"] .thumbResultsCard .thumbResultsCard__description {
            margin-top: 4px
        }
}

@media (max-width:1280px) and (max-width:512px) {
    .filteredGrid[data-grid="3"] .thumbResultsCard--small .thumbResultsCard__btnContainer, .filteredGrid[data-grid="3"] .thumbResultsCard .thumbResultsCard__btnContainer {
        margin-top: 8px
    }
}

@media (max-width:1280px) {
    .filteredGrid[data-grid="3"] .supplierCard, .filteredGrid[data-grid="3"] .supplierCard--small {
        max-width: 960px;
        min-height: 214px
    }

        .filteredGrid[data-grid="3"] .supplierCard--small .supplierCard__container, .filteredGrid[data-grid="3"] .supplierCard .supplierCard__container {
            padding: 24px 16px
        }

            .filteredGrid[data-grid="3"] .supplierCard--small .supplierCard__container.opened, .filteredGrid[data-grid="3"] .supplierCard .supplierCard__container.opened {
                max-width: 90vw;
                padding: 24px 40px 24px 24px
            }
}

@media (max-width:1280px) and (max-width:768px) {
    .filteredGrid[data-grid="3"] .supplierCard--small .supplierCard__container.opened, .filteredGrid[data-grid="3"] .supplierCard .supplierCard__container.opened {
        padding: 24px
    }
}

@media (max-width:1280px) {
    .filteredGrid[data-grid="3"] .supplierCard--small .supplierCard__container.opened .supplierCard__content, .filteredGrid[data-grid="3"] .supplierCard .supplierCard__container.opened .supplierCard__content {
        max-width: calc(100% - 120px - 16px)
    }
}

@media (max-width:1280px) and (max-width:768px) {
    .filteredGrid[data-grid="3"] .supplierCard--small .supplierCard__container.opened .supplierCard__content, .filteredGrid[data-grid="3"] .supplierCard .supplierCard__container.opened .supplierCard__content {
        max-width: 100%
    }
}

@media (max-width:1280px) {
    .filteredGrid[data-grid="3"] .supplierCard--small .supplierCard__container.opened .supplierCard__image, .filteredGrid[data-grid="3"] .supplierCard .supplierCard__container.opened .supplierCard__image {
        width: 120px;
        height: 120px
    }

    .filteredGrid[data-grid="3"] .supplierCard--small .supplierCard__image, .filteredGrid[data-grid="3"] .supplierCard .supplierCard__image {
        max-width: 110px;
        width: calc(15% - 16px);
        margin-right: 16px
    }
}

@media (max-width:1280px) and (max-width:768px) {
    .filteredGrid[data-grid="3"] .supplierCard--small .supplierCard__image, .filteredGrid[data-grid="3"] .supplierCard .supplierCard__image {
        width: calc(25% - 16px)
    }
}

@media (max-width:1280px) and (max-width:512px) {
    .filteredGrid[data-grid="3"] .supplierCard--small .supplierCard__image, .filteredGrid[data-grid="3"] .supplierCard .supplierCard__image {
        width: calc(40% - 16px)
    }
}

@media (max-width:1280px) {
    .filteredGrid[data-grid="3"] .supplierCard--small .supplierCard__content, .filteredGrid[data-grid="3"] .supplierCard .supplierCard__content {
        max-width: 85%
    }
}

@media (max-width:1280px) and (max-width:768px) {
    .filteredGrid[data-grid="3"] .supplierCard--small .supplierCard__content, .filteredGrid[data-grid="3"] .supplierCard .supplierCard__content {
        max-width: 75%
    }
}

@media (max-width:1280px) and (max-width:512px) {
    .filteredGrid[data-grid="3"] .supplierCard--small .supplierCard__content, .filteredGrid[data-grid="3"] .supplierCard .supplierCard__content {
        max-width: 60%
    }
}

@media (max-width:1280px) and (max-width:768px) {
    .filteredGrid[data-grid="3"] .supplierCard--small .supplierCard__title, .filteredGrid[data-grid="3"] .supplierCard .supplierCard__title {
        margin: 16px 0 8px
    }
}

@media (max-width:1280px) {
    .filteredGrid[data-grid="3"] .supplierCard--small .supplierCard__link, .filteredGrid[data-grid="3"] .supplierCard .supplierCard__link {
        right: -40px
    }
}

@media (max-width:1280px) and (max-width:768px) {
    .filteredGrid[data-grid="3"] .supplierCard--small .supplierCard__link, .filteredGrid[data-grid="3"] .supplierCard .supplierCard__link {
        right: -24px
    }
}

@media (max-width:1280px) {
    .filteredGrid[data-grid="3"] .supplierCard--small .supplierCard__shortDescription, .filteredGrid[data-grid="3"] .supplierCard .supplierCard__shortDescription {
        max-width: none
    }

    .filteredGrid[data-grid="3"] .supplierCard--small .openExpandedCard, .filteredGrid[data-grid="3"] .supplierCard--small .openExpandedCard button, .filteredGrid[data-grid="3"] .supplierCard .openExpandedCard, .filteredGrid[data-grid="3"] .supplierCard .openExpandedCard button {
        width: 100%
    }

    .filteredGrid[data-grid="3"] .supplierCard--small .closeExpandedCard, .filteredGrid[data-grid="3"] .supplierCard .closeExpandedCard {
        top: 16px;
        right: 8px
    }

    .filteredGrid[data-grid="3"] .supplierCard--small .btn, .filteredGrid[data-grid="3"] .supplierCard--small .btn--icon, .filteredGrid[data-grid="3"] .supplierCard--small .btn--primary, .filteredGrid[data-grid="3"] .supplierCard--small .btn--primary--dark, .filteredGrid[data-grid="3"] .supplierCard--small .btn--secondary, .filteredGrid[data-grid="3"] .supplierCard--small .btn--small, .filteredGrid[data-grid="3"] .supplierCard--small .btn--tertiary, .filteredGrid[data-grid="3"] .supplierCard .btn, .filteredGrid[data-grid="3"] .supplierCard .btn--icon, .filteredGrid[data-grid="3"] .supplierCard .btn--primary, .filteredGrid[data-grid="3"] .supplierCard .btn--primary--dark, .filteredGrid[data-grid="3"] .supplierCard .btn--secondary, .filteredGrid[data-grid="3"] .supplierCard .btn--small, .filteredGrid[data-grid="3"] .supplierCard .btn--tertiary {
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-stretch: normal;
        letter-spacing: normal;
        font-family: Inter,sans-serif;
        font-size: .813rem;
        line-height: 1.538em;
        letter-spacing: -.003em;
        font-weight: 400;
        font-weight: 700;
        padding: 0 20px;
        height: 40px
    }

        .filteredGrid[data-grid="3"] .supplierCard--small .btn--icon .link a, .filteredGrid[data-grid="3"] .supplierCard--small .btn--primary--dark .link a, .filteredGrid[data-grid="3"] .supplierCard--small .btn--primary .link a, .filteredGrid[data-grid="3"] .supplierCard--small .btn--secondary .link a, .filteredGrid[data-grid="3"] .supplierCard--small .btn--small .link a, .filteredGrid[data-grid="3"] .supplierCard--small .btn--tertiary .link a, .filteredGrid[data-grid="3"] .supplierCard--small .btn .link a, .filteredGrid[data-grid="3"] .supplierCard .btn--icon .link a, .filteredGrid[data-grid="3"] .supplierCard .btn--primary--dark .link a, .filteredGrid[data-grid="3"] .supplierCard .btn--primary .link a, .filteredGrid[data-grid="3"] .supplierCard .btn--secondary .link a, .filteredGrid[data-grid="3"] .supplierCard .btn--small .link a, .filteredGrid[data-grid="3"] .supplierCard .btn--tertiary .link a, .filteredGrid[data-grid="3"] .supplierCard .btn .link a {
            transition: all .1s ease;
            text-decoration: underline;
            color: var(--m-01--dark-01)
        }

            .filteredGrid[data-grid="3"] .supplierCard--small .btn--icon .link a:hover, .filteredGrid[data-grid="3"] .supplierCard--small .btn--primary--dark .link a:hover, .filteredGrid[data-grid="3"] .supplierCard--small .btn--primary .link a:hover, .filteredGrid[data-grid="3"] .supplierCard--small .btn--secondary .link a:hover, .filteredGrid[data-grid="3"] .supplierCard--small .btn--small .link a:hover, .filteredGrid[data-grid="3"] .supplierCard--small .btn--tertiary .link a:hover, .filteredGrid[data-grid="3"] .supplierCard--small .btn .link a:hover, .filteredGrid[data-grid="3"] .supplierCard .btn--icon .link a:hover, .filteredGrid[data-grid="3"] .supplierCard .btn--primary--dark .link a:hover, .filteredGrid[data-grid="3"] .supplierCard .btn--primary .link a:hover, .filteredGrid[data-grid="3"] .supplierCard .btn--secondary .link a:hover, .filteredGrid[data-grid="3"] .supplierCard .btn--small .link a:hover, .filteredGrid[data-grid="3"] .supplierCard .btn--tertiary .link a:hover, .filteredGrid[data-grid="3"] .supplierCard .btn .link a:hover {
                color: var(--m-01)
            }

        .filteredGrid[data-grid="3"] .supplierCard--small .btn--icon mark, .filteredGrid[data-grid="3"] .supplierCard--small .btn--icon mark[data-color=color], .filteredGrid[data-grid="3"] .supplierCard--small .btn--primary--dark mark, .filteredGrid[data-grid="3"] .supplierCard--small .btn--primary--dark mark[data-color=color], .filteredGrid[data-grid="3"] .supplierCard--small .btn--primary mark, .filteredGrid[data-grid="3"] .supplierCard--small .btn--primary mark[data-color=color], .filteredGrid[data-grid="3"] .supplierCard--small .btn--secondary mark, .filteredGrid[data-grid="3"] .supplierCard--small .btn--secondary mark[data-color=color], .filteredGrid[data-grid="3"] .supplierCard--small .btn--small mark, .filteredGrid[data-grid="3"] .supplierCard--small .btn--small mark[data-color=color], .filteredGrid[data-grid="3"] .supplierCard--small .btn--tertiary mark, .filteredGrid[data-grid="3"] .supplierCard--small .btn--tertiary mark[data-color=color], .filteredGrid[data-grid="3"] .supplierCard--small .btn mark, .filteredGrid[data-grid="3"] .supplierCard--small .btn mark[data-color=color], .filteredGrid[data-grid="3"] .supplierCard .btn--icon mark, .filteredGrid[data-grid="3"] .supplierCard .btn--icon mark[data-color=color], .filteredGrid[data-grid="3"] .supplierCard .btn--primary--dark mark, .filteredGrid[data-grid="3"] .supplierCard .btn--primary--dark mark[data-color=color], .filteredGrid[data-grid="3"] .supplierCard .btn--primary mark, .filteredGrid[data-grid="3"] .supplierCard .btn--primary mark[data-color=color], .filteredGrid[data-grid="3"] .supplierCard .btn--secondary mark, .filteredGrid[data-grid="3"] .supplierCard .btn--secondary mark[data-color=color], .filteredGrid[data-grid="3"] .supplierCard .btn--small mark, .filteredGrid[data-grid="3"] .supplierCard .btn--small mark[data-color=color], .filteredGrid[data-grid="3"] .supplierCard .btn--tertiary mark, .filteredGrid[data-grid="3"] .supplierCard .btn--tertiary mark[data-color=color], .filteredGrid[data-grid="3"] .supplierCard .btn mark, .filteredGrid[data-grid="3"] .supplierCard .btn mark[data-color=color] {
            color: var(--m-01--dark-01)
        }

            .filteredGrid[data-grid="3"] .supplierCard--small .btn--icon mark[data-color=gray], .filteredGrid[data-grid="3"] .supplierCard--small .btn--primary--dark mark[data-color=gray], .filteredGrid[data-grid="3"] .supplierCard--small .btn--primary mark[data-color=gray], .filteredGrid[data-grid="3"] .supplierCard--small .btn--secondary mark[data-color=gray], .filteredGrid[data-grid="3"] .supplierCard--small .btn--small mark[data-color=gray], .filteredGrid[data-grid="3"] .supplierCard--small .btn--tertiary mark[data-color=gray], .filteredGrid[data-grid="3"] .supplierCard--small .btn mark[data-color=gray], .filteredGrid[data-grid="3"] .supplierCard .btn--icon mark[data-color=gray], .filteredGrid[data-grid="3"] .supplierCard .btn--primary--dark mark[data-color=gray], .filteredGrid[data-grid="3"] .supplierCard .btn--primary mark[data-color=gray], .filteredGrid[data-grid="3"] .supplierCard .btn--secondary mark[data-color=gray], .filteredGrid[data-grid="3"] .supplierCard .btn--small mark[data-color=gray], .filteredGrid[data-grid="3"] .supplierCard .btn--tertiary mark[data-color=gray], .filteredGrid[data-grid="3"] .supplierCard .btn mark[data-color=gray] {
                color: var(--neu-07)
            }

            .filteredGrid[data-grid="3"] .supplierCard--small .btn--icon mark[data-color=default], .filteredGrid[data-grid="3"] .supplierCard--small .btn--primary--dark mark[data-color=default], .filteredGrid[data-grid="3"] .supplierCard--small .btn--primary mark[data-color=default], .filteredGrid[data-grid="3"] .supplierCard--small .btn--secondary mark[data-color=default], .filteredGrid[data-grid="3"] .supplierCard--small .btn--small mark[data-color=default], .filteredGrid[data-grid="3"] .supplierCard--small .btn--tertiary mark[data-color=default], .filteredGrid[data-grid="3"] .supplierCard--small .btn mark[data-color=default], .filteredGrid[data-grid="3"] .supplierCard .btn--icon mark[data-color=default], .filteredGrid[data-grid="3"] .supplierCard .btn--primary--dark mark[data-color=default], .filteredGrid[data-grid="3"] .supplierCard .btn--primary mark[data-color=default], .filteredGrid[data-grid="3"] .supplierCard .btn--secondary mark[data-color=default], .filteredGrid[data-grid="3"] .supplierCard .btn--small mark[data-color=default], .filteredGrid[data-grid="3"] .supplierCard .btn--tertiary mark[data-color=default], .filteredGrid[data-grid="3"] .supplierCard .btn mark[data-color=default] {
                color: var(--neu-10)
            }

        .filteredGrid[data-grid="3"] .supplierCard--small .btn--icon span.m-01--dark-01, .filteredGrid[data-grid="3"] .supplierCard--small .btn--icon span[data-color=color], .filteredGrid[data-grid="3"] .supplierCard--small .btn--primary--dark span.m-01--dark-01, .filteredGrid[data-grid="3"] .supplierCard--small .btn--primary--dark span[data-color=color], .filteredGrid[data-grid="3"] .supplierCard--small .btn--primary span.m-01--dark-01, .filteredGrid[data-grid="3"] .supplierCard--small .btn--primary span[data-color=color], .filteredGrid[data-grid="3"] .supplierCard--small .btn--secondary span.m-01--dark-01, .filteredGrid[data-grid="3"] .supplierCard--small .btn--secondary span[data-color=color], .filteredGrid[data-grid="3"] .supplierCard--small .btn--small span.m-01--dark-01, .filteredGrid[data-grid="3"] .supplierCard--small .btn--small span[data-color=color], .filteredGrid[data-grid="3"] .supplierCard--small .btn--tertiary span.m-01--dark-01, .filteredGrid[data-grid="3"] .supplierCard--small .btn--tertiary span[data-color=color], .filteredGrid[data-grid="3"] .supplierCard--small .btn span.m-01--dark-01, .filteredGrid[data-grid="3"] .supplierCard--small .btn span[data-color=color], .filteredGrid[data-grid="3"] .supplierCard .btn--icon span.m-01--dark-01, .filteredGrid[data-grid="3"] .supplierCard .btn--icon span[data-color=color], .filteredGrid[data-grid="3"] .supplierCard .btn--primary--dark span.m-01--dark-01, .filteredGrid[data-grid="3"] .supplierCard .btn--primary--dark span[data-color=color], .filteredGrid[data-grid="3"] .supplierCard .btn--primary span.m-01--dark-01, .filteredGrid[data-grid="3"] .supplierCard .btn--primary span[data-color=color], .filteredGrid[data-grid="3"] .supplierCard .btn--secondary span.m-01--dark-01, .filteredGrid[data-grid="3"] .supplierCard .btn--secondary span[data-color=color], .filteredGrid[data-grid="3"] .supplierCard .btn--small span.m-01--dark-01, .filteredGrid[data-grid="3"] .supplierCard .btn--small span[data-color=color], .filteredGrid[data-grid="3"] .supplierCard .btn--tertiary span.m-01--dark-01, .filteredGrid[data-grid="3"] .supplierCard .btn--tertiary span[data-color=color], .filteredGrid[data-grid="3"] .supplierCard .btn span.m-01--dark-01, .filteredGrid[data-grid="3"] .supplierCard .btn span[data-color=color] {
            color: var(--m-01--dark-01)
        }

        .filteredGrid[data-grid="3"] .supplierCard--small .btn--icon span.neu-07, .filteredGrid[data-grid="3"] .supplierCard--small .btn--icon span[data-color=gray], .filteredGrid[data-grid="3"] .supplierCard--small .btn--primary--dark span.neu-07, .filteredGrid[data-grid="3"] .supplierCard--small .btn--primary--dark span[data-color=gray], .filteredGrid[data-grid="3"] .supplierCard--small .btn--primary span.neu-07, .filteredGrid[data-grid="3"] .supplierCard--small .btn--primary span[data-color=gray], .filteredGrid[data-grid="3"] .supplierCard--small .btn--secondary span.neu-07, .filteredGrid[data-grid="3"] .supplierCard--small .btn--secondary span[data-color=gray], .filteredGrid[data-grid="3"] .supplierCard--small .btn--small span.neu-07, .filteredGrid[data-grid="3"] .supplierCard--small .btn--small span[data-color=gray], .filteredGrid[data-grid="3"] .supplierCard--small .btn--tertiary span.neu-07, .filteredGrid[data-grid="3"] .supplierCard--small .btn--tertiary span[data-color=gray], .filteredGrid[data-grid="3"] .supplierCard--small .btn span.neu-07, .filteredGrid[data-grid="3"] .supplierCard--small .btn span[data-color=gray], .filteredGrid[data-grid="3"] .supplierCard .btn--icon span.neu-07, .filteredGrid[data-grid="3"] .supplierCard .btn--icon span[data-color=gray], .filteredGrid[data-grid="3"] .supplierCard .btn--primary--dark span.neu-07, .filteredGrid[data-grid="3"] .supplierCard .btn--primary--dark span[data-color=gray], .filteredGrid[data-grid="3"] .supplierCard .btn--primary span.neu-07, .filteredGrid[data-grid="3"] .supplierCard .btn--primary span[data-color=gray], .filteredGrid[data-grid="3"] .supplierCard .btn--secondary span.neu-07, .filteredGrid[data-grid="3"] .supplierCard .btn--secondary span[data-color=gray], .filteredGrid[data-grid="3"] .supplierCard .btn--small span.neu-07, .filteredGrid[data-grid="3"] .supplierCard .btn--small span[data-color=gray], .filteredGrid[data-grid="3"] .supplierCard .btn--tertiary span.neu-07, .filteredGrid[data-grid="3"] .supplierCard .btn--tertiary span[data-color=gray], .filteredGrid[data-grid="3"] .supplierCard .btn span.neu-07, .filteredGrid[data-grid="3"] .supplierCard .btn span[data-color=gray] {
            color: var(--neu-07)
        }

        .filteredGrid[data-grid="3"] .supplierCard--small .btn--icon span.neu-10, .filteredGrid[data-grid="3"] .supplierCard--small .btn--icon span[data-color=default], .filteredGrid[data-grid="3"] .supplierCard--small .btn--primary--dark span.neu-10, .filteredGrid[data-grid="3"] .supplierCard--small .btn--primary--dark span[data-color=default], .filteredGrid[data-grid="3"] .supplierCard--small .btn--primary span.neu-10, .filteredGrid[data-grid="3"] .supplierCard--small .btn--primary span[data-color=default], .filteredGrid[data-grid="3"] .supplierCard--small .btn--secondary span.neu-10, .filteredGrid[data-grid="3"] .supplierCard--small .btn--secondary span[data-color=default], .filteredGrid[data-grid="3"] .supplierCard--small .btn--small span.neu-10, .filteredGrid[data-grid="3"] .supplierCard--small .btn--small span[data-color=default], .filteredGrid[data-grid="3"] .supplierCard--small .btn--tertiary span.neu-10, .filteredGrid[data-grid="3"] .supplierCard--small .btn--tertiary span[data-color=default], .filteredGrid[data-grid="3"] .supplierCard--small .btn span.neu-10, .filteredGrid[data-grid="3"] .supplierCard--small .btn span[data-color=default], .filteredGrid[data-grid="3"] .supplierCard .btn--icon span.neu-10, .filteredGrid[data-grid="3"] .supplierCard .btn--icon span[data-color=default], .filteredGrid[data-grid="3"] .supplierCard .btn--primary--dark span.neu-10, .filteredGrid[data-grid="3"] .supplierCard .btn--primary--dark span[data-color=default], .filteredGrid[data-grid="3"] .supplierCard .btn--primary span.neu-10, .filteredGrid[data-grid="3"] .supplierCard .btn--primary span[data-color=default], .filteredGrid[data-grid="3"] .supplierCard .btn--secondary span.neu-10, .filteredGrid[data-grid="3"] .supplierCard .btn--secondary span[data-color=default], .filteredGrid[data-grid="3"] .supplierCard .btn--small span.neu-10, .filteredGrid[data-grid="3"] .supplierCard .btn--small span[data-color=default], .filteredGrid[data-grid="3"] .supplierCard .btn--tertiary span.neu-10, .filteredGrid[data-grid="3"] .supplierCard .btn--tertiary span[data-color=default], .filteredGrid[data-grid="3"] .supplierCard .btn span.neu-10, .filteredGrid[data-grid="3"] .supplierCard .btn span[data-color=default] {
            color: var(--neu-10)
        }

        .filteredGrid[data-grid="3"] .supplierCard--small .btn--icon b, .filteredGrid[data-grid="3"] .supplierCard--small .btn--icon strong, .filteredGrid[data-grid="3"] .supplierCard--small .btn--primary--dark b, .filteredGrid[data-grid="3"] .supplierCard--small .btn--primary--dark strong, .filteredGrid[data-grid="3"] .supplierCard--small .btn--primary b, .filteredGrid[data-grid="3"] .supplierCard--small .btn--primary strong, .filteredGrid[data-grid="3"] .supplierCard--small .btn--secondary b, .filteredGrid[data-grid="3"] .supplierCard--small .btn--secondary strong, .filteredGrid[data-grid="3"] .supplierCard--small .btn--small b, .filteredGrid[data-grid="3"] .supplierCard--small .btn--small strong, .filteredGrid[data-grid="3"] .supplierCard--small .btn--tertiary b, .filteredGrid[data-grid="3"] .supplierCard--small .btn--tertiary strong, .filteredGrid[data-grid="3"] .supplierCard--small .btn b, .filteredGrid[data-grid="3"] .supplierCard--small .btn strong, .filteredGrid[data-grid="3"] .supplierCard .btn--icon b, .filteredGrid[data-grid="3"] .supplierCard .btn--icon strong, .filteredGrid[data-grid="3"] .supplierCard .btn--primary--dark b, .filteredGrid[data-grid="3"] .supplierCard .btn--primary--dark strong, .filteredGrid[data-grid="3"] .supplierCard .btn--primary b, .filteredGrid[data-grid="3"] .supplierCard .btn--primary strong, .filteredGrid[data-grid="3"] .supplierCard .btn--secondary b, .filteredGrid[data-grid="3"] .supplierCard .btn--secondary strong, .filteredGrid[data-grid="3"] .supplierCard .btn--small b, .filteredGrid[data-grid="3"] .supplierCard .btn--small strong, .filteredGrid[data-grid="3"] .supplierCard .btn--tertiary b, .filteredGrid[data-grid="3"] .supplierCard .btn--tertiary strong, .filteredGrid[data-grid="3"] .supplierCard .btn b, .filteredGrid[data-grid="3"] .supplierCard .btn strong {
            font-weight: 700
        }

        .filteredGrid[data-grid="3"] .supplierCard--small .btn--icon em, .filteredGrid[data-grid="3"] .supplierCard--small .btn--primary--dark em, .filteredGrid[data-grid="3"] .supplierCard--small .btn--primary em, .filteredGrid[data-grid="3"] .supplierCard--small .btn--secondary em, .filteredGrid[data-grid="3"] .supplierCard--small .btn--small em, .filteredGrid[data-grid="3"] .supplierCard--small .btn--tertiary em, .filteredGrid[data-grid="3"] .supplierCard--small .btn em, .filteredGrid[data-grid="3"] .supplierCard .btn--icon em, .filteredGrid[data-grid="3"] .supplierCard .btn--primary--dark em, .filteredGrid[data-grid="3"] .supplierCard .btn--primary em, .filteredGrid[data-grid="3"] .supplierCard .btn--secondary em, .filteredGrid[data-grid="3"] .supplierCard .btn--small em, .filteredGrid[data-grid="3"] .supplierCard .btn--tertiary em, .filteredGrid[data-grid="3"] .supplierCard .btn em {
            font-style: italic
        }

        .filteredGrid[data-grid="3"] .supplierCard--small .btn--icon i, .filteredGrid[data-grid="3"] .supplierCard--small .btn--primary--dark i, .filteredGrid[data-grid="3"] .supplierCard--small .btn--primary i, .filteredGrid[data-grid="3"] .supplierCard--small .btn--secondary i, .filteredGrid[data-grid="3"] .supplierCard--small .btn--small i, .filteredGrid[data-grid="3"] .supplierCard--small .btn--tertiary i, .filteredGrid[data-grid="3"] .supplierCard--small .btn i, .filteredGrid[data-grid="3"] .supplierCard .btn--icon i, .filteredGrid[data-grid="3"] .supplierCard .btn--primary--dark i, .filteredGrid[data-grid="3"] .supplierCard .btn--primary i, .filteredGrid[data-grid="3"] .supplierCard .btn--secondary i, .filteredGrid[data-grid="3"] .supplierCard .btn--small i, .filteredGrid[data-grid="3"] .supplierCard .btn--tertiary i, .filteredGrid[data-grid="3"] .supplierCard .btn i {
            min-width: 16px;
            width: 16px;
            height: 16px;
            font-size: 16px
        }

            .filteredGrid[data-grid="3"] .supplierCard--small .btn--icon i:before, .filteredGrid[data-grid="3"] .supplierCard--small .btn--primary--dark i:before, .filteredGrid[data-grid="3"] .supplierCard--small .btn--primary i:before, .filteredGrid[data-grid="3"] .supplierCard--small .btn--secondary i:before, .filteredGrid[data-grid="3"] .supplierCard--small .btn--small i:before, .filteredGrid[data-grid="3"] .supplierCard--small .btn--tertiary i:before, .filteredGrid[data-grid="3"] .supplierCard--small .btn i:before, .filteredGrid[data-grid="3"] .supplierCard .btn--icon i:before, .filteredGrid[data-grid="3"] .supplierCard .btn--primary--dark i:before, .filteredGrid[data-grid="3"] .supplierCard .btn--primary i:before, .filteredGrid[data-grid="3"] .supplierCard .btn--secondary i:before, .filteredGrid[data-grid="3"] .supplierCard .btn--small i:before, .filteredGrid[data-grid="3"] .supplierCard .btn--tertiary i:before, .filteredGrid[data-grid="3"] .supplierCard .btn i:before {
                font-size: 16px;
                font-weight: 400
            }

        .filteredGrid[data-grid="3"] .supplierCard--small .btn--icon, .filteredGrid[data-grid="3"] .supplierCard--small .btn--icon.btn--primary, .filteredGrid[data-grid="3"] .supplierCard--small .btn--icon.btn--primary--dark, .filteredGrid[data-grid="3"] .supplierCard--small .btn--icon.btn--secondary, .filteredGrid[data-grid="3"] .supplierCard--small .btn--icon.btn--small, .filteredGrid[data-grid="3"] .supplierCard--small .btn--icon.btn--tertiary, .filteredGrid[data-grid="3"] .supplierCard--small .btn.btn--icon, .filteredGrid[data-grid="3"] .supplierCard .btn--icon, .filteredGrid[data-grid="3"] .supplierCard .btn--icon.btn--primary, .filteredGrid[data-grid="3"] .supplierCard .btn--icon.btn--primary--dark, .filteredGrid[data-grid="3"] .supplierCard .btn--icon.btn--secondary, .filteredGrid[data-grid="3"] .supplierCard .btn--icon.btn--small, .filteredGrid[data-grid="3"] .supplierCard .btn--icon.btn--tertiary, .filteredGrid[data-grid="3"] .supplierCard .btn.btn--icon {
            width: 40px;
            min-width: 40px
        }

    .filteredGrid[data-grid="3"] .regionResultsCard, .filteredGrid[data-grid="3"] .regionResultsCard--small {
        max-width: 960px;
        min-height: auto;
        padding: 0 0 24px;
        border-radius: 0;
        flex-direction: column
    }

        .filteredGrid[data-grid="3"] .regionResultsCard--small .regionResultsCard__image, .filteredGrid[data-grid="3"] .regionResultsCard .regionResultsCard__image {
            height: 100px;
            width: 100%;
            margin-right: 0;
            margin-bottom: 16px
        }

        .filteredGrid[data-grid="3"] .regionResultsCard--small .regionResultsCard__title, .filteredGrid[data-grid="3"] .regionResultsCard .regionResultsCard__title {
            margin-top: 4px
        }

        .filteredGrid[data-grid="3"] .regionResultsCard--small .regionResultsCard__content, .filteredGrid[data-grid="3"] .regionResultsCard .regionResultsCard__content {
            flex: 2;
            justify-content: flex-start
        }

        .filteredGrid[data-grid="3"] .regionResultsCard--small .regionResultsCard__topInfo, .filteredGrid[data-grid="3"] .regionResultsCard .regionResultsCard__topInfo {
            flex-direction: column
        }

        .filteredGrid[data-grid="3"] .regionResultsCard--small .regionResultsCard__sideInfo, .filteredGrid[data-grid="3"] .regionResultsCard .regionResultsCard__sideInfo {
            order: 1;
            transform: none;
            justify-content: space-between;
            margin-bottom: 16px
        }

        .filteredGrid[data-grid="3"] .regionResultsCard--small .regionResultsCard__labels, .filteredGrid[data-grid="3"] .regionResultsCard .regionResultsCard__labels {
            order: 2
        }

        .filteredGrid[data-grid="3"] .regionResultsCard--small .regionResultsCard__text, .filteredGrid[data-grid="3"] .regionResultsCard .regionResultsCard__text {
            padding: 0
        }

        .filteredGrid[data-grid="3"] .regionResultsCard--small .regionResultsCard__bottomInfo, .filteredGrid[data-grid="3"] .regionResultsCard .regionResultsCard__bottomInfo {
            margin-top: 8px;
            flex-direction: column;
            align-items: flex-start
        }

        .filteredGrid[data-grid="3"] .regionResultsCard--small .regionResultsCard__btnContainer, .filteredGrid[data-grid="3"] .regionResultsCard .regionResultsCard__btnContainer {
            width: 100%;
            display: flex
        }

            .filteredGrid[data-grid="3"] .regionResultsCard--small .regionResultsCard__btnContainer .btn--primary, .filteredGrid[data-grid="3"] .regionResultsCard .regionResultsCard__btnContainer .btn--primary {
                width: 100%
            }

        .filteredGrid[data-grid="3"] .regionResultsCard--small .btnBookmark, .filteredGrid[data-grid="3"] .regionResultsCard--small .btnBookmark--privateArea, .filteredGrid[data-grid="3"] .regionResultsCard--small .btnBookmark--small, .filteredGrid[data-grid="3"] .regionResultsCard .btnBookmark, .filteredGrid[data-grid="3"] .regionResultsCard .btnBookmark--privateArea, .filteredGrid[data-grid="3"] .regionResultsCard .btnBookmark--small {
            transform: translateX(20px)
        }

            .filteredGrid[data-grid="3"] .regionResultsCard--small .btnBookmark--privateArea .btnBookmark, .filteredGrid[data-grid="3"] .regionResultsCard--small .btnBookmark--privateArea .btnBookmark--small, .filteredGrid[data-grid="3"] .regionResultsCard .btnBookmark--privateArea .btnBookmark, .filteredGrid[data-grid="3"] .regionResultsCard .btnBookmark--privateArea .btnBookmark--small {
                transform: translateX(0)
            }

    .filteredGrid[data-grid="3"] .resourceCard, .filteredGrid[data-grid="3"] .resourceCard--small {
        max-width: 960px;
        min-height: 200px;
        height: 100%;
        padding: 24px 16px
    }

        .filteredGrid[data-grid="3"] .resourceCard--small .resourceCard__title, .filteredGrid[data-grid="3"] .resourceCard .resourceCard__title {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Inter,sans-serif;
            font-size: 1.188rem;
            line-height: 1.263em;
            letter-spacing: -.016em;
            font-weight: 400;
            margin-top: 4px
        }

            .filteredGrid[data-grid="3"] .resourceCard--small .resourceCard__title .link a, .filteredGrid[data-grid="3"] .resourceCard .resourceCard__title .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .filteredGrid[data-grid="3"] .resourceCard--small .resourceCard__title .link a:hover, .filteredGrid[data-grid="3"] .resourceCard .resourceCard__title .link a:hover {
                    color: var(--m-01)
                }

            .filteredGrid[data-grid="3"] .resourceCard--small .resourceCard__title mark, .filteredGrid[data-grid="3"] .resourceCard--small .resourceCard__title mark[data-color=color], .filteredGrid[data-grid="3"] .resourceCard .resourceCard__title mark, .filteredGrid[data-grid="3"] .resourceCard .resourceCard__title mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .filteredGrid[data-grid="3"] .resourceCard--small .resourceCard__title mark[data-color=gray], .filteredGrid[data-grid="3"] .resourceCard .resourceCard__title mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .filteredGrid[data-grid="3"] .resourceCard--small .resourceCard__title mark[data-color=default], .filteredGrid[data-grid="3"] .resourceCard .resourceCard__title mark[data-color=default] {
                    color: var(--neu-10)
                }

            .filteredGrid[data-grid="3"] .resourceCard--small .resourceCard__title span.m-01--dark-01, .filteredGrid[data-grid="3"] .resourceCard--small .resourceCard__title span[data-color=color], .filteredGrid[data-grid="3"] .resourceCard .resourceCard__title span.m-01--dark-01, .filteredGrid[data-grid="3"] .resourceCard .resourceCard__title span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .filteredGrid[data-grid="3"] .resourceCard--small .resourceCard__title span.neu-07, .filteredGrid[data-grid="3"] .resourceCard--small .resourceCard__title span[data-color=gray], .filteredGrid[data-grid="3"] .resourceCard .resourceCard__title span.neu-07, .filteredGrid[data-grid="3"] .resourceCard .resourceCard__title span[data-color=gray] {
                color: var(--neu-07)
            }

            .filteredGrid[data-grid="3"] .resourceCard--small .resourceCard__title span.neu-10, .filteredGrid[data-grid="3"] .resourceCard--small .resourceCard__title span[data-color=default], .filteredGrid[data-grid="3"] .resourceCard .resourceCard__title span.neu-10, .filteredGrid[data-grid="3"] .resourceCard .resourceCard__title span[data-color=default] {
                color: var(--neu-10)
            }

            .filteredGrid[data-grid="3"] .resourceCard--small .resourceCard__title b, .filteredGrid[data-grid="3"] .resourceCard--small .resourceCard__title strong, .filteredGrid[data-grid="3"] .resourceCard .resourceCard__title b, .filteredGrid[data-grid="3"] .resourceCard .resourceCard__title strong {
                font-weight: 700
            }

            .filteredGrid[data-grid="3"] .resourceCard--small .resourceCard__title em, .filteredGrid[data-grid="3"] .resourceCard .resourceCard__title em {
                font-style: italic
            }

        .filteredGrid[data-grid="3"] .resourceCard--small .btn, .filteredGrid[data-grid="3"] .resourceCard--small .btn--icon, .filteredGrid[data-grid="3"] .resourceCard--small .btn--primary, .filteredGrid[data-grid="3"] .resourceCard--small .btn--primary--dark, .filteredGrid[data-grid="3"] .resourceCard--small .btn--secondary, .filteredGrid[data-grid="3"] .resourceCard--small .btn--small, .filteredGrid[data-grid="3"] .resourceCard--small .btn--tertiary, .filteredGrid[data-grid="3"] .resourceCard .btn, .filteredGrid[data-grid="3"] .resourceCard .btn--icon, .filteredGrid[data-grid="3"] .resourceCard .btn--primary, .filteredGrid[data-grid="3"] .resourceCard .btn--primary--dark, .filteredGrid[data-grid="3"] .resourceCard .btn--secondary, .filteredGrid[data-grid="3"] .resourceCard .btn--small, .filteredGrid[data-grid="3"] .resourceCard .btn--tertiary {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Inter,sans-serif;
            font-size: .813rem;
            line-height: 1.538em;
            letter-spacing: -.003em;
            font-weight: 400;
            font-weight: 700;
            padding: 0 20px;
            height: 40px
        }

            .filteredGrid[data-grid="3"] .resourceCard--small .btn--icon .link a, .filteredGrid[data-grid="3"] .resourceCard--small .btn--primary--dark .link a, .filteredGrid[data-grid="3"] .resourceCard--small .btn--primary .link a, .filteredGrid[data-grid="3"] .resourceCard--small .btn--secondary .link a, .filteredGrid[data-grid="3"] .resourceCard--small .btn--small .link a, .filteredGrid[data-grid="3"] .resourceCard--small .btn--tertiary .link a, .filteredGrid[data-grid="3"] .resourceCard--small .btn .link a, .filteredGrid[data-grid="3"] .resourceCard .btn--icon .link a, .filteredGrid[data-grid="3"] .resourceCard .btn--primary--dark .link a, .filteredGrid[data-grid="3"] .resourceCard .btn--primary .link a, .filteredGrid[data-grid="3"] .resourceCard .btn--secondary .link a, .filteredGrid[data-grid="3"] .resourceCard .btn--small .link a, .filteredGrid[data-grid="3"] .resourceCard .btn--tertiary .link a, .filteredGrid[data-grid="3"] .resourceCard .btn .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .filteredGrid[data-grid="3"] .resourceCard--small .btn--icon .link a:hover, .filteredGrid[data-grid="3"] .resourceCard--small .btn--primary--dark .link a:hover, .filteredGrid[data-grid="3"] .resourceCard--small .btn--primary .link a:hover, .filteredGrid[data-grid="3"] .resourceCard--small .btn--secondary .link a:hover, .filteredGrid[data-grid="3"] .resourceCard--small .btn--small .link a:hover, .filteredGrid[data-grid="3"] .resourceCard--small .btn--tertiary .link a:hover, .filteredGrid[data-grid="3"] .resourceCard--small .btn .link a:hover, .filteredGrid[data-grid="3"] .resourceCard .btn--icon .link a:hover, .filteredGrid[data-grid="3"] .resourceCard .btn--primary--dark .link a:hover, .filteredGrid[data-grid="3"] .resourceCard .btn--primary .link a:hover, .filteredGrid[data-grid="3"] .resourceCard .btn--secondary .link a:hover, .filteredGrid[data-grid="3"] .resourceCard .btn--small .link a:hover, .filteredGrid[data-grid="3"] .resourceCard .btn--tertiary .link a:hover, .filteredGrid[data-grid="3"] .resourceCard .btn .link a:hover {
                    color: var(--m-01)
                }

            .filteredGrid[data-grid="3"] .resourceCard--small .btn--icon mark, .filteredGrid[data-grid="3"] .resourceCard--small .btn--icon mark[data-color=color], .filteredGrid[data-grid="3"] .resourceCard--small .btn--primary--dark mark, .filteredGrid[data-grid="3"] .resourceCard--small .btn--primary--dark mark[data-color=color], .filteredGrid[data-grid="3"] .resourceCard--small .btn--primary mark, .filteredGrid[data-grid="3"] .resourceCard--small .btn--primary mark[data-color=color], .filteredGrid[data-grid="3"] .resourceCard--small .btn--secondary mark, .filteredGrid[data-grid="3"] .resourceCard--small .btn--secondary mark[data-color=color], .filteredGrid[data-grid="3"] .resourceCard--small .btn--small mark, .filteredGrid[data-grid="3"] .resourceCard--small .btn--small mark[data-color=color], .filteredGrid[data-grid="3"] .resourceCard--small .btn--tertiary mark, .filteredGrid[data-grid="3"] .resourceCard--small .btn--tertiary mark[data-color=color], .filteredGrid[data-grid="3"] .resourceCard--small .btn mark, .filteredGrid[data-grid="3"] .resourceCard--small .btn mark[data-color=color], .filteredGrid[data-grid="3"] .resourceCard .btn--icon mark, .filteredGrid[data-grid="3"] .resourceCard .btn--icon mark[data-color=color], .filteredGrid[data-grid="3"] .resourceCard .btn--primary--dark mark, .filteredGrid[data-grid="3"] .resourceCard .btn--primary--dark mark[data-color=color], .filteredGrid[data-grid="3"] .resourceCard .btn--primary mark, .filteredGrid[data-grid="3"] .resourceCard .btn--primary mark[data-color=color], .filteredGrid[data-grid="3"] .resourceCard .btn--secondary mark, .filteredGrid[data-grid="3"] .resourceCard .btn--secondary mark[data-color=color], .filteredGrid[data-grid="3"] .resourceCard .btn--small mark, .filteredGrid[data-grid="3"] .resourceCard .btn--small mark[data-color=color], .filteredGrid[data-grid="3"] .resourceCard .btn--tertiary mark, .filteredGrid[data-grid="3"] .resourceCard .btn--tertiary mark[data-color=color], .filteredGrid[data-grid="3"] .resourceCard .btn mark, .filteredGrid[data-grid="3"] .resourceCard .btn mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .filteredGrid[data-grid="3"] .resourceCard--small .btn--icon mark[data-color=gray], .filteredGrid[data-grid="3"] .resourceCard--small .btn--primary--dark mark[data-color=gray], .filteredGrid[data-grid="3"] .resourceCard--small .btn--primary mark[data-color=gray], .filteredGrid[data-grid="3"] .resourceCard--small .btn--secondary mark[data-color=gray], .filteredGrid[data-grid="3"] .resourceCard--small .btn--small mark[data-color=gray], .filteredGrid[data-grid="3"] .resourceCard--small .btn--tertiary mark[data-color=gray], .filteredGrid[data-grid="3"] .resourceCard--small .btn mark[data-color=gray], .filteredGrid[data-grid="3"] .resourceCard .btn--icon mark[data-color=gray], .filteredGrid[data-grid="3"] .resourceCard .btn--primary--dark mark[data-color=gray], .filteredGrid[data-grid="3"] .resourceCard .btn--primary mark[data-color=gray], .filteredGrid[data-grid="3"] .resourceCard .btn--secondary mark[data-color=gray], .filteredGrid[data-grid="3"] .resourceCard .btn--small mark[data-color=gray], .filteredGrid[data-grid="3"] .resourceCard .btn--tertiary mark[data-color=gray], .filteredGrid[data-grid="3"] .resourceCard .btn mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .filteredGrid[data-grid="3"] .resourceCard--small .btn--icon mark[data-color=default], .filteredGrid[data-grid="3"] .resourceCard--small .btn--primary--dark mark[data-color=default], .filteredGrid[data-grid="3"] .resourceCard--small .btn--primary mark[data-color=default], .filteredGrid[data-grid="3"] .resourceCard--small .btn--secondary mark[data-color=default], .filteredGrid[data-grid="3"] .resourceCard--small .btn--small mark[data-color=default], .filteredGrid[data-grid="3"] .resourceCard--small .btn--tertiary mark[data-color=default], .filteredGrid[data-grid="3"] .resourceCard--small .btn mark[data-color=default], .filteredGrid[data-grid="3"] .resourceCard .btn--icon mark[data-color=default], .filteredGrid[data-grid="3"] .resourceCard .btn--primary--dark mark[data-color=default], .filteredGrid[data-grid="3"] .resourceCard .btn--primary mark[data-color=default], .filteredGrid[data-grid="3"] .resourceCard .btn--secondary mark[data-color=default], .filteredGrid[data-grid="3"] .resourceCard .btn--small mark[data-color=default], .filteredGrid[data-grid="3"] .resourceCard .btn--tertiary mark[data-color=default], .filteredGrid[data-grid="3"] .resourceCard .btn mark[data-color=default] {
                    color: var(--neu-10)
                }

            .filteredGrid[data-grid="3"] .resourceCard--small .btn--icon span.m-01--dark-01, .filteredGrid[data-grid="3"] .resourceCard--small .btn--icon span[data-color=color], .filteredGrid[data-grid="3"] .resourceCard--small .btn--primary--dark span.m-01--dark-01, .filteredGrid[data-grid="3"] .resourceCard--small .btn--primary--dark span[data-color=color], .filteredGrid[data-grid="3"] .resourceCard--small .btn--primary span.m-01--dark-01, .filteredGrid[data-grid="3"] .resourceCard--small .btn--primary span[data-color=color], .filteredGrid[data-grid="3"] .resourceCard--small .btn--secondary span.m-01--dark-01, .filteredGrid[data-grid="3"] .resourceCard--small .btn--secondary span[data-color=color], .filteredGrid[data-grid="3"] .resourceCard--small .btn--small span.m-01--dark-01, .filteredGrid[data-grid="3"] .resourceCard--small .btn--small span[data-color=color], .filteredGrid[data-grid="3"] .resourceCard--small .btn--tertiary span.m-01--dark-01, .filteredGrid[data-grid="3"] .resourceCard--small .btn--tertiary span[data-color=color], .filteredGrid[data-grid="3"] .resourceCard--small .btn span.m-01--dark-01, .filteredGrid[data-grid="3"] .resourceCard--small .btn span[data-color=color], .filteredGrid[data-grid="3"] .resourceCard .btn--icon span.m-01--dark-01, .filteredGrid[data-grid="3"] .resourceCard .btn--icon span[data-color=color], .filteredGrid[data-grid="3"] .resourceCard .btn--primary--dark span.m-01--dark-01, .filteredGrid[data-grid="3"] .resourceCard .btn--primary--dark span[data-color=color], .filteredGrid[data-grid="3"] .resourceCard .btn--primary span.m-01--dark-01, .filteredGrid[data-grid="3"] .resourceCard .btn--primary span[data-color=color], .filteredGrid[data-grid="3"] .resourceCard .btn--secondary span.m-01--dark-01, .filteredGrid[data-grid="3"] .resourceCard .btn--secondary span[data-color=color], .filteredGrid[data-grid="3"] .resourceCard .btn--small span.m-01--dark-01, .filteredGrid[data-grid="3"] .resourceCard .btn--small span[data-color=color], .filteredGrid[data-grid="3"] .resourceCard .btn--tertiary span.m-01--dark-01, .filteredGrid[data-grid="3"] .resourceCard .btn--tertiary span[data-color=color], .filteredGrid[data-grid="3"] .resourceCard .btn span.m-01--dark-01, .filteredGrid[data-grid="3"] .resourceCard .btn span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .filteredGrid[data-grid="3"] .resourceCard--small .btn--icon span.neu-07, .filteredGrid[data-grid="3"] .resourceCard--small .btn--icon span[data-color=gray], .filteredGrid[data-grid="3"] .resourceCard--small .btn--primary--dark span.neu-07, .filteredGrid[data-grid="3"] .resourceCard--small .btn--primary--dark span[data-color=gray], .filteredGrid[data-grid="3"] .resourceCard--small .btn--primary span.neu-07, .filteredGrid[data-grid="3"] .resourceCard--small .btn--primary span[data-color=gray], .filteredGrid[data-grid="3"] .resourceCard--small .btn--secondary span.neu-07, .filteredGrid[data-grid="3"] .resourceCard--small .btn--secondary span[data-color=gray], .filteredGrid[data-grid="3"] .resourceCard--small .btn--small span.neu-07, .filteredGrid[data-grid="3"] .resourceCard--small .btn--small span[data-color=gray], .filteredGrid[data-grid="3"] .resourceCard--small .btn--tertiary span.neu-07, .filteredGrid[data-grid="3"] .resourceCard--small .btn--tertiary span[data-color=gray], .filteredGrid[data-grid="3"] .resourceCard--small .btn span.neu-07, .filteredGrid[data-grid="3"] .resourceCard--small .btn span[data-color=gray], .filteredGrid[data-grid="3"] .resourceCard .btn--icon span.neu-07, .filteredGrid[data-grid="3"] .resourceCard .btn--icon span[data-color=gray], .filteredGrid[data-grid="3"] .resourceCard .btn--primary--dark span.neu-07, .filteredGrid[data-grid="3"] .resourceCard .btn--primary--dark span[data-color=gray], .filteredGrid[data-grid="3"] .resourceCard .btn--primary span.neu-07, .filteredGrid[data-grid="3"] .resourceCard .btn--primary span[data-color=gray], .filteredGrid[data-grid="3"] .resourceCard .btn--secondary span.neu-07, .filteredGrid[data-grid="3"] .resourceCard .btn--secondary span[data-color=gray], .filteredGrid[data-grid="3"] .resourceCard .btn--small span.neu-07, .filteredGrid[data-grid="3"] .resourceCard .btn--small span[data-color=gray], .filteredGrid[data-grid="3"] .resourceCard .btn--tertiary span.neu-07, .filteredGrid[data-grid="3"] .resourceCard .btn--tertiary span[data-color=gray], .filteredGrid[data-grid="3"] .resourceCard .btn span.neu-07, .filteredGrid[data-grid="3"] .resourceCard .btn span[data-color=gray] {
                color: var(--neu-07)
            }

            .filteredGrid[data-grid="3"] .resourceCard--small .btn--icon span.neu-10, .filteredGrid[data-grid="3"] .resourceCard--small .btn--icon span[data-color=default], .filteredGrid[data-grid="3"] .resourceCard--small .btn--primary--dark span.neu-10, .filteredGrid[data-grid="3"] .resourceCard--small .btn--primary--dark span[data-color=default], .filteredGrid[data-grid="3"] .resourceCard--small .btn--primary span.neu-10, .filteredGrid[data-grid="3"] .resourceCard--small .btn--primary span[data-color=default], .filteredGrid[data-grid="3"] .resourceCard--small .btn--secondary span.neu-10, .filteredGrid[data-grid="3"] .resourceCard--small .btn--secondary span[data-color=default], .filteredGrid[data-grid="3"] .resourceCard--small .btn--small span.neu-10, .filteredGrid[data-grid="3"] .resourceCard--small .btn--small span[data-color=default], .filteredGrid[data-grid="3"] .resourceCard--small .btn--tertiary span.neu-10, .filteredGrid[data-grid="3"] .resourceCard--small .btn--tertiary span[data-color=default], .filteredGrid[data-grid="3"] .resourceCard--small .btn span.neu-10, .filteredGrid[data-grid="3"] .resourceCard--small .btn span[data-color=default], .filteredGrid[data-grid="3"] .resourceCard .btn--icon span.neu-10, .filteredGrid[data-grid="3"] .resourceCard .btn--icon span[data-color=default], .filteredGrid[data-grid="3"] .resourceCard .btn--primary--dark span.neu-10, .filteredGrid[data-grid="3"] .resourceCard .btn--primary--dark span[data-color=default], .filteredGrid[data-grid="3"] .resourceCard .btn--primary span.neu-10, .filteredGrid[data-grid="3"] .resourceCard .btn--primary span[data-color=default], .filteredGrid[data-grid="3"] .resourceCard .btn--secondary span.neu-10, .filteredGrid[data-grid="3"] .resourceCard .btn--secondary span[data-color=default], .filteredGrid[data-grid="3"] .resourceCard .btn--small span.neu-10, .filteredGrid[data-grid="3"] .resourceCard .btn--small span[data-color=default], .filteredGrid[data-grid="3"] .resourceCard .btn--tertiary span.neu-10, .filteredGrid[data-grid="3"] .resourceCard .btn--tertiary span[data-color=default], .filteredGrid[data-grid="3"] .resourceCard .btn span.neu-10, .filteredGrid[data-grid="3"] .resourceCard .btn span[data-color=default] {
                color: var(--neu-10)
            }

            .filteredGrid[data-grid="3"] .resourceCard--small .btn--icon b, .filteredGrid[data-grid="3"] .resourceCard--small .btn--icon strong, .filteredGrid[data-grid="3"] .resourceCard--small .btn--primary--dark b, .filteredGrid[data-grid="3"] .resourceCard--small .btn--primary--dark strong, .filteredGrid[data-grid="3"] .resourceCard--small .btn--primary b, .filteredGrid[data-grid="3"] .resourceCard--small .btn--primary strong, .filteredGrid[data-grid="3"] .resourceCard--small .btn--secondary b, .filteredGrid[data-grid="3"] .resourceCard--small .btn--secondary strong, .filteredGrid[data-grid="3"] .resourceCard--small .btn--small b, .filteredGrid[data-grid="3"] .resourceCard--small .btn--small strong, .filteredGrid[data-grid="3"] .resourceCard--small .btn--tertiary b, .filteredGrid[data-grid="3"] .resourceCard--small .btn--tertiary strong, .filteredGrid[data-grid="3"] .resourceCard--small .btn b, .filteredGrid[data-grid="3"] .resourceCard--small .btn strong, .filteredGrid[data-grid="3"] .resourceCard .btn--icon b, .filteredGrid[data-grid="3"] .resourceCard .btn--icon strong, .filteredGrid[data-grid="3"] .resourceCard .btn--primary--dark b, .filteredGrid[data-grid="3"] .resourceCard .btn--primary--dark strong, .filteredGrid[data-grid="3"] .resourceCard .btn--primary b, .filteredGrid[data-grid="3"] .resourceCard .btn--primary strong, .filteredGrid[data-grid="3"] .resourceCard .btn--secondary b, .filteredGrid[data-grid="3"] .resourceCard .btn--secondary strong, .filteredGrid[data-grid="3"] .resourceCard .btn--small b, .filteredGrid[data-grid="3"] .resourceCard .btn--small strong, .filteredGrid[data-grid="3"] .resourceCard .btn--tertiary b, .filteredGrid[data-grid="3"] .resourceCard .btn--tertiary strong, .filteredGrid[data-grid="3"] .resourceCard .btn b, .filteredGrid[data-grid="3"] .resourceCard .btn strong {
                font-weight: 700
            }

            .filteredGrid[data-grid="3"] .resourceCard--small .btn--icon em, .filteredGrid[data-grid="3"] .resourceCard--small .btn--primary--dark em, .filteredGrid[data-grid="3"] .resourceCard--small .btn--primary em, .filteredGrid[data-grid="3"] .resourceCard--small .btn--secondary em, .filteredGrid[data-grid="3"] .resourceCard--small .btn--small em, .filteredGrid[data-grid="3"] .resourceCard--small .btn--tertiary em, .filteredGrid[data-grid="3"] .resourceCard--small .btn em, .filteredGrid[data-grid="3"] .resourceCard .btn--icon em, .filteredGrid[data-grid="3"] .resourceCard .btn--primary--dark em, .filteredGrid[data-grid="3"] .resourceCard .btn--primary em, .filteredGrid[data-grid="3"] .resourceCard .btn--secondary em, .filteredGrid[data-grid="3"] .resourceCard .btn--small em, .filteredGrid[data-grid="3"] .resourceCard .btn--tertiary em, .filteredGrid[data-grid="3"] .resourceCard .btn em {
                font-style: italic
            }

            .filteredGrid[data-grid="3"] .resourceCard--small .btn--icon i, .filteredGrid[data-grid="3"] .resourceCard--small .btn--primary--dark i, .filteredGrid[data-grid="3"] .resourceCard--small .btn--primary i, .filteredGrid[data-grid="3"] .resourceCard--small .btn--secondary i, .filteredGrid[data-grid="3"] .resourceCard--small .btn--small i, .filteredGrid[data-grid="3"] .resourceCard--small .btn--tertiary i, .filteredGrid[data-grid="3"] .resourceCard--small .btn i, .filteredGrid[data-grid="3"] .resourceCard .btn--icon i, .filteredGrid[data-grid="3"] .resourceCard .btn--primary--dark i, .filteredGrid[data-grid="3"] .resourceCard .btn--primary i, .filteredGrid[data-grid="3"] .resourceCard .btn--secondary i, .filteredGrid[data-grid="3"] .resourceCard .btn--small i, .filteredGrid[data-grid="3"] .resourceCard .btn--tertiary i, .filteredGrid[data-grid="3"] .resourceCard .btn i {
                min-width: 16px;
                width: 16px;
                height: 16px;
                font-size: 16px
            }

                .filteredGrid[data-grid="3"] .resourceCard--small .btn--icon i:before, .filteredGrid[data-grid="3"] .resourceCard--small .btn--primary--dark i:before, .filteredGrid[data-grid="3"] .resourceCard--small .btn--primary i:before, .filteredGrid[data-grid="3"] .resourceCard--small .btn--secondary i:before, .filteredGrid[data-grid="3"] .resourceCard--small .btn--small i:before, .filteredGrid[data-grid="3"] .resourceCard--small .btn--tertiary i:before, .filteredGrid[data-grid="3"] .resourceCard--small .btn i:before, .filteredGrid[data-grid="3"] .resourceCard .btn--icon i:before, .filteredGrid[data-grid="3"] .resourceCard .btn--primary--dark i:before, .filteredGrid[data-grid="3"] .resourceCard .btn--primary i:before, .filteredGrid[data-grid="3"] .resourceCard .btn--secondary i:before, .filteredGrid[data-grid="3"] .resourceCard .btn--small i:before, .filteredGrid[data-grid="3"] .resourceCard .btn--tertiary i:before, .filteredGrid[data-grid="3"] .resourceCard .btn i:before {
                    font-size: 16px;
                    font-weight: 400
                }

            .filteredGrid[data-grid="3"] .resourceCard--small .btn--icon, .filteredGrid[data-grid="3"] .resourceCard--small .btn--icon.btn--primary, .filteredGrid[data-grid="3"] .resourceCard--small .btn--icon.btn--primary--dark, .filteredGrid[data-grid="3"] .resourceCard--small .btn--icon.btn--secondary, .filteredGrid[data-grid="3"] .resourceCard--small .btn--icon.btn--small, .filteredGrid[data-grid="3"] .resourceCard--small .btn--icon.btn--tertiary, .filteredGrid[data-grid="3"] .resourceCard--small .btn.btn--icon, .filteredGrid[data-grid="3"] .resourceCard .btn--icon, .filteredGrid[data-grid="3"] .resourceCard .btn--icon.btn--primary, .filteredGrid[data-grid="3"] .resourceCard .btn--icon.btn--primary--dark, .filteredGrid[data-grid="3"] .resourceCard .btn--icon.btn--secondary, .filteredGrid[data-grid="3"] .resourceCard .btn--icon.btn--small, .filteredGrid[data-grid="3"] .resourceCard .btn--icon.btn--tertiary, .filteredGrid[data-grid="3"] .resourceCard .btn.btn--icon {
                width: 40px;
                min-width: 40px
            }

                .filteredGrid[data-grid="3"] .resourceCard--small .btn--icon:hover, .filteredGrid[data-grid="3"] .resourceCard--small .btn--primary--dark:hover, .filteredGrid[data-grid="3"] .resourceCard--small .btn--primary:hover, .filteredGrid[data-grid="3"] .resourceCard--small .btn--secondary:hover, .filteredGrid[data-grid="3"] .resourceCard--small .btn--small:hover, .filteredGrid[data-grid="3"] .resourceCard--small .btn--tertiary:hover, .filteredGrid[data-grid="3"] .resourceCard--small .btn:hover, .filteredGrid[data-grid="3"] .resourceCard .btn--icon:hover, .filteredGrid[data-grid="3"] .resourceCard .btn--primary--dark:hover, .filteredGrid[data-grid="3"] .resourceCard .btn--primary:hover, .filteredGrid[data-grid="3"] .resourceCard .btn--secondary:hover, .filteredGrid[data-grid="3"] .resourceCard .btn--small:hover, .filteredGrid[data-grid="3"] .resourceCard .btn--tertiary:hover, .filteredGrid[data-grid="3"] .resourceCard .btn:hover {
                    color: var(--m-01--dark-01)
                }

    .filteredGrid[data-grid="3"] .productCard, .filteredGrid[data-grid="3"] .productCard--small {
        max-width: 960px;
        min-height: 324px
    }

        .filteredGrid[data-grid="3"] .productCard--small .productCard__head, .filteredGrid[data-grid="3"] .productCard .productCard__head {
            height: 200px
        }

            .filteredGrid[data-grid="3"] .productCard--small .productCard__head:after, .filteredGrid[data-grid="3"] .productCard .productCard__head:after {
                left: 16px;
                width: calc(100% - 16px * 2)
            }

        .filteredGrid[data-grid="3"] .productCard--small .productCard__head-content, .filteredGrid[data-grid="3"] .productCard .productCard__head-content {
            padding: 24px 16px
        }

        .filteredGrid[data-grid="3"] .productCard--small .productCard__productName, .filteredGrid[data-grid="3"] .productCard .productCard__productName {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Calma Global Medium,sans-serif;
            font-size: 1.625rem;
            line-height: 1.231em;
            letter-spacing: 0
        }

            .filteredGrid[data-grid="3"] .productCard--small .productCard__productName .link a, .filteredGrid[data-grid="3"] .productCard .productCard__productName .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .filteredGrid[data-grid="3"] .productCard--small .productCard__productName .link a:hover, .filteredGrid[data-grid="3"] .productCard .productCard__productName .link a:hover {
                    color: var(--m-01)
                }

            .filteredGrid[data-grid="3"] .productCard--small .productCard__productName mark, .filteredGrid[data-grid="3"] .productCard--small .productCard__productName mark[data-color=color], .filteredGrid[data-grid="3"] .productCard .productCard__productName mark, .filteredGrid[data-grid="3"] .productCard .productCard__productName mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .filteredGrid[data-grid="3"] .productCard--small .productCard__productName mark[data-color=gray], .filteredGrid[data-grid="3"] .productCard .productCard__productName mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .filteredGrid[data-grid="3"] .productCard--small .productCard__productName mark[data-color=default], .filteredGrid[data-grid="3"] .productCard .productCard__productName mark[data-color=default] {
                    color: var(--neu-10)
                }

            .filteredGrid[data-grid="3"] .productCard--small .productCard__productName span.m-01--dark-01, .filteredGrid[data-grid="3"] .productCard--small .productCard__productName span[data-color=color], .filteredGrid[data-grid="3"] .productCard .productCard__productName span.m-01--dark-01, .filteredGrid[data-grid="3"] .productCard .productCard__productName span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .filteredGrid[data-grid="3"] .productCard--small .productCard__productName span.neu-07, .filteredGrid[data-grid="3"] .productCard--small .productCard__productName span[data-color=gray], .filteredGrid[data-grid="3"] .productCard .productCard__productName span.neu-07, .filteredGrid[data-grid="3"] .productCard .productCard__productName span[data-color=gray] {
                color: var(--neu-07)
            }

            .filteredGrid[data-grid="3"] .productCard--small .productCard__productName span.neu-10, .filteredGrid[data-grid="3"] .productCard--small .productCard__productName span[data-color=default], .filteredGrid[data-grid="3"] .productCard .productCard__productName span.neu-10, .filteredGrid[data-grid="3"] .productCard .productCard__productName span[data-color=default] {
                color: var(--neu-10)
            }

            .filteredGrid[data-grid="3"] .productCard--small .productCard__productName b, .filteredGrid[data-grid="3"] .productCard--small .productCard__productName strong, .filteredGrid[data-grid="3"] .productCard .productCard__productName b, .filteredGrid[data-grid="3"] .productCard .productCard__productName strong {
                font-weight: 700
            }

            .filteredGrid[data-grid="3"] .productCard--small .productCard__productName em, .filteredGrid[data-grid="3"] .productCard .productCard__productName em {
                font-style: italic
            }

        .filteredGrid[data-grid="3"] .productCard--small .productCard__content, .filteredGrid[data-grid="3"] .productCard .productCard__content {
            padding: 16px
        }

        .filteredGrid[data-grid="3"] .productCard--small .productCard__bookmark, .filteredGrid[data-grid="3"] .productCard .productCard__bookmark {
            right: 0;
            top: 8px
        }

    .filteredGrid[data-grid="3"] .brandCard, .filteredGrid[data-grid="3"] .brandCard--small {
        max-width: 960px;
        min-height: 324px;
        padding: 16px
    }

        .filteredGrid[data-grid="3"] .brandCard--small .brandCard__image, .filteredGrid[data-grid="3"] .brandCard .brandCard__image {
            height: 70px;
            width: 70px;
            margin-right: 0
        }

        .filteredGrid[data-grid="3"] .brandCard--small .brandCard--small .btnBookmark--privateArea, .filteredGrid[data-grid="3"] .brandCard--small .brandCard .btnBookmark--privateArea, .filteredGrid[data-grid="3"] .brandCard--small .brandCard__bookmark, .filteredGrid[data-grid="3"] .brandCard .brandCard--small .btnBookmark--privateArea, .filteredGrid[data-grid="3"] .brandCard .brandCard .btnBookmark--privateArea, .filteredGrid[data-grid="3"] .brandCard .brandCard__bookmark {
            right: 0
        }

        .filteredGrid[data-grid="3"] .brandCard--small .brandCard__text, .filteredGrid[data-grid="3"] .brandCard .brandCard__text {
            padding: 0
        }

        .filteredGrid[data-grid="3"] .brandCard--small .brandCard__title, .filteredGrid[data-grid="3"] .brandCard .brandCard__title {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Calma Global Medium,sans-serif;
            font-size: 1.625rem;
            line-height: 1.231em;
            letter-spacing: 0
        }

            .filteredGrid[data-grid="3"] .brandCard--small .brandCard__title .link a, .filteredGrid[data-grid="3"] .brandCard .brandCard__title .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .filteredGrid[data-grid="3"] .brandCard--small .brandCard__title .link a:hover, .filteredGrid[data-grid="3"] .brandCard .brandCard__title .link a:hover {
                    color: var(--m-01)
                }

            .filteredGrid[data-grid="3"] .brandCard--small .brandCard__title mark, .filteredGrid[data-grid="3"] .brandCard--small .brandCard__title mark[data-color=color], .filteredGrid[data-grid="3"] .brandCard .brandCard__title mark, .filteredGrid[data-grid="3"] .brandCard .brandCard__title mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .filteredGrid[data-grid="3"] .brandCard--small .brandCard__title mark[data-color=gray], .filteredGrid[data-grid="3"] .brandCard .brandCard__title mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .filteredGrid[data-grid="3"] .brandCard--small .brandCard__title mark[data-color=default], .filteredGrid[data-grid="3"] .brandCard .brandCard__title mark[data-color=default] {
                    color: var(--neu-10)
                }

            .filteredGrid[data-grid="3"] .brandCard--small .brandCard__title span.m-01--dark-01, .filteredGrid[data-grid="3"] .brandCard--small .brandCard__title span[data-color=color], .filteredGrid[data-grid="3"] .brandCard .brandCard__title span.m-01--dark-01, .filteredGrid[data-grid="3"] .brandCard .brandCard__title span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .filteredGrid[data-grid="3"] .brandCard--small .brandCard__title span.neu-07, .filteredGrid[data-grid="3"] .brandCard--small .brandCard__title span[data-color=gray], .filteredGrid[data-grid="3"] .brandCard .brandCard__title span.neu-07, .filteredGrid[data-grid="3"] .brandCard .brandCard__title span[data-color=gray] {
                color: var(--neu-07)
            }

            .filteredGrid[data-grid="3"] .brandCard--small .brandCard__title span.neu-10, .filteredGrid[data-grid="3"] .brandCard--small .brandCard__title span[data-color=default], .filteredGrid[data-grid="3"] .brandCard .brandCard__title span.neu-10, .filteredGrid[data-grid="3"] .brandCard .brandCard__title span[data-color=default] {
                color: var(--neu-10)
            }

            .filteredGrid[data-grid="3"] .brandCard--small .brandCard__title b, .filteredGrid[data-grid="3"] .brandCard--small .brandCard__title strong, .filteredGrid[data-grid="3"] .brandCard .brandCard__title b, .filteredGrid[data-grid="3"] .brandCard .brandCard__title strong {
                font-weight: 700
            }

            .filteredGrid[data-grid="3"] .brandCard--small .brandCard__title em, .filteredGrid[data-grid="3"] .brandCard .brandCard__title em {
                font-style: italic
            }

        .filteredGrid[data-grid="3"] .brandCard--small .brandCard__description, .filteredGrid[data-grid="3"] .brandCard .brandCard__description {
            margin-top: 24px
        }

    .filteredGrid[data-grid="3"] .categoryCard, .filteredGrid[data-grid="3"] .categoryCard--small {
        min-height: 240px;
        max-width: 960px
    }

        .filteredGrid[data-grid="3"] .categoryCard--small .categoryCard__content, .filteredGrid[data-grid="3"] .categoryCard .categoryCard__content {
            padding: 32px
        }

        .filteredGrid[data-grid="3"] .categoryCard--small .categoryCard__title, .filteredGrid[data-grid="3"] .categoryCard .categoryCard__title {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Calma Global Medium,sans-serif;
            font-size: 2rem;
            line-height: 1.25em;
            letter-spacing: -.016em
        }

            .filteredGrid[data-grid="3"] .categoryCard--small .categoryCard__title .link a, .filteredGrid[data-grid="3"] .categoryCard .categoryCard__title .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .filteredGrid[data-grid="3"] .categoryCard--small .categoryCard__title .link a:hover, .filteredGrid[data-grid="3"] .categoryCard .categoryCard__title .link a:hover {
                    color: var(--m-01)
                }

            .filteredGrid[data-grid="3"] .categoryCard--small .categoryCard__title mark, .filteredGrid[data-grid="3"] .categoryCard--small .categoryCard__title mark[data-color=color], .filteredGrid[data-grid="3"] .categoryCard .categoryCard__title mark, .filteredGrid[data-grid="3"] .categoryCard .categoryCard__title mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .filteredGrid[data-grid="3"] .categoryCard--small .categoryCard__title mark[data-color=gray], .filteredGrid[data-grid="3"] .categoryCard .categoryCard__title mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .filteredGrid[data-grid="3"] .categoryCard--small .categoryCard__title mark[data-color=default], .filteredGrid[data-grid="3"] .categoryCard .categoryCard__title mark[data-color=default] {
                    color: var(--neu-10)
                }

            .filteredGrid[data-grid="3"] .categoryCard--small .categoryCard__title span.m-01--dark-01, .filteredGrid[data-grid="3"] .categoryCard--small .categoryCard__title span[data-color=color], .filteredGrid[data-grid="3"] .categoryCard .categoryCard__title span.m-01--dark-01, .filteredGrid[data-grid="3"] .categoryCard .categoryCard__title span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .filteredGrid[data-grid="3"] .categoryCard--small .categoryCard__title span.neu-07, .filteredGrid[data-grid="3"] .categoryCard--small .categoryCard__title span[data-color=gray], .filteredGrid[data-grid="3"] .categoryCard .categoryCard__title span.neu-07, .filteredGrid[data-grid="3"] .categoryCard .categoryCard__title span[data-color=gray] {
                color: var(--neu-07)
            }

            .filteredGrid[data-grid="3"] .categoryCard--small .categoryCard__title span.neu-10, .filteredGrid[data-grid="3"] .categoryCard--small .categoryCard__title span[data-color=default], .filteredGrid[data-grid="3"] .categoryCard .categoryCard__title span.neu-10, .filteredGrid[data-grid="3"] .categoryCard .categoryCard__title span[data-color=default] {
                color: var(--neu-10)
            }

            .filteredGrid[data-grid="3"] .categoryCard--small .categoryCard__title b, .filteredGrid[data-grid="3"] .categoryCard--small .categoryCard__title strong, .filteredGrid[data-grid="3"] .categoryCard .categoryCard__title b, .filteredGrid[data-grid="3"] .categoryCard .categoryCard__title strong {
                font-weight: 700
            }

            .filteredGrid[data-grid="3"] .categoryCard--small .categoryCard__title em, .filteredGrid[data-grid="3"] .categoryCard .categoryCard__title em {
                font-style: italic
            }
}

@media (max-width:1280px) and (max-width:1024px) {
    .filteredGrid[data-grid="3"] .categoryCard--small .categoryCard__title, .filteredGrid[data-grid="3"] .categoryCard .categoryCard__title {
        font-size: 1.625rem;
        line-height: 1.231em;
        letter-spacing: 0
    }
}

@media (max-width:1280px) {
    .filteredGrid[data-grid="3"] .profileCard, .filteredGrid[data-grid="3"] .profileCard--small {
        max-width: 960px;
        padding: 24px 16px 32px 4px;
        height: 100%
    }

        .filteredGrid[data-grid="3"] .profileCard--small .profileCard__text, .filteredGrid[data-grid="3"] .profileCard .profileCard__text {
            max-width: 310px
        }

    .filteredGrid[data-grid="3"] .selectableCard, .filteredGrid[data-grid="3"] .selectableCard--small {
        max-width: 960px;
        padding: 16px 16px 24px;
        grid-template-columns: 1fr 1fr;
        row-gap: 8px
    }

        .filteredGrid[data-grid="3"] .selectableCard--small .selectableCard__content, .filteredGrid[data-grid="3"] .selectableCard .selectableCard__content {
            grid-row: 2;
            grid-column: 1/3
        }

        .filteredGrid[data-grid="3"] .selectableCard--small .selectableCard__checkbox, .filteredGrid[data-grid="3"] .selectableCard .selectableCard__checkbox {
            margin-right: 0;
            grid-row: 1
        }

        .filteredGrid[data-grid="3"] .selectableCard--small .selectableCard__image, .filteredGrid[data-grid="3"] .selectableCard .selectableCard__image {
            width: 48px;
            height: 48px;
            grid-row: 1;
            justify-self: flex-end
        }

        .filteredGrid[data-grid="3"] .selectableCard--small .selectableCard__btn, .filteredGrid[data-grid="3"] .selectableCard .selectableCard__btn {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Inter,sans-serif;
            font-size: .813rem;
            line-height: 1.538em;
            letter-spacing: -.003em;
            font-weight: 400;
            font-weight: 700;
            padding: 0 20px;
            height: 40px;
            transform: none;
            margin-left: 0;
            margin-top: 16px;
            grid-row: 3;
            grid-column: 1/3
        }

            .filteredGrid[data-grid="3"] .selectableCard--small .selectableCard__btn .link a, .filteredGrid[data-grid="3"] .selectableCard .selectableCard__btn .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .filteredGrid[data-grid="3"] .selectableCard--small .selectableCard__btn .link a:hover, .filteredGrid[data-grid="3"] .selectableCard .selectableCard__btn .link a:hover {
                    color: var(--m-01)
                }

            .filteredGrid[data-grid="3"] .selectableCard--small .selectableCard__btn mark, .filteredGrid[data-grid="3"] .selectableCard--small .selectableCard__btn mark[data-color=color], .filteredGrid[data-grid="3"] .selectableCard .selectableCard__btn mark, .filteredGrid[data-grid="3"] .selectableCard .selectableCard__btn mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .filteredGrid[data-grid="3"] .selectableCard--small .selectableCard__btn mark[data-color=gray], .filteredGrid[data-grid="3"] .selectableCard .selectableCard__btn mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .filteredGrid[data-grid="3"] .selectableCard--small .selectableCard__btn mark[data-color=default], .filteredGrid[data-grid="3"] .selectableCard .selectableCard__btn mark[data-color=default] {
                    color: var(--neu-10)
                }

            .filteredGrid[data-grid="3"] .selectableCard--small .selectableCard__btn span.m-01--dark-01, .filteredGrid[data-grid="3"] .selectableCard--small .selectableCard__btn span[data-color=color], .filteredGrid[data-grid="3"] .selectableCard .selectableCard__btn span.m-01--dark-01, .filteredGrid[data-grid="3"] .selectableCard .selectableCard__btn span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .filteredGrid[data-grid="3"] .selectableCard--small .selectableCard__btn span.neu-07, .filteredGrid[data-grid="3"] .selectableCard--small .selectableCard__btn span[data-color=gray], .filteredGrid[data-grid="3"] .selectableCard .selectableCard__btn span.neu-07, .filteredGrid[data-grid="3"] .selectableCard .selectableCard__btn span[data-color=gray] {
                color: var(--neu-07)
            }

            .filteredGrid[data-grid="3"] .selectableCard--small .selectableCard__btn span.neu-10, .filteredGrid[data-grid="3"] .selectableCard--small .selectableCard__btn span[data-color=default], .filteredGrid[data-grid="3"] .selectableCard .selectableCard__btn span.neu-10, .filteredGrid[data-grid="3"] .selectableCard .selectableCard__btn span[data-color=default] {
                color: var(--neu-10)
            }

            .filteredGrid[data-grid="3"] .selectableCard--small .selectableCard__btn b, .filteredGrid[data-grid="3"] .selectableCard--small .selectableCard__btn strong, .filteredGrid[data-grid="3"] .selectableCard .selectableCard__btn b, .filteredGrid[data-grid="3"] .selectableCard .selectableCard__btn strong {
                font-weight: 700
            }

            .filteredGrid[data-grid="3"] .selectableCard--small .selectableCard__btn em, .filteredGrid[data-grid="3"] .selectableCard .selectableCard__btn em {
                font-style: italic
            }

            .filteredGrid[data-grid="3"] .selectableCard--small .selectableCard__btn i, .filteredGrid[data-grid="3"] .selectableCard .selectableCard__btn i {
                min-width: 16px;
                width: 16px;
                height: 16px;
                font-size: 16px
            }

                .filteredGrid[data-grid="3"] .selectableCard--small .selectableCard__btn i:before, .filteredGrid[data-grid="3"] .selectableCard .selectableCard__btn i:before {
                    font-size: 16px;
                    font-weight: 400
                }

            .filteredGrid[data-grid="3"] .selectableCard--small .selectableCard__btn.btn--icon, .filteredGrid[data-grid="3"] .selectableCard .selectableCard__btn.btn--icon {
                width: 40px;
                min-width: 40px
            }

    .filteredGrid[data-grid="3"] .demandCard, .filteredGrid[data-grid="3"] .demandCard--small {
        max-width: 960px;
        padding: 16px;
        min-height: 324px
    }

        .filteredGrid[data-grid="3"] .demandCard--small .demandCard__content, .filteredGrid[data-grid="3"] .demandCard .demandCard__content {
            gap: 8px
        }

        .filteredGrid[data-grid="3"] .demandCard--small .demandCard__notification-text, .filteredGrid[data-grid="3"] .demandCard .demandCard__notification-text {
            display: none
        }

        .filteredGrid[data-grid="3"] .demandCard--small .demandCard__description, .filteredGrid[data-grid="3"] .demandCard .demandCard__description {
            margin-top: 8px
        }

    .filteredGrid[data-grid="3"] .replyCard, .filteredGrid[data-grid="3"] .replyCard--small {
        max-width: 960px
    }

        .filteredGrid[data-grid="3"] .replyCard--small .replyCard, .filteredGrid[data-grid="3"] .replyCard--small .replyCard--small, .filteredGrid[data-grid="3"] .replyCard .replyCard, .filteredGrid[data-grid="3"] .replyCard .replyCard--small {
            background-color: var(--neu-01)
        }

        .filteredGrid[data-grid="3"] .replyCard--small .replyCard__content, .filteredGrid[data-grid="3"] .replyCard .replyCard__content {
            padding: 24px;
            gap: 4px 12px
        }

        .filteredGrid[data-grid="3"] .replyCard--small .replyCard__thumb, .filteredGrid[data-grid="3"] .replyCard .replyCard__thumb {
            grid-row: 1/3;
            align-self: flex-start
        }

        .filteredGrid[data-grid="3"] .replyCard--small .replyCard__text, .filteredGrid[data-grid="3"] .replyCard .replyCard__text {
            grid-row: 2;
            grid-column: 2/4
        }
}

@media (max-width:1280px) and (max-width:512px) {
    .filteredGrid[data-grid="3"] .replyCard--small .replyCard__text, .filteredGrid[data-grid="3"] .replyCard .replyCard__text {
        grid-column: 2/4
    }
}

@media (max-width:1280px) {
    .filteredGrid[data-grid="3"] .replyCard--small .replyCard__message, .filteredGrid[data-grid="3"] .replyCard--small .replyCard__subject, .filteredGrid[data-grid="3"] .replyCard .replyCard__message, .filteredGrid[data-grid="3"] .replyCard .replyCard__subject {
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-stretch: normal;
        letter-spacing: normal;
        font-family: Inter,sans-serif;
        font-size: 1rem;
        line-height: 1.5em;
        letter-spacing: -.011em;
        font-weight: 400
    }

        .filteredGrid[data-grid="3"] .replyCard--small .replyCard__message .link a, .filteredGrid[data-grid="3"] .replyCard--small .replyCard__subject .link a, .filteredGrid[data-grid="3"] .replyCard .replyCard__message .link a, .filteredGrid[data-grid="3"] .replyCard .replyCard__subject .link a {
            transition: all .1s ease;
            text-decoration: underline;
            color: var(--m-01--dark-01)
        }

            .filteredGrid[data-grid="3"] .replyCard--small .replyCard__message .link a:hover, .filteredGrid[data-grid="3"] .replyCard--small .replyCard__subject .link a:hover, .filteredGrid[data-grid="3"] .replyCard .replyCard__message .link a:hover, .filteredGrid[data-grid="3"] .replyCard .replyCard__subject .link a:hover {
                color: var(--m-01)
            }

        .filteredGrid[data-grid="3"] .replyCard--small .replyCard__message mark, .filteredGrid[data-grid="3"] .replyCard--small .replyCard__message mark[data-color=color], .filteredGrid[data-grid="3"] .replyCard--small .replyCard__subject mark, .filteredGrid[data-grid="3"] .replyCard--small .replyCard__subject mark[data-color=color], .filteredGrid[data-grid="3"] .replyCard .replyCard__message mark, .filteredGrid[data-grid="3"] .replyCard .replyCard__message mark[data-color=color], .filteredGrid[data-grid="3"] .replyCard .replyCard__subject mark, .filteredGrid[data-grid="3"] .replyCard .replyCard__subject mark[data-color=color] {
            color: var(--m-01--dark-01)
        }

            .filteredGrid[data-grid="3"] .replyCard--small .replyCard__message mark[data-color=gray], .filteredGrid[data-grid="3"] .replyCard--small .replyCard__subject mark[data-color=gray], .filteredGrid[data-grid="3"] .replyCard .replyCard__message mark[data-color=gray], .filteredGrid[data-grid="3"] .replyCard .replyCard__subject mark[data-color=gray] {
                color: var(--neu-07)
            }

            .filteredGrid[data-grid="3"] .replyCard--small .replyCard__message mark[data-color=default], .filteredGrid[data-grid="3"] .replyCard--small .replyCard__subject mark[data-color=default], .filteredGrid[data-grid="3"] .replyCard .replyCard__message mark[data-color=default], .filteredGrid[data-grid="3"] .replyCard .replyCard__subject mark[data-color=default] {
                color: var(--neu-10)
            }

        .filteredGrid[data-grid="3"] .replyCard--small .replyCard__message span.m-01--dark-01, .filteredGrid[data-grid="3"] .replyCard--small .replyCard__message span[data-color=color], .filteredGrid[data-grid="3"] .replyCard--small .replyCard__subject span.m-01--dark-01, .filteredGrid[data-grid="3"] .replyCard--small .replyCard__subject span[data-color=color], .filteredGrid[data-grid="3"] .replyCard .replyCard__message span.m-01--dark-01, .filteredGrid[data-grid="3"] .replyCard .replyCard__message span[data-color=color], .filteredGrid[data-grid="3"] .replyCard .replyCard__subject span.m-01--dark-01, .filteredGrid[data-grid="3"] .replyCard .replyCard__subject span[data-color=color] {
            color: var(--m-01--dark-01)
        }

        .filteredGrid[data-grid="3"] .replyCard--small .replyCard__message span.neu-07, .filteredGrid[data-grid="3"] .replyCard--small .replyCard__message span[data-color=gray], .filteredGrid[data-grid="3"] .replyCard--small .replyCard__subject span.neu-07, .filteredGrid[data-grid="3"] .replyCard--small .replyCard__subject span[data-color=gray], .filteredGrid[data-grid="3"] .replyCard .replyCard__message span.neu-07, .filteredGrid[data-grid="3"] .replyCard .replyCard__message span[data-color=gray], .filteredGrid[data-grid="3"] .replyCard .replyCard__subject span.neu-07, .filteredGrid[data-grid="3"] .replyCard .replyCard__subject span[data-color=gray] {
            color: var(--neu-07)
        }

        .filteredGrid[data-grid="3"] .replyCard--small .replyCard__message span.neu-10, .filteredGrid[data-grid="3"] .replyCard--small .replyCard__message span[data-color=default], .filteredGrid[data-grid="3"] .replyCard--small .replyCard__subject span.neu-10, .filteredGrid[data-grid="3"] .replyCard--small .replyCard__subject span[data-color=default], .filteredGrid[data-grid="3"] .replyCard .replyCard__message span.neu-10, .filteredGrid[data-grid="3"] .replyCard .replyCard__message span[data-color=default], .filteredGrid[data-grid="3"] .replyCard .replyCard__subject span.neu-10, .filteredGrid[data-grid="3"] .replyCard .replyCard__subject span[data-color=default] {
            color: var(--neu-10)
        }

        .filteredGrid[data-grid="3"] .replyCard--small .replyCard__message b, .filteredGrid[data-grid="3"] .replyCard--small .replyCard__message strong, .filteredGrid[data-grid="3"] .replyCard--small .replyCard__subject b, .filteredGrid[data-grid="3"] .replyCard--small .replyCard__subject strong, .filteredGrid[data-grid="3"] .replyCard .replyCard__message b, .filteredGrid[data-grid="3"] .replyCard .replyCard__message strong, .filteredGrid[data-grid="3"] .replyCard .replyCard__subject b, .filteredGrid[data-grid="3"] .replyCard .replyCard__subject strong {
            font-weight: 700
        }

        .filteredGrid[data-grid="3"] .replyCard--small .replyCard__message em, .filteredGrid[data-grid="3"] .replyCard--small .replyCard__subject em, .filteredGrid[data-grid="3"] .replyCard .replyCard__message em, .filteredGrid[data-grid="3"] .replyCard .replyCard__subject em {
            font-style: italic
        }

    .filteredGrid[data-grid="3"] .replyCard--small .replyCard__info, .filteredGrid[data-grid="3"] .replyCard .replyCard__info {
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-stretch: normal;
        letter-spacing: normal;
        font-family: Inter,sans-serif;
        font-size: .813rem;
        line-height: 1.538em;
        letter-spacing: -.003em;
        font-weight: 700;
        margin-top: 8px;
        padding-right: 32px
    }

        .filteredGrid[data-grid="3"] .replyCard--small .replyCard__info .link a, .filteredGrid[data-grid="3"] .replyCard .replyCard__info .link a {
            transition: all .1s ease;
            text-decoration: underline;
            color: var(--m-01--dark-01)
        }

            .filteredGrid[data-grid="3"] .replyCard--small .replyCard__info .link a:hover, .filteredGrid[data-grid="3"] .replyCard .replyCard__info .link a:hover {
                color: var(--m-01)
            }

        .filteredGrid[data-grid="3"] .replyCard--small .replyCard__info mark, .filteredGrid[data-grid="3"] .replyCard--small .replyCard__info mark[data-color=color], .filteredGrid[data-grid="3"] .replyCard .replyCard__info mark, .filteredGrid[data-grid="3"] .replyCard .replyCard__info mark[data-color=color] {
            color: var(--m-01--dark-01)
        }

            .filteredGrid[data-grid="3"] .replyCard--small .replyCard__info mark[data-color=gray], .filteredGrid[data-grid="3"] .replyCard .replyCard__info mark[data-color=gray] {
                color: var(--neu-07)
            }

            .filteredGrid[data-grid="3"] .replyCard--small .replyCard__info mark[data-color=default], .filteredGrid[data-grid="3"] .replyCard .replyCard__info mark[data-color=default] {
                color: var(--neu-10)
            }

        .filteredGrid[data-grid="3"] .replyCard--small .replyCard__info span.m-01--dark-01, .filteredGrid[data-grid="3"] .replyCard--small .replyCard__info span[data-color=color], .filteredGrid[data-grid="3"] .replyCard .replyCard__info span.m-01--dark-01, .filteredGrid[data-grid="3"] .replyCard .replyCard__info span[data-color=color] {
            color: var(--m-01--dark-01)
        }

        .filteredGrid[data-grid="3"] .replyCard--small .replyCard__info span.neu-07, .filteredGrid[data-grid="3"] .replyCard--small .replyCard__info span[data-color=gray], .filteredGrid[data-grid="3"] .replyCard .replyCard__info span.neu-07, .filteredGrid[data-grid="3"] .replyCard .replyCard__info span[data-color=gray] {
            color: var(--neu-07)
        }

        .filteredGrid[data-grid="3"] .replyCard--small .replyCard__info span.neu-10, .filteredGrid[data-grid="3"] .replyCard--small .replyCard__info span[data-color=default], .filteredGrid[data-grid="3"] .replyCard .replyCard__info span.neu-10, .filteredGrid[data-grid="3"] .replyCard .replyCard__info span[data-color=default] {
            color: var(--neu-10)
        }

        .filteredGrid[data-grid="3"] .replyCard--small .replyCard__info b, .filteredGrid[data-grid="3"] .replyCard--small .replyCard__info strong, .filteredGrid[data-grid="3"] .replyCard .replyCard__info b, .filteredGrid[data-grid="3"] .replyCard .replyCard__info strong {
            font-weight: 700
        }

        .filteredGrid[data-grid="3"] .replyCard--small .replyCard__info em, .filteredGrid[data-grid="3"] .replyCard .replyCard__info em {
            font-style: italic
        }

    .filteredGrid[data-grid="3"] .replyCard--small .replyCard__pin, .filteredGrid[data-grid="3"] .replyCard .replyCard__pin {
        transition: all .1s ease;
        grid-row: 2;
        grid-column: 3;
        align-self: flex-end;
        width: 24px;
        height: 24px;
        justify-self: flex-end;
        transform: translateY(4px);
        cursor: pointer
    }

        .filteredGrid[data-grid="3"] .replyCard--small .replyCard__pin:hover, .filteredGrid[data-grid="3"] .replyCard .replyCard__pin:hover {
            opacity: .7
        }

        .filteredGrid[data-grid="3"] .replyCard--small .replyCard__pin:before, .filteredGrid[data-grid="3"] .replyCard .replyCard__pin:before {
            width: 24px;
            height: 24px;
            font-size: 24px;
            font-family: aicep-base-icons !important;
            font-weight: 400;
            display: flex;
            justify-content: center;
            align-items: center;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            content: "\e95b"
        }

    .filteredGrid[data-grid="3"] .replyCard--small .replyCard__pin--selected, .filteredGrid[data-grid="3"] .replyCard .replyCard__pin--selected {
        color: var(--m-02--dark-01)
    }

        .filteredGrid[data-grid="3"] .replyCard--small .replyCard__pin--selected:before, .filteredGrid[data-grid="3"] .replyCard .replyCard__pin--selected:before {
            content: "\e95c"
        }

    .filteredGrid[data-grid="3"] .replyCard--small .replyCard__btn, .filteredGrid[data-grid="3"] .replyCard .replyCard__btn {
        display: none
    }

    .filteredGrid[data-grid="3"] .infoCard, .filteredGrid[data-grid="3"] .infoCard--small {
        max-width: 960px;
        padding: 24px
    }

        .filteredGrid[data-grid="3"] .infoCard--small .infoCard__number, .filteredGrid[data-grid="3"] .infoCard .infoCard__number {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Calma Global Medium,sans-serif;
            font-size: 2rem;
            line-height: 1.25em;
            letter-spacing: -.016em;
            transform: translateY(0)
        }

            .filteredGrid[data-grid="3"] .infoCard--small .infoCard__number .link a, .filteredGrid[data-grid="3"] .infoCard .infoCard__number .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .filteredGrid[data-grid="3"] .infoCard--small .infoCard__number .link a:hover, .filteredGrid[data-grid="3"] .infoCard .infoCard__number .link a:hover {
                    color: var(--m-01)
                }

            .filteredGrid[data-grid="3"] .infoCard--small .infoCard__number mark, .filteredGrid[data-grid="3"] .infoCard--small .infoCard__number mark[data-color=color], .filteredGrid[data-grid="3"] .infoCard .infoCard__number mark, .filteredGrid[data-grid="3"] .infoCard .infoCard__number mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .filteredGrid[data-grid="3"] .infoCard--small .infoCard__number mark[data-color=gray], .filteredGrid[data-grid="3"] .infoCard .infoCard__number mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .filteredGrid[data-grid="3"] .infoCard--small .infoCard__number mark[data-color=default], .filteredGrid[data-grid="3"] .infoCard .infoCard__number mark[data-color=default] {
                    color: var(--neu-10)
                }

            .filteredGrid[data-grid="3"] .infoCard--small .infoCard__number span.m-01--dark-01, .filteredGrid[data-grid="3"] .infoCard--small .infoCard__number span[data-color=color], .filteredGrid[data-grid="3"] .infoCard .infoCard__number span.m-01--dark-01, .filteredGrid[data-grid="3"] .infoCard .infoCard__number span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .filteredGrid[data-grid="3"] .infoCard--small .infoCard__number span.neu-07, .filteredGrid[data-grid="3"] .infoCard--small .infoCard__number span[data-color=gray], .filteredGrid[data-grid="3"] .infoCard .infoCard__number span.neu-07, .filteredGrid[data-grid="3"] .infoCard .infoCard__number span[data-color=gray] {
                color: var(--neu-07)
            }

            .filteredGrid[data-grid="3"] .infoCard--small .infoCard__number span.neu-10, .filteredGrid[data-grid="3"] .infoCard--small .infoCard__number span[data-color=default], .filteredGrid[data-grid="3"] .infoCard .infoCard__number span.neu-10, .filteredGrid[data-grid="3"] .infoCard .infoCard__number span[data-color=default] {
                color: var(--neu-10)
            }

            .filteredGrid[data-grid="3"] .infoCard--small .infoCard__number b, .filteredGrid[data-grid="3"] .infoCard--small .infoCard__number strong, .filteredGrid[data-grid="3"] .infoCard .infoCard__number b, .filteredGrid[data-grid="3"] .infoCard .infoCard__number strong {
                font-weight: 700
            }

            .filteredGrid[data-grid="3"] .infoCard--small .infoCard__number em, .filteredGrid[data-grid="3"] .infoCard .infoCard__number em {
                font-style: italic
            }
}

@media (max-width:1280px) and (max-width:1024px) {
    .filteredGrid[data-grid="3"] .infoCard--small .infoCard__number, .filteredGrid[data-grid="3"] .infoCard .infoCard__number {
        font-size: 1.625rem;
        line-height: 1.231em;
        letter-spacing: 0;
        transform: translateY(3px)
    }
}

@media (max-width:1280px) {
    .filteredGrid[data-grid="3"] .infoCard--small .infoCard__title, .filteredGrid[data-grid="3"] .infoCard .infoCard__title {
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-stretch: normal;
        letter-spacing: normal;
        font-family: Inter,sans-serif;
        font-size: 1rem;
        line-height: 1.5em;
        letter-spacing: -.011em;
        font-weight: 700
    }

        .filteredGrid[data-grid="3"] .infoCard--small .infoCard__title .link a, .filteredGrid[data-grid="3"] .infoCard .infoCard__title .link a {
            transition: all .1s ease;
            text-decoration: underline;
            color: var(--m-01--dark-01)
        }

            .filteredGrid[data-grid="3"] .infoCard--small .infoCard__title .link a:hover, .filteredGrid[data-grid="3"] .infoCard .infoCard__title .link a:hover {
                color: var(--m-01)
            }

        .filteredGrid[data-grid="3"] .infoCard--small .infoCard__title mark, .filteredGrid[data-grid="3"] .infoCard--small .infoCard__title mark[data-color=color], .filteredGrid[data-grid="3"] .infoCard .infoCard__title mark, .filteredGrid[data-grid="3"] .infoCard .infoCard__title mark[data-color=color] {
            color: var(--m-01--dark-01)
        }

            .filteredGrid[data-grid="3"] .infoCard--small .infoCard__title mark[data-color=gray], .filteredGrid[data-grid="3"] .infoCard .infoCard__title mark[data-color=gray] {
                color: var(--neu-07)
            }

            .filteredGrid[data-grid="3"] .infoCard--small .infoCard__title mark[data-color=default], .filteredGrid[data-grid="3"] .infoCard .infoCard__title mark[data-color=default] {
                color: var(--neu-10)
            }

        .filteredGrid[data-grid="3"] .infoCard--small .infoCard__title span.m-01--dark-01, .filteredGrid[data-grid="3"] .infoCard--small .infoCard__title span[data-color=color], .filteredGrid[data-grid="3"] .infoCard .infoCard__title span.m-01--dark-01, .filteredGrid[data-grid="3"] .infoCard .infoCard__title span[data-color=color] {
            color: var(--m-01--dark-01)
        }

        .filteredGrid[data-grid="3"] .infoCard--small .infoCard__title span.neu-07, .filteredGrid[data-grid="3"] .infoCard--small .infoCard__title span[data-color=gray], .filteredGrid[data-grid="3"] .infoCard .infoCard__title span.neu-07, .filteredGrid[data-grid="3"] .infoCard .infoCard__title span[data-color=gray] {
            color: var(--neu-07)
        }

        .filteredGrid[data-grid="3"] .infoCard--small .infoCard__title span.neu-10, .filteredGrid[data-grid="3"] .infoCard--small .infoCard__title span[data-color=default], .filteredGrid[data-grid="3"] .infoCard .infoCard__title span.neu-10, .filteredGrid[data-grid="3"] .infoCard .infoCard__title span[data-color=default] {
            color: var(--neu-10)
        }

        .filteredGrid[data-grid="3"] .infoCard--small .infoCard__title b, .filteredGrid[data-grid="3"] .infoCard--small .infoCard__title strong, .filteredGrid[data-grid="3"] .infoCard .infoCard__title b, .filteredGrid[data-grid="3"] .infoCard .infoCard__title strong {
            font-weight: 700
        }

        .filteredGrid[data-grid="3"] .infoCard--small .infoCard__title em, .filteredGrid[data-grid="3"] .infoCard .infoCard__title em {
            font-style: italic
        }
}

.filteredGrid[data-grid="2"] .filteredGrid__grid {
    grid-template-columns: repeat(2,1fr)
}

@media (max-width:1024px) {
    .filteredGrid[data-grid="2"] .filteredGrid__grid {
        grid-template-columns: 1fr
    }
}

@media (max-width:1024px) {
    .filteredGrid[data-grid="2"] .caseCard, .filteredGrid[data-grid="2"] .caseCard--small {
        min-height: 324px;
        max-width: 960px
    }

        .filteredGrid[data-grid="2"] .caseCard--small .caseCard__content, .filteredGrid[data-grid="2"] .caseCard .caseCard__content {
            padding: 24px 16px 16px
        }

        .filteredGrid[data-grid="2"] .caseCard--small .caseCard__title, .filteredGrid[data-grid="2"] .caseCard .caseCard__title {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Calma Global Medium,sans-serif;
            font-size: 1.625rem;
            line-height: 1.231em;
            letter-spacing: 0
        }

            .filteredGrid[data-grid="2"] .caseCard--small .caseCard__title .link a, .filteredGrid[data-grid="2"] .caseCard .caseCard__title .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .filteredGrid[data-grid="2"] .caseCard--small .caseCard__title .link a:hover, .filteredGrid[data-grid="2"] .caseCard .caseCard__title .link a:hover {
                    color: var(--m-01)
                }

            .filteredGrid[data-grid="2"] .caseCard--small .caseCard__title mark, .filteredGrid[data-grid="2"] .caseCard--small .caseCard__title mark[data-color=color], .filteredGrid[data-grid="2"] .caseCard .caseCard__title mark, .filteredGrid[data-grid="2"] .caseCard .caseCard__title mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .filteredGrid[data-grid="2"] .caseCard--small .caseCard__title mark[data-color=gray], .filteredGrid[data-grid="2"] .caseCard .caseCard__title mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .filteredGrid[data-grid="2"] .caseCard--small .caseCard__title mark[data-color=default], .filteredGrid[data-grid="2"] .caseCard .caseCard__title mark[data-color=default] {
                    color: var(--neu-10)
                }

            .filteredGrid[data-grid="2"] .caseCard--small .caseCard__title span.m-01--dark-01, .filteredGrid[data-grid="2"] .caseCard--small .caseCard__title span[data-color=color], .filteredGrid[data-grid="2"] .caseCard .caseCard__title span.m-01--dark-01, .filteredGrid[data-grid="2"] .caseCard .caseCard__title span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .filteredGrid[data-grid="2"] .caseCard--small .caseCard__title span.neu-07, .filteredGrid[data-grid="2"] .caseCard--small .caseCard__title span[data-color=gray], .filteredGrid[data-grid="2"] .caseCard .caseCard__title span.neu-07, .filteredGrid[data-grid="2"] .caseCard .caseCard__title span[data-color=gray] {
                color: var(--neu-07)
            }

            .filteredGrid[data-grid="2"] .caseCard--small .caseCard__title span.neu-10, .filteredGrid[data-grid="2"] .caseCard--small .caseCard__title span[data-color=default], .filteredGrid[data-grid="2"] .caseCard .caseCard__title span.neu-10, .filteredGrid[data-grid="2"] .caseCard .caseCard__title span[data-color=default] {
                color: var(--neu-10)
            }

            .filteredGrid[data-grid="2"] .caseCard--small .caseCard__title b, .filteredGrid[data-grid="2"] .caseCard--small .caseCard__title strong, .filteredGrid[data-grid="2"] .caseCard .caseCard__title b, .filteredGrid[data-grid="2"] .caseCard .caseCard__title strong {
                font-weight: 700
            }

            .filteredGrid[data-grid="2"] .caseCard--small .caseCard__title em, .filteredGrid[data-grid="2"] .caseCard .caseCard__title em {
                font-style: italic
            }

    .filteredGrid[data-grid="2"] .countyCard, .filteredGrid[data-grid="2"] .countyCard--small {
        max-width: 960px;
        height: 100%;
        min-height: 80px
    }

    .filteredGrid[data-grid="2"] .industryCard, .filteredGrid[data-grid="2"] .industryCard--small {
        max-width: 960px;
        max-width: 480px;
        min-height: 240px
    }

        .filteredGrid[data-grid="2"] .industryCard--small .industryCard__content, .filteredGrid[data-grid="2"] .industryCard .industryCard__content {
            padding: 24px 16px 16px
        }

        .filteredGrid[data-grid="2"] .industryCard--small .industryCard__title, .filteredGrid[data-grid="2"] .industryCard .industryCard__title {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Calma Global Medium,sans-serif;
            font-size: 1.625rem;
            line-height: 1.231em;
            letter-spacing: 0
        }

            .filteredGrid[data-grid="2"] .industryCard--small .industryCard__title .link a, .filteredGrid[data-grid="2"] .industryCard .industryCard__title .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .filteredGrid[data-grid="2"] .industryCard--small .industryCard__title .link a:hover, .filteredGrid[data-grid="2"] .industryCard .industryCard__title .link a:hover {
                    color: var(--m-01)
                }

            .filteredGrid[data-grid="2"] .industryCard--small .industryCard__title mark, .filteredGrid[data-grid="2"] .industryCard--small .industryCard__title mark[data-color=color], .filteredGrid[data-grid="2"] .industryCard .industryCard__title mark, .filteredGrid[data-grid="2"] .industryCard .industryCard__title mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .filteredGrid[data-grid="2"] .industryCard--small .industryCard__title mark[data-color=gray], .filteredGrid[data-grid="2"] .industryCard .industryCard__title mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .filteredGrid[data-grid="2"] .industryCard--small .industryCard__title mark[data-color=default], .filteredGrid[data-grid="2"] .industryCard .industryCard__title mark[data-color=default] {
                    color: var(--neu-10)
                }

            .filteredGrid[data-grid="2"] .industryCard--small .industryCard__title span.m-01--dark-01, .filteredGrid[data-grid="2"] .industryCard--small .industryCard__title span[data-color=color], .filteredGrid[data-grid="2"] .industryCard .industryCard__title span.m-01--dark-01, .filteredGrid[data-grid="2"] .industryCard .industryCard__title span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .filteredGrid[data-grid="2"] .industryCard--small .industryCard__title span.neu-07, .filteredGrid[data-grid="2"] .industryCard--small .industryCard__title span[data-color=gray], .filteredGrid[data-grid="2"] .industryCard .industryCard__title span.neu-07, .filteredGrid[data-grid="2"] .industryCard .industryCard__title span[data-color=gray] {
                color: var(--neu-07)
            }

            .filteredGrid[data-grid="2"] .industryCard--small .industryCard__title span.neu-10, .filteredGrid[data-grid="2"] .industryCard--small .industryCard__title span[data-color=default], .filteredGrid[data-grid="2"] .industryCard .industryCard__title span.neu-10, .filteredGrid[data-grid="2"] .industryCard .industryCard__title span[data-color=default] {
                color: var(--neu-10)
            }

            .filteredGrid[data-grid="2"] .industryCard--small .industryCard__title b, .filteredGrid[data-grid="2"] .industryCard--small .industryCard__title strong, .filteredGrid[data-grid="2"] .industryCard .industryCard__title b, .filteredGrid[data-grid="2"] .industryCard .industryCard__title strong {
                font-weight: 700
            }

            .filteredGrid[data-grid="2"] .industryCard--small .industryCard__title em, .filteredGrid[data-grid="2"] .industryCard .industryCard__title em {
                font-style: italic
            }

    .filteredGrid[data-grid="2"] .itemCard, .filteredGrid[data-grid="2"] .itemCard--small {
        max-width: 960px;
        padding: 24px 16px 32px 4px;
        height: 100%
    }

        .filteredGrid[data-grid="2"] .itemCard--small .itemCard__text, .filteredGrid[data-grid="2"] .itemCard .itemCard__text {
            max-width: 310px
        }

    .filteredGrid[data-grid="2"] .readingImageCard, .filteredGrid[data-grid="2"] .readingImageCard--small {
        max-width: 960px;
        background: transparent;
        box-shadow: none;
        border-bottom: 1px solid var(--neu-03);
        min-height: auto;
        flex-direction: row;
        padding: 8px 0 16px;
        border-radius: 0
    }

        .filteredGrid[data-grid="2"] .readingImageCard--small .readingImageCard__image, .filteredGrid[data-grid="2"] .readingImageCard .readingImageCard__image {
            height: auto;
            max-width: 110px;
            flex: 1;
            border-radius: 0
        }

        .filteredGrid[data-grid="2"] .readingImageCard--small .readingImageCard__content, .filteredGrid[data-grid="2"] .readingImageCard .readingImageCard__content {
            padding: 0 0 0 16px;
            flex: 2;
            justify-content: flex-start
        }

        .filteredGrid[data-grid="2"] .readingImageCard--small .readingImageCard__text, .filteredGrid[data-grid="2"] .readingImageCard .readingImageCard__text {
            padding: 0;
            padding-right: 24px
        }

        .filteredGrid[data-grid="2"] .readingImageCard--small .readingImageCard__title, .filteredGrid[data-grid="2"] .readingImageCard .readingImageCard__title {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Inter,sans-serif;
            font-size: 1rem;
            line-height: 1.5em;
            letter-spacing: -.011em;
            font-weight: 700;
            margin-top: 4px
        }

            .filteredGrid[data-grid="2"] .readingImageCard--small .readingImageCard__title .link a, .filteredGrid[data-grid="2"] .readingImageCard .readingImageCard__title .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .filteredGrid[data-grid="2"] .readingImageCard--small .readingImageCard__title .link a:hover, .filteredGrid[data-grid="2"] .readingImageCard .readingImageCard__title .link a:hover {
                    color: var(--m-01)
                }

            .filteredGrid[data-grid="2"] .readingImageCard--small .readingImageCard__title mark, .filteredGrid[data-grid="2"] .readingImageCard--small .readingImageCard__title mark[data-color=color], .filteredGrid[data-grid="2"] .readingImageCard .readingImageCard__title mark, .filteredGrid[data-grid="2"] .readingImageCard .readingImageCard__title mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .filteredGrid[data-grid="2"] .readingImageCard--small .readingImageCard__title mark[data-color=gray], .filteredGrid[data-grid="2"] .readingImageCard .readingImageCard__title mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .filteredGrid[data-grid="2"] .readingImageCard--small .readingImageCard__title mark[data-color=default], .filteredGrid[data-grid="2"] .readingImageCard .readingImageCard__title mark[data-color=default] {
                    color: var(--neu-10)
                }

            .filteredGrid[data-grid="2"] .readingImageCard--small .readingImageCard__title span.m-01--dark-01, .filteredGrid[data-grid="2"] .readingImageCard--small .readingImageCard__title span[data-color=color], .filteredGrid[data-grid="2"] .readingImageCard .readingImageCard__title span.m-01--dark-01, .filteredGrid[data-grid="2"] .readingImageCard .readingImageCard__title span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .filteredGrid[data-grid="2"] .readingImageCard--small .readingImageCard__title span.neu-07, .filteredGrid[data-grid="2"] .readingImageCard--small .readingImageCard__title span[data-color=gray], .filteredGrid[data-grid="2"] .readingImageCard .readingImageCard__title span.neu-07, .filteredGrid[data-grid="2"] .readingImageCard .readingImageCard__title span[data-color=gray] {
                color: var(--neu-07)
            }

            .filteredGrid[data-grid="2"] .readingImageCard--small .readingImageCard__title span.neu-10, .filteredGrid[data-grid="2"] .readingImageCard--small .readingImageCard__title span[data-color=default], .filteredGrid[data-grid="2"] .readingImageCard .readingImageCard__title span.neu-10, .filteredGrid[data-grid="2"] .readingImageCard .readingImageCard__title span[data-color=default] {
                color: var(--neu-10)
            }

            .filteredGrid[data-grid="2"] .readingImageCard--small .readingImageCard__title b, .filteredGrid[data-grid="2"] .readingImageCard--small .readingImageCard__title strong, .filteredGrid[data-grid="2"] .readingImageCard .readingImageCard__title b, .filteredGrid[data-grid="2"] .readingImageCard .readingImageCard__title strong {
                font-weight: 700
            }

            .filteredGrid[data-grid="2"] .readingImageCard--small .readingImageCard__title em, .filteredGrid[data-grid="2"] .readingImageCard .readingImageCard__title em {
                font-style: italic
            }

        .filteredGrid[data-grid="2"] .readingImageCard--small .readingImageCard__infoItem i, .filteredGrid[data-grid="2"] .readingImageCard .readingImageCard__infoItem i {
            display: none
        }

        .filteredGrid[data-grid="2"] .readingImageCard--small .btnBookmark, .filteredGrid[data-grid="2"] .readingImageCard--small .btnBookmark--privateArea, .filteredGrid[data-grid="2"] .readingImageCard--small .btnBookmark--small, .filteredGrid[data-grid="2"] .readingImageCard .btnBookmark, .filteredGrid[data-grid="2"] .readingImageCard .btnBookmark--privateArea, .filteredGrid[data-grid="2"] .readingImageCard .btnBookmark--small {
            top: -8px;
            right: -16px;
            z-index: 2
        }

            .filteredGrid[data-grid="2"] .readingImageCard--small .btnBookmark--privateArea .btnBookmark, .filteredGrid[data-grid="2"] .readingImageCard--small .btnBookmark--privateArea .btnBookmark--small, .filteredGrid[data-grid="2"] .readingImageCard .btnBookmark--privateArea .btnBookmark, .filteredGrid[data-grid="2"] .readingImageCard .btnBookmark--privateArea .btnBookmark--small {
                top: 0;
                right: 0
            }

        .filteredGrid[data-grid="2"] .readingImageCard--small:hover, .filteredGrid[data-grid="2"] .readingImageCard:hover {
            box-shadow: none;
            transform: none
        }

    .filteredGrid[data-grid="2"] .readingTextCard, .filteredGrid[data-grid="2"] .readingTextCard--small {
        max-width: 960px;
        background: transparent;
        box-shadow: none;
        border-bottom: 1px solid var(--neu-03);
        min-height: auto;
        flex-direction: row;
        padding: 8px 0 16px;
        border-radius: 0
    }

        .filteredGrid[data-grid="2"] .readingTextCard--small .readingTextCard__content, .filteredGrid[data-grid="2"] .readingTextCard .readingTextCard__content {
            flex: 2
        }

        .filteredGrid[data-grid="2"] .readingTextCard--small .readingTextCard__text, .filteredGrid[data-grid="2"] .readingTextCard .readingTextCard__text {
            padding: 0
        }

        .filteredGrid[data-grid="2"] .readingTextCard--small .readingTextCard__title, .filteredGrid[data-grid="2"] .readingTextCard .readingTextCard__title {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Inter,sans-serif;
            font-size: 1rem;
            line-height: 1.5em;
            letter-spacing: -.011em;
            font-weight: 700;
            margin-top: 4px
        }

            .filteredGrid[data-grid="2"] .readingTextCard--small .readingTextCard__title .link a, .filteredGrid[data-grid="2"] .readingTextCard .readingTextCard__title .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .filteredGrid[data-grid="2"] .readingTextCard--small .readingTextCard__title .link a:hover, .filteredGrid[data-grid="2"] .readingTextCard .readingTextCard__title .link a:hover {
                    color: var(--m-01)
                }

            .filteredGrid[data-grid="2"] .readingTextCard--small .readingTextCard__title mark, .filteredGrid[data-grid="2"] .readingTextCard--small .readingTextCard__title mark[data-color=color], .filteredGrid[data-grid="2"] .readingTextCard .readingTextCard__title mark, .filteredGrid[data-grid="2"] .readingTextCard .readingTextCard__title mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .filteredGrid[data-grid="2"] .readingTextCard--small .readingTextCard__title mark[data-color=gray], .filteredGrid[data-grid="2"] .readingTextCard .readingTextCard__title mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .filteredGrid[data-grid="2"] .readingTextCard--small .readingTextCard__title mark[data-color=default], .filteredGrid[data-grid="2"] .readingTextCard .readingTextCard__title mark[data-color=default] {
                    color: var(--neu-10)
                }

            .filteredGrid[data-grid="2"] .readingTextCard--small .readingTextCard__title span.m-01--dark-01, .filteredGrid[data-grid="2"] .readingTextCard--small .readingTextCard__title span[data-color=color], .filteredGrid[data-grid="2"] .readingTextCard .readingTextCard__title span.m-01--dark-01, .filteredGrid[data-grid="2"] .readingTextCard .readingTextCard__title span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .filteredGrid[data-grid="2"] .readingTextCard--small .readingTextCard__title span.neu-07, .filteredGrid[data-grid="2"] .readingTextCard--small .readingTextCard__title span[data-color=gray], .filteredGrid[data-grid="2"] .readingTextCard .readingTextCard__title span.neu-07, .filteredGrid[data-grid="2"] .readingTextCard .readingTextCard__title span[data-color=gray] {
                color: var(--neu-07)
            }

            .filteredGrid[data-grid="2"] .readingTextCard--small .readingTextCard__title span.neu-10, .filteredGrid[data-grid="2"] .readingTextCard--small .readingTextCard__title span[data-color=default], .filteredGrid[data-grid="2"] .readingTextCard .readingTextCard__title span.neu-10, .filteredGrid[data-grid="2"] .readingTextCard .readingTextCard__title span[data-color=default] {
                color: var(--neu-10)
            }

            .filteredGrid[data-grid="2"] .readingTextCard--small .readingTextCard__title b, .filteredGrid[data-grid="2"] .readingTextCard--small .readingTextCard__title strong, .filteredGrid[data-grid="2"] .readingTextCard .readingTextCard__title b, .filteredGrid[data-grid="2"] .readingTextCard .readingTextCard__title strong {
                font-weight: 700
            }

            .filteredGrid[data-grid="2"] .readingTextCard--small .readingTextCard__title em, .filteredGrid[data-grid="2"] .readingTextCard .readingTextCard__title em {
                font-style: italic
            }

        .filteredGrid[data-grid="2"] .readingTextCard--small .readingTextCard__description, .filteredGrid[data-grid="2"] .readingTextCard--small .readingTextCard__infoItem i, .filteredGrid[data-grid="2"] .readingTextCard .readingTextCard__description, .filteredGrid[data-grid="2"] .readingTextCard .readingTextCard__infoItem i {
            display: none
        }

        .filteredGrid[data-grid="2"] .readingTextCard--small:hover, .filteredGrid[data-grid="2"] .readingTextCard:hover {
            box-shadow: none;
            transform: none
        }

    .filteredGrid[data-grid="2"] .regionCard, .filteredGrid[data-grid="2"] .regionCard--small {
        max-width: 960px;
        min-height: 270px
    }

        .filteredGrid[data-grid="2"] .regionCard--small .regionCard__content, .filteredGrid[data-grid="2"] .regionCard .regionCard__content {
            padding: 24px 16px 16px
        }

        .filteredGrid[data-grid="2"] .regionCard--small .regionCard__title, .filteredGrid[data-grid="2"] .regionCard .regionCard__title {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Calma Global Medium,sans-serif;
            font-size: 2rem;
            line-height: 1.25em;
            letter-spacing: -.016em
        }

            .filteredGrid[data-grid="2"] .regionCard--small .regionCard__title .link a, .filteredGrid[data-grid="2"] .regionCard .regionCard__title .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .filteredGrid[data-grid="2"] .regionCard--small .regionCard__title .link a:hover, .filteredGrid[data-grid="2"] .regionCard .regionCard__title .link a:hover {
                    color: var(--m-01)
                }

            .filteredGrid[data-grid="2"] .regionCard--small .regionCard__title mark, .filteredGrid[data-grid="2"] .regionCard--small .regionCard__title mark[data-color=color], .filteredGrid[data-grid="2"] .regionCard .regionCard__title mark, .filteredGrid[data-grid="2"] .regionCard .regionCard__title mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .filteredGrid[data-grid="2"] .regionCard--small .regionCard__title mark[data-color=gray], .filteredGrid[data-grid="2"] .regionCard .regionCard__title mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .filteredGrid[data-grid="2"] .regionCard--small .regionCard__title mark[data-color=default], .filteredGrid[data-grid="2"] .regionCard .regionCard__title mark[data-color=default] {
                    color: var(--neu-10)
                }

            .filteredGrid[data-grid="2"] .regionCard--small .regionCard__title span.m-01--dark-01, .filteredGrid[data-grid="2"] .regionCard--small .regionCard__title span[data-color=color], .filteredGrid[data-grid="2"] .regionCard .regionCard__title span.m-01--dark-01, .filteredGrid[data-grid="2"] .regionCard .regionCard__title span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .filteredGrid[data-grid="2"] .regionCard--small .regionCard__title span.neu-07, .filteredGrid[data-grid="2"] .regionCard--small .regionCard__title span[data-color=gray], .filteredGrid[data-grid="2"] .regionCard .regionCard__title span.neu-07, .filteredGrid[data-grid="2"] .regionCard .regionCard__title span[data-color=gray] {
                color: var(--neu-07)
            }

            .filteredGrid[data-grid="2"] .regionCard--small .regionCard__title span.neu-10, .filteredGrid[data-grid="2"] .regionCard--small .regionCard__title span[data-color=default], .filteredGrid[data-grid="2"] .regionCard .regionCard__title span.neu-10, .filteredGrid[data-grid="2"] .regionCard .regionCard__title span[data-color=default] {
                color: var(--neu-10)
            }

            .filteredGrid[data-grid="2"] .regionCard--small .regionCard__title b, .filteredGrid[data-grid="2"] .regionCard--small .regionCard__title strong, .filteredGrid[data-grid="2"] .regionCard .regionCard__title b, .filteredGrid[data-grid="2"] .regionCard .regionCard__title strong {
                font-weight: 700
            }

            .filteredGrid[data-grid="2"] .regionCard--small .regionCard__title em, .filteredGrid[data-grid="2"] .regionCard .regionCard__title em {
                font-style: italic
            }
}

@media (max-width:1024px) and (max-width:1024px) {
    .filteredGrid[data-grid="2"] .regionCard--small .regionCard__title, .filteredGrid[data-grid="2"] .regionCard .regionCard__title {
        font-size: 1.625rem;
        line-height: 1.231em;
        letter-spacing: 0
    }
}

@media (max-width:1024px) {
    .filteredGrid[data-grid="2"] .resourceCard, .filteredGrid[data-grid="2"] .resourceCard--small {
        max-width: 960px;
        min-height: 200px;
        height: 100%;
        padding: 24px 16px
    }

        .filteredGrid[data-grid="2"] .resourceCard--small .resourceCard__title, .filteredGrid[data-grid="2"] .resourceCard .resourceCard__title {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Inter,sans-serif;
            font-size: 1.188rem;
            line-height: 1.263em;
            letter-spacing: -.016em;
            font-weight: 400;
            margin-top: 4px
        }

            .filteredGrid[data-grid="2"] .resourceCard--small .resourceCard__title .link a, .filteredGrid[data-grid="2"] .resourceCard .resourceCard__title .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .filteredGrid[data-grid="2"] .resourceCard--small .resourceCard__title .link a:hover, .filteredGrid[data-grid="2"] .resourceCard .resourceCard__title .link a:hover {
                    color: var(--m-01)
                }

            .filteredGrid[data-grid="2"] .resourceCard--small .resourceCard__title mark, .filteredGrid[data-grid="2"] .resourceCard--small .resourceCard__title mark[data-color=color], .filteredGrid[data-grid="2"] .resourceCard .resourceCard__title mark, .filteredGrid[data-grid="2"] .resourceCard .resourceCard__title mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .filteredGrid[data-grid="2"] .resourceCard--small .resourceCard__title mark[data-color=gray], .filteredGrid[data-grid="2"] .resourceCard .resourceCard__title mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .filteredGrid[data-grid="2"] .resourceCard--small .resourceCard__title mark[data-color=default], .filteredGrid[data-grid="2"] .resourceCard .resourceCard__title mark[data-color=default] {
                    color: var(--neu-10)
                }

            .filteredGrid[data-grid="2"] .resourceCard--small .resourceCard__title span.m-01--dark-01, .filteredGrid[data-grid="2"] .resourceCard--small .resourceCard__title span[data-color=color], .filteredGrid[data-grid="2"] .resourceCard .resourceCard__title span.m-01--dark-01, .filteredGrid[data-grid="2"] .resourceCard .resourceCard__title span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .filteredGrid[data-grid="2"] .resourceCard--small .resourceCard__title span.neu-07, .filteredGrid[data-grid="2"] .resourceCard--small .resourceCard__title span[data-color=gray], .filteredGrid[data-grid="2"] .resourceCard .resourceCard__title span.neu-07, .filteredGrid[data-grid="2"] .resourceCard .resourceCard__title span[data-color=gray] {
                color: var(--neu-07)
            }

            .filteredGrid[data-grid="2"] .resourceCard--small .resourceCard__title span.neu-10, .filteredGrid[data-grid="2"] .resourceCard--small .resourceCard__title span[data-color=default], .filteredGrid[data-grid="2"] .resourceCard .resourceCard__title span.neu-10, .filteredGrid[data-grid="2"] .resourceCard .resourceCard__title span[data-color=default] {
                color: var(--neu-10)
            }

            .filteredGrid[data-grid="2"] .resourceCard--small .resourceCard__title b, .filteredGrid[data-grid="2"] .resourceCard--small .resourceCard__title strong, .filteredGrid[data-grid="2"] .resourceCard .resourceCard__title b, .filteredGrid[data-grid="2"] .resourceCard .resourceCard__title strong {
                font-weight: 700
            }

            .filteredGrid[data-grid="2"] .resourceCard--small .resourceCard__title em, .filteredGrid[data-grid="2"] .resourceCard .resourceCard__title em {
                font-style: italic
            }

        .filteredGrid[data-grid="2"] .resourceCard--small .btn, .filteredGrid[data-grid="2"] .resourceCard--small .btn--icon, .filteredGrid[data-grid="2"] .resourceCard--small .btn--primary, .filteredGrid[data-grid="2"] .resourceCard--small .btn--primary--dark, .filteredGrid[data-grid="2"] .resourceCard--small .btn--secondary, .filteredGrid[data-grid="2"] .resourceCard--small .btn--small, .filteredGrid[data-grid="2"] .resourceCard--small .btn--tertiary, .filteredGrid[data-grid="2"] .resourceCard .btn, .filteredGrid[data-grid="2"] .resourceCard .btn--icon, .filteredGrid[data-grid="2"] .resourceCard .btn--primary, .filteredGrid[data-grid="2"] .resourceCard .btn--primary--dark, .filteredGrid[data-grid="2"] .resourceCard .btn--secondary, .filteredGrid[data-grid="2"] .resourceCard .btn--small, .filteredGrid[data-grid="2"] .resourceCard .btn--tertiary {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Inter,sans-serif;
            font-size: .813rem;
            line-height: 1.538em;
            letter-spacing: -.003em;
            font-weight: 400;
            font-weight: 700;
            padding: 0 20px;
            height: 40px
        }

            .filteredGrid[data-grid="2"] .resourceCard--small .btn--icon .link a, .filteredGrid[data-grid="2"] .resourceCard--small .btn--primary--dark .link a, .filteredGrid[data-grid="2"] .resourceCard--small .btn--primary .link a, .filteredGrid[data-grid="2"] .resourceCard--small .btn--secondary .link a, .filteredGrid[data-grid="2"] .resourceCard--small .btn--small .link a, .filteredGrid[data-grid="2"] .resourceCard--small .btn--tertiary .link a, .filteredGrid[data-grid="2"] .resourceCard--small .btn .link a, .filteredGrid[data-grid="2"] .resourceCard .btn--icon .link a, .filteredGrid[data-grid="2"] .resourceCard .btn--primary--dark .link a, .filteredGrid[data-grid="2"] .resourceCard .btn--primary .link a, .filteredGrid[data-grid="2"] .resourceCard .btn--secondary .link a, .filteredGrid[data-grid="2"] .resourceCard .btn--small .link a, .filteredGrid[data-grid="2"] .resourceCard .btn--tertiary .link a, .filteredGrid[data-grid="2"] .resourceCard .btn .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .filteredGrid[data-grid="2"] .resourceCard--small .btn--icon .link a:hover, .filteredGrid[data-grid="2"] .resourceCard--small .btn--primary--dark .link a:hover, .filteredGrid[data-grid="2"] .resourceCard--small .btn--primary .link a:hover, .filteredGrid[data-grid="2"] .resourceCard--small .btn--secondary .link a:hover, .filteredGrid[data-grid="2"] .resourceCard--small .btn--small .link a:hover, .filteredGrid[data-grid="2"] .resourceCard--small .btn--tertiary .link a:hover, .filteredGrid[data-grid="2"] .resourceCard--small .btn .link a:hover, .filteredGrid[data-grid="2"] .resourceCard .btn--icon .link a:hover, .filteredGrid[data-grid="2"] .resourceCard .btn--primary--dark .link a:hover, .filteredGrid[data-grid="2"] .resourceCard .btn--primary .link a:hover, .filteredGrid[data-grid="2"] .resourceCard .btn--secondary .link a:hover, .filteredGrid[data-grid="2"] .resourceCard .btn--small .link a:hover, .filteredGrid[data-grid="2"] .resourceCard .btn--tertiary .link a:hover, .filteredGrid[data-grid="2"] .resourceCard .btn .link a:hover {
                    color: var(--m-01)
                }

            .filteredGrid[data-grid="2"] .resourceCard--small .btn--icon mark, .filteredGrid[data-grid="2"] .resourceCard--small .btn--icon mark[data-color=color], .filteredGrid[data-grid="2"] .resourceCard--small .btn--primary--dark mark, .filteredGrid[data-grid="2"] .resourceCard--small .btn--primary--dark mark[data-color=color], .filteredGrid[data-grid="2"] .resourceCard--small .btn--primary mark, .filteredGrid[data-grid="2"] .resourceCard--small .btn--primary mark[data-color=color], .filteredGrid[data-grid="2"] .resourceCard--small .btn--secondary mark, .filteredGrid[data-grid="2"] .resourceCard--small .btn--secondary mark[data-color=color], .filteredGrid[data-grid="2"] .resourceCard--small .btn--small mark, .filteredGrid[data-grid="2"] .resourceCard--small .btn--small mark[data-color=color], .filteredGrid[data-grid="2"] .resourceCard--small .btn--tertiary mark, .filteredGrid[data-grid="2"] .resourceCard--small .btn--tertiary mark[data-color=color], .filteredGrid[data-grid="2"] .resourceCard--small .btn mark, .filteredGrid[data-grid="2"] .resourceCard--small .btn mark[data-color=color], .filteredGrid[data-grid="2"] .resourceCard .btn--icon mark, .filteredGrid[data-grid="2"] .resourceCard .btn--icon mark[data-color=color], .filteredGrid[data-grid="2"] .resourceCard .btn--primary--dark mark, .filteredGrid[data-grid="2"] .resourceCard .btn--primary--dark mark[data-color=color], .filteredGrid[data-grid="2"] .resourceCard .btn--primary mark, .filteredGrid[data-grid="2"] .resourceCard .btn--primary mark[data-color=color], .filteredGrid[data-grid="2"] .resourceCard .btn--secondary mark, .filteredGrid[data-grid="2"] .resourceCard .btn--secondary mark[data-color=color], .filteredGrid[data-grid="2"] .resourceCard .btn--small mark, .filteredGrid[data-grid="2"] .resourceCard .btn--small mark[data-color=color], .filteredGrid[data-grid="2"] .resourceCard .btn--tertiary mark, .filteredGrid[data-grid="2"] .resourceCard .btn--tertiary mark[data-color=color], .filteredGrid[data-grid="2"] .resourceCard .btn mark, .filteredGrid[data-grid="2"] .resourceCard .btn mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .filteredGrid[data-grid="2"] .resourceCard--small .btn--icon mark[data-color=gray], .filteredGrid[data-grid="2"] .resourceCard--small .btn--primary--dark mark[data-color=gray], .filteredGrid[data-grid="2"] .resourceCard--small .btn--primary mark[data-color=gray], .filteredGrid[data-grid="2"] .resourceCard--small .btn--secondary mark[data-color=gray], .filteredGrid[data-grid="2"] .resourceCard--small .btn--small mark[data-color=gray], .filteredGrid[data-grid="2"] .resourceCard--small .btn--tertiary mark[data-color=gray], .filteredGrid[data-grid="2"] .resourceCard--small .btn mark[data-color=gray], .filteredGrid[data-grid="2"] .resourceCard .btn--icon mark[data-color=gray], .filteredGrid[data-grid="2"] .resourceCard .btn--primary--dark mark[data-color=gray], .filteredGrid[data-grid="2"] .resourceCard .btn--primary mark[data-color=gray], .filteredGrid[data-grid="2"] .resourceCard .btn--secondary mark[data-color=gray], .filteredGrid[data-grid="2"] .resourceCard .btn--small mark[data-color=gray], .filteredGrid[data-grid="2"] .resourceCard .btn--tertiary mark[data-color=gray], .filteredGrid[data-grid="2"] .resourceCard .btn mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .filteredGrid[data-grid="2"] .resourceCard--small .btn--icon mark[data-color=default], .filteredGrid[data-grid="2"] .resourceCard--small .btn--primary--dark mark[data-color=default], .filteredGrid[data-grid="2"] .resourceCard--small .btn--primary mark[data-color=default], .filteredGrid[data-grid="2"] .resourceCard--small .btn--secondary mark[data-color=default], .filteredGrid[data-grid="2"] .resourceCard--small .btn--small mark[data-color=default], .filteredGrid[data-grid="2"] .resourceCard--small .btn--tertiary mark[data-color=default], .filteredGrid[data-grid="2"] .resourceCard--small .btn mark[data-color=default], .filteredGrid[data-grid="2"] .resourceCard .btn--icon mark[data-color=default], .filteredGrid[data-grid="2"] .resourceCard .btn--primary--dark mark[data-color=default], .filteredGrid[data-grid="2"] .resourceCard .btn--primary mark[data-color=default], .filteredGrid[data-grid="2"] .resourceCard .btn--secondary mark[data-color=default], .filteredGrid[data-grid="2"] .resourceCard .btn--small mark[data-color=default], .filteredGrid[data-grid="2"] .resourceCard .btn--tertiary mark[data-color=default], .filteredGrid[data-grid="2"] .resourceCard .btn mark[data-color=default] {
                    color: var(--neu-10)
                }

            .filteredGrid[data-grid="2"] .resourceCard--small .btn--icon span.m-01--dark-01, .filteredGrid[data-grid="2"] .resourceCard--small .btn--icon span[data-color=color], .filteredGrid[data-grid="2"] .resourceCard--small .btn--primary--dark span.m-01--dark-01, .filteredGrid[data-grid="2"] .resourceCard--small .btn--primary--dark span[data-color=color], .filteredGrid[data-grid="2"] .resourceCard--small .btn--primary span.m-01--dark-01, .filteredGrid[data-grid="2"] .resourceCard--small .btn--primary span[data-color=color], .filteredGrid[data-grid="2"] .resourceCard--small .btn--secondary span.m-01--dark-01, .filteredGrid[data-grid="2"] .resourceCard--small .btn--secondary span[data-color=color], .filteredGrid[data-grid="2"] .resourceCard--small .btn--small span.m-01--dark-01, .filteredGrid[data-grid="2"] .resourceCard--small .btn--small span[data-color=color], .filteredGrid[data-grid="2"] .resourceCard--small .btn--tertiary span.m-01--dark-01, .filteredGrid[data-grid="2"] .resourceCard--small .btn--tertiary span[data-color=color], .filteredGrid[data-grid="2"] .resourceCard--small .btn span.m-01--dark-01, .filteredGrid[data-grid="2"] .resourceCard--small .btn span[data-color=color], .filteredGrid[data-grid="2"] .resourceCard .btn--icon span.m-01--dark-01, .filteredGrid[data-grid="2"] .resourceCard .btn--icon span[data-color=color], .filteredGrid[data-grid="2"] .resourceCard .btn--primary--dark span.m-01--dark-01, .filteredGrid[data-grid="2"] .resourceCard .btn--primary--dark span[data-color=color], .filteredGrid[data-grid="2"] .resourceCard .btn--primary span.m-01--dark-01, .filteredGrid[data-grid="2"] .resourceCard .btn--primary span[data-color=color], .filteredGrid[data-grid="2"] .resourceCard .btn--secondary span.m-01--dark-01, .filteredGrid[data-grid="2"] .resourceCard .btn--secondary span[data-color=color], .filteredGrid[data-grid="2"] .resourceCard .btn--small span.m-01--dark-01, .filteredGrid[data-grid="2"] .resourceCard .btn--small span[data-color=color], .filteredGrid[data-grid="2"] .resourceCard .btn--tertiary span.m-01--dark-01, .filteredGrid[data-grid="2"] .resourceCard .btn--tertiary span[data-color=color], .filteredGrid[data-grid="2"] .resourceCard .btn span.m-01--dark-01, .filteredGrid[data-grid="2"] .resourceCard .btn span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .filteredGrid[data-grid="2"] .resourceCard--small .btn--icon span.neu-07, .filteredGrid[data-grid="2"] .resourceCard--small .btn--icon span[data-color=gray], .filteredGrid[data-grid="2"] .resourceCard--small .btn--primary--dark span.neu-07, .filteredGrid[data-grid="2"] .resourceCard--small .btn--primary--dark span[data-color=gray], .filteredGrid[data-grid="2"] .resourceCard--small .btn--primary span.neu-07, .filteredGrid[data-grid="2"] .resourceCard--small .btn--primary span[data-color=gray], .filteredGrid[data-grid="2"] .resourceCard--small .btn--secondary span.neu-07, .filteredGrid[data-grid="2"] .resourceCard--small .btn--secondary span[data-color=gray], .filteredGrid[data-grid="2"] .resourceCard--small .btn--small span.neu-07, .filteredGrid[data-grid="2"] .resourceCard--small .btn--small span[data-color=gray], .filteredGrid[data-grid="2"] .resourceCard--small .btn--tertiary span.neu-07, .filteredGrid[data-grid="2"] .resourceCard--small .btn--tertiary span[data-color=gray], .filteredGrid[data-grid="2"] .resourceCard--small .btn span.neu-07, .filteredGrid[data-grid="2"] .resourceCard--small .btn span[data-color=gray], .filteredGrid[data-grid="2"] .resourceCard .btn--icon span.neu-07, .filteredGrid[data-grid="2"] .resourceCard .btn--icon span[data-color=gray], .filteredGrid[data-grid="2"] .resourceCard .btn--primary--dark span.neu-07, .filteredGrid[data-grid="2"] .resourceCard .btn--primary--dark span[data-color=gray], .filteredGrid[data-grid="2"] .resourceCard .btn--primary span.neu-07, .filteredGrid[data-grid="2"] .resourceCard .btn--primary span[data-color=gray], .filteredGrid[data-grid="2"] .resourceCard .btn--secondary span.neu-07, .filteredGrid[data-grid="2"] .resourceCard .btn--secondary span[data-color=gray], .filteredGrid[data-grid="2"] .resourceCard .btn--small span.neu-07, .filteredGrid[data-grid="2"] .resourceCard .btn--small span[data-color=gray], .filteredGrid[data-grid="2"] .resourceCard .btn--tertiary span.neu-07, .filteredGrid[data-grid="2"] .resourceCard .btn--tertiary span[data-color=gray], .filteredGrid[data-grid="2"] .resourceCard .btn span.neu-07, .filteredGrid[data-grid="2"] .resourceCard .btn span[data-color=gray] {
                color: var(--neu-07)
            }

            .filteredGrid[data-grid="2"] .resourceCard--small .btn--icon span.neu-10, .filteredGrid[data-grid="2"] .resourceCard--small .btn--icon span[data-color=default], .filteredGrid[data-grid="2"] .resourceCard--small .btn--primary--dark span.neu-10, .filteredGrid[data-grid="2"] .resourceCard--small .btn--primary--dark span[data-color=default], .filteredGrid[data-grid="2"] .resourceCard--small .btn--primary span.neu-10, .filteredGrid[data-grid="2"] .resourceCard--small .btn--primary span[data-color=default], .filteredGrid[data-grid="2"] .resourceCard--small .btn--secondary span.neu-10, .filteredGrid[data-grid="2"] .resourceCard--small .btn--secondary span[data-color=default], .filteredGrid[data-grid="2"] .resourceCard--small .btn--small span.neu-10, .filteredGrid[data-grid="2"] .resourceCard--small .btn--small span[data-color=default], .filteredGrid[data-grid="2"] .resourceCard--small .btn--tertiary span.neu-10, .filteredGrid[data-grid="2"] .resourceCard--small .btn--tertiary span[data-color=default], .filteredGrid[data-grid="2"] .resourceCard--small .btn span.neu-10, .filteredGrid[data-grid="2"] .resourceCard--small .btn span[data-color=default], .filteredGrid[data-grid="2"] .resourceCard .btn--icon span.neu-10, .filteredGrid[data-grid="2"] .resourceCard .btn--icon span[data-color=default], .filteredGrid[data-grid="2"] .resourceCard .btn--primary--dark span.neu-10, .filteredGrid[data-grid="2"] .resourceCard .btn--primary--dark span[data-color=default], .filteredGrid[data-grid="2"] .resourceCard .btn--primary span.neu-10, .filteredGrid[data-grid="2"] .resourceCard .btn--primary span[data-color=default], .filteredGrid[data-grid="2"] .resourceCard .btn--secondary span.neu-10, .filteredGrid[data-grid="2"] .resourceCard .btn--secondary span[data-color=default], .filteredGrid[data-grid="2"] .resourceCard .btn--small span.neu-10, .filteredGrid[data-grid="2"] .resourceCard .btn--small span[data-color=default], .filteredGrid[data-grid="2"] .resourceCard .btn--tertiary span.neu-10, .filteredGrid[data-grid="2"] .resourceCard .btn--tertiary span[data-color=default], .filteredGrid[data-grid="2"] .resourceCard .btn span.neu-10, .filteredGrid[data-grid="2"] .resourceCard .btn span[data-color=default] {
                color: var(--neu-10)
            }

            .filteredGrid[data-grid="2"] .resourceCard--small .btn--icon b, .filteredGrid[data-grid="2"] .resourceCard--small .btn--icon strong, .filteredGrid[data-grid="2"] .resourceCard--small .btn--primary--dark b, .filteredGrid[data-grid="2"] .resourceCard--small .btn--primary--dark strong, .filteredGrid[data-grid="2"] .resourceCard--small .btn--primary b, .filteredGrid[data-grid="2"] .resourceCard--small .btn--primary strong, .filteredGrid[data-grid="2"] .resourceCard--small .btn--secondary b, .filteredGrid[data-grid="2"] .resourceCard--small .btn--secondary strong, .filteredGrid[data-grid="2"] .resourceCard--small .btn--small b, .filteredGrid[data-grid="2"] .resourceCard--small .btn--small strong, .filteredGrid[data-grid="2"] .resourceCard--small .btn--tertiary b, .filteredGrid[data-grid="2"] .resourceCard--small .btn--tertiary strong, .filteredGrid[data-grid="2"] .resourceCard--small .btn b, .filteredGrid[data-grid="2"] .resourceCard--small .btn strong, .filteredGrid[data-grid="2"] .resourceCard .btn--icon b, .filteredGrid[data-grid="2"] .resourceCard .btn--icon strong, .filteredGrid[data-grid="2"] .resourceCard .btn--primary--dark b, .filteredGrid[data-grid="2"] .resourceCard .btn--primary--dark strong, .filteredGrid[data-grid="2"] .resourceCard .btn--primary b, .filteredGrid[data-grid="2"] .resourceCard .btn--primary strong, .filteredGrid[data-grid="2"] .resourceCard .btn--secondary b, .filteredGrid[data-grid="2"] .resourceCard .btn--secondary strong, .filteredGrid[data-grid="2"] .resourceCard .btn--small b, .filteredGrid[data-grid="2"] .resourceCard .btn--small strong, .filteredGrid[data-grid="2"] .resourceCard .btn--tertiary b, .filteredGrid[data-grid="2"] .resourceCard .btn--tertiary strong, .filteredGrid[data-grid="2"] .resourceCard .btn b, .filteredGrid[data-grid="2"] .resourceCard .btn strong {
                font-weight: 700
            }

            .filteredGrid[data-grid="2"] .resourceCard--small .btn--icon em, .filteredGrid[data-grid="2"] .resourceCard--small .btn--primary--dark em, .filteredGrid[data-grid="2"] .resourceCard--small .btn--primary em, .filteredGrid[data-grid="2"] .resourceCard--small .btn--secondary em, .filteredGrid[data-grid="2"] .resourceCard--small .btn--small em, .filteredGrid[data-grid="2"] .resourceCard--small .btn--tertiary em, .filteredGrid[data-grid="2"] .resourceCard--small .btn em, .filteredGrid[data-grid="2"] .resourceCard .btn--icon em, .filteredGrid[data-grid="2"] .resourceCard .btn--primary--dark em, .filteredGrid[data-grid="2"] .resourceCard .btn--primary em, .filteredGrid[data-grid="2"] .resourceCard .btn--secondary em, .filteredGrid[data-grid="2"] .resourceCard .btn--small em, .filteredGrid[data-grid="2"] .resourceCard .btn--tertiary em, .filteredGrid[data-grid="2"] .resourceCard .btn em {
                font-style: italic
            }

            .filteredGrid[data-grid="2"] .resourceCard--small .btn--icon i, .filteredGrid[data-grid="2"] .resourceCard--small .btn--primary--dark i, .filteredGrid[data-grid="2"] .resourceCard--small .btn--primary i, .filteredGrid[data-grid="2"] .resourceCard--small .btn--secondary i, .filteredGrid[data-grid="2"] .resourceCard--small .btn--small i, .filteredGrid[data-grid="2"] .resourceCard--small .btn--tertiary i, .filteredGrid[data-grid="2"] .resourceCard--small .btn i, .filteredGrid[data-grid="2"] .resourceCard .btn--icon i, .filteredGrid[data-grid="2"] .resourceCard .btn--primary--dark i, .filteredGrid[data-grid="2"] .resourceCard .btn--primary i, .filteredGrid[data-grid="2"] .resourceCard .btn--secondary i, .filteredGrid[data-grid="2"] .resourceCard .btn--small i, .filteredGrid[data-grid="2"] .resourceCard .btn--tertiary i, .filteredGrid[data-grid="2"] .resourceCard .btn i {
                min-width: 16px;
                width: 16px;
                height: 16px;
                font-size: 16px
            }

                .filteredGrid[data-grid="2"] .resourceCard--small .btn--icon i:before, .filteredGrid[data-grid="2"] .resourceCard--small .btn--primary--dark i:before, .filteredGrid[data-grid="2"] .resourceCard--small .btn--primary i:before, .filteredGrid[data-grid="2"] .resourceCard--small .btn--secondary i:before, .filteredGrid[data-grid="2"] .resourceCard--small .btn--small i:before, .filteredGrid[data-grid="2"] .resourceCard--small .btn--tertiary i:before, .filteredGrid[data-grid="2"] .resourceCard--small .btn i:before, .filteredGrid[data-grid="2"] .resourceCard .btn--icon i:before, .filteredGrid[data-grid="2"] .resourceCard .btn--primary--dark i:before, .filteredGrid[data-grid="2"] .resourceCard .btn--primary i:before, .filteredGrid[data-grid="2"] .resourceCard .btn--secondary i:before, .filteredGrid[data-grid="2"] .resourceCard .btn--small i:before, .filteredGrid[data-grid="2"] .resourceCard .btn--tertiary i:before, .filteredGrid[data-grid="2"] .resourceCard .btn i:before {
                    font-size: 16px;
                    font-weight: 400
                }

            .filteredGrid[data-grid="2"] .resourceCard--small .btn--icon, .filteredGrid[data-grid="2"] .resourceCard--small .btn--icon.btn--primary, .filteredGrid[data-grid="2"] .resourceCard--small .btn--icon.btn--primary--dark, .filteredGrid[data-grid="2"] .resourceCard--small .btn--icon.btn--secondary, .filteredGrid[data-grid="2"] .resourceCard--small .btn--icon.btn--small, .filteredGrid[data-grid="2"] .resourceCard--small .btn--icon.btn--tertiary, .filteredGrid[data-grid="2"] .resourceCard--small .btn.btn--icon, .filteredGrid[data-grid="2"] .resourceCard .btn--icon, .filteredGrid[data-grid="2"] .resourceCard .btn--icon.btn--primary, .filteredGrid[data-grid="2"] .resourceCard .btn--icon.btn--primary--dark, .filteredGrid[data-grid="2"] .resourceCard .btn--icon.btn--secondary, .filteredGrid[data-grid="2"] .resourceCard .btn--icon.btn--small, .filteredGrid[data-grid="2"] .resourceCard .btn--icon.btn--tertiary, .filteredGrid[data-grid="2"] .resourceCard .btn.btn--icon {
                width: 40px;
                min-width: 40px
            }

                .filteredGrid[data-grid="2"] .resourceCard--small .btn--icon:hover, .filteredGrid[data-grid="2"] .resourceCard--small .btn--primary--dark:hover, .filteredGrid[data-grid="2"] .resourceCard--small .btn--primary:hover, .filteredGrid[data-grid="2"] .resourceCard--small .btn--secondary:hover, .filteredGrid[data-grid="2"] .resourceCard--small .btn--small:hover, .filteredGrid[data-grid="2"] .resourceCard--small .btn--tertiary:hover, .filteredGrid[data-grid="2"] .resourceCard--small .btn:hover, .filteredGrid[data-grid="2"] .resourceCard .btn--icon:hover, .filteredGrid[data-grid="2"] .resourceCard .btn--primary--dark:hover, .filteredGrid[data-grid="2"] .resourceCard .btn--primary:hover, .filteredGrid[data-grid="2"] .resourceCard .btn--secondary:hover, .filteredGrid[data-grid="2"] .resourceCard .btn--small:hover, .filteredGrid[data-grid="2"] .resourceCard .btn--tertiary:hover, .filteredGrid[data-grid="2"] .resourceCard .btn:hover {
                    color: var(--m-01--dark-01)
                }

    .filteredGrid[data-grid="2"] .resultsCard, .filteredGrid[data-grid="2"] .resultsCard--small {
        max-width: 960px;
        min-height: auto;
        padding: 0 0 16px;
        border-radius: 0;
        flex-direction: column
    }

        .filteredGrid[data-grid="2"] .resultsCard--small .resultsCard__image, .filteredGrid[data-grid="2"] .resultsCard .resultsCard__image {
            height: 126px;
            width: 100%;
            margin-right: 0;
            margin-bottom: 16px
        }

        .filteredGrid[data-grid="2"] .resultsCard--small .resultsCard__content, .filteredGrid[data-grid="2"] .resultsCard .resultsCard__content {
            flex: 2;
            justify-content: flex-start
        }

        .filteredGrid[data-grid="2"] .resultsCard--small .resultsCard__topInfo, .filteredGrid[data-grid="2"] .resultsCard .resultsCard__topInfo {
            flex-direction: column
        }

        .filteredGrid[data-grid="2"] .resultsCard--small .resultsCard__sideInfo, .filteredGrid[data-grid="2"] .resultsCard .resultsCard__sideInfo {
            order: 1;
            transform: none;
            justify-content: space-between;
            margin-bottom: 16px
        }

        .filteredGrid[data-grid="2"] .resultsCard--small .resultsCard__labels, .filteredGrid[data-grid="2"] .resultsCard .resultsCard__labels {
            order: 2
        }

        .filteredGrid[data-grid="2"] .resultsCard--small .resultsCard__text, .filteredGrid[data-grid="2"] .resultsCard .resultsCard__text {
            padding: 0
        }

        .filteredGrid[data-grid="2"] .resultsCard--small .resultsCard__description, .filteredGrid[data-grid="2"] .resultsCard .resultsCard__description {
            margin-top: 4px
        }

        .filteredGrid[data-grid="2"] .resultsCard--small .resultsCard__bottomInfo, .filteredGrid[data-grid="2"] .resultsCard .resultsCard__bottomInfo {
            margin-top: 8px
        }
}

@media (max-width:1024px) and (max-width:512px) {
    .filteredGrid[data-grid="2"] .resultsCard--small .resultsCard__bottomInfo, .filteredGrid[data-grid="2"] .resultsCard .resultsCard__bottomInfo {
        flex-direction: column;
        align-items: flex-start
    }
}

@media (max-width:1024px) and (max-width:512px) {
    .filteredGrid[data-grid="2"] .resultsCard--small .resultsCard__btnContainer, .filteredGrid[data-grid="2"] .resultsCard .resultsCard__btnContainer {
        margin-top: 8px;
        width: 100%;
        display: flex;
        justify-content: flex-end
    }
}

@media (max-width:1024px) {
    .filteredGrid[data-grid="2"] .resultsCard--small .btnBookmark, .filteredGrid[data-grid="2"] .resultsCard--small .btnBookmark--small, .filteredGrid[data-grid="2"] .resultsCard .btnBookmark, .filteredGrid[data-grid="2"] .resultsCard .btnBookmark--small {
        transform: translateX(16px);
        width: 48px
    }

    .filteredGrid[data-grid="2"] .thumbResultsCard, .filteredGrid[data-grid="2"] .thumbResultsCard--small {
        max-width: 636px;
        flex-direction: row
    }

        .filteredGrid[data-grid="2"] .thumbResultsCard--small .thumbResultsCard__image, .filteredGrid[data-grid="2"] .thumbResultsCard .thumbResultsCard__image {
            height: auto;
            width: 89px;
            min-width: 89px;
            border-top-left-radius: 2px;
            border-top-right-radius: 0;
            border-bottom-left-radius: 2px
        }

        .filteredGrid[data-grid="2"] .thumbResultsCard--small .thumbResultsCard__content, .filteredGrid[data-grid="2"] .thumbResultsCard .thumbResultsCard__content {
            justify-content: flex-start
        }

        .filteredGrid[data-grid="2"] .thumbResultsCard--small .thumbResultsCard__sideInfo, .filteredGrid[data-grid="2"] .thumbResultsCard .thumbResultsCard__sideInfo {
            transform: none;
            justify-content: space-between
        }

        .filteredGrid[data-grid="2"] .thumbResultsCard--small .thumbResultsCard__text, .filteredGrid[data-grid="2"] .thumbResultsCard .thumbResultsCard__text {
            padding: 0
        }

        .filteredGrid[data-grid="2"] .thumbResultsCard--small .thumbResultsCard__description, .filteredGrid[data-grid="2"] .thumbResultsCard .thumbResultsCard__description {
            margin-top: 4px
        }
}

@media (max-width:1024px) and (max-width:512px) {
    .filteredGrid[data-grid="2"] .thumbResultsCard--small .thumbResultsCard__btnContainer, .filteredGrid[data-grid="2"] .thumbResultsCard .thumbResultsCard__btnContainer {
        margin-top: 8px
    }
}

@media (max-width:1024px) {
    .filteredGrid[data-grid="2"] .supplierCard, .filteredGrid[data-grid="2"] .supplierCard--small {
        max-width: 960px;
        min-height: 214px
    }

        .filteredGrid[data-grid="2"] .supplierCard--small .supplierCard__container, .filteredGrid[data-grid="2"] .supplierCard .supplierCard__container {
            padding: 24px 16px
        }

            .filteredGrid[data-grid="2"] .supplierCard--small .supplierCard__container.opened, .filteredGrid[data-grid="2"] .supplierCard .supplierCard__container.opened {
                max-width: 90vw;
                padding: 24px 40px 24px 24px
            }
}

@media (max-width:1024px) and (max-width:768px) {
    .filteredGrid[data-grid="2"] .supplierCard--small .supplierCard__container.opened, .filteredGrid[data-grid="2"] .supplierCard .supplierCard__container.opened {
        padding: 24px
    }
}

@media (max-width:1024px) {
    .filteredGrid[data-grid="2"] .supplierCard--small .supplierCard__container.opened .supplierCard__content, .filteredGrid[data-grid="2"] .supplierCard .supplierCard__container.opened .supplierCard__content {
        max-width: calc(100% - 120px - 16px)
    }
}

@media (max-width:1024px) and (max-width:768px) {
    .filteredGrid[data-grid="2"] .supplierCard--small .supplierCard__container.opened .supplierCard__content, .filteredGrid[data-grid="2"] .supplierCard .supplierCard__container.opened .supplierCard__content {
        max-width: 100%
    }
}

@media (max-width:1024px) {
    .filteredGrid[data-grid="2"] .supplierCard--small .supplierCard__container.opened .supplierCard__image, .filteredGrid[data-grid="2"] .supplierCard .supplierCard__container.opened .supplierCard__image {
        width: 120px;
        height: 120px
    }

    .filteredGrid[data-grid="2"] .supplierCard--small .supplierCard__image, .filteredGrid[data-grid="2"] .supplierCard .supplierCard__image {
        max-width: 110px;
        width: calc(15% - 16px);
        margin-right: 16px
    }
}

@media (max-width:1024px) and (max-width:768px) {
    .filteredGrid[data-grid="2"] .supplierCard--small .supplierCard__image, .filteredGrid[data-grid="2"] .supplierCard .supplierCard__image {
        width: calc(25% - 16px)
    }
}

@media (max-width:1024px) and (max-width:512px) {
    .filteredGrid[data-grid="2"] .supplierCard--small .supplierCard__image, .filteredGrid[data-grid="2"] .supplierCard .supplierCard__image {
        width: calc(40% - 16px)
    }
}

@media (max-width:1024px) {
    .filteredGrid[data-grid="2"] .supplierCard--small .supplierCard__content, .filteredGrid[data-grid="2"] .supplierCard .supplierCard__content {
        max-width: 85%
    }
}

@media (max-width:1024px) and (max-width:768px) {
    .filteredGrid[data-grid="2"] .supplierCard--small .supplierCard__content, .filteredGrid[data-grid="2"] .supplierCard .supplierCard__content {
        max-width: 75%
    }
}

@media (max-width:1024px) and (max-width:512px) {
    .filteredGrid[data-grid="2"] .supplierCard--small .supplierCard__content, .filteredGrid[data-grid="2"] .supplierCard .supplierCard__content {
        max-width: 60%
    }
}

@media (max-width:1024px) and (max-width:768px) {
    .filteredGrid[data-grid="2"] .supplierCard--small .supplierCard__title, .filteredGrid[data-grid="2"] .supplierCard .supplierCard__title {
        margin: 16px 0 8px
    }
}

@media (max-width:1024px) {
    .filteredGrid[data-grid="2"] .supplierCard--small .supplierCard__link, .filteredGrid[data-grid="2"] .supplierCard .supplierCard__link {
        right: -40px
    }
}

@media (max-width:1024px) and (max-width:768px) {
    .filteredGrid[data-grid="2"] .supplierCard--small .supplierCard__link, .filteredGrid[data-grid="2"] .supplierCard .supplierCard__link {
        right: -24px
    }
}

@media (max-width:1024px) {
    .filteredGrid[data-grid="2"] .supplierCard--small .supplierCard__shortDescription, .filteredGrid[data-grid="2"] .supplierCard .supplierCard__shortDescription {
        max-width: none
    }

    .filteredGrid[data-grid="2"] .supplierCard--small .openExpandedCard, .filteredGrid[data-grid="2"] .supplierCard--small .openExpandedCard button, .filteredGrid[data-grid="2"] .supplierCard .openExpandedCard, .filteredGrid[data-grid="2"] .supplierCard .openExpandedCard button {
        width: 100%
    }

    .filteredGrid[data-grid="2"] .supplierCard--small .closeExpandedCard, .filteredGrid[data-grid="2"] .supplierCard .closeExpandedCard {
        top: 16px;
        right: 8px
    }

    .filteredGrid[data-grid="2"] .supplierCard--small .btn, .filteredGrid[data-grid="2"] .supplierCard--small .btn--icon, .filteredGrid[data-grid="2"] .supplierCard--small .btn--primary, .filteredGrid[data-grid="2"] .supplierCard--small .btn--primary--dark, .filteredGrid[data-grid="2"] .supplierCard--small .btn--secondary, .filteredGrid[data-grid="2"] .supplierCard--small .btn--small, .filteredGrid[data-grid="2"] .supplierCard--small .btn--tertiary, .filteredGrid[data-grid="2"] .supplierCard .btn, .filteredGrid[data-grid="2"] .supplierCard .btn--icon, .filteredGrid[data-grid="2"] .supplierCard .btn--primary, .filteredGrid[data-grid="2"] .supplierCard .btn--primary--dark, .filteredGrid[data-grid="2"] .supplierCard .btn--secondary, .filteredGrid[data-grid="2"] .supplierCard .btn--small, .filteredGrid[data-grid="2"] .supplierCard .btn--tertiary {
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-stretch: normal;
        letter-spacing: normal;
        font-family: Inter,sans-serif;
        font-size: .813rem;
        line-height: 1.538em;
        letter-spacing: -.003em;
        font-weight: 400;
        font-weight: 700;
        padding: 0 20px;
        height: 40px
    }

        .filteredGrid[data-grid="2"] .supplierCard--small .btn--icon .link a, .filteredGrid[data-grid="2"] .supplierCard--small .btn--primary--dark .link a, .filteredGrid[data-grid="2"] .supplierCard--small .btn--primary .link a, .filteredGrid[data-grid="2"] .supplierCard--small .btn--secondary .link a, .filteredGrid[data-grid="2"] .supplierCard--small .btn--small .link a, .filteredGrid[data-grid="2"] .supplierCard--small .btn--tertiary .link a, .filteredGrid[data-grid="2"] .supplierCard--small .btn .link a, .filteredGrid[data-grid="2"] .supplierCard .btn--icon .link a, .filteredGrid[data-grid="2"] .supplierCard .btn--primary--dark .link a, .filteredGrid[data-grid="2"] .supplierCard .btn--primary .link a, .filteredGrid[data-grid="2"] .supplierCard .btn--secondary .link a, .filteredGrid[data-grid="2"] .supplierCard .btn--small .link a, .filteredGrid[data-grid="2"] .supplierCard .btn--tertiary .link a, .filteredGrid[data-grid="2"] .supplierCard .btn .link a {
            transition: all .1s ease;
            text-decoration: underline;
            color: var(--m-01--dark-01)
        }

            .filteredGrid[data-grid="2"] .supplierCard--small .btn--icon .link a:hover, .filteredGrid[data-grid="2"] .supplierCard--small .btn--primary--dark .link a:hover, .filteredGrid[data-grid="2"] .supplierCard--small .btn--primary .link a:hover, .filteredGrid[data-grid="2"] .supplierCard--small .btn--secondary .link a:hover, .filteredGrid[data-grid="2"] .supplierCard--small .btn--small .link a:hover, .filteredGrid[data-grid="2"] .supplierCard--small .btn--tertiary .link a:hover, .filteredGrid[data-grid="2"] .supplierCard--small .btn .link a:hover, .filteredGrid[data-grid="2"] .supplierCard .btn--icon .link a:hover, .filteredGrid[data-grid="2"] .supplierCard .btn--primary--dark .link a:hover, .filteredGrid[data-grid="2"] .supplierCard .btn--primary .link a:hover, .filteredGrid[data-grid="2"] .supplierCard .btn--secondary .link a:hover, .filteredGrid[data-grid="2"] .supplierCard .btn--small .link a:hover, .filteredGrid[data-grid="2"] .supplierCard .btn--tertiary .link a:hover, .filteredGrid[data-grid="2"] .supplierCard .btn .link a:hover {
                color: var(--m-01)
            }

        .filteredGrid[data-grid="2"] .supplierCard--small .btn--icon mark, .filteredGrid[data-grid="2"] .supplierCard--small .btn--icon mark[data-color=color], .filteredGrid[data-grid="2"] .supplierCard--small .btn--primary--dark mark, .filteredGrid[data-grid="2"] .supplierCard--small .btn--primary--dark mark[data-color=color], .filteredGrid[data-grid="2"] .supplierCard--small .btn--primary mark, .filteredGrid[data-grid="2"] .supplierCard--small .btn--primary mark[data-color=color], .filteredGrid[data-grid="2"] .supplierCard--small .btn--secondary mark, .filteredGrid[data-grid="2"] .supplierCard--small .btn--secondary mark[data-color=color], .filteredGrid[data-grid="2"] .supplierCard--small .btn--small mark, .filteredGrid[data-grid="2"] .supplierCard--small .btn--small mark[data-color=color], .filteredGrid[data-grid="2"] .supplierCard--small .btn--tertiary mark, .filteredGrid[data-grid="2"] .supplierCard--small .btn--tertiary mark[data-color=color], .filteredGrid[data-grid="2"] .supplierCard--small .btn mark, .filteredGrid[data-grid="2"] .supplierCard--small .btn mark[data-color=color], .filteredGrid[data-grid="2"] .supplierCard .btn--icon mark, .filteredGrid[data-grid="2"] .supplierCard .btn--icon mark[data-color=color], .filteredGrid[data-grid="2"] .supplierCard .btn--primary--dark mark, .filteredGrid[data-grid="2"] .supplierCard .btn--primary--dark mark[data-color=color], .filteredGrid[data-grid="2"] .supplierCard .btn--primary mark, .filteredGrid[data-grid="2"] .supplierCard .btn--primary mark[data-color=color], .filteredGrid[data-grid="2"] .supplierCard .btn--secondary mark, .filteredGrid[data-grid="2"] .supplierCard .btn--secondary mark[data-color=color], .filteredGrid[data-grid="2"] .supplierCard .btn--small mark, .filteredGrid[data-grid="2"] .supplierCard .btn--small mark[data-color=color], .filteredGrid[data-grid="2"] .supplierCard .btn--tertiary mark, .filteredGrid[data-grid="2"] .supplierCard .btn--tertiary mark[data-color=color], .filteredGrid[data-grid="2"] .supplierCard .btn mark, .filteredGrid[data-grid="2"] .supplierCard .btn mark[data-color=color] {
            color: var(--m-01--dark-01)
        }

            .filteredGrid[data-grid="2"] .supplierCard--small .btn--icon mark[data-color=gray], .filteredGrid[data-grid="2"] .supplierCard--small .btn--primary--dark mark[data-color=gray], .filteredGrid[data-grid="2"] .supplierCard--small .btn--primary mark[data-color=gray], .filteredGrid[data-grid="2"] .supplierCard--small .btn--secondary mark[data-color=gray], .filteredGrid[data-grid="2"] .supplierCard--small .btn--small mark[data-color=gray], .filteredGrid[data-grid="2"] .supplierCard--small .btn--tertiary mark[data-color=gray], .filteredGrid[data-grid="2"] .supplierCard--small .btn mark[data-color=gray], .filteredGrid[data-grid="2"] .supplierCard .btn--icon mark[data-color=gray], .filteredGrid[data-grid="2"] .supplierCard .btn--primary--dark mark[data-color=gray], .filteredGrid[data-grid="2"] .supplierCard .btn--primary mark[data-color=gray], .filteredGrid[data-grid="2"] .supplierCard .btn--secondary mark[data-color=gray], .filteredGrid[data-grid="2"] .supplierCard .btn--small mark[data-color=gray], .filteredGrid[data-grid="2"] .supplierCard .btn--tertiary mark[data-color=gray], .filteredGrid[data-grid="2"] .supplierCard .btn mark[data-color=gray] {
                color: var(--neu-07)
            }

            .filteredGrid[data-grid="2"] .supplierCard--small .btn--icon mark[data-color=default], .filteredGrid[data-grid="2"] .supplierCard--small .btn--primary--dark mark[data-color=default], .filteredGrid[data-grid="2"] .supplierCard--small .btn--primary mark[data-color=default], .filteredGrid[data-grid="2"] .supplierCard--small .btn--secondary mark[data-color=default], .filteredGrid[data-grid="2"] .supplierCard--small .btn--small mark[data-color=default], .filteredGrid[data-grid="2"] .supplierCard--small .btn--tertiary mark[data-color=default], .filteredGrid[data-grid="2"] .supplierCard--small .btn mark[data-color=default], .filteredGrid[data-grid="2"] .supplierCard .btn--icon mark[data-color=default], .filteredGrid[data-grid="2"] .supplierCard .btn--primary--dark mark[data-color=default], .filteredGrid[data-grid="2"] .supplierCard .btn--primary mark[data-color=default], .filteredGrid[data-grid="2"] .supplierCard .btn--secondary mark[data-color=default], .filteredGrid[data-grid="2"] .supplierCard .btn--small mark[data-color=default], .filteredGrid[data-grid="2"] .supplierCard .btn--tertiary mark[data-color=default], .filteredGrid[data-grid="2"] .supplierCard .btn mark[data-color=default] {
                color: var(--neu-10)
            }

        .filteredGrid[data-grid="2"] .supplierCard--small .btn--icon span.m-01--dark-01, .filteredGrid[data-grid="2"] .supplierCard--small .btn--icon span[data-color=color], .filteredGrid[data-grid="2"] .supplierCard--small .btn--primary--dark span.m-01--dark-01, .filteredGrid[data-grid="2"] .supplierCard--small .btn--primary--dark span[data-color=color], .filteredGrid[data-grid="2"] .supplierCard--small .btn--primary span.m-01--dark-01, .filteredGrid[data-grid="2"] .supplierCard--small .btn--primary span[data-color=color], .filteredGrid[data-grid="2"] .supplierCard--small .btn--secondary span.m-01--dark-01, .filteredGrid[data-grid="2"] .supplierCard--small .btn--secondary span[data-color=color], .filteredGrid[data-grid="2"] .supplierCard--small .btn--small span.m-01--dark-01, .filteredGrid[data-grid="2"] .supplierCard--small .btn--small span[data-color=color], .filteredGrid[data-grid="2"] .supplierCard--small .btn--tertiary span.m-01--dark-01, .filteredGrid[data-grid="2"] .supplierCard--small .btn--tertiary span[data-color=color], .filteredGrid[data-grid="2"] .supplierCard--small .btn span.m-01--dark-01, .filteredGrid[data-grid="2"] .supplierCard--small .btn span[data-color=color], .filteredGrid[data-grid="2"] .supplierCard .btn--icon span.m-01--dark-01, .filteredGrid[data-grid="2"] .supplierCard .btn--icon span[data-color=color], .filteredGrid[data-grid="2"] .supplierCard .btn--primary--dark span.m-01--dark-01, .filteredGrid[data-grid="2"] .supplierCard .btn--primary--dark span[data-color=color], .filteredGrid[data-grid="2"] .supplierCard .btn--primary span.m-01--dark-01, .filteredGrid[data-grid="2"] .supplierCard .btn--primary span[data-color=color], .filteredGrid[data-grid="2"] .supplierCard .btn--secondary span.m-01--dark-01, .filteredGrid[data-grid="2"] .supplierCard .btn--secondary span[data-color=color], .filteredGrid[data-grid="2"] .supplierCard .btn--small span.m-01--dark-01, .filteredGrid[data-grid="2"] .supplierCard .btn--small span[data-color=color], .filteredGrid[data-grid="2"] .supplierCard .btn--tertiary span.m-01--dark-01, .filteredGrid[data-grid="2"] .supplierCard .btn--tertiary span[data-color=color], .filteredGrid[data-grid="2"] .supplierCard .btn span.m-01--dark-01, .filteredGrid[data-grid="2"] .supplierCard .btn span[data-color=color] {
            color: var(--m-01--dark-01)
        }

        .filteredGrid[data-grid="2"] .supplierCard--small .btn--icon span.neu-07, .filteredGrid[data-grid="2"] .supplierCard--small .btn--icon span[data-color=gray], .filteredGrid[data-grid="2"] .supplierCard--small .btn--primary--dark span.neu-07, .filteredGrid[data-grid="2"] .supplierCard--small .btn--primary--dark span[data-color=gray], .filteredGrid[data-grid="2"] .supplierCard--small .btn--primary span.neu-07, .filteredGrid[data-grid="2"] .supplierCard--small .btn--primary span[data-color=gray], .filteredGrid[data-grid="2"] .supplierCard--small .btn--secondary span.neu-07, .filteredGrid[data-grid="2"] .supplierCard--small .btn--secondary span[data-color=gray], .filteredGrid[data-grid="2"] .supplierCard--small .btn--small span.neu-07, .filteredGrid[data-grid="2"] .supplierCard--small .btn--small span[data-color=gray], .filteredGrid[data-grid="2"] .supplierCard--small .btn--tertiary span.neu-07, .filteredGrid[data-grid="2"] .supplierCard--small .btn--tertiary span[data-color=gray], .filteredGrid[data-grid="2"] .supplierCard--small .btn span.neu-07, .filteredGrid[data-grid="2"] .supplierCard--small .btn span[data-color=gray], .filteredGrid[data-grid="2"] .supplierCard .btn--icon span.neu-07, .filteredGrid[data-grid="2"] .supplierCard .btn--icon span[data-color=gray], .filteredGrid[data-grid="2"] .supplierCard .btn--primary--dark span.neu-07, .filteredGrid[data-grid="2"] .supplierCard .btn--primary--dark span[data-color=gray], .filteredGrid[data-grid="2"] .supplierCard .btn--primary span.neu-07, .filteredGrid[data-grid="2"] .supplierCard .btn--primary span[data-color=gray], .filteredGrid[data-grid="2"] .supplierCard .btn--secondary span.neu-07, .filteredGrid[data-grid="2"] .supplierCard .btn--secondary span[data-color=gray], .filteredGrid[data-grid="2"] .supplierCard .btn--small span.neu-07, .filteredGrid[data-grid="2"] .supplierCard .btn--small span[data-color=gray], .filteredGrid[data-grid="2"] .supplierCard .btn--tertiary span.neu-07, .filteredGrid[data-grid="2"] .supplierCard .btn--tertiary span[data-color=gray], .filteredGrid[data-grid="2"] .supplierCard .btn span.neu-07, .filteredGrid[data-grid="2"] .supplierCard .btn span[data-color=gray] {
            color: var(--neu-07)
        }

        .filteredGrid[data-grid="2"] .supplierCard--small .btn--icon span.neu-10, .filteredGrid[data-grid="2"] .supplierCard--small .btn--icon span[data-color=default], .filteredGrid[data-grid="2"] .supplierCard--small .btn--primary--dark span.neu-10, .filteredGrid[data-grid="2"] .supplierCard--small .btn--primary--dark span[data-color=default], .filteredGrid[data-grid="2"] .supplierCard--small .btn--primary span.neu-10, .filteredGrid[data-grid="2"] .supplierCard--small .btn--primary span[data-color=default], .filteredGrid[data-grid="2"] .supplierCard--small .btn--secondary span.neu-10, .filteredGrid[data-grid="2"] .supplierCard--small .btn--secondary span[data-color=default], .filteredGrid[data-grid="2"] .supplierCard--small .btn--small span.neu-10, .filteredGrid[data-grid="2"] .supplierCard--small .btn--small span[data-color=default], .filteredGrid[data-grid="2"] .supplierCard--small .btn--tertiary span.neu-10, .filteredGrid[data-grid="2"] .supplierCard--small .btn--tertiary span[data-color=default], .filteredGrid[data-grid="2"] .supplierCard--small .btn span.neu-10, .filteredGrid[data-grid="2"] .supplierCard--small .btn span[data-color=default], .filteredGrid[data-grid="2"] .supplierCard .btn--icon span.neu-10, .filteredGrid[data-grid="2"] .supplierCard .btn--icon span[data-color=default], .filteredGrid[data-grid="2"] .supplierCard .btn--primary--dark span.neu-10, .filteredGrid[data-grid="2"] .supplierCard .btn--primary--dark span[data-color=default], .filteredGrid[data-grid="2"] .supplierCard .btn--primary span.neu-10, .filteredGrid[data-grid="2"] .supplierCard .btn--primary span[data-color=default], .filteredGrid[data-grid="2"] .supplierCard .btn--secondary span.neu-10, .filteredGrid[data-grid="2"] .supplierCard .btn--secondary span[data-color=default], .filteredGrid[data-grid="2"] .supplierCard .btn--small span.neu-10, .filteredGrid[data-grid="2"] .supplierCard .btn--small span[data-color=default], .filteredGrid[data-grid="2"] .supplierCard .btn--tertiary span.neu-10, .filteredGrid[data-grid="2"] .supplierCard .btn--tertiary span[data-color=default], .filteredGrid[data-grid="2"] .supplierCard .btn span.neu-10, .filteredGrid[data-grid="2"] .supplierCard .btn span[data-color=default] {
            color: var(--neu-10)
        }

        .filteredGrid[data-grid="2"] .supplierCard--small .btn--icon b, .filteredGrid[data-grid="2"] .supplierCard--small .btn--icon strong, .filteredGrid[data-grid="2"] .supplierCard--small .btn--primary--dark b, .filteredGrid[data-grid="2"] .supplierCard--small .btn--primary--dark strong, .filteredGrid[data-grid="2"] .supplierCard--small .btn--primary b, .filteredGrid[data-grid="2"] .supplierCard--small .btn--primary strong, .filteredGrid[data-grid="2"] .supplierCard--small .btn--secondary b, .filteredGrid[data-grid="2"] .supplierCard--small .btn--secondary strong, .filteredGrid[data-grid="2"] .supplierCard--small .btn--small b, .filteredGrid[data-grid="2"] .supplierCard--small .btn--small strong, .filteredGrid[data-grid="2"] .supplierCard--small .btn--tertiary b, .filteredGrid[data-grid="2"] .supplierCard--small .btn--tertiary strong, .filteredGrid[data-grid="2"] .supplierCard--small .btn b, .filteredGrid[data-grid="2"] .supplierCard--small .btn strong, .filteredGrid[data-grid="2"] .supplierCard .btn--icon b, .filteredGrid[data-grid="2"] .supplierCard .btn--icon strong, .filteredGrid[data-grid="2"] .supplierCard .btn--primary--dark b, .filteredGrid[data-grid="2"] .supplierCard .btn--primary--dark strong, .filteredGrid[data-grid="2"] .supplierCard .btn--primary b, .filteredGrid[data-grid="2"] .supplierCard .btn--primary strong, .filteredGrid[data-grid="2"] .supplierCard .btn--secondary b, .filteredGrid[data-grid="2"] .supplierCard .btn--secondary strong, .filteredGrid[data-grid="2"] .supplierCard .btn--small b, .filteredGrid[data-grid="2"] .supplierCard .btn--small strong, .filteredGrid[data-grid="2"] .supplierCard .btn--tertiary b, .filteredGrid[data-grid="2"] .supplierCard .btn--tertiary strong, .filteredGrid[data-grid="2"] .supplierCard .btn b, .filteredGrid[data-grid="2"] .supplierCard .btn strong {
            font-weight: 700
        }

        .filteredGrid[data-grid="2"] .supplierCard--small .btn--icon em, .filteredGrid[data-grid="2"] .supplierCard--small .btn--primary--dark em, .filteredGrid[data-grid="2"] .supplierCard--small .btn--primary em, .filteredGrid[data-grid="2"] .supplierCard--small .btn--secondary em, .filteredGrid[data-grid="2"] .supplierCard--small .btn--small em, .filteredGrid[data-grid="2"] .supplierCard--small .btn--tertiary em, .filteredGrid[data-grid="2"] .supplierCard--small .btn em, .filteredGrid[data-grid="2"] .supplierCard .btn--icon em, .filteredGrid[data-grid="2"] .supplierCard .btn--primary--dark em, .filteredGrid[data-grid="2"] .supplierCard .btn--primary em, .filteredGrid[data-grid="2"] .supplierCard .btn--secondary em, .filteredGrid[data-grid="2"] .supplierCard .btn--small em, .filteredGrid[data-grid="2"] .supplierCard .btn--tertiary em, .filteredGrid[data-grid="2"] .supplierCard .btn em {
            font-style: italic
        }

        .filteredGrid[data-grid="2"] .supplierCard--small .btn--icon i, .filteredGrid[data-grid="2"] .supplierCard--small .btn--primary--dark i, .filteredGrid[data-grid="2"] .supplierCard--small .btn--primary i, .filteredGrid[data-grid="2"] .supplierCard--small .btn--secondary i, .filteredGrid[data-grid="2"] .supplierCard--small .btn--small i, .filteredGrid[data-grid="2"] .supplierCard--small .btn--tertiary i, .filteredGrid[data-grid="2"] .supplierCard--small .btn i, .filteredGrid[data-grid="2"] .supplierCard .btn--icon i, .filteredGrid[data-grid="2"] .supplierCard .btn--primary--dark i, .filteredGrid[data-grid="2"] .supplierCard .btn--primary i, .filteredGrid[data-grid="2"] .supplierCard .btn--secondary i, .filteredGrid[data-grid="2"] .supplierCard .btn--small i, .filteredGrid[data-grid="2"] .supplierCard .btn--tertiary i, .filteredGrid[data-grid="2"] .supplierCard .btn i {
            min-width: 16px;
            width: 16px;
            height: 16px;
            font-size: 16px
        }

            .filteredGrid[data-grid="2"] .supplierCard--small .btn--icon i:before, .filteredGrid[data-grid="2"] .supplierCard--small .btn--primary--dark i:before, .filteredGrid[data-grid="2"] .supplierCard--small .btn--primary i:before, .filteredGrid[data-grid="2"] .supplierCard--small .btn--secondary i:before, .filteredGrid[data-grid="2"] .supplierCard--small .btn--small i:before, .filteredGrid[data-grid="2"] .supplierCard--small .btn--tertiary i:before, .filteredGrid[data-grid="2"] .supplierCard--small .btn i:before, .filteredGrid[data-grid="2"] .supplierCard .btn--icon i:before, .filteredGrid[data-grid="2"] .supplierCard .btn--primary--dark i:before, .filteredGrid[data-grid="2"] .supplierCard .btn--primary i:before, .filteredGrid[data-grid="2"] .supplierCard .btn--secondary i:before, .filteredGrid[data-grid="2"] .supplierCard .btn--small i:before, .filteredGrid[data-grid="2"] .supplierCard .btn--tertiary i:before, .filteredGrid[data-grid="2"] .supplierCard .btn i:before {
                font-size: 16px;
                font-weight: 400
            }

        .filteredGrid[data-grid="2"] .supplierCard--small .btn--icon, .filteredGrid[data-grid="2"] .supplierCard--small .btn--icon.btn--primary, .filteredGrid[data-grid="2"] .supplierCard--small .btn--icon.btn--primary--dark, .filteredGrid[data-grid="2"] .supplierCard--small .btn--icon.btn--secondary, .filteredGrid[data-grid="2"] .supplierCard--small .btn--icon.btn--small, .filteredGrid[data-grid="2"] .supplierCard--small .btn--icon.btn--tertiary, .filteredGrid[data-grid="2"] .supplierCard--small .btn.btn--icon, .filteredGrid[data-grid="2"] .supplierCard .btn--icon, .filteredGrid[data-grid="2"] .supplierCard .btn--icon.btn--primary, .filteredGrid[data-grid="2"] .supplierCard .btn--icon.btn--primary--dark, .filteredGrid[data-grid="2"] .supplierCard .btn--icon.btn--secondary, .filteredGrid[data-grid="2"] .supplierCard .btn--icon.btn--small, .filteredGrid[data-grid="2"] .supplierCard .btn--icon.btn--tertiary, .filteredGrid[data-grid="2"] .supplierCard .btn.btn--icon {
            width: 40px;
            min-width: 40px
        }

    .filteredGrid[data-grid="2"] .regionResultsCard, .filteredGrid[data-grid="2"] .regionResultsCard--small {
        max-width: 960px;
        min-height: auto;
        padding: 0 0 24px;
        border-radius: 0;
        flex-direction: column
    }

        .filteredGrid[data-grid="2"] .regionResultsCard--small .regionResultsCard__image, .filteredGrid[data-grid="2"] .regionResultsCard .regionResultsCard__image {
            height: 100px;
            width: 100%;
            margin-right: 0;
            margin-bottom: 16px
        }

        .filteredGrid[data-grid="2"] .regionResultsCard--small .regionResultsCard__title, .filteredGrid[data-grid="2"] .regionResultsCard .regionResultsCard__title {
            margin-top: 4px
        }

        .filteredGrid[data-grid="2"] .regionResultsCard--small .regionResultsCard__content, .filteredGrid[data-grid="2"] .regionResultsCard .regionResultsCard__content {
            flex: 2;
            justify-content: flex-start
        }

        .filteredGrid[data-grid="2"] .regionResultsCard--small .regionResultsCard__topInfo, .filteredGrid[data-grid="2"] .regionResultsCard .regionResultsCard__topInfo {
            flex-direction: column
        }

        .filteredGrid[data-grid="2"] .regionResultsCard--small .regionResultsCard__sideInfo, .filteredGrid[data-grid="2"] .regionResultsCard .regionResultsCard__sideInfo {
            order: 1;
            transform: none;
            justify-content: space-between;
            margin-bottom: 16px
        }

        .filteredGrid[data-grid="2"] .regionResultsCard--small .regionResultsCard__labels, .filteredGrid[data-grid="2"] .regionResultsCard .regionResultsCard__labels {
            order: 2
        }

        .filteredGrid[data-grid="2"] .regionResultsCard--small .regionResultsCard__text, .filteredGrid[data-grid="2"] .regionResultsCard .regionResultsCard__text {
            padding: 0
        }

        .filteredGrid[data-grid="2"] .regionResultsCard--small .regionResultsCard__bottomInfo, .filteredGrid[data-grid="2"] .regionResultsCard .regionResultsCard__bottomInfo {
            margin-top: 8px;
            flex-direction: column;
            align-items: flex-start
        }

        .filteredGrid[data-grid="2"] .regionResultsCard--small .regionResultsCard__btnContainer, .filteredGrid[data-grid="2"] .regionResultsCard .regionResultsCard__btnContainer {
            width: 100%;
            display: flex
        }

            .filteredGrid[data-grid="2"] .regionResultsCard--small .regionResultsCard__btnContainer .btn--primary, .filteredGrid[data-grid="2"] .regionResultsCard .regionResultsCard__btnContainer .btn--primary {
                width: 100%
            }

        .filteredGrid[data-grid="2"] .regionResultsCard--small .btnBookmark, .filteredGrid[data-grid="2"] .regionResultsCard--small .btnBookmark--privateArea, .filteredGrid[data-grid="2"] .regionResultsCard--small .btnBookmark--small, .filteredGrid[data-grid="2"] .regionResultsCard .btnBookmark, .filteredGrid[data-grid="2"] .regionResultsCard .btnBookmark--privateArea, .filteredGrid[data-grid="2"] .regionResultsCard .btnBookmark--small {
            transform: translateX(20px)
        }

            .filteredGrid[data-grid="2"] .regionResultsCard--small .btnBookmark--privateArea .btnBookmark, .filteredGrid[data-grid="2"] .regionResultsCard--small .btnBookmark--privateArea .btnBookmark--small, .filteredGrid[data-grid="2"] .regionResultsCard .btnBookmark--privateArea .btnBookmark, .filteredGrid[data-grid="2"] .regionResultsCard .btnBookmark--privateArea .btnBookmark--small {
                transform: translateX(0)
            }

    .filteredGrid[data-grid="2"] .resourceCard, .filteredGrid[data-grid="2"] .resourceCard--small {
        max-width: 960px;
        min-height: 200px;
        height: 100%;
        padding: 24px 16px
    }

        .filteredGrid[data-grid="2"] .resourceCard--small .resourceCard__title, .filteredGrid[data-grid="2"] .resourceCard .resourceCard__title {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Inter,sans-serif;
            font-size: 1.188rem;
            line-height: 1.263em;
            letter-spacing: -.016em;
            font-weight: 400;
            margin-top: 4px
        }

            .filteredGrid[data-grid="2"] .resourceCard--small .resourceCard__title .link a, .filteredGrid[data-grid="2"] .resourceCard .resourceCard__title .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .filteredGrid[data-grid="2"] .resourceCard--small .resourceCard__title .link a:hover, .filteredGrid[data-grid="2"] .resourceCard .resourceCard__title .link a:hover {
                    color: var(--m-01)
                }

            .filteredGrid[data-grid="2"] .resourceCard--small .resourceCard__title mark, .filteredGrid[data-grid="2"] .resourceCard--small .resourceCard__title mark[data-color=color], .filteredGrid[data-grid="2"] .resourceCard .resourceCard__title mark, .filteredGrid[data-grid="2"] .resourceCard .resourceCard__title mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .filteredGrid[data-grid="2"] .resourceCard--small .resourceCard__title mark[data-color=gray], .filteredGrid[data-grid="2"] .resourceCard .resourceCard__title mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .filteredGrid[data-grid="2"] .resourceCard--small .resourceCard__title mark[data-color=default], .filteredGrid[data-grid="2"] .resourceCard .resourceCard__title mark[data-color=default] {
                    color: var(--neu-10)
                }

            .filteredGrid[data-grid="2"] .resourceCard--small .resourceCard__title span.m-01--dark-01, .filteredGrid[data-grid="2"] .resourceCard--small .resourceCard__title span[data-color=color], .filteredGrid[data-grid="2"] .resourceCard .resourceCard__title span.m-01--dark-01, .filteredGrid[data-grid="2"] .resourceCard .resourceCard__title span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .filteredGrid[data-grid="2"] .resourceCard--small .resourceCard__title span.neu-07, .filteredGrid[data-grid="2"] .resourceCard--small .resourceCard__title span[data-color=gray], .filteredGrid[data-grid="2"] .resourceCard .resourceCard__title span.neu-07, .filteredGrid[data-grid="2"] .resourceCard .resourceCard__title span[data-color=gray] {
                color: var(--neu-07)
            }

            .filteredGrid[data-grid="2"] .resourceCard--small .resourceCard__title span.neu-10, .filteredGrid[data-grid="2"] .resourceCard--small .resourceCard__title span[data-color=default], .filteredGrid[data-grid="2"] .resourceCard .resourceCard__title span.neu-10, .filteredGrid[data-grid="2"] .resourceCard .resourceCard__title span[data-color=default] {
                color: var(--neu-10)
            }

            .filteredGrid[data-grid="2"] .resourceCard--small .resourceCard__title b, .filteredGrid[data-grid="2"] .resourceCard--small .resourceCard__title strong, .filteredGrid[data-grid="2"] .resourceCard .resourceCard__title b, .filteredGrid[data-grid="2"] .resourceCard .resourceCard__title strong {
                font-weight: 700
            }

            .filteredGrid[data-grid="2"] .resourceCard--small .resourceCard__title em, .filteredGrid[data-grid="2"] .resourceCard .resourceCard__title em {
                font-style: italic
            }

        .filteredGrid[data-grid="2"] .resourceCard--small .btn, .filteredGrid[data-grid="2"] .resourceCard--small .btn--icon, .filteredGrid[data-grid="2"] .resourceCard--small .btn--primary, .filteredGrid[data-grid="2"] .resourceCard--small .btn--primary--dark, .filteredGrid[data-grid="2"] .resourceCard--small .btn--secondary, .filteredGrid[data-grid="2"] .resourceCard--small .btn--small, .filteredGrid[data-grid="2"] .resourceCard--small .btn--tertiary, .filteredGrid[data-grid="2"] .resourceCard .btn, .filteredGrid[data-grid="2"] .resourceCard .btn--icon, .filteredGrid[data-grid="2"] .resourceCard .btn--primary, .filteredGrid[data-grid="2"] .resourceCard .btn--primary--dark, .filteredGrid[data-grid="2"] .resourceCard .btn--secondary, .filteredGrid[data-grid="2"] .resourceCard .btn--small, .filteredGrid[data-grid="2"] .resourceCard .btn--tertiary {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Inter,sans-serif;
            font-size: .813rem;
            line-height: 1.538em;
            letter-spacing: -.003em;
            font-weight: 400;
            font-weight: 700;
            padding: 0 20px;
            height: 40px
        }

            .filteredGrid[data-grid="2"] .resourceCard--small .btn--icon .link a, .filteredGrid[data-grid="2"] .resourceCard--small .btn--primary--dark .link a, .filteredGrid[data-grid="2"] .resourceCard--small .btn--primary .link a, .filteredGrid[data-grid="2"] .resourceCard--small .btn--secondary .link a, .filteredGrid[data-grid="2"] .resourceCard--small .btn--small .link a, .filteredGrid[data-grid="2"] .resourceCard--small .btn--tertiary .link a, .filteredGrid[data-grid="2"] .resourceCard--small .btn .link a, .filteredGrid[data-grid="2"] .resourceCard .btn--icon .link a, .filteredGrid[data-grid="2"] .resourceCard .btn--primary--dark .link a, .filteredGrid[data-grid="2"] .resourceCard .btn--primary .link a, .filteredGrid[data-grid="2"] .resourceCard .btn--secondary .link a, .filteredGrid[data-grid="2"] .resourceCard .btn--small .link a, .filteredGrid[data-grid="2"] .resourceCard .btn--tertiary .link a, .filteredGrid[data-grid="2"] .resourceCard .btn .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .filteredGrid[data-grid="2"] .resourceCard--small .btn--icon .link a:hover, .filteredGrid[data-grid="2"] .resourceCard--small .btn--primary--dark .link a:hover, .filteredGrid[data-grid="2"] .resourceCard--small .btn--primary .link a:hover, .filteredGrid[data-grid="2"] .resourceCard--small .btn--secondary .link a:hover, .filteredGrid[data-grid="2"] .resourceCard--small .btn--small .link a:hover, .filteredGrid[data-grid="2"] .resourceCard--small .btn--tertiary .link a:hover, .filteredGrid[data-grid="2"] .resourceCard--small .btn .link a:hover, .filteredGrid[data-grid="2"] .resourceCard .btn--icon .link a:hover, .filteredGrid[data-grid="2"] .resourceCard .btn--primary--dark .link a:hover, .filteredGrid[data-grid="2"] .resourceCard .btn--primary .link a:hover, .filteredGrid[data-grid="2"] .resourceCard .btn--secondary .link a:hover, .filteredGrid[data-grid="2"] .resourceCard .btn--small .link a:hover, .filteredGrid[data-grid="2"] .resourceCard .btn--tertiary .link a:hover, .filteredGrid[data-grid="2"] .resourceCard .btn .link a:hover {
                    color: var(--m-01)
                }

            .filteredGrid[data-grid="2"] .resourceCard--small .btn--icon mark, .filteredGrid[data-grid="2"] .resourceCard--small .btn--icon mark[data-color=color], .filteredGrid[data-grid="2"] .resourceCard--small .btn--primary--dark mark, .filteredGrid[data-grid="2"] .resourceCard--small .btn--primary--dark mark[data-color=color], .filteredGrid[data-grid="2"] .resourceCard--small .btn--primary mark, .filteredGrid[data-grid="2"] .resourceCard--small .btn--primary mark[data-color=color], .filteredGrid[data-grid="2"] .resourceCard--small .btn--secondary mark, .filteredGrid[data-grid="2"] .resourceCard--small .btn--secondary mark[data-color=color], .filteredGrid[data-grid="2"] .resourceCard--small .btn--small mark, .filteredGrid[data-grid="2"] .resourceCard--small .btn--small mark[data-color=color], .filteredGrid[data-grid="2"] .resourceCard--small .btn--tertiary mark, .filteredGrid[data-grid="2"] .resourceCard--small .btn--tertiary mark[data-color=color], .filteredGrid[data-grid="2"] .resourceCard--small .btn mark, .filteredGrid[data-grid="2"] .resourceCard--small .btn mark[data-color=color], .filteredGrid[data-grid="2"] .resourceCard .btn--icon mark, .filteredGrid[data-grid="2"] .resourceCard .btn--icon mark[data-color=color], .filteredGrid[data-grid="2"] .resourceCard .btn--primary--dark mark, .filteredGrid[data-grid="2"] .resourceCard .btn--primary--dark mark[data-color=color], .filteredGrid[data-grid="2"] .resourceCard .btn--primary mark, .filteredGrid[data-grid="2"] .resourceCard .btn--primary mark[data-color=color], .filteredGrid[data-grid="2"] .resourceCard .btn--secondary mark, .filteredGrid[data-grid="2"] .resourceCard .btn--secondary mark[data-color=color], .filteredGrid[data-grid="2"] .resourceCard .btn--small mark, .filteredGrid[data-grid="2"] .resourceCard .btn--small mark[data-color=color], .filteredGrid[data-grid="2"] .resourceCard .btn--tertiary mark, .filteredGrid[data-grid="2"] .resourceCard .btn--tertiary mark[data-color=color], .filteredGrid[data-grid="2"] .resourceCard .btn mark, .filteredGrid[data-grid="2"] .resourceCard .btn mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .filteredGrid[data-grid="2"] .resourceCard--small .btn--icon mark[data-color=gray], .filteredGrid[data-grid="2"] .resourceCard--small .btn--primary--dark mark[data-color=gray], .filteredGrid[data-grid="2"] .resourceCard--small .btn--primary mark[data-color=gray], .filteredGrid[data-grid="2"] .resourceCard--small .btn--secondary mark[data-color=gray], .filteredGrid[data-grid="2"] .resourceCard--small .btn--small mark[data-color=gray], .filteredGrid[data-grid="2"] .resourceCard--small .btn--tertiary mark[data-color=gray], .filteredGrid[data-grid="2"] .resourceCard--small .btn mark[data-color=gray], .filteredGrid[data-grid="2"] .resourceCard .btn--icon mark[data-color=gray], .filteredGrid[data-grid="2"] .resourceCard .btn--primary--dark mark[data-color=gray], .filteredGrid[data-grid="2"] .resourceCard .btn--primary mark[data-color=gray], .filteredGrid[data-grid="2"] .resourceCard .btn--secondary mark[data-color=gray], .filteredGrid[data-grid="2"] .resourceCard .btn--small mark[data-color=gray], .filteredGrid[data-grid="2"] .resourceCard .btn--tertiary mark[data-color=gray], .filteredGrid[data-grid="2"] .resourceCard .btn mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .filteredGrid[data-grid="2"] .resourceCard--small .btn--icon mark[data-color=default], .filteredGrid[data-grid="2"] .resourceCard--small .btn--primary--dark mark[data-color=default], .filteredGrid[data-grid="2"] .resourceCard--small .btn--primary mark[data-color=default], .filteredGrid[data-grid="2"] .resourceCard--small .btn--secondary mark[data-color=default], .filteredGrid[data-grid="2"] .resourceCard--small .btn--small mark[data-color=default], .filteredGrid[data-grid="2"] .resourceCard--small .btn--tertiary mark[data-color=default], .filteredGrid[data-grid="2"] .resourceCard--small .btn mark[data-color=default], .filteredGrid[data-grid="2"] .resourceCard .btn--icon mark[data-color=default], .filteredGrid[data-grid="2"] .resourceCard .btn--primary--dark mark[data-color=default], .filteredGrid[data-grid="2"] .resourceCard .btn--primary mark[data-color=default], .filteredGrid[data-grid="2"] .resourceCard .btn--secondary mark[data-color=default], .filteredGrid[data-grid="2"] .resourceCard .btn--small mark[data-color=default], .filteredGrid[data-grid="2"] .resourceCard .btn--tertiary mark[data-color=default], .filteredGrid[data-grid="2"] .resourceCard .btn mark[data-color=default] {
                    color: var(--neu-10)
                }

            .filteredGrid[data-grid="2"] .resourceCard--small .btn--icon span.m-01--dark-01, .filteredGrid[data-grid="2"] .resourceCard--small .btn--icon span[data-color=color], .filteredGrid[data-grid="2"] .resourceCard--small .btn--primary--dark span.m-01--dark-01, .filteredGrid[data-grid="2"] .resourceCard--small .btn--primary--dark span[data-color=color], .filteredGrid[data-grid="2"] .resourceCard--small .btn--primary span.m-01--dark-01, .filteredGrid[data-grid="2"] .resourceCard--small .btn--primary span[data-color=color], .filteredGrid[data-grid="2"] .resourceCard--small .btn--secondary span.m-01--dark-01, .filteredGrid[data-grid="2"] .resourceCard--small .btn--secondary span[data-color=color], .filteredGrid[data-grid="2"] .resourceCard--small .btn--small span.m-01--dark-01, .filteredGrid[data-grid="2"] .resourceCard--small .btn--small span[data-color=color], .filteredGrid[data-grid="2"] .resourceCard--small .btn--tertiary span.m-01--dark-01, .filteredGrid[data-grid="2"] .resourceCard--small .btn--tertiary span[data-color=color], .filteredGrid[data-grid="2"] .resourceCard--small .btn span.m-01--dark-01, .filteredGrid[data-grid="2"] .resourceCard--small .btn span[data-color=color], .filteredGrid[data-grid="2"] .resourceCard .btn--icon span.m-01--dark-01, .filteredGrid[data-grid="2"] .resourceCard .btn--icon span[data-color=color], .filteredGrid[data-grid="2"] .resourceCard .btn--primary--dark span.m-01--dark-01, .filteredGrid[data-grid="2"] .resourceCard .btn--primary--dark span[data-color=color], .filteredGrid[data-grid="2"] .resourceCard .btn--primary span.m-01--dark-01, .filteredGrid[data-grid="2"] .resourceCard .btn--primary span[data-color=color], .filteredGrid[data-grid="2"] .resourceCard .btn--secondary span.m-01--dark-01, .filteredGrid[data-grid="2"] .resourceCard .btn--secondary span[data-color=color], .filteredGrid[data-grid="2"] .resourceCard .btn--small span.m-01--dark-01, .filteredGrid[data-grid="2"] .resourceCard .btn--small span[data-color=color], .filteredGrid[data-grid="2"] .resourceCard .btn--tertiary span.m-01--dark-01, .filteredGrid[data-grid="2"] .resourceCard .btn--tertiary span[data-color=color], .filteredGrid[data-grid="2"] .resourceCard .btn span.m-01--dark-01, .filteredGrid[data-grid="2"] .resourceCard .btn span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .filteredGrid[data-grid="2"] .resourceCard--small .btn--icon span.neu-07, .filteredGrid[data-grid="2"] .resourceCard--small .btn--icon span[data-color=gray], .filteredGrid[data-grid="2"] .resourceCard--small .btn--primary--dark span.neu-07, .filteredGrid[data-grid="2"] .resourceCard--small .btn--primary--dark span[data-color=gray], .filteredGrid[data-grid="2"] .resourceCard--small .btn--primary span.neu-07, .filteredGrid[data-grid="2"] .resourceCard--small .btn--primary span[data-color=gray], .filteredGrid[data-grid="2"] .resourceCard--small .btn--secondary span.neu-07, .filteredGrid[data-grid="2"] .resourceCard--small .btn--secondary span[data-color=gray], .filteredGrid[data-grid="2"] .resourceCard--small .btn--small span.neu-07, .filteredGrid[data-grid="2"] .resourceCard--small .btn--small span[data-color=gray], .filteredGrid[data-grid="2"] .resourceCard--small .btn--tertiary span.neu-07, .filteredGrid[data-grid="2"] .resourceCard--small .btn--tertiary span[data-color=gray], .filteredGrid[data-grid="2"] .resourceCard--small .btn span.neu-07, .filteredGrid[data-grid="2"] .resourceCard--small .btn span[data-color=gray], .filteredGrid[data-grid="2"] .resourceCard .btn--icon span.neu-07, .filteredGrid[data-grid="2"] .resourceCard .btn--icon span[data-color=gray], .filteredGrid[data-grid="2"] .resourceCard .btn--primary--dark span.neu-07, .filteredGrid[data-grid="2"] .resourceCard .btn--primary--dark span[data-color=gray], .filteredGrid[data-grid="2"] .resourceCard .btn--primary span.neu-07, .filteredGrid[data-grid="2"] .resourceCard .btn--primary span[data-color=gray], .filteredGrid[data-grid="2"] .resourceCard .btn--secondary span.neu-07, .filteredGrid[data-grid="2"] .resourceCard .btn--secondary span[data-color=gray], .filteredGrid[data-grid="2"] .resourceCard .btn--small span.neu-07, .filteredGrid[data-grid="2"] .resourceCard .btn--small span[data-color=gray], .filteredGrid[data-grid="2"] .resourceCard .btn--tertiary span.neu-07, .filteredGrid[data-grid="2"] .resourceCard .btn--tertiary span[data-color=gray], .filteredGrid[data-grid="2"] .resourceCard .btn span.neu-07, .filteredGrid[data-grid="2"] .resourceCard .btn span[data-color=gray] {
                color: var(--neu-07)
            }

            .filteredGrid[data-grid="2"] .resourceCard--small .btn--icon span.neu-10, .filteredGrid[data-grid="2"] .resourceCard--small .btn--icon span[data-color=default], .filteredGrid[data-grid="2"] .resourceCard--small .btn--primary--dark span.neu-10, .filteredGrid[data-grid="2"] .resourceCard--small .btn--primary--dark span[data-color=default], .filteredGrid[data-grid="2"] .resourceCard--small .btn--primary span.neu-10, .filteredGrid[data-grid="2"] .resourceCard--small .btn--primary span[data-color=default], .filteredGrid[data-grid="2"] .resourceCard--small .btn--secondary span.neu-10, .filteredGrid[data-grid="2"] .resourceCard--small .btn--secondary span[data-color=default], .filteredGrid[data-grid="2"] .resourceCard--small .btn--small span.neu-10, .filteredGrid[data-grid="2"] .resourceCard--small .btn--small span[data-color=default], .filteredGrid[data-grid="2"] .resourceCard--small .btn--tertiary span.neu-10, .filteredGrid[data-grid="2"] .resourceCard--small .btn--tertiary span[data-color=default], .filteredGrid[data-grid="2"] .resourceCard--small .btn span.neu-10, .filteredGrid[data-grid="2"] .resourceCard--small .btn span[data-color=default], .filteredGrid[data-grid="2"] .resourceCard .btn--icon span.neu-10, .filteredGrid[data-grid="2"] .resourceCard .btn--icon span[data-color=default], .filteredGrid[data-grid="2"] .resourceCard .btn--primary--dark span.neu-10, .filteredGrid[data-grid="2"] .resourceCard .btn--primary--dark span[data-color=default], .filteredGrid[data-grid="2"] .resourceCard .btn--primary span.neu-10, .filteredGrid[data-grid="2"] .resourceCard .btn--primary span[data-color=default], .filteredGrid[data-grid="2"] .resourceCard .btn--secondary span.neu-10, .filteredGrid[data-grid="2"] .resourceCard .btn--secondary span[data-color=default], .filteredGrid[data-grid="2"] .resourceCard .btn--small span.neu-10, .filteredGrid[data-grid="2"] .resourceCard .btn--small span[data-color=default], .filteredGrid[data-grid="2"] .resourceCard .btn--tertiary span.neu-10, .filteredGrid[data-grid="2"] .resourceCard .btn--tertiary span[data-color=default], .filteredGrid[data-grid="2"] .resourceCard .btn span.neu-10, .filteredGrid[data-grid="2"] .resourceCard .btn span[data-color=default] {
                color: var(--neu-10)
            }

            .filteredGrid[data-grid="2"] .resourceCard--small .btn--icon b, .filteredGrid[data-grid="2"] .resourceCard--small .btn--icon strong, .filteredGrid[data-grid="2"] .resourceCard--small .btn--primary--dark b, .filteredGrid[data-grid="2"] .resourceCard--small .btn--primary--dark strong, .filteredGrid[data-grid="2"] .resourceCard--small .btn--primary b, .filteredGrid[data-grid="2"] .resourceCard--small .btn--primary strong, .filteredGrid[data-grid="2"] .resourceCard--small .btn--secondary b, .filteredGrid[data-grid="2"] .resourceCard--small .btn--secondary strong, .filteredGrid[data-grid="2"] .resourceCard--small .btn--small b, .filteredGrid[data-grid="2"] .resourceCard--small .btn--small strong, .filteredGrid[data-grid="2"] .resourceCard--small .btn--tertiary b, .filteredGrid[data-grid="2"] .resourceCard--small .btn--tertiary strong, .filteredGrid[data-grid="2"] .resourceCard--small .btn b, .filteredGrid[data-grid="2"] .resourceCard--small .btn strong, .filteredGrid[data-grid="2"] .resourceCard .btn--icon b, .filteredGrid[data-grid="2"] .resourceCard .btn--icon strong, .filteredGrid[data-grid="2"] .resourceCard .btn--primary--dark b, .filteredGrid[data-grid="2"] .resourceCard .btn--primary--dark strong, .filteredGrid[data-grid="2"] .resourceCard .btn--primary b, .filteredGrid[data-grid="2"] .resourceCard .btn--primary strong, .filteredGrid[data-grid="2"] .resourceCard .btn--secondary b, .filteredGrid[data-grid="2"] .resourceCard .btn--secondary strong, .filteredGrid[data-grid="2"] .resourceCard .btn--small b, .filteredGrid[data-grid="2"] .resourceCard .btn--small strong, .filteredGrid[data-grid="2"] .resourceCard .btn--tertiary b, .filteredGrid[data-grid="2"] .resourceCard .btn--tertiary strong, .filteredGrid[data-grid="2"] .resourceCard .btn b, .filteredGrid[data-grid="2"] .resourceCard .btn strong {
                font-weight: 700
            }

            .filteredGrid[data-grid="2"] .resourceCard--small .btn--icon em, .filteredGrid[data-grid="2"] .resourceCard--small .btn--primary--dark em, .filteredGrid[data-grid="2"] .resourceCard--small .btn--primary em, .filteredGrid[data-grid="2"] .resourceCard--small .btn--secondary em, .filteredGrid[data-grid="2"] .resourceCard--small .btn--small em, .filteredGrid[data-grid="2"] .resourceCard--small .btn--tertiary em, .filteredGrid[data-grid="2"] .resourceCard--small .btn em, .filteredGrid[data-grid="2"] .resourceCard .btn--icon em, .filteredGrid[data-grid="2"] .resourceCard .btn--primary--dark em, .filteredGrid[data-grid="2"] .resourceCard .btn--primary em, .filteredGrid[data-grid="2"] .resourceCard .btn--secondary em, .filteredGrid[data-grid="2"] .resourceCard .btn--small em, .filteredGrid[data-grid="2"] .resourceCard .btn--tertiary em, .filteredGrid[data-grid="2"] .resourceCard .btn em {
                font-style: italic
            }

            .filteredGrid[data-grid="2"] .resourceCard--small .btn--icon i, .filteredGrid[data-grid="2"] .resourceCard--small .btn--primary--dark i, .filteredGrid[data-grid="2"] .resourceCard--small .btn--primary i, .filteredGrid[data-grid="2"] .resourceCard--small .btn--secondary i, .filteredGrid[data-grid="2"] .resourceCard--small .btn--small i, .filteredGrid[data-grid="2"] .resourceCard--small .btn--tertiary i, .filteredGrid[data-grid="2"] .resourceCard--small .btn i, .filteredGrid[data-grid="2"] .resourceCard .btn--icon i, .filteredGrid[data-grid="2"] .resourceCard .btn--primary--dark i, .filteredGrid[data-grid="2"] .resourceCard .btn--primary i, .filteredGrid[data-grid="2"] .resourceCard .btn--secondary i, .filteredGrid[data-grid="2"] .resourceCard .btn--small i, .filteredGrid[data-grid="2"] .resourceCard .btn--tertiary i, .filteredGrid[data-grid="2"] .resourceCard .btn i {
                min-width: 16px;
                width: 16px;
                height: 16px;
                font-size: 16px
            }

                .filteredGrid[data-grid="2"] .resourceCard--small .btn--icon i:before, .filteredGrid[data-grid="2"] .resourceCard--small .btn--primary--dark i:before, .filteredGrid[data-grid="2"] .resourceCard--small .btn--primary i:before, .filteredGrid[data-grid="2"] .resourceCard--small .btn--secondary i:before, .filteredGrid[data-grid="2"] .resourceCard--small .btn--small i:before, .filteredGrid[data-grid="2"] .resourceCard--small .btn--tertiary i:before, .filteredGrid[data-grid="2"] .resourceCard--small .btn i:before, .filteredGrid[data-grid="2"] .resourceCard .btn--icon i:before, .filteredGrid[data-grid="2"] .resourceCard .btn--primary--dark i:before, .filteredGrid[data-grid="2"] .resourceCard .btn--primary i:before, .filteredGrid[data-grid="2"] .resourceCard .btn--secondary i:before, .filteredGrid[data-grid="2"] .resourceCard .btn--small i:before, .filteredGrid[data-grid="2"] .resourceCard .btn--tertiary i:before, .filteredGrid[data-grid="2"] .resourceCard .btn i:before {
                    font-size: 16px;
                    font-weight: 400
                }

            .filteredGrid[data-grid="2"] .resourceCard--small .btn--icon, .filteredGrid[data-grid="2"] .resourceCard--small .btn--icon.btn--primary, .filteredGrid[data-grid="2"] .resourceCard--small .btn--icon.btn--primary--dark, .filteredGrid[data-grid="2"] .resourceCard--small .btn--icon.btn--secondary, .filteredGrid[data-grid="2"] .resourceCard--small .btn--icon.btn--small, .filteredGrid[data-grid="2"] .resourceCard--small .btn--icon.btn--tertiary, .filteredGrid[data-grid="2"] .resourceCard--small .btn.btn--icon, .filteredGrid[data-grid="2"] .resourceCard .btn--icon, .filteredGrid[data-grid="2"] .resourceCard .btn--icon.btn--primary, .filteredGrid[data-grid="2"] .resourceCard .btn--icon.btn--primary--dark, .filteredGrid[data-grid="2"] .resourceCard .btn--icon.btn--secondary, .filteredGrid[data-grid="2"] .resourceCard .btn--icon.btn--small, .filteredGrid[data-grid="2"] .resourceCard .btn--icon.btn--tertiary, .filteredGrid[data-grid="2"] .resourceCard .btn.btn--icon {
                width: 40px;
                min-width: 40px
            }

                .filteredGrid[data-grid="2"] .resourceCard--small .btn--icon:hover, .filteredGrid[data-grid="2"] .resourceCard--small .btn--primary--dark:hover, .filteredGrid[data-grid="2"] .resourceCard--small .btn--primary:hover, .filteredGrid[data-grid="2"] .resourceCard--small .btn--secondary:hover, .filteredGrid[data-grid="2"] .resourceCard--small .btn--small:hover, .filteredGrid[data-grid="2"] .resourceCard--small .btn--tertiary:hover, .filteredGrid[data-grid="2"] .resourceCard--small .btn:hover, .filteredGrid[data-grid="2"] .resourceCard .btn--icon:hover, .filteredGrid[data-grid="2"] .resourceCard .btn--primary--dark:hover, .filteredGrid[data-grid="2"] .resourceCard .btn--primary:hover, .filteredGrid[data-grid="2"] .resourceCard .btn--secondary:hover, .filteredGrid[data-grid="2"] .resourceCard .btn--small:hover, .filteredGrid[data-grid="2"] .resourceCard .btn--tertiary:hover, .filteredGrid[data-grid="2"] .resourceCard .btn:hover {
                    color: var(--m-01--dark-01)
                }

    .filteredGrid[data-grid="2"] .productCard, .filteredGrid[data-grid="2"] .productCard--small {
        max-width: 960px;
        min-height: 324px
    }

        .filteredGrid[data-grid="2"] .productCard--small .productCard__head, .filteredGrid[data-grid="2"] .productCard .productCard__head {
            height: 200px
        }

            .filteredGrid[data-grid="2"] .productCard--small .productCard__head:after, .filteredGrid[data-grid="2"] .productCard .productCard__head:after {
                left: 16px;
                width: calc(100% - 16px * 2)
            }

        .filteredGrid[data-grid="2"] .productCard--small .productCard__head-content, .filteredGrid[data-grid="2"] .productCard .productCard__head-content {
            padding: 24px 16px
        }

        .filteredGrid[data-grid="2"] .productCard--small .productCard__productName, .filteredGrid[data-grid="2"] .productCard .productCard__productName {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Calma Global Medium,sans-serif;
            font-size: 1.625rem;
            line-height: 1.231em;
            letter-spacing: 0
        }

            .filteredGrid[data-grid="2"] .productCard--small .productCard__productName .link a, .filteredGrid[data-grid="2"] .productCard .productCard__productName .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .filteredGrid[data-grid="2"] .productCard--small .productCard__productName .link a:hover, .filteredGrid[data-grid="2"] .productCard .productCard__productName .link a:hover {
                    color: var(--m-01)
                }

            .filteredGrid[data-grid="2"] .productCard--small .productCard__productName mark, .filteredGrid[data-grid="2"] .productCard--small .productCard__productName mark[data-color=color], .filteredGrid[data-grid="2"] .productCard .productCard__productName mark, .filteredGrid[data-grid="2"] .productCard .productCard__productName mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .filteredGrid[data-grid="2"] .productCard--small .productCard__productName mark[data-color=gray], .filteredGrid[data-grid="2"] .productCard .productCard__productName mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .filteredGrid[data-grid="2"] .productCard--small .productCard__productName mark[data-color=default], .filteredGrid[data-grid="2"] .productCard .productCard__productName mark[data-color=default] {
                    color: var(--neu-10)
                }

            .filteredGrid[data-grid="2"] .productCard--small .productCard__productName span.m-01--dark-01, .filteredGrid[data-grid="2"] .productCard--small .productCard__productName span[data-color=color], .filteredGrid[data-grid="2"] .productCard .productCard__productName span.m-01--dark-01, .filteredGrid[data-grid="2"] .productCard .productCard__productName span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .filteredGrid[data-grid="2"] .productCard--small .productCard__productName span.neu-07, .filteredGrid[data-grid="2"] .productCard--small .productCard__productName span[data-color=gray], .filteredGrid[data-grid="2"] .productCard .productCard__productName span.neu-07, .filteredGrid[data-grid="2"] .productCard .productCard__productName span[data-color=gray] {
                color: var(--neu-07)
            }

            .filteredGrid[data-grid="2"] .productCard--small .productCard__productName span.neu-10, .filteredGrid[data-grid="2"] .productCard--small .productCard__productName span[data-color=default], .filteredGrid[data-grid="2"] .productCard .productCard__productName span.neu-10, .filteredGrid[data-grid="2"] .productCard .productCard__productName span[data-color=default] {
                color: var(--neu-10)
            }

            .filteredGrid[data-grid="2"] .productCard--small .productCard__productName b, .filteredGrid[data-grid="2"] .productCard--small .productCard__productName strong, .filteredGrid[data-grid="2"] .productCard .productCard__productName b, .filteredGrid[data-grid="2"] .productCard .productCard__productName strong {
                font-weight: 700
            }

            .filteredGrid[data-grid="2"] .productCard--small .productCard__productName em, .filteredGrid[data-grid="2"] .productCard .productCard__productName em {
                font-style: italic
            }

        .filteredGrid[data-grid="2"] .productCard--small .productCard__content, .filteredGrid[data-grid="2"] .productCard .productCard__content {
            padding: 16px
        }

        .filteredGrid[data-grid="2"] .productCard--small .productCard__bookmark, .filteredGrid[data-grid="2"] .productCard .productCard__bookmark {
            right: 0;
            top: 8px
        }

    .filteredGrid[data-grid="2"] .brandCard, .filteredGrid[data-grid="2"] .brandCard--small {
        max-width: 960px;
        min-height: 324px;
        padding: 16px
    }

        .filteredGrid[data-grid="2"] .brandCard--small .brandCard__image, .filteredGrid[data-grid="2"] .brandCard .brandCard__image {
            height: 70px;
            width: 70px;
            margin-right: 0
        }

        .filteredGrid[data-grid="2"] .brandCard--small .brandCard--small .btnBookmark--privateArea, .filteredGrid[data-grid="2"] .brandCard--small .brandCard .btnBookmark--privateArea, .filteredGrid[data-grid="2"] .brandCard--small .brandCard__bookmark, .filteredGrid[data-grid="2"] .brandCard .brandCard--small .btnBookmark--privateArea, .filteredGrid[data-grid="2"] .brandCard .brandCard .btnBookmark--privateArea, .filteredGrid[data-grid="2"] .brandCard .brandCard__bookmark {
            right: 0
        }

        .filteredGrid[data-grid="2"] .brandCard--small .brandCard__text, .filteredGrid[data-grid="2"] .brandCard .brandCard__text {
            padding: 0
        }

        .filteredGrid[data-grid="2"] .brandCard--small .brandCard__title, .filteredGrid[data-grid="2"] .brandCard .brandCard__title {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Calma Global Medium,sans-serif;
            font-size: 1.625rem;
            line-height: 1.231em;
            letter-spacing: 0
        }

            .filteredGrid[data-grid="2"] .brandCard--small .brandCard__title .link a, .filteredGrid[data-grid="2"] .brandCard .brandCard__title .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .filteredGrid[data-grid="2"] .brandCard--small .brandCard__title .link a:hover, .filteredGrid[data-grid="2"] .brandCard .brandCard__title .link a:hover {
                    color: var(--m-01)
                }

            .filteredGrid[data-grid="2"] .brandCard--small .brandCard__title mark, .filteredGrid[data-grid="2"] .brandCard--small .brandCard__title mark[data-color=color], .filteredGrid[data-grid="2"] .brandCard .brandCard__title mark, .filteredGrid[data-grid="2"] .brandCard .brandCard__title mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .filteredGrid[data-grid="2"] .brandCard--small .brandCard__title mark[data-color=gray], .filteredGrid[data-grid="2"] .brandCard .brandCard__title mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .filteredGrid[data-grid="2"] .brandCard--small .brandCard__title mark[data-color=default], .filteredGrid[data-grid="2"] .brandCard .brandCard__title mark[data-color=default] {
                    color: var(--neu-10)
                }

            .filteredGrid[data-grid="2"] .brandCard--small .brandCard__title span.m-01--dark-01, .filteredGrid[data-grid="2"] .brandCard--small .brandCard__title span[data-color=color], .filteredGrid[data-grid="2"] .brandCard .brandCard__title span.m-01--dark-01, .filteredGrid[data-grid="2"] .brandCard .brandCard__title span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .filteredGrid[data-grid="2"] .brandCard--small .brandCard__title span.neu-07, .filteredGrid[data-grid="2"] .brandCard--small .brandCard__title span[data-color=gray], .filteredGrid[data-grid="2"] .brandCard .brandCard__title span.neu-07, .filteredGrid[data-grid="2"] .brandCard .brandCard__title span[data-color=gray] {
                color: var(--neu-07)
            }

            .filteredGrid[data-grid="2"] .brandCard--small .brandCard__title span.neu-10, .filteredGrid[data-grid="2"] .brandCard--small .brandCard__title span[data-color=default], .filteredGrid[data-grid="2"] .brandCard .brandCard__title span.neu-10, .filteredGrid[data-grid="2"] .brandCard .brandCard__title span[data-color=default] {
                color: var(--neu-10)
            }

            .filteredGrid[data-grid="2"] .brandCard--small .brandCard__title b, .filteredGrid[data-grid="2"] .brandCard--small .brandCard__title strong, .filteredGrid[data-grid="2"] .brandCard .brandCard__title b, .filteredGrid[data-grid="2"] .brandCard .brandCard__title strong {
                font-weight: 700
            }

            .filteredGrid[data-grid="2"] .brandCard--small .brandCard__title em, .filteredGrid[data-grid="2"] .brandCard .brandCard__title em {
                font-style: italic
            }

        .filteredGrid[data-grid="2"] .brandCard--small .brandCard__description, .filteredGrid[data-grid="2"] .brandCard .brandCard__description {
            margin-top: 24px
        }

    .filteredGrid[data-grid="2"] .categoryCard, .filteredGrid[data-grid="2"] .categoryCard--small {
        min-height: 240px;
        max-width: 960px
    }

        .filteredGrid[data-grid="2"] .categoryCard--small .categoryCard__content, .filteredGrid[data-grid="2"] .categoryCard .categoryCard__content {
            padding: 32px
        }

        .filteredGrid[data-grid="2"] .categoryCard--small .categoryCard__title, .filteredGrid[data-grid="2"] .categoryCard .categoryCard__title {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Calma Global Medium,sans-serif;
            font-size: 2rem;
            line-height: 1.25em;
            letter-spacing: -.016em
        }

            .filteredGrid[data-grid="2"] .categoryCard--small .categoryCard__title .link a, .filteredGrid[data-grid="2"] .categoryCard .categoryCard__title .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .filteredGrid[data-grid="2"] .categoryCard--small .categoryCard__title .link a:hover, .filteredGrid[data-grid="2"] .categoryCard .categoryCard__title .link a:hover {
                    color: var(--m-01)
                }

            .filteredGrid[data-grid="2"] .categoryCard--small .categoryCard__title mark, .filteredGrid[data-grid="2"] .categoryCard--small .categoryCard__title mark[data-color=color], .filteredGrid[data-grid="2"] .categoryCard .categoryCard__title mark, .filteredGrid[data-grid="2"] .categoryCard .categoryCard__title mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .filteredGrid[data-grid="2"] .categoryCard--small .categoryCard__title mark[data-color=gray], .filteredGrid[data-grid="2"] .categoryCard .categoryCard__title mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .filteredGrid[data-grid="2"] .categoryCard--small .categoryCard__title mark[data-color=default], .filteredGrid[data-grid="2"] .categoryCard .categoryCard__title mark[data-color=default] {
                    color: var(--neu-10)
                }

            .filteredGrid[data-grid="2"] .categoryCard--small .categoryCard__title span.m-01--dark-01, .filteredGrid[data-grid="2"] .categoryCard--small .categoryCard__title span[data-color=color], .filteredGrid[data-grid="2"] .categoryCard .categoryCard__title span.m-01--dark-01, .filteredGrid[data-grid="2"] .categoryCard .categoryCard__title span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .filteredGrid[data-grid="2"] .categoryCard--small .categoryCard__title span.neu-07, .filteredGrid[data-grid="2"] .categoryCard--small .categoryCard__title span[data-color=gray], .filteredGrid[data-grid="2"] .categoryCard .categoryCard__title span.neu-07, .filteredGrid[data-grid="2"] .categoryCard .categoryCard__title span[data-color=gray] {
                color: var(--neu-07)
            }

            .filteredGrid[data-grid="2"] .categoryCard--small .categoryCard__title span.neu-10, .filteredGrid[data-grid="2"] .categoryCard--small .categoryCard__title span[data-color=default], .filteredGrid[data-grid="2"] .categoryCard .categoryCard__title span.neu-10, .filteredGrid[data-grid="2"] .categoryCard .categoryCard__title span[data-color=default] {
                color: var(--neu-10)
            }

            .filteredGrid[data-grid="2"] .categoryCard--small .categoryCard__title b, .filteredGrid[data-grid="2"] .categoryCard--small .categoryCard__title strong, .filteredGrid[data-grid="2"] .categoryCard .categoryCard__title b, .filteredGrid[data-grid="2"] .categoryCard .categoryCard__title strong {
                font-weight: 700
            }

            .filteredGrid[data-grid="2"] .categoryCard--small .categoryCard__title em, .filteredGrid[data-grid="2"] .categoryCard .categoryCard__title em {
                font-style: italic
            }
}

@media (max-width:1024px) and (max-width:1024px) {
    .filteredGrid[data-grid="2"] .categoryCard--small .categoryCard__title, .filteredGrid[data-grid="2"] .categoryCard .categoryCard__title {
        font-size: 1.625rem;
        line-height: 1.231em;
        letter-spacing: 0
    }
}

@media (max-width:1024px) {
    .filteredGrid[data-grid="2"] .profileCard, .filteredGrid[data-grid="2"] .profileCard--small {
        max-width: 960px;
        padding: 24px 16px 32px 4px;
        height: 100%
    }

        .filteredGrid[data-grid="2"] .profileCard--small .profileCard__text, .filteredGrid[data-grid="2"] .profileCard .profileCard__text {
            max-width: 310px
        }

    .filteredGrid[data-grid="2"] .selectableCard, .filteredGrid[data-grid="2"] .selectableCard--small {
        max-width: 960px;
        padding: 16px 16px 24px;
        grid-template-columns: 1fr 1fr;
        row-gap: 8px
    }

        .filteredGrid[data-grid="2"] .selectableCard--small .selectableCard__content, .filteredGrid[data-grid="2"] .selectableCard .selectableCard__content {
            grid-row: 2;
            grid-column: 1/3
        }

        .filteredGrid[data-grid="2"] .selectableCard--small .selectableCard__checkbox, .filteredGrid[data-grid="2"] .selectableCard .selectableCard__checkbox {
            margin-right: 0;
            grid-row: 1
        }

        .filteredGrid[data-grid="2"] .selectableCard--small .selectableCard__image, .filteredGrid[data-grid="2"] .selectableCard .selectableCard__image {
            width: 48px;
            height: 48px;
            grid-row: 1;
            justify-self: flex-end
        }

        .filteredGrid[data-grid="2"] .selectableCard--small .selectableCard__btn, .filteredGrid[data-grid="2"] .selectableCard .selectableCard__btn {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Inter,sans-serif;
            font-size: .813rem;
            line-height: 1.538em;
            letter-spacing: -.003em;
            font-weight: 400;
            font-weight: 700;
            padding: 0 20px;
            height: 40px;
            transform: none;
            margin-left: 0;
            margin-top: 16px;
            grid-row: 3;
            grid-column: 1/3
        }

            .filteredGrid[data-grid="2"] .selectableCard--small .selectableCard__btn .link a, .filteredGrid[data-grid="2"] .selectableCard .selectableCard__btn .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .filteredGrid[data-grid="2"] .selectableCard--small .selectableCard__btn .link a:hover, .filteredGrid[data-grid="2"] .selectableCard .selectableCard__btn .link a:hover {
                    color: var(--m-01)
                }

            .filteredGrid[data-grid="2"] .selectableCard--small .selectableCard__btn mark, .filteredGrid[data-grid="2"] .selectableCard--small .selectableCard__btn mark[data-color=color], .filteredGrid[data-grid="2"] .selectableCard .selectableCard__btn mark, .filteredGrid[data-grid="2"] .selectableCard .selectableCard__btn mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .filteredGrid[data-grid="2"] .selectableCard--small .selectableCard__btn mark[data-color=gray], .filteredGrid[data-grid="2"] .selectableCard .selectableCard__btn mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .filteredGrid[data-grid="2"] .selectableCard--small .selectableCard__btn mark[data-color=default], .filteredGrid[data-grid="2"] .selectableCard .selectableCard__btn mark[data-color=default] {
                    color: var(--neu-10)
                }

            .filteredGrid[data-grid="2"] .selectableCard--small .selectableCard__btn span.m-01--dark-01, .filteredGrid[data-grid="2"] .selectableCard--small .selectableCard__btn span[data-color=color], .filteredGrid[data-grid="2"] .selectableCard .selectableCard__btn span.m-01--dark-01, .filteredGrid[data-grid="2"] .selectableCard .selectableCard__btn span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .filteredGrid[data-grid="2"] .selectableCard--small .selectableCard__btn span.neu-07, .filteredGrid[data-grid="2"] .selectableCard--small .selectableCard__btn span[data-color=gray], .filteredGrid[data-grid="2"] .selectableCard .selectableCard__btn span.neu-07, .filteredGrid[data-grid="2"] .selectableCard .selectableCard__btn span[data-color=gray] {
                color: var(--neu-07)
            }

            .filteredGrid[data-grid="2"] .selectableCard--small .selectableCard__btn span.neu-10, .filteredGrid[data-grid="2"] .selectableCard--small .selectableCard__btn span[data-color=default], .filteredGrid[data-grid="2"] .selectableCard .selectableCard__btn span.neu-10, .filteredGrid[data-grid="2"] .selectableCard .selectableCard__btn span[data-color=default] {
                color: var(--neu-10)
            }

            .filteredGrid[data-grid="2"] .selectableCard--small .selectableCard__btn b, .filteredGrid[data-grid="2"] .selectableCard--small .selectableCard__btn strong, .filteredGrid[data-grid="2"] .selectableCard .selectableCard__btn b, .filteredGrid[data-grid="2"] .selectableCard .selectableCard__btn strong {
                font-weight: 700
            }

            .filteredGrid[data-grid="2"] .selectableCard--small .selectableCard__btn em, .filteredGrid[data-grid="2"] .selectableCard .selectableCard__btn em {
                font-style: italic
            }

            .filteredGrid[data-grid="2"] .selectableCard--small .selectableCard__btn i, .filteredGrid[data-grid="2"] .selectableCard .selectableCard__btn i {
                min-width: 16px;
                width: 16px;
                height: 16px;
                font-size: 16px
            }

                .filteredGrid[data-grid="2"] .selectableCard--small .selectableCard__btn i:before, .filteredGrid[data-grid="2"] .selectableCard .selectableCard__btn i:before {
                    font-size: 16px;
                    font-weight: 400
                }

            .filteredGrid[data-grid="2"] .selectableCard--small .selectableCard__btn.btn--icon, .filteredGrid[data-grid="2"] .selectableCard .selectableCard__btn.btn--icon {
                width: 40px;
                min-width: 40px
            }

    .filteredGrid[data-grid="2"] .demandCard, .filteredGrid[data-grid="2"] .demandCard--small {
        max-width: 960px;
        padding: 16px;
        min-height: 324px
    }

        .filteredGrid[data-grid="2"] .demandCard--small .demandCard__content, .filteredGrid[data-grid="2"] .demandCard .demandCard__content {
            gap: 8px
        }

        .filteredGrid[data-grid="2"] .demandCard--small .demandCard__notification-text, .filteredGrid[data-grid="2"] .demandCard .demandCard__notification-text {
            display: none
        }

        .filteredGrid[data-grid="2"] .demandCard--small .demandCard__description, .filteredGrid[data-grid="2"] .demandCard .demandCard__description {
            margin-top: 8px
        }

    .filteredGrid[data-grid="2"] .replyCard, .filteredGrid[data-grid="2"] .replyCard--small {
        max-width: 960px
    }

        .filteredGrid[data-grid="2"] .replyCard--small .replyCard, .filteredGrid[data-grid="2"] .replyCard--small .replyCard--small, .filteredGrid[data-grid="2"] .replyCard .replyCard, .filteredGrid[data-grid="2"] .replyCard .replyCard--small {
            background-color: var(--neu-01)
        }

        .filteredGrid[data-grid="2"] .replyCard--small .replyCard__content, .filteredGrid[data-grid="2"] .replyCard .replyCard__content {
            padding: 24px;
            gap: 4px 12px
        }

        .filteredGrid[data-grid="2"] .replyCard--small .replyCard__thumb, .filteredGrid[data-grid="2"] .replyCard .replyCard__thumb {
            grid-row: 1/3;
            align-self: flex-start
        }

        .filteredGrid[data-grid="2"] .replyCard--small .replyCard__text, .filteredGrid[data-grid="2"] .replyCard .replyCard__text {
            grid-row: 2;
            grid-column: 2/4
        }
}

@media (max-width:1024px) and (max-width:512px) {
    .filteredGrid[data-grid="2"] .replyCard--small .replyCard__text, .filteredGrid[data-grid="2"] .replyCard .replyCard__text {
        grid-column: 2/4
    }
}

@media (max-width:1024px) {
    .filteredGrid[data-grid="2"] .replyCard--small .replyCard__message, .filteredGrid[data-grid="2"] .replyCard--small .replyCard__subject, .filteredGrid[data-grid="2"] .replyCard .replyCard__message, .filteredGrid[data-grid="2"] .replyCard .replyCard__subject {
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-stretch: normal;
        letter-spacing: normal;
        font-family: Inter,sans-serif;
        font-size: 1rem;
        line-height: 1.5em;
        letter-spacing: -.011em;
        font-weight: 400
    }

        .filteredGrid[data-grid="2"] .replyCard--small .replyCard__message .link a, .filteredGrid[data-grid="2"] .replyCard--small .replyCard__subject .link a, .filteredGrid[data-grid="2"] .replyCard .replyCard__message .link a, .filteredGrid[data-grid="2"] .replyCard .replyCard__subject .link a {
            transition: all .1s ease;
            text-decoration: underline;
            color: var(--m-01--dark-01)
        }

            .filteredGrid[data-grid="2"] .replyCard--small .replyCard__message .link a:hover, .filteredGrid[data-grid="2"] .replyCard--small .replyCard__subject .link a:hover, .filteredGrid[data-grid="2"] .replyCard .replyCard__message .link a:hover, .filteredGrid[data-grid="2"] .replyCard .replyCard__subject .link a:hover {
                color: var(--m-01)
            }

        .filteredGrid[data-grid="2"] .replyCard--small .replyCard__message mark, .filteredGrid[data-grid="2"] .replyCard--small .replyCard__message mark[data-color=color], .filteredGrid[data-grid="2"] .replyCard--small .replyCard__subject mark, .filteredGrid[data-grid="2"] .replyCard--small .replyCard__subject mark[data-color=color], .filteredGrid[data-grid="2"] .replyCard .replyCard__message mark, .filteredGrid[data-grid="2"] .replyCard .replyCard__message mark[data-color=color], .filteredGrid[data-grid="2"] .replyCard .replyCard__subject mark, .filteredGrid[data-grid="2"] .replyCard .replyCard__subject mark[data-color=color] {
            color: var(--m-01--dark-01)
        }

            .filteredGrid[data-grid="2"] .replyCard--small .replyCard__message mark[data-color=gray], .filteredGrid[data-grid="2"] .replyCard--small .replyCard__subject mark[data-color=gray], .filteredGrid[data-grid="2"] .replyCard .replyCard__message mark[data-color=gray], .filteredGrid[data-grid="2"] .replyCard .replyCard__subject mark[data-color=gray] {
                color: var(--neu-07)
            }

            .filteredGrid[data-grid="2"] .replyCard--small .replyCard__message mark[data-color=default], .filteredGrid[data-grid="2"] .replyCard--small .replyCard__subject mark[data-color=default], .filteredGrid[data-grid="2"] .replyCard .replyCard__message mark[data-color=default], .filteredGrid[data-grid="2"] .replyCard .replyCard__subject mark[data-color=default] {
                color: var(--neu-10)
            }

        .filteredGrid[data-grid="2"] .replyCard--small .replyCard__message span.m-01--dark-01, .filteredGrid[data-grid="2"] .replyCard--small .replyCard__message span[data-color=color], .filteredGrid[data-grid="2"] .replyCard--small .replyCard__subject span.m-01--dark-01, .filteredGrid[data-grid="2"] .replyCard--small .replyCard__subject span[data-color=color], .filteredGrid[data-grid="2"] .replyCard .replyCard__message span.m-01--dark-01, .filteredGrid[data-grid="2"] .replyCard .replyCard__message span[data-color=color], .filteredGrid[data-grid="2"] .replyCard .replyCard__subject span.m-01--dark-01, .filteredGrid[data-grid="2"] .replyCard .replyCard__subject span[data-color=color] {
            color: var(--m-01--dark-01)
        }

        .filteredGrid[data-grid="2"] .replyCard--small .replyCard__message span.neu-07, .filteredGrid[data-grid="2"] .replyCard--small .replyCard__message span[data-color=gray], .filteredGrid[data-grid="2"] .replyCard--small .replyCard__subject span.neu-07, .filteredGrid[data-grid="2"] .replyCard--small .replyCard__subject span[data-color=gray], .filteredGrid[data-grid="2"] .replyCard .replyCard__message span.neu-07, .filteredGrid[data-grid="2"] .replyCard .replyCard__message span[data-color=gray], .filteredGrid[data-grid="2"] .replyCard .replyCard__subject span.neu-07, .filteredGrid[data-grid="2"] .replyCard .replyCard__subject span[data-color=gray] {
            color: var(--neu-07)
        }

        .filteredGrid[data-grid="2"] .replyCard--small .replyCard__message span.neu-10, .filteredGrid[data-grid="2"] .replyCard--small .replyCard__message span[data-color=default], .filteredGrid[data-grid="2"] .replyCard--small .replyCard__subject span.neu-10, .filteredGrid[data-grid="2"] .replyCard--small .replyCard__subject span[data-color=default], .filteredGrid[data-grid="2"] .replyCard .replyCard__message span.neu-10, .filteredGrid[data-grid="2"] .replyCard .replyCard__message span[data-color=default], .filteredGrid[data-grid="2"] .replyCard .replyCard__subject span.neu-10, .filteredGrid[data-grid="2"] .replyCard .replyCard__subject span[data-color=default] {
            color: var(--neu-10)
        }

        .filteredGrid[data-grid="2"] .replyCard--small .replyCard__message b, .filteredGrid[data-grid="2"] .replyCard--small .replyCard__message strong, .filteredGrid[data-grid="2"] .replyCard--small .replyCard__subject b, .filteredGrid[data-grid="2"] .replyCard--small .replyCard__subject strong, .filteredGrid[data-grid="2"] .replyCard .replyCard__message b, .filteredGrid[data-grid="2"] .replyCard .replyCard__message strong, .filteredGrid[data-grid="2"] .replyCard .replyCard__subject b, .filteredGrid[data-grid="2"] .replyCard .replyCard__subject strong {
            font-weight: 700
        }

        .filteredGrid[data-grid="2"] .replyCard--small .replyCard__message em, .filteredGrid[data-grid="2"] .replyCard--small .replyCard__subject em, .filteredGrid[data-grid="2"] .replyCard .replyCard__message em, .filteredGrid[data-grid="2"] .replyCard .replyCard__subject em {
            font-style: italic
        }

    .filteredGrid[data-grid="2"] .replyCard--small .replyCard__info, .filteredGrid[data-grid="2"] .replyCard .replyCard__info {
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-stretch: normal;
        letter-spacing: normal;
        font-family: Inter,sans-serif;
        font-size: .813rem;
        line-height: 1.538em;
        letter-spacing: -.003em;
        font-weight: 700;
        margin-top: 8px;
        padding-right: 32px
    }

        .filteredGrid[data-grid="2"] .replyCard--small .replyCard__info .link a, .filteredGrid[data-grid="2"] .replyCard .replyCard__info .link a {
            transition: all .1s ease;
            text-decoration: underline;
            color: var(--m-01--dark-01)
        }

            .filteredGrid[data-grid="2"] .replyCard--small .replyCard__info .link a:hover, .filteredGrid[data-grid="2"] .replyCard .replyCard__info .link a:hover {
                color: var(--m-01)
            }

        .filteredGrid[data-grid="2"] .replyCard--small .replyCard__info mark, .filteredGrid[data-grid="2"] .replyCard--small .replyCard__info mark[data-color=color], .filteredGrid[data-grid="2"] .replyCard .replyCard__info mark, .filteredGrid[data-grid="2"] .replyCard .replyCard__info mark[data-color=color] {
            color: var(--m-01--dark-01)
        }

            .filteredGrid[data-grid="2"] .replyCard--small .replyCard__info mark[data-color=gray], .filteredGrid[data-grid="2"] .replyCard .replyCard__info mark[data-color=gray] {
                color: var(--neu-07)
            }

            .filteredGrid[data-grid="2"] .replyCard--small .replyCard__info mark[data-color=default], .filteredGrid[data-grid="2"] .replyCard .replyCard__info mark[data-color=default] {
                color: var(--neu-10)
            }

        .filteredGrid[data-grid="2"] .replyCard--small .replyCard__info span.m-01--dark-01, .filteredGrid[data-grid="2"] .replyCard--small .replyCard__info span[data-color=color], .filteredGrid[data-grid="2"] .replyCard .replyCard__info span.m-01--dark-01, .filteredGrid[data-grid="2"] .replyCard .replyCard__info span[data-color=color] {
            color: var(--m-01--dark-01)
        }

        .filteredGrid[data-grid="2"] .replyCard--small .replyCard__info span.neu-07, .filteredGrid[data-grid="2"] .replyCard--small .replyCard__info span[data-color=gray], .filteredGrid[data-grid="2"] .replyCard .replyCard__info span.neu-07, .filteredGrid[data-grid="2"] .replyCard .replyCard__info span[data-color=gray] {
            color: var(--neu-07)
        }

        .filteredGrid[data-grid="2"] .replyCard--small .replyCard__info span.neu-10, .filteredGrid[data-grid="2"] .replyCard--small .replyCard__info span[data-color=default], .filteredGrid[data-grid="2"] .replyCard .replyCard__info span.neu-10, .filteredGrid[data-grid="2"] .replyCard .replyCard__info span[data-color=default] {
            color: var(--neu-10)
        }

        .filteredGrid[data-grid="2"] .replyCard--small .replyCard__info b, .filteredGrid[data-grid="2"] .replyCard--small .replyCard__info strong, .filteredGrid[data-grid="2"] .replyCard .replyCard__info b, .filteredGrid[data-grid="2"] .replyCard .replyCard__info strong {
            font-weight: 700
        }

        .filteredGrid[data-grid="2"] .replyCard--small .replyCard__info em, .filteredGrid[data-grid="2"] .replyCard .replyCard__info em {
            font-style: italic
        }

    .filteredGrid[data-grid="2"] .replyCard--small .replyCard__pin, .filteredGrid[data-grid="2"] .replyCard .replyCard__pin {
        transition: all .1s ease;
        grid-row: 2;
        grid-column: 3;
        align-self: flex-end;
        width: 24px;
        height: 24px;
        justify-self: flex-end;
        transform: translateY(4px);
        cursor: pointer
    }

        .filteredGrid[data-grid="2"] .replyCard--small .replyCard__pin:hover, .filteredGrid[data-grid="2"] .replyCard .replyCard__pin:hover {
            opacity: .7
        }

        .filteredGrid[data-grid="2"] .replyCard--small .replyCard__pin:before, .filteredGrid[data-grid="2"] .replyCard .replyCard__pin:before {
            width: 24px;
            height: 24px;
            font-size: 24px;
            font-family: aicep-base-icons !important;
            font-weight: 400;
            display: flex;
            justify-content: center;
            align-items: center;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            content: "\e95b"
        }

    .filteredGrid[data-grid="2"] .replyCard--small .replyCard__pin--selected, .filteredGrid[data-grid="2"] .replyCard .replyCard__pin--selected {
        color: var(--m-02--dark-01)
    }

        .filteredGrid[data-grid="2"] .replyCard--small .replyCard__pin--selected:before, .filteredGrid[data-grid="2"] .replyCard .replyCard__pin--selected:before {
            content: "\e95c"
        }

    .filteredGrid[data-grid="2"] .replyCard--small .replyCard__btn, .filteredGrid[data-grid="2"] .replyCard .replyCard__btn {
        display: none
    }

    .filteredGrid[data-grid="2"] .infoCard, .filteredGrid[data-grid="2"] .infoCard--small {
        max-width: 960px;
        padding: 24px
    }

        .filteredGrid[data-grid="2"] .infoCard--small .infoCard__number, .filteredGrid[data-grid="2"] .infoCard .infoCard__number {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Calma Global Medium,sans-serif;
            font-size: 2rem;
            line-height: 1.25em;
            letter-spacing: -.016em;
            transform: translateY(0)
        }

            .filteredGrid[data-grid="2"] .infoCard--small .infoCard__number .link a, .filteredGrid[data-grid="2"] .infoCard .infoCard__number .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .filteredGrid[data-grid="2"] .infoCard--small .infoCard__number .link a:hover, .filteredGrid[data-grid="2"] .infoCard .infoCard__number .link a:hover {
                    color: var(--m-01)
                }

            .filteredGrid[data-grid="2"] .infoCard--small .infoCard__number mark, .filteredGrid[data-grid="2"] .infoCard--small .infoCard__number mark[data-color=color], .filteredGrid[data-grid="2"] .infoCard .infoCard__number mark, .filteredGrid[data-grid="2"] .infoCard .infoCard__number mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .filteredGrid[data-grid="2"] .infoCard--small .infoCard__number mark[data-color=gray], .filteredGrid[data-grid="2"] .infoCard .infoCard__number mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .filteredGrid[data-grid="2"] .infoCard--small .infoCard__number mark[data-color=default], .filteredGrid[data-grid="2"] .infoCard .infoCard__number mark[data-color=default] {
                    color: var(--neu-10)
                }

            .filteredGrid[data-grid="2"] .infoCard--small .infoCard__number span.m-01--dark-01, .filteredGrid[data-grid="2"] .infoCard--small .infoCard__number span[data-color=color], .filteredGrid[data-grid="2"] .infoCard .infoCard__number span.m-01--dark-01, .filteredGrid[data-grid="2"] .infoCard .infoCard__number span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .filteredGrid[data-grid="2"] .infoCard--small .infoCard__number span.neu-07, .filteredGrid[data-grid="2"] .infoCard--small .infoCard__number span[data-color=gray], .filteredGrid[data-grid="2"] .infoCard .infoCard__number span.neu-07, .filteredGrid[data-grid="2"] .infoCard .infoCard__number span[data-color=gray] {
                color: var(--neu-07)
            }

            .filteredGrid[data-grid="2"] .infoCard--small .infoCard__number span.neu-10, .filteredGrid[data-grid="2"] .infoCard--small .infoCard__number span[data-color=default], .filteredGrid[data-grid="2"] .infoCard .infoCard__number span.neu-10, .filteredGrid[data-grid="2"] .infoCard .infoCard__number span[data-color=default] {
                color: var(--neu-10)
            }

            .filteredGrid[data-grid="2"] .infoCard--small .infoCard__number b, .filteredGrid[data-grid="2"] .infoCard--small .infoCard__number strong, .filteredGrid[data-grid="2"] .infoCard .infoCard__number b, .filteredGrid[data-grid="2"] .infoCard .infoCard__number strong {
                font-weight: 700
            }

            .filteredGrid[data-grid="2"] .infoCard--small .infoCard__number em, .filteredGrid[data-grid="2"] .infoCard .infoCard__number em {
                font-style: italic
            }
}

@media (max-width:1024px) and (max-width:1024px) {
    .filteredGrid[data-grid="2"] .infoCard--small .infoCard__number, .filteredGrid[data-grid="2"] .infoCard .infoCard__number {
        font-size: 1.625rem;
        line-height: 1.231em;
        letter-spacing: 0;
        transform: translateY(3px)
    }
}

@media (max-width:1024px) {
    .filteredGrid[data-grid="2"] .infoCard--small .infoCard__title, .filteredGrid[data-grid="2"] .infoCard .infoCard__title {
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-stretch: normal;
        letter-spacing: normal;
        font-family: Inter,sans-serif;
        font-size: 1rem;
        line-height: 1.5em;
        letter-spacing: -.011em;
        font-weight: 700
    }

        .filteredGrid[data-grid="2"] .infoCard--small .infoCard__title .link a, .filteredGrid[data-grid="2"] .infoCard .infoCard__title .link a {
            transition: all .1s ease;
            text-decoration: underline;
            color: var(--m-01--dark-01)
        }

            .filteredGrid[data-grid="2"] .infoCard--small .infoCard__title .link a:hover, .filteredGrid[data-grid="2"] .infoCard .infoCard__title .link a:hover {
                color: var(--m-01)
            }

        .filteredGrid[data-grid="2"] .infoCard--small .infoCard__title mark, .filteredGrid[data-grid="2"] .infoCard--small .infoCard__title mark[data-color=color], .filteredGrid[data-grid="2"] .infoCard .infoCard__title mark, .filteredGrid[data-grid="2"] .infoCard .infoCard__title mark[data-color=color] {
            color: var(--m-01--dark-01)
        }

            .filteredGrid[data-grid="2"] .infoCard--small .infoCard__title mark[data-color=gray], .filteredGrid[data-grid="2"] .infoCard .infoCard__title mark[data-color=gray] {
                color: var(--neu-07)
            }

            .filteredGrid[data-grid="2"] .infoCard--small .infoCard__title mark[data-color=default], .filteredGrid[data-grid="2"] .infoCard .infoCard__title mark[data-color=default] {
                color: var(--neu-10)
            }

        .filteredGrid[data-grid="2"] .infoCard--small .infoCard__title span.m-01--dark-01, .filteredGrid[data-grid="2"] .infoCard--small .infoCard__title span[data-color=color], .filteredGrid[data-grid="2"] .infoCard .infoCard__title span.m-01--dark-01, .filteredGrid[data-grid="2"] .infoCard .infoCard__title span[data-color=color] {
            color: var(--m-01--dark-01)
        }

        .filteredGrid[data-grid="2"] .infoCard--small .infoCard__title span.neu-07, .filteredGrid[data-grid="2"] .infoCard--small .infoCard__title span[data-color=gray], .filteredGrid[data-grid="2"] .infoCard .infoCard__title span.neu-07, .filteredGrid[data-grid="2"] .infoCard .infoCard__title span[data-color=gray] {
            color: var(--neu-07)
        }

        .filteredGrid[data-grid="2"] .infoCard--small .infoCard__title span.neu-10, .filteredGrid[data-grid="2"] .infoCard--small .infoCard__title span[data-color=default], .filteredGrid[data-grid="2"] .infoCard .infoCard__title span.neu-10, .filteredGrid[data-grid="2"] .infoCard .infoCard__title span[data-color=default] {
            color: var(--neu-10)
        }

        .filteredGrid[data-grid="2"] .infoCard--small .infoCard__title b, .filteredGrid[data-grid="2"] .infoCard--small .infoCard__title strong, .filteredGrid[data-grid="2"] .infoCard .infoCard__title b, .filteredGrid[data-grid="2"] .infoCard .infoCard__title strong {
            font-weight: 700
        }

        .filteredGrid[data-grid="2"] .infoCard--small .infoCard__title em, .filteredGrid[data-grid="2"] .infoCard .infoCard__title em {
            font-style: italic
        }
}

.filteredGrid * > .filteredGrid__btnContainer {
    grid-column: 1/13;
    margin-top: 48px
}

@media (max-width:1024px) {
    .filteredGrid * > .filteredGrid__btnContainer {
        grid-column: 1/7
    }
}

@media (max-width:768px) {
    .filteredGrid * > .filteredGrid__btnContainer {
        margin-top: 32px
    }
}

.filteredGrid__btnContainer.show {
    display: flex
}

.filteredGrid__btnContainer.hide {
    display: none
}

.filteredGridWithSort:before {
    content: "";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    width: 100vw;
    height: 100vh;
    background: var(--neu-10);
    pointer-events: none;
    transition: all .4s ease-out;
    z-index: 92
}

.filteredGridWithSort.cardOpen:before {
    opacity: .9;
    visibility: visible;
    transition: all .4s ease-out
}

.filteredGridWithSort__wrapper {
    padding-bottom: 64px
}

@media (max-width:768px) {
    .filteredGridWithSort__wrapper {
        padding-bottom: 56px
    }
}

@media (max-width:512px) {
    .filteredGridWithSort__wrapper {
        padding-left: 0;
        padding-right: 0
    }
}

.filteredGridWithSort__grid {
    grid-column: 1/13;
    display: grid;
    grid-gap: 32px;
    padding-top: 24px
}

@media (max-width:1024px) {
    .filteredGridWithSort__grid {
        grid-column: 1/7
    }
}

@media (max-width:1280px) {
    .filteredGridWithSort__grid {
        grid-gap: 24px
    }
}

@media (max-width:1024px) {
    .filteredGridWithSort__grid {
        grid-gap: 16px
    }
}

@media (max-width:768px) {
    .filteredGridWithSort__grid {
        padding-top: 16px
    }
}

.filteredGridWithSort__gridEmpty {
    grid-column: 1/-1;
    justify-self: center;
    height: 224px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

    .filteredGridWithSort__gridEmpty i {
        min-width: 64px;
        width: 64px;
        height: 64px;
        font-size: 64px
    }

        .filteredGridWithSort__gridEmpty i:before {
            font-size: 64px;
            font-weight: 400;
            color: var(--neu-06)
        }

    .filteredGridWithSort__gridEmpty p {
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-stretch: normal;
        letter-spacing: normal;
        font-family: Inter,sans-serif;
        font-size: 1.188rem;
        line-height: 1.263em;
        letter-spacing: -.016em;
        font-weight: 400;
        margin-top: 32px;
        color: var(--neu-06)
    }

        .filteredGridWithSort__gridEmpty p .link a {
            transition: all .1s ease;
            text-decoration: underline;
            color: var(--m-01--dark-01)
        }

            .filteredGridWithSort__gridEmpty p .link a:hover {
                color: var(--m-01)
            }

        .filteredGridWithSort__gridEmpty p mark, .filteredGridWithSort__gridEmpty p mark[data-color=color] {
            color: var(--m-01--dark-01)
        }

            .filteredGridWithSort__gridEmpty p mark[data-color=gray] {
                color: var(--neu-07)
            }

            .filteredGridWithSort__gridEmpty p mark[data-color=default] {
                color: var(--neu-10)
            }

        .filteredGridWithSort__gridEmpty p span.m-01--dark-01, .filteredGridWithSort__gridEmpty p span[data-color=color] {
            color: var(--m-01--dark-01)
        }

        .filteredGridWithSort__gridEmpty p span.neu-07, .filteredGridWithSort__gridEmpty p span[data-color=gray] {
            color: var(--neu-07)
        }

        .filteredGridWithSort__gridEmpty p span.neu-10, .filteredGridWithSort__gridEmpty p span[data-color=default] {
            color: var(--neu-10)
        }

        .filteredGridWithSort__gridEmpty p b, .filteredGridWithSort__gridEmpty p strong {
            font-weight: 700
        }

        .filteredGridWithSort__gridEmpty p em {
            font-style: italic
        }

.filteredGridWithSort[data-grid="4"] .filteredGridWithSort__grid {
    grid-template-columns: repeat(4,1fr)
}

@media (max-width:1024px) {
    .filteredGridWithSort[data-grid="4"] .filteredGridWithSort__grid {
        grid-template-columns: repeat(3,1fr)
    }
}

@media (max-width:768px) {
    .filteredGridWithSort[data-grid="4"] .filteredGridWithSort__grid {
        grid-template-columns: repeat(2,1fr)
    }
}

@media (max-width:512px) {
    .filteredGridWithSort[data-grid="4"] .filteredGridWithSort__grid {
        grid-template-columns: 1fr
    }
}

@media (max-width:1280px) {
    .filteredGridWithSort[data-grid="4"] .caseCard, .filteredGridWithSort[data-grid="4"] .caseCard--small {
        min-height: 324px;
        max-width: 960px
    }

        .filteredGridWithSort[data-grid="4"] .caseCard--small .caseCard__content, .filteredGridWithSort[data-grid="4"] .caseCard .caseCard__content {
            padding: 24px 16px 16px
        }

        .filteredGridWithSort[data-grid="4"] .caseCard--small .caseCard__title, .filteredGridWithSort[data-grid="4"] .caseCard .caseCard__title {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Calma Global Medium,sans-serif;
            font-size: 1.625rem;
            line-height: 1.231em;
            letter-spacing: 0
        }

            .filteredGridWithSort[data-grid="4"] .caseCard--small .caseCard__title .link a, .filteredGridWithSort[data-grid="4"] .caseCard .caseCard__title .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .filteredGridWithSort[data-grid="4"] .caseCard--small .caseCard__title .link a:hover, .filteredGridWithSort[data-grid="4"] .caseCard .caseCard__title .link a:hover {
                    color: var(--m-01)
                }

            .filteredGridWithSort[data-grid="4"] .caseCard--small .caseCard__title mark, .filteredGridWithSort[data-grid="4"] .caseCard--small .caseCard__title mark[data-color=color], .filteredGridWithSort[data-grid="4"] .caseCard .caseCard__title mark, .filteredGridWithSort[data-grid="4"] .caseCard .caseCard__title mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .filteredGridWithSort[data-grid="4"] .caseCard--small .caseCard__title mark[data-color=gray], .filteredGridWithSort[data-grid="4"] .caseCard .caseCard__title mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .filteredGridWithSort[data-grid="4"] .caseCard--small .caseCard__title mark[data-color=default], .filteredGridWithSort[data-grid="4"] .caseCard .caseCard__title mark[data-color=default] {
                    color: var(--neu-10)
                }

            .filteredGridWithSort[data-grid="4"] .caseCard--small .caseCard__title span.m-01--dark-01, .filteredGridWithSort[data-grid="4"] .caseCard--small .caseCard__title span[data-color=color], .filteredGridWithSort[data-grid="4"] .caseCard .caseCard__title span.m-01--dark-01, .filteredGridWithSort[data-grid="4"] .caseCard .caseCard__title span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .filteredGridWithSort[data-grid="4"] .caseCard--small .caseCard__title span.neu-07, .filteredGridWithSort[data-grid="4"] .caseCard--small .caseCard__title span[data-color=gray], .filteredGridWithSort[data-grid="4"] .caseCard .caseCard__title span.neu-07, .filteredGridWithSort[data-grid="4"] .caseCard .caseCard__title span[data-color=gray] {
                color: var(--neu-07)
            }

            .filteredGridWithSort[data-grid="4"] .caseCard--small .caseCard__title span.neu-10, .filteredGridWithSort[data-grid="4"] .caseCard--small .caseCard__title span[data-color=default], .filteredGridWithSort[data-grid="4"] .caseCard .caseCard__title span.neu-10, .filteredGridWithSort[data-grid="4"] .caseCard .caseCard__title span[data-color=default] {
                color: var(--neu-10)
            }

            .filteredGridWithSort[data-grid="4"] .caseCard--small .caseCard__title b, .filteredGridWithSort[data-grid="4"] .caseCard--small .caseCard__title strong, .filteredGridWithSort[data-grid="4"] .caseCard .caseCard__title b, .filteredGridWithSort[data-grid="4"] .caseCard .caseCard__title strong {
                font-weight: 700
            }

            .filteredGridWithSort[data-grid="4"] .caseCard--small .caseCard__title em, .filteredGridWithSort[data-grid="4"] .caseCard .caseCard__title em {
                font-style: italic
            }

    .filteredGridWithSort[data-grid="4"] .countyCard, .filteredGridWithSort[data-grid="4"] .countyCard--small {
        max-width: 960px;
        height: 100%;
        min-height: 80px
    }

    .filteredGridWithSort[data-grid="4"] .industryCard, .filteredGridWithSort[data-grid="4"] .industryCard--small {
        max-width: 960px;
        max-width: 480px;
        min-height: 240px
    }

        .filteredGridWithSort[data-grid="4"] .industryCard--small .industryCard__content, .filteredGridWithSort[data-grid="4"] .industryCard .industryCard__content {
            padding: 24px 16px 16px
        }

        .filteredGridWithSort[data-grid="4"] .industryCard--small .industryCard__title, .filteredGridWithSort[data-grid="4"] .industryCard .industryCard__title {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Calma Global Medium,sans-serif;
            font-size: 1.625rem;
            line-height: 1.231em;
            letter-spacing: 0
        }

            .filteredGridWithSort[data-grid="4"] .industryCard--small .industryCard__title .link a, .filteredGridWithSort[data-grid="4"] .industryCard .industryCard__title .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .filteredGridWithSort[data-grid="4"] .industryCard--small .industryCard__title .link a:hover, .filteredGridWithSort[data-grid="4"] .industryCard .industryCard__title .link a:hover {
                    color: var(--m-01)
                }

            .filteredGridWithSort[data-grid="4"] .industryCard--small .industryCard__title mark, .filteredGridWithSort[data-grid="4"] .industryCard--small .industryCard__title mark[data-color=color], .filteredGridWithSort[data-grid="4"] .industryCard .industryCard__title mark, .filteredGridWithSort[data-grid="4"] .industryCard .industryCard__title mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .filteredGridWithSort[data-grid="4"] .industryCard--small .industryCard__title mark[data-color=gray], .filteredGridWithSort[data-grid="4"] .industryCard .industryCard__title mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .filteredGridWithSort[data-grid="4"] .industryCard--small .industryCard__title mark[data-color=default], .filteredGridWithSort[data-grid="4"] .industryCard .industryCard__title mark[data-color=default] {
                    color: var(--neu-10)
                }

            .filteredGridWithSort[data-grid="4"] .industryCard--small .industryCard__title span.m-01--dark-01, .filteredGridWithSort[data-grid="4"] .industryCard--small .industryCard__title span[data-color=color], .filteredGridWithSort[data-grid="4"] .industryCard .industryCard__title span.m-01--dark-01, .filteredGridWithSort[data-grid="4"] .industryCard .industryCard__title span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .filteredGridWithSort[data-grid="4"] .industryCard--small .industryCard__title span.neu-07, .filteredGridWithSort[data-grid="4"] .industryCard--small .industryCard__title span[data-color=gray], .filteredGridWithSort[data-grid="4"] .industryCard .industryCard__title span.neu-07, .filteredGridWithSort[data-grid="4"] .industryCard .industryCard__title span[data-color=gray] {
                color: var(--neu-07)
            }

            .filteredGridWithSort[data-grid="4"] .industryCard--small .industryCard__title span.neu-10, .filteredGridWithSort[data-grid="4"] .industryCard--small .industryCard__title span[data-color=default], .filteredGridWithSort[data-grid="4"] .industryCard .industryCard__title span.neu-10, .filteredGridWithSort[data-grid="4"] .industryCard .industryCard__title span[data-color=default] {
                color: var(--neu-10)
            }

            .filteredGridWithSort[data-grid="4"] .industryCard--small .industryCard__title b, .filteredGridWithSort[data-grid="4"] .industryCard--small .industryCard__title strong, .filteredGridWithSort[data-grid="4"] .industryCard .industryCard__title b, .filteredGridWithSort[data-grid="4"] .industryCard .industryCard__title strong {
                font-weight: 700
            }

            .filteredGridWithSort[data-grid="4"] .industryCard--small .industryCard__title em, .filteredGridWithSort[data-grid="4"] .industryCard .industryCard__title em {
                font-style: italic
            }

    .filteredGridWithSort[data-grid="4"] .itemCard, .filteredGridWithSort[data-grid="4"] .itemCard--small {
        max-width: 960px;
        padding: 24px 16px 32px 4px;
        height: 100%
    }

        .filteredGridWithSort[data-grid="4"] .itemCard--small .itemCard__text, .filteredGridWithSort[data-grid="4"] .itemCard .itemCard__text {
            max-width: 310px
        }

    .filteredGridWithSort[data-grid="4"] .readingImageCard, .filteredGridWithSort[data-grid="4"] .readingImageCard--small {
        max-width: 960px;
        background: transparent;
        box-shadow: none;
        border-bottom: 1px solid var(--neu-03);
        min-height: auto;
        flex-direction: row;
        padding: 8px 0 16px;
        border-radius: 0
    }

        .filteredGridWithSort[data-grid="4"] .readingImageCard--small .readingImageCard__image, .filteredGridWithSort[data-grid="4"] .readingImageCard .readingImageCard__image {
            height: auto;
            max-width: 110px;
            flex: 1;
            border-radius: 0
        }

        .filteredGridWithSort[data-grid="4"] .readingImageCard--small .readingImageCard__content, .filteredGridWithSort[data-grid="4"] .readingImageCard .readingImageCard__content {
            padding: 0 0 0 16px;
            flex: 2;
            justify-content: flex-start
        }

        .filteredGridWithSort[data-grid="4"] .readingImageCard--small .readingImageCard__text, .filteredGridWithSort[data-grid="4"] .readingImageCard .readingImageCard__text {
            padding: 0;
            padding-right: 24px
        }

        .filteredGridWithSort[data-grid="4"] .readingImageCard--small .readingImageCard__title, .filteredGridWithSort[data-grid="4"] .readingImageCard .readingImageCard__title {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Inter,sans-serif;
            font-size: 1rem;
            line-height: 1.5em;
            letter-spacing: -.011em;
            font-weight: 700;
            margin-top: 4px
        }

            .filteredGridWithSort[data-grid="4"] .readingImageCard--small .readingImageCard__title .link a, .filteredGridWithSort[data-grid="4"] .readingImageCard .readingImageCard__title .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .filteredGridWithSort[data-grid="4"] .readingImageCard--small .readingImageCard__title .link a:hover, .filteredGridWithSort[data-grid="4"] .readingImageCard .readingImageCard__title .link a:hover {
                    color: var(--m-01)
                }

            .filteredGridWithSort[data-grid="4"] .readingImageCard--small .readingImageCard__title mark, .filteredGridWithSort[data-grid="4"] .readingImageCard--small .readingImageCard__title mark[data-color=color], .filteredGridWithSort[data-grid="4"] .readingImageCard .readingImageCard__title mark, .filteredGridWithSort[data-grid="4"] .readingImageCard .readingImageCard__title mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .filteredGridWithSort[data-grid="4"] .readingImageCard--small .readingImageCard__title mark[data-color=gray], .filteredGridWithSort[data-grid="4"] .readingImageCard .readingImageCard__title mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .filteredGridWithSort[data-grid="4"] .readingImageCard--small .readingImageCard__title mark[data-color=default], .filteredGridWithSort[data-grid="4"] .readingImageCard .readingImageCard__title mark[data-color=default] {
                    color: var(--neu-10)
                }

            .filteredGridWithSort[data-grid="4"] .readingImageCard--small .readingImageCard__title span.m-01--dark-01, .filteredGridWithSort[data-grid="4"] .readingImageCard--small .readingImageCard__title span[data-color=color], .filteredGridWithSort[data-grid="4"] .readingImageCard .readingImageCard__title span.m-01--dark-01, .filteredGridWithSort[data-grid="4"] .readingImageCard .readingImageCard__title span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .filteredGridWithSort[data-grid="4"] .readingImageCard--small .readingImageCard__title span.neu-07, .filteredGridWithSort[data-grid="4"] .readingImageCard--small .readingImageCard__title span[data-color=gray], .filteredGridWithSort[data-grid="4"] .readingImageCard .readingImageCard__title span.neu-07, .filteredGridWithSort[data-grid="4"] .readingImageCard .readingImageCard__title span[data-color=gray] {
                color: var(--neu-07)
            }

            .filteredGridWithSort[data-grid="4"] .readingImageCard--small .readingImageCard__title span.neu-10, .filteredGridWithSort[data-grid="4"] .readingImageCard--small .readingImageCard__title span[data-color=default], .filteredGridWithSort[data-grid="4"] .readingImageCard .readingImageCard__title span.neu-10, .filteredGridWithSort[data-grid="4"] .readingImageCard .readingImageCard__title span[data-color=default] {
                color: var(--neu-10)
            }

            .filteredGridWithSort[data-grid="4"] .readingImageCard--small .readingImageCard__title b, .filteredGridWithSort[data-grid="4"] .readingImageCard--small .readingImageCard__title strong, .filteredGridWithSort[data-grid="4"] .readingImageCard .readingImageCard__title b, .filteredGridWithSort[data-grid="4"] .readingImageCard .readingImageCard__title strong {
                font-weight: 700
            }

            .filteredGridWithSort[data-grid="4"] .readingImageCard--small .readingImageCard__title em, .filteredGridWithSort[data-grid="4"] .readingImageCard .readingImageCard__title em {
                font-style: italic
            }

        .filteredGridWithSort[data-grid="4"] .readingImageCard--small .readingImageCard__infoItem i, .filteredGridWithSort[data-grid="4"] .readingImageCard .readingImageCard__infoItem i {
            display: none
        }

        .filteredGridWithSort[data-grid="4"] .readingImageCard--small .btnBookmark, .filteredGridWithSort[data-grid="4"] .readingImageCard--small .btnBookmark--privateArea, .filteredGridWithSort[data-grid="4"] .readingImageCard--small .btnBookmark--small, .filteredGridWithSort[data-grid="4"] .readingImageCard .btnBookmark, .filteredGridWithSort[data-grid="4"] .readingImageCard .btnBookmark--privateArea, .filteredGridWithSort[data-grid="4"] .readingImageCard .btnBookmark--small {
            top: -8px;
            right: -16px;
            z-index: 2
        }

            .filteredGridWithSort[data-grid="4"] .readingImageCard--small .btnBookmark--privateArea .btnBookmark, .filteredGridWithSort[data-grid="4"] .readingImageCard--small .btnBookmark--privateArea .btnBookmark--small, .filteredGridWithSort[data-grid="4"] .readingImageCard .btnBookmark--privateArea .btnBookmark, .filteredGridWithSort[data-grid="4"] .readingImageCard .btnBookmark--privateArea .btnBookmark--small {
                top: 0;
                right: 0
            }

        .filteredGridWithSort[data-grid="4"] .readingImageCard--small:hover, .filteredGridWithSort[data-grid="4"] .readingImageCard:hover {
            box-shadow: none;
            transform: none
        }

    .filteredGridWithSort[data-grid="4"] .readingTextCard, .filteredGridWithSort[data-grid="4"] .readingTextCard--small {
        max-width: 960px;
        background: transparent;
        box-shadow: none;
        border-bottom: 1px solid var(--neu-03);
        min-height: auto;
        flex-direction: row;
        padding: 8px 0 16px;
        border-radius: 0
    }

        .filteredGridWithSort[data-grid="4"] .readingTextCard--small .readingTextCard__content, .filteredGridWithSort[data-grid="4"] .readingTextCard .readingTextCard__content {
            flex: 2
        }

        .filteredGridWithSort[data-grid="4"] .readingTextCard--small .readingTextCard__text, .filteredGridWithSort[data-grid="4"] .readingTextCard .readingTextCard__text {
            padding: 0
        }

        .filteredGridWithSort[data-grid="4"] .readingTextCard--small .readingTextCard__title, .filteredGridWithSort[data-grid="4"] .readingTextCard .readingTextCard__title {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Inter,sans-serif;
            font-size: 1rem;
            line-height: 1.5em;
            letter-spacing: -.011em;
            font-weight: 700;
            margin-top: 4px
        }

            .filteredGridWithSort[data-grid="4"] .readingTextCard--small .readingTextCard__title .link a, .filteredGridWithSort[data-grid="4"] .readingTextCard .readingTextCard__title .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .filteredGridWithSort[data-grid="4"] .readingTextCard--small .readingTextCard__title .link a:hover, .filteredGridWithSort[data-grid="4"] .readingTextCard .readingTextCard__title .link a:hover {
                    color: var(--m-01)
                }

            .filteredGridWithSort[data-grid="4"] .readingTextCard--small .readingTextCard__title mark, .filteredGridWithSort[data-grid="4"] .readingTextCard--small .readingTextCard__title mark[data-color=color], .filteredGridWithSort[data-grid="4"] .readingTextCard .readingTextCard__title mark, .filteredGridWithSort[data-grid="4"] .readingTextCard .readingTextCard__title mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .filteredGridWithSort[data-grid="4"] .readingTextCard--small .readingTextCard__title mark[data-color=gray], .filteredGridWithSort[data-grid="4"] .readingTextCard .readingTextCard__title mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .filteredGridWithSort[data-grid="4"] .readingTextCard--small .readingTextCard__title mark[data-color=default], .filteredGridWithSort[data-grid="4"] .readingTextCard .readingTextCard__title mark[data-color=default] {
                    color: var(--neu-10)
                }

            .filteredGridWithSort[data-grid="4"] .readingTextCard--small .readingTextCard__title span.m-01--dark-01, .filteredGridWithSort[data-grid="4"] .readingTextCard--small .readingTextCard__title span[data-color=color], .filteredGridWithSort[data-grid="4"] .readingTextCard .readingTextCard__title span.m-01--dark-01, .filteredGridWithSort[data-grid="4"] .readingTextCard .readingTextCard__title span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .filteredGridWithSort[data-grid="4"] .readingTextCard--small .readingTextCard__title span.neu-07, .filteredGridWithSort[data-grid="4"] .readingTextCard--small .readingTextCard__title span[data-color=gray], .filteredGridWithSort[data-grid="4"] .readingTextCard .readingTextCard__title span.neu-07, .filteredGridWithSort[data-grid="4"] .readingTextCard .readingTextCard__title span[data-color=gray] {
                color: var(--neu-07)
            }

            .filteredGridWithSort[data-grid="4"] .readingTextCard--small .readingTextCard__title span.neu-10, .filteredGridWithSort[data-grid="4"] .readingTextCard--small .readingTextCard__title span[data-color=default], .filteredGridWithSort[data-grid="4"] .readingTextCard .readingTextCard__title span.neu-10, .filteredGridWithSort[data-grid="4"] .readingTextCard .readingTextCard__title span[data-color=default] {
                color: var(--neu-10)
            }

            .filteredGridWithSort[data-grid="4"] .readingTextCard--small .readingTextCard__title b, .filteredGridWithSort[data-grid="4"] .readingTextCard--small .readingTextCard__title strong, .filteredGridWithSort[data-grid="4"] .readingTextCard .readingTextCard__title b, .filteredGridWithSort[data-grid="4"] .readingTextCard .readingTextCard__title strong {
                font-weight: 700
            }

            .filteredGridWithSort[data-grid="4"] .readingTextCard--small .readingTextCard__title em, .filteredGridWithSort[data-grid="4"] .readingTextCard .readingTextCard__title em {
                font-style: italic
            }

        .filteredGridWithSort[data-grid="4"] .readingTextCard--small .readingTextCard__description, .filteredGridWithSort[data-grid="4"] .readingTextCard--small .readingTextCard__infoItem i, .filteredGridWithSort[data-grid="4"] .readingTextCard .readingTextCard__description, .filteredGridWithSort[data-grid="4"] .readingTextCard .readingTextCard__infoItem i {
            display: none
        }

        .filteredGridWithSort[data-grid="4"] .readingTextCard--small:hover, .filteredGridWithSort[data-grid="4"] .readingTextCard:hover {
            box-shadow: none;
            transform: none
        }

    .filteredGridWithSort[data-grid="4"] .regionCard, .filteredGridWithSort[data-grid="4"] .regionCard--small {
        max-width: 960px;
        min-height: 270px
    }

        .filteredGridWithSort[data-grid="4"] .regionCard--small .regionCard__content, .filteredGridWithSort[data-grid="4"] .regionCard .regionCard__content {
            padding: 24px 16px 16px
        }

        .filteredGridWithSort[data-grid="4"] .regionCard--small .regionCard__title, .filteredGridWithSort[data-grid="4"] .regionCard .regionCard__title {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Calma Global Medium,sans-serif;
            font-size: 2rem;
            line-height: 1.25em;
            letter-spacing: -.016em
        }

            .filteredGridWithSort[data-grid="4"] .regionCard--small .regionCard__title .link a, .filteredGridWithSort[data-grid="4"] .regionCard .regionCard__title .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .filteredGridWithSort[data-grid="4"] .regionCard--small .regionCard__title .link a:hover, .filteredGridWithSort[data-grid="4"] .regionCard .regionCard__title .link a:hover {
                    color: var(--m-01)
                }

            .filteredGridWithSort[data-grid="4"] .regionCard--small .regionCard__title mark, .filteredGridWithSort[data-grid="4"] .regionCard--small .regionCard__title mark[data-color=color], .filteredGridWithSort[data-grid="4"] .regionCard .regionCard__title mark, .filteredGridWithSort[data-grid="4"] .regionCard .regionCard__title mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .filteredGridWithSort[data-grid="4"] .regionCard--small .regionCard__title mark[data-color=gray], .filteredGridWithSort[data-grid="4"] .regionCard .regionCard__title mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .filteredGridWithSort[data-grid="4"] .regionCard--small .regionCard__title mark[data-color=default], .filteredGridWithSort[data-grid="4"] .regionCard .regionCard__title mark[data-color=default] {
                    color: var(--neu-10)
                }

            .filteredGridWithSort[data-grid="4"] .regionCard--small .regionCard__title span.m-01--dark-01, .filteredGridWithSort[data-grid="4"] .regionCard--small .regionCard__title span[data-color=color], .filteredGridWithSort[data-grid="4"] .regionCard .regionCard__title span.m-01--dark-01, .filteredGridWithSort[data-grid="4"] .regionCard .regionCard__title span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .filteredGridWithSort[data-grid="4"] .regionCard--small .regionCard__title span.neu-07, .filteredGridWithSort[data-grid="4"] .regionCard--small .regionCard__title span[data-color=gray], .filteredGridWithSort[data-grid="4"] .regionCard .regionCard__title span.neu-07, .filteredGridWithSort[data-grid="4"] .regionCard .regionCard__title span[data-color=gray] {
                color: var(--neu-07)
            }

            .filteredGridWithSort[data-grid="4"] .regionCard--small .regionCard__title span.neu-10, .filteredGridWithSort[data-grid="4"] .regionCard--small .regionCard__title span[data-color=default], .filteredGridWithSort[data-grid="4"] .regionCard .regionCard__title span.neu-10, .filteredGridWithSort[data-grid="4"] .regionCard .regionCard__title span[data-color=default] {
                color: var(--neu-10)
            }

            .filteredGridWithSort[data-grid="4"] .regionCard--small .regionCard__title b, .filteredGridWithSort[data-grid="4"] .regionCard--small .regionCard__title strong, .filteredGridWithSort[data-grid="4"] .regionCard .regionCard__title b, .filteredGridWithSort[data-grid="4"] .regionCard .regionCard__title strong {
                font-weight: 700
            }

            .filteredGridWithSort[data-grid="4"] .regionCard--small .regionCard__title em, .filteredGridWithSort[data-grid="4"] .regionCard .regionCard__title em {
                font-style: italic
            }
}

@media (max-width:1280px) and (max-width:1024px) {
    .filteredGridWithSort[data-grid="4"] .regionCard--small .regionCard__title, .filteredGridWithSort[data-grid="4"] .regionCard .regionCard__title {
        font-size: 1.625rem;
        line-height: 1.231em;
        letter-spacing: 0
    }
}

@media (max-width:1280px) {
    .filteredGridWithSort[data-grid="4"] .resourceCard, .filteredGridWithSort[data-grid="4"] .resourceCard--small {
        max-width: 960px;
        min-height: 200px;
        height: 100%;
        padding: 24px 16px
    }

        .filteredGridWithSort[data-grid="4"] .resourceCard--small .resourceCard__title, .filteredGridWithSort[data-grid="4"] .resourceCard .resourceCard__title {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Inter,sans-serif;
            font-size: 1.188rem;
            line-height: 1.263em;
            letter-spacing: -.016em;
            font-weight: 400;
            margin-top: 4px
        }

            .filteredGridWithSort[data-grid="4"] .resourceCard--small .resourceCard__title .link a, .filteredGridWithSort[data-grid="4"] .resourceCard .resourceCard__title .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .filteredGridWithSort[data-grid="4"] .resourceCard--small .resourceCard__title .link a:hover, .filteredGridWithSort[data-grid="4"] .resourceCard .resourceCard__title .link a:hover {
                    color: var(--m-01)
                }

            .filteredGridWithSort[data-grid="4"] .resourceCard--small .resourceCard__title mark, .filteredGridWithSort[data-grid="4"] .resourceCard--small .resourceCard__title mark[data-color=color], .filteredGridWithSort[data-grid="4"] .resourceCard .resourceCard__title mark, .filteredGridWithSort[data-grid="4"] .resourceCard .resourceCard__title mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .filteredGridWithSort[data-grid="4"] .resourceCard--small .resourceCard__title mark[data-color=gray], .filteredGridWithSort[data-grid="4"] .resourceCard .resourceCard__title mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .filteredGridWithSort[data-grid="4"] .resourceCard--small .resourceCard__title mark[data-color=default], .filteredGridWithSort[data-grid="4"] .resourceCard .resourceCard__title mark[data-color=default] {
                    color: var(--neu-10)
                }

            .filteredGridWithSort[data-grid="4"] .resourceCard--small .resourceCard__title span.m-01--dark-01, .filteredGridWithSort[data-grid="4"] .resourceCard--small .resourceCard__title span[data-color=color], .filteredGridWithSort[data-grid="4"] .resourceCard .resourceCard__title span.m-01--dark-01, .filteredGridWithSort[data-grid="4"] .resourceCard .resourceCard__title span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .filteredGridWithSort[data-grid="4"] .resourceCard--small .resourceCard__title span.neu-07, .filteredGridWithSort[data-grid="4"] .resourceCard--small .resourceCard__title span[data-color=gray], .filteredGridWithSort[data-grid="4"] .resourceCard .resourceCard__title span.neu-07, .filteredGridWithSort[data-grid="4"] .resourceCard .resourceCard__title span[data-color=gray] {
                color: var(--neu-07)
            }

            .filteredGridWithSort[data-grid="4"] .resourceCard--small .resourceCard__title span.neu-10, .filteredGridWithSort[data-grid="4"] .resourceCard--small .resourceCard__title span[data-color=default], .filteredGridWithSort[data-grid="4"] .resourceCard .resourceCard__title span.neu-10, .filteredGridWithSort[data-grid="4"] .resourceCard .resourceCard__title span[data-color=default] {
                color: var(--neu-10)
            }

            .filteredGridWithSort[data-grid="4"] .resourceCard--small .resourceCard__title b, .filteredGridWithSort[data-grid="4"] .resourceCard--small .resourceCard__title strong, .filteredGridWithSort[data-grid="4"] .resourceCard .resourceCard__title b, .filteredGridWithSort[data-grid="4"] .resourceCard .resourceCard__title strong {
                font-weight: 700
            }

            .filteredGridWithSort[data-grid="4"] .resourceCard--small .resourceCard__title em, .filteredGridWithSort[data-grid="4"] .resourceCard .resourceCard__title em {
                font-style: italic
            }

        .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--icon, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--primary, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--primary--dark, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--secondary, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--small, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--tertiary, .filteredGridWithSort[data-grid="4"] .resourceCard .btn, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--icon, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--primary, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--primary--dark, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--secondary, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--small, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--tertiary {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Inter,sans-serif;
            font-size: .813rem;
            line-height: 1.538em;
            letter-spacing: -.003em;
            font-weight: 400;
            font-weight: 700;
            padding: 0 20px;
            height: 40px
        }

            .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--icon .link a, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--primary--dark .link a, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--primary .link a, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--secondary .link a, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--small .link a, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--tertiary .link a, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn .link a, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--icon .link a, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--primary--dark .link a, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--primary .link a, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--secondary .link a, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--small .link a, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--tertiary .link a, .filteredGridWithSort[data-grid="4"] .resourceCard .btn .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--icon .link a:hover, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--primary--dark .link a:hover, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--primary .link a:hover, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--secondary .link a:hover, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--small .link a:hover, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--tertiary .link a:hover, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn .link a:hover, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--icon .link a:hover, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--primary--dark .link a:hover, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--primary .link a:hover, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--secondary .link a:hover, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--small .link a:hover, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--tertiary .link a:hover, .filteredGridWithSort[data-grid="4"] .resourceCard .btn .link a:hover {
                    color: var(--m-01)
                }

            .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--icon mark, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--icon mark[data-color=color], .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--primary--dark mark, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--primary--dark mark[data-color=color], .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--primary mark, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--primary mark[data-color=color], .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--secondary mark, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--secondary mark[data-color=color], .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--small mark, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--small mark[data-color=color], .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--tertiary mark, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--tertiary mark[data-color=color], .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn mark, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn mark[data-color=color], .filteredGridWithSort[data-grid="4"] .resourceCard .btn--icon mark, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--icon mark[data-color=color], .filteredGridWithSort[data-grid="4"] .resourceCard .btn--primary--dark mark, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--primary--dark mark[data-color=color], .filteredGridWithSort[data-grid="4"] .resourceCard .btn--primary mark, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--primary mark[data-color=color], .filteredGridWithSort[data-grid="4"] .resourceCard .btn--secondary mark, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--secondary mark[data-color=color], .filteredGridWithSort[data-grid="4"] .resourceCard .btn--small mark, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--small mark[data-color=color], .filteredGridWithSort[data-grid="4"] .resourceCard .btn--tertiary mark, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--tertiary mark[data-color=color], .filteredGridWithSort[data-grid="4"] .resourceCard .btn mark, .filteredGridWithSort[data-grid="4"] .resourceCard .btn mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--icon mark[data-color=gray], .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--primary--dark mark[data-color=gray], .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--primary mark[data-color=gray], .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--secondary mark[data-color=gray], .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--small mark[data-color=gray], .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--tertiary mark[data-color=gray], .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn mark[data-color=gray], .filteredGridWithSort[data-grid="4"] .resourceCard .btn--icon mark[data-color=gray], .filteredGridWithSort[data-grid="4"] .resourceCard .btn--primary--dark mark[data-color=gray], .filteredGridWithSort[data-grid="4"] .resourceCard .btn--primary mark[data-color=gray], .filteredGridWithSort[data-grid="4"] .resourceCard .btn--secondary mark[data-color=gray], .filteredGridWithSort[data-grid="4"] .resourceCard .btn--small mark[data-color=gray], .filteredGridWithSort[data-grid="4"] .resourceCard .btn--tertiary mark[data-color=gray], .filteredGridWithSort[data-grid="4"] .resourceCard .btn mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--icon mark[data-color=default], .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--primary--dark mark[data-color=default], .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--primary mark[data-color=default], .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--secondary mark[data-color=default], .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--small mark[data-color=default], .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--tertiary mark[data-color=default], .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn mark[data-color=default], .filteredGridWithSort[data-grid="4"] .resourceCard .btn--icon mark[data-color=default], .filteredGridWithSort[data-grid="4"] .resourceCard .btn--primary--dark mark[data-color=default], .filteredGridWithSort[data-grid="4"] .resourceCard .btn--primary mark[data-color=default], .filteredGridWithSort[data-grid="4"] .resourceCard .btn--secondary mark[data-color=default], .filteredGridWithSort[data-grid="4"] .resourceCard .btn--small mark[data-color=default], .filteredGridWithSort[data-grid="4"] .resourceCard .btn--tertiary mark[data-color=default], .filteredGridWithSort[data-grid="4"] .resourceCard .btn mark[data-color=default] {
                    color: var(--neu-10)
                }

            .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--icon span.m-01--dark-01, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--icon span[data-color=color], .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--primary--dark span.m-01--dark-01, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--primary--dark span[data-color=color], .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--primary span.m-01--dark-01, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--primary span[data-color=color], .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--secondary span.m-01--dark-01, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--secondary span[data-color=color], .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--small span.m-01--dark-01, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--small span[data-color=color], .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--tertiary span.m-01--dark-01, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--tertiary span[data-color=color], .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn span.m-01--dark-01, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn span[data-color=color], .filteredGridWithSort[data-grid="4"] .resourceCard .btn--icon span.m-01--dark-01, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--icon span[data-color=color], .filteredGridWithSort[data-grid="4"] .resourceCard .btn--primary--dark span.m-01--dark-01, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--primary--dark span[data-color=color], .filteredGridWithSort[data-grid="4"] .resourceCard .btn--primary span.m-01--dark-01, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--primary span[data-color=color], .filteredGridWithSort[data-grid="4"] .resourceCard .btn--secondary span.m-01--dark-01, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--secondary span[data-color=color], .filteredGridWithSort[data-grid="4"] .resourceCard .btn--small span.m-01--dark-01, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--small span[data-color=color], .filteredGridWithSort[data-grid="4"] .resourceCard .btn--tertiary span.m-01--dark-01, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--tertiary span[data-color=color], .filteredGridWithSort[data-grid="4"] .resourceCard .btn span.m-01--dark-01, .filteredGridWithSort[data-grid="4"] .resourceCard .btn span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--icon span.neu-07, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--icon span[data-color=gray], .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--primary--dark span.neu-07, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--primary--dark span[data-color=gray], .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--primary span.neu-07, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--primary span[data-color=gray], .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--secondary span.neu-07, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--secondary span[data-color=gray], .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--small span.neu-07, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--small span[data-color=gray], .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--tertiary span.neu-07, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--tertiary span[data-color=gray], .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn span.neu-07, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn span[data-color=gray], .filteredGridWithSort[data-grid="4"] .resourceCard .btn--icon span.neu-07, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--icon span[data-color=gray], .filteredGridWithSort[data-grid="4"] .resourceCard .btn--primary--dark span.neu-07, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--primary--dark span[data-color=gray], .filteredGridWithSort[data-grid="4"] .resourceCard .btn--primary span.neu-07, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--primary span[data-color=gray], .filteredGridWithSort[data-grid="4"] .resourceCard .btn--secondary span.neu-07, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--secondary span[data-color=gray], .filteredGridWithSort[data-grid="4"] .resourceCard .btn--small span.neu-07, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--small span[data-color=gray], .filteredGridWithSort[data-grid="4"] .resourceCard .btn--tertiary span.neu-07, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--tertiary span[data-color=gray], .filteredGridWithSort[data-grid="4"] .resourceCard .btn span.neu-07, .filteredGridWithSort[data-grid="4"] .resourceCard .btn span[data-color=gray] {
                color: var(--neu-07)
            }

            .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--icon span.neu-10, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--icon span[data-color=default], .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--primary--dark span.neu-10, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--primary--dark span[data-color=default], .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--primary span.neu-10, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--primary span[data-color=default], .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--secondary span.neu-10, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--secondary span[data-color=default], .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--small span.neu-10, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--small span[data-color=default], .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--tertiary span.neu-10, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--tertiary span[data-color=default], .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn span.neu-10, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn span[data-color=default], .filteredGridWithSort[data-grid="4"] .resourceCard .btn--icon span.neu-10, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--icon span[data-color=default], .filteredGridWithSort[data-grid="4"] .resourceCard .btn--primary--dark span.neu-10, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--primary--dark span[data-color=default], .filteredGridWithSort[data-grid="4"] .resourceCard .btn--primary span.neu-10, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--primary span[data-color=default], .filteredGridWithSort[data-grid="4"] .resourceCard .btn--secondary span.neu-10, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--secondary span[data-color=default], .filteredGridWithSort[data-grid="4"] .resourceCard .btn--small span.neu-10, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--small span[data-color=default], .filteredGridWithSort[data-grid="4"] .resourceCard .btn--tertiary span.neu-10, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--tertiary span[data-color=default], .filteredGridWithSort[data-grid="4"] .resourceCard .btn span.neu-10, .filteredGridWithSort[data-grid="4"] .resourceCard .btn span[data-color=default] {
                color: var(--neu-10)
            }

            .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--icon b, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--icon strong, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--primary--dark b, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--primary--dark strong, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--primary b, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--primary strong, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--secondary b, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--secondary strong, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--small b, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--small strong, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--tertiary b, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--tertiary strong, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn b, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn strong, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--icon b, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--icon strong, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--primary--dark b, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--primary--dark strong, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--primary b, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--primary strong, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--secondary b, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--secondary strong, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--small b, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--small strong, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--tertiary b, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--tertiary strong, .filteredGridWithSort[data-grid="4"] .resourceCard .btn b, .filteredGridWithSort[data-grid="4"] .resourceCard .btn strong {
                font-weight: 700
            }

            .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--icon em, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--primary--dark em, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--primary em, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--secondary em, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--small em, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--tertiary em, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn em, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--icon em, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--primary--dark em, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--primary em, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--secondary em, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--small em, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--tertiary em, .filteredGridWithSort[data-grid="4"] .resourceCard .btn em {
                font-style: italic
            }

            .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--icon i, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--primary--dark i, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--primary i, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--secondary i, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--small i, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--tertiary i, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn i, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--icon i, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--primary--dark i, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--primary i, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--secondary i, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--small i, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--tertiary i, .filteredGridWithSort[data-grid="4"] .resourceCard .btn i {
                min-width: 16px;
                width: 16px;
                height: 16px;
                font-size: 16px
            }

                .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--icon i:before, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--primary--dark i:before, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--primary i:before, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--secondary i:before, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--small i:before, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--tertiary i:before, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn i:before, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--icon i:before, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--primary--dark i:before, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--primary i:before, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--secondary i:before, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--small i:before, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--tertiary i:before, .filteredGridWithSort[data-grid="4"] .resourceCard .btn i:before {
                    font-size: 16px;
                    font-weight: 400
                }

            .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--icon, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--icon.btn--primary, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--icon.btn--primary--dark, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--icon.btn--secondary, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--icon.btn--small, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--icon.btn--tertiary, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn.btn--icon, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--icon, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--icon.btn--primary, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--icon.btn--primary--dark, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--icon.btn--secondary, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--icon.btn--small, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--icon.btn--tertiary, .filteredGridWithSort[data-grid="4"] .resourceCard .btn.btn--icon {
                width: 40px;
                min-width: 40px
            }

                .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--icon:hover, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--primary--dark:hover, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--primary:hover, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--secondary:hover, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--small:hover, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--tertiary:hover, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn:hover, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--icon:hover, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--primary--dark:hover, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--primary:hover, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--secondary:hover, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--small:hover, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--tertiary:hover, .filteredGridWithSort[data-grid="4"] .resourceCard .btn:hover {
                    color: var(--m-01--dark-01)
                }

    .filteredGridWithSort[data-grid="4"] .resultsCard, .filteredGridWithSort[data-grid="4"] .resultsCard--small {
        max-width: 960px;
        min-height: auto;
        padding: 0 0 16px;
        border-radius: 0;
        flex-direction: column
    }

        .filteredGridWithSort[data-grid="4"] .resultsCard--small .resultsCard__image, .filteredGridWithSort[data-grid="4"] .resultsCard .resultsCard__image {
            height: 126px;
            width: 100%;
            margin-right: 0;
            margin-bottom: 16px
        }

        .filteredGridWithSort[data-grid="4"] .resultsCard--small .resultsCard__content, .filteredGridWithSort[data-grid="4"] .resultsCard .resultsCard__content {
            flex: 2;
            justify-content: flex-start
        }

        .filteredGridWithSort[data-grid="4"] .resultsCard--small .resultsCard__topInfo, .filteredGridWithSort[data-grid="4"] .resultsCard .resultsCard__topInfo {
            flex-direction: column
        }

        .filteredGridWithSort[data-grid="4"] .resultsCard--small .resultsCard__sideInfo, .filteredGridWithSort[data-grid="4"] .resultsCard .resultsCard__sideInfo {
            order: 1;
            transform: none;
            justify-content: space-between;
            margin-bottom: 16px
        }

        .filteredGridWithSort[data-grid="4"] .resultsCard--small .resultsCard__labels, .filteredGridWithSort[data-grid="4"] .resultsCard .resultsCard__labels {
            order: 2
        }

        .filteredGridWithSort[data-grid="4"] .resultsCard--small .resultsCard__text, .filteredGridWithSort[data-grid="4"] .resultsCard .resultsCard__text {
            padding: 0
        }

        .filteredGridWithSort[data-grid="4"] .resultsCard--small .resultsCard__description, .filteredGridWithSort[data-grid="4"] .resultsCard .resultsCard__description {
            margin-top: 4px
        }

        .filteredGridWithSort[data-grid="4"] .resultsCard--small .resultsCard__bottomInfo, .filteredGridWithSort[data-grid="4"] .resultsCard .resultsCard__bottomInfo {
            margin-top: 8px
        }
}

@media (max-width:1280px) and (max-width:512px) {
    .filteredGridWithSort[data-grid="4"] .resultsCard--small .resultsCard__bottomInfo, .filteredGridWithSort[data-grid="4"] .resultsCard .resultsCard__bottomInfo {
        flex-direction: column;
        align-items: flex-start
    }
}

@media (max-width:1280px) and (max-width:512px) {
    .filteredGridWithSort[data-grid="4"] .resultsCard--small .resultsCard__btnContainer, .filteredGridWithSort[data-grid="4"] .resultsCard .resultsCard__btnContainer {
        margin-top: 8px;
        width: 100%;
        display: flex;
        justify-content: flex-end
    }
}

@media (max-width:1280px) {
    .filteredGridWithSort[data-grid="4"] .resultsCard--small .btnBookmark, .filteredGridWithSort[data-grid="4"] .resultsCard--small .btnBookmark--small, .filteredGridWithSort[data-grid="4"] .resultsCard .btnBookmark, .filteredGridWithSort[data-grid="4"] .resultsCard .btnBookmark--small {
        transform: translateX(16px);
        width: 48px
    }

    .filteredGridWithSort[data-grid="4"] .thumbResultsCard, .filteredGridWithSort[data-grid="4"] .thumbResultsCard--small {
        max-width: 636px;
        flex-direction: row
    }

        .filteredGridWithSort[data-grid="4"] .thumbResultsCard--small .thumbResultsCard__image, .filteredGridWithSort[data-grid="4"] .thumbResultsCard .thumbResultsCard__image {
            height: auto;
            width: 89px;
            min-width: 89px;
            border-top-left-radius: 2px;
            border-top-right-radius: 0;
            border-bottom-left-radius: 2px
        }

        .filteredGridWithSort[data-grid="4"] .thumbResultsCard--small .thumbResultsCard__content, .filteredGridWithSort[data-grid="4"] .thumbResultsCard .thumbResultsCard__content {
            justify-content: flex-start
        }

        .filteredGridWithSort[data-grid="4"] .thumbResultsCard--small .thumbResultsCard__sideInfo, .filteredGridWithSort[data-grid="4"] .thumbResultsCard .thumbResultsCard__sideInfo {
            transform: none;
            justify-content: space-between
        }

        .filteredGridWithSort[data-grid="4"] .thumbResultsCard--small .thumbResultsCard__text, .filteredGridWithSort[data-grid="4"] .thumbResultsCard .thumbResultsCard__text {
            padding: 0
        }

        .filteredGridWithSort[data-grid="4"] .thumbResultsCard--small .thumbResultsCard__description, .filteredGridWithSort[data-grid="4"] .thumbResultsCard .thumbResultsCard__description {
            margin-top: 4px
        }
}

@media (max-width:1280px) and (max-width:512px) {
    .filteredGridWithSort[data-grid="4"] .thumbResultsCard--small .thumbResultsCard__btnContainer, .filteredGridWithSort[data-grid="4"] .thumbResultsCard .thumbResultsCard__btnContainer {
        margin-top: 8px
    }
}

@media (max-width:1280px) {
    .filteredGridWithSort[data-grid="4"] .supplierCard, .filteredGridWithSort[data-grid="4"] .supplierCard--small {
        max-width: 960px;
        min-height: 214px
    }

        .filteredGridWithSort[data-grid="4"] .supplierCard--small .supplierCard__container, .filteredGridWithSort[data-grid="4"] .supplierCard .supplierCard__container {
            padding: 24px 16px
        }

            .filteredGridWithSort[data-grid="4"] .supplierCard--small .supplierCard__container.opened, .filteredGridWithSort[data-grid="4"] .supplierCard .supplierCard__container.opened {
                max-width: 90vw;
                padding: 24px 40px 24px 24px
            }
}

@media (max-width:1280px) and (max-width:768px) {
    .filteredGridWithSort[data-grid="4"] .supplierCard--small .supplierCard__container.opened, .filteredGridWithSort[data-grid="4"] .supplierCard .supplierCard__container.opened {
        padding: 24px
    }
}

@media (max-width:1280px) {
    .filteredGridWithSort[data-grid="4"] .supplierCard--small .supplierCard__container.opened .supplierCard__content, .filteredGridWithSort[data-grid="4"] .supplierCard .supplierCard__container.opened .supplierCard__content {
        max-width: calc(100% - 120px - 16px)
    }
}

@media (max-width:1280px) and (max-width:768px) {
    .filteredGridWithSort[data-grid="4"] .supplierCard--small .supplierCard__container.opened .supplierCard__content, .filteredGridWithSort[data-grid="4"] .supplierCard .supplierCard__container.opened .supplierCard__content {
        max-width: 100%
    }
}

@media (max-width:1280px) {
    .filteredGridWithSort[data-grid="4"] .supplierCard--small .supplierCard__container.opened .supplierCard__image, .filteredGridWithSort[data-grid="4"] .supplierCard .supplierCard__container.opened .supplierCard__image {
        width: 120px;
        height: 120px
    }

    .filteredGridWithSort[data-grid="4"] .supplierCard--small .supplierCard__image, .filteredGridWithSort[data-grid="4"] .supplierCard .supplierCard__image {
        max-width: 110px;
        width: calc(15% - 16px);
        margin-right: 16px
    }
}

@media (max-width:1280px) and (max-width:768px) {
    .filteredGridWithSort[data-grid="4"] .supplierCard--small .supplierCard__image, .filteredGridWithSort[data-grid="4"] .supplierCard .supplierCard__image {
        width: calc(25% - 16px)
    }
}

@media (max-width:1280px) and (max-width:512px) {
    .filteredGridWithSort[data-grid="4"] .supplierCard--small .supplierCard__image, .filteredGridWithSort[data-grid="4"] .supplierCard .supplierCard__image {
        width: calc(40% - 16px)
    }
}

@media (max-width:1280px) {
    .filteredGridWithSort[data-grid="4"] .supplierCard--small .supplierCard__content, .filteredGridWithSort[data-grid="4"] .supplierCard .supplierCard__content {
        max-width: 85%
    }
}

@media (max-width:1280px) and (max-width:768px) {
    .filteredGridWithSort[data-grid="4"] .supplierCard--small .supplierCard__content, .filteredGridWithSort[data-grid="4"] .supplierCard .supplierCard__content {
        max-width: 75%
    }
}

@media (max-width:1280px) and (max-width:512px) {
    .filteredGridWithSort[data-grid="4"] .supplierCard--small .supplierCard__content, .filteredGridWithSort[data-grid="4"] .supplierCard .supplierCard__content {
        max-width: 60%
    }
}

@media (max-width:1280px) and (max-width:768px) {
    .filteredGridWithSort[data-grid="4"] .supplierCard--small .supplierCard__title, .filteredGridWithSort[data-grid="4"] .supplierCard .supplierCard__title {
        margin: 16px 0 8px
    }
}

@media (max-width:1280px) {
    .filteredGridWithSort[data-grid="4"] .supplierCard--small .supplierCard__link, .filteredGridWithSort[data-grid="4"] .supplierCard .supplierCard__link {
        right: -40px
    }
}

@media (max-width:1280px) and (max-width:768px) {
    .filteredGridWithSort[data-grid="4"] .supplierCard--small .supplierCard__link, .filteredGridWithSort[data-grid="4"] .supplierCard .supplierCard__link {
        right: -24px
    }
}

@media (max-width:1280px) {
    .filteredGridWithSort[data-grid="4"] .supplierCard--small .supplierCard__shortDescription, .filteredGridWithSort[data-grid="4"] .supplierCard .supplierCard__shortDescription {
        max-width: none
    }

    .filteredGridWithSort[data-grid="4"] .supplierCard--small .openExpandedCard, .filteredGridWithSort[data-grid="4"] .supplierCard--small .openExpandedCard button, .filteredGridWithSort[data-grid="4"] .supplierCard .openExpandedCard, .filteredGridWithSort[data-grid="4"] .supplierCard .openExpandedCard button {
        width: 100%
    }

    .filteredGridWithSort[data-grid="4"] .supplierCard--small .closeExpandedCard, .filteredGridWithSort[data-grid="4"] .supplierCard .closeExpandedCard {
        top: 16px;
        right: 8px
    }

    .filteredGridWithSort[data-grid="4"] .supplierCard--small .btn, .filteredGridWithSort[data-grid="4"] .supplierCard--small .btn--icon, .filteredGridWithSort[data-grid="4"] .supplierCard--small .btn--primary, .filteredGridWithSort[data-grid="4"] .supplierCard--small .btn--primary--dark, .filteredGridWithSort[data-grid="4"] .supplierCard--small .btn--secondary, .filteredGridWithSort[data-grid="4"] .supplierCard--small .btn--small, .filteredGridWithSort[data-grid="4"] .supplierCard--small .btn--tertiary, .filteredGridWithSort[data-grid="4"] .supplierCard .btn, .filteredGridWithSort[data-grid="4"] .supplierCard .btn--icon, .filteredGridWithSort[data-grid="4"] .supplierCard .btn--primary, .filteredGridWithSort[data-grid="4"] .supplierCard .btn--primary--dark, .filteredGridWithSort[data-grid="4"] .supplierCard .btn--secondary, .filteredGridWithSort[data-grid="4"] .supplierCard .btn--small, .filteredGridWithSort[data-grid="4"] .supplierCard .btn--tertiary {
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-stretch: normal;
        letter-spacing: normal;
        font-family: Inter,sans-serif;
        font-size: .813rem;
        line-height: 1.538em;
        letter-spacing: -.003em;
        font-weight: 400;
        font-weight: 700;
        padding: 0 20px;
        height: 40px
    }

        .filteredGridWithSort[data-grid="4"] .supplierCard--small .btn--icon .link a, .filteredGridWithSort[data-grid="4"] .supplierCard--small .btn--primary--dark .link a, .filteredGridWithSort[data-grid="4"] .supplierCard--small .btn--primary .link a, .filteredGridWithSort[data-grid="4"] .supplierCard--small .btn--secondary .link a, .filteredGridWithSort[data-grid="4"] .supplierCard--small .btn--small .link a, .filteredGridWithSort[data-grid="4"] .supplierCard--small .btn--tertiary .link a, .filteredGridWithSort[data-grid="4"] .supplierCard--small .btn .link a, .filteredGridWithSort[data-grid="4"] .supplierCard .btn--icon .link a, .filteredGridWithSort[data-grid="4"] .supplierCard .btn--primary--dark .link a, .filteredGridWithSort[data-grid="4"] .supplierCard .btn--primary .link a, .filteredGridWithSort[data-grid="4"] .supplierCard .btn--secondary .link a, .filteredGridWithSort[data-grid="4"] .supplierCard .btn--small .link a, .filteredGridWithSort[data-grid="4"] .supplierCard .btn--tertiary .link a, .filteredGridWithSort[data-grid="4"] .supplierCard .btn .link a {
            transition: all .1s ease;
            text-decoration: underline;
            color: var(--m-01--dark-01)
        }

            .filteredGridWithSort[data-grid="4"] .supplierCard--small .btn--icon .link a:hover, .filteredGridWithSort[data-grid="4"] .supplierCard--small .btn--primary--dark .link a:hover, .filteredGridWithSort[data-grid="4"] .supplierCard--small .btn--primary .link a:hover, .filteredGridWithSort[data-grid="4"] .supplierCard--small .btn--secondary .link a:hover, .filteredGridWithSort[data-grid="4"] .supplierCard--small .btn--small .link a:hover, .filteredGridWithSort[data-grid="4"] .supplierCard--small .btn--tertiary .link a:hover, .filteredGridWithSort[data-grid="4"] .supplierCard--small .btn .link a:hover, .filteredGridWithSort[data-grid="4"] .supplierCard .btn--icon .link a:hover, .filteredGridWithSort[data-grid="4"] .supplierCard .btn--primary--dark .link a:hover, .filteredGridWithSort[data-grid="4"] .supplierCard .btn--primary .link a:hover, .filteredGridWithSort[data-grid="4"] .supplierCard .btn--secondary .link a:hover, .filteredGridWithSort[data-grid="4"] .supplierCard .btn--small .link a:hover, .filteredGridWithSort[data-grid="4"] .supplierCard .btn--tertiary .link a:hover, .filteredGridWithSort[data-grid="4"] .supplierCard .btn .link a:hover {
                color: var(--m-01)
            }

        .filteredGridWithSort[data-grid="4"] .supplierCard--small .btn--icon mark, .filteredGridWithSort[data-grid="4"] .supplierCard--small .btn--icon mark[data-color=color], .filteredGridWithSort[data-grid="4"] .supplierCard--small .btn--primary--dark mark, .filteredGridWithSort[data-grid="4"] .supplierCard--small .btn--primary--dark mark[data-color=color], .filteredGridWithSort[data-grid="4"] .supplierCard--small .btn--primary mark, .filteredGridWithSort[data-grid="4"] .supplierCard--small .btn--primary mark[data-color=color], .filteredGridWithSort[data-grid="4"] .supplierCard--small .btn--secondary mark, .filteredGridWithSort[data-grid="4"] .supplierCard--small .btn--secondary mark[data-color=color], .filteredGridWithSort[data-grid="4"] .supplierCard--small .btn--small mark, .filteredGridWithSort[data-grid="4"] .supplierCard--small .btn--small mark[data-color=color], .filteredGridWithSort[data-grid="4"] .supplierCard--small .btn--tertiary mark, .filteredGridWithSort[data-grid="4"] .supplierCard--small .btn--tertiary mark[data-color=color], .filteredGridWithSort[data-grid="4"] .supplierCard--small .btn mark, .filteredGridWithSort[data-grid="4"] .supplierCard--small .btn mark[data-color=color], .filteredGridWithSort[data-grid="4"] .supplierCard .btn--icon mark, .filteredGridWithSort[data-grid="4"] .supplierCard .btn--icon mark[data-color=color], .filteredGridWithSort[data-grid="4"] .supplierCard .btn--primary--dark mark, .filteredGridWithSort[data-grid="4"] .supplierCard .btn--primary--dark mark[data-color=color], .filteredGridWithSort[data-grid="4"] .supplierCard .btn--primary mark, .filteredGridWithSort[data-grid="4"] .supplierCard .btn--primary mark[data-color=color], .filteredGridWithSort[data-grid="4"] .supplierCard .btn--secondary mark, .filteredGridWithSort[data-grid="4"] .supplierCard .btn--secondary mark[data-color=color], .filteredGridWithSort[data-grid="4"] .supplierCard .btn--small mark, .filteredGridWithSort[data-grid="4"] .supplierCard .btn--small mark[data-color=color], .filteredGridWithSort[data-grid="4"] .supplierCard .btn--tertiary mark, .filteredGridWithSort[data-grid="4"] .supplierCard .btn--tertiary mark[data-color=color], .filteredGridWithSort[data-grid="4"] .supplierCard .btn mark, .filteredGridWithSort[data-grid="4"] .supplierCard .btn mark[data-color=color] {
            color: var(--m-01--dark-01)
        }

            .filteredGridWithSort[data-grid="4"] .supplierCard--small .btn--icon mark[data-color=gray], .filteredGridWithSort[data-grid="4"] .supplierCard--small .btn--primary--dark mark[data-color=gray], .filteredGridWithSort[data-grid="4"] .supplierCard--small .btn--primary mark[data-color=gray], .filteredGridWithSort[data-grid="4"] .supplierCard--small .btn--secondary mark[data-color=gray], .filteredGridWithSort[data-grid="4"] .supplierCard--small .btn--small mark[data-color=gray], .filteredGridWithSort[data-grid="4"] .supplierCard--small .btn--tertiary mark[data-color=gray], .filteredGridWithSort[data-grid="4"] .supplierCard--small .btn mark[data-color=gray], .filteredGridWithSort[data-grid="4"] .supplierCard .btn--icon mark[data-color=gray], .filteredGridWithSort[data-grid="4"] .supplierCard .btn--primary--dark mark[data-color=gray], .filteredGridWithSort[data-grid="4"] .supplierCard .btn--primary mark[data-color=gray], .filteredGridWithSort[data-grid="4"] .supplierCard .btn--secondary mark[data-color=gray], .filteredGridWithSort[data-grid="4"] .supplierCard .btn--small mark[data-color=gray], .filteredGridWithSort[data-grid="4"] .supplierCard .btn--tertiary mark[data-color=gray], .filteredGridWithSort[data-grid="4"] .supplierCard .btn mark[data-color=gray] {
                color: var(--neu-07)
            }

            .filteredGridWithSort[data-grid="4"] .supplierCard--small .btn--icon mark[data-color=default], .filteredGridWithSort[data-grid="4"] .supplierCard--small .btn--primary--dark mark[data-color=default], .filteredGridWithSort[data-grid="4"] .supplierCard--small .btn--primary mark[data-color=default], .filteredGridWithSort[data-grid="4"] .supplierCard--small .btn--secondary mark[data-color=default], .filteredGridWithSort[data-grid="4"] .supplierCard--small .btn--small mark[data-color=default], .filteredGridWithSort[data-grid="4"] .supplierCard--small .btn--tertiary mark[data-color=default], .filteredGridWithSort[data-grid="4"] .supplierCard--small .btn mark[data-color=default], .filteredGridWithSort[data-grid="4"] .supplierCard .btn--icon mark[data-color=default], .filteredGridWithSort[data-grid="4"] .supplierCard .btn--primary--dark mark[data-color=default], .filteredGridWithSort[data-grid="4"] .supplierCard .btn--primary mark[data-color=default], .filteredGridWithSort[data-grid="4"] .supplierCard .btn--secondary mark[data-color=default], .filteredGridWithSort[data-grid="4"] .supplierCard .btn--small mark[data-color=default], .filteredGridWithSort[data-grid="4"] .supplierCard .btn--tertiary mark[data-color=default], .filteredGridWithSort[data-grid="4"] .supplierCard .btn mark[data-color=default] {
                color: var(--neu-10)
            }

        .filteredGridWithSort[data-grid="4"] .supplierCard--small .btn--icon span.m-01--dark-01, .filteredGridWithSort[data-grid="4"] .supplierCard--small .btn--icon span[data-color=color], .filteredGridWithSort[data-grid="4"] .supplierCard--small .btn--primary--dark span.m-01--dark-01, .filteredGridWithSort[data-grid="4"] .supplierCard--small .btn--primary--dark span[data-color=color], .filteredGridWithSort[data-grid="4"] .supplierCard--small .btn--primary span.m-01--dark-01, .filteredGridWithSort[data-grid="4"] .supplierCard--small .btn--primary span[data-color=color], .filteredGridWithSort[data-grid="4"] .supplierCard--small .btn--secondary span.m-01--dark-01, .filteredGridWithSort[data-grid="4"] .supplierCard--small .btn--secondary span[data-color=color], .filteredGridWithSort[data-grid="4"] .supplierCard--small .btn--small span.m-01--dark-01, .filteredGridWithSort[data-grid="4"] .supplierCard--small .btn--small span[data-color=color], .filteredGridWithSort[data-grid="4"] .supplierCard--small .btn--tertiary span.m-01--dark-01, .filteredGridWithSort[data-grid="4"] .supplierCard--small .btn--tertiary span[data-color=color], .filteredGridWithSort[data-grid="4"] .supplierCard--small .btn span.m-01--dark-01, .filteredGridWithSort[data-grid="4"] .supplierCard--small .btn span[data-color=color], .filteredGridWithSort[data-grid="4"] .supplierCard .btn--icon span.m-01--dark-01, .filteredGridWithSort[data-grid="4"] .supplierCard .btn--icon span[data-color=color], .filteredGridWithSort[data-grid="4"] .supplierCard .btn--primary--dark span.m-01--dark-01, .filteredGridWithSort[data-grid="4"] .supplierCard .btn--primary--dark span[data-color=color], .filteredGridWithSort[data-grid="4"] .supplierCard .btn--primary span.m-01--dark-01, .filteredGridWithSort[data-grid="4"] .supplierCard .btn--primary span[data-color=color], .filteredGridWithSort[data-grid="4"] .supplierCard .btn--secondary span.m-01--dark-01, .filteredGridWithSort[data-grid="4"] .supplierCard .btn--secondary span[data-color=color], .filteredGridWithSort[data-grid="4"] .supplierCard .btn--small span.m-01--dark-01, .filteredGridWithSort[data-grid="4"] .supplierCard .btn--small span[data-color=color], .filteredGridWithSort[data-grid="4"] .supplierCard .btn--tertiary span.m-01--dark-01, .filteredGridWithSort[data-grid="4"] .supplierCard .btn--tertiary span[data-color=color], .filteredGridWithSort[data-grid="4"] .supplierCard .btn span.m-01--dark-01, .filteredGridWithSort[data-grid="4"] .supplierCard .btn span[data-color=color] {
            color: var(--m-01--dark-01)
        }

        .filteredGridWithSort[data-grid="4"] .supplierCard--small .btn--icon span.neu-07, .filteredGridWithSort[data-grid="4"] .supplierCard--small .btn--icon span[data-color=gray], .filteredGridWithSort[data-grid="4"] .supplierCard--small .btn--primary--dark span.neu-07, .filteredGridWithSort[data-grid="4"] .supplierCard--small .btn--primary--dark span[data-color=gray], .filteredGridWithSort[data-grid="4"] .supplierCard--small .btn--primary span.neu-07, .filteredGridWithSort[data-grid="4"] .supplierCard--small .btn--primary span[data-color=gray], .filteredGridWithSort[data-grid="4"] .supplierCard--small .btn--secondary span.neu-07, .filteredGridWithSort[data-grid="4"] .supplierCard--small .btn--secondary span[data-color=gray], .filteredGridWithSort[data-grid="4"] .supplierCard--small .btn--small span.neu-07, .filteredGridWithSort[data-grid="4"] .supplierCard--small .btn--small span[data-color=gray], .filteredGridWithSort[data-grid="4"] .supplierCard--small .btn--tertiary span.neu-07, .filteredGridWithSort[data-grid="4"] .supplierCard--small .btn--tertiary span[data-color=gray], .filteredGridWithSort[data-grid="4"] .supplierCard--small .btn span.neu-07, .filteredGridWithSort[data-grid="4"] .supplierCard--small .btn span[data-color=gray], .filteredGridWithSort[data-grid="4"] .supplierCard .btn--icon span.neu-07, .filteredGridWithSort[data-grid="4"] .supplierCard .btn--icon span[data-color=gray], .filteredGridWithSort[data-grid="4"] .supplierCard .btn--primary--dark span.neu-07, .filteredGridWithSort[data-grid="4"] .supplierCard .btn--primary--dark span[data-color=gray], .filteredGridWithSort[data-grid="4"] .supplierCard .btn--primary span.neu-07, .filteredGridWithSort[data-grid="4"] .supplierCard .btn--primary span[data-color=gray], .filteredGridWithSort[data-grid="4"] .supplierCard .btn--secondary span.neu-07, .filteredGridWithSort[data-grid="4"] .supplierCard .btn--secondary span[data-color=gray], .filteredGridWithSort[data-grid="4"] .supplierCard .btn--small span.neu-07, .filteredGridWithSort[data-grid="4"] .supplierCard .btn--small span[data-color=gray], .filteredGridWithSort[data-grid="4"] .supplierCard .btn--tertiary span.neu-07, .filteredGridWithSort[data-grid="4"] .supplierCard .btn--tertiary span[data-color=gray], .filteredGridWithSort[data-grid="4"] .supplierCard .btn span.neu-07, .filteredGridWithSort[data-grid="4"] .supplierCard .btn span[data-color=gray] {
            color: var(--neu-07)
        }

        .filteredGridWithSort[data-grid="4"] .supplierCard--small .btn--icon span.neu-10, .filteredGridWithSort[data-grid="4"] .supplierCard--small .btn--icon span[data-color=default], .filteredGridWithSort[data-grid="4"] .supplierCard--small .btn--primary--dark span.neu-10, .filteredGridWithSort[data-grid="4"] .supplierCard--small .btn--primary--dark span[data-color=default], .filteredGridWithSort[data-grid="4"] .supplierCard--small .btn--primary span.neu-10, .filteredGridWithSort[data-grid="4"] .supplierCard--small .btn--primary span[data-color=default], .filteredGridWithSort[data-grid="4"] .supplierCard--small .btn--secondary span.neu-10, .filteredGridWithSort[data-grid="4"] .supplierCard--small .btn--secondary span[data-color=default], .filteredGridWithSort[data-grid="4"] .supplierCard--small .btn--small span.neu-10, .filteredGridWithSort[data-grid="4"] .supplierCard--small .btn--small span[data-color=default], .filteredGridWithSort[data-grid="4"] .supplierCard--small .btn--tertiary span.neu-10, .filteredGridWithSort[data-grid="4"] .supplierCard--small .btn--tertiary span[data-color=default], .filteredGridWithSort[data-grid="4"] .supplierCard--small .btn span.neu-10, .filteredGridWithSort[data-grid="4"] .supplierCard--small .btn span[data-color=default], .filteredGridWithSort[data-grid="4"] .supplierCard .btn--icon span.neu-10, .filteredGridWithSort[data-grid="4"] .supplierCard .btn--icon span[data-color=default], .filteredGridWithSort[data-grid="4"] .supplierCard .btn--primary--dark span.neu-10, .filteredGridWithSort[data-grid="4"] .supplierCard .btn--primary--dark span[data-color=default], .filteredGridWithSort[data-grid="4"] .supplierCard .btn--primary span.neu-10, .filteredGridWithSort[data-grid="4"] .supplierCard .btn--primary span[data-color=default], .filteredGridWithSort[data-grid="4"] .supplierCard .btn--secondary span.neu-10, .filteredGridWithSort[data-grid="4"] .supplierCard .btn--secondary span[data-color=default], .filteredGridWithSort[data-grid="4"] .supplierCard .btn--small span.neu-10, .filteredGridWithSort[data-grid="4"] .supplierCard .btn--small span[data-color=default], .filteredGridWithSort[data-grid="4"] .supplierCard .btn--tertiary span.neu-10, .filteredGridWithSort[data-grid="4"] .supplierCard .btn--tertiary span[data-color=default], .filteredGridWithSort[data-grid="4"] .supplierCard .btn span.neu-10, .filteredGridWithSort[data-grid="4"] .supplierCard .btn span[data-color=default] {
            color: var(--neu-10)
        }

        .filteredGridWithSort[data-grid="4"] .supplierCard--small .btn--icon b, .filteredGridWithSort[data-grid="4"] .supplierCard--small .btn--icon strong, .filteredGridWithSort[data-grid="4"] .supplierCard--small .btn--primary--dark b, .filteredGridWithSort[data-grid="4"] .supplierCard--small .btn--primary--dark strong, .filteredGridWithSort[data-grid="4"] .supplierCard--small .btn--primary b, .filteredGridWithSort[data-grid="4"] .supplierCard--small .btn--primary strong, .filteredGridWithSort[data-grid="4"] .supplierCard--small .btn--secondary b, .filteredGridWithSort[data-grid="4"] .supplierCard--small .btn--secondary strong, .filteredGridWithSort[data-grid="4"] .supplierCard--small .btn--small b, .filteredGridWithSort[data-grid="4"] .supplierCard--small .btn--small strong, .filteredGridWithSort[data-grid="4"] .supplierCard--small .btn--tertiary b, .filteredGridWithSort[data-grid="4"] .supplierCard--small .btn--tertiary strong, .filteredGridWithSort[data-grid="4"] .supplierCard--small .btn b, .filteredGridWithSort[data-grid="4"] .supplierCard--small .btn strong, .filteredGridWithSort[data-grid="4"] .supplierCard .btn--icon b, .filteredGridWithSort[data-grid="4"] .supplierCard .btn--icon strong, .filteredGridWithSort[data-grid="4"] .supplierCard .btn--primary--dark b, .filteredGridWithSort[data-grid="4"] .supplierCard .btn--primary--dark strong, .filteredGridWithSort[data-grid="4"] .supplierCard .btn--primary b, .filteredGridWithSort[data-grid="4"] .supplierCard .btn--primary strong, .filteredGridWithSort[data-grid="4"] .supplierCard .btn--secondary b, .filteredGridWithSort[data-grid="4"] .supplierCard .btn--secondary strong, .filteredGridWithSort[data-grid="4"] .supplierCard .btn--small b, .filteredGridWithSort[data-grid="4"] .supplierCard .btn--small strong, .filteredGridWithSort[data-grid="4"] .supplierCard .btn--tertiary b, .filteredGridWithSort[data-grid="4"] .supplierCard .btn--tertiary strong, .filteredGridWithSort[data-grid="4"] .supplierCard .btn b, .filteredGridWithSort[data-grid="4"] .supplierCard .btn strong {
            font-weight: 700
        }

        .filteredGridWithSort[data-grid="4"] .supplierCard--small .btn--icon em, .filteredGridWithSort[data-grid="4"] .supplierCard--small .btn--primary--dark em, .filteredGridWithSort[data-grid="4"] .supplierCard--small .btn--primary em, .filteredGridWithSort[data-grid="4"] .supplierCard--small .btn--secondary em, .filteredGridWithSort[data-grid="4"] .supplierCard--small .btn--small em, .filteredGridWithSort[data-grid="4"] .supplierCard--small .btn--tertiary em, .filteredGridWithSort[data-grid="4"] .supplierCard--small .btn em, .filteredGridWithSort[data-grid="4"] .supplierCard .btn--icon em, .filteredGridWithSort[data-grid="4"] .supplierCard .btn--primary--dark em, .filteredGridWithSort[data-grid="4"] .supplierCard .btn--primary em, .filteredGridWithSort[data-grid="4"] .supplierCard .btn--secondary em, .filteredGridWithSort[data-grid="4"] .supplierCard .btn--small em, .filteredGridWithSort[data-grid="4"] .supplierCard .btn--tertiary em, .filteredGridWithSort[data-grid="4"] .supplierCard .btn em {
            font-style: italic
        }

        .filteredGridWithSort[data-grid="4"] .supplierCard--small .btn--icon i, .filteredGridWithSort[data-grid="4"] .supplierCard--small .btn--primary--dark i, .filteredGridWithSort[data-grid="4"] .supplierCard--small .btn--primary i, .filteredGridWithSort[data-grid="4"] .supplierCard--small .btn--secondary i, .filteredGridWithSort[data-grid="4"] .supplierCard--small .btn--small i, .filteredGridWithSort[data-grid="4"] .supplierCard--small .btn--tertiary i, .filteredGridWithSort[data-grid="4"] .supplierCard--small .btn i, .filteredGridWithSort[data-grid="4"] .supplierCard .btn--icon i, .filteredGridWithSort[data-grid="4"] .supplierCard .btn--primary--dark i, .filteredGridWithSort[data-grid="4"] .supplierCard .btn--primary i, .filteredGridWithSort[data-grid="4"] .supplierCard .btn--secondary i, .filteredGridWithSort[data-grid="4"] .supplierCard .btn--small i, .filteredGridWithSort[data-grid="4"] .supplierCard .btn--tertiary i, .filteredGridWithSort[data-grid="4"] .supplierCard .btn i {
            min-width: 16px;
            width: 16px;
            height: 16px;
            font-size: 16px
        }

            .filteredGridWithSort[data-grid="4"] .supplierCard--small .btn--icon i:before, .filteredGridWithSort[data-grid="4"] .supplierCard--small .btn--primary--dark i:before, .filteredGridWithSort[data-grid="4"] .supplierCard--small .btn--primary i:before, .filteredGridWithSort[data-grid="4"] .supplierCard--small .btn--secondary i:before, .filteredGridWithSort[data-grid="4"] .supplierCard--small .btn--small i:before, .filteredGridWithSort[data-grid="4"] .supplierCard--small .btn--tertiary i:before, .filteredGridWithSort[data-grid="4"] .supplierCard--small .btn i:before, .filteredGridWithSort[data-grid="4"] .supplierCard .btn--icon i:before, .filteredGridWithSort[data-grid="4"] .supplierCard .btn--primary--dark i:before, .filteredGridWithSort[data-grid="4"] .supplierCard .btn--primary i:before, .filteredGridWithSort[data-grid="4"] .supplierCard .btn--secondary i:before, .filteredGridWithSort[data-grid="4"] .supplierCard .btn--small i:before, .filteredGridWithSort[data-grid="4"] .supplierCard .btn--tertiary i:before, .filteredGridWithSort[data-grid="4"] .supplierCard .btn i:before {
                font-size: 16px;
                font-weight: 400
            }

        .filteredGridWithSort[data-grid="4"] .supplierCard--small .btn--icon, .filteredGridWithSort[data-grid="4"] .supplierCard--small .btn--icon.btn--primary, .filteredGridWithSort[data-grid="4"] .supplierCard--small .btn--icon.btn--primary--dark, .filteredGridWithSort[data-grid="4"] .supplierCard--small .btn--icon.btn--secondary, .filteredGridWithSort[data-grid="4"] .supplierCard--small .btn--icon.btn--small, .filteredGridWithSort[data-grid="4"] .supplierCard--small .btn--icon.btn--tertiary, .filteredGridWithSort[data-grid="4"] .supplierCard--small .btn.btn--icon, .filteredGridWithSort[data-grid="4"] .supplierCard .btn--icon, .filteredGridWithSort[data-grid="4"] .supplierCard .btn--icon.btn--primary, .filteredGridWithSort[data-grid="4"] .supplierCard .btn--icon.btn--primary--dark, .filteredGridWithSort[data-grid="4"] .supplierCard .btn--icon.btn--secondary, .filteredGridWithSort[data-grid="4"] .supplierCard .btn--icon.btn--small, .filteredGridWithSort[data-grid="4"] .supplierCard .btn--icon.btn--tertiary, .filteredGridWithSort[data-grid="4"] .supplierCard .btn.btn--icon {
            width: 40px;
            min-width: 40px
        }

    .filteredGridWithSort[data-grid="4"] .regionResultsCard, .filteredGridWithSort[data-grid="4"] .regionResultsCard--small {
        max-width: 960px;
        min-height: auto;
        padding: 0 0 24px;
        border-radius: 0;
        flex-direction: column
    }

        .filteredGridWithSort[data-grid="4"] .regionResultsCard--small .regionResultsCard__image, .filteredGridWithSort[data-grid="4"] .regionResultsCard .regionResultsCard__image {
            height: 100px;
            width: 100%;
            margin-right: 0;
            margin-bottom: 16px
        }

        .filteredGridWithSort[data-grid="4"] .regionResultsCard--small .regionResultsCard__title, .filteredGridWithSort[data-grid="4"] .regionResultsCard .regionResultsCard__title {
            margin-top: 4px
        }

        .filteredGridWithSort[data-grid="4"] .regionResultsCard--small .regionResultsCard__content, .filteredGridWithSort[data-grid="4"] .regionResultsCard .regionResultsCard__content {
            flex: 2;
            justify-content: flex-start
        }

        .filteredGridWithSort[data-grid="4"] .regionResultsCard--small .regionResultsCard__topInfo, .filteredGridWithSort[data-grid="4"] .regionResultsCard .regionResultsCard__topInfo {
            flex-direction: column
        }

        .filteredGridWithSort[data-grid="4"] .regionResultsCard--small .regionResultsCard__sideInfo, .filteredGridWithSort[data-grid="4"] .regionResultsCard .regionResultsCard__sideInfo {
            order: 1;
            transform: none;
            justify-content: space-between;
            margin-bottom: 16px
        }

        .filteredGridWithSort[data-grid="4"] .regionResultsCard--small .regionResultsCard__labels, .filteredGridWithSort[data-grid="4"] .regionResultsCard .regionResultsCard__labels {
            order: 2
        }

        .filteredGridWithSort[data-grid="4"] .regionResultsCard--small .regionResultsCard__text, .filteredGridWithSort[data-grid="4"] .regionResultsCard .regionResultsCard__text {
            padding: 0
        }

        .filteredGridWithSort[data-grid="4"] .regionResultsCard--small .regionResultsCard__bottomInfo, .filteredGridWithSort[data-grid="4"] .regionResultsCard .regionResultsCard__bottomInfo {
            margin-top: 8px;
            flex-direction: column;
            align-items: flex-start
        }

        .filteredGridWithSort[data-grid="4"] .regionResultsCard--small .regionResultsCard__btnContainer, .filteredGridWithSort[data-grid="4"] .regionResultsCard .regionResultsCard__btnContainer {
            width: 100%;
            display: flex
        }

            .filteredGridWithSort[data-grid="4"] .regionResultsCard--small .regionResultsCard__btnContainer .btn--primary, .filteredGridWithSort[data-grid="4"] .regionResultsCard .regionResultsCard__btnContainer .btn--primary {
                width: 100%
            }

        .filteredGridWithSort[data-grid="4"] .regionResultsCard--small .btnBookmark, .filteredGridWithSort[data-grid="4"] .regionResultsCard--small .btnBookmark--privateArea, .filteredGridWithSort[data-grid="4"] .regionResultsCard--small .btnBookmark--small, .filteredGridWithSort[data-grid="4"] .regionResultsCard .btnBookmark, .filteredGridWithSort[data-grid="4"] .regionResultsCard .btnBookmark--privateArea, .filteredGridWithSort[data-grid="4"] .regionResultsCard .btnBookmark--small {
            transform: translateX(20px)
        }

            .filteredGridWithSort[data-grid="4"] .regionResultsCard--small .btnBookmark--privateArea .btnBookmark, .filteredGridWithSort[data-grid="4"] .regionResultsCard--small .btnBookmark--privateArea .btnBookmark--small, .filteredGridWithSort[data-grid="4"] .regionResultsCard .btnBookmark--privateArea .btnBookmark, .filteredGridWithSort[data-grid="4"] .regionResultsCard .btnBookmark--privateArea .btnBookmark--small {
                transform: translateX(0)
            }

    .filteredGridWithSort[data-grid="4"] .resourceCard, .filteredGridWithSort[data-grid="4"] .resourceCard--small {
        max-width: 960px;
        min-height: 200px;
        height: 100%;
        padding: 24px 16px
    }

        .filteredGridWithSort[data-grid="4"] .resourceCard--small .resourceCard__title, .filteredGridWithSort[data-grid="4"] .resourceCard .resourceCard__title {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Inter,sans-serif;
            font-size: 1.188rem;
            line-height: 1.263em;
            letter-spacing: -.016em;
            font-weight: 400;
            margin-top: 4px
        }

            .filteredGridWithSort[data-grid="4"] .resourceCard--small .resourceCard__title .link a, .filteredGridWithSort[data-grid="4"] .resourceCard .resourceCard__title .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .filteredGridWithSort[data-grid="4"] .resourceCard--small .resourceCard__title .link a:hover, .filteredGridWithSort[data-grid="4"] .resourceCard .resourceCard__title .link a:hover {
                    color: var(--m-01)
                }

            .filteredGridWithSort[data-grid="4"] .resourceCard--small .resourceCard__title mark, .filteredGridWithSort[data-grid="4"] .resourceCard--small .resourceCard__title mark[data-color=color], .filteredGridWithSort[data-grid="4"] .resourceCard .resourceCard__title mark, .filteredGridWithSort[data-grid="4"] .resourceCard .resourceCard__title mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .filteredGridWithSort[data-grid="4"] .resourceCard--small .resourceCard__title mark[data-color=gray], .filteredGridWithSort[data-grid="4"] .resourceCard .resourceCard__title mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .filteredGridWithSort[data-grid="4"] .resourceCard--small .resourceCard__title mark[data-color=default], .filteredGridWithSort[data-grid="4"] .resourceCard .resourceCard__title mark[data-color=default] {
                    color: var(--neu-10)
                }

            .filteredGridWithSort[data-grid="4"] .resourceCard--small .resourceCard__title span.m-01--dark-01, .filteredGridWithSort[data-grid="4"] .resourceCard--small .resourceCard__title span[data-color=color], .filteredGridWithSort[data-grid="4"] .resourceCard .resourceCard__title span.m-01--dark-01, .filteredGridWithSort[data-grid="4"] .resourceCard .resourceCard__title span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .filteredGridWithSort[data-grid="4"] .resourceCard--small .resourceCard__title span.neu-07, .filteredGridWithSort[data-grid="4"] .resourceCard--small .resourceCard__title span[data-color=gray], .filteredGridWithSort[data-grid="4"] .resourceCard .resourceCard__title span.neu-07, .filteredGridWithSort[data-grid="4"] .resourceCard .resourceCard__title span[data-color=gray] {
                color: var(--neu-07)
            }

            .filteredGridWithSort[data-grid="4"] .resourceCard--small .resourceCard__title span.neu-10, .filteredGridWithSort[data-grid="4"] .resourceCard--small .resourceCard__title span[data-color=default], .filteredGridWithSort[data-grid="4"] .resourceCard .resourceCard__title span.neu-10, .filteredGridWithSort[data-grid="4"] .resourceCard .resourceCard__title span[data-color=default] {
                color: var(--neu-10)
            }

            .filteredGridWithSort[data-grid="4"] .resourceCard--small .resourceCard__title b, .filteredGridWithSort[data-grid="4"] .resourceCard--small .resourceCard__title strong, .filteredGridWithSort[data-grid="4"] .resourceCard .resourceCard__title b, .filteredGridWithSort[data-grid="4"] .resourceCard .resourceCard__title strong {
                font-weight: 700
            }

            .filteredGridWithSort[data-grid="4"] .resourceCard--small .resourceCard__title em, .filteredGridWithSort[data-grid="4"] .resourceCard .resourceCard__title em {
                font-style: italic
            }

        .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--icon, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--primary, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--primary--dark, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--secondary, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--small, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--tertiary, .filteredGridWithSort[data-grid="4"] .resourceCard .btn, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--icon, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--primary, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--primary--dark, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--secondary, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--small, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--tertiary {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Inter,sans-serif;
            font-size: .813rem;
            line-height: 1.538em;
            letter-spacing: -.003em;
            font-weight: 400;
            font-weight: 700;
            padding: 0 20px;
            height: 40px
        }

            .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--icon .link a, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--primary--dark .link a, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--primary .link a, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--secondary .link a, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--small .link a, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--tertiary .link a, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn .link a, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--icon .link a, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--primary--dark .link a, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--primary .link a, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--secondary .link a, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--small .link a, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--tertiary .link a, .filteredGridWithSort[data-grid="4"] .resourceCard .btn .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--icon .link a:hover, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--primary--dark .link a:hover, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--primary .link a:hover, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--secondary .link a:hover, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--small .link a:hover, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--tertiary .link a:hover, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn .link a:hover, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--icon .link a:hover, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--primary--dark .link a:hover, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--primary .link a:hover, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--secondary .link a:hover, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--small .link a:hover, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--tertiary .link a:hover, .filteredGridWithSort[data-grid="4"] .resourceCard .btn .link a:hover {
                    color: var(--m-01)
                }

            .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--icon mark, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--icon mark[data-color=color], .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--primary--dark mark, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--primary--dark mark[data-color=color], .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--primary mark, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--primary mark[data-color=color], .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--secondary mark, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--secondary mark[data-color=color], .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--small mark, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--small mark[data-color=color], .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--tertiary mark, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--tertiary mark[data-color=color], .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn mark, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn mark[data-color=color], .filteredGridWithSort[data-grid="4"] .resourceCard .btn--icon mark, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--icon mark[data-color=color], .filteredGridWithSort[data-grid="4"] .resourceCard .btn--primary--dark mark, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--primary--dark mark[data-color=color], .filteredGridWithSort[data-grid="4"] .resourceCard .btn--primary mark, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--primary mark[data-color=color], .filteredGridWithSort[data-grid="4"] .resourceCard .btn--secondary mark, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--secondary mark[data-color=color], .filteredGridWithSort[data-grid="4"] .resourceCard .btn--small mark, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--small mark[data-color=color], .filteredGridWithSort[data-grid="4"] .resourceCard .btn--tertiary mark, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--tertiary mark[data-color=color], .filteredGridWithSort[data-grid="4"] .resourceCard .btn mark, .filteredGridWithSort[data-grid="4"] .resourceCard .btn mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--icon mark[data-color=gray], .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--primary--dark mark[data-color=gray], .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--primary mark[data-color=gray], .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--secondary mark[data-color=gray], .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--small mark[data-color=gray], .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--tertiary mark[data-color=gray], .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn mark[data-color=gray], .filteredGridWithSort[data-grid="4"] .resourceCard .btn--icon mark[data-color=gray], .filteredGridWithSort[data-grid="4"] .resourceCard .btn--primary--dark mark[data-color=gray], .filteredGridWithSort[data-grid="4"] .resourceCard .btn--primary mark[data-color=gray], .filteredGridWithSort[data-grid="4"] .resourceCard .btn--secondary mark[data-color=gray], .filteredGridWithSort[data-grid="4"] .resourceCard .btn--small mark[data-color=gray], .filteredGridWithSort[data-grid="4"] .resourceCard .btn--tertiary mark[data-color=gray], .filteredGridWithSort[data-grid="4"] .resourceCard .btn mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--icon mark[data-color=default], .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--primary--dark mark[data-color=default], .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--primary mark[data-color=default], .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--secondary mark[data-color=default], .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--small mark[data-color=default], .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--tertiary mark[data-color=default], .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn mark[data-color=default], .filteredGridWithSort[data-grid="4"] .resourceCard .btn--icon mark[data-color=default], .filteredGridWithSort[data-grid="4"] .resourceCard .btn--primary--dark mark[data-color=default], .filteredGridWithSort[data-grid="4"] .resourceCard .btn--primary mark[data-color=default], .filteredGridWithSort[data-grid="4"] .resourceCard .btn--secondary mark[data-color=default], .filteredGridWithSort[data-grid="4"] .resourceCard .btn--small mark[data-color=default], .filteredGridWithSort[data-grid="4"] .resourceCard .btn--tertiary mark[data-color=default], .filteredGridWithSort[data-grid="4"] .resourceCard .btn mark[data-color=default] {
                    color: var(--neu-10)
                }

            .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--icon span.m-01--dark-01, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--icon span[data-color=color], .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--primary--dark span.m-01--dark-01, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--primary--dark span[data-color=color], .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--primary span.m-01--dark-01, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--primary span[data-color=color], .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--secondary span.m-01--dark-01, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--secondary span[data-color=color], .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--small span.m-01--dark-01, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--small span[data-color=color], .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--tertiary span.m-01--dark-01, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--tertiary span[data-color=color], .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn span.m-01--dark-01, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn span[data-color=color], .filteredGridWithSort[data-grid="4"] .resourceCard .btn--icon span.m-01--dark-01, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--icon span[data-color=color], .filteredGridWithSort[data-grid="4"] .resourceCard .btn--primary--dark span.m-01--dark-01, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--primary--dark span[data-color=color], .filteredGridWithSort[data-grid="4"] .resourceCard .btn--primary span.m-01--dark-01, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--primary span[data-color=color], .filteredGridWithSort[data-grid="4"] .resourceCard .btn--secondary span.m-01--dark-01, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--secondary span[data-color=color], .filteredGridWithSort[data-grid="4"] .resourceCard .btn--small span.m-01--dark-01, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--small span[data-color=color], .filteredGridWithSort[data-grid="4"] .resourceCard .btn--tertiary span.m-01--dark-01, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--tertiary span[data-color=color], .filteredGridWithSort[data-grid="4"] .resourceCard .btn span.m-01--dark-01, .filteredGridWithSort[data-grid="4"] .resourceCard .btn span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--icon span.neu-07, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--icon span[data-color=gray], .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--primary--dark span.neu-07, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--primary--dark span[data-color=gray], .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--primary span.neu-07, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--primary span[data-color=gray], .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--secondary span.neu-07, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--secondary span[data-color=gray], .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--small span.neu-07, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--small span[data-color=gray], .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--tertiary span.neu-07, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--tertiary span[data-color=gray], .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn span.neu-07, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn span[data-color=gray], .filteredGridWithSort[data-grid="4"] .resourceCard .btn--icon span.neu-07, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--icon span[data-color=gray], .filteredGridWithSort[data-grid="4"] .resourceCard .btn--primary--dark span.neu-07, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--primary--dark span[data-color=gray], .filteredGridWithSort[data-grid="4"] .resourceCard .btn--primary span.neu-07, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--primary span[data-color=gray], .filteredGridWithSort[data-grid="4"] .resourceCard .btn--secondary span.neu-07, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--secondary span[data-color=gray], .filteredGridWithSort[data-grid="4"] .resourceCard .btn--small span.neu-07, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--small span[data-color=gray], .filteredGridWithSort[data-grid="4"] .resourceCard .btn--tertiary span.neu-07, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--tertiary span[data-color=gray], .filteredGridWithSort[data-grid="4"] .resourceCard .btn span.neu-07, .filteredGridWithSort[data-grid="4"] .resourceCard .btn span[data-color=gray] {
                color: var(--neu-07)
            }

            .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--icon span.neu-10, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--icon span[data-color=default], .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--primary--dark span.neu-10, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--primary--dark span[data-color=default], .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--primary span.neu-10, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--primary span[data-color=default], .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--secondary span.neu-10, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--secondary span[data-color=default], .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--small span.neu-10, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--small span[data-color=default], .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--tertiary span.neu-10, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--tertiary span[data-color=default], .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn span.neu-10, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn span[data-color=default], .filteredGridWithSort[data-grid="4"] .resourceCard .btn--icon span.neu-10, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--icon span[data-color=default], .filteredGridWithSort[data-grid="4"] .resourceCard .btn--primary--dark span.neu-10, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--primary--dark span[data-color=default], .filteredGridWithSort[data-grid="4"] .resourceCard .btn--primary span.neu-10, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--primary span[data-color=default], .filteredGridWithSort[data-grid="4"] .resourceCard .btn--secondary span.neu-10, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--secondary span[data-color=default], .filteredGridWithSort[data-grid="4"] .resourceCard .btn--small span.neu-10, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--small span[data-color=default], .filteredGridWithSort[data-grid="4"] .resourceCard .btn--tertiary span.neu-10, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--tertiary span[data-color=default], .filteredGridWithSort[data-grid="4"] .resourceCard .btn span.neu-10, .filteredGridWithSort[data-grid="4"] .resourceCard .btn span[data-color=default] {
                color: var(--neu-10)
            }

            .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--icon b, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--icon strong, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--primary--dark b, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--primary--dark strong, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--primary b, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--primary strong, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--secondary b, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--secondary strong, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--small b, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--small strong, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--tertiary b, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--tertiary strong, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn b, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn strong, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--icon b, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--icon strong, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--primary--dark b, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--primary--dark strong, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--primary b, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--primary strong, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--secondary b, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--secondary strong, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--small b, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--small strong, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--tertiary b, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--tertiary strong, .filteredGridWithSort[data-grid="4"] .resourceCard .btn b, .filteredGridWithSort[data-grid="4"] .resourceCard .btn strong {
                font-weight: 700
            }

            .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--icon em, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--primary--dark em, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--primary em, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--secondary em, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--small em, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--tertiary em, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn em, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--icon em, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--primary--dark em, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--primary em, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--secondary em, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--small em, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--tertiary em, .filteredGridWithSort[data-grid="4"] .resourceCard .btn em {
                font-style: italic
            }

            .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--icon i, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--primary--dark i, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--primary i, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--secondary i, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--small i, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--tertiary i, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn i, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--icon i, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--primary--dark i, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--primary i, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--secondary i, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--small i, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--tertiary i, .filteredGridWithSort[data-grid="4"] .resourceCard .btn i {
                min-width: 16px;
                width: 16px;
                height: 16px;
                font-size: 16px
            }

                .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--icon i:before, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--primary--dark i:before, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--primary i:before, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--secondary i:before, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--small i:before, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--tertiary i:before, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn i:before, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--icon i:before, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--primary--dark i:before, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--primary i:before, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--secondary i:before, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--small i:before, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--tertiary i:before, .filteredGridWithSort[data-grid="4"] .resourceCard .btn i:before {
                    font-size: 16px;
                    font-weight: 400
                }

            .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--icon, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--icon.btn--primary, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--icon.btn--primary--dark, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--icon.btn--secondary, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--icon.btn--small, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--icon.btn--tertiary, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn.btn--icon, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--icon, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--icon.btn--primary, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--icon.btn--primary--dark, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--icon.btn--secondary, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--icon.btn--small, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--icon.btn--tertiary, .filteredGridWithSort[data-grid="4"] .resourceCard .btn.btn--icon {
                width: 40px;
                min-width: 40px
            }

                .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--icon:hover, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--primary--dark:hover, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--primary:hover, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--secondary:hover, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--small:hover, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn--tertiary:hover, .filteredGridWithSort[data-grid="4"] .resourceCard--small .btn:hover, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--icon:hover, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--primary--dark:hover, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--primary:hover, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--secondary:hover, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--small:hover, .filteredGridWithSort[data-grid="4"] .resourceCard .btn--tertiary:hover, .filteredGridWithSort[data-grid="4"] .resourceCard .btn:hover {
                    color: var(--m-01--dark-01)
                }

    .filteredGridWithSort[data-grid="4"] .productCard, .filteredGridWithSort[data-grid="4"] .productCard--small {
        max-width: 960px;
        min-height: 324px
    }

        .filteredGridWithSort[data-grid="4"] .productCard--small .productCard__head, .filteredGridWithSort[data-grid="4"] .productCard .productCard__head {
            height: 200px
        }

            .filteredGridWithSort[data-grid="4"] .productCard--small .productCard__head:after, .filteredGridWithSort[data-grid="4"] .productCard .productCard__head:after {
                left: 16px;
                width: calc(100% - 16px * 2)
            }

        .filteredGridWithSort[data-grid="4"] .productCard--small .productCard__head-content, .filteredGridWithSort[data-grid="4"] .productCard .productCard__head-content {
            padding: 24px 16px
        }

        .filteredGridWithSort[data-grid="4"] .productCard--small .productCard__productName, .filteredGridWithSort[data-grid="4"] .productCard .productCard__productName {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Calma Global Medium,sans-serif;
            font-size: 1.625rem;
            line-height: 1.231em;
            letter-spacing: 0
        }

            .filteredGridWithSort[data-grid="4"] .productCard--small .productCard__productName .link a, .filteredGridWithSort[data-grid="4"] .productCard .productCard__productName .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .filteredGridWithSort[data-grid="4"] .productCard--small .productCard__productName .link a:hover, .filteredGridWithSort[data-grid="4"] .productCard .productCard__productName .link a:hover {
                    color: var(--m-01)
                }

            .filteredGridWithSort[data-grid="4"] .productCard--small .productCard__productName mark, .filteredGridWithSort[data-grid="4"] .productCard--small .productCard__productName mark[data-color=color], .filteredGridWithSort[data-grid="4"] .productCard .productCard__productName mark, .filteredGridWithSort[data-grid="4"] .productCard .productCard__productName mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .filteredGridWithSort[data-grid="4"] .productCard--small .productCard__productName mark[data-color=gray], .filteredGridWithSort[data-grid="4"] .productCard .productCard__productName mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .filteredGridWithSort[data-grid="4"] .productCard--small .productCard__productName mark[data-color=default], .filteredGridWithSort[data-grid="4"] .productCard .productCard__productName mark[data-color=default] {
                    color: var(--neu-10)
                }

            .filteredGridWithSort[data-grid="4"] .productCard--small .productCard__productName span.m-01--dark-01, .filteredGridWithSort[data-grid="4"] .productCard--small .productCard__productName span[data-color=color], .filteredGridWithSort[data-grid="4"] .productCard .productCard__productName span.m-01--dark-01, .filteredGridWithSort[data-grid="4"] .productCard .productCard__productName span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .filteredGridWithSort[data-grid="4"] .productCard--small .productCard__productName span.neu-07, .filteredGridWithSort[data-grid="4"] .productCard--small .productCard__productName span[data-color=gray], .filteredGridWithSort[data-grid="4"] .productCard .productCard__productName span.neu-07, .filteredGridWithSort[data-grid="4"] .productCard .productCard__productName span[data-color=gray] {
                color: var(--neu-07)
            }

            .filteredGridWithSort[data-grid="4"] .productCard--small .productCard__productName span.neu-10, .filteredGridWithSort[data-grid="4"] .productCard--small .productCard__productName span[data-color=default], .filteredGridWithSort[data-grid="4"] .productCard .productCard__productName span.neu-10, .filteredGridWithSort[data-grid="4"] .productCard .productCard__productName span[data-color=default] {
                color: var(--neu-10)
            }

            .filteredGridWithSort[data-grid="4"] .productCard--small .productCard__productName b, .filteredGridWithSort[data-grid="4"] .productCard--small .productCard__productName strong, .filteredGridWithSort[data-grid="4"] .productCard .productCard__productName b, .filteredGridWithSort[data-grid="4"] .productCard .productCard__productName strong {
                font-weight: 700
            }

            .filteredGridWithSort[data-grid="4"] .productCard--small .productCard__productName em, .filteredGridWithSort[data-grid="4"] .productCard .productCard__productName em {
                font-style: italic
            }

        .filteredGridWithSort[data-grid="4"] .productCard--small .productCard__content, .filteredGridWithSort[data-grid="4"] .productCard .productCard__content {
            padding: 16px
        }

        .filteredGridWithSort[data-grid="4"] .productCard--small .productCard__bookmark, .filteredGridWithSort[data-grid="4"] .productCard .productCard__bookmark {
            right: 0;
            top: 8px
        }

    .filteredGridWithSort[data-grid="4"] .brandCard, .filteredGridWithSort[data-grid="4"] .brandCard--small {
        max-width: 960px;
        min-height: 324px;
        padding: 16px
    }

        .filteredGridWithSort[data-grid="4"] .brandCard--small .brandCard__image, .filteredGridWithSort[data-grid="4"] .brandCard .brandCard__image {
            height: 70px;
            width: 70px;
            margin-right: 0
        }

        .filteredGridWithSort[data-grid="4"] .brandCard--small .brandCard--small .btnBookmark--privateArea, .filteredGridWithSort[data-grid="4"] .brandCard--small .brandCard .btnBookmark--privateArea, .filteredGridWithSort[data-grid="4"] .brandCard--small .brandCard__bookmark, .filteredGridWithSort[data-grid="4"] .brandCard .brandCard--small .btnBookmark--privateArea, .filteredGridWithSort[data-grid="4"] .brandCard .brandCard .btnBookmark--privateArea, .filteredGridWithSort[data-grid="4"] .brandCard .brandCard__bookmark {
            right: 0
        }

        .filteredGridWithSort[data-grid="4"] .brandCard--small .brandCard__text, .filteredGridWithSort[data-grid="4"] .brandCard .brandCard__text {
            padding: 0
        }

        .filteredGridWithSort[data-grid="4"] .brandCard--small .brandCard__title, .filteredGridWithSort[data-grid="4"] .brandCard .brandCard__title {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Calma Global Medium,sans-serif;
            font-size: 1.625rem;
            line-height: 1.231em;
            letter-spacing: 0
        }

            .filteredGridWithSort[data-grid="4"] .brandCard--small .brandCard__title .link a, .filteredGridWithSort[data-grid="4"] .brandCard .brandCard__title .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .filteredGridWithSort[data-grid="4"] .brandCard--small .brandCard__title .link a:hover, .filteredGridWithSort[data-grid="4"] .brandCard .brandCard__title .link a:hover {
                    color: var(--m-01)
                }

            .filteredGridWithSort[data-grid="4"] .brandCard--small .brandCard__title mark, .filteredGridWithSort[data-grid="4"] .brandCard--small .brandCard__title mark[data-color=color], .filteredGridWithSort[data-grid="4"] .brandCard .brandCard__title mark, .filteredGridWithSort[data-grid="4"] .brandCard .brandCard__title mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .filteredGridWithSort[data-grid="4"] .brandCard--small .brandCard__title mark[data-color=gray], .filteredGridWithSort[data-grid="4"] .brandCard .brandCard__title mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .filteredGridWithSort[data-grid="4"] .brandCard--small .brandCard__title mark[data-color=default], .filteredGridWithSort[data-grid="4"] .brandCard .brandCard__title mark[data-color=default] {
                    color: var(--neu-10)
                }

            .filteredGridWithSort[data-grid="4"] .brandCard--small .brandCard__title span.m-01--dark-01, .filteredGridWithSort[data-grid="4"] .brandCard--small .brandCard__title span[data-color=color], .filteredGridWithSort[data-grid="4"] .brandCard .brandCard__title span.m-01--dark-01, .filteredGridWithSort[data-grid="4"] .brandCard .brandCard__title span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .filteredGridWithSort[data-grid="4"] .brandCard--small .brandCard__title span.neu-07, .filteredGridWithSort[data-grid="4"] .brandCard--small .brandCard__title span[data-color=gray], .filteredGridWithSort[data-grid="4"] .brandCard .brandCard__title span.neu-07, .filteredGridWithSort[data-grid="4"] .brandCard .brandCard__title span[data-color=gray] {
                color: var(--neu-07)
            }

            .filteredGridWithSort[data-grid="4"] .brandCard--small .brandCard__title span.neu-10, .filteredGridWithSort[data-grid="4"] .brandCard--small .brandCard__title span[data-color=default], .filteredGridWithSort[data-grid="4"] .brandCard .brandCard__title span.neu-10, .filteredGridWithSort[data-grid="4"] .brandCard .brandCard__title span[data-color=default] {
                color: var(--neu-10)
            }

            .filteredGridWithSort[data-grid="4"] .brandCard--small .brandCard__title b, .filteredGridWithSort[data-grid="4"] .brandCard--small .brandCard__title strong, .filteredGridWithSort[data-grid="4"] .brandCard .brandCard__title b, .filteredGridWithSort[data-grid="4"] .brandCard .brandCard__title strong {
                font-weight: 700
            }

            .filteredGridWithSort[data-grid="4"] .brandCard--small .brandCard__title em, .filteredGridWithSort[data-grid="4"] .brandCard .brandCard__title em {
                font-style: italic
            }

        .filteredGridWithSort[data-grid="4"] .brandCard--small .brandCard__description, .filteredGridWithSort[data-grid="4"] .brandCard .brandCard__description {
            margin-top: 24px
        }

    .filteredGridWithSort[data-grid="4"] .categoryCard, .filteredGridWithSort[data-grid="4"] .categoryCard--small {
        min-height: 240px;
        max-width: 960px
    }

        .filteredGridWithSort[data-grid="4"] .categoryCard--small .categoryCard__content, .filteredGridWithSort[data-grid="4"] .categoryCard .categoryCard__content {
            padding: 32px
        }

        .filteredGridWithSort[data-grid="4"] .categoryCard--small .categoryCard__title, .filteredGridWithSort[data-grid="4"] .categoryCard .categoryCard__title {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Calma Global Medium,sans-serif;
            font-size: 2rem;
            line-height: 1.25em;
            letter-spacing: -.016em
        }

            .filteredGridWithSort[data-grid="4"] .categoryCard--small .categoryCard__title .link a, .filteredGridWithSort[data-grid="4"] .categoryCard .categoryCard__title .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .filteredGridWithSort[data-grid="4"] .categoryCard--small .categoryCard__title .link a:hover, .filteredGridWithSort[data-grid="4"] .categoryCard .categoryCard__title .link a:hover {
                    color: var(--m-01)
                }

            .filteredGridWithSort[data-grid="4"] .categoryCard--small .categoryCard__title mark, .filteredGridWithSort[data-grid="4"] .categoryCard--small .categoryCard__title mark[data-color=color], .filteredGridWithSort[data-grid="4"] .categoryCard .categoryCard__title mark, .filteredGridWithSort[data-grid="4"] .categoryCard .categoryCard__title mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .filteredGridWithSort[data-grid="4"] .categoryCard--small .categoryCard__title mark[data-color=gray], .filteredGridWithSort[data-grid="4"] .categoryCard .categoryCard__title mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .filteredGridWithSort[data-grid="4"] .categoryCard--small .categoryCard__title mark[data-color=default], .filteredGridWithSort[data-grid="4"] .categoryCard .categoryCard__title mark[data-color=default] {
                    color: var(--neu-10)
                }

            .filteredGridWithSort[data-grid="4"] .categoryCard--small .categoryCard__title span.m-01--dark-01, .filteredGridWithSort[data-grid="4"] .categoryCard--small .categoryCard__title span[data-color=color], .filteredGridWithSort[data-grid="4"] .categoryCard .categoryCard__title span.m-01--dark-01, .filteredGridWithSort[data-grid="4"] .categoryCard .categoryCard__title span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .filteredGridWithSort[data-grid="4"] .categoryCard--small .categoryCard__title span.neu-07, .filteredGridWithSort[data-grid="4"] .categoryCard--small .categoryCard__title span[data-color=gray], .filteredGridWithSort[data-grid="4"] .categoryCard .categoryCard__title span.neu-07, .filteredGridWithSort[data-grid="4"] .categoryCard .categoryCard__title span[data-color=gray] {
                color: var(--neu-07)
            }

            .filteredGridWithSort[data-grid="4"] .categoryCard--small .categoryCard__title span.neu-10, .filteredGridWithSort[data-grid="4"] .categoryCard--small .categoryCard__title span[data-color=default], .filteredGridWithSort[data-grid="4"] .categoryCard .categoryCard__title span.neu-10, .filteredGridWithSort[data-grid="4"] .categoryCard .categoryCard__title span[data-color=default] {
                color: var(--neu-10)
            }

            .filteredGridWithSort[data-grid="4"] .categoryCard--small .categoryCard__title b, .filteredGridWithSort[data-grid="4"] .categoryCard--small .categoryCard__title strong, .filteredGridWithSort[data-grid="4"] .categoryCard .categoryCard__title b, .filteredGridWithSort[data-grid="4"] .categoryCard .categoryCard__title strong {
                font-weight: 700
            }

            .filteredGridWithSort[data-grid="4"] .categoryCard--small .categoryCard__title em, .filteredGridWithSort[data-grid="4"] .categoryCard .categoryCard__title em {
                font-style: italic
            }
}

@media (max-width:1280px) and (max-width:1024px) {
    .filteredGridWithSort[data-grid="4"] .categoryCard--small .categoryCard__title, .filteredGridWithSort[data-grid="4"] .categoryCard .categoryCard__title {
        font-size: 1.625rem;
        line-height: 1.231em;
        letter-spacing: 0
    }
}

@media (max-width:1280px) {
    .filteredGridWithSort[data-grid="4"] .profileCard, .filteredGridWithSort[data-grid="4"] .profileCard--small {
        max-width: 960px;
        padding: 24px 16px 32px 4px;
        height: 100%
    }

        .filteredGridWithSort[data-grid="4"] .profileCard--small .profileCard__text, .filteredGridWithSort[data-grid="4"] .profileCard .profileCard__text {
            max-width: 310px
        }

    .filteredGridWithSort[data-grid="4"] .selectableCard, .filteredGridWithSort[data-grid="4"] .selectableCard--small {
        max-width: 960px;
        padding: 16px 16px 24px;
        grid-template-columns: 1fr 1fr;
        row-gap: 8px
    }

        .filteredGridWithSort[data-grid="4"] .selectableCard--small .selectableCard__content, .filteredGridWithSort[data-grid="4"] .selectableCard .selectableCard__content {
            grid-row: 2;
            grid-column: 1/3
        }

        .filteredGridWithSort[data-grid="4"] .selectableCard--small .selectableCard__checkbox, .filteredGridWithSort[data-grid="4"] .selectableCard .selectableCard__checkbox {
            margin-right: 0;
            grid-row: 1
        }

        .filteredGridWithSort[data-grid="4"] .selectableCard--small .selectableCard__image, .filteredGridWithSort[data-grid="4"] .selectableCard .selectableCard__image {
            width: 48px;
            height: 48px;
            grid-row: 1;
            justify-self: flex-end
        }

        .filteredGridWithSort[data-grid="4"] .selectableCard--small .selectableCard__btn, .filteredGridWithSort[data-grid="4"] .selectableCard .selectableCard__btn {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Inter,sans-serif;
            font-size: .813rem;
            line-height: 1.538em;
            letter-spacing: -.003em;
            font-weight: 400;
            font-weight: 700;
            padding: 0 20px;
            height: 40px;
            transform: none;
            margin-left: 0;
            margin-top: 16px;
            grid-row: 3;
            grid-column: 1/3
        }

            .filteredGridWithSort[data-grid="4"] .selectableCard--small .selectableCard__btn .link a, .filteredGridWithSort[data-grid="4"] .selectableCard .selectableCard__btn .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .filteredGridWithSort[data-grid="4"] .selectableCard--small .selectableCard__btn .link a:hover, .filteredGridWithSort[data-grid="4"] .selectableCard .selectableCard__btn .link a:hover {
                    color: var(--m-01)
                }

            .filteredGridWithSort[data-grid="4"] .selectableCard--small .selectableCard__btn mark, .filteredGridWithSort[data-grid="4"] .selectableCard--small .selectableCard__btn mark[data-color=color], .filteredGridWithSort[data-grid="4"] .selectableCard .selectableCard__btn mark, .filteredGridWithSort[data-grid="4"] .selectableCard .selectableCard__btn mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .filteredGridWithSort[data-grid="4"] .selectableCard--small .selectableCard__btn mark[data-color=gray], .filteredGridWithSort[data-grid="4"] .selectableCard .selectableCard__btn mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .filteredGridWithSort[data-grid="4"] .selectableCard--small .selectableCard__btn mark[data-color=default], .filteredGridWithSort[data-grid="4"] .selectableCard .selectableCard__btn mark[data-color=default] {
                    color: var(--neu-10)
                }

            .filteredGridWithSort[data-grid="4"] .selectableCard--small .selectableCard__btn span.m-01--dark-01, .filteredGridWithSort[data-grid="4"] .selectableCard--small .selectableCard__btn span[data-color=color], .filteredGridWithSort[data-grid="4"] .selectableCard .selectableCard__btn span.m-01--dark-01, .filteredGridWithSort[data-grid="4"] .selectableCard .selectableCard__btn span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .filteredGridWithSort[data-grid="4"] .selectableCard--small .selectableCard__btn span.neu-07, .filteredGridWithSort[data-grid="4"] .selectableCard--small .selectableCard__btn span[data-color=gray], .filteredGridWithSort[data-grid="4"] .selectableCard .selectableCard__btn span.neu-07, .filteredGridWithSort[data-grid="4"] .selectableCard .selectableCard__btn span[data-color=gray] {
                color: var(--neu-07)
            }

            .filteredGridWithSort[data-grid="4"] .selectableCard--small .selectableCard__btn span.neu-10, .filteredGridWithSort[data-grid="4"] .selectableCard--small .selectableCard__btn span[data-color=default], .filteredGridWithSort[data-grid="4"] .selectableCard .selectableCard__btn span.neu-10, .filteredGridWithSort[data-grid="4"] .selectableCard .selectableCard__btn span[data-color=default] {
                color: var(--neu-10)
            }

            .filteredGridWithSort[data-grid="4"] .selectableCard--small .selectableCard__btn b, .filteredGridWithSort[data-grid="4"] .selectableCard--small .selectableCard__btn strong, .filteredGridWithSort[data-grid="4"] .selectableCard .selectableCard__btn b, .filteredGridWithSort[data-grid="4"] .selectableCard .selectableCard__btn strong {
                font-weight: 700
            }

            .filteredGridWithSort[data-grid="4"] .selectableCard--small .selectableCard__btn em, .filteredGridWithSort[data-grid="4"] .selectableCard .selectableCard__btn em {
                font-style: italic
            }

            .filteredGridWithSort[data-grid="4"] .selectableCard--small .selectableCard__btn i, .filteredGridWithSort[data-grid="4"] .selectableCard .selectableCard__btn i {
                min-width: 16px;
                width: 16px;
                height: 16px;
                font-size: 16px
            }

                .filteredGridWithSort[data-grid="4"] .selectableCard--small .selectableCard__btn i:before, .filteredGridWithSort[data-grid="4"] .selectableCard .selectableCard__btn i:before {
                    font-size: 16px;
                    font-weight: 400
                }

            .filteredGridWithSort[data-grid="4"] .selectableCard--small .selectableCard__btn.btn--icon, .filteredGridWithSort[data-grid="4"] .selectableCard .selectableCard__btn.btn--icon {
                width: 40px;
                min-width: 40px
            }

    .filteredGridWithSort[data-grid="4"] .demandCard, .filteredGridWithSort[data-grid="4"] .demandCard--small {
        max-width: 960px;
        padding: 16px;
        min-height: 324px
    }

        .filteredGridWithSort[data-grid="4"] .demandCard--small .demandCard__content, .filteredGridWithSort[data-grid="4"] .demandCard .demandCard__content {
            gap: 8px
        }

        .filteredGridWithSort[data-grid="4"] .demandCard--small .demandCard__notification-text, .filteredGridWithSort[data-grid="4"] .demandCard .demandCard__notification-text {
            display: none
        }

        .filteredGridWithSort[data-grid="4"] .demandCard--small .demandCard__description, .filteredGridWithSort[data-grid="4"] .demandCard .demandCard__description {
            margin-top: 8px
        }

    .filteredGridWithSort[data-grid="4"] .replyCard, .filteredGridWithSort[data-grid="4"] .replyCard--small {
        max-width: 960px
    }

        .filteredGridWithSort[data-grid="4"] .replyCard--small .replyCard, .filteredGridWithSort[data-grid="4"] .replyCard--small .replyCard--small, .filteredGridWithSort[data-grid="4"] .replyCard .replyCard, .filteredGridWithSort[data-grid="4"] .replyCard .replyCard--small {
            background-color: var(--neu-01)
        }

        .filteredGridWithSort[data-grid="4"] .replyCard--small .replyCard__content, .filteredGridWithSort[data-grid="4"] .replyCard .replyCard__content {
            padding: 24px;
            gap: 4px 12px
        }

        .filteredGridWithSort[data-grid="4"] .replyCard--small .replyCard__thumb, .filteredGridWithSort[data-grid="4"] .replyCard .replyCard__thumb {
            grid-row: 1/3;
            align-self: flex-start
        }

        .filteredGridWithSort[data-grid="4"] .replyCard--small .replyCard__text, .filteredGridWithSort[data-grid="4"] .replyCard .replyCard__text {
            grid-row: 2;
            grid-column: 2/4
        }
}

@media (max-width:1280px) and (max-width:512px) {
    .filteredGridWithSort[data-grid="4"] .replyCard--small .replyCard__text, .filteredGridWithSort[data-grid="4"] .replyCard .replyCard__text {
        grid-column: 2/4
    }
}

@media (max-width:1280px) {
    .filteredGridWithSort[data-grid="4"] .replyCard--small .replyCard__message, .filteredGridWithSort[data-grid="4"] .replyCard--small .replyCard__subject, .filteredGridWithSort[data-grid="4"] .replyCard .replyCard__message, .filteredGridWithSort[data-grid="4"] .replyCard .replyCard__subject {
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-stretch: normal;
        letter-spacing: normal;
        font-family: Inter,sans-serif;
        font-size: 1rem;
        line-height: 1.5em;
        letter-spacing: -.011em;
        font-weight: 400
    }

        .filteredGridWithSort[data-grid="4"] .replyCard--small .replyCard__message .link a, .filteredGridWithSort[data-grid="4"] .replyCard--small .replyCard__subject .link a, .filteredGridWithSort[data-grid="4"] .replyCard .replyCard__message .link a, .filteredGridWithSort[data-grid="4"] .replyCard .replyCard__subject .link a {
            transition: all .1s ease;
            text-decoration: underline;
            color: var(--m-01--dark-01)
        }

            .filteredGridWithSort[data-grid="4"] .replyCard--small .replyCard__message .link a:hover, .filteredGridWithSort[data-grid="4"] .replyCard--small .replyCard__subject .link a:hover, .filteredGridWithSort[data-grid="4"] .replyCard .replyCard__message .link a:hover, .filteredGridWithSort[data-grid="4"] .replyCard .replyCard__subject .link a:hover {
                color: var(--m-01)
            }

        .filteredGridWithSort[data-grid="4"] .replyCard--small .replyCard__message mark, .filteredGridWithSort[data-grid="4"] .replyCard--small .replyCard__message mark[data-color=color], .filteredGridWithSort[data-grid="4"] .replyCard--small .replyCard__subject mark, .filteredGridWithSort[data-grid="4"] .replyCard--small .replyCard__subject mark[data-color=color], .filteredGridWithSort[data-grid="4"] .replyCard .replyCard__message mark, .filteredGridWithSort[data-grid="4"] .replyCard .replyCard__message mark[data-color=color], .filteredGridWithSort[data-grid="4"] .replyCard .replyCard__subject mark, .filteredGridWithSort[data-grid="4"] .replyCard .replyCard__subject mark[data-color=color] {
            color: var(--m-01--dark-01)
        }

            .filteredGridWithSort[data-grid="4"] .replyCard--small .replyCard__message mark[data-color=gray], .filteredGridWithSort[data-grid="4"] .replyCard--small .replyCard__subject mark[data-color=gray], .filteredGridWithSort[data-grid="4"] .replyCard .replyCard__message mark[data-color=gray], .filteredGridWithSort[data-grid="4"] .replyCard .replyCard__subject mark[data-color=gray] {
                color: var(--neu-07)
            }

            .filteredGridWithSort[data-grid="4"] .replyCard--small .replyCard__message mark[data-color=default], .filteredGridWithSort[data-grid="4"] .replyCard--small .replyCard__subject mark[data-color=default], .filteredGridWithSort[data-grid="4"] .replyCard .replyCard__message mark[data-color=default], .filteredGridWithSort[data-grid="4"] .replyCard .replyCard__subject mark[data-color=default] {
                color: var(--neu-10)
            }

        .filteredGridWithSort[data-grid="4"] .replyCard--small .replyCard__message span.m-01--dark-01, .filteredGridWithSort[data-grid="4"] .replyCard--small .replyCard__message span[data-color=color], .filteredGridWithSort[data-grid="4"] .replyCard--small .replyCard__subject span.m-01--dark-01, .filteredGridWithSort[data-grid="4"] .replyCard--small .replyCard__subject span[data-color=color], .filteredGridWithSort[data-grid="4"] .replyCard .replyCard__message span.m-01--dark-01, .filteredGridWithSort[data-grid="4"] .replyCard .replyCard__message span[data-color=color], .filteredGridWithSort[data-grid="4"] .replyCard .replyCard__subject span.m-01--dark-01, .filteredGridWithSort[data-grid="4"] .replyCard .replyCard__subject span[data-color=color] {
            color: var(--m-01--dark-01)
        }

        .filteredGridWithSort[data-grid="4"] .replyCard--small .replyCard__message span.neu-07, .filteredGridWithSort[data-grid="4"] .replyCard--small .replyCard__message span[data-color=gray], .filteredGridWithSort[data-grid="4"] .replyCard--small .replyCard__subject span.neu-07, .filteredGridWithSort[data-grid="4"] .replyCard--small .replyCard__subject span[data-color=gray], .filteredGridWithSort[data-grid="4"] .replyCard .replyCard__message span.neu-07, .filteredGridWithSort[data-grid="4"] .replyCard .replyCard__message span[data-color=gray], .filteredGridWithSort[data-grid="4"] .replyCard .replyCard__subject span.neu-07, .filteredGridWithSort[data-grid="4"] .replyCard .replyCard__subject span[data-color=gray] {
            color: var(--neu-07)
        }

        .filteredGridWithSort[data-grid="4"] .replyCard--small .replyCard__message span.neu-10, .filteredGridWithSort[data-grid="4"] .replyCard--small .replyCard__message span[data-color=default], .filteredGridWithSort[data-grid="4"] .replyCard--small .replyCard__subject span.neu-10, .filteredGridWithSort[data-grid="4"] .replyCard--small .replyCard__subject span[data-color=default], .filteredGridWithSort[data-grid="4"] .replyCard .replyCard__message span.neu-10, .filteredGridWithSort[data-grid="4"] .replyCard .replyCard__message span[data-color=default], .filteredGridWithSort[data-grid="4"] .replyCard .replyCard__subject span.neu-10, .filteredGridWithSort[data-grid="4"] .replyCard .replyCard__subject span[data-color=default] {
            color: var(--neu-10)
        }

        .filteredGridWithSort[data-grid="4"] .replyCard--small .replyCard__message b, .filteredGridWithSort[data-grid="4"] .replyCard--small .replyCard__message strong, .filteredGridWithSort[data-grid="4"] .replyCard--small .replyCard__subject b, .filteredGridWithSort[data-grid="4"] .replyCard--small .replyCard__subject strong, .filteredGridWithSort[data-grid="4"] .replyCard .replyCard__message b, .filteredGridWithSort[data-grid="4"] .replyCard .replyCard__message strong, .filteredGridWithSort[data-grid="4"] .replyCard .replyCard__subject b, .filteredGridWithSort[data-grid="4"] .replyCard .replyCard__subject strong {
            font-weight: 700
        }

        .filteredGridWithSort[data-grid="4"] .replyCard--small .replyCard__message em, .filteredGridWithSort[data-grid="4"] .replyCard--small .replyCard__subject em, .filteredGridWithSort[data-grid="4"] .replyCard .replyCard__message em, .filteredGridWithSort[data-grid="4"] .replyCard .replyCard__subject em {
            font-style: italic
        }

    .filteredGridWithSort[data-grid="4"] .replyCard--small .replyCard__info, .filteredGridWithSort[data-grid="4"] .replyCard .replyCard__info {
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-stretch: normal;
        letter-spacing: normal;
        font-family: Inter,sans-serif;
        font-size: .813rem;
        line-height: 1.538em;
        letter-spacing: -.003em;
        font-weight: 700;
        margin-top: 8px;
        padding-right: 32px
    }

        .filteredGridWithSort[data-grid="4"] .replyCard--small .replyCard__info .link a, .filteredGridWithSort[data-grid="4"] .replyCard .replyCard__info .link a {
            transition: all .1s ease;
            text-decoration: underline;
            color: var(--m-01--dark-01)
        }

            .filteredGridWithSort[data-grid="4"] .replyCard--small .replyCard__info .link a:hover, .filteredGridWithSort[data-grid="4"] .replyCard .replyCard__info .link a:hover {
                color: var(--m-01)
            }

        .filteredGridWithSort[data-grid="4"] .replyCard--small .replyCard__info mark, .filteredGridWithSort[data-grid="4"] .replyCard--small .replyCard__info mark[data-color=color], .filteredGridWithSort[data-grid="4"] .replyCard .replyCard__info mark, .filteredGridWithSort[data-grid="4"] .replyCard .replyCard__info mark[data-color=color] {
            color: var(--m-01--dark-01)
        }

            .filteredGridWithSort[data-grid="4"] .replyCard--small .replyCard__info mark[data-color=gray], .filteredGridWithSort[data-grid="4"] .replyCard .replyCard__info mark[data-color=gray] {
                color: var(--neu-07)
            }

            .filteredGridWithSort[data-grid="4"] .replyCard--small .replyCard__info mark[data-color=default], .filteredGridWithSort[data-grid="4"] .replyCard .replyCard__info mark[data-color=default] {
                color: var(--neu-10)
            }

        .filteredGridWithSort[data-grid="4"] .replyCard--small .replyCard__info span.m-01--dark-01, .filteredGridWithSort[data-grid="4"] .replyCard--small .replyCard__info span[data-color=color], .filteredGridWithSort[data-grid="4"] .replyCard .replyCard__info span.m-01--dark-01, .filteredGridWithSort[data-grid="4"] .replyCard .replyCard__info span[data-color=color] {
            color: var(--m-01--dark-01)
        }

        .filteredGridWithSort[data-grid="4"] .replyCard--small .replyCard__info span.neu-07, .filteredGridWithSort[data-grid="4"] .replyCard--small .replyCard__info span[data-color=gray], .filteredGridWithSort[data-grid="4"] .replyCard .replyCard__info span.neu-07, .filteredGridWithSort[data-grid="4"] .replyCard .replyCard__info span[data-color=gray] {
            color: var(--neu-07)
        }

        .filteredGridWithSort[data-grid="4"] .replyCard--small .replyCard__info span.neu-10, .filteredGridWithSort[data-grid="4"] .replyCard--small .replyCard__info span[data-color=default], .filteredGridWithSort[data-grid="4"] .replyCard .replyCard__info span.neu-10, .filteredGridWithSort[data-grid="4"] .replyCard .replyCard__info span[data-color=default] {
            color: var(--neu-10)
        }

        .filteredGridWithSort[data-grid="4"] .replyCard--small .replyCard__info b, .filteredGridWithSort[data-grid="4"] .replyCard--small .replyCard__info strong, .filteredGridWithSort[data-grid="4"] .replyCard .replyCard__info b, .filteredGridWithSort[data-grid="4"] .replyCard .replyCard__info strong {
            font-weight: 700
        }

        .filteredGridWithSort[data-grid="4"] .replyCard--small .replyCard__info em, .filteredGridWithSort[data-grid="4"] .replyCard .replyCard__info em {
            font-style: italic
        }

    .filteredGridWithSort[data-grid="4"] .replyCard--small .replyCard__pin, .filteredGridWithSort[data-grid="4"] .replyCard .replyCard__pin {
        transition: all .1s ease;
        grid-row: 2;
        grid-column: 3;
        align-self: flex-end;
        width: 24px;
        height: 24px;
        justify-self: flex-end;
        transform: translateY(4px);
        cursor: pointer
    }

        .filteredGridWithSort[data-grid="4"] .replyCard--small .replyCard__pin:hover, .filteredGridWithSort[data-grid="4"] .replyCard .replyCard__pin:hover {
            opacity: .7
        }

        .filteredGridWithSort[data-grid="4"] .replyCard--small .replyCard__pin:before, .filteredGridWithSort[data-grid="4"] .replyCard .replyCard__pin:before {
            width: 24px;
            height: 24px;
            font-size: 24px;
            font-family: aicep-base-icons !important;
            font-weight: 400;
            display: flex;
            justify-content: center;
            align-items: center;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            content: "\e95b"
        }

    .filteredGridWithSort[data-grid="4"] .replyCard--small .replyCard__pin--selected, .filteredGridWithSort[data-grid="4"] .replyCard .replyCard__pin--selected {
        color: var(--m-02--dark-01)
    }

        .filteredGridWithSort[data-grid="4"] .replyCard--small .replyCard__pin--selected:before, .filteredGridWithSort[data-grid="4"] .replyCard .replyCard__pin--selected:before {
            content: "\e95c"
        }

    .filteredGridWithSort[data-grid="4"] .replyCard--small .replyCard__btn, .filteredGridWithSort[data-grid="4"] .replyCard .replyCard__btn {
        display: none
    }

    .filteredGridWithSort[data-grid="4"] .infoCard, .filteredGridWithSort[data-grid="4"] .infoCard--small {
        max-width: 960px;
        padding: 24px
    }

        .filteredGridWithSort[data-grid="4"] .infoCard--small .infoCard__number, .filteredGridWithSort[data-grid="4"] .infoCard .infoCard__number {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Calma Global Medium,sans-serif;
            font-size: 2rem;
            line-height: 1.25em;
            letter-spacing: -.016em;
            transform: translateY(0)
        }

            .filteredGridWithSort[data-grid="4"] .infoCard--small .infoCard__number .link a, .filteredGridWithSort[data-grid="4"] .infoCard .infoCard__number .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .filteredGridWithSort[data-grid="4"] .infoCard--small .infoCard__number .link a:hover, .filteredGridWithSort[data-grid="4"] .infoCard .infoCard__number .link a:hover {
                    color: var(--m-01)
                }

            .filteredGridWithSort[data-grid="4"] .infoCard--small .infoCard__number mark, .filteredGridWithSort[data-grid="4"] .infoCard--small .infoCard__number mark[data-color=color], .filteredGridWithSort[data-grid="4"] .infoCard .infoCard__number mark, .filteredGridWithSort[data-grid="4"] .infoCard .infoCard__number mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .filteredGridWithSort[data-grid="4"] .infoCard--small .infoCard__number mark[data-color=gray], .filteredGridWithSort[data-grid="4"] .infoCard .infoCard__number mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .filteredGridWithSort[data-grid="4"] .infoCard--small .infoCard__number mark[data-color=default], .filteredGridWithSort[data-grid="4"] .infoCard .infoCard__number mark[data-color=default] {
                    color: var(--neu-10)
                }

            .filteredGridWithSort[data-grid="4"] .infoCard--small .infoCard__number span.m-01--dark-01, .filteredGridWithSort[data-grid="4"] .infoCard--small .infoCard__number span[data-color=color], .filteredGridWithSort[data-grid="4"] .infoCard .infoCard__number span.m-01--dark-01, .filteredGridWithSort[data-grid="4"] .infoCard .infoCard__number span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .filteredGridWithSort[data-grid="4"] .infoCard--small .infoCard__number span.neu-07, .filteredGridWithSort[data-grid="4"] .infoCard--small .infoCard__number span[data-color=gray], .filteredGridWithSort[data-grid="4"] .infoCard .infoCard__number span.neu-07, .filteredGridWithSort[data-grid="4"] .infoCard .infoCard__number span[data-color=gray] {
                color: var(--neu-07)
            }

            .filteredGridWithSort[data-grid="4"] .infoCard--small .infoCard__number span.neu-10, .filteredGridWithSort[data-grid="4"] .infoCard--small .infoCard__number span[data-color=default], .filteredGridWithSort[data-grid="4"] .infoCard .infoCard__number span.neu-10, .filteredGridWithSort[data-grid="4"] .infoCard .infoCard__number span[data-color=default] {
                color: var(--neu-10)
            }

            .filteredGridWithSort[data-grid="4"] .infoCard--small .infoCard__number b, .filteredGridWithSort[data-grid="4"] .infoCard--small .infoCard__number strong, .filteredGridWithSort[data-grid="4"] .infoCard .infoCard__number b, .filteredGridWithSort[data-grid="4"] .infoCard .infoCard__number strong {
                font-weight: 700
            }

            .filteredGridWithSort[data-grid="4"] .infoCard--small .infoCard__number em, .filteredGridWithSort[data-grid="4"] .infoCard .infoCard__number em {
                font-style: italic
            }
}

@media (max-width:1280px) and (max-width:1024px) {
    .filteredGridWithSort[data-grid="4"] .infoCard--small .infoCard__number, .filteredGridWithSort[data-grid="4"] .infoCard .infoCard__number {
        font-size: 1.625rem;
        line-height: 1.231em;
        letter-spacing: 0;
        transform: translateY(3px)
    }
}

@media (max-width:1280px) {
    .filteredGridWithSort[data-grid="4"] .infoCard--small .infoCard__title, .filteredGridWithSort[data-grid="4"] .infoCard .infoCard__title {
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-stretch: normal;
        letter-spacing: normal;
        font-family: Inter,sans-serif;
        font-size: 1rem;
        line-height: 1.5em;
        letter-spacing: -.011em;
        font-weight: 700
    }

        .filteredGridWithSort[data-grid="4"] .infoCard--small .infoCard__title .link a, .filteredGridWithSort[data-grid="4"] .infoCard .infoCard__title .link a {
            transition: all .1s ease;
            text-decoration: underline;
            color: var(--m-01--dark-01)
        }

            .filteredGridWithSort[data-grid="4"] .infoCard--small .infoCard__title .link a:hover, .filteredGridWithSort[data-grid="4"] .infoCard .infoCard__title .link a:hover {
                color: var(--m-01)
            }

        .filteredGridWithSort[data-grid="4"] .infoCard--small .infoCard__title mark, .filteredGridWithSort[data-grid="4"] .infoCard--small .infoCard__title mark[data-color=color], .filteredGridWithSort[data-grid="4"] .infoCard .infoCard__title mark, .filteredGridWithSort[data-grid="4"] .infoCard .infoCard__title mark[data-color=color] {
            color: var(--m-01--dark-01)
        }

            .filteredGridWithSort[data-grid="4"] .infoCard--small .infoCard__title mark[data-color=gray], .filteredGridWithSort[data-grid="4"] .infoCard .infoCard__title mark[data-color=gray] {
                color: var(--neu-07)
            }

            .filteredGridWithSort[data-grid="4"] .infoCard--small .infoCard__title mark[data-color=default], .filteredGridWithSort[data-grid="4"] .infoCard .infoCard__title mark[data-color=default] {
                color: var(--neu-10)
            }

        .filteredGridWithSort[data-grid="4"] .infoCard--small .infoCard__title span.m-01--dark-01, .filteredGridWithSort[data-grid="4"] .infoCard--small .infoCard__title span[data-color=color], .filteredGridWithSort[data-grid="4"] .infoCard .infoCard__title span.m-01--dark-01, .filteredGridWithSort[data-grid="4"] .infoCard .infoCard__title span[data-color=color] {
            color: var(--m-01--dark-01)
        }

        .filteredGridWithSort[data-grid="4"] .infoCard--small .infoCard__title span.neu-07, .filteredGridWithSort[data-grid="4"] .infoCard--small .infoCard__title span[data-color=gray], .filteredGridWithSort[data-grid="4"] .infoCard .infoCard__title span.neu-07, .filteredGridWithSort[data-grid="4"] .infoCard .infoCard__title span[data-color=gray] {
            color: var(--neu-07)
        }

        .filteredGridWithSort[data-grid="4"] .infoCard--small .infoCard__title span.neu-10, .filteredGridWithSort[data-grid="4"] .infoCard--small .infoCard__title span[data-color=default], .filteredGridWithSort[data-grid="4"] .infoCard .infoCard__title span.neu-10, .filteredGridWithSort[data-grid="4"] .infoCard .infoCard__title span[data-color=default] {
            color: var(--neu-10)
        }

        .filteredGridWithSort[data-grid="4"] .infoCard--small .infoCard__title b, .filteredGridWithSort[data-grid="4"] .infoCard--small .infoCard__title strong, .filteredGridWithSort[data-grid="4"] .infoCard .infoCard__title b, .filteredGridWithSort[data-grid="4"] .infoCard .infoCard__title strong {
            font-weight: 700
        }

        .filteredGridWithSort[data-grid="4"] .infoCard--small .infoCard__title em, .filteredGridWithSort[data-grid="4"] .infoCard .infoCard__title em {
            font-style: italic
        }
}

.filteredGridWithSort[data-grid="3"] .filteredGridWithSort__grid {
    grid-template-columns: repeat(3,1fr)
}

@media (max-width:1024px) {
    .filteredGridWithSort[data-grid="3"] .filteredGridWithSort__grid {
        grid-template-columns: repeat(2,1fr)
    }
}

@media (max-width:512px) {
    .filteredGridWithSort[data-grid="3"] .filteredGridWithSort__grid {
        grid-template-columns: 1fr
    }
}

@media (max-width:1280px) {
    .filteredGridWithSort[data-grid="3"] .caseCard, .filteredGridWithSort[data-grid="3"] .caseCard--small {
        min-height: 324px;
        max-width: 960px
    }

        .filteredGridWithSort[data-grid="3"] .caseCard--small .caseCard__content, .filteredGridWithSort[data-grid="3"] .caseCard .caseCard__content {
            padding: 24px 16px 16px
        }

        .filteredGridWithSort[data-grid="3"] .caseCard--small .caseCard__title, .filteredGridWithSort[data-grid="3"] .caseCard .caseCard__title {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Calma Global Medium,sans-serif;
            font-size: 1.625rem;
            line-height: 1.231em;
            letter-spacing: 0
        }

            .filteredGridWithSort[data-grid="3"] .caseCard--small .caseCard__title .link a, .filteredGridWithSort[data-grid="3"] .caseCard .caseCard__title .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .filteredGridWithSort[data-grid="3"] .caseCard--small .caseCard__title .link a:hover, .filteredGridWithSort[data-grid="3"] .caseCard .caseCard__title .link a:hover {
                    color: var(--m-01)
                }

            .filteredGridWithSort[data-grid="3"] .caseCard--small .caseCard__title mark, .filteredGridWithSort[data-grid="3"] .caseCard--small .caseCard__title mark[data-color=color], .filteredGridWithSort[data-grid="3"] .caseCard .caseCard__title mark, .filteredGridWithSort[data-grid="3"] .caseCard .caseCard__title mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .filteredGridWithSort[data-grid="3"] .caseCard--small .caseCard__title mark[data-color=gray], .filteredGridWithSort[data-grid="3"] .caseCard .caseCard__title mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .filteredGridWithSort[data-grid="3"] .caseCard--small .caseCard__title mark[data-color=default], .filteredGridWithSort[data-grid="3"] .caseCard .caseCard__title mark[data-color=default] {
                    color: var(--neu-10)
                }

            .filteredGridWithSort[data-grid="3"] .caseCard--small .caseCard__title span.m-01--dark-01, .filteredGridWithSort[data-grid="3"] .caseCard--small .caseCard__title span[data-color=color], .filteredGridWithSort[data-grid="3"] .caseCard .caseCard__title span.m-01--dark-01, .filteredGridWithSort[data-grid="3"] .caseCard .caseCard__title span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .filteredGridWithSort[data-grid="3"] .caseCard--small .caseCard__title span.neu-07, .filteredGridWithSort[data-grid="3"] .caseCard--small .caseCard__title span[data-color=gray], .filteredGridWithSort[data-grid="3"] .caseCard .caseCard__title span.neu-07, .filteredGridWithSort[data-grid="3"] .caseCard .caseCard__title span[data-color=gray] {
                color: var(--neu-07)
            }

            .filteredGridWithSort[data-grid="3"] .caseCard--small .caseCard__title span.neu-10, .filteredGridWithSort[data-grid="3"] .caseCard--small .caseCard__title span[data-color=default], .filteredGridWithSort[data-grid="3"] .caseCard .caseCard__title span.neu-10, .filteredGridWithSort[data-grid="3"] .caseCard .caseCard__title span[data-color=default] {
                color: var(--neu-10)
            }

            .filteredGridWithSort[data-grid="3"] .caseCard--small .caseCard__title b, .filteredGridWithSort[data-grid="3"] .caseCard--small .caseCard__title strong, .filteredGridWithSort[data-grid="3"] .caseCard .caseCard__title b, .filteredGridWithSort[data-grid="3"] .caseCard .caseCard__title strong {
                font-weight: 700
            }

            .filteredGridWithSort[data-grid="3"] .caseCard--small .caseCard__title em, .filteredGridWithSort[data-grid="3"] .caseCard .caseCard__title em {
                font-style: italic
            }

    .filteredGridWithSort[data-grid="3"] .countyCard, .filteredGridWithSort[data-grid="3"] .countyCard--small {
        max-width: 960px;
        height: 100%;
        min-height: 80px
    }

    .filteredGridWithSort[data-grid="3"] .industryCard, .filteredGridWithSort[data-grid="3"] .industryCard--small {
        max-width: 960px;
        max-width: 480px;
        min-height: 240px
    }

        .filteredGridWithSort[data-grid="3"] .industryCard--small .industryCard__content, .filteredGridWithSort[data-grid="3"] .industryCard .industryCard__content {
            padding: 24px 16px 16px
        }

        .filteredGridWithSort[data-grid="3"] .industryCard--small .industryCard__title, .filteredGridWithSort[data-grid="3"] .industryCard .industryCard__title {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Calma Global Medium,sans-serif;
            font-size: 1.625rem;
            line-height: 1.231em;
            letter-spacing: 0
        }

            .filteredGridWithSort[data-grid="3"] .industryCard--small .industryCard__title .link a, .filteredGridWithSort[data-grid="3"] .industryCard .industryCard__title .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .filteredGridWithSort[data-grid="3"] .industryCard--small .industryCard__title .link a:hover, .filteredGridWithSort[data-grid="3"] .industryCard .industryCard__title .link a:hover {
                    color: var(--m-01)
                }

            .filteredGridWithSort[data-grid="3"] .industryCard--small .industryCard__title mark, .filteredGridWithSort[data-grid="3"] .industryCard--small .industryCard__title mark[data-color=color], .filteredGridWithSort[data-grid="3"] .industryCard .industryCard__title mark, .filteredGridWithSort[data-grid="3"] .industryCard .industryCard__title mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .filteredGridWithSort[data-grid="3"] .industryCard--small .industryCard__title mark[data-color=gray], .filteredGridWithSort[data-grid="3"] .industryCard .industryCard__title mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .filteredGridWithSort[data-grid="3"] .industryCard--small .industryCard__title mark[data-color=default], .filteredGridWithSort[data-grid="3"] .industryCard .industryCard__title mark[data-color=default] {
                    color: var(--neu-10)
                }

            .filteredGridWithSort[data-grid="3"] .industryCard--small .industryCard__title span.m-01--dark-01, .filteredGridWithSort[data-grid="3"] .industryCard--small .industryCard__title span[data-color=color], .filteredGridWithSort[data-grid="3"] .industryCard .industryCard__title span.m-01--dark-01, .filteredGridWithSort[data-grid="3"] .industryCard .industryCard__title span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .filteredGridWithSort[data-grid="3"] .industryCard--small .industryCard__title span.neu-07, .filteredGridWithSort[data-grid="3"] .industryCard--small .industryCard__title span[data-color=gray], .filteredGridWithSort[data-grid="3"] .industryCard .industryCard__title span.neu-07, .filteredGridWithSort[data-grid="3"] .industryCard .industryCard__title span[data-color=gray] {
                color: var(--neu-07)
            }

            .filteredGridWithSort[data-grid="3"] .industryCard--small .industryCard__title span.neu-10, .filteredGridWithSort[data-grid="3"] .industryCard--small .industryCard__title span[data-color=default], .filteredGridWithSort[data-grid="3"] .industryCard .industryCard__title span.neu-10, .filteredGridWithSort[data-grid="3"] .industryCard .industryCard__title span[data-color=default] {
                color: var(--neu-10)
            }

            .filteredGridWithSort[data-grid="3"] .industryCard--small .industryCard__title b, .filteredGridWithSort[data-grid="3"] .industryCard--small .industryCard__title strong, .filteredGridWithSort[data-grid="3"] .industryCard .industryCard__title b, .filteredGridWithSort[data-grid="3"] .industryCard .industryCard__title strong {
                font-weight: 700
            }

            .filteredGridWithSort[data-grid="3"] .industryCard--small .industryCard__title em, .filteredGridWithSort[data-grid="3"] .industryCard .industryCard__title em {
                font-style: italic
            }

    .filteredGridWithSort[data-grid="3"] .itemCard, .filteredGridWithSort[data-grid="3"] .itemCard--small {
        max-width: 960px;
        padding: 24px 16px 32px 4px;
        height: 100%
    }

        .filteredGridWithSort[data-grid="3"] .itemCard--small .itemCard__text, .filteredGridWithSort[data-grid="3"] .itemCard .itemCard__text {
            max-width: 310px
        }

    .filteredGridWithSort[data-grid="3"] .readingImageCard, .filteredGridWithSort[data-grid="3"] .readingImageCard--small {
        max-width: 960px;
        background: transparent;
        box-shadow: none;
        border-bottom: 1px solid var(--neu-03);
        min-height: auto;
        flex-direction: row;
        padding: 8px 0 16px;
        border-radius: 0
    }

        .filteredGridWithSort[data-grid="3"] .readingImageCard--small .readingImageCard__image, .filteredGridWithSort[data-grid="3"] .readingImageCard .readingImageCard__image {
            height: auto;
            max-width: 110px;
            flex: 1;
            border-radius: 0
        }

        .filteredGridWithSort[data-grid="3"] .readingImageCard--small .readingImageCard__content, .filteredGridWithSort[data-grid="3"] .readingImageCard .readingImageCard__content {
            padding: 0 0 0 16px;
            flex: 2;
            justify-content: flex-start
        }

        .filteredGridWithSort[data-grid="3"] .readingImageCard--small .readingImageCard__text, .filteredGridWithSort[data-grid="3"] .readingImageCard .readingImageCard__text {
            padding: 0;
            padding-right: 24px
        }

        .filteredGridWithSort[data-grid="3"] .readingImageCard--small .readingImageCard__title, .filteredGridWithSort[data-grid="3"] .readingImageCard .readingImageCard__title {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Inter,sans-serif;
            font-size: 1rem;
            line-height: 1.5em;
            letter-spacing: -.011em;
            font-weight: 700;
            margin-top: 4px
        }

            .filteredGridWithSort[data-grid="3"] .readingImageCard--small .readingImageCard__title .link a, .filteredGridWithSort[data-grid="3"] .readingImageCard .readingImageCard__title .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .filteredGridWithSort[data-grid="3"] .readingImageCard--small .readingImageCard__title .link a:hover, .filteredGridWithSort[data-grid="3"] .readingImageCard .readingImageCard__title .link a:hover {
                    color: var(--m-01)
                }

            .filteredGridWithSort[data-grid="3"] .readingImageCard--small .readingImageCard__title mark, .filteredGridWithSort[data-grid="3"] .readingImageCard--small .readingImageCard__title mark[data-color=color], .filteredGridWithSort[data-grid="3"] .readingImageCard .readingImageCard__title mark, .filteredGridWithSort[data-grid="3"] .readingImageCard .readingImageCard__title mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .filteredGridWithSort[data-grid="3"] .readingImageCard--small .readingImageCard__title mark[data-color=gray], .filteredGridWithSort[data-grid="3"] .readingImageCard .readingImageCard__title mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .filteredGridWithSort[data-grid="3"] .readingImageCard--small .readingImageCard__title mark[data-color=default], .filteredGridWithSort[data-grid="3"] .readingImageCard .readingImageCard__title mark[data-color=default] {
                    color: var(--neu-10)
                }

            .filteredGridWithSort[data-grid="3"] .readingImageCard--small .readingImageCard__title span.m-01--dark-01, .filteredGridWithSort[data-grid="3"] .readingImageCard--small .readingImageCard__title span[data-color=color], .filteredGridWithSort[data-grid="3"] .readingImageCard .readingImageCard__title span.m-01--dark-01, .filteredGridWithSort[data-grid="3"] .readingImageCard .readingImageCard__title span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .filteredGridWithSort[data-grid="3"] .readingImageCard--small .readingImageCard__title span.neu-07, .filteredGridWithSort[data-grid="3"] .readingImageCard--small .readingImageCard__title span[data-color=gray], .filteredGridWithSort[data-grid="3"] .readingImageCard .readingImageCard__title span.neu-07, .filteredGridWithSort[data-grid="3"] .readingImageCard .readingImageCard__title span[data-color=gray] {
                color: var(--neu-07)
            }

            .filteredGridWithSort[data-grid="3"] .readingImageCard--small .readingImageCard__title span.neu-10, .filteredGridWithSort[data-grid="3"] .readingImageCard--small .readingImageCard__title span[data-color=default], .filteredGridWithSort[data-grid="3"] .readingImageCard .readingImageCard__title span.neu-10, .filteredGridWithSort[data-grid="3"] .readingImageCard .readingImageCard__title span[data-color=default] {
                color: var(--neu-10)
            }

            .filteredGridWithSort[data-grid="3"] .readingImageCard--small .readingImageCard__title b, .filteredGridWithSort[data-grid="3"] .readingImageCard--small .readingImageCard__title strong, .filteredGridWithSort[data-grid="3"] .readingImageCard .readingImageCard__title b, .filteredGridWithSort[data-grid="3"] .readingImageCard .readingImageCard__title strong {
                font-weight: 700
            }

            .filteredGridWithSort[data-grid="3"] .readingImageCard--small .readingImageCard__title em, .filteredGridWithSort[data-grid="3"] .readingImageCard .readingImageCard__title em {
                font-style: italic
            }

        .filteredGridWithSort[data-grid="3"] .readingImageCard--small .readingImageCard__infoItem i, .filteredGridWithSort[data-grid="3"] .readingImageCard .readingImageCard__infoItem i {
            display: none
        }

        .filteredGridWithSort[data-grid="3"] .readingImageCard--small .btnBookmark, .filteredGridWithSort[data-grid="3"] .readingImageCard--small .btnBookmark--privateArea, .filteredGridWithSort[data-grid="3"] .readingImageCard--small .btnBookmark--small, .filteredGridWithSort[data-grid="3"] .readingImageCard .btnBookmark, .filteredGridWithSort[data-grid="3"] .readingImageCard .btnBookmark--privateArea, .filteredGridWithSort[data-grid="3"] .readingImageCard .btnBookmark--small {
            top: -8px;
            right: -16px;
            z-index: 2
        }

            .filteredGridWithSort[data-grid="3"] .readingImageCard--small .btnBookmark--privateArea .btnBookmark, .filteredGridWithSort[data-grid="3"] .readingImageCard--small .btnBookmark--privateArea .btnBookmark--small, .filteredGridWithSort[data-grid="3"] .readingImageCard .btnBookmark--privateArea .btnBookmark, .filteredGridWithSort[data-grid="3"] .readingImageCard .btnBookmark--privateArea .btnBookmark--small {
                top: 0;
                right: 0
            }

        .filteredGridWithSort[data-grid="3"] .readingImageCard--small:hover, .filteredGridWithSort[data-grid="3"] .readingImageCard:hover {
            box-shadow: none;
            transform: none
        }

    .filteredGridWithSort[data-grid="3"] .readingTextCard, .filteredGridWithSort[data-grid="3"] .readingTextCard--small {
        max-width: 960px;
        background: transparent;
        box-shadow: none;
        border-bottom: 1px solid var(--neu-03);
        min-height: auto;
        flex-direction: row;
        padding: 8px 0 16px;
        border-radius: 0
    }

        .filteredGridWithSort[data-grid="3"] .readingTextCard--small .readingTextCard__content, .filteredGridWithSort[data-grid="3"] .readingTextCard .readingTextCard__content {
            flex: 2
        }

        .filteredGridWithSort[data-grid="3"] .readingTextCard--small .readingTextCard__text, .filteredGridWithSort[data-grid="3"] .readingTextCard .readingTextCard__text {
            padding: 0
        }

        .filteredGridWithSort[data-grid="3"] .readingTextCard--small .readingTextCard__title, .filteredGridWithSort[data-grid="3"] .readingTextCard .readingTextCard__title {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Inter,sans-serif;
            font-size: 1rem;
            line-height: 1.5em;
            letter-spacing: -.011em;
            font-weight: 700;
            margin-top: 4px
        }

            .filteredGridWithSort[data-grid="3"] .readingTextCard--small .readingTextCard__title .link a, .filteredGridWithSort[data-grid="3"] .readingTextCard .readingTextCard__title .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .filteredGridWithSort[data-grid="3"] .readingTextCard--small .readingTextCard__title .link a:hover, .filteredGridWithSort[data-grid="3"] .readingTextCard .readingTextCard__title .link a:hover {
                    color: var(--m-01)
                }

            .filteredGridWithSort[data-grid="3"] .readingTextCard--small .readingTextCard__title mark, .filteredGridWithSort[data-grid="3"] .readingTextCard--small .readingTextCard__title mark[data-color=color], .filteredGridWithSort[data-grid="3"] .readingTextCard .readingTextCard__title mark, .filteredGridWithSort[data-grid="3"] .readingTextCard .readingTextCard__title mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .filteredGridWithSort[data-grid="3"] .readingTextCard--small .readingTextCard__title mark[data-color=gray], .filteredGridWithSort[data-grid="3"] .readingTextCard .readingTextCard__title mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .filteredGridWithSort[data-grid="3"] .readingTextCard--small .readingTextCard__title mark[data-color=default], .filteredGridWithSort[data-grid="3"] .readingTextCard .readingTextCard__title mark[data-color=default] {
                    color: var(--neu-10)
                }

            .filteredGridWithSort[data-grid="3"] .readingTextCard--small .readingTextCard__title span.m-01--dark-01, .filteredGridWithSort[data-grid="3"] .readingTextCard--small .readingTextCard__title span[data-color=color], .filteredGridWithSort[data-grid="3"] .readingTextCard .readingTextCard__title span.m-01--dark-01, .filteredGridWithSort[data-grid="3"] .readingTextCard .readingTextCard__title span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .filteredGridWithSort[data-grid="3"] .readingTextCard--small .readingTextCard__title span.neu-07, .filteredGridWithSort[data-grid="3"] .readingTextCard--small .readingTextCard__title span[data-color=gray], .filteredGridWithSort[data-grid="3"] .readingTextCard .readingTextCard__title span.neu-07, .filteredGridWithSort[data-grid="3"] .readingTextCard .readingTextCard__title span[data-color=gray] {
                color: var(--neu-07)
            }

            .filteredGridWithSort[data-grid="3"] .readingTextCard--small .readingTextCard__title span.neu-10, .filteredGridWithSort[data-grid="3"] .readingTextCard--small .readingTextCard__title span[data-color=default], .filteredGridWithSort[data-grid="3"] .readingTextCard .readingTextCard__title span.neu-10, .filteredGridWithSort[data-grid="3"] .readingTextCard .readingTextCard__title span[data-color=default] {
                color: var(--neu-10)
            }

            .filteredGridWithSort[data-grid="3"] .readingTextCard--small .readingTextCard__title b, .filteredGridWithSort[data-grid="3"] .readingTextCard--small .readingTextCard__title strong, .filteredGridWithSort[data-grid="3"] .readingTextCard .readingTextCard__title b, .filteredGridWithSort[data-grid="3"] .readingTextCard .readingTextCard__title strong {
                font-weight: 700
            }

            .filteredGridWithSort[data-grid="3"] .readingTextCard--small .readingTextCard__title em, .filteredGridWithSort[data-grid="3"] .readingTextCard .readingTextCard__title em {
                font-style: italic
            }

        .filteredGridWithSort[data-grid="3"] .readingTextCard--small .readingTextCard__description, .filteredGridWithSort[data-grid="3"] .readingTextCard--small .readingTextCard__infoItem i, .filteredGridWithSort[data-grid="3"] .readingTextCard .readingTextCard__description, .filteredGridWithSort[data-grid="3"] .readingTextCard .readingTextCard__infoItem i {
            display: none
        }

        .filteredGridWithSort[data-grid="3"] .readingTextCard--small:hover, .filteredGridWithSort[data-grid="3"] .readingTextCard:hover {
            box-shadow: none;
            transform: none
        }

    .filteredGridWithSort[data-grid="3"] .regionCard, .filteredGridWithSort[data-grid="3"] .regionCard--small {
        max-width: 960px;
        min-height: 270px
    }

        .filteredGridWithSort[data-grid="3"] .regionCard--small .regionCard__content, .filteredGridWithSort[data-grid="3"] .regionCard .regionCard__content {
            padding: 24px 16px 16px
        }

        .filteredGridWithSort[data-grid="3"] .regionCard--small .regionCard__title, .filteredGridWithSort[data-grid="3"] .regionCard .regionCard__title {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Calma Global Medium,sans-serif;
            font-size: 2rem;
            line-height: 1.25em;
            letter-spacing: -.016em
        }

            .filteredGridWithSort[data-grid="3"] .regionCard--small .regionCard__title .link a, .filteredGridWithSort[data-grid="3"] .regionCard .regionCard__title .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .filteredGridWithSort[data-grid="3"] .regionCard--small .regionCard__title .link a:hover, .filteredGridWithSort[data-grid="3"] .regionCard .regionCard__title .link a:hover {
                    color: var(--m-01)
                }

            .filteredGridWithSort[data-grid="3"] .regionCard--small .regionCard__title mark, .filteredGridWithSort[data-grid="3"] .regionCard--small .regionCard__title mark[data-color=color], .filteredGridWithSort[data-grid="3"] .regionCard .regionCard__title mark, .filteredGridWithSort[data-grid="3"] .regionCard .regionCard__title mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .filteredGridWithSort[data-grid="3"] .regionCard--small .regionCard__title mark[data-color=gray], .filteredGridWithSort[data-grid="3"] .regionCard .regionCard__title mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .filteredGridWithSort[data-grid="3"] .regionCard--small .regionCard__title mark[data-color=default], .filteredGridWithSort[data-grid="3"] .regionCard .regionCard__title mark[data-color=default] {
                    color: var(--neu-10)
                }

            .filteredGridWithSort[data-grid="3"] .regionCard--small .regionCard__title span.m-01--dark-01, .filteredGridWithSort[data-grid="3"] .regionCard--small .regionCard__title span[data-color=color], .filteredGridWithSort[data-grid="3"] .regionCard .regionCard__title span.m-01--dark-01, .filteredGridWithSort[data-grid="3"] .regionCard .regionCard__title span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .filteredGridWithSort[data-grid="3"] .regionCard--small .regionCard__title span.neu-07, .filteredGridWithSort[data-grid="3"] .regionCard--small .regionCard__title span[data-color=gray], .filteredGridWithSort[data-grid="3"] .regionCard .regionCard__title span.neu-07, .filteredGridWithSort[data-grid="3"] .regionCard .regionCard__title span[data-color=gray] {
                color: var(--neu-07)
            }

            .filteredGridWithSort[data-grid="3"] .regionCard--small .regionCard__title span.neu-10, .filteredGridWithSort[data-grid="3"] .regionCard--small .regionCard__title span[data-color=default], .filteredGridWithSort[data-grid="3"] .regionCard .regionCard__title span.neu-10, .filteredGridWithSort[data-grid="3"] .regionCard .regionCard__title span[data-color=default] {
                color: var(--neu-10)
            }

            .filteredGridWithSort[data-grid="3"] .regionCard--small .regionCard__title b, .filteredGridWithSort[data-grid="3"] .regionCard--small .regionCard__title strong, .filteredGridWithSort[data-grid="3"] .regionCard .regionCard__title b, .filteredGridWithSort[data-grid="3"] .regionCard .regionCard__title strong {
                font-weight: 700
            }

            .filteredGridWithSort[data-grid="3"] .regionCard--small .regionCard__title em, .filteredGridWithSort[data-grid="3"] .regionCard .regionCard__title em {
                font-style: italic
            }
}

@media (max-width:1280px) and (max-width:1024px) {
    .filteredGridWithSort[data-grid="3"] .regionCard--small .regionCard__title, .filteredGridWithSort[data-grid="3"] .regionCard .regionCard__title {
        font-size: 1.625rem;
        line-height: 1.231em;
        letter-spacing: 0
    }
}

@media (max-width:1280px) {
    .filteredGridWithSort[data-grid="3"] .resourceCard, .filteredGridWithSort[data-grid="3"] .resourceCard--small {
        max-width: 960px;
        min-height: 200px;
        height: 100%;
        padding: 24px 16px
    }

        .filteredGridWithSort[data-grid="3"] .resourceCard--small .resourceCard__title, .filteredGridWithSort[data-grid="3"] .resourceCard .resourceCard__title {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Inter,sans-serif;
            font-size: 1.188rem;
            line-height: 1.263em;
            letter-spacing: -.016em;
            font-weight: 400;
            margin-top: 4px
        }

            .filteredGridWithSort[data-grid="3"] .resourceCard--small .resourceCard__title .link a, .filteredGridWithSort[data-grid="3"] .resourceCard .resourceCard__title .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .filteredGridWithSort[data-grid="3"] .resourceCard--small .resourceCard__title .link a:hover, .filteredGridWithSort[data-grid="3"] .resourceCard .resourceCard__title .link a:hover {
                    color: var(--m-01)
                }

            .filteredGridWithSort[data-grid="3"] .resourceCard--small .resourceCard__title mark, .filteredGridWithSort[data-grid="3"] .resourceCard--small .resourceCard__title mark[data-color=color], .filteredGridWithSort[data-grid="3"] .resourceCard .resourceCard__title mark, .filteredGridWithSort[data-grid="3"] .resourceCard .resourceCard__title mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .filteredGridWithSort[data-grid="3"] .resourceCard--small .resourceCard__title mark[data-color=gray], .filteredGridWithSort[data-grid="3"] .resourceCard .resourceCard__title mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .filteredGridWithSort[data-grid="3"] .resourceCard--small .resourceCard__title mark[data-color=default], .filteredGridWithSort[data-grid="3"] .resourceCard .resourceCard__title mark[data-color=default] {
                    color: var(--neu-10)
                }

            .filteredGridWithSort[data-grid="3"] .resourceCard--small .resourceCard__title span.m-01--dark-01, .filteredGridWithSort[data-grid="3"] .resourceCard--small .resourceCard__title span[data-color=color], .filteredGridWithSort[data-grid="3"] .resourceCard .resourceCard__title span.m-01--dark-01, .filteredGridWithSort[data-grid="3"] .resourceCard .resourceCard__title span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .filteredGridWithSort[data-grid="3"] .resourceCard--small .resourceCard__title span.neu-07, .filteredGridWithSort[data-grid="3"] .resourceCard--small .resourceCard__title span[data-color=gray], .filteredGridWithSort[data-grid="3"] .resourceCard .resourceCard__title span.neu-07, .filteredGridWithSort[data-grid="3"] .resourceCard .resourceCard__title span[data-color=gray] {
                color: var(--neu-07)
            }

            .filteredGridWithSort[data-grid="3"] .resourceCard--small .resourceCard__title span.neu-10, .filteredGridWithSort[data-grid="3"] .resourceCard--small .resourceCard__title span[data-color=default], .filteredGridWithSort[data-grid="3"] .resourceCard .resourceCard__title span.neu-10, .filteredGridWithSort[data-grid="3"] .resourceCard .resourceCard__title span[data-color=default] {
                color: var(--neu-10)
            }

            .filteredGridWithSort[data-grid="3"] .resourceCard--small .resourceCard__title b, .filteredGridWithSort[data-grid="3"] .resourceCard--small .resourceCard__title strong, .filteredGridWithSort[data-grid="3"] .resourceCard .resourceCard__title b, .filteredGridWithSort[data-grid="3"] .resourceCard .resourceCard__title strong {
                font-weight: 700
            }

            .filteredGridWithSort[data-grid="3"] .resourceCard--small .resourceCard__title em, .filteredGridWithSort[data-grid="3"] .resourceCard .resourceCard__title em {
                font-style: italic
            }

        .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--icon, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--primary, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--primary--dark, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--secondary, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--small, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--tertiary, .filteredGridWithSort[data-grid="3"] .resourceCard .btn, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--icon, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--primary, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--primary--dark, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--secondary, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--small, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--tertiary {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Inter,sans-serif;
            font-size: .813rem;
            line-height: 1.538em;
            letter-spacing: -.003em;
            font-weight: 400;
            font-weight: 700;
            padding: 0 20px;
            height: 40px
        }

            .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--icon .link a, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--primary--dark .link a, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--primary .link a, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--secondary .link a, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--small .link a, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--tertiary .link a, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn .link a, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--icon .link a, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--primary--dark .link a, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--primary .link a, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--secondary .link a, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--small .link a, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--tertiary .link a, .filteredGridWithSort[data-grid="3"] .resourceCard .btn .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--icon .link a:hover, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--primary--dark .link a:hover, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--primary .link a:hover, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--secondary .link a:hover, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--small .link a:hover, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--tertiary .link a:hover, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn .link a:hover, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--icon .link a:hover, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--primary--dark .link a:hover, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--primary .link a:hover, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--secondary .link a:hover, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--small .link a:hover, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--tertiary .link a:hover, .filteredGridWithSort[data-grid="3"] .resourceCard .btn .link a:hover {
                    color: var(--m-01)
                }

            .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--icon mark, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--icon mark[data-color=color], .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--primary--dark mark, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--primary--dark mark[data-color=color], .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--primary mark, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--primary mark[data-color=color], .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--secondary mark, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--secondary mark[data-color=color], .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--small mark, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--small mark[data-color=color], .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--tertiary mark, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--tertiary mark[data-color=color], .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn mark, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn mark[data-color=color], .filteredGridWithSort[data-grid="3"] .resourceCard .btn--icon mark, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--icon mark[data-color=color], .filteredGridWithSort[data-grid="3"] .resourceCard .btn--primary--dark mark, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--primary--dark mark[data-color=color], .filteredGridWithSort[data-grid="3"] .resourceCard .btn--primary mark, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--primary mark[data-color=color], .filteredGridWithSort[data-grid="3"] .resourceCard .btn--secondary mark, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--secondary mark[data-color=color], .filteredGridWithSort[data-grid="3"] .resourceCard .btn--small mark, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--small mark[data-color=color], .filteredGridWithSort[data-grid="3"] .resourceCard .btn--tertiary mark, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--tertiary mark[data-color=color], .filteredGridWithSort[data-grid="3"] .resourceCard .btn mark, .filteredGridWithSort[data-grid="3"] .resourceCard .btn mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--icon mark[data-color=gray], .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--primary--dark mark[data-color=gray], .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--primary mark[data-color=gray], .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--secondary mark[data-color=gray], .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--small mark[data-color=gray], .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--tertiary mark[data-color=gray], .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn mark[data-color=gray], .filteredGridWithSort[data-grid="3"] .resourceCard .btn--icon mark[data-color=gray], .filteredGridWithSort[data-grid="3"] .resourceCard .btn--primary--dark mark[data-color=gray], .filteredGridWithSort[data-grid="3"] .resourceCard .btn--primary mark[data-color=gray], .filteredGridWithSort[data-grid="3"] .resourceCard .btn--secondary mark[data-color=gray], .filteredGridWithSort[data-grid="3"] .resourceCard .btn--small mark[data-color=gray], .filteredGridWithSort[data-grid="3"] .resourceCard .btn--tertiary mark[data-color=gray], .filteredGridWithSort[data-grid="3"] .resourceCard .btn mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--icon mark[data-color=default], .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--primary--dark mark[data-color=default], .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--primary mark[data-color=default], .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--secondary mark[data-color=default], .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--small mark[data-color=default], .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--tertiary mark[data-color=default], .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn mark[data-color=default], .filteredGridWithSort[data-grid="3"] .resourceCard .btn--icon mark[data-color=default], .filteredGridWithSort[data-grid="3"] .resourceCard .btn--primary--dark mark[data-color=default], .filteredGridWithSort[data-grid="3"] .resourceCard .btn--primary mark[data-color=default], .filteredGridWithSort[data-grid="3"] .resourceCard .btn--secondary mark[data-color=default], .filteredGridWithSort[data-grid="3"] .resourceCard .btn--small mark[data-color=default], .filteredGridWithSort[data-grid="3"] .resourceCard .btn--tertiary mark[data-color=default], .filteredGridWithSort[data-grid="3"] .resourceCard .btn mark[data-color=default] {
                    color: var(--neu-10)
                }

            .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--icon span.m-01--dark-01, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--icon span[data-color=color], .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--primary--dark span.m-01--dark-01, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--primary--dark span[data-color=color], .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--primary span.m-01--dark-01, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--primary span[data-color=color], .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--secondary span.m-01--dark-01, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--secondary span[data-color=color], .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--small span.m-01--dark-01, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--small span[data-color=color], .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--tertiary span.m-01--dark-01, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--tertiary span[data-color=color], .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn span.m-01--dark-01, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn span[data-color=color], .filteredGridWithSort[data-grid="3"] .resourceCard .btn--icon span.m-01--dark-01, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--icon span[data-color=color], .filteredGridWithSort[data-grid="3"] .resourceCard .btn--primary--dark span.m-01--dark-01, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--primary--dark span[data-color=color], .filteredGridWithSort[data-grid="3"] .resourceCard .btn--primary span.m-01--dark-01, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--primary span[data-color=color], .filteredGridWithSort[data-grid="3"] .resourceCard .btn--secondary span.m-01--dark-01, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--secondary span[data-color=color], .filteredGridWithSort[data-grid="3"] .resourceCard .btn--small span.m-01--dark-01, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--small span[data-color=color], .filteredGridWithSort[data-grid="3"] .resourceCard .btn--tertiary span.m-01--dark-01, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--tertiary span[data-color=color], .filteredGridWithSort[data-grid="3"] .resourceCard .btn span.m-01--dark-01, .filteredGridWithSort[data-grid="3"] .resourceCard .btn span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--icon span.neu-07, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--icon span[data-color=gray], .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--primary--dark span.neu-07, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--primary--dark span[data-color=gray], .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--primary span.neu-07, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--primary span[data-color=gray], .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--secondary span.neu-07, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--secondary span[data-color=gray], .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--small span.neu-07, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--small span[data-color=gray], .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--tertiary span.neu-07, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--tertiary span[data-color=gray], .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn span.neu-07, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn span[data-color=gray], .filteredGridWithSort[data-grid="3"] .resourceCard .btn--icon span.neu-07, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--icon span[data-color=gray], .filteredGridWithSort[data-grid="3"] .resourceCard .btn--primary--dark span.neu-07, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--primary--dark span[data-color=gray], .filteredGridWithSort[data-grid="3"] .resourceCard .btn--primary span.neu-07, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--primary span[data-color=gray], .filteredGridWithSort[data-grid="3"] .resourceCard .btn--secondary span.neu-07, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--secondary span[data-color=gray], .filteredGridWithSort[data-grid="3"] .resourceCard .btn--small span.neu-07, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--small span[data-color=gray], .filteredGridWithSort[data-grid="3"] .resourceCard .btn--tertiary span.neu-07, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--tertiary span[data-color=gray], .filteredGridWithSort[data-grid="3"] .resourceCard .btn span.neu-07, .filteredGridWithSort[data-grid="3"] .resourceCard .btn span[data-color=gray] {
                color: var(--neu-07)
            }

            .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--icon span.neu-10, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--icon span[data-color=default], .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--primary--dark span.neu-10, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--primary--dark span[data-color=default], .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--primary span.neu-10, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--primary span[data-color=default], .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--secondary span.neu-10, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--secondary span[data-color=default], .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--small span.neu-10, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--small span[data-color=default], .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--tertiary span.neu-10, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--tertiary span[data-color=default], .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn span.neu-10, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn span[data-color=default], .filteredGridWithSort[data-grid="3"] .resourceCard .btn--icon span.neu-10, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--icon span[data-color=default], .filteredGridWithSort[data-grid="3"] .resourceCard .btn--primary--dark span.neu-10, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--primary--dark span[data-color=default], .filteredGridWithSort[data-grid="3"] .resourceCard .btn--primary span.neu-10, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--primary span[data-color=default], .filteredGridWithSort[data-grid="3"] .resourceCard .btn--secondary span.neu-10, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--secondary span[data-color=default], .filteredGridWithSort[data-grid="3"] .resourceCard .btn--small span.neu-10, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--small span[data-color=default], .filteredGridWithSort[data-grid="3"] .resourceCard .btn--tertiary span.neu-10, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--tertiary span[data-color=default], .filteredGridWithSort[data-grid="3"] .resourceCard .btn span.neu-10, .filteredGridWithSort[data-grid="3"] .resourceCard .btn span[data-color=default] {
                color: var(--neu-10)
            }

            .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--icon b, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--icon strong, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--primary--dark b, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--primary--dark strong, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--primary b, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--primary strong, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--secondary b, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--secondary strong, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--small b, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--small strong, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--tertiary b, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--tertiary strong, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn b, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn strong, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--icon b, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--icon strong, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--primary--dark b, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--primary--dark strong, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--primary b, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--primary strong, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--secondary b, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--secondary strong, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--small b, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--small strong, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--tertiary b, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--tertiary strong, .filteredGridWithSort[data-grid="3"] .resourceCard .btn b, .filteredGridWithSort[data-grid="3"] .resourceCard .btn strong {
                font-weight: 700
            }

            .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--icon em, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--primary--dark em, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--primary em, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--secondary em, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--small em, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--tertiary em, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn em, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--icon em, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--primary--dark em, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--primary em, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--secondary em, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--small em, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--tertiary em, .filteredGridWithSort[data-grid="3"] .resourceCard .btn em {
                font-style: italic
            }

            .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--icon i, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--primary--dark i, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--primary i, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--secondary i, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--small i, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--tertiary i, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn i, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--icon i, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--primary--dark i, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--primary i, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--secondary i, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--small i, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--tertiary i, .filteredGridWithSort[data-grid="3"] .resourceCard .btn i {
                min-width: 16px;
                width: 16px;
                height: 16px;
                font-size: 16px
            }

                .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--icon i:before, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--primary--dark i:before, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--primary i:before, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--secondary i:before, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--small i:before, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--tertiary i:before, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn i:before, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--icon i:before, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--primary--dark i:before, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--primary i:before, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--secondary i:before, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--small i:before, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--tertiary i:before, .filteredGridWithSort[data-grid="3"] .resourceCard .btn i:before {
                    font-size: 16px;
                    font-weight: 400
                }

            .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--icon, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--icon.btn--primary, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--icon.btn--primary--dark, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--icon.btn--secondary, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--icon.btn--small, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--icon.btn--tertiary, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn.btn--icon, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--icon, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--icon.btn--primary, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--icon.btn--primary--dark, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--icon.btn--secondary, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--icon.btn--small, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--icon.btn--tertiary, .filteredGridWithSort[data-grid="3"] .resourceCard .btn.btn--icon {
                width: 40px;
                min-width: 40px
            }

                .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--icon:hover, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--primary--dark:hover, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--primary:hover, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--secondary:hover, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--small:hover, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--tertiary:hover, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn:hover, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--icon:hover, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--primary--dark:hover, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--primary:hover, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--secondary:hover, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--small:hover, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--tertiary:hover, .filteredGridWithSort[data-grid="3"] .resourceCard .btn:hover {
                    color: var(--m-01--dark-01)
                }

    .filteredGridWithSort[data-grid="3"] .resultsCard, .filteredGridWithSort[data-grid="3"] .resultsCard--small {
        max-width: 960px;
        min-height: auto;
        padding: 0 0 16px;
        border-radius: 0;
        flex-direction: column
    }

        .filteredGridWithSort[data-grid="3"] .resultsCard--small .resultsCard__image, .filteredGridWithSort[data-grid="3"] .resultsCard .resultsCard__image {
            height: 126px;
            width: 100%;
            margin-right: 0;
            margin-bottom: 16px
        }

        .filteredGridWithSort[data-grid="3"] .resultsCard--small .resultsCard__content, .filteredGridWithSort[data-grid="3"] .resultsCard .resultsCard__content {
            flex: 2;
            justify-content: flex-start
        }

        .filteredGridWithSort[data-grid="3"] .resultsCard--small .resultsCard__topInfo, .filteredGridWithSort[data-grid="3"] .resultsCard .resultsCard__topInfo {
            flex-direction: column
        }

        .filteredGridWithSort[data-grid="3"] .resultsCard--small .resultsCard__sideInfo, .filteredGridWithSort[data-grid="3"] .resultsCard .resultsCard__sideInfo {
            order: 1;
            transform: none;
            justify-content: space-between;
            margin-bottom: 16px
        }

        .filteredGridWithSort[data-grid="3"] .resultsCard--small .resultsCard__labels, .filteredGridWithSort[data-grid="3"] .resultsCard .resultsCard__labels {
            order: 2
        }

        .filteredGridWithSort[data-grid="3"] .resultsCard--small .resultsCard__text, .filteredGridWithSort[data-grid="3"] .resultsCard .resultsCard__text {
            padding: 0
        }

        .filteredGridWithSort[data-grid="3"] .resultsCard--small .resultsCard__description, .filteredGridWithSort[data-grid="3"] .resultsCard .resultsCard__description {
            margin-top: 4px
        }

        .filteredGridWithSort[data-grid="3"] .resultsCard--small .resultsCard__bottomInfo, .filteredGridWithSort[data-grid="3"] .resultsCard .resultsCard__bottomInfo {
            margin-top: 8px
        }
}

@media (max-width:1280px) and (max-width:512px) {
    .filteredGridWithSort[data-grid="3"] .resultsCard--small .resultsCard__bottomInfo, .filteredGridWithSort[data-grid="3"] .resultsCard .resultsCard__bottomInfo {
        flex-direction: column;
        align-items: flex-start
    }
}

@media (max-width:1280px) and (max-width:512px) {
    .filteredGridWithSort[data-grid="3"] .resultsCard--small .resultsCard__btnContainer, .filteredGridWithSort[data-grid="3"] .resultsCard .resultsCard__btnContainer {
        margin-top: 8px;
        width: 100%;
        display: flex;
        justify-content: flex-end
    }
}

@media (max-width:1280px) {
    .filteredGridWithSort[data-grid="3"] .resultsCard--small .btnBookmark, .filteredGridWithSort[data-grid="3"] .resultsCard--small .btnBookmark--small, .filteredGridWithSort[data-grid="3"] .resultsCard .btnBookmark, .filteredGridWithSort[data-grid="3"] .resultsCard .btnBookmark--small {
        transform: translateX(16px);
        width: 48px
    }

    .filteredGridWithSort[data-grid="3"] .thumbResultsCard, .filteredGridWithSort[data-grid="3"] .thumbResultsCard--small {
        max-width: 636px;
        flex-direction: row
    }

        .filteredGridWithSort[data-grid="3"] .thumbResultsCard--small .thumbResultsCard__image, .filteredGridWithSort[data-grid="3"] .thumbResultsCard .thumbResultsCard__image {
            height: auto;
            width: 89px;
            min-width: 89px;
            border-top-left-radius: 2px;
            border-top-right-radius: 0;
            border-bottom-left-radius: 2px
        }

        .filteredGridWithSort[data-grid="3"] .thumbResultsCard--small .thumbResultsCard__content, .filteredGridWithSort[data-grid="3"] .thumbResultsCard .thumbResultsCard__content {
            justify-content: flex-start
        }

        .filteredGridWithSort[data-grid="3"] .thumbResultsCard--small .thumbResultsCard__sideInfo, .filteredGridWithSort[data-grid="3"] .thumbResultsCard .thumbResultsCard__sideInfo {
            transform: none;
            justify-content: space-between
        }

        .filteredGridWithSort[data-grid="3"] .thumbResultsCard--small .thumbResultsCard__text, .filteredGridWithSort[data-grid="3"] .thumbResultsCard .thumbResultsCard__text {
            padding: 0
        }

        .filteredGridWithSort[data-grid="3"] .thumbResultsCard--small .thumbResultsCard__description, .filteredGridWithSort[data-grid="3"] .thumbResultsCard .thumbResultsCard__description {
            margin-top: 4px
        }
}

@media (max-width:1280px) and (max-width:512px) {
    .filteredGridWithSort[data-grid="3"] .thumbResultsCard--small .thumbResultsCard__btnContainer, .filteredGridWithSort[data-grid="3"] .thumbResultsCard .thumbResultsCard__btnContainer {
        margin-top: 8px
    }
}

@media (max-width:1280px) {
    .filteredGridWithSort[data-grid="3"] .supplierCard, .filteredGridWithSort[data-grid="3"] .supplierCard--small {
        max-width: 960px;
        min-height: 214px
    }

        .filteredGridWithSort[data-grid="3"] .supplierCard--small .supplierCard__container, .filteredGridWithSort[data-grid="3"] .supplierCard .supplierCard__container {
            padding: 24px 16px
        }

            .filteredGridWithSort[data-grid="3"] .supplierCard--small .supplierCard__container.opened, .filteredGridWithSort[data-grid="3"] .supplierCard .supplierCard__container.opened {
                max-width: 90vw;
                padding: 24px 40px 24px 24px
            }
}

@media (max-width:1280px) and (max-width:768px) {
    .filteredGridWithSort[data-grid="3"] .supplierCard--small .supplierCard__container.opened, .filteredGridWithSort[data-grid="3"] .supplierCard .supplierCard__container.opened {
        padding: 24px
    }
}

@media (max-width:1280px) {
    .filteredGridWithSort[data-grid="3"] .supplierCard--small .supplierCard__container.opened .supplierCard__content, .filteredGridWithSort[data-grid="3"] .supplierCard .supplierCard__container.opened .supplierCard__content {
        max-width: calc(100% - 120px - 16px)
    }
}

@media (max-width:1280px) and (max-width:768px) {
    .filteredGridWithSort[data-grid="3"] .supplierCard--small .supplierCard__container.opened .supplierCard__content, .filteredGridWithSort[data-grid="3"] .supplierCard .supplierCard__container.opened .supplierCard__content {
        max-width: 100%
    }
}

@media (max-width:1280px) {
    .filteredGridWithSort[data-grid="3"] .supplierCard--small .supplierCard__container.opened .supplierCard__image, .filteredGridWithSort[data-grid="3"] .supplierCard .supplierCard__container.opened .supplierCard__image {
        width: 120px;
        height: 120px
    }

    .filteredGridWithSort[data-grid="3"] .supplierCard--small .supplierCard__image, .filteredGridWithSort[data-grid="3"] .supplierCard .supplierCard__image {
        max-width: 110px;
        width: calc(15% - 16px);
        margin-right: 16px
    }
}

@media (max-width:1280px) and (max-width:768px) {
    .filteredGridWithSort[data-grid="3"] .supplierCard--small .supplierCard__image, .filteredGridWithSort[data-grid="3"] .supplierCard .supplierCard__image {
        width: calc(25% - 16px)
    }
}

@media (max-width:1280px) and (max-width:512px) {
    .filteredGridWithSort[data-grid="3"] .supplierCard--small .supplierCard__image, .filteredGridWithSort[data-grid="3"] .supplierCard .supplierCard__image {
        width: calc(40% - 16px)
    }
}

@media (max-width:1280px) {
    .filteredGridWithSort[data-grid="3"] .supplierCard--small .supplierCard__content, .filteredGridWithSort[data-grid="3"] .supplierCard .supplierCard__content {
        max-width: 85%
    }
}

@media (max-width:1280px) and (max-width:768px) {
    .filteredGridWithSort[data-grid="3"] .supplierCard--small .supplierCard__content, .filteredGridWithSort[data-grid="3"] .supplierCard .supplierCard__content {
        max-width: 75%
    }
}

@media (max-width:1280px) and (max-width:512px) {
    .filteredGridWithSort[data-grid="3"] .supplierCard--small .supplierCard__content, .filteredGridWithSort[data-grid="3"] .supplierCard .supplierCard__content {
        max-width: 60%
    }
}

@media (max-width:1280px) and (max-width:768px) {
    .filteredGridWithSort[data-grid="3"] .supplierCard--small .supplierCard__title, .filteredGridWithSort[data-grid="3"] .supplierCard .supplierCard__title {
        margin: 16px 0 8px
    }
}

@media (max-width:1280px) {
    .filteredGridWithSort[data-grid="3"] .supplierCard--small .supplierCard__link, .filteredGridWithSort[data-grid="3"] .supplierCard .supplierCard__link {
        right: -40px
    }
}

@media (max-width:1280px) and (max-width:768px) {
    .filteredGridWithSort[data-grid="3"] .supplierCard--small .supplierCard__link, .filteredGridWithSort[data-grid="3"] .supplierCard .supplierCard__link {
        right: -24px
    }
}

@media (max-width:1280px) {
    .filteredGridWithSort[data-grid="3"] .supplierCard--small .supplierCard__shortDescription, .filteredGridWithSort[data-grid="3"] .supplierCard .supplierCard__shortDescription {
        max-width: none
    }

    .filteredGridWithSort[data-grid="3"] .supplierCard--small .openExpandedCard, .filteredGridWithSort[data-grid="3"] .supplierCard--small .openExpandedCard button, .filteredGridWithSort[data-grid="3"] .supplierCard .openExpandedCard, .filteredGridWithSort[data-grid="3"] .supplierCard .openExpandedCard button {
        width: 100%
    }

    .filteredGridWithSort[data-grid="3"] .supplierCard--small .closeExpandedCard, .filteredGridWithSort[data-grid="3"] .supplierCard .closeExpandedCard {
        top: 16px;
        right: 8px
    }

    .filteredGridWithSort[data-grid="3"] .supplierCard--small .btn, .filteredGridWithSort[data-grid="3"] .supplierCard--small .btn--icon, .filteredGridWithSort[data-grid="3"] .supplierCard--small .btn--primary, .filteredGridWithSort[data-grid="3"] .supplierCard--small .btn--primary--dark, .filteredGridWithSort[data-grid="3"] .supplierCard--small .btn--secondary, .filteredGridWithSort[data-grid="3"] .supplierCard--small .btn--small, .filteredGridWithSort[data-grid="3"] .supplierCard--small .btn--tertiary, .filteredGridWithSort[data-grid="3"] .supplierCard .btn, .filteredGridWithSort[data-grid="3"] .supplierCard .btn--icon, .filteredGridWithSort[data-grid="3"] .supplierCard .btn--primary, .filteredGridWithSort[data-grid="3"] .supplierCard .btn--primary--dark, .filteredGridWithSort[data-grid="3"] .supplierCard .btn--secondary, .filteredGridWithSort[data-grid="3"] .supplierCard .btn--small, .filteredGridWithSort[data-grid="3"] .supplierCard .btn--tertiary {
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-stretch: normal;
        letter-spacing: normal;
        font-family: Inter,sans-serif;
        font-size: .813rem;
        line-height: 1.538em;
        letter-spacing: -.003em;
        font-weight: 400;
        font-weight: 700;
        padding: 0 20px;
        height: 40px
    }

        .filteredGridWithSort[data-grid="3"] .supplierCard--small .btn--icon .link a, .filteredGridWithSort[data-grid="3"] .supplierCard--small .btn--primary--dark .link a, .filteredGridWithSort[data-grid="3"] .supplierCard--small .btn--primary .link a, .filteredGridWithSort[data-grid="3"] .supplierCard--small .btn--secondary .link a, .filteredGridWithSort[data-grid="3"] .supplierCard--small .btn--small .link a, .filteredGridWithSort[data-grid="3"] .supplierCard--small .btn--tertiary .link a, .filteredGridWithSort[data-grid="3"] .supplierCard--small .btn .link a, .filteredGridWithSort[data-grid="3"] .supplierCard .btn--icon .link a, .filteredGridWithSort[data-grid="3"] .supplierCard .btn--primary--dark .link a, .filteredGridWithSort[data-grid="3"] .supplierCard .btn--primary .link a, .filteredGridWithSort[data-grid="3"] .supplierCard .btn--secondary .link a, .filteredGridWithSort[data-grid="3"] .supplierCard .btn--small .link a, .filteredGridWithSort[data-grid="3"] .supplierCard .btn--tertiary .link a, .filteredGridWithSort[data-grid="3"] .supplierCard .btn .link a {
            transition: all .1s ease;
            text-decoration: underline;
            color: var(--m-01--dark-01)
        }

            .filteredGridWithSort[data-grid="3"] .supplierCard--small .btn--icon .link a:hover, .filteredGridWithSort[data-grid="3"] .supplierCard--small .btn--primary--dark .link a:hover, .filteredGridWithSort[data-grid="3"] .supplierCard--small .btn--primary .link a:hover, .filteredGridWithSort[data-grid="3"] .supplierCard--small .btn--secondary .link a:hover, .filteredGridWithSort[data-grid="3"] .supplierCard--small .btn--small .link a:hover, .filteredGridWithSort[data-grid="3"] .supplierCard--small .btn--tertiary .link a:hover, .filteredGridWithSort[data-grid="3"] .supplierCard--small .btn .link a:hover, .filteredGridWithSort[data-grid="3"] .supplierCard .btn--icon .link a:hover, .filteredGridWithSort[data-grid="3"] .supplierCard .btn--primary--dark .link a:hover, .filteredGridWithSort[data-grid="3"] .supplierCard .btn--primary .link a:hover, .filteredGridWithSort[data-grid="3"] .supplierCard .btn--secondary .link a:hover, .filteredGridWithSort[data-grid="3"] .supplierCard .btn--small .link a:hover, .filteredGridWithSort[data-grid="3"] .supplierCard .btn--tertiary .link a:hover, .filteredGridWithSort[data-grid="3"] .supplierCard .btn .link a:hover {
                color: var(--m-01)
            }

        .filteredGridWithSort[data-grid="3"] .supplierCard--small .btn--icon mark, .filteredGridWithSort[data-grid="3"] .supplierCard--small .btn--icon mark[data-color=color], .filteredGridWithSort[data-grid="3"] .supplierCard--small .btn--primary--dark mark, .filteredGridWithSort[data-grid="3"] .supplierCard--small .btn--primary--dark mark[data-color=color], .filteredGridWithSort[data-grid="3"] .supplierCard--small .btn--primary mark, .filteredGridWithSort[data-grid="3"] .supplierCard--small .btn--primary mark[data-color=color], .filteredGridWithSort[data-grid="3"] .supplierCard--small .btn--secondary mark, .filteredGridWithSort[data-grid="3"] .supplierCard--small .btn--secondary mark[data-color=color], .filteredGridWithSort[data-grid="3"] .supplierCard--small .btn--small mark, .filteredGridWithSort[data-grid="3"] .supplierCard--small .btn--small mark[data-color=color], .filteredGridWithSort[data-grid="3"] .supplierCard--small .btn--tertiary mark, .filteredGridWithSort[data-grid="3"] .supplierCard--small .btn--tertiary mark[data-color=color], .filteredGridWithSort[data-grid="3"] .supplierCard--small .btn mark, .filteredGridWithSort[data-grid="3"] .supplierCard--small .btn mark[data-color=color], .filteredGridWithSort[data-grid="3"] .supplierCard .btn--icon mark, .filteredGridWithSort[data-grid="3"] .supplierCard .btn--icon mark[data-color=color], .filteredGridWithSort[data-grid="3"] .supplierCard .btn--primary--dark mark, .filteredGridWithSort[data-grid="3"] .supplierCard .btn--primary--dark mark[data-color=color], .filteredGridWithSort[data-grid="3"] .supplierCard .btn--primary mark, .filteredGridWithSort[data-grid="3"] .supplierCard .btn--primary mark[data-color=color], .filteredGridWithSort[data-grid="3"] .supplierCard .btn--secondary mark, .filteredGridWithSort[data-grid="3"] .supplierCard .btn--secondary mark[data-color=color], .filteredGridWithSort[data-grid="3"] .supplierCard .btn--small mark, .filteredGridWithSort[data-grid="3"] .supplierCard .btn--small mark[data-color=color], .filteredGridWithSort[data-grid="3"] .supplierCard .btn--tertiary mark, .filteredGridWithSort[data-grid="3"] .supplierCard .btn--tertiary mark[data-color=color], .filteredGridWithSort[data-grid="3"] .supplierCard .btn mark, .filteredGridWithSort[data-grid="3"] .supplierCard .btn mark[data-color=color] {
            color: var(--m-01--dark-01)
        }

            .filteredGridWithSort[data-grid="3"] .supplierCard--small .btn--icon mark[data-color=gray], .filteredGridWithSort[data-grid="3"] .supplierCard--small .btn--primary--dark mark[data-color=gray], .filteredGridWithSort[data-grid="3"] .supplierCard--small .btn--primary mark[data-color=gray], .filteredGridWithSort[data-grid="3"] .supplierCard--small .btn--secondary mark[data-color=gray], .filteredGridWithSort[data-grid="3"] .supplierCard--small .btn--small mark[data-color=gray], .filteredGridWithSort[data-grid="3"] .supplierCard--small .btn--tertiary mark[data-color=gray], .filteredGridWithSort[data-grid="3"] .supplierCard--small .btn mark[data-color=gray], .filteredGridWithSort[data-grid="3"] .supplierCard .btn--icon mark[data-color=gray], .filteredGridWithSort[data-grid="3"] .supplierCard .btn--primary--dark mark[data-color=gray], .filteredGridWithSort[data-grid="3"] .supplierCard .btn--primary mark[data-color=gray], .filteredGridWithSort[data-grid="3"] .supplierCard .btn--secondary mark[data-color=gray], .filteredGridWithSort[data-grid="3"] .supplierCard .btn--small mark[data-color=gray], .filteredGridWithSort[data-grid="3"] .supplierCard .btn--tertiary mark[data-color=gray], .filteredGridWithSort[data-grid="3"] .supplierCard .btn mark[data-color=gray] {
                color: var(--neu-07)
            }

            .filteredGridWithSort[data-grid="3"] .supplierCard--small .btn--icon mark[data-color=default], .filteredGridWithSort[data-grid="3"] .supplierCard--small .btn--primary--dark mark[data-color=default], .filteredGridWithSort[data-grid="3"] .supplierCard--small .btn--primary mark[data-color=default], .filteredGridWithSort[data-grid="3"] .supplierCard--small .btn--secondary mark[data-color=default], .filteredGridWithSort[data-grid="3"] .supplierCard--small .btn--small mark[data-color=default], .filteredGridWithSort[data-grid="3"] .supplierCard--small .btn--tertiary mark[data-color=default], .filteredGridWithSort[data-grid="3"] .supplierCard--small .btn mark[data-color=default], .filteredGridWithSort[data-grid="3"] .supplierCard .btn--icon mark[data-color=default], .filteredGridWithSort[data-grid="3"] .supplierCard .btn--primary--dark mark[data-color=default], .filteredGridWithSort[data-grid="3"] .supplierCard .btn--primary mark[data-color=default], .filteredGridWithSort[data-grid="3"] .supplierCard .btn--secondary mark[data-color=default], .filteredGridWithSort[data-grid="3"] .supplierCard .btn--small mark[data-color=default], .filteredGridWithSort[data-grid="3"] .supplierCard .btn--tertiary mark[data-color=default], .filteredGridWithSort[data-grid="3"] .supplierCard .btn mark[data-color=default] {
                color: var(--neu-10)
            }

        .filteredGridWithSort[data-grid="3"] .supplierCard--small .btn--icon span.m-01--dark-01, .filteredGridWithSort[data-grid="3"] .supplierCard--small .btn--icon span[data-color=color], .filteredGridWithSort[data-grid="3"] .supplierCard--small .btn--primary--dark span.m-01--dark-01, .filteredGridWithSort[data-grid="3"] .supplierCard--small .btn--primary--dark span[data-color=color], .filteredGridWithSort[data-grid="3"] .supplierCard--small .btn--primary span.m-01--dark-01, .filteredGridWithSort[data-grid="3"] .supplierCard--small .btn--primary span[data-color=color], .filteredGridWithSort[data-grid="3"] .supplierCard--small .btn--secondary span.m-01--dark-01, .filteredGridWithSort[data-grid="3"] .supplierCard--small .btn--secondary span[data-color=color], .filteredGridWithSort[data-grid="3"] .supplierCard--small .btn--small span.m-01--dark-01, .filteredGridWithSort[data-grid="3"] .supplierCard--small .btn--small span[data-color=color], .filteredGridWithSort[data-grid="3"] .supplierCard--small .btn--tertiary span.m-01--dark-01, .filteredGridWithSort[data-grid="3"] .supplierCard--small .btn--tertiary span[data-color=color], .filteredGridWithSort[data-grid="3"] .supplierCard--small .btn span.m-01--dark-01, .filteredGridWithSort[data-grid="3"] .supplierCard--small .btn span[data-color=color], .filteredGridWithSort[data-grid="3"] .supplierCard .btn--icon span.m-01--dark-01, .filteredGridWithSort[data-grid="3"] .supplierCard .btn--icon span[data-color=color], .filteredGridWithSort[data-grid="3"] .supplierCard .btn--primary--dark span.m-01--dark-01, .filteredGridWithSort[data-grid="3"] .supplierCard .btn--primary--dark span[data-color=color], .filteredGridWithSort[data-grid="3"] .supplierCard .btn--primary span.m-01--dark-01, .filteredGridWithSort[data-grid="3"] .supplierCard .btn--primary span[data-color=color], .filteredGridWithSort[data-grid="3"] .supplierCard .btn--secondary span.m-01--dark-01, .filteredGridWithSort[data-grid="3"] .supplierCard .btn--secondary span[data-color=color], .filteredGridWithSort[data-grid="3"] .supplierCard .btn--small span.m-01--dark-01, .filteredGridWithSort[data-grid="3"] .supplierCard .btn--small span[data-color=color], .filteredGridWithSort[data-grid="3"] .supplierCard .btn--tertiary span.m-01--dark-01, .filteredGridWithSort[data-grid="3"] .supplierCard .btn--tertiary span[data-color=color], .filteredGridWithSort[data-grid="3"] .supplierCard .btn span.m-01--dark-01, .filteredGridWithSort[data-grid="3"] .supplierCard .btn span[data-color=color] {
            color: var(--m-01--dark-01)
        }

        .filteredGridWithSort[data-grid="3"] .supplierCard--small .btn--icon span.neu-07, .filteredGridWithSort[data-grid="3"] .supplierCard--small .btn--icon span[data-color=gray], .filteredGridWithSort[data-grid="3"] .supplierCard--small .btn--primary--dark span.neu-07, .filteredGridWithSort[data-grid="3"] .supplierCard--small .btn--primary--dark span[data-color=gray], .filteredGridWithSort[data-grid="3"] .supplierCard--small .btn--primary span.neu-07, .filteredGridWithSort[data-grid="3"] .supplierCard--small .btn--primary span[data-color=gray], .filteredGridWithSort[data-grid="3"] .supplierCard--small .btn--secondary span.neu-07, .filteredGridWithSort[data-grid="3"] .supplierCard--small .btn--secondary span[data-color=gray], .filteredGridWithSort[data-grid="3"] .supplierCard--small .btn--small span.neu-07, .filteredGridWithSort[data-grid="3"] .supplierCard--small .btn--small span[data-color=gray], .filteredGridWithSort[data-grid="3"] .supplierCard--small .btn--tertiary span.neu-07, .filteredGridWithSort[data-grid="3"] .supplierCard--small .btn--tertiary span[data-color=gray], .filteredGridWithSort[data-grid="3"] .supplierCard--small .btn span.neu-07, .filteredGridWithSort[data-grid="3"] .supplierCard--small .btn span[data-color=gray], .filteredGridWithSort[data-grid="3"] .supplierCard .btn--icon span.neu-07, .filteredGridWithSort[data-grid="3"] .supplierCard .btn--icon span[data-color=gray], .filteredGridWithSort[data-grid="3"] .supplierCard .btn--primary--dark span.neu-07, .filteredGridWithSort[data-grid="3"] .supplierCard .btn--primary--dark span[data-color=gray], .filteredGridWithSort[data-grid="3"] .supplierCard .btn--primary span.neu-07, .filteredGridWithSort[data-grid="3"] .supplierCard .btn--primary span[data-color=gray], .filteredGridWithSort[data-grid="3"] .supplierCard .btn--secondary span.neu-07, .filteredGridWithSort[data-grid="3"] .supplierCard .btn--secondary span[data-color=gray], .filteredGridWithSort[data-grid="3"] .supplierCard .btn--small span.neu-07, .filteredGridWithSort[data-grid="3"] .supplierCard .btn--small span[data-color=gray], .filteredGridWithSort[data-grid="3"] .supplierCard .btn--tertiary span.neu-07, .filteredGridWithSort[data-grid="3"] .supplierCard .btn--tertiary span[data-color=gray], .filteredGridWithSort[data-grid="3"] .supplierCard .btn span.neu-07, .filteredGridWithSort[data-grid="3"] .supplierCard .btn span[data-color=gray] {
            color: var(--neu-07)
        }

        .filteredGridWithSort[data-grid="3"] .supplierCard--small .btn--icon span.neu-10, .filteredGridWithSort[data-grid="3"] .supplierCard--small .btn--icon span[data-color=default], .filteredGridWithSort[data-grid="3"] .supplierCard--small .btn--primary--dark span.neu-10, .filteredGridWithSort[data-grid="3"] .supplierCard--small .btn--primary--dark span[data-color=default], .filteredGridWithSort[data-grid="3"] .supplierCard--small .btn--primary span.neu-10, .filteredGridWithSort[data-grid="3"] .supplierCard--small .btn--primary span[data-color=default], .filteredGridWithSort[data-grid="3"] .supplierCard--small .btn--secondary span.neu-10, .filteredGridWithSort[data-grid="3"] .supplierCard--small .btn--secondary span[data-color=default], .filteredGridWithSort[data-grid="3"] .supplierCard--small .btn--small span.neu-10, .filteredGridWithSort[data-grid="3"] .supplierCard--small .btn--small span[data-color=default], .filteredGridWithSort[data-grid="3"] .supplierCard--small .btn--tertiary span.neu-10, .filteredGridWithSort[data-grid="3"] .supplierCard--small .btn--tertiary span[data-color=default], .filteredGridWithSort[data-grid="3"] .supplierCard--small .btn span.neu-10, .filteredGridWithSort[data-grid="3"] .supplierCard--small .btn span[data-color=default], .filteredGridWithSort[data-grid="3"] .supplierCard .btn--icon span.neu-10, .filteredGridWithSort[data-grid="3"] .supplierCard .btn--icon span[data-color=default], .filteredGridWithSort[data-grid="3"] .supplierCard .btn--primary--dark span.neu-10, .filteredGridWithSort[data-grid="3"] .supplierCard .btn--primary--dark span[data-color=default], .filteredGridWithSort[data-grid="3"] .supplierCard .btn--primary span.neu-10, .filteredGridWithSort[data-grid="3"] .supplierCard .btn--primary span[data-color=default], .filteredGridWithSort[data-grid="3"] .supplierCard .btn--secondary span.neu-10, .filteredGridWithSort[data-grid="3"] .supplierCard .btn--secondary span[data-color=default], .filteredGridWithSort[data-grid="3"] .supplierCard .btn--small span.neu-10, .filteredGridWithSort[data-grid="3"] .supplierCard .btn--small span[data-color=default], .filteredGridWithSort[data-grid="3"] .supplierCard .btn--tertiary span.neu-10, .filteredGridWithSort[data-grid="3"] .supplierCard .btn--tertiary span[data-color=default], .filteredGridWithSort[data-grid="3"] .supplierCard .btn span.neu-10, .filteredGridWithSort[data-grid="3"] .supplierCard .btn span[data-color=default] {
            color: var(--neu-10)
        }

        .filteredGridWithSort[data-grid="3"] .supplierCard--small .btn--icon b, .filteredGridWithSort[data-grid="3"] .supplierCard--small .btn--icon strong, .filteredGridWithSort[data-grid="3"] .supplierCard--small .btn--primary--dark b, .filteredGridWithSort[data-grid="3"] .supplierCard--small .btn--primary--dark strong, .filteredGridWithSort[data-grid="3"] .supplierCard--small .btn--primary b, .filteredGridWithSort[data-grid="3"] .supplierCard--small .btn--primary strong, .filteredGridWithSort[data-grid="3"] .supplierCard--small .btn--secondary b, .filteredGridWithSort[data-grid="3"] .supplierCard--small .btn--secondary strong, .filteredGridWithSort[data-grid="3"] .supplierCard--small .btn--small b, .filteredGridWithSort[data-grid="3"] .supplierCard--small .btn--small strong, .filteredGridWithSort[data-grid="3"] .supplierCard--small .btn--tertiary b, .filteredGridWithSort[data-grid="3"] .supplierCard--small .btn--tertiary strong, .filteredGridWithSort[data-grid="3"] .supplierCard--small .btn b, .filteredGridWithSort[data-grid="3"] .supplierCard--small .btn strong, .filteredGridWithSort[data-grid="3"] .supplierCard .btn--icon b, .filteredGridWithSort[data-grid="3"] .supplierCard .btn--icon strong, .filteredGridWithSort[data-grid="3"] .supplierCard .btn--primary--dark b, .filteredGridWithSort[data-grid="3"] .supplierCard .btn--primary--dark strong, .filteredGridWithSort[data-grid="3"] .supplierCard .btn--primary b, .filteredGridWithSort[data-grid="3"] .supplierCard .btn--primary strong, .filteredGridWithSort[data-grid="3"] .supplierCard .btn--secondary b, .filteredGridWithSort[data-grid="3"] .supplierCard .btn--secondary strong, .filteredGridWithSort[data-grid="3"] .supplierCard .btn--small b, .filteredGridWithSort[data-grid="3"] .supplierCard .btn--small strong, .filteredGridWithSort[data-grid="3"] .supplierCard .btn--tertiary b, .filteredGridWithSort[data-grid="3"] .supplierCard .btn--tertiary strong, .filteredGridWithSort[data-grid="3"] .supplierCard .btn b, .filteredGridWithSort[data-grid="3"] .supplierCard .btn strong {
            font-weight: 700
        }

        .filteredGridWithSort[data-grid="3"] .supplierCard--small .btn--icon em, .filteredGridWithSort[data-grid="3"] .supplierCard--small .btn--primary--dark em, .filteredGridWithSort[data-grid="3"] .supplierCard--small .btn--primary em, .filteredGridWithSort[data-grid="3"] .supplierCard--small .btn--secondary em, .filteredGridWithSort[data-grid="3"] .supplierCard--small .btn--small em, .filteredGridWithSort[data-grid="3"] .supplierCard--small .btn--tertiary em, .filteredGridWithSort[data-grid="3"] .supplierCard--small .btn em, .filteredGridWithSort[data-grid="3"] .supplierCard .btn--icon em, .filteredGridWithSort[data-grid="3"] .supplierCard .btn--primary--dark em, .filteredGridWithSort[data-grid="3"] .supplierCard .btn--primary em, .filteredGridWithSort[data-grid="3"] .supplierCard .btn--secondary em, .filteredGridWithSort[data-grid="3"] .supplierCard .btn--small em, .filteredGridWithSort[data-grid="3"] .supplierCard .btn--tertiary em, .filteredGridWithSort[data-grid="3"] .supplierCard .btn em {
            font-style: italic
        }

        .filteredGridWithSort[data-grid="3"] .supplierCard--small .btn--icon i, .filteredGridWithSort[data-grid="3"] .supplierCard--small .btn--primary--dark i, .filteredGridWithSort[data-grid="3"] .supplierCard--small .btn--primary i, .filteredGridWithSort[data-grid="3"] .supplierCard--small .btn--secondary i, .filteredGridWithSort[data-grid="3"] .supplierCard--small .btn--small i, .filteredGridWithSort[data-grid="3"] .supplierCard--small .btn--tertiary i, .filteredGridWithSort[data-grid="3"] .supplierCard--small .btn i, .filteredGridWithSort[data-grid="3"] .supplierCard .btn--icon i, .filteredGridWithSort[data-grid="3"] .supplierCard .btn--primary--dark i, .filteredGridWithSort[data-grid="3"] .supplierCard .btn--primary i, .filteredGridWithSort[data-grid="3"] .supplierCard .btn--secondary i, .filteredGridWithSort[data-grid="3"] .supplierCard .btn--small i, .filteredGridWithSort[data-grid="3"] .supplierCard .btn--tertiary i, .filteredGridWithSort[data-grid="3"] .supplierCard .btn i {
            min-width: 16px;
            width: 16px;
            height: 16px;
            font-size: 16px
        }

            .filteredGridWithSort[data-grid="3"] .supplierCard--small .btn--icon i:before, .filteredGridWithSort[data-grid="3"] .supplierCard--small .btn--primary--dark i:before, .filteredGridWithSort[data-grid="3"] .supplierCard--small .btn--primary i:before, .filteredGridWithSort[data-grid="3"] .supplierCard--small .btn--secondary i:before, .filteredGridWithSort[data-grid="3"] .supplierCard--small .btn--small i:before, .filteredGridWithSort[data-grid="3"] .supplierCard--small .btn--tertiary i:before, .filteredGridWithSort[data-grid="3"] .supplierCard--small .btn i:before, .filteredGridWithSort[data-grid="3"] .supplierCard .btn--icon i:before, .filteredGridWithSort[data-grid="3"] .supplierCard .btn--primary--dark i:before, .filteredGridWithSort[data-grid="3"] .supplierCard .btn--primary i:before, .filteredGridWithSort[data-grid="3"] .supplierCard .btn--secondary i:before, .filteredGridWithSort[data-grid="3"] .supplierCard .btn--small i:before, .filteredGridWithSort[data-grid="3"] .supplierCard .btn--tertiary i:before, .filteredGridWithSort[data-grid="3"] .supplierCard .btn i:before {
                font-size: 16px;
                font-weight: 400
            }

        .filteredGridWithSort[data-grid="3"] .supplierCard--small .btn--icon, .filteredGridWithSort[data-grid="3"] .supplierCard--small .btn--icon.btn--primary, .filteredGridWithSort[data-grid="3"] .supplierCard--small .btn--icon.btn--primary--dark, .filteredGridWithSort[data-grid="3"] .supplierCard--small .btn--icon.btn--secondary, .filteredGridWithSort[data-grid="3"] .supplierCard--small .btn--icon.btn--small, .filteredGridWithSort[data-grid="3"] .supplierCard--small .btn--icon.btn--tertiary, .filteredGridWithSort[data-grid="3"] .supplierCard--small .btn.btn--icon, .filteredGridWithSort[data-grid="3"] .supplierCard .btn--icon, .filteredGridWithSort[data-grid="3"] .supplierCard .btn--icon.btn--primary, .filteredGridWithSort[data-grid="3"] .supplierCard .btn--icon.btn--primary--dark, .filteredGridWithSort[data-grid="3"] .supplierCard .btn--icon.btn--secondary, .filteredGridWithSort[data-grid="3"] .supplierCard .btn--icon.btn--small, .filteredGridWithSort[data-grid="3"] .supplierCard .btn--icon.btn--tertiary, .filteredGridWithSort[data-grid="3"] .supplierCard .btn.btn--icon {
            width: 40px;
            min-width: 40px
        }

    .filteredGridWithSort[data-grid="3"] .regionResultsCard, .filteredGridWithSort[data-grid="3"] .regionResultsCard--small {
        max-width: 960px;
        min-height: auto;
        padding: 0 0 24px;
        border-radius: 0;
        flex-direction: column
    }

        .filteredGridWithSort[data-grid="3"] .regionResultsCard--small .regionResultsCard__image, .filteredGridWithSort[data-grid="3"] .regionResultsCard .regionResultsCard__image {
            height: 100px;
            width: 100%;
            margin-right: 0;
            margin-bottom: 16px
        }

        .filteredGridWithSort[data-grid="3"] .regionResultsCard--small .regionResultsCard__title, .filteredGridWithSort[data-grid="3"] .regionResultsCard .regionResultsCard__title {
            margin-top: 4px
        }

        .filteredGridWithSort[data-grid="3"] .regionResultsCard--small .regionResultsCard__content, .filteredGridWithSort[data-grid="3"] .regionResultsCard .regionResultsCard__content {
            flex: 2;
            justify-content: flex-start
        }

        .filteredGridWithSort[data-grid="3"] .regionResultsCard--small .regionResultsCard__topInfo, .filteredGridWithSort[data-grid="3"] .regionResultsCard .regionResultsCard__topInfo {
            flex-direction: column
        }

        .filteredGridWithSort[data-grid="3"] .regionResultsCard--small .regionResultsCard__sideInfo, .filteredGridWithSort[data-grid="3"] .regionResultsCard .regionResultsCard__sideInfo {
            order: 1;
            transform: none;
            justify-content: space-between;
            margin-bottom: 16px
        }

        .filteredGridWithSort[data-grid="3"] .regionResultsCard--small .regionResultsCard__labels, .filteredGridWithSort[data-grid="3"] .regionResultsCard .regionResultsCard__labels {
            order: 2
        }

        .filteredGridWithSort[data-grid="3"] .regionResultsCard--small .regionResultsCard__text, .filteredGridWithSort[data-grid="3"] .regionResultsCard .regionResultsCard__text {
            padding: 0
        }

        .filteredGridWithSort[data-grid="3"] .regionResultsCard--small .regionResultsCard__bottomInfo, .filteredGridWithSort[data-grid="3"] .regionResultsCard .regionResultsCard__bottomInfo {
            margin-top: 8px;
            flex-direction: column;
            align-items: flex-start
        }

        .filteredGridWithSort[data-grid="3"] .regionResultsCard--small .regionResultsCard__btnContainer, .filteredGridWithSort[data-grid="3"] .regionResultsCard .regionResultsCard__btnContainer {
            width: 100%;
            display: flex
        }

            .filteredGridWithSort[data-grid="3"] .regionResultsCard--small .regionResultsCard__btnContainer .btn--primary, .filteredGridWithSort[data-grid="3"] .regionResultsCard .regionResultsCard__btnContainer .btn--primary {
                width: 100%
            }

        .filteredGridWithSort[data-grid="3"] .regionResultsCard--small .btnBookmark, .filteredGridWithSort[data-grid="3"] .regionResultsCard--small .btnBookmark--privateArea, .filteredGridWithSort[data-grid="3"] .regionResultsCard--small .btnBookmark--small, .filteredGridWithSort[data-grid="3"] .regionResultsCard .btnBookmark, .filteredGridWithSort[data-grid="3"] .regionResultsCard .btnBookmark--privateArea, .filteredGridWithSort[data-grid="3"] .regionResultsCard .btnBookmark--small {
            transform: translateX(20px)
        }

            .filteredGridWithSort[data-grid="3"] .regionResultsCard--small .btnBookmark--privateArea .btnBookmark, .filteredGridWithSort[data-grid="3"] .regionResultsCard--small .btnBookmark--privateArea .btnBookmark--small, .filteredGridWithSort[data-grid="3"] .regionResultsCard .btnBookmark--privateArea .btnBookmark, .filteredGridWithSort[data-grid="3"] .regionResultsCard .btnBookmark--privateArea .btnBookmark--small {
                transform: translateX(0)
            }

    .filteredGridWithSort[data-grid="3"] .resourceCard, .filteredGridWithSort[data-grid="3"] .resourceCard--small {
        max-width: 960px;
        min-height: 200px;
        height: 100%;
        padding: 24px 16px
    }

        .filteredGridWithSort[data-grid="3"] .resourceCard--small .resourceCard__title, .filteredGridWithSort[data-grid="3"] .resourceCard .resourceCard__title {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Inter,sans-serif;
            font-size: 1.188rem;
            line-height: 1.263em;
            letter-spacing: -.016em;
            font-weight: 400;
            margin-top: 4px
        }

            .filteredGridWithSort[data-grid="3"] .resourceCard--small .resourceCard__title .link a, .filteredGridWithSort[data-grid="3"] .resourceCard .resourceCard__title .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .filteredGridWithSort[data-grid="3"] .resourceCard--small .resourceCard__title .link a:hover, .filteredGridWithSort[data-grid="3"] .resourceCard .resourceCard__title .link a:hover {
                    color: var(--m-01)
                }

            .filteredGridWithSort[data-grid="3"] .resourceCard--small .resourceCard__title mark, .filteredGridWithSort[data-grid="3"] .resourceCard--small .resourceCard__title mark[data-color=color], .filteredGridWithSort[data-grid="3"] .resourceCard .resourceCard__title mark, .filteredGridWithSort[data-grid="3"] .resourceCard .resourceCard__title mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .filteredGridWithSort[data-grid="3"] .resourceCard--small .resourceCard__title mark[data-color=gray], .filteredGridWithSort[data-grid="3"] .resourceCard .resourceCard__title mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .filteredGridWithSort[data-grid="3"] .resourceCard--small .resourceCard__title mark[data-color=default], .filteredGridWithSort[data-grid="3"] .resourceCard .resourceCard__title mark[data-color=default] {
                    color: var(--neu-10)
                }

            .filteredGridWithSort[data-grid="3"] .resourceCard--small .resourceCard__title span.m-01--dark-01, .filteredGridWithSort[data-grid="3"] .resourceCard--small .resourceCard__title span[data-color=color], .filteredGridWithSort[data-grid="3"] .resourceCard .resourceCard__title span.m-01--dark-01, .filteredGridWithSort[data-grid="3"] .resourceCard .resourceCard__title span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .filteredGridWithSort[data-grid="3"] .resourceCard--small .resourceCard__title span.neu-07, .filteredGridWithSort[data-grid="3"] .resourceCard--small .resourceCard__title span[data-color=gray], .filteredGridWithSort[data-grid="3"] .resourceCard .resourceCard__title span.neu-07, .filteredGridWithSort[data-grid="3"] .resourceCard .resourceCard__title span[data-color=gray] {
                color: var(--neu-07)
            }

            .filteredGridWithSort[data-grid="3"] .resourceCard--small .resourceCard__title span.neu-10, .filteredGridWithSort[data-grid="3"] .resourceCard--small .resourceCard__title span[data-color=default], .filteredGridWithSort[data-grid="3"] .resourceCard .resourceCard__title span.neu-10, .filteredGridWithSort[data-grid="3"] .resourceCard .resourceCard__title span[data-color=default] {
                color: var(--neu-10)
            }

            .filteredGridWithSort[data-grid="3"] .resourceCard--small .resourceCard__title b, .filteredGridWithSort[data-grid="3"] .resourceCard--small .resourceCard__title strong, .filteredGridWithSort[data-grid="3"] .resourceCard .resourceCard__title b, .filteredGridWithSort[data-grid="3"] .resourceCard .resourceCard__title strong {
                font-weight: 700
            }

            .filteredGridWithSort[data-grid="3"] .resourceCard--small .resourceCard__title em, .filteredGridWithSort[data-grid="3"] .resourceCard .resourceCard__title em {
                font-style: italic
            }

        .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--icon, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--primary, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--primary--dark, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--secondary, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--small, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--tertiary, .filteredGridWithSort[data-grid="3"] .resourceCard .btn, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--icon, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--primary, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--primary--dark, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--secondary, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--small, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--tertiary {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Inter,sans-serif;
            font-size: .813rem;
            line-height: 1.538em;
            letter-spacing: -.003em;
            font-weight: 400;
            font-weight: 700;
            padding: 0 20px;
            height: 40px
        }

            .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--icon .link a, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--primary--dark .link a, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--primary .link a, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--secondary .link a, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--small .link a, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--tertiary .link a, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn .link a, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--icon .link a, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--primary--dark .link a, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--primary .link a, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--secondary .link a, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--small .link a, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--tertiary .link a, .filteredGridWithSort[data-grid="3"] .resourceCard .btn .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--icon .link a:hover, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--primary--dark .link a:hover, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--primary .link a:hover, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--secondary .link a:hover, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--small .link a:hover, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--tertiary .link a:hover, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn .link a:hover, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--icon .link a:hover, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--primary--dark .link a:hover, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--primary .link a:hover, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--secondary .link a:hover, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--small .link a:hover, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--tertiary .link a:hover, .filteredGridWithSort[data-grid="3"] .resourceCard .btn .link a:hover {
                    color: var(--m-01)
                }

            .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--icon mark, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--icon mark[data-color=color], .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--primary--dark mark, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--primary--dark mark[data-color=color], .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--primary mark, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--primary mark[data-color=color], .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--secondary mark, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--secondary mark[data-color=color], .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--small mark, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--small mark[data-color=color], .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--tertiary mark, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--tertiary mark[data-color=color], .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn mark, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn mark[data-color=color], .filteredGridWithSort[data-grid="3"] .resourceCard .btn--icon mark, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--icon mark[data-color=color], .filteredGridWithSort[data-grid="3"] .resourceCard .btn--primary--dark mark, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--primary--dark mark[data-color=color], .filteredGridWithSort[data-grid="3"] .resourceCard .btn--primary mark, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--primary mark[data-color=color], .filteredGridWithSort[data-grid="3"] .resourceCard .btn--secondary mark, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--secondary mark[data-color=color], .filteredGridWithSort[data-grid="3"] .resourceCard .btn--small mark, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--small mark[data-color=color], .filteredGridWithSort[data-grid="3"] .resourceCard .btn--tertiary mark, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--tertiary mark[data-color=color], .filteredGridWithSort[data-grid="3"] .resourceCard .btn mark, .filteredGridWithSort[data-grid="3"] .resourceCard .btn mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--icon mark[data-color=gray], .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--primary--dark mark[data-color=gray], .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--primary mark[data-color=gray], .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--secondary mark[data-color=gray], .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--small mark[data-color=gray], .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--tertiary mark[data-color=gray], .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn mark[data-color=gray], .filteredGridWithSort[data-grid="3"] .resourceCard .btn--icon mark[data-color=gray], .filteredGridWithSort[data-grid="3"] .resourceCard .btn--primary--dark mark[data-color=gray], .filteredGridWithSort[data-grid="3"] .resourceCard .btn--primary mark[data-color=gray], .filteredGridWithSort[data-grid="3"] .resourceCard .btn--secondary mark[data-color=gray], .filteredGridWithSort[data-grid="3"] .resourceCard .btn--small mark[data-color=gray], .filteredGridWithSort[data-grid="3"] .resourceCard .btn--tertiary mark[data-color=gray], .filteredGridWithSort[data-grid="3"] .resourceCard .btn mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--icon mark[data-color=default], .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--primary--dark mark[data-color=default], .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--primary mark[data-color=default], .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--secondary mark[data-color=default], .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--small mark[data-color=default], .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--tertiary mark[data-color=default], .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn mark[data-color=default], .filteredGridWithSort[data-grid="3"] .resourceCard .btn--icon mark[data-color=default], .filteredGridWithSort[data-grid="3"] .resourceCard .btn--primary--dark mark[data-color=default], .filteredGridWithSort[data-grid="3"] .resourceCard .btn--primary mark[data-color=default], .filteredGridWithSort[data-grid="3"] .resourceCard .btn--secondary mark[data-color=default], .filteredGridWithSort[data-grid="3"] .resourceCard .btn--small mark[data-color=default], .filteredGridWithSort[data-grid="3"] .resourceCard .btn--tertiary mark[data-color=default], .filteredGridWithSort[data-grid="3"] .resourceCard .btn mark[data-color=default] {
                    color: var(--neu-10)
                }

            .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--icon span.m-01--dark-01, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--icon span[data-color=color], .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--primary--dark span.m-01--dark-01, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--primary--dark span[data-color=color], .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--primary span.m-01--dark-01, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--primary span[data-color=color], .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--secondary span.m-01--dark-01, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--secondary span[data-color=color], .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--small span.m-01--dark-01, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--small span[data-color=color], .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--tertiary span.m-01--dark-01, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--tertiary span[data-color=color], .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn span.m-01--dark-01, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn span[data-color=color], .filteredGridWithSort[data-grid="3"] .resourceCard .btn--icon span.m-01--dark-01, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--icon span[data-color=color], .filteredGridWithSort[data-grid="3"] .resourceCard .btn--primary--dark span.m-01--dark-01, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--primary--dark span[data-color=color], .filteredGridWithSort[data-grid="3"] .resourceCard .btn--primary span.m-01--dark-01, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--primary span[data-color=color], .filteredGridWithSort[data-grid="3"] .resourceCard .btn--secondary span.m-01--dark-01, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--secondary span[data-color=color], .filteredGridWithSort[data-grid="3"] .resourceCard .btn--small span.m-01--dark-01, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--small span[data-color=color], .filteredGridWithSort[data-grid="3"] .resourceCard .btn--tertiary span.m-01--dark-01, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--tertiary span[data-color=color], .filteredGridWithSort[data-grid="3"] .resourceCard .btn span.m-01--dark-01, .filteredGridWithSort[data-grid="3"] .resourceCard .btn span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--icon span.neu-07, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--icon span[data-color=gray], .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--primary--dark span.neu-07, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--primary--dark span[data-color=gray], .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--primary span.neu-07, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--primary span[data-color=gray], .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--secondary span.neu-07, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--secondary span[data-color=gray], .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--small span.neu-07, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--small span[data-color=gray], .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--tertiary span.neu-07, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--tertiary span[data-color=gray], .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn span.neu-07, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn span[data-color=gray], .filteredGridWithSort[data-grid="3"] .resourceCard .btn--icon span.neu-07, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--icon span[data-color=gray], .filteredGridWithSort[data-grid="3"] .resourceCard .btn--primary--dark span.neu-07, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--primary--dark span[data-color=gray], .filteredGridWithSort[data-grid="3"] .resourceCard .btn--primary span.neu-07, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--primary span[data-color=gray], .filteredGridWithSort[data-grid="3"] .resourceCard .btn--secondary span.neu-07, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--secondary span[data-color=gray], .filteredGridWithSort[data-grid="3"] .resourceCard .btn--small span.neu-07, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--small span[data-color=gray], .filteredGridWithSort[data-grid="3"] .resourceCard .btn--tertiary span.neu-07, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--tertiary span[data-color=gray], .filteredGridWithSort[data-grid="3"] .resourceCard .btn span.neu-07, .filteredGridWithSort[data-grid="3"] .resourceCard .btn span[data-color=gray] {
                color: var(--neu-07)
            }

            .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--icon span.neu-10, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--icon span[data-color=default], .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--primary--dark span.neu-10, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--primary--dark span[data-color=default], .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--primary span.neu-10, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--primary span[data-color=default], .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--secondary span.neu-10, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--secondary span[data-color=default], .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--small span.neu-10, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--small span[data-color=default], .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--tertiary span.neu-10, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--tertiary span[data-color=default], .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn span.neu-10, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn span[data-color=default], .filteredGridWithSort[data-grid="3"] .resourceCard .btn--icon span.neu-10, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--icon span[data-color=default], .filteredGridWithSort[data-grid="3"] .resourceCard .btn--primary--dark span.neu-10, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--primary--dark span[data-color=default], .filteredGridWithSort[data-grid="3"] .resourceCard .btn--primary span.neu-10, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--primary span[data-color=default], .filteredGridWithSort[data-grid="3"] .resourceCard .btn--secondary span.neu-10, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--secondary span[data-color=default], .filteredGridWithSort[data-grid="3"] .resourceCard .btn--small span.neu-10, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--small span[data-color=default], .filteredGridWithSort[data-grid="3"] .resourceCard .btn--tertiary span.neu-10, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--tertiary span[data-color=default], .filteredGridWithSort[data-grid="3"] .resourceCard .btn span.neu-10, .filteredGridWithSort[data-grid="3"] .resourceCard .btn span[data-color=default] {
                color: var(--neu-10)
            }

            .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--icon b, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--icon strong, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--primary--dark b, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--primary--dark strong, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--primary b, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--primary strong, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--secondary b, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--secondary strong, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--small b, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--small strong, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--tertiary b, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--tertiary strong, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn b, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn strong, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--icon b, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--icon strong, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--primary--dark b, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--primary--dark strong, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--primary b, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--primary strong, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--secondary b, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--secondary strong, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--small b, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--small strong, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--tertiary b, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--tertiary strong, .filteredGridWithSort[data-grid="3"] .resourceCard .btn b, .filteredGridWithSort[data-grid="3"] .resourceCard .btn strong {
                font-weight: 700
            }

            .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--icon em, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--primary--dark em, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--primary em, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--secondary em, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--small em, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--tertiary em, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn em, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--icon em, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--primary--dark em, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--primary em, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--secondary em, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--small em, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--tertiary em, .filteredGridWithSort[data-grid="3"] .resourceCard .btn em {
                font-style: italic
            }

            .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--icon i, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--primary--dark i, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--primary i, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--secondary i, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--small i, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--tertiary i, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn i, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--icon i, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--primary--dark i, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--primary i, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--secondary i, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--small i, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--tertiary i, .filteredGridWithSort[data-grid="3"] .resourceCard .btn i {
                min-width: 16px;
                width: 16px;
                height: 16px;
                font-size: 16px
            }

                .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--icon i:before, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--primary--dark i:before, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--primary i:before, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--secondary i:before, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--small i:before, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--tertiary i:before, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn i:before, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--icon i:before, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--primary--dark i:before, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--primary i:before, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--secondary i:before, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--small i:before, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--tertiary i:before, .filteredGridWithSort[data-grid="3"] .resourceCard .btn i:before {
                    font-size: 16px;
                    font-weight: 400
                }

            .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--icon, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--icon.btn--primary, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--icon.btn--primary--dark, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--icon.btn--secondary, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--icon.btn--small, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--icon.btn--tertiary, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn.btn--icon, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--icon, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--icon.btn--primary, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--icon.btn--primary--dark, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--icon.btn--secondary, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--icon.btn--small, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--icon.btn--tertiary, .filteredGridWithSort[data-grid="3"] .resourceCard .btn.btn--icon {
                width: 40px;
                min-width: 40px
            }

                .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--icon:hover, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--primary--dark:hover, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--primary:hover, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--secondary:hover, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--small:hover, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn--tertiary:hover, .filteredGridWithSort[data-grid="3"] .resourceCard--small .btn:hover, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--icon:hover, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--primary--dark:hover, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--primary:hover, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--secondary:hover, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--small:hover, .filteredGridWithSort[data-grid="3"] .resourceCard .btn--tertiary:hover, .filteredGridWithSort[data-grid="3"] .resourceCard .btn:hover {
                    color: var(--m-01--dark-01)
                }

    .filteredGridWithSort[data-grid="3"] .productCard, .filteredGridWithSort[data-grid="3"] .productCard--small {
        max-width: 960px;
        min-height: 324px
    }

        .filteredGridWithSort[data-grid="3"] .productCard--small .productCard__head, .filteredGridWithSort[data-grid="3"] .productCard .productCard__head {
            height: 200px
        }

            .filteredGridWithSort[data-grid="3"] .productCard--small .productCard__head:after, .filteredGridWithSort[data-grid="3"] .productCard .productCard__head:after {
                left: 16px;
                width: calc(100% - 16px * 2)
            }

        .filteredGridWithSort[data-grid="3"] .productCard--small .productCard__head-content, .filteredGridWithSort[data-grid="3"] .productCard .productCard__head-content {
            padding: 24px 16px
        }

        .filteredGridWithSort[data-grid="3"] .productCard--small .productCard__productName, .filteredGridWithSort[data-grid="3"] .productCard .productCard__productName {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Calma Global Medium,sans-serif;
            font-size: 1.625rem;
            line-height: 1.231em;
            letter-spacing: 0
        }

            .filteredGridWithSort[data-grid="3"] .productCard--small .productCard__productName .link a, .filteredGridWithSort[data-grid="3"] .productCard .productCard__productName .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .filteredGridWithSort[data-grid="3"] .productCard--small .productCard__productName .link a:hover, .filteredGridWithSort[data-grid="3"] .productCard .productCard__productName .link a:hover {
                    color: var(--m-01)
                }

            .filteredGridWithSort[data-grid="3"] .productCard--small .productCard__productName mark, .filteredGridWithSort[data-grid="3"] .productCard--small .productCard__productName mark[data-color=color], .filteredGridWithSort[data-grid="3"] .productCard .productCard__productName mark, .filteredGridWithSort[data-grid="3"] .productCard .productCard__productName mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .filteredGridWithSort[data-grid="3"] .productCard--small .productCard__productName mark[data-color=gray], .filteredGridWithSort[data-grid="3"] .productCard .productCard__productName mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .filteredGridWithSort[data-grid="3"] .productCard--small .productCard__productName mark[data-color=default], .filteredGridWithSort[data-grid="3"] .productCard .productCard__productName mark[data-color=default] {
                    color: var(--neu-10)
                }

            .filteredGridWithSort[data-grid="3"] .productCard--small .productCard__productName span.m-01--dark-01, .filteredGridWithSort[data-grid="3"] .productCard--small .productCard__productName span[data-color=color], .filteredGridWithSort[data-grid="3"] .productCard .productCard__productName span.m-01--dark-01, .filteredGridWithSort[data-grid="3"] .productCard .productCard__productName span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .filteredGridWithSort[data-grid="3"] .productCard--small .productCard__productName span.neu-07, .filteredGridWithSort[data-grid="3"] .productCard--small .productCard__productName span[data-color=gray], .filteredGridWithSort[data-grid="3"] .productCard .productCard__productName span.neu-07, .filteredGridWithSort[data-grid="3"] .productCard .productCard__productName span[data-color=gray] {
                color: var(--neu-07)
            }

            .filteredGridWithSort[data-grid="3"] .productCard--small .productCard__productName span.neu-10, .filteredGridWithSort[data-grid="3"] .productCard--small .productCard__productName span[data-color=default], .filteredGridWithSort[data-grid="3"] .productCard .productCard__productName span.neu-10, .filteredGridWithSort[data-grid="3"] .productCard .productCard__productName span[data-color=default] {
                color: var(--neu-10)
            }

            .filteredGridWithSort[data-grid="3"] .productCard--small .productCard__productName b, .filteredGridWithSort[data-grid="3"] .productCard--small .productCard__productName strong, .filteredGridWithSort[data-grid="3"] .productCard .productCard__productName b, .filteredGridWithSort[data-grid="3"] .productCard .productCard__productName strong {
                font-weight: 700
            }

            .filteredGridWithSort[data-grid="3"] .productCard--small .productCard__productName em, .filteredGridWithSort[data-grid="3"] .productCard .productCard__productName em {
                font-style: italic
            }

        .filteredGridWithSort[data-grid="3"] .productCard--small .productCard__content, .filteredGridWithSort[data-grid="3"] .productCard .productCard__content {
            padding: 16px
        }

        .filteredGridWithSort[data-grid="3"] .productCard--small .productCard__bookmark, .filteredGridWithSort[data-grid="3"] .productCard .productCard__bookmark {
            right: 0;
            top: 8px
        }

    .filteredGridWithSort[data-grid="3"] .brandCard, .filteredGridWithSort[data-grid="3"] .brandCard--small {
        max-width: 960px;
        min-height: 324px;
        padding: 16px
    }

        .filteredGridWithSort[data-grid="3"] .brandCard--small .brandCard__image, .filteredGridWithSort[data-grid="3"] .brandCard .brandCard__image {
            height: 70px;
            width: 70px;
            margin-right: 0
        }

        .filteredGridWithSort[data-grid="3"] .brandCard--small .brandCard--small .btnBookmark--privateArea, .filteredGridWithSort[data-grid="3"] .brandCard--small .brandCard .btnBookmark--privateArea, .filteredGridWithSort[data-grid="3"] .brandCard--small .brandCard__bookmark, .filteredGridWithSort[data-grid="3"] .brandCard .brandCard--small .btnBookmark--privateArea, .filteredGridWithSort[data-grid="3"] .brandCard .brandCard .btnBookmark--privateArea, .filteredGridWithSort[data-grid="3"] .brandCard .brandCard__bookmark {
            right: 0
        }

        .filteredGridWithSort[data-grid="3"] .brandCard--small .brandCard__text, .filteredGridWithSort[data-grid="3"] .brandCard .brandCard__text {
            padding: 0
        }

        .filteredGridWithSort[data-grid="3"] .brandCard--small .brandCard__title, .filteredGridWithSort[data-grid="3"] .brandCard .brandCard__title {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Calma Global Medium,sans-serif;
            font-size: 1.625rem;
            line-height: 1.231em;
            letter-spacing: 0
        }

            .filteredGridWithSort[data-grid="3"] .brandCard--small .brandCard__title .link a, .filteredGridWithSort[data-grid="3"] .brandCard .brandCard__title .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .filteredGridWithSort[data-grid="3"] .brandCard--small .brandCard__title .link a:hover, .filteredGridWithSort[data-grid="3"] .brandCard .brandCard__title .link a:hover {
                    color: var(--m-01)
                }

            .filteredGridWithSort[data-grid="3"] .brandCard--small .brandCard__title mark, .filteredGridWithSort[data-grid="3"] .brandCard--small .brandCard__title mark[data-color=color], .filteredGridWithSort[data-grid="3"] .brandCard .brandCard__title mark, .filteredGridWithSort[data-grid="3"] .brandCard .brandCard__title mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .filteredGridWithSort[data-grid="3"] .brandCard--small .brandCard__title mark[data-color=gray], .filteredGridWithSort[data-grid="3"] .brandCard .brandCard__title mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .filteredGridWithSort[data-grid="3"] .brandCard--small .brandCard__title mark[data-color=default], .filteredGridWithSort[data-grid="3"] .brandCard .brandCard__title mark[data-color=default] {
                    color: var(--neu-10)
                }

            .filteredGridWithSort[data-grid="3"] .brandCard--small .brandCard__title span.m-01--dark-01, .filteredGridWithSort[data-grid="3"] .brandCard--small .brandCard__title span[data-color=color], .filteredGridWithSort[data-grid="3"] .brandCard .brandCard__title span.m-01--dark-01, .filteredGridWithSort[data-grid="3"] .brandCard .brandCard__title span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .filteredGridWithSort[data-grid="3"] .brandCard--small .brandCard__title span.neu-07, .filteredGridWithSort[data-grid="3"] .brandCard--small .brandCard__title span[data-color=gray], .filteredGridWithSort[data-grid="3"] .brandCard .brandCard__title span.neu-07, .filteredGridWithSort[data-grid="3"] .brandCard .brandCard__title span[data-color=gray] {
                color: var(--neu-07)
            }

            .filteredGridWithSort[data-grid="3"] .brandCard--small .brandCard__title span.neu-10, .filteredGridWithSort[data-grid="3"] .brandCard--small .brandCard__title span[data-color=default], .filteredGridWithSort[data-grid="3"] .brandCard .brandCard__title span.neu-10, .filteredGridWithSort[data-grid="3"] .brandCard .brandCard__title span[data-color=default] {
                color: var(--neu-10)
            }

            .filteredGridWithSort[data-grid="3"] .brandCard--small .brandCard__title b, .filteredGridWithSort[data-grid="3"] .brandCard--small .brandCard__title strong, .filteredGridWithSort[data-grid="3"] .brandCard .brandCard__title b, .filteredGridWithSort[data-grid="3"] .brandCard .brandCard__title strong {
                font-weight: 700
            }

            .filteredGridWithSort[data-grid="3"] .brandCard--small .brandCard__title em, .filteredGridWithSort[data-grid="3"] .brandCard .brandCard__title em {
                font-style: italic
            }

        .filteredGridWithSort[data-grid="3"] .brandCard--small .brandCard__description, .filteredGridWithSort[data-grid="3"] .brandCard .brandCard__description {
            margin-top: 24px
        }

    .filteredGridWithSort[data-grid="3"] .categoryCard, .filteredGridWithSort[data-grid="3"] .categoryCard--small {
        min-height: 240px;
        max-width: 960px
    }

        .filteredGridWithSort[data-grid="3"] .categoryCard--small .categoryCard__content, .filteredGridWithSort[data-grid="3"] .categoryCard .categoryCard__content {
            padding: 32px
        }

        .filteredGridWithSort[data-grid="3"] .categoryCard--small .categoryCard__title, .filteredGridWithSort[data-grid="3"] .categoryCard .categoryCard__title {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Calma Global Medium,sans-serif;
            font-size: 2rem;
            line-height: 1.25em;
            letter-spacing: -.016em
        }

            .filteredGridWithSort[data-grid="3"] .categoryCard--small .categoryCard__title .link a, .filteredGridWithSort[data-grid="3"] .categoryCard .categoryCard__title .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .filteredGridWithSort[data-grid="3"] .categoryCard--small .categoryCard__title .link a:hover, .filteredGridWithSort[data-grid="3"] .categoryCard .categoryCard__title .link a:hover {
                    color: var(--m-01)
                }

            .filteredGridWithSort[data-grid="3"] .categoryCard--small .categoryCard__title mark, .filteredGridWithSort[data-grid="3"] .categoryCard--small .categoryCard__title mark[data-color=color], .filteredGridWithSort[data-grid="3"] .categoryCard .categoryCard__title mark, .filteredGridWithSort[data-grid="3"] .categoryCard .categoryCard__title mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .filteredGridWithSort[data-grid="3"] .categoryCard--small .categoryCard__title mark[data-color=gray], .filteredGridWithSort[data-grid="3"] .categoryCard .categoryCard__title mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .filteredGridWithSort[data-grid="3"] .categoryCard--small .categoryCard__title mark[data-color=default], .filteredGridWithSort[data-grid="3"] .categoryCard .categoryCard__title mark[data-color=default] {
                    color: var(--neu-10)
                }

            .filteredGridWithSort[data-grid="3"] .categoryCard--small .categoryCard__title span.m-01--dark-01, .filteredGridWithSort[data-grid="3"] .categoryCard--small .categoryCard__title span[data-color=color], .filteredGridWithSort[data-grid="3"] .categoryCard .categoryCard__title span.m-01--dark-01, .filteredGridWithSort[data-grid="3"] .categoryCard .categoryCard__title span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .filteredGridWithSort[data-grid="3"] .categoryCard--small .categoryCard__title span.neu-07, .filteredGridWithSort[data-grid="3"] .categoryCard--small .categoryCard__title span[data-color=gray], .filteredGridWithSort[data-grid="3"] .categoryCard .categoryCard__title span.neu-07, .filteredGridWithSort[data-grid="3"] .categoryCard .categoryCard__title span[data-color=gray] {
                color: var(--neu-07)
            }

            .filteredGridWithSort[data-grid="3"] .categoryCard--small .categoryCard__title span.neu-10, .filteredGridWithSort[data-grid="3"] .categoryCard--small .categoryCard__title span[data-color=default], .filteredGridWithSort[data-grid="3"] .categoryCard .categoryCard__title span.neu-10, .filteredGridWithSort[data-grid="3"] .categoryCard .categoryCard__title span[data-color=default] {
                color: var(--neu-10)
            }

            .filteredGridWithSort[data-grid="3"] .categoryCard--small .categoryCard__title b, .filteredGridWithSort[data-grid="3"] .categoryCard--small .categoryCard__title strong, .filteredGridWithSort[data-grid="3"] .categoryCard .categoryCard__title b, .filteredGridWithSort[data-grid="3"] .categoryCard .categoryCard__title strong {
                font-weight: 700
            }

            .filteredGridWithSort[data-grid="3"] .categoryCard--small .categoryCard__title em, .filteredGridWithSort[data-grid="3"] .categoryCard .categoryCard__title em {
                font-style: italic
            }
}

@media (max-width:1280px) and (max-width:1024px) {
    .filteredGridWithSort[data-grid="3"] .categoryCard--small .categoryCard__title, .filteredGridWithSort[data-grid="3"] .categoryCard .categoryCard__title {
        font-size: 1.625rem;
        line-height: 1.231em;
        letter-spacing: 0
    }
}

@media (max-width:1280px) {
    .filteredGridWithSort[data-grid="3"] .profileCard, .filteredGridWithSort[data-grid="3"] .profileCard--small {
        max-width: 960px;
        padding: 24px 16px 32px 4px;
        height: 100%
    }

        .filteredGridWithSort[data-grid="3"] .profileCard--small .profileCard__text, .filteredGridWithSort[data-grid="3"] .profileCard .profileCard__text {
            max-width: 310px
        }

    .filteredGridWithSort[data-grid="3"] .selectableCard, .filteredGridWithSort[data-grid="3"] .selectableCard--small {
        max-width: 960px;
        padding: 16px 16px 24px;
        grid-template-columns: 1fr 1fr;
        row-gap: 8px
    }

        .filteredGridWithSort[data-grid="3"] .selectableCard--small .selectableCard__content, .filteredGridWithSort[data-grid="3"] .selectableCard .selectableCard__content {
            grid-row: 2;
            grid-column: 1/3
        }

        .filteredGridWithSort[data-grid="3"] .selectableCard--small .selectableCard__checkbox, .filteredGridWithSort[data-grid="3"] .selectableCard .selectableCard__checkbox {
            margin-right: 0;
            grid-row: 1
        }

        .filteredGridWithSort[data-grid="3"] .selectableCard--small .selectableCard__image, .filteredGridWithSort[data-grid="3"] .selectableCard .selectableCard__image {
            width: 48px;
            height: 48px;
            grid-row: 1;
            justify-self: flex-end
        }

        .filteredGridWithSort[data-grid="3"] .selectableCard--small .selectableCard__btn, .filteredGridWithSort[data-grid="3"] .selectableCard .selectableCard__btn {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Inter,sans-serif;
            font-size: .813rem;
            line-height: 1.538em;
            letter-spacing: -.003em;
            font-weight: 400;
            font-weight: 700;
            padding: 0 20px;
            height: 40px;
            transform: none;
            margin-left: 0;
            margin-top: 16px;
            grid-row: 3;
            grid-column: 1/3
        }

            .filteredGridWithSort[data-grid="3"] .selectableCard--small .selectableCard__btn .link a, .filteredGridWithSort[data-grid="3"] .selectableCard .selectableCard__btn .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .filteredGridWithSort[data-grid="3"] .selectableCard--small .selectableCard__btn .link a:hover, .filteredGridWithSort[data-grid="3"] .selectableCard .selectableCard__btn .link a:hover {
                    color: var(--m-01)
                }

            .filteredGridWithSort[data-grid="3"] .selectableCard--small .selectableCard__btn mark, .filteredGridWithSort[data-grid="3"] .selectableCard--small .selectableCard__btn mark[data-color=color], .filteredGridWithSort[data-grid="3"] .selectableCard .selectableCard__btn mark, .filteredGridWithSort[data-grid="3"] .selectableCard .selectableCard__btn mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .filteredGridWithSort[data-grid="3"] .selectableCard--small .selectableCard__btn mark[data-color=gray], .filteredGridWithSort[data-grid="3"] .selectableCard .selectableCard__btn mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .filteredGridWithSort[data-grid="3"] .selectableCard--small .selectableCard__btn mark[data-color=default], .filteredGridWithSort[data-grid="3"] .selectableCard .selectableCard__btn mark[data-color=default] {
                    color: var(--neu-10)
                }

            .filteredGridWithSort[data-grid="3"] .selectableCard--small .selectableCard__btn span.m-01--dark-01, .filteredGridWithSort[data-grid="3"] .selectableCard--small .selectableCard__btn span[data-color=color], .filteredGridWithSort[data-grid="3"] .selectableCard .selectableCard__btn span.m-01--dark-01, .filteredGridWithSort[data-grid="3"] .selectableCard .selectableCard__btn span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .filteredGridWithSort[data-grid="3"] .selectableCard--small .selectableCard__btn span.neu-07, .filteredGridWithSort[data-grid="3"] .selectableCard--small .selectableCard__btn span[data-color=gray], .filteredGridWithSort[data-grid="3"] .selectableCard .selectableCard__btn span.neu-07, .filteredGridWithSort[data-grid="3"] .selectableCard .selectableCard__btn span[data-color=gray] {
                color: var(--neu-07)
            }

            .filteredGridWithSort[data-grid="3"] .selectableCard--small .selectableCard__btn span.neu-10, .filteredGridWithSort[data-grid="3"] .selectableCard--small .selectableCard__btn span[data-color=default], .filteredGridWithSort[data-grid="3"] .selectableCard .selectableCard__btn span.neu-10, .filteredGridWithSort[data-grid="3"] .selectableCard .selectableCard__btn span[data-color=default] {
                color: var(--neu-10)
            }

            .filteredGridWithSort[data-grid="3"] .selectableCard--small .selectableCard__btn b, .filteredGridWithSort[data-grid="3"] .selectableCard--small .selectableCard__btn strong, .filteredGridWithSort[data-grid="3"] .selectableCard .selectableCard__btn b, .filteredGridWithSort[data-grid="3"] .selectableCard .selectableCard__btn strong {
                font-weight: 700
            }

            .filteredGridWithSort[data-grid="3"] .selectableCard--small .selectableCard__btn em, .filteredGridWithSort[data-grid="3"] .selectableCard .selectableCard__btn em {
                font-style: italic
            }

            .filteredGridWithSort[data-grid="3"] .selectableCard--small .selectableCard__btn i, .filteredGridWithSort[data-grid="3"] .selectableCard .selectableCard__btn i {
                min-width: 16px;
                width: 16px;
                height: 16px;
                font-size: 16px
            }

                .filteredGridWithSort[data-grid="3"] .selectableCard--small .selectableCard__btn i:before, .filteredGridWithSort[data-grid="3"] .selectableCard .selectableCard__btn i:before {
                    font-size: 16px;
                    font-weight: 400
                }

            .filteredGridWithSort[data-grid="3"] .selectableCard--small .selectableCard__btn.btn--icon, .filteredGridWithSort[data-grid="3"] .selectableCard .selectableCard__btn.btn--icon {
                width: 40px;
                min-width: 40px
            }

    .filteredGridWithSort[data-grid="3"] .demandCard, .filteredGridWithSort[data-grid="3"] .demandCard--small {
        max-width: 960px;
        padding: 16px;
        min-height: 324px
    }

        .filteredGridWithSort[data-grid="3"] .demandCard--small .demandCard__content, .filteredGridWithSort[data-grid="3"] .demandCard .demandCard__content {
            gap: 8px
        }

        .filteredGridWithSort[data-grid="3"] .demandCard--small .demandCard__notification-text, .filteredGridWithSort[data-grid="3"] .demandCard .demandCard__notification-text {
            display: none
        }

        .filteredGridWithSort[data-grid="3"] .demandCard--small .demandCard__description, .filteredGridWithSort[data-grid="3"] .demandCard .demandCard__description {
            margin-top: 8px
        }

    .filteredGridWithSort[data-grid="3"] .replyCard, .filteredGridWithSort[data-grid="3"] .replyCard--small {
        max-width: 960px
    }

        .filteredGridWithSort[data-grid="3"] .replyCard--small .replyCard, .filteredGridWithSort[data-grid="3"] .replyCard--small .replyCard--small, .filteredGridWithSort[data-grid="3"] .replyCard .replyCard, .filteredGridWithSort[data-grid="3"] .replyCard .replyCard--small {
            background-color: var(--neu-01)
        }

        .filteredGridWithSort[data-grid="3"] .replyCard--small .replyCard__content, .filteredGridWithSort[data-grid="3"] .replyCard .replyCard__content {
            padding: 24px;
            gap: 4px 12px
        }

        .filteredGridWithSort[data-grid="3"] .replyCard--small .replyCard__thumb, .filteredGridWithSort[data-grid="3"] .replyCard .replyCard__thumb {
            grid-row: 1/3;
            align-self: flex-start
        }

        .filteredGridWithSort[data-grid="3"] .replyCard--small .replyCard__text, .filteredGridWithSort[data-grid="3"] .replyCard .replyCard__text {
            grid-row: 2;
            grid-column: 2/4
        }
}

@media (max-width:1280px) and (max-width:512px) {
    .filteredGridWithSort[data-grid="3"] .replyCard--small .replyCard__text, .filteredGridWithSort[data-grid="3"] .replyCard .replyCard__text {
        grid-column: 2/4
    }
}

@media (max-width:1280px) {
    .filteredGridWithSort[data-grid="3"] .replyCard--small .replyCard__message, .filteredGridWithSort[data-grid="3"] .replyCard--small .replyCard__subject, .filteredGridWithSort[data-grid="3"] .replyCard .replyCard__message, .filteredGridWithSort[data-grid="3"] .replyCard .replyCard__subject {
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-stretch: normal;
        letter-spacing: normal;
        font-family: Inter,sans-serif;
        font-size: 1rem;
        line-height: 1.5em;
        letter-spacing: -.011em;
        font-weight: 400
    }

        .filteredGridWithSort[data-grid="3"] .replyCard--small .replyCard__message .link a, .filteredGridWithSort[data-grid="3"] .replyCard--small .replyCard__subject .link a, .filteredGridWithSort[data-grid="3"] .replyCard .replyCard__message .link a, .filteredGridWithSort[data-grid="3"] .replyCard .replyCard__subject .link a {
            transition: all .1s ease;
            text-decoration: underline;
            color: var(--m-01--dark-01)
        }

            .filteredGridWithSort[data-grid="3"] .replyCard--small .replyCard__message .link a:hover, .filteredGridWithSort[data-grid="3"] .replyCard--small .replyCard__subject .link a:hover, .filteredGridWithSort[data-grid="3"] .replyCard .replyCard__message .link a:hover, .filteredGridWithSort[data-grid="3"] .replyCard .replyCard__subject .link a:hover {
                color: var(--m-01)
            }

        .filteredGridWithSort[data-grid="3"] .replyCard--small .replyCard__message mark, .filteredGridWithSort[data-grid="3"] .replyCard--small .replyCard__message mark[data-color=color], .filteredGridWithSort[data-grid="3"] .replyCard--small .replyCard__subject mark, .filteredGridWithSort[data-grid="3"] .replyCard--small .replyCard__subject mark[data-color=color], .filteredGridWithSort[data-grid="3"] .replyCard .replyCard__message mark, .filteredGridWithSort[data-grid="3"] .replyCard .replyCard__message mark[data-color=color], .filteredGridWithSort[data-grid="3"] .replyCard .replyCard__subject mark, .filteredGridWithSort[data-grid="3"] .replyCard .replyCard__subject mark[data-color=color] {
            color: var(--m-01--dark-01)
        }

            .filteredGridWithSort[data-grid="3"] .replyCard--small .replyCard__message mark[data-color=gray], .filteredGridWithSort[data-grid="3"] .replyCard--small .replyCard__subject mark[data-color=gray], .filteredGridWithSort[data-grid="3"] .replyCard .replyCard__message mark[data-color=gray], .filteredGridWithSort[data-grid="3"] .replyCard .replyCard__subject mark[data-color=gray] {
                color: var(--neu-07)
            }

            .filteredGridWithSort[data-grid="3"] .replyCard--small .replyCard__message mark[data-color=default], .filteredGridWithSort[data-grid="3"] .replyCard--small .replyCard__subject mark[data-color=default], .filteredGridWithSort[data-grid="3"] .replyCard .replyCard__message mark[data-color=default], .filteredGridWithSort[data-grid="3"] .replyCard .replyCard__subject mark[data-color=default] {
                color: var(--neu-10)
            }

        .filteredGridWithSort[data-grid="3"] .replyCard--small .replyCard__message span.m-01--dark-01, .filteredGridWithSort[data-grid="3"] .replyCard--small .replyCard__message span[data-color=color], .filteredGridWithSort[data-grid="3"] .replyCard--small .replyCard__subject span.m-01--dark-01, .filteredGridWithSort[data-grid="3"] .replyCard--small .replyCard__subject span[data-color=color], .filteredGridWithSort[data-grid="3"] .replyCard .replyCard__message span.m-01--dark-01, .filteredGridWithSort[data-grid="3"] .replyCard .replyCard__message span[data-color=color], .filteredGridWithSort[data-grid="3"] .replyCard .replyCard__subject span.m-01--dark-01, .filteredGridWithSort[data-grid="3"] .replyCard .replyCard__subject span[data-color=color] {
            color: var(--m-01--dark-01)
        }

        .filteredGridWithSort[data-grid="3"] .replyCard--small .replyCard__message span.neu-07, .filteredGridWithSort[data-grid="3"] .replyCard--small .replyCard__message span[data-color=gray], .filteredGridWithSort[data-grid="3"] .replyCard--small .replyCard__subject span.neu-07, .filteredGridWithSort[data-grid="3"] .replyCard--small .replyCard__subject span[data-color=gray], .filteredGridWithSort[data-grid="3"] .replyCard .replyCard__message span.neu-07, .filteredGridWithSort[data-grid="3"] .replyCard .replyCard__message span[data-color=gray], .filteredGridWithSort[data-grid="3"] .replyCard .replyCard__subject span.neu-07, .filteredGridWithSort[data-grid="3"] .replyCard .replyCard__subject span[data-color=gray] {
            color: var(--neu-07)
        }

        .filteredGridWithSort[data-grid="3"] .replyCard--small .replyCard__message span.neu-10, .filteredGridWithSort[data-grid="3"] .replyCard--small .replyCard__message span[data-color=default], .filteredGridWithSort[data-grid="3"] .replyCard--small .replyCard__subject span.neu-10, .filteredGridWithSort[data-grid="3"] .replyCard--small .replyCard__subject span[data-color=default], .filteredGridWithSort[data-grid="3"] .replyCard .replyCard__message span.neu-10, .filteredGridWithSort[data-grid="3"] .replyCard .replyCard__message span[data-color=default], .filteredGridWithSort[data-grid="3"] .replyCard .replyCard__subject span.neu-10, .filteredGridWithSort[data-grid="3"] .replyCard .replyCard__subject span[data-color=default] {
            color: var(--neu-10)
        }

        .filteredGridWithSort[data-grid="3"] .replyCard--small .replyCard__message b, .filteredGridWithSort[data-grid="3"] .replyCard--small .replyCard__message strong, .filteredGridWithSort[data-grid="3"] .replyCard--small .replyCard__subject b, .filteredGridWithSort[data-grid="3"] .replyCard--small .replyCard__subject strong, .filteredGridWithSort[data-grid="3"] .replyCard .replyCard__message b, .filteredGridWithSort[data-grid="3"] .replyCard .replyCard__message strong, .filteredGridWithSort[data-grid="3"] .replyCard .replyCard__subject b, .filteredGridWithSort[data-grid="3"] .replyCard .replyCard__subject strong {
            font-weight: 700
        }

        .filteredGridWithSort[data-grid="3"] .replyCard--small .replyCard__message em, .filteredGridWithSort[data-grid="3"] .replyCard--small .replyCard__subject em, .filteredGridWithSort[data-grid="3"] .replyCard .replyCard__message em, .filteredGridWithSort[data-grid="3"] .replyCard .replyCard__subject em {
            font-style: italic
        }

    .filteredGridWithSort[data-grid="3"] .replyCard--small .replyCard__info, .filteredGridWithSort[data-grid="3"] .replyCard .replyCard__info {
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-stretch: normal;
        letter-spacing: normal;
        font-family: Inter,sans-serif;
        font-size: .813rem;
        line-height: 1.538em;
        letter-spacing: -.003em;
        font-weight: 700;
        margin-top: 8px;
        padding-right: 32px
    }

        .filteredGridWithSort[data-grid="3"] .replyCard--small .replyCard__info .link a, .filteredGridWithSort[data-grid="3"] .replyCard .replyCard__info .link a {
            transition: all .1s ease;
            text-decoration: underline;
            color: var(--m-01--dark-01)
        }

            .filteredGridWithSort[data-grid="3"] .replyCard--small .replyCard__info .link a:hover, .filteredGridWithSort[data-grid="3"] .replyCard .replyCard__info .link a:hover {
                color: var(--m-01)
            }

        .filteredGridWithSort[data-grid="3"] .replyCard--small .replyCard__info mark, .filteredGridWithSort[data-grid="3"] .replyCard--small .replyCard__info mark[data-color=color], .filteredGridWithSort[data-grid="3"] .replyCard .replyCard__info mark, .filteredGridWithSort[data-grid="3"] .replyCard .replyCard__info mark[data-color=color] {
            color: var(--m-01--dark-01)
        }

            .filteredGridWithSort[data-grid="3"] .replyCard--small .replyCard__info mark[data-color=gray], .filteredGridWithSort[data-grid="3"] .replyCard .replyCard__info mark[data-color=gray] {
                color: var(--neu-07)
            }

            .filteredGridWithSort[data-grid="3"] .replyCard--small .replyCard__info mark[data-color=default], .filteredGridWithSort[data-grid="3"] .replyCard .replyCard__info mark[data-color=default] {
                color: var(--neu-10)
            }

        .filteredGridWithSort[data-grid="3"] .replyCard--small .replyCard__info span.m-01--dark-01, .filteredGridWithSort[data-grid="3"] .replyCard--small .replyCard__info span[data-color=color], .filteredGridWithSort[data-grid="3"] .replyCard .replyCard__info span.m-01--dark-01, .filteredGridWithSort[data-grid="3"] .replyCard .replyCard__info span[data-color=color] {
            color: var(--m-01--dark-01)
        }

        .filteredGridWithSort[data-grid="3"] .replyCard--small .replyCard__info span.neu-07, .filteredGridWithSort[data-grid="3"] .replyCard--small .replyCard__info span[data-color=gray], .filteredGridWithSort[data-grid="3"] .replyCard .replyCard__info span.neu-07, .filteredGridWithSort[data-grid="3"] .replyCard .replyCard__info span[data-color=gray] {
            color: var(--neu-07)
        }

        .filteredGridWithSort[data-grid="3"] .replyCard--small .replyCard__info span.neu-10, .filteredGridWithSort[data-grid="3"] .replyCard--small .replyCard__info span[data-color=default], .filteredGridWithSort[data-grid="3"] .replyCard .replyCard__info span.neu-10, .filteredGridWithSort[data-grid="3"] .replyCard .replyCard__info span[data-color=default] {
            color: var(--neu-10)
        }

        .filteredGridWithSort[data-grid="3"] .replyCard--small .replyCard__info b, .filteredGridWithSort[data-grid="3"] .replyCard--small .replyCard__info strong, .filteredGridWithSort[data-grid="3"] .replyCard .replyCard__info b, .filteredGridWithSort[data-grid="3"] .replyCard .replyCard__info strong {
            font-weight: 700
        }

        .filteredGridWithSort[data-grid="3"] .replyCard--small .replyCard__info em, .filteredGridWithSort[data-grid="3"] .replyCard .replyCard__info em {
            font-style: italic
        }

    .filteredGridWithSort[data-grid="3"] .replyCard--small .replyCard__pin, .filteredGridWithSort[data-grid="3"] .replyCard .replyCard__pin {
        transition: all .1s ease;
        grid-row: 2;
        grid-column: 3;
        align-self: flex-end;
        width: 24px;
        height: 24px;
        justify-self: flex-end;
        transform: translateY(4px);
        cursor: pointer
    }

        .filteredGridWithSort[data-grid="3"] .replyCard--small .replyCard__pin:hover, .filteredGridWithSort[data-grid="3"] .replyCard .replyCard__pin:hover {
            opacity: .7
        }

        .filteredGridWithSort[data-grid="3"] .replyCard--small .replyCard__pin:before, .filteredGridWithSort[data-grid="3"] .replyCard .replyCard__pin:before {
            width: 24px;
            height: 24px;
            font-size: 24px;
            font-family: aicep-base-icons !important;
            font-weight: 400;
            display: flex;
            justify-content: center;
            align-items: center;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            content: "\e95b"
        }

    .filteredGridWithSort[data-grid="3"] .replyCard--small .replyCard__pin--selected, .filteredGridWithSort[data-grid="3"] .replyCard .replyCard__pin--selected {
        color: var(--m-02--dark-01)
    }

        .filteredGridWithSort[data-grid="3"] .replyCard--small .replyCard__pin--selected:before, .filteredGridWithSort[data-grid="3"] .replyCard .replyCard__pin--selected:before {
            content: "\e95c"
        }

    .filteredGridWithSort[data-grid="3"] .replyCard--small .replyCard__btn, .filteredGridWithSort[data-grid="3"] .replyCard .replyCard__btn {
        display: none
    }

    .filteredGridWithSort[data-grid="3"] .infoCard, .filteredGridWithSort[data-grid="3"] .infoCard--small {
        max-width: 960px;
        padding: 24px
    }

        .filteredGridWithSort[data-grid="3"] .infoCard--small .infoCard__number, .filteredGridWithSort[data-grid="3"] .infoCard .infoCard__number {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Calma Global Medium,sans-serif;
            font-size: 2rem;
            line-height: 1.25em;
            letter-spacing: -.016em;
            transform: translateY(0)
        }

            .filteredGridWithSort[data-grid="3"] .infoCard--small .infoCard__number .link a, .filteredGridWithSort[data-grid="3"] .infoCard .infoCard__number .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .filteredGridWithSort[data-grid="3"] .infoCard--small .infoCard__number .link a:hover, .filteredGridWithSort[data-grid="3"] .infoCard .infoCard__number .link a:hover {
                    color: var(--m-01)
                }

            .filteredGridWithSort[data-grid="3"] .infoCard--small .infoCard__number mark, .filteredGridWithSort[data-grid="3"] .infoCard--small .infoCard__number mark[data-color=color], .filteredGridWithSort[data-grid="3"] .infoCard .infoCard__number mark, .filteredGridWithSort[data-grid="3"] .infoCard .infoCard__number mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .filteredGridWithSort[data-grid="3"] .infoCard--small .infoCard__number mark[data-color=gray], .filteredGridWithSort[data-grid="3"] .infoCard .infoCard__number mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .filteredGridWithSort[data-grid="3"] .infoCard--small .infoCard__number mark[data-color=default], .filteredGridWithSort[data-grid="3"] .infoCard .infoCard__number mark[data-color=default] {
                    color: var(--neu-10)
                }

            .filteredGridWithSort[data-grid="3"] .infoCard--small .infoCard__number span.m-01--dark-01, .filteredGridWithSort[data-grid="3"] .infoCard--small .infoCard__number span[data-color=color], .filteredGridWithSort[data-grid="3"] .infoCard .infoCard__number span.m-01--dark-01, .filteredGridWithSort[data-grid="3"] .infoCard .infoCard__number span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .filteredGridWithSort[data-grid="3"] .infoCard--small .infoCard__number span.neu-07, .filteredGridWithSort[data-grid="3"] .infoCard--small .infoCard__number span[data-color=gray], .filteredGridWithSort[data-grid="3"] .infoCard .infoCard__number span.neu-07, .filteredGridWithSort[data-grid="3"] .infoCard .infoCard__number span[data-color=gray] {
                color: var(--neu-07)
            }

            .filteredGridWithSort[data-grid="3"] .infoCard--small .infoCard__number span.neu-10, .filteredGridWithSort[data-grid="3"] .infoCard--small .infoCard__number span[data-color=default], .filteredGridWithSort[data-grid="3"] .infoCard .infoCard__number span.neu-10, .filteredGridWithSort[data-grid="3"] .infoCard .infoCard__number span[data-color=default] {
                color: var(--neu-10)
            }

            .filteredGridWithSort[data-grid="3"] .infoCard--small .infoCard__number b, .filteredGridWithSort[data-grid="3"] .infoCard--small .infoCard__number strong, .filteredGridWithSort[data-grid="3"] .infoCard .infoCard__number b, .filteredGridWithSort[data-grid="3"] .infoCard .infoCard__number strong {
                font-weight: 700
            }

            .filteredGridWithSort[data-grid="3"] .infoCard--small .infoCard__number em, .filteredGridWithSort[data-grid="3"] .infoCard .infoCard__number em {
                font-style: italic
            }
}

@media (max-width:1280px) and (max-width:1024px) {
    .filteredGridWithSort[data-grid="3"] .infoCard--small .infoCard__number, .filteredGridWithSort[data-grid="3"] .infoCard .infoCard__number {
        font-size: 1.625rem;
        line-height: 1.231em;
        letter-spacing: 0;
        transform: translateY(3px)
    }
}

@media (max-width:1280px) {
    .filteredGridWithSort[data-grid="3"] .infoCard--small .infoCard__title, .filteredGridWithSort[data-grid="3"] .infoCard .infoCard__title {
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-stretch: normal;
        letter-spacing: normal;
        font-family: Inter,sans-serif;
        font-size: 1rem;
        line-height: 1.5em;
        letter-spacing: -.011em;
        font-weight: 700
    }

        .filteredGridWithSort[data-grid="3"] .infoCard--small .infoCard__title .link a, .filteredGridWithSort[data-grid="3"] .infoCard .infoCard__title .link a {
            transition: all .1s ease;
            text-decoration: underline;
            color: var(--m-01--dark-01)
        }

            .filteredGridWithSort[data-grid="3"] .infoCard--small .infoCard__title .link a:hover, .filteredGridWithSort[data-grid="3"] .infoCard .infoCard__title .link a:hover {
                color: var(--m-01)
            }

        .filteredGridWithSort[data-grid="3"] .infoCard--small .infoCard__title mark, .filteredGridWithSort[data-grid="3"] .infoCard--small .infoCard__title mark[data-color=color], .filteredGridWithSort[data-grid="3"] .infoCard .infoCard__title mark, .filteredGridWithSort[data-grid="3"] .infoCard .infoCard__title mark[data-color=color] {
            color: var(--m-01--dark-01)
        }

            .filteredGridWithSort[data-grid="3"] .infoCard--small .infoCard__title mark[data-color=gray], .filteredGridWithSort[data-grid="3"] .infoCard .infoCard__title mark[data-color=gray] {
                color: var(--neu-07)
            }

            .filteredGridWithSort[data-grid="3"] .infoCard--small .infoCard__title mark[data-color=default], .filteredGridWithSort[data-grid="3"] .infoCard .infoCard__title mark[data-color=default] {
                color: var(--neu-10)
            }

        .filteredGridWithSort[data-grid="3"] .infoCard--small .infoCard__title span.m-01--dark-01, .filteredGridWithSort[data-grid="3"] .infoCard--small .infoCard__title span[data-color=color], .filteredGridWithSort[data-grid="3"] .infoCard .infoCard__title span.m-01--dark-01, .filteredGridWithSort[data-grid="3"] .infoCard .infoCard__title span[data-color=color] {
            color: var(--m-01--dark-01)
        }

        .filteredGridWithSort[data-grid="3"] .infoCard--small .infoCard__title span.neu-07, .filteredGridWithSort[data-grid="3"] .infoCard--small .infoCard__title span[data-color=gray], .filteredGridWithSort[data-grid="3"] .infoCard .infoCard__title span.neu-07, .filteredGridWithSort[data-grid="3"] .infoCard .infoCard__title span[data-color=gray] {
            color: var(--neu-07)
        }

        .filteredGridWithSort[data-grid="3"] .infoCard--small .infoCard__title span.neu-10, .filteredGridWithSort[data-grid="3"] .infoCard--small .infoCard__title span[data-color=default], .filteredGridWithSort[data-grid="3"] .infoCard .infoCard__title span.neu-10, .filteredGridWithSort[data-grid="3"] .infoCard .infoCard__title span[data-color=default] {
            color: var(--neu-10)
        }

        .filteredGridWithSort[data-grid="3"] .infoCard--small .infoCard__title b, .filteredGridWithSort[data-grid="3"] .infoCard--small .infoCard__title strong, .filteredGridWithSort[data-grid="3"] .infoCard .infoCard__title b, .filteredGridWithSort[data-grid="3"] .infoCard .infoCard__title strong {
            font-weight: 700
        }

        .filteredGridWithSort[data-grid="3"] .infoCard--small .infoCard__title em, .filteredGridWithSort[data-grid="3"] .infoCard .infoCard__title em {
            font-style: italic
        }
}

.filteredGridWithSort[data-grid="2"] .filteredGridWithSort__grid {
    grid-template-columns: repeat(2,1fr)
}

@media (max-width:1024px) {
    .filteredGridWithSort[data-grid="2"] .filteredGridWithSort__grid {
        grid-template-columns: 1fr
    }
}

@media (max-width:1024px) {
    .filteredGridWithSort[data-grid="2"] .caseCard, .filteredGridWithSort[data-grid="2"] .caseCard--small {
        min-height: 324px;
        max-width: 960px
    }

        .filteredGridWithSort[data-grid="2"] .caseCard--small .caseCard__content, .filteredGridWithSort[data-grid="2"] .caseCard .caseCard__content {
            padding: 24px 16px 16px
        }

        .filteredGridWithSort[data-grid="2"] .caseCard--small .caseCard__title, .filteredGridWithSort[data-grid="2"] .caseCard .caseCard__title {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Calma Global Medium,sans-serif;
            font-size: 1.625rem;
            line-height: 1.231em;
            letter-spacing: 0
        }

            .filteredGridWithSort[data-grid="2"] .caseCard--small .caseCard__title .link a, .filteredGridWithSort[data-grid="2"] .caseCard .caseCard__title .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .filteredGridWithSort[data-grid="2"] .caseCard--small .caseCard__title .link a:hover, .filteredGridWithSort[data-grid="2"] .caseCard .caseCard__title .link a:hover {
                    color: var(--m-01)
                }

            .filteredGridWithSort[data-grid="2"] .caseCard--small .caseCard__title mark, .filteredGridWithSort[data-grid="2"] .caseCard--small .caseCard__title mark[data-color=color], .filteredGridWithSort[data-grid="2"] .caseCard .caseCard__title mark, .filteredGridWithSort[data-grid="2"] .caseCard .caseCard__title mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .filteredGridWithSort[data-grid="2"] .caseCard--small .caseCard__title mark[data-color=gray], .filteredGridWithSort[data-grid="2"] .caseCard .caseCard__title mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .filteredGridWithSort[data-grid="2"] .caseCard--small .caseCard__title mark[data-color=default], .filteredGridWithSort[data-grid="2"] .caseCard .caseCard__title mark[data-color=default] {
                    color: var(--neu-10)
                }

            .filteredGridWithSort[data-grid="2"] .caseCard--small .caseCard__title span.m-01--dark-01, .filteredGridWithSort[data-grid="2"] .caseCard--small .caseCard__title span[data-color=color], .filteredGridWithSort[data-grid="2"] .caseCard .caseCard__title span.m-01--dark-01, .filteredGridWithSort[data-grid="2"] .caseCard .caseCard__title span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .filteredGridWithSort[data-grid="2"] .caseCard--small .caseCard__title span.neu-07, .filteredGridWithSort[data-grid="2"] .caseCard--small .caseCard__title span[data-color=gray], .filteredGridWithSort[data-grid="2"] .caseCard .caseCard__title span.neu-07, .filteredGridWithSort[data-grid="2"] .caseCard .caseCard__title span[data-color=gray] {
                color: var(--neu-07)
            }

            .filteredGridWithSort[data-grid="2"] .caseCard--small .caseCard__title span.neu-10, .filteredGridWithSort[data-grid="2"] .caseCard--small .caseCard__title span[data-color=default], .filteredGridWithSort[data-grid="2"] .caseCard .caseCard__title span.neu-10, .filteredGridWithSort[data-grid="2"] .caseCard .caseCard__title span[data-color=default] {
                color: var(--neu-10)
            }

            .filteredGridWithSort[data-grid="2"] .caseCard--small .caseCard__title b, .filteredGridWithSort[data-grid="2"] .caseCard--small .caseCard__title strong, .filteredGridWithSort[data-grid="2"] .caseCard .caseCard__title b, .filteredGridWithSort[data-grid="2"] .caseCard .caseCard__title strong {
                font-weight: 700
            }

            .filteredGridWithSort[data-grid="2"] .caseCard--small .caseCard__title em, .filteredGridWithSort[data-grid="2"] .caseCard .caseCard__title em {
                font-style: italic
            }

    .filteredGridWithSort[data-grid="2"] .countyCard, .filteredGridWithSort[data-grid="2"] .countyCard--small {
        max-width: 960px;
        height: 100%;
        min-height: 80px
    }

    .filteredGridWithSort[data-grid="2"] .industryCard, .filteredGridWithSort[data-grid="2"] .industryCard--small {
        max-width: 960px;
        max-width: 480px;
        min-height: 240px
    }

        .filteredGridWithSort[data-grid="2"] .industryCard--small .industryCard__content, .filteredGridWithSort[data-grid="2"] .industryCard .industryCard__content {
            padding: 24px 16px 16px
        }

        .filteredGridWithSort[data-grid="2"] .industryCard--small .industryCard__title, .filteredGridWithSort[data-grid="2"] .industryCard .industryCard__title {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Calma Global Medium,sans-serif;
            font-size: 1.625rem;
            line-height: 1.231em;
            letter-spacing: 0
        }

            .filteredGridWithSort[data-grid="2"] .industryCard--small .industryCard__title .link a, .filteredGridWithSort[data-grid="2"] .industryCard .industryCard__title .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .filteredGridWithSort[data-grid="2"] .industryCard--small .industryCard__title .link a:hover, .filteredGridWithSort[data-grid="2"] .industryCard .industryCard__title .link a:hover {
                    color: var(--m-01)
                }

            .filteredGridWithSort[data-grid="2"] .industryCard--small .industryCard__title mark, .filteredGridWithSort[data-grid="2"] .industryCard--small .industryCard__title mark[data-color=color], .filteredGridWithSort[data-grid="2"] .industryCard .industryCard__title mark, .filteredGridWithSort[data-grid="2"] .industryCard .industryCard__title mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .filteredGridWithSort[data-grid="2"] .industryCard--small .industryCard__title mark[data-color=gray], .filteredGridWithSort[data-grid="2"] .industryCard .industryCard__title mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .filteredGridWithSort[data-grid="2"] .industryCard--small .industryCard__title mark[data-color=default], .filteredGridWithSort[data-grid="2"] .industryCard .industryCard__title mark[data-color=default] {
                    color: var(--neu-10)
                }

            .filteredGridWithSort[data-grid="2"] .industryCard--small .industryCard__title span.m-01--dark-01, .filteredGridWithSort[data-grid="2"] .industryCard--small .industryCard__title span[data-color=color], .filteredGridWithSort[data-grid="2"] .industryCard .industryCard__title span.m-01--dark-01, .filteredGridWithSort[data-grid="2"] .industryCard .industryCard__title span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .filteredGridWithSort[data-grid="2"] .industryCard--small .industryCard__title span.neu-07, .filteredGridWithSort[data-grid="2"] .industryCard--small .industryCard__title span[data-color=gray], .filteredGridWithSort[data-grid="2"] .industryCard .industryCard__title span.neu-07, .filteredGridWithSort[data-grid="2"] .industryCard .industryCard__title span[data-color=gray] {
                color: var(--neu-07)
            }

            .filteredGridWithSort[data-grid="2"] .industryCard--small .industryCard__title span.neu-10, .filteredGridWithSort[data-grid="2"] .industryCard--small .industryCard__title span[data-color=default], .filteredGridWithSort[data-grid="2"] .industryCard .industryCard__title span.neu-10, .filteredGridWithSort[data-grid="2"] .industryCard .industryCard__title span[data-color=default] {
                color: var(--neu-10)
            }

            .filteredGridWithSort[data-grid="2"] .industryCard--small .industryCard__title b, .filteredGridWithSort[data-grid="2"] .industryCard--small .industryCard__title strong, .filteredGridWithSort[data-grid="2"] .industryCard .industryCard__title b, .filteredGridWithSort[data-grid="2"] .industryCard .industryCard__title strong {
                font-weight: 700
            }

            .filteredGridWithSort[data-grid="2"] .industryCard--small .industryCard__title em, .filteredGridWithSort[data-grid="2"] .industryCard .industryCard__title em {
                font-style: italic
            }

    .filteredGridWithSort[data-grid="2"] .itemCard, .filteredGridWithSort[data-grid="2"] .itemCard--small {
        max-width: 960px;
        padding: 24px 16px 32px 4px;
        height: 100%
    }

        .filteredGridWithSort[data-grid="2"] .itemCard--small .itemCard__text, .filteredGridWithSort[data-grid="2"] .itemCard .itemCard__text {
            max-width: 310px
        }

    .filteredGridWithSort[data-grid="2"] .readingImageCard, .filteredGridWithSort[data-grid="2"] .readingImageCard--small {
        max-width: 960px;
        background: transparent;
        box-shadow: none;
        border-bottom: 1px solid var(--neu-03);
        min-height: auto;
        flex-direction: row;
        padding: 8px 0 16px;
        border-radius: 0
    }

        .filteredGridWithSort[data-grid="2"] .readingImageCard--small .readingImageCard__image, .filteredGridWithSort[data-grid="2"] .readingImageCard .readingImageCard__image {
            height: auto;
            max-width: 110px;
            flex: 1;
            border-radius: 0
        }

        .filteredGridWithSort[data-grid="2"] .readingImageCard--small .readingImageCard__content, .filteredGridWithSort[data-grid="2"] .readingImageCard .readingImageCard__content {
            padding: 0 0 0 16px;
            flex: 2;
            justify-content: flex-start
        }

        .filteredGridWithSort[data-grid="2"] .readingImageCard--small .readingImageCard__text, .filteredGridWithSort[data-grid="2"] .readingImageCard .readingImageCard__text {
            padding: 0;
            padding-right: 24px
        }

        .filteredGridWithSort[data-grid="2"] .readingImageCard--small .readingImageCard__title, .filteredGridWithSort[data-grid="2"] .readingImageCard .readingImageCard__title {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Inter,sans-serif;
            font-size: 1rem;
            line-height: 1.5em;
            letter-spacing: -.011em;
            font-weight: 700;
            margin-top: 4px
        }

            .filteredGridWithSort[data-grid="2"] .readingImageCard--small .readingImageCard__title .link a, .filteredGridWithSort[data-grid="2"] .readingImageCard .readingImageCard__title .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .filteredGridWithSort[data-grid="2"] .readingImageCard--small .readingImageCard__title .link a:hover, .filteredGridWithSort[data-grid="2"] .readingImageCard .readingImageCard__title .link a:hover {
                    color: var(--m-01)
                }

            .filteredGridWithSort[data-grid="2"] .readingImageCard--small .readingImageCard__title mark, .filteredGridWithSort[data-grid="2"] .readingImageCard--small .readingImageCard__title mark[data-color=color], .filteredGridWithSort[data-grid="2"] .readingImageCard .readingImageCard__title mark, .filteredGridWithSort[data-grid="2"] .readingImageCard .readingImageCard__title mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .filteredGridWithSort[data-grid="2"] .readingImageCard--small .readingImageCard__title mark[data-color=gray], .filteredGridWithSort[data-grid="2"] .readingImageCard .readingImageCard__title mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .filteredGridWithSort[data-grid="2"] .readingImageCard--small .readingImageCard__title mark[data-color=default], .filteredGridWithSort[data-grid="2"] .readingImageCard .readingImageCard__title mark[data-color=default] {
                    color: var(--neu-10)
                }

            .filteredGridWithSort[data-grid="2"] .readingImageCard--small .readingImageCard__title span.m-01--dark-01, .filteredGridWithSort[data-grid="2"] .readingImageCard--small .readingImageCard__title span[data-color=color], .filteredGridWithSort[data-grid="2"] .readingImageCard .readingImageCard__title span.m-01--dark-01, .filteredGridWithSort[data-grid="2"] .readingImageCard .readingImageCard__title span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .filteredGridWithSort[data-grid="2"] .readingImageCard--small .readingImageCard__title span.neu-07, .filteredGridWithSort[data-grid="2"] .readingImageCard--small .readingImageCard__title span[data-color=gray], .filteredGridWithSort[data-grid="2"] .readingImageCard .readingImageCard__title span.neu-07, .filteredGridWithSort[data-grid="2"] .readingImageCard .readingImageCard__title span[data-color=gray] {
                color: var(--neu-07)
            }

            .filteredGridWithSort[data-grid="2"] .readingImageCard--small .readingImageCard__title span.neu-10, .filteredGridWithSort[data-grid="2"] .readingImageCard--small .readingImageCard__title span[data-color=default], .filteredGridWithSort[data-grid="2"] .readingImageCard .readingImageCard__title span.neu-10, .filteredGridWithSort[data-grid="2"] .readingImageCard .readingImageCard__title span[data-color=default] {
                color: var(--neu-10)
            }

            .filteredGridWithSort[data-grid="2"] .readingImageCard--small .readingImageCard__title b, .filteredGridWithSort[data-grid="2"] .readingImageCard--small .readingImageCard__title strong, .filteredGridWithSort[data-grid="2"] .readingImageCard .readingImageCard__title b, .filteredGridWithSort[data-grid="2"] .readingImageCard .readingImageCard__title strong {
                font-weight: 700
            }

            .filteredGridWithSort[data-grid="2"] .readingImageCard--small .readingImageCard__title em, .filteredGridWithSort[data-grid="2"] .readingImageCard .readingImageCard__title em {
                font-style: italic
            }

        .filteredGridWithSort[data-grid="2"] .readingImageCard--small .readingImageCard__infoItem i, .filteredGridWithSort[data-grid="2"] .readingImageCard .readingImageCard__infoItem i {
            display: none
        }

        .filteredGridWithSort[data-grid="2"] .readingImageCard--small .btnBookmark, .filteredGridWithSort[data-grid="2"] .readingImageCard--small .btnBookmark--privateArea, .filteredGridWithSort[data-grid="2"] .readingImageCard--small .btnBookmark--small, .filteredGridWithSort[data-grid="2"] .readingImageCard .btnBookmark, .filteredGridWithSort[data-grid="2"] .readingImageCard .btnBookmark--privateArea, .filteredGridWithSort[data-grid="2"] .readingImageCard .btnBookmark--small {
            top: -8px;
            right: -16px;
            z-index: 2
        }

            .filteredGridWithSort[data-grid="2"] .readingImageCard--small .btnBookmark--privateArea .btnBookmark, .filteredGridWithSort[data-grid="2"] .readingImageCard--small .btnBookmark--privateArea .btnBookmark--small, .filteredGridWithSort[data-grid="2"] .readingImageCard .btnBookmark--privateArea .btnBookmark, .filteredGridWithSort[data-grid="2"] .readingImageCard .btnBookmark--privateArea .btnBookmark--small {
                top: 0;
                right: 0
            }

        .filteredGridWithSort[data-grid="2"] .readingImageCard--small:hover, .filteredGridWithSort[data-grid="2"] .readingImageCard:hover {
            box-shadow: none;
            transform: none
        }

    .filteredGridWithSort[data-grid="2"] .readingTextCard, .filteredGridWithSort[data-grid="2"] .readingTextCard--small {
        max-width: 960px;
        background: transparent;
        box-shadow: none;
        border-bottom: 1px solid var(--neu-03);
        min-height: auto;
        flex-direction: row;
        padding: 8px 0 16px;
        border-radius: 0
    }

        .filteredGridWithSort[data-grid="2"] .readingTextCard--small .readingTextCard__content, .filteredGridWithSort[data-grid="2"] .readingTextCard .readingTextCard__content {
            flex: 2
        }

        .filteredGridWithSort[data-grid="2"] .readingTextCard--small .readingTextCard__text, .filteredGridWithSort[data-grid="2"] .readingTextCard .readingTextCard__text {
            padding: 0
        }

        .filteredGridWithSort[data-grid="2"] .readingTextCard--small .readingTextCard__title, .filteredGridWithSort[data-grid="2"] .readingTextCard .readingTextCard__title {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Inter,sans-serif;
            font-size: 1rem;
            line-height: 1.5em;
            letter-spacing: -.011em;
            font-weight: 700;
            margin-top: 4px
        }

            .filteredGridWithSort[data-grid="2"] .readingTextCard--small .readingTextCard__title .link a, .filteredGridWithSort[data-grid="2"] .readingTextCard .readingTextCard__title .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .filteredGridWithSort[data-grid="2"] .readingTextCard--small .readingTextCard__title .link a:hover, .filteredGridWithSort[data-grid="2"] .readingTextCard .readingTextCard__title .link a:hover {
                    color: var(--m-01)
                }

            .filteredGridWithSort[data-grid="2"] .readingTextCard--small .readingTextCard__title mark, .filteredGridWithSort[data-grid="2"] .readingTextCard--small .readingTextCard__title mark[data-color=color], .filteredGridWithSort[data-grid="2"] .readingTextCard .readingTextCard__title mark, .filteredGridWithSort[data-grid="2"] .readingTextCard .readingTextCard__title mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .filteredGridWithSort[data-grid="2"] .readingTextCard--small .readingTextCard__title mark[data-color=gray], .filteredGridWithSort[data-grid="2"] .readingTextCard .readingTextCard__title mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .filteredGridWithSort[data-grid="2"] .readingTextCard--small .readingTextCard__title mark[data-color=default], .filteredGridWithSort[data-grid="2"] .readingTextCard .readingTextCard__title mark[data-color=default] {
                    color: var(--neu-10)
                }

            .filteredGridWithSort[data-grid="2"] .readingTextCard--small .readingTextCard__title span.m-01--dark-01, .filteredGridWithSort[data-grid="2"] .readingTextCard--small .readingTextCard__title span[data-color=color], .filteredGridWithSort[data-grid="2"] .readingTextCard .readingTextCard__title span.m-01--dark-01, .filteredGridWithSort[data-grid="2"] .readingTextCard .readingTextCard__title span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .filteredGridWithSort[data-grid="2"] .readingTextCard--small .readingTextCard__title span.neu-07, .filteredGridWithSort[data-grid="2"] .readingTextCard--small .readingTextCard__title span[data-color=gray], .filteredGridWithSort[data-grid="2"] .readingTextCard .readingTextCard__title span.neu-07, .filteredGridWithSort[data-grid="2"] .readingTextCard .readingTextCard__title span[data-color=gray] {
                color: var(--neu-07)
            }

            .filteredGridWithSort[data-grid="2"] .readingTextCard--small .readingTextCard__title span.neu-10, .filteredGridWithSort[data-grid="2"] .readingTextCard--small .readingTextCard__title span[data-color=default], .filteredGridWithSort[data-grid="2"] .readingTextCard .readingTextCard__title span.neu-10, .filteredGridWithSort[data-grid="2"] .readingTextCard .readingTextCard__title span[data-color=default] {
                color: var(--neu-10)
            }

            .filteredGridWithSort[data-grid="2"] .readingTextCard--small .readingTextCard__title b, .filteredGridWithSort[data-grid="2"] .readingTextCard--small .readingTextCard__title strong, .filteredGridWithSort[data-grid="2"] .readingTextCard .readingTextCard__title b, .filteredGridWithSort[data-grid="2"] .readingTextCard .readingTextCard__title strong {
                font-weight: 700
            }

            .filteredGridWithSort[data-grid="2"] .readingTextCard--small .readingTextCard__title em, .filteredGridWithSort[data-grid="2"] .readingTextCard .readingTextCard__title em {
                font-style: italic
            }

        .filteredGridWithSort[data-grid="2"] .readingTextCard--small .readingTextCard__description, .filteredGridWithSort[data-grid="2"] .readingTextCard--small .readingTextCard__infoItem i, .filteredGridWithSort[data-grid="2"] .readingTextCard .readingTextCard__description, .filteredGridWithSort[data-grid="2"] .readingTextCard .readingTextCard__infoItem i {
            display: none
        }

        .filteredGridWithSort[data-grid="2"] .readingTextCard--small:hover, .filteredGridWithSort[data-grid="2"] .readingTextCard:hover {
            box-shadow: none;
            transform: none
        }

    .filteredGridWithSort[data-grid="2"] .regionCard, .filteredGridWithSort[data-grid="2"] .regionCard--small {
        max-width: 960px;
        min-height: 270px
    }

        .filteredGridWithSort[data-grid="2"] .regionCard--small .regionCard__content, .filteredGridWithSort[data-grid="2"] .regionCard .regionCard__content {
            padding: 24px 16px 16px
        }

        .filteredGridWithSort[data-grid="2"] .regionCard--small .regionCard__title, .filteredGridWithSort[data-grid="2"] .regionCard .regionCard__title {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Calma Global Medium,sans-serif;
            font-size: 2rem;
            line-height: 1.25em;
            letter-spacing: -.016em
        }

            .filteredGridWithSort[data-grid="2"] .regionCard--small .regionCard__title .link a, .filteredGridWithSort[data-grid="2"] .regionCard .regionCard__title .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .filteredGridWithSort[data-grid="2"] .regionCard--small .regionCard__title .link a:hover, .filteredGridWithSort[data-grid="2"] .regionCard .regionCard__title .link a:hover {
                    color: var(--m-01)
                }

            .filteredGridWithSort[data-grid="2"] .regionCard--small .regionCard__title mark, .filteredGridWithSort[data-grid="2"] .regionCard--small .regionCard__title mark[data-color=color], .filteredGridWithSort[data-grid="2"] .regionCard .regionCard__title mark, .filteredGridWithSort[data-grid="2"] .regionCard .regionCard__title mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .filteredGridWithSort[data-grid="2"] .regionCard--small .regionCard__title mark[data-color=gray], .filteredGridWithSort[data-grid="2"] .regionCard .regionCard__title mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .filteredGridWithSort[data-grid="2"] .regionCard--small .regionCard__title mark[data-color=default], .filteredGridWithSort[data-grid="2"] .regionCard .regionCard__title mark[data-color=default] {
                    color: var(--neu-10)
                }

            .filteredGridWithSort[data-grid="2"] .regionCard--small .regionCard__title span.m-01--dark-01, .filteredGridWithSort[data-grid="2"] .regionCard--small .regionCard__title span[data-color=color], .filteredGridWithSort[data-grid="2"] .regionCard .regionCard__title span.m-01--dark-01, .filteredGridWithSort[data-grid="2"] .regionCard .regionCard__title span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .filteredGridWithSort[data-grid="2"] .regionCard--small .regionCard__title span.neu-07, .filteredGridWithSort[data-grid="2"] .regionCard--small .regionCard__title span[data-color=gray], .filteredGridWithSort[data-grid="2"] .regionCard .regionCard__title span.neu-07, .filteredGridWithSort[data-grid="2"] .regionCard .regionCard__title span[data-color=gray] {
                color: var(--neu-07)
            }

            .filteredGridWithSort[data-grid="2"] .regionCard--small .regionCard__title span.neu-10, .filteredGridWithSort[data-grid="2"] .regionCard--small .regionCard__title span[data-color=default], .filteredGridWithSort[data-grid="2"] .regionCard .regionCard__title span.neu-10, .filteredGridWithSort[data-grid="2"] .regionCard .regionCard__title span[data-color=default] {
                color: var(--neu-10)
            }

            .filteredGridWithSort[data-grid="2"] .regionCard--small .regionCard__title b, .filteredGridWithSort[data-grid="2"] .regionCard--small .regionCard__title strong, .filteredGridWithSort[data-grid="2"] .regionCard .regionCard__title b, .filteredGridWithSort[data-grid="2"] .regionCard .regionCard__title strong {
                font-weight: 700
            }

            .filteredGridWithSort[data-grid="2"] .regionCard--small .regionCard__title em, .filteredGridWithSort[data-grid="2"] .regionCard .regionCard__title em {
                font-style: italic
            }
}

@media (max-width:1024px) and (max-width:1024px) {
    .filteredGridWithSort[data-grid="2"] .regionCard--small .regionCard__title, .filteredGridWithSort[data-grid="2"] .regionCard .regionCard__title {
        font-size: 1.625rem;
        line-height: 1.231em;
        letter-spacing: 0
    }
}

@media (max-width:1024px) {
    .filteredGridWithSort[data-grid="2"] .resourceCard, .filteredGridWithSort[data-grid="2"] .resourceCard--small {
        max-width: 960px;
        min-height: 200px;
        height: 100%;
        padding: 24px 16px
    }

        .filteredGridWithSort[data-grid="2"] .resourceCard--small .resourceCard__title, .filteredGridWithSort[data-grid="2"] .resourceCard .resourceCard__title {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Inter,sans-serif;
            font-size: 1.188rem;
            line-height: 1.263em;
            letter-spacing: -.016em;
            font-weight: 400;
            margin-top: 4px
        }

            .filteredGridWithSort[data-grid="2"] .resourceCard--small .resourceCard__title .link a, .filteredGridWithSort[data-grid="2"] .resourceCard .resourceCard__title .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .filteredGridWithSort[data-grid="2"] .resourceCard--small .resourceCard__title .link a:hover, .filteredGridWithSort[data-grid="2"] .resourceCard .resourceCard__title .link a:hover {
                    color: var(--m-01)
                }

            .filteredGridWithSort[data-grid="2"] .resourceCard--small .resourceCard__title mark, .filteredGridWithSort[data-grid="2"] .resourceCard--small .resourceCard__title mark[data-color=color], .filteredGridWithSort[data-grid="2"] .resourceCard .resourceCard__title mark, .filteredGridWithSort[data-grid="2"] .resourceCard .resourceCard__title mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .filteredGridWithSort[data-grid="2"] .resourceCard--small .resourceCard__title mark[data-color=gray], .filteredGridWithSort[data-grid="2"] .resourceCard .resourceCard__title mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .filteredGridWithSort[data-grid="2"] .resourceCard--small .resourceCard__title mark[data-color=default], .filteredGridWithSort[data-grid="2"] .resourceCard .resourceCard__title mark[data-color=default] {
                    color: var(--neu-10)
                }

            .filteredGridWithSort[data-grid="2"] .resourceCard--small .resourceCard__title span.m-01--dark-01, .filteredGridWithSort[data-grid="2"] .resourceCard--small .resourceCard__title span[data-color=color], .filteredGridWithSort[data-grid="2"] .resourceCard .resourceCard__title span.m-01--dark-01, .filteredGridWithSort[data-grid="2"] .resourceCard .resourceCard__title span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .filteredGridWithSort[data-grid="2"] .resourceCard--small .resourceCard__title span.neu-07, .filteredGridWithSort[data-grid="2"] .resourceCard--small .resourceCard__title span[data-color=gray], .filteredGridWithSort[data-grid="2"] .resourceCard .resourceCard__title span.neu-07, .filteredGridWithSort[data-grid="2"] .resourceCard .resourceCard__title span[data-color=gray] {
                color: var(--neu-07)
            }

            .filteredGridWithSort[data-grid="2"] .resourceCard--small .resourceCard__title span.neu-10, .filteredGridWithSort[data-grid="2"] .resourceCard--small .resourceCard__title span[data-color=default], .filteredGridWithSort[data-grid="2"] .resourceCard .resourceCard__title span.neu-10, .filteredGridWithSort[data-grid="2"] .resourceCard .resourceCard__title span[data-color=default] {
                color: var(--neu-10)
            }

            .filteredGridWithSort[data-grid="2"] .resourceCard--small .resourceCard__title b, .filteredGridWithSort[data-grid="2"] .resourceCard--small .resourceCard__title strong, .filteredGridWithSort[data-grid="2"] .resourceCard .resourceCard__title b, .filteredGridWithSort[data-grid="2"] .resourceCard .resourceCard__title strong {
                font-weight: 700
            }

            .filteredGridWithSort[data-grid="2"] .resourceCard--small .resourceCard__title em, .filteredGridWithSort[data-grid="2"] .resourceCard .resourceCard__title em {
                font-style: italic
            }

        .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--icon, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--primary, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--primary--dark, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--secondary, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--small, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--tertiary, .filteredGridWithSort[data-grid="2"] .resourceCard .btn, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--icon, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--primary, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--primary--dark, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--secondary, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--small, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--tertiary {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Inter,sans-serif;
            font-size: .813rem;
            line-height: 1.538em;
            letter-spacing: -.003em;
            font-weight: 400;
            font-weight: 700;
            padding: 0 20px;
            height: 40px
        }

            .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--icon .link a, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--primary--dark .link a, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--primary .link a, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--secondary .link a, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--small .link a, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--tertiary .link a, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn .link a, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--icon .link a, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--primary--dark .link a, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--primary .link a, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--secondary .link a, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--small .link a, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--tertiary .link a, .filteredGridWithSort[data-grid="2"] .resourceCard .btn .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--icon .link a:hover, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--primary--dark .link a:hover, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--primary .link a:hover, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--secondary .link a:hover, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--small .link a:hover, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--tertiary .link a:hover, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn .link a:hover, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--icon .link a:hover, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--primary--dark .link a:hover, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--primary .link a:hover, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--secondary .link a:hover, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--small .link a:hover, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--tertiary .link a:hover, .filteredGridWithSort[data-grid="2"] .resourceCard .btn .link a:hover {
                    color: var(--m-01)
                }

            .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--icon mark, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--icon mark[data-color=color], .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--primary--dark mark, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--primary--dark mark[data-color=color], .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--primary mark, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--primary mark[data-color=color], .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--secondary mark, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--secondary mark[data-color=color], .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--small mark, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--small mark[data-color=color], .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--tertiary mark, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--tertiary mark[data-color=color], .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn mark, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn mark[data-color=color], .filteredGridWithSort[data-grid="2"] .resourceCard .btn--icon mark, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--icon mark[data-color=color], .filteredGridWithSort[data-grid="2"] .resourceCard .btn--primary--dark mark, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--primary--dark mark[data-color=color], .filteredGridWithSort[data-grid="2"] .resourceCard .btn--primary mark, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--primary mark[data-color=color], .filteredGridWithSort[data-grid="2"] .resourceCard .btn--secondary mark, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--secondary mark[data-color=color], .filteredGridWithSort[data-grid="2"] .resourceCard .btn--small mark, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--small mark[data-color=color], .filteredGridWithSort[data-grid="2"] .resourceCard .btn--tertiary mark, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--tertiary mark[data-color=color], .filteredGridWithSort[data-grid="2"] .resourceCard .btn mark, .filteredGridWithSort[data-grid="2"] .resourceCard .btn mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--icon mark[data-color=gray], .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--primary--dark mark[data-color=gray], .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--primary mark[data-color=gray], .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--secondary mark[data-color=gray], .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--small mark[data-color=gray], .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--tertiary mark[data-color=gray], .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn mark[data-color=gray], .filteredGridWithSort[data-grid="2"] .resourceCard .btn--icon mark[data-color=gray], .filteredGridWithSort[data-grid="2"] .resourceCard .btn--primary--dark mark[data-color=gray], .filteredGridWithSort[data-grid="2"] .resourceCard .btn--primary mark[data-color=gray], .filteredGridWithSort[data-grid="2"] .resourceCard .btn--secondary mark[data-color=gray], .filteredGridWithSort[data-grid="2"] .resourceCard .btn--small mark[data-color=gray], .filteredGridWithSort[data-grid="2"] .resourceCard .btn--tertiary mark[data-color=gray], .filteredGridWithSort[data-grid="2"] .resourceCard .btn mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--icon mark[data-color=default], .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--primary--dark mark[data-color=default], .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--primary mark[data-color=default], .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--secondary mark[data-color=default], .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--small mark[data-color=default], .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--tertiary mark[data-color=default], .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn mark[data-color=default], .filteredGridWithSort[data-grid="2"] .resourceCard .btn--icon mark[data-color=default], .filteredGridWithSort[data-grid="2"] .resourceCard .btn--primary--dark mark[data-color=default], .filteredGridWithSort[data-grid="2"] .resourceCard .btn--primary mark[data-color=default], .filteredGridWithSort[data-grid="2"] .resourceCard .btn--secondary mark[data-color=default], .filteredGridWithSort[data-grid="2"] .resourceCard .btn--small mark[data-color=default], .filteredGridWithSort[data-grid="2"] .resourceCard .btn--tertiary mark[data-color=default], .filteredGridWithSort[data-grid="2"] .resourceCard .btn mark[data-color=default] {
                    color: var(--neu-10)
                }

            .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--icon span.m-01--dark-01, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--icon span[data-color=color], .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--primary--dark span.m-01--dark-01, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--primary--dark span[data-color=color], .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--primary span.m-01--dark-01, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--primary span[data-color=color], .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--secondary span.m-01--dark-01, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--secondary span[data-color=color], .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--small span.m-01--dark-01, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--small span[data-color=color], .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--tertiary span.m-01--dark-01, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--tertiary span[data-color=color], .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn span.m-01--dark-01, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn span[data-color=color], .filteredGridWithSort[data-grid="2"] .resourceCard .btn--icon span.m-01--dark-01, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--icon span[data-color=color], .filteredGridWithSort[data-grid="2"] .resourceCard .btn--primary--dark span.m-01--dark-01, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--primary--dark span[data-color=color], .filteredGridWithSort[data-grid="2"] .resourceCard .btn--primary span.m-01--dark-01, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--primary span[data-color=color], .filteredGridWithSort[data-grid="2"] .resourceCard .btn--secondary span.m-01--dark-01, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--secondary span[data-color=color], .filteredGridWithSort[data-grid="2"] .resourceCard .btn--small span.m-01--dark-01, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--small span[data-color=color], .filteredGridWithSort[data-grid="2"] .resourceCard .btn--tertiary span.m-01--dark-01, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--tertiary span[data-color=color], .filteredGridWithSort[data-grid="2"] .resourceCard .btn span.m-01--dark-01, .filteredGridWithSort[data-grid="2"] .resourceCard .btn span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--icon span.neu-07, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--icon span[data-color=gray], .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--primary--dark span.neu-07, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--primary--dark span[data-color=gray], .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--primary span.neu-07, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--primary span[data-color=gray], .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--secondary span.neu-07, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--secondary span[data-color=gray], .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--small span.neu-07, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--small span[data-color=gray], .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--tertiary span.neu-07, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--tertiary span[data-color=gray], .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn span.neu-07, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn span[data-color=gray], .filteredGridWithSort[data-grid="2"] .resourceCard .btn--icon span.neu-07, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--icon span[data-color=gray], .filteredGridWithSort[data-grid="2"] .resourceCard .btn--primary--dark span.neu-07, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--primary--dark span[data-color=gray], .filteredGridWithSort[data-grid="2"] .resourceCard .btn--primary span.neu-07, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--primary span[data-color=gray], .filteredGridWithSort[data-grid="2"] .resourceCard .btn--secondary span.neu-07, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--secondary span[data-color=gray], .filteredGridWithSort[data-grid="2"] .resourceCard .btn--small span.neu-07, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--small span[data-color=gray], .filteredGridWithSort[data-grid="2"] .resourceCard .btn--tertiary span.neu-07, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--tertiary span[data-color=gray], .filteredGridWithSort[data-grid="2"] .resourceCard .btn span.neu-07, .filteredGridWithSort[data-grid="2"] .resourceCard .btn span[data-color=gray] {
                color: var(--neu-07)
            }

            .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--icon span.neu-10, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--icon span[data-color=default], .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--primary--dark span.neu-10, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--primary--dark span[data-color=default], .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--primary span.neu-10, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--primary span[data-color=default], .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--secondary span.neu-10, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--secondary span[data-color=default], .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--small span.neu-10, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--small span[data-color=default], .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--tertiary span.neu-10, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--tertiary span[data-color=default], .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn span.neu-10, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn span[data-color=default], .filteredGridWithSort[data-grid="2"] .resourceCard .btn--icon span.neu-10, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--icon span[data-color=default], .filteredGridWithSort[data-grid="2"] .resourceCard .btn--primary--dark span.neu-10, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--primary--dark span[data-color=default], .filteredGridWithSort[data-grid="2"] .resourceCard .btn--primary span.neu-10, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--primary span[data-color=default], .filteredGridWithSort[data-grid="2"] .resourceCard .btn--secondary span.neu-10, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--secondary span[data-color=default], .filteredGridWithSort[data-grid="2"] .resourceCard .btn--small span.neu-10, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--small span[data-color=default], .filteredGridWithSort[data-grid="2"] .resourceCard .btn--tertiary span.neu-10, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--tertiary span[data-color=default], .filteredGridWithSort[data-grid="2"] .resourceCard .btn span.neu-10, .filteredGridWithSort[data-grid="2"] .resourceCard .btn span[data-color=default] {
                color: var(--neu-10)
            }

            .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--icon b, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--icon strong, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--primary--dark b, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--primary--dark strong, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--primary b, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--primary strong, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--secondary b, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--secondary strong, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--small b, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--small strong, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--tertiary b, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--tertiary strong, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn b, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn strong, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--icon b, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--icon strong, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--primary--dark b, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--primary--dark strong, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--primary b, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--primary strong, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--secondary b, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--secondary strong, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--small b, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--small strong, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--tertiary b, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--tertiary strong, .filteredGridWithSort[data-grid="2"] .resourceCard .btn b, .filteredGridWithSort[data-grid="2"] .resourceCard .btn strong {
                font-weight: 700
            }

            .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--icon em, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--primary--dark em, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--primary em, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--secondary em, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--small em, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--tertiary em, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn em, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--icon em, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--primary--dark em, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--primary em, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--secondary em, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--small em, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--tertiary em, .filteredGridWithSort[data-grid="2"] .resourceCard .btn em {
                font-style: italic
            }

            .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--icon i, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--primary--dark i, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--primary i, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--secondary i, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--small i, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--tertiary i, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn i, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--icon i, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--primary--dark i, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--primary i, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--secondary i, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--small i, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--tertiary i, .filteredGridWithSort[data-grid="2"] .resourceCard .btn i {
                min-width: 16px;
                width: 16px;
                height: 16px;
                font-size: 16px
            }

                .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--icon i:before, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--primary--dark i:before, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--primary i:before, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--secondary i:before, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--small i:before, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--tertiary i:before, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn i:before, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--icon i:before, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--primary--dark i:before, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--primary i:before, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--secondary i:before, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--small i:before, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--tertiary i:before, .filteredGridWithSort[data-grid="2"] .resourceCard .btn i:before {
                    font-size: 16px;
                    font-weight: 400
                }

            .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--icon, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--icon.btn--primary, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--icon.btn--primary--dark, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--icon.btn--secondary, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--icon.btn--small, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--icon.btn--tertiary, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn.btn--icon, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--icon, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--icon.btn--primary, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--icon.btn--primary--dark, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--icon.btn--secondary, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--icon.btn--small, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--icon.btn--tertiary, .filteredGridWithSort[data-grid="2"] .resourceCard .btn.btn--icon {
                width: 40px;
                min-width: 40px
            }

                .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--icon:hover, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--primary--dark:hover, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--primary:hover, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--secondary:hover, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--small:hover, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--tertiary:hover, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn:hover, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--icon:hover, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--primary--dark:hover, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--primary:hover, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--secondary:hover, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--small:hover, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--tertiary:hover, .filteredGridWithSort[data-grid="2"] .resourceCard .btn:hover {
                    color: var(--m-01--dark-01)
                }

    .filteredGridWithSort[data-grid="2"] .resultsCard, .filteredGridWithSort[data-grid="2"] .resultsCard--small {
        max-width: 960px;
        min-height: auto;
        padding: 0 0 16px;
        border-radius: 0;
        flex-direction: column
    }

        .filteredGridWithSort[data-grid="2"] .resultsCard--small .resultsCard__image, .filteredGridWithSort[data-grid="2"] .resultsCard .resultsCard__image {
            height: 126px;
            width: 100%;
            margin-right: 0;
            margin-bottom: 16px
        }

        .filteredGridWithSort[data-grid="2"] .resultsCard--small .resultsCard__content, .filteredGridWithSort[data-grid="2"] .resultsCard .resultsCard__content {
            flex: 2;
            justify-content: flex-start
        }

        .filteredGridWithSort[data-grid="2"] .resultsCard--small .resultsCard__topInfo, .filteredGridWithSort[data-grid="2"] .resultsCard .resultsCard__topInfo {
            flex-direction: column
        }

        .filteredGridWithSort[data-grid="2"] .resultsCard--small .resultsCard__sideInfo, .filteredGridWithSort[data-grid="2"] .resultsCard .resultsCard__sideInfo {
            order: 1;
            transform: none;
            justify-content: space-between;
            margin-bottom: 16px
        }

        .filteredGridWithSort[data-grid="2"] .resultsCard--small .resultsCard__labels, .filteredGridWithSort[data-grid="2"] .resultsCard .resultsCard__labels {
            order: 2
        }

        .filteredGridWithSort[data-grid="2"] .resultsCard--small .resultsCard__text, .filteredGridWithSort[data-grid="2"] .resultsCard .resultsCard__text {
            padding: 0
        }

        .filteredGridWithSort[data-grid="2"] .resultsCard--small .resultsCard__description, .filteredGridWithSort[data-grid="2"] .resultsCard .resultsCard__description {
            margin-top: 4px
        }

        .filteredGridWithSort[data-grid="2"] .resultsCard--small .resultsCard__bottomInfo, .filteredGridWithSort[data-grid="2"] .resultsCard .resultsCard__bottomInfo {
            margin-top: 8px
        }
}

@media (max-width:1024px) and (max-width:512px) {
    .filteredGridWithSort[data-grid="2"] .resultsCard--small .resultsCard__bottomInfo, .filteredGridWithSort[data-grid="2"] .resultsCard .resultsCard__bottomInfo {
        flex-direction: column;
        align-items: flex-start
    }
}

@media (max-width:1024px) and (max-width:512px) {
    .filteredGridWithSort[data-grid="2"] .resultsCard--small .resultsCard__btnContainer, .filteredGridWithSort[data-grid="2"] .resultsCard .resultsCard__btnContainer {
        margin-top: 8px;
        width: 100%;
        display: flex;
        justify-content: flex-end
    }
}

@media (max-width:1024px) {
    .filteredGridWithSort[data-grid="2"] .resultsCard--small .btnBookmark, .filteredGridWithSort[data-grid="2"] .resultsCard--small .btnBookmark--small, .filteredGridWithSort[data-grid="2"] .resultsCard .btnBookmark, .filteredGridWithSort[data-grid="2"] .resultsCard .btnBookmark--small {
        transform: translateX(16px);
        width: 48px
    }

    .filteredGridWithSort[data-grid="2"] .thumbResultsCard, .filteredGridWithSort[data-grid="2"] .thumbResultsCard--small {
        max-width: 636px;
        flex-direction: row
    }

        .filteredGridWithSort[data-grid="2"] .thumbResultsCard--small .thumbResultsCard__image, .filteredGridWithSort[data-grid="2"] .thumbResultsCard .thumbResultsCard__image {
            height: auto;
            width: 89px;
            min-width: 89px;
            border-top-left-radius: 2px;
            border-top-right-radius: 0;
            border-bottom-left-radius: 2px
        }

        .filteredGridWithSort[data-grid="2"] .thumbResultsCard--small .thumbResultsCard__content, .filteredGridWithSort[data-grid="2"] .thumbResultsCard .thumbResultsCard__content {
            justify-content: flex-start
        }

        .filteredGridWithSort[data-grid="2"] .thumbResultsCard--small .thumbResultsCard__sideInfo, .filteredGridWithSort[data-grid="2"] .thumbResultsCard .thumbResultsCard__sideInfo {
            transform: none;
            justify-content: space-between
        }

        .filteredGridWithSort[data-grid="2"] .thumbResultsCard--small .thumbResultsCard__text, .filteredGridWithSort[data-grid="2"] .thumbResultsCard .thumbResultsCard__text {
            padding: 0
        }

        .filteredGridWithSort[data-grid="2"] .thumbResultsCard--small .thumbResultsCard__description, .filteredGridWithSort[data-grid="2"] .thumbResultsCard .thumbResultsCard__description {
            margin-top: 4px
        }
}

@media (max-width:1024px) and (max-width:512px) {
    .filteredGridWithSort[data-grid="2"] .thumbResultsCard--small .thumbResultsCard__btnContainer, .filteredGridWithSort[data-grid="2"] .thumbResultsCard .thumbResultsCard__btnContainer {
        margin-top: 8px
    }
}

@media (max-width:1024px) {
    .filteredGridWithSort[data-grid="2"] .supplierCard, .filteredGridWithSort[data-grid="2"] .supplierCard--small {
        max-width: 960px;
        min-height: 214px
    }

        .filteredGridWithSort[data-grid="2"] .supplierCard--small .supplierCard__container, .filteredGridWithSort[data-grid="2"] .supplierCard .supplierCard__container {
            padding: 24px 16px
        }

            .filteredGridWithSort[data-grid="2"] .supplierCard--small .supplierCard__container.opened, .filteredGridWithSort[data-grid="2"] .supplierCard .supplierCard__container.opened {
                max-width: 90vw;
                padding: 24px 40px 24px 24px
            }
}

@media (max-width:1024px) and (max-width:768px) {
    .filteredGridWithSort[data-grid="2"] .supplierCard--small .supplierCard__container.opened, .filteredGridWithSort[data-grid="2"] .supplierCard .supplierCard__container.opened {
        padding: 24px
    }
}

@media (max-width:1024px) {
    .filteredGridWithSort[data-grid="2"] .supplierCard--small .supplierCard__container.opened .supplierCard__content, .filteredGridWithSort[data-grid="2"] .supplierCard .supplierCard__container.opened .supplierCard__content {
        max-width: calc(100% - 120px - 16px)
    }
}

@media (max-width:1024px) and (max-width:768px) {
    .filteredGridWithSort[data-grid="2"] .supplierCard--small .supplierCard__container.opened .supplierCard__content, .filteredGridWithSort[data-grid="2"] .supplierCard .supplierCard__container.opened .supplierCard__content {
        max-width: 100%
    }
}

@media (max-width:1024px) {
    .filteredGridWithSort[data-grid="2"] .supplierCard--small .supplierCard__container.opened .supplierCard__image, .filteredGridWithSort[data-grid="2"] .supplierCard .supplierCard__container.opened .supplierCard__image {
        width: 120px;
        height: 120px
    }

    .filteredGridWithSort[data-grid="2"] .supplierCard--small .supplierCard__image, .filteredGridWithSort[data-grid="2"] .supplierCard .supplierCard__image {
        max-width: 110px;
        width: calc(15% - 16px);
        margin-right: 16px
    }
}

@media (max-width:1024px) and (max-width:768px) {
    .filteredGridWithSort[data-grid="2"] .supplierCard--small .supplierCard__image, .filteredGridWithSort[data-grid="2"] .supplierCard .supplierCard__image {
        width: calc(25% - 16px)
    }
}

@media (max-width:1024px) and (max-width:512px) {
    .filteredGridWithSort[data-grid="2"] .supplierCard--small .supplierCard__image, .filteredGridWithSort[data-grid="2"] .supplierCard .supplierCard__image {
        width: calc(40% - 16px)
    }
}

@media (max-width:1024px) {
    .filteredGridWithSort[data-grid="2"] .supplierCard--small .supplierCard__content, .filteredGridWithSort[data-grid="2"] .supplierCard .supplierCard__content {
        max-width: 85%
    }
}

@media (max-width:1024px) and (max-width:768px) {
    .filteredGridWithSort[data-grid="2"] .supplierCard--small .supplierCard__content, .filteredGridWithSort[data-grid="2"] .supplierCard .supplierCard__content {
        max-width: 75%
    }
}

@media (max-width:1024px) and (max-width:512px) {
    .filteredGridWithSort[data-grid="2"] .supplierCard--small .supplierCard__content, .filteredGridWithSort[data-grid="2"] .supplierCard .supplierCard__content {
        max-width: 60%
    }
}

@media (max-width:1024px) and (max-width:768px) {
    .filteredGridWithSort[data-grid="2"] .supplierCard--small .supplierCard__title, .filteredGridWithSort[data-grid="2"] .supplierCard .supplierCard__title {
        margin: 16px 0 8px
    }
}

@media (max-width:1024px) {
    .filteredGridWithSort[data-grid="2"] .supplierCard--small .supplierCard__link, .filteredGridWithSort[data-grid="2"] .supplierCard .supplierCard__link {
        right: -40px
    }
}

@media (max-width:1024px) and (max-width:768px) {
    .filteredGridWithSort[data-grid="2"] .supplierCard--small .supplierCard__link, .filteredGridWithSort[data-grid="2"] .supplierCard .supplierCard__link {
        right: -24px
    }
}

@media (max-width:1024px) {
    .filteredGridWithSort[data-grid="2"] .supplierCard--small .supplierCard__shortDescription, .filteredGridWithSort[data-grid="2"] .supplierCard .supplierCard__shortDescription {
        max-width: none
    }

    .filteredGridWithSort[data-grid="2"] .supplierCard--small .openExpandedCard, .filteredGridWithSort[data-grid="2"] .supplierCard--small .openExpandedCard button, .filteredGridWithSort[data-grid="2"] .supplierCard .openExpandedCard, .filteredGridWithSort[data-grid="2"] .supplierCard .openExpandedCard button {
        width: 100%
    }

    .filteredGridWithSort[data-grid="2"] .supplierCard--small .closeExpandedCard, .filteredGridWithSort[data-grid="2"] .supplierCard .closeExpandedCard {
        top: 16px;
        right: 8px
    }

    .filteredGridWithSort[data-grid="2"] .supplierCard--small .btn, .filteredGridWithSort[data-grid="2"] .supplierCard--small .btn--icon, .filteredGridWithSort[data-grid="2"] .supplierCard--small .btn--primary, .filteredGridWithSort[data-grid="2"] .supplierCard--small .btn--primary--dark, .filteredGridWithSort[data-grid="2"] .supplierCard--small .btn--secondary, .filteredGridWithSort[data-grid="2"] .supplierCard--small .btn--small, .filteredGridWithSort[data-grid="2"] .supplierCard--small .btn--tertiary, .filteredGridWithSort[data-grid="2"] .supplierCard .btn, .filteredGridWithSort[data-grid="2"] .supplierCard .btn--icon, .filteredGridWithSort[data-grid="2"] .supplierCard .btn--primary, .filteredGridWithSort[data-grid="2"] .supplierCard .btn--primary--dark, .filteredGridWithSort[data-grid="2"] .supplierCard .btn--secondary, .filteredGridWithSort[data-grid="2"] .supplierCard .btn--small, .filteredGridWithSort[data-grid="2"] .supplierCard .btn--tertiary {
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-stretch: normal;
        letter-spacing: normal;
        font-family: Inter,sans-serif;
        font-size: .813rem;
        line-height: 1.538em;
        letter-spacing: -.003em;
        font-weight: 400;
        font-weight: 700;
        padding: 0 20px;
        height: 40px
    }

        .filteredGridWithSort[data-grid="2"] .supplierCard--small .btn--icon .link a, .filteredGridWithSort[data-grid="2"] .supplierCard--small .btn--primary--dark .link a, .filteredGridWithSort[data-grid="2"] .supplierCard--small .btn--primary .link a, .filteredGridWithSort[data-grid="2"] .supplierCard--small .btn--secondary .link a, .filteredGridWithSort[data-grid="2"] .supplierCard--small .btn--small .link a, .filteredGridWithSort[data-grid="2"] .supplierCard--small .btn--tertiary .link a, .filteredGridWithSort[data-grid="2"] .supplierCard--small .btn .link a, .filteredGridWithSort[data-grid="2"] .supplierCard .btn--icon .link a, .filteredGridWithSort[data-grid="2"] .supplierCard .btn--primary--dark .link a, .filteredGridWithSort[data-grid="2"] .supplierCard .btn--primary .link a, .filteredGridWithSort[data-grid="2"] .supplierCard .btn--secondary .link a, .filteredGridWithSort[data-grid="2"] .supplierCard .btn--small .link a, .filteredGridWithSort[data-grid="2"] .supplierCard .btn--tertiary .link a, .filteredGridWithSort[data-grid="2"] .supplierCard .btn .link a {
            transition: all .1s ease;
            text-decoration: underline;
            color: var(--m-01--dark-01)
        }

            .filteredGridWithSort[data-grid="2"] .supplierCard--small .btn--icon .link a:hover, .filteredGridWithSort[data-grid="2"] .supplierCard--small .btn--primary--dark .link a:hover, .filteredGridWithSort[data-grid="2"] .supplierCard--small .btn--primary .link a:hover, .filteredGridWithSort[data-grid="2"] .supplierCard--small .btn--secondary .link a:hover, .filteredGridWithSort[data-grid="2"] .supplierCard--small .btn--small .link a:hover, .filteredGridWithSort[data-grid="2"] .supplierCard--small .btn--tertiary .link a:hover, .filteredGridWithSort[data-grid="2"] .supplierCard--small .btn .link a:hover, .filteredGridWithSort[data-grid="2"] .supplierCard .btn--icon .link a:hover, .filteredGridWithSort[data-grid="2"] .supplierCard .btn--primary--dark .link a:hover, .filteredGridWithSort[data-grid="2"] .supplierCard .btn--primary .link a:hover, .filteredGridWithSort[data-grid="2"] .supplierCard .btn--secondary .link a:hover, .filteredGridWithSort[data-grid="2"] .supplierCard .btn--small .link a:hover, .filteredGridWithSort[data-grid="2"] .supplierCard .btn--tertiary .link a:hover, .filteredGridWithSort[data-grid="2"] .supplierCard .btn .link a:hover {
                color: var(--m-01)
            }

        .filteredGridWithSort[data-grid="2"] .supplierCard--small .btn--icon mark, .filteredGridWithSort[data-grid="2"] .supplierCard--small .btn--icon mark[data-color=color], .filteredGridWithSort[data-grid="2"] .supplierCard--small .btn--primary--dark mark, .filteredGridWithSort[data-grid="2"] .supplierCard--small .btn--primary--dark mark[data-color=color], .filteredGridWithSort[data-grid="2"] .supplierCard--small .btn--primary mark, .filteredGridWithSort[data-grid="2"] .supplierCard--small .btn--primary mark[data-color=color], .filteredGridWithSort[data-grid="2"] .supplierCard--small .btn--secondary mark, .filteredGridWithSort[data-grid="2"] .supplierCard--small .btn--secondary mark[data-color=color], .filteredGridWithSort[data-grid="2"] .supplierCard--small .btn--small mark, .filteredGridWithSort[data-grid="2"] .supplierCard--small .btn--small mark[data-color=color], .filteredGridWithSort[data-grid="2"] .supplierCard--small .btn--tertiary mark, .filteredGridWithSort[data-grid="2"] .supplierCard--small .btn--tertiary mark[data-color=color], .filteredGridWithSort[data-grid="2"] .supplierCard--small .btn mark, .filteredGridWithSort[data-grid="2"] .supplierCard--small .btn mark[data-color=color], .filteredGridWithSort[data-grid="2"] .supplierCard .btn--icon mark, .filteredGridWithSort[data-grid="2"] .supplierCard .btn--icon mark[data-color=color], .filteredGridWithSort[data-grid="2"] .supplierCard .btn--primary--dark mark, .filteredGridWithSort[data-grid="2"] .supplierCard .btn--primary--dark mark[data-color=color], .filteredGridWithSort[data-grid="2"] .supplierCard .btn--primary mark, .filteredGridWithSort[data-grid="2"] .supplierCard .btn--primary mark[data-color=color], .filteredGridWithSort[data-grid="2"] .supplierCard .btn--secondary mark, .filteredGridWithSort[data-grid="2"] .supplierCard .btn--secondary mark[data-color=color], .filteredGridWithSort[data-grid="2"] .supplierCard .btn--small mark, .filteredGridWithSort[data-grid="2"] .supplierCard .btn--small mark[data-color=color], .filteredGridWithSort[data-grid="2"] .supplierCard .btn--tertiary mark, .filteredGridWithSort[data-grid="2"] .supplierCard .btn--tertiary mark[data-color=color], .filteredGridWithSort[data-grid="2"] .supplierCard .btn mark, .filteredGridWithSort[data-grid="2"] .supplierCard .btn mark[data-color=color] {
            color: var(--m-01--dark-01)
        }

            .filteredGridWithSort[data-grid="2"] .supplierCard--small .btn--icon mark[data-color=gray], .filteredGridWithSort[data-grid="2"] .supplierCard--small .btn--primary--dark mark[data-color=gray], .filteredGridWithSort[data-grid="2"] .supplierCard--small .btn--primary mark[data-color=gray], .filteredGridWithSort[data-grid="2"] .supplierCard--small .btn--secondary mark[data-color=gray], .filteredGridWithSort[data-grid="2"] .supplierCard--small .btn--small mark[data-color=gray], .filteredGridWithSort[data-grid="2"] .supplierCard--small .btn--tertiary mark[data-color=gray], .filteredGridWithSort[data-grid="2"] .supplierCard--small .btn mark[data-color=gray], .filteredGridWithSort[data-grid="2"] .supplierCard .btn--icon mark[data-color=gray], .filteredGridWithSort[data-grid="2"] .supplierCard .btn--primary--dark mark[data-color=gray], .filteredGridWithSort[data-grid="2"] .supplierCard .btn--primary mark[data-color=gray], .filteredGridWithSort[data-grid="2"] .supplierCard .btn--secondary mark[data-color=gray], .filteredGridWithSort[data-grid="2"] .supplierCard .btn--small mark[data-color=gray], .filteredGridWithSort[data-grid="2"] .supplierCard .btn--tertiary mark[data-color=gray], .filteredGridWithSort[data-grid="2"] .supplierCard .btn mark[data-color=gray] {
                color: var(--neu-07)
            }

            .filteredGridWithSort[data-grid="2"] .supplierCard--small .btn--icon mark[data-color=default], .filteredGridWithSort[data-grid="2"] .supplierCard--small .btn--primary--dark mark[data-color=default], .filteredGridWithSort[data-grid="2"] .supplierCard--small .btn--primary mark[data-color=default], .filteredGridWithSort[data-grid="2"] .supplierCard--small .btn--secondary mark[data-color=default], .filteredGridWithSort[data-grid="2"] .supplierCard--small .btn--small mark[data-color=default], .filteredGridWithSort[data-grid="2"] .supplierCard--small .btn--tertiary mark[data-color=default], .filteredGridWithSort[data-grid="2"] .supplierCard--small .btn mark[data-color=default], .filteredGridWithSort[data-grid="2"] .supplierCard .btn--icon mark[data-color=default], .filteredGridWithSort[data-grid="2"] .supplierCard .btn--primary--dark mark[data-color=default], .filteredGridWithSort[data-grid="2"] .supplierCard .btn--primary mark[data-color=default], .filteredGridWithSort[data-grid="2"] .supplierCard .btn--secondary mark[data-color=default], .filteredGridWithSort[data-grid="2"] .supplierCard .btn--small mark[data-color=default], .filteredGridWithSort[data-grid="2"] .supplierCard .btn--tertiary mark[data-color=default], .filteredGridWithSort[data-grid="2"] .supplierCard .btn mark[data-color=default] {
                color: var(--neu-10)
            }

        .filteredGridWithSort[data-grid="2"] .supplierCard--small .btn--icon span.m-01--dark-01, .filteredGridWithSort[data-grid="2"] .supplierCard--small .btn--icon span[data-color=color], .filteredGridWithSort[data-grid="2"] .supplierCard--small .btn--primary--dark span.m-01--dark-01, .filteredGridWithSort[data-grid="2"] .supplierCard--small .btn--primary--dark span[data-color=color], .filteredGridWithSort[data-grid="2"] .supplierCard--small .btn--primary span.m-01--dark-01, .filteredGridWithSort[data-grid="2"] .supplierCard--small .btn--primary span[data-color=color], .filteredGridWithSort[data-grid="2"] .supplierCard--small .btn--secondary span.m-01--dark-01, .filteredGridWithSort[data-grid="2"] .supplierCard--small .btn--secondary span[data-color=color], .filteredGridWithSort[data-grid="2"] .supplierCard--small .btn--small span.m-01--dark-01, .filteredGridWithSort[data-grid="2"] .supplierCard--small .btn--small span[data-color=color], .filteredGridWithSort[data-grid="2"] .supplierCard--small .btn--tertiary span.m-01--dark-01, .filteredGridWithSort[data-grid="2"] .supplierCard--small .btn--tertiary span[data-color=color], .filteredGridWithSort[data-grid="2"] .supplierCard--small .btn span.m-01--dark-01, .filteredGridWithSort[data-grid="2"] .supplierCard--small .btn span[data-color=color], .filteredGridWithSort[data-grid="2"] .supplierCard .btn--icon span.m-01--dark-01, .filteredGridWithSort[data-grid="2"] .supplierCard .btn--icon span[data-color=color], .filteredGridWithSort[data-grid="2"] .supplierCard .btn--primary--dark span.m-01--dark-01, .filteredGridWithSort[data-grid="2"] .supplierCard .btn--primary--dark span[data-color=color], .filteredGridWithSort[data-grid="2"] .supplierCard .btn--primary span.m-01--dark-01, .filteredGridWithSort[data-grid="2"] .supplierCard .btn--primary span[data-color=color], .filteredGridWithSort[data-grid="2"] .supplierCard .btn--secondary span.m-01--dark-01, .filteredGridWithSort[data-grid="2"] .supplierCard .btn--secondary span[data-color=color], .filteredGridWithSort[data-grid="2"] .supplierCard .btn--small span.m-01--dark-01, .filteredGridWithSort[data-grid="2"] .supplierCard .btn--small span[data-color=color], .filteredGridWithSort[data-grid="2"] .supplierCard .btn--tertiary span.m-01--dark-01, .filteredGridWithSort[data-grid="2"] .supplierCard .btn--tertiary span[data-color=color], .filteredGridWithSort[data-grid="2"] .supplierCard .btn span.m-01--dark-01, .filteredGridWithSort[data-grid="2"] .supplierCard .btn span[data-color=color] {
            color: var(--m-01--dark-01)
        }

        .filteredGridWithSort[data-grid="2"] .supplierCard--small .btn--icon span.neu-07, .filteredGridWithSort[data-grid="2"] .supplierCard--small .btn--icon span[data-color=gray], .filteredGridWithSort[data-grid="2"] .supplierCard--small .btn--primary--dark span.neu-07, .filteredGridWithSort[data-grid="2"] .supplierCard--small .btn--primary--dark span[data-color=gray], .filteredGridWithSort[data-grid="2"] .supplierCard--small .btn--primary span.neu-07, .filteredGridWithSort[data-grid="2"] .supplierCard--small .btn--primary span[data-color=gray], .filteredGridWithSort[data-grid="2"] .supplierCard--small .btn--secondary span.neu-07, .filteredGridWithSort[data-grid="2"] .supplierCard--small .btn--secondary span[data-color=gray], .filteredGridWithSort[data-grid="2"] .supplierCard--small .btn--small span.neu-07, .filteredGridWithSort[data-grid="2"] .supplierCard--small .btn--small span[data-color=gray], .filteredGridWithSort[data-grid="2"] .supplierCard--small .btn--tertiary span.neu-07, .filteredGridWithSort[data-grid="2"] .supplierCard--small .btn--tertiary span[data-color=gray], .filteredGridWithSort[data-grid="2"] .supplierCard--small .btn span.neu-07, .filteredGridWithSort[data-grid="2"] .supplierCard--small .btn span[data-color=gray], .filteredGridWithSort[data-grid="2"] .supplierCard .btn--icon span.neu-07, .filteredGridWithSort[data-grid="2"] .supplierCard .btn--icon span[data-color=gray], .filteredGridWithSort[data-grid="2"] .supplierCard .btn--primary--dark span.neu-07, .filteredGridWithSort[data-grid="2"] .supplierCard .btn--primary--dark span[data-color=gray], .filteredGridWithSort[data-grid="2"] .supplierCard .btn--primary span.neu-07, .filteredGridWithSort[data-grid="2"] .supplierCard .btn--primary span[data-color=gray], .filteredGridWithSort[data-grid="2"] .supplierCard .btn--secondary span.neu-07, .filteredGridWithSort[data-grid="2"] .supplierCard .btn--secondary span[data-color=gray], .filteredGridWithSort[data-grid="2"] .supplierCard .btn--small span.neu-07, .filteredGridWithSort[data-grid="2"] .supplierCard .btn--small span[data-color=gray], .filteredGridWithSort[data-grid="2"] .supplierCard .btn--tertiary span.neu-07, .filteredGridWithSort[data-grid="2"] .supplierCard .btn--tertiary span[data-color=gray], .filteredGridWithSort[data-grid="2"] .supplierCard .btn span.neu-07, .filteredGridWithSort[data-grid="2"] .supplierCard .btn span[data-color=gray] {
            color: var(--neu-07)
        }

        .filteredGridWithSort[data-grid="2"] .supplierCard--small .btn--icon span.neu-10, .filteredGridWithSort[data-grid="2"] .supplierCard--small .btn--icon span[data-color=default], .filteredGridWithSort[data-grid="2"] .supplierCard--small .btn--primary--dark span.neu-10, .filteredGridWithSort[data-grid="2"] .supplierCard--small .btn--primary--dark span[data-color=default], .filteredGridWithSort[data-grid="2"] .supplierCard--small .btn--primary span.neu-10, .filteredGridWithSort[data-grid="2"] .supplierCard--small .btn--primary span[data-color=default], .filteredGridWithSort[data-grid="2"] .supplierCard--small .btn--secondary span.neu-10, .filteredGridWithSort[data-grid="2"] .supplierCard--small .btn--secondary span[data-color=default], .filteredGridWithSort[data-grid="2"] .supplierCard--small .btn--small span.neu-10, .filteredGridWithSort[data-grid="2"] .supplierCard--small .btn--small span[data-color=default], .filteredGridWithSort[data-grid="2"] .supplierCard--small .btn--tertiary span.neu-10, .filteredGridWithSort[data-grid="2"] .supplierCard--small .btn--tertiary span[data-color=default], .filteredGridWithSort[data-grid="2"] .supplierCard--small .btn span.neu-10, .filteredGridWithSort[data-grid="2"] .supplierCard--small .btn span[data-color=default], .filteredGridWithSort[data-grid="2"] .supplierCard .btn--icon span.neu-10, .filteredGridWithSort[data-grid="2"] .supplierCard .btn--icon span[data-color=default], .filteredGridWithSort[data-grid="2"] .supplierCard .btn--primary--dark span.neu-10, .filteredGridWithSort[data-grid="2"] .supplierCard .btn--primary--dark span[data-color=default], .filteredGridWithSort[data-grid="2"] .supplierCard .btn--primary span.neu-10, .filteredGridWithSort[data-grid="2"] .supplierCard .btn--primary span[data-color=default], .filteredGridWithSort[data-grid="2"] .supplierCard .btn--secondary span.neu-10, .filteredGridWithSort[data-grid="2"] .supplierCard .btn--secondary span[data-color=default], .filteredGridWithSort[data-grid="2"] .supplierCard .btn--small span.neu-10, .filteredGridWithSort[data-grid="2"] .supplierCard .btn--small span[data-color=default], .filteredGridWithSort[data-grid="2"] .supplierCard .btn--tertiary span.neu-10, .filteredGridWithSort[data-grid="2"] .supplierCard .btn--tertiary span[data-color=default], .filteredGridWithSort[data-grid="2"] .supplierCard .btn span.neu-10, .filteredGridWithSort[data-grid="2"] .supplierCard .btn span[data-color=default] {
            color: var(--neu-10)
        }

        .filteredGridWithSort[data-grid="2"] .supplierCard--small .btn--icon b, .filteredGridWithSort[data-grid="2"] .supplierCard--small .btn--icon strong, .filteredGridWithSort[data-grid="2"] .supplierCard--small .btn--primary--dark b, .filteredGridWithSort[data-grid="2"] .supplierCard--small .btn--primary--dark strong, .filteredGridWithSort[data-grid="2"] .supplierCard--small .btn--primary b, .filteredGridWithSort[data-grid="2"] .supplierCard--small .btn--primary strong, .filteredGridWithSort[data-grid="2"] .supplierCard--small .btn--secondary b, .filteredGridWithSort[data-grid="2"] .supplierCard--small .btn--secondary strong, .filteredGridWithSort[data-grid="2"] .supplierCard--small .btn--small b, .filteredGridWithSort[data-grid="2"] .supplierCard--small .btn--small strong, .filteredGridWithSort[data-grid="2"] .supplierCard--small .btn--tertiary b, .filteredGridWithSort[data-grid="2"] .supplierCard--small .btn--tertiary strong, .filteredGridWithSort[data-grid="2"] .supplierCard--small .btn b, .filteredGridWithSort[data-grid="2"] .supplierCard--small .btn strong, .filteredGridWithSort[data-grid="2"] .supplierCard .btn--icon b, .filteredGridWithSort[data-grid="2"] .supplierCard .btn--icon strong, .filteredGridWithSort[data-grid="2"] .supplierCard .btn--primary--dark b, .filteredGridWithSort[data-grid="2"] .supplierCard .btn--primary--dark strong, .filteredGridWithSort[data-grid="2"] .supplierCard .btn--primary b, .filteredGridWithSort[data-grid="2"] .supplierCard .btn--primary strong, .filteredGridWithSort[data-grid="2"] .supplierCard .btn--secondary b, .filteredGridWithSort[data-grid="2"] .supplierCard .btn--secondary strong, .filteredGridWithSort[data-grid="2"] .supplierCard .btn--small b, .filteredGridWithSort[data-grid="2"] .supplierCard .btn--small strong, .filteredGridWithSort[data-grid="2"] .supplierCard .btn--tertiary b, .filteredGridWithSort[data-grid="2"] .supplierCard .btn--tertiary strong, .filteredGridWithSort[data-grid="2"] .supplierCard .btn b, .filteredGridWithSort[data-grid="2"] .supplierCard .btn strong {
            font-weight: 700
        }

        .filteredGridWithSort[data-grid="2"] .supplierCard--small .btn--icon em, .filteredGridWithSort[data-grid="2"] .supplierCard--small .btn--primary--dark em, .filteredGridWithSort[data-grid="2"] .supplierCard--small .btn--primary em, .filteredGridWithSort[data-grid="2"] .supplierCard--small .btn--secondary em, .filteredGridWithSort[data-grid="2"] .supplierCard--small .btn--small em, .filteredGridWithSort[data-grid="2"] .supplierCard--small .btn--tertiary em, .filteredGridWithSort[data-grid="2"] .supplierCard--small .btn em, .filteredGridWithSort[data-grid="2"] .supplierCard .btn--icon em, .filteredGridWithSort[data-grid="2"] .supplierCard .btn--primary--dark em, .filteredGridWithSort[data-grid="2"] .supplierCard .btn--primary em, .filteredGridWithSort[data-grid="2"] .supplierCard .btn--secondary em, .filteredGridWithSort[data-grid="2"] .supplierCard .btn--small em, .filteredGridWithSort[data-grid="2"] .supplierCard .btn--tertiary em, .filteredGridWithSort[data-grid="2"] .supplierCard .btn em {
            font-style: italic
        }

        .filteredGridWithSort[data-grid="2"] .supplierCard--small .btn--icon i, .filteredGridWithSort[data-grid="2"] .supplierCard--small .btn--primary--dark i, .filteredGridWithSort[data-grid="2"] .supplierCard--small .btn--primary i, .filteredGridWithSort[data-grid="2"] .supplierCard--small .btn--secondary i, .filteredGridWithSort[data-grid="2"] .supplierCard--small .btn--small i, .filteredGridWithSort[data-grid="2"] .supplierCard--small .btn--tertiary i, .filteredGridWithSort[data-grid="2"] .supplierCard--small .btn i, .filteredGridWithSort[data-grid="2"] .supplierCard .btn--icon i, .filteredGridWithSort[data-grid="2"] .supplierCard .btn--primary--dark i, .filteredGridWithSort[data-grid="2"] .supplierCard .btn--primary i, .filteredGridWithSort[data-grid="2"] .supplierCard .btn--secondary i, .filteredGridWithSort[data-grid="2"] .supplierCard .btn--small i, .filteredGridWithSort[data-grid="2"] .supplierCard .btn--tertiary i, .filteredGridWithSort[data-grid="2"] .supplierCard .btn i {
            min-width: 16px;
            width: 16px;
            height: 16px;
            font-size: 16px
        }

            .filteredGridWithSort[data-grid="2"] .supplierCard--small .btn--icon i:before, .filteredGridWithSort[data-grid="2"] .supplierCard--small .btn--primary--dark i:before, .filteredGridWithSort[data-grid="2"] .supplierCard--small .btn--primary i:before, .filteredGridWithSort[data-grid="2"] .supplierCard--small .btn--secondary i:before, .filteredGridWithSort[data-grid="2"] .supplierCard--small .btn--small i:before, .filteredGridWithSort[data-grid="2"] .supplierCard--small .btn--tertiary i:before, .filteredGridWithSort[data-grid="2"] .supplierCard--small .btn i:before, .filteredGridWithSort[data-grid="2"] .supplierCard .btn--icon i:before, .filteredGridWithSort[data-grid="2"] .supplierCard .btn--primary--dark i:before, .filteredGridWithSort[data-grid="2"] .supplierCard .btn--primary i:before, .filteredGridWithSort[data-grid="2"] .supplierCard .btn--secondary i:before, .filteredGridWithSort[data-grid="2"] .supplierCard .btn--small i:before, .filteredGridWithSort[data-grid="2"] .supplierCard .btn--tertiary i:before, .filteredGridWithSort[data-grid="2"] .supplierCard .btn i:before {
                font-size: 16px;
                font-weight: 400
            }

        .filteredGridWithSort[data-grid="2"] .supplierCard--small .btn--icon, .filteredGridWithSort[data-grid="2"] .supplierCard--small .btn--icon.btn--primary, .filteredGridWithSort[data-grid="2"] .supplierCard--small .btn--icon.btn--primary--dark, .filteredGridWithSort[data-grid="2"] .supplierCard--small .btn--icon.btn--secondary, .filteredGridWithSort[data-grid="2"] .supplierCard--small .btn--icon.btn--small, .filteredGridWithSort[data-grid="2"] .supplierCard--small .btn--icon.btn--tertiary, .filteredGridWithSort[data-grid="2"] .supplierCard--small .btn.btn--icon, .filteredGridWithSort[data-grid="2"] .supplierCard .btn--icon, .filteredGridWithSort[data-grid="2"] .supplierCard .btn--icon.btn--primary, .filteredGridWithSort[data-grid="2"] .supplierCard .btn--icon.btn--primary--dark, .filteredGridWithSort[data-grid="2"] .supplierCard .btn--icon.btn--secondary, .filteredGridWithSort[data-grid="2"] .supplierCard .btn--icon.btn--small, .filteredGridWithSort[data-grid="2"] .supplierCard .btn--icon.btn--tertiary, .filteredGridWithSort[data-grid="2"] .supplierCard .btn.btn--icon {
            width: 40px;
            min-width: 40px
        }

    .filteredGridWithSort[data-grid="2"] .regionResultsCard, .filteredGridWithSort[data-grid="2"] .regionResultsCard--small {
        max-width: 960px;
        min-height: auto;
        padding: 0 0 24px;
        border-radius: 0;
        flex-direction: column
    }

        .filteredGridWithSort[data-grid="2"] .regionResultsCard--small .regionResultsCard__image, .filteredGridWithSort[data-grid="2"] .regionResultsCard .regionResultsCard__image {
            height: 100px;
            width: 100%;
            margin-right: 0;
            margin-bottom: 16px
        }

        .filteredGridWithSort[data-grid="2"] .regionResultsCard--small .regionResultsCard__title, .filteredGridWithSort[data-grid="2"] .regionResultsCard .regionResultsCard__title {
            margin-top: 4px
        }

        .filteredGridWithSort[data-grid="2"] .regionResultsCard--small .regionResultsCard__content, .filteredGridWithSort[data-grid="2"] .regionResultsCard .regionResultsCard__content {
            flex: 2;
            justify-content: flex-start
        }

        .filteredGridWithSort[data-grid="2"] .regionResultsCard--small .regionResultsCard__topInfo, .filteredGridWithSort[data-grid="2"] .regionResultsCard .regionResultsCard__topInfo {
            flex-direction: column
        }

        .filteredGridWithSort[data-grid="2"] .regionResultsCard--small .regionResultsCard__sideInfo, .filteredGridWithSort[data-grid="2"] .regionResultsCard .regionResultsCard__sideInfo {
            order: 1;
            transform: none;
            justify-content: space-between;
            margin-bottom: 16px
        }

        .filteredGridWithSort[data-grid="2"] .regionResultsCard--small .regionResultsCard__labels, .filteredGridWithSort[data-grid="2"] .regionResultsCard .regionResultsCard__labels {
            order: 2
        }

        .filteredGridWithSort[data-grid="2"] .regionResultsCard--small .regionResultsCard__text, .filteredGridWithSort[data-grid="2"] .regionResultsCard .regionResultsCard__text {
            padding: 0
        }

        .filteredGridWithSort[data-grid="2"] .regionResultsCard--small .regionResultsCard__bottomInfo, .filteredGridWithSort[data-grid="2"] .regionResultsCard .regionResultsCard__bottomInfo {
            margin-top: 8px;
            flex-direction: column;
            align-items: flex-start
        }

        .filteredGridWithSort[data-grid="2"] .regionResultsCard--small .regionResultsCard__btnContainer, .filteredGridWithSort[data-grid="2"] .regionResultsCard .regionResultsCard__btnContainer {
            width: 100%;
            display: flex
        }

            .filteredGridWithSort[data-grid="2"] .regionResultsCard--small .regionResultsCard__btnContainer .btn--primary, .filteredGridWithSort[data-grid="2"] .regionResultsCard .regionResultsCard__btnContainer .btn--primary {
                width: 100%
            }

        .filteredGridWithSort[data-grid="2"] .regionResultsCard--small .btnBookmark, .filteredGridWithSort[data-grid="2"] .regionResultsCard--small .btnBookmark--privateArea, .filteredGridWithSort[data-grid="2"] .regionResultsCard--small .btnBookmark--small, .filteredGridWithSort[data-grid="2"] .regionResultsCard .btnBookmark, .filteredGridWithSort[data-grid="2"] .regionResultsCard .btnBookmark--privateArea, .filteredGridWithSort[data-grid="2"] .regionResultsCard .btnBookmark--small {
            transform: translateX(20px)
        }

            .filteredGridWithSort[data-grid="2"] .regionResultsCard--small .btnBookmark--privateArea .btnBookmark, .filteredGridWithSort[data-grid="2"] .regionResultsCard--small .btnBookmark--privateArea .btnBookmark--small, .filteredGridWithSort[data-grid="2"] .regionResultsCard .btnBookmark--privateArea .btnBookmark, .filteredGridWithSort[data-grid="2"] .regionResultsCard .btnBookmark--privateArea .btnBookmark--small {
                transform: translateX(0)
            }

    .filteredGridWithSort[data-grid="2"] .resourceCard, .filteredGridWithSort[data-grid="2"] .resourceCard--small {
        max-width: 960px;
        min-height: 200px;
        height: 100%;
        padding: 24px 16px
    }

        .filteredGridWithSort[data-grid="2"] .resourceCard--small .resourceCard__title, .filteredGridWithSort[data-grid="2"] .resourceCard .resourceCard__title {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Inter,sans-serif;
            font-size: 1.188rem;
            line-height: 1.263em;
            letter-spacing: -.016em;
            font-weight: 400;
            margin-top: 4px
        }

            .filteredGridWithSort[data-grid="2"] .resourceCard--small .resourceCard__title .link a, .filteredGridWithSort[data-grid="2"] .resourceCard .resourceCard__title .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .filteredGridWithSort[data-grid="2"] .resourceCard--small .resourceCard__title .link a:hover, .filteredGridWithSort[data-grid="2"] .resourceCard .resourceCard__title .link a:hover {
                    color: var(--m-01)
                }

            .filteredGridWithSort[data-grid="2"] .resourceCard--small .resourceCard__title mark, .filteredGridWithSort[data-grid="2"] .resourceCard--small .resourceCard__title mark[data-color=color], .filteredGridWithSort[data-grid="2"] .resourceCard .resourceCard__title mark, .filteredGridWithSort[data-grid="2"] .resourceCard .resourceCard__title mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .filteredGridWithSort[data-grid="2"] .resourceCard--small .resourceCard__title mark[data-color=gray], .filteredGridWithSort[data-grid="2"] .resourceCard .resourceCard__title mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .filteredGridWithSort[data-grid="2"] .resourceCard--small .resourceCard__title mark[data-color=default], .filteredGridWithSort[data-grid="2"] .resourceCard .resourceCard__title mark[data-color=default] {
                    color: var(--neu-10)
                }

            .filteredGridWithSort[data-grid="2"] .resourceCard--small .resourceCard__title span.m-01--dark-01, .filteredGridWithSort[data-grid="2"] .resourceCard--small .resourceCard__title span[data-color=color], .filteredGridWithSort[data-grid="2"] .resourceCard .resourceCard__title span.m-01--dark-01, .filteredGridWithSort[data-grid="2"] .resourceCard .resourceCard__title span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .filteredGridWithSort[data-grid="2"] .resourceCard--small .resourceCard__title span.neu-07, .filteredGridWithSort[data-grid="2"] .resourceCard--small .resourceCard__title span[data-color=gray], .filteredGridWithSort[data-grid="2"] .resourceCard .resourceCard__title span.neu-07, .filteredGridWithSort[data-grid="2"] .resourceCard .resourceCard__title span[data-color=gray] {
                color: var(--neu-07)
            }

            .filteredGridWithSort[data-grid="2"] .resourceCard--small .resourceCard__title span.neu-10, .filteredGridWithSort[data-grid="2"] .resourceCard--small .resourceCard__title span[data-color=default], .filteredGridWithSort[data-grid="2"] .resourceCard .resourceCard__title span.neu-10, .filteredGridWithSort[data-grid="2"] .resourceCard .resourceCard__title span[data-color=default] {
                color: var(--neu-10)
            }

            .filteredGridWithSort[data-grid="2"] .resourceCard--small .resourceCard__title b, .filteredGridWithSort[data-grid="2"] .resourceCard--small .resourceCard__title strong, .filteredGridWithSort[data-grid="2"] .resourceCard .resourceCard__title b, .filteredGridWithSort[data-grid="2"] .resourceCard .resourceCard__title strong {
                font-weight: 700
            }

            .filteredGridWithSort[data-grid="2"] .resourceCard--small .resourceCard__title em, .filteredGridWithSort[data-grid="2"] .resourceCard .resourceCard__title em {
                font-style: italic
            }

        .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--icon, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--primary, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--primary--dark, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--secondary, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--small, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--tertiary, .filteredGridWithSort[data-grid="2"] .resourceCard .btn, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--icon, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--primary, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--primary--dark, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--secondary, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--small, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--tertiary {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Inter,sans-serif;
            font-size: .813rem;
            line-height: 1.538em;
            letter-spacing: -.003em;
            font-weight: 400;
            font-weight: 700;
            padding: 0 20px;
            height: 40px
        }

            .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--icon .link a, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--primary--dark .link a, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--primary .link a, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--secondary .link a, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--small .link a, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--tertiary .link a, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn .link a, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--icon .link a, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--primary--dark .link a, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--primary .link a, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--secondary .link a, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--small .link a, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--tertiary .link a, .filteredGridWithSort[data-grid="2"] .resourceCard .btn .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--icon .link a:hover, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--primary--dark .link a:hover, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--primary .link a:hover, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--secondary .link a:hover, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--small .link a:hover, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--tertiary .link a:hover, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn .link a:hover, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--icon .link a:hover, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--primary--dark .link a:hover, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--primary .link a:hover, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--secondary .link a:hover, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--small .link a:hover, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--tertiary .link a:hover, .filteredGridWithSort[data-grid="2"] .resourceCard .btn .link a:hover {
                    color: var(--m-01)
                }

            .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--icon mark, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--icon mark[data-color=color], .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--primary--dark mark, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--primary--dark mark[data-color=color], .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--primary mark, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--primary mark[data-color=color], .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--secondary mark, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--secondary mark[data-color=color], .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--small mark, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--small mark[data-color=color], .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--tertiary mark, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--tertiary mark[data-color=color], .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn mark, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn mark[data-color=color], .filteredGridWithSort[data-grid="2"] .resourceCard .btn--icon mark, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--icon mark[data-color=color], .filteredGridWithSort[data-grid="2"] .resourceCard .btn--primary--dark mark, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--primary--dark mark[data-color=color], .filteredGridWithSort[data-grid="2"] .resourceCard .btn--primary mark, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--primary mark[data-color=color], .filteredGridWithSort[data-grid="2"] .resourceCard .btn--secondary mark, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--secondary mark[data-color=color], .filteredGridWithSort[data-grid="2"] .resourceCard .btn--small mark, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--small mark[data-color=color], .filteredGridWithSort[data-grid="2"] .resourceCard .btn--tertiary mark, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--tertiary mark[data-color=color], .filteredGridWithSort[data-grid="2"] .resourceCard .btn mark, .filteredGridWithSort[data-grid="2"] .resourceCard .btn mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--icon mark[data-color=gray], .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--primary--dark mark[data-color=gray], .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--primary mark[data-color=gray], .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--secondary mark[data-color=gray], .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--small mark[data-color=gray], .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--tertiary mark[data-color=gray], .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn mark[data-color=gray], .filteredGridWithSort[data-grid="2"] .resourceCard .btn--icon mark[data-color=gray], .filteredGridWithSort[data-grid="2"] .resourceCard .btn--primary--dark mark[data-color=gray], .filteredGridWithSort[data-grid="2"] .resourceCard .btn--primary mark[data-color=gray], .filteredGridWithSort[data-grid="2"] .resourceCard .btn--secondary mark[data-color=gray], .filteredGridWithSort[data-grid="2"] .resourceCard .btn--small mark[data-color=gray], .filteredGridWithSort[data-grid="2"] .resourceCard .btn--tertiary mark[data-color=gray], .filteredGridWithSort[data-grid="2"] .resourceCard .btn mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--icon mark[data-color=default], .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--primary--dark mark[data-color=default], .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--primary mark[data-color=default], .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--secondary mark[data-color=default], .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--small mark[data-color=default], .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--tertiary mark[data-color=default], .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn mark[data-color=default], .filteredGridWithSort[data-grid="2"] .resourceCard .btn--icon mark[data-color=default], .filteredGridWithSort[data-grid="2"] .resourceCard .btn--primary--dark mark[data-color=default], .filteredGridWithSort[data-grid="2"] .resourceCard .btn--primary mark[data-color=default], .filteredGridWithSort[data-grid="2"] .resourceCard .btn--secondary mark[data-color=default], .filteredGridWithSort[data-grid="2"] .resourceCard .btn--small mark[data-color=default], .filteredGridWithSort[data-grid="2"] .resourceCard .btn--tertiary mark[data-color=default], .filteredGridWithSort[data-grid="2"] .resourceCard .btn mark[data-color=default] {
                    color: var(--neu-10)
                }

            .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--icon span.m-01--dark-01, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--icon span[data-color=color], .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--primary--dark span.m-01--dark-01, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--primary--dark span[data-color=color], .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--primary span.m-01--dark-01, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--primary span[data-color=color], .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--secondary span.m-01--dark-01, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--secondary span[data-color=color], .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--small span.m-01--dark-01, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--small span[data-color=color], .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--tertiary span.m-01--dark-01, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--tertiary span[data-color=color], .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn span.m-01--dark-01, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn span[data-color=color], .filteredGridWithSort[data-grid="2"] .resourceCard .btn--icon span.m-01--dark-01, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--icon span[data-color=color], .filteredGridWithSort[data-grid="2"] .resourceCard .btn--primary--dark span.m-01--dark-01, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--primary--dark span[data-color=color], .filteredGridWithSort[data-grid="2"] .resourceCard .btn--primary span.m-01--dark-01, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--primary span[data-color=color], .filteredGridWithSort[data-grid="2"] .resourceCard .btn--secondary span.m-01--dark-01, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--secondary span[data-color=color], .filteredGridWithSort[data-grid="2"] .resourceCard .btn--small span.m-01--dark-01, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--small span[data-color=color], .filteredGridWithSort[data-grid="2"] .resourceCard .btn--tertiary span.m-01--dark-01, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--tertiary span[data-color=color], .filteredGridWithSort[data-grid="2"] .resourceCard .btn span.m-01--dark-01, .filteredGridWithSort[data-grid="2"] .resourceCard .btn span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--icon span.neu-07, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--icon span[data-color=gray], .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--primary--dark span.neu-07, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--primary--dark span[data-color=gray], .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--primary span.neu-07, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--primary span[data-color=gray], .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--secondary span.neu-07, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--secondary span[data-color=gray], .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--small span.neu-07, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--small span[data-color=gray], .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--tertiary span.neu-07, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--tertiary span[data-color=gray], .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn span.neu-07, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn span[data-color=gray], .filteredGridWithSort[data-grid="2"] .resourceCard .btn--icon span.neu-07, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--icon span[data-color=gray], .filteredGridWithSort[data-grid="2"] .resourceCard .btn--primary--dark span.neu-07, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--primary--dark span[data-color=gray], .filteredGridWithSort[data-grid="2"] .resourceCard .btn--primary span.neu-07, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--primary span[data-color=gray], .filteredGridWithSort[data-grid="2"] .resourceCard .btn--secondary span.neu-07, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--secondary span[data-color=gray], .filteredGridWithSort[data-grid="2"] .resourceCard .btn--small span.neu-07, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--small span[data-color=gray], .filteredGridWithSort[data-grid="2"] .resourceCard .btn--tertiary span.neu-07, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--tertiary span[data-color=gray], .filteredGridWithSort[data-grid="2"] .resourceCard .btn span.neu-07, .filteredGridWithSort[data-grid="2"] .resourceCard .btn span[data-color=gray] {
                color: var(--neu-07)
            }

            .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--icon span.neu-10, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--icon span[data-color=default], .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--primary--dark span.neu-10, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--primary--dark span[data-color=default], .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--primary span.neu-10, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--primary span[data-color=default], .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--secondary span.neu-10, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--secondary span[data-color=default], .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--small span.neu-10, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--small span[data-color=default], .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--tertiary span.neu-10, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--tertiary span[data-color=default], .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn span.neu-10, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn span[data-color=default], .filteredGridWithSort[data-grid="2"] .resourceCard .btn--icon span.neu-10, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--icon span[data-color=default], .filteredGridWithSort[data-grid="2"] .resourceCard .btn--primary--dark span.neu-10, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--primary--dark span[data-color=default], .filteredGridWithSort[data-grid="2"] .resourceCard .btn--primary span.neu-10, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--primary span[data-color=default], .filteredGridWithSort[data-grid="2"] .resourceCard .btn--secondary span.neu-10, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--secondary span[data-color=default], .filteredGridWithSort[data-grid="2"] .resourceCard .btn--small span.neu-10, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--small span[data-color=default], .filteredGridWithSort[data-grid="2"] .resourceCard .btn--tertiary span.neu-10, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--tertiary span[data-color=default], .filteredGridWithSort[data-grid="2"] .resourceCard .btn span.neu-10, .filteredGridWithSort[data-grid="2"] .resourceCard .btn span[data-color=default] {
                color: var(--neu-10)
            }

            .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--icon b, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--icon strong, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--primary--dark b, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--primary--dark strong, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--primary b, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--primary strong, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--secondary b, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--secondary strong, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--small b, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--small strong, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--tertiary b, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--tertiary strong, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn b, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn strong, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--icon b, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--icon strong, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--primary--dark b, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--primary--dark strong, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--primary b, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--primary strong, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--secondary b, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--secondary strong, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--small b, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--small strong, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--tertiary b, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--tertiary strong, .filteredGridWithSort[data-grid="2"] .resourceCard .btn b, .filteredGridWithSort[data-grid="2"] .resourceCard .btn strong {
                font-weight: 700
            }

            .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--icon em, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--primary--dark em, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--primary em, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--secondary em, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--small em, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--tertiary em, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn em, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--icon em, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--primary--dark em, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--primary em, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--secondary em, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--small em, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--tertiary em, .filteredGridWithSort[data-grid="2"] .resourceCard .btn em {
                font-style: italic
            }

            .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--icon i, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--primary--dark i, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--primary i, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--secondary i, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--small i, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--tertiary i, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn i, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--icon i, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--primary--dark i, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--primary i, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--secondary i, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--small i, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--tertiary i, .filteredGridWithSort[data-grid="2"] .resourceCard .btn i {
                min-width: 16px;
                width: 16px;
                height: 16px;
                font-size: 16px
            }

                .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--icon i:before, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--primary--dark i:before, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--primary i:before, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--secondary i:before, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--small i:before, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--tertiary i:before, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn i:before, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--icon i:before, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--primary--dark i:before, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--primary i:before, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--secondary i:before, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--small i:before, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--tertiary i:before, .filteredGridWithSort[data-grid="2"] .resourceCard .btn i:before {
                    font-size: 16px;
                    font-weight: 400
                }

            .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--icon, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--icon.btn--primary, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--icon.btn--primary--dark, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--icon.btn--secondary, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--icon.btn--small, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--icon.btn--tertiary, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn.btn--icon, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--icon, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--icon.btn--primary, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--icon.btn--primary--dark, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--icon.btn--secondary, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--icon.btn--small, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--icon.btn--tertiary, .filteredGridWithSort[data-grid="2"] .resourceCard .btn.btn--icon {
                width: 40px;
                min-width: 40px
            }

                .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--icon:hover, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--primary--dark:hover, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--primary:hover, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--secondary:hover, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--small:hover, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn--tertiary:hover, .filteredGridWithSort[data-grid="2"] .resourceCard--small .btn:hover, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--icon:hover, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--primary--dark:hover, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--primary:hover, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--secondary:hover, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--small:hover, .filteredGridWithSort[data-grid="2"] .resourceCard .btn--tertiary:hover, .filteredGridWithSort[data-grid="2"] .resourceCard .btn:hover {
                    color: var(--m-01--dark-01)
                }

    .filteredGridWithSort[data-grid="2"] .productCard, .filteredGridWithSort[data-grid="2"] .productCard--small {
        max-width: 960px;
        min-height: 324px
    }

        .filteredGridWithSort[data-grid="2"] .productCard--small .productCard__head, .filteredGridWithSort[data-grid="2"] .productCard .productCard__head {
            height: 200px
        }

            .filteredGridWithSort[data-grid="2"] .productCard--small .productCard__head:after, .filteredGridWithSort[data-grid="2"] .productCard .productCard__head:after {
                left: 16px;
                width: calc(100% - 16px * 2)
            }

        .filteredGridWithSort[data-grid="2"] .productCard--small .productCard__head-content, .filteredGridWithSort[data-grid="2"] .productCard .productCard__head-content {
            padding: 24px 16px
        }

        .filteredGridWithSort[data-grid="2"] .productCard--small .productCard__productName, .filteredGridWithSort[data-grid="2"] .productCard .productCard__productName {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Calma Global Medium,sans-serif;
            font-size: 1.625rem;
            line-height: 1.231em;
            letter-spacing: 0
        }

            .filteredGridWithSort[data-grid="2"] .productCard--small .productCard__productName .link a, .filteredGridWithSort[data-grid="2"] .productCard .productCard__productName .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .filteredGridWithSort[data-grid="2"] .productCard--small .productCard__productName .link a:hover, .filteredGridWithSort[data-grid="2"] .productCard .productCard__productName .link a:hover {
                    color: var(--m-01)
                }

            .filteredGridWithSort[data-grid="2"] .productCard--small .productCard__productName mark, .filteredGridWithSort[data-grid="2"] .productCard--small .productCard__productName mark[data-color=color], .filteredGridWithSort[data-grid="2"] .productCard .productCard__productName mark, .filteredGridWithSort[data-grid="2"] .productCard .productCard__productName mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .filteredGridWithSort[data-grid="2"] .productCard--small .productCard__productName mark[data-color=gray], .filteredGridWithSort[data-grid="2"] .productCard .productCard__productName mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .filteredGridWithSort[data-grid="2"] .productCard--small .productCard__productName mark[data-color=default], .filteredGridWithSort[data-grid="2"] .productCard .productCard__productName mark[data-color=default] {
                    color: var(--neu-10)
                }

            .filteredGridWithSort[data-grid="2"] .productCard--small .productCard__productName span.m-01--dark-01, .filteredGridWithSort[data-grid="2"] .productCard--small .productCard__productName span[data-color=color], .filteredGridWithSort[data-grid="2"] .productCard .productCard__productName span.m-01--dark-01, .filteredGridWithSort[data-grid="2"] .productCard .productCard__productName span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .filteredGridWithSort[data-grid="2"] .productCard--small .productCard__productName span.neu-07, .filteredGridWithSort[data-grid="2"] .productCard--small .productCard__productName span[data-color=gray], .filteredGridWithSort[data-grid="2"] .productCard .productCard__productName span.neu-07, .filteredGridWithSort[data-grid="2"] .productCard .productCard__productName span[data-color=gray] {
                color: var(--neu-07)
            }

            .filteredGridWithSort[data-grid="2"] .productCard--small .productCard__productName span.neu-10, .filteredGridWithSort[data-grid="2"] .productCard--small .productCard__productName span[data-color=default], .filteredGridWithSort[data-grid="2"] .productCard .productCard__productName span.neu-10, .filteredGridWithSort[data-grid="2"] .productCard .productCard__productName span[data-color=default] {
                color: var(--neu-10)
            }

            .filteredGridWithSort[data-grid="2"] .productCard--small .productCard__productName b, .filteredGridWithSort[data-grid="2"] .productCard--small .productCard__productName strong, .filteredGridWithSort[data-grid="2"] .productCard .productCard__productName b, .filteredGridWithSort[data-grid="2"] .productCard .productCard__productName strong {
                font-weight: 700
            }

            .filteredGridWithSort[data-grid="2"] .productCard--small .productCard__productName em, .filteredGridWithSort[data-grid="2"] .productCard .productCard__productName em {
                font-style: italic
            }

        .filteredGridWithSort[data-grid="2"] .productCard--small .productCard__content, .filteredGridWithSort[data-grid="2"] .productCard .productCard__content {
            padding: 16px
        }

        .filteredGridWithSort[data-grid="2"] .productCard--small .productCard__bookmark, .filteredGridWithSort[data-grid="2"] .productCard .productCard__bookmark {
            right: 0;
            top: 8px
        }

    .filteredGridWithSort[data-grid="2"] .brandCard, .filteredGridWithSort[data-grid="2"] .brandCard--small {
        max-width: 960px;
        min-height: 324px;
        padding: 16px
    }

        .filteredGridWithSort[data-grid="2"] .brandCard--small .brandCard__image, .filteredGridWithSort[data-grid="2"] .brandCard .brandCard__image {
            height: 70px;
            width: 70px;
            margin-right: 0
        }

        .filteredGridWithSort[data-grid="2"] .brandCard--small .brandCard--small .btnBookmark--privateArea, .filteredGridWithSort[data-grid="2"] .brandCard--small .brandCard .btnBookmark--privateArea, .filteredGridWithSort[data-grid="2"] .brandCard--small .brandCard__bookmark, .filteredGridWithSort[data-grid="2"] .brandCard .brandCard--small .btnBookmark--privateArea, .filteredGridWithSort[data-grid="2"] .brandCard .brandCard .btnBookmark--privateArea, .filteredGridWithSort[data-grid="2"] .brandCard .brandCard__bookmark {
            right: 0
        }

        .filteredGridWithSort[data-grid="2"] .brandCard--small .brandCard__text, .filteredGridWithSort[data-grid="2"] .brandCard .brandCard__text {
            padding: 0
        }

        .filteredGridWithSort[data-grid="2"] .brandCard--small .brandCard__title, .filteredGridWithSort[data-grid="2"] .brandCard .brandCard__title {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Calma Global Medium,sans-serif;
            font-size: 1.625rem;
            line-height: 1.231em;
            letter-spacing: 0
        }

            .filteredGridWithSort[data-grid="2"] .brandCard--small .brandCard__title .link a, .filteredGridWithSort[data-grid="2"] .brandCard .brandCard__title .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .filteredGridWithSort[data-grid="2"] .brandCard--small .brandCard__title .link a:hover, .filteredGridWithSort[data-grid="2"] .brandCard .brandCard__title .link a:hover {
                    color: var(--m-01)
                }

            .filteredGridWithSort[data-grid="2"] .brandCard--small .brandCard__title mark, .filteredGridWithSort[data-grid="2"] .brandCard--small .brandCard__title mark[data-color=color], .filteredGridWithSort[data-grid="2"] .brandCard .brandCard__title mark, .filteredGridWithSort[data-grid="2"] .brandCard .brandCard__title mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .filteredGridWithSort[data-grid="2"] .brandCard--small .brandCard__title mark[data-color=gray], .filteredGridWithSort[data-grid="2"] .brandCard .brandCard__title mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .filteredGridWithSort[data-grid="2"] .brandCard--small .brandCard__title mark[data-color=default], .filteredGridWithSort[data-grid="2"] .brandCard .brandCard__title mark[data-color=default] {
                    color: var(--neu-10)
                }

            .filteredGridWithSort[data-grid="2"] .brandCard--small .brandCard__title span.m-01--dark-01, .filteredGridWithSort[data-grid="2"] .brandCard--small .brandCard__title span[data-color=color], .filteredGridWithSort[data-grid="2"] .brandCard .brandCard__title span.m-01--dark-01, .filteredGridWithSort[data-grid="2"] .brandCard .brandCard__title span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .filteredGridWithSort[data-grid="2"] .brandCard--small .brandCard__title span.neu-07, .filteredGridWithSort[data-grid="2"] .brandCard--small .brandCard__title span[data-color=gray], .filteredGridWithSort[data-grid="2"] .brandCard .brandCard__title span.neu-07, .filteredGridWithSort[data-grid="2"] .brandCard .brandCard__title span[data-color=gray] {
                color: var(--neu-07)
            }

            .filteredGridWithSort[data-grid="2"] .brandCard--small .brandCard__title span.neu-10, .filteredGridWithSort[data-grid="2"] .brandCard--small .brandCard__title span[data-color=default], .filteredGridWithSort[data-grid="2"] .brandCard .brandCard__title span.neu-10, .filteredGridWithSort[data-grid="2"] .brandCard .brandCard__title span[data-color=default] {
                color: var(--neu-10)
            }

            .filteredGridWithSort[data-grid="2"] .brandCard--small .brandCard__title b, .filteredGridWithSort[data-grid="2"] .brandCard--small .brandCard__title strong, .filteredGridWithSort[data-grid="2"] .brandCard .brandCard__title b, .filteredGridWithSort[data-grid="2"] .brandCard .brandCard__title strong {
                font-weight: 700
            }

            .filteredGridWithSort[data-grid="2"] .brandCard--small .brandCard__title em, .filteredGridWithSort[data-grid="2"] .brandCard .brandCard__title em {
                font-style: italic
            }

        .filteredGridWithSort[data-grid="2"] .brandCard--small .brandCard__description, .filteredGridWithSort[data-grid="2"] .brandCard .brandCard__description {
            margin-top: 24px
        }

    .filteredGridWithSort[data-grid="2"] .categoryCard, .filteredGridWithSort[data-grid="2"] .categoryCard--small {
        min-height: 240px;
        max-width: 960px
    }

        .filteredGridWithSort[data-grid="2"] .categoryCard--small .categoryCard__content, .filteredGridWithSort[data-grid="2"] .categoryCard .categoryCard__content {
            padding: 32px
        }

        .filteredGridWithSort[data-grid="2"] .categoryCard--small .categoryCard__title, .filteredGridWithSort[data-grid="2"] .categoryCard .categoryCard__title {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Calma Global Medium,sans-serif;
            font-size: 2rem;
            line-height: 1.25em;
            letter-spacing: -.016em
        }

            .filteredGridWithSort[data-grid="2"] .categoryCard--small .categoryCard__title .link a, .filteredGridWithSort[data-grid="2"] .categoryCard .categoryCard__title .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .filteredGridWithSort[data-grid="2"] .categoryCard--small .categoryCard__title .link a:hover, .filteredGridWithSort[data-grid="2"] .categoryCard .categoryCard__title .link a:hover {
                    color: var(--m-01)
                }

            .filteredGridWithSort[data-grid="2"] .categoryCard--small .categoryCard__title mark, .filteredGridWithSort[data-grid="2"] .categoryCard--small .categoryCard__title mark[data-color=color], .filteredGridWithSort[data-grid="2"] .categoryCard .categoryCard__title mark, .filteredGridWithSort[data-grid="2"] .categoryCard .categoryCard__title mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .filteredGridWithSort[data-grid="2"] .categoryCard--small .categoryCard__title mark[data-color=gray], .filteredGridWithSort[data-grid="2"] .categoryCard .categoryCard__title mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .filteredGridWithSort[data-grid="2"] .categoryCard--small .categoryCard__title mark[data-color=default], .filteredGridWithSort[data-grid="2"] .categoryCard .categoryCard__title mark[data-color=default] {
                    color: var(--neu-10)
                }

            .filteredGridWithSort[data-grid="2"] .categoryCard--small .categoryCard__title span.m-01--dark-01, .filteredGridWithSort[data-grid="2"] .categoryCard--small .categoryCard__title span[data-color=color], .filteredGridWithSort[data-grid="2"] .categoryCard .categoryCard__title span.m-01--dark-01, .filteredGridWithSort[data-grid="2"] .categoryCard .categoryCard__title span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .filteredGridWithSort[data-grid="2"] .categoryCard--small .categoryCard__title span.neu-07, .filteredGridWithSort[data-grid="2"] .categoryCard--small .categoryCard__title span[data-color=gray], .filteredGridWithSort[data-grid="2"] .categoryCard .categoryCard__title span.neu-07, .filteredGridWithSort[data-grid="2"] .categoryCard .categoryCard__title span[data-color=gray] {
                color: var(--neu-07)
            }

            .filteredGridWithSort[data-grid="2"] .categoryCard--small .categoryCard__title span.neu-10, .filteredGridWithSort[data-grid="2"] .categoryCard--small .categoryCard__title span[data-color=default], .filteredGridWithSort[data-grid="2"] .categoryCard .categoryCard__title span.neu-10, .filteredGridWithSort[data-grid="2"] .categoryCard .categoryCard__title span[data-color=default] {
                color: var(--neu-10)
            }

            .filteredGridWithSort[data-grid="2"] .categoryCard--small .categoryCard__title b, .filteredGridWithSort[data-grid="2"] .categoryCard--small .categoryCard__title strong, .filteredGridWithSort[data-grid="2"] .categoryCard .categoryCard__title b, .filteredGridWithSort[data-grid="2"] .categoryCard .categoryCard__title strong {
                font-weight: 700
            }

            .filteredGridWithSort[data-grid="2"] .categoryCard--small .categoryCard__title em, .filteredGridWithSort[data-grid="2"] .categoryCard .categoryCard__title em {
                font-style: italic
            }
}

@media (max-width:1024px) and (max-width:1024px) {
    .filteredGridWithSort[data-grid="2"] .categoryCard--small .categoryCard__title, .filteredGridWithSort[data-grid="2"] .categoryCard .categoryCard__title {
        font-size: 1.625rem;
        line-height: 1.231em;
        letter-spacing: 0
    }
}

@media (max-width:1024px) {
    .filteredGridWithSort[data-grid="2"] .profileCard, .filteredGridWithSort[data-grid="2"] .profileCard--small {
        max-width: 960px;
        padding: 24px 16px 32px 4px;
        height: 100%
    }

        .filteredGridWithSort[data-grid="2"] .profileCard--small .profileCard__text, .filteredGridWithSort[data-grid="2"] .profileCard .profileCard__text {
            max-width: 310px
        }

    .filteredGridWithSort[data-grid="2"] .selectableCard, .filteredGridWithSort[data-grid="2"] .selectableCard--small {
        max-width: 960px;
        padding: 16px 16px 24px;
        grid-template-columns: 1fr 1fr;
        row-gap: 8px
    }

        .filteredGridWithSort[data-grid="2"] .selectableCard--small .selectableCard__content, .filteredGridWithSort[data-grid="2"] .selectableCard .selectableCard__content {
            grid-row: 2;
            grid-column: 1/3
        }

        .filteredGridWithSort[data-grid="2"] .selectableCard--small .selectableCard__checkbox, .filteredGridWithSort[data-grid="2"] .selectableCard .selectableCard__checkbox {
            margin-right: 0;
            grid-row: 1
        }

        .filteredGridWithSort[data-grid="2"] .selectableCard--small .selectableCard__image, .filteredGridWithSort[data-grid="2"] .selectableCard .selectableCard__image {
            width: 48px;
            height: 48px;
            grid-row: 1;
            justify-self: flex-end
        }

        .filteredGridWithSort[data-grid="2"] .selectableCard--small .selectableCard__btn, .filteredGridWithSort[data-grid="2"] .selectableCard .selectableCard__btn {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Inter,sans-serif;
            font-size: .813rem;
            line-height: 1.538em;
            letter-spacing: -.003em;
            font-weight: 400;
            font-weight: 700;
            padding: 0 20px;
            height: 40px;
            transform: none;
            margin-left: 0;
            margin-top: 16px;
            grid-row: 3;
            grid-column: 1/3
        }

            .filteredGridWithSort[data-grid="2"] .selectableCard--small .selectableCard__btn .link a, .filteredGridWithSort[data-grid="2"] .selectableCard .selectableCard__btn .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .filteredGridWithSort[data-grid="2"] .selectableCard--small .selectableCard__btn .link a:hover, .filteredGridWithSort[data-grid="2"] .selectableCard .selectableCard__btn .link a:hover {
                    color: var(--m-01)
                }

            .filteredGridWithSort[data-grid="2"] .selectableCard--small .selectableCard__btn mark, .filteredGridWithSort[data-grid="2"] .selectableCard--small .selectableCard__btn mark[data-color=color], .filteredGridWithSort[data-grid="2"] .selectableCard .selectableCard__btn mark, .filteredGridWithSort[data-grid="2"] .selectableCard .selectableCard__btn mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .filteredGridWithSort[data-grid="2"] .selectableCard--small .selectableCard__btn mark[data-color=gray], .filteredGridWithSort[data-grid="2"] .selectableCard .selectableCard__btn mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .filteredGridWithSort[data-grid="2"] .selectableCard--small .selectableCard__btn mark[data-color=default], .filteredGridWithSort[data-grid="2"] .selectableCard .selectableCard__btn mark[data-color=default] {
                    color: var(--neu-10)
                }

            .filteredGridWithSort[data-grid="2"] .selectableCard--small .selectableCard__btn span.m-01--dark-01, .filteredGridWithSort[data-grid="2"] .selectableCard--small .selectableCard__btn span[data-color=color], .filteredGridWithSort[data-grid="2"] .selectableCard .selectableCard__btn span.m-01--dark-01, .filteredGridWithSort[data-grid="2"] .selectableCard .selectableCard__btn span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .filteredGridWithSort[data-grid="2"] .selectableCard--small .selectableCard__btn span.neu-07, .filteredGridWithSort[data-grid="2"] .selectableCard--small .selectableCard__btn span[data-color=gray], .filteredGridWithSort[data-grid="2"] .selectableCard .selectableCard__btn span.neu-07, .filteredGridWithSort[data-grid="2"] .selectableCard .selectableCard__btn span[data-color=gray] {
                color: var(--neu-07)
            }

            .filteredGridWithSort[data-grid="2"] .selectableCard--small .selectableCard__btn span.neu-10, .filteredGridWithSort[data-grid="2"] .selectableCard--small .selectableCard__btn span[data-color=default], .filteredGridWithSort[data-grid="2"] .selectableCard .selectableCard__btn span.neu-10, .filteredGridWithSort[data-grid="2"] .selectableCard .selectableCard__btn span[data-color=default] {
                color: var(--neu-10)
            }

            .filteredGridWithSort[data-grid="2"] .selectableCard--small .selectableCard__btn b, .filteredGridWithSort[data-grid="2"] .selectableCard--small .selectableCard__btn strong, .filteredGridWithSort[data-grid="2"] .selectableCard .selectableCard__btn b, .filteredGridWithSort[data-grid="2"] .selectableCard .selectableCard__btn strong {
                font-weight: 700
            }

            .filteredGridWithSort[data-grid="2"] .selectableCard--small .selectableCard__btn em, .filteredGridWithSort[data-grid="2"] .selectableCard .selectableCard__btn em {
                font-style: italic
            }

            .filteredGridWithSort[data-grid="2"] .selectableCard--small .selectableCard__btn i, .filteredGridWithSort[data-grid="2"] .selectableCard .selectableCard__btn i {
                min-width: 16px;
                width: 16px;
                height: 16px;
                font-size: 16px
            }

                .filteredGridWithSort[data-grid="2"] .selectableCard--small .selectableCard__btn i:before, .filteredGridWithSort[data-grid="2"] .selectableCard .selectableCard__btn i:before {
                    font-size: 16px;
                    font-weight: 400
                }

            .filteredGridWithSort[data-grid="2"] .selectableCard--small .selectableCard__btn.btn--icon, .filteredGridWithSort[data-grid="2"] .selectableCard .selectableCard__btn.btn--icon {
                width: 40px;
                min-width: 40px
            }

    .filteredGridWithSort[data-grid="2"] .demandCard, .filteredGridWithSort[data-grid="2"] .demandCard--small {
        max-width: 960px;
        padding: 16px;
        min-height: 324px
    }

        .filteredGridWithSort[data-grid="2"] .demandCard--small .demandCard__content, .filteredGridWithSort[data-grid="2"] .demandCard .demandCard__content {
            gap: 8px
        }

        .filteredGridWithSort[data-grid="2"] .demandCard--small .demandCard__notification-text, .filteredGridWithSort[data-grid="2"] .demandCard .demandCard__notification-text {
            display: none
        }

        .filteredGridWithSort[data-grid="2"] .demandCard--small .demandCard__description, .filteredGridWithSort[data-grid="2"] .demandCard .demandCard__description {
            margin-top: 8px
        }

    .filteredGridWithSort[data-grid="2"] .replyCard, .filteredGridWithSort[data-grid="2"] .replyCard--small {
        max-width: 960px
    }

        .filteredGridWithSort[data-grid="2"] .replyCard--small .replyCard, .filteredGridWithSort[data-grid="2"] .replyCard--small .replyCard--small, .filteredGridWithSort[data-grid="2"] .replyCard .replyCard, .filteredGridWithSort[data-grid="2"] .replyCard .replyCard--small {
            background-color: var(--neu-01)
        }

        .filteredGridWithSort[data-grid="2"] .replyCard--small .replyCard__content, .filteredGridWithSort[data-grid="2"] .replyCard .replyCard__content {
            padding: 24px;
            gap: 4px 12px
        }

        .filteredGridWithSort[data-grid="2"] .replyCard--small .replyCard__thumb, .filteredGridWithSort[data-grid="2"] .replyCard .replyCard__thumb {
            grid-row: 1/3;
            align-self: flex-start
        }

        .filteredGridWithSort[data-grid="2"] .replyCard--small .replyCard__text, .filteredGridWithSort[data-grid="2"] .replyCard .replyCard__text {
            grid-row: 2;
            grid-column: 2/4
        }
}

@media (max-width:1024px) and (max-width:512px) {
    .filteredGridWithSort[data-grid="2"] .replyCard--small .replyCard__text, .filteredGridWithSort[data-grid="2"] .replyCard .replyCard__text {
        grid-column: 2/4
    }
}

@media (max-width:1024px) {
    .filteredGridWithSort[data-grid="2"] .replyCard--small .replyCard__message, .filteredGridWithSort[data-grid="2"] .replyCard--small .replyCard__subject, .filteredGridWithSort[data-grid="2"] .replyCard .replyCard__message, .filteredGridWithSort[data-grid="2"] .replyCard .replyCard__subject {
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-stretch: normal;
        letter-spacing: normal;
        font-family: Inter,sans-serif;
        font-size: 1rem;
        line-height: 1.5em;
        letter-spacing: -.011em;
        font-weight: 400
    }

        .filteredGridWithSort[data-grid="2"] .replyCard--small .replyCard__message .link a, .filteredGridWithSort[data-grid="2"] .replyCard--small .replyCard__subject .link a, .filteredGridWithSort[data-grid="2"] .replyCard .replyCard__message .link a, .filteredGridWithSort[data-grid="2"] .replyCard .replyCard__subject .link a {
            transition: all .1s ease;
            text-decoration: underline;
            color: var(--m-01--dark-01)
        }

            .filteredGridWithSort[data-grid="2"] .replyCard--small .replyCard__message .link a:hover, .filteredGridWithSort[data-grid="2"] .replyCard--small .replyCard__subject .link a:hover, .filteredGridWithSort[data-grid="2"] .replyCard .replyCard__message .link a:hover, .filteredGridWithSort[data-grid="2"] .replyCard .replyCard__subject .link a:hover {
                color: var(--m-01)
            }

        .filteredGridWithSort[data-grid="2"] .replyCard--small .replyCard__message mark, .filteredGridWithSort[data-grid="2"] .replyCard--small .replyCard__message mark[data-color=color], .filteredGridWithSort[data-grid="2"] .replyCard--small .replyCard__subject mark, .filteredGridWithSort[data-grid="2"] .replyCard--small .replyCard__subject mark[data-color=color], .filteredGridWithSort[data-grid="2"] .replyCard .replyCard__message mark, .filteredGridWithSort[data-grid="2"] .replyCard .replyCard__message mark[data-color=color], .filteredGridWithSort[data-grid="2"] .replyCard .replyCard__subject mark, .filteredGridWithSort[data-grid="2"] .replyCard .replyCard__subject mark[data-color=color] {
            color: var(--m-01--dark-01)
        }

            .filteredGridWithSort[data-grid="2"] .replyCard--small .replyCard__message mark[data-color=gray], .filteredGridWithSort[data-grid="2"] .replyCard--small .replyCard__subject mark[data-color=gray], .filteredGridWithSort[data-grid="2"] .replyCard .replyCard__message mark[data-color=gray], .filteredGridWithSort[data-grid="2"] .replyCard .replyCard__subject mark[data-color=gray] {
                color: var(--neu-07)
            }

            .filteredGridWithSort[data-grid="2"] .replyCard--small .replyCard__message mark[data-color=default], .filteredGridWithSort[data-grid="2"] .replyCard--small .replyCard__subject mark[data-color=default], .filteredGridWithSort[data-grid="2"] .replyCard .replyCard__message mark[data-color=default], .filteredGridWithSort[data-grid="2"] .replyCard .replyCard__subject mark[data-color=default] {
                color: var(--neu-10)
            }

        .filteredGridWithSort[data-grid="2"] .replyCard--small .replyCard__message span.m-01--dark-01, .filteredGridWithSort[data-grid="2"] .replyCard--small .replyCard__message span[data-color=color], .filteredGridWithSort[data-grid="2"] .replyCard--small .replyCard__subject span.m-01--dark-01, .filteredGridWithSort[data-grid="2"] .replyCard--small .replyCard__subject span[data-color=color], .filteredGridWithSort[data-grid="2"] .replyCard .replyCard__message span.m-01--dark-01, .filteredGridWithSort[data-grid="2"] .replyCard .replyCard__message span[data-color=color], .filteredGridWithSort[data-grid="2"] .replyCard .replyCard__subject span.m-01--dark-01, .filteredGridWithSort[data-grid="2"] .replyCard .replyCard__subject span[data-color=color] {
            color: var(--m-01--dark-01)
        }

        .filteredGridWithSort[data-grid="2"] .replyCard--small .replyCard__message span.neu-07, .filteredGridWithSort[data-grid="2"] .replyCard--small .replyCard__message span[data-color=gray], .filteredGridWithSort[data-grid="2"] .replyCard--small .replyCard__subject span.neu-07, .filteredGridWithSort[data-grid="2"] .replyCard--small .replyCard__subject span[data-color=gray], .filteredGridWithSort[data-grid="2"] .replyCard .replyCard__message span.neu-07, .filteredGridWithSort[data-grid="2"] .replyCard .replyCard__message span[data-color=gray], .filteredGridWithSort[data-grid="2"] .replyCard .replyCard__subject span.neu-07, .filteredGridWithSort[data-grid="2"] .replyCard .replyCard__subject span[data-color=gray] {
            color: var(--neu-07)
        }

        .filteredGridWithSort[data-grid="2"] .replyCard--small .replyCard__message span.neu-10, .filteredGridWithSort[data-grid="2"] .replyCard--small .replyCard__message span[data-color=default], .filteredGridWithSort[data-grid="2"] .replyCard--small .replyCard__subject span.neu-10, .filteredGridWithSort[data-grid="2"] .replyCard--small .replyCard__subject span[data-color=default], .filteredGridWithSort[data-grid="2"] .replyCard .replyCard__message span.neu-10, .filteredGridWithSort[data-grid="2"] .replyCard .replyCard__message span[data-color=default], .filteredGridWithSort[data-grid="2"] .replyCard .replyCard__subject span.neu-10, .filteredGridWithSort[data-grid="2"] .replyCard .replyCard__subject span[data-color=default] {
            color: var(--neu-10)
        }

        .filteredGridWithSort[data-grid="2"] .replyCard--small .replyCard__message b, .filteredGridWithSort[data-grid="2"] .replyCard--small .replyCard__message strong, .filteredGridWithSort[data-grid="2"] .replyCard--small .replyCard__subject b, .filteredGridWithSort[data-grid="2"] .replyCard--small .replyCard__subject strong, .filteredGridWithSort[data-grid="2"] .replyCard .replyCard__message b, .filteredGridWithSort[data-grid="2"] .replyCard .replyCard__message strong, .filteredGridWithSort[data-grid="2"] .replyCard .replyCard__subject b, .filteredGridWithSort[data-grid="2"] .replyCard .replyCard__subject strong {
            font-weight: 700
        }

        .filteredGridWithSort[data-grid="2"] .replyCard--small .replyCard__message em, .filteredGridWithSort[data-grid="2"] .replyCard--small .replyCard__subject em, .filteredGridWithSort[data-grid="2"] .replyCard .replyCard__message em, .filteredGridWithSort[data-grid="2"] .replyCard .replyCard__subject em {
            font-style: italic
        }

    .filteredGridWithSort[data-grid="2"] .replyCard--small .replyCard__info, .filteredGridWithSort[data-grid="2"] .replyCard .replyCard__info {
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-stretch: normal;
        letter-spacing: normal;
        font-family: Inter,sans-serif;
        font-size: .813rem;
        line-height: 1.538em;
        letter-spacing: -.003em;
        font-weight: 700;
        margin-top: 8px;
        padding-right: 32px
    }

        .filteredGridWithSort[data-grid="2"] .replyCard--small .replyCard__info .link a, .filteredGridWithSort[data-grid="2"] .replyCard .replyCard__info .link a {
            transition: all .1s ease;
            text-decoration: underline;
            color: var(--m-01--dark-01)
        }

            .filteredGridWithSort[data-grid="2"] .replyCard--small .replyCard__info .link a:hover, .filteredGridWithSort[data-grid="2"] .replyCard .replyCard__info .link a:hover {
                color: var(--m-01)
            }

        .filteredGridWithSort[data-grid="2"] .replyCard--small .replyCard__info mark, .filteredGridWithSort[data-grid="2"] .replyCard--small .replyCard__info mark[data-color=color], .filteredGridWithSort[data-grid="2"] .replyCard .replyCard__info mark, .filteredGridWithSort[data-grid="2"] .replyCard .replyCard__info mark[data-color=color] {
            color: var(--m-01--dark-01)
        }

            .filteredGridWithSort[data-grid="2"] .replyCard--small .replyCard__info mark[data-color=gray], .filteredGridWithSort[data-grid="2"] .replyCard .replyCard__info mark[data-color=gray] {
                color: var(--neu-07)
            }

            .filteredGridWithSort[data-grid="2"] .replyCard--small .replyCard__info mark[data-color=default], .filteredGridWithSort[data-grid="2"] .replyCard .replyCard__info mark[data-color=default] {
                color: var(--neu-10)
            }

        .filteredGridWithSort[data-grid="2"] .replyCard--small .replyCard__info span.m-01--dark-01, .filteredGridWithSort[data-grid="2"] .replyCard--small .replyCard__info span[data-color=color], .filteredGridWithSort[data-grid="2"] .replyCard .replyCard__info span.m-01--dark-01, .filteredGridWithSort[data-grid="2"] .replyCard .replyCard__info span[data-color=color] {
            color: var(--m-01--dark-01)
        }

        .filteredGridWithSort[data-grid="2"] .replyCard--small .replyCard__info span.neu-07, .filteredGridWithSort[data-grid="2"] .replyCard--small .replyCard__info span[data-color=gray], .filteredGridWithSort[data-grid="2"] .replyCard .replyCard__info span.neu-07, .filteredGridWithSort[data-grid="2"] .replyCard .replyCard__info span[data-color=gray] {
            color: var(--neu-07)
        }

        .filteredGridWithSort[data-grid="2"] .replyCard--small .replyCard__info span.neu-10, .filteredGridWithSort[data-grid="2"] .replyCard--small .replyCard__info span[data-color=default], .filteredGridWithSort[data-grid="2"] .replyCard .replyCard__info span.neu-10, .filteredGridWithSort[data-grid="2"] .replyCard .replyCard__info span[data-color=default] {
            color: var(--neu-10)
        }

        .filteredGridWithSort[data-grid="2"] .replyCard--small .replyCard__info b, .filteredGridWithSort[data-grid="2"] .replyCard--small .replyCard__info strong, .filteredGridWithSort[data-grid="2"] .replyCard .replyCard__info b, .filteredGridWithSort[data-grid="2"] .replyCard .replyCard__info strong {
            font-weight: 700
        }

        .filteredGridWithSort[data-grid="2"] .replyCard--small .replyCard__info em, .filteredGridWithSort[data-grid="2"] .replyCard .replyCard__info em {
            font-style: italic
        }

    .filteredGridWithSort[data-grid="2"] .replyCard--small .replyCard__pin, .filteredGridWithSort[data-grid="2"] .replyCard .replyCard__pin {
        transition: all .1s ease;
        grid-row: 2;
        grid-column: 3;
        align-self: flex-end;
        width: 24px;
        height: 24px;
        justify-self: flex-end;
        transform: translateY(4px);
        cursor: pointer
    }

        .filteredGridWithSort[data-grid="2"] .replyCard--small .replyCard__pin:hover, .filteredGridWithSort[data-grid="2"] .replyCard .replyCard__pin:hover {
            opacity: .7
        }

        .filteredGridWithSort[data-grid="2"] .replyCard--small .replyCard__pin:before, .filteredGridWithSort[data-grid="2"] .replyCard .replyCard__pin:before {
            width: 24px;
            height: 24px;
            font-size: 24px;
            font-family: aicep-base-icons !important;
            font-weight: 400;
            display: flex;
            justify-content: center;
            align-items: center;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            content: "\e95b"
        }

    .filteredGridWithSort[data-grid="2"] .replyCard--small .replyCard__pin--selected, .filteredGridWithSort[data-grid="2"] .replyCard .replyCard__pin--selected {
        color: var(--m-02--dark-01)
    }

        .filteredGridWithSort[data-grid="2"] .replyCard--small .replyCard__pin--selected:before, .filteredGridWithSort[data-grid="2"] .replyCard .replyCard__pin--selected:before {
            content: "\e95c"
        }

    .filteredGridWithSort[data-grid="2"] .replyCard--small .replyCard__btn, .filteredGridWithSort[data-grid="2"] .replyCard .replyCard__btn {
        display: none
    }

    .filteredGridWithSort[data-grid="2"] .infoCard, .filteredGridWithSort[data-grid="2"] .infoCard--small {
        max-width: 960px;
        padding: 24px
    }

        .filteredGridWithSort[data-grid="2"] .infoCard--small .infoCard__number, .filteredGridWithSort[data-grid="2"] .infoCard .infoCard__number {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Calma Global Medium,sans-serif;
            font-size: 2rem;
            line-height: 1.25em;
            letter-spacing: -.016em;
            transform: translateY(0)
        }

            .filteredGridWithSort[data-grid="2"] .infoCard--small .infoCard__number .link a, .filteredGridWithSort[data-grid="2"] .infoCard .infoCard__number .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .filteredGridWithSort[data-grid="2"] .infoCard--small .infoCard__number .link a:hover, .filteredGridWithSort[data-grid="2"] .infoCard .infoCard__number .link a:hover {
                    color: var(--m-01)
                }

            .filteredGridWithSort[data-grid="2"] .infoCard--small .infoCard__number mark, .filteredGridWithSort[data-grid="2"] .infoCard--small .infoCard__number mark[data-color=color], .filteredGridWithSort[data-grid="2"] .infoCard .infoCard__number mark, .filteredGridWithSort[data-grid="2"] .infoCard .infoCard__number mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .filteredGridWithSort[data-grid="2"] .infoCard--small .infoCard__number mark[data-color=gray], .filteredGridWithSort[data-grid="2"] .infoCard .infoCard__number mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .filteredGridWithSort[data-grid="2"] .infoCard--small .infoCard__number mark[data-color=default], .filteredGridWithSort[data-grid="2"] .infoCard .infoCard__number mark[data-color=default] {
                    color: var(--neu-10)
                }

            .filteredGridWithSort[data-grid="2"] .infoCard--small .infoCard__number span.m-01--dark-01, .filteredGridWithSort[data-grid="2"] .infoCard--small .infoCard__number span[data-color=color], .filteredGridWithSort[data-grid="2"] .infoCard .infoCard__number span.m-01--dark-01, .filteredGridWithSort[data-grid="2"] .infoCard .infoCard__number span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .filteredGridWithSort[data-grid="2"] .infoCard--small .infoCard__number span.neu-07, .filteredGridWithSort[data-grid="2"] .infoCard--small .infoCard__number span[data-color=gray], .filteredGridWithSort[data-grid="2"] .infoCard .infoCard__number span.neu-07, .filteredGridWithSort[data-grid="2"] .infoCard .infoCard__number span[data-color=gray] {
                color: var(--neu-07)
            }

            .filteredGridWithSort[data-grid="2"] .infoCard--small .infoCard__number span.neu-10, .filteredGridWithSort[data-grid="2"] .infoCard--small .infoCard__number span[data-color=default], .filteredGridWithSort[data-grid="2"] .infoCard .infoCard__number span.neu-10, .filteredGridWithSort[data-grid="2"] .infoCard .infoCard__number span[data-color=default] {
                color: var(--neu-10)
            }

            .filteredGridWithSort[data-grid="2"] .infoCard--small .infoCard__number b, .filteredGridWithSort[data-grid="2"] .infoCard--small .infoCard__number strong, .filteredGridWithSort[data-grid="2"] .infoCard .infoCard__number b, .filteredGridWithSort[data-grid="2"] .infoCard .infoCard__number strong {
                font-weight: 700
            }

            .filteredGridWithSort[data-grid="2"] .infoCard--small .infoCard__number em, .filteredGridWithSort[data-grid="2"] .infoCard .infoCard__number em {
                font-style: italic
            }
}

@media (max-width:1024px) and (max-width:1024px) {
    .filteredGridWithSort[data-grid="2"] .infoCard--small .infoCard__number, .filteredGridWithSort[data-grid="2"] .infoCard .infoCard__number {
        font-size: 1.625rem;
        line-height: 1.231em;
        letter-spacing: 0;
        transform: translateY(3px)
    }
}

@media (max-width:1024px) {
    .filteredGridWithSort[data-grid="2"] .infoCard--small .infoCard__title, .filteredGridWithSort[data-grid="2"] .infoCard .infoCard__title {
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-stretch: normal;
        letter-spacing: normal;
        font-family: Inter,sans-serif;
        font-size: 1rem;
        line-height: 1.5em;
        letter-spacing: -.011em;
        font-weight: 700
    }

        .filteredGridWithSort[data-grid="2"] .infoCard--small .infoCard__title .link a, .filteredGridWithSort[data-grid="2"] .infoCard .infoCard__title .link a {
            transition: all .1s ease;
            text-decoration: underline;
            color: var(--m-01--dark-01)
        }

            .filteredGridWithSort[data-grid="2"] .infoCard--small .infoCard__title .link a:hover, .filteredGridWithSort[data-grid="2"] .infoCard .infoCard__title .link a:hover {
                color: var(--m-01)
            }

        .filteredGridWithSort[data-grid="2"] .infoCard--small .infoCard__title mark, .filteredGridWithSort[data-grid="2"] .infoCard--small .infoCard__title mark[data-color=color], .filteredGridWithSort[data-grid="2"] .infoCard .infoCard__title mark, .filteredGridWithSort[data-grid="2"] .infoCard .infoCard__title mark[data-color=color] {
            color: var(--m-01--dark-01)
        }

            .filteredGridWithSort[data-grid="2"] .infoCard--small .infoCard__title mark[data-color=gray], .filteredGridWithSort[data-grid="2"] .infoCard .infoCard__title mark[data-color=gray] {
                color: var(--neu-07)
            }

            .filteredGridWithSort[data-grid="2"] .infoCard--small .infoCard__title mark[data-color=default], .filteredGridWithSort[data-grid="2"] .infoCard .infoCard__title mark[data-color=default] {
                color: var(--neu-10)
            }

        .filteredGridWithSort[data-grid="2"] .infoCard--small .infoCard__title span.m-01--dark-01, .filteredGridWithSort[data-grid="2"] .infoCard--small .infoCard__title span[data-color=color], .filteredGridWithSort[data-grid="2"] .infoCard .infoCard__title span.m-01--dark-01, .filteredGridWithSort[data-grid="2"] .infoCard .infoCard__title span[data-color=color] {
            color: var(--m-01--dark-01)
        }

        .filteredGridWithSort[data-grid="2"] .infoCard--small .infoCard__title span.neu-07, .filteredGridWithSort[data-grid="2"] .infoCard--small .infoCard__title span[data-color=gray], .filteredGridWithSort[data-grid="2"] .infoCard .infoCard__title span.neu-07, .filteredGridWithSort[data-grid="2"] .infoCard .infoCard__title span[data-color=gray] {
            color: var(--neu-07)
        }

        .filteredGridWithSort[data-grid="2"] .infoCard--small .infoCard__title span.neu-10, .filteredGridWithSort[data-grid="2"] .infoCard--small .infoCard__title span[data-color=default], .filteredGridWithSort[data-grid="2"] .infoCard .infoCard__title span.neu-10, .filteredGridWithSort[data-grid="2"] .infoCard .infoCard__title span[data-color=default] {
            color: var(--neu-10)
        }

        .filteredGridWithSort[data-grid="2"] .infoCard--small .infoCard__title b, .filteredGridWithSort[data-grid="2"] .infoCard--small .infoCard__title strong, .filteredGridWithSort[data-grid="2"] .infoCard .infoCard__title b, .filteredGridWithSort[data-grid="2"] .infoCard .infoCard__title strong {
            font-weight: 700
        }

        .filteredGridWithSort[data-grid="2"] .infoCard--small .infoCard__title em, .filteredGridWithSort[data-grid="2"] .infoCard .infoCard__title em {
            font-style: italic
        }
}

.filteredGridWithSort * > .filteredGridWithSort__btnContainer {
    grid-column: 1/13;
    margin-top: 48px
}

@media (max-width:1024px) {
    .filteredGridWithSort * > .filteredGridWithSort__btnContainer {
        grid-column: 1/7
    }
}

@media (max-width:768px) {
    .filteredGridWithSort * > .filteredGridWithSort__btnContainer {
        margin-top: 32px
    }
}

.filteredGridWithSort__btnContainer.show {
    display: flex
}

.filteredGridWithSort__btnContainer.hide {
    display: none
}

.horizontalFilterBarMockup {
    grid-column: 1/13;
    margin-top: 48px;
    height: 132px
}

@media (max-width:1024px) {
    .horizontalFilterBarMockup {
        grid-column: 1/7
    }
}

.horizontalFilterBarMockup:first-child {
    margin-top: 0
}

@media (max-width:768px) {
    .horizontalFilterBarMockup {
        height: 96px
    }
}

.findSpotForm {
    padding-top: 80px;
    padding-bottom: 104px
}

@media (max-width:1024px) {
    .findSpotForm {
        padding-top: 56px;
        padding-bottom: 88px
    }
}

.findSpotForm__title {
    margin-bottom: 52px
}

.findSpotForm .formSpacing {
    gap: 56px
}

.findSpotForm .formFields__formSecondaryTitle {
    margin-bottom: 16px
}

.findSpotForm .formFields__radiosContainer {
    margin-top: 32px
}

.findSpotForm .formFields__btnContainer {
    margin-bottom: 0
}

.footerNavigation {
    border-top: 1px solid var(--neu-03)
}

.footerNavigation__top .wrapper {
    padding-top: 56px;
    padding-bottom: 56px
}

@media (max-width:1024px) {
    .footerNavigation__top .wrapper {
        padding-top: 40px;
        padding-bottom: 40px
    }
}

.footerNavigation__title {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: .813rem;
    line-height: 1.538em;
    letter-spacing: -.003em;
    font-weight: 400;
    margin-bottom: 24px
}

    .footerNavigation__title .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .footerNavigation__title .link a:hover {
            color: var(--m-01)
        }

    .footerNavigation__title mark, .footerNavigation__title mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .footerNavigation__title mark[data-color=gray] {
            color: var(--neu-07)
        }

        .footerNavigation__title mark[data-color=default] {
            color: var(--neu-10)
        }

    .footerNavigation__title span.m-01--dark-01, .footerNavigation__title span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .footerNavigation__title span.neu-07, .footerNavigation__title span[data-color=gray] {
        color: var(--neu-07)
    }

    .footerNavigation__title span.neu-10, .footerNavigation__title span[data-color=default] {
        color: var(--neu-10)
    }

    .footerNavigation__title b, .footerNavigation__title strong {
        font-weight: 700
    }

    .footerNavigation__title em {
        font-style: italic
    }

.footerNavigation__col1 {
    grid-column: 1/5
}

@media (max-width:1024px) {
    .footerNavigation__col1 {
        grid-column: 2/6;
        text-align: center;
        margin-bottom: 40px
    }
}

@media (max-width:512px) {
    .footerNavigation__col1 {
        grid-column: 1/13
    }
}

@media (max-width:512px) and (max-width:1024px) {
    .footerNavigation__col1 {
        grid-column: 1/7
    }
}

.footerNavigation__contact--number {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1.75rem;
    line-height: 1.429em;
    letter-spacing: -.021em;
    font-weight: 700;
    transition: all .1s ease;
    color: var(--m-01--dark-01)
}

    .footerNavigation__contact--number .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .footerNavigation__contact--number .link a:hover {
            color: var(--m-01)
        }

    .footerNavigation__contact--number mark, .footerNavigation__contact--number mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .footerNavigation__contact--number mark[data-color=gray] {
            color: var(--neu-07)
        }

        .footerNavigation__contact--number mark[data-color=default] {
            color: var(--neu-10)
        }

    .footerNavigation__contact--number span.m-01--dark-01, .footerNavigation__contact--number span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .footerNavigation__contact--number span.neu-07, .footerNavigation__contact--number span[data-color=gray] {
        color: var(--neu-07)
    }

    .footerNavigation__contact--number span.neu-10, .footerNavigation__contact--number span[data-color=default] {
        color: var(--neu-10)
    }

    .footerNavigation__contact--number b, .footerNavigation__contact--number strong {
        font-weight: 700
    }

    .footerNavigation__contact--number em {
        font-style: italic
    }

@media (max-width:1024px) {
    .footerNavigation__contact--number {
        font-size: 1.438rem;
        line-height: 1.391em;
        letter-spacing: -.019em
    }
}

.footerNavigation__contact--number span {
    font-weight: 400
}

.footerNavigation__contact--number:hover {
    color: var(--m-01)
}

.footerNavigation__contact--description {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: .813rem;
    line-height: 1.538em;
    letter-spacing: -.003em;
    font-weight: 400;
    color: var(--neu-07);
    margin-top: 8px;
    margin-right: 27%
}

    .footerNavigation__contact--description .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .footerNavigation__contact--description .link a:hover {
            color: var(--m-01)
        }

    .footerNavigation__contact--description mark, .footerNavigation__contact--description mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .footerNavigation__contact--description mark[data-color=gray] {
            color: var(--neu-07)
        }

        .footerNavigation__contact--description mark[data-color=default] {
            color: var(--neu-10)
        }

    .footerNavigation__contact--description span.m-01--dark-01, .footerNavigation__contact--description span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .footerNavigation__contact--description span.neu-07, .footerNavigation__contact--description span[data-color=gray] {
        color: var(--neu-07)
    }

    .footerNavigation__contact--description span.neu-10, .footerNavigation__contact--description span[data-color=default] {
        color: var(--neu-10)
    }

    .footerNavigation__contact--description b, .footerNavigation__contact--description strong {
        font-weight: 700
    }

    .footerNavigation__contact--description em {
        font-style: italic
    }

@media (max-width:1024px) {
    .footerNavigation__contact--description {
        margin-right: 0
    }
}

.footerNavigation__contact:not(:first-child) {
    margin-top: 16px
}

.footerNavigation__email {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: .813rem;
    line-height: 1.538em;
    letter-spacing: -.003em;
    font-weight: 400;
    transition: all .1s ease;
    display: inline-block;
    margin-top: 32px
}

    .footerNavigation__email .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .footerNavigation__email .link a:hover {
            color: var(--m-01)
        }

    .footerNavigation__email mark, .footerNavigation__email mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .footerNavigation__email mark[data-color=gray] {
            color: var(--neu-07)
        }

        .footerNavigation__email mark[data-color=default] {
            color: var(--neu-10)
        }

    .footerNavigation__email span.m-01--dark-01, .footerNavigation__email span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .footerNavigation__email span.neu-07, .footerNavigation__email span[data-color=gray] {
        color: var(--neu-07)
    }

    .footerNavigation__email span.neu-10, .footerNavigation__email span[data-color=default] {
        color: var(--neu-10)
    }

    .footerNavigation__email b, .footerNavigation__email strong {
        font-weight: 700
    }

    .footerNavigation__email em {
        font-style: italic
    }

@media (max-width:1024px) {
    .footerNavigation__email {
        margin-top: 24px
    }
}

.footerNavigation__email:hover {
    opacity: .7
}

.footerNavigation__col2 {
    grid-column: 5/8;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    transform: translateY(-10px)
}

@media (max-width:1024px) {
    .footerNavigation__col2 {
        grid-column: 1/13;
        padding: 40px 0;
        border-top: 1px solid var(--neu-03);
        border-bottom: 1px solid var(--neu-03);
        justify-content: center;
        flex-direction: row;
        flex-wrap: wrap;
        transform: none
    }
}

@media (max-width:1024px) and (max-width:1024px) {
    .footerNavigation__col2 {
        grid-column: 1/7
    }
}

@media (max-width:1024px) {
    .footerNavigation__col2 .btnNav, .footerNavigation__col2 .btnNav--active, .footerNavigation__col2 .btnNav--icon, .footerNavigation__col2 .btnNav--large, .footerNavigation__col2 .btnNav--large--mobile, .footerNavigation__col2 .btnNav--previous, .footerNavigation__col2 .btnNav--small {
        margin: 0 24px
    }
}

@media (max-width:512px) {
    .footerNavigation__col2 {
        flex-direction: column;
        align-items: center
    }
}

.footerNavigation__col3 {
    grid-column: 8/13
}

@media (max-width:1024px) {
    .footerNavigation__col3 {
        grid-column: 1/13;
        margin-top: 40px
    }
}

@media (max-width:1024px) and (max-width:1024px) {
    .footerNavigation__col3 {
        grid-column: 1/7
    }
}

.footerNavigation__social {
    margin-bottom: 32px
}

.footerNavigation__social--content {
    transform: translateX(-16px)
}

@media (max-width:1024px) {
    .footerNavigation__social--content {
        transform: none
    }
}

.footerNavigation__social .footerNavigation__title {
    margin-bottom: 16px
}

.footerNavigation__support--logo {
    transition: all .1s ease;
    display: block;
    width: -moz-fit-content;
    width: fit-content
}

    .footerNavigation__support--logo img {
        height: 27px
    }

@media (max-width:512px) {
    .footerNavigation__support--logo img {
        height: 70px
    }
}

.footerNavigation__support--logo:hover {
    opacity: .7
}

.footerNavigation__support--content {
    display: flex;
    flex-wrap: wrap;
    gap: 24px
}

@media (max-width:1024px) {
    .footerNavigation__support--content {
        justify-content: center
    }
}

.footerNavigation__social, .footerNavigation__support {
    display: flex;
    flex-direction: column;
    align-content: flex-start
}

@media (max-width:1024px) {
    .footerNavigation__social, .footerNavigation__support {
        text-align: center
    }
}

.footerNavigation__bottomContent {
    grid-column: 1/13;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 21px 0
}

@media (max-width:1024px) {
    .footerNavigation__bottomContent {
        grid-column: 1/7
    }
}

@media (max-width:768px) {
    .footerNavigation__bottomContent {
        flex-direction: column;
        padding: 40px 0;
        text-align: center
    }
}

.footerNavigation__bottomContent .btnNav--active:not(:last-child), .footerNavigation__bottomContent .btnNav--icon:not(:last-child), .footerNavigation__bottomContent .btnNav--large--mobile:not(:last-child), .footerNavigation__bottomContent .btnNav--large:not(:last-child), .footerNavigation__bottomContent .btnNav--previous:not(:last-child), .footerNavigation__bottomContent .btnNav--small:not(:last-child), .footerNavigation__bottomContent .btnNav:not(:last-child) {
    margin-right: 32px
}

@media (max-width:768px) {
    .footerNavigation__bottomContent .btnNav, .footerNavigation__bottomContent .btnNav--active, .footerNavigation__bottomContent .btnNav--active:not(:last-child), .footerNavigation__bottomContent .btnNav--icon, .footerNavigation__bottomContent .btnNav--icon:not(:last-child), .footerNavigation__bottomContent .btnNav--large, .footerNavigation__bottomContent .btnNav--large--mobile, .footerNavigation__bottomContent .btnNav--large--mobile:not(:last-child), .footerNavigation__bottomContent .btnNav--large:not(:last-child), .footerNavigation__bottomContent .btnNav--previous, .footerNavigation__bottomContent .btnNav--previous:not(:last-child), .footerNavigation__bottomContent .btnNav--small, .footerNavigation__bottomContent .btnNav--small:not(:last-child), .footerNavigation__bottomContent .btnNav:not(:last-child) {
        margin: 0 16px
    }
}

.footerNavigation__bottomLinks {
    flex: 1
}

.footerNavigation__disclaimer {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: .688rem;
    line-height: 1.455em;
    letter-spacing: .005em;
    font-weight: 400;
    color: var(--neu-05);
    margin-left: 40px
}

    .footerNavigation__disclaimer .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .footerNavigation__disclaimer .link a:hover {
            color: var(--m-01)
        }

    .footerNavigation__disclaimer mark, .footerNavigation__disclaimer mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .footerNavigation__disclaimer mark[data-color=gray] {
            color: var(--neu-07)
        }

        .footerNavigation__disclaimer mark[data-color=default] {
            color: var(--neu-10)
        }

    .footerNavigation__disclaimer span.m-01--dark-01, .footerNavigation__disclaimer span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .footerNavigation__disclaimer span.neu-07, .footerNavigation__disclaimer span[data-color=gray] {
        color: var(--neu-07)
    }

    .footerNavigation__disclaimer span.neu-10, .footerNavigation__disclaimer span[data-color=default] {
        color: var(--neu-10)
    }

    .footerNavigation__disclaimer b, .footerNavigation__disclaimer strong {
        font-weight: 700
    }

    .footerNavigation__disclaimer em {
        font-style: italic
    }

@media (max-width:768px) {
    .footerNavigation__disclaimer {
        margin-left: 0;
        margin-top: 24px
    }
}

@media (max-width:1024px) {
    .footerNavigation .btnNav--large {
        text-align: center
    }
}

.infoBanner {
    padding: 32px 0
}

@media (max-width:1024px) {
    .infoBanner {
        padding: 24px 0 48px
    }
}

@media (max-width:1024px) {
    .infoBanner.alignCenter {
        padding: 24px 0
    }
}

.infoBanner.alignCenter .infoBanner__content {
    justify-content: center
}

.infoBanner.alignCenter .swiper-button-next, .infoBanner.alignCenter .swiper-button-prev, .infoBanner.alignCenter .swiper-pagination-bullets {
    display: none
}

.infoBanner__content {
    display: flex;
    align-items: center;
    gap: 16px
}

@media (max-width:1024px) {
    .infoBanner__content {
        justify-content: center;
        text-align: center;
        flex-direction: column;
        gap: 4px
    }
}

.infoBanner__icon {
    min-width: 48px;
    width: 48px;
    height: 48px;
    font-size: 48px;
    margin-left: 2px
}

    .infoBanner__icon:before {
        font-size: 48px;
        font-weight: 400
    }

@media (max-width:1024px) {
    .infoBanner__icon {
        display: none
    }
}

.infoBanner__text {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 8px
}

@media (max-width:1024px) {
    .infoBanner__text {
        justify-content: center;
        text-align: center;
        flex-direction: column;
        gap: 4px
    }
}

.infoBanner__title {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1.188rem;
    line-height: 1.263em;
    letter-spacing: -.016em;
    font-weight: 700
}

    .infoBanner__title .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .infoBanner__title .link a:hover {
            color: var(--m-01)
        }

    .infoBanner__title mark, .infoBanner__title mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .infoBanner__title mark[data-color=gray] {
            color: var(--neu-07)
        }

        .infoBanner__title mark[data-color=default] {
            color: var(--neu-10)
        }

    .infoBanner__title span.m-01--dark-01, .infoBanner__title span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .infoBanner__title span.neu-07, .infoBanner__title span[data-color=gray] {
        color: var(--neu-07)
    }

    .infoBanner__title span.neu-10, .infoBanner__title span[data-color=default] {
        color: var(--neu-10)
    }

    .infoBanner__title b, .infoBanner__title strong {
        font-weight: 700
    }

    .infoBanner__title em {
        font-style: italic
    }

    .infoBanner__title a {
        text-decoration: underline
    }

@media (max-width:1024px) {
    .infoBanner__title {
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-stretch: normal;
        letter-spacing: normal;
        font-family: Inter,sans-serif;
        font-size: 1rem;
        line-height: 1.5em;
        letter-spacing: -.011em;
        font-weight: 700
    }

        .infoBanner__title .link a {
            transition: all .1s ease;
            text-decoration: underline;
            color: var(--m-01--dark-01)
        }

            .infoBanner__title .link a:hover {
                color: var(--m-01)
            }

        .infoBanner__title mark, .infoBanner__title mark[data-color=color] {
            color: var(--m-01--dark-01)
        }

            .infoBanner__title mark[data-color=gray] {
                color: var(--neu-07)
            }

            .infoBanner__title mark[data-color=default] {
                color: var(--neu-10)
            }

        .infoBanner__title span.m-01--dark-01, .infoBanner__title span[data-color=color] {
            color: var(--m-01--dark-01)
        }

        .infoBanner__title span.neu-07, .infoBanner__title span[data-color=gray] {
            color: var(--neu-07)
        }

        .infoBanner__title span.neu-10, .infoBanner__title span[data-color=default] {
            color: var(--neu-10)
        }

        .infoBanner__title b, .infoBanner__title strong {
            font-weight: 700
        }

        .infoBanner__title em {
            font-style: italic
        }
}

.infoBanner__description {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1rem;
    line-height: 1.5em;
    letter-spacing: -.011em;
    font-weight: 400
}

    .infoBanner__description .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .infoBanner__description .link a:hover {
            color: var(--m-01)
        }

    .infoBanner__description mark, .infoBanner__description mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .infoBanner__description mark[data-color=gray] {
            color: var(--neu-07)
        }

        .infoBanner__description mark[data-color=default] {
            color: var(--neu-10)
        }

    .infoBanner__description span.m-01--dark-01, .infoBanner__description span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .infoBanner__description span.neu-07, .infoBanner__description span[data-color=gray] {
        color: var(--neu-07)
    }

    .infoBanner__description span.neu-10, .infoBanner__description span[data-color=default] {
        color: var(--neu-10)
    }

    .infoBanner__description b, .infoBanner__description strong {
        font-weight: 700
    }

    .infoBanner__description em {
        font-style: italic
    }

    .infoBanner__description a {
        text-decoration: underline
    }

@media (max-width:1024px) {
    .infoBanner__description {
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-stretch: normal;
        letter-spacing: normal;
        font-family: Inter,sans-serif;
        font-size: .813rem;
        line-height: 1.538em;
        letter-spacing: -.003em;
        font-weight: 400
    }

        .infoBanner__description .link a {
            transition: all .1s ease;
            text-decoration: underline;
            color: var(--m-01--dark-01)
        }

            .infoBanner__description .link a:hover {
                color: var(--m-01)
            }

        .infoBanner__description mark, .infoBanner__description mark[data-color=color] {
            color: var(--m-01--dark-01)
        }

            .infoBanner__description mark[data-color=gray] {
                color: var(--neu-07)
            }

            .infoBanner__description mark[data-color=default] {
                color: var(--neu-10)
            }

        .infoBanner__description span.m-01--dark-01, .infoBanner__description span[data-color=color] {
            color: var(--m-01--dark-01)
        }

        .infoBanner__description span.neu-07, .infoBanner__description span[data-color=gray] {
            color: var(--neu-07)
        }

        .infoBanner__description span.neu-10, .infoBanner__description span[data-color=default] {
            color: var(--neu-10)
        }

        .infoBanner__description b, .infoBanner__description strong {
            font-weight: 700
        }

        .infoBanner__description em {
            font-style: italic
        }
}

.infoBanner__slider {
    width: 100%
}

.infoBanner .swiper-container {
    width: 100%;
    height: 100%;
    grid-column: 2/11
}

@media (max-width:1024px) {
    .infoBanner .swiper-container {
        grid-column: 2/6
    }
}

@media (max-width:768px) {
    .infoBanner .swiper-container {
        grid-column: 1/7
    }
}

.infoBanner .swiper-wrapper {
    align-items: center;
    width: 100%;
    height: 100%;
    transition-timing-function: ease;
    transition: transform .5s cubic-bezier(.42,0,.13,1.01)
}

.infoBanner .swiper-slide {
    transition: all .25s ease-in-out
}

.infoBanner .swiper-button-prev {
    left: 0;
    grid-column: 1/2
}

.infoBanner .swiper-button-next {
    right: 0;
    grid-column: 12/13
}

@media (max-width:1024px) {
    .infoBanner .swiper-button-next {
        grid-column: 6/7
    }
}

.infoBanner .swiper-button-next, .infoBanner .swiper-button-prev {
    transform: none;
    box-shadow: none
}

    .infoBanner .swiper-button-next:hover, .infoBanner .swiper-button-prev:hover {
        opacity: .7
    }

    .infoBanner .swiper-button-next i, .infoBanner .swiper-button-prev i {
        font-size: 22px;
        color: var(--neu-01)
    }

@media (max-width:1024px) {
    .infoBanner .swiper-button-next, .infoBanner .swiper-button-prev {
        top: calc(50% + 8px)
    }
}

@media (max-width:768px) {
    .infoBanner .swiper-button-next, .infoBanner .swiper-button-prev {
        display: none
    }
}

.infoBanner .swiper-pagination-bullets {
    grid-column: 11/12;
    display: flex;
    justify-content: flex-end;
    position: static;
    align-self: center;
    height: 8px
}

@media (max-width:1024px) {
    .infoBanner .swiper-pagination-bullets {
        grid-column: 1/7;
        justify-content: center;
        position: absolute;
        bottom: -24px
    }
}

.infoBanner[data-bg=neu-01] .swiper-button-next i, .infoBanner[data-bg=neu-01] .swiper-button-prev i, .infoBanner[data-bg=neu-02] .swiper-button-next i, .infoBanner[data-bg=neu-02] .swiper-button-prev i {
    color: var(--neu-10)
}

.infoBanner[data-bg=neu-09] .swiper-button-next i, .infoBanner[data-bg=neu-09] .swiper-button-prev i {
    color: var(--neu-01)
}

.infoBanner[data-bg=neu-09] .swiper-pagination-bullet {
    background: var(--neu-01);
    opacity: .3
}

.infoBanner[data-bg=neu-09] .swiper-pagination-bullet-active {
    opacity: 1
}

.infoBanner[data-bg=m-01--light-03] .swiper-button-next i, .infoBanner[data-bg=m-01--light-03] .swiper-button-prev i {
    color: var(--m-01--dark-03)
}

.infoBanner[data-bg=m-01--light-03] .swiper-pagination-bullet {
    background: var(--m-01--dark-03);
    opacity: .3
}

.infoBanner[data-bg=m-01--light-03] .swiper-pagination-bullet-active {
    opacity: 1
}

.infoMap {
    background-color: var(--neu-01);
    overflow: hidden;
    min-height: 780px;
    display: grid;
    grid-template-rows: 1fr 546px
}

@media (max-width:1024px) {
    .infoMap {
        grid-template-rows: 1fr 470px;
        min-height: 745px
    }
}

.infoMap__wrapper {
    z-index: 2;
    height: 100%;
    pointer-events: none;
    grid-column: 1;
    grid-row: 1
}

.infoMap__bottom {
    margin-bottom: 64px;
    grid-row: 2;
    grid-column: 1;
    height: auto;
    align-self: end;
    z-index: 2
}

@media (max-width:1024px) {
    .infoMap__bottom {
        margin-bottom: 40px
    }
}

.infoMap__mapContainer {
    height: 95%;
    width: 100%;
    grid-column: 1;
    grid-row: 1/3;
    align-self: end
}

    .infoMap__mapContainer[data-height="95"], .infoMap__mapContainer[data-height="100"] {
        height: 95%
    }

    .infoMap__mapContainer[data-height="85"] {
        height: 85%
    }

    .infoMap__mapContainer[data-height="75"] {
        height: 75%
    }

    .infoMap__mapContainer[data-height="65"] {
        height: 65%
    }

.infoMap__map {
    height: 100%;
    width: 100%
}

    .infoMap__map .gm-style {
        background-color: var(--neu-01)
    }

    .infoMap__map .gm-style-moc {
        background-color: hsla(0,0%,98%,.8)
    }

    .infoMap__map .gm-style-mot {
        color: var(--neu-10);
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-stretch: normal;
        letter-spacing: normal;
        font-family: Inter,sans-serif;
        font-size: 1rem;
        line-height: 1.5em;
        letter-spacing: -.011em;
        font-weight: 400
    }

        .infoMap__map .gm-style-mot .link a {
            transition: all .1s ease;
            text-decoration: underline;
            color: var(--m-01--dark-01)
        }

            .infoMap__map .gm-style-mot .link a:hover {
                color: var(--m-01)
            }

        .infoMap__map .gm-style-mot mark, .infoMap__map .gm-style-mot mark[data-color=color] {
            color: var(--m-01--dark-01)
        }

            .infoMap__map .gm-style-mot mark[data-color=gray] {
                color: var(--neu-07)
            }

            .infoMap__map .gm-style-mot mark[data-color=default] {
                color: var(--neu-10)
            }

        .infoMap__map .gm-style-mot span.m-01--dark-01, .infoMap__map .gm-style-mot span[data-color=color] {
            color: var(--m-01--dark-01)
        }

        .infoMap__map .gm-style-mot span.neu-07, .infoMap__map .gm-style-mot span[data-color=gray] {
            color: var(--neu-07)
        }

        .infoMap__map .gm-style-mot span.neu-10, .infoMap__map .gm-style-mot span[data-color=default] {
            color: var(--neu-10)
        }

        .infoMap__map .gm-style-mot b, .infoMap__map .gm-style-mot strong {
            font-weight: 700
        }

        .infoMap__map .gm-style-mot em {
            font-style: italic
        }

    .infoMap__map:before {
        height: 100px;
        background: linear-gradient(1turn,#fafafa 37.15%,hsla(0,0%,100%,0));
        bottom: 0
    }

    .infoMap__map:after, .infoMap__map:before {
        content: "";
        display: block;
        width: 100%;
        z-index: 1;
        position: absolute;
        pointer-events: none
    }

    .infoMap__map:after {
        height: 128px;
        background: linear-gradient(180deg,#fafafa 37.15%,hsla(0,0%,100%,0));
        top: 0
    }

.infoMap__content {
    grid-column: 2/12;
    padding-top: 40px
}

@media (max-width:1024px) {
    .infoMap__content {
        grid-column: 1/13
    }
}

@media (max-width:1024px) and (max-width:1024px) {
    .infoMap__content {
        grid-column: 1/7
    }
}

.infoMap__title {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Calma Global Medium,sans-serif;
    font-size: 2.5rem;
    line-height: 1.2em;
    letter-spacing: -.025em;
    color: var(--neu-10)
}

    .infoMap__title .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .infoMap__title .link a:hover {
            color: var(--m-01)
        }

    .infoMap__title mark, .infoMap__title mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .infoMap__title mark[data-color=gray] {
            color: var(--neu-07)
        }

        .infoMap__title mark[data-color=default] {
            color: var(--neu-10)
        }

    .infoMap__title span.m-01--dark-01, .infoMap__title span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .infoMap__title span.neu-07, .infoMap__title span[data-color=gray] {
        color: var(--neu-07)
    }

    .infoMap__title span.neu-10, .infoMap__title span[data-color=default] {
        color: var(--neu-10)
    }

    .infoMap__title b, .infoMap__title strong {
        font-weight: 700
    }

    .infoMap__title em {
        font-style: italic
    }

@media (max-width:1024px) {
    .infoMap__title {
        font-size: 2rem;
        line-height: 1.25em;
        letter-spacing: -.016em
    }
}

.infoMap__items {
    display: grid;
    grid-template-columns: repeat(5,1fr);
    gap: 40px 32px;
    margin-top: 56px
}

@media (max-width:1024px) {
    .infoMap__items {
        gap: 32px 24px;
        margin-top: 40px
    }
}

@media (max-width:768px) {
    .infoMap__items {
        gap: 32px 16px;
        grid-template-columns: repeat(3,1fr)
    }
}

@media (max-width:512px) {
    .infoMap__items {
        gap: 32px 8px;
        grid-template-columns: repeat(2,1fr)
    }
}

.infoMap__item {
    display: flex;
    flex-direction: column
}

@media (max-width:1024px) {
    .infoMap__item {
        align-items: center
    }
}

.infoMap__item-number {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Calma Global Medium,sans-serif;
    font-size: 3.5rem;
    line-height: 1.143em;
    letter-spacing: -.027em;
    color: var(--m-01--dark-01)
}

    .infoMap__item-number .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .infoMap__item-number .link a:hover {
            color: var(--m-01)
        }

    .infoMap__item-number mark, .infoMap__item-number mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .infoMap__item-number mark[data-color=gray] {
            color: var(--neu-07)
        }

        .infoMap__item-number mark[data-color=default] {
            color: var(--neu-10)
        }

    .infoMap__item-number span.m-01--dark-01, .infoMap__item-number span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .infoMap__item-number span.neu-07, .infoMap__item-number span[data-color=gray] {
        color: var(--neu-07)
    }

    .infoMap__item-number span.neu-10, .infoMap__item-number span[data-color=default] {
        color: var(--neu-10)
    }

    .infoMap__item-number b, .infoMap__item-number strong {
        font-weight: 700
    }

    .infoMap__item-number em {
        font-style: italic
    }

@media (max-width:1024px) {
    .infoMap__item-number {
        font-size: 2.5rem;
        line-height: 1.2em;
        letter-spacing: -.025em
    }
}

.infoMap__item-text {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1.188rem;
    line-height: 1.263em;
    letter-spacing: -.016em;
    font-weight: 700;
    color: var(--neu-10)
}

    .infoMap__item-text .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .infoMap__item-text .link a:hover {
            color: var(--m-01)
        }

    .infoMap__item-text mark, .infoMap__item-text mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .infoMap__item-text mark[data-color=gray] {
            color: var(--neu-07)
        }

        .infoMap__item-text mark[data-color=default] {
            color: var(--neu-10)
        }

    .infoMap__item-text span.m-01--dark-01, .infoMap__item-text span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .infoMap__item-text span.neu-07, .infoMap__item-text span[data-color=gray] {
        color: var(--neu-07)
    }

    .infoMap__item-text span.neu-10, .infoMap__item-text span[data-color=default] {
        color: var(--neu-10)
    }

    .infoMap__item-text b, .infoMap__item-text strong {
        font-weight: 700
    }

    .infoMap__item-text em {
        font-style: italic
    }

@media (max-width:1024px) {
    .infoMap__item-text {
        text-align: center
    }
}

.infoMap__disclaimer {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: .813rem;
    line-height: 1.538em;
    letter-spacing: -.003em;
    font-weight: 400;
    color: var(--neu-10);
    position: absolute;
    grid-column: 2/12;
    max-width: 640px;
    bottom: 0
}

    .infoMap__disclaimer a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .infoMap__disclaimer a:hover {
            color: var(--m-01)
        }

    .infoMap__disclaimer .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .infoMap__disclaimer .link a:hover {
            color: var(--m-01)
        }

    .infoMap__disclaimer mark, .infoMap__disclaimer mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .infoMap__disclaimer mark[data-color=gray] {
            color: var(--neu-07)
        }

        .infoMap__disclaimer mark[data-color=default] {
            color: var(--neu-10)
        }

    .infoMap__disclaimer span.m-01--dark-01, .infoMap__disclaimer span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .infoMap__disclaimer span.neu-07, .infoMap__disclaimer span[data-color=gray] {
        color: var(--neu-07)
    }

    .infoMap__disclaimer span.neu-10, .infoMap__disclaimer span[data-color=default] {
        color: var(--neu-10)
    }

    .infoMap__disclaimer b, .infoMap__disclaimer strong {
        font-weight: 700
    }

    .infoMap__disclaimer em {
        font-style: italic
    }

@media (max-width:1024px) {
    .infoMap__disclaimer {
        grid-column: 1/13
    }
}

@media (max-width:1024px) and (max-width:1024px) {
    .infoMap__disclaimer {
        grid-column: 1/7
    }
}

.infoNumbers .wrapper {
    padding-top: 40px;
    padding-bottom: 56px
}

@media (max-width:1024px) {
    .infoNumbers .wrapper {
        padding-top: 40px;
        padding-bottom: 40px
    }
}

@media (max-width:768px) {
    .infoNumbers .wrapper {
        padding-top: 24px;
        padding-bottom: 40px
    }
}

.infoNumbers__header {
    grid-column: 2/7
}

@media (max-width:1024px) {
    .infoNumbers__header {
        grid-column: 1/4
    }
}

@media (max-width:768px) {
    .infoNumbers__header {
        grid-column: 1/5
    }
}

@media (max-width:512px) {
    .infoNumbers__header {
        grid-column: 1/13
    }
}

@media (max-width:512px) and (max-width:1024px) {
    .infoNumbers__header {
        grid-column: 1/7
    }
}

.infoNumbers__title {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1.438rem;
    line-height: 1.391em;
    letter-spacing: -.019em;
    font-weight: 700
}

    .infoNumbers__title .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .infoNumbers__title .link a:hover {
            color: var(--m-01)
        }

    .infoNumbers__title mark, .infoNumbers__title mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .infoNumbers__title mark[data-color=gray] {
            color: var(--neu-07)
        }

        .infoNumbers__title mark[data-color=default] {
            color: var(--neu-10)
        }

    .infoNumbers__title span.m-01--dark-01, .infoNumbers__title span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .infoNumbers__title span.neu-07, .infoNumbers__title span[data-color=gray] {
        color: var(--neu-07)
    }

    .infoNumbers__title span.neu-10, .infoNumbers__title span[data-color=default] {
        color: var(--neu-10)
    }

    .infoNumbers__title b, .infoNumbers__title strong {
        font-weight: 700
    }

    .infoNumbers__title em {
        font-style: italic
    }

@media (max-width:1024px) {
    .infoNumbers__title {
        font-size: 1.188rem;
        line-height: 1.263em;
        letter-spacing: -.016em
    }
}

.infoNumbers__description {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1rem;
    line-height: 1.5em;
    letter-spacing: -.011em;
    font-weight: 400;
    margin-top: 16px
}

    .infoNumbers__description .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .infoNumbers__description .link a:hover {
            color: var(--m-01)
        }

    .infoNumbers__description mark, .infoNumbers__description mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .infoNumbers__description mark[data-color=gray] {
            color: var(--neu-07)
        }

        .infoNumbers__description mark[data-color=default] {
            color: var(--neu-10)
        }

    .infoNumbers__description span.m-01--dark-01, .infoNumbers__description span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .infoNumbers__description span.neu-07, .infoNumbers__description span[data-color=gray] {
        color: var(--neu-07)
    }

    .infoNumbers__description span.neu-10, .infoNumbers__description span[data-color=default] {
        color: var(--neu-10)
    }

    .infoNumbers__description b, .infoNumbers__description strong {
        font-weight: 700
    }

    .infoNumbers__description em {
        font-style: italic
    }

    .infoNumbers__description a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .infoNumbers__description a:hover {
            color: var(--m-01)
        }

.infoNumbers__grid {
    margin-top: 48px;
    grid-column: 2/12;
    display: grid;
    grid-template-columns: repeat(4,1fr);
    column-gap: 5%;
    row-gap: 40px
}

@media (max-width:1024px) {
    .infoNumbers__grid {
        grid-column: 1/13
    }
}

@media (max-width:1024px) and (max-width:1024px) {
    .infoNumbers__grid {
        grid-column: 1/7
    }
}

@media (max-width:1024px) {
    .infoNumbers__grid {
        margin-top: 40px
    }
}

@media (max-width:768px) {
    .infoNumbers__grid {
        grid-template-columns: repeat(3,1fr);
        column-gap: 16px
    }
}

@media (max-width:512px) {
    .infoNumbers__grid {
        justify-self: center;
        grid-template-columns: repeat(1,1fr);
        column-gap: 8px;
        max-width: 320px
    }
}

@media (max-width:1024px) {
    .infoNumbers__item {
        text-align: center
    }
}

.infoNumbers__item--number {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Calma Global Medium,sans-serif;
    font-size: 3.5rem;
    line-height: 1.143em;
    letter-spacing: -.027em;
    color: var(--m-01--dark-01);
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap
}

    .infoNumbers__item--number .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .infoNumbers__item--number .link a:hover {
            color: var(--m-01)
        }

    .infoNumbers__item--number mark, .infoNumbers__item--number mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .infoNumbers__item--number mark[data-color=gray] {
            color: var(--neu-07)
        }

        .infoNumbers__item--number mark[data-color=default] {
            color: var(--neu-10)
        }

    .infoNumbers__item--number span.m-01--dark-01, .infoNumbers__item--number span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .infoNumbers__item--number span.neu-07, .infoNumbers__item--number span[data-color=gray] {
        color: var(--neu-07)
    }

    .infoNumbers__item--number span.neu-10, .infoNumbers__item--number span[data-color=default] {
        color: var(--neu-10)
    }

    .infoNumbers__item--number b, .infoNumbers__item--number strong {
        font-weight: 700
    }

    .infoNumbers__item--number em {
        font-style: italic
    }

@media (max-width:1024px) {
    .infoNumbers__item--number {
        font-size: 2.5rem;
        line-height: 1.2em;
        letter-spacing: -.025em
    }
}

.infoNumbers__item--number p, .infoNumbers__item--number span {
    margin: 0 4px
}

.infoNumbers__item--number span {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Calma Global Medium,sans-serif;
    font-size: 2rem;
    line-height: 1.25em;
    letter-spacing: -.016em;
    display: inline-flex;
    transform: translateY(-8px)
}

    .infoNumbers__item--number span .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .infoNumbers__item--number span .link a:hover {
            color: var(--m-01)
        }

    .infoNumbers__item--number span mark, .infoNumbers__item--number span mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .infoNumbers__item--number span mark[data-color=gray] {
            color: var(--neu-07)
        }

        .infoNumbers__item--number span mark[data-color=default] {
            color: var(--neu-10)
        }

    .infoNumbers__item--number span span.m-01--dark-01, .infoNumbers__item--number span span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .infoNumbers__item--number span span.neu-07, .infoNumbers__item--number span span[data-color=gray] {
        color: var(--neu-07)
    }

    .infoNumbers__item--number span span.neu-10, .infoNumbers__item--number span span[data-color=default] {
        color: var(--neu-10)
    }

    .infoNumbers__item--number span b, .infoNumbers__item--number span strong {
        font-weight: 700
    }

    .infoNumbers__item--number span em {
        font-style: italic
    }

@media (max-width:1024px) {
    .infoNumbers__item--number span {
        font-size: 1.625rem;
        line-height: 1.231em;
        letter-spacing: 0;
        transform: translateY(-5px)
    }
}

@media (max-width:1024px) {
    .infoNumbers__item--number {
        justify-content: center
    }
}

.infoNumbers__item--title {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1.188rem;
    line-height: 1.263em;
    letter-spacing: -.016em;
    font-weight: 700
}

    .infoNumbers__item--title .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .infoNumbers__item--title .link a:hover {
            color: var(--m-01)
        }

    .infoNumbers__item--title mark, .infoNumbers__item--title mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .infoNumbers__item--title mark[data-color=gray] {
            color: var(--neu-07)
        }

        .infoNumbers__item--title mark[data-color=default] {
            color: var(--neu-10)
        }

    .infoNumbers__item--title span.m-01--dark-01, .infoNumbers__item--title span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .infoNumbers__item--title span.neu-07, .infoNumbers__item--title span[data-color=gray] {
        color: var(--neu-07)
    }

    .infoNumbers__item--title span.neu-10, .infoNumbers__item--title span[data-color=default] {
        color: var(--neu-10)
    }

    .infoNumbers__item--title b, .infoNumbers__item--title strong {
        font-weight: 700
    }

    .infoNumbers__item--title em {
        font-style: italic
    }

.infoNumbers__item--description {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: .813rem;
    line-height: 1.538em;
    letter-spacing: -.003em;
    font-weight: 400;
    margin-top: 16px
}

    .infoNumbers__item--description .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .infoNumbers__item--description .link a:hover {
            color: var(--m-01)
        }

    .infoNumbers__item--description mark, .infoNumbers__item--description mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .infoNumbers__item--description mark[data-color=gray] {
            color: var(--neu-07)
        }

        .infoNumbers__item--description mark[data-color=default] {
            color: var(--neu-10)
        }

    .infoNumbers__item--description span.m-01--dark-01, .infoNumbers__item--description span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .infoNumbers__item--description span.neu-07, .infoNumbers__item--description span[data-color=gray] {
        color: var(--neu-07)
    }

    .infoNumbers__item--description span.neu-10, .infoNumbers__item--description span[data-color=default] {
        color: var(--neu-10)
    }

    .infoNumbers__item--description b, .infoNumbers__item--description strong {
        font-weight: 700
    }

    .infoNumbers__item--description em {
        font-style: italic
    }

    .infoNumbers__item--description a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .infoNumbers__item--description a:hover {
            color: var(--m-01)
        }

.infoNumbers[data-type=ranking] .infoNumbers__item--number {
    color: var(--m-01--dark-04)
}

.infoNumbers[data-type=ranking] [data-number="1"] {
    color: var(--m-01)
}

.infoNumbers[data-type=ranking] [data-number="2"], .infoNumbers[data-type=ranking] [data-number="3"] {
    color: var(--m-01--dark-01)
}

.infoNumbers[data-type=ranking] [data-number="4"], .infoNumbers[data-type=ranking] [data-number="5"], .infoNumbers[data-type=ranking] [data-number="6"] {
    color: var(--m-01--dark-02)
}

.infoNumbers[data-type=ranking] [data-number="7"], .infoNumbers[data-type=ranking] [data-number="8"], .infoNumbers[data-type=ranking] [data-number="9"], .infoNumbers[data-type=ranking] [data-number="10"] {
    color: var(--m-01--dark-03)
}

.interactions .wrapper {
    padding-top: 16px;
    padding-bottom: 56px;
    row-gap: 40px
}

@media (max-width:1024px) {
    .interactions .wrapper {
        row-gap: 32px;
        padding-bottom: 48px
    }
}

.interactions__block {
    grid-column: 2/12
}

@media (max-width:1024px) {
    .interactions__block {
        grid-column: 1/13
    }
}

@media (max-width:1024px) and (max-width:1024px) {
    .interactions__block {
        grid-column: 1/7
    }
}

.interactions__block-title {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1rem;
    line-height: 1.5em;
    letter-spacing: -.011em;
    font-weight: 700;
    color: var(--m-01--dark-01);
    margin-bottom: 4px
}

    .interactions__block-title .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .interactions__block-title .link a:hover {
            color: var(--m-01)
        }

    .interactions__block-title mark, .interactions__block-title mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .interactions__block-title mark[data-color=gray] {
            color: var(--neu-07)
        }

        .interactions__block-title mark[data-color=default] {
            color: var(--neu-10)
        }

    .interactions__block-title span.m-01--dark-01, .interactions__block-title span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .interactions__block-title span.neu-07, .interactions__block-title span[data-color=gray] {
        color: var(--neu-07)
    }

    .interactions__block-title span.neu-10, .interactions__block-title span[data-color=default] {
        color: var(--neu-10)
    }

    .interactions__block-title b, .interactions__block-title strong {
        font-weight: 700
    }

    .interactions__block-title em {
        font-style: italic
    }

.interactions__showMore {
    grid-column: 2/12
}

@media (max-width:1024px) {
    .interactions__showMore {
        grid-column: 1/13
    }
}

@media (max-width:1024px) and (max-width:1024px) {
    .interactions__showMore {
        grid-column: 1/7
    }
}

.interactions__item {
    border-bottom: 1px solid var(--neu-03)
}

    .interactions__item.open .interactions__item-headerContent:before {
        content: "\e90e";
        transform: translateY(-50%) rotate(0deg)
    }

@media (max-width:768px) {
    .interactions__item.open .interactions__item-headerContent:before {
        transform: rotate(0deg)
    }
}

.interactions__item.open .interactions__info--top, .interactions__item.open .interactions__info--top mark, .interactions__item.open .interactions__info-icon, .interactions__item.open .interactions__info-title {
    color: var(--m-01--dark-01)
}

.interactions__item.open .interactions__item-container {
    margin-bottom: 24px;
    animation: j .25s .05s cubic-bezier(.38,.01,.23,.99) both
}

.interactions__item.open .interactions__item-content {
    opacity: 1
}

.interactions__item-headerContent {
    transition: all .1s ease;
    width: 100%;
    padding: 24px 0;
    min-height: 96px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding-right: 96px;
    cursor: pointer
}

    .interactions__item-headerContent:before {
        transition: all .15s ease-in-out;
        width: 24px;
        height: 24px;
        font-size: 24px;
        font-family: aicep-base-icons !important;
        font-weight: 400;
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 0;
        content: "\e90d";
        z-index: 1;
        transform: translateY(-50%) rotate(90deg);
        transform-origin: center;
        color: var(--neu-10)
    }

@media (max-width:768px) {
    .interactions__item-headerContent:before {
        top: 22px;
        transform: rotate(90deg)
    }
}

.interactions__item-headerContent:hover {
    opacity: .7
}

@media (max-width:768px) {
    .interactions__item-headerContent {
        padding-right: 0
    }
}

.interactions__item-container {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1rem;
    line-height: 1.5em;
    letter-spacing: -.011em;
    font-weight: 400;
    display: none;
    animation: k .3s cubic-bezier(.38,.01,.23,.99) both
}

    .interactions__item-container .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .interactions__item-container .link a:hover {
            color: var(--m-01)
        }

    .interactions__item-container mark, .interactions__item-container mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .interactions__item-container mark[data-color=gray] {
            color: var(--neu-07)
        }

        .interactions__item-container mark[data-color=default] {
            color: var(--neu-10)
        }

    .interactions__item-container span.m-01--dark-01, .interactions__item-container span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .interactions__item-container span.neu-07, .interactions__item-container span[data-color=gray] {
        color: var(--neu-07)
    }

    .interactions__item-container span.neu-10, .interactions__item-container span[data-color=default] {
        color: var(--neu-10)
    }

    .interactions__item-container b, .interactions__item-container strong {
        font-weight: 700
    }

    .interactions__item-container em {
        font-style: italic
    }

.interactions__item-content {
    opacity: 0;
    margin-right: calc(28.5% + 32px);
    display: flex;
    flex-direction: column;
    gap: 16px
}

@media (max-width:1280px) {
    .interactions__item-content {
        margin-right: calc(18% + 24px)
    }
}

@media (max-width:768px) {
    .interactions__item-content {
        margin-right: 0
    }
}

.interactions__info {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: .813rem;
    line-height: 1.538em;
    letter-spacing: -.003em;
    font-weight: 400;
    color: var(--neu-07);
    text-align: left
}

    .interactions__info .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .interactions__info .link a:hover {
            color: var(--m-01)
        }

    .interactions__info mark, .interactions__info mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .interactions__info mark[data-color=gray] {
            color: var(--neu-07)
        }

        .interactions__info mark[data-color=default] {
            color: var(--neu-10)
        }

    .interactions__info span.m-01--dark-01, .interactions__info span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .interactions__info span.neu-07, .interactions__info span[data-color=gray] {
        color: var(--neu-07)
    }

    .interactions__info span.neu-10, .interactions__info span[data-color=default] {
        color: var(--neu-10)
    }

    .interactions__info b, .interactions__info strong {
        font-weight: 700
    }

    .interactions__info em {
        font-style: italic
    }

    .interactions__info mark {
        color: var(--neu-10)
    }

.interactions__info--top i {
    min-width: 16px;
    width: 16px;
    height: 16px;
    font-size: 16px;
    top: 2px
}

    .interactions__info--top i:before {
        font-size: 16px;
        font-weight: 400
    }

.interactions__info--top i, .interactions__info--top span {
    margin-right: 16px
}

@media (max-width:768px) {
    .interactions__info--top {
        padding-right: 96px;
        margin-bottom: 8px
    }
}

.interactions__info--bottom {
    display: flex;
    align-items: center;
    gap: 0 16px;
    flex-wrap: wrap;
    margin-top: 4px;
    gap: 4px 16px
}

.interactions__info-title {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1.188rem;
    line-height: 1.263em;
    letter-spacing: -.016em;
    font-weight: 700;
    max-width: 750px;
    text-align: left;
    color: var(--neu-10)
}

    .interactions__info-title .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .interactions__info-title .link a:hover {
            color: var(--m-01)
        }

    .interactions__info-title mark, .interactions__info-title mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .interactions__info-title mark[data-color=gray] {
            color: var(--neu-07)
        }

        .interactions__info-title mark[data-color=default] {
            color: var(--neu-10)
        }

    .interactions__info-title span.m-01--dark-01, .interactions__info-title span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .interactions__info-title span.neu-07, .interactions__info-title span[data-color=gray] {
        color: var(--neu-07)
    }

    .interactions__info-title span.neu-10, .interactions__info-title span[data-color=default] {
        color: var(--neu-10)
    }

    .interactions__info-title b, .interactions__info-title strong {
        font-weight: 700
    }

    .interactions__info-title em {
        font-style: italic
    }

.interactions__info-icon {
    color: var(--neu-10);
    float: left;
    margin-right: 4px !important
}

.interactions__info-date, .interactions__info-time {
    white-space: nowrap
}

.interactions__info-attach {
    margin-left: 16px
}

.interactions__editBtn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 32px;
    z-index: 2
}

@media (max-width:768px) {
    .interactions__editBtn {
        padding-right: 0;
        top: 10px;
        transform: none
    }
}

.interactions .numberedList {
    margin-bottom: 0
}

.interactions .bodyText {
    margin-bottom: 0;
    margin-top: 0
}

.interactiveHeader {
    overflow: hidden
}

    .interactiveHeader[data-bg=neu-01] .interactiveHeader__mapContainer:before {
        background: linear-gradient(90deg,transparent,transparent 90%,var(--neu-01))
    }

.interactiveHeader__innerContainer {
    grid-template-rows: 303px auto 155px
}

@media (max-width:1024px) {
    .interactiveHeader__innerContainer {
        grid-template-rows: 170px auto 58px
    }
}

.interactiveHeader__header {
    max-width: 528px;
    grid-column: 2/7;
    grid-row: 2
}

@media (max-width:1024px) {
    .interactiveHeader__header {
        grid-column: 1/7;
        z-index: 1
    }
}

.interactiveHeader__title {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Calma Global Large,sans-serif;
    font-size: 5rem;
    line-height: 1em;
    letter-spacing: -.025em
}

    .interactiveHeader__title .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .interactiveHeader__title .link a:hover {
            color: var(--m-01)
        }

    .interactiveHeader__title mark, .interactiveHeader__title mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .interactiveHeader__title mark[data-color=gray] {
            color: var(--neu-07)
        }

        .interactiveHeader__title mark[data-color=default] {
            color: var(--neu-10)
        }

    .interactiveHeader__title span.m-01--dark-01, .interactiveHeader__title span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .interactiveHeader__title span.neu-07, .interactiveHeader__title span[data-color=gray] {
        color: var(--neu-07)
    }

    .interactiveHeader__title span.neu-10, .interactiveHeader__title span[data-color=default] {
        color: var(--neu-10)
    }

    .interactiveHeader__title b, .interactiveHeader__title strong {
        font-weight: 700
    }

    .interactiveHeader__title em {
        font-style: italic
    }

@media (max-width:1024px) {
    .interactiveHeader__title {
        font-size: 3.5rem;
        line-height: 1.143em;
        letter-spacing: -.027em
    }
}

.interactiveHeader__description {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1rem;
    line-height: 1.5em;
    letter-spacing: -.011em;
    font-weight: 400;
    margin-top: 24px;
    max-width: 416px
}

    .interactiveHeader__description .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .interactiveHeader__description .link a:hover {
            color: var(--m-01)
        }

    .interactiveHeader__description mark, .interactiveHeader__description mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .interactiveHeader__description mark[data-color=gray] {
            color: var(--neu-07)
        }

        .interactiveHeader__description mark[data-color=default] {
            color: var(--neu-10)
        }

    .interactiveHeader__description span.m-01--dark-01, .interactiveHeader__description span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .interactiveHeader__description span.neu-07, .interactiveHeader__description span[data-color=gray] {
        color: var(--neu-07)
    }

    .interactiveHeader__description span.neu-10, .interactiveHeader__description span[data-color=default] {
        color: var(--neu-10)
    }

    .interactiveHeader__description b, .interactiveHeader__description strong {
        font-weight: 700
    }

    .interactiveHeader__description em {
        font-style: italic
    }

.interactiveHeader__button {
    margin-top: 32px
}

.interactiveHeader__textNote {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: .813rem;
    line-height: 1.538em;
    letter-spacing: -.003em;
    font-weight: 400;
    margin-top: 56px;
    display: block;
    max-width: 416px
}

    .interactiveHeader__textNote .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .interactiveHeader__textNote .link a:hover {
            color: var(--m-01)
        }

    .interactiveHeader__textNote mark, .interactiveHeader__textNote mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .interactiveHeader__textNote mark[data-color=gray] {
            color: var(--neu-07)
        }

        .interactiveHeader__textNote mark[data-color=default] {
            color: var(--neu-10)
        }

    .interactiveHeader__textNote span.m-01--dark-01, .interactiveHeader__textNote span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .interactiveHeader__textNote span.neu-07, .interactiveHeader__textNote span[data-color=gray] {
        color: var(--neu-07)
    }

    .interactiveHeader__textNote span.neu-10, .interactiveHeader__textNote span[data-color=default] {
        color: var(--neu-10)
    }

    .interactiveHeader__textNote b, .interactiveHeader__textNote strong {
        font-weight: 700
    }

    .interactiveHeader__textNote em {
        font-style: italic
    }

@media (max-width:1024px) {
    .interactiveHeader__textNote {
        display: none
    }
}

.interactiveHeader__mapContainer {
    grid-column: 7/13;
    grid-row: 1/4;
    height: 100%;
    width: 100%;
    right: 0
}

    .interactiveHeader__mapContainer:before {
        content: "";
        position: absolute;
        height: 100%;
        width: 100%;
        background: linear-gradient(90deg,transparent,transparent 90%,var(--neu-02));
        z-index: 1
    }

@media (max-width:1280px) {
    .interactiveHeader__mapContainer:before {
        display: none
    }
}

@media (max-width:1024px) {
    .interactiveHeader__mapContainer {
        grid-column: 4/7
    }
}

.interactiveHeader__spain {
    position: absolute;
    top: 29px;
    right: 0
}

    .interactiveHeader__spain path {
        fill: transparent;
        opacity: 1;
        stroke: var(--neu-04);
        stroke-width: 1
    }

@media (max-width:1280px) {
    .interactiveHeader__spain {
        right: -149px
    }
}

@media (max-width:1024px) {
    .interactiveHeader__spain {
        display: none
    }
}

.interactiveHeader__portugal {
    top: 175px;
    right: 139px;
    position: absolute;
    z-index: 1
}

@media (max-width:1024px) {
    .interactiveHeader__portugal {
        display: none
    }
}

@media (max-width:1280px) {
    .interactiveHeader__portugal {
        right: -13px
    }
}

.interactiveHeader__portugal path {
    cursor: pointer;
    fill: var(--m-01--dark-01);
    stroke: var(--neu-01)
}

    .interactiveHeader__portugal path:hover {
        fill: var(--m-01);
        z-index: 10
    }

    .interactiveHeader__portugal path.selected {
        stroke: var(--m-01--dark-02);
        stroke-width: 1;
        fill: var(--neu-01);
        z-index: 10
    }

.interactiveHeader__islandContainer {
    cursor: pointer;
    position: absolute;
    border: 1px solid var(--neu-03);
    padding: 17px 28px;
    z-index: 1
}

    .interactiveHeader__islandContainer path {
        fill: var(--m-01--dark-01)
    }

    .interactiveHeader__islandContainer:hover path {
        fill: var(--m-01);
        z-index: 10
    }

    .interactiveHeader__islandContainer.selected path {
        stroke: var(--m-01--dark-02);
        stroke-width: 1;
        fill: var(--neu-01);
        z-index: 10
    }

.interactiveHeader__islandContainer--acores {
    top: 267px;
    right: 390px
}

@media (max-width:1280px) {
    .interactiveHeader__islandContainer--acores {
        top: 267px;
        right: 269px
    }
}

.interactiveHeader__islandContainer--madeira {
    top: 444px;
    right: 461px
}

@media (max-width:1280px) {
    .interactiveHeader__islandContainer--madeira {
        top: 444px;
        right: 287px
    }
}

@media (max-width:1024px) {
    .interactiveHeader__islandContainer {
        display: none
    }
}

.interactiveHeader__islandLegend {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: .688rem;
    line-height: 1.455em;
    letter-spacing: .005em;
    font-weight: 400;
    color: var(--neu-06);
    position: absolute;
    top: -23px;
    left: 0
}

    .interactiveHeader__islandLegend .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .interactiveHeader__islandLegend .link a:hover {
            color: var(--m-01)
        }

    .interactiveHeader__islandLegend mark, .interactiveHeader__islandLegend mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .interactiveHeader__islandLegend mark[data-color=gray] {
            color: var(--neu-07)
        }

        .interactiveHeader__islandLegend mark[data-color=default] {
            color: var(--neu-10)
        }

    .interactiveHeader__islandLegend span.m-01--dark-01, .interactiveHeader__islandLegend span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .interactiveHeader__islandLegend span.neu-07, .interactiveHeader__islandLegend span[data-color=gray] {
        color: var(--neu-07)
    }

    .interactiveHeader__islandLegend span.neu-10, .interactiveHeader__islandLegend span[data-color=default] {
        color: var(--neu-10)
    }

    .interactiveHeader__islandLegend b, .interactiveHeader__islandLegend strong {
        font-weight: 700
    }

    .interactiveHeader__islandLegend em {
        font-style: italic
    }

.interactiveHeader__ibericoMap {
    display: none
}

@media (max-width:1024px) {
    .interactiveHeader__ibericoMap {
        display: block;
        right: 0;
        width: 572px;
        height: 481px;
        margin-top: 24px;
        margin-bottom: 8px
    }
}

.interactiveHeader__cardsContainer {
    grid-column: 7/13;
    grid-row: 1/4;
    height: 100%;
    width: 100%;
    right: 0
}

@media (max-width:1024px) {
    .interactiveHeader__cardsContainer {
        display: none
    }
}

.interactiveHeader__cardsContainer .thumbRegionsCard {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    z-index: 10;
    transform: translateY(20px);
    transition: none
}

    .interactiveHeader__cardsContainer .thumbRegionsCard.show {
        visibility: initial;
        opacity: 1;
        transform: translateY(0);
        transition: all .2s ease-in-out
    }

.interactiveHeader__cardsContainer [data-district-card="1"] {
    top: 557px;
    right: 384px
}

@media (max-width:1280px) {
    .interactiveHeader__cardsContainer [data-district-card="1"] {
        right: 225px
    }
}

.interactiveHeader__cardsContainer [data-district-card="2"] {
    top: 386px;
    right: 416px
}

@media (max-width:1280px) {
    .interactiveHeader__cardsContainer [data-district-card="2"] {
        right: 264px
    }
}

.interactiveHeader__cardsContainer [data-district-card="3"] {
    top: 535px;
    right: 384px
}

@media (max-width:1280px) {
    .interactiveHeader__cardsContainer [data-district-card="3"] {
        right: 225px
    }
}

.interactiveHeader__cardsContainer [data-district-card="4"] {
    top: 430px;
    right: 416px
}

@media (max-width:1280px) {
    .interactiveHeader__cardsContainer [data-district-card="4"] {
        right: 264px
    }
}

.interactiveHeader__cardsContainer [data-district-card="5"] {
    top: 386px;
    right: 416px
}

@media (max-width:1280px) {
    .interactiveHeader__cardsContainer [data-district-card="5"] {
        right: 264px
    }
}

.interactiveHeader__cardsContainer [data-district-card="6"] {
    top: 535px;
    right: 384px
}

@media (max-width:1280px) {
    .interactiveHeader__cardsContainer [data-district-card="6"] {
        right: 225px
    }
}

.interactiveHeader__cardsContainer [data-district-card="7"] {
    top: 430px;
    right: 416px
}

@media (max-width:1280px) {
    .interactiveHeader__cardsContainer [data-district-card="7"] {
        right: 264px
    }
}

.interactiveHeader__cardsContainer [data-district-card="8"] {
    top: 218px;
    right: 380px
}

@media (max-width:1280px) {
    .interactiveHeader__cardsContainer [data-district-card="8"] {
        right: 225px
    }
}

.interactiveHeader__cardsContainer [data-district-card="9"] {
    top: 386px;
    right: 416px
}

@media (max-width:1280px) {
    .interactiveHeader__cardsContainer [data-district-card="9"] {
        right: 264px
    }
}

.interactiveHeader__cardsContainer [data-district-card="10"] {
    top: 218px;
    right: 380px
}

@media (max-width:1280px) {
    .interactiveHeader__cardsContainer [data-district-card="10"] {
        right: 225px
    }
}

.interactiveHeader__cardsContainer [data-district-card="11"] {
    top: 218px;
    right: 380px
}

@media (max-width:1280px) {
    .interactiveHeader__cardsContainer [data-district-card="11"] {
        right: 225px
    }
}

.interactiveHeader__cardsContainer [data-district-card="12"] {
    top: 190px;
    right: 380px
}

@media (max-width:1280px) {
    .interactiveHeader__cardsContainer [data-district-card="12"] {
        right: 225px
    }
}

.interactiveHeader__cardsContainer [data-district-card="13"] {
    top: 218px;
    right: 380px
}

@media (max-width:1280px) {
    .interactiveHeader__cardsContainer [data-district-card="13"] {
        right: 225px
    }
}

.interactiveHeader__cardsContainer [data-district-card="14"] {
    top: 218px;
    right: 380px
}

@media (max-width:1280px) {
    .interactiveHeader__cardsContainer [data-district-card="14"] {
        right: 225px
    }
}

.interactiveHeader__cardsContainer [data-district-card="15"] {
    top: 190px;
    right: 380px
}

@media (max-width:1280px) {
    .interactiveHeader__cardsContainer [data-district-card="15"] {
        right: 225px
    }
}

.interactiveHeader__cardsContainer [data-district-card="16"] {
    top: 106px;
    right: 368px
}

@media (max-width:1280px) {
    .interactiveHeader__cardsContainer [data-district-card="16"] {
        right: 221px
    }
}

.interactiveHeader__cardsContainer [data-district-card="17"] {
    top: 170px;
    right: 380px
}

@media (max-width:1280px) {
    .interactiveHeader__cardsContainer [data-district-card="17"] {
        right: 225px
    }
}

.interactiveHeader__cardsContainer [data-district-card="18"] {
    top: 170px;
    right: 380px
}

@media (max-width:1280px) {
    .interactiveHeader__cardsContainer [data-district-card="18"] {
        right: 225px
    }
}

.interactiveHeader__cardsContainer [data-district-card="19"] {
    top: 106px;
    right: 368px
}

@media (max-width:1280px) {
    .interactiveHeader__cardsContainer [data-district-card="19"] {
        right: 221px
    }
}

.interactiveHeader__cardsContainer [data-district-card="20"] {
    top: 160px;
    right: 370px
}

@media (max-width:1280px) {
    .interactiveHeader__cardsContainer [data-district-card="20"] {
        right: 209px
    }
}

.interactiveHeader__cardsContainer [data-district-card="21"] {
    top: 150px;
    right: 380px
}

@media (max-width:1280px) {
    .interactiveHeader__cardsContainer [data-district-card="21"] {
        right: 225px
    }
}

.interactiveHeader__cardsContainer [data-district-card="22"] {
    top: 150px;
    right: 380px
}

@media (max-width:1280px) {
    .interactiveHeader__cardsContainer [data-district-card="22"] {
        right: 225px
    }
}

.interactiveHeader__cardsContainer [data-district-card="23"] {
    top: 106px;
    right: 368px
}

@media (max-width:1280px) {
    .interactiveHeader__cardsContainer [data-district-card="23"] {
        right: 221px
    }
}

.interactiveHeader__cardsContainer [data-district-card="24"] {
    top: 106px;
    right: 141px
}

@media (max-width:1280px) {
    .interactiveHeader__cardsContainer [data-district-card="24"] {
        top: 64px;
        right: 52px
    }
}

.interactiveHeader__cardsContainer [data-district-card="25"] {
    top: 291px;
    right: 204px
}

@media (max-width:1280px) {
    .interactiveHeader__cardsContainer [data-district-card="25"] {
        top: 237px;
        right: 62px
    }
}

.itemsBlock .wrapper {
    padding-top: 40px;
    padding-bottom: 40px;
    row-gap: 24px
}

@media (max-width:1024px) {
    .itemsBlock .wrapper {
        padding-top: 32px;
        padding-bottom: 32px
    }
}

.itemsBlock__items, .itemsBlock__title {
    grid-column: 3/11
}

@media (max-width:1024px) {
    .itemsBlock__items, .itemsBlock__title {
        grid-column: 1/13
    }
}

@media (max-width:1024px) and (max-width:1024px) {
    .itemsBlock__items, .itemsBlock__title {
        grid-column: 1/7
    }
}

.itemsBlock__title {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1rem;
    line-height: 1.5em;
    letter-spacing: -.011em;
    font-weight: 400;
    text-align: center
}

    .itemsBlock__title .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .itemsBlock__title .link a:hover {
            color: var(--m-01)
        }

    .itemsBlock__title mark, .itemsBlock__title mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .itemsBlock__title mark[data-color=gray] {
            color: var(--neu-07)
        }

        .itemsBlock__title mark[data-color=default] {
            color: var(--neu-10)
        }

    .itemsBlock__title span.m-01--dark-01, .itemsBlock__title span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .itemsBlock__title span.neu-07, .itemsBlock__title span[data-color=gray] {
        color: var(--neu-07)
    }

    .itemsBlock__title span.neu-10, .itemsBlock__title span[data-color=default] {
        color: var(--neu-10)
    }

    .itemsBlock__title b, .itemsBlock__title strong {
        font-weight: 700
    }

    .itemsBlock__title em {
        font-style: italic
    }

.itemsBlock__items {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.itemsBlock[data-type=languages] .itemsBlock__items {
    gap: 16px 32px
}

.itemsBlock[data-type=keywords] .itemsBlock__items {
    gap: 8px
}

.listCreator__wrapper {
    padding-top: 64px;
    padding-bottom: 88px
}

@media (max-width:1024px) {
    .listCreator__wrapper {
        padding-top: 48px;
        padding-bottom: 64px
    }
}

.listCreator__intro {
    grid-column: 2/12;
    max-width: 480px;
    text-align: center;
    justify-self: center;
    margin-bottom: 56px;
    display: flex;
    flex-direction: column;
    gap: 8px
}

@media (max-width:1024px) {
    .listCreator__intro {
        margin-bottom: 48px;
        grid-column: 1/13
    }
}

@media (max-width:1024px) and (max-width:1024px) {
    .listCreator__intro {
        grid-column: 1/7
    }
}

.listCreator__intro-title {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1.438rem;
    line-height: 1.391em;
    letter-spacing: -.019em;
    font-weight: 700
}

    .listCreator__intro-title .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .listCreator__intro-title .link a:hover {
            color: var(--m-01)
        }

    .listCreator__intro-title mark, .listCreator__intro-title mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .listCreator__intro-title mark[data-color=gray] {
            color: var(--neu-07)
        }

        .listCreator__intro-title mark[data-color=default] {
            color: var(--neu-10)
        }

    .listCreator__intro-title span.m-01--dark-01, .listCreator__intro-title span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .listCreator__intro-title span.neu-07, .listCreator__intro-title span[data-color=gray] {
        color: var(--neu-07)
    }

    .listCreator__intro-title span.neu-10, .listCreator__intro-title span[data-color=default] {
        color: var(--neu-10)
    }

    .listCreator__intro-title b, .listCreator__intro-title strong {
        font-weight: 700
    }

    .listCreator__intro-title em {
        font-style: italic
    }

@media (max-width:1024px) {
    .listCreator__intro-title {
        font-size: 1.188rem;
        line-height: 1.263em;
        letter-spacing: -.016em
    }
}

.listCreator__intro-description {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1rem;
    line-height: 1.5em;
    letter-spacing: -.011em;
    font-weight: 400
}

    .listCreator__intro-description .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .listCreator__intro-description .link a:hover {
            color: var(--m-01)
        }

    .listCreator__intro-description mark, .listCreator__intro-description mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .listCreator__intro-description mark[data-color=gray] {
            color: var(--neu-07)
        }

        .listCreator__intro-description mark[data-color=default] {
            color: var(--neu-10)
        }

    .listCreator__intro-description span.m-01--dark-01, .listCreator__intro-description span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .listCreator__intro-description span.neu-07, .listCreator__intro-description span[data-color=gray] {
        color: var(--neu-07)
    }

    .listCreator__intro-description span.neu-10, .listCreator__intro-description span[data-color=default] {
        color: var(--neu-10)
    }

    .listCreator__intro-description b, .listCreator__intro-description strong {
        font-weight: 700
    }

    .listCreator__intro-description em {
        font-style: italic
    }

    .listCreator__intro-description a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .listCreator__intro-description a:hover {
            color: var(--m-01)
        }

    .listCreator__intro-description:nth-of-type(2) {
        margin-top: 16px
    }

.listCreator__mainBlock {
    display: flex;
    grid-column: 2/12;
    padding: 40px 48px 56px
}

@media (max-width:1024px) {
    .listCreator__mainBlock {
        grid-column: 1/13;
        padding: 32px 32px 48px
    }
}

@media (max-width:1024px) and (max-width:1024px) {
    .listCreator__mainBlock {
        grid-column: 1/7
    }
}

@media (max-width:768px) {
    .listCreator__mainBlock {
        padding: 32px 24px 48px
    }
}

@media (max-width:512px) {
    .listCreator__mainBlock {
        padding: 32px 16px 48px
    }
}

.listCreator__mainBlock .infoFields__details[data-grid="2"] {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 24px 0
}

@media (max-width:768px) {
    .listCreator__mainBlock .infoFields__details[data-grid="2"] {
        grid-template-columns: 1fr
    }
}

.listCreator__mainBlock .infoFields__details[data-grid="2"] .infoFields__details-item:first-child {
    width: 89%
}

@media (max-width:1024px) {
    .listCreator__mainBlock .infoFields__details[data-grid="2"] .infoFields__details-item:first-child {
        width: 73%
    }
}

@media (max-width:768px) {
    .listCreator__mainBlock .infoFields__details[data-grid="2"] .infoFields__details-item:first-child {
        width: 100%
    }
}

.listCreator__mainBlock .infoFields__details[data-grid="2"] .infoFields__details-item:nth-child(2) {
    margin-left: 21%
}

@media (max-width:1024px) {
    .listCreator__mainBlock .infoFields__details[data-grid="2"] .infoFields__details-item:nth-child(2) {
        margin-left: 8%
    }
}

@media (max-width:768px) {
    .listCreator__mainBlock .infoFields__details[data-grid="2"] .infoFields__details-item:nth-child(2) {
        margin-left: unset
    }
}

.listCreator__table {
    grid-column: 2/12;
    margin-top: 72px
}

@media (max-width:1024px) {
    .listCreator__table {
        grid-column: 1/13;
        margin-top: 48px
    }
}

@media (max-width:1024px) and (max-width:1024px) {
    .listCreator__table {
        grid-column: 1/7
    }
}

.listCreator__table-wrapper {
    margin-top: 24px
}

.listCreator__table-intro {
    max-width: 640px
}

.listCreator__table-title {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1.438rem;
    line-height: 1.391em;
    letter-spacing: -.019em;
    font-weight: 700
}

    .listCreator__table-title .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .listCreator__table-title .link a:hover {
            color: var(--m-01)
        }

    .listCreator__table-title mark, .listCreator__table-title mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .listCreator__table-title mark[data-color=gray] {
            color: var(--neu-07)
        }

        .listCreator__table-title mark[data-color=default] {
            color: var(--neu-10)
        }

    .listCreator__table-title span.m-01--dark-01, .listCreator__table-title span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .listCreator__table-title span.neu-07, .listCreator__table-title span[data-color=gray] {
        color: var(--neu-07)
    }

    .listCreator__table-title span.neu-10, .listCreator__table-title span[data-color=default] {
        color: var(--neu-10)
    }

    .listCreator__table-title b, .listCreator__table-title strong {
        font-weight: 700
    }

    .listCreator__table-title em {
        font-style: italic
    }

@media (max-width:1024px) {
    .listCreator__table-title {
        font-size: 1.188rem;
        line-height: 1.263em;
        letter-spacing: -.016em
    }
}

.listCreator__table-description {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1rem;
    line-height: 1.5em;
    letter-spacing: -.011em;
    font-weight: 400;
    margin-top: 24px
}

    .listCreator__table-description .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .listCreator__table-description .link a:hover {
            color: var(--m-01)
        }

    .listCreator__table-description mark, .listCreator__table-description mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .listCreator__table-description mark[data-color=gray] {
            color: var(--neu-07)
        }

        .listCreator__table-description mark[data-color=default] {
            color: var(--neu-10)
        }

    .listCreator__table-description span.m-01--dark-01, .listCreator__table-description span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .listCreator__table-description span.neu-07, .listCreator__table-description span[data-color=gray] {
        color: var(--neu-07)
    }

    .listCreator__table-description span.neu-10, .listCreator__table-description span[data-color=default] {
        color: var(--neu-10)
    }

    .listCreator__table-description b, .listCreator__table-description strong {
        font-weight: 700
    }

    .listCreator__table-description em {
        font-style: italic
    }

.listCreator__cards {
    display: flex;
    gap: 32px;
    grid-column: 2/12;
    margin-top: 48px
}

@media (max-width:1280px) {
    .listCreator__cards {
        gap: 24px
    }
}

@media (max-width:1024px) {
    .listCreator__cards {
        grid-column: 1/13;
        gap: 16px;
        margin-top: 40px
    }
}

@media (max-width:1024px) and (max-width:1024px) {
    .listCreator__cards {
        grid-column: 1/7
    }
}

@media (max-width:512px) {
    .listCreator__cards {
        gap: 8px;
        flex-wrap: wrap
    }
}

.listCreator__empty {
    max-width: 416px;
    margin: 40px auto 0
}

.listCreator__listBlock {
    box-shadow: 0 0 1px rgba(26,24,23,.05),0 2px 4px rgba(26,24,23,.1);
    background-color: var(--neu-02);
    grid-column: 2/12;
    margin-top: 48px;
    padding: 40px 48px 56px
}

@media (max-width:1024px) {
    .listCreator__listBlock {
        grid-column: 1/13;
        padding: 40px 32px
    }
}

@media (max-width:1024px) and (max-width:1024px) {
    .listCreator__listBlock {
        grid-column: 1/7
    }
}

@media (max-width:768px) {
    .listCreator__listBlock {
        padding: 40px 24px
    }
}

@media (max-width:512px) {
    .listCreator__listBlock {
        padding: 40px 16px
    }
}

.listCreator__listBlock-info {
    display: flex;
    flex-direction: column;
    gap: 20px
}

.listCreator__listBlock-name {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1.75rem;
    line-height: 1.429em;
    letter-spacing: -.021em;
    font-weight: 700;
    margin-top: 4px;
    padding-right: 170px
}

    .listCreator__listBlock-name .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .listCreator__listBlock-name .link a:hover {
            color: var(--m-01)
        }

    .listCreator__listBlock-name mark, .listCreator__listBlock-name mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .listCreator__listBlock-name mark[data-color=gray] {
            color: var(--neu-07)
        }

        .listCreator__listBlock-name mark[data-color=default] {
            color: var(--neu-10)
        }

    .listCreator__listBlock-name span.m-01--dark-01, .listCreator__listBlock-name span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .listCreator__listBlock-name span.neu-07, .listCreator__listBlock-name span[data-color=gray] {
        color: var(--neu-07)
    }

    .listCreator__listBlock-name span.neu-10, .listCreator__listBlock-name span[data-color=default] {
        color: var(--neu-10)
    }

    .listCreator__listBlock-name b, .listCreator__listBlock-name strong {
        font-weight: 700
    }

    .listCreator__listBlock-name em {
        font-style: italic
    }

@media (max-width:1024px) {
    .listCreator__listBlock-name {
        font-size: 1.438rem;
        line-height: 1.391em;
        letter-spacing: -.019em;
        margin-top: 8px
    }
}

.listCreator__listBlock-description {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1rem;
    line-height: 1.5em;
    letter-spacing: -.011em;
    font-weight: 400
}

    .listCreator__listBlock-description .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .listCreator__listBlock-description .link a:hover {
            color: var(--m-01)
        }

    .listCreator__listBlock-description mark, .listCreator__listBlock-description mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .listCreator__listBlock-description mark[data-color=gray] {
            color: var(--neu-07)
        }

        .listCreator__listBlock-description mark[data-color=default] {
            color: var(--neu-10)
        }

    .listCreator__listBlock-description span.m-01--dark-01, .listCreator__listBlock-description span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .listCreator__listBlock-description span.neu-07, .listCreator__listBlock-description span[data-color=gray] {
        color: var(--neu-07)
    }

    .listCreator__listBlock-description span.neu-10, .listCreator__listBlock-description span[data-color=default] {
        color: var(--neu-10)
    }

    .listCreator__listBlock-description b, .listCreator__listBlock-description strong {
        font-weight: 700
    }

    .listCreator__listBlock-description em {
        font-style: italic
    }

.listCreator__listBlock-icons {
    position: absolute;
    top: 40px;
    right: 40px;
    display: flex
}

@media (max-width:1024px) {
    .listCreator__listBlock-icons {
        right: 24px
    }
}

@media (max-width:768px) {
    .listCreator__listBlock-icons {
        right: 16px
    }
}

@media (max-width:512px) {
    .listCreator__listBlock-icons {
        right: 8px
    }
}

.listCreator__listBlock-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0 32px;
    margin-top: 32px
}

@media (max-width:768px) {
    .listCreator__listBlock-actions {
        flex-direction: column;
        align-items: flex-start
    }
}

.listCreator__listBlock-search {
    max-width: 440px;
    width: 100%
}

@media (max-width:768px) {
    .listCreator__listBlock-search {
        max-width: unset
    }
}

.listCreator__listBlock-links {
    display: flex;
    gap: 8px 40px
}

    .listCreator__listBlock-links .btn--tertiary {
        margin: 0
    }

.listCreator__listBlock-table {
    margin-top: 24px
}

.listCreator__listBlock .btnContainer {
    justify-content: flex-end;
    margin-top: 32px
}

.listCreator__popup {
    display: none;
    position: absolute;
    z-index: 81;
    max-width: 448px;
    width: 100%;
    min-width: 384px;
    top: calc(100% + 8px);
    right: 8px
}

@media (max-width:768px) {
    .listCreator__popup {
        min-width: 336px
    }
}

@media (max-width:512px) {
    .listCreator__popup {
        max-width: unset;
        min-width: unset;
        position: relative;
        top: 0;
        right: 0;
        position: fixed !important;
        height: 100%;
        width: 100%;
        align-items: center;
        justify-content: center;
        padding: 16px;
        z-index: 99
    }

        .listCreator__popup:before {
            content: "";
            position: absolute;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            background: var(--neu-10);
            opacity: .6;
            z-index: 1
        }
}

.listCreator__popup--show {
    display: flex
}

@media (max-width:768px) {
    .listCreator__popup--edit {
        right: 0
    }
}

.listCreator__popup--delete {
    text-align: left;
    left: auto;
    right: 56px;
    top: -32px
}

@media (max-width:512px) {
    .listCreator__popup--delete {
        top: 0;
        left: 0;
        right: auto
    }
}

.listCreator__popup-content {
    box-shadow: 0 0 1px rgba(26,24,23,.05),0 32px 47px -6px rgba(26,24,23,.1);
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1rem;
    line-height: 1.5em;
    letter-spacing: -.011em;
    font-weight: 400;
    display: flex;
    flex-direction: column;
    gap: 8px;
    background-color: var(--neu-01);
    padding: 24px;
    z-index: 2;
    width: 100%
}

    .listCreator__popup-content .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .listCreator__popup-content .link a:hover {
            color: var(--m-01)
        }

    .listCreator__popup-content mark, .listCreator__popup-content mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .listCreator__popup-content mark[data-color=gray] {
            color: var(--neu-07)
        }

        .listCreator__popup-content mark[data-color=default] {
            color: var(--neu-10)
        }

    .listCreator__popup-content span.m-01--dark-01, .listCreator__popup-content span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .listCreator__popup-content span.neu-07, .listCreator__popup-content span[data-color=gray] {
        color: var(--neu-07)
    }

    .listCreator__popup-content span.neu-10, .listCreator__popup-content span[data-color=default] {
        color: var(--neu-10)
    }

    .listCreator__popup-content b, .listCreator__popup-content strong {
        font-weight: 700
    }

    .listCreator__popup-content em {
        font-style: italic
    }

.listCreator__popup-buttons {
    display: flex;
    justify-content: flex-end;
    margin-top: 8px;
    gap: 16px
}

@media (max-width:512px) {
    .listCreator__popup-buttons {
        flex-direction: row
    }
}

.listCreator__popup-cancelBtn, .listCreator__popup-submitBtn {
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 !important
}

.listCreator__popup input {
    padding: 11px 16px !important
}

.listCreator .horizontalFilterBar__form {
    height: 120px
}

.listCreator__btnFave--selected i {
    color: var(--m-02--dark-01) !important
}

    .listCreator__btnFave--selected i:before {
        content: "\e964"
    }

.listCreator__modal .modalContainer__content {
    padding-bottom: 48px
}

    .listCreator__modal .modalContainer__content .table {
        margin-top: 32px
    }

.locationDetail__container {
    padding-top: 48px;
    padding-bottom: 40px
}

@media (max-width:1024px) {
    .locationDetail__container {
        padding-top: 40px;
        padding-bottom: 32px
    }
}

.locationDetail__wrapper {
    min-height: 518px;
    row-gap: 48px
}

@media (max-width:768px) {
    .locationDetail__wrapper {
        min-height: 548px
    }
}

@media (max-width:512px) {
    .locationDetail__wrapper {
        row-gap: 24px
    }
}

.locationDetail__mainInfo {
    grid-column: 2/7
}

@media (max-width:1024px) {
    .locationDetail__mainInfo {
        grid-column: 1/4
    }
}

@media (max-width:512px) {
    .locationDetail__mainInfo {
        grid-column: 1/13
    }
}

@media (max-width:512px) and (max-width:1024px) {
    .locationDetail__mainInfo {
        grid-column: 1/7
    }
}

.locationDetail__bottomInfo {
    grid-column: 2/10;
    display: flex;
    flex-direction: column;
    align-self: flex-end;
    gap: 24px
}

@media (max-width:1024px) {
    .locationDetail__bottomInfo {
        grid-column: 1/6
    }
}

@media (max-width:768px) {
    .locationDetail__bottomInfo {
        grid-column: 1/13
    }
}

@media (max-width:768px) and (max-width:1024px) {
    .locationDetail__bottomInfo {
        grid-column: 1/7
    }
}

.locationDetail__title {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Calma Global Medium,sans-serif;
    font-size: 2.5rem;
    line-height: 1.2em;
    letter-spacing: -.025em;
    margin-bottom: 32px;
    color: var(--neu-10)
}

    .locationDetail__title .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .locationDetail__title .link a:hover {
            color: var(--m-01)
        }

    .locationDetail__title mark, .locationDetail__title mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .locationDetail__title mark[data-color=gray] {
            color: var(--neu-07)
        }

        .locationDetail__title mark[data-color=default] {
            color: var(--neu-10)
        }

    .locationDetail__title span.m-01--dark-01, .locationDetail__title span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .locationDetail__title span.neu-07, .locationDetail__title span[data-color=gray] {
        color: var(--neu-07)
    }

    .locationDetail__title span.neu-10, .locationDetail__title span[data-color=default] {
        color: var(--neu-10)
    }

    .locationDetail__title b, .locationDetail__title strong {
        font-weight: 700
    }

    .locationDetail__title em {
        font-style: italic
    }

@media (max-width:1024px) {
    .locationDetail__title {
        font-size: 2rem;
        line-height: 1.25em;
        letter-spacing: -.016em;
        margin-bottom: 16px
    }
}

.locationDetail__contacts {
    display: flex;
    gap: 32px
}

@media (max-width:768px) {
    .locationDetail__contacts {
        flex-direction: column;
        gap: 24px
    }
}

.locationDetail__btn {
    margin-top: 24px
}

.locationDetail__text {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1rem;
    line-height: 1.5em;
    letter-spacing: -.011em;
    font-weight: 400;
    color: var(--neu-10)
}

    .locationDetail__text a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .locationDetail__text a:hover {
            color: var(--m-01)
        }

    .locationDetail__text .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .locationDetail__text .link a:hover {
            color: var(--m-01)
        }

    .locationDetail__text mark, .locationDetail__text mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .locationDetail__text mark[data-color=gray] {
            color: var(--neu-07)
        }

        .locationDetail__text mark[data-color=default] {
            color: var(--neu-10)
        }

    .locationDetail__text span.m-01--dark-01, .locationDetail__text span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .locationDetail__text span.neu-07, .locationDetail__text span[data-color=gray] {
        color: var(--neu-07)
    }

    .locationDetail__text span.neu-10, .locationDetail__text span[data-color=default] {
        color: var(--neu-10)
    }

    .locationDetail__text b, .locationDetail__text strong {
        font-weight: 700
    }

    .locationDetail__text em {
        font-style: italic
    }

.locationDetail__disclaimer, .locationDetail__smallText {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: .813rem;
    line-height: 1.538em;
    letter-spacing: -.003em;
    font-weight: 400;
    color: var(--neu-10);
    max-width: 416px
}

    .locationDetail__disclaimer a, .locationDetail__smallText a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .locationDetail__disclaimer a:hover, .locationDetail__smallText a:hover {
            color: var(--m-01)
        }

    .locationDetail__disclaimer .link a, .locationDetail__smallText .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .locationDetail__disclaimer .link a:hover, .locationDetail__smallText .link a:hover {
            color: var(--m-01)
        }

    .locationDetail__disclaimer mark, .locationDetail__disclaimer mark[data-color=color], .locationDetail__smallText mark, .locationDetail__smallText mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .locationDetail__disclaimer mark[data-color=gray], .locationDetail__smallText mark[data-color=gray] {
            color: var(--neu-07)
        }

        .locationDetail__disclaimer mark[data-color=default], .locationDetail__smallText mark[data-color=default] {
            color: var(--neu-10)
        }

    .locationDetail__disclaimer span.m-01--dark-01, .locationDetail__disclaimer span[data-color=color], .locationDetail__smallText span.m-01--dark-01, .locationDetail__smallText span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .locationDetail__disclaimer span.neu-07, .locationDetail__disclaimer span[data-color=gray], .locationDetail__smallText span.neu-07, .locationDetail__smallText span[data-color=gray] {
        color: var(--neu-07)
    }

    .locationDetail__disclaimer span.neu-10, .locationDetail__disclaimer span[data-color=default], .locationDetail__smallText span.neu-10, .locationDetail__smallText span[data-color=default] {
        color: var(--neu-10)
    }

    .locationDetail__disclaimer b, .locationDetail__disclaimer strong, .locationDetail__smallText b, .locationDetail__smallText strong {
        font-weight: 700
    }

    .locationDetail__disclaimer em, .locationDetail__smallText em {
        font-style: italic
    }

@media (max-width:512px) {
    .locationDetail__disclaimer, .locationDetail__smallText {
        max-width: unset
    }
}

.locationDetail__disclaimer {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: .688rem;
    line-height: 1.455em;
    letter-spacing: .005em;
    font-weight: 400;
    color: var(--neu-07)
}

    .locationDetail__disclaimer .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .locationDetail__disclaimer .link a:hover {
            color: var(--m-01)
        }

    .locationDetail__disclaimer mark, .locationDetail__disclaimer mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .locationDetail__disclaimer mark[data-color=gray] {
            color: var(--neu-07)
        }

        .locationDetail__disclaimer mark[data-color=default] {
            color: var(--neu-10)
        }

    .locationDetail__disclaimer span.m-01--dark-01, .locationDetail__disclaimer span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .locationDetail__disclaimer span.neu-07, .locationDetail__disclaimer span[data-color=gray] {
        color: var(--neu-07)
    }

    .locationDetail__disclaimer span.neu-10, .locationDetail__disclaimer span[data-color=default] {
        color: var(--neu-10)
    }

    .locationDetail__disclaimer b, .locationDetail__disclaimer strong {
        font-weight: 700
    }

    .locationDetail__disclaimer em {
        font-style: italic
    }

.locationDetail__locationInfo {
    margin-top: 8px;
    display: grid;
    grid-template-columns: repeat(5,1fr);
    column-gap: 24px;
    row-gap: 16px
}

@media (max-width:1024px) {
    .locationDetail__locationInfo {
        column-gap: 16px
    }
}

@media (max-width:768px) {
    .locationDetail__locationInfo {
        grid-template-columns: repeat(auto-fit,minmax(125px,1fr))
    }
}

@media (max-width:512px) {
    .locationDetail__locationInfo {
        grid-template-columns: repeat(auto-fit,minmax(100px,1fr))
    }
}

.locationDetail__locationInfo-item {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: .813rem;
    line-height: 1.538em;
    letter-spacing: -.003em;
    font-weight: 400;
    display: flex;
    flex-direction: column;
    color: var(--neu-10)
}

    .locationDetail__locationInfo-item .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .locationDetail__locationInfo-item .link a:hover {
            color: var(--m-01)
        }

    .locationDetail__locationInfo-item mark, .locationDetail__locationInfo-item mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .locationDetail__locationInfo-item mark[data-color=gray] {
            color: var(--neu-07)
        }

        .locationDetail__locationInfo-item mark[data-color=default] {
            color: var(--neu-10)
        }

    .locationDetail__locationInfo-item span.m-01--dark-01, .locationDetail__locationInfo-item span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .locationDetail__locationInfo-item span.neu-07, .locationDetail__locationInfo-item span[data-color=gray] {
        color: var(--neu-07)
    }

    .locationDetail__locationInfo-item span.neu-10, .locationDetail__locationInfo-item span[data-color=default] {
        color: var(--neu-10)
    }

    .locationDetail__locationInfo-item b, .locationDetail__locationInfo-item strong {
        font-weight: 700
    }

    .locationDetail__locationInfo-item em {
        font-style: italic
    }

.locationDetail__locationInfo-itemTitle {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1rem;
    line-height: 1.5em;
    letter-spacing: -.011em;
    font-weight: 700;
    margin-bottom: 4px
}

    .locationDetail__locationInfo-itemTitle .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .locationDetail__locationInfo-itemTitle .link a:hover {
            color: var(--m-01)
        }

    .locationDetail__locationInfo-itemTitle mark, .locationDetail__locationInfo-itemTitle mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .locationDetail__locationInfo-itemTitle mark[data-color=gray] {
            color: var(--neu-07)
        }

        .locationDetail__locationInfo-itemTitle mark[data-color=default] {
            color: var(--neu-10)
        }

    .locationDetail__locationInfo-itemTitle span.m-01--dark-01, .locationDetail__locationInfo-itemTitle span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .locationDetail__locationInfo-itemTitle span.neu-07, .locationDetail__locationInfo-itemTitle span[data-color=gray] {
        color: var(--neu-07)
    }

    .locationDetail__locationInfo-itemTitle span.neu-10, .locationDetail__locationInfo-itemTitle span[data-color=default] {
        color: var(--neu-10)
    }

    .locationDetail__locationInfo-itemTitle b, .locationDetail__locationInfo-itemTitle strong {
        font-weight: 700
    }

    .locationDetail__locationInfo-itemTitle em {
        font-style: italic
    }

.locationDetail__map {
    position: absolute;
    top: -8px;
    right: -24px;
    grid-column: 7/12;
    justify-self: flex-end;
    align-self: center
}

@media (max-width:1024px) {
    .locationDetail__map {
        right: unset;
        grid-column: 4/7
    }
}

@media (max-width:768px) {
    .locationDetail__map {
        top: 0;
        justify-self: flex-end
    }
}

@media (max-width:512px) {
    .locationDetail__map {
        grid-column: 1/13;
        justify-self: center;
        position: relative;
        margin-top: 16px
    }
}

@media (max-width:512px) and (max-width:1024px) {
    .locationDetail__map {
        grid-column: 1/7
    }
}

.loginHeader {
    overflow: hidden;
    position: relative;
    background: var(--neu-10);
    padding: 240px 0 137px
}

    .loginHeader:after, .loginHeader:before {
        content: "";
        position: absolute;
        background: var(--m-01);
        width: 50%;
        height: 100%;
        bottom: 0;
        z-index: 1;
        animation: g .8s .15s cubic-bezier(.5,0,.01,1) both
    }

    .loginHeader:before {
        left: 0
    }

@media (max-width:768px) {
    .loginHeader:before {
        width: 100%
    }
}

.loginHeader:after {
    right: 0;
    animation-delay: .5s
}

@media (max-width:768px) {
    .loginHeader:after {
        display: none
    }
}

.loginHeader .animeContent > * {
    animation: h .8s cubic-bezier(.5,0,.01,1) backwards
}

.loginHeader .btnContainer, .loginHeader .map, .loginHeader .otherContent {
    animation: C .6s cubic-bezier(.5,0,.01,1) both
}

.loginHeader .media {
    overflow: hidden
}

    .loginHeader .media figure {
        animation: i 1.5s .1s cubic-bezier(.5,0,.01,1) both
    }

@media (max-width:1024px) {
    .loginHeader {
        padding: 185px 0 96px
    }
}

@media (max-width:768px) {
    .loginHeader {
        padding: 160px 0 80px
    }
}

@media (max-width:512px) {
    .loginHeader {
        padding: 160px 0 56px
    }
}

.loginHeader__media {
    position: absolute
}

.loginHeader__media--item {
    width: 100%;
    height: 100%
}

    .loginHeader__media--item img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }

.loginHeader__text {
    grid-column: 2/7
}

@media (max-width:1024px) {
    .loginHeader__text {
        grid-column: 1/4
    }
}

@media (max-width:768px) {
    .loginHeader__text {
        grid-column: 2/6
    }
}

@media (max-width:512px) {
    .loginHeader__text {
        grid-column: 1/7
    }
}

.loginHeader__title {
    animation-delay: 0.8s !important;
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Calma Global Large,sans-serif;
    font-size: 5rem;
    line-height: 1em;
    letter-spacing: -.025em;
    max-width: 640px
}

    .loginHeader__title .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .loginHeader__title .link a:hover {
            color: var(--m-01)
        }

    .loginHeader__title mark, .loginHeader__title mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .loginHeader__title mark[data-color=gray] {
            color: var(--neu-07)
        }

        .loginHeader__title mark[data-color=default] {
            color: var(--neu-10)
        }

    .loginHeader__title span.m-01--dark-01, .loginHeader__title span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .loginHeader__title span.neu-07, .loginHeader__title span[data-color=gray] {
        color: var(--neu-07)
    }

    .loginHeader__title span.neu-10, .loginHeader__title span[data-color=default] {
        color: var(--neu-10)
    }

    .loginHeader__title b, .loginHeader__title strong {
        font-weight: 700
    }

    .loginHeader__title em {
        font-style: italic
    }

@media (max-width:1024px) {
    .loginHeader__title {
        font-size: 3.5rem;
        line-height: 1.143em;
        letter-spacing: -.027em;
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-stretch: normal;
        letter-spacing: normal;
        font-family: Calma Global Medium,sans-serif
    }
}

@media (max-width:1024px) {
    .loginHeader__title .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .loginHeader__title .link a:hover {
            color: var(--m-01)
        }

    .loginHeader__title mark, .loginHeader__title mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .loginHeader__title mark[data-color=gray] {
            color: var(--neu-07)
        }

        .loginHeader__title mark[data-color=default] {
            color: var(--neu-10)
        }

    .loginHeader__title span.m-01--dark-01, .loginHeader__title span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .loginHeader__title span.neu-07, .loginHeader__title span[data-color=gray] {
        color: var(--neu-07)
    }

    .loginHeader__title span.neu-10, .loginHeader__title span[data-color=default] {
        color: var(--neu-10)
    }

    .loginHeader__title b, .loginHeader__title strong {
        font-weight: 700
    }

    .loginHeader__title em {
        font-style: italic
    }
}

@media (max-width:1024px) and (max-width:1024px) {
    .loginHeader__title {
        font-size: 2.5rem;
        line-height: 1.2em;
        letter-spacing: -.025em
    }
}

.loginHeader__description {
    animation-delay: 0.7s !important;
    max-width: 640px;
    margin-top: 24px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 90%
}

@media (max-width:1024px) {
    .loginHeader__description {
        margin-top: 16px;
        width: 100%
    }
}

.loginHeader__form {
    grid-column: 7/11
}

@media (max-width:1024px) {
    .loginHeader__form {
        grid-column: 4/7
    }
}

@media (max-width:768px) {
    .loginHeader__form {
        grid-column: 2/6
    }
}

@media (max-width:512px) {
    .loginHeader__form {
        grid-column: 1/7
    }
}

.loginHeader__form .submitButton {
    width: 100%
}

.loginHeader .otherContent {
    animation-delay: 1.2s !important
}

.loginHeader__loginLinks {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 32px
}

.loginHeader__forgotPassword {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: .813rem;
    line-height: 1.538em;
    letter-spacing: -.003em;
    font-weight: 400
}

    .loginHeader__forgotPassword .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .loginHeader__forgotPassword .link a:hover {
            color: var(--m-01)
        }

    .loginHeader__forgotPassword mark, .loginHeader__forgotPassword mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .loginHeader__forgotPassword mark[data-color=gray] {
            color: var(--neu-07)
        }

        .loginHeader__forgotPassword mark[data-color=default] {
            color: var(--neu-10)
        }

    .loginHeader__forgotPassword span.m-01--dark-01, .loginHeader__forgotPassword span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .loginHeader__forgotPassword span.neu-07, .loginHeader__forgotPassword span[data-color=gray] {
        color: var(--neu-07)
    }

    .loginHeader__forgotPassword span.neu-10, .loginHeader__forgotPassword span[data-color=default] {
        color: var(--neu-10)
    }

    .loginHeader__forgotPassword b, .loginHeader__forgotPassword strong {
        font-weight: 700
    }

    .loginHeader__forgotPassword em {
        font-style: italic
    }

.loginHeader__loginOptions {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 8px
}

.loginHeader__loginOptions-text {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: .813rem;
    line-height: 1.538em;
    letter-spacing: -.003em;
    font-weight: 400;
    text-align: center;
    margin-top: 24px;
    margin-bottom: 16px
}

    .loginHeader__loginOptions-text .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .loginHeader__loginOptions-text .link a:hover {
            color: var(--m-01)
        }

    .loginHeader__loginOptions-text mark, .loginHeader__loginOptions-text mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .loginHeader__loginOptions-text mark[data-color=gray] {
            color: var(--neu-07)
        }

        .loginHeader__loginOptions-text mark[data-color=default] {
            color: var(--neu-10)
        }

    .loginHeader__loginOptions-text span.m-01--dark-01, .loginHeader__loginOptions-text span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .loginHeader__loginOptions-text span.neu-07, .loginHeader__loginOptions-text span[data-color=gray] {
        color: var(--neu-07)
    }

    .loginHeader__loginOptions-text span.neu-10, .loginHeader__loginOptions-text span[data-color=default] {
        color: var(--neu-10)
    }

    .loginHeader__loginOptions-text b, .loginHeader__loginOptions-text strong {
        font-weight: 700
    }

    .loginHeader__loginOptions-text em {
        font-style: italic
    }

.loginHeader__socialButtons {
    display: flex;
    width: 100%
}

@media (max-width:512px) {
    .loginHeader__socialButtons {
        flex-direction: column
    }
}

.loginHeader__socialButtons .btn--secondary {
    width: 100%
}

.loginHeader__createAccount {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1rem;
    line-height: 1.5em;
    letter-spacing: -.011em;
    font-weight: 400;
    text-align: center;
    margin-top: 40px
}

    .loginHeader__createAccount .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .loginHeader__createAccount .link a:hover {
            color: var(--m-01)
        }

    .loginHeader__createAccount mark, .loginHeader__createAccount mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .loginHeader__createAccount mark[data-color=gray] {
            color: var(--neu-07)
        }

        .loginHeader__createAccount mark[data-color=default] {
            color: var(--neu-10)
        }

    .loginHeader__createAccount span.m-01--dark-01, .loginHeader__createAccount span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .loginHeader__createAccount span.neu-07, .loginHeader__createAccount span[data-color=gray] {
        color: var(--neu-07)
    }

    .loginHeader__createAccount span.neu-10, .loginHeader__createAccount span[data-color=default] {
        color: var(--neu-10)
    }

    .loginHeader__createAccount b, .loginHeader__createAccount strong {
        font-weight: 700
    }

    .loginHeader__createAccount em {
        font-style: italic
    }

@media (max-width:1024px) {
    .loginHeader__createAccount {
        margin-top: 24px
    }
}

.loginHeader .formFields__textField--password {
    max-width: unset
}

.loginHeader .formFields__checkbox .formFields__label {
    margin-top: 0
}

.loginHeader .bodyText, .loginHeader .formFields__checkbox.formFields__inputWrapper {
    margin-bottom: 0
}

.loginHeader .btn--gov {
    width: 100%;
    background-color: #3c5dbc !important
}

    .loginHeader .btn--gov img {
        height: 34px
    }

    .loginHeader .btn--gov:hover {
        background-color: #4d6dcd !important
    }

.mainHeader {
    width: 100%;
    overflow: hidden;
    height: 100vh;
    min-height: 750px
}

@media (max-width:768px) {
    .mainHeader {
        height: 750px
    }
}

@media (max-width:512px) {
    .mainHeader {
        height: 100vh;
        min-height: 620px
    }
}

@media (min-width:0) and (max-width:360px) {
    .mainHeader {
        height: unset;
        min-height: 600px
    }
}

.mainHeader .wrapper {
    align-items: center;
    height: 100%;
    padding-top: 230px;
    padding-bottom: 56px
}

@media (max-width:1024px) {
    .mainHeader .wrapper {
        padding-top: 165px
    }
}

@media (max-width:768px) {
    .mainHeader .wrapper {
        padding-top: 130px;
        padding-bottom: 40px;
        align-items: flex-end
    }
}

.mainHeader__curtain {
    position: absolute;
    height: 100%;
    z-index: 1;
    pointer-events: none;
    transform: rotate(180deg)
}

@media (max-width:768px) {
    .mainHeader__curtain {
        display: none
    }
}

.mainHeader__curtain:after, .mainHeader__curtain:before {
    content: "";
    position: absolute;
    bottom: 0;
    overflow: hidden
}

.mainHeader__curtain:before {
    background: var(--neu-03);
    width: 1px;
    height: 0;
    animation: E .65s 1s ease-in-out both;
    top: 0;
    opacity: .2
}

@media (max-width:768px) {
    .mainHeader__curtain:before {
        display: none
    }
}

.mainHeader__curtain:after {
    background: var(--m-01);
    width: 100%;
    height: 100%;
    z-index: 1;
    left: -100%;
    animation: s .6s .9s cubic-bezier(.5,0,.01,1) both
}

.mainHeader__curtain span {
    position: absolute;
    height: 100%;
    width: 20%;
    background: var(--m-01);
    z-index: 1;
    animation: q .6s .1s cubic-bezier(.5,0,.01,1) both;
    animation-delay: .5s
}

    .mainHeader__curtain span:nth-child(2) {
        left: 20%;
        animation-delay: .4s
    }

    .mainHeader__curtain span:nth-child(3) {
        left: 40%;
        animation-delay: .3s
    }

    .mainHeader__curtain span:nth-child(4) {
        left: 60%;
        animation-delay: .2s
    }

    .mainHeader__curtain span:nth-child(5) {
        left: 80%;
        animation-delay: .1s
    }

.mainHeader__textBlock {
    grid-column: 1/7;
    top: -40px
}

@media (max-width:1024px) {
    .mainHeader__textBlock {
        grid-column: 1/4
    }
}

@media (max-width:768px) {
    .mainHeader__textBlock {
        grid-column: 1/6
    }
}

@media (max-width:512px) {
    .mainHeader__textBlock {
        top: 0
    }
}

.mainHeader__highlightTextBlock {
    grid-column: 9/12;
    margin-top: auto
}

@media (max-width:1024px) {
    .mainHeader__highlightTextBlock {
        grid-column: 5/7;
        max-width: 260px
    }
}

@media (max-width:768px) {
    .mainHeader__highlightTextBlock {
        grid-column: 1/6;
        margin-top: 60px
    }
}

@media (max-width:512px) {
    .mainHeader__highlightTextBlock {
        margin-top: 40px
    }
}

.mainHeader__highlightTextBlock .btnContainer {
    margin-top: 20px;
    justify-content: flex-start;
    align-items: flex-start;
    animation-delay: 1.1s !important
}

@media (max-width:1024px) {
    .mainHeader__highlightTextBlock .btnContainer {
        margin-top: 16px
    }
}

.mainHeader__descriptionOne, .mainHeader__descriptionTwo {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1.438rem;
    line-height: 1.391em;
    letter-spacing: -.019em;
    font-weight: 400;
    max-width: 416px
}

    .mainHeader__descriptionOne .link a, .mainHeader__descriptionTwo .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .mainHeader__descriptionOne .link a:hover, .mainHeader__descriptionTwo .link a:hover {
            color: var(--m-01)
        }

    .mainHeader__descriptionOne mark, .mainHeader__descriptionOne mark[data-color=color], .mainHeader__descriptionTwo mark, .mainHeader__descriptionTwo mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .mainHeader__descriptionOne mark[data-color=gray], .mainHeader__descriptionTwo mark[data-color=gray] {
            color: var(--neu-07)
        }

        .mainHeader__descriptionOne mark[data-color=default], .mainHeader__descriptionTwo mark[data-color=default] {
            color: var(--neu-10)
        }

    .mainHeader__descriptionOne span.m-01--dark-01, .mainHeader__descriptionOne span[data-color=color], .mainHeader__descriptionTwo span.m-01--dark-01, .mainHeader__descriptionTwo span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .mainHeader__descriptionOne span.neu-07, .mainHeader__descriptionOne span[data-color=gray], .mainHeader__descriptionTwo span.neu-07, .mainHeader__descriptionTwo span[data-color=gray] {
        color: var(--neu-07)
    }

    .mainHeader__descriptionOne span.neu-10, .mainHeader__descriptionOne span[data-color=default], .mainHeader__descriptionTwo span.neu-10, .mainHeader__descriptionTwo span[data-color=default] {
        color: var(--neu-10)
    }

    .mainHeader__descriptionOne b, .mainHeader__descriptionOne strong, .mainHeader__descriptionTwo b, .mainHeader__descriptionTwo strong {
        font-weight: 700
    }

    .mainHeader__descriptionOne em, .mainHeader__descriptionTwo em {
        font-style: italic
    }

@media (max-width:1024px) {
    .mainHeader__descriptionOne, .mainHeader__descriptionTwo {
        font-size: 1.188rem;
        line-height: 1.263em;
        letter-spacing: -.016em
    }
}

.mainHeader__descriptionOne {
    margin-bottom: 32px;
    animation-delay: 0.9s !important
}

@media (max-width:1024px) {
    .mainHeader__descriptionOne {
        margin-bottom: 8px
    }
}

.mainHeader__descriptionTwo {
    margin-top: 32px;
    animation-delay: 0.7s !important
}

@media (max-width:1024px) {
    .mainHeader__descriptionTwo {
        margin-top: 8px
    }
}

.mainHeader__title {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Calma Global Large,sans-serif;
    font-size: 7rem;
    line-height: 1em;
    letter-spacing: -.022em;
    animation-delay: 0.8s !important
}

    .mainHeader__title .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .mainHeader__title .link a:hover {
            color: var(--m-01)
        }

    .mainHeader__title mark, .mainHeader__title mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .mainHeader__title mark[data-color=gray] {
            color: var(--neu-07)
        }

        .mainHeader__title mark[data-color=default] {
            color: var(--neu-10)
        }

    .mainHeader__title span.m-01--dark-01, .mainHeader__title span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .mainHeader__title span.neu-07, .mainHeader__title span[data-color=gray] {
        color: var(--neu-07)
    }

    .mainHeader__title span.neu-10, .mainHeader__title span[data-color=default] {
        color: var(--neu-10)
    }

    .mainHeader__title b, .mainHeader__title strong {
        font-weight: 700
    }

    .mainHeader__title em {
        font-style: italic
    }

@media (max-width:1024px) {
    .mainHeader__title {
        font-size: 3.5rem;
        line-height: 1.143em;
        letter-spacing: -.027em
    }
}

@media (max-height:900px) {
    .mainHeader__title {
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-stretch: normal;
        letter-spacing: normal;
        font-family: Calma Global Large,sans-serif;
        font-size: 5rem;
        line-height: 1em;
        letter-spacing: -.025em
    }

        .mainHeader__title .link a {
            transition: all .1s ease;
            text-decoration: underline;
            color: var(--m-01--dark-01)
        }

            .mainHeader__title .link a:hover {
                color: var(--m-01)
            }

        .mainHeader__title mark, .mainHeader__title mark[data-color=color] {
            color: var(--m-01--dark-01)
        }

            .mainHeader__title mark[data-color=gray] {
                color: var(--neu-07)
            }

            .mainHeader__title mark[data-color=default] {
                color: var(--neu-10)
            }

        .mainHeader__title span.m-01--dark-01, .mainHeader__title span[data-color=color] {
            color: var(--m-01--dark-01)
        }

        .mainHeader__title span.neu-07, .mainHeader__title span[data-color=gray] {
            color: var(--neu-07)
        }

        .mainHeader__title span.neu-10, .mainHeader__title span[data-color=default] {
            color: var(--neu-10)
        }

        .mainHeader__title b, .mainHeader__title strong {
            font-weight: 700
        }

        .mainHeader__title em {
            font-style: italic
        }
}

@media (max-height:900px) and (max-width:1024px) {
    .mainHeader__title {
        font-size: 3.5rem;
        line-height: 1.143em;
        letter-spacing: -.027em
    }
}

.mainHeader__highlightText {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1.438rem;
    line-height: 1.391em;
    letter-spacing: -.019em;
    font-weight: 700;
    top: -8px;
    animation-delay: 1s !important
}

    .mainHeader__highlightText .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .mainHeader__highlightText .link a:hover {
            color: var(--m-01)
        }

    .mainHeader__highlightText mark, .mainHeader__highlightText mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .mainHeader__highlightText mark[data-color=gray] {
            color: var(--neu-07)
        }

        .mainHeader__highlightText mark[data-color=default] {
            color: var(--neu-10)
        }

    .mainHeader__highlightText span.m-01--dark-01, .mainHeader__highlightText span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .mainHeader__highlightText span.neu-07, .mainHeader__highlightText span[data-color=gray] {
        color: var(--neu-07)
    }

    .mainHeader__highlightText span.neu-10, .mainHeader__highlightText span[data-color=default] {
        color: var(--neu-10)
    }

    .mainHeader__highlightText b, .mainHeader__highlightText strong {
        font-weight: 700
    }

    .mainHeader__highlightText em {
        font-style: italic
    }

@media (max-width:1024px) {
    .mainHeader__highlightText {
        font-size: 1.188rem;
        line-height: 1.263em;
        letter-spacing: -.016em;
        top: 0
    }
}

.mainHeader__arrowContainer {
    display: flex;
    align-items: center;
    opacity: 0;
    left: -12px;
    grid-column: 1/3;
    bottom: 56px;
    position: absolute
}

@media (max-width:768px) {
    .mainHeader__arrowContainer {
        display: none
    }
}

.mainHeader__arrowContainer.showArrow {
    opacity: 1;
    transition: all .5s ease 1.4s
}

.mainHeader__arrowIcon {
    font-size: 24px;
    cursor: pointer;
    display: block;
    z-index: 80;
    pointer-events: auto;
    width: 48px;
    height: 48px;
    animation: D 1.8s infinite cubic-bezier(.37,0,.11,1)
}

    .mainHeader__arrowIcon:before {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%)
    }

    .mainHeader__arrowIcon:hover {
        opacity: .7
    }

.mainHeader .btnPlay, .mainHeader .textFormats .video:after, .textFormats .mainHeader .video:after {
    position: absolute;
    grid-column: 9/10;
    left: -36px;
    top: 50%;
    z-index: 2;
    opacity: 0;
    margin: 0;
    transform: translateY(-50%)
}

@media (max-width:1024px) {
    .mainHeader .btnPlay, .mainHeader .textFormats .video:after, .textFormats .mainHeader .video:after {
        grid-column: 5/6
    }
}

@media (max-width:768px) {
    .mainHeader .btnPlay, .mainHeader .textFormats .video:after, .textFormats .mainHeader .video:after {
        transform: unset;
        bottom: 0;
        top: unset;
        right: 16px;
        left: unset;
        grid-column: 6/7
    }
}

@media (max-width:512px) {
    .mainHeader .btnPlay, .mainHeader .textFormats .video:after, .textFormats .mainHeader .video:after {
        right: 0
    }
}

.mainHeader__media--item {
    width: 100%;
    height: 100%
}

.mainHeader .animeContent > * {
    animation: h .8s 1s cubic-bezier(.5,0,.01,1) backwards
}

.mainHeader .animeHighlight > * {
    animation: r .8s 1s cubic-bezier(.5,0,.01,1) backwards
}

.mainHeader .mainHeader__media--item {
    animation: i 1.5s 1s cubic-bezier(.5,0,.01,1) both
}

.mainHeader .showVideoButton {
    animation: B .5s 1.4s cubic-bezier(.3,0,.1,1) both
}

@keyframes q {
    0% {
        width: 20%
    }

    to {
        width: 0
    }
}

@keyframes r {
    0% {
        opacity: 0;
        transform: translateY(100px)
    }

    20% {
        opacity: 0
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes s {
    0% {
        height: calc(100vh + 100px)
    }

    to {
        height: 0%
    }
}

.mainHeaderSlider {
    height: 790px;
    width: 100%;
    overflow: hidden;
    background: var(--m-01)
}

@media (max-width:1024px) {
    .mainHeaderSlider {
        height: 100vh
    }
}

.mainHeaderSlider__curtain {
    position: absolute;
    width: 72vw;
    height: 100%;
    z-index: 1;
    pointer-events: none
}

@media (max-width:768px) {
    .mainHeaderSlider__curtain {
        display: none
    }
}

.mainHeaderSlider__curtain span {
    position: absolute;
    height: 100%;
    width: 20%;
    z-index: 1;
    animation: t .6s .1s cubic-bezier(.5,0,.01,1) both
}

    .mainHeaderSlider__curtain span:nth-child(2) {
        left: 20%;
        animation-delay: .2s
    }

    .mainHeaderSlider__curtain span:nth-child(3) {
        left: 40%;
        animation-delay: .3s
    }

    .mainHeaderSlider__curtain span:nth-child(4) {
        left: 60%;
        animation-delay: .4s
    }

    .mainHeaderSlider__curtain span:nth-child(5) {
        left: 80%;
        animation-delay: .5s
    }

.mainHeaderSlider__slider {
    height: 100%;
    width: 100%
}

.mainHeaderSlider__container, .mainHeaderSlider__slide {
    height: 100%
}

.mainHeaderSlider__container {
    z-index: 2
}

.mainHeaderSlider__slide {
    padding-top: 270px;
    z-index: 5;
    pointer-events: none
}

/*@media (max-width:1280px) {
    .mainHeaderSlider__slide {
        padding-top: 270px
    }
}*/

@media (max-width:1024px) {
    .mainHeaderSlider__slide {
        padding-top: unset
    }
}

@media (max-width:1024px) {
    .mainHeaderSlider__slide .wrapper {
        height: 100%;
        align-items: center
    }
}

.mainHeaderSlider__slideText {
    grid-column: 1/10;
    display: grid;
    grid-template-columns: repeat(9,1fr);
    grid-column-gap: 32px;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: 0;
    pointer-events: none;
    transition: opacity .5s ease
}

@media (max-width:1280px) {
    .mainHeaderSlider__slideText {
        grid-column-gap: 24px
    }
}

@media (max-width:1024px) {
    .mainHeaderSlider__slideText {
        grid-column: 1/5;
        grid-template-columns: repeat(4,1fr);
        grid-column-gap: 16px;
        top: 50%;
        transform: translateY(-50%)
    }
}

@media (max-width:768px) {
    .mainHeaderSlider__slideText {
        grid-column: 1/7;
        grid-template-columns: repeat(6,1fr);
        grid-column-gap: 16px;
        color: var(--neu-01)
    }
}

@media (max-width:512px) {
    .mainHeaderSlider__slideText {
        grid-column-gap: 8px
    }
}

.mainHeaderSlider__slideText.leaveText .btnContainer, .mainHeaderSlider__slideText.leaveText .mainHeaderSlider__description, .mainHeaderSlider__slideText.leaveText .mainHeaderSlider__smallTitle, .mainHeaderSlider__slideText.leaveText .mainHeaderSlider__title {
    animation-delay: 0s !important
}

.mainHeaderSlider__slideText.enterText .mainHeaderSlider__smallTitle {
    animation-delay: 0.5s !important
}

.mainHeaderSlider__slideText.enterText .mainHeaderSlider__title {
    animation-delay: 0.4s !important
}

.mainHeaderSlider__slideText.enterText .mainHeaderSlider__description {
    animation-delay: 0.3s !important
}

.mainHeaderSlider__slideText.enterText .btnContainer {
    animation-delay: 0.2s !important
}

@media (max-width:768px) {
    .mainHeaderSlider__slideText.enterText .btnContainer {
        animation-delay: 0.3s !important
    }
}

.mainHeaderSlider__smallTitle {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1.188rem;
    line-height: 1.263em;
    letter-spacing: -.016em;
    font-weight: 400;
    margin-bottom: 32px;
    grid-column: 1/6;
    animation-delay: 0.8s !important
}

    .mainHeaderSlider__smallTitle .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .mainHeaderSlider__smallTitle .link a:hover {
            color: var(--m-01)
        }

    .mainHeaderSlider__smallTitle mark, .mainHeaderSlider__smallTitle mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .mainHeaderSlider__smallTitle mark[data-color=gray] {
            color: var(--neu-07)
        }

        .mainHeaderSlider__smallTitle mark[data-color=default] {
            color: var(--neu-10)
        }

    .mainHeaderSlider__smallTitle span.m-01--dark-01, .mainHeaderSlider__smallTitle span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .mainHeaderSlider__smallTitle span.neu-07, .mainHeaderSlider__smallTitle span[data-color=gray] {
        color: var(--neu-07)
    }

    .mainHeaderSlider__smallTitle span.neu-10, .mainHeaderSlider__smallTitle span[data-color=default] {
        color: var(--neu-10)
    }

    .mainHeaderSlider__smallTitle b, .mainHeaderSlider__smallTitle strong {
        font-weight: 700
    }

    .mainHeaderSlider__smallTitle em {
        font-style: italic
    }

@media (max-width:1024px) {
    .mainHeaderSlider__smallTitle {
        grid-column: 1/4;
        margin-bottom: 16px
    }
}

@media (max-width:768px) {
    .mainHeaderSlider__smallTitle {
        grid-column: 1/6
    }
}

@media (max-width:512px) {
    .mainHeaderSlider__smallTitle {
        grid-column: 1/7
    }
}

.mainHeaderSlider__info {
    width: 100%;
    display: grid;
    grid-column: 1/10;
    grid-template-columns: repeat(9,1fr);
    grid-column-gap: 32px;
    align-items: flex-end
}

@media (max-width:1280px) {
    .mainHeaderSlider__info {
        grid-column-gap: 24px
    }
}

@media (max-width:1024px) {
    .mainHeaderSlider__info {
        grid-column: 1/5;
        grid-template-columns: repeat(4,1fr)
    }
}

@media (max-width:768px) {
    .mainHeaderSlider__info {
        grid-column: 1/7;
        grid-template-columns: repeat(6,1fr);
        grid-column-gap: 16px
    }
}

@media (max-width:512px) {
    .mainHeaderSlider__info {
        grid-column-gap: 8px
    }
}

.mainHeaderSlider__title {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Calma Global Large,sans-serif;
    font-size: 4rem;
    line-height: 1em;
    letter-spacing: -.025em;
    grid-column: 1/6;
    animation-delay: 0.7s !important
}

    .mainHeaderSlider__title .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .mainHeaderSlider__title .link a:hover {
            color: var(--m-01)
        }

    .mainHeaderSlider__title mark, .mainHeaderSlider__title mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .mainHeaderSlider__title mark[data-color=gray] {
            color: var(--neu-07)
        }

        .mainHeaderSlider__title mark[data-color=default] {
            color: var(--neu-10)
        }

    .mainHeaderSlider__title span.m-01--dark-01, .mainHeaderSlider__title span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .mainHeaderSlider__title span.neu-07, .mainHeaderSlider__title span[data-color=gray] {
        color: var(--neu-07)
    }

    .mainHeaderSlider__title span.neu-10, .mainHeaderSlider__title span[data-color=default] {
        color: var(--neu-10)
    }

    .mainHeaderSlider__title b, .mainHeaderSlider__title strong {
        font-weight: 700
    }

    .mainHeaderSlider__title em {
        font-style: italic
    }

@media (max-width:1024px) {
    .mainHeaderSlider__title {
        font-size: 3.5rem;
        line-height: 1.143em;
        letter-spacing: -.027em;
        grid-column: 1/4
    }
}

@media (max-width:768px) {
    .mainHeaderSlider__title {
        grid-column: 1/6
    }
}

.mainHeaderSlider__description {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1rem;
    line-height: 1.5em;
    letter-spacing: -.011em;
    font-weight: 400;
    grid-column: 6/9;
    animation-delay: 0.6s !important;
    top: -18px
}

    .mainHeaderSlider__description .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .mainHeaderSlider__description .link a:hover {
            color: var(--m-01)
        }

    .mainHeaderSlider__description mark, .mainHeaderSlider__description mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .mainHeaderSlider__description mark[data-color=gray] {
            color: var(--neu-07)
        }

        .mainHeaderSlider__description mark[data-color=default] {
            color: var(--neu-10)
        }

    .mainHeaderSlider__description span.m-01--dark-01, .mainHeaderSlider__description span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .mainHeaderSlider__description span.neu-07, .mainHeaderSlider__description span[data-color=gray] {
        color: var(--neu-07)
    }

    .mainHeaderSlider__description span.neu-10, .mainHeaderSlider__description span[data-color=default] {
        color: var(--neu-10)
    }

    .mainHeaderSlider__description b, .mainHeaderSlider__description strong {
        font-weight: 700
    }

    .mainHeaderSlider__description em {
        font-style: italic
    }

@media (max-width:1024px) {
    .mainHeaderSlider__description {
        grid-column: 1/3;
        margin-top: 16px;
        top: 0
    }
}

@media (max-width:768px) {
    .mainHeaderSlider__description {
        display: none
    }
}

.mainHeaderSlider__slideMediaContainer {
    height: 100%;
    position: absolute !important;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    position: relative
}

    .mainHeaderSlider__slideMediaContainer:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background: var(--neu-10);
        opacity: .4;
        z-index: 1;
        display: none;
        z-index: 2
    }

@media (max-width:768px) {
    .mainHeaderSlider__slideMediaContainer:before {
        display: block
    }
}

.mainHeaderSlider__slideMediaContent {
    position: absolute;
    right: 0;
    height: 100%;
    width: 100%
}

.mainHeaderSlider__slideMedia {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 0;
    top: 0;
    left: 0;
    pointer-events: none;
    overflow: hidden
}

    .mainHeaderSlider__slideMedia .btnContainer {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2
    }

    .mainHeaderSlider__slideMedia figure, .mainHeaderSlider__slideMedia video {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%
    }

    .mainHeaderSlider__slideMedia video {
        -o-object-fit: cover;
        object-fit: cover
    }

    .mainHeaderSlider__slideMedia img {
        width: auto;
        height: 100%
    }

.mainHeaderSlider .btnContainer {
    grid-column: 1/3;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 32px;
    animation-delay: 0.5s !important
}

@media (max-width:1024px) {
    .mainHeaderSlider .btnContainer {
        margin-top: 16px;
        grid-column: 1/5
    }
}

@media (max-width:768px) {
    .mainHeaderSlider .btnContainer > * {
        color: var(--neu-01) !important
    }
}

@media (max-width:768px) {
    .mainHeaderSlider .btnContainer p:before {
        background: var(--neu-01) !important
    }
}

.mainHeaderSlider .btnPlay, .mainHeaderSlider .textFormats .video:after, .textFormats .mainHeaderSlider .video:after {
    position: absolute;
    top: 50%;
    z-index: 4;
    opacity: 0;
    margin: 0;
    transform: translateY(-50%)
}

@media (max-width:768px) {
    .mainHeaderSlider .btnPlay, .mainHeaderSlider .textFormats .video:after, .textFormats .mainHeaderSlider .video:after {
        right: 48px;
        top: unset;
        bottom: 100px
    }
}

@media (max-width:512px) {
    .mainHeaderSlider .btnPlay, .mainHeaderSlider .textFormats .video:after, .textFormats .mainHeaderSlider .video:after {
        right: 32px;
        bottom: 84px
    }
}

.mainHeaderSlider__arrowContainer {
    display: flex;
    align-items: center;
    opacity: 0;
    left: -12px
}

@media (max-width:768px) {
    .mainHeaderSlider__arrowContainer {
        display: none
    }
}

.mainHeaderSlider__arrowContainer.showArrow {
    opacity: 1;
    transition: all .5s ease 1.4s;
    animation: D 1.8s infinite cubic-bezier(.37,0,.11,1)
}

.mainHeaderSlider__arrowIcon {
    font-size: 24px;
    cursor: pointer;
    display: block;
    z-index: 99;
    pointer-events: auto;
    width: 48px;
    height: 48px
}

    .mainHeaderSlider__arrowIcon:before {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%)
    }

    .mainHeaderSlider__arrowIcon:hover {
        opacity: .7
    }

.mainHeaderSlider__navigationContainer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 112px;
    z-index: 4;
    pointer-events: none
}

@media (max-width:768px) {
    .mainHeaderSlider__navigationContainer {
        height: 92px
    }
}

@media (max-width:768px) {
    .mainHeaderSlider__navigationContainer .wrapper {
        padding: 0
    }
}

.mainHeaderSlider__navigation {
    grid-column: 6/11;
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    pointer-events: auto
}

@media (max-width:1024px) {
    .mainHeaderSlider__navigation {
        grid-column: 3/7
    }
}

@media (max-width:768px) {
    .mainHeaderSlider__navigation {
        grid-column: 1/7
    }
}

.mainHeaderSlider__navigation:before {
    content: "";
    display: block;
    position: absolute;
    width: 1px;
    height: 0;
    bottom: 0;
    background-color: var(--neu-03);
    animation: E 1.65s 1s ease-in-out both
}

@media (max-width:768px) {
    .mainHeaderSlider__navigation:before {
        display: none
    }
}

.mainHeaderSlider__navigationBar {
    width: 120px;
    height: 1px;
    border-radius: 12px;
    background: var(--m-01--dark-04)
}

@media (max-width:1024px) {
    .mainHeaderSlider__navigationBar {
        width: 85px
    }
}

@media (max-width:768px) {
    .mainHeaderSlider__navigationBar {
        display: none
    }
}

.mainHeaderSlider__navigationBar span {
    display: block;
    background: var(--neu-01);
    height: 100%;
    position: absolute;
    left: 0;
    transition: width .45s ease-out .05s
}

.mainHeaderSlider__pagination {
    padding: 0 44px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 57.6%;
    background: var(--m-01--dark-01);
    height: 100%;
    animation-delay: 0.575s !important
}

@media (max-width:1024px) {
    .mainHeaderSlider__pagination {
        padding: 0 12.6%
    }
}

@media (max-width:768px) {
    .mainHeaderSlider__pagination {
        width: 62%;
        justify-content: center
    }
}

.mainHeaderSlider__paginationNumber {
    color: var(--neu-01);
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Calma Global Medium,sans-serif;
    font-size: 2.5rem;
    line-height: 1.2em;
    letter-spacing: -.025em;
    margin-right: 32px
}

    .mainHeaderSlider__paginationNumber .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .mainHeaderSlider__paginationNumber .link a:hover {
            color: var(--m-01)
        }

    .mainHeaderSlider__paginationNumber mark, .mainHeaderSlider__paginationNumber mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .mainHeaderSlider__paginationNumber mark[data-color=gray] {
            color: var(--neu-07)
        }

        .mainHeaderSlider__paginationNumber mark[data-color=default] {
            color: var(--neu-10)
        }

    .mainHeaderSlider__paginationNumber span.m-01--dark-01, .mainHeaderSlider__paginationNumber span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .mainHeaderSlider__paginationNumber span.neu-07, .mainHeaderSlider__paginationNumber span[data-color=gray] {
        color: var(--neu-07)
    }

    .mainHeaderSlider__paginationNumber span.neu-10, .mainHeaderSlider__paginationNumber span[data-color=default] {
        color: var(--neu-10)
    }

    .mainHeaderSlider__paginationNumber b, .mainHeaderSlider__paginationNumber strong {
        font-weight: 700
    }

    .mainHeaderSlider__paginationNumber em {
        font-style: italic
    }

@media (max-width:1024px) {
    .mainHeaderSlider__paginationNumber {
        font-size: 2rem;
        line-height: 1.25em;
        letter-spacing: -.016em
    }
}

@media (max-width:768px) {
    .mainHeaderSlider__paginationNumber {
        margin: 0
    }
}

.mainHeaderSlider__btnNext, .mainHeaderSlider__btnPrev {
    width: 21.2%;
    height: 112px;
    display: block;
    cursor: pointer;
    color: var(--neu-01)
}

    .mainHeaderSlider__btnNext:hover, .mainHeaderSlider__btnPrev:hover {
        background: var(--m-01)
    }

        .mainHeaderSlider__btnNext:hover:before, .mainHeaderSlider__btnPrev:hover:before {
            color: var(--neu-01)
        }

@media (max-width:1024px) {
    .mainHeaderSlider__btnNext, .mainHeaderSlider__btnPrev {
        width: 32.3%
    }
}

@media (max-width:768px) {
    .mainHeaderSlider__btnNext, .mainHeaderSlider__btnPrev {
        width: 19%;
        height: 92px
    }
}

@media (max-width:512px) {
    .mainHeaderSlider__btnNext, .mainHeaderSlider__btnPrev {
        width: 32.3%
    }
}

.mainHeaderSlider__btnNext:before, .mainHeaderSlider__btnPrev:before {
    width: 24px;
    height: 24px;
    font-size: 24px;
    font-family: aicep-base-icons !important;
    font-weight: 400;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    left: 50%
}

.mainHeaderSlider__btnPrev {
    background-color: var(--neu-09);
    animation-delay: 0.5s !important
}

    .mainHeaderSlider__btnPrev:before {
        content: "\e908"
    }

.mainHeaderSlider__btnNext {
    background-color: var(--m-02);
    animation-delay: 0.65s !important
}

    .mainHeaderSlider__btnNext:before {
        content: "\e909";
        color: var(--neu-10)
    }

.mainHeaderSlider .currentImage, .mainHeaderSlider .currentSlide {
    opacity: 1;
    z-index: 1;
    pointer-events: auto;
    top: unset;
    transform: unset
}

.mainHeaderSlider .currentImage {
    animation: x 1s .5s cubic-bezier(.3,0,.1,1) both
}

@media (max-width:768px) {
    .mainHeaderSlider .currentImage {
        animation: x 0s 0s cubic-bezier(.3,0,.1,1) both
    }
}

.mainHeaderSlider .animeContent > * {
    animation: h 1s .2s cubic-bezier(.5,0,.01,1) backwards
}

.mainHeaderSlider .animeNavigation > * {
    animation: u .85s 1.4s cubic-bezier(.5,0,.01,1) backwards
}

.mainHeaderSlider .leaveText .btnContainer, .mainHeaderSlider .leaveText .mainHeaderSlider__description, .mainHeaderSlider .leaveText .mainHeaderSlider__smallTitle, .mainHeaderSlider .leaveText .mainHeaderSlider__title {
    animation: z .5s 0s cubic-bezier(.3,0,.15,1) backwards
}

.mainHeaderSlider .enterText .btnContainer, .mainHeaderSlider .enterText .mainHeaderSlider__description, .mainHeaderSlider .enterText .mainHeaderSlider__smallTitle, .mainHeaderSlider .enterText .mainHeaderSlider__title {
    animation: A .4s 0s cubic-bezier(.3,0,.15,1) backwards
}

@media (max-width:768px) {
    .mainHeaderSlider .enterText .btnContainer, .mainHeaderSlider .enterText .mainHeaderSlider__description, .mainHeaderSlider .enterText .mainHeaderSlider__smallTitle, .mainHeaderSlider .enterText .mainHeaderSlider__title {
        animation-delay: .4
    }
}

.mainHeaderSlider .enterMediaLeft {
    animation: x .9s 0s cubic-bezier(.38,0,0,1) both;
    opacity: 1
}

@media (max-width:768px) {
    .mainHeaderSlider .enterMediaLeft {
        animation-duration: .7s
    }
}

.mainHeaderSlider .leaveMediaLeft {
    animation: y .9s 0s ease-in both;
    opacity: 1
}

@media (max-width:768px) {
    .mainHeaderSlider .leaveMediaLeft {
        animation-duration: .7s;
        animation-delay: .3s
    }
}

.mainHeaderSlider .enterMediaRight {
    animation: v .9s 0s cubic-bezier(.38,0,0,1) both;
    opacity: 1
}

@media (max-width:768px) {
    .mainHeaderSlider .enterMediaRight {
        animation-duration: .7s
    }
}

.mainHeaderSlider .leaveMediaRight {
    animation: w .9s 0s ease-in both;
    opacity: 1
}

@media (max-width:768px) {
    .mainHeaderSlider .leaveMediaRight {
        animation-duration: .7s;
        animation-delay: .3s
    }
}

.mainHeaderSlider .showVideoButton {
    animation: B .5s 1.25s cubic-bezier(.3,0,.1,1) both
}

.mainHeaderSlider .leaveSlideVideoButton {
    animation: L .15s .1s cubic-bezier(.3,0,.1,1) both
}

.mainHeaderSlider .enterSlideVideoButton {
    animation: C .15s .3s cubic-bezier(.3,0,.1,1) both
}

@keyframes t {
    0% {
        width: 0
    }

    to {
        width: 20%
    }
}

@keyframes u {
    0% {
        transform: translateY(112px)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes v {
    0% {
        transform: translateX(-100.1%)
    }

    to {
        transform: translateX(0)
    }
}

@keyframes w {
    0% {
        transform: translateX(0)
    }

    to {
        transform: translateX(100.1%)
    }
}

@keyframes x {
    0% {
        transform: translateX(100.1%)
    }

    to {
        transform: translateX(0)
    }
}

@keyframes y {
    0% {
        transform: translateX(0)
    }

    to {
        transform: translateX(-100.1%)
    }
}

@keyframes z {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    20% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translateY(0)
    }
}

@keyframes A {
    0% {
        opacity: 0;
        transform: translateY(-30px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes B {
    0% {
        opacity: 0;
        transform: translateY(-30%)
    }

    to {
        opacity: 1;
        transform: translateY(-50%)
    }
}

@keyframes C {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes D {
    50% {
        transform: translateY(-10px)
    }
}

@keyframes E {
    0% {
        height: 0
    }

    to {
        height: 100vh
    }
}

.mainNav {
    position: fixed;
    width: 100%;
    z-index: 89;
    top: 0
}

@media (max-width:1024px) {
    .mainNav {
        transition: height .4s cubic-bezier(.4,0,.2,1);
        height: 81px
    }
}

@media (max-width:1024px) {
    .mainNav--show, .mainNav--show .mainNav__bottom {
        height: 100%
    }
}

.mainNav--show .mainNav__firstLevel:after {
    visibility: hidden
}

.mainNav__accesskey {
    position: absolute;
    top: -100%
}

.mainNav__top {
    height: 74px;
    background-color: var(--neu-09);
    display: flex;
    align-items: center
}

.mainNav__top--hide {
    display: none
}

@media (max-width:1024px) {
    .mainNav__top {
        display: none
    }
}

.mainNav__topInnerContainer {
    display: flex;
    justify-content: space-between
}

@media (max-width:1024px) {
    .mainNav__topInnerContainer .mainNav__profileMenu {
        display: none;
        background-color: #fff
    }
}

.mainNav__topLeft {
    display: flex;
    align-items: center;
    gap: 24px
}

.mainNav__logo {
    max-width: 120px
}

.mainNav .logoPath {
    display: none
}

.mainNav a.mainNav__linkTheme, .mainNav a.mainNav__linkTheme--level, .mainNav a.mainNav__linkTheme--top {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-size: 20px;
    font-family: Calma Global Medium,sans-serif;
    margin: auto 0;
    justify-self: left
}

.mainNav a.mainNav__linkTheme--top {
    color: var(--neu-02)
}

    .mainNav a.mainNav__linkTheme--top span {
        color: var(--m-01) !important
    }

.mainNav a.mainNav__linkTheme--level {
    color: var(--neu-10) !important
}

    .mainNav a.mainNav__linkTheme--level span {
        color: var(--m-01)
    }

@media (max-width:1024px) {
    .mainNav a.mainNav__linkTheme--level:hover, .mainNav a.mainNav__linkTheme--top:hover, .mainNav a.mainNav__linkTheme:hover {
        color: currentColor !important
    }

    .mainNav a.mainNav__linkTheme--level span, .mainNav a.mainNav__linkTheme--top span, .mainNav a.mainNav__linkTheme span {
        color: var(--m-01)
    }
}

.mainNav__topRight {
    display: flex;
    gap: 24px
}

.mainNav__bottomWrapper {
    height: 100%
}

    .mainNav__bottomWrapper[data-blur-bg=dark] .mainNav__firstLevel:after, .mainNav__bottomWrapper[data-blur-bg=dark] .mainNav__secondLevel:after {
        background-color: var(--neu-01);
        opacity: .15;
        bottom: 0;
        content: "";
        display: block;
        height: 1px;
        width: 100%;
        position: absolute
    }

@media (max-width:1024px) {
    .mainNav__bottomWrapper[data-blur-bg=dark] .mainNav__firstLevel:after, .mainNav__bottomWrapper[data-blur-bg=dark] .mainNav__secondLevel:after {
        display: none
    }
}

.mainNav__bottomWrapper[data-blur-bg=""] .mainNav__firstLevel:after, .mainNav__bottomWrapper[data-blur-bg=light] .mainNav__firstLevel:after {
    background-color: var(--neu-10);
    opacity: .09;
    bottom: 0;
    content: "";
    display: block;
    height: 1px;
    width: 100%;
    position: absolute
}

.mainNav__bottomWrapper .mainNav__messages-button {
    display: none
}

@media (max-width:1024px) {
    .mainNav__bottom {
        height: 100%
    }
}

.mainNav__firstLevel {
    align-items: center;
    display: flex;
    height: 100px;
    transition: height .3s ease-in-out,transform .3s ease-in-out;
    will-change: height
}

    .mainNav__firstLevel::-webkit-scrollbar {
        display: none
    }

@media (max-width:1024px) {
    .mainNav__firstLevel {
        align-items: flex-start;
        padding-top: 16px;
        height: 100%;
        padding-bottom: 32px;
        overflow: hidden;
        overflow-y: scroll;
        transition: height .3s ease-in-out
    }
}

.mainNav__firstLevel:before {
    content: "";
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    background-color: var(--neu-10);
    opacity: 0;
    z-index: 1;
    transition: opacity .4s ease-in-out;
    pointer-events: none
}

@media (max-width:1024px) {
    .mainNav__firstLevel--darkMask:before {
        opacity: .8
    }
}

.mainNav__firstLevel--darkMask-hide {
    display: none
}

.mainNav__firstLevel--smallOnScroll {
    height: 68px
}

    .mainNav__firstLevel--smallOnScroll:after {
        background-color: var(--neu-10)
    }

.mainNav__levelHeader {
    display: none
}

.mainNav__levelHeader--showOnScroll {
    display: flex
}

    .mainNav__levelHeader--showOnScroll .mainNav__linkLogo {
        align-content: center;
    }

@media (max-width:1024px) {
    .mainNav__levelHeader {
        display: flex;
        justify-content: space-between
    }
}

.mainNav__closeButton {
    display: none;
    justify-content: flex-end
}

.mainNav__closeButton--show {
    display: inline-flex
}

@media (max-width:1024px) {
    .mainNav__closeButton {
        grid-column: 3
    }
}

.mainNav__backButton {
    justify-content: flex-start
}

.mainNav__firstLevelNavigation {
    display: flex;
    justify-content: space-between
}

@media (max-width:1024px) {
    .mainNav__firstLevelNavigation--open {
        height: auto;
        min-height: 100%;
        flex-direction: column;
        justify-content: initial
    }

        .mainNav__firstLevelNavigation--open .mainNav__messages-button {
            display: flex
        }

        .mainNav__firstLevelNavigation--open .mainNav__levelHeader {
            display: grid;
            grid-template-columns: 1fr 56px 56px
        }
}

@media (max-width:512px) {
    .mainNav__firstLevelNavigation {
        height: auto
    }

    .mainNav__topRight {
        display: none;
    }
}

.mainNav__firstLevelList {
    display: flex;
    gap: 48px
}

@media (max-width:1024px) {
    .mainNav__firstLevelList {
        display: none;
        flex-direction: column;
        gap: 16px
    }

    .mainNav__firstLevelList--show {
        display: flex;
        opacity: 0;
        margin-top: 32px;
        animation: J .2s ease-in-out forwards .3s;
        padding-bottom: 40px
    }
}

.mainNav__firstLevelListElement, .mainNav__searchAndBookmark {
    display: flex;
    align-items: center
}

@media (max-width:1024px) {
    .mainNav__searchAndBookmark {
        align-self: flex-end
    }

    .mainNav__searchAndBookmark--hide {
        display: none
    }
}

.mainNav__searchAndBookmark .mainNav__searchBtn {
    justify-content: flex-end
}

@media (max-width:1024px) {
    .mainNav__searchAndBookmark .mainNav__searchBtn {
        justify-content: center
    }
}

.mainNav__newsAndLoginMobile {
    display: none
}

@media (max-width:1024px) {
    .mainNav__newsAndLoginMobile--show {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
        padding-bottom: 40px;
        animation: J .2s ease-in-out forwards .4s;
        opacity: 0
    }
}

.mainNav__languageButtonMobile {
    display: none
}

@media (max-width:1024px) {
    .mainNav__languageButtonMobile--show {
        opacity: 0;
        display: inline-flex;
        animation: J .2s ease-in-out forwards .5s;
        align-self: flex-start;
        justify-self: flex-end;
        margin-top: auto
    }
}

@media (max-width:768px) {
    .mainNav__languageButtonMobile {
        align-self: flex-start;
        margin-top: auto
    }
}

.mainNav__hamburgerButton {
    display: none;
    justify-content: flex-end
}

    .mainNav__hamburgerButton.btn--icon {
        width: 45px;
        min-width: 45px
    }

@media (max-width:1024px) {
    .mainNav__hamburgerButton {
        display: inline-flex
    }
}

.mainNav__secondLevel {
    display: none;
    max-height: 0;
    opacity: 0
}

    .mainNav__secondLevel::-webkit-scrollbar {
        display: none
    }

.mainNav__secondLevel--show {
    opacity: 0;
    align-items: center;
    max-height: 0;
    display: flex;
    animation: F .7s cubic-bezier(.4,0,.2,1) forwards
}

@keyframes F {
    0% {
        opacity: 0;
        max-height: 0
    }

    50% {
        opacity: 1
    }

    to {
        opacity: 1;
        max-height: 500px
    }
}

.mainNav__secondLevel--show:after {
    background-color: var(--neu-10)
}

.mainNav__secondLevel--close {
    align-items: center;
    display: flex;
    animation: G .4s .1s cubic-bezier(.4,0,.2,1) both
}

@keyframes G {
    0% {
        opacity: 1;
        max-height: 500px
    }

    50% {
        opacity: 1
    }

    to {
        opacity: 0;
        max-height: 0
    }
}

@media (max-width:1024px) {
    .mainNav__secondLevel {
        position: absolute;
        height: 100%;
        max-height: none;
        width: 100%;
        top: 0;
        display: flex;
        opacity: 1;
        flex-direction: column;
        align-items: flex-start;
        transform: translateX(100%);
        padding-top: 18px;
        overflow: hidden;
        overflow-y: scroll;
        padding-bottom: 50px
    }

    .mainNav__secondLevel--show {
        animation: H .4s ease-in-out forwards
    }

    @keyframes H {
        0% {
            transform: translateX(100%)
        }

        to {
            transform: translateX(0)
        }
    }

    .mainNav__secondLevel--hide {
        animation: I .4s ease-in-out forwards
    }

    @keyframes I {
        0% {
            transform: translateX(0)
        }

        to {
            transform: translateX(100%)
        }
    }

    .mainNav__secondLevel--desktop {
        display: none
    }
}

.mainNav__secondLevel:after {
    background-color: var(--neu-10);
    opacity: .09;
    bottom: 0;
    content: "";
    display: block;
    height: 1px;
    width: 100%;
    position: absolute
}

@media (max-width:1024px) {
    .mainNav__secondLevel:after {
        display: none
    }
}

.mainNav__secondLevel[data-blur-bg=dark]:after {
    background-color: var(--neu-01);
    opacity: .15;
    bottom: 0;
    content: "";
    display: block;
    height: 1px;
    width: 100%;
    position: absolute
}

.mainNav__secondLevelNavigation {
    padding-top: 56px;
    padding-bottom: 64px;
    opacity: 0
}

.mainNav__secondLevelNavigation--show {
    opacity: 1;
    display: flex;
    animation: J .6s cubic-bezier(.5,0,.05,1) both .2s
}

@media (max-width:1024px) {
    .mainNav__secondLevelNavigation--show {
        flex-direction: column;
        opacity: 1;
        margin-top: 0;
        animation: none;
        padding-top: 0;
        padding-bottom: 0
    }
}

.mainNav__secondLevelNavigation--close {
    animation: L .3s cubic-bezier(.5,0,.05,1) both
}

.mainNav__secondLevelList {
    display: grid;
    grid-auto-flow: column;
    grid-template-columns: auto auto auto auto;
    flex-wrap: wrap;
    width: -moz-max-content;
    width: max-content;
    column-gap: 64px
}

@media (max-width:1024px) {
    .mainNav__secondLevelList {
        display: none;
        flex-wrap: nowrap;
        height: auto;
        width: 100%;
        gap: 8px;
        margin-top: 32px;
        opacity: 0;
        flex-direction: column
    }

    .mainNav__secondLevelList--show {
        display: flex;
        animation: K .3s ease-in-out forwards .3s
    }
}

.mainNav__secondLevelListElement[data-column="1"], .mainNav__thirdLevelListElement[data-column="1"] {
    grid-column: 1
}

.mainNav__secondLevelListElement[data-column="2"], .mainNav__thirdLevelListElement[data-column="2"] {
    grid-column: 2
}

.mainNav__secondLevelListElement[data-column="3"], .mainNav__thirdLevelListElement[data-column="3"] {
    grid-column: 3
}

.mainNav__secondLevelListElement[data-column="4"], .mainNav__thirdLevelListElement[data-column="4"] {
    grid-column: 4
}

.mainNav__secondLevelListElement {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.mainNav__thirdLevelListElement {
    margin-left: 16px
}

.mainNav__searchContainer {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(var(--m-01--rgb),.9);
    -webkit-backdrop-filter: blur(80px);
    backdrop-filter: blur(80px);
    z-index: 10;
    align-items: center;
    display: none
}

.mainNav__searchContainer--show {
    display: flex
}

@media (max-width:1024px) {
    .mainNav__searchContainer {
        display: none
    }

    .mainNav__searchContainer--show {
        display: flex
    }
}

.mainNav__searchInnerContainer {
    align-items: center;
    display: flex;
    justify-content: space-between;
    transition: opacity .3s ease-in-out
}

@media (max-width:1024px) {
    .mainNav__searchInnerContainer {
        height: 100%;
        width: 100%;
        display: grid;
        grid-template-rows: 80px auto;
        grid-template-columns: 1fr
    }
}

.mainNav .mainNav__searchInnerContainer a.mainNav__linkTheme--level, .mainNav .mainNav__searchInnerContainer a.mainNav__linkTheme--top, .mainNav__searchInnerContainer .mainNav__linkTheme, .mainNav__searchInnerContainer .mainNav a.mainNav__linkTheme--level, .mainNav__searchInnerContainer .mainNav a.mainNav__linkTheme--top {
    display: none
}

@media (max-width:1024px) {
    .mainNav .mainNav__searchInnerContainer a.mainNav__linkTheme--level, .mainNav .mainNav__searchInnerContainer a.mainNav__linkTheme--top, .mainNav__searchInnerContainer .mainNav__linkTheme, .mainNav__searchInnerContainer .mainNav a.mainNav__linkTheme--level, .mainNav__searchInnerContainer .mainNav a.mainNav__linkTheme--top {
        display: block;
        grid-row: 1;
        grid-column: 1
    }

        .mainNav .mainNav__searchInnerContainer a.mainNav__linkTheme--level p, .mainNav .mainNav__searchInnerContainer a.mainNav__linkTheme--top p, .mainNav__searchInnerContainer .mainNav__linkTheme p, .mainNav__searchInnerContainer .mainNav a.mainNav__linkTheme--level p, .mainNav__searchInnerContainer .mainNav a.mainNav__linkTheme--top p {
            color: var(--neu-01) !important
        }

        .mainNav .mainNav__searchInnerContainer a.mainNav__linkTheme--level span, .mainNav .mainNav__searchInnerContainer a.mainNav__linkTheme--top span, .mainNav__searchInnerContainer .mainNav__linkTheme span, .mainNav__searchInnerContainer .mainNav a.mainNav__linkTheme--level span, .mainNav__searchInnerContainer .mainNav a.mainNav__linkTheme--top span {
            color: var(--neu-10) !important
        }
}

.mainNav__searchInputContainer {
    align-items: center;
    vertical-align: top;
    display: inline-grid
}

    .mainNav__searchInputContainer input {
        background-color: transparent;
        border: none;
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-stretch: normal;
        letter-spacing: normal;
        font-family: Inter,sans-serif;
        font-size: 1.75rem;
        line-height: 1.429em;
        letter-spacing: -.021em;
        font-weight: 400;
        color: var(--neu-01);
        min-width: 25px;
        width: auto;
        grid-area: 1/2;
        resize: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

        .mainNav__searchInputContainer input .link a {
            transition: all .1s ease;
            text-decoration: underline;
            color: var(--m-01--dark-01)
        }

            .mainNav__searchInputContainer input .link a:hover {
                color: var(--m-01)
            }

        .mainNav__searchInputContainer input mark, .mainNav__searchInputContainer input mark[data-color=color] {
            color: var(--m-01--dark-01)
        }

            .mainNav__searchInputContainer input mark[data-color=gray] {
                color: var(--neu-07)
            }

            .mainNav__searchInputContainer input mark[data-color=default] {
                color: var(--neu-10)
            }

        .mainNav__searchInputContainer input span.m-01--dark-01, .mainNav__searchInputContainer input span[data-color=color] {
            color: var(--m-01--dark-01)
        }

        .mainNav__searchInputContainer input span.neu-07, .mainNav__searchInputContainer input span[data-color=gray] {
            color: var(--neu-07)
        }

        .mainNav__searchInputContainer input span.neu-10, .mainNav__searchInputContainer input span[data-color=default] {
            color: var(--neu-10)
        }

        .mainNav__searchInputContainer input b, .mainNav__searchInputContainer input strong {
            font-weight: 700
        }

        .mainNav__searchInputContainer input em {
            font-style: italic
        }

@media (max-width:1024px) {
    .mainNav__searchInputContainer input {
        font-size: 1.438rem;
        line-height: 1.391em;
        letter-spacing: -.019em
    }
}

.mainNav__searchInputContainer input::placeholder {
    transition: color .15s ease-in-out;
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1.75rem;
    line-height: 1.429em;
    letter-spacing: -.021em;
    font-weight: 400;
    color: var(--m-01--dark-04)
}

    .mainNav__searchInputContainer input::placeholder .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .mainNav__searchInputContainer input::placeholder .link a:hover {
            color: var(--m-01)
        }

    .mainNav__searchInputContainer input::placeholder mark {
        color: var(--m-01--dark-01)
    }

        .mainNav__searchInputContainer input::placeholder mark[data-color=color] {
            color: var(--m-01--dark-01)
        }

        .mainNav__searchInputContainer input::placeholder mark[data-color=gray] {
            color: var(--neu-07)
        }

        .mainNav__searchInputContainer input::placeholder mark[data-color=default] {
            color: var(--neu-10)
        }

    .mainNav__searchInputContainer input::placeholder span.m-01--dark-01, .mainNav__searchInputContainer input::placeholder span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .mainNav__searchInputContainer input::placeholder span.neu-07, .mainNav__searchInputContainer input::placeholder span[data-color=gray] {
        color: var(--neu-07)
    }

    .mainNav__searchInputContainer input::placeholder span.neu-10, .mainNav__searchInputContainer input::placeholder span[data-color=default] {
        color: var(--neu-10)
    }

    .mainNav__searchInputContainer input::placeholder b, .mainNav__searchInputContainer input::placeholder strong {
        font-weight: 700
    }

    .mainNav__searchInputContainer input::placeholder em {
        font-style: italic
    }

@media (max-width:1024px) {
    .mainNav__searchInputContainer input::placeholder {
        font-size: 1.438rem;
        line-height: 1.391em;
        letter-spacing: -.019em
    }
}

.mainNav__searchInputContainer input:focus::placeholder {
    color: transparent
}

@media (max-width:1024px) {
    .mainNav__searchInputContainer input {
        width: 350px
    }
}

@media (max-width:768px) {
    .mainNav__searchInputContainer input {
        width: 250px
    }
}

@media (max-width:512px) {
    .mainNav__searchInputContainer input {
        width: 210px
    }
}

.mainNav__searchInputContainer:after {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1.75rem;
    line-height: 1.429em;
    letter-spacing: -.021em;
    font-weight: 400;
    content: attr(data-value) " ";
    grid-area: 1/2;
    visibility: hidden;
    white-space: pre-wrap
}

    .mainNav__searchInputContainer:after .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .mainNav__searchInputContainer:after .link a:hover {
            color: var(--m-01)
        }

    .mainNav__searchInputContainer:after mark, .mainNav__searchInputContainer:after mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .mainNav__searchInputContainer:after mark[data-color=gray] {
            color: var(--neu-07)
        }

        .mainNav__searchInputContainer:after mark[data-color=default] {
            color: var(--neu-10)
        }

    .mainNav__searchInputContainer:after span.m-01--dark-01, .mainNav__searchInputContainer:after span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .mainNav__searchInputContainer:after span.neu-07, .mainNav__searchInputContainer:after span[data-color=gray] {
        color: var(--neu-07)
    }

    .mainNav__searchInputContainer:after span.neu-10, .mainNav__searchInputContainer:after span[data-color=default] {
        color: var(--neu-10)
    }

    .mainNav__searchInputContainer:after b, .mainNav__searchInputContainer:after strong {
        font-weight: 700
    }

    .mainNav__searchInputContainer:after em {
        font-style: italic
    }

@media (max-width:1024px) {
    .mainNav__searchInputContainer:after {
        font-size: 1.438rem;
        line-height: 1.391em;
        letter-spacing: -.019em
    }
}

@media (max-width:1024px) {
    .mainNav__searchInputContainer {
        grid-row: 2;
        justify-self: center;
        margin-right: 48px
    }
}

.mainNav__searchIcon {
    width: 24px;
    height: 24px;
    font-size: 24px;
    font-family: aicep-base-icons !important;
    font-weight: 400;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    position: relative;
    margin-right: 15px;
    transform: none;
    top: auto;
    color: var(--m-01--dark-04)
}

.mainNav__searchButton {
    position: absolute;
    right: -56px
}

    .mainNav__searchButton i {
        color: var(--neu-01) !important
    }

.mainNav__searchCloseButton {
    grid-row: 1;
    justify-self: flex-end;
    justify-content: flex-end
}

    .mainNav__searchCloseButton i {
        color: var(--neu-01) !important
    }

@media (max-width:1024px) {
    .mainNav__searchCloseButton {
        grid-row: 1;
        grid-column: 1
    }
}

.mainNav__messages {
    display: flex;
    align-items: center
}

    .mainNav__messages .caseCard, .mainNav__messages .caseCard--small {
        min-height: 324px;
        max-width: 960px
    }

        .mainNav__messages .caseCard--small .caseCard__content, .mainNav__messages .caseCard .caseCard__content {
            padding: 24px 16px 16px
        }

        .mainNav__messages .caseCard--small .caseCard__title, .mainNav__messages .caseCard .caseCard__title {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Calma Global Medium,sans-serif;
            font-size: 1.625rem;
            line-height: 1.231em;
            letter-spacing: 0
        }

            .mainNav__messages .caseCard--small .caseCard__title .link a, .mainNav__messages .caseCard .caseCard__title .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .mainNav__messages .caseCard--small .caseCard__title .link a:hover, .mainNav__messages .caseCard .caseCard__title .link a:hover {
                    color: var(--m-01)
                }

            .mainNav__messages .caseCard--small .caseCard__title mark, .mainNav__messages .caseCard--small .caseCard__title mark[data-color=color], .mainNav__messages .caseCard .caseCard__title mark, .mainNav__messages .caseCard .caseCard__title mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .mainNav__messages .caseCard--small .caseCard__title mark[data-color=gray], .mainNav__messages .caseCard .caseCard__title mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .mainNav__messages .caseCard--small .caseCard__title mark[data-color=default], .mainNav__messages .caseCard .caseCard__title mark[data-color=default] {
                    color: var(--neu-10)
                }

            .mainNav__messages .caseCard--small .caseCard__title span.m-01--dark-01, .mainNav__messages .caseCard--small .caseCard__title span[data-color=color], .mainNav__messages .caseCard .caseCard__title span.m-01--dark-01, .mainNav__messages .caseCard .caseCard__title span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .mainNav__messages .caseCard--small .caseCard__title span.neu-07, .mainNav__messages .caseCard--small .caseCard__title span[data-color=gray], .mainNav__messages .caseCard .caseCard__title span.neu-07, .mainNav__messages .caseCard .caseCard__title span[data-color=gray] {
                color: var(--neu-07)
            }

            .mainNav__messages .caseCard--small .caseCard__title span.neu-10, .mainNav__messages .caseCard--small .caseCard__title span[data-color=default], .mainNav__messages .caseCard .caseCard__title span.neu-10, .mainNav__messages .caseCard .caseCard__title span[data-color=default] {
                color: var(--neu-10)
            }

            .mainNav__messages .caseCard--small .caseCard__title b, .mainNav__messages .caseCard--small .caseCard__title strong, .mainNav__messages .caseCard .caseCard__title b, .mainNav__messages .caseCard .caseCard__title strong {
                font-weight: 700
            }

            .mainNav__messages .caseCard--small .caseCard__title em, .mainNav__messages .caseCard .caseCard__title em {
                font-style: italic
            }

    .mainNav__messages .countyCard, .mainNav__messages .countyCard--small {
        max-width: 960px;
        height: 100%;
        min-height: 80px
    }

    .mainNav__messages .industryCard, .mainNav__messages .industryCard--small {
        max-width: 960px;
        max-width: 480px;
        min-height: 240px
    }

        .mainNav__messages .industryCard--small .industryCard__content, .mainNav__messages .industryCard .industryCard__content {
            padding: 24px 16px 16px
        }

        .mainNav__messages .industryCard--small .industryCard__title, .mainNav__messages .industryCard .industryCard__title {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Calma Global Medium,sans-serif;
            font-size: 1.625rem;
            line-height: 1.231em;
            letter-spacing: 0
        }

            .mainNav__messages .industryCard--small .industryCard__title .link a, .mainNav__messages .industryCard .industryCard__title .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .mainNav__messages .industryCard--small .industryCard__title .link a:hover, .mainNav__messages .industryCard .industryCard__title .link a:hover {
                    color: var(--m-01)
                }

            .mainNav__messages .industryCard--small .industryCard__title mark, .mainNav__messages .industryCard--small .industryCard__title mark[data-color=color], .mainNav__messages .industryCard .industryCard__title mark, .mainNav__messages .industryCard .industryCard__title mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .mainNav__messages .industryCard--small .industryCard__title mark[data-color=gray], .mainNav__messages .industryCard .industryCard__title mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .mainNav__messages .industryCard--small .industryCard__title mark[data-color=default], .mainNav__messages .industryCard .industryCard__title mark[data-color=default] {
                    color: var(--neu-10)
                }

            .mainNav__messages .industryCard--small .industryCard__title span.m-01--dark-01, .mainNav__messages .industryCard--small .industryCard__title span[data-color=color], .mainNav__messages .industryCard .industryCard__title span.m-01--dark-01, .mainNav__messages .industryCard .industryCard__title span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .mainNav__messages .industryCard--small .industryCard__title span.neu-07, .mainNav__messages .industryCard--small .industryCard__title span[data-color=gray], .mainNav__messages .industryCard .industryCard__title span.neu-07, .mainNav__messages .industryCard .industryCard__title span[data-color=gray] {
                color: var(--neu-07)
            }

            .mainNav__messages .industryCard--small .industryCard__title span.neu-10, .mainNav__messages .industryCard--small .industryCard__title span[data-color=default], .mainNav__messages .industryCard .industryCard__title span.neu-10, .mainNav__messages .industryCard .industryCard__title span[data-color=default] {
                color: var(--neu-10)
            }

            .mainNav__messages .industryCard--small .industryCard__title b, .mainNav__messages .industryCard--small .industryCard__title strong, .mainNav__messages .industryCard .industryCard__title b, .mainNav__messages .industryCard .industryCard__title strong {
                font-weight: 700
            }

            .mainNav__messages .industryCard--small .industryCard__title em, .mainNav__messages .industryCard .industryCard__title em {
                font-style: italic
            }

    .mainNav__messages .itemCard, .mainNav__messages .itemCard--small {
        max-width: 960px;
        padding: 24px 16px 32px 4px;
        height: 100%
    }

        .mainNav__messages .itemCard--small .itemCard__text, .mainNav__messages .itemCard .itemCard__text {
            max-width: 310px
        }

    .mainNav__messages .readingImageCard, .mainNav__messages .readingImageCard--small {
        max-width: 960px;
        background: transparent;
        box-shadow: none;
        border-bottom: 1px solid var(--neu-03);
        min-height: auto;
        flex-direction: row;
        padding: 8px 0 16px;
        border-radius: 0
    }

        .mainNav__messages .readingImageCard--small .readingImageCard__image, .mainNav__messages .readingImageCard .readingImageCard__image {
            height: auto;
            max-width: 110px;
            flex: 1;
            border-radius: 0
        }

        .mainNav__messages .readingImageCard--small .readingImageCard__content, .mainNav__messages .readingImageCard .readingImageCard__content {
            padding: 0 0 0 16px;
            flex: 2;
            justify-content: flex-start
        }

        .mainNav__messages .readingImageCard--small .readingImageCard__text, .mainNav__messages .readingImageCard .readingImageCard__text {
            padding: 0;
            padding-right: 24px
        }

        .mainNav__messages .readingImageCard--small .readingImageCard__title, .mainNav__messages .readingImageCard .readingImageCard__title {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Inter,sans-serif;
            font-size: 1rem;
            line-height: 1.5em;
            letter-spacing: -.011em;
            font-weight: 700;
            margin-top: 4px
        }

            .mainNav__messages .readingImageCard--small .readingImageCard__title .link a, .mainNav__messages .readingImageCard .readingImageCard__title .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .mainNav__messages .readingImageCard--small .readingImageCard__title .link a:hover, .mainNav__messages .readingImageCard .readingImageCard__title .link a:hover {
                    color: var(--m-01)
                }

            .mainNav__messages .readingImageCard--small .readingImageCard__title mark, .mainNav__messages .readingImageCard--small .readingImageCard__title mark[data-color=color], .mainNav__messages .readingImageCard .readingImageCard__title mark, .mainNav__messages .readingImageCard .readingImageCard__title mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .mainNav__messages .readingImageCard--small .readingImageCard__title mark[data-color=gray], .mainNav__messages .readingImageCard .readingImageCard__title mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .mainNav__messages .readingImageCard--small .readingImageCard__title mark[data-color=default], .mainNav__messages .readingImageCard .readingImageCard__title mark[data-color=default] {
                    color: var(--neu-10)
                }

            .mainNav__messages .readingImageCard--small .readingImageCard__title span.m-01--dark-01, .mainNav__messages .readingImageCard--small .readingImageCard__title span[data-color=color], .mainNav__messages .readingImageCard .readingImageCard__title span.m-01--dark-01, .mainNav__messages .readingImageCard .readingImageCard__title span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .mainNav__messages .readingImageCard--small .readingImageCard__title span.neu-07, .mainNav__messages .readingImageCard--small .readingImageCard__title span[data-color=gray], .mainNav__messages .readingImageCard .readingImageCard__title span.neu-07, .mainNav__messages .readingImageCard .readingImageCard__title span[data-color=gray] {
                color: var(--neu-07)
            }

            .mainNav__messages .readingImageCard--small .readingImageCard__title span.neu-10, .mainNav__messages .readingImageCard--small .readingImageCard__title span[data-color=default], .mainNav__messages .readingImageCard .readingImageCard__title span.neu-10, .mainNav__messages .readingImageCard .readingImageCard__title span[data-color=default] {
                color: var(--neu-10)
            }

            .mainNav__messages .readingImageCard--small .readingImageCard__title b, .mainNav__messages .readingImageCard--small .readingImageCard__title strong, .mainNav__messages .readingImageCard .readingImageCard__title b, .mainNav__messages .readingImageCard .readingImageCard__title strong {
                font-weight: 700
            }

            .mainNav__messages .readingImageCard--small .readingImageCard__title em, .mainNav__messages .readingImageCard .readingImageCard__title em {
                font-style: italic
            }

        .mainNav__messages .readingImageCard--small .readingImageCard__infoItem i, .mainNav__messages .readingImageCard .readingImageCard__infoItem i {
            display: none
        }

        .mainNav__messages .readingImageCard--small .btnBookmark, .mainNav__messages .readingImageCard--small .btnBookmark--privateArea, .mainNav__messages .readingImageCard--small .btnBookmark--small, .mainNav__messages .readingImageCard .btnBookmark, .mainNav__messages .readingImageCard .btnBookmark--privateArea, .mainNav__messages .readingImageCard .btnBookmark--small {
            top: -8px;
            right: -16px;
            z-index: 2
        }

            .mainNav__messages .readingImageCard--small .btnBookmark--privateArea .btnBookmark, .mainNav__messages .readingImageCard--small .btnBookmark--privateArea .btnBookmark--small, .mainNav__messages .readingImageCard .btnBookmark--privateArea .btnBookmark, .mainNav__messages .readingImageCard .btnBookmark--privateArea .btnBookmark--small {
                top: 0;
                right: 0
            }

        .mainNav__messages .readingImageCard--small:hover, .mainNav__messages .readingImageCard:hover {
            box-shadow: none;
            transform: none
        }

    .mainNav__messages .readingTextCard, .mainNav__messages .readingTextCard--small {
        max-width: 960px;
        background: transparent;
        box-shadow: none;
        border-bottom: 1px solid var(--neu-03);
        min-height: auto;
        flex-direction: row;
        padding: 8px 0 16px;
        border-radius: 0
    }

        .mainNav__messages .readingTextCard--small .readingTextCard__content, .mainNav__messages .readingTextCard .readingTextCard__content {
            flex: 2
        }

        .mainNav__messages .readingTextCard--small .readingTextCard__text, .mainNav__messages .readingTextCard .readingTextCard__text {
            padding: 0
        }

        .mainNav__messages .readingTextCard--small .readingTextCard__title, .mainNav__messages .readingTextCard .readingTextCard__title {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Inter,sans-serif;
            font-size: 1rem;
            line-height: 1.5em;
            letter-spacing: -.011em;
            font-weight: 700;
            margin-top: 4px
        }

            .mainNav__messages .readingTextCard--small .readingTextCard__title .link a, .mainNav__messages .readingTextCard .readingTextCard__title .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .mainNav__messages .readingTextCard--small .readingTextCard__title .link a:hover, .mainNav__messages .readingTextCard .readingTextCard__title .link a:hover {
                    color: var(--m-01)
                }

            .mainNav__messages .readingTextCard--small .readingTextCard__title mark, .mainNav__messages .readingTextCard--small .readingTextCard__title mark[data-color=color], .mainNav__messages .readingTextCard .readingTextCard__title mark, .mainNav__messages .readingTextCard .readingTextCard__title mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .mainNav__messages .readingTextCard--small .readingTextCard__title mark[data-color=gray], .mainNav__messages .readingTextCard .readingTextCard__title mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .mainNav__messages .readingTextCard--small .readingTextCard__title mark[data-color=default], .mainNav__messages .readingTextCard .readingTextCard__title mark[data-color=default] {
                    color: var(--neu-10)
                }

            .mainNav__messages .readingTextCard--small .readingTextCard__title span.m-01--dark-01, .mainNav__messages .readingTextCard--small .readingTextCard__title span[data-color=color], .mainNav__messages .readingTextCard .readingTextCard__title span.m-01--dark-01, .mainNav__messages .readingTextCard .readingTextCard__title span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .mainNav__messages .readingTextCard--small .readingTextCard__title span.neu-07, .mainNav__messages .readingTextCard--small .readingTextCard__title span[data-color=gray], .mainNav__messages .readingTextCard .readingTextCard__title span.neu-07, .mainNav__messages .readingTextCard .readingTextCard__title span[data-color=gray] {
                color: var(--neu-07)
            }

            .mainNav__messages .readingTextCard--small .readingTextCard__title span.neu-10, .mainNav__messages .readingTextCard--small .readingTextCard__title span[data-color=default], .mainNav__messages .readingTextCard .readingTextCard__title span.neu-10, .mainNav__messages .readingTextCard .readingTextCard__title span[data-color=default] {
                color: var(--neu-10)
            }

            .mainNav__messages .readingTextCard--small .readingTextCard__title b, .mainNav__messages .readingTextCard--small .readingTextCard__title strong, .mainNav__messages .readingTextCard .readingTextCard__title b, .mainNav__messages .readingTextCard .readingTextCard__title strong {
                font-weight: 700
            }

            .mainNav__messages .readingTextCard--small .readingTextCard__title em, .mainNav__messages .readingTextCard .readingTextCard__title em {
                font-style: italic
            }

        .mainNav__messages .readingTextCard--small .readingTextCard__description, .mainNav__messages .readingTextCard--small .readingTextCard__infoItem i, .mainNav__messages .readingTextCard .readingTextCard__description, .mainNav__messages .readingTextCard .readingTextCard__infoItem i {
            display: none
        }

        .mainNav__messages .readingTextCard--small:hover, .mainNav__messages .readingTextCard:hover {
            box-shadow: none;
            transform: none
        }

    .mainNav__messages .regionCard, .mainNav__messages .regionCard--small {
        max-width: 960px;
        min-height: 270px
    }

        .mainNav__messages .regionCard--small .regionCard__content, .mainNav__messages .regionCard .regionCard__content {
            padding: 24px 16px 16px
        }

        .mainNav__messages .regionCard--small .regionCard__title, .mainNav__messages .regionCard .regionCard__title {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Calma Global Medium,sans-serif;
            font-size: 2rem;
            line-height: 1.25em;
            letter-spacing: -.016em
        }

            .mainNav__messages .regionCard--small .regionCard__title .link a, .mainNav__messages .regionCard .regionCard__title .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .mainNav__messages .regionCard--small .regionCard__title .link a:hover, .mainNav__messages .regionCard .regionCard__title .link a:hover {
                    color: var(--m-01)
                }

            .mainNav__messages .regionCard--small .regionCard__title mark, .mainNav__messages .regionCard--small .regionCard__title mark[data-color=color], .mainNav__messages .regionCard .regionCard__title mark, .mainNav__messages .regionCard .regionCard__title mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .mainNav__messages .regionCard--small .regionCard__title mark[data-color=gray], .mainNav__messages .regionCard .regionCard__title mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .mainNav__messages .regionCard--small .regionCard__title mark[data-color=default], .mainNav__messages .regionCard .regionCard__title mark[data-color=default] {
                    color: var(--neu-10)
                }

            .mainNav__messages .regionCard--small .regionCard__title span.m-01--dark-01, .mainNav__messages .regionCard--small .regionCard__title span[data-color=color], .mainNav__messages .regionCard .regionCard__title span.m-01--dark-01, .mainNav__messages .regionCard .regionCard__title span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .mainNav__messages .regionCard--small .regionCard__title span.neu-07, .mainNav__messages .regionCard--small .regionCard__title span[data-color=gray], .mainNav__messages .regionCard .regionCard__title span.neu-07, .mainNav__messages .regionCard .regionCard__title span[data-color=gray] {
                color: var(--neu-07)
            }

            .mainNav__messages .regionCard--small .regionCard__title span.neu-10, .mainNav__messages .regionCard--small .regionCard__title span[data-color=default], .mainNav__messages .regionCard .regionCard__title span.neu-10, .mainNav__messages .regionCard .regionCard__title span[data-color=default] {
                color: var(--neu-10)
            }

            .mainNav__messages .regionCard--small .regionCard__title b, .mainNav__messages .regionCard--small .regionCard__title strong, .mainNav__messages .regionCard .regionCard__title b, .mainNav__messages .regionCard .regionCard__title strong {
                font-weight: 700
            }

            .mainNav__messages .regionCard--small .regionCard__title em, .mainNav__messages .regionCard .regionCard__title em {
                font-style: italic
            }

@media (max-width:1024px) {
    .mainNav__messages .regionCard--small .regionCard__title, .mainNav__messages .regionCard .regionCard__title {
        font-size: 1.625rem;
        line-height: 1.231em;
        letter-spacing: 0
    }
}

.mainNav__messages .resultsCard, .mainNav__messages .resultsCard--small {
    max-width: 960px;
    min-height: auto;
    padding: 0 0 16px;
    border-radius: 0;
    flex-direction: column
}

    .mainNav__messages .resultsCard--small .resultsCard__image, .mainNav__messages .resultsCard .resultsCard__image {
        height: 126px;
        width: 100%;
        margin-right: 0;
        margin-bottom: 16px
    }

    .mainNav__messages .resultsCard--small .resultsCard__content, .mainNav__messages .resultsCard .resultsCard__content {
        flex: 2;
        justify-content: flex-start
    }

    .mainNav__messages .resultsCard--small .resultsCard__topInfo, .mainNav__messages .resultsCard .resultsCard__topInfo {
        flex-direction: column
    }

    .mainNav__messages .resultsCard--small .resultsCard__sideInfo, .mainNav__messages .resultsCard .resultsCard__sideInfo {
        order: 1;
        transform: none;
        justify-content: space-between;
        margin-bottom: 16px
    }

    .mainNav__messages .resultsCard--small .resultsCard__labels, .mainNav__messages .resultsCard .resultsCard__labels {
        order: 2
    }

    .mainNav__messages .resultsCard--small .resultsCard__text, .mainNav__messages .resultsCard .resultsCard__text {
        padding: 0
    }

    .mainNav__messages .resultsCard--small .resultsCard__description, .mainNav__messages .resultsCard .resultsCard__description {
        margin-top: 4px
    }

    .mainNav__messages .resultsCard--small .resultsCard__bottomInfo, .mainNav__messages .resultsCard .resultsCard__bottomInfo {
        margin-top: 8px
    }

@media (max-width:512px) {
    .mainNav__messages .resultsCard--small .resultsCard__bottomInfo, .mainNav__messages .resultsCard .resultsCard__bottomInfo {
        flex-direction: column;
        align-items: flex-start
    }
}

@media (max-width:512px) {
    .mainNav__messages .resultsCard--small .resultsCard__btnContainer, .mainNav__messages .resultsCard .resultsCard__btnContainer {
        margin-top: 8px;
        width: 100%;
        display: flex;
        justify-content: flex-end
    }
}

.mainNav__messages .resultsCard--small .btnBookmark, .mainNav__messages .resultsCard--small .btnBookmark--small, .mainNav__messages .resultsCard .btnBookmark, .mainNav__messages .resultsCard .btnBookmark--small {
    transform: translateX(16px);
    width: 48px
}

.mainNav__messages .thumbResultsCard, .mainNav__messages .thumbResultsCard--small {
    max-width: 636px;
    flex-direction: row
}

    .mainNav__messages .thumbResultsCard--small .thumbResultsCard__image, .mainNav__messages .thumbResultsCard .thumbResultsCard__image {
        height: auto;
        width: 89px;
        min-width: 89px;
        border-top-left-radius: 2px;
        border-top-right-radius: 0;
        border-bottom-left-radius: 2px
    }

    .mainNav__messages .thumbResultsCard--small .thumbResultsCard__content, .mainNav__messages .thumbResultsCard .thumbResultsCard__content {
        justify-content: flex-start
    }

    .mainNav__messages .thumbResultsCard--small .thumbResultsCard__sideInfo, .mainNav__messages .thumbResultsCard .thumbResultsCard__sideInfo {
        transform: none;
        justify-content: space-between
    }

    .mainNav__messages .thumbResultsCard--small .thumbResultsCard__text, .mainNav__messages .thumbResultsCard .thumbResultsCard__text {
        padding: 0
    }

    .mainNav__messages .thumbResultsCard--small .thumbResultsCard__description, .mainNav__messages .thumbResultsCard .thumbResultsCard__description {
        margin-top: 4px
    }

@media (max-width:512px) {
    .mainNav__messages .thumbResultsCard--small .thumbResultsCard__btnContainer, .mainNav__messages .thumbResultsCard .thumbResultsCard__btnContainer {
        margin-top: 8px
    }
}

.mainNav__messages .supplierCard, .mainNav__messages .supplierCard--small {
    max-width: 960px;
    min-height: 214px
}

    .mainNav__messages .supplierCard--small .supplierCard__container, .mainNav__messages .supplierCard .supplierCard__container {
        padding: 24px 16px
    }

        .mainNav__messages .supplierCard--small .supplierCard__container.opened, .mainNav__messages .supplierCard .supplierCard__container.opened {
            max-width: 90vw;
            padding: 24px 40px 24px 24px
        }

@media (max-width:768px) {
    .mainNav__messages .supplierCard--small .supplierCard__container.opened, .mainNav__messages .supplierCard .supplierCard__container.opened {
        padding: 24px
    }
}

.mainNav__messages .supplierCard--small .supplierCard__container.opened .supplierCard__content, .mainNav__messages .supplierCard .supplierCard__container.opened .supplierCard__content {
    max-width: calc(100% - 120px - 16px)
}

@media (max-width:768px) {
    .mainNav__messages .supplierCard--small .supplierCard__container.opened .supplierCard__content, .mainNav__messages .supplierCard .supplierCard__container.opened .supplierCard__content {
        max-width: 100%
    }
}

.mainNav__messages .supplierCard--small .supplierCard__container.opened .supplierCard__image, .mainNav__messages .supplierCard .supplierCard__container.opened .supplierCard__image {
    width: 120px;
    height: 120px
}

.mainNav__messages .supplierCard--small .supplierCard__image, .mainNav__messages .supplierCard .supplierCard__image {
    max-width: 110px;
    width: calc(15% - 16px);
    margin-right: 16px
}

@media (max-width:768px) {
    .mainNav__messages .supplierCard--small .supplierCard__image, .mainNav__messages .supplierCard .supplierCard__image {
        width: calc(25% - 16px)
    }
}

@media (max-width:512px) {
    .mainNav__messages .supplierCard--small .supplierCard__image, .mainNav__messages .supplierCard .supplierCard__image {
        width: calc(40% - 16px)
    }
}

.mainNav__messages .supplierCard--small .supplierCard__content, .mainNav__messages .supplierCard .supplierCard__content {
    max-width: 85%
}

@media (max-width:768px) {
    .mainNav__messages .supplierCard--small .supplierCard__content, .mainNav__messages .supplierCard .supplierCard__content {
        max-width: 75%
    }
}

@media (max-width:512px) {
    .mainNav__messages .supplierCard--small .supplierCard__content, .mainNav__messages .supplierCard .supplierCard__content {
        max-width: 60%
    }
}

@media (max-width:768px) {
    .mainNav__messages .supplierCard--small .supplierCard__title, .mainNav__messages .supplierCard .supplierCard__title {
        margin: 16px 0 8px
    }
}

.mainNav__messages .supplierCard--small .supplierCard__link, .mainNav__messages .supplierCard .supplierCard__link {
    right: -40px
}

@media (max-width:768px) {
    .mainNav__messages .supplierCard--small .supplierCard__link, .mainNav__messages .supplierCard .supplierCard__link {
        right: -24px
    }
}

.mainNav__messages .supplierCard--small .supplierCard__shortDescription, .mainNav__messages .supplierCard .supplierCard__shortDescription {
    max-width: none
}

.mainNav__messages .supplierCard--small .openExpandedCard, .mainNav__messages .supplierCard--small .openExpandedCard button, .mainNav__messages .supplierCard .openExpandedCard, .mainNav__messages .supplierCard .openExpandedCard button {
    width: 100%
}

.mainNav__messages .supplierCard--small .closeExpandedCard, .mainNav__messages .supplierCard .closeExpandedCard {
    top: 16px;
    right: 8px
}

.mainNav__messages .supplierCard--small .btn, .mainNav__messages .supplierCard--small .btn--icon, .mainNav__messages .supplierCard--small .btn--primary, .mainNav__messages .supplierCard--small .btn--primary--dark, .mainNav__messages .supplierCard--small .btn--secondary, .mainNav__messages .supplierCard--small .btn--small, .mainNav__messages .supplierCard--small .btn--tertiary, .mainNav__messages .supplierCard .btn, .mainNav__messages .supplierCard .btn--icon, .mainNav__messages .supplierCard .btn--primary, .mainNav__messages .supplierCard .btn--primary--dark, .mainNav__messages .supplierCard .btn--secondary, .mainNav__messages .supplierCard .btn--small, .mainNav__messages .supplierCard .btn--tertiary {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: .813rem;
    line-height: 1.538em;
    letter-spacing: -.003em;
    font-weight: 400;
    font-weight: 700;
    padding: 0 20px;
    height: 40px
}

    .mainNav__messages .supplierCard--small .btn--icon .link a, .mainNav__messages .supplierCard--small .btn--primary--dark .link a, .mainNav__messages .supplierCard--small .btn--primary .link a, .mainNav__messages .supplierCard--small .btn--secondary .link a, .mainNav__messages .supplierCard--small .btn--small .link a, .mainNav__messages .supplierCard--small .btn--tertiary .link a, .mainNav__messages .supplierCard--small .btn .link a, .mainNav__messages .supplierCard .btn--icon .link a, .mainNav__messages .supplierCard .btn--primary--dark .link a, .mainNav__messages .supplierCard .btn--primary .link a, .mainNav__messages .supplierCard .btn--secondary .link a, .mainNav__messages .supplierCard .btn--small .link a, .mainNav__messages .supplierCard .btn--tertiary .link a, .mainNav__messages .supplierCard .btn .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .mainNav__messages .supplierCard--small .btn--icon .link a:hover, .mainNav__messages .supplierCard--small .btn--primary--dark .link a:hover, .mainNav__messages .supplierCard--small .btn--primary .link a:hover, .mainNav__messages .supplierCard--small .btn--secondary .link a:hover, .mainNav__messages .supplierCard--small .btn--small .link a:hover, .mainNav__messages .supplierCard--small .btn--tertiary .link a:hover, .mainNav__messages .supplierCard--small .btn .link a:hover, .mainNav__messages .supplierCard .btn--icon .link a:hover, .mainNav__messages .supplierCard .btn--primary--dark .link a:hover, .mainNav__messages .supplierCard .btn--primary .link a:hover, .mainNav__messages .supplierCard .btn--secondary .link a:hover, .mainNav__messages .supplierCard .btn--small .link a:hover, .mainNav__messages .supplierCard .btn--tertiary .link a:hover, .mainNav__messages .supplierCard .btn .link a:hover {
            color: var(--m-01)
        }

    .mainNav__messages .supplierCard--small .btn--icon mark, .mainNav__messages .supplierCard--small .btn--icon mark[data-color=color], .mainNav__messages .supplierCard--small .btn--primary--dark mark, .mainNav__messages .supplierCard--small .btn--primary--dark mark[data-color=color], .mainNav__messages .supplierCard--small .btn--primary mark, .mainNav__messages .supplierCard--small .btn--primary mark[data-color=color], .mainNav__messages .supplierCard--small .btn--secondary mark, .mainNav__messages .supplierCard--small .btn--secondary mark[data-color=color], .mainNav__messages .supplierCard--small .btn--small mark, .mainNav__messages .supplierCard--small .btn--small mark[data-color=color], .mainNav__messages .supplierCard--small .btn--tertiary mark, .mainNav__messages .supplierCard--small .btn--tertiary mark[data-color=color], .mainNav__messages .supplierCard--small .btn mark, .mainNav__messages .supplierCard--small .btn mark[data-color=color], .mainNav__messages .supplierCard .btn--icon mark, .mainNav__messages .supplierCard .btn--icon mark[data-color=color], .mainNav__messages .supplierCard .btn--primary--dark mark, .mainNav__messages .supplierCard .btn--primary--dark mark[data-color=color], .mainNav__messages .supplierCard .btn--primary mark, .mainNav__messages .supplierCard .btn--primary mark[data-color=color], .mainNav__messages .supplierCard .btn--secondary mark, .mainNav__messages .supplierCard .btn--secondary mark[data-color=color], .mainNav__messages .supplierCard .btn--small mark, .mainNav__messages .supplierCard .btn--small mark[data-color=color], .mainNav__messages .supplierCard .btn--tertiary mark, .mainNav__messages .supplierCard .btn--tertiary mark[data-color=color], .mainNav__messages .supplierCard .btn mark, .mainNav__messages .supplierCard .btn mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .mainNav__messages .supplierCard--small .btn--icon mark[data-color=gray], .mainNav__messages .supplierCard--small .btn--primary--dark mark[data-color=gray], .mainNav__messages .supplierCard--small .btn--primary mark[data-color=gray], .mainNav__messages .supplierCard--small .btn--secondary mark[data-color=gray], .mainNav__messages .supplierCard--small .btn--small mark[data-color=gray], .mainNav__messages .supplierCard--small .btn--tertiary mark[data-color=gray], .mainNav__messages .supplierCard--small .btn mark[data-color=gray], .mainNav__messages .supplierCard .btn--icon mark[data-color=gray], .mainNav__messages .supplierCard .btn--primary--dark mark[data-color=gray], .mainNav__messages .supplierCard .btn--primary mark[data-color=gray], .mainNav__messages .supplierCard .btn--secondary mark[data-color=gray], .mainNav__messages .supplierCard .btn--small mark[data-color=gray], .mainNav__messages .supplierCard .btn--tertiary mark[data-color=gray], .mainNav__messages .supplierCard .btn mark[data-color=gray] {
            color: var(--neu-07)
        }

        .mainNav__messages .supplierCard--small .btn--icon mark[data-color=default], .mainNav__messages .supplierCard--small .btn--primary--dark mark[data-color=default], .mainNav__messages .supplierCard--small .btn--primary mark[data-color=default], .mainNav__messages .supplierCard--small .btn--secondary mark[data-color=default], .mainNav__messages .supplierCard--small .btn--small mark[data-color=default], .mainNav__messages .supplierCard--small .btn--tertiary mark[data-color=default], .mainNav__messages .supplierCard--small .btn mark[data-color=default], .mainNav__messages .supplierCard .btn--icon mark[data-color=default], .mainNav__messages .supplierCard .btn--primary--dark mark[data-color=default], .mainNav__messages .supplierCard .btn--primary mark[data-color=default], .mainNav__messages .supplierCard .btn--secondary mark[data-color=default], .mainNav__messages .supplierCard .btn--small mark[data-color=default], .mainNav__messages .supplierCard .btn--tertiary mark[data-color=default], .mainNav__messages .supplierCard .btn mark[data-color=default] {
            color: var(--neu-10)
        }

    .mainNav__messages .supplierCard--small .btn--icon span.m-01--dark-01, .mainNav__messages .supplierCard--small .btn--icon span[data-color=color], .mainNav__messages .supplierCard--small .btn--primary--dark span.m-01--dark-01, .mainNav__messages .supplierCard--small .btn--primary--dark span[data-color=color], .mainNav__messages .supplierCard--small .btn--primary span.m-01--dark-01, .mainNav__messages .supplierCard--small .btn--primary span[data-color=color], .mainNav__messages .supplierCard--small .btn--secondary span.m-01--dark-01, .mainNav__messages .supplierCard--small .btn--secondary span[data-color=color], .mainNav__messages .supplierCard--small .btn--small span.m-01--dark-01, .mainNav__messages .supplierCard--small .btn--small span[data-color=color], .mainNav__messages .supplierCard--small .btn--tertiary span.m-01--dark-01, .mainNav__messages .supplierCard--small .btn--tertiary span[data-color=color], .mainNav__messages .supplierCard--small .btn span.m-01--dark-01, .mainNav__messages .supplierCard--small .btn span[data-color=color], .mainNav__messages .supplierCard .btn--icon span.m-01--dark-01, .mainNav__messages .supplierCard .btn--icon span[data-color=color], .mainNav__messages .supplierCard .btn--primary--dark span.m-01--dark-01, .mainNav__messages .supplierCard .btn--primary--dark span[data-color=color], .mainNav__messages .supplierCard .btn--primary span.m-01--dark-01, .mainNav__messages .supplierCard .btn--primary span[data-color=color], .mainNav__messages .supplierCard .btn--secondary span.m-01--dark-01, .mainNav__messages .supplierCard .btn--secondary span[data-color=color], .mainNav__messages .supplierCard .btn--small span.m-01--dark-01, .mainNav__messages .supplierCard .btn--small span[data-color=color], .mainNav__messages .supplierCard .btn--tertiary span.m-01--dark-01, .mainNav__messages .supplierCard .btn--tertiary span[data-color=color], .mainNav__messages .supplierCard .btn span.m-01--dark-01, .mainNav__messages .supplierCard .btn span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .mainNav__messages .supplierCard--small .btn--icon span.neu-07, .mainNav__messages .supplierCard--small .btn--icon span[data-color=gray], .mainNav__messages .supplierCard--small .btn--primary--dark span.neu-07, .mainNav__messages .supplierCard--small .btn--primary--dark span[data-color=gray], .mainNav__messages .supplierCard--small .btn--primary span.neu-07, .mainNav__messages .supplierCard--small .btn--primary span[data-color=gray], .mainNav__messages .supplierCard--small .btn--secondary span.neu-07, .mainNav__messages .supplierCard--small .btn--secondary span[data-color=gray], .mainNav__messages .supplierCard--small .btn--small span.neu-07, .mainNav__messages .supplierCard--small .btn--small span[data-color=gray], .mainNav__messages .supplierCard--small .btn--tertiary span.neu-07, .mainNav__messages .supplierCard--small .btn--tertiary span[data-color=gray], .mainNav__messages .supplierCard--small .btn span.neu-07, .mainNav__messages .supplierCard--small .btn span[data-color=gray], .mainNav__messages .supplierCard .btn--icon span.neu-07, .mainNav__messages .supplierCard .btn--icon span[data-color=gray], .mainNav__messages .supplierCard .btn--primary--dark span.neu-07, .mainNav__messages .supplierCard .btn--primary--dark span[data-color=gray], .mainNav__messages .supplierCard .btn--primary span.neu-07, .mainNav__messages .supplierCard .btn--primary span[data-color=gray], .mainNav__messages .supplierCard .btn--secondary span.neu-07, .mainNav__messages .supplierCard .btn--secondary span[data-color=gray], .mainNav__messages .supplierCard .btn--small span.neu-07, .mainNav__messages .supplierCard .btn--small span[data-color=gray], .mainNav__messages .supplierCard .btn--tertiary span.neu-07, .mainNav__messages .supplierCard .btn--tertiary span[data-color=gray], .mainNav__messages .supplierCard .btn span.neu-07, .mainNav__messages .supplierCard .btn span[data-color=gray] {
        color: var(--neu-07)
    }

    .mainNav__messages .supplierCard--small .btn--icon span.neu-10, .mainNav__messages .supplierCard--small .btn--icon span[data-color=default], .mainNav__messages .supplierCard--small .btn--primary--dark span.neu-10, .mainNav__messages .supplierCard--small .btn--primary--dark span[data-color=default], .mainNav__messages .supplierCard--small .btn--primary span.neu-10, .mainNav__messages .supplierCard--small .btn--primary span[data-color=default], .mainNav__messages .supplierCard--small .btn--secondary span.neu-10, .mainNav__messages .supplierCard--small .btn--secondary span[data-color=default], .mainNav__messages .supplierCard--small .btn--small span.neu-10, .mainNav__messages .supplierCard--small .btn--small span[data-color=default], .mainNav__messages .supplierCard--small .btn--tertiary span.neu-10, .mainNav__messages .supplierCard--small .btn--tertiary span[data-color=default], .mainNav__messages .supplierCard--small .btn span.neu-10, .mainNav__messages .supplierCard--small .btn span[data-color=default], .mainNav__messages .supplierCard .btn--icon span.neu-10, .mainNav__messages .supplierCard .btn--icon span[data-color=default], .mainNav__messages .supplierCard .btn--primary--dark span.neu-10, .mainNav__messages .supplierCard .btn--primary--dark span[data-color=default], .mainNav__messages .supplierCard .btn--primary span.neu-10, .mainNav__messages .supplierCard .btn--primary span[data-color=default], .mainNav__messages .supplierCard .btn--secondary span.neu-10, .mainNav__messages .supplierCard .btn--secondary span[data-color=default], .mainNav__messages .supplierCard .btn--small span.neu-10, .mainNav__messages .supplierCard .btn--small span[data-color=default], .mainNav__messages .supplierCard .btn--tertiary span.neu-10, .mainNav__messages .supplierCard .btn--tertiary span[data-color=default], .mainNav__messages .supplierCard .btn span.neu-10, .mainNav__messages .supplierCard .btn span[data-color=default] {
        color: var(--neu-10)
    }

    .mainNav__messages .supplierCard--small .btn--icon b, .mainNav__messages .supplierCard--small .btn--icon strong, .mainNav__messages .supplierCard--small .btn--primary--dark b, .mainNav__messages .supplierCard--small .btn--primary--dark strong, .mainNav__messages .supplierCard--small .btn--primary b, .mainNav__messages .supplierCard--small .btn--primary strong, .mainNav__messages .supplierCard--small .btn--secondary b, .mainNav__messages .supplierCard--small .btn--secondary strong, .mainNav__messages .supplierCard--small .btn--small b, .mainNav__messages .supplierCard--small .btn--small strong, .mainNav__messages .supplierCard--small .btn--tertiary b, .mainNav__messages .supplierCard--small .btn--tertiary strong, .mainNav__messages .supplierCard--small .btn b, .mainNav__messages .supplierCard--small .btn strong, .mainNav__messages .supplierCard .btn--icon b, .mainNav__messages .supplierCard .btn--icon strong, .mainNav__messages .supplierCard .btn--primary--dark b, .mainNav__messages .supplierCard .btn--primary--dark strong, .mainNav__messages .supplierCard .btn--primary b, .mainNav__messages .supplierCard .btn--primary strong, .mainNav__messages .supplierCard .btn--secondary b, .mainNav__messages .supplierCard .btn--secondary strong, .mainNav__messages .supplierCard .btn--small b, .mainNav__messages .supplierCard .btn--small strong, .mainNav__messages .supplierCard .btn--tertiary b, .mainNav__messages .supplierCard .btn--tertiary strong, .mainNav__messages .supplierCard .btn b, .mainNav__messages .supplierCard .btn strong {
        font-weight: 700
    }

    .mainNav__messages .supplierCard--small .btn--icon em, .mainNav__messages .supplierCard--small .btn--primary--dark em, .mainNav__messages .supplierCard--small .btn--primary em, .mainNav__messages .supplierCard--small .btn--secondary em, .mainNav__messages .supplierCard--small .btn--small em, .mainNav__messages .supplierCard--small .btn--tertiary em, .mainNav__messages .supplierCard--small .btn em, .mainNav__messages .supplierCard .btn--icon em, .mainNav__messages .supplierCard .btn--primary--dark em, .mainNav__messages .supplierCard .btn--primary em, .mainNav__messages .supplierCard .btn--secondary em, .mainNav__messages .supplierCard .btn--small em, .mainNav__messages .supplierCard .btn--tertiary em, .mainNav__messages .supplierCard .btn em {
        font-style: italic
    }

    .mainNav__messages .supplierCard--small .btn--icon i, .mainNav__messages .supplierCard--small .btn--primary--dark i, .mainNav__messages .supplierCard--small .btn--primary i, .mainNav__messages .supplierCard--small .btn--secondary i, .mainNav__messages .supplierCard--small .btn--small i, .mainNav__messages .supplierCard--small .btn--tertiary i, .mainNav__messages .supplierCard--small .btn i, .mainNav__messages .supplierCard .btn--icon i, .mainNav__messages .supplierCard .btn--primary--dark i, .mainNav__messages .supplierCard .btn--primary i, .mainNav__messages .supplierCard .btn--secondary i, .mainNav__messages .supplierCard .btn--small i, .mainNav__messages .supplierCard .btn--tertiary i, .mainNav__messages .supplierCard .btn i {
        min-width: 16px;
        width: 16px;
        height: 16px;
        font-size: 16px
    }

        .mainNav__messages .supplierCard--small .btn--icon i:before, .mainNav__messages .supplierCard--small .btn--primary--dark i:before, .mainNav__messages .supplierCard--small .btn--primary i:before, .mainNav__messages .supplierCard--small .btn--secondary i:before, .mainNav__messages .supplierCard--small .btn--small i:before, .mainNav__messages .supplierCard--small .btn--tertiary i:before, .mainNav__messages .supplierCard--small .btn i:before, .mainNav__messages .supplierCard .btn--icon i:before, .mainNav__messages .supplierCard .btn--primary--dark i:before, .mainNav__messages .supplierCard .btn--primary i:before, .mainNav__messages .supplierCard .btn--secondary i:before, .mainNav__messages .supplierCard .btn--small i:before, .mainNav__messages .supplierCard .btn--tertiary i:before, .mainNav__messages .supplierCard .btn i:before {
            font-size: 16px;
            font-weight: 400
        }

    .mainNav__messages .supplierCard--small .btn--icon, .mainNav__messages .supplierCard--small .btn--icon.btn--primary, .mainNav__messages .supplierCard--small .btn--icon.btn--primary--dark, .mainNav__messages .supplierCard--small .btn--icon.btn--secondary, .mainNav__messages .supplierCard--small .btn--icon.btn--small, .mainNav__messages .supplierCard--small .btn--icon.btn--tertiary, .mainNav__messages .supplierCard--small .btn.btn--icon, .mainNav__messages .supplierCard .btn--icon, .mainNav__messages .supplierCard .btn--icon.btn--primary, .mainNav__messages .supplierCard .btn--icon.btn--primary--dark, .mainNav__messages .supplierCard .btn--icon.btn--secondary, .mainNav__messages .supplierCard .btn--icon.btn--small, .mainNav__messages .supplierCard .btn--icon.btn--tertiary, .mainNav__messages .supplierCard .btn.btn--icon {
        width: 40px;
        min-width: 40px
    }

.mainNav__messages .regionResultsCard, .mainNav__messages .regionResultsCard--small {
    max-width: 960px;
    min-height: auto;
    padding: 0 0 24px;
    border-radius: 0;
    flex-direction: column
}

    .mainNav__messages .regionResultsCard--small .regionResultsCard__image, .mainNav__messages .regionResultsCard .regionResultsCard__image {
        height: 100px;
        width: 100%;
        margin-right: 0;
        margin-bottom: 16px
    }

    .mainNav__messages .regionResultsCard--small .regionResultsCard__title, .mainNav__messages .regionResultsCard .regionResultsCard__title {
        margin-top: 4px
    }

    .mainNav__messages .regionResultsCard--small .regionResultsCard__content, .mainNav__messages .regionResultsCard .regionResultsCard__content {
        flex: 2;
        justify-content: flex-start
    }

    .mainNav__messages .regionResultsCard--small .regionResultsCard__topInfo, .mainNav__messages .regionResultsCard .regionResultsCard__topInfo {
        flex-direction: column
    }

    .mainNav__messages .regionResultsCard--small .regionResultsCard__sideInfo, .mainNav__messages .regionResultsCard .regionResultsCard__sideInfo {
        order: 1;
        transform: none;
        justify-content: space-between;
        margin-bottom: 16px
    }

    .mainNav__messages .regionResultsCard--small .regionResultsCard__labels, .mainNav__messages .regionResultsCard .regionResultsCard__labels {
        order: 2
    }

    .mainNav__messages .regionResultsCard--small .regionResultsCard__text, .mainNav__messages .regionResultsCard .regionResultsCard__text {
        padding: 0
    }

    .mainNav__messages .regionResultsCard--small .regionResultsCard__bottomInfo, .mainNav__messages .regionResultsCard .regionResultsCard__bottomInfo {
        margin-top: 8px;
        flex-direction: column;
        align-items: flex-start
    }

    .mainNav__messages .regionResultsCard--small .regionResultsCard__btnContainer, .mainNav__messages .regionResultsCard .regionResultsCard__btnContainer {
        width: 100%;
        display: flex
    }

        .mainNav__messages .regionResultsCard--small .regionResultsCard__btnContainer .btn--primary, .mainNav__messages .regionResultsCard .regionResultsCard__btnContainer .btn--primary {
            width: 100%
        }

    .mainNav__messages .regionResultsCard--small .btnBookmark, .mainNav__messages .regionResultsCard--small .btnBookmark--privateArea, .mainNav__messages .regionResultsCard--small .btnBookmark--small, .mainNav__messages .regionResultsCard .btnBookmark, .mainNav__messages .regionResultsCard .btnBookmark--privateArea, .mainNav__messages .regionResultsCard .btnBookmark--small {
        transform: translateX(20px)
    }

        .mainNav__messages .regionResultsCard--small .btnBookmark--privateArea .btnBookmark, .mainNav__messages .regionResultsCard--small .btnBookmark--privateArea .btnBookmark--small, .mainNav__messages .regionResultsCard .btnBookmark--privateArea .btnBookmark, .mainNav__messages .regionResultsCard .btnBookmark--privateArea .btnBookmark--small {
            transform: translateX(0)
        }

.mainNav__messages .resourceCard, .mainNav__messages .resourceCard--small {
    max-width: 960px;
    min-height: 200px;
    height: 100%;
    padding: 24px 16px
}

    .mainNav__messages .resourceCard--small .resourceCard__title, .mainNav__messages .resourceCard .resourceCard__title {
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-stretch: normal;
        letter-spacing: normal;
        font-family: Inter,sans-serif;
        font-size: 1.188rem;
        line-height: 1.263em;
        letter-spacing: -.016em;
        font-weight: 400;
        margin-top: 4px
    }

        .mainNav__messages .resourceCard--small .resourceCard__title .link a, .mainNav__messages .resourceCard .resourceCard__title .link a {
            transition: all .1s ease;
            text-decoration: underline;
            color: var(--m-01--dark-01)
        }

            .mainNav__messages .resourceCard--small .resourceCard__title .link a:hover, .mainNav__messages .resourceCard .resourceCard__title .link a:hover {
                color: var(--m-01)
            }

        .mainNav__messages .resourceCard--small .resourceCard__title mark, .mainNav__messages .resourceCard--small .resourceCard__title mark[data-color=color], .mainNav__messages .resourceCard .resourceCard__title mark, .mainNav__messages .resourceCard .resourceCard__title mark[data-color=color] {
            color: var(--m-01--dark-01)
        }

            .mainNav__messages .resourceCard--small .resourceCard__title mark[data-color=gray], .mainNav__messages .resourceCard .resourceCard__title mark[data-color=gray] {
                color: var(--neu-07)
            }

            .mainNav__messages .resourceCard--small .resourceCard__title mark[data-color=default], .mainNav__messages .resourceCard .resourceCard__title mark[data-color=default] {
                color: var(--neu-10)
            }

        .mainNav__messages .resourceCard--small .resourceCard__title span.m-01--dark-01, .mainNav__messages .resourceCard--small .resourceCard__title span[data-color=color], .mainNav__messages .resourceCard .resourceCard__title span.m-01--dark-01, .mainNav__messages .resourceCard .resourceCard__title span[data-color=color] {
            color: var(--m-01--dark-01)
        }

        .mainNav__messages .resourceCard--small .resourceCard__title span.neu-07, .mainNav__messages .resourceCard--small .resourceCard__title span[data-color=gray], .mainNav__messages .resourceCard .resourceCard__title span.neu-07, .mainNav__messages .resourceCard .resourceCard__title span[data-color=gray] {
            color: var(--neu-07)
        }

        .mainNav__messages .resourceCard--small .resourceCard__title span.neu-10, .mainNav__messages .resourceCard--small .resourceCard__title span[data-color=default], .mainNav__messages .resourceCard .resourceCard__title span.neu-10, .mainNav__messages .resourceCard .resourceCard__title span[data-color=default] {
            color: var(--neu-10)
        }

        .mainNav__messages .resourceCard--small .resourceCard__title b, .mainNav__messages .resourceCard--small .resourceCard__title strong, .mainNav__messages .resourceCard .resourceCard__title b, .mainNav__messages .resourceCard .resourceCard__title strong {
            font-weight: 700
        }

        .mainNav__messages .resourceCard--small .resourceCard__title em, .mainNav__messages .resourceCard .resourceCard__title em {
            font-style: italic
        }

    .mainNav__messages .resourceCard--small .btn, .mainNav__messages .resourceCard--small .btn--icon, .mainNav__messages .resourceCard--small .btn--primary, .mainNav__messages .resourceCard--small .btn--primary--dark, .mainNav__messages .resourceCard--small .btn--secondary, .mainNav__messages .resourceCard--small .btn--small, .mainNav__messages .resourceCard--small .btn--tertiary, .mainNav__messages .resourceCard .btn, .mainNav__messages .resourceCard .btn--icon, .mainNav__messages .resourceCard .btn--primary, .mainNav__messages .resourceCard .btn--primary--dark, .mainNav__messages .resourceCard .btn--secondary, .mainNav__messages .resourceCard .btn--small, .mainNav__messages .resourceCard .btn--tertiary {
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-stretch: normal;
        letter-spacing: normal;
        font-family: Inter,sans-serif;
        font-size: .813rem;
        line-height: 1.538em;
        letter-spacing: -.003em;
        font-weight: 400;
        font-weight: 700;
        padding: 0 20px;
        height: 40px
    }

        .mainNav__messages .resourceCard--small .btn--icon .link a, .mainNav__messages .resourceCard--small .btn--primary--dark .link a, .mainNav__messages .resourceCard--small .btn--primary .link a, .mainNav__messages .resourceCard--small .btn--secondary .link a, .mainNav__messages .resourceCard--small .btn--small .link a, .mainNav__messages .resourceCard--small .btn--tertiary .link a, .mainNav__messages .resourceCard--small .btn .link a, .mainNav__messages .resourceCard .btn--icon .link a, .mainNav__messages .resourceCard .btn--primary--dark .link a, .mainNav__messages .resourceCard .btn--primary .link a, .mainNav__messages .resourceCard .btn--secondary .link a, .mainNav__messages .resourceCard .btn--small .link a, .mainNav__messages .resourceCard .btn--tertiary .link a, .mainNav__messages .resourceCard .btn .link a {
            transition: all .1s ease;
            text-decoration: underline;
            color: var(--m-01--dark-01)
        }

            .mainNav__messages .resourceCard--small .btn--icon .link a:hover, .mainNav__messages .resourceCard--small .btn--primary--dark .link a:hover, .mainNav__messages .resourceCard--small .btn--primary .link a:hover, .mainNav__messages .resourceCard--small .btn--secondary .link a:hover, .mainNav__messages .resourceCard--small .btn--small .link a:hover, .mainNav__messages .resourceCard--small .btn--tertiary .link a:hover, .mainNav__messages .resourceCard--small .btn .link a:hover, .mainNav__messages .resourceCard .btn--icon .link a:hover, .mainNav__messages .resourceCard .btn--primary--dark .link a:hover, .mainNav__messages .resourceCard .btn--primary .link a:hover, .mainNav__messages .resourceCard .btn--secondary .link a:hover, .mainNav__messages .resourceCard .btn--small .link a:hover, .mainNav__messages .resourceCard .btn--tertiary .link a:hover, .mainNav__messages .resourceCard .btn .link a:hover {
                color: var(--m-01)
            }

        .mainNav__messages .resourceCard--small .btn--icon mark, .mainNav__messages .resourceCard--small .btn--icon mark[data-color=color], .mainNav__messages .resourceCard--small .btn--primary--dark mark, .mainNav__messages .resourceCard--small .btn--primary--dark mark[data-color=color], .mainNav__messages .resourceCard--small .btn--primary mark, .mainNav__messages .resourceCard--small .btn--primary mark[data-color=color], .mainNav__messages .resourceCard--small .btn--secondary mark, .mainNav__messages .resourceCard--small .btn--secondary mark[data-color=color], .mainNav__messages .resourceCard--small .btn--small mark, .mainNav__messages .resourceCard--small .btn--small mark[data-color=color], .mainNav__messages .resourceCard--small .btn--tertiary mark, .mainNav__messages .resourceCard--small .btn--tertiary mark[data-color=color], .mainNav__messages .resourceCard--small .btn mark, .mainNav__messages .resourceCard--small .btn mark[data-color=color], .mainNav__messages .resourceCard .btn--icon mark, .mainNav__messages .resourceCard .btn--icon mark[data-color=color], .mainNav__messages .resourceCard .btn--primary--dark mark, .mainNav__messages .resourceCard .btn--primary--dark mark[data-color=color], .mainNav__messages .resourceCard .btn--primary mark, .mainNav__messages .resourceCard .btn--primary mark[data-color=color], .mainNav__messages .resourceCard .btn--secondary mark, .mainNav__messages .resourceCard .btn--secondary mark[data-color=color], .mainNav__messages .resourceCard .btn--small mark, .mainNav__messages .resourceCard .btn--small mark[data-color=color], .mainNav__messages .resourceCard .btn--tertiary mark, .mainNav__messages .resourceCard .btn--tertiary mark[data-color=color], .mainNav__messages .resourceCard .btn mark, .mainNav__messages .resourceCard .btn mark[data-color=color] {
            color: var(--m-01--dark-01)
        }

            .mainNav__messages .resourceCard--small .btn--icon mark[data-color=gray], .mainNav__messages .resourceCard--small .btn--primary--dark mark[data-color=gray], .mainNav__messages .resourceCard--small .btn--primary mark[data-color=gray], .mainNav__messages .resourceCard--small .btn--secondary mark[data-color=gray], .mainNav__messages .resourceCard--small .btn--small mark[data-color=gray], .mainNav__messages .resourceCard--small .btn--tertiary mark[data-color=gray], .mainNav__messages .resourceCard--small .btn mark[data-color=gray], .mainNav__messages .resourceCard .btn--icon mark[data-color=gray], .mainNav__messages .resourceCard .btn--primary--dark mark[data-color=gray], .mainNav__messages .resourceCard .btn--primary mark[data-color=gray], .mainNav__messages .resourceCard .btn--secondary mark[data-color=gray], .mainNav__messages .resourceCard .btn--small mark[data-color=gray], .mainNav__messages .resourceCard .btn--tertiary mark[data-color=gray], .mainNav__messages .resourceCard .btn mark[data-color=gray] {
                color: var(--neu-07)
            }

            .mainNav__messages .resourceCard--small .btn--icon mark[data-color=default], .mainNav__messages .resourceCard--small .btn--primary--dark mark[data-color=default], .mainNav__messages .resourceCard--small .btn--primary mark[data-color=default], .mainNav__messages .resourceCard--small .btn--secondary mark[data-color=default], .mainNav__messages .resourceCard--small .btn--small mark[data-color=default], .mainNav__messages .resourceCard--small .btn--tertiary mark[data-color=default], .mainNav__messages .resourceCard--small .btn mark[data-color=default], .mainNav__messages .resourceCard .btn--icon mark[data-color=default], .mainNav__messages .resourceCard .btn--primary--dark mark[data-color=default], .mainNav__messages .resourceCard .btn--primary mark[data-color=default], .mainNav__messages .resourceCard .btn--secondary mark[data-color=default], .mainNav__messages .resourceCard .btn--small mark[data-color=default], .mainNav__messages .resourceCard .btn--tertiary mark[data-color=default], .mainNav__messages .resourceCard .btn mark[data-color=default] {
                color: var(--neu-10)
            }

        .mainNav__messages .resourceCard--small .btn--icon span.m-01--dark-01, .mainNav__messages .resourceCard--small .btn--icon span[data-color=color], .mainNav__messages .resourceCard--small .btn--primary--dark span.m-01--dark-01, .mainNav__messages .resourceCard--small .btn--primary--dark span[data-color=color], .mainNav__messages .resourceCard--small .btn--primary span.m-01--dark-01, .mainNav__messages .resourceCard--small .btn--primary span[data-color=color], .mainNav__messages .resourceCard--small .btn--secondary span.m-01--dark-01, .mainNav__messages .resourceCard--small .btn--secondary span[data-color=color], .mainNav__messages .resourceCard--small .btn--small span.m-01--dark-01, .mainNav__messages .resourceCard--small .btn--small span[data-color=color], .mainNav__messages .resourceCard--small .btn--tertiary span.m-01--dark-01, .mainNav__messages .resourceCard--small .btn--tertiary span[data-color=color], .mainNav__messages .resourceCard--small .btn span.m-01--dark-01, .mainNav__messages .resourceCard--small .btn span[data-color=color], .mainNav__messages .resourceCard .btn--icon span.m-01--dark-01, .mainNav__messages .resourceCard .btn--icon span[data-color=color], .mainNav__messages .resourceCard .btn--primary--dark span.m-01--dark-01, .mainNav__messages .resourceCard .btn--primary--dark span[data-color=color], .mainNav__messages .resourceCard .btn--primary span.m-01--dark-01, .mainNav__messages .resourceCard .btn--primary span[data-color=color], .mainNav__messages .resourceCard .btn--secondary span.m-01--dark-01, .mainNav__messages .resourceCard .btn--secondary span[data-color=color], .mainNav__messages .resourceCard .btn--small span.m-01--dark-01, .mainNav__messages .resourceCard .btn--small span[data-color=color], .mainNav__messages .resourceCard .btn--tertiary span.m-01--dark-01, .mainNav__messages .resourceCard .btn--tertiary span[data-color=color], .mainNav__messages .resourceCard .btn span.m-01--dark-01, .mainNav__messages .resourceCard .btn span[data-color=color] {
            color: var(--m-01--dark-01)
        }

        .mainNav__messages .resourceCard--small .btn--icon span.neu-07, .mainNav__messages .resourceCard--small .btn--icon span[data-color=gray], .mainNav__messages .resourceCard--small .btn--primary--dark span.neu-07, .mainNav__messages .resourceCard--small .btn--primary--dark span[data-color=gray], .mainNav__messages .resourceCard--small .btn--primary span.neu-07, .mainNav__messages .resourceCard--small .btn--primary span[data-color=gray], .mainNav__messages .resourceCard--small .btn--secondary span.neu-07, .mainNav__messages .resourceCard--small .btn--secondary span[data-color=gray], .mainNav__messages .resourceCard--small .btn--small span.neu-07, .mainNav__messages .resourceCard--small .btn--small span[data-color=gray], .mainNav__messages .resourceCard--small .btn--tertiary span.neu-07, .mainNav__messages .resourceCard--small .btn--tertiary span[data-color=gray], .mainNav__messages .resourceCard--small .btn span.neu-07, .mainNav__messages .resourceCard--small .btn span[data-color=gray], .mainNav__messages .resourceCard .btn--icon span.neu-07, .mainNav__messages .resourceCard .btn--icon span[data-color=gray], .mainNav__messages .resourceCard .btn--primary--dark span.neu-07, .mainNav__messages .resourceCard .btn--primary--dark span[data-color=gray], .mainNav__messages .resourceCard .btn--primary span.neu-07, .mainNav__messages .resourceCard .btn--primary span[data-color=gray], .mainNav__messages .resourceCard .btn--secondary span.neu-07, .mainNav__messages .resourceCard .btn--secondary span[data-color=gray], .mainNav__messages .resourceCard .btn--small span.neu-07, .mainNav__messages .resourceCard .btn--small span[data-color=gray], .mainNav__messages .resourceCard .btn--tertiary span.neu-07, .mainNav__messages .resourceCard .btn--tertiary span[data-color=gray], .mainNav__messages .resourceCard .btn span.neu-07, .mainNav__messages .resourceCard .btn span[data-color=gray] {
            color: var(--neu-07)
        }

        .mainNav__messages .resourceCard--small .btn--icon span.neu-10, .mainNav__messages .resourceCard--small .btn--icon span[data-color=default], .mainNav__messages .resourceCard--small .btn--primary--dark span.neu-10, .mainNav__messages .resourceCard--small .btn--primary--dark span[data-color=default], .mainNav__messages .resourceCard--small .btn--primary span.neu-10, .mainNav__messages .resourceCard--small .btn--primary span[data-color=default], .mainNav__messages .resourceCard--small .btn--secondary span.neu-10, .mainNav__messages .resourceCard--small .btn--secondary span[data-color=default], .mainNav__messages .resourceCard--small .btn--small span.neu-10, .mainNav__messages .resourceCard--small .btn--small span[data-color=default], .mainNav__messages .resourceCard--small .btn--tertiary span.neu-10, .mainNav__messages .resourceCard--small .btn--tertiary span[data-color=default], .mainNav__messages .resourceCard--small .btn span.neu-10, .mainNav__messages .resourceCard--small .btn span[data-color=default], .mainNav__messages .resourceCard .btn--icon span.neu-10, .mainNav__messages .resourceCard .btn--icon span[data-color=default], .mainNav__messages .resourceCard .btn--primary--dark span.neu-10, .mainNav__messages .resourceCard .btn--primary--dark span[data-color=default], .mainNav__messages .resourceCard .btn--primary span.neu-10, .mainNav__messages .resourceCard .btn--primary span[data-color=default], .mainNav__messages .resourceCard .btn--secondary span.neu-10, .mainNav__messages .resourceCard .btn--secondary span[data-color=default], .mainNav__messages .resourceCard .btn--small span.neu-10, .mainNav__messages .resourceCard .btn--small span[data-color=default], .mainNav__messages .resourceCard .btn--tertiary span.neu-10, .mainNav__messages .resourceCard .btn--tertiary span[data-color=default], .mainNav__messages .resourceCard .btn span.neu-10, .mainNav__messages .resourceCard .btn span[data-color=default] {
            color: var(--neu-10)
        }

        .mainNav__messages .resourceCard--small .btn--icon b, .mainNav__messages .resourceCard--small .btn--icon strong, .mainNav__messages .resourceCard--small .btn--primary--dark b, .mainNav__messages .resourceCard--small .btn--primary--dark strong, .mainNav__messages .resourceCard--small .btn--primary b, .mainNav__messages .resourceCard--small .btn--primary strong, .mainNav__messages .resourceCard--small .btn--secondary b, .mainNav__messages .resourceCard--small .btn--secondary strong, .mainNav__messages .resourceCard--small .btn--small b, .mainNav__messages .resourceCard--small .btn--small strong, .mainNav__messages .resourceCard--small .btn--tertiary b, .mainNav__messages .resourceCard--small .btn--tertiary strong, .mainNav__messages .resourceCard--small .btn b, .mainNav__messages .resourceCard--small .btn strong, .mainNav__messages .resourceCard .btn--icon b, .mainNav__messages .resourceCard .btn--icon strong, .mainNav__messages .resourceCard .btn--primary--dark b, .mainNav__messages .resourceCard .btn--primary--dark strong, .mainNav__messages .resourceCard .btn--primary b, .mainNav__messages .resourceCard .btn--primary strong, .mainNav__messages .resourceCard .btn--secondary b, .mainNav__messages .resourceCard .btn--secondary strong, .mainNav__messages .resourceCard .btn--small b, .mainNav__messages .resourceCard .btn--small strong, .mainNav__messages .resourceCard .btn--tertiary b, .mainNav__messages .resourceCard .btn--tertiary strong, .mainNav__messages .resourceCard .btn b, .mainNav__messages .resourceCard .btn strong {
            font-weight: 700
        }

        .mainNav__messages .resourceCard--small .btn--icon em, .mainNav__messages .resourceCard--small .btn--primary--dark em, .mainNav__messages .resourceCard--small .btn--primary em, .mainNav__messages .resourceCard--small .btn--secondary em, .mainNav__messages .resourceCard--small .btn--small em, .mainNav__messages .resourceCard--small .btn--tertiary em, .mainNav__messages .resourceCard--small .btn em, .mainNav__messages .resourceCard .btn--icon em, .mainNav__messages .resourceCard .btn--primary--dark em, .mainNav__messages .resourceCard .btn--primary em, .mainNav__messages .resourceCard .btn--secondary em, .mainNav__messages .resourceCard .btn--small em, .mainNav__messages .resourceCard .btn--tertiary em, .mainNav__messages .resourceCard .btn em {
            font-style: italic
        }

        .mainNav__messages .resourceCard--small .btn--icon i, .mainNav__messages .resourceCard--small .btn--primary--dark i, .mainNav__messages .resourceCard--small .btn--primary i, .mainNav__messages .resourceCard--small .btn--secondary i, .mainNav__messages .resourceCard--small .btn--small i, .mainNav__messages .resourceCard--small .btn--tertiary i, .mainNav__messages .resourceCard--small .btn i, .mainNav__messages .resourceCard .btn--icon i, .mainNav__messages .resourceCard .btn--primary--dark i, .mainNav__messages .resourceCard .btn--primary i, .mainNav__messages .resourceCard .btn--secondary i, .mainNav__messages .resourceCard .btn--small i, .mainNav__messages .resourceCard .btn--tertiary i, .mainNav__messages .resourceCard .btn i {
            min-width: 16px;
            width: 16px;
            height: 16px;
            font-size: 16px
        }

            .mainNav__messages .resourceCard--small .btn--icon i:before, .mainNav__messages .resourceCard--small .btn--primary--dark i:before, .mainNav__messages .resourceCard--small .btn--primary i:before, .mainNav__messages .resourceCard--small .btn--secondary i:before, .mainNav__messages .resourceCard--small .btn--small i:before, .mainNav__messages .resourceCard--small .btn--tertiary i:before, .mainNav__messages .resourceCard--small .btn i:before, .mainNav__messages .resourceCard .btn--icon i:before, .mainNav__messages .resourceCard .btn--primary--dark i:before, .mainNav__messages .resourceCard .btn--primary i:before, .mainNav__messages .resourceCard .btn--secondary i:before, .mainNav__messages .resourceCard .btn--small i:before, .mainNav__messages .resourceCard .btn--tertiary i:before, .mainNav__messages .resourceCard .btn i:before {
                font-size: 16px;
                font-weight: 400
            }

        .mainNav__messages .resourceCard--small .btn--icon, .mainNav__messages .resourceCard--small .btn--icon.btn--primary, .mainNav__messages .resourceCard--small .btn--icon.btn--primary--dark, .mainNav__messages .resourceCard--small .btn--icon.btn--secondary, .mainNav__messages .resourceCard--small .btn--icon.btn--small, .mainNav__messages .resourceCard--small .btn--icon.btn--tertiary, .mainNav__messages .resourceCard--small .btn.btn--icon, .mainNav__messages .resourceCard .btn--icon, .mainNav__messages .resourceCard .btn--icon.btn--primary, .mainNav__messages .resourceCard .btn--icon.btn--primary--dark, .mainNav__messages .resourceCard .btn--icon.btn--secondary, .mainNav__messages .resourceCard .btn--icon.btn--small, .mainNav__messages .resourceCard .btn--icon.btn--tertiary, .mainNav__messages .resourceCard .btn.btn--icon {
            width: 40px;
            min-width: 40px
        }

            .mainNav__messages .resourceCard--small .btn--icon:hover, .mainNav__messages .resourceCard--small .btn--primary--dark:hover, .mainNav__messages .resourceCard--small .btn--primary:hover, .mainNav__messages .resourceCard--small .btn--secondary:hover, .mainNav__messages .resourceCard--small .btn--small:hover, .mainNav__messages .resourceCard--small .btn--tertiary:hover, .mainNav__messages .resourceCard--small .btn:hover, .mainNav__messages .resourceCard .btn--icon:hover, .mainNav__messages .resourceCard .btn--primary--dark:hover, .mainNav__messages .resourceCard .btn--primary:hover, .mainNav__messages .resourceCard .btn--secondary:hover, .mainNav__messages .resourceCard .btn--small:hover, .mainNav__messages .resourceCard .btn--tertiary:hover, .mainNav__messages .resourceCard .btn:hover {
                color: var(--m-01--dark-01)
            }

.mainNav__messages .productCard, .mainNav__messages .productCard--small {
    max-width: 960px;
    min-height: 324px
}

    .mainNav__messages .productCard--small .productCard__head, .mainNav__messages .productCard .productCard__head {
        height: 200px
    }

        .mainNav__messages .productCard--small .productCard__head:after, .mainNav__messages .productCard .productCard__head:after {
            left: 16px;
            width: calc(100% - 16px * 2)
        }

    .mainNav__messages .productCard--small .productCard__head-content, .mainNav__messages .productCard .productCard__head-content {
        padding: 24px 16px
    }

    .mainNav__messages .productCard--small .productCard__productName, .mainNav__messages .productCard .productCard__productName {
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-stretch: normal;
        letter-spacing: normal;
        font-family: Calma Global Medium,sans-serif;
        font-size: 1.625rem;
        line-height: 1.231em;
        letter-spacing: 0
    }

        .mainNav__messages .productCard--small .productCard__productName .link a, .mainNav__messages .productCard .productCard__productName .link a {
            transition: all .1s ease;
            text-decoration: underline;
            color: var(--m-01--dark-01)
        }

            .mainNav__messages .productCard--small .productCard__productName .link a:hover, .mainNav__messages .productCard .productCard__productName .link a:hover {
                color: var(--m-01)
            }

        .mainNav__messages .productCard--small .productCard__productName mark, .mainNav__messages .productCard--small .productCard__productName mark[data-color=color], .mainNav__messages .productCard .productCard__productName mark, .mainNav__messages .productCard .productCard__productName mark[data-color=color] {
            color: var(--m-01--dark-01)
        }

            .mainNav__messages .productCard--small .productCard__productName mark[data-color=gray], .mainNav__messages .productCard .productCard__productName mark[data-color=gray] {
                color: var(--neu-07)
            }

            .mainNav__messages .productCard--small .productCard__productName mark[data-color=default], .mainNav__messages .productCard .productCard__productName mark[data-color=default] {
                color: var(--neu-10)
            }

        .mainNav__messages .productCard--small .productCard__productName span.m-01--dark-01, .mainNav__messages .productCard--small .productCard__productName span[data-color=color], .mainNav__messages .productCard .productCard__productName span.m-01--dark-01, .mainNav__messages .productCard .productCard__productName span[data-color=color] {
            color: var(--m-01--dark-01)
        }

        .mainNav__messages .productCard--small .productCard__productName span.neu-07, .mainNav__messages .productCard--small .productCard__productName span[data-color=gray], .mainNav__messages .productCard .productCard__productName span.neu-07, .mainNav__messages .productCard .productCard__productName span[data-color=gray] {
            color: var(--neu-07)
        }

        .mainNav__messages .productCard--small .productCard__productName span.neu-10, .mainNav__messages .productCard--small .productCard__productName span[data-color=default], .mainNav__messages .productCard .productCard__productName span.neu-10, .mainNav__messages .productCard .productCard__productName span[data-color=default] {
            color: var(--neu-10)
        }

        .mainNav__messages .productCard--small .productCard__productName b, .mainNav__messages .productCard--small .productCard__productName strong, .mainNav__messages .productCard .productCard__productName b, .mainNav__messages .productCard .productCard__productName strong {
            font-weight: 700
        }

        .mainNav__messages .productCard--small .productCard__productName em, .mainNav__messages .productCard .productCard__productName em {
            font-style: italic
        }

    .mainNav__messages .productCard--small .productCard__content, .mainNav__messages .productCard .productCard__content {
        padding: 16px
    }

    .mainNav__messages .productCard--small .productCard__bookmark, .mainNav__messages .productCard .productCard__bookmark {
        right: 0;
        top: 8px
    }

.mainNav__messages .brandCard, .mainNav__messages .brandCard--small {
    max-width: 960px;
    min-height: 324px;
    padding: 16px
}

    .mainNav__messages .brandCard--small .brandCard__image, .mainNav__messages .brandCard .brandCard__image {
        height: 70px;
        width: 70px;
        margin-right: 0
    }

    .mainNav__messages .brandCard--small .brandCard--small .btnBookmark--privateArea, .mainNav__messages .brandCard--small .brandCard .btnBookmark--privateArea, .mainNav__messages .brandCard--small .brandCard__bookmark, .mainNav__messages .brandCard .brandCard--small .btnBookmark--privateArea, .mainNav__messages .brandCard .brandCard .btnBookmark--privateArea, .mainNav__messages .brandCard .brandCard__bookmark {
        right: 0
    }

    .mainNav__messages .brandCard--small .brandCard__text, .mainNav__messages .brandCard .brandCard__text {
        padding: 0
    }

    .mainNav__messages .brandCard--small .brandCard__title, .mainNav__messages .brandCard .brandCard__title {
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-stretch: normal;
        letter-spacing: normal;
        font-family: Calma Global Medium,sans-serif;
        font-size: 1.625rem;
        line-height: 1.231em;
        letter-spacing: 0
    }

        .mainNav__messages .brandCard--small .brandCard__title .link a, .mainNav__messages .brandCard .brandCard__title .link a {
            transition: all .1s ease;
            text-decoration: underline;
            color: var(--m-01--dark-01)
        }

            .mainNav__messages .brandCard--small .brandCard__title .link a:hover, .mainNav__messages .brandCard .brandCard__title .link a:hover {
                color: var(--m-01)
            }

        .mainNav__messages .brandCard--small .brandCard__title mark, .mainNav__messages .brandCard--small .brandCard__title mark[data-color=color], .mainNav__messages .brandCard .brandCard__title mark, .mainNav__messages .brandCard .brandCard__title mark[data-color=color] {
            color: var(--m-01--dark-01)
        }

            .mainNav__messages .brandCard--small .brandCard__title mark[data-color=gray], .mainNav__messages .brandCard .brandCard__title mark[data-color=gray] {
                color: var(--neu-07)
            }

            .mainNav__messages .brandCard--small .brandCard__title mark[data-color=default], .mainNav__messages .brandCard .brandCard__title mark[data-color=default] {
                color: var(--neu-10)
            }

        .mainNav__messages .brandCard--small .brandCard__title span.m-01--dark-01, .mainNav__messages .brandCard--small .brandCard__title span[data-color=color], .mainNav__messages .brandCard .brandCard__title span.m-01--dark-01, .mainNav__messages .brandCard .brandCard__title span[data-color=color] {
            color: var(--m-01--dark-01)
        }

        .mainNav__messages .brandCard--small .brandCard__title span.neu-07, .mainNav__messages .brandCard--small .brandCard__title span[data-color=gray], .mainNav__messages .brandCard .brandCard__title span.neu-07, .mainNav__messages .brandCard .brandCard__title span[data-color=gray] {
            color: var(--neu-07)
        }

        .mainNav__messages .brandCard--small .brandCard__title span.neu-10, .mainNav__messages .brandCard--small .brandCard__title span[data-color=default], .mainNav__messages .brandCard .brandCard__title span.neu-10, .mainNav__messages .brandCard .brandCard__title span[data-color=default] {
            color: var(--neu-10)
        }

        .mainNav__messages .brandCard--small .brandCard__title b, .mainNav__messages .brandCard--small .brandCard__title strong, .mainNav__messages .brandCard .brandCard__title b, .mainNav__messages .brandCard .brandCard__title strong {
            font-weight: 700
        }

        .mainNav__messages .brandCard--small .brandCard__title em, .mainNav__messages .brandCard .brandCard__title em {
            font-style: italic
        }

    .mainNav__messages .brandCard--small .brandCard__description, .mainNav__messages .brandCard .brandCard__description {
        margin-top: 24px
    }

.mainNav__messages .categoryCard, .mainNav__messages .categoryCard--small {
    min-height: 240px;
    max-width: 960px
}

    .mainNav__messages .categoryCard--small .categoryCard__content, .mainNav__messages .categoryCard .categoryCard__content {
        padding: 32px
    }

    .mainNav__messages .categoryCard--small .categoryCard__title, .mainNav__messages .categoryCard .categoryCard__title {
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-stretch: normal;
        letter-spacing: normal;
        font-family: Calma Global Medium,sans-serif;
        font-size: 2rem;
        line-height: 1.25em;
        letter-spacing: -.016em
    }

        .mainNav__messages .categoryCard--small .categoryCard__title .link a, .mainNav__messages .categoryCard .categoryCard__title .link a {
            transition: all .1s ease;
            text-decoration: underline;
            color: var(--m-01--dark-01)
        }

            .mainNav__messages .categoryCard--small .categoryCard__title .link a:hover, .mainNav__messages .categoryCard .categoryCard__title .link a:hover {
                color: var(--m-01)
            }

        .mainNav__messages .categoryCard--small .categoryCard__title mark, .mainNav__messages .categoryCard--small .categoryCard__title mark[data-color=color], .mainNav__messages .categoryCard .categoryCard__title mark, .mainNav__messages .categoryCard .categoryCard__title mark[data-color=color] {
            color: var(--m-01--dark-01)
        }

            .mainNav__messages .categoryCard--small .categoryCard__title mark[data-color=gray], .mainNav__messages .categoryCard .categoryCard__title mark[data-color=gray] {
                color: var(--neu-07)
            }

            .mainNav__messages .categoryCard--small .categoryCard__title mark[data-color=default], .mainNav__messages .categoryCard .categoryCard__title mark[data-color=default] {
                color: var(--neu-10)
            }

        .mainNav__messages .categoryCard--small .categoryCard__title span.m-01--dark-01, .mainNav__messages .categoryCard--small .categoryCard__title span[data-color=color], .mainNav__messages .categoryCard .categoryCard__title span.m-01--dark-01, .mainNav__messages .categoryCard .categoryCard__title span[data-color=color] {
            color: var(--m-01--dark-01)
        }

        .mainNav__messages .categoryCard--small .categoryCard__title span.neu-07, .mainNav__messages .categoryCard--small .categoryCard__title span[data-color=gray], .mainNav__messages .categoryCard .categoryCard__title span.neu-07, .mainNav__messages .categoryCard .categoryCard__title span[data-color=gray] {
            color: var(--neu-07)
        }

        .mainNav__messages .categoryCard--small .categoryCard__title span.neu-10, .mainNav__messages .categoryCard--small .categoryCard__title span[data-color=default], .mainNav__messages .categoryCard .categoryCard__title span.neu-10, .mainNav__messages .categoryCard .categoryCard__title span[data-color=default] {
            color: var(--neu-10)
        }

        .mainNav__messages .categoryCard--small .categoryCard__title b, .mainNav__messages .categoryCard--small .categoryCard__title strong, .mainNav__messages .categoryCard .categoryCard__title b, .mainNav__messages .categoryCard .categoryCard__title strong {
            font-weight: 700
        }

        .mainNav__messages .categoryCard--small .categoryCard__title em, .mainNav__messages .categoryCard .categoryCard__title em {
            font-style: italic
        }

@media (max-width:1024px) {
    .mainNav__messages .categoryCard--small .categoryCard__title, .mainNav__messages .categoryCard .categoryCard__title {
        font-size: 1.625rem;
        line-height: 1.231em;
        letter-spacing: 0
    }
}

.mainNav__messages .profileCard, .mainNav__messages .profileCard--small {
    max-width: 960px;
    padding: 24px 16px 32px 4px;
    height: 100%
}

    .mainNav__messages .profileCard--small .profileCard__text, .mainNav__messages .profileCard .profileCard__text {
        max-width: 310px
    }

.mainNav__messages .selectableCard, .mainNav__messages .selectableCard--small {
    max-width: 960px;
    padding: 16px 16px 24px;
    grid-template-columns: 1fr 1fr;
    row-gap: 8px
}

    .mainNav__messages .selectableCard--small .selectableCard__content, .mainNav__messages .selectableCard .selectableCard__content {
        grid-row: 2;
        grid-column: 1/3
    }

    .mainNav__messages .selectableCard--small .selectableCard__checkbox, .mainNav__messages .selectableCard .selectableCard__checkbox {
        margin-right: 0;
        grid-row: 1
    }

    .mainNav__messages .selectableCard--small .selectableCard__image, .mainNav__messages .selectableCard .selectableCard__image {
        width: 48px;
        height: 48px;
        grid-row: 1;
        justify-self: flex-end
    }

    .mainNav__messages .selectableCard--small .selectableCard__btn, .mainNav__messages .selectableCard .selectableCard__btn {
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-stretch: normal;
        letter-spacing: normal;
        font-family: Inter,sans-serif;
        font-size: .813rem;
        line-height: 1.538em;
        letter-spacing: -.003em;
        font-weight: 400;
        font-weight: 700;
        padding: 0 20px;
        height: 40px;
        transform: none;
        margin-left: 0;
        margin-top: 16px;
        grid-row: 3;
        grid-column: 1/3
    }

        .mainNav__messages .selectableCard--small .selectableCard__btn .link a, .mainNav__messages .selectableCard .selectableCard__btn .link a {
            transition: all .1s ease;
            text-decoration: underline;
            color: var(--m-01--dark-01)
        }

            .mainNav__messages .selectableCard--small .selectableCard__btn .link a:hover, .mainNav__messages .selectableCard .selectableCard__btn .link a:hover {
                color: var(--m-01)
            }

        .mainNav__messages .selectableCard--small .selectableCard__btn mark, .mainNav__messages .selectableCard--small .selectableCard__btn mark[data-color=color], .mainNav__messages .selectableCard .selectableCard__btn mark, .mainNav__messages .selectableCard .selectableCard__btn mark[data-color=color] {
            color: var(--m-01--dark-01)
        }

            .mainNav__messages .selectableCard--small .selectableCard__btn mark[data-color=gray], .mainNav__messages .selectableCard .selectableCard__btn mark[data-color=gray] {
                color: var(--neu-07)
            }

            .mainNav__messages .selectableCard--small .selectableCard__btn mark[data-color=default], .mainNav__messages .selectableCard .selectableCard__btn mark[data-color=default] {
                color: var(--neu-10)
            }

        .mainNav__messages .selectableCard--small .selectableCard__btn span.m-01--dark-01, .mainNav__messages .selectableCard--small .selectableCard__btn span[data-color=color], .mainNav__messages .selectableCard .selectableCard__btn span.m-01--dark-01, .mainNav__messages .selectableCard .selectableCard__btn span[data-color=color] {
            color: var(--m-01--dark-01)
        }

        .mainNav__messages .selectableCard--small .selectableCard__btn span.neu-07, .mainNav__messages .selectableCard--small .selectableCard__btn span[data-color=gray], .mainNav__messages .selectableCard .selectableCard__btn span.neu-07, .mainNav__messages .selectableCard .selectableCard__btn span[data-color=gray] {
            color: var(--neu-07)
        }

        .mainNav__messages .selectableCard--small .selectableCard__btn span.neu-10, .mainNav__messages .selectableCard--small .selectableCard__btn span[data-color=default], .mainNav__messages .selectableCard .selectableCard__btn span.neu-10, .mainNav__messages .selectableCard .selectableCard__btn span[data-color=default] {
            color: var(--neu-10)
        }

        .mainNav__messages .selectableCard--small .selectableCard__btn b, .mainNav__messages .selectableCard--small .selectableCard__btn strong, .mainNav__messages .selectableCard .selectableCard__btn b, .mainNav__messages .selectableCard .selectableCard__btn strong {
            font-weight: 700
        }

        .mainNav__messages .selectableCard--small .selectableCard__btn em, .mainNav__messages .selectableCard .selectableCard__btn em {
            font-style: italic
        }

        .mainNav__messages .selectableCard--small .selectableCard__btn i, .mainNav__messages .selectableCard .selectableCard__btn i {
            min-width: 16px;
            width: 16px;
            height: 16px;
            font-size: 16px
        }

            .mainNav__messages .selectableCard--small .selectableCard__btn i:before, .mainNav__messages .selectableCard .selectableCard__btn i:before {
                font-size: 16px;
                font-weight: 400
            }

        .mainNav__messages .selectableCard--small .selectableCard__btn.btn--icon, .mainNav__messages .selectableCard .selectableCard__btn.btn--icon {
            width: 40px;
            min-width: 40px
        }

.mainNav__messages .demandCard, .mainNav__messages .demandCard--small {
    max-width: 960px;
    padding: 16px;
    min-height: 324px
}

    .mainNav__messages .demandCard--small .demandCard__content, .mainNav__messages .demandCard .demandCard__content {
        gap: 8px
    }

    .mainNav__messages .demandCard--small .demandCard__notification-text, .mainNav__messages .demandCard .demandCard__notification-text {
        display: none
    }

    .mainNav__messages .demandCard--small .demandCard__description, .mainNav__messages .demandCard .demandCard__description {
        margin-top: 8px
    }

.mainNav__messages .replyCard, .mainNav__messages .replyCard--small {
    max-width: 960px
}

    .mainNav__messages .replyCard--small .replyCard, .mainNav__messages .replyCard--small .replyCard--small, .mainNav__messages .replyCard .replyCard, .mainNav__messages .replyCard .replyCard--small {
        background-color: var(--neu-01)
    }

    .mainNav__messages .replyCard--small .replyCard__content, .mainNav__messages .replyCard .replyCard__content {
        padding: 24px;
        gap: 4px 12px
    }

    .mainNav__messages .replyCard--small .replyCard__thumb, .mainNav__messages .replyCard .replyCard__thumb {
        grid-row: 1/3;
        align-self: flex-start
    }

    .mainNav__messages .replyCard--small .replyCard__text, .mainNav__messages .replyCard .replyCard__text {
        grid-row: 2;
        grid-column: 2/4
    }

@media (max-width:512px) {
    .mainNav__messages .replyCard--small .replyCard__text, .mainNav__messages .replyCard .replyCard__text {
        grid-column: 2/4
    }
}

.mainNav__messages .replyCard--small .replyCard__message, .mainNav__messages .replyCard--small .replyCard__subject, .mainNav__messages .replyCard .replyCard__message, .mainNav__messages .replyCard .replyCard__subject {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1rem;
    line-height: 1.5em;
    letter-spacing: -.011em;
    font-weight: 400
}

    .mainNav__messages .replyCard--small .replyCard__message .link a, .mainNav__messages .replyCard--small .replyCard__subject .link a, .mainNav__messages .replyCard .replyCard__message .link a, .mainNav__messages .replyCard .replyCard__subject .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .mainNav__messages .replyCard--small .replyCard__message .link a:hover, .mainNav__messages .replyCard--small .replyCard__subject .link a:hover, .mainNav__messages .replyCard .replyCard__message .link a:hover, .mainNav__messages .replyCard .replyCard__subject .link a:hover {
            color: var(--m-01)
        }

    .mainNav__messages .replyCard--small .replyCard__message mark, .mainNav__messages .replyCard--small .replyCard__message mark[data-color=color], .mainNav__messages .replyCard--small .replyCard__subject mark, .mainNav__messages .replyCard--small .replyCard__subject mark[data-color=color], .mainNav__messages .replyCard .replyCard__message mark, .mainNav__messages .replyCard .replyCard__message mark[data-color=color], .mainNav__messages .replyCard .replyCard__subject mark, .mainNav__messages .replyCard .replyCard__subject mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .mainNav__messages .replyCard--small .replyCard__message mark[data-color=gray], .mainNav__messages .replyCard--small .replyCard__subject mark[data-color=gray], .mainNav__messages .replyCard .replyCard__message mark[data-color=gray], .mainNav__messages .replyCard .replyCard__subject mark[data-color=gray] {
            color: var(--neu-07)
        }

        .mainNav__messages .replyCard--small .replyCard__message mark[data-color=default], .mainNav__messages .replyCard--small .replyCard__subject mark[data-color=default], .mainNav__messages .replyCard .replyCard__message mark[data-color=default], .mainNav__messages .replyCard .replyCard__subject mark[data-color=default] {
            color: var(--neu-10)
        }

    .mainNav__messages .replyCard--small .replyCard__message span.m-01--dark-01, .mainNav__messages .replyCard--small .replyCard__message span[data-color=color], .mainNav__messages .replyCard--small .replyCard__subject span.m-01--dark-01, .mainNav__messages .replyCard--small .replyCard__subject span[data-color=color], .mainNav__messages .replyCard .replyCard__message span.m-01--dark-01, .mainNav__messages .replyCard .replyCard__message span[data-color=color], .mainNav__messages .replyCard .replyCard__subject span.m-01--dark-01, .mainNav__messages .replyCard .replyCard__subject span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .mainNav__messages .replyCard--small .replyCard__message span.neu-07, .mainNav__messages .replyCard--small .replyCard__message span[data-color=gray], .mainNav__messages .replyCard--small .replyCard__subject span.neu-07, .mainNav__messages .replyCard--small .replyCard__subject span[data-color=gray], .mainNav__messages .replyCard .replyCard__message span.neu-07, .mainNav__messages .replyCard .replyCard__message span[data-color=gray], .mainNav__messages .replyCard .replyCard__subject span.neu-07, .mainNav__messages .replyCard .replyCard__subject span[data-color=gray] {
        color: var(--neu-07)
    }

    .mainNav__messages .replyCard--small .replyCard__message span.neu-10, .mainNav__messages .replyCard--small .replyCard__message span[data-color=default], .mainNav__messages .replyCard--small .replyCard__subject span.neu-10, .mainNav__messages .replyCard--small .replyCard__subject span[data-color=default], .mainNav__messages .replyCard .replyCard__message span.neu-10, .mainNav__messages .replyCard .replyCard__message span[data-color=default], .mainNav__messages .replyCard .replyCard__subject span.neu-10, .mainNav__messages .replyCard .replyCard__subject span[data-color=default] {
        color: var(--neu-10)
    }

    .mainNav__messages .replyCard--small .replyCard__message b, .mainNav__messages .replyCard--small .replyCard__message strong, .mainNav__messages .replyCard--small .replyCard__subject b, .mainNav__messages .replyCard--small .replyCard__subject strong, .mainNav__messages .replyCard .replyCard__message b, .mainNav__messages .replyCard .replyCard__message strong, .mainNav__messages .replyCard .replyCard__subject b, .mainNav__messages .replyCard .replyCard__subject strong {
        font-weight: 700
    }

    .mainNav__messages .replyCard--small .replyCard__message em, .mainNav__messages .replyCard--small .replyCard__subject em, .mainNav__messages .replyCard .replyCard__message em, .mainNav__messages .replyCard .replyCard__subject em {
        font-style: italic
    }

.mainNav__messages .replyCard--small .replyCard__info, .mainNav__messages .replyCard .replyCard__info {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: .813rem;
    line-height: 1.538em;
    letter-spacing: -.003em;
    font-weight: 700;
    margin-top: 8px;
    padding-right: 32px
}

    .mainNav__messages .replyCard--small .replyCard__info .link a, .mainNav__messages .replyCard .replyCard__info .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .mainNav__messages .replyCard--small .replyCard__info .link a:hover, .mainNav__messages .replyCard .replyCard__info .link a:hover {
            color: var(--m-01)
        }

    .mainNav__messages .replyCard--small .replyCard__info mark, .mainNav__messages .replyCard--small .replyCard__info mark[data-color=color], .mainNav__messages .replyCard .replyCard__info mark, .mainNav__messages .replyCard .replyCard__info mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .mainNav__messages .replyCard--small .replyCard__info mark[data-color=gray], .mainNav__messages .replyCard .replyCard__info mark[data-color=gray] {
            color: var(--neu-07)
        }

        .mainNav__messages .replyCard--small .replyCard__info mark[data-color=default], .mainNav__messages .replyCard .replyCard__info mark[data-color=default] {
            color: var(--neu-10)
        }

    .mainNav__messages .replyCard--small .replyCard__info span.m-01--dark-01, .mainNav__messages .replyCard--small .replyCard__info span[data-color=color], .mainNav__messages .replyCard .replyCard__info span.m-01--dark-01, .mainNav__messages .replyCard .replyCard__info span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .mainNav__messages .replyCard--small .replyCard__info span.neu-07, .mainNav__messages .replyCard--small .replyCard__info span[data-color=gray], .mainNav__messages .replyCard .replyCard__info span.neu-07, .mainNav__messages .replyCard .replyCard__info span[data-color=gray] {
        color: var(--neu-07)
    }

    .mainNav__messages .replyCard--small .replyCard__info span.neu-10, .mainNav__messages .replyCard--small .replyCard__info span[data-color=default], .mainNav__messages .replyCard .replyCard__info span.neu-10, .mainNav__messages .replyCard .replyCard__info span[data-color=default] {
        color: var(--neu-10)
    }

    .mainNav__messages .replyCard--small .replyCard__info b, .mainNav__messages .replyCard--small .replyCard__info strong, .mainNav__messages .replyCard .replyCard__info b, .mainNav__messages .replyCard .replyCard__info strong {
        font-weight: 700
    }

    .mainNav__messages .replyCard--small .replyCard__info em, .mainNav__messages .replyCard .replyCard__info em {
        font-style: italic
    }

.mainNav__messages .replyCard--small .replyCard__pin, .mainNav__messages .replyCard .replyCard__pin {
    transition: all .1s ease;
    grid-row: 2;
    grid-column: 3;
    align-self: flex-end;
    width: 24px;
    height: 24px;
    justify-self: flex-end;
    transform: translateY(4px);
    cursor: pointer
}

    .mainNav__messages .replyCard--small .replyCard__pin:hover, .mainNav__messages .replyCard .replyCard__pin:hover {
        opacity: .7
    }

    .mainNav__messages .replyCard--small .replyCard__pin:before, .mainNav__messages .replyCard .replyCard__pin:before {
        width: 24px;
        height: 24px;
        font-size: 24px;
        font-family: aicep-base-icons !important;
        font-weight: 400;
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        content: "\e95b"
    }

.mainNav__messages .replyCard--small .replyCard__pin--selected, .mainNav__messages .replyCard .replyCard__pin--selected {
    color: var(--m-02--dark-01)
}

    .mainNav__messages .replyCard--small .replyCard__pin--selected:before, .mainNav__messages .replyCard .replyCard__pin--selected:before {
        content: "\e95c"
    }

.mainNav__messages .replyCard--small .replyCard__btn, .mainNav__messages .replyCard .replyCard__btn {
    display: none
}

.mainNav__messages .infoCard, .mainNav__messages .infoCard--small {
    max-width: 960px;
    padding: 24px
}

    .mainNav__messages .infoCard--small .infoCard__number, .mainNav__messages .infoCard .infoCard__number {
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-stretch: normal;
        letter-spacing: normal;
        font-family: Calma Global Medium,sans-serif;
        font-size: 2rem;
        line-height: 1.25em;
        letter-spacing: -.016em;
        transform: translateY(0)
    }

        .mainNav__messages .infoCard--small .infoCard__number .link a, .mainNav__messages .infoCard .infoCard__number .link a {
            transition: all .1s ease;
            text-decoration: underline;
            color: var(--m-01--dark-01)
        }

            .mainNav__messages .infoCard--small .infoCard__number .link a:hover, .mainNav__messages .infoCard .infoCard__number .link a:hover {
                color: var(--m-01)
            }

        .mainNav__messages .infoCard--small .infoCard__number mark, .mainNav__messages .infoCard--small .infoCard__number mark[data-color=color], .mainNav__messages .infoCard .infoCard__number mark, .mainNav__messages .infoCard .infoCard__number mark[data-color=color] {
            color: var(--m-01--dark-01)
        }

            .mainNav__messages .infoCard--small .infoCard__number mark[data-color=gray], .mainNav__messages .infoCard .infoCard__number mark[data-color=gray] {
                color: var(--neu-07)
            }

            .mainNav__messages .infoCard--small .infoCard__number mark[data-color=default], .mainNav__messages .infoCard .infoCard__number mark[data-color=default] {
                color: var(--neu-10)
            }

        .mainNav__messages .infoCard--small .infoCard__number span.m-01--dark-01, .mainNav__messages .infoCard--small .infoCard__number span[data-color=color], .mainNav__messages .infoCard .infoCard__number span.m-01--dark-01, .mainNav__messages .infoCard .infoCard__number span[data-color=color] {
            color: var(--m-01--dark-01)
        }

        .mainNav__messages .infoCard--small .infoCard__number span.neu-07, .mainNav__messages .infoCard--small .infoCard__number span[data-color=gray], .mainNav__messages .infoCard .infoCard__number span.neu-07, .mainNav__messages .infoCard .infoCard__number span[data-color=gray] {
            color: var(--neu-07)
        }

        .mainNav__messages .infoCard--small .infoCard__number span.neu-10, .mainNav__messages .infoCard--small .infoCard__number span[data-color=default], .mainNav__messages .infoCard .infoCard__number span.neu-10, .mainNav__messages .infoCard .infoCard__number span[data-color=default] {
            color: var(--neu-10)
        }

        .mainNav__messages .infoCard--small .infoCard__number b, .mainNav__messages .infoCard--small .infoCard__number strong, .mainNav__messages .infoCard .infoCard__number b, .mainNav__messages .infoCard .infoCard__number strong {
            font-weight: 700
        }

        .mainNav__messages .infoCard--small .infoCard__number em, .mainNav__messages .infoCard .infoCard__number em {
            font-style: italic
        }

@media (max-width:1024px) {
    .mainNav__messages .infoCard--small .infoCard__number, .mainNav__messages .infoCard .infoCard__number {
        font-size: 1.625rem;
        line-height: 1.231em;
        letter-spacing: 0;
        transform: translateY(3px)
    }
}

.mainNav__messages .infoCard--small .infoCard__title, .mainNav__messages .infoCard .infoCard__title {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1rem;
    line-height: 1.5em;
    letter-spacing: -.011em;
    font-weight: 700
}

    .mainNav__messages .infoCard--small .infoCard__title .link a, .mainNav__messages .infoCard .infoCard__title .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .mainNav__messages .infoCard--small .infoCard__title .link a:hover, .mainNav__messages .infoCard .infoCard__title .link a:hover {
            color: var(--m-01)
        }

    .mainNav__messages .infoCard--small .infoCard__title mark, .mainNav__messages .infoCard--small .infoCard__title mark[data-color=color], .mainNav__messages .infoCard .infoCard__title mark, .mainNav__messages .infoCard .infoCard__title mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .mainNav__messages .infoCard--small .infoCard__title mark[data-color=gray], .mainNav__messages .infoCard .infoCard__title mark[data-color=gray] {
            color: var(--neu-07)
        }

        .mainNav__messages .infoCard--small .infoCard__title mark[data-color=default], .mainNav__messages .infoCard .infoCard__title mark[data-color=default] {
            color: var(--neu-10)
        }

    .mainNav__messages .infoCard--small .infoCard__title span.m-01--dark-01, .mainNav__messages .infoCard--small .infoCard__title span[data-color=color], .mainNav__messages .infoCard .infoCard__title span.m-01--dark-01, .mainNav__messages .infoCard .infoCard__title span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .mainNav__messages .infoCard--small .infoCard__title span.neu-07, .mainNav__messages .infoCard--small .infoCard__title span[data-color=gray], .mainNav__messages .infoCard .infoCard__title span.neu-07, .mainNav__messages .infoCard .infoCard__title span[data-color=gray] {
        color: var(--neu-07)
    }

    .mainNav__messages .infoCard--small .infoCard__title span.neu-10, .mainNav__messages .infoCard--small .infoCard__title span[data-color=default], .mainNav__messages .infoCard .infoCard__title span.neu-10, .mainNav__messages .infoCard .infoCard__title span[data-color=default] {
        color: var(--neu-10)
    }

    .mainNav__messages .infoCard--small .infoCard__title b, .mainNav__messages .infoCard--small .infoCard__title strong, .mainNav__messages .infoCard .infoCard__title b, .mainNav__messages .infoCard .infoCard__title strong {
        font-weight: 700
    }

    .mainNav__messages .infoCard--small .infoCard__title em, .mainNav__messages .infoCard .infoCard__title em {
        font-style: italic
    }

@media (max-width:1024px) {
    .mainNav__messages {
        display: none
    }
}

.mainNav__messages .replyCard--small:before, .mainNav__messages .replyCard:before {
    display: none
}

.mainNav__messages .replyCard__content {
    padding: 16px 0 !important
}

.mainNav__messages .replyCard--small:hover .replyCard__message, .mainNav__messages .replyCard--small:hover .replyCard__name, .mainNav__messages .replyCard--small:hover .replyCard__subject, .mainNav__messages .replyCard:hover .replyCard__message, .mainNav__messages .replyCard:hover .replyCard__name, .mainNav__messages .replyCard:hover .replyCard__subject {
    opacity: .7
}

.mainNav__messages--open .mainNav__messages-content {
    display: flex;
    opacity: 1;
    visibility: visible
}

.mainNav__messages-button {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1rem;
    line-height: 1.5em;
    letter-spacing: -.011em;
    font-weight: 400;
    color: var(--neu-02);
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    height: -moz-fit-content;
    height: fit-content;
    padding-right: 8px;
    width: 32px !important;
    min-width: 32px !important
}

    .mainNav__messages-button .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .mainNav__messages-button .link a:hover {
            color: var(--m-01)
        }

    .mainNav__messages-button mark, .mainNav__messages-button mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .mainNav__messages-button mark[data-color=gray] {
            color: var(--neu-07)
        }

        .mainNav__messages-button mark[data-color=default] {
            color: var(--neu-10)
        }

    .mainNav__messages-button span.m-01--dark-01, .mainNav__messages-button span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .mainNav__messages-button span.neu-07, .mainNav__messages-button span[data-color=gray] {
        color: var(--neu-07)
    }

    .mainNav__messages-button span.neu-10, .mainNav__messages-button span[data-color=default] {
        color: var(--neu-10)
    }

    .mainNav__messages-button b, .mainNav__messages-button strong {
        font-weight: 700
    }

    .mainNav__messages-button em {
        font-style: italic
    }

@media (max-width:1024px) {
    .mainNav__messages-button {
        color: var(--neu-10);
        padding-right: 0;
        width: 56px !important;
        min-width: 56px !important;
        display: none;
        grid-column: 2
    }
}

.mainNav__messages-button i {
    min-width: 24px;
    width: 24px;
    height: 24px;
    font-size: 24px;
    transition: all .1s ease
}

    .mainNav__messages-button i:before {
        font-size: 24px;
        font-weight: 400
    }

.mainNav__messages-notification {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: .688rem;
    line-height: 1.455em;
    letter-spacing: .005em;
    font-weight: 700;
    box-shadow: 0 0 1px rgba(26,24,23,.05),0 2px 4px rgba(26,24,23,.1);
    min-width: 24px;
    height: 24px;
    background-color: var(--add-02--dark-02);
    border: 1px solid var(--neu-01);
    color: var(--neu-01);
    border-radius: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 7px;
    min-width: 16px;
    height: 16px;
    padding: 0 3px;
    position: absolute !important;
    z-index: 1;
    margin: 0 !important;
    top: 6px;
    right: 0
}

    .mainNav__messages-notification .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .mainNav__messages-notification .link a:hover {
            color: var(--m-01)
        }

    .mainNav__messages-notification mark, .mainNav__messages-notification mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .mainNav__messages-notification mark[data-color=gray] {
            color: var(--neu-07)
        }

        .mainNav__messages-notification mark[data-color=default] {
            color: var(--neu-10)
        }

    .mainNav__messages-notification span.m-01--dark-01, .mainNav__messages-notification span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .mainNav__messages-notification span.neu-07, .mainNav__messages-notification span[data-color=gray] {
        color: var(--neu-07)
    }

    .mainNav__messages-notification span.neu-10, .mainNav__messages-notification span[data-color=default] {
        color: var(--neu-10)
    }

    .mainNav__messages-notification b, .mainNav__messages-notification strong {
        font-weight: 700
    }

    .mainNav__messages-notification em {
        font-style: italic
    }

    .mainNav__messages-notification:before {
        display: none
    }

@media (max-width:1024px) {
    .mainNav__messages-notification {
        top: 6px;
        right: 8px
    }
}

.mainNav__messages-content {
    background: var(--neu-09);
    position: absolute;
    z-index: 2;
    right: -24px;
    width: 390px;
    border-radius: 0 0 2px 2px;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    top: 100%;
    display: flex;
    flex-direction: column;
    padding: 16px 24px 32px
}

@media (max-width:1024px) {
    .mainNav__messages-content {
        top: unset;
        transition: height .4s ease;
        position: static;
        background-color: transparent;
        padding-top: 0
    }
}

.mainNav__messages-title {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: .688rem;
    line-height: 1.455em;
    letter-spacing: .005em;
    font-weight: 400;
    color: var(--neu-06)
}

    .mainNav__messages-title .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .mainNav__messages-title .link a:hover {
            color: var(--m-01)
        }

    .mainNav__messages-title mark, .mainNav__messages-title mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .mainNav__messages-title mark[data-color=gray] {
            color: var(--neu-07)
        }

        .mainNav__messages-title mark[data-color=default] {
            color: var(--neu-10)
        }

    .mainNav__messages-title span.m-01--dark-01, .mainNav__messages-title span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .mainNav__messages-title span.neu-07, .mainNav__messages-title span[data-color=gray] {
        color: var(--neu-07)
    }

    .mainNav__messages-title span.neu-10, .mainNav__messages-title span[data-color=default] {
        color: var(--neu-10)
    }

    .mainNav__messages-title b, .mainNav__messages-title strong {
        font-weight: 700
    }

    .mainNav__messages-title em {
        font-style: italic
    }

.mainNav__messages-list {
    display: flex;
    flex-direction: column;
    margin-bottom: 16px
}

@media (max-width:1024px) {
    .mainNav__messages-list {
        padding: 24px 0 0;
        gap: 16px
    }
}

.mainNav__messages-noMessages {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
    min-height: 164px
}

    .mainNav__messages-noMessages i {
        min-width: 64px;
        width: 64px;
        height: 64px;
        font-size: 64px
    }

        .mainNav__messages-noMessages i:before {
            font-size: 64px;
            font-weight: 400;
            color: var(--neu-03)
        }

        .mainNav__messages-noMessages i:after {
            color: var(--neu-05)
        }

    .mainNav__messages-noMessages span {
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-stretch: normal;
        letter-spacing: normal;
        font-family: Inter,sans-serif;
        font-size: 1rem;
        line-height: 1.5em;
        letter-spacing: -.011em;
        font-weight: 700;
        margin-top: 8px
    }

        .mainNav__messages-noMessages span .link a {
            transition: all .1s ease;
            text-decoration: underline;
            color: var(--m-01--dark-01)
        }

            .mainNav__messages-noMessages span .link a:hover {
                color: var(--m-01)
            }

        .mainNav__messages-noMessages span mark, .mainNav__messages-noMessages span mark[data-color=color] {
            color: var(--m-01--dark-01)
        }

            .mainNav__messages-noMessages span mark[data-color=gray] {
                color: var(--neu-07)
            }

            .mainNav__messages-noMessages span mark[data-color=default] {
                color: var(--neu-10)
            }

        .mainNav__messages-noMessages span span.m-01--dark-01, .mainNav__messages-noMessages span span[data-color=color] {
            color: var(--m-01--dark-01)
        }

        .mainNav__messages-noMessages span span.neu-07, .mainNav__messages-noMessages span span[data-color=gray] {
            color: var(--neu-07)
        }

        .mainNav__messages-noMessages span span.neu-10, .mainNav__messages-noMessages span span[data-color=default] {
            color: var(--neu-10)
        }

        .mainNav__messages-noMessages span b, .mainNav__messages-noMessages span strong {
            font-weight: 700
        }

        .mainNav__messages-noMessages span em {
            font-style: italic
        }

    .mainNav__messages-noMessages small {
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-stretch: normal;
        letter-spacing: normal;
        font-family: Inter,sans-serif;
        font-size: .813rem;
        line-height: 1.538em;
        letter-spacing: -.003em;
        font-weight: 400;
        color: var(--neu-05)
    }

        .mainNav__messages-noMessages small .link a {
            transition: all .1s ease;
            text-decoration: underline;
            color: var(--m-01--dark-01)
        }

            .mainNav__messages-noMessages small .link a:hover {
                color: var(--m-01)
            }

        .mainNav__messages-noMessages small mark, .mainNav__messages-noMessages small mark[data-color=color] {
            color: var(--m-01--dark-01)
        }

            .mainNav__messages-noMessages small mark[data-color=gray] {
                color: var(--neu-07)
            }

            .mainNav__messages-noMessages small mark[data-color=default] {
                color: var(--neu-10)
            }

        .mainNav__messages-noMessages small span.m-01--dark-01, .mainNav__messages-noMessages small span[data-color=color] {
            color: var(--m-01--dark-01)
        }

        .mainNav__messages-noMessages small span.neu-07, .mainNav__messages-noMessages small span[data-color=gray] {
            color: var(--neu-07)
        }

        .mainNav__messages-noMessages small span.neu-10, .mainNav__messages-noMessages small span[data-color=default] {
            color: var(--neu-10)
        }

        .mainNav__messages-noMessages small b, .mainNav__messages-noMessages small strong {
            font-weight: 700
        }

        .mainNav__messages-noMessages small em {
            font-style: italic
        }

.mainNav__profileMenu--open .mainNav__profileMenu-button i {
    min-width: 24px;
    width: 24px;
    height: 24px;
    font-size: 24px;
    transform: rotate(-180deg)
}

    .mainNav__profileMenu--open .mainNav__profileMenu-button i:before {
        font-size: 24px;
        font-weight: 400
    }

.mainNav__profileMenu--open .mainNav__profileMenu-links {
    display: flex;
    opacity: 1;
    visibility: visible
}

.mainNav__profileMenu--open .mainNav__profileMenu-link {
    opacity: 1
}

@media (max-width:1024px) {
    .mainNav__profileMenu {
        width: 100%;
        margin-top: 8px;
        padding-top: 24px
    }

        .mainNav__profileMenu:before {
            content: "";
            height: 1px;
            width: 100%;
            position: absolute;
            background-color: var(--neu-03);
            left: 0;
            top: 0
        }
}

.mainNav__profileMenu-button {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1rem;
    line-height: 1.5em;
    letter-spacing: -.011em;
    font-weight: 400;
    color: var(--neu-02);
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer
}

    .mainNav__profileMenu-button .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .mainNav__profileMenu-button .link a:hover {
            color: var(--m-01)
        }

    .mainNav__profileMenu-button mark, .mainNav__profileMenu-button mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .mainNav__profileMenu-button mark[data-color=gray] {
            color: var(--neu-07)
        }

        .mainNav__profileMenu-button mark[data-color=default] {
            color: var(--neu-10)
        }

    .mainNav__profileMenu-button span.m-01--dark-01, .mainNav__profileMenu-button span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .mainNav__profileMenu-button span.neu-07, .mainNav__profileMenu-button span[data-color=gray] {
        color: var(--neu-07)
    }

    .mainNav__profileMenu-button span.neu-10, .mainNav__profileMenu-button span[data-color=default] {
        color: var(--neu-10)
    }

    .mainNav__profileMenu-button b, .mainNav__profileMenu-button strong {
        font-weight: 700
    }

    .mainNav__profileMenu-button em {
        font-style: italic
    }

@media (max-width:1024px) {
    .mainNav__profileMenu-button {
        width: 100%;
        color: var(--neu-10);
        justify-content: space-between;
        display: grid;
        grid-template-columns: 40px 1fr 24px;
        justify-items: flex-start
    }
}

.mainNav__profileMenu-button i {
    min-width: 24px;
    width: 24px;
    height: 24px;
    font-size: 24px;
    transition: all .1s ease
}

    .mainNav__profileMenu-button i:before {
        font-size: 24px;
        font-weight: 400
    }

.mainNav__profileMenu-button:hover .mainNav__profileMenu-buttonText, .mainNav__profileMenu-button:hover i {
    opacity: .7
}

@media (max-width:1024px) {
    .mainNav__profileMenu-button:hover .mainNav__profileMenu-buttonText, .mainNav__profileMenu-button:hover i {
        opacity: 1
    }
}

.mainNav__profileMenu-buttonText {
    transition: all .1s ease;
    color: var(--neu-01)
}

@media (max-width:1024px) {
    .mainNav__profileMenu-buttonText {
        color: var(--neu-10)
    }
}

.mainNav__profileMenu-thumb {
    width: 40px;
    height: 40px;
    overflow: hidden;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--m-01--dark-01);
    gap: 1px
}

.mainNav__profileMenu-picture {
    width: 100%;
    height: 100%
}

    .mainNav__profileMenu-picture img {
        aspect-ratio: 1/1;
        -o-object-fit: cover;
        object-fit: cover;
        width: 100%;
        height: 100%
    }

.mainNav__profileMenu-letter {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1rem;
    line-height: 1.5em;
    letter-spacing: -.011em;
    font-weight: 700;
    color: var(--neu-01)
}

    .mainNav__profileMenu-letter .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .mainNav__profileMenu-letter .link a:hover {
            color: var(--m-01)
        }

    .mainNav__profileMenu-letter mark, .mainNav__profileMenu-letter mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .mainNav__profileMenu-letter mark[data-color=gray] {
            color: var(--neu-07)
        }

        .mainNav__profileMenu-letter mark[data-color=default] {
            color: var(--neu-10)
        }

    .mainNav__profileMenu-letter span.m-01--dark-01, .mainNav__profileMenu-letter span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .mainNav__profileMenu-letter span.neu-07, .mainNav__profileMenu-letter span[data-color=gray] {
        color: var(--neu-07)
    }

    .mainNav__profileMenu-letter span.neu-10, .mainNav__profileMenu-letter span[data-color=default] {
        color: var(--neu-10)
    }

    .mainNav__profileMenu-letter b, .mainNav__profileMenu-letter strong {
        font-weight: 700
    }

    .mainNav__profileMenu-letter em {
        font-style: italic
    }

.mainNav__profileMenu-links {
    background: var(--neu-09);
    position: absolute;
    z-index: 2;
    left: -24px;
    width: calc(100% + 24px);
    border-radius: 0 0 2px 2px;
    overflow: hidden;
    height: 0;
    opacity: 0;
    visibility: hidden;
    top: 100%;
    padding-top: 16px
}

@media (max-width:1024px) {
    .mainNav__profileMenu-links {
        top: unset;
        transition: height .4s ease;
        position: static;
        background-color: transparent;
        padding-top: 0
    }
}

.mainNav__profileMenu-linksList {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 16px 24px
}

@media (max-width:1024px) {
    .mainNav__profileMenu-linksList {
        padding: 24px 0 0;
        gap: 16px
    }
}

.mainNav__profileMenu-link {
    opacity: 0
}

@media (max-width:1024px) {
    .mainNav__profileMenu-link {
        transition: opacity .1s ease .1s
    }
}

.mainNav__profileMenu-link .btnNav--large {
    padding: 0 !important;
    min-height: 0 !important
}

.mainNav__profileMenu-link--logout .btnNav--small {
    padding: 0 !important;
    min-height: 0 !important;
    margin-top: 16px
}

@media (max-width:1024px) {
    .mainNav__profileMenu-link--logout .btnNav--small {
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-stretch: normal;
        letter-spacing: normal;
        font-family: Inter,sans-serif;
        font-size: 1rem;
        line-height: 1.5em;
        letter-spacing: -.011em;
        font-weight: 700
    }

        .mainNav__profileMenu-link--logout .btnNav--small .link a {
            transition: all .1s ease;
            text-decoration: underline;
            color: var(--m-01--dark-01)
        }

            .mainNav__profileMenu-link--logout .btnNav--small .link a:hover {
                color: var(--m-01)
            }

        .mainNav__profileMenu-link--logout .btnNav--small mark, .mainNav__profileMenu-link--logout .btnNav--small mark[data-color=color] {
            color: var(--m-01--dark-01)
        }

            .mainNav__profileMenu-link--logout .btnNav--small mark[data-color=gray] {
                color: var(--neu-07)
            }

            .mainNav__profileMenu-link--logout .btnNav--small mark[data-color=default] {
                color: var(--neu-10)
            }

        .mainNav__profileMenu-link--logout .btnNav--small span.m-01--dark-01, .mainNav__profileMenu-link--logout .btnNav--small span[data-color=color] {
            color: var(--m-01--dark-01)
        }

        .mainNav__profileMenu-link--logout .btnNav--small span.neu-07, .mainNav__profileMenu-link--logout .btnNav--small span[data-color=gray] {
            color: var(--neu-07)
        }

        .mainNav__profileMenu-link--logout .btnNav--small span.neu-10, .mainNav__profileMenu-link--logout .btnNav--small span[data-color=default] {
            color: var(--neu-10)
        }

        .mainNav__profileMenu-link--logout .btnNav--small b, .mainNav__profileMenu-link--logout .btnNav--small strong {
            font-weight: 700
        }

        .mainNav__profileMenu-link--logout .btnNav--small em {
            font-style: italic
        }
}

.mainNav .btnLocalization__inputsContainer {
    width: 273px;
    padding: 40px 32px 32px;
    position: absolute;
    z-index: 100;
    left: 50%;
    transform: translateX(-50%);
    display: none;
    gap: 16px
}

.mainNav .btnLocalization__inputsContainer--show {
    display: flex;
    flex-direction: column
}

.mainNav .btnLocalization__inputsContainer input {
    position: absolute
}

    .mainNav .btnLocalization__inputsContainer input:checked + label {
        border-color: var(--neu-01);
        z-index: 1
    }

    .mainNav .btnLocalization__inputsContainer input:checked + .btnLocalization__languageLabel {
        font-weight: 700
    }

@media (max-width:1024px) {
    .mainNav .btnLocalization__inputsContainer {
        left: auto;
        right: 0;
        transform: translateX(0);
        height: 100%;
        top: 0;
        width: 50%;
        padding: 72px 32px 32px
    }
}

@media (max-width:768px) {
    .mainNav .btnLocalization__inputsContainer {
        width: 100%
    }
}

@media (max-width:512px) {
    .mainNav .btnLocalization__inputsContainer {
        padding-left: 16px;
        padding-right: 16px
    }
}

.mainNav .btnLocalization__inputsContainer .btnContainer {
    margin-top: 8px
}

@media (max-width:1024px) {
    .mainNav .btnLocalization__inputsContainer .btnContainer {
        justify-content: flex-end;
        align-items: flex-end;
        height: 100%
    }
}

@media (max-width:768px) {
    .mainNav .btnLocalization__inputsContainer .btnContainer {
        flex-direction: row
    }
}

@media (max-width:512px) {
    .mainNav .btnLocalization__inputsContainer .btnContainer {
        gap: 16px
    }
}

.mainNav .btnLocalization__inputsContainer .btnLocalization__applyBtn {
    width: 100%
}

@media (max-width:1024px) {
    .mainNav .btnLocalization__inputsContainer .btnLocalization__applyBtn {
        width: auto
    }
}

@media (max-width:512px) {
    .mainNav .btnLocalization__inputsContainer .btnLocalization__applyBtn {
        width: 100%
    }
}

.mainNav .btnLocalization__inputsContainer .btnLocalization__backBtn {
    margin-bottom: 0
}

@media (max-width:768px) {
    .mainNav .btnLocalization__inputsContainer .btnLocalization__backBtn {
        width: auto
    }
}

.mainNav .btnLocalization__description {
    color: var(--neu-06);
    top: 24px;
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: .688rem;
    line-height: 1.455em;
    letter-spacing: .005em;
    font-weight: 400
}

    .mainNav .btnLocalization__description .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .mainNav .btnLocalization__description .link a:hover {
            color: var(--m-01)
        }

    .mainNav .btnLocalization__description mark, .mainNav .btnLocalization__description mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .mainNav .btnLocalization__description mark[data-color=gray] {
            color: var(--neu-07)
        }

        .mainNav .btnLocalization__description mark[data-color=default] {
            color: var(--neu-10)
        }

    .mainNav .btnLocalization__description span.m-01--dark-01, .mainNav .btnLocalization__description span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .mainNav .btnLocalization__description span.neu-07, .mainNav .btnLocalization__description span[data-color=gray] {
        color: var(--neu-07)
    }

    .mainNav .btnLocalization__description span.neu-10, .mainNav .btnLocalization__description span[data-color=default] {
        color: var(--neu-10)
    }

    .mainNav .btnLocalization__description b, .mainNav .btnLocalization__description strong {
        font-weight: 700
    }

    .mainNav .btnLocalization__description em {
        font-style: italic
    }

@media (max-width:1024px) {
    .mainNav .btnLocalization__description {
        position: absolute;
        top: 32px
    }
}

.mainNav .btnLocalization__currencyAndTemperatureLabel, .mainNav .btnLocalization__languageLabel {
    display: block;
    border: 1px solid hsla(0,0%,98%,.5);
    cursor: pointer
}

    .mainNav .btnLocalization__currencyAndTemperatureLabel:hover, .mainNav .btnLocalization__languageLabel:hover {
        border-color: var(--neu-01);
        z-index: 2
    }

.mainNav .btnLocalization__currencyAndTemperature {
    display: flex
}

@media (max-width:1024px) {
    .mainNav .btnLocalization__currencyAndTemperature {
        margin-top: 16px
    }
}

.mainNav .btnLocalization__languageLabel {
    padding: 10px 18px;
    width: 209px;
    margin-top: -1px
}

    .mainNav .btnLocalization__languageLabel:first-of-type {
        border-radius: 2px 2px 0 0
    }

    .mainNav .btnLocalization__languageLabel:last-of-type {
        border-radius: 0 0 2px 2px
    }

@media (max-width:1024px) {
    .mainNav .btnLocalization__languageLabel {
        width: 100%;
        padding: 12px 18px
    }
}

.mainNav .btnLocalization__currencyAndTemperatureLabel {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: .688rem;
    line-height: 1.455em;
    letter-spacing: .005em;
    font-weight: 400;
    width: 105px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px
}

    .mainNav .btnLocalization__currencyAndTemperatureLabel .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .mainNav .btnLocalization__currencyAndTemperatureLabel .link a:hover {
            color: var(--m-01)
        }

    .mainNav .btnLocalization__currencyAndTemperatureLabel mark, .mainNav .btnLocalization__currencyAndTemperatureLabel mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .mainNav .btnLocalization__currencyAndTemperatureLabel mark[data-color=gray] {
            color: var(--neu-07)
        }

        .mainNav .btnLocalization__currencyAndTemperatureLabel mark[data-color=default] {
            color: var(--neu-10)
        }

    .mainNav .btnLocalization__currencyAndTemperatureLabel span.m-01--dark-01, .mainNav .btnLocalization__currencyAndTemperatureLabel span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .mainNav .btnLocalization__currencyAndTemperatureLabel span.neu-07, .mainNav .btnLocalization__currencyAndTemperatureLabel span[data-color=gray] {
        color: var(--neu-07)
    }

    .mainNav .btnLocalization__currencyAndTemperatureLabel span.neu-10, .mainNav .btnLocalization__currencyAndTemperatureLabel span[data-color=default] {
        color: var(--neu-10)
    }

    .mainNav .btnLocalization__currencyAndTemperatureLabel b, .mainNav .btnLocalization__currencyAndTemperatureLabel strong {
        font-weight: 700
    }

    .mainNav .btnLocalization__currencyAndTemperatureLabel em {
        font-style: italic
    }

    .mainNav .btnLocalization__currencyAndTemperatureLabel:first-of-type {
        border-radius: 2px 0 0 2px
    }

    .mainNav .btnLocalization__currencyAndTemperatureLabel:last-of-type {
        border-radius: 0 2px 2px 0
    }

@media (max-width:1024px) {
    .mainNav .btnLocalization__currencyAndTemperatureLabel {
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-stretch: normal;
        letter-spacing: normal;
        font-family: Inter,sans-serif;
        font-size: 1rem;
        line-height: 1.5em;
        letter-spacing: -.011em;
        font-weight: 400;
        width: 100%;
        height: 48px
    }

        .mainNav .btnLocalization__currencyAndTemperatureLabel .link a {
            transition: all .1s ease;
            text-decoration: underline;
            color: var(--m-01--dark-01)
        }

            .mainNav .btnLocalization__currencyAndTemperatureLabel .link a:hover {
                color: var(--m-01)
            }

        .mainNav .btnLocalization__currencyAndTemperatureLabel mark, .mainNav .btnLocalization__currencyAndTemperatureLabel mark[data-color=color] {
            color: var(--m-01--dark-01)
        }

            .mainNav .btnLocalization__currencyAndTemperatureLabel mark[data-color=gray] {
                color: var(--neu-07)
            }

            .mainNav .btnLocalization__currencyAndTemperatureLabel mark[data-color=default] {
                color: var(--neu-10)
            }

        .mainNav .btnLocalization__currencyAndTemperatureLabel span.m-01--dark-01, .mainNav .btnLocalization__currencyAndTemperatureLabel span[data-color=color] {
            color: var(--m-01--dark-01)
        }

        .mainNav .btnLocalization__currencyAndTemperatureLabel span.neu-07, .mainNav .btnLocalization__currencyAndTemperatureLabel span[data-color=gray] {
            color: var(--neu-07)
        }

        .mainNav .btnLocalization__currencyAndTemperatureLabel span.neu-10, .mainNav .btnLocalization__currencyAndTemperatureLabel span[data-color=default] {
            color: var(--neu-10)
        }

        .mainNav .btnLocalization__currencyAndTemperatureLabel b, .mainNav .btnLocalization__currencyAndTemperatureLabel strong {
            font-weight: 700
        }

        .mainNav .btnLocalization__currencyAndTemperatureLabel em {
            font-style: italic
        }
}

@keyframes J {
    0% {
        opacity: 0;
        transform: translateY(-10px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes K {
    0% {
        opacity: 0;
        transform: translateX(40px)
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes L {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.mediaContent .wrapper {
    padding-top: 56px;
    padding-bottom: 56px
}

@media (max-width:1024px) {
    .mediaContent .wrapper {
        padding-top: 40px;
        padding-bottom: 40px
    }
}

.mediaContent__media {
    grid-row: 1;
    display: flex;
    height: 500px;
    grid-column: 2/6
}

@media (max-width:1024px) {
    .mediaContent__media {
        height: 372px;
        grid-column: 1/3
    }
}

@media (max-width:768px) {
    .mediaContent__media {
        height: 488px;
        grid-column: 1/13;
        grid-row: 2
    }
}

@media (max-width:768px) and (max-width:1024px) {
    .mediaContent__media {
        grid-column: 1/7
    }
}

@media (max-width:512px) {
    .mediaContent__media {
        height: 324px
    }
}

.mediaContent__media--item {
    height: 100%;
    border-radius: 2px;
    overflow: hidden
}

    .mediaContent__media--item img, .mediaContent__media--item video {
        width: 320px;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }

    .mediaContent__media--item:nth-child(2) {
        margin-left: 32px
    }

@media (max-width:1280px) {
    .mediaContent__media--item:nth-child(2) {
        margin-left: 24px
    }
}

@media (max-width:1024px) {
    .mediaContent__media--item:nth-child(2) {
        margin-left: 16px
    }
}

@media (max-width:512px) {
    .mediaContent__media--item:nth-child(2) {
        margin-left: 8px
    }
}

.mediaContent__content {
    grid-row: 1;
    margin-top: 48px;
    grid-column: 7/11
}

@media (max-width:1024px) {
    .mediaContent__content {
        margin-top: 32px;
        grid-column: 4/6
    }
}

@media (max-width:768px) {
    .mediaContent__content {
        margin-top: 0;
        margin-bottom: 40px;
        grid-column: 1/5
    }
}

@media (max-width:512px) {
    .mediaContent__content {
        grid-column: 1/13
    }
}

@media (max-width:512px) and (max-width:1024px) {
    .mediaContent__content {
        grid-column: 1/7
    }
}

.mediaContent__title {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Calma Global Medium,sans-serif;
    font-size: 2.5rem;
    line-height: 1.2em;
    letter-spacing: -.025em
}

    .mediaContent__title .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .mediaContent__title .link a:hover {
            color: var(--m-01)
        }

    .mediaContent__title mark, .mediaContent__title mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .mediaContent__title mark[data-color=gray] {
            color: var(--neu-07)
        }

        .mediaContent__title mark[data-color=default] {
            color: var(--neu-10)
        }

    .mediaContent__title span.m-01--dark-01, .mediaContent__title span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .mediaContent__title span.neu-07, .mediaContent__title span[data-color=gray] {
        color: var(--neu-07)
    }

    .mediaContent__title span.neu-10, .mediaContent__title span[data-color=default] {
        color: var(--neu-10)
    }

    .mediaContent__title b, .mediaContent__title strong {
        font-weight: 700
    }

    .mediaContent__title em {
        font-style: italic
    }

@media (max-width:1024px) {
    .mediaContent__title {
        font-size: 2rem;
        line-height: 1.25em;
        letter-spacing: -.016em
    }
}

.mediaContent__description {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1rem;
    line-height: 1.5em;
    letter-spacing: -.011em;
    font-weight: 400;
    margin-top: 40px
}

    .mediaContent__description .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .mediaContent__description .link a:hover {
            color: var(--m-01)
        }

    .mediaContent__description mark, .mediaContent__description mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .mediaContent__description mark[data-color=gray] {
            color: var(--neu-07)
        }

        .mediaContent__description mark[data-color=default] {
            color: var(--neu-10)
        }

    .mediaContent__description span.m-01--dark-01, .mediaContent__description span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .mediaContent__description span.neu-07, .mediaContent__description span[data-color=gray] {
        color: var(--neu-07)
    }

    .mediaContent__description span.neu-10, .mediaContent__description span[data-color=default] {
        color: var(--neu-10)
    }

    .mediaContent__description b, .mediaContent__description strong {
        font-weight: 700
    }

    .mediaContent__description em {
        font-style: italic
    }

@media (max-width:1024px) {
    .mediaContent__description {
        margin-top: 24px
    }
}

.mediaContent .btnContainer {
    justify-content: flex-start;
    margin-top: 40px
}

@media (max-width:768px) {
    .mediaContent .btnContainer {
        margin-top: 32px
    }
}

.mediaContent[data-media=single] .mediaContent__media--item:nth-child(2) {
    display: none
}

.mediaContent[data-media=double] .mediaContent__media--item {
    height: 322px
}

@media (max-width:1024px) {
    .mediaContent[data-media=double] .mediaContent__media--item {
        height: 242px
    }
}

@media (max-width:768px) {
    .mediaContent[data-media=double] .mediaContent__media--item {
        height: 375px
    }
}

@media (max-width:512px) {
    .mediaContent[data-media=double] .mediaContent__media--item {
        height: 267px
    }
}

.mediaContent[data-align=left][data-media=double] .mediaContent__media--item:first-child {
    align-self: flex-end
}

.mediaContent[data-align=right] .mediaContent__media {
    grid-column: 8/12
}

@media (max-width:1024px) {
    .mediaContent[data-align=right] .mediaContent__media {
        grid-column: 5/7
    }
}

@media (max-width:768px) {
    .mediaContent[data-align=right] .mediaContent__media {
        grid-column: 1/13;
        grid-row: 2
    }
}

@media (max-width:768px) and (max-width:1024px) {
    .mediaContent[data-align=right] .mediaContent__media {
        grid-column: 1/7
    }
}

.mediaContent[data-align=right] .mediaContent__content {
    grid-column: 2/6
}

@media (max-width:1024px) {
    .mediaContent[data-align=right] .mediaContent__content {
        grid-column: 2/4
    }
}

@media (max-width:768px) {
    .mediaContent[data-align=right] .mediaContent__content {
        grid-column: 1/5
    }
}

@media (max-width:512px) {
    .mediaContent[data-align=right] .mediaContent__content {
        grid-column: 1/13
    }
}

@media (max-width:512px) and (max-width:1024px) {
    .mediaContent[data-align=right] .mediaContent__content {
        grid-column: 1/7
    }
}

.mediaContent[data-align=right][data-media=double] .mediaContent__media--item:nth-child(2) {
    align-self: flex-end
}

.mediaContentSlider {
    overflow: hidden
}

    .mediaContentSlider .wrapper {
        padding-bottom: 56px;
        padding-top: 56px
    }

@media (max-width:1024px) {
    .mediaContentSlider .wrapper {
        padding-top: 40px
    }
}

@media (max-width:768px) {
    .mediaContentSlider .wrapper {
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 40px
    }
}

.mediaContentSlider[data-align=right] .mediaContentSlider__sliderContent {
    grid-column: 8/13
}

@media (max-width:1024px) {
    .mediaContentSlider[data-align=right] .mediaContentSlider__sliderContent {
        grid-column: 5/7
    }
}

@media (max-width:768px) {
    .mediaContentSlider[data-align=right] .mediaContentSlider__sliderContent {
        grid-column: 1/7
    }
}

.mediaContentSlider[data-align=right] .mediaContentSlider__content {
    grid-column: 2/6
}

@media (max-width:1024px) {
    .mediaContentSlider[data-align=right] .mediaContentSlider__content {
        grid-column: 2/4
    }
}

@media (max-width:768px) {
    .mediaContentSlider[data-align=right] .mediaContentSlider__content {
        grid-column: 1/5
    }
}

@media (max-width:512px) {
    .mediaContentSlider[data-align=right] .mediaContentSlider__content {
        grid-column: 1/7
    }
}

.mediaContentSlider[data-align=right] .mediaContentSlider__slider {
    position: absolute;
    left: 0;
    right: unset
}

.mediaContentSlider[data-align=right] .mediaContentSlider__sliderItem {
    margin-right: 32px;
    margin-left: unset
}

@media (max-width:1280px) {
    .mediaContentSlider[data-align=right] .mediaContentSlider__sliderItem {
        margin-right: 24px
    }
}

@media (max-width:1024px) {
    .mediaContentSlider[data-align=right] .mediaContentSlider__sliderItem {
        margin-right: 16px
    }
}

@media (max-width:768px) {
    .mediaContentSlider[data-align=right] .mediaContentSlider__sliderItem {
        margin-right: 24px
    }
}

.mediaContentSlider[data-align=right] .mediaContentSlider__sliderItem:last-child {
    margin-right: 0
}

@media (max-width:1024px) {
    .mediaContentSlider[data-align=right] .mediaContentSlider__sliderItem:last-child {
        margin-right: 32px
    }
}

@media (max-width:768px) {
    .mediaContentSlider[data-align=right] .mediaContentSlider__sliderItem:last-child {
        margin-right: 0
    }
}

.mediaContentSlider[data-align=right] .mediaContentSlider__sliderNavigation {
    right: unset;
    left: 0
}

.mediaContentSlider__sliderContent {
    grid-column: 1/6;
    height: 500px
}

@media (max-width:1280px) {
    .mediaContentSlider__sliderContent {
        height: 462px
    }
}

@media (max-width:1024px) {
    .mediaContentSlider__sliderContent {
        grid-column: 1/3;
        height: 372px
    }
}

@media (max-width:768px) {
    .mediaContentSlider__sliderContent {
        grid-column: 1/7;
        height: 488px
    }
}

@media (max-width:512px) {
    .mediaContentSlider__sliderContent {
        height: 324px
    }
}

.mediaContentSlider__slider {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 100%;
    overflow: hidden
}

.mediaContentSlider__sliderItem {
    max-width: 416px;
    margin-left: 32px
}

    .mediaContentSlider__sliderItem:first-child {
        margin-right: 0
    }

@media (max-width:768px) {
    .mediaContentSlider__sliderItem:first-child {
        margin-right: 24px
    }
}

@media (max-width:1280px) {
    .mediaContentSlider__sliderItem {
        max-width: 384px;
        margin-left: 24px
    }
}

@media (max-width:1024px) {
    .mediaContentSlider__sliderItem {
        max-width: 310px;
        margin-left: 16px
    }
}

@media (max-width:768px) {
    .mediaContentSlider__sliderItem {
        max-width: 90%;
        margin-right: 24px;
        margin-left: unset
    }
}

.mediaContentSlider__sliderItem:last-child {
    margin-left: 0;
    margin-right: 0
}

@media (max-width:1024px) {
    .mediaContentSlider__sliderItem:last-child {
        margin-left: 32px
    }
}

@media (max-width:768px) {
    .mediaContentSlider__sliderItem:last-child {
        margin-left: 0
    }
}

.mediaContentSlider__sliderNavigation {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    width: 100%;
    max-width: 416px;
    right: 0
}

@media (max-width:1280px) {
    .mediaContentSlider__sliderNavigation {
        max-width: 384px
    }
}

@media (max-width:1024px) {
    .mediaContentSlider__sliderNavigation {
        max-width: 310px
    }
}

@media (max-width:768px) {
    .mediaContentSlider__sliderNavigation {
        display: none
    }
}

@media (max-width:768px) {
    .mediaContentSlider .swiper-container {
        padding: 0 24px
    }
}

@media (max-width:512px) {
    .mediaContentSlider .swiper-container {
        padding: 0 16px
    }
}

.mediaContentSlider .swiper-wrapper.addBezier {
    transition-timing-function: cubic-bezier(.57,0,.09,.99)
}

.mediaContentSlider .swiper-button-next, .mediaContentSlider .swiper-button-prev {
    width: 48px;
    height: 48px;
    background-color: var(--neu-01);
    border-radius: 50%;
    box-shadow: 0 0 1px rgba(26,24,23,.05),0 2px 4px rgba(26,24,23,.1);
    font-size: 24px;
    transition: all .1s ease-out;
    margin: 0
}

    .mediaContentSlider .swiper-button-next:before, .mediaContentSlider .swiper-button-prev:before {
        transform: translatey(1px)
    }

.mediaContentSlider .swiper-button-prev {
    left: -64px
}

    .mediaContentSlider .swiper-button-prev:before {
        transform: translateX(-2px)
    }

@media (max-width:1280px) {
    .mediaContentSlider .swiper-button-prev {
        left: -24px
    }
}

.mediaContentSlider .swiper-button-prev:hover {
    left: -67px
}

@media (max-width:1280px) {
    .mediaContentSlider .swiper-button-prev:hover {
        left: -27px
    }
}

.mediaContentSlider .swiper-button-next {
    right: -64px
}

@media (max-width:1280px) {
    .mediaContentSlider .swiper-button-next {
        right: -24px
    }
}

.mediaContentSlider .swiper-button-next:before {
    transform: translateX(2px)
}

@media (max-width:1280px) {
    .mediaContentSlider .swiper-button-next:hover {
        right: -27px
    }
}

.mediaContentSlider__media {
    grid-row: 1;
    display: flex;
    height: 500px
}

@media (max-width:1024px) {
    .mediaContentSlider__media {
        height: 372px
    }
}

@media (max-width:768px) {
    .mediaContentSlider__media {
        height: 488px;
        grid-column: 1/13;
        grid-row: 2
    }
}

@media (max-width:768px) and (max-width:1024px) {
    .mediaContentSlider__media {
        grid-column: 1/7
    }
}

@media (max-width:512px) {
    .mediaContentSlider__media {
        height: 324px
    }
}

.mediaContentSlider__media--item {
    height: 100%;
    border-radius: 2px;
    overflow: hidden
}

    .mediaContentSlider__media--item img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }

.mediaContentSlider__content {
    grid-row: 1;
    margin-top: 48px;
    grid-column: 7/11
}

@media (max-width:1024px) {
    .mediaContentSlider__content {
        margin-top: 32px;
        grid-column: 4/6
    }
}

@media (max-width:768px) {
    .mediaContentSlider__content {
        margin-top: 0;
        margin-bottom: 40px;
        grid-column: 1/5;
        padding: 0 24px
    }
}

@media (max-width:512px) {
    .mediaContentSlider__content {
        grid-column: 1/13;
        padding: 0 16px
    }
}

@media (max-width:512px) and (max-width:1024px) {
    .mediaContentSlider__content {
        grid-column: 1/7
    }
}

.mediaContentSlider__title {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Calma Global Medium,sans-serif;
    font-size: 2.5rem;
    line-height: 1.2em;
    letter-spacing: -.025em
}

    .mediaContentSlider__title .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .mediaContentSlider__title .link a:hover {
            color: var(--m-01)
        }

    .mediaContentSlider__title mark, .mediaContentSlider__title mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .mediaContentSlider__title mark[data-color=gray] {
            color: var(--neu-07)
        }

        .mediaContentSlider__title mark[data-color=default] {
            color: var(--neu-10)
        }

    .mediaContentSlider__title span.m-01--dark-01, .mediaContentSlider__title span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .mediaContentSlider__title span.neu-07, .mediaContentSlider__title span[data-color=gray] {
        color: var(--neu-07)
    }

    .mediaContentSlider__title span.neu-10, .mediaContentSlider__title span[data-color=default] {
        color: var(--neu-10)
    }

    .mediaContentSlider__title b, .mediaContentSlider__title strong {
        font-weight: 700
    }

    .mediaContentSlider__title em {
        font-style: italic
    }

@media (max-width:1024px) {
    .mediaContentSlider__title {
        font-size: 2rem;
        line-height: 1.25em;
        letter-spacing: -.016em
    }
}

.mediaContentSlider__description {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1rem;
    line-height: 1.5em;
    letter-spacing: -.011em;
    font-weight: 400;
    margin-top: 40px
}

    .mediaContentSlider__description .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .mediaContentSlider__description .link a:hover {
            color: var(--m-01)
        }

    .mediaContentSlider__description mark, .mediaContentSlider__description mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .mediaContentSlider__description mark[data-color=gray] {
            color: var(--neu-07)
        }

        .mediaContentSlider__description mark[data-color=default] {
            color: var(--neu-10)
        }

    .mediaContentSlider__description span.m-01--dark-01, .mediaContentSlider__description span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .mediaContentSlider__description span.neu-07, .mediaContentSlider__description span[data-color=gray] {
        color: var(--neu-07)
    }

    .mediaContentSlider__description span.neu-10, .mediaContentSlider__description span[data-color=default] {
        color: var(--neu-10)
    }

    .mediaContentSlider__description b, .mediaContentSlider__description strong {
        font-weight: 700
    }

    .mediaContentSlider__description em {
        font-style: italic
    }

@media (max-width:1024px) {
    .mediaContentSlider__description {
        margin-top: 24px
    }
}

.mediaContentSlider .btnContainer {
    justify-content: flex-start;
    margin-top: 40px
}

@media (max-width:768px) {
    .mediaContentSlider .btnContainer {
        margin-top: 32px
    }
}

.mediaContentSlider__progressBar {
    left: 50%;
    transform: translateX(-50%);
    margin-top: 24px;
    max-width: 230px;
    width: 100%;
    height: 2px;
    border-radius: 2px;
    background-color: var(--neu-03);
    overflow: hidden;
    display: none
}

    .mediaContentSlider__progressBar.hide {
        display: none
    }

@media (max-width:768px) {
    .mediaContentSlider__progressBar {
        grid-column: 1/7;
        display: block
    }
}

@media (max-width:512px) {
    .mediaContentSlider__progressBar {
        max-width: 155px
    }
}

.mediaContentSlider__progressBar span {
    background-color: var(--neu-10);
    border-radius: 2px;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transition-timing-function: ease-out
}

.mediaSlider {
    overflow: hidden
}

    .mediaSlider.noScrim .swiper-slide-active .mediaSlider__figure:before {
        opacity: 0
    }

.mediaSlider__header {
    margin-top: 16px
}

@media (max-width:768px) {
    .mediaSlider__header {
        display: none
    }
}

.mediaSlider__title {
    grid-column: 1/3;
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: .813rem;
    line-height: 1.538em;
    letter-spacing: -.003em;
    font-weight: 400
}

    .mediaSlider__title .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .mediaSlider__title .link a:hover {
            color: var(--m-01)
        }

    .mediaSlider__title mark, .mediaSlider__title mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .mediaSlider__title mark[data-color=gray] {
            color: var(--neu-07)
        }

        .mediaSlider__title mark[data-color=default] {
            color: var(--neu-10)
        }

    .mediaSlider__title span.m-01--dark-01, .mediaSlider__title span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .mediaSlider__title span.neu-07, .mediaSlider__title span[data-color=gray] {
        color: var(--neu-07)
    }

    .mediaSlider__title span.neu-10, .mediaSlider__title span[data-color=default] {
        color: var(--neu-10)
    }

    .mediaSlider__title b, .mediaSlider__title strong {
        font-weight: 700
    }

    .mediaSlider__title em {
        font-style: italic
    }

.mediaSlider__paginationTrack {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: .813rem;
    line-height: 1.538em;
    letter-spacing: -.003em;
    font-weight: 400;
    grid-column: 3;
    color: var(--neu-07)
}

    .mediaSlider__paginationTrack .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .mediaSlider__paginationTrack .link a:hover {
            color: var(--m-01)
        }

    .mediaSlider__paginationTrack mark, .mediaSlider__paginationTrack mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .mediaSlider__paginationTrack mark[data-color=gray] {
            color: var(--neu-07)
        }

        .mediaSlider__paginationTrack mark[data-color=default] {
            color: var(--neu-10)
        }

    .mediaSlider__paginationTrack span.m-01--dark-01, .mediaSlider__paginationTrack span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .mediaSlider__paginationTrack span.neu-07, .mediaSlider__paginationTrack span[data-color=gray] {
        color: var(--neu-07)
    }

    .mediaSlider__paginationTrack span.neu-10, .mediaSlider__paginationTrack span[data-color=default] {
        color: var(--neu-10)
    }

    .mediaSlider__paginationTrack b, .mediaSlider__paginationTrack strong {
        font-weight: 700
    }

    .mediaSlider__paginationTrack em {
        font-style: italic
    }

.mediaSlider__swiper {
    margin-top: 48px;
    height: 480px;
    width: 100%;
    overflow: initial;
    transition: transform .5s cubic-bezier(.42,0,.22,.99)
}

@media (max-width:1024px) {
    .mediaSlider__swiper {
        height: 400px;
        margin-top: 32px
    }
}

@media (max-width:768px) {
    .mediaSlider__swiper {
        margin-top: 0
    }
}

@media (max-width:512px) {
    .mediaSlider__swiper {
        transition: transform 0s linear
    }
}

.mediaSlider__swiperWrapper {
    transition-timing-function: cubic-bezier(.42,0,.22,.99)
}

@media (max-width:512px) {
    .mediaSlider__swiperWrapper {
        transition-timing-function: linear
    }
}

.mediaSlider__buttonsContainer {
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 10;
    transform: translateX(-50%);
    left: 50%;
    pointer-events: none
}

@media (max-width:768px) {
    .mediaSlider__buttonsContainer {
        display: none
    }
}

.mediaSlider__buttonNext, .mediaSlider__buttonPrev {
    opacity: 0;
    transition: transform .2s ease-in-out,opacity .2s ease-in-out;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    pointer-events: auto;
    background-color: var(--neu-01);
    border-radius: 50%;
    box-shadow: 0 0 1px rgba(26,24,23,.05),0 2px 4px rgba(26,24,23,.1)
}

@media (max-width:1024px) {
    .mediaSlider__buttonNext, .mediaSlider__buttonPrev {
        opacity: 1
    }
}

.mediaSlider__buttonNext.show, .mediaSlider__buttonPrev.show {
    opacity: 1
}

.mediaSlider__buttonNext i, .mediaSlider__buttonPrev i {
    font-size: 24px;
    transform: scale(1);
    transition: transform .3s ease-in-out
}

.mediaSlider__buttonPrev {
    align-self: center;
    justify-content: center;
    cursor: pointer
}

    .mediaSlider__buttonPrev i {
        transform: translateX(-2px) scale(1)
    }

    .mediaSlider__buttonPrev.show {
        transform: translateX(0)
    }

        .mediaSlider__buttonPrev.show:hover {
            transform: translateX(-3px)
        }

.mediaSlider__buttonNext {
    grid-column-end: -1;
    align-self: center;
    justify-content: center;
    cursor: pointer;
    transform: translateX(50px);
    justify-self: flex-end
}

    .mediaSlider__buttonNext i {
        transform: translateX(2px) scale(1)
    }

    .mediaSlider__buttonNext.show {
        transform: translateX(0)
    }

        .mediaSlider__buttonNext.show:hover {
            transform: translateX(3px)
        }

@media (max-width:1024px) {
    .mediaSlider__buttonNext {
        transform: translateX(0)
    }
}

.mediaSlider .swiper-pagination-bullets {
    display: none
}

@media (max-width:768px) {
    .mediaSlider .swiper-pagination-bullets {
        display: block;
        bottom: 32px
    }
}

.mediaSlider .swiper-pagination-bullets .swiper-pagination-bullet-active {
    background-color: var(--m-01--light-01)
}

.mediaSlider__slide {
    max-width: 1264px;
    width: 88%;
    background-color: #000
}

@media (max-width:1024px) {
    .mediaSlider__slide {
        width: 100%
    }
}

.mediaSlider__slide img {
    transform: translateX(250px) scale(1.6);
    transition: transform .8s cubic-bezier(.42,0,.22,.99)
}

@media (max-width:1024px) {
    .mediaSlider__slide img {
        transform: translateX(150px) scale(1.5);
        transform: translateX(100px) scale(1.5)
    }
}

@media (max-width:768px) {
    .mediaSlider__slide img {
        transition-duration: .6s;
        transform: translateX(0) scale(1)
    }
}

.mediaSlider__figure {
    height: 100%;
    width: 100%;
    top: 0;
    overflow: hidden;
    position: absolute
}

    .mediaSlider__figure:before {
        transition: opacity .6s ease
    }

@media (max-width:1024px) {
    .mediaSlider__figure:after {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background: var(--neu-10);
        opacity: 0;
        z-index: 3;
        transition: opacity .6s ease
    }
}

.mediaSlider__image {
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
    width: 100%
}

.mediaSlider__content {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 64px;
    height: 100%;
    align-items: flex-end;
    padding-bottom: 64px !important;
    justify-content: space-between;
    margin: 0;
    max-width: 90%;
    display: flex;
    padding-right: 48px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 4
}

@media (max-width:1280px) {
    .mediaSlider__content {
        padding: 0 40px
    }
}

@media (max-width:1024px) {
    .mediaSlider__content {
        padding: 0 32px
    }
}

@media (max-width:768px) {
    .mediaSlider__content {
        padding: 0 24px
    }
}

@media (max-width:512px) {
    .mediaSlider__content {
        padding: 0 16px
    }
}

@media (max-width:1440px) {
    .mediaSlider__content {
        padding-bottom: 64px;
        padding-left: 88px
    }
}

@media (max-width:1024px) {
    .mediaSlider__content {
        width: 100%;
        max-width: 1440px;
        margin: 0 auto;
        display: grid;
        padding: 0 64px;
        grid-template-columns: repeat(12,1fr);
        grid-column-gap: 32px
    }
}

@media (max-width:1024px) and (max-width:1280px) {
    .mediaSlider__content {
        padding: 0 40px;
        grid-column-gap: 24px
    }
}

@media (max-width:1024px) and (max-width:1024px) {
    .mediaSlider__content {
        padding: 0 32px;
        grid-template-columns: repeat(6,1fr);
        grid-column-gap: 16px
    }
}

@media (max-width:1024px) and (max-width:768px) {
    .mediaSlider__content {
        padding: 0 24px
    }
}

@media (max-width:1024px) and (max-width:512px) {
    .mediaSlider__content {
        padding: 0 16px;
        grid-column-gap: 8px
    }
}

@media (max-width:768px) {
    .mediaSlider__content {
        grid-template-rows: auto 72px;
        padding-bottom: 78px !important
    }
}

.mediaSlider__textBox {
    max-width: 640px
}

@media (max-width:1024px) {
    .mediaSlider__textBox {
        grid-column: 2/5
    }
}

@media (max-width:768px) {
    .mediaSlider__textBox {
        grid-column: 1/7;
        justify-self: center;
        text-align: center
    }
}

.mediaSlider__slideTitle {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Calma Global Medium,sans-serif;
    font-size: 2.5rem;
    line-height: 1.2em;
    letter-spacing: -.025em
}

    .mediaSlider__slideTitle .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .mediaSlider__slideTitle .link a:hover {
            color: var(--m-01)
        }

    .mediaSlider__slideTitle mark, .mediaSlider__slideTitle mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .mediaSlider__slideTitle mark[data-color=gray] {
            color: var(--neu-07)
        }

        .mediaSlider__slideTitle mark[data-color=default] {
            color: var(--neu-10)
        }

    .mediaSlider__slideTitle span.m-01--dark-01, .mediaSlider__slideTitle span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .mediaSlider__slideTitle span.neu-07, .mediaSlider__slideTitle span[data-color=gray] {
        color: var(--neu-07)
    }

    .mediaSlider__slideTitle span.neu-10, .mediaSlider__slideTitle span[data-color=default] {
        color: var(--neu-10)
    }

    .mediaSlider__slideTitle b, .mediaSlider__slideTitle strong {
        font-weight: 700
    }

    .mediaSlider__slideTitle em {
        font-style: italic
    }

@media (max-width:1024px) {
    .mediaSlider__slideTitle {
        font-size: 2rem;
        line-height: 1.25em;
        letter-spacing: -.016em
    }
}

.mediaSlider__description {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1rem;
    line-height: 1.5em;
    letter-spacing: -.011em;
    font-weight: 400;
    margin-top: 8px
}

    .mediaSlider__description .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .mediaSlider__description .link a:hover {
            color: var(--m-01)
        }

    .mediaSlider__description mark, .mediaSlider__description mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .mediaSlider__description mark[data-color=gray] {
            color: var(--neu-07)
        }

        .mediaSlider__description mark[data-color=default] {
            color: var(--neu-10)
        }

    .mediaSlider__description span.m-01--dark-01, .mediaSlider__description span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .mediaSlider__description span.neu-07, .mediaSlider__description span[data-color=gray] {
        color: var(--neu-07)
    }

    .mediaSlider__description span.neu-10, .mediaSlider__description span[data-color=default] {
        color: var(--neu-10)
    }

    .mediaSlider__description b, .mediaSlider__description strong {
        font-weight: 700
    }

    .mediaSlider__description em {
        font-style: italic
    }

@media (max-width:1024px) {
    .mediaSlider__button {
        justify-self: flex-end;
        display: block
    }
}

@media (max-width:768px) {
    .mediaSlider__button {
        grid-column: 1/7;
        justify-self: center
    }
}

.mediaSlider .swiper-slide .mediaSlider__content {
    opacity: 0;
    visibility: hidden;
    transition: all .4s ease .2s
}

@media (max-width:1024px) {
    .mediaSlider .swiper-slide .mediaSlider__content {
        opacity: 1;
        visibility: visible;
        transition: all 0s ease
    }
}

.mediaSlider .swiper-slide .mediaSlider__figure {
    position: relative
}

    .mediaSlider .swiper-slide .mediaSlider__figure:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background: var(--neu-10);
        opacity: .7;
        z-index: 1
    }

@media (max-width:1024px) {
    .mediaSlider .swiper-slide .mediaSlider__figure {
        position: relative
    }

        .mediaSlider .swiper-slide .mediaSlider__figure:before {
            content: "";
            position: absolute;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            background: var(--neu-10);
            opacity: .4;
            z-index: 1
        }

        .mediaSlider .swiper-slide .mediaSlider__figure:after {
            opacity: .7
        }
}

.mediaSlider .swiper-slide-active img {
    transform: translateX(0) scale(1)
}

.mediaSlider .swiper-slide-active .mediaSlider__content {
    opacity: 1;
    visibility: visible;
    transition: opacity .4s ease .4s
}

@media (max-width:1024px) {
    .mediaSlider .swiper-slide-active .mediaSlider__content {
        transition: all 0s ease
    }
}

.mediaSlider .swiper-slide-active .mediaSlider__figure {
    position: relative
}

    .mediaSlider .swiper-slide-active .mediaSlider__figure:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background: var(--neu-10);
        opacity: .4;
        z-index: 1
    }

@media (max-width:1024px) {
    .mediaSlider .swiper-slide-active .mediaSlider__figure:after {
        opacity: 0
    }
}

.messageBox {
    background-color: var(--neu-01)
}

    .messageBox .caseCard, .messageBox .caseCard--small {
        min-height: 324px;
        max-width: 960px
    }

        .messageBox .caseCard--small .caseCard__content, .messageBox .caseCard .caseCard__content {
            padding: 24px 16px 16px
        }

        .messageBox .caseCard--small .caseCard__title, .messageBox .caseCard .caseCard__title {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Calma Global Medium,sans-serif;
            font-size: 1.625rem;
            line-height: 1.231em;
            letter-spacing: 0
        }

            .messageBox .caseCard--small .caseCard__title .link a, .messageBox .caseCard .caseCard__title .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .messageBox .caseCard--small .caseCard__title .link a:hover, .messageBox .caseCard .caseCard__title .link a:hover {
                    color: var(--m-01)
                }

            .messageBox .caseCard--small .caseCard__title mark, .messageBox .caseCard--small .caseCard__title mark[data-color=color], .messageBox .caseCard .caseCard__title mark, .messageBox .caseCard .caseCard__title mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .messageBox .caseCard--small .caseCard__title mark[data-color=gray], .messageBox .caseCard .caseCard__title mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .messageBox .caseCard--small .caseCard__title mark[data-color=default], .messageBox .caseCard .caseCard__title mark[data-color=default] {
                    color: var(--neu-10)
                }

            .messageBox .caseCard--small .caseCard__title span.m-01--dark-01, .messageBox .caseCard--small .caseCard__title span[data-color=color], .messageBox .caseCard .caseCard__title span.m-01--dark-01, .messageBox .caseCard .caseCard__title span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .messageBox .caseCard--small .caseCard__title span.neu-07, .messageBox .caseCard--small .caseCard__title span[data-color=gray], .messageBox .caseCard .caseCard__title span.neu-07, .messageBox .caseCard .caseCard__title span[data-color=gray] {
                color: var(--neu-07)
            }

            .messageBox .caseCard--small .caseCard__title span.neu-10, .messageBox .caseCard--small .caseCard__title span[data-color=default], .messageBox .caseCard .caseCard__title span.neu-10, .messageBox .caseCard .caseCard__title span[data-color=default] {
                color: var(--neu-10)
            }

            .messageBox .caseCard--small .caseCard__title b, .messageBox .caseCard--small .caseCard__title strong, .messageBox .caseCard .caseCard__title b, .messageBox .caseCard .caseCard__title strong {
                font-weight: 700
            }

            .messageBox .caseCard--small .caseCard__title em, .messageBox .caseCard .caseCard__title em {
                font-style: italic
            }

    .messageBox .countyCard, .messageBox .countyCard--small {
        max-width: 960px;
        height: 100%;
        min-height: 80px
    }

    .messageBox .industryCard, .messageBox .industryCard--small {
        max-width: 960px;
        max-width: 480px;
        min-height: 240px
    }

        .messageBox .industryCard--small .industryCard__content, .messageBox .industryCard .industryCard__content {
            padding: 24px 16px 16px
        }

        .messageBox .industryCard--small .industryCard__title, .messageBox .industryCard .industryCard__title {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Calma Global Medium,sans-serif;
            font-size: 1.625rem;
            line-height: 1.231em;
            letter-spacing: 0
        }

            .messageBox .industryCard--small .industryCard__title .link a, .messageBox .industryCard .industryCard__title .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .messageBox .industryCard--small .industryCard__title .link a:hover, .messageBox .industryCard .industryCard__title .link a:hover {
                    color: var(--m-01)
                }

            .messageBox .industryCard--small .industryCard__title mark, .messageBox .industryCard--small .industryCard__title mark[data-color=color], .messageBox .industryCard .industryCard__title mark, .messageBox .industryCard .industryCard__title mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .messageBox .industryCard--small .industryCard__title mark[data-color=gray], .messageBox .industryCard .industryCard__title mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .messageBox .industryCard--small .industryCard__title mark[data-color=default], .messageBox .industryCard .industryCard__title mark[data-color=default] {
                    color: var(--neu-10)
                }

            .messageBox .industryCard--small .industryCard__title span.m-01--dark-01, .messageBox .industryCard--small .industryCard__title span[data-color=color], .messageBox .industryCard .industryCard__title span.m-01--dark-01, .messageBox .industryCard .industryCard__title span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .messageBox .industryCard--small .industryCard__title span.neu-07, .messageBox .industryCard--small .industryCard__title span[data-color=gray], .messageBox .industryCard .industryCard__title span.neu-07, .messageBox .industryCard .industryCard__title span[data-color=gray] {
                color: var(--neu-07)
            }

            .messageBox .industryCard--small .industryCard__title span.neu-10, .messageBox .industryCard--small .industryCard__title span[data-color=default], .messageBox .industryCard .industryCard__title span.neu-10, .messageBox .industryCard .industryCard__title span[data-color=default] {
                color: var(--neu-10)
            }

            .messageBox .industryCard--small .industryCard__title b, .messageBox .industryCard--small .industryCard__title strong, .messageBox .industryCard .industryCard__title b, .messageBox .industryCard .industryCard__title strong {
                font-weight: 700
            }

            .messageBox .industryCard--small .industryCard__title em, .messageBox .industryCard .industryCard__title em {
                font-style: italic
            }

    .messageBox .itemCard, .messageBox .itemCard--small {
        max-width: 960px;
        padding: 24px 16px 32px 4px;
        height: 100%
    }

        .messageBox .itemCard--small .itemCard__text, .messageBox .itemCard .itemCard__text {
            max-width: 310px
        }

    .messageBox .readingImageCard, .messageBox .readingImageCard--small {
        max-width: 960px;
        background: transparent;
        box-shadow: none;
        border-bottom: 1px solid var(--neu-03);
        min-height: auto;
        flex-direction: row;
        padding: 8px 0 16px;
        border-radius: 0
    }

        .messageBox .readingImageCard--small .readingImageCard__image, .messageBox .readingImageCard .readingImageCard__image {
            height: auto;
            max-width: 110px;
            flex: 1;
            border-radius: 0
        }

        .messageBox .readingImageCard--small .readingImageCard__content, .messageBox .readingImageCard .readingImageCard__content {
            padding: 0 0 0 16px;
            flex: 2;
            justify-content: flex-start
        }

        .messageBox .readingImageCard--small .readingImageCard__text, .messageBox .readingImageCard .readingImageCard__text {
            padding: 0;
            padding-right: 24px
        }

        .messageBox .readingImageCard--small .readingImageCard__title, .messageBox .readingImageCard .readingImageCard__title {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Inter,sans-serif;
            font-size: 1rem;
            line-height: 1.5em;
            letter-spacing: -.011em;
            font-weight: 700;
            margin-top: 4px
        }

            .messageBox .readingImageCard--small .readingImageCard__title .link a, .messageBox .readingImageCard .readingImageCard__title .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .messageBox .readingImageCard--small .readingImageCard__title .link a:hover, .messageBox .readingImageCard .readingImageCard__title .link a:hover {
                    color: var(--m-01)
                }

            .messageBox .readingImageCard--small .readingImageCard__title mark, .messageBox .readingImageCard--small .readingImageCard__title mark[data-color=color], .messageBox .readingImageCard .readingImageCard__title mark, .messageBox .readingImageCard .readingImageCard__title mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .messageBox .readingImageCard--small .readingImageCard__title mark[data-color=gray], .messageBox .readingImageCard .readingImageCard__title mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .messageBox .readingImageCard--small .readingImageCard__title mark[data-color=default], .messageBox .readingImageCard .readingImageCard__title mark[data-color=default] {
                    color: var(--neu-10)
                }

            .messageBox .readingImageCard--small .readingImageCard__title span.m-01--dark-01, .messageBox .readingImageCard--small .readingImageCard__title span[data-color=color], .messageBox .readingImageCard .readingImageCard__title span.m-01--dark-01, .messageBox .readingImageCard .readingImageCard__title span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .messageBox .readingImageCard--small .readingImageCard__title span.neu-07, .messageBox .readingImageCard--small .readingImageCard__title span[data-color=gray], .messageBox .readingImageCard .readingImageCard__title span.neu-07, .messageBox .readingImageCard .readingImageCard__title span[data-color=gray] {
                color: var(--neu-07)
            }

            .messageBox .readingImageCard--small .readingImageCard__title span.neu-10, .messageBox .readingImageCard--small .readingImageCard__title span[data-color=default], .messageBox .readingImageCard .readingImageCard__title span.neu-10, .messageBox .readingImageCard .readingImageCard__title span[data-color=default] {
                color: var(--neu-10)
            }

            .messageBox .readingImageCard--small .readingImageCard__title b, .messageBox .readingImageCard--small .readingImageCard__title strong, .messageBox .readingImageCard .readingImageCard__title b, .messageBox .readingImageCard .readingImageCard__title strong {
                font-weight: 700
            }

            .messageBox .readingImageCard--small .readingImageCard__title em, .messageBox .readingImageCard .readingImageCard__title em {
                font-style: italic
            }

        .messageBox .readingImageCard--small .readingImageCard__infoItem i, .messageBox .readingImageCard .readingImageCard__infoItem i {
            display: none
        }

        .messageBox .readingImageCard--small .btnBookmark, .messageBox .readingImageCard--small .btnBookmark--privateArea, .messageBox .readingImageCard--small .btnBookmark--small, .messageBox .readingImageCard .btnBookmark, .messageBox .readingImageCard .btnBookmark--privateArea, .messageBox .readingImageCard .btnBookmark--small {
            top: -8px;
            right: -16px;
            z-index: 2
        }

            .messageBox .readingImageCard--small .btnBookmark--privateArea .btnBookmark, .messageBox .readingImageCard--small .btnBookmark--privateArea .btnBookmark--small, .messageBox .readingImageCard .btnBookmark--privateArea .btnBookmark, .messageBox .readingImageCard .btnBookmark--privateArea .btnBookmark--small {
                top: 0;
                right: 0
            }

        .messageBox .readingImageCard--small:hover, .messageBox .readingImageCard:hover {
            box-shadow: none;
            transform: none
        }

    .messageBox .readingTextCard, .messageBox .readingTextCard--small {
        max-width: 960px;
        background: transparent;
        box-shadow: none;
        border-bottom: 1px solid var(--neu-03);
        min-height: auto;
        flex-direction: row;
        padding: 8px 0 16px;
        border-radius: 0
    }

        .messageBox .readingTextCard--small .readingTextCard__content, .messageBox .readingTextCard .readingTextCard__content {
            flex: 2
        }

        .messageBox .readingTextCard--small .readingTextCard__text, .messageBox .readingTextCard .readingTextCard__text {
            padding: 0
        }

        .messageBox .readingTextCard--small .readingTextCard__title, .messageBox .readingTextCard .readingTextCard__title {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Inter,sans-serif;
            font-size: 1rem;
            line-height: 1.5em;
            letter-spacing: -.011em;
            font-weight: 700;
            margin-top: 4px
        }

            .messageBox .readingTextCard--small .readingTextCard__title .link a, .messageBox .readingTextCard .readingTextCard__title .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .messageBox .readingTextCard--small .readingTextCard__title .link a:hover, .messageBox .readingTextCard .readingTextCard__title .link a:hover {
                    color: var(--m-01)
                }

            .messageBox .readingTextCard--small .readingTextCard__title mark, .messageBox .readingTextCard--small .readingTextCard__title mark[data-color=color], .messageBox .readingTextCard .readingTextCard__title mark, .messageBox .readingTextCard .readingTextCard__title mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .messageBox .readingTextCard--small .readingTextCard__title mark[data-color=gray], .messageBox .readingTextCard .readingTextCard__title mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .messageBox .readingTextCard--small .readingTextCard__title mark[data-color=default], .messageBox .readingTextCard .readingTextCard__title mark[data-color=default] {
                    color: var(--neu-10)
                }

            .messageBox .readingTextCard--small .readingTextCard__title span.m-01--dark-01, .messageBox .readingTextCard--small .readingTextCard__title span[data-color=color], .messageBox .readingTextCard .readingTextCard__title span.m-01--dark-01, .messageBox .readingTextCard .readingTextCard__title span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .messageBox .readingTextCard--small .readingTextCard__title span.neu-07, .messageBox .readingTextCard--small .readingTextCard__title span[data-color=gray], .messageBox .readingTextCard .readingTextCard__title span.neu-07, .messageBox .readingTextCard .readingTextCard__title span[data-color=gray] {
                color: var(--neu-07)
            }

            .messageBox .readingTextCard--small .readingTextCard__title span.neu-10, .messageBox .readingTextCard--small .readingTextCard__title span[data-color=default], .messageBox .readingTextCard .readingTextCard__title span.neu-10, .messageBox .readingTextCard .readingTextCard__title span[data-color=default] {
                color: var(--neu-10)
            }

            .messageBox .readingTextCard--small .readingTextCard__title b, .messageBox .readingTextCard--small .readingTextCard__title strong, .messageBox .readingTextCard .readingTextCard__title b, .messageBox .readingTextCard .readingTextCard__title strong {
                font-weight: 700
            }

            .messageBox .readingTextCard--small .readingTextCard__title em, .messageBox .readingTextCard .readingTextCard__title em {
                font-style: italic
            }

        .messageBox .readingTextCard--small .readingTextCard__description, .messageBox .readingTextCard--small .readingTextCard__infoItem i, .messageBox .readingTextCard .readingTextCard__description, .messageBox .readingTextCard .readingTextCard__infoItem i {
            display: none
        }

        .messageBox .readingTextCard--small:hover, .messageBox .readingTextCard:hover {
            box-shadow: none;
            transform: none
        }

    .messageBox .regionCard, .messageBox .regionCard--small {
        max-width: 960px;
        min-height: 270px
    }

        .messageBox .regionCard--small .regionCard__content, .messageBox .regionCard .regionCard__content {
            padding: 24px 16px 16px
        }

        .messageBox .regionCard--small .regionCard__title, .messageBox .regionCard .regionCard__title {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Calma Global Medium,sans-serif;
            font-size: 2rem;
            line-height: 1.25em;
            letter-spacing: -.016em
        }

            .messageBox .regionCard--small .regionCard__title .link a, .messageBox .regionCard .regionCard__title .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .messageBox .regionCard--small .regionCard__title .link a:hover, .messageBox .regionCard .regionCard__title .link a:hover {
                    color: var(--m-01)
                }

            .messageBox .regionCard--small .regionCard__title mark, .messageBox .regionCard--small .regionCard__title mark[data-color=color], .messageBox .regionCard .regionCard__title mark, .messageBox .regionCard .regionCard__title mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .messageBox .regionCard--small .regionCard__title mark[data-color=gray], .messageBox .regionCard .regionCard__title mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .messageBox .regionCard--small .regionCard__title mark[data-color=default], .messageBox .regionCard .regionCard__title mark[data-color=default] {
                    color: var(--neu-10)
                }

            .messageBox .regionCard--small .regionCard__title span.m-01--dark-01, .messageBox .regionCard--small .regionCard__title span[data-color=color], .messageBox .regionCard .regionCard__title span.m-01--dark-01, .messageBox .regionCard .regionCard__title span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .messageBox .regionCard--small .regionCard__title span.neu-07, .messageBox .regionCard--small .regionCard__title span[data-color=gray], .messageBox .regionCard .regionCard__title span.neu-07, .messageBox .regionCard .regionCard__title span[data-color=gray] {
                color: var(--neu-07)
            }

            .messageBox .regionCard--small .regionCard__title span.neu-10, .messageBox .regionCard--small .regionCard__title span[data-color=default], .messageBox .regionCard .regionCard__title span.neu-10, .messageBox .regionCard .regionCard__title span[data-color=default] {
                color: var(--neu-10)
            }

            .messageBox .regionCard--small .regionCard__title b, .messageBox .regionCard--small .regionCard__title strong, .messageBox .regionCard .regionCard__title b, .messageBox .regionCard .regionCard__title strong {
                font-weight: 700
            }

            .messageBox .regionCard--small .regionCard__title em, .messageBox .regionCard .regionCard__title em {
                font-style: italic
            }

@media (max-width:1024px) {
    .messageBox .regionCard--small .regionCard__title, .messageBox .regionCard .regionCard__title {
        font-size: 1.625rem;
        line-height: 1.231em;
        letter-spacing: 0
    }
}

.messageBox .resultsCard, .messageBox .resultsCard--small {
    max-width: 960px;
    min-height: auto;
    padding: 0 0 16px;
    border-radius: 0;
    flex-direction: column
}

    .messageBox .resultsCard--small .resultsCard__image, .messageBox .resultsCard .resultsCard__image {
        height: 126px;
        width: 100%;
        margin-right: 0;
        margin-bottom: 16px
    }

    .messageBox .resultsCard--small .resultsCard__content, .messageBox .resultsCard .resultsCard__content {
        flex: 2;
        justify-content: flex-start
    }

    .messageBox .resultsCard--small .resultsCard__topInfo, .messageBox .resultsCard .resultsCard__topInfo {
        flex-direction: column
    }

    .messageBox .resultsCard--small .resultsCard__sideInfo, .messageBox .resultsCard .resultsCard__sideInfo {
        order: 1;
        transform: none;
        justify-content: space-between;
        margin-bottom: 16px
    }

    .messageBox .resultsCard--small .resultsCard__labels, .messageBox .resultsCard .resultsCard__labels {
        order: 2
    }

    .messageBox .resultsCard--small .resultsCard__text, .messageBox .resultsCard .resultsCard__text {
        padding: 0
    }

    .newsletter-input-select-control .indicator svg {
        transition: transform 0.2s ease-in-out;
    }
    .newsletter-input-select-control-wrapper .subscription-item {
        border: none !important;
    }
    .newsletter-input-select .content .selected-text {
        line-height: 1.5em;
    }
    .newsletter-input-select-control {
        min-height: 40px;
        display: flex;
        align-items: center;
    }
    .newsletter-input-select-control:hover {
        border-color: #000;
    }

    .messageBox .resultsCard--small .resultsCard__description, .messageBox .resultsCard .resultsCard__description {
        margin-top: 4px
    }

    .messageBox .resultsCard--small .resultsCard__bottomInfo, .messageBox .resultsCard .resultsCard__bottomInfo {
        margin-top: 8px
    }

@media (max-width:512px) {
    .messageBox .resultsCard--small .resultsCard__bottomInfo, .messageBox .resultsCard .resultsCard__bottomInfo {
        flex-direction: column;
        align-items: flex-start
    }
}

@media (max-width:512px) {
    .messageBox .resultsCard--small .resultsCard__btnContainer, .messageBox .resultsCard .resultsCard__btnContainer {
        margin-top: 8px;
        width: 100%;
        display: flex;
        justify-content: flex-end
    }
}

.messageBox .resultsCard--small .btnBookmark, .messageBox .resultsCard--small .btnBookmark--small, .messageBox .resultsCard .btnBookmark, .messageBox .resultsCard .btnBookmark--small {
    transform: translateX(16px);
    width: 48px
}

.messageBox .thumbResultsCard, .messageBox .thumbResultsCard--small {
    max-width: 636px;
    flex-direction: row
}

    .messageBox .thumbResultsCard--small .thumbResultsCard__image, .messageBox .thumbResultsCard .thumbResultsCard__image {
        height: auto;
        width: 89px;
        min-width: 89px;
        border-top-left-radius: 2px;
        border-top-right-radius: 0;
        border-bottom-left-radius: 2px
    }

    .messageBox .thumbResultsCard--small .thumbResultsCard__content, .messageBox .thumbResultsCard .thumbResultsCard__content {
        justify-content: flex-start
    }

    .messageBox .thumbResultsCard--small .thumbResultsCard__sideInfo, .messageBox .thumbResultsCard .thumbResultsCard__sideInfo {
        transform: none;
        justify-content: space-between
    }

    .messageBox .thumbResultsCard--small .thumbResultsCard__text, .messageBox .thumbResultsCard .thumbResultsCard__text {
        padding: 0
    }

    .messageBox .thumbResultsCard--small .thumbResultsCard__description, .messageBox .thumbResultsCard .thumbResultsCard__description {
        margin-top: 4px
    }

@media (max-width:512px) {
    .messageBox .thumbResultsCard--small .thumbResultsCard__btnContainer, .messageBox .thumbResultsCard .thumbResultsCard__btnContainer {
        margin-top: 8px
    }
}

.messageBox .supplierCard, .messageBox .supplierCard--small {
    max-width: 960px;
    min-height: 214px
}

    .messageBox .supplierCard--small .supplierCard__container, .messageBox .supplierCard .supplierCard__container {
        padding: 24px 16px
    }

        .messageBox .supplierCard--small .supplierCard__container.opened, .messageBox .supplierCard .supplierCard__container.opened {
            max-width: 90vw;
            padding: 24px 40px 24px 24px
        }

@media (max-width:768px) {
    .messageBox .supplierCard--small .supplierCard__container.opened, .messageBox .supplierCard .supplierCard__container.opened {
        padding: 24px
    }
}

.messageBox .supplierCard--small .supplierCard__container.opened .supplierCard__content, .messageBox .supplierCard .supplierCard__container.opened .supplierCard__content {
    max-width: calc(100% - 120px - 16px)
}

@media (max-width:768px) {
    .messageBox .supplierCard--small .supplierCard__container.opened .supplierCard__content, .messageBox .supplierCard .supplierCard__container.opened .supplierCard__content {
        max-width: 100%
    }
}

.messageBox .supplierCard--small .supplierCard__container.opened .supplierCard__image, .messageBox .supplierCard .supplierCard__container.opened .supplierCard__image {
    width: 120px;
    height: 120px
}

.messageBox .supplierCard--small .supplierCard__image, .messageBox .supplierCard .supplierCard__image {
    max-width: 110px;
    width: calc(15% - 16px);
    margin-right: 16px
}

@media (max-width:768px) {
    .messageBox .supplierCard--small .supplierCard__image, .messageBox .supplierCard .supplierCard__image {
        width: calc(25% - 16px)
    }
}

@media (max-width:512px) {
    .messageBox .supplierCard--small .supplierCard__image, .messageBox .supplierCard .supplierCard__image {
        width: calc(40% - 16px)
    }
}

.messageBox .supplierCard--small .supplierCard__content, .messageBox .supplierCard .supplierCard__content {
    max-width: 85%
}

@media (max-width:768px) {
    .messageBox .supplierCard--small .supplierCard__content, .messageBox .supplierCard .supplierCard__content {
        max-width: 75%
    }
}

@media (max-width:512px) {
    .messageBox .supplierCard--small .supplierCard__content, .messageBox .supplierCard .supplierCard__content {
        max-width: 60%
    }
}

@media (max-width:768px) {
    .messageBox .supplierCard--small .supplierCard__title, .messageBox .supplierCard .supplierCard__title {
        margin: 16px 0 8px
    }
}

.messageBox .supplierCard--small .supplierCard__link, .messageBox .supplierCard .supplierCard__link {
    right: -40px
}

@media (max-width:768px) {
    .messageBox .supplierCard--small .supplierCard__link, .messageBox .supplierCard .supplierCard__link {
        right: -24px
    }
}

.messageBox .supplierCard--small .supplierCard__shortDescription, .messageBox .supplierCard .supplierCard__shortDescription {
    max-width: none
}

.messageBox .supplierCard--small .openExpandedCard, .messageBox .supplierCard--small .openExpandedCard button, .messageBox .supplierCard .openExpandedCard, .messageBox .supplierCard .openExpandedCard button {
    width: 100%
}

.messageBox .supplierCard--small .closeExpandedCard, .messageBox .supplierCard .closeExpandedCard {
    top: 16px;
    right: 8px
}

.messageBox .supplierCard--small .btn, .messageBox .supplierCard--small .btn--icon, .messageBox .supplierCard--small .btn--primary, .messageBox .supplierCard--small .btn--primary--dark, .messageBox .supplierCard--small .btn--secondary, .messageBox .supplierCard--small .btn--small, .messageBox .supplierCard--small .btn--tertiary, .messageBox .supplierCard .btn, .messageBox .supplierCard .btn--icon, .messageBox .supplierCard .btn--primary, .messageBox .supplierCard .btn--primary--dark, .messageBox .supplierCard .btn--secondary, .messageBox .supplierCard .btn--small, .messageBox .supplierCard .btn--tertiary {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: .813rem;
    line-height: 1.538em;
    letter-spacing: -.003em;
    font-weight: 400;
    font-weight: 700;
    padding: 0 20px;
    height: 40px
}

    .messageBox .supplierCard--small .btn--icon .link a, .messageBox .supplierCard--small .btn--primary--dark .link a, .messageBox .supplierCard--small .btn--primary .link a, .messageBox .supplierCard--small .btn--secondary .link a, .messageBox .supplierCard--small .btn--small .link a, .messageBox .supplierCard--small .btn--tertiary .link a, .messageBox .supplierCard--small .btn .link a, .messageBox .supplierCard .btn--icon .link a, .messageBox .supplierCard .btn--primary--dark .link a, .messageBox .supplierCard .btn--primary .link a, .messageBox .supplierCard .btn--secondary .link a, .messageBox .supplierCard .btn--small .link a, .messageBox .supplierCard .btn--tertiary .link a, .messageBox .supplierCard .btn .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .messageBox .supplierCard--small .btn--icon .link a:hover, .messageBox .supplierCard--small .btn--primary--dark .link a:hover, .messageBox .supplierCard--small .btn--primary .link a:hover, .messageBox .supplierCard--small .btn--secondary .link a:hover, .messageBox .supplierCard--small .btn--small .link a:hover, .messageBox .supplierCard--small .btn--tertiary .link a:hover, .messageBox .supplierCard--small .btn .link a:hover, .messageBox .supplierCard .btn--icon .link a:hover, .messageBox .supplierCard .btn--primary--dark .link a:hover, .messageBox .supplierCard .btn--primary .link a:hover, .messageBox .supplierCard .btn--secondary .link a:hover, .messageBox .supplierCard .btn--small .link a:hover, .messageBox .supplierCard .btn--tertiary .link a:hover, .messageBox .supplierCard .btn .link a:hover {
            color: var(--m-01)
        }

    .messageBox .supplierCard--small .btn--icon mark, .messageBox .supplierCard--small .btn--icon mark[data-color=color], .messageBox .supplierCard--small .btn--primary--dark mark, .messageBox .supplierCard--small .btn--primary--dark mark[data-color=color], .messageBox .supplierCard--small .btn--primary mark, .messageBox .supplierCard--small .btn--primary mark[data-color=color], .messageBox .supplierCard--small .btn--secondary mark, .messageBox .supplierCard--small .btn--secondary mark[data-color=color], .messageBox .supplierCard--small .btn--small mark, .messageBox .supplierCard--small .btn--small mark[data-color=color], .messageBox .supplierCard--small .btn--tertiary mark, .messageBox .supplierCard--small .btn--tertiary mark[data-color=color], .messageBox .supplierCard--small .btn mark, .messageBox .supplierCard--small .btn mark[data-color=color], .messageBox .supplierCard .btn--icon mark, .messageBox .supplierCard .btn--icon mark[data-color=color], .messageBox .supplierCard .btn--primary--dark mark, .messageBox .supplierCard .btn--primary--dark mark[data-color=color], .messageBox .supplierCard .btn--primary mark, .messageBox .supplierCard .btn--primary mark[data-color=color], .messageBox .supplierCard .btn--secondary mark, .messageBox .supplierCard .btn--secondary mark[data-color=color], .messageBox .supplierCard .btn--small mark, .messageBox .supplierCard .btn--small mark[data-color=color], .messageBox .supplierCard .btn--tertiary mark, .messageBox .supplierCard .btn--tertiary mark[data-color=color], .messageBox .supplierCard .btn mark, .messageBox .supplierCard .btn mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .messageBox .supplierCard--small .btn--icon mark[data-color=gray], .messageBox .supplierCard--small .btn--primary--dark mark[data-color=gray], .messageBox .supplierCard--small .btn--primary mark[data-color=gray], .messageBox .supplierCard--small .btn--secondary mark[data-color=gray], .messageBox .supplierCard--small .btn--small mark[data-color=gray], .messageBox .supplierCard--small .btn--tertiary mark[data-color=gray], .messageBox .supplierCard--small .btn mark[data-color=gray], .messageBox .supplierCard .btn--icon mark[data-color=gray], .messageBox .supplierCard .btn--primary--dark mark[data-color=gray], .messageBox .supplierCard .btn--primary mark[data-color=gray], .messageBox .supplierCard .btn--secondary mark[data-color=gray], .messageBox .supplierCard .btn--small mark[data-color=gray], .messageBox .supplierCard .btn--tertiary mark[data-color=gray], .messageBox .supplierCard .btn mark[data-color=gray] {
            color: var(--neu-07)
        }

        .messageBox .supplierCard--small .btn--icon mark[data-color=default], .messageBox .supplierCard--small .btn--primary--dark mark[data-color=default], .messageBox .supplierCard--small .btn--primary mark[data-color=default], .messageBox .supplierCard--small .btn--secondary mark[data-color=default], .messageBox .supplierCard--small .btn--small mark[data-color=default], .messageBox .supplierCard--small .btn--tertiary mark[data-color=default], .messageBox .supplierCard--small .btn mark[data-color=default], .messageBox .supplierCard .btn--icon mark[data-color=default], .messageBox .supplierCard .btn--primary--dark mark[data-color=default], .messageBox .supplierCard .btn--primary mark[data-color=default], .messageBox .supplierCard .btn--secondary mark[data-color=default], .messageBox .supplierCard .btn--small mark[data-color=default], .messageBox .supplierCard .btn--tertiary mark[data-color=default], .messageBox .supplierCard .btn mark[data-color=default] {
            color: var(--neu-10)
        }

    .messageBox .supplierCard--small .btn--icon span.m-01--dark-01, .messageBox .supplierCard--small .btn--icon span[data-color=color], .messageBox .supplierCard--small .btn--primary--dark span.m-01--dark-01, .messageBox .supplierCard--small .btn--primary--dark span[data-color=color], .messageBox .supplierCard--small .btn--primary span.m-01--dark-01, .messageBox .supplierCard--small .btn--primary span[data-color=color], .messageBox .supplierCard--small .btn--secondary span.m-01--dark-01, .messageBox .supplierCard--small .btn--secondary span[data-color=color], .messageBox .supplierCard--small .btn--small span.m-01--dark-01, .messageBox .supplierCard--small .btn--small span[data-color=color], .messageBox .supplierCard--small .btn--tertiary span.m-01--dark-01, .messageBox .supplierCard--small .btn--tertiary span[data-color=color], .messageBox .supplierCard--small .btn span.m-01--dark-01, .messageBox .supplierCard--small .btn span[data-color=color], .messageBox .supplierCard .btn--icon span.m-01--dark-01, .messageBox .supplierCard .btn--icon span[data-color=color], .messageBox .supplierCard .btn--primary--dark span.m-01--dark-01, .messageBox .supplierCard .btn--primary--dark span[data-color=color], .messageBox .supplierCard .btn--primary span.m-01--dark-01, .messageBox .supplierCard .btn--primary span[data-color=color], .messageBox .supplierCard .btn--secondary span.m-01--dark-01, .messageBox .supplierCard .btn--secondary span[data-color=color], .messageBox .supplierCard .btn--small span.m-01--dark-01, .messageBox .supplierCard .btn--small span[data-color=color], .messageBox .supplierCard .btn--tertiary span.m-01--dark-01, .messageBox .supplierCard .btn--tertiary span[data-color=color], .messageBox .supplierCard .btn span.m-01--dark-01, .messageBox .supplierCard .btn span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .messageBox .supplierCard--small .btn--icon span.neu-07, .messageBox .supplierCard--small .btn--icon span[data-color=gray], .messageBox .supplierCard--small .btn--primary--dark span.neu-07, .messageBox .supplierCard--small .btn--primary--dark span[data-color=gray], .messageBox .supplierCard--small .btn--primary span.neu-07, .messageBox .supplierCard--small .btn--primary span[data-color=gray], .messageBox .supplierCard--small .btn--secondary span.neu-07, .messageBox .supplierCard--small .btn--secondary span[data-color=gray], .messageBox .supplierCard--small .btn--small span.neu-07, .messageBox .supplierCard--small .btn--small span[data-color=gray], .messageBox .supplierCard--small .btn--tertiary span.neu-07, .messageBox .supplierCard--small .btn--tertiary span[data-color=gray], .messageBox .supplierCard--small .btn span.neu-07, .messageBox .supplierCard--small .btn span[data-color=gray], .messageBox .supplierCard .btn--icon span.neu-07, .messageBox .supplierCard .btn--icon span[data-color=gray], .messageBox .supplierCard .btn--primary--dark span.neu-07, .messageBox .supplierCard .btn--primary--dark span[data-color=gray], .messageBox .supplierCard .btn--primary span.neu-07, .messageBox .supplierCard .btn--primary span[data-color=gray], .messageBox .supplierCard .btn--secondary span.neu-07, .messageBox .supplierCard .btn--secondary span[data-color=gray], .messageBox .supplierCard .btn--small span.neu-07, .messageBox .supplierCard .btn--small span[data-color=gray], .messageBox .supplierCard .btn--tertiary span.neu-07, .messageBox .supplierCard .btn--tertiary span[data-color=gray], .messageBox .supplierCard .btn span.neu-07, .messageBox .supplierCard .btn span[data-color=gray] {
        color: var(--neu-07)
    }

    .messageBox .supplierCard--small .btn--icon span.neu-10, .messageBox .supplierCard--small .btn--icon span[data-color=default], .messageBox .supplierCard--small .btn--primary--dark span.neu-10, .messageBox .supplierCard--small .btn--primary--dark span[data-color=default], .messageBox .supplierCard--small .btn--primary span.neu-10, .messageBox .supplierCard--small .btn--primary span[data-color=default], .messageBox .supplierCard--small .btn--secondary span.neu-10, .messageBox .supplierCard--small .btn--secondary span[data-color=default], .messageBox .supplierCard--small .btn--small span.neu-10, .messageBox .supplierCard--small .btn--small span[data-color=default], .messageBox .supplierCard--small .btn--tertiary span.neu-10, .messageBox .supplierCard--small .btn--tertiary span[data-color=default], .messageBox .supplierCard--small .btn span.neu-10, .messageBox .supplierCard--small .btn span[data-color=default], .messageBox .supplierCard .btn--icon span.neu-10, .messageBox .supplierCard .btn--icon span[data-color=default], .messageBox .supplierCard .btn--primary--dark span.neu-10, .messageBox .supplierCard .btn--primary--dark span[data-color=default], .messageBox .supplierCard .btn--primary span.neu-10, .messageBox .supplierCard .btn--primary span[data-color=default], .messageBox .supplierCard .btn--secondary span.neu-10, .messageBox .supplierCard .btn--secondary span[data-color=default], .messageBox .supplierCard .btn--small span.neu-10, .messageBox .supplierCard .btn--small span[data-color=default], .messageBox .supplierCard .btn--tertiary span.neu-10, .messageBox .supplierCard .btn--tertiary span[data-color=default], .messageBox .supplierCard .btn span.neu-10, .messageBox .supplierCard .btn span[data-color=default] {
        color: var(--neu-10)
    }

    .messageBox .supplierCard--small .btn--icon b, .messageBox .supplierCard--small .btn--icon strong, .messageBox .supplierCard--small .btn--primary--dark b, .messageBox .supplierCard--small .btn--primary--dark strong, .messageBox .supplierCard--small .btn--primary b, .messageBox .supplierCard--small .btn--primary strong, .messageBox .supplierCard--small .btn--secondary b, .messageBox .supplierCard--small .btn--secondary strong, .messageBox .supplierCard--small .btn--small b, .messageBox .supplierCard--small .btn--small strong, .messageBox .supplierCard--small .btn--tertiary b, .messageBox .supplierCard--small .btn--tertiary strong, .messageBox .supplierCard--small .btn b, .messageBox .supplierCard--small .btn strong, .messageBox .supplierCard .btn--icon b, .messageBox .supplierCard .btn--icon strong, .messageBox .supplierCard .btn--primary--dark b, .messageBox .supplierCard .btn--primary--dark strong, .messageBox .supplierCard .btn--primary b, .messageBox .supplierCard .btn--primary strong, .messageBox .supplierCard .btn--secondary b, .messageBox .supplierCard .btn--secondary strong, .messageBox .supplierCard .btn--small b, .messageBox .supplierCard .btn--small strong, .messageBox .supplierCard .btn--tertiary b, .messageBox .supplierCard .btn--tertiary strong, .messageBox .supplierCard .btn b, .messageBox .supplierCard .btn strong {
        font-weight: 700
    }

    .messageBox .supplierCard--small .btn--icon em, .messageBox .supplierCard--small .btn--primary--dark em, .messageBox .supplierCard--small .btn--primary em, .messageBox .supplierCard--small .btn--secondary em, .messageBox .supplierCard--small .btn--small em, .messageBox .supplierCard--small .btn--tertiary em, .messageBox .supplierCard--small .btn em, .messageBox .supplierCard .btn--icon em, .messageBox .supplierCard .btn--primary--dark em, .messageBox .supplierCard .btn--primary em, .messageBox .supplierCard .btn--secondary em, .messageBox .supplierCard .btn--small em, .messageBox .supplierCard .btn--tertiary em, .messageBox .supplierCard .btn em {
        font-style: italic
    }

    .messageBox .supplierCard--small .btn--icon i, .messageBox .supplierCard--small .btn--primary--dark i, .messageBox .supplierCard--small .btn--primary i, .messageBox .supplierCard--small .btn--secondary i, .messageBox .supplierCard--small .btn--small i, .messageBox .supplierCard--small .btn--tertiary i, .messageBox .supplierCard--small .btn i, .messageBox .supplierCard .btn--icon i, .messageBox .supplierCard .btn--primary--dark i, .messageBox .supplierCard .btn--primary i, .messageBox .supplierCard .btn--secondary i, .messageBox .supplierCard .btn--small i, .messageBox .supplierCard .btn--tertiary i, .messageBox .supplierCard .btn i {
        min-width: 16px;
        width: 16px;
        height: 16px;
        font-size: 16px
    }

        .messageBox .supplierCard--small .btn--icon i:before, .messageBox .supplierCard--small .btn--primary--dark i:before, .messageBox .supplierCard--small .btn--primary i:before, .messageBox .supplierCard--small .btn--secondary i:before, .messageBox .supplierCard--small .btn--small i:before, .messageBox .supplierCard--small .btn--tertiary i:before, .messageBox .supplierCard--small .btn i:before, .messageBox .supplierCard .btn--icon i:before, .messageBox .supplierCard .btn--primary--dark i:before, .messageBox .supplierCard .btn--primary i:before, .messageBox .supplierCard .btn--secondary i:before, .messageBox .supplierCard .btn--small i:before, .messageBox .supplierCard .btn--tertiary i:before, .messageBox .supplierCard .btn i:before {
            font-size: 16px;
            font-weight: 400
        }

    .messageBox .supplierCard--small .btn--icon, .messageBox .supplierCard--small .btn--icon.btn--primary, .messageBox .supplierCard--small .btn--icon.btn--primary--dark, .messageBox .supplierCard--small .btn--icon.btn--secondary, .messageBox .supplierCard--small .btn--icon.btn--small, .messageBox .supplierCard--small .btn--icon.btn--tertiary, .messageBox .supplierCard--small .btn.btn--icon, .messageBox .supplierCard .btn--icon, .messageBox .supplierCard .btn--icon.btn--primary, .messageBox .supplierCard .btn--icon.btn--primary--dark, .messageBox .supplierCard .btn--icon.btn--secondary, .messageBox .supplierCard .btn--icon.btn--small, .messageBox .supplierCard .btn--icon.btn--tertiary, .messageBox .supplierCard .btn.btn--icon {
        width: 40px;
        min-width: 40px
    }

.messageBox .regionResultsCard, .messageBox .regionResultsCard--small {
    max-width: 960px;
    min-height: auto;
    padding: 0 0 24px;
    border-radius: 0;
    flex-direction: column
}

    .messageBox .regionResultsCard--small .regionResultsCard__image, .messageBox .regionResultsCard .regionResultsCard__image {
        height: 100px;
        width: 100%;
        margin-right: 0;
        margin-bottom: 16px
    }

    .messageBox .regionResultsCard--small .regionResultsCard__title, .messageBox .regionResultsCard .regionResultsCard__title {
        margin-top: 4px
    }

    .messageBox .regionResultsCard--small .regionResultsCard__content, .messageBox .regionResultsCard .regionResultsCard__content {
        flex: 2;
        justify-content: flex-start
    }

    .messageBox .regionResultsCard--small .regionResultsCard__topInfo, .messageBox .regionResultsCard .regionResultsCard__topInfo {
        flex-direction: column
    }

    .messageBox .regionResultsCard--small .regionResultsCard__sideInfo, .messageBox .regionResultsCard .regionResultsCard__sideInfo {
        order: 1;
        transform: none;
        justify-content: space-between;
        margin-bottom: 16px
    }

    .messageBox .regionResultsCard--small .regionResultsCard__labels, .messageBox .regionResultsCard .regionResultsCard__labels {
        order: 2
    }

    .messageBox .regionResultsCard--small .regionResultsCard__text, .messageBox .regionResultsCard .regionResultsCard__text {
        padding: 0
    }

    .messageBox .regionResultsCard--small .regionResultsCard__bottomInfo, .messageBox .regionResultsCard .regionResultsCard__bottomInfo {
        margin-top: 8px;
        flex-direction: column;
        align-items: flex-start
    }

    .messageBox .regionResultsCard--small .regionResultsCard__btnContainer, .messageBox .regionResultsCard .regionResultsCard__btnContainer {
        width: 100%;
        display: flex
    }

        .messageBox .regionResultsCard--small .regionResultsCard__btnContainer .btn--primary, .messageBox .regionResultsCard .regionResultsCard__btnContainer .btn--primary {
            width: 100%
        }

    .messageBox .regionResultsCard--small .btnBookmark, .messageBox .regionResultsCard--small .btnBookmark--privateArea, .messageBox .regionResultsCard--small .btnBookmark--small, .messageBox .regionResultsCard .btnBookmark, .messageBox .regionResultsCard .btnBookmark--privateArea, .messageBox .regionResultsCard .btnBookmark--small {
        transform: translateX(20px)
    }

        .messageBox .regionResultsCard--small .btnBookmark--privateArea .btnBookmark, .messageBox .regionResultsCard--small .btnBookmark--privateArea .btnBookmark--small, .messageBox .regionResultsCard .btnBookmark--privateArea .btnBookmark, .messageBox .regionResultsCard .btnBookmark--privateArea .btnBookmark--small {
            transform: translateX(0)
        }

.messageBox .resourceCard, .messageBox .resourceCard--small {
    max-width: 960px;
    min-height: 200px;
    height: 100%;
    padding: 24px 16px
}

    .messageBox .resourceCard--small .resourceCard__title, .messageBox .resourceCard .resourceCard__title {
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-stretch: normal;
        letter-spacing: normal;
        font-family: Inter,sans-serif;
        font-size: 1.188rem;
        line-height: 1.263em;
        letter-spacing: -.016em;
        font-weight: 400;
        margin-top: 4px
    }

        .messageBox .resourceCard--small .resourceCard__title .link a, .messageBox .resourceCard .resourceCard__title .link a {
            transition: all .1s ease;
            text-decoration: underline;
            color: var(--m-01--dark-01)
        }

            .messageBox .resourceCard--small .resourceCard__title .link a:hover, .messageBox .resourceCard .resourceCard__title .link a:hover {
                color: var(--m-01)
            }

        .messageBox .resourceCard--small .resourceCard__title mark, .messageBox .resourceCard--small .resourceCard__title mark[data-color=color], .messageBox .resourceCard .resourceCard__title mark, .messageBox .resourceCard .resourceCard__title mark[data-color=color] {
            color: var(--m-01--dark-01)
        }

            .messageBox .resourceCard--small .resourceCard__title mark[data-color=gray], .messageBox .resourceCard .resourceCard__title mark[data-color=gray] {
                color: var(--neu-07)
            }

            .messageBox .resourceCard--small .resourceCard__title mark[data-color=default], .messageBox .resourceCard .resourceCard__title mark[data-color=default] {
                color: var(--neu-10)
            }

        .messageBox .resourceCard--small .resourceCard__title span.m-01--dark-01, .messageBox .resourceCard--small .resourceCard__title span[data-color=color], .messageBox .resourceCard .resourceCard__title span.m-01--dark-01, .messageBox .resourceCard .resourceCard__title span[data-color=color] {
            color: var(--m-01--dark-01)
        }

        .messageBox .resourceCard--small .resourceCard__title span.neu-07, .messageBox .resourceCard--small .resourceCard__title span[data-color=gray], .messageBox .resourceCard .resourceCard__title span.neu-07, .messageBox .resourceCard .resourceCard__title span[data-color=gray] {
            color: var(--neu-07)
        }

        .messageBox .resourceCard--small .resourceCard__title span.neu-10, .messageBox .resourceCard--small .resourceCard__title span[data-color=default], .messageBox .resourceCard .resourceCard__title span.neu-10, .messageBox .resourceCard .resourceCard__title span[data-color=default] {
            color: var(--neu-10)
        }

        .messageBox .resourceCard--small .resourceCard__title b, .messageBox .resourceCard--small .resourceCard__title strong, .messageBox .resourceCard .resourceCard__title b, .messageBox .resourceCard .resourceCard__title strong {
            font-weight: 700
        }

        .messageBox .resourceCard--small .resourceCard__title em, .messageBox .resourceCard .resourceCard__title em {
            font-style: italic
        }

    .messageBox .resourceCard--small .btn, .messageBox .resourceCard--small .btn--icon, .messageBox .resourceCard--small .btn--primary, .messageBox .resourceCard--small .btn--primary--dark, .messageBox .resourceCard--small .btn--secondary, .messageBox .resourceCard--small .btn--small, .messageBox .resourceCard--small .btn--tertiary, .messageBox .resourceCard .btn, .messageBox .resourceCard .btn--icon, .messageBox .resourceCard .btn--primary, .messageBox .resourceCard .btn--primary--dark, .messageBox .resourceCard .btn--secondary, .messageBox .resourceCard .btn--small, .messageBox .resourceCard .btn--tertiary {
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-stretch: normal;
        letter-spacing: normal;
        font-family: Inter,sans-serif;
        font-size: .813rem;
        line-height: 1.538em;
        letter-spacing: -.003em;
        font-weight: 400;
        font-weight: 700;
        padding: 0 20px;
        height: 40px
    }

        .messageBox .resourceCard--small .btn--icon .link a, .messageBox .resourceCard--small .btn--primary--dark .link a, .messageBox .resourceCard--small .btn--primary .link a, .messageBox .resourceCard--small .btn--secondary .link a, .messageBox .resourceCard--small .btn--small .link a, .messageBox .resourceCard--small .btn--tertiary .link a, .messageBox .resourceCard--small .btn .link a, .messageBox .resourceCard .btn--icon .link a, .messageBox .resourceCard .btn--primary--dark .link a, .messageBox .resourceCard .btn--primary .link a, .messageBox .resourceCard .btn--secondary .link a, .messageBox .resourceCard .btn--small .link a, .messageBox .resourceCard .btn--tertiary .link a, .messageBox .resourceCard .btn .link a {
            transition: all .1s ease;
            text-decoration: underline;
            color: var(--m-01--dark-01)
        }

            .messageBox .resourceCard--small .btn--icon .link a:hover, .messageBox .resourceCard--small .btn--primary--dark .link a:hover, .messageBox .resourceCard--small .btn--primary .link a:hover, .messageBox .resourceCard--small .btn--secondary .link a:hover, .messageBox .resourceCard--small .btn--small .link a:hover, .messageBox .resourceCard--small .btn--tertiary .link a:hover, .messageBox .resourceCard--small .btn .link a:hover, .messageBox .resourceCard .btn--icon .link a:hover, .messageBox .resourceCard .btn--primary--dark .link a:hover, .messageBox .resourceCard .btn--primary .link a:hover, .messageBox .resourceCard .btn--secondary .link a:hover, .messageBox .resourceCard .btn--small .link a:hover, .messageBox .resourceCard .btn--tertiary .link a:hover, .messageBox .resourceCard .btn .link a:hover {
                color: var(--m-01)
            }

        .messageBox .resourceCard--small .btn--icon mark, .messageBox .resourceCard--small .btn--icon mark[data-color=color], .messageBox .resourceCard--small .btn--primary--dark mark, .messageBox .resourceCard--small .btn--primary--dark mark[data-color=color], .messageBox .resourceCard--small .btn--primary mark, .messageBox .resourceCard--small .btn--primary mark[data-color=color], .messageBox .resourceCard--small .btn--secondary mark, .messageBox .resourceCard--small .btn--secondary mark[data-color=color], .messageBox .resourceCard--small .btn--small mark, .messageBox .resourceCard--small .btn--small mark[data-color=color], .messageBox .resourceCard--small .btn--tertiary mark, .messageBox .resourceCard--small .btn--tertiary mark[data-color=color], .messageBox .resourceCard--small .btn mark, .messageBox .resourceCard--small .btn mark[data-color=color], .messageBox .resourceCard .btn--icon mark, .messageBox .resourceCard .btn--icon mark[data-color=color], .messageBox .resourceCard .btn--primary--dark mark, .messageBox .resourceCard .btn--primary--dark mark[data-color=color], .messageBox .resourceCard .btn--primary mark, .messageBox .resourceCard .btn--primary mark[data-color=color], .messageBox .resourceCard .btn--secondary mark, .messageBox .resourceCard .btn--secondary mark[data-color=color], .messageBox .resourceCard .btn--small mark, .messageBox .resourceCard .btn--small mark[data-color=color], .messageBox .resourceCard .btn--tertiary mark, .messageBox .resourceCard .btn--tertiary mark[data-color=color], .messageBox .resourceCard .btn mark, .messageBox .resourceCard .btn mark[data-color=color] {
            color: var(--m-01--dark-01)
        }

            .messageBox .resourceCard--small .btn--icon mark[data-color=gray], .messageBox .resourceCard--small .btn--primary--dark mark[data-color=gray], .messageBox .resourceCard--small .btn--primary mark[data-color=gray], .messageBox .resourceCard--small .btn--secondary mark[data-color=gray], .messageBox .resourceCard--small .btn--small mark[data-color=gray], .messageBox .resourceCard--small .btn--tertiary mark[data-color=gray], .messageBox .resourceCard--small .btn mark[data-color=gray], .messageBox .resourceCard .btn--icon mark[data-color=gray], .messageBox .resourceCard .btn--primary--dark mark[data-color=gray], .messageBox .resourceCard .btn--primary mark[data-color=gray], .messageBox .resourceCard .btn--secondary mark[data-color=gray], .messageBox .resourceCard .btn--small mark[data-color=gray], .messageBox .resourceCard .btn--tertiary mark[data-color=gray], .messageBox .resourceCard .btn mark[data-color=gray] {
                color: var(--neu-07)
            }

            .messageBox .resourceCard--small .btn--icon mark[data-color=default], .messageBox .resourceCard--small .btn--primary--dark mark[data-color=default], .messageBox .resourceCard--small .btn--primary mark[data-color=default], .messageBox .resourceCard--small .btn--secondary mark[data-color=default], .messageBox .resourceCard--small .btn--small mark[data-color=default], .messageBox .resourceCard--small .btn--tertiary mark[data-color=default], .messageBox .resourceCard--small .btn mark[data-color=default], .messageBox .resourceCard .btn--icon mark[data-color=default], .messageBox .resourceCard .btn--primary--dark mark[data-color=default], .messageBox .resourceCard .btn--primary mark[data-color=default], .messageBox .resourceCard .btn--secondary mark[data-color=default], .messageBox .resourceCard .btn--small mark[data-color=default], .messageBox .resourceCard .btn--tertiary mark[data-color=default], .messageBox .resourceCard .btn mark[data-color=default] {
                color: var(--neu-10)
            }

        .messageBox .resourceCard--small .btn--icon span.m-01--dark-01, .messageBox .resourceCard--small .btn--icon span[data-color=color], .messageBox .resourceCard--small .btn--primary--dark span.m-01--dark-01, .messageBox .resourceCard--small .btn--primary--dark span[data-color=color], .messageBox .resourceCard--small .btn--primary span.m-01--dark-01, .messageBox .resourceCard--small .btn--primary span[data-color=color], .messageBox .resourceCard--small .btn--secondary span.m-01--dark-01, .messageBox .resourceCard--small .btn--secondary span[data-color=color], .messageBox .resourceCard--small .btn--small span.m-01--dark-01, .messageBox .resourceCard--small .btn--small span[data-color=color], .messageBox .resourceCard--small .btn--tertiary span.m-01--dark-01, .messageBox .resourceCard--small .btn--tertiary span[data-color=color], .messageBox .resourceCard--small .btn span.m-01--dark-01, .messageBox .resourceCard--small .btn span[data-color=color], .messageBox .resourceCard .btn--icon span.m-01--dark-01, .messageBox .resourceCard .btn--icon span[data-color=color], .messageBox .resourceCard .btn--primary--dark span.m-01--dark-01, .messageBox .resourceCard .btn--primary--dark span[data-color=color], .messageBox .resourceCard .btn--primary span.m-01--dark-01, .messageBox .resourceCard .btn--primary span[data-color=color], .messageBox .resourceCard .btn--secondary span.m-01--dark-01, .messageBox .resourceCard .btn--secondary span[data-color=color], .messageBox .resourceCard .btn--small span.m-01--dark-01, .messageBox .resourceCard .btn--small span[data-color=color], .messageBox .resourceCard .btn--tertiary span.m-01--dark-01, .messageBox .resourceCard .btn--tertiary span[data-color=color], .messageBox .resourceCard .btn span.m-01--dark-01, .messageBox .resourceCard .btn span[data-color=color] {
            color: var(--m-01--dark-01)
        }

        .messageBox .resourceCard--small .btn--icon span.neu-07, .messageBox .resourceCard--small .btn--icon span[data-color=gray], .messageBox .resourceCard--small .btn--primary--dark span.neu-07, .messageBox .resourceCard--small .btn--primary--dark span[data-color=gray], .messageBox .resourceCard--small .btn--primary span.neu-07, .messageBox .resourceCard--small .btn--primary span[data-color=gray], .messageBox .resourceCard--small .btn--secondary span.neu-07, .messageBox .resourceCard--small .btn--secondary span[data-color=gray], .messageBox .resourceCard--small .btn--small span.neu-07, .messageBox .resourceCard--small .btn--small span[data-color=gray], .messageBox .resourceCard--small .btn--tertiary span.neu-07, .messageBox .resourceCard--small .btn--tertiary span[data-color=gray], .messageBox .resourceCard--small .btn span.neu-07, .messageBox .resourceCard--small .btn span[data-color=gray], .messageBox .resourceCard .btn--icon span.neu-07, .messageBox .resourceCard .btn--icon span[data-color=gray], .messageBox .resourceCard .btn--primary--dark span.neu-07, .messageBox .resourceCard .btn--primary--dark span[data-color=gray], .messageBox .resourceCard .btn--primary span.neu-07, .messageBox .resourceCard .btn--primary span[data-color=gray], .messageBox .resourceCard .btn--secondary span.neu-07, .messageBox .resourceCard .btn--secondary span[data-color=gray], .messageBox .resourceCard .btn--small span.neu-07, .messageBox .resourceCard .btn--small span[data-color=gray], .messageBox .resourceCard .btn--tertiary span.neu-07, .messageBox .resourceCard .btn--tertiary span[data-color=gray], .messageBox .resourceCard .btn span.neu-07, .messageBox .resourceCard .btn span[data-color=gray] {
            color: var(--neu-07)
        }

        .messageBox .resourceCard--small .btn--icon span.neu-10, .messageBox .resourceCard--small .btn--icon span[data-color=default], .messageBox .resourceCard--small .btn--primary--dark span.neu-10, .messageBox .resourceCard--small .btn--primary--dark span[data-color=default], .messageBox .resourceCard--small .btn--primary span.neu-10, .messageBox .resourceCard--small .btn--primary span[data-color=default], .messageBox .resourceCard--small .btn--secondary span.neu-10, .messageBox .resourceCard--small .btn--secondary span[data-color=default], .messageBox .resourceCard--small .btn--small span.neu-10, .messageBox .resourceCard--small .btn--small span[data-color=default], .messageBox .resourceCard--small .btn--tertiary span.neu-10, .messageBox .resourceCard--small .btn--tertiary span[data-color=default], .messageBox .resourceCard--small .btn span.neu-10, .messageBox .resourceCard--small .btn span[data-color=default], .messageBox .resourceCard .btn--icon span.neu-10, .messageBox .resourceCard .btn--icon span[data-color=default], .messageBox .resourceCard .btn--primary--dark span.neu-10, .messageBox .resourceCard .btn--primary--dark span[data-color=default], .messageBox .resourceCard .btn--primary span.neu-10, .messageBox .resourceCard .btn--primary span[data-color=default], .messageBox .resourceCard .btn--secondary span.neu-10, .messageBox .resourceCard .btn--secondary span[data-color=default], .messageBox .resourceCard .btn--small span.neu-10, .messageBox .resourceCard .btn--small span[data-color=default], .messageBox .resourceCard .btn--tertiary span.neu-10, .messageBox .resourceCard .btn--tertiary span[data-color=default], .messageBox .resourceCard .btn span.neu-10, .messageBox .resourceCard .btn span[data-color=default] {
            color: var(--neu-10)
        }

        .messageBox .resourceCard--small .btn--icon b, .messageBox .resourceCard--small .btn--icon strong, .messageBox .resourceCard--small .btn--primary--dark b, .messageBox .resourceCard--small .btn--primary--dark strong, .messageBox .resourceCard--small .btn--primary b, .messageBox .resourceCard--small .btn--primary strong, .messageBox .resourceCard--small .btn--secondary b, .messageBox .resourceCard--small .btn--secondary strong, .messageBox .resourceCard--small .btn--small b, .messageBox .resourceCard--small .btn--small strong, .messageBox .resourceCard--small .btn--tertiary b, .messageBox .resourceCard--small .btn--tertiary strong, .messageBox .resourceCard--small .btn b, .messageBox .resourceCard--small .btn strong, .messageBox .resourceCard .btn--icon b, .messageBox .resourceCard .btn--icon strong, .messageBox .resourceCard .btn--primary--dark b, .messageBox .resourceCard .btn--primary--dark strong, .messageBox .resourceCard .btn--primary b, .messageBox .resourceCard .btn--primary strong, .messageBox .resourceCard .btn--secondary b, .messageBox .resourceCard .btn--secondary strong, .messageBox .resourceCard .btn--small b, .messageBox .resourceCard .btn--small strong, .messageBox .resourceCard .btn--tertiary b, .messageBox .resourceCard .btn--tertiary strong, .messageBox .resourceCard .btn b, .messageBox .resourceCard .btn strong {
            font-weight: 700
        }

        .messageBox .resourceCard--small .btn--icon em, .messageBox .resourceCard--small .btn--primary--dark em, .messageBox .resourceCard--small .btn--primary em, .messageBox .resourceCard--small .btn--secondary em, .messageBox .resourceCard--small .btn--small em, .messageBox .resourceCard--small .btn--tertiary em, .messageBox .resourceCard--small .btn em, .messageBox .resourceCard .btn--icon em, .messageBox .resourceCard .btn--primary--dark em, .messageBox .resourceCard .btn--primary em, .messageBox .resourceCard .btn--secondary em, .messageBox .resourceCard .btn--small em, .messageBox .resourceCard .btn--tertiary em, .messageBox .resourceCard .btn em {
            font-style: italic
        }

        .messageBox .resourceCard--small .btn--icon i, .messageBox .resourceCard--small .btn--primary--dark i, .messageBox .resourceCard--small .btn--primary i, .messageBox .resourceCard--small .btn--secondary i, .messageBox .resourceCard--small .btn--small i, .messageBox .resourceCard--small .btn--tertiary i, .messageBox .resourceCard--small .btn i, .messageBox .resourceCard .btn--icon i, .messageBox .resourceCard .btn--primary--dark i, .messageBox .resourceCard .btn--primary i, .messageBox .resourceCard .btn--secondary i, .messageBox .resourceCard .btn--small i, .messageBox .resourceCard .btn--tertiary i, .messageBox .resourceCard .btn i {
            min-width: 16px;
            width: 16px;
            height: 16px;
            font-size: 16px
        }

            .messageBox .resourceCard--small .btn--icon i:before, .messageBox .resourceCard--small .btn--primary--dark i:before, .messageBox .resourceCard--small .btn--primary i:before, .messageBox .resourceCard--small .btn--secondary i:before, .messageBox .resourceCard--small .btn--small i:before, .messageBox .resourceCard--small .btn--tertiary i:before, .messageBox .resourceCard--small .btn i:before, .messageBox .resourceCard .btn--icon i:before, .messageBox .resourceCard .btn--primary--dark i:before, .messageBox .resourceCard .btn--primary i:before, .messageBox .resourceCard .btn--secondary i:before, .messageBox .resourceCard .btn--small i:before, .messageBox .resourceCard .btn--tertiary i:before, .messageBox .resourceCard .btn i:before {
                font-size: 16px;
                font-weight: 400
            }

        .messageBox .resourceCard--small .btn--icon, .messageBox .resourceCard--small .btn--icon.btn--primary, .messageBox .resourceCard--small .btn--icon.btn--primary--dark, .messageBox .resourceCard--small .btn--icon.btn--secondary, .messageBox .resourceCard--small .btn--icon.btn--small, .messageBox .resourceCard--small .btn--icon.btn--tertiary, .messageBox .resourceCard--small .btn.btn--icon, .messageBox .resourceCard .btn--icon, .messageBox .resourceCard .btn--icon.btn--primary, .messageBox .resourceCard .btn--icon.btn--primary--dark, .messageBox .resourceCard .btn--icon.btn--secondary, .messageBox .resourceCard .btn--icon.btn--small, .messageBox .resourceCard .btn--icon.btn--tertiary, .messageBox .resourceCard .btn.btn--icon {
            width: 40px;
            min-width: 40px
        }

            .messageBox .resourceCard--small .btn--icon:hover, .messageBox .resourceCard--small .btn--primary--dark:hover, .messageBox .resourceCard--small .btn--primary:hover, .messageBox .resourceCard--small .btn--secondary:hover, .messageBox .resourceCard--small .btn--small:hover, .messageBox .resourceCard--small .btn--tertiary:hover, .messageBox .resourceCard--small .btn:hover, .messageBox .resourceCard .btn--icon:hover, .messageBox .resourceCard .btn--primary--dark:hover, .messageBox .resourceCard .btn--primary:hover, .messageBox .resourceCard .btn--secondary:hover, .messageBox .resourceCard .btn--small:hover, .messageBox .resourceCard .btn--tertiary:hover, .messageBox .resourceCard .btn:hover {
                color: var(--m-01--dark-01)
            }

.messageBox .productCard, .messageBox .productCard--small {
    max-width: 960px;
    min-height: 324px
}

    .messageBox .productCard--small .productCard__head, .messageBox .productCard .productCard__head {
        height: 200px
    }

        .messageBox .productCard--small .productCard__head:after, .messageBox .productCard .productCard__head:after {
            left: 16px;
            width: calc(100% - 16px * 2)
        }

    .messageBox .productCard--small .productCard__head-content, .messageBox .productCard .productCard__head-content {
        padding: 24px 16px
    }

    .messageBox .productCard--small .productCard__productName, .messageBox .productCard .productCard__productName {
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-stretch: normal;
        letter-spacing: normal;
        font-family: Calma Global Medium,sans-serif;
        font-size: 1.625rem;
        line-height: 1.231em;
        letter-spacing: 0
    }

        .messageBox .productCard--small .productCard__productName .link a, .messageBox .productCard .productCard__productName .link a {
            transition: all .1s ease;
            text-decoration: underline;
            color: var(--m-01--dark-01)
        }

            .messageBox .productCard--small .productCard__productName .link a:hover, .messageBox .productCard .productCard__productName .link a:hover {
                color: var(--m-01)
            }

        .messageBox .productCard--small .productCard__productName mark, .messageBox .productCard--small .productCard__productName mark[data-color=color], .messageBox .productCard .productCard__productName mark, .messageBox .productCard .productCard__productName mark[data-color=color] {
            color: var(--m-01--dark-01)
        }

            .messageBox .productCard--small .productCard__productName mark[data-color=gray], .messageBox .productCard .productCard__productName mark[data-color=gray] {
                color: var(--neu-07)
            }

            .messageBox .productCard--small .productCard__productName mark[data-color=default], .messageBox .productCard .productCard__productName mark[data-color=default] {
                color: var(--neu-10)
            }

        .messageBox .productCard--small .productCard__productName span.m-01--dark-01, .messageBox .productCard--small .productCard__productName span[data-color=color], .messageBox .productCard .productCard__productName span.m-01--dark-01, .messageBox .productCard .productCard__productName span[data-color=color] {
            color: var(--m-01--dark-01)
        }

        .messageBox .productCard--small .productCard__productName span.neu-07, .messageBox .productCard--small .productCard__productName span[data-color=gray], .messageBox .productCard .productCard__productName span.neu-07, .messageBox .productCard .productCard__productName span[data-color=gray] {
            color: var(--neu-07)
        }

        .messageBox .productCard--small .productCard__productName span.neu-10, .messageBox .productCard--small .productCard__productName span[data-color=default], .messageBox .productCard .productCard__productName span.neu-10, .messageBox .productCard .productCard__productName span[data-color=default] {
            color: var(--neu-10)
        }

        .messageBox .productCard--small .productCard__productName b, .messageBox .productCard--small .productCard__productName strong, .messageBox .productCard .productCard__productName b, .messageBox .productCard .productCard__productName strong {
            font-weight: 700
        }

        .messageBox .productCard--small .productCard__productName em, .messageBox .productCard .productCard__productName em {
            font-style: italic
        }

    .messageBox .productCard--small .productCard__content, .messageBox .productCard .productCard__content {
        padding: 16px
    }

    .messageBox .productCard--small .productCard__bookmark, .messageBox .productCard .productCard__bookmark {
        right: 0;
        top: 8px
    }

.messageBox .brandCard, .messageBox .brandCard--small {
    max-width: 960px;
    min-height: 324px;
    padding: 16px
}

    .messageBox .brandCard--small .brandCard__image, .messageBox .brandCard .brandCard__image {
        height: 70px;
        width: 70px;
        margin-right: 0
    }

    .messageBox .brandCard--small .brandCard--small .btnBookmark--privateArea, .messageBox .brandCard--small .brandCard .btnBookmark--privateArea, .messageBox .brandCard--small .brandCard__bookmark, .messageBox .brandCard .brandCard--small .btnBookmark--privateArea, .messageBox .brandCard .brandCard .btnBookmark--privateArea, .messageBox .brandCard .brandCard__bookmark {
        right: 0
    }

    .messageBox .brandCard--small .brandCard__text, .messageBox .brandCard .brandCard__text {
        padding: 0
    }

    .messageBox .brandCard--small .brandCard__title, .messageBox .brandCard .brandCard__title {
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-stretch: normal;
        letter-spacing: normal;
        font-family: Calma Global Medium,sans-serif;
        font-size: 1.625rem;
        line-height: 1.231em;
        letter-spacing: 0
    }

        .messageBox .brandCard--small .brandCard__title .link a, .messageBox .brandCard .brandCard__title .link a {
            transition: all .1s ease;
            text-decoration: underline;
            color: var(--m-01--dark-01)
        }

            .messageBox .brandCard--small .brandCard__title .link a:hover, .messageBox .brandCard .brandCard__title .link a:hover {
                color: var(--m-01)
            }

        .messageBox .brandCard--small .brandCard__title mark, .messageBox .brandCard--small .brandCard__title mark[data-color=color], .messageBox .brandCard .brandCard__title mark, .messageBox .brandCard .brandCard__title mark[data-color=color] {
            color: var(--m-01--dark-01)
        }

            .messageBox .brandCard--small .brandCard__title mark[data-color=gray], .messageBox .brandCard .brandCard__title mark[data-color=gray] {
                color: var(--neu-07)
            }

            .messageBox .brandCard--small .brandCard__title mark[data-color=default], .messageBox .brandCard .brandCard__title mark[data-color=default] {
                color: var(--neu-10)
            }

        .messageBox .brandCard--small .brandCard__title span.m-01--dark-01, .messageBox .brandCard--small .brandCard__title span[data-color=color], .messageBox .brandCard .brandCard__title span.m-01--dark-01, .messageBox .brandCard .brandCard__title span[data-color=color] {
            color: var(--m-01--dark-01)
        }

        .messageBox .brandCard--small .brandCard__title span.neu-07, .messageBox .brandCard--small .brandCard__title span[data-color=gray], .messageBox .brandCard .brandCard__title span.neu-07, .messageBox .brandCard .brandCard__title span[data-color=gray] {
            color: var(--neu-07)
        }

        .messageBox .brandCard--small .brandCard__title span.neu-10, .messageBox .brandCard--small .brandCard__title span[data-color=default], .messageBox .brandCard .brandCard__title span.neu-10, .messageBox .brandCard .brandCard__title span[data-color=default] {
            color: var(--neu-10)
        }

        .messageBox .brandCard--small .brandCard__title b, .messageBox .brandCard--small .brandCard__title strong, .messageBox .brandCard .brandCard__title b, .messageBox .brandCard .brandCard__title strong {
            font-weight: 700
        }

        .messageBox .brandCard--small .brandCard__title em, .messageBox .brandCard .brandCard__title em {
            font-style: italic
        }

    .messageBox .brandCard--small .brandCard__description, .messageBox .brandCard .brandCard__description {
        margin-top: 24px
    }

.messageBox .categoryCard, .messageBox .categoryCard--small {
    min-height: 240px;
    max-width: 960px
}

    .messageBox .categoryCard--small .categoryCard__content, .messageBox .categoryCard .categoryCard__content {
        padding: 32px
    }

    .messageBox .categoryCard--small .categoryCard__title, .messageBox .categoryCard .categoryCard__title {
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-stretch: normal;
        letter-spacing: normal;
        font-family: Calma Global Medium,sans-serif;
        font-size: 2rem;
        line-height: 1.25em;
        letter-spacing: -.016em
    }

        .messageBox .categoryCard--small .categoryCard__title .link a, .messageBox .categoryCard .categoryCard__title .link a {
            transition: all .1s ease;
            text-decoration: underline;
            color: var(--m-01--dark-01)
        }

            .messageBox .categoryCard--small .categoryCard__title .link a:hover, .messageBox .categoryCard .categoryCard__title .link a:hover {
                color: var(--m-01)
            }

        .messageBox .categoryCard--small .categoryCard__title mark, .messageBox .categoryCard--small .categoryCard__title mark[data-color=color], .messageBox .categoryCard .categoryCard__title mark, .messageBox .categoryCard .categoryCard__title mark[data-color=color] {
            color: var(--m-01--dark-01)
        }

            .messageBox .categoryCard--small .categoryCard__title mark[data-color=gray], .messageBox .categoryCard .categoryCard__title mark[data-color=gray] {
                color: var(--neu-07)
            }

            .messageBox .categoryCard--small .categoryCard__title mark[data-color=default], .messageBox .categoryCard .categoryCard__title mark[data-color=default] {
                color: var(--neu-10)
            }

        .messageBox .categoryCard--small .categoryCard__title span.m-01--dark-01, .messageBox .categoryCard--small .categoryCard__title span[data-color=color], .messageBox .categoryCard .categoryCard__title span.m-01--dark-01, .messageBox .categoryCard .categoryCard__title span[data-color=color] {
            color: var(--m-01--dark-01)
        }

        .messageBox .categoryCard--small .categoryCard__title span.neu-07, .messageBox .categoryCard--small .categoryCard__title span[data-color=gray], .messageBox .categoryCard .categoryCard__title span.neu-07, .messageBox .categoryCard .categoryCard__title span[data-color=gray] {
            color: var(--neu-07)
        }

        .messageBox .categoryCard--small .categoryCard__title span.neu-10, .messageBox .categoryCard--small .categoryCard__title span[data-color=default], .messageBox .categoryCard .categoryCard__title span.neu-10, .messageBox .categoryCard .categoryCard__title span[data-color=default] {
            color: var(--neu-10)
        }

        .messageBox .categoryCard--small .categoryCard__title b, .messageBox .categoryCard--small .categoryCard__title strong, .messageBox .categoryCard .categoryCard__title b, .messageBox .categoryCard .categoryCard__title strong {
            font-weight: 700
        }

        .messageBox .categoryCard--small .categoryCard__title em, .messageBox .categoryCard .categoryCard__title em {
            font-style: italic
        }

@media (max-width:1024px) {
    .messageBox .categoryCard--small .categoryCard__title, .messageBox .categoryCard .categoryCard__title {
        font-size: 1.625rem;
        line-height: 1.231em;
        letter-spacing: 0
    }
}

.messageBox .profileCard, .messageBox .profileCard--small {
    max-width: 960px;
    padding: 24px 16px 32px 4px;
    height: 100%
}

    .messageBox .profileCard--small .profileCard__text, .messageBox .profileCard .profileCard__text {
        max-width: 310px
    }

.messageBox .selectableCard, .messageBox .selectableCard--small {
    max-width: 960px;
    padding: 16px 16px 24px;
    grid-template-columns: 1fr 1fr;
    row-gap: 8px
}

    .messageBox .selectableCard--small .selectableCard__content, .messageBox .selectableCard .selectableCard__content {
        grid-row: 2;
        grid-column: 1/3
    }

    .messageBox .selectableCard--small .selectableCard__checkbox, .messageBox .selectableCard .selectableCard__checkbox {
        margin-right: 0;
        grid-row: 1
    }

    .messageBox .selectableCard--small .selectableCard__image, .messageBox .selectableCard .selectableCard__image {
        width: 48px;
        height: 48px;
        grid-row: 1;
        justify-self: flex-end
    }

    .messageBox .selectableCard--small .selectableCard__btn, .messageBox .selectableCard .selectableCard__btn {
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-stretch: normal;
        letter-spacing: normal;
        font-family: Inter,sans-serif;
        font-size: .813rem;
        line-height: 1.538em;
        letter-spacing: -.003em;
        font-weight: 400;
        font-weight: 700;
        padding: 0 20px;
        height: 40px;
        transform: none;
        margin-left: 0;
        margin-top: 16px;
        grid-row: 3;
        grid-column: 1/3
    }

        .messageBox .selectableCard--small .selectableCard__btn .link a, .messageBox .selectableCard .selectableCard__btn .link a {
            transition: all .1s ease;
            text-decoration: underline;
            color: var(--m-01--dark-01)
        }

            .messageBox .selectableCard--small .selectableCard__btn .link a:hover, .messageBox .selectableCard .selectableCard__btn .link a:hover {
                color: var(--m-01)
            }

        .messageBox .selectableCard--small .selectableCard__btn mark, .messageBox .selectableCard--small .selectableCard__btn mark[data-color=color], .messageBox .selectableCard .selectableCard__btn mark, .messageBox .selectableCard .selectableCard__btn mark[data-color=color] {
            color: var(--m-01--dark-01)
        }

            .messageBox .selectableCard--small .selectableCard__btn mark[data-color=gray], .messageBox .selectableCard .selectableCard__btn mark[data-color=gray] {
                color: var(--neu-07)
            }

            .messageBox .selectableCard--small .selectableCard__btn mark[data-color=default], .messageBox .selectableCard .selectableCard__btn mark[data-color=default] {
                color: var(--neu-10)
            }

        .messageBox .selectableCard--small .selectableCard__btn span.m-01--dark-01, .messageBox .selectableCard--small .selectableCard__btn span[data-color=color], .messageBox .selectableCard .selectableCard__btn span.m-01--dark-01, .messageBox .selectableCard .selectableCard__btn span[data-color=color] {
            color: var(--m-01--dark-01)
        }

        .messageBox .selectableCard--small .selectableCard__btn span.neu-07, .messageBox .selectableCard--small .selectableCard__btn span[data-color=gray], .messageBox .selectableCard .selectableCard__btn span.neu-07, .messageBox .selectableCard .selectableCard__btn span[data-color=gray] {
            color: var(--neu-07)
        }

        .messageBox .selectableCard--small .selectableCard__btn span.neu-10, .messageBox .selectableCard--small .selectableCard__btn span[data-color=default], .messageBox .selectableCard .selectableCard__btn span.neu-10, .messageBox .selectableCard .selectableCard__btn span[data-color=default] {
            color: var(--neu-10)
        }

        .messageBox .selectableCard--small .selectableCard__btn b, .messageBox .selectableCard--small .selectableCard__btn strong, .messageBox .selectableCard .selectableCard__btn b, .messageBox .selectableCard .selectableCard__btn strong {
            font-weight: 700
        }

        .messageBox .selectableCard--small .selectableCard__btn em, .messageBox .selectableCard .selectableCard__btn em {
            font-style: italic
        }

        .messageBox .selectableCard--small .selectableCard__btn i, .messageBox .selectableCard .selectableCard__btn i {
            min-width: 16px;
            width: 16px;
            height: 16px;
            font-size: 16px
        }

            .messageBox .selectableCard--small .selectableCard__btn i:before, .messageBox .selectableCard .selectableCard__btn i:before {
                font-size: 16px;
                font-weight: 400
            }

        .messageBox .selectableCard--small .selectableCard__btn.btn--icon, .messageBox .selectableCard .selectableCard__btn.btn--icon {
            width: 40px;
            min-width: 40px
        }

.messageBox .demandCard, .messageBox .demandCard--small {
    max-width: 960px;
    padding: 16px;
    min-height: 324px
}

    .messageBox .demandCard--small .demandCard__content, .messageBox .demandCard .demandCard__content {
        gap: 8px
    }

    .messageBox .demandCard--small .demandCard__notification-text, .messageBox .demandCard .demandCard__notification-text {
        display: none
    }

    .messageBox .demandCard--small .demandCard__description, .messageBox .demandCard .demandCard__description {
        margin-top: 8px
    }

.messageBox .replyCard, .messageBox .replyCard--small {
    max-width: 960px
}

    .messageBox .replyCard--small .replyCard, .messageBox .replyCard--small .replyCard--small, .messageBox .replyCard .replyCard, .messageBox .replyCard .replyCard--small {
        background-color: var(--neu-01)
    }

    .messageBox .replyCard--small .replyCard__content, .messageBox .replyCard .replyCard__content {
        padding: 24px;
        gap: 4px 12px
    }

    .messageBox .replyCard--small .replyCard__thumb, .messageBox .replyCard .replyCard__thumb {
        grid-row: 1/3;
        align-self: flex-start
    }

    .messageBox .replyCard--small .replyCard__text, .messageBox .replyCard .replyCard__text {
        grid-row: 2;
        grid-column: 2/4
    }

@media (max-width:512px) {
    .messageBox .replyCard--small .replyCard__text, .messageBox .replyCard .replyCard__text {
        grid-column: 2/4
    }
}

.messageBox .replyCard--small .replyCard__message, .messageBox .replyCard--small .replyCard__subject, .messageBox .replyCard .replyCard__message, .messageBox .replyCard .replyCard__subject {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1rem;
    line-height: 1.5em;
    letter-spacing: -.011em;
    font-weight: 400
}

    .messageBox .replyCard--small .replyCard__message .link a, .messageBox .replyCard--small .replyCard__subject .link a, .messageBox .replyCard .replyCard__message .link a, .messageBox .replyCard .replyCard__subject .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .messageBox .replyCard--small .replyCard__message .link a:hover, .messageBox .replyCard--small .replyCard__subject .link a:hover, .messageBox .replyCard .replyCard__message .link a:hover, .messageBox .replyCard .replyCard__subject .link a:hover {
            color: var(--m-01)
        }

    .messageBox .replyCard--small .replyCard__message mark, .messageBox .replyCard--small .replyCard__message mark[data-color=color], .messageBox .replyCard--small .replyCard__subject mark, .messageBox .replyCard--small .replyCard__subject mark[data-color=color], .messageBox .replyCard .replyCard__message mark, .messageBox .replyCard .replyCard__message mark[data-color=color], .messageBox .replyCard .replyCard__subject mark, .messageBox .replyCard .replyCard__subject mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .messageBox .replyCard--small .replyCard__message mark[data-color=gray], .messageBox .replyCard--small .replyCard__subject mark[data-color=gray], .messageBox .replyCard .replyCard__message mark[data-color=gray], .messageBox .replyCard .replyCard__subject mark[data-color=gray] {
            color: var(--neu-07)
        }

        .messageBox .replyCard--small .replyCard__message mark[data-color=default], .messageBox .replyCard--small .replyCard__subject mark[data-color=default], .messageBox .replyCard .replyCard__message mark[data-color=default], .messageBox .replyCard .replyCard__subject mark[data-color=default] {
            color: var(--neu-10)
        }

    .messageBox .replyCard--small .replyCard__message span.m-01--dark-01, .messageBox .replyCard--small .replyCard__message span[data-color=color], .messageBox .replyCard--small .replyCard__subject span.m-01--dark-01, .messageBox .replyCard--small .replyCard__subject span[data-color=color], .messageBox .replyCard .replyCard__message span.m-01--dark-01, .messageBox .replyCard .replyCard__message span[data-color=color], .messageBox .replyCard .replyCard__subject span.m-01--dark-01, .messageBox .replyCard .replyCard__subject span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .messageBox .replyCard--small .replyCard__message span.neu-07, .messageBox .replyCard--small .replyCard__message span[data-color=gray], .messageBox .replyCard--small .replyCard__subject span.neu-07, .messageBox .replyCard--small .replyCard__subject span[data-color=gray], .messageBox .replyCard .replyCard__message span.neu-07, .messageBox .replyCard .replyCard__message span[data-color=gray], .messageBox .replyCard .replyCard__subject span.neu-07, .messageBox .replyCard .replyCard__subject span[data-color=gray] {
        color: var(--neu-07)
    }

    .messageBox .replyCard--small .replyCard__message span.neu-10, .messageBox .replyCard--small .replyCard__message span[data-color=default], .messageBox .replyCard--small .replyCard__subject span.neu-10, .messageBox .replyCard--small .replyCard__subject span[data-color=default], .messageBox .replyCard .replyCard__message span.neu-10, .messageBox .replyCard .replyCard__message span[data-color=default], .messageBox .replyCard .replyCard__subject span.neu-10, .messageBox .replyCard .replyCard__subject span[data-color=default] {
        color: var(--neu-10)
    }

    .messageBox .replyCard--small .replyCard__message b, .messageBox .replyCard--small .replyCard__message strong, .messageBox .replyCard--small .replyCard__subject b, .messageBox .replyCard--small .replyCard__subject strong, .messageBox .replyCard .replyCard__message b, .messageBox .replyCard .replyCard__message strong, .messageBox .replyCard .replyCard__subject b, .messageBox .replyCard .replyCard__subject strong {
        font-weight: 700
    }

    .messageBox .replyCard--small .replyCard__message em, .messageBox .replyCard--small .replyCard__subject em, .messageBox .replyCard .replyCard__message em, .messageBox .replyCard .replyCard__subject em {
        font-style: italic
    }

.messageBox .replyCard--small .replyCard__info, .messageBox .replyCard .replyCard__info {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: .813rem;
    line-height: 1.538em;
    letter-spacing: -.003em;
    font-weight: 700;
    margin-top: 8px;
    padding-right: 32px
}

    .messageBox .replyCard--small .replyCard__info .link a, .messageBox .replyCard .replyCard__info .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .messageBox .replyCard--small .replyCard__info .link a:hover, .messageBox .replyCard .replyCard__info .link a:hover {
            color: var(--m-01)
        }

    .messageBox .replyCard--small .replyCard__info mark, .messageBox .replyCard--small .replyCard__info mark[data-color=color], .messageBox .replyCard .replyCard__info mark, .messageBox .replyCard .replyCard__info mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .messageBox .replyCard--small .replyCard__info mark[data-color=gray], .messageBox .replyCard .replyCard__info mark[data-color=gray] {
            color: var(--neu-07)
        }

        .messageBox .replyCard--small .replyCard__info mark[data-color=default], .messageBox .replyCard .replyCard__info mark[data-color=default] {
            color: var(--neu-10)
        }

    .messageBox .replyCard--small .replyCard__info span.m-01--dark-01, .messageBox .replyCard--small .replyCard__info span[data-color=color], .messageBox .replyCard .replyCard__info span.m-01--dark-01, .messageBox .replyCard .replyCard__info span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .messageBox .replyCard--small .replyCard__info span.neu-07, .messageBox .replyCard--small .replyCard__info span[data-color=gray], .messageBox .replyCard .replyCard__info span.neu-07, .messageBox .replyCard .replyCard__info span[data-color=gray] {
        color: var(--neu-07)
    }

    .messageBox .replyCard--small .replyCard__info span.neu-10, .messageBox .replyCard--small .replyCard__info span[data-color=default], .messageBox .replyCard .replyCard__info span.neu-10, .messageBox .replyCard .replyCard__info span[data-color=default] {
        color: var(--neu-10)
    }

    .messageBox .replyCard--small .replyCard__info b, .messageBox .replyCard--small .replyCard__info strong, .messageBox .replyCard .replyCard__info b, .messageBox .replyCard .replyCard__info strong {
        font-weight: 700
    }

    .messageBox .replyCard--small .replyCard__info em, .messageBox .replyCard .replyCard__info em {
        font-style: italic
    }

.messageBox .replyCard--small .replyCard__pin, .messageBox .replyCard .replyCard__pin {
    transition: all .1s ease;
    grid-row: 2;
    grid-column: 3;
    align-self: flex-end;
    width: 24px;
    height: 24px;
    justify-self: flex-end;
    transform: translateY(4px);
    cursor: pointer
}

    .messageBox .replyCard--small .replyCard__pin:hover, .messageBox .replyCard .replyCard__pin:hover {
        opacity: .7
    }

    .messageBox .replyCard--small .replyCard__pin:before, .messageBox .replyCard .replyCard__pin:before {
        width: 24px;
        height: 24px;
        font-size: 24px;
        font-family: aicep-base-icons !important;
        font-weight: 400;
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        content: "\e95b"
    }

.messageBox .replyCard--small .replyCard__pin--selected, .messageBox .replyCard .replyCard__pin--selected {
    color: var(--m-02--dark-01)
}

    .messageBox .replyCard--small .replyCard__pin--selected:before, .messageBox .replyCard .replyCard__pin--selected:before {
        content: "\e95c"
    }

.messageBox .replyCard--small .replyCard__btn, .messageBox .replyCard .replyCard__btn {
    display: none
}

.messageBox .infoCard, .messageBox .infoCard--small {
    max-width: 960px;
    padding: 24px
}

    .messageBox .infoCard--small .infoCard__number, .messageBox .infoCard .infoCard__number {
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-stretch: normal;
        letter-spacing: normal;
        font-family: Calma Global Medium,sans-serif;
        font-size: 2rem;
        line-height: 1.25em;
        letter-spacing: -.016em;
        transform: translateY(0)
    }

        .messageBox .infoCard--small .infoCard__number .link a, .messageBox .infoCard .infoCard__number .link a {
            transition: all .1s ease;
            text-decoration: underline;
            color: var(--m-01--dark-01)
        }

            .messageBox .infoCard--small .infoCard__number .link a:hover, .messageBox .infoCard .infoCard__number .link a:hover {
                color: var(--m-01)
            }

        .messageBox .infoCard--small .infoCard__number mark, .messageBox .infoCard--small .infoCard__number mark[data-color=color], .messageBox .infoCard .infoCard__number mark, .messageBox .infoCard .infoCard__number mark[data-color=color] {
            color: var(--m-01--dark-01)
        }

            .messageBox .infoCard--small .infoCard__number mark[data-color=gray], .messageBox .infoCard .infoCard__number mark[data-color=gray] {
                color: var(--neu-07)
            }

            .messageBox .infoCard--small .infoCard__number mark[data-color=default], .messageBox .infoCard .infoCard__number mark[data-color=default] {
                color: var(--neu-10)
            }

        .messageBox .infoCard--small .infoCard__number span.m-01--dark-01, .messageBox .infoCard--small .infoCard__number span[data-color=color], .messageBox .infoCard .infoCard__number span.m-01--dark-01, .messageBox .infoCard .infoCard__number span[data-color=color] {
            color: var(--m-01--dark-01)
        }

        .messageBox .infoCard--small .infoCard__number span.neu-07, .messageBox .infoCard--small .infoCard__number span[data-color=gray], .messageBox .infoCard .infoCard__number span.neu-07, .messageBox .infoCard .infoCard__number span[data-color=gray] {
            color: var(--neu-07)
        }

        .messageBox .infoCard--small .infoCard__number span.neu-10, .messageBox .infoCard--small .infoCard__number span[data-color=default], .messageBox .infoCard .infoCard__number span.neu-10, .messageBox .infoCard .infoCard__number span[data-color=default] {
            color: var(--neu-10)
        }

        .messageBox .infoCard--small .infoCard__number b, .messageBox .infoCard--small .infoCard__number strong, .messageBox .infoCard .infoCard__number b, .messageBox .infoCard .infoCard__number strong {
            font-weight: 700
        }

        .messageBox .infoCard--small .infoCard__number em, .messageBox .infoCard .infoCard__number em {
            font-style: italic
        }

@media (max-width:1024px) {
    .messageBox .infoCard--small .infoCard__number, .messageBox .infoCard .infoCard__number {
        font-size: 1.625rem;
        line-height: 1.231em;
        letter-spacing: 0;
        transform: translateY(3px)
    }
}

.messageBox .infoCard--small .infoCard__title, .messageBox .infoCard .infoCard__title {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1rem;
    line-height: 1.5em;
    letter-spacing: -.011em;
    font-weight: 700
}

    .messageBox .infoCard--small .infoCard__title .link a, .messageBox .infoCard .infoCard__title .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .messageBox .infoCard--small .infoCard__title .link a:hover, .messageBox .infoCard .infoCard__title .link a:hover {
            color: var(--m-01)
        }

    .messageBox .infoCard--small .infoCard__title mark, .messageBox .infoCard--small .infoCard__title mark[data-color=color], .messageBox .infoCard .infoCard__title mark, .messageBox .infoCard .infoCard__title mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .messageBox .infoCard--small .infoCard__title mark[data-color=gray], .messageBox .infoCard .infoCard__title mark[data-color=gray] {
            color: var(--neu-07)
        }

        .messageBox .infoCard--small .infoCard__title mark[data-color=default], .messageBox .infoCard .infoCard__title mark[data-color=default] {
            color: var(--neu-10)
        }

    .messageBox .infoCard--small .infoCard__title span.m-01--dark-01, .messageBox .infoCard--small .infoCard__title span[data-color=color], .messageBox .infoCard .infoCard__title span.m-01--dark-01, .messageBox .infoCard .infoCard__title span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .messageBox .infoCard--small .infoCard__title span.neu-07, .messageBox .infoCard--small .infoCard__title span[data-color=gray], .messageBox .infoCard .infoCard__title span.neu-07, .messageBox .infoCard .infoCard__title span[data-color=gray] {
        color: var(--neu-07)
    }

    .messageBox .infoCard--small .infoCard__title span.neu-10, .messageBox .infoCard--small .infoCard__title span[data-color=default], .messageBox .infoCard .infoCard__title span.neu-10, .messageBox .infoCard .infoCard__title span[data-color=default] {
        color: var(--neu-10)
    }

    .messageBox .infoCard--small .infoCard__title b, .messageBox .infoCard--small .infoCard__title strong, .messageBox .infoCard .infoCard__title b, .messageBox .infoCard .infoCard__title strong {
        font-weight: 700
    }

    .messageBox .infoCard--small .infoCard__title em, .messageBox .infoCard .infoCard__title em {
        font-style: italic
    }

.messageBox mark {
    background-color: var(--m-01--dark-01);
    color: var(--neu-01) !important
}

.messageBox .wrapper {
    gap: 0;
    padding-top: 230px;
    padding-bottom: 40px;
    min-height: 1100px
}

@media (max-width:1024px) {
    .messageBox .wrapper {
        padding-top: 136px;
        padding-left: 0;
        padding-right: 0;
        min-height: 880px
    }
}

.messageBox__sideContent, .messageBox__sideList {
    background-color: var(--neu-01);
    border: 1px solid var(--neu-03)
}

@media (max-width:1024px) {
    .messageBox__sideContent, .messageBox__sideList {
        grid-row: 1;
        border: none;
        width: 100%;
        max-width: 1440px;
        margin: 0 auto;
        padding: 0 64px
    }
}

@media (max-width:1024px) and (max-width:1280px) {
    .messageBox__sideContent, .messageBox__sideList {
        padding: 0 40px
    }
}

@media (max-width:1024px) and (max-width:1024px) {
    .messageBox__sideContent, .messageBox__sideList {
        padding: 0 32px
    }
}

@media (max-width:1024px) and (max-width:768px) {
    .messageBox__sideContent, .messageBox__sideList {
        padding: 0 24px
    }
}

@media (max-width:1024px) and (max-width:512px) {
    .messageBox__sideContent, .messageBox__sideList {
        padding: 0 16px
    }
}

.messageBox__sideList {
    grid-column: 1/5;
    display: grid;
    grid-template-rows: auto auto auto 1fr
}

@media (max-width:1024px) {
    .messageBox__sideList {
        grid-template-rows: auto auto 1fr;
        grid-template-columns: 1fr auto;
        column-gap: 16px;
        align-items: center;
        grid-column: 1/13
    }
}

@media (max-width:1024px) and (max-width:1024px) {
    .messageBox__sideList {
        grid-column: 1/7
    }
}

@media (max-width:512px) {
    .messageBox__sideList {
        grid-template-rows: auto auto auto 1fr;
        column-gap: 0;
        grid-template-columns: 1fr
    }
}

.messageBox__sideList--hide {
    display: none
}

.messageBox__sideList:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 180px;
    background: linear-gradient(180deg,hsla(0,0%,98%,0),var(--neu-01) 99.96%);
    bottom: 0;
    z-index: 1;
    pointer-events: none;
    opacity: 0;
    transition: opacity .4s ease;
    visibility: hidden
}

@media (max-width:1024px) {
    .messageBox__sideList:before {
        display: none
    }
}

.messageBox__sideList[data-fade=on]:before {
    visibility: visible;
    opacity: 1
}

.messageBox__sideText {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 32px 24px 0;
    margin-bottom: 24px
}

@media (max-width:1024px) {
    .messageBox__sideText {
        grid-column: 1/3;
        padding: 16px 0 0
    }
}

.messageBox__title {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Calma Global Medium,sans-serif;
    font-size: 2.5rem;
    line-height: 1.2em;
    letter-spacing: -.025em;
    max-width: 640px
}

    .messageBox__title .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .messageBox__title .link a:hover {
            color: var(--m-01)
        }

    .messageBox__title mark, .messageBox__title mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .messageBox__title mark[data-color=gray] {
            color: var(--neu-07)
        }

        .messageBox__title mark[data-color=default] {
            color: var(--neu-10)
        }

    .messageBox__title span.m-01--dark-01, .messageBox__title span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .messageBox__title span.neu-07, .messageBox__title span[data-color=gray] {
        color: var(--neu-07)
    }

    .messageBox__title span.neu-10, .messageBox__title span[data-color=default] {
        color: var(--neu-10)
    }

    .messageBox__title b, .messageBox__title strong {
        font-weight: 700
    }

    .messageBox__title em {
        font-style: italic
    }

@media (max-width:1024px) {
    .messageBox__title {
        font-size: 2rem;
        line-height: 1.25em;
        letter-spacing: -.016em
    }
}

.messageBox__description {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: .813rem;
    line-height: 1.538em;
    letter-spacing: -.003em;
    font-weight: 400;
    max-width: 640px
}

    .messageBox__description .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .messageBox__description .link a:hover {
            color: var(--m-01)
        }

    .messageBox__description mark, .messageBox__description mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .messageBox__description mark[data-color=gray] {
            color: var(--neu-07)
        }

        .messageBox__description mark[data-color=default] {
            color: var(--neu-10)
        }

    .messageBox__description span.m-01--dark-01, .messageBox__description span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .messageBox__description span.neu-07, .messageBox__description span[data-color=gray] {
        color: var(--neu-07)
    }

    .messageBox__description span.neu-10, .messageBox__description span[data-color=default] {
        color: var(--neu-10)
    }

    .messageBox__description b, .messageBox__description strong {
        font-weight: 700
    }

    .messageBox__description em {
        font-style: italic
    }

.messageBox__newMessageBtn {
    padding: 0 24px
}

@media (max-width:1024px) {
    .messageBox__newMessageBtn {
        padding: 0;
        grid-column: 2;
        grid-row: 2;
        margin-bottom: 24px
    }
}

@media (max-width:512px) {
    .messageBox__newMessageBtn {
        margin-bottom: 0;
        background-color: var(--neu-01);
        grid-column: 1;
        position: sticky;
        top: 80px;
        z-index: 3
    }
}

.messageBox__newMessageBtn-btn {
    width: 100%;
    margin: 0 !important
}

@media (max-width:1024px) {
    .messageBox__newMessageBtn-btn {
        width: -moz-fit-content;
        width: fit-content
    }
}

@media (max-width:512px) {
    .messageBox__newMessageBtn-btn {
        width: 100%
    }
}

@media (max-width:512px) {
    .messageBox__newMessageBtn--sticky {
        padding: 16px;
        border-bottom: 1px solid var(--neu-03);
        width: calc(100% + 16px * 2);
        transform: translateX(-16px)
    }

        .messageBox__newMessageBtn--sticky .btn--primary {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Inter,sans-serif;
            font-size: .813rem;
            line-height: 1.538em;
            letter-spacing: -.003em;
            font-weight: 400;
            font-weight: 700;
            padding: 0 20px;
            height: 40px
        }

            .messageBox__newMessageBtn--sticky .btn--primary .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .messageBox__newMessageBtn--sticky .btn--primary .link a:hover {
                    color: var(--m-01)
                }

            .messageBox__newMessageBtn--sticky .btn--primary mark, .messageBox__newMessageBtn--sticky .btn--primary mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .messageBox__newMessageBtn--sticky .btn--primary mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .messageBox__newMessageBtn--sticky .btn--primary mark[data-color=default] {
                    color: var(--neu-10)
                }

            .messageBox__newMessageBtn--sticky .btn--primary span.m-01--dark-01, .messageBox__newMessageBtn--sticky .btn--primary span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .messageBox__newMessageBtn--sticky .btn--primary span.neu-07, .messageBox__newMessageBtn--sticky .btn--primary span[data-color=gray] {
                color: var(--neu-07)
            }

            .messageBox__newMessageBtn--sticky .btn--primary span.neu-10, .messageBox__newMessageBtn--sticky .btn--primary span[data-color=default] {
                color: var(--neu-10)
            }

            .messageBox__newMessageBtn--sticky .btn--primary b, .messageBox__newMessageBtn--sticky .btn--primary strong {
                font-weight: 700
            }

            .messageBox__newMessageBtn--sticky .btn--primary em {
                font-style: italic
            }

            .messageBox__newMessageBtn--sticky .btn--primary i {
                min-width: 16px;
                width: 16px;
                height: 16px;
                font-size: 16px
            }

                .messageBox__newMessageBtn--sticky .btn--primary i:before {
                    font-size: 16px;
                    font-weight: 400
                }

            .messageBox__newMessageBtn--sticky .btn--primary.btn--icon {
                width: 40px;
                min-width: 40px
            }
}

.messageBox__search {
    margin-top: 16px;
    padding: 0 24px 16px;
    width: 100%
}

@media (max-width:1024px) {
    .messageBox__search {
        margin-top: 0;
        grid-column: 1;
        grid-row: 2;
        padding: 0;
        margin-bottom: 24px
    }
}

@media (max-width:512px) {
    .messageBox__search {
        margin-bottom: 0;
        padding: 16px 0;
        grid-row: 3
    }
}

.messageBox__search:before {
    content: "";
    width: 100%;
    height: 1px;
    left: 0;
    bottom: 0;
    position: absolute;
    background-color: var(--neu-03);
    z-index: 1
}

@media (max-width:1024px) {
    .messageBox__search:before {
        width: calc(100% + 32px * 2);
        left: -32px
    }
}

@media (max-width:768px) {
    .messageBox__search:before {
        width: calc(100% + 24px * 2);
        left: -24px
    }
}

@media (max-width:512px) {
    .messageBox__search:before {
        width: calc(100% + 16px * 2);
        left: -16px
    }
}

@media (max-width:1024px) {
    .messageBox__search:before {
        display: none
    }
}

.messageBox__search:hover input::placeholder {
    color: var(--neu-10)
}

.messageBox__search-label {
    display: none
}

.messageBox__search-inputContainer {
    display: flex;
    align-items: center;
    gap: 16px
}

.messageBox__search input {
    transition: all .15s ease-in-out;
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1.188rem;
    line-height: 1.263em;
    letter-spacing: -.016em;
    font-weight: 400;
    width: 100%;
    outline: none;
    border: 0;
    background-color: transparent;
    height: 48px;
    color: var(--neu-10)
}

    .messageBox__search input .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .messageBox__search input .link a:hover {
            color: var(--m-01)
        }

    .messageBox__search input mark, .messageBox__search input mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .messageBox__search input mark[data-color=gray] {
            color: var(--neu-07)
        }

        .messageBox__search input mark[data-color=default] {
            color: var(--neu-10)
        }

    .messageBox__search input span.m-01--dark-01, .messageBox__search input span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .messageBox__search input span.neu-07, .messageBox__search input span[data-color=gray] {
        color: var(--neu-07)
    }

    .messageBox__search input span.neu-10, .messageBox__search input span[data-color=default] {
        color: var(--neu-10)
    }

    .messageBox__search input b, .messageBox__search input strong {
        font-weight: 700
    }

    .messageBox__search input em {
        font-style: italic
    }

    .messageBox__search input::placeholder {
        transition: all .15s ease-in-out;
        color: var(--neu-07)
    }

    .messageBox__search input:focus::placeholder {
        color: transparent
    }

.messageBox__search i {
    min-width: 24px;
    width: 24px;
    height: 24px;
    font-size: 24px
}

    .messageBox__search i:before {
        font-size: 24px;
        font-weight: 400
    }

.messageBox__messageList {
    position: absolute;
    height: 100%;
    width: 100%;
    overflow-y: auto;
    grid-row: 4
}

@media (max-width:1024px) {
    .messageBox__messageList {
        position: relative;
        overflow: initial;
        grid-column: 1/3;
        grid-row: 3
    }

        .messageBox__messageList:before {
            content: "";
            width: 100%;
            height: 1px;
            left: 0;
            bottom: 0;
            position: absolute;
            background-color: var(--neu-03);
            z-index: 1;
            top: 0
        }
}

@media (max-width:1024px) and (max-width:1024px) {
    .messageBox__messageList:before {
        width: calc(100% + 32px * 2);
        left: -32px
    }
}

@media (max-width:1024px) and (max-width:768px) {
    .messageBox__messageList:before {
        width: calc(100% + 24px * 2);
        left: -24px
    }
}

@media (max-width:1024px) and (max-width:512px) {
    .messageBox__messageList:before {
        width: calc(100% + 16px * 2);
        left: -16px
    }
}

@media (max-width:512px) {
    .messageBox__messageList {
        grid-row: 4
    }
}

.messageBox__messageList::-webkit-scrollbar-track {
    border-radius: 20px;
    background-color: var(--neu-02)
}

.messageBox__messageList::-webkit-scrollbar {
    width: 4px;
    height: 95%
}

.messageBox__messageList::-webkit-scrollbar-thumb {
    border-radius: 20px;
    background-color: var(--neu-05)
}

.messageBox__sideContent {
    grid-column: 5/13;
    border-left: none;
    background-color: var(--neu-02)
}

@media (max-width:1024px) {
    .messageBox__sideContent {
        grid-column: 1/13;
        background-color: var(--neu-01);
        z-index: 3;
        width: 100%;
        height: 100%;
        display: none
    }
}

@media (max-width:1024px) and (max-width:1024px) {
    .messageBox__sideContent {
        grid-column: 1/7
    }
}

@media (max-width:1024px) {
    .messageBox__sideContent--show {
        display: block
    }
}

.messageBox__backBtn {
    display: none
}

@media (max-width:1024px) {
    .messageBox__backBtn {
        display: flex
    }
}

.messageBox__conversationsList:before {
    content: "";
    width: 100%;
    height: 1px;
    left: 0;
    bottom: 0;
    position: absolute;
    background-color: var(--neu-03);
    z-index: 1
}

@media (max-width:1024px) {
    .messageBox__conversationsList:before {
        width: calc(100% + 32px * 2);
        left: -32px
    }
}

@media (max-width:768px) {
    .messageBox__conversationsList:before {
        width: calc(100% + 24px * 2);
        left: -24px
    }
}

@media (max-width:512px) {
    .messageBox__conversationsList:before {
        width: calc(100% + 16px * 2);
        left: -16px
    }
}

.messageBox__masterHeader {
    background-color: var(--neu-01);
    display: grid;
    grid-template-columns: auto 1fr auto auto;
    align-items: center;
    column-gap: 12px;
    padding: 24px;
    z-index: 2
}

    .messageBox__masterHeader:before {
        content: "";
        width: 100%;
        height: 1px;
        left: 0;
        bottom: 0;
        position: absolute;
        background-color: var(--neu-03);
        z-index: 1
    }

@media (max-width:1024px) {
    .messageBox__masterHeader:before {
        width: calc(100% + 32px * 2);
        left: -32px
    }
}

@media (max-width:768px) {
    .messageBox__masterHeader:before {
        width: calc(100% + 24px * 2);
        left: -24px
    }
}

@media (max-width:512px) {
    .messageBox__masterHeader:before {
        width: calc(100% + 16px * 2);
        left: -16px
    }
}

@media (max-width:1024px) {
    .messageBox__masterHeader {
        padding: 24px 0
    }
}

@media (max-width:768px) {
    .messageBox__masterHeader {
        grid-template-columns: auto 1fr auto;
        grid-template-rows: auto 1fr;
        row-gap: 4px
    }
}

@media (max-width:512px) {
    .messageBox__masterHeader {
        padding: 16px 0;
        position: sticky;
        top: 80px
    }

        .messageBox__masterHeader:after {
            content: "";
            width: 100%;
            height: 1px;
            left: 0;
            bottom: 0;
            position: absolute;
            background-color: var(--neu-03);
            z-index: 1;
            background-color: var(--neu-01);
            height: 100%;
            z-index: -1
        }
}

@media (max-width:512px) and (max-width:1024px) {
    .messageBox__masterHeader:after {
        width: calc(100% + 32px * 2);
        left: -32px
    }
}

@media (max-width:512px) and (max-width:768px) {
    .messageBox__masterHeader:after {
        width: calc(100% + 24px * 2);
        left: -24px
    }
}

@media (max-width:512px) and (max-width:512px) {
    .messageBox__masterHeader:after {
        width: calc(100% + 16px * 2);
        left: -16px
    }
}

@media (max-width:768px) {
    .messageBox__masterHeader-thumb {
        grid-row: 1/3;
        align-self: flex-start
    }
}

.messageBox__masterHeader-title {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1rem;
    line-height: 1.5em;
    letter-spacing: -.011em;
    font-weight: 400
}

    .messageBox__masterHeader-title .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .messageBox__masterHeader-title .link a:hover {
            color: var(--m-01)
        }

    .messageBox__masterHeader-title mark, .messageBox__masterHeader-title mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .messageBox__masterHeader-title mark[data-color=gray] {
            color: var(--neu-07)
        }

        .messageBox__masterHeader-title mark[data-color=default] {
            color: var(--neu-10)
        }

    .messageBox__masterHeader-title span.m-01--dark-01, .messageBox__masterHeader-title span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .messageBox__masterHeader-title span.neu-07, .messageBox__masterHeader-title span[data-color=gray] {
        color: var(--neu-07)
    }

    .messageBox__masterHeader-title span.neu-10, .messageBox__masterHeader-title span[data-color=default] {
        color: var(--neu-10)
    }

    .messageBox__masterHeader-title b, .messageBox__masterHeader-title strong {
        font-weight: 700
    }

    .messageBox__masterHeader-title em {
        font-style: italic
    }

.messageBox__masterHeader-description {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: .813rem;
    line-height: 1.538em;
    letter-spacing: -.003em;
    font-weight: 400;
    color: var(--neu-10)
}

    .messageBox__masterHeader-description .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .messageBox__masterHeader-description .link a:hover {
            color: var(--m-01)
        }

    .messageBox__masterHeader-description mark, .messageBox__masterHeader-description mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .messageBox__masterHeader-description mark[data-color=gray] {
            color: var(--neu-07)
        }

        .messageBox__masterHeader-description mark[data-color=default] {
            color: var(--neu-10)
        }

    .messageBox__masterHeader-description span.m-01--dark-01, .messageBox__masterHeader-description span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .messageBox__masterHeader-description span.neu-07, .messageBox__masterHeader-description span[data-color=gray] {
        color: var(--neu-07)
    }

    .messageBox__masterHeader-description span.neu-10, .messageBox__masterHeader-description span[data-color=default] {
        color: var(--neu-10)
    }

    .messageBox__masterHeader-description b, .messageBox__masterHeader-description strong {
        font-weight: 700
    }

    .messageBox__masterHeader-description em {
        font-style: italic
    }

    .messageBox__masterHeader-description span {
        color: var(--neu-07)
    }

@media (max-width:768px) {
    .messageBox__masterHeader-text {
        grid-column: 2/4;
        grid-row: 1
    }
}

.messageBox__masterHeader-info {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: .813rem;
    line-height: 1.538em;
    letter-spacing: -.003em;
    font-weight: 700;
    color: var(--m-01--dark-02)
}

    .messageBox__masterHeader-info .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .messageBox__masterHeader-info .link a:hover {
            color: var(--m-01)
        }

    .messageBox__masterHeader-info mark, .messageBox__masterHeader-info mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .messageBox__masterHeader-info mark[data-color=gray] {
            color: var(--neu-07)
        }

        .messageBox__masterHeader-info mark[data-color=default] {
            color: var(--neu-10)
        }

    .messageBox__masterHeader-info span.m-01--dark-01, .messageBox__masterHeader-info span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .messageBox__masterHeader-info span.neu-07, .messageBox__masterHeader-info span[data-color=gray] {
        color: var(--neu-07)
    }

    .messageBox__masterHeader-info span.neu-10, .messageBox__masterHeader-info span[data-color=default] {
        color: var(--neu-10)
    }

    .messageBox__masterHeader-info b, .messageBox__masterHeader-info strong {
        font-weight: 700
    }

    .messageBox__masterHeader-info em {
        font-style: italic
    }

@media (max-width:768px) {
    .messageBox__masterHeader-info {
        grid-column: 2;
        grid-row: 2
    }
}

.messageBox__masterHeader-actions {
    display: flex;
    gap: 16px;
    margin-left: 8px
}

@media (max-width:768px) {
    .messageBox__masterHeader-actions {
        grid-column: 3;
        grid-row: 2
    }
}

.messageBox__replyHeader {
    transition: all .15s ease-in-out;
    background-color: var(--neu-01);
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    column-gap: 12px;
    padding: 16px 24px;
    cursor: pointer
}

@media (max-width:1024px) {
    .messageBox__replyHeader {
        padding: 16px 0
    }
}

.messageBox__replyHeader:before {
    content: "";
    height: 1px;
    bottom: 0;
    position: absolute;
    background-color: var(--neu-03);
    z-index: 1;
    width: 100%;
    left: 0
}

@media (max-width:1024px) {
    .messageBox__replyHeader:before {
        width: calc(100% + 32px * 2);
        left: -32px
    }
}

@media (max-width:768px) {
    .messageBox__replyHeader:before {
        width: calc(100% + 24px * 2);
        left: -24px
    }
}

@media (max-width:512px) {
    .messageBox__replyHeader:before {
        width: calc(100% + 16px * 2);
        left: -16px
    }
}

.messageBox__replyHeader-info {
    display: flex;
    align-items: center;
    gap: 12px
}

.messageBox__replyHeader-description {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: .813rem;
    line-height: 1.538em;
    letter-spacing: -.003em;
    font-weight: 400;
    color: var(--neu-10)
}

    .messageBox__replyHeader-description .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .messageBox__replyHeader-description .link a:hover {
            color: var(--m-01)
        }

    .messageBox__replyHeader-description mark, .messageBox__replyHeader-description mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .messageBox__replyHeader-description mark[data-color=gray] {
            color: var(--neu-07)
        }

        .messageBox__replyHeader-description mark[data-color=default] {
            color: var(--neu-10)
        }

    .messageBox__replyHeader-description span.m-01--dark-01, .messageBox__replyHeader-description span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .messageBox__replyHeader-description span.neu-07, .messageBox__replyHeader-description span[data-color=gray] {
        color: var(--neu-07)
    }

    .messageBox__replyHeader-description span.neu-10, .messageBox__replyHeader-description span[data-color=default] {
        color: var(--neu-10)
    }

    .messageBox__replyHeader-description b, .messageBox__replyHeader-description strong {
        font-weight: 700
    }

    .messageBox__replyHeader-description em {
        font-style: italic
    }

    .messageBox__replyHeader-description span {
        color: var(--neu-07)
    }

.messageBox__replyHeader-date {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: .688rem;
    line-height: 1.455em;
    letter-spacing: .005em;
    font-weight: 400;
    color: var(--neu-07);
    display: flex;
    gap: 8px;
    align-items: center
}

    .messageBox__replyHeader-date .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .messageBox__replyHeader-date .link a:hover {
            color: var(--m-01)
        }

    .messageBox__replyHeader-date mark, .messageBox__replyHeader-date mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .messageBox__replyHeader-date mark[data-color=gray] {
            color: var(--neu-07)
        }

        .messageBox__replyHeader-date mark[data-color=default] {
            color: var(--neu-10)
        }

    .messageBox__replyHeader-date span.m-01--dark-01, .messageBox__replyHeader-date span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .messageBox__replyHeader-date span.neu-07, .messageBox__replyHeader-date span[data-color=gray] {
        color: var(--neu-07)
    }

    .messageBox__replyHeader-date span.neu-10, .messageBox__replyHeader-date span[data-color=default] {
        color: var(--neu-10)
    }

    .messageBox__replyHeader-date b, .messageBox__replyHeader-date strong {
        font-weight: 700
    }

    .messageBox__replyHeader-date em {
        font-style: italic
    }

    .messageBox__replyHeader-date i {
        min-width: 16px;
        width: 16px;
        height: 16px;
        font-size: 16px
    }

        .messageBox__replyHeader-date i:before {
            font-size: 16px;
            font-weight: 400
        }

.messageBox__replyHeader-actions {
    display: flex;
    gap: 16px;
    margin-left: 8px;
    align-items: center
}

.messageBox__conversation .messageBox__reply {
    display: none
}

.messageBox__conversation--open .messageBox__expandBtn:before {
    content: "\e90e"
}

.messageBox__conversation--open .messageBox__conversationContent {
    display: block
}

.messageBox__conversation--open .messageBox__replyHeader:before {
    width: calc(100% - 24px * 2);
    left: 24px
}

@media (max-width:1024px) {
    .messageBox__conversation--open .messageBox__replyHeader:before {
        width: 100%;
        left: 0
    }
}

.messageBox__conversation--open .messageBox__reply {
    display: block
}

.messageBox__conversationContent {
    display: none;
    background-color: var(--neu-01);
    padding: 32px 40px 40px
}

    .messageBox__conversationContent:before {
        content: "";
        width: 100%;
        height: 1px;
        left: 0;
        bottom: 0;
        position: absolute;
        background-color: var(--neu-03);
        z-index: 1
    }

@media (max-width:1024px) {
    .messageBox__conversationContent:before {
        width: calc(100% + 32px * 2);
        left: -32px
    }
}

@media (max-width:768px) {
    .messageBox__conversationContent:before {
        width: calc(100% + 24px * 2);
        left: -24px
    }
}

@media (max-width:512px) {
    .messageBox__conversationContent:before {
        width: calc(100% + 16px * 2);
        left: -16px
    }
}

@media (max-width:1024px) {
    .messageBox__conversationContent {
        padding: 32px 8px 40px
    }
}

@media (max-width:512px) {
    .messageBox__conversationContent {
        padding: 32px 0 40px
    }
}

.messageBox__conversationContent--show {
    display: block
}

.messageBox__conversationContent-text {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1rem;
    line-height: 1.5em;
    letter-spacing: -.011em;
    font-weight: 400;
    max-width: 630px
}

    .messageBox__conversationContent-text .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .messageBox__conversationContent-text .link a:hover {
            color: var(--m-01)
        }

    .messageBox__conversationContent-text mark, .messageBox__conversationContent-text mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .messageBox__conversationContent-text mark[data-color=gray] {
            color: var(--neu-07)
        }

        .messageBox__conversationContent-text mark[data-color=default] {
            color: var(--neu-10)
        }

    .messageBox__conversationContent-text span.m-01--dark-01, .messageBox__conversationContent-text span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .messageBox__conversationContent-text span.neu-07, .messageBox__conversationContent-text span[data-color=gray] {
        color: var(--neu-07)
    }

    .messageBox__conversationContent-text span.neu-10, .messageBox__conversationContent-text span[data-color=default] {
        color: var(--neu-10)
    }

    .messageBox__conversationContent-text b, .messageBox__conversationContent-text strong {
        font-weight: 700
    }

    .messageBox__conversationContent-text em {
        font-style: italic
    }

.messageBox__conversationContent-attachments {
    padding-top: 8px;
    margin-top: 32px;
    border-top: 1px solid var(--neu-03)
}

.messageBox__conversationContent-fileInfo {
    display: flex;
    gap: 16px;
    align-items: center;
    margin-bottom: 8px
}

    .messageBox__conversationContent-fileInfo small {
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-stretch: normal;
        letter-spacing: normal;
        font-family: Inter,sans-serif;
        font-size: .813rem;
        line-height: 1.538em;
        letter-spacing: -.003em;
        font-weight: 400
    }

        .messageBox__conversationContent-fileInfo small .link a {
            transition: all .1s ease;
            text-decoration: underline;
            color: var(--m-01--dark-01)
        }

            .messageBox__conversationContent-fileInfo small .link a:hover {
                color: var(--m-01)
            }

        .messageBox__conversationContent-fileInfo small mark, .messageBox__conversationContent-fileInfo small mark[data-color=color] {
            color: var(--m-01--dark-01)
        }

            .messageBox__conversationContent-fileInfo small mark[data-color=gray] {
                color: var(--neu-07)
            }

            .messageBox__conversationContent-fileInfo small mark[data-color=default] {
                color: var(--neu-10)
            }

        .messageBox__conversationContent-fileInfo small span.m-01--dark-01, .messageBox__conversationContent-fileInfo small span[data-color=color] {
            color: var(--m-01--dark-01)
        }

        .messageBox__conversationContent-fileInfo small span.neu-07, .messageBox__conversationContent-fileInfo small span[data-color=gray] {
            color: var(--neu-07)
        }

        .messageBox__conversationContent-fileInfo small span.neu-10, .messageBox__conversationContent-fileInfo small span[data-color=default] {
            color: var(--neu-10)
        }

        .messageBox__conversationContent-fileInfo small b, .messageBox__conversationContent-fileInfo small strong {
            font-weight: 700
        }

        .messageBox__conversationContent-fileInfo small em {
            font-style: italic
        }

        .messageBox__conversationContent-fileInfo small span {
            color: var(--neu-07)
        }

.messageBox__conversationContent-replyBtn {
    margin-top: 32px
}

.messageBox__reply {
    padding: 32px 32px 56px
}

@media (max-width:1024px) {
    .messageBox__reply {
        padding: 24px 0 40px;
        background-color: var(--neu-02)
    }

        .messageBox__reply:before {
            content: "";
            width: 100%;
            height: 1px;
            left: 0;
            bottom: 0;
            position: absolute;
            background-color: var(--neu-03);
            z-index: 1;
            height: 100%;
            background-color: var(--neu-02);
            z-index: -1
        }
}

@media (max-width:1024px) and (max-width:1024px) {
    .messageBox__reply:before {
        width: calc(100% + 32px * 2);
        left: -32px
    }
}

@media (max-width:1024px) and (max-width:768px) {
    .messageBox__reply:before {
        width: calc(100% + 24px * 2);
        left: -24px
    }
}

@media (max-width:1024px) and (max-width:512px) {
    .messageBox__reply:before {
        width: calc(100% + 16px * 2);
        left: -16px
    }
}

.messageBox__reply--new {
    background-color: transparent
}

    .messageBox__reply--new:before {
        display: none
    }

.messageBox__reply-block {
    box-shadow: 0 0 1px rgba(26,24,23,.05),0 2px 4px rgba(26,24,23,.1);
    background-color: var(--neu-01);
    border-radius: 2px;
    padding: 0 24px 40px;
    display: flex;
    flex-direction: column;
    gap: 24px
}

@media (max-width:512px) {
    .messageBox__reply-block {
        padding: 0 16px 40px
    }
}

.messageBox__reply-fields {
    display: flex;
    flex-direction: column
}

.messageBox__reply-buttons {
    display: flex;
    justify-content: flex-end;
    gap: 16px
}

    .messageBox__reply-buttons * {
        margin: 0 !important
    }

.messageBox__reply .messageBox__replyHeader {
    padding: 16px 0;
    cursor: default
}

    .messageBox__reply .messageBox__replyHeader:before {
        width: 100% !important;
        left: 0 !important
    }

.messageBox__popup {
    display: none;
    position: absolute;
    z-index: 1;
    right: -8px;
    max-width: 448px;
    width: 100%;
    min-width: 384px;
    top: calc(100% + 16px)
}

.messageBox__popup-content {
    box-shadow: 0 0 1px rgba(26,24,23,.05),0 32px 47px -6px rgba(26,24,23,.1);
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1rem;
    line-height: 1.5em;
    letter-spacing: -.011em;
    font-weight: 400;
    display: flex;
    flex-direction: column;
    gap: 8px;
    background-color: var(--neu-01);
    padding: 24px;
    z-index: 2;
    width: 100%
}

    .messageBox__popup-content .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .messageBox__popup-content .link a:hover {
            color: var(--m-01)
        }

    .messageBox__popup-content mark, .messageBox__popup-content mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .messageBox__popup-content mark[data-color=gray] {
            color: var(--neu-07)
        }

        .messageBox__popup-content mark[data-color=default] {
            color: var(--neu-10)
        }

    .messageBox__popup-content span.m-01--dark-01, .messageBox__popup-content span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .messageBox__popup-content span.neu-07, .messageBox__popup-content span[data-color=gray] {
        color: var(--neu-07)
    }

    .messageBox__popup-content span.neu-10, .messageBox__popup-content span[data-color=default] {
        color: var(--neu-10)
    }

    .messageBox__popup-content b, .messageBox__popup-content strong {
        font-weight: 700
    }

    .messageBox__popup-content em {
        font-style: italic
    }

@media (max-width:512px) {
    .messageBox__popup {
        max-width: unset;
        min-width: unset;
        position: relative;
        top: 0;
        left: 0;
        position: fixed !important;
        height: 100%;
        width: 100%;
        align-items: center;
        justify-content: center;
        padding: 16px;
        z-index: 99
    }

        .messageBox__popup:before {
            content: "";
            position: absolute;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            background: var(--neu-10);
            opacity: .6;
            z-index: 1
        }
}

.messageBox__popup input {
    padding: 11px 16px !important
}

.messageBox__popup--show {
    display: flex
}

.messageBox__popup-buttons {
    display: flex;
    justify-content: flex-end;
    margin-top: 8px;
    gap: 16px
}

@media (max-width:512px) {
    .messageBox__popup-buttons {
        flex-direction: row
    }
}

.messageBox__popup-cancelBtn, .messageBox__popup-submitBtn {
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 !important
}

.messageBox__feedback {
    padding: 264px 40px 40px;
    background-color: var(--neu-01);
    height: 100%
}

.messageBox__noResults {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1rem;
    line-height: 1.5em;
    letter-spacing: -.011em;
    font-weight: 400;
    padding: 64px 40px 4px;
    color: var(--neu-07);
    text-align: center
}

    .messageBox__noResults .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .messageBox__noResults .link a:hover {
            color: var(--m-01)
        }

    .messageBox__noResults mark, .messageBox__noResults mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .messageBox__noResults mark[data-color=gray] {
            color: var(--neu-07)
        }

        .messageBox__noResults mark[data-color=default] {
            color: var(--neu-10)
        }

    .messageBox__noResults span.m-01--dark-01, .messageBox__noResults span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .messageBox__noResults span.neu-07, .messageBox__noResults span[data-color=gray] {
        color: var(--neu-07)
    }

    .messageBox__noResults span.neu-10, .messageBox__noResults span[data-color=default] {
        color: var(--neu-10)
    }

    .messageBox__noResults b, .messageBox__noResults strong {
        font-weight: 700
    }

    .messageBox__noResults em {
        font-style: italic
    }

.messageBox__iconBtn {
    cursor: pointer;
    color: var(--neu-10)
}

    .messageBox__iconBtn i {
        min-width: 24px;
        width: 24px;
        height: 24px;
        font-size: 24px
    }

        .messageBox__iconBtn i:before {
            font-size: 24px;
            font-weight: 400
        }

    .messageBox__iconBtn:hover {
        opacity: .7
    }

.messageBox__attachBtn input {
    display: none
}

.messageBox__replyThisBtn {
    color: var(--neu-07)
}

    .messageBox__replyThisBtn i {
        min-width: 16px;
        width: 16px;
        height: 16px;
        font-size: 16px
    }

        .messageBox__replyThisBtn i:before {
            font-size: 16px;
            font-weight: 400
        }

    .messageBox__replyThisBtn:hover {
        opacity: 1;
        color: var(--neu-10)
    }

.messageBox__replyIcon {
    color: var(--neu-07);
    min-width: 16px;
    width: 16px;
    height: 16px;
    font-size: 16px
}

    .messageBox__replyIcon:before {
        font-size: 16px;
        font-weight: 400
    }

.messageBox__discardBtn {
    display: none
}

@media (max-width:512px) {
    .messageBox__discardBtn {
        width: -moz-fit-content;
        width: fit-content
    }
}

.messageBox__discardBtn--show {
    display: flex
}

.messageBox__cleanBtn {
    display: none
}

.messageBox__cleanBtn--show {
    display: flex
}

.messageBox__expandBtn, .messageBox__pinBtn {
    width: 24px;
    height: 24px
}

    .messageBox__expandBtn:before, .messageBox__pinBtn:before {
        width: 24px;
        height: 24px;
        font-size: 24px;
        font-family: aicep-base-icons !important;
        font-weight: 400;
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        top: 50%;
        transform: translateY(-50%)
    }

    .messageBox__pinBtn:before {
        content: "\e95b"
    }

.messageBox__pinBtn--selected {
    color: var(--m-02)
}

    .messageBox__pinBtn--selected:before {
        content: "\e95c"
    }

.messageBox__expandBtn:before {
    content: "\e90d"
}

.messageBox .formFields__addFiles {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.messageBox .formFields__file {
    margin-top: 0 !important
}

@media (max-width:1024px) {
    .messageBox .replyCard__content {
        padding: 24px 0 !important
    }
}

@media (max-width:1024px) {
    .messageBox .replyCard--small:after, .messageBox .replyCard:after {
        width: calc(100% + 32px * 2);
        left: -32px
    }
}

@media (max-width:768px) {
    .messageBox .replyCard--small:after, .messageBox .replyCard:after {
        width: calc(100% + 24px * 2);
        left: -24px
    }
}

@media (max-width:512px) {
    .messageBox .replyCard--small:after, .messageBox .replyCard:after {
        width: calc(100% + 16px * 2);
        left: -16px
    }
}

@media (max-width:1024px) {
    .messageBox .replyCard--small:before, .messageBox .replyCard:before {
        left: -32px
    }
}

@media (max-width:768px) {
    .messageBox .replyCard--small:before, .messageBox .replyCard:before {
        left: -24px
    }
}

@media (max-width:512px) {
    .messageBox .replyCard--small:before, .messageBox .replyCard:before {
        left: -16px
    }
}

@media (max-width:1024px) {
    .messageBox .replyCard--selected {
        background-color: var(--neu-01)
    }
}

@media (max-width:512px) {
    body.noScroll {
        overflow: hidden
    }
}

.modalChangePassword__link {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: .813rem;
    line-height: 1.538em;
    letter-spacing: -.003em;
    font-weight: 400;
    color: var(--neu-10);
    transition: all .1s ease;
    cursor: pointer;
    text-decoration: underline
}

    .modalChangePassword__link .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .modalChangePassword__link .link a:hover {
            color: var(--m-01)
        }

    .modalChangePassword__link mark, .modalChangePassword__link mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .modalChangePassword__link mark[data-color=gray] {
            color: var(--neu-07)
        }

        .modalChangePassword__link mark[data-color=default] {
            color: var(--neu-10)
        }

    .modalChangePassword__link span.m-01--dark-01, .modalChangePassword__link span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .modalChangePassword__link span.neu-07, .modalChangePassword__link span[data-color=gray] {
        color: var(--neu-07)
    }

    .modalChangePassword__link span.neu-10, .modalChangePassword__link span[data-color=default] {
        color: var(--neu-10)
    }

    .modalChangePassword__link b, .modalChangePassword__link strong {
        font-weight: 700
    }

    .modalChangePassword__link em {
        font-style: italic
    }

    .modalChangePassword__link:hover {
        opacity: .7
    }

.modalChangePassword .modalContainer__innerContainer {
    grid-column: 4/10
}

@media (max-width:1024px) {
    .modalChangePassword .modalContainer__innerContainer {
        grid-column: 2/6
    }
}

@media (max-width:768px) {
    .modalChangePassword .modalContainer__innerContainer {
        grid-column: 1/13
    }
}

@media (max-width:768px) and (max-width:1024px) {
    .modalChangePassword .modalContainer__innerContainer {
        grid-column: 1/7
    }
}

.modalChangePassword .formFields__textField--password {
    max-width: unset
}

@media (max-width:768px) {
    .modalChangePassword .profileDashboard__modalContent {
        margin: 0 auto;
        max-width: 416px
    }
}

.modalContacts .formFields__toggle {
    margin-top: 32px
}

.modalDemand .formFields__secondaryText {
    margin-top: 32px !important
}

.modalDemand .formFields .infoFields__refInfo {
    border: none;
    padding: 0
}

.modalNetwork__awards .formFields__formSecondaryTitle {
    margin-bottom: 16px
}

.modalNetwork__awards .formFields__textBody {
    margin-bottom: 32px
}

.modalProfile .formFields__secondaryText {
    margin-top: 32px !important
}

.modalProfile .formFields__formSection--password .formFields__secondaryText {
    margin-top: 0 !important
}

.modalProject[data-modal=editProject] .modalContainer__bottom {
    justify-content: space-between;
    gap: 24px
}

    .modalProject[data-modal=editProject] .modalContainer__bottom .btn--tertiary {
        margin-bottom: 0
    }

.modalProject .formFields__radiosContainer {
    margin-top: 32px
}

.modalRecoverPassword .modalContainer__innerContainer {
    grid-column: 4/10
}

@media (max-width:1024px) {
    .modalRecoverPassword .modalContainer__innerContainer {
        grid-column: 2/6
    }
}

@media (max-width:768px) {
    .modalRecoverPassword .modalContainer__innerContainer {
        grid-column: 1/13
    }
}

@media (max-width:768px) and (max-width:1024px) {
    .modalRecoverPassword .modalContainer__innerContainer {
        grid-column: 1/7
    }
}

.modalRecoverPassword .formFields__textField--password {
    max-width: unset
}

@media (max-width:768px) {
    .modalRecoverPassword .formFields__formSection {
        margin: 0 auto
    }
}

.modalRecoverPassword .modalContainer__innerContainer {
    max-height: 456px
}

@media (max-width:768px) {
    .modalRecoverPassword .modalContainer__innerContainer {
        max-height: unset
    }
}

.modalTableDetail .modalContainer__innerContainer {
    height: -moz-fit-content;
    height: fit-content;
    max-height: 90%
}

@media (max-width:768px) {
    .modalTableDetail .modalContainer__innerContainer {
        height: 100%;
        max-height: 100%
    }
}

.modalTableDetail .modalContainer__content {
    padding-top: 48px;
    padding-bottom: 80px
}

@media (max-width:768px) {
    .modalTableDetail .modalContainer__content {
        padding-top: 48px;
        padding-bottom: 40px
    }
}

.modalTableDetail__intro {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.modalTableDetail__textlabel {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: .688rem;
    line-height: 1.455em;
    letter-spacing: .005em;
    font-weight: 400
}

    .modalTableDetail__textlabel .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .modalTableDetail__textlabel .link a:hover {
            color: var(--m-01)
        }

    .modalTableDetail__textlabel mark, .modalTableDetail__textlabel mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .modalTableDetail__textlabel mark[data-color=gray] {
            color: var(--neu-07)
        }

        .modalTableDetail__textlabel mark[data-color=default] {
            color: var(--neu-10)
        }

    .modalTableDetail__textlabel span.m-01--dark-01, .modalTableDetail__textlabel span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .modalTableDetail__textlabel span.neu-07, .modalTableDetail__textlabel span[data-color=gray] {
        color: var(--neu-07)
    }

    .modalTableDetail__textlabel span.neu-10, .modalTableDetail__textlabel span[data-color=default] {
        color: var(--neu-10)
    }

    .modalTableDetail__textlabel b, .modalTableDetail__textlabel strong {
        font-weight: 700
    }

    .modalTableDetail__textlabel em {
        font-style: italic
    }

.modalTableDetail__title {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Calma Global Medium,sans-serif;
    font-size: 2.5rem;
    line-height: 1.2em;
    letter-spacing: -.025em
}

    .modalTableDetail__title .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .modalTableDetail__title .link a:hover {
            color: var(--m-01)
        }

    .modalTableDetail__title mark, .modalTableDetail__title mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .modalTableDetail__title mark[data-color=gray] {
            color: var(--neu-07)
        }

        .modalTableDetail__title mark[data-color=default] {
            color: var(--neu-10)
        }

    .modalTableDetail__title span.m-01--dark-01, .modalTableDetail__title span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .modalTableDetail__title span.neu-07, .modalTableDetail__title span[data-color=gray] {
        color: var(--neu-07)
    }

    .modalTableDetail__title span.neu-10, .modalTableDetail__title span[data-color=default] {
        color: var(--neu-10)
    }

    .modalTableDetail__title b, .modalTableDetail__title strong {
        font-weight: 700
    }

    .modalTableDetail__title em {
        font-style: italic
    }

@media (max-width:1024px) {
    .modalTableDetail__title {
        font-size: 2rem;
        line-height: 1.25em;
        letter-spacing: -.016em
    }
}

.modalTableDetail__details {
    margin-top: 48px;
    display: grid;
    gap: 32px 24px;
    grid-template-columns: repeat(auto-fit,minmax(130px,1fr))
}

.modalTableDetail__btnContainer {
    justify-content: flex-start;
    margin-top: 56px
}

.myProjects__modal-title {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1.75rem;
    line-height: 1.429em;
    letter-spacing: -.021em;
    font-weight: 700;
    margin-top: 8px
}

    .myProjects__modal-title .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .myProjects__modal-title .link a:hover {
            color: var(--m-01)
        }

    .myProjects__modal-title mark, .myProjects__modal-title mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .myProjects__modal-title mark[data-color=gray] {
            color: var(--neu-07)
        }

        .myProjects__modal-title mark[data-color=default] {
            color: var(--neu-10)
        }

    .myProjects__modal-title span.m-01--dark-01, .myProjects__modal-title span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .myProjects__modal-title span.neu-07, .myProjects__modal-title span[data-color=gray] {
        color: var(--neu-07)
    }

    .myProjects__modal-title span.neu-10, .myProjects__modal-title span[data-color=default] {
        color: var(--neu-10)
    }

    .myProjects__modal-title b, .myProjects__modal-title strong {
        font-weight: 700
    }

    .myProjects__modal-title em {
        font-style: italic
    }

@media (max-width:1024px) {
    .myProjects__modal-title {
        font-size: 1.438rem;
        line-height: 1.391em;
        letter-spacing: -.019em
    }
}

.myProjects__createScreen {
    padding: 56px 0 48px !important
}

@media (max-width:1024px) {
    .myProjects__createScreen {
        padding: 40px 0 !important
    }
}

.myProjects__createScreen.hide, .myProjects__list.hide {
    display: none
}

.myProjects__table {
    grid-column: 2/12;
    padding: 56px 0 48px
}

@media (max-width:1024px) {
    .myProjects__table {
        grid-column: 1/13;
        padding: 40px 0
    }
}

@media (max-width:1024px) and (max-width:1024px) {
    .myProjects__table {
        grid-column: 1/7
    }
}

.myProjects__table-item, .myProjects__table-top {
    display: grid;
    grid-template-columns: 30% 1.5fr repeat(2,1fr) auto;
    border-bottom: 1px solid var(--neu-03);
    align-items: center;
    gap: 16px
}

@media (max-width:768px) {
    .myProjects__table-item, .myProjects__table-top {
        grid-template-columns: repeat(4,1fr) auto
    }
}

@media (max-width:512px) {
    .myProjects__table-item, .myProjects__table-top {
        grid-template-columns: repeat(2,calc(30% - 16px)) repeat(2,calc(20% - 8px))
    }
}

.myProjects__table-top {
    padding-bottom: 8px
}

@media (max-width:512px) {
    .myProjects__table-top span {
        display: none
    }
}

.myProjects__table-item {
    padding: 16px 0
}

    .myProjects__table-item .btn--primary {
        width: -moz-fit-content;
        width: fit-content
    }

@media (max-width:512px) {
    .myProjects__table-item .btn--primary {
        width: 100%;
        grid-column: 1/5
    }
}

.myProjects__table-title {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: .813rem;
    line-height: 1.538em;
    letter-spacing: -.003em;
    font-weight: 400;
    color: var(--neu-10)
}

    .myProjects__table-title .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .myProjects__table-title .link a:hover {
            color: var(--m-01)
        }

    .myProjects__table-title mark, .myProjects__table-title mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .myProjects__table-title mark[data-color=gray] {
            color: var(--neu-07)
        }

        .myProjects__table-title mark[data-color=default] {
            color: var(--neu-10)
        }

    .myProjects__table-title span.m-01--dark-01, .myProjects__table-title span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .myProjects__table-title span.neu-07, .myProjects__table-title span[data-color=gray] {
        color: var(--neu-07)
    }

    .myProjects__table-title span.neu-10, .myProjects__table-title span[data-color=default] {
        color: var(--neu-10)
    }

    .myProjects__table-title b, .myProjects__table-title strong {
        font-weight: 700
    }

    .myProjects__table-title em {
        font-style: italic
    }

.myProjects__project-info {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1rem;
    line-height: 1.5em;
    letter-spacing: -.011em;
    font-weight: 400;
    color: var(--neu-10)
}

    .myProjects__project-info .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .myProjects__project-info .link a:hover {
            color: var(--m-01)
        }

    .myProjects__project-info mark, .myProjects__project-info mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .myProjects__project-info mark[data-color=gray] {
            color: var(--neu-07)
        }

        .myProjects__project-info mark[data-color=default] {
            color: var(--neu-10)
        }

    .myProjects__project-info span.m-01--dark-01, .myProjects__project-info span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .myProjects__project-info span.neu-07, .myProjects__project-info span[data-color=gray] {
        color: var(--neu-07)
    }

    .myProjects__project-info span.neu-10, .myProjects__project-info span[data-color=default] {
        color: var(--neu-10)
    }

    .myProjects__project-info b, .myProjects__project-info strong {
        font-weight: 700
    }

    .myProjects__project-info em {
        font-style: italic
    }

    .myProjects__project-info:first-child {
        font-weight: 700
    }

@media (max-width:512px) {
    .myProjects__project-info {
        overflow-wrap: anywhere;
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-stretch: normal;
        letter-spacing: normal;
        font-family: Inter,sans-serif;
        font-size: .813rem;
        line-height: 1.538em;
        letter-spacing: -.003em;
        font-weight: 400
    }

        .myProjects__project-info .link a {
            transition: all .1s ease;
            text-decoration: underline;
            color: var(--m-01--dark-01)
        }

            .myProjects__project-info .link a:hover {
                color: var(--m-01)
            }

        .myProjects__project-info mark, .myProjects__project-info mark[data-color=color] {
            color: var(--m-01--dark-01)
        }

            .myProjects__project-info mark[data-color=gray] {
                color: var(--neu-07)
            }

            .myProjects__project-info mark[data-color=default] {
                color: var(--neu-10)
            }

        .myProjects__project-info span.m-01--dark-01, .myProjects__project-info span[data-color=color] {
            color: var(--m-01--dark-01)
        }

        .myProjects__project-info span.neu-07, .myProjects__project-info span[data-color=gray] {
            color: var(--neu-07)
        }

        .myProjects__project-info span.neu-10, .myProjects__project-info span[data-color=default] {
            color: var(--neu-10)
        }

        .myProjects__project-info b, .myProjects__project-info strong {
            font-weight: 700
        }

        .myProjects__project-info em {
            font-style: italic
        }
}

.myProjects .formSpacing {
    gap: 24px
}

.myProjects .formFields__formSecondaryTitle {
    margin: 16px 0
}

.myProjects .formFields__radiosContainer {
    margin-top: 32px
}

.opportunityDetail__wrapper {
    padding-top: 56px;
    padding-bottom: 64px
}

@media (max-width:1024px) {
    .opportunityDetail__wrapper {
        padding-top: 40px;
        padding-bottom: 56px
    }
}

.opportunityDetail__container {
    grid-column: 2/12;
    display: flex;
    flex-direction: column;
    gap: 32px
}

@media (max-width:1024px) {
    .opportunityDetail__container {
        grid-column: 1/13
    }
}

@media (max-width:1024px) and (max-width:1024px) {
    .opportunityDetail__container {
        grid-column: 1/7
    }
}

.opportunityDetail__btnContainer {
    justify-content: flex-end;
    margin-top: 8px
}

@media (max-width:1024px) {
    .opportunityDetail__btnContainer {
        margin-top: 0
    }
}

.opportunityDetail .collapsedInfo__list {
    margin-top: 0
}

.organizationDashboard__wrapper {
    padding-top: 230px;
    padding-bottom: 80px
}

@media (max-width:1024px) {
    .organizationDashboard__wrapper {
        padding-top: 136px;
        padding-bottom: 64px
    }
}

@media (max-width:768px) {
    .organizationDashboard__wrapper {
        padding-bottom: 56px
    }
}

.organizationDashboard__mainBlock, .organizationDashboard__projects, .organizationDashboard__topActions {
    grid-column: 2/12
}

@media (max-width:1024px) {
    .organizationDashboard__mainBlock, .organizationDashboard__projects, .organizationDashboard__topActions {
        grid-column: 1/13
    }
}

@media (max-width:1024px) and (max-width:1024px) {
    .organizationDashboard__mainBlock, .organizationDashboard__projects, .organizationDashboard__topActions {
        grid-column: 1/7
    }
}

.organizationDashboard__topActions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 40px
}

.organizationDashboard__buttonsBlock {
    margin-top: 48px
}

@media (max-width:1024px) {
    .organizationDashboard__buttonsBlock {
        margin-top: 40px
    }
}

.organizationDashboard__table {
    margin-top: 40px
}

.page404 {
    height: 100vh;
    padding-top: 174px
}

@media (max-width:1024px) {
    .page404 {
        display: flex;
        justify-content: center;
        align-items: center
    }
}

.page404__innerContainer {
    display: flex;
    justify-content: center;
    top: 50%;
    transform: translateY(-50%)
}

@media (max-width:1024px) {
    .page404__innerContainer {
        top: unset;
        transform: unset
    }
}

.page404__cloud1, .page404__cloud2 {
    position: absolute;
    animation-duration: 20s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-direction: alternate
}

@media (max-width:1024px) {
    .page404__cloud1, .page404__cloud2 {
        animation: none
    }
}

@media (max-width:512px) {
    .page404__cloud1, .page404__cloud2 {
        animation: none
    }
}

.page404 .page404__cloud1 {
    top: 28%;
    left: 9%;
    width: 160px;
    animation-name: M;
    animation-direction: alternate
}

@media (max-width:1024px) {
    .page404 .page404__cloud1 {
        left: 4%;
        top: -56%
    }
}

@media (max-width:768px) {
    .page404 .page404__cloud1 {
        left: -4%
    }
}

.page404 .page404__cloud1 path {
    fill: var(--m-02--light-01)
}

.page404 .page404__cloud2 {
    left: 20%;
    width: 110px;
    animation-delay: 1s;
    animation-name: M
}

@media (max-width:1024px) {
    .page404 .page404__cloud2 {
        top: -32%
    }
}

@media (max-width:768px) {
    .page404 .page404__cloud2 {
        left: 17%
    }
}

.page404 .page404__cloud2 path {
    fill: var(--m-02)
}

@keyframes M {
    0% {
        transform: translateX(0)
    }

    to {
        transform: translateX(400%)
    }
}

.page404__textBox {
    max-width: 528px
}

.page404__title {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Calma Global Large,sans-serif;
    font-size: 5rem;
    line-height: 1em;
    letter-spacing: -.025em;
    margin-top: 88px
}

    .page404__title .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .page404__title .link a:hover {
            color: var(--m-01)
        }

    .page404__title mark, .page404__title mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .page404__title mark[data-color=gray] {
            color: var(--neu-07)
        }

        .page404__title mark[data-color=default] {
            color: var(--neu-10)
        }

    .page404__title span.m-01--dark-01, .page404__title span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .page404__title span.neu-07, .page404__title span[data-color=gray] {
        color: var(--neu-07)
    }

    .page404__title span.neu-10, .page404__title span[data-color=default] {
        color: var(--neu-10)
    }

    .page404__title b, .page404__title strong {
        font-weight: 700
    }

    .page404__title em {
        font-style: italic
    }

@media (max-width:1024px) {
    .page404__title {
        font-size: 3.5rem;
        line-height: 1.143em;
        letter-spacing: -.027em;
        text-align: center;
        margin-top: 0
    }
}

.page404__text {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1.188rem;
    line-height: 1.263em;
    letter-spacing: -.016em;
    font-weight: 400;
    margin-top: 40px
}

    .page404__text .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .page404__text .link a:hover {
            color: var(--m-01)
        }

    .page404__text mark, .page404__text mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .page404__text mark[data-color=gray] {
            color: var(--neu-07)
        }

        .page404__text mark[data-color=default] {
            color: var(--neu-10)
        }

    .page404__text span.m-01--dark-01, .page404__text span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .page404__text span.neu-07, .page404__text span[data-color=gray] {
        color: var(--neu-07)
    }

    .page404__text span.neu-10, .page404__text span[data-color=default] {
        color: var(--neu-10)
    }

    .page404__text b, .page404__text strong {
        font-weight: 700
    }

    .page404__text em {
        font-style: italic
    }

@media (max-width:1024px) {
    .page404__text {
        margin-top: 32px;
        text-align: center
    }
}

.page404__img {
    max-width: 283px;
    top: 20px
}

@media (max-width: 1024px) {
    .page404__img {
        display: none
    }
}

.page404__img svg g :first-child, .page404__img svg g :nth-child(4), .page404__img svg g :nth-child(6), .page404__img .color1 {
    fill: var(--m-02--dark-02)
}

.page404__img svg g :nth-child(2), .page404__img svg g :nth-child(3), .page404__img .color2 {
    fill: var(--m-02--dark-01)
}

.page404__img svg g :nth-child(5), .page404__img svg g :nth-child(7), .page404__img svg g :nth-child(8), .page404__img svg g :nth-child(9), .page404__img svg g :nth-child(10), .page404__img svg g :nth-child(11), .page404__img svg g :nth-child(12), .page404__img svg g :nth-child(13), .page404__img svg g :nth-child(14), .page404__img svg g :nth-child(15), .page404__img .color3 {
    fill: var(--m-01--dark-03)
}

.page404__img svg g :nth-child(16), .page404__img svg g :nth-child(17), .page404__img svg g :nth-child(18), .page404__img svg g :nth-child(19), .page404__img svg g :nth-child(20), .page404__img svg g :nth-child(21), .page404__img svg g :nth-child(22), .page404__img svg g :nth-child(23), .page404__img .color4 {
    fill: var(--m-02--light-01)
}

.page404 .btnContainer {
    margin-top: 40px;
    display: flex;
    justify-content: start;
}

@media (max-width:1024px) {
    .page404 .btnContainer {
        margin-top: 32px;
        justify-content: center
    }
}

.profileDashboard__wrapper {
    padding-top: 230px;
    padding-bottom: 80px
}

@media (max-width:1024px) {
    .profileDashboard__wrapper {
        padding-top: 136px;
        padding-bottom: 64px
    }
}

@media (max-width:768px) {
    .profileDashboard__wrapper {
        padding-bottom: 56px
    }
}

.profileDashboard__top {
    grid-column: 2/12;
    display: flex;
    justify-content: space-between;
    gap: 13%;
    margin-bottom: 40px
}

@media (max-width:1024px) {
    .profileDashboard__top {
        grid-column: 1/13;
        margin-bottom: 32px
    }
}

@media (max-width:1024px) and (max-width:1024px) {
    .profileDashboard__top {
        grid-column: 1/7
    }
}

@media (max-width:512px) {
    .profileDashboard__top {
        flex-direction: column;
        gap: 24px
    }
}

.profileDashboard .progressBar {
    width: 100% !important;
    padding: 0 !important
}

.profileDashboard__mainBlock--profileInfo {
    grid-column: 2/8
}

@media (max-width:1024px) {
    .profileDashboard__mainBlock--profileInfo {
        grid-column: 1/5;
        margin-right: 16px
    }
}

@media (max-width:768px) {
    .profileDashboard__mainBlock--profileInfo {
        grid-column: 1/13;
        margin-right: 0
    }
}

@media (max-width:768px) and (max-width:1024px) {
    .profileDashboard__mainBlock--profileInfo {
        grid-column: 1/7
    }
}

.profileDashboard__mainBlock--companyInfo, .profileDashboard__mainBlock--moreInfo {
    grid-column: 2/12;
    margin-top: 24px
}

@media (max-width:1024px) {
    .profileDashboard__mainBlock--companyInfo, .profileDashboard__mainBlock--moreInfo {
        grid-column: 1/13;
        margin-top: 16px
    }
}

@media (max-width:1024px) and (max-width:1024px) {
    .profileDashboard__mainBlock--companyInfo, .profileDashboard__mainBlock--moreInfo {
        grid-column: 1/7
    }
}

.profileDashboard .infoFields__sideContent {
    grid-column: 8/12;
    margin-top: 16px
}

@media (max-width:1024px) {
    .profileDashboard .infoFields__sideContent {
        grid-column: 5/7
    }
}

@media (max-width:768px) {
    .profileDashboard .infoFields__sideContent {
        grid-column: 1/13;
        grid-row: 5
    }
}

@media (max-width:768px) and (max-width:1024px) {
    .profileDashboard .infoFields__sideContent {
        grid-column: 1/7
    }
}

.profileDashboard .formFields {
    grid-column: 1/3
}

.profileDashboard .formFields__uploadPhoto {
    margin: 0
}

.projectDetail__wrapper {
    padding-top: 56px;
    padding-bottom: 104px
}

@media (max-width:1024px) {
    .projectDetail__wrapper {
        padding-top: 40px
    }
}

@media (max-width:768px) {
    .projectDetail__wrapper {
        padding-bottom: 48px
    }
}

.projectDetail__mainInfo {
    grid-column: 2/7
}

@media (max-width:1024px) {
    .projectDetail__mainInfo {
        grid-column: 1/5
    }
}

@media (max-width:768px) {
    .projectDetail__mainInfo {
        grid-column: 1/13
    }
}

@media (max-width:768px) and (max-width:1024px) {
    .projectDetail__mainInfo {
        grid-column: 1/7
    }
}

.projectDetail__editBtn {
    margin-top: 16px
}

.projectDetail__detailsBottom {
    margin-top: 40px
}

.projectDetail .infoFields__caption {
    margin-bottom: 8px
}

.projectDetail .infoFields__sideContent {
    grid-column: 8/12
}

@media (max-width:1024px) {
    .projectDetail .infoFields__sideContent {
        grid-column: 5/7
    }
}

@media (max-width:768px) {
    .projectDetail .infoFields__sideContent {
        grid-column: 1/13;
        margin-top: 56px
    }
}

@media (max-width:768px) and (max-width:1024px) {
    .projectDetail .infoFields__sideContent {
        grid-column: 1/7
    }
}

.projectDetail .infoFields__details {
    margin-top: 40px
}

@media (max-width:512px) {
    .projectDetail .infoFields__details {
        margin-top: 24px
    }
}

.projectDetail .infoFields__secondaryTitle {
    margin-bottom: 32px
}

.rankingTable__innerContainer {
    padding-top: 32px;
    padding-bottom: 40px
}

.rankingTable__title {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1rem;
    line-height: 1.5em;
    letter-spacing: -.011em;
    font-weight: 400;
    grid-column: 2/7
}

    .rankingTable__title .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .rankingTable__title .link a:hover {
            color: var(--m-01)
        }

    .rankingTable__title mark, .rankingTable__title mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .rankingTable__title mark[data-color=gray] {
            color: var(--neu-07)
        }

        .rankingTable__title mark[data-color=default] {
            color: var(--neu-10)
        }

    .rankingTable__title span.m-01--dark-01, .rankingTable__title span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .rankingTable__title span.neu-07, .rankingTable__title span[data-color=gray] {
        color: var(--neu-07)
    }

    .rankingTable__title span.neu-10, .rankingTable__title span[data-color=default] {
        color: var(--neu-10)
    }

    .rankingTable__title b, .rankingTable__title strong {
        font-weight: 700
    }

    .rankingTable__title em {
        font-style: italic
    }

@media (max-width:1024px) {
    .rankingTable__title {
        grid-column: 1/7;
        text-align: center;
        max-width: 632px;
        margin: 0 auto
    }
}

.rankingTable__sliderControler {
    margin-top: 64px;
    grid-column: 2/12;
    display: flex;
    justify-content: flex-end
}

@media (max-width:1024px) {
    .rankingTable__sliderControler {
        grid-column: 1/7;
        margin-top: 52px
    }
}

@media (max-width:768px) {
    .rankingTable__sliderControler {
        flex-direction: column;
        align-items: center
    }
}

@media (max-width:512px) {
    .rankingTable__sliderControler {
        margin-top: 32px
    }
}

.rankingTable__sliderControlerInnerContainer {
    width: calc(100% - 208px)
}

@media (max-width:768px) {
    .rankingTable__sliderControlerInnerContainer {
        width: 100%
    }
}

.rankingTable__slider {
    margin: 0 60px;
    overflow: hidden
}

.rankingTable__tableContainer {
    transition: height .2s ease-in-out;
    grid-column: 2/12;
    display: grid;
    grid-template-columns: 208px auto;
    margin-top: 20px
}

@media (max-width:1024px) {
    .rankingTable__tableContainer {
        grid-column: 1/7
    }
}

.rankingTable__mobileInstructions {
    display: none;
    text-align: center;
    max-width: 70%;
    margin-top: 16px;
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: .688rem;
    line-height: 1.455em;
    letter-spacing: .005em;
    font-weight: 400
}

    .rankingTable__mobileInstructions .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .rankingTable__mobileInstructions .link a:hover {
            color: var(--m-01)
        }

    .rankingTable__mobileInstructions mark, .rankingTable__mobileInstructions mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .rankingTable__mobileInstructions mark[data-color=gray] {
            color: var(--neu-07)
        }

        .rankingTable__mobileInstructions mark[data-color=default] {
            color: var(--neu-10)
        }

    .rankingTable__mobileInstructions span.m-01--dark-01, .rankingTable__mobileInstructions span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .rankingTable__mobileInstructions span.neu-07, .rankingTable__mobileInstructions span[data-color=gray] {
        color: var(--neu-07)
    }

    .rankingTable__mobileInstructions span.neu-10, .rankingTable__mobileInstructions span[data-color=default] {
        color: var(--neu-10)
    }

    .rankingTable__mobileInstructions b, .rankingTable__mobileInstructions strong {
        font-weight: 700
    }

    .rankingTable__mobileInstructions em {
        font-style: italic
    }

@media (max-width:768px) {
    .rankingTable__mobileInstructions {
        display: block
    }
}

.rankingTable__itemsTitle {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: .688rem;
    line-height: 1.455em;
    letter-spacing: .005em;
    font-weight: 400;
    position: absolute;
    top: -32px
}

    .rankingTable__itemsTitle .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .rankingTable__itemsTitle .link a:hover {
            color: var(--m-01)
        }

    .rankingTable__itemsTitle mark, .rankingTable__itemsTitle mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .rankingTable__itemsTitle mark[data-color=gray] {
            color: var(--neu-07)
        }

        .rankingTable__itemsTitle mark[data-color=default] {
            color: var(--neu-10)
        }

    .rankingTable__itemsTitle span.m-01--dark-01, .rankingTable__itemsTitle span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .rankingTable__itemsTitle span.neu-07, .rankingTable__itemsTitle span[data-color=gray] {
        color: var(--neu-07)
    }

    .rankingTable__itemsTitle span.neu-10, .rankingTable__itemsTitle span[data-color=default] {
        color: var(--neu-10)
    }

    .rankingTable__itemsTitle b, .rankingTable__itemsTitle strong {
        font-weight: 700
    }

    .rankingTable__itemsTitle em {
        font-style: italic
    }

@media (max-width:768px) {
    .rankingTable__itemsTitle {
        display: none
    }
}

.rankingTable__items {
    border: 1px solid var(--neu-03);
    border-right: none;
    border-radius: 2px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    display: flex;
    flex-direction: column
}

.rankingTable__item {
    display: flex;
    height: 60px;
    padding: 0 0 0 16px;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid var(--neu-03);
    border-right: 1px solid var(--neu-03)
}

    .rankingTable__item.hideElement {
        display: none
    }

    .rankingTable__item:first-of-type {
        border-top: none
    }

.rankingTable__item--main {
    background-color: var(--m-01--dark-01);
    border-right: none
}

    .rankingTable__item--main .rankingTable__itemName {
        color: var(--neu-01)
    }

.rankingTable__itemNameAndRanking {
    display: flex;
    align-items: center
}

.rankingTable__itemName {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1rem;
    line-height: 1.5em;
    letter-spacing: -.011em;
    font-weight: 400;
    font-weight: 700
}

    .rankingTable__itemName .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .rankingTable__itemName .link a:hover {
            color: var(--m-01)
        }

    .rankingTable__itemName mark, .rankingTable__itemName mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .rankingTable__itemName mark[data-color=gray] {
            color: var(--neu-07)
        }

        .rankingTable__itemName mark[data-color=default] {
            color: var(--neu-10)
        }

    .rankingTable__itemName span.m-01--dark-01, .rankingTable__itemName span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .rankingTable__itemName span.neu-07, .rankingTable__itemName span[data-color=gray] {
        color: var(--neu-07)
    }

    .rankingTable__itemName span.neu-10, .rankingTable__itemName span[data-color=default] {
        color: var(--neu-10)
    }

    .rankingTable__itemName b, .rankingTable__itemName strong {
        font-weight: 700
    }

    .rankingTable__itemName em {
        font-style: italic
    }

.rankingTable__itemRanking {
    margin-right: 17px
}

.rankingTable__trashCanButton {
    margin-right: 0
}

.rankingTable__rightContainer {
    border: 1px solid var(--neu-03);
    border-radius: 2px;
    border-left: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    overflow: hidden
}

    .rankingTable__rightContainer:before {
        content: "";
        display: block;
        height: 60px;
        background-color: var(--m-01--dark-01);
        width: 100%;
        position: absolute;
        top: 0
    }

.rankingTable__tableSlider {
    margin: 0 60px;
    overflow: hidden
}

@media (max-width:512px) {
    .rankingTable__tableSlider {
        margin: 0
    }
}

.rankingTable__colContainer {
    display: flex;
    flex-direction: column
}

.rankingTable__cel {
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1rem;
    line-height: 1.5em;
    letter-spacing: -.011em;
    font-weight: 400
}

    .rankingTable__cel .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .rankingTable__cel .link a:hover {
            color: var(--m-01)
        }

    .rankingTable__cel mark, .rankingTable__cel mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .rankingTable__cel mark[data-color=gray] {
            color: var(--neu-07)
        }

        .rankingTable__cel mark[data-color=default] {
            color: var(--neu-10)
        }

    .rankingTable__cel span.m-01--dark-01, .rankingTable__cel span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .rankingTable__cel span.neu-07, .rankingTable__cel span[data-color=gray] {
        color: var(--neu-07)
    }

    .rankingTable__cel span.neu-10, .rankingTable__cel span[data-color=default] {
        color: var(--neu-10)
    }

    .rankingTable__cel b, .rankingTable__cel strong {
        font-weight: 700
    }

    .rankingTable__cel em {
        font-style: italic
    }

    .rankingTable__cel.disable {
        color: var(--neu-05)
    }

    .rankingTable__cel.hideElement {
        display: none
    }

.rankingTable__cel--main {
    color: var(--neu-01)
}

    .rankingTable__cel--main.disable {
        color: var(--m-01--dark-03)
    }

.rankingTable__switchContainer {
    height: 100%;
    display: grid;
    grid-template-rows: 48px 22px;
    gap: 10px
}

@media (max-width:1024px) {
    .rankingTable__switchContainer {
        grid-template-rows: 48px auto
    }
}

.rankingTable__switchTitle {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1rem;
    line-height: 1.5em;
    letter-spacing: -.011em;
    font-weight: 400;
    text-align: center;
    display: flex;
    align-items: center;
    height: 100%;
    justify-content: center
}

    .rankingTable__switchTitle .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .rankingTable__switchTitle .link a:hover {
            color: var(--m-01)
        }

    .rankingTable__switchTitle mark, .rankingTable__switchTitle mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .rankingTable__switchTitle mark[data-color=gray] {
            color: var(--neu-07)
        }

        .rankingTable__switchTitle mark[data-color=default] {
            color: var(--neu-10)
        }

    .rankingTable__switchTitle span.m-01--dark-01, .rankingTable__switchTitle span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .rankingTable__switchTitle span.neu-07, .rankingTable__switchTitle span[data-color=gray] {
        color: var(--neu-07)
    }

    .rankingTable__switchTitle span.neu-10, .rankingTable__switchTitle span[data-color=default] {
        color: var(--neu-10)
    }

    .rankingTable__switchTitle b, .rankingTable__switchTitle strong {
        font-weight: 700
    }

    .rankingTable__switchTitle em {
        font-style: italic
    }

.rankingTable__toggleLabel {
    width: 44px;
    height: 22px;
    display: block;
    cursor: pointer;
    justify-self: center
}

@media (max-width:1024px) {
    .rankingTable__toggleLabel {
        height: 28px;
        width: 55px
    }
}

.rankingTable__toggleInput {
    position: absolute
}

    .rankingTable__toggleInput:checked + .rankingTable__toggleRound {
        background-color: var(--m-01)
    }

        .rankingTable__toggleInput:checked + .rankingTable__toggleRound:after {
            transform: translate3d(22px,0,0)
        }

@media (max-width:1024px) {
    .rankingTable__toggleInput:checked + .rankingTable__toggleRound:after {
        transform: translate3d(26px,0,0)
    }
}

.rankingTable__toggleRound {
    padding: 0 4px;
    width: 100%;
    height: 100%;
    background-color: var(--neu-04);
    border-radius: 50px;
    display: flex;
    align-items: center;
    transition: background-color .2s cubic-bezier(.5,0,.05,1);
    pointer-events: none
}

    .rankingTable__toggleRound:after {
        content: "";
        display: block;
        height: 14px;
        width: 14px;
        border-radius: 50%;
        background-color: var(--neu-01);
        transform: translateZ(0);
        transition: transform .2s cubic-bezier(.5,0,.05,1)
    }

@media (max-width:1024px) {
    .rankingTable__toggleRound:after {
        height: 20px;
        width: 20px
    }
}

.rankingTable__sliderArrow {
    cursor: pointer;
    position: absolute;
    z-index: 10;
    width: 24px;
    height: 24px;
    transform: translateY(50%);
    bottom: 50%;
    display: flex;
    align-items: center
}

.rankingTable__sliderArrow--prev {
    left: 0;
    justify-content: flex-start
}

@media (max-width:768px) {
    .rankingTable__sliderArrow--prev {
        left: 20px
    }
}

.rankingTable__sliderArrow--next {
    right: 0;
    justify-content: flex-end
}

@media (max-width:768px) {
    .rankingTable__sliderArrow--next {
        right: 20px
    }
}

.rankingTable__sliderArrow i {
    display: block
}

.rankingTable .swiper-button-disabled {
    opacity: .5
}

.rankingTable__addItemsContainer {
    width: 100%;
    grid-column: 1/3;
    padding-top: 24px;
    display: flex;
    justify-content: center;
    align-items: center
}

@media (max-width:768px) {
    .rankingTable__addItemsContainer {
        position: sticky;
        bottom: 0;
        z-index: 10
    }
}

.rankingTable__addItemsButton {
    margin-right: 0 !important
}

.rankingTable__addItemsButton--hide {
    display: none
}

.rankingTable__formContainer {
    display: none;
    width: 100%
}

.rankingTable__formContainer--show {
    display: flex;
    justify-content: center;
    align-items: center
}

.rankingTable__formContainer .formFields__dropdownAutocomplete {
    margin-bottom: 0;
    width: 100%
}

.rankingTable__formContainer .formFields__dropdownContainer {
    border-color: var(--neu-03)
}

.rankingTable__formContainer .formFields__selectButton span {
    color: var(--neu-07)
}

.rankingTable__formContainer .formFields__option--added + label {
    display: none
}

.rankingTable__formContainer .formFields__inputWrapper.filled .formFields__selectButton span {
    color: var(--neu-07)
}

.rankingTable__closeDropdown {
    padding-left: 32px;
    padding-right: 32px
}

.readingBlock__innerContainer {
    padding-top: 72px;
    padding-bottom: 72px
}

.readingBlock__textFormats {
    grid-column: 5/11;
    padding: 0
}

@media (max-width:1024px) {
    .readingBlock__textFormats {
        grid-column: 2/6;
        grid-row: 1;
        padding-bottom: 40px
    }
}

@media (max-width:768px) {
    .readingBlock__textFormats {
        grid-column: 1/7
    }
}

.readingBlock__aside {
    grid-column: 2/5;
    position: sticky;
    top: 96px;
    align-self: flex-start;
    transform: translateY(0)
}

@media (max-width:1024px) {
    .readingBlock__aside {
        grid-column: 2/6;
        grid-row: 2
    }
}

@media (max-width:768px) {
    .readingBlock__aside {
        grid-column: 1/7
    }
}

.readingBlock__aside.show {
    transform: translateY(0)
}

    .readingBlock__aside.show .readingBlock__articleThumbResume {
        opacity: 1
    }

    .readingBlock__aside.show .readingBlock__date {
        margin-top: 24px
    }

.readingBlock__articleThumbResume {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: auto auto auto;
    grid-column-gap: 32px;
    border-bottom: 1px solid var(--neu-03);
    padding-bottom: 40px;
    opacity: 0;
    transition: opacity .2s ease-in-out
}

@media (max-width:1280px) {
    .readingBlock__articleThumbResume {
        grid-column-gap: 24px
    }
}

@media (max-width:1024px) {
    .readingBlock__articleThumbResume {
        grid-column-gap: 16px
    }
}

@media (max-width:512px) {
    .readingBlock__articleThumbResume {
        grid-column-gap: 8px
    }
}

@media (max-width:1024px) {
    .readingBlock__articleThumbResume {
        display: none
    }
}

.readingBlock__btnPrevious {
    grid-column: 1/4;
    grid-row: 1;
    justify-self: flex-start
}

.readingBlock__imageContainer {
    width: 100%;
    grid-column: 1/3;
    grid-row: 2;
    margin-top: 32px;
    height: 80px
}

.readingBlock__figure {
    width: 100%;
    height: 100%
}

    .readingBlock__figure img {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }

.readingBlock__textBox {
    margin-top: 24px;
    grid-column: 1/4;
    grid-row: 3
}

.readingBlock__theme {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: .688rem;
    line-height: 1.455em;
    letter-spacing: .005em;
    font-weight: 400;
    color: var(--m-01--dark-02)
}

    .readingBlock__theme .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .readingBlock__theme .link a:hover {
            color: var(--m-01)
        }

    .readingBlock__theme mark, .readingBlock__theme mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .readingBlock__theme mark[data-color=gray] {
            color: var(--neu-07)
        }

        .readingBlock__theme mark[data-color=default] {
            color: var(--neu-10)
        }

    .readingBlock__theme span.m-01--dark-01, .readingBlock__theme span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .readingBlock__theme span.neu-07, .readingBlock__theme span[data-color=gray] {
        color: var(--neu-07)
    }

    .readingBlock__theme span.neu-10, .readingBlock__theme span[data-color=default] {
        color: var(--neu-10)
    }

    .readingBlock__theme b, .readingBlock__theme strong {
        font-weight: 700
    }

    .readingBlock__theme em {
        font-style: italic
    }

.readingBlock__title {
    margin-top: 8px;
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Calma Global Medium,sans-serif;
    font-size: 1.625rem;
    line-height: 1.231em;
    letter-spacing: 0;
    color: var(--neu-10)
}

    .readingBlock__title .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .readingBlock__title .link a:hover {
            color: var(--m-01)
        }

    .readingBlock__title mark, .readingBlock__title mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .readingBlock__title mark[data-color=gray] {
            color: var(--neu-07)
        }

        .readingBlock__title mark[data-color=default] {
            color: var(--neu-10)
        }

    .readingBlock__title span.m-01--dark-01, .readingBlock__title span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .readingBlock__title span.neu-07, .readingBlock__title span[data-color=gray] {
        color: var(--neu-07)
    }

    .readingBlock__title span.neu-10, .readingBlock__title span[data-color=default] {
        color: var(--neu-10)
    }

    .readingBlock__title b, .readingBlock__title strong {
        font-weight: 700
    }

    .readingBlock__title em {
        font-style: italic
    }

.readingBlock__info {
    margin-top: 8px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    row-gap: 8px;
    column-gap: 24px
}

.readingBlock__infoItem {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: .688rem;
    line-height: 1.455em;
    letter-spacing: .005em;
    font-weight: 400;
    display: flex;
    align-items: center;
    color: var(--neu-10)
}

    .readingBlock__infoItem .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .readingBlock__infoItem .link a:hover {
            color: var(--m-01)
        }

    .readingBlock__infoItem mark, .readingBlock__infoItem mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .readingBlock__infoItem mark[data-color=gray] {
            color: var(--neu-07)
        }

        .readingBlock__infoItem mark[data-color=default] {
            color: var(--neu-10)
        }

    .readingBlock__infoItem span.m-01--dark-01, .readingBlock__infoItem span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .readingBlock__infoItem span.neu-07, .readingBlock__infoItem span[data-color=gray] {
        color: var(--neu-07)
    }

    .readingBlock__infoItem span.neu-10, .readingBlock__infoItem span[data-color=default] {
        color: var(--neu-10)
    }

    .readingBlock__infoItem b, .readingBlock__infoItem strong {
        font-weight: 700
    }

    .readingBlock__infoItem em {
        font-style: italic
    }

    .readingBlock__infoItem i {
        min-width: 16px;
        width: 16px;
        height: 16px;
        font-size: 16px;
        margin-right: 8px;
        color: var(--neu-10)
    }

        .readingBlock__infoItem i:before {
            font-size: 16px;
            font-weight: 400
        }

.readingBlock__labelContainer {
    margin-top: 24px;
    display: flex
}

.readingBlock__date {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: .688rem;
    line-height: 1.455em;
    letter-spacing: .005em;
    font-weight: 400;
    color: var(--neu-07);
    margin-bottom: 24px
}

    .readingBlock__date .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .readingBlock__date .link a:hover {
            color: var(--m-01)
        }

    .readingBlock__date mark, .readingBlock__date mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .readingBlock__date mark[data-color=gray] {
            color: var(--neu-07)
        }

        .readingBlock__date mark[data-color=default] {
            color: var(--neu-10)
        }

    .readingBlock__date span.m-01--dark-01, .readingBlock__date span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .readingBlock__date span.neu-07, .readingBlock__date span[data-color=gray] {
        color: var(--neu-07)
    }

    .readingBlock__date span.neu-10, .readingBlock__date span[data-color=default] {
        color: var(--neu-10)
    }

    .readingBlock__date b, .readingBlock__date strong {
        font-weight: 700
    }

    .readingBlock__date em {
        font-style: italic
    }

.readingBlock__shareContainer {
    transition: all .2s ease-in-out
}

@media (max-width:1024px) {
    .readingBlock__shareContainer {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-top: 24px;
        border-top: 1px solid var(--neu-03)
    }
}

.readingBlock__shareText {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: .688rem;
    line-height: 1.455em;
    letter-spacing: .005em;
    font-weight: 400
}

    .readingBlock__shareText .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .readingBlock__shareText .link a:hover {
            color: var(--m-01)
        }

    .readingBlock__shareText mark, .readingBlock__shareText mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .readingBlock__shareText mark[data-color=gray] {
            color: var(--neu-07)
        }

        .readingBlock__shareText mark[data-color=default] {
            color: var(--neu-10)
        }

    .readingBlock__shareText span.m-01--dark-01, .readingBlock__shareText span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .readingBlock__shareText span.neu-07, .readingBlock__shareText span[data-color=gray] {
        color: var(--neu-07)
    }

    .readingBlock__shareText span.neu-10, .readingBlock__shareText span[data-color=default] {
        color: var(--neu-10)
    }

    .readingBlock__shareText b, .readingBlock__shareText strong {
        font-weight: 700
    }

    .readingBlock__shareText em {
        font-style: italic
    }

.readingBlock__shareButtons {
    display: flex;
    gap: 16px
}

    .readingBlock__shareButtons .btn--tertiary {
        width: auto;
        min-width: auto
    }

.readingHeader {
    position: relative;
    background: var(--neu-10);
    padding: 240px 0 64px
}

    .readingHeader:after, .readingHeader:before {
        content: "";
        position: absolute;
        background: var(--m-01);
        width: 50%;
        height: 100%;
        bottom: 0;
        z-index: 1;
        animation: g .8s .15s cubic-bezier(.5,0,.01,1) both
    }

    .readingHeader:before {
        left: 0
    }

@media (max-width:768px) {
    .readingHeader:before {
        width: 100%
    }
}

.readingHeader:after {
    right: 0;
    animation-delay: .5s
}

@media (max-width:768px) {
    .readingHeader:after {
        display: none
    }
}

.readingHeader .animeContent > * {
    animation: h .8s cubic-bezier(.5,0,.01,1) backwards
}

.readingHeader .btnContainer, .readingHeader .map, .readingHeader .otherContent {
    animation: C .6s cubic-bezier(.5,0,.01,1) both
}

.readingHeader .btnContainer {
    animation-delay: 1.1s !important;
    grid-column: 7/12;
    align-items: flex-end;
    justify-content: flex-end;
    z-index: 2
}

.readingHeader .media {
    overflow: hidden
}

    .readingHeader .media figure {
        animation: i 1.5s .1s cubic-bezier(.5,0,.01,1) both
    }

@media (max-width:1024px) {
    .readingHeader {
        padding: 140px 0 56px
    }
}

.readingHeader__media {
    position: absolute
}

.readingHeader__media--item {
    width: 100%;
    height: 100%
}

    .readingHeader__media--item img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }

.readingHeader .btnNav--previous, .readingHeader__description, .readingHeader__title, .readingHeader__topInfo {
    grid-column: 2/8
}

@media (max-width:1024px) {
    .readingHeader .btnNav--previous, .readingHeader__description, .readingHeader__title, .readingHeader__topInfo {
        grid-column: 1/5
    }
}

@media (max-width:768px) {
    .readingHeader .btnNav--previous, .readingHeader__description, .readingHeader__title, .readingHeader__topInfo {
        grid-column: 1/6
    }
}

.readingHeader .btnNav--previous {
    animation-delay: 0.9s !important;
    width: -moz-fit-content;
    width: fit-content;
    margin-bottom: 32px
}

@media (max-width:1024px) {
    .readingHeader .btnNav--previous {
        grid-column: 1/4
    }
}

.readingHeader .textLabel, .readingHeader__topInfo {
    animation-delay: 0.8s !important;
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: .813rem;
    line-height: 1.538em;
    letter-spacing: -.003em;
    font-weight: 400
}

    .readingHeader .textLabel .link a, .readingHeader__topInfo .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .readingHeader .textLabel .link a:hover, .readingHeader__topInfo .link a:hover {
            color: var(--m-01)
        }

    .readingHeader .textLabel mark, .readingHeader .textLabel mark[data-color=color], .readingHeader__topInfo mark, .readingHeader__topInfo mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .readingHeader .textLabel mark[data-color=gray], .readingHeader__topInfo mark[data-color=gray] {
            color: var(--neu-07)
        }

        .readingHeader .textLabel mark[data-color=default], .readingHeader__topInfo mark[data-color=default] {
            color: var(--neu-10)
        }

    .readingHeader .textLabel span.m-01--dark-01, .readingHeader .textLabel span[data-color=color], .readingHeader__topInfo span.m-01--dark-01, .readingHeader__topInfo span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .readingHeader .textLabel span.neu-07, .readingHeader .textLabel span[data-color=gray], .readingHeader__topInfo span.neu-07, .readingHeader__topInfo span[data-color=gray] {
        color: var(--neu-07)
    }

    .readingHeader .textLabel span.neu-10, .readingHeader .textLabel span[data-color=default], .readingHeader__topInfo span.neu-10, .readingHeader__topInfo span[data-color=default] {
        color: var(--neu-10)
    }

    .readingHeader .textLabel b, .readingHeader .textLabel strong, .readingHeader__topInfo b, .readingHeader__topInfo strong {
        font-weight: 700
    }

    .readingHeader .textLabel em, .readingHeader__topInfo em {
        font-style: italic
    }

.readingHeader__topInfo {
    display: flex;
    align-items: center;
    gap: 24px;
    margin-bottom: 8px;
    animation-delay: 0.8s !important;
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: .813rem;
    line-height: 1.538em;
    letter-spacing: -.003em;
    font-weight: 400
}

    .readingHeader__topInfo .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .readingHeader__topInfo .link a:hover {
            color: var(--m-01)
        }

    .readingHeader__topInfo mark, .readingHeader__topInfo mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .readingHeader__topInfo mark[data-color=gray] {
            color: var(--neu-07)
        }

        .readingHeader__topInfo mark[data-color=default] {
            color: var(--neu-10)
        }

    .readingHeader__topInfo span.m-01--dark-01, .readingHeader__topInfo span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .readingHeader__topInfo span.neu-07, .readingHeader__topInfo span[data-color=gray] {
        color: var(--neu-07)
    }

    .readingHeader__topInfo span.neu-10, .readingHeader__topInfo span[data-color=default] {
        color: var(--neu-10)
    }

    .readingHeader__topInfo b, .readingHeader__topInfo strong {
        font-weight: 700
    }

    .readingHeader__topInfo em {
        font-style: italic
    }

.readingHeader__thumb {
    display: flex;
    align-items: center;
    gap: 8px
}

.readingHeader__thumb-img {
    width: 32px;
    height: 32px;
    background-color: var(--neu-01);
    border: 1px solid var(--neu-03);
    overflow: hidden;
    border-radius: 50%
}

    .readingHeader__thumb-img img {
        width: 100%;
        height: 100%;
        -o-object-fit: contain;
        object-fit: contain
    }

.readingHeader__title {
    animation-delay: 0.7s !important;
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Calma Global Medium,sans-serif;
    font-size: 2.5rem;
    line-height: 1.2em;
    letter-spacing: -.025em
}

    .readingHeader__title .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .readingHeader__title .link a:hover {
            color: var(--m-01)
        }

    .readingHeader__title mark, .readingHeader__title mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .readingHeader__title mark[data-color=gray] {
            color: var(--neu-07)
        }

        .readingHeader__title mark[data-color=default] {
            color: var(--neu-10)
        }

    .readingHeader__title span.m-01--dark-01, .readingHeader__title span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .readingHeader__title span.neu-07, .readingHeader__title span[data-color=gray] {
        color: var(--neu-07)
    }

    .readingHeader__title span.neu-10, .readingHeader__title span[data-color=default] {
        color: var(--neu-10)
    }

    .readingHeader__title b, .readingHeader__title strong {
        font-weight: 700
    }

    .readingHeader__title em {
        font-style: italic
    }

@media (max-width:1024px) {
    .readingHeader__title {
        font-size: 2rem;
        line-height: 1.25em;
        letter-spacing: -.016em
    }
}

.readingHeader__description {
    animation-delay: 0.6s !important;
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1rem;
    line-height: 1.5em;
    letter-spacing: -.011em;
    font-weight: 400;
    margin-top: 8px
}

    .readingHeader__description .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .readingHeader__description .link a:hover {
            color: var(--m-01)
        }

    .readingHeader__description mark, .readingHeader__description mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .readingHeader__description mark[data-color=gray] {
            color: var(--neu-07)
        }

        .readingHeader__description mark[data-color=default] {
            color: var(--neu-10)
        }

    .readingHeader__description span.m-01--dark-01, .readingHeader__description span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .readingHeader__description span.neu-07, .readingHeader__description span[data-color=gray] {
        color: var(--neu-07)
    }

    .readingHeader__description span.neu-10, .readingHeader__description span[data-color=default] {
        color: var(--neu-10)
    }

    .readingHeader__description b, .readingHeader__description strong {
        font-weight: 700
    }

    .readingHeader__description em {
        font-style: italic
    }

.readingHeader__bottomInfo {
    animation-delay: 0.5s !important;
    grid-column: 2/8;
    display: flex;
    gap: 16px 32px;
    flex-wrap: wrap;
    margin-top: 24px
}

@media (max-width:1024px) {
    .readingHeader__bottomInfo {
        grid-column: 1/13
    }
}

@media (max-width:1024px) and (max-width:1024px) {
    .readingHeader__bottomInfo {
        grid-column: 1/7
    }
}

.readingHeader__infoText {
    display: flex;
    flex-wrap: wrap;
    gap: 16px 24px
}

.readingHeader__infoItem {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: .688rem;
    line-height: 1.455em;
    letter-spacing: .005em;
    font-weight: 400;
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

    .readingHeader__infoItem .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .readingHeader__infoItem .link a:hover {
            color: var(--m-01)
        }

    .readingHeader__infoItem mark, .readingHeader__infoItem mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .readingHeader__infoItem mark[data-color=gray] {
            color: var(--neu-07)
        }

        .readingHeader__infoItem mark[data-color=default] {
            color: var(--neu-10)
        }

    .readingHeader__infoItem span.m-01--dark-01, .readingHeader__infoItem span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .readingHeader__infoItem span.neu-07, .readingHeader__infoItem span[data-color=gray] {
        color: var(--neu-07)
    }

    .readingHeader__infoItem span.neu-10, .readingHeader__infoItem span[data-color=default] {
        color: var(--neu-10)
    }

    .readingHeader__infoItem b, .readingHeader__infoItem strong {
        font-weight: 700
    }

    .readingHeader__infoItem em {
        font-style: italic
    }

    .readingHeader__infoItem i {
        min-width: 16px;
        width: 16px;
        height: 16px;
        font-size: 16px;
        margin-right: 8px
    }

        .readingHeader__infoItem i:before {
            font-size: 16px;
            font-weight: 400
        }

.readingHeader .labelsContainer {
    align-items: flex-start
}

.readingHeader__btnContainer {
    animation-delay: 0.9s !important;
    grid-column: 8/12;
    justify-content: flex-end;
    align-items: flex-end;
    z-index: 2
}

@media (max-width:1024px) {
    .readingHeader__btnContainer {
        grid-column: 1/13;
        justify-content: flex-start;
        grid-row: auto;
        margin-top: 32px
    }
}

@media (max-width:1024px) and (max-width:1024px) {
    .readingHeader__btnContainer {
        grid-column: 1/7
    }
}

.readingHeader:not([data-bg=media]) .media {
    display: none
}

.regionHeader {
    position: relative;
    background: var(--neu-10);
    padding: 240px 0 64px;
    min-height: 540px
}

    .regionHeader:after, .regionHeader:before {
        content: "";
        position: absolute;
        background: var(--m-01);
        width: 50%;
        height: 100%;
        bottom: 0;
        z-index: 1;
        animation: g .8s .15s cubic-bezier(.5,0,.01,1) both
    }

    .regionHeader:before {
        left: 0
    }

@media (max-width:768px) {
    .regionHeader:before {
        width: 100%
    }
}

.regionHeader:after {
    right: 0;
    animation-delay: .5s
}

@media (max-width:768px) {
    .regionHeader:after {
        display: none
    }
}

.regionHeader .animeContent > * {
    animation: h .8s cubic-bezier(.5,0,.01,1) backwards
}

.regionHeader .btnContainer, .regionHeader .map, .regionHeader .otherContent {
    animation: C .6s cubic-bezier(.5,0,.01,1) both
}

.regionHeader .media {
    overflow: hidden
}

    .regionHeader .media figure {
        animation: i 1.5s .1s cubic-bezier(.5,0,.01,1) both
    }

@media (max-width:1024px) {
    .regionHeader {
        min-height: unset;
        padding: 140px 0 56px
    }
}

.regionHeader .wrapper {
    grid-template-rows: auto auto auto auto auto 1fr
}

.regionHeader__media {
    position: absolute
}

.regionHeader__media--item {
    width: 100%;
    height: 100%
}

    .regionHeader__media--item img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }

.regionHeader .btnNav--previous, .regionHeader__counties, .regionHeader__description, .regionHeader__labels, .regionHeader__title {
    grid-column: 2/7
}

@media (max-width:1024px) {
    .regionHeader .btnNav--previous, .regionHeader__counties, .regionHeader__description, .regionHeader__labels, .regionHeader__title {
        grid-column: 1/5
    }
}

@media (max-width:512px) {
    .regionHeader .btnNav--previous, .regionHeader__counties, .regionHeader__description, .regionHeader__labels, .regionHeader__title {
        grid-column: 1/6
    }
}

.regionHeader .btnNav--previous {
    animation-delay: 0.9s !important;
    width: -moz-fit-content;
    width: fit-content;
    margin-bottom: 32px
}

@media (max-width:768px) {
    .regionHeader .btnNav--previous {
        margin-bottom: 48px
    }
}

.regionHeader__labels {
    animation-delay: 0.8s !important;
    display: flex;
    margin-bottom: 8px
}

@media (max-width:1024px) {
    .regionHeader__labels {
        margin-bottom: 4px
    }
}

.regionHeader__title {
    animation-delay: 0.7s !important;
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Calma Global Large,sans-serif;
    font-size: 5rem;
    line-height: 1em;
    letter-spacing: -.025em
}

    .regionHeader__title .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .regionHeader__title .link a:hover {
            color: var(--m-01)
        }

    .regionHeader__title mark, .regionHeader__title mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .regionHeader__title mark[data-color=gray] {
            color: var(--neu-07)
        }

        .regionHeader__title mark[data-color=default] {
            color: var(--neu-10)
        }

    .regionHeader__title span.m-01--dark-01, .regionHeader__title span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .regionHeader__title span.neu-07, .regionHeader__title span[data-color=gray] {
        color: var(--neu-07)
    }

    .regionHeader__title span.neu-10, .regionHeader__title span[data-color=default] {
        color: var(--neu-10)
    }

    .regionHeader__title b, .regionHeader__title strong {
        font-weight: 700
    }

    .regionHeader__title em {
        font-style: italic
    }

@media (max-width:1024px) {
    .regionHeader__title {
        font-size: 3.5rem;
        line-height: 1.143em;
        letter-spacing: -.027em
    }
}

@media (max-width:768px) {
    .regionHeader__title {
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-stretch: normal;
        letter-spacing: normal;
        font-family: Calma Global Medium,sans-serif;
        font-size: 3.5rem;
        line-height: 1.143em;
        letter-spacing: -.027em
    }

        .regionHeader__title .link a {
            transition: all .1s ease;
            text-decoration: underline;
            color: var(--m-01--dark-01)
        }

            .regionHeader__title .link a:hover {
                color: var(--m-01)
            }

        .regionHeader__title mark, .regionHeader__title mark[data-color=color] {
            color: var(--m-01--dark-01)
        }

            .regionHeader__title mark[data-color=gray] {
                color: var(--neu-07)
            }

            .regionHeader__title mark[data-color=default] {
                color: var(--neu-10)
            }

        .regionHeader__title span.m-01--dark-01, .regionHeader__title span[data-color=color] {
            color: var(--m-01--dark-01)
        }

        .regionHeader__title span.neu-07, .regionHeader__title span[data-color=gray] {
            color: var(--neu-07)
        }

        .regionHeader__title span.neu-10, .regionHeader__title span[data-color=default] {
            color: var(--neu-10)
        }

        .regionHeader__title b, .regionHeader__title strong {
            font-weight: 700
        }

        .regionHeader__title em {
            font-style: italic
        }
}

@media (max-width:768px) and (max-width:1024px) {
    .regionHeader__title {
        font-size: 2.5rem;
        line-height: 1.2em;
        letter-spacing: -.025em
    }
}

.regionHeader__counties {
    animation-delay: 0.6s !important;
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: .813rem;
    line-height: 1.538em;
    letter-spacing: -.003em;
    font-weight: 400
}

    .regionHeader__counties .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .regionHeader__counties .link a:hover {
            color: var(--m-01)
        }

    .regionHeader__counties mark, .regionHeader__counties mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .regionHeader__counties mark[data-color=gray] {
            color: var(--neu-07)
        }

        .regionHeader__counties mark[data-color=default] {
            color: var(--neu-10)
        }

    .regionHeader__counties span.m-01--dark-01, .regionHeader__counties span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .regionHeader__counties span.neu-07, .regionHeader__counties span[data-color=gray] {
        color: var(--neu-07)
    }

    .regionHeader__counties span.neu-10, .regionHeader__counties span[data-color=default] {
        color: var(--neu-10)
    }

    .regionHeader__counties b, .regionHeader__counties strong {
        font-weight: 700
    }

    .regionHeader__counties em {
        font-style: italic
    }

.regionHeader__description {
    animation-delay: 0.5s !important;
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1rem;
    line-height: 1.5em;
    letter-spacing: -.011em;
    font-weight: 400;
    margin-top: 24px
}

    .regionHeader__description .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .regionHeader__description .link a:hover {
            color: var(--m-01)
        }

    .regionHeader__description mark, .regionHeader__description mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .regionHeader__description mark[data-color=gray] {
            color: var(--neu-07)
        }

        .regionHeader__description mark[data-color=default] {
            color: var(--neu-10)
        }

    .regionHeader__description span.m-01--dark-01, .regionHeader__description span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .regionHeader__description span.neu-07, .regionHeader__description span[data-color=gray] {
        color: var(--neu-07)
    }

    .regionHeader__description span.neu-10, .regionHeader__description span[data-color=default] {
        color: var(--neu-10)
    }

    .regionHeader__description b, .regionHeader__description strong {
        font-weight: 700
    }

    .regionHeader__description em {
        font-style: italic
    }

@media (max-width:1024px) {
    .regionHeader__description {
        margin-top: 16px
    }
}

.regionHeader__btnContainer {
    animation-delay: 1.1s !important;
    justify-content: flex-end;
    align-items: flex-end;
    grid-column: 7/12;
    grid-row: 5;
    z-index: 2
}

@media (max-width:1024px) {
    .regionHeader__btnContainer {
        grid-column: 1/13;
        justify-content: flex-start;
        margin-top: 32px;
        grid-row: unset
    }
}

@media (max-width:1024px) and (max-width:1024px) {
    .regionHeader__btnContainer {
        grid-column: 1/7
    }
}

.regionHeader__map {
    animation-delay: 1.1s !important;
    max-width: 200px;
    height: 200px;
    grid-column: 9/12;
    top: -40px;
    justify-self: flex-end;
    grid-row: 1/6;
    margin-bottom: 40px
}

@media (max-width:1024px) {
    .regionHeader__map {
        position: absolute;
        top: 10px;
        right: 32px;
        width: 176px;
        height: 176px
    }
}

@media (max-width:768px) {
    .regionHeader__map {
        right: 24px;
        width: 144px;
        height: 144px
    }
}

@media (max-width:512px) {
    .regionHeader__map {
        right: 16px;
        width: 96px;
        height: 96px
    }
}

.regionResults {
    padding-top: 254px;
    padding-bottom: 80px
}

@media (max-width:1024px) {
    .regionResults {
        padding-top: 140px;
        padding-bottom: 64px
    }
}

@media (max-width:768px) {
    .regionResults {
        padding-bottom: 56px
    }
}

.regionResults__title {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Calma Global Large,sans-serif;
    font-size: 5rem;
    line-height: 1em;
    letter-spacing: -.025em;
    margin-bottom: 16px;
    grid-column: 1/8
}

    .regionResults__title .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .regionResults__title .link a:hover {
            color: var(--m-01)
        }

    .regionResults__title mark, .regionResults__title mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .regionResults__title mark[data-color=gray] {
            color: var(--neu-07)
        }

        .regionResults__title mark[data-color=default] {
            color: var(--neu-10)
        }

    .regionResults__title span.m-01--dark-01, .regionResults__title span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .regionResults__title span.neu-07, .regionResults__title span[data-color=gray] {
        color: var(--neu-07)
    }

    .regionResults__title span.neu-10, .regionResults__title span[data-color=default] {
        color: var(--neu-10)
    }

    .regionResults__title b, .regionResults__title strong {
        font-weight: 700
    }

    .regionResults__title em {
        font-style: italic
    }

@media (max-width:1024px) {
    .regionResults__title {
        font-size: 3.5rem;
        line-height: 1.143em;
        letter-spacing: -.027em;
        grid-column: 1/7;
        margin-bottom: 8px
    }
}

.regionResults__topFilters {
    grid-column: 1/13;
    margin-bottom: 40px
}

@media (max-width:1024px) {
    .regionResults__topFilters {
        grid-column: 1/7
    }
}

@media (max-width:768px) {
    .regionResults__topFilters {
        position: sticky;
        top: 80px;
        z-index: 10
    }
}

@media (max-width:768px) {
    .regionResults__topFilters.sticky {
        z-index: 101;
        position: sticky;
        top: 80px;
        padding: 16px 24px;
        width: calc(100% + 24px * 2);
        transform: translateX(-24px)
    }
}

@media (max-width:768px) and (max-width:512px) {
    .regionResults__topFilters.sticky {
        padding: 16px;
        width: calc(100% + 16px * 2);
        transform: translateX(-16px)
    }
}

@media (max-width:768px) {
    .regionResults__topFilters.sticky:after {
        background-color: var(--neu-10);
        opacity: .09;
        bottom: 0;
        content: "";
        display: block;
        height: 1px;
        width: 100%;
        position: absolute;
        left: 0
    }

    .regionResults__topFilters.sticky .regionResults__filterControls {
        grid-template-columns: auto auto;
        margin-top: 16px
    }
}

@media (max-width:768px) and (max-width:512px) {
    .regionResults__topFilters.sticky .regionResults__filterControls {
        display: flex;
        flex-direction: column
    }
}

@media (max-width:768px) {
    .regionResults__topFilters.sticky .regionResults__viewOptions {
        display: none
    }

    .regionResults__topFilters.sticky .regionResults__resultsText {
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-stretch: normal;
        letter-spacing: normal;
        font-family: Inter,sans-serif;
        font-size: .688rem;
        line-height: 1.455em;
        letter-spacing: .005em;
        font-weight: 400
    }

        .regionResults__topFilters.sticky .regionResults__resultsText .link a {
            transition: all .1s ease;
            text-decoration: underline;
            color: var(--m-01--dark-01)
        }

            .regionResults__topFilters.sticky .regionResults__resultsText .link a:hover {
                color: var(--m-01)
            }

        .regionResults__topFilters.sticky .regionResults__resultsText mark, .regionResults__topFilters.sticky .regionResults__resultsText mark[data-color=color] {
            color: var(--m-01--dark-01)
        }

            .regionResults__topFilters.sticky .regionResults__resultsText mark[data-color=gray] {
                color: var(--neu-07)
            }

            .regionResults__topFilters.sticky .regionResults__resultsText mark[data-color=default] {
                color: var(--neu-10)
            }

        .regionResults__topFilters.sticky .regionResults__resultsText span.m-01--dark-01, .regionResults__topFilters.sticky .regionResults__resultsText span[data-color=color] {
            color: var(--m-01--dark-01)
        }

        .regionResults__topFilters.sticky .regionResults__resultsText span.neu-07, .regionResults__topFilters.sticky .regionResults__resultsText span[data-color=gray] {
            color: var(--neu-07)
        }

        .regionResults__topFilters.sticky .regionResults__resultsText span.neu-10, .regionResults__topFilters.sticky .regionResults__resultsText span[data-color=default] {
            color: var(--neu-10)
        }

        .regionResults__topFilters.sticky .regionResults__resultsText b, .regionResults__topFilters.sticky .regionResults__resultsText strong {
            font-weight: 700
        }

        .regionResults__topFilters.sticky .regionResults__resultsText em {
            font-style: italic
        }

    .regionResults__topFilters.sticky .regionResults__filterButton, .regionResults__topFilters.sticky .regionResults__mapButton {
        height: 40px !important
    }

        .regionResults__topFilters.sticky .regionResults__filterButton span, .regionResults__topFilters.sticky .regionResults__mapButton span {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Inter,sans-serif;
            font-size: .813rem;
            line-height: 1.538em;
            letter-spacing: -.003em;
            font-weight: 700
        }

            .regionResults__topFilters.sticky .regionResults__filterButton span .link a, .regionResults__topFilters.sticky .regionResults__mapButton span .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .regionResults__topFilters.sticky .regionResults__filterButton span .link a:hover, .regionResults__topFilters.sticky .regionResults__mapButton span .link a:hover {
                    color: var(--m-01)
                }

            .regionResults__topFilters.sticky .regionResults__filterButton span mark, .regionResults__topFilters.sticky .regionResults__filterButton span mark[data-color=color], .regionResults__topFilters.sticky .regionResults__mapButton span mark, .regionResults__topFilters.sticky .regionResults__mapButton span mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .regionResults__topFilters.sticky .regionResults__filterButton span mark[data-color=gray], .regionResults__topFilters.sticky .regionResults__mapButton span mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .regionResults__topFilters.sticky .regionResults__filterButton span mark[data-color=default], .regionResults__topFilters.sticky .regionResults__mapButton span mark[data-color=default] {
                    color: var(--neu-10)
                }

            .regionResults__topFilters.sticky .regionResults__filterButton span span.m-01--dark-01, .regionResults__topFilters.sticky .regionResults__filterButton span span[data-color=color], .regionResults__topFilters.sticky .regionResults__mapButton span span.m-01--dark-01, .regionResults__topFilters.sticky .regionResults__mapButton span span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .regionResults__topFilters.sticky .regionResults__filterButton span span.neu-07, .regionResults__topFilters.sticky .regionResults__filterButton span span[data-color=gray], .regionResults__topFilters.sticky .regionResults__mapButton span span.neu-07, .regionResults__topFilters.sticky .regionResults__mapButton span span[data-color=gray] {
                color: var(--neu-07)
            }

            .regionResults__topFilters.sticky .regionResults__filterButton span span.neu-10, .regionResults__topFilters.sticky .regionResults__filterButton span span[data-color=default], .regionResults__topFilters.sticky .regionResults__mapButton span span.neu-10, .regionResults__topFilters.sticky .regionResults__mapButton span span[data-color=default] {
                color: var(--neu-10)
            }

            .regionResults__topFilters.sticky .regionResults__filterButton span b, .regionResults__topFilters.sticky .regionResults__filterButton span strong, .regionResults__topFilters.sticky .regionResults__mapButton span b, .regionResults__topFilters.sticky .regionResults__mapButton span strong {
                font-weight: 700
            }

            .regionResults__topFilters.sticky .regionResults__filterButton span em, .regionResults__topFilters.sticky .regionResults__mapButton span em {
                font-style: italic
            }

    .regionResults__topFilters.sticky .regionResults__mapButton {
        grid-row: 1;
        grid-column: 2
    }

    .regionResults__topFilters.sticky .wrapper {
        gap: 8px
    }
}

.regionResults__topFilters .wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center
}

@media (max-width:1024px) {
    .regionResults__topFilters .wrapper {
        align-items: flex-end;
        flex-direction: column;
        gap: 24px
    }
}

.regionResults__resultsText {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1.438rem;
    line-height: 1.391em;
    letter-spacing: -.019em;
    font-weight: 700
}

    .regionResults__resultsText .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .regionResults__resultsText .link a:hover {
            color: var(--m-01)
        }

    .regionResults__resultsText mark, .regionResults__resultsText mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .regionResults__resultsText mark[data-color=gray] {
            color: var(--neu-07)
        }

        .regionResults__resultsText mark[data-color=default] {
            color: var(--neu-10)
        }

    .regionResults__resultsText span.m-01--dark-01, .regionResults__resultsText span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .regionResults__resultsText span.neu-07, .regionResults__resultsText span[data-color=gray] {
        color: var(--neu-07)
    }

    .regionResults__resultsText span.neu-10, .regionResults__resultsText span[data-color=default] {
        color: var(--neu-10)
    }

    .regionResults__resultsText b, .regionResults__resultsText strong {
        font-weight: 700
    }

    .regionResults__resultsText em {
        font-style: italic
    }

@media (max-width:1024px) {
    .regionResults__resultsText {
        font-size: 1.188rem;
        line-height: 1.263em;
        letter-spacing: -.016em;
        width: 100%
    }
}

.regionResults__resultsText span {
    color: var(--m-01--dark-01)
}

.regionResults__filterControls {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 16px;
    margin-top: 24px
}

@media (max-width:1024px) {
    .regionResults__filterControls {
        width: 100%;
        grid-template-columns: auto auto
    }
}

@media (max-width:512px) {
    .regionResults__filterControls {
        grid-template-columns: 1fr
    }
}

.regionResults__viewOptions {
    width: -moz-fit-content;
    width: fit-content;
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 16px 32px
}

.regionResults__viewOptions--disable {
    cursor: default
}

    .regionResults__viewOptions--disable .formFields__inputWrapper {
        opacity: .4;
        pointer-events: none
    }

@media (max-width:1024px) {
    .regionResults__viewOptions {
        width: 100%;
        grid-row: 2;
        grid-column: 1/3
    }
}

@media (max-width:512px) {
    .regionResults__viewOptions {
        grid-row: 3;
        grid-template-columns: 1fr;
        grid-column: auto
    }
}

@media (max-width:1024px) {
    .regionResults__viewOptions .formFields__dropdown--sort {
        justify-self: flex-end
    }
}

@media (max-width:512px) {
    .regionResults__viewOptions .formFields__dropdown--sort {
        grid-template-columns: auto minmax(auto,400px);
        justify-self: flex-start
    }

        .regionResults__viewOptions .formFields__dropdown--sort .formFields__placeholderContainer {
            max-width: unset
        }
}

.regionResults__mapButton {
    height: 48px !important;
    width: -moz-fit-content !important;
    width: fit-content !important;
    justify-self: flex-end
}

@media (max-width:1024px) {
    .regionResults__mapButton {
        grid-row: 1;
        grid-column: 2
    }
}

@media (max-width:512px) {
    .regionResults__mapButton {
        width: 100% !important;
        grid-column: auto;
        grid-row: auto
    }
}

.regionResults__filterContainer {
    grid-column: 1/5;
    padding-right: 24px
}

@media (max-width:1024px) {
    .regionResults__filterContainer {
        padding-right: 0;
        position: relative;
        display: none;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 100;
        overflow: hidden
    }

        .regionResults__filterContainer:before {
            content: "";
            position: absolute;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            background: var(--neu-10);
            opacity: .6;
            z-index: 1
        }
}

@media (max-width:1024px) {
    .regionResults__filterContainer.show {
        position: fixed;
        display: flex;
        align-items: center;
        justify-content: center
    }
}

@media (max-width:1024px) {
    .regionResults__filterContainer-wrapper {
        width: 100%;
        max-width: 1440px;
        margin: 0 auto;
        padding: 0 64px;
        height: 100%;
        display: flex;
        align-items: center;
        justify-items: center
    }
}

@media (max-width:1024px) and (max-width:1280px) {
    .regionResults__filterContainer-wrapper {
        padding: 0 40px
    }
}

@media (max-width:1024px) and (max-width:1024px) {
    .regionResults__filterContainer-wrapper {
        padding: 0 32px
    }
}

@media (max-width:1024px) and (max-width:768px) {
    .regionResults__filterContainer-wrapper {
        padding: 0 24px
    }
}

@media (max-width:1024px) and (max-width:512px) {
    .regionResults__filterContainer-wrapper {
        padding: 0 16px
    }
}

@media (max-width:768px) {
    .regionResults__filterContainer-wrapper {
        padding: 0
    }
}

.regionResults__filterContainer-form {
    width: 100%;
    height: 90%;
    z-index: 1;
    overflow: hidden;
    grid-column: 3/11;
    display: flex;
    flex-direction: column;
    max-width: 864px
}

@media (max-width:1024px) {
    .regionResults__filterContainer-form {
        max-width: 640px;
        margin: 0 auto;
        background: var(--neu-01)
    }
}

@media (max-width:768px) {
    .regionResults__filterContainer-form {
        max-width: unset;
        margin: 0;
        height: 100%;
        width: 100%
    }
}

.regionResults__secondaryFilters {
    padding-bottom: 24px
}

    .regionResults__secondaryFilters.hide {
        display: none
    }

@media (max-width:1024px) {
    .regionResults__secondaryFilters.hide {
        display: block
    }
}

.regionResults__moreOptionsBtn {
    margin: 16px auto 32px;
    display: flex;
    justify-content: center
}

    .regionResults__moreOptionsBtn.hide {
        display: none
    }

@media (max-width:1024px) {
    .regionResults__moreOptionsBtn {
        display: none
    }
}

.regionResults__filterContainer {
    grid-row: 1/4
}

@media (max-width:1024px) {
    .regionResults__filterContainer-top {
        width: 100%;
        max-width: 1440px;
        margin: 0 auto;
        padding: 0 64px;
        min-height: 86px;
        display: flex;
        align-items: center;
        padding-top: 8px !important
    }
}

@media (max-width:1024px) and (max-width:1280px) {
    .regionResults__filterContainer-top {
        padding: 0 40px
    }
}

@media (max-width:1024px) and (max-width:1024px) {
    .regionResults__filterContainer-top {
        padding: 0 32px
    }
}

@media (max-width:1024px) and (max-width:768px) {
    .regionResults__filterContainer-top {
        padding: 0 24px
    }
}

@media (max-width:1024px) and (max-width:512px) {
    .regionResults__filterContainer-top {
        padding: 0 16px
    }
}

@media (max-width:1024px) {
    .regionResults__filterContainer-top:before {
        bottom: 0
    }
}

@media (max-width:768px) {
    .regionResults__filterContainer-top {
        padding-top: 8px !important
    }
}

@media (max-width:1024px) {
    .regionResults__filterContainer-content {
        overflow: hidden;
        overflow-y: overlay;
        height: 100%;
        width: 100%;
        max-width: 1440px;
        margin: 0 auto;
        padding: 0 64px;
        padding-top: 24px !important;
        padding-bottom: 24px !important
    }
}

@media (max-width:1024px) and (max-width:1280px) {
    .regionResults__filterContainer-content {
        padding: 0 40px
    }
}

@media (max-width:1024px) and (max-width:1024px) {
    .regionResults__filterContainer-content {
        padding: 0 32px
    }
}

@media (max-width:1024px) and (max-width:768px) {
    .regionResults__filterContainer-content {
        padding: 0 24px
    }
}

@media (max-width:1024px) and (max-width:512px) {
    .regionResults__filterContainer-content {
        padding: 0 16px
    }
}

.regionResults__filterContainer-bottom {
    border-top: 1px solid var(--neu-03)
}

@media (max-width:1024px) {
    .regionResults__filterContainer-bottom {
        border: none;
        min-height: 98px;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        width: 100%;
        max-width: 1440px;
        margin: 0 auto;
        padding: 0 64px
    }
}

@media (max-width:1024px) and (max-width:1280px) {
    .regionResults__filterContainer-bottom {
        padding: 0 40px
    }
}

@media (max-width:1024px) and (max-width:1024px) {
    .regionResults__filterContainer-bottom {
        padding: 0 32px
    }
}

@media (max-width:1024px) and (max-width:768px) {
    .regionResults__filterContainer-bottom {
        padding: 0 24px
    }
}

@media (max-width:1024px) and (max-width:512px) {
    .regionResults__filterContainer-bottom {
        padding: 0 16px
    }
}

@media (max-width:1024px) {
    .regionResults__filterContainer-bottom:before {
        top: 0
    }
}

@media (max-width:1024px) {
    .regionResults__filterContainer-bottom:before, .regionResults__filterContainer-top:before {
        position: absolute;
        content: "";
        width: calc(100% - 32px * 2);
        height: 1px;
        background-color: var(--neu-03);
        left: 32px
    }
}

@media (max-width:768px) {
    .regionResults__filterContainer-bottom:before, .regionResults__filterContainer-top:before {
        left: 0;
        width: 100%
    }
}

.regionResults__closeButton {
    display: none;
    margin: 0 !important
}

@media (max-width:1024px) {
    .regionResults__closeButton {
        display: block;
        position: absolute;
        right: 24px;
        top: 16px;
        z-index: 2
    }
}

@media (max-width:512px) {
    .regionResults__closeButton {
        right: 16px;
        top: 8px
    }
}

.regionResults__filterButton, .regionResults__filterIcon, .regionResults__filterTitle {
    display: none
}

@media (max-width:1024px) {
    .regionResults__filterButton, .regionResults__filterIcon, .regionResults__filterTitle {
        display: flex
    }
}

.regionResults__filterButton {
    width: -moz-fit-content;
    width: fit-content
}

@media (max-width:512px) {
    .regionResults__filterButton {
        width: 100%
    }
}

.regionResults__filterIcon {
    min-width: 24px;
    width: 24px;
    height: 24px;
    font-size: 24px;
    margin-right: 8px
}

    .regionResults__filterIcon:before {
        font-size: 24px;
        font-weight: 400
    }

.regionResults__filterTitle {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1.438rem;
    line-height: 1.391em;
    letter-spacing: -.019em;
    font-weight: 700
}

    .regionResults__filterTitle .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .regionResults__filterTitle .link a:hover {
            color: var(--m-01)
        }

    .regionResults__filterTitle mark, .regionResults__filterTitle mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .regionResults__filterTitle mark[data-color=gray] {
            color: var(--neu-07)
        }

        .regionResults__filterTitle mark[data-color=default] {
            color: var(--neu-10)
        }

    .regionResults__filterTitle span.m-01--dark-01, .regionResults__filterTitle span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .regionResults__filterTitle span.neu-07, .regionResults__filterTitle span[data-color=gray] {
        color: var(--neu-07)
    }

    .regionResults__filterTitle span.neu-10, .regionResults__filterTitle span[data-color=default] {
        color: var(--neu-10)
    }

    .regionResults__filterTitle b, .regionResults__filterTitle strong {
        font-weight: 700
    }

    .regionResults__filterTitle em {
        font-style: italic
    }

@media (max-width:1024px) {
    .regionResults__filterTitle {
        font-size: 1.188rem;
        line-height: 1.263em;
        letter-spacing: -.016em
    }
}

@media (max-width:512px) {
    .regionResults__cleanButton {
        width: -moz-fit-content;
        width: fit-content
    }
}

.regionResults__listView {
    grid-row: 2;
    overflow-x: hidden
}

@media (max-width:1024px) {
    .regionResults__listView {
        display: flex;
        flex-direction: column
    }
}

.regionResults__listView, .regionResults__mapView, .regionResults__topFilters {
    grid-column: 5/13
}

@media (max-width:1024px) {
    .regionResults__listView, .regionResults__mapView, .regionResults__topFilters {
        grid-column: 1/7
    }
}

.regionResults__listView.hide, .regionResults__mapView.hide, .regionResults__topFilters.hide {
    display: none
}

@media (max-width:1024px) {
    .regionResults__cardsList {
        display: flex;
        flex-direction: column
    }
}

@media (max-width:768px) {
    .regionResults__cardsList {
        gap: 32px
    }
}

.regionResults__showMoreBtn {
    text-align: center;
    margin-top: 48px
}

@media (max-width:1024px) {
    .regionResults__showMoreBtn {
        margin-top: 32px
    }
}

.regionResults__mapView {
    grid-row: 2;
    display: flex;
    justify-content: center
}

.regionResults__mapModal {
    justify-self: flex-end;
    align-self: center;
    grid-row: 1/3
}

@media (max-width:768px) {
    .regionResults__mapModal {
        grid-row: 2;
        justify-self: center
    }
}

.regionResults__mapModal .map__mapContainer {
    max-height: 486px
}

@media (max-width:768px) {
    .regionResults__mapModal .map__mapContainer {
        max-height: 346px
    }
}

.regionResults .modalContainer__innerContainer {
    min-width: 864px;
    justify-content: center;
    height: -moz-fit-content;
    height: fit-content
}

@media (max-width:1024px) {
    .regionResults .modalContainer__innerContainer {
        min-width: unset
    }
}

@media (max-width:768px) {
    .regionResults .modalContainer__innerContainer {
        height: 100%
    }
}

.regionResults .modalContainer__content {
    padding: 0;
    height: 100%;
    display: grid;
    grid-template-columns: 1.3fr 2fr;
    grid-template-rows: auto 1fr;
    column-gap: 24px;
    row-gap: 16px;
    width: 100%;
    padding: 48px
}

@media (max-width:768px) {
    .regionResults .modalContainer__content {
        grid-template-columns: 1fr;
        max-height: unset;
        flex-direction: column-reverse;
        padding: 56px 32px
    }
}

@media (max-width:512px) {
    .regionResults .modalContainer__content {
        padding: 56px 16px
    }
}

.regionResults .modalContainer__content .regionResultsCard__title {
    margin-top: 8px
}

.regionResults .regionResultsCard--vertical {
    grid-row: 2;
    max-width: 300px !important;
    margin-left: 0;
    padding: 0 !important;
    border-bottom: 0
}

@media (max-width:768px) {
    .regionResults .regionResultsCard--vertical {
        max-width: 400px !important;
        margin-left: auto;
        justify-self: center;
        grid-row: 3
    }
}

.regionResults .regionResultsCard__top {
    grid-row: 1
}

@media (max-width:768px) {
    .regionResults .regionResultsCard__top {
        max-width: 400px;
        justify-self: center;
        width: 100%
    }
}

.regionResults .formSpacing {
    gap: 24px
}

.regionResults .formFields__formSecondaryTitle {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1.188rem;
    line-height: 1.263em;
    letter-spacing: -.016em;
    font-weight: 700;
    margin-bottom: 16px
}

    .regionResults .formFields__formSecondaryTitle .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .regionResults .formFields__formSecondaryTitle .link a:hover {
            color: var(--m-01)
        }

    .regionResults .formFields__formSecondaryTitle mark, .regionResults .formFields__formSecondaryTitle mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .regionResults .formFields__formSecondaryTitle mark[data-color=gray] {
            color: var(--neu-07)
        }

        .regionResults .formFields__formSecondaryTitle mark[data-color=default] {
            color: var(--neu-10)
        }

    .regionResults .formFields__formSecondaryTitle span.m-01--dark-01, .regionResults .formFields__formSecondaryTitle span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .regionResults .formFields__formSecondaryTitle span.neu-07, .regionResults .formFields__formSecondaryTitle span[data-color=gray] {
        color: var(--neu-07)
    }

    .regionResults .formFields__formSecondaryTitle span.neu-10, .regionResults .formFields__formSecondaryTitle span[data-color=default] {
        color: var(--neu-10)
    }

    .regionResults .formFields__formSecondaryTitle b, .regionResults .formFields__formSecondaryTitle strong {
        font-weight: 700
    }

    .regionResults .formFields__formSecondaryTitle em {
        font-style: italic
    }

.regionResults .formFields__radiosContainer {
    margin-top: 32px
}

@media (max-width:1280px) {
    .regionResults .formFields__radioWrapper--range {
        gap: 5%
    }
}

.regionResults .formFields__btnContainer {
    margin-top: 24px;
    justify-content: flex-end;
    gap: 16px
}

@media (max-width:1024px) {
    .regionResults .formFields__btnContainer {
        margin: 0
    }
}

@media (max-width:512px) {
    .regionResults .formFields__btnContainer {
        width: 100%;
        flex-direction: row
    }
}

.regionResults .formFields__btnContainer .btn--secondary {
    margin: 0 !important
}

.regionResults .collapsedInfo__list {
    margin-top: 0
}

@media (max-width:768px) {
    .regionResults .caseCard, .regionResults .caseCard--small {
        min-height: 324px;
        max-width: 960px
    }

        .regionResults .caseCard--small .caseCard__content, .regionResults .caseCard .caseCard__content {
            padding: 24px 16px 16px
        }

        .regionResults .caseCard--small .caseCard__title, .regionResults .caseCard .caseCard__title {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Calma Global Medium,sans-serif;
            font-size: 1.625rem;
            line-height: 1.231em;
            letter-spacing: 0
        }

            .regionResults .caseCard--small .caseCard__title .link a, .regionResults .caseCard .caseCard__title .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .regionResults .caseCard--small .caseCard__title .link a:hover, .regionResults .caseCard .caseCard__title .link a:hover {
                    color: var(--m-01)
                }

            .regionResults .caseCard--small .caseCard__title mark, .regionResults .caseCard--small .caseCard__title mark[data-color=color], .regionResults .caseCard .caseCard__title mark, .regionResults .caseCard .caseCard__title mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .regionResults .caseCard--small .caseCard__title mark[data-color=gray], .regionResults .caseCard .caseCard__title mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .regionResults .caseCard--small .caseCard__title mark[data-color=default], .regionResults .caseCard .caseCard__title mark[data-color=default] {
                    color: var(--neu-10)
                }

            .regionResults .caseCard--small .caseCard__title span.m-01--dark-01, .regionResults .caseCard--small .caseCard__title span[data-color=color], .regionResults .caseCard .caseCard__title span.m-01--dark-01, .regionResults .caseCard .caseCard__title span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .regionResults .caseCard--small .caseCard__title span.neu-07, .regionResults .caseCard--small .caseCard__title span[data-color=gray], .regionResults .caseCard .caseCard__title span.neu-07, .regionResults .caseCard .caseCard__title span[data-color=gray] {
                color: var(--neu-07)
            }

            .regionResults .caseCard--small .caseCard__title span.neu-10, .regionResults .caseCard--small .caseCard__title span[data-color=default], .regionResults .caseCard .caseCard__title span.neu-10, .regionResults .caseCard .caseCard__title span[data-color=default] {
                color: var(--neu-10)
            }

            .regionResults .caseCard--small .caseCard__title b, .regionResults .caseCard--small .caseCard__title strong, .regionResults .caseCard .caseCard__title b, .regionResults .caseCard .caseCard__title strong {
                font-weight: 700
            }

            .regionResults .caseCard--small .caseCard__title em, .regionResults .caseCard .caseCard__title em {
                font-style: italic
            }

    .regionResults .countyCard, .regionResults .countyCard--small {
        max-width: 960px;
        height: 100%;
        min-height: 80px
    }

    .regionResults .industryCard, .regionResults .industryCard--small {
        max-width: 960px;
        max-width: 480px;
        min-height: 240px
    }

        .regionResults .industryCard--small .industryCard__content, .regionResults .industryCard .industryCard__content {
            padding: 24px 16px 16px
        }

        .regionResults .industryCard--small .industryCard__title, .regionResults .industryCard .industryCard__title {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Calma Global Medium,sans-serif;
            font-size: 1.625rem;
            line-height: 1.231em;
            letter-spacing: 0
        }

            .regionResults .industryCard--small .industryCard__title .link a, .regionResults .industryCard .industryCard__title .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .regionResults .industryCard--small .industryCard__title .link a:hover, .regionResults .industryCard .industryCard__title .link a:hover {
                    color: var(--m-01)
                }

            .regionResults .industryCard--small .industryCard__title mark, .regionResults .industryCard--small .industryCard__title mark[data-color=color], .regionResults .industryCard .industryCard__title mark, .regionResults .industryCard .industryCard__title mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .regionResults .industryCard--small .industryCard__title mark[data-color=gray], .regionResults .industryCard .industryCard__title mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .regionResults .industryCard--small .industryCard__title mark[data-color=default], .regionResults .industryCard .industryCard__title mark[data-color=default] {
                    color: var(--neu-10)
                }

            .regionResults .industryCard--small .industryCard__title span.m-01--dark-01, .regionResults .industryCard--small .industryCard__title span[data-color=color], .regionResults .industryCard .industryCard__title span.m-01--dark-01, .regionResults .industryCard .industryCard__title span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .regionResults .industryCard--small .industryCard__title span.neu-07, .regionResults .industryCard--small .industryCard__title span[data-color=gray], .regionResults .industryCard .industryCard__title span.neu-07, .regionResults .industryCard .industryCard__title span[data-color=gray] {
                color: var(--neu-07)
            }

            .regionResults .industryCard--small .industryCard__title span.neu-10, .regionResults .industryCard--small .industryCard__title span[data-color=default], .regionResults .industryCard .industryCard__title span.neu-10, .regionResults .industryCard .industryCard__title span[data-color=default] {
                color: var(--neu-10)
            }

            .regionResults .industryCard--small .industryCard__title b, .regionResults .industryCard--small .industryCard__title strong, .regionResults .industryCard .industryCard__title b, .regionResults .industryCard .industryCard__title strong {
                font-weight: 700
            }

            .regionResults .industryCard--small .industryCard__title em, .regionResults .industryCard .industryCard__title em {
                font-style: italic
            }

    .regionResults .itemCard, .regionResults .itemCard--small {
        max-width: 960px;
        padding: 24px 16px 32px 4px;
        height: 100%
    }

        .regionResults .itemCard--small .itemCard__text, .regionResults .itemCard .itemCard__text {
            max-width: 310px
        }

    .regionResults .readingImageCard, .regionResults .readingImageCard--small {
        max-width: 960px;
        background: transparent;
        box-shadow: none;
        border-bottom: 1px solid var(--neu-03);
        min-height: auto;
        flex-direction: row;
        padding: 8px 0 16px;
        border-radius: 0
    }

        .regionResults .readingImageCard--small .readingImageCard__image, .regionResults .readingImageCard .readingImageCard__image {
            height: auto;
            max-width: 110px;
            flex: 1;
            border-radius: 0
        }

        .regionResults .readingImageCard--small .readingImageCard__content, .regionResults .readingImageCard .readingImageCard__content {
            padding: 0 0 0 16px;
            flex: 2;
            justify-content: flex-start
        }

        .regionResults .readingImageCard--small .readingImageCard__text, .regionResults .readingImageCard .readingImageCard__text {
            padding: 0;
            padding-right: 24px
        }

        .regionResults .readingImageCard--small .readingImageCard__title, .regionResults .readingImageCard .readingImageCard__title {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Inter,sans-serif;
            font-size: 1rem;
            line-height: 1.5em;
            letter-spacing: -.011em;
            font-weight: 700;
            margin-top: 4px
        }

            .regionResults .readingImageCard--small .readingImageCard__title .link a, .regionResults .readingImageCard .readingImageCard__title .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .regionResults .readingImageCard--small .readingImageCard__title .link a:hover, .regionResults .readingImageCard .readingImageCard__title .link a:hover {
                    color: var(--m-01)
                }

            .regionResults .readingImageCard--small .readingImageCard__title mark, .regionResults .readingImageCard--small .readingImageCard__title mark[data-color=color], .regionResults .readingImageCard .readingImageCard__title mark, .regionResults .readingImageCard .readingImageCard__title mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .regionResults .readingImageCard--small .readingImageCard__title mark[data-color=gray], .regionResults .readingImageCard .readingImageCard__title mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .regionResults .readingImageCard--small .readingImageCard__title mark[data-color=default], .regionResults .readingImageCard .readingImageCard__title mark[data-color=default] {
                    color: var(--neu-10)
                }

            .regionResults .readingImageCard--small .readingImageCard__title span.m-01--dark-01, .regionResults .readingImageCard--small .readingImageCard__title span[data-color=color], .regionResults .readingImageCard .readingImageCard__title span.m-01--dark-01, .regionResults .readingImageCard .readingImageCard__title span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .regionResults .readingImageCard--small .readingImageCard__title span.neu-07, .regionResults .readingImageCard--small .readingImageCard__title span[data-color=gray], .regionResults .readingImageCard .readingImageCard__title span.neu-07, .regionResults .readingImageCard .readingImageCard__title span[data-color=gray] {
                color: var(--neu-07)
            }

            .regionResults .readingImageCard--small .readingImageCard__title span.neu-10, .regionResults .readingImageCard--small .readingImageCard__title span[data-color=default], .regionResults .readingImageCard .readingImageCard__title span.neu-10, .regionResults .readingImageCard .readingImageCard__title span[data-color=default] {
                color: var(--neu-10)
            }

            .regionResults .readingImageCard--small .readingImageCard__title b, .regionResults .readingImageCard--small .readingImageCard__title strong, .regionResults .readingImageCard .readingImageCard__title b, .regionResults .readingImageCard .readingImageCard__title strong {
                font-weight: 700
            }

            .regionResults .readingImageCard--small .readingImageCard__title em, .regionResults .readingImageCard .readingImageCard__title em {
                font-style: italic
            }

        .regionResults .readingImageCard--small .readingImageCard__infoItem i, .regionResults .readingImageCard .readingImageCard__infoItem i {
            display: none
        }

        .regionResults .readingImageCard--small .btnBookmark, .regionResults .readingImageCard--small .btnBookmark--privateArea, .regionResults .readingImageCard--small .btnBookmark--small, .regionResults .readingImageCard .btnBookmark, .regionResults .readingImageCard .btnBookmark--privateArea, .regionResults .readingImageCard .btnBookmark--small {
            top: -8px;
            right: -16px;
            z-index: 2
        }

            .regionResults .readingImageCard--small .btnBookmark--privateArea .btnBookmark, .regionResults .readingImageCard--small .btnBookmark--privateArea .btnBookmark--small, .regionResults .readingImageCard .btnBookmark--privateArea .btnBookmark, .regionResults .readingImageCard .btnBookmark--privateArea .btnBookmark--small {
                top: 0;
                right: 0
            }

        .regionResults .readingImageCard--small:hover, .regionResults .readingImageCard:hover {
            box-shadow: none;
            transform: none
        }

    .regionResults .readingTextCard, .regionResults .readingTextCard--small {
        max-width: 960px;
        background: transparent;
        box-shadow: none;
        border-bottom: 1px solid var(--neu-03);
        min-height: auto;
        flex-direction: row;
        padding: 8px 0 16px;
        border-radius: 0
    }

        .regionResults .readingTextCard--small .readingTextCard__content, .regionResults .readingTextCard .readingTextCard__content {
            flex: 2
        }

        .regionResults .readingTextCard--small .readingTextCard__text, .regionResults .readingTextCard .readingTextCard__text {
            padding: 0
        }

        .regionResults .readingTextCard--small .readingTextCard__title, .regionResults .readingTextCard .readingTextCard__title {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Inter,sans-serif;
            font-size: 1rem;
            line-height: 1.5em;
            letter-spacing: -.011em;
            font-weight: 700;
            margin-top: 4px
        }

            .regionResults .readingTextCard--small .readingTextCard__title .link a, .regionResults .readingTextCard .readingTextCard__title .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .regionResults .readingTextCard--small .readingTextCard__title .link a:hover, .regionResults .readingTextCard .readingTextCard__title .link a:hover {
                    color: var(--m-01)
                }

            .regionResults .readingTextCard--small .readingTextCard__title mark, .regionResults .readingTextCard--small .readingTextCard__title mark[data-color=color], .regionResults .readingTextCard .readingTextCard__title mark, .regionResults .readingTextCard .readingTextCard__title mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .regionResults .readingTextCard--small .readingTextCard__title mark[data-color=gray], .regionResults .readingTextCard .readingTextCard__title mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .regionResults .readingTextCard--small .readingTextCard__title mark[data-color=default], .regionResults .readingTextCard .readingTextCard__title mark[data-color=default] {
                    color: var(--neu-10)
                }

            .regionResults .readingTextCard--small .readingTextCard__title span.m-01--dark-01, .regionResults .readingTextCard--small .readingTextCard__title span[data-color=color], .regionResults .readingTextCard .readingTextCard__title span.m-01--dark-01, .regionResults .readingTextCard .readingTextCard__title span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .regionResults .readingTextCard--small .readingTextCard__title span.neu-07, .regionResults .readingTextCard--small .readingTextCard__title span[data-color=gray], .regionResults .readingTextCard .readingTextCard__title span.neu-07, .regionResults .readingTextCard .readingTextCard__title span[data-color=gray] {
                color: var(--neu-07)
            }

            .regionResults .readingTextCard--small .readingTextCard__title span.neu-10, .regionResults .readingTextCard--small .readingTextCard__title span[data-color=default], .regionResults .readingTextCard .readingTextCard__title span.neu-10, .regionResults .readingTextCard .readingTextCard__title span[data-color=default] {
                color: var(--neu-10)
            }

            .regionResults .readingTextCard--small .readingTextCard__title b, .regionResults .readingTextCard--small .readingTextCard__title strong, .regionResults .readingTextCard .readingTextCard__title b, .regionResults .readingTextCard .readingTextCard__title strong {
                font-weight: 700
            }

            .regionResults .readingTextCard--small .readingTextCard__title em, .regionResults .readingTextCard .readingTextCard__title em {
                font-style: italic
            }

        .regionResults .readingTextCard--small .readingTextCard__description, .regionResults .readingTextCard--small .readingTextCard__infoItem i, .regionResults .readingTextCard .readingTextCard__description, .regionResults .readingTextCard .readingTextCard__infoItem i {
            display: none
        }

        .regionResults .readingTextCard--small:hover, .regionResults .readingTextCard:hover {
            box-shadow: none;
            transform: none
        }

    .regionResults .regionCard, .regionResults .regionCard--small {
        max-width: 960px;
        min-height: 270px
    }

        .regionResults .regionCard--small .regionCard__content, .regionResults .regionCard .regionCard__content {
            padding: 24px 16px 16px
        }

        .regionResults .regionCard--small .regionCard__title, .regionResults .regionCard .regionCard__title {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Calma Global Medium,sans-serif;
            font-size: 2rem;
            line-height: 1.25em;
            letter-spacing: -.016em
        }

            .regionResults .regionCard--small .regionCard__title .link a, .regionResults .regionCard .regionCard__title .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .regionResults .regionCard--small .regionCard__title .link a:hover, .regionResults .regionCard .regionCard__title .link a:hover {
                    color: var(--m-01)
                }

            .regionResults .regionCard--small .regionCard__title mark, .regionResults .regionCard--small .regionCard__title mark[data-color=color], .regionResults .regionCard .regionCard__title mark, .regionResults .regionCard .regionCard__title mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .regionResults .regionCard--small .regionCard__title mark[data-color=gray], .regionResults .regionCard .regionCard__title mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .regionResults .regionCard--small .regionCard__title mark[data-color=default], .regionResults .regionCard .regionCard__title mark[data-color=default] {
                    color: var(--neu-10)
                }

            .regionResults .regionCard--small .regionCard__title span.m-01--dark-01, .regionResults .regionCard--small .regionCard__title span[data-color=color], .regionResults .regionCard .regionCard__title span.m-01--dark-01, .regionResults .regionCard .regionCard__title span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .regionResults .regionCard--small .regionCard__title span.neu-07, .regionResults .regionCard--small .regionCard__title span[data-color=gray], .regionResults .regionCard .regionCard__title span.neu-07, .regionResults .regionCard .regionCard__title span[data-color=gray] {
                color: var(--neu-07)
            }

            .regionResults .regionCard--small .regionCard__title span.neu-10, .regionResults .regionCard--small .regionCard__title span[data-color=default], .regionResults .regionCard .regionCard__title span.neu-10, .regionResults .regionCard .regionCard__title span[data-color=default] {
                color: var(--neu-10)
            }

            .regionResults .regionCard--small .regionCard__title b, .regionResults .regionCard--small .regionCard__title strong, .regionResults .regionCard .regionCard__title b, .regionResults .regionCard .regionCard__title strong {
                font-weight: 700
            }

            .regionResults .regionCard--small .regionCard__title em, .regionResults .regionCard .regionCard__title em {
                font-style: italic
            }
}

@media (max-width:768px) and (max-width:1024px) {
    .regionResults .regionCard--small .regionCard__title, .regionResults .regionCard .regionCard__title {
        font-size: 1.625rem;
        line-height: 1.231em;
        letter-spacing: 0
    }
}

@media (max-width:768px) {
    .regionResults .resourceCard, .regionResults .resourceCard--small {
        max-width: 960px;
        min-height: 200px;
        height: 100%;
        padding: 24px 16px
    }

        .regionResults .resourceCard--small .resourceCard__title, .regionResults .resourceCard .resourceCard__title {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Inter,sans-serif;
            font-size: 1.188rem;
            line-height: 1.263em;
            letter-spacing: -.016em;
            font-weight: 400;
            margin-top: 4px
        }

            .regionResults .resourceCard--small .resourceCard__title .link a, .regionResults .resourceCard .resourceCard__title .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .regionResults .resourceCard--small .resourceCard__title .link a:hover, .regionResults .resourceCard .resourceCard__title .link a:hover {
                    color: var(--m-01)
                }

            .regionResults .resourceCard--small .resourceCard__title mark, .regionResults .resourceCard--small .resourceCard__title mark[data-color=color], .regionResults .resourceCard .resourceCard__title mark, .regionResults .resourceCard .resourceCard__title mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .regionResults .resourceCard--small .resourceCard__title mark[data-color=gray], .regionResults .resourceCard .resourceCard__title mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .regionResults .resourceCard--small .resourceCard__title mark[data-color=default], .regionResults .resourceCard .resourceCard__title mark[data-color=default] {
                    color: var(--neu-10)
                }

            .regionResults .resourceCard--small .resourceCard__title span.m-01--dark-01, .regionResults .resourceCard--small .resourceCard__title span[data-color=color], .regionResults .resourceCard .resourceCard__title span.m-01--dark-01, .regionResults .resourceCard .resourceCard__title span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .regionResults .resourceCard--small .resourceCard__title span.neu-07, .regionResults .resourceCard--small .resourceCard__title span[data-color=gray], .regionResults .resourceCard .resourceCard__title span.neu-07, .regionResults .resourceCard .resourceCard__title span[data-color=gray] {
                color: var(--neu-07)
            }

            .regionResults .resourceCard--small .resourceCard__title span.neu-10, .regionResults .resourceCard--small .resourceCard__title span[data-color=default], .regionResults .resourceCard .resourceCard__title span.neu-10, .regionResults .resourceCard .resourceCard__title span[data-color=default] {
                color: var(--neu-10)
            }

            .regionResults .resourceCard--small .resourceCard__title b, .regionResults .resourceCard--small .resourceCard__title strong, .regionResults .resourceCard .resourceCard__title b, .regionResults .resourceCard .resourceCard__title strong {
                font-weight: 700
            }

            .regionResults .resourceCard--small .resourceCard__title em, .regionResults .resourceCard .resourceCard__title em {
                font-style: italic
            }

        .regionResults .resourceCard--small .btn, .regionResults .resourceCard--small .btn--icon, .regionResults .resourceCard--small .btn--primary, .regionResults .resourceCard--small .btn--primary--dark, .regionResults .resourceCard--small .btn--secondary, .regionResults .resourceCard--small .btn--small, .regionResults .resourceCard--small .btn--tertiary, .regionResults .resourceCard .btn, .regionResults .resourceCard .btn--icon, .regionResults .resourceCard .btn--primary, .regionResults .resourceCard .btn--primary--dark, .regionResults .resourceCard .btn--secondary, .regionResults .resourceCard .btn--small, .regionResults .resourceCard .btn--tertiary {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Inter,sans-serif;
            font-size: .813rem;
            line-height: 1.538em;
            letter-spacing: -.003em;
            font-weight: 400;
            font-weight: 700;
            padding: 0 20px;
            height: 40px
        }

            .regionResults .resourceCard--small .btn--icon .link a, .regionResults .resourceCard--small .btn--primary--dark .link a, .regionResults .resourceCard--small .btn--primary .link a, .regionResults .resourceCard--small .btn--secondary .link a, .regionResults .resourceCard--small .btn--small .link a, .regionResults .resourceCard--small .btn--tertiary .link a, .regionResults .resourceCard--small .btn .link a, .regionResults .resourceCard .btn--icon .link a, .regionResults .resourceCard .btn--primary--dark .link a, .regionResults .resourceCard .btn--primary .link a, .regionResults .resourceCard .btn--secondary .link a, .regionResults .resourceCard .btn--small .link a, .regionResults .resourceCard .btn--tertiary .link a, .regionResults .resourceCard .btn .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .regionResults .resourceCard--small .btn--icon .link a:hover, .regionResults .resourceCard--small .btn--primary--dark .link a:hover, .regionResults .resourceCard--small .btn--primary .link a:hover, .regionResults .resourceCard--small .btn--secondary .link a:hover, .regionResults .resourceCard--small .btn--small .link a:hover, .regionResults .resourceCard--small .btn--tertiary .link a:hover, .regionResults .resourceCard--small .btn .link a:hover, .regionResults .resourceCard .btn--icon .link a:hover, .regionResults .resourceCard .btn--primary--dark .link a:hover, .regionResults .resourceCard .btn--primary .link a:hover, .regionResults .resourceCard .btn--secondary .link a:hover, .regionResults .resourceCard .btn--small .link a:hover, .regionResults .resourceCard .btn--tertiary .link a:hover, .regionResults .resourceCard .btn .link a:hover {
                    color: var(--m-01)
                }

            .regionResults .resourceCard--small .btn--icon mark, .regionResults .resourceCard--small .btn--icon mark[data-color=color], .regionResults .resourceCard--small .btn--primary--dark mark, .regionResults .resourceCard--small .btn--primary--dark mark[data-color=color], .regionResults .resourceCard--small .btn--primary mark, .regionResults .resourceCard--small .btn--primary mark[data-color=color], .regionResults .resourceCard--small .btn--secondary mark, .regionResults .resourceCard--small .btn--secondary mark[data-color=color], .regionResults .resourceCard--small .btn--small mark, .regionResults .resourceCard--small .btn--small mark[data-color=color], .regionResults .resourceCard--small .btn--tertiary mark, .regionResults .resourceCard--small .btn--tertiary mark[data-color=color], .regionResults .resourceCard--small .btn mark, .regionResults .resourceCard--small .btn mark[data-color=color], .regionResults .resourceCard .btn--icon mark, .regionResults .resourceCard .btn--icon mark[data-color=color], .regionResults .resourceCard .btn--primary--dark mark, .regionResults .resourceCard .btn--primary--dark mark[data-color=color], .regionResults .resourceCard .btn--primary mark, .regionResults .resourceCard .btn--primary mark[data-color=color], .regionResults .resourceCard .btn--secondary mark, .regionResults .resourceCard .btn--secondary mark[data-color=color], .regionResults .resourceCard .btn--small mark, .regionResults .resourceCard .btn--small mark[data-color=color], .regionResults .resourceCard .btn--tertiary mark, .regionResults .resourceCard .btn--tertiary mark[data-color=color], .regionResults .resourceCard .btn mark, .regionResults .resourceCard .btn mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .regionResults .resourceCard--small .btn--icon mark[data-color=gray], .regionResults .resourceCard--small .btn--primary--dark mark[data-color=gray], .regionResults .resourceCard--small .btn--primary mark[data-color=gray], .regionResults .resourceCard--small .btn--secondary mark[data-color=gray], .regionResults .resourceCard--small .btn--small mark[data-color=gray], .regionResults .resourceCard--small .btn--tertiary mark[data-color=gray], .regionResults .resourceCard--small .btn mark[data-color=gray], .regionResults .resourceCard .btn--icon mark[data-color=gray], .regionResults .resourceCard .btn--primary--dark mark[data-color=gray], .regionResults .resourceCard .btn--primary mark[data-color=gray], .regionResults .resourceCard .btn--secondary mark[data-color=gray], .regionResults .resourceCard .btn--small mark[data-color=gray], .regionResults .resourceCard .btn--tertiary mark[data-color=gray], .regionResults .resourceCard .btn mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .regionResults .resourceCard--small .btn--icon mark[data-color=default], .regionResults .resourceCard--small .btn--primary--dark mark[data-color=default], .regionResults .resourceCard--small .btn--primary mark[data-color=default], .regionResults .resourceCard--small .btn--secondary mark[data-color=default], .regionResults .resourceCard--small .btn--small mark[data-color=default], .regionResults .resourceCard--small .btn--tertiary mark[data-color=default], .regionResults .resourceCard--small .btn mark[data-color=default], .regionResults .resourceCard .btn--icon mark[data-color=default], .regionResults .resourceCard .btn--primary--dark mark[data-color=default], .regionResults .resourceCard .btn--primary mark[data-color=default], .regionResults .resourceCard .btn--secondary mark[data-color=default], .regionResults .resourceCard .btn--small mark[data-color=default], .regionResults .resourceCard .btn--tertiary mark[data-color=default], .regionResults .resourceCard .btn mark[data-color=default] {
                    color: var(--neu-10)
                }

            .regionResults .resourceCard--small .btn--icon span.m-01--dark-01, .regionResults .resourceCard--small .btn--icon span[data-color=color], .regionResults .resourceCard--small .btn--primary--dark span.m-01--dark-01, .regionResults .resourceCard--small .btn--primary--dark span[data-color=color], .regionResults .resourceCard--small .btn--primary span.m-01--dark-01, .regionResults .resourceCard--small .btn--primary span[data-color=color], .regionResults .resourceCard--small .btn--secondary span.m-01--dark-01, .regionResults .resourceCard--small .btn--secondary span[data-color=color], .regionResults .resourceCard--small .btn--small span.m-01--dark-01, .regionResults .resourceCard--small .btn--small span[data-color=color], .regionResults .resourceCard--small .btn--tertiary span.m-01--dark-01, .regionResults .resourceCard--small .btn--tertiary span[data-color=color], .regionResults .resourceCard--small .btn span.m-01--dark-01, .regionResults .resourceCard--small .btn span[data-color=color], .regionResults .resourceCard .btn--icon span.m-01--dark-01, .regionResults .resourceCard .btn--icon span[data-color=color], .regionResults .resourceCard .btn--primary--dark span.m-01--dark-01, .regionResults .resourceCard .btn--primary--dark span[data-color=color], .regionResults .resourceCard .btn--primary span.m-01--dark-01, .regionResults .resourceCard .btn--primary span[data-color=color], .regionResults .resourceCard .btn--secondary span.m-01--dark-01, .regionResults .resourceCard .btn--secondary span[data-color=color], .regionResults .resourceCard .btn--small span.m-01--dark-01, .regionResults .resourceCard .btn--small span[data-color=color], .regionResults .resourceCard .btn--tertiary span.m-01--dark-01, .regionResults .resourceCard .btn--tertiary span[data-color=color], .regionResults .resourceCard .btn span.m-01--dark-01, .regionResults .resourceCard .btn span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .regionResults .resourceCard--small .btn--icon span.neu-07, .regionResults .resourceCard--small .btn--icon span[data-color=gray], .regionResults .resourceCard--small .btn--primary--dark span.neu-07, .regionResults .resourceCard--small .btn--primary--dark span[data-color=gray], .regionResults .resourceCard--small .btn--primary span.neu-07, .regionResults .resourceCard--small .btn--primary span[data-color=gray], .regionResults .resourceCard--small .btn--secondary span.neu-07, .regionResults .resourceCard--small .btn--secondary span[data-color=gray], .regionResults .resourceCard--small .btn--small span.neu-07, .regionResults .resourceCard--small .btn--small span[data-color=gray], .regionResults .resourceCard--small .btn--tertiary span.neu-07, .regionResults .resourceCard--small .btn--tertiary span[data-color=gray], .regionResults .resourceCard--small .btn span.neu-07, .regionResults .resourceCard--small .btn span[data-color=gray], .regionResults .resourceCard .btn--icon span.neu-07, .regionResults .resourceCard .btn--icon span[data-color=gray], .regionResults .resourceCard .btn--primary--dark span.neu-07, .regionResults .resourceCard .btn--primary--dark span[data-color=gray], .regionResults .resourceCard .btn--primary span.neu-07, .regionResults .resourceCard .btn--primary span[data-color=gray], .regionResults .resourceCard .btn--secondary span.neu-07, .regionResults .resourceCard .btn--secondary span[data-color=gray], .regionResults .resourceCard .btn--small span.neu-07, .regionResults .resourceCard .btn--small span[data-color=gray], .regionResults .resourceCard .btn--tertiary span.neu-07, .regionResults .resourceCard .btn--tertiary span[data-color=gray], .regionResults .resourceCard .btn span.neu-07, .regionResults .resourceCard .btn span[data-color=gray] {
                color: var(--neu-07)
            }

            .regionResults .resourceCard--small .btn--icon span.neu-10, .regionResults .resourceCard--small .btn--icon span[data-color=default], .regionResults .resourceCard--small .btn--primary--dark span.neu-10, .regionResults .resourceCard--small .btn--primary--dark span[data-color=default], .regionResults .resourceCard--small .btn--primary span.neu-10, .regionResults .resourceCard--small .btn--primary span[data-color=default], .regionResults .resourceCard--small .btn--secondary span.neu-10, .regionResults .resourceCard--small .btn--secondary span[data-color=default], .regionResults .resourceCard--small .btn--small span.neu-10, .regionResults .resourceCard--small .btn--small span[data-color=default], .regionResults .resourceCard--small .btn--tertiary span.neu-10, .regionResults .resourceCard--small .btn--tertiary span[data-color=default], .regionResults .resourceCard--small .btn span.neu-10, .regionResults .resourceCard--small .btn span[data-color=default], .regionResults .resourceCard .btn--icon span.neu-10, .regionResults .resourceCard .btn--icon span[data-color=default], .regionResults .resourceCard .btn--primary--dark span.neu-10, .regionResults .resourceCard .btn--primary--dark span[data-color=default], .regionResults .resourceCard .btn--primary span.neu-10, .regionResults .resourceCard .btn--primary span[data-color=default], .regionResults .resourceCard .btn--secondary span.neu-10, .regionResults .resourceCard .btn--secondary span[data-color=default], .regionResults .resourceCard .btn--small span.neu-10, .regionResults .resourceCard .btn--small span[data-color=default], .regionResults .resourceCard .btn--tertiary span.neu-10, .regionResults .resourceCard .btn--tertiary span[data-color=default], .regionResults .resourceCard .btn span.neu-10, .regionResults .resourceCard .btn span[data-color=default] {
                color: var(--neu-10)
            }

            .regionResults .resourceCard--small .btn--icon b, .regionResults .resourceCard--small .btn--icon strong, .regionResults .resourceCard--small .btn--primary--dark b, .regionResults .resourceCard--small .btn--primary--dark strong, .regionResults .resourceCard--small .btn--primary b, .regionResults .resourceCard--small .btn--primary strong, .regionResults .resourceCard--small .btn--secondary b, .regionResults .resourceCard--small .btn--secondary strong, .regionResults .resourceCard--small .btn--small b, .regionResults .resourceCard--small .btn--small strong, .regionResults .resourceCard--small .btn--tertiary b, .regionResults .resourceCard--small .btn--tertiary strong, .regionResults .resourceCard--small .btn b, .regionResults .resourceCard--small .btn strong, .regionResults .resourceCard .btn--icon b, .regionResults .resourceCard .btn--icon strong, .regionResults .resourceCard .btn--primary--dark b, .regionResults .resourceCard .btn--primary--dark strong, .regionResults .resourceCard .btn--primary b, .regionResults .resourceCard .btn--primary strong, .regionResults .resourceCard .btn--secondary b, .regionResults .resourceCard .btn--secondary strong, .regionResults .resourceCard .btn--small b, .regionResults .resourceCard .btn--small strong, .regionResults .resourceCard .btn--tertiary b, .regionResults .resourceCard .btn--tertiary strong, .regionResults .resourceCard .btn b, .regionResults .resourceCard .btn strong {
                font-weight: 700
            }

            .regionResults .resourceCard--small .btn--icon em, .regionResults .resourceCard--small .btn--primary--dark em, .regionResults .resourceCard--small .btn--primary em, .regionResults .resourceCard--small .btn--secondary em, .regionResults .resourceCard--small .btn--small em, .regionResults .resourceCard--small .btn--tertiary em, .regionResults .resourceCard--small .btn em, .regionResults .resourceCard .btn--icon em, .regionResults .resourceCard .btn--primary--dark em, .regionResults .resourceCard .btn--primary em, .regionResults .resourceCard .btn--secondary em, .regionResults .resourceCard .btn--small em, .regionResults .resourceCard .btn--tertiary em, .regionResults .resourceCard .btn em {
                font-style: italic
            }

            .regionResults .resourceCard--small .btn--icon i, .regionResults .resourceCard--small .btn--primary--dark i, .regionResults .resourceCard--small .btn--primary i, .regionResults .resourceCard--small .btn--secondary i, .regionResults .resourceCard--small .btn--small i, .regionResults .resourceCard--small .btn--tertiary i, .regionResults .resourceCard--small .btn i, .regionResults .resourceCard .btn--icon i, .regionResults .resourceCard .btn--primary--dark i, .regionResults .resourceCard .btn--primary i, .regionResults .resourceCard .btn--secondary i, .regionResults .resourceCard .btn--small i, .regionResults .resourceCard .btn--tertiary i, .regionResults .resourceCard .btn i {
                min-width: 16px;
                width: 16px;
                height: 16px;
                font-size: 16px
            }

                .regionResults .resourceCard--small .btn--icon i:before, .regionResults .resourceCard--small .btn--primary--dark i:before, .regionResults .resourceCard--small .btn--primary i:before, .regionResults .resourceCard--small .btn--secondary i:before, .regionResults .resourceCard--small .btn--small i:before, .regionResults .resourceCard--small .btn--tertiary i:before, .regionResults .resourceCard--small .btn i:before, .regionResults .resourceCard .btn--icon i:before, .regionResults .resourceCard .btn--primary--dark i:before, .regionResults .resourceCard .btn--primary i:before, .regionResults .resourceCard .btn--secondary i:before, .regionResults .resourceCard .btn--small i:before, .regionResults .resourceCard .btn--tertiary i:before, .regionResults .resourceCard .btn i:before {
                    font-size: 16px;
                    font-weight: 400
                }

            .regionResults .resourceCard--small .btn--icon, .regionResults .resourceCard--small .btn--icon.btn--primary, .regionResults .resourceCard--small .btn--icon.btn--primary--dark, .regionResults .resourceCard--small .btn--icon.btn--secondary, .regionResults .resourceCard--small .btn--icon.btn--small, .regionResults .resourceCard--small .btn--icon.btn--tertiary, .regionResults .resourceCard--small .btn.btn--icon, .regionResults .resourceCard .btn--icon, .regionResults .resourceCard .btn--icon.btn--primary, .regionResults .resourceCard .btn--icon.btn--primary--dark, .regionResults .resourceCard .btn--icon.btn--secondary, .regionResults .resourceCard .btn--icon.btn--small, .regionResults .resourceCard .btn--icon.btn--tertiary, .regionResults .resourceCard .btn.btn--icon {
                width: 40px;
                min-width: 40px
            }

                .regionResults .resourceCard--small .btn--icon:hover, .regionResults .resourceCard--small .btn--primary--dark:hover, .regionResults .resourceCard--small .btn--primary:hover, .regionResults .resourceCard--small .btn--secondary:hover, .regionResults .resourceCard--small .btn--small:hover, .regionResults .resourceCard--small .btn--tertiary:hover, .regionResults .resourceCard--small .btn:hover, .regionResults .resourceCard .btn--icon:hover, .regionResults .resourceCard .btn--primary--dark:hover, .regionResults .resourceCard .btn--primary:hover, .regionResults .resourceCard .btn--secondary:hover, .regionResults .resourceCard .btn--small:hover, .regionResults .resourceCard .btn--tertiary:hover, .regionResults .resourceCard .btn:hover {
                    color: var(--m-01--dark-01)
                }

    .regionResults .resultsCard, .regionResults .resultsCard--small {
        max-width: 960px;
        min-height: auto;
        padding: 0 0 16px;
        border-radius: 0;
        flex-direction: column
    }

        .regionResults .resultsCard--small .resultsCard__image, .regionResults .resultsCard .resultsCard__image {
            height: 126px;
            width: 100%;
            margin-right: 0;
            margin-bottom: 16px
        }

        .regionResults .resultsCard--small .resultsCard__content, .regionResults .resultsCard .resultsCard__content {
            flex: 2;
            justify-content: flex-start
        }

        .regionResults .resultsCard--small .resultsCard__topInfo, .regionResults .resultsCard .resultsCard__topInfo {
            flex-direction: column
        }

        .regionResults .resultsCard--small .resultsCard__sideInfo, .regionResults .resultsCard .resultsCard__sideInfo {
            order: 1;
            transform: none;
            justify-content: space-between;
            margin-bottom: 16px
        }

        .regionResults .resultsCard--small .resultsCard__labels, .regionResults .resultsCard .resultsCard__labels {
            order: 2
        }

        .regionResults .resultsCard--small .resultsCard__text, .regionResults .resultsCard .resultsCard__text {
            padding: 0
        }

        .regionResults .resultsCard--small .resultsCard__description, .regionResults .resultsCard .resultsCard__description {
            margin-top: 4px
        }

        .regionResults .resultsCard--small .resultsCard__bottomInfo, .regionResults .resultsCard .resultsCard__bottomInfo {
            margin-top: 8px
        }
}

@media (max-width:768px) and (max-width:512px) {
    .regionResults .resultsCard--small .resultsCard__bottomInfo, .regionResults .resultsCard .resultsCard__bottomInfo {
        flex-direction: column;
        align-items: flex-start
    }
}

@media (max-width:768px) and (max-width:512px) {
    .regionResults .resultsCard--small .resultsCard__btnContainer, .regionResults .resultsCard .resultsCard__btnContainer {
        margin-top: 8px;
        width: 100%;
        display: flex;
        justify-content: flex-end
    }
}

@media (max-width:768px) {
    .regionResults .resultsCard--small .btnBookmark, .regionResults .resultsCard--small .btnBookmark--small, .regionResults .resultsCard .btnBookmark, .regionResults .resultsCard .btnBookmark--small {
        transform: translateX(16px);
        width: 48px
    }

    .regionResults .thumbResultsCard, .regionResults .thumbResultsCard--small {
        max-width: 636px;
        flex-direction: row
    }

        .regionResults .thumbResultsCard--small .thumbResultsCard__image, .regionResults .thumbResultsCard .thumbResultsCard__image {
            height: auto;
            width: 89px;
            min-width: 89px;
            border-top-left-radius: 2px;
            border-top-right-radius: 0;
            border-bottom-left-radius: 2px
        }

        .regionResults .thumbResultsCard--small .thumbResultsCard__content, .regionResults .thumbResultsCard .thumbResultsCard__content {
            justify-content: flex-start
        }

        .regionResults .thumbResultsCard--small .thumbResultsCard__sideInfo, .regionResults .thumbResultsCard .thumbResultsCard__sideInfo {
            transform: none;
            justify-content: space-between
        }

        .regionResults .thumbResultsCard--small .thumbResultsCard__text, .regionResults .thumbResultsCard .thumbResultsCard__text {
            padding: 0
        }

        .regionResults .thumbResultsCard--small .thumbResultsCard__description, .regionResults .thumbResultsCard .thumbResultsCard__description {
            margin-top: 4px
        }
}

@media (max-width:768px) and (max-width:512px) {
    .regionResults .thumbResultsCard--small .thumbResultsCard__btnContainer, .regionResults .thumbResultsCard .thumbResultsCard__btnContainer {
        margin-top: 8px
    }
}

@media (max-width:768px) {
    .regionResults .supplierCard, .regionResults .supplierCard--small {
        max-width: 960px;
        min-height: 214px
    }

        .regionResults .supplierCard--small .supplierCard__container, .regionResults .supplierCard .supplierCard__container {
            padding: 24px 16px
        }

            .regionResults .supplierCard--small .supplierCard__container.opened, .regionResults .supplierCard .supplierCard__container.opened {
                max-width: 90vw;
                padding: 24px 40px 24px 24px
            }
}

@media (max-width:768px) and (max-width:768px) {
    .regionResults .supplierCard--small .supplierCard__container.opened, .regionResults .supplierCard .supplierCard__container.opened {
        padding: 24px
    }
}

@media (max-width:768px) {
    .regionResults .supplierCard--small .supplierCard__container.opened .supplierCard__content, .regionResults .supplierCard .supplierCard__container.opened .supplierCard__content {
        max-width: calc(100% - 120px - 16px)
    }
}

@media (max-width:768px) and (max-width:768px) {
    .regionResults .supplierCard--small .supplierCard__container.opened .supplierCard__content, .regionResults .supplierCard .supplierCard__container.opened .supplierCard__content {
        max-width: 100%
    }
}

@media (max-width:768px) {
    .regionResults .supplierCard--small .supplierCard__container.opened .supplierCard__image, .regionResults .supplierCard .supplierCard__container.opened .supplierCard__image {
        width: 120px;
        height: 120px
    }

    .regionResults .supplierCard--small .supplierCard__image, .regionResults .supplierCard .supplierCard__image {
        max-width: 110px;
        width: calc(15% - 16px);
        margin-right: 16px
    }
}

@media (max-width:768px) and (max-width:768px) {
    .regionResults .supplierCard--small .supplierCard__image, .regionResults .supplierCard .supplierCard__image {
        width: calc(25% - 16px)
    }
}

@media (max-width:768px) and (max-width:512px) {
    .regionResults .supplierCard--small .supplierCard__image, .regionResults .supplierCard .supplierCard__image {
        width: calc(40% - 16px)
    }
}

@media (max-width:768px) {
    .regionResults .supplierCard--small .supplierCard__content, .regionResults .supplierCard .supplierCard__content {
        max-width: 85%
    }
}

@media (max-width:768px) and (max-width:768px) {
    .regionResults .supplierCard--small .supplierCard__content, .regionResults .supplierCard .supplierCard__content {
        max-width: 75%
    }
}

@media (max-width:768px) and (max-width:512px) {
    .regionResults .supplierCard--small .supplierCard__content, .regionResults .supplierCard .supplierCard__content {
        max-width: 60%
    }
}

@media (max-width:768px) and (max-width:768px) {
    .regionResults .supplierCard--small .supplierCard__title, .regionResults .supplierCard .supplierCard__title {
        margin: 16px 0 8px
    }
}

@media (max-width:768px) {
    .regionResults .supplierCard--small .supplierCard__link, .regionResults .supplierCard .supplierCard__link {
        right: -40px
    }
}

@media (max-width:768px) and (max-width:768px) {
    .regionResults .supplierCard--small .supplierCard__link, .regionResults .supplierCard .supplierCard__link {
        right: -24px
    }
}

@media (max-width:768px) {
    .regionResults .supplierCard--small .supplierCard__shortDescription, .regionResults .supplierCard .supplierCard__shortDescription {
        max-width: none
    }

    .regionResults .supplierCard--small .openExpandedCard, .regionResults .supplierCard--small .openExpandedCard button, .regionResults .supplierCard .openExpandedCard, .regionResults .supplierCard .openExpandedCard button {
        width: 100%
    }

    .regionResults .supplierCard--small .closeExpandedCard, .regionResults .supplierCard .closeExpandedCard {
        top: 16px;
        right: 8px
    }

    .regionResults .supplierCard--small .btn, .regionResults .supplierCard--small .btn--icon, .regionResults .supplierCard--small .btn--primary, .regionResults .supplierCard--small .btn--primary--dark, .regionResults .supplierCard--small .btn--secondary, .regionResults .supplierCard--small .btn--small, .regionResults .supplierCard--small .btn--tertiary, .regionResults .supplierCard .btn, .regionResults .supplierCard .btn--icon, .regionResults .supplierCard .btn--primary, .regionResults .supplierCard .btn--primary--dark, .regionResults .supplierCard .btn--secondary, .regionResults .supplierCard .btn--small, .regionResults .supplierCard .btn--tertiary {
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-stretch: normal;
        letter-spacing: normal;
        font-family: Inter,sans-serif;
        font-size: .813rem;
        line-height: 1.538em;
        letter-spacing: -.003em;
        font-weight: 400;
        font-weight: 700;
        padding: 0 20px;
        height: 40px
    }

        .regionResults .supplierCard--small .btn--icon .link a, .regionResults .supplierCard--small .btn--primary--dark .link a, .regionResults .supplierCard--small .btn--primary .link a, .regionResults .supplierCard--small .btn--secondary .link a, .regionResults .supplierCard--small .btn--small .link a, .regionResults .supplierCard--small .btn--tertiary .link a, .regionResults .supplierCard--small .btn .link a, .regionResults .supplierCard .btn--icon .link a, .regionResults .supplierCard .btn--primary--dark .link a, .regionResults .supplierCard .btn--primary .link a, .regionResults .supplierCard .btn--secondary .link a, .regionResults .supplierCard .btn--small .link a, .regionResults .supplierCard .btn--tertiary .link a, .regionResults .supplierCard .btn .link a {
            transition: all .1s ease;
            text-decoration: underline;
            color: var(--m-01--dark-01)
        }

            .regionResults .supplierCard--small .btn--icon .link a:hover, .regionResults .supplierCard--small .btn--primary--dark .link a:hover, .regionResults .supplierCard--small .btn--primary .link a:hover, .regionResults .supplierCard--small .btn--secondary .link a:hover, .regionResults .supplierCard--small .btn--small .link a:hover, .regionResults .supplierCard--small .btn--tertiary .link a:hover, .regionResults .supplierCard--small .btn .link a:hover, .regionResults .supplierCard .btn--icon .link a:hover, .regionResults .supplierCard .btn--primary--dark .link a:hover, .regionResults .supplierCard .btn--primary .link a:hover, .regionResults .supplierCard .btn--secondary .link a:hover, .regionResults .supplierCard .btn--small .link a:hover, .regionResults .supplierCard .btn--tertiary .link a:hover, .regionResults .supplierCard .btn .link a:hover {
                color: var(--m-01)
            }

        .regionResults .supplierCard--small .btn--icon mark, .regionResults .supplierCard--small .btn--icon mark[data-color=color], .regionResults .supplierCard--small .btn--primary--dark mark, .regionResults .supplierCard--small .btn--primary--dark mark[data-color=color], .regionResults .supplierCard--small .btn--primary mark, .regionResults .supplierCard--small .btn--primary mark[data-color=color], .regionResults .supplierCard--small .btn--secondary mark, .regionResults .supplierCard--small .btn--secondary mark[data-color=color], .regionResults .supplierCard--small .btn--small mark, .regionResults .supplierCard--small .btn--small mark[data-color=color], .regionResults .supplierCard--small .btn--tertiary mark, .regionResults .supplierCard--small .btn--tertiary mark[data-color=color], .regionResults .supplierCard--small .btn mark, .regionResults .supplierCard--small .btn mark[data-color=color], .regionResults .supplierCard .btn--icon mark, .regionResults .supplierCard .btn--icon mark[data-color=color], .regionResults .supplierCard .btn--primary--dark mark, .regionResults .supplierCard .btn--primary--dark mark[data-color=color], .regionResults .supplierCard .btn--primary mark, .regionResults .supplierCard .btn--primary mark[data-color=color], .regionResults .supplierCard .btn--secondary mark, .regionResults .supplierCard .btn--secondary mark[data-color=color], .regionResults .supplierCard .btn--small mark, .regionResults .supplierCard .btn--small mark[data-color=color], .regionResults .supplierCard .btn--tertiary mark, .regionResults .supplierCard .btn--tertiary mark[data-color=color], .regionResults .supplierCard .btn mark, .regionResults .supplierCard .btn mark[data-color=color] {
            color: var(--m-01--dark-01)
        }

            .regionResults .supplierCard--small .btn--icon mark[data-color=gray], .regionResults .supplierCard--small .btn--primary--dark mark[data-color=gray], .regionResults .supplierCard--small .btn--primary mark[data-color=gray], .regionResults .supplierCard--small .btn--secondary mark[data-color=gray], .regionResults .supplierCard--small .btn--small mark[data-color=gray], .regionResults .supplierCard--small .btn--tertiary mark[data-color=gray], .regionResults .supplierCard--small .btn mark[data-color=gray], .regionResults .supplierCard .btn--icon mark[data-color=gray], .regionResults .supplierCard .btn--primary--dark mark[data-color=gray], .regionResults .supplierCard .btn--primary mark[data-color=gray], .regionResults .supplierCard .btn--secondary mark[data-color=gray], .regionResults .supplierCard .btn--small mark[data-color=gray], .regionResults .supplierCard .btn--tertiary mark[data-color=gray], .regionResults .supplierCard .btn mark[data-color=gray] {
                color: var(--neu-07)
            }

            .regionResults .supplierCard--small .btn--icon mark[data-color=default], .regionResults .supplierCard--small .btn--primary--dark mark[data-color=default], .regionResults .supplierCard--small .btn--primary mark[data-color=default], .regionResults .supplierCard--small .btn--secondary mark[data-color=default], .regionResults .supplierCard--small .btn--small mark[data-color=default], .regionResults .supplierCard--small .btn--tertiary mark[data-color=default], .regionResults .supplierCard--small .btn mark[data-color=default], .regionResults .supplierCard .btn--icon mark[data-color=default], .regionResults .supplierCard .btn--primary--dark mark[data-color=default], .regionResults .supplierCard .btn--primary mark[data-color=default], .regionResults .supplierCard .btn--secondary mark[data-color=default], .regionResults .supplierCard .btn--small mark[data-color=default], .regionResults .supplierCard .btn--tertiary mark[data-color=default], .regionResults .supplierCard .btn mark[data-color=default] {
                color: var(--neu-10)
            }

        .regionResults .supplierCard--small .btn--icon span.m-01--dark-01, .regionResults .supplierCard--small .btn--icon span[data-color=color], .regionResults .supplierCard--small .btn--primary--dark span.m-01--dark-01, .regionResults .supplierCard--small .btn--primary--dark span[data-color=color], .regionResults .supplierCard--small .btn--primary span.m-01--dark-01, .regionResults .supplierCard--small .btn--primary span[data-color=color], .regionResults .supplierCard--small .btn--secondary span.m-01--dark-01, .regionResults .supplierCard--small .btn--secondary span[data-color=color], .regionResults .supplierCard--small .btn--small span.m-01--dark-01, .regionResults .supplierCard--small .btn--small span[data-color=color], .regionResults .supplierCard--small .btn--tertiary span.m-01--dark-01, .regionResults .supplierCard--small .btn--tertiary span[data-color=color], .regionResults .supplierCard--small .btn span.m-01--dark-01, .regionResults .supplierCard--small .btn span[data-color=color], .regionResults .supplierCard .btn--icon span.m-01--dark-01, .regionResults .supplierCard .btn--icon span[data-color=color], .regionResults .supplierCard .btn--primary--dark span.m-01--dark-01, .regionResults .supplierCard .btn--primary--dark span[data-color=color], .regionResults .supplierCard .btn--primary span.m-01--dark-01, .regionResults .supplierCard .btn--primary span[data-color=color], .regionResults .supplierCard .btn--secondary span.m-01--dark-01, .regionResults .supplierCard .btn--secondary span[data-color=color], .regionResults .supplierCard .btn--small span.m-01--dark-01, .regionResults .supplierCard .btn--small span[data-color=color], .regionResults .supplierCard .btn--tertiary span.m-01--dark-01, .regionResults .supplierCard .btn--tertiary span[data-color=color], .regionResults .supplierCard .btn span.m-01--dark-01, .regionResults .supplierCard .btn span[data-color=color] {
            color: var(--m-01--dark-01)
        }

        .regionResults .supplierCard--small .btn--icon span.neu-07, .regionResults .supplierCard--small .btn--icon span[data-color=gray], .regionResults .supplierCard--small .btn--primary--dark span.neu-07, .regionResults .supplierCard--small .btn--primary--dark span[data-color=gray], .regionResults .supplierCard--small .btn--primary span.neu-07, .regionResults .supplierCard--small .btn--primary span[data-color=gray], .regionResults .supplierCard--small .btn--secondary span.neu-07, .regionResults .supplierCard--small .btn--secondary span[data-color=gray], .regionResults .supplierCard--small .btn--small span.neu-07, .regionResults .supplierCard--small .btn--small span[data-color=gray], .regionResults .supplierCard--small .btn--tertiary span.neu-07, .regionResults .supplierCard--small .btn--tertiary span[data-color=gray], .regionResults .supplierCard--small .btn span.neu-07, .regionResults .supplierCard--small .btn span[data-color=gray], .regionResults .supplierCard .btn--icon span.neu-07, .regionResults .supplierCard .btn--icon span[data-color=gray], .regionResults .supplierCard .btn--primary--dark span.neu-07, .regionResults .supplierCard .btn--primary--dark span[data-color=gray], .regionResults .supplierCard .btn--primary span.neu-07, .regionResults .supplierCard .btn--primary span[data-color=gray], .regionResults .supplierCard .btn--secondary span.neu-07, .regionResults .supplierCard .btn--secondary span[data-color=gray], .regionResults .supplierCard .btn--small span.neu-07, .regionResults .supplierCard .btn--small span[data-color=gray], .regionResults .supplierCard .btn--tertiary span.neu-07, .regionResults .supplierCard .btn--tertiary span[data-color=gray], .regionResults .supplierCard .btn span.neu-07, .regionResults .supplierCard .btn span[data-color=gray] {
            color: var(--neu-07)
        }

        .regionResults .supplierCard--small .btn--icon span.neu-10, .regionResults .supplierCard--small .btn--icon span[data-color=default], .regionResults .supplierCard--small .btn--primary--dark span.neu-10, .regionResults .supplierCard--small .btn--primary--dark span[data-color=default], .regionResults .supplierCard--small .btn--primary span.neu-10, .regionResults .supplierCard--small .btn--primary span[data-color=default], .regionResults .supplierCard--small .btn--secondary span.neu-10, .regionResults .supplierCard--small .btn--secondary span[data-color=default], .regionResults .supplierCard--small .btn--small span.neu-10, .regionResults .supplierCard--small .btn--small span[data-color=default], .regionResults .supplierCard--small .btn--tertiary span.neu-10, .regionResults .supplierCard--small .btn--tertiary span[data-color=default], .regionResults .supplierCard--small .btn span.neu-10, .regionResults .supplierCard--small .btn span[data-color=default], .regionResults .supplierCard .btn--icon span.neu-10, .regionResults .supplierCard .btn--icon span[data-color=default], .regionResults .supplierCard .btn--primary--dark span.neu-10, .regionResults .supplierCard .btn--primary--dark span[data-color=default], .regionResults .supplierCard .btn--primary span.neu-10, .regionResults .supplierCard .btn--primary span[data-color=default], .regionResults .supplierCard .btn--secondary span.neu-10, .regionResults .supplierCard .btn--secondary span[data-color=default], .regionResults .supplierCard .btn--small span.neu-10, .regionResults .supplierCard .btn--small span[data-color=default], .regionResults .supplierCard .btn--tertiary span.neu-10, .regionResults .supplierCard .btn--tertiary span[data-color=default], .regionResults .supplierCard .btn span.neu-10, .regionResults .supplierCard .btn span[data-color=default] {
            color: var(--neu-10)
        }

        .regionResults .supplierCard--small .btn--icon b, .regionResults .supplierCard--small .btn--icon strong, .regionResults .supplierCard--small .btn--primary--dark b, .regionResults .supplierCard--small .btn--primary--dark strong, .regionResults .supplierCard--small .btn--primary b, .regionResults .supplierCard--small .btn--primary strong, .regionResults .supplierCard--small .btn--secondary b, .regionResults .supplierCard--small .btn--secondary strong, .regionResults .supplierCard--small .btn--small b, .regionResults .supplierCard--small .btn--small strong, .regionResults .supplierCard--small .btn--tertiary b, .regionResults .supplierCard--small .btn--tertiary strong, .regionResults .supplierCard--small .btn b, .regionResults .supplierCard--small .btn strong, .regionResults .supplierCard .btn--icon b, .regionResults .supplierCard .btn--icon strong, .regionResults .supplierCard .btn--primary--dark b, .regionResults .supplierCard .btn--primary--dark strong, .regionResults .supplierCard .btn--primary b, .regionResults .supplierCard .btn--primary strong, .regionResults .supplierCard .btn--secondary b, .regionResults .supplierCard .btn--secondary strong, .regionResults .supplierCard .btn--small b, .regionResults .supplierCard .btn--small strong, .regionResults .supplierCard .btn--tertiary b, .regionResults .supplierCard .btn--tertiary strong, .regionResults .supplierCard .btn b, .regionResults .supplierCard .btn strong {
            font-weight: 700
        }

        .regionResults .supplierCard--small .btn--icon em, .regionResults .supplierCard--small .btn--primary--dark em, .regionResults .supplierCard--small .btn--primary em, .regionResults .supplierCard--small .btn--secondary em, .regionResults .supplierCard--small .btn--small em, .regionResults .supplierCard--small .btn--tertiary em, .regionResults .supplierCard--small .btn em, .regionResults .supplierCard .btn--icon em, .regionResults .supplierCard .btn--primary--dark em, .regionResults .supplierCard .btn--primary em, .regionResults .supplierCard .btn--secondary em, .regionResults .supplierCard .btn--small em, .regionResults .supplierCard .btn--tertiary em, .regionResults .supplierCard .btn em {
            font-style: italic
        }

        .regionResults .supplierCard--small .btn--icon i, .regionResults .supplierCard--small .btn--primary--dark i, .regionResults .supplierCard--small .btn--primary i, .regionResults .supplierCard--small .btn--secondary i, .regionResults .supplierCard--small .btn--small i, .regionResults .supplierCard--small .btn--tertiary i, .regionResults .supplierCard--small .btn i, .regionResults .supplierCard .btn--icon i, .regionResults .supplierCard .btn--primary--dark i, .regionResults .supplierCard .btn--primary i, .regionResults .supplierCard .btn--secondary i, .regionResults .supplierCard .btn--small i, .regionResults .supplierCard .btn--tertiary i, .regionResults .supplierCard .btn i {
            min-width: 16px;
            width: 16px;
            height: 16px;
            font-size: 16px
        }

            .regionResults .supplierCard--small .btn--icon i:before, .regionResults .supplierCard--small .btn--primary--dark i:before, .regionResults .supplierCard--small .btn--primary i:before, .regionResults .supplierCard--small .btn--secondary i:before, .regionResults .supplierCard--small .btn--small i:before, .regionResults .supplierCard--small .btn--tertiary i:before, .regionResults .supplierCard--small .btn i:before, .regionResults .supplierCard .btn--icon i:before, .regionResults .supplierCard .btn--primary--dark i:before, .regionResults .supplierCard .btn--primary i:before, .regionResults .supplierCard .btn--secondary i:before, .regionResults .supplierCard .btn--small i:before, .regionResults .supplierCard .btn--tertiary i:before, .regionResults .supplierCard .btn i:before {
                font-size: 16px;
                font-weight: 400
            }

        .regionResults .supplierCard--small .btn--icon, .regionResults .supplierCard--small .btn--icon.btn--primary, .regionResults .supplierCard--small .btn--icon.btn--primary--dark, .regionResults .supplierCard--small .btn--icon.btn--secondary, .regionResults .supplierCard--small .btn--icon.btn--small, .regionResults .supplierCard--small .btn--icon.btn--tertiary, .regionResults .supplierCard--small .btn.btn--icon, .regionResults .supplierCard .btn--icon, .regionResults .supplierCard .btn--icon.btn--primary, .regionResults .supplierCard .btn--icon.btn--primary--dark, .regionResults .supplierCard .btn--icon.btn--secondary, .regionResults .supplierCard .btn--icon.btn--small, .regionResults .supplierCard .btn--icon.btn--tertiary, .regionResults .supplierCard .btn.btn--icon {
            width: 40px;
            min-width: 40px
        }

    .regionResults .regionResultsCard, .regionResults .regionResultsCard--small {
        max-width: 960px;
        min-height: auto;
        padding: 0 0 24px;
        border-radius: 0;
        flex-direction: column
    }

        .regionResults .regionResultsCard--small .regionResultsCard__image, .regionResults .regionResultsCard .regionResultsCard__image {
            height: 100px;
            width: 100%;
            margin-right: 0;
            margin-bottom: 16px
        }

        .regionResults .regionResultsCard--small .regionResultsCard__title, .regionResults .regionResultsCard .regionResultsCard__title {
            margin-top: 4px
        }

        .regionResults .regionResultsCard--small .regionResultsCard__content, .regionResults .regionResultsCard .regionResultsCard__content {
            flex: 2;
            justify-content: flex-start
        }

        .regionResults .regionResultsCard--small .regionResultsCard__topInfo, .regionResults .regionResultsCard .regionResultsCard__topInfo {
            flex-direction: column
        }

        .regionResults .regionResultsCard--small .regionResultsCard__sideInfo, .regionResults .regionResultsCard .regionResultsCard__sideInfo {
            order: 1;
            transform: none;
            justify-content: space-between;
            margin-bottom: 16px
        }

        .regionResults .regionResultsCard--small .regionResultsCard__labels, .regionResults .regionResultsCard .regionResultsCard__labels {
            order: 2
        }

        .regionResults .regionResultsCard--small .regionResultsCard__text, .regionResults .regionResultsCard .regionResultsCard__text {
            padding: 0
        }

        .regionResults .regionResultsCard--small .regionResultsCard__bottomInfo, .regionResults .regionResultsCard .regionResultsCard__bottomInfo {
            margin-top: 8px;
            flex-direction: column;
            align-items: flex-start
        }

        .regionResults .regionResultsCard--small .regionResultsCard__btnContainer, .regionResults .regionResultsCard .regionResultsCard__btnContainer {
            width: 100%;
            display: flex
        }

            .regionResults .regionResultsCard--small .regionResultsCard__btnContainer .btn--primary, .regionResults .regionResultsCard .regionResultsCard__btnContainer .btn--primary {
                width: 100%
            }

        .regionResults .regionResultsCard--small .btnBookmark, .regionResults .regionResultsCard--small .btnBookmark--privateArea, .regionResults .regionResultsCard--small .btnBookmark--small, .regionResults .regionResultsCard .btnBookmark, .regionResults .regionResultsCard .btnBookmark--privateArea, .regionResults .regionResultsCard .btnBookmark--small {
            transform: translateX(20px)
        }

            .regionResults .regionResultsCard--small .btnBookmark--privateArea .btnBookmark, .regionResults .regionResultsCard--small .btnBookmark--privateArea .btnBookmark--small, .regionResults .regionResultsCard .btnBookmark--privateArea .btnBookmark, .regionResults .regionResultsCard .btnBookmark--privateArea .btnBookmark--small {
                transform: translateX(0)
            }

    .regionResults .resourceCard, .regionResults .resourceCard--small {
        max-width: 960px;
        min-height: 200px;
        height: 100%;
        padding: 24px 16px
    }

        .regionResults .resourceCard--small .resourceCard__title, .regionResults .resourceCard .resourceCard__title {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Inter,sans-serif;
            font-size: 1.188rem;
            line-height: 1.263em;
            letter-spacing: -.016em;
            font-weight: 400;
            margin-top: 4px
        }

            .regionResults .resourceCard--small .resourceCard__title .link a, .regionResults .resourceCard .resourceCard__title .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .regionResults .resourceCard--small .resourceCard__title .link a:hover, .regionResults .resourceCard .resourceCard__title .link a:hover {
                    color: var(--m-01)
                }

            .regionResults .resourceCard--small .resourceCard__title mark, .regionResults .resourceCard--small .resourceCard__title mark[data-color=color], .regionResults .resourceCard .resourceCard__title mark, .regionResults .resourceCard .resourceCard__title mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .regionResults .resourceCard--small .resourceCard__title mark[data-color=gray], .regionResults .resourceCard .resourceCard__title mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .regionResults .resourceCard--small .resourceCard__title mark[data-color=default], .regionResults .resourceCard .resourceCard__title mark[data-color=default] {
                    color: var(--neu-10)
                }

            .regionResults .resourceCard--small .resourceCard__title span.m-01--dark-01, .regionResults .resourceCard--small .resourceCard__title span[data-color=color], .regionResults .resourceCard .resourceCard__title span.m-01--dark-01, .regionResults .resourceCard .resourceCard__title span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .regionResults .resourceCard--small .resourceCard__title span.neu-07, .regionResults .resourceCard--small .resourceCard__title span[data-color=gray], .regionResults .resourceCard .resourceCard__title span.neu-07, .regionResults .resourceCard .resourceCard__title span[data-color=gray] {
                color: var(--neu-07)
            }

            .regionResults .resourceCard--small .resourceCard__title span.neu-10, .regionResults .resourceCard--small .resourceCard__title span[data-color=default], .regionResults .resourceCard .resourceCard__title span.neu-10, .regionResults .resourceCard .resourceCard__title span[data-color=default] {
                color: var(--neu-10)
            }

            .regionResults .resourceCard--small .resourceCard__title b, .regionResults .resourceCard--small .resourceCard__title strong, .regionResults .resourceCard .resourceCard__title b, .regionResults .resourceCard .resourceCard__title strong {
                font-weight: 700
            }

            .regionResults .resourceCard--small .resourceCard__title em, .regionResults .resourceCard .resourceCard__title em {
                font-style: italic
            }

        .regionResults .resourceCard--small .btn, .regionResults .resourceCard--small .btn--icon, .regionResults .resourceCard--small .btn--primary, .regionResults .resourceCard--small .btn--primary--dark, .regionResults .resourceCard--small .btn--secondary, .regionResults .resourceCard--small .btn--small, .regionResults .resourceCard--small .btn--tertiary, .regionResults .resourceCard .btn, .regionResults .resourceCard .btn--icon, .regionResults .resourceCard .btn--primary, .regionResults .resourceCard .btn--primary--dark, .regionResults .resourceCard .btn--secondary, .regionResults .resourceCard .btn--small, .regionResults .resourceCard .btn--tertiary {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Inter,sans-serif;
            font-size: .813rem;
            line-height: 1.538em;
            letter-spacing: -.003em;
            font-weight: 400;
            font-weight: 700;
            padding: 0 20px;
            height: 40px
        }

            .regionResults .resourceCard--small .btn--icon .link a, .regionResults .resourceCard--small .btn--primary--dark .link a, .regionResults .resourceCard--small .btn--primary .link a, .regionResults .resourceCard--small .btn--secondary .link a, .regionResults .resourceCard--small .btn--small .link a, .regionResults .resourceCard--small .btn--tertiary .link a, .regionResults .resourceCard--small .btn .link a, .regionResults .resourceCard .btn--icon .link a, .regionResults .resourceCard .btn--primary--dark .link a, .regionResults .resourceCard .btn--primary .link a, .regionResults .resourceCard .btn--secondary .link a, .regionResults .resourceCard .btn--small .link a, .regionResults .resourceCard .btn--tertiary .link a, .regionResults .resourceCard .btn .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .regionResults .resourceCard--small .btn--icon .link a:hover, .regionResults .resourceCard--small .btn--primary--dark .link a:hover, .regionResults .resourceCard--small .btn--primary .link a:hover, .regionResults .resourceCard--small .btn--secondary .link a:hover, .regionResults .resourceCard--small .btn--small .link a:hover, .regionResults .resourceCard--small .btn--tertiary .link a:hover, .regionResults .resourceCard--small .btn .link a:hover, .regionResults .resourceCard .btn--icon .link a:hover, .regionResults .resourceCard .btn--primary--dark .link a:hover, .regionResults .resourceCard .btn--primary .link a:hover, .regionResults .resourceCard .btn--secondary .link a:hover, .regionResults .resourceCard .btn--small .link a:hover, .regionResults .resourceCard .btn--tertiary .link a:hover, .regionResults .resourceCard .btn .link a:hover {
                    color: var(--m-01)
                }

            .regionResults .resourceCard--small .btn--icon mark, .regionResults .resourceCard--small .btn--icon mark[data-color=color], .regionResults .resourceCard--small .btn--primary--dark mark, .regionResults .resourceCard--small .btn--primary--dark mark[data-color=color], .regionResults .resourceCard--small .btn--primary mark, .regionResults .resourceCard--small .btn--primary mark[data-color=color], .regionResults .resourceCard--small .btn--secondary mark, .regionResults .resourceCard--small .btn--secondary mark[data-color=color], .regionResults .resourceCard--small .btn--small mark, .regionResults .resourceCard--small .btn--small mark[data-color=color], .regionResults .resourceCard--small .btn--tertiary mark, .regionResults .resourceCard--small .btn--tertiary mark[data-color=color], .regionResults .resourceCard--small .btn mark, .regionResults .resourceCard--small .btn mark[data-color=color], .regionResults .resourceCard .btn--icon mark, .regionResults .resourceCard .btn--icon mark[data-color=color], .regionResults .resourceCard .btn--primary--dark mark, .regionResults .resourceCard .btn--primary--dark mark[data-color=color], .regionResults .resourceCard .btn--primary mark, .regionResults .resourceCard .btn--primary mark[data-color=color], .regionResults .resourceCard .btn--secondary mark, .regionResults .resourceCard .btn--secondary mark[data-color=color], .regionResults .resourceCard .btn--small mark, .regionResults .resourceCard .btn--small mark[data-color=color], .regionResults .resourceCard .btn--tertiary mark, .regionResults .resourceCard .btn--tertiary mark[data-color=color], .regionResults .resourceCard .btn mark, .regionResults .resourceCard .btn mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .regionResults .resourceCard--small .btn--icon mark[data-color=gray], .regionResults .resourceCard--small .btn--primary--dark mark[data-color=gray], .regionResults .resourceCard--small .btn--primary mark[data-color=gray], .regionResults .resourceCard--small .btn--secondary mark[data-color=gray], .regionResults .resourceCard--small .btn--small mark[data-color=gray], .regionResults .resourceCard--small .btn--tertiary mark[data-color=gray], .regionResults .resourceCard--small .btn mark[data-color=gray], .regionResults .resourceCard .btn--icon mark[data-color=gray], .regionResults .resourceCard .btn--primary--dark mark[data-color=gray], .regionResults .resourceCard .btn--primary mark[data-color=gray], .regionResults .resourceCard .btn--secondary mark[data-color=gray], .regionResults .resourceCard .btn--small mark[data-color=gray], .regionResults .resourceCard .btn--tertiary mark[data-color=gray], .regionResults .resourceCard .btn mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .regionResults .resourceCard--small .btn--icon mark[data-color=default], .regionResults .resourceCard--small .btn--primary--dark mark[data-color=default], .regionResults .resourceCard--small .btn--primary mark[data-color=default], .regionResults .resourceCard--small .btn--secondary mark[data-color=default], .regionResults .resourceCard--small .btn--small mark[data-color=default], .regionResults .resourceCard--small .btn--tertiary mark[data-color=default], .regionResults .resourceCard--small .btn mark[data-color=default], .regionResults .resourceCard .btn--icon mark[data-color=default], .regionResults .resourceCard .btn--primary--dark mark[data-color=default], .regionResults .resourceCard .btn--primary mark[data-color=default], .regionResults .resourceCard .btn--secondary mark[data-color=default], .regionResults .resourceCard .btn--small mark[data-color=default], .regionResults .resourceCard .btn--tertiary mark[data-color=default], .regionResults .resourceCard .btn mark[data-color=default] {
                    color: var(--neu-10)
                }

            .regionResults .resourceCard--small .btn--icon span.m-01--dark-01, .regionResults .resourceCard--small .btn--icon span[data-color=color], .regionResults .resourceCard--small .btn--primary--dark span.m-01--dark-01, .regionResults .resourceCard--small .btn--primary--dark span[data-color=color], .regionResults .resourceCard--small .btn--primary span.m-01--dark-01, .regionResults .resourceCard--small .btn--primary span[data-color=color], .regionResults .resourceCard--small .btn--secondary span.m-01--dark-01, .regionResults .resourceCard--small .btn--secondary span[data-color=color], .regionResults .resourceCard--small .btn--small span.m-01--dark-01, .regionResults .resourceCard--small .btn--small span[data-color=color], .regionResults .resourceCard--small .btn--tertiary span.m-01--dark-01, .regionResults .resourceCard--small .btn--tertiary span[data-color=color], .regionResults .resourceCard--small .btn span.m-01--dark-01, .regionResults .resourceCard--small .btn span[data-color=color], .regionResults .resourceCard .btn--icon span.m-01--dark-01, .regionResults .resourceCard .btn--icon span[data-color=color], .regionResults .resourceCard .btn--primary--dark span.m-01--dark-01, .regionResults .resourceCard .btn--primary--dark span[data-color=color], .regionResults .resourceCard .btn--primary span.m-01--dark-01, .regionResults .resourceCard .btn--primary span[data-color=color], .regionResults .resourceCard .btn--secondary span.m-01--dark-01, .regionResults .resourceCard .btn--secondary span[data-color=color], .regionResults .resourceCard .btn--small span.m-01--dark-01, .regionResults .resourceCard .btn--small span[data-color=color], .regionResults .resourceCard .btn--tertiary span.m-01--dark-01, .regionResults .resourceCard .btn--tertiary span[data-color=color], .regionResults .resourceCard .btn span.m-01--dark-01, .regionResults .resourceCard .btn span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .regionResults .resourceCard--small .btn--icon span.neu-07, .regionResults .resourceCard--small .btn--icon span[data-color=gray], .regionResults .resourceCard--small .btn--primary--dark span.neu-07, .regionResults .resourceCard--small .btn--primary--dark span[data-color=gray], .regionResults .resourceCard--small .btn--primary span.neu-07, .regionResults .resourceCard--small .btn--primary span[data-color=gray], .regionResults .resourceCard--small .btn--secondary span.neu-07, .regionResults .resourceCard--small .btn--secondary span[data-color=gray], .regionResults .resourceCard--small .btn--small span.neu-07, .regionResults .resourceCard--small .btn--small span[data-color=gray], .regionResults .resourceCard--small .btn--tertiary span.neu-07, .regionResults .resourceCard--small .btn--tertiary span[data-color=gray], .regionResults .resourceCard--small .btn span.neu-07, .regionResults .resourceCard--small .btn span[data-color=gray], .regionResults .resourceCard .btn--icon span.neu-07, .regionResults .resourceCard .btn--icon span[data-color=gray], .regionResults .resourceCard .btn--primary--dark span.neu-07, .regionResults .resourceCard .btn--primary--dark span[data-color=gray], .regionResults .resourceCard .btn--primary span.neu-07, .regionResults .resourceCard .btn--primary span[data-color=gray], .regionResults .resourceCard .btn--secondary span.neu-07, .regionResults .resourceCard .btn--secondary span[data-color=gray], .regionResults .resourceCard .btn--small span.neu-07, .regionResults .resourceCard .btn--small span[data-color=gray], .regionResults .resourceCard .btn--tertiary span.neu-07, .regionResults .resourceCard .btn--tertiary span[data-color=gray], .regionResults .resourceCard .btn span.neu-07, .regionResults .resourceCard .btn span[data-color=gray] {
                color: var(--neu-07)
            }

            .regionResults .resourceCard--small .btn--icon span.neu-10, .regionResults .resourceCard--small .btn--icon span[data-color=default], .regionResults .resourceCard--small .btn--primary--dark span.neu-10, .regionResults .resourceCard--small .btn--primary--dark span[data-color=default], .regionResults .resourceCard--small .btn--primary span.neu-10, .regionResults .resourceCard--small .btn--primary span[data-color=default], .regionResults .resourceCard--small .btn--secondary span.neu-10, .regionResults .resourceCard--small .btn--secondary span[data-color=default], .regionResults .resourceCard--small .btn--small span.neu-10, .regionResults .resourceCard--small .btn--small span[data-color=default], .regionResults .resourceCard--small .btn--tertiary span.neu-10, .regionResults .resourceCard--small .btn--tertiary span[data-color=default], .regionResults .resourceCard--small .btn span.neu-10, .regionResults .resourceCard--small .btn span[data-color=default], .regionResults .resourceCard .btn--icon span.neu-10, .regionResults .resourceCard .btn--icon span[data-color=default], .regionResults .resourceCard .btn--primary--dark span.neu-10, .regionResults .resourceCard .btn--primary--dark span[data-color=default], .regionResults .resourceCard .btn--primary span.neu-10, .regionResults .resourceCard .btn--primary span[data-color=default], .regionResults .resourceCard .btn--secondary span.neu-10, .regionResults .resourceCard .btn--secondary span[data-color=default], .regionResults .resourceCard .btn--small span.neu-10, .regionResults .resourceCard .btn--small span[data-color=default], .regionResults .resourceCard .btn--tertiary span.neu-10, .regionResults .resourceCard .btn--tertiary span[data-color=default], .regionResults .resourceCard .btn span.neu-10, .regionResults .resourceCard .btn span[data-color=default] {
                color: var(--neu-10)
            }

            .regionResults .resourceCard--small .btn--icon b, .regionResults .resourceCard--small .btn--icon strong, .regionResults .resourceCard--small .btn--primary--dark b, .regionResults .resourceCard--small .btn--primary--dark strong, .regionResults .resourceCard--small .btn--primary b, .regionResults .resourceCard--small .btn--primary strong, .regionResults .resourceCard--small .btn--secondary b, .regionResults .resourceCard--small .btn--secondary strong, .regionResults .resourceCard--small .btn--small b, .regionResults .resourceCard--small .btn--small strong, .regionResults .resourceCard--small .btn--tertiary b, .regionResults .resourceCard--small .btn--tertiary strong, .regionResults .resourceCard--small .btn b, .regionResults .resourceCard--small .btn strong, .regionResults .resourceCard .btn--icon b, .regionResults .resourceCard .btn--icon strong, .regionResults .resourceCard .btn--primary--dark b, .regionResults .resourceCard .btn--primary--dark strong, .regionResults .resourceCard .btn--primary b, .regionResults .resourceCard .btn--primary strong, .regionResults .resourceCard .btn--secondary b, .regionResults .resourceCard .btn--secondary strong, .regionResults .resourceCard .btn--small b, .regionResults .resourceCard .btn--small strong, .regionResults .resourceCard .btn--tertiary b, .regionResults .resourceCard .btn--tertiary strong, .regionResults .resourceCard .btn b, .regionResults .resourceCard .btn strong {
                font-weight: 700
            }

            .regionResults .resourceCard--small .btn--icon em, .regionResults .resourceCard--small .btn--primary--dark em, .regionResults .resourceCard--small .btn--primary em, .regionResults .resourceCard--small .btn--secondary em, .regionResults .resourceCard--small .btn--small em, .regionResults .resourceCard--small .btn--tertiary em, .regionResults .resourceCard--small .btn em, .regionResults .resourceCard .btn--icon em, .regionResults .resourceCard .btn--primary--dark em, .regionResults .resourceCard .btn--primary em, .regionResults .resourceCard .btn--secondary em, .regionResults .resourceCard .btn--small em, .regionResults .resourceCard .btn--tertiary em, .regionResults .resourceCard .btn em {
                font-style: italic
            }

            .regionResults .resourceCard--small .btn--icon i, .regionResults .resourceCard--small .btn--primary--dark i, .regionResults .resourceCard--small .btn--primary i, .regionResults .resourceCard--small .btn--secondary i, .regionResults .resourceCard--small .btn--small i, .regionResults .resourceCard--small .btn--tertiary i, .regionResults .resourceCard--small .btn i, .regionResults .resourceCard .btn--icon i, .regionResults .resourceCard .btn--primary--dark i, .regionResults .resourceCard .btn--primary i, .regionResults .resourceCard .btn--secondary i, .regionResults .resourceCard .btn--small i, .regionResults .resourceCard .btn--tertiary i, .regionResults .resourceCard .btn i {
                min-width: 16px;
                width: 16px;
                height: 16px;
                font-size: 16px
            }

                .regionResults .resourceCard--small .btn--icon i:before, .regionResults .resourceCard--small .btn--primary--dark i:before, .regionResults .resourceCard--small .btn--primary i:before, .regionResults .resourceCard--small .btn--secondary i:before, .regionResults .resourceCard--small .btn--small i:before, .regionResults .resourceCard--small .btn--tertiary i:before, .regionResults .resourceCard--small .btn i:before, .regionResults .resourceCard .btn--icon i:before, .regionResults .resourceCard .btn--primary--dark i:before, .regionResults .resourceCard .btn--primary i:before, .regionResults .resourceCard .btn--secondary i:before, .regionResults .resourceCard .btn--small i:before, .regionResults .resourceCard .btn--tertiary i:before, .regionResults .resourceCard .btn i:before {
                    font-size: 16px;
                    font-weight: 400
                }

            .regionResults .resourceCard--small .btn--icon, .regionResults .resourceCard--small .btn--icon.btn--primary, .regionResults .resourceCard--small .btn--icon.btn--primary--dark, .regionResults .resourceCard--small .btn--icon.btn--secondary, .regionResults .resourceCard--small .btn--icon.btn--small, .regionResults .resourceCard--small .btn--icon.btn--tertiary, .regionResults .resourceCard--small .btn.btn--icon, .regionResults .resourceCard .btn--icon, .regionResults .resourceCard .btn--icon.btn--primary, .regionResults .resourceCard .btn--icon.btn--primary--dark, .regionResults .resourceCard .btn--icon.btn--secondary, .regionResults .resourceCard .btn--icon.btn--small, .regionResults .resourceCard .btn--icon.btn--tertiary, .regionResults .resourceCard .btn.btn--icon {
                width: 40px;
                min-width: 40px
            }

                .regionResults .resourceCard--small .btn--icon:hover, .regionResults .resourceCard--small .btn--primary--dark:hover, .regionResults .resourceCard--small .btn--primary:hover, .regionResults .resourceCard--small .btn--secondary:hover, .regionResults .resourceCard--small .btn--small:hover, .regionResults .resourceCard--small .btn--tertiary:hover, .regionResults .resourceCard--small .btn:hover, .regionResults .resourceCard .btn--icon:hover, .regionResults .resourceCard .btn--primary--dark:hover, .regionResults .resourceCard .btn--primary:hover, .regionResults .resourceCard .btn--secondary:hover, .regionResults .resourceCard .btn--small:hover, .regionResults .resourceCard .btn--tertiary:hover, .regionResults .resourceCard .btn:hover {
                    color: var(--m-01--dark-01)
                }

    .regionResults .productCard, .regionResults .productCard--small {
        max-width: 960px;
        min-height: 324px
    }

        .regionResults .productCard--small .productCard__head, .regionResults .productCard .productCard__head {
            height: 200px
        }

            .regionResults .productCard--small .productCard__head:after, .regionResults .productCard .productCard__head:after {
                left: 16px;
                width: calc(100% - 16px * 2)
            }

        .regionResults .productCard--small .productCard__head-content, .regionResults .productCard .productCard__head-content {
            padding: 24px 16px
        }

        .regionResults .productCard--small .productCard__productName, .regionResults .productCard .productCard__productName {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Calma Global Medium,sans-serif;
            font-size: 1.625rem;
            line-height: 1.231em;
            letter-spacing: 0
        }

            .regionResults .productCard--small .productCard__productName .link a, .regionResults .productCard .productCard__productName .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .regionResults .productCard--small .productCard__productName .link a:hover, .regionResults .productCard .productCard__productName .link a:hover {
                    color: var(--m-01)
                }

            .regionResults .productCard--small .productCard__productName mark, .regionResults .productCard--small .productCard__productName mark[data-color=color], .regionResults .productCard .productCard__productName mark, .regionResults .productCard .productCard__productName mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .regionResults .productCard--small .productCard__productName mark[data-color=gray], .regionResults .productCard .productCard__productName mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .regionResults .productCard--small .productCard__productName mark[data-color=default], .regionResults .productCard .productCard__productName mark[data-color=default] {
                    color: var(--neu-10)
                }

            .regionResults .productCard--small .productCard__productName span.m-01--dark-01, .regionResults .productCard--small .productCard__productName span[data-color=color], .regionResults .productCard .productCard__productName span.m-01--dark-01, .regionResults .productCard .productCard__productName span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .regionResults .productCard--small .productCard__productName span.neu-07, .regionResults .productCard--small .productCard__productName span[data-color=gray], .regionResults .productCard .productCard__productName span.neu-07, .regionResults .productCard .productCard__productName span[data-color=gray] {
                color: var(--neu-07)
            }

            .regionResults .productCard--small .productCard__productName span.neu-10, .regionResults .productCard--small .productCard__productName span[data-color=default], .regionResults .productCard .productCard__productName span.neu-10, .regionResults .productCard .productCard__productName span[data-color=default] {
                color: var(--neu-10)
            }

            .regionResults .productCard--small .productCard__productName b, .regionResults .productCard--small .productCard__productName strong, .regionResults .productCard .productCard__productName b, .regionResults .productCard .productCard__productName strong {
                font-weight: 700
            }

            .regionResults .productCard--small .productCard__productName em, .regionResults .productCard .productCard__productName em {
                font-style: italic
            }

        .regionResults .productCard--small .productCard__content, .regionResults .productCard .productCard__content {
            padding: 16px
        }

        .regionResults .productCard--small .productCard__bookmark, .regionResults .productCard .productCard__bookmark {
            right: 0;
            top: 8px
        }

    .regionResults .brandCard, .regionResults .brandCard--small {
        max-width: 960px;
        min-height: 324px;
        padding: 16px
    }

        .regionResults .brandCard--small .brandCard__image, .regionResults .brandCard .brandCard__image {
            height: 70px;
            width: 70px;
            margin-right: 0
        }

        .regionResults .brandCard--small .brandCard--small .btnBookmark--privateArea, .regionResults .brandCard--small .brandCard .btnBookmark--privateArea, .regionResults .brandCard--small .brandCard__bookmark, .regionResults .brandCard .brandCard--small .btnBookmark--privateArea, .regionResults .brandCard .brandCard .btnBookmark--privateArea, .regionResults .brandCard .brandCard__bookmark {
            right: 0
        }

        .regionResults .brandCard--small .brandCard__text, .regionResults .brandCard .brandCard__text {
            padding: 0
        }

        .regionResults .brandCard--small .brandCard__title, .regionResults .brandCard .brandCard__title {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Calma Global Medium,sans-serif;
            font-size: 1.625rem;
            line-height: 1.231em;
            letter-spacing: 0
        }

            .regionResults .brandCard--small .brandCard__title .link a, .regionResults .brandCard .brandCard__title .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .regionResults .brandCard--small .brandCard__title .link a:hover, .regionResults .brandCard .brandCard__title .link a:hover {
                    color: var(--m-01)
                }

            .regionResults .brandCard--small .brandCard__title mark, .regionResults .brandCard--small .brandCard__title mark[data-color=color], .regionResults .brandCard .brandCard__title mark, .regionResults .brandCard .brandCard__title mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .regionResults .brandCard--small .brandCard__title mark[data-color=gray], .regionResults .brandCard .brandCard__title mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .regionResults .brandCard--small .brandCard__title mark[data-color=default], .regionResults .brandCard .brandCard__title mark[data-color=default] {
                    color: var(--neu-10)
                }

            .regionResults .brandCard--small .brandCard__title span.m-01--dark-01, .regionResults .brandCard--small .brandCard__title span[data-color=color], .regionResults .brandCard .brandCard__title span.m-01--dark-01, .regionResults .brandCard .brandCard__title span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .regionResults .brandCard--small .brandCard__title span.neu-07, .regionResults .brandCard--small .brandCard__title span[data-color=gray], .regionResults .brandCard .brandCard__title span.neu-07, .regionResults .brandCard .brandCard__title span[data-color=gray] {
                color: var(--neu-07)
            }

            .regionResults .brandCard--small .brandCard__title span.neu-10, .regionResults .brandCard--small .brandCard__title span[data-color=default], .regionResults .brandCard .brandCard__title span.neu-10, .regionResults .brandCard .brandCard__title span[data-color=default] {
                color: var(--neu-10)
            }

            .regionResults .brandCard--small .brandCard__title b, .regionResults .brandCard--small .brandCard__title strong, .regionResults .brandCard .brandCard__title b, .regionResults .brandCard .brandCard__title strong {
                font-weight: 700
            }

            .regionResults .brandCard--small .brandCard__title em, .regionResults .brandCard .brandCard__title em {
                font-style: italic
            }

        .regionResults .brandCard--small .brandCard__description, .regionResults .brandCard .brandCard__description {
            margin-top: 24px
        }

    .regionResults .categoryCard, .regionResults .categoryCard--small {
        min-height: 240px;
        max-width: 960px
    }

        .regionResults .categoryCard--small .categoryCard__content, .regionResults .categoryCard .categoryCard__content {
            padding: 32px
        }

        .regionResults .categoryCard--small .categoryCard__title, .regionResults .categoryCard .categoryCard__title {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Calma Global Medium,sans-serif;
            font-size: 2rem;
            line-height: 1.25em;
            letter-spacing: -.016em
        }

            .regionResults .categoryCard--small .categoryCard__title .link a, .regionResults .categoryCard .categoryCard__title .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .regionResults .categoryCard--small .categoryCard__title .link a:hover, .regionResults .categoryCard .categoryCard__title .link a:hover {
                    color: var(--m-01)
                }

            .regionResults .categoryCard--small .categoryCard__title mark, .regionResults .categoryCard--small .categoryCard__title mark[data-color=color], .regionResults .categoryCard .categoryCard__title mark, .regionResults .categoryCard .categoryCard__title mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .regionResults .categoryCard--small .categoryCard__title mark[data-color=gray], .regionResults .categoryCard .categoryCard__title mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .regionResults .categoryCard--small .categoryCard__title mark[data-color=default], .regionResults .categoryCard .categoryCard__title mark[data-color=default] {
                    color: var(--neu-10)
                }

            .regionResults .categoryCard--small .categoryCard__title span.m-01--dark-01, .regionResults .categoryCard--small .categoryCard__title span[data-color=color], .regionResults .categoryCard .categoryCard__title span.m-01--dark-01, .regionResults .categoryCard .categoryCard__title span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .regionResults .categoryCard--small .categoryCard__title span.neu-07, .regionResults .categoryCard--small .categoryCard__title span[data-color=gray], .regionResults .categoryCard .categoryCard__title span.neu-07, .regionResults .categoryCard .categoryCard__title span[data-color=gray] {
                color: var(--neu-07)
            }

            .regionResults .categoryCard--small .categoryCard__title span.neu-10, .regionResults .categoryCard--small .categoryCard__title span[data-color=default], .regionResults .categoryCard .categoryCard__title span.neu-10, .regionResults .categoryCard .categoryCard__title span[data-color=default] {
                color: var(--neu-10)
            }

            .regionResults .categoryCard--small .categoryCard__title b, .regionResults .categoryCard--small .categoryCard__title strong, .regionResults .categoryCard .categoryCard__title b, .regionResults .categoryCard .categoryCard__title strong {
                font-weight: 700
            }

            .regionResults .categoryCard--small .categoryCard__title em, .regionResults .categoryCard .categoryCard__title em {
                font-style: italic
            }
}

@media (max-width:768px) and (max-width:1024px) {
    .regionResults .categoryCard--small .categoryCard__title, .regionResults .categoryCard .categoryCard__title {
        font-size: 1.625rem;
        line-height: 1.231em;
        letter-spacing: 0
    }
}

@media (max-width:768px) {
    .regionResults .profileCard, .regionResults .profileCard--small {
        max-width: 960px;
        padding: 24px 16px 32px 4px;
        height: 100%
    }

        .regionResults .profileCard--small .profileCard__text, .regionResults .profileCard .profileCard__text {
            max-width: 310px
        }

    .regionResults .selectableCard, .regionResults .selectableCard--small {
        max-width: 960px;
        padding: 16px 16px 24px;
        grid-template-columns: 1fr 1fr;
        row-gap: 8px
    }

        .regionResults .selectableCard--small .selectableCard__content, .regionResults .selectableCard .selectableCard__content {
            grid-row: 2;
            grid-column: 1/3
        }

        .regionResults .selectableCard--small .selectableCard__checkbox, .regionResults .selectableCard .selectableCard__checkbox {
            margin-right: 0;
            grid-row: 1
        }

        .regionResults .selectableCard--small .selectableCard__image, .regionResults .selectableCard .selectableCard__image {
            width: 48px;
            height: 48px;
            grid-row: 1;
            justify-self: flex-end
        }

        .regionResults .selectableCard--small .selectableCard__btn, .regionResults .selectableCard .selectableCard__btn {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Inter,sans-serif;
            font-size: .813rem;
            line-height: 1.538em;
            letter-spacing: -.003em;
            font-weight: 400;
            font-weight: 700;
            padding: 0 20px;
            height: 40px;
            transform: none;
            margin-left: 0;
            margin-top: 16px;
            grid-row: 3;
            grid-column: 1/3
        }

            .regionResults .selectableCard--small .selectableCard__btn .link a, .regionResults .selectableCard .selectableCard__btn .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .regionResults .selectableCard--small .selectableCard__btn .link a:hover, .regionResults .selectableCard .selectableCard__btn .link a:hover {
                    color: var(--m-01)
                }

            .regionResults .selectableCard--small .selectableCard__btn mark, .regionResults .selectableCard--small .selectableCard__btn mark[data-color=color], .regionResults .selectableCard .selectableCard__btn mark, .regionResults .selectableCard .selectableCard__btn mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .regionResults .selectableCard--small .selectableCard__btn mark[data-color=gray], .regionResults .selectableCard .selectableCard__btn mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .regionResults .selectableCard--small .selectableCard__btn mark[data-color=default], .regionResults .selectableCard .selectableCard__btn mark[data-color=default] {
                    color: var(--neu-10)
                }

            .regionResults .selectableCard--small .selectableCard__btn span.m-01--dark-01, .regionResults .selectableCard--small .selectableCard__btn span[data-color=color], .regionResults .selectableCard .selectableCard__btn span.m-01--dark-01, .regionResults .selectableCard .selectableCard__btn span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .regionResults .selectableCard--small .selectableCard__btn span.neu-07, .regionResults .selectableCard--small .selectableCard__btn span[data-color=gray], .regionResults .selectableCard .selectableCard__btn span.neu-07, .regionResults .selectableCard .selectableCard__btn span[data-color=gray] {
                color: var(--neu-07)
            }

            .regionResults .selectableCard--small .selectableCard__btn span.neu-10, .regionResults .selectableCard--small .selectableCard__btn span[data-color=default], .regionResults .selectableCard .selectableCard__btn span.neu-10, .regionResults .selectableCard .selectableCard__btn span[data-color=default] {
                color: var(--neu-10)
            }

            .regionResults .selectableCard--small .selectableCard__btn b, .regionResults .selectableCard--small .selectableCard__btn strong, .regionResults .selectableCard .selectableCard__btn b, .regionResults .selectableCard .selectableCard__btn strong {
                font-weight: 700
            }

            .regionResults .selectableCard--small .selectableCard__btn em, .regionResults .selectableCard .selectableCard__btn em {
                font-style: italic
            }

            .regionResults .selectableCard--small .selectableCard__btn i, .regionResults .selectableCard .selectableCard__btn i {
                min-width: 16px;
                width: 16px;
                height: 16px;
                font-size: 16px
            }

                .regionResults .selectableCard--small .selectableCard__btn i:before, .regionResults .selectableCard .selectableCard__btn i:before {
                    font-size: 16px;
                    font-weight: 400
                }

            .regionResults .selectableCard--small .selectableCard__btn.btn--icon, .regionResults .selectableCard .selectableCard__btn.btn--icon {
                width: 40px;
                min-width: 40px
            }

    .regionResults .demandCard, .regionResults .demandCard--small {
        max-width: 960px;
        padding: 16px;
        min-height: 324px
    }

        .regionResults .demandCard--small .demandCard__content, .regionResults .demandCard .demandCard__content {
            gap: 8px
        }

        .regionResults .demandCard--small .demandCard__notification-text, .regionResults .demandCard .demandCard__notification-text {
            display: none
        }

        .regionResults .demandCard--small .demandCard__description, .regionResults .demandCard .demandCard__description {
            margin-top: 8px
        }

    .regionResults .replyCard, .regionResults .replyCard--small {
        max-width: 960px
    }

        .regionResults .replyCard--small .replyCard, .regionResults .replyCard--small .replyCard--small, .regionResults .replyCard .replyCard, .regionResults .replyCard .replyCard--small {
            background-color: var(--neu-01)
        }

        .regionResults .replyCard--small .replyCard__content, .regionResults .replyCard .replyCard__content {
            padding: 24px;
            gap: 4px 12px
        }

        .regionResults .replyCard--small .replyCard__thumb, .regionResults .replyCard .replyCard__thumb {
            grid-row: 1/3;
            align-self: flex-start
        }

        .regionResults .replyCard--small .replyCard__text, .regionResults .replyCard .replyCard__text {
            grid-row: 2;
            grid-column: 2/4
        }
}

@media (max-width:768px) and (max-width:512px) {
    .regionResults .replyCard--small .replyCard__text, .regionResults .replyCard .replyCard__text {
        grid-column: 2/4
    }
}

@media (max-width:768px) {
    .regionResults .replyCard--small .replyCard__message, .regionResults .replyCard--small .replyCard__subject, .regionResults .replyCard .replyCard__message, .regionResults .replyCard .replyCard__subject {
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-stretch: normal;
        letter-spacing: normal;
        font-family: Inter,sans-serif;
        font-size: 1rem;
        line-height: 1.5em;
        letter-spacing: -.011em;
        font-weight: 400
    }

        .regionResults .replyCard--small .replyCard__message .link a, .regionResults .replyCard--small .replyCard__subject .link a, .regionResults .replyCard .replyCard__message .link a, .regionResults .replyCard .replyCard__subject .link a {
            transition: all .1s ease;
            text-decoration: underline;
            color: var(--m-01--dark-01)
        }

            .regionResults .replyCard--small .replyCard__message .link a:hover, .regionResults .replyCard--small .replyCard__subject .link a:hover, .regionResults .replyCard .replyCard__message .link a:hover, .regionResults .replyCard .replyCard__subject .link a:hover {
                color: var(--m-01)
            }

        .regionResults .replyCard--small .replyCard__message mark, .regionResults .replyCard--small .replyCard__message mark[data-color=color], .regionResults .replyCard--small .replyCard__subject mark, .regionResults .replyCard--small .replyCard__subject mark[data-color=color], .regionResults .replyCard .replyCard__message mark, .regionResults .replyCard .replyCard__message mark[data-color=color], .regionResults .replyCard .replyCard__subject mark, .regionResults .replyCard .replyCard__subject mark[data-color=color] {
            color: var(--m-01--dark-01)
        }

            .regionResults .replyCard--small .replyCard__message mark[data-color=gray], .regionResults .replyCard--small .replyCard__subject mark[data-color=gray], .regionResults .replyCard .replyCard__message mark[data-color=gray], .regionResults .replyCard .replyCard__subject mark[data-color=gray] {
                color: var(--neu-07)
            }

            .regionResults .replyCard--small .replyCard__message mark[data-color=default], .regionResults .replyCard--small .replyCard__subject mark[data-color=default], .regionResults .replyCard .replyCard__message mark[data-color=default], .regionResults .replyCard .replyCard__subject mark[data-color=default] {
                color: var(--neu-10)
            }

        .regionResults .replyCard--small .replyCard__message span.m-01--dark-01, .regionResults .replyCard--small .replyCard__message span[data-color=color], .regionResults .replyCard--small .replyCard__subject span.m-01--dark-01, .regionResults .replyCard--small .replyCard__subject span[data-color=color], .regionResults .replyCard .replyCard__message span.m-01--dark-01, .regionResults .replyCard .replyCard__message span[data-color=color], .regionResults .replyCard .replyCard__subject span.m-01--dark-01, .regionResults .replyCard .replyCard__subject span[data-color=color] {
            color: var(--m-01--dark-01)
        }

        .regionResults .replyCard--small .replyCard__message span.neu-07, .regionResults .replyCard--small .replyCard__message span[data-color=gray], .regionResults .replyCard--small .replyCard__subject span.neu-07, .regionResults .replyCard--small .replyCard__subject span[data-color=gray], .regionResults .replyCard .replyCard__message span.neu-07, .regionResults .replyCard .replyCard__message span[data-color=gray], .regionResults .replyCard .replyCard__subject span.neu-07, .regionResults .replyCard .replyCard__subject span[data-color=gray] {
            color: var(--neu-07)
        }

        .regionResults .replyCard--small .replyCard__message span.neu-10, .regionResults .replyCard--small .replyCard__message span[data-color=default], .regionResults .replyCard--small .replyCard__subject span.neu-10, .regionResults .replyCard--small .replyCard__subject span[data-color=default], .regionResults .replyCard .replyCard__message span.neu-10, .regionResults .replyCard .replyCard__message span[data-color=default], .regionResults .replyCard .replyCard__subject span.neu-10, .regionResults .replyCard .replyCard__subject span[data-color=default] {
            color: var(--neu-10)
        }

        .regionResults .replyCard--small .replyCard__message b, .regionResults .replyCard--small .replyCard__message strong, .regionResults .replyCard--small .replyCard__subject b, .regionResults .replyCard--small .replyCard__subject strong, .regionResults .replyCard .replyCard__message b, .regionResults .replyCard .replyCard__message strong, .regionResults .replyCard .replyCard__subject b, .regionResults .replyCard .replyCard__subject strong {
            font-weight: 700
        }

        .regionResults .replyCard--small .replyCard__message em, .regionResults .replyCard--small .replyCard__subject em, .regionResults .replyCard .replyCard__message em, .regionResults .replyCard .replyCard__subject em {
            font-style: italic
        }

    .regionResults .replyCard--small .replyCard__info, .regionResults .replyCard .replyCard__info {
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-stretch: normal;
        letter-spacing: normal;
        font-family: Inter,sans-serif;
        font-size: .813rem;
        line-height: 1.538em;
        letter-spacing: -.003em;
        font-weight: 700;
        margin-top: 8px;
        padding-right: 32px
    }

        .regionResults .replyCard--small .replyCard__info .link a, .regionResults .replyCard .replyCard__info .link a {
            transition: all .1s ease;
            text-decoration: underline;
            color: var(--m-01--dark-01)
        }

            .regionResults .replyCard--small .replyCard__info .link a:hover, .regionResults .replyCard .replyCard__info .link a:hover {
                color: var(--m-01)
            }

        .regionResults .replyCard--small .replyCard__info mark, .regionResults .replyCard--small .replyCard__info mark[data-color=color], .regionResults .replyCard .replyCard__info mark, .regionResults .replyCard .replyCard__info mark[data-color=color] {
            color: var(--m-01--dark-01)
        }

            .regionResults .replyCard--small .replyCard__info mark[data-color=gray], .regionResults .replyCard .replyCard__info mark[data-color=gray] {
                color: var(--neu-07)
            }

            .regionResults .replyCard--small .replyCard__info mark[data-color=default], .regionResults .replyCard .replyCard__info mark[data-color=default] {
                color: var(--neu-10)
            }

        .regionResults .replyCard--small .replyCard__info span.m-01--dark-01, .regionResults .replyCard--small .replyCard__info span[data-color=color], .regionResults .replyCard .replyCard__info span.m-01--dark-01, .regionResults .replyCard .replyCard__info span[data-color=color] {
            color: var(--m-01--dark-01)
        }

        .regionResults .replyCard--small .replyCard__info span.neu-07, .regionResults .replyCard--small .replyCard__info span[data-color=gray], .regionResults .replyCard .replyCard__info span.neu-07, .regionResults .replyCard .replyCard__info span[data-color=gray] {
            color: var(--neu-07)
        }

        .regionResults .replyCard--small .replyCard__info span.neu-10, .regionResults .replyCard--small .replyCard__info span[data-color=default], .regionResults .replyCard .replyCard__info span.neu-10, .regionResults .replyCard .replyCard__info span[data-color=default] {
            color: var(--neu-10)
        }

        .regionResults .replyCard--small .replyCard__info b, .regionResults .replyCard--small .replyCard__info strong, .regionResults .replyCard .replyCard__info b, .regionResults .replyCard .replyCard__info strong {
            font-weight: 700
        }

        .regionResults .replyCard--small .replyCard__info em, .regionResults .replyCard .replyCard__info em {
            font-style: italic
        }

    .regionResults .replyCard--small .replyCard__pin, .regionResults .replyCard .replyCard__pin {
        transition: all .1s ease;
        grid-row: 2;
        grid-column: 3;
        align-self: flex-end;
        width: 24px;
        height: 24px;
        justify-self: flex-end;
        transform: translateY(4px);
        cursor: pointer
    }

        .regionResults .replyCard--small .replyCard__pin:hover, .regionResults .replyCard .replyCard__pin:hover {
            opacity: .7
        }

        .regionResults .replyCard--small .replyCard__pin:before, .regionResults .replyCard .replyCard__pin:before {
            width: 24px;
            height: 24px;
            font-size: 24px;
            font-family: aicep-base-icons !important;
            font-weight: 400;
            display: flex;
            justify-content: center;
            align-items: center;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            content: "\e95b"
        }

    .regionResults .replyCard--small .replyCard__pin--selected, .regionResults .replyCard .replyCard__pin--selected {
        color: var(--m-02--dark-01)
    }

        .regionResults .replyCard--small .replyCard__pin--selected:before, .regionResults .replyCard .replyCard__pin--selected:before {
            content: "\e95c"
        }

    .regionResults .replyCard--small .replyCard__btn, .regionResults .replyCard .replyCard__btn {
        display: none
    }

    .regionResults .infoCard, .regionResults .infoCard--small {
        max-width: 960px;
        padding: 24px
    }

        .regionResults .infoCard--small .infoCard__number, .regionResults .infoCard .infoCard__number {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Calma Global Medium,sans-serif;
            font-size: 2rem;
            line-height: 1.25em;
            letter-spacing: -.016em;
            transform: translateY(0)
        }

            .regionResults .infoCard--small .infoCard__number .link a, .regionResults .infoCard .infoCard__number .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .regionResults .infoCard--small .infoCard__number .link a:hover, .regionResults .infoCard .infoCard__number .link a:hover {
                    color: var(--m-01)
                }

            .regionResults .infoCard--small .infoCard__number mark, .regionResults .infoCard--small .infoCard__number mark[data-color=color], .regionResults .infoCard .infoCard__number mark, .regionResults .infoCard .infoCard__number mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .regionResults .infoCard--small .infoCard__number mark[data-color=gray], .regionResults .infoCard .infoCard__number mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .regionResults .infoCard--small .infoCard__number mark[data-color=default], .regionResults .infoCard .infoCard__number mark[data-color=default] {
                    color: var(--neu-10)
                }

            .regionResults .infoCard--small .infoCard__number span.m-01--dark-01, .regionResults .infoCard--small .infoCard__number span[data-color=color], .regionResults .infoCard .infoCard__number span.m-01--dark-01, .regionResults .infoCard .infoCard__number span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .regionResults .infoCard--small .infoCard__number span.neu-07, .regionResults .infoCard--small .infoCard__number span[data-color=gray], .regionResults .infoCard .infoCard__number span.neu-07, .regionResults .infoCard .infoCard__number span[data-color=gray] {
                color: var(--neu-07)
            }

            .regionResults .infoCard--small .infoCard__number span.neu-10, .regionResults .infoCard--small .infoCard__number span[data-color=default], .regionResults .infoCard .infoCard__number span.neu-10, .regionResults .infoCard .infoCard__number span[data-color=default] {
                color: var(--neu-10)
            }

            .regionResults .infoCard--small .infoCard__number b, .regionResults .infoCard--small .infoCard__number strong, .regionResults .infoCard .infoCard__number b, .regionResults .infoCard .infoCard__number strong {
                font-weight: 700
            }

            .regionResults .infoCard--small .infoCard__number em, .regionResults .infoCard .infoCard__number em {
                font-style: italic
            }
}

@media (max-width:768px) and (max-width:1024px) {
    .regionResults .infoCard--small .infoCard__number, .regionResults .infoCard .infoCard__number {
        font-size: 1.625rem;
        line-height: 1.231em;
        letter-spacing: 0;
        transform: translateY(3px)
    }
}

@media (max-width:768px) {
    .regionResults .infoCard--small .infoCard__title, .regionResults .infoCard .infoCard__title {
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-stretch: normal;
        letter-spacing: normal;
        font-family: Inter,sans-serif;
        font-size: 1rem;
        line-height: 1.5em;
        letter-spacing: -.011em;
        font-weight: 700
    }

        .regionResults .infoCard--small .infoCard__title .link a, .regionResults .infoCard .infoCard__title .link a {
            transition: all .1s ease;
            text-decoration: underline;
            color: var(--m-01--dark-01)
        }

            .regionResults .infoCard--small .infoCard__title .link a:hover, .regionResults .infoCard .infoCard__title .link a:hover {
                color: var(--m-01)
            }

        .regionResults .infoCard--small .infoCard__title mark, .regionResults .infoCard--small .infoCard__title mark[data-color=color], .regionResults .infoCard .infoCard__title mark, .regionResults .infoCard .infoCard__title mark[data-color=color] {
            color: var(--m-01--dark-01)
        }

            .regionResults .infoCard--small .infoCard__title mark[data-color=gray], .regionResults .infoCard .infoCard__title mark[data-color=gray] {
                color: var(--neu-07)
            }

            .regionResults .infoCard--small .infoCard__title mark[data-color=default], .regionResults .infoCard .infoCard__title mark[data-color=default] {
                color: var(--neu-10)
            }

        .regionResults .infoCard--small .infoCard__title span.m-01--dark-01, .regionResults .infoCard--small .infoCard__title span[data-color=color], .regionResults .infoCard .infoCard__title span.m-01--dark-01, .regionResults .infoCard .infoCard__title span[data-color=color] {
            color: var(--m-01--dark-01)
        }

        .regionResults .infoCard--small .infoCard__title span.neu-07, .regionResults .infoCard--small .infoCard__title span[data-color=gray], .regionResults .infoCard .infoCard__title span.neu-07, .regionResults .infoCard .infoCard__title span[data-color=gray] {
            color: var(--neu-07)
        }

        .regionResults .infoCard--small .infoCard__title span.neu-10, .regionResults .infoCard--small .infoCard__title span[data-color=default], .regionResults .infoCard .infoCard__title span.neu-10, .regionResults .infoCard .infoCard__title span[data-color=default] {
            color: var(--neu-10)
        }

        .regionResults .infoCard--small .infoCard__title b, .regionResults .infoCard--small .infoCard__title strong, .regionResults .infoCard .infoCard__title b, .regionResults .infoCard .infoCard__title strong {
            font-weight: 700
        }

        .regionResults .infoCard--small .infoCard__title em, .regionResults .infoCard .infoCard__title em {
            font-style: italic
        }
}

.registerForm .wrapper {
    padding-top: 80px;
    padding-bottom: 64px
}

@media (max-width:1024px) {
    .registerForm .wrapper {
        padding-top: 64px;
        padding-bottom: 64px
    }
}

@media (max-width:512px) {
    .registerForm .wrapper {
        padding-top: 48px;
        padding-bottom: 56px
    }
}

.registerForm__container {
    grid-column: 4/10
}

    .registerForm__container.hide {
        display: none
    }

@media (max-width:1024px) {
    .registerForm__container {
        grid-column: 2/6
    }
}

@media (max-width:768px) {
    .registerForm__container {
        grid-column: 1/7
    }
}

.registerForm__form {
    display: flex;
    flex-direction: column;
    gap: 40px
}

    .registerForm__form.hide {
        display: none
    }

    .registerForm__form .btnContainer {
        margin-bottom: 48px
    }

@media (max-width:1024px) {
    .registerForm__form .btnContainer {
        margin-bottom: 40px
    }
}

@media (max-width:512px) {
    .registerForm__form .btnContainer {
        margin-bottom: 32px
    }
}

.registerForm__doubleField {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 32px
}

@media (max-width:1280px) {
    .registerForm__doubleField {
        gap: 24px
    }
}

@media (max-width:1024px) {
    .registerForm__doubleField {
        gap: 16px
    }
}

@media (max-width:512px) {
    .registerForm__doubleField {
        gap: 0;
        grid-template-columns: 1fr
    }
}

.registerForm__complementaryDetails {
    display: none
}

    .registerForm__complementaryDetails.show {
        display: flex
    }

.registerForm__bottomDetails {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.registerForm__completeProfileText {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1rem;
    line-height: 1.5em;
    letter-spacing: -.011em;
    font-weight: 400;
    margin-top: 40px;
    text-align: center
}

    .registerForm__completeProfileText .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .registerForm__completeProfileText .link a:hover {
            color: var(--m-01)
        }

    .registerForm__completeProfileText mark, .registerForm__completeProfileText mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .registerForm__completeProfileText mark[data-color=gray] {
            color: var(--neu-07)
        }

        .registerForm__completeProfileText mark[data-color=default] {
            color: var(--neu-10)
        }

    .registerForm__completeProfileText span.m-01--dark-01, .registerForm__completeProfileText span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .registerForm__completeProfileText span.neu-07, .registerForm__completeProfileText span[data-color=gray] {
        color: var(--neu-07)
    }

    .registerForm__completeProfileText span.neu-10, .registerForm__completeProfileText span[data-color=default] {
        color: var(--neu-10)
    }

    .registerForm__completeProfileText b, .registerForm__completeProfileText strong {
        font-weight: 700
    }

    .registerForm__completeProfileText em {
        font-style: italic
    }

    .registerForm__completeProfileBtn.hide, .registerForm__completeProfileText.hide, .registerForm__submitComplete {
        display: none
    }

        .registerForm__submitComplete.show {
            display: flex
        }

.registerForm__submitBasic.hide {
    display: none
}

.registerForm__feedbackCompleteDetails {
    grid-column: 1/13;
    display: none
}

@media (max-width:1024px) {
    .registerForm__feedbackCompleteDetails {
        grid-column: 1/7
    }
}

.registerForm__feedbackCompleteDetails.show, .registerForm__modalBasicDetails.show {
    display: flex
}

.registerForm__footer {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: .813rem;
    line-height: 1.538em;
    letter-spacing: -.003em;
    font-weight: 400;
    padding-top: 32px;
    text-align: center
}

    .registerForm__footer .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .registerForm__footer .link a:hover {
            color: var(--m-01)
        }

    .registerForm__footer mark, .registerForm__footer mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .registerForm__footer mark[data-color=gray] {
            color: var(--neu-07)
        }

        .registerForm__footer mark[data-color=default] {
            color: var(--neu-10)
        }

    .registerForm__footer span.m-01--dark-01, .registerForm__footer span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .registerForm__footer span.neu-07, .registerForm__footer span[data-color=gray] {
        color: var(--neu-07)
    }

    .registerForm__footer span.neu-10, .registerForm__footer span[data-color=default] {
        color: var(--neu-10)
    }

    .registerForm__footer b, .registerForm__footer strong {
        font-weight: 700
    }

    .registerForm__footer em {
        font-style: italic
    }

.registerForm .defaultDivider {
    width: 100%
}

.registerForm .bodyText {
    margin-bottom: 0
}

.registerForm .formFields__checkbox label:first-of-type, .registerForm .formFields__formSecondaryTitle:first-child {
    margin-top: 0
}

.registerForm .modalContainer__content {
    padding-top: 40px;
    padding-bottom: 40px;
    display: flex;
    align-items: center
}

.registerFormInvest .wrapper {
    padding-top: 80px;
    padding-bottom: 64px
}

@media (max-width:1024px) {
    .registerFormInvest .wrapper {
        padding-top: 64px;
        padding-bottom: 64px
    }
}

@media (max-width:512px) {
    .registerFormInvest .wrapper {
        padding-top: 48px;
        padding-bottom: 56px
    }
}

.registerFormInvest__container {
    grid-column: 4/10
}

    .registerFormInvest__container.hide {
        display: none
    }

@media (max-width:1024px) {
    .registerFormInvest__container {
        grid-column: 2/6
    }
}

@media (max-width:768px) {
    .registerFormInvest__container {
        grid-column: 1/7
    }
}

.registerFormInvest__form {
    display: flex;
    flex-direction: column;
    gap: 40px
}

    .registerFormInvest__form.hide {
        display: none
    }

    .registerFormInvest__form .btnContainer {
        margin-bottom: 48px
    }

@media (max-width:1024px) {
    .registerFormInvest__form .btnContainer {
        margin-bottom: 40px
    }
}

@media (max-width:512px) {
    .registerFormInvest__form .btnContainer {
        margin-bottom: 32px
    }
}

.registerFormInvest__doubleField {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 32px
}

@media (max-width:1280px) {
    .registerFormInvest__doubleField {
        gap: 24px
    }
}

@media (max-width:1024px) {
    .registerFormInvest__doubleField {
        gap: 16px
    }
}

@media (max-width:512px) {
    .registerFormInvest__doubleField {
        gap: 0;
        grid-template-columns: 1fr
    }
}

.registerFormInvest__complementaryDetails {
    display: none
}

    .registerFormInvest__complementaryDetails.show {
        display: flex
    }

.registerFormInvest__bottomDetails {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.registerFormInvest__completeProfileText {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1rem;
    line-height: 1.5em;
    letter-spacing: -.011em;
    font-weight: 400;
    margin-top: 40px;
    text-align: center
}

    .registerFormInvest__completeProfileText .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .registerFormInvest__completeProfileText .link a:hover {
            color: var(--m-01)
        }

    .registerFormInvest__completeProfileText mark, .registerFormInvest__completeProfileText mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .registerFormInvest__completeProfileText mark[data-color=gray] {
            color: var(--neu-07)
        }

        .registerFormInvest__completeProfileText mark[data-color=default] {
            color: var(--neu-10)
        }

    .registerFormInvest__completeProfileText span.m-01--dark-01, .registerFormInvest__completeProfileText span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .registerFormInvest__completeProfileText span.neu-07, .registerFormInvest__completeProfileText span[data-color=gray] {
        color: var(--neu-07)
    }

    .registerFormInvest__completeProfileText span.neu-10, .registerFormInvest__completeProfileText span[data-color=default] {
        color: var(--neu-10)
    }

    .registerFormInvest__completeProfileText b, .registerFormInvest__completeProfileText strong {
        font-weight: 700
    }

    .registerFormInvest__completeProfileText em {
        font-style: italic
    }

    .registerFormInvest__completeProfileBtn.hide, .registerFormInvest__completeProfileText.hide, .registerFormInvest__submitComplete {
        display: none
    }

        .registerFormInvest__submitComplete.show {
            display: flex
        }

.registerFormInvest__submitBasic.hide {
    display: none
}

.registerFormInvest__feedbackCompleteDetails {
    grid-column: 1/13;
    display: none
}

@media (max-width:1024px) {
    .registerFormInvest__feedbackCompleteDetails {
        grid-column: 1/7
    }
}

.registerFormInvest__feedbackCompleteDetails.show, .registerFormInvest__modalBasicDetails.show {
    display: flex
}

.registerFormInvest__footer {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: .813rem;
    line-height: 1.538em;
    letter-spacing: -.003em;
    font-weight: 400;
    padding-top: 32px;
    text-align: center
}

    .registerFormInvest__footer .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .registerFormInvest__footer .link a:hover {
            color: var(--m-01)
        }

    .registerFormInvest__footer mark, .registerFormInvest__footer mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .registerFormInvest__footer mark[data-color=gray] {
            color: var(--neu-07)
        }

        .registerFormInvest__footer mark[data-color=default] {
            color: var(--neu-10)
        }

    .registerFormInvest__footer span.m-01--dark-01, .registerFormInvest__footer span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .registerFormInvest__footer span.neu-07, .registerFormInvest__footer span[data-color=gray] {
        color: var(--neu-07)
    }

    .registerFormInvest__footer span.neu-10, .registerFormInvest__footer span[data-color=default] {
        color: var(--neu-10)
    }

    .registerFormInvest__footer b, .registerFormInvest__footer strong {
        font-weight: 700
    }

    .registerFormInvest__footer em {
        font-style: italic
    }

.registerFormInvest .defaultDivider {
    width: 100%
}

.registerFormInvest .btnContainer {
    margin-top: 48px
}

.registerFormInvest .bodyText {
    margin-bottom: 0
}

.registerFormInvest .formFields__checkbox label:first-of-type, .registerFormInvest .formFields__formSecondaryTitle:first-child {
    margin-top: 0
}

.registerFormInvest .formFields__checkbox--terms {
    margin-top: 40px
}

.registerFormInvest .modalContainer__content {
    padding-top: 40px;
    padding-bottom: 40px;
    display: flex;
    align-items: center
}

.repliesList__wrapper {
    padding-top: 32px;
    padding-bottom: 32px
}

@media (max-width:768px) {
    .repliesList__wrapper {
        padding-top: 24px;
        padding-bottom: 24px
    }
}

.repliesList__container {
    grid-column: 1/13
}

@media (max-width:1024px) {
    .repliesList__container {
        grid-column: 1/13
    }
}

@media (max-width:1024px) and (max-width:1024px) {
    .repliesList__container {
        grid-column: 1/7
    }
}

.repliesList__list {
    display: flex;
    flex-direction: column
}

.repliesList .btnContainer {
    margin-top: 48px
}

@media (max-width:1024px) {
    .repliesList .btnContainer {
        margin-top: 32px
    }
}

.requestInfoForm .wrapper {
    padding-top: 80px;
    padding-bottom: 80px
}

@media (max-width:1024px) {
    .requestInfoForm .wrapper {
        padding-top: 48px;
        padding-bottom: 48px
    }
}

.requestInfoForm__title {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1.75rem;
    line-height: 1.429em;
    letter-spacing: -.021em;
    font-weight: 700
}

    .requestInfoForm__title .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .requestInfoForm__title .link a:hover {
            color: var(--m-01)
        }

    .requestInfoForm__title mark, .requestInfoForm__title mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .requestInfoForm__title mark[data-color=gray] {
            color: var(--neu-07)
        }

        .requestInfoForm__title mark[data-color=default] {
            color: var(--neu-10)
        }

    .requestInfoForm__title span.m-01--dark-01, .requestInfoForm__title span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .requestInfoForm__title span.neu-07, .requestInfoForm__title span[data-color=gray] {
        color: var(--neu-07)
    }

    .requestInfoForm__title span.neu-10, .requestInfoForm__title span[data-color=default] {
        color: var(--neu-10)
    }

    .requestInfoForm__title b, .requestInfoForm__title strong {
        font-weight: 700
    }

    .requestInfoForm__title em {
        font-style: italic
    }

@media (max-width:1024px) {
    .requestInfoForm__title {
        font-size: 1.438rem;
        line-height: 1.391em;
        letter-spacing: -.019em
    }
}

.searchHeader {
    overflow: hidden;
    position: relative;
    background: var(--neu-10);
    padding: 294px 0 96px
}

    .searchHeader:after, .searchHeader:before {
        content: "";
        position: absolute;
        background: var(--m-01);
        width: 50%;
        height: 100%;
        bottom: 0;
        z-index: 1;
        animation: g .8s .15s cubic-bezier(.5,0,.01,1) both
    }

    .searchHeader:before {
        left: 0
    }

@media (max-width:768px) {
    .searchHeader:before {
        width: 100%
    }
}

.searchHeader:after {
    right: 0;
    animation-delay: .5s
}

@media (max-width:768px) {
    .searchHeader:after {
        display: none
    }
}

.searchHeader .animeContent > * {
    animation: h .8s cubic-bezier(.5,0,.01,1) backwards
}

.searchHeader .btnContainer, .searchHeader .map, .searchHeader .otherContent {
    animation: C .6s cubic-bezier(.5,0,.01,1) both
}

.searchHeader .media {
    overflow: hidden
}

    .searchHeader .media figure {
        animation: i 1.5s .1s cubic-bezier(.5,0,.01,1) both
    }

@media (max-width:1024px) {
    .searchHeader {
        padding: 185px 0 56px
    }
}

.searchHeader__media {
    position: absolute
}

.searchHeader__media--item {
    width: 100%;
    height: 100%
}

    .searchHeader__media--item img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }

.searchHeader__content {
    grid-column: 2/12
}

@media (max-width:1024px) {
    .searchHeader__content {
        grid-column: 1/7
    }
}

.searchHeader__title {
    animation-delay: 0.8s !important;
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Calma Global Large,sans-serif;
    font-size: 5rem;
    line-height: 1em;
    letter-spacing: -.025em;
    max-width: 640px
}

    .searchHeader__title .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .searchHeader__title .link a:hover {
            color: var(--m-01)
        }

    .searchHeader__title mark, .searchHeader__title mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .searchHeader__title mark[data-color=gray] {
            color: var(--neu-07)
        }

        .searchHeader__title mark[data-color=default] {
            color: var(--neu-10)
        }

    .searchHeader__title span.m-01--dark-01, .searchHeader__title span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .searchHeader__title span.neu-07, .searchHeader__title span[data-color=gray] {
        color: var(--neu-07)
    }

    .searchHeader__title span.neu-10, .searchHeader__title span[data-color=default] {
        color: var(--neu-10)
    }

    .searchHeader__title b, .searchHeader__title strong {
        font-weight: 700
    }

    .searchHeader__title em {
        font-style: italic
    }

@media (max-width:1024px) {
    .searchHeader__title {
        font-size: 3.5rem;
        line-height: 1.143em;
        letter-spacing: -.027em
    }
}

.searchHeader__searchBar {
    margin-top: 32px;
    animation-delay: 0.6s !important
}

.searchHeader__description {
    animation-delay: 0.7s !important;
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1rem;
    line-height: 1.5em;
    letter-spacing: -.011em;
    font-weight: 400;
    max-width: 640px;
    margin-top: 24px
}

    .searchHeader__description .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .searchHeader__description .link a:hover {
            color: var(--m-01)
        }

    .searchHeader__description mark, .searchHeader__description mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .searchHeader__description mark[data-color=gray] {
            color: var(--neu-07)
        }

        .searchHeader__description mark[data-color=default] {
            color: var(--neu-10)
        }

    .searchHeader__description span.m-01--dark-01, .searchHeader__description span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .searchHeader__description span.neu-07, .searchHeader__description span[data-color=gray] {
        color: var(--neu-07)
    }

    .searchHeader__description span.neu-10, .searchHeader__description span[data-color=default] {
        color: var(--neu-10)
    }

    .searchHeader__description b, .searchHeader__description strong {
        font-weight: 700
    }

    .searchHeader__description em {
        font-style: italic
    }

@media (max-width:1024px) {
    .searchHeader__description {
        margin-top: 16px
    }
}

.searchHeader:not([data-bg=media]) .media {
    display: none
}

.searchResults {
    background: var(--neu-01)
}

.searchResults__wrapper {
    padding-top: 72px;
    padding-bottom: 96px
}

@media (max-width:1024px) {
    .searchResults__wrapper {
        padding-top: 0;
        padding-bottom: 64px
    }
}

.searchResults__header {
    padding-top: 292px
}

@media (max-width:1024px) {
    .searchResults__header {
        padding-top: 152px
    }
}

.searchResults__title {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Calma Global Large,sans-serif;
    font-size: 5rem;
    line-height: 1em;
    letter-spacing: -.025em;
    grid-column: 2/10;
    max-width: 640px
}

    .searchResults__title .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .searchResults__title .link a:hover {
            color: var(--m-01)
        }

    .searchResults__title mark, .searchResults__title mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .searchResults__title mark[data-color=gray] {
            color: var(--neu-07)
        }

        .searchResults__title mark[data-color=default] {
            color: var(--neu-10)
        }

    .searchResults__title span.m-01--dark-01, .searchResults__title span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .searchResults__title span.neu-07, .searchResults__title span[data-color=gray] {
        color: var(--neu-07)
    }

    .searchResults__title span.neu-10, .searchResults__title span[data-color=default] {
        color: var(--neu-10)
    }

    .searchResults__title b, .searchResults__title strong {
        font-weight: 700
    }

    .searchResults__title em {
        font-style: italic
    }

@media (max-width:1024px) {
    .searchResults__title {
        font-size: 3.5rem;
        line-height: 1.143em;
        letter-spacing: -.027em;
        grid-column: 1/13;
        margin-bottom: 8px
    }
}

@media (max-width:1024px) and (max-width:1024px) {
    .searchResults__title {
        grid-column: 1/7
    }
}

@media (max-width:768px) {
    .searchResults__title {
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-stretch: normal;
        letter-spacing: normal;
        font-family: Calma Global Medium,sans-serif;
        font-size: 3.5rem;
        line-height: 1.143em;
        letter-spacing: -.027em
    }

        .searchResults__title .link a {
            transition: all .1s ease;
            text-decoration: underline;
            color: var(--m-01--dark-01)
        }

            .searchResults__title .link a:hover {
                color: var(--m-01)
            }

        .searchResults__title mark, .searchResults__title mark[data-color=color] {
            color: var(--m-01--dark-01)
        }

            .searchResults__title mark[data-color=gray] {
                color: var(--neu-07)
            }

            .searchResults__title mark[data-color=default] {
                color: var(--neu-10)
            }

        .searchResults__title span.m-01--dark-01, .searchResults__title span[data-color=color] {
            color: var(--m-01--dark-01)
        }

        .searchResults__title span.neu-07, .searchResults__title span[data-color=gray] {
            color: var(--neu-07)
        }

        .searchResults__title span.neu-10, .searchResults__title span[data-color=default] {
            color: var(--neu-10)
        }

        .searchResults__title b, .searchResults__title strong {
            font-weight: 700
        }

        .searchResults__title em {
            font-style: italic
        }
}

@media (max-width:768px) and (max-width:1024px) {
    .searchResults__title {
        font-size: 2.5rem;
        line-height: 1.2em;
        letter-spacing: -.025em
    }
}

.searchResults__searchBar {
    grid-column: 2/12;
    margin-top: 40px
}

@media (max-width:1024px) {
    .searchResults__searchBar {
        grid-column: 1/13;
        margin-top: 32px
    }
}

@media (max-width:1024px) and (max-width:1024px) {
    .searchResults__searchBar {
        grid-column: 1/7
    }
}

.searchResults__results {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1.75rem;
    line-height: 1.429em;
    letter-spacing: -.021em;
    font-weight: 400;
    margin-bottom: 32px
}

    .searchResults__results .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .searchResults__results .link a:hover {
            color: var(--m-01)
        }

    .searchResults__results mark, .searchResults__results mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .searchResults__results mark[data-color=gray] {
            color: var(--neu-07)
        }

        .searchResults__results mark[data-color=default] {
            color: var(--neu-10)
        }

    .searchResults__results span.m-01--dark-01, .searchResults__results span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .searchResults__results span.neu-07, .searchResults__results span[data-color=gray] {
        color: var(--neu-07)
    }

    .searchResults__results span.neu-10, .searchResults__results span[data-color=default] {
        color: var(--neu-10)
    }

    .searchResults__results b, .searchResults__results strong {
        font-weight: 700
    }

    .searchResults__results em {
        font-style: italic
    }

@media (max-width:1024px) {
    .searchResults__results {
        font-size: 1.438rem;
        line-height: 1.391em;
        letter-spacing: -.019em
    }
}

.searchResults__results--number {
    font-weight: 700
}

.searchResults__results--search {
    color: var(--m-01--dark-01);
    font-weight: 700
}

@media (max-width:1024px) {
    .searchResults__results {
        position: absolute;
        top: -44px;
        right: 0;
        z-index: 80
    }
}

@media (max-width:768px) {
    .searchResults__results {
        position: static;
        margin-bottom: 8px;
        z-index: auto
    }
}

.searchResults__list {
    grid-column: 1/13;
    display: flex;
    flex-direction: column;
    grid-column: 5/12;
    position: relative
}

@media (max-width:1024px) {
    .searchResults__list {
        grid-column: 1/7
    }
}

.searchResults__list:first-child {
    margin-top: 0
}

@media (max-width:1024px) {
    .searchResults__list {
        padding-top: 24px
    }
}

@media (max-width:768px) {
    .searchResults__list {
        gap: 32px
    }
}

.searchResults * > .pagination {
    grid-column: 4/13;
    margin-top: 40px
}

@media (max-width:1024px) {
    .searchResults * > .pagination {
        grid-column: 1/13
    }
}

@media (max-width:1024px) and (max-width:1024px) {
    .searchResults * > .pagination {
        grid-column: 1/7
    }
}

.searchResults .sidebarFilter {
    grid-column: 2/5;
    margin-top: 16px;
    /*height: 500px;*/
    width: 100%
}

@media (max-width:1024px) {
    .searchResults .sidebarFilter {
        margin-top: 0;
        height: 100%;
        width: 100%;
        overflow-y: auto;
    }
}

@media (max-width:768px) {
    .searchResults .caseCard, .searchResults .caseCard--small {
        min-height: 324px;
        max-width: 960px
    }

        .searchResults .caseCard--small .caseCard__content, .searchResults .caseCard .caseCard__content {
            padding: 24px 16px 16px
        }

        .searchResults .caseCard--small .caseCard__title, .searchResults .caseCard .caseCard__title {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Calma Global Medium,sans-serif;
            font-size: 1.625rem;
            line-height: 1.231em;
            letter-spacing: 0
        }

            .searchResults .caseCard--small .caseCard__title .link a, .searchResults .caseCard .caseCard__title .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .searchResults .caseCard--small .caseCard__title .link a:hover, .searchResults .caseCard .caseCard__title .link a:hover {
                    color: var(--m-01)
                }

            .searchResults .caseCard--small .caseCard__title mark, .searchResults .caseCard--small .caseCard__title mark[data-color=color], .searchResults .caseCard .caseCard__title mark, .searchResults .caseCard .caseCard__title mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .searchResults .caseCard--small .caseCard__title mark[data-color=gray], .searchResults .caseCard .caseCard__title mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .searchResults .caseCard--small .caseCard__title mark[data-color=default], .searchResults .caseCard .caseCard__title mark[data-color=default] {
                    color: var(--neu-10)
                }

            .searchResults .caseCard--small .caseCard__title span.m-01--dark-01, .searchResults .caseCard--small .caseCard__title span[data-color=color], .searchResults .caseCard .caseCard__title span.m-01--dark-01, .searchResults .caseCard .caseCard__title span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .searchResults .caseCard--small .caseCard__title span.neu-07, .searchResults .caseCard--small .caseCard__title span[data-color=gray], .searchResults .caseCard .caseCard__title span.neu-07, .searchResults .caseCard .caseCard__title span[data-color=gray] {
                color: var(--neu-07)
            }

            .searchResults .caseCard--small .caseCard__title span.neu-10, .searchResults .caseCard--small .caseCard__title span[data-color=default], .searchResults .caseCard .caseCard__title span.neu-10, .searchResults .caseCard .caseCard__title span[data-color=default] {
                color: var(--neu-10)
            }

            .searchResults .caseCard--small .caseCard__title b, .searchResults .caseCard--small .caseCard__title strong, .searchResults .caseCard .caseCard__title b, .searchResults .caseCard .caseCard__title strong {
                font-weight: 700
            }

            .searchResults .caseCard--small .caseCard__title em, .searchResults .caseCard .caseCard__title em {
                font-style: italic
            }

    .searchResults .countyCard, .searchResults .countyCard--small {
        max-width: 960px;
        height: 100%;
        min-height: 80px
    }

    .searchResults .industryCard, .searchResults .industryCard--small {
        max-width: 960px;
        max-width: 480px;
        min-height: 240px
    }

        .searchResults .industryCard--small .industryCard__content, .searchResults .industryCard .industryCard__content {
            padding: 24px 16px 16px
        }

        .searchResults .industryCard--small .industryCard__title, .searchResults .industryCard .industryCard__title {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Calma Global Medium,sans-serif;
            font-size: 1.625rem;
            line-height: 1.231em;
            letter-spacing: 0
        }

            .searchResults .industryCard--small .industryCard__title .link a, .searchResults .industryCard .industryCard__title .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .searchResults .industryCard--small .industryCard__title .link a:hover, .searchResults .industryCard .industryCard__title .link a:hover {
                    color: var(--m-01)
                }

            .searchResults .industryCard--small .industryCard__title mark, .searchResults .industryCard--small .industryCard__title mark[data-color=color], .searchResults .industryCard .industryCard__title mark, .searchResults .industryCard .industryCard__title mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .searchResults .industryCard--small .industryCard__title mark[data-color=gray], .searchResults .industryCard .industryCard__title mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .searchResults .industryCard--small .industryCard__title mark[data-color=default], .searchResults .industryCard .industryCard__title mark[data-color=default] {
                    color: var(--neu-10)
                }

            .searchResults .industryCard--small .industryCard__title span.m-01--dark-01, .searchResults .industryCard--small .industryCard__title span[data-color=color], .searchResults .industryCard .industryCard__title span.m-01--dark-01, .searchResults .industryCard .industryCard__title span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .searchResults .industryCard--small .industryCard__title span.neu-07, .searchResults .industryCard--small .industryCard__title span[data-color=gray], .searchResults .industryCard .industryCard__title span.neu-07, .searchResults .industryCard .industryCard__title span[data-color=gray] {
                color: var(--neu-07)
            }

            .searchResults .industryCard--small .industryCard__title span.neu-10, .searchResults .industryCard--small .industryCard__title span[data-color=default], .searchResults .industryCard .industryCard__title span.neu-10, .searchResults .industryCard .industryCard__title span[data-color=default] {
                color: var(--neu-10)
            }

            .searchResults .industryCard--small .industryCard__title b, .searchResults .industryCard--small .industryCard__title strong, .searchResults .industryCard .industryCard__title b, .searchResults .industryCard .industryCard__title strong {
                font-weight: 700
            }

            .searchResults .industryCard--small .industryCard__title em, .searchResults .industryCard .industryCard__title em {
                font-style: italic
            }

    .searchResults .itemCard, .searchResults .itemCard--small {
        max-width: 960px;
        padding: 24px 16px 32px 4px;
        height: 100%
    }

        .searchResults .itemCard--small .itemCard__text, .searchResults .itemCard .itemCard__text {
            max-width: 310px
        }

    .searchResults .readingImageCard, .searchResults .readingImageCard--small {
        max-width: 960px;
        background: transparent;
        box-shadow: none;
        border-bottom: 1px solid var(--neu-03);
        min-height: auto;
        flex-direction: row;
        padding: 8px 0 16px;
        border-radius: 0
    }

        .searchResults .readingImageCard--small .readingImageCard__image, .searchResults .readingImageCard .readingImageCard__image {
            height: auto;
            max-width: 110px;
            flex: 1;
            border-radius: 0
        }

        .searchResults .readingImageCard--small .readingImageCard__content, .searchResults .readingImageCard .readingImageCard__content {
            padding: 0 0 0 16px;
            flex: 2;
            justify-content: flex-start
        }

        .searchResults .readingImageCard--small .readingImageCard__text, .searchResults .readingImageCard .readingImageCard__text {
            padding: 0;
            padding-right: 24px
        }

        .searchResults .readingImageCard--small .readingImageCard__title, .searchResults .readingImageCard .readingImageCard__title {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Inter,sans-serif;
            font-size: 1rem;
            line-height: 1.5em;
            letter-spacing: -.011em;
            font-weight: 700;
            margin-top: 4px
        }

            .searchResults .readingImageCard--small .readingImageCard__title .link a, .searchResults .readingImageCard .readingImageCard__title .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .searchResults .readingImageCard--small .readingImageCard__title .link a:hover, .searchResults .readingImageCard .readingImageCard__title .link a:hover {
                    color: var(--m-01)
                }

            .searchResults .readingImageCard--small .readingImageCard__title mark, .searchResults .readingImageCard--small .readingImageCard__title mark[data-color=color], .searchResults .readingImageCard .readingImageCard__title mark, .searchResults .readingImageCard .readingImageCard__title mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .searchResults .readingImageCard--small .readingImageCard__title mark[data-color=gray], .searchResults .readingImageCard .readingImageCard__title mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .searchResults .readingImageCard--small .readingImageCard__title mark[data-color=default], .searchResults .readingImageCard .readingImageCard__title mark[data-color=default] {
                    color: var(--neu-10)
                }

            .searchResults .readingImageCard--small .readingImageCard__title span.m-01--dark-01, .searchResults .readingImageCard--small .readingImageCard__title span[data-color=color], .searchResults .readingImageCard .readingImageCard__title span.m-01--dark-01, .searchResults .readingImageCard .readingImageCard__title span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .searchResults .readingImageCard--small .readingImageCard__title span.neu-07, .searchResults .readingImageCard--small .readingImageCard__title span[data-color=gray], .searchResults .readingImageCard .readingImageCard__title span.neu-07, .searchResults .readingImageCard .readingImageCard__title span[data-color=gray] {
                color: var(--neu-07)
            }

            .searchResults .readingImageCard--small .readingImageCard__title span.neu-10, .searchResults .readingImageCard--small .readingImageCard__title span[data-color=default], .searchResults .readingImageCard .readingImageCard__title span.neu-10, .searchResults .readingImageCard .readingImageCard__title span[data-color=default] {
                color: var(--neu-10)
            }

            .searchResults .readingImageCard--small .readingImageCard__title b, .searchResults .readingImageCard--small .readingImageCard__title strong, .searchResults .readingImageCard .readingImageCard__title b, .searchResults .readingImageCard .readingImageCard__title strong {
                font-weight: 700
            }

            .searchResults .readingImageCard--small .readingImageCard__title em, .searchResults .readingImageCard .readingImageCard__title em {
                font-style: italic
            }

        .searchResults .readingImageCard--small .readingImageCard__infoItem i, .searchResults .readingImageCard .readingImageCard__infoItem i {
            display: none
        }

        .searchResults .readingImageCard--small .btnBookmark, .searchResults .readingImageCard--small .btnBookmark--privateArea, .searchResults .readingImageCard--small .btnBookmark--small, .searchResults .readingImageCard .btnBookmark, .searchResults .readingImageCard .btnBookmark--privateArea, .searchResults .readingImageCard .btnBookmark--small {
            top: -8px;
            right: -16px;
            z-index: 2
        }

            .searchResults .readingImageCard--small .btnBookmark--privateArea .btnBookmark, .searchResults .readingImageCard--small .btnBookmark--privateArea .btnBookmark--small, .searchResults .readingImageCard .btnBookmark--privateArea .btnBookmark, .searchResults .readingImageCard .btnBookmark--privateArea .btnBookmark--small {
                top: 0;
                right: 0
            }

        .searchResults .readingImageCard--small:hover, .searchResults .readingImageCard:hover {
            box-shadow: none;
            transform: none
        }

    .searchResults .readingTextCard, .searchResults .readingTextCard--small {
        max-width: 960px;
        background: transparent;
        box-shadow: none;
        border-bottom: 1px solid var(--neu-03);
        min-height: auto;
        flex-direction: row;
        padding: 8px 0 16px;
        border-radius: 0
    }

        .searchResults .readingTextCard--small .readingTextCard__content, .searchResults .readingTextCard .readingTextCard__content {
            flex: 2
        }

        .searchResults .readingTextCard--small .readingTextCard__text, .searchResults .readingTextCard .readingTextCard__text {
            padding: 0
        }

        .searchResults .readingTextCard--small .readingTextCard__title, .searchResults .readingTextCard .readingTextCard__title {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Inter,sans-serif;
            font-size: 1rem;
            line-height: 1.5em;
            letter-spacing: -.011em;
            font-weight: 700;
            margin-top: 4px
        }

            .searchResults .readingTextCard--small .readingTextCard__title .link a, .searchResults .readingTextCard .readingTextCard__title .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .searchResults .readingTextCard--small .readingTextCard__title .link a:hover, .searchResults .readingTextCard .readingTextCard__title .link a:hover {
                    color: var(--m-01)
                }

            .searchResults .readingTextCard--small .readingTextCard__title mark, .searchResults .readingTextCard--small .readingTextCard__title mark[data-color=color], .searchResults .readingTextCard .readingTextCard__title mark, .searchResults .readingTextCard .readingTextCard__title mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .searchResults .readingTextCard--small .readingTextCard__title mark[data-color=gray], .searchResults .readingTextCard .readingTextCard__title mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .searchResults .readingTextCard--small .readingTextCard__title mark[data-color=default], .searchResults .readingTextCard .readingTextCard__title mark[data-color=default] {
                    color: var(--neu-10)
                }

            .searchResults .readingTextCard--small .readingTextCard__title span.m-01--dark-01, .searchResults .readingTextCard--small .readingTextCard__title span[data-color=color], .searchResults .readingTextCard .readingTextCard__title span.m-01--dark-01, .searchResults .readingTextCard .readingTextCard__title span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .searchResults .readingTextCard--small .readingTextCard__title span.neu-07, .searchResults .readingTextCard--small .readingTextCard__title span[data-color=gray], .searchResults .readingTextCard .readingTextCard__title span.neu-07, .searchResults .readingTextCard .readingTextCard__title span[data-color=gray] {
                color: var(--neu-07)
            }

            .searchResults .readingTextCard--small .readingTextCard__title span.neu-10, .searchResults .readingTextCard--small .readingTextCard__title span[data-color=default], .searchResults .readingTextCard .readingTextCard__title span.neu-10, .searchResults .readingTextCard .readingTextCard__title span[data-color=default] {
                color: var(--neu-10)
            }

            .searchResults .readingTextCard--small .readingTextCard__title b, .searchResults .readingTextCard--small .readingTextCard__title strong, .searchResults .readingTextCard .readingTextCard__title b, .searchResults .readingTextCard .readingTextCard__title strong {
                font-weight: 700
            }

            .searchResults .readingTextCard--small .readingTextCard__title em, .searchResults .readingTextCard .readingTextCard__title em {
                font-style: italic
            }

        .searchResults .readingTextCard--small .readingTextCard__description, .searchResults .readingTextCard--small .readingTextCard__infoItem i, .searchResults .readingTextCard .readingTextCard__description, .searchResults .readingTextCard .readingTextCard__infoItem i {
            display: none
        }

        .searchResults .readingTextCard--small:hover, .searchResults .readingTextCard:hover {
            box-shadow: none;
            transform: none
        }

    .searchResults .regionCard, .searchResults .regionCard--small {
        max-width: 960px;
        min-height: 270px
    }

        .searchResults .regionCard--small .regionCard__content, .searchResults .regionCard .regionCard__content {
            padding: 24px 16px 16px
        }

        .searchResults .regionCard--small .regionCard__title, .searchResults .regionCard .regionCard__title {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Calma Global Medium,sans-serif;
            font-size: 2rem;
            line-height: 1.25em;
            letter-spacing: -.016em
        }

            .searchResults .regionCard--small .regionCard__title .link a, .searchResults .regionCard .regionCard__title .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .searchResults .regionCard--small .regionCard__title .link a:hover, .searchResults .regionCard .regionCard__title .link a:hover {
                    color: var(--m-01)
                }

            .searchResults .regionCard--small .regionCard__title mark, .searchResults .regionCard--small .regionCard__title mark[data-color=color], .searchResults .regionCard .regionCard__title mark, .searchResults .regionCard .regionCard__title mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .searchResults .regionCard--small .regionCard__title mark[data-color=gray], .searchResults .regionCard .regionCard__title mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .searchResults .regionCard--small .regionCard__title mark[data-color=default], .searchResults .regionCard .regionCard__title mark[data-color=default] {
                    color: var(--neu-10)
                }

            .searchResults .regionCard--small .regionCard__title span.m-01--dark-01, .searchResults .regionCard--small .regionCard__title span[data-color=color], .searchResults .regionCard .regionCard__title span.m-01--dark-01, .searchResults .regionCard .regionCard__title span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .searchResults .regionCard--small .regionCard__title span.neu-07, .searchResults .regionCard--small .regionCard__title span[data-color=gray], .searchResults .regionCard .regionCard__title span.neu-07, .searchResults .regionCard .regionCard__title span[data-color=gray] {
                color: var(--neu-07)
            }

            .searchResults .regionCard--small .regionCard__title span.neu-10, .searchResults .regionCard--small .regionCard__title span[data-color=default], .searchResults .regionCard .regionCard__title span.neu-10, .searchResults .regionCard .regionCard__title span[data-color=default] {
                color: var(--neu-10)
            }

            .searchResults .regionCard--small .regionCard__title b, .searchResults .regionCard--small .regionCard__title strong, .searchResults .regionCard .regionCard__title b, .searchResults .regionCard .regionCard__title strong {
                font-weight: 700
            }

            .searchResults .regionCard--small .regionCard__title em, .searchResults .regionCard .regionCard__title em {
                font-style: italic
            }
}

@media (max-width:768px) and (max-width:1024px) {
    .searchResults .regionCard--small .regionCard__title, .searchResults .regionCard .regionCard__title {
        font-size: 1.625rem;
        line-height: 1.231em;
        letter-spacing: 0
    }
}

@media (max-width:768px) {
    .searchResults .resourceCard, .searchResults .resourceCard--small {
        max-width: 960px;
        min-height: 200px;
        height: 100%;
        padding: 24px 16px
    }

        .searchResults .resourceCard--small .resourceCard__title, .searchResults .resourceCard .resourceCard__title {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Inter,sans-serif;
            font-size: 1.188rem;
            line-height: 1.263em;
            letter-spacing: -.016em;
            font-weight: 400;
            margin-top: 4px
        }

            .searchResults .resourceCard--small .resourceCard__title .link a, .searchResults .resourceCard .resourceCard__title .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .searchResults .resourceCard--small .resourceCard__title .link a:hover, .searchResults .resourceCard .resourceCard__title .link a:hover {
                    color: var(--m-01)
                }

            .searchResults .resourceCard--small .resourceCard__title mark, .searchResults .resourceCard--small .resourceCard__title mark[data-color=color], .searchResults .resourceCard .resourceCard__title mark, .searchResults .resourceCard .resourceCard__title mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .searchResults .resourceCard--small .resourceCard__title mark[data-color=gray], .searchResults .resourceCard .resourceCard__title mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .searchResults .resourceCard--small .resourceCard__title mark[data-color=default], .searchResults .resourceCard .resourceCard__title mark[data-color=default] {
                    color: var(--neu-10)
                }

            .searchResults .resourceCard--small .resourceCard__title span.m-01--dark-01, .searchResults .resourceCard--small .resourceCard__title span[data-color=color], .searchResults .resourceCard .resourceCard__title span.m-01--dark-01, .searchResults .resourceCard .resourceCard__title span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .searchResults .resourceCard--small .resourceCard__title span.neu-07, .searchResults .resourceCard--small .resourceCard__title span[data-color=gray], .searchResults .resourceCard .resourceCard__title span.neu-07, .searchResults .resourceCard .resourceCard__title span[data-color=gray] {
                color: var(--neu-07)
            }

            .searchResults .resourceCard--small .resourceCard__title span.neu-10, .searchResults .resourceCard--small .resourceCard__title span[data-color=default], .searchResults .resourceCard .resourceCard__title span.neu-10, .searchResults .resourceCard .resourceCard__title span[data-color=default] {
                color: var(--neu-10)
            }

            .searchResults .resourceCard--small .resourceCard__title b, .searchResults .resourceCard--small .resourceCard__title strong, .searchResults .resourceCard .resourceCard__title b, .searchResults .resourceCard .resourceCard__title strong {
                font-weight: 700
            }

            .searchResults .resourceCard--small .resourceCard__title em, .searchResults .resourceCard .resourceCard__title em {
                font-style: italic
            }

        .searchResults .resourceCard--small .btn, .searchResults .resourceCard--small .btn--icon, .searchResults .resourceCard--small .btn--primary, .searchResults .resourceCard--small .btn--primary--dark, .searchResults .resourceCard--small .btn--secondary, .searchResults .resourceCard--small .btn--small, .searchResults .resourceCard--small .btn--tertiary, .searchResults .resourceCard .btn, .searchResults .resourceCard .btn--icon, .searchResults .resourceCard .btn--primary, .searchResults .resourceCard .btn--primary--dark, .searchResults .resourceCard .btn--secondary, .searchResults .resourceCard .btn--small, .searchResults .resourceCard .btn--tertiary {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Inter,sans-serif;
            font-size: .813rem;
            line-height: 1.538em;
            letter-spacing: -.003em;
            font-weight: 400;
            font-weight: 700;
            padding: 0 20px;
            height: 40px
        }

            .searchResults .resourceCard--small .btn--icon .link a, .searchResults .resourceCard--small .btn--primary--dark .link a, .searchResults .resourceCard--small .btn--primary .link a, .searchResults .resourceCard--small .btn--secondary .link a, .searchResults .resourceCard--small .btn--small .link a, .searchResults .resourceCard--small .btn--tertiary .link a, .searchResults .resourceCard--small .btn .link a, .searchResults .resourceCard .btn--icon .link a, .searchResults .resourceCard .btn--primary--dark .link a, .searchResults .resourceCard .btn--primary .link a, .searchResults .resourceCard .btn--secondary .link a, .searchResults .resourceCard .btn--small .link a, .searchResults .resourceCard .btn--tertiary .link a, .searchResults .resourceCard .btn .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .searchResults .resourceCard--small .btn--icon .link a:hover, .searchResults .resourceCard--small .btn--primary--dark .link a:hover, .searchResults .resourceCard--small .btn--primary .link a:hover, .searchResults .resourceCard--small .btn--secondary .link a:hover, .searchResults .resourceCard--small .btn--small .link a:hover, .searchResults .resourceCard--small .btn--tertiary .link a:hover, .searchResults .resourceCard--small .btn .link a:hover, .searchResults .resourceCard .btn--icon .link a:hover, .searchResults .resourceCard .btn--primary--dark .link a:hover, .searchResults .resourceCard .btn--primary .link a:hover, .searchResults .resourceCard .btn--secondary .link a:hover, .searchResults .resourceCard .btn--small .link a:hover, .searchResults .resourceCard .btn--tertiary .link a:hover, .searchResults .resourceCard .btn .link a:hover {
                    color: var(--m-01)
                }

            .searchResults .resourceCard--small .btn--icon mark, .searchResults .resourceCard--small .btn--icon mark[data-color=color], .searchResults .resourceCard--small .btn--primary--dark mark, .searchResults .resourceCard--small .btn--primary--dark mark[data-color=color], .searchResults .resourceCard--small .btn--primary mark, .searchResults .resourceCard--small .btn--primary mark[data-color=color], .searchResults .resourceCard--small .btn--secondary mark, .searchResults .resourceCard--small .btn--secondary mark[data-color=color], .searchResults .resourceCard--small .btn--small mark, .searchResults .resourceCard--small .btn--small mark[data-color=color], .searchResults .resourceCard--small .btn--tertiary mark, .searchResults .resourceCard--small .btn--tertiary mark[data-color=color], .searchResults .resourceCard--small .btn mark, .searchResults .resourceCard--small .btn mark[data-color=color], .searchResults .resourceCard .btn--icon mark, .searchResults .resourceCard .btn--icon mark[data-color=color], .searchResults .resourceCard .btn--primary--dark mark, .searchResults .resourceCard .btn--primary--dark mark[data-color=color], .searchResults .resourceCard .btn--primary mark, .searchResults .resourceCard .btn--primary mark[data-color=color], .searchResults .resourceCard .btn--secondary mark, .searchResults .resourceCard .btn--secondary mark[data-color=color], .searchResults .resourceCard .btn--small mark, .searchResults .resourceCard .btn--small mark[data-color=color], .searchResults .resourceCard .btn--tertiary mark, .searchResults .resourceCard .btn--tertiary mark[data-color=color], .searchResults .resourceCard .btn mark, .searchResults .resourceCard .btn mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .searchResults .resourceCard--small .btn--icon mark[data-color=gray], .searchResults .resourceCard--small .btn--primary--dark mark[data-color=gray], .searchResults .resourceCard--small .btn--primary mark[data-color=gray], .searchResults .resourceCard--small .btn--secondary mark[data-color=gray], .searchResults .resourceCard--small .btn--small mark[data-color=gray], .searchResults .resourceCard--small .btn--tertiary mark[data-color=gray], .searchResults .resourceCard--small .btn mark[data-color=gray], .searchResults .resourceCard .btn--icon mark[data-color=gray], .searchResults .resourceCard .btn--primary--dark mark[data-color=gray], .searchResults .resourceCard .btn--primary mark[data-color=gray], .searchResults .resourceCard .btn--secondary mark[data-color=gray], .searchResults .resourceCard .btn--small mark[data-color=gray], .searchResults .resourceCard .btn--tertiary mark[data-color=gray], .searchResults .resourceCard .btn mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .searchResults .resourceCard--small .btn--icon mark[data-color=default], .searchResults .resourceCard--small .btn--primary--dark mark[data-color=default], .searchResults .resourceCard--small .btn--primary mark[data-color=default], .searchResults .resourceCard--small .btn--secondary mark[data-color=default], .searchResults .resourceCard--small .btn--small mark[data-color=default], .searchResults .resourceCard--small .btn--tertiary mark[data-color=default], .searchResults .resourceCard--small .btn mark[data-color=default], .searchResults .resourceCard .btn--icon mark[data-color=default], .searchResults .resourceCard .btn--primary--dark mark[data-color=default], .searchResults .resourceCard .btn--primary mark[data-color=default], .searchResults .resourceCard .btn--secondary mark[data-color=default], .searchResults .resourceCard .btn--small mark[data-color=default], .searchResults .resourceCard .btn--tertiary mark[data-color=default], .searchResults .resourceCard .btn mark[data-color=default] {
                    color: var(--neu-10)
                }

            .searchResults .resourceCard--small .btn--icon span.m-01--dark-01, .searchResults .resourceCard--small .btn--icon span[data-color=color], .searchResults .resourceCard--small .btn--primary--dark span.m-01--dark-01, .searchResults .resourceCard--small .btn--primary--dark span[data-color=color], .searchResults .resourceCard--small .btn--primary span.m-01--dark-01, .searchResults .resourceCard--small .btn--primary span[data-color=color], .searchResults .resourceCard--small .btn--secondary span.m-01--dark-01, .searchResults .resourceCard--small .btn--secondary span[data-color=color], .searchResults .resourceCard--small .btn--small span.m-01--dark-01, .searchResults .resourceCard--small .btn--small span[data-color=color], .searchResults .resourceCard--small .btn--tertiary span.m-01--dark-01, .searchResults .resourceCard--small .btn--tertiary span[data-color=color], .searchResults .resourceCard--small .btn span.m-01--dark-01, .searchResults .resourceCard--small .btn span[data-color=color], .searchResults .resourceCard .btn--icon span.m-01--dark-01, .searchResults .resourceCard .btn--icon span[data-color=color], .searchResults .resourceCard .btn--primary--dark span.m-01--dark-01, .searchResults .resourceCard .btn--primary--dark span[data-color=color], .searchResults .resourceCard .btn--primary span.m-01--dark-01, .searchResults .resourceCard .btn--primary span[data-color=color], .searchResults .resourceCard .btn--secondary span.m-01--dark-01, .searchResults .resourceCard .btn--secondary span[data-color=color], .searchResults .resourceCard .btn--small span.m-01--dark-01, .searchResults .resourceCard .btn--small span[data-color=color], .searchResults .resourceCard .btn--tertiary span.m-01--dark-01, .searchResults .resourceCard .btn--tertiary span[data-color=color], .searchResults .resourceCard .btn span.m-01--dark-01, .searchResults .resourceCard .btn span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .searchResults .resourceCard--small .btn--icon span.neu-07, .searchResults .resourceCard--small .btn--icon span[data-color=gray], .searchResults .resourceCard--small .btn--primary--dark span.neu-07, .searchResults .resourceCard--small .btn--primary--dark span[data-color=gray], .searchResults .resourceCard--small .btn--primary span.neu-07, .searchResults .resourceCard--small .btn--primary span[data-color=gray], .searchResults .resourceCard--small .btn--secondary span.neu-07, .searchResults .resourceCard--small .btn--secondary span[data-color=gray], .searchResults .resourceCard--small .btn--small span.neu-07, .searchResults .resourceCard--small .btn--small span[data-color=gray], .searchResults .resourceCard--small .btn--tertiary span.neu-07, .searchResults .resourceCard--small .btn--tertiary span[data-color=gray], .searchResults .resourceCard--small .btn span.neu-07, .searchResults .resourceCard--small .btn span[data-color=gray], .searchResults .resourceCard .btn--icon span.neu-07, .searchResults .resourceCard .btn--icon span[data-color=gray], .searchResults .resourceCard .btn--primary--dark span.neu-07, .searchResults .resourceCard .btn--primary--dark span[data-color=gray], .searchResults .resourceCard .btn--primary span.neu-07, .searchResults .resourceCard .btn--primary span[data-color=gray], .searchResults .resourceCard .btn--secondary span.neu-07, .searchResults .resourceCard .btn--secondary span[data-color=gray], .searchResults .resourceCard .btn--small span.neu-07, .searchResults .resourceCard .btn--small span[data-color=gray], .searchResults .resourceCard .btn--tertiary span.neu-07, .searchResults .resourceCard .btn--tertiary span[data-color=gray], .searchResults .resourceCard .btn span.neu-07, .searchResults .resourceCard .btn span[data-color=gray] {
                color: var(--neu-07)
            }

            .searchResults .resourceCard--small .btn--icon span.neu-10, .searchResults .resourceCard--small .btn--icon span[data-color=default], .searchResults .resourceCard--small .btn--primary--dark span.neu-10, .searchResults .resourceCard--small .btn--primary--dark span[data-color=default], .searchResults .resourceCard--small .btn--primary span.neu-10, .searchResults .resourceCard--small .btn--primary span[data-color=default], .searchResults .resourceCard--small .btn--secondary span.neu-10, .searchResults .resourceCard--small .btn--secondary span[data-color=default], .searchResults .resourceCard--small .btn--small span.neu-10, .searchResults .resourceCard--small .btn--small span[data-color=default], .searchResults .resourceCard--small .btn--tertiary span.neu-10, .searchResults .resourceCard--small .btn--tertiary span[data-color=default], .searchResults .resourceCard--small .btn span.neu-10, .searchResults .resourceCard--small .btn span[data-color=default], .searchResults .resourceCard .btn--icon span.neu-10, .searchResults .resourceCard .btn--icon span[data-color=default], .searchResults .resourceCard .btn--primary--dark span.neu-10, .searchResults .resourceCard .btn--primary--dark span[data-color=default], .searchResults .resourceCard .btn--primary span.neu-10, .searchResults .resourceCard .btn--primary span[data-color=default], .searchResults .resourceCard .btn--secondary span.neu-10, .searchResults .resourceCard .btn--secondary span[data-color=default], .searchResults .resourceCard .btn--small span.neu-10, .searchResults .resourceCard .btn--small span[data-color=default], .searchResults .resourceCard .btn--tertiary span.neu-10, .searchResults .resourceCard .btn--tertiary span[data-color=default], .searchResults .resourceCard .btn span.neu-10, .searchResults .resourceCard .btn span[data-color=default] {
                color: var(--neu-10)
            }

            .searchResults .resourceCard--small .btn--icon b, .searchResults .resourceCard--small .btn--icon strong, .searchResults .resourceCard--small .btn--primary--dark b, .searchResults .resourceCard--small .btn--primary--dark strong, .searchResults .resourceCard--small .btn--primary b, .searchResults .resourceCard--small .btn--primary strong, .searchResults .resourceCard--small .btn--secondary b, .searchResults .resourceCard--small .btn--secondary strong, .searchResults .resourceCard--small .btn--small b, .searchResults .resourceCard--small .btn--small strong, .searchResults .resourceCard--small .btn--tertiary b, .searchResults .resourceCard--small .btn--tertiary strong, .searchResults .resourceCard--small .btn b, .searchResults .resourceCard--small .btn strong, .searchResults .resourceCard .btn--icon b, .searchResults .resourceCard .btn--icon strong, .searchResults .resourceCard .btn--primary--dark b, .searchResults .resourceCard .btn--primary--dark strong, .searchResults .resourceCard .btn--primary b, .searchResults .resourceCard .btn--primary strong, .searchResults .resourceCard .btn--secondary b, .searchResults .resourceCard .btn--secondary strong, .searchResults .resourceCard .btn--small b, .searchResults .resourceCard .btn--small strong, .searchResults .resourceCard .btn--tertiary b, .searchResults .resourceCard .btn--tertiary strong, .searchResults .resourceCard .btn b, .searchResults .resourceCard .btn strong {
                font-weight: 700
            }

            .searchResults .resourceCard--small .btn--icon em, .searchResults .resourceCard--small .btn--primary--dark em, .searchResults .resourceCard--small .btn--primary em, .searchResults .resourceCard--small .btn--secondary em, .searchResults .resourceCard--small .btn--small em, .searchResults .resourceCard--small .btn--tertiary em, .searchResults .resourceCard--small .btn em, .searchResults .resourceCard .btn--icon em, .searchResults .resourceCard .btn--primary--dark em, .searchResults .resourceCard .btn--primary em, .searchResults .resourceCard .btn--secondary em, .searchResults .resourceCard .btn--small em, .searchResults .resourceCard .btn--tertiary em, .searchResults .resourceCard .btn em {
                font-style: italic
            }

            .searchResults .resourceCard--small .btn--icon i, .searchResults .resourceCard--small .btn--primary--dark i, .searchResults .resourceCard--small .btn--primary i, .searchResults .resourceCard--small .btn--secondary i, .searchResults .resourceCard--small .btn--small i, .searchResults .resourceCard--small .btn--tertiary i, .searchResults .resourceCard--small .btn i, .searchResults .resourceCard .btn--icon i, .searchResults .resourceCard .btn--primary--dark i, .searchResults .resourceCard .btn--primary i, .searchResults .resourceCard .btn--secondary i, .searchResults .resourceCard .btn--small i, .searchResults .resourceCard .btn--tertiary i, .searchResults .resourceCard .btn i {
                min-width: 16px;
                width: 16px;
                height: 16px;
                font-size: 16px
            }

                .searchResults .resourceCard--small .btn--icon i:before, .searchResults .resourceCard--small .btn--primary--dark i:before, .searchResults .resourceCard--small .btn--primary i:before, .searchResults .resourceCard--small .btn--secondary i:before, .searchResults .resourceCard--small .btn--small i:before, .searchResults .resourceCard--small .btn--tertiary i:before, .searchResults .resourceCard--small .btn i:before, .searchResults .resourceCard .btn--icon i:before, .searchResults .resourceCard .btn--primary--dark i:before, .searchResults .resourceCard .btn--primary i:before, .searchResults .resourceCard .btn--secondary i:before, .searchResults .resourceCard .btn--small i:before, .searchResults .resourceCard .btn--tertiary i:before, .searchResults .resourceCard .btn i:before {
                    font-size: 16px;
                    font-weight: 400
                }

            .searchResults .resourceCard--small .btn--icon, .searchResults .resourceCard--small .btn--icon.btn--primary, .searchResults .resourceCard--small .btn--icon.btn--primary--dark, .searchResults .resourceCard--small .btn--icon.btn--secondary, .searchResults .resourceCard--small .btn--icon.btn--small, .searchResults .resourceCard--small .btn--icon.btn--tertiary, .searchResults .resourceCard--small .btn.btn--icon, .searchResults .resourceCard .btn--icon, .searchResults .resourceCard .btn--icon.btn--primary, .searchResults .resourceCard .btn--icon.btn--primary--dark, .searchResults .resourceCard .btn--icon.btn--secondary, .searchResults .resourceCard .btn--icon.btn--small, .searchResults .resourceCard .btn--icon.btn--tertiary, .searchResults .resourceCard .btn.btn--icon {
                width: 40px;
                min-width: 40px
            }

                .searchResults .resourceCard--small .btn--icon:hover, .searchResults .resourceCard--small .btn--primary--dark:hover, .searchResults .resourceCard--small .btn--primary:hover, .searchResults .resourceCard--small .btn--secondary:hover, .searchResults .resourceCard--small .btn--small:hover, .searchResults .resourceCard--small .btn--tertiary:hover, .searchResults .resourceCard--small .btn:hover, .searchResults .resourceCard .btn--icon:hover, .searchResults .resourceCard .btn--primary--dark:hover, .searchResults .resourceCard .btn--primary:hover, .searchResults .resourceCard .btn--secondary:hover, .searchResults .resourceCard .btn--small:hover, .searchResults .resourceCard .btn--tertiary:hover, .searchResults .resourceCard .btn:hover {
                    color: var(--m-01--dark-01)
                }

    .searchResults .resultsCard, .searchResults .resultsCard--small {
        max-width: 960px;
        min-height: auto;
        padding: 0 0 16px;
        border-radius: 0;
        flex-direction: column
    }

        .searchResults .resultsCard--small .resultsCard__image, .searchResults .resultsCard .resultsCard__image {
            height: 126px;
            width: 100%;
            margin-right: 0;
            margin-bottom: 16px
        }

        .searchResults .resultsCard--small .resultsCard__content, .searchResults .resultsCard .resultsCard__content {
            flex: 2;
            justify-content: flex-start
        }

        .searchResults .resultsCard--small .resultsCard__topInfo, .searchResults .resultsCard .resultsCard__topInfo {
            flex-direction: column
        }

        .searchResults .resultsCard--small .resultsCard__sideInfo, .searchResults .resultsCard .resultsCard__sideInfo {
            order: 1;
            transform: none;
            justify-content: space-between;
            margin-bottom: 16px
        }

        .searchResults .resultsCard--small .resultsCard__labels, .searchResults .resultsCard .resultsCard__labels {
            order: 2
        }

        .searchResults .resultsCard--small .resultsCard__text, .searchResults .resultsCard .resultsCard__text {
            padding: 0
        }

        .searchResults .resultsCard--small .resultsCard__description, .searchResults .resultsCard .resultsCard__description {
            margin-top: 4px
        }

        .searchResults .resultsCard--small .resultsCard__bottomInfo, .searchResults .resultsCard .resultsCard__bottomInfo {
            margin-top: 8px
        }
}

@media (max-width:768px) and (max-width:512px) {
    .searchResults .resultsCard--small .resultsCard__bottomInfo, .searchResults .resultsCard .resultsCard__bottomInfo {
        flex-direction: column;
        align-items: flex-start
    }
}

@media (max-width:768px) and (max-width:512px) {
    .searchResults .resultsCard--small .resultsCard__btnContainer, .searchResults .resultsCard .resultsCard__btnContainer {
        margin-top: 8px;
        width: 100%;
        display: flex;
        justify-content: flex-end
    }
}

@media (max-width:768px) {
    .searchResults .resultsCard--small .btnBookmark, .searchResults .resultsCard--small .btnBookmark--small, .searchResults .resultsCard .btnBookmark, .searchResults .resultsCard .btnBookmark--small {
        transform: translateX(16px);
        width: 48px
    }

    .searchResults .thumbResultsCard, .searchResults .thumbResultsCard--small {
        max-width: 636px;
        flex-direction: row
    }

        .searchResults .thumbResultsCard--small .thumbResultsCard__image, .searchResults .thumbResultsCard .thumbResultsCard__image {
            height: auto;
            width: 89px;
            min-width: 89px;
            border-top-left-radius: 2px;
            border-top-right-radius: 0;
            border-bottom-left-radius: 2px
        }

        .searchResults .thumbResultsCard--small .thumbResultsCard__content, .searchResults .thumbResultsCard .thumbResultsCard__content {
            justify-content: flex-start
        }

        .searchResults .thumbResultsCard--small .thumbResultsCard__sideInfo, .searchResults .thumbResultsCard .thumbResultsCard__sideInfo {
            transform: none;
            justify-content: space-between
        }

        .searchResults .thumbResultsCard--small .thumbResultsCard__text, .searchResults .thumbResultsCard .thumbResultsCard__text {
            padding: 0
        }

        .searchResults .thumbResultsCard--small .thumbResultsCard__description, .searchResults .thumbResultsCard .thumbResultsCard__description {
            margin-top: 4px
        }
}

@media (max-width:768px) and (max-width:512px) {
    .searchResults .thumbResultsCard--small .thumbResultsCard__btnContainer, .searchResults .thumbResultsCard .thumbResultsCard__btnContainer {
        margin-top: 8px
    }
}

@media (max-width:768px) {
    .searchResults .supplierCard, .searchResults .supplierCard--small {
        max-width: 960px;
        min-height: 214px
    }

        .searchResults .supplierCard--small .supplierCard__container, .searchResults .supplierCard .supplierCard__container {
            padding: 24px 16px
        }

            .searchResults .supplierCard--small .supplierCard__container.opened, .searchResults .supplierCard .supplierCard__container.opened {
                max-width: 90vw;
                padding: 24px 40px 24px 24px
            }
}

@media (max-width:768px) and (max-width:768px) {
    .searchResults .supplierCard--small .supplierCard__container.opened, .searchResults .supplierCard .supplierCard__container.opened {
        padding: 24px
    }
}

@media (max-width:768px) {
    .searchResults .supplierCard--small .supplierCard__container.opened .supplierCard__content, .searchResults .supplierCard .supplierCard__container.opened .supplierCard__content {
        max-width: calc(100% - 120px - 16px)
    }
}

@media (max-width:768px) and (max-width:768px) {
    .searchResults .supplierCard--small .supplierCard__container.opened .supplierCard__content, .searchResults .supplierCard .supplierCard__container.opened .supplierCard__content {
        max-width: 100%
    }
}

@media (max-width:768px) {
    .searchResults .supplierCard--small .supplierCard__container.opened .supplierCard__image, .searchResults .supplierCard .supplierCard__container.opened .supplierCard__image {
        width: 120px;
        height: 120px
    }

    .searchResults .supplierCard--small .supplierCard__image, .searchResults .supplierCard .supplierCard__image {
        max-width: 110px;
        width: calc(15% - 16px);
        margin-right: 16px
    }
}

@media (max-width:768px) and (max-width:768px) {
    .searchResults .supplierCard--small .supplierCard__image, .searchResults .supplierCard .supplierCard__image {
        width: calc(25% - 16px)
    }
}

@media (max-width:768px) and (max-width:512px) {
    .searchResults .supplierCard--small .supplierCard__image, .searchResults .supplierCard .supplierCard__image {
        width: calc(40% - 16px)
    }
}

@media (max-width:768px) {
    .searchResults .supplierCard--small .supplierCard__content, .searchResults .supplierCard .supplierCard__content {
        max-width: 85%
    }
}

@media (max-width:768px) and (max-width:768px) {
    .searchResults .supplierCard--small .supplierCard__content, .searchResults .supplierCard .supplierCard__content {
        max-width: 75%
    }
}

@media (max-width:768px) and (max-width:512px) {
    .searchResults .supplierCard--small .supplierCard__content, .searchResults .supplierCard .supplierCard__content {
        max-width: 60%
    }
}

@media (max-width:768px) and (max-width:768px) {
    .searchResults .supplierCard--small .supplierCard__title, .searchResults .supplierCard .supplierCard__title {
        margin: 16px 0 8px
    }
}

@media (max-width:768px) {
    .searchResults .supplierCard--small .supplierCard__link, .searchResults .supplierCard .supplierCard__link {
        right: -40px
    }
}

@media (max-width:768px) and (max-width:768px) {
    .searchResults .supplierCard--small .supplierCard__link, .searchResults .supplierCard .supplierCard__link {
        right: -24px
    }
}

@media (max-width:768px) {
    .searchResults .supplierCard--small .supplierCard__shortDescription, .searchResults .supplierCard .supplierCard__shortDescription {
        max-width: none
    }

    .searchResults .supplierCard--small .openExpandedCard, .searchResults .supplierCard--small .openExpandedCard button, .searchResults .supplierCard .openExpandedCard, .searchResults .supplierCard .openExpandedCard button {
        width: 100%
    }

    .searchResults .supplierCard--small .closeExpandedCard, .searchResults .supplierCard .closeExpandedCard {
        top: 16px;
        right: 8px
    }

    .searchResults .supplierCard--small .btn, .searchResults .supplierCard--small .btn--icon, .searchResults .supplierCard--small .btn--primary, .searchResults .supplierCard--small .btn--primary--dark, .searchResults .supplierCard--small .btn--secondary, .searchResults .supplierCard--small .btn--small, .searchResults .supplierCard--small .btn--tertiary, .searchResults .supplierCard .btn, .searchResults .supplierCard .btn--icon, .searchResults .supplierCard .btn--primary, .searchResults .supplierCard .btn--primary--dark, .searchResults .supplierCard .btn--secondary, .searchResults .supplierCard .btn--small, .searchResults .supplierCard .btn--tertiary {
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-stretch: normal;
        letter-spacing: normal;
        font-family: Inter,sans-serif;
        font-size: .813rem;
        line-height: 1.538em;
        letter-spacing: -.003em;
        font-weight: 400;
        font-weight: 700;
        padding: 0 20px;
        height: 40px
    }

        .searchResults .supplierCard--small .btn--icon .link a, .searchResults .supplierCard--small .btn--primary--dark .link a, .searchResults .supplierCard--small .btn--primary .link a, .searchResults .supplierCard--small .btn--secondary .link a, .searchResults .supplierCard--small .btn--small .link a, .searchResults .supplierCard--small .btn--tertiary .link a, .searchResults .supplierCard--small .btn .link a, .searchResults .supplierCard .btn--icon .link a, .searchResults .supplierCard .btn--primary--dark .link a, .searchResults .supplierCard .btn--primary .link a, .searchResults .supplierCard .btn--secondary .link a, .searchResults .supplierCard .btn--small .link a, .searchResults .supplierCard .btn--tertiary .link a, .searchResults .supplierCard .btn .link a {
            transition: all .1s ease;
            text-decoration: underline;
            color: var(--m-01--dark-01)
        }

            .searchResults .supplierCard--small .btn--icon .link a:hover, .searchResults .supplierCard--small .btn--primary--dark .link a:hover, .searchResults .supplierCard--small .btn--primary .link a:hover, .searchResults .supplierCard--small .btn--secondary .link a:hover, .searchResults .supplierCard--small .btn--small .link a:hover, .searchResults .supplierCard--small .btn--tertiary .link a:hover, .searchResults .supplierCard--small .btn .link a:hover, .searchResults .supplierCard .btn--icon .link a:hover, .searchResults .supplierCard .btn--primary--dark .link a:hover, .searchResults .supplierCard .btn--primary .link a:hover, .searchResults .supplierCard .btn--secondary .link a:hover, .searchResults .supplierCard .btn--small .link a:hover, .searchResults .supplierCard .btn--tertiary .link a:hover, .searchResults .supplierCard .btn .link a:hover {
                color: var(--m-01)
            }

        .searchResults .supplierCard--small .btn--icon mark, .searchResults .supplierCard--small .btn--icon mark[data-color=color], .searchResults .supplierCard--small .btn--primary--dark mark, .searchResults .supplierCard--small .btn--primary--dark mark[data-color=color], .searchResults .supplierCard--small .btn--primary mark, .searchResults .supplierCard--small .btn--primary mark[data-color=color], .searchResults .supplierCard--small .btn--secondary mark, .searchResults .supplierCard--small .btn--secondary mark[data-color=color], .searchResults .supplierCard--small .btn--small mark, .searchResults .supplierCard--small .btn--small mark[data-color=color], .searchResults .supplierCard--small .btn--tertiary mark, .searchResults .supplierCard--small .btn--tertiary mark[data-color=color], .searchResults .supplierCard--small .btn mark, .searchResults .supplierCard--small .btn mark[data-color=color], .searchResults .supplierCard .btn--icon mark, .searchResults .supplierCard .btn--icon mark[data-color=color], .searchResults .supplierCard .btn--primary--dark mark, .searchResults .supplierCard .btn--primary--dark mark[data-color=color], .searchResults .supplierCard .btn--primary mark, .searchResults .supplierCard .btn--primary mark[data-color=color], .searchResults .supplierCard .btn--secondary mark, .searchResults .supplierCard .btn--secondary mark[data-color=color], .searchResults .supplierCard .btn--small mark, .searchResults .supplierCard .btn--small mark[data-color=color], .searchResults .supplierCard .btn--tertiary mark, .searchResults .supplierCard .btn--tertiary mark[data-color=color], .searchResults .supplierCard .btn mark, .searchResults .supplierCard .btn mark[data-color=color] {
            color: var(--m-01--dark-01)
        }

            .searchResults .supplierCard--small .btn--icon mark[data-color=gray], .searchResults .supplierCard--small .btn--primary--dark mark[data-color=gray], .searchResults .supplierCard--small .btn--primary mark[data-color=gray], .searchResults .supplierCard--small .btn--secondary mark[data-color=gray], .searchResults .supplierCard--small .btn--small mark[data-color=gray], .searchResults .supplierCard--small .btn--tertiary mark[data-color=gray], .searchResults .supplierCard--small .btn mark[data-color=gray], .searchResults .supplierCard .btn--icon mark[data-color=gray], .searchResults .supplierCard .btn--primary--dark mark[data-color=gray], .searchResults .supplierCard .btn--primary mark[data-color=gray], .searchResults .supplierCard .btn--secondary mark[data-color=gray], .searchResults .supplierCard .btn--small mark[data-color=gray], .searchResults .supplierCard .btn--tertiary mark[data-color=gray], .searchResults .supplierCard .btn mark[data-color=gray] {
                color: var(--neu-07)
            }

            .searchResults .supplierCard--small .btn--icon mark[data-color=default], .searchResults .supplierCard--small .btn--primary--dark mark[data-color=default], .searchResults .supplierCard--small .btn--primary mark[data-color=default], .searchResults .supplierCard--small .btn--secondary mark[data-color=default], .searchResults .supplierCard--small .btn--small mark[data-color=default], .searchResults .supplierCard--small .btn--tertiary mark[data-color=default], .searchResults .supplierCard--small .btn mark[data-color=default], .searchResults .supplierCard .btn--icon mark[data-color=default], .searchResults .supplierCard .btn--primary--dark mark[data-color=default], .searchResults .supplierCard .btn--primary mark[data-color=default], .searchResults .supplierCard .btn--secondary mark[data-color=default], .searchResults .supplierCard .btn--small mark[data-color=default], .searchResults .supplierCard .btn--tertiary mark[data-color=default], .searchResults .supplierCard .btn mark[data-color=default] {
                color: var(--neu-10)
            }

        .searchResults .supplierCard--small .btn--icon span.m-01--dark-01, .searchResults .supplierCard--small .btn--icon span[data-color=color], .searchResults .supplierCard--small .btn--primary--dark span.m-01--dark-01, .searchResults .supplierCard--small .btn--primary--dark span[data-color=color], .searchResults .supplierCard--small .btn--primary span.m-01--dark-01, .searchResults .supplierCard--small .btn--primary span[data-color=color], .searchResults .supplierCard--small .btn--secondary span.m-01--dark-01, .searchResults .supplierCard--small .btn--secondary span[data-color=color], .searchResults .supplierCard--small .btn--small span.m-01--dark-01, .searchResults .supplierCard--small .btn--small span[data-color=color], .searchResults .supplierCard--small .btn--tertiary span.m-01--dark-01, .searchResults .supplierCard--small .btn--tertiary span[data-color=color], .searchResults .supplierCard--small .btn span.m-01--dark-01, .searchResults .supplierCard--small .btn span[data-color=color], .searchResults .supplierCard .btn--icon span.m-01--dark-01, .searchResults .supplierCard .btn--icon span[data-color=color], .searchResults .supplierCard .btn--primary--dark span.m-01--dark-01, .searchResults .supplierCard .btn--primary--dark span[data-color=color], .searchResults .supplierCard .btn--primary span.m-01--dark-01, .searchResults .supplierCard .btn--primary span[data-color=color], .searchResults .supplierCard .btn--secondary span.m-01--dark-01, .searchResults .supplierCard .btn--secondary span[data-color=color], .searchResults .supplierCard .btn--small span.m-01--dark-01, .searchResults .supplierCard .btn--small span[data-color=color], .searchResults .supplierCard .btn--tertiary span.m-01--dark-01, .searchResults .supplierCard .btn--tertiary span[data-color=color], .searchResults .supplierCard .btn span.m-01--dark-01, .searchResults .supplierCard .btn span[data-color=color] {
            color: var(--m-01--dark-01)
        }

        .searchResults .supplierCard--small .btn--icon span.neu-07, .searchResults .supplierCard--small .btn--icon span[data-color=gray], .searchResults .supplierCard--small .btn--primary--dark span.neu-07, .searchResults .supplierCard--small .btn--primary--dark span[data-color=gray], .searchResults .supplierCard--small .btn--primary span.neu-07, .searchResults .supplierCard--small .btn--primary span[data-color=gray], .searchResults .supplierCard--small .btn--secondary span.neu-07, .searchResults .supplierCard--small .btn--secondary span[data-color=gray], .searchResults .supplierCard--small .btn--small span.neu-07, .searchResults .supplierCard--small .btn--small span[data-color=gray], .searchResults .supplierCard--small .btn--tertiary span.neu-07, .searchResults .supplierCard--small .btn--tertiary span[data-color=gray], .searchResults .supplierCard--small .btn span.neu-07, .searchResults .supplierCard--small .btn span[data-color=gray], .searchResults .supplierCard .btn--icon span.neu-07, .searchResults .supplierCard .btn--icon span[data-color=gray], .searchResults .supplierCard .btn--primary--dark span.neu-07, .searchResults .supplierCard .btn--primary--dark span[data-color=gray], .searchResults .supplierCard .btn--primary span.neu-07, .searchResults .supplierCard .btn--primary span[data-color=gray], .searchResults .supplierCard .btn--secondary span.neu-07, .searchResults .supplierCard .btn--secondary span[data-color=gray], .searchResults .supplierCard .btn--small span.neu-07, .searchResults .supplierCard .btn--small span[data-color=gray], .searchResults .supplierCard .btn--tertiary span.neu-07, .searchResults .supplierCard .btn--tertiary span[data-color=gray], .searchResults .supplierCard .btn span.neu-07, .searchResults .supplierCard .btn span[data-color=gray] {
            color: var(--neu-07)
        }

        .searchResults .supplierCard--small .btn--icon span.neu-10, .searchResults .supplierCard--small .btn--icon span[data-color=default], .searchResults .supplierCard--small .btn--primary--dark span.neu-10, .searchResults .supplierCard--small .btn--primary--dark span[data-color=default], .searchResults .supplierCard--small .btn--primary span.neu-10, .searchResults .supplierCard--small .btn--primary span[data-color=default], .searchResults .supplierCard--small .btn--secondary span.neu-10, .searchResults .supplierCard--small .btn--secondary span[data-color=default], .searchResults .supplierCard--small .btn--small span.neu-10, .searchResults .supplierCard--small .btn--small span[data-color=default], .searchResults .supplierCard--small .btn--tertiary span.neu-10, .searchResults .supplierCard--small .btn--tertiary span[data-color=default], .searchResults .supplierCard--small .btn span.neu-10, .searchResults .supplierCard--small .btn span[data-color=default], .searchResults .supplierCard .btn--icon span.neu-10, .searchResults .supplierCard .btn--icon span[data-color=default], .searchResults .supplierCard .btn--primary--dark span.neu-10, .searchResults .supplierCard .btn--primary--dark span[data-color=default], .searchResults .supplierCard .btn--primary span.neu-10, .searchResults .supplierCard .btn--primary span[data-color=default], .searchResults .supplierCard .btn--secondary span.neu-10, .searchResults .supplierCard .btn--secondary span[data-color=default], .searchResults .supplierCard .btn--small span.neu-10, .searchResults .supplierCard .btn--small span[data-color=default], .searchResults .supplierCard .btn--tertiary span.neu-10, .searchResults .supplierCard .btn--tertiary span[data-color=default], .searchResults .supplierCard .btn span.neu-10, .searchResults .supplierCard .btn span[data-color=default] {
            color: var(--neu-10)
        }

        .searchResults .supplierCard--small .btn--icon b, .searchResults .supplierCard--small .btn--icon strong, .searchResults .supplierCard--small .btn--primary--dark b, .searchResults .supplierCard--small .btn--primary--dark strong, .searchResults .supplierCard--small .btn--primary b, .searchResults .supplierCard--small .btn--primary strong, .searchResults .supplierCard--small .btn--secondary b, .searchResults .supplierCard--small .btn--secondary strong, .searchResults .supplierCard--small .btn--small b, .searchResults .supplierCard--small .btn--small strong, .searchResults .supplierCard--small .btn--tertiary b, .searchResults .supplierCard--small .btn--tertiary strong, .searchResults .supplierCard--small .btn b, .searchResults .supplierCard--small .btn strong, .searchResults .supplierCard .btn--icon b, .searchResults .supplierCard .btn--icon strong, .searchResults .supplierCard .btn--primary--dark b, .searchResults .supplierCard .btn--primary--dark strong, .searchResults .supplierCard .btn--primary b, .searchResults .supplierCard .btn--primary strong, .searchResults .supplierCard .btn--secondary b, .searchResults .supplierCard .btn--secondary strong, .searchResults .supplierCard .btn--small b, .searchResults .supplierCard .btn--small strong, .searchResults .supplierCard .btn--tertiary b, .searchResults .supplierCard .btn--tertiary strong, .searchResults .supplierCard .btn b, .searchResults .supplierCard .btn strong {
            font-weight: 700
        }

        .searchResults .supplierCard--small .btn--icon em, .searchResults .supplierCard--small .btn--primary--dark em, .searchResults .supplierCard--small .btn--primary em, .searchResults .supplierCard--small .btn--secondary em, .searchResults .supplierCard--small .btn--small em, .searchResults .supplierCard--small .btn--tertiary em, .searchResults .supplierCard--small .btn em, .searchResults .supplierCard .btn--icon em, .searchResults .supplierCard .btn--primary--dark em, .searchResults .supplierCard .btn--primary em, .searchResults .supplierCard .btn--secondary em, .searchResults .supplierCard .btn--small em, .searchResults .supplierCard .btn--tertiary em, .searchResults .supplierCard .btn em {
            font-style: italic
        }

        .searchResults .supplierCard--small .btn--icon i, .searchResults .supplierCard--small .btn--primary--dark i, .searchResults .supplierCard--small .btn--primary i, .searchResults .supplierCard--small .btn--secondary i, .searchResults .supplierCard--small .btn--small i, .searchResults .supplierCard--small .btn--tertiary i, .searchResults .supplierCard--small .btn i, .searchResults .supplierCard .btn--icon i, .searchResults .supplierCard .btn--primary--dark i, .searchResults .supplierCard .btn--primary i, .searchResults .supplierCard .btn--secondary i, .searchResults .supplierCard .btn--small i, .searchResults .supplierCard .btn--tertiary i, .searchResults .supplierCard .btn i {
            min-width: 16px;
            width: 16px;
            height: 16px;
            font-size: 16px
        }

            .searchResults .supplierCard--small .btn--icon i:before, .searchResults .supplierCard--small .btn--primary--dark i:before, .searchResults .supplierCard--small .btn--primary i:before, .searchResults .supplierCard--small .btn--secondary i:before, .searchResults .supplierCard--small .btn--small i:before, .searchResults .supplierCard--small .btn--tertiary i:before, .searchResults .supplierCard--small .btn i:before, .searchResults .supplierCard .btn--icon i:before, .searchResults .supplierCard .btn--primary--dark i:before, .searchResults .supplierCard .btn--primary i:before, .searchResults .supplierCard .btn--secondary i:before, .searchResults .supplierCard .btn--small i:before, .searchResults .supplierCard .btn--tertiary i:before, .searchResults .supplierCard .btn i:before {
                font-size: 16px;
                font-weight: 400
            }

        .searchResults .supplierCard--small .btn--icon, .searchResults .supplierCard--small .btn--icon.btn--primary, .searchResults .supplierCard--small .btn--icon.btn--primary--dark, .searchResults .supplierCard--small .btn--icon.btn--secondary, .searchResults .supplierCard--small .btn--icon.btn--small, .searchResults .supplierCard--small .btn--icon.btn--tertiary, .searchResults .supplierCard--small .btn.btn--icon, .searchResults .supplierCard .btn--icon, .searchResults .supplierCard .btn--icon.btn--primary, .searchResults .supplierCard .btn--icon.btn--primary--dark, .searchResults .supplierCard .btn--icon.btn--secondary, .searchResults .supplierCard .btn--icon.btn--small, .searchResults .supplierCard .btn--icon.btn--tertiary, .searchResults .supplierCard .btn.btn--icon {
            width: 40px;
            min-width: 40px
        }

    .searchResults .regionResultsCard, .searchResults .regionResultsCard--small {
        max-width: 960px;
        min-height: auto;
        padding: 0 0 24px;
        border-radius: 0;
        flex-direction: column
    }

        .searchResults .regionResultsCard--small .regionResultsCard__image, .searchResults .regionResultsCard .regionResultsCard__image {
            height: 100px;
            width: 100%;
            margin-right: 0;
            margin-bottom: 16px
        }

        .searchResults .regionResultsCard--small .regionResultsCard__title, .searchResults .regionResultsCard .regionResultsCard__title {
            margin-top: 4px
        }

        .searchResults .regionResultsCard--small .regionResultsCard__content, .searchResults .regionResultsCard .regionResultsCard__content {
            flex: 2;
            justify-content: flex-start
        }

        .searchResults .regionResultsCard--small .regionResultsCard__topInfo, .searchResults .regionResultsCard .regionResultsCard__topInfo {
            flex-direction: column
        }

        .searchResults .regionResultsCard--small .regionResultsCard__sideInfo, .searchResults .regionResultsCard .regionResultsCard__sideInfo {
            order: 1;
            transform: none;
            justify-content: space-between;
            margin-bottom: 16px
        }

        .searchResults .regionResultsCard--small .regionResultsCard__labels, .searchResults .regionResultsCard .regionResultsCard__labels {
            order: 2
        }

        .searchResults .regionResultsCard--small .regionResultsCard__text, .searchResults .regionResultsCard .regionResultsCard__text {
            padding: 0
        }

        .searchResults .regionResultsCard--small .regionResultsCard__bottomInfo, .searchResults .regionResultsCard .regionResultsCard__bottomInfo {
            margin-top: 8px;
            flex-direction: column;
            align-items: flex-start
        }

        .searchResults .regionResultsCard--small .regionResultsCard__btnContainer, .searchResults .regionResultsCard .regionResultsCard__btnContainer {
            width: 100%;
            display: flex
        }

            .searchResults .regionResultsCard--small .regionResultsCard__btnContainer .btn--primary, .searchResults .regionResultsCard .regionResultsCard__btnContainer .btn--primary {
                width: 100%
            }

        .searchResults .regionResultsCard--small .btnBookmark, .searchResults .regionResultsCard--small .btnBookmark--privateArea, .searchResults .regionResultsCard--small .btnBookmark--small, .searchResults .regionResultsCard .btnBookmark, .searchResults .regionResultsCard .btnBookmark--privateArea, .searchResults .regionResultsCard .btnBookmark--small {
            transform: translateX(20px)
        }

            .searchResults .regionResultsCard--small .btnBookmark--privateArea .btnBookmark, .searchResults .regionResultsCard--small .btnBookmark--privateArea .btnBookmark--small, .searchResults .regionResultsCard .btnBookmark--privateArea .btnBookmark, .searchResults .regionResultsCard .btnBookmark--privateArea .btnBookmark--small {
                transform: translateX(0)
            }

    .searchResults .resourceCard, .searchResults .resourceCard--small {
        max-width: 960px;
        min-height: 200px;
        height: 100%;
        padding: 24px 16px
    }

        .searchResults .resourceCard--small .resourceCard__title, .searchResults .resourceCard .resourceCard__title {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Inter,sans-serif;
            font-size: 1.188rem;
            line-height: 1.263em;
            letter-spacing: -.016em;
            font-weight: 400;
            margin-top: 4px
        }

            .searchResults .resourceCard--small .resourceCard__title .link a, .searchResults .resourceCard .resourceCard__title .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .searchResults .resourceCard--small .resourceCard__title .link a:hover, .searchResults .resourceCard .resourceCard__title .link a:hover {
                    color: var(--m-01)
                }

            .searchResults .resourceCard--small .resourceCard__title mark, .searchResults .resourceCard--small .resourceCard__title mark[data-color=color], .searchResults .resourceCard .resourceCard__title mark, .searchResults .resourceCard .resourceCard__title mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .searchResults .resourceCard--small .resourceCard__title mark[data-color=gray], .searchResults .resourceCard .resourceCard__title mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .searchResults .resourceCard--small .resourceCard__title mark[data-color=default], .searchResults .resourceCard .resourceCard__title mark[data-color=default] {
                    color: var(--neu-10)
                }

            .searchResults .resourceCard--small .resourceCard__title span.m-01--dark-01, .searchResults .resourceCard--small .resourceCard__title span[data-color=color], .searchResults .resourceCard .resourceCard__title span.m-01--dark-01, .searchResults .resourceCard .resourceCard__title span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .searchResults .resourceCard--small .resourceCard__title span.neu-07, .searchResults .resourceCard--small .resourceCard__title span[data-color=gray], .searchResults .resourceCard .resourceCard__title span.neu-07, .searchResults .resourceCard .resourceCard__title span[data-color=gray] {
                color: var(--neu-07)
            }

            .searchResults .resourceCard--small .resourceCard__title span.neu-10, .searchResults .resourceCard--small .resourceCard__title span[data-color=default], .searchResults .resourceCard .resourceCard__title span.neu-10, .searchResults .resourceCard .resourceCard__title span[data-color=default] {
                color: var(--neu-10)
            }

            .searchResults .resourceCard--small .resourceCard__title b, .searchResults .resourceCard--small .resourceCard__title strong, .searchResults .resourceCard .resourceCard__title b, .searchResults .resourceCard .resourceCard__title strong {
                font-weight: 700
            }

            .searchResults .resourceCard--small .resourceCard__title em, .searchResults .resourceCard .resourceCard__title em {
                font-style: italic
            }

        .searchResults .resourceCard--small .btn, .searchResults .resourceCard--small .btn--icon, .searchResults .resourceCard--small .btn--primary, .searchResults .resourceCard--small .btn--primary--dark, .searchResults .resourceCard--small .btn--secondary, .searchResults .resourceCard--small .btn--small, .searchResults .resourceCard--small .btn--tertiary, .searchResults .resourceCard .btn, .searchResults .resourceCard .btn--icon, .searchResults .resourceCard .btn--primary, .searchResults .resourceCard .btn--primary--dark, .searchResults .resourceCard .btn--secondary, .searchResults .resourceCard .btn--small, .searchResults .resourceCard .btn--tertiary {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Inter,sans-serif;
            font-size: .813rem;
            line-height: 1.538em;
            letter-spacing: -.003em;
            font-weight: 400;
            font-weight: 700;
            padding: 0 20px;
            height: 40px
        }

            .searchResults .resourceCard--small .btn--icon .link a, .searchResults .resourceCard--small .btn--primary--dark .link a, .searchResults .resourceCard--small .btn--primary .link a, .searchResults .resourceCard--small .btn--secondary .link a, .searchResults .resourceCard--small .btn--small .link a, .searchResults .resourceCard--small .btn--tertiary .link a, .searchResults .resourceCard--small .btn .link a, .searchResults .resourceCard .btn--icon .link a, .searchResults .resourceCard .btn--primary--dark .link a, .searchResults .resourceCard .btn--primary .link a, .searchResults .resourceCard .btn--secondary .link a, .searchResults .resourceCard .btn--small .link a, .searchResults .resourceCard .btn--tertiary .link a, .searchResults .resourceCard .btn .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .searchResults .resourceCard--small .btn--icon .link a:hover, .searchResults .resourceCard--small .btn--primary--dark .link a:hover, .searchResults .resourceCard--small .btn--primary .link a:hover, .searchResults .resourceCard--small .btn--secondary .link a:hover, .searchResults .resourceCard--small .btn--small .link a:hover, .searchResults .resourceCard--small .btn--tertiary .link a:hover, .searchResults .resourceCard--small .btn .link a:hover, .searchResults .resourceCard .btn--icon .link a:hover, .searchResults .resourceCard .btn--primary--dark .link a:hover, .searchResults .resourceCard .btn--primary .link a:hover, .searchResults .resourceCard .btn--secondary .link a:hover, .searchResults .resourceCard .btn--small .link a:hover, .searchResults .resourceCard .btn--tertiary .link a:hover, .searchResults .resourceCard .btn .link a:hover {
                    color: var(--m-01)
                }

            .searchResults .resourceCard--small .btn--icon mark, .searchResults .resourceCard--small .btn--icon mark[data-color=color], .searchResults .resourceCard--small .btn--primary--dark mark, .searchResults .resourceCard--small .btn--primary--dark mark[data-color=color], .searchResults .resourceCard--small .btn--primary mark, .searchResults .resourceCard--small .btn--primary mark[data-color=color], .searchResults .resourceCard--small .btn--secondary mark, .searchResults .resourceCard--small .btn--secondary mark[data-color=color], .searchResults .resourceCard--small .btn--small mark, .searchResults .resourceCard--small .btn--small mark[data-color=color], .searchResults .resourceCard--small .btn--tertiary mark, .searchResults .resourceCard--small .btn--tertiary mark[data-color=color], .searchResults .resourceCard--small .btn mark, .searchResults .resourceCard--small .btn mark[data-color=color], .searchResults .resourceCard .btn--icon mark, .searchResults .resourceCard .btn--icon mark[data-color=color], .searchResults .resourceCard .btn--primary--dark mark, .searchResults .resourceCard .btn--primary--dark mark[data-color=color], .searchResults .resourceCard .btn--primary mark, .searchResults .resourceCard .btn--primary mark[data-color=color], .searchResults .resourceCard .btn--secondary mark, .searchResults .resourceCard .btn--secondary mark[data-color=color], .searchResults .resourceCard .btn--small mark, .searchResults .resourceCard .btn--small mark[data-color=color], .searchResults .resourceCard .btn--tertiary mark, .searchResults .resourceCard .btn--tertiary mark[data-color=color], .searchResults .resourceCard .btn mark, .searchResults .resourceCard .btn mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .searchResults .resourceCard--small .btn--icon mark[data-color=gray], .searchResults .resourceCard--small .btn--primary--dark mark[data-color=gray], .searchResults .resourceCard--small .btn--primary mark[data-color=gray], .searchResults .resourceCard--small .btn--secondary mark[data-color=gray], .searchResults .resourceCard--small .btn--small mark[data-color=gray], .searchResults .resourceCard--small .btn--tertiary mark[data-color=gray], .searchResults .resourceCard--small .btn mark[data-color=gray], .searchResults .resourceCard .btn--icon mark[data-color=gray], .searchResults .resourceCard .btn--primary--dark mark[data-color=gray], .searchResults .resourceCard .btn--primary mark[data-color=gray], .searchResults .resourceCard .btn--secondary mark[data-color=gray], .searchResults .resourceCard .btn--small mark[data-color=gray], .searchResults .resourceCard .btn--tertiary mark[data-color=gray], .searchResults .resourceCard .btn mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .searchResults .resourceCard--small .btn--icon mark[data-color=default], .searchResults .resourceCard--small .btn--primary--dark mark[data-color=default], .searchResults .resourceCard--small .btn--primary mark[data-color=default], .searchResults .resourceCard--small .btn--secondary mark[data-color=default], .searchResults .resourceCard--small .btn--small mark[data-color=default], .searchResults .resourceCard--small .btn--tertiary mark[data-color=default], .searchResults .resourceCard--small .btn mark[data-color=default], .searchResults .resourceCard .btn--icon mark[data-color=default], .searchResults .resourceCard .btn--primary--dark mark[data-color=default], .searchResults .resourceCard .btn--primary mark[data-color=default], .searchResults .resourceCard .btn--secondary mark[data-color=default], .searchResults .resourceCard .btn--small mark[data-color=default], .searchResults .resourceCard .btn--tertiary mark[data-color=default], .searchResults .resourceCard .btn mark[data-color=default] {
                    color: var(--neu-10)
                }

            .searchResults .resourceCard--small .btn--icon span.m-01--dark-01, .searchResults .resourceCard--small .btn--icon span[data-color=color], .searchResults .resourceCard--small .btn--primary--dark span.m-01--dark-01, .searchResults .resourceCard--small .btn--primary--dark span[data-color=color], .searchResults .resourceCard--small .btn--primary span.m-01--dark-01, .searchResults .resourceCard--small .btn--primary span[data-color=color], .searchResults .resourceCard--small .btn--secondary span.m-01--dark-01, .searchResults .resourceCard--small .btn--secondary span[data-color=color], .searchResults .resourceCard--small .btn--small span.m-01--dark-01, .searchResults .resourceCard--small .btn--small span[data-color=color], .searchResults .resourceCard--small .btn--tertiary span.m-01--dark-01, .searchResults .resourceCard--small .btn--tertiary span[data-color=color], .searchResults .resourceCard--small .btn span.m-01--dark-01, .searchResults .resourceCard--small .btn span[data-color=color], .searchResults .resourceCard .btn--icon span.m-01--dark-01, .searchResults .resourceCard .btn--icon span[data-color=color], .searchResults .resourceCard .btn--primary--dark span.m-01--dark-01, .searchResults .resourceCard .btn--primary--dark span[data-color=color], .searchResults .resourceCard .btn--primary span.m-01--dark-01, .searchResults .resourceCard .btn--primary span[data-color=color], .searchResults .resourceCard .btn--secondary span.m-01--dark-01, .searchResults .resourceCard .btn--secondary span[data-color=color], .searchResults .resourceCard .btn--small span.m-01--dark-01, .searchResults .resourceCard .btn--small span[data-color=color], .searchResults .resourceCard .btn--tertiary span.m-01--dark-01, .searchResults .resourceCard .btn--tertiary span[data-color=color], .searchResults .resourceCard .btn span.m-01--dark-01, .searchResults .resourceCard .btn span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .searchResults .resourceCard--small .btn--icon span.neu-07, .searchResults .resourceCard--small .btn--icon span[data-color=gray], .searchResults .resourceCard--small .btn--primary--dark span.neu-07, .searchResults .resourceCard--small .btn--primary--dark span[data-color=gray], .searchResults .resourceCard--small .btn--primary span.neu-07, .searchResults .resourceCard--small .btn--primary span[data-color=gray], .searchResults .resourceCard--small .btn--secondary span.neu-07, .searchResults .resourceCard--small .btn--secondary span[data-color=gray], .searchResults .resourceCard--small .btn--small span.neu-07, .searchResults .resourceCard--small .btn--small span[data-color=gray], .searchResults .resourceCard--small .btn--tertiary span.neu-07, .searchResults .resourceCard--small .btn--tertiary span[data-color=gray], .searchResults .resourceCard--small .btn span.neu-07, .searchResults .resourceCard--small .btn span[data-color=gray], .searchResults .resourceCard .btn--icon span.neu-07, .searchResults .resourceCard .btn--icon span[data-color=gray], .searchResults .resourceCard .btn--primary--dark span.neu-07, .searchResults .resourceCard .btn--primary--dark span[data-color=gray], .searchResults .resourceCard .btn--primary span.neu-07, .searchResults .resourceCard .btn--primary span[data-color=gray], .searchResults .resourceCard .btn--secondary span.neu-07, .searchResults .resourceCard .btn--secondary span[data-color=gray], .searchResults .resourceCard .btn--small span.neu-07, .searchResults .resourceCard .btn--small span[data-color=gray], .searchResults .resourceCard .btn--tertiary span.neu-07, .searchResults .resourceCard .btn--tertiary span[data-color=gray], .searchResults .resourceCard .btn span.neu-07, .searchResults .resourceCard .btn span[data-color=gray] {
                color: var(--neu-07)
            }

            .searchResults .resourceCard--small .btn--icon span.neu-10, .searchResults .resourceCard--small .btn--icon span[data-color=default], .searchResults .resourceCard--small .btn--primary--dark span.neu-10, .searchResults .resourceCard--small .btn--primary--dark span[data-color=default], .searchResults .resourceCard--small .btn--primary span.neu-10, .searchResults .resourceCard--small .btn--primary span[data-color=default], .searchResults .resourceCard--small .btn--secondary span.neu-10, .searchResults .resourceCard--small .btn--secondary span[data-color=default], .searchResults .resourceCard--small .btn--small span.neu-10, .searchResults .resourceCard--small .btn--small span[data-color=default], .searchResults .resourceCard--small .btn--tertiary span.neu-10, .searchResults .resourceCard--small .btn--tertiary span[data-color=default], .searchResults .resourceCard--small .btn span.neu-10, .searchResults .resourceCard--small .btn span[data-color=default], .searchResults .resourceCard .btn--icon span.neu-10, .searchResults .resourceCard .btn--icon span[data-color=default], .searchResults .resourceCard .btn--primary--dark span.neu-10, .searchResults .resourceCard .btn--primary--dark span[data-color=default], .searchResults .resourceCard .btn--primary span.neu-10, .searchResults .resourceCard .btn--primary span[data-color=default], .searchResults .resourceCard .btn--secondary span.neu-10, .searchResults .resourceCard .btn--secondary span[data-color=default], .searchResults .resourceCard .btn--small span.neu-10, .searchResults .resourceCard .btn--small span[data-color=default], .searchResults .resourceCard .btn--tertiary span.neu-10, .searchResults .resourceCard .btn--tertiary span[data-color=default], .searchResults .resourceCard .btn span.neu-10, .searchResults .resourceCard .btn span[data-color=default] {
                color: var(--neu-10)
            }

            .searchResults .resourceCard--small .btn--icon b, .searchResults .resourceCard--small .btn--icon strong, .searchResults .resourceCard--small .btn--primary--dark b, .searchResults .resourceCard--small .btn--primary--dark strong, .searchResults .resourceCard--small .btn--primary b, .searchResults .resourceCard--small .btn--primary strong, .searchResults .resourceCard--small .btn--secondary b, .searchResults .resourceCard--small .btn--secondary strong, .searchResults .resourceCard--small .btn--small b, .searchResults .resourceCard--small .btn--small strong, .searchResults .resourceCard--small .btn--tertiary b, .searchResults .resourceCard--small .btn--tertiary strong, .searchResults .resourceCard--small .btn b, .searchResults .resourceCard--small .btn strong, .searchResults .resourceCard .btn--icon b, .searchResults .resourceCard .btn--icon strong, .searchResults .resourceCard .btn--primary--dark b, .searchResults .resourceCard .btn--primary--dark strong, .searchResults .resourceCard .btn--primary b, .searchResults .resourceCard .btn--primary strong, .searchResults .resourceCard .btn--secondary b, .searchResults .resourceCard .btn--secondary strong, .searchResults .resourceCard .btn--small b, .searchResults .resourceCard .btn--small strong, .searchResults .resourceCard .btn--tertiary b, .searchResults .resourceCard .btn--tertiary strong, .searchResults .resourceCard .btn b, .searchResults .resourceCard .btn strong {
                font-weight: 700
            }

            .searchResults .resourceCard--small .btn--icon em, .searchResults .resourceCard--small .btn--primary--dark em, .searchResults .resourceCard--small .btn--primary em, .searchResults .resourceCard--small .btn--secondary em, .searchResults .resourceCard--small .btn--small em, .searchResults .resourceCard--small .btn--tertiary em, .searchResults .resourceCard--small .btn em, .searchResults .resourceCard .btn--icon em, .searchResults .resourceCard .btn--primary--dark em, .searchResults .resourceCard .btn--primary em, .searchResults .resourceCard .btn--secondary em, .searchResults .resourceCard .btn--small em, .searchResults .resourceCard .btn--tertiary em, .searchResults .resourceCard .btn em {
                font-style: italic
            }

            .searchResults .resourceCard--small .btn--icon i, .searchResults .resourceCard--small .btn--primary--dark i, .searchResults .resourceCard--small .btn--primary i, .searchResults .resourceCard--small .btn--secondary i, .searchResults .resourceCard--small .btn--small i, .searchResults .resourceCard--small .btn--tertiary i, .searchResults .resourceCard--small .btn i, .searchResults .resourceCard .btn--icon i, .searchResults .resourceCard .btn--primary--dark i, .searchResults .resourceCard .btn--primary i, .searchResults .resourceCard .btn--secondary i, .searchResults .resourceCard .btn--small i, .searchResults .resourceCard .btn--tertiary i, .searchResults .resourceCard .btn i {
                min-width: 16px;
                width: 16px;
                height: 16px;
                font-size: 16px
            }

                .searchResults .resourceCard--small .btn--icon i:before, .searchResults .resourceCard--small .btn--primary--dark i:before, .searchResults .resourceCard--small .btn--primary i:before, .searchResults .resourceCard--small .btn--secondary i:before, .searchResults .resourceCard--small .btn--small i:before, .searchResults .resourceCard--small .btn--tertiary i:before, .searchResults .resourceCard--small .btn i:before, .searchResults .resourceCard .btn--icon i:before, .searchResults .resourceCard .btn--primary--dark i:before, .searchResults .resourceCard .btn--primary i:before, .searchResults .resourceCard .btn--secondary i:before, .searchResults .resourceCard .btn--small i:before, .searchResults .resourceCard .btn--tertiary i:before, .searchResults .resourceCard .btn i:before {
                    font-size: 16px;
                    font-weight: 400
                }

            .searchResults .resourceCard--small .btn--icon, .searchResults .resourceCard--small .btn--icon.btn--primary, .searchResults .resourceCard--small .btn--icon.btn--primary--dark, .searchResults .resourceCard--small .btn--icon.btn--secondary, .searchResults .resourceCard--small .btn--icon.btn--small, .searchResults .resourceCard--small .btn--icon.btn--tertiary, .searchResults .resourceCard--small .btn.btn--icon, .searchResults .resourceCard .btn--icon, .searchResults .resourceCard .btn--icon.btn--primary, .searchResults .resourceCard .btn--icon.btn--primary--dark, .searchResults .resourceCard .btn--icon.btn--secondary, .searchResults .resourceCard .btn--icon.btn--small, .searchResults .resourceCard .btn--icon.btn--tertiary, .searchResults .resourceCard .btn.btn--icon {
                width: 40px;
                min-width: 40px
            }

                .searchResults .resourceCard--small .btn--icon:hover, .searchResults .resourceCard--small .btn--primary--dark:hover, .searchResults .resourceCard--small .btn--primary:hover, .searchResults .resourceCard--small .btn--secondary:hover, .searchResults .resourceCard--small .btn--small:hover, .searchResults .resourceCard--small .btn--tertiary:hover, .searchResults .resourceCard--small .btn:hover, .searchResults .resourceCard .btn--icon:hover, .searchResults .resourceCard .btn--primary--dark:hover, .searchResults .resourceCard .btn--primary:hover, .searchResults .resourceCard .btn--secondary:hover, .searchResults .resourceCard .btn--small:hover, .searchResults .resourceCard .btn--tertiary:hover, .searchResults .resourceCard .btn:hover {
                    color: var(--m-01--dark-01)
                }

    .searchResults .productCard, .searchResults .productCard--small {
        max-width: 960px;
        min-height: 324px
    }

        .searchResults .productCard--small .productCard__head, .searchResults .productCard .productCard__head {
            height: 200px
        }

            .searchResults .productCard--small .productCard__head:after, .searchResults .productCard .productCard__head:after {
                left: 16px;
                width: calc(100% - 16px * 2)
            }

        .searchResults .productCard--small .productCard__head-content, .searchResults .productCard .productCard__head-content {
            padding: 24px 16px
        }

        .searchResults .productCard--small .productCard__productName, .searchResults .productCard .productCard__productName {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Calma Global Medium,sans-serif;
            font-size: 1.625rem;
            line-height: 1.231em;
            letter-spacing: 0
        }

            .searchResults .productCard--small .productCard__productName .link a, .searchResults .productCard .productCard__productName .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .searchResults .productCard--small .productCard__productName .link a:hover, .searchResults .productCard .productCard__productName .link a:hover {
                    color: var(--m-01)
                }

            .searchResults .productCard--small .productCard__productName mark, .searchResults .productCard--small .productCard__productName mark[data-color=color], .searchResults .productCard .productCard__productName mark, .searchResults .productCard .productCard__productName mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .searchResults .productCard--small .productCard__productName mark[data-color=gray], .searchResults .productCard .productCard__productName mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .searchResults .productCard--small .productCard__productName mark[data-color=default], .searchResults .productCard .productCard__productName mark[data-color=default] {
                    color: var(--neu-10)
                }

            .searchResults .productCard--small .productCard__productName span.m-01--dark-01, .searchResults .productCard--small .productCard__productName span[data-color=color], .searchResults .productCard .productCard__productName span.m-01--dark-01, .searchResults .productCard .productCard__productName span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .searchResults .productCard--small .productCard__productName span.neu-07, .searchResults .productCard--small .productCard__productName span[data-color=gray], .searchResults .productCard .productCard__productName span.neu-07, .searchResults .productCard .productCard__productName span[data-color=gray] {
                color: var(--neu-07)
            }

            .searchResults .productCard--small .productCard__productName span.neu-10, .searchResults .productCard--small .productCard__productName span[data-color=default], .searchResults .productCard .productCard__productName span.neu-10, .searchResults .productCard .productCard__productName span[data-color=default] {
                color: var(--neu-10)
            }

            .searchResults .productCard--small .productCard__productName b, .searchResults .productCard--small .productCard__productName strong, .searchResults .productCard .productCard__productName b, .searchResults .productCard .productCard__productName strong {
                font-weight: 700
            }

            .searchResults .productCard--small .productCard__productName em, .searchResults .productCard .productCard__productName em {
                font-style: italic
            }

        .searchResults .productCard--small .productCard__content, .searchResults .productCard .productCard__content {
            padding: 16px
        }

        .searchResults .productCard--small .productCard__bookmark, .searchResults .productCard .productCard__bookmark {
            right: 0;
            top: 8px
        }

    .searchResults .brandCard, .searchResults .brandCard--small {
        max-width: 960px;
        min-height: 324px;
        padding: 16px
    }

        .searchResults .brandCard--small .brandCard__image, .searchResults .brandCard .brandCard__image {
            height: 70px;
            width: 70px;
            margin-right: 0
        }

        .searchResults .brandCard--small .brandCard--small .btnBookmark--privateArea, .searchResults .brandCard--small .brandCard .btnBookmark--privateArea, .searchResults .brandCard--small .brandCard__bookmark, .searchResults .brandCard .brandCard--small .btnBookmark--privateArea, .searchResults .brandCard .brandCard .btnBookmark--privateArea, .searchResults .brandCard .brandCard__bookmark {
            right: 0
        }

        .searchResults .brandCard--small .brandCard__text, .searchResults .brandCard .brandCard__text {
            padding: 0
        }

        .searchResults .brandCard--small .brandCard__title, .searchResults .brandCard .brandCard__title {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Calma Global Medium,sans-serif;
            font-size: 1.625rem;
            line-height: 1.231em;
            letter-spacing: 0
        }

            .searchResults .brandCard--small .brandCard__title .link a, .searchResults .brandCard .brandCard__title .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .searchResults .brandCard--small .brandCard__title .link a:hover, .searchResults .brandCard .brandCard__title .link a:hover {
                    color: var(--m-01)
                }

            .searchResults .brandCard--small .brandCard__title mark, .searchResults .brandCard--small .brandCard__title mark[data-color=color], .searchResults .brandCard .brandCard__title mark, .searchResults .brandCard .brandCard__title mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .searchResults .brandCard--small .brandCard__title mark[data-color=gray], .searchResults .brandCard .brandCard__title mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .searchResults .brandCard--small .brandCard__title mark[data-color=default], .searchResults .brandCard .brandCard__title mark[data-color=default] {
                    color: var(--neu-10)
                }

            .searchResults .brandCard--small .brandCard__title span.m-01--dark-01, .searchResults .brandCard--small .brandCard__title span[data-color=color], .searchResults .brandCard .brandCard__title span.m-01--dark-01, .searchResults .brandCard .brandCard__title span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .searchResults .brandCard--small .brandCard__title span.neu-07, .searchResults .brandCard--small .brandCard__title span[data-color=gray], .searchResults .brandCard .brandCard__title span.neu-07, .searchResults .brandCard .brandCard__title span[data-color=gray] {
                color: var(--neu-07)
            }

            .searchResults .brandCard--small .brandCard__title span.neu-10, .searchResults .brandCard--small .brandCard__title span[data-color=default], .searchResults .brandCard .brandCard__title span.neu-10, .searchResults .brandCard .brandCard__title span[data-color=default] {
                color: var(--neu-10)
            }

            .searchResults .brandCard--small .brandCard__title b, .searchResults .brandCard--small .brandCard__title strong, .searchResults .brandCard .brandCard__title b, .searchResults .brandCard .brandCard__title strong {
                font-weight: 700
            }

            .searchResults .brandCard--small .brandCard__title em, .searchResults .brandCard .brandCard__title em {
                font-style: italic
            }

        .searchResults .brandCard--small .brandCard__description, .searchResults .brandCard .brandCard__description {
            margin-top: 24px
        }

    .searchResults .categoryCard, .searchResults .categoryCard--small {
        min-height: 240px;
        max-width: 960px
    }

        .searchResults .categoryCard--small .categoryCard__content, .searchResults .categoryCard .categoryCard__content {
            padding: 32px
        }

        .searchResults .categoryCard--small .categoryCard__title, .searchResults .categoryCard .categoryCard__title {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Calma Global Medium,sans-serif;
            font-size: 2rem;
            line-height: 1.25em;
            letter-spacing: -.016em
        }

            .searchResults .categoryCard--small .categoryCard__title .link a, .searchResults .categoryCard .categoryCard__title .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .searchResults .categoryCard--small .categoryCard__title .link a:hover, .searchResults .categoryCard .categoryCard__title .link a:hover {
                    color: var(--m-01)
                }

            .searchResults .categoryCard--small .categoryCard__title mark, .searchResults .categoryCard--small .categoryCard__title mark[data-color=color], .searchResults .categoryCard .categoryCard__title mark, .searchResults .categoryCard .categoryCard__title mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .searchResults .categoryCard--small .categoryCard__title mark[data-color=gray], .searchResults .categoryCard .categoryCard__title mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .searchResults .categoryCard--small .categoryCard__title mark[data-color=default], .searchResults .categoryCard .categoryCard__title mark[data-color=default] {
                    color: var(--neu-10)
                }

            .searchResults .categoryCard--small .categoryCard__title span.m-01--dark-01, .searchResults .categoryCard--small .categoryCard__title span[data-color=color], .searchResults .categoryCard .categoryCard__title span.m-01--dark-01, .searchResults .categoryCard .categoryCard__title span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .searchResults .categoryCard--small .categoryCard__title span.neu-07, .searchResults .categoryCard--small .categoryCard__title span[data-color=gray], .searchResults .categoryCard .categoryCard__title span.neu-07, .searchResults .categoryCard .categoryCard__title span[data-color=gray] {
                color: var(--neu-07)
            }

            .searchResults .categoryCard--small .categoryCard__title span.neu-10, .searchResults .categoryCard--small .categoryCard__title span[data-color=default], .searchResults .categoryCard .categoryCard__title span.neu-10, .searchResults .categoryCard .categoryCard__title span[data-color=default] {
                color: var(--neu-10)
            }

            .searchResults .categoryCard--small .categoryCard__title b, .searchResults .categoryCard--small .categoryCard__title strong, .searchResults .categoryCard .categoryCard__title b, .searchResults .categoryCard .categoryCard__title strong {
                font-weight: 700
            }

            .searchResults .categoryCard--small .categoryCard__title em, .searchResults .categoryCard .categoryCard__title em {
                font-style: italic
            }
}

@media (max-width:768px) and (max-width:1024px) {
    .searchResults .categoryCard--small .categoryCard__title, .searchResults .categoryCard .categoryCard__title {
        font-size: 1.625rem;
        line-height: 1.231em;
        letter-spacing: 0
    }
}

@media (max-width:768px) {
    .searchResults .profileCard, .searchResults .profileCard--small {
        max-width: 960px;
        padding: 24px 16px 32px 4px;
        height: 100%
    }

        .searchResults .profileCard--small .profileCard__text, .searchResults .profileCard .profileCard__text {
            max-width: 310px
        }

    .searchResults .selectableCard, .searchResults .selectableCard--small {
        max-width: 960px;
        padding: 16px 16px 24px;
        grid-template-columns: 1fr 1fr;
        row-gap: 8px
    }

        .searchResults .selectableCard--small .selectableCard__content, .searchResults .selectableCard .selectableCard__content {
            grid-row: 2;
            grid-column: 1/3
        }

        .searchResults .selectableCard--small .selectableCard__checkbox, .searchResults .selectableCard .selectableCard__checkbox {
            margin-right: 0;
            grid-row: 1
        }

        .searchResults .selectableCard--small .selectableCard__image, .searchResults .selectableCard .selectableCard__image {
            width: 48px;
            height: 48px;
            grid-row: 1;
            justify-self: flex-end
        }

        .searchResults .selectableCard--small .selectableCard__btn, .searchResults .selectableCard .selectableCard__btn {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Inter,sans-serif;
            font-size: .813rem;
            line-height: 1.538em;
            letter-spacing: -.003em;
            font-weight: 400;
            font-weight: 700;
            padding: 0 20px;
            height: 40px;
            transform: none;
            margin-left: 0;
            margin-top: 16px;
            grid-row: 3;
            grid-column: 1/3
        }

            .searchResults .selectableCard--small .selectableCard__btn .link a, .searchResults .selectableCard .selectableCard__btn .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .searchResults .selectableCard--small .selectableCard__btn .link a:hover, .searchResults .selectableCard .selectableCard__btn .link a:hover {
                    color: var(--m-01)
                }

            .searchResults .selectableCard--small .selectableCard__btn mark, .searchResults .selectableCard--small .selectableCard__btn mark[data-color=color], .searchResults .selectableCard .selectableCard__btn mark, .searchResults .selectableCard .selectableCard__btn mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .searchResults .selectableCard--small .selectableCard__btn mark[data-color=gray], .searchResults .selectableCard .selectableCard__btn mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .searchResults .selectableCard--small .selectableCard__btn mark[data-color=default], .searchResults .selectableCard .selectableCard__btn mark[data-color=default] {
                    color: var(--neu-10)
                }

            .searchResults .selectableCard--small .selectableCard__btn span.m-01--dark-01, .searchResults .selectableCard--small .selectableCard__btn span[data-color=color], .searchResults .selectableCard .selectableCard__btn span.m-01--dark-01, .searchResults .selectableCard .selectableCard__btn span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .searchResults .selectableCard--small .selectableCard__btn span.neu-07, .searchResults .selectableCard--small .selectableCard__btn span[data-color=gray], .searchResults .selectableCard .selectableCard__btn span.neu-07, .searchResults .selectableCard .selectableCard__btn span[data-color=gray] {
                color: var(--neu-07)
            }

            .searchResults .selectableCard--small .selectableCard__btn span.neu-10, .searchResults .selectableCard--small .selectableCard__btn span[data-color=default], .searchResults .selectableCard .selectableCard__btn span.neu-10, .searchResults .selectableCard .selectableCard__btn span[data-color=default] {
                color: var(--neu-10)
            }

            .searchResults .selectableCard--small .selectableCard__btn b, .searchResults .selectableCard--small .selectableCard__btn strong, .searchResults .selectableCard .selectableCard__btn b, .searchResults .selectableCard .selectableCard__btn strong {
                font-weight: 700
            }

            .searchResults .selectableCard--small .selectableCard__btn em, .searchResults .selectableCard .selectableCard__btn em {
                font-style: italic
            }

            .searchResults .selectableCard--small .selectableCard__btn i, .searchResults .selectableCard .selectableCard__btn i {
                min-width: 16px;
                width: 16px;
                height: 16px;
                font-size: 16px
            }

                .searchResults .selectableCard--small .selectableCard__btn i:before, .searchResults .selectableCard .selectableCard__btn i:before {
                    font-size: 16px;
                    font-weight: 400
                }

            .searchResults .selectableCard--small .selectableCard__btn.btn--icon, .searchResults .selectableCard .selectableCard__btn.btn--icon {
                width: 40px;
                min-width: 40px
            }

    .searchResults .demandCard, .searchResults .demandCard--small {
        max-width: 960px;
        padding: 16px;
        min-height: 324px
    }

        .searchResults .demandCard--small .demandCard__content, .searchResults .demandCard .demandCard__content {
            gap: 8px
        }

        .searchResults .demandCard--small .demandCard__notification-text, .searchResults .demandCard .demandCard__notification-text {
            display: none
        }

        .searchResults .demandCard--small .demandCard__description, .searchResults .demandCard .demandCard__description {
            margin-top: 8px
        }

    .searchResults .replyCard, .searchResults .replyCard--small {
        max-width: 960px
    }

        .searchResults .replyCard--small .replyCard, .searchResults .replyCard--small .replyCard--small, .searchResults .replyCard .replyCard, .searchResults .replyCard .replyCard--small {
            background-color: var(--neu-01)
        }

        .searchResults .replyCard--small .replyCard__content, .searchResults .replyCard .replyCard__content {
            padding: 24px;
            gap: 4px 12px
        }

        .searchResults .replyCard--small .replyCard__thumb, .searchResults .replyCard .replyCard__thumb {
            grid-row: 1/3;
            align-self: flex-start
        }

        .searchResults .replyCard--small .replyCard__text, .searchResults .replyCard .replyCard__text {
            grid-row: 2;
            grid-column: 2/4
        }
}

@media (max-width:768px) and (max-width:512px) {
    .searchResults .replyCard--small .replyCard__text, .searchResults .replyCard .replyCard__text {
        grid-column: 2/4
    }
}

@media (max-width:768px) {
    .searchResults .replyCard--small .replyCard__message, .searchResults .replyCard--small .replyCard__subject, .searchResults .replyCard .replyCard__message, .searchResults .replyCard .replyCard__subject {
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-stretch: normal;
        letter-spacing: normal;
        font-family: Inter,sans-serif;
        font-size: 1rem;
        line-height: 1.5em;
        letter-spacing: -.011em;
        font-weight: 400
    }

        .searchResults .replyCard--small .replyCard__message .link a, .searchResults .replyCard--small .replyCard__subject .link a, .searchResults .replyCard .replyCard__message .link a, .searchResults .replyCard .replyCard__subject .link a {
            transition: all .1s ease;
            text-decoration: underline;
            color: var(--m-01--dark-01)
        }

            .searchResults .replyCard--small .replyCard__message .link a:hover, .searchResults .replyCard--small .replyCard__subject .link a:hover, .searchResults .replyCard .replyCard__message .link a:hover, .searchResults .replyCard .replyCard__subject .link a:hover {
                color: var(--m-01)
            }

        .searchResults .replyCard--small .replyCard__message mark, .searchResults .replyCard--small .replyCard__message mark[data-color=color], .searchResults .replyCard--small .replyCard__subject mark, .searchResults .replyCard--small .replyCard__subject mark[data-color=color], .searchResults .replyCard .replyCard__message mark, .searchResults .replyCard .replyCard__message mark[data-color=color], .searchResults .replyCard .replyCard__subject mark, .searchResults .replyCard .replyCard__subject mark[data-color=color] {
            color: var(--m-01--dark-01)
        }

            .searchResults .replyCard--small .replyCard__message mark[data-color=gray], .searchResults .replyCard--small .replyCard__subject mark[data-color=gray], .searchResults .replyCard .replyCard__message mark[data-color=gray], .searchResults .replyCard .replyCard__subject mark[data-color=gray] {
                color: var(--neu-07)
            }

            .searchResults .replyCard--small .replyCard__message mark[data-color=default], .searchResults .replyCard--small .replyCard__subject mark[data-color=default], .searchResults .replyCard .replyCard__message mark[data-color=default], .searchResults .replyCard .replyCard__subject mark[data-color=default] {
                color: var(--neu-10)
            }

        .searchResults .replyCard--small .replyCard__message span.m-01--dark-01, .searchResults .replyCard--small .replyCard__message span[data-color=color], .searchResults .replyCard--small .replyCard__subject span.m-01--dark-01, .searchResults .replyCard--small .replyCard__subject span[data-color=color], .searchResults .replyCard .replyCard__message span.m-01--dark-01, .searchResults .replyCard .replyCard__message span[data-color=color], .searchResults .replyCard .replyCard__subject span.m-01--dark-01, .searchResults .replyCard .replyCard__subject span[data-color=color] {
            color: var(--m-01--dark-01)
        }

        .searchResults .replyCard--small .replyCard__message span.neu-07, .searchResults .replyCard--small .replyCard__message span[data-color=gray], .searchResults .replyCard--small .replyCard__subject span.neu-07, .searchResults .replyCard--small .replyCard__subject span[data-color=gray], .searchResults .replyCard .replyCard__message span.neu-07, .searchResults .replyCard .replyCard__message span[data-color=gray], .searchResults .replyCard .replyCard__subject span.neu-07, .searchResults .replyCard .replyCard__subject span[data-color=gray] {
            color: var(--neu-07)
        }

        .searchResults .replyCard--small .replyCard__message span.neu-10, .searchResults .replyCard--small .replyCard__message span[data-color=default], .searchResults .replyCard--small .replyCard__subject span.neu-10, .searchResults .replyCard--small .replyCard__subject span[data-color=default], .searchResults .replyCard .replyCard__message span.neu-10, .searchResults .replyCard .replyCard__message span[data-color=default], .searchResults .replyCard .replyCard__subject span.neu-10, .searchResults .replyCard .replyCard__subject span[data-color=default] {
            color: var(--neu-10)
        }

        .searchResults .replyCard--small .replyCard__message b, .searchResults .replyCard--small .replyCard__message strong, .searchResults .replyCard--small .replyCard__subject b, .searchResults .replyCard--small .replyCard__subject strong, .searchResults .replyCard .replyCard__message b, .searchResults .replyCard .replyCard__message strong, .searchResults .replyCard .replyCard__subject b, .searchResults .replyCard .replyCard__subject strong {
            font-weight: 700
        }

        .searchResults .replyCard--small .replyCard__message em, .searchResults .replyCard--small .replyCard__subject em, .searchResults .replyCard .replyCard__message em, .searchResults .replyCard .replyCard__subject em {
            font-style: italic
        }

    .searchResults .replyCard--small .replyCard__info, .searchResults .replyCard .replyCard__info {
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-stretch: normal;
        letter-spacing: normal;
        font-family: Inter,sans-serif;
        font-size: .813rem;
        line-height: 1.538em;
        letter-spacing: -.003em;
        font-weight: 700;
        margin-top: 8px;
        padding-right: 32px
    }

        .searchResults .replyCard--small .replyCard__info .link a, .searchResults .replyCard .replyCard__info .link a {
            transition: all .1s ease;
            text-decoration: underline;
            color: var(--m-01--dark-01)
        }

            .searchResults .replyCard--small .replyCard__info .link a:hover, .searchResults .replyCard .replyCard__info .link a:hover {
                color: var(--m-01)
            }

        .searchResults .replyCard--small .replyCard__info mark, .searchResults .replyCard--small .replyCard__info mark[data-color=color], .searchResults .replyCard .replyCard__info mark, .searchResults .replyCard .replyCard__info mark[data-color=color] {
            color: var(--m-01--dark-01)
        }

            .searchResults .replyCard--small .replyCard__info mark[data-color=gray], .searchResults .replyCard .replyCard__info mark[data-color=gray] {
                color: var(--neu-07)
            }

            .searchResults .replyCard--small .replyCard__info mark[data-color=default], .searchResults .replyCard .replyCard__info mark[data-color=default] {
                color: var(--neu-10)
            }

        .searchResults .replyCard--small .replyCard__info span.m-01--dark-01, .searchResults .replyCard--small .replyCard__info span[data-color=color], .searchResults .replyCard .replyCard__info span.m-01--dark-01, .searchResults .replyCard .replyCard__info span[data-color=color] {
            color: var(--m-01--dark-01)
        }

        .searchResults .replyCard--small .replyCard__info span.neu-07, .searchResults .replyCard--small .replyCard__info span[data-color=gray], .searchResults .replyCard .replyCard__info span.neu-07, .searchResults .replyCard .replyCard__info span[data-color=gray] {
            color: var(--neu-07)
        }

        .searchResults .replyCard--small .replyCard__info span.neu-10, .searchResults .replyCard--small .replyCard__info span[data-color=default], .searchResults .replyCard .replyCard__info span.neu-10, .searchResults .replyCard .replyCard__info span[data-color=default] {
            color: var(--neu-10)
        }

        .searchResults .replyCard--small .replyCard__info b, .searchResults .replyCard--small .replyCard__info strong, .searchResults .replyCard .replyCard__info b, .searchResults .replyCard .replyCard__info strong {
            font-weight: 700
        }

        .searchResults .replyCard--small .replyCard__info em, .searchResults .replyCard .replyCard__info em {
            font-style: italic
        }

    .searchResults .replyCard--small .replyCard__pin, .searchResults .replyCard .replyCard__pin {
        transition: all .1s ease;
        grid-row: 2;
        grid-column: 3;
        align-self: flex-end;
        width: 24px;
        height: 24px;
        justify-self: flex-end;
        transform: translateY(4px);
        cursor: pointer
    }

        .searchResults .replyCard--small .replyCard__pin:hover, .searchResults .replyCard .replyCard__pin:hover {
            opacity: .7
        }

        .searchResults .replyCard--small .replyCard__pin:before, .searchResults .replyCard .replyCard__pin:before {
            width: 24px;
            height: 24px;
            font-size: 24px;
            font-family: aicep-base-icons !important;
            font-weight: 400;
            display: flex;
            justify-content: center;
            align-items: center;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            content: "\e95b"
        }

    .searchResults .replyCard--small .replyCard__pin--selected, .searchResults .replyCard .replyCard__pin--selected {
        color: var(--m-02--dark-01)
    }

        .searchResults .replyCard--small .replyCard__pin--selected:before, .searchResults .replyCard .replyCard__pin--selected:before {
            content: "\e95c"
        }

    .searchResults .replyCard--small .replyCard__btn, .searchResults .replyCard .replyCard__btn {
        display: none
    }

    .searchResults .infoCard, .searchResults .infoCard--small {
        max-width: 960px;
        padding: 24px
    }

        .searchResults .infoCard--small .infoCard__number, .searchResults .infoCard .infoCard__number {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Calma Global Medium,sans-serif;
            font-size: 2rem;
            line-height: 1.25em;
            letter-spacing: -.016em;
            transform: translateY(0)
        }

            .searchResults .infoCard--small .infoCard__number .link a, .searchResults .infoCard .infoCard__number .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .searchResults .infoCard--small .infoCard__number .link a:hover, .searchResults .infoCard .infoCard__number .link a:hover {
                    color: var(--m-01)
                }

            .searchResults .infoCard--small .infoCard__number mark, .searchResults .infoCard--small .infoCard__number mark[data-color=color], .searchResults .infoCard .infoCard__number mark, .searchResults .infoCard .infoCard__number mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .searchResults .infoCard--small .infoCard__number mark[data-color=gray], .searchResults .infoCard .infoCard__number mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .searchResults .infoCard--small .infoCard__number mark[data-color=default], .searchResults .infoCard .infoCard__number mark[data-color=default] {
                    color: var(--neu-10)
                }

            .searchResults .infoCard--small .infoCard__number span.m-01--dark-01, .searchResults .infoCard--small .infoCard__number span[data-color=color], .searchResults .infoCard .infoCard__number span.m-01--dark-01, .searchResults .infoCard .infoCard__number span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .searchResults .infoCard--small .infoCard__number span.neu-07, .searchResults .infoCard--small .infoCard__number span[data-color=gray], .searchResults .infoCard .infoCard__number span.neu-07, .searchResults .infoCard .infoCard__number span[data-color=gray] {
                color: var(--neu-07)
            }

            .searchResults .infoCard--small .infoCard__number span.neu-10, .searchResults .infoCard--small .infoCard__number span[data-color=default], .searchResults .infoCard .infoCard__number span.neu-10, .searchResults .infoCard .infoCard__number span[data-color=default] {
                color: var(--neu-10)
            }

            .searchResults .infoCard--small .infoCard__number b, .searchResults .infoCard--small .infoCard__number strong, .searchResults .infoCard .infoCard__number b, .searchResults .infoCard .infoCard__number strong {
                font-weight: 700
            }

            .searchResults .infoCard--small .infoCard__number em, .searchResults .infoCard .infoCard__number em {
                font-style: italic
            }
}

@media (max-width:768px) and (max-width:1024px) {
    .searchResults .infoCard--small .infoCard__number, .searchResults .infoCard .infoCard__number {
        font-size: 1.625rem;
        line-height: 1.231em;
        letter-spacing: 0;
        transform: translateY(3px)
    }
}

@media (max-width:768px) {
    .searchResults .infoCard--small .infoCard__title, .searchResults .infoCard .infoCard__title {
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-stretch: normal;
        letter-spacing: normal;
        font-family: Inter,sans-serif;
        font-size: 1rem;
        line-height: 1.5em;
        letter-spacing: -.011em;
        font-weight: 700
    }

        .searchResults .infoCard--small .infoCard__title .link a, .searchResults .infoCard .infoCard__title .link a {
            transition: all .1s ease;
            text-decoration: underline;
            color: var(--m-01--dark-01)
        }

            .searchResults .infoCard--small .infoCard__title .link a:hover, .searchResults .infoCard .infoCard__title .link a:hover {
                color: var(--m-01)
            }

        .searchResults .infoCard--small .infoCard__title mark, .searchResults .infoCard--small .infoCard__title mark[data-color=color], .searchResults .infoCard .infoCard__title mark, .searchResults .infoCard .infoCard__title mark[data-color=color] {
            color: var(--m-01--dark-01)
        }

            .searchResults .infoCard--small .infoCard__title mark[data-color=gray], .searchResults .infoCard .infoCard__title mark[data-color=gray] {
                color: var(--neu-07)
            }

            .searchResults .infoCard--small .infoCard__title mark[data-color=default], .searchResults .infoCard .infoCard__title mark[data-color=default] {
                color: var(--neu-10)
            }

        .searchResults .infoCard--small .infoCard__title span.m-01--dark-01, .searchResults .infoCard--small .infoCard__title span[data-color=color], .searchResults .infoCard .infoCard__title span.m-01--dark-01, .searchResults .infoCard .infoCard__title span[data-color=color] {
            color: var(--m-01--dark-01)
        }

        .searchResults .infoCard--small .infoCard__title span.neu-07, .searchResults .infoCard--small .infoCard__title span[data-color=gray], .searchResults .infoCard .infoCard__title span.neu-07, .searchResults .infoCard .infoCard__title span[data-color=gray] {
            color: var(--neu-07)
        }

        .searchResults .infoCard--small .infoCard__title span.neu-10, .searchResults .infoCard--small .infoCard__title span[data-color=default], .searchResults .infoCard .infoCard__title span.neu-10, .searchResults .infoCard .infoCard__title span[data-color=default] {
            color: var(--neu-10)
        }

        .searchResults .infoCard--small .infoCard__title b, .searchResults .infoCard--small .infoCard__title strong, .searchResults .infoCard .infoCard__title b, .searchResults .infoCard .infoCard__title strong {
            font-weight: 700
        }

        .searchResults .infoCard--small .infoCard__title em, .searchResults .infoCard .infoCard__title em {
            font-style: italic
        }
}

.selectableList__wrapper {
    padding-top: 56px;
    padding-bottom: 64px
}

@media (max-width:1024px) {
    .selectableList__wrapper {
        padding-top: 40px;
        padding-bottom: 56px
    }
}

.selectableList__container {
    grid-column: 2/12
}

@media (max-width:1024px) {
    .selectableList__container {
        grid-column: 1/13
    }
}

@media (max-width:1024px) and (max-width:1024px) {
    .selectableList__container {
        grid-column: 1/7
    }
}

.selectableList__results {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1.75rem;
    line-height: 1.429em;
    letter-spacing: -.021em;
    font-weight: 400;
    color: var(--neu-10);
    margin-bottom: 48px
}

    .selectableList__results .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .selectableList__results .link a:hover {
            color: var(--m-01)
        }

    .selectableList__results mark, .selectableList__results mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .selectableList__results mark[data-color=gray] {
            color: var(--neu-07)
        }

        .selectableList__results mark[data-color=default] {
            color: var(--neu-10)
        }

    .selectableList__results span.m-01--dark-01, .selectableList__results span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .selectableList__results span.neu-07, .selectableList__results span[data-color=gray] {
        color: var(--neu-07)
    }

    .selectableList__results span.neu-10, .selectableList__results span[data-color=default] {
        color: var(--neu-10)
    }

    .selectableList__results b, .selectableList__results strong {
        font-weight: 700
    }

    .selectableList__results em {
        font-style: italic
    }

@media (max-width:1024px) {
    .selectableList__results {
        font-size: 1.438rem;
        line-height: 1.391em;
        letter-spacing: -.019em
    }
}

.selectableList__results strong {
    font-weight: 700
}

@media (max-width:1024px) {
    .selectableList__results {
        grid-column: 1/13;
        margin-bottom: 32px
    }
}

@media (max-width:1024px) and (max-width:1024px) {
    .selectableList__results {
        grid-column: 1/7
    }
}

.selectableList__checkbox {
    width: -moz-fit-content;
    width: fit-content;
    margin-left: 24px
}

@media (max-width:768px) {
    .selectableList__checkbox {
        margin-left: 16px
    }
}

.selectableList__list {
    margin-top: 32px;
    display: flex;
    flex-direction: column;
    gap: 16px
}

@media (max-width:1024px) {
    .selectableList__list {
        grid-column: 1/13;
        margin-top: 24px
    }
}

@media (max-width:1024px) and (max-width:1024px) {
    .selectableList__list {
        grid-column: 1/7
    }
}

.selectableList .btnContainer {
    margin-top: 48px
}

@media (max-width:1024px) {
    .selectableList .btnContainer {
        margin-top: 40px
    }
}

@media (max-width:768px) {
    .selectableList .caseCard, .selectableList .caseCard--small {
        min-height: 324px;
        max-width: 960px
    }

        .selectableList .caseCard--small .caseCard__content, .selectableList .caseCard .caseCard__content {
            padding: 24px 16px 16px
        }

        .selectableList .caseCard--small .caseCard__title, .selectableList .caseCard .caseCard__title {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Calma Global Medium,sans-serif;
            font-size: 1.625rem;
            line-height: 1.231em;
            letter-spacing: 0
        }

            .selectableList .caseCard--small .caseCard__title .link a, .selectableList .caseCard .caseCard__title .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .selectableList .caseCard--small .caseCard__title .link a:hover, .selectableList .caseCard .caseCard__title .link a:hover {
                    color: var(--m-01)
                }

            .selectableList .caseCard--small .caseCard__title mark, .selectableList .caseCard--small .caseCard__title mark[data-color=color], .selectableList .caseCard .caseCard__title mark, .selectableList .caseCard .caseCard__title mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .selectableList .caseCard--small .caseCard__title mark[data-color=gray], .selectableList .caseCard .caseCard__title mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .selectableList .caseCard--small .caseCard__title mark[data-color=default], .selectableList .caseCard .caseCard__title mark[data-color=default] {
                    color: var(--neu-10)
                }

            .selectableList .caseCard--small .caseCard__title span.m-01--dark-01, .selectableList .caseCard--small .caseCard__title span[data-color=color], .selectableList .caseCard .caseCard__title span.m-01--dark-01, .selectableList .caseCard .caseCard__title span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .selectableList .caseCard--small .caseCard__title span.neu-07, .selectableList .caseCard--small .caseCard__title span[data-color=gray], .selectableList .caseCard .caseCard__title span.neu-07, .selectableList .caseCard .caseCard__title span[data-color=gray] {
                color: var(--neu-07)
            }

            .selectableList .caseCard--small .caseCard__title span.neu-10, .selectableList .caseCard--small .caseCard__title span[data-color=default], .selectableList .caseCard .caseCard__title span.neu-10, .selectableList .caseCard .caseCard__title span[data-color=default] {
                color: var(--neu-10)
            }

            .selectableList .caseCard--small .caseCard__title b, .selectableList .caseCard--small .caseCard__title strong, .selectableList .caseCard .caseCard__title b, .selectableList .caseCard .caseCard__title strong {
                font-weight: 700
            }

            .selectableList .caseCard--small .caseCard__title em, .selectableList .caseCard .caseCard__title em {
                font-style: italic
            }

    .selectableList .countyCard, .selectableList .countyCard--small {
        max-width: 960px;
        height: 100%;
        min-height: 80px
    }

    .selectableList .industryCard, .selectableList .industryCard--small {
        max-width: 960px;
        max-width: 480px;
        min-height: 240px
    }

        .selectableList .industryCard--small .industryCard__content, .selectableList .industryCard .industryCard__content {
            padding: 24px 16px 16px
        }

        .selectableList .industryCard--small .industryCard__title, .selectableList .industryCard .industryCard__title {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Calma Global Medium,sans-serif;
            font-size: 1.625rem;
            line-height: 1.231em;
            letter-spacing: 0
        }

            .selectableList .industryCard--small .industryCard__title .link a, .selectableList .industryCard .industryCard__title .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .selectableList .industryCard--small .industryCard__title .link a:hover, .selectableList .industryCard .industryCard__title .link a:hover {
                    color: var(--m-01)
                }

            .selectableList .industryCard--small .industryCard__title mark, .selectableList .industryCard--small .industryCard__title mark[data-color=color], .selectableList .industryCard .industryCard__title mark, .selectableList .industryCard .industryCard__title mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .selectableList .industryCard--small .industryCard__title mark[data-color=gray], .selectableList .industryCard .industryCard__title mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .selectableList .industryCard--small .industryCard__title mark[data-color=default], .selectableList .industryCard .industryCard__title mark[data-color=default] {
                    color: var(--neu-10)
                }

            .selectableList .industryCard--small .industryCard__title span.m-01--dark-01, .selectableList .industryCard--small .industryCard__title span[data-color=color], .selectableList .industryCard .industryCard__title span.m-01--dark-01, .selectableList .industryCard .industryCard__title span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .selectableList .industryCard--small .industryCard__title span.neu-07, .selectableList .industryCard--small .industryCard__title span[data-color=gray], .selectableList .industryCard .industryCard__title span.neu-07, .selectableList .industryCard .industryCard__title span[data-color=gray] {
                color: var(--neu-07)
            }

            .selectableList .industryCard--small .industryCard__title span.neu-10, .selectableList .industryCard--small .industryCard__title span[data-color=default], .selectableList .industryCard .industryCard__title span.neu-10, .selectableList .industryCard .industryCard__title span[data-color=default] {
                color: var(--neu-10)
            }

            .selectableList .industryCard--small .industryCard__title b, .selectableList .industryCard--small .industryCard__title strong, .selectableList .industryCard .industryCard__title b, .selectableList .industryCard .industryCard__title strong {
                font-weight: 700
            }

            .selectableList .industryCard--small .industryCard__title em, .selectableList .industryCard .industryCard__title em {
                font-style: italic
            }

    .selectableList .itemCard, .selectableList .itemCard--small {
        max-width: 960px;
        padding: 24px 16px 32px 4px;
        height: 100%
    }

        .selectableList .itemCard--small .itemCard__text, .selectableList .itemCard .itemCard__text {
            max-width: 310px
        }

    .selectableList .readingImageCard, .selectableList .readingImageCard--small {
        max-width: 960px;
        background: transparent;
        box-shadow: none;
        border-bottom: 1px solid var(--neu-03);
        min-height: auto;
        flex-direction: row;
        padding: 8px 0 16px;
        border-radius: 0
    }

        .selectableList .readingImageCard--small .readingImageCard__image, .selectableList .readingImageCard .readingImageCard__image {
            height: auto;
            max-width: 110px;
            flex: 1;
            border-radius: 0
        }

        .selectableList .readingImageCard--small .readingImageCard__content, .selectableList .readingImageCard .readingImageCard__content {
            padding: 0 0 0 16px;
            flex: 2;
            justify-content: flex-start
        }

        .selectableList .readingImageCard--small .readingImageCard__text, .selectableList .readingImageCard .readingImageCard__text {
            padding: 0;
            padding-right: 24px
        }

        .selectableList .readingImageCard--small .readingImageCard__title, .selectableList .readingImageCard .readingImageCard__title {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Inter,sans-serif;
            font-size: 1rem;
            line-height: 1.5em;
            letter-spacing: -.011em;
            font-weight: 700;
            margin-top: 4px
        }

            .selectableList .readingImageCard--small .readingImageCard__title .link a, .selectableList .readingImageCard .readingImageCard__title .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .selectableList .readingImageCard--small .readingImageCard__title .link a:hover, .selectableList .readingImageCard .readingImageCard__title .link a:hover {
                    color: var(--m-01)
                }

            .selectableList .readingImageCard--small .readingImageCard__title mark, .selectableList .readingImageCard--small .readingImageCard__title mark[data-color=color], .selectableList .readingImageCard .readingImageCard__title mark, .selectableList .readingImageCard .readingImageCard__title mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .selectableList .readingImageCard--small .readingImageCard__title mark[data-color=gray], .selectableList .readingImageCard .readingImageCard__title mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .selectableList .readingImageCard--small .readingImageCard__title mark[data-color=default], .selectableList .readingImageCard .readingImageCard__title mark[data-color=default] {
                    color: var(--neu-10)
                }

            .selectableList .readingImageCard--small .readingImageCard__title span.m-01--dark-01, .selectableList .readingImageCard--small .readingImageCard__title span[data-color=color], .selectableList .readingImageCard .readingImageCard__title span.m-01--dark-01, .selectableList .readingImageCard .readingImageCard__title span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .selectableList .readingImageCard--small .readingImageCard__title span.neu-07, .selectableList .readingImageCard--small .readingImageCard__title span[data-color=gray], .selectableList .readingImageCard .readingImageCard__title span.neu-07, .selectableList .readingImageCard .readingImageCard__title span[data-color=gray] {
                color: var(--neu-07)
            }

            .selectableList .readingImageCard--small .readingImageCard__title span.neu-10, .selectableList .readingImageCard--small .readingImageCard__title span[data-color=default], .selectableList .readingImageCard .readingImageCard__title span.neu-10, .selectableList .readingImageCard .readingImageCard__title span[data-color=default] {
                color: var(--neu-10)
            }

            .selectableList .readingImageCard--small .readingImageCard__title b, .selectableList .readingImageCard--small .readingImageCard__title strong, .selectableList .readingImageCard .readingImageCard__title b, .selectableList .readingImageCard .readingImageCard__title strong {
                font-weight: 700
            }

            .selectableList .readingImageCard--small .readingImageCard__title em, .selectableList .readingImageCard .readingImageCard__title em {
                font-style: italic
            }

        .selectableList .readingImageCard--small .readingImageCard__infoItem i, .selectableList .readingImageCard .readingImageCard__infoItem i {
            display: none
        }

        .selectableList .readingImageCard--small .btnBookmark, .selectableList .readingImageCard--small .btnBookmark--privateArea, .selectableList .readingImageCard--small .btnBookmark--small, .selectableList .readingImageCard .btnBookmark, .selectableList .readingImageCard .btnBookmark--privateArea, .selectableList .readingImageCard .btnBookmark--small {
            top: -8px;
            right: -16px;
            z-index: 2
        }

            .selectableList .readingImageCard--small .btnBookmark--privateArea .btnBookmark, .selectableList .readingImageCard--small .btnBookmark--privateArea .btnBookmark--small, .selectableList .readingImageCard .btnBookmark--privateArea .btnBookmark, .selectableList .readingImageCard .btnBookmark--privateArea .btnBookmark--small {
                top: 0;
                right: 0
            }

        .selectableList .readingImageCard--small:hover, .selectableList .readingImageCard:hover {
            box-shadow: none;
            transform: none
        }

    .selectableList .readingTextCard, .selectableList .readingTextCard--small {
        max-width: 960px;
        background: transparent;
        box-shadow: none;
        border-bottom: 1px solid var(--neu-03);
        min-height: auto;
        flex-direction: row;
        padding: 8px 0 16px;
        border-radius: 0
    }

        .selectableList .readingTextCard--small .readingTextCard__content, .selectableList .readingTextCard .readingTextCard__content {
            flex: 2
        }

        .selectableList .readingTextCard--small .readingTextCard__text, .selectableList .readingTextCard .readingTextCard__text {
            padding: 0
        }

        .selectableList .readingTextCard--small .readingTextCard__title, .selectableList .readingTextCard .readingTextCard__title {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Inter,sans-serif;
            font-size: 1rem;
            line-height: 1.5em;
            letter-spacing: -.011em;
            font-weight: 700;
            margin-top: 4px
        }

            .selectableList .readingTextCard--small .readingTextCard__title .link a, .selectableList .readingTextCard .readingTextCard__title .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .selectableList .readingTextCard--small .readingTextCard__title .link a:hover, .selectableList .readingTextCard .readingTextCard__title .link a:hover {
                    color: var(--m-01)
                }

            .selectableList .readingTextCard--small .readingTextCard__title mark, .selectableList .readingTextCard--small .readingTextCard__title mark[data-color=color], .selectableList .readingTextCard .readingTextCard__title mark, .selectableList .readingTextCard .readingTextCard__title mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .selectableList .readingTextCard--small .readingTextCard__title mark[data-color=gray], .selectableList .readingTextCard .readingTextCard__title mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .selectableList .readingTextCard--small .readingTextCard__title mark[data-color=default], .selectableList .readingTextCard .readingTextCard__title mark[data-color=default] {
                    color: var(--neu-10)
                }

            .selectableList .readingTextCard--small .readingTextCard__title span.m-01--dark-01, .selectableList .readingTextCard--small .readingTextCard__title span[data-color=color], .selectableList .readingTextCard .readingTextCard__title span.m-01--dark-01, .selectableList .readingTextCard .readingTextCard__title span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .selectableList .readingTextCard--small .readingTextCard__title span.neu-07, .selectableList .readingTextCard--small .readingTextCard__title span[data-color=gray], .selectableList .readingTextCard .readingTextCard__title span.neu-07, .selectableList .readingTextCard .readingTextCard__title span[data-color=gray] {
                color: var(--neu-07)
            }

            .selectableList .readingTextCard--small .readingTextCard__title span.neu-10, .selectableList .readingTextCard--small .readingTextCard__title span[data-color=default], .selectableList .readingTextCard .readingTextCard__title span.neu-10, .selectableList .readingTextCard .readingTextCard__title span[data-color=default] {
                color: var(--neu-10)
            }

            .selectableList .readingTextCard--small .readingTextCard__title b, .selectableList .readingTextCard--small .readingTextCard__title strong, .selectableList .readingTextCard .readingTextCard__title b, .selectableList .readingTextCard .readingTextCard__title strong {
                font-weight: 700
            }

            .selectableList .readingTextCard--small .readingTextCard__title em, .selectableList .readingTextCard .readingTextCard__title em {
                font-style: italic
            }

        .selectableList .readingTextCard--small .readingTextCard__description, .selectableList .readingTextCard--small .readingTextCard__infoItem i, .selectableList .readingTextCard .readingTextCard__description, .selectableList .readingTextCard .readingTextCard__infoItem i {
            display: none
        }

        .selectableList .readingTextCard--small:hover, .selectableList .readingTextCard:hover {
            box-shadow: none;
            transform: none
        }

    .selectableList .regionCard, .selectableList .regionCard--small {
        max-width: 960px;
        min-height: 270px
    }

        .selectableList .regionCard--small .regionCard__content, .selectableList .regionCard .regionCard__content {
            padding: 24px 16px 16px
        }

        .selectableList .regionCard--small .regionCard__title, .selectableList .regionCard .regionCard__title {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Calma Global Medium,sans-serif;
            font-size: 2rem;
            line-height: 1.25em;
            letter-spacing: -.016em
        }

            .selectableList .regionCard--small .regionCard__title .link a, .selectableList .regionCard .regionCard__title .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .selectableList .regionCard--small .regionCard__title .link a:hover, .selectableList .regionCard .regionCard__title .link a:hover {
                    color: var(--m-01)
                }

            .selectableList .regionCard--small .regionCard__title mark, .selectableList .regionCard--small .regionCard__title mark[data-color=color], .selectableList .regionCard .regionCard__title mark, .selectableList .regionCard .regionCard__title mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .selectableList .regionCard--small .regionCard__title mark[data-color=gray], .selectableList .regionCard .regionCard__title mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .selectableList .regionCard--small .regionCard__title mark[data-color=default], .selectableList .regionCard .regionCard__title mark[data-color=default] {
                    color: var(--neu-10)
                }

            .selectableList .regionCard--small .regionCard__title span.m-01--dark-01, .selectableList .regionCard--small .regionCard__title span[data-color=color], .selectableList .regionCard .regionCard__title span.m-01--dark-01, .selectableList .regionCard .regionCard__title span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .selectableList .regionCard--small .regionCard__title span.neu-07, .selectableList .regionCard--small .regionCard__title span[data-color=gray], .selectableList .regionCard .regionCard__title span.neu-07, .selectableList .regionCard .regionCard__title span[data-color=gray] {
                color: var(--neu-07)
            }

            .selectableList .regionCard--small .regionCard__title span.neu-10, .selectableList .regionCard--small .regionCard__title span[data-color=default], .selectableList .regionCard .regionCard__title span.neu-10, .selectableList .regionCard .regionCard__title span[data-color=default] {
                color: var(--neu-10)
            }

            .selectableList .regionCard--small .regionCard__title b, .selectableList .regionCard--small .regionCard__title strong, .selectableList .regionCard .regionCard__title b, .selectableList .regionCard .regionCard__title strong {
                font-weight: 700
            }

            .selectableList .regionCard--small .regionCard__title em, .selectableList .regionCard .regionCard__title em {
                font-style: italic
            }
}

@media (max-width:768px) and (max-width:1024px) {
    .selectableList .regionCard--small .regionCard__title, .selectableList .regionCard .regionCard__title {
        font-size: 1.625rem;
        line-height: 1.231em;
        letter-spacing: 0
    }
}

@media (max-width:768px) {
    .selectableList .resourceCard, .selectableList .resourceCard--small {
        max-width: 960px;
        min-height: 200px;
        height: 100%;
        padding: 24px 16px
    }

        .selectableList .resourceCard--small .resourceCard__title, .selectableList .resourceCard .resourceCard__title {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Inter,sans-serif;
            font-size: 1.188rem;
            line-height: 1.263em;
            letter-spacing: -.016em;
            font-weight: 400;
            margin-top: 4px
        }

            .selectableList .resourceCard--small .resourceCard__title .link a, .selectableList .resourceCard .resourceCard__title .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .selectableList .resourceCard--small .resourceCard__title .link a:hover, .selectableList .resourceCard .resourceCard__title .link a:hover {
                    color: var(--m-01)
                }

            .selectableList .resourceCard--small .resourceCard__title mark, .selectableList .resourceCard--small .resourceCard__title mark[data-color=color], .selectableList .resourceCard .resourceCard__title mark, .selectableList .resourceCard .resourceCard__title mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .selectableList .resourceCard--small .resourceCard__title mark[data-color=gray], .selectableList .resourceCard .resourceCard__title mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .selectableList .resourceCard--small .resourceCard__title mark[data-color=default], .selectableList .resourceCard .resourceCard__title mark[data-color=default] {
                    color: var(--neu-10)
                }

            .selectableList .resourceCard--small .resourceCard__title span.m-01--dark-01, .selectableList .resourceCard--small .resourceCard__title span[data-color=color], .selectableList .resourceCard .resourceCard__title span.m-01--dark-01, .selectableList .resourceCard .resourceCard__title span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .selectableList .resourceCard--small .resourceCard__title span.neu-07, .selectableList .resourceCard--small .resourceCard__title span[data-color=gray], .selectableList .resourceCard .resourceCard__title span.neu-07, .selectableList .resourceCard .resourceCard__title span[data-color=gray] {
                color: var(--neu-07)
            }

            .selectableList .resourceCard--small .resourceCard__title span.neu-10, .selectableList .resourceCard--small .resourceCard__title span[data-color=default], .selectableList .resourceCard .resourceCard__title span.neu-10, .selectableList .resourceCard .resourceCard__title span[data-color=default] {
                color: var(--neu-10)
            }

            .selectableList .resourceCard--small .resourceCard__title b, .selectableList .resourceCard--small .resourceCard__title strong, .selectableList .resourceCard .resourceCard__title b, .selectableList .resourceCard .resourceCard__title strong {
                font-weight: 700
            }

            .selectableList .resourceCard--small .resourceCard__title em, .selectableList .resourceCard .resourceCard__title em {
                font-style: italic
            }

        .selectableList .resourceCard--small .btn, .selectableList .resourceCard--small .btn--icon, .selectableList .resourceCard--small .btn--primary, .selectableList .resourceCard--small .btn--primary--dark, .selectableList .resourceCard--small .btn--secondary, .selectableList .resourceCard--small .btn--small, .selectableList .resourceCard--small .btn--tertiary, .selectableList .resourceCard .btn, .selectableList .resourceCard .btn--icon, .selectableList .resourceCard .btn--primary, .selectableList .resourceCard .btn--primary--dark, .selectableList .resourceCard .btn--secondary, .selectableList .resourceCard .btn--small, .selectableList .resourceCard .btn--tertiary {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Inter,sans-serif;
            font-size: .813rem;
            line-height: 1.538em;
            letter-spacing: -.003em;
            font-weight: 400;
            font-weight: 700;
            padding: 0 20px;
            height: 40px
        }

            .selectableList .resourceCard--small .btn--icon .link a, .selectableList .resourceCard--small .btn--primary--dark .link a, .selectableList .resourceCard--small .btn--primary .link a, .selectableList .resourceCard--small .btn--secondary .link a, .selectableList .resourceCard--small .btn--small .link a, .selectableList .resourceCard--small .btn--tertiary .link a, .selectableList .resourceCard--small .btn .link a, .selectableList .resourceCard .btn--icon .link a, .selectableList .resourceCard .btn--primary--dark .link a, .selectableList .resourceCard .btn--primary .link a, .selectableList .resourceCard .btn--secondary .link a, .selectableList .resourceCard .btn--small .link a, .selectableList .resourceCard .btn--tertiary .link a, .selectableList .resourceCard .btn .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .selectableList .resourceCard--small .btn--icon .link a:hover, .selectableList .resourceCard--small .btn--primary--dark .link a:hover, .selectableList .resourceCard--small .btn--primary .link a:hover, .selectableList .resourceCard--small .btn--secondary .link a:hover, .selectableList .resourceCard--small .btn--small .link a:hover, .selectableList .resourceCard--small .btn--tertiary .link a:hover, .selectableList .resourceCard--small .btn .link a:hover, .selectableList .resourceCard .btn--icon .link a:hover, .selectableList .resourceCard .btn--primary--dark .link a:hover, .selectableList .resourceCard .btn--primary .link a:hover, .selectableList .resourceCard .btn--secondary .link a:hover, .selectableList .resourceCard .btn--small .link a:hover, .selectableList .resourceCard .btn--tertiary .link a:hover, .selectableList .resourceCard .btn .link a:hover {
                    color: var(--m-01)
                }

            .selectableList .resourceCard--small .btn--icon mark, .selectableList .resourceCard--small .btn--icon mark[data-color=color], .selectableList .resourceCard--small .btn--primary--dark mark, .selectableList .resourceCard--small .btn--primary--dark mark[data-color=color], .selectableList .resourceCard--small .btn--primary mark, .selectableList .resourceCard--small .btn--primary mark[data-color=color], .selectableList .resourceCard--small .btn--secondary mark, .selectableList .resourceCard--small .btn--secondary mark[data-color=color], .selectableList .resourceCard--small .btn--small mark, .selectableList .resourceCard--small .btn--small mark[data-color=color], .selectableList .resourceCard--small .btn--tertiary mark, .selectableList .resourceCard--small .btn--tertiary mark[data-color=color], .selectableList .resourceCard--small .btn mark, .selectableList .resourceCard--small .btn mark[data-color=color], .selectableList .resourceCard .btn--icon mark, .selectableList .resourceCard .btn--icon mark[data-color=color], .selectableList .resourceCard .btn--primary--dark mark, .selectableList .resourceCard .btn--primary--dark mark[data-color=color], .selectableList .resourceCard .btn--primary mark, .selectableList .resourceCard .btn--primary mark[data-color=color], .selectableList .resourceCard .btn--secondary mark, .selectableList .resourceCard .btn--secondary mark[data-color=color], .selectableList .resourceCard .btn--small mark, .selectableList .resourceCard .btn--small mark[data-color=color], .selectableList .resourceCard .btn--tertiary mark, .selectableList .resourceCard .btn--tertiary mark[data-color=color], .selectableList .resourceCard .btn mark, .selectableList .resourceCard .btn mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .selectableList .resourceCard--small .btn--icon mark[data-color=gray], .selectableList .resourceCard--small .btn--primary--dark mark[data-color=gray], .selectableList .resourceCard--small .btn--primary mark[data-color=gray], .selectableList .resourceCard--small .btn--secondary mark[data-color=gray], .selectableList .resourceCard--small .btn--small mark[data-color=gray], .selectableList .resourceCard--small .btn--tertiary mark[data-color=gray], .selectableList .resourceCard--small .btn mark[data-color=gray], .selectableList .resourceCard .btn--icon mark[data-color=gray], .selectableList .resourceCard .btn--primary--dark mark[data-color=gray], .selectableList .resourceCard .btn--primary mark[data-color=gray], .selectableList .resourceCard .btn--secondary mark[data-color=gray], .selectableList .resourceCard .btn--small mark[data-color=gray], .selectableList .resourceCard .btn--tertiary mark[data-color=gray], .selectableList .resourceCard .btn mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .selectableList .resourceCard--small .btn--icon mark[data-color=default], .selectableList .resourceCard--small .btn--primary--dark mark[data-color=default], .selectableList .resourceCard--small .btn--primary mark[data-color=default], .selectableList .resourceCard--small .btn--secondary mark[data-color=default], .selectableList .resourceCard--small .btn--small mark[data-color=default], .selectableList .resourceCard--small .btn--tertiary mark[data-color=default], .selectableList .resourceCard--small .btn mark[data-color=default], .selectableList .resourceCard .btn--icon mark[data-color=default], .selectableList .resourceCard .btn--primary--dark mark[data-color=default], .selectableList .resourceCard .btn--primary mark[data-color=default], .selectableList .resourceCard .btn--secondary mark[data-color=default], .selectableList .resourceCard .btn--small mark[data-color=default], .selectableList .resourceCard .btn--tertiary mark[data-color=default], .selectableList .resourceCard .btn mark[data-color=default] {
                    color: var(--neu-10)
                }

            .selectableList .resourceCard--small .btn--icon span.m-01--dark-01, .selectableList .resourceCard--small .btn--icon span[data-color=color], .selectableList .resourceCard--small .btn--primary--dark span.m-01--dark-01, .selectableList .resourceCard--small .btn--primary--dark span[data-color=color], .selectableList .resourceCard--small .btn--primary span.m-01--dark-01, .selectableList .resourceCard--small .btn--primary span[data-color=color], .selectableList .resourceCard--small .btn--secondary span.m-01--dark-01, .selectableList .resourceCard--small .btn--secondary span[data-color=color], .selectableList .resourceCard--small .btn--small span.m-01--dark-01, .selectableList .resourceCard--small .btn--small span[data-color=color], .selectableList .resourceCard--small .btn--tertiary span.m-01--dark-01, .selectableList .resourceCard--small .btn--tertiary span[data-color=color], .selectableList .resourceCard--small .btn span.m-01--dark-01, .selectableList .resourceCard--small .btn span[data-color=color], .selectableList .resourceCard .btn--icon span.m-01--dark-01, .selectableList .resourceCard .btn--icon span[data-color=color], .selectableList .resourceCard .btn--primary--dark span.m-01--dark-01, .selectableList .resourceCard .btn--primary--dark span[data-color=color], .selectableList .resourceCard .btn--primary span.m-01--dark-01, .selectableList .resourceCard .btn--primary span[data-color=color], .selectableList .resourceCard .btn--secondary span.m-01--dark-01, .selectableList .resourceCard .btn--secondary span[data-color=color], .selectableList .resourceCard .btn--small span.m-01--dark-01, .selectableList .resourceCard .btn--small span[data-color=color], .selectableList .resourceCard .btn--tertiary span.m-01--dark-01, .selectableList .resourceCard .btn--tertiary span[data-color=color], .selectableList .resourceCard .btn span.m-01--dark-01, .selectableList .resourceCard .btn span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .selectableList .resourceCard--small .btn--icon span.neu-07, .selectableList .resourceCard--small .btn--icon span[data-color=gray], .selectableList .resourceCard--small .btn--primary--dark span.neu-07, .selectableList .resourceCard--small .btn--primary--dark span[data-color=gray], .selectableList .resourceCard--small .btn--primary span.neu-07, .selectableList .resourceCard--small .btn--primary span[data-color=gray], .selectableList .resourceCard--small .btn--secondary span.neu-07, .selectableList .resourceCard--small .btn--secondary span[data-color=gray], .selectableList .resourceCard--small .btn--small span.neu-07, .selectableList .resourceCard--small .btn--small span[data-color=gray], .selectableList .resourceCard--small .btn--tertiary span.neu-07, .selectableList .resourceCard--small .btn--tertiary span[data-color=gray], .selectableList .resourceCard--small .btn span.neu-07, .selectableList .resourceCard--small .btn span[data-color=gray], .selectableList .resourceCard .btn--icon span.neu-07, .selectableList .resourceCard .btn--icon span[data-color=gray], .selectableList .resourceCard .btn--primary--dark span.neu-07, .selectableList .resourceCard .btn--primary--dark span[data-color=gray], .selectableList .resourceCard .btn--primary span.neu-07, .selectableList .resourceCard .btn--primary span[data-color=gray], .selectableList .resourceCard .btn--secondary span.neu-07, .selectableList .resourceCard .btn--secondary span[data-color=gray], .selectableList .resourceCard .btn--small span.neu-07, .selectableList .resourceCard .btn--small span[data-color=gray], .selectableList .resourceCard .btn--tertiary span.neu-07, .selectableList .resourceCard .btn--tertiary span[data-color=gray], .selectableList .resourceCard .btn span.neu-07, .selectableList .resourceCard .btn span[data-color=gray] {
                color: var(--neu-07)
            }

            .selectableList .resourceCard--small .btn--icon span.neu-10, .selectableList .resourceCard--small .btn--icon span[data-color=default], .selectableList .resourceCard--small .btn--primary--dark span.neu-10, .selectableList .resourceCard--small .btn--primary--dark span[data-color=default], .selectableList .resourceCard--small .btn--primary span.neu-10, .selectableList .resourceCard--small .btn--primary span[data-color=default], .selectableList .resourceCard--small .btn--secondary span.neu-10, .selectableList .resourceCard--small .btn--secondary span[data-color=default], .selectableList .resourceCard--small .btn--small span.neu-10, .selectableList .resourceCard--small .btn--small span[data-color=default], .selectableList .resourceCard--small .btn--tertiary span.neu-10, .selectableList .resourceCard--small .btn--tertiary span[data-color=default], .selectableList .resourceCard--small .btn span.neu-10, .selectableList .resourceCard--small .btn span[data-color=default], .selectableList .resourceCard .btn--icon span.neu-10, .selectableList .resourceCard .btn--icon span[data-color=default], .selectableList .resourceCard .btn--primary--dark span.neu-10, .selectableList .resourceCard .btn--primary--dark span[data-color=default], .selectableList .resourceCard .btn--primary span.neu-10, .selectableList .resourceCard .btn--primary span[data-color=default], .selectableList .resourceCard .btn--secondary span.neu-10, .selectableList .resourceCard .btn--secondary span[data-color=default], .selectableList .resourceCard .btn--small span.neu-10, .selectableList .resourceCard .btn--small span[data-color=default], .selectableList .resourceCard .btn--tertiary span.neu-10, .selectableList .resourceCard .btn--tertiary span[data-color=default], .selectableList .resourceCard .btn span.neu-10, .selectableList .resourceCard .btn span[data-color=default] {
                color: var(--neu-10)
            }

            .selectableList .resourceCard--small .btn--icon b, .selectableList .resourceCard--small .btn--icon strong, .selectableList .resourceCard--small .btn--primary--dark b, .selectableList .resourceCard--small .btn--primary--dark strong, .selectableList .resourceCard--small .btn--primary b, .selectableList .resourceCard--small .btn--primary strong, .selectableList .resourceCard--small .btn--secondary b, .selectableList .resourceCard--small .btn--secondary strong, .selectableList .resourceCard--small .btn--small b, .selectableList .resourceCard--small .btn--small strong, .selectableList .resourceCard--small .btn--tertiary b, .selectableList .resourceCard--small .btn--tertiary strong, .selectableList .resourceCard--small .btn b, .selectableList .resourceCard--small .btn strong, .selectableList .resourceCard .btn--icon b, .selectableList .resourceCard .btn--icon strong, .selectableList .resourceCard .btn--primary--dark b, .selectableList .resourceCard .btn--primary--dark strong, .selectableList .resourceCard .btn--primary b, .selectableList .resourceCard .btn--primary strong, .selectableList .resourceCard .btn--secondary b, .selectableList .resourceCard .btn--secondary strong, .selectableList .resourceCard .btn--small b, .selectableList .resourceCard .btn--small strong, .selectableList .resourceCard .btn--tertiary b, .selectableList .resourceCard .btn--tertiary strong, .selectableList .resourceCard .btn b, .selectableList .resourceCard .btn strong {
                font-weight: 700
            }

            .selectableList .resourceCard--small .btn--icon em, .selectableList .resourceCard--small .btn--primary--dark em, .selectableList .resourceCard--small .btn--primary em, .selectableList .resourceCard--small .btn--secondary em, .selectableList .resourceCard--small .btn--small em, .selectableList .resourceCard--small .btn--tertiary em, .selectableList .resourceCard--small .btn em, .selectableList .resourceCard .btn--icon em, .selectableList .resourceCard .btn--primary--dark em, .selectableList .resourceCard .btn--primary em, .selectableList .resourceCard .btn--secondary em, .selectableList .resourceCard .btn--small em, .selectableList .resourceCard .btn--tertiary em, .selectableList .resourceCard .btn em {
                font-style: italic
            }

            .selectableList .resourceCard--small .btn--icon i, .selectableList .resourceCard--small .btn--primary--dark i, .selectableList .resourceCard--small .btn--primary i, .selectableList .resourceCard--small .btn--secondary i, .selectableList .resourceCard--small .btn--small i, .selectableList .resourceCard--small .btn--tertiary i, .selectableList .resourceCard--small .btn i, .selectableList .resourceCard .btn--icon i, .selectableList .resourceCard .btn--primary--dark i, .selectableList .resourceCard .btn--primary i, .selectableList .resourceCard .btn--secondary i, .selectableList .resourceCard .btn--small i, .selectableList .resourceCard .btn--tertiary i, .selectableList .resourceCard .btn i {
                min-width: 16px;
                width: 16px;
                height: 16px;
                font-size: 16px
            }

                .selectableList .resourceCard--small .btn--icon i:before, .selectableList .resourceCard--small .btn--primary--dark i:before, .selectableList .resourceCard--small .btn--primary i:before, .selectableList .resourceCard--small .btn--secondary i:before, .selectableList .resourceCard--small .btn--small i:before, .selectableList .resourceCard--small .btn--tertiary i:before, .selectableList .resourceCard--small .btn i:before, .selectableList .resourceCard .btn--icon i:before, .selectableList .resourceCard .btn--primary--dark i:before, .selectableList .resourceCard .btn--primary i:before, .selectableList .resourceCard .btn--secondary i:before, .selectableList .resourceCard .btn--small i:before, .selectableList .resourceCard .btn--tertiary i:before, .selectableList .resourceCard .btn i:before {
                    font-size: 16px;
                    font-weight: 400
                }

            .selectableList .resourceCard--small .btn--icon, .selectableList .resourceCard--small .btn--icon.btn--primary, .selectableList .resourceCard--small .btn--icon.btn--primary--dark, .selectableList .resourceCard--small .btn--icon.btn--secondary, .selectableList .resourceCard--small .btn--icon.btn--small, .selectableList .resourceCard--small .btn--icon.btn--tertiary, .selectableList .resourceCard--small .btn.btn--icon, .selectableList .resourceCard .btn--icon, .selectableList .resourceCard .btn--icon.btn--primary, .selectableList .resourceCard .btn--icon.btn--primary--dark, .selectableList .resourceCard .btn--icon.btn--secondary, .selectableList .resourceCard .btn--icon.btn--small, .selectableList .resourceCard .btn--icon.btn--tertiary, .selectableList .resourceCard .btn.btn--icon {
                width: 40px;
                min-width: 40px
            }

                .selectableList .resourceCard--small .btn--icon:hover, .selectableList .resourceCard--small .btn--primary--dark:hover, .selectableList .resourceCard--small .btn--primary:hover, .selectableList .resourceCard--small .btn--secondary:hover, .selectableList .resourceCard--small .btn--small:hover, .selectableList .resourceCard--small .btn--tertiary:hover, .selectableList .resourceCard--small .btn:hover, .selectableList .resourceCard .btn--icon:hover, .selectableList .resourceCard .btn--primary--dark:hover, .selectableList .resourceCard .btn--primary:hover, .selectableList .resourceCard .btn--secondary:hover, .selectableList .resourceCard .btn--small:hover, .selectableList .resourceCard .btn--tertiary:hover, .selectableList .resourceCard .btn:hover {
                    color: var(--m-01--dark-01)
                }

    .selectableList .resultsCard, .selectableList .resultsCard--small {
        max-width: 960px;
        min-height: auto;
        padding: 0 0 16px;
        border-radius: 0;
        flex-direction: column
    }

        .selectableList .resultsCard--small .resultsCard__image, .selectableList .resultsCard .resultsCard__image {
            height: 126px;
            width: 100%;
            margin-right: 0;
            margin-bottom: 16px
        }

        .selectableList .resultsCard--small .resultsCard__content, .selectableList .resultsCard .resultsCard__content {
            flex: 2;
            justify-content: flex-start
        }

        .selectableList .resultsCard--small .resultsCard__topInfo, .selectableList .resultsCard .resultsCard__topInfo {
            flex-direction: column
        }

        .selectableList .resultsCard--small .resultsCard__sideInfo, .selectableList .resultsCard .resultsCard__sideInfo {
            order: 1;
            transform: none;
            justify-content: space-between;
            margin-bottom: 16px
        }

        .selectableList .resultsCard--small .resultsCard__labels, .selectableList .resultsCard .resultsCard__labels {
            order: 2
        }

        .selectableList .resultsCard--small .resultsCard__text, .selectableList .resultsCard .resultsCard__text {
            padding: 0
        }

        .selectableList .resultsCard--small .resultsCard__description, .selectableList .resultsCard .resultsCard__description {
            margin-top: 4px
        }

        .selectableList .resultsCard--small .resultsCard__bottomInfo, .selectableList .resultsCard .resultsCard__bottomInfo {
            margin-top: 8px
        }
}

@media (max-width:768px) and (max-width:512px) {
    .selectableList .resultsCard--small .resultsCard__bottomInfo, .selectableList .resultsCard .resultsCard__bottomInfo {
        flex-direction: column;
        align-items: flex-start
    }
}

@media (max-width:768px) and (max-width:512px) {
    .selectableList .resultsCard--small .resultsCard__btnContainer, .selectableList .resultsCard .resultsCard__btnContainer {
        margin-top: 8px;
        width: 100%;
        display: flex;
        justify-content: flex-end
    }
}

@media (max-width:768px) {
    .selectableList .resultsCard--small .btnBookmark, .selectableList .resultsCard--small .btnBookmark--small, .selectableList .resultsCard .btnBookmark, .selectableList .resultsCard .btnBookmark--small {
        transform: translateX(16px);
        width: 48px
    }

    .selectableList .thumbResultsCard, .selectableList .thumbResultsCard--small {
        max-width: 636px;
        flex-direction: row
    }

        .selectableList .thumbResultsCard--small .thumbResultsCard__image, .selectableList .thumbResultsCard .thumbResultsCard__image {
            height: auto;
            width: 89px;
            min-width: 89px;
            border-top-left-radius: 2px;
            border-top-right-radius: 0;
            border-bottom-left-radius: 2px
        }

        .selectableList .thumbResultsCard--small .thumbResultsCard__content, .selectableList .thumbResultsCard .thumbResultsCard__content {
            justify-content: flex-start
        }

        .selectableList .thumbResultsCard--small .thumbResultsCard__sideInfo, .selectableList .thumbResultsCard .thumbResultsCard__sideInfo {
            transform: none;
            justify-content: space-between
        }

        .selectableList .thumbResultsCard--small .thumbResultsCard__text, .selectableList .thumbResultsCard .thumbResultsCard__text {
            padding: 0
        }

        .selectableList .thumbResultsCard--small .thumbResultsCard__description, .selectableList .thumbResultsCard .thumbResultsCard__description {
            margin-top: 4px
        }
}

@media (max-width:768px) and (max-width:512px) {
    .selectableList .thumbResultsCard--small .thumbResultsCard__btnContainer, .selectableList .thumbResultsCard .thumbResultsCard__btnContainer {
        margin-top: 8px
    }
}

@media (max-width:768px) {
    .selectableList .supplierCard, .selectableList .supplierCard--small {
        max-width: 960px;
        min-height: 214px
    }

        .selectableList .supplierCard--small .supplierCard__container, .selectableList .supplierCard .supplierCard__container {
            padding: 24px 16px
        }

            .selectableList .supplierCard--small .supplierCard__container.opened, .selectableList .supplierCard .supplierCard__container.opened {
                max-width: 90vw;
                padding: 24px 40px 24px 24px
            }
}

@media (max-width:768px) and (max-width:768px) {
    .selectableList .supplierCard--small .supplierCard__container.opened, .selectableList .supplierCard .supplierCard__container.opened {
        padding: 24px
    }
}

@media (max-width:768px) {
    .selectableList .supplierCard--small .supplierCard__container.opened .supplierCard__content, .selectableList .supplierCard .supplierCard__container.opened .supplierCard__content {
        max-width: calc(100% - 120px - 16px)
    }
}

@media (max-width:768px) and (max-width:768px) {
    .selectableList .supplierCard--small .supplierCard__container.opened .supplierCard__content, .selectableList .supplierCard .supplierCard__container.opened .supplierCard__content {
        max-width: 100%
    }
}

@media (max-width:768px) {
    .selectableList .supplierCard--small .supplierCard__container.opened .supplierCard__image, .selectableList .supplierCard .supplierCard__container.opened .supplierCard__image {
        width: 120px;
        height: 120px
    }

    .selectableList .supplierCard--small .supplierCard__image, .selectableList .supplierCard .supplierCard__image {
        max-width: 110px;
        width: calc(15% - 16px);
        margin-right: 16px
    }
}

@media (max-width:768px) and (max-width:768px) {
    .selectableList .supplierCard--small .supplierCard__image, .selectableList .supplierCard .supplierCard__image {
        width: calc(25% - 16px)
    }
}

@media (max-width:768px) and (max-width:512px) {
    .selectableList .supplierCard--small .supplierCard__image, .selectableList .supplierCard .supplierCard__image {
        width: calc(40% - 16px)
    }
}

@media (max-width:768px) {
    .selectableList .supplierCard--small .supplierCard__content, .selectableList .supplierCard .supplierCard__content {
        max-width: 85%
    }
}

@media (max-width:768px) and (max-width:768px) {
    .selectableList .supplierCard--small .supplierCard__content, .selectableList .supplierCard .supplierCard__content {
        max-width: 75%
    }
}

@media (max-width:768px) and (max-width:512px) {
    .selectableList .supplierCard--small .supplierCard__content, .selectableList .supplierCard .supplierCard__content {
        max-width: 60%
    }
}

@media (max-width:768px) and (max-width:768px) {
    .selectableList .supplierCard--small .supplierCard__title, .selectableList .supplierCard .supplierCard__title {
        margin: 16px 0 8px
    }
}

@media (max-width:768px) {
    .selectableList .supplierCard--small .supplierCard__link, .selectableList .supplierCard .supplierCard__link {
        right: -40px
    }
}

@media (max-width:768px) and (max-width:768px) {
    .selectableList .supplierCard--small .supplierCard__link, .selectableList .supplierCard .supplierCard__link {
        right: -24px
    }
}

@media (max-width:768px) {
    .selectableList .supplierCard--small .supplierCard__shortDescription, .selectableList .supplierCard .supplierCard__shortDescription {
        max-width: none
    }

    .selectableList .supplierCard--small .openExpandedCard, .selectableList .supplierCard--small .openExpandedCard button, .selectableList .supplierCard .openExpandedCard, .selectableList .supplierCard .openExpandedCard button {
        width: 100%
    }

    .selectableList .supplierCard--small .closeExpandedCard, .selectableList .supplierCard .closeExpandedCard {
        top: 16px;
        right: 8px
    }

    .selectableList .supplierCard--small .btn, .selectableList .supplierCard--small .btn--icon, .selectableList .supplierCard--small .btn--primary, .selectableList .supplierCard--small .btn--primary--dark, .selectableList .supplierCard--small .btn--secondary, .selectableList .supplierCard--small .btn--small, .selectableList .supplierCard--small .btn--tertiary, .selectableList .supplierCard .btn, .selectableList .supplierCard .btn--icon, .selectableList .supplierCard .btn--primary, .selectableList .supplierCard .btn--primary--dark, .selectableList .supplierCard .btn--secondary, .selectableList .supplierCard .btn--small, .selectableList .supplierCard .btn--tertiary {
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-stretch: normal;
        letter-spacing: normal;
        font-family: Inter,sans-serif;
        font-size: .813rem;
        line-height: 1.538em;
        letter-spacing: -.003em;
        font-weight: 400;
        font-weight: 700;
        padding: 0 20px;
        height: 40px
    }

        .selectableList .supplierCard--small .btn--icon .link a, .selectableList .supplierCard--small .btn--primary--dark .link a, .selectableList .supplierCard--small .btn--primary .link a, .selectableList .supplierCard--small .btn--secondary .link a, .selectableList .supplierCard--small .btn--small .link a, .selectableList .supplierCard--small .btn--tertiary .link a, .selectableList .supplierCard--small .btn .link a, .selectableList .supplierCard .btn--icon .link a, .selectableList .supplierCard .btn--primary--dark .link a, .selectableList .supplierCard .btn--primary .link a, .selectableList .supplierCard .btn--secondary .link a, .selectableList .supplierCard .btn--small .link a, .selectableList .supplierCard .btn--tertiary .link a, .selectableList .supplierCard .btn .link a {
            transition: all .1s ease;
            text-decoration: underline;
            color: var(--m-01--dark-01)
        }

            .selectableList .supplierCard--small .btn--icon .link a:hover, .selectableList .supplierCard--small .btn--primary--dark .link a:hover, .selectableList .supplierCard--small .btn--primary .link a:hover, .selectableList .supplierCard--small .btn--secondary .link a:hover, .selectableList .supplierCard--small .btn--small .link a:hover, .selectableList .supplierCard--small .btn--tertiary .link a:hover, .selectableList .supplierCard--small .btn .link a:hover, .selectableList .supplierCard .btn--icon .link a:hover, .selectableList .supplierCard .btn--primary--dark .link a:hover, .selectableList .supplierCard .btn--primary .link a:hover, .selectableList .supplierCard .btn--secondary .link a:hover, .selectableList .supplierCard .btn--small .link a:hover, .selectableList .supplierCard .btn--tertiary .link a:hover, .selectableList .supplierCard .btn .link a:hover {
                color: var(--m-01)
            }

        .selectableList .supplierCard--small .btn--icon mark, .selectableList .supplierCard--small .btn--icon mark[data-color=color], .selectableList .supplierCard--small .btn--primary--dark mark, .selectableList .supplierCard--small .btn--primary--dark mark[data-color=color], .selectableList .supplierCard--small .btn--primary mark, .selectableList .supplierCard--small .btn--primary mark[data-color=color], .selectableList .supplierCard--small .btn--secondary mark, .selectableList .supplierCard--small .btn--secondary mark[data-color=color], .selectableList .supplierCard--small .btn--small mark, .selectableList .supplierCard--small .btn--small mark[data-color=color], .selectableList .supplierCard--small .btn--tertiary mark, .selectableList .supplierCard--small .btn--tertiary mark[data-color=color], .selectableList .supplierCard--small .btn mark, .selectableList .supplierCard--small .btn mark[data-color=color], .selectableList .supplierCard .btn--icon mark, .selectableList .supplierCard .btn--icon mark[data-color=color], .selectableList .supplierCard .btn--primary--dark mark, .selectableList .supplierCard .btn--primary--dark mark[data-color=color], .selectableList .supplierCard .btn--primary mark, .selectableList .supplierCard .btn--primary mark[data-color=color], .selectableList .supplierCard .btn--secondary mark, .selectableList .supplierCard .btn--secondary mark[data-color=color], .selectableList .supplierCard .btn--small mark, .selectableList .supplierCard .btn--small mark[data-color=color], .selectableList .supplierCard .btn--tertiary mark, .selectableList .supplierCard .btn--tertiary mark[data-color=color], .selectableList .supplierCard .btn mark, .selectableList .supplierCard .btn mark[data-color=color] {
            color: var(--m-01--dark-01)
        }

            .selectableList .supplierCard--small .btn--icon mark[data-color=gray], .selectableList .supplierCard--small .btn--primary--dark mark[data-color=gray], .selectableList .supplierCard--small .btn--primary mark[data-color=gray], .selectableList .supplierCard--small .btn--secondary mark[data-color=gray], .selectableList .supplierCard--small .btn--small mark[data-color=gray], .selectableList .supplierCard--small .btn--tertiary mark[data-color=gray], .selectableList .supplierCard--small .btn mark[data-color=gray], .selectableList .supplierCard .btn--icon mark[data-color=gray], .selectableList .supplierCard .btn--primary--dark mark[data-color=gray], .selectableList .supplierCard .btn--primary mark[data-color=gray], .selectableList .supplierCard .btn--secondary mark[data-color=gray], .selectableList .supplierCard .btn--small mark[data-color=gray], .selectableList .supplierCard .btn--tertiary mark[data-color=gray], .selectableList .supplierCard .btn mark[data-color=gray] {
                color: var(--neu-07)
            }

            .selectableList .supplierCard--small .btn--icon mark[data-color=default], .selectableList .supplierCard--small .btn--primary--dark mark[data-color=default], .selectableList .supplierCard--small .btn--primary mark[data-color=default], .selectableList .supplierCard--small .btn--secondary mark[data-color=default], .selectableList .supplierCard--small .btn--small mark[data-color=default], .selectableList .supplierCard--small .btn--tertiary mark[data-color=default], .selectableList .supplierCard--small .btn mark[data-color=default], .selectableList .supplierCard .btn--icon mark[data-color=default], .selectableList .supplierCard .btn--primary--dark mark[data-color=default], .selectableList .supplierCard .btn--primary mark[data-color=default], .selectableList .supplierCard .btn--secondary mark[data-color=default], .selectableList .supplierCard .btn--small mark[data-color=default], .selectableList .supplierCard .btn--tertiary mark[data-color=default], .selectableList .supplierCard .btn mark[data-color=default] {
                color: var(--neu-10)
            }

        .selectableList .supplierCard--small .btn--icon span.m-01--dark-01, .selectableList .supplierCard--small .btn--icon span[data-color=color], .selectableList .supplierCard--small .btn--primary--dark span.m-01--dark-01, .selectableList .supplierCard--small .btn--primary--dark span[data-color=color], .selectableList .supplierCard--small .btn--primary span.m-01--dark-01, .selectableList .supplierCard--small .btn--primary span[data-color=color], .selectableList .supplierCard--small .btn--secondary span.m-01--dark-01, .selectableList .supplierCard--small .btn--secondary span[data-color=color], .selectableList .supplierCard--small .btn--small span.m-01--dark-01, .selectableList .supplierCard--small .btn--small span[data-color=color], .selectableList .supplierCard--small .btn--tertiary span.m-01--dark-01, .selectableList .supplierCard--small .btn--tertiary span[data-color=color], .selectableList .supplierCard--small .btn span.m-01--dark-01, .selectableList .supplierCard--small .btn span[data-color=color], .selectableList .supplierCard .btn--icon span.m-01--dark-01, .selectableList .supplierCard .btn--icon span[data-color=color], .selectableList .supplierCard .btn--primary--dark span.m-01--dark-01, .selectableList .supplierCard .btn--primary--dark span[data-color=color], .selectableList .supplierCard .btn--primary span.m-01--dark-01, .selectableList .supplierCard .btn--primary span[data-color=color], .selectableList .supplierCard .btn--secondary span.m-01--dark-01, .selectableList .supplierCard .btn--secondary span[data-color=color], .selectableList .supplierCard .btn--small span.m-01--dark-01, .selectableList .supplierCard .btn--small span[data-color=color], .selectableList .supplierCard .btn--tertiary span.m-01--dark-01, .selectableList .supplierCard .btn--tertiary span[data-color=color], .selectableList .supplierCard .btn span.m-01--dark-01, .selectableList .supplierCard .btn span[data-color=color] {
            color: var(--m-01--dark-01)
        }

        .selectableList .supplierCard--small .btn--icon span.neu-07, .selectableList .supplierCard--small .btn--icon span[data-color=gray], .selectableList .supplierCard--small .btn--primary--dark span.neu-07, .selectableList .supplierCard--small .btn--primary--dark span[data-color=gray], .selectableList .supplierCard--small .btn--primary span.neu-07, .selectableList .supplierCard--small .btn--primary span[data-color=gray], .selectableList .supplierCard--small .btn--secondary span.neu-07, .selectableList .supplierCard--small .btn--secondary span[data-color=gray], .selectableList .supplierCard--small .btn--small span.neu-07, .selectableList .supplierCard--small .btn--small span[data-color=gray], .selectableList .supplierCard--small .btn--tertiary span.neu-07, .selectableList .supplierCard--small .btn--tertiary span[data-color=gray], .selectableList .supplierCard--small .btn span.neu-07, .selectableList .supplierCard--small .btn span[data-color=gray], .selectableList .supplierCard .btn--icon span.neu-07, .selectableList .supplierCard .btn--icon span[data-color=gray], .selectableList .supplierCard .btn--primary--dark span.neu-07, .selectableList .supplierCard .btn--primary--dark span[data-color=gray], .selectableList .supplierCard .btn--primary span.neu-07, .selectableList .supplierCard .btn--primary span[data-color=gray], .selectableList .supplierCard .btn--secondary span.neu-07, .selectableList .supplierCard .btn--secondary span[data-color=gray], .selectableList .supplierCard .btn--small span.neu-07, .selectableList .supplierCard .btn--small span[data-color=gray], .selectableList .supplierCard .btn--tertiary span.neu-07, .selectableList .supplierCard .btn--tertiary span[data-color=gray], .selectableList .supplierCard .btn span.neu-07, .selectableList .supplierCard .btn span[data-color=gray] {
            color: var(--neu-07)
        }

        .selectableList .supplierCard--small .btn--icon span.neu-10, .selectableList .supplierCard--small .btn--icon span[data-color=default], .selectableList .supplierCard--small .btn--primary--dark span.neu-10, .selectableList .supplierCard--small .btn--primary--dark span[data-color=default], .selectableList .supplierCard--small .btn--primary span.neu-10, .selectableList .supplierCard--small .btn--primary span[data-color=default], .selectableList .supplierCard--small .btn--secondary span.neu-10, .selectableList .supplierCard--small .btn--secondary span[data-color=default], .selectableList .supplierCard--small .btn--small span.neu-10, .selectableList .supplierCard--small .btn--small span[data-color=default], .selectableList .supplierCard--small .btn--tertiary span.neu-10, .selectableList .supplierCard--small .btn--tertiary span[data-color=default], .selectableList .supplierCard--small .btn span.neu-10, .selectableList .supplierCard--small .btn span[data-color=default], .selectableList .supplierCard .btn--icon span.neu-10, .selectableList .supplierCard .btn--icon span[data-color=default], .selectableList .supplierCard .btn--primary--dark span.neu-10, .selectableList .supplierCard .btn--primary--dark span[data-color=default], .selectableList .supplierCard .btn--primary span.neu-10, .selectableList .supplierCard .btn--primary span[data-color=default], .selectableList .supplierCard .btn--secondary span.neu-10, .selectableList .supplierCard .btn--secondary span[data-color=default], .selectableList .supplierCard .btn--small span.neu-10, .selectableList .supplierCard .btn--small span[data-color=default], .selectableList .supplierCard .btn--tertiary span.neu-10, .selectableList .supplierCard .btn--tertiary span[data-color=default], .selectableList .supplierCard .btn span.neu-10, .selectableList .supplierCard .btn span[data-color=default] {
            color: var(--neu-10)
        }

        .selectableList .supplierCard--small .btn--icon b, .selectableList .supplierCard--small .btn--icon strong, .selectableList .supplierCard--small .btn--primary--dark b, .selectableList .supplierCard--small .btn--primary--dark strong, .selectableList .supplierCard--small .btn--primary b, .selectableList .supplierCard--small .btn--primary strong, .selectableList .supplierCard--small .btn--secondary b, .selectableList .supplierCard--small .btn--secondary strong, .selectableList .supplierCard--small .btn--small b, .selectableList .supplierCard--small .btn--small strong, .selectableList .supplierCard--small .btn--tertiary b, .selectableList .supplierCard--small .btn--tertiary strong, .selectableList .supplierCard--small .btn b, .selectableList .supplierCard--small .btn strong, .selectableList .supplierCard .btn--icon b, .selectableList .supplierCard .btn--icon strong, .selectableList .supplierCard .btn--primary--dark b, .selectableList .supplierCard .btn--primary--dark strong, .selectableList .supplierCard .btn--primary b, .selectableList .supplierCard .btn--primary strong, .selectableList .supplierCard .btn--secondary b, .selectableList .supplierCard .btn--secondary strong, .selectableList .supplierCard .btn--small b, .selectableList .supplierCard .btn--small strong, .selectableList .supplierCard .btn--tertiary b, .selectableList .supplierCard .btn--tertiary strong, .selectableList .supplierCard .btn b, .selectableList .supplierCard .btn strong {
            font-weight: 700
        }

        .selectableList .supplierCard--small .btn--icon em, .selectableList .supplierCard--small .btn--primary--dark em, .selectableList .supplierCard--small .btn--primary em, .selectableList .supplierCard--small .btn--secondary em, .selectableList .supplierCard--small .btn--small em, .selectableList .supplierCard--small .btn--tertiary em, .selectableList .supplierCard--small .btn em, .selectableList .supplierCard .btn--icon em, .selectableList .supplierCard .btn--primary--dark em, .selectableList .supplierCard .btn--primary em, .selectableList .supplierCard .btn--secondary em, .selectableList .supplierCard .btn--small em, .selectableList .supplierCard .btn--tertiary em, .selectableList .supplierCard .btn em {
            font-style: italic
        }

        .selectableList .supplierCard--small .btn--icon i, .selectableList .supplierCard--small .btn--primary--dark i, .selectableList .supplierCard--small .btn--primary i, .selectableList .supplierCard--small .btn--secondary i, .selectableList .supplierCard--small .btn--small i, .selectableList .supplierCard--small .btn--tertiary i, .selectableList .supplierCard--small .btn i, .selectableList .supplierCard .btn--icon i, .selectableList .supplierCard .btn--primary--dark i, .selectableList .supplierCard .btn--primary i, .selectableList .supplierCard .btn--secondary i, .selectableList .supplierCard .btn--small i, .selectableList .supplierCard .btn--tertiary i, .selectableList .supplierCard .btn i {
            min-width: 16px;
            width: 16px;
            height: 16px;
            font-size: 16px
        }

            .selectableList .supplierCard--small .btn--icon i:before, .selectableList .supplierCard--small .btn--primary--dark i:before, .selectableList .supplierCard--small .btn--primary i:before, .selectableList .supplierCard--small .btn--secondary i:before, .selectableList .supplierCard--small .btn--small i:before, .selectableList .supplierCard--small .btn--tertiary i:before, .selectableList .supplierCard--small .btn i:before, .selectableList .supplierCard .btn--icon i:before, .selectableList .supplierCard .btn--primary--dark i:before, .selectableList .supplierCard .btn--primary i:before, .selectableList .supplierCard .btn--secondary i:before, .selectableList .supplierCard .btn--small i:before, .selectableList .supplierCard .btn--tertiary i:before, .selectableList .supplierCard .btn i:before {
                font-size: 16px;
                font-weight: 400
            }

        .selectableList .supplierCard--small .btn--icon, .selectableList .supplierCard--small .btn--icon.btn--primary, .selectableList .supplierCard--small .btn--icon.btn--primary--dark, .selectableList .supplierCard--small .btn--icon.btn--secondary, .selectableList .supplierCard--small .btn--icon.btn--small, .selectableList .supplierCard--small .btn--icon.btn--tertiary, .selectableList .supplierCard--small .btn.btn--icon, .selectableList .supplierCard .btn--icon, .selectableList .supplierCard .btn--icon.btn--primary, .selectableList .supplierCard .btn--icon.btn--primary--dark, .selectableList .supplierCard .btn--icon.btn--secondary, .selectableList .supplierCard .btn--icon.btn--small, .selectableList .supplierCard .btn--icon.btn--tertiary, .selectableList .supplierCard .btn.btn--icon {
            width: 40px;
            min-width: 40px
        }

    .selectableList .regionResultsCard, .selectableList .regionResultsCard--small {
        max-width: 960px;
        min-height: auto;
        padding: 0 0 24px;
        border-radius: 0;
        flex-direction: column
    }

        .selectableList .regionResultsCard--small .regionResultsCard__image, .selectableList .regionResultsCard .regionResultsCard__image {
            height: 100px;
            width: 100%;
            margin-right: 0;
            margin-bottom: 16px
        }

        .selectableList .regionResultsCard--small .regionResultsCard__title, .selectableList .regionResultsCard .regionResultsCard__title {
            margin-top: 4px
        }

        .selectableList .regionResultsCard--small .regionResultsCard__content, .selectableList .regionResultsCard .regionResultsCard__content {
            flex: 2;
            justify-content: flex-start
        }

        .selectableList .regionResultsCard--small .regionResultsCard__topInfo, .selectableList .regionResultsCard .regionResultsCard__topInfo {
            flex-direction: column
        }

        .selectableList .regionResultsCard--small .regionResultsCard__sideInfo, .selectableList .regionResultsCard .regionResultsCard__sideInfo {
            order: 1;
            transform: none;
            justify-content: space-between;
            margin-bottom: 16px
        }

        .selectableList .regionResultsCard--small .regionResultsCard__labels, .selectableList .regionResultsCard .regionResultsCard__labels {
            order: 2
        }

        .selectableList .regionResultsCard--small .regionResultsCard__text, .selectableList .regionResultsCard .regionResultsCard__text {
            padding: 0
        }

        .selectableList .regionResultsCard--small .regionResultsCard__bottomInfo, .selectableList .regionResultsCard .regionResultsCard__bottomInfo {
            margin-top: 8px;
            flex-direction: column;
            align-items: flex-start
        }

        .selectableList .regionResultsCard--small .regionResultsCard__btnContainer, .selectableList .regionResultsCard .regionResultsCard__btnContainer {
            width: 100%;
            display: flex
        }

            .selectableList .regionResultsCard--small .regionResultsCard__btnContainer .btn--primary, .selectableList .regionResultsCard .regionResultsCard__btnContainer .btn--primary {
                width: 100%
            }

        .selectableList .regionResultsCard--small .btnBookmark, .selectableList .regionResultsCard--small .btnBookmark--privateArea, .selectableList .regionResultsCard--small .btnBookmark--small, .selectableList .regionResultsCard .btnBookmark, .selectableList .regionResultsCard .btnBookmark--privateArea, .selectableList .regionResultsCard .btnBookmark--small {
            transform: translateX(20px)
        }

            .selectableList .regionResultsCard--small .btnBookmark--privateArea .btnBookmark, .selectableList .regionResultsCard--small .btnBookmark--privateArea .btnBookmark--small, .selectableList .regionResultsCard .btnBookmark--privateArea .btnBookmark, .selectableList .regionResultsCard .btnBookmark--privateArea .btnBookmark--small {
                transform: translateX(0)
            }

    .selectableList .resourceCard, .selectableList .resourceCard--small {
        max-width: 960px;
        min-height: 200px;
        height: 100%;
        padding: 24px 16px
    }

        .selectableList .resourceCard--small .resourceCard__title, .selectableList .resourceCard .resourceCard__title {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Inter,sans-serif;
            font-size: 1.188rem;
            line-height: 1.263em;
            letter-spacing: -.016em;
            font-weight: 400;
            margin-top: 4px
        }

            .selectableList .resourceCard--small .resourceCard__title .link a, .selectableList .resourceCard .resourceCard__title .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .selectableList .resourceCard--small .resourceCard__title .link a:hover, .selectableList .resourceCard .resourceCard__title .link a:hover {
                    color: var(--m-01)
                }

            .selectableList .resourceCard--small .resourceCard__title mark, .selectableList .resourceCard--small .resourceCard__title mark[data-color=color], .selectableList .resourceCard .resourceCard__title mark, .selectableList .resourceCard .resourceCard__title mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .selectableList .resourceCard--small .resourceCard__title mark[data-color=gray], .selectableList .resourceCard .resourceCard__title mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .selectableList .resourceCard--small .resourceCard__title mark[data-color=default], .selectableList .resourceCard .resourceCard__title mark[data-color=default] {
                    color: var(--neu-10)
                }

            .selectableList .resourceCard--small .resourceCard__title span.m-01--dark-01, .selectableList .resourceCard--small .resourceCard__title span[data-color=color], .selectableList .resourceCard .resourceCard__title span.m-01--dark-01, .selectableList .resourceCard .resourceCard__title span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .selectableList .resourceCard--small .resourceCard__title span.neu-07, .selectableList .resourceCard--small .resourceCard__title span[data-color=gray], .selectableList .resourceCard .resourceCard__title span.neu-07, .selectableList .resourceCard .resourceCard__title span[data-color=gray] {
                color: var(--neu-07)
            }

            .selectableList .resourceCard--small .resourceCard__title span.neu-10, .selectableList .resourceCard--small .resourceCard__title span[data-color=default], .selectableList .resourceCard .resourceCard__title span.neu-10, .selectableList .resourceCard .resourceCard__title span[data-color=default] {
                color: var(--neu-10)
            }

            .selectableList .resourceCard--small .resourceCard__title b, .selectableList .resourceCard--small .resourceCard__title strong, .selectableList .resourceCard .resourceCard__title b, .selectableList .resourceCard .resourceCard__title strong {
                font-weight: 700
            }

            .selectableList .resourceCard--small .resourceCard__title em, .selectableList .resourceCard .resourceCard__title em {
                font-style: italic
            }

        .selectableList .resourceCard--small .btn, .selectableList .resourceCard--small .btn--icon, .selectableList .resourceCard--small .btn--primary, .selectableList .resourceCard--small .btn--primary--dark, .selectableList .resourceCard--small .btn--secondary, .selectableList .resourceCard--small .btn--small, .selectableList .resourceCard--small .btn--tertiary, .selectableList .resourceCard .btn, .selectableList .resourceCard .btn--icon, .selectableList .resourceCard .btn--primary, .selectableList .resourceCard .btn--primary--dark, .selectableList .resourceCard .btn--secondary, .selectableList .resourceCard .btn--small, .selectableList .resourceCard .btn--tertiary {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Inter,sans-serif;
            font-size: .813rem;
            line-height: 1.538em;
            letter-spacing: -.003em;
            font-weight: 400;
            font-weight: 700;
            padding: 0 20px;
            height: 40px
        }

            .selectableList .resourceCard--small .btn--icon .link a, .selectableList .resourceCard--small .btn--primary--dark .link a, .selectableList .resourceCard--small .btn--primary .link a, .selectableList .resourceCard--small .btn--secondary .link a, .selectableList .resourceCard--small .btn--small .link a, .selectableList .resourceCard--small .btn--tertiary .link a, .selectableList .resourceCard--small .btn .link a, .selectableList .resourceCard .btn--icon .link a, .selectableList .resourceCard .btn--primary--dark .link a, .selectableList .resourceCard .btn--primary .link a, .selectableList .resourceCard .btn--secondary .link a, .selectableList .resourceCard .btn--small .link a, .selectableList .resourceCard .btn--tertiary .link a, .selectableList .resourceCard .btn .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .selectableList .resourceCard--small .btn--icon .link a:hover, .selectableList .resourceCard--small .btn--primary--dark .link a:hover, .selectableList .resourceCard--small .btn--primary .link a:hover, .selectableList .resourceCard--small .btn--secondary .link a:hover, .selectableList .resourceCard--small .btn--small .link a:hover, .selectableList .resourceCard--small .btn--tertiary .link a:hover, .selectableList .resourceCard--small .btn .link a:hover, .selectableList .resourceCard .btn--icon .link a:hover, .selectableList .resourceCard .btn--primary--dark .link a:hover, .selectableList .resourceCard .btn--primary .link a:hover, .selectableList .resourceCard .btn--secondary .link a:hover, .selectableList .resourceCard .btn--small .link a:hover, .selectableList .resourceCard .btn--tertiary .link a:hover, .selectableList .resourceCard .btn .link a:hover {
                    color: var(--m-01)
                }

            .selectableList .resourceCard--small .btn--icon mark, .selectableList .resourceCard--small .btn--icon mark[data-color=color], .selectableList .resourceCard--small .btn--primary--dark mark, .selectableList .resourceCard--small .btn--primary--dark mark[data-color=color], .selectableList .resourceCard--small .btn--primary mark, .selectableList .resourceCard--small .btn--primary mark[data-color=color], .selectableList .resourceCard--small .btn--secondary mark, .selectableList .resourceCard--small .btn--secondary mark[data-color=color], .selectableList .resourceCard--small .btn--small mark, .selectableList .resourceCard--small .btn--small mark[data-color=color], .selectableList .resourceCard--small .btn--tertiary mark, .selectableList .resourceCard--small .btn--tertiary mark[data-color=color], .selectableList .resourceCard--small .btn mark, .selectableList .resourceCard--small .btn mark[data-color=color], .selectableList .resourceCard .btn--icon mark, .selectableList .resourceCard .btn--icon mark[data-color=color], .selectableList .resourceCard .btn--primary--dark mark, .selectableList .resourceCard .btn--primary--dark mark[data-color=color], .selectableList .resourceCard .btn--primary mark, .selectableList .resourceCard .btn--primary mark[data-color=color], .selectableList .resourceCard .btn--secondary mark, .selectableList .resourceCard .btn--secondary mark[data-color=color], .selectableList .resourceCard .btn--small mark, .selectableList .resourceCard .btn--small mark[data-color=color], .selectableList .resourceCard .btn--tertiary mark, .selectableList .resourceCard .btn--tertiary mark[data-color=color], .selectableList .resourceCard .btn mark, .selectableList .resourceCard .btn mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .selectableList .resourceCard--small .btn--icon mark[data-color=gray], .selectableList .resourceCard--small .btn--primary--dark mark[data-color=gray], .selectableList .resourceCard--small .btn--primary mark[data-color=gray], .selectableList .resourceCard--small .btn--secondary mark[data-color=gray], .selectableList .resourceCard--small .btn--small mark[data-color=gray], .selectableList .resourceCard--small .btn--tertiary mark[data-color=gray], .selectableList .resourceCard--small .btn mark[data-color=gray], .selectableList .resourceCard .btn--icon mark[data-color=gray], .selectableList .resourceCard .btn--primary--dark mark[data-color=gray], .selectableList .resourceCard .btn--primary mark[data-color=gray], .selectableList .resourceCard .btn--secondary mark[data-color=gray], .selectableList .resourceCard .btn--small mark[data-color=gray], .selectableList .resourceCard .btn--tertiary mark[data-color=gray], .selectableList .resourceCard .btn mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .selectableList .resourceCard--small .btn--icon mark[data-color=default], .selectableList .resourceCard--small .btn--primary--dark mark[data-color=default], .selectableList .resourceCard--small .btn--primary mark[data-color=default], .selectableList .resourceCard--small .btn--secondary mark[data-color=default], .selectableList .resourceCard--small .btn--small mark[data-color=default], .selectableList .resourceCard--small .btn--tertiary mark[data-color=default], .selectableList .resourceCard--small .btn mark[data-color=default], .selectableList .resourceCard .btn--icon mark[data-color=default], .selectableList .resourceCard .btn--primary--dark mark[data-color=default], .selectableList .resourceCard .btn--primary mark[data-color=default], .selectableList .resourceCard .btn--secondary mark[data-color=default], .selectableList .resourceCard .btn--small mark[data-color=default], .selectableList .resourceCard .btn--tertiary mark[data-color=default], .selectableList .resourceCard .btn mark[data-color=default] {
                    color: var(--neu-10)
                }

            .selectableList .resourceCard--small .btn--icon span.m-01--dark-01, .selectableList .resourceCard--small .btn--icon span[data-color=color], .selectableList .resourceCard--small .btn--primary--dark span.m-01--dark-01, .selectableList .resourceCard--small .btn--primary--dark span[data-color=color], .selectableList .resourceCard--small .btn--primary span.m-01--dark-01, .selectableList .resourceCard--small .btn--primary span[data-color=color], .selectableList .resourceCard--small .btn--secondary span.m-01--dark-01, .selectableList .resourceCard--small .btn--secondary span[data-color=color], .selectableList .resourceCard--small .btn--small span.m-01--dark-01, .selectableList .resourceCard--small .btn--small span[data-color=color], .selectableList .resourceCard--small .btn--tertiary span.m-01--dark-01, .selectableList .resourceCard--small .btn--tertiary span[data-color=color], .selectableList .resourceCard--small .btn span.m-01--dark-01, .selectableList .resourceCard--small .btn span[data-color=color], .selectableList .resourceCard .btn--icon span.m-01--dark-01, .selectableList .resourceCard .btn--icon span[data-color=color], .selectableList .resourceCard .btn--primary--dark span.m-01--dark-01, .selectableList .resourceCard .btn--primary--dark span[data-color=color], .selectableList .resourceCard .btn--primary span.m-01--dark-01, .selectableList .resourceCard .btn--primary span[data-color=color], .selectableList .resourceCard .btn--secondary span.m-01--dark-01, .selectableList .resourceCard .btn--secondary span[data-color=color], .selectableList .resourceCard .btn--small span.m-01--dark-01, .selectableList .resourceCard .btn--small span[data-color=color], .selectableList .resourceCard .btn--tertiary span.m-01--dark-01, .selectableList .resourceCard .btn--tertiary span[data-color=color], .selectableList .resourceCard .btn span.m-01--dark-01, .selectableList .resourceCard .btn span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .selectableList .resourceCard--small .btn--icon span.neu-07, .selectableList .resourceCard--small .btn--icon span[data-color=gray], .selectableList .resourceCard--small .btn--primary--dark span.neu-07, .selectableList .resourceCard--small .btn--primary--dark span[data-color=gray], .selectableList .resourceCard--small .btn--primary span.neu-07, .selectableList .resourceCard--small .btn--primary span[data-color=gray], .selectableList .resourceCard--small .btn--secondary span.neu-07, .selectableList .resourceCard--small .btn--secondary span[data-color=gray], .selectableList .resourceCard--small .btn--small span.neu-07, .selectableList .resourceCard--small .btn--small span[data-color=gray], .selectableList .resourceCard--small .btn--tertiary span.neu-07, .selectableList .resourceCard--small .btn--tertiary span[data-color=gray], .selectableList .resourceCard--small .btn span.neu-07, .selectableList .resourceCard--small .btn span[data-color=gray], .selectableList .resourceCard .btn--icon span.neu-07, .selectableList .resourceCard .btn--icon span[data-color=gray], .selectableList .resourceCard .btn--primary--dark span.neu-07, .selectableList .resourceCard .btn--primary--dark span[data-color=gray], .selectableList .resourceCard .btn--primary span.neu-07, .selectableList .resourceCard .btn--primary span[data-color=gray], .selectableList .resourceCard .btn--secondary span.neu-07, .selectableList .resourceCard .btn--secondary span[data-color=gray], .selectableList .resourceCard .btn--small span.neu-07, .selectableList .resourceCard .btn--small span[data-color=gray], .selectableList .resourceCard .btn--tertiary span.neu-07, .selectableList .resourceCard .btn--tertiary span[data-color=gray], .selectableList .resourceCard .btn span.neu-07, .selectableList .resourceCard .btn span[data-color=gray] {
                color: var(--neu-07)
            }

            .selectableList .resourceCard--small .btn--icon span.neu-10, .selectableList .resourceCard--small .btn--icon span[data-color=default], .selectableList .resourceCard--small .btn--primary--dark span.neu-10, .selectableList .resourceCard--small .btn--primary--dark span[data-color=default], .selectableList .resourceCard--small .btn--primary span.neu-10, .selectableList .resourceCard--small .btn--primary span[data-color=default], .selectableList .resourceCard--small .btn--secondary span.neu-10, .selectableList .resourceCard--small .btn--secondary span[data-color=default], .selectableList .resourceCard--small .btn--small span.neu-10, .selectableList .resourceCard--small .btn--small span[data-color=default], .selectableList .resourceCard--small .btn--tertiary span.neu-10, .selectableList .resourceCard--small .btn--tertiary span[data-color=default], .selectableList .resourceCard--small .btn span.neu-10, .selectableList .resourceCard--small .btn span[data-color=default], .selectableList .resourceCard .btn--icon span.neu-10, .selectableList .resourceCard .btn--icon span[data-color=default], .selectableList .resourceCard .btn--primary--dark span.neu-10, .selectableList .resourceCard .btn--primary--dark span[data-color=default], .selectableList .resourceCard .btn--primary span.neu-10, .selectableList .resourceCard .btn--primary span[data-color=default], .selectableList .resourceCard .btn--secondary span.neu-10, .selectableList .resourceCard .btn--secondary span[data-color=default], .selectableList .resourceCard .btn--small span.neu-10, .selectableList .resourceCard .btn--small span[data-color=default], .selectableList .resourceCard .btn--tertiary span.neu-10, .selectableList .resourceCard .btn--tertiary span[data-color=default], .selectableList .resourceCard .btn span.neu-10, .selectableList .resourceCard .btn span[data-color=default] {
                color: var(--neu-10)
            }

            .selectableList .resourceCard--small .btn--icon b, .selectableList .resourceCard--small .btn--icon strong, .selectableList .resourceCard--small .btn--primary--dark b, .selectableList .resourceCard--small .btn--primary--dark strong, .selectableList .resourceCard--small .btn--primary b, .selectableList .resourceCard--small .btn--primary strong, .selectableList .resourceCard--small .btn--secondary b, .selectableList .resourceCard--small .btn--secondary strong, .selectableList .resourceCard--small .btn--small b, .selectableList .resourceCard--small .btn--small strong, .selectableList .resourceCard--small .btn--tertiary b, .selectableList .resourceCard--small .btn--tertiary strong, .selectableList .resourceCard--small .btn b, .selectableList .resourceCard--small .btn strong, .selectableList .resourceCard .btn--icon b, .selectableList .resourceCard .btn--icon strong, .selectableList .resourceCard .btn--primary--dark b, .selectableList .resourceCard .btn--primary--dark strong, .selectableList .resourceCard .btn--primary b, .selectableList .resourceCard .btn--primary strong, .selectableList .resourceCard .btn--secondary b, .selectableList .resourceCard .btn--secondary strong, .selectableList .resourceCard .btn--small b, .selectableList .resourceCard .btn--small strong, .selectableList .resourceCard .btn--tertiary b, .selectableList .resourceCard .btn--tertiary strong, .selectableList .resourceCard .btn b, .selectableList .resourceCard .btn strong {
                font-weight: 700
            }

            .selectableList .resourceCard--small .btn--icon em, .selectableList .resourceCard--small .btn--primary--dark em, .selectableList .resourceCard--small .btn--primary em, .selectableList .resourceCard--small .btn--secondary em, .selectableList .resourceCard--small .btn--small em, .selectableList .resourceCard--small .btn--tertiary em, .selectableList .resourceCard--small .btn em, .selectableList .resourceCard .btn--icon em, .selectableList .resourceCard .btn--primary--dark em, .selectableList .resourceCard .btn--primary em, .selectableList .resourceCard .btn--secondary em, .selectableList .resourceCard .btn--small em, .selectableList .resourceCard .btn--tertiary em, .selectableList .resourceCard .btn em {
                font-style: italic
            }

            .selectableList .resourceCard--small .btn--icon i, .selectableList .resourceCard--small .btn--primary--dark i, .selectableList .resourceCard--small .btn--primary i, .selectableList .resourceCard--small .btn--secondary i, .selectableList .resourceCard--small .btn--small i, .selectableList .resourceCard--small .btn--tertiary i, .selectableList .resourceCard--small .btn i, .selectableList .resourceCard .btn--icon i, .selectableList .resourceCard .btn--primary--dark i, .selectableList .resourceCard .btn--primary i, .selectableList .resourceCard .btn--secondary i, .selectableList .resourceCard .btn--small i, .selectableList .resourceCard .btn--tertiary i, .selectableList .resourceCard .btn i {
                min-width: 16px;
                width: 16px;
                height: 16px;
                font-size: 16px
            }

                .selectableList .resourceCard--small .btn--icon i:before, .selectableList .resourceCard--small .btn--primary--dark i:before, .selectableList .resourceCard--small .btn--primary i:before, .selectableList .resourceCard--small .btn--secondary i:before, .selectableList .resourceCard--small .btn--small i:before, .selectableList .resourceCard--small .btn--tertiary i:before, .selectableList .resourceCard--small .btn i:before, .selectableList .resourceCard .btn--icon i:before, .selectableList .resourceCard .btn--primary--dark i:before, .selectableList .resourceCard .btn--primary i:before, .selectableList .resourceCard .btn--secondary i:before, .selectableList .resourceCard .btn--small i:before, .selectableList .resourceCard .btn--tertiary i:before, .selectableList .resourceCard .btn i:before {
                    font-size: 16px;
                    font-weight: 400
                }

            .selectableList .resourceCard--small .btn--icon, .selectableList .resourceCard--small .btn--icon.btn--primary, .selectableList .resourceCard--small .btn--icon.btn--primary--dark, .selectableList .resourceCard--small .btn--icon.btn--secondary, .selectableList .resourceCard--small .btn--icon.btn--small, .selectableList .resourceCard--small .btn--icon.btn--tertiary, .selectableList .resourceCard--small .btn.btn--icon, .selectableList .resourceCard .btn--icon, .selectableList .resourceCard .btn--icon.btn--primary, .selectableList .resourceCard .btn--icon.btn--primary--dark, .selectableList .resourceCard .btn--icon.btn--secondary, .selectableList .resourceCard .btn--icon.btn--small, .selectableList .resourceCard .btn--icon.btn--tertiary, .selectableList .resourceCard .btn.btn--icon {
                width: 40px;
                min-width: 40px
            }

                .selectableList .resourceCard--small .btn--icon:hover, .selectableList .resourceCard--small .btn--primary--dark:hover, .selectableList .resourceCard--small .btn--primary:hover, .selectableList .resourceCard--small .btn--secondary:hover, .selectableList .resourceCard--small .btn--small:hover, .selectableList .resourceCard--small .btn--tertiary:hover, .selectableList .resourceCard--small .btn:hover, .selectableList .resourceCard .btn--icon:hover, .selectableList .resourceCard .btn--primary--dark:hover, .selectableList .resourceCard .btn--primary:hover, .selectableList .resourceCard .btn--secondary:hover, .selectableList .resourceCard .btn--small:hover, .selectableList .resourceCard .btn--tertiary:hover, .selectableList .resourceCard .btn:hover {
                    color: var(--m-01--dark-01)
                }

    .selectableList .productCard, .selectableList .productCard--small {
        max-width: 960px;
        min-height: 324px
    }

        .selectableList .productCard--small .productCard__head, .selectableList .productCard .productCard__head {
            height: 200px
        }

            .selectableList .productCard--small .productCard__head:after, .selectableList .productCard .productCard__head:after {
                left: 16px;
                width: calc(100% - 16px * 2)
            }

        .selectableList .productCard--small .productCard__head-content, .selectableList .productCard .productCard__head-content {
            padding: 24px 16px
        }

        .selectableList .productCard--small .productCard__productName, .selectableList .productCard .productCard__productName {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Calma Global Medium,sans-serif;
            font-size: 1.625rem;
            line-height: 1.231em;
            letter-spacing: 0
        }

            .selectableList .productCard--small .productCard__productName .link a, .selectableList .productCard .productCard__productName .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .selectableList .productCard--small .productCard__productName .link a:hover, .selectableList .productCard .productCard__productName .link a:hover {
                    color: var(--m-01)
                }

            .selectableList .productCard--small .productCard__productName mark, .selectableList .productCard--small .productCard__productName mark[data-color=color], .selectableList .productCard .productCard__productName mark, .selectableList .productCard .productCard__productName mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .selectableList .productCard--small .productCard__productName mark[data-color=gray], .selectableList .productCard .productCard__productName mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .selectableList .productCard--small .productCard__productName mark[data-color=default], .selectableList .productCard .productCard__productName mark[data-color=default] {
                    color: var(--neu-10)
                }

            .selectableList .productCard--small .productCard__productName span.m-01--dark-01, .selectableList .productCard--small .productCard__productName span[data-color=color], .selectableList .productCard .productCard__productName span.m-01--dark-01, .selectableList .productCard .productCard__productName span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .selectableList .productCard--small .productCard__productName span.neu-07, .selectableList .productCard--small .productCard__productName span[data-color=gray], .selectableList .productCard .productCard__productName span.neu-07, .selectableList .productCard .productCard__productName span[data-color=gray] {
                color: var(--neu-07)
            }

            .selectableList .productCard--small .productCard__productName span.neu-10, .selectableList .productCard--small .productCard__productName span[data-color=default], .selectableList .productCard .productCard__productName span.neu-10, .selectableList .productCard .productCard__productName span[data-color=default] {
                color: var(--neu-10)
            }

            .selectableList .productCard--small .productCard__productName b, .selectableList .productCard--small .productCard__productName strong, .selectableList .productCard .productCard__productName b, .selectableList .productCard .productCard__productName strong {
                font-weight: 700
            }

            .selectableList .productCard--small .productCard__productName em, .selectableList .productCard .productCard__productName em {
                font-style: italic
            }

        .selectableList .productCard--small .productCard__content, .selectableList .productCard .productCard__content {
            padding: 16px
        }

        .selectableList .productCard--small .productCard__bookmark, .selectableList .productCard .productCard__bookmark {
            right: 0;
            top: 8px
        }

    .selectableList .brandCard, .selectableList .brandCard--small {
        max-width: 960px;
        min-height: 324px;
        padding: 16px
    }

        .selectableList .brandCard--small .brandCard__image, .selectableList .brandCard .brandCard__image {
            height: 70px;
            width: 70px;
            margin-right: 0
        }

        .selectableList .brandCard--small .brandCard--small .btnBookmark--privateArea, .selectableList .brandCard--small .brandCard .btnBookmark--privateArea, .selectableList .brandCard--small .brandCard__bookmark, .selectableList .brandCard .brandCard--small .btnBookmark--privateArea, .selectableList .brandCard .brandCard .btnBookmark--privateArea, .selectableList .brandCard .brandCard__bookmark {
            right: 0
        }

        .selectableList .brandCard--small .brandCard__text, .selectableList .brandCard .brandCard__text {
            padding: 0
        }

        .selectableList .brandCard--small .brandCard__title, .selectableList .brandCard .brandCard__title {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Calma Global Medium,sans-serif;
            font-size: 1.625rem;
            line-height: 1.231em;
            letter-spacing: 0
        }

            .selectableList .brandCard--small .brandCard__title .link a, .selectableList .brandCard .brandCard__title .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .selectableList .brandCard--small .brandCard__title .link a:hover, .selectableList .brandCard .brandCard__title .link a:hover {
                    color: var(--m-01)
                }

            .selectableList .brandCard--small .brandCard__title mark, .selectableList .brandCard--small .brandCard__title mark[data-color=color], .selectableList .brandCard .brandCard__title mark, .selectableList .brandCard .brandCard__title mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .selectableList .brandCard--small .brandCard__title mark[data-color=gray], .selectableList .brandCard .brandCard__title mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .selectableList .brandCard--small .brandCard__title mark[data-color=default], .selectableList .brandCard .brandCard__title mark[data-color=default] {
                    color: var(--neu-10)
                }

            .selectableList .brandCard--small .brandCard__title span.m-01--dark-01, .selectableList .brandCard--small .brandCard__title span[data-color=color], .selectableList .brandCard .brandCard__title span.m-01--dark-01, .selectableList .brandCard .brandCard__title span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .selectableList .brandCard--small .brandCard__title span.neu-07, .selectableList .brandCard--small .brandCard__title span[data-color=gray], .selectableList .brandCard .brandCard__title span.neu-07, .selectableList .brandCard .brandCard__title span[data-color=gray] {
                color: var(--neu-07)
            }

            .selectableList .brandCard--small .brandCard__title span.neu-10, .selectableList .brandCard--small .brandCard__title span[data-color=default], .selectableList .brandCard .brandCard__title span.neu-10, .selectableList .brandCard .brandCard__title span[data-color=default] {
                color: var(--neu-10)
            }

            .selectableList .brandCard--small .brandCard__title b, .selectableList .brandCard--small .brandCard__title strong, .selectableList .brandCard .brandCard__title b, .selectableList .brandCard .brandCard__title strong {
                font-weight: 700
            }

            .selectableList .brandCard--small .brandCard__title em, .selectableList .brandCard .brandCard__title em {
                font-style: italic
            }

        .selectableList .brandCard--small .brandCard__description, .selectableList .brandCard .brandCard__description {
            margin-top: 24px
        }

    .selectableList .categoryCard, .selectableList .categoryCard--small {
        min-height: 240px;
        max-width: 960px
    }

        .selectableList .categoryCard--small .categoryCard__content, .selectableList .categoryCard .categoryCard__content {
            padding: 32px
        }

        .selectableList .categoryCard--small .categoryCard__title, .selectableList .categoryCard .categoryCard__title {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Calma Global Medium,sans-serif;
            font-size: 2rem;
            line-height: 1.25em;
            letter-spacing: -.016em
        }

            .selectableList .categoryCard--small .categoryCard__title .link a, .selectableList .categoryCard .categoryCard__title .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .selectableList .categoryCard--small .categoryCard__title .link a:hover, .selectableList .categoryCard .categoryCard__title .link a:hover {
                    color: var(--m-01)
                }

            .selectableList .categoryCard--small .categoryCard__title mark, .selectableList .categoryCard--small .categoryCard__title mark[data-color=color], .selectableList .categoryCard .categoryCard__title mark, .selectableList .categoryCard .categoryCard__title mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .selectableList .categoryCard--small .categoryCard__title mark[data-color=gray], .selectableList .categoryCard .categoryCard__title mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .selectableList .categoryCard--small .categoryCard__title mark[data-color=default], .selectableList .categoryCard .categoryCard__title mark[data-color=default] {
                    color: var(--neu-10)
                }

            .selectableList .categoryCard--small .categoryCard__title span.m-01--dark-01, .selectableList .categoryCard--small .categoryCard__title span[data-color=color], .selectableList .categoryCard .categoryCard__title span.m-01--dark-01, .selectableList .categoryCard .categoryCard__title span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .selectableList .categoryCard--small .categoryCard__title span.neu-07, .selectableList .categoryCard--small .categoryCard__title span[data-color=gray], .selectableList .categoryCard .categoryCard__title span.neu-07, .selectableList .categoryCard .categoryCard__title span[data-color=gray] {
                color: var(--neu-07)
            }

            .selectableList .categoryCard--small .categoryCard__title span.neu-10, .selectableList .categoryCard--small .categoryCard__title span[data-color=default], .selectableList .categoryCard .categoryCard__title span.neu-10, .selectableList .categoryCard .categoryCard__title span[data-color=default] {
                color: var(--neu-10)
            }

            .selectableList .categoryCard--small .categoryCard__title b, .selectableList .categoryCard--small .categoryCard__title strong, .selectableList .categoryCard .categoryCard__title b, .selectableList .categoryCard .categoryCard__title strong {
                font-weight: 700
            }

            .selectableList .categoryCard--small .categoryCard__title em, .selectableList .categoryCard .categoryCard__title em {
                font-style: italic
            }
}

@media (max-width:768px) and (max-width:1024px) {
    .selectableList .categoryCard--small .categoryCard__title, .selectableList .categoryCard .categoryCard__title {
        font-size: 1.625rem;
        line-height: 1.231em;
        letter-spacing: 0
    }
}

@media (max-width:768px) {
    .selectableList .profileCard, .selectableList .profileCard--small {
        max-width: 960px;
        padding: 24px 16px 32px 4px;
        height: 100%
    }

        .selectableList .profileCard--small .profileCard__text, .selectableList .profileCard .profileCard__text {
            max-width: 310px
        }

    .selectableList .selectableCard, .selectableList .selectableCard--small {
        max-width: 960px;
        padding: 16px 16px 24px;
        grid-template-columns: 1fr 1fr;
        row-gap: 8px
    }

        .selectableList .selectableCard--small .selectableCard__content, .selectableList .selectableCard .selectableCard__content {
            grid-row: 2;
            grid-column: 1/3
        }

        .selectableList .selectableCard--small .selectableCard__checkbox, .selectableList .selectableCard .selectableCard__checkbox {
            margin-right: 0;
            grid-row: 1
        }

        .selectableList .selectableCard--small .selectableCard__image, .selectableList .selectableCard .selectableCard__image {
            width: 48px;
            height: 48px;
            grid-row: 1;
            justify-self: flex-end
        }

        .selectableList .selectableCard--small .selectableCard__btn, .selectableList .selectableCard .selectableCard__btn {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Inter,sans-serif;
            font-size: .813rem;
            line-height: 1.538em;
            letter-spacing: -.003em;
            font-weight: 400;
            font-weight: 700;
            padding: 0 20px;
            height: 40px;
            transform: none;
            margin-left: 0;
            margin-top: 16px;
            grid-row: 3;
            grid-column: 1/3
        }

            .selectableList .selectableCard--small .selectableCard__btn .link a, .selectableList .selectableCard .selectableCard__btn .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .selectableList .selectableCard--small .selectableCard__btn .link a:hover, .selectableList .selectableCard .selectableCard__btn .link a:hover {
                    color: var(--m-01)
                }

            .selectableList .selectableCard--small .selectableCard__btn mark, .selectableList .selectableCard--small .selectableCard__btn mark[data-color=color], .selectableList .selectableCard .selectableCard__btn mark, .selectableList .selectableCard .selectableCard__btn mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .selectableList .selectableCard--small .selectableCard__btn mark[data-color=gray], .selectableList .selectableCard .selectableCard__btn mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .selectableList .selectableCard--small .selectableCard__btn mark[data-color=default], .selectableList .selectableCard .selectableCard__btn mark[data-color=default] {
                    color: var(--neu-10)
                }

            .selectableList .selectableCard--small .selectableCard__btn span.m-01--dark-01, .selectableList .selectableCard--small .selectableCard__btn span[data-color=color], .selectableList .selectableCard .selectableCard__btn span.m-01--dark-01, .selectableList .selectableCard .selectableCard__btn span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .selectableList .selectableCard--small .selectableCard__btn span.neu-07, .selectableList .selectableCard--small .selectableCard__btn span[data-color=gray], .selectableList .selectableCard .selectableCard__btn span.neu-07, .selectableList .selectableCard .selectableCard__btn span[data-color=gray] {
                color: var(--neu-07)
            }

            .selectableList .selectableCard--small .selectableCard__btn span.neu-10, .selectableList .selectableCard--small .selectableCard__btn span[data-color=default], .selectableList .selectableCard .selectableCard__btn span.neu-10, .selectableList .selectableCard .selectableCard__btn span[data-color=default] {
                color: var(--neu-10)
            }

            .selectableList .selectableCard--small .selectableCard__btn b, .selectableList .selectableCard--small .selectableCard__btn strong, .selectableList .selectableCard .selectableCard__btn b, .selectableList .selectableCard .selectableCard__btn strong {
                font-weight: 700
            }

            .selectableList .selectableCard--small .selectableCard__btn em, .selectableList .selectableCard .selectableCard__btn em {
                font-style: italic
            }

            .selectableList .selectableCard--small .selectableCard__btn i, .selectableList .selectableCard .selectableCard__btn i {
                min-width: 16px;
                width: 16px;
                height: 16px;
                font-size: 16px
            }

                .selectableList .selectableCard--small .selectableCard__btn i:before, .selectableList .selectableCard .selectableCard__btn i:before {
                    font-size: 16px;
                    font-weight: 400
                }

            .selectableList .selectableCard--small .selectableCard__btn.btn--icon, .selectableList .selectableCard .selectableCard__btn.btn--icon {
                width: 40px;
                min-width: 40px
            }

    .selectableList .demandCard, .selectableList .demandCard--small {
        max-width: 960px;
        padding: 16px;
        min-height: 324px
    }

        .selectableList .demandCard--small .demandCard__content, .selectableList .demandCard .demandCard__content {
            gap: 8px
        }

        .selectableList .demandCard--small .demandCard__notification-text, .selectableList .demandCard .demandCard__notification-text {
            display: none
        }

        .selectableList .demandCard--small .demandCard__description, .selectableList .demandCard .demandCard__description {
            margin-top: 8px
        }

    .selectableList .replyCard, .selectableList .replyCard--small {
        max-width: 960px
    }

        .selectableList .replyCard--small .replyCard, .selectableList .replyCard--small .replyCard--small, .selectableList .replyCard .replyCard, .selectableList .replyCard .replyCard--small {
            background-color: var(--neu-01)
        }

        .selectableList .replyCard--small .replyCard__content, .selectableList .replyCard .replyCard__content {
            padding: 24px;
            gap: 4px 12px
        }

        .selectableList .replyCard--small .replyCard__thumb, .selectableList .replyCard .replyCard__thumb {
            grid-row: 1/3;
            align-self: flex-start
        }

        .selectableList .replyCard--small .replyCard__text, .selectableList .replyCard .replyCard__text {
            grid-row: 2;
            grid-column: 2/4
        }
}

@media (max-width:768px) and (max-width:512px) {
    .selectableList .replyCard--small .replyCard__text, .selectableList .replyCard .replyCard__text {
        grid-column: 2/4
    }
}

@media (max-width:768px) {
    .selectableList .replyCard--small .replyCard__message, .selectableList .replyCard--small .replyCard__subject, .selectableList .replyCard .replyCard__message, .selectableList .replyCard .replyCard__subject {
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-stretch: normal;
        letter-spacing: normal;
        font-family: Inter,sans-serif;
        font-size: 1rem;
        line-height: 1.5em;
        letter-spacing: -.011em;
        font-weight: 400
    }

        .selectableList .replyCard--small .replyCard__message .link a, .selectableList .replyCard--small .replyCard__subject .link a, .selectableList .replyCard .replyCard__message .link a, .selectableList .replyCard .replyCard__subject .link a {
            transition: all .1s ease;
            text-decoration: underline;
            color: var(--m-01--dark-01)
        }

            .selectableList .replyCard--small .replyCard__message .link a:hover, .selectableList .replyCard--small .replyCard__subject .link a:hover, .selectableList .replyCard .replyCard__message .link a:hover, .selectableList .replyCard .replyCard__subject .link a:hover {
                color: var(--m-01)
            }

        .selectableList .replyCard--small .replyCard__message mark, .selectableList .replyCard--small .replyCard__message mark[data-color=color], .selectableList .replyCard--small .replyCard__subject mark, .selectableList .replyCard--small .replyCard__subject mark[data-color=color], .selectableList .replyCard .replyCard__message mark, .selectableList .replyCard .replyCard__message mark[data-color=color], .selectableList .replyCard .replyCard__subject mark, .selectableList .replyCard .replyCard__subject mark[data-color=color] {
            color: var(--m-01--dark-01)
        }

            .selectableList .replyCard--small .replyCard__message mark[data-color=gray], .selectableList .replyCard--small .replyCard__subject mark[data-color=gray], .selectableList .replyCard .replyCard__message mark[data-color=gray], .selectableList .replyCard .replyCard__subject mark[data-color=gray] {
                color: var(--neu-07)
            }

            .selectableList .replyCard--small .replyCard__message mark[data-color=default], .selectableList .replyCard--small .replyCard__subject mark[data-color=default], .selectableList .replyCard .replyCard__message mark[data-color=default], .selectableList .replyCard .replyCard__subject mark[data-color=default] {
                color: var(--neu-10)
            }

        .selectableList .replyCard--small .replyCard__message span.m-01--dark-01, .selectableList .replyCard--small .replyCard__message span[data-color=color], .selectableList .replyCard--small .replyCard__subject span.m-01--dark-01, .selectableList .replyCard--small .replyCard__subject span[data-color=color], .selectableList .replyCard .replyCard__message span.m-01--dark-01, .selectableList .replyCard .replyCard__message span[data-color=color], .selectableList .replyCard .replyCard__subject span.m-01--dark-01, .selectableList .replyCard .replyCard__subject span[data-color=color] {
            color: var(--m-01--dark-01)
        }

        .selectableList .replyCard--small .replyCard__message span.neu-07, .selectableList .replyCard--small .replyCard__message span[data-color=gray], .selectableList .replyCard--small .replyCard__subject span.neu-07, .selectableList .replyCard--small .replyCard__subject span[data-color=gray], .selectableList .replyCard .replyCard__message span.neu-07, .selectableList .replyCard .replyCard__message span[data-color=gray], .selectableList .replyCard .replyCard__subject span.neu-07, .selectableList .replyCard .replyCard__subject span[data-color=gray] {
            color: var(--neu-07)
        }

        .selectableList .replyCard--small .replyCard__message span.neu-10, .selectableList .replyCard--small .replyCard__message span[data-color=default], .selectableList .replyCard--small .replyCard__subject span.neu-10, .selectableList .replyCard--small .replyCard__subject span[data-color=default], .selectableList .replyCard .replyCard__message span.neu-10, .selectableList .replyCard .replyCard__message span[data-color=default], .selectableList .replyCard .replyCard__subject span.neu-10, .selectableList .replyCard .replyCard__subject span[data-color=default] {
            color: var(--neu-10)
        }

        .selectableList .replyCard--small .replyCard__message b, .selectableList .replyCard--small .replyCard__message strong, .selectableList .replyCard--small .replyCard__subject b, .selectableList .replyCard--small .replyCard__subject strong, .selectableList .replyCard .replyCard__message b, .selectableList .replyCard .replyCard__message strong, .selectableList .replyCard .replyCard__subject b, .selectableList .replyCard .replyCard__subject strong {
            font-weight: 700
        }

        .selectableList .replyCard--small .replyCard__message em, .selectableList .replyCard--small .replyCard__subject em, .selectableList .replyCard .replyCard__message em, .selectableList .replyCard .replyCard__subject em {
            font-style: italic
        }

    .selectableList .replyCard--small .replyCard__info, .selectableList .replyCard .replyCard__info {
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-stretch: normal;
        letter-spacing: normal;
        font-family: Inter,sans-serif;
        font-size: .813rem;
        line-height: 1.538em;
        letter-spacing: -.003em;
        font-weight: 700;
        margin-top: 8px;
        padding-right: 32px
    }

        .selectableList .replyCard--small .replyCard__info .link a, .selectableList .replyCard .replyCard__info .link a {
            transition: all .1s ease;
            text-decoration: underline;
            color: var(--m-01--dark-01)
        }

            .selectableList .replyCard--small .replyCard__info .link a:hover, .selectableList .replyCard .replyCard__info .link a:hover {
                color: var(--m-01)
            }

        .selectableList .replyCard--small .replyCard__info mark, .selectableList .replyCard--small .replyCard__info mark[data-color=color], .selectableList .replyCard .replyCard__info mark, .selectableList .replyCard .replyCard__info mark[data-color=color] {
            color: var(--m-01--dark-01)
        }

            .selectableList .replyCard--small .replyCard__info mark[data-color=gray], .selectableList .replyCard .replyCard__info mark[data-color=gray] {
                color: var(--neu-07)
            }

            .selectableList .replyCard--small .replyCard__info mark[data-color=default], .selectableList .replyCard .replyCard__info mark[data-color=default] {
                color: var(--neu-10)
            }

        .selectableList .replyCard--small .replyCard__info span.m-01--dark-01, .selectableList .replyCard--small .replyCard__info span[data-color=color], .selectableList .replyCard .replyCard__info span.m-01--dark-01, .selectableList .replyCard .replyCard__info span[data-color=color] {
            color: var(--m-01--dark-01)
        }

        .selectableList .replyCard--small .replyCard__info span.neu-07, .selectableList .replyCard--small .replyCard__info span[data-color=gray], .selectableList .replyCard .replyCard__info span.neu-07, .selectableList .replyCard .replyCard__info span[data-color=gray] {
            color: var(--neu-07)
        }

        .selectableList .replyCard--small .replyCard__info span.neu-10, .selectableList .replyCard--small .replyCard__info span[data-color=default], .selectableList .replyCard .replyCard__info span.neu-10, .selectableList .replyCard .replyCard__info span[data-color=default] {
            color: var(--neu-10)
        }

        .selectableList .replyCard--small .replyCard__info b, .selectableList .replyCard--small .replyCard__info strong, .selectableList .replyCard .replyCard__info b, .selectableList .replyCard .replyCard__info strong {
            font-weight: 700
        }

        .selectableList .replyCard--small .replyCard__info em, .selectableList .replyCard .replyCard__info em {
            font-style: italic
        }

    .selectableList .replyCard--small .replyCard__pin, .selectableList .replyCard .replyCard__pin {
        transition: all .1s ease;
        grid-row: 2;
        grid-column: 3;
        align-self: flex-end;
        width: 24px;
        height: 24px;
        justify-self: flex-end;
        transform: translateY(4px);
        cursor: pointer
    }

        .selectableList .replyCard--small .replyCard__pin:hover, .selectableList .replyCard .replyCard__pin:hover {
            opacity: .7
        }

        .selectableList .replyCard--small .replyCard__pin:before, .selectableList .replyCard .replyCard__pin:before {
            width: 24px;
            height: 24px;
            font-size: 24px;
            font-family: aicep-base-icons !important;
            font-weight: 400;
            display: flex;
            justify-content: center;
            align-items: center;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            content: "\e95b"
        }

    .selectableList .replyCard--small .replyCard__pin--selected, .selectableList .replyCard .replyCard__pin--selected {
        color: var(--m-02--dark-01)
    }

        .selectableList .replyCard--small .replyCard__pin--selected:before, .selectableList .replyCard .replyCard__pin--selected:before {
            content: "\e95c"
        }

    .selectableList .replyCard--small .replyCard__btn, .selectableList .replyCard .replyCard__btn {
        display: none
    }

    .selectableList .infoCard, .selectableList .infoCard--small {
        max-width: 960px;
        padding: 24px
    }

        .selectableList .infoCard--small .infoCard__number, .selectableList .infoCard .infoCard__number {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Calma Global Medium,sans-serif;
            font-size: 2rem;
            line-height: 1.25em;
            letter-spacing: -.016em;
            transform: translateY(0)
        }

            .selectableList .infoCard--small .infoCard__number .link a, .selectableList .infoCard .infoCard__number .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .selectableList .infoCard--small .infoCard__number .link a:hover, .selectableList .infoCard .infoCard__number .link a:hover {
                    color: var(--m-01)
                }

            .selectableList .infoCard--small .infoCard__number mark, .selectableList .infoCard--small .infoCard__number mark[data-color=color], .selectableList .infoCard .infoCard__number mark, .selectableList .infoCard .infoCard__number mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .selectableList .infoCard--small .infoCard__number mark[data-color=gray], .selectableList .infoCard .infoCard__number mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .selectableList .infoCard--small .infoCard__number mark[data-color=default], .selectableList .infoCard .infoCard__number mark[data-color=default] {
                    color: var(--neu-10)
                }

            .selectableList .infoCard--small .infoCard__number span.m-01--dark-01, .selectableList .infoCard--small .infoCard__number span[data-color=color], .selectableList .infoCard .infoCard__number span.m-01--dark-01, .selectableList .infoCard .infoCard__number span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .selectableList .infoCard--small .infoCard__number span.neu-07, .selectableList .infoCard--small .infoCard__number span[data-color=gray], .selectableList .infoCard .infoCard__number span.neu-07, .selectableList .infoCard .infoCard__number span[data-color=gray] {
                color: var(--neu-07)
            }

            .selectableList .infoCard--small .infoCard__number span.neu-10, .selectableList .infoCard--small .infoCard__number span[data-color=default], .selectableList .infoCard .infoCard__number span.neu-10, .selectableList .infoCard .infoCard__number span[data-color=default] {
                color: var(--neu-10)
            }

            .selectableList .infoCard--small .infoCard__number b, .selectableList .infoCard--small .infoCard__number strong, .selectableList .infoCard .infoCard__number b, .selectableList .infoCard .infoCard__number strong {
                font-weight: 700
            }

            .selectableList .infoCard--small .infoCard__number em, .selectableList .infoCard .infoCard__number em {
                font-style: italic
            }
}

@media (max-width:768px) and (max-width:1024px) {
    .selectableList .infoCard--small .infoCard__number, .selectableList .infoCard .infoCard__number {
        font-size: 1.625rem;
        line-height: 1.231em;
        letter-spacing: 0;
        transform: translateY(3px)
    }
}

@media (max-width:768px) {
    .selectableList .infoCard--small .infoCard__title, .selectableList .infoCard .infoCard__title {
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-stretch: normal;
        letter-spacing: normal;
        font-family: Inter,sans-serif;
        font-size: 1rem;
        line-height: 1.5em;
        letter-spacing: -.011em;
        font-weight: 700
    }

        .selectableList .infoCard--small .infoCard__title .link a, .selectableList .infoCard .infoCard__title .link a {
            transition: all .1s ease;
            text-decoration: underline;
            color: var(--m-01--dark-01)
        }

            .selectableList .infoCard--small .infoCard__title .link a:hover, .selectableList .infoCard .infoCard__title .link a:hover {
                color: var(--m-01)
            }

        .selectableList .infoCard--small .infoCard__title mark, .selectableList .infoCard--small .infoCard__title mark[data-color=color], .selectableList .infoCard .infoCard__title mark, .selectableList .infoCard .infoCard__title mark[data-color=color] {
            color: var(--m-01--dark-01)
        }

            .selectableList .infoCard--small .infoCard__title mark[data-color=gray], .selectableList .infoCard .infoCard__title mark[data-color=gray] {
                color: var(--neu-07)
            }

            .selectableList .infoCard--small .infoCard__title mark[data-color=default], .selectableList .infoCard .infoCard__title mark[data-color=default] {
                color: var(--neu-10)
            }

        .selectableList .infoCard--small .infoCard__title span.m-01--dark-01, .selectableList .infoCard--small .infoCard__title span[data-color=color], .selectableList .infoCard .infoCard__title span.m-01--dark-01, .selectableList .infoCard .infoCard__title span[data-color=color] {
            color: var(--m-01--dark-01)
        }

        .selectableList .infoCard--small .infoCard__title span.neu-07, .selectableList .infoCard--small .infoCard__title span[data-color=gray], .selectableList .infoCard .infoCard__title span.neu-07, .selectableList .infoCard .infoCard__title span[data-color=gray] {
            color: var(--neu-07)
        }

        .selectableList .infoCard--small .infoCard__title span.neu-10, .selectableList .infoCard--small .infoCard__title span[data-color=default], .selectableList .infoCard .infoCard__title span.neu-10, .selectableList .infoCard .infoCard__title span[data-color=default] {
            color: var(--neu-10)
        }

        .selectableList .infoCard--small .infoCard__title b, .selectableList .infoCard--small .infoCard__title strong, .selectableList .infoCard .infoCard__title b, .selectableList .infoCard .infoCard__title strong {
            font-weight: 700
        }

        .selectableList .infoCard--small .infoCard__title em, .selectableList .infoCard .infoCard__title em {
            font-style: italic
        }
}

.selectionBanner {
    background-color: var(--m-01--light-03)
}

    .selectionBanner .wrapper {
        padding-top: 24px;
        padding-bottom: 24px
    }

@media (max-width:1024px) {
    .selectionBanner .wrapper {
        padding-top: 8px;
        padding-bottom: 8px
    }
}

.selectionBanner__item {
    grid-column: 1/13;
    color: var(--m-01--dark-03)
}

@media (max-width:1024px) {
    .selectionBanner__item {
        grid-column: 1/7
    }
}

.selectionBanner__item-header {
    display: flex;
    justify-content: center;
    gap: 8px;
    padding: 24px;
    transition: all .1s ease;
    width: 100%;
    cursor: pointer
}

@media (max-width:1024px) {
    .selectionBanner__item-header {
        padding: 16px
    }
}

.selectionBanner__item-header:after {
    transition: all .15s ease-in-out;
    width: 24px;
    height: 24px;
    font-size: 24px;
    font-family: aicep-base-icons !important;
    font-weight: 400;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    position: relative;
    content: "\e912";
    z-index: 1;
    top: unset;
    transform: none
}

.selectionBanner__item-header:hover {
    opacity: .7
}

.selectionBanner__item-title {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1.188rem;
    line-height: 1.263em;
    letter-spacing: -.016em;
    font-weight: 700;
    display: inline-flex;
    color: inherit
}

    .selectionBanner__item-title .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .selectionBanner__item-title .link a:hover {
            color: var(--m-01)
        }

    .selectionBanner__item-title mark, .selectionBanner__item-title mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .selectionBanner__item-title mark[data-color=gray] {
            color: var(--neu-07)
        }

        .selectionBanner__item-title mark[data-color=default] {
            color: var(--neu-10)
        }

    .selectionBanner__item-title span.m-01--dark-01, .selectionBanner__item-title span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .selectionBanner__item-title span.neu-07, .selectionBanner__item-title span[data-color=gray] {
        color: var(--neu-07)
    }

    .selectionBanner__item-title span.neu-10, .selectionBanner__item-title span[data-color=default] {
        color: var(--neu-10)
    }

    .selectionBanner__item-title b, .selectionBanner__item-title strong {
        font-weight: 700
    }

    .selectionBanner__item-title em {
        font-style: italic
    }

.selectionBanner__item-content {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1.188rem;
    line-height: 1.263em;
    letter-spacing: -.016em;
    font-weight: 400;
    display: none;
    margin-top: 8px
}

    .selectionBanner__item-content .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .selectionBanner__item-content .link a:hover {
            color: var(--m-01)
        }

    .selectionBanner__item-content mark, .selectionBanner__item-content mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .selectionBanner__item-content mark[data-color=gray] {
            color: var(--neu-07)
        }

        .selectionBanner__item-content mark[data-color=default] {
            color: var(--neu-10)
        }

    .selectionBanner__item-content span.m-01--dark-01, .selectionBanner__item-content span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .selectionBanner__item-content span.neu-07, .selectionBanner__item-content span[data-color=gray] {
        color: var(--neu-07)
    }

    .selectionBanner__item-content span.neu-10, .selectionBanner__item-content span[data-color=default] {
        color: var(--neu-10)
    }

    .selectionBanner__item-content b, .selectionBanner__item-content strong {
        font-weight: 700
    }

    .selectionBanner__item-content em {
        font-style: italic
    }

@media (max-width:1024px) {
    .selectionBanner__item-content {
        margin-top: 0
    }
}

.selectionBanner__item-buttons {
    display: flex;
    flex-direction: column;
    justify-content: center;
    opacity: 0;
    text-align: center;
    margin: 0 auto
}

.selectionBanner__item-button {
    transition: all .1s ease;
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1.188rem;
    line-height: 1.263em;
    letter-spacing: -.016em;
    font-weight: 400;
    padding: 8px 0;
    display: inline-flex;
    cursor: pointer;
    color: inherit
}

    .selectionBanner__item-button .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .selectionBanner__item-button .link a:hover {
            color: var(--m-01)
        }

    .selectionBanner__item-button mark, .selectionBanner__item-button mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .selectionBanner__item-button mark[data-color=gray] {
            color: var(--neu-07)
        }

        .selectionBanner__item-button mark[data-color=default] {
            color: var(--neu-10)
        }

    .selectionBanner__item-button span.m-01--dark-01, .selectionBanner__item-button span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .selectionBanner__item-button span.neu-07, .selectionBanner__item-button span[data-color=gray] {
        color: var(--neu-07)
    }

    .selectionBanner__item-button span.neu-10, .selectionBanner__item-button span[data-color=default] {
        color: var(--neu-10)
    }

    .selectionBanner__item-button b, .selectionBanner__item-button strong {
        font-weight: 700
    }

    .selectionBanner__item-button em {
        font-style: italic
    }

    .selectionBanner__item-button:hover {
        opacity: .7
    }

.selectionBanner__item.open .selectionBanner__item-header:after {
    transform: rotate(180deg)
}

.selectionBanner__item.open .selectionBanner__item-content {
    margin-bottom: 24px
}

.selectionBanner[data-bg=neu-01] {
    background-color: var(--neu-01)
}

    .selectionBanner[data-bg=neu-01] .selectionBanner__item {
        color: var(--neu-10)
    }

.selectionBanner[data-bg=neu-02] {
    background-color: var(--neu-02)
}

    .selectionBanner[data-bg=neu-02] .selectionBanner__item {
        color: var(--neu-10)
    }

.selectionBanner[data-bg=neu-09] {
    background-color: var(--neu-09)
}

    .selectionBanner[data-bg=neu-09] .selectionBanner__item {
        color: var(--neu-01)
    }

.selectionBanner[data-bg=m-01--light-03] {
    background-color: var(--m-01--light-03)
}

    .selectionBanner[data-bg=m-01--light-03] .selectionBanner__item {
        color: var(--m-01--dark-03)
    }

.shortBanner {
    position: relative;
    background: transparent !important
}

    .shortBanner .wrapper {
        padding-top: 24px;
        padding-bottom: 24px
    }

@media (max-width:1024px) {
    .shortBanner .wrapper {
        padding-top: 16px;
        padding-bottom: 16px
    }
}

.shortBanner__innerWrapper {
    width: 100%;
    grid-column: 2/12;
    padding: 40px 0;
    display: grid;
    align-items: center;
    grid-template-columns: repeat(10,1fr);
    grid-column-gap: 32px
}

@media (max-width:1280px) {
    .shortBanner__innerWrapper {
        grid-column-gap: 24px
    }
}

@media (max-width:1024px) {
    .shortBanner__innerWrapper {
        grid-column: 1/13;
        grid-column-gap: 16px;
        grid-template-columns: repeat(6,1fr)
    }
}

@media (max-width:1024px) and (max-width:1024px) {
    .shortBanner__innerWrapper {
        grid-column: 1/7
    }
}

@media (max-width:512px) {
    .shortBanner__innerWrapper {
        padding: 40px 16px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        text-align: center
    }
}

.shortBanner__title {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1.438rem;
    line-height: 1.391em;
    letter-spacing: -.019em;
    font-weight: 700
}

    .shortBanner__title .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .shortBanner__title .link a:hover {
            color: var(--m-01)
        }

    .shortBanner__title mark, .shortBanner__title mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .shortBanner__title mark[data-color=gray] {
            color: var(--neu-07)
        }

        .shortBanner__title mark[data-color=default] {
            color: var(--neu-10)
        }

    .shortBanner__title span.m-01--dark-01, .shortBanner__title span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .shortBanner__title span.neu-07, .shortBanner__title span[data-color=gray] {
        color: var(--neu-07)
    }

    .shortBanner__title span.neu-10, .shortBanner__title span[data-color=default] {
        color: var(--neu-10)
    }

    .shortBanner__title b, .shortBanner__title strong {
        font-weight: 700
    }

    .shortBanner__title em {
        font-style: italic
    }

@media (max-width:1024px) {
    .shortBanner__title {
        font-size: 1.188rem;
        line-height: 1.263em;
        letter-spacing: -.016em
    }
}

.shortBanner__description {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1rem;
    line-height: 1.5em;
    letter-spacing: -.011em;
    font-weight: 400;
    margin-top: 8px
}

    .shortBanner__description .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .shortBanner__description .link a:hover {
            color: var(--m-01)
        }

    .shortBanner__description mark, .shortBanner__description mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .shortBanner__description mark[data-color=gray] {
            color: var(--neu-07)
        }

        .shortBanner__description mark[data-color=default] {
            color: var(--neu-10)
        }

    .shortBanner__description span.m-01--dark-01, .shortBanner__description span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .shortBanner__description span.neu-07, .shortBanner__description span[data-color=gray] {
        color: var(--neu-07)
    }

    .shortBanner__description span.neu-10, .shortBanner__description span[data-color=default] {
        color: var(--neu-10)
    }

    .shortBanner__description b, .shortBanner__description strong {
        font-weight: 700
    }

    .shortBanner__description em {
        font-style: italic
    }

.shortBanner__description, .shortBanner__title {
    grid-column: 2/8
}

@media (max-width:1024px) {
    .shortBanner__description, .shortBanner__title {
        grid-column: 1/5;
        margin-left: 32px
    }
}

@media (max-width:768px) {
    .shortBanner__description, .shortBanner__title {
        margin-left: 24px
    }
}

@media (max-width:512px) {
    .shortBanner__description, .shortBanner__title {
        margin-left: 0;
        margin-right: 0
    }
}

.shortBanner .btnContainer {
    grid-column: 8/10;
    justify-content: flex-end;
    align-self: flex-end
}

@media (max-width:1024px) {
    .shortBanner .btnContainer {
        grid-column: 5/7;
        margin-right: 32px
    }
}

@media (max-width:768px) {
    .shortBanner .btnContainer {
        margin-right: 24px
    }
}

@media (max-width:512px) {
    .shortBanner .btnContainer {
        margin-right: 0;
        margin-top: 24px;
        justify-content: center;
        align-self: center
    }
}

.shortBanner .btnContainer .btn, .shortBanner .btnContainer .btn--icon, .shortBanner .btnContainer .btn--primary, .shortBanner .btnContainer .btn--primary--dark, .shortBanner .btnContainer .btn--secondary, .shortBanner .btnContainer .btn--small, .shortBanner .btnContainer .btn--tertiary {
    width: auto
}

.shortBanner[data-bg=g-01] .shortBanner__innerWrapper {
    background: var(--g-01)
}

.shortBanner[data-bg=g-02] .shortBanner__innerWrapper {
    background: var(--g-02)
}

.shortBanner[data-bg=g-03] .shortBanner__innerWrapper {
    background: var(--g-03)
}

.shortBanner[data-bg=g-04] .shortBanner__innerWrapper {
    background: var(--g-04)
}

.shortBanner[data-bg=neu-01] .shortBanner__innerWrapper {
    background: var(--neu-01)
}

.shortBanner[data-bg=neu-02] .shortBanner__innerWrapper {
    background: var(--neu-02)
}

.shortBanner[data-bg=media] .shortBanner__innerWrapper {
    background: var(--neu-10)
}

.shortBanner:not([data-bg=media]) .media {
    display: none
}

.sidebarFilteredGrid {
    background: var(--neu-01)
}

.sidebarFilteredGrid__wrapper {
    padding-bottom: 64px
}

@media (max-width:768px) {
    .sidebarFilteredGrid__wrapper {
        padding-bottom: 56px
    }
}

.sidebarFilteredGrid__results {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: .813rem;
    line-height: 1.538em;
    letter-spacing: -.003em;
    font-weight: 400;
    color: var(--neu-10);
    grid-column: 1/4;
    position: absolute;
    top: 0
}

    .sidebarFilteredGrid__results .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .sidebarFilteredGrid__results .link a:hover {
            color: var(--m-01)
        }

    .sidebarFilteredGrid__results mark, .sidebarFilteredGrid__results mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .sidebarFilteredGrid__results mark[data-color=gray] {
            color: var(--neu-07)
        }

        .sidebarFilteredGrid__results mark[data-color=default] {
            color: var(--neu-10)
        }

    .sidebarFilteredGrid__results span.m-01--dark-01, .sidebarFilteredGrid__results span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .sidebarFilteredGrid__results span.neu-07, .sidebarFilteredGrid__results span[data-color=gray] {
        color: var(--neu-07)
    }

    .sidebarFilteredGrid__results span.neu-10, .sidebarFilteredGrid__results span[data-color=default] {
        color: var(--neu-10)
    }

    .sidebarFilteredGrid__results b, .sidebarFilteredGrid__results strong {
        font-weight: 700
    }

    .sidebarFilteredGrid__results em {
        font-style: italic
    }

.sidebarFilteredGrid__results--number {
    color: var(--m-01--dark-01);
    font-weight: 700
}

@media (max-width:1024px) {
    .sidebarFilteredGrid__results {
        margin-bottom: 16px
    }
}

@media (max-width:768px) {
    .sidebarFilteredGrid__results {
        grid-column: 1/3
    }
}

@media (max-width:512px) {
    .sidebarFilteredGrid__results {
        grid-column: 1/2
    }
}

.sidebarFilteredGrid__grid {
    grid-column: 1/13;
    margin-top: 40px;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-gap: 32px;
    grid-column: 4/13;
    position: relative;
    padding-top: 56px;
    height: -moz-fit-content;
    height: fit-content
}

@media (max-width:1024px) {
    .sidebarFilteredGrid__grid {
        grid-column: 1/7
    }
}

.sidebarFilteredGrid__grid:first-child {
    margin-top: 0
}

@media (max-width:1280px) {
    .sidebarFilteredGrid__grid {
        grid-gap: 24px
    }
}

@media (max-width:1024px) {
    .sidebarFilteredGrid__grid {
        grid-gap: 16px;
        margin-top: 16px
    }
}

@media (max-width:768px) {
    .sidebarFilteredGrid__grid {
        grid-template-columns: repeat(2,1fr)
    }
}

@media (max-width:512px) {
    .sidebarFilteredGrid__grid {
        grid-template-columns: 1fr
    }
}

.sidebarFilteredGrid * > .btnContainer {
    grid-column: 4/13;
    margin-top: 48px
}

@media (max-width:1024px) {
    .sidebarFilteredGrid * > .btnContainer {
        grid-column: 1/13
    }
}

@media (max-width:1024px) and (max-width:1024px) {
    .sidebarFilteredGrid * > .btnContainer {
        grid-column: 1/7
    }
}

@media (max-width:768px) {
    .sidebarFilteredGrid * > .btnContainer {
        margin-top: 32px
    }
}

.sidebarFilteredGrid .sidebarFilter {
    grid-column: 1/4;
    margin-top: 40px;
    width: 100%;
    position: sticky;
    top: 96px
}

@media (max-width:1024px) {
    .sidebarFilteredGrid .sidebarFilter {
        position: fixed;
        top: 0;
        margin-top: 0;
        height: 100%;
        width: 100%
    }
}

@media (max-width:1280px) {
    .sidebarFilteredGrid .caseCard, .sidebarFilteredGrid .caseCard--small {
        min-height: 324px;
        max-width: 960px
    }

        .sidebarFilteredGrid .caseCard--small .caseCard__content, .sidebarFilteredGrid .caseCard .caseCard__content {
            padding: 24px 16px 16px
        }

        .sidebarFilteredGrid .caseCard--small .caseCard__title, .sidebarFilteredGrid .caseCard .caseCard__title {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Calma Global Medium,sans-serif;
            font-size: 1.625rem;
            line-height: 1.231em;
            letter-spacing: 0
        }

            .sidebarFilteredGrid .caseCard--small .caseCard__title .link a, .sidebarFilteredGrid .caseCard .caseCard__title .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .sidebarFilteredGrid .caseCard--small .caseCard__title .link a:hover, .sidebarFilteredGrid .caseCard .caseCard__title .link a:hover {
                    color: var(--m-01)
                }

            .sidebarFilteredGrid .caseCard--small .caseCard__title mark, .sidebarFilteredGrid .caseCard--small .caseCard__title mark[data-color=color], .sidebarFilteredGrid .caseCard .caseCard__title mark, .sidebarFilteredGrid .caseCard .caseCard__title mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .sidebarFilteredGrid .caseCard--small .caseCard__title mark[data-color=gray], .sidebarFilteredGrid .caseCard .caseCard__title mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .sidebarFilteredGrid .caseCard--small .caseCard__title mark[data-color=default], .sidebarFilteredGrid .caseCard .caseCard__title mark[data-color=default] {
                    color: var(--neu-10)
                }

            .sidebarFilteredGrid .caseCard--small .caseCard__title span.m-01--dark-01, .sidebarFilteredGrid .caseCard--small .caseCard__title span[data-color=color], .sidebarFilteredGrid .caseCard .caseCard__title span.m-01--dark-01, .sidebarFilteredGrid .caseCard .caseCard__title span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .sidebarFilteredGrid .caseCard--small .caseCard__title span.neu-07, .sidebarFilteredGrid .caseCard--small .caseCard__title span[data-color=gray], .sidebarFilteredGrid .caseCard .caseCard__title span.neu-07, .sidebarFilteredGrid .caseCard .caseCard__title span[data-color=gray] {
                color: var(--neu-07)
            }

            .sidebarFilteredGrid .caseCard--small .caseCard__title span.neu-10, .sidebarFilteredGrid .caseCard--small .caseCard__title span[data-color=default], .sidebarFilteredGrid .caseCard .caseCard__title span.neu-10, .sidebarFilteredGrid .caseCard .caseCard__title span[data-color=default] {
                color: var(--neu-10)
            }

            .sidebarFilteredGrid .caseCard--small .caseCard__title b, .sidebarFilteredGrid .caseCard--small .caseCard__title strong, .sidebarFilteredGrid .caseCard .caseCard__title b, .sidebarFilteredGrid .caseCard .caseCard__title strong {
                font-weight: 700
            }

            .sidebarFilteredGrid .caseCard--small .caseCard__title em, .sidebarFilteredGrid .caseCard .caseCard__title em {
                font-style: italic
            }

    .sidebarFilteredGrid .countyCard, .sidebarFilteredGrid .countyCard--small {
        max-width: 960px;
        height: 100%;
        min-height: 80px
    }

    .sidebarFilteredGrid .industryCard, .sidebarFilteredGrid .industryCard--small {
        max-width: 960px;
        max-width: 480px;
        min-height: 240px
    }

        .sidebarFilteredGrid .industryCard--small .industryCard__content, .sidebarFilteredGrid .industryCard .industryCard__content {
            padding: 24px 16px 16px
        }

        .sidebarFilteredGrid .industryCard--small .industryCard__title, .sidebarFilteredGrid .industryCard .industryCard__title {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Calma Global Medium,sans-serif;
            font-size: 1.625rem;
            line-height: 1.231em;
            letter-spacing: 0
        }

            .sidebarFilteredGrid .industryCard--small .industryCard__title .link a, .sidebarFilteredGrid .industryCard .industryCard__title .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .sidebarFilteredGrid .industryCard--small .industryCard__title .link a:hover, .sidebarFilteredGrid .industryCard .industryCard__title .link a:hover {
                    color: var(--m-01)
                }

            .sidebarFilteredGrid .industryCard--small .industryCard__title mark, .sidebarFilteredGrid .industryCard--small .industryCard__title mark[data-color=color], .sidebarFilteredGrid .industryCard .industryCard__title mark, .sidebarFilteredGrid .industryCard .industryCard__title mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .sidebarFilteredGrid .industryCard--small .industryCard__title mark[data-color=gray], .sidebarFilteredGrid .industryCard .industryCard__title mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .sidebarFilteredGrid .industryCard--small .industryCard__title mark[data-color=default], .sidebarFilteredGrid .industryCard .industryCard__title mark[data-color=default] {
                    color: var(--neu-10)
                }

            .sidebarFilteredGrid .industryCard--small .industryCard__title span.m-01--dark-01, .sidebarFilteredGrid .industryCard--small .industryCard__title span[data-color=color], .sidebarFilteredGrid .industryCard .industryCard__title span.m-01--dark-01, .sidebarFilteredGrid .industryCard .industryCard__title span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .sidebarFilteredGrid .industryCard--small .industryCard__title span.neu-07, .sidebarFilteredGrid .industryCard--small .industryCard__title span[data-color=gray], .sidebarFilteredGrid .industryCard .industryCard__title span.neu-07, .sidebarFilteredGrid .industryCard .industryCard__title span[data-color=gray] {
                color: var(--neu-07)
            }

            .sidebarFilteredGrid .industryCard--small .industryCard__title span.neu-10, .sidebarFilteredGrid .industryCard--small .industryCard__title span[data-color=default], .sidebarFilteredGrid .industryCard .industryCard__title span.neu-10, .sidebarFilteredGrid .industryCard .industryCard__title span[data-color=default] {
                color: var(--neu-10)
            }

            .sidebarFilteredGrid .industryCard--small .industryCard__title b, .sidebarFilteredGrid .industryCard--small .industryCard__title strong, .sidebarFilteredGrid .industryCard .industryCard__title b, .sidebarFilteredGrid .industryCard .industryCard__title strong {
                font-weight: 700
            }

            .sidebarFilteredGrid .industryCard--small .industryCard__title em, .sidebarFilteredGrid .industryCard .industryCard__title em {
                font-style: italic
            }

    .sidebarFilteredGrid .itemCard, .sidebarFilteredGrid .itemCard--small {
        max-width: 960px;
        padding: 24px 16px 32px 4px;
        height: 100%
    }

        .sidebarFilteredGrid .itemCard--small .itemCard__text, .sidebarFilteredGrid .itemCard .itemCard__text {
            max-width: 310px
        }

    .sidebarFilteredGrid .readingImageCard, .sidebarFilteredGrid .readingImageCard--small {
        max-width: 960px;
        background: transparent;
        box-shadow: none;
        border-bottom: 1px solid var(--neu-03);
        min-height: auto;
        flex-direction: row;
        padding: 8px 0 16px;
        border-radius: 0
    }

        .sidebarFilteredGrid .readingImageCard--small .readingImageCard__image, .sidebarFilteredGrid .readingImageCard .readingImageCard__image {
            height: auto;
            max-width: 110px;
            flex: 1;
            border-radius: 0
        }

        .sidebarFilteredGrid .readingImageCard--small .readingImageCard__content, .sidebarFilteredGrid .readingImageCard .readingImageCard__content {
            padding: 0 0 0 16px;
            flex: 2;
            justify-content: flex-start
        }

        .sidebarFilteredGrid .readingImageCard--small .readingImageCard__text, .sidebarFilteredGrid .readingImageCard .readingImageCard__text {
            padding: 0;
            padding-right: 24px
        }

        .sidebarFilteredGrid .readingImageCard--small .readingImageCard__title, .sidebarFilteredGrid .readingImageCard .readingImageCard__title {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Inter,sans-serif;
            font-size: 1rem;
            line-height: 1.5em;
            letter-spacing: -.011em;
            font-weight: 700;
            margin-top: 4px
        }

            .sidebarFilteredGrid .readingImageCard--small .readingImageCard__title .link a, .sidebarFilteredGrid .readingImageCard .readingImageCard__title .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .sidebarFilteredGrid .readingImageCard--small .readingImageCard__title .link a:hover, .sidebarFilteredGrid .readingImageCard .readingImageCard__title .link a:hover {
                    color: var(--m-01)
                }

            .sidebarFilteredGrid .readingImageCard--small .readingImageCard__title mark, .sidebarFilteredGrid .readingImageCard--small .readingImageCard__title mark[data-color=color], .sidebarFilteredGrid .readingImageCard .readingImageCard__title mark, .sidebarFilteredGrid .readingImageCard .readingImageCard__title mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .sidebarFilteredGrid .readingImageCard--small .readingImageCard__title mark[data-color=gray], .sidebarFilteredGrid .readingImageCard .readingImageCard__title mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .sidebarFilteredGrid .readingImageCard--small .readingImageCard__title mark[data-color=default], .sidebarFilteredGrid .readingImageCard .readingImageCard__title mark[data-color=default] {
                    color: var(--neu-10)
                }

            .sidebarFilteredGrid .readingImageCard--small .readingImageCard__title span.m-01--dark-01, .sidebarFilteredGrid .readingImageCard--small .readingImageCard__title span[data-color=color], .sidebarFilteredGrid .readingImageCard .readingImageCard__title span.m-01--dark-01, .sidebarFilteredGrid .readingImageCard .readingImageCard__title span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .sidebarFilteredGrid .readingImageCard--small .readingImageCard__title span.neu-07, .sidebarFilteredGrid .readingImageCard--small .readingImageCard__title span[data-color=gray], .sidebarFilteredGrid .readingImageCard .readingImageCard__title span.neu-07, .sidebarFilteredGrid .readingImageCard .readingImageCard__title span[data-color=gray] {
                color: var(--neu-07)
            }

            .sidebarFilteredGrid .readingImageCard--small .readingImageCard__title span.neu-10, .sidebarFilteredGrid .readingImageCard--small .readingImageCard__title span[data-color=default], .sidebarFilteredGrid .readingImageCard .readingImageCard__title span.neu-10, .sidebarFilteredGrid .readingImageCard .readingImageCard__title span[data-color=default] {
                color: var(--neu-10)
            }

            .sidebarFilteredGrid .readingImageCard--small .readingImageCard__title b, .sidebarFilteredGrid .readingImageCard--small .readingImageCard__title strong, .sidebarFilteredGrid .readingImageCard .readingImageCard__title b, .sidebarFilteredGrid .readingImageCard .readingImageCard__title strong {
                font-weight: 700
            }

            .sidebarFilteredGrid .readingImageCard--small .readingImageCard__title em, .sidebarFilteredGrid .readingImageCard .readingImageCard__title em {
                font-style: italic
            }

        .sidebarFilteredGrid .readingImageCard--small .readingImageCard__infoItem i, .sidebarFilteredGrid .readingImageCard .readingImageCard__infoItem i {
            display: none
        }

        .sidebarFilteredGrid .readingImageCard--small .btnBookmark, .sidebarFilteredGrid .readingImageCard--small .btnBookmark--privateArea, .sidebarFilteredGrid .readingImageCard--small .btnBookmark--small, .sidebarFilteredGrid .readingImageCard .btnBookmark, .sidebarFilteredGrid .readingImageCard .btnBookmark--privateArea, .sidebarFilteredGrid .readingImageCard .btnBookmark--small {
            top: -8px;
            right: -16px;
            z-index: 2
        }

            .sidebarFilteredGrid .readingImageCard--small .btnBookmark--privateArea .btnBookmark, .sidebarFilteredGrid .readingImageCard--small .btnBookmark--privateArea .btnBookmark--small, .sidebarFilteredGrid .readingImageCard .btnBookmark--privateArea .btnBookmark, .sidebarFilteredGrid .readingImageCard .btnBookmark--privateArea .btnBookmark--small {
                top: 0;
                right: 0
            }

        .sidebarFilteredGrid .readingImageCard--small:hover, .sidebarFilteredGrid .readingImageCard:hover {
            box-shadow: none;
            transform: none
        }

    .sidebarFilteredGrid .readingTextCard, .sidebarFilteredGrid .readingTextCard--small {
        max-width: 960px;
        background: transparent;
        box-shadow: none;
        border-bottom: 1px solid var(--neu-03);
        min-height: auto;
        flex-direction: row;
        padding: 8px 0 16px;
        border-radius: 0
    }

        .sidebarFilteredGrid .readingTextCard--small .readingTextCard__content, .sidebarFilteredGrid .readingTextCard .readingTextCard__content {
            flex: 2
        }

        .sidebarFilteredGrid .readingTextCard--small .readingTextCard__text, .sidebarFilteredGrid .readingTextCard .readingTextCard__text {
            padding: 0
        }

        .sidebarFilteredGrid .readingTextCard--small .readingTextCard__title, .sidebarFilteredGrid .readingTextCard .readingTextCard__title {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Inter,sans-serif;
            font-size: 1rem;
            line-height: 1.5em;
            letter-spacing: -.011em;
            font-weight: 700;
            margin-top: 4px
        }

            .sidebarFilteredGrid .readingTextCard--small .readingTextCard__title .link a, .sidebarFilteredGrid .readingTextCard .readingTextCard__title .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .sidebarFilteredGrid .readingTextCard--small .readingTextCard__title .link a:hover, .sidebarFilteredGrid .readingTextCard .readingTextCard__title .link a:hover {
                    color: var(--m-01)
                }

            .sidebarFilteredGrid .readingTextCard--small .readingTextCard__title mark, .sidebarFilteredGrid .readingTextCard--small .readingTextCard__title mark[data-color=color], .sidebarFilteredGrid .readingTextCard .readingTextCard__title mark, .sidebarFilteredGrid .readingTextCard .readingTextCard__title mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .sidebarFilteredGrid .readingTextCard--small .readingTextCard__title mark[data-color=gray], .sidebarFilteredGrid .readingTextCard .readingTextCard__title mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .sidebarFilteredGrid .readingTextCard--small .readingTextCard__title mark[data-color=default], .sidebarFilteredGrid .readingTextCard .readingTextCard__title mark[data-color=default] {
                    color: var(--neu-10)
                }

            .sidebarFilteredGrid .readingTextCard--small .readingTextCard__title span.m-01--dark-01, .sidebarFilteredGrid .readingTextCard--small .readingTextCard__title span[data-color=color], .sidebarFilteredGrid .readingTextCard .readingTextCard__title span.m-01--dark-01, .sidebarFilteredGrid .readingTextCard .readingTextCard__title span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .sidebarFilteredGrid .readingTextCard--small .readingTextCard__title span.neu-07, .sidebarFilteredGrid .readingTextCard--small .readingTextCard__title span[data-color=gray], .sidebarFilteredGrid .readingTextCard .readingTextCard__title span.neu-07, .sidebarFilteredGrid .readingTextCard .readingTextCard__title span[data-color=gray] {
                color: var(--neu-07)
            }

            .sidebarFilteredGrid .readingTextCard--small .readingTextCard__title span.neu-10, .sidebarFilteredGrid .readingTextCard--small .readingTextCard__title span[data-color=default], .sidebarFilteredGrid .readingTextCard .readingTextCard__title span.neu-10, .sidebarFilteredGrid .readingTextCard .readingTextCard__title span[data-color=default] {
                color: var(--neu-10)
            }

            .sidebarFilteredGrid .readingTextCard--small .readingTextCard__title b, .sidebarFilteredGrid .readingTextCard--small .readingTextCard__title strong, .sidebarFilteredGrid .readingTextCard .readingTextCard__title b, .sidebarFilteredGrid .readingTextCard .readingTextCard__title strong {
                font-weight: 700
            }

            .sidebarFilteredGrid .readingTextCard--small .readingTextCard__title em, .sidebarFilteredGrid .readingTextCard .readingTextCard__title em {
                font-style: italic
            }

        .sidebarFilteredGrid .readingTextCard--small .readingTextCard__description, .sidebarFilteredGrid .readingTextCard--small .readingTextCard__infoItem i, .sidebarFilteredGrid .readingTextCard .readingTextCard__description, .sidebarFilteredGrid .readingTextCard .readingTextCard__infoItem i {
            display: none
        }

        .sidebarFilteredGrid .readingTextCard--small:hover, .sidebarFilteredGrid .readingTextCard:hover {
            box-shadow: none;
            transform: none
        }

    .sidebarFilteredGrid .regionCard, .sidebarFilteredGrid .regionCard--small {
        max-width: 960px;
        min-height: 270px
    }

        .sidebarFilteredGrid .regionCard--small .regionCard__content, .sidebarFilteredGrid .regionCard .regionCard__content {
            padding: 24px 16px 16px
        }

        .sidebarFilteredGrid .regionCard--small .regionCard__title, .sidebarFilteredGrid .regionCard .regionCard__title {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Calma Global Medium,sans-serif;
            font-size: 2rem;
            line-height: 1.25em;
            letter-spacing: -.016em
        }

            .sidebarFilteredGrid .regionCard--small .regionCard__title .link a, .sidebarFilteredGrid .regionCard .regionCard__title .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .sidebarFilteredGrid .regionCard--small .regionCard__title .link a:hover, .sidebarFilteredGrid .regionCard .regionCard__title .link a:hover {
                    color: var(--m-01)
                }

            .sidebarFilteredGrid .regionCard--small .regionCard__title mark, .sidebarFilteredGrid .regionCard--small .regionCard__title mark[data-color=color], .sidebarFilteredGrid .regionCard .regionCard__title mark, .sidebarFilteredGrid .regionCard .regionCard__title mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .sidebarFilteredGrid .regionCard--small .regionCard__title mark[data-color=gray], .sidebarFilteredGrid .regionCard .regionCard__title mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .sidebarFilteredGrid .regionCard--small .regionCard__title mark[data-color=default], .sidebarFilteredGrid .regionCard .regionCard__title mark[data-color=default] {
                    color: var(--neu-10)
                }

            .sidebarFilteredGrid .regionCard--small .regionCard__title span.m-01--dark-01, .sidebarFilteredGrid .regionCard--small .regionCard__title span[data-color=color], .sidebarFilteredGrid .regionCard .regionCard__title span.m-01--dark-01, .sidebarFilteredGrid .regionCard .regionCard__title span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .sidebarFilteredGrid .regionCard--small .regionCard__title span.neu-07, .sidebarFilteredGrid .regionCard--small .regionCard__title span[data-color=gray], .sidebarFilteredGrid .regionCard .regionCard__title span.neu-07, .sidebarFilteredGrid .regionCard .regionCard__title span[data-color=gray] {
                color: var(--neu-07)
            }

            .sidebarFilteredGrid .regionCard--small .regionCard__title span.neu-10, .sidebarFilteredGrid .regionCard--small .regionCard__title span[data-color=default], .sidebarFilteredGrid .regionCard .regionCard__title span.neu-10, .sidebarFilteredGrid .regionCard .regionCard__title span[data-color=default] {
                color: var(--neu-10)
            }

            .sidebarFilteredGrid .regionCard--small .regionCard__title b, .sidebarFilteredGrid .regionCard--small .regionCard__title strong, .sidebarFilteredGrid .regionCard .regionCard__title b, .sidebarFilteredGrid .regionCard .regionCard__title strong {
                font-weight: 700
            }

            .sidebarFilteredGrid .regionCard--small .regionCard__title em, .sidebarFilteredGrid .regionCard .regionCard__title em {
                font-style: italic
            }
}

@media (max-width:1280px) and (max-width:1024px) {
    .sidebarFilteredGrid .regionCard--small .regionCard__title, .sidebarFilteredGrid .regionCard .regionCard__title {
        font-size: 1.625rem;
        line-height: 1.231em;
        letter-spacing: 0
    }
}

@media (max-width:1280px) {
    .sidebarFilteredGrid .resourceCard, .sidebarFilteredGrid .resourceCard--small {
        max-width: 960px;
        min-height: 200px;
        height: 100%;
        padding: 24px 16px
    }

        .sidebarFilteredGrid .resourceCard--small .resourceCard__title, .sidebarFilteredGrid .resourceCard .resourceCard__title {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Inter,sans-serif;
            font-size: 1.188rem;
            line-height: 1.263em;
            letter-spacing: -.016em;
            font-weight: 400;
            margin-top: 4px
        }

            .sidebarFilteredGrid .resourceCard--small .resourceCard__title .link a, .sidebarFilteredGrid .resourceCard .resourceCard__title .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .sidebarFilteredGrid .resourceCard--small .resourceCard__title .link a:hover, .sidebarFilteredGrid .resourceCard .resourceCard__title .link a:hover {
                    color: var(--m-01)
                }

            .sidebarFilteredGrid .resourceCard--small .resourceCard__title mark, .sidebarFilteredGrid .resourceCard--small .resourceCard__title mark[data-color=color], .sidebarFilteredGrid .resourceCard .resourceCard__title mark, .sidebarFilteredGrid .resourceCard .resourceCard__title mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .sidebarFilteredGrid .resourceCard--small .resourceCard__title mark[data-color=gray], .sidebarFilteredGrid .resourceCard .resourceCard__title mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .sidebarFilteredGrid .resourceCard--small .resourceCard__title mark[data-color=default], .sidebarFilteredGrid .resourceCard .resourceCard__title mark[data-color=default] {
                    color: var(--neu-10)
                }

            .sidebarFilteredGrid .resourceCard--small .resourceCard__title span.m-01--dark-01, .sidebarFilteredGrid .resourceCard--small .resourceCard__title span[data-color=color], .sidebarFilteredGrid .resourceCard .resourceCard__title span.m-01--dark-01, .sidebarFilteredGrid .resourceCard .resourceCard__title span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .sidebarFilteredGrid .resourceCard--small .resourceCard__title span.neu-07, .sidebarFilteredGrid .resourceCard--small .resourceCard__title span[data-color=gray], .sidebarFilteredGrid .resourceCard .resourceCard__title span.neu-07, .sidebarFilteredGrid .resourceCard .resourceCard__title span[data-color=gray] {
                color: var(--neu-07)
            }

            .sidebarFilteredGrid .resourceCard--small .resourceCard__title span.neu-10, .sidebarFilteredGrid .resourceCard--small .resourceCard__title span[data-color=default], .sidebarFilteredGrid .resourceCard .resourceCard__title span.neu-10, .sidebarFilteredGrid .resourceCard .resourceCard__title span[data-color=default] {
                color: var(--neu-10)
            }

            .sidebarFilteredGrid .resourceCard--small .resourceCard__title b, .sidebarFilteredGrid .resourceCard--small .resourceCard__title strong, .sidebarFilteredGrid .resourceCard .resourceCard__title b, .sidebarFilteredGrid .resourceCard .resourceCard__title strong {
                font-weight: 700
            }

            .sidebarFilteredGrid .resourceCard--small .resourceCard__title em, .sidebarFilteredGrid .resourceCard .resourceCard__title em {
                font-style: italic
            }

        .sidebarFilteredGrid .resourceCard--small .btn, .sidebarFilteredGrid .resourceCard--small .btn--icon, .sidebarFilteredGrid .resourceCard--small .btn--primary, .sidebarFilteredGrid .resourceCard--small .btn--primary--dark, .sidebarFilteredGrid .resourceCard--small .btn--secondary, .sidebarFilteredGrid .resourceCard--small .btn--small, .sidebarFilteredGrid .resourceCard--small .btn--tertiary, .sidebarFilteredGrid .resourceCard .btn, .sidebarFilteredGrid .resourceCard .btn--icon, .sidebarFilteredGrid .resourceCard .btn--primary, .sidebarFilteredGrid .resourceCard .btn--primary--dark, .sidebarFilteredGrid .resourceCard .btn--secondary, .sidebarFilteredGrid .resourceCard .btn--small, .sidebarFilteredGrid .resourceCard .btn--tertiary {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Inter,sans-serif;
            font-size: .813rem;
            line-height: 1.538em;
            letter-spacing: -.003em;
            font-weight: 400;
            font-weight: 700;
            padding: 0 20px;
            height: 40px
        }

            .sidebarFilteredGrid .resourceCard--small .btn--icon .link a, .sidebarFilteredGrid .resourceCard--small .btn--primary--dark .link a, .sidebarFilteredGrid .resourceCard--small .btn--primary .link a, .sidebarFilteredGrid .resourceCard--small .btn--secondary .link a, .sidebarFilteredGrid .resourceCard--small .btn--small .link a, .sidebarFilteredGrid .resourceCard--small .btn--tertiary .link a, .sidebarFilteredGrid .resourceCard--small .btn .link a, .sidebarFilteredGrid .resourceCard .btn--icon .link a, .sidebarFilteredGrid .resourceCard .btn--primary--dark .link a, .sidebarFilteredGrid .resourceCard .btn--primary .link a, .sidebarFilteredGrid .resourceCard .btn--secondary .link a, .sidebarFilteredGrid .resourceCard .btn--small .link a, .sidebarFilteredGrid .resourceCard .btn--tertiary .link a, .sidebarFilteredGrid .resourceCard .btn .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .sidebarFilteredGrid .resourceCard--small .btn--icon .link a:hover, .sidebarFilteredGrid .resourceCard--small .btn--primary--dark .link a:hover, .sidebarFilteredGrid .resourceCard--small .btn--primary .link a:hover, .sidebarFilteredGrid .resourceCard--small .btn--secondary .link a:hover, .sidebarFilteredGrid .resourceCard--small .btn--small .link a:hover, .sidebarFilteredGrid .resourceCard--small .btn--tertiary .link a:hover, .sidebarFilteredGrid .resourceCard--small .btn .link a:hover, .sidebarFilteredGrid .resourceCard .btn--icon .link a:hover, .sidebarFilteredGrid .resourceCard .btn--primary--dark .link a:hover, .sidebarFilteredGrid .resourceCard .btn--primary .link a:hover, .sidebarFilteredGrid .resourceCard .btn--secondary .link a:hover, .sidebarFilteredGrid .resourceCard .btn--small .link a:hover, .sidebarFilteredGrid .resourceCard .btn--tertiary .link a:hover, .sidebarFilteredGrid .resourceCard .btn .link a:hover {
                    color: var(--m-01)
                }

            .sidebarFilteredGrid .resourceCard--small .btn--icon mark, .sidebarFilteredGrid .resourceCard--small .btn--icon mark[data-color=color], .sidebarFilteredGrid .resourceCard--small .btn--primary--dark mark, .sidebarFilteredGrid .resourceCard--small .btn--primary--dark mark[data-color=color], .sidebarFilteredGrid .resourceCard--small .btn--primary mark, .sidebarFilteredGrid .resourceCard--small .btn--primary mark[data-color=color], .sidebarFilteredGrid .resourceCard--small .btn--secondary mark, .sidebarFilteredGrid .resourceCard--small .btn--secondary mark[data-color=color], .sidebarFilteredGrid .resourceCard--small .btn--small mark, .sidebarFilteredGrid .resourceCard--small .btn--small mark[data-color=color], .sidebarFilteredGrid .resourceCard--small .btn--tertiary mark, .sidebarFilteredGrid .resourceCard--small .btn--tertiary mark[data-color=color], .sidebarFilteredGrid .resourceCard--small .btn mark, .sidebarFilteredGrid .resourceCard--small .btn mark[data-color=color], .sidebarFilteredGrid .resourceCard .btn--icon mark, .sidebarFilteredGrid .resourceCard .btn--icon mark[data-color=color], .sidebarFilteredGrid .resourceCard .btn--primary--dark mark, .sidebarFilteredGrid .resourceCard .btn--primary--dark mark[data-color=color], .sidebarFilteredGrid .resourceCard .btn--primary mark, .sidebarFilteredGrid .resourceCard .btn--primary mark[data-color=color], .sidebarFilteredGrid .resourceCard .btn--secondary mark, .sidebarFilteredGrid .resourceCard .btn--secondary mark[data-color=color], .sidebarFilteredGrid .resourceCard .btn--small mark, .sidebarFilteredGrid .resourceCard .btn--small mark[data-color=color], .sidebarFilteredGrid .resourceCard .btn--tertiary mark, .sidebarFilteredGrid .resourceCard .btn--tertiary mark[data-color=color], .sidebarFilteredGrid .resourceCard .btn mark, .sidebarFilteredGrid .resourceCard .btn mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .sidebarFilteredGrid .resourceCard--small .btn--icon mark[data-color=gray], .sidebarFilteredGrid .resourceCard--small .btn--primary--dark mark[data-color=gray], .sidebarFilteredGrid .resourceCard--small .btn--primary mark[data-color=gray], .sidebarFilteredGrid .resourceCard--small .btn--secondary mark[data-color=gray], .sidebarFilteredGrid .resourceCard--small .btn--small mark[data-color=gray], .sidebarFilteredGrid .resourceCard--small .btn--tertiary mark[data-color=gray], .sidebarFilteredGrid .resourceCard--small .btn mark[data-color=gray], .sidebarFilteredGrid .resourceCard .btn--icon mark[data-color=gray], .sidebarFilteredGrid .resourceCard .btn--primary--dark mark[data-color=gray], .sidebarFilteredGrid .resourceCard .btn--primary mark[data-color=gray], .sidebarFilteredGrid .resourceCard .btn--secondary mark[data-color=gray], .sidebarFilteredGrid .resourceCard .btn--small mark[data-color=gray], .sidebarFilteredGrid .resourceCard .btn--tertiary mark[data-color=gray], .sidebarFilteredGrid .resourceCard .btn mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .sidebarFilteredGrid .resourceCard--small .btn--icon mark[data-color=default], .sidebarFilteredGrid .resourceCard--small .btn--primary--dark mark[data-color=default], .sidebarFilteredGrid .resourceCard--small .btn--primary mark[data-color=default], .sidebarFilteredGrid .resourceCard--small .btn--secondary mark[data-color=default], .sidebarFilteredGrid .resourceCard--small .btn--small mark[data-color=default], .sidebarFilteredGrid .resourceCard--small .btn--tertiary mark[data-color=default], .sidebarFilteredGrid .resourceCard--small .btn mark[data-color=default], .sidebarFilteredGrid .resourceCard .btn--icon mark[data-color=default], .sidebarFilteredGrid .resourceCard .btn--primary--dark mark[data-color=default], .sidebarFilteredGrid .resourceCard .btn--primary mark[data-color=default], .sidebarFilteredGrid .resourceCard .btn--secondary mark[data-color=default], .sidebarFilteredGrid .resourceCard .btn--small mark[data-color=default], .sidebarFilteredGrid .resourceCard .btn--tertiary mark[data-color=default], .sidebarFilteredGrid .resourceCard .btn mark[data-color=default] {
                    color: var(--neu-10)
                }

            .sidebarFilteredGrid .resourceCard--small .btn--icon span.m-01--dark-01, .sidebarFilteredGrid .resourceCard--small .btn--icon span[data-color=color], .sidebarFilteredGrid .resourceCard--small .btn--primary--dark span.m-01--dark-01, .sidebarFilteredGrid .resourceCard--small .btn--primary--dark span[data-color=color], .sidebarFilteredGrid .resourceCard--small .btn--primary span.m-01--dark-01, .sidebarFilteredGrid .resourceCard--small .btn--primary span[data-color=color], .sidebarFilteredGrid .resourceCard--small .btn--secondary span.m-01--dark-01, .sidebarFilteredGrid .resourceCard--small .btn--secondary span[data-color=color], .sidebarFilteredGrid .resourceCard--small .btn--small span.m-01--dark-01, .sidebarFilteredGrid .resourceCard--small .btn--small span[data-color=color], .sidebarFilteredGrid .resourceCard--small .btn--tertiary span.m-01--dark-01, .sidebarFilteredGrid .resourceCard--small .btn--tertiary span[data-color=color], .sidebarFilteredGrid .resourceCard--small .btn span.m-01--dark-01, .sidebarFilteredGrid .resourceCard--small .btn span[data-color=color], .sidebarFilteredGrid .resourceCard .btn--icon span.m-01--dark-01, .sidebarFilteredGrid .resourceCard .btn--icon span[data-color=color], .sidebarFilteredGrid .resourceCard .btn--primary--dark span.m-01--dark-01, .sidebarFilteredGrid .resourceCard .btn--primary--dark span[data-color=color], .sidebarFilteredGrid .resourceCard .btn--primary span.m-01--dark-01, .sidebarFilteredGrid .resourceCard .btn--primary span[data-color=color], .sidebarFilteredGrid .resourceCard .btn--secondary span.m-01--dark-01, .sidebarFilteredGrid .resourceCard .btn--secondary span[data-color=color], .sidebarFilteredGrid .resourceCard .btn--small span.m-01--dark-01, .sidebarFilteredGrid .resourceCard .btn--small span[data-color=color], .sidebarFilteredGrid .resourceCard .btn--tertiary span.m-01--dark-01, .sidebarFilteredGrid .resourceCard .btn--tertiary span[data-color=color], .sidebarFilteredGrid .resourceCard .btn span.m-01--dark-01, .sidebarFilteredGrid .resourceCard .btn span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .sidebarFilteredGrid .resourceCard--small .btn--icon span.neu-07, .sidebarFilteredGrid .resourceCard--small .btn--icon span[data-color=gray], .sidebarFilteredGrid .resourceCard--small .btn--primary--dark span.neu-07, .sidebarFilteredGrid .resourceCard--small .btn--primary--dark span[data-color=gray], .sidebarFilteredGrid .resourceCard--small .btn--primary span.neu-07, .sidebarFilteredGrid .resourceCard--small .btn--primary span[data-color=gray], .sidebarFilteredGrid .resourceCard--small .btn--secondary span.neu-07, .sidebarFilteredGrid .resourceCard--small .btn--secondary span[data-color=gray], .sidebarFilteredGrid .resourceCard--small .btn--small span.neu-07, .sidebarFilteredGrid .resourceCard--small .btn--small span[data-color=gray], .sidebarFilteredGrid .resourceCard--small .btn--tertiary span.neu-07, .sidebarFilteredGrid .resourceCard--small .btn--tertiary span[data-color=gray], .sidebarFilteredGrid .resourceCard--small .btn span.neu-07, .sidebarFilteredGrid .resourceCard--small .btn span[data-color=gray], .sidebarFilteredGrid .resourceCard .btn--icon span.neu-07, .sidebarFilteredGrid .resourceCard .btn--icon span[data-color=gray], .sidebarFilteredGrid .resourceCard .btn--primary--dark span.neu-07, .sidebarFilteredGrid .resourceCard .btn--primary--dark span[data-color=gray], .sidebarFilteredGrid .resourceCard .btn--primary span.neu-07, .sidebarFilteredGrid .resourceCard .btn--primary span[data-color=gray], .sidebarFilteredGrid .resourceCard .btn--secondary span.neu-07, .sidebarFilteredGrid .resourceCard .btn--secondary span[data-color=gray], .sidebarFilteredGrid .resourceCard .btn--small span.neu-07, .sidebarFilteredGrid .resourceCard .btn--small span[data-color=gray], .sidebarFilteredGrid .resourceCard .btn--tertiary span.neu-07, .sidebarFilteredGrid .resourceCard .btn--tertiary span[data-color=gray], .sidebarFilteredGrid .resourceCard .btn span.neu-07, .sidebarFilteredGrid .resourceCard .btn span[data-color=gray] {
                color: var(--neu-07)
            }

            .sidebarFilteredGrid .resourceCard--small .btn--icon span.neu-10, .sidebarFilteredGrid .resourceCard--small .btn--icon span[data-color=default], .sidebarFilteredGrid .resourceCard--small .btn--primary--dark span.neu-10, .sidebarFilteredGrid .resourceCard--small .btn--primary--dark span[data-color=default], .sidebarFilteredGrid .resourceCard--small .btn--primary span.neu-10, .sidebarFilteredGrid .resourceCard--small .btn--primary span[data-color=default], .sidebarFilteredGrid .resourceCard--small .btn--secondary span.neu-10, .sidebarFilteredGrid .resourceCard--small .btn--secondary span[data-color=default], .sidebarFilteredGrid .resourceCard--small .btn--small span.neu-10, .sidebarFilteredGrid .resourceCard--small .btn--small span[data-color=default], .sidebarFilteredGrid .resourceCard--small .btn--tertiary span.neu-10, .sidebarFilteredGrid .resourceCard--small .btn--tertiary span[data-color=default], .sidebarFilteredGrid .resourceCard--small .btn span.neu-10, .sidebarFilteredGrid .resourceCard--small .btn span[data-color=default], .sidebarFilteredGrid .resourceCard .btn--icon span.neu-10, .sidebarFilteredGrid .resourceCard .btn--icon span[data-color=default], .sidebarFilteredGrid .resourceCard .btn--primary--dark span.neu-10, .sidebarFilteredGrid .resourceCard .btn--primary--dark span[data-color=default], .sidebarFilteredGrid .resourceCard .btn--primary span.neu-10, .sidebarFilteredGrid .resourceCard .btn--primary span[data-color=default], .sidebarFilteredGrid .resourceCard .btn--secondary span.neu-10, .sidebarFilteredGrid .resourceCard .btn--secondary span[data-color=default], .sidebarFilteredGrid .resourceCard .btn--small span.neu-10, .sidebarFilteredGrid .resourceCard .btn--small span[data-color=default], .sidebarFilteredGrid .resourceCard .btn--tertiary span.neu-10, .sidebarFilteredGrid .resourceCard .btn--tertiary span[data-color=default], .sidebarFilteredGrid .resourceCard .btn span.neu-10, .sidebarFilteredGrid .resourceCard .btn span[data-color=default] {
                color: var(--neu-10)
            }

            .sidebarFilteredGrid .resourceCard--small .btn--icon b, .sidebarFilteredGrid .resourceCard--small .btn--icon strong, .sidebarFilteredGrid .resourceCard--small .btn--primary--dark b, .sidebarFilteredGrid .resourceCard--small .btn--primary--dark strong, .sidebarFilteredGrid .resourceCard--small .btn--primary b, .sidebarFilteredGrid .resourceCard--small .btn--primary strong, .sidebarFilteredGrid .resourceCard--small .btn--secondary b, .sidebarFilteredGrid .resourceCard--small .btn--secondary strong, .sidebarFilteredGrid .resourceCard--small .btn--small b, .sidebarFilteredGrid .resourceCard--small .btn--small strong, .sidebarFilteredGrid .resourceCard--small .btn--tertiary b, .sidebarFilteredGrid .resourceCard--small .btn--tertiary strong, .sidebarFilteredGrid .resourceCard--small .btn b, .sidebarFilteredGrid .resourceCard--small .btn strong, .sidebarFilteredGrid .resourceCard .btn--icon b, .sidebarFilteredGrid .resourceCard .btn--icon strong, .sidebarFilteredGrid .resourceCard .btn--primary--dark b, .sidebarFilteredGrid .resourceCard .btn--primary--dark strong, .sidebarFilteredGrid .resourceCard .btn--primary b, .sidebarFilteredGrid .resourceCard .btn--primary strong, .sidebarFilteredGrid .resourceCard .btn--secondary b, .sidebarFilteredGrid .resourceCard .btn--secondary strong, .sidebarFilteredGrid .resourceCard .btn--small b, .sidebarFilteredGrid .resourceCard .btn--small strong, .sidebarFilteredGrid .resourceCard .btn--tertiary b, .sidebarFilteredGrid .resourceCard .btn--tertiary strong, .sidebarFilteredGrid .resourceCard .btn b, .sidebarFilteredGrid .resourceCard .btn strong {
                font-weight: 700
            }

            .sidebarFilteredGrid .resourceCard--small .btn--icon em, .sidebarFilteredGrid .resourceCard--small .btn--primary--dark em, .sidebarFilteredGrid .resourceCard--small .btn--primary em, .sidebarFilteredGrid .resourceCard--small .btn--secondary em, .sidebarFilteredGrid .resourceCard--small .btn--small em, .sidebarFilteredGrid .resourceCard--small .btn--tertiary em, .sidebarFilteredGrid .resourceCard--small .btn em, .sidebarFilteredGrid .resourceCard .btn--icon em, .sidebarFilteredGrid .resourceCard .btn--primary--dark em, .sidebarFilteredGrid .resourceCard .btn--primary em, .sidebarFilteredGrid .resourceCard .btn--secondary em, .sidebarFilteredGrid .resourceCard .btn--small em, .sidebarFilteredGrid .resourceCard .btn--tertiary em, .sidebarFilteredGrid .resourceCard .btn em {
                font-style: italic
            }

            .sidebarFilteredGrid .resourceCard--small .btn--icon i, .sidebarFilteredGrid .resourceCard--small .btn--primary--dark i, .sidebarFilteredGrid .resourceCard--small .btn--primary i, .sidebarFilteredGrid .resourceCard--small .btn--secondary i, .sidebarFilteredGrid .resourceCard--small .btn--small i, .sidebarFilteredGrid .resourceCard--small .btn--tertiary i, .sidebarFilteredGrid .resourceCard--small .btn i, .sidebarFilteredGrid .resourceCard .btn--icon i, .sidebarFilteredGrid .resourceCard .btn--primary--dark i, .sidebarFilteredGrid .resourceCard .btn--primary i, .sidebarFilteredGrid .resourceCard .btn--secondary i, .sidebarFilteredGrid .resourceCard .btn--small i, .sidebarFilteredGrid .resourceCard .btn--tertiary i, .sidebarFilteredGrid .resourceCard .btn i {
                min-width: 16px;
                width: 16px;
                height: 16px;
                font-size: 16px
            }

                .sidebarFilteredGrid .resourceCard--small .btn--icon i:before, .sidebarFilteredGrid .resourceCard--small .btn--primary--dark i:before, .sidebarFilteredGrid .resourceCard--small .btn--primary i:before, .sidebarFilteredGrid .resourceCard--small .btn--secondary i:before, .sidebarFilteredGrid .resourceCard--small .btn--small i:before, .sidebarFilteredGrid .resourceCard--small .btn--tertiary i:before, .sidebarFilteredGrid .resourceCard--small .btn i:before, .sidebarFilteredGrid .resourceCard .btn--icon i:before, .sidebarFilteredGrid .resourceCard .btn--primary--dark i:before, .sidebarFilteredGrid .resourceCard .btn--primary i:before, .sidebarFilteredGrid .resourceCard .btn--secondary i:before, .sidebarFilteredGrid .resourceCard .btn--small i:before, .sidebarFilteredGrid .resourceCard .btn--tertiary i:before, .sidebarFilteredGrid .resourceCard .btn i:before {
                    font-size: 16px;
                    font-weight: 400
                }

            .sidebarFilteredGrid .resourceCard--small .btn--icon, .sidebarFilteredGrid .resourceCard--small .btn--icon.btn--primary, .sidebarFilteredGrid .resourceCard--small .btn--icon.btn--primary--dark, .sidebarFilteredGrid .resourceCard--small .btn--icon.btn--secondary, .sidebarFilteredGrid .resourceCard--small .btn--icon.btn--small, .sidebarFilteredGrid .resourceCard--small .btn--icon.btn--tertiary, .sidebarFilteredGrid .resourceCard--small .btn.btn--icon, .sidebarFilteredGrid .resourceCard .btn--icon, .sidebarFilteredGrid .resourceCard .btn--icon.btn--primary, .sidebarFilteredGrid .resourceCard .btn--icon.btn--primary--dark, .sidebarFilteredGrid .resourceCard .btn--icon.btn--secondary, .sidebarFilteredGrid .resourceCard .btn--icon.btn--small, .sidebarFilteredGrid .resourceCard .btn--icon.btn--tertiary, .sidebarFilteredGrid .resourceCard .btn.btn--icon {
                width: 40px;
                min-width: 40px
            }

                .sidebarFilteredGrid .resourceCard--small .btn--icon:hover, .sidebarFilteredGrid .resourceCard--small .btn--primary--dark:hover, .sidebarFilteredGrid .resourceCard--small .btn--primary:hover, .sidebarFilteredGrid .resourceCard--small .btn--secondary:hover, .sidebarFilteredGrid .resourceCard--small .btn--small:hover, .sidebarFilteredGrid .resourceCard--small .btn--tertiary:hover, .sidebarFilteredGrid .resourceCard--small .btn:hover, .sidebarFilteredGrid .resourceCard .btn--icon:hover, .sidebarFilteredGrid .resourceCard .btn--primary--dark:hover, .sidebarFilteredGrid .resourceCard .btn--primary:hover, .sidebarFilteredGrid .resourceCard .btn--secondary:hover, .sidebarFilteredGrid .resourceCard .btn--small:hover, .sidebarFilteredGrid .resourceCard .btn--tertiary:hover, .sidebarFilteredGrid .resourceCard .btn:hover {
                    color: var(--m-01--dark-01)
                }

    .sidebarFilteredGrid .resultsCard, .sidebarFilteredGrid .resultsCard--small {
        max-width: 960px;
        min-height: auto;
        padding: 0 0 16px;
        border-radius: 0;
        flex-direction: column
    }

        .sidebarFilteredGrid .resultsCard--small .resultsCard__image, .sidebarFilteredGrid .resultsCard .resultsCard__image {
            height: 126px;
            width: 100%;
            margin-right: 0;
            margin-bottom: 16px
        }

        .sidebarFilteredGrid .resultsCard--small .resultsCard__content, .sidebarFilteredGrid .resultsCard .resultsCard__content {
            flex: 2;
            justify-content: flex-start
        }

        .sidebarFilteredGrid .resultsCard--small .resultsCard__topInfo, .sidebarFilteredGrid .resultsCard .resultsCard__topInfo {
            flex-direction: column
        }

        .sidebarFilteredGrid .resultsCard--small .resultsCard__sideInfo, .sidebarFilteredGrid .resultsCard .resultsCard__sideInfo {
            order: 1;
            transform: none;
            justify-content: space-between;
            margin-bottom: 16px
        }

        .sidebarFilteredGrid .resultsCard--small .resultsCard__labels, .sidebarFilteredGrid .resultsCard .resultsCard__labels {
            order: 2
        }

        .sidebarFilteredGrid .resultsCard--small .resultsCard__text, .sidebarFilteredGrid .resultsCard .resultsCard__text {
            padding: 0
        }

        .sidebarFilteredGrid .resultsCard--small .resultsCard__description, .sidebarFilteredGrid .resultsCard .resultsCard__description {
            margin-top: 4px
        }

        .sidebarFilteredGrid .resultsCard--small .resultsCard__bottomInfo, .sidebarFilteredGrid .resultsCard .resultsCard__bottomInfo {
            margin-top: 8px
        }
}

@media (max-width:1280px) and (max-width:512px) {
    .sidebarFilteredGrid .resultsCard--small .resultsCard__bottomInfo, .sidebarFilteredGrid .resultsCard .resultsCard__bottomInfo {
        flex-direction: column;
        align-items: flex-start
    }
}

@media (max-width:1280px) and (max-width:512px) {
    .sidebarFilteredGrid .resultsCard--small .resultsCard__btnContainer, .sidebarFilteredGrid .resultsCard .resultsCard__btnContainer {
        margin-top: 8px;
        width: 100%;
        display: flex;
        justify-content: flex-end
    }
}

@media (max-width:1280px) {
    .sidebarFilteredGrid .resultsCard--small .btnBookmark, .sidebarFilteredGrid .resultsCard--small .btnBookmark--small, .sidebarFilteredGrid .resultsCard .btnBookmark, .sidebarFilteredGrid .resultsCard .btnBookmark--small {
        transform: translateX(16px);
        width: 48px
    }

    .sidebarFilteredGrid .thumbResultsCard, .sidebarFilteredGrid .thumbResultsCard--small {
        max-width: 636px;
        flex-direction: row
    }

        .sidebarFilteredGrid .thumbResultsCard--small .thumbResultsCard__image, .sidebarFilteredGrid .thumbResultsCard .thumbResultsCard__image {
            height: auto;
            width: 89px;
            min-width: 89px;
            border-top-left-radius: 2px;
            border-top-right-radius: 0;
            border-bottom-left-radius: 2px
        }

        .sidebarFilteredGrid .thumbResultsCard--small .thumbResultsCard__content, .sidebarFilteredGrid .thumbResultsCard .thumbResultsCard__content {
            justify-content: flex-start
        }

        .sidebarFilteredGrid .thumbResultsCard--small .thumbResultsCard__sideInfo, .sidebarFilteredGrid .thumbResultsCard .thumbResultsCard__sideInfo {
            transform: none;
            justify-content: space-between
        }

        .sidebarFilteredGrid .thumbResultsCard--small .thumbResultsCard__text, .sidebarFilteredGrid .thumbResultsCard .thumbResultsCard__text {
            padding: 0
        }

        .sidebarFilteredGrid .thumbResultsCard--small .thumbResultsCard__description, .sidebarFilteredGrid .thumbResultsCard .thumbResultsCard__description {
            margin-top: 4px
        }
}

@media (max-width:1280px) and (max-width:512px) {
    .sidebarFilteredGrid .thumbResultsCard--small .thumbResultsCard__btnContainer, .sidebarFilteredGrid .thumbResultsCard .thumbResultsCard__btnContainer {
        margin-top: 8px
    }
}

@media (max-width:1280px) {
    .sidebarFilteredGrid .supplierCard, .sidebarFilteredGrid .supplierCard--small {
        max-width: 960px;
        min-height: 214px
    }

        .sidebarFilteredGrid .supplierCard--small .supplierCard__container, .sidebarFilteredGrid .supplierCard .supplierCard__container {
            padding: 24px 16px
        }

            .sidebarFilteredGrid .supplierCard--small .supplierCard__container.opened, .sidebarFilteredGrid .supplierCard .supplierCard__container.opened {
                max-width: 90vw;
                padding: 24px 40px 24px 24px
            }
}

@media (max-width:1280px) and (max-width:768px) {
    .sidebarFilteredGrid .supplierCard--small .supplierCard__container.opened, .sidebarFilteredGrid .supplierCard .supplierCard__container.opened {
        padding: 24px
    }
}

@media (max-width:1280px) {
    .sidebarFilteredGrid .supplierCard--small .supplierCard__container.opened .supplierCard__content, .sidebarFilteredGrid .supplierCard .supplierCard__container.opened .supplierCard__content {
        max-width: calc(100% - 120px - 16px)
    }
}

@media (max-width:1280px) and (max-width:768px) {
    .sidebarFilteredGrid .supplierCard--small .supplierCard__container.opened .supplierCard__content, .sidebarFilteredGrid .supplierCard .supplierCard__container.opened .supplierCard__content {
        max-width: 100%
    }
}

@media (max-width:1280px) {
    .sidebarFilteredGrid .supplierCard--small .supplierCard__container.opened .supplierCard__image, .sidebarFilteredGrid .supplierCard .supplierCard__container.opened .supplierCard__image {
        width: 120px;
        height: 120px
    }

    .sidebarFilteredGrid .supplierCard--small .supplierCard__image, .sidebarFilteredGrid .supplierCard .supplierCard__image {
        max-width: 110px;
        width: calc(15% - 16px);
        margin-right: 16px
    }
}

@media (max-width:1280px) and (max-width:768px) {
    .sidebarFilteredGrid .supplierCard--small .supplierCard__image, .sidebarFilteredGrid .supplierCard .supplierCard__image {
        width: calc(25% - 16px)
    }
}

@media (max-width:1280px) and (max-width:512px) {
    .sidebarFilteredGrid .supplierCard--small .supplierCard__image, .sidebarFilteredGrid .supplierCard .supplierCard__image {
        width: calc(40% - 16px)
    }
}

@media (max-width:1280px) {
    .sidebarFilteredGrid .supplierCard--small .supplierCard__content, .sidebarFilteredGrid .supplierCard .supplierCard__content {
        max-width: 85%
    }
}

@media (max-width:1280px) and (max-width:768px) {
    .sidebarFilteredGrid .supplierCard--small .supplierCard__content, .sidebarFilteredGrid .supplierCard .supplierCard__content {
        max-width: 75%
    }
}

@media (max-width:1280px) and (max-width:512px) {
    .sidebarFilteredGrid .supplierCard--small .supplierCard__content, .sidebarFilteredGrid .supplierCard .supplierCard__content {
        max-width: 60%
    }
}

@media (max-width:1280px) and (max-width:768px) {
    .sidebarFilteredGrid .supplierCard--small .supplierCard__title, .sidebarFilteredGrid .supplierCard .supplierCard__title {
        margin: 16px 0 8px
    }
}

@media (max-width:1280px) {
    .sidebarFilteredGrid .supplierCard--small .supplierCard__link, .sidebarFilteredGrid .supplierCard .supplierCard__link {
        right: -40px
    }
}

@media (max-width:1280px) and (max-width:768px) {
    .sidebarFilteredGrid .supplierCard--small .supplierCard__link, .sidebarFilteredGrid .supplierCard .supplierCard__link {
        right: -24px
    }
}

@media (max-width:1280px) {
    .sidebarFilteredGrid .supplierCard--small .supplierCard__shortDescription, .sidebarFilteredGrid .supplierCard .supplierCard__shortDescription {
        max-width: none
    }

    .sidebarFilteredGrid .supplierCard--small .openExpandedCard, .sidebarFilteredGrid .supplierCard--small .openExpandedCard button, .sidebarFilteredGrid .supplierCard .openExpandedCard, .sidebarFilteredGrid .supplierCard .openExpandedCard button {
        width: 100%
    }

    .sidebarFilteredGrid .supplierCard--small .closeExpandedCard, .sidebarFilteredGrid .supplierCard .closeExpandedCard {
        top: 16px;
        right: 8px
    }

    .sidebarFilteredGrid .supplierCard--small .btn, .sidebarFilteredGrid .supplierCard--small .btn--icon, .sidebarFilteredGrid .supplierCard--small .btn--primary, .sidebarFilteredGrid .supplierCard--small .btn--primary--dark, .sidebarFilteredGrid .supplierCard--small .btn--secondary, .sidebarFilteredGrid .supplierCard--small .btn--small, .sidebarFilteredGrid .supplierCard--small .btn--tertiary, .sidebarFilteredGrid .supplierCard .btn, .sidebarFilteredGrid .supplierCard .btn--icon, .sidebarFilteredGrid .supplierCard .btn--primary, .sidebarFilteredGrid .supplierCard .btn--primary--dark, .sidebarFilteredGrid .supplierCard .btn--secondary, .sidebarFilteredGrid .supplierCard .btn--small, .sidebarFilteredGrid .supplierCard .btn--tertiary {
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-stretch: normal;
        letter-spacing: normal;
        font-family: Inter,sans-serif;
        font-size: .813rem;
        line-height: 1.538em;
        letter-spacing: -.003em;
        font-weight: 400;
        font-weight: 700;
        padding: 0 20px;
        height: 40px
    }

        .sidebarFilteredGrid .supplierCard--small .btn--icon .link a, .sidebarFilteredGrid .supplierCard--small .btn--primary--dark .link a, .sidebarFilteredGrid .supplierCard--small .btn--primary .link a, .sidebarFilteredGrid .supplierCard--small .btn--secondary .link a, .sidebarFilteredGrid .supplierCard--small .btn--small .link a, .sidebarFilteredGrid .supplierCard--small .btn--tertiary .link a, .sidebarFilteredGrid .supplierCard--small .btn .link a, .sidebarFilteredGrid .supplierCard .btn--icon .link a, .sidebarFilteredGrid .supplierCard .btn--primary--dark .link a, .sidebarFilteredGrid .supplierCard .btn--primary .link a, .sidebarFilteredGrid .supplierCard .btn--secondary .link a, .sidebarFilteredGrid .supplierCard .btn--small .link a, .sidebarFilteredGrid .supplierCard .btn--tertiary .link a, .sidebarFilteredGrid .supplierCard .btn .link a {
            transition: all .1s ease;
            text-decoration: underline;
            color: var(--m-01--dark-01)
        }

            .sidebarFilteredGrid .supplierCard--small .btn--icon .link a:hover, .sidebarFilteredGrid .supplierCard--small .btn--primary--dark .link a:hover, .sidebarFilteredGrid .supplierCard--small .btn--primary .link a:hover, .sidebarFilteredGrid .supplierCard--small .btn--secondary .link a:hover, .sidebarFilteredGrid .supplierCard--small .btn--small .link a:hover, .sidebarFilteredGrid .supplierCard--small .btn--tertiary .link a:hover, .sidebarFilteredGrid .supplierCard--small .btn .link a:hover, .sidebarFilteredGrid .supplierCard .btn--icon .link a:hover, .sidebarFilteredGrid .supplierCard .btn--primary--dark .link a:hover, .sidebarFilteredGrid .supplierCard .btn--primary .link a:hover, .sidebarFilteredGrid .supplierCard .btn--secondary .link a:hover, .sidebarFilteredGrid .supplierCard .btn--small .link a:hover, .sidebarFilteredGrid .supplierCard .btn--tertiary .link a:hover, .sidebarFilteredGrid .supplierCard .btn .link a:hover {
                color: var(--m-01)
            }

        .sidebarFilteredGrid .supplierCard--small .btn--icon mark, .sidebarFilteredGrid .supplierCard--small .btn--icon mark[data-color=color], .sidebarFilteredGrid .supplierCard--small .btn--primary--dark mark, .sidebarFilteredGrid .supplierCard--small .btn--primary--dark mark[data-color=color], .sidebarFilteredGrid .supplierCard--small .btn--primary mark, .sidebarFilteredGrid .supplierCard--small .btn--primary mark[data-color=color], .sidebarFilteredGrid .supplierCard--small .btn--secondary mark, .sidebarFilteredGrid .supplierCard--small .btn--secondary mark[data-color=color], .sidebarFilteredGrid .supplierCard--small .btn--small mark, .sidebarFilteredGrid .supplierCard--small .btn--small mark[data-color=color], .sidebarFilteredGrid .supplierCard--small .btn--tertiary mark, .sidebarFilteredGrid .supplierCard--small .btn--tertiary mark[data-color=color], .sidebarFilteredGrid .supplierCard--small .btn mark, .sidebarFilteredGrid .supplierCard--small .btn mark[data-color=color], .sidebarFilteredGrid .supplierCard .btn--icon mark, .sidebarFilteredGrid .supplierCard .btn--icon mark[data-color=color], .sidebarFilteredGrid .supplierCard .btn--primary--dark mark, .sidebarFilteredGrid .supplierCard .btn--primary--dark mark[data-color=color], .sidebarFilteredGrid .supplierCard .btn--primary mark, .sidebarFilteredGrid .supplierCard .btn--primary mark[data-color=color], .sidebarFilteredGrid .supplierCard .btn--secondary mark, .sidebarFilteredGrid .supplierCard .btn--secondary mark[data-color=color], .sidebarFilteredGrid .supplierCard .btn--small mark, .sidebarFilteredGrid .supplierCard .btn--small mark[data-color=color], .sidebarFilteredGrid .supplierCard .btn--tertiary mark, .sidebarFilteredGrid .supplierCard .btn--tertiary mark[data-color=color], .sidebarFilteredGrid .supplierCard .btn mark, .sidebarFilteredGrid .supplierCard .btn mark[data-color=color] {
            color: var(--m-01--dark-01)
        }

            .sidebarFilteredGrid .supplierCard--small .btn--icon mark[data-color=gray], .sidebarFilteredGrid .supplierCard--small .btn--primary--dark mark[data-color=gray], .sidebarFilteredGrid .supplierCard--small .btn--primary mark[data-color=gray], .sidebarFilteredGrid .supplierCard--small .btn--secondary mark[data-color=gray], .sidebarFilteredGrid .supplierCard--small .btn--small mark[data-color=gray], .sidebarFilteredGrid .supplierCard--small .btn--tertiary mark[data-color=gray], .sidebarFilteredGrid .supplierCard--small .btn mark[data-color=gray], .sidebarFilteredGrid .supplierCard .btn--icon mark[data-color=gray], .sidebarFilteredGrid .supplierCard .btn--primary--dark mark[data-color=gray], .sidebarFilteredGrid .supplierCard .btn--primary mark[data-color=gray], .sidebarFilteredGrid .supplierCard .btn--secondary mark[data-color=gray], .sidebarFilteredGrid .supplierCard .btn--small mark[data-color=gray], .sidebarFilteredGrid .supplierCard .btn--tertiary mark[data-color=gray], .sidebarFilteredGrid .supplierCard .btn mark[data-color=gray] {
                color: var(--neu-07)
            }

            .sidebarFilteredGrid .supplierCard--small .btn--icon mark[data-color=default], .sidebarFilteredGrid .supplierCard--small .btn--primary--dark mark[data-color=default], .sidebarFilteredGrid .supplierCard--small .btn--primary mark[data-color=default], .sidebarFilteredGrid .supplierCard--small .btn--secondary mark[data-color=default], .sidebarFilteredGrid .supplierCard--small .btn--small mark[data-color=default], .sidebarFilteredGrid .supplierCard--small .btn--tertiary mark[data-color=default], .sidebarFilteredGrid .supplierCard--small .btn mark[data-color=default], .sidebarFilteredGrid .supplierCard .btn--icon mark[data-color=default], .sidebarFilteredGrid .supplierCard .btn--primary--dark mark[data-color=default], .sidebarFilteredGrid .supplierCard .btn--primary mark[data-color=default], .sidebarFilteredGrid .supplierCard .btn--secondary mark[data-color=default], .sidebarFilteredGrid .supplierCard .btn--small mark[data-color=default], .sidebarFilteredGrid .supplierCard .btn--tertiary mark[data-color=default], .sidebarFilteredGrid .supplierCard .btn mark[data-color=default] {
                color: var(--neu-10)
            }

        .sidebarFilteredGrid .supplierCard--small .btn--icon span.m-01--dark-01, .sidebarFilteredGrid .supplierCard--small .btn--icon span[data-color=color], .sidebarFilteredGrid .supplierCard--small .btn--primary--dark span.m-01--dark-01, .sidebarFilteredGrid .supplierCard--small .btn--primary--dark span[data-color=color], .sidebarFilteredGrid .supplierCard--small .btn--primary span.m-01--dark-01, .sidebarFilteredGrid .supplierCard--small .btn--primary span[data-color=color], .sidebarFilteredGrid .supplierCard--small .btn--secondary span.m-01--dark-01, .sidebarFilteredGrid .supplierCard--small .btn--secondary span[data-color=color], .sidebarFilteredGrid .supplierCard--small .btn--small span.m-01--dark-01, .sidebarFilteredGrid .supplierCard--small .btn--small span[data-color=color], .sidebarFilteredGrid .supplierCard--small .btn--tertiary span.m-01--dark-01, .sidebarFilteredGrid .supplierCard--small .btn--tertiary span[data-color=color], .sidebarFilteredGrid .supplierCard--small .btn span.m-01--dark-01, .sidebarFilteredGrid .supplierCard--small .btn span[data-color=color], .sidebarFilteredGrid .supplierCard .btn--icon span.m-01--dark-01, .sidebarFilteredGrid .supplierCard .btn--icon span[data-color=color], .sidebarFilteredGrid .supplierCard .btn--primary--dark span.m-01--dark-01, .sidebarFilteredGrid .supplierCard .btn--primary--dark span[data-color=color], .sidebarFilteredGrid .supplierCard .btn--primary span.m-01--dark-01, .sidebarFilteredGrid .supplierCard .btn--primary span[data-color=color], .sidebarFilteredGrid .supplierCard .btn--secondary span.m-01--dark-01, .sidebarFilteredGrid .supplierCard .btn--secondary span[data-color=color], .sidebarFilteredGrid .supplierCard .btn--small span.m-01--dark-01, .sidebarFilteredGrid .supplierCard .btn--small span[data-color=color], .sidebarFilteredGrid .supplierCard .btn--tertiary span.m-01--dark-01, .sidebarFilteredGrid .supplierCard .btn--tertiary span[data-color=color], .sidebarFilteredGrid .supplierCard .btn span.m-01--dark-01, .sidebarFilteredGrid .supplierCard .btn span[data-color=color] {
            color: var(--m-01--dark-01)
        }

        .sidebarFilteredGrid .supplierCard--small .btn--icon span.neu-07, .sidebarFilteredGrid .supplierCard--small .btn--icon span[data-color=gray], .sidebarFilteredGrid .supplierCard--small .btn--primary--dark span.neu-07, .sidebarFilteredGrid .supplierCard--small .btn--primary--dark span[data-color=gray], .sidebarFilteredGrid .supplierCard--small .btn--primary span.neu-07, .sidebarFilteredGrid .supplierCard--small .btn--primary span[data-color=gray], .sidebarFilteredGrid .supplierCard--small .btn--secondary span.neu-07, .sidebarFilteredGrid .supplierCard--small .btn--secondary span[data-color=gray], .sidebarFilteredGrid .supplierCard--small .btn--small span.neu-07, .sidebarFilteredGrid .supplierCard--small .btn--small span[data-color=gray], .sidebarFilteredGrid .supplierCard--small .btn--tertiary span.neu-07, .sidebarFilteredGrid .supplierCard--small .btn--tertiary span[data-color=gray], .sidebarFilteredGrid .supplierCard--small .btn span.neu-07, .sidebarFilteredGrid .supplierCard--small .btn span[data-color=gray], .sidebarFilteredGrid .supplierCard .btn--icon span.neu-07, .sidebarFilteredGrid .supplierCard .btn--icon span[data-color=gray], .sidebarFilteredGrid .supplierCard .btn--primary--dark span.neu-07, .sidebarFilteredGrid .supplierCard .btn--primary--dark span[data-color=gray], .sidebarFilteredGrid .supplierCard .btn--primary span.neu-07, .sidebarFilteredGrid .supplierCard .btn--primary span[data-color=gray], .sidebarFilteredGrid .supplierCard .btn--secondary span.neu-07, .sidebarFilteredGrid .supplierCard .btn--secondary span[data-color=gray], .sidebarFilteredGrid .supplierCard .btn--small span.neu-07, .sidebarFilteredGrid .supplierCard .btn--small span[data-color=gray], .sidebarFilteredGrid .supplierCard .btn--tertiary span.neu-07, .sidebarFilteredGrid .supplierCard .btn--tertiary span[data-color=gray], .sidebarFilteredGrid .supplierCard .btn span.neu-07, .sidebarFilteredGrid .supplierCard .btn span[data-color=gray] {
            color: var(--neu-07)
        }

        .sidebarFilteredGrid .supplierCard--small .btn--icon span.neu-10, .sidebarFilteredGrid .supplierCard--small .btn--icon span[data-color=default], .sidebarFilteredGrid .supplierCard--small .btn--primary--dark span.neu-10, .sidebarFilteredGrid .supplierCard--small .btn--primary--dark span[data-color=default], .sidebarFilteredGrid .supplierCard--small .btn--primary span.neu-10, .sidebarFilteredGrid .supplierCard--small .btn--primary span[data-color=default], .sidebarFilteredGrid .supplierCard--small .btn--secondary span.neu-10, .sidebarFilteredGrid .supplierCard--small .btn--secondary span[data-color=default], .sidebarFilteredGrid .supplierCard--small .btn--small span.neu-10, .sidebarFilteredGrid .supplierCard--small .btn--small span[data-color=default], .sidebarFilteredGrid .supplierCard--small .btn--tertiary span.neu-10, .sidebarFilteredGrid .supplierCard--small .btn--tertiary span[data-color=default], .sidebarFilteredGrid .supplierCard--small .btn span.neu-10, .sidebarFilteredGrid .supplierCard--small .btn span[data-color=default], .sidebarFilteredGrid .supplierCard .btn--icon span.neu-10, .sidebarFilteredGrid .supplierCard .btn--icon span[data-color=default], .sidebarFilteredGrid .supplierCard .btn--primary--dark span.neu-10, .sidebarFilteredGrid .supplierCard .btn--primary--dark span[data-color=default], .sidebarFilteredGrid .supplierCard .btn--primary span.neu-10, .sidebarFilteredGrid .supplierCard .btn--primary span[data-color=default], .sidebarFilteredGrid .supplierCard .btn--secondary span.neu-10, .sidebarFilteredGrid .supplierCard .btn--secondary span[data-color=default], .sidebarFilteredGrid .supplierCard .btn--small span.neu-10, .sidebarFilteredGrid .supplierCard .btn--small span[data-color=default], .sidebarFilteredGrid .supplierCard .btn--tertiary span.neu-10, .sidebarFilteredGrid .supplierCard .btn--tertiary span[data-color=default], .sidebarFilteredGrid .supplierCard .btn span.neu-10, .sidebarFilteredGrid .supplierCard .btn span[data-color=default] {
            color: var(--neu-10)
        }

        .sidebarFilteredGrid .supplierCard--small .btn--icon b, .sidebarFilteredGrid .supplierCard--small .btn--icon strong, .sidebarFilteredGrid .supplierCard--small .btn--primary--dark b, .sidebarFilteredGrid .supplierCard--small .btn--primary--dark strong, .sidebarFilteredGrid .supplierCard--small .btn--primary b, .sidebarFilteredGrid .supplierCard--small .btn--primary strong, .sidebarFilteredGrid .supplierCard--small .btn--secondary b, .sidebarFilteredGrid .supplierCard--small .btn--secondary strong, .sidebarFilteredGrid .supplierCard--small .btn--small b, .sidebarFilteredGrid .supplierCard--small .btn--small strong, .sidebarFilteredGrid .supplierCard--small .btn--tertiary b, .sidebarFilteredGrid .supplierCard--small .btn--tertiary strong, .sidebarFilteredGrid .supplierCard--small .btn b, .sidebarFilteredGrid .supplierCard--small .btn strong, .sidebarFilteredGrid .supplierCard .btn--icon b, .sidebarFilteredGrid .supplierCard .btn--icon strong, .sidebarFilteredGrid .supplierCard .btn--primary--dark b, .sidebarFilteredGrid .supplierCard .btn--primary--dark strong, .sidebarFilteredGrid .supplierCard .btn--primary b, .sidebarFilteredGrid .supplierCard .btn--primary strong, .sidebarFilteredGrid .supplierCard .btn--secondary b, .sidebarFilteredGrid .supplierCard .btn--secondary strong, .sidebarFilteredGrid .supplierCard .btn--small b, .sidebarFilteredGrid .supplierCard .btn--small strong, .sidebarFilteredGrid .supplierCard .btn--tertiary b, .sidebarFilteredGrid .supplierCard .btn--tertiary strong, .sidebarFilteredGrid .supplierCard .btn b, .sidebarFilteredGrid .supplierCard .btn strong {
            font-weight: 700
        }

        .sidebarFilteredGrid .supplierCard--small .btn--icon em, .sidebarFilteredGrid .supplierCard--small .btn--primary--dark em, .sidebarFilteredGrid .supplierCard--small .btn--primary em, .sidebarFilteredGrid .supplierCard--small .btn--secondary em, .sidebarFilteredGrid .supplierCard--small .btn--small em, .sidebarFilteredGrid .supplierCard--small .btn--tertiary em, .sidebarFilteredGrid .supplierCard--small .btn em, .sidebarFilteredGrid .supplierCard .btn--icon em, .sidebarFilteredGrid .supplierCard .btn--primary--dark em, .sidebarFilteredGrid .supplierCard .btn--primary em, .sidebarFilteredGrid .supplierCard .btn--secondary em, .sidebarFilteredGrid .supplierCard .btn--small em, .sidebarFilteredGrid .supplierCard .btn--tertiary em, .sidebarFilteredGrid .supplierCard .btn em {
            font-style: italic
        }

        .sidebarFilteredGrid .supplierCard--small .btn--icon i, .sidebarFilteredGrid .supplierCard--small .btn--primary--dark i, .sidebarFilteredGrid .supplierCard--small .btn--primary i, .sidebarFilteredGrid .supplierCard--small .btn--secondary i, .sidebarFilteredGrid .supplierCard--small .btn--small i, .sidebarFilteredGrid .supplierCard--small .btn--tertiary i, .sidebarFilteredGrid .supplierCard--small .btn i, .sidebarFilteredGrid .supplierCard .btn--icon i, .sidebarFilteredGrid .supplierCard .btn--primary--dark i, .sidebarFilteredGrid .supplierCard .btn--primary i, .sidebarFilteredGrid .supplierCard .btn--secondary i, .sidebarFilteredGrid .supplierCard .btn--small i, .sidebarFilteredGrid .supplierCard .btn--tertiary i, .sidebarFilteredGrid .supplierCard .btn i {
            min-width: 16px;
            width: 16px;
            height: 16px;
            font-size: 16px
        }

            .sidebarFilteredGrid .supplierCard--small .btn--icon i:before, .sidebarFilteredGrid .supplierCard--small .btn--primary--dark i:before, .sidebarFilteredGrid .supplierCard--small .btn--primary i:before, .sidebarFilteredGrid .supplierCard--small .btn--secondary i:before, .sidebarFilteredGrid .supplierCard--small .btn--small i:before, .sidebarFilteredGrid .supplierCard--small .btn--tertiary i:before, .sidebarFilteredGrid .supplierCard--small .btn i:before, .sidebarFilteredGrid .supplierCard .btn--icon i:before, .sidebarFilteredGrid .supplierCard .btn--primary--dark i:before, .sidebarFilteredGrid .supplierCard .btn--primary i:before, .sidebarFilteredGrid .supplierCard .btn--secondary i:before, .sidebarFilteredGrid .supplierCard .btn--small i:before, .sidebarFilteredGrid .supplierCard .btn--tertiary i:before, .sidebarFilteredGrid .supplierCard .btn i:before {
                font-size: 16px;
                font-weight: 400
            }

        .sidebarFilteredGrid .supplierCard--small .btn--icon, .sidebarFilteredGrid .supplierCard--small .btn--icon.btn--primary, .sidebarFilteredGrid .supplierCard--small .btn--icon.btn--primary--dark, .sidebarFilteredGrid .supplierCard--small .btn--icon.btn--secondary, .sidebarFilteredGrid .supplierCard--small .btn--icon.btn--small, .sidebarFilteredGrid .supplierCard--small .btn--icon.btn--tertiary, .sidebarFilteredGrid .supplierCard--small .btn.btn--icon, .sidebarFilteredGrid .supplierCard .btn--icon, .sidebarFilteredGrid .supplierCard .btn--icon.btn--primary, .sidebarFilteredGrid .supplierCard .btn--icon.btn--primary--dark, .sidebarFilteredGrid .supplierCard .btn--icon.btn--secondary, .sidebarFilteredGrid .supplierCard .btn--icon.btn--small, .sidebarFilteredGrid .supplierCard .btn--icon.btn--tertiary, .sidebarFilteredGrid .supplierCard .btn.btn--icon {
            width: 40px;
            min-width: 40px
        }

    .sidebarFilteredGrid .regionResultsCard, .sidebarFilteredGrid .regionResultsCard--small {
        max-width: 960px;
        min-height: auto;
        padding: 0 0 24px;
        border-radius: 0;
        flex-direction: column
    }

        .sidebarFilteredGrid .regionResultsCard--small .regionResultsCard__image, .sidebarFilteredGrid .regionResultsCard .regionResultsCard__image {
            height: 100px;
            width: 100%;
            margin-right: 0;
            margin-bottom: 16px
        }

        .sidebarFilteredGrid .regionResultsCard--small .regionResultsCard__title, .sidebarFilteredGrid .regionResultsCard .regionResultsCard__title {
            margin-top: 4px
        }

        .sidebarFilteredGrid .regionResultsCard--small .regionResultsCard__content, .sidebarFilteredGrid .regionResultsCard .regionResultsCard__content {
            flex: 2;
            justify-content: flex-start
        }

        .sidebarFilteredGrid .regionResultsCard--small .regionResultsCard__topInfo, .sidebarFilteredGrid .regionResultsCard .regionResultsCard__topInfo {
            flex-direction: column
        }

        .sidebarFilteredGrid .regionResultsCard--small .regionResultsCard__sideInfo, .sidebarFilteredGrid .regionResultsCard .regionResultsCard__sideInfo {
            order: 1;
            transform: none;
            justify-content: space-between;
            margin-bottom: 16px
        }

        .sidebarFilteredGrid .regionResultsCard--small .regionResultsCard__labels, .sidebarFilteredGrid .regionResultsCard .regionResultsCard__labels {
            order: 2
        }

        .sidebarFilteredGrid .regionResultsCard--small .regionResultsCard__text, .sidebarFilteredGrid .regionResultsCard .regionResultsCard__text {
            padding: 0
        }

        .sidebarFilteredGrid .regionResultsCard--small .regionResultsCard__bottomInfo, .sidebarFilteredGrid .regionResultsCard .regionResultsCard__bottomInfo {
            margin-top: 8px;
            flex-direction: column;
            align-items: flex-start
        }

        .sidebarFilteredGrid .regionResultsCard--small .regionResultsCard__btnContainer, .sidebarFilteredGrid .regionResultsCard .regionResultsCard__btnContainer {
            width: 100%;
            display: flex
        }

            .sidebarFilteredGrid .regionResultsCard--small .regionResultsCard__btnContainer .btn--primary, .sidebarFilteredGrid .regionResultsCard .regionResultsCard__btnContainer .btn--primary {
                width: 100%
            }

        .sidebarFilteredGrid .regionResultsCard--small .btnBookmark, .sidebarFilteredGrid .regionResultsCard--small .btnBookmark--privateArea, .sidebarFilteredGrid .regionResultsCard--small .btnBookmark--small, .sidebarFilteredGrid .regionResultsCard .btnBookmark, .sidebarFilteredGrid .regionResultsCard .btnBookmark--privateArea, .sidebarFilteredGrid .regionResultsCard .btnBookmark--small {
            transform: translateX(20px)
        }

            .sidebarFilteredGrid .regionResultsCard--small .btnBookmark--privateArea .btnBookmark, .sidebarFilteredGrid .regionResultsCard--small .btnBookmark--privateArea .btnBookmark--small, .sidebarFilteredGrid .regionResultsCard .btnBookmark--privateArea .btnBookmark, .sidebarFilteredGrid .regionResultsCard .btnBookmark--privateArea .btnBookmark--small {
                transform: translateX(0)
            }

    .sidebarFilteredGrid .resourceCard, .sidebarFilteredGrid .resourceCard--small {
        max-width: 960px;
        min-height: 200px;
        height: 100%;
        padding: 24px 16px
    }

        .sidebarFilteredGrid .resourceCard--small .resourceCard__title, .sidebarFilteredGrid .resourceCard .resourceCard__title {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Inter,sans-serif;
            font-size: 1.188rem;
            line-height: 1.263em;
            letter-spacing: -.016em;
            font-weight: 400;
            margin-top: 4px
        }

            .sidebarFilteredGrid .resourceCard--small .resourceCard__title .link a, .sidebarFilteredGrid .resourceCard .resourceCard__title .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .sidebarFilteredGrid .resourceCard--small .resourceCard__title .link a:hover, .sidebarFilteredGrid .resourceCard .resourceCard__title .link a:hover {
                    color: var(--m-01)
                }

            .sidebarFilteredGrid .resourceCard--small .resourceCard__title mark, .sidebarFilteredGrid .resourceCard--small .resourceCard__title mark[data-color=color], .sidebarFilteredGrid .resourceCard .resourceCard__title mark, .sidebarFilteredGrid .resourceCard .resourceCard__title mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .sidebarFilteredGrid .resourceCard--small .resourceCard__title mark[data-color=gray], .sidebarFilteredGrid .resourceCard .resourceCard__title mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .sidebarFilteredGrid .resourceCard--small .resourceCard__title mark[data-color=default], .sidebarFilteredGrid .resourceCard .resourceCard__title mark[data-color=default] {
                    color: var(--neu-10)
                }

            .sidebarFilteredGrid .resourceCard--small .resourceCard__title span.m-01--dark-01, .sidebarFilteredGrid .resourceCard--small .resourceCard__title span[data-color=color], .sidebarFilteredGrid .resourceCard .resourceCard__title span.m-01--dark-01, .sidebarFilteredGrid .resourceCard .resourceCard__title span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .sidebarFilteredGrid .resourceCard--small .resourceCard__title span.neu-07, .sidebarFilteredGrid .resourceCard--small .resourceCard__title span[data-color=gray], .sidebarFilteredGrid .resourceCard .resourceCard__title span.neu-07, .sidebarFilteredGrid .resourceCard .resourceCard__title span[data-color=gray] {
                color: var(--neu-07)
            }

            .sidebarFilteredGrid .resourceCard--small .resourceCard__title span.neu-10, .sidebarFilteredGrid .resourceCard--small .resourceCard__title span[data-color=default], .sidebarFilteredGrid .resourceCard .resourceCard__title span.neu-10, .sidebarFilteredGrid .resourceCard .resourceCard__title span[data-color=default] {
                color: var(--neu-10)
            }

            .sidebarFilteredGrid .resourceCard--small .resourceCard__title b, .sidebarFilteredGrid .resourceCard--small .resourceCard__title strong, .sidebarFilteredGrid .resourceCard .resourceCard__title b, .sidebarFilteredGrid .resourceCard .resourceCard__title strong {
                font-weight: 700
            }

            .sidebarFilteredGrid .resourceCard--small .resourceCard__title em, .sidebarFilteredGrid .resourceCard .resourceCard__title em {
                font-style: italic
            }

        .sidebarFilteredGrid .resourceCard--small .btn, .sidebarFilteredGrid .resourceCard--small .btn--icon, .sidebarFilteredGrid .resourceCard--small .btn--primary, .sidebarFilteredGrid .resourceCard--small .btn--primary--dark, .sidebarFilteredGrid .resourceCard--small .btn--secondary, .sidebarFilteredGrid .resourceCard--small .btn--small, .sidebarFilteredGrid .resourceCard--small .btn--tertiary, .sidebarFilteredGrid .resourceCard .btn, .sidebarFilteredGrid .resourceCard .btn--icon, .sidebarFilteredGrid .resourceCard .btn--primary, .sidebarFilteredGrid .resourceCard .btn--primary--dark, .sidebarFilteredGrid .resourceCard .btn--secondary, .sidebarFilteredGrid .resourceCard .btn--small, .sidebarFilteredGrid .resourceCard .btn--tertiary {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Inter,sans-serif;
            font-size: .813rem;
            line-height: 1.538em;
            letter-spacing: -.003em;
            font-weight: 400;
            font-weight: 700;
            padding: 0 20px;
            height: 40px
        }

            .sidebarFilteredGrid .resourceCard--small .btn--icon .link a, .sidebarFilteredGrid .resourceCard--small .btn--primary--dark .link a, .sidebarFilteredGrid .resourceCard--small .btn--primary .link a, .sidebarFilteredGrid .resourceCard--small .btn--secondary .link a, .sidebarFilteredGrid .resourceCard--small .btn--small .link a, .sidebarFilteredGrid .resourceCard--small .btn--tertiary .link a, .sidebarFilteredGrid .resourceCard--small .btn .link a, .sidebarFilteredGrid .resourceCard .btn--icon .link a, .sidebarFilteredGrid .resourceCard .btn--primary--dark .link a, .sidebarFilteredGrid .resourceCard .btn--primary .link a, .sidebarFilteredGrid .resourceCard .btn--secondary .link a, .sidebarFilteredGrid .resourceCard .btn--small .link a, .sidebarFilteredGrid .resourceCard .btn--tertiary .link a, .sidebarFilteredGrid .resourceCard .btn .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .sidebarFilteredGrid .resourceCard--small .btn--icon .link a:hover, .sidebarFilteredGrid .resourceCard--small .btn--primary--dark .link a:hover, .sidebarFilteredGrid .resourceCard--small .btn--primary .link a:hover, .sidebarFilteredGrid .resourceCard--small .btn--secondary .link a:hover, .sidebarFilteredGrid .resourceCard--small .btn--small .link a:hover, .sidebarFilteredGrid .resourceCard--small .btn--tertiary .link a:hover, .sidebarFilteredGrid .resourceCard--small .btn .link a:hover, .sidebarFilteredGrid .resourceCard .btn--icon .link a:hover, .sidebarFilteredGrid .resourceCard .btn--primary--dark .link a:hover, .sidebarFilteredGrid .resourceCard .btn--primary .link a:hover, .sidebarFilteredGrid .resourceCard .btn--secondary .link a:hover, .sidebarFilteredGrid .resourceCard .btn--small .link a:hover, .sidebarFilteredGrid .resourceCard .btn--tertiary .link a:hover, .sidebarFilteredGrid .resourceCard .btn .link a:hover {
                    color: var(--m-01)
                }

            .sidebarFilteredGrid .resourceCard--small .btn--icon mark, .sidebarFilteredGrid .resourceCard--small .btn--icon mark[data-color=color], .sidebarFilteredGrid .resourceCard--small .btn--primary--dark mark, .sidebarFilteredGrid .resourceCard--small .btn--primary--dark mark[data-color=color], .sidebarFilteredGrid .resourceCard--small .btn--primary mark, .sidebarFilteredGrid .resourceCard--small .btn--primary mark[data-color=color], .sidebarFilteredGrid .resourceCard--small .btn--secondary mark, .sidebarFilteredGrid .resourceCard--small .btn--secondary mark[data-color=color], .sidebarFilteredGrid .resourceCard--small .btn--small mark, .sidebarFilteredGrid .resourceCard--small .btn--small mark[data-color=color], .sidebarFilteredGrid .resourceCard--small .btn--tertiary mark, .sidebarFilteredGrid .resourceCard--small .btn--tertiary mark[data-color=color], .sidebarFilteredGrid .resourceCard--small .btn mark, .sidebarFilteredGrid .resourceCard--small .btn mark[data-color=color], .sidebarFilteredGrid .resourceCard .btn--icon mark, .sidebarFilteredGrid .resourceCard .btn--icon mark[data-color=color], .sidebarFilteredGrid .resourceCard .btn--primary--dark mark, .sidebarFilteredGrid .resourceCard .btn--primary--dark mark[data-color=color], .sidebarFilteredGrid .resourceCard .btn--primary mark, .sidebarFilteredGrid .resourceCard .btn--primary mark[data-color=color], .sidebarFilteredGrid .resourceCard .btn--secondary mark, .sidebarFilteredGrid .resourceCard .btn--secondary mark[data-color=color], .sidebarFilteredGrid .resourceCard .btn--small mark, .sidebarFilteredGrid .resourceCard .btn--small mark[data-color=color], .sidebarFilteredGrid .resourceCard .btn--tertiary mark, .sidebarFilteredGrid .resourceCard .btn--tertiary mark[data-color=color], .sidebarFilteredGrid .resourceCard .btn mark, .sidebarFilteredGrid .resourceCard .btn mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .sidebarFilteredGrid .resourceCard--small .btn--icon mark[data-color=gray], .sidebarFilteredGrid .resourceCard--small .btn--primary--dark mark[data-color=gray], .sidebarFilteredGrid .resourceCard--small .btn--primary mark[data-color=gray], .sidebarFilteredGrid .resourceCard--small .btn--secondary mark[data-color=gray], .sidebarFilteredGrid .resourceCard--small .btn--small mark[data-color=gray], .sidebarFilteredGrid .resourceCard--small .btn--tertiary mark[data-color=gray], .sidebarFilteredGrid .resourceCard--small .btn mark[data-color=gray], .sidebarFilteredGrid .resourceCard .btn--icon mark[data-color=gray], .sidebarFilteredGrid .resourceCard .btn--primary--dark mark[data-color=gray], .sidebarFilteredGrid .resourceCard .btn--primary mark[data-color=gray], .sidebarFilteredGrid .resourceCard .btn--secondary mark[data-color=gray], .sidebarFilteredGrid .resourceCard .btn--small mark[data-color=gray], .sidebarFilteredGrid .resourceCard .btn--tertiary mark[data-color=gray], .sidebarFilteredGrid .resourceCard .btn mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .sidebarFilteredGrid .resourceCard--small .btn--icon mark[data-color=default], .sidebarFilteredGrid .resourceCard--small .btn--primary--dark mark[data-color=default], .sidebarFilteredGrid .resourceCard--small .btn--primary mark[data-color=default], .sidebarFilteredGrid .resourceCard--small .btn--secondary mark[data-color=default], .sidebarFilteredGrid .resourceCard--small .btn--small mark[data-color=default], .sidebarFilteredGrid .resourceCard--small .btn--tertiary mark[data-color=default], .sidebarFilteredGrid .resourceCard--small .btn mark[data-color=default], .sidebarFilteredGrid .resourceCard .btn--icon mark[data-color=default], .sidebarFilteredGrid .resourceCard .btn--primary--dark mark[data-color=default], .sidebarFilteredGrid .resourceCard .btn--primary mark[data-color=default], .sidebarFilteredGrid .resourceCard .btn--secondary mark[data-color=default], .sidebarFilteredGrid .resourceCard .btn--small mark[data-color=default], .sidebarFilteredGrid .resourceCard .btn--tertiary mark[data-color=default], .sidebarFilteredGrid .resourceCard .btn mark[data-color=default] {
                    color: var(--neu-10)
                }

            .sidebarFilteredGrid .resourceCard--small .btn--icon span.m-01--dark-01, .sidebarFilteredGrid .resourceCard--small .btn--icon span[data-color=color], .sidebarFilteredGrid .resourceCard--small .btn--primary--dark span.m-01--dark-01, .sidebarFilteredGrid .resourceCard--small .btn--primary--dark span[data-color=color], .sidebarFilteredGrid .resourceCard--small .btn--primary span.m-01--dark-01, .sidebarFilteredGrid .resourceCard--small .btn--primary span[data-color=color], .sidebarFilteredGrid .resourceCard--small .btn--secondary span.m-01--dark-01, .sidebarFilteredGrid .resourceCard--small .btn--secondary span[data-color=color], .sidebarFilteredGrid .resourceCard--small .btn--small span.m-01--dark-01, .sidebarFilteredGrid .resourceCard--small .btn--small span[data-color=color], .sidebarFilteredGrid .resourceCard--small .btn--tertiary span.m-01--dark-01, .sidebarFilteredGrid .resourceCard--small .btn--tertiary span[data-color=color], .sidebarFilteredGrid .resourceCard--small .btn span.m-01--dark-01, .sidebarFilteredGrid .resourceCard--small .btn span[data-color=color], .sidebarFilteredGrid .resourceCard .btn--icon span.m-01--dark-01, .sidebarFilteredGrid .resourceCard .btn--icon span[data-color=color], .sidebarFilteredGrid .resourceCard .btn--primary--dark span.m-01--dark-01, .sidebarFilteredGrid .resourceCard .btn--primary--dark span[data-color=color], .sidebarFilteredGrid .resourceCard .btn--primary span.m-01--dark-01, .sidebarFilteredGrid .resourceCard .btn--primary span[data-color=color], .sidebarFilteredGrid .resourceCard .btn--secondary span.m-01--dark-01, .sidebarFilteredGrid .resourceCard .btn--secondary span[data-color=color], .sidebarFilteredGrid .resourceCard .btn--small span.m-01--dark-01, .sidebarFilteredGrid .resourceCard .btn--small span[data-color=color], .sidebarFilteredGrid .resourceCard .btn--tertiary span.m-01--dark-01, .sidebarFilteredGrid .resourceCard .btn--tertiary span[data-color=color], .sidebarFilteredGrid .resourceCard .btn span.m-01--dark-01, .sidebarFilteredGrid .resourceCard .btn span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .sidebarFilteredGrid .resourceCard--small .btn--icon span.neu-07, .sidebarFilteredGrid .resourceCard--small .btn--icon span[data-color=gray], .sidebarFilteredGrid .resourceCard--small .btn--primary--dark span.neu-07, .sidebarFilteredGrid .resourceCard--small .btn--primary--dark span[data-color=gray], .sidebarFilteredGrid .resourceCard--small .btn--primary span.neu-07, .sidebarFilteredGrid .resourceCard--small .btn--primary span[data-color=gray], .sidebarFilteredGrid .resourceCard--small .btn--secondary span.neu-07, .sidebarFilteredGrid .resourceCard--small .btn--secondary span[data-color=gray], .sidebarFilteredGrid .resourceCard--small .btn--small span.neu-07, .sidebarFilteredGrid .resourceCard--small .btn--small span[data-color=gray], .sidebarFilteredGrid .resourceCard--small .btn--tertiary span.neu-07, .sidebarFilteredGrid .resourceCard--small .btn--tertiary span[data-color=gray], .sidebarFilteredGrid .resourceCard--small .btn span.neu-07, .sidebarFilteredGrid .resourceCard--small .btn span[data-color=gray], .sidebarFilteredGrid .resourceCard .btn--icon span.neu-07, .sidebarFilteredGrid .resourceCard .btn--icon span[data-color=gray], .sidebarFilteredGrid .resourceCard .btn--primary--dark span.neu-07, .sidebarFilteredGrid .resourceCard .btn--primary--dark span[data-color=gray], .sidebarFilteredGrid .resourceCard .btn--primary span.neu-07, .sidebarFilteredGrid .resourceCard .btn--primary span[data-color=gray], .sidebarFilteredGrid .resourceCard .btn--secondary span.neu-07, .sidebarFilteredGrid .resourceCard .btn--secondary span[data-color=gray], .sidebarFilteredGrid .resourceCard .btn--small span.neu-07, .sidebarFilteredGrid .resourceCard .btn--small span[data-color=gray], .sidebarFilteredGrid .resourceCard .btn--tertiary span.neu-07, .sidebarFilteredGrid .resourceCard .btn--tertiary span[data-color=gray], .sidebarFilteredGrid .resourceCard .btn span.neu-07, .sidebarFilteredGrid .resourceCard .btn span[data-color=gray] {
                color: var(--neu-07)
            }

            .sidebarFilteredGrid .resourceCard--small .btn--icon span.neu-10, .sidebarFilteredGrid .resourceCard--small .btn--icon span[data-color=default], .sidebarFilteredGrid .resourceCard--small .btn--primary--dark span.neu-10, .sidebarFilteredGrid .resourceCard--small .btn--primary--dark span[data-color=default], .sidebarFilteredGrid .resourceCard--small .btn--primary span.neu-10, .sidebarFilteredGrid .resourceCard--small .btn--primary span[data-color=default], .sidebarFilteredGrid .resourceCard--small .btn--secondary span.neu-10, .sidebarFilteredGrid .resourceCard--small .btn--secondary span[data-color=default], .sidebarFilteredGrid .resourceCard--small .btn--small span.neu-10, .sidebarFilteredGrid .resourceCard--small .btn--small span[data-color=default], .sidebarFilteredGrid .resourceCard--small .btn--tertiary span.neu-10, .sidebarFilteredGrid .resourceCard--small .btn--tertiary span[data-color=default], .sidebarFilteredGrid .resourceCard--small .btn span.neu-10, .sidebarFilteredGrid .resourceCard--small .btn span[data-color=default], .sidebarFilteredGrid .resourceCard .btn--icon span.neu-10, .sidebarFilteredGrid .resourceCard .btn--icon span[data-color=default], .sidebarFilteredGrid .resourceCard .btn--primary--dark span.neu-10, .sidebarFilteredGrid .resourceCard .btn--primary--dark span[data-color=default], .sidebarFilteredGrid .resourceCard .btn--primary span.neu-10, .sidebarFilteredGrid .resourceCard .btn--primary span[data-color=default], .sidebarFilteredGrid .resourceCard .btn--secondary span.neu-10, .sidebarFilteredGrid .resourceCard .btn--secondary span[data-color=default], .sidebarFilteredGrid .resourceCard .btn--small span.neu-10, .sidebarFilteredGrid .resourceCard .btn--small span[data-color=default], .sidebarFilteredGrid .resourceCard .btn--tertiary span.neu-10, .sidebarFilteredGrid .resourceCard .btn--tertiary span[data-color=default], .sidebarFilteredGrid .resourceCard .btn span.neu-10, .sidebarFilteredGrid .resourceCard .btn span[data-color=default] {
                color: var(--neu-10)
            }

            .sidebarFilteredGrid .resourceCard--small .btn--icon b, .sidebarFilteredGrid .resourceCard--small .btn--icon strong, .sidebarFilteredGrid .resourceCard--small .btn--primary--dark b, .sidebarFilteredGrid .resourceCard--small .btn--primary--dark strong, .sidebarFilteredGrid .resourceCard--small .btn--primary b, .sidebarFilteredGrid .resourceCard--small .btn--primary strong, .sidebarFilteredGrid .resourceCard--small .btn--secondary b, .sidebarFilteredGrid .resourceCard--small .btn--secondary strong, .sidebarFilteredGrid .resourceCard--small .btn--small b, .sidebarFilteredGrid .resourceCard--small .btn--small strong, .sidebarFilteredGrid .resourceCard--small .btn--tertiary b, .sidebarFilteredGrid .resourceCard--small .btn--tertiary strong, .sidebarFilteredGrid .resourceCard--small .btn b, .sidebarFilteredGrid .resourceCard--small .btn strong, .sidebarFilteredGrid .resourceCard .btn--icon b, .sidebarFilteredGrid .resourceCard .btn--icon strong, .sidebarFilteredGrid .resourceCard .btn--primary--dark b, .sidebarFilteredGrid .resourceCard .btn--primary--dark strong, .sidebarFilteredGrid .resourceCard .btn--primary b, .sidebarFilteredGrid .resourceCard .btn--primary strong, .sidebarFilteredGrid .resourceCard .btn--secondary b, .sidebarFilteredGrid .resourceCard .btn--secondary strong, .sidebarFilteredGrid .resourceCard .btn--small b, .sidebarFilteredGrid .resourceCard .btn--small strong, .sidebarFilteredGrid .resourceCard .btn--tertiary b, .sidebarFilteredGrid .resourceCard .btn--tertiary strong, .sidebarFilteredGrid .resourceCard .btn b, .sidebarFilteredGrid .resourceCard .btn strong {
                font-weight: 700
            }

            .sidebarFilteredGrid .resourceCard--small .btn--icon em, .sidebarFilteredGrid .resourceCard--small .btn--primary--dark em, .sidebarFilteredGrid .resourceCard--small .btn--primary em, .sidebarFilteredGrid .resourceCard--small .btn--secondary em, .sidebarFilteredGrid .resourceCard--small .btn--small em, .sidebarFilteredGrid .resourceCard--small .btn--tertiary em, .sidebarFilteredGrid .resourceCard--small .btn em, .sidebarFilteredGrid .resourceCard .btn--icon em, .sidebarFilteredGrid .resourceCard .btn--primary--dark em, .sidebarFilteredGrid .resourceCard .btn--primary em, .sidebarFilteredGrid .resourceCard .btn--secondary em, .sidebarFilteredGrid .resourceCard .btn--small em, .sidebarFilteredGrid .resourceCard .btn--tertiary em, .sidebarFilteredGrid .resourceCard .btn em {
                font-style: italic
            }

            .sidebarFilteredGrid .resourceCard--small .btn--icon i, .sidebarFilteredGrid .resourceCard--small .btn--primary--dark i, .sidebarFilteredGrid .resourceCard--small .btn--primary i, .sidebarFilteredGrid .resourceCard--small .btn--secondary i, .sidebarFilteredGrid .resourceCard--small .btn--small i, .sidebarFilteredGrid .resourceCard--small .btn--tertiary i, .sidebarFilteredGrid .resourceCard--small .btn i, .sidebarFilteredGrid .resourceCard .btn--icon i, .sidebarFilteredGrid .resourceCard .btn--primary--dark i, .sidebarFilteredGrid .resourceCard .btn--primary i, .sidebarFilteredGrid .resourceCard .btn--secondary i, .sidebarFilteredGrid .resourceCard .btn--small i, .sidebarFilteredGrid .resourceCard .btn--tertiary i, .sidebarFilteredGrid .resourceCard .btn i {
                min-width: 16px;
                width: 16px;
                height: 16px;
                font-size: 16px
            }

                .sidebarFilteredGrid .resourceCard--small .btn--icon i:before, .sidebarFilteredGrid .resourceCard--small .btn--primary--dark i:before, .sidebarFilteredGrid .resourceCard--small .btn--primary i:before, .sidebarFilteredGrid .resourceCard--small .btn--secondary i:before, .sidebarFilteredGrid .resourceCard--small .btn--small i:before, .sidebarFilteredGrid .resourceCard--small .btn--tertiary i:before, .sidebarFilteredGrid .resourceCard--small .btn i:before, .sidebarFilteredGrid .resourceCard .btn--icon i:before, .sidebarFilteredGrid .resourceCard .btn--primary--dark i:before, .sidebarFilteredGrid .resourceCard .btn--primary i:before, .sidebarFilteredGrid .resourceCard .btn--secondary i:before, .sidebarFilteredGrid .resourceCard .btn--small i:before, .sidebarFilteredGrid .resourceCard .btn--tertiary i:before, .sidebarFilteredGrid .resourceCard .btn i:before {
                    font-size: 16px;
                    font-weight: 400
                }

            .sidebarFilteredGrid .resourceCard--small .btn--icon, .sidebarFilteredGrid .resourceCard--small .btn--icon.btn--primary, .sidebarFilteredGrid .resourceCard--small .btn--icon.btn--primary--dark, .sidebarFilteredGrid .resourceCard--small .btn--icon.btn--secondary, .sidebarFilteredGrid .resourceCard--small .btn--icon.btn--small, .sidebarFilteredGrid .resourceCard--small .btn--icon.btn--tertiary, .sidebarFilteredGrid .resourceCard--small .btn.btn--icon, .sidebarFilteredGrid .resourceCard .btn--icon, .sidebarFilteredGrid .resourceCard .btn--icon.btn--primary, .sidebarFilteredGrid .resourceCard .btn--icon.btn--primary--dark, .sidebarFilteredGrid .resourceCard .btn--icon.btn--secondary, .sidebarFilteredGrid .resourceCard .btn--icon.btn--small, .sidebarFilteredGrid .resourceCard .btn--icon.btn--tertiary, .sidebarFilteredGrid .resourceCard .btn.btn--icon {
                width: 40px;
                min-width: 40px
            }

                .sidebarFilteredGrid .resourceCard--small .btn--icon:hover, .sidebarFilteredGrid .resourceCard--small .btn--primary--dark:hover, .sidebarFilteredGrid .resourceCard--small .btn--primary:hover, .sidebarFilteredGrid .resourceCard--small .btn--secondary:hover, .sidebarFilteredGrid .resourceCard--small .btn--small:hover, .sidebarFilteredGrid .resourceCard--small .btn--tertiary:hover, .sidebarFilteredGrid .resourceCard--small .btn:hover, .sidebarFilteredGrid .resourceCard .btn--icon:hover, .sidebarFilteredGrid .resourceCard .btn--primary--dark:hover, .sidebarFilteredGrid .resourceCard .btn--primary:hover, .sidebarFilteredGrid .resourceCard .btn--secondary:hover, .sidebarFilteredGrid .resourceCard .btn--small:hover, .sidebarFilteredGrid .resourceCard .btn--tertiary:hover, .sidebarFilteredGrid .resourceCard .btn:hover {
                    color: var(--m-01--dark-01)
                }

    .sidebarFilteredGrid .productCard, .sidebarFilteredGrid .productCard--small {
        max-width: 960px;
        min-height: 324px
    }

        .sidebarFilteredGrid .productCard--small .productCard__head, .sidebarFilteredGrid .productCard .productCard__head {
            height: 200px
        }

            .sidebarFilteredGrid .productCard--small .productCard__head:after, .sidebarFilteredGrid .productCard .productCard__head:after {
                left: 16px;
                width: calc(100% - 16px * 2)
            }

        .sidebarFilteredGrid .productCard--small .productCard__head-content, .sidebarFilteredGrid .productCard .productCard__head-content {
            padding: 24px 16px
        }

        .sidebarFilteredGrid .productCard--small .productCard__productName, .sidebarFilteredGrid .productCard .productCard__productName {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Calma Global Medium,sans-serif;
            font-size: 1.625rem;
            line-height: 1.231em;
            letter-spacing: 0
        }

            .sidebarFilteredGrid .productCard--small .productCard__productName .link a, .sidebarFilteredGrid .productCard .productCard__productName .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .sidebarFilteredGrid .productCard--small .productCard__productName .link a:hover, .sidebarFilteredGrid .productCard .productCard__productName .link a:hover {
                    color: var(--m-01)
                }

            .sidebarFilteredGrid .productCard--small .productCard__productName mark, .sidebarFilteredGrid .productCard--small .productCard__productName mark[data-color=color], .sidebarFilteredGrid .productCard .productCard__productName mark, .sidebarFilteredGrid .productCard .productCard__productName mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .sidebarFilteredGrid .productCard--small .productCard__productName mark[data-color=gray], .sidebarFilteredGrid .productCard .productCard__productName mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .sidebarFilteredGrid .productCard--small .productCard__productName mark[data-color=default], .sidebarFilteredGrid .productCard .productCard__productName mark[data-color=default] {
                    color: var(--neu-10)
                }

            .sidebarFilteredGrid .productCard--small .productCard__productName span.m-01--dark-01, .sidebarFilteredGrid .productCard--small .productCard__productName span[data-color=color], .sidebarFilteredGrid .productCard .productCard__productName span.m-01--dark-01, .sidebarFilteredGrid .productCard .productCard__productName span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .sidebarFilteredGrid .productCard--small .productCard__productName span.neu-07, .sidebarFilteredGrid .productCard--small .productCard__productName span[data-color=gray], .sidebarFilteredGrid .productCard .productCard__productName span.neu-07, .sidebarFilteredGrid .productCard .productCard__productName span[data-color=gray] {
                color: var(--neu-07)
            }

            .sidebarFilteredGrid .productCard--small .productCard__productName span.neu-10, .sidebarFilteredGrid .productCard--small .productCard__productName span[data-color=default], .sidebarFilteredGrid .productCard .productCard__productName span.neu-10, .sidebarFilteredGrid .productCard .productCard__productName span[data-color=default] {
                color: var(--neu-10)
            }

            .sidebarFilteredGrid .productCard--small .productCard__productName b, .sidebarFilteredGrid .productCard--small .productCard__productName strong, .sidebarFilteredGrid .productCard .productCard__productName b, .sidebarFilteredGrid .productCard .productCard__productName strong {
                font-weight: 700
            }

            .sidebarFilteredGrid .productCard--small .productCard__productName em, .sidebarFilteredGrid .productCard .productCard__productName em {
                font-style: italic
            }

        .sidebarFilteredGrid .productCard--small .productCard__content, .sidebarFilteredGrid .productCard .productCard__content {
            padding: 16px
        }

        .sidebarFilteredGrid .productCard--small .productCard__bookmark, .sidebarFilteredGrid .productCard .productCard__bookmark {
            right: 0;
            top: 8px
        }

    .sidebarFilteredGrid .brandCard, .sidebarFilteredGrid .brandCard--small {
        max-width: 960px;
        min-height: 324px;
        padding: 16px
    }

        .sidebarFilteredGrid .brandCard--small .brandCard__image, .sidebarFilteredGrid .brandCard .brandCard__image {
            height: 70px;
            width: 70px;
            margin-right: 0
        }

        .sidebarFilteredGrid .brandCard--small .brandCard--small .btnBookmark--privateArea, .sidebarFilteredGrid .brandCard--small .brandCard .btnBookmark--privateArea, .sidebarFilteredGrid .brandCard--small .brandCard__bookmark, .sidebarFilteredGrid .brandCard .brandCard--small .btnBookmark--privateArea, .sidebarFilteredGrid .brandCard .brandCard .btnBookmark--privateArea, .sidebarFilteredGrid .brandCard .brandCard__bookmark {
            right: 0
        }

        .sidebarFilteredGrid .brandCard--small .brandCard__text, .sidebarFilteredGrid .brandCard .brandCard__text {
            padding: 0
        }

        .sidebarFilteredGrid .brandCard--small .brandCard__title, .sidebarFilteredGrid .brandCard .brandCard__title {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Calma Global Medium,sans-serif;
            font-size: 1.625rem;
            line-height: 1.231em;
            letter-spacing: 0
        }

            .sidebarFilteredGrid .brandCard--small .brandCard__title .link a, .sidebarFilteredGrid .brandCard .brandCard__title .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .sidebarFilteredGrid .brandCard--small .brandCard__title .link a:hover, .sidebarFilteredGrid .brandCard .brandCard__title .link a:hover {
                    color: var(--m-01)
                }

            .sidebarFilteredGrid .brandCard--small .brandCard__title mark, .sidebarFilteredGrid .brandCard--small .brandCard__title mark[data-color=color], .sidebarFilteredGrid .brandCard .brandCard__title mark, .sidebarFilteredGrid .brandCard .brandCard__title mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .sidebarFilteredGrid .brandCard--small .brandCard__title mark[data-color=gray], .sidebarFilteredGrid .brandCard .brandCard__title mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .sidebarFilteredGrid .brandCard--small .brandCard__title mark[data-color=default], .sidebarFilteredGrid .brandCard .brandCard__title mark[data-color=default] {
                    color: var(--neu-10)
                }

            .sidebarFilteredGrid .brandCard--small .brandCard__title span.m-01--dark-01, .sidebarFilteredGrid .brandCard--small .brandCard__title span[data-color=color], .sidebarFilteredGrid .brandCard .brandCard__title span.m-01--dark-01, .sidebarFilteredGrid .brandCard .brandCard__title span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .sidebarFilteredGrid .brandCard--small .brandCard__title span.neu-07, .sidebarFilteredGrid .brandCard--small .brandCard__title span[data-color=gray], .sidebarFilteredGrid .brandCard .brandCard__title span.neu-07, .sidebarFilteredGrid .brandCard .brandCard__title span[data-color=gray] {
                color: var(--neu-07)
            }

            .sidebarFilteredGrid .brandCard--small .brandCard__title span.neu-10, .sidebarFilteredGrid .brandCard--small .brandCard__title span[data-color=default], .sidebarFilteredGrid .brandCard .brandCard__title span.neu-10, .sidebarFilteredGrid .brandCard .brandCard__title span[data-color=default] {
                color: var(--neu-10)
            }

            .sidebarFilteredGrid .brandCard--small .brandCard__title b, .sidebarFilteredGrid .brandCard--small .brandCard__title strong, .sidebarFilteredGrid .brandCard .brandCard__title b, .sidebarFilteredGrid .brandCard .brandCard__title strong {
                font-weight: 700
            }

            .sidebarFilteredGrid .brandCard--small .brandCard__title em, .sidebarFilteredGrid .brandCard .brandCard__title em {
                font-style: italic
            }

        .sidebarFilteredGrid .brandCard--small .brandCard__description, .sidebarFilteredGrid .brandCard .brandCard__description {
            margin-top: 24px
        }

    .sidebarFilteredGrid .categoryCard, .sidebarFilteredGrid .categoryCard--small {
        min-height: 240px;
        max-width: 960px
    }

        .sidebarFilteredGrid .categoryCard--small .categoryCard__content, .sidebarFilteredGrid .categoryCard .categoryCard__content {
            padding: 32px
        }

        .sidebarFilteredGrid .categoryCard--small .categoryCard__title, .sidebarFilteredGrid .categoryCard .categoryCard__title {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Calma Global Medium,sans-serif;
            font-size: 2rem;
            line-height: 1.25em;
            letter-spacing: -.016em
        }

            .sidebarFilteredGrid .categoryCard--small .categoryCard__title .link a, .sidebarFilteredGrid .categoryCard .categoryCard__title .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .sidebarFilteredGrid .categoryCard--small .categoryCard__title .link a:hover, .sidebarFilteredGrid .categoryCard .categoryCard__title .link a:hover {
                    color: var(--m-01)
                }

            .sidebarFilteredGrid .categoryCard--small .categoryCard__title mark, .sidebarFilteredGrid .categoryCard--small .categoryCard__title mark[data-color=color], .sidebarFilteredGrid .categoryCard .categoryCard__title mark, .sidebarFilteredGrid .categoryCard .categoryCard__title mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .sidebarFilteredGrid .categoryCard--small .categoryCard__title mark[data-color=gray], .sidebarFilteredGrid .categoryCard .categoryCard__title mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .sidebarFilteredGrid .categoryCard--small .categoryCard__title mark[data-color=default], .sidebarFilteredGrid .categoryCard .categoryCard__title mark[data-color=default] {
                    color: var(--neu-10)
                }

            .sidebarFilteredGrid .categoryCard--small .categoryCard__title span.m-01--dark-01, .sidebarFilteredGrid .categoryCard--small .categoryCard__title span[data-color=color], .sidebarFilteredGrid .categoryCard .categoryCard__title span.m-01--dark-01, .sidebarFilteredGrid .categoryCard .categoryCard__title span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .sidebarFilteredGrid .categoryCard--small .categoryCard__title span.neu-07, .sidebarFilteredGrid .categoryCard--small .categoryCard__title span[data-color=gray], .sidebarFilteredGrid .categoryCard .categoryCard__title span.neu-07, .sidebarFilteredGrid .categoryCard .categoryCard__title span[data-color=gray] {
                color: var(--neu-07)
            }

            .sidebarFilteredGrid .categoryCard--small .categoryCard__title span.neu-10, .sidebarFilteredGrid .categoryCard--small .categoryCard__title span[data-color=default], .sidebarFilteredGrid .categoryCard .categoryCard__title span.neu-10, .sidebarFilteredGrid .categoryCard .categoryCard__title span[data-color=default] {
                color: var(--neu-10)
            }

            .sidebarFilteredGrid .categoryCard--small .categoryCard__title b, .sidebarFilteredGrid .categoryCard--small .categoryCard__title strong, .sidebarFilteredGrid .categoryCard .categoryCard__title b, .sidebarFilteredGrid .categoryCard .categoryCard__title strong {
                font-weight: 700
            }

            .sidebarFilteredGrid .categoryCard--small .categoryCard__title em, .sidebarFilteredGrid .categoryCard .categoryCard__title em {
                font-style: italic
            }
}

@media (max-width:1280px) and (max-width:1024px) {
    .sidebarFilteredGrid .categoryCard--small .categoryCard__title, .sidebarFilteredGrid .categoryCard .categoryCard__title {
        font-size: 1.625rem;
        line-height: 1.231em;
        letter-spacing: 0
    }
}

@media (max-width:1280px) {
    .sidebarFilteredGrid .profileCard, .sidebarFilteredGrid .profileCard--small {
        max-width: 960px;
        padding: 24px 16px 32px 4px;
        height: 100%
    }

        .sidebarFilteredGrid .profileCard--small .profileCard__text, .sidebarFilteredGrid .profileCard .profileCard__text {
            max-width: 310px
        }

    .sidebarFilteredGrid .selectableCard, .sidebarFilteredGrid .selectableCard--small {
        max-width: 960px;
        padding: 16px 16px 24px;
        grid-template-columns: 1fr 1fr;
        row-gap: 8px
    }

        .sidebarFilteredGrid .selectableCard--small .selectableCard__content, .sidebarFilteredGrid .selectableCard .selectableCard__content {
            grid-row: 2;
            grid-column: 1/3
        }

        .sidebarFilteredGrid .selectableCard--small .selectableCard__checkbox, .sidebarFilteredGrid .selectableCard .selectableCard__checkbox {
            margin-right: 0;
            grid-row: 1
        }

        .sidebarFilteredGrid .selectableCard--small .selectableCard__image, .sidebarFilteredGrid .selectableCard .selectableCard__image {
            width: 48px;
            height: 48px;
            grid-row: 1;
            justify-self: flex-end
        }

        .sidebarFilteredGrid .selectableCard--small .selectableCard__btn, .sidebarFilteredGrid .selectableCard .selectableCard__btn {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Inter,sans-serif;
            font-size: .813rem;
            line-height: 1.538em;
            letter-spacing: -.003em;
            font-weight: 400;
            font-weight: 700;
            padding: 0 20px;
            height: 40px;
            transform: none;
            margin-left: 0;
            margin-top: 16px;
            grid-row: 3;
            grid-column: 1/3
        }

            .sidebarFilteredGrid .selectableCard--small .selectableCard__btn .link a, .sidebarFilteredGrid .selectableCard .selectableCard__btn .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .sidebarFilteredGrid .selectableCard--small .selectableCard__btn .link a:hover, .sidebarFilteredGrid .selectableCard .selectableCard__btn .link a:hover {
                    color: var(--m-01)
                }

            .sidebarFilteredGrid .selectableCard--small .selectableCard__btn mark, .sidebarFilteredGrid .selectableCard--small .selectableCard__btn mark[data-color=color], .sidebarFilteredGrid .selectableCard .selectableCard__btn mark, .sidebarFilteredGrid .selectableCard .selectableCard__btn mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .sidebarFilteredGrid .selectableCard--small .selectableCard__btn mark[data-color=gray], .sidebarFilteredGrid .selectableCard .selectableCard__btn mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .sidebarFilteredGrid .selectableCard--small .selectableCard__btn mark[data-color=default], .sidebarFilteredGrid .selectableCard .selectableCard__btn mark[data-color=default] {
                    color: var(--neu-10)
                }

            .sidebarFilteredGrid .selectableCard--small .selectableCard__btn span.m-01--dark-01, .sidebarFilteredGrid .selectableCard--small .selectableCard__btn span[data-color=color], .sidebarFilteredGrid .selectableCard .selectableCard__btn span.m-01--dark-01, .sidebarFilteredGrid .selectableCard .selectableCard__btn span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .sidebarFilteredGrid .selectableCard--small .selectableCard__btn span.neu-07, .sidebarFilteredGrid .selectableCard--small .selectableCard__btn span[data-color=gray], .sidebarFilteredGrid .selectableCard .selectableCard__btn span.neu-07, .sidebarFilteredGrid .selectableCard .selectableCard__btn span[data-color=gray] {
                color: var(--neu-07)
            }

            .sidebarFilteredGrid .selectableCard--small .selectableCard__btn span.neu-10, .sidebarFilteredGrid .selectableCard--small .selectableCard__btn span[data-color=default], .sidebarFilteredGrid .selectableCard .selectableCard__btn span.neu-10, .sidebarFilteredGrid .selectableCard .selectableCard__btn span[data-color=default] {
                color: var(--neu-10)
            }

            .sidebarFilteredGrid .selectableCard--small .selectableCard__btn b, .sidebarFilteredGrid .selectableCard--small .selectableCard__btn strong, .sidebarFilteredGrid .selectableCard .selectableCard__btn b, .sidebarFilteredGrid .selectableCard .selectableCard__btn strong {
                font-weight: 700
            }

            .sidebarFilteredGrid .selectableCard--small .selectableCard__btn em, .sidebarFilteredGrid .selectableCard .selectableCard__btn em {
                font-style: italic
            }

            .sidebarFilteredGrid .selectableCard--small .selectableCard__btn i, .sidebarFilteredGrid .selectableCard .selectableCard__btn i {
                min-width: 16px;
                width: 16px;
                height: 16px;
                font-size: 16px
            }

                .sidebarFilteredGrid .selectableCard--small .selectableCard__btn i:before, .sidebarFilteredGrid .selectableCard .selectableCard__btn i:before {
                    font-size: 16px;
                    font-weight: 400
                }

            .sidebarFilteredGrid .selectableCard--small .selectableCard__btn.btn--icon, .sidebarFilteredGrid .selectableCard .selectableCard__btn.btn--icon {
                width: 40px;
                min-width: 40px
            }

    .sidebarFilteredGrid .demandCard, .sidebarFilteredGrid .demandCard--small {
        max-width: 960px;
        padding: 16px;
        min-height: 324px
    }

        .sidebarFilteredGrid .demandCard--small .demandCard__content, .sidebarFilteredGrid .demandCard .demandCard__content {
            gap: 8px
        }

        .sidebarFilteredGrid .demandCard--small .demandCard__notification-text, .sidebarFilteredGrid .demandCard .demandCard__notification-text {
            display: none
        }

        .sidebarFilteredGrid .demandCard--small .demandCard__description, .sidebarFilteredGrid .demandCard .demandCard__description {
            margin-top: 8px
        }

    .sidebarFilteredGrid .replyCard, .sidebarFilteredGrid .replyCard--small {
        max-width: 960px
    }

        .sidebarFilteredGrid .replyCard--small .replyCard, .sidebarFilteredGrid .replyCard--small .replyCard--small, .sidebarFilteredGrid .replyCard .replyCard, .sidebarFilteredGrid .replyCard .replyCard--small {
            background-color: var(--neu-01)
        }

        .sidebarFilteredGrid .replyCard--small .replyCard__content, .sidebarFilteredGrid .replyCard .replyCard__content {
            padding: 24px;
            gap: 4px 12px
        }

        .sidebarFilteredGrid .replyCard--small .replyCard__thumb, .sidebarFilteredGrid .replyCard .replyCard__thumb {
            grid-row: 1/3;
            align-self: flex-start
        }

        .sidebarFilteredGrid .replyCard--small .replyCard__text, .sidebarFilteredGrid .replyCard .replyCard__text {
            grid-row: 2;
            grid-column: 2/4
        }
}

@media (max-width:1280px) and (max-width:512px) {
    .sidebarFilteredGrid .replyCard--small .replyCard__text, .sidebarFilteredGrid .replyCard .replyCard__text {
        grid-column: 2/4
    }
}

@media (max-width:1280px) {
    .sidebarFilteredGrid .replyCard--small .replyCard__message, .sidebarFilteredGrid .replyCard--small .replyCard__subject, .sidebarFilteredGrid .replyCard .replyCard__message, .sidebarFilteredGrid .replyCard .replyCard__subject {
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-stretch: normal;
        letter-spacing: normal;
        font-family: Inter,sans-serif;
        font-size: 1rem;
        line-height: 1.5em;
        letter-spacing: -.011em;
        font-weight: 400
    }

        .sidebarFilteredGrid .replyCard--small .replyCard__message .link a, .sidebarFilteredGrid .replyCard--small .replyCard__subject .link a, .sidebarFilteredGrid .replyCard .replyCard__message .link a, .sidebarFilteredGrid .replyCard .replyCard__subject .link a {
            transition: all .1s ease;
            text-decoration: underline;
            color: var(--m-01--dark-01)
        }

            .sidebarFilteredGrid .replyCard--small .replyCard__message .link a:hover, .sidebarFilteredGrid .replyCard--small .replyCard__subject .link a:hover, .sidebarFilteredGrid .replyCard .replyCard__message .link a:hover, .sidebarFilteredGrid .replyCard .replyCard__subject .link a:hover {
                color: var(--m-01)
            }

        .sidebarFilteredGrid .replyCard--small .replyCard__message mark, .sidebarFilteredGrid .replyCard--small .replyCard__message mark[data-color=color], .sidebarFilteredGrid .replyCard--small .replyCard__subject mark, .sidebarFilteredGrid .replyCard--small .replyCard__subject mark[data-color=color], .sidebarFilteredGrid .replyCard .replyCard__message mark, .sidebarFilteredGrid .replyCard .replyCard__message mark[data-color=color], .sidebarFilteredGrid .replyCard .replyCard__subject mark, .sidebarFilteredGrid .replyCard .replyCard__subject mark[data-color=color] {
            color: var(--m-01--dark-01)
        }

            .sidebarFilteredGrid .replyCard--small .replyCard__message mark[data-color=gray], .sidebarFilteredGrid .replyCard--small .replyCard__subject mark[data-color=gray], .sidebarFilteredGrid .replyCard .replyCard__message mark[data-color=gray], .sidebarFilteredGrid .replyCard .replyCard__subject mark[data-color=gray] {
                color: var(--neu-07)
            }

            .sidebarFilteredGrid .replyCard--small .replyCard__message mark[data-color=default], .sidebarFilteredGrid .replyCard--small .replyCard__subject mark[data-color=default], .sidebarFilteredGrid .replyCard .replyCard__message mark[data-color=default], .sidebarFilteredGrid .replyCard .replyCard__subject mark[data-color=default] {
                color: var(--neu-10)
            }

        .sidebarFilteredGrid .replyCard--small .replyCard__message span.m-01--dark-01, .sidebarFilteredGrid .replyCard--small .replyCard__message span[data-color=color], .sidebarFilteredGrid .replyCard--small .replyCard__subject span.m-01--dark-01, .sidebarFilteredGrid .replyCard--small .replyCard__subject span[data-color=color], .sidebarFilteredGrid .replyCard .replyCard__message span.m-01--dark-01, .sidebarFilteredGrid .replyCard .replyCard__message span[data-color=color], .sidebarFilteredGrid .replyCard .replyCard__subject span.m-01--dark-01, .sidebarFilteredGrid .replyCard .replyCard__subject span[data-color=color] {
            color: var(--m-01--dark-01)
        }

        .sidebarFilteredGrid .replyCard--small .replyCard__message span.neu-07, .sidebarFilteredGrid .replyCard--small .replyCard__message span[data-color=gray], .sidebarFilteredGrid .replyCard--small .replyCard__subject span.neu-07, .sidebarFilteredGrid .replyCard--small .replyCard__subject span[data-color=gray], .sidebarFilteredGrid .replyCard .replyCard__message span.neu-07, .sidebarFilteredGrid .replyCard .replyCard__message span[data-color=gray], .sidebarFilteredGrid .replyCard .replyCard__subject span.neu-07, .sidebarFilteredGrid .replyCard .replyCard__subject span[data-color=gray] {
            color: var(--neu-07)
        }

        .sidebarFilteredGrid .replyCard--small .replyCard__message span.neu-10, .sidebarFilteredGrid .replyCard--small .replyCard__message span[data-color=default], .sidebarFilteredGrid .replyCard--small .replyCard__subject span.neu-10, .sidebarFilteredGrid .replyCard--small .replyCard__subject span[data-color=default], .sidebarFilteredGrid .replyCard .replyCard__message span.neu-10, .sidebarFilteredGrid .replyCard .replyCard__message span[data-color=default], .sidebarFilteredGrid .replyCard .replyCard__subject span.neu-10, .sidebarFilteredGrid .replyCard .replyCard__subject span[data-color=default] {
            color: var(--neu-10)
        }

        .sidebarFilteredGrid .replyCard--small .replyCard__message b, .sidebarFilteredGrid .replyCard--small .replyCard__message strong, .sidebarFilteredGrid .replyCard--small .replyCard__subject b, .sidebarFilteredGrid .replyCard--small .replyCard__subject strong, .sidebarFilteredGrid .replyCard .replyCard__message b, .sidebarFilteredGrid .replyCard .replyCard__message strong, .sidebarFilteredGrid .replyCard .replyCard__subject b, .sidebarFilteredGrid .replyCard .replyCard__subject strong {
            font-weight: 700
        }

        .sidebarFilteredGrid .replyCard--small .replyCard__message em, .sidebarFilteredGrid .replyCard--small .replyCard__subject em, .sidebarFilteredGrid .replyCard .replyCard__message em, .sidebarFilteredGrid .replyCard .replyCard__subject em {
            font-style: italic
        }

    .sidebarFilteredGrid .replyCard--small .replyCard__info, .sidebarFilteredGrid .replyCard .replyCard__info {
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-stretch: normal;
        letter-spacing: normal;
        font-family: Inter,sans-serif;
        font-size: .813rem;
        line-height: 1.538em;
        letter-spacing: -.003em;
        font-weight: 700;
        margin-top: 8px;
        padding-right: 32px
    }

        .sidebarFilteredGrid .replyCard--small .replyCard__info .link a, .sidebarFilteredGrid .replyCard .replyCard__info .link a {
            transition: all .1s ease;
            text-decoration: underline;
            color: var(--m-01--dark-01)
        }

            .sidebarFilteredGrid .replyCard--small .replyCard__info .link a:hover, .sidebarFilteredGrid .replyCard .replyCard__info .link a:hover {
                color: var(--m-01)
            }

        .sidebarFilteredGrid .replyCard--small .replyCard__info mark, .sidebarFilteredGrid .replyCard--small .replyCard__info mark[data-color=color], .sidebarFilteredGrid .replyCard .replyCard__info mark, .sidebarFilteredGrid .replyCard .replyCard__info mark[data-color=color] {
            color: var(--m-01--dark-01)
        }

            .sidebarFilteredGrid .replyCard--small .replyCard__info mark[data-color=gray], .sidebarFilteredGrid .replyCard .replyCard__info mark[data-color=gray] {
                color: var(--neu-07)
            }

            .sidebarFilteredGrid .replyCard--small .replyCard__info mark[data-color=default], .sidebarFilteredGrid .replyCard .replyCard__info mark[data-color=default] {
                color: var(--neu-10)
            }

        .sidebarFilteredGrid .replyCard--small .replyCard__info span.m-01--dark-01, .sidebarFilteredGrid .replyCard--small .replyCard__info span[data-color=color], .sidebarFilteredGrid .replyCard .replyCard__info span.m-01--dark-01, .sidebarFilteredGrid .replyCard .replyCard__info span[data-color=color] {
            color: var(--m-01--dark-01)
        }

        .sidebarFilteredGrid .replyCard--small .replyCard__info span.neu-07, .sidebarFilteredGrid .replyCard--small .replyCard__info span[data-color=gray], .sidebarFilteredGrid .replyCard .replyCard__info span.neu-07, .sidebarFilteredGrid .replyCard .replyCard__info span[data-color=gray] {
            color: var(--neu-07)
        }

        .sidebarFilteredGrid .replyCard--small .replyCard__info span.neu-10, .sidebarFilteredGrid .replyCard--small .replyCard__info span[data-color=default], .sidebarFilteredGrid .replyCard .replyCard__info span.neu-10, .sidebarFilteredGrid .replyCard .replyCard__info span[data-color=default] {
            color: var(--neu-10)
        }

        .sidebarFilteredGrid .replyCard--small .replyCard__info b, .sidebarFilteredGrid .replyCard--small .replyCard__info strong, .sidebarFilteredGrid .replyCard .replyCard__info b, .sidebarFilteredGrid .replyCard .replyCard__info strong {
            font-weight: 700
        }

        .sidebarFilteredGrid .replyCard--small .replyCard__info em, .sidebarFilteredGrid .replyCard .replyCard__info em {
            font-style: italic
        }

    .sidebarFilteredGrid .replyCard--small .replyCard__pin, .sidebarFilteredGrid .replyCard .replyCard__pin {
        transition: all .1s ease;
        grid-row: 2;
        grid-column: 3;
        align-self: flex-end;
        width: 24px;
        height: 24px;
        justify-self: flex-end;
        transform: translateY(4px);
        cursor: pointer
    }

        .sidebarFilteredGrid .replyCard--small .replyCard__pin:hover, .sidebarFilteredGrid .replyCard .replyCard__pin:hover {
            opacity: .7
        }

        .sidebarFilteredGrid .replyCard--small .replyCard__pin:before, .sidebarFilteredGrid .replyCard .replyCard__pin:before {
            width: 24px;
            height: 24px;
            font-size: 24px;
            font-family: aicep-base-icons !important;
            font-weight: 400;
            display: flex;
            justify-content: center;
            align-items: center;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            content: "\e95b"
        }

    .sidebarFilteredGrid .replyCard--small .replyCard__pin--selected, .sidebarFilteredGrid .replyCard .replyCard__pin--selected {
        color: var(--m-02--dark-01)
    }

        .sidebarFilteredGrid .replyCard--small .replyCard__pin--selected:before, .sidebarFilteredGrid .replyCard .replyCard__pin--selected:before {
            content: "\e95c"
        }

    .sidebarFilteredGrid .replyCard--small .replyCard__btn, .sidebarFilteredGrid .replyCard .replyCard__btn {
        display: none
    }

    .sidebarFilteredGrid .infoCard, .sidebarFilteredGrid .infoCard--small {
        max-width: 960px;
        padding: 24px
    }

        .sidebarFilteredGrid .infoCard--small .infoCard__number, .sidebarFilteredGrid .infoCard .infoCard__number {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Calma Global Medium,sans-serif;
            font-size: 2rem;
            line-height: 1.25em;
            letter-spacing: -.016em;
            transform: translateY(0)
        }

            .sidebarFilteredGrid .infoCard--small .infoCard__number .link a, .sidebarFilteredGrid .infoCard .infoCard__number .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .sidebarFilteredGrid .infoCard--small .infoCard__number .link a:hover, .sidebarFilteredGrid .infoCard .infoCard__number .link a:hover {
                    color: var(--m-01)
                }

            .sidebarFilteredGrid .infoCard--small .infoCard__number mark, .sidebarFilteredGrid .infoCard--small .infoCard__number mark[data-color=color], .sidebarFilteredGrid .infoCard .infoCard__number mark, .sidebarFilteredGrid .infoCard .infoCard__number mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .sidebarFilteredGrid .infoCard--small .infoCard__number mark[data-color=gray], .sidebarFilteredGrid .infoCard .infoCard__number mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .sidebarFilteredGrid .infoCard--small .infoCard__number mark[data-color=default], .sidebarFilteredGrid .infoCard .infoCard__number mark[data-color=default] {
                    color: var(--neu-10)
                }

            .sidebarFilteredGrid .infoCard--small .infoCard__number span.m-01--dark-01, .sidebarFilteredGrid .infoCard--small .infoCard__number span[data-color=color], .sidebarFilteredGrid .infoCard .infoCard__number span.m-01--dark-01, .sidebarFilteredGrid .infoCard .infoCard__number span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .sidebarFilteredGrid .infoCard--small .infoCard__number span.neu-07, .sidebarFilteredGrid .infoCard--small .infoCard__number span[data-color=gray], .sidebarFilteredGrid .infoCard .infoCard__number span.neu-07, .sidebarFilteredGrid .infoCard .infoCard__number span[data-color=gray] {
                color: var(--neu-07)
            }

            .sidebarFilteredGrid .infoCard--small .infoCard__number span.neu-10, .sidebarFilteredGrid .infoCard--small .infoCard__number span[data-color=default], .sidebarFilteredGrid .infoCard .infoCard__number span.neu-10, .sidebarFilteredGrid .infoCard .infoCard__number span[data-color=default] {
                color: var(--neu-10)
            }

            .sidebarFilteredGrid .infoCard--small .infoCard__number b, .sidebarFilteredGrid .infoCard--small .infoCard__number strong, .sidebarFilteredGrid .infoCard .infoCard__number b, .sidebarFilteredGrid .infoCard .infoCard__number strong {
                font-weight: 700
            }

            .sidebarFilteredGrid .infoCard--small .infoCard__number em, .sidebarFilteredGrid .infoCard .infoCard__number em {
                font-style: italic
            }
}

@media (max-width:1280px) and (max-width:1024px) {
    .sidebarFilteredGrid .infoCard--small .infoCard__number, .sidebarFilteredGrid .infoCard .infoCard__number {
        font-size: 1.625rem;
        line-height: 1.231em;
        letter-spacing: 0;
        transform: translateY(3px)
    }
}

@media (max-width:1280px) {
    .sidebarFilteredGrid .infoCard--small .infoCard__title, .sidebarFilteredGrid .infoCard .infoCard__title {
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-stretch: normal;
        letter-spacing: normal;
        font-family: Inter,sans-serif;
        font-size: 1rem;
        line-height: 1.5em;
        letter-spacing: -.011em;
        font-weight: 700
    }

        .sidebarFilteredGrid .infoCard--small .infoCard__title .link a, .sidebarFilteredGrid .infoCard .infoCard__title .link a {
            transition: all .1s ease;
            text-decoration: underline;
            color: var(--m-01--dark-01)
        }

            .sidebarFilteredGrid .infoCard--small .infoCard__title .link a:hover, .sidebarFilteredGrid .infoCard .infoCard__title .link a:hover {
                color: var(--m-01)
            }

        .sidebarFilteredGrid .infoCard--small .infoCard__title mark, .sidebarFilteredGrid .infoCard--small .infoCard__title mark[data-color=color], .sidebarFilteredGrid .infoCard .infoCard__title mark, .sidebarFilteredGrid .infoCard .infoCard__title mark[data-color=color] {
            color: var(--m-01--dark-01)
        }

            .sidebarFilteredGrid .infoCard--small .infoCard__title mark[data-color=gray], .sidebarFilteredGrid .infoCard .infoCard__title mark[data-color=gray] {
                color: var(--neu-07)
            }

            .sidebarFilteredGrid .infoCard--small .infoCard__title mark[data-color=default], .sidebarFilteredGrid .infoCard .infoCard__title mark[data-color=default] {
                color: var(--neu-10)
            }

        .sidebarFilteredGrid .infoCard--small .infoCard__title span.m-01--dark-01, .sidebarFilteredGrid .infoCard--small .infoCard__title span[data-color=color], .sidebarFilteredGrid .infoCard .infoCard__title span.m-01--dark-01, .sidebarFilteredGrid .infoCard .infoCard__title span[data-color=color] {
            color: var(--m-01--dark-01)
        }

        .sidebarFilteredGrid .infoCard--small .infoCard__title span.neu-07, .sidebarFilteredGrid .infoCard--small .infoCard__title span[data-color=gray], .sidebarFilteredGrid .infoCard .infoCard__title span.neu-07, .sidebarFilteredGrid .infoCard .infoCard__title span[data-color=gray] {
            color: var(--neu-07)
        }

        .sidebarFilteredGrid .infoCard--small .infoCard__title span.neu-10, .sidebarFilteredGrid .infoCard--small .infoCard__title span[data-color=default], .sidebarFilteredGrid .infoCard .infoCard__title span.neu-10, .sidebarFilteredGrid .infoCard .infoCard__title span[data-color=default] {
            color: var(--neu-10)
        }

        .sidebarFilteredGrid .infoCard--small .infoCard__title b, .sidebarFilteredGrid .infoCard--small .infoCard__title strong, .sidebarFilteredGrid .infoCard .infoCard__title b, .sidebarFilteredGrid .infoCard .infoCard__title strong {
            font-weight: 700
        }

        .sidebarFilteredGrid .infoCard--small .infoCard__title em, .sidebarFilteredGrid .infoCard .infoCard__title em {
            font-style: italic
        }
}

.simpleHeader {
    position: relative;
    background: var(--neu-10);
    padding: 240px 0 64px
}

    .simpleHeader:after, .simpleHeader:before {
        content: "";
        position: absolute;
        background: var(--m-01);
        width: 50%;
        height: 100%;
        bottom: 0;
        z-index: 1;
        animation: g .8s .15s cubic-bezier(.5,0,.01,1) both
    }

    .simpleHeader:before {
        left: 0
    }

@media (max-width:768px) {
    .simpleHeader:before {
        width: 100%
    }
}

.simpleHeader:after {
    right: 0;
    animation-delay: .5s
}

@media (max-width:768px) {
    .simpleHeader:after {
        display: none
    }
}

.simpleHeader .animeContent > * {
    animation: h .8s cubic-bezier(.5,0,.01,1) backwards
}

.simpleHeader .btnContainer, .simpleHeader .map, .simpleHeader .otherContent {
    animation: C .6s cubic-bezier(.5,0,.01,1) both
}

.simpleHeader .media {
    overflow: hidden
}

    .simpleHeader .media figure {
        animation: i 1.5s .1s cubic-bezier(.5,0,.01,1) both
    }

@media (max-width:1024px) {
    .simpleHeader {
        padding: 140px 0 56px
    }
}

.simpleHeader__media {
    position: absolute
}

.simpleHeader__media--item {
    width: 100%;
    height: 100%
}

    .simpleHeader__media--item img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }

.simpleHeader .btnNav--previous, .simpleHeader__description, .simpleHeader__disclaimer, .simpleHeader__labels {
    grid-column: 2/7
}

@media (max-width:1024px) {
    .simpleHeader .btnNav--previous, .simpleHeader__description, .simpleHeader__disclaimer, .simpleHeader__labels {
        grid-column: 1/5
    }
}

@media (max-width:768px) {
    .simpleHeader .btnNav--previous, .simpleHeader__description, .simpleHeader__disclaimer, .simpleHeader__labels {
        grid-column: 1/6
    }
}

.simpleHeader .btnNav--previous {
    animation-delay: 0.8s !important;
    width: -moz-fit-content;
    width: fit-content;
    margin-bottom: 32px
}

@media (max-width:1024px) {
    .simpleHeader .btnNav--previous {
        margin-bottom: 48px
    }
}

.simpleHeader__labels {
    animation-delay: 0.7s !important;
    display: flex;
    margin-bottom: 8px
}

@media (max-width:1024px) {
    .simpleHeader__labels {
        margin-bottom: 4px
    }
}

.simpleHeader__title {
    animation-delay: 0.6s !important;
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Calma Global Large,sans-serif;
    font-size: 5rem;
    line-height: 1em;
    letter-spacing: -.025em;
    grid-column: 2/8
}

    .simpleHeader__title .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .simpleHeader__title .link a:hover {
            color: var(--m-01)
        }

    .simpleHeader__title mark, .simpleHeader__title mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .simpleHeader__title mark[data-color=gray] {
            color: var(--neu-07)
        }

        .simpleHeader__title mark[data-color=default] {
            color: var(--neu-10)
        }

    .simpleHeader__title span.m-01--dark-01, .simpleHeader__title span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .simpleHeader__title span.neu-07, .simpleHeader__title span[data-color=gray] {
        color: var(--neu-07)
    }

    .simpleHeader__title span.neu-10, .simpleHeader__title span[data-color=default] {
        color: var(--neu-10)
    }

    .simpleHeader__title b, .simpleHeader__title strong {
        font-weight: 700
    }

    .simpleHeader__title em {
        font-style: italic
    }

@media (max-width:1024px) {
    .simpleHeader__title {
        font-size: 3.5rem;
        line-height: 1.143em;
        letter-spacing: -.027em;
        grid-column: 1/5
    }
}

@media (max-width:768px) {
    .simpleHeader__title {
        grid-column: 1/6
    }
}

.simpleHeader__description, .simpleHeader__disclaimer {
    animation-delay: 0.5s !important;
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1rem;
    line-height: 1.5em;
    letter-spacing: -.011em;
    font-weight: 400;
    margin-top: 24px
}

    .simpleHeader__description .link a, .simpleHeader__disclaimer .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .simpleHeader__description .link a:hover, .simpleHeader__disclaimer .link a:hover {
            color: var(--m-01)
        }

    .simpleHeader__description mark, .simpleHeader__description mark[data-color=color], .simpleHeader__disclaimer mark, .simpleHeader__disclaimer mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .simpleHeader__description mark[data-color=gray], .simpleHeader__disclaimer mark[data-color=gray] {
            color: var(--neu-07)
        }

        .simpleHeader__description mark[data-color=default], .simpleHeader__disclaimer mark[data-color=default] {
            color: var(--neu-10)
        }

    .simpleHeader__description span.m-01--dark-01, .simpleHeader__description span[data-color=color], .simpleHeader__disclaimer span.m-01--dark-01, .simpleHeader__disclaimer span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .simpleHeader__description span.neu-07, .simpleHeader__description span[data-color=gray], .simpleHeader__disclaimer span.neu-07, .simpleHeader__disclaimer span[data-color=gray] {
        color: var(--neu-07)
    }

    .simpleHeader__description span.neu-10, .simpleHeader__description span[data-color=default], .simpleHeader__disclaimer span.neu-10, .simpleHeader__disclaimer span[data-color=default] {
        color: var(--neu-10)
    }

    .simpleHeader__description b, .simpleHeader__description strong, .simpleHeader__disclaimer b, .simpleHeader__disclaimer strong {
        font-weight: 700
    }

    .simpleHeader__description em, .simpleHeader__disclaimer em {
        font-style: italic
    }

@media (max-width:1024px) {
    .simpleHeader__description, .simpleHeader__disclaimer {
        margin-top: 16px;
        grid-column: 1/6
    }
}

@media (max-width:768px) {
    .simpleHeader__description, .simpleHeader__disclaimer {
        grid-column: 1/6
    }
}

.simpleHeader__disclaimer {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: .688rem;
    line-height: 1.455em;
    letter-spacing: .005em;
    font-weight: 400
}

    .simpleHeader__disclaimer .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .simpleHeader__disclaimer .link a:hover {
            color: var(--m-01)
        }

    .simpleHeader__disclaimer mark, .simpleHeader__disclaimer mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .simpleHeader__disclaimer mark[data-color=gray] {
            color: var(--neu-07)
        }

        .simpleHeader__disclaimer mark[data-color=default] {
            color: var(--neu-10)
        }

    .simpleHeader__disclaimer span.m-01--dark-01, .simpleHeader__disclaimer span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .simpleHeader__disclaimer span.neu-07, .simpleHeader__disclaimer span[data-color=gray] {
        color: var(--neu-07)
    }

    .simpleHeader__disclaimer span.neu-10, .simpleHeader__disclaimer span[data-color=default] {
        color: var(--neu-10)
    }

    .simpleHeader__disclaimer b, .simpleHeader__disclaimer strong {
        font-weight: 700
    }

    .simpleHeader__disclaimer em {
        font-style: italic
    }

    .simpleHeader__disclaimer span {
        text-decoration: line-through
    }

.simpleHeader .btnContainer {
    animation-delay: 1.1s !important;
    grid-column: 7/12;
    align-items: flex-end;
    justify-content: flex-end;
    z-index: 2
}

@media (max-width:1280px) {
    .simpleHeader .btnContainer {
        grid-column: 2/12;
        justify-content: flex-start;
        margin-top: 32px
    }
}

@media (max-width:1024px) {
    .simpleHeader .btnContainer {
        grid-column: 1/13
    }
}

@media (max-width:1024px) and (max-width:1024px) {
    .simpleHeader .btnContainer {
        grid-column: 1/7
    }
}

.simpleHeader:not([data-bg=media]) .media {
    display: none
}

@media (max-width:1024px) {
    .simpleMedia .wrapper {
        padding: 0
    }
}

.simpleMedia__media {
    grid-column: 1/13;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 480px
}

@media (max-width:1024px) {
    .simpleMedia__media {
        grid-column: 1/7;
        height: 320px
    }
}

.simpleMedia__image {
    position: absolute;
    width: 100%;
    height: 100%
}

    .simpleMedia__image img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }

.simpleMedia__videoTitle {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1rem;
    line-height: 1.5em;
    letter-spacing: -.011em;
    font-weight: 700;
    color: var(--neu-01);
    margin-top: 24px;
    text-align: center;
    max-width: 640px;
    padding: 0 24px;
    display: none
}

    .simpleMedia__videoTitle .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .simpleMedia__videoTitle .link a:hover {
            color: var(--m-01)
        }

    .simpleMedia__videoTitle mark, .simpleMedia__videoTitle mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .simpleMedia__videoTitle mark[data-color=gray] {
            color: var(--neu-07)
        }

        .simpleMedia__videoTitle mark[data-color=default] {
            color: var(--neu-10)
        }

    .simpleMedia__videoTitle span.m-01--dark-01, .simpleMedia__videoTitle span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .simpleMedia__videoTitle span.neu-07, .simpleMedia__videoTitle span[data-color=gray] {
        color: var(--neu-07)
    }

    .simpleMedia__videoTitle span.neu-10, .simpleMedia__videoTitle span[data-color=default] {
        color: var(--neu-10)
    }

    .simpleMedia__videoTitle b, .simpleMedia__videoTitle strong {
        font-weight: 700
    }

    .simpleMedia__videoTitle em {
        font-style: italic
    }

.simpleMedia .btnPlay, .simpleMedia .textFormats .video:after, .textFormats .simpleMedia .video:after {
    z-index: 1;
    display: none
}

.simpleMedia[data-video=on] .simpleMedia__media {
    background-color: var(--neu-10)
}

.simpleMedia[data-video=on] .simpleMedia__image {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 0;
    position: absolute
}

    .simpleMedia[data-video=on] .simpleMedia__image:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background: var(--neu-10);
        opacity: .7;
        z-index: 1
    }

    .simpleMedia[data-video=on] .simpleMedia__image img, .simpleMedia[data-video=on] .simpleMedia__image video {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }

.simpleMedia[data-video=on] .simpleMedia__videoTitle {
    display: block
}

.simpleMedia[data-video=on] .btnPlay, .simpleMedia[data-video=on] .textFormats .video:after, .textFormats .simpleMedia[data-video=on] .video:after {
    display: flex
}

.simpleMedia[data-video=on][data-crop=off] .simpleMedia__media {
    height: 480px
}

@media (max-width:1024px) {
    .simpleMedia[data-video=on][data-crop=off] .simpleMedia__media {
        height: 320px
    }
}

.simpleMedia[data-video=on][data-crop=off] .simpleMedia__image {
    position: absolute
}

.simpleMedia[data-crop=off] .simpleMedia__media {
    height: auto
}

.simpleMedia[data-crop=off] .simpleMedia__image {
    position: unset
}

.singleBanner {
    position: relative
}

    .singleBanner .wrapper {
        padding-top: 40px;
        padding-bottom: 24px
    }

.singleBanner__innerWrapper {
    width: 100%;
    min-height: 375px;
    grid-column: 2/12;
    display: flex;
    justify-content: center;
    align-items: center
}

@media (max-width:1024px) {
    .singleBanner__innerWrapper {
        grid-column: 1/13
    }
}

@media (max-width:1024px) and (max-width:1024px) {
    .singleBanner__innerWrapper {
        grid-column: 1/7
    }
}

.singleBanner__content {
    max-width: 640px;
    margin: 0 auto;
    text-align: center;
    padding: 0 40px;
    box-sizing: content-box
}

@media (max-width:1024px) {
    .singleBanner__content {
        padding: 0 32px
    }
}

@media (max-width:768px) {
    .singleBanner__content {
        padding: 0 24px
    }
}

@media (max-width:512px) {
    .singleBanner__content {
        padding: 0 16px
    }
}

.singleBanner__title {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Calma Global Medium,sans-serif;
    font-size: 2.5rem;
    line-height: 1.2em;
    letter-spacing: -.025em
}

    .singleBanner__title .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .singleBanner__title .link a:hover {
            color: var(--m-01)
        }

    .singleBanner__title mark, .singleBanner__title mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .singleBanner__title mark[data-color=gray] {
            color: var(--neu-07)
        }

        .singleBanner__title mark[data-color=default] {
            color: var(--neu-10)
        }

    .singleBanner__title span.m-01--dark-01, .singleBanner__title span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .singleBanner__title span.neu-07, .singleBanner__title span[data-color=gray] {
        color: var(--neu-07)
    }

    .singleBanner__title span.neu-10, .singleBanner__title span[data-color=default] {
        color: var(--neu-10)
    }

    .singleBanner__title b, .singleBanner__title strong {
        font-weight: 700
    }

    .singleBanner__title em {
        font-style: italic
    }

@media (max-width:1024px) {
    .singleBanner__title {
        font-size: 2rem;
        line-height: 1.25em;
        letter-spacing: -.016em
    }
}

.singleBanner__description {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1rem;
    line-height: 1.5em;
    letter-spacing: -.011em;
    font-weight: 400
}

    .singleBanner__description .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .singleBanner__description .link a:hover {
            color: var(--m-01)
        }

    .singleBanner__description mark, .singleBanner__description mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .singleBanner__description mark[data-color=gray] {
            color: var(--neu-07)
        }

        .singleBanner__description mark[data-color=default] {
            color: var(--neu-10)
        }

    .singleBanner__description span.m-01--dark-01, .singleBanner__description span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .singleBanner__description span.neu-07, .singleBanner__description span[data-color=gray] {
        color: var(--neu-07)
    }

    .singleBanner__description span.neu-10, .singleBanner__description span[data-color=default] {
        color: var(--neu-10)
    }

    .singleBanner__description b, .singleBanner__description strong {
        font-weight: 700
    }

    .singleBanner__description em {
        font-style: italic
    }

.singleBanner[data-width=full] .wrapper {
    padding-top: 0;
    padding-bottom: 0
}

.singleBanner[data-width=full] .defaultDivider {
    display: none !important
}

.singleBanner[data-width=full] .singleBanner__content {
    padding: 0;
    width: 100%
}

.singleBanner[data-width=full] .singleBanner__innerWrapper {
    padding: 96px 0
}

@media (max-width:1024px) {
    .singleBanner[data-width=full] .singleBanner__innerWrapper {
        padding: 64px 0
    }
}

@media (max-width:768px) {
    .singleBanner[data-width=full] .singleBanner__innerWrapper {
        padding: 40px 0
    }
}

.singleBanner[data-width=full] .singleBanner__description {
    margin-top: 24px
}

.singleBanner[data-width=full] .btnContainer {
    margin-top: 32px
}

.singleBanner[data-width=full][data-bg=media] .singleBanner__innerWrapper, .singleBanner[data-width=full][data-bg=media] .wrapper {
    position: static
}

.singleBanner[data-width=content] {
    background: transparent !important
}

    .singleBanner[data-width=content] .singleBanner__innerWrapper {
        padding: 72px 0
    }

@media (max-width:1024px) {
    .singleBanner[data-width=content] .singleBanner__innerWrapper {
        padding: 40px 0
    }
}

.singleBanner[data-width=content] .singleBanner__description {
    margin-top: 16px
}

.singleBanner[data-width=content] .btnContainer {
    margin-top: 24px
}

    .singleBanner[data-width=content] .btnContainer .btn, .singleBanner[data-width=content] .btnContainer .btn--icon, .singleBanner[data-width=content] .btnContainer .btn--primary, .singleBanner[data-width=content] .btnContainer .btn--primary--dark, .singleBanner[data-width=content] .btnContainer .btn--secondary, .singleBanner[data-width=content] .btnContainer .btn--small, .singleBanner[data-width=content] .btnContainer .btn--tertiary {
        width: auto
    }

.singleBanner[data-width=content][data-bg=g-01] .singleBanner__innerWrapper {
    background: var(--g-01)
}

.singleBanner[data-width=content][data-bg=g-02] .singleBanner__innerWrapper {
    background: var(--g-02)
}

.singleBanner[data-width=content][data-bg=g-03] .singleBanner__innerWrapper {
    background: var(--g-03)
}

.singleBanner[data-width=content][data-bg=g-04] .singleBanner__innerWrapper {
    background: var(--g-04)
}

.singleBanner[data-width=content][data-bg=neu-01] .singleBanner__innerWrapper {
    background: var(--neu-01)
}

.singleBanner[data-width=content][data-bg=neu-02] .singleBanner__innerWrapper {
    background: var(--neu-02)
}

.singleBanner[data-bg=media] .singleBanner__innerWrapper {
    background: var(--neu-10)
}

.singleBanner:not([data-bg=media]) .media {
    display: none
}

.spotResult {
    overflow: hidden
}

@media (max-width:1024px) {
    .spotResult {
        background: var(--neu-01)
    }
}

@media (max-width:1024px) {
    .spotResult__card {
        max-width: 636px;
        flex-direction: row;
        max-width: 83vw
    }

        .spotResult__card .thumbResultsCard__image {
            height: auto;
            width: 89px;
            min-width: 89px;
            border-top-left-radius: 2px;
            border-top-right-radius: 0;
            border-bottom-left-radius: 2px
        }

        .spotResult__card .thumbResultsCard__content {
            justify-content: flex-start
        }

        .spotResult__card .thumbResultsCard__sideInfo {
            transform: none;
            justify-content: space-between
        }

        .spotResult__card .thumbResultsCard__text {
            padding: 0
        }

        .spotResult__card .thumbResultsCard__description {
            margin-top: 4px
        }
}

@media (max-width:1024px) and (max-width:512px) {
    .spotResult__card .thumbResultsCard__btnContainer {
        margin-top: 8px
    }
}

.spotResult__wrapper {
    display: flex;
    max-width: 1440px;
    margin: 0 auto
}

@media (max-width:1024px) {
    .spotResult__wrapper {
        padding: 0;
        flex-direction: column
    }
}

.spotResult__leftContainer {
    width: 61%;
    display: flex;
    justify-content: flex-end;
    padding-left: 64px
}

@media (max-width:1280px) {
    .spotResult__leftContainer {
        padding-left: 40px
    }
}

@media (max-width:1024px) {
    .spotResult__leftContainer {
        padding: 0 32px;
        width: 100%
    }
}

@media (max-width:768px) {
    .spotResult__leftContainer {
        padding: 0 24px
    }
}

@media (max-width:512px) {
    .spotResult__leftContainer {
        padding: 0 16px
    }
}

.spotResult__rightContainer {
    width: 39%
}

.spotResult__spots {
    z-index: 10;
    display: flex;
    flex-direction: column;
    padding-right: 48px;
    padding-top: 200px;
    background: transparent;
    max-width: 968px
}

@media (max-width:1280px) {
    .spotResult__spots {
        grid-column: 1/10
    }
}

@media (max-width:1024px) {
    .spotResult__spots {
        padding-top: 8px;
        grid-column: 1/7;
        padding-right: 0;
        padding-top: 100px
    }
}

.spotResult__spots:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100vw;
    height: 100%;
    background: inherit;
    z-index: -1;
    background: hsla(0,0%,98%,.8);
    -webkit-backdrop-filter: blur(80px);
    backdrop-filter: blur(80px)
}

@media (max-width:1024px) {
    .spotResult__spots:after {
        display: none
    }
}

.spotResult__spots .sticky + .spotsList {
    padding-top: 20px
}

@media (max-width:1024px) {
    .spotResult .dialogueFilterBarWithSort {
        padding: 16px 24px
    }
}

@media (max-width:512px) {
    .spotResult .dialogueFilterBarWithSort {
        padding: 16px
    }
}

.spotResult .spotsList {
    width: 100%;
    background-color: transparent
}

@media (max-width:1024px) {
    .spotResult .spotsList {
        background-color: var(--neu-01);
        padding: 0 24px
    }
}

@media (max-width:512px) {
    .spotResult .spotsList {
        padding: 0 16px
    }
}

.spotResult .spotsList .wrapper {
    padding: 0;
    display: unset
}

.spotResult .spotsList * > .btnContainer {
    margin-top: 40px;
    margin-bottom: 56px
}

.spotResult .spotsList__grid {
    width: 100%;
    margin-top: 0
}

.spotResult__map {
    height: 100%;
    width: 45vw
}

    .spotResult__map.active {
        display: block
    }

@media (max-width:1024px) {
    .spotResult__map {
        display: none;
        z-index: 20
    }
}

.spotResult__mapWrapper {
    height: 100%;
    width: 100%
}

.spotResult__mapContainer {
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover
}

.spotResult__tabButton {
    display: none;
    position: fixed;
    z-index: 21;
    bottom: 28px;
    left: 50%;
    transform: translateX(-50%);
    opacity: 1;
    pointer-events: auto;
    transition: all .15s ease
}

    .spotResult__tabButton.hideBtn {
        display: flex;
        opacity: 0;
        pointer-events: none
    }

@media (max-width:1024px) {
    .spotResult__tabButton {
        display: flex
    }
}

.spotResultModal {
    display: none;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    overflow: hidden;
    position: relative
}

    .spotResultModal:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background: var(--neu-10);
        opacity: .6;
        z-index: 1
    }

.spotResultModal__innerContainer {
    height: 90%;
    width: 640px;
    z-index: 1;
    margin: 0 16px;
    overflow: hidden;
    display: grid;
    align-content: flex-start;
    grid-template-rows: auto auto auto 1fr auto
}

@media (max-width:512px) {
    .spotResultModal__innerContainer {
        margin: 0;
        height: 100%;
        width: 100%
    }
}

.spotResultModal.show {
    display: flex;
    position: fixed;
    justify-content: center;
    align-items: center
}

.spotResultModal header {
    display: flex;
    margin: 27px 40px 0;
    justify-content: space-between
}

@media (max-width:512px) {
    .spotResultModal header {
        margin: 24px 20px 0
    }
}

.spotResultModal__leftContainer {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-direction: column;
    align-items: flex-start
}

.spotResultModal__title {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Calma Global Medium,sans-serif;
    font-size: 2rem;
    line-height: 1.25em;
    letter-spacing: -.016em
}

    .spotResultModal__title .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .spotResultModal__title .link a:hover {
            color: var(--m-01)
        }

    .spotResultModal__title mark, .spotResultModal__title mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .spotResultModal__title mark[data-color=gray] {
            color: var(--neu-07)
        }

        .spotResultModal__title mark[data-color=default] {
            color: var(--neu-10)
        }

    .spotResultModal__title span.m-01--dark-01, .spotResultModal__title span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .spotResultModal__title span.neu-07, .spotResultModal__title span[data-color=gray] {
        color: var(--neu-07)
    }

    .spotResultModal__title span.neu-10, .spotResultModal__title span[data-color=default] {
        color: var(--neu-10)
    }

    .spotResultModal__title b, .spotResultModal__title strong {
        font-weight: 700
    }

    .spotResultModal__title em {
        font-style: italic
    }

@media (max-width:1024px) {
    .spotResultModal__title {
        font-size: 1.625rem;
        line-height: 1.231em;
        letter-spacing: 0
    }
}

.spotResultModal__closeButton {
    top: -10px;
    cursor: pointer
}

    .spotResultModal__closeButton i:before {
        font-size: 18px
    }

.spotResultModal__buttons {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 40px
}

    .spotResultModal__buttons .btnBookmark, .spotResultModal__buttons .btnBookmark--small, .spotResultModal__buttons .btnBookmark.selected.btnBookmark--small {
        height: auto
    }

        .spotResultModal__buttons .btnBookmark--small:before, .spotResultModal__buttons .btnBookmark.selected.btnBookmark--small:before, .spotResultModal__buttons .btnBookmark:before {
            right: 5px
        }

@media (max-width:512px) {
    .spotResultModal__buttons {
        margin: 11px 16px 0
    }
}

.spotResultModal__buttons .btn--tertiary {
    margin: 0
}

.spotResultModal__line--header {
    margin: 18px 40px 0
}

@media (max-width:512px) {
    .spotResultModal__line--header {
        margin: 16px 0 0
    }
}

.spotResultModal__line--footer {
    margin: 0 40px
}

@media (max-width:512px) {
    .spotResultModal__line--footer {
        margin: 0
    }
}

@media (max-width:512px) {
    .spotResultModal__line {
        width: 100%
    }
}

.spotResultModal__content {
    overflow-y: scroll
}

    .spotResultModal__content::-webkit-scrollbar-track {
        border-radius: 20px;
        background-color: var(--neu-02)
    }

    .spotResultModal__content::-webkit-scrollbar {
        width: 4px
    }

    .spotResultModal__content::-webkit-scrollbar-thumb {
        border-radius: 20px;
        background-color: var(--neu-05)
    }

.spotResultModal__resume {
    display: flex;
    gap: 24px;
    margin: 18px 40px 0
}

@media (max-width:512px) {
    .spotResultModal__resume {
        flex-direction: column;
        margin: 16px 16px 0
    }
}

.spotResultModal__figure {
    max-width: 192px;
    width: 100%
}

@media (max-width:512px) {
    .spotResultModal__figure {
        max-width: 100%
    }
}

.spotResultModal__img {
    width: 100%;
    height: 152px;
    -o-object-fit: cover;
    object-fit: cover
}

.spotResultModal__textBoxTitle {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1rem;
    line-height: 1.5em;
    letter-spacing: -.011em;
    font-weight: 400;
    margin-top: 4px
}

    .spotResultModal__textBoxTitle .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .spotResultModal__textBoxTitle .link a:hover {
            color: var(--m-01)
        }

    .spotResultModal__textBoxTitle mark, .spotResultModal__textBoxTitle mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .spotResultModal__textBoxTitle mark[data-color=gray] {
            color: var(--neu-07)
        }

        .spotResultModal__textBoxTitle mark[data-color=default] {
            color: var(--neu-10)
        }

    .spotResultModal__textBoxTitle span.m-01--dark-01, .spotResultModal__textBoxTitle span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .spotResultModal__textBoxTitle span.neu-07, .spotResultModal__textBoxTitle span[data-color=gray] {
        color: var(--neu-07)
    }

    .spotResultModal__textBoxTitle span.neu-10, .spotResultModal__textBoxTitle span[data-color=default] {
        color: var(--neu-10)
    }

    .spotResultModal__textBoxTitle b, .spotResultModal__textBoxTitle strong {
        font-weight: 700
    }

    .spotResultModal__textBoxTitle em {
        font-style: italic
    }

.spotResultModal__textBoxList {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: .813rem;
    line-height: 1.538em;
    letter-spacing: -.003em;
    font-weight: 400;
    margin-top: 24px
}

    .spotResultModal__textBoxList .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .spotResultModal__textBoxList .link a:hover {
            color: var(--m-01)
        }

    .spotResultModal__textBoxList mark, .spotResultModal__textBoxList mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .spotResultModal__textBoxList mark[data-color=gray] {
            color: var(--neu-07)
        }

        .spotResultModal__textBoxList mark[data-color=default] {
            color: var(--neu-10)
        }

    .spotResultModal__textBoxList span.m-01--dark-01, .spotResultModal__textBoxList span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .spotResultModal__textBoxList span.neu-07, .spotResultModal__textBoxList span[data-color=gray] {
        color: var(--neu-07)
    }

    .spotResultModal__textBoxList span.neu-10, .spotResultModal__textBoxList span[data-color=default] {
        color: var(--neu-10)
    }

    .spotResultModal__textBoxList b, .spotResultModal__textBoxList strong {
        font-weight: 700
    }

    .spotResultModal__textBoxList em {
        font-style: italic
    }

.spotResultModal .collapsedInfo {
    margin: 30px 40px 0
}

@media (max-width:512px) {
    .spotResultModal .collapsedInfo {
        margin: 34px 16px 0
    }
}

.spotResultModal__filterBottom {
    width: 100%;
    align-self: flex-end
}

.spotResultModal__filterBottomContent {
    justify-content: flex-end;
    display: flex;
    width: 100%;
    padding: 24px 40px 31px;
    background-color: var(--neu-01);
    align-items: center;
    gap: 120px
}

@media (max-width:768px) {
    .spotResultModal__filterBottomContent {
        gap: 16px
    }
}

@media (max-width:512px) {
    .spotResultModal__filterBottomContent {
        height: 98px;
        justify-content: space-between;
        padding: 16px 16px 24px;
        flex-direction: row;
        gap: 16px
    }
}

@media (max-width:512px) {
    .spotResultModal__filterBottomContent button {
        margin-bottom: 0
    }

        .spotResultModal__filterBottomContent button.btn--secondary {
            width: auto
        }

        .spotResultModal__filterBottomContent button:last-child {
            width: 100%
        }
}

.spotResultModal__filterBottomText {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: .813rem;
    line-height: 1.538em;
    letter-spacing: -.003em;
    font-weight: 400
}

    .spotResultModal__filterBottomText .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .spotResultModal__filterBottomText .link a:hover {
            color: var(--m-01)
        }

    .spotResultModal__filterBottomText mark, .spotResultModal__filterBottomText mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .spotResultModal__filterBottomText mark[data-color=gray] {
            color: var(--neu-07)
        }

        .spotResultModal__filterBottomText mark[data-color=default] {
            color: var(--neu-10)
        }

    .spotResultModal__filterBottomText span.m-01--dark-01, .spotResultModal__filterBottomText span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .spotResultModal__filterBottomText span.neu-07, .spotResultModal__filterBottomText span[data-color=gray] {
        color: var(--neu-07)
    }

    .spotResultModal__filterBottomText span.neu-10, .spotResultModal__filterBottomText span[data-color=default] {
        color: var(--neu-10)
    }

    .spotResultModal__filterBottomText b, .spotResultModal__filterBottomText strong {
        font-weight: 700
    }

    .spotResultModal__filterBottomText em {
        font-style: italic
    }

.spotsList {
    background: var(--neu-01)
}

    .spotsList .wrapper {
        padding-top: 48px;
        padding-bottom: 64px
    }

@media (max-width:1024px) {
    .spotsList .wrapper {
        padding-top: 24px;
        padding-bottom: 56px
    }
}

@media (max-width:768px) {
    .spotsList .wrapper {
        padding-bottom: 56px
    }
}

.spotsList__innerContainer {
    display: flex;
    flex-direction: column;
    margin: 0;
    padding-bottom: 56px
}

.spotsList__results {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1rem;
    line-height: 1.5em;
    letter-spacing: -.011em;
    font-weight: 400;
    color: var(--neu-10);
    grid-column: 2/12
}

    .spotsList__results .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .spotsList__results .link a:hover {
            color: var(--m-01)
        }

    .spotsList__results mark, .spotsList__results mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .spotsList__results mark[data-color=gray] {
            color: var(--neu-07)
        }

        .spotsList__results mark[data-color=default] {
            color: var(--neu-10)
        }

    .spotsList__results span.m-01--dark-01, .spotsList__results span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .spotsList__results span.neu-07, .spotsList__results span[data-color=gray] {
        color: var(--neu-07)
    }

    .spotsList__results span.neu-10, .spotsList__results span[data-color=default] {
        color: var(--neu-10)
    }

    .spotsList__results b, .spotsList__results strong {
        font-weight: 700
    }

    .spotsList__results em {
        font-style: italic
    }

    .spotsList__results mark {
        font-weight: 700
    }

@media (max-width:1024px) {
    .spotsList__results {
        grid-column: 1/13
    }
}

@media (max-width:1024px) and (max-width:1024px) {
    .spotsList__results {
        grid-column: 1/7
    }
}

.spotsList__grid {
    grid-column: 2/12;
    margin-top: 32px;
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 16px
}

@media (max-width:1024px) {
    .spotsList__grid {
        grid-column: 1/13
    }
}

@media (max-width:1024px) and (max-width:1024px) {
    .spotsList__grid {
        grid-column: 1/7
    }
}

.spotsList * > .btnContainer {
    grid-column: 1/13;
    margin-top: 48px
}

@media (max-width:1024px) {
    .spotsList * > .btnContainer {
        grid-column: 1/7
    }
}

@media (max-width:768px) {
    .spotsList * > .btnContainer {
        margin-top: 32px
    }
}

@media (max-width:768px) {
    .spotsList .caseCard, .spotsList .caseCard--small {
        min-height: 324px;
        max-width: 960px
    }

        .spotsList .caseCard--small .caseCard__content, .spotsList .caseCard .caseCard__content {
            padding: 24px 16px 16px
        }

        .spotsList .caseCard--small .caseCard__title, .spotsList .caseCard .caseCard__title {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Calma Global Medium,sans-serif;
            font-size: 1.625rem;
            line-height: 1.231em;
            letter-spacing: 0
        }

            .spotsList .caseCard--small .caseCard__title .link a, .spotsList .caseCard .caseCard__title .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .spotsList .caseCard--small .caseCard__title .link a:hover, .spotsList .caseCard .caseCard__title .link a:hover {
                    color: var(--m-01)
                }

            .spotsList .caseCard--small .caseCard__title mark, .spotsList .caseCard--small .caseCard__title mark[data-color=color], .spotsList .caseCard .caseCard__title mark, .spotsList .caseCard .caseCard__title mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .spotsList .caseCard--small .caseCard__title mark[data-color=gray], .spotsList .caseCard .caseCard__title mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .spotsList .caseCard--small .caseCard__title mark[data-color=default], .spotsList .caseCard .caseCard__title mark[data-color=default] {
                    color: var(--neu-10)
                }

            .spotsList .caseCard--small .caseCard__title span.m-01--dark-01, .spotsList .caseCard--small .caseCard__title span[data-color=color], .spotsList .caseCard .caseCard__title span.m-01--dark-01, .spotsList .caseCard .caseCard__title span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .spotsList .caseCard--small .caseCard__title span.neu-07, .spotsList .caseCard--small .caseCard__title span[data-color=gray], .spotsList .caseCard .caseCard__title span.neu-07, .spotsList .caseCard .caseCard__title span[data-color=gray] {
                color: var(--neu-07)
            }

            .spotsList .caseCard--small .caseCard__title span.neu-10, .spotsList .caseCard--small .caseCard__title span[data-color=default], .spotsList .caseCard .caseCard__title span.neu-10, .spotsList .caseCard .caseCard__title span[data-color=default] {
                color: var(--neu-10)
            }

            .spotsList .caseCard--small .caseCard__title b, .spotsList .caseCard--small .caseCard__title strong, .spotsList .caseCard .caseCard__title b, .spotsList .caseCard .caseCard__title strong {
                font-weight: 700
            }

            .spotsList .caseCard--small .caseCard__title em, .spotsList .caseCard .caseCard__title em {
                font-style: italic
            }

    .spotsList .countyCard, .spotsList .countyCard--small {
        max-width: 960px;
        height: 100%;
        min-height: 80px
    }

    .spotsList .industryCard, .spotsList .industryCard--small {
        max-width: 960px;
        max-width: 480px;
        min-height: 240px
    }

        .spotsList .industryCard--small .industryCard__content, .spotsList .industryCard .industryCard__content {
            padding: 24px 16px 16px
        }

        .spotsList .industryCard--small .industryCard__title, .spotsList .industryCard .industryCard__title {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Calma Global Medium,sans-serif;
            font-size: 1.625rem;
            line-height: 1.231em;
            letter-spacing: 0
        }

            .spotsList .industryCard--small .industryCard__title .link a, .spotsList .industryCard .industryCard__title .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .spotsList .industryCard--small .industryCard__title .link a:hover, .spotsList .industryCard .industryCard__title .link a:hover {
                    color: var(--m-01)
                }

            .spotsList .industryCard--small .industryCard__title mark, .spotsList .industryCard--small .industryCard__title mark[data-color=color], .spotsList .industryCard .industryCard__title mark, .spotsList .industryCard .industryCard__title mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .spotsList .industryCard--small .industryCard__title mark[data-color=gray], .spotsList .industryCard .industryCard__title mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .spotsList .industryCard--small .industryCard__title mark[data-color=default], .spotsList .industryCard .industryCard__title mark[data-color=default] {
                    color: var(--neu-10)
                }

            .spotsList .industryCard--small .industryCard__title span.m-01--dark-01, .spotsList .industryCard--small .industryCard__title span[data-color=color], .spotsList .industryCard .industryCard__title span.m-01--dark-01, .spotsList .industryCard .industryCard__title span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .spotsList .industryCard--small .industryCard__title span.neu-07, .spotsList .industryCard--small .industryCard__title span[data-color=gray], .spotsList .industryCard .industryCard__title span.neu-07, .spotsList .industryCard .industryCard__title span[data-color=gray] {
                color: var(--neu-07)
            }

            .spotsList .industryCard--small .industryCard__title span.neu-10, .spotsList .industryCard--small .industryCard__title span[data-color=default], .spotsList .industryCard .industryCard__title span.neu-10, .spotsList .industryCard .industryCard__title span[data-color=default] {
                color: var(--neu-10)
            }

            .spotsList .industryCard--small .industryCard__title b, .spotsList .industryCard--small .industryCard__title strong, .spotsList .industryCard .industryCard__title b, .spotsList .industryCard .industryCard__title strong {
                font-weight: 700
            }

            .spotsList .industryCard--small .industryCard__title em, .spotsList .industryCard .industryCard__title em {
                font-style: italic
            }

    .spotsList .itemCard, .spotsList .itemCard--small {
        max-width: 960px;
        padding: 24px 16px 32px 4px;
        height: 100%
    }

        .spotsList .itemCard--small .itemCard__text, .spotsList .itemCard .itemCard__text {
            max-width: 310px
        }

    .spotsList .readingImageCard, .spotsList .readingImageCard--small {
        max-width: 960px;
        background: transparent;
        box-shadow: none;
        border-bottom: 1px solid var(--neu-03);
        min-height: auto;
        flex-direction: row;
        padding: 8px 0 16px;
        border-radius: 0
    }

        .spotsList .readingImageCard--small .readingImageCard__image, .spotsList .readingImageCard .readingImageCard__image {
            height: auto;
            max-width: 110px;
            flex: 1;
            border-radius: 0
        }

        .spotsList .readingImageCard--small .readingImageCard__content, .spotsList .readingImageCard .readingImageCard__content {
            padding: 0 0 0 16px;
            flex: 2;
            justify-content: flex-start
        }

        .spotsList .readingImageCard--small .readingImageCard__text, .spotsList .readingImageCard .readingImageCard__text {
            padding: 0;
            padding-right: 24px
        }

        .spotsList .readingImageCard--small .readingImageCard__title, .spotsList .readingImageCard .readingImageCard__title {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Inter,sans-serif;
            font-size: 1rem;
            line-height: 1.5em;
            letter-spacing: -.011em;
            font-weight: 700;
            margin-top: 4px
        }

            .spotsList .readingImageCard--small .readingImageCard__title .link a, .spotsList .readingImageCard .readingImageCard__title .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .spotsList .readingImageCard--small .readingImageCard__title .link a:hover, .spotsList .readingImageCard .readingImageCard__title .link a:hover {
                    color: var(--m-01)
                }

            .spotsList .readingImageCard--small .readingImageCard__title mark, .spotsList .readingImageCard--small .readingImageCard__title mark[data-color=color], .spotsList .readingImageCard .readingImageCard__title mark, .spotsList .readingImageCard .readingImageCard__title mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .spotsList .readingImageCard--small .readingImageCard__title mark[data-color=gray], .spotsList .readingImageCard .readingImageCard__title mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .spotsList .readingImageCard--small .readingImageCard__title mark[data-color=default], .spotsList .readingImageCard .readingImageCard__title mark[data-color=default] {
                    color: var(--neu-10)
                }

            .spotsList .readingImageCard--small .readingImageCard__title span.m-01--dark-01, .spotsList .readingImageCard--small .readingImageCard__title span[data-color=color], .spotsList .readingImageCard .readingImageCard__title span.m-01--dark-01, .spotsList .readingImageCard .readingImageCard__title span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .spotsList .readingImageCard--small .readingImageCard__title span.neu-07, .spotsList .readingImageCard--small .readingImageCard__title span[data-color=gray], .spotsList .readingImageCard .readingImageCard__title span.neu-07, .spotsList .readingImageCard .readingImageCard__title span[data-color=gray] {
                color: var(--neu-07)
            }

            .spotsList .readingImageCard--small .readingImageCard__title span.neu-10, .spotsList .readingImageCard--small .readingImageCard__title span[data-color=default], .spotsList .readingImageCard .readingImageCard__title span.neu-10, .spotsList .readingImageCard .readingImageCard__title span[data-color=default] {
                color: var(--neu-10)
            }

            .spotsList .readingImageCard--small .readingImageCard__title b, .spotsList .readingImageCard--small .readingImageCard__title strong, .spotsList .readingImageCard .readingImageCard__title b, .spotsList .readingImageCard .readingImageCard__title strong {
                font-weight: 700
            }

            .spotsList .readingImageCard--small .readingImageCard__title em, .spotsList .readingImageCard .readingImageCard__title em {
                font-style: italic
            }

        .spotsList .readingImageCard--small .readingImageCard__infoItem i, .spotsList .readingImageCard .readingImageCard__infoItem i {
            display: none
        }

        .spotsList .readingImageCard--small .btnBookmark, .spotsList .readingImageCard--small .btnBookmark--privateArea, .spotsList .readingImageCard--small .btnBookmark--small, .spotsList .readingImageCard .btnBookmark, .spotsList .readingImageCard .btnBookmark--privateArea, .spotsList .readingImageCard .btnBookmark--small {
            top: -8px;
            right: -16px;
            z-index: 2
        }

            .spotsList .readingImageCard--small .btnBookmark--privateArea .btnBookmark, .spotsList .readingImageCard--small .btnBookmark--privateArea .btnBookmark--small, .spotsList .readingImageCard .btnBookmark--privateArea .btnBookmark, .spotsList .readingImageCard .btnBookmark--privateArea .btnBookmark--small {
                top: 0;
                right: 0
            }

        .spotsList .readingImageCard--small:hover, .spotsList .readingImageCard:hover {
            box-shadow: none;
            transform: none
        }

    .spotsList .readingTextCard, .spotsList .readingTextCard--small {
        max-width: 960px;
        background: transparent;
        box-shadow: none;
        border-bottom: 1px solid var(--neu-03);
        min-height: auto;
        flex-direction: row;
        padding: 8px 0 16px;
        border-radius: 0
    }

        .spotsList .readingTextCard--small .readingTextCard__content, .spotsList .readingTextCard .readingTextCard__content {
            flex: 2
        }

        .spotsList .readingTextCard--small .readingTextCard__text, .spotsList .readingTextCard .readingTextCard__text {
            padding: 0
        }

        .spotsList .readingTextCard--small .readingTextCard__title, .spotsList .readingTextCard .readingTextCard__title {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Inter,sans-serif;
            font-size: 1rem;
            line-height: 1.5em;
            letter-spacing: -.011em;
            font-weight: 700;
            margin-top: 4px
        }

            .spotsList .readingTextCard--small .readingTextCard__title .link a, .spotsList .readingTextCard .readingTextCard__title .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .spotsList .readingTextCard--small .readingTextCard__title .link a:hover, .spotsList .readingTextCard .readingTextCard__title .link a:hover {
                    color: var(--m-01)
                }

            .spotsList .readingTextCard--small .readingTextCard__title mark, .spotsList .readingTextCard--small .readingTextCard__title mark[data-color=color], .spotsList .readingTextCard .readingTextCard__title mark, .spotsList .readingTextCard .readingTextCard__title mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .spotsList .readingTextCard--small .readingTextCard__title mark[data-color=gray], .spotsList .readingTextCard .readingTextCard__title mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .spotsList .readingTextCard--small .readingTextCard__title mark[data-color=default], .spotsList .readingTextCard .readingTextCard__title mark[data-color=default] {
                    color: var(--neu-10)
                }

            .spotsList .readingTextCard--small .readingTextCard__title span.m-01--dark-01, .spotsList .readingTextCard--small .readingTextCard__title span[data-color=color], .spotsList .readingTextCard .readingTextCard__title span.m-01--dark-01, .spotsList .readingTextCard .readingTextCard__title span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .spotsList .readingTextCard--small .readingTextCard__title span.neu-07, .spotsList .readingTextCard--small .readingTextCard__title span[data-color=gray], .spotsList .readingTextCard .readingTextCard__title span.neu-07, .spotsList .readingTextCard .readingTextCard__title span[data-color=gray] {
                color: var(--neu-07)
            }

            .spotsList .readingTextCard--small .readingTextCard__title span.neu-10, .spotsList .readingTextCard--small .readingTextCard__title span[data-color=default], .spotsList .readingTextCard .readingTextCard__title span.neu-10, .spotsList .readingTextCard .readingTextCard__title span[data-color=default] {
                color: var(--neu-10)
            }

            .spotsList .readingTextCard--small .readingTextCard__title b, .spotsList .readingTextCard--small .readingTextCard__title strong, .spotsList .readingTextCard .readingTextCard__title b, .spotsList .readingTextCard .readingTextCard__title strong {
                font-weight: 700
            }

            .spotsList .readingTextCard--small .readingTextCard__title em, .spotsList .readingTextCard .readingTextCard__title em {
                font-style: italic
            }

        .spotsList .readingTextCard--small .readingTextCard__description, .spotsList .readingTextCard--small .readingTextCard__infoItem i, .spotsList .readingTextCard .readingTextCard__description, .spotsList .readingTextCard .readingTextCard__infoItem i {
            display: none
        }

        .spotsList .readingTextCard--small:hover, .spotsList .readingTextCard:hover {
            box-shadow: none;
            transform: none
        }

    .spotsList .regionCard, .spotsList .regionCard--small {
        max-width: 960px;
        min-height: 270px
    }

        .spotsList .regionCard--small .regionCard__content, .spotsList .regionCard .regionCard__content {
            padding: 24px 16px 16px
        }

        .spotsList .regionCard--small .regionCard__title, .spotsList .regionCard .regionCard__title {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Calma Global Medium,sans-serif;
            font-size: 2rem;
            line-height: 1.25em;
            letter-spacing: -.016em
        }

            .spotsList .regionCard--small .regionCard__title .link a, .spotsList .regionCard .regionCard__title .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .spotsList .regionCard--small .regionCard__title .link a:hover, .spotsList .regionCard .regionCard__title .link a:hover {
                    color: var(--m-01)
                }

            .spotsList .regionCard--small .regionCard__title mark, .spotsList .regionCard--small .regionCard__title mark[data-color=color], .spotsList .regionCard .regionCard__title mark, .spotsList .regionCard .regionCard__title mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .spotsList .regionCard--small .regionCard__title mark[data-color=gray], .spotsList .regionCard .regionCard__title mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .spotsList .regionCard--small .regionCard__title mark[data-color=default], .spotsList .regionCard .regionCard__title mark[data-color=default] {
                    color: var(--neu-10)
                }

            .spotsList .regionCard--small .regionCard__title span.m-01--dark-01, .spotsList .regionCard--small .regionCard__title span[data-color=color], .spotsList .regionCard .regionCard__title span.m-01--dark-01, .spotsList .regionCard .regionCard__title span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .spotsList .regionCard--small .regionCard__title span.neu-07, .spotsList .regionCard--small .regionCard__title span[data-color=gray], .spotsList .regionCard .regionCard__title span.neu-07, .spotsList .regionCard .regionCard__title span[data-color=gray] {
                color: var(--neu-07)
            }

            .spotsList .regionCard--small .regionCard__title span.neu-10, .spotsList .regionCard--small .regionCard__title span[data-color=default], .spotsList .regionCard .regionCard__title span.neu-10, .spotsList .regionCard .regionCard__title span[data-color=default] {
                color: var(--neu-10)
            }

            .spotsList .regionCard--small .regionCard__title b, .spotsList .regionCard--small .regionCard__title strong, .spotsList .regionCard .regionCard__title b, .spotsList .regionCard .regionCard__title strong {
                font-weight: 700
            }

            .spotsList .regionCard--small .regionCard__title em, .spotsList .regionCard .regionCard__title em {
                font-style: italic
            }
}

@media (max-width:768px) and (max-width:1024px) {
    .spotsList .regionCard--small .regionCard__title, .spotsList .regionCard .regionCard__title {
        font-size: 1.625rem;
        line-height: 1.231em;
        letter-spacing: 0
    }
}

@media (max-width:768px) {
    .spotsList .resourceCard, .spotsList .resourceCard--small {
        max-width: 960px;
        min-height: 200px;
        height: 100%;
        padding: 24px 16px
    }

        .spotsList .resourceCard--small .resourceCard__title, .spotsList .resourceCard .resourceCard__title {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Inter,sans-serif;
            font-size: 1.188rem;
            line-height: 1.263em;
            letter-spacing: -.016em;
            font-weight: 400;
            margin-top: 4px
        }

            .spotsList .resourceCard--small .resourceCard__title .link a, .spotsList .resourceCard .resourceCard__title .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .spotsList .resourceCard--small .resourceCard__title .link a:hover, .spotsList .resourceCard .resourceCard__title .link a:hover {
                    color: var(--m-01)
                }

            .spotsList .resourceCard--small .resourceCard__title mark, .spotsList .resourceCard--small .resourceCard__title mark[data-color=color], .spotsList .resourceCard .resourceCard__title mark, .spotsList .resourceCard .resourceCard__title mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .spotsList .resourceCard--small .resourceCard__title mark[data-color=gray], .spotsList .resourceCard .resourceCard__title mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .spotsList .resourceCard--small .resourceCard__title mark[data-color=default], .spotsList .resourceCard .resourceCard__title mark[data-color=default] {
                    color: var(--neu-10)
                }

            .spotsList .resourceCard--small .resourceCard__title span.m-01--dark-01, .spotsList .resourceCard--small .resourceCard__title span[data-color=color], .spotsList .resourceCard .resourceCard__title span.m-01--dark-01, .spotsList .resourceCard .resourceCard__title span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .spotsList .resourceCard--small .resourceCard__title span.neu-07, .spotsList .resourceCard--small .resourceCard__title span[data-color=gray], .spotsList .resourceCard .resourceCard__title span.neu-07, .spotsList .resourceCard .resourceCard__title span[data-color=gray] {
                color: var(--neu-07)
            }

            .spotsList .resourceCard--small .resourceCard__title span.neu-10, .spotsList .resourceCard--small .resourceCard__title span[data-color=default], .spotsList .resourceCard .resourceCard__title span.neu-10, .spotsList .resourceCard .resourceCard__title span[data-color=default] {
                color: var(--neu-10)
            }

            .spotsList .resourceCard--small .resourceCard__title b, .spotsList .resourceCard--small .resourceCard__title strong, .spotsList .resourceCard .resourceCard__title b, .spotsList .resourceCard .resourceCard__title strong {
                font-weight: 700
            }

            .spotsList .resourceCard--small .resourceCard__title em, .spotsList .resourceCard .resourceCard__title em {
                font-style: italic
            }

        .spotsList .resourceCard--small .btn, .spotsList .resourceCard--small .btn--icon, .spotsList .resourceCard--small .btn--primary, .spotsList .resourceCard--small .btn--primary--dark, .spotsList .resourceCard--small .btn--secondary, .spotsList .resourceCard--small .btn--small, .spotsList .resourceCard--small .btn--tertiary, .spotsList .resourceCard .btn, .spotsList .resourceCard .btn--icon, .spotsList .resourceCard .btn--primary, .spotsList .resourceCard .btn--primary--dark, .spotsList .resourceCard .btn--secondary, .spotsList .resourceCard .btn--small, .spotsList .resourceCard .btn--tertiary {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Inter,sans-serif;
            font-size: .813rem;
            line-height: 1.538em;
            letter-spacing: -.003em;
            font-weight: 400;
            font-weight: 700;
            padding: 0 20px;
            height: 40px
        }

            .spotsList .resourceCard--small .btn--icon .link a, .spotsList .resourceCard--small .btn--primary--dark .link a, .spotsList .resourceCard--small .btn--primary .link a, .spotsList .resourceCard--small .btn--secondary .link a, .spotsList .resourceCard--small .btn--small .link a, .spotsList .resourceCard--small .btn--tertiary .link a, .spotsList .resourceCard--small .btn .link a, .spotsList .resourceCard .btn--icon .link a, .spotsList .resourceCard .btn--primary--dark .link a, .spotsList .resourceCard .btn--primary .link a, .spotsList .resourceCard .btn--secondary .link a, .spotsList .resourceCard .btn--small .link a, .spotsList .resourceCard .btn--tertiary .link a, .spotsList .resourceCard .btn .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .spotsList .resourceCard--small .btn--icon .link a:hover, .spotsList .resourceCard--small .btn--primary--dark .link a:hover, .spotsList .resourceCard--small .btn--primary .link a:hover, .spotsList .resourceCard--small .btn--secondary .link a:hover, .spotsList .resourceCard--small .btn--small .link a:hover, .spotsList .resourceCard--small .btn--tertiary .link a:hover, .spotsList .resourceCard--small .btn .link a:hover, .spotsList .resourceCard .btn--icon .link a:hover, .spotsList .resourceCard .btn--primary--dark .link a:hover, .spotsList .resourceCard .btn--primary .link a:hover, .spotsList .resourceCard .btn--secondary .link a:hover, .spotsList .resourceCard .btn--small .link a:hover, .spotsList .resourceCard .btn--tertiary .link a:hover, .spotsList .resourceCard .btn .link a:hover {
                    color: var(--m-01)
                }

            .spotsList .resourceCard--small .btn--icon mark, .spotsList .resourceCard--small .btn--icon mark[data-color=color], .spotsList .resourceCard--small .btn--primary--dark mark, .spotsList .resourceCard--small .btn--primary--dark mark[data-color=color], .spotsList .resourceCard--small .btn--primary mark, .spotsList .resourceCard--small .btn--primary mark[data-color=color], .spotsList .resourceCard--small .btn--secondary mark, .spotsList .resourceCard--small .btn--secondary mark[data-color=color], .spotsList .resourceCard--small .btn--small mark, .spotsList .resourceCard--small .btn--small mark[data-color=color], .spotsList .resourceCard--small .btn--tertiary mark, .spotsList .resourceCard--small .btn--tertiary mark[data-color=color], .spotsList .resourceCard--small .btn mark, .spotsList .resourceCard--small .btn mark[data-color=color], .spotsList .resourceCard .btn--icon mark, .spotsList .resourceCard .btn--icon mark[data-color=color], .spotsList .resourceCard .btn--primary--dark mark, .spotsList .resourceCard .btn--primary--dark mark[data-color=color], .spotsList .resourceCard .btn--primary mark, .spotsList .resourceCard .btn--primary mark[data-color=color], .spotsList .resourceCard .btn--secondary mark, .spotsList .resourceCard .btn--secondary mark[data-color=color], .spotsList .resourceCard .btn--small mark, .spotsList .resourceCard .btn--small mark[data-color=color], .spotsList .resourceCard .btn--tertiary mark, .spotsList .resourceCard .btn--tertiary mark[data-color=color], .spotsList .resourceCard .btn mark, .spotsList .resourceCard .btn mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .spotsList .resourceCard--small .btn--icon mark[data-color=gray], .spotsList .resourceCard--small .btn--primary--dark mark[data-color=gray], .spotsList .resourceCard--small .btn--primary mark[data-color=gray], .spotsList .resourceCard--small .btn--secondary mark[data-color=gray], .spotsList .resourceCard--small .btn--small mark[data-color=gray], .spotsList .resourceCard--small .btn--tertiary mark[data-color=gray], .spotsList .resourceCard--small .btn mark[data-color=gray], .spotsList .resourceCard .btn--icon mark[data-color=gray], .spotsList .resourceCard .btn--primary--dark mark[data-color=gray], .spotsList .resourceCard .btn--primary mark[data-color=gray], .spotsList .resourceCard .btn--secondary mark[data-color=gray], .spotsList .resourceCard .btn--small mark[data-color=gray], .spotsList .resourceCard .btn--tertiary mark[data-color=gray], .spotsList .resourceCard .btn mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .spotsList .resourceCard--small .btn--icon mark[data-color=default], .spotsList .resourceCard--small .btn--primary--dark mark[data-color=default], .spotsList .resourceCard--small .btn--primary mark[data-color=default], .spotsList .resourceCard--small .btn--secondary mark[data-color=default], .spotsList .resourceCard--small .btn--small mark[data-color=default], .spotsList .resourceCard--small .btn--tertiary mark[data-color=default], .spotsList .resourceCard--small .btn mark[data-color=default], .spotsList .resourceCard .btn--icon mark[data-color=default], .spotsList .resourceCard .btn--primary--dark mark[data-color=default], .spotsList .resourceCard .btn--primary mark[data-color=default], .spotsList .resourceCard .btn--secondary mark[data-color=default], .spotsList .resourceCard .btn--small mark[data-color=default], .spotsList .resourceCard .btn--tertiary mark[data-color=default], .spotsList .resourceCard .btn mark[data-color=default] {
                    color: var(--neu-10)
                }

            .spotsList .resourceCard--small .btn--icon span.m-01--dark-01, .spotsList .resourceCard--small .btn--icon span[data-color=color], .spotsList .resourceCard--small .btn--primary--dark span.m-01--dark-01, .spotsList .resourceCard--small .btn--primary--dark span[data-color=color], .spotsList .resourceCard--small .btn--primary span.m-01--dark-01, .spotsList .resourceCard--small .btn--primary span[data-color=color], .spotsList .resourceCard--small .btn--secondary span.m-01--dark-01, .spotsList .resourceCard--small .btn--secondary span[data-color=color], .spotsList .resourceCard--small .btn--small span.m-01--dark-01, .spotsList .resourceCard--small .btn--small span[data-color=color], .spotsList .resourceCard--small .btn--tertiary span.m-01--dark-01, .spotsList .resourceCard--small .btn--tertiary span[data-color=color], .spotsList .resourceCard--small .btn span.m-01--dark-01, .spotsList .resourceCard--small .btn span[data-color=color], .spotsList .resourceCard .btn--icon span.m-01--dark-01, .spotsList .resourceCard .btn--icon span[data-color=color], .spotsList .resourceCard .btn--primary--dark span.m-01--dark-01, .spotsList .resourceCard .btn--primary--dark span[data-color=color], .spotsList .resourceCard .btn--primary span.m-01--dark-01, .spotsList .resourceCard .btn--primary span[data-color=color], .spotsList .resourceCard .btn--secondary span.m-01--dark-01, .spotsList .resourceCard .btn--secondary span[data-color=color], .spotsList .resourceCard .btn--small span.m-01--dark-01, .spotsList .resourceCard .btn--small span[data-color=color], .spotsList .resourceCard .btn--tertiary span.m-01--dark-01, .spotsList .resourceCard .btn--tertiary span[data-color=color], .spotsList .resourceCard .btn span.m-01--dark-01, .spotsList .resourceCard .btn span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .spotsList .resourceCard--small .btn--icon span.neu-07, .spotsList .resourceCard--small .btn--icon span[data-color=gray], .spotsList .resourceCard--small .btn--primary--dark span.neu-07, .spotsList .resourceCard--small .btn--primary--dark span[data-color=gray], .spotsList .resourceCard--small .btn--primary span.neu-07, .spotsList .resourceCard--small .btn--primary span[data-color=gray], .spotsList .resourceCard--small .btn--secondary span.neu-07, .spotsList .resourceCard--small .btn--secondary span[data-color=gray], .spotsList .resourceCard--small .btn--small span.neu-07, .spotsList .resourceCard--small .btn--small span[data-color=gray], .spotsList .resourceCard--small .btn--tertiary span.neu-07, .spotsList .resourceCard--small .btn--tertiary span[data-color=gray], .spotsList .resourceCard--small .btn span.neu-07, .spotsList .resourceCard--small .btn span[data-color=gray], .spotsList .resourceCard .btn--icon span.neu-07, .spotsList .resourceCard .btn--icon span[data-color=gray], .spotsList .resourceCard .btn--primary--dark span.neu-07, .spotsList .resourceCard .btn--primary--dark span[data-color=gray], .spotsList .resourceCard .btn--primary span.neu-07, .spotsList .resourceCard .btn--primary span[data-color=gray], .spotsList .resourceCard .btn--secondary span.neu-07, .spotsList .resourceCard .btn--secondary span[data-color=gray], .spotsList .resourceCard .btn--small span.neu-07, .spotsList .resourceCard .btn--small span[data-color=gray], .spotsList .resourceCard .btn--tertiary span.neu-07, .spotsList .resourceCard .btn--tertiary span[data-color=gray], .spotsList .resourceCard .btn span.neu-07, .spotsList .resourceCard .btn span[data-color=gray] {
                color: var(--neu-07)
            }

            .spotsList .resourceCard--small .btn--icon span.neu-10, .spotsList .resourceCard--small .btn--icon span[data-color=default], .spotsList .resourceCard--small .btn--primary--dark span.neu-10, .spotsList .resourceCard--small .btn--primary--dark span[data-color=default], .spotsList .resourceCard--small .btn--primary span.neu-10, .spotsList .resourceCard--small .btn--primary span[data-color=default], .spotsList .resourceCard--small .btn--secondary span.neu-10, .spotsList .resourceCard--small .btn--secondary span[data-color=default], .spotsList .resourceCard--small .btn--small span.neu-10, .spotsList .resourceCard--small .btn--small span[data-color=default], .spotsList .resourceCard--small .btn--tertiary span.neu-10, .spotsList .resourceCard--small .btn--tertiary span[data-color=default], .spotsList .resourceCard--small .btn span.neu-10, .spotsList .resourceCard--small .btn span[data-color=default], .spotsList .resourceCard .btn--icon span.neu-10, .spotsList .resourceCard .btn--icon span[data-color=default], .spotsList .resourceCard .btn--primary--dark span.neu-10, .spotsList .resourceCard .btn--primary--dark span[data-color=default], .spotsList .resourceCard .btn--primary span.neu-10, .spotsList .resourceCard .btn--primary span[data-color=default], .spotsList .resourceCard .btn--secondary span.neu-10, .spotsList .resourceCard .btn--secondary span[data-color=default], .spotsList .resourceCard .btn--small span.neu-10, .spotsList .resourceCard .btn--small span[data-color=default], .spotsList .resourceCard .btn--tertiary span.neu-10, .spotsList .resourceCard .btn--tertiary span[data-color=default], .spotsList .resourceCard .btn span.neu-10, .spotsList .resourceCard .btn span[data-color=default] {
                color: var(--neu-10)
            }

            .spotsList .resourceCard--small .btn--icon b, .spotsList .resourceCard--small .btn--icon strong, .spotsList .resourceCard--small .btn--primary--dark b, .spotsList .resourceCard--small .btn--primary--dark strong, .spotsList .resourceCard--small .btn--primary b, .spotsList .resourceCard--small .btn--primary strong, .spotsList .resourceCard--small .btn--secondary b, .spotsList .resourceCard--small .btn--secondary strong, .spotsList .resourceCard--small .btn--small b, .spotsList .resourceCard--small .btn--small strong, .spotsList .resourceCard--small .btn--tertiary b, .spotsList .resourceCard--small .btn--tertiary strong, .spotsList .resourceCard--small .btn b, .spotsList .resourceCard--small .btn strong, .spotsList .resourceCard .btn--icon b, .spotsList .resourceCard .btn--icon strong, .spotsList .resourceCard .btn--primary--dark b, .spotsList .resourceCard .btn--primary--dark strong, .spotsList .resourceCard .btn--primary b, .spotsList .resourceCard .btn--primary strong, .spotsList .resourceCard .btn--secondary b, .spotsList .resourceCard .btn--secondary strong, .spotsList .resourceCard .btn--small b, .spotsList .resourceCard .btn--small strong, .spotsList .resourceCard .btn--tertiary b, .spotsList .resourceCard .btn--tertiary strong, .spotsList .resourceCard .btn b, .spotsList .resourceCard .btn strong {
                font-weight: 700
            }

            .spotsList .resourceCard--small .btn--icon em, .spotsList .resourceCard--small .btn--primary--dark em, .spotsList .resourceCard--small .btn--primary em, .spotsList .resourceCard--small .btn--secondary em, .spotsList .resourceCard--small .btn--small em, .spotsList .resourceCard--small .btn--tertiary em, .spotsList .resourceCard--small .btn em, .spotsList .resourceCard .btn--icon em, .spotsList .resourceCard .btn--primary--dark em, .spotsList .resourceCard .btn--primary em, .spotsList .resourceCard .btn--secondary em, .spotsList .resourceCard .btn--small em, .spotsList .resourceCard .btn--tertiary em, .spotsList .resourceCard .btn em {
                font-style: italic
            }

            .spotsList .resourceCard--small .btn--icon i, .spotsList .resourceCard--small .btn--primary--dark i, .spotsList .resourceCard--small .btn--primary i, .spotsList .resourceCard--small .btn--secondary i, .spotsList .resourceCard--small .btn--small i, .spotsList .resourceCard--small .btn--tertiary i, .spotsList .resourceCard--small .btn i, .spotsList .resourceCard .btn--icon i, .spotsList .resourceCard .btn--primary--dark i, .spotsList .resourceCard .btn--primary i, .spotsList .resourceCard .btn--secondary i, .spotsList .resourceCard .btn--small i, .spotsList .resourceCard .btn--tertiary i, .spotsList .resourceCard .btn i {
                min-width: 16px;
                width: 16px;
                height: 16px;
                font-size: 16px
            }

                .spotsList .resourceCard--small .btn--icon i:before, .spotsList .resourceCard--small .btn--primary--dark i:before, .spotsList .resourceCard--small .btn--primary i:before, .spotsList .resourceCard--small .btn--secondary i:before, .spotsList .resourceCard--small .btn--small i:before, .spotsList .resourceCard--small .btn--tertiary i:before, .spotsList .resourceCard--small .btn i:before, .spotsList .resourceCard .btn--icon i:before, .spotsList .resourceCard .btn--primary--dark i:before, .spotsList .resourceCard .btn--primary i:before, .spotsList .resourceCard .btn--secondary i:before, .spotsList .resourceCard .btn--small i:before, .spotsList .resourceCard .btn--tertiary i:before, .spotsList .resourceCard .btn i:before {
                    font-size: 16px;
                    font-weight: 400
                }

            .spotsList .resourceCard--small .btn--icon, .spotsList .resourceCard--small .btn--icon.btn--primary, .spotsList .resourceCard--small .btn--icon.btn--primary--dark, .spotsList .resourceCard--small .btn--icon.btn--secondary, .spotsList .resourceCard--small .btn--icon.btn--small, .spotsList .resourceCard--small .btn--icon.btn--tertiary, .spotsList .resourceCard--small .btn.btn--icon, .spotsList .resourceCard .btn--icon, .spotsList .resourceCard .btn--icon.btn--primary, .spotsList .resourceCard .btn--icon.btn--primary--dark, .spotsList .resourceCard .btn--icon.btn--secondary, .spotsList .resourceCard .btn--icon.btn--small, .spotsList .resourceCard .btn--icon.btn--tertiary, .spotsList .resourceCard .btn.btn--icon {
                width: 40px;
                min-width: 40px
            }

                .spotsList .resourceCard--small .btn--icon:hover, .spotsList .resourceCard--small .btn--primary--dark:hover, .spotsList .resourceCard--small .btn--primary:hover, .spotsList .resourceCard--small .btn--secondary:hover, .spotsList .resourceCard--small .btn--small:hover, .spotsList .resourceCard--small .btn--tertiary:hover, .spotsList .resourceCard--small .btn:hover, .spotsList .resourceCard .btn--icon:hover, .spotsList .resourceCard .btn--primary--dark:hover, .spotsList .resourceCard .btn--primary:hover, .spotsList .resourceCard .btn--secondary:hover, .spotsList .resourceCard .btn--small:hover, .spotsList .resourceCard .btn--tertiary:hover, .spotsList .resourceCard .btn:hover {
                    color: var(--m-01--dark-01)
                }

    .spotsList .resultsCard, .spotsList .resultsCard--small {
        max-width: 960px;
        min-height: auto;
        padding: 0 0 16px;
        border-radius: 0;
        flex-direction: column
    }

        .spotsList .resultsCard--small .resultsCard__image, .spotsList .resultsCard .resultsCard__image {
            height: 126px;
            width: 100%;
            margin-right: 0;
            margin-bottom: 16px
        }

        .spotsList .resultsCard--small .resultsCard__content, .spotsList .resultsCard .resultsCard__content {
            flex: 2;
            justify-content: flex-start
        }

        .spotsList .resultsCard--small .resultsCard__topInfo, .spotsList .resultsCard .resultsCard__topInfo {
            flex-direction: column
        }

        .spotsList .resultsCard--small .resultsCard__sideInfo, .spotsList .resultsCard .resultsCard__sideInfo {
            order: 1;
            transform: none;
            justify-content: space-between;
            margin-bottom: 16px
        }

        .spotsList .resultsCard--small .resultsCard__labels, .spotsList .resultsCard .resultsCard__labels {
            order: 2
        }

        .spotsList .resultsCard--small .resultsCard__text, .spotsList .resultsCard .resultsCard__text {
            padding: 0
        }

        .spotsList .resultsCard--small .resultsCard__description, .spotsList .resultsCard .resultsCard__description {
            margin-top: 4px
        }

        .spotsList .resultsCard--small .resultsCard__bottomInfo, .spotsList .resultsCard .resultsCard__bottomInfo {
            margin-top: 8px
        }
}

@media (max-width:768px) and (max-width:512px) {
    .spotsList .resultsCard--small .resultsCard__bottomInfo, .spotsList .resultsCard .resultsCard__bottomInfo {
        flex-direction: column;
        align-items: flex-start
    }
}

@media (max-width:768px) and (max-width:512px) {
    .spotsList .resultsCard--small .resultsCard__btnContainer, .spotsList .resultsCard .resultsCard__btnContainer {
        margin-top: 8px;
        width: 100%;
        display: flex;
        justify-content: flex-end
    }
}

@media (max-width:768px) {
    .spotsList .resultsCard--small .btnBookmark, .spotsList .resultsCard--small .btnBookmark--small, .spotsList .resultsCard .btnBookmark, .spotsList .resultsCard .btnBookmark--small {
        transform: translateX(16px);
        width: 48px
    }

    .spotsList .thumbResultsCard, .spotsList .thumbResultsCard--small {
        max-width: 636px;
        flex-direction: row
    }

        .spotsList .thumbResultsCard--small .thumbResultsCard__image, .spotsList .thumbResultsCard .thumbResultsCard__image {
            height: auto;
            width: 89px;
            min-width: 89px;
            border-top-left-radius: 2px;
            border-top-right-radius: 0;
            border-bottom-left-radius: 2px
        }

        .spotsList .thumbResultsCard--small .thumbResultsCard__content, .spotsList .thumbResultsCard .thumbResultsCard__content {
            justify-content: flex-start
        }

        .spotsList .thumbResultsCard--small .thumbResultsCard__sideInfo, .spotsList .thumbResultsCard .thumbResultsCard__sideInfo {
            transform: none;
            justify-content: space-between
        }

        .spotsList .thumbResultsCard--small .thumbResultsCard__text, .spotsList .thumbResultsCard .thumbResultsCard__text {
            padding: 0
        }

        .spotsList .thumbResultsCard--small .thumbResultsCard__description, .spotsList .thumbResultsCard .thumbResultsCard__description {
            margin-top: 4px
        }
}

@media (max-width:768px) and (max-width:512px) {
    .spotsList .thumbResultsCard--small .thumbResultsCard__btnContainer, .spotsList .thumbResultsCard .thumbResultsCard__btnContainer {
        margin-top: 8px
    }
}

@media (max-width:768px) {
    .spotsList .supplierCard, .spotsList .supplierCard--small {
        max-width: 960px;
        min-height: 214px
    }

        .spotsList .supplierCard--small .supplierCard__container, .spotsList .supplierCard .supplierCard__container {
            padding: 24px 16px
        }

            .spotsList .supplierCard--small .supplierCard__container.opened, .spotsList .supplierCard .supplierCard__container.opened {
                max-width: 90vw;
                padding: 24px 40px 24px 24px
            }
}

@media (max-width:768px) and (max-width:768px) {
    .spotsList .supplierCard--small .supplierCard__container.opened, .spotsList .supplierCard .supplierCard__container.opened {
        padding: 24px
    }
}

@media (max-width:768px) {
    .spotsList .supplierCard--small .supplierCard__container.opened .supplierCard__content, .spotsList .supplierCard .supplierCard__container.opened .supplierCard__content {
        max-width: calc(100% - 120px - 16px)
    }
}

@media (max-width:768px) and (max-width:768px) {
    .spotsList .supplierCard--small .supplierCard__container.opened .supplierCard__content, .spotsList .supplierCard .supplierCard__container.opened .supplierCard__content {
        max-width: 100%
    }
}

@media (max-width:768px) {
    .spotsList .supplierCard--small .supplierCard__container.opened .supplierCard__image, .spotsList .supplierCard .supplierCard__container.opened .supplierCard__image {
        width: 120px;
        height: 120px
    }

    .spotsList .supplierCard--small .supplierCard__image, .spotsList .supplierCard .supplierCard__image {
        max-width: 110px;
        width: calc(15% - 16px);
        margin-right: 16px
    }
}

@media (max-width:768px) and (max-width:768px) {
    .spotsList .supplierCard--small .supplierCard__image, .spotsList .supplierCard .supplierCard__image {
        width: calc(25% - 16px)
    }
}

@media (max-width:768px) and (max-width:512px) {
    .spotsList .supplierCard--small .supplierCard__image, .spotsList .supplierCard .supplierCard__image {
        width: calc(40% - 16px)
    }
}

@media (max-width:768px) {
    .spotsList .supplierCard--small .supplierCard__content, .spotsList .supplierCard .supplierCard__content {
        max-width: 85%
    }
}

@media (max-width:768px) and (max-width:768px) {
    .spotsList .supplierCard--small .supplierCard__content, .spotsList .supplierCard .supplierCard__content {
        max-width: 75%
    }
}

@media (max-width:768px) and (max-width:512px) {
    .spotsList .supplierCard--small .supplierCard__content, .spotsList .supplierCard .supplierCard__content {
        max-width: 60%
    }
}

@media (max-width:768px) and (max-width:768px) {
    .spotsList .supplierCard--small .supplierCard__title, .spotsList .supplierCard .supplierCard__title {
        margin: 16px 0 8px
    }
}

@media (max-width:768px) {
    .spotsList .supplierCard--small .supplierCard__link, .spotsList .supplierCard .supplierCard__link {
        right: -40px
    }
}

@media (max-width:768px) and (max-width:768px) {
    .spotsList .supplierCard--small .supplierCard__link, .spotsList .supplierCard .supplierCard__link {
        right: -24px
    }
}

@media (max-width:768px) {
    .spotsList .supplierCard--small .supplierCard__shortDescription, .spotsList .supplierCard .supplierCard__shortDescription {
        max-width: none
    }

    .spotsList .supplierCard--small .openExpandedCard, .spotsList .supplierCard--small .openExpandedCard button, .spotsList .supplierCard .openExpandedCard, .spotsList .supplierCard .openExpandedCard button {
        width: 100%
    }

    .spotsList .supplierCard--small .closeExpandedCard, .spotsList .supplierCard .closeExpandedCard {
        top: 16px;
        right: 8px
    }

    .spotsList .supplierCard--small .btn, .spotsList .supplierCard--small .btn--icon, .spotsList .supplierCard--small .btn--primary, .spotsList .supplierCard--small .btn--primary--dark, .spotsList .supplierCard--small .btn--secondary, .spotsList .supplierCard--small .btn--small, .spotsList .supplierCard--small .btn--tertiary, .spotsList .supplierCard .btn, .spotsList .supplierCard .btn--icon, .spotsList .supplierCard .btn--primary, .spotsList .supplierCard .btn--primary--dark, .spotsList .supplierCard .btn--secondary, .spotsList .supplierCard .btn--small, .spotsList .supplierCard .btn--tertiary {
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-stretch: normal;
        letter-spacing: normal;
        font-family: Inter,sans-serif;
        font-size: .813rem;
        line-height: 1.538em;
        letter-spacing: -.003em;
        font-weight: 400;
        font-weight: 700;
        padding: 0 20px;
        height: 40px
    }

        .spotsList .supplierCard--small .btn--icon .link a, .spotsList .supplierCard--small .btn--primary--dark .link a, .spotsList .supplierCard--small .btn--primary .link a, .spotsList .supplierCard--small .btn--secondary .link a, .spotsList .supplierCard--small .btn--small .link a, .spotsList .supplierCard--small .btn--tertiary .link a, .spotsList .supplierCard--small .btn .link a, .spotsList .supplierCard .btn--icon .link a, .spotsList .supplierCard .btn--primary--dark .link a, .spotsList .supplierCard .btn--primary .link a, .spotsList .supplierCard .btn--secondary .link a, .spotsList .supplierCard .btn--small .link a, .spotsList .supplierCard .btn--tertiary .link a, .spotsList .supplierCard .btn .link a {
            transition: all .1s ease;
            text-decoration: underline;
            color: var(--m-01--dark-01)
        }

            .spotsList .supplierCard--small .btn--icon .link a:hover, .spotsList .supplierCard--small .btn--primary--dark .link a:hover, .spotsList .supplierCard--small .btn--primary .link a:hover, .spotsList .supplierCard--small .btn--secondary .link a:hover, .spotsList .supplierCard--small .btn--small .link a:hover, .spotsList .supplierCard--small .btn--tertiary .link a:hover, .spotsList .supplierCard--small .btn .link a:hover, .spotsList .supplierCard .btn--icon .link a:hover, .spotsList .supplierCard .btn--primary--dark .link a:hover, .spotsList .supplierCard .btn--primary .link a:hover, .spotsList .supplierCard .btn--secondary .link a:hover, .spotsList .supplierCard .btn--small .link a:hover, .spotsList .supplierCard .btn--tertiary .link a:hover, .spotsList .supplierCard .btn .link a:hover {
                color: var(--m-01)
            }

        .spotsList .supplierCard--small .btn--icon mark, .spotsList .supplierCard--small .btn--icon mark[data-color=color], .spotsList .supplierCard--small .btn--primary--dark mark, .spotsList .supplierCard--small .btn--primary--dark mark[data-color=color], .spotsList .supplierCard--small .btn--primary mark, .spotsList .supplierCard--small .btn--primary mark[data-color=color], .spotsList .supplierCard--small .btn--secondary mark, .spotsList .supplierCard--small .btn--secondary mark[data-color=color], .spotsList .supplierCard--small .btn--small mark, .spotsList .supplierCard--small .btn--small mark[data-color=color], .spotsList .supplierCard--small .btn--tertiary mark, .spotsList .supplierCard--small .btn--tertiary mark[data-color=color], .spotsList .supplierCard--small .btn mark, .spotsList .supplierCard--small .btn mark[data-color=color], .spotsList .supplierCard .btn--icon mark, .spotsList .supplierCard .btn--icon mark[data-color=color], .spotsList .supplierCard .btn--primary--dark mark, .spotsList .supplierCard .btn--primary--dark mark[data-color=color], .spotsList .supplierCard .btn--primary mark, .spotsList .supplierCard .btn--primary mark[data-color=color], .spotsList .supplierCard .btn--secondary mark, .spotsList .supplierCard .btn--secondary mark[data-color=color], .spotsList .supplierCard .btn--small mark, .spotsList .supplierCard .btn--small mark[data-color=color], .spotsList .supplierCard .btn--tertiary mark, .spotsList .supplierCard .btn--tertiary mark[data-color=color], .spotsList .supplierCard .btn mark, .spotsList .supplierCard .btn mark[data-color=color] {
            color: var(--m-01--dark-01)
        }

            .spotsList .supplierCard--small .btn--icon mark[data-color=gray], .spotsList .supplierCard--small .btn--primary--dark mark[data-color=gray], .spotsList .supplierCard--small .btn--primary mark[data-color=gray], .spotsList .supplierCard--small .btn--secondary mark[data-color=gray], .spotsList .supplierCard--small .btn--small mark[data-color=gray], .spotsList .supplierCard--small .btn--tertiary mark[data-color=gray], .spotsList .supplierCard--small .btn mark[data-color=gray], .spotsList .supplierCard .btn--icon mark[data-color=gray], .spotsList .supplierCard .btn--primary--dark mark[data-color=gray], .spotsList .supplierCard .btn--primary mark[data-color=gray], .spotsList .supplierCard .btn--secondary mark[data-color=gray], .spotsList .supplierCard .btn--small mark[data-color=gray], .spotsList .supplierCard .btn--tertiary mark[data-color=gray], .spotsList .supplierCard .btn mark[data-color=gray] {
                color: var(--neu-07)
            }

            .spotsList .supplierCard--small .btn--icon mark[data-color=default], .spotsList .supplierCard--small .btn--primary--dark mark[data-color=default], .spotsList .supplierCard--small .btn--primary mark[data-color=default], .spotsList .supplierCard--small .btn--secondary mark[data-color=default], .spotsList .supplierCard--small .btn--small mark[data-color=default], .spotsList .supplierCard--small .btn--tertiary mark[data-color=default], .spotsList .supplierCard--small .btn mark[data-color=default], .spotsList .supplierCard .btn--icon mark[data-color=default], .spotsList .supplierCard .btn--primary--dark mark[data-color=default], .spotsList .supplierCard .btn--primary mark[data-color=default], .spotsList .supplierCard .btn--secondary mark[data-color=default], .spotsList .supplierCard .btn--small mark[data-color=default], .spotsList .supplierCard .btn--tertiary mark[data-color=default], .spotsList .supplierCard .btn mark[data-color=default] {
                color: var(--neu-10)
            }

        .spotsList .supplierCard--small .btn--icon span.m-01--dark-01, .spotsList .supplierCard--small .btn--icon span[data-color=color], .spotsList .supplierCard--small .btn--primary--dark span.m-01--dark-01, .spotsList .supplierCard--small .btn--primary--dark span[data-color=color], .spotsList .supplierCard--small .btn--primary span.m-01--dark-01, .spotsList .supplierCard--small .btn--primary span[data-color=color], .spotsList .supplierCard--small .btn--secondary span.m-01--dark-01, .spotsList .supplierCard--small .btn--secondary span[data-color=color], .spotsList .supplierCard--small .btn--small span.m-01--dark-01, .spotsList .supplierCard--small .btn--small span[data-color=color], .spotsList .supplierCard--small .btn--tertiary span.m-01--dark-01, .spotsList .supplierCard--small .btn--tertiary span[data-color=color], .spotsList .supplierCard--small .btn span.m-01--dark-01, .spotsList .supplierCard--small .btn span[data-color=color], .spotsList .supplierCard .btn--icon span.m-01--dark-01, .spotsList .supplierCard .btn--icon span[data-color=color], .spotsList .supplierCard .btn--primary--dark span.m-01--dark-01, .spotsList .supplierCard .btn--primary--dark span[data-color=color], .spotsList .supplierCard .btn--primary span.m-01--dark-01, .spotsList .supplierCard .btn--primary span[data-color=color], .spotsList .supplierCard .btn--secondary span.m-01--dark-01, .spotsList .supplierCard .btn--secondary span[data-color=color], .spotsList .supplierCard .btn--small span.m-01--dark-01, .spotsList .supplierCard .btn--small span[data-color=color], .spotsList .supplierCard .btn--tertiary span.m-01--dark-01, .spotsList .supplierCard .btn--tertiary span[data-color=color], .spotsList .supplierCard .btn span.m-01--dark-01, .spotsList .supplierCard .btn span[data-color=color] {
            color: var(--m-01--dark-01)
        }

        .spotsList .supplierCard--small .btn--icon span.neu-07, .spotsList .supplierCard--small .btn--icon span[data-color=gray], .spotsList .supplierCard--small .btn--primary--dark span.neu-07, .spotsList .supplierCard--small .btn--primary--dark span[data-color=gray], .spotsList .supplierCard--small .btn--primary span.neu-07, .spotsList .supplierCard--small .btn--primary span[data-color=gray], .spotsList .supplierCard--small .btn--secondary span.neu-07, .spotsList .supplierCard--small .btn--secondary span[data-color=gray], .spotsList .supplierCard--small .btn--small span.neu-07, .spotsList .supplierCard--small .btn--small span[data-color=gray], .spotsList .supplierCard--small .btn--tertiary span.neu-07, .spotsList .supplierCard--small .btn--tertiary span[data-color=gray], .spotsList .supplierCard--small .btn span.neu-07, .spotsList .supplierCard--small .btn span[data-color=gray], .spotsList .supplierCard .btn--icon span.neu-07, .spotsList .supplierCard .btn--icon span[data-color=gray], .spotsList .supplierCard .btn--primary--dark span.neu-07, .spotsList .supplierCard .btn--primary--dark span[data-color=gray], .spotsList .supplierCard .btn--primary span.neu-07, .spotsList .supplierCard .btn--primary span[data-color=gray], .spotsList .supplierCard .btn--secondary span.neu-07, .spotsList .supplierCard .btn--secondary span[data-color=gray], .spotsList .supplierCard .btn--small span.neu-07, .spotsList .supplierCard .btn--small span[data-color=gray], .spotsList .supplierCard .btn--tertiary span.neu-07, .spotsList .supplierCard .btn--tertiary span[data-color=gray], .spotsList .supplierCard .btn span.neu-07, .spotsList .supplierCard .btn span[data-color=gray] {
            color: var(--neu-07)
        }

        .spotsList .supplierCard--small .btn--icon span.neu-10, .spotsList .supplierCard--small .btn--icon span[data-color=default], .spotsList .supplierCard--small .btn--primary--dark span.neu-10, .spotsList .supplierCard--small .btn--primary--dark span[data-color=default], .spotsList .supplierCard--small .btn--primary span.neu-10, .spotsList .supplierCard--small .btn--primary span[data-color=default], .spotsList .supplierCard--small .btn--secondary span.neu-10, .spotsList .supplierCard--small .btn--secondary span[data-color=default], .spotsList .supplierCard--small .btn--small span.neu-10, .spotsList .supplierCard--small .btn--small span[data-color=default], .spotsList .supplierCard--small .btn--tertiary span.neu-10, .spotsList .supplierCard--small .btn--tertiary span[data-color=default], .spotsList .supplierCard--small .btn span.neu-10, .spotsList .supplierCard--small .btn span[data-color=default], .spotsList .supplierCard .btn--icon span.neu-10, .spotsList .supplierCard .btn--icon span[data-color=default], .spotsList .supplierCard .btn--primary--dark span.neu-10, .spotsList .supplierCard .btn--primary--dark span[data-color=default], .spotsList .supplierCard .btn--primary span.neu-10, .spotsList .supplierCard .btn--primary span[data-color=default], .spotsList .supplierCard .btn--secondary span.neu-10, .spotsList .supplierCard .btn--secondary span[data-color=default], .spotsList .supplierCard .btn--small span.neu-10, .spotsList .supplierCard .btn--small span[data-color=default], .spotsList .supplierCard .btn--tertiary span.neu-10, .spotsList .supplierCard .btn--tertiary span[data-color=default], .spotsList .supplierCard .btn span.neu-10, .spotsList .supplierCard .btn span[data-color=default] {
            color: var(--neu-10)
        }

        .spotsList .supplierCard--small .btn--icon b, .spotsList .supplierCard--small .btn--icon strong, .spotsList .supplierCard--small .btn--primary--dark b, .spotsList .supplierCard--small .btn--primary--dark strong, .spotsList .supplierCard--small .btn--primary b, .spotsList .supplierCard--small .btn--primary strong, .spotsList .supplierCard--small .btn--secondary b, .spotsList .supplierCard--small .btn--secondary strong, .spotsList .supplierCard--small .btn--small b, .spotsList .supplierCard--small .btn--small strong, .spotsList .supplierCard--small .btn--tertiary b, .spotsList .supplierCard--small .btn--tertiary strong, .spotsList .supplierCard--small .btn b, .spotsList .supplierCard--small .btn strong, .spotsList .supplierCard .btn--icon b, .spotsList .supplierCard .btn--icon strong, .spotsList .supplierCard .btn--primary--dark b, .spotsList .supplierCard .btn--primary--dark strong, .spotsList .supplierCard .btn--primary b, .spotsList .supplierCard .btn--primary strong, .spotsList .supplierCard .btn--secondary b, .spotsList .supplierCard .btn--secondary strong, .spotsList .supplierCard .btn--small b, .spotsList .supplierCard .btn--small strong, .spotsList .supplierCard .btn--tertiary b, .spotsList .supplierCard .btn--tertiary strong, .spotsList .supplierCard .btn b, .spotsList .supplierCard .btn strong {
            font-weight: 700
        }

        .spotsList .supplierCard--small .btn--icon em, .spotsList .supplierCard--small .btn--primary--dark em, .spotsList .supplierCard--small .btn--primary em, .spotsList .supplierCard--small .btn--secondary em, .spotsList .supplierCard--small .btn--small em, .spotsList .supplierCard--small .btn--tertiary em, .spotsList .supplierCard--small .btn em, .spotsList .supplierCard .btn--icon em, .spotsList .supplierCard .btn--primary--dark em, .spotsList .supplierCard .btn--primary em, .spotsList .supplierCard .btn--secondary em, .spotsList .supplierCard .btn--small em, .spotsList .supplierCard .btn--tertiary em, .spotsList .supplierCard .btn em {
            font-style: italic
        }

        .spotsList .supplierCard--small .btn--icon i, .spotsList .supplierCard--small .btn--primary--dark i, .spotsList .supplierCard--small .btn--primary i, .spotsList .supplierCard--small .btn--secondary i, .spotsList .supplierCard--small .btn--small i, .spotsList .supplierCard--small .btn--tertiary i, .spotsList .supplierCard--small .btn i, .spotsList .supplierCard .btn--icon i, .spotsList .supplierCard .btn--primary--dark i, .spotsList .supplierCard .btn--primary i, .spotsList .supplierCard .btn--secondary i, .spotsList .supplierCard .btn--small i, .spotsList .supplierCard .btn--tertiary i, .spotsList .supplierCard .btn i {
            min-width: 16px;
            width: 16px;
            height: 16px;
            font-size: 16px
        }

            .spotsList .supplierCard--small .btn--icon i:before, .spotsList .supplierCard--small .btn--primary--dark i:before, .spotsList .supplierCard--small .btn--primary i:before, .spotsList .supplierCard--small .btn--secondary i:before, .spotsList .supplierCard--small .btn--small i:before, .spotsList .supplierCard--small .btn--tertiary i:before, .spotsList .supplierCard--small .btn i:before, .spotsList .supplierCard .btn--icon i:before, .spotsList .supplierCard .btn--primary--dark i:before, .spotsList .supplierCard .btn--primary i:before, .spotsList .supplierCard .btn--secondary i:before, .spotsList .supplierCard .btn--small i:before, .spotsList .supplierCard .btn--tertiary i:before, .spotsList .supplierCard .btn i:before {
                font-size: 16px;
                font-weight: 400
            }

        .spotsList .supplierCard--small .btn--icon, .spotsList .supplierCard--small .btn--icon.btn--primary, .spotsList .supplierCard--small .btn--icon.btn--primary--dark, .spotsList .supplierCard--small .btn--icon.btn--secondary, .spotsList .supplierCard--small .btn--icon.btn--small, .spotsList .supplierCard--small .btn--icon.btn--tertiary, .spotsList .supplierCard--small .btn.btn--icon, .spotsList .supplierCard .btn--icon, .spotsList .supplierCard .btn--icon.btn--primary, .spotsList .supplierCard .btn--icon.btn--primary--dark, .spotsList .supplierCard .btn--icon.btn--secondary, .spotsList .supplierCard .btn--icon.btn--small, .spotsList .supplierCard .btn--icon.btn--tertiary, .spotsList .supplierCard .btn.btn--icon {
            width: 40px;
            min-width: 40px
        }

    .spotsList .regionResultsCard, .spotsList .regionResultsCard--small {
        max-width: 960px;
        min-height: auto;
        padding: 0 0 24px;
        border-radius: 0;
        flex-direction: column
    }

        .spotsList .regionResultsCard--small .regionResultsCard__image, .spotsList .regionResultsCard .regionResultsCard__image {
            height: 100px;
            width: 100%;
            margin-right: 0;
            margin-bottom: 16px
        }

        .spotsList .regionResultsCard--small .regionResultsCard__title, .spotsList .regionResultsCard .regionResultsCard__title {
            margin-top: 4px
        }

        .spotsList .regionResultsCard--small .regionResultsCard__content, .spotsList .regionResultsCard .regionResultsCard__content {
            flex: 2;
            justify-content: flex-start
        }

        .spotsList .regionResultsCard--small .regionResultsCard__topInfo, .spotsList .regionResultsCard .regionResultsCard__topInfo {
            flex-direction: column
        }

        .spotsList .regionResultsCard--small .regionResultsCard__sideInfo, .spotsList .regionResultsCard .regionResultsCard__sideInfo {
            order: 1;
            transform: none;
            justify-content: space-between;
            margin-bottom: 16px
        }

        .spotsList .regionResultsCard--small .regionResultsCard__labels, .spotsList .regionResultsCard .regionResultsCard__labels {
            order: 2
        }

        .spotsList .regionResultsCard--small .regionResultsCard__text, .spotsList .regionResultsCard .regionResultsCard__text {
            padding: 0
        }

        .spotsList .regionResultsCard--small .regionResultsCard__bottomInfo, .spotsList .regionResultsCard .regionResultsCard__bottomInfo {
            margin-top: 8px;
            flex-direction: column;
            align-items: flex-start
        }

        .spotsList .regionResultsCard--small .regionResultsCard__btnContainer, .spotsList .regionResultsCard .regionResultsCard__btnContainer {
            width: 100%;
            display: flex
        }

            .spotsList .regionResultsCard--small .regionResultsCard__btnContainer .btn--primary, .spotsList .regionResultsCard .regionResultsCard__btnContainer .btn--primary {
                width: 100%
            }

        .spotsList .regionResultsCard--small .btnBookmark, .spotsList .regionResultsCard--small .btnBookmark--privateArea, .spotsList .regionResultsCard--small .btnBookmark--small, .spotsList .regionResultsCard .btnBookmark, .spotsList .regionResultsCard .btnBookmark--privateArea, .spotsList .regionResultsCard .btnBookmark--small {
            transform: translateX(20px)
        }

            .spotsList .regionResultsCard--small .btnBookmark--privateArea .btnBookmark, .spotsList .regionResultsCard--small .btnBookmark--privateArea .btnBookmark--small, .spotsList .regionResultsCard .btnBookmark--privateArea .btnBookmark, .spotsList .regionResultsCard .btnBookmark--privateArea .btnBookmark--small {
                transform: translateX(0)
            }

    .spotsList .resourceCard, .spotsList .resourceCard--small {
        max-width: 960px;
        min-height: 200px;
        height: 100%;
        padding: 24px 16px
    }

        .spotsList .resourceCard--small .resourceCard__title, .spotsList .resourceCard .resourceCard__title {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Inter,sans-serif;
            font-size: 1.188rem;
            line-height: 1.263em;
            letter-spacing: -.016em;
            font-weight: 400;
            margin-top: 4px
        }

            .spotsList .resourceCard--small .resourceCard__title .link a, .spotsList .resourceCard .resourceCard__title .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .spotsList .resourceCard--small .resourceCard__title .link a:hover, .spotsList .resourceCard .resourceCard__title .link a:hover {
                    color: var(--m-01)
                }

            .spotsList .resourceCard--small .resourceCard__title mark, .spotsList .resourceCard--small .resourceCard__title mark[data-color=color], .spotsList .resourceCard .resourceCard__title mark, .spotsList .resourceCard .resourceCard__title mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .spotsList .resourceCard--small .resourceCard__title mark[data-color=gray], .spotsList .resourceCard .resourceCard__title mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .spotsList .resourceCard--small .resourceCard__title mark[data-color=default], .spotsList .resourceCard .resourceCard__title mark[data-color=default] {
                    color: var(--neu-10)
                }

            .spotsList .resourceCard--small .resourceCard__title span.m-01--dark-01, .spotsList .resourceCard--small .resourceCard__title span[data-color=color], .spotsList .resourceCard .resourceCard__title span.m-01--dark-01, .spotsList .resourceCard .resourceCard__title span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .spotsList .resourceCard--small .resourceCard__title span.neu-07, .spotsList .resourceCard--small .resourceCard__title span[data-color=gray], .spotsList .resourceCard .resourceCard__title span.neu-07, .spotsList .resourceCard .resourceCard__title span[data-color=gray] {
                color: var(--neu-07)
            }

            .spotsList .resourceCard--small .resourceCard__title span.neu-10, .spotsList .resourceCard--small .resourceCard__title span[data-color=default], .spotsList .resourceCard .resourceCard__title span.neu-10, .spotsList .resourceCard .resourceCard__title span[data-color=default] {
                color: var(--neu-10)
            }

            .spotsList .resourceCard--small .resourceCard__title b, .spotsList .resourceCard--small .resourceCard__title strong, .spotsList .resourceCard .resourceCard__title b, .spotsList .resourceCard .resourceCard__title strong {
                font-weight: 700
            }

            .spotsList .resourceCard--small .resourceCard__title em, .spotsList .resourceCard .resourceCard__title em {
                font-style: italic
            }

        .spotsList .resourceCard--small .btn, .spotsList .resourceCard--small .btn--icon, .spotsList .resourceCard--small .btn--primary, .spotsList .resourceCard--small .btn--primary--dark, .spotsList .resourceCard--small .btn--secondary, .spotsList .resourceCard--small .btn--small, .spotsList .resourceCard--small .btn--tertiary, .spotsList .resourceCard .btn, .spotsList .resourceCard .btn--icon, .spotsList .resourceCard .btn--primary, .spotsList .resourceCard .btn--primary--dark, .spotsList .resourceCard .btn--secondary, .spotsList .resourceCard .btn--small, .spotsList .resourceCard .btn--tertiary {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Inter,sans-serif;
            font-size: .813rem;
            line-height: 1.538em;
            letter-spacing: -.003em;
            font-weight: 400;
            font-weight: 700;
            padding: 0 20px;
            height: 40px
        }

            .spotsList .resourceCard--small .btn--icon .link a, .spotsList .resourceCard--small .btn--primary--dark .link a, .spotsList .resourceCard--small .btn--primary .link a, .spotsList .resourceCard--small .btn--secondary .link a, .spotsList .resourceCard--small .btn--small .link a, .spotsList .resourceCard--small .btn--tertiary .link a, .spotsList .resourceCard--small .btn .link a, .spotsList .resourceCard .btn--icon .link a, .spotsList .resourceCard .btn--primary--dark .link a, .spotsList .resourceCard .btn--primary .link a, .spotsList .resourceCard .btn--secondary .link a, .spotsList .resourceCard .btn--small .link a, .spotsList .resourceCard .btn--tertiary .link a, .spotsList .resourceCard .btn .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .spotsList .resourceCard--small .btn--icon .link a:hover, .spotsList .resourceCard--small .btn--primary--dark .link a:hover, .spotsList .resourceCard--small .btn--primary .link a:hover, .spotsList .resourceCard--small .btn--secondary .link a:hover, .spotsList .resourceCard--small .btn--small .link a:hover, .spotsList .resourceCard--small .btn--tertiary .link a:hover, .spotsList .resourceCard--small .btn .link a:hover, .spotsList .resourceCard .btn--icon .link a:hover, .spotsList .resourceCard .btn--primary--dark .link a:hover, .spotsList .resourceCard .btn--primary .link a:hover, .spotsList .resourceCard .btn--secondary .link a:hover, .spotsList .resourceCard .btn--small .link a:hover, .spotsList .resourceCard .btn--tertiary .link a:hover, .spotsList .resourceCard .btn .link a:hover {
                    color: var(--m-01)
                }

            .spotsList .resourceCard--small .btn--icon mark, .spotsList .resourceCard--small .btn--icon mark[data-color=color], .spotsList .resourceCard--small .btn--primary--dark mark, .spotsList .resourceCard--small .btn--primary--dark mark[data-color=color], .spotsList .resourceCard--small .btn--primary mark, .spotsList .resourceCard--small .btn--primary mark[data-color=color], .spotsList .resourceCard--small .btn--secondary mark, .spotsList .resourceCard--small .btn--secondary mark[data-color=color], .spotsList .resourceCard--small .btn--small mark, .spotsList .resourceCard--small .btn--small mark[data-color=color], .spotsList .resourceCard--small .btn--tertiary mark, .spotsList .resourceCard--small .btn--tertiary mark[data-color=color], .spotsList .resourceCard--small .btn mark, .spotsList .resourceCard--small .btn mark[data-color=color], .spotsList .resourceCard .btn--icon mark, .spotsList .resourceCard .btn--icon mark[data-color=color], .spotsList .resourceCard .btn--primary--dark mark, .spotsList .resourceCard .btn--primary--dark mark[data-color=color], .spotsList .resourceCard .btn--primary mark, .spotsList .resourceCard .btn--primary mark[data-color=color], .spotsList .resourceCard .btn--secondary mark, .spotsList .resourceCard .btn--secondary mark[data-color=color], .spotsList .resourceCard .btn--small mark, .spotsList .resourceCard .btn--small mark[data-color=color], .spotsList .resourceCard .btn--tertiary mark, .spotsList .resourceCard .btn--tertiary mark[data-color=color], .spotsList .resourceCard .btn mark, .spotsList .resourceCard .btn mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .spotsList .resourceCard--small .btn--icon mark[data-color=gray], .spotsList .resourceCard--small .btn--primary--dark mark[data-color=gray], .spotsList .resourceCard--small .btn--primary mark[data-color=gray], .spotsList .resourceCard--small .btn--secondary mark[data-color=gray], .spotsList .resourceCard--small .btn--small mark[data-color=gray], .spotsList .resourceCard--small .btn--tertiary mark[data-color=gray], .spotsList .resourceCard--small .btn mark[data-color=gray], .spotsList .resourceCard .btn--icon mark[data-color=gray], .spotsList .resourceCard .btn--primary--dark mark[data-color=gray], .spotsList .resourceCard .btn--primary mark[data-color=gray], .spotsList .resourceCard .btn--secondary mark[data-color=gray], .spotsList .resourceCard .btn--small mark[data-color=gray], .spotsList .resourceCard .btn--tertiary mark[data-color=gray], .spotsList .resourceCard .btn mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .spotsList .resourceCard--small .btn--icon mark[data-color=default], .spotsList .resourceCard--small .btn--primary--dark mark[data-color=default], .spotsList .resourceCard--small .btn--primary mark[data-color=default], .spotsList .resourceCard--small .btn--secondary mark[data-color=default], .spotsList .resourceCard--small .btn--small mark[data-color=default], .spotsList .resourceCard--small .btn--tertiary mark[data-color=default], .spotsList .resourceCard--small .btn mark[data-color=default], .spotsList .resourceCard .btn--icon mark[data-color=default], .spotsList .resourceCard .btn--primary--dark mark[data-color=default], .spotsList .resourceCard .btn--primary mark[data-color=default], .spotsList .resourceCard .btn--secondary mark[data-color=default], .spotsList .resourceCard .btn--small mark[data-color=default], .spotsList .resourceCard .btn--tertiary mark[data-color=default], .spotsList .resourceCard .btn mark[data-color=default] {
                    color: var(--neu-10)
                }

            .spotsList .resourceCard--small .btn--icon span.m-01--dark-01, .spotsList .resourceCard--small .btn--icon span[data-color=color], .spotsList .resourceCard--small .btn--primary--dark span.m-01--dark-01, .spotsList .resourceCard--small .btn--primary--dark span[data-color=color], .spotsList .resourceCard--small .btn--primary span.m-01--dark-01, .spotsList .resourceCard--small .btn--primary span[data-color=color], .spotsList .resourceCard--small .btn--secondary span.m-01--dark-01, .spotsList .resourceCard--small .btn--secondary span[data-color=color], .spotsList .resourceCard--small .btn--small span.m-01--dark-01, .spotsList .resourceCard--small .btn--small span[data-color=color], .spotsList .resourceCard--small .btn--tertiary span.m-01--dark-01, .spotsList .resourceCard--small .btn--tertiary span[data-color=color], .spotsList .resourceCard--small .btn span.m-01--dark-01, .spotsList .resourceCard--small .btn span[data-color=color], .spotsList .resourceCard .btn--icon span.m-01--dark-01, .spotsList .resourceCard .btn--icon span[data-color=color], .spotsList .resourceCard .btn--primary--dark span.m-01--dark-01, .spotsList .resourceCard .btn--primary--dark span[data-color=color], .spotsList .resourceCard .btn--primary span.m-01--dark-01, .spotsList .resourceCard .btn--primary span[data-color=color], .spotsList .resourceCard .btn--secondary span.m-01--dark-01, .spotsList .resourceCard .btn--secondary span[data-color=color], .spotsList .resourceCard .btn--small span.m-01--dark-01, .spotsList .resourceCard .btn--small span[data-color=color], .spotsList .resourceCard .btn--tertiary span.m-01--dark-01, .spotsList .resourceCard .btn--tertiary span[data-color=color], .spotsList .resourceCard .btn span.m-01--dark-01, .spotsList .resourceCard .btn span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .spotsList .resourceCard--small .btn--icon span.neu-07, .spotsList .resourceCard--small .btn--icon span[data-color=gray], .spotsList .resourceCard--small .btn--primary--dark span.neu-07, .spotsList .resourceCard--small .btn--primary--dark span[data-color=gray], .spotsList .resourceCard--small .btn--primary span.neu-07, .spotsList .resourceCard--small .btn--primary span[data-color=gray], .spotsList .resourceCard--small .btn--secondary span.neu-07, .spotsList .resourceCard--small .btn--secondary span[data-color=gray], .spotsList .resourceCard--small .btn--small span.neu-07, .spotsList .resourceCard--small .btn--small span[data-color=gray], .spotsList .resourceCard--small .btn--tertiary span.neu-07, .spotsList .resourceCard--small .btn--tertiary span[data-color=gray], .spotsList .resourceCard--small .btn span.neu-07, .spotsList .resourceCard--small .btn span[data-color=gray], .spotsList .resourceCard .btn--icon span.neu-07, .spotsList .resourceCard .btn--icon span[data-color=gray], .spotsList .resourceCard .btn--primary--dark span.neu-07, .spotsList .resourceCard .btn--primary--dark span[data-color=gray], .spotsList .resourceCard .btn--primary span.neu-07, .spotsList .resourceCard .btn--primary span[data-color=gray], .spotsList .resourceCard .btn--secondary span.neu-07, .spotsList .resourceCard .btn--secondary span[data-color=gray], .spotsList .resourceCard .btn--small span.neu-07, .spotsList .resourceCard .btn--small span[data-color=gray], .spotsList .resourceCard .btn--tertiary span.neu-07, .spotsList .resourceCard .btn--tertiary span[data-color=gray], .spotsList .resourceCard .btn span.neu-07, .spotsList .resourceCard .btn span[data-color=gray] {
                color: var(--neu-07)
            }

            .spotsList .resourceCard--small .btn--icon span.neu-10, .spotsList .resourceCard--small .btn--icon span[data-color=default], .spotsList .resourceCard--small .btn--primary--dark span.neu-10, .spotsList .resourceCard--small .btn--primary--dark span[data-color=default], .spotsList .resourceCard--small .btn--primary span.neu-10, .spotsList .resourceCard--small .btn--primary span[data-color=default], .spotsList .resourceCard--small .btn--secondary span.neu-10, .spotsList .resourceCard--small .btn--secondary span[data-color=default], .spotsList .resourceCard--small .btn--small span.neu-10, .spotsList .resourceCard--small .btn--small span[data-color=default], .spotsList .resourceCard--small .btn--tertiary span.neu-10, .spotsList .resourceCard--small .btn--tertiary span[data-color=default], .spotsList .resourceCard--small .btn span.neu-10, .spotsList .resourceCard--small .btn span[data-color=default], .spotsList .resourceCard .btn--icon span.neu-10, .spotsList .resourceCard .btn--icon span[data-color=default], .spotsList .resourceCard .btn--primary--dark span.neu-10, .spotsList .resourceCard .btn--primary--dark span[data-color=default], .spotsList .resourceCard .btn--primary span.neu-10, .spotsList .resourceCard .btn--primary span[data-color=default], .spotsList .resourceCard .btn--secondary span.neu-10, .spotsList .resourceCard .btn--secondary span[data-color=default], .spotsList .resourceCard .btn--small span.neu-10, .spotsList .resourceCard .btn--small span[data-color=default], .spotsList .resourceCard .btn--tertiary span.neu-10, .spotsList .resourceCard .btn--tertiary span[data-color=default], .spotsList .resourceCard .btn span.neu-10, .spotsList .resourceCard .btn span[data-color=default] {
                color: var(--neu-10)
            }

            .spotsList .resourceCard--small .btn--icon b, .spotsList .resourceCard--small .btn--icon strong, .spotsList .resourceCard--small .btn--primary--dark b, .spotsList .resourceCard--small .btn--primary--dark strong, .spotsList .resourceCard--small .btn--primary b, .spotsList .resourceCard--small .btn--primary strong, .spotsList .resourceCard--small .btn--secondary b, .spotsList .resourceCard--small .btn--secondary strong, .spotsList .resourceCard--small .btn--small b, .spotsList .resourceCard--small .btn--small strong, .spotsList .resourceCard--small .btn--tertiary b, .spotsList .resourceCard--small .btn--tertiary strong, .spotsList .resourceCard--small .btn b, .spotsList .resourceCard--small .btn strong, .spotsList .resourceCard .btn--icon b, .spotsList .resourceCard .btn--icon strong, .spotsList .resourceCard .btn--primary--dark b, .spotsList .resourceCard .btn--primary--dark strong, .spotsList .resourceCard .btn--primary b, .spotsList .resourceCard .btn--primary strong, .spotsList .resourceCard .btn--secondary b, .spotsList .resourceCard .btn--secondary strong, .spotsList .resourceCard .btn--small b, .spotsList .resourceCard .btn--small strong, .spotsList .resourceCard .btn--tertiary b, .spotsList .resourceCard .btn--tertiary strong, .spotsList .resourceCard .btn b, .spotsList .resourceCard .btn strong {
                font-weight: 700
            }

            .spotsList .resourceCard--small .btn--icon em, .spotsList .resourceCard--small .btn--primary--dark em, .spotsList .resourceCard--small .btn--primary em, .spotsList .resourceCard--small .btn--secondary em, .spotsList .resourceCard--small .btn--small em, .spotsList .resourceCard--small .btn--tertiary em, .spotsList .resourceCard--small .btn em, .spotsList .resourceCard .btn--icon em, .spotsList .resourceCard .btn--primary--dark em, .spotsList .resourceCard .btn--primary em, .spotsList .resourceCard .btn--secondary em, .spotsList .resourceCard .btn--small em, .spotsList .resourceCard .btn--tertiary em, .spotsList .resourceCard .btn em {
                font-style: italic
            }

            .spotsList .resourceCard--small .btn--icon i, .spotsList .resourceCard--small .btn--primary--dark i, .spotsList .resourceCard--small .btn--primary i, .spotsList .resourceCard--small .btn--secondary i, .spotsList .resourceCard--small .btn--small i, .spotsList .resourceCard--small .btn--tertiary i, .spotsList .resourceCard--small .btn i, .spotsList .resourceCard .btn--icon i, .spotsList .resourceCard .btn--primary--dark i, .spotsList .resourceCard .btn--primary i, .spotsList .resourceCard .btn--secondary i, .spotsList .resourceCard .btn--small i, .spotsList .resourceCard .btn--tertiary i, .spotsList .resourceCard .btn i {
                min-width: 16px;
                width: 16px;
                height: 16px;
                font-size: 16px
            }

                .spotsList .resourceCard--small .btn--icon i:before, .spotsList .resourceCard--small .btn--primary--dark i:before, .spotsList .resourceCard--small .btn--primary i:before, .spotsList .resourceCard--small .btn--secondary i:before, .spotsList .resourceCard--small .btn--small i:before, .spotsList .resourceCard--small .btn--tertiary i:before, .spotsList .resourceCard--small .btn i:before, .spotsList .resourceCard .btn--icon i:before, .spotsList .resourceCard .btn--primary--dark i:before, .spotsList .resourceCard .btn--primary i:before, .spotsList .resourceCard .btn--secondary i:before, .spotsList .resourceCard .btn--small i:before, .spotsList .resourceCard .btn--tertiary i:before, .spotsList .resourceCard .btn i:before {
                    font-size: 16px;
                    font-weight: 400
                }

            .spotsList .resourceCard--small .btn--icon, .spotsList .resourceCard--small .btn--icon.btn--primary, .spotsList .resourceCard--small .btn--icon.btn--primary--dark, .spotsList .resourceCard--small .btn--icon.btn--secondary, .spotsList .resourceCard--small .btn--icon.btn--small, .spotsList .resourceCard--small .btn--icon.btn--tertiary, .spotsList .resourceCard--small .btn.btn--icon, .spotsList .resourceCard .btn--icon, .spotsList .resourceCard .btn--icon.btn--primary, .spotsList .resourceCard .btn--icon.btn--primary--dark, .spotsList .resourceCard .btn--icon.btn--secondary, .spotsList .resourceCard .btn--icon.btn--small, .spotsList .resourceCard .btn--icon.btn--tertiary, .spotsList .resourceCard .btn.btn--icon {
                width: 40px;
                min-width: 40px
            }

                .spotsList .resourceCard--small .btn--icon:hover, .spotsList .resourceCard--small .btn--primary--dark:hover, .spotsList .resourceCard--small .btn--primary:hover, .spotsList .resourceCard--small .btn--secondary:hover, .spotsList .resourceCard--small .btn--small:hover, .spotsList .resourceCard--small .btn--tertiary:hover, .spotsList .resourceCard--small .btn:hover, .spotsList .resourceCard .btn--icon:hover, .spotsList .resourceCard .btn--primary--dark:hover, .spotsList .resourceCard .btn--primary:hover, .spotsList .resourceCard .btn--secondary:hover, .spotsList .resourceCard .btn--small:hover, .spotsList .resourceCard .btn--tertiary:hover, .spotsList .resourceCard .btn:hover {
                    color: var(--m-01--dark-01)
                }

    .spotsList .productCard, .spotsList .productCard--small {
        max-width: 960px;
        min-height: 324px
    }

        .spotsList .productCard--small .productCard__head, .spotsList .productCard .productCard__head {
            height: 200px
        }

            .spotsList .productCard--small .productCard__head:after, .spotsList .productCard .productCard__head:after {
                left: 16px;
                width: calc(100% - 16px * 2)
            }

        .spotsList .productCard--small .productCard__head-content, .spotsList .productCard .productCard__head-content {
            padding: 24px 16px
        }

        .spotsList .productCard--small .productCard__productName, .spotsList .productCard .productCard__productName {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Calma Global Medium,sans-serif;
            font-size: 1.625rem;
            line-height: 1.231em;
            letter-spacing: 0
        }

            .spotsList .productCard--small .productCard__productName .link a, .spotsList .productCard .productCard__productName .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .spotsList .productCard--small .productCard__productName .link a:hover, .spotsList .productCard .productCard__productName .link a:hover {
                    color: var(--m-01)
                }

            .spotsList .productCard--small .productCard__productName mark, .spotsList .productCard--small .productCard__productName mark[data-color=color], .spotsList .productCard .productCard__productName mark, .spotsList .productCard .productCard__productName mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .spotsList .productCard--small .productCard__productName mark[data-color=gray], .spotsList .productCard .productCard__productName mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .spotsList .productCard--small .productCard__productName mark[data-color=default], .spotsList .productCard .productCard__productName mark[data-color=default] {
                    color: var(--neu-10)
                }

            .spotsList .productCard--small .productCard__productName span.m-01--dark-01, .spotsList .productCard--small .productCard__productName span[data-color=color], .spotsList .productCard .productCard__productName span.m-01--dark-01, .spotsList .productCard .productCard__productName span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .spotsList .productCard--small .productCard__productName span.neu-07, .spotsList .productCard--small .productCard__productName span[data-color=gray], .spotsList .productCard .productCard__productName span.neu-07, .spotsList .productCard .productCard__productName span[data-color=gray] {
                color: var(--neu-07)
            }

            .spotsList .productCard--small .productCard__productName span.neu-10, .spotsList .productCard--small .productCard__productName span[data-color=default], .spotsList .productCard .productCard__productName span.neu-10, .spotsList .productCard .productCard__productName span[data-color=default] {
                color: var(--neu-10)
            }

            .spotsList .productCard--small .productCard__productName b, .spotsList .productCard--small .productCard__productName strong, .spotsList .productCard .productCard__productName b, .spotsList .productCard .productCard__productName strong {
                font-weight: 700
            }

            .spotsList .productCard--small .productCard__productName em, .spotsList .productCard .productCard__productName em {
                font-style: italic
            }

        .spotsList .productCard--small .productCard__content, .spotsList .productCard .productCard__content {
            padding: 16px
        }

        .spotsList .productCard--small .productCard__bookmark, .spotsList .productCard .productCard__bookmark {
            right: 0;
            top: 8px
        }

    .spotsList .brandCard, .spotsList .brandCard--small {
        max-width: 960px;
        min-height: 324px;
        padding: 16px
    }

        .spotsList .brandCard--small .brandCard__image, .spotsList .brandCard .brandCard__image {
            height: 70px;
            width: 70px;
            margin-right: 0
        }

        .spotsList .brandCard--small .brandCard--small .btnBookmark--privateArea, .spotsList .brandCard--small .brandCard .btnBookmark--privateArea, .spotsList .brandCard--small .brandCard__bookmark, .spotsList .brandCard .brandCard--small .btnBookmark--privateArea, .spotsList .brandCard .brandCard .btnBookmark--privateArea, .spotsList .brandCard .brandCard__bookmark {
            right: 0
        }

        .spotsList .brandCard--small .brandCard__text, .spotsList .brandCard .brandCard__text {
            padding: 0
        }

        .spotsList .brandCard--small .brandCard__title, .spotsList .brandCard .brandCard__title {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Calma Global Medium,sans-serif;
            font-size: 1.625rem;
            line-height: 1.231em;
            letter-spacing: 0
        }

            .spotsList .brandCard--small .brandCard__title .link a, .spotsList .brandCard .brandCard__title .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .spotsList .brandCard--small .brandCard__title .link a:hover, .spotsList .brandCard .brandCard__title .link a:hover {
                    color: var(--m-01)
                }

            .spotsList .brandCard--small .brandCard__title mark, .spotsList .brandCard--small .brandCard__title mark[data-color=color], .spotsList .brandCard .brandCard__title mark, .spotsList .brandCard .brandCard__title mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .spotsList .brandCard--small .brandCard__title mark[data-color=gray], .spotsList .brandCard .brandCard__title mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .spotsList .brandCard--small .brandCard__title mark[data-color=default], .spotsList .brandCard .brandCard__title mark[data-color=default] {
                    color: var(--neu-10)
                }

            .spotsList .brandCard--small .brandCard__title span.m-01--dark-01, .spotsList .brandCard--small .brandCard__title span[data-color=color], .spotsList .brandCard .brandCard__title span.m-01--dark-01, .spotsList .brandCard .brandCard__title span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .spotsList .brandCard--small .brandCard__title span.neu-07, .spotsList .brandCard--small .brandCard__title span[data-color=gray], .spotsList .brandCard .brandCard__title span.neu-07, .spotsList .brandCard .brandCard__title span[data-color=gray] {
                color: var(--neu-07)
            }

            .spotsList .brandCard--small .brandCard__title span.neu-10, .spotsList .brandCard--small .brandCard__title span[data-color=default], .spotsList .brandCard .brandCard__title span.neu-10, .spotsList .brandCard .brandCard__title span[data-color=default] {
                color: var(--neu-10)
            }

            .spotsList .brandCard--small .brandCard__title b, .spotsList .brandCard--small .brandCard__title strong, .spotsList .brandCard .brandCard__title b, .spotsList .brandCard .brandCard__title strong {
                font-weight: 700
            }

            .spotsList .brandCard--small .brandCard__title em, .spotsList .brandCard .brandCard__title em {
                font-style: italic
            }

        .spotsList .brandCard--small .brandCard__description, .spotsList .brandCard .brandCard__description {
            margin-top: 24px
        }

    .spotsList .categoryCard, .spotsList .categoryCard--small {
        min-height: 240px;
        max-width: 960px
    }

        .spotsList .categoryCard--small .categoryCard__content, .spotsList .categoryCard .categoryCard__content {
            padding: 32px
        }

        .spotsList .categoryCard--small .categoryCard__title, .spotsList .categoryCard .categoryCard__title {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Calma Global Medium,sans-serif;
            font-size: 2rem;
            line-height: 1.25em;
            letter-spacing: -.016em
        }

            .spotsList .categoryCard--small .categoryCard__title .link a, .spotsList .categoryCard .categoryCard__title .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .spotsList .categoryCard--small .categoryCard__title .link a:hover, .spotsList .categoryCard .categoryCard__title .link a:hover {
                    color: var(--m-01)
                }

            .spotsList .categoryCard--small .categoryCard__title mark, .spotsList .categoryCard--small .categoryCard__title mark[data-color=color], .spotsList .categoryCard .categoryCard__title mark, .spotsList .categoryCard .categoryCard__title mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .spotsList .categoryCard--small .categoryCard__title mark[data-color=gray], .spotsList .categoryCard .categoryCard__title mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .spotsList .categoryCard--small .categoryCard__title mark[data-color=default], .spotsList .categoryCard .categoryCard__title mark[data-color=default] {
                    color: var(--neu-10)
                }

            .spotsList .categoryCard--small .categoryCard__title span.m-01--dark-01, .spotsList .categoryCard--small .categoryCard__title span[data-color=color], .spotsList .categoryCard .categoryCard__title span.m-01--dark-01, .spotsList .categoryCard .categoryCard__title span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .spotsList .categoryCard--small .categoryCard__title span.neu-07, .spotsList .categoryCard--small .categoryCard__title span[data-color=gray], .spotsList .categoryCard .categoryCard__title span.neu-07, .spotsList .categoryCard .categoryCard__title span[data-color=gray] {
                color: var(--neu-07)
            }

            .spotsList .categoryCard--small .categoryCard__title span.neu-10, .spotsList .categoryCard--small .categoryCard__title span[data-color=default], .spotsList .categoryCard .categoryCard__title span.neu-10, .spotsList .categoryCard .categoryCard__title span[data-color=default] {
                color: var(--neu-10)
            }

            .spotsList .categoryCard--small .categoryCard__title b, .spotsList .categoryCard--small .categoryCard__title strong, .spotsList .categoryCard .categoryCard__title b, .spotsList .categoryCard .categoryCard__title strong {
                font-weight: 700
            }

            .spotsList .categoryCard--small .categoryCard__title em, .spotsList .categoryCard .categoryCard__title em {
                font-style: italic
            }
}

@media (max-width:768px) and (max-width:1024px) {
    .spotsList .categoryCard--small .categoryCard__title, .spotsList .categoryCard .categoryCard__title {
        font-size: 1.625rem;
        line-height: 1.231em;
        letter-spacing: 0
    }
}

@media (max-width:768px) {
    .spotsList .profileCard, .spotsList .profileCard--small {
        max-width: 960px;
        padding: 24px 16px 32px 4px;
        height: 100%
    }

        .spotsList .profileCard--small .profileCard__text, .spotsList .profileCard .profileCard__text {
            max-width: 310px
        }

    .spotsList .selectableCard, .spotsList .selectableCard--small {
        max-width: 960px;
        padding: 16px 16px 24px;
        grid-template-columns: 1fr 1fr;
        row-gap: 8px
    }

        .spotsList .selectableCard--small .selectableCard__content, .spotsList .selectableCard .selectableCard__content {
            grid-row: 2;
            grid-column: 1/3
        }

        .spotsList .selectableCard--small .selectableCard__checkbox, .spotsList .selectableCard .selectableCard__checkbox {
            margin-right: 0;
            grid-row: 1
        }

        .spotsList .selectableCard--small .selectableCard__image, .spotsList .selectableCard .selectableCard__image {
            width: 48px;
            height: 48px;
            grid-row: 1;
            justify-self: flex-end
        }

        .spotsList .selectableCard--small .selectableCard__btn, .spotsList .selectableCard .selectableCard__btn {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Inter,sans-serif;
            font-size: .813rem;
            line-height: 1.538em;
            letter-spacing: -.003em;
            font-weight: 400;
            font-weight: 700;
            padding: 0 20px;
            height: 40px;
            transform: none;
            margin-left: 0;
            margin-top: 16px;
            grid-row: 3;
            grid-column: 1/3
        }

            .spotsList .selectableCard--small .selectableCard__btn .link a, .spotsList .selectableCard .selectableCard__btn .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .spotsList .selectableCard--small .selectableCard__btn .link a:hover, .spotsList .selectableCard .selectableCard__btn .link a:hover {
                    color: var(--m-01)
                }

            .spotsList .selectableCard--small .selectableCard__btn mark, .spotsList .selectableCard--small .selectableCard__btn mark[data-color=color], .spotsList .selectableCard .selectableCard__btn mark, .spotsList .selectableCard .selectableCard__btn mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .spotsList .selectableCard--small .selectableCard__btn mark[data-color=gray], .spotsList .selectableCard .selectableCard__btn mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .spotsList .selectableCard--small .selectableCard__btn mark[data-color=default], .spotsList .selectableCard .selectableCard__btn mark[data-color=default] {
                    color: var(--neu-10)
                }

            .spotsList .selectableCard--small .selectableCard__btn span.m-01--dark-01, .spotsList .selectableCard--small .selectableCard__btn span[data-color=color], .spotsList .selectableCard .selectableCard__btn span.m-01--dark-01, .spotsList .selectableCard .selectableCard__btn span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .spotsList .selectableCard--small .selectableCard__btn span.neu-07, .spotsList .selectableCard--small .selectableCard__btn span[data-color=gray], .spotsList .selectableCard .selectableCard__btn span.neu-07, .spotsList .selectableCard .selectableCard__btn span[data-color=gray] {
                color: var(--neu-07)
            }

            .spotsList .selectableCard--small .selectableCard__btn span.neu-10, .spotsList .selectableCard--small .selectableCard__btn span[data-color=default], .spotsList .selectableCard .selectableCard__btn span.neu-10, .spotsList .selectableCard .selectableCard__btn span[data-color=default] {
                color: var(--neu-10)
            }

            .spotsList .selectableCard--small .selectableCard__btn b, .spotsList .selectableCard--small .selectableCard__btn strong, .spotsList .selectableCard .selectableCard__btn b, .spotsList .selectableCard .selectableCard__btn strong {
                font-weight: 700
            }

            .spotsList .selectableCard--small .selectableCard__btn em, .spotsList .selectableCard .selectableCard__btn em {
                font-style: italic
            }

            .spotsList .selectableCard--small .selectableCard__btn i, .spotsList .selectableCard .selectableCard__btn i {
                min-width: 16px;
                width: 16px;
                height: 16px;
                font-size: 16px
            }

                .spotsList .selectableCard--small .selectableCard__btn i:before, .spotsList .selectableCard .selectableCard__btn i:before {
                    font-size: 16px;
                    font-weight: 400
                }

            .spotsList .selectableCard--small .selectableCard__btn.btn--icon, .spotsList .selectableCard .selectableCard__btn.btn--icon {
                width: 40px;
                min-width: 40px
            }

    .spotsList .demandCard, .spotsList .demandCard--small {
        max-width: 960px;
        padding: 16px;
        min-height: 324px
    }

        .spotsList .demandCard--small .demandCard__content, .spotsList .demandCard .demandCard__content {
            gap: 8px
        }

        .spotsList .demandCard--small .demandCard__notification-text, .spotsList .demandCard .demandCard__notification-text {
            display: none
        }

        .spotsList .demandCard--small .demandCard__description, .spotsList .demandCard .demandCard__description {
            margin-top: 8px
        }

    .spotsList .replyCard, .spotsList .replyCard--small {
        max-width: 960px
    }

        .spotsList .replyCard--small .replyCard, .spotsList .replyCard--small .replyCard--small, .spotsList .replyCard .replyCard, .spotsList .replyCard .replyCard--small {
            background-color: var(--neu-01)
        }

        .spotsList .replyCard--small .replyCard__content, .spotsList .replyCard .replyCard__content {
            padding: 24px;
            gap: 4px 12px
        }

        .spotsList .replyCard--small .replyCard__thumb, .spotsList .replyCard .replyCard__thumb {
            grid-row: 1/3;
            align-self: flex-start
        }

        .spotsList .replyCard--small .replyCard__text, .spotsList .replyCard .replyCard__text {
            grid-row: 2;
            grid-column: 2/4
        }
}

@media (max-width:768px) and (max-width:512px) {
    .spotsList .replyCard--small .replyCard__text, .spotsList .replyCard .replyCard__text {
        grid-column: 2/4
    }
}

@media (max-width:768px) {
    .spotsList .replyCard--small .replyCard__message, .spotsList .replyCard--small .replyCard__subject, .spotsList .replyCard .replyCard__message, .spotsList .replyCard .replyCard__subject {
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-stretch: normal;
        letter-spacing: normal;
        font-family: Inter,sans-serif;
        font-size: 1rem;
        line-height: 1.5em;
        letter-spacing: -.011em;
        font-weight: 400
    }

        .spotsList .replyCard--small .replyCard__message .link a, .spotsList .replyCard--small .replyCard__subject .link a, .spotsList .replyCard .replyCard__message .link a, .spotsList .replyCard .replyCard__subject .link a {
            transition: all .1s ease;
            text-decoration: underline;
            color: var(--m-01--dark-01)
        }

            .spotsList .replyCard--small .replyCard__message .link a:hover, .spotsList .replyCard--small .replyCard__subject .link a:hover, .spotsList .replyCard .replyCard__message .link a:hover, .spotsList .replyCard .replyCard__subject .link a:hover {
                color: var(--m-01)
            }

        .spotsList .replyCard--small .replyCard__message mark, .spotsList .replyCard--small .replyCard__message mark[data-color=color], .spotsList .replyCard--small .replyCard__subject mark, .spotsList .replyCard--small .replyCard__subject mark[data-color=color], .spotsList .replyCard .replyCard__message mark, .spotsList .replyCard .replyCard__message mark[data-color=color], .spotsList .replyCard .replyCard__subject mark, .spotsList .replyCard .replyCard__subject mark[data-color=color] {
            color: var(--m-01--dark-01)
        }

            .spotsList .replyCard--small .replyCard__message mark[data-color=gray], .spotsList .replyCard--small .replyCard__subject mark[data-color=gray], .spotsList .replyCard .replyCard__message mark[data-color=gray], .spotsList .replyCard .replyCard__subject mark[data-color=gray] {
                color: var(--neu-07)
            }

            .spotsList .replyCard--small .replyCard__message mark[data-color=default], .spotsList .replyCard--small .replyCard__subject mark[data-color=default], .spotsList .replyCard .replyCard__message mark[data-color=default], .spotsList .replyCard .replyCard__subject mark[data-color=default] {
                color: var(--neu-10)
            }

        .spotsList .replyCard--small .replyCard__message span.m-01--dark-01, .spotsList .replyCard--small .replyCard__message span[data-color=color], .spotsList .replyCard--small .replyCard__subject span.m-01--dark-01, .spotsList .replyCard--small .replyCard__subject span[data-color=color], .spotsList .replyCard .replyCard__message span.m-01--dark-01, .spotsList .replyCard .replyCard__message span[data-color=color], .spotsList .replyCard .replyCard__subject span.m-01--dark-01, .spotsList .replyCard .replyCard__subject span[data-color=color] {
            color: var(--m-01--dark-01)
        }

        .spotsList .replyCard--small .replyCard__message span.neu-07, .spotsList .replyCard--small .replyCard__message span[data-color=gray], .spotsList .replyCard--small .replyCard__subject span.neu-07, .spotsList .replyCard--small .replyCard__subject span[data-color=gray], .spotsList .replyCard .replyCard__message span.neu-07, .spotsList .replyCard .replyCard__message span[data-color=gray], .spotsList .replyCard .replyCard__subject span.neu-07, .spotsList .replyCard .replyCard__subject span[data-color=gray] {
            color: var(--neu-07)
        }

        .spotsList .replyCard--small .replyCard__message span.neu-10, .spotsList .replyCard--small .replyCard__message span[data-color=default], .spotsList .replyCard--small .replyCard__subject span.neu-10, .spotsList .replyCard--small .replyCard__subject span[data-color=default], .spotsList .replyCard .replyCard__message span.neu-10, .spotsList .replyCard .replyCard__message span[data-color=default], .spotsList .replyCard .replyCard__subject span.neu-10, .spotsList .replyCard .replyCard__subject span[data-color=default] {
            color: var(--neu-10)
        }

        .spotsList .replyCard--small .replyCard__message b, .spotsList .replyCard--small .replyCard__message strong, .spotsList .replyCard--small .replyCard__subject b, .spotsList .replyCard--small .replyCard__subject strong, .spotsList .replyCard .replyCard__message b, .spotsList .replyCard .replyCard__message strong, .spotsList .replyCard .replyCard__subject b, .spotsList .replyCard .replyCard__subject strong {
            font-weight: 700
        }

        .spotsList .replyCard--small .replyCard__message em, .spotsList .replyCard--small .replyCard__subject em, .spotsList .replyCard .replyCard__message em, .spotsList .replyCard .replyCard__subject em {
            font-style: italic
        }

    .spotsList .replyCard--small .replyCard__info, .spotsList .replyCard .replyCard__info {
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-stretch: normal;
        letter-spacing: normal;
        font-family: Inter,sans-serif;
        font-size: .813rem;
        line-height: 1.538em;
        letter-spacing: -.003em;
        font-weight: 700;
        margin-top: 8px;
        padding-right: 32px
    }

        .spotsList .replyCard--small .replyCard__info .link a, .spotsList .replyCard .replyCard__info .link a {
            transition: all .1s ease;
            text-decoration: underline;
            color: var(--m-01--dark-01)
        }

            .spotsList .replyCard--small .replyCard__info .link a:hover, .spotsList .replyCard .replyCard__info .link a:hover {
                color: var(--m-01)
            }

        .spotsList .replyCard--small .replyCard__info mark, .spotsList .replyCard--small .replyCard__info mark[data-color=color], .spotsList .replyCard .replyCard__info mark, .spotsList .replyCard .replyCard__info mark[data-color=color] {
            color: var(--m-01--dark-01)
        }

            .spotsList .replyCard--small .replyCard__info mark[data-color=gray], .spotsList .replyCard .replyCard__info mark[data-color=gray] {
                color: var(--neu-07)
            }

            .spotsList .replyCard--small .replyCard__info mark[data-color=default], .spotsList .replyCard .replyCard__info mark[data-color=default] {
                color: var(--neu-10)
            }

        .spotsList .replyCard--small .replyCard__info span.m-01--dark-01, .spotsList .replyCard--small .replyCard__info span[data-color=color], .spotsList .replyCard .replyCard__info span.m-01--dark-01, .spotsList .replyCard .replyCard__info span[data-color=color] {
            color: var(--m-01--dark-01)
        }

        .spotsList .replyCard--small .replyCard__info span.neu-07, .spotsList .replyCard--small .replyCard__info span[data-color=gray], .spotsList .replyCard .replyCard__info span.neu-07, .spotsList .replyCard .replyCard__info span[data-color=gray] {
            color: var(--neu-07)
        }

        .spotsList .replyCard--small .replyCard__info span.neu-10, .spotsList .replyCard--small .replyCard__info span[data-color=default], .spotsList .replyCard .replyCard__info span.neu-10, .spotsList .replyCard .replyCard__info span[data-color=default] {
            color: var(--neu-10)
        }

        .spotsList .replyCard--small .replyCard__info b, .spotsList .replyCard--small .replyCard__info strong, .spotsList .replyCard .replyCard__info b, .spotsList .replyCard .replyCard__info strong {
            font-weight: 700
        }

        .spotsList .replyCard--small .replyCard__info em, .spotsList .replyCard .replyCard__info em {
            font-style: italic
        }

    .spotsList .replyCard--small .replyCard__pin, .spotsList .replyCard .replyCard__pin {
        transition: all .1s ease;
        grid-row: 2;
        grid-column: 3;
        align-self: flex-end;
        width: 24px;
        height: 24px;
        justify-self: flex-end;
        transform: translateY(4px);
        cursor: pointer
    }

        .spotsList .replyCard--small .replyCard__pin:hover, .spotsList .replyCard .replyCard__pin:hover {
            opacity: .7
        }

        .spotsList .replyCard--small .replyCard__pin:before, .spotsList .replyCard .replyCard__pin:before {
            width: 24px;
            height: 24px;
            font-size: 24px;
            font-family: aicep-base-icons !important;
            font-weight: 400;
            display: flex;
            justify-content: center;
            align-items: center;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            content: "\e95b"
        }

    .spotsList .replyCard--small .replyCard__pin--selected, .spotsList .replyCard .replyCard__pin--selected {
        color: var(--m-02--dark-01)
    }

        .spotsList .replyCard--small .replyCard__pin--selected:before, .spotsList .replyCard .replyCard__pin--selected:before {
            content: "\e95c"
        }

    .spotsList .replyCard--small .replyCard__btn, .spotsList .replyCard .replyCard__btn {
        display: none
    }

    .spotsList .infoCard, .spotsList .infoCard--small {
        max-width: 960px;
        padding: 24px
    }

        .spotsList .infoCard--small .infoCard__number, .spotsList .infoCard .infoCard__number {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Calma Global Medium,sans-serif;
            font-size: 2rem;
            line-height: 1.25em;
            letter-spacing: -.016em;
            transform: translateY(0)
        }

            .spotsList .infoCard--small .infoCard__number .link a, .spotsList .infoCard .infoCard__number .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .spotsList .infoCard--small .infoCard__number .link a:hover, .spotsList .infoCard .infoCard__number .link a:hover {
                    color: var(--m-01)
                }

            .spotsList .infoCard--small .infoCard__number mark, .spotsList .infoCard--small .infoCard__number mark[data-color=color], .spotsList .infoCard .infoCard__number mark, .spotsList .infoCard .infoCard__number mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .spotsList .infoCard--small .infoCard__number mark[data-color=gray], .spotsList .infoCard .infoCard__number mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .spotsList .infoCard--small .infoCard__number mark[data-color=default], .spotsList .infoCard .infoCard__number mark[data-color=default] {
                    color: var(--neu-10)
                }

            .spotsList .infoCard--small .infoCard__number span.m-01--dark-01, .spotsList .infoCard--small .infoCard__number span[data-color=color], .spotsList .infoCard .infoCard__number span.m-01--dark-01, .spotsList .infoCard .infoCard__number span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .spotsList .infoCard--small .infoCard__number span.neu-07, .spotsList .infoCard--small .infoCard__number span[data-color=gray], .spotsList .infoCard .infoCard__number span.neu-07, .spotsList .infoCard .infoCard__number span[data-color=gray] {
                color: var(--neu-07)
            }

            .spotsList .infoCard--small .infoCard__number span.neu-10, .spotsList .infoCard--small .infoCard__number span[data-color=default], .spotsList .infoCard .infoCard__number span.neu-10, .spotsList .infoCard .infoCard__number span[data-color=default] {
                color: var(--neu-10)
            }

            .spotsList .infoCard--small .infoCard__number b, .spotsList .infoCard--small .infoCard__number strong, .spotsList .infoCard .infoCard__number b, .spotsList .infoCard .infoCard__number strong {
                font-weight: 700
            }

            .spotsList .infoCard--small .infoCard__number em, .spotsList .infoCard .infoCard__number em {
                font-style: italic
            }
}

@media (max-width:768px) and (max-width:1024px) {
    .spotsList .infoCard--small .infoCard__number, .spotsList .infoCard .infoCard__number {
        font-size: 1.625rem;
        line-height: 1.231em;
        letter-spacing: 0;
        transform: translateY(3px)
    }
}

@media (max-width:768px) {
    .spotsList .infoCard--small .infoCard__title, .spotsList .infoCard .infoCard__title {
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-stretch: normal;
        letter-spacing: normal;
        font-family: Inter,sans-serif;
        font-size: 1rem;
        line-height: 1.5em;
        letter-spacing: -.011em;
        font-weight: 700
    }

        .spotsList .infoCard--small .infoCard__title .link a, .spotsList .infoCard .infoCard__title .link a {
            transition: all .1s ease;
            text-decoration: underline;
            color: var(--m-01--dark-01)
        }

            .spotsList .infoCard--small .infoCard__title .link a:hover, .spotsList .infoCard .infoCard__title .link a:hover {
                color: var(--m-01)
            }

        .spotsList .infoCard--small .infoCard__title mark, .spotsList .infoCard--small .infoCard__title mark[data-color=color], .spotsList .infoCard .infoCard__title mark, .spotsList .infoCard .infoCard__title mark[data-color=color] {
            color: var(--m-01--dark-01)
        }

            .spotsList .infoCard--small .infoCard__title mark[data-color=gray], .spotsList .infoCard .infoCard__title mark[data-color=gray] {
                color: var(--neu-07)
            }

            .spotsList .infoCard--small .infoCard__title mark[data-color=default], .spotsList .infoCard .infoCard__title mark[data-color=default] {
                color: var(--neu-10)
            }

        .spotsList .infoCard--small .infoCard__title span.m-01--dark-01, .spotsList .infoCard--small .infoCard__title span[data-color=color], .spotsList .infoCard .infoCard__title span.m-01--dark-01, .spotsList .infoCard .infoCard__title span[data-color=color] {
            color: var(--m-01--dark-01)
        }

        .spotsList .infoCard--small .infoCard__title span.neu-07, .spotsList .infoCard--small .infoCard__title span[data-color=gray], .spotsList .infoCard .infoCard__title span.neu-07, .spotsList .infoCard .infoCard__title span[data-color=gray] {
            color: var(--neu-07)
        }

        .spotsList .infoCard--small .infoCard__title span.neu-10, .spotsList .infoCard--small .infoCard__title span[data-color=default], .spotsList .infoCard .infoCard__title span.neu-10, .spotsList .infoCard .infoCard__title span[data-color=default] {
            color: var(--neu-10)
        }

        .spotsList .infoCard--small .infoCard__title b, .spotsList .infoCard--small .infoCard__title strong, .spotsList .infoCard .infoCard__title b, .spotsList .infoCard .infoCard__title strong {
            font-weight: 700
        }

        .spotsList .infoCard--small .infoCard__title em, .spotsList .infoCard .infoCard__title em {
            font-style: italic
        }
}

.standardGrid {
    background: var(--neu-01)
}

    .standardGrid .wrapper {
        padding-top: 24px;
        padding-bottom: 64px
    }

@media (max-width:1024px) {
    .standardGrid .wrapper {
        padding-bottom: 40px
    }
}

@media (max-width:768px) {
    .standardGrid .wrapper {
        padding-top: 16px;
        padding-bottom: 40px
    }
}

.standardGrid__title {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Calma Global Medium,sans-serif;
    font-size: 2.5rem;
    line-height: 1.2em;
    letter-spacing: -.025em;
    text-align: center;
    grid-column: 4/10
}

    .standardGrid__title .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .standardGrid__title .link a:hover {
            color: var(--m-01)
        }

    .standardGrid__title mark, .standardGrid__title mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .standardGrid__title mark[data-color=gray] {
            color: var(--neu-07)
        }

        .standardGrid__title mark[data-color=default] {
            color: var(--neu-10)
        }

    .standardGrid__title span.m-01--dark-01, .standardGrid__title span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .standardGrid__title span.neu-07, .standardGrid__title span[data-color=gray] {
        color: var(--neu-07)
    }

    .standardGrid__title span.neu-10, .standardGrid__title span[data-color=default] {
        color: var(--neu-10)
    }

    .standardGrid__title b, .standardGrid__title strong {
        font-weight: 700
    }

    .standardGrid__title em {
        font-style: italic
    }

@media (max-width:1024px) {
    .standardGrid__title {
        font-size: 2rem;
        line-height: 1.25em;
        letter-spacing: -.016em;
        grid-column: 2/6
    }
}

@media (max-width:512px) {
    .standardGrid__title {
        grid-column: 1/7
    }
}

.standardGrid__subtitle {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1rem;
    line-height: 1.5em;
    letter-spacing: -.011em;
    font-weight: 400;
    text-align: center;
    grid-column: 5/9;
    max-width: 417px;
    margin: 16px auto 0
}

    .standardGrid__subtitle .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .standardGrid__subtitle .link a:hover {
            color: var(--m-01)
        }

    .standardGrid__subtitle mark, .standardGrid__subtitle mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .standardGrid__subtitle mark[data-color=gray] {
            color: var(--neu-07)
        }

        .standardGrid__subtitle mark[data-color=default] {
            color: var(--neu-10)
        }

    .standardGrid__subtitle span.m-01--dark-01, .standardGrid__subtitle span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .standardGrid__subtitle span.neu-07, .standardGrid__subtitle span[data-color=gray] {
        color: var(--neu-07)
    }

    .standardGrid__subtitle span.neu-10, .standardGrid__subtitle span[data-color=default] {
        color: var(--neu-10)
    }

    .standardGrid__subtitle b, .standardGrid__subtitle strong {
        font-weight: 700
    }

    .standardGrid__subtitle em {
        font-style: italic
    }

@media (max-width:1024px) {
    .standardGrid__subtitle {
        grid-column: 2/6
    }
}

.standardGrid__subtitle:first-child {
    margin-top: 0
}

.standardGrid__grid {
    grid-column: 1/13;
    margin-top: 72px;
    display: grid;
    grid-gap: 32px
}

@media (max-width:1024px) {
    .standardGrid__grid {
        grid-column: 1/7
    }
}

.standardGrid__grid:first-child {
    margin-top: 0
}

@media (max-width:1280px) {
    .standardGrid__grid {
        grid-gap: 24px
    }
}

@media (max-width:1024px) {
    .standardGrid__grid {
        grid-gap: 16px;
        margin-top: 40px
    }
}

@media (max-width:768px) {
    .standardGrid__grid {
        margin-top: 32px
    }
}

.standardGrid[data-grid="4"] .standardGrid__grid {
    grid-template-columns: repeat(4,1fr)
}

@media (max-width:1024px) {
    .standardGrid[data-grid="4"] .standardGrid__grid {
        grid-template-columns: repeat(3,1fr)
    }
}

@media (max-width:768px) {
    .standardGrid[data-grid="4"] .standardGrid__grid {
        grid-template-columns: repeat(2,1fr)
    }
}

@media (max-width:512px) {
    .standardGrid[data-grid="4"] .standardGrid__grid {
        grid-template-columns: 1fr
    }
}

.standardGrid[data-grid="3"] .standardGrid__grid {
    grid-template-columns: repeat(3,1fr)
}

@media (max-width:1024px) {
    .standardGrid[data-grid="3"] .standardGrid__grid {
        grid-template-columns: repeat(2,1fr)
    }
}

@media (max-width:512px) {
    .standardGrid[data-grid="3"] .standardGrid__grid {
        grid-template-columns: 1fr
    }
}

.standardGrid[data-grid="2"] .standardGrid__grid {
    grid-template-columns: repeat(2,1fr)
}

@media (max-width:1024px) {
    .standardGrid[data-grid="2"] .standardGrid__grid {
        grid-template-columns: repeat(1,1fr)
    }
}

@media (max-width:512px) {
    .standardGrid[data-grid="2"] .standardGrid__grid {
        grid-template-columns: 1fr
    }
}

@media (max-width:1280px) {
    .standardGrid .caseCard, .standardGrid .caseCard--small {
        min-height: 324px;
        max-width: 960px
    }

        .standardGrid .caseCard--small .caseCard__content, .standardGrid .caseCard .caseCard__content {
            padding: 24px 16px 16px
        }

        .standardGrid .caseCard--small .caseCard__title, .standardGrid .caseCard .caseCard__title {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Calma Global Medium,sans-serif;
            font-size: 1.625rem;
            line-height: 1.231em;
            letter-spacing: 0
        }

            .standardGrid .caseCard--small .caseCard__title .link a, .standardGrid .caseCard .caseCard__title .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .standardGrid .caseCard--small .caseCard__title .link a:hover, .standardGrid .caseCard .caseCard__title .link a:hover {
                    color: var(--m-01)
                }

            .standardGrid .caseCard--small .caseCard__title mark, .standardGrid .caseCard--small .caseCard__title mark[data-color=color], .standardGrid .caseCard .caseCard__title mark, .standardGrid .caseCard .caseCard__title mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .standardGrid .caseCard--small .caseCard__title mark[data-color=gray], .standardGrid .caseCard .caseCard__title mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .standardGrid .caseCard--small .caseCard__title mark[data-color=default], .standardGrid .caseCard .caseCard__title mark[data-color=default] {
                    color: var(--neu-10)
                }

            .standardGrid .caseCard--small .caseCard__title span.m-01--dark-01, .standardGrid .caseCard--small .caseCard__title span[data-color=color], .standardGrid .caseCard .caseCard__title span.m-01--dark-01, .standardGrid .caseCard .caseCard__title span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .standardGrid .caseCard--small .caseCard__title span.neu-07, .standardGrid .caseCard--small .caseCard__title span[data-color=gray], .standardGrid .caseCard .caseCard__title span.neu-07, .standardGrid .caseCard .caseCard__title span[data-color=gray] {
                color: var(--neu-07)
            }

            .standardGrid .caseCard--small .caseCard__title span.neu-10, .standardGrid .caseCard--small .caseCard__title span[data-color=default], .standardGrid .caseCard .caseCard__title span.neu-10, .standardGrid .caseCard .caseCard__title span[data-color=default] {
                color: var(--neu-10)
            }

            .standardGrid .caseCard--small .caseCard__title b, .standardGrid .caseCard--small .caseCard__title strong, .standardGrid .caseCard .caseCard__title b, .standardGrid .caseCard .caseCard__title strong {
                font-weight: 700
            }

            .standardGrid .caseCard--small .caseCard__title em, .standardGrid .caseCard .caseCard__title em {
                font-style: italic
            }

    .standardGrid .countyCard, .standardGrid .countyCard--small {
        max-width: 960px;
        height: 100%;
        min-height: 80px
    }

    .standardGrid .industryCard, .standardGrid .industryCard--small {
        max-width: 960px;
        max-width: 480px;
        min-height: 240px
    }

        .standardGrid .industryCard--small .industryCard__content, .standardGrid .industryCard .industryCard__content {
            padding: 24px 16px 16px
        }

        .standardGrid .industryCard--small .industryCard__title, .standardGrid .industryCard .industryCard__title {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Calma Global Medium,sans-serif;
            font-size: 1.625rem;
            line-height: 1.231em;
            letter-spacing: 0
        }

            .standardGrid .industryCard--small .industryCard__title .link a, .standardGrid .industryCard .industryCard__title .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .standardGrid .industryCard--small .industryCard__title .link a:hover, .standardGrid .industryCard .industryCard__title .link a:hover {
                    color: var(--m-01)
                }

            .standardGrid .industryCard--small .industryCard__title mark, .standardGrid .industryCard--small .industryCard__title mark[data-color=color], .standardGrid .industryCard .industryCard__title mark, .standardGrid .industryCard .industryCard__title mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .standardGrid .industryCard--small .industryCard__title mark[data-color=gray], .standardGrid .industryCard .industryCard__title mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .standardGrid .industryCard--small .industryCard__title mark[data-color=default], .standardGrid .industryCard .industryCard__title mark[data-color=default] {
                    color: var(--neu-10)
                }

            .standardGrid .industryCard--small .industryCard__title span.m-01--dark-01, .standardGrid .industryCard--small .industryCard__title span[data-color=color], .standardGrid .industryCard .industryCard__title span.m-01--dark-01, .standardGrid .industryCard .industryCard__title span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .standardGrid .industryCard--small .industryCard__title span.neu-07, .standardGrid .industryCard--small .industryCard__title span[data-color=gray], .standardGrid .industryCard .industryCard__title span.neu-07, .standardGrid .industryCard .industryCard__title span[data-color=gray] {
                color: var(--neu-07)
            }

            .standardGrid .industryCard--small .industryCard__title span.neu-10, .standardGrid .industryCard--small .industryCard__title span[data-color=default], .standardGrid .industryCard .industryCard__title span.neu-10, .standardGrid .industryCard .industryCard__title span[data-color=default] {
                color: var(--neu-10)
            }

            .standardGrid .industryCard--small .industryCard__title b, .standardGrid .industryCard--small .industryCard__title strong, .standardGrid .industryCard .industryCard__title b, .standardGrid .industryCard .industryCard__title strong {
                font-weight: 700
            }

            .standardGrid .industryCard--small .industryCard__title em, .standardGrid .industryCard .industryCard__title em {
                font-style: italic
            }

    .standardGrid .itemCard, .standardGrid .itemCard--small {
        max-width: 960px;
        padding: 24px 16px 32px 4px;
        height: 100%
    }

        .standardGrid .itemCard--small .itemCard__text, .standardGrid .itemCard .itemCard__text {
            max-width: 310px
        }

    .standardGrid .readingImageCard, .standardGrid .readingImageCard--small {
        max-width: 960px;
        background: transparent;
        box-shadow: none;
        border-bottom: 1px solid var(--neu-03);
        min-height: auto;
        flex-direction: row;
        padding: 8px 0 16px;
        border-radius: 0
    }

        .standardGrid .readingImageCard--small .readingImageCard__image, .standardGrid .readingImageCard .readingImageCard__image {
            height: auto;
            max-width: 110px;
            flex: 1;
            border-radius: 0
        }

        .standardGrid .readingImageCard--small .readingImageCard__content, .standardGrid .readingImageCard .readingImageCard__content {
            padding: 0 0 0 16px;
            flex: 2;
            justify-content: flex-start
        }

        .standardGrid .readingImageCard--small .readingImageCard__text, .standardGrid .readingImageCard .readingImageCard__text {
            padding: 0;
            padding-right: 24px
        }

        .standardGrid .readingImageCard--small .readingImageCard__title, .standardGrid .readingImageCard .readingImageCard__title {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Inter,sans-serif;
            font-size: 1rem;
            line-height: 1.5em;
            letter-spacing: -.011em;
            font-weight: 700;
            margin-top: 4px
        }

            .standardGrid .readingImageCard--small .readingImageCard__title .link a, .standardGrid .readingImageCard .readingImageCard__title .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .standardGrid .readingImageCard--small .readingImageCard__title .link a:hover, .standardGrid .readingImageCard .readingImageCard__title .link a:hover {
                    color: var(--m-01)
                }

            .standardGrid .readingImageCard--small .readingImageCard__title mark, .standardGrid .readingImageCard--small .readingImageCard__title mark[data-color=color], .standardGrid .readingImageCard .readingImageCard__title mark, .standardGrid .readingImageCard .readingImageCard__title mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .standardGrid .readingImageCard--small .readingImageCard__title mark[data-color=gray], .standardGrid .readingImageCard .readingImageCard__title mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .standardGrid .readingImageCard--small .readingImageCard__title mark[data-color=default], .standardGrid .readingImageCard .readingImageCard__title mark[data-color=default] {
                    color: var(--neu-10)
                }

            .standardGrid .readingImageCard--small .readingImageCard__title span.m-01--dark-01, .standardGrid .readingImageCard--small .readingImageCard__title span[data-color=color], .standardGrid .readingImageCard .readingImageCard__title span.m-01--dark-01, .standardGrid .readingImageCard .readingImageCard__title span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .standardGrid .readingImageCard--small .readingImageCard__title span.neu-07, .standardGrid .readingImageCard--small .readingImageCard__title span[data-color=gray], .standardGrid .readingImageCard .readingImageCard__title span.neu-07, .standardGrid .readingImageCard .readingImageCard__title span[data-color=gray] {
                color: var(--neu-07)
            }

            .standardGrid .readingImageCard--small .readingImageCard__title span.neu-10, .standardGrid .readingImageCard--small .readingImageCard__title span[data-color=default], .standardGrid .readingImageCard .readingImageCard__title span.neu-10, .standardGrid .readingImageCard .readingImageCard__title span[data-color=default] {
                color: var(--neu-10)
            }

            .standardGrid .readingImageCard--small .readingImageCard__title b, .standardGrid .readingImageCard--small .readingImageCard__title strong, .standardGrid .readingImageCard .readingImageCard__title b, .standardGrid .readingImageCard .readingImageCard__title strong {
                font-weight: 700
            }

            .standardGrid .readingImageCard--small .readingImageCard__title em, .standardGrid .readingImageCard .readingImageCard__title em {
                font-style: italic
            }

        .standardGrid .readingImageCard--small .readingImageCard__infoItem i, .standardGrid .readingImageCard .readingImageCard__infoItem i {
            display: none
        }

        .standardGrid .readingImageCard--small .btnBookmark, .standardGrid .readingImageCard--small .btnBookmark--privateArea, .standardGrid .readingImageCard--small .btnBookmark--small, .standardGrid .readingImageCard .btnBookmark, .standardGrid .readingImageCard .btnBookmark--privateArea, .standardGrid .readingImageCard .btnBookmark--small {
            top: -8px;
            right: -16px;
            z-index: 2
        }

            .standardGrid .readingImageCard--small .btnBookmark--privateArea .btnBookmark, .standardGrid .readingImageCard--small .btnBookmark--privateArea .btnBookmark--small, .standardGrid .readingImageCard .btnBookmark--privateArea .btnBookmark, .standardGrid .readingImageCard .btnBookmark--privateArea .btnBookmark--small {
                top: 0;
                right: 0
            }

        .standardGrid .readingImageCard--small:hover, .standardGrid .readingImageCard:hover {
            box-shadow: none;
            transform: none
        }

    .standardGrid .readingTextCard, .standardGrid .readingTextCard--small {
        max-width: 960px;
        background: transparent;
        box-shadow: none;
        border-bottom: 1px solid var(--neu-03);
        min-height: auto;
        flex-direction: row;
        padding: 8px 0 16px;
        border-radius: 0
    }

        .standardGrid .readingTextCard--small .readingTextCard__content, .standardGrid .readingTextCard .readingTextCard__content {
            flex: 2
        }

        .standardGrid .readingTextCard--small .readingTextCard__text, .standardGrid .readingTextCard .readingTextCard__text {
            padding: 0
        }

        .standardGrid .readingTextCard--small .readingTextCard__title, .standardGrid .readingTextCard .readingTextCard__title {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Inter,sans-serif;
            font-size: 1rem;
            line-height: 1.5em;
            letter-spacing: -.011em;
            font-weight: 700;
            margin-top: 4px
        }

            .standardGrid .readingTextCard--small .readingTextCard__title .link a, .standardGrid .readingTextCard .readingTextCard__title .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .standardGrid .readingTextCard--small .readingTextCard__title .link a:hover, .standardGrid .readingTextCard .readingTextCard__title .link a:hover {
                    color: var(--m-01)
                }

            .standardGrid .readingTextCard--small .readingTextCard__title mark, .standardGrid .readingTextCard--small .readingTextCard__title mark[data-color=color], .standardGrid .readingTextCard .readingTextCard__title mark, .standardGrid .readingTextCard .readingTextCard__title mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .standardGrid .readingTextCard--small .readingTextCard__title mark[data-color=gray], .standardGrid .readingTextCard .readingTextCard__title mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .standardGrid .readingTextCard--small .readingTextCard__title mark[data-color=default], .standardGrid .readingTextCard .readingTextCard__title mark[data-color=default] {
                    color: var(--neu-10)
                }

            .standardGrid .readingTextCard--small .readingTextCard__title span.m-01--dark-01, .standardGrid .readingTextCard--small .readingTextCard__title span[data-color=color], .standardGrid .readingTextCard .readingTextCard__title span.m-01--dark-01, .standardGrid .readingTextCard .readingTextCard__title span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .standardGrid .readingTextCard--small .readingTextCard__title span.neu-07, .standardGrid .readingTextCard--small .readingTextCard__title span[data-color=gray], .standardGrid .readingTextCard .readingTextCard__title span.neu-07, .standardGrid .readingTextCard .readingTextCard__title span[data-color=gray] {
                color: var(--neu-07)
            }

            .standardGrid .readingTextCard--small .readingTextCard__title span.neu-10, .standardGrid .readingTextCard--small .readingTextCard__title span[data-color=default], .standardGrid .readingTextCard .readingTextCard__title span.neu-10, .standardGrid .readingTextCard .readingTextCard__title span[data-color=default] {
                color: var(--neu-10)
            }

            .standardGrid .readingTextCard--small .readingTextCard__title b, .standardGrid .readingTextCard--small .readingTextCard__title strong, .standardGrid .readingTextCard .readingTextCard__title b, .standardGrid .readingTextCard .readingTextCard__title strong {
                font-weight: 700
            }

            .standardGrid .readingTextCard--small .readingTextCard__title em, .standardGrid .readingTextCard .readingTextCard__title em {
                font-style: italic
            }

        .standardGrid .readingTextCard--small .readingTextCard__description, .standardGrid .readingTextCard--small .readingTextCard__infoItem i, .standardGrid .readingTextCard .readingTextCard__description, .standardGrid .readingTextCard .readingTextCard__infoItem i {
            display: none
        }

        .standardGrid .readingTextCard--small:hover, .standardGrid .readingTextCard:hover {
            box-shadow: none;
            transform: none
        }

    .standardGrid .regionCard, .standardGrid .regionCard--small {
        max-width: 960px;
        min-height: 270px
    }

        .standardGrid .regionCard--small .regionCard__content, .standardGrid .regionCard .regionCard__content {
            padding: 24px 16px 16px
        }

        .standardGrid .regionCard--small .regionCard__title, .standardGrid .regionCard .regionCard__title {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Calma Global Medium,sans-serif;
            font-size: 2rem;
            line-height: 1.25em;
            letter-spacing: -.016em
        }

            .standardGrid .regionCard--small .regionCard__title .link a, .standardGrid .regionCard .regionCard__title .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .standardGrid .regionCard--small .regionCard__title .link a:hover, .standardGrid .regionCard .regionCard__title .link a:hover {
                    color: var(--m-01)
                }

            .standardGrid .regionCard--small .regionCard__title mark, .standardGrid .regionCard--small .regionCard__title mark[data-color=color], .standardGrid .regionCard .regionCard__title mark, .standardGrid .regionCard .regionCard__title mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .standardGrid .regionCard--small .regionCard__title mark[data-color=gray], .standardGrid .regionCard .regionCard__title mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .standardGrid .regionCard--small .regionCard__title mark[data-color=default], .standardGrid .regionCard .regionCard__title mark[data-color=default] {
                    color: var(--neu-10)
                }

            .standardGrid .regionCard--small .regionCard__title span.m-01--dark-01, .standardGrid .regionCard--small .regionCard__title span[data-color=color], .standardGrid .regionCard .regionCard__title span.m-01--dark-01, .standardGrid .regionCard .regionCard__title span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .standardGrid .regionCard--small .regionCard__title span.neu-07, .standardGrid .regionCard--small .regionCard__title span[data-color=gray], .standardGrid .regionCard .regionCard__title span.neu-07, .standardGrid .regionCard .regionCard__title span[data-color=gray] {
                color: var(--neu-07)
            }

            .standardGrid .regionCard--small .regionCard__title span.neu-10, .standardGrid .regionCard--small .regionCard__title span[data-color=default], .standardGrid .regionCard .regionCard__title span.neu-10, .standardGrid .regionCard .regionCard__title span[data-color=default] {
                color: var(--neu-10)
            }

            .standardGrid .regionCard--small .regionCard__title b, .standardGrid .regionCard--small .regionCard__title strong, .standardGrid .regionCard .regionCard__title b, .standardGrid .regionCard .regionCard__title strong {
                font-weight: 700
            }

            .standardGrid .regionCard--small .regionCard__title em, .standardGrid .regionCard .regionCard__title em {
                font-style: italic
            }
}

@media (max-width:1280px) and (max-width:1024px) {
    .standardGrid .regionCard--small .regionCard__title, .standardGrid .regionCard .regionCard__title {
        font-size: 1.625rem;
        line-height: 1.231em;
        letter-spacing: 0
    }
}

@media (max-width:1280px) {
    .standardGrid .resourceCard, .standardGrid .resourceCard--small {
        max-width: 960px;
        min-height: 200px;
        height: 100%;
        padding: 24px 16px
    }

        .standardGrid .resourceCard--small .resourceCard__title, .standardGrid .resourceCard .resourceCard__title {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Inter,sans-serif;
            font-size: 1.188rem;
            line-height: 1.263em;
            letter-spacing: -.016em;
            font-weight: 400;
            margin-top: 4px
        }

            .standardGrid .resourceCard--small .resourceCard__title .link a, .standardGrid .resourceCard .resourceCard__title .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .standardGrid .resourceCard--small .resourceCard__title .link a:hover, .standardGrid .resourceCard .resourceCard__title .link a:hover {
                    color: var(--m-01)
                }

            .standardGrid .resourceCard--small .resourceCard__title mark, .standardGrid .resourceCard--small .resourceCard__title mark[data-color=color], .standardGrid .resourceCard .resourceCard__title mark, .standardGrid .resourceCard .resourceCard__title mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .standardGrid .resourceCard--small .resourceCard__title mark[data-color=gray], .standardGrid .resourceCard .resourceCard__title mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .standardGrid .resourceCard--small .resourceCard__title mark[data-color=default], .standardGrid .resourceCard .resourceCard__title mark[data-color=default] {
                    color: var(--neu-10)
                }

            .standardGrid .resourceCard--small .resourceCard__title span.m-01--dark-01, .standardGrid .resourceCard--small .resourceCard__title span[data-color=color], .standardGrid .resourceCard .resourceCard__title span.m-01--dark-01, .standardGrid .resourceCard .resourceCard__title span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .standardGrid .resourceCard--small .resourceCard__title span.neu-07, .standardGrid .resourceCard--small .resourceCard__title span[data-color=gray], .standardGrid .resourceCard .resourceCard__title span.neu-07, .standardGrid .resourceCard .resourceCard__title span[data-color=gray] {
                color: var(--neu-07)
            }

            .standardGrid .resourceCard--small .resourceCard__title span.neu-10, .standardGrid .resourceCard--small .resourceCard__title span[data-color=default], .standardGrid .resourceCard .resourceCard__title span.neu-10, .standardGrid .resourceCard .resourceCard__title span[data-color=default] {
                color: var(--neu-10)
            }

            .standardGrid .resourceCard--small .resourceCard__title b, .standardGrid .resourceCard--small .resourceCard__title strong, .standardGrid .resourceCard .resourceCard__title b, .standardGrid .resourceCard .resourceCard__title strong {
                font-weight: 700
            }

            .standardGrid .resourceCard--small .resourceCard__title em, .standardGrid .resourceCard .resourceCard__title em {
                font-style: italic
            }

        .standardGrid .resourceCard--small .btn, .standardGrid .resourceCard--small .btn--icon, .standardGrid .resourceCard--small .btn--primary, .standardGrid .resourceCard--small .btn--primary--dark, .standardGrid .resourceCard--small .btn--secondary, .standardGrid .resourceCard--small .btn--small, .standardGrid .resourceCard--small .btn--tertiary, .standardGrid .resourceCard .btn, .standardGrid .resourceCard .btn--icon, .standardGrid .resourceCard .btn--primary, .standardGrid .resourceCard .btn--primary--dark, .standardGrid .resourceCard .btn--secondary, .standardGrid .resourceCard .btn--small, .standardGrid .resourceCard .btn--tertiary {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Inter,sans-serif;
            font-size: .813rem;
            line-height: 1.538em;
            letter-spacing: -.003em;
            font-weight: 400;
            font-weight: 700;
            padding: 0 20px;
            height: 40px
        }

            .standardGrid .resourceCard--small .btn--icon .link a, .standardGrid .resourceCard--small .btn--primary--dark .link a, .standardGrid .resourceCard--small .btn--primary .link a, .standardGrid .resourceCard--small .btn--secondary .link a, .standardGrid .resourceCard--small .btn--small .link a, .standardGrid .resourceCard--small .btn--tertiary .link a, .standardGrid .resourceCard--small .btn .link a, .standardGrid .resourceCard .btn--icon .link a, .standardGrid .resourceCard .btn--primary--dark .link a, .standardGrid .resourceCard .btn--primary .link a, .standardGrid .resourceCard .btn--secondary .link a, .standardGrid .resourceCard .btn--small .link a, .standardGrid .resourceCard .btn--tertiary .link a, .standardGrid .resourceCard .btn .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .standardGrid .resourceCard--small .btn--icon .link a:hover, .standardGrid .resourceCard--small .btn--primary--dark .link a:hover, .standardGrid .resourceCard--small .btn--primary .link a:hover, .standardGrid .resourceCard--small .btn--secondary .link a:hover, .standardGrid .resourceCard--small .btn--small .link a:hover, .standardGrid .resourceCard--small .btn--tertiary .link a:hover, .standardGrid .resourceCard--small .btn .link a:hover, .standardGrid .resourceCard .btn--icon .link a:hover, .standardGrid .resourceCard .btn--primary--dark .link a:hover, .standardGrid .resourceCard .btn--primary .link a:hover, .standardGrid .resourceCard .btn--secondary .link a:hover, .standardGrid .resourceCard .btn--small .link a:hover, .standardGrid .resourceCard .btn--tertiary .link a:hover, .standardGrid .resourceCard .btn .link a:hover {
                    color: var(--m-01)
                }

            .standardGrid .resourceCard--small .btn--icon mark, .standardGrid .resourceCard--small .btn--icon mark[data-color=color], .standardGrid .resourceCard--small .btn--primary--dark mark, .standardGrid .resourceCard--small .btn--primary--dark mark[data-color=color], .standardGrid .resourceCard--small .btn--primary mark, .standardGrid .resourceCard--small .btn--primary mark[data-color=color], .standardGrid .resourceCard--small .btn--secondary mark, .standardGrid .resourceCard--small .btn--secondary mark[data-color=color], .standardGrid .resourceCard--small .btn--small mark, .standardGrid .resourceCard--small .btn--small mark[data-color=color], .standardGrid .resourceCard--small .btn--tertiary mark, .standardGrid .resourceCard--small .btn--tertiary mark[data-color=color], .standardGrid .resourceCard--small .btn mark, .standardGrid .resourceCard--small .btn mark[data-color=color], .standardGrid .resourceCard .btn--icon mark, .standardGrid .resourceCard .btn--icon mark[data-color=color], .standardGrid .resourceCard .btn--primary--dark mark, .standardGrid .resourceCard .btn--primary--dark mark[data-color=color], .standardGrid .resourceCard .btn--primary mark, .standardGrid .resourceCard .btn--primary mark[data-color=color], .standardGrid .resourceCard .btn--secondary mark, .standardGrid .resourceCard .btn--secondary mark[data-color=color], .standardGrid .resourceCard .btn--small mark, .standardGrid .resourceCard .btn--small mark[data-color=color], .standardGrid .resourceCard .btn--tertiary mark, .standardGrid .resourceCard .btn--tertiary mark[data-color=color], .standardGrid .resourceCard .btn mark, .standardGrid .resourceCard .btn mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .standardGrid .resourceCard--small .btn--icon mark[data-color=gray], .standardGrid .resourceCard--small .btn--primary--dark mark[data-color=gray], .standardGrid .resourceCard--small .btn--primary mark[data-color=gray], .standardGrid .resourceCard--small .btn--secondary mark[data-color=gray], .standardGrid .resourceCard--small .btn--small mark[data-color=gray], .standardGrid .resourceCard--small .btn--tertiary mark[data-color=gray], .standardGrid .resourceCard--small .btn mark[data-color=gray], .standardGrid .resourceCard .btn--icon mark[data-color=gray], .standardGrid .resourceCard .btn--primary--dark mark[data-color=gray], .standardGrid .resourceCard .btn--primary mark[data-color=gray], .standardGrid .resourceCard .btn--secondary mark[data-color=gray], .standardGrid .resourceCard .btn--small mark[data-color=gray], .standardGrid .resourceCard .btn--tertiary mark[data-color=gray], .standardGrid .resourceCard .btn mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .standardGrid .resourceCard--small .btn--icon mark[data-color=default], .standardGrid .resourceCard--small .btn--primary--dark mark[data-color=default], .standardGrid .resourceCard--small .btn--primary mark[data-color=default], .standardGrid .resourceCard--small .btn--secondary mark[data-color=default], .standardGrid .resourceCard--small .btn--small mark[data-color=default], .standardGrid .resourceCard--small .btn--tertiary mark[data-color=default], .standardGrid .resourceCard--small .btn mark[data-color=default], .standardGrid .resourceCard .btn--icon mark[data-color=default], .standardGrid .resourceCard .btn--primary--dark mark[data-color=default], .standardGrid .resourceCard .btn--primary mark[data-color=default], .standardGrid .resourceCard .btn--secondary mark[data-color=default], .standardGrid .resourceCard .btn--small mark[data-color=default], .standardGrid .resourceCard .btn--tertiary mark[data-color=default], .standardGrid .resourceCard .btn mark[data-color=default] {
                    color: var(--neu-10)
                }

            .standardGrid .resourceCard--small .btn--icon span.m-01--dark-01, .standardGrid .resourceCard--small .btn--icon span[data-color=color], .standardGrid .resourceCard--small .btn--primary--dark span.m-01--dark-01, .standardGrid .resourceCard--small .btn--primary--dark span[data-color=color], .standardGrid .resourceCard--small .btn--primary span.m-01--dark-01, .standardGrid .resourceCard--small .btn--primary span[data-color=color], .standardGrid .resourceCard--small .btn--secondary span.m-01--dark-01, .standardGrid .resourceCard--small .btn--secondary span[data-color=color], .standardGrid .resourceCard--small .btn--small span.m-01--dark-01, .standardGrid .resourceCard--small .btn--small span[data-color=color], .standardGrid .resourceCard--small .btn--tertiary span.m-01--dark-01, .standardGrid .resourceCard--small .btn--tertiary span[data-color=color], .standardGrid .resourceCard--small .btn span.m-01--dark-01, .standardGrid .resourceCard--small .btn span[data-color=color], .standardGrid .resourceCard .btn--icon span.m-01--dark-01, .standardGrid .resourceCard .btn--icon span[data-color=color], .standardGrid .resourceCard .btn--primary--dark span.m-01--dark-01, .standardGrid .resourceCard .btn--primary--dark span[data-color=color], .standardGrid .resourceCard .btn--primary span.m-01--dark-01, .standardGrid .resourceCard .btn--primary span[data-color=color], .standardGrid .resourceCard .btn--secondary span.m-01--dark-01, .standardGrid .resourceCard .btn--secondary span[data-color=color], .standardGrid .resourceCard .btn--small span.m-01--dark-01, .standardGrid .resourceCard .btn--small span[data-color=color], .standardGrid .resourceCard .btn--tertiary span.m-01--dark-01, .standardGrid .resourceCard .btn--tertiary span[data-color=color], .standardGrid .resourceCard .btn span.m-01--dark-01, .standardGrid .resourceCard .btn span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .standardGrid .resourceCard--small .btn--icon span.neu-07, .standardGrid .resourceCard--small .btn--icon span[data-color=gray], .standardGrid .resourceCard--small .btn--primary--dark span.neu-07, .standardGrid .resourceCard--small .btn--primary--dark span[data-color=gray], .standardGrid .resourceCard--small .btn--primary span.neu-07, .standardGrid .resourceCard--small .btn--primary span[data-color=gray], .standardGrid .resourceCard--small .btn--secondary span.neu-07, .standardGrid .resourceCard--small .btn--secondary span[data-color=gray], .standardGrid .resourceCard--small .btn--small span.neu-07, .standardGrid .resourceCard--small .btn--small span[data-color=gray], .standardGrid .resourceCard--small .btn--tertiary span.neu-07, .standardGrid .resourceCard--small .btn--tertiary span[data-color=gray], .standardGrid .resourceCard--small .btn span.neu-07, .standardGrid .resourceCard--small .btn span[data-color=gray], .standardGrid .resourceCard .btn--icon span.neu-07, .standardGrid .resourceCard .btn--icon span[data-color=gray], .standardGrid .resourceCard .btn--primary--dark span.neu-07, .standardGrid .resourceCard .btn--primary--dark span[data-color=gray], .standardGrid .resourceCard .btn--primary span.neu-07, .standardGrid .resourceCard .btn--primary span[data-color=gray], .standardGrid .resourceCard .btn--secondary span.neu-07, .standardGrid .resourceCard .btn--secondary span[data-color=gray], .standardGrid .resourceCard .btn--small span.neu-07, .standardGrid .resourceCard .btn--small span[data-color=gray], .standardGrid .resourceCard .btn--tertiary span.neu-07, .standardGrid .resourceCard .btn--tertiary span[data-color=gray], .standardGrid .resourceCard .btn span.neu-07, .standardGrid .resourceCard .btn span[data-color=gray] {
                color: var(--neu-07)
            }

            .standardGrid .resourceCard--small .btn--icon span.neu-10, .standardGrid .resourceCard--small .btn--icon span[data-color=default], .standardGrid .resourceCard--small .btn--primary--dark span.neu-10, .standardGrid .resourceCard--small .btn--primary--dark span[data-color=default], .standardGrid .resourceCard--small .btn--primary span.neu-10, .standardGrid .resourceCard--small .btn--primary span[data-color=default], .standardGrid .resourceCard--small .btn--secondary span.neu-10, .standardGrid .resourceCard--small .btn--secondary span[data-color=default], .standardGrid .resourceCard--small .btn--small span.neu-10, .standardGrid .resourceCard--small .btn--small span[data-color=default], .standardGrid .resourceCard--small .btn--tertiary span.neu-10, .standardGrid .resourceCard--small .btn--tertiary span[data-color=default], .standardGrid .resourceCard--small .btn span.neu-10, .standardGrid .resourceCard--small .btn span[data-color=default], .standardGrid .resourceCard .btn--icon span.neu-10, .standardGrid .resourceCard .btn--icon span[data-color=default], .standardGrid .resourceCard .btn--primary--dark span.neu-10, .standardGrid .resourceCard .btn--primary--dark span[data-color=default], .standardGrid .resourceCard .btn--primary span.neu-10, .standardGrid .resourceCard .btn--primary span[data-color=default], .standardGrid .resourceCard .btn--secondary span.neu-10, .standardGrid .resourceCard .btn--secondary span[data-color=default], .standardGrid .resourceCard .btn--small span.neu-10, .standardGrid .resourceCard .btn--small span[data-color=default], .standardGrid .resourceCard .btn--tertiary span.neu-10, .standardGrid .resourceCard .btn--tertiary span[data-color=default], .standardGrid .resourceCard .btn span.neu-10, .standardGrid .resourceCard .btn span[data-color=default] {
                color: var(--neu-10)
            }

            .standardGrid .resourceCard--small .btn--icon b, .standardGrid .resourceCard--small .btn--icon strong, .standardGrid .resourceCard--small .btn--primary--dark b, .standardGrid .resourceCard--small .btn--primary--dark strong, .standardGrid .resourceCard--small .btn--primary b, .standardGrid .resourceCard--small .btn--primary strong, .standardGrid .resourceCard--small .btn--secondary b, .standardGrid .resourceCard--small .btn--secondary strong, .standardGrid .resourceCard--small .btn--small b, .standardGrid .resourceCard--small .btn--small strong, .standardGrid .resourceCard--small .btn--tertiary b, .standardGrid .resourceCard--small .btn--tertiary strong, .standardGrid .resourceCard--small .btn b, .standardGrid .resourceCard--small .btn strong, .standardGrid .resourceCard .btn--icon b, .standardGrid .resourceCard .btn--icon strong, .standardGrid .resourceCard .btn--primary--dark b, .standardGrid .resourceCard .btn--primary--dark strong, .standardGrid .resourceCard .btn--primary b, .standardGrid .resourceCard .btn--primary strong, .standardGrid .resourceCard .btn--secondary b, .standardGrid .resourceCard .btn--secondary strong, .standardGrid .resourceCard .btn--small b, .standardGrid .resourceCard .btn--small strong, .standardGrid .resourceCard .btn--tertiary b, .standardGrid .resourceCard .btn--tertiary strong, .standardGrid .resourceCard .btn b, .standardGrid .resourceCard .btn strong {
                font-weight: 700
            }

            .standardGrid .resourceCard--small .btn--icon em, .standardGrid .resourceCard--small .btn--primary--dark em, .standardGrid .resourceCard--small .btn--primary em, .standardGrid .resourceCard--small .btn--secondary em, .standardGrid .resourceCard--small .btn--small em, .standardGrid .resourceCard--small .btn--tertiary em, .standardGrid .resourceCard--small .btn em, .standardGrid .resourceCard .btn--icon em, .standardGrid .resourceCard .btn--primary--dark em, .standardGrid .resourceCard .btn--primary em, .standardGrid .resourceCard .btn--secondary em, .standardGrid .resourceCard .btn--small em, .standardGrid .resourceCard .btn--tertiary em, .standardGrid .resourceCard .btn em {
                font-style: italic
            }

            .standardGrid .resourceCard--small .btn--icon i, .standardGrid .resourceCard--small .btn--primary--dark i, .standardGrid .resourceCard--small .btn--primary i, .standardGrid .resourceCard--small .btn--secondary i, .standardGrid .resourceCard--small .btn--small i, .standardGrid .resourceCard--small .btn--tertiary i, .standardGrid .resourceCard--small .btn i, .standardGrid .resourceCard .btn--icon i, .standardGrid .resourceCard .btn--primary--dark i, .standardGrid .resourceCard .btn--primary i, .standardGrid .resourceCard .btn--secondary i, .standardGrid .resourceCard .btn--small i, .standardGrid .resourceCard .btn--tertiary i, .standardGrid .resourceCard .btn i {
                min-width: 16px;
                width: 16px;
                height: 16px;
                font-size: 16px
            }

                .standardGrid .resourceCard--small .btn--icon i:before, .standardGrid .resourceCard--small .btn--primary--dark i:before, .standardGrid .resourceCard--small .btn--primary i:before, .standardGrid .resourceCard--small .btn--secondary i:before, .standardGrid .resourceCard--small .btn--small i:before, .standardGrid .resourceCard--small .btn--tertiary i:before, .standardGrid .resourceCard--small .btn i:before, .standardGrid .resourceCard .btn--icon i:before, .standardGrid .resourceCard .btn--primary--dark i:before, .standardGrid .resourceCard .btn--primary i:before, .standardGrid .resourceCard .btn--secondary i:before, .standardGrid .resourceCard .btn--small i:before, .standardGrid .resourceCard .btn--tertiary i:before, .standardGrid .resourceCard .btn i:before {
                    font-size: 16px;
                    font-weight: 400
                }

            .standardGrid .resourceCard--small .btn--icon, .standardGrid .resourceCard--small .btn--icon.btn--primary, .standardGrid .resourceCard--small .btn--icon.btn--primary--dark, .standardGrid .resourceCard--small .btn--icon.btn--secondary, .standardGrid .resourceCard--small .btn--icon.btn--small, .standardGrid .resourceCard--small .btn--icon.btn--tertiary, .standardGrid .resourceCard--small .btn.btn--icon, .standardGrid .resourceCard .btn--icon, .standardGrid .resourceCard .btn--icon.btn--primary, .standardGrid .resourceCard .btn--icon.btn--primary--dark, .standardGrid .resourceCard .btn--icon.btn--secondary, .standardGrid .resourceCard .btn--icon.btn--small, .standardGrid .resourceCard .btn--icon.btn--tertiary, .standardGrid .resourceCard .btn.btn--icon {
                width: 40px;
                min-width: 40px
            }

                .standardGrid .resourceCard--small .btn--icon:hover, .standardGrid .resourceCard--small .btn--primary--dark:hover, .standardGrid .resourceCard--small .btn--primary:hover, .standardGrid .resourceCard--small .btn--secondary:hover, .standardGrid .resourceCard--small .btn--small:hover, .standardGrid .resourceCard--small .btn--tertiary:hover, .standardGrid .resourceCard--small .btn:hover, .standardGrid .resourceCard .btn--icon:hover, .standardGrid .resourceCard .btn--primary--dark:hover, .standardGrid .resourceCard .btn--primary:hover, .standardGrid .resourceCard .btn--secondary:hover, .standardGrid .resourceCard .btn--small:hover, .standardGrid .resourceCard .btn--tertiary:hover, .standardGrid .resourceCard .btn:hover {
                    color: var(--m-01--dark-01)
                }

    .standardGrid .resultsCard, .standardGrid .resultsCard--small {
        max-width: 960px;
        min-height: auto;
        padding: 0 0 16px;
        border-radius: 0;
        flex-direction: column
    }

        .standardGrid .resultsCard--small .resultsCard__image, .standardGrid .resultsCard .resultsCard__image {
            height: 126px;
            width: 100%;
            margin-right: 0;
            margin-bottom: 16px
        }

        .standardGrid .resultsCard--small .resultsCard__content, .standardGrid .resultsCard .resultsCard__content {
            flex: 2;
            justify-content: flex-start
        }

        .standardGrid .resultsCard--small .resultsCard__topInfo, .standardGrid .resultsCard .resultsCard__topInfo {
            flex-direction: column
        }

        .standardGrid .resultsCard--small .resultsCard__sideInfo, .standardGrid .resultsCard .resultsCard__sideInfo {
            order: 1;
            transform: none;
            justify-content: space-between;
            margin-bottom: 16px
        }

        .standardGrid .resultsCard--small .resultsCard__labels, .standardGrid .resultsCard .resultsCard__labels {
            order: 2
        }

        .standardGrid .resultsCard--small .resultsCard__text, .standardGrid .resultsCard .resultsCard__text {
            padding: 0
        }

        .standardGrid .resultsCard--small .resultsCard__description, .standardGrid .resultsCard .resultsCard__description {
            margin-top: 4px
        }

        .standardGrid .resultsCard--small .resultsCard__bottomInfo, .standardGrid .resultsCard .resultsCard__bottomInfo {
            margin-top: 8px
        }
}

@media (max-width:1280px) and (max-width:512px) {
    .standardGrid .resultsCard--small .resultsCard__bottomInfo, .standardGrid .resultsCard .resultsCard__bottomInfo {
        flex-direction: column;
        align-items: flex-start
    }
}

@media (max-width:1280px) and (max-width:512px) {
    .standardGrid .resultsCard--small .resultsCard__btnContainer, .standardGrid .resultsCard .resultsCard__btnContainer {
        margin-top: 8px;
        width: 100%;
        display: flex;
        justify-content: flex-end
    }
}

@media (max-width:1280px) {
    .standardGrid .resultsCard--small .btnBookmark, .standardGrid .resultsCard--small .btnBookmark--small, .standardGrid .resultsCard .btnBookmark, .standardGrid .resultsCard .btnBookmark--small {
        transform: translateX(16px);
        width: 48px
    }

    .standardGrid .thumbResultsCard, .standardGrid .thumbResultsCard--small {
        max-width: 636px;
        flex-direction: row
    }

        .standardGrid .thumbResultsCard--small .thumbResultsCard__image, .standardGrid .thumbResultsCard .thumbResultsCard__image {
            height: auto;
            width: 89px;
            min-width: 89px;
            border-top-left-radius: 2px;
            border-top-right-radius: 0;
            border-bottom-left-radius: 2px
        }

        .standardGrid .thumbResultsCard--small .thumbResultsCard__content, .standardGrid .thumbResultsCard .thumbResultsCard__content {
            justify-content: flex-start
        }

        .standardGrid .thumbResultsCard--small .thumbResultsCard__sideInfo, .standardGrid .thumbResultsCard .thumbResultsCard__sideInfo {
            transform: none;
            justify-content: space-between
        }

        .standardGrid .thumbResultsCard--small .thumbResultsCard__text, .standardGrid .thumbResultsCard .thumbResultsCard__text {
            padding: 0
        }

        .standardGrid .thumbResultsCard--small .thumbResultsCard__description, .standardGrid .thumbResultsCard .thumbResultsCard__description {
            margin-top: 4px
        }
}

@media (max-width:1280px) and (max-width:512px) {
    .standardGrid .thumbResultsCard--small .thumbResultsCard__btnContainer, .standardGrid .thumbResultsCard .thumbResultsCard__btnContainer {
        margin-top: 8px
    }
}

@media (max-width:1280px) {
    .standardGrid .supplierCard, .standardGrid .supplierCard--small {
        max-width: 960px;
        min-height: 214px
    }

        .standardGrid .supplierCard--small .supplierCard__container, .standardGrid .supplierCard .supplierCard__container {
            padding: 24px 16px
        }

            .standardGrid .supplierCard--small .supplierCard__container.opened, .standardGrid .supplierCard .supplierCard__container.opened {
                max-width: 90vw;
                padding: 24px 40px 24px 24px
            }
}

@media (max-width:1280px) and (max-width:768px) {
    .standardGrid .supplierCard--small .supplierCard__container.opened, .standardGrid .supplierCard .supplierCard__container.opened {
        padding: 24px
    }
}

@media (max-width:1280px) {
    .standardGrid .supplierCard--small .supplierCard__container.opened .supplierCard__content, .standardGrid .supplierCard .supplierCard__container.opened .supplierCard__content {
        max-width: calc(100% - 120px - 16px)
    }
}

@media (max-width:1280px) and (max-width:768px) {
    .standardGrid .supplierCard--small .supplierCard__container.opened .supplierCard__content, .standardGrid .supplierCard .supplierCard__container.opened .supplierCard__content {
        max-width: 100%
    }
}

@media (max-width:1280px) {
    .standardGrid .supplierCard--small .supplierCard__container.opened .supplierCard__image, .standardGrid .supplierCard .supplierCard__container.opened .supplierCard__image {
        width: 120px;
        height: 120px
    }

    .standardGrid .supplierCard--small .supplierCard__image, .standardGrid .supplierCard .supplierCard__image {
        max-width: 110px;
        width: calc(15% - 16px);
        margin-right: 16px
    }
}

@media (max-width:1280px) and (max-width:768px) {
    .standardGrid .supplierCard--small .supplierCard__image, .standardGrid .supplierCard .supplierCard__image {
        width: calc(25% - 16px)
    }
}

@media (max-width:1280px) and (max-width:512px) {
    .standardGrid .supplierCard--small .supplierCard__image, .standardGrid .supplierCard .supplierCard__image {
        width: calc(40% - 16px)
    }
}

@media (max-width:1280px) {
    .standardGrid .supplierCard--small .supplierCard__content, .standardGrid .supplierCard .supplierCard__content {
        max-width: 85%
    }
}

@media (max-width:1280px) and (max-width:768px) {
    .standardGrid .supplierCard--small .supplierCard__content, .standardGrid .supplierCard .supplierCard__content {
        max-width: 75%
    }
}

@media (max-width:1280px) and (max-width:512px) {
    .standardGrid .supplierCard--small .supplierCard__content, .standardGrid .supplierCard .supplierCard__content {
        max-width: 60%
    }
}

@media (max-width:1280px) and (max-width:768px) {
    .standardGrid .supplierCard--small .supplierCard__title, .standardGrid .supplierCard .supplierCard__title {
        margin: 16px 0 8px
    }
}

@media (max-width:1280px) {
    .standardGrid .supplierCard--small .supplierCard__link, .standardGrid .supplierCard .supplierCard__link {
        right: -40px
    }
}

@media (max-width:1280px) and (max-width:768px) {
    .standardGrid .supplierCard--small .supplierCard__link, .standardGrid .supplierCard .supplierCard__link {
        right: -24px
    }
}

@media (max-width:1280px) {
    .standardGrid .supplierCard--small .supplierCard__shortDescription, .standardGrid .supplierCard .supplierCard__shortDescription {
        max-width: none
    }

    .standardGrid .supplierCard--small .openExpandedCard, .standardGrid .supplierCard--small .openExpandedCard button, .standardGrid .supplierCard .openExpandedCard, .standardGrid .supplierCard .openExpandedCard button {
        width: 100%
    }

    .standardGrid .supplierCard--small .closeExpandedCard, .standardGrid .supplierCard .closeExpandedCard {
        top: 16px;
        right: 8px
    }

    .standardGrid .supplierCard--small .btn, .standardGrid .supplierCard--small .btn--icon, .standardGrid .supplierCard--small .btn--primary, .standardGrid .supplierCard--small .btn--primary--dark, .standardGrid .supplierCard--small .btn--secondary, .standardGrid .supplierCard--small .btn--small, .standardGrid .supplierCard--small .btn--tertiary, .standardGrid .supplierCard .btn, .standardGrid .supplierCard .btn--icon, .standardGrid .supplierCard .btn--primary, .standardGrid .supplierCard .btn--primary--dark, .standardGrid .supplierCard .btn--secondary, .standardGrid .supplierCard .btn--small, .standardGrid .supplierCard .btn--tertiary {
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-stretch: normal;
        letter-spacing: normal;
        font-family: Inter,sans-serif;
        font-size: .813rem;
        line-height: 1.538em;
        letter-spacing: -.003em;
        font-weight: 400;
        font-weight: 700;
        padding: 0 20px;
        height: 40px
    }

        .standardGrid .supplierCard--small .btn--icon .link a, .standardGrid .supplierCard--small .btn--primary--dark .link a, .standardGrid .supplierCard--small .btn--primary .link a, .standardGrid .supplierCard--small .btn--secondary .link a, .standardGrid .supplierCard--small .btn--small .link a, .standardGrid .supplierCard--small .btn--tertiary .link a, .standardGrid .supplierCard--small .btn .link a, .standardGrid .supplierCard .btn--icon .link a, .standardGrid .supplierCard .btn--primary--dark .link a, .standardGrid .supplierCard .btn--primary .link a, .standardGrid .supplierCard .btn--secondary .link a, .standardGrid .supplierCard .btn--small .link a, .standardGrid .supplierCard .btn--tertiary .link a, .standardGrid .supplierCard .btn .link a {
            transition: all .1s ease;
            text-decoration: underline;
            color: var(--m-01--dark-01)
        }

            .standardGrid .supplierCard--small .btn--icon .link a:hover, .standardGrid .supplierCard--small .btn--primary--dark .link a:hover, .standardGrid .supplierCard--small .btn--primary .link a:hover, .standardGrid .supplierCard--small .btn--secondary .link a:hover, .standardGrid .supplierCard--small .btn--small .link a:hover, .standardGrid .supplierCard--small .btn--tertiary .link a:hover, .standardGrid .supplierCard--small .btn .link a:hover, .standardGrid .supplierCard .btn--icon .link a:hover, .standardGrid .supplierCard .btn--primary--dark .link a:hover, .standardGrid .supplierCard .btn--primary .link a:hover, .standardGrid .supplierCard .btn--secondary .link a:hover, .standardGrid .supplierCard .btn--small .link a:hover, .standardGrid .supplierCard .btn--tertiary .link a:hover, .standardGrid .supplierCard .btn .link a:hover {
                color: var(--m-01)
            }

        .standardGrid .supplierCard--small .btn--icon mark, .standardGrid .supplierCard--small .btn--icon mark[data-color=color], .standardGrid .supplierCard--small .btn--primary--dark mark, .standardGrid .supplierCard--small .btn--primary--dark mark[data-color=color], .standardGrid .supplierCard--small .btn--primary mark, .standardGrid .supplierCard--small .btn--primary mark[data-color=color], .standardGrid .supplierCard--small .btn--secondary mark, .standardGrid .supplierCard--small .btn--secondary mark[data-color=color], .standardGrid .supplierCard--small .btn--small mark, .standardGrid .supplierCard--small .btn--small mark[data-color=color], .standardGrid .supplierCard--small .btn--tertiary mark, .standardGrid .supplierCard--small .btn--tertiary mark[data-color=color], .standardGrid .supplierCard--small .btn mark, .standardGrid .supplierCard--small .btn mark[data-color=color], .standardGrid .supplierCard .btn--icon mark, .standardGrid .supplierCard .btn--icon mark[data-color=color], .standardGrid .supplierCard .btn--primary--dark mark, .standardGrid .supplierCard .btn--primary--dark mark[data-color=color], .standardGrid .supplierCard .btn--primary mark, .standardGrid .supplierCard .btn--primary mark[data-color=color], .standardGrid .supplierCard .btn--secondary mark, .standardGrid .supplierCard .btn--secondary mark[data-color=color], .standardGrid .supplierCard .btn--small mark, .standardGrid .supplierCard .btn--small mark[data-color=color], .standardGrid .supplierCard .btn--tertiary mark, .standardGrid .supplierCard .btn--tertiary mark[data-color=color], .standardGrid .supplierCard .btn mark, .standardGrid .supplierCard .btn mark[data-color=color] {
            color: var(--m-01--dark-01)
        }

            .standardGrid .supplierCard--small .btn--icon mark[data-color=gray], .standardGrid .supplierCard--small .btn--primary--dark mark[data-color=gray], .standardGrid .supplierCard--small .btn--primary mark[data-color=gray], .standardGrid .supplierCard--small .btn--secondary mark[data-color=gray], .standardGrid .supplierCard--small .btn--small mark[data-color=gray], .standardGrid .supplierCard--small .btn--tertiary mark[data-color=gray], .standardGrid .supplierCard--small .btn mark[data-color=gray], .standardGrid .supplierCard .btn--icon mark[data-color=gray], .standardGrid .supplierCard .btn--primary--dark mark[data-color=gray], .standardGrid .supplierCard .btn--primary mark[data-color=gray], .standardGrid .supplierCard .btn--secondary mark[data-color=gray], .standardGrid .supplierCard .btn--small mark[data-color=gray], .standardGrid .supplierCard .btn--tertiary mark[data-color=gray], .standardGrid .supplierCard .btn mark[data-color=gray] {
                color: var(--neu-07)
            }

            .standardGrid .supplierCard--small .btn--icon mark[data-color=default], .standardGrid .supplierCard--small .btn--primary--dark mark[data-color=default], .standardGrid .supplierCard--small .btn--primary mark[data-color=default], .standardGrid .supplierCard--small .btn--secondary mark[data-color=default], .standardGrid .supplierCard--small .btn--small mark[data-color=default], .standardGrid .supplierCard--small .btn--tertiary mark[data-color=default], .standardGrid .supplierCard--small .btn mark[data-color=default], .standardGrid .supplierCard .btn--icon mark[data-color=default], .standardGrid .supplierCard .btn--primary--dark mark[data-color=default], .standardGrid .supplierCard .btn--primary mark[data-color=default], .standardGrid .supplierCard .btn--secondary mark[data-color=default], .standardGrid .supplierCard .btn--small mark[data-color=default], .standardGrid .supplierCard .btn--tertiary mark[data-color=default], .standardGrid .supplierCard .btn mark[data-color=default] {
                color: var(--neu-10)
            }

        .standardGrid .supplierCard--small .btn--icon span.m-01--dark-01, .standardGrid .supplierCard--small .btn--icon span[data-color=color], .standardGrid .supplierCard--small .btn--primary--dark span.m-01--dark-01, .standardGrid .supplierCard--small .btn--primary--dark span[data-color=color], .standardGrid .supplierCard--small .btn--primary span.m-01--dark-01, .standardGrid .supplierCard--small .btn--primary span[data-color=color], .standardGrid .supplierCard--small .btn--secondary span.m-01--dark-01, .standardGrid .supplierCard--small .btn--secondary span[data-color=color], .standardGrid .supplierCard--small .btn--small span.m-01--dark-01, .standardGrid .supplierCard--small .btn--small span[data-color=color], .standardGrid .supplierCard--small .btn--tertiary span.m-01--dark-01, .standardGrid .supplierCard--small .btn--tertiary span[data-color=color], .standardGrid .supplierCard--small .btn span.m-01--dark-01, .standardGrid .supplierCard--small .btn span[data-color=color], .standardGrid .supplierCard .btn--icon span.m-01--dark-01, .standardGrid .supplierCard .btn--icon span[data-color=color], .standardGrid .supplierCard .btn--primary--dark span.m-01--dark-01, .standardGrid .supplierCard .btn--primary--dark span[data-color=color], .standardGrid .supplierCard .btn--primary span.m-01--dark-01, .standardGrid .supplierCard .btn--primary span[data-color=color], .standardGrid .supplierCard .btn--secondary span.m-01--dark-01, .standardGrid .supplierCard .btn--secondary span[data-color=color], .standardGrid .supplierCard .btn--small span.m-01--dark-01, .standardGrid .supplierCard .btn--small span[data-color=color], .standardGrid .supplierCard .btn--tertiary span.m-01--dark-01, .standardGrid .supplierCard .btn--tertiary span[data-color=color], .standardGrid .supplierCard .btn span.m-01--dark-01, .standardGrid .supplierCard .btn span[data-color=color] {
            color: var(--m-01--dark-01)
        }

        .standardGrid .supplierCard--small .btn--icon span.neu-07, .standardGrid .supplierCard--small .btn--icon span[data-color=gray], .standardGrid .supplierCard--small .btn--primary--dark span.neu-07, .standardGrid .supplierCard--small .btn--primary--dark span[data-color=gray], .standardGrid .supplierCard--small .btn--primary span.neu-07, .standardGrid .supplierCard--small .btn--primary span[data-color=gray], .standardGrid .supplierCard--small .btn--secondary span.neu-07, .standardGrid .supplierCard--small .btn--secondary span[data-color=gray], .standardGrid .supplierCard--small .btn--small span.neu-07, .standardGrid .supplierCard--small .btn--small span[data-color=gray], .standardGrid .supplierCard--small .btn--tertiary span.neu-07, .standardGrid .supplierCard--small .btn--tertiary span[data-color=gray], .standardGrid .supplierCard--small .btn span.neu-07, .standardGrid .supplierCard--small .btn span[data-color=gray], .standardGrid .supplierCard .btn--icon span.neu-07, .standardGrid .supplierCard .btn--icon span[data-color=gray], .standardGrid .supplierCard .btn--primary--dark span.neu-07, .standardGrid .supplierCard .btn--primary--dark span[data-color=gray], .standardGrid .supplierCard .btn--primary span.neu-07, .standardGrid .supplierCard .btn--primary span[data-color=gray], .standardGrid .supplierCard .btn--secondary span.neu-07, .standardGrid .supplierCard .btn--secondary span[data-color=gray], .standardGrid .supplierCard .btn--small span.neu-07, .standardGrid .supplierCard .btn--small span[data-color=gray], .standardGrid .supplierCard .btn--tertiary span.neu-07, .standardGrid .supplierCard .btn--tertiary span[data-color=gray], .standardGrid .supplierCard .btn span.neu-07, .standardGrid .supplierCard .btn span[data-color=gray] {
            color: var(--neu-07)
        }

        .standardGrid .supplierCard--small .btn--icon span.neu-10, .standardGrid .supplierCard--small .btn--icon span[data-color=default], .standardGrid .supplierCard--small .btn--primary--dark span.neu-10, .standardGrid .supplierCard--small .btn--primary--dark span[data-color=default], .standardGrid .supplierCard--small .btn--primary span.neu-10, .standardGrid .supplierCard--small .btn--primary span[data-color=default], .standardGrid .supplierCard--small .btn--secondary span.neu-10, .standardGrid .supplierCard--small .btn--secondary span[data-color=default], .standardGrid .supplierCard--small .btn--small span.neu-10, .standardGrid .supplierCard--small .btn--small span[data-color=default], .standardGrid .supplierCard--small .btn--tertiary span.neu-10, .standardGrid .supplierCard--small .btn--tertiary span[data-color=default], .standardGrid .supplierCard--small .btn span.neu-10, .standardGrid .supplierCard--small .btn span[data-color=default], .standardGrid .supplierCard .btn--icon span.neu-10, .standardGrid .supplierCard .btn--icon span[data-color=default], .standardGrid .supplierCard .btn--primary--dark span.neu-10, .standardGrid .supplierCard .btn--primary--dark span[data-color=default], .standardGrid .supplierCard .btn--primary span.neu-10, .standardGrid .supplierCard .btn--primary span[data-color=default], .standardGrid .supplierCard .btn--secondary span.neu-10, .standardGrid .supplierCard .btn--secondary span[data-color=default], .standardGrid .supplierCard .btn--small span.neu-10, .standardGrid .supplierCard .btn--small span[data-color=default], .standardGrid .supplierCard .btn--tertiary span.neu-10, .standardGrid .supplierCard .btn--tertiary span[data-color=default], .standardGrid .supplierCard .btn span.neu-10, .standardGrid .supplierCard .btn span[data-color=default] {
            color: var(--neu-10)
        }

        .standardGrid .supplierCard--small .btn--icon b, .standardGrid .supplierCard--small .btn--icon strong, .standardGrid .supplierCard--small .btn--primary--dark b, .standardGrid .supplierCard--small .btn--primary--dark strong, .standardGrid .supplierCard--small .btn--primary b, .standardGrid .supplierCard--small .btn--primary strong, .standardGrid .supplierCard--small .btn--secondary b, .standardGrid .supplierCard--small .btn--secondary strong, .standardGrid .supplierCard--small .btn--small b, .standardGrid .supplierCard--small .btn--small strong, .standardGrid .supplierCard--small .btn--tertiary b, .standardGrid .supplierCard--small .btn--tertiary strong, .standardGrid .supplierCard--small .btn b, .standardGrid .supplierCard--small .btn strong, .standardGrid .supplierCard .btn--icon b, .standardGrid .supplierCard .btn--icon strong, .standardGrid .supplierCard .btn--primary--dark b, .standardGrid .supplierCard .btn--primary--dark strong, .standardGrid .supplierCard .btn--primary b, .standardGrid .supplierCard .btn--primary strong, .standardGrid .supplierCard .btn--secondary b, .standardGrid .supplierCard .btn--secondary strong, .standardGrid .supplierCard .btn--small b, .standardGrid .supplierCard .btn--small strong, .standardGrid .supplierCard .btn--tertiary b, .standardGrid .supplierCard .btn--tertiary strong, .standardGrid .supplierCard .btn b, .standardGrid .supplierCard .btn strong {
            font-weight: 700
        }

        .standardGrid .supplierCard--small .btn--icon em, .standardGrid .supplierCard--small .btn--primary--dark em, .standardGrid .supplierCard--small .btn--primary em, .standardGrid .supplierCard--small .btn--secondary em, .standardGrid .supplierCard--small .btn--small em, .standardGrid .supplierCard--small .btn--tertiary em, .standardGrid .supplierCard--small .btn em, .standardGrid .supplierCard .btn--icon em, .standardGrid .supplierCard .btn--primary--dark em, .standardGrid .supplierCard .btn--primary em, .standardGrid .supplierCard .btn--secondary em, .standardGrid .supplierCard .btn--small em, .standardGrid .supplierCard .btn--tertiary em, .standardGrid .supplierCard .btn em {
            font-style: italic
        }

        .standardGrid .supplierCard--small .btn--icon i, .standardGrid .supplierCard--small .btn--primary--dark i, .standardGrid .supplierCard--small .btn--primary i, .standardGrid .supplierCard--small .btn--secondary i, .standardGrid .supplierCard--small .btn--small i, .standardGrid .supplierCard--small .btn--tertiary i, .standardGrid .supplierCard--small .btn i, .standardGrid .supplierCard .btn--icon i, .standardGrid .supplierCard .btn--primary--dark i, .standardGrid .supplierCard .btn--primary i, .standardGrid .supplierCard .btn--secondary i, .standardGrid .supplierCard .btn--small i, .standardGrid .supplierCard .btn--tertiary i, .standardGrid .supplierCard .btn i {
            min-width: 16px;
            width: 16px;
            height: 16px;
            font-size: 16px
        }

            .standardGrid .supplierCard--small .btn--icon i:before, .standardGrid .supplierCard--small .btn--primary--dark i:before, .standardGrid .supplierCard--small .btn--primary i:before, .standardGrid .supplierCard--small .btn--secondary i:before, .standardGrid .supplierCard--small .btn--small i:before, .standardGrid .supplierCard--small .btn--tertiary i:before, .standardGrid .supplierCard--small .btn i:before, .standardGrid .supplierCard .btn--icon i:before, .standardGrid .supplierCard .btn--primary--dark i:before, .standardGrid .supplierCard .btn--primary i:before, .standardGrid .supplierCard .btn--secondary i:before, .standardGrid .supplierCard .btn--small i:before, .standardGrid .supplierCard .btn--tertiary i:before, .standardGrid .supplierCard .btn i:before {
                font-size: 16px;
                font-weight: 400
            }

        .standardGrid .supplierCard--small .btn--icon, .standardGrid .supplierCard--small .btn--icon.btn--primary, .standardGrid .supplierCard--small .btn--icon.btn--primary--dark, .standardGrid .supplierCard--small .btn--icon.btn--secondary, .standardGrid .supplierCard--small .btn--icon.btn--small, .standardGrid .supplierCard--small .btn--icon.btn--tertiary, .standardGrid .supplierCard--small .btn.btn--icon, .standardGrid .supplierCard .btn--icon, .standardGrid .supplierCard .btn--icon.btn--primary, .standardGrid .supplierCard .btn--icon.btn--primary--dark, .standardGrid .supplierCard .btn--icon.btn--secondary, .standardGrid .supplierCard .btn--icon.btn--small, .standardGrid .supplierCard .btn--icon.btn--tertiary, .standardGrid .supplierCard .btn.btn--icon {
            width: 40px;
            min-width: 40px
        }

    .standardGrid .regionResultsCard, .standardGrid .regionResultsCard--small {
        max-width: 960px;
        min-height: auto;
        padding: 0 0 24px;
        border-radius: 0;
        flex-direction: column
    }

        .standardGrid .regionResultsCard--small .regionResultsCard__image, .standardGrid .regionResultsCard .regionResultsCard__image {
            height: 100px;
            width: 100%;
            margin-right: 0;
            margin-bottom: 16px
        }

        .standardGrid .regionResultsCard--small .regionResultsCard__title, .standardGrid .regionResultsCard .regionResultsCard__title {
            margin-top: 4px
        }

        .standardGrid .regionResultsCard--small .regionResultsCard__content, .standardGrid .regionResultsCard .regionResultsCard__content {
            flex: 2;
            justify-content: flex-start
        }

        .standardGrid .regionResultsCard--small .regionResultsCard__topInfo, .standardGrid .regionResultsCard .regionResultsCard__topInfo {
            flex-direction: column
        }

        .standardGrid .regionResultsCard--small .regionResultsCard__sideInfo, .standardGrid .regionResultsCard .regionResultsCard__sideInfo {
            order: 1;
            transform: none;
            justify-content: space-between;
            margin-bottom: 16px
        }

        .standardGrid .regionResultsCard--small .regionResultsCard__labels, .standardGrid .regionResultsCard .regionResultsCard__labels {
            order: 2
        }

        .standardGrid .regionResultsCard--small .regionResultsCard__text, .standardGrid .regionResultsCard .regionResultsCard__text {
            padding: 0
        }

        .standardGrid .regionResultsCard--small .regionResultsCard__bottomInfo, .standardGrid .regionResultsCard .regionResultsCard__bottomInfo {
            margin-top: 8px;
            flex-direction: column;
            align-items: flex-start
        }

        .standardGrid .regionResultsCard--small .regionResultsCard__btnContainer, .standardGrid .regionResultsCard .regionResultsCard__btnContainer {
            width: 100%;
            display: flex
        }

            .standardGrid .regionResultsCard--small .regionResultsCard__btnContainer .btn--primary, .standardGrid .regionResultsCard .regionResultsCard__btnContainer .btn--primary {
                width: 100%
            }

        .standardGrid .regionResultsCard--small .btnBookmark, .standardGrid .regionResultsCard--small .btnBookmark--privateArea, .standardGrid .regionResultsCard--small .btnBookmark--small, .standardGrid .regionResultsCard .btnBookmark, .standardGrid .regionResultsCard .btnBookmark--privateArea, .standardGrid .regionResultsCard .btnBookmark--small {
            transform: translateX(20px)
        }

            .standardGrid .regionResultsCard--small .btnBookmark--privateArea .btnBookmark, .standardGrid .regionResultsCard--small .btnBookmark--privateArea .btnBookmark--small, .standardGrid .regionResultsCard .btnBookmark--privateArea .btnBookmark, .standardGrid .regionResultsCard .btnBookmark--privateArea .btnBookmark--small {
                transform: translateX(0)
            }

    .standardGrid .resourceCard, .standardGrid .resourceCard--small {
        max-width: 960px;
        min-height: 200px;
        height: 100%;
        padding: 24px 16px
    }

        .standardGrid .resourceCard--small .resourceCard__title, .standardGrid .resourceCard .resourceCard__title {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Inter,sans-serif;
            font-size: 1.188rem;
            line-height: 1.263em;
            letter-spacing: -.016em;
            font-weight: 400;
            margin-top: 4px
        }

            .standardGrid .resourceCard--small .resourceCard__title .link a, .standardGrid .resourceCard .resourceCard__title .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .standardGrid .resourceCard--small .resourceCard__title .link a:hover, .standardGrid .resourceCard .resourceCard__title .link a:hover {
                    color: var(--m-01)
                }

            .standardGrid .resourceCard--small .resourceCard__title mark, .standardGrid .resourceCard--small .resourceCard__title mark[data-color=color], .standardGrid .resourceCard .resourceCard__title mark, .standardGrid .resourceCard .resourceCard__title mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .standardGrid .resourceCard--small .resourceCard__title mark[data-color=gray], .standardGrid .resourceCard .resourceCard__title mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .standardGrid .resourceCard--small .resourceCard__title mark[data-color=default], .standardGrid .resourceCard .resourceCard__title mark[data-color=default] {
                    color: var(--neu-10)
                }

            .standardGrid .resourceCard--small .resourceCard__title span.m-01--dark-01, .standardGrid .resourceCard--small .resourceCard__title span[data-color=color], .standardGrid .resourceCard .resourceCard__title span.m-01--dark-01, .standardGrid .resourceCard .resourceCard__title span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .standardGrid .resourceCard--small .resourceCard__title span.neu-07, .standardGrid .resourceCard--small .resourceCard__title span[data-color=gray], .standardGrid .resourceCard .resourceCard__title span.neu-07, .standardGrid .resourceCard .resourceCard__title span[data-color=gray] {
                color: var(--neu-07)
            }

            .standardGrid .resourceCard--small .resourceCard__title span.neu-10, .standardGrid .resourceCard--small .resourceCard__title span[data-color=default], .standardGrid .resourceCard .resourceCard__title span.neu-10, .standardGrid .resourceCard .resourceCard__title span[data-color=default] {
                color: var(--neu-10)
            }

            .standardGrid .resourceCard--small .resourceCard__title b, .standardGrid .resourceCard--small .resourceCard__title strong, .standardGrid .resourceCard .resourceCard__title b, .standardGrid .resourceCard .resourceCard__title strong {
                font-weight: 700
            }

            .standardGrid .resourceCard--small .resourceCard__title em, .standardGrid .resourceCard .resourceCard__title em {
                font-style: italic
            }

        .standardGrid .resourceCard--small .btn, .standardGrid .resourceCard--small .btn--icon, .standardGrid .resourceCard--small .btn--primary, .standardGrid .resourceCard--small .btn--primary--dark, .standardGrid .resourceCard--small .btn--secondary, .standardGrid .resourceCard--small .btn--small, .standardGrid .resourceCard--small .btn--tertiary, .standardGrid .resourceCard .btn, .standardGrid .resourceCard .btn--icon, .standardGrid .resourceCard .btn--primary, .standardGrid .resourceCard .btn--primary--dark, .standardGrid .resourceCard .btn--secondary, .standardGrid .resourceCard .btn--small, .standardGrid .resourceCard .btn--tertiary {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Inter,sans-serif;
            font-size: .813rem;
            line-height: 1.538em;
            letter-spacing: -.003em;
            font-weight: 400;
            font-weight: 700;
            padding: 0 20px;
            height: 40px
        }

            .standardGrid .resourceCard--small .btn--icon .link a, .standardGrid .resourceCard--small .btn--primary--dark .link a, .standardGrid .resourceCard--small .btn--primary .link a, .standardGrid .resourceCard--small .btn--secondary .link a, .standardGrid .resourceCard--small .btn--small .link a, .standardGrid .resourceCard--small .btn--tertiary .link a, .standardGrid .resourceCard--small .btn .link a, .standardGrid .resourceCard .btn--icon .link a, .standardGrid .resourceCard .btn--primary--dark .link a, .standardGrid .resourceCard .btn--primary .link a, .standardGrid .resourceCard .btn--secondary .link a, .standardGrid .resourceCard .btn--small .link a, .standardGrid .resourceCard .btn--tertiary .link a, .standardGrid .resourceCard .btn .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .standardGrid .resourceCard--small .btn--icon .link a:hover, .standardGrid .resourceCard--small .btn--primary--dark .link a:hover, .standardGrid .resourceCard--small .btn--primary .link a:hover, .standardGrid .resourceCard--small .btn--secondary .link a:hover, .standardGrid .resourceCard--small .btn--small .link a:hover, .standardGrid .resourceCard--small .btn--tertiary .link a:hover, .standardGrid .resourceCard--small .btn .link a:hover, .standardGrid .resourceCard .btn--icon .link a:hover, .standardGrid .resourceCard .btn--primary--dark .link a:hover, .standardGrid .resourceCard .btn--primary .link a:hover, .standardGrid .resourceCard .btn--secondary .link a:hover, .standardGrid .resourceCard .btn--small .link a:hover, .standardGrid .resourceCard .btn--tertiary .link a:hover, .standardGrid .resourceCard .btn .link a:hover {
                    color: var(--m-01)
                }

            .standardGrid .resourceCard--small .btn--icon mark, .standardGrid .resourceCard--small .btn--icon mark[data-color=color], .standardGrid .resourceCard--small .btn--primary--dark mark, .standardGrid .resourceCard--small .btn--primary--dark mark[data-color=color], .standardGrid .resourceCard--small .btn--primary mark, .standardGrid .resourceCard--small .btn--primary mark[data-color=color], .standardGrid .resourceCard--small .btn--secondary mark, .standardGrid .resourceCard--small .btn--secondary mark[data-color=color], .standardGrid .resourceCard--small .btn--small mark, .standardGrid .resourceCard--small .btn--small mark[data-color=color], .standardGrid .resourceCard--small .btn--tertiary mark, .standardGrid .resourceCard--small .btn--tertiary mark[data-color=color], .standardGrid .resourceCard--small .btn mark, .standardGrid .resourceCard--small .btn mark[data-color=color], .standardGrid .resourceCard .btn--icon mark, .standardGrid .resourceCard .btn--icon mark[data-color=color], .standardGrid .resourceCard .btn--primary--dark mark, .standardGrid .resourceCard .btn--primary--dark mark[data-color=color], .standardGrid .resourceCard .btn--primary mark, .standardGrid .resourceCard .btn--primary mark[data-color=color], .standardGrid .resourceCard .btn--secondary mark, .standardGrid .resourceCard .btn--secondary mark[data-color=color], .standardGrid .resourceCard .btn--small mark, .standardGrid .resourceCard .btn--small mark[data-color=color], .standardGrid .resourceCard .btn--tertiary mark, .standardGrid .resourceCard .btn--tertiary mark[data-color=color], .standardGrid .resourceCard .btn mark, .standardGrid .resourceCard .btn mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .standardGrid .resourceCard--small .btn--icon mark[data-color=gray], .standardGrid .resourceCard--small .btn--primary--dark mark[data-color=gray], .standardGrid .resourceCard--small .btn--primary mark[data-color=gray], .standardGrid .resourceCard--small .btn--secondary mark[data-color=gray], .standardGrid .resourceCard--small .btn--small mark[data-color=gray], .standardGrid .resourceCard--small .btn--tertiary mark[data-color=gray], .standardGrid .resourceCard--small .btn mark[data-color=gray], .standardGrid .resourceCard .btn--icon mark[data-color=gray], .standardGrid .resourceCard .btn--primary--dark mark[data-color=gray], .standardGrid .resourceCard .btn--primary mark[data-color=gray], .standardGrid .resourceCard .btn--secondary mark[data-color=gray], .standardGrid .resourceCard .btn--small mark[data-color=gray], .standardGrid .resourceCard .btn--tertiary mark[data-color=gray], .standardGrid .resourceCard .btn mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .standardGrid .resourceCard--small .btn--icon mark[data-color=default], .standardGrid .resourceCard--small .btn--primary--dark mark[data-color=default], .standardGrid .resourceCard--small .btn--primary mark[data-color=default], .standardGrid .resourceCard--small .btn--secondary mark[data-color=default], .standardGrid .resourceCard--small .btn--small mark[data-color=default], .standardGrid .resourceCard--small .btn--tertiary mark[data-color=default], .standardGrid .resourceCard--small .btn mark[data-color=default], .standardGrid .resourceCard .btn--icon mark[data-color=default], .standardGrid .resourceCard .btn--primary--dark mark[data-color=default], .standardGrid .resourceCard .btn--primary mark[data-color=default], .standardGrid .resourceCard .btn--secondary mark[data-color=default], .standardGrid .resourceCard .btn--small mark[data-color=default], .standardGrid .resourceCard .btn--tertiary mark[data-color=default], .standardGrid .resourceCard .btn mark[data-color=default] {
                    color: var(--neu-10)
                }

            .standardGrid .resourceCard--small .btn--icon span.m-01--dark-01, .standardGrid .resourceCard--small .btn--icon span[data-color=color], .standardGrid .resourceCard--small .btn--primary--dark span.m-01--dark-01, .standardGrid .resourceCard--small .btn--primary--dark span[data-color=color], .standardGrid .resourceCard--small .btn--primary span.m-01--dark-01, .standardGrid .resourceCard--small .btn--primary span[data-color=color], .standardGrid .resourceCard--small .btn--secondary span.m-01--dark-01, .standardGrid .resourceCard--small .btn--secondary span[data-color=color], .standardGrid .resourceCard--small .btn--small span.m-01--dark-01, .standardGrid .resourceCard--small .btn--small span[data-color=color], .standardGrid .resourceCard--small .btn--tertiary span.m-01--dark-01, .standardGrid .resourceCard--small .btn--tertiary span[data-color=color], .standardGrid .resourceCard--small .btn span.m-01--dark-01, .standardGrid .resourceCard--small .btn span[data-color=color], .standardGrid .resourceCard .btn--icon span.m-01--dark-01, .standardGrid .resourceCard .btn--icon span[data-color=color], .standardGrid .resourceCard .btn--primary--dark span.m-01--dark-01, .standardGrid .resourceCard .btn--primary--dark span[data-color=color], .standardGrid .resourceCard .btn--primary span.m-01--dark-01, .standardGrid .resourceCard .btn--primary span[data-color=color], .standardGrid .resourceCard .btn--secondary span.m-01--dark-01, .standardGrid .resourceCard .btn--secondary span[data-color=color], .standardGrid .resourceCard .btn--small span.m-01--dark-01, .standardGrid .resourceCard .btn--small span[data-color=color], .standardGrid .resourceCard .btn--tertiary span.m-01--dark-01, .standardGrid .resourceCard .btn--tertiary span[data-color=color], .standardGrid .resourceCard .btn span.m-01--dark-01, .standardGrid .resourceCard .btn span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .standardGrid .resourceCard--small .btn--icon span.neu-07, .standardGrid .resourceCard--small .btn--icon span[data-color=gray], .standardGrid .resourceCard--small .btn--primary--dark span.neu-07, .standardGrid .resourceCard--small .btn--primary--dark span[data-color=gray], .standardGrid .resourceCard--small .btn--primary span.neu-07, .standardGrid .resourceCard--small .btn--primary span[data-color=gray], .standardGrid .resourceCard--small .btn--secondary span.neu-07, .standardGrid .resourceCard--small .btn--secondary span[data-color=gray], .standardGrid .resourceCard--small .btn--small span.neu-07, .standardGrid .resourceCard--small .btn--small span[data-color=gray], .standardGrid .resourceCard--small .btn--tertiary span.neu-07, .standardGrid .resourceCard--small .btn--tertiary span[data-color=gray], .standardGrid .resourceCard--small .btn span.neu-07, .standardGrid .resourceCard--small .btn span[data-color=gray], .standardGrid .resourceCard .btn--icon span.neu-07, .standardGrid .resourceCard .btn--icon span[data-color=gray], .standardGrid .resourceCard .btn--primary--dark span.neu-07, .standardGrid .resourceCard .btn--primary--dark span[data-color=gray], .standardGrid .resourceCard .btn--primary span.neu-07, .standardGrid .resourceCard .btn--primary span[data-color=gray], .standardGrid .resourceCard .btn--secondary span.neu-07, .standardGrid .resourceCard .btn--secondary span[data-color=gray], .standardGrid .resourceCard .btn--small span.neu-07, .standardGrid .resourceCard .btn--small span[data-color=gray], .standardGrid .resourceCard .btn--tertiary span.neu-07, .standardGrid .resourceCard .btn--tertiary span[data-color=gray], .standardGrid .resourceCard .btn span.neu-07, .standardGrid .resourceCard .btn span[data-color=gray] {
                color: var(--neu-07)
            }

            .standardGrid .resourceCard--small .btn--icon span.neu-10, .standardGrid .resourceCard--small .btn--icon span[data-color=default], .standardGrid .resourceCard--small .btn--primary--dark span.neu-10, .standardGrid .resourceCard--small .btn--primary--dark span[data-color=default], .standardGrid .resourceCard--small .btn--primary span.neu-10, .standardGrid .resourceCard--small .btn--primary span[data-color=default], .standardGrid .resourceCard--small .btn--secondary span.neu-10, .standardGrid .resourceCard--small .btn--secondary span[data-color=default], .standardGrid .resourceCard--small .btn--small span.neu-10, .standardGrid .resourceCard--small .btn--small span[data-color=default], .standardGrid .resourceCard--small .btn--tertiary span.neu-10, .standardGrid .resourceCard--small .btn--tertiary span[data-color=default], .standardGrid .resourceCard--small .btn span.neu-10, .standardGrid .resourceCard--small .btn span[data-color=default], .standardGrid .resourceCard .btn--icon span.neu-10, .standardGrid .resourceCard .btn--icon span[data-color=default], .standardGrid .resourceCard .btn--primary--dark span.neu-10, .standardGrid .resourceCard .btn--primary--dark span[data-color=default], .standardGrid .resourceCard .btn--primary span.neu-10, .standardGrid .resourceCard .btn--primary span[data-color=default], .standardGrid .resourceCard .btn--secondary span.neu-10, .standardGrid .resourceCard .btn--secondary span[data-color=default], .standardGrid .resourceCard .btn--small span.neu-10, .standardGrid .resourceCard .btn--small span[data-color=default], .standardGrid .resourceCard .btn--tertiary span.neu-10, .standardGrid .resourceCard .btn--tertiary span[data-color=default], .standardGrid .resourceCard .btn span.neu-10, .standardGrid .resourceCard .btn span[data-color=default] {
                color: var(--neu-10)
            }

            .standardGrid .resourceCard--small .btn--icon b, .standardGrid .resourceCard--small .btn--icon strong, .standardGrid .resourceCard--small .btn--primary--dark b, .standardGrid .resourceCard--small .btn--primary--dark strong, .standardGrid .resourceCard--small .btn--primary b, .standardGrid .resourceCard--small .btn--primary strong, .standardGrid .resourceCard--small .btn--secondary b, .standardGrid .resourceCard--small .btn--secondary strong, .standardGrid .resourceCard--small .btn--small b, .standardGrid .resourceCard--small .btn--small strong, .standardGrid .resourceCard--small .btn--tertiary b, .standardGrid .resourceCard--small .btn--tertiary strong, .standardGrid .resourceCard--small .btn b, .standardGrid .resourceCard--small .btn strong, .standardGrid .resourceCard .btn--icon b, .standardGrid .resourceCard .btn--icon strong, .standardGrid .resourceCard .btn--primary--dark b, .standardGrid .resourceCard .btn--primary--dark strong, .standardGrid .resourceCard .btn--primary b, .standardGrid .resourceCard .btn--primary strong, .standardGrid .resourceCard .btn--secondary b, .standardGrid .resourceCard .btn--secondary strong, .standardGrid .resourceCard .btn--small b, .standardGrid .resourceCard .btn--small strong, .standardGrid .resourceCard .btn--tertiary b, .standardGrid .resourceCard .btn--tertiary strong, .standardGrid .resourceCard .btn b, .standardGrid .resourceCard .btn strong {
                font-weight: 700
            }

            .standardGrid .resourceCard--small .btn--icon em, .standardGrid .resourceCard--small .btn--primary--dark em, .standardGrid .resourceCard--small .btn--primary em, .standardGrid .resourceCard--small .btn--secondary em, .standardGrid .resourceCard--small .btn--small em, .standardGrid .resourceCard--small .btn--tertiary em, .standardGrid .resourceCard--small .btn em, .standardGrid .resourceCard .btn--icon em, .standardGrid .resourceCard .btn--primary--dark em, .standardGrid .resourceCard .btn--primary em, .standardGrid .resourceCard .btn--secondary em, .standardGrid .resourceCard .btn--small em, .standardGrid .resourceCard .btn--tertiary em, .standardGrid .resourceCard .btn em {
                font-style: italic
            }

            .standardGrid .resourceCard--small .btn--icon i, .standardGrid .resourceCard--small .btn--primary--dark i, .standardGrid .resourceCard--small .btn--primary i, .standardGrid .resourceCard--small .btn--secondary i, .standardGrid .resourceCard--small .btn--small i, .standardGrid .resourceCard--small .btn--tertiary i, .standardGrid .resourceCard--small .btn i, .standardGrid .resourceCard .btn--icon i, .standardGrid .resourceCard .btn--primary--dark i, .standardGrid .resourceCard .btn--primary i, .standardGrid .resourceCard .btn--secondary i, .standardGrid .resourceCard .btn--small i, .standardGrid .resourceCard .btn--tertiary i, .standardGrid .resourceCard .btn i {
                min-width: 16px;
                width: 16px;
                height: 16px;
                font-size: 16px
            }

                .standardGrid .resourceCard--small .btn--icon i:before, .standardGrid .resourceCard--small .btn--primary--dark i:before, .standardGrid .resourceCard--small .btn--primary i:before, .standardGrid .resourceCard--small .btn--secondary i:before, .standardGrid .resourceCard--small .btn--small i:before, .standardGrid .resourceCard--small .btn--tertiary i:before, .standardGrid .resourceCard--small .btn i:before, .standardGrid .resourceCard .btn--icon i:before, .standardGrid .resourceCard .btn--primary--dark i:before, .standardGrid .resourceCard .btn--primary i:before, .standardGrid .resourceCard .btn--secondary i:before, .standardGrid .resourceCard .btn--small i:before, .standardGrid .resourceCard .btn--tertiary i:before, .standardGrid .resourceCard .btn i:before {
                    font-size: 16px;
                    font-weight: 400
                }

            .standardGrid .resourceCard--small .btn--icon, .standardGrid .resourceCard--small .btn--icon.btn--primary, .standardGrid .resourceCard--small .btn--icon.btn--primary--dark, .standardGrid .resourceCard--small .btn--icon.btn--secondary, .standardGrid .resourceCard--small .btn--icon.btn--small, .standardGrid .resourceCard--small .btn--icon.btn--tertiary, .standardGrid .resourceCard--small .btn.btn--icon, .standardGrid .resourceCard .btn--icon, .standardGrid .resourceCard .btn--icon.btn--primary, .standardGrid .resourceCard .btn--icon.btn--primary--dark, .standardGrid .resourceCard .btn--icon.btn--secondary, .standardGrid .resourceCard .btn--icon.btn--small, .standardGrid .resourceCard .btn--icon.btn--tertiary, .standardGrid .resourceCard .btn.btn--icon {
                width: 40px;
                min-width: 40px
            }

                .standardGrid .resourceCard--small .btn--icon:hover, .standardGrid .resourceCard--small .btn--primary--dark:hover, .standardGrid .resourceCard--small .btn--primary:hover, .standardGrid .resourceCard--small .btn--secondary:hover, .standardGrid .resourceCard--small .btn--small:hover, .standardGrid .resourceCard--small .btn--tertiary:hover, .standardGrid .resourceCard--small .btn:hover, .standardGrid .resourceCard .btn--icon:hover, .standardGrid .resourceCard .btn--primary--dark:hover, .standardGrid .resourceCard .btn--primary:hover, .standardGrid .resourceCard .btn--secondary:hover, .standardGrid .resourceCard .btn--small:hover, .standardGrid .resourceCard .btn--tertiary:hover, .standardGrid .resourceCard .btn:hover {
                    color: var(--m-01--dark-01)
                }

    .standardGrid .productCard, .standardGrid .productCard--small {
        max-width: 960px;
        min-height: 324px
    }

        .standardGrid .productCard--small .productCard__head, .standardGrid .productCard .productCard__head {
            height: 200px
        }

            .standardGrid .productCard--small .productCard__head:after, .standardGrid .productCard .productCard__head:after {
                left: 16px;
                width: calc(100% - 16px * 2)
            }

        .standardGrid .productCard--small .productCard__head-content, .standardGrid .productCard .productCard__head-content {
            padding: 24px 16px
        }

        .standardGrid .productCard--small .productCard__productName, .standardGrid .productCard .productCard__productName {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Calma Global Medium,sans-serif;
            font-size: 1.625rem;
            line-height: 1.231em;
            letter-spacing: 0
        }

            .standardGrid .productCard--small .productCard__productName .link a, .standardGrid .productCard .productCard__productName .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .standardGrid .productCard--small .productCard__productName .link a:hover, .standardGrid .productCard .productCard__productName .link a:hover {
                    color: var(--m-01)
                }

            .standardGrid .productCard--small .productCard__productName mark, .standardGrid .productCard--small .productCard__productName mark[data-color=color], .standardGrid .productCard .productCard__productName mark, .standardGrid .productCard .productCard__productName mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .standardGrid .productCard--small .productCard__productName mark[data-color=gray], .standardGrid .productCard .productCard__productName mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .standardGrid .productCard--small .productCard__productName mark[data-color=default], .standardGrid .productCard .productCard__productName mark[data-color=default] {
                    color: var(--neu-10)
                }

            .standardGrid .productCard--small .productCard__productName span.m-01--dark-01, .standardGrid .productCard--small .productCard__productName span[data-color=color], .standardGrid .productCard .productCard__productName span.m-01--dark-01, .standardGrid .productCard .productCard__productName span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .standardGrid .productCard--small .productCard__productName span.neu-07, .standardGrid .productCard--small .productCard__productName span[data-color=gray], .standardGrid .productCard .productCard__productName span.neu-07, .standardGrid .productCard .productCard__productName span[data-color=gray] {
                color: var(--neu-07)
            }

            .standardGrid .productCard--small .productCard__productName span.neu-10, .standardGrid .productCard--small .productCard__productName span[data-color=default], .standardGrid .productCard .productCard__productName span.neu-10, .standardGrid .productCard .productCard__productName span[data-color=default] {
                color: var(--neu-10)
            }

            .standardGrid .productCard--small .productCard__productName b, .standardGrid .productCard--small .productCard__productName strong, .standardGrid .productCard .productCard__productName b, .standardGrid .productCard .productCard__productName strong {
                font-weight: 700
            }

            .standardGrid .productCard--small .productCard__productName em, .standardGrid .productCard .productCard__productName em {
                font-style: italic
            }

        .standardGrid .productCard--small .productCard__content, .standardGrid .productCard .productCard__content {
            padding: 16px
        }

        .standardGrid .productCard--small .productCard__bookmark, .standardGrid .productCard .productCard__bookmark {
            right: 0;
            top: 8px
        }

    .standardGrid .brandCard, .standardGrid .brandCard--small {
        max-width: 960px;
        min-height: 324px;
        padding: 16px
    }

        .standardGrid .brandCard--small .brandCard__image, .standardGrid .brandCard .brandCard__image {
            height: 70px;
            width: 70px;
            margin-right: 0
        }

        .standardGrid .brandCard--small .brandCard--small .btnBookmark--privateArea, .standardGrid .brandCard--small .brandCard .btnBookmark--privateArea, .standardGrid .brandCard--small .brandCard__bookmark, .standardGrid .brandCard .brandCard--small .btnBookmark--privateArea, .standardGrid .brandCard .brandCard .btnBookmark--privateArea, .standardGrid .brandCard .brandCard__bookmark {
            right: 0
        }

        .standardGrid .brandCard--small .brandCard__text, .standardGrid .brandCard .brandCard__text {
            padding: 0
        }

        .standardGrid .brandCard--small .brandCard__title, .standardGrid .brandCard .brandCard__title {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Calma Global Medium,sans-serif;
            font-size: 1.625rem;
            line-height: 1.231em;
            letter-spacing: 0
        }

            .standardGrid .brandCard--small .brandCard__title .link a, .standardGrid .brandCard .brandCard__title .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .standardGrid .brandCard--small .brandCard__title .link a:hover, .standardGrid .brandCard .brandCard__title .link a:hover {
                    color: var(--m-01)
                }

            .standardGrid .brandCard--small .brandCard__title mark, .standardGrid .brandCard--small .brandCard__title mark[data-color=color], .standardGrid .brandCard .brandCard__title mark, .standardGrid .brandCard .brandCard__title mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .standardGrid .brandCard--small .brandCard__title mark[data-color=gray], .standardGrid .brandCard .brandCard__title mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .standardGrid .brandCard--small .brandCard__title mark[data-color=default], .standardGrid .brandCard .brandCard__title mark[data-color=default] {
                    color: var(--neu-10)
                }

            .standardGrid .brandCard--small .brandCard__title span.m-01--dark-01, .standardGrid .brandCard--small .brandCard__title span[data-color=color], .standardGrid .brandCard .brandCard__title span.m-01--dark-01, .standardGrid .brandCard .brandCard__title span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .standardGrid .brandCard--small .brandCard__title span.neu-07, .standardGrid .brandCard--small .brandCard__title span[data-color=gray], .standardGrid .brandCard .brandCard__title span.neu-07, .standardGrid .brandCard .brandCard__title span[data-color=gray] {
                color: var(--neu-07)
            }

            .standardGrid .brandCard--small .brandCard__title span.neu-10, .standardGrid .brandCard--small .brandCard__title span[data-color=default], .standardGrid .brandCard .brandCard__title span.neu-10, .standardGrid .brandCard .brandCard__title span[data-color=default] {
                color: var(--neu-10)
            }

            .standardGrid .brandCard--small .brandCard__title b, .standardGrid .brandCard--small .brandCard__title strong, .standardGrid .brandCard .brandCard__title b, .standardGrid .brandCard .brandCard__title strong {
                font-weight: 700
            }

            .standardGrid .brandCard--small .brandCard__title em, .standardGrid .brandCard .brandCard__title em {
                font-style: italic
            }

        .standardGrid .brandCard--small .brandCard__description, .standardGrid .brandCard .brandCard__description {
            margin-top: 24px
        }

    .standardGrid .categoryCard, .standardGrid .categoryCard--small {
        min-height: 240px;
        max-width: 960px
    }

        .standardGrid .categoryCard--small .categoryCard__content, .standardGrid .categoryCard .categoryCard__content {
            padding: 32px
        }

        .standardGrid .categoryCard--small .categoryCard__title, .standardGrid .categoryCard .categoryCard__title {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Calma Global Medium,sans-serif;
            font-size: 2rem;
            line-height: 1.25em;
            letter-spacing: -.016em
        }

            .standardGrid .categoryCard--small .categoryCard__title .link a, .standardGrid .categoryCard .categoryCard__title .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .standardGrid .categoryCard--small .categoryCard__title .link a:hover, .standardGrid .categoryCard .categoryCard__title .link a:hover {
                    color: var(--m-01)
                }

            .standardGrid .categoryCard--small .categoryCard__title mark, .standardGrid .categoryCard--small .categoryCard__title mark[data-color=color], .standardGrid .categoryCard .categoryCard__title mark, .standardGrid .categoryCard .categoryCard__title mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .standardGrid .categoryCard--small .categoryCard__title mark[data-color=gray], .standardGrid .categoryCard .categoryCard__title mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .standardGrid .categoryCard--small .categoryCard__title mark[data-color=default], .standardGrid .categoryCard .categoryCard__title mark[data-color=default] {
                    color: var(--neu-10)
                }

            .standardGrid .categoryCard--small .categoryCard__title span.m-01--dark-01, .standardGrid .categoryCard--small .categoryCard__title span[data-color=color], .standardGrid .categoryCard .categoryCard__title span.m-01--dark-01, .standardGrid .categoryCard .categoryCard__title span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .standardGrid .categoryCard--small .categoryCard__title span.neu-07, .standardGrid .categoryCard--small .categoryCard__title span[data-color=gray], .standardGrid .categoryCard .categoryCard__title span.neu-07, .standardGrid .categoryCard .categoryCard__title span[data-color=gray] {
                color: var(--neu-07)
            }

            .standardGrid .categoryCard--small .categoryCard__title span.neu-10, .standardGrid .categoryCard--small .categoryCard__title span[data-color=default], .standardGrid .categoryCard .categoryCard__title span.neu-10, .standardGrid .categoryCard .categoryCard__title span[data-color=default] {
                color: var(--neu-10)
            }

            .standardGrid .categoryCard--small .categoryCard__title b, .standardGrid .categoryCard--small .categoryCard__title strong, .standardGrid .categoryCard .categoryCard__title b, .standardGrid .categoryCard .categoryCard__title strong {
                font-weight: 700
            }

            .standardGrid .categoryCard--small .categoryCard__title em, .standardGrid .categoryCard .categoryCard__title em {
                font-style: italic
            }
}

@media (max-width:1280px) and (max-width:1024px) {
    .standardGrid .categoryCard--small .categoryCard__title, .standardGrid .categoryCard .categoryCard__title {
        font-size: 1.625rem;
        line-height: 1.231em;
        letter-spacing: 0
    }
}

@media (max-width:1280px) {
    .standardGrid .profileCard, .standardGrid .profileCard--small {
        max-width: 960px;
        padding: 24px 16px 32px 4px;
        height: 100%
    }

        .standardGrid .profileCard--small .profileCard__text, .standardGrid .profileCard .profileCard__text {
            max-width: 310px
        }

    .standardGrid .selectableCard, .standardGrid .selectableCard--small {
        max-width: 960px;
        padding: 16px 16px 24px;
        grid-template-columns: 1fr 1fr;
        row-gap: 8px
    }

        .standardGrid .selectableCard--small .selectableCard__content, .standardGrid .selectableCard .selectableCard__content {
            grid-row: 2;
            grid-column: 1/3
        }

        .standardGrid .selectableCard--small .selectableCard__checkbox, .standardGrid .selectableCard .selectableCard__checkbox {
            margin-right: 0;
            grid-row: 1
        }

        .standardGrid .selectableCard--small .selectableCard__image, .standardGrid .selectableCard .selectableCard__image {
            width: 48px;
            height: 48px;
            grid-row: 1;
            justify-self: flex-end
        }

        .standardGrid .selectableCard--small .selectableCard__btn, .standardGrid .selectableCard .selectableCard__btn {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Inter,sans-serif;
            font-size: .813rem;
            line-height: 1.538em;
            letter-spacing: -.003em;
            font-weight: 400;
            font-weight: 700;
            padding: 0 20px;
            height: 40px;
            transform: none;
            margin-left: 0;
            margin-top: 16px;
            grid-row: 3;
            grid-column: 1/3
        }

            .standardGrid .selectableCard--small .selectableCard__btn .link a, .standardGrid .selectableCard .selectableCard__btn .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .standardGrid .selectableCard--small .selectableCard__btn .link a:hover, .standardGrid .selectableCard .selectableCard__btn .link a:hover {
                    color: var(--m-01)
                }

            .standardGrid .selectableCard--small .selectableCard__btn mark, .standardGrid .selectableCard--small .selectableCard__btn mark[data-color=color], .standardGrid .selectableCard .selectableCard__btn mark, .standardGrid .selectableCard .selectableCard__btn mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .standardGrid .selectableCard--small .selectableCard__btn mark[data-color=gray], .standardGrid .selectableCard .selectableCard__btn mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .standardGrid .selectableCard--small .selectableCard__btn mark[data-color=default], .standardGrid .selectableCard .selectableCard__btn mark[data-color=default] {
                    color: var(--neu-10)
                }

            .standardGrid .selectableCard--small .selectableCard__btn span.m-01--dark-01, .standardGrid .selectableCard--small .selectableCard__btn span[data-color=color], .standardGrid .selectableCard .selectableCard__btn span.m-01--dark-01, .standardGrid .selectableCard .selectableCard__btn span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .standardGrid .selectableCard--small .selectableCard__btn span.neu-07, .standardGrid .selectableCard--small .selectableCard__btn span[data-color=gray], .standardGrid .selectableCard .selectableCard__btn span.neu-07, .standardGrid .selectableCard .selectableCard__btn span[data-color=gray] {
                color: var(--neu-07)
            }

            .standardGrid .selectableCard--small .selectableCard__btn span.neu-10, .standardGrid .selectableCard--small .selectableCard__btn span[data-color=default], .standardGrid .selectableCard .selectableCard__btn span.neu-10, .standardGrid .selectableCard .selectableCard__btn span[data-color=default] {
                color: var(--neu-10)
            }

            .standardGrid .selectableCard--small .selectableCard__btn b, .standardGrid .selectableCard--small .selectableCard__btn strong, .standardGrid .selectableCard .selectableCard__btn b, .standardGrid .selectableCard .selectableCard__btn strong {
                font-weight: 700
            }

            .standardGrid .selectableCard--small .selectableCard__btn em, .standardGrid .selectableCard .selectableCard__btn em {
                font-style: italic
            }

            .standardGrid .selectableCard--small .selectableCard__btn i, .standardGrid .selectableCard .selectableCard__btn i {
                min-width: 16px;
                width: 16px;
                height: 16px;
                font-size: 16px
            }

                .standardGrid .selectableCard--small .selectableCard__btn i:before, .standardGrid .selectableCard .selectableCard__btn i:before {
                    font-size: 16px;
                    font-weight: 400
                }

            .standardGrid .selectableCard--small .selectableCard__btn.btn--icon, .standardGrid .selectableCard .selectableCard__btn.btn--icon {
                width: 40px;
                min-width: 40px
            }

    .standardGrid .demandCard, .standardGrid .demandCard--small {
        max-width: 960px;
        padding: 16px;
        min-height: 324px
    }

        .standardGrid .demandCard--small .demandCard__content, .standardGrid .demandCard .demandCard__content {
            gap: 8px
        }

        .standardGrid .demandCard--small .demandCard__notification-text, .standardGrid .demandCard .demandCard__notification-text {
            display: none
        }

        .standardGrid .demandCard--small .demandCard__description, .standardGrid .demandCard .demandCard__description {
            margin-top: 8px
        }

    .standardGrid .replyCard, .standardGrid .replyCard--small {
        max-width: 960px
    }

        .standardGrid .replyCard--small .replyCard, .standardGrid .replyCard--small .replyCard--small, .standardGrid .replyCard .replyCard, .standardGrid .replyCard .replyCard--small {
            background-color: var(--neu-01)
        }

        .standardGrid .replyCard--small .replyCard__content, .standardGrid .replyCard .replyCard__content {
            padding: 24px;
            gap: 4px 12px
        }

        .standardGrid .replyCard--small .replyCard__thumb, .standardGrid .replyCard .replyCard__thumb {
            grid-row: 1/3;
            align-self: flex-start
        }

        .standardGrid .replyCard--small .replyCard__text, .standardGrid .replyCard .replyCard__text {
            grid-row: 2;
            grid-column: 2/4
        }
}

@media (max-width:1280px) and (max-width:512px) {
    .standardGrid .replyCard--small .replyCard__text, .standardGrid .replyCard .replyCard__text {
        grid-column: 2/4
    }
}

@media (max-width:1280px) {
    .standardGrid .replyCard--small .replyCard__message, .standardGrid .replyCard--small .replyCard__subject, .standardGrid .replyCard .replyCard__message, .standardGrid .replyCard .replyCard__subject {
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-stretch: normal;
        letter-spacing: normal;
        font-family: Inter,sans-serif;
        font-size: 1rem;
        line-height: 1.5em;
        letter-spacing: -.011em;
        font-weight: 400
    }

        .standardGrid .replyCard--small .replyCard__message .link a, .standardGrid .replyCard--small .replyCard__subject .link a, .standardGrid .replyCard .replyCard__message .link a, .standardGrid .replyCard .replyCard__subject .link a {
            transition: all .1s ease;
            text-decoration: underline;
            color: var(--m-01--dark-01)
        }

            .standardGrid .replyCard--small .replyCard__message .link a:hover, .standardGrid .replyCard--small .replyCard__subject .link a:hover, .standardGrid .replyCard .replyCard__message .link a:hover, .standardGrid .replyCard .replyCard__subject .link a:hover {
                color: var(--m-01)
            }

        .standardGrid .replyCard--small .replyCard__message mark, .standardGrid .replyCard--small .replyCard__message mark[data-color=color], .standardGrid .replyCard--small .replyCard__subject mark, .standardGrid .replyCard--small .replyCard__subject mark[data-color=color], .standardGrid .replyCard .replyCard__message mark, .standardGrid .replyCard .replyCard__message mark[data-color=color], .standardGrid .replyCard .replyCard__subject mark, .standardGrid .replyCard .replyCard__subject mark[data-color=color] {
            color: var(--m-01--dark-01)
        }

            .standardGrid .replyCard--small .replyCard__message mark[data-color=gray], .standardGrid .replyCard--small .replyCard__subject mark[data-color=gray], .standardGrid .replyCard .replyCard__message mark[data-color=gray], .standardGrid .replyCard .replyCard__subject mark[data-color=gray] {
                color: var(--neu-07)
            }

            .standardGrid .replyCard--small .replyCard__message mark[data-color=default], .standardGrid .replyCard--small .replyCard__subject mark[data-color=default], .standardGrid .replyCard .replyCard__message mark[data-color=default], .standardGrid .replyCard .replyCard__subject mark[data-color=default] {
                color: var(--neu-10)
            }

        .standardGrid .replyCard--small .replyCard__message span.m-01--dark-01, .standardGrid .replyCard--small .replyCard__message span[data-color=color], .standardGrid .replyCard--small .replyCard__subject span.m-01--dark-01, .standardGrid .replyCard--small .replyCard__subject span[data-color=color], .standardGrid .replyCard .replyCard__message span.m-01--dark-01, .standardGrid .replyCard .replyCard__message span[data-color=color], .standardGrid .replyCard .replyCard__subject span.m-01--dark-01, .standardGrid .replyCard .replyCard__subject span[data-color=color] {
            color: var(--m-01--dark-01)
        }

        .standardGrid .replyCard--small .replyCard__message span.neu-07, .standardGrid .replyCard--small .replyCard__message span[data-color=gray], .standardGrid .replyCard--small .replyCard__subject span.neu-07, .standardGrid .replyCard--small .replyCard__subject span[data-color=gray], .standardGrid .replyCard .replyCard__message span.neu-07, .standardGrid .replyCard .replyCard__message span[data-color=gray], .standardGrid .replyCard .replyCard__subject span.neu-07, .standardGrid .replyCard .replyCard__subject span[data-color=gray] {
            color: var(--neu-07)
        }

        .standardGrid .replyCard--small .replyCard__message span.neu-10, .standardGrid .replyCard--small .replyCard__message span[data-color=default], .standardGrid .replyCard--small .replyCard__subject span.neu-10, .standardGrid .replyCard--small .replyCard__subject span[data-color=default], .standardGrid .replyCard .replyCard__message span.neu-10, .standardGrid .replyCard .replyCard__message span[data-color=default], .standardGrid .replyCard .replyCard__subject span.neu-10, .standardGrid .replyCard .replyCard__subject span[data-color=default] {
            color: var(--neu-10)
        }

        .standardGrid .replyCard--small .replyCard__message b, .standardGrid .replyCard--small .replyCard__message strong, .standardGrid .replyCard--small .replyCard__subject b, .standardGrid .replyCard--small .replyCard__subject strong, .standardGrid .replyCard .replyCard__message b, .standardGrid .replyCard .replyCard__message strong, .standardGrid .replyCard .replyCard__subject b, .standardGrid .replyCard .replyCard__subject strong {
            font-weight: 700
        }

        .standardGrid .replyCard--small .replyCard__message em, .standardGrid .replyCard--small .replyCard__subject em, .standardGrid .replyCard .replyCard__message em, .standardGrid .replyCard .replyCard__subject em {
            font-style: italic
        }

    .standardGrid .replyCard--small .replyCard__info, .standardGrid .replyCard .replyCard__info {
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-stretch: normal;
        letter-spacing: normal;
        font-family: Inter,sans-serif;
        font-size: .813rem;
        line-height: 1.538em;
        letter-spacing: -.003em;
        font-weight: 700;
        margin-top: 8px;
        padding-right: 32px
    }

        .standardGrid .replyCard--small .replyCard__info .link a, .standardGrid .replyCard .replyCard__info .link a {
            transition: all .1s ease;
            text-decoration: underline;
            color: var(--m-01--dark-01)
        }

            .standardGrid .replyCard--small .replyCard__info .link a:hover, .standardGrid .replyCard .replyCard__info .link a:hover {
                color: var(--m-01)
            }

        .standardGrid .replyCard--small .replyCard__info mark, .standardGrid .replyCard--small .replyCard__info mark[data-color=color], .standardGrid .replyCard .replyCard__info mark, .standardGrid .replyCard .replyCard__info mark[data-color=color] {
            color: var(--m-01--dark-01)
        }

            .standardGrid .replyCard--small .replyCard__info mark[data-color=gray], .standardGrid .replyCard .replyCard__info mark[data-color=gray] {
                color: var(--neu-07)
            }

            .standardGrid .replyCard--small .replyCard__info mark[data-color=default], .standardGrid .replyCard .replyCard__info mark[data-color=default] {
                color: var(--neu-10)
            }

        .standardGrid .replyCard--small .replyCard__info span.m-01--dark-01, .standardGrid .replyCard--small .replyCard__info span[data-color=color], .standardGrid .replyCard .replyCard__info span.m-01--dark-01, .standardGrid .replyCard .replyCard__info span[data-color=color] {
            color: var(--m-01--dark-01)
        }

        .standardGrid .replyCard--small .replyCard__info span.neu-07, .standardGrid .replyCard--small .replyCard__info span[data-color=gray], .standardGrid .replyCard .replyCard__info span.neu-07, .standardGrid .replyCard .replyCard__info span[data-color=gray] {
            color: var(--neu-07)
        }

        .standardGrid .replyCard--small .replyCard__info span.neu-10, .standardGrid .replyCard--small .replyCard__info span[data-color=default], .standardGrid .replyCard .replyCard__info span.neu-10, .standardGrid .replyCard .replyCard__info span[data-color=default] {
            color: var(--neu-10)
        }

        .standardGrid .replyCard--small .replyCard__info b, .standardGrid .replyCard--small .replyCard__info strong, .standardGrid .replyCard .replyCard__info b, .standardGrid .replyCard .replyCard__info strong {
            font-weight: 700
        }

        .standardGrid .replyCard--small .replyCard__info em, .standardGrid .replyCard .replyCard__info em {
            font-style: italic
        }

    .standardGrid .replyCard--small .replyCard__pin, .standardGrid .replyCard .replyCard__pin {
        transition: all .1s ease;
        grid-row: 2;
        grid-column: 3;
        align-self: flex-end;
        width: 24px;
        height: 24px;
        justify-self: flex-end;
        transform: translateY(4px);
        cursor: pointer
    }

        .standardGrid .replyCard--small .replyCard__pin:hover, .standardGrid .replyCard .replyCard__pin:hover {
            opacity: .7
        }

        .standardGrid .replyCard--small .replyCard__pin:before, .standardGrid .replyCard .replyCard__pin:before {
            width: 24px;
            height: 24px;
            font-size: 24px;
            font-family: aicep-base-icons !important;
            font-weight: 400;
            display: flex;
            justify-content: center;
            align-items: center;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            content: "\e95b"
        }

    .standardGrid .replyCard--small .replyCard__pin--selected, .standardGrid .replyCard .replyCard__pin--selected {
        color: var(--m-02--dark-01)
    }

        .standardGrid .replyCard--small .replyCard__pin--selected:before, .standardGrid .replyCard .replyCard__pin--selected:before {
            content: "\e95c"
        }

    .standardGrid .replyCard--small .replyCard__btn, .standardGrid .replyCard .replyCard__btn {
        display: none
    }

    .standardGrid .infoCard, .standardGrid .infoCard--small {
        max-width: 960px;
        padding: 24px
    }

        .standardGrid .infoCard--small .infoCard__number, .standardGrid .infoCard .infoCard__number {
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-stretch: normal;
            letter-spacing: normal;
            font-family: Calma Global Medium,sans-serif;
            font-size: 2rem;
            line-height: 1.25em;
            letter-spacing: -.016em;
            transform: translateY(0)
        }

            .standardGrid .infoCard--small .infoCard__number .link a, .standardGrid .infoCard .infoCard__number .link a {
                transition: all .1s ease;
                text-decoration: underline;
                color: var(--m-01--dark-01)
            }

                .standardGrid .infoCard--small .infoCard__number .link a:hover, .standardGrid .infoCard .infoCard__number .link a:hover {
                    color: var(--m-01)
                }

            .standardGrid .infoCard--small .infoCard__number mark, .standardGrid .infoCard--small .infoCard__number mark[data-color=color], .standardGrid .infoCard .infoCard__number mark, .standardGrid .infoCard .infoCard__number mark[data-color=color] {
                color: var(--m-01--dark-01)
            }

                .standardGrid .infoCard--small .infoCard__number mark[data-color=gray], .standardGrid .infoCard .infoCard__number mark[data-color=gray] {
                    color: var(--neu-07)
                }

                .standardGrid .infoCard--small .infoCard__number mark[data-color=default], .standardGrid .infoCard .infoCard__number mark[data-color=default] {
                    color: var(--neu-10)
                }

            .standardGrid .infoCard--small .infoCard__number span.m-01--dark-01, .standardGrid .infoCard--small .infoCard__number span[data-color=color], .standardGrid .infoCard .infoCard__number span.m-01--dark-01, .standardGrid .infoCard .infoCard__number span[data-color=color] {
                color: var(--m-01--dark-01)
            }

            .standardGrid .infoCard--small .infoCard__number span.neu-07, .standardGrid .infoCard--small .infoCard__number span[data-color=gray], .standardGrid .infoCard .infoCard__number span.neu-07, .standardGrid .infoCard .infoCard__number span[data-color=gray] {
                color: var(--neu-07)
            }

            .standardGrid .infoCard--small .infoCard__number span.neu-10, .standardGrid .infoCard--small .infoCard__number span[data-color=default], .standardGrid .infoCard .infoCard__number span.neu-10, .standardGrid .infoCard .infoCard__number span[data-color=default] {
                color: var(--neu-10)
            }

            .standardGrid .infoCard--small .infoCard__number b, .standardGrid .infoCard--small .infoCard__number strong, .standardGrid .infoCard .infoCard__number b, .standardGrid .infoCard .infoCard__number strong {
                font-weight: 700
            }

            .standardGrid .infoCard--small .infoCard__number em, .standardGrid .infoCard .infoCard__number em {
                font-style: italic
            }
}

@media (max-width:1280px) and (max-width:1024px) {
    .standardGrid .infoCard--small .infoCard__number, .standardGrid .infoCard .infoCard__number {
        font-size: 1.625rem;
        line-height: 1.231em;
        letter-spacing: 0;
        transform: translateY(3px)
    }
}

@media (max-width:1280px) {
    .standardGrid .infoCard--small .infoCard__title, .standardGrid .infoCard .infoCard__title {
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-stretch: normal;
        letter-spacing: normal;
        font-family: Inter,sans-serif;
        font-size: 1rem;
        line-height: 1.5em;
        letter-spacing: -.011em;
        font-weight: 700
    }

        .standardGrid .infoCard--small .infoCard__title .link a, .standardGrid .infoCard .infoCard__title .link a {
            transition: all .1s ease;
            text-decoration: underline;
            color: var(--m-01--dark-01)
        }

            .standardGrid .infoCard--small .infoCard__title .link a:hover, .standardGrid .infoCard .infoCard__title .link a:hover {
                color: var(--m-01)
            }

        .standardGrid .infoCard--small .infoCard__title mark, .standardGrid .infoCard--small .infoCard__title mark[data-color=color], .standardGrid .infoCard .infoCard__title mark, .standardGrid .infoCard .infoCard__title mark[data-color=color] {
            color: var(--m-01--dark-01)
        }

            .standardGrid .infoCard--small .infoCard__title mark[data-color=gray], .standardGrid .infoCard .infoCard__title mark[data-color=gray] {
                color: var(--neu-07)
            }

            .standardGrid .infoCard--small .infoCard__title mark[data-color=default], .standardGrid .infoCard .infoCard__title mark[data-color=default] {
                color: var(--neu-10)
            }

        .standardGrid .infoCard--small .infoCard__title span.m-01--dark-01, .standardGrid .infoCard--small .infoCard__title span[data-color=color], .standardGrid .infoCard .infoCard__title span.m-01--dark-01, .standardGrid .infoCard .infoCard__title span[data-color=color] {
            color: var(--m-01--dark-01)
        }

        .standardGrid .infoCard--small .infoCard__title span.neu-07, .standardGrid .infoCard--small .infoCard__title span[data-color=gray], .standardGrid .infoCard .infoCard__title span.neu-07, .standardGrid .infoCard .infoCard__title span[data-color=gray] {
            color: var(--neu-07)
        }

        .standardGrid .infoCard--small .infoCard__title span.neu-10, .standardGrid .infoCard--small .infoCard__title span[data-color=default], .standardGrid .infoCard .infoCard__title span.neu-10, .standardGrid .infoCard .infoCard__title span[data-color=default] {
            color: var(--neu-10)
        }

        .standardGrid .infoCard--small .infoCard__title b, .standardGrid .infoCard--small .infoCard__title strong, .standardGrid .infoCard .infoCard__title b, .standardGrid .infoCard .infoCard__title strong {
            font-weight: 700
        }

        .standardGrid .infoCard--small .infoCard__title em, .standardGrid .infoCard .infoCard__title em {
            font-style: italic
        }
}

.standardGrid__card--hide {
    display: none !important
}

.standardGrid .btnContainer {
    grid-column: 1/13;
    margin-top: 48px
}

@media (max-width:1024px) {
    .standardGrid .btnContainer {
        grid-column: 1/7
    }
}

@media (max-width:768px) {
    .standardGrid .btnContainer {
        margin-top: 32px
    }
}

.steppedFeatures {
    display: flex;
    overflow: hidden
}

    .steppedFeatures .wrapper {
        padding: 56px 0
    }

@media (max-width:1024px) {
    .steppedFeatures .wrapper {
        padding: 32px 0 40px
    }
}

.steppedFeatures[data-bg=g-01] .steppedFeatures__description, .steppedFeatures[data-bg=g-01] .steppedFeatures__description a, .steppedFeatures[data-bg=g-01] .steppedFeatures__itemDescription, .steppedFeatures[data-bg=g-02] .steppedFeatures__description, .steppedFeatures[data-bg=g-02] .steppedFeatures__description a, .steppedFeatures[data-bg=g-02] .steppedFeatures__itemDescription, .steppedFeatures[data-bg=g-03] .steppedFeatures__description, .steppedFeatures[data-bg=g-03] .steppedFeatures__description a, .steppedFeatures[data-bg=g-03] .steppedFeatures__itemDescription {
    color: var(--neu-01)
}

    .steppedFeatures[data-bg=g-01] .steppedFeatures__description a:hover, .steppedFeatures[data-bg=g-02] .steppedFeatures__description a:hover, .steppedFeatures[data-bg=g-03] .steppedFeatures__description a:hover {
        opacity: .7
    }

.steppedFeatures[data-bg=g-01] .steppedFeatures__itemNumber, .steppedFeatures[data-bg=g-02] .steppedFeatures__itemNumber, .steppedFeatures[data-bg=g-03] .steppedFeatures__itemNumber {
    color: var(--m-01--dark-03)
}

.steppedFeatures .btnContainer {
    justify-content: center;
    align-items: center;
    display: none
}

@media (max-width:1024px) {
    .steppedFeatures .btnContainer {
        display: flex;
        grid-column: 2/6;
        margin-top: 40px
    }
}

@media (max-width:512px) {
    .steppedFeatures .btnContainer {
        margin-top: 32px
    }
}

@media (max-width:1024px) {
    .steppedFeatures[data-type-slider=false] .wrapper {
        padding: 32px
    }
}

@media (max-width:768px) {
    .steppedFeatures[data-type-slider=false] .wrapper {
        padding: 32px 24px
    }
}

@media (max-width:512px) {
    .steppedFeatures[data-type-slider=false] .wrapper {
        padding: 32px 16px
    }
}

.steppedFeatures[data-type-slider=false] .steppedFeatures__textBox {
    padding: 0
}

@media (max-width:1024px) {
    .steppedFeatures[data-type-slider=false] .steppedFeatures__textBox .btnContainer {
        display: block;
        margin-top: 32px
    }
}

.steppedFeatures[data-type-slider=false] .swiper-container {
    padding: 0;
    margin-right: 0
}

@media (max-width:1024px) {
    .steppedFeatures[data-type-slider=false] .swiper-wrapper {
        display: grid;
        grid-template-columns: repeat(3,1fr);
        row-gap: 40px;
        column-gap: 16px
    }
}

@media (max-width:768px) {
    .steppedFeatures[data-type-slider=false] .swiper-wrapper {
        grid-template-columns: repeat(2,1fr)
    }
}

@media (max-width:512px) {
    .steppedFeatures[data-type-slider=false] .swiper-wrapper {
        grid-template-columns: repeat(1,1fr);
        align-items: center
    }
}

.steppedFeatures[data-type-slider=false] .swiper-slide {
    margin: 0;
    padding: 0
}

@media (max-width:1024px) {
    .steppedFeatures[data-type-slider=false] .swiper-slide {
        width: 100%;
        grid-column: unset;
        justify-self: center;
        max-width: 100%
    }
}

@media (max-width:1024px) {
    .steppedFeatures[data-type-slider=false] .swiper-slide:nth-child(2n) {
        grid-column: unset
    }
}

.steppedFeatures[data-type-slider=false] .swiper-slide:last-child {
    margin-right: 0
}

@media (max-width:1024px) {
    .steppedFeatures[data-type-slider=false] .steppedFeatures__item > * {
        text-align: center
    }
}

@media (max-width:1024px) {
    .steppedFeatures[data-type-slider=false] .steppedFeatures__numbersContainer {
        margin-top: 64px;
        grid-column: 1/7
    }
}

@media (max-width:512px) {
    .steppedFeatures[data-type-slider=false] .steppedFeatures__numbersContainer {
        margin-top: 48px
    }
}

.steppedFeatures__textBox {
    grid-column: 2/6
}

@media (max-width:1024px) {
    .steppedFeatures__textBox {
        grid-column: 1/5;
        padding: 0 32px
    }
}

@media (max-width:768px) {
    .steppedFeatures__textBox {
        padding: 0 24px;
        padding: 0 16px
    }
}

@media (max-width:512px) {
    .steppedFeatures__textBox {
        grid-column: 1/7
    }
}

.steppedFeatures__textBox .btnContainer {
    display: block;
    margin-top: 40px
}

@media (max-width:1024px) {
    .steppedFeatures__textBox .btnContainer {
        display: none
    }
}

.steppedFeatures__smallTitle {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: .813rem;
    line-height: 1.538em;
    letter-spacing: -.003em;
    font-weight: 400;
    margin-bottom: 16px
}

    .steppedFeatures__smallTitle .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .steppedFeatures__smallTitle .link a:hover {
            color: var(--m-01)
        }

    .steppedFeatures__smallTitle mark, .steppedFeatures__smallTitle mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .steppedFeatures__smallTitle mark[data-color=gray] {
            color: var(--neu-07)
        }

        .steppedFeatures__smallTitle mark[data-color=default] {
            color: var(--neu-10)
        }

    .steppedFeatures__smallTitle span.m-01--dark-01, .steppedFeatures__smallTitle span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .steppedFeatures__smallTitle span.neu-07, .steppedFeatures__smallTitle span[data-color=gray] {
        color: var(--neu-07)
    }

    .steppedFeatures__smallTitle span.neu-10, .steppedFeatures__smallTitle span[data-color=default] {
        color: var(--neu-10)
    }

    .steppedFeatures__smallTitle b, .steppedFeatures__smallTitle strong {
        font-weight: 700
    }

    .steppedFeatures__smallTitle em {
        font-style: italic
    }

.steppedFeatures__title {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Calma Global Medium,sans-serif;
    font-size: 2.5rem;
    line-height: 1.2em;
    letter-spacing: -.025em
}

    .steppedFeatures__title .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .steppedFeatures__title .link a:hover {
            color: var(--m-01)
        }

    .steppedFeatures__title mark, .steppedFeatures__title mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .steppedFeatures__title mark[data-color=gray] {
            color: var(--neu-07)
        }

        .steppedFeatures__title mark[data-color=default] {
            color: var(--neu-10)
        }

    .steppedFeatures__title span.m-01--dark-01, .steppedFeatures__title span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .steppedFeatures__title span.neu-07, .steppedFeatures__title span[data-color=gray] {
        color: var(--neu-07)
    }

    .steppedFeatures__title span.neu-10, .steppedFeatures__title span[data-color=default] {
        color: var(--neu-10)
    }

    .steppedFeatures__title b, .steppedFeatures__title strong {
        font-weight: 700
    }

    .steppedFeatures__title em {
        font-style: italic
    }

@media (max-width:1024px) {
    .steppedFeatures__title {
        font-size: 2rem;
        line-height: 1.25em;
        letter-spacing: -.016em
    }
}

.steppedFeatures__description {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1rem;
    line-height: 1.5em;
    letter-spacing: -.011em;
    font-weight: 400;
    margin-top: 32px;
    max-width: 456px;
    color: var(--neu-08)
}

    .steppedFeatures__description .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .steppedFeatures__description .link a:hover {
            color: var(--m-01)
        }

    .steppedFeatures__description mark, .steppedFeatures__description mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .steppedFeatures__description mark[data-color=gray] {
            color: var(--neu-07)
        }

        .steppedFeatures__description mark[data-color=default] {
            color: var(--neu-10)
        }

    .steppedFeatures__description span.m-01--dark-01, .steppedFeatures__description span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .steppedFeatures__description span.neu-07, .steppedFeatures__description span[data-color=gray] {
        color: var(--neu-07)
    }

    .steppedFeatures__description span.neu-10, .steppedFeatures__description span[data-color=default] {
        color: var(--neu-10)
    }

    .steppedFeatures__description b, .steppedFeatures__description strong {
        font-weight: 700
    }

    .steppedFeatures__description em {
        font-style: italic
    }

    .steppedFeatures__description a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .steppedFeatures__description a:hover {
            color: var(--m-01)
        }

@media (max-width:1024px) {
    .steppedFeatures__description {
        margin-top: 16px
    }
}

@media (max-width:512px) {
    .steppedFeatures__description {
        max-width: 350px
    }
}

.steppedFeatures__numbersContainer {
    grid-column: 7/13;
    margin-top: 56px
}

@media (max-width:1024px) {
    .steppedFeatures__numbersContainer {
        margin-top: 40px;
        grid-column: 1/7
    }
}

@media (max-width:512px) {
    .steppedFeatures__numbersContainer {
        margin-top: 32px
    }
}

.steppedFeatures .swiper-container {
    overflow: visible
}

@media (max-width:1024px) {
    .steppedFeatures .swiper-container {
        padding: 0 32px;
        margin-right: 40px
    }
}

@media (max-width:768px) {
    .steppedFeatures .swiper-container {
        padding: 0 24px;
        margin-right: 48px
    }
}

@media (max-width:512px) {
    .steppedFeatures .swiper-container {
        padding: 0 16px;
        margin-right: 32px
    }
}

.steppedFeatures .swiper-wrapper {
    display: grid;
    align-items: flex-start;
    row-gap: 56px;
    grid-column-gap: 32px
}

@media (max-width:1280px) {
    .steppedFeatures .swiper-wrapper {
        grid-column-gap: 24px
    }
}

@media (max-width:1024px) {
    .steppedFeatures .swiper-wrapper {
        grid-column-gap: 16px
    }
}

@media (max-width:512px) {
    .steppedFeatures .swiper-wrapper {
        grid-column-gap: 8px
    }
}

@media (max-width:1024px) {
    .steppedFeatures .swiper-wrapper {
        display: flex;
        row-gap: 0;
        column-gap: 0
    }
}

.steppedFeatures .swiper-slide {
    grid-column: 1/2;
    box-sizing: border-box;
    padding-right: 48px
}

@media (max-width:1024px) {
    .steppedFeatures .swiper-slide {
        max-width: 282px
    }
}

.steppedFeatures .swiper-slide:nth-child(2n) {
    grid-column: 2
}

@media (max-width:1024px) {
    .steppedFeatures .swiper-slide__item > * {
        text-align: left
    }
}

@media (max-width:512px) {
    .steppedFeatures .swiper-slide__item > * {
        text-align: left
    }
}

.steppedFeatures__itemNumber {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Calma Global Medium,sans-serif;
    font-size: 2.5rem;
    line-height: 1.2em;
    letter-spacing: -.025em;
    color: var(--m-01--dark-01)
}

    .steppedFeatures__itemNumber .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .steppedFeatures__itemNumber .link a:hover {
            color: var(--m-01)
        }

    .steppedFeatures__itemNumber mark, .steppedFeatures__itemNumber mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .steppedFeatures__itemNumber mark[data-color=gray] {
            color: var(--neu-07)
        }

        .steppedFeatures__itemNumber mark[data-color=default] {
            color: var(--neu-10)
        }

    .steppedFeatures__itemNumber span.m-01--dark-01, .steppedFeatures__itemNumber span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .steppedFeatures__itemNumber span.neu-07, .steppedFeatures__itemNumber span[data-color=gray] {
        color: var(--neu-07)
    }

    .steppedFeatures__itemNumber span.neu-10, .steppedFeatures__itemNumber span[data-color=default] {
        color: var(--neu-10)
    }

    .steppedFeatures__itemNumber b, .steppedFeatures__itemNumber strong {
        font-weight: 700
    }

    .steppedFeatures__itemNumber em {
        font-style: italic
    }

@media (max-width:1024px) {
    .steppedFeatures__itemNumber {
        font-size: 2rem;
        line-height: 1.25em;
        letter-spacing: -.016em
    }
}

.steppedFeatures__itemNumber span {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Calma Global Medium,sans-serif;
    font-size: 2rem;
    line-height: 1.25em;
    letter-spacing: -.016em
}

    .steppedFeatures__itemNumber span .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .steppedFeatures__itemNumber span .link a:hover {
            color: var(--m-01)
        }

    .steppedFeatures__itemNumber span mark, .steppedFeatures__itemNumber span mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .steppedFeatures__itemNumber span mark[data-color=gray] {
            color: var(--neu-07)
        }

        .steppedFeatures__itemNumber span mark[data-color=default] {
            color: var(--neu-10)
        }

    .steppedFeatures__itemNumber span span.m-01--dark-01, .steppedFeatures__itemNumber span span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .steppedFeatures__itemNumber span span.neu-07, .steppedFeatures__itemNumber span span[data-color=gray] {
        color: var(--neu-07)
    }

    .steppedFeatures__itemNumber span span.neu-10, .steppedFeatures__itemNumber span span[data-color=default] {
        color: var(--neu-10)
    }

    .steppedFeatures__itemNumber span b, .steppedFeatures__itemNumber span strong {
        font-weight: 700
    }

    .steppedFeatures__itemNumber span em {
        font-style: italic
    }

@media (max-width:1024px) {
    .steppedFeatures__itemNumber span {
        font-size: 1.625rem;
        line-height: 1.231em;
        letter-spacing: 0
    }
}

.steppedFeatures__itemTitle {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1.188rem;
    line-height: 1.263em;
    letter-spacing: -.016em;
    font-weight: 700
}

    .steppedFeatures__itemTitle .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .steppedFeatures__itemTitle .link a:hover {
            color: var(--m-01)
        }

    .steppedFeatures__itemTitle mark, .steppedFeatures__itemTitle mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .steppedFeatures__itemTitle mark[data-color=gray] {
            color: var(--neu-07)
        }

        .steppedFeatures__itemTitle mark[data-color=default] {
            color: var(--neu-10)
        }

    .steppedFeatures__itemTitle span.m-01--dark-01, .steppedFeatures__itemTitle span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .steppedFeatures__itemTitle span.neu-07, .steppedFeatures__itemTitle span[data-color=gray] {
        color: var(--neu-07)
    }

    .steppedFeatures__itemTitle span.neu-10, .steppedFeatures__itemTitle span[data-color=default] {
        color: var(--neu-10)
    }

    .steppedFeatures__itemTitle b, .steppedFeatures__itemTitle strong {
        font-weight: 700
    }

    .steppedFeatures__itemTitle em {
        font-style: italic
    }

.steppedFeatures__itemDescription {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: .813rem;
    line-height: 1.538em;
    letter-spacing: -.003em;
    font-weight: 400;
    margin-top: 16px;
    color: var(--neu-08)
}

    .steppedFeatures__itemDescription .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .steppedFeatures__itemDescription .link a:hover {
            color: var(--m-01)
        }

    .steppedFeatures__itemDescription mark, .steppedFeatures__itemDescription mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .steppedFeatures__itemDescription mark[data-color=gray] {
            color: var(--neu-07)
        }

        .steppedFeatures__itemDescription mark[data-color=default] {
            color: var(--neu-10)
        }

    .steppedFeatures__itemDescription span.m-01--dark-01, .steppedFeatures__itemDescription span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .steppedFeatures__itemDescription span.neu-07, .steppedFeatures__itemDescription span[data-color=gray] {
        color: var(--neu-07)
    }

    .steppedFeatures__itemDescription span.neu-10, .steppedFeatures__itemDescription span[data-color=default] {
        color: var(--neu-10)
    }

    .steppedFeatures__itemDescription b, .steppedFeatures__itemDescription strong {
        font-weight: 700
    }

    .steppedFeatures__itemDescription em {
        font-style: italic
    }

.steppedFeatures__scrollBarContainer {
    grid-column: 1/7;
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 40px
}

.steppedFeatures__scrollBar {
    max-width: 230px;
    width: 100%;
    height: 2px;
    background: var(--neu-03);
    border-radius: 2px;
    display: none
}

@media (max-width:1024px) {
    .steppedFeatures__scrollBar {
        display: block
    }
}

.steppedFeatures__progressBar {
    left: 50%;
    transform: translateX(-50%);
    margin-top: 40px;
    max-width: 230px;
    width: 100%;
    height: 2px;
    border-radius: 2px;
    background-color: var(--neu-03);
    overflow: hidden;
    display: none
}

    .steppedFeatures__progressBar.hide {
        display: none
    }

@media (max-width:1024px) {
    .steppedFeatures__progressBar {
        grid-column: 1/7;
        display: block
    }
}

@media (max-width:512px) {
    .steppedFeatures__progressBar {
        max-width: 155px
    }
}

.steppedFeatures__progressBar span {
    background-color: var(--neu-10);
    border-radius: 2px;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transition-timing-function: ease-out
}

.stickyButton__button {
    box-shadow: 0 0 1px rgba(26,24,23,.05),0 32px 47px -6px rgba(26,24,23,.1);
    position: fixed;
    right: 40px;
    bottom: 40px;
    margin: 0 !important
}

@media (max-width:1024px) {
    .stickyButton__button {
        right: 32px;
        bottom: 32px;
        width: 56px;
        height: 56px;
        border-radius: 50%
    }

        .stickyButton__button span {
            display: none
        }

        .stickyButton__button i {
            margin-right: 0 !important
        }
}

@media (max-width:768px) {
    .stickyButton__button {
        right: 24px;
        bottom: 24px
    }
}

@media (max-width:512px) {
    .stickyButton__button {
        right: 16px;
        bottom: 16px
    }
}

.tableDashboard__wrapper {
    padding-top: 32px;
    padding-bottom: 40px
}

@media (max-width:1024px) {
    .tableDashboard__wrapper {
        padding-bottom: 32px
    }
}

.tableDashboard__container {
    grid-column: 1/13
}

@media (max-width:1024px) {
    .tableDashboard__container {
        grid-column: 1/7
    }
}

.tableDashboard__tableWrapper {
    margin-top: 24px
}

.tableDashboard__newBtn {
    margin-bottom: 0 !important
}

.tableDashboard .horizontalFilterBar__form {
    height: 120px
}

.tellUsAboutYouForm__title {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1.438rem;
    line-height: 1.391em;
    letter-spacing: -.019em;
    font-weight: 700;
    color: var(--neu-10);
    margin-bottom: 40px
}

    .tellUsAboutYouForm__title .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .tellUsAboutYouForm__title .link a:hover {
            color: var(--m-01)
        }

    .tellUsAboutYouForm__title mark, .tellUsAboutYouForm__title mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .tellUsAboutYouForm__title mark[data-color=gray] {
            color: var(--neu-07)
        }

        .tellUsAboutYouForm__title mark[data-color=default] {
            color: var(--neu-10)
        }

    .tellUsAboutYouForm__title span.m-01--dark-01, .tellUsAboutYouForm__title span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .tellUsAboutYouForm__title span.neu-07, .tellUsAboutYouForm__title span[data-color=gray] {
        color: var(--neu-07)
    }

    .tellUsAboutYouForm__title span.neu-10, .tellUsAboutYouForm__title span[data-color=default] {
        color: var(--neu-10)
    }

    .tellUsAboutYouForm__title b, .tellUsAboutYouForm__title strong {
        font-weight: 700
    }

    .tellUsAboutYouForm__title em {
        font-style: italic
    }

@media (max-width:1024px) {
    .tellUsAboutYouForm__title {
        font-size: 1.188rem;
        line-height: 1.263em;
        letter-spacing: -.016em
    }
}

@media (max-width:768px) {
    .tellUsAboutYouForm__title {
        margin-bottom: 32px
    }
}

.tellUsAboutYouForm__otherField {
    visibility: hidden
}

    .tellUsAboutYouForm__otherField.show {
        visibility: visible
    }

.tellUsAboutYouForm .feedbackScreens__content {
    justify-content: center;
    height: 100%
}

.tellUsAboutYouForm .finishButton {
    display: none;
    margin-bottom: 0
}

    .tellUsAboutYouForm .finishButton.show {
        display: flex
    }

.tellUsAboutYouForm .nextStep {
    display: flex;
    margin-right: 0;
    margin-bottom: 0
}

    .tellUsAboutYouForm .nextStep.hide {
        display: none
    }

.tellUsAboutYouForm .wizardSteps__stepsItems {
    margin: 40px auto 24px
}

@media (max-width:768px) {
    .tellUsAboutYouForm .wizardSteps__stepsItems {
        margin: 48px auto 16px
    }
}

.tellUsAboutYouForm .modalContainer__top {
    min-height: unset
}

.tellUsAboutYouForm .modalContainer__content {
    padding-top: 40px;
    padding-bottom: 40px
}

@media (max-width:768px) {
    .tellUsAboutYouForm .modalContainer__content {
        padding-top: 48px;
        padding-bottom: 48px
    }
}

.tellUsAboutYouForm .modalContainer__bottom {
    padding-top: 24px;
    padding-bottom: 24px
}

@media (max-width:768px) {
    .tellUsAboutYouForm .modalContainer__bottom {
        padding-top: 16px;
        padding-bottom: 16px
    }
}

.tellUsAboutYouForm .modalContainer__bottom button {
    width: -moz-fit-content;
    width: fit-content
}

.testimonials {
    background: var(--neu-01);
    color: var(--neu-10)
}

@media (max-width:512px) {
    .testimonials .wrapper {
        padding: 0
    }
}

.testimonials__slider {
    width: 100%;
    grid-column: 2/12;
    padding: 32px 0
}

@media (max-width:1024px) {
    .testimonials__slider {
        grid-column: 1/7
    }
}

.testimonials__author, .testimonials__authorImage, .testimonials__info {
    display: inline-block;
    vertical-align: middle
}

.testimonials__thumbs {
    display: flex;
    align-items: center
}

.testimonials__authorImage, .testimonials__companyImage {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 24px
}

    .testimonials__authorImage img, .testimonials__companyImage img {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }

    .testimonials__authorImage:nth-of-type(2), .testimonials__companyImage:nth-of-type(2) {
        margin-left: -40px;
        z-index: -1
    }

.testimonials__author {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: .688rem;
    line-height: 1.455em;
    letter-spacing: .005em;
    font-weight: 400;
    display: flex;
    flex-direction: column
}

    .testimonials__author .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .testimonials__author .link a:hover {
            color: var(--m-01)
        }

    .testimonials__author mark, .testimonials__author mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .testimonials__author mark[data-color=gray] {
            color: var(--neu-07)
        }

        .testimonials__author mark[data-color=default] {
            color: var(--neu-10)
        }

    .testimonials__author span.m-01--dark-01, .testimonials__author span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .testimonials__author span.neu-07, .testimonials__author span[data-color=gray] {
        color: var(--neu-07)
    }

    .testimonials__author span.neu-10, .testimonials__author span[data-color=default] {
        color: var(--neu-10)
    }

    .testimonials__author b, .testimonials__author strong {
        font-weight: 700
    }

    .testimonials__author em {
        font-style: italic
    }

.testimonials .swiper-container {
    max-width: 69%
}

@media (max-width:1024px) {
    .testimonials .swiper-container {
        max-width: 76.5%
    }
}

@media (max-width:768px) {
    .testimonials .swiper-container {
        max-width: 80%;
        margin-bottom: 40px
    }
}

@media (max-width:512px) {
    .testimonials .swiper-container {
        max-width: 100%
    }
}

.testimonials .swiper-wrapper {
    align-items: center;
    transition-timing-function: ease;
    transition: transform .5s cubic-bezier(.42,0,.13,1.01)
}

.testimonials .swiper-slide {
    padding: 0 24px;
    padding: 0 50px;
    transition: all .25s ease-in-out
}

@media (max-width:512px) {
    .testimonials .swiper-slide {
        padding: 0 16px
    }
}

.testimonials .btnContainer {
    justify-content: left;
    margin-bottom: 13px
}

    .testimonials .btnContainer:last-child {
        margin-bottom: 0
    }

@media (max-width:512px) {
    .testimonials .btnContainer {
        flex-direction: row
    }
}

.testimonials .swiper-button-prev {
    left: 0
}

.testimonials .swiper-button-next {
    right: 0
}

    .testimonials .swiper-button-next:hover, .testimonials .swiper-button-prev:hover {
        opacity: .7
    }

    .testimonials .swiper-button-next i, .testimonials .swiper-button-prev i {
        font-size: 22px
    }

@media (max-width:768px) {
    .testimonials .swiper-button-next, .testimonials .swiper-button-prev {
        display: none
    }
}

.testimonials .swiper-pagination-bullets {
    display: none
}

@media (max-width:768px) {
    .testimonials .swiper-pagination-bullets {
        display: flex;
        justify-content: center;
        bottom: 32px;
        height: 8px
    }
}

.textHeading .wrapper {
    padding-top: 64px;
    padding-bottom: 48px;
    row-gap: 16px
}

@media (max-width:1024px) {
    .textHeading .wrapper {
        padding-top: 40px;
        padding-bottom: 16px
    }
}

.textHeading__title {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Calma Global Medium,sans-serif;
    font-size: 2.5rem;
    line-height: 1.2em;
    letter-spacing: -.025em;
    text-align: center;
    grid-column: 4/10
}

    .textHeading__title .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .textHeading__title .link a:hover {
            color: var(--m-01)
        }

    .textHeading__title mark, .textHeading__title mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .textHeading__title mark[data-color=gray] {
            color: var(--neu-07)
        }

        .textHeading__title mark[data-color=default] {
            color: var(--neu-10)
        }

    .textHeading__title span.m-01--dark-01, .textHeading__title span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .textHeading__title span.neu-07, .textHeading__title span[data-color=gray] {
        color: var(--neu-07)
    }

    .textHeading__title span.neu-10, .textHeading__title span[data-color=default] {
        color: var(--neu-10)
    }

    .textHeading__title b, .textHeading__title strong {
        font-weight: 700
    }

    .textHeading__title em {
        font-style: italic
    }

@media (max-width:1024px) {
    .textHeading__title {
        font-size: 2rem;
        line-height: 1.25em;
        letter-spacing: -.016em;
        grid-column: 2/6
    }
}

@media (max-width:768px) {
    .textHeading__title {
        grid-column: 1/7
    }
}

.textHeading__subtitle {
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: Inter,sans-serif;
    font-size: 1rem;
    line-height: 1.5em;
    letter-spacing: -.011em;
    font-weight: 400;
    text-align: center;
    grid-column: 4/10
}

    .textHeading__subtitle .link a {
        transition: all .1s ease;
        text-decoration: underline;
        color: var(--m-01--dark-01)
    }

        .textHeading__subtitle .link a:hover {
            color: var(--m-01)
        }

    .textHeading__subtitle mark, .textHeading__subtitle mark[data-color=color] {
        color: var(--m-01--dark-01)
    }

        .textHeading__subtitle mark[data-color=gray] {
            color: var(--neu-07)
        }

        .textHeading__subtitle mark[data-color=default] {
            color: var(--neu-10)
        }

    .textHeading__subtitle span.m-01--dark-01, .textHeading__subtitle span[data-color=color] {
        color: var(--m-01--dark-01)
    }

    .textHeading__subtitle span.neu-07, .textHeading__subtitle span[data-color=gray] {
        color: var(--neu-07)
    }

    .textHeading__subtitle span.neu-10, .textHeading__subtitle span[data-color=default] {
        color: var(--neu-10)
    }

    .textHeading__subtitle b, .textHeading__subtitle strong {
        font-weight: 700
    }

    .textHeading__subtitle em {
        font-style: italic
    }

@media (max-width:1024px) {
    .textHeading__subtitle {
        grid-column: 2/6
    }
}

@media (max-width:512px) {
    .textHeading__subtitle {
        grid-column: 1/7
    }
}

.textHeading__subtitle:first-child {
    margin-top: 0
}

.textHeading[data-align=left] .textHeading__subtitle, .textHeading[data-align=left] .textHeading__title {
    text-align: left;
    grid-column: 2/8;
    justify-self: flex-start
}

@media (max-width:1024px) {
    .textHeading[data-align=left] .textHeading__subtitle, .textHeading[data-align=left] .textHeading__title {
        grid-column: 1/5
    }
}

@media (max-width:512px) {
    .textHeading[data-align=left] .textHeading__subtitle, .textHeading[data-align=left] .textHeading__title {
        grid-column: 1/7
    }
}

.wallOfText__content {
    display: flex;
    flex-direction: column;
    padding: 24px 0;
    grid-column: 4/10
}

@media (max-width:1024px) {
    .wallOfText__content {
        grid-column: 2/6
    }
}

@media (max-width:768px) {
    .wallOfText__content {
        grid-column: 1/13
    }
}

@media (max-width:768px) and (max-width:1024px) {
    .wallOfText__content {
        grid-column: 1/7
    }
}

.wallOfText :last-child {
    margin-bottom: 0
}

.wallOfText .btnContainer {
    justify-content: flex-start;
    margin-top: 32px
}

.bold {
    font-weight: 700
}

.mauticForm__section {
    width: 100%;
    max-width: 600px;
    margin: auto;
    box-sizing: border-box;
    padding-right: 15px;
    padding-left: 15px;
}

.mauticForm__iframe {
    width: 100%;
    max-width: 100%;
    border: none;
    display: block;
    overflow: hidden;
    min-height: 400px;
}

@media screen and (max-width: 600px) {
    .mauticForm__section {
        width: 100%;
        padding-right: 10px;
        padding-left: 10px;
    }
}

/* Make sectors bold */
input[data-type="sector"] + .formFields__optionLabel {
    font-weight: bold;
}

/* Make regions bold */  
input[data-type="region"] + .formFields__optionLabel {
    font-weight: bold;
}

/*DELCIO*/

/* Caixa principal do select múltiplo */
.select2-container--default .select2-selection--multiple {
  overflow-x: auto;         /* adiciona scroll horizontal */
  overflow-y: hidden;
  white-space: nowrap;      /* tudo em linha */
  display: flex;
  align-items: center;
  padding: 2px 4px;
  font-size: 13px;
}

/* Itens selecionados em linha */
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  display: flex;
  flex-wrap: nowrap;        /* não deixa quebrar para baixo */
  gap: 4px;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  width: 100%;
}

/* Cada tag */
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  font-size: 12px;
  padding: 2px 6px;
  margin: 0;
}

/* Container do dropdown */
.dropdown {
  position: relative;
  display: inline-block;
  width: 300px;
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  user-select: none;
}

/* Botão do dropdown */
.dropdown-button {
  width: 100%;
  padding: 8px 12px;
  border: 1px solid #ccc;
  border-radius: 6px;
  cursor: pointer;
  background: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-shadow: 0 1px 3px rgba(0,0,0,0.1);
  transition: border-color 0.2s, box-shadow 0.2s;
}
.dropdown-button:hover {
  border-color: #888;
  box-shadow: 0 2px 6px rgba(0,0,0,0.15);
}

/* Conteúdo do dropdown */
.dropdown-content {
  display: none;
  position: absolute;
  width: 100%;
  max-height: 250px;
  overflow-y: auto;
  border: 1px solid #ccc;
  border-radius: 6px;
  background: #fff;
  z-index: 10;
  margin-top: 4px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
  padding: 4px 0;
}

/* Regiões */
.regiao,
.pais {
  padding: 8px 12px;
  border-bottom: 1px solid #eee;
  margin-bottom: 6px;
}
.regiao:last-child,
.pais:last-child {
  border-bottom: none;
  margin-bottom: 0;
}

/* Label */
.regiao label,
.pais label {
  display: flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
  line-height: 1.5;
  color: #333;
}
.regiao label:hover,
.pais label:hover {
  background: #f5f5f5;
  border-radius: 4px;
  padding-left: 4px;
}

/* Checkbox */
input[type="checkbox"] {
  width: 16px;
  height: 16px;
  accent-color: #0b6eff;
  flex-shrink: 0;
}

.newsletter-input-select .newsletter-input-select-label {
    margin-bottom: 8px;
    display: inline-block;
    font-size: 1rem;
    line-height: 1.75rem;
    letter-spacing: 0;
    font-weight: 500;
    color: var(--color-primary-900)
}

.newsletter-input-select:not(.disabled) .newsletter-input-select-label:hover:not(:disabled)+.newsletter-input-select-control-wrapper .newsletter-input-select-control {
    border-color: var(--color-primary-600)
}

.newsletter-input-select:not(.disabled) .newsletter-input-select-label:hover:not(:disabled)+.newsletter-input-select-control-wrapper .newsletter-input-select-control .content .input-leading-icon svg {
    fill: var(--color-primary-600)
}

.newsletter-input-select:not(.disabled) .newsletter-input-select-label:hover:not(:disabled)+.newsletter-input-select-control-wrapper .newsletter-input-select-control .content .selected-text {
    color: var(--color-primary-600)
}

.newsletter-input-select:not(.disabled) .newsletter-input-select-label:hover:not(:disabled)+.newsletter-input-select-control-wrapper .newsletter-input-select-control .content .newsletter-pill {
    background-color: var(--color-neutral-200);
    color: var(--color-neutral-900)
}

.newsletter-input-select:not(.disabled) .newsletter-input-select-label:hover:not(:disabled)+.newsletter-input-select-control-wrapper .newsletter-input-select-control .indicator svg {
    fill: var(--color-primary-600)
}

.newsletter-input-select:not(.disabled) .newsletter-input-select-control-wrapper .newsletter-input-select-control:hover {
    border-color: var(--color-primary-600)
}

.newsletter-input-select:not(.disabled) .newsletter-input-select-control-wrapper .newsletter-input-select-control:hover .content .input-leading-icon svg {
    fill: var(--color-primary-600)
}

.newsletter-input-select:not(.disabled) .newsletter-input-select-control-wrapper .newsletter-input-select-control:hover .content .selected-text {
    color: var(--color-primary-600)
}

.newsletter-input-select:not(.disabled) .newsletter-input-select-control-wrapper .newsletter-input-select-control:hover .content .newsletter-pill {
    background-color: var(--color-neutral-200);
    color: var(--color-neutral-900)
}

.newsletter-input-select:not(.disabled) .newsletter-input-select-control-wrapper .newsletter-input-select-control:hover .indicator svg {
    fill: var(--color-primary-600)
}

.newsletter-input-select .newsletter-input-select-control-wrapper {
    position: relative;
    cursor: pointer
}

.newsletter-input-select .newsletter-input-select-control-wrapper .newsletter-input-select-control {
    font-family: Inter, sans-serif;
    display: flex;
    height: 60px;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    line-height: 1.5em;
    border-radius: 4px;
    border-width: 2px;
    border-color: var(--color-neutral-700);
    background-color: transparent;
    padding: 16px
}

.newsletter-input-select .newsletter-input-select-control-wrapper .newsletter-input-select-control .content {
    display: flex;
    align-items: center;
    gap: 8px;
    overflow: hidden
}

.newsletter-input-select .newsletter-input-select-control-wrapper .newsletter-input-select-control .content .input-leading-icon {
    margin-right: 8px
}

.newsletter-input-select .newsletter-input-select-control-wrapper .newsletter-input-select-control .content .input-leading-icon svg {
    fill: var(--color-neutral-700)
}

.newsletter-input-select .newsletter-input-select-control-wrapper .newsletter-input-select-control .content .selected-text {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--color-neutral-700)
}

.newsletter-input-select .newsletter-input-select-control-wrapper .newsletter-input-select-control .indicator svg {
    fill: var(--color-neutral-900);
    transition-property: transform;
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transform: rotateX(0)
}


.newsletter-input-select .newsletter-input-select-control-wrapper .newsletter-input-select-control.is-overlay-open .indicator svg {
    transform: rotate(180deg)
}



/*
.newsletter-input-select .newsletter-input-select-control-wrapper .newsletter-input-select-control:focus {
    border-radius: 0;
    outline-style: solid;
    outline-width: 2px;
    outline-offset: -2px;
    outline-color: var(--color-focus)
}
*/


.newsletter-input-select .newsletter-input-select-control-wrapper .newsletter-input-select-control:focus .input-leading-icon svg {
    fill: var(--color-neutral-900)
}

.newsletter-input-select .newsletter-input-select-control-wrapper .newsletter-input-select-control:focus .indicator svg {
    fill: var(--color-neutral-900)
}

.newsletter-input-select.has-value .newsletter-input-select-control-wrapper .newsletter-input-select-control .content {
    color: var(--color-neutral-900)
}

.newsletter-input-select.has-value .newsletter-input-select-control-wrapper .newsletter-input-select-control .content .input-leading-icon svg {
    fill: var(--color-neutral-900)
}

.newsletter-input-select.has-value .newsletter-input-select-control-wrapper .newsletter-input-select-control .content .selected-text {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--color-neutral-900)
}

.newsletter-input-select.has-value .newsletter-input-select-control-wrapper .newsletter-input-select-control .indicator svg {
    fill: var(--color-neutral-900)
}

.newsletter-input-select.disabled {
    position: relative
}

.newsletter-input-select.disabled .newsletter-input-select-control-wrapper .newsletter-input-select-control {
    cursor: not-allowed;
    border-color: var(--color-neutral-200);
    background-color: var(--color-neutral-100)
}

.newsletter-input-select.disabled .newsletter-input-select-control-wrapper .newsletter-input-select-control .content .input-leading-icon svg {
    fill: var(--color-neutral-400)
}

.newsletter-input-select.disabled .newsletter-input-select-control-wrapper .newsletter-input-select-control .content .selected-text {
    color: var(--color-neutral-400)
}

.newsletter-input-select.disabled .newsletter-input-select-control-wrapper .newsletter-input-select-control .content .newsletter-pill {
    background-color: var(--color-neutral-700);
    color: var(--color-white)
}

.newsletter-input-select.disabled .newsletter-input-select-control-wrapper .newsletter-input-select-control .indicator svg {
    fill: var(--color-neutral-400)
}

.newsletter-input-select.disabled .newsletter-input-select-control-wrapper:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    cursor: not-allowed
}

.newsletter-input-select.has-error:not(.disabled).newsletter-input-select .newsletter-input-select-control-wrapper .newsletter-input-select-control {
    border-color: var(--color-danger-500);
    background-color: var(--color-danger-50)
}

.newsletter-input-select.has-error:not(.disabled).newsletter-input-select .newsletter-input-select-control-wrapper .newsletter-input-select-control .content .newsletter-pill {
    background-color: var(--color-neutral-700);
    color: var(--color-white)
}

.newsletter-input-select.has-error:not(.disabled).newsletter-input-select .newsletter-input-select-control-wrapper .newsletter-input-select-control:hover {
    border-color: var(--color-primary-600)
}

.newsletter-input-select.has-error:not(.disabled).newsletter-input-select .newsletter-input-select-control-wrapper .newsletter-input-select-control:hover .content .newsletter-pill {
    background-color: var(--color-neutral-200);
    color: var(--color-white)
}

.newsletter-input-select.has-feedback .newsletter-input-select-control-wrapper .newsletter-input-select-control .content .newsletter-pill {
    background-color: var(--color-neutral-700);
    color: var(--color-white)
}

.newsletter-input-select.dark .newsletter-input-select-label {
    color: var(--color-white)
}

.newsletter-input-select.dark:not(.disabled) .newsletter-input-select-label:hover:not(:disabled)+.newsletter-input-select-control-wrapper .newsletter-input-select-control {
    border-color: var(--color-primary-400)
}

.newsletter-input-select.dark:not(.disabled) .newsletter-input-select-label:hover:not(:disabled)+.newsletter-input-select-control-wrapper .newsletter-input-select-control .content .input-leading-icon svg {
    fill: var(--color-primary-400)
}

.newsletter-input-select.dark:not(.disabled) .newsletter-input-select-label:hover:not(:disabled)+.newsletter-input-select-control-wrapper .newsletter-input-select-control .content .selected-text {
    color: var(--color-secondary-300)
}

.newsletter-input-select.dark:not(.disabled) .newsletter-input-select-label:hover:not(:disabled)+.newsletter-input-select-control-wrapper .newsletter-input-select-control .content .newsletter-pill {
    background-color: var(--color-neutral-200);
    color: var(--color-neutral-900)
}

.newsletter-input-select.dark:not(.disabled) .newsletter-input-select-label:hover:not(:disabled)+.newsletter-input-select-control-wrapper .newsletter-input-select-control .indicator svg {
    fill: var(--color-white)
}

.newsletter-input-select.dark:not(.disabled) .newsletter-input-select-control-wrapper .newsletter-input-select-control:hover {
    border-color: var(--color-primary-400)
}

.newsletter-input-select.dark:not(.disabled) .newsletter-input-select-control-wrapper .newsletter-input-select-control:hover .content .input-leading-icon svg {
    fill: var(--color-primary-400)
}

.newsletter-input-select.dark:not(.disabled) .newsletter-input-select-control-wrapper .newsletter-input-select-control:hover .content .selected-text {
    color: var(--color-secondary-300)
}

.newsletter-input-select.dark:not(.disabled) .newsletter-input-select-control-wrapper .newsletter-input-select-control:hover .content .newsletter-pill {
    background-color: var(--color-neutral-200);
    color: var(--color-neutral-900)
}

.newsletter-input-select.dark:not(.disabled) .newsletter-input-select-control-wrapper .newsletter-input-select-control:hover .indicator svg {
    fill: var(--color-white)
}

.newsletter-input-select.dark .newsletter-input-select-control-wrapper .newsletter-input-select-control {
    border-color: var(--color-white)
}

.newsletter-input-select.dark .newsletter-input-select-control-wrapper .newsletter-input-select-control .content .input-leading-icon svg {
    fill: var(--color-white)
}

.newsletter-input-select.dark .newsletter-input-select-control-wrapper .newsletter-input-select-control .content .selected-text {
    color: var(--color-neutral-500)
}

.newsletter-input-select.dark .newsletter-input-select-control-wrapper .newsletter-input-select-control .indicator svg {
    fill: var(--color-white)
}

.newsletter-input-select.dark.has-value .newsletter-input-select-control-wrapper .newsletter-input-select-control .content .selected-text {
    color: var(--color-white)
}

.newsletter-input-select.dark.disabled .newsletter-input-select-control-wrapper .newsletter-input-select-control {
    border-color: var(--color-neutral-400);
    background-color: var(--color-neutral-600)
}

.newsletter-input-select.dark.disabled .newsletter-input-select-control-wrapper .newsletter-input-select-control .content .input-leading-icon svg {
    fill: var(--color-neutral-500)
}

.newsletter-input-select.dark.disabled .newsletter-input-select-control-wrapper .newsletter-input-select-control .content .selected-text {
    color: var(--color-neutral-500)
}

.newsletter-input-select.dark.disabled .newsletter-input-select-control-wrapper .newsletter-input-select-control .content .newsletter-pill {
    background-color: var(--color-neutral-200);
    color: var(--color-neutral-600)
}

.newsletter-input-select.dark.disabled .newsletter-input-select-control-wrapper .newsletter-input-select-control .indicator svg {
    fill: var(--color-neutral-500)
}

.newsletter-input-select.dark.has-error:not(.disabled).newsletter-input-select .newsletter-input-select-control-wrapper .newsletter-input-select-control {
    border-color: var(--color-danger-400);
    background-color: transparent
}

.newsletter-input-select.dark.has-error:not(.disabled).newsletter-input-select .newsletter-input-select-control-wrapper .newsletter-input-select-control .content .input-leading-icon svg {
    fill: var(--color-white)
}

.newsletter-input-select.dark.has-error:not(.disabled).newsletter-input-select .newsletter-input-select-control-wrapper .newsletter-input-select-control .content .selected-text {
    color: var(--color-danger-400)
}

.newsletter-input-select.dark.has-error:not(.disabled).newsletter-input-select .newsletter-input-select-control-wrapper .newsletter-input-select-control .content .newsletter-pill {
    background-color: var(--color-neutral-700);
    color: var(--color-white)
}

.newsletter-input-select.dark.has-error:not(.disabled).newsletter-input-select .newsletter-input-select-control-wrapper .newsletter-input-select-control:hover {
    border-color: var(--color-primary-400)
}

.newsletter-input-select.dark.has-error:not(.disabled).newsletter-input-select .newsletter-input-select-control-wrapper .newsletter-input-select-control:hover .content .input-leading-icon svg {
    fill: var(--color-primary-400)
}

.newsletter-input-select.dark.has-error:not(.disabled).newsletter-input-select .newsletter-input-select-control-wrapper .newsletter-input-select-control:hover .content .selected-text {
    color: var(--color-secondary-300)
}

.newsletter-input-select.dark.has-error:not(.disabled).newsletter-input-select .newsletter-input-select-control-wrapper .newsletter-input-select-control:hover .content .newsletter-pill {
    background-color: var(--color-neutral-200);
    color: var(--color-neutral-900)
}

.dropdown-list {
    position: absolute;
    top: 65px;
    left: 0;
    right: 0;
    max-height: 500px;
    overflow-y: auto;
    background: #fff;
    border: 1px solid #ccc;
    z-index: 10;
    display: none;
    font-family: Inter, sans-serif;
}
.dropdown-list.open {
    display: block;
}


/*
.dropdown-list .optgroup {
    font-family: Inter, sans-serif;
    background: #f9f9f9;
    font-size: 1rem;
    line-height: 1.5em;
    letter-spacing: -.011em;
    font-weight: 700;
    padding: 12px 16px 4px;
    cursor: pointer;
    font-size: .813rem;
}
*/

.dropdown-list .optgroup {
    font-weight: bold;
    padding: 6px 10px;
    background: #f9f9f9;
    border-top: 1px solid #eee;
}

.dropdown-list .option {
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 4px 8px; 
}

.dropdown-list .option input[type="checkbox"] {
    margin-right: 10px;
}

.dropdown-list .option:hover {
    background: #f0f0f0;
}
.option.selected {
    background: #dbeafe;
}

.indicator {
    cursor: pointer;
    transition: transform 0.3s ease;
}

.indicator.active svg {
    transform: rotate(180deg);
}

.subscription-item {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 14px 16px;
    margin-bottom: 10px;
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05);
    transition: all 0.2s ease;
    cursor: pointer;
}

.subscription-item:hover {
    border-color: #0077cc;
    background: #f8fbff;
}

.subscription-item input[type="checkbox"] {
    width: 20px;
    height: 20px;
    accent-color: #0077cc; 
    cursor: pointer;
    margin-top: 2px;
}

.subscription-text {
    font-size: 15px;
    color: #333;
    line-height: 1.4;
}

.subscription-text strong {
    display: block;
    font-size: 16px;
    color: var(--m-01--dark-01);
    margin-bottom: 2px;
}

#activityInfo {
    display: none;
}
.formFields__inputContainer input.valid {
    border-color: #176d4b;
}
.formFields__inputContainer input.invalid {
    border-color: #d92e39;
}
.newsletterform-successmsg {
    color: #176d4b;
    font-weight: 700;
}
.btn--primary:disabled {
    background: #aaa;
    border-color: #aaa;
    color: #fff;
    cursor: not-allowed;
}

/* Customizações para newsletter subsectors multiselect */
.formFields__autocompleteMultiselect .formFields__optgroupLabel {
    padding: 8px 16px;
    font-weight: bold;
    color: #666;
    background: #f5f5f5;
    border-bottom: 1px solid #e0e0e0;
    cursor: pointer;
}
.formFields__autocompleteMultiselect .formFields__optionLabel.formFields__option--hide {
    display: none !important;
}
.formFields__autocompleteMultiselect .formFields__noResults {
    display: none;
}
.formFields__autocompleteMultiselect .formFields__noResults.show {
    display: block;
}
#subsector-container .formFields__dropdownInputText {
    padding-left: 5px;
}
#tags-container {
    max-height: 220px;
    overflow-y: auto;
}
#tags-container::before {
    display: none;
}
.formFields__autocompleteMultiselect .formFields__optionLabel {
    display: flex;
    flex-direction: column;
}
.formFields__autocompleteMultiselect .formFields__optionLabel .newsletter-title {
    font-weight: bold;
    color: #005eb8;
}
.formFields__autocompleteMultiselect .formFields__optionLabel .newsletter-desc {
    font-size: 0.875rem;
    color: #666;
    margin-top: 4px;
}

.formFields__autocompleteMultiselect .formFields__inputContainer {
	position: relative;
	z-index: 2;
}

.formFields__autocompleteMultiselect .formFields__chipsContainer {
	padding-right: 32px;
}

.formFields__dropdownToggle {
	position: absolute;
	right: 8px;
	top: 8px;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	border: 0;
	background: transparent;
	cursor: pointer;
	z-index: 30;
}

.formFields__autocompleteMultiselect .formFields__dropdownContainer {
	z-index: 1 !important;
}

.formFields__dropdownToggleIcon {
	transition: transform 180ms ease;
}

.formFields__inputWrapper.is-open .formFields__dropdownToggleIcon {
	transform: rotate(180deg);
}