/*root*/


@font-face {
	font-family: 'ClarimoUDPE-Light';
	src: url("https://api.atlas.promo/resources/code/8C017VR4FP9658OODVAQSTOYS1U41VARYJSB74YHHZJORRJGNUB03FXBT44CAFA4TP1294TQ7THX78IX3QCIJ69TAYZZ02BDYL61PFYKXZ5SI6EH5B7ZBPHDDPIDCO9DZUAYUDCKS8VLBWK3RIC6UPYNGA4SH31XGJBXQV68NL0AE6PZRW9JY6YAM757J3SQ92MUDDRNYUEH7K67K4ZHH0KS8VORSMT49VLD4GW52XC12BAKZ89ITLGKGI9R0RT/%27ClarimoUDPE-Light%27");
}

@font-face {
	font-family: 'ClarimoUDPE-Bold';
	src: url("https://api.atlas.promo/resources/code/IGP7VS9Y084YD1291G5CAF90868L9K0EZNDVARYKY1BHHYD0WGMS1SSO0ZVHRCE10VC5P4HZKTEKLBSZLY199IQ8VORTRDLS9VLD3A755A084UX1G7NM61PDPH8Q0T31XIP25LJWXXVJ3W53ZNCTZGA6YBQPBGCAILJVPXJXZ5TOU9QXHKEAAJULIP27R92H9UGQA769TB4NVDA9JWTHW4VZCRTP5NRW7C3H44A4P6TGX9HNU7IW0CQLQXGI434/%27ClarimoUDPE-Bold%27");
}


