*,
:before,
:after {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / .5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style:
}

::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / .5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style:
}

.tw-sr-only {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border-width: 0 !important
}

.tw-pointer-events-none {
    pointer-events: none !important
}

.tw-pointer-events-auto {
    pointer-events: auto !important
}

.tw-visible {
    visibility: visible !important
}

.tw-invisible {
    visibility: hidden !important
}

.tw-static {
    position: static !important
}

.tw-fixed {
    position: fixed !important
}

.tw-absolute {
    position: absolute !important
}

.tw-relative {
    position: relative !important
}

.tw-sticky {
    position: sticky !important
}

.tw-inset-0 {
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important
}

.tw-inset-x-0 {
    left: 0 !important;
    right: 0 !important
}

.tw-inset-x-\[-1px\] {
    left: -1px !important;
    right: -1px !important
}

.tw-inset-x-auto {
    left: auto !important;
    right: auto !important
}

.tw-inset-y-0 {
    top: 0 !important;
    bottom: 0 !important
}

.tw--top-10 {
    top: -10px !important
}

.tw-bottom-0 {
    bottom: 0 !important
}

.tw-bottom-1\/2 {
    bottom: 50% !important
}

.tw-bottom-15 {
    bottom: 15px !important
}

.tw-bottom-50 {
    bottom: 50px !important
}

.tw-bottom-60 {
    bottom: 60px !important
}

.tw-bottom-\[-100px\] {
    bottom: -100px !important
}

.tw-bottom-\[-40px\] {
    bottom: -40px !important
}

.tw-bottom-\[-60px\] {
    bottom: -60px !important
}

.tw-bottom-\[66px\] {
    bottom: 66px !important
}

.tw-end-0 {
    inset-inline-end: 0 !important
}

.tw-end-1\/2 {
    inset-inline-end: 50% !important
}

.tw-end-10 {
    inset-inline-end: 10px !important
}

.tw-end-20 {
    inset-inline-end: 20px !important
}

.tw-end-5 {
    inset-inline-end: 5px !important
}

.tw-end-\[-40px\] {
    inset-inline-end: -40px !important
}

.tw-end-\[-5px\] {
    inset-inline-end: -5px !important
}

.tw-end-\[-60px\] {
    inset-inline-end: -60px !important
}

.tw-left-0 {
    left: 0 !important
}

.tw-left-1\/2 {
    left: 50% !important
}

.tw-left-10 {
    left: 10px !important
}

.tw-left-\[-10px\] {
    left: -10px !important
}

.tw-left-\[250px\] {
    left: 250px !important
}

.tw-left-\[calc\(50\%-20px\)\] {
    left: calc(50% - 20px) !important
}

.tw-right-0 {
    right: 0 !important
}

.tw-right-1\/2 {
    right: 50% !important
}

.tw-right-10 {
    right: 10px !important
}

.tw-right-30 {
    right: 30px !important
}

.tw-start-20 {
    inset-inline-start: 20px !important
}

.tw-start-\[-100px\] {
    inset-inline-start: -100px !important
}

.tw-start-\[-1px\] {
    inset-inline-start: -1px !important
}

.tw-start-\[-40px\] {
    inset-inline-start: -40px !important
}

.tw-start-\[-60px\] {
    inset-inline-start: -60px !important
}

.tw-top-0 {
    top: 0 !important
}

.tw-top-1\/2 {
    top: 50% !important
}

.tw-top-10 {
    top: 10px !important
}

.tw-top-15 {
    top: 15px !important
}

.tw-top-20 {
    top: 20px !important
}

.tw-top-5 {
    top: 5px !important
}

.tw-top-\[--sticky-sidebar-top\] {
    top: var(--sticky-sidebar-top) !important
}

.tw-top-\[-10px\] {
    top: -10px !important
}

.tw-top-\[-12px\] {
    top: -12px !important
}

.tw-top-\[-1px\] {
    top: -1px !important
}

.tw-top-\[-20px\] {
    top: -20px !important
}

.tw-top-\[-40px\] {
    top: -40px !important
}

.tw-top-\[-60px\] {
    top: -60px !important
}

.tw-top-\[99\%\] {
    top: 99% !important
}

.tw-top-auto {
    top: auto !important
}

.tw-top-full {
    top: 100% !important
}

.tw--z-10 {
    z-index: -10 !important
}

.tw-z-0 {
    z-index: 0 !important
}

.tw-z-10 {
    z-index: 10 !important
}

.tw-z-20 {
    z-index: 20 !important
}

.tw-z-50 {
    z-index: 50 !important
}

.tw-z-\[-1\] {
    z-index: -1 !important
}

.tw-z-\[0\] {
    z-index: 0 !important
}

.tw-z-\[100\] {
    z-index: 100 !important
}

.tw-z-\[1\] {
    z-index: 1 !important
}

.tw-z-\[20\] {
    z-index: 20 !important
}

.tw-z-\[21\] {
    z-index: 21 !important
}

.tw-z-\[2\] {
    z-index: 2 !important
}

.tw-z-\[3\] {
    z-index: 3 !important
}

.tw-order-1 {
    order: 1 !important
}

.tw-order-2 {
    order: 2 !important
}

.tw-order-3 {
    order: 3 !important
}

.tw-order-\[-1\] {
    order: -1 !important
}

.tw-order-\[-2\] {
    order: -2 !important
}

.tw-order-first {
    order: -9999 !important
}

.tw-col-start-2 {
    grid-column-start: 2 !important
}

.tw-float-start {
    float: inline-start !important
}

.tw-clear-start {
    clear: inline-start !important
}

.tw-clear-both {
    clear: both !important
}

.tw-m-0 {
    margin: 0 !important
}

.tw-m-20 {
    margin: 20px !important
}

.tw-m-5 {
    margin: 5px !important
}

.tw-m-\[5px_0_20px_0\] {
    margin: 5px 0 20px !important
}

.tw-m-auto {
    margin: auto !important
}

.tw-mx-0 {
    margin-left: 0 !important;
    margin-right: 0 !important
}

.tw-mx-10 {
    margin-left: 10px !important;
    margin-right: 10px !important
}

.tw-mx-15 {
    margin-left: 15px !important;
    margin-right: 15px !important
}

.tw-mx-\[-10px\] {
    margin-left: -10px !important;
    margin-right: -10px !important
}

.tw-mx-\[-20px\] {
    margin-left: -20px !important;
    margin-right: -20px !important
}

.tw-mx-\[-21px\] {
    margin-left: -21px !important;
    margin-right: -21px !important
}

.tw-mx-\[9px\] {
    margin-left: 9px !important;
    margin-right: 9px !important
}

.tw-mx-auto {
    margin-left: auto !important;
    margin-right: auto !important
}

.tw-my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.tw-my-10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important
}

.tw-my-15 {
    margin-top: 15px !important;
    margin-bottom: 15px !important
}

.tw-my-20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important
}

.tw-my-25 {
    margin-top: 25px !important;
    margin-bottom: 25px !important
}

.tw-my-30 {
    margin-top: 30px !important;
    margin-bottom: 30px !important
}

.tw-my-40 {
    margin-top: 40px !important;
    margin-bottom: 40px !important
}

.tw-my-5 {
    margin-top: 5px !important;
    margin-bottom: 5px !important
}

.tw-my-60 {
    margin-top: 60px !important;
    margin-bottom: 60px !important
}

.tw-my-80 {
    margin-top: 80px !important;
    margin-bottom: 80px !important
}

.tw-my-\[4px\] {
    margin-top: 4px !important;
    margin-bottom: 4px !important
}

.tw-my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important
}

.-tw-mt-30,
.tw--mt-30 {
    margin-top: -30px !important
}

.tw-mb-0 {
    margin-bottom: 0 !important
}

.tw-mb-10 {
    margin-bottom: 10px !important
}

.tw-mb-15 {
    margin-bottom: 15px !important
}

.tw-mb-20 {
    margin-bottom: 20px !important
}

.tw-mb-25 {
    margin-bottom: 25px !important
}

.tw-mb-30 {
    margin-bottom: 30px !important
}

.tw-mb-40 {
    margin-bottom: 40px !important
}

.tw-mb-45 {
    margin-bottom: 45px !important
}

.tw-mb-5 {
    margin-bottom: 5px !important
}

.tw-mb-50 {
    margin-bottom: 50px !important
}

.tw-mb-55 {
    margin-bottom: 55px !important
}

.tw-mb-60 {
    margin-bottom: 60px !important
}

.tw-mb-7 {
    margin-bottom: 7px !important
}

.tw-mb-80 {
    margin-bottom: 80px !important
}

.tw-mb-\[-21px\] {
    margin-bottom: -21px !important
}

.tw-mb-\[-52px\] {
    margin-bottom: -52px !important
}

.tw-mb-\[13px\] {
    margin-bottom: 13px !important
}

.tw-mb-\[2px\] {
    margin-bottom: 2px !important
}

.tw-mb-\[4px\] {
    margin-bottom: 4px !important
}

.tw-mb-auto {
    margin-bottom: auto !important
}

.tw-me-0 {
    margin-inline-end: 0 !important
}

.tw-me-10 {
    margin-inline-end: 10px !important
}

.tw-me-15 {
    margin-inline-end: 15px !important
}

.tw-me-20 {
    margin-inline-end: 20px !important
}

.tw-me-25 {
    margin-inline-end: 25px !important
}

.tw-me-35 {
    margin-inline-end: 35px !important
}

.tw-me-45 {
    margin-inline-end: 45px !important
}

.tw-me-5 {
    margin-inline-end: 5px !important
}

.tw-me-\[6px\] {
    margin-inline-end: 6px !important
}

.tw-me-auto {
    margin-inline-end: auto !important
}

.tw-ml-0 {
    margin-left: 0 !important
}

.tw-ml-10 {
    margin-left: 10px !important
}

.tw-ml-15 {
    margin-left: 15px !important
}

.tw-ml-20 {
    margin-left: 20px !important
}

.tw-ml-25 {
    margin-left: 25px !important
}

.tw-ml-30 {
    margin-left: 30px !important
}

.tw-ml-45 {
    margin-left: 45px !important
}

.tw-ml-5 {
    margin-left: 5px !important
}

.tw-ml-\[-100px\] {
    margin-left: -100px !important
}

.tw-ml-\[-30px\] {
    margin-left: -30px !important
}

.tw-ml-auto {
    margin-left: auto !important
}

.tw-mr-0 {
    margin-right: 0 !important
}

.tw-mr-10 {
    margin-right: 10px !important
}

.tw-mr-15 {
    margin-right: 15px !important
}

.tw-mr-20 {
    margin-right: 20px !important
}

.tw-mr-45 {
    margin-right: 45px !important
}

.tw-mr-5 {
    margin-right: 5px !important
}

.tw-mr-\[-5px\] {
    margin-right: -5px !important
}

.tw-mr-\[3px\] {
    margin-right: 3px !important
}

.tw-mr-\[8px\] {
    margin-right: 8px !important
}

.tw-mr-auto {
    margin-right: auto !important
}

.tw-ms-0 {
    margin-inline-start: 0 !important
}

.tw-ms-10 {
    margin-inline-start: 10px !important
}

.tw-ms-15 {
    margin-inline-start: 15px !important
}

.tw-ms-20 {
    margin-inline-start: 20px !important
}

.tw-ms-30 {
    margin-inline-start: 30px !important
}

.tw-ms-5 {
    margin-inline-start: 5px !important
}

.tw-ms-\[-1px\] {
    margin-inline-start: -1px !important
}

.tw-ms-\[24px\] {
    margin-inline-start: 24px !important
}

.tw-ms-\[4px\] {
    margin-inline-start: 4px !important
}

.tw-ms-\[6px\] {
    margin-inline-start: 6px !important
}

.tw-ms-auto {
    margin-inline-start: auto !important
}

.tw-mt-0 {
    margin-top: 0 !important
}

.tw-mt-10 {
    margin-top: 10px !important
}

.tw-mt-15 {
    margin-top: 15px !important
}

.tw-mt-20 {
    margin-top: 20px !important
}

.tw-mt-30 {
    margin-top: 30px !important
}

.tw-mt-40 {
    margin-top: 40px !important
}

.tw-mt-45 {
    margin-top: 45px !important
}

.tw-mt-5 {
    margin-top: 5px !important
}

.tw-mt-50 {
    margin-top: 50px !important
}

.tw-mt-60 {
    margin-top: 60px !important
}

.tw-mt-\[--sticky-nav-border-top\] {
    margin-top: var(--sticky-nav-border-top) !important
}

.tw-mt-\[-100px\] {
    margin-top: -100px !important
}

.tw-mt-\[-10px\] {
    margin-top: -10px !important
}

.tw-mt-\[-11px\] {
    margin-top: -11px !important
}

.tw-mt-\[-13px\] {
    margin-top: -13px !important
}

.tw-mt-\[-24px\] {
    margin-top: -24px !important
}

.tw-mt-\[-30px\] {
    margin-top: -30px !important
}

.tw-mt-\[-51px\] {
    margin-top: -51px !important
}

.tw-mt-\[-5px\] {
    margin-top: -5px !important
}

.tw-mt-\[12px\] {
    margin-top: 12px !important
}

.tw-mt-\[13px\] {
    margin-top: 13px !important
}

.tw-mt-\[1px\] {
    margin-top: 1px !important
}

.tw-mt-\[2px\] {
    margin-top: 2px !important
}

.tw-mt-\[44px\] {
    margin-top: 44px !important
}

.tw-mt-\[46px\] {
    margin-top: 46px !important
}

.tw-mt-\[4px\] {
    margin-top: 4px !important
}

.tw-mt-\[70px\] {
    margin-top: 70px !important
}

.tw-mt-auto {
    margin-top: auto !important
}

.tw-block {
    display: block !important
}

.tw-inline-block {
    display: inline-block !important
}

.tw-inline {
    display: inline !important
}

.tw-flex {
    display: flex !important
}

.tw-inline-flex {
    display: inline-flex !important
}

.tw-grid {
    display: grid !important
}

.tw-hidden {
    display: none !important
}

.tw-h-10 {
    height: 10px !important
}

.tw-h-15 {
    height: 15px !important
}

.tw-h-20 {
    height: 20px !important
}

.tw-h-30 {
    height: 30px !important
}

.tw-h-40 {
    height: 40px !important
}

.tw-h-55 {
    height: 55px !important
}

.tw-h-60 {
    height: 60px !important
}

.tw-h-7 {
    height: 7px !important
}

.tw-h-80 {
    height: 80px !important
}

.tw-h-\[--sticky-nav-border-height\] {
    height: var(--sticky-nav-border-height) !important
}

.tw-h-\[--sticky-sidebar-height\] {
    height: var(--sticky-sidebar-height) !important
}

.tw-h-\[100px\] {
    height: 100px !important
}

.tw-h-\[105px\] {
    height: 105px !important
}

.tw-h-\[110px\] {
    height: 110px !important
}

.tw-h-\[11px\] {
    height: 11px !important
}

.tw-h-\[120px\] {
    height: 120px !important
}

.tw-h-\[13px\] {
    height: 13px !important
}

.tw-h-\[140px\] {
    height: 140px !important
}

.tw-h-\[14px\] {
    height: 14px !important
}

.tw-h-\[15px\] {
    height: 15px !important
}

.tw-h-\[160px\] {
    height: 160px !important
}

.tw-h-\[16px\] {
    height: 16px !important
}

.tw-h-\[180px\] {
    height: 180px !important
}

.tw-h-\[18px\] {
    height: 18px !important
}

.tw-h-\[200px\] {
    height: 200px !important
}

.tw-h-\[20px\] {
    height: 20px !important
}

.tw-h-\[21px\] {
    height: 21px !important
}

.tw-h-\[22px\] {
    height: 22px !important
}

.tw-h-\[24px\] {
    height: 24px !important
}

.tw-h-\[255px\] {
    height: 255px !important
}

.tw-h-\[26px\] {
    height: 26px !important
}

.tw-h-\[300px\] {
    height: 300px !important
}

.tw-h-\[302px\] {
    height: 302px !important
}

.tw-h-\[30px\] {
    height: 30px !important
}

.tw-h-\[31px\] {
    height: 31px !important
}

.tw-h-\[32px\] {
    height: 32px !important
}

.tw-h-\[34px\] {
    height: 34px !important
}

.tw-h-\[36px\] {
    height: 36px !important
}

.tw-h-\[38px\] {
    height: 38px !important
}

.tw-h-\[40px\] {
    height: 40px !important
}

.tw-h-\[41px\] {
    height: 41px !important
}

.tw-h-\[42px\] {
    height: 42px !important
}

.tw-h-\[45px\] {
    height: 45px !important
}

.tw-h-\[46px\] {
    height: 46px !important
}

.tw-h-\[4px\] {
    height: 4px !important
}

.tw-h-\[500px\] {
    height: 500px !important
}

.tw-h-\[52px\] {
    height: 52px !important
}

.tw-h-\[59px\] {
    height: 59px !important
}

.tw-h-\[65px\] {
    height: 65px !important
}

.tw-h-\[66px\] {
    height: 66px !important
}

.tw-h-\[70px\] {
    height: 70px !important
}

.tw-h-\[80px\] {
    height: 80px !important
}

.tw-h-\[92px\] {
    height: 92px !important
}

.tw-h-\[94px\] {
    height: 94px !important
}

.tw-h-auto {
    height: auto !important
}

.tw-h-full {
    height: 100% !important
}

.tw-max-h-\[26px\] {
    max-height: 26px !important
}

.tw-max-h-\[270px\] {
    max-height: 270px !important
}

.tw-max-h-\[60px\] {
    max-height: 60px !important
}

.tw-max-h-\[calc\(100vh-220px\)\] {
    max-height: calc(100vh - 220px) !important
}

.tw-min-h-40 {
    min-height: 40px !important
}

.tw-min-h-50 {
    min-height: 50px !important
}

.tw-min-h-\[185px\] {
    min-height: 185px !important
}

.tw-min-h-\[32px\] {
    min-height: 32px !important
}

.tw-min-h-\[34px\] {
    min-height: 34px !important
}

.tw-min-h-\[62px\] {
    min-height: 62px !important
}

.tw-min-h-\[66px\] {
    min-height: 66px !important
}

.tw-min-h-\[72px\] {
    min-height: 72px !important
}

.tw-min-h-\[unset\] {
    min-height: unset !important
}

.tw-w-1\/2 {
    width: 50% !important
}

.tw-w-1\/3 {
    width: 33.333333% !important
}

.tw-w-1\/4 {
    width: 25% !important
}

.tw-w-15 {
    width: 15px !important
}

.tw-w-20 {
    width: 20px !important
}

.tw-w-30 {
    width: 30px !important
}

.tw-w-40 {
    width: 40px !important
}

.tw-w-50 {
    width: 50px !important
}

.tw-w-60 {
    width: 60px !important
}

.tw-w-7 {
    width: 7px !important
}

.tw-w-80 {
    width: 80px !important
}

.tw-w-\[100px\] {
    width: 100px !important
}

.tw-w-\[101\%\] {
    width: 101% !important
}

.tw-w-\[135px\] {
    width: 135px !important
}

.tw-w-\[140px\] {
    width: 140px !important
}

.tw-w-\[14px\] {
    width: 14px !important
}

.tw-w-\[160px\] {
    width: 160px !important
}

.tw-w-\[16px\] {
    width: 16px !important
}

.tw-w-\[175px\] {
    width: 175px !important
}

.tw-w-\[18px\] {
    width: 18px !important
}

.tw-w-\[200px\] {
    width: 200px !important
}

.tw-w-\[20px\] {
    width: 20px !important
}

.tw-w-\[22px\] {
    width: 22px !important
}

.tw-w-\[240px\] {
    width: 240px !important
}

.tw-w-\[24px\] {
    width: 24px !important
}

.tw-w-\[250px\] {
    width: 250px !important
}

.tw-w-\[260px\] {
    width: 260px !important
}

.tw-w-\[26px\] {
    width: 26px !important
}

.tw-w-\[280px\] {
    width: 280px !important
}

.tw-w-\[284px\] {
    width: 284px !important
}

.tw-w-\[290px\] {
    width: 290px !important
}

.tw-w-\[300px\] {
    width: 300px !important
}

.tw-w-\[30px\] {
    width: 30px !important
}

.tw-w-\[31px\] {
    width: 31px !important
}

.tw-w-\[32px\] {
    width: 32px !important
}

.tw-w-\[34px\] {
    width: 34px !important
}

.tw-w-\[36px\] {
    width: 36px !important
}

.tw-w-\[38px\] {
    width: 38px !important
}

.tw-w-\[40px\] {
    width: 40px !important
}

.tw-w-\[41px\] {
    width: 41px !important
}

.tw-w-\[42px\] {
    width: 42px !important
}

.tw-w-\[440px\] {
    width: 440px !important
}

.tw-w-\[45px\] {
    width: 45px !important
}

.tw-w-\[46px\] {
    width: 46px !important
}

.tw-w-\[4px\] {
    width: 4px !important
}

.tw-w-\[65px\] {
    width: 65px !important
}

.tw-w-auto {
    width: auto !important
}

.tw-w-full {
    width: 100% !important
}

.tw-w-screen {
    width: 100vw !important
}

.tw-min-w-0 {
    min-width: 0 !important
}

.tw-min-w-80 {
    min-width: 80px !important
}

.tw-min-w-\[120px\] {
    min-width: 120px !important
}

.tw-min-w-\[140px\] {
    min-width: 140px !important
}

.tw-min-w-\[200px\] {
    min-width: 200px !important
}

.tw-min-w-\[260px\] {
    min-width: 260px !important
}

.tw-min-w-\[300px\] {
    min-width: 300px !important
}

.tw-min-w-\[90px\] {
    min-width: 90px !important
}

.tw-max-w-2xl {
    max-width: 42rem !important
}

.tw-max-w-30 {
    max-width: 30px !important
}

.tw-max-w-\[1080px\] {
    max-width: 1080px !important
}

.tw-max-w-\[115px\] {
    max-width: 115px !important
}

.tw-max-w-\[1200px\] {
    max-width: 1200px !important
}

.tw-max-w-\[120px\] {
    max-width: 120px !important
}

.tw-max-w-\[1300px\] {
    max-width: 1000px !important
}

.tw-max-w-\[130px\] {
    max-width: 130px !important
}

.tw-max-w-\[1400px\] {
    max-width: 1400px !important
}

.tw-max-w-\[1540px\] {
    max-width: 1540px !important
}

.tw-max-w-\[160px\] {
    max-width: 160px !important
}

.tw-max-w-\[180px\] {
    max-width: 180px !important
}

.tw-max-w-\[200px\] {
    max-width: 200px !important
}

.tw-max-w-\[225px\] {
    max-width: 225px !important
}

.tw-max-w-\[240px\] {
    max-width: 240px !important
}

.tw-max-w-\[270px\] {
    max-width: 270px !important
}

.tw-max-w-\[300px\] {
    max-width: 300px !important
}

.tw-max-w-\[320px\] {
    max-width: 320px !important
}

.tw-max-w-\[370px\] {
    max-width: 370px !important
}

.tw-max-w-\[400px\] {
    max-width: 400px !important
}

.tw-max-w-\[420px\] {
    max-width: 420px !important
}

.tw-max-w-\[470px\] {
    max-width: 470px !important
}

.tw-max-w-\[479px\] {
    max-width: 479px !important
}

.tw-max-w-\[520px\] {
    max-width: 520px !important
}

.tw-max-w-\[60px\] {
    max-width: 60px !important
}

.tw-max-w-\[640px\] {
    max-width: 640px !important
}

.tw-max-w-\[780px\] {
    max-width: 780px !important
}

.tw-max-w-\[800px\] {
    max-width: 800px !important
}

.tw-max-w-\[860px\] {
    max-width: 860px !important
}

.tw-max-w-\[900px\] {
    max-width: 900px !important
}

.tw-max-w-\[90px\] {
    max-width: 90px !important
}

.tw-max-w-\[970px\] {
    max-width: 970px !important
}

.tw-max-w-\[calc\(100\%-250px\)\] {
    max-width: calc(100% - 250px) !important
}

.tw-max-w-full {
    max-width: 100% !important
}

.tw-max-w-md {
    max-width: 28rem !important
}

.tw-max-w-none {
    max-width: none !important
}

.tw-max-w-xs {
    max-width: 20rem !important
}

.tw-flex-\[0_0_250px\] {
    flex: 0 0 250px !important
}

.tw-flex-\[0_0_50px\] {
    flex: 0 0 50px !important
}

.tw-flex-auto {
    flex: 1 1 auto !important
}

.tw-flex-none {
    flex: none !important
}

.tw-flex-shrink-0,
.tw-shrink-0 {
    flex-shrink: 0 !important
}

.tw-flex-grow {
    flex-grow: 1 !important
}

.tw-flex-grow-0 {
    flex-grow: 0 !important
}

.tw-grow {
    flex-grow: 1 !important
}

.tw-grow-0 {
    flex-grow: 0 !important
}

.tw-basis-1\/2 {
    flex-basis: 50% !important
}

.tw-basis-1\/3 {
    flex-basis: 33.333333% !important
}

.tw-basis-1\/4 {
    flex-basis: 25% !important
}

.tw-basis-40 {
    flex-basis: 40px !important
}

.tw-basis-60 {
    flex-basis: 60px !important
}

.tw-basis-80 {
    flex-basis: 80px !important
}

.tw-basis-\[20\.7792\%\] {
    flex-basis: 20.7792% !important
}

.tw-basis-\[20px\] {
    flex-basis: 20px !important
}

.tw-basis-\[260px\] {
    flex-basis: 260px !important
}

.tw-basis-\[30px\] {
    flex-basis: 30px !important
}

.tw-basis-\[50\.6493\%\] {
    flex-basis: 50.6493% !important
}

.tw-basis-\[calc\(33\%-\(40px\/3\)\)\] {
    flex-basis: calc(33% - (40px / 3)) !important
}

.tw-basis-\[calc\(50\%-10px\)\] {
    flex-basis: calc(50% - 10px) !important
}

.tw-basis-auto {
    flex-basis: auto !important
}

.tw-basis-full {
    flex-basis: 100% !important
}

.tw-border-collapse {
    border-collapse: collapse !important
}

.tw-border-spacing-0 {
    --tw-border-spacing-x: 0 !important;
    --tw-border-spacing-y: 0 !important;
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y) !important
}

.tw-translate-x-1\/2 {
    --tw-translate-x: 50% !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}

.tw-translate-y-\[-50\%\] {
    --tw-translate-y: -50% !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}

.tw-rotate-45 {
    --tw-rotate: 45deg !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}

.tw-rotate-\[180deg\] {
    --tw-rotate: 180deg !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}

.tw-rotate-\[90deg\] {
    --tw-rotate: 90deg !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}

.tw-scale-\[1\.4\] {
    --tw-scale-x: 1.4 !important;
    --tw-scale-y: 1.4 !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}

.tw-scale-x-\[-1\] {
    --tw-scale-x: -1 !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}

.tw-scale-y-\[1\] {
    --tw-scale-y: 1 !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}

.tw-transform {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}

.tw-transform-none {
    transform: none !important
}

.tw-cursor-grab {
    cursor: grab !important
}

.tw-cursor-grabbing {
    cursor: grabbing !important
}

.tw-cursor-pointer {
    cursor: pointer !important
}

.tw-cursor-text {
    cursor: text !important
}

.tw-select-none {
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    user-select: none !important
}

.tw-select-auto {
    -webkit-user-select: auto !important;
    -moz-user-select: auto !important;
    user-select: auto !important
}

.tw-snap-start {
    scroll-snap-align: start !important
}

.tw-snap-center {
    scroll-snap-align: center !important
}

.tw-list-none {
    list-style-type: none !important
}

.tw-grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important
}

.tw-grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important
}

.tw-grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important
}

.tw-grid-cols-\[1fr_minmax\(0\,_min-content\)_1fr\],
.tw-grid-cols-\[1fr_minmax\(0\,min-content\)_1fr\] {
    grid-template-columns: 1fr minmax(0, min-content) 1fr !important
}

.tw-flex-row {
    flex-direction: row !important
}

.tw-flex-col {
    flex-direction: column !important
}

.tw-flex-wrap {
    flex-wrap: wrap !important
}

.tw-flex-nowrap {
    flex-wrap: nowrap !important
}

.tw-place-content-between {
    place-content: space-between !important
}

.tw-items-start {
    align-items: flex-start !important
}

.tw-items-end {
    align-items: flex-end !important
}

.tw-items-center {
    align-items: center !important
}

.tw-justify-start {
    justify-content: flex-start !important
}

.tw-justify-end {
    justify-content: flex-end !important
}

.tw-justify-center {
    justify-content: center !important
}

.tw-justify-between {
    justify-content: space-between !important
}

.tw-justify-around {
    justify-content: space-around !important
}

.tw-justify-evenly {
    justify-content: space-evenly !important
}

.tw-gap-0 {
    gap: 0 !important
}

.tw-gap-10 {
    gap: 10px !important
}

.tw-gap-15 {
    gap: 15px !important
}

.tw-gap-20 {
    gap: 20px !important
}

.tw-gap-30 {
    gap: 30px !important
}

.tw-gap-5 {
    gap: 5px !important
}

.tw-gap-\[6px\] {
    gap: 6px !important
}

.tw-gap-x-10 {
    -moz-column-gap: 10px !important;
    column-gap: 10px !important
}

.tw-gap-x-20 {
    -moz-column-gap: 20px !important;
    column-gap: 20px !important
}

.tw-self-auto {
    align-self: auto !important
}

.tw-self-center {
    align-self: center !important
}

.tw-self-stretch {
    align-self: stretch !important
}

.tw-overflow-auto {
    overflow: auto !important
}

.tw-overflow-hidden {
    overflow: hidden !important
}

.tw-overflow-visible {
    overflow: visible !important
}

.tw-overflow-x-auto {
    overflow-x: auto !important
}

.tw-overflow-y-auto {
    overflow-y: auto !important
}

.tw-overflow-x-hidden {
    overflow-x: hidden !important
}

.tw-overflow-y-hidden {
    overflow-y: hidden !important
}

.tw-truncate {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important
}

.tw-hyphens-auto {
    -webkit-hyphens: auto !important;
    hyphens: auto !important
}

.tw-whitespace-nowrap {
    white-space: nowrap !important
}

.tw-whitespace-pre-wrap {
    white-space: pre-wrap !important
}

.tw-text-wrap {
    text-wrap: wrap !important
}

.tw-break-words {
    overflow-wrap: break-word !important
}

.tw-break-all {
    word-break: break-all !important
}

.tw-break-keep {
    word-break: keep-all !important
}

.tw-rounded-10 {
    border-radius: 10px !important
}

.tw-rounded-5 {
    border-radius: 5px !important
}

.tw-rounded-\[3px\] {
    border-radius: 3px !important
}

.tw-rounded-\[40px\] {
    border-radius: 40px !important
}

.tw-rounded-full {
    border-radius: 9999px !important
}

.tw-rounded-none {
    border-radius: 0 !important
}

.tw-rounded-b-10 {
    border-bottom-right-radius: 10px !important;
    border-bottom-left-radius: 10px !important
}

.tw-rounded-b-\[9px\] {
    border-bottom-right-radius: 9px !important;
    border-bottom-left-radius: 9px !important
}

.tw-rounded-t-\[8px\] {
    border-top-left-radius: 8px !important;
    border-top-right-radius: 8px !important
}

.tw-rounded-t-\[9px\] {
    border-top-left-radius: 9px !important;
    border-top-right-radius: 9px !important
}

.tw-rounded-tl-10 {
    border-top-left-radius: 10px !important
}

.tw-rounded-tr-10 {
    border-top-right-radius: 10px !important
}

.tw-border {
    border-width: 1px !important
}

.tw-border-0 {
    border-width: 0px !important
}

.tw-border-2 {
    border-width: 2px !important
}

.tw-border-x-0 {
    border-left-width: 0px !important;
    border-right-width: 0px !important
}

.tw-border-y {
    border-top-width: 1px !important;
    border-bottom-width: 1px !important
}

.tw-border-b {
    border-bottom-width: 1px !important
}

.tw-border-b-0 {
    border-bottom-width: 0px !important
}

.tw-border-l {
    border-left-width: 1px !important
}

.tw-border-r {
    border-right-width: 1px !important
}

.tw-border-s {
    border-inline-start-width: 1px !important
}

.tw-border-s-2 {
    border-inline-start-width: 2px !important
}

.tw-border-s-4 {
    border-inline-start-width: 4px !important
}

.tw-border-t {
    border-top-width: 1px !important
}

.tw-border-t-0 {
    border-top-width: 0px !important
}

.tw-border-t-2 {
    border-top-width: 2px !important
}

.tw-border-t-4 {
    border-top-width: 4px !important
}

.tw-border-t-\[100px\] {
    border-top-width: 100px !important
}

.tw-border-solid {
    border-style: solid !important
}

.tw-border-none {
    border-style: none !important
}

.tw-border-\[\#9B9FAA\] {
    --tw-border-opacity: 1 !important;
    border-color: rgb(155 159 170 / var(--tw-border-opacity)) !important
}

.tw-border-\[\#B3B6BF\] {
    --tw-border-opacity: 1 !important;
    border-color: rgb(179 182 191 / var(--tw-border-opacity)) !important
}

.tw-border-blue {
    --tw-border-opacity: 1 !important;
    border-color: rgb(66 152 180 / var(--tw-border-opacity)) !important
}

.tw-border-blue-darker-05 {
    --tw-border-opacity: 1 !important;
    border-color: rgb(49 113 134 / var(--tw-border-opacity)) !important
}

.tw-border-gray-02 {
    --tw-border-opacity: 1 !important;
    border-color: rgb(246 246 247 / var(--tw-border-opacity)) !important
}

.tw-border-gray-03 {
    --tw-border-opacity: 1 !important;
    border-color: rgb(238 239 241 / var(--tw-border-opacity)) !important
}

.tw-border-gray-04 {
    --tw-border-opacity: 1 !important;
    border-color: rgb(221 223 226 / var(--tw-border-opacity)) !important
}

.tw-border-gray-05 {
    --tw-border-opacity: 1 !important;
    border-color: rgb(204 207 212 / var(--tw-border-opacity)) !important
}

.tw-border-gray-15\/\[0\.15\] {
    border-color: rgba(81, 89, 106, .15) !important
}

.tw-border-green {
    --tw-border-opacity: 1 !important;
    border-color: rgb(51 164 116 / var(--tw-border-opacity)) !important
}

.tw-border-green-darker-05 {
    --tw-border-opacity: 1 !important;
    border-color: rgb(38 122 86 / var(--tw-border-opacity)) !important
}

.tw-border-purple {
    --tw-border-opacity: 1 !important;
    border-color: rgb(136 97 154 / var(--tw-border-opacity)) !important
}

.tw-border-purple-darker-05 {
    --tw-border-opacity: 1 !important;
    border-color: rgb(101 72 115 / var(--tw-border-opacity)) !important
}

.tw-border-red {
    --tw-border-opacity: 1 !important;
    border-color: rgb(242 94 98 / var(--tw-border-opacity)) !important
}

.tw-border-transparent {
    border-color: transparent !important
}

.tw-border-yellow {
    --tw-border-opacity: 1 !important;
    border-color: rgb(228 174 58 / var(--tw-border-opacity)) !important
}

.tw-border-yellow-darker-05 {
    --tw-border-opacity: 1 !important;
    border-color: rgb(170 130 43 / var(--tw-border-opacity)) !important
}

.tw-border-x-gray-04 {
    --tw-border-opacity: 1 !important;
    border-left-color: rgb(221 223 226 / var(--tw-border-opacity)) !important;
    border-right-color: rgb(221 223 226 / var(--tw-border-opacity)) !important
}

.tw-border-b-blue-darker-01 {
    --tw-border-opacity: 1 !important;
    border-bottom-color: rgb(62 144 170 / var(--tw-border-opacity)) !important
}

.tw-border-b-blue-rgb {
    --tw-border-opacity: 1 !important;
    border-bottom-color: rgba(var(--rgb-blue), var(--tw-border-opacity)) !important
}

.tw-border-b-gray-03 {
    --tw-border-opacity: 1 !important;
    border-bottom-color: rgb(238 239 241 / var(--tw-border-opacity)) !important
}

.tw-border-b-gray-04 {
    --tw-border-opacity: 1 !important;
    border-bottom-color: rgb(221 223 226 / var(--tw-border-opacity)) !important
}

.tw-border-s-blue {
    --tw-border-opacity: 1 !important;
    border-inline-start-color: rgb(66 152 180 / var(--tw-border-opacity)) !important
}

.tw-border-t-gray-02 {
    --tw-border-opacity: 1 !important;
    border-top-color: rgb(246 246 247 / var(--tw-border-opacity)) !important
}

.tw-border-t-gray-03 {
    --tw-border-opacity: 1 !important;
    border-top-color: rgb(238 239 241 / var(--tw-border-opacity)) !important
}

.tw-border-t-transparent {
    border-top-color: transparent !important
}

.tw-bg-\[\#677185\] {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(103 113 133 / var(--tw-bg-opacity)) !important
}

.tw-bg-\[\#8ce0dc\] {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(140 224 220 / var(--tw-bg-opacity)) !important
}

.tw-bg-\[\#9075a0\] {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(144 117 160 / var(--tw-bg-opacity)) !important
}

.tw-bg-\[\#F2F3F4\] {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(242 243 244 / var(--tw-bg-opacity)) !important
}

.tw-bg-\[\#F9F9F9\] {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(249 249 249 / var(--tw-bg-opacity)) !important
}

.tw-bg-\[\#FBCFD0\] {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(251 207 208 / var(--tw-bg-opacity)) !important
}

.tw-bg-\[rgba\(29\,36\,50\,0\.1\)\] {
    background-color: rgba(29, 36, 50, .1) !important
}

.tw-bg-blue {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(66 152 180 / var(--tw-bg-opacity)) !important
}

.tw-bg-blue-darker-05 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(49 113 134 / var(--tw-bg-opacity)) !important
}

.tw-bg-blue-darker-12 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(26 60 72 / var(--tw-bg-opacity)) !important
}

.tw-bg-blue-lighter-09 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(217 234 240 / var(--tw-bg-opacity)) !important
}

.tw-bg-blue-lighter-10 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(236 244 247 / var(--tw-bg-opacity)) !important
}

.tw-bg-gray-01 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(249 250 250 / var(--tw-bg-opacity)) !important
}

.tw-bg-gray-02 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(246 246 247 / var(--tw-bg-opacity)) !important
}

.tw-bg-gray-03 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(238 239 241 / var(--tw-bg-opacity)) !important
}

.tw-bg-gray-04 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(221 223 226 / var(--tw-bg-opacity)) !important
}

.tw-bg-gray-10 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(120 127 141 / var(--tw-bg-opacity)) !important
}

.tw-bg-gray-13 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(87 96 113 / var(--tw-bg-opacity)) !important
}

.tw-bg-gray-15\/10 {
    background-color: rgba(81, 89, 106, .1) !important
}

.tw-bg-gray-15\/50 {
    background-color: rgba(81, 89, 106, .5) !important
}

.tw-bg-green {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(51 164 116 / var(--tw-bg-opacity)) !important
}

.tw-bg-green-darker-05 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(38 122 86 / var(--tw-bg-opacity)) !important
}

.tw-bg-green-darker-12 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(20 65 46 / var(--tw-bg-opacity)) !important
}

.tw-bg-green-lighter-09 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(214 236 227 / var(--tw-bg-opacity)) !important
}

.tw-bg-green-lighter-10 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(235 246 241 / var(--tw-bg-opacity)) !important
}

.tw-bg-purple {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(136 97 154 / var(--tw-bg-opacity)) !important
}

.tw-bg-purple-darker-05 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(101 72 115 / var(--tw-bg-opacity)) !important
}

.tw-bg-purple-darker-12 {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(var(--rgb-purple-darker-12), var(--tw-bg-opacity)) !important
}

.tw-bg-purple-lighter-09 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(231 223 234 / var(--tw-bg-opacity)) !important
}

.tw-bg-purple-lighter-10 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(243 239 245 / var(--tw-bg-opacity)) !important
}

.tw-bg-red {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(242 94 98 / var(--tw-bg-opacity)) !important
}

.tw-bg-transparent {
    background-color: transparent !important
}

.tw-bg-white {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important
}

.tw-bg-yellow {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(228 174 58 / var(--tw-bg-opacity)) !important
}

.tw-bg-yellow-darker-05 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(170 130 43 / var(--tw-bg-opacity)) !important
}

.tw-bg-yellow-darker-12 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(91 69 23 / var(--tw-bg-opacity)) !important
}

.tw-bg-yellow-lighter-09 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(249 238 215 / var(--tw-bg-opacity)) !important
}

.tw-bg-yellow-lighter-10 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(252 247 235 / var(--tw-bg-opacity)) !important
}

.tw-bg-opacity-50 {
    --tw-bg-opacity: .5 !important
}

.tw-fill-blue {
    fill: #4298b4 !important
}

.tw-fill-blue-lighter-10 {
    fill: #ecf4f7 !important
}

.tw-fill-gray-01 {
    fill: #f9fafa !important
}

.tw-fill-gray-02 {
    fill: #f6f6f7 !important
}

.tw-fill-gray-03 {
    fill: #eeeff1 !important
}

.tw-fill-gray-04 {
    fill: #dddfe2 !important
}

.tw-fill-green {
    fill: #33a474 !important
}

.tw-fill-green-lighter-10 {
    fill: #ebf6f1 !important
}

.tw-fill-purple {
    fill: #88619a !important
}

.tw-fill-purple-lighter-10 {
    fill: #f3eff5 !important
}

.tw-fill-yellow {
    fill: #e4ae3a !important
}

.tw-fill-yellow-lighter-10 {
    fill: #fcf7eb !important
}

.tw-p-0 {
    padding: 0 !important
}

.tw-p-10 {
    padding: 10px !important
}

.tw-p-15 {
    padding: 15px !important
}

.tw-p-20 {
    padding: 20px !important
}

.tw-p-30 {
    padding: 30px !important
}

.tw-p-5 {
    padding: 5px !important
}

.tw-px-0 {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.tw-px-10 {
    padding-left: 10px !important;
    padding-right: 10px !important
}

.tw-px-15 {
    padding-left: 15px !important;
    padding-right: 15px !important
}

.tw-px-20 {
    padding-left: 20px !important;
    padding-right: 20px !important
}

.tw-px-30 {
    padding-left: 30px !important;
    padding-right: 30px !important
}

.tw-px-45 {
    padding-left: 45px !important;
    padding-right: 45px !important
}

.tw-px-60 {
    padding-left: 60px !important;
    padding-right: 60px !important
}

.tw-px-\[22px\] {
    padding-left: 22px !important;
    padding-right: 22px !important
}

.tw-py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.tw-py-10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important
}

.tw-py-15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important
}

.tw-py-20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important
}

.tw-py-30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important
}

.tw-py-5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important
}

.tw-py-\[13px\] {
    padding-top: 13px !important;
    padding-bottom: 13px !important
}

.tw-pb-0 {
    padding-bottom: 0 !important
}

.tw-pb-10 {
    padding-bottom: 10px !important
}

.tw-pb-15 {
    padding-bottom: 15px !important
}

.tw-pb-20 {
    padding-bottom: 20px !important
}

.tw-pb-30 {
    padding-bottom: 30px !important
}

.tw-pb-40 {
    padding-bottom: 40px !important
}

.tw-pb-5 {
    padding-bottom: 5px !important
}

.tw-pb-50 {
    padding-bottom: 50px !important
}

.tw-pb-60 {
    padding-bottom: 60px !important
}

.tw-pb-\[20px\] {
    padding-bottom: 20px !important
}

.tw-pb-\[28px\] {
    padding-bottom: 28px !important
}

.tw-pb-\[9px\] {
    padding-bottom: 9px !important
}

.tw-pe-10 {
    padding-inline-end: 10px !important
}

.tw-pe-20 {
    padding-inline-end: 20px !important
}

.tw-pe-40 {
    padding-inline-end: 40px !important
}

.tw-pe-5 {
    padding-inline-end: 5px !important
}

.tw-pe-\[2px\] {
    padding-inline-end: 2px !important
}

.tw-pl-15 {
    padding-left: 15px !important
}

.tw-pl-20 {
    padding-left: 20px !important
}

.tw-pl-30 {
    padding-left: 30px !important
}

.tw-pl-5 {
    padding-left: 5px !important
}

.tw-pl-\[11px\] {
    padding-left: 11px !important
}

.tw-pl-\[2px\] {
    padding-left: 2px !important
}

.tw-pl-\[calc\(\(100\%-290px\)\/2\)\] {
    padding-left: calc((100% - 290px)/2) !important
}

.tw-pr-0 {
    padding-right: 0 !important
}

.tw-pr-10 {
    padding-right: 10px !important
}

.tw-pr-15 {
    padding-right: 15px !important
}

.tw-pr-20 {
    padding-right: 20px !important
}

.tw-pr-5 {
    padding-right: 5px !important
}

.tw-pr-\[2px\] {
    padding-right: 2px !important
}

.tw-ps-0 {
    padding-inline-start: 0 !important
}

.tw-ps-15 {
    padding-inline-start: 15px !important
}

.tw-ps-20 {
    padding-inline-start: 20px !important
}

.tw-ps-30 {
    padding-inline-start: 30px !important
}

.tw-ps-40 {
    padding-inline-start: 40px !important
}

.tw-ps-\[11px\] {
    padding-inline-start: 11px !important
}

.tw-ps-\[12px\] {
    padding-inline-start: 12px !important
}

.tw-ps-\[17px\] {
    padding-inline-start: 17px !important
}

.tw-ps-\[22px\] {
    padding-inline-start: 22px !important
}

.tw-ps-\[24px\] {
    padding-inline-start: 24px !important
}

.tw-ps-\[27px\] {
    padding-inline-start: 27px !important
}

.tw-ps-\[2px\] {
    padding-inline-start: 2px !important
}

.tw-ps-\[32px\] {
    padding-inline-start: 32px !important
}

.tw-pt-0 {
    padding-top: 0 !important
}

.tw-pt-10 {
    padding-top: 10px !important
}

.tw-pt-15 {
    padding-top: 15px !important
}

.tw-pt-20 {
    padding-top: 20px !important
}

.tw-pt-25 {
    padding-top: 25px !important
}

.tw-pt-30 {
    padding-top: 30px !important
}

.tw-pt-40 {
    padding-top: 40px !important
}

.tw-pt-5 {
    padding-top: 5px !important
}

.tw-pt-60 {
    padding-top: 60px !important
}

.tw-pt-7 {
    padding-top: 7px !important
}

.tw-pt-\[11px\] {
    padding-top: 11px !important
}

.tw-pt-\[130px\] {
    padding-top: 130px !important
}

.tw-pt-\[160px\] {
    padding-top: 160px !important
}

.tw-pt-\[22px\] {
    padding-top: 22px !important
}

.tw-pt-\[24px\] {
    padding-top: 24px !important
}

.tw-pt-\[29px\] {
    padding-top: 29px !important
}

.tw-pt-\[56px\] {
    padding-top: 56px !important
}

.tw-pt-\[70px\] {
    padding-top: 70px !important
}

.tw-pt-\[78px\] {
    padding-top: 78px !important
}

.tw-pt-\[95px\] {
    padding-top: 95px !important
}

.tw-text-left {
    text-align: left !important
}

.tw-text-center {
    text-align: center !important
}

.tw-text-right {
    text-align: right !important
}

.tw-text-start {
    text-align: start !important
}

.tw-text-end {
    text-align: end !important
}

.tw-align-top {
    vertical-align: top !important
}

.tw-align-middle {
    vertical-align: middle !important
}

.tw-font-titles {
    font-family: var(--font-family-titles) !important
}

.tw-text-13 {
    font-size: 13px !important
}

.tw-text-52 {
    font-size: 52px !important
}

.tw-text-\[0\.6875rem\] {
    font-size: .6875rem !important
}

.tw-text-\[0\.9em\] {
    font-size: .9em !important
}

.tw-text-\[1\.1em\] {
    font-size: 1.1em !important
}

.tw-text-\[1rem\] {
    font-size: 1rem !important
}

.tw-text-\[24px\] {
    font-size: 24px !important
}

.tw-text-\[length\:--font-p-sst-size\] {
    font-size: var(--font-p-sst-size) !important
}

.tw-text-font-h1 {
    font-size: var(--font-h1-size-bp-sm) !important
}

.tw-text-font-h3 {
    font-size: var(--font-h3-size-bp-sm) !important
}

.tw-text-font-h3-medium {
    font-size: var(--font-h3-size-bp-md) !important
}

.tw-text-font-h4 {
    font-size: var(--font-h4-size-bp-sm) !important
}

.tw-text-font-h5 {
    font-size: var(--font-h5-size-bp-sm) !important
}

.tw-text-font-h6 {
    font-size: var(--font-h6-size-bp-sm) !important
}

.tw-text-font-h7 {
    font-size: var(--font-h7-size-bp-sm) !important
}

.tw-text-font-p-md {
    font-size: var(--font-p-md-size-bp-sm) !important
}

.tw-text-font-p-sm {
    font-size: var(--font-p-sm-size-bp-sm) !important
}

.tw-text-font-p-sm-medium {
    font-size: var(--font-p-sm-size-bp-md) !important
}

.tw-text-font-p-tn {
    font-size: var(--font-p-tn-size-bp-sm) !important
}

.tw-text-font-p-tooltip {
    font-size: var(--font-p-tooltip-size-bp-sm) !important
}

.tw-text-md {
    font-size: 1rem !important
}

.tw-text-sm {
    font-size: .875rem !important
}

.tw-text-xs {
    font-size: .75rem !important
}

.tw-font-bold {
    font-weight: var(--font-text-bold-weight) !important
}

.tw-font-normal,
.tw-font-regular {
    font-weight: var(--font-text-regular-weight) !important
}

.tw-font-semibold {
    font-weight: var(--font-text-semibold-weight) !important
}

.tw-font-titles {
    font-weight: var(--font-titles-weight) !important
}

.tw-uppercase {
    text-transform: uppercase !important
}

.tw-italic {
    font-style: italic !important
}

.tw-not-italic {
    font-style: normal !important
}

.tw-leading-\[--font-p-sm-line-height-bp-sm\] {
    line-height: var(--font-p-sm-line-height-bp-sm) !important
}

.tw-leading-\[--font-p-sst-line-height\] {
    line-height: var(--font-p-sst-line-height) !important
}

.tw-leading-\[14px\] {
    line-height: 14px !important
}

.tw-leading-\[1\] {
    line-height: 1 !important
}

.tw-leading-font-h3 {
    line-height: var(--font-h3-line-height-bp-sm) !important
}

.tw-leading-font-h4 {
    line-height: var(--font-h4-line-height-bp-sm) !important
}

.tw-leading-font-h5 {
    line-height: var(--font-h5-line-height-bp-sm) !important
}

.tw-leading-font-h6 {
    line-height: var(--font-h6-line-height-bp-sm) !important
}

.tw-leading-font-h7 {
    line-height: var(--font-h7-line-height-bp-sm) !important
}

.tw-leading-font-p-md {
    line-height: var(--font-p-md-line-height-bp-sm) !important
}

.tw-leading-font-p-sm {
    line-height: var(--font-p-sm-line-height-bp-sm) !important
}

.tw-leading-font-p-sm-medium {
    line-height: var(--font-p-sm-line-height-bp-md) !important
}

.tw-leading-font-p-tn {
    line-height: var(--font-p-tn-line-height-bp-sm) !important
}

.tw-leading-font-p-tooltip {
    line-height: var(--font-p-tooltip-line-height-bp-sm) !important
}

.tw-leading-none {
    line-height: 1 !important
}

.tw-tracking-font-h3 {
    letter-spacing: var(--font-h3-spacing-bp-sm) !important
}

.tw-tracking-font-h4 {
    letter-spacing: var(--font-h4-spacing-bp-sm) !important
}

.tw-tracking-font-h5 {
    letter-spacing: var(--font-h5-spacing-bp-sm) !important
}

.tw-tracking-font-h6 {
    letter-spacing: var(--font-h6-spacing-bp-sm) !important
}

.tw-tracking-font-h7 {
    letter-spacing: var(--font-h7-spacing-bp-sm) !important
}

.tw-tracking-font-p-md {
    letter-spacing: var(--font-p-md-spacing-bp-sm) !important
}

.tw-tracking-font-p-sm {
    letter-spacing: var(--font-p-sm-spacing-bp-sm) !important
}

.tw-tracking-font-p-sm-medium {
    letter-spacing: var(--font-p-sm-spacing-bp-md) !important
}

.tw-tracking-font-p-tn {
    letter-spacing: var(--font-p-tn-spacing-bp-sm) !important
}

.tw-tracking-font-p-tooltip {
    letter-spacing: var(--font-p-tooltip-spacing-bp-sm) !important
}

.tw-text-\[var\(--ds-link\)\] {
    color: var(--ds-link) !important
}

.tw-text-blue {
    --tw-text-opacity: 1 !important;
    color: rgb(66 152 180 / var(--tw-text-opacity)) !important
}

.tw-text-blue-darker-12 {
    --tw-text-opacity: 1 !important;
    color: rgb(26 60 72 / var(--tw-text-opacity)) !important
}

.tw-text-blue-rgb {
    --tw-text-opacity: 1 !important;
    color: rgba(var(--rgb-blue), var(--tw-text-opacity)) !important
}

.tw-text-current {
    color: currentColor !important
}

.tw-text-gray-02\/25 {
    color: rgba(246, 246, 247, .25) !important
}

.tw-text-gray-02\/50 {
    color: rgba(246, 246, 247, .5) !important
}

.tw-text-gray-05 {
    --tw-text-opacity: 1 !important;
    color: rgb(204 207 212 / var(--tw-text-opacity)) !important
}

.tw-text-gray-07 {
    --tw-text-opacity: 1 !important;
    color: rgb(171 175 184 / var(--tw-text-opacity)) !important
}

.tw-text-gray-09 {
    --tw-text-opacity: 1 !important;
    color: rgb(137 144 155 / var(--tw-text-opacity)) !important
}

.tw-text-gray-10 {
    --tw-text-opacity: 1 !important;
    color: rgb(120 127 141 / var(--tw-text-opacity)) !important
}

.tw-text-gray-15 {
    --tw-text-opacity: 1 !important;
    color: rgb(81 89 106 / var(--tw-text-opacity)) !important
}

.tw-text-gray-20 {
    --tw-text-opacity: 1 !important;
    color: rgb(52 60 75 / var(--tw-text-opacity)) !important
}

.tw-text-gray-20\/25 {
    color: rgba(52, 60, 75, .25) !important
}

.tw-text-gray-20\/50 {
    color: rgba(52, 60, 75, .5) !important
}

.tw-text-gray-rgb-07 {
    --tw-text-opacity: 1 !important;
    color: rgba(var(--rgb-gray-07), var(--tw-text-opacity)) !important
}

.tw-text-gray-rgb-10 {
    --tw-text-opacity: 1 !important;
    color: rgba(var(--rgb-gray-10), var(--tw-text-opacity)) !important
}

.tw-text-green {
    --tw-text-opacity: 1 !important;
    color: rgb(51 164 116 / var(--tw-text-opacity)) !important
}

.tw-text-green-darker-12 {
    --tw-text-opacity: 1 !important;
    color: rgb(20 65 46 / var(--tw-text-opacity)) !important
}

.tw-text-green-rgb {
    --tw-text-opacity: 1 !important;
    color: rgba(var(--rgb-green), var(--tw-text-opacity)) !important
}

.tw-text-purple-darker-12 {
    --tw-text-opacity: 1 !important;
    color: rgba(var(--rgb-purple-darker-12), var(--tw-text-opacity)) !important
}

.tw-text-purple-rgb {
    --tw-text-opacity: 1 !important;
    color: rgba(var(--rgb-purple), var(--tw-text-opacity)) !important
}

.tw-text-red {
    --tw-text-opacity: 1 !important;
    color: rgb(242 94 98 / var(--tw-text-opacity)) !important
}

.tw-text-red-lighter-06 {
    --tw-text-opacity: 1 !important;
    color: rgb(248 174 176 / var(--tw-text-opacity)) !important
}

.tw-text-red-rgb {
    --tw-text-opacity: 1 !important;
    color: rgba(var(--rgb-red), var(--tw-text-opacity)) !important
}

.tw-text-transparent {
    color: transparent !important
}

.tw-text-white {
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255 / var(--tw-text-opacity)) !important
}

.tw-text-yellow-darker-12 {
    --tw-text-opacity: 1 !important;
    color: rgb(91 69 23 / var(--tw-text-opacity)) !important
}

.tw-text-yellow-rgb {
    --tw-text-opacity: 1 !important;
    color: rgba(var(--rgb-yellow), var(--tw-text-opacity)) !important
}

.tw-underline {
    text-decoration-line: underline !important
}

.tw-no-underline {
    text-decoration-line: none !important
}

.tw-decoration-blue-darker-12 {
    text-decoration-color: #1a3c48 !important
}

.tw-decoration-gray-06 {
    text-decoration-color: #bbbfc6 !important
}

.tw-decoration-green-darker-12 {
    text-decoration-color: #14412e !important
}

.tw-decoration-purple-darker-12 {
    text-decoration-color: rgba(var(--rgb-purple-darker-12), 1) !important
}

.tw-decoration-transparent {
    text-decoration-color: transparent !important
}

.tw-decoration-yellow-darker-12 {
    text-decoration-color: #5b4517 !important
}

.tw-decoration-dotted {
    text-decoration-style: dotted !important
}

.tw-underline-offset-8 {
    text-underline-offset: 8px !important
}

.tw-opacity-0 {
    opacity: 0 !important
}

.tw-opacity-100 {
    opacity: 1 !important
}

.tw-opacity-20 {
    opacity: .2 !important
}

.tw-opacity-30 {
    opacity: .3 !important
}

.tw-opacity-50 {
    opacity: .5 !important
}

.tw-opacity-60 {
    opacity: .6 !important
}

.tw-opacity-\[0\.75\] {
    opacity: .75 !important
}

.tw-shadow-\[0_-1px_4px_0_\#B3B6BF\] {
    --tw-shadow: 0 -1px 4px 0 #B3B6BF !important;
    --tw-shadow-colored: 0 -1px 4px 0 var(--tw-shadow-color) !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}

.tw-shadow-\[0_0_10px_rgba\(29\,36\,50\,0\.10\)\] {
    --tw-shadow: 0 0 10px rgba(29, 36, 50, .1) !important;
    --tw-shadow-colored: 0 0 10px var(--tw-shadow-color) !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}

.tw-shadow-academy-mobile-sidebar-items-toplevel {
    --tw-shadow: 0 -4px 4px -4px #B3B6BF, -4px 0 4px -4px #B3B6BF, 4px 0 4px -4px #B3B6BF !important;
    --tw-shadow-colored: 0 -4px 4px -4px var(--tw-shadow-color), -4px 0 4px -4px var(--tw-shadow-color), 4px 0 4px -4px var(--tw-shadow-color) !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}

.tw-shadow-error {
    --tw-shadow: 0 0 6px 0 rgba(220, 105, 80, .3), inset 0 1px 0 0 rgba(81, 89, 106, .05) !important;
    --tw-shadow-colored: 0 0 6px 0 var(--tw-shadow-color), inset 0 1px 0 0 var(--tw-shadow-color) !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}

.tw-shadow-float {
    --tw-shadow: 0 5px 15px rgba(29, 36, 50, .2) !important;
    --tw-shadow-colored: 0 5px 15px var(--tw-shadow-color) !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}

.tw-shadow-input-focus {
    --tw-shadow: 0 0 6px 0 rgba(80, 169, 170, .3), inset 0 1px 0 0 rgba(81, 89, 106, .05) !important;
    --tw-shadow-colored: 0 0 6px 0 var(--tw-shadow-color), inset 0 1px 0 0 var(--tw-shadow-color) !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}

.tw-shadow-inset {
    --tw-shadow: inset 0 1px 0 0 rgba(81, 89, 106, .05) !important;
    --tw-shadow-colored: inset 0 1px 0 0 var(--tw-shadow-color) !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}

.tw-shadow-large {
    --tw-shadow: 0 10px 40px 0 rgba(29, 36, 50, .1) !important;
    --tw-shadow-colored: 0 10px 40px 0 var(--tw-shadow-color) !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}

.tw-shadow-small {
    --tw-shadow: 0 0 10px 0 rgba(29, 36, 50, .1) !important;
    --tw-shadow-colored: 0 0 10px 0 var(--tw-shadow-color) !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}

.tw-shadow-tooltip {
    --tw-shadow: 0 1px 1px 0 rgba(81, 89, 106, .1) !important;
    --tw-shadow-colored: 0 1px 1px 0 var(--tw-shadow-color) !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}

.tw-outline {
    outline-style: solid !important
}

.tw-outline-0 {
    outline-width: 0px !important
}

.tw-outline-\[3px\] {
    outline-width: 3px !important
}

.tw-outline-white {
    outline-color: #fff !important
}

.tw-blur-\[0\.5px\] {
    --tw-blur: blur(.5px) !important;
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important
}

.tw-blur-sm {
    --tw-blur: blur(4px) !important;
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important
}

.tw-drop-shadow-\[0_10px_40px_rgba\(29\,36\,50\,0\.1\)\] {
    --tw-drop-shadow: drop-shadow(0 10px 40px rgba(29, 36, 50, .1)) !important;
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important
}

.tw-grayscale {
    --tw-grayscale: grayscale(100%) !important;
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important
}

.tw-grayscale-\[80\%\] {
    --tw-grayscale: grayscale(80%) !important;
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important
}

.tw-hue-rotate-180 {
    --tw-hue-rotate: hue-rotate(180deg) !important;
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important
}

.tw-transition {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter !important;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter !important;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter !important;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important;
    transition-duration: .15s !important
}

.tw-transition-\[background\] {
    transition-property: background !important;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important;
    transition-duration: .15s !important
}

.tw-transition-all {
    transition-property: all !important;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important;
    transition-duration: .15s !important
}

.tw-transition-colors {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke !important;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important;
    transition-duration: .15s !important
}

.tw-transition-opacity {
    transition-property: opacity !important;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important;
    transition-duration: .15s !important
}

.tw-transition-transform {
    transition-property: transform !important;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important;
    transition-duration: .15s !important
}

.tw-duration-100 {
    transition-duration: .1s !important
}

.tw-duration-200 {
    transition-duration: .2s !important
}

.tw-duration-500 {
    transition-duration: .5s !important
}

.tw-ease-in-out {
    transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important
}

.tw-box-\[12px\] {
    width: 12px !important;
    height: 12px !important
}

.tw-box-\[15px\] {
    width: 15px !important;
    height: 15px !important
}

.tw-box-\[30px\] {
    width: 30px !important;
    height: 30px !important
}

.tw-box-\[42px\] {
    width: 42px !important;
    height: 42px !important
}

.\[chart\:roles\] {
    chart: roles !important
}

.\[chart\:strategies\] {
    chart: strategies !important
}

.\[chart\:types\] {
    chart: types !important
}

.\[clip-path\:polygon\(0_0\,0_45\%\,21\%_100\%\,61\%_61\%\,85\%_79\%\,100\%_55\%\,100\%_0\)\] {
    clip-path: polygon(0 0, 0 45%, 21% 100%, 61% 61%, 85% 79%, 100% 55%, 100% 0) !important
}

.\[transition\:ease-out_margin-top_200ms\,ease-out_height_100ms\] {
    transition: ease-out margin-top .2s, ease-out height .1s !important
}

* {
    border: 0 solid transparent
}

/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
html {
    -webkit-text-size-adjust: 100%
}

*,
:after,
:before {
    box-sizing: border-box
}

*:focus {
    outline: 0
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

p {
    margin-top: 0
}

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: 700
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    margin: 0
}

button,
input,
optgroup,
textarea {
    font-size: 100%
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
[type=button],
[type=reset],
[type=submit] {
    -webkit-appearance: button
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
    border-style: none;
    padding: 0
}

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox],
[type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

template {
    display: none
}

[hidden] {
    display: none
}

html {
    height: 100%;
    font-size: 16px;
    touch-action: manipulation
}

body {
    font-size: var(--font-p-md-size-bp-sm);
    line-height: var(--font-p-md-line-height-bp-sm);
    letter-spacing: var(--font-p-md-spacing-bp-sm);
    font-family: var(--font-family-main);
    font-weight: var(--font-text-regular-weight);
    color: #343c4b;
    height: 100%;
    margin: 0;
    transition: padding-top .2s ease-in-out;
    -webkit-font-smoothing: var(--font-text-webkit-smoothing);
    -moz-osx-font-smoothing: var(--font-text-osx-smoothing);
    font-stretch: var(--font-text-stretch)
}

main {
    display: block
}

.g-wrp {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    margin: 0 auto
}

.g-wrp>* {
    width: 100%
}

b,
strong,
.text-bold {
    font-weight: var(--font-text-bold-weight)
}

.text-semibold {
    font-weight: var(--font-text-semibold-weight)
}

i,
em,
cite,
h1 i,
h2 i,
h3 i,
h4 i,
h5 i,
h6 i,
.h1 i,
.h2 i,
.h3 i,
.h4 i,
.h5 i,
.h6 i,
.font-head i,
h1 em,
h2 em,
h3 em,
h4 em,
h5 em,
h6 em,
.h1 em,
.h2 em,
.h3 em,
.h4 em,
.h5 em,
.h6 em,
.font-head em {
    font-style: italic
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--font-family-titles);
    font-weight: var(--font-titles-weight);
    font-stretch: var(--font-titles-stretch);
    color: #343c4b;
    margin-bottom: 10px
}

h3,
h4,
h5,
h6 {
    margin-top: 20px
}

h1 {
    margin: 30px 0 20px;
    font-size: var(--font-h1-size-bp-sm);
    line-height: var(--font-h1-line-height-bp-sm);
    letter-spacing: var(--font-h1-spacing-bp-sm)
}

h1.underlined {
    margin: 0 0 30px;
    padding: 30px 20px;
    border-bottom: 1px solid #DDDFE2
}

.container-padding h1.underlined {
    padding-left: 0;
    padding-right: 0
}

h2 {
    margin: 0 0 30px;
    padding: 0;
    font-size: var(--font-h2-size-bp-sm);
    line-height: var(--font-h2-line-height-bp-sm);
    letter-spacing: var(--font-h2-spacing-bp-sm)
}

h3 {
    font-size: var(--font-h3-size-bp-sm);
    line-height: var(--font-h3-line-height-bp-sm);
    letter-spacing: var(--font-h3-spacing-bp-sm)
}

h4 {
    font-size: var(--font-h4-size-bp-sm);
    line-height: var(--font-h4-line-height-bp-sm);
    letter-spacing: var(--font-h4-spacing-bp-sm)
}

h5 {
    font-size: var(--font-h5-size-bp-sm);
    line-height: var(--font-h5-line-height-bp-sm);
    letter-spacing: var(--font-h5-spacing-bp-sm)
}

h6 {
    font-size: var(--font-h6-size-bp-sm);
    line-height: var(--font-h6-line-height-bp-sm);
    letter-spacing: var(--font-h6-spacing-bp-sm)
}

.font-revert {
    font-weight: var(--font-text-regular-weight);
    font-family: var(--font-family-text)
}

a {
    color: rgb(var(--rgb-blue));
    transition: color .2s ease-in-out, text-decoration-color .2s ease-in-out
}

a:focus-visible,
a:hover,
a:active {
    text-decoration-color: var(--link-blue-underline-50)
}

a.btn {
    color: #fff
}

a.btn.btn-default,
a.btn.btn-white {
    color: #343c4b
}

a.no-formatting {
    color: inherit;
    text-decoration: none
}

a.no-formatting:focus-visible,
a.no-formatting:hover,
a.no-formatting:active {
    color: inherit;
    text-decoration: none;
    outline: 0
}

a.no-color {
    color: inherit
}

a.no-color:focus-visible,
a.no-color:hover,
a.no-color:active {
    color: inherit
}

a.no-color.with-border:focus-visible,
a.no-color.with-border:hover,
a.no-color.with-border:active {
    border-color: inherit
}

a.with-border {
    outline: 0;
    text-decoration: none;
    border-bottom: 1px solid transparent;
    padding-bottom: 2px
}

a.with-border:focus-visible,
a.with-border:hover,
a.with-border:active {
    border-color: #388199
}

.has--tip title,
.has--tip [title],
.has--tip .sp-icon svg {
    pointer-events: none
}

.sp-action.has--tip {
    position: relative
}

.link--inline {
    outline: 0;
    transition: all .2s ease-in-out, padding 0s, margin 0s, font-size 0s;
    text-decoration: underline;
    text-decoration-color: transparent;
    -webkit-text-decoration-skip: none;
    text-decoration-skip: none;
    text-decoration-thickness: 1px;
    text-underline-offset: .32em;
    color: rgb(var(--rgb-blue))
}

.link--inline:focus-visible,
.link--inline:hover,
.link--inline:active {
    text-decoration-color: var(--link-blue-underline-50)
}

.a11y--focus-visible .link--inline:focus-visible {
    outline: 4px solid rgba(123, 183, 202, .6)
}

.link--inline .sp-icon.color--inherit g,
.link--inline .sp-icon.color--inherit path,
.link--inline .sp-icon.color--inherit polygon {
    fill: rgb(var(--rgb-blue))
}

.link--inline :deep(.sp-icon.color--inherit) g,
.link--inline :deep(.sp-icon.color--inherit) path,
.link--inline :deep(.sp-icon.color--inherit) polygon {
    fill: rgb(var(--rgb-blue))
}

.link--inline.no-color {
    color: inherit
}

.link--inline.no-color:focus-visible,
.link--inline.no-color:hover,
.link--inline.no-color:active,
.link--inline.no-color.underlined {
    color: inherit;
    border-color: inherit;
    text-decoration-color: inherit
}

.has--fancylink {
    position: relative
}

.has--fancylink>span,
.has--fancylink>a {
    background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(to right, #343c4b, #343c4b)
}

.has--fancylink>span,
.has--fancylink>a,
.has--fancylink>span:focus-visible,
.has--fancylink>a:focus-visible,
.has--fancylink>span:hover,
.has--fancylink>a:hover {
    color: inherit
}

.has--fancylink>span,
.has--fancylink>a,
.has--fancylink>span:focus-visible,
.has--fancylink>a:focus-visible,
.has--fancylink>span:hover,
.has--fancylink>a:hover,
.has--fancylink>span.sp-link,
.has--fancylink>a.sp-link,
.has--fancylink>span.sp-link:hover,
.has--fancylink>a.sp-link:hover {
    text-decoration: none !important
}

.has--fancylink>span,
.has--fancylink>a,
.has--fancylink>span.link--inline,
.has--fancylink>a.link--inline,
.has--fancylink>span.sp-link,
.has--fancylink>a.sp-link {
    background-size: 100% 2px, 0 2px;
    transition: background-size .3s, outline .2s
}

.has--fancylink>span,
.has--fancylink>a,
.has--fancylink>span.link--inline,
.has--fancylink>a.link--inline,
.has--fancylink>span.sp-link,
.has--fancylink>a.sp-link,
.has--fancylink>span.sp-link:focus-visible,
.has--fancylink>a.sp-link:focus-visible,
.has--fancylink>span.sp-link:hover,
.has--fancylink>a.sp-link:hover {
    background-repeat: no-repeat;
    background-position: 100% 100%, 0 100%
}

.has--fancylink>span:after,
.has--fancylink>a:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.has--fancylink:focus-within>span,
.has--fancylink:hover>span,
.has--fancylink:focus-within>a,
.has--fancylink:hover>a {
    background-size: 0 2px, 100% 2px
}

.link--fancy.sp-link.sp-action:focus-visible,
.link--fancy.sp-link.sp-action:active {
    background-image: unset
}

.link--fancy {
    background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(to right, #343c4b, #343c4b)
}

.link--fancy,
.link--fancy:focus-visible,
.link--fancy:hover {
    color: inherit
}

.link--fancy,
.link--fancy:focus-visible,
.link--fancy:hover,
.link--fancy.sp-link,
.link--fancy.sp-link:hover {
    text-decoration: none !important
}

.link--fancy,
.link--fancy.link--inline,
.link--fancy.sp-link {
    background-size: 100% 2px, 0 2px;
    transition: background-size .3s, outline .2s
}

.link--fancy,
.link--fancy.link--inline,
.link--fancy.sp-link,
.link--fancy.sp-link:focus-visible,
.link--fancy.sp-link:hover {
    background-repeat: no-repeat;
    background-position: 100% 100%, 0 100%
}

.link--fancy.link--inline,
.link--fancy.link--inline:hover,
.link--fancy.sp-link,
.link--fancy.sp-link:hover {
    color: rgb(var(--rgb-blue));
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(to right, rgb(var(--rgb-blue)), rgb(var(--rgb-blue)))
}

.link--fancy:focus-visible,
.link--fancy:hover,
.link--fancy.sp-link.sp-action:hover {
    background-size: 0 2px, 100% 2px
}

.has--fancylink>a.fancy--blue,
.link--fancy.sp-link.fancy--blue,
.link--fancy.sp-link.fancy--blue:focus-visible,
.link--fancy.sp-link.fancy--blue:hover,
.link--fancy.link--inline.fancy--blue,
.link--fancy.link--inline.fancy--blue:focus-visible,
.link--fancy.link--inline.fancy--blue:hover {
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(to right, #4298b4, #4298b4)
}

.link--fancy.link--inline.color--blue,
.link--fancy.sp-link.color--blue {
    color: rgb(var(--rgb-blue))
}

.has--fancylink>a.fancy--green,
.link--fancy.sp-link.fancy--green,
.link--fancy.sp-link.fancy--green:focus-visible,
.link--fancy.sp-link.fancy--green:hover,
.link--fancy.link--inline.fancy--green,
.link--fancy.link--inline.fancy--green:focus-visible,
.link--fancy.link--inline.fancy--green:hover {
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(to right, #33a474, #33a474)
}

.link--fancy.link--inline.color--green,
.link--fancy.sp-link.color--green {
    color: rgb(var(--rgb-green))
}

.has--fancylink>a.fancy--purple,
.link--fancy.sp-link.fancy--purple,
.link--fancy.sp-link.fancy--purple:focus-visible,
.link--fancy.sp-link.fancy--purple:hover,
.link--fancy.link--inline.fancy--purple,
.link--fancy.link--inline.fancy--purple:focus-visible,
.link--fancy.link--inline.fancy--purple:hover {
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(to right, #88619a, #88619a)
}

.link--fancy.link--inline.color--purple,
.link--fancy.sp-link.color--purple {
    color: rgb(var(--rgb-purple))
}

.has--fancylink>a.fancy--yellow,
.link--fancy.sp-link.fancy--yellow,
.link--fancy.sp-link.fancy--yellow:focus-visible,
.link--fancy.sp-link.fancy--yellow:hover,
.link--fancy.link--inline.fancy--yellow,
.link--fancy.link--inline.fancy--yellow:focus-visible,
.link--fancy.link--inline.fancy--yellow:hover {
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(to right, #e4ae3a, #e4ae3a)
}

.link--fancy.link--inline.color--yellow,
.link--fancy.sp-link.color--yellow {
    color: rgb(var(--rgb-yellow))
}

.has--fancylink>a.fancy--red,
.link--fancy.sp-link.fancy--red,
.link--fancy.sp-link.fancy--red:focus-visible,
.link--fancy.sp-link.fancy--red:hover,
.link--fancy.link--inline.fancy--red,
.link--fancy.link--inline.fancy--red:focus-visible,
.link--fancy.link--inline.fancy--red:hover {
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(to right, #f25e62, #f25e62)
}

.link--fancy.link--inline.color--red,
.link--fancy.sp-link.color--red {
    color: rgb(var(--rgb-red))
}

.link--fancy.sp-link.color--inherit,
.link--fancy.sp-link.color--inherit:focus-visible,
.link--fancy.sp-link.color--inherit:hover,
.link--fancy.link--inline.color--inherit,
.link--fancy.link--inline.color--inherit:focus-visible,
.link--fancy.link--inline.color--inherit:hover {
    color: #343c4b
}

.font-head {
    font-family: var(--font-family-titles);
    font-weight: var(--font-titles-weight)
}

.font-body {
    font-family: var(--font-family-text)
}

.font-caps {
    font-size: var(--font-caps-size);
    line-height: var(--font-caps-line-height);
    letter-spacing: var(--font-caps-spacing);
    font-weight: var(--font-caps-weight);
    text-transform: uppercase;
    text-decoration: none
}

.h1-large,
.h1-large-phone {
    font-size: var(--font-h1-size-large-sm);
    line-height: var(--font-h1-line-height-large-sm);
    letter-spacing: var(--font-h1-spacing-large-sm)
}

.h1-phone {
    font-size: var(--font-h1-size-bp-sm);
    line-height: var(--font-h1-line-height-bp-sm);
    letter-spacing: var(--font-h1-spacing-bp-sm)
}

.h1-md {
    font-size: var(--font-h1-size-bp-md);
    line-height: var(--font-h1-line-height-bp-md);
    letter-spacing: var(--font-h1-spacing-bp-md)
}

.h1-lg {
    font-size: var(--font-h1-size-bp-lg);
    line-height: var(--font-h1-line-height-bp-lg);
    letter-spacing: var(--font-h1-spacing-bp-lg)
}

.h1 {
    font-size: var(--font-h1-size-bp-sm);
    line-height: var(--font-h1-line-height-bp-sm);
    letter-spacing: var(--font-h1-spacing-bp-sm)
}

.h2 {
    font-size: var(--font-h2-size-bp-sm);
    line-height: var(--font-h2-line-height-bp-sm);
    letter-spacing: var(--font-h2-spacing-bp-sm)
}

.h3 {
    font-size: var(--font-h3-size-bp-sm);
    line-height: var(--font-h3-line-height-bp-sm);
    letter-spacing: var(--font-h3-spacing-bp-sm)
}

.h4 {
    font-size: var(--font-h4-size-bp-sm);
    line-height: var(--font-h4-line-height-bp-sm);
    letter-spacing: var(--font-h4-spacing-bp-sm)
}

.h5 {
    font-size: var(--font-h5-size-bp-sm);
    line-height: var(--font-h5-line-height-bp-sm);
    letter-spacing: var(--font-h5-spacing-bp-sm)
}

.h6 {
    font-size: var(--font-h6-size-bp-sm);
    line-height: var(--font-h6-line-height-bp-sm);
    letter-spacing: var(--font-h6-spacing-bp-sm)
}

.h7 {
    font-size: var(--font-h7-size-bp-sm);
    line-height: var(--font-h7-line-height-bp-sm);
    letter-spacing: var(--font-h7-spacing-bp-sm)
}

.p-lg {
    font-size: var(--font-p-lg-size-bp-sm);
    line-height: var(--font-p-lg-line-height-bp-sm);
    letter-spacing: var(--font-p-lg-spacing-bp-sm)
}

.p-md {
    font-size: var(--font-p-md-size-bp-sm);
    line-height: var(--font-p-md-line-height-bp-sm);
    letter-spacing: var(--font-p-md-spacing-bp-sm)
}

.p-sm {
    font-size: var(--font-p-sm-size-bp-sm);
    line-height: var(--font-p-sm-line-height-bp-sm);
    letter-spacing: var(--font-p-sm-spacing-bp-sm)
}

.p-tn {
    font-size: var(--font-p-tn-size-bp-sm);
    line-height: var(--font-p-tn-line-height-bp-sm);
    letter-spacing: var(--font-p-tn-spacing-bp-sm)
}

.p-st {
    font-size: var(--font-p-st-size);
    line-height: var(--font-p-st-line-height);
    letter-spacing: var(--font-p-st-spacing)
}

.p-sst {
    font-size: var(--font-p-sst-size);
    line-height: var(--font-p-sst-line-height);
    letter-spacing: var(--font-p-sst-spacing)
}

.text--bal {
    text-wrap: balance
}

.hr,
article hr,
.sp-article hr {
    border: 1px solid #EEEFF1;
    border-width: 1px 0 0
}

.sp-icon.color--inherit g,
.sp-icon.color--inherit path,
.sp-icon.color--inherit polygon {
    fill: #343c4b
}

.sp-wrap {
    margin-left: 15px;
    margin-right: 15px
}

.centered-container-h {
    width: 100%;
    max-width: 1000px;
    margin-right: auto;
    margin-left: auto
}

.container-padding {
    padding: 0 15px
}

.container-padding h1 {
    padding-left: 0;
    padding-right: 0
}

.flex-center {
    display: flex;
    align-items: center;
    justify-content: center
}

.no-margin {
    margin: 0 !important
}

.no-padding {
    padding: 0 !important
}

.icon--clipped {
    clip-path: polygon(10% 19%, 54% 0, 96% 17%, 100% 83%, 54% 100%, 0 74%)
}

.wrap--avatar .svg--avatar,
.wrap--avatar .img--avatar,
.card--avatar,
.nowrap--avatar {
    -webkit-clip-path: polygon(56% 1%, 10% 26%, 1% 69%, 49% 90%, 100% 75%, 95% 26%);
    clip-path: polygon(56% 1%, 10% 26%, 1% 69%, 49% 90%, 100% 75%, 95% 26%);
    background: #ececeb
}

.wrap--avatar {
    display: flex;
    align-items: center;
    justify-content: center
}

.wrap--avatar .svg--avatar,
.wrap--avatar .img--avatar {
    margin-top: 10%;
    width: 100%;
    height: 100%
}

.wrap--avatar .svg--imported {
    transform: translateZ(0)
}

.wrap--avatar .svg--imported g[id*=-frames] polygon {
    fill: transparent
}

.card__icon.card--avatar {
    flex-shrink: 0;
    width: 50px;
    height: 50px;
    position: absolute;
    top: 17.5px;
    inset-inline-start: 15px
}

input.invalid:not(:focus),
select.invalid:not(:focus),
input:invalid:not(:focus),
select:invalid:not(:focus) {
    outline: 0 !important;
    border-color: #FF5C60 #FF7077 #FF7077 !important;
    box-shadow: 0 1px 2px transparent inset, 0 1px rgba(255, 255, 255, 0), 0 0 2px rgba(255, 0, 0, .5) !important
}

select.full-width {
    width: 100%
}

.fa {
    font-style: normal
}

.type__code {
    white-space: nowrap
}

.sr-only {
    border: 0;
    clip: rect(0 0 0 0);
    height: auto;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap
}

.is--hidden,
.is--hidden.sp-goback[class] {
    display: none
}

.is--transparent[class] {
    opacity: 0
}

.only--print,
.is--desktop,
.min--tablet {
    display: none !important
}

.slide-enter-active,
.slide-leave-active {
    transition: all .5s ease-in-out
}

.slide-enter {
    transform: translateY(-100%)
}

.slide-enter-to {
    transform: translateY(0)
}

.slide-leave-to {
    transform: translateY(-100%);
    opacity: 0
}

.slide-right-enter-active,
.slide-right-leave-active {
    transition: all .3s ease-in-out
}

.slide-right-enter {
    transform: translate(100%)
}

.slide-right-leave-to {
    transform: translate(200%);
    opacity: 0
}

.slide-left-enter-active,
.slide-left-leave-active {
    transition: all .3s ease-in-out
}

.slide-left-leave-to {
    opacity: 0
}

.slide-down-fade-enter-active,
.slide-down-fade-side-enter-active {
    transition: all .2s ease
}

.slide-down-fade-leave-active,
.slide-down-fade-side-leave-active {
    transition: all .2s cubic-bezier(1, .5, .8, 1)
}

.slide-down-fade-enter,
.slide-down-fade-leave-to {
    transform: translateY(10px);
    opacity: 0
}

.slide-down-fade-side-enter,
.slide-down-fade-side-leave-to {
    transform: translate(200px)
}

.slide-down-enter-active {
    transition-duration: .15s;
    transition-timing-function: ease-out
}

.slide-down-leave-active {
    transition-duration: .2s;
    transition-timing-function: ease-in-out
}

.slide-down-enter-to,
.slide-down-leave {
    max-height: 250px;
    overflow: hidden
}

.slide-down-enter-to.size--sm,
.slide-down-leave.size--sm {
    max-height: 100px
}

.slide-down-enter-to.size--lg,
.slide-down-leave.size--lg {
    max-height: 500px
}

.slide-down-enter,
.slide-down-leave-to {
    overflow: hidden;
    max-height: 0;
    opacity: .5
}

.fade-enter-active,
.fade-leave-active {
    transition: opacity .5s
}

.fade-enter,
.fade-leave-to {
    opacity: 0
}

.fade-in-out-enter-active {
    transition-duration: .15s;
    transition-timing-function: ease-out
}

.fade-in-out-leave-active {
    transition-duration: .2s;
    transition-timing-function: ease-in-out
}

.fade-in-out-enter-to,
.fade-in-out-leave {
    opacity: .5
}

.fade-in-out-enter,
.fade-in-out-leave-to {
    opacity: .1
}

::-webkit-scrollbar {
    background-color: #f9f9f9;
    width: 10px
}

::-webkit-scrollbar-track {
    background-color: #f9f9f9
}

::-webkit-scrollbar-thumb {
    background-color: #b5b5b5;
    border-radius: 5px
}

::-webkit-scrollbar-button {
    display: none
}

* {
    scrollbar-width: thin;
    scrollbar-color: #F9F9F9
}

img {
    max-width: 100%
}

th,
legend {
    font-weight: var(--font-text-semibold-weight)
}

input:not([type=checkbox]):not([type=radio]),
select {
    font-size: var(--font-p-md-size-bp-sm);
    line-height: var(--font-p-md-line-height-bp-sm);
    letter-spacing: var(--font-p-md-spacing-bp-sm);
    padding: 10px 15px;
    height: 50px;
    border: 1px solid #CCCFD4;
    background-color: #fff;
    color: #343c4b;
    max-width: 100%;
    outline: 0;
    border-radius: 5px;
    box-shadow: inset 0 1px rgba(81, 89, 106, .05);
    transition: border-color .2s ease-in-out;
    -webkit-appearance: none
}

input:not([type=checkbox]):not([type=radio])::-webkit-input-placeholder,
select::-webkit-input-placeholder {
    color: rgb(var(--rgb-gray-07))
}

input:not([type=checkbox]):not([type=radio])::-moz-placeholder,
select::-moz-placeholder {
    color: rgb(var(--rgb-gray-07))
}

input:not([type=checkbox]):not([type=radio]):-ms-input-placeholder,
select:-ms-input-placeholder {
    color: rgb(var(--rgb-gray-07))
}

input:not([type=checkbox]):not([type=radio]):-moz-placeholder,
select:-moz-placeholder {
    color: rgb(var(--rgb-gray-07))
}

input:not([type=checkbox]):not([type=radio]):-webkit-autofill,
select:-webkit-autofill {
    box-shadow: inset 0 2px rgba(81, 89, 106, .05), 0 0 0 50px #fff inset;
    -webkit-text-fill-color: #343C4B
}

input:not([type=checkbox]):not([type=radio]):-webkit-autofill:focus,
select:-webkit-autofill:focus {
    box-shadow: 0 0 6px rgba(80, 169, 170, .3), inset 0 2px rgba(81, 89, 106, .05), 0 0 0 50px #fff inset;
    -webkit-text-fill-color: #343C4B
}

input:not([type=checkbox]):not([type=radio])::selection,
select::selection {
    background: #c0dee8
}

input:not([type=checkbox]):not([type=radio])::-moz-selection,
select::-moz-selection {
    background: #c0dee8
}

input:not([type=checkbox]):not([type=radio]):focus,
select:focus {
    border-color: #4298b4;
    box-shadow: 0 0 6px rgba(80, 169, 170, .3), inset 0 1px rgba(81, 89, 106, .05)
}

input:not([type=checkbox]):not([type=radio]):hover,
select:hover {
    border-color: #4298b4
}

input:not([type=checkbox]):not([type=radio]):disabled,
select:disabled {
    pointer-events: none;
    opacity: .5;
    border-color: #dddfe2;
    color: #51596a
}

input:not([type=checkbox]):not([type=radio]):invalid:not(.ignore--validation),
select:invalid:not(.ignore--validation) {
    border-color: #f25e62 !important
}

input:not([type=checkbox]):not([type=radio]):invalid:not(.ignore--validation):hover,
select:invalid:not(.ignore--validation):hover {
    border-color: #cd4f53
}

input:not([type=checkbox]):not([type=radio]):invalid:not(.ignore--validation):not(:focus),
select:invalid:not(.ignore--validation):not(:focus) {
    box-shadow: inset 0 1px rgba(81, 89, 106, .05) !important
}

input:not([type=checkbox]):not([type=radio]):invalid:not(.ignore--validation):focus,
select:invalid:not(.ignore--validation):focus {
    box-shadow: 0 0 6px rgba(220, 105, 80, .3), inset 0 1px rgba(81, 89, 106, .05) !important
}

input:not([type=checkbox]):focus {
    box-shadow: 0 0 6px rgba(80, 169, 170, .3), inset 0 2px rgba(81, 89, 106, .05), 0 0 0 50px #fff inset
}

input[type=search] {
    outline-offset: 0
}

select {
    -webkit-appearance: none;
    font-size: var(--font-p-md-size-bp-sm);
    line-height: var(--font-p-md-line-height-bp-sm);
    letter-spacing: var(--font-p-md-spacing-bp-sm);
    padding-block: 10px;
    padding-inline-end: 33px;
    padding-inline-start: 15px;
    height: 50px;
    cursor: default;
    border: 1px solid #DDDFE2;
    background-color: #f9fafa;
    border-radius: 5px;
    box-shadow: 0 1px 1px rgba(81, 89, 106, .05);
    outline: 0;
    transition: border-color .2s ease-in-out;
    color: #343c4b;
    padding-right: 40px;
    background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='far' data-icon='angle-down' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512' class='svg-inline--fa fa-angle-down fa-w-10 fa-3x'%3E%3Cpath fill='%23a7abb4' d='M151.5 347.8L3.5 201c-4.7-4.7-4.7-12.3 0-17l19.8-19.8c4.7-4.7 12.3-4.7 17 0L160 282.7l119.7-118.5c4.7-4.7 12.3-4.7 17 0l19.8 19.8c4.7 4.7 4.7 12.3 0 17l-148 146.8c-4.7 4.7-12.3 4.7-17 0z' class=''%3E%3C/path%3E%3C/svg%3E");
    background-size: 18px 18px;
    background-repeat: no-repeat;
    background-position: calc(100% - 15px) 50%
}

select:focus-visible,
select:hover {
    border-color: #cccfd4;
    box-shadow: 0 1px 1px rgba(81, 89, 106, .1)
}

select:hover {
    background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='far' data-icon='angle-down' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512' class='svg-inline--fa fa-angle-down fa-w-10 fa-3x'%3E%3Cpath fill='%2351596a' d='M151.5 347.8L3.5 201c-4.7-4.7-4.7-12.3 0-17l19.8-19.8c4.7-4.7 12.3-4.7 17 0L160 282.7l119.7-118.5c4.7-4.7 12.3-4.7 17 0l19.8 19.8c4.7 4.7 4.7 12.3 0 17l-148 146.8c-4.7 4.7-12.3 4.7-17 0z' class=''%3E%3C/path%3E%3C/svg%3E")
}

select:focus {
    background-color: #fff;
    border-color: #cccfd4;
    box-shadow: 0 1px 1px rgba(81, 89, 106, .1)
}

select:disabled {
    pointer-events: none;
    opacity: .5;
    box-shadow: 0 1px 1px rgba(81, 89, 106, .05);
    background-color: #f9fafa
}

select:invalid:not(:focus) {
    border-color: #f25e62;
    box-shadow: 0 1px 1px rgba(220, 105, 80, .15)
}

select:invalid:hover {
    border-color: #cd4f53;
    box-shadow: 0 1px 1px rgba(220, 105, 80, .3)
}

.a11y--focus-visible select:focus-visible {
    outline: 4px solid rgba(123, 183, 202, .6)
}

select.is--expanded {
    background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='far' data-icon='angle-up' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512' class='svg-inline--fa fa-angle-up fa-w-10 fa-3x'%3E%3Cpath fill='%2351596a' d='M168.5 164.2l148 146.8c4.7 4.7 4.7 12.3 0 17l-19.8 19.8c-4.7 4.7-12.3 4.7-17 0L160 229.3 40.3 347.8c-4.7 4.7-12.3 4.7-17 0L3.5 328c-4.7-4.7-4.7-12.3 0-17l148-146.8c4.7-4.7 12.3-4.7 17 0z' class=''%3E%3C/path%3E%3C/svg%3E")
}

textarea {
    font-size: var(--font-p-md-size-bp-sm);
    line-height: var(--font-p-md-line-height-bp-sm);
    letter-spacing: var(--font-p-md-spacing-bp-sm);
    padding: 10px 15px;
    height: 50px;
    border: 1px solid #CCCFD4;
    background-color: #fff;
    color: #343c4b;
    max-width: 100%;
    outline: 0;
    border-radius: 5px;
    box-shadow: inset 0 1px rgba(81, 89, 106, .05);
    transition: border-color .2s ease-in-out;
    -webkit-appearance: none
}

textarea::-webkit-input-placeholder {
    color: rgb(var(--rgb-gray-07))
}

textarea::-moz-placeholder {
    color: rgb(var(--rgb-gray-07))
}

textarea:-ms-input-placeholder {
    color: rgb(var(--rgb-gray-07))
}

textarea:-moz-placeholder {
    color: rgb(var(--rgb-gray-07))
}

textarea:-webkit-autofill {
    box-shadow: inset 0 2px rgba(81, 89, 106, .05), 0 0 0 50px #fff inset;
    -webkit-text-fill-color: #343C4B
}

textarea:-webkit-autofill:focus {
    box-shadow: 0 0 6px rgba(80, 169, 170, .3), inset 0 2px rgba(81, 89, 106, .05), 0 0 0 50px #fff inset;
    -webkit-text-fill-color: #343C4B
}

textarea::selection {
    background: #c0dee8
}

textarea::-moz-selection {
    background: #c0dee8
}

textarea:focus {
    border-color: #4298b4;
    box-shadow: 0 0 6px rgba(80, 169, 170, .3), inset 0 1px rgba(81, 89, 106, .05)
}

textarea:hover {
    border-color: #4298b4
}

textarea:disabled {
    pointer-events: none;
    opacity: .5;
    border-color: #dddfe2;
    color: #51596a
}

textarea:invalid:not(.ignore--validation) {
    border-color: #f25e62 !important
}

textarea:invalid:not(.ignore--validation):hover {
    border-color: #cd4f53
}

textarea:invalid:not(.ignore--validation):not(:focus) {
    box-shadow: inset 0 1px rgba(81, 89, 106, .05) !important
}

textarea:invalid:not(.ignore--validation):focus {
    box-shadow: 0 0 6px rgba(220, 105, 80, .3), inset 0 1px rgba(81, 89, 106, .05) !important
}

.input-wrapper.with-icon {
    position: relative
}

.input-wrapper.with-icon span.fal {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 23px;
    left: 25px;
    color: #51596a;
    width: 18px;
    height: 14px
}

.input-wrapper.with-icon input {
    padding-left: 54px
}

.input-wrapper.with-icon input:disabled+span.fal {
    color: #51596a
}

.input-wrapper.with-icon input:focus+span.fal {
    color: rgb(var(--rgb-blue))
}

.input-wrapper.with-icon input:invalid:not(:focus)+span.fal {
    color: rgb(var(--rgb-red))
}

textarea.invalid:not(:focus) {
    border-color: #ff5c60 #ff7077 #ff7077 !important;
    box-shadow: 0 1px 2px transparent inset, 0 1px rgba(255, 255, 255, 0), 0 0 2px rgba(255, 0, 0, .5) !important
}

input[type=checkbox] {
    display: none
}

input[type=checkbox]+label {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

input[type=checkbox]+label .checkbox {
    display: block;
    flex: 0 0 30px;
    height: 30px;
    border-radius: 5px;
    margin-right: 15px;
    cursor: pointer;
    background-color: #fff;
    border: 1px solid #CCCFD4;
    box-shadow: inset 0 2px rgba(81, 89, 106, .05);
    transition: all .1s ease-in-out
}

input[type=checkbox]:hover+label .checkbox,
input[type=checkbox]+label:hover .checkbox {
    border-color: #4298b4;
    box-shadow: 0 0 6px rgba(80, 169, 170, .3), inset 0 2px rgba(81, 89, 106, .05)
}

input[type=checkbox]:checked+label .checkbox {
    border-color: #4298b4;
    background: #4298b4 url(https://www.16personalities.com/build/assets/checkbox--T07ZAbue.svg) center no-repeat;
    background-size: 50%
}

input[type=checkbox]:checked:hover+label .checkbox,
input[type=checkbox]:checked+label:hover .checkbox {
    border-color: #347990;
    background-color: #347990;
    box-shadow: none
}

span.italic {
    font-style: italic
}

span.gray {
    color: #b5b5b5
}

.inline {
    display: inline-block
}

blockquote {
    margin: 20px 0;
    border-inline-start: 3px solid #4298B4;
    padding-block: 5px;
    padding-inline-start: 10px
}

blockquote p,
article blockquote p {
    font-family: var(--font-family-titles);
    font-weight: var(--font-titles-weight);
    font-size: var(--font-h5-size-bp-sm);
    line-height: var(--font-h5-line-height-bp-sm);
    letter-spacing: var(--font-h5-spacing-bp-sm)
}

blockquote p:last-child {
    margin-bottom: 0 !important
}

blockquote footer {
    font-family: var(--font-family-text);
    color: rgb(var(--rgb-gray-10));
    font-size: var(--font-p-md-size-bp-sm);
    line-height: var(--font-p-md-line-height-bp-sm);
    letter-spacing: var(--font-p-md-spacing-bp-sm);
    margin-top: 10px
}

.description-pullout {
    background-color: #ebf6f1;
    border-inline-start: 3px solid #33A474;
    font-size: var(--font-p-lg-size-bp-sm);
    line-height: var(--font-p-lg-line-height-bp-sm);
    letter-spacing: var(--font-p-lg-spacing-bp-sm);
    padding: 10px 20px;
    margin-top: 20px;
    margin-bottom: 20px
}

.q-td.analysts .main.description .description-pullout {
    background-color: #f3eff5;
    border-color: #88619a
}

.q-td.sentinels .main.description .description-pullout {
    background-color: #ecf4f7;
    border-color: #4298b4
}

.q-td.explorers .main.description .description-pullout {
    background-color: #fcf7eb;
    border-color: #e4ae3a
}

.description-pullout p:last-child {
    margin-bottom: 0 !important
}

transition {
    display: none
}

.table-responsive {
    width: 100%;
    max-width: 100%;
    overflow: auto
}

table {
    border-collapse: collapse
}

article {
    word-break: break-word
}

article ::-moz-selection {
    background: #cce4ec
}

article ::selection {
    background: #cce4ec
}

article ol {
    margin-top: 0;
    padding-left: 30px
}

article ol li {
    margin-bottom: 5px
}

article ol li:last-child {
    margin-bottom: 0
}

article ol li::marker {
    font-weight: var(--font-text-semibold-weight);
    color: rgb(var(--rgb-blue));
    margin-left: 12px
}

article ol li ol>li::marker {
    color: #88619a
}

article ol li ol>li ol>li::marker {
    color: rgb(var(--rgb-blue))
}

article ul:not(.pagination) {
    margin: 0;
    padding: 0;
    list-style: none
}

article ul:not(.pagination) li {
    position: relative;
    margin-bottom: 5px;
    padding-inline-start: 22px
}

article ul:not(.pagination) li:last-child {
    margin-bottom: 0
}

article ul:not(.pagination) li:before {
    content: "";
    width: 12px;
    height: 12px;
    position: absolute;
    inset-inline-start: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 45 45'%3E%3Cpath fill='%234298B4' d='M37 45 3 39 0 12 20 0l25 8-8 37z'/%3E%3C/svg%3E%0A");
    top: 6px
}

article ul:not(.pagination) li:not(:last-child) {
    margin-bottom: 10px
}

article p,
article ul:not(.pagination),
article ol {
    font-size: var(--font-p-lg-size-bp-sm);
    line-height: var(--font-p-lg-line-height-bp-sm);
    letter-spacing: var(--font-p-lg-spacing-bp-sm);
    margin-bottom: 15px
}

article p:last-child,
article ul:not(.pagination):last-child,
article ol:last-child {
    margin-bottom: 0
}

article h2 {
    font-size: var(--font-h3-size-bp-sm);
    line-height: var(--font-h3-line-height-bp-sm);
    letter-spacing: var(--font-h3-spacing-bp-sm);
    margin-bottom: 10px
}

article h2:not(:first-child) {
    margin-top: 20px
}

article h3 {
    font-size: var(--font-h5-size-bp-sm);
    line-height: var(--font-h5-line-height-bp-sm);
    letter-spacing: var(--font-h5-spacing-bp-sm)
}

article h4 {
    font-size: var(--font-h6-size-bp-sm);
    line-height: var(--font-h6-line-height-bp-sm);
    letter-spacing: var(--font-h6-spacing-bp-sm)
}

article .table-list {
    margin-bottom: 0;
    width: 100%;
    border: 1px solid #DDDFE2
}

article .table-list thead th {
    border: 1px solid #DDDFE2;
    border-bottom: none;
    background-color: #f5f5f5;
    text-align: left;
    padding: 10px 15px
}

article .table-list tbody td {
    border: 1px solid #DDDFE2;
    padding: 10px 15px
}

article .table-list tbody td .fa-check {
    color: rgb(var(--rgb-blue))
}

article .table-list tbody td .fa-times {
    color: rgb(var(--rgb-red))
}

.loader {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin: 80px 0 120px
}

.loader svg {
    width: 3em;
    height: 3em;
    color: #b5b5b5
}

@keyframes showDropdown {
    0% {
        opacity: 0;
        transform: scale(.9)
    }

    to {
        opacity: 1;
        transform: none
    }
}

@keyframes pulseCircle {
    0% {
        transform: scale(.5);
        opacity: 0
    }

    50% {
        transform: scale(1);
        opacity: 1
    }

    to {
        transform: scale(.5);
        opacity: 0
    }
}

@keyframes moveArrowRight {

    0%,
    to {
        transform: none
    }

    50% {
        transform: translate(5px)
    }
}

@keyframes moveArrowLeft {

    0%,
    to {
        transform: scaleX(-1)
    }

    50% {
        transform: scaleX(-1) translate(5px)
    }
}

@keyframes moveDown {

    0%,
    to {
        transform: none
    }

    50% {
        transform: translateY(4px)
    }
}

@keyframes moveArrowDown {

    0%,
    to {
        transform: rotate(90deg)
    }

    50% {
        transform: rotate(90deg) translate(4px)
    }
}

@keyframes moveArrowUp {

    0%,
    to {
        transform: rotate(-90deg)
    }

    50% {
        transform: rotate(-90deg) translate(4px)
    }
}

@keyframes academyNav {
    0% {
        background-position: 100% 50%
    }

    50% {
        background-position: 0% 50%
    }
}

@keyframes shake {
    50% {
        transform: translate(2px)
    }
}

@keyframes fa-spin {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes bell {

    0%,
    to {
        transform: none
    }

    33% {
        transform: rotate(10deg)
    }

    66% {
        transform: rotate(-10deg)
    }
}

.has-tooltip {
    position: relative
}

.has-tooltip:hover:after {
    content: attr(data-tooltip);
    position: absolute;
    bottom: calc(100% + 12px);
    left: 50%;
    transform: translate(-50%);
    white-space: nowrap;
    font-size: .75em;
    line-height: 1.57;
    background-color: #51596a;
    color: #fff;
    font-weight: var(--font-text-regular-weight);
    padding: 15px;
    box-shadow: 0 5px 10px rgba(81, 89, 106, .2);
    border-radius: 10px;
    text-transform: none
}

.has-tooltip:hover:before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: calc(100% + 7px);
    width: 15px;
    height: 15px;
    box-shadow: 0 5px 10px rgba(81, 89, 106, .2);
    border-radius: 3px;
    background-color: #51596a;
    transform: translate(-50%) rotate(45deg)
}

.text--blue {
    color: rgb(var(--rgb-blue))
}

.text--green {
    color: rgb(var(--rgb-green))
}

.text--purple {
    color: rgb(var(--rgb-purple))
}

.text--yellow {
    color: rgb(var(--rgb-yellow))
}

.text--red {
    color: rgb(var(--rgb-red))
}

.text--gray {
    color: rgb(var(--rgb-gray-10))
}

.svg-icons {
    display: none
}

.thin-scrollbar-y {
    overflow-y: scroll;
    scrollbar-width: thin;
    scrollbar-color: rgba(29, 36, 50, .1) transparent
}

.thin-scrollbar-y::-webkit-scrollbar {
    width: 5px;
    background: transparent
}

.thin-scrollbar-y::-webkit-scrollbar-thumb {
    background: rgba(29, 36, 50, .1)
}

.thin-scrollbar-y::-webkit-scrollbar-track {
    background: transparent
}

.thin-scrollbar-y::-webkit-scrollbar:horizontal {
    width: 0;
    background: transparent
}

.modal__container {
    position: relative;
    z-index: 58
}

.modal__container .sp-modal {
    z-index: 62
}

.modal__container .sp-modal .modal__dialog {
    z-index: 63
}

.modal__container .sp-modal.is--error {
    z-index: 73
}

.modal__container .sp-modal.is--error .modal__dialog {
    z-index: 74
}

.modal__container .sp-toast {
    z-index: 102
}

.modal__container .sp-toast .toast__dialog {
    z-index: 103
}

.scrollbar-measure {
    display: none;
    width: 100px;
    height: 100px;
    overflow: scroll;
    position: absolute;
    top: -9999px
}

:root {
    --body-frozen-pad-rt: 11px
}

body[class*=body--freeze--] {
    overflow: hidden;
    touch-action: none;
    max-width: 100%;
    width: 100%;
    position: relative
}

body[class*=body--freeze--] .nav--bottom {
    display: none !important
}

body[class*=body--freeze--]:not(.is--touch) {
    padding-right: var(--body-frozen-pad-rt)
}

body[class*=body--freeze--]:not(.is--touch) .sp-modal {
    padding-right: var(--body-frozen-pad-rt)
}

body[class*=body--freeze--]:not(.is--touch) .scrollbar-measure {
    display: block;
    width: var(--body-frozen-pad-rt);
    height: 100%;
    background: #f9f9f9;
    position: fixed;
    top: 0;
    right: 0
}

:root {
    --font-family-main: "Inter", "Helvetica Neue", Arial, sans-serif;
    --font-main-size: 1.125rem;
    --font-main-line-height: 1.55555556;
    --font-family-titles: "Red Hat Display", Montserrat, "Helvetica Neue", Arial, sans-serif;
    --font-titles-webkit-smoothing: antialiased;
    --font-titles-osx-smoothing: grayscale;
    --font-titles-weight: 680;
    --font-titles-stretch: normal;
    --font-family-text: "Inter", "Helvetica Neue", Arial, sans-serif;
    --font-text-webkit-smoothing: antialiased;
    --font-text-osx-smoothing: grayscale;
    --font-text-stretch: normal;
    --font-text-regular-weight: 440;
    --font-text-semibold-weight: 550;
    --font-text-bold-weight: 660;
    --font-h1-line-height-large-sm: 1.03846154;
    --font-h1-line-height-large-md: 1.06451613;
    --font-h1-line-height-large-lg: 1.05555556;
    --font-h1-size-large-sm: 3.25rem;
    --font-h1-size-large-md: 3.875rem;
    --font-h1-size-large-lg: 4.5rem;
    --font-h1-spacing-large-sm: -.4px;
    --font-h1-spacing-large-md: -.4px;
    --font-h1-spacing-large-lg: -.4px;
    --font-h1-size-bp-sm: 2.25rem;
    --font-h1-line-height-bp-sm: 1.11111111;
    --font-h1-spacing-bp-sm: -.2px;
    --font-h1-size-bp-md: 2.6875rem;
    --font-h1-line-height-bp-md: 1.11627907;
    --font-h1-spacing-bp-md: -.3px;
    --font-h1-size-bp-lg: 3.375rem;
    --font-h1-line-height-bp-lg: 1.07407407;
    --font-h1-spacing-bp-lg: -.4px;
    --font-h2-size-bp-sm: 2rem;
    --font-h2-line-height-bp-sm: 1.125;
    --font-h2-spacing-bp-sm: -.15px;
    --font-h2-line-height-bp-sm2: 1.37;
    --font-h2-size-bp-md: 2.375rem;
    --font-h2-line-height-bp-md: 1.15789474;
    --font-h2-spacing-bp-md: -.2px;
    --font-h2-size-bp-lg: 2.875rem;
    --font-h2-line-height-bp-lg: 1.13043478;
    --font-h2-spacing-bp-lg: -.3px;
    --font-h3-size-bp-sm: 1.75rem;
    --font-h3-line-height-bp-sm: 1.14285714;
    --font-h3-spacing-bp-sm: -.1px;
    --font-h3-size-bp-md: 2.0625rem;
    --font-h3-line-height-bp-md: 1.21212121;
    --font-h3-spacing-bp-md: -.15px;
    --font-h3-size-bp-lg: 2.375rem;
    --font-h3-line-height-bp-lg: 1.21052632;
    --font-h3-spacing-bp-lg: -.2px;
    --font-h4-size-bp-sm: 1.5625rem;
    --font-h4-line-height-bp-sm: 1.2;
    --font-h4-spacing-bp-sm: -.1px;
    --font-h4-size-bp-md: 1.8125rem;
    --font-h4-line-height-bp-md: 1.24137931;
    --font-h4-spacing-bp-md: -.1px;
    --font-h4-size-bp-lg: 2rem;
    --font-h4-line-height-bp-lg: 1.25;
    --font-h4-spacing-bp-lg: -.15px;
    --font-h5-size-bp-sm: 1.375rem;
    --font-h5-line-height-bp-sm: 1.27272727;
    --font-h5-spacing-bp-sm: -.05px;
    --font-h5-size-bp-md: 1.5625rem;
    --font-h5-line-height-bp-md: 1.28;
    --font-h5-spacing-bp-md: -.1px;
    --font-h5-size-bp-lg: 1.625rem;
    --font-h5-line-height-bp-lg: 1.30769231;
    --font-h5-spacing-bp-lg: -.1px;
    --font-h6-size-bp-sm: 1.1875rem;
    --font-h6-line-height-bp-sm: 1.2631579;
    --font-h6-spacing-bp-sm: -.03px;
    --font-h6-size-bp-md: 1.3125rem;
    --font-h6-line-height-bp-md: 1.33333333;
    --font-h6-spacing-bp-md: -.05px;
    --font-h6-size-bp-lg: 1.375rem;
    --font-h6-line-height-bp-lg: 1.36363636;
    --font-h6-spacing-bp-lg: -.05px;
    --font-h7-size-bp-sm: 1rem;
    --font-h7-line-height-bp-sm: 1.25;
    --font-h7-spacing-bp-sm: -.03px;
    --font-h7-size-bp-md: 1rem;
    --font-h7-line-height-bp-md: 1.375;
    --font-h7-spacing-bp-md: -.03px;
    --font-h7-size-bp-lg: 1.125rem;
    --font-h7-line-height-bp-lg: 1.44444444;
    --font-h7-spacing-bp-lg: -.03px;
    --font-p-lg-size-bp-sm: 1.125rem;
    --font-p-lg-line-height-bp-sm: 1.33333333;
    --font-p-lg-spacing-bp-sm: -.1px;
    --font-p-lg-size-bp-md: 1.25rem;
    --font-p-lg-line-height-bp-md: 1.4;
    --font-p-lg-spacing-bp-md: -.2px;
    --font-p-lg-size-bp-lg: 1.25rem;
    --font-p-lg-line-height-bp-lg: 1.5;
    --font-p-lg-spacing-bp-lg: -.2px;
    --font-p-md-size-bp-sm: 1rem;
    --font-p-md-line-height-bp-sm: 1.375;
    --font-p-md-spacing-bp-sm: -.1px;
    --font-p-md-size-bp-md: 1.125rem;
    --font-p-md-line-height-bp-md: 1.44444444;
    --font-p-md-size-bp-lg: 1.125rem;
    --font-p-md-line-height-bp-lg: 1.55555556;
    --font-p-md-spacing-bp-lg: -.1px;
    --font-p-sm-size-bp-sm: .875rem;
    --font-p-sm-line-height-bp-sm: 1.42857143;
    --font-p-sm-spacing-bp-sm: -.05px;
    --font-p-sm-size-bp-md: 1rem;
    --font-p-sm-line-height-bp-md: 1.5;
    --font-p-sm-spacing-bp-md: -.1px;
    --font-p-sm-size-bp-lg: 1rem;
    --font-p-sm-line-height-bp-lg: 1.5;
    --font-p-sm-spacing-bp-lg: -.1px;
    --font-p-tn-size-bp-sm: .8125rem;
    --font-p-tn-line-height-bp-sm: 1.38461539;
    --font-p-tn-spacing-bp-sm: -.05px;
    --font-p-tn-size-bp-md: .875rem;
    --font-p-tn-line-height-bp-md: 1.42857143;
    --font-p-tn-spacing-bp-md: -.05px;
    --font-p-tn-size-bp-lg: .875rem;
    --font-p-tn-line-height-bp-lg: 1.42857143;
    --font-p-tn-spacing-bp-lg: -.05px;
    --font-p-tooltip-size-bp-sm: .8125rem;
    --font-p-tooltip-line-height-bp-sm: 1.23076923;
    --font-p-tooltip-spacing-bp-sm: -.05px;
    --font-p-tooltip-size-bp-md: .875rem;
    --font-p-tooltip-line-height-bp-md: 1.28571429;
    --font-p-tooltip-spacing-bp-md: -.05px;
    --font-p-st-size: .75rem;
    --font-p-st-line-height: 1.33333333;
    --font-p-st-spacing: -.05px;
    --font-p-sst-size: .6875rem;
    --font-p-sst-line-height: 1.27272727;
    --font-p-sst-spacing: -.05px;
    --font-btn-font-weight: 550;
    --font-btn-30-size: .875rem;
    --font-btn-30-line-height: 1.42857143;
    --font-btn-30-spacing: -.05px;
    --font-btn-40-size: .875rem;
    --font-btn-40-line-height: 1.42857143;
    --font-btn-40-spacing: -.05px;
    --font-btn-50-size: 1rem;
    --font-btn-50-line-height: 1.5;
    --font-btn-50-spacing: -.1px;
    --font-btn-60-size: 1.125rem;
    --font-btn-60-line-height: 1.55555556;
    --font-btn-60-spacing: -.1px;
    --font-btn-80-size: 1.25rem;
    --font-btn-80-line-height: 1.5;
    --font-btn-80-spacing: -.2px;
    --font-btn-webkit-smoothing: auto;
    --font-btn-osx-smoothing: auto;
    --font-caps-size: .875rem;
    --font-caps-line-height: 1.42857143;
    --font-caps-spacing: -.05px;
    --font-caps-weight: 660;
    --font-label-weight: 550;
    --font-label-sort-weight: 660;
    --rgb-blue: 66, 152, 180;
    --rgb-purple: 136, 97, 154;
    --rgb-purple-darker-12: 54, 38, 61;
    --rgb-purple-lighter-02: 148, 113, 164;
    --rgb-green: 51, 164, 116;
    --rgb-green-lighter-05: 132, 200, 171;
    --rgb-yellow: 228, 174, 58;
    --rgb-yellow-darker-03: 194, 148, 49;
    --rgb-red: 242, 94, 98;
    --rgb-red-lighter-05: 247, 158, 160;
    --rgb-darkblue: 46, 106, 125;
    --rgb-darkgray: 104, 112, 127;
    --rgb-white: 255, 255, 255;
    --rgb-lightgray: 204, 204, 204;
    --rgb-midgray: 187, 191, 198;
    --rgb-gray-07: 171, 175, 184;
    --rgb-gray-10: 120, 127, 141;
    --rgb-gray-09: 137, 144, 155;
    --rgb-ds-link: 123, 183, 202;
    --link-blue-underline-50: rgba(var(--rgb-blue), .5);
    --link-purple-underline-50: rgba(var(--rgb-purple), .5);
    --link-green-underline-50: rgba(var(--rgb-green), .5);
    --link-yellow-underline-50: rgba(var(--rgb-yellow), .5);
    --link-red-underline-50: rgba(var(--rgb-red), .5);
    --link-darkblue-underline-50: rgba(var(--rgb-darkblue), .5);
    --link-darkgray-underline-50: rgba(var(--rgb-darkgray), .5);
    --link-lightgray-underline-50: rgba(var(--rgb-lightgray), .5);
    --link-midgray-underline-50: rgba(var(--rgb-midgray), .5);
    --link-yellow-darker-03-underline-50: rgba(var(--rgb-yellow-darker-03), .5);
    --link-white-underline-50: rgba(var(--rgb-white), .5);
    --link-ds-link-underline-50: rgba(var(--rgb-ds-link), .5);
    --link-blue-underline-100: rgba(var(--rgb-blue), 1);
    --link-purple-underline-100: rgba(var(--rgb-purple), 1);
    --link-green-underline-100: rgba(var(--rgb-green), 1);
    --link-yellow-underline-100: rgba(var(--rgb-yellow), 1);
    --link-red-underline-100: rgba(var(--rgb-red), 1);
    --link-darkblue-underline-100: rgba(var(--rgb-darkblue), 1);
    --link-darkgray-underline-100: rgba(var(--rgb-darkgray), 1);
    --link-lightgray-underline-100: rgba(var(--rgb-lightgray), 1);
    --link-midgray-underline-100: rgba(var(--rgb-midgray), 1);
    --link-yellow-darker-03-underline-100: rgba(var(--rgb-yellow-darker-03), 1);
    --link-white-underline-100: rgba(var(--rgb-white), 1);
    --link-ds-link-underline-100: rgba(var(--rgb-ds-link), 1)
}

button.sp-link {
    font-size: unset;
    line-height: unset;
    letter-spacing: unset;
    font-weight: unset;
    vertical-align: baseline;
    height: auto;
    background: none;
    padding: 0;
    border: none;
    border-radius: 0;
    display: inline
}

button.sp-link:focus-visible,
button.sp-link:hover,
button.sp-link:active {
    background: none
}

button.sp-link:not(:disabled):not(.is--disabled) {
    cursor: pointer
}

.sp-link {
    outline: 0;
    transition: all .2s ease-in-out, padding 0s, margin 0s, font-size 0s;
    text-decoration: underline;
    text-decoration-color: transparent;
    -webkit-text-decoration-skip: none;
    text-decoration-skip: none;
    text-decoration-thickness: 1px;
    text-underline-offset: .32em;
    color: rgb(var(--rgb-blue))
}

.sp-link:focus-visible,
.sp-link:hover,
.sp-link:active {
    text-decoration-color: var(--link-blue-underline-50)
}

.a11y--focus-visible .sp-link:focus-visible {
    outline: 4px solid rgba(123, 183, 202, .6)
}

.sp-link .sp-icon.color--inherit g,
.sp-link .sp-icon.color--inherit path,
.sp-link .sp-icon.color--inherit polygon {
    fill: rgb(var(--rgb-blue))
}

.sp-link :deep(.sp-icon.color--inherit) g,
.sp-link :deep(.sp-icon.color--inherit) path,
.sp-link :deep(.sp-icon.color--inherit) polygon {
    fill: rgb(var(--rgb-blue))
}

.sp-link.link--icon-lt,
.sp-link.link--icon-rt {
    display: inline-flex;
    align-items: center;
    vertical-align: bottom
}

.sp-link.link--icon-rt .sp-icon {
    margin-inline-start: 5px
}

.sp-link.link--caps {
    font-size: var(--font-caps-size);
    line-height: var(--font-caps-line-height);
    letter-spacing: var(--font-caps-spacing);
    font-weight: var(--font-caps-weight);
    text-transform: uppercase;
    text-decoration: none;
    text-decoration: underline;
    text-decoration-color: transparent
}

.sp-link.link--caps .sp-icon.size--inherit,
.sp-link.link--caps.sp-link .sp-icon.size--inherit {
    width: 14px;
    height: 14px
}

.sp-link.link--caps:focus-visible,
.sp-link.link--caps:hover,
.sp-link.link--caps:active {
    text-decoration-color: var(--link-blue-underline-50)
}

.sp-link.link--caps.link--icon-lt,
.sp-link.link--caps.link--icon-rt {
    vertical-align: middle
}

.sp-link.link--caps.link--icon-lt .sp-icon {
    margin-inline-end: 6px
}

.sp-link.link--caps.link--icon-rt .sp-icon {
    margin-inline-start: 6px
}

.sp-link:disabled,
.sp-link.is--disabled {
    pointer-events: none
}

.sp-link.is--disabled {
    opacity: .5
}

.color--analysts,
.color--purple {
    color: rgb(var(--rgb-purple));
    text-decoration-color: var(--link-purple-underline-50)
}

.color--analysts .sp-icon.color--inherit g,
.color--purple .sp-icon.color--inherit g,
.color--analysts .sp-icon.color--inherit path,
.color--purple .sp-icon.color--inherit path,
.color--analysts .sp-icon.color--inherit polygon,
.color--purple .sp-icon.color--inherit polygon {
    fill: rgb(var(--rgb-purple))
}

.color--analysts :deep(.sp-icon.color--inherit) g,
.color--purple :deep(.sp-icon.color--inherit) g,
.color--analysts :deep(.sp-icon.color--inherit) path,
.color--purple :deep(.sp-icon.color--inherit) path,
.color--analysts :deep(.sp-icon.color--inherit) polygon,
.color--purple :deep(.sp-icon.color--inherit) polygon {
    fill: rgb(var(--rgb-purple))
}

.color--analysts:focus-visible,
.color--purple:focus-visible,
.color--analysts:hover,
.color--purple:hover,
.color--analysts:active,
.color--purple:active {
    text-decoration-color: var(--link-purple-underline-100)
}

.color--analysts.link--inline:focus-visible,
.color--purple.link--inline:focus-visible,
.color--analysts.link--inline:hover,
.color--purple.link--inline:hover,
.color--analysts.link--inline:active,
.color--purple.link--inline:active {
    color: rgb(var(--rgb-purple))
}

.color--analysts:disabled,
.color--purple:disabled,
.color--analysts.is--disabled,
.color--purple.is--disabled,
.color--analysts.is--busy,
.color--purple.is--busy {
    opacity: .8
}

.color--analysts.link--caps,
.color--purple.link--caps {
    color: rgb(var(--rgb-purple))
}

.color--analysts.link--caps .sp-icon.color--inherit g,
.color--purple.link--caps .sp-icon.color--inherit g,
.color--analysts.link--caps .sp-icon.color--inherit path,
.color--purple.link--caps .sp-icon.color--inherit path,
.color--analysts.link--caps .sp-icon.color--inherit polygon,
.color--purple.link--caps .sp-icon.color--inherit polygon {
    fill: rgb(var(--rgb-purple))
}

.color--analysts.link--caps :deep(.sp-icon.color--inherit) g,
.color--purple.link--caps :deep(.sp-icon.color--inherit) g,
.color--analysts.link--caps :deep(.sp-icon.color--inherit) path,
.color--purple.link--caps :deep(.sp-icon.color--inherit) path,
.color--analysts.link--caps :deep(.sp-icon.color--inherit) polygon,
.color--purple.link--caps :deep(.sp-icon.color--inherit) polygon {
    fill: rgb(var(--rgb-purple))
}

.color--analysts.link--caps:focus-visible,
.color--purple.link--caps:focus-visible,
.color--analysts.link--caps:hover,
.color--purple.link--caps:hover,
.color--analysts.link--caps:active,
.color--purple.link--caps:active {
    text-decoration-color: var(--link-purple-underline-50)
}

.color--sentinels,
.color--blue {
    color: rgb(var(--rgb-blue));
    text-decoration-color: var(--link-blue-underline-50)
}

.color--sentinels .sp-icon.color--inherit g,
.color--blue .sp-icon.color--inherit g,
.color--sentinels .sp-icon.color--inherit path,
.color--blue .sp-icon.color--inherit path,
.color--sentinels .sp-icon.color--inherit polygon,
.color--blue .sp-icon.color--inherit polygon {
    fill: rgb(var(--rgb-blue))
}

.color--sentinels :deep(.sp-icon.color--inherit) g,
.color--blue :deep(.sp-icon.color--inherit) g,
.color--sentinels :deep(.sp-icon.color--inherit) path,
.color--blue :deep(.sp-icon.color--inherit) path,
.color--sentinels :deep(.sp-icon.color--inherit) polygon,
.color--blue :deep(.sp-icon.color--inherit) polygon {
    fill: rgb(var(--rgb-blue))
}

.color--sentinels:focus-visible,
.color--blue:focus-visible,
.color--sentinels:hover,
.color--blue:hover,
.color--sentinels:active,
.color--blue:active {
    text-decoration-color: var(--link-blue-underline-100)
}

.color--sentinels.link--inline:focus-visible,
.color--blue.link--inline:focus-visible,
.color--sentinels.link--inline:hover,
.color--blue.link--inline:hover,
.color--sentinels.link--inline:active,
.color--blue.link--inline:active {
    color: rgb(var(--rgb-blue))
}

.color--sentinels:disabled,
.color--blue:disabled,
.color--sentinels.is--disabled,
.color--blue.is--disabled,
.color--sentinels.is--busy,
.color--blue.is--busy {
    opacity: .8
}

.color--sentinels.link--caps,
.color--blue.link--caps {
    color: rgb(var(--rgb-blue))
}

.color--sentinels.link--caps .sp-icon.color--inherit g,
.color--blue.link--caps .sp-icon.color--inherit g,
.color--sentinels.link--caps .sp-icon.color--inherit path,
.color--blue.link--caps .sp-icon.color--inherit path,
.color--sentinels.link--caps .sp-icon.color--inherit polygon,
.color--blue.link--caps .sp-icon.color--inherit polygon {
    fill: rgb(var(--rgb-blue))
}

.color--sentinels.link--caps :deep(.sp-icon.color--inherit) g,
.color--blue.link--caps :deep(.sp-icon.color--inherit) g,
.color--sentinels.link--caps :deep(.sp-icon.color--inherit) path,
.color--blue.link--caps :deep(.sp-icon.color--inherit) path,
.color--sentinels.link--caps :deep(.sp-icon.color--inherit) polygon,
.color--blue.link--caps :deep(.sp-icon.color--inherit) polygon {
    fill: rgb(var(--rgb-blue))
}

.color--sentinels.link--caps:focus-visible,
.color--blue.link--caps:focus-visible,
.color--sentinels.link--caps:hover,
.color--blue.link--caps:hover,
.color--sentinels.link--caps:active,
.color--blue.link--caps:active {
    text-decoration-color: var(--link-blue-underline-50)
}

.color--darkblue {
    color: rgb(var(--rgb-darkblue));
    text-decoration-color: var(--link-darkblue-underline-50)
}

.color--darkblue .sp-icon.color--inherit g,
.color--darkblue .sp-icon.color--inherit path,
.color--darkblue .sp-icon.color--inherit polygon {
    fill: rgb(var(--rgb-darkblue))
}

.color--darkblue :deep(.sp-icon.color--inherit) g,
.color--darkblue :deep(.sp-icon.color--inherit) path,
.color--darkblue :deep(.sp-icon.color--inherit) polygon {
    fill: rgb(var(--rgb-darkblue))
}

.color--darkblue:focus-visible,
.color--darkblue:hover,
.color--darkblue:active {
    text-decoration-color: var(--link-darkblue-underline-100)
}

.color--darkblue.link--inline:focus-visible,
.color--darkblue.link--inline:hover,
.color--darkblue.link--inline:active {
    color: rgb(var(--rgb-darkblue))
}

.color--darkblue:disabled,
.color--darkblue.is--disabled,
.color--darkblue.is--busy {
    opacity: .8
}

.color--darkblue.link--caps {
    color: rgb(var(--rgb-darkblue))
}

.color--darkblue.link--caps .sp-icon.color--inherit g,
.color--darkblue.link--caps .sp-icon.color--inherit path,
.color--darkblue.link--caps .sp-icon.color--inherit polygon {
    fill: rgb(var(--rgb-darkblue))
}

.color--darkblue.link--caps :deep(.sp-icon.color--inherit) g,
.color--darkblue.link--caps :deep(.sp-icon.color--inherit) path,
.color--darkblue.link--caps :deep(.sp-icon.color--inherit) polygon {
    fill: rgb(var(--rgb-darkblue))
}

.color--darkblue.link--caps:focus-visible,
.color--darkblue.link--caps:hover,
.color--darkblue.link--caps:active {
    text-decoration-color: var(--link-darkblue-underline-50)
}

.color--explorers,
.color--yellow {
    color: rgb(var(--rgb-yellow));
    text-decoration-color: var(--link-yellow-underline-50)
}

.color--explorers .sp-icon.color--inherit g,
.color--yellow .sp-icon.color--inherit g,
.color--explorers .sp-icon.color--inherit path,
.color--yellow .sp-icon.color--inherit path,
.color--explorers .sp-icon.color--inherit polygon,
.color--yellow .sp-icon.color--inherit polygon {
    fill: rgb(var(--rgb-yellow))
}

.color--explorers :deep(.sp-icon.color--inherit) g,
.color--yellow :deep(.sp-icon.color--inherit) g,
.color--explorers :deep(.sp-icon.color--inherit) path,
.color--yellow :deep(.sp-icon.color--inherit) path,
.color--explorers :deep(.sp-icon.color--inherit) polygon,
.color--yellow :deep(.sp-icon.color--inherit) polygon {
    fill: rgb(var(--rgb-yellow))
}

.color--explorers:focus-visible,
.color--yellow:focus-visible,
.color--explorers:hover,
.color--yellow:hover,
.color--explorers:active,
.color--yellow:active {
    text-decoration-color: var(--link-yellow-underline-100)
}

.color--explorers.link--inline:focus-visible,
.color--yellow.link--inline:focus-visible,
.color--explorers.link--inline:hover,
.color--yellow.link--inline:hover,
.color--explorers.link--inline:active,
.color--yellow.link--inline:active {
    color: rgb(var(--rgb-yellow))
}

.color--explorers:disabled,
.color--yellow:disabled,
.color--explorers.is--disabled,
.color--yellow.is--disabled,
.color--explorers.is--busy,
.color--yellow.is--busy {
    opacity: .8
}

.color--explorers.link--caps,
.color--yellow.link--caps {
    color: rgb(var(--rgb-yellow))
}

.color--explorers.link--caps .sp-icon.color--inherit g,
.color--yellow.link--caps .sp-icon.color--inherit g,
.color--explorers.link--caps .sp-icon.color--inherit path,
.color--yellow.link--caps .sp-icon.color--inherit path,
.color--explorers.link--caps .sp-icon.color--inherit polygon,
.color--yellow.link--caps .sp-icon.color--inherit polygon {
    fill: rgb(var(--rgb-yellow))
}

.color--explorers.link--caps :deep(.sp-icon.color--inherit) g,
.color--yellow.link--caps :deep(.sp-icon.color--inherit) g,
.color--explorers.link--caps :deep(.sp-icon.color--inherit) path,
.color--yellow.link--caps :deep(.sp-icon.color--inherit) path,
.color--explorers.link--caps :deep(.sp-icon.color--inherit) polygon,
.color--yellow.link--caps :deep(.sp-icon.color--inherit) polygon {
    fill: rgb(var(--rgb-yellow))
}

.color--explorers.link--caps:focus-visible,
.color--yellow.link--caps:focus-visible,
.color--explorers.link--caps:hover,
.color--yellow.link--caps:hover,
.color--explorers.link--caps:active,
.color--yellow.link--caps:active {
    text-decoration-color: var(--link-yellow-underline-50)
}

.color--diplomats,
.color--green {
    color: rgb(var(--rgb-green));
    text-decoration-color: var(--link-green-underline-50)
}

.color--diplomats .sp-icon.color--inherit g,
.color--green .sp-icon.color--inherit g,
.color--diplomats .sp-icon.color--inherit path,
.color--green .sp-icon.color--inherit path,
.color--diplomats .sp-icon.color--inherit polygon,
.color--green .sp-icon.color--inherit polygon {
    fill: rgb(var(--rgb-green))
}

.color--diplomats :deep(.sp-icon.color--inherit) g,
.color--green :deep(.sp-icon.color--inherit) g,
.color--diplomats :deep(.sp-icon.color--inherit) path,
.color--green :deep(.sp-icon.color--inherit) path,
.color--diplomats :deep(.sp-icon.color--inherit) polygon,
.color--green :deep(.sp-icon.color--inherit) polygon {
    fill: rgb(var(--rgb-green))
}

.color--diplomats:focus-visible,
.color--green:focus-visible,
.color--diplomats:hover,
.color--green:hover,
.color--diplomats:active,
.color--green:active {
    text-decoration-color: var(--link-green-underline-100)
}

.color--diplomats.link--inline:focus-visible,
.color--green.link--inline:focus-visible,
.color--diplomats.link--inline:hover,
.color--green.link--inline:hover,
.color--diplomats.link--inline:active,
.color--green.link--inline:active {
    color: rgb(var(--rgb-green))
}

.color--diplomats:disabled,
.color--green:disabled,
.color--diplomats.is--disabled,
.color--green.is--disabled,
.color--diplomats.is--busy,
.color--green.is--busy {
    opacity: .8
}

.color--diplomats.link--caps,
.color--green.link--caps {
    color: rgb(var(--rgb-green))
}

.color--diplomats.link--caps .sp-icon.color--inherit g,
.color--green.link--caps .sp-icon.color--inherit g,
.color--diplomats.link--caps .sp-icon.color--inherit path,
.color--green.link--caps .sp-icon.color--inherit path,
.color--diplomats.link--caps .sp-icon.color--inherit polygon,
.color--green.link--caps .sp-icon.color--inherit polygon {
    fill: rgb(var(--rgb-green))
}

.color--diplomats.link--caps :deep(.sp-icon.color--inherit) g,
.color--green.link--caps :deep(.sp-icon.color--inherit) g,
.color--diplomats.link--caps :deep(.sp-icon.color--inherit) path,
.color--green.link--caps :deep(.sp-icon.color--inherit) path,
.color--diplomats.link--caps :deep(.sp-icon.color--inherit) polygon,
.color--green.link--caps :deep(.sp-icon.color--inherit) polygon {
    fill: rgb(var(--rgb-green))
}

.color--diplomats.link--caps:focus-visible,
.color--green.link--caps:focus-visible,
.color--diplomats.link--caps:hover,
.color--green.link--caps:hover,
.color--diplomats.link--caps:active,
.color--green.link--caps:active {
    text-decoration-color: var(--link-green-underline-50)
}

.color--red {
    color: rgb(var(--rgb-red));
    text-decoration-color: var(--link-red-underline-50)
}

.color--red .sp-icon.color--inherit g,
.color--red .sp-icon.color--inherit path,
.color--red .sp-icon.color--inherit polygon {
    fill: rgb(var(--rgb-red))
}

.color--red :deep(.sp-icon.color--inherit) g,
.color--red :deep(.sp-icon.color--inherit) path,
.color--red :deep(.sp-icon.color--inherit) polygon {
    fill: rgb(var(--rgb-red))
}

.color--red:focus-visible,
.color--red:hover,
.color--red:active {
    text-decoration-color: var(--link-red-underline-100)
}

.color--red.link--inline:focus-visible,
.color--red.link--inline:hover,
.color--red.link--inline:active {
    color: rgb(var(--rgb-red))
}

.color--red:disabled,
.color--red.is--disabled,
.color--red.is--busy {
    opacity: .8
}

.color--red.link--caps {
    color: rgb(var(--rgb-red))
}

.color--red.link--caps .sp-icon.color--inherit g,
.color--red.link--caps .sp-icon.color--inherit path,
.color--red.link--caps .sp-icon.color--inherit polygon {
    fill: rgb(var(--rgb-red))
}

.color--red.link--caps :deep(.sp-icon.color--inherit) g,
.color--red.link--caps :deep(.sp-icon.color--inherit) path,
.color--red.link--caps :deep(.sp-icon.color--inherit) polygon {
    fill: rgb(var(--rgb-red))
}

.color--red.link--caps:focus-visible,
.color--red.link--caps:hover,
.color--red.link--caps:active {
    text-decoration-color: var(--link-red-underline-50)
}

.color--darkgray {
    color: rgb(var(--rgb-darkgray));
    text-decoration-color: var(--link-darkgray-underline-50)
}

.color--darkgray .sp-icon.color--inherit g,
.color--darkgray .sp-icon.color--inherit path,
.color--darkgray .sp-icon.color--inherit polygon {
    fill: rgb(var(--rgb-darkgray))
}

.color--darkgray :deep(.sp-icon.color--inherit) g,
.color--darkgray :deep(.sp-icon.color--inherit) path,
.color--darkgray :deep(.sp-icon.color--inherit) polygon {
    fill: rgb(var(--rgb-darkgray))
}

.color--darkgray:focus-visible,
.color--darkgray:hover,
.color--darkgray:active {
    text-decoration-color: var(--link-darkgray-underline-100)
}

.color--darkgray.link--inline:focus-visible,
.color--darkgray.link--inline:hover,
.color--darkgray.link--inline:active {
    color: rgb(var(--rgb-darkgray))
}

.color--darkgray:disabled,
.color--darkgray.is--disabled,
.color--darkgray.is--busy {
    opacity: .8
}

.color--darkgray.link--caps {
    color: rgb(var(--rgb-darkgray))
}

.color--darkgray.link--caps .sp-icon.color--inherit g,
.color--darkgray.link--caps .sp-icon.color--inherit path,
.color--darkgray.link--caps .sp-icon.color--inherit polygon {
    fill: rgb(var(--rgb-darkgray))
}

.color--darkgray.link--caps :deep(.sp-icon.color--inherit) g,
.color--darkgray.link--caps :deep(.sp-icon.color--inherit) path,
.color--darkgray.link--caps :deep(.sp-icon.color--inherit) polygon {
    fill: rgb(var(--rgb-darkgray))
}

.color--darkgray.link--caps:focus-visible,
.color--darkgray.link--caps:hover,
.color--darkgray.link--caps:active {
    text-decoration-color: var(--link-darkgray-underline-50)
}

.color--white {
    color: rgb(var(--rgb-white));
    text-decoration-color: var(--link-white-underline-50)
}

.color--white .sp-icon.color--inherit g,
.color--white .sp-icon.color--inherit path,
.color--white .sp-icon.color--inherit polygon {
    fill: rgb(var(--rgb-white))
}

.color--white :deep(.sp-icon.color--inherit) g,
.color--white :deep(.sp-icon.color--inherit) path,
.color--white :deep(.sp-icon.color--inherit) polygon {
    fill: rgb(var(--rgb-white))
}

.color--white:focus-visible,
.color--white:hover,
.color--white:active {
    text-decoration-color: var(--link-white-underline-100)
}

.color--white.link--inline:focus-visible,
.color--white.link--inline:hover,
.color--white.link--inline:active {
    color: rgb(var(--rgb-white))
}

.color--white:disabled,
.color--white.is--disabled,
.color--white.is--busy {
    opacity: .8
}

.color--white.link--caps {
    color: rgb(var(--rgb-white))
}

.color--white.link--caps .sp-icon.color--inherit g,
.color--white.link--caps .sp-icon.color--inherit path,
.color--white.link--caps .sp-icon.color--inherit polygon {
    fill: rgb(var(--rgb-white))
}

.color--white.link--caps :deep(.sp-icon.color--inherit) g,
.color--white.link--caps :deep(.sp-icon.color--inherit) path,
.color--white.link--caps :deep(.sp-icon.color--inherit) polygon {
    fill: rgb(var(--rgb-white))
}

.color--white.link--caps:focus-visible,
.color--white.link--caps:hover,
.color--white.link--caps:active {
    text-decoration-color: var(--link-white-underline-50)
}

.color--lightgray {
    color: rgb(var(--rgb-lightgray));
    text-decoration-color: var(--link-lightgray-underline-50)
}

.color--lightgray .sp-icon.color--inherit g,
.color--lightgray .sp-icon.color--inherit path,
.color--lightgray .sp-icon.color--inherit polygon {
    fill: rgb(var(--rgb-lightgray))
}

.color--lightgray :deep(.sp-icon.color--inherit) g,
.color--lightgray :deep(.sp-icon.color--inherit) path,
.color--lightgray :deep(.sp-icon.color--inherit) polygon {
    fill: rgb(var(--rgb-lightgray))
}

.color--lightgray:focus-visible,
.color--lightgray:hover,
.color--lightgray:active {
    text-decoration-color: var(--link-lightgray-underline-100)
}

.color--lightgray.link--inline:focus-visible,
.color--lightgray.link--inline:hover,
.color--lightgray.link--inline:active {
    color: rgb(var(--rgb-lightgray))
}

.color--lightgray:disabled,
.color--lightgray.is--disabled,
.color--lightgray.is--busy {
    opacity: .8
}

.color--lightgray.link--caps {
    color: rgb(var(--rgb-lightgray))
}

.color--lightgray.link--caps .sp-icon.color--inherit g,
.color--lightgray.link--caps .sp-icon.color--inherit path,
.color--lightgray.link--caps .sp-icon.color--inherit polygon {
    fill: rgb(var(--rgb-lightgray))
}

.color--lightgray.link--caps :deep(.sp-icon.color--inherit) g,
.color--lightgray.link--caps :deep(.sp-icon.color--inherit) path,
.color--lightgray.link--caps :deep(.sp-icon.color--inherit) polygon {
    fill: rgb(var(--rgb-lightgray))
}

.color--lightgray.link--caps:focus-visible,
.color--lightgray.link--caps:hover,
.color--lightgray.link--caps:active {
    text-decoration-color: var(--link-lightgray-underline-50)
}

.color--midgray {
    color: rgb(var(--rgb-midgray));
    text-decoration-color: var(--link-midgray-underline-50)
}

.color--midgray .sp-icon.color--inherit g,
.color--midgray .sp-icon.color--inherit path,
.color--midgray .sp-icon.color--inherit polygon {
    fill: rgb(var(--rgb-midgray))
}

.color--midgray :deep(.sp-icon.color--inherit) g,
.color--midgray :deep(.sp-icon.color--inherit) path,
.color--midgray :deep(.sp-icon.color--inherit) polygon {
    fill: rgb(var(--rgb-midgray))
}

.color--midgray:focus-visible,
.color--midgray:hover,
.color--midgray:active {
    text-decoration-color: var(--link-midgray-underline-100)
}

.color--midgray.link--inline:focus-visible,
.color--midgray.link--inline:hover,
.color--midgray.link--inline:active {
    color: rgb(var(--rgb-midgray))
}

.color--midgray:disabled,
.color--midgray.is--disabled,
.color--midgray.is--busy {
    opacity: .8
}

.color--midgray.link--caps {
    color: rgb(var(--rgb-midgray))
}

.color--midgray.link--caps .sp-icon.color--inherit g,
.color--midgray.link--caps .sp-icon.color--inherit path,
.color--midgray.link--caps .sp-icon.color--inherit polygon {
    fill: rgb(var(--rgb-midgray))
}

.color--midgray.link--caps :deep(.sp-icon.color--inherit) g,
.color--midgray.link--caps :deep(.sp-icon.color--inherit) path,
.color--midgray.link--caps :deep(.sp-icon.color--inherit) polygon {
    fill: rgb(var(--rgb-midgray))
}

.color--midgray.link--caps:focus-visible,
.color--midgray.link--caps:hover,
.color--midgray.link--caps:active {
    text-decoration-color: var(--link-midgray-underline-50)
}

.sp-link .sp-icon {
    width: 16px;
    height: 16px
}

.sp-link.link--icon-rt .sp-icon {
    margin-inline-start: 8px
}

.sp-link.link--icon-lt .sp-icon,
.sp-link.link--icon-lt .sp-spinner {
    margin-inline-end: 8px
}

.sp-button {
    vertical-align: middle;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: var(--font-family-text);
    font-weight: var(--font-btn-font-weight);
    line-height: 2;
    text-decoration: none;
    color: #fff;
    outline: 0;
    width: auto;
    border: 1px solid transparent;
    border-radius: 10px;
    transition: all .2s ease-in-out;
    cursor: pointer
}

.sp-button:not(.button--full)+.sp-button.button--has-gutter {
    margin-left: 20px
}

.sp-button:not(.button--full)+.sp-button.button--has-gutter.button--lg {
    margin-left: unset;
    margin-top: 20px
}

.sp-button .icon--angle.icon--rotatable {
    transition: .1s ease-in-out opacity, .1s ease-in-out transform
}

.sp-button:focus-visible .icon--dir-rt,
.sp-button:hover .icon--dir-rt {
    animation: moveArrowRight .5s ease-in-out both
}

.sp-button:focus-visible .icon--dir-lt,
.sp-button:hover .icon--dir-lt {
    animation: moveArrowLeft .5s ease-in-out both
}

.sp-button:focus-visible .icon--dir-up,
.sp-button:hover .icon--dir-up {
    animation: moveArrowUp .5s ease-in-out both
}

.sp-button:focus-visible .icon--dir-dn,
.sp-button:hover .icon--dir-dn {
    animation: moveArrowDown .5s ease-in-out both
}

.sp-button:focus-visible .icon--16psearch:not(.no--animate),
.sp-button:hover .icon--16psearch:not(.no--animate) {
    animation: shake .5s ease-in-out both
}

.sp-button:focus-visible .icon--bell,
.sp-button:hover .icon--bell,
.sp-button:focus-visible .icon--16pbell,
.sp-button:hover .icon--16pbell {
    animation: bell .3s ease-in-out both
}

.sp-button:focus-visible .icon--16psettings,
.sp-button:hover .icon--16psettings {
    animation: fa-spin .5s ease-in-out both
}

.sp-button:focus-visible .icon--16pthumb,
.sp-button:hover .icon--16pthumb {
    animation: thumbsUp .5s ease-in-out both
}

.sp-button:focus-visible .icon--16ppencil,
.sp-button:hover .icon--16ppencil {
    animation: moveDown .5s ease-in-out both
}

.sp-button:focus-visible .icon--16pemoji,
.sp-button:hover .icon--16pemoji {
    animation: bell .5s ease-in-out both
}

.sp-button:focus-visible .icon--16pformatting,
.sp-button:hover .icon--16pformatting {
    animation: shake .5s ease-in-out both
}

.sp-button:focus-visible .icon--trash,
.sp-button:hover .icon--trash {
    animation: shake .5s ease-in-out both
}

.sp-button:active:not(.tooltip__button):not(.select__button):not(.tags__button) {
    transform: translateY(1px)
}

.sp-button:disabled,
.sp-button.is--disabled,
.sp-button.is--busy {
    pointer-events: none
}

.sp-button:disabled .sp-icon,
.sp-button.is--disabled .sp-icon,
.sp-button.is--busy .sp-icon,
.sp-button:disabled .button__text,
.sp-button.is--disabled .button__text,
.sp-button.is--busy .button__text {
    opacity: .75
}

a.sp-button[type=button] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

@keyframes thumbsUp {

    0%,
    to {
        transform: none
    }

    50% {
        transform: rotate(-10deg) translateY(-2px)
    }
}

.button--unstyled {
    font-size: unset;
    line-height: unset;
    letter-spacing: unset;
    font-weight: unset;
    vertical-align: baseline;
    height: auto;
    background: none;
    padding: 0;
    border: none;
    border-radius: 0;
    display: inline;
    background-color: transparent
}

.button--unstyled:focus-visible,
.button--unstyled:hover,
.button--unstyled:active {
    background: none
}

.button--unstyled:focus-visible,
.button--unstyled:hover {
    background-color: transparent
}

.button--legacy {
    vertical-align: middle;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: var(--font-family-text);
    font-weight: var(--font-btn-font-weight);
    line-height: 2;
    text-decoration: none;
    color: #fff;
    outline: 0;
    width: auto;
    border: 1px solid transparent;
    border-radius: 10px;
    transition: all .2s ease-in-out;
    cursor: pointer
}

.button--legacy:active {
    transform: translateY(1px)
}

.a11y--focus-visible .button--legacy:focus-visible {
    outline: 4px solid rgba(123, 183, 202, .6)
}

.button--legacy:disabled {
    opacity: .75
}

.button--legacy.btn-action,
.button--legacy.btn-action-2 {
    border-radius: 40px;
    font-size: var(--font-btn-50-size);
    line-height: var(--font-btn-50-line-height);
    letter-spacing: var(--font-btn-50-spacing);
    height: 50px;
    padding: 10px 25px
}

.button--sst {
    height: 22px
}

.button--sst.button--circle {
    width: 22px
}

.button--sst>.sp-icon {
    width: 10px;
    height: 10px
}

.button--st {
    font-size: var(--font-btn-30-size);
    line-height: var(--font-btn-30-line-height);
    letter-spacing: var(--font-btn-30-spacing);
    height: 30px;
    padding: 1px 15px
}

.button--st>.sp-icon {
    width: 12px;
    height: 12px
}

.button--st.button--icon-rt>.sp-icon {
    margin-inline-start: 6px
}

.button--st.button--icon-lt>.sp-icon,
.button--st.button--icon-lt>.sp-spinner {
    margin-inline-end: 6px
}

.button--st.button--circle {
    width: 30px;
    padding: 0
}

.button--st.button--circle>.sp-icon {
    width: 14px;
    height: 14px
}

.button--st .button--fixed {
    min-width: 200px
}

.button--tn {
    font-size: var(--font-btn-40-size);
    line-height: var(--font-btn-40-line-height);
    letter-spacing: var(--font-btn-40-spacing);
    height: 40px;
    padding: 6px 20px
}

.button--tn>.sp-icon {
    width: 14px;
    height: 14px
}

.button--tn.button--icon-rt>.sp-icon {
    margin-inline-start: 6px
}

.button--tn.button--icon-lt>.sp-icon,
.button--tn.button--icon-lt>.sp-spinner {
    margin-inline-end: 6px
}

.button--tn.button--circle {
    width: 40px;
    padding: 0
}

.button--tn.button--circle>.sp-icon {
    width: 18px;
    height: 18px
}

.button--tn.button--fixed {
    min-width: 220px
}

.button--sm {
    font-size: var(--font-btn-40-size);
    line-height: var(--font-btn-40-line-height);
    letter-spacing: var(--font-btn-40-spacing);
    height: 40px;
    padding: 6px 20px
}

.button--sm>.sp-icon {
    width: 14px;
    height: 14px
}

.button--sm.button--icon-rt>.sp-icon {
    margin-inline-start: 6px
}

.button--sm.button--icon-lt>.sp-icon,
.button--sm.button--icon-lt>.sp-spinner {
    margin-inline-end: 6px
}

.button--sm.button--circle {
    width: 40px;
    padding: 0
}

.button--sm.button--circle>.sp-icon {
    width: 18px;
    height: 18px
}

.button--sm.button--fixed {
    min-width: 220px
}

.button--md {
    font-size: var(--font-btn-50-size);
    line-height: var(--font-btn-50-line-height);
    letter-spacing: var(--font-btn-50-spacing);
    height: 50px;
    padding: 10px 25px
}

.button--md>.sp-icon {
    width: 16px;
    height: 16px
}

.button--md.button--icon-rt>.sp-icon {
    margin-inline-start: 8px
}

.button--md.button--icon-lt>.sp-icon,
.button--md.button--icon-lt>.sp-spinner {
    margin-inline-end: 8px
}

.button--md.button--circle {
    width: 50px;
    padding: 0
}

.button--md.button--circle>.sp-icon {
    width: 22px;
    height: 22px
}

.button--md.button--fixed {
    min-width: 240px
}

.button--lg {
    font-size: var(--font-btn-60-size);
    line-height: var(--font-btn-60-line-height);
    letter-spacing: var(--font-btn-60-spacing);
    height: 60px;
    padding: 14px 40px
}

.button--lg>.sp-icon {
    width: 18px;
    height: 18px
}

.button--lg.button--icon-rt>.sp-icon {
    margin-inline-start: 10px
}

.button--lg.button--icon-lt>.sp-icon,
.button--lg.button--icon-lt>.sp-spinner {
    margin-inline-end: 10px
}

.button--lg.button--circle {
    width: 60px;
    padding: 0
}

.button--lg.button--circle>.sp-icon {
    width: 26px;
    height: 26px
}

.button--lg.button--fixed {
    min-width: 260px
}

.button--full {
    width: 100%
}

.button--circle {
    padding: 0;
    border-radius: 100px
}

.button--rounded {
    border-radius: 10px
}

.button--rounded.button--st {
    border-radius: 5px
}

.button--pill {
    border-radius: 40px
}

.button--analysts,
.button--purple {
    background-color: #88619a;
    border-color: #88619a
}

.button--analysts,
.button--purple,
.button--analysts:focus-visible,
.button--purple:focus-visible,
.button--analysts:hover,
.button--purple:hover {
    color: #fff
}

.button--analysts .sp-icon.color--inherit g,
.button--purple .sp-icon.color--inherit g,
.button--analysts:focus-visible .sp-icon.color--inherit g,
.button--purple:focus-visible .sp-icon.color--inherit g,
.button--analysts:hover .sp-icon.color--inherit g,
.button--purple:hover .sp-icon.color--inherit g,
.button--analysts .sp-icon.color--inherit path,
.button--purple .sp-icon.color--inherit path,
.button--analysts:focus-visible .sp-icon.color--inherit path,
.button--purple:focus-visible .sp-icon.color--inherit path,
.button--analysts:hover .sp-icon.color--inherit path,
.button--purple:hover .sp-icon.color--inherit path,
.button--analysts .sp-icon.color--inherit polygon,
.button--purple .sp-icon.color--inherit polygon,
.button--analysts:focus-visible .sp-icon.color--inherit polygon,
.button--purple:focus-visible .sp-icon.color--inherit polygon,
.button--analysts:hover .sp-icon.color--inherit polygon,
.button--purple:hover .sp-icon.color--inherit polygon {
    fill: #fff
}

.button--analysts :deep(.sp-icon.color--inherit) g,
.button--purple :deep(.sp-icon.color--inherit) g,
.button--analysts:focus-visible :deep(.sp-icon.color--inherit) g,
.button--purple:focus-visible :deep(.sp-icon.color--inherit) g,
.button--analysts:hover :deep(.sp-icon.color--inherit) g,
.button--purple:hover :deep(.sp-icon.color--inherit) g,
.button--analysts :deep(.sp-icon.color--inherit) path,
.button--purple :deep(.sp-icon.color--inherit) path,
.button--analysts:focus-visible :deep(.sp-icon.color--inherit) path,
.button--purple:focus-visible :deep(.sp-icon.color--inherit) path,
.button--analysts:hover :deep(.sp-icon.color--inherit) path,
.button--purple:hover :deep(.sp-icon.color--inherit) path,
.button--analysts :deep(.sp-icon.color--inherit) polygon,
.button--purple :deep(.sp-icon.color--inherit) polygon,
.button--analysts:focus-visible :deep(.sp-icon.color--inherit) polygon,
.button--purple:focus-visible :deep(.sp-icon.color--inherit) polygon,
.button--analysts:hover :deep(.sp-icon.color--inherit) polygon,
.button--purple:hover :deep(.sp-icon.color--inherit) polygon {
    fill: #fff
}

.button--analysts:focus-visible,
.button--purple:focus-visible,
.button--analysts:hover,
.button--purple:hover {
    background-color: #6c4d7b;
    border-color: #6c4d7b
}

.button--analysts:disabled,
.button--purple:disabled,
.button--analysts.is--disabled,
.button--purple.is--disabled,
.button--analysts.is--busy,
.button--purple.is--busy {
    background-color: #c3b0cd;
    border-color: #c3b0cd
}

.button--sentinels,
.button--blue {
    background-color: rgb(var(--rgb-blue));
    border-color: rgb(var(--rgb-blue))
}

.button--sentinels,
.button--blue,
.button--sentinels:focus-visible,
.button--blue:focus-visible,
.button--sentinels:hover,
.button--blue:hover {
    color: #fff
}

.button--sentinels .sp-icon.color--inherit g,
.button--blue .sp-icon.color--inherit g,
.button--sentinels:focus-visible .sp-icon.color--inherit g,
.button--blue:focus-visible .sp-icon.color--inherit g,
.button--sentinels:hover .sp-icon.color--inherit g,
.button--blue:hover .sp-icon.color--inherit g,
.button--sentinels .sp-icon.color--inherit path,
.button--blue .sp-icon.color--inherit path,
.button--sentinels:focus-visible .sp-icon.color--inherit path,
.button--blue:focus-visible .sp-icon.color--inherit path,
.button--sentinels:hover .sp-icon.color--inherit path,
.button--blue:hover .sp-icon.color--inherit path,
.button--sentinels .sp-icon.color--inherit polygon,
.button--blue .sp-icon.color--inherit polygon,
.button--sentinels:focus-visible .sp-icon.color--inherit polygon,
.button--blue:focus-visible .sp-icon.color--inherit polygon,
.button--sentinels:hover .sp-icon.color--inherit polygon,
.button--blue:hover .sp-icon.color--inherit polygon {
    fill: #fff
}

.button--sentinels :deep(.sp-icon.color--inherit) g,
.button--blue :deep(.sp-icon.color--inherit) g,
.button--sentinels:focus-visible :deep(.sp-icon.color--inherit) g,
.button--blue:focus-visible :deep(.sp-icon.color--inherit) g,
.button--sentinels:hover :deep(.sp-icon.color--inherit) g,
.button--blue:hover :deep(.sp-icon.color--inherit) g,
.button--sentinels :deep(.sp-icon.color--inherit) path,
.button--blue :deep(.sp-icon.color--inherit) path,
.button--sentinels:focus-visible :deep(.sp-icon.color--inherit) path,
.button--blue:focus-visible :deep(.sp-icon.color--inherit) path,
.button--sentinels:hover :deep(.sp-icon.color--inherit) path,
.button--blue:hover :deep(.sp-icon.color--inherit) path,
.button--sentinels :deep(.sp-icon.color--inherit) polygon,
.button--blue :deep(.sp-icon.color--inherit) polygon,
.button--sentinels:focus-visible :deep(.sp-icon.color--inherit) polygon,
.button--blue:focus-visible :deep(.sp-icon.color--inherit) polygon,
.button--sentinels:hover :deep(.sp-icon.color--inherit) polygon,
.button--blue:hover :deep(.sp-icon.color--inherit) polygon {
    fill: #fff
}

.button--sentinels:focus-visible,
.button--blue:focus-visible,
.button--sentinels:hover,
.button--blue:hover {
    background-color: #347990;
    border-color: #347990
}

.button--sentinels:disabled,
.button--blue:disabled,
.button--sentinels.is--disabled,
.button--blue.is--disabled,
.button--sentinels.is--busy,
.button--blue.is--busy {
    background-color: #a1ccda;
    border-color: #a1ccda
}

.button--darkblue {
    background-color: #2e6a7d;
    border-color: #2e6a7d
}

.button--darkblue,
.button--darkblue:focus-visible,
.button--darkblue:hover {
    color: #fff
}

.button--darkblue .sp-icon.color--inherit g,
.button--darkblue:focus-visible .sp-icon.color--inherit g,
.button--darkblue:hover .sp-icon.color--inherit g,
.button--darkblue .sp-icon.color--inherit path,
.button--darkblue:focus-visible .sp-icon.color--inherit path,
.button--darkblue:hover .sp-icon.color--inherit path,
.button--darkblue .sp-icon.color--inherit polygon,
.button--darkblue:focus-visible .sp-icon.color--inherit polygon,
.button--darkblue:hover .sp-icon.color--inherit polygon {
    fill: #fff
}

.button--darkblue :deep(.sp-icon.color--inherit) g,
.button--darkblue:focus-visible :deep(.sp-icon.color--inherit) g,
.button--darkblue:hover :deep(.sp-icon.color--inherit) g,
.button--darkblue :deep(.sp-icon.color--inherit) path,
.button--darkblue:focus-visible :deep(.sp-icon.color--inherit) path,
.button--darkblue:hover :deep(.sp-icon.color--inherit) path,
.button--darkblue :deep(.sp-icon.color--inherit) polygon,
.button--darkblue:focus-visible :deep(.sp-icon.color--inherit) polygon,
.button--darkblue:hover :deep(.sp-icon.color--inherit) polygon {
    fill: #fff
}

.button--darkblue:focus-visible,
.button--darkblue:hover {
    background-color: #204b59;
    border-color: #204b59
}

.button--darkblue:disabled,
.button--darkblue.is--disabled,
.button--darkblue.is--busy {
    background-color: #97b5be;
    border-color: #97b5be
}

.button--explorers,
.button--yellow {
    background-color: rgb(var(--rgb-yellow));
    border-color: rgb(var(--rgb-yellow))
}

.button--explorers,
.button--yellow,
.button--explorers:focus-visible,
.button--yellow:focus-visible,
.button--explorers:hover,
.button--yellow:hover {
    color: #fff
}

.button--explorers .sp-icon.color--inherit g,
.button--yellow .sp-icon.color--inherit g,
.button--explorers:focus-visible .sp-icon.color--inherit g,
.button--yellow:focus-visible .sp-icon.color--inherit g,
.button--explorers:hover .sp-icon.color--inherit g,
.button--yellow:hover .sp-icon.color--inherit g,
.button--explorers .sp-icon.color--inherit path,
.button--yellow .sp-icon.color--inherit path,
.button--explorers:focus-visible .sp-icon.color--inherit path,
.button--yellow:focus-visible .sp-icon.color--inherit path,
.button--explorers:hover .sp-icon.color--inherit path,
.button--yellow:hover .sp-icon.color--inherit path,
.button--explorers .sp-icon.color--inherit polygon,
.button--yellow .sp-icon.color--inherit polygon,
.button--explorers:focus-visible .sp-icon.color--inherit polygon,
.button--yellow:focus-visible .sp-icon.color--inherit polygon,
.button--explorers:hover .sp-icon.color--inherit polygon,
.button--yellow:hover .sp-icon.color--inherit polygon {
    fill: #fff
}

.button--explorers :deep(.sp-icon.color--inherit) g,
.button--yellow :deep(.sp-icon.color--inherit) g,
.button--explorers:focus-visible :deep(.sp-icon.color--inherit) g,
.button--yellow:focus-visible :deep(.sp-icon.color--inherit) g,
.button--explorers:hover :deep(.sp-icon.color--inherit) g,
.button--yellow:hover :deep(.sp-icon.color--inherit) g,
.button--explorers :deep(.sp-icon.color--inherit) path,
.button--yellow :deep(.sp-icon.color--inherit) path,
.button--explorers:focus-visible :deep(.sp-icon.color--inherit) path,
.button--yellow:focus-visible :deep(.sp-icon.color--inherit) path,
.button--explorers:hover :deep(.sp-icon.color--inherit) path,
.button--yellow:hover :deep(.sp-icon.color--inherit) path,
.button--explorers :deep(.sp-icon.color--inherit) polygon,
.button--yellow :deep(.sp-icon.color--inherit) polygon,
.button--explorers:focus-visible :deep(.sp-icon.color--inherit) polygon,
.button--yellow:focus-visible :deep(.sp-icon.color--inherit) polygon,
.button--explorers:hover :deep(.sp-icon.color--inherit) polygon,
.button--yellow:hover :deep(.sp-icon.color--inherit) polygon {
    fill: #fff
}

.button--explorers:focus-visible,
.button--yellow:focus-visible,
.button--explorers:hover,
.button--yellow:hover {
    background-color: #b68b2e;
    border-color: #b68b2e
}

.button--explorers:disabled,
.button--yellow:disabled,
.button--explorers.is--disabled,
.button--yellow.is--disabled,
.button--explorers.is--busy,
.button--yellow.is--busy {
    background-color: #f2d79d;
    border-color: #f2d79d
}

.button--diplomats,
.button--green {
    background-color: rgb(var(--rgb-green));
    border-color: rgb(var(--rgb-green))
}

.button--diplomats,
.button--green,
.button--diplomats:focus-visible,
.button--green:focus-visible,
.button--diplomats:hover,
.button--green:hover {
    color: #fff
}

.button--diplomats .sp-icon.color--inherit g,
.button--green .sp-icon.color--inherit g,
.button--diplomats:focus-visible .sp-icon.color--inherit g,
.button--green:focus-visible .sp-icon.color--inherit g,
.button--diplomats:hover .sp-icon.color--inherit g,
.button--green:hover .sp-icon.color--inherit g,
.button--diplomats .sp-icon.color--inherit path,
.button--green .sp-icon.color--inherit path,
.button--diplomats:focus-visible .sp-icon.color--inherit path,
.button--green:focus-visible .sp-icon.color--inherit path,
.button--diplomats:hover .sp-icon.color--inherit path,
.button--green:hover .sp-icon.color--inherit path,
.button--diplomats .sp-icon.color--inherit polygon,
.button--green .sp-icon.color--inherit polygon,
.button--diplomats:focus-visible .sp-icon.color--inherit polygon,
.button--green:focus-visible .sp-icon.color--inherit polygon,
.button--diplomats:hover .sp-icon.color--inherit polygon,
.button--green:hover .sp-icon.color--inherit polygon {
    fill: #fff
}

.button--diplomats :deep(.sp-icon.color--inherit) g,
.button--green :deep(.sp-icon.color--inherit) g,
.button--diplomats:focus-visible :deep(.sp-icon.color--inherit) g,
.button--green:focus-visible :deep(.sp-icon.color--inherit) g,
.button--diplomats:hover :deep(.sp-icon.color--inherit) g,
.button--green:hover :deep(.sp-icon.color--inherit) g,
.button--diplomats :deep(.sp-icon.color--inherit) path,
.button--green :deep(.sp-icon.color--inherit) path,
.button--diplomats:focus-visible :deep(.sp-icon.color--inherit) path,
.button--green:focus-visible :deep(.sp-icon.color--inherit) path,
.button--diplomats:hover :deep(.sp-icon.color--inherit) path,
.button--green:hover :deep(.sp-icon.color--inherit) path,
.button--diplomats :deep(.sp-icon.color--inherit) polygon,
.button--green :deep(.sp-icon.color--inherit) polygon,
.button--diplomats:focus-visible :deep(.sp-icon.color--inherit) polygon,
.button--green:focus-visible :deep(.sp-icon.color--inherit) polygon,
.button--diplomats:hover :deep(.sp-icon.color--inherit) polygon,
.button--green:hover :deep(.sp-icon.color--inherit) polygon {
    fill: #fff
}

.button--diplomats:focus-visible,
.button--green:focus-visible,
.button--diplomats:hover,
.button--green:hover {
    background-color: #28835c;
    border-color: #28835c
}

.button--diplomats:disabled,
.button--green:disabled,
.button--diplomats.is--disabled,
.button--green.is--disabled,
.button--diplomats.is--busy,
.button--green.is--busy {
    background-color: #99d2ba;
    border-color: #99d2ba
}

.button--red {
    background-color: rgb(var(--rgb-red));
    border-color: rgb(var(--rgb-red))
}

.button--red,
.button--red:focus-visible,
.button--red:hover {
    color: #fff
}

.button--red .sp-icon.color--inherit g,
.button--red:focus-visible .sp-icon.color--inherit g,
.button--red:hover .sp-icon.color--inherit g,
.button--red .sp-icon.color--inherit path,
.button--red:focus-visible .sp-icon.color--inherit path,
.button--red:hover .sp-icon.color--inherit path,
.button--red .sp-icon.color--inherit polygon,
.button--red:focus-visible .sp-icon.color--inherit polygon,
.button--red:hover .sp-icon.color--inherit polygon {
    fill: #fff
}

.button--red :deep(.sp-icon.color--inherit) g,
.button--red:focus-visible :deep(.sp-icon.color--inherit) g,
.button--red:hover :deep(.sp-icon.color--inherit) g,
.button--red :deep(.sp-icon.color--inherit) path,
.button--red:focus-visible :deep(.sp-icon.color--inherit) path,
.button--red:hover :deep(.sp-icon.color--inherit) path,
.button--red :deep(.sp-icon.color--inherit) polygon,
.button--red:focus-visible :deep(.sp-icon.color--inherit) polygon,
.button--red:hover :deep(.sp-icon.color--inherit) polygon {
    fill: #fff
}

.button--red:focus-visible,
.button--red:hover {
    background-color: #c14b4e;
    border-color: #c14b4e
}

.button--red:disabled,
.button--red.is--disabled,
.button--red.is--busy {
    background-color: #f9afb1;
    border-color: #f9afb1
}

.button--darkgray {
    background-color: #68707f;
    border-color: #68707f
}

.button--darkgray,
.button--darkgray:focus-visible,
.button--darkgray:hover {
    color: #fff
}

.button--darkgray .sp-icon.color--inherit g,
.button--darkgray:focus-visible .sp-icon.color--inherit g,
.button--darkgray:hover .sp-icon.color--inherit g,
.button--darkgray .sp-icon.color--inherit path,
.button--darkgray:focus-visible .sp-icon.color--inherit path,
.button--darkgray:hover .sp-icon.color--inherit path,
.button--darkgray .sp-icon.color--inherit polygon,
.button--darkgray:focus-visible .sp-icon.color--inherit polygon,
.button--darkgray:hover .sp-icon.color--inherit polygon {
    fill: #fff
}

.button--darkgray :deep(.sp-icon.color--inherit) g,
.button--darkgray:focus-visible :deep(.sp-icon.color--inherit) g,
.button--darkgray:hover :deep(.sp-icon.color--inherit) g,
.button--darkgray :deep(.sp-icon.color--inherit) path,
.button--darkgray:focus-visible :deep(.sp-icon.color--inherit) path,
.button--darkgray:hover :deep(.sp-icon.color--inherit) path,
.button--darkgray :deep(.sp-icon.color--inherit) polygon,
.button--darkgray:focus-visible :deep(.sp-icon.color--inherit) polygon,
.button--darkgray:hover :deep(.sp-icon.color--inherit) polygon {
    fill: #fff
}

.button--darkgray:focus-visible,
.button--darkgray:hover {
    background-color: #51596a;
    border-color: #51596a
}

.button--darkgray:disabled,
.button--darkgray.is--disabled,
.button--darkgray.is--busy {
    background-color: #b3b8bf;
    border-color: #b3b8bf
}

.button--midgray {
    background-color: rgb(var(--rgb-midgray));
    border-color: rgb(var(--rgb-midgray))
}

.button--midgray,
.button--midgray:focus-visible,
.button--midgray:hover {
    color: #fff
}

.button--midgray .sp-icon.color--inherit g,
.button--midgray:focus-visible .sp-icon.color--inherit g,
.button--midgray:hover .sp-icon.color--inherit g,
.button--midgray .sp-icon.color--inherit path,
.button--midgray:focus-visible .sp-icon.color--inherit path,
.button--midgray:hover .sp-icon.color--inherit path,
.button--midgray .sp-icon.color--inherit polygon,
.button--midgray:focus-visible .sp-icon.color--inherit polygon,
.button--midgray:hover .sp-icon.color--inherit polygon {
    fill: #fff
}

.button--midgray :deep(.sp-icon.color--inherit) g,
.button--midgray:focus-visible :deep(.sp-icon.color--inherit) g,
.button--midgray:hover :deep(.sp-icon.color--inherit) g,
.button--midgray :deep(.sp-icon.color--inherit) path,
.button--midgray:focus-visible :deep(.sp-icon.color--inherit) path,
.button--midgray:hover :deep(.sp-icon.color--inherit) path,
.button--midgray :deep(.sp-icon.color--inherit) polygon,
.button--midgray:focus-visible :deep(.sp-icon.color--inherit) polygon,
.button--midgray:hover :deep(.sp-icon.color--inherit) polygon {
    fill: #fff
}

.button--midgray:focus-visible,
.button--midgray:hover {
    background-color: #9a9fa9;
    border-color: #9a9fa9
}

.button--midgray:disabled,
.button--midgray.is--disabled,
.button--midgray.is--busy {
    background-color: #dddfe3;
    border-color: #dddfe3
}

.button--allwhite {
    background-color: #fff;
    border: none;
    color: rgba(52, 60, 75, .5)
}

.button--allwhite .sp-icon.color--inherit g,
.button--allwhite .sp-icon.color--inherit path,
.button--allwhite .sp-icon.color--inherit polygon {
    fill: rgba(52, 60, 75, .5)
}

.button--allwhite :deep(.sp-icon.color--inherit) g,
.button--allwhite :deep(.sp-icon.color--inherit) path,
.button--allwhite :deep(.sp-icon.color--inherit) polygon {
    fill: rgba(52, 60, 75, .5)
}

.button--allwhite:focus-visible,
.button--allwhite:hover,
.button--allwhite.is--active:not(.is--router) {
    background-color: #ebeced;
    color: #343c4b
}

.button--allwhite:focus-visible .sp-icon.color--inherit g,
.button--allwhite:hover .sp-icon.color--inherit g,
.button--allwhite.is--active:not(.is--router) .sp-icon.color--inherit g,
.button--allwhite:focus-visible .sp-icon.color--inherit path,
.button--allwhite:hover .sp-icon.color--inherit path,
.button--allwhite.is--active:not(.is--router) .sp-icon.color--inherit path,
.button--allwhite:focus-visible .sp-icon.color--inherit polygon,
.button--allwhite:hover .sp-icon.color--inherit polygon,
.button--allwhite.is--active:not(.is--router) .sp-icon.color--inherit polygon {
    fill: #343c4b
}

.button--allwhite:focus-visible :deep(.sp-icon.color--inherit) g,
.button--allwhite:hover :deep(.sp-icon.color--inherit) g,
.button--allwhite.is--active:not(.is--router) :deep(.sp-icon.color--inherit) g,
.button--allwhite:focus-visible :deep(.sp-icon.color--inherit) path,
.button--allwhite:hover :deep(.sp-icon.color--inherit) path,
.button--allwhite.is--active:not(.is--router) :deep(.sp-icon.color--inherit) path,
.button--allwhite:focus-visible :deep(.sp-icon.color--inherit) polygon,
.button--allwhite:hover :deep(.sp-icon.color--inherit) polygon,
.button--allwhite.is--active:not(.is--router) :deep(.sp-icon.color--inherit) polygon {
    fill: #343c4b
}

.button--allwhite:disabled,
.button--allwhite.is--disabled,
.button--allwhite.is--busy {
    background-color: rgba(255, 255, 255, .5)
}

.button--allwhite:disabled .sp-icon,
.button--allwhite.is--disabled .sp-icon,
.button--allwhite.is--busy .sp-icon,
.button--allwhite:disabled .button__text,
.button--allwhite.is--disabled .button__text,
.button--allwhite.is--busy .button__text {
    opacity: .5
}

.button--white {
    background-color: #fff;
    border: 1px solid #DDDFE2
}

.button--white,
.button--white:focus-visible,
.button--white:hover {
    color: #343c4b
}

.button--white .sp-icon.color--inherit g,
.button--white:focus-visible .sp-icon.color--inherit g,
.button--white:hover .sp-icon.color--inherit g,
.button--white .sp-icon.color--inherit path,
.button--white:focus-visible .sp-icon.color--inherit path,
.button--white:hover .sp-icon.color--inherit path,
.button--white .sp-icon.color--inherit polygon,
.button--white:focus-visible .sp-icon.color--inherit polygon,
.button--white:hover .sp-icon.color--inherit polygon {
    fill: #343c4b
}

.button--white :deep(.sp-icon.color--inherit) g,
.button--white:focus-visible :deep(.sp-icon.color--inherit) g,
.button--white:hover :deep(.sp-icon.color--inherit) g,
.button--white :deep(.sp-icon.color--inherit) path,
.button--white:focus-visible :deep(.sp-icon.color--inherit) path,
.button--white:hover :deep(.sp-icon.color--inherit) path,
.button--white :deep(.sp-icon.color--inherit) polygon,
.button--white:focus-visible :deep(.sp-icon.color--inherit) polygon,
.button--white:hover :deep(.sp-icon.color--inherit) polygon {
    fill: #343c4b
}

.button--white:focus-visible,
.button--white:hover {
    background-color: #f9fafa;
    border-color: #4298b4
}

.button--white.is--active:not(.is--router) {
    background-color: #ebeced;
    border-color: #ebeced
}

.button--white:disabled,
.button--white.is--disabled,
.button--white.is--busy {
    background-color: #fff;
    border-color: #eeeff1
}

.button--white:disabled .sp-icon,
.button--white.is--disabled .sp-icon,
.button--white.is--busy .sp-icon,
.button--white:disabled .button__text,
.button--white.is--disabled .button__text,
.button--white.is--busy .button__text {
    opacity: .5
}

.button--white.button--circle .sp-icon.color--inherit g,
.button--white.button--circle .sp-icon.color--inherit path,
.button--white.button--circle .sp-icon.color--inherit polygon {
    fill: rgba(52, 60, 75, .5)
}

.button--white.button--circle:focus-visible .sp-icon.color--inherit g,
.button--white.button--circle:hover .sp-icon.color--inherit g,
.button--white.button--circle:focus-visible .sp-icon.color--inherit path,
.button--white.button--circle:hover .sp-icon.color--inherit path,
.button--white.button--circle:focus-visible .sp-icon.color--inherit polygon,
.button--white.button--circle:hover .sp-icon.color--inherit polygon {
    fill: #343c4b
}

.button--allgray {
    color: #343c4b
}

.button--allgray:focus-visible,
.button--allgray:hover {
    background-color: #eeeff1;
    border-color: #eeeff1
}

.button--allgray:focus-visible .sp-icon,
.button--allgray:hover .sp-icon,
.button--allgray:focus-visible .button__text,
.button--allgray:hover .button__text {
    opacity: 1
}

.button--allgray,
.button--allgray:disabled,
.button--allgray.is--disabled,
.button--allgray.is--busy {
    background-color: #f6f6f7;
    border-color: #f6f6f7
}

.button--allgray .sp-icon,
.button--allgray:disabled .sp-icon,
.button--allgray.is--disabled .sp-icon,
.button--allgray.is--busy .sp-icon,
.button--allgray .button__text,
.button--allgray:disabled .button__text,
.button--allgray.is--disabled .button__text,
.button--allgray.is--busy .button__text {
    opacity: .5
}

.button--allgray:disabled,
.button--allgray.is--disabled,
.button--allgray.is--busy {
    opacity: .5
}

.button--lightgray {
    background-color: #f9fafa;
    border: 1px solid #DDDFE2
}

.button--lightgray,
.button--lightgray:focus-visible,
.button--lightgray:hover {
    color: #343c4b
}

.button--lightgray .sp-icon.color--inherit g,
.button--lightgray:focus-visible .sp-icon.color--inherit g,
.button--lightgray:hover .sp-icon.color--inherit g,
.button--lightgray .sp-icon.color--inherit path,
.button--lightgray:focus-visible .sp-icon.color--inherit path,
.button--lightgray:hover .sp-icon.color--inherit path,
.button--lightgray .sp-icon.color--inherit polygon,
.button--lightgray:focus-visible .sp-icon.color--inherit polygon,
.button--lightgray:hover .sp-icon.color--inherit polygon {
    fill: #343c4b
}

.button--lightgray :deep(.sp-icon.color--inherit) g,
.button--lightgray:focus-visible :deep(.sp-icon.color--inherit) g,
.button--lightgray:hover :deep(.sp-icon.color--inherit) g,
.button--lightgray :deep(.sp-icon.color--inherit) path,
.button--lightgray:focus-visible :deep(.sp-icon.color--inherit) path,
.button--lightgray:hover :deep(.sp-icon.color--inherit) path,
.button--lightgray :deep(.sp-icon.color--inherit) polygon,
.button--lightgray:focus-visible :deep(.sp-icon.color--inherit) polygon,
.button--lightgray:hover :deep(.sp-icon.color--inherit) polygon {
    fill: #343c4b
}

.button--lightgray:focus-visible,
.button--lightgray:hover {
    background-color: #f6f6f7;
    border-color: #bbbfc6
}

.button--lightgray:disabled,
.button--lightgray.is--disabled,
.button--lightgray.is--busy {
    background-color: #fcfdfd;
    border-color: #eeeff1
}

.button--lightgray:disabled .sp-icon,
.button--lightgray.is--disabled .sp-icon,
.button--lightgray.is--busy .sp-icon,
.button--lightgray:disabled .button__text,
.button--lightgray.is--disabled .button__text,
.button--lightgray.is--busy .button__text {
    opacity: .5
}

.color--inverted:focus,
.color--inverted:hover {
    color: #fff
}

.color--inverted:focus g,
.color--inverted:hover g,
.color--inverted:focus path,
.color--inverted:hover path,
.color--inverted:focus polygon,
.color--inverted:hover polygon {
    fill: #fff
}

.color--inverted.button--blue {
    color: rgb(var(--rgb-blue));
    border-color: rgba(var(--rgb-blue), .5);
    background: transparent
}

.color--inverted.button--blue .sp-icon.color--inherit g,
.color--inverted.button--blue .sp-icon.color--inherit path,
.color--inverted.button--blue .sp-icon.color--inherit polygon {
    fill: rgb(var(--rgb-blue))
}

.color--inverted.button--blue :deep(.sp-icon.color--inherit) g,
.color--inverted.button--blue :deep(.sp-icon.color--inherit) path,
.color--inverted.button--blue :deep(.sp-icon.color--inherit) polygon {
    fill: rgb(var(--rgb-blue))
}

.color--inverted.button--blue:focus,
.color--inverted.button--blue:hover {
    color: #fff;
    background-color: rgb(var(--rgb-blue));
    border-color: rgb(var(--rgb-blue))
}

.color--inverted.button--green {
    color: rgb(var(--rgb-green));
    border-color: rgba(var(--rgb-green), .5);
    background: transparent
}

.color--inverted.button--green .sp-icon.color--inherit g,
.color--inverted.button--green .sp-icon.color--inherit path,
.color--inverted.button--green .sp-icon.color--inherit polygon {
    fill: rgb(var(--rgb-green))
}

.color--inverted.button--green :deep(.sp-icon.color--inherit) g,
.color--inverted.button--green :deep(.sp-icon.color--inherit) path,
.color--inverted.button--green :deep(.sp-icon.color--inherit) polygon {
    fill: rgb(var(--rgb-green))
}

.color--inverted.button--green:focus,
.color--inverted.button--green:hover {
    color: #fff;
    background-color: rgb(var(--rgb-green));
    border-color: rgb(var(--rgb-green))
}

.color--inverted.button--purple {
    color: rgb(var(--rgb-purple));
    border-color: rgba(var(--rgb-purple), .5);
    background: transparent
}

.color--inverted.button--purple .sp-icon.color--inherit g,
.color--inverted.button--purple .sp-icon.color--inherit path,
.color--inverted.button--purple .sp-icon.color--inherit polygon {
    fill: rgb(var(--rgb-purple))
}

.color--inverted.button--purple :deep(.sp-icon.color--inherit) g,
.color--inverted.button--purple :deep(.sp-icon.color--inherit) path,
.color--inverted.button--purple :deep(.sp-icon.color--inherit) polygon {
    fill: rgb(var(--rgb-purple))
}

.color--inverted.button--purple:focus,
.color--inverted.button--purple:hover {
    color: #fff;
    background-color: rgb(var(--rgb-purple));
    border-color: rgb(var(--rgb-purple))
}

.color--inverted.button--yellow {
    color: rgb(var(--rgb-yellow));
    border-color: rgba(var(--rgb-yellow), .5);
    background: transparent
}

.color--inverted.button--yellow .sp-icon.color--inherit g,
.color--inverted.button--yellow .sp-icon.color--inherit path,
.color--inverted.button--yellow .sp-icon.color--inherit polygon {
    fill: rgb(var(--rgb-yellow))
}

.color--inverted.button--yellow :deep(.sp-icon.color--inherit) g,
.color--inverted.button--yellow :deep(.sp-icon.color--inherit) path,
.color--inverted.button--yellow :deep(.sp-icon.color--inherit) polygon {
    fill: rgb(var(--rgb-yellow))
}

.color--inverted.button--yellow:focus,
.color--inverted.button--yellow:hover {
    color: #fff;
    background-color: rgb(var(--rgb-yellow));
    border-color: rgb(var(--rgb-yellow))
}

.spinner--lg,
.spinner--full {
    text-align: center;
    display: block;
    margin: 0 auto
}

.spinner--lg .spinner__inner,
.spinner--full .spinner__inner {
    margin: auto;
    width: 50px;
    height: 50px
}

.spinner--full-margins .spinner__outer {
    margin-top: 10vh;
    margin-bottom: 10vh
}

.spinner--tight-margins .spinner__outer {
    margin-top: 5vh;
    margin-bottom: 5vh
}

.el-modal .spinner__outer {
    margin-top: 10vh;
    margin-bottom: 8vh
}

.spinner--colorful .circles svg {
    fill: none
}

.spinner--colorful .circles svg circle {
    transform: rotate(-90deg);
    transform-origin: 50% 50%
}

.spinner--colorful .circles svg .twirl {
    stroke-dasharray: 105 314;
    stroke-dashoffset: 105.1;
    animation: spinnerCircle 1.8s ease-in-out infinite
}

.spinner--colorful .circles svg .blue {
    stroke: #4298b4;
    stroke-width: 25
}

.spinner--colorful .circles svg .yellow {
    stroke: #e4ae3a;
    stroke-width: 20;
    animation-delay: .5s
}

.spinner--colorful .circles svg .green {
    stroke: #33a474;
    stroke-width: 16;
    animation-direction: reverse
}

.spinner--colorful .circles svg .purple {
    fill: #88619a;
    animation: spinnerPulse 1.8s ease-in-out infinite
}

@keyframes spinnerCircle {
    0% {
        stroke-dashoffset: 105.1
    }

    to {
        stroke-dashoffset: -314
    }
}

@keyframes spinnerPulse {

    0%,
    to {
        transform: scale(.1)
    }

    50% {
        transform: scale(1)
    }
}

.sp-card {
    background-color: #fff;
    border-radius: 10px;
    border: solid 1px #DDDFE2;
    transition: all .2s ease-in-out;
    margin-bottom: 10px
}

.sp-card .card__body,
.sp-card .card__footer {
    padding: 20px
}

.sp-card.has--color {
    position: relative
}

.sp-card.has--color.card--md:not(.has--darkheader, .has__line--responsive, .has__line--left) .card__body {
    padding-top: 24px
}

.sp-card.has--color.has__line--left .card__body {
    padding-left: 24px
}

.sp-card.has--darkheader .card__bg,
.sp-card.has--lightheader .card__bg {
    position: absolute;
    top: 0;
    left: -1px;
    right: -1px;
    z-index: -1
}

.sp-card.has--darkheader:not(.is--connected) .card__bg,
.sp-card.has--lightheader:not(.is--connected) .card__bg {
    border-radius: 9px 9px 0 0
}

.sp-card.has--darkheader.card--blue .card__bg {
    background-color: #4298b4
}

.sp-card.has--darkheader.card--blue .card__bg svg {
    background: linear-gradient(#4298B4, #4298B4 1px, transparent 1px, transparent 2px)
}

.sp-card.has--darkheader.card--blue .card__bg svg path {
    fill: #4298b4
}

.sp-card.has--darkheader.card--green .card__bg {
    background-color: #33a474
}

.sp-card.has--darkheader.card--green .card__bg svg {
    background: linear-gradient(#33A474, #33A474 1px, transparent 1px, transparent 2px)
}

.sp-card.has--darkheader.card--green .card__bg svg path {
    fill: #33a474
}

.sp-card.has--darkheader.card--purple .card__bg {
    background-color: #88619a
}

.sp-card.has--darkheader.card--purple .card__bg svg {
    background: linear-gradient(#88619A, #88619A 1px, transparent 1px, transparent 2px)
}

.sp-card.has--darkheader.card--purple .card__bg svg path {
    fill: #88619a
}

.sp-card.has--darkheader.card--yellow .card__bg {
    background-color: #e4ae3a
}

.sp-card.has--darkheader.card--yellow .card__bg svg {
    background: linear-gradient(#E4AE3A, #E4AE3A 1px, transparent 1px, transparent 2px)
}

.sp-card.has--darkheader.card--yellow .card__bg svg path {
    fill: #e4ae3a
}

.sp-card.has--darkheader.card--red .card__bg {
    background-color: #f25e62
}

.sp-card.has--darkheader.card--red .card__bg svg {
    background: linear-gradient(#F25E62, #F25E62 1px, transparent 1px, transparent 2px)
}

.sp-card.has--darkheader.card--red .card__bg svg path {
    fill: #f25e62
}

.sp-card.has--lightheader {
    z-index: 1;
    transition-property: box-shadow
}

.sp-card.has--lightheader.has--shadow .card__bg:before {
    display: none
}

.sp-card.has--lightheader .card__line {
    transition: .2s ease-in-out background
}

.sp-card.has--lightheader .card__bg {
    overflow: visible;
    padding-top: 70px;
    background: #f6f6f7;
    display: flex;
    flex-direction: column
}

.sp-card.has--lightheader .card__bg:before {
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 9px 9px 0 0;
    border: 1px solid #DDDFE2;
    border-width: 0 1px
}

.sp-card.has--lightheader .card__bg svg {
    display: block;
    width: 100%;
    height: auto;
    background: #fff;
    position: static
}

.sp-card.has--lightheader.has--hover:hover .card__bg:before {
    height: 70px
}

.sp-card.has--lightheader.card--blue .card__bg {
    background-color: #ecf4f7
}

.sp-card.has--lightheader.card--blue .card__bg svg path {
    fill: #ecf4f7
}

.sp-card.has--lightheader.card--blue.has--hover:hover .card__bg:before {
    border-color: #ecf4f7
}

.sp-card.has--lightheader.card--green .card__bg {
    background-color: #ebf6f1
}

.sp-card.has--lightheader.card--green .card__bg svg path {
    fill: #ebf6f1
}

.sp-card.has--lightheader.card--green.has--hover:hover .card__bg:before {
    border-color: #ebf6f1
}

.sp-card.has--lightheader.card--purple .card__bg {
    background-color: #f3eff5
}

.sp-card.has--lightheader.card--purple .card__bg svg path {
    fill: #f3eff5
}

.sp-card.has--lightheader.card--purple.has--hover:hover .card__bg:before {
    border-color: #f3eff5
}

.sp-card.has--lightheader.card--yellow .card__bg {
    background-color: #fcf7eb
}

.sp-card.has--lightheader.card--yellow .card__bg svg path {
    fill: #fcf7eb
}

.sp-card.has--lightheader.card--yellow.has--hover:hover .card__bg:before {
    border-color: #fcf7eb
}

.sp-card.has--lightheader.card--red .card__bg {
    background-color: #fdefef
}

.sp-card.has--lightheader.card--red .card__bg svg path {
    fill: #fdefef
}

.sp-card.has--lightheader.card--red.has--hover:hover .card__bg:before {
    border-color: #fdefef
}

.sp-card.has--lightheader.card--gray .card__bg {
    background-color: #f6f6f7
}

.sp-card.has--lightheader.card--gray .card__bg svg path {
    fill: #f6f6f7
}

.sp-card.has--lightheader.card--gray.has--hover:hover .card__bg:before {
    border-color: #f6f6f7
}

.sp-card.card--sm .card__body,
.sp-card.card--sm .card__footer {
    padding: 15px
}

.sp-card.card--sm .card__text,
.sp-card.card--sm .card__text p {
    font-size: var(--font-p-tn-size-bp-sm);
    line-height: var(--font-p-tn-line-height-bp-sm);
    letter-spacing: var(--font-p-tn-spacing-bp-sm)
}

.sp-card.card--sm+.card--sm {
    margin-left: 5px
}

.sp-card.card--flex.has__footer--stacked .card__actions {
    flex: 0 0 240px
}

.sp-card.card--center {
    text-align: center
}

.sp-card.has__footer--stacked .card__actions .button--inherit:not(.button--full.button--link) {
    width: 100%;
    margin: 0 0 10px
}

.sp-card.has__footer--stacked .card__actions .button--inherit:not(.button--full.button--link):last-child {
    margin-bottom: 0
}

.sp-card.has--shadow,
.sp-card.has--hover:focus,
.sp-card.has--hover:hover {
    z-index: 1;
    border-color: #fff;
    box-shadow: 0 10px 40px rgba(29, 36, 50, .1)
}

.sp-card.card--blue .color--inherit:not(.link--fancy) {
    color: rgb(var(--rgb-blue))
}

.sp-card.card--blue .card__shaded {
    background-color: #ecf4f7
}

.sp-card.card--green .color--inherit:not(.link--fancy) {
    color: rgb(var(--rgb-green))
}

.sp-card.card--green .card__shaded {
    background-color: #ebf6f1
}

.sp-card.card--purple .color--inherit:not(.link--fancy) {
    color: rgb(var(--rgb-purple))
}

.sp-card.card--purple .card__shaded {
    background-color: #f3eff5
}

.sp-card.card--yellow .color--inherit:not(.link--fancy) {
    color: rgb(var(--rgb-yellow))
}

.sp-card.card--yellow .card__shaded {
    background-color: #fcf7eb
}

.sp-card.card--red .color--inherit:not(.link--fancy) {
    color: rgb(var(--rgb-red))
}

.sp-card.card--red .card__shaded {
    background-color: #fdefef
}

.card__line {
    margin: 0;
    border: none;
    transform: rotate(360deg);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    clip-path: polygon(0 0, 100% 0, 100% 40%, 0 40%);
    height: 10px;
    width: auto;
    border-radius: 10px 10px 0 0
}

html[dir=rtl] .card__line {
    clip-path: polygon(0 0, 100% 0, 100% 40%, 0 40%)
}

.sp-card .card__line {
    margin: 0
}

.card--blue .card__line {
    background-color: #4298b4
}

.card--green .card__line {
    background-color: #33a474
}

.card--purple .card__line {
    background-color: #88619a
}

.card--yellow .card__line {
    background-color: #e4ae3a
}

.card--red .card__line {
    background-color: #f25e62
}

.card--gray .card__line {
    background-color: #cccfd4
}

.has__line--top .card__line {
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: auto
}

.has__line--left .card__line {
    margin: 0;
    border: none;
    transform: rotate(360deg);
    position: absolute;
    left: 0;
    right: 0;
    clip-path: polygon(0% 0%, 40% 0%, 40% 100%, 0 100%);
    height: auto;
    width: 10px;
    border-radius: 0;
    border-start-start-radius: 10px;
    border-end-start-radius: 10px;
    top: -1px;
    bottom: -1px;
    inset-inline-start: -1px;
    inset-inline-end: auto
}

html[dir=rtl] .has__line--left .card__line {
    clip-path: polygon(60% 0%, 100% 0%, 100% 100%, 60% 100%)
}

.has__line--responsive .card__line {
    margin: 0;
    border: none;
    transform: rotate(360deg);
    position: absolute;
    left: 0;
    right: 0;
    clip-path: polygon(0% 0%, 40% 0%, 40% 100%, 0 100%);
    height: auto;
    width: 10px;
    border-radius: 0;
    border-start-start-radius: 10px;
    border-end-start-radius: 10px;
    top: -1px;
    bottom: -1px;
    inset-inline-start: -1px;
    inset-inline-end: auto
}

html[dir=rtl] .has__line--responsive .card__line {
    clip-path: polygon(60% 0%, 100% 0%, 100% 100%, 60% 100%)
}

.card__title {
    margin: 0;
    transition: all .2s ease-in-out
}

.card__title+p {
    margin-bottom: 10px
}

.card__subtitle {
    margin-top: 0;
    margin-bottom: 10px
}

.card__text {
    margin-bottom: 0
}

.card__text,
.card__text p:not([class]) {
    font-size: var(--font-p-sm-size-bp-sm);
    line-height: var(--font-p-sm-line-height-bp-sm);
    letter-spacing: var(--font-p-sm-spacing-bp-sm)
}

.card__text p,
.card__icon {
    margin-bottom: 10px
}

.card__icon.icon--clipped {
    flex-shrink: 0;
    clip-path: polygon(10% 19%, 54% 0, 96% 17%, 100% 83%, 54% 100%, 0 74%);
    background: #f6f6f7;
    width: 70px;
    height: 65px;
    padding: 15px 17.5px
}

.card__icon .image,
.card__icon .sp-icon {
    width: 40px;
    height: 40px
}

.card__footer {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px
}

.card__footer :last-child,
.card__actions :last-child {
    margin-bottom: 0
}

:root {
    --navbar-collapse-top: 0;
    --subnav-collapse-top: -1px;
    --navbar-visible-h: 60px
}

.navbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    z-index: 21;
    transition: all .2s ease-in-out, border 0s;
    background-color: #fff;
    position: sticky;
    top: var(--navbar-collapse-top) !important;
    left: 0;
    right: 0;
    border-bottom: 1px solid #EEEFF1;
    margin: 0;
    padding: 0 10px;
    height: 60px;
    padding-inline-end: 63px
}

.navbar.navbar--static {
    position: static;
    top: unset
}

.navbar.navbar--shadow {
    box-shadow: 0 0 10px rgba(29, 36, 50, .1)
}

.navbar.navbar--checkout {
    margin-bottom: 10px;
    padding: 10px;
    height: auto;
    background-color: #fff;
    border-bottom: 1px solid #EEEFF1;
    position: relative
}

.navbar.navbar--checkout .navbar__wrap {
    width: 100%;
    max-width: 1000px;
    margin-inline: auto;
    display: flex;
    align-items: center
}

.navbar.navbar--checkout .logo {
    flex-basis: auto
}

.navbar.navbar--checkout .checkout--text {
    font-family: var(--font-family-text);
    font-weight: var(--font-text-regular-weight);
    margin: 0 0 0 10px;
    position: relative;
    font-size: var(--font-p-lg-size-bp-sm);
    line-height: var(--font-p-lg-line-height-bp-sm);
    letter-spacing: var(--font-p-lg-spacing-bp-sm)
}

.navbar.user nav.middle-section {
    justify-content: flex-end;
    padding-inline-end: 20px
}

.navbar .logo {
    flex-shrink: 0
}

.navbar .logo img {
    display: block;
    transition: all .2s ease-in-out;
    width: 184px;
    height: 37.74px
}

.navbar nav.middle-section {
    z-index: 20;
    display: none
}

.navbar nav.middle-section:not(.anonymous)>ul>li.active:after,
.navbar nav.middle-section:not(.anonymous)>ul>li.focused:after,
.navbar nav.middle-section:not(.anonymous)>ul>li:hover:after,
.navbar nav.middle-section:not(.anonymous)>ul>li:active:after,
.navbar nav.middle-section:not(.anonymous)>ul>li:focus:after {
    inset-inline: 7.5px
}

.navbar nav.middle-section:not(.anonymous)>ul>li>a {
    padding: 0 7.5px
}

.navbar nav.middle-section.international>ul>li.active:after,
.navbar nav.middle-section.international>ul>li.focused:after,
.navbar nav.middle-section.international>ul>li:hover:after,
.navbar nav.middle-section.international>ul>li:active:after,
.navbar nav.middle-section.international>ul>li:focus:after {
    inset-inline: 10px
}

.navbar nav.middle-section.international>ul>li>a {
    padding: 0 10px
}

.navbar nav.middle-section>ul {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    margin: 0;
    padding: 0
}

.navbar nav.middle-section>ul>li {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    height: 100%
}

.navbar nav.middle-section>ul>li:after {
    content: "";
    position: absolute;
    border-bottom: 4px solid #4298B4;
    opacity: 0;
    transition: .2s ease-in-out opacity .1s;
    top: 0
}

.navbar nav.middle-section>ul>li.active:after,
.navbar nav.middle-section>ul>li.focused:after,
.navbar nav.middle-section>ul>li:hover:after,
.navbar nav.middle-section>ul>li:active:after,
.navbar nav.middle-section>ul>li:focus:after {
    opacity: 1;
    inset-inline: 7.5px
}

.navbar nav.middle-section>ul>li.active>a,
.navbar nav.middle-section>ul>li.focused>a,
.navbar nav.middle-section>ul>li:hover>a,
.navbar nav.middle-section>ul>li:active>a,
.navbar nav.middle-section>ul>li:focus>a {
    color: #343c4b;
    transition: all .1s ease-in-out
}

.navbar nav.middle-section>ul>li:hover>ul.nav__dropdown,
.navbar nav.middle-section>ul>li:active>ul.nav__dropdown,
.navbar nav.middle-section>ul>li:focus>ul.nav__dropdown,
.navbar nav.middle-section>ul>li.show>ul.nav__dropdown {
    transition: visibility 0ms, opacity .2s, transform .4s;
    transform: none;
    transform-origin: 50% 0%;
    visibility: visible;
    opacity: 1
}

.navbar nav.middle-section>ul>li>a {
    color: #51596a;
    text-decoration: none;
    white-space: nowrap;
    height: 100%;
    display: inline-flex;
    align-items: center;
    padding: 0 7.5px
}

.navbar nav.middle-section>ul>li>a>.icon--angle {
    opacity: .7;
    width: 12px;
    height: 12px;
    margin-inline-start: 2px
}

.navbar nav.middle-section>ul>li>ul {
    transform: perspective(2000px) rotateX(-15deg);
    visibility: hidden;
    opacity: 0;
    font-weight: var(--font-text-regular-weight);
    font-size: 18px;
    display: flex;
    flex-direction: column;
    position: absolute;
    border-radius: 5px;
    box-shadow: 0 30px 100px -20px rgba(50, 50, 70, .5), 0 30px 50px -30px rgba(0, 0, 0, .2), 0 15px 60px rgba(0, 0, 0, .01);
    top: 100%;
    inset-inline-start: calc(50% - 138px);
    width: 276px;
    z-index: 1;
    padding: 9px 0;
    background-color: #fff
}

.navbar nav.middle-section>ul>li>ul:before {
    content: "";
    position: absolute;
    top: -10px;
    inset-inline-start: calc(50% - 12px);
    width: 24px;
    height: 24px;
    transform: rotate(45deg);
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 30px 100px -20px rgba(50, 50, 70, .3), 0 30px 50px -30px rgba(0, 0, 0, .2), 0 15px 60px rgba(0, 0, 0, .01)
}

.navbar nav.middle-section>ul>li>ul:after {
    content: "";
    position: absolute;
    top: 0;
    inset-inline: 10px;
    height: 18px;
    background-color: #fff
}

.navbar nav.middle-section>ul>li>ul.wide {
    inset-inline-start: calc(50% - 205px);
    width: 410px
}

.navbar nav.middle-section>ul>li>ul.wide.type-list {
    inset-inline-start: calc(50% - 186px);
    width: 372px
}

.navbar nav.middle-section>ul>li>ul.wide .types ul li a {
    display: flex;
    flex-direction: column;
    text-align: center
}

.navbar nav.middle-section>ul>li>ul.wide .types ul li a span {
    display: block;
    font-size: .8em;
    margin-top: 2px;
    letter-spacing: .03em
}

.navbar nav.middle-section>ul>li>ul.wide>li>a {
    width: 100%
}

.navbar nav.middle-section>ul>li>ul>li {
    background-color: #fff;
    list-style: none;
    position: relative
}

.navbar nav.middle-section>ul>li>ul>li.types {
    padding: 15px 20px
}

.navbar nav.middle-section>ul>li>ul>li.types:first-of-type ul a {
    background-color: #88619a
}

.navbar nav.middle-section>ul>li>ul>li.types:first-of-type ul a:hover {
    background-color: #583f64
}

.navbar nav.middle-section>ul>li>ul>li.types:nth-of-type(2) ul a {
    background-color: #33a474
}

.navbar nav.middle-section>ul>li>ul>li.types:nth-of-type(2) ul a:hover {
    background-color: #277d58
}

.navbar nav.middle-section>ul>li>ul>li.types:nth-of-type(3) ul a {
    background-color: #4298b4
}

.navbar nav.middle-section>ul>li>ul>li.types:nth-of-type(3) ul a:hover {
    background-color: #34788f
}

.navbar nav.middle-section>ul>li>ul>li.types:last-of-type {
    padding-bottom: 18px
}

.navbar nav.middle-section>ul>li>ul>li.types:last-of-type ul a {
    background-color: #e4ae3a
}

.navbar nav.middle-section>ul>li>ul>li.types:last-of-type ul a:hover {
    background-color: #cf961c
}

.navbar nav.middle-section>ul>li>ul>li.types>a {
    padding: 0
}

.navbar nav.middle-section>ul>li>ul>li.types ul {
    display: flex;
    align-items: center;
    margin-top: 9px;
    gap: 5px
}

.navbar nav.middle-section>ul>li>ul>li.types ul li {
    list-style: none
}

.navbar nav.middle-section>ul>li>ul>li.types ul li:last-of-type {
    margin: 0
}

.navbar nav.middle-section>ul>li>ul>li.types ul li a {
    display: block;
    padding: 7px 10px;
    background-color: #f5f5f5;
    border-radius: 5px;
    text-decoration: none;
    color: #fff;
    font-weight: var(--font-text-semibold-weight);
    font-size: .5em;
    min-width: 79px
}

.navbar nav.middle-section>ul>li>ul>li:first-of-type {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

.navbar nav.middle-section>ul>li>ul>li:first-of-type a {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

.navbar nav.middle-section>ul>li>ul>li:last-of-type {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px
}

.navbar nav.middle-section>ul>li>ul>li:last-of-type a {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px
}

.navbar nav.middle-section>ul>li>ul>li .info {
    transition: all .1s ease-in-out
}

.navbar nav.middle-section>ul>li>ul>li .info .title {
    color: #343c4b;
    margin-bottom: 5px;
    font-weight: var(--font-text-bold-weight);
    font-size: var(--font-p-sm-size-bp-sm);
    line-height: var(--font-p-sm-line-height-bp-sm);
    letter-spacing: var(--font-p-sm-spacing-bp-sm)
}

.navbar nav.middle-section>ul>li>ul>li .info .subtitle {
    color: #68707f;
    font-size: var(--font-p-st-size);
    line-height: var(--font-p-st-line-height);
    letter-spacing: var(--font-p-st-spacing)
}

.navbar nav.middle-section>ul>li>ul>li>a {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    text-decoration: none;
    outline: 0;
    gap: 10px;
    padding: 10px 20px
}

.navbar nav.middle-section>ul>li>ul>li>a:hover,
.navbar nav.middle-section>ul>li>ul>li>a:focus,
.navbar nav.middle-section>ul>li>ul>li>a:active {
    text-decoration: none;
    outline: 0
}

.navbar nav.middle-section>ul>li>ul>li>a:hover img,
.navbar nav.middle-section>ul>li>ul>li>a:focus img,
.navbar nav.middle-section>ul>li>ul>li>a:active img {
    animation: shake .2s ease-in-out both
}

.navbar nav.middle-section>ul>li>ul>li>a:hover .info,
.navbar nav.middle-section>ul>li>ul>li>a:focus .info,
.navbar nav.middle-section>ul>li>ul>li>a:active .info {
    opacity: .7
}

.navbar nav.middle-section>ul>li>ul>li>a img {
    width: 30px;
    height: 30px
}

.navbar nav.middle-section>ul>li>ul>li ul {
    padding: 0
}

.navbar .middle-section>ul>li>a,
.navbar .right-section .link--login,
.navbar .right-section .language-link {
    font-size: var(--font-p-st-size);
    line-height: var(--font-p-st-line-height);
    letter-spacing: var(--font-p-st-spacing)
}

.navbar .right-section {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-inline-start: auto;
    justify-self: flex-end;
    height: 100%
}

.navbar .right-section:not(.nav--right) {
    display: none
}

.navbar .right-section:not(.nav--right):has(.a11y-toggle) {
    display: flex
}

.navbar .right-section.logged-in .profile-menu-wrapper {
    position: relative
}

.navbar .right-section .search-toggle,
.navbar .right-section .language-toggle,
.navbar .right-section .a11y-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    background-color: #fff;
    padding: 0;
    border-radius: 50%;
    transition: all .1s ease-in-out
}

.navbar .right-section .search-toggle .sp-icon,
.navbar .right-section .language-toggle .sp-icon,
.navbar .right-section .a11y-toggle .sp-icon {
    width: 18px;
    height: 18px
}

.navbar .right-section .search-toggle svg,
.navbar .right-section .language-toggle svg,
.navbar .right-section .a11y-toggle svg {
    display: block;
    transition: all .1s ease-in-out
}

.navbar .right-section .search-toggle svg path,
.navbar .right-section .language-toggle svg path,
.navbar .right-section .a11y-toggle svg path {
    fill: #68707f
}

.navbar .right-section .search-toggle:focus-visible,
.navbar .right-section .language-toggle:focus-visible,
.navbar .right-section .a11y-toggle:focus-visible,
.navbar .right-section .search-toggle:hover,
.navbar .right-section .language-toggle:hover,
.navbar .right-section .a11y-toggle:hover {
    background-color: #eeeff1;
    box-shadow: 0 0 0 8px #eeeff1
}

.navbar .right-section .search-toggle:focus-visible svg path,
.navbar .right-section .language-toggle:focus-visible svg path,
.navbar .right-section .a11y-toggle:focus-visible svg path,
.navbar .right-section .search-toggle:hover svg path,
.navbar .right-section .language-toggle:hover svg path,
.navbar .right-section .a11y-toggle:hover svg path {
    fill: #51596a
}

.navbar .right-section .search-toggle:focus-visible.is--active svg path,
.navbar .right-section .language-toggle:focus-visible.is--active svg path,
.navbar .right-section .a11y-toggle:focus-visible.is--active svg path,
.navbar .right-section .search-toggle:hover.is--active svg path,
.navbar .right-section .language-toggle:hover.is--active svg path,
.navbar .right-section .a11y-toggle:hover.is--active svg path {
    fill: #4298b4
}

.navbar .right-section .search-toggle.is--active g,
.navbar .right-section .language-toggle.is--active g,
.navbar .right-section .a11y-toggle.is--active g,
.navbar .right-section .search-toggle.is--active path,
.navbar .right-section .language-toggle.is--active path,
.navbar .right-section .a11y-toggle.is--active path,
.navbar .right-section .search-toggle.is--active polygon,
.navbar .right-section .language-toggle.is--active polygon,
.navbar .right-section .a11y-toggle.is--active polygon {
    fill: #4298b4
}

.navbar .right-section .search-toggle.is--active:hover g,
.navbar .right-section .language-toggle.is--active:hover g,
.navbar .right-section .a11y-toggle.is--active:hover g,
.navbar .right-section .search-toggle.is--active:hover path,
.navbar .right-section .language-toggle.is--active:hover path,
.navbar .right-section .a11y-toggle.is--active:hover path,
.navbar .right-section .search-toggle.is--active:hover polygon,
.navbar .right-section .language-toggle.is--active:hover polygon,
.navbar .right-section .a11y-toggle.is--active:hover polygon {
    fill: #2e6a7d
}

.navbar .right-section .search-toggle,
.navbar .right-section .language-toggle,
.navbar .right-section .a11y-toggle {
    margin-inline-end: 8px
}

.navbar .right-section .language-link {
    border-radius: 25px;
    padding: 6px 8px
}

.navbar .right-section .language-link,
.navbar .right-section .language-link:focus,
.navbar .right-section .language-link:hover {
    text-decoration: none
}

.navbar .right-section .language-link:focus,
.navbar .right-section .language-link:hover {
    background: #eeeff1
}

.navbar .right-section .language-link .sp-icon {
    width: 18px;
    height: 18px
}

.navbar .right-section .link--login {
    white-space: nowrap;
    color: #51596a;
    text-decoration: none;
    transition: color .1s ease-in-out;
    margin: 0;
    border-bottom: none;
    display: none;
    height: 40px;
    margin-inline-end: 10px
}

.navbar .right-section .link--login:hover,
.navbar .right-section .link--login:active,
.navbar .right-section .link--login:focus {
    color: #343c4b
}

.navbar .right-section .test-button {
    display: none;
    font-size: var(--font-btn-30-size);
    line-height: var(--font-btn-30-line-height);
    letter-spacing: var(--font-btn-30-spacing);
    height: 30px;
    padding: 1px 15px
}

.navbar .right-section .profile-menu-wrapper {
    position: relative;
    display: none
}

.navbar .right-section .profile-menu-wrapper .profile-menu-toggle {
    position: relative;
    transition: all .1s ease-in-out;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.navbar .right-section .profile-menu-wrapper .profile-menu-toggle .avatar__wrapper {
    padding: 4px;
    margin-inline: -4px;
    margin-bottom: -4px;
    margin-top: 4px;
    clip-path: polygon(56% 1%, 10% 26%, 1% 69%, 49% 90%, 100% 75%, 95% 26%)
}

.navbar .right-section .profile-menu-wrapper .profile-menu-toggle:focus-visible {
    outline: none
}

.navbar .right-section .profile-menu-wrapper .profile-menu-toggle:focus-visible .avatar__wrapper {
    transition: background .2s ease-in-out;
    background-color: rgba(123, 183, 202, .6)
}

.navbar .right-section .profile-menu-wrapper .profile-menu-toggle .avatar {
    width: 60px;
    height: 60px
}

.navbar .right-section .profile-menu-wrapper .profile-menu-toggle .avatar .img--avatar {
    margin-top: 0
}

.navbar .right-section .profile-menu-wrapper .profile-menu-toggle .notifications {
    position: absolute;
    background-color: #f25e62;
    border: 2px solid white;
    border-radius: 50%;
    animation: pulseCircle 1.5s ease-in-out -1s infinite;
    top: 7px;
    inset-inline-end: -5px;
    width: 16px;
    height: 16px
}

#profile-menu {
    position: absolute;
    inset-inline-end: 0;
    z-index: 19;
    transform: perspective(2000px) rotateX(-15deg);
    visibility: hidden;
    opacity: 0;
    box-shadow: 0 20px 90px -10px rgba(50, 50, 70, .3), 0 30px 50px -30px rgba(0, 0, 0, .2), 0 15px 60px rgba(0, 0, 0, .01);
    background-color: #fff;
    border-radius: 5px;
    top: 100%
}

#profile-menu.visible {
    transition: visibility 0ms, opacity .2s;
    transform: none;
    transform-origin: 50% 0%;
    visibility: visible;
    opacity: 1
}

#profile-menu .item-group {
    border-bottom: 1px solid #DDDFE2;
    padding: 5px
}

#profile-menu .item-group.no-border {
    border: none
}

#profile-menu .item-group .item {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 15px 25px;
    width: 225px;
    color: #343c4b;
    transition: all .1s ease-in-out;
    border-radius: 5px;
    font-size: .9em;
    text-decoration: none;
    outline: 0
}

#profile-menu .item-group .item:hover,
#profile-menu .item-group .item:focus,
#profile-menu .item-group .item:active {
    background-color: #f5f5f5;
    border-color: transparent;
    cursor: pointer;
    text-decoration: none;
    outline: 0
}

#profile-menu .item-group .item .notification-count {
    margin-inline-start: 15px;
    background-color: #f25e62;
    color: #fff;
    padding: 3px 8px;
    font-size: .7em
}

.sp-nav__mobiletoggle {
    position: absolute;
    top: 0;
    inset-inline-end: 0;
    transition: all .2s ease-in-out;
    background-color: #4298b4;
    padding: 0;
    box-shadow: 0 0 0 transparent;
    border: 0 solid transparent;
    text-shadow: 0 0 0 transparent;
    cursor: pointer;
    clip-path: polygon(18% 0, 100% 0%, 100% 100%, 0 78%);
    width: 63px;
    height: 60px
}

html[dir=rtl] .sp-nav__mobiletoggle {
    clip-path: polygon(0 0, 82% 0, 100% 78%, 0 100%)
}

.sp-nav__mobiletoggle:focus {
    background-color: #2e6a7d
}

.sp-nav__mobiletoggle .sp-icon.icon--bars,
.sp-nav__mobiletoggle .sp-icon.icon--times {
    position: absolute;
    top: 20px;
    inset-inline-end: 16px
}

.sp-nav__mobiletoggle.is--open {
    background-color: #f6f6f7
}

.sp-nav__mobiletoggle.is--open .i {
    position: absolute;
    top: calc(50% - 13px);
    inset-inline-start: calc(50% - 6px)
}

.sp-nav__mobiletoggle.is--open .i svg {
    height: 20px;
    width: 20px
}

.sp-nav__mobiletoggle.is--open .i svg path {
    fill: #343c4b
}

.sp-nav__mobile {
    display: flex;
    position: fixed;
    opacity: 0;
    transition: .1s opacity ease-in-out;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 24;
    pointer-events: none
}

.sp-nav__mobile.is--open {
    opacity: 1;
    pointer-events: auto
}

.sp-nav__mobile.is--open .menu {
    transform: scale(1)
}

.sp-nav__mobile .menu {
    transform: scale(.9);
    transform-origin: 100% 0;
    transition: .1s all ease-in-out;
    box-shadow: 0 30px 100px -20px rgba(50, 50, 70, .5), 0 30px 50px -30px rgba(0, 0, 0, .2), 0 15px 60px rgba(0, 0, 0, .01)
}

.sp-nav__mobile .nav__background {
    flex: 0 0 60px;
    width: 60px;
    background-color: #b5b5b5;
    opacity: .5
}

.sp-nav__mobile .menu {
    background-color: #fff;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    max-height: 100vh;
    overflow-y: hidden
}

.sp-nav__mobile .menu .scrollable {
    overflow-y: scroll
}

.sp-nav__mobile .menu .part {
    padding: 5px 0;
    border-bottom: 1px solid #EEEFF1
}

.sp-nav__mobile .menu .part.top {
    display: flex;
    align-items: center;
    gap: 15px
}

.sp-nav__mobile .menu .part.top.guest {
    align-items: flex-start;
    border-bottom: 1px solid #EEEFF1
}

.sp-nav__mobile .menu .part.top.guest .avatar {
    width: 50px;
    height: 50px
}

.sp-nav__mobile .menu .part.top.guest .info .type__label,
.sp-nav__mobile .menu .part.top.guest .info .type a {
    display: block
}

.sp-nav__mobile .menu .part.top.guest .info .type__label {
    padding-top: 5px
}

.sp-nav__mobile .menu .part.top.guest .info .sp-button {
    width: auto;
    margin-top: 10px
}

.sp-nav__mobile .menu .part.top .avatar {
    flex-shrink: 0;
    width: 60px;
    height: 60px;
    margin-bottom: 0
}

.sp-nav__mobile .menu .part.top .info {
    width: 100%;
    overflow: hidden
}

.sp-nav__mobile .menu .part.top .info .name {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.sp-nav__mobile .menu .part.top .info .type a {
    padding: 0
}

.sp-nav__mobile .menu .part.top .info .type a:hover {
    background: transparent
}

.sp-nav__mobile .menu .part.padded {
    padding-block: 10px;
    padding-inline-start: 20px;
    padding-inline-end: 84px
}

.sp-nav__mobile .menu .part.test-button {
    padding-inline-end: 73px
}

.sp-nav__mobile .menu .part.no-border {
    border: none
}

.sp-nav__mobile .menu .part.icons {
    display: flex;
    padding: 0
}

.sp-nav__mobile .menu .part.icons .item {
    flex-direction: column;
    justify-content: center;
    flex: 1 0 33.33%;
    cursor: pointer;
    position: relative;
    margin-bottom: -1px;
    padding: 15px 5px 10px;
    border-bottom: 2px solid transparent
}

.sp-nav__mobile .menu .part.icons .item:active:not(.expandable),
.sp-nav__mobile .menu .part.icons .item:focus:not(.expandable),
.sp-nav__mobile .menu .part.icons .item:hover:not(.expandable) {
    background: transparent
}

.sp-nav__mobile .menu .part.icons .item.item--active {
    color: rgb(var(--rgb-blue));
    border-color: #4298b4
}

.sp-nav__mobile .menu .part.icons .item.item--active .sp-icon g,
.sp-nav__mobile .menu .part.icons .item.item--active .sp-icon path,
.sp-nav__mobile .menu .part.icons .item.item--active .sp-icon polygon {
    fill: rgb(var(--rgb-blue))
}

.sp-nav__mobile .menu .part.icons .item .sp-icon {
    width: 20px;
    height: 20px;
    margin-bottom: 5px
}

.sp-nav__mobile .menu .part.icons .item .count {
    border-radius: 10px;
    font-size: .5625rem;
    line-height: 1.556;
    font-weight: var(--font-text-bold-weight);
    text-align: center;
    width: 24px;
    height: 18px;
    color: #fff;
    background: #f25e62;
    border: 2px solid white;
    position: absolute;
    inset-inline-start: 50%;
    top: 8px
}

.sp-nav__mobile .menu .part.upgrade {
    padding: 20px 20px 0
}

.sp-nav__mobile .menu .part.auth {
    padding: 10px 20px
}

.sp-nav__mobile .menu .part.auth .sp-button {
    font-weight: var(--font-text-regular-weight)
}

.sp-nav__mobile .menu .part>a:not(.button--action),
.sp-nav__mobile .menu .part>.item {
    font-size: var(--font-p-sm-size-bp-md);
    line-height: var(--font-p-sm-line-height-bp-md);
    letter-spacing: var(--font-p-sm-spacing-bp-md)
}

.sp-nav__mobile .menu .part .sp-button {
    width: 100%
}

.sp-nav__mobile .menu .part .sp-button.button--unstyled,
.sp-nav__mobile .menu .part button.sp-action.button--unstyled {
    color: #343c4b
}

.sp-nav__mobile .menu .part .item {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 8px 20px
}

.sp-nav__mobile .menu .part .item.active {
    color: rgb(var(--rgb-blue))
}

.sp-nav__mobile .menu .part .item:hover,
.sp-nav__mobile .menu .part .item:focus,
.sp-nav__mobile .menu .part .item:active,
.sp-nav__mobile .menu .part .item.active {
    outline: 0
}

.sp-nav__mobile .menu .part .item:hover:not(.expandable),
.sp-nav__mobile .menu .part .item:focus:not(.expandable),
.sp-nav__mobile .menu .part .item:active:not(.expandable),
.sp-nav__mobile .menu .part .item.active:not(.expandable) {
    background-color: #f5f5f5
}

.sp-nav__mobile .menu .part .item.expandable {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0
}

.sp-nav__mobile .menu .part .item.expandable.expanded .submenu {
    display: block
}

.sp-nav__mobile .menu .part .item.expandable .title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #343c4b;
    width: 100%;
    padding: 8px 20px
}

.sp-nav__mobile .menu .part .item.expandable .title .i,
.sp-nav__mobile .menu .part .item.expandable .title .i svg {
    width: 20px;
    height: 20px
}

.sp-nav__mobile .menu .part .item.expandable .submenu {
    display: none;
    width: 100%
}

.sp-nav__mobile .menu .part .item.expandable .submenu .item {
    font-size: var(--font-p-sm-size-bp-sm);
    line-height: var(--font-p-sm-line-height-bp-sm);
    letter-spacing: var(--font-p-sm-spacing-bp-sm);
    padding: 7px 20px 7px 40px
}

.sp-nav__mobile .menu .part .item.search {
    width: 100%;
    color: inherit;
    text-decoration: none
}

.sp-nav__mobile .menu .part .item.search .sp-icon {
    margin-inline-end: 10px
}

main.notification-list .notification {
    display: flex;
    flex-direction: column-reverse;
    margin-bottom: 20px;
    padding: 0 20px
}

main.notification-list .notification.highlighted .text:not(:focus):not(:hover):not(:focus-visible):not(:active) {
    text-decoration-color: transparent
}

main.notification-list .notification .date {
    font-size: .9em;
    color: rgb(var(--rgb-gray-10));
    margin-top: 5px
}

main.notification-list .notification .text {
    display: inline-block;
    max-width: 70%
}

main.notification-list .notification .text.important {
    font-weight: var(--font-text-semibold-weight)
}

main.notification-list .note {
    margin: 40px 0;
    font-size: .9em;
    color: rgb(var(--rgb-gray-10));
    padding: 0 20px;
    line-height: 1.7
}

main.notification-list .no-notifications {
    margin-top: 30px
}

.notification-sidebar {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    width: 500px;
    max-width: calc(100% - 60px);
    overflow-y: auto;
    background-color: #fff;
    z-index: 24
}

.notification-sidebar .heading {
    display: flex;
    align-items: center;
    padding: 15px
}

.notification-sidebar .heading .notifications__close {
    margin-inline-end: 30px
}

.notification-sidebar .heading .title {
    font-size: 1.1em;
    margin-top: -1px;
    margin-bottom: 0
}

.notification-sidebar .loader {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 60px 0 90px;
    color: #7f8691
}

.notification-sidebar .notification {
    display: flex;
    align-items: center;
    padding: 15px;
    border-top: 1px solid #EEE;
    outline: 0;
    text-decoration: none;
    gap: 15px
}

.notification-sidebar .notification:hover {
    cursor: pointer;
    background-color: #f9f9f9
}

.notification-sidebar .notification img {
    width: 30px;
    flex: 0 0 30px
}

.notification-sidebar .notification .text {
    margin-bottom: 5px;
    font-size: .85em
}

.notification-sidebar .notification .date {
    font-size: .65em;
    color: #b5b5b5
}

.notification-sidebar .see-all {
    display: block;
    width: 100%;
    text-align: center;
    padding: 15px;
    border-top: 1px solid #EEE;
    outline: 0;
    text-decoration: none;
    font-size: .85em
}

.notification-sidebar .see-all:hover {
    cursor: pointer;
    background-color: #f9f9f9
}

.before\:tw-hidden:before {
    content: var(--tw-content) !important;
    display: none !important
}

.last\:tw-mb-0:last-child {
    margin-bottom: 0 !important
}

.last\:tw-mb-40:last-child {
    margin-bottom: 40px !important
}

.last\:tw-pr-15:last-child {
    padding-right: 15px !important
}

.first-of-type\:tw-border-0:first-of-type {
    border-width: 0px !important
}

.first-of-type\:tw-pt-0:first-of-type {
    padding-top: 0 !important
}

.last-of-type\:tw-mb-0:last-of-type {
    margin-bottom: 0 !important
}

.last-of-type\:tw-pb-0:last-of-type {
    padding-bottom: 0 !important
}

.empty\:tw-hidden:empty {
    display: none !important
}

.focus-within\:tw-bg-gray-02:focus-within {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(246 246 247 / var(--tw-bg-opacity)) !important
}

.hover\:tw-z-\[1\]:hover {
    z-index: 1 !important
}

.hover\:tw-translate-y-\[-3px\]:hover {
    --tw-translate-y: -3px !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}

.hover\:tw-border-blue:hover {
    --tw-border-opacity: 1 !important;
    border-color: rgb(66 152 180 / var(--tw-border-opacity)) !important
}

.hover\:tw-border-white:hover {
    --tw-border-opacity: 1 !important;
    border-color: rgb(255 255 255 / var(--tw-border-opacity)) !important
}

.hover\:tw-border-b-blue-rgb:hover {
    --tw-border-opacity: 1 !important;
    border-bottom-color: rgba(var(--rgb-blue), var(--tw-border-opacity)) !important
}

.hover\:tw-bg-\[\#F9F9F9\]:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(249 249 249 / var(--tw-bg-opacity)) !important
}

.hover\:tw-bg-\[rgba\(255\,255\,255\,0\.5\)\]:hover {
    background-color: rgba(255, 255, 255, .5) !important
}

.hover\:tw-bg-blue-lighter-09:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(217 234 240 / var(--tw-bg-opacity)) !important
}

.hover\:tw-bg-blue-lighter-10:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(236 244 247 / var(--tw-bg-opacity)) !important
}

.hover\:tw-bg-gray-02:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(246 246 247 / var(--tw-bg-opacity)) !important
}

.hover\:tw-bg-gray-03:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(238 239 241 / var(--tw-bg-opacity)) !important
}

.hover\:tw-bg-gray-15\/10:hover {
    background-color: rgba(81, 89, 106, .1) !important
}

.hover\:tw-bg-green-lighter-09:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(214 236 227 / var(--tw-bg-opacity)) !important
}

.hover\:tw-bg-green-lighter-10:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(235 246 241 / var(--tw-bg-opacity)) !important
}

.hover\:tw-bg-purple-lighter-09:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(231 223 234 / var(--tw-bg-opacity)) !important
}

.hover\:tw-bg-purple-lighter-10:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(243 239 245 / var(--tw-bg-opacity)) !important
}

.hover\:tw-bg-yellow-lighter-09:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(249 238 215 / var(--tw-bg-opacity)) !important
}

.hover\:tw-bg-yellow-lighter-10:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(252 247 235 / var(--tw-bg-opacity)) !important
}

.hover\:tw-font-semibold:hover {
    font-weight: var(--font-text-semibold-weight) !important
}

.hover\:tw-text-blue-rgb:hover {
    --tw-text-opacity: 1 !important;
    color: rgba(var(--rgb-blue), var(--tw-text-opacity)) !important
}

.hover\:tw-text-gray-15:hover {
    --tw-text-opacity: 1 !important;
    color: rgb(81 89 106 / var(--tw-text-opacity)) !important
}

.hover\:tw-text-gray-20:hover {
    --tw-text-opacity: 1 !important;
    color: rgb(52 60 75 / var(--tw-text-opacity)) !important
}

.hover\:tw-text-green-rgb:hover {
    --tw-text-opacity: 1 !important;
    color: rgba(var(--rgb-green), var(--tw-text-opacity)) !important
}

.hover\:tw-text-purple-rgb:hover {
    --tw-text-opacity: 1 !important;
    color: rgba(var(--rgb-purple), var(--tw-text-opacity)) !important
}

.hover\:tw-text-yellow-rgb:hover {
    --tw-text-opacity: 1 !important;
    color: rgba(var(--rgb-yellow), var(--tw-text-opacity)) !important
}

.hover\:tw-decoration-white:hover {
    text-decoration-color: #fff !important
}

.hover\:tw-shadow-large:hover {
    --tw-shadow: 0 10px 40px 0 rgba(29, 36, 50, .1) !important;
    --tw-shadow-colored: 0 10px 40px 0 var(--tw-shadow-color) !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}

.focus\:tw-translate-y-\[-3px\]:focus {
    --tw-translate-y: -3px !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}

.focus\:tw-bg-blue-lighter-10:focus {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(236 244 247 / var(--tw-bg-opacity)) !important
}

.focus\:tw-text-gray-15:focus {
    --tw-text-opacity: 1 !important;
    color: rgb(81 89 106 / var(--tw-text-opacity)) !important
}

.focus\:tw-text-gray-20:focus {
    --tw-text-opacity: 1 !important;
    color: rgb(52 60 75 / var(--tw-text-opacity)) !important
}

.focus-visible\:tw-border-blue-darker-05:focus-visible {
    --tw-border-opacity: 1 !important;
    border-color: rgb(49 113 134 / var(--tw-border-opacity)) !important
}

.focus-visible\:tw-border-green-darker-05:focus-visible {
    --tw-border-opacity: 1 !important;
    border-color: rgb(38 122 86 / var(--tw-border-opacity)) !important
}

.focus-visible\:tw-border-purple-darker-05:focus-visible {
    --tw-border-opacity: 1 !important;
    border-color: rgb(101 72 115 / var(--tw-border-opacity)) !important
}

.focus-visible\:tw-border-yellow-darker-05:focus-visible {
    --tw-border-opacity: 1 !important;
    border-color: rgb(170 130 43 / var(--tw-border-opacity)) !important
}

.focus-visible\:tw-bg-\[rgba\(255\,255\,255\,0\.5\)\]:focus-visible {
    background-color: rgba(255, 255, 255, .5) !important
}

.focus-visible\:tw-bg-blue-lighter-10:focus-visible {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(236 244 247 / var(--tw-bg-opacity)) !important
}

.focus-visible\:tw-bg-gray-02:focus-visible {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(246 246 247 / var(--tw-bg-opacity)) !important
}

.focus-visible\:tw-bg-gray-03:focus-visible {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(238 239 241 / var(--tw-bg-opacity)) !important
}

.focus-visible\:tw-bg-green-lighter-10:focus-visible {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(235 246 241 / var(--tw-bg-opacity)) !important
}

.focus-visible\:tw-bg-purple-lighter-10:focus-visible {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(243 239 245 / var(--tw-bg-opacity)) !important
}

.focus-visible\:tw-bg-yellow-lighter-10:focus-visible {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(252 247 235 / var(--tw-bg-opacity)) !important
}

.focus-visible\:tw-font-semibold:focus-visible {
    font-weight: var(--font-text-semibold-weight) !important
}

.focus-visible\:tw-text-blue-rgb:focus-visible {
    --tw-text-opacity: 1 !important;
    color: rgba(var(--rgb-blue), var(--tw-text-opacity)) !important
}

.focus-visible\:tw-text-green-rgb:focus-visible {
    --tw-text-opacity: 1 !important;
    color: rgba(var(--rgb-green), var(--tw-text-opacity)) !important
}

.focus-visible\:tw-text-purple-rgb:focus-visible {
    --tw-text-opacity: 1 !important;
    color: rgba(var(--rgb-purple), var(--tw-text-opacity)) !important
}

.focus-visible\:tw-text-yellow-rgb:focus-visible {
    --tw-text-opacity: 1 !important;
    color: rgba(var(--rgb-yellow), var(--tw-text-opacity)) !important
}

.active\:tw-translate-y-\[-3px\]:active {
    --tw-translate-y: -3px !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}

.active\:tw-cursor-grabbing:active {
    cursor: grabbing !important
}

.active\:tw-bg-\[\#F9F9F9\]:active {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(249 249 249 / var(--tw-bg-opacity)) !important
}

.active\:tw-bg-blue-lighter-10:active {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(236 244 247 / var(--tw-bg-opacity)) !important
}

.active\:tw-font-semibold:active {
    font-weight: var(--font-text-semibold-weight) !important
}

.active\:tw-text-blue-rgb:active {
    --tw-text-opacity: 1 !important;
    color: rgba(var(--rgb-blue), var(--tw-text-opacity)) !important
}

.active\:tw-text-gray-20:active {
    --tw-text-opacity: 1 !important;
    color: rgb(52 60 75 / var(--tw-text-opacity)) !important
}

.tw-group:hover .group-hover\:tw-bg-blue {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(66 152 180 / var(--tw-bg-opacity)) !important
}

.tw-group:hover .group-hover\:tw-bg-blue-lighter-10 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(236 244 247 / var(--tw-bg-opacity)) !important
}

.tw-group:hover .group-hover\:tw-text-blue-rgb {
    --tw-text-opacity: 1 !important;
    color: rgba(var(--rgb-blue), var(--tw-text-opacity)) !important
}

.tw-group:hover .group-hover\:tw-opacity-100 {
    opacity: 1 !important
}

.tw-group:focus-visible .group-focus-visible\:tw-opacity-100 {
    opacity: 1 !important
}

.tw-group.is--stuck .group-\[\.is--stuck\]\:tw-max-w-\[1300px\] {
    max-width: 1000px !important
}

.dark\:tw-border-0:is(.tw-dark *) {
    border-width: 0px !important
}

.dark\:tw-border-ds-light-darker:is(.tw-dark *) {
    border-color: var(--ds-light-darker) !important
}

.dark\:tw-border-ds-medium:is(.tw-dark *) {
    border-color: var(--ds-medium) !important
}

.dark\:tw-border-red-lighter-06:is(.tw-dark *) {
    --tw-border-opacity: 1 !important;
    border-color: rgb(248 174 176 / var(--tw-border-opacity)) !important
}

.dark\:tw-bg-dark-2:is(.tw-dark *) {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(41 48 62 / var(--tw-bg-opacity)) !important
}

.dark\:tw-bg-ds-dark:is(.tw-dark *) {
    background-color: var(--ds-dark) !important
}

.dark\:tw-bg-ds-dark-2:is(.tw-dark *) {
    background-color: var(--ds-dark-2) !important
}

.dark\:tw-bg-ds-light-darker:is(.tw-dark *) {
    background-color: var(--ds-light-darker) !important
}

.dark\:tw-bg-ds-medium:is(.tw-dark *) {
    background-color: var(--ds-medium) !important
}

.dark\:tw-bg-gray-15\/50:is(.tw-dark *) {
    background-color: rgba(81, 89, 106, .5) !important
}

.dark\:tw-text-\[var\(--ds-link\)\]: is(.tw-dark *) {
    color: var(--ds-link) !important
}

.dark\:tw-text-ds-link:is(.tw-dark *) {
    color: var(--ds-link) !important
}

.dark\:tw-text-ds-text:is(.tw-dark *) {
    color: var(--ds-text) !important
}

.dark\:tw-text-ds-text-darker:is(.tw-dark *) {
    color: var(--ds-text-darker) !important
}

.dark\:tw-text-ds-text-gray:is(.tw-dark *) {
    color: var(--ds-text-gray) !important
}

.dark\:tw-text-gray-02\/25:is(.tw-dark *) {
    color: rgba(246, 246, 247, .25) !important
}

.dark\:tw-text-gray-02\/50:is(.tw-dark *) {
    color: rgba(246, 246, 247, .5) !important
}

.dark\:tw-text-red-lighter-06:is(.tw-dark *) {
    --tw-text-opacity: 1 !important;
    color: rgb(248 174 176 / var(--tw-text-opacity)) !important
}

.dark\:tw-shadow-none:is(.tw-dark *) {
    --tw-shadow: 0 0 #0000 !important;
    --tw-shadow-colored: 0 0 #0000 !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}

.hover\:dark\:tw-border-blue-lighter-04:is(.tw-dark *):hover {
    --tw-border-opacity: 1 !important;
    border-color: rgb(123 183 202 / var(--tw-border-opacity)) !important
}

.dark\:hover\:tw-bg-gray-15:hover:is(.tw-dark *) {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(81 89 106 / var(--tw-bg-opacity)) !important
}

.dark\:hover\:tw-bg-gray-15\/50:hover:is(.tw-dark *) {
    background-color: rgba(81, 89, 106, .5) !important
}

.dark\:hover\:tw-text-ds-text:hover:is(.tw-dark *) {
    color: var(--ds-text) !important
}

.hover\:dark\:tw-text-gray-02:is(.tw-dark *):hover {
    --tw-text-opacity: 1 !important;
    color: rgb(246 246 247 / var(--tw-text-opacity)) !important
}

.ltr\:tw-bg-green:where([dir=ltr], [dir=ltr] *) {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(51 164 116 / var(--tw-bg-opacity)) !important
}

.rtl\:tw-flex:where([dir=rtl], [dir=rtl] *) {
    display: flex !important
}

.rtl\:tw-flex-row-reverse:where([dir=rtl], [dir=rtl] *) {
    flex-direction: row-reverse !important
}

.rtl\:tw-bg-blue:where([dir=rtl], [dir=rtl] *) {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(66 152 180 / var(--tw-bg-opacity)) !important
}

.\[\&\&\]\:tw-z-\[2\].\[\&\&\]\:tw-z-\[2\] {
    z-index: 2 !important
}

.\[\&\&\]\:tw-mb-0.\[\&\&\]\:tw-mb-0 {
    margin-bottom: 0 !important
}

.\[\&\&\]\:tw-hidden.\[\&\&\]\:tw-hidden {
    display: none !important
}

.\[\&\&\]\:tw-p-10.\[\&\&\]\:tw-p-10 {
    padding: 10px !important
}

.\[\&\&\]\:tw-py-0.\[\&\&\]\:tw-py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.\[\&\.angular-380-disconnected-1\]\:tw-h-\[18px\].angular-380-disconnected-1 {
    height: 18px !important
}

.\[\&\.angular-380-disconnected-2\]\:tw-h-\[22px\].angular-380-disconnected-2 {
    height: 22px !important
}

.\[\&\.angular-380-disconnected-3\]\:tw-h-\[26px\].angular-380-disconnected-3 {
    height: 26px !important
}

.\[\&\.is--stuck\]\:tw-max-w-\[100\%\].is--stuck {
    max-width: 100% !important
}

.\[\&\.is--stuck\]\:tw-rounded-none.is--stuck {
    border-radius: 0 !important
}

.\[\&\:not\(\:last-child\)\]\:tw-pb-0:not(:last-child) {
    padding-bottom: 0 !important
}

.\[\&\:not\(\:last-of-type\)\]\:tw-mb-\[-1px\]:not(:last-of-type) {
    margin-bottom: -1px !important
}

.\[\&\:not\(\:last-of-type\)\]\:tw-border-b-gray-03:not(:last-of-type) {
    --tw-border-opacity: 1 !important;
    border-bottom-color: rgb(238 239 241 / var(--tw-border-opacity)) !important
}

.\[\&\>_img\]\:tw-h-auto>img {
    height: auto !important
}

.\[\&\]\:tw-mt-\[-10px\] {
    margin-top: -10px !important
}

.\[\&\]\:tw-items-center {
    align-items: center !important
}

.\[\&\]\:tw-justify-center {
    justify-content: center !important
}

.\[\&\]\:tw-rounded-10 {
    border-radius: 10px !important
}

.\[\&_\.action--centered\]\:tw-text-start .action--centered {
    text-align: start !important
}

.\[\&_\.card\\_\\_body\]\:tw-py-20 .card__body {
    padding-top: 20px !important;
    padding-bottom: 20px !important
}

.\[\&_\.faq\\_\\_search\]\:tw-my-30 .faq__search {
    margin-top: 30px !important;
    margin-bottom: 30px !important
}

.\[\&_\.group\\_\\_options\]\:tw-cursor-default .group__options {
    cursor: default !important
}

.\[\&_\.group\\_\\_options\]\:tw-justify-start .group__options {
    justify-content: flex-start !important
}

.\[\&_\.group\\_\\_options\]\:tw-gap-0 .group__options {
    gap: 0 !important
}

.\[\&_\.image\]\:tw-h-auto .image {
    height: auto !important
}

.\[\&_\.image\]\:tw-w-full .image {
    width: 100% !important
}

.\[\&_\.sp-icon_path\]\:tw-fill-blue-rgb .sp-icon path {
    fill: rgba(var(--rgb-blue), 1) !important
}

.\[\&_\.sp-icon_path\]\:hover\:tw-fill-blue-rgb:hover .sp-icon path {
    fill: rgba(var(--rgb-blue), 1) !important
}

.\[\&_\>\.sp-icon\]\:tw-me-0>.sp-icon {
    margin-inline-end: 0 !important
}

.\[\&_\>\.sp-icon_path\]\:dark\:tw-fill-ds-text:is(.tw-dark *)>.sp-icon path {
    fill: var(--ds-text) !important
}

.\[\&_\>p\]\:tw-mb-10>p {
    margin-bottom: 10px !important
}

.\[\&_h2\]\:tw-text-start h2 {
    text-align: start !important
}

.\[\&_h3\]\:tw-mt-0 h3 {
    margin-top: 0 !important
}

.\[\&_img\]\:tw-block img {
    display: block !important
}

.\[\&_label\]\:tw-mb-10 label {
    margin-bottom: 10px !important
}

.\[\&_p\]\:tw-m-0 p {
    margin: 0 !important
}

.\[\&_p\]\:tw-mb-10 p {
    margin-bottom: 10px !important
}

.last\:\[\&_p\]\:tw-mb-0 p:last-child {
    margin-bottom: 0 !important
}

.\[\&_path\]\:tw-fill-\[\#0866FF\] path {
    fill: #0866ff !important
}

.\[\&_path\]\:tw-fill-\[\#1D9BF0\] path {
    fill: #1d9bf0 !important
}

.\[\&_path\]\:tw-fill-\[\#E4405F\] path {
    fill: #e4405f !important
}

.\[\&_path\]\:tw-fill-\[rgba\(52\,60\,75\,0\.5\)\] path {
    fill: rgba(52, 60, 75, .5) !important
}

.\[\&_path\]\:tw-fill-blue path {
    fill: #4298b4 !important
}

.\[\&_path\]\:tw-fill-gray-02 path {
    fill: #f6f6f7 !important
}

.\[\&_path\]\:tw-fill-gray-11 path {
    fill: #68707f !important
}

.\[\&_path\]\:hover\:tw-fill-blue-rgb:hover path {
    fill: rgba(var(--rgb-blue), 1) !important
}

.\[\&_path\]\:hover\:tw-fill-gray-15:hover path {
    fill: #51596a !important
}

.\[\&_path\]\:focus-visible\:tw-fill-gray-15:focus-visible path {
    fill: #51596a !important
}

.\[\&_path\]\:active\:tw-fill-blue-rgb:active path {
    fill: rgba(var(--rgb-blue), 1) !important
}

.tw-group:focus-within .group-focus-within\:\[\&_path\]\:tw-fill-blue path {
    fill: #4298b4 !important
}

.tw-group:hover .group-hover\:\[\&_path\]\:tw-fill-blue path {
    fill: #4298b4 !important
}

.tw-group:hover .group-hover\:\[\&_path\]\:tw-fill-blue-lighter-10 path {
    fill: #ecf4f7 !important
}

.tw-group:focus-visible .group-focus-visible\:\[\&_path\]\:tw-fill-blue path {
    fill: #4298b4 !important
}

.\[\&_path\]\:dark\:tw-fill-ds-text-gray:is(.tw-dark *) path {
    fill: var(--ds-text-gray) !important
}

.\[\&_polygon\]\:hover\:tw-fill-blue-rgb:hover polygon {
    fill: rgba(var(--rgb-blue), 1) !important
}

.\[\&_svg\]\:tw-block svg {
    display: block !important
}

.\[\&_svg\]\:tw-overflow-visible svg {
    overflow: visible !important
}

.\[\&_svg_path\]\:tw-fill-white svg path {
    fill: #fff !important
}

.\[\&_ul\]\:tw-mb-10 ul {
    margin-bottom: 10px !important
}

.last\:\[\&_ul\]\:tw-mb-0 ul:last-child {
    margin-bottom: 0 !important
}

.\[\&ul\]\:tw-mb-10ul {
    margin-bottom: 10px !important
}

@media (min-height: 900px) {
    .\[\@media\(min-height\:900px\)\]\:tw-h-\[75px\] {
        height: 75px !important
    }

    .\[\@media\(min-height\:900px\)\]\:tw-max-h-none {
        max-height: none !important
    }

    .\[\@media\(min-height\:900px\)\]\:tw-w-\[75px\] {
        width: 75px !important
    }

    .\[\@media\(min-height\:900px\)\]\:tw-basis-\[75px\] {
        flex-basis: 75px !important
    }

    .\[\@media\(min-height\:900px\)\]\:tw-overflow-y-hidden {
        overflow-y: hidden !important
    }
}

@media (max-width: 767px) {
    .not--phone {
        display: none !important
    }

    blockquote p,
    article blockquote p {
        margin-bottom: 10px
    }
}

@media (max-width: 359px) {
    .sp-nav__mobile .nav__background {
        flex-basis: 20px;
        width: 20px
    }

    .sp-nav__mobile .menu .part.top.guest .info .sp-button {
        white-space: nowrap
    }
}

@media print {
    .print\:tw-mb-0 {
        margin-bottom: 0 !important
    }

    .print\:tw-mt-10 {
        margin-top: 10px !important
    }

    .print\:tw-block {
        display: block !important
    }

    .print\:tw-hidden {
        display: none !important
    }

    .print\:tw-break-before-page {
        -moz-column-break-before: page !important;
        break-before: page !important
    }

    .print\:tw-border {
        border-width: 1px !important
    }

    .print\:tw-border-solid {
        border-style: solid !important
    }

    .print\:tw-border-gray-03 {
        --tw-border-opacity: 1 !important;
        border-color: rgb(238 239 241 / var(--tw-border-opacity)) !important
    }
}

@media (min-width: 340px) {
    .sp-nav__mobile .menu .part.top.guest .avatar {
        width: 60px;
        height: 60px
    }
}

@media (min-width: 359px) {
    .\-360\:tw-w-\[330px\] {
        width: 330px !important
    }
}

@media (min-width: 360px) {

    .navbar .right-section .search-toggle,
    .navbar .right-section .language-toggle {
        margin-inline-end: 16px
    }

    .navbar .right-section .a11y-toggle {
        margin-inline-end: 22px
    }

    .navbar .right-section .language-link,
    .navbar .right-section .test-button {
        margin-inline-end: 10px
    }

    .min-\[360px\]\:tw-inline {
        display: inline !important
    }
}

@media (min-width: 375px) {
    .\33 75\:tw-w-\[368px\] {
        width: 368px !important
    }

    .\33 75\:tw-px-15 {
        padding-left: 15px !important;
        padding-right: 15px !important
    }

    .\33 75\:tw-pl-5 {
        padding-left: 5px !important
    }
}

@media (min-width: 380px) {
    .min-\[380px\]\:tw-inline-flex {
        display: inline-flex !important
    }
}

@media (min-width: 400px) {
    .sp-nav__mobile .nav__background {
        flex: none;
        flex-grow: 1;
        width: auto
    }

    .sp-nav__mobile .menu {
        flex: 1 0 330px;
        max-width: 350px
    }

    .min-\[400px\]\:tw-px-30 {
        padding-left: 30px !important;
        padding-right: 30px !important
    }
}

@media (min-width: 400px) and (min-height: 900px) {
    .sp-nav__mobile .menu {
        flex: 0 0 350px
    }
}

@media (min-width: 460px) {
    .small\:tw-mx-20 {
        margin-left: 20px !important;
        margin-right: 20px !important
    }

    .small\:tw-mb-0 {
        margin-bottom: 0 !important
    }

    .small\:tw-mb-30 {
        margin-bottom: 30px !important
    }

    .small\:tw-me-20 {
        margin-inline-end: 20px !important
    }

    .small\:tw-mt-0 {
        margin-top: 0 !important
    }

    .small\:tw-mt-10 {
        margin-top: 10px !important
    }

    .small\:tw-mt-80 {
        margin-top: 80px !important
    }

    .small\:tw-flex {
        display: flex !important
    }

    .small\:tw-grid {
        display: grid !important
    }

    .small\:tw-h-\[90px\] {
        height: 90px !important
    }

    .small\:tw-w-\[200px\] {
        width: 200px !important
    }

    .small\:tw-w-\[40\%\] {
        width: 40% !important
    }

    .small\:tw-grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important
    }

    .small\:tw-flex-row {
        flex-direction: row !important
    }

    .small\:tw-flex-wrap {
        flex-wrap: wrap !important
    }

    .small\:tw-gap-15 {
        gap: 15px !important
    }

    .small\:tw-p-\[15px\] {
        padding: 15px !important
    }

    .small\:tw-pb-50 {
        padding-bottom: 50px !important
    }

    .small\:tw-text-start {
        text-align: start !important
    }
}

@media (min-width: 500px) {
    .notification-sidebar {
        max-width: 400px
    }

    .min-\[500px\]\:tw-left-1\/2 {
        left: 50% !important
    }

    .min-\[500px\]\:tw-left-\[calc\(50\%-180px\)\] {
        left: calc(50% - 180px) !important
    }

    .min-\[500px\]\:tw-right-\[calc\(50\%-180px\)\] {
        right: calc(50% - 180px) !important
    }

    .min-\[500px\]\:tw-right-auto {
        right: auto !important
    }

    .min-\[500px\]\:tw-ml-\[-145px\] {
        margin-left: -145px !important
    }

    .min-\[500px\]\:tw-w-\[290px\] {
        width: 290px !important
    }

    .min-\[500px\]\:tw-w-\[360px\] {
        width: 360px !important
    }

    .min-\[500px\]\:tw-overflow-hidden {
        overflow: hidden !important
    }

    .min-\[500px\]\:tw-rounded-t-10 {
        border-top-left-radius: 10px !important;
        border-top-right-radius: 10px !important
    }

    .min-\[500px\]\:tw-rounded-tl-10 {
        border-top-left-radius: 10px !important
    }

    .min-\[500px\]\:tw-rounded-tr-10 {
        border-top-right-radius: 10px !important
    }
}

@media (min-width: 600px) {
    .min-\[600px\]\:tw-bottom-25 {
        bottom: 25px !important
    }

    .min-\[600px\]\:tw-mt-0 {
        margin-top: 0 !important
    }
}

@media (min-width: 660px) {
    .min-\[660px\]\:tw-inline-flex {
        display: inline-flex !important
    }
}

@media (min-width: 768px) {
    body {
        font-size: var(--font-p-md-size-bp-md);
        line-height: var(--font-p-md-line-height-bp-md)
    }

    h3,
    h4,
    h5,
    h6 {
        margin-top: 40px
    }

    h1 {
        font-size: var(--font-h1-size-bp-md);
        line-height: var(--font-h1-line-height-bp-md);
        letter-spacing: var(--font-h1-spacing-bp-md)
    }

    h1.underlined {
        padding: 75px 30px 30px;
        margin-bottom: 45px
    }

    h2 {
        font-size: var(--font-h2-size-bp-md);
        line-height: var(--font-h2-line-height-bp-md);
        letter-spacing: var(--font-h2-spacing-bp-md)
    }

    h3 {
        font-size: var(--font-h3-size-bp-md);
        line-height: var(--font-h3-line-height-bp-md);
        letter-spacing: var(--font-h3-spacing-bp-md)
    }

    h4 {
        font-size: var(--font-h4-size-bp-md);
        line-height: var(--font-h4-line-height-bp-md)
    }

    h5 {
        font-size: var(--font-h5-size-bp-md);
        line-height: var(--font-h5-line-height-bp-md);
        letter-spacing: var(--font-h5-spacing-bp-md)
    }

    h6 {
        font-size: var(--font-h6-size-bp-md);
        line-height: var(--font-h6-line-height-bp-md);
        letter-spacing: var(--font-h6-spacing-bp-md)
    }

    .h1-large {
        font-size: var(--font-h1-size-large-md);
        line-height: var(--font-h1-line-height-large-md)
    }

    .h1-large-mdbp {
        font-size: var(--font-h1-size-large-md);
        line-height: var(--font-h1-line-height-large-md);
        letter-spacing: var(--font-h1-spacing-large-md)
    }

    .h1 {
        font-size: var(--font-h1-size-bp-md);
        line-height: var(--font-h1-line-height-bp-md);
        letter-spacing: var(--font-h1-spacing-bp-md)
    }

    .h2 {
        font-size: var(--font-h2-size-bp-md);
        line-height: var(--font-h2-line-height-bp-md);
        letter-spacing: var(--font-h2-spacing-bp-md)
    }

    .h3 {
        font-size: var(--font-h3-size-bp-md);
        line-height: var(--font-h3-line-height-bp-md);
        letter-spacing: var(--font-h3-spacing-bp-md)
    }

    .h4 {
        font-size: var(--font-h4-size-bp-md);
        line-height: var(--font-h4-line-height-bp-md)
    }

    .h5 {
        font-size: var(--font-h5-size-bp-md);
        line-height: var(--font-h5-line-height-bp-md);
        letter-spacing: var(--font-h5-spacing-bp-md)
    }

    .h6 {
        font-size: var(--font-h6-size-bp-md);
        line-height: var(--font-h6-line-height-bp-md);
        letter-spacing: var(--font-h6-spacing-bp-md)
    }

    .h7 {
        line-height: var(--font-h7-line-height-bp-md)
    }

    .p-lg {
        font-size: var(--font-p-lg-size-bp-md);
        line-height: var(--font-p-lg-line-height-bp-md);
        letter-spacing: var(--font-p-lg-spacing-bp-md)
    }

    .p-md {
        font-size: var(--font-p-md-size-bp-md);
        line-height: var(--font-p-md-line-height-bp-md)
    }

    .p-sm {
        font-size: var(--font-p-sm-size-bp-md);
        line-height: var(--font-p-sm-line-height-bp-md);
        letter-spacing: var(--font-p-sm-spacing-bp-md)
    }

    .p-tn {
        font-size: var(--font-p-tn-size-bp-md);
        line-height: var(--font-p-tn-line-height-bp-md)
    }

    .sp-wrap {
        margin-left: 20px;
        margin-right: 20px
    }

    .container-padding {
        padding: 0 20px
    }

    .card__icon.card--avatar {
        width: 60px;
        height: 60px;
        display: block;
        position: relative;
        top: 0;
        inset-inline-start: 0;
        margin-top: 3px;
        margin-bottom: 7px
    }

    .min--tablet {
        display: unset !important
    }

    .min--tablet.sp-button {
        display: inline-flex !important
    }

    .max--mobile {
        display: none !important
    }

    .input-wrapper.with-icon input {
        padding-left: 54px
    }

    blockquote {
        margin-top: 40px;
        margin-bottom: 40px;
        padding-block: 10px;
        padding-inline-start: 20px
    }

    blockquote p,
    article blockquote p {
        font-size: var(--font-h5-size-bp-md);
        line-height: var(--font-h5-line-height-bp-md);
        letter-spacing: var(--font-h5-spacing-bp-md)
    }

    blockquote footer {
        font-size: var(--font-p-md-size-bp-md);
        line-height: var(--font-p-md-line-height-bp-md)
    }

    .description-pullout {
        font-size: var(--font-p-lg-size-bp-md);
        line-height: var(--font-p-lg-line-height-bp-md);
        letter-spacing: var(--font-p-lg-spacing-bp-md);
        padding-top: 20px;
        padding-bottom: 20px;
        margin-top: 40px;
        margin-bottom: 40px
    }

    article ul:not(.pagination) li {
        padding-inline-start: 24px
    }

    article ul:not(.pagination) li:before {
        top: 8px
    }

    article p,
    article ul:not(.pagination),
    article ol {
        font-size: var(--font-p-lg-size-bp-md);
        line-height: var(--font-p-lg-line-height-bp-md);
        letter-spacing: var(--font-p-lg-spacing-bp-md);
        margin-bottom: 20px
    }

    article h2 {
        font-size: var(--font-h3-size-bp-md);
        line-height: var(--font-h3-line-height-bp-md);
        letter-spacing: var(--font-h3-spacing-bp-md)
    }

    article h2:not(:first-child) {
        margin-top: 40px
    }

    article h3 {
        font-size: var(--font-h5-size-bp-md);
        line-height: var(--font-h5-line-height-bp-md);
        letter-spacing: var(--font-h5-spacing-bp-md)
    }

    article h4 {
        font-size: var(--font-h6-size-bp-md);
        line-height: var(--font-h6-line-height-bp-md);
        letter-spacing: var(--font-h6-spacing-bp-md)
    }

    .loader {
        margin: 120px 0
    }

    .loader svg {
        width: 4em;
        height: 4em
    }

    .sp-link .sp-icon {
        width: 18px;
        height: 18px
    }

    .sp-link.link--icon-rt .sp-icon {
        margin-inline-start: 10px
    }

    .sp-link.link--icon-lt .sp-icon,
    .sp-link.link--icon-lt .sp-spinner {
        margin-inline-end: 10px
    }

    .sp-button:not(.button--full)+.sp-button.button--has-gutter.button--lg {
        margin-top: unset;
        margin-left: 20px
    }

    .spinner--full-margins .spinner__outer {
        margin-top: 15vh;
        margin-bottom: 17vh
    }

    .sp-card {
        margin-bottom: 20px
    }

    .sp-card.card--sm .card__body,
    .sp-card.card--sm .card__footer {
        padding: 20px
    }

    .sp-card.card--sm .card__text,
    .sp-card.card--sm .card__text p {
        font-size: var(--font-p-tn-size-bp-md);
        line-height: var(--font-p-tn-line-height-bp-md)
    }

    .sp-card.card--sm .card__icon .image,
    .sp-card.card--sm .card__icon .sp-icon {
        width: 40px;
        height: 40px
    }

    .sp-card.has--group .card__inner,
    .sp-card.has--group .card__body {
        height: 100%
    }

    .sp-card.has--group .card__body {
        display: flex;
        flex-direction: column
    }

    .sp-card.has--group .card__text {
        flex-grow: 1
    }

    .sp-card.card--flex .card__body {
        display: flex;
        align-items: center
    }

    .sp-card.card--flex .card__body .card__text {
        flex-grow: 1;
        margin-bottom: 0
    }

    .sp-card.card--flex .card__body .card__text :last-child {
        margin-bottom: 0
    }

    .sp-card.card--flex .card__body .card__title {
        margin-top: 0
    }

    .has__line--responsive .card__line {
        margin: 0;
        border: none;
        transform: rotate(360deg);
        position: absolute;
        clip-path: polygon(0 0, 100% 0, 100% 40%, 0 40%);
        height: 10px;
        width: auto;
        border-radius: 10px 10px 0 0;
        top: -1px;
        left: -1px;
        right: -1px;
        bottom: auto
    }

    html[dir=rtl] .has__line--responsive .card__line {
        clip-path: polygon(0 0, 100% 0, 100% 40%, 0 40%)
    }

    .card__text,
    .card__text p:not([class]) {
        font-size: var(--font-p-sm-size-bp-md);
        line-height: var(--font-p-sm-line-height-bp-md);
        letter-spacing: var(--font-p-sm-spacing-bp-md)
    }

    .card__text p,
    .card__icon {
        margin-bottom: 20px
    }

    .card__icon.icon--clipped {
        width: 140px;
        height: 130px;
        padding: 30px 35px
    }

    .card--flex .card__icon {
        margin-inline-end: 30px;
        margin-bottom: 0
    }

    .card__icon .image,
    .card__icon .sp-icon {
        width: 80px;
        height: 80px
    }

    .navbar {
        height: 80px;
        padding: 0 20px;
        padding-inline-end: 84px
    }

    .navbar.navbar--checkout {
        padding: 15px 20px
    }

    .navbar.navbar--checkout .checkout--text {
        top: 1px;
        font-size: var(--font-p-lg-size-bp-md);
        line-height: var(--font-p-lg-line-height-bp-md);
        letter-spacing: var(--font-p-lg-spacing-bp-md)
    }

    .navbar .logo img {
        width: 243.75px;
        height: 50px
    }

    .navbar .middle-section>ul>li>a,
    .navbar .right-section .link--login,
    .navbar .right-section .language-link {
        font-size: var(--font-p-sm-size-bp-md);
        line-height: var(--font-p-sm-line-height-bp-md);
        letter-spacing: var(--font-p-sm-spacing-bp-md)
    }

    .navbar .right-section .search-toggle .sp-icon,
    .navbar .right-section .language-toggle .sp-icon,
    .navbar .right-section .a11y-toggle .sp-icon {
        width: 22px;
        height: 22px
    }

    .navbar .right-section .a11y-toggle {
        margin-inline-end: 28px
    }

    .navbar .right-section .language-link,
    .navbar .right-section .test-button {
        margin-inline-end: 20px
    }

    .navbar .right-section .language-link .sp-icon {
        width: 22px;
        height: 22px
    }

    .navbar .right-section .test-button {
        display: inline-flex;
        flex-shrink: 0;
        font-size: var(--font-btn-50-size);
        line-height: var(--font-btn-50-line-height);
        letter-spacing: var(--font-btn-50-spacing);
        height: 50px;
        padding: 10px 25px
    }

    .sp-nav__mobiletoggle {
        width: 84px;
        height: 80px
    }

    .sp-nav__mobiletoggle .sp-icon.icon--bars,
    .sp-nav__mobiletoggle .sp-icon.icon--times {
        top: 28px;
        inset-inline-end: 24px;
        width: 24px;
        height: 24px
    }

    .sp-nav__mobile .menu .part.test-button {
        padding-inline-end: 94px;
        padding-top: 15px;
        padding-bottom: 15px
    }

    main.notification-list .notification {
        display: block;
        padding: 0 30px
    }

    main.notification-list .notification .date {
        margin: 0 15px 0 0;
        display: inline-block;
        width: 105px;
        text-align: right
    }

    main.notification-list .note {
        display: block;
        padding: 0 30px
    }

    .medium\:tw-bottom-0 {
        bottom: 0 !important
    }

    .medium\:tw-bottom-10 {
        bottom: 10px !important
    }

    .medium\:tw-bottom-\[-80px\] {
        bottom: -80px !important
    }

    .medium\:tw-bottom-auto {
        bottom: auto !important
    }

    .medium\:tw-end-10 {
        inset-inline-end: 10px !important
    }

    .medium\:tw-end-\[-80px\] {
        inset-inline-end: -80px !important
    }

    .medium\:tw-left-10 {
        left: 10px !important
    }

    .medium\:tw-left-auto {
        left: auto !important
    }

    .medium\:tw-right-\[-40px\] {
        right: -40px !important
    }

    .medium\:tw-right-auto {
        right: auto !important
    }

    .medium\:tw-start-\[-80px\] {
        inset-inline-start: -80px !important
    }

    .medium\:tw-top-0 {
        top: 0 !important
    }

    .medium\:tw-top-10 {
        top: 10px !important
    }

    .medium\:tw-top-\[-80px\] {
        top: -80px !important
    }

    .medium\:tw-order-1 {
        order: 1 !important
    }

    .medium\:tw-order-2 {
        order: 2 !important
    }

    .medium\:tw-float-start {
        float: inline-start !important
    }

    .medium\:tw-float-end {
        float: inline-end !important
    }

    .medium\:tw-float-right {
        float: right !important
    }

    .medium\:tw-float-none {
        float: none !important
    }

    .medium\:tw-m-0 {
        margin: 0 !important
    }

    .medium\:tw-m-\[0_0_20px_30px\] {
        margin: 0 0 20px 30px !important
    }

    .medium\:tw-mx-0 {
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .medium\:tw-mx-10 {
        margin-left: 10px !important;
        margin-right: 10px !important
    }

    .medium\:tw-mx-20 {
        margin-left: 20px !important;
        margin-right: 20px !important
    }

    .medium\:tw-mx-30 {
        margin-left: 30px !important;
        margin-right: 30px !important
    }

    .medium\:tw-mx-5 {
        margin-left: 5px !important;
        margin-right: 5px !important
    }

    .medium\:tw-mx-50 {
        margin-left: 50px !important;
        margin-right: 50px !important
    }

    .medium\:tw-mx-\[-30px\] {
        margin-left: -30px !important;
        margin-right: -30px !important
    }

    .medium\:tw-mx-\[-34px\] {
        margin-left: -34px !important;
        margin-right: -34px !important
    }

    .medium\:tw-mx-\[-40px\] {
        margin-left: -40px !important;
        margin-right: -40px !important
    }

    .medium\:tw-mx-auto {
        margin-left: auto !important;
        margin-right: auto !important
    }

    .medium\:tw-my-20 {
        margin-top: 20px !important;
        margin-bottom: 20px !important
    }

    .medium\:tw-my-40 {
        margin-top: 40px !important;
        margin-bottom: 40px !important
    }

    .medium\:tw-my-60 {
        margin-top: 60px !important;
        margin-bottom: 60px !important
    }

    .medium\:tw--mt-40 {
        margin-top: -40px !important
    }

    .medium\:tw-mb-0 {
        margin-bottom: 0 !important
    }

    .medium\:tw-mb-10 {
        margin-bottom: 10px !important
    }

    .medium\:tw-mb-15 {
        margin-bottom: 15px !important
    }

    .medium\:tw-mb-20 {
        margin-bottom: 20px !important
    }

    .medium\:tw-mb-25 {
        margin-bottom: 25px !important
    }

    .medium\:tw-mb-30 {
        margin-bottom: 30px !important
    }

    .medium\:tw-mb-40 {
        margin-bottom: 40px !important
    }

    .medium\:tw-mb-5 {
        margin-bottom: 5px !important
    }

    .medium\:tw-mb-60 {
        margin-bottom: 60px !important
    }

    .medium\:tw-mb-80 {
        margin-bottom: 80px !important
    }

    .medium\:tw-mb-\[-108px\] {
        margin-bottom: -108px !important
    }

    .medium\:tw-mb-\[-1px\] {
        margin-bottom: -1px !important
    }

    .medium\:tw-mb-\[-25px\] {
        margin-bottom: -25px !important
    }

    .medium\:tw-mb-\[-3px\] {
        margin-bottom: -3px !important
    }

    .medium\:tw-mb-\[32px\] {
        margin-bottom: 32px !important
    }

    .medium\:tw-me-0 {
        margin-inline-end: 0 !important
    }

    .medium\:tw-me-10 {
        margin-inline-end: 10px !important
    }

    .medium\:tw-me-20 {
        margin-inline-end: 20px !important
    }

    .medium\:tw-me-30 {
        margin-inline-end: 30px !important
    }

    .medium\:tw-me-\[65px\] {
        margin-inline-end: 65px !important
    }

    .medium\:tw-me-\[8px\] {
        margin-inline-end: 8px !important
    }

    .medium\:tw-ml-0 {
        margin-left: 0 !important
    }

    .medium\:tw-ml-10 {
        margin-left: 10px !important
    }

    .medium\:tw-ml-20 {
        margin-left: 20px !important
    }

    .medium\:tw-ml-40 {
        margin-left: 40px !important
    }

    .medium\:tw-ml-\[-150px\] {
        margin-left: -150px !important
    }

    .medium\:tw-ml-\[-48px\] {
        margin-left: -48px !important
    }

    .medium\:tw-ml-\[100px\] {
        margin-left: 100px !important
    }

    .medium\:tw-ml-\[90px\] {
        margin-left: 90px !important
    }

    .medium\:tw-ml-auto {
        margin-left: auto !important
    }

    .medium\:tw-mr-0 {
        margin-right: 0 !important
    }

    .medium\:tw-mr-\[30px\] {
        margin-right: 30px !important
    }

    .medium\:tw-mr-auto {
        margin-right: auto !important
    }

    .medium\:tw-ms-20 {
        margin-inline-start: 20px !important
    }

    .medium\:tw-ms-30 {
        margin-inline-start: 30px !important
    }

    .medium\:tw-ms-40 {
        margin-inline-start: 40px !important
    }

    .medium\:tw-ms-80 {
        margin-inline-start: 80px !important
    }

    .medium\:tw-ms-\[19px\] {
        margin-inline-start: 19px !important
    }

    .medium\:tw-ms-\[8px\] {
        margin-inline-start: 8px !important
    }

    .medium\:tw-ms-\[unset\] {
        margin-inline-start: unset !important
    }

    .medium\:tw-ms-auto {
        margin-inline-start: auto !important
    }

    .medium\:tw-mt-0 {
        margin-top: 0 !important
    }

    .medium\:tw-mt-10 {
        margin-top: 10px !important
    }

    .medium\:tw-mt-15 {
        margin-top: 15px !important
    }

    .medium\:tw-mt-20 {
        margin-top: 20px !important
    }

    .medium\:tw-mt-25 {
        margin-top: 25px !important
    }

    .medium\:tw-mt-30 {
        margin-top: 30px !important
    }

    .medium\:tw-mt-40 {
        margin-top: 40px !important
    }

    .medium\:tw-mt-5 {
        margin-top: 5px !important
    }

    .medium\:tw-mt-60 {
        margin-top: 60px !important
    }

    .medium\:tw-mt-\[-10px\] {
        margin-top: -10px !important
    }

    .medium\:tw-mt-\[-150px\] {
        margin-top: -150px !important
    }

    .medium\:tw-mt-\[-20px\] {
        margin-top: -20px !important
    }

    .medium\:tw-mt-\[-34px\] {
        margin-top: -34px !important
    }

    .medium\:tw-mt-\[-46px\] {
        margin-top: -46px !important
    }

    .medium\:tw-mt-\[-84px\] {
        margin-top: -84px !important
    }

    .medium\:tw-mt-\[4px\] {
        margin-top: 4px !important
    }

    .medium\:tw-mt-\[58px\] {
        margin-top: 58px !important
    }

    .medium\:tw-mt-\[78px\] {
        margin-top: 78px !important
    }

    .medium\:tw-mt-\[8px\] {
        margin-top: 8px !important
    }

    .medium\:tw-mt-auto {
        margin-top: auto !important
    }

    .medium\:tw-block {
        display: block !important
    }

    .medium\:tw-flex {
        display: flex !important
    }

    .medium\:tw-inline-flex {
        display: inline-flex !important
    }

    .medium\:tw-table-row {
        display: table-row !important
    }

    .medium\:tw-grid {
        display: grid !important
    }

    .medium\:tw-hidden {
        display: none !important
    }

    .medium\:tw-h-16 {
        height: 16px !important
    }

    .medium\:tw-h-25 {
        height: 25px !important
    }

    .medium\:tw-h-40 {
        height: 40px !important
    }

    .medium\:tw-h-50 {
        height: 50px !important
    }

    .medium\:tw-h-60 {
        height: 60px !important
    }

    .medium\:tw-h-80 {
        height: 80px !important
    }

    .medium\:tw-h-\[108px\] {
        height: 108px !important
    }

    .medium\:tw-h-\[110px\] {
        height: 110px !important
    }

    .medium\:tw-h-\[114px\] {
        height: 114px !important
    }

    .medium\:tw-h-\[120px\] {
        height: 120px !important
    }

    .medium\:tw-h-\[140px\] {
        height: 140px !important
    }

    .medium\:tw-h-\[160px\] {
        height: 160px !important
    }

    .medium\:tw-h-\[167px\] {
        height: 167px !important
    }

    .medium\:tw-h-\[170px\] {
        height: 170px !important
    }

    .medium\:tw-h-\[180px\] {
        height: 180px !important
    }

    .medium\:tw-h-\[19px\] {
        height: 19px !important
    }

    .medium\:tw-h-\[200px\] {
        height: 200px !important
    }

    .medium\:tw-h-\[24px\] {
        height: 24px !important
    }

    .medium\:tw-h-\[25px\] {
        height: 25px !important
    }

    .medium\:tw-h-\[26px\] {
        height: 26px !important
    }

    .medium\:tw-h-\[28px\] {
        height: 28px !important
    }

    .medium\:tw-h-\[300px\] {
        height: 300px !important
    }

    .medium\:tw-h-\[32px\] {
        height: 32px !important
    }

    .medium\:tw-h-\[33px\] {
        height: 33px !important
    }

    .medium\:tw-h-\[36\.9px\] {
        height: 36.9px !important
    }

    .medium\:tw-h-\[38px\] {
        height: 38px !important
    }

    .medium\:tw-h-\[44px\] {
        height: 44px !important
    }

    .medium\:tw-h-\[450px\] {
        height: 450px !important
    }

    .medium\:tw-h-\[65px\] {
        height: 65px !important
    }

    .medium\:tw-h-\[70px\] {
        height: 70px !important
    }

    .medium\:tw-h-\[72px\] {
        height: 72px !important
    }

    .medium\:tw-h-\[90px\] {
        height: 90px !important
    }

    .medium\:tw-h-auto {
        height: auto !important
    }

    .medium\:tw-max-h-\[28px\] {
        max-height: 28px !important
    }

    .medium\:tw-min-h-0 {
        min-height: 0 !important
    }

    .medium\:tw-min-h-60 {
        min-height: 60px !important
    }

    .medium\:tw-min-h-\[44px\] {
        min-height: 44px !important
    }

    .medium\:tw-min-h-\[80px\] {
        min-height: 80px !important
    }

    .medium\:tw-min-h-\[81px\] {
        min-height: 81px !important
    }

    .medium\:tw-min-h-\[unset\] {
        min-height: unset !important
    }

    .medium\:tw-w-1\/2 {
        width: 50% !important
    }

    .medium\:tw-w-1\/3 {
        width: 33.333333% !important
    }

    .medium\:tw-w-16 {
        width: 16px !important
    }

    .medium\:tw-w-25 {
        width: 25px !important
    }

    .medium\:tw-w-40 {
        width: 40px !important
    }

    .medium\:tw-w-50 {
        width: 50px !important
    }

    .medium\:tw-w-60 {
        width: 60px !important
    }

    .medium\:tw-w-80 {
        width: 80px !important
    }

    .medium\:tw-w-\[120px\] {
        width: 120px !important
    }

    .medium\:tw-w-\[160px\] {
        width: 160px !important
    }

    .medium\:tw-w-\[170px\] {
        width: 170px !important
    }

    .medium\:tw-w-\[180px\] {
        width: 180px !important
    }

    .medium\:tw-w-\[186\.667px\] {
        width: 186.667px !important
    }

    .medium\:tw-w-\[200px\] {
        width: 200px !important
    }

    .medium\:tw-w-\[26px\] {
        width: 26px !important
    }

    .medium\:tw-w-\[280px\] {
        width: 280px !important
    }

    .medium\:tw-w-\[28px\] {
        width: 28px !important
    }

    .medium\:tw-w-\[30\%\] {
        width: 30% !important
    }

    .medium\:tw-w-\[300px\] {
        width: 300px !important
    }

    .medium\:tw-w-\[310px\] {
        width: 310px !important
    }

    .medium\:tw-w-\[320px\] {
        width: 320px !important
    }

    .medium\:tw-w-\[324px\] {
        width: 324px !important
    }

    .medium\:tw-w-\[32px\] {
        width: 32px !important
    }

    .medium\:tw-w-\[35\.1px\] {
        width: 35.1px !important
    }

    .medium\:tw-w-\[38px\] {
        width: 38px !important
    }

    .medium\:tw-w-\[400px\] {
        width: 400px !important
    }

    .medium\:tw-w-\[420px\] {
        width: 420px !important
    }

    .medium\:tw-w-\[44px\] {
        width: 44px !important
    }

    .medium\:tw-w-\[450px\] {
        width: 450px !important
    }

    .medium\:tw-w-\[479px\] {
        width: 479px !important
    }

    .medium\:tw-w-\[70px\] {
        width: 70px !important
    }

    .medium\:tw-w-\[90px\] {
        width: 90px !important
    }

    .medium\:tw-w-\[auto\] {
        width: auto !important
    }

    .medium\:tw-w-\[calc\(100\%-120px-30px\)\] {
        width: calc(100% - 150px) !important
    }

    .medium\:tw-w-\[calc\(100\%-324px-40px\)\] {
        width: calc(100% - 364px) !important
    }

    .medium\:tw-w-auto {
        width: auto !important
    }

    .medium\:tw-min-w-80 {
        min-width: 80px !important
    }

    .medium\:tw-min-w-\[18\%\] {
        min-width: 18% !important
    }

    .medium\:tw-max-w-\[160px\] {
        max-width: 160px !important
    }

    .medium\:tw-max-w-\[190px\] {
        max-width: 190px !important
    }

    .medium\:tw-max-w-\[240px\] {
        max-width: 240px !important
    }

    .medium\:tw-max-w-\[254px\] {
        max-width: 254px !important
    }

    .medium\:tw-max-w-\[300px\] {
        max-width: 300px !important
    }

    .medium\:tw-max-w-\[420px\] {
        max-width: 420px !important
    }

    .medium\:tw-max-w-\[640px\] {
        max-width: 640px !important
    }

    .medium\:tw-max-w-\[700px\] {
        max-width: 700px !important
    }

    .medium\:tw-max-w-none {
        max-width: none !important
    }

    .medium\:tw-flex-\[0_0_200px\] {
        flex: 0 0 200px !important
    }

    .medium\:tw-flex-\[0_0_50\%\] {
        flex: 0 0 50% !important
    }

    .medium\:tw-flex-\[0_1_calc\(100\%-200px-30px\)\] {
        flex: 0 1 calc(100% - 230px) !important
    }

    .medium\:tw-flex-shrink-0,
    .medium\:tw-shrink-0 {
        flex-shrink: 0 !important
    }

    .medium\:tw-flex-grow-0 {
        flex-grow: 0 !important
    }

    .medium\:tw-grow {
        flex-grow: 1 !important
    }

    .medium\:tw-grow-0 {
        flex-grow: 0 !important
    }

    .medium\:tw-basis-0 {
        flex-basis: 0 !important
    }

    .medium\:tw-basis-1\/2 {
        flex-basis: 50% !important
    }

    .medium\:tw-basis-\[25\%\] {
        flex-basis: 25% !important
    }

    .medium\:tw-basis-\[25px\] {
        flex-basis: 25px !important
    }

    .medium\:tw-basis-\[310px\] {
        flex-basis: 310px !important
    }

    .medium\:tw-basis-\[40\%\] {
        flex-basis: 40% !important
    }

    .medium\:tw-basis-\[70px\] {
        flex-basis: 70px !important
    }

    .medium\:tw-basis-\[calc\(100\%-320px-30px\)\] {
        flex-basis: calc(100% - 350px) !important
    }

    .medium\:tw-basis-\[calc\(100\%-90px\)\] {
        flex-basis: calc(100% - 90px) !important
    }

    .medium\:tw-basis-auto {
        flex-basis: auto !important
    }

    .medium\:tw-snap-start {
        scroll-snap-align: start !important
    }

    .medium\:tw-grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important
    }

    .medium\:tw-grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important
    }

    .medium\:tw-grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important
    }

    .medium\:tw-flex-row {
        flex-direction: row !important
    }

    .medium\:tw-flex-col {
        flex-direction: column !important
    }

    .medium\:tw-flex-wrap {
        flex-wrap: wrap !important
    }

    .medium\:tw-flex-nowrap {
        flex-wrap: nowrap !important
    }

    .medium\:tw-items-start {
        align-items: flex-start !important
    }

    .medium\:tw-items-center {
        align-items: center !important
    }

    .medium\:tw-items-stretch {
        align-items: stretch !important
    }

    .medium\:tw-justify-start {
        justify-content: flex-start !important
    }

    .medium\:tw-justify-end {
        justify-content: flex-end !important
    }

    .medium\:tw-justify-center {
        justify-content: center !important
    }

    .medium\:tw-justify-between {
        justify-content: space-between !important
    }

    .medium\:tw-gap-10 {
        gap: 10px !important
    }

    .medium\:tw-gap-15 {
        gap: 15px !important
    }

    .medium\:tw-gap-20 {
        gap: 20px !important
    }

    .medium\:tw-gap-40 {
        gap: 40px !important
    }

    .medium\:tw-gap-x-10 {
        -moz-column-gap: 10px !important;
        column-gap: 10px !important
    }

    .medium\:tw-gap-x-20 {
        -moz-column-gap: 20px !important;
        column-gap: 20px !important
    }

    .medium\:tw-gap-x-30 {
        -moz-column-gap: 30px !important;
        column-gap: 30px !important
    }

    .medium\:tw-gap-y-20 {
        row-gap: 20px !important
    }

    .medium\:tw-gap-y-40 {
        row-gap: 40px !important
    }

    .medium\:tw-self-stretch {
        align-self: stretch !important
    }

    .medium\:tw-rounded-10 {
        border-radius: 10px !important
    }

    .medium\:tw-rounded-none {
        border-radius: 0 !important
    }

    .medium\:tw-border {
        border-width: 1px !important
    }

    .medium\:tw-border-0 {
        border-width: 0px !important
    }

    .medium\:tw-border-x-0 {
        border-left-width: 0px !important;
        border-right-width: 0px !important
    }

    .medium\:tw-border-b {
        border-bottom-width: 1px !important
    }

    .medium\:tw-border-b-0 {
        border-bottom-width: 0px !important
    }

    .medium\:tw-border-e {
        border-inline-end-width: 1px !important
    }

    .medium\:tw-border-s {
        border-inline-start-width: 1px !important
    }

    .medium\:tw-border-t {
        border-top-width: 1px !important
    }

    .medium\:tw-border-t-0 {
        border-top-width: 0px !important
    }

    .medium\:tw-border-t-\[133px\] {
        border-top-width: 133px !important
    }

    .medium\:tw-border-gray-03 {
        --tw-border-opacity: 1 !important;
        border-color: rgb(238 239 241 / var(--tw-border-opacity)) !important
    }

    .medium\:tw-border-gray-04 {
        --tw-border-opacity: 1 !important;
        border-color: rgb(221 223 226 / var(--tw-border-opacity)) !important
    }

    .medium\:tw-bg-gray-02 {
        --tw-bg-opacity: 1 !important;
        background-color: rgb(246 246 247 / var(--tw-bg-opacity)) !important
    }

    .medium\:tw-bg-transparent {
        background-color: transparent !important
    }

    .medium\:tw-bg-white {
        --tw-bg-opacity: 1 !important;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important
    }

    .medium\:tw-p-20 {
        padding: 20px !important
    }

    .medium\:tw-p-30 {
        padding: 30px !important
    }

    .medium\:tw-p-\[12px\] {
        padding: 12px !important
    }

    .medium\:tw-px-15 {
        padding-left: 15px !important;
        padding-right: 15px !important
    }

    .medium\:tw-px-20 {
        padding-left: 20px !important;
        padding-right: 20px !important
    }

    .medium\:tw-px-30 {
        padding-left: 30px !important;
        padding-right: 30px !important
    }

    .medium\:tw-px-40 {
        padding-left: 40px !important;
        padding-right: 40px !important
    }

    .medium\:tw-px-\[17\.5px\] {
        padding-left: 17.5px !important;
        padding-right: 17.5px !important
    }

    .medium\:tw-px-\[28px\] {
        padding-left: 28px !important;
        padding-right: 28px !important
    }

    .medium\:tw-px-\[40px\] {
        padding-left: 40px !important;
        padding-right: 40px !important
    }

    .medium\:tw-py-10 {
        padding-top: 10px !important;
        padding-bottom: 10px !important
    }

    .medium\:tw-py-15 {
        padding-top: 15px !important;
        padding-bottom: 15px !important
    }

    .medium\:tw-py-20 {
        padding-top: 20px !important;
        padding-bottom: 20px !important
    }

    .medium\:tw-py-30 {
        padding-top: 30px !important;
        padding-bottom: 30px !important
    }

    .medium\:tw-py-40 {
        padding-top: 40px !important;
        padding-bottom: 40px !important
    }

    .medium\:tw-py-5 {
        padding-top: 5px !important;
        padding-bottom: 5px !important
    }

    .medium\:tw-py-60 {
        padding-top: 60px !important;
        padding-bottom: 60px !important
    }

    .medium\:tw-py-\[13px\] {
        padding-top: 13px !important;
        padding-bottom: 13px !important
    }

    .medium\:tw-py-\[33px\] {
        padding-top: 33px !important;
        padding-bottom: 33px !important
    }

    .medium\:tw-pb-0 {
        padding-bottom: 0 !important
    }

    .medium\:tw-pb-10 {
        padding-bottom: 10px !important
    }

    .medium\:tw-pb-15 {
        padding-bottom: 15px !important
    }

    .medium\:tw-pb-20 {
        padding-bottom: 20px !important
    }

    .medium\:tw-pb-30 {
        padding-bottom: 30px !important
    }

    .medium\:tw-pb-40 {
        padding-bottom: 40px !important
    }

    .medium\:tw-pb-60 {
        padding-bottom: 60px !important
    }

    .medium\:tw-pe-0 {
        padding-inline-end: 0 !important
    }

    .medium\:tw-pe-10 {
        padding-inline-end: 10px !important
    }

    .medium\:tw-pe-20 {
        padding-inline-end: 20px !important
    }

    .medium\:tw-pe-40 {
        padding-inline-end: 40px !important
    }

    .medium\:tw-pe-\[72px\] {
        padding-inline-end: 72px !important
    }

    .medium\:tw-pl-0 {
        padding-left: 0 !important
    }

    .medium\:tw-pl-20 {
        padding-left: 20px !important
    }

    .medium\:tw-pl-\[48px\] {
        padding-left: 48px !important
    }

    .medium\:tw-pl-\[90px\] {
        padding-left: 90px !important
    }

    .medium\:tw-pl-\[calc\(\(100\%-688px\)\/2\)\] {
        padding-left: calc((100% - 688px)/2) !important
    }

    .medium\:tw-pr-0 {
        padding-right: 0 !important
    }

    .medium\:tw-ps-20 {
        padding-inline-start: 20px !important
    }

    .medium\:tw-ps-40 {
        padding-inline-start: 40px !important
    }

    .medium\:tw-ps-50 {
        padding-inline-start: 50px !important
    }

    .medium\:tw-ps-\[17px\] {
        padding-inline-start: 17px !important
    }

    .medium\:tw-ps-\[27px\] {
        padding-inline-start: 27px !important
    }

    .medium\:tw-ps-\[37px\] {
        padding-inline-start: 37px !important
    }

    .medium\:tw-ps-\[72px\] {
        padding-inline-start: 72px !important
    }

    .medium\:tw-pt-0 {
        padding-top: 0 !important
    }

    .medium\:tw-pt-20 {
        padding-top: 20px !important
    }

    .medium\:tw-pt-30 {
        padding-top: 30px !important
    }

    .medium\:tw-pt-40 {
        padding-top: 40px !important
    }

    .medium\:tw-pt-45 {
        padding-top: 45px !important
    }

    .medium\:tw-pt-50 {
        padding-top: 50px !important
    }

    .medium\:tw-pt-60 {
        padding-top: 60px !important
    }

    .medium\:tw-pt-\[105px\] {
        padding-top: 105px !important
    }

    .medium\:tw-pt-\[240px\] {
        padding-top: 240px !important
    }

    .medium\:tw-pt-\[86px\] {
        padding-top: 86px !important
    }

    .medium\:tw-text-left {
        text-align: left !important
    }

    .medium\:tw-text-center {
        text-align: center !important
    }

    .medium\:tw-text-start {
        text-align: start !important
    }

    .medium\:tw-text-end {
        text-align: end !important
    }

    .medium\:tw-text-62 {
        font-size: 62px !important
    }

    .medium\:tw-text-\[length\:--font-h3-size-bp-md\] {
        font-size: var(--font-h3-size-bp-md) !important
    }

    .medium\:tw-text-font-h1-medium {
        font-size: var(--font-h1-size-bp-md) !important
    }

    .medium\:tw-text-font-h3-medium {
        font-size: var(--font-h3-size-bp-md) !important
    }

    .medium\:tw-text-font-h4-medium {
        font-size: var(--font-h4-size-bp-md) !important
    }

    .medium\:tw-text-font-h5-medium {
        font-size: var(--font-h5-size-bp-md) !important
    }

    .medium\:tw-text-font-h6-medium {
        font-size: var(--font-h6-size-bp-md) !important
    }

    .medium\:tw-text-font-p-md-huge {
        font-size: var(--font-p-md-size-bp-lg) !important
    }

    .medium\:tw-text-font-p-md-medium {
        font-size: var(--font-p-md-size-bp-md) !important
    }

    .medium\:tw-text-font-p-sm-medium {
        font-size: var(--font-p-sm-size-bp-md) !important
    }

    .medium\:tw-text-font-p-tn-medium {
        font-size: var(--font-p-tn-size-bp-md) !important
    }

    .medium\:tw-text-font-p-tooltip-medium {
        font-size: var(--font-p-tooltip-size-bp-md) !important
    }

    .medium\:tw-text-md {
        font-size: 1rem !important
    }

    .medium\:tw-text-sm {
        font-size: .875rem !important
    }

    .medium\:tw-font-semibold {
        font-weight: var(--font-text-semibold-weight) !important
    }

    .medium\:tw-leading-\[--font-h3-line-height-bp-md\] {
        line-height: var(--font-h3-line-height-bp-md) !important
    }

    .medium\:tw-leading-\[--font-p-sm-line-height-bp-md\] {
        line-height: var(--font-p-sm-line-height-bp-md) !important
    }

    .medium\:tw-leading-font-h1-medium {
        line-height: var(--font-h1-line-height-bp-md) !important
    }

    .medium\:tw-leading-font-h3-medium {
        line-height: var(--font-h3-line-height-bp-md) !important
    }

    .medium\:tw-leading-font-h4-medium {
        line-height: var(--font-h4-line-height-bp-md) !important
    }

    .medium\:tw-leading-font-h5-medium {
        line-height: var(--font-h5-line-height-bp-md) !important
    }

    .medium\:tw-leading-font-h6-medium {
        line-height: var(--font-h6-line-height-bp-md) !important
    }

    .medium\:tw-leading-font-h7-medium {
        line-height: var(--font-h7-line-height-bp-md) !important
    }

    .medium\:tw-leading-font-p-md-medium {
        line-height: var(--font-p-md-line-height-bp-md) !important
    }

    .medium\:tw-leading-font-p-sm-medium {
        line-height: var(--font-p-sm-line-height-bp-md) !important
    }

    .medium\:tw-leading-font-p-tn-medium {
        line-height: var(--font-p-tn-line-height-bp-md) !important
    }

    .medium\:tw-leading-font-p-tooltip-medium {
        line-height: var(--font-p-tooltip-line-height-bp-md) !important
    }

    .medium\:tw-tracking-\[--font-h3-spacing-bp-md\] {
        letter-spacing: var(--font-h3-spacing-bp-md) !important
    }

    .medium\:tw-tracking-font-h1-medium {
        letter-spacing: var(--font-h1-spacing-bp-md) !important
    }

    .medium\:tw-tracking-font-h3-medium {
        letter-spacing: var(--font-h3-spacing-bp-md) !important
    }

    .medium\:tw-tracking-font-h5-medium {
        letter-spacing: var(--font-h5-spacing-bp-md) !important
    }

    .medium\:tw-tracking-font-h6-medium {
        letter-spacing: var(--font-h6-spacing-bp-md) !important
    }

    .medium\:tw-tracking-font-p-sm-medium {
        letter-spacing: var(--font-p-sm-spacing-bp-md) !important
    }

    .medium\:tw-shadow-none {
        --tw-shadow: 0 0 #0000 !important;
        --tw-shadow-colored: 0 0 #0000 !important;
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
    }

    .last\:medium\:tw-mb-0:last-child {
        margin-bottom: 0 !important
    }

    .last\:medium\:tw-mb-40:last-child {
        margin-bottom: 40px !important
    }

    .last\:medium\:tw-mb-50:last-child {
        margin-bottom: 50px !important
    }

    .last\:medium\:tw-border-b-0:last-child {
        border-bottom-width: 0px !important
    }

    .last\:medium\:tw-pr-20:last-child {
        padding-right: 20px !important
    }

    .first-of-type\:medium\:tw-ms-0:first-of-type {
        margin-inline-start: 0 !important
    }

    .medium\:first-of-type\:tw-pt-20:first-of-type {
        padding-top: 20px !important
    }

    .dark\:medium\:tw-bg-ds-dark:is(.tw-dark *) {
        background-color: var(--ds-dark) !important
    }

    .\[\&\&\]\:medium\:tw-mt-40.\[\&\&\]\:medium\:tw-mt-40 {
        margin-top: 40px !important
    }

    .medium\:\[\&\.angular-380-disconnected-1\]\:tw-h-\[19px\].angular-380-disconnected-1 {
        height: 19px !important
    }

    .medium\:\[\&\.angular-380-disconnected-2\]\:tw-h-\[24px\].angular-380-disconnected-2 {
        height: 24px !important
    }

    .medium\:\[\&\.angular-380-disconnected-3\]\:tw-h-\[28px\].angular-380-disconnected-3 {
        height: 28px !important
    }

    .\[\&\:not\(\.is--stuck\)\]\:medium\:tw-max-w-\[calc\(100\%-40px\)\]:not(.is--stuck) {
        max-width: calc(100% - 40px) !important
    }

    .medium\:\[\&_\>p\]\:tw-mb-20>p {
        margin-bottom: 20px !important
    }

    .\[\&_p\]\:medium\:tw-mb-20 p {
        margin-bottom: 20px !important
    }

    .medium\:\[\&_p\]\:tw-mb-15 p,
    .medium\:\[\&_ul\]\:tw-mb-15 ul {
        margin-bottom: 15px !important
    }

    .\[\&ul\]\:medium\:tw-mb-20ul {
        margin-bottom: 20px !important
    }
}

@media not all and (min-width: 768px) {
    .max-medium\:tw-relative {
        position: relative !important
    }

    .max-medium\:tw-mb-10 {
        margin-bottom: 10px !important
    }

    .max-medium\:tw-mb-20 {
        margin-bottom: 20px !important
    }

    .max-medium\:tw-mt-5 {
        margin-top: 5px !important
    }

    .max-medium\:tw-block {
        display: block !important
    }

    .max-medium\:tw-flex {
        display: flex !important
    }

    .max-medium\:tw-hidden {
        display: none !important
    }

    .max-medium\:tw-w-auto {
        width: auto !important
    }

    .max-medium\:tw-grow {
        flex-grow: 1 !important
    }

    .max-medium\:tw-flex-col {
        flex-direction: column !important
    }

    .max-medium\:tw-flex-wrap {
        flex-wrap: wrap !important
    }

    .max-medium\:tw-justify-between {
        justify-content: space-between !important
    }

    .max-medium\:tw-px-15 {
        padding-left: 15px !important;
        padding-right: 15px !important
    }

    .max-medium\:tw-px-\[1\%\] {
        padding-left: 1% !important;
        padding-right: 1% !important
    }

    .max-medium\:tw-pb-15 {
        padding-bottom: 15px !important
    }

    .max-medium\:tw-ps-\[85px\] {
        padding-inline-start: 85px !important
    }

    .max-medium\:tw-pt-10 {
        padding-top: 10px !important
    }

    .max-medium\:tw-text-center {
        text-align: center !important
    }

    .first-of-type\:max-medium\:tw-mt-0:first-of-type {
        margin-top: 0 !important
    }
}

@media (min-width: 992px) {

    .spinner--lg .spinner__inner,
    .spinner--full .spinner__inner {
        width: 100px;
        height: 100px
    }

    .spinner--full-margins .spinner__outer {
        margin-top: 20vh;
        margin-bottom: 25vh
    }

    .navbar {
        height: 70px;
        padding: 0 10px
    }

    .navbar.navbar--checkout .checkout--text {
        font-size: var(--font-p-sm-size-bp-md);
        line-height: var(--font-p-sm-line-height-bp-md);
        letter-spacing: var(--font-p-sm-spacing-bp-md)
    }

    .navbar.user nav.middle-section {
        justify-content: center;
        padding: 0
    }

    .navbar .logo img {
        width: 160px;
        height: 32.82px
    }

    .navbar nav.middle-section {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-grow: 1;
        height: 100%
    }

    .navbar .middle-section>ul>li>a,
    .navbar .right-section .link--login,
    .navbar .right-section .language-link {
        font-size: var(--font-p-st-size);
        line-height: var(--font-p-st-line-height);
        letter-spacing: var(--font-p-st-spacing)
    }

    .navbar .right-section {
        display: flex
    }

    .navbar .right-section:not(.nav--right) {
        display: flex
    }

    .navbar .right-section .search-toggle .sp-icon,
    .navbar .right-section .language-toggle .sp-icon,
    .navbar .right-section .a11y-toggle .sp-icon {
        width: 16px;
        height: 16px
    }

    .navbar .right-section .language-link,
    .navbar .right-section .test-button {
        margin-inline-end: 0
    }

    .navbar .right-section .language-link .sp-icon {
        width: 16px;
        height: 16px
    }

    .navbar .right-section .link--login {
        display: inline-flex;
        align-items: center
    }

    .navbar .right-section .test-button {
        font-size: var(--font-btn-40-size);
        line-height: var(--font-btn-40-line-height);
        letter-spacing: var(--font-btn-40-spacing);
        height: 40px;
        padding: 6px 20px
    }

    .navbar .right-section .profile-menu-wrapper {
        display: block
    }

    .navbar .right-section .profile-menu-wrapper .profile-menu-toggle .notifications {
        width: 21px;
        height: 21px;
        top: -1px;
        inset-inline-end: -3px;
        border-width: 3px
    }

    .sp-nav__mobiletoggle,
    .sp-nav__mobile {
        display: none
    }

    .notification-sidebar {
        box-shadow: 0 20px 90px -10px rgba(50, 50, 70, .3), 0 30px 50px -30px rgba(0, 0, 0, .2), 0 15px 60px rgba(0, 0, 0, .01)
    }

    .notification-sidebar .heading,
    .notification-sidebar .notification {
        padding: 15px 30px
    }

    .notification-sidebar .notification img {
        width: 45px;
        flex: 0 0 45px
    }

    .notification-sidebar .notification .text {
        font-size: .9em
    }

    .notification-sidebar .notification .date {
        font-size: .7em
    }

    .notification-sidebar .see-all {
        font-size: .9em;
        padding: 15px 30px
    }

    .large\:tw-invisible {
        visibility: hidden !important
    }

    .large\:tw-bottom-0 {
        bottom: 0 !important
    }

    .large\:tw-right-\[-120px\] {
        right: -120px !important
    }

    .large\:tw-top-30 {
        top: 30px !important
    }

    .large\:tw-top-\[var\(--navbar-visible-h\)\] {
        top: var(--navbar-visible-h) !important
    }

    .large\:tw-z-10 {
        z-index: 10 !important
    }

    .large\:tw-m-0 {
        margin: 0 !important
    }

    .large\:tw-m-\[-10px\] {
        margin: -10px !important
    }

    .large\:tw-mx-auto {
        margin-left: auto !important;
        margin-right: auto !important
    }

    .large\:tw-my-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .large\:tw-my-20 {
        margin-top: 20px !important;
        margin-bottom: 20px !important
    }

    .large\:tw-my-80 {
        margin-top: 80px !important;
        margin-bottom: 80px !important
    }

    .large\:tw-mb-0 {
        margin-bottom: 0 !important
    }

    .large\:tw-mb-10 {
        margin-bottom: 10px !important
    }

    .large\:tw-mb-30 {
        margin-bottom: 30px !important
    }

    .large\:tw-mb-45 {
        margin-bottom: 45px !important
    }

    .large\:tw-mb-\[-31px\] {
        margin-bottom: -31px !important
    }

    .large\:tw-mb-\[120px\] {
        margin-bottom: 120px !important
    }

    .large\:tw-ms-20 {
        margin-inline-start: 20px !important
    }

    .large\:tw-mt-10 {
        margin-top: 10px !important
    }

    .large\:tw-mt-15 {
        margin-top: 15px !important
    }

    .large\:tw-mt-20 {
        margin-top: 20px !important
    }

    .large\:tw-mt-45 {
        margin-top: 45px !important
    }

    .large\:tw-mt-\[100px\] {
        margin-top: 100px !important
    }

    .large\:tw-mt-\[150px\] {
        margin-top: 150px !important
    }

    .large\:tw-block {
        display: block !important
    }

    .large\:tw-flex {
        display: flex !important
    }

    .large\:tw-hidden {
        display: none !important
    }

    .large\:tw-h-0 {
        height: 0 !important
    }

    .large\:tw-h-\[110px\] {
        height: 110px !important
    }

    .large\:tw-h-\[350px\] {
        height: 350px !important
    }

    .large\:tw-h-\[50px\] {
        height: 50px !important
    }

    .large\:tw-h-\[90px\] {
        height: 90px !important
    }

    .large\:tw-w-\[260px\] {
        width: 260px !important
    }

    .large\:tw-w-\[300px\] {
        width: 300px !important
    }

    .large\:tw-w-\[440px\] {
        width: 440px !important
    }

    .large\:tw-w-\[45\%\] {
        width: 45% !important
    }

    .large\:tw-w-\[50px\] {
        width: 50px !important
    }

    .large\:tw-w-\[649px\] {
        width: 649px !important
    }

    .large\:tw-w-\[90px\] {
        width: 90px !important
    }

    .large\:tw-w-auto {
        width: auto !important
    }

    .large\:tw-max-w-\[1080px\] {
        max-width: 1080px !important
    }

    .large\:tw-max-w-\[48\%\] {
        max-width: 48% !important
    }

    .large\:tw-max-w-\[640px\] {
        max-width: 640px !important
    }

    .large\:tw-max-w-\[700px\] {
        max-width: 700px !important
    }

    .large\:tw-max-w-\[750px\] {
        max-width: 750px !important
    }

    .large\:tw-max-w-\[900px\] {
        max-width: 900px !important
    }

    .large\:tw-max-w-none {
        max-width: none !important
    }

    .large\:tw-flex-none {
        flex: none !important
    }

    .large\:tw-shrink-0 {
        flex-shrink: 0 !important
    }

    .large\:tw-grow-0 {
        flex-grow: 0 !important
    }

    .large\:tw-basis-\[400px\] {
        flex-basis: 400px !important
    }

    .large\:tw-basis-\[48\%\] {
        flex-basis: 48% !important
    }

    .large\:tw-basis-\[50px\] {
        flex-basis: 50px !important
    }

    .large\:tw-flex-row {
        flex-direction: row !important
    }

    .large\:tw-flex-nowrap {
        flex-wrap: nowrap !important
    }

    .large\:tw-items-start {
        align-items: flex-start !important
    }

    .large\:tw-items-center {
        align-items: center !important
    }

    .large\:tw-justify-start {
        justify-content: flex-start !important
    }

    .large\:tw-justify-end {
        justify-content: flex-end !important
    }

    .large\:tw-justify-center {
        justify-content: center !important
    }

    .large\:tw-gap-20 {
        gap: 20px !important
    }

    .large\:tw-overflow-hidden {
        overflow: hidden !important
    }

    .large\:tw-rounded-10 {
        border-radius: 10px !important
    }

    .large\:tw-rounded-tl-none {
        border-top-left-radius: 0 !important
    }

    .large\:tw-rounded-tr-none {
        border-top-right-radius: 0 !important
    }

    .large\:tw-border-e {
        border-inline-end-width: 1px !important
    }

    .large\:tw-border-gray-04 {
        --tw-border-opacity: 1 !important;
        border-color: rgb(221 223 226 / var(--tw-border-opacity)) !important
    }

    .large\:tw-p-15 {
        padding: 15px !important
    }

    .large\:tw-p-20 {
        padding: 20px !important
    }

    .large\:tw-px-0 {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .large\:tw-px-30 {
        padding-left: 30px !important;
        padding-right: 30px !important
    }

    .large\:tw-px-60 {
        padding-left: 60px !important;
        padding-right: 60px !important
    }

    .large\:tw-py-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .large\:tw-py-45 {
        padding-top: 45px !important;
        padding-bottom: 45px !important
    }

    .large\:tw-pb-0 {
        padding-bottom: 0 !important
    }

    .large\:tw-pb-10 {
        padding-bottom: 10px !important
    }

    .large\:tw-pb-30 {
        padding-bottom: 30px !important
    }

    .large\:tw-pb-45 {
        padding-bottom: 45px !important
    }

    .large\:tw-pb-\[70px\] {
        padding-bottom: 70px !important
    }

    .large\:tw-pe-30 {
        padding-inline-end: 30px !important
    }

    .large\:tw-pe-40 {
        padding-inline-end: 40px !important
    }

    .large\:tw-ps-0 {
        padding-inline-start: 0 !important
    }

    .large\:tw-ps-30 {
        padding-inline-start: 30px !important
    }

    .large\:tw-ps-40 {
        padding-inline-start: 40px !important
    }

    .large\:tw-pt-10 {
        padding-top: 10px !important
    }

    .large\:tw-pt-60 {
        padding-top: 60px !important
    }

    .large\:tw-text-start {
        text-align: start !important
    }

    .large\:tw-text-\[1\.2em\] {
        font-size: 1.2em !important
    }

    .large\:tw-text-\[1\.3em\] {
        font-size: 1.3em !important
    }

    .large\:tw-text-\[length\:--font-p-md-size-bp-lg\] {
        font-size: var(--font-p-md-size-bp-lg) !important
    }

    .large\:tw-text-font-h3-huge {
        font-size: var(--font-h3-size-bp-lg) !important
    }

    .large\:tw-text-font-h4-huge {
        font-size: var(--font-h4-size-bp-lg) !important
    }

    .large\:tw-text-font-h5-huge {
        font-size: var(--font-h5-size-bp-lg) !important
    }

    .large\:tw-text-font-p-md-huge {
        font-size: var(--font-p-md-size-bp-lg) !important
    }

    .large\:tw-leading-\[--font-p-md-line-height-bp-lg\] {
        line-height: var(--font-p-md-line-height-bp-lg) !important
    }

    .large\:tw-leading-font-h3-huge {
        line-height: var(--font-h3-line-height-bp-lg) !important
    }

    .large\:tw-leading-font-h4-huge {
        line-height: var(--font-h4-line-height-bp-lg) !important
    }

    .large\:tw-leading-font-h5-huge {
        line-height: var(--font-h5-line-height-bp-lg) !important
    }

    .large\:tw-leading-font-p-md-huge {
        line-height: var(--font-p-md-line-height-bp-lg) !important
    }

    .large\:tw-tracking-\[--font-p-md-spacing-bp-lg\] {
        letter-spacing: var(--font-p-md-spacing-bp-lg) !important
    }

    .large\:tw-tracking-font-h3-huge {
        letter-spacing: var(--font-h3-spacing-bp-lg) !important
    }

    .large\:tw-tracking-font-h4-huge {
        letter-spacing: var(--font-h4-spacing-bp-lg) !important
    }

    .\[\&\:not\(\.is--stuck\)\]\:large\:tw-mx-auto:not(.is--stuck) {
        margin-left: auto !important;
        margin-right: auto !important
    }

    .\[\&\:not\(\.is--stuck\)\]\:large\:tw-max-w-\[820px\]:not(.is--stuck) {
        max-width: 820px !important
    }
}

@media (min-width: 992px) and (min-height: 900px) {
    .notification-sidebar .heading {
        padding: 30px
    }

    .notification-sidebar .heading .title {
        font-size: 1.8em
    }

    .notification-sidebar .notification {
        padding: 30px;
        gap: 20px
    }

    .notification-sidebar .notification img {
        width: 60px;
        flex: 0 0 60px
    }

    .notification-sidebar .notification .text {
        font-size: 1em
    }

    .notification-sidebar .notification .date {
        font-size: .8em
    }

    .notification-sidebar .see-all {
        font-size: 1em;
        padding: 30px
    }
}

@media not all and (min-width: 992px) {
    .first-of-type\:max-large\:tw-pt-0:first-of-type {
        padding-top: 0 !important
    }
}

@media (min-width: 1050px) {
    .navbar nav.middle-section>ul>li>ul {
        width: 274px;
        inset-inline-start: calc(50% - 137px)
    }
}

@media (min-width: 1120px) {
    .navbar nav.middle-section>ul>li>ul.wide.type-list {
        inset-inline-start: calc(50% - 197px);
        width: 395px
    }

    .navbar nav.middle-section>ul>li>ul {
        width: 288px;
        inset-inline-start: calc(50% - 144px)
    }

    .navbar nav.middle-section>ul>li>ul>li.types ul li a {
        font-size: .55em;
        min-width: 85px
    }
}

@media (min-width: 1200px) {
    body {
        font-size: var(--font-p-md-size-bp-lg);
        line-height: var(--font-p-md-line-height-bp-lg)
    }

    h1 {
        font-size: var(--font-h1-size-bp-lg);
        line-height: var(--font-h1-line-height-bp-lg);
        letter-spacing: var(--font-h1-spacing-bp-lg)
    }

    h2 {
        font-size: var(--font-h2-size-bp-lg);
        line-height: var(--font-h2-line-height-bp-lg);
        letter-spacing: var(--font-h2-spacing-bp-lg)
    }

    h3 {
        font-size: var(--font-h3-size-bp-lg);
        line-height: var(--font-h3-line-height-bp-lg);
        letter-spacing: var(--font-h3-spacing-bp-lg)
    }

    h4 {
        font-size: var(--font-h4-size-bp-lg);
        line-height: var(--font-h4-line-height-bp-lg);
        letter-spacing: var(--font-h4-spacing-bp-lg)
    }

    h5 {
        font-size: var(--font-h5-size-bp-lg);
        line-height: var(--font-h5-line-height-bp-lg)
    }

    h6 {
        font-size: var(--font-h6-size-bp-lg);
        line-height: var(--font-h6-line-height-bp-lg)
    }

    .h1-large {
        font-size: var(--font-h1-size-large-lg);
        line-height: var(--font-h1-line-height-large-lg)
    }

    .h1-large-lgbp {
        font-size: var(--font-h1-size-large-lg);
        line-height: var(--font-h1-line-height-large-lg);
        letter-spacing: var(--font-h1-spacing-large-lg)
    }

    .h1 {
        font-size: var(--font-h1-size-bp-lg);
        line-height: var(--font-h1-line-height-bp-lg);
        letter-spacing: var(--font-h1-spacing-bp-lg)
    }

    .h2 {
        font-size: var(--font-h2-size-bp-lg);
        line-height: var(--font-h2-line-height-bp-lg);
        letter-spacing: var(--font-h2-spacing-bp-lg)
    }

    .h3 {
        font-size: var(--font-h3-size-bp-lg);
        line-height: var(--font-h3-line-height-bp-lg);
        letter-spacing: var(--font-h3-spacing-bp-lg)
    }

    .h4 {
        font-size: var(--font-h4-size-bp-lg);
        line-height: var(--font-h4-line-height-bp-lg);
        letter-spacing: var(--font-h4-spacing-bp-lg)
    }

    .h5 {
        font-size: var(--font-h5-size-bp-lg);
        line-height: var(--font-h5-line-height-bp-lg)
    }

    .h6 {
        font-size: var(--font-h6-size-bp-lg);
        line-height: var(--font-h6-line-height-bp-lg)
    }

    .h7 {
        font-size: var(--font-h7-size-bp-lg);
        line-height: var(--font-h7-line-height-bp-lg)
    }

    .p-lg {
        line-height: var(--font-p-lg-line-height-bp-lg)
    }

    .p-md {
        font-size: var(--font-p-md-size-bp-lg);
        line-height: var(--font-p-md-line-height-bp-lg)
    }

    .is--mobile {
        display: none !important
    }

    .is--desktop {
        display: unset !important
    }

    .max--tablet {
        display: none !important
    }

    input:not([type=checkbox]):not([type=radio]),
    select {
        font-size: var(--font-p-md-size-bp-lg);
        line-height: var(--font-p-md-line-height-bp-lg);
        padding: 15px 25px;
        height: 60px
    }

    select {
        font-size: var(--font-p-md-size-bp-lg);
        line-height: var(--font-p-md-line-height-bp-lg);
        padding-block: 15px;
        padding-inline-start: 25px;
        padding-inline-end: 38px;
        height: 60px
    }

    textarea {
        font-size: var(--font-p-md-size-bp-lg);
        line-height: var(--font-p-md-line-height-bp-lg);
        padding: 15px 25px;
        height: 60px
    }

    blockquote {
        padding-inline-start: 40px
    }

    blockquote p,
    article blockquote p {
        font-size: var(--font-h5-size-bp-lg);
        line-height: var(--font-h5-line-height-bp-lg)
    }

    blockquote footer {
        font-size: var(--font-p-md-size-bp-lg);
        line-height: var(--font-p-md-line-height-bp-lg);
        margin-top: 20px
    }

    .description-pullout {
        line-height: var(--font-p-lg-line-height-bp-lg);
        padding-left: 40px;
        padding-right: 40px
    }

    article ul:not(.pagination) li:before {
        top: 9px
    }

    article p,
    article ul:not(.pagination),
    article ol {
        line-height: var(--font-p-lg-line-height-bp-lg)
    }

    article h2 {
        font-size: var(--font-h3-size-bp-lg);
        line-height: var(--font-h3-line-height-bp-lg);
        letter-spacing: var(--font-h3-spacing-bp-lg)
    }

    article h3 {
        font-size: var(--font-h5-size-bp-lg);
        line-height: var(--font-h5-line-height-bp-lg)
    }

    article h4 {
        font-size: var(--font-h6-size-bp-lg);
        line-height: var(--font-h6-line-height-bp-lg)
    }

    .button--legacy.btn-action,
    .button--legacy.btn-action-2 {
        font-size: var(--font-btn-60-size);
        line-height: var(--font-btn-60-line-height);
        letter-spacing: var(--font-btn-60-spacing);
        height: 60px;
        padding: 14px 40px
    }

    .button--sm {
        font-size: var(--font-btn-50-size);
        line-height: var(--font-btn-50-line-height);
        letter-spacing: var(--font-btn-50-spacing);
        height: 50px;
        padding: 10px 25px
    }

    .button--sm>.sp-icon {
        width: 16px;
        height: 16px
    }

    .button--sm.button--icon-rt>.sp-icon {
        margin-inline-start: 8px
    }

    .button--sm.button--icon-lt>.sp-icon,
    .button--sm.button--icon-lt>.sp-spinner {
        margin-inline-end: 8px
    }

    .button--sm.button--circle {
        width: 50px;
        padding: 0
    }

    .button--sm.button--circle>.sp-icon {
        width: 22px;
        height: 22px
    }

    .button--sm.button--fixed {
        min-width: 240px
    }

    .button--md {
        font-size: var(--font-btn-60-size);
        line-height: var(--font-btn-60-line-height);
        letter-spacing: var(--font-btn-60-spacing);
        height: 60px;
        padding: 14px 40px
    }

    .button--md>.sp-icon {
        width: 18px;
        height: 18px
    }

    .button--md.button--icon-rt>.sp-icon {
        margin-inline-start: 10px
    }

    .button--md.button--icon-lt>.sp-icon,
    .button--md.button--icon-lt>.sp-spinner {
        margin-inline-end: 10px
    }

    .button--md.button--circle {
        width: 60px;
        padding: 0
    }

    .button--md.button--circle>.sp-icon {
        width: 26px;
        height: 26px
    }

    .button--md.button--fixed {
        min-width: 260px
    }

    .button--lg {
        font-size: var(--font-btn-80-size);
        line-height: var(--font-btn-80-line-height);
        letter-spacing: var(--font-btn-80-spacing);
        height: 80px;
        padding: 19px 50px
    }

    .button--lg>.sp-icon {
        width: 22px;
        height: 22px
    }

    .button--lg.button--icon-rt>.sp-icon {
        margin-inline-start: 12px
    }

    .button--lg.button--icon-lt>.sp-icon,
    .button--lg.button--icon-lt>.sp-spinner {
        margin-inline-end: 12px
    }

    .button--lg.button--circle {
        width: 80px;
        padding: 0
    }

    .button--lg.button--circle>.sp-icon {
        width: 30px;
        height: 30px
    }

    .button--lg.button--fixed {
        min-width: 280px
    }

    .sp-card .card__body,
    .sp-card .card__footer {
        padding: 30px
    }

    .sp-card.has--color.card--md:not(.has--darkheader, .has__line--responsive, .has__line--left) .card__body {
        padding-top: 34px
    }

    .sp-card.has--color.has__line--left .card__body {
        padding-left: 34px
    }

    .sp-card.has--lightheader .card__bg {
        padding-top: 80px
    }

    .sp-card.has--lightheader.has--hover:hover .card__bg:before {
        height: 80px
    }

    .sp-card.card--sm+.card--sm {
        margin-left: 10px
    }

    .sp-card.card--flex.has__footer--stacked .card__actions {
        flex: 0 0 260px
    }

    .navbar {
        height: 80px
    }

    .navbar.navbar--checkout {
        margin-bottom: 20px;
        padding-top: 18px;
        padding-bottom: 18px
    }

    .navbar .logo img {
        width: 200px;
        height: 41.0333px
    }

    .navbar nav.middle-section:not(.anonymous)>ul>li.active:after,
    .navbar nav.middle-section:not(.anonymous)>ul>li.focused:after,
    .navbar nav.middle-section:not(.anonymous)>ul>li:hover:after,
    .navbar nav.middle-section:not(.anonymous)>ul>li:active:after,
    .navbar nav.middle-section:not(.anonymous)>ul>li:focus:after {
        inset-inline: 10px
    }

    .navbar nav.middle-section:not(.anonymous)>ul>li>a {
        padding: 0 10px
    }

    .navbar nav.middle-section>ul>li.active:after,
    .navbar nav.middle-section>ul>li.focused:after,
    .navbar nav.middle-section>ul>li:hover:after,
    .navbar nav.middle-section>ul>li:active:after,
    .navbar nav.middle-section>ul>li:focus:after {
        inset-inline: 10px
    }

    .navbar nav.middle-section>ul>li>a {
        padding: 0 10px
    }

    .navbar nav.middle-section>ul>li>a>.icon--angle {
        width: 14px;
        height: 14px
    }

    .navbar nav.middle-section>ul>li>ul.wide.type-list {
        inset-inline-start: calc(50% - 244px);
        width: 488px
    }

    .navbar nav.middle-section>ul>li>ul.wide {
        inset-inline-start: calc(50% - 240px);
        width: 480px
    }

    .navbar nav.middle-section>ul>li>ul.wide .types ul li a span {
        display: none
    }

    .navbar nav.middle-section>ul>li>ul {
        padding: 14px 0;
        width: 334px;
        top: 100%;
        inset-inline-start: calc(50% - 167px)
    }

    .navbar nav.middle-section>ul>li>ul>li.types {
        padding: 10px 25px
    }

    .navbar nav.middle-section>ul>li>ul>li.types ul {
        gap: 10px
    }

    .navbar nav.middle-section>ul>li>ul>li.types ul li a {
        font-size: .7em;
        min-width: 102px
    }

    .navbar nav.middle-section>ul>li>ul>li .info .title {
        font-size: var(--font-p-sm-size-bp-md);
        line-height: var(--font-p-sm-line-height-bp-md);
        letter-spacing: var(--font-p-sm-spacing-bp-md)
    }

    .navbar nav.middle-section>ul>li>ul>li .info .subtitle {
        font-size: var(--font-p-tn-size-bp-md);
        line-height: var(--font-p-tn-line-height-bp-md);
        letter-spacing: var(--font-p-tn-spacing-bp-md)
    }

    .navbar nav.middle-section>ul>li>ul>li>a {
        padding: 14px 28px
    }

    .navbar nav.middle-section>ul>li>ul>li>a img {
        width: 35px;
        height: 35px
    }

    .navbar .middle-section>ul>li>a,
    .navbar .right-section .link--login,
    .navbar .right-section .language-link {
        font-size: var(--font-p-tn-size-bp-md);
        line-height: var(--font-p-tn-line-height-bp-md);
        letter-spacing: var(--font-p-tn-spacing-bp-md)
    }

    .navbar .right-section .search-toggle .sp-icon,
    .navbar .right-section .language-toggle .sp-icon,
    .navbar .right-section .a11y-toggle .sp-icon {
        width: 18px;
        height: 18px
    }

    .navbar .right-section .language-link {
        padding: 4px 8px
    }

    .navbar .right-section .language-link .sp-icon {
        width: 18px;
        height: 18px
    }

    .navbar .right-section .link--login {
        height: 50px;
        margin-inline-end: 15px
    }

    .notification-sidebar {
        max-width: 500px
    }

    .huge\:tw-absolute {
        position: absolute !important
    }

    .huge\:tw-relative {
        position: relative !important
    }

    .huge\:tw--top-15 {
        top: -15px !important
    }

    .huge\:tw-bottom-15 {
        bottom: 15px !important
    }

    .huge\:tw-bottom-\[-80px\] {
        bottom: -80px !important
    }

    .huge\:tw-end-\[-80px\] {
        inset-inline-end: -80px !important
    }

    .huge\:tw-left-1\/2 {
        left: 50% !important
    }

    .huge\:tw-left-\[-15px\] {
        left: -15px !important
    }

    .huge\:tw-start-\[-80px\] {
        inset-inline-start: -80px !important
    }

    .huge\:tw-start-auto {
        inset-inline-start: auto !important
    }

    .huge\:tw-top-0 {
        top: 0 !important
    }

    .huge\:tw-top-\[-80px\] {
        top: -80px !important
    }

    .huge\:tw-order-\[-1\] {
        order: -1 !important
    }

    .huge\:tw-order-first {
        order: -9999 !important
    }

    .huge\:tw-m-0 {
        margin: 0 !important
    }

    .huge\:tw-mx-0 {
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .huge\:tw-mx-10 {
        margin-left: 10px !important;
        margin-right: 10px !important
    }

    .huge\:tw-mx-20 {
        margin-left: 20px !important;
        margin-right: 20px !important
    }

    .huge\:tw-mx-30 {
        margin-left: 30px !important;
        margin-right: 30px !important
    }

    .huge\:tw-mx-\[-40px\] {
        margin-left: -40px !important;
        margin-right: -40px !important
    }

    .huge\:tw-mx-\[-60px\] {
        margin-left: -60px !important;
        margin-right: -60px !important
    }

    .huge\:tw-mx-auto {
        margin-left: auto !important;
        margin-right: auto !important
    }

    .huge\:tw-my-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .huge\:tw-my-80 {
        margin-top: 80px !important;
        margin-bottom: 80px !important
    }

    .huge\:-tw-ml-0 {
        margin-left: 0 !important
    }

    .huge\:tw-mb-0 {
        margin-bottom: 0 !important
    }

    .huge\:tw-mb-10 {
        margin-bottom: 10px !important
    }

    .huge\:tw-mb-20 {
        margin-bottom: 20px !important
    }

    .huge\:tw-mb-30 {
        margin-bottom: 30px !important
    }

    .huge\:tw-mb-40 {
        margin-bottom: 40px !important
    }

    .huge\:tw-mb-60 {
        margin-bottom: 60px !important
    }

    .huge\:tw-mb-80 {
        margin-bottom: 80px !important
    }

    .huge\:tw-mb-\[-24px\] {
        margin-bottom: -24px !important
    }

    .huge\:tw-mb-\[2px\] {
        margin-bottom: 2px !important
    }

    .huge\:tw-mb-\[46px\] {
        margin-bottom: 46px !important
    }

    .huge\:tw-me-25 {
        margin-inline-end: 25px !important
    }

    .huge\:tw-me-40 {
        margin-inline-end: 40px !important
    }

    .huge\:tw-me-\[-20px\] {
        margin-inline-end: -20px !important
    }

    .huge\:tw-ml-20 {
        margin-left: 20px !important
    }

    .huge\:tw-ml-\[-960px\] {
        margin-left: -960px !important
    }

    .huge\:tw-ml-\[110px\] {
        margin-left: 110px !important
    }

    .huge\:tw-mr-40 {
        margin-right: 40px !important
    }

    .huge\:tw-mr-\[-1px\] {
        margin-right: -1px !important
    }

    .huge\:tw-mr-\[40px\] {
        margin-right: 40px !important
    }

    .huge\:tw-ms-25 {
        margin-inline-start: 25px !important
    }

    .huge\:tw-ms-\[24px\] {
        margin-inline-start: 24px !important
    }

    .huge\:tw-ms-\[3\.89\%\] {
        margin-inline-start: 3.89% !important
    }

    .huge\:tw-ms-auto {
        margin-inline-start: auto !important
    }

    .huge\:tw-mt-0 {
        margin-top: 0 !important
    }

    .huge\:tw-mt-10 {
        margin-top: 10px !important
    }

    .huge\:tw-mt-20 {
        margin-top: 20px !important
    }

    .huge\:tw-mt-30 {
        margin-top: 30px !important
    }

    .huge\:tw-mt-40 {
        margin-top: 40px !important
    }

    .huge\:tw-mt-5 {
        margin-top: 5px !important
    }

    .huge\:tw-mt-60 {
        margin-top: 60px !important
    }

    .huge\:tw-mt-80 {
        margin-top: 80px !important
    }

    .huge\:tw-mt-\[-10px\] {
        margin-top: -10px !important
    }

    .huge\:tw-mt-\[-120px\] {
        margin-top: -120px !important
    }

    .huge\:tw-mt-\[-18\.831\%\] {
        margin-top: -18.831% !important
    }

    .huge\:tw-mt-\[-20px\] {
        margin-top: -20px !important
    }

    .huge\:tw-mt-\[-50px\] {
        margin-top: -50px !important
    }

    .huge\:tw-mt-\[-52px\] {
        margin-top: -52px !important
    }

    .huge\:tw-mt-\[73px\] {
        margin-top: 73px !important
    }

    .huge\:tw-block {
        display: block !important
    }

    .huge\:tw-flex {
        display: flex !important
    }

    .huge\:tw-inline-flex {
        display: inline-flex !important
    }

    .huge\:tw-hidden {
        display: none !important
    }

    .huge\:tw-h-40 {
        height: 40px !important
    }

    .huge\:tw-h-80 {
        height: 80px !important
    }

    .huge\:tw-h-\[100px\] {
        height: 100px !important
    }

    .huge\:tw-h-\[110px\] {
        height: 110px !important
    }

    .huge\:tw-h-\[120px\] {
        height: 120px !important
    }

    .huge\:tw-h-\[136px\] {
        height: 136px !important
    }

    .huge\:tw-h-\[140px\] {
        height: 140px !important
    }

    .huge\:tw-h-\[160px\] {
        height: 160px !important
    }

    .huge\:tw-h-\[16px\] {
        height: 16px !important
    }

    .huge\:tw-h-\[190px\] {
        height: 190px !important
    }

    .huge\:tw-h-\[193px\] {
        height: 193px !important
    }

    .huge\:tw-h-\[200px\] {
        height: 200px !important
    }

    .huge\:tw-h-\[20px\] {
        height: 20px !important
    }

    .huge\:tw-h-\[220px\] {
        height: 220px !important
    }

    .huge\:tw-h-\[225px\] {
        height: 225px !important
    }

    .huge\:tw-h-\[22px\] {
        height: 22px !important
    }

    .huge\:tw-h-\[240px\] {
        height: 240px !important
    }

    .huge\:tw-h-\[24px\] {
        height: 24px !important
    }

    .huge\:tw-h-\[25px\] {
        height: 25px !important
    }

    .huge\:tw-h-\[260px\] {
        height: 260px !important
    }

    .huge\:tw-h-\[26px\] {
        height: 26px !important
    }

    .huge\:tw-h-\[28px\] {
        height: 28px !important
    }

    .huge\:tw-h-\[30px\] {
        height: 30px !important
    }

    .huge\:tw-h-\[33px\] {
        height: 33px !important
    }

    .huge\:tw-h-\[34px\] {
        height: 34px !important
    }

    .huge\:tw-h-\[36px\] {
        height: 36px !important
    }

    .huge\:tw-h-\[42px\] {
        height: 42px !important
    }

    .huge\:tw-h-\[46px\] {
        height: 46px !important
    }

    .huge\:tw-h-\[50px\] {
        height: 50px !important
    }

    .huge\:tw-h-\[52px\] {
        height: 52px !important
    }

    .huge\:tw-h-\[54px\] {
        height: 54px !important
    }

    .huge\:tw-h-\[56px\] {
        height: 56px !important
    }

    .huge\:tw-h-\[60px\] {
        height: 60px !important
    }

    .huge\:tw-h-\[62px\] {
        height: 62px !important
    }

    .huge\:tw-h-\[64px\] {
        height: 64px !important
    }

    .huge\:tw-h-\[70px\] {
        height: 70px !important
    }

    .huge\:tw-h-\[81px\] {
        height: 81px !important
    }

    .huge\:tw-max-h-\[33px\] {
        max-height: 33px !important
    }

    .huge\:tw-min-h-55 {
        min-height: 55px !important
    }

    .huge\:tw-min-h-\[224px\] {
        min-height: 224px !important
    }

    .huge\:tw-min-h-\[313px\] {
        min-height: 313px !important
    }

    .huge\:tw-min-h-\[322px\] {
        min-height: 322px !important
    }

    .huge\:tw-min-h-\[96px\] {
        min-height: 96px !important
    }

    .huge\:tw-w-1\/3 {
        width: 33.333333% !important
    }

    .huge\:tw-w-80 {
        width: 80px !important
    }

    .huge\:tw-w-\[100px\] {
        width: 100px !important
    }

    .huge\:tw-w-\[140px\] {
        width: 140px !important
    }

    .huge\:tw-w-\[160px\] {
        width: 160px !important
    }

    .huge\:tw-w-\[16px\] {
        width: 16px !important
    }

    .huge\:tw-w-\[193px\] {
        width: 193px !important
    }

    .huge\:tw-w-\[195px\] {
        width: 195px !important
    }

    .huge\:tw-w-\[200px\] {
        width: 200px !important
    }

    .huge\:tw-w-\[20px\] {
        width: 20px !important
    }

    .huge\:tw-w-\[22px\] {
        width: 22px !important
    }

    .huge\:tw-w-\[232px\] {
        width: 232px !important
    }

    .huge\:tw-w-\[240px\] {
        width: 240px !important
    }

    .huge\:tw-w-\[24px\] {
        width: 24px !important
    }

    .huge\:tw-w-\[260px\] {
        width: 260px !important
    }

    .huge\:tw-w-\[26px\] {
        width: 26px !important
    }

    .huge\:tw-w-\[278px\] {
        width: 278px !important
    }

    .huge\:tw-w-\[28px\] {
        width: 28px !important
    }

    .huge\:tw-w-\[30px\] {
        width: 30px !important
    }

    .huge\:tw-w-\[315px\] {
        width: 315px !important
    }

    .huge\:tw-w-\[34px\] {
        width: 34px !important
    }

    .huge\:tw-w-\[360px\] {
        width: 360px !important
    }

    .huge\:tw-w-\[36px\] {
        width: 36px !important
    }

    .huge\:tw-w-\[380px\] {
        width: 380px !important
    }

    .huge\:tw-w-\[400px\] {
        width: 400px !important
    }

    .huge\:tw-w-\[42\.1px\] {
        width: 42.1px !important
    }

    .huge\:tw-w-\[42px\] {
        width: 42px !important
    }

    .huge\:tw-w-\[46px\] {
        width: 46px !important
    }

    .huge\:tw-w-\[488\.57px\] {
        width: 488.57px !important
    }

    .huge\:tw-w-\[50px\] {
        width: 50px !important
    }

    .huge\:tw-w-\[52px\] {
        width: 52px !important
    }

    .huge\:tw-w-\[54px\] {
        width: 54px !important
    }

    .huge\:tw-w-\[56px\] {
        width: 56px !important
    }

    .huge\:tw-w-\[62px\] {
        width: 62px !important
    }

    .huge\:tw-w-\[64px\] {
        width: 64px !important
    }

    .huge\:tw-w-\[70px\] {
        width: 70px !important
    }

    .huge\:tw-w-\[calc\(100\%-160px-30px\)\] {
        width: calc(100% - 190px) !important
    }

    .huge\:tw-w-\[calc\(100\%-360px-40px\)\] {
        width: calc(100% - 400px) !important
    }

    .huge\:tw-w-\[calc\(100\%-376px-60px\)\] {
        width: calc(100% - 436px) !important
    }

    .huge\:tw-w-\[calc\(100\%-380px-40px\)\] {
        width: calc(100% - 420px) !important
    }

    .huge\:tw-w-auto {
        width: auto !important
    }

    .huge\:tw-w-full {
        width: 100% !important
    }

    .huge\:tw-min-w-0 {
        min-width: 0 !important
    }

    .huge\:tw-min-w-80 {
        min-width: 80px !important
    }

    .huge\:tw-min-w-\[320px\] {
        min-width: 320px !important
    }

    .huge\:tw-max-w-50 {
        max-width: 50px !important
    }

    .huge\:tw-max-w-\[1000px\] {
        max-width: 1000px !important
    }

    .huge\:tw-max-w-\[37\%\] {
        max-width: 37% !important
    }

    .huge\:tw-max-w-\[400px\] {
        max-width: 400px !important
    }

    .huge\:tw-max-w-\[420px\] {
        max-width: 420px !important
    }

    .huge\:tw-max-w-\[440px\] {
        max-width: 440px !important
    }

    .huge\:tw-max-w-\[500px\] {
        max-width: 500px !important
    }

    .huge\:tw-max-w-\[530px\] {
        max-width: 530px !important
    }

    .huge\:tw-max-w-\[58\.44\%\] {
        max-width: 58.44% !important
    }

    .huge\:tw-max-w-\[640px\] {
        max-width: 640px !important
    }

    .huge\:tw-max-w-\[650px\] {
        max-width: 650px !important
    }

    .huge\:tw-max-w-\[680px\] {
        max-width: 680px !important
    }

    .huge\:tw-max-w-\[750px\] {
        max-width: 750px !important
    }

    .huge\:tw-max-w-\[790px\] {
        max-width: 790px !important
    }

    .huge\:tw-max-w-\[800px\] {
        max-width: 800px !important
    }

    .huge\:tw-max-w-\[860px\] {
        max-width: 860px !important
    }

    .huge\:tw-max-w-\[900px\] {
        max-width: 900px !important
    }

    .huge\:tw-max-w-\[calc\(100\%-205px-30px\)\] {
        max-width: calc(100% - 235px) !important
    }

    .huge\:tw-max-w-none {
        max-width: none !important
    }

    .huge\:tw-flex-1 {
        flex: 1 1 0% !important
    }

    .huge\:tw-flex-\[0_0_220px\] {
        flex: 0 0 220px !important
    }

    .huge\:tw-flex-\[0_0_250px\] {
        flex: 0 0 250px !important
    }

    .huge\:tw-flex-\[1_1_285px\] {
        flex: 1 1 285px !important
    }

    .huge\:tw-shrink {
        flex-shrink: 1 !important
    }

    .huge\:tw-shrink-0 {
        flex-shrink: 0 !important
    }

    .huge\:tw-grow {
        flex-grow: 1 !important
    }

    .huge\:tw-grow-0 {
        flex-grow: 0 !important
    }

    .huge\:tw-basis-\[23\.846\%\] {
        flex-basis: 23.846% !important
    }

    .huge\:tw-basis-\[23\.8461\%\] {
        flex-basis: 23.8461% !important
    }

    .huge\:tw-basis-\[360px\] {
        flex-basis: 360px !important
    }

    .huge\:tw-basis-\[66\.153\%\] {
        flex-basis: 66.153% !important
    }

    .huge\:tw-basis-\[860px\] {
        flex-basis: 860px !important
    }

    .huge\:tw-basis-\[calc\(100\%-110px\)\] {
        flex-basis: calc(100% - 110px) !important
    }

    .huge\:tw-basis-\[unset\] {
        flex-basis: unset !important
    }

    .huge\:tw-basis-auto {
        flex-basis: auto !important
    }

    .huge\:tw-scale-\[1\.25\] {
        --tw-scale-x: 1.25 !important;
        --tw-scale-y: 1.25 !important;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
    }

    .huge\:tw-grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important
    }

    .huge\:tw-grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important
    }

    .huge\:tw-grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important
    }

    .huge\:tw-grid-cols-5 {
        grid-template-columns: repeat(5, minmax(0, 1fr)) !important
    }

    .huge\:tw-flex-row {
        flex-direction: row !important
    }

    .huge\:tw-flex-row-reverse {
        flex-direction: row-reverse !important
    }

    .huge\:tw-flex-col {
        flex-direction: column !important
    }

    .huge\:tw-flex-wrap {
        flex-wrap: wrap !important
    }

    .huge\:tw-flex-nowrap {
        flex-wrap: nowrap !important
    }

    .huge\:tw-items-start {
        align-items: flex-start !important
    }

    .huge\:tw-items-center {
        align-items: center !important
    }

    .huge\:tw-justify-center {
        justify-content: center !important
    }

    .huge\:tw-justify-between {
        justify-content: space-between !important
    }

    .huge\:tw-gap-10 {
        gap: 10px !important
    }

    .huge\:tw-gap-30 {
        gap: 30px !important
    }

    .huge\:tw-gap-\[6\.923\%\] {
        gap: 6.923% !important
    }

    .huge\:tw-gap-\[8px\] {
        gap: 8px !important
    }

    .huge\:tw-gap-x-25 {
        -moz-column-gap: 25px !important;
        column-gap: 25px !important
    }

    .huge\:tw-self-start {
        align-self: flex-start !important
    }

    .huge\:tw-border-0 {
        border-width: 0px !important
    }

    .huge\:tw-border-b-0 {
        border-bottom-width: 0px !important
    }

    .huge\:tw-border-e {
        border-inline-end-width: 1px !important
    }

    .huge\:tw-border-s {
        border-inline-start-width: 1px !important
    }

    .huge\:tw-border-t-\[73px\] {
        border-top-width: 73px !important
    }

    .huge\:tw-bg-transparent {
        background-color: transparent !important
    }

    .huge\:tw-p-30 {
        padding: 30px !important
    }

    .huge\:tw-p-40 {
        padding: 40px !important
    }

    .huge\:tw-p-60 {
        padding: 60px !important
    }

    .huge\:tw-px-0 {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .huge\:tw-px-20 {
        padding-left: 20px !important;
        padding-right: 20px !important
    }

    .huge\:tw-px-25 {
        padding-left: 25px !important;
        padding-right: 25px !important
    }

    .huge\:tw-px-30 {
        padding-left: 30px !important;
        padding-right: 30px !important
    }

    .huge\:tw-px-35 {
        padding-left: 35px !important;
        padding-right: 35px !important
    }

    .huge\:tw-px-40 {
        padding-left: 40px !important;
        padding-right: 40px !important
    }

    .huge\:tw-px-60,
    .huge\:tw-px-\[60px\] {
        padding-left: 60px !important;
        padding-right: 60px !important
    }

    .huge\:tw-py-15 {
        padding-top: 15px !important;
        padding-bottom: 15px !important
    }

    .huge\:tw-py-20 {
        padding-top: 20px !important;
        padding-bottom: 20px !important
    }

    .huge\:tw-py-25 {
        padding-top: 25px !important;
        padding-bottom: 25px !important
    }

    .huge\:tw-py-30 {
        padding-top: 30px !important;
        padding-bottom: 30px !important
    }

    .huge\:tw-py-40 {
        padding-top: 40px !important;
        padding-bottom: 40px !important
    }

    .huge\:tw-py-50 {
        padding-top: 50px !important;
        padding-bottom: 50px !important
    }

    .huge\:tw-py-60 {
        padding-top: 60px !important;
        padding-bottom: 60px !important
    }

    .huge\:tw-py-80 {
        padding-top: 80px !important;
        padding-bottom: 80px !important
    }

    .huge\:tw-pb-0 {
        padding-bottom: 0 !important
    }

    .huge\:tw-pb-20 {
        padding-bottom: 20px !important
    }

    .huge\:tw-pb-60 {
        padding-bottom: 60px !important
    }

    .huge\:tw-pb-80 {
        padding-bottom: 80px !important
    }

    .huge\:tw-pb-\[100px\] {
        padding-bottom: 100px !important
    }

    .huge\:tw-pe-40 {
        padding-inline-end: 40px !important
    }

    .huge\:tw-pe-50 {
        padding-inline-end: 50px !important
    }

    .huge\:tw-pe-60 {
        padding-inline-end: 60px !important
    }

    .huge\:tw-pe-\[calc\(100\%-376px\)\] {
        padding-inline-end: calc(100% - 376px) !important
    }

    .huge\:tw-pl-\[calc\(\(100\%-996px\)\/2\)\] {
        padding-left: calc((100% - 996px)/2) !important
    }

    .huge\:tw-pr-40 {
        padding-right: 40px !important
    }

    .huge\:tw-ps-40 {
        padding-inline-start: 40px !important
    }

    .huge\:tw-ps-50 {
        padding-inline-start: 50px !important
    }

    .huge\:tw-ps-\[44px\] {
        padding-inline-start: 44px !important
    }

    .huge\:tw-pt-20 {
        padding-top: 20px !important
    }

    .huge\:tw-pt-30 {
        padding-top: 30px !important
    }

    .huge\:tw-pt-40 {
        padding-top: 40px !important
    }

    .huge\:tw-pt-60 {
        padding-top: 60px !important
    }

    .huge\:tw-pt-80 {
        padding-top: 80px !important
    }

    .huge\:tw-pt-\[108px\] {
        padding-top: 108px !important
    }

    .huge\:tw-pt-\[115px\] {
        padding-top: 115px !important
    }

    .huge\:tw-pt-\[155px\] {
        padding-top: 155px !important
    }

    .huge\:tw-pt-\[24px\] {
        padding-top: 24px !important
    }

    .huge\:tw-pt-\[56px\] {
        padding-top: 56px !important
    }

    .huge\:tw-text-left {
        text-align: left !important
    }

    .huge\:tw-text-center {
        text-align: center !important
    }

    .huge\:tw-text-right {
        text-align: right !important
    }

    .huge\:tw-text-start {
        text-align: start !important
    }

    .huge\:tw-text-72 {
        font-size: 72px !important
    }

    .huge\:tw-text-\[length\:--font-h3-size-bp-lg\] {
        font-size: var(--font-h3-size-bp-lg) !important
    }

    .huge\:tw-text-font-h1-huge {
        font-size: var(--font-h1-size-bp-lg) !important
    }

    .huge\:tw-text-font-h3-huge {
        font-size: var(--font-h3-size-bp-lg) !important
    }

    .huge\:tw-text-font-h5-huge {
        font-size: var(--font-h5-size-bp-lg) !important
    }

    .huge\:tw-text-font-h6-huge {
        font-size: var(--font-h6-size-bp-lg) !important
    }

    .huge\:tw-text-font-h7-huge {
        font-size: var(--font-h7-size-bp-lg) !important
    }

    .huge\:tw-text-md {
        font-size: 1rem !important
    }

    .huge\:tw-leading-\[--font-h3-line-height-bp-lg\] {
        line-height: var(--font-h3-line-height-bp-lg) !important
    }

    .huge\:tw-leading-font-h1-huge {
        line-height: var(--font-h1-line-height-bp-lg) !important
    }

    .huge\:tw-leading-font-h3-huge {
        line-height: var(--font-h3-line-height-bp-lg) !important
    }

    .huge\:tw-leading-font-h5-huge {
        line-height: var(--font-h5-line-height-bp-lg) !important
    }

    .huge\:tw-leading-font-h6-huge {
        line-height: var(--font-h6-line-height-bp-lg) !important
    }

    .huge\:tw-leading-font-h7-huge {
        line-height: var(--font-h7-line-height-bp-lg) !important
    }

    .huge\:tw-leading-font-p-md-huge {
        line-height: var(--font-p-md-line-height-bp-lg) !important
    }

    .huge\:tw-tracking-\[--font-h3-spacing-bp-lg\] {
        letter-spacing: var(--font-h3-spacing-bp-lg) !important
    }

    .huge\:tw-tracking-font-h1-huge {
        letter-spacing: var(--font-h1-spacing-bp-lg) !important
    }

    .huge\:tw-tracking-font-h3-huge {
        letter-spacing: var(--font-h3-spacing-bp-lg) !important
    }

    .huge\:tw-tracking-font-h6-medium {
        letter-spacing: var(--font-h6-spacing-bp-md) !important
    }

    .huge\:\[clip-path\:polygon\(0\.65\%_0\%\,98\.7\%_0\%\,100\%_49\.41\%\,98\.7\%_84\.71\%\,65\.58\%_100\%\,39\.61\%_97\.65\%\,11\.69\%_100\%\,0\.65\%_92\.94\%\,0\%_23\.53\%\)\] {
        clip-path: polygon(.65% 0%, 98.7% 0%, 100% 49.41%, 98.7% 84.71%, 65.58% 100%, 39.61% 97.65%, 11.69% 100%, .65% 92.94%, 0% 23.53%) !important
    }

    .last\:huge\:tw-mb-\[70px\]:last-child {
        margin-bottom: 70px !important
    }

    .last\:huge\:tw-mr-0:last-child {
        margin-right: 0 !important
    }

    .last\:huge\:tw-border-e-0:last-child {
        border-inline-end-width: 0px !important
    }

    .huge\:\[\&\.angular-380-disconnected-1\]\:tw-h-\[20px\].angular-380-disconnected-1 {
        height: 20px !important
    }

    .huge\:\[\&\.angular-380-disconnected-2\]\:tw-h-\[25px\].angular-380-disconnected-2 {
        height: 25px !important
    }

    .huge\:\[\&\.angular-380-disconnected-3\]\:tw-h-\[30px\].angular-380-disconnected-3 {
        height: 30px !important
    }
}

@media (min-width: 1200px) and (min-height: 670px) {
    .navbar nav.middle-section>ul>li>ul.wide .types ul li a span {
        display: block
    }
}

@media (min-width: 1200px) and (min-height: 900px) {
    .navbar nav.middle-section>ul>li>ul>li.types {
        padding: 18px 25px
    }
}

@media not all and (min-width: 1200px) {
    .max-huge\:tw-order-\[-1\] {
        order: -1 !important
    }

    .max-huge\:tw-m-0 {
        margin: 0 !important
    }

    .max-huge\:tw-mb-10 {
        margin-bottom: 10px !important
    }

    .max-huge\:tw-w-full {
        width: 100% !important
    }

    .max-huge\:tw-flex-wrap {
        flex-wrap: wrap !important
    }
}

@media (min-width: 1250px) {
    h1.underlined {
        padding: 75px 0 30px
    }

    main.notification-list .notification {
        padding: 0
    }

    main.notification-list .note {
        padding: 0
    }
}

@media (min-width: 1300px) {
    .navbar {
        height: 90px;
        padding: 0 20px
    }

    .navbar.navbar--checkout .checkout--text {
        font-size: var(--font-p-md-size-bp-lg);
        line-height: var(--font-p-md-line-height-bp-lg);
        letter-spacing: var(--font-p-md-spacing-bp-lg)
    }

    .navbar.user nav.middle-section>ul {
        padding: 0
    }

    .navbar .logo img {
        width: 210px;
        height: 43.0833px
    }

    .navbar .middle-section>ul>li>a,
    .navbar .right-section .link--login,
    .navbar .right-section .language-link {
        font-size: var(--font-p-sm-size-bp-md);
        line-height: var(--font-p-sm-line-height-bp-md);
        letter-spacing: var(--font-p-sm-spacing-bp-md)
    }

    .navbar .right-section .search-toggle .sp-icon,
    .navbar .right-section .language-toggle .sp-icon,
    .navbar .right-section .a11y-toggle .sp-icon {
        width: 22px;
        height: 22px
    }

    .navbar .right-section .search-toggle:focus-visible,
    .navbar .right-section .language-toggle:focus-visible,
    .navbar .right-section .a11y-toggle:focus-visible,
    .navbar .right-section .search-toggle:hover,
    .navbar .right-section .language-toggle:hover,
    .navbar .right-section .a11y-toggle:hover {
        box-shadow: 0 0 0 9px #eeeff1
    }

    .navbar .right-section .search-toggle,
    .navbar .right-section .language-toggle {
        margin-inline-end: 18px
    }

    .navbar .right-section .language-link {
        padding: 11px 14px
    }

    .navbar .right-section .language-link .sp-icon {
        width: 22px;
        height: 22px
    }

    .navbar .right-section .test-button {
        font-size: var(--font-btn-50-size);
        line-height: var(--font-btn-50-line-height);
        letter-spacing: var(--font-btn-50-spacing);
        height: 50px;
        padding: 10px 25px
    }
}

@media (min-width: 1340px) {
    .sp-wrap {
        max-width: 1000px;
        margin-left: auto;
        margin-right: auto
    }

    .container-padding {
        padding: 0
    }

    .\[\&\:not\(\.is--stuck\)\]\:maxlayout\:tw-max-w-\[860px\]:not(.is--stuck) {
        max-width: 860px !important
    }
}

@media (min-width: 1350px) {
    .\31 350\:tw-px-0 {
        padding-left: 0 !important;
        padding-right: 0 !important
    }
}

@media (min-width: 1390px) {
    .min-\[1390px\]\:first\:tw-pl-40:first-child {
        padding-left: 40px !important
    }

    .min-\[1390px\]\:last\:tw-pr-40:last-child {
        padding-right: 40px !important
    }
}

@media (min-width: 1400px) {

    .navbar nav.middle-section>ul>li.active:after,
    .navbar nav.middle-section>ul>li.focused:after,
    .navbar nav.middle-section>ul>li:hover:after,
    .navbar nav.middle-section>ul>li:active:after,
    .navbar nav.middle-section>ul>li:focus:after {
        inset-inline: 7.5px
    }

    .navbar nav.middle-section>ul>li>a {
        padding: 0 7.5px
    }

    .navbar nav.middle-section>ul>li>a>.icon--angle {
        width: 16px;
        height: 16px;
        margin-inline-start: 4px
    }

    .navbar nav.middle-section>ul>li>ul.wide.type-list {
        inset-inline-start: calc(50% - 264px);
        width: 528px
    }

    .navbar nav.middle-section>ul>li>ul.wide {
        inset-inline-start: calc(50% - 255px);
        width: 510px
    }

    .navbar nav.middle-section>ul>li>ul.wide .types ul li a span {
        display: none
    }

    .navbar nav.middle-section>ul>li>ul {
        padding: 16px 0;
        width: 384px;
        top: 100%;
        inset-inline-start: calc(50% - 192px)
    }

    .navbar nav.middle-section>ul>li>ul>li.types:first-of-type {
        padding-top: 18px
    }

    .navbar nav.middle-section>ul>li>ul>li.types ul {
        gap: 15px
    }

    .navbar nav.middle-section>ul>li>ul>li.types ul li a {
        font-size: .75em;
        min-width: 108px
    }

    .navbar nav.middle-section>ul>li>ul>li>a {
        gap: 15px;
        padding: 16px 32px
    }

    .navbar nav.middle-section>ul>li>ul>li>a img {
        width: 45px;
        height: 45px
    }

    .huge-2\:tw-order-2 {
        order: 2 !important
    }

    .huge-2\:tw-order-\[-1\] {
        order: -1 !important
    }

    .huge-2\:tw-order-last {
        order: 9999 !important
    }

    .huge-2\:tw-mx-0 {
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .huge-2\:tw-mb-0 {
        margin-bottom: 0 !important
    }

    .huge-2\:tw-mb-10 {
        margin-bottom: 10px !important
    }

    .huge-2\:tw-mb-\[6px\] {
        margin-bottom: 6px !important
    }

    .huge-2\:tw-me-0 {
        margin-inline-end: 0 !important
    }

    .huge-2\:tw-ml-\[-30px\] {
        margin-left: -30px !important
    }

    .huge-2\:tw-mr-0 {
        margin-right: 0 !important
    }

    .huge-2\:tw-mr-\[-10px\] {
        margin-right: -10px !important
    }

    .huge-2\:tw-mt-0 {
        margin-top: 0 !important
    }

    .huge-2\:tw-block {
        display: block !important
    }

    .huge-2\:tw-min-h-\[369px\] {
        min-height: 369px !important
    }

    .huge-2\:tw-min-h-\[64px\] {
        min-height: 64px !important
    }

    .huge-2\:tw-w-\[310px\] {
        width: 310px !important
    }

    .huge-2\:tw-w-\[350px\] {
        width: 350px !important
    }

    .huge-2\:tw-w-full {
        width: 100% !important
    }

    .huge-2\:tw-min-w-0 {
        min-width: 0 !important
    }

    .huge-2\:tw-max-w-\[320px\] {
        max-width: 320px !important
    }

    .huge-2\:tw-max-w-\[950px\] {
        max-width: 950px !important
    }

    .huge-2\:tw-grow-0 {
        flex-grow: 0 !important
    }

    .huge-2\:tw-basis-\[20\.7792\%\] {
        flex-basis: 20.7792% !important
    }

    .huge-2\:tw-basis-\[420px\] {
        flex-basis: 420px !important
    }

    .huge-2\:tw-flex-col {
        flex-direction: column !important
    }

    .huge-2\:tw-flex-wrap {
        flex-wrap: wrap !important
    }

    .huge-2\:tw-gap-60 {
        gap: 60px !important
    }

    .huge-2\:tw-p-0 {
        padding: 0 !important
    }

    .huge-2\:tw-px-0 {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .huge-2\:tw-px-30 {
        padding-left: 30px !important;
        padding-right: 30px !important
    }

    .huge-2\:tw-pb-30 {
        padding-bottom: 30px !important
    }

    .huge-2\:tw-pb-40 {
        padding-bottom: 40px !important
    }

    .huge-2\:tw-pl-30 {
        padding-left: 30px !important
    }

    .huge-2\:tw-pl-5 {
        padding-left: 5px !important
    }

    .huge-2\:tw-pr-10 {
        padding-right: 10px !important
    }

    .huge-2\:tw-pr-5 {
        padding-right: 5px !important
    }

    .huge-2\:tw-pt-60 {
        padding-top: 60px !important
    }

    .huge-2\:tw-pt-\[34px\] {
        padding-top: 34px !important
    }
}

@media (min-width: 1400px) and (min-height: 900px) {
    .navbar nav.middle-section>ul>li>ul.wide.type-list {
        inset-inline-start: calc(50% - 279px);
        width: 558px
    }

    .navbar nav.middle-section>ul>li>ul>li.types {
        padding: 9px 40px 18px
    }
}

@media (min-width: 1400px) and (min-height: 730px) {
    .navbar nav.middle-section>ul>li>ul.wide .types ul li a span {
        display: block
    }
}

@media (min-width: 1420px) {
    .min-\[1420px\]\:tw-p-0 {
        padding: 0 !important
    }
}

@media (min-width: 1520px) {
    .navbar.navbar--checkout .checkout--text {
        font-size: var(--font-p-lg-size-bp-lg);
        line-height: var(--font-p-lg-line-height-bp-lg);
        letter-spacing: var(--font-p-lg-spacing-bp-lg)
    }

    .navbar .logo img {
        width: 240px;
        height: 49.2333px
    }

    .navbar nav.middle-section:not(.anonymous)>ul>li.active:after,
    .navbar nav.middle-section:not(.anonymous)>ul>li.focused:after,
    .navbar nav.middle-section:not(.anonymous)>ul>li:hover:after,
    .navbar nav.middle-section:not(.anonymous)>ul>li:active:after,
    .navbar nav.middle-section:not(.anonymous)>ul>li:focus:after {
        inset-inline: 15px
    }

    .navbar nav.middle-section:not(.anonymous)>ul>li>a {
        padding: 0 15px
    }

    .navbar nav.middle-section.international>ul>li.active:after,
    .navbar nav.middle-section.international>ul>li.focused:after,
    .navbar nav.middle-section.international>ul>li:hover:after,
    .navbar nav.middle-section.international>ul>li:active:after,
    .navbar nav.middle-section.international>ul>li:focus:after {
        inset-inline: 15px
    }

    .navbar nav.middle-section.international>ul>li>a {
        padding: 0 15px
    }

    .navbar nav.middle-section>ul>li>ul>li .info .title {
        font-size: var(--font-p-md-size-bp-md);
        line-height: var(--font-p-md-line-height-bp-md);
        letter-spacing: var(--font-p-md-spacing-bp-md)
    }

    .navbar .middle-section>ul>li>a,
    .navbar .right-section .link--login,
    .navbar .right-section .language-link {
        font-size: var(--font-p-md-size-bp-lg);
        line-height: var(--font-p-md-line-height-bp-lg);
        letter-spacing: var(--font-p-md-spacing-bp-lg)
    }

    .navbar .right-section .search-toggle:focus-visible,
    .navbar .right-section .language-toggle:focus-visible,
    .navbar .right-section .a11y-toggle:focus-visible,
    .navbar .right-section .search-toggle:hover,
    .navbar .right-section .language-toggle:hover,
    .navbar .right-section .a11y-toggle:hover {
        box-shadow: 0 0 0 12px #eeeff1
    }

    .navbar .right-section .search-toggle,
    .navbar .right-section .language-toggle {
        margin-inline-end: 24px
    }

    .navbar .right-section .language-link {
        padding: 10px 14px
    }

    .navbar .right-section .link--login {
        margin-inline-end: 20px
    }

    .navbar .right-section .test-button {
        font-size: var(--font-btn-60-size);
        line-height: var(--font-btn-60-line-height);
        letter-spacing: var(--font-btn-60-spacing);
        height: 60px;
        padding: 14px 40px
    }

    .navbar .right-section .profile-menu-wrapper .profile-menu-toggle .avatar {
        width: 70px;
        height: 70px
    }

    .navbar .right-section .profile-menu-wrapper .profile-menu-toggle .notifications {
        top: 4px
    }
}

@media (min-width: 1600px) {

    .navbar nav.middle-section>ul>li.active:after,
    .navbar nav.middle-section>ul>li.focused:after,
    .navbar nav.middle-section>ul>li:hover:after,
    .navbar nav.middle-section>ul>li:active:after,
    .navbar nav.middle-section>ul>li:focus:after {
        inset-inline: 10px
    }

    .navbar nav.middle-section>ul>li>a {
        padding: 0 10px
    }

    .navbar nav.middle-section>ul>li>a>.icon--angle {
        width: 18px;
        height: 18px
    }

    .navbar nav.middle-section>ul>li>ul.wide .types ul li a span {
        display: none
    }

    .navbar nav.middle-section>ul>li>ul {
        width: 396px;
        inset-inline-start: calc(50% - 198px)
    }

    .navbar .right-section .link--login {
        height: 60px
    }

    .huge-3\:tw-mx-auto {
        margin-left: auto !important;
        margin-right: auto !important
    }

    .huge-3\:tw-ms-\[7\.7922\%\] {
        margin-inline-start: 7.7922% !important
    }

    .huge-3\:tw-h-\[300px\] {
        height: 300px !important
    }

    .huge-3\:tw-min-h-\[350px\] {
        min-height: 350px !important
    }

    .huge-3\:tw-min-h-\[73px\] {
        min-height: 73px !important
    }

    .huge-3\:tw-w-\[300px\] {
        width: 300px !important
    }

    .huge-3\:tw-max-w-\[1600px\] {
        max-width: 1600px !important
    }

    .huge-3\:tw-max-w-\[500px\] {
        max-width: 500px !important
    }

    .huge-3\:tw-max-w-\[900px\] {
        max-width: 900px !important
    }

    .huge-3\:tw-pb-80 {
        padding-bottom: 80px !important
    }

    .huge-3\:tw-pt-80 {
        padding-top: 80px !important
    }
}

@media (min-width: 1600px) and (min-height: 750px) {
    .navbar nav.middle-section>ul>li>ul.wide .types ul li a span {
        display: block
    }
}

@media (min-width: 1640px) {
    .navbar {
        padding: 0 30px
    }

    .navbar .logo img {
        width: 260px;
        height: 53.3333px
    }

    .navbar .right-section .search-toggle:focus-visible,
    .navbar .right-section .language-toggle:focus-visible,
    .navbar .right-section .a11y-toggle:focus-visible,
    .navbar .right-section .search-toggle:hover,
    .navbar .right-section .language-toggle:hover,
    .navbar .right-section .a11y-toggle:hover {
        box-shadow: 0 0 0 14px #eeeff1
    }

    .navbar .right-section .search-toggle,
    .navbar .right-section .language-toggle {
        margin-inline-end: 28px
    }

    .navbar .right-section .link--login {
        margin-inline-end: 30px
    }

    .navbar .right-section .profile-menu-wrapper .profile-menu-toggle .avatar {
        width: 80px;
        height: 80px
    }

    .navbar .right-section .profile-menu-wrapper .profile-menu-toggle .notifications {
        top: 8px
    }
}

@media (min-width: 1700px) {

    .navbar nav.middle-section>ul>li.active:after,
    .navbar nav.middle-section>ul>li.focused:after,
    .navbar nav.middle-section>ul>li:hover:after,
    .navbar nav.middle-section>ul>li:active:after,
    .navbar nav.middle-section>ul>li:focus:after {
        inset-inline: 15px
    }

    .navbar nav.middle-section>ul>li>a {
        padding: 0 15px
    }
}

@media (min-width: 1800px) {
    .huge-4\:tw-left-0 {
        left: 0 !important
    }

    .huge-4\:tw-mx-auto {
        margin-left: auto !important;
        margin-right: auto !important
    }

    .huge-4\:tw-me-\[-80px\] {
        margin-inline-end: -80px !important
    }

    .huge-4\:tw-ml-0 {
        margin-left: 0 !important
    }

    .huge-4\:tw-w-full {
        width: 100% !important
    }

    .huge-4\:tw-max-w-\[900px\] {
        max-width: 900px !important
    }
}