/*root*/


@font-face {
	font-family: 'Flame-Regular';
	src: url("https://testapi.atlas.promo/resources/code/M1CLZ4LNHFP98AU9VK52XHJAUDADXJWXZ3KJZBOCSUWZ99L4UWXZ2FYGFSMRW8GMS1V6C4MQU0KR491CM3MS34A5VVPZT59VJ3V4YF8WUHUTI3XCXNHFPBDZQSP4JC3G1RP978LAL3O7WWUIYCSXAOGC9BSYHHZIK9OJOTZJPYL4UWWUHX655B3JFKIUR8UKBVEEUYAJTH0LWQ0VAUEH6EIB4MPPEW8JZ9C0ZUB1ACSX9K2LR225H0M3JHTJC2D/%27Flame-Regular%27");
}

@font-face {
	font-family: '1.Flame-Bold';
	src: url("https://testapi.atlas.promo/resources/code/HDDSURDKR1WD6ULHOYQUZDYNE0U7GQAAIOXIVSB72SP8Y6Y9FFSNWIX3NYUB5Q7VPZRW9IVR8TGSMOLWR1XITH0KR7Q114EMZ2CKR23B9C0YRWARYFBAJR91EXC0ZXPRMTA182O5SEPCLYXTC70IGSMNF6KD4GYCYOKSA0ABQPDOBL1FZL1DU0KTB84YFB9BU9S6HX77FH59VMHI59UGSH434DF2390867J0F6KBWHRBDWFDN4P3DMWQZNCQO5Q/%271.Flame-Bold%27");
}

@font-face {
	font-family: 'FlameSans-Regular';
	src: url("https://testapi.atlas.promo/resources/code/TA199JVSB87B05MRU0GA1DODRRGZJSDF1WGH58R1YL77D98D5NS0N72SP8Y4SJC5NVEEQIEI9R0T3ZOE0WE976B1ABOGA3LNHI1PF0PLUEG336MNBN9FCF226OT3YKZ5WY4P7VQ127R8XWR1WFGZINOHCCM4Q95X79ME5KD7UOVC4LK4UX3MUEH7LE5MNDYM9HMNDYM8ARXE90BJQ4DIFLQTX5XANDWC4I7J3SNWIVWVNODV7EFXBVFG0N89JX2/%27FlameSans-Regular%27");
}


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

	--ow-font-family-default: 'Flame-Regular';
	--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: '1.Flame-Bold';
	--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: var(--ow-font-family-default);
	--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: var(--ow-font-family-default);
	--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: var(--ow-font-family-default);
	--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: 'FlameSans-Regular';
	--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: 'FlameSans-Regular';
	--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: 'FlameSans-Regular';
	--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: 1rem;
	--ow-font-size-xxl-p: 1.05rem;

	--ow-font-family-btn: var(--ow-font-family-default);
	--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: #502307;
	--ow-primary-weighted: #ff8233;
	--ow-primary-contrast: #ffffff;
	--ow-secondary: #ff8233;
	--ow-secondary-weighted: #502207;
	--ow-secondary-contrast: #ffffff;
	--ow-accent-color: #ffffff;

	--ow-primary-btn: #d62300;
	--ow-primary-weighted-btn: #ff8233;
	--ow-primary-contrast-btn: #ffffff;
	--ow-secondary-btn: #502207;
	--ow-secondary-weighted-btn: #ff8233;
	--ow-secondary-contrast-btn: #ffffff;
	--ow-accent-color-btn: #ffffff;

	--ow-bg-vars: #f5ebdc;
	--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: #502207;
	--ow-showcase-color: #ffffff;
	--ow-how-to-participate-bg: transparent;
	--ow-payoff-bg: transparent;
	--ow-payoff-color: #502207;
	--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: #f5ebdc;
	--ow-navlink: #502207;
	--ow-navlink-active: #d62201;

	--ow-sub-navbar-bg: #f5ebdc;
	--ow-sub-navlink: #502207;
	--ow-sub-navlink-active: #d62201;

	--ow-footer-background: #f5ebdc;
	--ow-footer-color: #502207;
	--ow-footer-link-color: #502207;
	--ow-footer-link-hover-color: #d62201;

	--ow-sub-footer-background: #f5ebdc;
	--ow-sub-footer-color: #502207;
	--ow-sub-footer-link-color: #502207;
	--ow-sub-footer-link-hover-color: #d62201;

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

	--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: #502307;
	--ow-primary-weighted--dark: #ff8233;
	--ow-primary-contrast--dark: #ffffff;
	--ow-secondary--dark: #ff8233;
	--ow-secondary-weighted--dark: #502207;
	--ow-secondary-contrast--dark: #ffffff;
	--ow-accent-color--dark: #ffffff;

	--ow-primary-btn--dark: #d62300;
	--ow-primary-weighted-btn--dark: #ff8233;
	--ow-primary-contrast-btn--dark: #ffffff;
	--ow-secondary-btn--dark: #502207;
	--ow-secondary-weighted-btn--dark: #ff8233;
	--ow-secondary-contrast-btn--dark: #ffffff;
	--ow-accent-color-btn--dark: #ffffff;

	--ow-bg-vars--dark: #f5ebdc;
	--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: #502207;
	--ow-showcase-color--dark: #ffffff;
	--ow-how-to-participate-bg--dark: transparent;
	--ow-payoff-bg--dark: transparent;
	--ow-payoff-color--dark: #502207;
	--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: #f5ebdc;
	--ow-navlink--dark: #502207;
	--ow-navlink-active--dark: #d62201;

	--ow-sub-navbar-bg--dark: #f5ebdc;
	--ow-sub-navlink--dark: #502207;
	--ow-sub-navlink-active--dark: #d62201;

	--ow-footer-background--dark: #f5ebdc;
	--ow-footer-color--dark: #502207;
	--ow-footer-link-color--dark: #502207;
	--ow-footer-link-hover-color--dark: #d62201;

	--ow-sub-footer-background--dark: #f5ebdc;
	--ow-sub-footer-color--dark: #502207;
	--ow-sub-footer-link-color--dark: #502207;
	--ow-sub-footer-link-hover-color--dark: #d62201;

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

	--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;
}