:root,
:host {
	--ow-font-family-sans: 'Roboto', sans-serif;
	--ow-font-family-serif: 'Alkalami', sans-serif;

	--ow-font-family-default: 'ClarimoUDPE-Light', sans-serif;
	--ow-font-size-default: 16px;
	--ow-font-size-sm-default: 16px;
	--ow-font-size-md-default: 16px;
	--ow-font-size-lg-default: 16px;
	--ow-font-size-xl-default: 16px;
	--ow-font-size-xxl-default: 16px;

	--ow-font-family-h1: 'ClarimoUDPE-Bold', sans-serif;
	--ow-font-size-h1: 1.8rem;
	--ow-font-size-sm-h1: 1.85rem;
	--ow-font-size-md-h1: 1.9rem;
	--ow-font-size-lg-h1: 1.95rem;
	--ow-font-size-xl-h1: 2rem;
	--ow-font-size-xxl-h1: 2.05rem;

	--ow-font-family-h2: 'ClarimoUDPE-Bold', sans-serif;
	--ow-font-size-h2: 1.6rem;
	--ow-font-size-sm-h2: 1.65rem;
	--ow-font-size-md-h2: 1.7rem;
	--ow-font-size-lg-h2: 1.75rem;
	--ow-font-size-xl-h2: 1.8rem;
	--ow-font-size-xxl-h2: 1.85rem;

	--ow-font-family-h3: 'ClarimoUDPE-Bold', sans-serif;
	--ow-font-size-h3: 1.45rem;
	--ow-font-size-sm-h3: 1.5rem;
	--ow-font-size-md-h3: 1.55rem;
	--ow-font-size-lg-h3: 1.6rem;
	--ow-font-size-xl-h3: 1.65rem;
	--ow-font-size-xxl-h3: 1.7rem;

	--ow-font-family-h4: 'ClarimoUDPE-Bold', sans-serif;
	--ow-font-size-h4: 1.3rem;
	--ow-font-size-sm-h4: 1.35rem;
	--ow-font-size-md-h4: 1.4rem;
	--ow-font-size-lg-h4: 1.45rem;
	--ow-font-size-xl-h4: 1.5rem;
	--ow-font-size-xxl-h4: 1.55rem;

	--ow-font-family-h5: 'ClarimoUDPE-Light', sans-serif;
	--ow-font-size-h5: 1.15rem;
	--ow-font-size-sm-h5: 1.2rem;
	--ow-font-size-md-h5: 1.25rem;
	--ow-font-size-lg-h5: 1.3rem;
	--ow-font-size-xl-h5: 1.35rem;
	--ow-font-size-xxl-h5: 1.4rem;

	--ow-font-family-h6: 'ClarimoUDPE-Light', sans-serif;
	--ow-font-size-h6: 1rem;
	--ow-font-size-sm-h6: 1.05rem;
	--ow-font-size-md-h6: 1.1rem;
	--ow-font-size-lg-h6: 1.15rem;
	--ow-font-size-xl-h6: 1.2rem;
	--ow-font-size-xxl-h6: 1.25rem;

	--ow-font-family-p: 'ClarimoUDPE-Light', sans-serif;
	--ow-font-size-p: 0.8rem;
	--ow-font-size-sm-p: 0.85rem;
	--ow-font-size-md-p: 0.9rem;
	--ow-font-size-lg-p: 0.95rem;
	--ow-font-size-xl-p: 0.95rem;
	--ow-font-size-xxl-p: 0.95rem;

	--ow-font-family-btn: 'ClarimoUDPE-Bold', sans-serif;
	--ow-font-size-btn: 0.8rem;
	--ow-font-size-sm-btn: 0.85rem;
	--ow-font-size-md-btn: 0.9rem;
	--ow-font-size-lg-btn: 0.95rem;
	--ow-font-size-xl-btn: 1rem;
	--ow-font-size-xxl-btn: 1.05rem;

	--ow-font-size-body: var(--ow-font-size-default);
	--ow-font-size-sm-body: var(--ow-font-size-sm-default);
	--ow-font-size-md-body: var(--ow-font-size-md-default);
	--ow-font-size-lg-body: var(--ow-font-size-lg-default);
	--ow-font-size-xl-body: var(--ow-font-size-xl-default);
	--ow-font-size-xxl-body: var(--ow-font-size-xxl-default);

	--ow-primary: #000000;
	--ow-primary-weighted: #fb0020;
	--ow-primary-contrast: #ffffff;
	--ow-secondary: #fb0020;
	--ow-secondary-weighted: #000000;
	--ow-secondary-contrast: #ffffff;
	--ow-accent-color: #ffffff;

	--ow-primary-btn: #fb0020;
	--ow-primary-weighted-btn: #d1001f;
	--ow-primary-contrast-btn: #ffffff;
	--ow-secondary-btn: #f0f0f0;
	--ow-secondary-weighted-btn: #d4d4d4;
	--ow-secondary-contrast-btn: #000000;
	--ow-accent-color-btn: #ffffff;

	--ow-bg-vars: #ffffff;
	--ow-default-radius-squared: 0;
	--ow-default-radius-squared-mild: 0;
	--ow-default-radius-rounded: 50%;
	--ow-default-radius-rounded-mild: 3rem;
	--ow-default-radius: var(--ow-default-radius-rounded);
	--ow-default-radius-mild: var(--ow-default-radius-rounded-mild);
	--ow-showcase-bg: url('https://api.atlas.promo/resources/code/HKD7UOT3ZM5W0F1ZRW9JXZ4NWLBPN3H7J4ZLY2ESQDM05O15KHOXL77FI8PTX8C2BF38YZ2CM097AR0PLS7ORTRCIGQCKPV9PQIC70EZQPDRO3EQHAWNJSA5VXZ4MU9VK5434DIDETW1HDF0RTRDKR38WPWD7UMM77ECKUHVVSA5URCF20YOIJ41TXAL3O6TML5ZE4FRI7LD14I56GRG1RP950LZ3IB05NU9R225KEA89L659S6I3XARV1N2G0Q/showcase-background-image') no-repeat center/cover;
	--ow-showcase-color: #ffffff;
	--ow-how-to-participate-bg: transparent;
	--ow-payoff-bg: transparent;
	--ow-payoff-color: #000000;
	--ow-products-bg: transparent;
	--ow-list-item-bg: var(--ow-primary-btn);
	--ow-list-item-color: var(--ow-primary-contrast-btn);
	--ow-list-radius: var(--ow-default-radius);
	--ow-btn-radius: var(--ow-default-radius-mild);
	--ow-input-radius: var(--ow-default-radius-mild);
	--ow-card-radius: var(--ow-default-radius-mild);
	--ow-modal-radius: var(--ow-default-radius-mild);
	--ow-nav-pill-radius: var(--ow-default-radius-mild);

	--ow-navbar-bg: #ffffff;
	--ow-navlink: #000000;
	--ow-navlink-active: #fb0020;

	--ow-sub-navbar-bg: #ffffff;
	--ow-sub-navlink: #000000;
	--ow-sub-navlink-active: #fb0020;

	--ow-footer-background: #ffffff;
	--ow-footer-color: #000000;
	--ow-footer-link-color: #000000;
	--ow-footer-link-hover-color: #fb0020;

	--ow-sub-footer-background: #ffffff;
	--ow-sub-footer-color: #000000;
	--ow-sub-footer-link-color: #000000;
	--ow-sub-footer-link-hover-color: #fb0020;

	--ow-modal-header-background: #000000;
	--ow-modal-header-color: #ffffff;
	--ow-modal-body-background: #ffffff;
	--ow-modal-body-color: #000000;
	--ow-modal-footer-background: #ffffff;

	--ow-carousel-image-radius: var(--ow-default-radius-mild);
	--ow-prize-catalogue-accent-bg: #666666;

	--ow-quiz-answers-bg: #f2f2f2;
	--ow-quiz-answer-bg: #ffffff;
	--ow-quiz-answer-color: #212529;
	--ow-quiz-answer-correct-bg: #198754;
	--ow-quiz-answer-correct-color: #ffffff;
	--ow-quiz-answer-wrong-bg: #dc3545;
	--ow-quiz-answer-wrong-color: #ffffff;

	--ow-order-summary-bg: #212529;
	--ow-order-summary-color: #ffffff;


	--ow-primary--dark: #000000;
	--ow-primary-weighted--dark: #fb0020;
	--ow-primary-contrast--dark: #ffffff;
	--ow-secondary--dark: #fb0020;
	--ow-secondary-weighted--dark: #000000;
	--ow-secondary-contrast--dark: #ffffff;
	--ow-accent-color--dark: #ffffff;

	--ow-primary-btn--dark: #fb0020;
	--ow-primary-weighted-btn--dark: #d1001f;
	--ow-primary-contrast-btn--dark: #ffffff;
	--ow-secondary-btn--dark: #f0f0f0;
	--ow-secondary-weighted-btn--dark: #d4d4d4;
	--ow-secondary-contrast-btn--dark: #000000;
	--ow-accent-color-btn--dark: #ffffff;

	--ow-bg-vars--dark: #ffffff;
	--ow-default-radius-squared--dark: var(--ow-default-radius-squared);
	--ow-default-radius-squared-mild--dark: var(--ow-default-radius-squared-mild);
	--ow-default-radius-rounded--dark: var(--ow-default-radius-rounded);
	--ow-default-radius-rounded-mild--dark: var(--ow-default-radius-rounded-mild);
	--ow-default-radius--dark: var(--ow-default-radius);
	--ow-default-radius-mild--dark: var(--ow-default-radius-mild);
	--ow-showcase-bg--dark: url('https://api.atlas.promo/resources/code/HKD7UOT3ZM5W0F1ZRW9JXZ4NWLBPN3H7J4ZLY2ESQDM05O15KHOXL77FI8PTX8C2BF38YZ2CM097AR0PLS7ORTRCIGQCKPV9PQIC70EZQPDRO3EQHAWNJSA5VXZ4MU9VK5434DIDETW1HDF0RTRDKR38WPWD7UMM77ECKUHVVSA5URCF20YOIJ41TXAL3O6TML5ZE4FRI7LD14I56GRG1RP950LZ3IB05NU9R225KEA89L659S6I3XARV1N2G0Q/dark-showcase-background-image') no-repeat center/cover;
	--ow-showcase-color--dark: #ffffff;
	--ow-how-to-participate-bg--dark: transparent;
	--ow-payoff-bg--dark: transparent;
	--ow-payoff-color--dark: #000000;
	--ow-products-bg--dark: transparent;
	--ow-list-item-bg--dark: var(--ow-list-item-bg);
	--ow-list-item-color--dark: var(--ow-list-item-color);
	--ow-list-radius--dark: var(--ow-list-radius);
	--ow-btn-radius--dark: var(--ow-btn-radius);
	--ow-input-radius--dark: var(--ow-input-radius);
	--ow-card-radius--dark: var(--ow-card-radius);
	--ow-modal-radius--dark: var(--ow-modal-radius);
	--ow-nav-pill-radius--dark: var(--ow-nav-pill-radius);

	--ow-navbar-bg--dark: #ffffff;
	--ow-navlink--dark: #000000;
	--ow-navlink-active--dark: #fb0020;

	--ow-sub-navbar-bg--dark: #ffffff;
	--ow-sub-navlink--dark: #000000;
	--ow-sub-navlink-active--dark: #fb0020;

	--ow-footer-background--dark: #ffffff;
	--ow-footer-color--dark: #000000;
	--ow-footer-link-color--dark: #000000;
	--ow-footer-link-hover-color--dark: #fb0020;

	--ow-sub-footer-background--dark: #ffffff;
	--ow-sub-footer-color--dark: #000000;
	--ow-sub-footer-link-color--dark: #000000;
	--ow-sub-footer-link-hover-color--dark: #fb0020;

	--ow-modal-header-background--dark: #000000;
	--ow-modal-header-color--dark: #ffffff;
	--ow-modal-body-background--dark: #ffffff;
	--ow-modal-body-color--dark: #000000;
	--ow-modal-footer-background--dark: #ffffff;

	--ow-carousel-image-radius--dark: var(--ow-carousel-image-radius);
	--ow-prize-catalogue-accent-bg--dark: var(--ow-prize-catalogue-accent-bg);

	--ow-quiz-answers-bg--dark: #f2f2f2;
	--ow-quiz-answer-bg--dark: #ffffff;
	--ow-quiz-answer-color--dark: #212529;
	--ow-quiz-answer-correct-bg--dark: #198754;
	--ow-quiz-answer-correct-color--dark: #ffffff;
	--ow-quiz-answer-wrong-bg--dark: #dc3545;
	--ow-quiz-answer-wrong-color--dark: #ffffff;

	--ow-order-summary-bg--dark: #212529;
	--ow-order-summary-color--dark: #ffffff;
}