html.cf-theme-dark {
color-scheme: dark;
}
:root,
:root.cf-theme-dark .yf-theme-inverted,
:root.cf-theme-dark .theme-always-light,
:root.cf-theme-light .yf-theme-inverted .theme-always-light {
--yf-min-screen-width: 320px;
--yf-max-screen-width: 1400px;
--yf-clr-pri: hsla(207, 100%, 33%, 1);
--yf-clr-pri-5: hsla(207, 100%, 33%, 0.05);
--yf-clr-pri-10: hsla(207, 100%, 33%, 0.1);
--yf-clr-pri-20: hsla(207, 100%, 33%, 0.2);
--yf-clr-pri-30: hsla(207, 100%, 33%, 0.3);
--yf-clr-pri-40: hsla(207, 100%, 33%, 0.4);
--yf-clr-pri-50: hsla(207, 100%, 33%, 0.5);
--yf-clr-pri-60: hsla(207, 100%, 33%, 0.6);
--yf-clr-pri-70: hsla(207, 100%, 33%, 0.7);
--yf-clr-pri-80: hsla(207, 100%, 33%, 0.8);
--yf-clr-pri-90: hsla(207, 100%, 33%, 0.9);
--yf-clr-pri-d-1: hsla(211, 72%, 28%, 1);
--yf-clr-pri-d-2: hsla(214, 57%, 20%, 1);
--yf-clr-pri-d-3: hsla(218, 41%, 12%, 1);
--yf-clr-pri-l-1: hsla(217, 42%, 56%, 1);
--yf-clr-pri-l-2: hsla(220, 42%, 71%, 1);
--yf-clr-pri-l-3: hsla(223, 42%, 85%, 1);
--yf-clr-sec: hsla(227, 44%, 83%, 1);
--yf-clr-sec-5: hsla(227, 44%, 83%, 0.05);
--yf-clr-sec-10: hsla(227, 44%, 83%, 0.1);
--yf-clr-sec-20: hsla(227, 44%, 83%, 0.2);
--yf-clr-sec-30: hsla(227, 44%, 83%, 0.3);
--yf-clr-sec-40: hsla(227, 44%, 83%, 0.4);
--yf-clr-sec-50: hsla(227, 44%, 83%, 0.5);
--yf-clr-sec-60: hsla(227, 44%, 83%, 0.6);
--yf-clr-sec-70: hsla(227, 44%, 83%, 0.7);
--yf-clr-sec-80: hsla(227, 44%, 83%, 0.8);
--yf-clr-sec-90: hsla(227, 44%, 83%, 0.9);
--yf-clr-sec-d-1: hsla(228, 13%, 60%, 1);
--yf-clr-sec-d-2: hsla(225, 8%, 39%, 1);
--yf-clr-sec-d-3: hsla(225, 8%, 20%, 1);
--yf-clr-sec-l-1: hsla(228, 43%, 87%, 1);
--yf-clr-sec-l-2: hsla(230, 45%, 92%, 1);
--yf-clr-sec-l-3: hsla(227, 43%, 96%, 1);
--yf-clr-acc: hsla(0, 100%, 100%, 1);
--yf-clr-acc-5: hsla(0, 0%, 100%, 0.05);
--yf-clr-acc-10: hsla(0, 0%, 100%, 0.1);
--yf-clr-acc-20: hsla(0, 0%, 100%, 0.2);
--yf-clr-acc-30: hsla(0, 0%, 100%, 0.3);
--yf-clr-acc-40: hsla(0, 0%, 100%, 0.4);
--yf-clr-acc-50: hsla(0, 0%, 100%, 0.5);
--yf-clr-acc-60: hsla(0, 0%, 100%, 0.6);
--yf-clr-acc-70: hsla(0, 0%, 100%, 0.7);
--yf-clr-acc-80: hsla(0, 0%, 100%, 0.8);
--yf-clr-acc-90: hsla(0, 0%, 100%, 0.9);
--yf-clr-pri-laser: hsla(185, 63%, 47%, 1);
--yf-clr-pri-laser-5: hsla(185, 63%, 47%, 0.05);
--yf-clr-pri-laser-10: hsla(185, 63%, 47%, 0.1);
--yf-clr-pri-laser-20: hsla(185, 63%, 47%, 0.2);
--yf-clr-pri-laser-30: hsla(185, 63%, 47%, 0.3);
--yf-clr-pri-laser-40: hsla(185, 63%, 47%, 0.4);
--yf-clr-pri-laser-50: hsla(185, 63%, 47%, 0.5);
--yf-clr-pri-laser-60: hsla(185, 63%, 47%, 0.6);
--yf-clr-pri-laser-70: hsla(185, 63%, 47%, 0.7);
--yf-clr-pri-laser-80: hsla(185, 63%, 47%, 0.8);
--yf-clr-pri-laser-90: hsla(185, 63%, 47%, 0.9);
--yf-clr-pri-laser-d-1: hsla(185, 54%, 36%, 1);
--yf-clr-pri-laser-d-2: hsla(185, 45%, 25%, 1);
--yf-clr-pri-laser-d-3: hsla(185, 32%, 14%, 1);
--yf-clr-pri-laser-l-1: hsla(186, 52%, 64%, 1);
--yf-clr-pri-laser-l-2: hsla(186, 50%, 77%, 1);
--yf-clr-pri-laser-l-3: hsla(186, 50%, 89%, 1);
--yf-clr-sec-laser: hsla(191, 55%, 75%, 1);
--yf-clr-sec-laser-5: hsla(191, 55%, 75%, 0.05);
--yf-clr-sec-laser-10: hsla(191, 55%, 75%, 0.1);
--yf-clr-sec-laser-20: hsla(191, 55%, 75%, 0.2);
--yf-clr-sec-laser-30: hsla(191, 55%, 75%, 0.3);
--yf-clr-sec-laser-40: hsla(191, 55%, 75%, 0.4);
--yf-clr-sec-laser-50: hsla(191, 55%, 75%, 0.5);
--yf-clr-sec-laser-60: hsla(191, 55%, 75%, 0.6);
--yf-clr-sec-laser-70: hsla(191, 55%, 75%, 0.7);
--yf-clr-sec-laser-80: hsla(191, 55%, 75%, 0.8);
--yf-clr-sec-laser-90: hsla(191, 55%, 75%, 0.9);
--yf-clr-sec-laser-d-1: hsla(191, 21%, 55%, 1);
--yf-clr-sec-laser-d-2: hsla(191, 16%, 36%, 1);
--yf-clr-sec-laser-d-3: hsla(225, 8%, 20%, 1);
--yf-clr-sec-laser-l-1: hsla(191, 54%, 81%, 1);
--yf-clr-sec-laser-l-2: hsla(230, 45%, 92%, 1);
--yf-clr-sec-laser-l-3: hsla(227, 43%, 96%, 1);
--yf-clr-acc-laser: hsla(53.879999999999995, 100%, 50%, 1);
--yf-clr-acc-laser-5: hsla(54, 100%, 50%, 0.05);
--yf-clr-acc-laser-10: hsla(54, 100%, 50%, 0.1);
--yf-clr-acc-laser-20: hsla(54, 100%, 50%, 0.2);
--yf-clr-acc-laser-30: hsla(54, 100%, 50%, 0.3);
--yf-clr-acc-laser-40: hsla(54, 100%, 50%, 0.4);
--yf-clr-acc-laser-50: hsla(54, 100%, 50%, 0.5);
--yf-clr-acc-laser-60: hsla(54, 100%, 50%, 0.6);
--yf-clr-acc-laser-70: hsla(54, 100%, 50%, 0.7);
--yf-clr-acc-laser-80: hsla(54, 100%, 50%, 0.8);
--yf-clr-acc-laser-90: hsla(54, 100%, 50%, 0.9);
--yf-clr-pri-beauty: hsla(23.33, 65.45%, 78.43%, 1);
--yf-clr-pri-beauty-5: hsla(23, 65%, 78%, 0.05);
--yf-clr-pri-beauty-10: hsla(23, 65%, 78%, 0.1);
--yf-clr-pri-beauty-20: hsla(23, 65%, 78%, 0.2);
--yf-clr-pri-beauty-30: hsla(23, 65%, 78%, 0.3);
--yf-clr-pri-beauty-40: hsla(23, 65%, 78%, 0.4);
--yf-clr-pri-beauty-50: hsla(23, 65%, 78%, 0.5);
--yf-clr-pri-beauty-60: hsla(23, 65%, 78%, 0.6);
--yf-clr-pri-beauty-70: hsla(23, 65%, 78%, 0.7);
--yf-clr-pri-beauty-80: hsla(23, 65%, 78%, 0.8);
--yf-clr-pri-beauty-90: hsla(23, 65%, 78%, 0.9);
--yf-clr-pri-beauty-d-1: hsla(22, 23%, 57%, 1);
--yf-clr-pri-beauty-d-2: hsla(24, 17%, 37%, 1);
--yf-clr-pri-beauty-d-3: hsla(24, 15%, 19%, 1);
--yf-clr-pri-beauty-l-1: hsla(24, 68%, 84%, 1);
--yf-clr-pri-beauty-l-2: hsla(23, 70%, 89%, 1);
--yf-clr-pri-beauty-l-3: hsla(186, 50%, 89%, 1);
--yf-clr-sec-beauty: hsla(27.14, 75%, 89.02%, 1);
--yf-clr-sec-beauty-5: hsla(27, 75%, 89%, 0.05);
--yf-clr-sec-beauty-10: hsla(27, 75%, 89%, 0.1);
--yf-clr-sec-beauty-20: hsla(27, 75%, 89%, 0.2);
--yf-clr-sec-beauty-30: hsla(27, 75%, 89%, 0.3);
--yf-clr-sec-beauty-40: hsla(27, 75%, 89%, 0.4);
--yf-clr-sec-beauty-50: hsla(27, 75%, 89%, 0.5);
--yf-clr-sec-beauty-60: hsla(27, 75%, 89%, 0.6);
--yf-clr-sec-beauty-70: hsla(27, 75%, 89%, 0.7);
--yf-clr-sec-beauty-80: hsla(27, 75%, 89%, 0.8);
--yf-clr-sec-beauty-90: hsla(27, 75%, 89%, 0.9);
--yf-clr-sec-beauty-d-1: hsla(27, 16%, 65%, 1);
--yf-clr-sec-beauty-d-2: hsla(27, 9%, 42%, 1);
--yf-clr-sec-beauty-d-3: hsla(225, 8%, 20%, 1);
--yf-clr-sec-beauty-l-1: hsla(27, 76%, 92%, 1);
--yf-clr-sec-beauty-l-2: hsla(231, 46%, 92%, 1);
--yf-clr-sec-beauty-l-3: hsla(227, 43%, 96%, 1);
--yf-clr-acc-beauty: hsla(0, 0%, 0%, 1);
--yf-clr-acc-beauty-5: hsla(0, 0%, 0%, 0.05);
--yf-clr-acc-beauty-10: hsla(0, 0%, 0%, 0.1);
--yf-clr-acc-beauty-20: hsla(0, 0%, 0%, 0.2);
--yf-clr-acc-beauty-30: hsla(0, 0%, 0%, 0.3);
--yf-clr-acc-beauty-40: hsla(0, 0%, 0%, 0.4);
--yf-clr-acc-beauty-50: hsla(0, 0%, 0%, 0.5);
--yf-clr-acc-beauty-60: hsla(0, 0%, 0%, 0.6);
--yf-clr-acc-beauty-70: hsla(0, 0%, 0%, 0.7);
--yf-clr-acc-beauty-80: hsla(0, 0%, 0%, 0.8);
--yf-clr-acc-beauty-90: hsla(0, 0%, 0%, 0.9);
--yf-bg-body: hsla(0, 0%, 98%, 1);
--yf-bg-body-5: hsla(0, 0%, 98%, 0.05);
--yf-bg-body-10: hsla(0, 0%, 98%, 0.1);
--yf-bg-body-20: hsla(0, 0%, 98%, 0.2);
--yf-bg-body-30: hsla(0, 0%, 98%, 0.3);
--yf-bg-body-40: hsla(0, 0%, 98%, 0.4);
--yf-bg-body-50: hsla(0, 0%, 98%, 0.5);
--yf-bg-body-60: hsla(0, 0%, 98%, 0.6);
--yf-bg-body-70: hsla(0, 0%, 98%, 0.7);
--yf-bg-body-80: hsla(0, 0%, 98%, 0.8);
--yf-bg-body-90: hsla(0, 0%, 98%, 0.9);
--yf-bg-surface: hsla(210, 6%, 93%, 1);
--yf-bg-surface-5: hsla(210, 6%, 93%, 0.05);
--yf-bg-surface-10: hsla(210, 6%, 93%, 0.1);
--yf-bg-surface-20: hsla(210, 6%, 93%, 0.2);
--yf-bg-surface-30: hsla(210, 6%, 93%, 0.3);
--yf-bg-surface-40: hsla(210, 6%, 93%, 0.4);
--yf-bg-surface-50: hsla(210, 6%, 93%, 0.5);
--yf-bg-surface-60: hsla(210, 6%, 93%, 0.6);
--yf-bg-surface-70: hsla(210, 6%, 93%, 0.7);
--yf-bg-surface-80: hsla(210, 6%, 93%, 0.8);
--yf-bg-surface-90: hsla(210, 6%, 93%, 0.9);
--yf-light: hsla(85, 0%, 100%, 1);
--yf-light-5: hsla(0, 0%, 100%, 0.05);
--yf-light-10: hsla(0, 0%, 100%, 0.1);
--yf-light-20: hsla(0, 0%, 100%, 0.2);
--yf-light-30: hsla(0, 0%, 100%, 0.3);
--yf-light-40: hsla(0, 0%, 100%, 0.4);
--yf-light-50: hsla(0, 0%, 100%, 0.5);
--yf-light-60: hsla(0, 0%, 100%, 0.6);
--yf-light-70: hsla(0, 0%, 100%, 0.7);
--yf-light-80: hsla(0, 0%, 100%, 0.8);
--yf-light-90: hsla(0, 0%, 100%, 0.9);
--yf-dark: hsla(0, 0%, 0%, 1);
--yf-dark-5: hsla(0, 0%, 0%, 0.05);
--yf-dark-10: hsla(0, 0%, 0%, 0.1);
--yf-dark-20: hsla(0, 0%, 0%, 0.2);
--yf-dark-30: hsla(0, 0%, 0%, 0.3);
--yf-dark-40: hsla(0, 0%, 0%, 0.4);
--yf-dark-50: hsla(0, 0%, 0%, 0.5);
--yf-dark-60: hsla(0, 0%, 0%, 0.6);
--yf-dark-70: hsla(0, 0%, 0%, 0.7);
--yf-dark-80: hsla(0, 0%, 0%, 0.8);
--yf-dark-90: hsla(0, 0%, 0%, 0.9);
--yf-success: hsla(136, 95%, 56%, 1);
--yf-success-5: hsla(136, 95%, 56%, 0.05);
--yf-success-10: hsla(136, 95%, 56%, 0.1);
--yf-success-20: hsla(136, 95%, 56%, 0.2);
--yf-success-30: hsla(136, 95%, 56%, 0.3);
--yf-success-40: hsla(136, 95%, 56%, 0.4);
--yf-success-50: hsla(136, 95%, 56%, 0.5);
--yf-success-60: hsla(136, 95%, 56%, 0.6);
--yf-success-70: hsla(136, 95%, 56%, 0.7);
--yf-success-80: hsla(136, 95%, 56%, 0.8);
--yf-success-90: hsla(136, 95%, 56%, 0.9);
--yf-error: hsla(351, 95%, 56%, 1);
--yf-error-5: hsla(351, 95%, 56%, 0.05);
--yf-error-10: hsla(351, 95%, 56%, 0.1);
--yf-error-20: hsla(351, 95%, 56%, 0.2);
--yf-error-30: hsla(351, 95%, 56%, 0.3);
--yf-error-40: hsla(351, 95%, 56%, 0.4);
--yf-error-50: hsla(351, 95%, 56%, 0.5);
--yf-error-60: hsla(351, 95%, 56%, 0.6);
--yf-error-70: hsla(351, 95%, 56%, 0.7);
--yf-error-80: hsla(351, 95%, 56%, 0.8);
--yf-error-90: hsla(351, 95%, 56%, 0.9);
--yf-clr-head: var(--yf-clr-pri-d-3);
--yf-clr-head-5: #121b2b0d;
--yf-clr-head-10: #121b2b1a;
--yf-clr-head-20: #121b2b33;
--yf-clr-head-30: #121b2b4d;
--yf-clr-head-40: #121b2b66;
--yf-clr-head-50: #121b2b80;
--yf-clr-head-60: #121b2b99;
--yf-clr-head-70: #121b2bb3;
--yf-clr-head-80: #121b2bcc;
--yf-clr-head-90: #121b2be6;
--yf-clr-text: var(--yf-clr-head-80);
--yf-clr-text-5: #121b2b0d;
--yf-clr-text-10: #121b2b1a;
--yf-clr-text-20: #121b2b33;
--yf-clr-text-30: #121b2b4d;
--yf-clr-text-40: #121b2b66;
--yf-clr-text-50: #121b2b80;
--yf-clr-text-60: #121b2b99;
--yf-clr-text-70: #121b2bb3;
--yf-clr-text-80: #121b2bcc;
--yf-clr-text-90: #121b2be6;
--yf-clr-link: var(--yf-clr-pri);
--yf-clr-link-5: #005da80d;
--yf-clr-link-10: #005da81a;
--yf-clr-link-20: #005da833;
--yf-clr-link-30: #005da84d;
--yf-clr-link-40: #005da866;
--yf-clr-link-50: #005da880;
--yf-clr-link-60: #005da899;
--yf-clr-link-70: #005da8b3;
--yf-clr-link-80: #005da8cc;
--yf-clr-link-90: #005da8e6;
--yf-clr-bdy: hsl(200, 60%, 99%);
--yf-space-4xs: clamp(0.18rem, calc(0.35vw + 0.11rem), 0.42rem);
--yf-space-3xs: clamp(0.25rem, calc(0.45vw + 0.16rem), 0.55rem);
--yf-space-2xs: clamp(0.35rem, calc(0.57vw + 0.24rem), 0.74rem);
--yf-space-xs: clamp(0.5rem, calc(0.72vw + 0.36rem), 0.98rem);
--yf-space-s: clamp(0.71rem, calc(0.9vw + 0.53rem), 1.31rem);
--yf-space-m: clamp(1rem, calc(1.11vw + 0.78rem), 1.75rem);
--yf-space-l: clamp(1.41rem, calc(1.36vw + 1.14rem), 2.33rem);
--yf-space-xl: clamp(2rem, calc(1.64vw + 1.67rem), 3.11rem);
--yf-space-2xl: clamp(2.83rem, calc(1.95vw + 2.44rem), 4.14rem);
--yf-space-3xl: clamp(4rem, calc(2.26vw + 3.54rem), 5.53rem);
--yf-space-4xl: clamp(5.65rem, calc(2.54vw + 5.14rem), 7.37rem);
--yf-text-xs: clamp(0.56rem, calc(0.1vw + 0.54rem), 0.63rem);
--yf-text-s: clamp(0.75rem, calc(0.14vw + 0.72rem), 0.84rem);
--yf-text-m: clamp(1rem, calc(0.19vw + 0.96rem), 1.13rem);
--yf-text-l: clamp(1.33rem, calc(0.25vw + 1.28rem), 1.5rem);
--yf-text-xl: clamp(1.78rem, calc(0.33vw + 1.71rem), 2rem);
--yf-text-2xl: clamp(2.37rem, calc(0.44vw + 2.28rem), 2.66rem);
--yf-text-3xl: clamp(3.16rem, calc(0.58vw + 3.04rem), 3.55rem);
--yf-text-4xl: clamp(4.21rem, calc(0.78vw + 4.05rem), 4.74rem);
--yf-primary-gradient: linear-gradient(
to bottom right,
var(--primary-l-1) 0%,
var(--primary-l-3) 100%
);
--yf-accent-gradient: linear-gradient(
to bottom right,
var(--tertiary) 0%,
var(--tertiary-l-2) 100%
);
--yf-hero-title-size: var(--yf-text-4xl);
--yf-post-title-size: var(--yf-text-2xl);
--yf-nav-link-size: var(--yf-text-s);
--yf-header-space: var(--yf-space-s);
--yf-btn-space: var(--yf-space-xs) var(--yf-space-s);
--yf-card-space: var(--yf-space-s);
--yf-footer-space: var(--yf-space-s) var(--yf-space-m);
--yf-columns-1: repeat(1, minmax(0, 1fr));
--yf-columns-2: repeat(2, minmax(0, 1fr));
--yf-columns-3: repeat(3, minmax(0, 1fr));
--yf-columns-4: repeat(4, minmax(0, 1fr));
--yf-columns-5: repeat(5, minmax(0, 1fr));
--yf-columns-6: repeat(6, minmax(0, 1fr));
--yf-columns-7: repeat(7, minmax(0, 1fr));
--yf-columns-8: repeat(8, minmax(0, 1fr));
--yf-radius-xs: clamp(0.25rem, calc(0vw + 0.25rem), 0.25rem);
--yf-radius-s: clamp(0.38rem, calc(-0.19vw + 0.54rem), 0.5rem);
--yf-radius-m: clamp(0.63rem, calc(-0.19vw + 0.79rem), 0.75rem);
--yf-radius-l: clamp(1rem, calc(-0.37vw + 1.32rem), 1.25rem);
--yf-radius-xl: clamp(1.63rem, calc(-0.56vw + 2.11rem), 2rem);
--yf-radius-f: 999rem;
--yf-shadow-xs: 0 1px 2px var(--yf-dark-10);
--yf-shadow-s: 0 1.5px 3px var(--yf-dark-10);
--yf-shadow-m: inset 0 2px 6px var(--yf-dark-10);
--yf-shadow-l: 0 3px 12px var(--yf-dark-10);
--yf-shadow-xl: 0 6px 48px var(--yf-dark-20);
--yf-primary-shadow-l: 0 0 53px var(--primary-50);
--yf-tertiary-shadow-m: 0 0 15px var(--tertiary-d-4);
}
:root.cf-theme-dark,
:root.cf-theme-light .yf-theme-inverted,
:root.cf-theme-light .theme-always-dark,
:root.cf-theme-dark .yf-theme-inverted .theme-always-dark {
--yf-clr-pri: hsla(207, 100%, 33%, 1);
--yf-clr-pri-5: hsla(207, 100%, 33%, 0.05);
--yf-clr-pri-10: hsla(207, 100%, 33%, 0.1);
--yf-clr-pri-20: hsla(207, 100%, 33%, 0.2);
--yf-clr-pri-30: hsla(207, 100%, 33%, 0.3);
--yf-clr-pri-40: hsla(207, 100%, 33%, 0.4);
--yf-clr-pri-50: hsla(207, 100%, 33%, 0.5);
--yf-clr-pri-60: hsla(207, 100%, 33%, 0.6);
--yf-clr-pri-70: hsla(207, 100%, 33%, 0.7);
--yf-clr-pri-80: hsla(207, 100%, 33%, 0.8);
--yf-clr-pri-90: hsla(207, 100%, 33%, 0.9);
--yf-clr-sec: hsla(227, 44%, 83%, 1);
--yf-clr-sec-5: hsla(227, 44%, 83%, 0.05);
--yf-clr-sec-10: hsla(227, 44%, 83%, 0.1);
--yf-clr-sec-20: hsla(227, 44%, 83%, 0.2);
--yf-clr-sec-30: hsla(227, 44%, 83%, 0.3);
--yf-clr-sec-40: hsla(227, 44%, 83%, 0.4);
--yf-clr-sec-50: hsla(227, 44%, 83%, 0.5);
--yf-clr-sec-60: hsla(227, 44%, 83%, 0.6);
--yf-clr-sec-70: hsla(227, 44%, 83%, 0.7);
--yf-clr-sec-80: hsla(227, 44%, 83%, 0.8);
--yf-clr-sec-90: hsla(227, 44%, 83%, 0.9);
--yf-clr-pri-laser: hsla(185, 63%, 47%, 1);
--yf-clr-pri-laser-5: hsla(185, 63%, 47%, 0.05);
--yf-clr-pri-laser-10: hsla(185, 63%, 47%, 0.1);
--yf-clr-pri-laser-20: hsla(185, 63%, 47%, 0.2);
--yf-clr-pri-laser-30: hsla(185, 63%, 47%, 0.3);
--yf-clr-pri-laser-40: hsla(185, 63%, 47%, 0.4);
--yf-clr-pri-laser-50: hsla(185, 63%, 47%, 0.5);
--yf-clr-pri-laser-60: hsla(185, 63%, 47%, 0.6);
--yf-clr-pri-laser-70: hsla(185, 63%, 47%, 0.7);
--yf-clr-pri-laser-80: hsla(185, 63%, 47%, 0.8);
--yf-clr-pri-laser-90: hsla(185, 63%, 47%, 0.9);
--yf-clr-sec-laser: hsla(227, 44%, 83%, 1);
--yf-clr-sec-laser-5: hsla(227, 44%, 83%, 0.05);
--yf-clr-sec-laser-10: hsla(227, 44%, 83%, 0.1);
--yf-clr-sec-laser-20: hsla(227, 44%, 83%, 0.2);
--yf-clr-sec-laser-30: hsla(227, 44%, 83%, 0.3);
--yf-clr-sec-laser-40: hsla(227, 44%, 83%, 0.4);
--yf-clr-sec-laser-50: hsla(227, 44%, 83%, 0.5);
--yf-clr-sec-laser-60: hsla(227, 44%, 83%, 0.6);
--yf-clr-sec-laser-70: hsla(227, 44%, 83%, 0.7);
--yf-clr-sec-laser-80: hsla(227, 44%, 83%, 0.8);
--yf-clr-sec-laser-90: hsla(227, 44%, 83%, 0.9);
--yf-clr-pri-beauty: hsla(23, 65%, 78%, 1);
--yf-clr-pri-beauty-5: hsla(23, 65%, 78%, 0.05);
--yf-clr-pri-beauty-10: hsla(23, 65%, 78%, 0.1);
--yf-clr-pri-beauty-20: hsla(23, 65%, 78%, 0.2);
--yf-clr-pri-beauty-30: hsla(23, 65%, 78%, 0.3);
--yf-clr-pri-beauty-40: hsla(23, 65%, 78%, 0.4);
--yf-clr-pri-beauty-50: hsla(23, 65%, 78%, 0.5);
--yf-clr-pri-beauty-60: hsla(23, 65%, 78%, 0.6);
--yf-clr-pri-beauty-70: hsla(23, 65%, 78%, 0.7);
--yf-clr-pri-beauty-80: hsla(23, 65%, 78%, 0.8);
--yf-clr-pri-beauty-90: hsla(23, 65%, 78%, 0.9);
--yf-clr-sec-beauty: hsla(27, 75%, 89%, 1);
--yf-clr-sec-beauty-5: hsla(27, 75%, 89%, 0.05);
--yf-clr-sec-beauty-10: hsla(27, 75%, 89%, 0.1);
--yf-clr-sec-beauty-20: hsla(27, 75%, 89%, 0.2);
--yf-clr-sec-beauty-30: hsla(27, 75%, 89%, 0.3);
--yf-clr-sec-beauty-40: hsla(27, 75%, 89%, 0.4);
--yf-clr-sec-beauty-50: hsla(27, 75%, 89%, 0.5);
--yf-clr-sec-beauty-60: hsla(27, 75%, 89%, 0.6);
--yf-clr-sec-beauty-70: hsla(27, 75%, 89%, 0.7);
--yf-clr-sec-beauty-80: hsla(27, 75%, 89%, 0.8);
--yf-clr-sec-beauty-90: hsla(27, 75%, 89%, 0.9);
--yf-clr-acc-beauty: hsla(0, 0%, 0%, 1);
--yf-clr-acc-beauty-5: hsla(0, 0%, 0%, 0.05);
--yf-clr-acc-beauty-10: hsla(0, 0%, 0%, 0.1);
--yf-clr-acc-beauty-20: hsla(0, 0%, 0%, 0.2);
--yf-clr-acc-beauty-30: hsla(0, 0%, 0%, 0.3);
--yf-clr-acc-beauty-40: hsla(0, 0%, 0%, 0.4);
--yf-clr-acc-beauty-50: hsla(0, 0%, 0%, 0.5);
--yf-clr-acc-beauty-60: hsla(0, 0%, 0%, 0.6);
--yf-clr-acc-beauty-70: hsla(0, 0%, 0%, 0.7);
--yf-clr-acc-beauty-80: hsla(0, 0%, 0%, 0.8);
--yf-clr-acc-beauty-90: hsla(0, 0%, 0%, 0.9);
--yf-bg-body: hsla(0, 0%, 98%, 1);
--yf-bg-body-5: hsla(0, 0%, 98%, 0.05);
--yf-bg-body-10: hsla(0, 0%, 98%, 0.1);
--yf-bg-body-20: hsla(0, 0%, 98%, 0.2);
--yf-bg-body-30: hsla(0, 0%, 98%, 0.3);
--yf-bg-body-40: hsla(0, 0%, 98%, 0.4);
--yf-bg-body-50: hsla(0, 0%, 98%, 0.5);
--yf-bg-body-60: hsla(0, 0%, 98%, 0.6);
--yf-bg-body-70: hsla(0, 0%, 98%, 0.7);
--yf-bg-body-80: hsla(0, 0%, 98%, 0.8);
--yf-bg-body-90: hsla(0, 0%, 98%, 0.9);
--yf-bg-surface: hsla(210, 6%, 93%, 1);
--yf-bg-surface-5: hsla(210, 6%, 93%, 0.05);
--yf-bg-surface-10: hsla(210, 6%, 93%, 0.1);
--yf-bg-surface-20: hsla(210, 6%, 93%, 0.2);
--yf-bg-surface-30: hsla(210, 6%, 93%, 0.3);
--yf-bg-surface-40: hsla(210, 6%, 93%, 0.4);
--yf-bg-surface-50: hsla(210, 6%, 93%, 0.5);
--yf-bg-surface-60: hsla(210, 6%, 93%, 0.6);
--yf-bg-surface-70: hsla(210, 6%, 93%, 0.7);
--yf-bg-surface-80: hsla(210, 6%, 93%, 0.8);
--yf-bg-surface-90: hsla(210, 6%, 93%, 0.9);
--yf-clr-text: #f6f7f8;
--yf-clr-text-5: #f6f7f80d;
--yf-clr-text-10: #f6f7f81a;
--yf-clr-text-20: #f6f7f833;
--yf-clr-text-30: #f6f7f84d;
--yf-clr-text-40: #f6f7f866;
--yf-clr-text-50: #f6f7f880;
--yf-clr-text-60: #f6f7f899;
--yf-clr-text-70: #f6f7f8b3;
--yf-clr-text-80: #f6f7f8cc;
--yf-clr-text-90: #f6f7f8e6;
--yf-clr-link: var(--yf-clr-pri);
--yf-clr-bdy: hsl(200, 60%, 1%);
}
.yf-btn {
display: flex;
gap: var(--yf-space-3xs);
align-items: center;
justify-content: center;
padding: var(--yf-space-s) var(--yf-space-l);
font-size: var(--yf-text-m);
font-weight: 800;
color: var(--yf-light);
cursor: pointer;
outline: 0;
background: var(--yf-clr-pri);
border: 0;
border-radius: var(--yf-radius-m);
transition: all 0.25s ease-in-out;
}
.yf-btn:hover {
transform: translateY(-0.1rem);
}
.yf-btn.small {
padding: var(--yf-space-xs) var(--yf-space-s);
font-size: var(--yf-text-s);
}
.yf-btn.large {
padding: var(--yf-space-s) var(--yf-space-m);
font-size: var(--yf-text-l);
}
.yf-btn.accent {
color: var(--yf-clr-text);
background: var(--yf-clr-acc);
}
.yf-btn.ghost {
color: var(--primary);
background: var(--tertiary-10);
border-color: transparent;
box-shadow: none;
}
.yf-btn.slight {
color: var(--yf-dark-80);
background: var(--yf-bg-surface);
border-color: var(--border-primary);
box-shadow: var(--yf-shadow-s);
}
.yf-btn.secondary {
color: var(--yf-clr-text);
background: var(--yf-clr-sec-60);
}
.yf-btn.ghost:hover {
background: var(--yf-dark-10);
}
.yf-btn.slight:hover {
background: var(--yf-dark-5);
}
.yf-btn:focus {
outline: 4px solid var(--primary-l-3);
outline-offset: 2px;
}
.yf-btn.no-bg {
color: var(--yf-dark-80);
background: transparent;
border-color: transparent;
box-shadow: none;
}
.yf-btn.no-bg:hover {
color: var(--yf-dark);
}
.yf-badge {
display: flex;
gap: var(--yf-space-4xs);
align-items: center;
justify-content: center;
padding: var(--yf-space-2xs) var(--yf-space-s);
font-size: var(--yf-text-s);
font-weight: 500;
color: var(--primary);
outline: 0;
background: var(--yf-dark-10);
border: 0;
border-radius: var(--radius-full);
}
.yf-badge.secondary {
color: var(--secondary);
}
.yf-nav-item {
position: relative;
z-index: 0;
display: flex;
gap: var(--yf-space-4xs);
align-items: center;
justify-content: center;
padding: var(--yf-space-2xs) var(--yf-space-s);
font-size: var(--yf-text-m);
font-weight: 500;
color: var(--text-body);
outline: 0;
background: var(--tertiary-d-2);
border: 0;
border-radius: var(--yf-radius-l);
}
.yf-nav-item.active {
background: var(--yf-accent-gradient);
}
.yf-link {
font-size: var(--yf-text-m);
font-weight: 600;
line-height: 100%;
color: var(--yf-clr-text);
letter-spacing: 0.05rem;
text-decoration: none;
box-shadow: 0 4px 0 var(--yf-clr-pri);
transition: all 0.15s ease-in-out;
}
.yf-link:hover {
box-shadow: 0 4px 0 var(--yf-clr-pri-40);
}
.yf-link:focus {
background: var(--yf-clr-pri-20);
}
.yf-link.secondary {
color: var(--yf-light);
box-shadow: 0 4px 0 var(--yf-clr-sec);
}
.yf-link.tertiary {
color: var(--tertiary);
border-color: var(--tertiary-20);
}
.yf-input {
padding: var(--yf-space-xs) var(--yf-space-s);
font-size: var(--yf-text-m);
font-weight: 500;
color: var(--text-title);
appearance: none;
outline: 0;
background: var(--yf-light);
border: 1px solid var(--yf-clr-pri);
border-radius: var(--yf-radius-m);
box-shadow: var(--yf-shadow-m);
transition: all 0.25s ease-in-out;
}
.yf-input:focus {
box-shadow: var(--yf-shadow-l);
transform: scale(1.05) !important;
}
.yf-input:hover {
transform: scale(1.02);
}
.yf-input::placeholder {
color: var(--yf-dark-40);
}
.yf-input:disabled {
cursor: not-allowed;
background: var(--yf-dark-10);
box-shadow: none;
opacity: 0.75;
}
.yf-input:invalid {
background: var(--yf-light);
border-color: var(--yf-clr-pri);
}
.yf-select {
padding: var(--yf-space-xs) var(--yf-space-s);
font-size: var(--yf-text-m);
font-weight: 500;
color: var(--text-body);
outline: 0;
background: var(--yf-dark-5);
border: 1px solid var(--border-primary);
border-radius: var(--yf-radius-m);
box-shadow: var(--yf-shadow-xs);
transition: all 0.25s ease-in-out;
}
.yf-select:focus {
background: var(--primary-20);
border-color: var(--primary);
}
.yf-select:hover {
border-color: var(--primary);
}
.yf-select::placeholder {
color: var(--yf-dark-40);
}
.yf-select:invalid {
background: var(--yf-error-10);
border-color: var(--yf-error);
}
.yf-select:disabled {
cursor: not-allowed;
background: var(--yf-dark-10);
box-shadow: none;
opacity: 0.75;
}
.yf-card {
display: grid;
gap: var(--yf-space-m);
padding: var(--yf-space-m);
font-size: var(--yf-text-m);
line-height: 1.3;
color: var(--text-body);
background: var(--yf-clr-pri-10);
border-radius: var(--yf-radius-m);
box-shadow: var(--yf-shadow-m);
}
.yf-card.secondary {
color: #fff;
background: var(--secondary);
}
.yf-card.primary {
color: #fff;
background: var(--primary);
}
.yf-icon {
width: var(--yf-space-2xl);
height: auto;
font-size: var(--yf-space-2xl);
color: var(--primary);
}
.yf-icon.large {
width: var(--yf-space-3xl);
font-size: var(--yf-space-3xl);
}
.yf-icon.secondary {
color: var(--secondary);
}
.yf-icon.tertiary {
color: var(--tertiary);
}
.yf-icon.outline {
box-sizing: content-box;
padding: 0.5em;
border: 1px solid var(--border-primary);
border-radius: 100%;
}
.yf-icon.filled {
box-sizing: content-box;
padding: 0.5em;
background: var(--yf-dark-10);
border-radius: 100%;
}
.yf-icon.small {
width: var(--yf-space-l);
font-size: var(--yf-space-l);
}
.yf-avatar {
width: var(--yf-space-2xl);
height: var(--yf-space-2xl);
object-fit: cover;
border-radius: 100%;
box-shadow: var(--yf-shadow-m);
}
.yf-avatar.small {
width: var(--yf-space-l);
height: var(--yf-space-l);
}
.yf-avatar.large {
width: var(--yf-space-4xl);
height: var(--yf-space-4xl);
}
.yf-divider {
width: 100%;
min-width: 100%;
max-width: 100%;
height: 1px;
min-height: 1px;
max-height: 1px;
margin: var(--yf-space-m) 0;
background: var(--border-primary);
border: 0;
}
.yf-divider.vertical {
width: 1px;
min-width: 1px;
max-width: 1px;
height: 100%;
min-height: 100%;
max-height: 100%;
}
.yf-checkbox {
display: grid;
place-content: center;
width: clamp(1.13rem, calc(-0.37vw + 1.45rem), 1.38rem);
height: clamp(1.13rem, calc(-0.37vw + 1.45rem), 1.38rem);
appearance: none;
border: 2px solid var(--yf-dark-40);
border-radius: var(--yf-radius-s);
}
.yf-checkbox:checked:before {
transform: scale(1);
}
.yf-checkbox::before {
width: 1em;
height: 1em;
content: "";
box-shadow: inset 1em 1em #fff;
clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
transform: scale(0);
transition: transform 0.2s;
}
.yf-checkbox:hover {
border-color: var(--primary);
}
.yf-checkbox:focus {
outline: 3px solid var(--primary-l-3);
outline-offset: 2px;
}
.yf-checkbox:checked {
background: var(--primary);
border-color: var(--primary);
}
.yf-radio {
display: grid;
place-content: center;
width: clamp(1.13rem, calc(-0.37vw + 1.45rem), 1.38rem);
height: clamp(1.13rem, calc(-0.37vw + 1.45rem), 1.38rem);
appearance: none;
border: 2px solid var(--yf-dark-40);
border-radius: var(--radius-full);
}
.yf-radio:checked:before {
transform: scale(1);
}
.yf-radio::before {
width: 1em;
height: 1em;
content: "";
background: var(--primary);
border-radius: 100%;
transform: scale(0);
transition: transform 0.2s;
}
.yf-radio:hover {
border-color: var(--primary);
}
.yf-radio:focus {
outline: 3px solid var(--primary-l-3);
outline-offset: 2px;
}
.yf-radio:checked {
border-color: var(--primary);
}
.yf-quote {
position: relative;
font-size: var(--yf-text-xl);
font-weight: 800;
color: var(--text-body);
text-align: center;
text-decoration: none;
}
.yf-quote::before {
position: absolute;
bottom: -3rem;
left: -1rem;
z-index: -1;
color: var(--tertiary);
content: "”";
scale: 3;
}
.yf-quote::after {
position: absolute;
top: -1rem;
z-index: -1;
color: var(--tertiary);
content: "“";
scale: 3;
}
.yf-cta {
padding: var(--yf-space-l) var(--yf-space-m);
color: var(--yf-dark-60);
background: var(--yf-clr-pri-10);
border-radius: var(--yf-space-m);
}
.yf-cta.bg {
color: var(--yf-light-80);
background: var(--yf-clr-pri-d-1);
box-shadow: inset 0 0 8px var(--yf-clr-pri-d-3);
}
.yf-bg-clr-pri {
background-color: var(--yf-clr-pri);
}
.yf-bg-clr-pri-5 {
background-color: var(--yf-clr-pri-5);
}
.yf-bg-clr-pri-10 {
background-color: var(--yf-clr-pri-10);
}
.yf-bg-clr-pri-20 {
background-color: var(--yf-clr-pri-20);
}
.yf-bg-clr-pri-30 {
background-color: var(--yf-clr-pri-30);
}
.yf-bg-clr-pri-40 {
background-color: var(--yf-clr-pri-40);
}
.yf-bg-clr-pri-50 {
background-color: var(--yf-clr-pri-50);
}
.yf-bg-clr-pri-60 {
background-color: var(--yf-clr-pri-60);
}
.yf-bg-clr-pri-70 {
background-color: var(--yf-clr-pri-70);
}
.yf-bg-clr-pri-80 {
background-color: var(--yf-clr-pri-80);
}
.yf-bg-clr-pri-90 {
background-color: var(--yf-clr-pri-90);
}
.yf-bg-clr-pri-d-1 {
background-color: var(--yf-clr-pri-d-1);
}
.yf-bg-clr-pri-d-2 {
background-color: var(--yf-clr-pri-d-2);
}
.yf-bg-clr-pri-d-3 {
background-color: var(--yf-clr-pri-d-3);
}
.yf-bg-clr-pri-l-1 {
background-color: var(--yf-clr-pri-l-1);
}
.yf-bg-clr-pri-l-2 {
background-color: var(--yf-clr-pri-l-2);
}
.yf-bg-clr-pri-l-3 {
background-color: var(--yf-clr-pri-l-3);
}
.yf-text-clr-pri {
color: var(--yf-clr-pri);
}
.yf-text-clr-pri-5 {
color: var(--yf-clr-pri-5);
}
.yf-text-clr-pri-10 {
color: var(--yf-clr-pri-10);
}
.yf-text-clr-pri-20 {
color: var(--yf-clr-pri-20);
}
.yf-text-clr-pri-30 {
color: var(--yf-clr-pri-30);
}
.yf-text-clr-pri-40 {
color: var(--yf-clr-pri-40);
}
.yf-text-clr-pri-50 {
color: var(--yf-clr-pri-50);
}
.yf-text-clr-pri-60 {
color: var(--yf-clr-pri-60);
}
.yf-text-clr-pri-70 {
color: var(--yf-clr-pri-70);
}
.yf-text-clr-pri-80 {
color: var(--yf-clr-pri-80);
}
.yf-text-clr-pri-90 {
color: var(--yf-clr-pri-90);
}
.yf-text-clr-pri-d-1 {
color: var(--yf-clr-pri-d-1);
}
.yf-text-clr-pri-d-2 {
color: var(--yf-clr-pri-d-2);
}
.yf-text-clr-pri-d-3 {
color: var(--yf-clr-pri-d-3);
}
.yf-text-clr-pri-l-1 {
color: var(--yf-clr-pri-l-1);
}
.yf-text-clr-pri-l-2 {
color: var(--yf-clr-pri-l-2);
}
.yf-text-clr-pri-l-3 {
color: var(--yf-clr-pri-l-3);
}
.yf-border-clr-pri {
border-color: var(--yf-clr-pri);
}
.yf-border-clr-pri-5 {
border-color: var(--yf-clr-pri-5);
}
.yf-border-clr-pri-10 {
border-color: var(--yf-clr-pri-10);
}
.yf-border-clr-pri-20 {
border-color: var(--yf-clr-pri-20);
}
.yf-border-clr-pri-30 {
border-color: var(--yf-clr-pri-30);
}
.yf-border-clr-pri-40 {
border-color: var(--yf-clr-pri-40);
}
.yf-border-clr-pri-50 {
border-color: var(--yf-clr-pri-50);
}
.yf-border-clr-pri-60 {
border-color: var(--yf-clr-pri-60);
}
.yf-border-clr-pri-70 {
border-color: var(--yf-clr-pri-70);
}
.yf-border-clr-pri-80 {
border-color: var(--yf-clr-pri-80);
}
.yf-border-clr-pri-90 {
border-color: var(--yf-clr-pri-90);
}
.yf-border-clr-pri-d-1 {
border-color: var(--yf-clr-pri-d-1);
}
.yf-border-clr-pri-d-2 {
border-color: var(--yf-clr-pri-d-2);
}
.yf-border-clr-pri-d-3 {
border-color: var(--yf-clr-pri-d-3);
}
.yf-border-clr-pri-l-1 {
border-color: var(--yf-clr-pri-l-1);
}
.yf-border-clr-pri-l-2 {
border-color: var(--yf-clr-pri-l-2);
}
.yf-border-clr-pri-l-3 {
border-color: var(--yf-clr-pri-l-3);
}
.yf-fill-clr-pri {
fill: var(--yf-clr-pri);
}
.yf-fill-clr-pri-5 {
fill: var(--yf-clr-pri-5);
}
.yf-fill-clr-pri-10 {
fill: var(--yf-clr-pri-10);
}
.yf-fill-clr-pri-20 {
fill: var(--yf-clr-pri-20);
}
.yf-fill-clr-pri-30 {
fill: var(--yf-clr-pri-30);
}
.yf-fill-clr-pri-40 {
fill: var(--yf-clr-pri-40);
}
.yf-fill-clr-pri-50 {
fill: var(--yf-clr-pri-50);
}
.yf-fill-clr-pri-60 {
fill: var(--yf-clr-pri-60);
}
.yf-fill-clr-pri-70 {
fill: var(--yf-clr-pri-70);
}
.yf-fill-clr-pri-80 {
fill: var(--yf-clr-pri-80);
}
.yf-fill-clr-pri-90 {
fill: var(--yf-clr-pri-90);
}
.yf-fill-clr-pri-d-1 {
fill: var(--yf-clr-pri-d-1);
}
.yf-fill-clr-pri-d-2 {
fill: var(--yf-clr-pri-d-2);
}
.yf-fill-clr-pri-d-3 {
fill: var(--yf-clr-pri-d-3);
}
.yf-fill-clr-pri-l-1 {
fill: var(--yf-clr-pri-l-1);
}
.yf-fill-clr-pri-l-2 {
fill: var(--yf-clr-pri-l-2);
}
.yf-fill-clr-pri-l-3 {
fill: var(--yf-clr-pri-l-3);
}
.yf-bg-clr-sec {
background-color: var(--yf-clr-sec);
}
.yf-bg-clr-sec-5 {
background-color: var(--yf-clr-sec-5);
}
.yf-bg-clr-sec-10 {
background-color: var(--yf-clr-sec-10);
}
.yf-bg-clr-sec-20 {
background-color: var(--yf-clr-sec-20);
}
.yf-bg-clr-sec-30 {
background-color: var(--yf-clr-sec-30);
}
.yf-bg-clr-sec-40 {
background-color: var(--yf-clr-sec-40);
}
.yf-bg-clr-sec-50 {
background-color: var(--yf-clr-sec-50);
}
.yf-bg-clr-sec-60 {
background-color: var(--yf-clr-sec-60);
}
.yf-bg-clr-sec-70 {
background-color: var(--yf-clr-sec-70);
}
.yf-bg-clr-sec-80 {
background-color: var(--yf-clr-sec-80);
}
.yf-bg-clr-sec-90 {
background-color: var(--yf-clr-sec-90);
}
.yf-bg-clr-sec-d-1 {
background-color: var(--yf-clr-sec-d-1);
}
.yf-bg-clr-sec-d-2 {
background-color: var(--yf-clr-sec-d-2);
}
.yf-bg-clr-sec-d-3 {
background-color: var(--yf-clr-sec-d-3);
}
.yf-bg-clr-sec-l-1 {
background-color: var(--yf-clr-sec-l-1);
}
.yf-bg-clr-sec-l-2 {
background-color: var(--yf-clr-sec-l-2);
}
.yf-bg-clr-sec-l-3 {
background-color: var(--yf-clr-sec-l-3);
}
.yf-text-clr-sec {
color: var(--yf-clr-sec);
}
.yf-text-clr-sec-5 {
color: var(--yf-clr-sec-5);
}
.yf-text-clr-sec-10 {
color: var(--yf-clr-sec-10);
}
.yf-text-clr-sec-20 {
color: var(--yf-clr-sec-20);
}
.yf-text-clr-sec-30 {
color: var(--yf-clr-sec-30);
}
.yf-text-clr-sec-40 {
color: var(--yf-clr-sec-40);
}
.yf-text-clr-sec-50 {
color: var(--yf-clr-sec-50);
}
.yf-text-clr-sec-60 {
color: var(--yf-clr-sec-60);
}
.yf-text-clr-sec-70 {
color: var(--yf-clr-sec-70);
}
.yf-text-clr-sec-80 {
color: var(--yf-clr-sec-80);
}
.yf-text-clr-sec-90 {
color: var(--yf-clr-sec-90);
}
.yf-text-clr-sec-d-1 {
color: var(--yf-clr-sec-d-1);
}
.yf-text-clr-sec-d-2 {
color: var(--yf-clr-sec-d-2);
}
.yf-text-clr-sec-d-3 {
color: var(--yf-clr-sec-d-3);
}
.yf-text-clr-sec-l-1 {
color: var(--yf-clr-sec-l-1);
}
.yf-text-clr-sec-l-2 {
color: var(--yf-clr-sec-l-2);
}
.yf-text-clr-sec-l-3 {
color: var(--yf-clr-sec-l-3);
}
.yf-border-clr-sec {
border-color: var(--yf-clr-sec);
}
.yf-border-clr-sec-5 {
border-color: var(--yf-clr-sec-5);
}
.yf-border-clr-sec-10 {
border-color: var(--yf-clr-sec-10);
}
.yf-border-clr-sec-20 {
border-color: var(--yf-clr-sec-20);
}
.yf-border-clr-sec-30 {
border-color: var(--yf-clr-sec-30);
}
.yf-border-clr-sec-40 {
border-color: var(--yf-clr-sec-40);
}
.yf-border-clr-sec-50 {
border-color: var(--yf-clr-sec-50);
}
.yf-border-clr-sec-60 {
border-color: var(--yf-clr-sec-60);
}
.yf-border-clr-sec-70 {
border-color: var(--yf-clr-sec-70);
}
.yf-border-clr-sec-80 {
border-color: var(--yf-clr-sec-80);
}
.yf-border-clr-sec-90 {
border-color: var(--yf-clr-sec-90);
}
.yf-border-clr-sec-d-1 {
border-color: var(--yf-clr-sec-d-1);
}
.yf-border-clr-sec-d-2 {
border-color: var(--yf-clr-sec-d-2);
}
.yf-border-clr-sec-d-3 {
border-color: var(--yf-clr-sec-d-3);
}
.yf-border-clr-sec-l-1 {
border-color: var(--yf-clr-sec-l-1);
}
.yf-border-clr-sec-l-2 {
border-color: var(--yf-clr-sec-l-2);
}
.yf-border-clr-sec-l-3 {
border-color: var(--yf-clr-sec-l-3);
}
.yf-fill-clr-sec {
fill: var(--yf-clr-sec);
}
.yf-fill-clr-sec-5 {
fill: var(--yf-clr-sec-5);
}
.yf-fill-clr-sec-10 {
fill: var(--yf-clr-sec-10);
}
.yf-fill-clr-sec-20 {
fill: var(--yf-clr-sec-20);
}
.yf-fill-clr-sec-30 {
fill: var(--yf-clr-sec-30);
}
.yf-fill-clr-sec-40 {
fill: var(--yf-clr-sec-40);
}
.yf-fill-clr-sec-50 {
fill: var(--yf-clr-sec-50);
}
.yf-fill-clr-sec-60 {
fill: var(--yf-clr-sec-60);
}
.yf-fill-clr-sec-70 {
fill: var(--yf-clr-sec-70);
}
.yf-fill-clr-sec-80 {
fill: var(--yf-clr-sec-80);
}
.yf-fill-clr-sec-90 {
fill: var(--yf-clr-sec-90);
}
.yf-fill-clr-sec-d-1 {
fill: var(--yf-clr-sec-d-1);
}
.yf-fill-clr-sec-d-2 {
fill: var(--yf-clr-sec-d-2);
}
.yf-fill-clr-sec-d-3 {
fill: var(--yf-clr-sec-d-3);
}
.yf-fill-clr-sec-l-1 {
fill: var(--yf-clr-sec-l-1);
}
.yf-fill-clr-sec-l-2 {
fill: var(--yf-clr-sec-l-2);
}
.yf-fill-clr-sec-l-3 {
fill: var(--yf-clr-sec-l-3);
}
.yf-bg-clr-acc {
background-color: var(--yf-clr-acc);
}
.yf-bg-clr-acc-5 {
background-color: var(--yf-clr-acc-5);
}
.yf-bg-clr-acc-10 {
background-color: var(--yf-clr-acc-10);
}
.yf-bg-clr-acc-20 {
background-color: var(--yf-clr-acc-20);
}
.yf-bg-clr-acc-30 {
background-color: var(--yf-clr-acc-30);
}
.yf-bg-clr-acc-40 {
background-color: var(--yf-clr-acc-40);
}
.yf-bg-clr-acc-50 {
background-color: var(--yf-clr-acc-50);
}
.yf-bg-clr-acc-60 {
background-color: var(--yf-clr-acc-60);
}
.yf-bg-clr-acc-70 {
background-color: var(--yf-clr-acc-70);
}
.yf-bg-clr-acc-80 {
background-color: var(--yf-clr-acc-80);
}
.yf-bg-clr-acc-90 {
background-color: var(--yf-clr-acc-90);
}
.yf-text-clr-acc {
color: var(--yf-clr-acc);
}
.yf-text-clr-acc-5 {
color: var(--yf-clr-acc-5);
}
.yf-text-clr-acc-10 {
color: var(--yf-clr-acc-10);
}
.yf-text-clr-acc-20 {
color: var(--yf-clr-acc-20);
}
.yf-text-clr-acc-30 {
color: var(--yf-clr-acc-30);
}
.yf-text-clr-acc-40 {
color: var(--yf-clr-acc-40);
}
.yf-text-clr-acc-50 {
color: var(--yf-clr-acc-50);
}
.yf-text-clr-acc-60 {
color: var(--yf-clr-acc-60);
}
.yf-text-clr-acc-70 {
color: var(--yf-clr-acc-70);
}
.yf-text-clr-acc-80 {
color: var(--yf-clr-acc-80);
}
.yf-text-clr-acc-90 {
color: var(--yf-clr-acc-90);
}
.yf-bg-clr-pri-laser {
background-color: var(--yf-clr-pri-laser);
}
.yf-bg-clr-pri-laser-5 {
background-color: var(--yf-clr-pri-laser-5);
}
.yf-bg-clr-pri-laser-10 {
background-color: var(--yf-clr-pri-laser-10);
}
.yf-bg-clr-pri-laser-20 {
background-color: var(--yf-clr-pri-laser-20);
}
.yf-bg-clr-pri-laser-30 {
background-color: var(--yf-clr-pri-laser-30);
}
.yf-bg-clr-pri-laser-40 {
background-color: var(--yf-clr-pri-laser-40);
}
.yf-bg-clr-pri-laser-50 {
background-color: var(--yf-clr-pri-laser-50);
}
.yf-bg-clr-pri-laser-60 {
background-color: var(--yf-clr-pri-laser-60);
}
.yf-bg-clr-pri-laser-70 {
background-color: var(--yf-clr-pri-laser-70);
}
.yf-bg-clr-pri-laser-80 {
background-color: var(--yf-clr-pri-laser-80);
}
.yf-bg-clr-pri-laser-90 {
background-color: var(--yf-clr-pri-laser-90);
}
.yf-bg-clr-pri-laser-d-1 {
background-color: var(--yf-clr-pri-laser-d-1);
}
.yf-bg-clr-pri-laser-d-2 {
background-color: var(--yf-clr-pri-laser-d-2);
}
.yf-bg-clr-pri-laser-d-3 {
background-color: var(--yf-clr-pri-laser-d-3);
}
.yf-bg-clr-pri-laser-l-1 {
background-color: var(--yf-clr-pri-laser-l-1);
}
.yf-bg-clr-pri-laser-l-2 {
background-color: var(--yf-clr-pri-laser-l-2);
}
.yf-bg-clr-pri-laser-l-3 {
background-color: var(--yf-clr-pri-laser-l-3);
}
.yf-text-clr-pri-laser {
color: var(--yf-clr-pri-laser);
}
.yf-text-clr-pri-laser-5 {
color: var(--yf-clr-pri-laser-5);
}
.yf-text-clr-pri-laser-10 {
color: var(--yf-clr-pri-laser-10);
}
.yf-text-clr-pri-laser-20 {
color: var(--yf-clr-pri-laser-20);
}
.yf-text-clr-pri-laser-30 {
color: var(--yf-clr-pri-laser-30);
}
.yf-text-clr-pri-laser-40 {
color: var(--yf-clr-pri-laser-40);
}
.yf-text-clr-pri-laser-50 {
color: var(--yf-clr-pri-laser-50);
}
.yf-text-clr-pri-laser-60 {
color: var(--yf-clr-pri-laser-60);
}
.yf-text-clr-pri-laser-70 {
color: var(--yf-clr-pri-laser-70);
}
.yf-text-clr-pri-laser-80 {
color: var(--yf-clr-pri-laser-80);
}
.yf-text-clr-pri-laser-90 {
color: var(--yf-clr-pri-laser-90);
}
.yf-text-clr-pri-laser-d-1 {
color: var(--yf-clr-pri-laser-d-1);
}
.yf-text-clr-pri-laser-d-2 {
color: var(--yf-clr-pri-laser-d-2);
}
.yf-text-clr-pri-laser-d-3 {
color: var(--yf-clr-pri-laser-d-3);
}
.yf-text-clr-pri-laser-l-1 {
color: var(--yf-clr-pri-laser-l-1);
}
.yf-text-clr-pri-laser-l-2 {
color: var(--yf-clr-pri-laser-l-2);
}
.yf-text-clr-pri-laser-l-3 {
color: var(--yf-clr-pri-laser-l-3);
}
.yf-border-clr-pri-laser {
border-color: var(--yf-clr-pri-laser);
}
.yf-border-clr-pri-laser-5 {
border-color: var(--yf-clr-pri-laser-5);
}
.yf-border-clr-pri-laser-10 {
border-color: var(--yf-clr-pri-laser-10);
}
.yf-border-clr-pri-laser-20 {
border-color: var(--yf-clr-pri-laser-20);
}
.yf-border-clr-pri-laser-30 {
border-color: var(--yf-clr-pri-laser-30);
}
.yf-border-clr-pri-laser-40 {
border-color: var(--yf-clr-pri-laser-40);
}
.yf-border-clr-pri-laser-50 {
border-color: var(--yf-clr-pri-laser-50);
}
.yf-border-clr-pri-laser-60 {
border-color: var(--yf-clr-pri-laser-60);
}
.yf-border-clr-pri-laser-70 {
border-color: var(--yf-clr-pri-laser-70);
}
.yf-border-clr-pri-laser-80 {
border-color: var(--yf-clr-pri-laser-80);
}
.yf-border-clr-pri-laser-90 {
border-color: var(--yf-clr-pri-laser-90);
}
.yf-border-clr-pri-laser-d-1 {
border-color: var(--yf-clr-pri-laser-d-1);
}
.yf-border-clr-pri-laser-d-2 {
border-color: var(--yf-clr-pri-laser-d-2);
}
.yf-border-clr-pri-laser-d-3 {
border-color: var(--yf-clr-pri-laser-d-3);
}
.yf-border-clr-pri-laser-l-1 {
border-color: var(--yf-clr-pri-laser-l-1);
}
.yf-border-clr-pri-laser-l-2 {
border-color: var(--yf-clr-pri-laser-l-2);
}
.yf-border-clr-pri-laser-l-3 {
border-color: var(--yf-clr-pri-laser-l-3);
}
.yf-fill-clr-pri-laser {
fill: var(--yf-clr-pri-laser);
}
.yf-fill-clr-pri-laser-5 {
fill: var(--yf-clr-pri-laser-5);
}
.yf-fill-clr-pri-laser-10 {
fill: var(--yf-clr-pri-laser-10);
}
.yf-fill-clr-pri-laser-20 {
fill: var(--yf-clr-pri-laser-20);
}
.yf-fill-clr-pri-laser-30 {
fill: var(--yf-clr-pri-laser-30);
}
.yf-fill-clr-pri-laser-40 {
fill: var(--yf-clr-pri-laser-40);
}
.yf-fill-clr-pri-laser-50 {
fill: var(--yf-clr-pri-laser-50);
}
.yf-fill-clr-pri-laser-60 {
fill: var(--yf-clr-pri-laser-60);
}
.yf-fill-clr-pri-laser-70 {
fill: var(--yf-clr-pri-laser-70);
}
.yf-fill-clr-pri-laser-80 {
fill: var(--yf-clr-pri-laser-80);
}
.yf-fill-clr-pri-laser-90 {
fill: var(--yf-clr-pri-laser-90);
}
.yf-fill-clr-pri-laser-d-1 {
fill: var(--yf-clr-pri-laser-d-1);
}
.yf-fill-clr-pri-laser-d-2 {
fill: var(--yf-clr-pri-laser-d-2);
}
.yf-fill-clr-pri-laser-d-3 {
fill: var(--yf-clr-pri-laser-d-3);
}
.yf-fill-clr-pri-laser-l-1 {
fill: var(--yf-clr-pri-laser-l-1);
}
.yf-fill-clr-pri-laser-l-2 {
fill: var(--yf-clr-pri-laser-l-2);
}
.yf-fill-clr-pri-laser-l-3 {
fill: var(--yf-clr-pri-laser-l-3);
}
.yf-bg-clr-sec-laser {
background-color: var(--yf-clr-sec-laser);
}
.yf-bg-clr-sec-laser-5 {
background-color: var(--yf-clr-sec-laser-5);
}
.yf-bg-clr-sec-laser-10 {
background-color: var(--yf-clr-sec-laser-10);
}
.yf-bg-clr-sec-laser-20 {
background-color: var(--yf-clr-sec-laser-20);
}
.yf-bg-clr-sec-laser-30 {
background-color: var(--yf-clr-sec-laser-30);
}
.yf-bg-clr-sec-laser-40 {
background-color: var(--yf-clr-sec-laser-40);
}
.yf-bg-clr-sec-laser-50 {
background-color: var(--yf-clr-sec-laser-50);
}
.yf-bg-clr-sec-laser-60 {
background-color: var(--yf-clr-sec-laser-60);
}
.yf-bg-clr-sec-laser-70 {
background-color: var(--yf-clr-sec-laser-70);
}
.yf-bg-clr-sec-laser-80 {
background-color: var(--yf-clr-sec-laser-80);
}
.yf-bg-clr-sec-laser-90 {
background-color: var(--yf-clr-sec-laser-90);
}
.yf-bg-clr-sec-laser-d-1 {
background-color: var(--yf-clr-sec-laser-d-1);
}
.yf-bg-clr-sec-laser-d-2 {
background-color: var(--yf-clr-sec-laser-d-2);
}
.yf-bg-clr-sec-laser-d-3 {
background-color: var(--yf-clr-sec-laser-d-3);
}
.yf-bg-clr-sec-laser-l-1 {
background-color: var(--yf-clr-sec-laser-l-1);
}
.yf-bg-clr-sec-laser-l-2 {
background-color: var(--yf-clr-sec-laser-l-2);
}
.yf-bg-clr-sec-laser-l-3 {
background-color: var(--yf-clr-sec-laser-l-3);
}
.yf-text-clr-sec-laser {
color: var(--yf-clr-sec-laser);
}
.yf-text-clr-sec-laser-5 {
color: var(--yf-clr-sec-laser-5);
}
.yf-text-clr-sec-laser-10 {
color: var(--yf-clr-sec-laser-10);
}
.yf-text-clr-sec-laser-20 {
color: var(--yf-clr-sec-laser-20);
}
.yf-text-clr-sec-laser-30 {
color: var(--yf-clr-sec-laser-30);
}
.yf-text-clr-sec-laser-40 {
color: var(--yf-clr-sec-laser-40);
}
.yf-text-clr-sec-laser-50 {
color: var(--yf-clr-sec-laser-50);
}
.yf-text-clr-sec-laser-60 {
color: var(--yf-clr-sec-laser-60);
}
.yf-text-clr-sec-laser-70 {
color: var(--yf-clr-sec-laser-70);
}
.yf-text-clr-sec-laser-80 {
color: var(--yf-clr-sec-laser-80);
}
.yf-text-clr-sec-laser-90 {
color: var(--yf-clr-sec-laser-90);
}
.yf-text-clr-sec-laser-d-1 {
color: var(--yf-clr-sec-laser-d-1);
}
.yf-text-clr-sec-laser-d-2 {
color: var(--yf-clr-sec-laser-d-2);
}
.yf-text-clr-sec-laser-d-3 {
color: var(--yf-clr-sec-laser-d-3);
}
.yf-text-clr-sec-laser-l-1 {
color: var(--yf-clr-sec-laser-l-1);
}
.yf-text-clr-sec-laser-l-2 {
color: var(--yf-clr-sec-laser-l-2);
}
.yf-text-clr-sec-laser-l-3 {
color: var(--yf-clr-sec-laser-l-3);
}
.yf-border-clr-sec-laser {
border-color: var(--yf-clr-sec-laser);
}
.yf-border-clr-sec-laser-5 {
border-color: var(--yf-clr-sec-laser-5);
}
.yf-border-clr-sec-laser-10 {
border-color: var(--yf-clr-sec-laser-10);
}
.yf-border-clr-sec-laser-20 {
border-color: var(--yf-clr-sec-laser-20);
}
.yf-border-clr-sec-laser-30 {
border-color: var(--yf-clr-sec-laser-30);
}
.yf-border-clr-sec-laser-40 {
border-color: var(--yf-clr-sec-laser-40);
}
.yf-border-clr-sec-laser-50 {
border-color: var(--yf-clr-sec-laser-50);
}
.yf-border-clr-sec-laser-60 {
border-color: var(--yf-clr-sec-laser-60);
}
.yf-border-clr-sec-laser-70 {
border-color: var(--yf-clr-sec-laser-70);
}
.yf-border-clr-sec-laser-80 {
border-color: var(--yf-clr-sec-laser-80);
}
.yf-border-clr-sec-laser-90 {
border-color: var(--yf-clr-sec-laser-90);
}
.yf-border-clr-sec-laser-d-1 {
border-color: var(--yf-clr-sec-laser-d-1);
}
.yf-border-clr-sec-laser-d-2 {
border-color: var(--yf-clr-sec-laser-d-2);
}
.yf-border-clr-sec-laser-d-3 {
border-color: var(--yf-clr-sec-laser-d-3);
}
.yf-border-clr-sec-laser-l-1 {
border-color: var(--yf-clr-sec-laser-l-1);
}
.yf-border-clr-sec-laser-l-2 {
border-color: var(--yf-clr-sec-laser-l-2);
}
.yf-border-clr-sec-laser-l-3 {
border-color: var(--yf-clr-sec-laser-l-3);
}
.yf-fill-clr-sec-laser {
fill: var(--yf-clr-sec-laser);
}
.yf-fill-clr-sec-laser-5 {
fill: var(--yf-clr-sec-laser-5);
}
.yf-fill-clr-sec-laser-10 {
fill: var(--yf-clr-sec-laser-10);
}
.yf-fill-clr-sec-laser-20 {
fill: var(--yf-clr-sec-laser-20);
}
.yf-fill-clr-sec-laser-30 {
fill: var(--yf-clr-sec-laser-30);
}
.yf-fill-clr-sec-laser-40 {
fill: var(--yf-clr-sec-laser-40);
}
.yf-fill-clr-sec-laser-50 {
fill: var(--yf-clr-sec-laser-50);
}
.yf-fill-clr-sec-laser-60 {
fill: var(--yf-clr-sec-laser-60);
}
.yf-fill-clr-sec-laser-70 {
fill: var(--yf-clr-sec-laser-70);
}
.yf-fill-clr-sec-laser-80 {
fill: var(--yf-clr-sec-laser-80);
}
.yf-fill-clr-sec-laser-90 {
fill: var(--yf-clr-sec-laser-90);
}
.yf-fill-clr-sec-laser-d-1 {
fill: var(--yf-clr-sec-laser-d-1);
}
.yf-fill-clr-sec-laser-d-2 {
fill: var(--yf-clr-sec-laser-d-2);
}
.yf-fill-clr-sec-laser-d-3 {
fill: var(--yf-clr-sec-laser-d-3);
}
.yf-fill-clr-sec-laser-l-1 {
fill: var(--yf-clr-sec-laser-l-1);
}
.yf-fill-clr-sec-laser-l-2 {
fill: var(--yf-clr-sec-laser-l-2);
}
.yf-fill-clr-sec-laser-l-3 {
fill: var(--yf-clr-sec-laser-l-3);
}
.yf-bg-clr-pri-beauty {
background-color: var(--yf-clr-pri-beauty);
}
.yf-bg-clr-pri-beauty-5 {
background-color: var(--yf-clr-pri-beauty-5);
}
.yf-bg-clr-pri-beauty-10 {
background-color: var(--yf-clr-pri-beauty-10);
}
.yf-bg-clr-pri-beauty-20 {
background-color: var(--yf-clr-pri-beauty-20);
}
.yf-bg-clr-pri-beauty-30 {
background-color: var(--yf-clr-pri-beauty-30);
}
.yf-bg-clr-pri-beauty-40 {
background-color: var(--yf-clr-pri-beauty-40);
}
.yf-bg-clr-pri-beauty-50 {
background-color: var(--yf-clr-pri-beauty-50);
}
.yf-bg-clr-pri-beauty-60 {
background-color: var(--yf-clr-pri-beauty-60);
}
.yf-bg-clr-pri-beauty-70 {
background-color: var(--yf-clr-pri-beauty-70);
}
.yf-bg-clr-pri-beauty-80 {
background-color: var(--yf-clr-pri-beauty-80);
}
.yf-bg-clr-pri-beauty-90 {
background-color: var(--yf-clr-pri-beauty-90);
}
.yf-bg-clr-pri-beauty-d-1 {
background-color: var(--yf-clr-pri-beauty-d-1);
}
.yf-bg-clr-pri-beauty-d-2 {
background-color: var(--yf-clr-pri-beauty-d-2);
}
.yf-bg-clr-pri-beauty-d-3 {
background-color: var(--yf-clr-pri-beauty-d-3);
}
.yf-bg-clr-pri-beauty-l-1 {
background-color: var(--yf-clr-pri-beauty-l-1);
}
.yf-bg-clr-pri-beauty-l-2 {
background-color: var(--yf-clr-pri-beauty-l-2);
}
.yf-bg-clr-pri-beauty-l-3 {
background-color: var(--yf-clr-pri-beauty-l-3);
}
.yf-text-clr-pri-beauty {
color: var(--yf-clr-pri-beauty);
}
.yf-text-clr-pri-beauty-5 {
color: var(--yf-clr-pri-beauty-5);
}
.yf-text-clr-pri-beauty-10 {
color: var(--yf-clr-pri-beauty-10);
}
.yf-text-clr-pri-beauty-20 {
color: var(--yf-clr-pri-beauty-20);
}
.yf-text-clr-pri-beauty-30 {
color: var(--yf-clr-pri-beauty-30);
}
.yf-text-clr-pri-beauty-40 {
color: var(--yf-clr-pri-beauty-40);
}
.yf-text-clr-pri-beauty-50 {
color: var(--yf-clr-pri-beauty-50);
}
.yf-text-clr-pri-beauty-60 {
color: var(--yf-clr-pri-beauty-60);
}
.yf-text-clr-pri-beauty-70 {
color: var(--yf-clr-pri-beauty-70);
}
.yf-text-clr-pri-beauty-80 {
color: var(--yf-clr-pri-beauty-80);
}
.yf-text-clr-pri-beauty-90 {
color: var(--yf-clr-pri-beauty-90);
}
.yf-text-clr-pri-beauty-d-1 {
color: var(--yf-clr-pri-beauty-d-1);
}
.yf-text-clr-pri-beauty-d-2 {
color: var(--yf-clr-pri-beauty-d-2);
}
.yf-text-clr-pri-beauty-d-3 {
color: var(--yf-clr-pri-beauty-d-3);
}
.yf-text-clr-pri-beauty-l-1 {
color: var(--yf-clr-pri-beauty-l-1);
}
.yf-text-clr-pri-beauty-l-2 {
color: var(--yf-clr-pri-beauty-l-2);
}
.yf-text-clr-pri-beauty-l-3 {
color: var(--yf-clr-pri-beauty-l-3);
}
.yf-border-clr-pri-beauty {
border-color: var(--yf-clr-pri-beauty);
}
.yf-border-clr-pri-beauty-5 {
border-color: var(--yf-clr-pri-beauty-5);
}
.yf-border-clr-pri-beauty-10 {
border-color: var(--yf-clr-pri-beauty-10);
}
.yf-border-clr-pri-beauty-20 {
border-color: var(--yf-clr-pri-beauty-20);
}
.yf-border-clr-pri-beauty-30 {
border-color: var(--yf-clr-pri-beauty-30);
}
.yf-border-clr-pri-beauty-40 {
border-color: var(--yf-clr-pri-beauty-40);
}
.yf-border-clr-pri-beauty-50 {
border-color: var(--yf-clr-pri-beauty-50);
}
.yf-border-clr-pri-beauty-60 {
border-color: var(--yf-clr-pri-beauty-60);
}
.yf-border-clr-pri-beauty-70 {
border-color: var(--yf-clr-pri-beauty-70);
}
.yf-border-clr-pri-beauty-80 {
border-color: var(--yf-clr-pri-beauty-80);
}
.yf-border-clr-pri-beauty-90 {
border-color: var(--yf-clr-pri-beauty-90);
}
.yf-border-clr-pri-beauty-d-1 {
border-color: var(--yf-clr-pri-beauty-d-1);
}
.yf-border-clr-pri-beauty-d-2 {
border-color: var(--yf-clr-pri-beauty-d-2);
}
.yf-border-clr-pri-beauty-d-3 {
border-color: var(--yf-clr-pri-beauty-d-3);
}
.yf-border-clr-pri-beauty-l-1 {
border-color: var(--yf-clr-pri-beauty-l-1);
}
.yf-border-clr-pri-beauty-l-2 {
border-color: var(--yf-clr-pri-beauty-l-2);
}
.yf-border-clr-pri-beauty-l-3 {
border-color: var(--yf-clr-pri-beauty-l-3);
}
.yf-fill-clr-pri-beauty {
fill: var(--yf-clr-pri-beauty);
}
.yf-fill-clr-pri-beauty-5 {
fill: var(--yf-clr-pri-beauty-5);
}
.yf-fill-clr-pri-beauty-10 {
fill: var(--yf-clr-pri-beauty-10);
}
.yf-fill-clr-pri-beauty-20 {
fill: var(--yf-clr-pri-beauty-20);
}
.yf-fill-clr-pri-beauty-30 {
fill: var(--yf-clr-pri-beauty-30);
}
.yf-fill-clr-pri-beauty-40 {
fill: var(--yf-clr-pri-beauty-40);
}
.yf-fill-clr-pri-beauty-50 {
fill: var(--yf-clr-pri-beauty-50);
}
.yf-fill-clr-pri-beauty-60 {
fill: var(--yf-clr-pri-beauty-60);
}
.yf-fill-clr-pri-beauty-70 {
fill: var(--yf-clr-pri-beauty-70);
}
.yf-fill-clr-pri-beauty-80 {
fill: var(--yf-clr-pri-beauty-80);
}
.yf-fill-clr-pri-beauty-90 {
fill: var(--yf-clr-pri-beauty-90);
}
.yf-fill-clr-pri-beauty-d-1 {
fill: var(--yf-clr-pri-beauty-d-1);
}
.yf-fill-clr-pri-beauty-d-2 {
fill: var(--yf-clr-pri-beauty-d-2);
}
.yf-fill-clr-pri-beauty-d-3 {
fill: var(--yf-clr-pri-beauty-d-3);
}
.yf-fill-clr-pri-beauty-l-1 {
fill: var(--yf-clr-pri-beauty-l-1);
}
.yf-fill-clr-pri-beauty-l-2 {
fill: var(--yf-clr-pri-beauty-l-2);
}
.yf-fill-clr-pri-beauty-l-3 {
fill: var(--yf-clr-pri-beauty-l-3);
}
.yf-bg-clr-sec-beauty {
background-color: var(--yf-clr-sec-beauty);
}
.yf-bg-clr-sec-beauty-5 {
background-color: var(--yf-clr-sec-beauty-5);
}
.yf-bg-clr-sec-beauty-10 {
background-color: var(--yf-clr-sec-beauty-10);
}
.yf-bg-clr-sec-beauty-20 {
background-color: var(--yf-clr-sec-beauty-20);
}
.yf-bg-clr-sec-beauty-30 {
background-color: var(--yf-clr-sec-beauty-30);
}
.yf-bg-clr-sec-beauty-40 {
background-color: var(--yf-clr-sec-beauty-40);
}
.yf-bg-clr-sec-beauty-50 {
background-color: var(--yf-clr-sec-beauty-50);
}
.yf-bg-clr-sec-beauty-60 {
background-color: var(--yf-clr-sec-beauty-60);
}
.yf-bg-clr-sec-beauty-70 {
background-color: var(--yf-clr-sec-beauty-70);
}
.yf-bg-clr-sec-beauty-80 {
background-color: var(--yf-clr-sec-beauty-80);
}
.yf-bg-clr-sec-beauty-90 {
background-color: var(--yf-clr-sec-beauty-90);
}
.yf-bg-clr-sec-beauty-d-1 {
background-color: var(--yf-clr-sec-beauty-d-1);
}
.yf-bg-clr-sec-beauty-d-2 {
background-color: var(--yf-clr-sec-beauty-d-2);
}
.yf-bg-clr-sec-beauty-d-3 {
background-color: var(--yf-clr-sec-beauty-d-3);
}
.yf-bg-clr-sec-beauty-l-1 {
background-color: var(--yf-clr-sec-beauty-l-1);
}
.yf-bg-clr-sec-beauty-l-2 {
background-color: var(--yf-clr-sec-beauty-l-2);
}
.yf-bg-clr-sec-beauty-l-3 {
background-color: var(--yf-clr-sec-beauty-l-3);
}
.yf-text-clr-sec-beauty {
color: var(--yf-clr-sec-beauty);
}
.yf-text-clr-sec-beauty-5 {
color: var(--yf-clr-sec-beauty-5);
}
.yf-text-clr-sec-beauty-10 {
color: var(--yf-clr-sec-beauty-10);
}
.yf-text-clr-sec-beauty-20 {
color: var(--yf-clr-sec-beauty-20);
}
.yf-text-clr-sec-beauty-30 {
color: var(--yf-clr-sec-beauty-30);
}
.yf-text-clr-sec-beauty-40 {
color: var(--yf-clr-sec-beauty-40);
}
.yf-text-clr-sec-beauty-50 {
color: var(--yf-clr-sec-beauty-50);
}
.yf-text-clr-sec-beauty-60 {
color: var(--yf-clr-sec-beauty-60);
}
.yf-text-clr-sec-beauty-70 {
color: var(--yf-clr-sec-beauty-70);
}
.yf-text-clr-sec-beauty-80 {
color: var(--yf-clr-sec-beauty-80);
}
.yf-text-clr-sec-beauty-90 {
color: var(--yf-clr-sec-beauty-90);
}
.yf-text-clr-sec-beauty-d-1 {
color: var(--yf-clr-sec-beauty-d-1);
}
.yf-text-clr-sec-beauty-d-2 {
color: var(--yf-clr-sec-beauty-d-2);
}
.yf-text-clr-sec-beauty-d-3 {
color: var(--yf-clr-sec-beauty-d-3);
}
.yf-text-clr-sec-beauty-l-1 {
color: var(--yf-clr-sec-beauty-l-1);
}
.yf-text-clr-sec-beauty-l-2 {
color: var(--yf-clr-sec-beauty-l-2);
}
.yf-text-clr-sec-beauty-l-3 {
color: var(--yf-clr-sec-beauty-l-3);
}
.yf-border-clr-sec-beauty {
border-color: var(--yf-clr-sec-beauty);
}
.yf-border-clr-sec-beauty-5 {
border-color: var(--yf-clr-sec-beauty-5);
}
.yf-border-clr-sec-beauty-10 {
border-color: var(--yf-clr-sec-beauty-10);
}
.yf-border-clr-sec-beauty-20 {
border-color: var(--yf-clr-sec-beauty-20);
}
.yf-border-clr-sec-beauty-30 {
border-color: var(--yf-clr-sec-beauty-30);
}
.yf-border-clr-sec-beauty-40 {
border-color: var(--yf-clr-sec-beauty-40);
}
.yf-border-clr-sec-beauty-50 {
border-color: var(--yf-clr-sec-beauty-50);
}
.yf-border-clr-sec-beauty-60 {
border-color: var(--yf-clr-sec-beauty-60);
}
.yf-border-clr-sec-beauty-70 {
border-color: var(--yf-clr-sec-beauty-70);
}
.yf-border-clr-sec-beauty-80 {
border-color: var(--yf-clr-sec-beauty-80);
}
.yf-border-clr-sec-beauty-90 {
border-color: var(--yf-clr-sec-beauty-90);
}
.yf-border-clr-sec-beauty-d-1 {
border-color: var(--yf-clr-sec-beauty-d-1);
}
.yf-border-clr-sec-beauty-d-2 {
border-color: var(--yf-clr-sec-beauty-d-2);
}
.yf-border-clr-sec-beauty-d-3 {
border-color: var(--yf-clr-sec-beauty-d-3);
}
.yf-border-clr-sec-beauty-l-1 {
border-color: var(--yf-clr-sec-beauty-l-1);
}
.yf-border-clr-sec-beauty-l-2 {
border-color: var(--yf-clr-sec-beauty-l-2);
}
.yf-border-clr-sec-beauty-l-3 {
border-color: var(--yf-clr-sec-beauty-l-3);
}
.yf-fill-clr-sec-beauty {
fill: var(--yf-clr-sec-beauty);
}
.yf-fill-clr-sec-beauty-5 {
fill: var(--yf-clr-sec-beauty-5);
}
.yf-fill-clr-sec-beauty-10 {
fill: var(--yf-clr-sec-beauty-10);
}
.yf-fill-clr-sec-beauty-20 {
fill: var(--yf-clr-sec-beauty-20);
}
.yf-fill-clr-sec-beauty-30 {
fill: var(--yf-clr-sec-beauty-30);
}
.yf-fill-clr-sec-beauty-40 {
fill: var(--yf-clr-sec-beauty-40);
}
.yf-fill-clr-sec-beauty-50 {
fill: var(--yf-clr-sec-beauty-50);
}
.yf-fill-clr-sec-beauty-60 {
fill: var(--yf-clr-sec-beauty-60);
}
.yf-fill-clr-sec-beauty-70 {
fill: var(--yf-clr-sec-beauty-70);
}
.yf-fill-clr-sec-beauty-80 {
fill: var(--yf-clr-sec-beauty-80);
}
.yf-fill-clr-sec-beauty-90 {
fill: var(--yf-clr-sec-beauty-90);
}
.yf-fill-clr-sec-beauty-d-1 {
fill: var(--yf-clr-sec-beauty-d-1);
}
.yf-fill-clr-sec-beauty-d-2 {
fill: var(--yf-clr-sec-beauty-d-2);
}
.yf-fill-clr-sec-beauty-d-3 {
fill: var(--yf-clr-sec-beauty-d-3);
}
.yf-fill-clr-sec-beauty-l-1 {
fill: var(--yf-clr-sec-beauty-l-1);
}
.yf-fill-clr-sec-beauty-l-2 {
fill: var(--yf-clr-sec-beauty-l-2);
}
.yf-fill-clr-sec-beauty-l-3 {
fill: var(--yf-clr-sec-beauty-l-3);
}
.yf-bg-body {
background-color: var(--yf-bg-body);
}
.yf-bg-body-5 {
background-color: var(--yf-bg-body-5);
}
.yf-bg-body-10 {
background-color: var(--yf-bg-body-10);
}
.yf-bg-body-20 {
background-color: var(--yf-bg-body-20);
}
.yf-bg-body-30 {
background-color: var(--yf-bg-body-30);
}
.yf-bg-body-40 {
background-color: var(--yf-bg-body-40);
}
.yf-bg-body-50 {
background-color: var(--yf-bg-body-50);
}
.yf-bg-body-60 {
background-color: var(--yf-bg-body-60);
}
.yf-bg-body-70 {
background-color: var(--yf-bg-body-70);
}
.yf-bg-body-80 {
background-color: var(--yf-bg-body-80);
}
.yf-bg-body-90 {
background-color: var(--yf-bg-body-90);
}
.yf-bg-surface {
background-color: var(--yf-bg-surface);
}
.yf-bg-surface-5 {
background-color: var(--yf-bg-surface-5);
}
.yf-bg-surface-10 {
background-color: var(--yf-bg-surface-10);
}
.yf-bg-surface-20 {
background-color: var(--yf-bg-surface-20);
}
.yf-bg-surface-30 {
background-color: var(--yf-bg-surface-30);
}
.yf-bg-surface-40 {
background-color: var(--yf-bg-surface-40);
}
.yf-bg-surface-50 {
background-color: var(--yf-bg-surface-50);
}
.yf-bg-surface-60 {
background-color: var(--yf-bg-surface-60);
}
.yf-bg-surface-70 {
background-color: var(--yf-bg-surface-70);
}
.yf-bg-surface-80 {
background-color: var(--yf-bg-surface-80);
}
.yf-bg-surface-90 {
background-color: var(--yf-bg-surface-90);
}
.yf-bg-light {
background-color: var(--yf-light);
}
.yf-bg-light-5 {
background-color: var(--yf-light-5);
}
.yf-bg-light-10 {
background-color: var(--yf-light-10);
}
.yf-bg-light-20 {
background-color: var(--yf-light-20);
}
.yf-bg-light-30 {
background-color: var(--yf-light-30);
}
.yf-bg-light-40 {
background-color: var(--yf-light-40);
}
.yf-bg-light-50 {
background-color: var(--yf-light-50);
}
.yf-bg-light-60 {
background-color: var(--yf-light-60);
}
.yf-bg-light-70 {
background-color: var(--yf-light-70);
}
.yf-bg-light-80 {
background-color: var(--yf-light-80);
}
.yf-bg-light-90 {
background-color: var(--yf-light-90);
}
.yf-text-light {
color: var(--yf-light);
}
.yf-text-light-5 {
color: var(--yf-light-5);
}
.yf-text-light-10 {
color: var(--yf-light-10);
}
.yf-text-light-20 {
color: var(--yf-light-20);
}
.yf-text-light-30 {
color: var(--yf-light-30);
}
.yf-text-light-40 {
color: var(--yf-light-40);
}
.yf-text-light-50 {
color: var(--yf-light-50);
}
.yf-text-light-60 {
color: var(--yf-light-60);
}
.yf-text-light-70 {
color: var(--yf-light-70);
}
.yf-text-light-80 {
color: var(--yf-light-80);
}
.yf-text-light-90 {
color: var(--yf-light-90);
}
.yf-border-light {
border-color: var(--yf-light);
}
.yf-border-light-5 {
border-color: var(--yf-light-5);
}
.yf-border-light-10 {
border-color: var(--yf-light-10);
}
.yf-border-light-20 {
border-color: var(--yf-light-20);
}
.yf-border-light-30 {
border-color: var(--yf-light-30);
}
.yf-border-light-40 {
border-color: var(--yf-light-40);
}
.yf-border-light-50 {
border-color: var(--yf-light-50);
}
.yf-border-light-60 {
border-color: var(--yf-light-60);
}
.yf-border-light-70 {
border-color: var(--yf-light-70);
}
.yf-border-light-80 {
border-color: var(--yf-light-80);
}
.yf-border-light-90 {
border-color: var(--yf-light-90);
}
.yf-bg-dark {
background-color: var(--yf-dark);
}
.yf-bg-dark-5 {
background-color: var(--yf-dark-5);
}
.yf-bg-dark-10 {
background-color: var(--yf-dark-10);
}
.yf-bg-dark-20 {
background-color: var(--yf-dark-20);
}
.yf-bg-dark-30 {
background-color: var(--yf-dark-30);
}
.yf-bg-dark-40 {
background-color: var(--yf-dark-40);
}
.yf-bg-dark-50 {
background-color: var(--yf-dark-50);
}
.yf-bg-dark-60 {
background-color: var(--yf-dark-60);
}
.yf-bg-dark-70 {
background-color: var(--yf-dark-70);
}
.yf-bg-dark-80 {
background-color: var(--yf-dark-80);
}
.yf-bg-dark-90 {
background-color: var(--yf-dark-90);
}
.yf-text-dark {
color: var(--yf-dark);
}
.yf-text-dark-5 {
color: var(--yf-dark-5);
}
.yf-text-dark-10 {
color: var(--yf-dark-10);
}
.yf-text-dark-20 {
color: var(--yf-dark-20);
}
.yf-text-dark-30 {
color: var(--yf-dark-30);
}
.yf-text-dark-40 {
color: var(--yf-dark-40);
}
.yf-text-dark-50 {
color: var(--yf-dark-50);
}
.yf-text-dark-60 {
color: var(--yf-dark-60);
}
.yf-text-dark-70 {
color: var(--yf-dark-70);
}
.yf-text-dark-80 {
color: var(--yf-dark-80);
}
.yf-text-dark-90 {
color: var(--yf-dark-90);
}
.yf-border-dark {
border-color: var(--yf-dark);
}
.yf-border-dark-5 {
border-color: var(--yf-dark-5);
}
.yf-border-dark-10 {
border-color: var(--yf-dark-10);
}
.yf-border-dark-20 {
border-color: var(--yf-dark-20);
}
.yf-border-dark-30 {
border-color: var(--yf-dark-30);
}
.yf-border-dark-40 {
border-color: var(--yf-dark-40);
}
.yf-border-dark-50 {
border-color: var(--yf-dark-50);
}
.yf-border-dark-60 {
border-color: var(--yf-dark-60);
}
.yf-border-dark-70 {
border-color: var(--yf-dark-70);
}
.yf-border-dark-80 {
border-color: var(--yf-dark-80);
}
.yf-border-dark-90 {
border-color: var(--yf-dark-90);
}
.yf-fill-dark {
fill: var(--yf-dark);
}
.yf-fill-dark-5 {
fill: var(--yf-dark-5);
}
.yf-fill-dark-10 {
fill: var(--yf-dark-10);
}
.yf-fill-dark-20 {
fill: var(--yf-dark-20);
}
.yf-fill-dark-30 {
fill: var(--yf-dark-30);
}
.yf-fill-dark-40 {
fill: var(--yf-dark-40);
}
.yf-fill-dark-50 {
fill: var(--yf-dark-50);
}
.yf-fill-dark-60 {
fill: var(--yf-dark-60);
}
.yf-fill-dark-70 {
fill: var(--yf-dark-70);
}
.yf-fill-dark-80 {
fill: var(--yf-dark-80);
}
.yf-fill-dark-90 {
fill: var(--yf-dark-90);
}
.yf-bg-success {
background-color: var(--yf-success);
}
.yf-bg-success-5 {
background-color: var(--yf-success-5);
}
.yf-bg-success-10 {
background-color: var(--yf-success-10);
}
.yf-bg-success-20 {
background-color: var(--yf-success-20);
}
.yf-bg-success-30 {
background-color: var(--yf-success-30);
}
.yf-bg-success-40 {
background-color: var(--yf-success-40);
}
.yf-bg-success-50 {
background-color: var(--yf-success-50);
}
.yf-bg-success-60 {
background-color: var(--yf-success-60);
}
.yf-bg-success-70 {
background-color: var(--yf-success-70);
}
.yf-bg-success-80 {
background-color: var(--yf-success-80);
}
.yf-bg-success-90 {
background-color: var(--yf-success-90);
}
.yf-text-success {
color: var(--yf-success);
}
.yf-text-success-5 {
color: var(--yf-success-5);
}
.yf-text-success-10 {
color: var(--yf-success-10);
}
.yf-text-success-20 {
color: var(--yf-success-20);
}
.yf-text-success-30 {
color: var(--yf-success-30);
}
.yf-text-success-40 {
color: var(--yf-success-40);
}
.yf-text-success-50 {
color: var(--yf-success-50);
}
.yf-text-success-60 {
color: var(--yf-success-60);
}
.yf-text-success-70 {
color: var(--yf-success-70);
}
.yf-text-success-80 {
color: var(--yf-success-80);
}
.yf-text-success-90 {
color: var(--yf-success-90);
}
.yf-border-success {
border-color: var(--yf-success);
}
.yf-border-success-5 {
border-color: var(--yf-success-5);
}
.yf-border-success-10 {
border-color: var(--yf-success-10);
}
.yf-border-success-20 {
border-color: var(--yf-success-20);
}
.yf-border-success-30 {
border-color: var(--yf-success-30);
}
.yf-border-success-40 {
border-color: var(--yf-success-40);
}
.yf-border-success-50 {
border-color: var(--yf-success-50);
}
.yf-border-success-60 {
border-color: var(--yf-success-60);
}
.yf-border-success-70 {
border-color: var(--yf-success-70);
}
.yf-border-success-80 {
border-color: var(--yf-success-80);
}
.yf-border-success-90 {
border-color: var(--yf-success-90);
}
.yf-bg-error {
background-color: var(--yf-error);
}
.yf-bg-error-5 {
background-color: var(--yf-error-5);
}
.yf-bg-error-10 {
background-color: var(--yf-error-10);
}
.yf-bg-error-20 {
background-color: var(--yf-error-20);
}
.yf-bg-error-30 {
background-color: var(--yf-error-30);
}
.yf-bg-error-40 {
background-color: var(--yf-error-40);
}
.yf-bg-error-50 {
background-color: var(--yf-error-50);
}
.yf-bg-error-60 {
background-color: var(--yf-error-60);
}
.yf-bg-error-70 {
background-color: var(--yf-error-70);
}
.yf-bg-error-80 {
background-color: var(--yf-error-80);
}
.yf-bg-error-90 {
background-color: var(--yf-error-90);
}
.yf-text-error {
color: var(--yf-error);
}
.yf-text-error-5 {
color: var(--yf-error-5);
}
.yf-text-error-10 {
color: var(--yf-error-10);
}
.yf-text-error-20 {
color: var(--yf-error-20);
}
.yf-text-error-30 {
color: var(--yf-error-30);
}
.yf-text-error-40 {
color: var(--yf-error-40);
}
.yf-text-error-50 {
color: var(--yf-error-50);
}
.yf-text-error-60 {
color: var(--yf-error-60);
}
.yf-text-error-70 {
color: var(--yf-error-70);
}
.yf-text-error-80 {
color: var(--yf-error-80);
}
.yf-text-error-90 {
color: var(--yf-error-90);
}
.yf-border-error {
border-color: var(--yf-error);
}
.yf-border-error-5 {
border-color: var(--yf-error-5);
}
.yf-border-error-10 {
border-color: var(--yf-error-10);
}
.yf-border-error-20 {
border-color: var(--yf-error-20);
}
.yf-border-error-30 {
border-color: var(--yf-error-30);
}
.yf-border-error-40 {
border-color: var(--yf-error-40);
}
.yf-border-error-50 {
border-color: var(--yf-error-50);
}
.yf-border-error-60 {
border-color: var(--yf-error-60);
}
.yf-border-error-70 {
border-color: var(--yf-error-70);
}
.yf-border-error-80 {
border-color: var(--yf-error-80);
}
.yf-border-error-90 {
border-color: var(--yf-error-90);
}
.yf-text-clr-head {
color: var(--yf-clr-head);
}
.yf-text-clr-head-5 {
color: var(--yf-clr-head-5);
}
.yf-text-clr-head-10 {
color: var(--yf-clr-head-10);
}
.yf-text-clr-head-20 {
color: var(--yf-clr-head-20);
}
.yf-text-clr-head-30 {
color: var(--yf-clr-head-30);
}
.yf-text-clr-head-40 {
color: var(--yf-clr-head-40);
}
.yf-text-clr-head-50 {
color: var(--yf-clr-head-50);
}
.yf-text-clr-head-60 {
color: var(--yf-clr-head-60);
}
.yf-text-clr-head-70 {
color: var(--yf-clr-head-70);
}
.yf-text-clr-head-80 {
color: var(--yf-clr-head-80);
}
.yf-text-clr-head-90 {
color: var(--yf-clr-head-90);
}
.yf-text-clr-text {
color: var(--yf-clr-text);
}
.yf-text-clr-5 {
color: var(--yf-clr-text-5);
}
.yf-text-clr-10 {
color: var(--yf-clr-text-10);
}
.yf-text-clr-20 {
color: var(--yf-clr-text-20);
}
.yf-text-clr-30 {
color: var(--yf-clr-text-30);
}
.yf-text-clr-40 {
color: var(--yf-clr-text-40);
}
.yf-text-clr-50 {
color: var(--yf-clr-text-50);
}
.yf-text-clr-60 {
color: var(--yf-clr-text-60);
}
.yf-text-clr-70 {
color: var(--yf-clr-text-70);
}
.yf-text-clr-80 {
color: var(--yf-clr-text-80);
}
.yf-text-clr-90 {
color: var(--yf-clr-text-90);
}
.yf-text-clr-link {
color: var(--yf-clr-link);
}
.yf-text-clr-link-5 {
color: var(--yf-clr-link-5);
}
.yf-text-clr-link-10 {
color: var(--yf-clr-link-10);
}
.yf-text-clr-link-20 {
color: var(--yf-clr-link-20);
}
.yf-text-clr-link-30 {
color: var(--yf-clr-link-30);
}
.yf-text-clr-link-40 {
color: var(--yf-clr-link-40);
}
.yf-text-clr-link-50 {
color: var(--yf-clr-link-50);
}
.yf-text-clr-link-60 {
color: var(--yf-clr-link-60);
}
.yf-text-clr-link-70 {
color: var(--yf-clr-link-70);
}
.yf-text-clr-link-80 {
color: var(--yf-clr-link-80);
}
.yf-text-clr-link-90 {
color: var(--yf-clr-link-90);
}
.yf-bg-clr-bdy {
background-color: var(--yf-clr-bdy);
}
.yf-fill-clr-bdy {
fill: var(--yf-clr-bdy);
}
.yf-padding-4xs {
padding: var(--yf-space-4xs);
}
.yf-padding-3xs {
padding: var(--yf-space-3xs);
}
.yf-padding-2xs {
padding: var(--yf-space-2xs);
}
.yf-padding-xs {
padding: var(--yf-space-xs);
}
.yf-padding-s {
padding: var(--yf-space-s);
}
.yf-padding-m {
padding: var(--yf-space-m);
}
.yf-padding-l {
padding: var(--yf-space-l);
}
.yf-padding-xl {
padding: var(--yf-space-xl);
}
.yf-padding-2xl {
padding: var(--yf-space-2xl);
}
.yf-padding-3xl {
padding: var(--yf-space-3xl);
}
.yf-padding-4xl {
padding: var(--yf-space-4xl);
}
.yf-padding-l-4xs {
padding-left: var(--yf-space-4xs);
}
.yf-padding-l-3xs {
padding-left: var(--yf-space-3xs);
}
.yf-padding-l-2xs {
padding-left: var(--yf-space-2xs);
}
.yf-padding-l-xs {
padding-left: var(--yf-space-xs);
}
.yf-padding-l-s {
padding-left: var(--yf-space-s);
}
.yf-padding-l-m {
padding-left: var(--yf-space-m);
}
.yf-padding-l-l {
padding-left: var(--yf-space-l);
}
.yf-padding-l-xl {
padding-left: var(--yf-space-xl);
}
.yf-padding-l-2xl {
padding-left: var(--yf-space-2xl);
}
.yf-padding-l-3xl {
padding-left: var(--yf-space-3xl);
}
.yf-padding-l-4xl {
padding-left: var(--yf-space-4xl);
}
.yf-padding-r-4xs {
padding-right: var(--yf-space-4xs);
}
.yf-padding-r-3xs {
padding-right: var(--yf-space-3xs);
}
.yf-padding-r-2xs {
padding-right: var(--yf-space-2xs);
}
.yf-padding-r-xs {
padding-right: var(--yf-space-xs);
}
.yf-padding-r-s {
padding-right: var(--yf-space-s);
}
.yf-padding-r-m {
padding-right: var(--yf-space-m);
}
.yf-padding-r-l {
padding-right: var(--yf-space-l);
}
.yf-padding-r-xl {
padding-right: var(--yf-space-xl);
}
.yf-padding-r-2xl {
padding-right: var(--yf-space-2xl);
}
.yf-padding-r-3xl {
padding-right: var(--yf-space-3xl);
}
.yf-padding-r-4xl {
padding-right: var(--yf-space-4xl);
}
.yf-padding-t-4xs {
padding-top: var(--yf-space-4xs);
}
.yf-padding-t-3xs {
padding-top: var(--yf-space-3xs);
}
.yf-padding-t-2xs {
padding-top: var(--yf-space-2xs);
}
.yf-padding-t-xs {
padding-top: var(--yf-space-xs);
}
.yf-padding-t-s {
padding-top: var(--yf-space-s);
}
.yf-padding-t-m {
padding-top: var(--yf-space-m);
}
.yf-padding-t-l {
padding-top: var(--yf-space-l);
}
.yf-padding-t-xl {
padding-top: var(--yf-space-xl);
}
.yf-padding-t-2xl {
padding-top: var(--yf-space-2xl);
}
.yf-padding-t-3xl {
padding-top: var(--yf-space-3xl);
}
.yf-padding-t-4xl {
padding-top: var(--yf-space-4xl);
}
.yf-padding-b-4xs {
padding-bottom: var(--yf-space-4xs);
}
.yf-padding-b-3xs {
padding-bottom: var(--yf-space-3xs);
}
.yf-padding-b-2xs {
padding-bottom: var(--yf-space-2xs);
}
.yf-padding-b-xs {
padding-bottom: var(--yf-space-xs);
}
.yf-padding-b-s {
padding-bottom: var(--yf-space-s);
}
.yf-padding-b-m {
padding-bottom: var(--yf-space-m);
}
.yf-padding-b-l {
padding-bottom: var(--yf-space-l);
}
.yf-padding-b-xl {
padding-bottom: var(--yf-space-xl);
}
.yf-padding-b-2xl {
padding-bottom: var(--yf-space-2xl);
}
.yf-padding-b-3xl {
padding-bottom: var(--yf-space-3xl);
}
.yf-padding-b-4xl {
padding-bottom: var(--yf-space-4xl);
}
.yf-padding-h-4xs {
padding-right: var(--yf-space-4xs);
padding-left: var(--yf-space-4xs);
}
.yf-padding-h-3xs {
padding-right: var(--yf-space-3xs);
padding-left: var(--yf-space-3xs);
}
.yf-padding-h-2xs {
padding-right: var(--yf-space-2xs);
padding-left: var(--yf-space-2xs);
}
.yf-padding-h-xs {
padding-right: var(--yf-space-xs);
padding-left: var(--yf-space-xs);
}
.yf-padding-h-s {
padding-right: var(--yf-space-s);
padding-left: var(--yf-space-s);
}
.yf-padding-h-m {
padding-right: var(--yf-space-m);
padding-left: var(--yf-space-m);
}
.yf-padding-h-l {
padding-right: var(--yf-space-l);
padding-left: var(--yf-space-l);
}
.yf-padding-h-xl {
padding-right: var(--yf-space-xl);
padding-left: var(--yf-space-xl);
}
.yf-padding-h-2xl {
padding-right: var(--yf-space-2xl);
padding-left: var(--yf-space-2xl);
}
.yf-padding-h-3xl {
padding-right: var(--yf-space-3xl);
padding-left: var(--yf-space-3xl);
}
.yf-padding-h-4xl {
padding-right: var(--yf-space-4xl);
padding-left: var(--yf-space-4xl);
}
.yf-padding-v-4xs {
padding-top: var(--yf-space-4xs);
padding-bottom: var(--yf-space-4xs);
}
.yf-padding-v-3xs {
padding-top: var(--yf-space-3xs);
padding-bottom: var(--yf-space-3xs);
}
.yf-padding-v-2xs {
padding-top: var(--yf-space-2xs);
padding-bottom: var(--yf-space-2xs);
}
.yf-padding-v-xs {
padding-top: var(--yf-space-xs);
padding-bottom: var(--yf-space-xs);
}
.yf-padding-v-s {
padding-top: var(--yf-space-s);
padding-bottom: var(--yf-space-s);
}
.yf-padding-v-m {
padding-top: var(--yf-space-m);
padding-bottom: var(--yf-space-m);
}
.yf-padding-v-l {
padding-top: var(--yf-space-l);
padding-bottom: var(--yf-space-l);
}
.yf-padding-v-xl {
padding-top: var(--yf-space-xl);
padding-bottom: var(--yf-space-xl);
}
.yf-padding-v-2xl {
padding-top: var(--yf-space-2xl);
padding-bottom: var(--yf-space-2xl);
}
.yf-padding-v-3xl {
padding-top: var(--yf-space-3xl);
padding-bottom: var(--yf-space-3xl);
}
.yf-padding-v-4xl {
padding-top: var(--yf-space-4xl);
padding-bottom: var(--yf-space-4xl);
}
.yf-margin-4xs {
margin: var(--yf-space-4xs);
}
.yf-margin-3xs {
margin: var(--yf-space-3xs);
}
.yf-margin-2xs {
margin: var(--yf-space-2xs);
}
.yf-margin-xs {
margin: var(--yf-space-xs);
}
.yf-margin-s {
margin: var(--yf-space-s);
}
.yf-margin-m {
margin: var(--yf-space-m);
}
.yf-margin-l {
margin: var(--yf-space-l);
}
.yf-margin-xl {
margin: var(--yf-space-xl);
}
.yf-margin-2xl {
margin: var(--yf-space-2xl);
}
.yf-margin-3xl {
margin: var(--yf-space-3xl);
}
.yf-margin-4xl {
margin: var(--yf-space-4xl);
}
.yf-margin-l-4xs {
margin-left: var(--yf-space-4xs);
}
.yf-margin-l-3xs {
margin-left: var(--yf-space-3xs);
}
.yf-margin-l-2xs {
margin-left: var(--yf-space-2xs);
}
.yf-margin-l-xs {
margin-left: var(--yf-space-xs);
}
.yf-margin-l-s {
margin-left: var(--yf-space-s);
}
.yf-margin-l-m {
margin-left: var(--yf-space-m);
}
.yf-margin-l-l {
margin-left: var(--yf-space-l);
}
.yf-margin-l-xl {
margin-left: var(--yf-space-xl);
}
.yf-margin-l-2xl {
margin-left: var(--yf-space-2xl);
}
.yf-margin-l-3xl {
margin-left: var(--yf-space-3xl);
}
.yf-margin-l-4xl {
margin-left: var(--yf-space-4xl);
}
.yf-margin-r-4xs {
margin-right: var(--yf-space-4xs);
}
.yf-margin-r-3xs {
margin-right: var(--yf-space-3xs);
}
.yf-margin-r-2xs {
margin-right: var(--yf-space-2xs);
}
.yf-margin-r-xs {
margin-right: var(--yf-space-xs);
}
.yf-margin-r-s {
margin-right: var(--yf-space-s);
}
.yf-margin-r-m {
margin-right: var(--yf-space-m);
}
.yf-margin-r-l {
margin-right: var(--yf-space-l);
}
.yf-margin-r-xl {
margin-right: var(--yf-space-xl);
}
.yf-margin-r-2xl {
margin-right: var(--yf-space-2xl);
}
.yf-margin-r-3xl {
margin-right: var(--yf-space-3xl);
}
.yf-margin-r-4xl {
margin-right: var(--yf-space-4xl);
}
.yf-margin-t-4xs {
margin-top: var(--yf-space-4xs);
}
.yf-margin-t-3xs {
margin-top: var(--yf-space-3xs);
}
.yf-margin-t-2xs {
margin-top: var(--yf-space-2xs);
}
.yf-margin-t-xs {
margin-top: var(--yf-space-xs);
}
.yf-margin-t-s {
margin-top: var(--yf-space-s);
}
.yf-margin-t-m {
margin-top: var(--yf-space-m);
}
.yf-margin-t-l {
margin-top: var(--yf-space-l);
}
.yf-margin-t-xl {
margin-top: var(--yf-space-xl);
}
.yf-margin-t-2xl {
margin-top: var(--yf-space-2xl);
}
.yf-margin-t-3xl {
margin-top: var(--yf-space-3xl);
}
.yf-margin-t-4xl {
margin-top: var(--yf-space-4xl);
}
.yf-margin-b-4xs {
margin-bottom: var(--yf-space-4xs);
}
.yf-margin-b-3xs {
margin-bottom: var(--yf-space-3xs);
}
.yf-margin-b-2xs {
margin-bottom: var(--yf-space-2xs);
}
.yf-margin-b-xs {
margin-bottom: var(--yf-space-xs);
}
.yf-margin-b-s {
margin-bottom: var(--yf-space-s);
}
.yf-margin-b-m {
margin-bottom: var(--yf-space-m);
}
.yf-margin-b-l {
margin-bottom: var(--yf-space-l);
}
.yf-margin-b-xl {
margin-bottom: var(--yf-space-xl);
}
.yf-margin-b-2xl {
margin-bottom: var(--yf-space-2xl);
}
.yf-margin-b-3xl {
margin-bottom: var(--yf-space-3xl);
}
.yf-margin-b-4xl {
margin-bottom: var(--yf-space-4xl);
}
.yf-margin-h-4xs {
margin-right: var(--yf-space-4xs);
margin-left: var(--yf-space-4xs);
}
.yf-margin-h-3xs {
margin-right: var(--yf-space-3xs);
margin-left: var(--yf-space-3xs);
}
.yf-margin-h-2xs {
margin-right: var(--yf-space-2xs);
margin-left: var(--yf-space-2xs);
}
.yf-margin-h-xs {
margin-right: var(--yf-space-xs);
margin-left: var(--yf-space-xs);
}
.yf-margin-h-s {
margin-right: var(--yf-space-s);
margin-left: var(--yf-space-s);
}
.yf-margin-h-m {
margin-right: var(--yf-space-m);
margin-left: var(--yf-space-m);
}
.yf-margin-h-l {
margin-right: var(--yf-space-l);
margin-left: var(--yf-space-l);
}
.yf-margin-h-xl {
margin-right: var(--yf-space-xl);
margin-left: var(--yf-space-xl);
}
.yf-margin-h-2xl {
margin-right: var(--yf-space-2xl);
margin-left: var(--yf-space-2xl);
}
.yf-margin-h-3xl {
margin-right: var(--yf-space-3xl);
margin-left: var(--yf-space-3xl);
}
.yf-margin-h-4xl {
margin-right: var(--yf-space-4xl);
margin-left: var(--yf-space-4xl);
}
.yf-margin-v-4xs {
margin-top: var(--yf-space-4xs);
margin-bottom: var(--yf-space-4xs);
}
.yf-margin-v-3xs {
margin-top: var(--yf-space-3xs);
margin-bottom: var(--yf-space-3xs);
}
.yf-margin-v-2xs {
margin-top: var(--yf-space-2xs);
margin-bottom: var(--yf-space-2xs);
}
.yf-margin-v-xs {
margin-top: var(--yf-space-xs);
margin-bottom: var(--yf-space-xs);
}
.yf-margin-v-s {
margin-top: var(--yf-space-s);
margin-bottom: var(--yf-space-s);
}
.yf-margin-v-m {
margin-top: var(--yf-space-m);
margin-bottom: var(--yf-space-m);
}
.yf-margin-v-l {
margin-top: var(--yf-space-l);
margin-bottom: var(--yf-space-l);
}
.yf-margin-v-xl {
margin-top: var(--yf-space-xl);
margin-bottom: var(--yf-space-xl);
}
.yf-margin-v-2xl {
margin-top: var(--yf-space-2xl);
margin-bottom: var(--yf-space-2xl);
}
.yf-margin-v-3xl {
margin-top: var(--yf-space-3xl);
margin-bottom: var(--yf-space-3xl);
}
.yf-margin-v-4xl {
margin-top: var(--yf-space-4xl);
margin-bottom: var(--yf-space-4xl);
}
.yf-gap-4xs {
gap: var(--yf-space-4xs);
}
.yf-gap-3xs {
gap: var(--yf-space-3xs);
}
.yf-gap-2xs {
gap: var(--yf-space-2xs);
}
.yf-gap-xs {
gap: var(--yf-space-xs);
}
.yf-gap-s {
gap: var(--yf-space-s);
}
.yf-gap-m {
gap: var(--yf-space-m);
}
.yf-gap-l {
gap: var(--yf-space-l);
}
.yf-gap-xl {
gap: var(--yf-space-xl);
}
.yf-gap-2xl {
gap: var(--yf-space-2xl);
}
.yf-gap-3xl {
gap: var(--yf-space-3xl);
}
.yf-gap-4xl {
gap: var(--yf-space-4xl);
}
.yf-text-xs {
font-size: var(--yf-text-xs);
}
.yf-text-s {
font-size: var(--yf-text-s);
}
.yf-text-m {
font-size: var(--yf-text-m);
}
.yf-text-l {
font-size: var(--yf-text-l);
}
.yf-text-xl {
font-size: var(--yf-text-xl);
}
.yf-text-2xl {
font-size: var(--yf-text-2xl);
}
.yf-text-3xl {
font-size: var(--yf-text-3xl);
}
.yf-text-4xl {
font-size: var(--yf-text-4xl);
}
.yf-primary-gradient {
background: var(--yf-primary-gradient);
}
.yf-accent-gradient {
background: var(--yf-accent-gradient);
}
H1 {
font-size: var(--yf-text-3xl);
font-weight: 900;
line-height: 1.1;
}
H2 {
font-size: var(--yf-text-2xl);
line-height: 1.2;
}
H3 {
font-size: var(--yf-text-xl);
line-height: 1.3;
}
H4 {
font-size: var(--yf-text-xl);
line-height: 1.3;
}
H5 {
font-size: var(--yf-text-l);
line-height: 1.3;
}
H6 {
font-size: var(--yf-text-m);
line-height: 1.4;
}
.yf-line-height-xs {
line-height: 1;
}
.yf-line-height-s {
line-height: 1.2;
}
.yf-line-height-m {
line-height: 1.3;
}
.yf-line-height-l {
line-height: 1.4;
}
.yf-line-height-xl {
line-height: 1.5;
}
.yf-italic {
font-style: italic;
}
.yf-bold {
font-weight: bold;
}
.yf-lowercase {
text-transform: lowercase;
}
.yf-uppercase {
text-transform: uppercase;
}
.yf-underline {
text-decoration: underline;
}
.yf-font-100 {
font-weight: 100;
}
.yf-font-200 {
font-weight: 200;
}
.yf-font-300 {
font-weight: 300;
}
.yf-font-400 {
font-weight: 400;
}
.yf-font-500 {
font-weight: 500;
}
.yf-font-600 {
font-weight: 600;
}
.yf-font-700 {
font-weight: 700;
}
.yf-font-800 {
font-weight: 800;
}
.yf-font-900 {
font-weight: 900;
}
.yf-text-gradient {
color: transparent;
-webkit-background-clip: text;
background-clip: text;
}
.yf-text-left {
text-align: left;
}
.yf-text-center {
text-align: center;
}
.yf-text-right {
text-align: right;
}
.yf-row {
display: grid;
grid-auto-flow: column;
justify-content: start;
}
.yf-column {
display: grid;
grid-auto-flow: row;
align-content: start;
justify-items: start;
}
.yf-columns-2 {
display: grid;
grid-template-columns: var(--yf-columns-2);
}
.yf-columns-3 {
display: grid;
grid-template-columns: var(--yf-columns-3);
}
.yf-columns-4 {
display: grid;
grid-template-columns: var(--yf-columns-4);
}
.yf-columns-5 {
display: grid;
grid-template-columns: var(--yf-columns-5);
}
.yf-columns-6 {
display: grid;
grid-template-columns: var(--yf-columns-6);
}
.yf-columns-7 {
display: grid;
grid-template-columns: var(--yf-columns-7);
}
.yf-columns-8 {
display: grid;
grid-template-columns: var(--yf-columns-8);
}
.yf-content-center-middle {
display: grid;
place-content: center;
}
.yf-columns-min-5 {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(5rem, 1fr));
}
.yf-columns-min-10 {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
}
.yf-columns-min-20 {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));
}
.yf-columns-min-30 {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(30rem, 1fr));
}
.yf-columns-min-40 {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(40rem, 1fr));
}
.yf-columns-min-50 {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(50rem, 1fr));
}
.yf-columns-min-60 {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(60rem, 1fr));
}
.yf-columns-min-70 {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(70rem, 1fr));
}
.yf-flex-row {
display: flex;
flex-direction: row;
}
.yf-flex-column {
display: flex;
flex-direction: column;
}
.yf-flex-1 {
flex: 1;
}
.yf-flex-2 {
flex: 2;
}
.yf-flex-3 {
flex: 3;
}
.yf-flex-wrap {
flex-wrap: wrap;
}
.yf-flex-nowrap {
flex-wrap: nowrap;
}
.yf-col-span-2 {
grid-column: auto / span 2;
}
.yf-col-span-3 {
grid-column: auto / span 3;
}
.yf-col-span-4 {
grid-column: auto / span 4;
}
.yf-col-span-5 {
grid-column: auto / span 5;
}
.yf-col-span-6 {
grid-column: auto / span 6;
}
.yf-col-span-7 {
grid-column: auto / span 7;
}
.yf-col-span-8 {
grid-column: auto / span 8;
}
.yf-col-start-1 {
grid-column-start: 1;
}
.yf-col-start-2 {
grid-column-start: 2;
}
.yf-col-start-3 {
grid-column-start: 3;
}
.yf-col-start-4 {
grid-column-start: 4;
}
.yf-col-start-5 {
grid-column-start: 5;
}
.yf-col-start-6 {
grid-column-start: 6;
}
.yf-col-start-7 {
grid-column-start: 7;
}
.yf-col-start-8 {
grid-column-start: 8;
}
.yf-row-span-2 {
grid-row: auto / span 2;
}
.yf-row-span-3 {
grid-row: auto / span 3;
}
.yf-row-span-4 {
grid-row: auto / span 4;
}
.yf-row-span-5 {
grid-row: auto / span 5;
}
.yf-row-span-6 {
grid-row: auto / span 6;
}
.yf-row-span-7 {
grid-row: auto / span 7;
}
.yf-row-span-8 {
grid-row: auto / span 8;
}
.yf-row-start-1 {
grid-row-start: 1;
}
.yf-row-start-2 {
grid-row-start: 2;
}
.yf-row-start-3 {
grid-row-start: 3;
}
.yf-row-start-4 {
grid-row-start: 4;
}
.yf-row-start-5 {
grid-row-start: 5;
}
.yf-row-start-6 {
grid-row-start: 6;
}
.yf-row-start-7 {
grid-row-start: 7;
}
.yf-row-start-8 {
grid-row-start: 8;
}
.yf-items-l {
justify-items: start;
}
.yf-content-l {
justify-content: start;
}
.yf-items-c {
justify-items: center;
}
.yf-content-c {
justify-content: center;
}
.yf-items-r {
justify-items: end;
}
.yf-content-r {
justify-content: end;
}
.yf-items-t {
align-items: start;
}
.yf-content-t {
align-content: start;
}
.yf-items-m {
align-items: center;
}
.yf-content-m {
align-content: center;
}
.yf-items-b {
align-items: end;
}
.yf-content-b {
align-content: end;
}
.yf-items-s {
align-items: stretch;
}
.yf-content-s {
justify-content: stretch;
}
.yf-space-b {
justify-content: space-between;
}
.yf-space-a {
justify-content: space-around;
}
.yf-self-l {
place-self: start;
margin-right: auto;
}
.yf-self-c {
place-self: center;
margin-inline: auto;
}
.yf-self-r {
place-self: end;
margin-left: auto;
}
.yf-self-t {
align-self: start;
margin-bottom: auto;
}
.yf-self-m {
align-self: center;
margin-block: auto;
}
.yf-self-b {
align-self: end;
margin-top: auto;
}
.yf-self-s {
align-self: stretch;
}
.yf-full-w {
width: 100%;
}
.yf-full-h {
height: 100%;
}
.yf-screen-w {
width: 100vw;
}
.yf-screen-h {
height: 100vh;
}
.yf-auto-w {
width: auto;
}
.yf-auto-h {
height: auto;
}
.yf-content-w {
width: max-content;
}
.yf-min-content-w {
min-width: max-content;
}
.yf-content-h {
height: max-content;
}
.yf-min-content-h {
min-height: max-content;
}
.yf-width-90 {
width: 90%;
}
.yf-width-80 {
width: 80%;
}
.yf-width-70 {
width: 70%;
}
.yf-width-60 {
width: 60%;
}
.yf-width-50 {
width: 50%;
}
.yf-width-40 {
width: 40%;
}
.yf-width-30 {
width: 30%;
}
.yf-width-20 {
width: 20%;
}
.yf-width-10 {
width: 10%;
}
.yf-max-site-width {
width: 100%;
max-width: var(--yf-max-screen-width);
}
.yf-max-width-140 {
max-width: 140rem;
}
.yf-max-width-130 {
max-width: 130rem;
}
.yf-max-width-120 {
max-width: 120rem;
}
.yf-max-width-110 {
max-width: 110rem;
}
.yf-max-width-100 {
max-width: 100rem;
}
.yf-max-width-90 {
max-width: 90rem;
}
.yf-max-width-80 {
max-width: 80rem;
}
.yf-max-width-70 {
max-width: 70rem;
}
.yf-max-width-60 {
max-width: 60rem;
}
.yf-max-width-50 {
max-width: 50rem;
}
.yf-max-width-40 {
max-width: 40rem;
}
.yf-max-width-30 {
max-width: 30rem;
}
.yf-max-width-20 {
max-width: 20rem;
}
.yf-max-width-10 {
max-width: 10rem;
}
.yf-radius-xs {
border-radius: var(--yf-radius-xs);
}
.yf-radius-s {
border-radius: var(--yf-radius-s);
}
.yf-radius-m {
border-radius: var(--yf-radius-m);
}
.yf-radius-l {
border-radius: var(--yf-radius-l);
}
.yf-radius-xl {
border-radius: var(--yf-radius-xl);
}
.yf-radius-f {
border-radius: var(--yf-radius-f);
}
.yf-border {
border-style: solid;
border-width: 1px;
}
.yf-border-0 {
border: 0;
}
.yf-border-left {
border-left-style: solid;
border-left-width: 1px;
}
.yf-border-right {
border-right-style: solid;
border-right-width: 1px;
}
.yf-border-top {
border-top-style: solid;
border-top-width: 1px;
}
.yf-border-bottom {
border-bottom-style: solid;
border-bottom-width: 1px;
}
.yf-shadow-xs {
box-shadow: var(--yf-shadow-xs);
}
.yf-shadow-s {
box-shadow: var(--yf-shadow-s);
}
.yf-shadow-m {
box-shadow: var(--yf-shadow-m);
}
.yf-shadow-l {
box-shadow: var(--yf-shadow-l);
}
.yf-shadow-xl {
box-shadow: var(--yf-shadow-xl);
}
.yf-primary-shadow-l {
box-shadow: var(--yf-primary-shadow-l);
}
.yf-tertiary-shadow-m {
box-shadow: var(--yf-tertiary-shadow-m);
}
.yf-opacity-0 {
opacity: 0;
}
.yf-opacity-10 {
opacity: 0.1;
}
.yf-opacity-20 {
opacity: 0.2;
}
.yf-opacity-30 {
opacity: 0.3;
}
.yf-opacity-40 {
opacity: 0.4;
}
.yf-opacity-50 {
opacity: 0.5;
}
.yf-opacity-60 {
opacity: 0.6;
}
.yf-opacity-70 {
opacity: 0.7;
}
.yf-opacity-80 {
opacity: 0.8;
}
.yf-opacity-90 {
opacity: 0.9;
}
.yf-opacity-100 {
opacity: 1;
}
.yf-aspect-1 {
aspect-ratio: 1;
}
.yf-aspect-4-3 {
aspect-ratio: 4 / 3;
}
.yf-aspect-3-4 {
aspect-ratio: 3 / 4;
}
.yf-aspect-3-2 {
aspect-ratio: 3 / 2;
}
.yf-aspect-2-3 {
aspect-ratio: 2 / 3;
}
.yf-aspect-16-9 {
aspect-ratio: 16 / 9;
}
.yf-aspect-9-16 {
aspect-ratio: 9 / 16;
}
.yf-fit-contain {
object-fit: contain;
}
.yf-fit-cover {
object-fit: cover;
}
.yf-fit-fill {
object-fit: fill;
}
.yf-bg-blur-xs {
backdrop-filter: blur(2px);
}
.yf-bg-blur-s {
backdrop-filter: blur(4px);
}
.yf-bg-blur-m {
backdrop-filter: blur(8px);
}
.yf-bg-blur-l {
backdrop-filter: blur(16px);
}
.yf-bg-blur-xl {
backdrop-filter: blur(32px);
}
.yf-grayscale {
filter: grayscale(1);
}
.yf-rotate-90 {
transform: rotate(90deg);
}
.yf-rotate-180 {
transform: rotate(180deg);
}
.yf-display-none {
display: none;
}
.yf-display-block {
display: block;
}
.yf-visible {
visibility: visible;
}
.yf-hidden {
visibility: hidden;
}
.yf-overflow-hidden {
overflow: hidden;
}
.yf-overflow-auto {
overflow: auto;
}
.yf-overflow-x-hidden {
overflow-x: hidden;
}
.yf-overflow-x-auto {
overflow-x: auto;
}
.yf-overflow-y-hidden {
overflow-y: hidden;
}
.yf-overflow-y-auto {
overflow-y: auto;
}
.yf-list-none {
list-style-type: none;
}
.yf-white-space-nowrap {
white-space: nowrap;
}
.yf-transition-global {
transition: all 0.3s;
}
.yf-relative {
position: relative;
}
.yf-absolute {
position: absolute;
}
.yf-sticky {
position: sticky;
}
.yf-fixed {
position: fixed;
}
.yf-inset-0 {
inset: 0;
}
.yf-bottom-0 {
bottom: 0;
}
.yf-top-0 {
top: 0;
}
.yf-left-0 {
left: 0;
}
.yf-right-0 {
right: 0;
}
.yf-pointer {
cursor: pointer;
}
.yf-not-allowed {
cursor: not-allowed;
}
.yf-cursor-auto {
cursor: auto;
}
.yf-no-pointer-events {
pointer-events: none;
}
.yf-z--1 {
z-index: -1;
}
.yf-z-0 {
z-index: 0;
}
.yf-z-1 {
z-index: 1;
}
.yf-z-10 {
z-index: 10;
}
.yf-z-100 {
z-index: 100;
}
.yf-z-1000 {
z-index: 1000;
}
.yf-z-10000 {
z-index: 10000;
}
@media (max-width: 1400px) {
.yf-column--on-xl {
grid-template-columns: 1fr;
grid-auto-flow: row;
}
.yf-row--on-xl {
grid-template-columns: unset;
grid-auto-flow: column;
}
.yf-columns-2--on-xl {
grid-template-columns: repeat(2, 1fr);
}
.yf-columns-3--on-xl {
grid-template-columns: repeat(3, 1fr);
}
.yf-columns-4--on-xl {
grid-template-columns: repeat(4, 1fr);
}
.yf-columns-5--on-xl {
grid-template-columns: repeat(5, 1fr);
}
.yf-columns-6--on-xl {
grid-template-columns: repeat(6, 1fr);
}
.yf-col-span-1--on-xl {
grid-column: auto / span 1;
}
.yf-col-span-2--on-xl {
grid-column: auto / span 2;
}
.yf-col-span-3--on-xl {
grid-column: auto / span 3;
}
.yf-col-span-4--on-xl {
grid-column: auto / span 4;
}
.yf-col-span-5--on-xl {
grid-column: auto / span 5;
}
.yf-col-span-6--on-xl {
grid-column: auto / span 6;
}
.yf-col-start-1--on-xl {
grid-column-start: 1;
}
.yf-col-start-2--on-xl {
grid-column-start: 2;
}
.yf-col-start-3--on-xl {
grid-column-start: 3;
}
.yf-col-start-4--on-xl {
grid-column-start: 4;
}
.yf-col-start-5--on-xl {
grid-column-start: 5;
}
.yf-col-start-6--on-xl {
grid-column-start: 6;
}
.yf-row-span-1--on-xl {
grid-row: auto / span 1;
}
.yf-row-span-2--on-xl {
grid-row: auto / span 2;
}
.yf-row-span-3--on-xl {
grid-row: auto / span 3;
}
.yf-row-span-4--on-xl {
grid-row: auto / span 4;
}
.yf-row-span-5--on-xl {
grid-row: auto / span 5;
}
.yf-row-span-6--on-xl {
grid-row: auto / span 6;
}
.yf-row-start-1--on-xl {
grid-row-start: 1;
}
.yf-row-start-2--on-xl {
grid-row-start: 2;
}
.yf-row-start-3--on-xl {
grid-row-start: 3;
}
.yf-row-start-4--on-xl {
grid-row-start: 4;
}
.yf-row-start-5--on-xl {
grid-row-start: 5;
}
.yf-row-start-6--on-xl {
grid-row-start: 6;
}
}
@media (max-width: 992px) {
:root {
--yf-masonry-min-width: 18rem;
}
.yf-column--on-l {
grid-template-columns: 1fr;
grid-auto-flow: row;
}
.yf-row--on-l {
grid-template-columns: unset;
grid-auto-flow: column;
}
.yf-columns-2--on-l {
grid-template-columns: repeat(2, 1fr);
}
.yf-columns-3--on-l {
grid-template-columns: repeat(3, 1fr);
}
.yf-columns-4--on-l {
grid-template-columns: repeat(4, 1fr);
}
.yf-columns-5--on-l {
grid-template-columns: repeat(5, 1fr);
}
.yf-columns-6--on-l {
grid-template-columns: repeat(6, 1fr);
}
.yf-col-span-1--on-l {
grid-column: auto / span 1;
}
.yf-col-span-2--on-l {
grid-column: auto / span 2;
}
.yf-col-span-3--on-l {
grid-column: auto / span 3;
}
.yf-col-span-4--on-l {
grid-column: auto / span 4;
}
.yf-col-span-5--on-l {
grid-column: auto / span 5;
}
.yf-col-span-6--on-l {
grid-column: auto / span 6;
}
.yf-col-start-1--on-l {
grid-column-start: 1;
}
.yf-col-start-2--on-l {
grid-column-start: 2;
}
.yf-col-start-3--on-l {
grid-column-start: 3;
}
.yf-col-start-4--on-l {
grid-column-start: 4;
}
.yf-col-start-5--on-l {
grid-column-start: 5;
}
.yf-col-start-6--on-l {
grid-column-start: 6;
}
.yf-row-span-1--on-l {
grid-row: auto / span 1;
}
.yf-row-span-2--on-l {
grid-row: auto / span 2;
}
.yf-row-span-3--on-l {
grid-row: auto / span 3;
}
.yf-row-span-4--on-l {
grid-row: auto / span 4;
}
.yf-row-span-5--on-l {
grid-row: auto / span 5;
}
.yf-row-span-6--on-l {
grid-row: auto / span 6;
}
.yf-row-start-1--on-l {
grid-row-start: 1;
}
.yf-row-start-2--on-l {
grid-row-start: 2;
}
.yf-row-start-3--on-l {
grid-row-start: 3;
}
.yf-row-start-4--on-l {
grid-row-start: 4;
}
.yf-row-start-5--on-l {
grid-row-start: 5;
}
.yf-row-start-6--on-l {
grid-row-start: 6;
}
}
@media (max-width: 768px) {
:root {
--yf-masonry-min-width: 100%;
}
.yf-column--on-m {
grid-template-columns: 1fr;
grid-auto-flow: row;
}
.yf-row--on-m {
grid-template-columns: unset;
grid-auto-flow: column;
}
.yf-columns-2--on-m {
grid-template-columns: repeat(2, 1fr);
}
.yf-columns-3--on-m {
grid-template-columns: repeat(3, 1fr);
}
.yf-columns-4--on-m {
grid-template-columns: repeat(4, 1fr);
}
.yf-columns-5--on-m {
grid-template-columns: repeat(5, 1fr);
}
.yf-columns-6--on-m {
grid-template-columns: repeat(6, 1fr);
}
.yf-col-span-1--on-m {
grid-column: auto / span 1;
}
.yf-col-span-2--on-m {
grid-column: auto / span 2;
}
.yf-col-span-3--on-m {
grid-column: auto / span 3;
}
.yf-col-span-4--on-m {
grid-column: auto / span 4;
}
.yf-col-span-5--on-m {
grid-column: auto / span 5;
}
.yf-col-span-6--on-m {
grid-column: auto / span 6;
}
.yf-col-start-1--on-m {
grid-column: 1;
}
.yf-col-start-2--on-m {
grid-column: 2;
}
.yf-col-start-3--on-m {
grid-column: 3;
}
.yf-col-start-4--on-m {
grid-column: 4;
}
.yf-col-start-5--on-m {
grid-column: 5;
}
.yf-col-start-6--on-m {
grid-column: 6;
}
.yf-row-span-1--on-m {
grid-row: auto / span 1;
}
.yf-row-span-2--on-m {
grid-row: auto / span 2;
}
.yf-row-span-3--on-m {
grid-row: auto / span 3;
}
.yf-row-span-4--on-m {
grid-row: auto / span 4;
}
.yf-row-span-5--on-m {
grid-row: auto / span 5;
}
.yf-row-span-6--on-m {
grid-row: auto / span 6;
}
.yf-row-start-1--on-m {
grid-row-start: 1;
}
.yf-row-start-2--on-m {
grid-row-start: 2;
}
.yf-row-start-3--on-m {
grid-row-start: 3;
}
.yf-row-start-4--on-m {
grid-row-start: 4;
}
.yf-row-start-5--on-m {
grid-row-start: 5;
}
.yf-row-start-6--on-m {
grid-row-start: 6;
}
}
@media (max-width: 480px) {
.yf-column--on-s {
grid-template-columns: 1fr;
grid-auto-flow: row;
}
.yf-row--on-s {
grid-template-columns: 1fr;
grid-auto-flow: column;
}
.yf-columns-2--on-s {
grid-template-columns: repeat(2, 1fr);
}
.yf-columns-3--on-s {
grid-template-columns: repeat(3, 1fr);
}
.yf-columns-4--on-s {
grid-template-columns: repeat(4, 1fr);
}
.yf-columns-5--on-s {
grid-template-columns: repeat(5, 1fr);
}
.yf-columns-6--on-s {
grid-template-columns: repeat(6, 1fr);
}
.yf-col-span-1--on-s {
grid-column: auto / span 1;
}
.yf-col-span-2--on-s {
grid-column: auto / span 2;
}
.yf-col-span-3--on-s {
grid-column: auto / span 3;
}
.yf-col-span-4--on-s {
grid-column: auto / span 4;
}
.yf-col-span-5--on-s {
grid-column: auto / span 5;
}
.yf-col-span-6--on-s {
grid-column: auto / span 6;
}
.yf-col-start-1--on-s {
grid-column-start: 1;
}
.yf-col-start-2--on-s {
grid-column-start: 2;
}
.yf-col-start-3--on-s {
grid-column-start: 3;
}
.yf-col-start-4--on-s {
grid-column-start: 4;
}
.yf-col-start-5--on-s {
grid-column-start: 5;
}
.yf-col-start-6--on-s {
grid-column-start: 6;
}
.yf-row-span-1--on-s {
grid-row: auto / span 1;
}
.yf-row-span-2--on-s {
grid-row: auto / span 2;
}
.yf-row-span-3--on-s {
grid-row: auto / span 3;
}
.yf-row-span-4--on-s {
grid-row: auto / span 4;
}
.yf-row-span-5--on-s {
grid-row: auto / span 5;
}
.yf-row-span-6--on-s {
grid-row: auto / span 6;
}
.yf-row-start-1--on-s {
grid-row-start: 1;
}
.yf-row-start-2--on-s {
grid-row-start: 2;
}
.yf-row-start-3--on-s {
grid-row-start: 3;
}
.yf-row-start-4--on-s {
grid-row-start: 4;
}
.yf-row-start-5--on-s {
grid-row-start: 5;
}
.yf-row-start-6--on-s {
grid-row-start: 6;
}
}
@media (prefers-reduced-motion: reduce) {
*,
::before,
::after {
scroll-behavior: auto !important;
background-attachment: initial !important;
transition-delay: 0s !important;
transition-duration: 0s !important;
animation-duration: 1ms !important;
animation-delay: -1ms !important;
animation-iteration-count: 1 !important;
}
} /* Custom Stylesheets */
:root[data-site-scope="laser"] {
--yf-clr-pri: var(--yf-clr-pri-laser) !important;
--yf-clr-pri-5: var(--yf-clr-pri-laser-5) !important;
--yf-clr-pri-10: var(--yf-clr-pri-laser-10) !important;
--yf-clr-pri-20: var(--yf-clr-pri-laser-20) !important;
--yf-clr-pri-30: var(--yf-clr-pri-laser-30) !important;
--yf-clr-pri-40: var(--yf-clr-pri-laser-40) !important;
--yf-clr-pri-50: var(--yf-clr-pri-laser-50) !important;
--yf-clr-pri-60: var(--yf-clr-pri-laser-60) !important;
--yf-clr-pri-70: var(--yf-clr-pri-laser-70) !important;
--yf-clr-pri-80: var(--yf-clr-pri-laser-80) !important;
--yf-clr-pri-90: var(--yf-clr-pri-laser-90) !important;
--yf-clr-pri-d-1: var(--yf-clr-pri-laser-d-1) !important;
--yf-clr-pri-d-2: var(--yf-clr-pri-laser-d-2) !important;
--yf-clr-pri-d-3: var(--yf-clr-pri-laser-d-3) !important;
--yf-clr-pri-l-1: var(--yf-clr-pri-laser-l-1) !important;
--yf-clr-pri-l-2: var(--yf-clr-pri-laser-l-2) !important;
--yf-clr-pri-l-3: var(--yf-clr-pri-laser-l-3) !important;
--yf-clr-sec: var(--yf-clr-sec-laser) !important;
--yf-clr-sec-5: var(--yf-clr-sec-laser-5) !important;
--yf-clr-sec-10: var(--yf-clr-sec-laser-10) !important;
--yf-clr-sec-20: var(--yf-clr-sec-laser-20) !important;
--yf-clr-sec-30: var(--yf-clr-sec-laser-30) !important;
--yf-clr-sec-40: var(--yf-clr-sec-laser-40) !important;
--yf-clr-sec-50: var(--yf-clr-sec-laser-50) !important;
--yf-clr-sec-60: var(--yf-clr-sec-laser-60) !important;
--yf-clr-sec-70: var(--yf-clr-sec-laser-70) !important;
--yf-clr-sec-80: var(--yf-clr-sec-laser-80) !important;
--yf-clr-sec-90: var(--yf-clr-sec-laser-90) !important;
--yf-clr-sec-d-1: var(--yf-clr-sec-laser-d-1) !important;
--yf-clr-sec-d-2: var(--yf-clr-sec-laser-d-2) !important;
--yf-clr-sec-d-3: var(--yf-clr-sec-laser-d-3) !important;
--yf-clr-sec-l-1: var(--yf-clr-sec-laser-l-1) !important;
--yf-clr-sec-l-2: var(--yf-clr-sec-laser-l-2) !important;
--yf-clr-sec-l-3: var(--yf-clr-sec-laser-l-3) !important;
--yf-clr-acc: var(--yf-clr-acc-laser) !important;
--yf-clr-acc-5: var(--yf-clr-acc-laser-5) !important;
--yf-clr-acc-10: var(--yf-clr-acc-laser-10) !important;
--yf-clr-acc-20: var(--yf-clr-acc-laser-20) !important;
--yf-clr-acc-30: var(--yf-clr-acc-laser-30) !important;
--yf-clr-acc-40: var(--yf-clr-acc-laser-40) !important;
--yf-clr-acc-50: var(--yf-clr-acc-laser-50) !important;
--yf-clr-acc-60: var(--yf-clr-acc-laser-60) !important;
--yf-clr-acc-70: var(--yf-clr-acc-laser-70) !important;
--yf-clr-acc-80: var(--yf-clr-acc-laser-80) !important;
--yf-clr-acc-90: var(--yf-clr-acc-laser-90) !important;
}
:root[data-site-scope="beauty"] {
--yf-clr-pri: var(--yf-clr-pri-beauty) !important;
--yf-clr-pri-5: var(--yf-clr-pri-beauty-5) !important;
--yf-clr-pri-10: var(--yf-clr-pri-beauty-10) !important;
--yf-clr-pri-20: var(--yf-clr-pri-beauty-20) !important;
--yf-clr-pri-30: var(--yf-clr-pri-beauty-30) !important;
--yf-clr-pri-40: var(--yf-clr-pri-beauty-40) !important;
--yf-clr-pri-50: var(--yf-clr-pri-beauty-50) !important;
--yf-clr-pri-60: var(--yf-clr-pri-beauty-60) !important;
--yf-clr-pri-70: var(--yf-clr-pri-beauty-70) !important;
--yf-clr-pri-80: var(--yf-clr-pri-beauty-80) !important;
--yf-clr-pri-90: var(--yf-clr-pri-beauty-90) !important;
--yf-clr-pri-d-1: var(--yf-clr-pri-beauty-d-1) !important;
--yf-clr-pri-d-2: var(--yf-clr-pri-beauty-d-2) !important;
--yf-clr-pri-d-3: var(--yf-clr-pri-beauty-d-3) !important;
--yf-clr-pri-l-1: var(--yf-clr-pri-beauty-l-1) !important;
--yf-clr-pri-l-2: var(--yf-clr-pri-beauty-l-2) !important;
--yf-clr-pri-l-3: var(--yf-clr-pri-beauty-l-3) !important;
--yf-clr-sec: var(--yf-clr-sec-beauty) !important;
--yf-clr-sec-5: var(--yf-clr-sec-beauty-5) !important;
--yf-clr-sec-10: var(--yf-clr-sec-beauty-10) !important;
--yf-clr-sec-20: var(--yf-clr-sec-beauty-20) !important;
--yf-clr-sec-30: var(--yf-clr-sec-beauty-30) !important;
--yf-clr-sec-40: var(--yf-clr-sec-beauty-40) !important;
--yf-clr-sec-50: var(--yf-clr-sec-beauty-50) !important;
--yf-clr-sec-60: var(--yf-clr-sec-beauty-60) !important;
--yf-clr-sec-70: var(--yf-clr-sec-beauty-70) !important;
--yf-clr-sec-80: var(--yf-clr-sec-beauty-80) !important;
--yf-clr-sec-90: var(--yf-clr-sec-beauty-90) !important;
--yf-clr-sec-d-1: var(--yf-clr-sec-beauty-d-1) !important;
--yf-clr-sec-d-2: var(--yf-clr-sec-beauty-d-2) !important;
--yf-clr-sec-d-3: var(--yf-clr-sec-beauty-d-3) !important;
--yf-clr-sec-l-1: var(--yf-clr-sec-beauty-l-1) !important;
--yf-clr-sec-l-2: var(--yf-clr-sec-beauty-l-2) !important;
--yf-clr-sec-l-3: var(--yf-clr-sec-beauty-l-3) !important;
--yf-clr-acc: var(--yf-clr-acc-beauty) !important;
--yf-clr-acc-5: var(--yf-clr-acc-beauty-5) !important;
--yf-clr-acc-10: var(--yf-clr-acc-beauty-10) !important;
--yf-clr-acc-20: var(--yf-clr-acc-beauty-20) !important;
--yf-clr-acc-30: var(--yf-clr-acc-beauty-30) !important;
--yf-clr-acc-40: var(--yf-clr-acc-beauty-40) !important;
--yf-clr-acc-50: var(--yf-clr-acc-beauty-50) !important;
--yf-clr-acc-60: var(--yf-clr-acc-beauty-60) !important;
--yf-clr-acc-70: var(--yf-clr-acc-beauty-70) !important;
--yf-clr-acc-80: var(--yf-clr-acc-beauty-80) !important;
--yf-clr-acc-90: var(--yf-clr-acc-beauty-90) !important;
}
@font-face {
font-family: "Syntax";
src: url("/fonts/SyntaxLTPro-Roman.otf");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Syntax";
src: url("/fonts/SyntaxLTPro-Bold.otf");
font-weight: bold;
font-style: normal;
font-display: swap;
}
:root {
--masonry-min-width: clamp(18rem, 50%, 50%);
}
* {
box-sizing: border-box;
padding: 0;
margin: 0;
font-family: "Syntax", sans-serif;
}
main {
max-width: var(--yf-max-screen-width);
margin-right: auto;
margin-left: auto;
}
section:target {
scroll-margin-top: 100px;
}
html {
width: 100vw;
overflow-x: hidden;
}
h1,
h2,
.like-h1 {
margin-top: var(--yf-space-l);
margin-bottom: var(--yf-space-m);
font-size: var(--yf-text-2xl);
line-height: 125%;
color: transparent;
text-transform: uppercase;
hyphens: auto;
background: linear-gradient(to right, var(--yf-clr-pri-d-1) 0%, var(--yf-clr-pri-l-1) 96%);
-webkit-background-clip: text;
background-clip: text;
}
h2 {
max-width: 45ch;
margin-top: var(--yf-space-l);
margin-bottom: var(--yf-space-s);
font-size: var(--yf-text-xl);
text-box: trim-end cap text;
text-transform: none;
hyphens: auto;
text-wrap-mode: wrap;
}
h3 {
font-size: var(--yf-text-l);
line-height: 100%;
}
p,
li {
max-width: 70ch;
font-size: var(--yf-text-m);
line-height: 1.4;
}
.text-block {
text-align: justify;
}
.yf-text-m {
max-width: 70ch;
line-height: 1.4;
}
a.yf-btn {
text-decoration: none;
}
.fade-in {
opacity: 0;
}footer[data-astro-cid-jo6i4kqk] {
border-radius: var(--yf-radius-l) var(--yf-radius-l) 0 0;
}
footer[data-astro-cid-jo6i4kqk] #footer-content[data-astro-cid-jo6i4kqk] {
display: flex;
flex-direction: column;
}
footer[data-astro-cid-jo6i4kqk] #footer-content[data-astro-cid-jo6i4kqk] #footer-grid[data-astro-cid-jo6i4kqk] {
max-width: var(--yf-max-screen-width);
width: 100%;
}
footer[data-astro-cid-jo6i4kqk] #footer-content[data-astro-cid-jo6i4kqk] #footer-grid[data-astro-cid-jo6i4kqk] > div[data-astro-cid-jo6i4kqk] {
border-width: 2px;
border-color: var(--yf-clr-pri-60);
}
footer[data-astro-cid-jo6i4kqk] #footer-content[data-astro-cid-jo6i4kqk] #footer-grid[data-astro-cid-jo6i4kqk] a[data-astro-cid-jo6i4kqk] {
text-wrap: nowrap;
font-weight: normal;
}
footer[data-astro-cid-jo6i4kqk] #footer-content[data-astro-cid-jo6i4kqk] #footer-logo[data-astro-cid-jo6i4kqk] {
max-width: 300px;
height: fit-content;
}
footer[data-astro-cid-jo6i4kqk] #footer-content[data-astro-cid-jo6i4kqk] {
max-width: var(--yf-max-screen-width);
margin: 0 auto;
}
footer[data-astro-cid-jo6i4kqk] h4[data-astro-cid-jo6i4kqk] {
font-size: var(--yf-text-l);
}
._navigation_8u0on_1 {
display: contents;
}
[data-is-scrolling-up=false][data-is-top=false] [data-mobile-portal] {
pointer-events: none !important;
}
[data-mobile] {
anchor-name: --mobile-nav;
}
[data-mobile-portal-btn] {
position: relative;
width: 33px;
height: 19.8px;
appearance: none;
cursor: pointer;
background-color: transparent;
border: 0;
}
[data-mobile-portal-btn] span {
position: absolute;
right: 0;
width: 33px;
height: 4px;
background-color: var(--yf-clr-head);
border-radius: var(--yf-radius-f);
}
[data-mobile-portal-btn] span:nth-child(1) {
top: 0;
}
[data-mobile-portal-btn] span:nth-child(2) {
top: 50%;
width: 22px;
}
[data-mobile-portal-btn] span:nth-child(3) {
top: 100%;
width: 11px;
}
[data-mobile-portal] {
right: calc(0px - var(--yf-space-l));
left: calc(0px - var(--yf-space-l));
z-index: -2;
display: flex;
flex-direction: column;
gap: var(--yf-space-m);
padding: 0 var(--yf-space-l) var(--yf-space-l) var(--yf-space-l);
margin-top: var(--yf-space-xl);
position-anchor: --mobile-nav;
pointer-events: none;
border-radius: 0 0 var(--yf-radius-xl) var(--yf-radius-xl);
opacity: 0;
}
[data-mobile-portal] nav {
display: flex;
flex-direction: column;
gap: var(--yf-space-l);
max-height: 80svh;
padding: var(--yf-space-s);
overflow-y: scroll;
background: linear-gradient(180deg, var(--yf-clr-pri) 0%, var(--yf-clr-pri-l-1) 100%);
border-radius: var(--yf-radius-m);
box-shadow: var(--yf-shadow-l);
}
[data-mobile-portal] nav ul {
display: flex;
flex-direction: column;
gap: var(--yf-space-s);
}
[data-mobile-portal] nav ul li {
display: flex;
flex-direction: column;
gap: var(--yf-space-m);
padding: var(--yf-space-m);
overflow: hidden;
font-size: var(--yf-text-m);
font-weight: 600;
background-color: var(--yf-clr-sec-70);
border-radius: var(--yf-radius-m);
box-shadow: var(--yf-shadow-m);
}
[data-mobile-portal] nav ul li a {
line-height: 1.4;
color: var(--yf-clr-head-80);
text-decoration: none;
}
[data-mobile-portal] nav ul li[data-active=true] a {
position: relative;
}
[data-mobile-portal] nav ul li[data-active=true] a::after {
position: absolute;
bottom: -3px;
left: 0;
width: 100%;
height: 3px;
content: "";
background: var(--yf-clr-pri);
}
[data-mobile-portal] nav ul li button[data-submenu] {
font-size: var(--yf-text-m);
font-weight: 600;
line-height: 1.4;
color: var(--yf-clr-head-80);
text-align: start;
appearance: none;
cursor: pointer;
background: transparent;
border: 0;
}
[data-mobile-portal] nav ul li div[data-submenu] {
position: absolute;
display: none;
}
[data-mobile-portal] nav ul li div[data-submenu] ol {
display: flex;
flex-direction: column;
gap: var(--yf-space-s);
margin-top: 0;
list-style: none;
}
[data-mobile-portal] nav ul li div[data-submenu] ol li {
background-color: var(--yf-light-80);
border-radius: var(--yf-radius-m);
box-shadow: var(--yf-shadow-xl);
transition: transform 0.725ms ease-in-out;
}
[data-mobile-portal] nav ul li div[data-submenu] ol li:hover, [data-mobile-portal] nav ul li div[data-submenu] ol li:focus {
background-color: var(--yf-light);
box-shadow: var(--yf-shadow-m);
transform: scale(0.98);
}
[data-mobile-portal] nav ul li div[data-submenu] ol li a {
width: 100%;
font-size: var(--yf-text-m);
color: var(--yf-clr-head);
}
nav[data-desktop] {
position: relative;
}
nav[data-desktop] ul li {
display: flex;
flex-direction: column;
gap: 0;
justify-content: center;
font-size: var(--yf-text-m);
font-weight: 600;
}
nav[data-desktop] ul li[data-active=true]::after {
position: absolute;
bottom: -3px;
left: 0;
width: 100%;
height: 3px;
content: "";
background: var(--yf-clr-pri);
}
nav[data-desktop] ul li a {
color: var(--yf-clr-text);
text-decoration: none;
}
nav[data-desktop] ul li button[data-submenu] {
font-size: var(--yf-text-m);
font-weight: 600;
color: var(--yf-clr-text);
text-align: start;
appearance: none;
cursor: pointer;
background: transparent;
border: 0;
}
nav[data-desktop] ul li div[data-submenu] {
position: absolute;
top: calc(100% + var(--yf-space-xs));
right: 0;
left: 0;
display: flex;
flex-direction: column;
gap: var(--yf-space-xs);
padding: var(--yf-space-xs);
overflow: hidden;
pointer-events: none;
background: linear-gradient(180deg, var(--yf-clr-pri) 0%, var(--yf-clr-pri-l-1) 100%);
border-radius: var(--yf-radius-xl);
box-shadow: var(--yf-shadow-xl);
opacity: 0;
}
nav[data-desktop] ul li div[data-submenu] ol {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--yf-space-xs);
padding: var(--yf-space-xs);
list-style: none;
background-color: var(--yf-clr-sec-70);
border-radius: var(--yf-radius-l);
}
nav[data-desktop] ul li div[data-submenu] ol li {
flex-direction: row;
gap: var(--yf-space-s);
background-color: var(--yf-light-80);
border-radius: var(--yf-radius-m);
box-shadow: var(--yf-shadow-xl);
transition: 0.725ms ease-in-out;
}
nav[data-desktop] ul li div[data-submenu] ol li a {
padding: var(--yf-space-xs) var(--yf-space-s);
color: var(--yf-clr-head);
}
nav[data-desktop] ul li div[data-submenu] ol li svg {
transition: transform 100ms ease-in-out;
}
nav[data-desktop] ul li div[data-submenu] ol li:hover {
background-color: var(--yf-light);
box-shadow: var(--yf-shadow-m);
transform: scale(0.98);
}
nav[data-desktop] ul li div[data-submenu] ol li:hover svg {
transform: translateX(-50%);
}div[data-astro-cid-thyxsyja] {
max-height: 80px;
}
button[data-astro-cid-thyxsyja] {
background-color: #0000;
cursor: pointer;
&[data-tab-active="true"] {
background-color: var(--yf-light);
}
}
header[data-astro-cid-kzwnbiiz] {
position: fixed;
top: 0;
left: 0;
right: 0;
transition: all .2s ease-in-out;
}
header[data-astro-cid-kzwnbiiz] #header-logo[data-astro-cid-kzwnbiiz] img[data-astro-cid-kzwnbiiz] {
max-width: 40px;
height: auto;
object-fit: contain;
}
header[data-astro-cid-kzwnbiiz] #site-switch[data-astro-cid-kzwnbiiz] {
position: relative;
}
header[data-astro-cid-kzwnbiiz] #site-switch[data-astro-cid-kzwnbiiz] #site-toggle[data-astro-cid-kzwnbiiz] img[data-astro-cid-kzwnbiiz] {
max-width: 151px;
height: auto;
}
header[data-astro-cid-kzwnbiiz] #site-switch[data-astro-cid-kzwnbiiz] #site-chevron[data-astro-cid-kzwnbiiz] {
color: var(--yf-clr-pri);
}
header[data-astro-cid-kzwnbiiz] #site-switch[data-astro-cid-kzwnbiiz] #site-menu[data-astro-cid-kzwnbiiz] {
position: absolute;
top: calc(100% + var(--yf-space-xs));
left: 0;
transform: translateX(-100vw);
opacity: 0;
pointer-events: none;
}
header[data-astro-cid-kzwnbiiz] #site-switch[data-astro-cid-kzwnbiiz] #site-menu[data-astro-cid-kzwnbiiz] a[data-astro-cid-kzwnbiiz] {
text-decoration: none;
}
header[data-astro-cid-kzwnbiiz] #header-info[data-astro-cid-kzwnbiiz] {
font-weight: bold;
}
@media screen and (width >= 992px) {
header[data-astro-cid-kzwnbiiz] #header-info[data-astro-cid-kzwnbiiz] {
justify-content: start;
}
}
@media screen and (width <= 450px) {
header[data-astro-cid-kzwnbiiz] #header-info[data-astro-cid-kzwnbiiz] #header-mail[data-astro-cid-kzwnbiiz] {
display: none;
}
}
header[data-astro-cid-kzwnbiiz] #header-actions[data-astro-cid-kzwnbiiz] a[data-astro-cid-kzwnbiiz] {
font-size: var(--yf-text-l);
}
header[data-astro-cid-kzwnbiiz] #header-actions[data-astro-cid-kzwnbiiz] a[data-astro-cid-kzwnbiiz]#news-action {
position: relative;
}
header[data-astro-cid-kzwnbiiz] #header-actions[data-astro-cid-kzwnbiiz] a[data-astro-cid-kzwnbiiz]#news-action:after {
content: attr(data-count);
position: absolute;
top: -5px;
right: -5px;
width: 15px;
height: 15px;
border-radius: 100%;
background: var(--yf-clr-pri-d-1);
font-size: var(--yf-text-xs);
font-weight: bold;
color: var(--yf-light);
display: grid;
place-content: center;
}