:root {
    --color-gray-20: 52 60 75;
    --color-gray-13: 87 96 113;
    --color-gray-02: 246 246 247;
    --color-gray-15: 81 89 106;
    --color-blue: 66 152 180;
    --color-yellow: 228 174 58;
    --color-purple: 136 97 154;
    --color-red: 242 94 98;
    --color-green: 51 164 116;
    --color-purple-lighter-10: 243 239 245;
    --color-purple-lighter-06: 195 176 204;
    --color-purple-lighter-05: 183 160 194;
    --color-purple-lighter-03: 159 128 174;
    --color-purple-lighter-02: 148 113 164;
    --color-red-lighter-10: 247 158 160;
    --color-red-lighter-06: 248 174 176;
    --color-red-lighter-05: 247 158 160;
    --color-red-lighter-03: 244 126 129;
    --color-red-lighter-02: 243 110 114;
    --color-yellow-lighter-10: 252 247 235;
    --color-yellow-lighter-06: 241 214 156;
    --color-yellow-lighter-03: 233 190 97;
    --color-yellow-lighter-02: 230 182 78;
    --color-yellow-lighter-05: 238 206 136;
    --color-green-lighter-10: 235 246 241;
    --color-green-lighter-06: 153 209 185;
    --color-green-lighter-05: 132 200 171;
    --color-green-lighter-03: 91 182 143;
    --color-green-lighter-02: 71 173 130;
    --color-blue-lighter-10: 236 244 247;
    --color-blue-lighter-06: 160 203 217;
    --color-blue-lighter-02: 85 162 187;
    --color-blue-lighter-03: 103 172 195;
    --color-blue-lighter-05: 141 193 210;
    --color-ds-text: var(--ds-text, 246 246 247)
}

*,
: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:
}

body.tw-reduced-motion [class*=tw-animate-] {
    animation: none !important
}

body.tw-reduced-motion [class*=tw-transition-] {
    transition-property: none !important;
    transition-duration: 0ms !important
}

.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-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 {
    inset: 0 !important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.tw-bottom-\[var\(--toast-drag-down\,0\)\] {
    bottom: var(--toast-drag-down, 0) !important
}

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

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

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

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

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

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

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

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

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

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

.tw-end-\[calc\(\(100vw-1140px-var\(--body-frozen-pad-rt\)\)\*0\.5\)\] {
    inset-inline-end: calc((100vw - 1140px - var(--body-frozen-pad-rt)) * .5) !important
}

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

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

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

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

.tw-left-\[16\%\] {
    left: 16% !important
}

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

.tw-left-\[4\%\] {
    left: 4% !important
}

.tw-left-\[6\%\] {
    left: 6% !important
}

.tw-left-\[calc\(50\%\+35px\+17px\)\] {
    left: calc(50% + 52px) !important
}

.tw-left-\[calc\(50\%\+35px\+29px\)\] {
    left: calc(50% + 64px) !important
}

.tw-left-\[calc\(50\%\+35px\+5px\)\] {
    left: calc(50% + 40px) !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-20 {
    right: 20px !important
}

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

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

.tw-right-\[128px\] {
    right: 128px !important
}

.tw-right-\[25px\] {
    right: 25px !important
}

.tw-right-\[35px\] {
    right: 35px !important
}

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

.tw-right-\[68px\] {
    right: 68px !important
}

.tw-right-\[calc\(50\%\+35px\+10px\)\] {
    right: calc(50% + 45px) !important
}

.tw-right-\[calc\(50\%\+35px\+31px\)\] {
    right: calc(50% + 66px) !important
}

.tw-right-\[calc\(50\%\+35px\+5px\)\] {
    right: calc(50% + 40px) !important
}

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

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

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

.tw-start-40 {
    inset-inline-start: 40px !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-\[-5px\] {
    inset-inline-start: -5px !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-\[-1px\] {
    top: -1px !important
}

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

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

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

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

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

.tw-top-\[2\.5px\] {
    top: 2.5px !important
}

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

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

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

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

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

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

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

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

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

.tw-top-\[calc\(var\(--sticky-sidebar-top\)_\+_30px\)\] {
    top: calc(var(--sticky-sidebar-top) + 30px) !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-\[-1\] {
    z-index: -1 !important
}

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

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

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

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

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

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

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

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

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

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

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

.-tw-order-2 {
    order: -2 !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-first {
    order: -9999 !important
}

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

.tw-float-end {
    float: inline-end !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-auto {
    margin: auto !important
}

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

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

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

.-tw-my-\[10px\] {
    margin-top: -10px !important;
    margin-bottom: -10px !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-45 {
    margin-left: 45px !important;
    margin-right: 45px !important
}

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

.tw-mx-\[-15px\] {
    margin-left: -15px !important;
    margin-right: -15px !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-\[8px\] {
    margin-left: 8px !important;
    margin-right: 8px !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-50 {
    margin-top: 50px !important;
    margin-bottom: 50px !important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.-tw-mt-\[80px\] {
    margin-top: -80px !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-80 {
    margin-bottom: 80px !important
}

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

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

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

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

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

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

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

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

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

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

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

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

.tw-mb-\[6px\] {
    margin-bottom: 6px !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-5 {
    margin-inline-end: 5px !important
}

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

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

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

.tw-me-\[8px\] {
    margin-inline-end: 8px !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-\[-4px\] {
    margin-left: -4px !important
}

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

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

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

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

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

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

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

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

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

.tw-mr-\[3px\] {
    margin-right: 3px !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-\[-15px\] {
    margin-inline-start: -15px !important
}

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

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

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

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

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

.tw-ms-\[26px\] {
    margin-inline-start: 26px !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-\[-0\.5px\] {
    margin-top: -.5px !important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.tw-box-border {
    box-sizing: border-box !important
}

.tw-block {
    display: block !important
}

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

.tw-inline {
    display: inline !important
}

.\!tw-flex,
.tw-flex {
    display: flex !important
}

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

.tw-table {
    display: table !important
}

.tw-grid {
    display: grid !important
}

.tw-contents {
    display: contents !important
}

.tw-hidden {
    display: none !important
}

.tw-size-10 {
    width: 10px !important;
    height: 10px !important
}

.tw-size-15 {
    width: 15px !important;
    height: 15px !important
}

.tw-size-16 {
    width: 16px !important;
    height: 16px !important
}

.tw-size-20 {
    width: 20px !important;
    height: 20px !important
}

.tw-size-25 {
    width: 25px !important;
    height: 25px !important
}

.tw-size-30 {
    width: 30px !important;
    height: 30px !important
}

.tw-size-35 {
    width: 35px !important;
    height: 35px !important
}

.tw-size-40 {
    width: 40px !important;
    height: 40px !important
}

.tw-size-45 {
    width: 45px !important;
    height: 45px !important
}

.tw-size-50 {
    width: 50px !important;
    height: 50px !important
}

.tw-size-60 {
    width: 60px !important;
    height: 60px !important
}

.tw-size-7 {
    width: 7px !important;
    height: 7px !important
}

.tw-size-80 {
    width: 80px !important;
    height: 80px !important
}

.tw-size-\[100px\] {
    width: 100px !important;
    height: 100px !important
}

.tw-size-\[120px\] {
    width: 120px !important;
    height: 120px !important
}

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

.tw-size-\[140px\] {
    width: 140px !important;
    height: 140px !important
}

.tw-size-\[14px\] {
    width: 14px !important;
    height: 14px !important
}

.tw-size-\[160px\] {
    width: 160px !important;
    height: 160px !important
}

.tw-size-\[18px\] {
    width: 18px !important;
    height: 18px !important
}

.tw-size-\[1em\] {
    width: 1em !important;
    height: 1em !important
}

.tw-size-\[2\.5em\] {
    width: 2.5em !important;
    height: 2.5em !important
}

.tw-size-\[200px\] {
    width: 200px !important;
    height: 200px !important
}

.tw-size-\[20px\] {
    width: 20px !important;
    height: 20px !important
}

.tw-size-\[22px\] {
    width: 22px !important;
    height: 22px !important
}

.tw-size-\[24px\] {
    width: 24px !important;
    height: 24px !important
}

.tw-size-\[26px\] {
    width: 26px !important;
    height: 26px !important
}

.tw-size-\[300px\] {
    width: 300px !important;
    height: 300px !important
}

.tw-size-\[32px\] {
    width: 32px !important;
    height: 32px !important
}

.tw-size-\[36px\] {
    width: 36px !important;
    height: 36px !important
}

.tw-size-\[38px\] {
    width: 38px !important;
    height: 38px !important
}

.tw-size-\[4px\] {
    width: 4px !important;
    height: 4px !important
}

.tw-size-\[54px\] {
    width: 54px !important;
    height: 54px !important
}

.tw-size-\[66\.667px\] {
    width: 66.667px !important;
    height: 66.667px !important
}

.tw-size-\[8px\] {
    width: 8px !important;
    height: 8px !important
}

.tw-size-\[90px\] {
    width: 90px !important;
    height: 90px !important
}

.tw-size-\[calc\(100vw-40px\)\] {
    width: calc(100vw - 40px) !important;
    height: calc(100vw - 40px) !important
}

.tw-size-full {
    width: 100% !important;
    height: 100% !important
}

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

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

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

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

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

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

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

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

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

.tw-h-50 {
    height: 50px !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-\[12px\] {
    height: 12px !important
}

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

.tw-h-\[13px\] {
    height: 13px !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-\[17\.3px\] {
    height: 17.3px !important
}

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

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

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

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

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

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

.tw-h-\[240px\] {
    height: 240px !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-\[420px\] {
    height: 420px !important
}

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

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

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

.tw-h-\[50vh\] {
    height: 50vh !important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.tw-max-h-\[90vh\] {
    max-height: 90vh !important
}

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

.tw-max-h-none {
    max-height: none !important
}

.tw-min-h-0 {
    min-height: 0 !important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.tw-w-3\/5 {
    width: 60% !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-80 {
    width: 80px !important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.tw-w-\[284px\] {
    width: 284px !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-\[350px\] {
    width: 350px !important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.tw-w-fit {
    width: -moz-fit-content !important;
    width: fit-content !important
}

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

.tw-w-input-text-min-width {
    width: 240px !important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.tw-max-w-\[360px\] {
    max-width: 360px !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-\[478px\] {
    max-width: 478px !important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.tw-max-w-\[770px\] {
    max-width: 770px !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-\[90\%\] {
    max-width: 90% !important
}

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

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

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

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

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

.tw-max-w-fit {
    max-width: -moz-fit-content !important;
    max-width: fit-content !important
}

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

.tw-max-w-input-text-min-width {
    max-width: 240px !important
}

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

.tw-max-w-min {
    max-width: -moz-min-content !important;
    max-width: min-content !important
}

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

.tw-max-w-screen-huge-2 {
    max-width: 1400px !important
}

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

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

.tw-flex-1 {
    flex: 1 1 0% !important
}

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

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

.tw-flex-\[1_0_auto\] {
    flex: 1 0 auto !important
}

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

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

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

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

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

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

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

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

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

.tw-basis-20 {
    flex-basis: 20px !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-\[240px\] {
    flex-basis: 240px !important
}

.tw-basis-\[48\%\] {
    flex-basis: 48% !important
}

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

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

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

.tw-basis-\[calc\(33\.333\%-10px\)\] {
    flex-basis: calc(33.333% - 10px) !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-table-auto {
    table-layout: auto !important
}

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

.tw-origin-bottom-left {
    transform-origin: bottom left !important
}

.tw-origin-bottom-right {
    transform-origin: bottom right !important
}

.tw-origin-center {
    transform-origin: center !important
}

.tw-origin-top-left {
    transform-origin: top left !important
}

.tw-origin-top-right {
    transform-origin: top right !important
}

.-tw-translate-y-1\/2 {
    --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-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-x-\[-150\%\] {
    --tw-translate-x: -150% !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-\[-100\%\] {
    --tw-translate-y: -100% !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-90 {
    --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-rotate-180 {
    --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-90 {
    --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-rotate-\[-135deg\] {
    --tw-rotate: -135deg !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-\[360deg\] {
    --tw-rotate: 360deg !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-100 {
    --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-x-100 {
    --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-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-100 {
    --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-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
}

@keyframes tw-caretBlink {

    0%,
    70%,
    to {
        opacity: 1
    }

    20%,
    50% {
        opacity: 0
    }
}

.tw-animate-\[caretBlink_1\.2s_ease-out_infinite\] {
    animation: tw-caretBlink 1.2s ease-out infinite !important
}

.tw-animate-\[showDropdown_0\.2s_ease-in-out_both\] {
    animation: showDropdown .2s ease-in-out both !important
}

@keyframes tw-spin {
    to {
        transform: rotate(360deg)
    }
}

.tw-animate-\[spin_1\.2s_linear_infinite\] {
    animation: tw-spin 1.2s linear infinite !important
}

.tw-animate-\[twinkle_ease-in-out_infinite_2\.2s_1\.4s\] {
    animation: tw-twinkle ease-in-out infinite 2.2s 1.4s !important
}

.tw-animate-\[twinkle_ease-in-out_infinite_2\.6s_1\.2s\] {
    animation: tw-twinkle ease-in-out infinite 2.6s 1.2s !important
}

.tw-animate-\[twinkle_ease-in-out_infinite_2\.75s_0s\] {
    animation: tw-twinkle ease-in-out infinite 2.75s 0s !important
}

.tw-animate-\[twinkle_ease-in-out_infinite_2\.7s_0\.6s\] {
    animation: tw-twinkle ease-in-out infinite 2.7s .6s !important
}

.tw-animate-\[twinkle_ease-in-out_infinite_2\.9s_1s\] {
    animation: tw-twinkle ease-in-out infinite 2.9s 1s !important
}

.tw-animate-\[twinkle_ease-in-out_infinite_2s_1\.8s\] {
    animation: tw-twinkle ease-in-out infinite 2s 1.8s !important
}

.tw-animate-\[twinkle_ease-in-out_infinite_3\.1s_0\.5s\] {
    animation: tw-twinkle ease-in-out infinite 3.1s .5s !important
}

@keyframes tw-twinkle {

    0%,
    to {
        opacity: 1
    }

    50% {
        opacity: 0
    }
}

.tw-animate-\[twinkle_ease-in-out_infinite_3s_0\.8s\] {
    animation: tw-twinkle ease-in-out infinite 3s .8s !important
}

@keyframes tw-fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.tw-animate-fadeIn {
    animation: tw-fadeIn .5s ease-in-out both !important
}

@keyframes tw-pulse {
    50% {
        opacity: .5
    }
}

.tw-animate-pulse {
    animation: tw-pulse 2s cubic-bezier(.4, 0, .6, 1) infinite !important
}

@keyframes tw-slideUp {
    0% {
        opacity: 0;
        transform: translateY(100%)
    }

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

.tw-animate-slideUp {
    animation: tw-slideUp .2s ease-in-out both !important
}

.tw-cursor-default {
    cursor: default !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-end {
    scroll-snap-align: end !important
}

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

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

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

.tw-appearance-none {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: 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-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important
}

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

.tw-grid-rows-\[auto_auto_auto_auto_auto\] {
    grid-template-rows: auto auto auto auto auto !important
}

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

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

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

.tw-flex-col-reverse {
    flex-direction: column-reverse !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-items-baseline {
    align-items: baseline !important
}

.tw-items-stretch {
    align-items: stretch !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-stretch {
    justify-content: stretch !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-40 {
    gap: 40px !important
}

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

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

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

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

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

.tw-gap-\[8px\] {
    gap: 8px !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-gap-y-10 {
    row-gap: 10px !important
}

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

.tw-gap-y-\[3px\] {
    row-gap: 3px !important
}

.tw-space-y-10>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0 !important;
    margin-top: calc(10px * calc(1 - var(--tw-space-y-reverse))) !important;
    margin-bottom: calc(10px * var(--tw-space-y-reverse)) !important
}

.tw-space-y-15>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0 !important;
    margin-top: calc(15px * calc(1 - var(--tw-space-y-reverse))) !important;
    margin-bottom: calc(15px * var(--tw-space-y-reverse)) !important
}

.tw-space-y-20>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0 !important;
    margin-top: calc(20px * calc(1 - var(--tw-space-y-reverse))) !important;
    margin-bottom: calc(20px * var(--tw-space-y-reverse)) !important
}

.tw-space-y-5>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0 !important;
    margin-top: calc(5px * calc(1 - var(--tw-space-y-reverse))) !important;
    margin-bottom: calc(5px * var(--tw-space-y-reverse)) !important
}

.tw-divide-x>:not([hidden])~:not([hidden]) {
    --tw-divide-x-reverse: 0 !important;
    border-right-width: calc(1px * var(--tw-divide-x-reverse)) !important;
    border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse))) !important
}

.tw-divide-y>:not([hidden])~:not([hidden]) {
    --tw-divide-y-reverse: 0 !important;
    border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))) !important;
    border-bottom-width: calc(1px * var(--tw-divide-y-reverse)) !important
}

.tw-divide-gray-03>:not([hidden])~:not([hidden]) {
    --tw-divide-opacity: 1 !important;
    border-color: rgb(238 239 241 / var(--tw-divide-opacity, 1)) !important
}

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

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

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

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

.tw-justify-self-start {
    justify-self: start !important
}

.tw-justify-self-end {
    justify-self: end !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-overflow-x-visible {
    overflow-x: visible !important
}

.tw-overflow-x-scroll {
    overflow-x: scroll !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-text-nowrap {
    text-wrap: nowrap !important
}

.tw-text-balance {
    text-wrap: balance !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-\[100px\] {
    border-radius: 100px !important
}

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

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

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

.tw-rounded-\[50\%\] {
    border-radius: 50% !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-b-none {
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important
}

.tw-rounded-e-10 {
    border-start-end-radius: 10px !important;
    border-end-end-radius: 10px !important
}

.tw-rounded-e-5 {
    border-start-end-radius: 5px !important;
    border-end-end-radius: 5px !important
}

.tw-rounded-l-5 {
    border-top-left-radius: 5px !important;
    border-bottom-left-radius: 5px !important
}

.tw-rounded-r-5 {
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important
}

.tw-rounded-s-10 {
    border-start-start-radius: 10px !important;
    border-end-start-radius: 10px !important
}

.tw-rounded-s-5 {
    border-start-start-radius: 5px !important;
    border-end-start-radius: 5px !important
}

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

.tw-rounded-t-\[12px\] {
    border-top-left-radius: 12px !important;
    border-top-right-radius: 12px !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-t-none {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important
}

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

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

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

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

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

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

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

.tw-border-2,
.tw-border-\[2px\] {
    border-width: 2px !important
}

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

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

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

.tw-border-x-2 {
    border-left-width: 2px !important;
    border-right-width: 2px !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-2 {
    border-bottom-width: 2px !important
}

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

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

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

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

.tw-border-s {
    border-inline-start-width: 1px !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-\[100px\] {
    border-top-width: 100px !important
}

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

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

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

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

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

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

.tw-border-ds-light {
    border-color: var(--ds-light) !important
}

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

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

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

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

.tw-border-gray-06 {
    --tw-border-opacity: 1 !important;
    border-color: rgb(187 191 198 / var(--tw-border-opacity, 1)) !important
}

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

.tw-border-gray-08 {
    --tw-border-opacity: 1 !important;
    border-color: rgb(154 159 169 / var(--tw-border-opacity, 1)) !important
}

.tw-border-gray-15\/\[0\.15\] {
    border-color: #51596a26 !important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.tw-border-t-ds-light {
    border-top-color: var(--ds-light) !important
}

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

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

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

.tw-border-opacity-10 {
    --tw-border-opacity: .1 !important
}

.\!tw-bg-blue-darker-04 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(52 121 144 / var(--tw-bg-opacity, 1)) !important
}

.\!tw-bg-green-darker-04 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(40 131 92 / var(--tw-bg-opacity, 1)) !important
}

.\!tw-bg-red-darker-04 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(193 75 78 / var(--tw-bg-opacity, 1)) !important
}

.\!tw-bg-yellow-darker-07 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(148 113 37 / var(--tw-bg-opacity, 1)) !important
}

.tw-bg-\[\#623d31\] {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(98 61 49 / var(--tw-bg-opacity, 1)) !important
}

.tw-bg-\[\#714e3e\] {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(113 78 62 / var(--tw-bg-opacity, 1)) !important
}

.tw-bg-\[\#7f5a48\] {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(127 90 72 / var(--tw-bg-opacity, 1)) !important
}

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

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

.tw-bg-\[\#926c5b\] {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(146 108 91 / var(--tw-bg-opacity, 1)) !important
}

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

.tw-bg-\[\#a47d67\] {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(164 125 103 / var(--tw-bg-opacity, 1)) !important
}

.tw-bg-\[\#b38c73\] {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(179 140 115 / var(--tw-bg-opacity, 1)) !important
}

.tw-bg-\[\#c79c81\] {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(199 156 129 / var(--tw-bg-opacity, 1)) !important
}

.tw-bg-\[\#d7b196\] {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(215 177 150 / var(--tw-bg-opacity, 1)) !important
}

.tw-bg-\[\#ecccb5\] {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(236 204 181 / var(--tw-bg-opacity, 1)) !important
}

.tw-bg-\[\#ececeb\] {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(236 236 235 / var(--tw-bg-opacity, 1)) !important
}

.tw-bg-\[\#fbe0cd\] {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(251 224 205 / var(--tw-bg-opacity, 1)) !important
}

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

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

.tw-bg-blue-darker-04 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(52 121 144 / var(--tw-bg-opacity, 1)) !important
}

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

.tw-bg-blue-darker-08 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(39 91 108 / var(--tw-bg-opacity, 1)) !important
}

.tw-bg-blue-darker-11 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(29 68 81 / var(--tw-bg-opacity, 1)) !important
}

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

.tw-bg-blue-lighter-02 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(85 162 187 / var(--tw-bg-opacity, 1)) !important
}

.tw-bg-blue-lighter-03 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(103 172 195 / var(--tw-bg-opacity, 1)) !important
}

.tw-bg-blue-lighter-05 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(141 193 210 / var(--tw-bg-opacity, 1)) !important
}

.tw-bg-blue-lighter-06 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(160 203 217 / var(--tw-bg-opacity, 1)) !important
}

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

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

.tw-bg-blue-lighter-11 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(245 249 251 / var(--tw-bg-opacity, 1)) !important
}

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

.tw-bg-current {
    background-color: currentColor !important
}

.tw-bg-ds-dark {
    background-color: var(--ds-dark) !important
}

.tw-bg-ds-dark-2 {
    background-color: var(--ds-dark-2) !important
}

.tw-bg-ds-medium {
    background-color: var(--ds-medium) !important
}

.tw-bg-ds-medium-darker {
    background-color: var(--ds-medium-darker) !important
}

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

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

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

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

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

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

.tw-bg-gray-06 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(187 191 198 / var(--tw-bg-opacity, 1)) !important
}

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

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

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

.tw-bg-gray-15\/10 {
    background-color: #51596a1a !important
}

.tw-bg-gray-15\/50 {
    background-color: #51596a80 !important
}

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

.tw-bg-green-darker-04 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(40 131 92 / var(--tw-bg-opacity, 1)) !important
}

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

.tw-bg-green-darker-08 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(30 98 69 / var(--tw-bg-opacity, 1)) !important
}

.tw-bg-green-darker-11 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(23 73 52 / var(--tw-bg-opacity, 1)) !important
}

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

.tw-bg-green-lighter-02 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(71 173 130 / var(--tw-bg-opacity, 1)) !important
}

.tw-bg-green-lighter-03 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(91 182 143 / var(--tw-bg-opacity, 1)) !important
}

.tw-bg-green-lighter-05 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(132 200 171 / var(--tw-bg-opacity, 1)) !important
}

.tw-bg-green-lighter-06 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(153 209 185 / var(--tw-bg-opacity, 1)) !important
}

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

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

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

.tw-bg-orange-lighter-10 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(253 244 237 / var(--tw-bg-opacity, 1)) !important
}

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

.tw-bg-purple-darker-04 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(108 77 123 / var(--tw-bg-opacity, 1)) !important
}

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

.tw-bg-purple-darker-08 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(81 58 92 / var(--tw-bg-opacity, 1)) !important
}

.tw-bg-purple-darker-11 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(61 43 69 / var(--tw-bg-opacity, 1)) !important
}

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

.tw-bg-purple-lighter-02 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(148 113 164 / var(--tw-bg-opacity, 1)) !important
}

.tw-bg-purple-lighter-03 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(159 128 174 / var(--tw-bg-opacity, 1)) !important
}

.tw-bg-purple-lighter-05 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(183 160 194 / var(--tw-bg-opacity, 1)) !important
}

.tw-bg-purple-lighter-06 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(195 176 204 / var(--tw-bg-opacity, 1)) !important
}

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

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

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

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

.tw-bg-red-darker-04 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(193 75 78 / var(--tw-bg-opacity, 1)) !important
}

.tw-bg-red-darker-05 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(181 70 73 / var(--tw-bg-opacity, 1)) !important
}

.tw-bg-red-lighter-02 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(243 110 114 / var(--tw-bg-opacity, 1)) !important
}

.tw-bg-red-lighter-03 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(244 126 129 / var(--tw-bg-opacity, 1)) !important
}

.tw-bg-red-lighter-05 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(247 158 160 / var(--tw-bg-opacity, 1)) !important
}

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

.tw-bg-red-lighter-09 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(252 222 223 / var(--tw-bg-opacity, 1)) !important
}

.tw-bg-red-lighter-10 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(253 239 239 / var(--tw-bg-opacity, 1)) !important
}

.tw-bg-red-rgb {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(var(--rgb-red), var(--tw-bg-opacity, 1)) !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, 1)) !important
}

.tw-bg-white\/50 {
    background-color: #ffffff80 !important
}

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

.tw-bg-yellow-darker-04 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(182 139 46 / var(--tw-bg-opacity, 1)) !important
}

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

.tw-bg-yellow-darker-08 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(136 104 34 / var(--tw-bg-opacity, 1)) !important
}

.tw-bg-yellow-darker-11 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(102 78 26 / var(--tw-bg-opacity, 1)) !important
}

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

.tw-bg-yellow-lighter-02 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(230 182 78 / var(--tw-bg-opacity, 1)) !important
}

.tw-bg-yellow-lighter-03 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(233 190 97 / var(--tw-bg-opacity, 1)) !important
}

.tw-bg-yellow-lighter-05 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(238 206 136 / var(--tw-bg-opacity, 1)) !important
}

.tw-bg-yellow-lighter-06 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(241 214 156 / var(--tw-bg-opacity, 1)) !important
}

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

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

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

.tw-bg-none {
    background-image: none !important
}

.tw-box-decoration-clone {
    -webkit-box-decoration-break: clone !important;
    box-decoration-break: clone !important
}

.tw-bg-origin-border {
    background-origin: border-box !important
}

.tw-fill-\[\#e5c828\] {
    fill: #e5c828 !important
}

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

.tw-fill-blue-darker-05 {
    fill: #317186 !important
}

.tw-fill-blue-lighter-05 {
    fill: #8dc1d2 !important
}

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

.tw-fill-blue-rgb {
    fill: rgba(var(--rgb-blue), 1) !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-gray-10 {
    fill: #787f8d !important
}

.tw-fill-gray-11 {
    fill: #68707f !important
}

.tw-fill-gray-20 {
    fill: #343c4b !important
}

.tw-fill-gray-rgb-10 {
    fill: rgba(var(--rgb-gray-10), 1) !important
}

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

.tw-fill-green-darker-05 {
    fill: #267a56 !important
}

.tw-fill-green-lighter-05 {
    fill: #84c8ab !important
}

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

.tw-fill-green-rgb {
    fill: rgba(var(--rgb-green), 1) !important
}

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

.tw-fill-purple-darker-05 {
    fill: #654873 !important
}

.tw-fill-purple-lighter-05 {
    fill: #b7a0c2 !important
}

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

.tw-fill-purple-rgb {
    fill: rgba(var(--rgb-purple), 1) !important
}

.tw-fill-red-lighter-10 {
    fill: #fdefef !important
}

.tw-fill-red-rgb {
    fill: rgba(var(--rgb-red), 1) !important
}

.tw-fill-white {
    fill: #fff !important
}

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

.tw-fill-yellow-darker-03-rgb {
    fill: rgba(var(--rgb-yellow-darker-03), 1) !important
}

.tw-fill-yellow-darker-05 {
    fill: #aa822b !important
}

.tw-fill-yellow-lighter-03 {
    fill: #e9be61 !important
}

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

.tw-fill-yellow-star {
    fill: #e5c828 !important
}

.tw-stroke-gray-05 {
    stroke: #cccfd4 !important
}

.tw-stroke-white {
    stroke: #fff !important
}

.tw-stroke-yellow-star {
    stroke: #e5c828 !important
}

.tw-stroke-1 {
    stroke-width: 1 !important
}

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

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

.tw-stroke-\[2px\] {
    stroke-width: 2px !important
}

.tw-object-cover {
    -o-object-fit: cover !important;
    object-fit: cover !important
}

.tw-object-right {
    -o-object-position: right !important;
    object-position: right !important
}

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

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

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

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

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

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

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

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

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

.tw-p-\[3px\] {
    padding: 3px !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-40 {
    padding-left: 40px !important;
    padding-right: 40px !important
}

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

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

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

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

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

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

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

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

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

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

.tw-px-\[8px\] {
    padding-left: 8px !important;
    padding-right: 8px !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-25 {
    padding-top: 25px !important;
    padding-bottom: 25px !important
}

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

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

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

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

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

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

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

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

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

.tw-py-\[8px\] {
    padding-top: 8px !important;
    padding-bottom: 8px !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-\[2px\] {
    padding-bottom: 2px !important
}

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

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

.tw-pb-\[max\(30px\,env\(safe-area-inset-bottom\)\)\] {
    padding-bottom: max(30px, env(safe-area-inset-bottom)) !important
}

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

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

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

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

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

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

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

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

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

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

.tw-pl-5 {
    padding-left: 5px !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-15 {
    padding-right: 15px !important
}

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

.tw-pr-40 {
    padding-right: 40px !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-10 {
    padding-inline-start: 10px !important
}

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

.tw-ps-20 {
    padding-inline-start: 20px !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-\[14px\] {
    padding-inline-start: 14px !important
}

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

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

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

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

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

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

.tw-ps-\[25px\] {
    padding-inline-start: 25px !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-ps-\[4px\] {
    padding-inline-start: 4px !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-\[120px\] {
    padding-top: 120px !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-\[34px\] {
    padding-top: 34px !important
}

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

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

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

.tw-pt-\[83px\] {
    padding-top: 83px !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-\[\'Oxygen_Mono\'\,monospace\] {
    font-family: Oxygen Mono, monospace !important
}

.tw-font-default {
    font-family: var(--font-family-text) !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\.8em\] {
    font-size: .8em !important
}

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

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

.tw-text-\[16px\] {
    font-size: 16px !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;
    line-height: var(--font-h1-line-height-bp-sm) !important;
    letter-spacing: var(--font-h1-spacing-bp-sm) !important
}

.tw-text-font-h2 {
    font-size: var(--font-h2-size-bp-sm) !important;
    line-height: var(--font-h2-line-height-bp-sm) !important;
    letter-spacing: var(--font-h2-spacing-bp-sm) !important
}

.tw-text-font-h3 {
    font-size: var(--font-h3-size-bp-sm) !important;
    line-height: var(--font-h3-line-height-bp-sm) !important;
    letter-spacing: var(--font-h3-spacing-bp-sm) !important
}

.tw-text-font-h3-medium {
    font-size: var(--font-h3-size-bp-md) !important;
    line-height: var(--font-h3-line-height-bp-md) !important;
    letter-spacing: var(--font-h3-spacing-bp-md) !important
}

.tw-text-font-h4 {
    font-size: var(--font-h4-size-bp-sm) !important;
    line-height: var(--font-h4-line-height-bp-sm) !important;
    letter-spacing: var(--font-h4-spacing-bp-sm) !important
}

.tw-text-font-h5 {
    font-size: var(--font-h5-size-bp-sm) !important;
    line-height: var(--font-h5-line-height-bp-sm) !important;
    letter-spacing: var(--font-h5-spacing-bp-sm) !important
}

.tw-text-font-h6 {
    font-size: var(--font-h6-size-bp-sm) !important;
    line-height: var(--font-h6-line-height-bp-sm) !important;
    letter-spacing: var(--font-h6-spacing-bp-sm) !important
}

.tw-text-font-p-lg {
    font-size: var(--font-p-lg-size-bp-sm) !important;
    line-height: var(--font-p-lg-line-height-bp-sm) !important;
    letter-spacing: var(--font-p-lg-spacing-bp-sm) !important
}

.tw-text-font-p-md {
    font-size: var(--font-p-md-size-bp-sm) !important;
    line-height: var(--font-p-md-line-height-bp-sm) !important;
    letter-spacing: var(--font-p-md-spacing-bp-sm) !important
}

.tw-text-font-p-sm {
    font-size: var(--font-p-sm-size-bp-sm) !important;
    line-height: var(--font-p-sm-line-height-bp-sm) !important;
    letter-spacing: var(--font-p-sm-spacing-bp-sm) !important
}

.tw-text-font-p-sm-medium {
    font-size: var(--font-p-sm-size-bp-md) !important;
    line-height: var(--font-p-sm-line-height-bp-md) !important;
    letter-spacing: var(--font-p-sm-spacing-bp-md) !important
}

.tw-text-font-p-st {
    font-size: var(--font-p-st-size) !important;
    line-height: var(--font-p-st-line-height) !important;
    letter-spacing: var(--font-p-st-spacing) !important
}

.tw-text-font-p-tn {
    font-size: var(--font-p-tn-size-bp-sm) !important;
    line-height: var(--font-p-tn-line-height-bp-sm) !important;
    letter-spacing: var(--font-p-tn-spacing-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-capitalize {
    text-transform: capitalize !important
}

.tw-normal-case {
    text-transform: none !important
}

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

.tw-tabular-nums {
    --tw-numeric-spacing: tabular-nums !important;
    font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction) !important
}

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

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

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

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

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

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

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

.tw-leading-font-h2 {
    line-height: var(--font-h2-line-height-bp-sm) !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-p-lg {
    line-height: var(--font-p-lg-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-st {
    line-height: var(--font-p-st-line-height) !important
}

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

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

.tw-tracking-\[0\.08em\] {
    letter-spacing: .08em !important
}

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

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

.tw-tracking-font-h2 {
    letter-spacing: var(--font-h2-spacing-bp-sm) !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-p-lg {
    letter-spacing: var(--font-p-lg-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-st {
    letter-spacing: var(--font-p-st-spacing) !important
}

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

.\!tw-text-gray-20 {
    --tw-text-opacity: 1 !important;
    color: rgb(52 60 75 / var(--tw-text-opacity, 1)) !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, 1)) !important
}

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

.tw-text-blue-lighter-03 {
    --tw-text-opacity: 1 !important;
    color: rgb(103 172 195 / var(--tw-text-opacity, 1)) !important
}

.tw-text-blue-lighter-06 {
    --tw-text-opacity: 1 !important;
    color: rgb(160 203 217 / var(--tw-text-opacity, 1)) !important
}

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

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

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

.tw-text-ds-text {
    color: var(--ds-text) !important
}

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

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

.tw-text-gray-02\/25 {
    color: #f6f6f740 !important
}

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

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

.tw-text-gray-08 {
    --tw-text-opacity: 1 !important;
    color: rgb(154 159 169 / var(--tw-text-opacity, 1)) !important
}

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

.tw-text-gray-11 {
    --tw-text-opacity: 1 !important;
    color: rgb(104 112 127 / var(--tw-text-opacity, 1)) !important
}

.tw-text-gray-12 {
    --tw-text-opacity: 1 !important;
    color: rgb(95 104 120 / var(--tw-text-opacity, 1)) !important
}

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

.tw-text-gray-16 {
    --tw-text-opacity: 1 !important;
    color: rgb(75 84 100 / var(--tw-text-opacity, 1)) !important
}

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

.tw-text-gray-20\/25 {
    color: #343c4b40 !important
}

.tw-text-gray-20\/50 {
    color: #343c4b80 !important
}

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

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

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

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

.tw-text-green-lighter-03 {
    --tw-text-opacity: 1 !important;
    color: rgb(91 182 143 / var(--tw-text-opacity, 1)) !important
}

.tw-text-green-lighter-06 {
    --tw-text-opacity: 1 !important;
    color: rgb(153 209 185 / var(--tw-text-opacity, 1)) !important
}

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

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

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

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

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

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

.tw-text-purple-lighter-03 {
    --tw-text-opacity: 1 !important;
    color: rgb(159 128 174 / var(--tw-text-opacity, 1)) !important
}

.tw-text-purple-lighter-06 {
    --tw-text-opacity: 1 !important;
    color: rgb(195 176 204 / var(--tw-text-opacity, 1)) !important
}

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

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

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

.tw-text-red-lighter-02 {
    --tw-text-opacity: 1 !important;
    color: rgb(243 110 114 / var(--tw-text-opacity, 1)) !important
}

.tw-text-red-lighter-03 {
    --tw-text-opacity: 1 !important;
    color: rgb(244 126 129 / var(--tw-text-opacity, 1)) !important
}

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

.tw-text-red-lighter-10 {
    --tw-text-opacity: 1 !important;
    color: rgb(253 239 239 / var(--tw-text-opacity, 1)) !important
}

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

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

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

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

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

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

.tw-text-yellow-lighter-03 {
    --tw-text-opacity: 1 !important;
    color: rgb(233 190 97 / var(--tw-text-opacity, 1)) !important
}

.tw-text-yellow-lighter-06 {
    --tw-text-opacity: 1 !important;
    color: rgb(241 214 156 / var(--tw-text-opacity, 1)) !important
}

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

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

.tw-text-opacity-70 {
    --tw-text-opacity: .7 !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-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-1 {
    text-decoration-thickness: 1px !important
}

.tw-underline-offset-\[0\.32em\] {
    text-underline-offset: .32em !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-70 {
    opacity: .7 !important
}

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

.tw-shadow-\[0_0_6px_0_rgba\(220\,105\,80\,0\.3\)\,inset_0_1px_0_0_rgba\(81\,89\,106\,0\.05\)\,inset_1px_0_0_0_rgb\(var\(--color-red\)\)\] {
    --tw-shadow: 0 0 6px 0 rgba(220, 105, 80, .3), inset 0 1px 0 0 rgba(81, 89, 106, .05), inset 1px 0 0 0 rgb(var(--color-red)) !important;
    --tw-shadow-colored: 0 0 6px 0 var(--tw-shadow-color), inset 0 1px 0 0 var(--tw-shadow-color), inset 1px 0 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-\[0_0_6px_0_rgba\(80\,169\,170\,0\.3\)\,inset_0_1px_0_0_rgba\(81\,89\,106\,0\.05\)\,inset_1px_0_0_0_rgb\(var\(--color-blue\)\)\] {
    --tw-shadow: 0 0 6px 0 rgba(80, 169, 170, .3), inset 0 1px 0 0 rgba(81, 89, 106, .05), inset 1px 0 0 0 rgb(var(--color-blue)) !important;
    --tw-shadow-colored: 0 0 6px 0 var(--tw-shadow-color), inset 0 1px 0 0 var(--tw-shadow-color), inset 1px 0 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_0_100vw_white\] {
    --tw-shadow: inset 0 100vw white !important;
    --tw-shadow-colored: inset 0 100vw 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-button {
    --tw-shadow: 0 4px 10px 0 rgba(29, 36, 50, .15) !important;
    --tw-shadow-colored: 0 4px 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-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-medium {
    --tw-shadow: 0 5px 20px 0 rgba(29, 36, 50, .1) !important;
    --tw-shadow-colored: 0 5px 20px 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-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
}

.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-0 {
    outline-width: 0px !important
}

.tw-outline-offset-\[-3px\] {
    outline-offset: -3px !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-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-transition {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, 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-\[border\,shadow\,opacity\] {
    transition-property: border, shadow, opacity !important;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important;
    transition-duration: .15s !important
}

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

.tw-transition-\[opacity\,transform\] {
    transition-property: opacity, transform !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-shadow {
    transition-property: box-shadow !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-150 {
    transition-duration: .15s !important
}

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

.tw-duration-300 {
    transition-duration: .3s !important
}

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

.tw-ease-\[ease\] {
    transition-timing-function: ease !important
}

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

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

.tw-contain-layout {
    --tw-contain-layout: layout !important;
    contain: var(--tw-contain-size) var(--tw-contain-layout) var(--tw-contain-paint) var(--tw-contain-style) !important
}

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

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

.\[--webkit-user-drag\:none\] {
    --webkit-user-drag: none !important
}

.\[animation-delay\:200ms\] {
    animation-delay: .2s !important
}

.\[animation-delay\:400ms\] {
    animation-delay: .4s !important
}

.\[background-image\:linear-gradient\(to_right\,rgb\(var\(--rgb-blue\)\)\,rgb\(var\(--rgb-blue\)\)\)\] {
    background-image: linear-gradient(to right, rgb(var(--rgb-blue)), rgb(var(--rgb-blue))) !important
}

.\[background-image\:linear-gradient\(to_right\,rgb\(var\(--rgb-gray-05\)\)\,rgb\(var\(--rgb-gray-05\)\)\)\] {
    background-image: linear-gradient(to right, rgb(var(--rgb-gray-05)), rgb(var(--rgb-gray-05))) !important
}

.\[background-image\:linear-gradient\(to_right\,rgb\(var\(--rgb-green\)\)\,rgb\(var\(--rgb-green\)\)\)\] {
    background-image: linear-gradient(to right, rgb(var(--rgb-green)), rgb(var(--rgb-green))) !important
}

.\[background-image\:linear-gradient\(to_right\,rgb\(var\(--rgb-purple\)\)\,rgb\(var\(--rgb-purple\)\)\)\] {
    background-image: linear-gradient(to right, rgb(var(--rgb-purple)), rgb(var(--rgb-purple))) !important
}

.\[background-image\:linear-gradient\(to_right\,rgb\(var\(--rgb-red\)\)\,rgb\(var\(--rgb-red\)\)\)\] {
    background-image: linear-gradient(to right, rgb(var(--rgb-red)), rgb(var(--rgb-red))) !important
}

.\[background-image\:linear-gradient\(to_right\,rgb\(var\(--rgb-yellow\)\)\,rgb\(var\(--rgb-yellow\)\)\)\] {
    background-image: linear-gradient(to right, rgb(var(--rgb-yellow)), rgb(var(--rgb-yellow))) !important
}

.\[background-position\:left_100\%\] {
    background-position: left 100% !important
}

.\[background-repeat\:no-repeat\] {
    background-repeat: no-repeat !important
}

.\[background-size\:0\%_2px\] {
    background-size: 0% 2px !important
}

.\[chart\:id\,99\] {
    chart: id, 99 !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
}

.\[clip-path\:polygon\(0_0\,100\%_0\,100\%_40\%\,0_40\%\)\] {
    clip-path: polygon(0 0, 100% 0, 100% 40%, 0 40%) !important
}

.\[clip-path\:polygon\(0_0\,100\%_0\,100\%_calc\(100\%-45px\)\,42\%_100\%\,0_calc\(100\%-80px\)\)\] {
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 45px), 42% 100%, 0 calc(100% - 80px)) !important
}

.\[clip-path\:polygon\(0_0\,40\%_0\,40\%_100\%\,0_100\%\)\] {
    clip-path: polygon(0 0, 40% 0, 40% 100%, 0 100%) !important
}

.\[clip-path\:polygon\(12\.66\%_0\,100\%_0\,100\%_100\%\,12\.66\%_100\%\,0_71\.43\%\)\] {
    clip-path: polygon(12.66% 0, 100% 0, 100% 100%, 12.66% 100%, 0 71.43%) !important
}

.\[clip-path\:polygon\(49\%_100\%\,_100\%_100\%\,_96\%_75\%\,_49\%_97\%\,_0_69\%\,_0_100\%\)\] {
    clip-path: polygon(49% 100%, 100% 100%, 96% 75%, 49% 97%, 0 69%, 0 100%) !important
}

.\[clip-path\:polygon\(50\%_0\%\,_10\%_18\.9\%\,_0\%_74\.4\%\,_50\%_100\%\,_100\%_83\.3\%\,_95\%_16\.7\%\)\] {
    clip-path: polygon(50% 0%, 10% 18.9%, 0% 74.4%, 50% 100%, 100% 83.3%, 95% 16.7%) !important
}

.\[clip-path\:polygon\(56\%_0\,_95\%_25\%\,_96\%_75\%\,_49\%_97\%\,_0_69\%\,_10\%_28\%\)\] {
    clip-path: polygon(56% 0, 95% 25%, 96% 75%, 49% 97%, 0 69%, 10% 28%) !important
}

.\[color\:inherit\] {
    color: inherit !important
}

.\[counter-increment\:row-num\] {
    counter-increment: row-num !important
}

.\[counter-reset\:row-num\] {
    counter-reset: row-num !important
}

.\[cta\:profile\] {
    cta: profile !important
}

.\[cta\:suite\] {
    cta: suite !important
}

.\[cta\:test\] {
    cta: test !important
}

.\[grid-area\:badges\] {
    grid-area: badges !important
}

.\[grid-area\:cards\] {
    grid-area: cards !important
}

.\[grid-area\:content\] {
    grid-area: content !important
}

.\[grid-area\:cta\] {
    grid-area: cta !important
}

.\[grid-area\:header\] {
    grid-area: header !important
}

.\[grid-area\:image\] {
    grid-area: image !important
}

.\[grid-area\:p\] {
    grid-area: p !important
}

.\[grid-template-areas\:\'header\'\'image\'\'p\'\'cards\'\'cta\'\] {
    grid-template-areas: "header" "image" "p" "cards" "cta" !important
}

.\[grid-template-areas\:\'header\'_\'image\'_\'content\'\] {
    grid-template-areas: "header" "image" "content" !important
}

.\[grid-template-areas\:\'header\'_\'image\'_\'content\'_\'badges\'\] {
    grid-template-areas: "header" "image" "content" "badges" !important
}

.\[overflow-wrap\:anywhere\] {
    overflow-wrap: anywhere !important
}

.\[scrollbar-width\:none\] {
    scrollbar-width: none !important
}

.\[transition\:background-size_0\.3s\] {
    transition: background-size .3s !important
}

.\[transition\:ease-out_all_200ms\] {
    transition: ease-out all .2s !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
}

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
}

.g-wrp button,
.g-wrp input,
.g-wrp optgroup,
.g-wrp select,
.g-wrp 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
}

@page {
    margin-bottom: 2.4cm;
    border-bottom: 1px solid #eeeff1;

    @bottom-left {
        content: "©2011-" var(--current-year) " NERIS Analytics Limited. .";
        font-family: var(--font-family-main);
        font-weight: var(--font-text-regular-weight);
        color: #343c4b;
        font-size: .8em;
        padding-bottom: .6cm
    }
}

html {
    height: 100%;
    font-size: 16px;
    touch-action: manipulation;
    scroll-padding-top: var(--navbar-visible-h)
}

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

body.use-100dvh .g-wrp {
    min-height: 100dvh !important
}

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 strong,
h2 strong,
h3 strong,
h4 strong,
h5 strong,
h6 strong,
.h1 strong,
.h2 strong,
.h3 strong,
.h4 strong,
.h5 strong,
.h6 strong,
.font-head strong {
    font-weight: var(--font-titles-weight)
}

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

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

.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.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: 1300px;
    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
}

.icon--clipped-1 {
    clip-path: polygon(56.25% 0%, 10% 12.5%, 0% 68.75%, 35% 100%, 100% 81.25%, 93.75% 18.75%) !important
}

.icon--clipped-2 {
    clip-path: polygon(56.25% 0%, 10% 25%, 0% 75%, 47.5% 100%, 100% 81.25%, 93.75% 18.75%) !important
}

.icon--clipped-3 {
    clip-path: polygon(43.75% 0%, 0% 25%, 6.25% 81.25%, 60% 100%, 100% 75%, 93.75% 12.5%) !important
}

.icon--clipped-4 {
    clip-path: polygon(43.75% 0%, 0% 31.25%, 12.5% 87.5%, 60% 100%, 93.75% 87.5%, 100% 31.25%, 87.5% 12.5%) !important
}

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 #fff0, 0 0 2px #ff000080 !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-from {
    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-from {
    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-from,
.slide-down-fade-leave-to {
    transform: translateY(10px);
    opacity: 0
}

.slide-down-fade-side-enter-from,
.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-from {
    max-height: 250px;
    overflow: hidden
}

.slide-down-enter-to.size--sm,
.slide-down-leave-from.size--sm {
    max-height: 100px
}

.slide-down-enter-to.size--lg,
.slide-down-leave-from.size--lg {
    max-height: 500px
}

.slide-down-enter-from,
.slide-down-leave-to {
    overflow: hidden;
    max-height: 0;
    opacity: .5
}

.fade-enter-active,
.fade-leave-active {
    transition: opacity .5s
}

.fade-enter-from,
.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-from {
    opacity: .5
}

.fade-in-out-enter-from,
.fade-in-out-leave-to {
    opacity: .1
}

.dropdown-toggle-enter-active {
    animation: showDropdown .2s ease-out
}

.dropdown-toggle-leave-active {
    transition: opacity .2s ease-in, transform .2s ease-in
}

.dropdown-toggle-leave-to {
    opacity: 0;
    transform: scale(.9)
}

::-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,
select,
textarea {
    direction: inherit
}

.g-wrp 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 #51596a0d;
    transition: border-color .2s ease-in-out;
    -webkit-appearance: none
}

.g-wrp input:not([type=checkbox]):not([type=radio])::-webkit-input-placeholder,
select::-webkit-input-placeholder {
    color: rgb(var(--rgb-gray-07))
}

.g-wrp input:not([type=checkbox]):not([type=radio])::-moz-placeholder,
select::-moz-placeholder {
    color: rgb(var(--rgb-gray-07))
}

.g-wrp input:not([type=checkbox]):not([type=radio]):-ms-input-placeholder,
select:-ms-input-placeholder {
    color: rgb(var(--rgb-gray-07))
}

.g-wrp input:not([type=checkbox]):not([type=radio]):-moz-placeholder,
select:-moz-placeholder {
    color: rgb(var(--rgb-gray-07))
}

.g-wrp input:not([type=checkbox]):not([type=radio]):-webkit-autofill,
select:-webkit-autofill {
    box-shadow: inset 0 2px #51596a0d, 0 0 0 50px #fff inset;
    -webkit-text-fill-color: #343c4b
}

.g-wrp input:not([type=checkbox]):not([type=radio]):-webkit-autofill:focus,
select:-webkit-autofill:focus {
    box-shadow: 0 0 6px #50a9aa4d, inset 0 2px #51596a0d, 0 0 0 50px #fff inset;
    -webkit-text-fill-color: #343c4b
}

.g-wrp input:not([type=checkbox]):not([type=radio])::selection,
select::selection {
    background: #c0dee8
}

.g-wrp input:not([type=checkbox]):not([type=radio])::-moz-selection,
select::-moz-selection {
    background: #c0dee8
}

.g-wrp input:not([type=checkbox]):not([type=radio]):focus,
select:focus {
    border-color: #4298b4;
    box-shadow: 0 0 6px #50a9aa4d, inset 0 1px #51596a0d
}

.g-wrp input:not([type=checkbox]):not([type=radio]):hover,
select:hover {
    border-color: #4298b4
}

.g-wrp input:not([type=checkbox]):not([type=radio]):disabled,
select:disabled {
    pointer-events: none;
    opacity: .5;
    border-color: #dddfe2;
    color: #51596a
}

.g-wrp input:not([type=checkbox]):not([type=radio]):invalid:not(.ignore--validation),
select:invalid:not(.ignore--validation) {
    border-color: #f25e62 !important
}

.g-wrp input:not([type=checkbox]):not([type=radio]):invalid:not(.ignore--validation):hover,
select:invalid:not(.ignore--validation):hover {
    border-color: #cd4f53
}

.g-wrp 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 #51596a0d !important
}

.g-wrp input:not([type=checkbox]):not([type=radio]):invalid:not(.ignore--validation):focus,
select:invalid:not(.ignore--validation):focus {
    box-shadow: 0 0 6px #dc69504d, inset 0 1px #51596a0d !important
}

.g-wrp input:not([type=checkbox]):focus {
    box-shadow: 0 0 6px #50a9aa4d, inset 0 2px #51596a0d, 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 #51596a0d;
    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 #51596a1a
}

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 #51596a1a
}

select:disabled {
    pointer-events: none;
    opacity: .5;
    box-shadow: 0 1px 1px #51596a0d;
    background-color: #f9fafa
}

select:invalid:not(:focus) {
    border-color: #f25e62;
    box-shadow: 0 1px 1px #dc695026
}

select:invalid:hover {
    border-color: #cd4f53;
    box-shadow: 0 1px 1px #dc69504d
}

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 #51596a0d;
    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 #51596a0d, 0 0 0 50px #fff inset;
    -webkit-text-fill-color: #343c4b
}

textarea:-webkit-autofill:focus {
    box-shadow: 0 0 6px #50a9aa4d, inset 0 2px #51596a0d, 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 #50a9aa4d, inset 0 1px #51596a0d
}

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 #51596a0d !important
}

textarea:invalid:not(.ignore--validation):focus {
    box-shadow: 0 0 6px #dc69504d, inset 0 1px #51596a0d !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 #fff0, 0 0 2px #ff000080 !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 #51596a0d;
    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 #50a9aa4d, inset 0 2px #51596a0d
}

input[type=checkbox]:checked+label .checkbox {
    border-color: #4298b4;
    background: #4298b4 url(./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 cite,
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
}

blockquote cite {
    font-style: normal
}

.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 ::-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):not(.legend__list):not(.list--checkregular):not(.faq__list):not(.sp-listchunky):not(.sp-listcheck) {
    margin: 0;
    padding: 0;
    list-style: none
}

article ul:not(.pagination):not(.legend__list):not(.list--checkregular):not(.faq__list):not(.sp-listchunky):not(.sp-listcheck) li {
    position: relative;
    margin-bottom: 5px;
    padding-inline-start: 22px
}

article ul:not(.pagination):not(.legend__list):not(.list--checkregular):not(.faq__list):not(.sp-listchunky):not(.sp-listcheck) li:last-child {
    margin-bottom: 0
}

article ul:not(.pagination):not(.legend__list):not(.list--checkregular):not(.faq__list):not(.sp-listchunky):not(.sp-listcheck) 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")
}

article ul:not(.pagination):not(.legend__list):not(.list--checkregular):not(.faq__list):not(.sp-listchunky):not(.sp-listcheck) li ul {
    margin-top: 10px;
    padding: 0;
    list-style: none
}

article ul:not(.pagination):not(.legend__list):not(.list--checkregular):not(.faq__list):not(.sp-listchunky):not(.sp-listcheck) li li:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='%2388619A' d='M4.267 12 0 4.8 7.2 0 12 4.267l-1.067 5.866z'/%3E%3C/svg%3E%0A")
}

article ul:not(.pagination):not(.legend__list):not(.list--checkregular):not(.faq__list):not(.sp-listchunky):not(.sp-listcheck) li:before {
    top: 6px
}

article ul:not(.pagination):not(.legend__list):not(.list--checkregular):not(.faq__list):not(.sp-listchunky):not(.sp-listcheck) li:not(:last-child) {
    margin-bottom: 10px
}

article p,
article ul:not(.pagination):not(.legend__list):not(.list--checkregular):not(.faq__list):not(.sp-listchunky):not(.sp-listcheck),
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):not(.legend__list):not(.list--checkregular):not(.faq__list):not(.sp-listchunky):not(.sp-listcheck):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: start;
    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 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)
    }
}

.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 #51596a33;
    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 #51596a33;
    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))
}

.text--orange {
    color: rgb(var(--rgb-orange))
}

.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: #1d24321a
}

.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 {
    --current-year: "2025";
    --font-family-main: "Inter", "Helvetica Neue", Arial, sans-serif;
    --font-main-size: 18px;
    --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: 770;
    --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: 52px;
    --font-h1-size-large-md: 62px;
    --font-h1-size-large-lg: 72px;
    --font-h1-spacing-large-sm: -.4px;
    --font-h1-spacing-large-md: -.4px;
    --font-h1-spacing-large-lg: -.4px;
    --font-h1-size-bp-sm: 36px;
    --font-h1-line-height-bp-sm: 1.11111111;
    --font-h1-spacing-bp-sm: -.2px;
    --font-h1-size-bp-md: 43px;
    --font-h1-line-height-bp-md: 1.11627907;
    --font-h1-spacing-bp-md: -.3px;
    --font-h1-size-bp-lg: 54px;
    --font-h1-line-height-bp-lg: 1.07407407;
    --font-h1-spacing-bp-lg: -.4px;
    --font-h2-size-bp-sm: 32px;
    --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: 38px;
    --font-h2-line-height-bp-md: 1.15789474;
    --font-h2-spacing-bp-md: -.2px;
    --font-h2-size-bp-lg: 46px;
    --font-h2-line-height-bp-lg: 1.13043478;
    --font-h2-spacing-bp-lg: -.3px;
    --font-h3-size-bp-sm: 28px;
    --font-h3-line-height-bp-sm: 1.14285714;
    --font-h3-spacing-bp-sm: -.1px;
    --font-h3-size-bp-md: 33px;
    --font-h3-line-height-bp-md: 1.21212121;
    --font-h3-spacing-bp-md: -.15px;
    --font-h3-size-bp-lg: 38px;
    --font-h3-line-height-bp-lg: 1.21052632;
    --font-h3-spacing-bp-lg: -.2px;
    --font-h4-size-bp-sm: 25px;
    --font-h4-line-height-bp-sm: 1.2;
    --font-h4-spacing-bp-sm: -.1px;
    --font-h4-size-bp-md: 29px;
    --font-h4-line-height-bp-md: 1.24137931;
    --font-h4-spacing-bp-md: -.1px;
    --font-h4-size-bp-lg: 32px;
    --font-h4-line-height-bp-lg: 1.25;
    --font-h4-spacing-bp-lg: -.15px;
    --font-h5-size-bp-sm: 22px;
    --font-h5-line-height-bp-sm: 1.27272727;
    --font-h5-spacing-bp-sm: -.05px;
    --font-h5-size-bp-md: 25px;
    --font-h5-line-height-bp-md: 1.28;
    --font-h5-spacing-bp-md: -.1px;
    --font-h5-size-bp-lg: 26px;
    --font-h5-line-height-bp-lg: 1.30769231;
    --font-h5-spacing-bp-lg: -.1px;
    --font-h6-size-bp-sm: 19px;
    --font-h6-line-height-bp-sm: 1.2631579;
    --font-h6-spacing-bp-sm: -.03px;
    --font-h6-size-bp-md: 21px;
    --font-h6-line-height-bp-md: 1.33333333;
    --font-h6-spacing-bp-md: -.05px;
    --font-h6-size-bp-lg: 22px;
    --font-h6-line-height-bp-lg: 1.36363636;
    --font-h6-spacing-bp-lg: -.05px;
    --font-h7-size-bp-sm: 16px;
    --font-h7-line-height-bp-sm: 1.25;
    --font-h7-spacing-bp-sm: -.03px;
    --font-h7-size-bp-md: 16px;
    --font-h7-line-height-bp-md: 1.375;
    --font-h7-spacing-bp-md: -.03px;
    --font-h7-size-bp-lg: 18px;
    --font-h7-line-height-bp-lg: 1.44444444;
    --font-h7-spacing-bp-lg: -.03px;
    --font-p-lg-size-bp-sm: 18px;
    --font-p-lg-line-height-bp-sm: 1.33333333;
    --font-p-lg-spacing-bp-sm: -.1px;
    --font-p-lg-size-bp-md: 20px;
    --font-p-lg-line-height-bp-md: 1.4;
    --font-p-lg-spacing-bp-md: -.2px;
    --font-p-lg-size-bp-lg: 20px;
    --font-p-lg-line-height-bp-lg: 1.5;
    --font-p-lg-spacing-bp-lg: -.2px;
    --font-p-md-size-bp-sm: 16px;
    --font-p-md-line-height-bp-sm: 1.375;
    --font-p-md-spacing-bp-sm: -.1px;
    --font-p-md-size-bp-md: 18px;
    --font-p-md-line-height-bp-md: 1.44444444;
    --font-p-md-size-bp-lg: 18px;
    --font-p-md-line-height-bp-lg: 1.55555556;
    --font-p-md-spacing-bp-lg: -.1px;
    --font-p-sm-size-bp-sm: 14px;
    --font-p-sm-line-height-bp-sm: 1.42857143;
    --font-p-sm-spacing-bp-sm: -.05px;
    --font-p-sm-size-bp-md: 16px;
    --font-p-sm-line-height-bp-md: 1.5;
    --font-p-sm-spacing-bp-md: -.1px;
    --font-p-sm-size-bp-lg: 16px;
    --font-p-sm-line-height-bp-lg: 1.5;
    --font-p-sm-spacing-bp-lg: -.1px;
    --font-p-tn-size-bp-sm: 13px;
    --font-p-tn-line-height-bp-sm: 1.38461539;
    --font-p-tn-spacing-bp-sm: -.05px;
    --font-p-tn-size-bp-md: 14px;
    --font-p-tn-line-height-bp-md: 1.42857143;
    --font-p-tn-spacing-bp-md: -.05px;
    --font-p-tn-size-bp-lg: 14px;
    --font-p-tn-line-height-bp-lg: 1.42857143;
    --font-p-tn-spacing-bp-lg: -.05px;
    --font-p-tooltip-size-bp-sm: 13px;
    --font-p-tooltip-line-height-bp-sm: 1.23076923;
    --font-p-tooltip-spacing-bp-sm: -.05px;
    --font-p-tooltip-size-bp-md: 14px;
    --font-p-tooltip-line-height-bp-md: 1.28571429;
    --font-p-tooltip-spacing-bp-md: -.05px;
    --font-p-st-size: 12px;
    --font-p-st-line-height: 1.33333333;
    --font-p-st-spacing: -.05px;
    --font-p-sst-size: 11px;
    --font-p-sst-line-height: 1.27272727;
    --font-p-sst-spacing: -.05px;
    --font-btn-font-weight: 550;
    --font-btn-30-size: 14px;
    --font-btn-30-line-height: 1;
    --font-btn-30-spacing: -.05px;
    --font-btn-40-size: 14px;
    --font-btn-40-line-height: 1.0625;
    --font-btn-40-spacing: -.05px;
    --font-btn-50-size: 16px;
    --font-btn-50-line-height: 1.125;
    --font-btn-50-spacing: -.1px;
    --font-btn-60-size: 18px;
    --font-btn-60-line-height: 1.25;
    --font-btn-60-spacing: -.1px;
    --font-btn-80-size: 20px;
    --font-btn-80-line-height: 1.1875;
    --font-btn-80-spacing: -.2px;
    --font-btn-webkit-smoothing: auto;
    --font-btn-osx-smoothing: auto;
    --font-caps-size: 14px;
    --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-orange: 238, 139, 67;
    --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-05: 204, 207, 212;
    --rgb-gray-06: 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)
}

.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;
    gap: 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;
    gap: 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 {
    gap: 8px
}

.sp-link .sp-icon {
    width: 16px;
    height: 16px
}

.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);
    text-decoration: none;
    text-wrap: balance;
    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: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: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
}

.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);
    text-decoration: none;
    text-wrap: balance;
    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)
}

.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;
    gap: 6px
}

.button--st>.sp-icon {
    width: 12px;
    height: 12px
}

.button--st.button--circle {
    width: 30px;
    padding: 0
}

.button--st.button--circle>.sp-icon.size--inherit {
    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;
    gap: 6px
}

.button--tn>.sp-icon {
    width: 14px;
    height: 14px
}

.button--tn.button--circle {
    width: 40px;
    padding: 0
}

.button--tn.button--circle>.sp-icon.size--inherit {
    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;
    gap: 6px
}

.button--sm>.sp-icon {
    width: 14px;
    height: 14px
}

.button--sm.button--circle {
    width: 40px;
    padding: 0
}

.button--sm.button--circle>.sp-icon.size--inherit {
    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;
    gap: 8px
}

.button--md>.sp-icon {
    width: 16px;
    height: 16px
}

.button--md.button--circle {
    width: 50px;
    padding: 0
}

.button--md.button--circle>.sp-icon.size--inherit {
    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;
    gap: 10px
}

.button--lg>.sp-icon {
    width: 18px;
    height: 18px
}

.button--lg.button--circle {
    width: 60px;
    padding: 0
}

.button--lg.button--circle>.sp-icon.size--inherit {
    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,
.button--action {
    background-color: #88619a;
    border-color: #88619a
}

.button--analysts,
.button--purple,
.button--action,
.button--analysts:focus-visible,
.button--purple:focus-visible,
.button--action:focus-visible,
.button--analysts:hover,
.button--purple:hover,
.button--action:hover {
    color: #fff
}

.button--analysts .sp-icon.color--inherit g,
.button--purple .sp-icon.color--inherit g,
.button--action .sp-icon.color--inherit g,
.button--analysts:focus-visible .sp-icon.color--inherit g,
.button--purple:focus-visible .sp-icon.color--inherit g,
.button--action:focus-visible .sp-icon.color--inherit g,
.button--analysts:hover .sp-icon.color--inherit g,
.button--purple:hover .sp-icon.color--inherit g,
.button--action:hover .sp-icon.color--inherit g,
.button--analysts .sp-icon.color--inherit path,
.button--purple .sp-icon.color--inherit path,
.button--action .sp-icon.color--inherit path,
.button--analysts:focus-visible .sp-icon.color--inherit path,
.button--purple:focus-visible .sp-icon.color--inherit path,
.button--action:focus-visible .sp-icon.color--inherit path,
.button--analysts:hover .sp-icon.color--inherit path,
.button--purple:hover .sp-icon.color--inherit path,
.button--action:hover .sp-icon.color--inherit path,
.button--analysts .sp-icon.color--inherit polygon,
.button--purple .sp-icon.color--inherit polygon,
.button--action .sp-icon.color--inherit polygon,
.button--analysts:focus-visible .sp-icon.color--inherit polygon,
.button--purple:focus-visible .sp-icon.color--inherit polygon,
.button--action:focus-visible .sp-icon.color--inherit polygon,
.button--analysts:hover .sp-icon.color--inherit polygon,
.button--purple:hover .sp-icon.color--inherit polygon,
.button--action: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--action :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--action: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--action:hover :deep(.sp-icon.color--inherit) g,
.button--analysts :deep(.sp-icon.color--inherit) path,
.button--purple :deep(.sp-icon.color--inherit) path,
.button--action :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--action: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--action:hover :deep(.sp-icon.color--inherit) path,
.button--analysts :deep(.sp-icon.color--inherit) polygon,
.button--purple :deep(.sp-icon.color--inherit) polygon,
.button--action :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--action: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,
.button--action:hover :deep(.sp-icon.color--inherit) polygon {
    fill: #fff
}

.button--analysts:focus-visible,
.button--purple:focus-visible,
.button--action:focus-visible,
.button--analysts:hover,
.button--purple:hover,
.button--action:hover {
    background-color: #6c4d7b;
    border-color: #6c4d7b
}

.button--analysts:disabled,
.button--purple:disabled,
.button--action:disabled,
.button--analysts.is--disabled,
.button--purple.is--disabled,
.button--action.is--disabled,
.button--analysts.is--busy,
.button--purple.is--busy,
.button--action.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: #343c4b80
}

.button--allwhite .sp-icon.color--inherit g,
.button--allwhite .sp-icon.color--inherit path,
.button--allwhite .sp-icon.color--inherit polygon {
    fill: #343c4b80
}

.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: #343c4b80
}

.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: #ffffff80
}

.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: #343c4b80
}

.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--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))
}

.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))
}

.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;
    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 {
    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 #1d24321a
}

.sp-card.card--blue .color--inherit {
    color: rgb(var(--rgb-blue))
}

.sp-card.card--blue .card__shaded {
    background-color: #ecf4f7
}

.sp-card.card--green .color--inherit {
    color: rgb(var(--rgb-green))
}

.sp-card.card--green .card__shaded {
    background-color: #ebf6f1
}

.sp-card.card--purple .color--inherit {
    color: rgb(var(--rgb-purple))
}

.sp-card.card--purple .card__shaded {
    background-color: #f3eff5
}

.sp-card.card--yellow .color--inherit {
    color: rgb(var(--rgb-yellow))
}

.sp-card.card--yellow .card__shaded {
    background-color: #fcf7eb
}

.sp-card.card--red .color--inherit {
    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
}

.card--rainbow .card__line {
    background-image: linear-gradient(90deg, #4298b4 25%, #e4ae3a 25% 50%, #33a474 50% 75%, #88619a 75% 100%)
}

.has__line--top .card__line {
    inset: -1px -1px auto
}

.has__line--left .card__line {
    margin: 0;
    border: none;
    transform: rotate(360deg);
    position: absolute;
    inset: -1px 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;
    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;
    inset: -1px 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;
    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--slim {
    padding-inline: 0
}

.navbar.navbar--shadow {
    box-shadow: 0 0 10px #1d24321a
}

.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: 1300px;
    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.navbar--onboarding:has(~main.join .onboarding__intro.tw-bg-gray-02),
.navbar:has(~main.checkout__confirmation .confirmation__bg),
.navbar:has(~main .supplementarytest),
.navbar:has(~main.testimonials__page) {
    border-bottom-color: transparent
}

.navbar.navbar--onboarding {
    align-items: stretch
}

.navbar.navbar--onboarding .navbar--slim__wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex: 1 1 0
}

.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: translate(-50%);
    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;
    gap: 2px;
    padding: 0 7.5px
}

.navbar nav.middle-section>ul>li>ul {
    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 #32324680, 0 30px 50px -30px #0003, 0 15px 60px #00000003;
    top: 100%;
    left: 50%;
    transform: translate(-50%) perspective(2000px) rotateX(-15deg);
    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 #3232464d, 0 30px 50px -30px #0003, 0 15px 60px #00000003
}

.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 {
    width: 410px
}

.navbar nav.middle-section>ul>li>ul.wide.type-list {
    width: 372px
}

.fi .navbar nav.middle-section>ul>li>ul.wide.type-list,
.hy .navbar nav.middle-section>ul>li>ul.wide.type-list,
.nl .navbar nav.middle-section>ul>li>ul.wide.type-list,
.ka .navbar nav.middle-section>ul>li>ul.wide.type-list,
.el .navbar nav.middle-section>ul>li>ul.wide.type-list,
.is .navbar nav.middle-section>ul>li>ul.wide.type-list,
.id .navbar nav.middle-section>ul>li>ul.wide.type-list,
.ja .navbar nav.middle-section>ul>li>ul.wide.type-list,
.mn .navbar nav.middle-section>ul>li>ul.wide.type-list,
.ms .navbar nav.middle-section>ul>li>ul.wide.type-list,
.ru .navbar nav.middle-section>ul>li>ul.wide.type-list,
.sw .navbar nav.middle-section>ul>li>ul.wide.type-list,
.vi .navbar nav.middle-section>ul>li>ul.wide.type-list {
    width: 464px
}

.pl .navbar nav.middle-section>ul>li>ul.wide.type-list,
.th .navbar nav.middle-section>ul>li>ul.wide.type-list {
    width: 510px
}

.navbar nav.middle-section>ul>li>ul.wide .types ul li a {
    display: flex;
    flex-direction: column;
    text-align: center;
    gap: 2px
}

.navbar nav.middle-section>ul>li>ul.wide .types ul li a span {
    display: block;
    font-size: .8em;
    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;
    flex-grow: 1
}

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

.fi .navbar nav.middle-section>ul>li>ul>li.types ul li a,
.hy .navbar nav.middle-section>ul>li>ul>li.types ul li a,
.nl .navbar nav.middle-section>ul>li>ul>li.types ul li a,
.ka .navbar nav.middle-section>ul>li>ul>li.types ul li a,
.el .navbar nav.middle-section>ul>li>ul>li.types ul li a,
.is .navbar nav.middle-section>ul>li>ul>li.types ul li a,
.id .navbar nav.middle-section>ul>li>ul>li.types ul li a,
.ja .navbar nav.middle-section>ul>li>ul>li.types ul li a,
.mn .navbar nav.middle-section>ul>li>ul>li.types ul li a,
.ms .navbar nav.middle-section>ul>li>ul>li.types ul li a,
.ru .navbar nav.middle-section>ul>li>ul>li.types ul li a,
.sw .navbar nav.middle-section>ul>li>ul>li.types ul li a,
.vi .navbar nav.middle-section>ul>li>ul>li.types ul li a {
    min-width: 102px
}

.pl .navbar nav.middle-section>ul>li>ul>li.types ul li a,
.th .navbar nav.middle-section>ul>li>ul>li.types ul li a {
    min-width: 114px
}

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

.navbar .right-section .test-button,
.navbar .right-section .button--cta-results,
.navbar .right-section .sp-upgradebtn {
    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: #7bb7ca99
}

.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 #3232464d, 0 30px 50px -30px #0003, 0 15px 60px #00000003;
    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.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;
    inset: 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 #32324680, 0 30px 50px -30px #0003, 0 15px 60px #00000003
}

.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>.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: rgb(var(--rgb-gray-10))
}

.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-absolute:before {
    content: var(--tw-content) !important;
    position: absolute !important
}

.before\:-tw-bottom-45:before {
    content: var(--tw-content) !important;
    bottom: -45px !important
}

.before\:-tw-start-5:before {
    content: var(--tw-content) !important;
    inset-inline-start: -5px !important
}

.before\:tw-start-0:before {
    content: var(--tw-content) !important;
    inset-inline-start: 0 !important
}

.before\:tw-top-\[calc\(100\%\+10px\)\]:before {
    content: var(--tw-content) !important;
    top: calc(100% + 10px) !important
}

.before\:tw-block:before {
    content: var(--tw-content) !important;
    display: block !important
}

.before\:tw-hidden:before {
    content: var(--tw-content) !important;
    display: none !important
}

.before\:tw-h-\[31px\]:before {
    content: var(--tw-content) !important;
    height: 31px !important
}

.before\:tw-h-\[calc\(100\%\+45px\)\]:before {
    content: var(--tw-content) !important;
    height: calc(100% + 45px) !important
}

.before\:tw-w-15:before {
    content: var(--tw-content) !important;
    width: 15px !important
}

.before\:-tw-translate-x-full:before {
    content: var(--tw-content) !important;
    --tw-translate-x: -100% !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
}

.before\:tw-transform:before {
    content: var(--tw-content) !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
}

.before\:tw-rounded-bl-5:before {
    content: var(--tw-content) !important;
    border-bottom-left-radius: 5px !important
}

.before\:tw-border-b:before {
    content: var(--tw-content) !important;
    border-bottom-width: 1px !important
}

.before\:tw-border-s:before {
    content: var(--tw-content) !important;
    border-inline-start-width: 1px !important
}

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

.before\:tw-content-\[\'\'\]:before {
    --tw-content: "" !important;
    content: var(--tw-content) !important
}

.before\:tw-content-\[counter\(row-num\)_\'\.\'\]:before {
    --tw-content: counter(row-num) "." !important;
    content: var(--tw-content) !important
}

.before\:\[border-bottom-style\:solid\]:before {
    content: var(--tw-content) !important;
    border-bottom-style: solid !important
}

.before\:\[border-inline-start-style\:solid\]:before {
    content: var(--tw-content) !important;
    border-inline-start-style: solid !important
}

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

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

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

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

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

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

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

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

.last\:before\:tw-hidden:last-child:before {
    content: var(--tw-content) !important;
    display: none !important
}

.even\:tw-bg-gray-02:nth-child(2n) {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(246 246 247 / var(--tw-bg-opacity, 1)) !important
}

.first-of-type\:tw-mt-0:first-of-type {
    margin-top: 0 !important
}

.first-of-type\:tw-border-0:first-of-type {
    border-width: 0px !important
}

.last-of-type\:tw-mb-0:last-of-type {
    margin-bottom: 0 !important
}

.last-of-type\:tw-p-\[7\.5px\]:last-of-type {
    padding: 7.5px !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, 1)) !important
}

.focus-within\:tw-outline:focus-within {
    outline-style: solid !important
}

.focus-within\:tw-outline-4:focus-within {
    outline-width: 4px !important
}

.focus-within\:tw-outline-blue-lighter-04\/50:focus-within {
    outline-color: #7bb7ca80 !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-cursor-pointer:hover {
    cursor: pointer !important
}

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

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

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

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

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

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

.hover\:tw-bg-blue-lighter-11:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(245 249 251 / var(--tw-bg-opacity, 1)) !important
}

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

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

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

.hover\:tw-bg-gray-10\/10:hover {
    background-color: #787f8d1a !important
}

.hover\:tw-bg-gray-15\/10:hover {
    background-color: #51596a1a !important
}

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

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

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

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

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

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

.hover\:tw-bg-red-lighter-09:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(252 222 223 / var(--tw-bg-opacity, 1)) !important
}

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

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

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

.hover\:tw-text-blue-darker-04:hover {
    --tw-text-opacity: 1 !important;
    color: rgb(52 121 144 / var(--tw-text-opacity, 1)) !important
}

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

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

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

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

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

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

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

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

.hover\:tw-decoration-\[var\(--link-blue-underline-50\)\]:hover {
    text-decoration-color: var(--link-blue-underline-50) !important
}

.hover\:tw-opacity-100:hover {
    opacity: 1 !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
}

.hover\:\[background-size\:100\%_2px\]:hover {
    background-size: 100% 2px !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, 1)) !important
}

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

.focus\:tw-text-gray-20:focus {
    --tw-text-opacity: 1 !important;
    color: rgb(52 60 75 / var(--tw-text-opacity, 1)) !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, 1)) !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, 1)) !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, 1)) !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, 1)) !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, 1)) !important
}

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

.focus-visible\:tw-bg-gray-03:focus-visible {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(238 239 241 / var(--tw-bg-opacity, 1)) !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, 1)) !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, 1)) !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, 1)) !important
}

.focus-visible\:tw-text-blue-darker-04:focus-visible {
    --tw-text-opacity: 1 !important;
    color: rgb(52 121 144 / var(--tw-text-opacity, 1)) !important
}

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

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

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

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

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

.focus-visible\:tw-decoration-\[var\(--link-blue-underline-50\)\]:focus-visible {
    text-decoration-color: var(--link-blue-underline-50) !important
}

.focus-visible\:tw-opacity-100:focus-visible {
    opacity: 1 !important
}

.focus-visible\:\[background-size\:100\%_2px\]:focus-visible {
    background-size: 100% 2px !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-blue-lighter-10:active {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(236 244 247 / var(--tw-bg-opacity, 1)) !important
}

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

.active\:tw-decoration-\[var\(--link-blue-underline-50\)\]:active {
    text-decoration-color: var(--link-blue-underline-50) !important
}

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

.tw-group:focus-within .group-focus-within\:tw-border-blue-darker-04 {
    --tw-border-opacity: 1 !important;
    border-color: rgb(52 121 144 / var(--tw-border-opacity, 1)) !important
}

.tw-group:focus-within .group-focus-within\:tw-bg-blue-darker-04 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(52 121 144 / var(--tw-bg-opacity, 1)) !important
}

.tw-group:hover .group-hover\:tw-inline-flex {
    display: inline-flex !important
}

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

.tw-group:hover .group-hover\:tw-animate-bell {
    animation: tw-bell .3s ease-in-out both !important
}

.tw-group:hover .group-hover\:tw-animate-moveDown {
    animation: tw-moveDown .5s ease-in-out both !important
}

.tw-group:hover .group-hover\:tw-animate-shake {
    animation: tw-shake .5s ease-in-out both !important
}

.tw-group:hover .group-hover\:tw-animate-thumbsUp {
    animation: tw-thumbsUp .5s ease-in-out both !important
}

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

.tw-group:hover .group-hover\:tw-border-blue-darker-04 {
    --tw-border-opacity: 1 !important;
    border-color: rgb(52 121 144 / var(--tw-border-opacity, 1)) !important
}

.tw-group:hover .group-hover\:tw-border-blue-lighter-10 {
    --tw-border-opacity: 1 !important;
    border-color: rgb(236 244 247 / var(--tw-border-opacity, 1)) !important
}

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

.tw-group:hover .group-hover\:tw-border-transparent {
    border-color: transparent !important
}

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

.tw-group:hover .group-hover\:tw-bg-blue-darker-04 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(52 121 144 / var(--tw-bg-opacity, 1)) !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, 1)) !important
}

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

.tw-group:hover .group-hover\:tw-fill-blue-darker-04 {
    fill: #347990 !important
}

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

.tw-group:hover .group-hover\:tw-fill-blue-rgb {
    fill: rgba(var(--rgb-blue), 1) !important
}

.tw-group:hover .group-hover\:tw-fill-gray-15 {
    fill: #51596a !important
}

.tw-group:hover .group-hover\:tw-fill-red-rgb {
    fill: rgba(var(--rgb-red), 1) !important
}

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

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

.tw-group:hover .group-hover\:tw-opacity-100 {
    opacity: 1 !important
}

.tw-group:hover .group-hover\: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
}

@keyframes tw-bell {

    0%,
    to {
        transform: none
    }

    33% {
        transform: rotate(10deg)
    }

    66% {
        transform: rotate(-10deg)
    }
}

.tw-group:focus-visible .group-focus-visible\:tw-animate-bell {
    animation: tw-bell .3s ease-in-out both !important
}

@keyframes tw-moveDown {

    0%,
    to {
        transform: none
    }

    50% {
        transform: translateY(4px)
    }
}

.tw-group:focus-visible .group-focus-visible\:tw-animate-moveDown {
    animation: tw-moveDown .5s ease-in-out both !important
}

@keyframes tw-shake {

    0%,
    to {
        transform: none
    }

    50% {
        transform: translate(2px)
    }
}

.tw-group:focus-visible .group-focus-visible\:tw-animate-shake {
    animation: tw-shake .5s ease-in-out both !important
}

@keyframes tw-thumbsUp {

    0%,
    to {
        transform: none
    }

    50% {
        transform: rotate(-10deg) translateY(-2px)
    }
}

.tw-group:focus-visible .group-focus-visible\:tw-animate-thumbsUp {
    animation: tw-thumbsUp .5s ease-in-out both !important
}

.tw-group:focus-visible .group-focus-visible\:tw-fill-blue-darker-04 {
    fill: #347990 !important
}

.tw-group:focus-visible .group-focus-visible\:tw-fill-blue-rgb {
    fill: rgba(var(--rgb-blue), 1) !important
}

.tw-group:focus-visible .group-focus-visible\:tw-fill-gray-15 {
    fill: #51596a !important
}

.tw-group:focus-visible .group-focus-visible\:tw-fill-red-rgb {
    fill: rgba(var(--rgb-red), 1) !important
}

.tw-group:focus-visible .group-focus-visible\:tw-opacity-100 {
    opacity: 1 !important
}

.tw-high-contrast .hc\:tw-border-green-darker-04 {
    --tw-border-opacity: 1 !important;
    border-color: rgb(40 131 92 / var(--tw-border-opacity, 1)) !important
}

.tw-high-contrast .hc\:tw-bg-blue-darker-04 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(52 121 144 / var(--tw-bg-opacity, 1)) !important
}

.tw-high-contrast .hc\:tw-text-purple-darker-01 {
    --tw-text-opacity: 1 !important;
    color: rgb(129 92 146 / var(--tw-text-opacity, 1)) !important
}

.dark\:tw-inset-x-0:is(.tw-dark *) {
    left: 0 !important;
    right: 0 !important
}

.dark\:tw-hidden:is(.tw-dark *) {
    display: none !important
}

.dark\:tw-divide-ds-medium:is(.tw-dark *)>:not([hidden])~:not([hidden]) {
    border-color: var(--ds-medium) !important
}

.dark\:tw-border-0:is(.tw-dark *) {
    border-width: 0px !important
}

.dark\:tw-border-none:is(.tw-dark *) {
    border-style: none !important
}

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

.dark\:tw-border-ds-dark:is(.tw-dark *) {
    border-color: var(--ds-dark) !important
}

.dark\:tw-border-ds-light:is(.tw-dark *) {
    border-color: var(--ds-light) !important
}

.dark\:tw-border-ds-light-darker:is(.tw-dark *) {
    border-color: var(--ds-light-darker) !important
}

.dark\:tw-border-ds-link:is(.tw-dark *) {
    border-color: var(--ds-link) !important
}

.dark\:tw-border-ds-medium:is(.tw-dark *) {
    border-color: var(--ds-medium) !important
}

.dark\:tw-border-ds-text-gray:is(.tw-dark *) {
    border-color: var(--ds-text-gray) !important
}

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

.dark\:tw-border-purple-darker-05:is(.tw-dark *) {
    --tw-border-opacity: 1 !important;
    border-color: rgb(101 72 115 / var(--tw-border-opacity, 1)) !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, 1)) !important
}

.dark\:tw-border-transparent:is(.tw-dark *) {
    border-color: transparent !important
}

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

.dark\:tw-border-x-ds-dark:is(.tw-dark *) {
    border-left-color: var(--ds-dark) !important;
    border-right-color: var(--ds-dark) !important
}

.dark\:tw-border-b-ds-dark:is(.tw-dark *) {
    border-bottom-color: var(--ds-dark) !important
}

.dark\:tw-border-b-ds-light:is(.tw-dark *) {
    border-bottom-color: var(--ds-light) !important
}

.dark\:tw-border-b-ds-medium:is(.tw-dark *) {
    border-bottom-color: var(--ds-medium) !important
}

.dark\:tw-border-t-ds-light:is(.tw-dark *) {
    border-top-color: var(--ds-light) !important
}

.dark\:tw-border-t-ds-medium:is(.tw-dark *) {
    border-top-color: var(--ds-medium) !important
}

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

.dark\:tw-bg-blue-darker-04:is(.tw-dark *) {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(52 121 144 / var(--tw-bg-opacity, 1)) !important
}

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

.dark\:tw-bg-blue-darker-07:is(.tw-dark *) {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(42 98 117 / var(--tw-bg-opacity, 1)) !important
}

.dark\:tw-bg-blue-darker-08:is(.tw-dark *) {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(39 91 108 / var(--tw-bg-opacity, 1)) !important
}

.dark\:tw-bg-blue-darker-11:is(.tw-dark *) {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(29 68 81 / var(--tw-bg-opacity, 1)) !important
}

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

.dark\:tw-bg-dark-2:is(.tw-dark *) {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(41 48 62 / var(--tw-bg-opacity, 1)) !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:is(.tw-dark *) {
    background-color: var(--ds-light) !important
}

.dark\:tw-bg-ds-medium:is(.tw-dark *) {
    background-color: var(--ds-medium) !important
}

.dark\:tw-bg-ds-medium-darker:is(.tw-dark *) {
    background-color: var(--ds-medium-darker) !important
}

.dark\:tw-bg-ds-text-gray:is(.tw-dark *) {
    background-color: var(--ds-text-gray) !important
}

.dark\:tw-bg-gray-15\/50:is(.tw-dark *) {
    background-color: #51596a80 !important
}

.dark\:tw-bg-gray-17:is(.tw-dark *) {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(69 77 93 / var(--tw-bg-opacity, 1)) !important
}

.dark\:tw-bg-gray-20:is(.tw-dark *) {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(52 60 75 / var(--tw-bg-opacity, 1)) !important
}

.dark\:tw-bg-gray-24:is(.tw-dark *) {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(32 39 53 / var(--tw-bg-opacity, 1)) !important
}

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

.dark\:tw-bg-green-darker-04:is(.tw-dark *) {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(40 131 92 / var(--tw-bg-opacity, 1)) !important
}

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

.dark\:tw-bg-green-darker-07:is(.tw-dark *) {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(33 106 75 / var(--tw-bg-opacity, 1)) !important
}

.dark\:tw-bg-green-darker-08:is(.tw-dark *) {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(30 98 69 / var(--tw-bg-opacity, 1)) !important
}

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

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

.dark\:tw-bg-purple-darker-04:is(.tw-dark *) {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(108 77 123 / var(--tw-bg-opacity, 1)) !important
}

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

.dark\:tw-bg-purple-darker-08:is(.tw-dark *) {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(81 58 92 / var(--tw-bg-opacity, 1)) !important
}

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

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

.dark\:tw-bg-red-darker-04:is(.tw-dark *) {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(193 75 78 / var(--tw-bg-opacity, 1)) !important
}

.dark\:tw-bg-red-darker-05:is(.tw-dark *) {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(181 70 73 / var(--tw-bg-opacity, 1)) !important
}

.dark\:tw-bg-red-darker-07:is(.tw-dark *) {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(157 61 63 / var(--tw-bg-opacity, 1)) !important
}

.dark\:tw-bg-red-darker-12:is(.tw-dark *) {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(96 37 39 / var(--tw-bg-opacity, 1)) !important
}

.dark\:tw-bg-transparent:is(.tw-dark *) {
    background-color: transparent !important
}

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

.dark\:tw-bg-yellow-darker-04:is(.tw-dark *) {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(182 139 46 / var(--tw-bg-opacity, 1)) !important
}

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

.dark\:tw-bg-yellow-darker-07:is(.tw-dark *) {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(148 113 37 / var(--tw-bg-opacity, 1)) !important
}

.dark\:tw-bg-yellow-darker-08:is(.tw-dark *) {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(136 104 34 / var(--tw-bg-opacity, 1)) !important
}

.dark\:tw-bg-yellow-darker-09:is(.tw-dark *) {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(125 95 31 / var(--tw-bg-opacity, 1)) !important
}

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

.dark\:tw-bg-none:is(.tw-dark *) {
    background-image: none !important
}

.dark\:tw-fill-blue-darker-05:is(.tw-dark *) {
    fill: #317186 !important
}

.dark\:tw-fill-blue-darker-12:is(.tw-dark *) {
    fill: #1a3c48 !important
}

.dark\:tw-fill-ds-dark:is(.tw-dark *) {
    fill: var(--ds-dark) !important
}

.dark\:tw-fill-ds-dark-2:is(.tw-dark *) {
    fill: var(--ds-dark-2) !important
}

.dark\:tw-fill-ds-light:is(.tw-dark *) {
    fill: var(--ds-light) !important
}

.dark\:tw-fill-ds-light-darker:is(.tw-dark *) {
    fill: var(--ds-light-darker) !important
}

.dark\:tw-fill-ds-link:is(.tw-dark *) {
    fill: var(--ds-link) !important
}

.dark\:tw-fill-ds-medium:is(.tw-dark *) {
    fill: var(--ds-medium) !important
}

.dark\:tw-fill-ds-medium-darker:is(.tw-dark *) {
    fill: var(--ds-medium-darker) !important
}

.dark\:tw-fill-ds-text:is(.tw-dark *) {
    fill: var(--ds-text) !important
}

.dark\:tw-fill-ds-text-gray:is(.tw-dark *) {
    fill: var(--ds-text-gray) !important
}

.dark\:tw-fill-green-darker-05:is(.tw-dark *) {
    fill: #267a56 !important
}

.dark\:tw-fill-green-darker-12:is(.tw-dark *) {
    fill: #14412e !important
}

.dark\:tw-fill-purple-darker-05:is(.tw-dark *) {
    fill: #654873 !important
}

.dark\:tw-fill-purple-darker-12:is(.tw-dark *) {
    fill: rgba(var(--rgb-purple-darker-12), 1) !important
}

.dark\:tw-fill-red-darker-12:is(.tw-dark *) {
    fill: #602527 !important
}

.dark\:tw-fill-white:is(.tw-dark *) {
    fill: #fff !important
}

.dark\:tw-fill-yellow-darker-05:is(.tw-dark *) {
    fill: #aa822b !important
}

.dark\:tw-fill-yellow-darker-12:is(.tw-dark *) {
    fill: #5b4517 !important
}

.dark\:tw-stroke-ds-dark:is(.tw-dark *) {
    stroke: var(--ds-dark) !important
}

.dark\:tw-stroke-ds-dark-2:is(.tw-dark *) {
    stroke: var(--ds-dark-2) !important
}

.dark\:tw-stroke-ds-light:is(.tw-dark *) {
    stroke: var(--ds-light) !important
}

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

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

.dark\:tw-text-blue-lighter-03:is(.tw-dark *) {
    --tw-text-opacity: 1 !important;
    color: rgb(103 172 195 / var(--tw-text-opacity, 1)) !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-ds-text-gray-lighter:is(.tw-dark *) {
    color: var(--ds-text-gray-lighter) !important
}

.dark\:tw-text-gray-02\/25:is(.tw-dark *) {
    color: #f6f6f740 !important
}

.dark\:tw-text-gray-02\/50:is(.tw-dark *) {
    color: #f6f6f780 !important
}

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

.dark\:tw-text-green-lighter-03:is(.tw-dark *) {
    --tw-text-opacity: 1 !important;
    color: rgb(91 182 143 / var(--tw-text-opacity, 1)) !important
}

.dark\:tw-text-purple-lighter-04:is(.tw-dark *) {
    --tw-text-opacity: 1 !important;
    color: rgb(171 144 184 / var(--tw-text-opacity, 1)) !important
}

.dark\:tw-text-purple-lighter-05:is(.tw-dark *) {
    --tw-text-opacity: 1 !important;
    color: rgb(183 160 194 / var(--tw-text-opacity, 1)) !important
}

.dark\:tw-text-red-lighter-02:is(.tw-dark *) {
    --tw-text-opacity: 1 !important;
    color: rgb(243 110 114 / var(--tw-text-opacity, 1)) !important
}

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

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

.dark\:tw-text-yellow-lighter-03:is(.tw-dark *) {
    --tw-text-opacity: 1 !important;
    color: rgb(233 190 97 / var(--tw-text-opacity, 1)) !important
}

.dark\:tw-opacity-10:is(.tw-dark *) {
    opacity: .1 !important
}

.dark\:tw-shadow-\[inset_0_100vw_var\(--ds-dark-2\)\]:is(.tw-dark *) {
    --tw-shadow: inset 0 100vw var(--ds-dark-2) !important;
    --tw-shadow-colored: inset 0 100vw 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
}

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

.dark\:tw-brightness-0:is(.tw-dark *) {
    --tw-brightness: brightness(0) !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
}

.dark\:tw-invert:is(.tw-dark *) {
    --tw-invert: invert(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
}

.dark\:tw-invert-\[1\]:is(.tw-dark *) {
    --tw-invert: invert(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
}

.dark\:before\:tw-border-ds-light-darker:is(.tw-dark *):before {
    content: var(--tw-content) !important;
    border-color: var(--ds-light-darker) !important
}

.dark\:first\:tw-border-t-ds-light:first-child:is(.tw-dark *) {
    border-top-color: var(--ds-light) !important
}

.dark\:even\:tw-bg-ds-dark:nth-child(2n):is(.tw-dark *) {
    background-color: var(--ds-dark) !important
}

.dark\:focus-within\:tw-bg-ds-dark:focus-within:is(.tw-dark *) {
    background-color: var(--ds-dark) !important
}

.dark\:hover\:tw-border-ds-link:hover:is(.tw-dark *) {
    border-color: var(--ds-link) !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, 1)) !important
}

.hover\:dark\:tw-border-transparent:is(.tw-dark *):hover {
    border-color: transparent !important
}

.dark\:hover\:tw-bg-blue-darker-11:hover:is(.tw-dark *) {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(29 68 81 / var(--tw-bg-opacity, 1)) !important
}

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

.dark\:hover\:tw-bg-ds-dark:hover:is(.tw-dark *) {
    background-color: var(--ds-dark) !important
}

.dark\:hover\:tw-bg-ds-dark-2:hover:is(.tw-dark *) {
    background-color: var(--ds-dark-2) !important
}

.dark\:hover\:tw-bg-ds-light:hover:is(.tw-dark *) {
    background-color: var(--ds-light) !important
}

.dark\:hover\:tw-bg-ds-medium:hover:is(.tw-dark *) {
    background-color: var(--ds-medium) !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, 1)) !important
}

.dark\:hover\:tw-bg-gray-15\/50:hover:is(.tw-dark *) {
    background-color: #51596a80 !important
}

.dark\:hover\:tw-bg-green-darker-11:hover:is(.tw-dark *) {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(23 73 52 / var(--tw-bg-opacity, 1)) !important
}

.dark\:hover\:tw-bg-purple-darker-11:hover:is(.tw-dark *) {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(61 43 69 / var(--tw-bg-opacity, 1)) !important
}

.dark\:hover\:tw-bg-yellow-darker-11:hover:is(.tw-dark *) {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(102 78 26 / var(--tw-bg-opacity, 1)) !important
}

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

.dark\:hover\:tw-text-ds-link:hover:is(.tw-dark *) {
    color: var(--ds-link) !important
}

.dark\:hover\:tw-text-ds-text:hover:is(.tw-dark *) {
    color: var(--ds-text) !important
}

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

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

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

.dark\:hover\:tw-text-yellow-rgb:hover:is(.tw-dark *) {
    --tw-text-opacity: 1 !important;
    color: rgba(var(--rgb-yellow), var(--tw-text-opacity, 1)) !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, 1)) !important
}

.dark\:focus-visible\:tw-bg-ds-dark:focus-visible:is(.tw-dark *) {
    background-color: var(--ds-dark) !important
}

.dark\:focus-visible\:tw-bg-ds-medium:focus-visible:is(.tw-dark *) {
    background-color: var(--ds-medium) !important
}

.dark\:focus-visible\:tw-text-ds-link:focus-visible:is(.tw-dark *) {
    color: var(--ds-link) !important
}

.dark\:focus-visible\:tw-text-red-rgb:focus-visible:is(.tw-dark *) {
    --tw-text-opacity: 1 !important;
    color: rgba(var(--rgb-red), var(--tw-text-opacity, 1)) !important
}

.tw-group:hover .dark\:group-hover\:tw-bg-ds-medium:is(.tw-dark *) {
    background-color: var(--ds-medium) !important
}

.tw-group:hover .dark\:group-hover\:tw-fill-ds-link:is(.tw-dark *) {
    fill: var(--ds-link) !important
}

.tw-group:hover .dark\:group-hover\:tw-fill-ds-text:is(.tw-dark *) {
    fill: var(--ds-text) !important
}

.tw-group:focus-visible .dark\:group-focus-visible\:tw-fill-ds-link:is(.tw-dark *) {
    fill: var(--ds-link) !important
}

.tw-group:focus-visible .dark\:group-focus-visible\:tw-fill-ds-text:is(.tw-dark *) {
    fill: var(--ds-text) !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, 1)) !important
}

.rtl\:tw-flex:where([dir=rtl], [dir=rtl] *) {
    display: flex !important
}

.rtl\:tw-origin-bottom-left:where([dir=rtl], [dir=rtl] *) {
    transform-origin: bottom left !important
}

.rtl\:tw-origin-top-left:where([dir=rtl], [dir=rtl] *) {
    transform-origin: top left !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, 1)) !important
}

.rtl\:tw-text-end:where([dir=rtl], [dir=rtl] *) {
    text-align: end !important
}

.rtl\:\[clip-path\:polygon\(60\%_0\%\,100\%_0\%\,100\%_100\%\,60\%_100\%\)\]:where([dir=rtl], [dir=rtl] *) {
    clip-path: polygon(60% 0%, 100% 0%, 100% 100%, 60% 100%) !important
}

.rtl\:before\:tw-rounded-br-5:where([dir=rtl], [dir=rtl] *):before {
    content: var(--tw-content) !important;
    border-bottom-right-radius: 5px !important
}

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

.\[\&\&\]\:tw-bg-transparent.\[\&\&\]\:tw-bg-transparent {
    background-color: transparent !important
}

.\[\&\&\]\:dark\:tw-border-ds-medium:is(.tw-dark *).\[\&\&\]\:dark\:tw-border-ds-medium:is(.tw-dark *) {
    border-color: var(--ds-medium) !important
}

.\[\&\&\]\:dark\:tw-bg-ds-medium:is(.tw-dark *).\[\&\&\]\:dark\:tw-bg-ds-medium:is(.tw-dark *) {
    background-color: var(--ds-medium) !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
}

.\[\&\:has\(\~_main_\.header--sectioned\)\]\:tw-border-0:has(~main .header--sectioned) {
    border-width: 0px !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, 1)) !important
}

.dark\:\[\&\:not\(\:last-of-type\)\]\:tw-border-b-ds-medium:not(:last-of-type):is(.tw-dark *) {
    border-bottom-color: var(--ds-medium) !important
}

.\[\&\>_img\]\:tw-h-auto>img {
    height: auto !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-flex .group__options {
    display: flex !important
}

.\[\&_\.group\\_\\_options\]\:tw-justify-center .group__options {
    justify-content: center !important
}

.\[\&_\.input\\_\\_label\]\:tw-max-w-\[1080px\] .input__label {
    max-width: 1080px !important
}

.\[\&_\.middle\]\:tw-bg-blue .middle {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(66 152 180 / var(--tw-bg-opacity, 1)) !important
}

.\[\&_\.middle\]\:tw-bg-green .middle {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(51 164 116 / var(--tw-bg-opacity, 1)) !important
}

.\[\&_\.middle\]\:tw-bg-purple .middle {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(136 97 154 / var(--tw-bg-opacity, 1)) !important
}

.\[\&_\.middle\]\:tw-bg-yellow .middle {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(228 174 58 / var(--tw-bg-opacity, 1)) !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
}

.\[\&_\.traitbar\\_\\_label--inactive\]\:tw-text-gray-rgb-10 .traitbar__label--inactive {
    --tw-text-opacity: 1 !important;
    color: rgba(var(--rgb-gray-10), var(--tw-text-opacity, 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,
.\[\&_li\]\:tw-mb-10 li {
    margin-bottom: 10px !important
}

.\[\&_p\:last-child\]\:tw-mb-0 p:last-child {
    margin-bottom: 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-\[\#000000\] path {
    fill: #000 !important
}

.\[\&_path\]\:tw-fill-\[\#0866FF\] path {
    fill: #0866ff !important
}

.\[\&_path\]\:tw-fill-\[\#E4405F\] path {
    fill: #e4405f !important
}

.\[\&_path\]\:tw-fill-\[\#FF6719\] path {
    fill: #ff6719 !important
}

.\[\&_path\]\:tw-fill-\[rgba\(52\,60\,75\,0\.5\)\] path {
    fill: #343c4b80 !important
}

.\[\&_path\]\:tw-fill-blue path {
    fill: #4298b4 !important
}

.\[\&_path\]\:tw-fill-ds-medium path {
    fill: var(--ds-medium) !important
}

.\[\&_path\]\:tw-fill-gray-11 path {
    fill: #68707f !important
}

.\[\&_path\]\:tw-fill-green path {
    fill: #33a474 !important
}

.\[\&_path\]\:tw-fill-purple path {
    fill: #88619a !important
}

.\[\&_path\]\:tw-fill-yellow path {
    fill: #e4ae3a !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
}

.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: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
}

.dark\:\[\&_path\]\:tw-fill-ds-text path:is(.tw-dark *) {
    fill: var(--ds-text) !important
}

.dark\:\[\&_path\]\:tw-fill-ds-text-gray path:is(.tw-dark *) {
    fill: var(--ds-text-gray) !important
}

.dark\:\[\&_path\]\:tw-fill-white path:is(.tw-dark *) {
    fill: #fff !important
}

.dark\:\[\&_rect\]\:tw-fill-transparent rect:is(.tw-dark *) {
    fill: transparent !important
}

.\[\&_span\]\:tw-font-\[550\] span {
    font-weight: 550 !important
}

.\[\&_strong\]\:tw-font-titles strong {
    font-family: var(--font-family-titles) !important;
    font-weight: var(--font-titles-weight) !important
}

.\[\&_svg\]\:tw-block svg {
    display: block !important
}

.\[\&_svg\]\:tw-overflow-visible svg {
    overflow: visible !important
}

.\[\&_td\]\:tw-border-ds-medium td {
    border-color: var(--ds-medium) !important
}

.\[\&_tr\:first-child_td\]\:tw-border-t-0 tr:first-child td,
.\[\&_tr\:first-child_th\]\:tw-border-t-0 tr:first-child th {
    border-top-width: 0px !important
}

.\[\&_ul\:last-child\]\:tw-mb-0 ul:last-child {
    margin-bottom: 0 !important
}

.\[\&_ul\]\:tw-mb-10 ul {
    margin-bottom: 10px !important
}

.last\:\[\&_ul\]\:tw-mb-0 ul:last-child {
    margin-bottom: 0 !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 screen and (min-width:0) {
    body.mode--dark .table-list thead th {
        background-color: var(--ds-medium)
    }

    body.mode--dark .table-list th,
    body.mode--dark .table-list td {
        border-color: var(--ds-light)
    }
}

@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(prefers-reduced-motion:no-preference) {
    .motion-safe\:tw-flex {
        display: flex !important
    }

    .motion-safe\:tw-hidden {
        display: none !important
    }
}

@media(prefers-reduced-motion:reduce) {
    .motion-reduce\:tw-hidden {
        display: none !important
    }
}

@media print {
    .print\:tw-not-sr-only {
        position: static !important;
        width: auto !important;
        height: auto !important;
        padding: 0 !important;
        margin: 0 !important;
        overflow: visible !important;
        clip: auto !important;
        white-space: normal !important
    }

    .print\:tw-bottom-10 {
        bottom: 10px !important
    }

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

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

    .print\:tw-float-end {
        float: inline-end !important
    }

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

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

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

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

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

    .print\:tw-block {
        display: block !important
    }

    .print\:tw-hidden {
        display: none !important
    }

    .print\:tw-size-\[100px\] {
        width: 100px !important;
        height: 100px !important
    }

    .print\:tw-size-\[36px\] {
        width: 36px !important;
        height: 36px !important
    }

    .print\:tw-max-h-\[2in\] {
        max-height: 2in !important
    }

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

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

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

    .print\:tw-break-before-page {
        -moz-column-break-before: page !important;
        break-before: page !important
    }

    .print\:tw-break-inside-avoid {
        -moz-column-break-inside: avoid !important;
        break-inside: avoid !important
    }

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

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

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

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

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

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

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

    .print\:tw-border-gray {
        --tw-border-opacity: 1 !important;
        border-color: rgb(171 175 184 / var(--tw-border-opacity, 1)) !important
    }

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

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

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

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

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

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

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

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

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

    .print\:tw-text-font-p-md-huge {
        font-size: var(--font-p-md-size-bp-lg) !important;
        line-height: var(--font-p-md-line-height-bp-lg) !important;
        letter-spacing: var(--font-p-md-spacing-bp-lg) !important
    }

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

    .print\: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
    }

    .print\:first\:tw-border-none:first-child {
        border-style: none !important
    }
}

@media(min-width:320px) {
    .tiny\:tw-grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !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
    }

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

@media(min-width:360px)and (max-width:459px) {
    .navbar .right-section .a11y-toggle+.language-link:has(.lang--abbr) {
        margin-inline-end: 0
    }

    .navbar .right-section .a11y-toggle:has(+.language-link) {
        margin-inline-end: 8px
    }
}

@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:400px) {
    .sp-nav__mobile .nav__background {
        flex: none;
        flex-grow: 1;
        width: auto
    }

    .sp-nav__mobile .menu {
        flex: 1 0 330px;
        max-width: 350px
    }
}

@media(min-width:400px)and (min-height:900px) {
    .sp-nav__mobile .menu {
        flex: 0 0 350px
    }
}

@media(min-width:450px) {
    .min-\[450px\]\:tw-mb-25 {
        margin-bottom: 25px !important
    }

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

    .min-\[450px\]\:tw-leading-\[2\] {
        line-height: 2 !important
    }
}

@media(min-width:460px) {
    .small\:tw-mx-20 {
        margin-left: 20px !important;
        margin-right: 20px !important
    }

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

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

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

    .small\:tw-me-15 {
        margin-inline-end: 15px !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-flex {
        display: flex !important
    }

    .small\:tw-grid {
        display: grid !important
    }

    .small\:tw-size-\[90px\] {
        width: 90px !important;
        height: 90px !important
    }

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

    .small\:tw-w-2\/5 {
        width: 40% !important
    }

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

    .small\:tw-w-auto {
        width: auto !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-pb-40 {
        padding-bottom: 40px !important
    }

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

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

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

@media(min-width:500px) {
    .notification-sidebar {
        max-width: 400px
    }

    .min-\[500px\]\:tw-inset-x-\[calc\(50\%-250px\)\] {
        left: calc(50% - 250px) !important;
        right: calc(50% - 250px) !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
    }
}

@media(min-width:600px) {
    .min-\[600px\]\:tw-bottom-25 {
        bottom: 25px !important
    }

    .min-\[600px\]\:tw-mt-0 {
        margin-top: 0 !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 cite,
    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)
    }

    .description-pullout {
        padding-top: 20px;
        padding-bottom: 20px;
        margin-top: 40px;
        margin-bottom: 40px
    }

    article ul:not(.pagination):not(.legend__list):not(.list--checkregular):not(.faq__list):not(.sp-listchunky):not(.sp-listcheck) li {
        padding-inline-start: 24px
    }

    article ul:not(.pagination):not(.legend__list):not(.list--checkregular):not(.faq__list):not(.sp-listchunky):not(.sp-listcheck) li:before {
        top: 8px
    }

    article p,
    article ul:not(.pagination):not(.legend__list):not(.list--checkregular):not(.faq__list):not(.sp-listchunky):not(.sp-listcheck),
    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)
    }

    article p,
    article ul:not(.pagination):not(.legend__list):not(.list--checkregular):not(.faq__list):not(.sp-listchunky):not(.sp-listcheck),
    article ol {
        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 {
        gap: 10px
    }

    .sp-link .sp-icon {
        width: 18px;
        height: 18px
    }

    .sp-button:not(.button--full)+.sp-button.button--has-gutter.button--lg {
        margin-top: unset;
        margin-left: 20px
    }

    .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;
        inset: -1px -1px 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
    }

    .navbar .right-section .test-button,
    .navbar .right-section .button--cta-results,
    .navbar .right-section .sp-upgradebtn {
        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__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-static {
        position: static !important
    }

    .medium\:tw-absolute {
        position: absolute !important
    }

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

    .medium\:tw-inset-y-10 {
        top: 10px !important;
        bottom: 10px !important
    }

    .medium\:-tw-bottom-80 {
        bottom: -80px !important
    }

    .medium\:-tw-right-40 {
        right: -40px !important
    }

    .medium\:-tw-top-80 {
        top: -80px !important
    }

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

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

    .medium\:tw-bottom-auto {
        bottom: auto !important
    }

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

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

    .medium\:tw-end-30 {
        inset-inline-end: 30px !important
    }

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

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

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

    .medium\:tw-left-15 {
        left: 15px !important
    }

    .medium\:tw-left-\[calc\(50\%\+70px\+13px\)\] {
        left: calc(50% + 83px) !important
    }

    .medium\:tw-left-\[calc\(50\%\+70px\+38px\)\] {
        left: calc(50% + 108px) !important
    }

    .medium\:tw-left-\[calc\(50\%\+70px\+63px\)\] {
        left: calc(50% + 133px) !important
    }

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

    .medium\:tw-right-15 {
        right: 15px !important
    }

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

    .medium\:tw-right-\[17\%\] {
        right: 17% !important
    }

    .medium\:tw-right-\[3\%\] {
        right: 3% !important
    }

    .medium\:tw-right-\[6\%\] {
        right: 6% !important
    }

    .medium\:tw-right-\[8\%\] {
        right: 8% !important
    }

    .medium\:tw-right-\[calc\(50\%\+70px\+33px\)\] {
        right: calc(50% + 103px) !important
    }

    .medium\:tw-right-\[calc\(50\%\+70px\+67px\)\] {
        right: calc(50% + 137px) !important
    }

    .medium\:tw-right-\[calc\(50\%\+70px\+7px\)\] {
        right: calc(50% + 77px) !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-15 {
        top: 15px !important
    }

    .medium\:tw-top-7 {
        top: 7px !important
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .medium\:tw-order-none {
        order: 0 !important
    }

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

    .medium\:tw-float-end {
        float: inline-end !important
    }

    .medium\:tw-float-none {
        float: none !important
    }

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

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

    .medium\:-tw-mx-40 {
        margin-left: -40px !important;
        margin-right: -40px !important
    }

    .medium\:-tw-my-10 {
        margin-top: -10px !important;
        margin-bottom: -10px !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-40 {
        margin-left: 40px !important;
        margin-right: 40px !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-\[-20px\] {
        margin-left: -20px !important;
        margin-right: -20px !important
    }

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

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

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

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

    .medium\:tw-my-30 {
        margin-top: 30px !important;
        margin-bottom: 30px !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-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-60 {
        margin-bottom: 60px !important
    }

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

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

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

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

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

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

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

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

    .medium\:tw-mb-\[17vh\] {
        margin-bottom: 17vh !important
    }

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

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

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

    .medium\:tw-mb-\[87\.7px\] {
        margin-bottom: 87.7px !important
    }

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

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

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

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

    .medium\:tw-me-20 {
        margin-inline-end: 20px !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-\[-150px\] {
        margin-left: -150px !important
    }

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

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

    .medium\:tw-mr-30,
    .medium\:tw-mr-\[30px\] {
        margin-right: 30px !important
    }

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

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

    .medium\:tw-ms-15 {
        margin-inline-start: 15px !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-60 {
        margin-inline-start: 60px !important
    }

    .medium\:tw-ms-80 {
        margin-inline-start: 80px !important
    }

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

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

    .medium\:tw-ms-\[8px\] {
        margin-inline-start: 8px !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-50 {
        margin-top: 50px !important
    }

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

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

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

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

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

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

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

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

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

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

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

    .medium\:tw-mt-\[15vh\] {
        margin-top: 15vh !important
    }

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

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

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

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

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

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

    .medium\:tw-block {
        display: block !important
    }

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

    .medium\:tw-flex {
        display: flex !important
    }

    .medium\:\!tw-inline-flex,
    .medium\:tw-inline-flex {
        display: inline-flex !important
    }

    .medium\:tw-table-cell {
        display: table-cell !important
    }

    .medium\:tw-table-header-group {
        display: table-header-group !important
    }

    .medium\:tw-grid {
        display: grid !important
    }

    .medium\:tw-hidden {
        display: none !important
    }

    .medium\:\!tw-size-\[14px\] {
        width: 14px !important;
        height: 14px !important
    }

    .medium\:tw-size-16 {
        width: 16px !important;
        height: 16px !important
    }

    .medium\:tw-size-20 {
        width: 20px !important;
        height: 20px !important
    }

    .medium\:tw-size-50 {
        width: 50px !important;
        height: 50px !important
    }

    .medium\:tw-size-60 {
        width: 60px !important;
        height: 60px !important
    }

    .medium\:tw-size-80 {
        width: 80px !important;
        height: 80px !important
    }

    .medium\:tw-size-\[100px\] {
        width: 100px !important;
        height: 100px !important
    }

    .medium\:tw-size-\[110px\] {
        width: 110px !important;
        height: 110px !important
    }

    .medium\:tw-size-\[120px\] {
        width: 120px !important;
        height: 120px !important
    }

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

    .medium\:tw-size-\[130px\] {
        width: 130px !important;
        height: 130px !important
    }

    .medium\:tw-size-\[170px\] {
        width: 170px !important;
        height: 170px !important
    }

    .medium\:tw-size-\[195px\] {
        width: 195px !important;
        height: 195px !important
    }

    .medium\:tw-size-\[200px\] {
        width: 200px !important;
        height: 200px !important
    }

    .medium\:tw-size-\[22px\] {
        width: 22px !important;
        height: 22px !important
    }

    .medium\:tw-size-\[24px\] {
        width: 24px !important;
        height: 24px !important
    }

    .medium\:tw-size-\[26px\] {
        width: 26px !important;
        height: 26px !important
    }

    .medium\:tw-size-\[28px\] {
        width: 28px !important;
        height: 28px !important
    }

    .medium\:tw-size-\[300px\] {
        width: 300px !important;
        height: 300px !important
    }

    .medium\:tw-size-\[36px\] {
        width: 36px !important;
        height: 36px !important
    }

    .medium\:tw-size-\[38px\] {
        width: 38px !important;
        height: 38px !important
    }

    .medium\:tw-size-\[44px\] {
        width: 44px !important;
        height: 44px !important
    }

    .medium\:tw-size-\[450px\] {
        width: 450px !important;
        height: 450px !important
    }

    .medium\:tw-size-\[4em\] {
        width: 4em !important;
        height: 4em !important
    }

    .medium\:tw-size-\[70px\] {
        width: 70px !important;
        height: 70px !important
    }

    .medium\:tw-size-\[90px\] {
        width: 90px !important;
        height: 90px !important
    }

    .medium\:tw-size-\[calc\(50vw-40px\)\] {
        width: calc(50vw - 40px) !important;
        height: calc(50vw - 40px) !important
    }

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

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

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

    .medium\:tw-h-25 {
        height: 25px !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-\[100px\] {
        height: 100px !important
    }

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

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

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

    .medium\:tw-h-\[130px\] {
        height: 130px !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-\[16px\] {
        height: 16px !important
    }

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

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

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

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

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

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

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

    .medium\:tw-h-\[28px\] {
        height: 28px !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-\[48px\] {
        height: 48px !important
    }

    .medium\:tw-h-\[50\.2px\] {
        height: 50.2px !important
    }

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

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

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

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

    .medium\:tw-h-input-text-min-width {
        height: 240px !important
    }

    .medium\:tw-max-h-\[calc\(90vh-97px\)\] {
        max-height: calc(90vh - 97px) !important
    }

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

    .medium\:tw-min-h-60 {
        min-height: 60px !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-25 {
        width: 25px !important
    }

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

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

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

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

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

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

    .medium\:tw-w-\[186\.667px\] {
        width: 186.667px !important
    }

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

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

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

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

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

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

    .medium\:tw-w-\[306\.3px\] {
        width: 306.3px !important
    }

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

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

    .medium\:tw-w-\[33\.33\%\] {
        width: 33.33% !important
    }

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

    .medium\:tw-w-\[35\.1px\] {
        width: 35.1px !important
    }

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

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

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

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

    .medium\:tw-w-\[64\.285\%\] {
        width: 64.285% !important
    }

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

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

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

    .medium\:tw-w-\[calc\(50\%-10px\)\] {
        width: calc(50% - 10px) !important
    }

    .medium\:tw-w-\[calc\(50\%-30px\)\] {
        width: calc(50% - 30px) !important
    }

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

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

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

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

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

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

    .medium\:tw-min-w-\[18\%\] {
        min-width: 18% !important
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .medium\:tw-max-w-\[80\%\] {
        max-width: 80% !important
    }

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

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

    .medium\:tw-max-w-\[calc\(50\%-10px\)\] {
        max-width: calc(50% - 10px) !important
    }

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

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

    .medium\:tw-max-w-screen-medium {
        max-width: 768px !important
    }

    .medium\:tw-flex-1 {
        flex: 1 1 0% !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-none {
        flex: none !important
    }

    .medium\:tw-shrink-0 {
        flex-shrink: 0 !important
    }

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

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

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

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

    .medium\:tw-basis-1\/4 {
        flex-basis: 25% !important
    }

    .medium\:tw-basis-25 {
        flex-basis: 25px !important
    }

    .medium\:tw-basis-\[260px\] {
        flex-basis: 260px !important
    }

    .medium\:tw-basis-\[40\%\] {
        flex-basis: 40% !important
    }

    .medium\:tw-basis-\[calc\(100\%-140px-30px\)\] {
        flex-basis: calc(100% - 170px) !important
    }

    .medium\:tw-basis-\[calc\(100\%-320px-30px\)\] {
        flex-basis: calc(100% - 350px) !important
    }

    .medium\:tw-basis-\[calc\(50\%-10px\)\] {
        flex-basis: calc(50% - 10px) !important
    }

    .medium\:tw-basis-auto {
        flex-basis: auto !important
    }

    .medium\:tw-basis-full {
        flex-basis: 100% !important
    }

    .medium\:tw-scroll-ps-20 {
        scroll-padding-inline-start: 20px !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-grid-cols-\[0\.96fr_1\.04fr\] {
        grid-template-columns: .96fr 1.04fr !important
    }

    .medium\:tw-grid-cols-\[1\.04fr_0\.96fr\] {
        grid-template-columns: 1.04fr .96fr !important
    }

    .medium\:tw-grid-rows-\[auto_auto_auto_auto_auto\] {
        grid-template-rows: auto auto auto auto auto !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-0 {
        gap: 0 !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-30 {
        gap: 30px !important
    }

    .medium\:tw-gap-40 {
        gap: 40px !important
    }

    .medium\:tw-gap-5 {
        gap: 5px !important
    }

    .medium\:tw-gap-60 {
        gap: 60px !important
    }

    .medium\:tw-gap-\[6px\] {
        gap: 6px !important
    }

    .medium\:tw-gap-\[8px\] {
        gap: 8px !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-x-40 {
        -moz-column-gap: 40px !important;
        column-gap: 40px !important
    }

    .medium\:tw-gap-y-10 {
        row-gap: 10px !important
    }

    .medium\:tw-gap-y-20 {
        row-gap: 20px !important
    }

    .medium\:tw-gap-y-40 {
        row-gap: 40px !important
    }

    .medium\:tw-divide-x>:not([hidden])~:not([hidden]) {
        --tw-divide-x-reverse: 0 !important;
        border-right-width: calc(1px * var(--tw-divide-x-reverse)) !important;
        border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse))) !important
    }

    .medium\:tw-divide-y-0>:not([hidden])~:not([hidden]) {
        --tw-divide-y-reverse: 0 !important;
        border-top-width: calc(0px * calc(1 - var(--tw-divide-y-reverse))) !important;
        border-bottom-width: calc(0px * var(--tw-divide-y-reverse)) !important
    }

    .medium\:tw-self-stretch {
        align-self: stretch !important
    }

    .medium\:tw-overflow-auto {
        overflow: auto !important
    }

    .medium\:tw-text-balance {
        text-wrap: balance !important
    }

    .medium\:tw-rounded-10 {
        border-radius: 10px !important
    }

    .medium\:tw-rounded-none {
        border-radius: 0 !important
    }

    .medium\:tw-rounded-t-10 {
        border-top-left-radius: 10px !important;
        border-top-right-radius: 10px !important
    }

    .medium\:tw-rounded-bl-10 {
        border-bottom-left-radius: 10px !important
    }

    .medium\:tw-rounded-bl-none {
        border-bottom-left-radius: 0 !important
    }

    .medium\:tw-rounded-tr-10 {
        border-top-right-radius: 10px !important
    }

    .medium\:tw-rounded-tr-none {
        border-top-right-radius: 0 !important
    }

    .medium\:tw-border-0 {
        border-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-\[110px\] {
        border-top-width: 110px !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, 1)) !important
    }

    .medium\:tw-border-gray-04 {
        --tw-border-opacity: 1 !important;
        border-color: rgb(221 223 226 / var(--tw-border-opacity, 1)) !important
    }

    .medium\:tw-border-gray-15 {
        --tw-border-opacity: 1 !important;
        border-color: rgb(81 89 106 / var(--tw-border-opacity, 1)) !important
    }

    .medium\:tw-border-b-gray-04 {
        --tw-border-opacity: 1 !important;
        border-bottom-color: rgb(221 223 226 / var(--tw-border-opacity, 1)) !important
    }

    .medium\:tw-border-opacity-10 {
        --tw-border-opacity: .1 !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, 1)) !important
    }

    .medium\:tw-p-0 {
        padding: 0 !important
    }

    .medium\:tw-p-20 {
        padding: 20px !important
    }

    .medium\:tw-p-30 {
        padding: 30px !important
    }

    .medium\:tw-p-40 {
        padding: 40px !important
    }

    .medium\:tw-p-45 {
        padding: 45px !important
    }

    .medium\:tw-p-\[12px\] {
        padding: 12px !important
    }

    .medium\:tw-px-0 {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .medium\:tw-px-10 {
        padding-left: 10px !important;
        padding-right: 10px !important
    }

    .medium\:tw-px-20 {
        padding-left: 20px !important;
        padding-right: 20px !important
    }

    .medium\:tw-px-25 {
        padding-left: 25px !important;
        padding-right: 25px !important
    }

    .medium\:tw-px-30 {
        padding-left: 30px !important;
        padding-right: 30px !important
    }

    .medium\:tw-px-35 {
        padding-left: 35px !important;
        padding-right: 35px !important
    }

    .medium\:tw-px-40 {
        padding-left: 40px !important;
        padding-right: 40px !important
    }

    .medium\:tw-px-60 {
        padding-left: 60px !important;
        padding-right: 60px !important
    }

    .medium\:tw-px-\[14px\] {
        padding-left: 14px !important;
        padding-right: 14px !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-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !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-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-50 {
        padding-bottom: 50px !important
    }

    .medium\:tw-pb-60 {
        padding-bottom: 60px !important
    }

    .medium\:tw-pb-\[100px\] {
        padding-bottom: 100px !important
    }

    .medium\:tw-pb-\[84px\] {
        padding-bottom: 84px !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-\[calc\(\(100\%-688px\)\/2\)\] {
        padding-left: calc((100% - 688px)/2) !important
    }

    .medium\:tw-pr-0 {
        padding-right: 0 !important
    }

    .medium\:tw-pr-20 {
        padding-right: 20px !important
    }

    .medium\:tw-ps-0 {
        padding-inline-start: 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-\[18px\] {
        padding-inline-start: 18px !important
    }

    .medium\:tw-ps-\[22px\] {
        padding-inline-start: 22px !important
    }

    .medium\:tw-ps-\[24px\] {
        padding-inline-start: 24px !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-10 {
        padding-top: 10px !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-\[14px\] {
        padding-top: 14px !important
    }

    .medium\:tw-pt-\[24px\] {
        padding-top: 24px !important
    }

    .medium\:tw-pt-\[34px\] {
        padding-top: 34px !important
    }

    .medium\:tw-pt-\[44px\] {
        padding-top: 44px !important
    }

    .medium\:tw-pt-\[75px\] {
        padding-top: 75px !important
    }

    .medium\:tw-pt-\[82px\] {
        padding-top: 82px !important
    }

    .medium\:tw-pt-\[92px\] {
        padding-top: 92px !important
    }

    .medium\:tw-pt-\[96px\] {
        padding-top: 96px !important
    }

    .medium\:tw-pt-input-text-min-width {
        padding-top: 240px !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-\[18px\] {
        font-size: 18px !important
    }

    .medium\:tw-text-\[length\:--font-h3-size-bp-md\] {
        font-size: var(--font-h3-size-bp-md) !important
    }

    .medium\:tw-text-font-h1-large-medium {
        font-size: var(--font-h1-size-large-md) !important;
        line-height: var(--font-h1-line-height-large-md) !important;
        letter-spacing: var(--font-h1-spacing-large-md) !important
    }

    .medium\:tw-text-font-h1-medium {
        font-size: var(--font-h1-size-bp-md) !important;
        line-height: var(--font-h1-line-height-bp-md) !important;
        letter-spacing: var(--font-h1-spacing-bp-md) !important
    }

    .medium\:tw-text-font-h2-medium {
        font-size: var(--font-h2-size-bp-md) !important;
        line-height: var(--font-h2-line-height-bp-md) !important;
        letter-spacing: var(--font-h2-spacing-bp-md) !important
    }

    .medium\:tw-text-font-h3-medium {
        font-size: var(--font-h3-size-bp-md) !important;
        line-height: var(--font-h3-line-height-bp-md) !important;
        letter-spacing: var(--font-h3-spacing-bp-md) !important
    }

    .medium\:tw-text-font-h4-medium {
        font-size: var(--font-h4-size-bp-md) !important;
        line-height: var(--font-h4-line-height-bp-md) !important;
        letter-spacing: var(--font-h4-spacing-bp-md) !important
    }

    .medium\:tw-text-font-h5-medium {
        font-size: var(--font-h5-size-bp-md) !important;
        line-height: var(--font-h5-line-height-bp-md) !important;
        letter-spacing: var(--font-h5-spacing-bp-md) !important
    }

    .medium\:tw-text-font-h6-medium {
        font-size: var(--font-h6-size-bp-md) !important;
        line-height: var(--font-h6-line-height-bp-md) !important;
        letter-spacing: var(--font-h6-spacing-bp-md) !important
    }

    .medium\:tw-text-font-p-lg {
        font-size: var(--font-p-lg-size-bp-sm) !important;
        line-height: var(--font-p-lg-line-height-bp-sm) !important;
        letter-spacing: var(--font-p-lg-spacing-bp-sm) !important
    }

    .medium\:tw-text-font-p-lg-medium {
        font-size: var(--font-p-lg-size-bp-md) !important;
        line-height: var(--font-p-lg-line-height-bp-md) !important;
        letter-spacing: var(--font-p-lg-spacing-bp-md) !important
    }

    .medium\:tw-text-font-p-md-huge {
        font-size: var(--font-p-md-size-bp-lg) !important;
        line-height: var(--font-p-md-line-height-bp-lg) !important;
        letter-spacing: var(--font-p-md-spacing-bp-lg) !important
    }

    .medium\:tw-text-font-p-md-medium {
        font-size: var(--font-p-md-size-bp-md) !important;
        line-height: var(--font-p-md-line-height-bp-md) !important;
        letter-spacing: var(--font-p-md-spacing-bp-md) !important
    }

    .medium\:tw-text-font-p-sm-medium {
        font-size: var(--font-p-sm-size-bp-md) !important;
        line-height: var(--font-p-sm-line-height-bp-md) !important;
        letter-spacing: var(--font-p-sm-spacing-bp-md) !important
    }

    .medium\:tw-text-font-p-tn {
        font-size: var(--font-p-tn-size-bp-sm) !important;
        line-height: var(--font-p-tn-line-height-bp-sm) !important;
        letter-spacing: var(--font-p-tn-spacing-bp-sm) !important
    }

    .medium\:tw-text-font-p-tn-medium {
        font-size: var(--font-p-tn-size-bp-md) !important;
        line-height: var(--font-p-tn-line-height-bp-md) !important;
        letter-spacing: var(--font-p-tn-spacing-bp-md) !important
    }

    .medium\:tw-text-font-p-tooltip-medium {
        font-size: var(--font-p-tooltip-size-bp-md) !important;
        line-height: var(--font-p-tooltip-line-height-bp-md) !important;
        letter-spacing: var(--font-p-tooltip-spacing-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-h1-large-medium {
        line-height: var(--font-h1-line-height-large-md) !important
    }

    .medium\:tw-leading-font-h1-medium {
        line-height: var(--font-h1-line-height-bp-md) !important
    }

    .medium\:tw-leading-font-h2-medium {
        line-height: var(--font-h2-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-p-lg-medium {
        line-height: var(--font-p-lg-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 {
        line-height: var(--font-p-tn-line-height-bp-sm) !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-large-medium {
        letter-spacing: var(--font-h1-spacing-large-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-lg-medium {
        letter-spacing: var(--font-p-lg-spacing-bp-md) !important
    }

    .medium\:tw-tracking-font-p-md-medium {
        letter-spacing: var(--font-p-md-spacing-bp-md) !important
    }

    .medium\:tw-tracking-font-p-sm-medium {
        letter-spacing: var(--font-p-sm-spacing-bp-md) !important
    }

    .medium\:tw-tracking-font-p-tooltip-medium {
        letter-spacing: var(--font-p-tooltip-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
    }

    .medium\:\[clip-path\:polygon\(0_0\,100\%_0\,100\%_40\%\,0_40\%\)\] {
        clip-path: polygon(0 0, 100% 0, 100% 40%, 0 40%) !important
    }

    .medium\:\[direction\:ltr\] {
        direction: ltr !important
    }

    .medium\:\[grid-template-areas\:\'header\'\'image\'\'p\'\'cta\'\'cards\'\] {
        grid-template-areas: "header" "image" "p" "cta" "cards" !important
    }

    .medium\:\[grid-template-areas\:\'header_header\'_\'content_image\'\] {
        grid-template-areas: "header header" "content image" !important
    }

    .medium\:\[grid-template-areas\:\'header_header\'_\'content_image\'_\'badges_badges\'\] {
        grid-template-areas: "header header" "content image" "badges badges" !important
    }

    .medium\:\[grid-template-areas\:\'header_header\'_\'image_content\'\] {
        grid-template-areas: "header header" "image content" !important
    }

    .medium\:\[grid-template-areas\:\'header_header\'_\'image_content\'_\'badges_badges\'\] {
        grid-template-areas: "header header" "image content" "badges badges" !important
    }

    .medium\:before\:-tw-bottom-50:before {
        content: var(--tw-content) !important;
        bottom: -50px !important
    }

    .medium\:before\:-tw-start-10:before {
        content: var(--tw-content) !important;
        inset-inline-start: -10px !important
    }

    .medium\:before\:tw-start-30:before {
        content: var(--tw-content) !important;
        inset-inline-start: 30px !important
    }

    .medium\:before\:tw-top-80:before {
        content: var(--tw-content) !important;
        top: 80px !important
    }

    .medium\:before\:tw-h-\[calc\(100\%\+50px\)\]:before {
        content: var(--tw-content) !important;
        height: calc(100% + 50px) !important
    }

    .medium\:before\:tw-h-\[calc\(100\%-28px\)\]:before {
        content: var(--tw-content) !important;
        height: calc(100% - 28px) !important
    }

    .medium\:before\:tw-w-20:before {
        content: var(--tw-content) !important;
        width: 20px !important
    }

    .medium\:before\:tw-rounded-bl-10:before {
        content: var(--tw-content) !important;
        border-bottom-left-radius: 10px !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-mb-60:last-child {
        margin-bottom: 60px !important
    }

    .medium\:last\:tw-mb-40:last-child {
        margin-bottom: 40px !important
    }

    .first-of-type\:medium\:tw-ms-0:first-of-type {
        margin-inline-start: 0 !important
    }

    .last-of-type\:medium\:tw-mb-30:last-of-type {
        margin-bottom: 30px !important
    }

    .dark\:medium\:tw-bg-ds-dark:is(.tw-dark *) {
        background-color: var(--ds-dark) !important
    }

    .rtl\:medium\:before\:tw-rounded-br-10:where([dir=rtl], [dir=rtl] *):before {
        content: var(--tw-content) !important;
        border-bottom-right-radius: 10px !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
    }

    .medium\:\[\&_\>p\]\:tw-mb-20>p {
        margin-bottom: 20px !important
    }

    .medium\:\[\&_p\]\:tw-mb-15 p,
    .medium\:\[\&_ul\]\:tw-mb-15 ul {
        margin-bottom: 15px !important
    }
}

@media not all and (min-width:768px) {
    .max-medium\:tw-relative {
        position: relative !important
    }

    .max-medium\:tw-mb-20 {
        margin-bottom: 20px !important
    }

    .max-medium\:tw-mt-5 {
        margin-top: 5px !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-w-full {
        width: 100% !important
    }

    .max-medium\:tw-grow {
        flex-grow: 1 !important
    }

    .max-medium\:tw-flex-wrap {
        flex-wrap: wrap !important
    }

    .max-medium\:tw-px-15 {
        padding-left: 15px !important;
        padding-right: 15px !important
    }

    .max-medium\:tw-px-20 {
        padding-left: 20px !important;
        padding-right: 20px !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
    }

    .max-medium\:before\:tw-hidden:before {
        content: var(--tw-content) !important;
        display: none !important
    }

    .first-of-type\:max-medium\:tw-mt-0:first-of-type {
        margin-top: 0 !important
    }
}

@media(min-width:992px) {
    .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,
    .navbar .right-section .button--cta-results,
    .navbar .right-section .sp-upgradebtn {
        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 #3232464d, 0 30px 50px -30px #0003, 0 15px 60px #00000003
    }

    .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-bottom-0 {
        bottom: 0 !important
    }

    .large\:tw-right-\[-120px\] {
        right: -120px !important
    }

    .large\:tw-top-30 {
        top: 30px !important
    }

    .large\:tw-order-1 {
        order: 1 !important
    }

    .large\:tw-order-2 {
        order: 2 !important
    }

    .large\:tw-col-start-1 {
        grid-column-start: 1 !important
    }

    .large\:tw-col-start-2 {
        grid-column-start: 2 !important
    }

    .large\:tw-row-span-2 {
        grid-row: span 2 / span 2 !important
    }

    .large\:tw-row-start-1 {
        grid-row-start: 1 !important
    }

    .large\:tw-row-start-2 {
        grid-row-start: 2 !important
    }

    .large\:tw-m-0 {
        margin: 0 !important
    }

    .large\:tw-mx-0 {
        margin-left: 0 !important;
        margin-right: 0 !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-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-15 {
        margin-bottom: 15px !important
    }

    .large\:tw-mb-20 {
        margin-bottom: 20px !important
    }

    .large\:tw-mb-30 {
        margin-bottom: 30px !important
    }

    .large\:tw-mb-45 {
        margin-bottom: 45px !important
    }

    .large\:tw-mb-80 {
        margin-bottom: 80px !important
    }

    .large\:tw-mb-\[-31px\] {
        margin-bottom: -31px !important
    }

    .large\:tw-mb-\[120px\] {
        margin-bottom: 120px !important
    }

    .large\:tw-mb-\[25vh\] {
        margin-bottom: 25vh !important
    }

    .large\:tw-me-0 {
        margin-inline-end: 0 !important
    }

    .large\:tw-ms-20 {
        margin-inline-start: 20px !important
    }

    .large\:tw-mt-0 {
        margin-top: 0 !important
    }

    .large\:tw-mt-10 {
        margin-top: 10px !important
    }

    .large\:tw-mt-20 {
        margin-top: 20px !important
    }

    .large\:tw-mt-30 {
        margin-top: 30px !important
    }

    .large\:tw-mt-45 {
        margin-top: 45px !important
    }

    .large\:tw-mt-\[150px\] {
        margin-top: 150px !important
    }

    .large\:tw-mt-\[20vh\] {
        margin-top: 20vh !important
    }

    .large\:tw-block {
        display: block !important
    }

    .large\:tw-flex {
        display: flex !important
    }

    .large\:tw-grid {
        display: grid !important
    }

    .large\:tw-hidden {
        display: none !important
    }

    .large\:tw-size-\[100px\] {
        width: 100px !important;
        height: 100px !important
    }

    .large\:tw-size-\[16px\] {
        width: 16px !important;
        height: 16px !important
    }

    .large\:tw-size-\[5em\] {
        width: 5em !important;
        height: 5em !important
    }

    .large\:tw-size-full {
        width: 100% !important;
        height: 100% !important
    }

    .large\:tw-h-\[110px\] {
        height: 110px !important
    }

    .large\:tw-h-\[350px\] {
        height: 350px !important
    }

    .large\:tw-h-\[50px\] {
        height: 50px !important
    }

    .large\:tw-w-\[300px\] {
        width: 300px !important
    }

    .large\:tw-w-\[31\.10\%\] {
        width: 31.1% !important
    }

    .large\:tw-w-\[34\.68\%\] {
        width: 34.68% !important
    }

    .large\:tw-w-\[420px\] {
        width: 420px !important
    }

    .large\:tw-w-\[45\%\] {
        width: 45% !important
    }

    .large\:tw-w-\[50px\] {
        width: 50px !important
    }

    .large\:tw-w-\[60\%\] {
        width: 60% !important
    }

    .large\:tw-w-\[640px\] {
        width: 640px !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-\[600px\] {
        max-width: 600px !important
    }

    .large\:tw-max-w-\[640px\] {
        max-width: 640px !important
    }

    .large\:tw-max-w-\[820px\] {
        max-width: 820px !important
    }

    .large\:tw-max-w-\[860px\] {
        max-width: 860px !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-\[45\%\] {
        flex-basis: 45% !important
    }

    .large\:tw-basis-\[48\%\] {
        flex-basis: 48% !important
    }

    .large\:tw-basis-\[50px\] {
        flex-basis: 50px !important
    }

    .large\:tw-basis-\[60\%\] {
        flex-basis: 60% !important
    }

    .large\:tw-scroll-ps-\[unset\] {
        scroll-padding-inline-start: unset !important
    }

    .large\:tw-grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important
    }

    .large\:tw-grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important
    }

    .large\:tw-grid-cols-\[40\%_1fr\] {
        grid-template-columns: 40% 1fr !important
    }

    .large\:tw-grid-cols-\[45\%_1fr\] {
        grid-template-columns: 45% 1fr !important
    }

    .large\:tw-grid-rows-\[auto_1fr\] {
        grid-template-rows: auto 1fr !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-between {
        justify-content: space-between !important
    }

    .large\:tw-gap-20 {
        gap: 20px !important
    }

    .large\:tw-gap-60 {
        gap: 60px !important
    }

    .large\:tw-gap-x-40 {
        -moz-column-gap: 40px !important;
        column-gap: 40px !important
    }

    .large\:tw-gap-y-0 {
        row-gap: 0 !important
    }

    .large\:tw-rounded-br-none {
        border-bottom-right-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, 1)) !important
    }

    .large\:tw-p-20 {
        padding: 20px !important
    }

    .large\:tw-p-25 {
        padding: 25px !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-30 {
        padding-bottom: 30px !important
    }

    .large\:tw-pb-50 {
        padding-bottom: 50px !important
    }

    .large\:tw-pb-\[70px\] {
        padding-bottom: 70px !important
    }

    .large\:tw-ps-0 {
        padding-inline-start: 0 !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-font-h2-huge {
        font-size: var(--font-h2-size-bp-lg) !important;
        line-height: var(--font-h2-line-height-bp-lg) !important;
        letter-spacing: var(--font-h2-spacing-bp-lg) !important
    }

    .large\:tw-text-font-h3-huge {
        font-size: var(--font-h3-size-bp-lg) !important;
        line-height: var(--font-h3-line-height-bp-lg) !important;
        letter-spacing: var(--font-h3-spacing-bp-lg) !important
    }

    .large\:tw-text-font-h4-huge {
        font-size: var(--font-h4-size-bp-lg) !important;
        line-height: var(--font-h4-line-height-bp-lg) !important;
        letter-spacing: var(--font-h4-spacing-bp-lg) !important
    }

    .large\:tw-text-font-h5-huge {
        font-size: var(--font-h5-size-bp-lg) !important;
        line-height: var(--font-h5-line-height-bp-lg) !important;
        letter-spacing: var(--font-h5-spacing-bp-lg) !important
    }

    .large\:tw-text-font-p-md-huge {
        font-size: var(--font-p-md-size-bp-lg) !important;
        line-height: var(--font-p-md-line-height-bp-lg) !important;
        letter-spacing: var(--font-p-md-spacing-bp-lg) !important
    }

    .large\:tw-leading-font-h2-huge {
        line-height: var(--font-h2-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-h2-huge {
        letter-spacing: var(--font-h2-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
    }

    .large\:\[grid-area\:content\] {
        grid-area: content !important
    }

    .large\:\[grid-area\:header\] {
        grid-area: header !important
    }

    .large\:\[grid-area\:image\] {
        grid-area: image !important
    }

    .large\:\[grid-template-areas\:\'header_image\'_\'content_image\'\] {
        grid-template-areas: "header image" "content image" !important
    }

    .large\:\[grid-template-areas\:\'image_header\'_\'image_content\'\] {
        grid-template-areas: "image header" "image content" !important
    }

    .dark\:large\:tw-border-ds-light:is(.tw-dark *) {
        border-color: var(--ds-light) !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(min-width:1050px) {
    .navbar nav.middle-section>ul>li>ul {
        width: 274px
    }
}

@media(min-width:1120px) {
    .navbar nav.middle-section>ul>li>ul.wide.type-list {
        width: 395px
    }

    .fi .navbar nav.middle-section>ul>li>ul.wide.type-list,
    .hy .navbar nav.middle-section>ul>li>ul.wide.type-list,
    .nl .navbar nav.middle-section>ul>li>ul.wide.type-list,
    .ka .navbar nav.middle-section>ul>li>ul.wide.type-list,
    .el .navbar nav.middle-section>ul>li>ul.wide.type-list,
    .is .navbar nav.middle-section>ul>li>ul.wide.type-list,
    .id .navbar nav.middle-section>ul>li>ul.wide.type-list,
    .ja .navbar nav.middle-section>ul>li>ul.wide.type-list,
    .mn .navbar nav.middle-section>ul>li>ul.wide.type-list,
    .ms .navbar nav.middle-section>ul>li>ul.wide.type-list,
    .ru .navbar nav.middle-section>ul>li>ul.wide.type-list,
    .sw .navbar nav.middle-section>ul>li>ul.wide.type-list,
    .vi .navbar nav.middle-section>ul>li>ul.wide.type-list {
        width: 492px
    }

    .pl .navbar nav.middle-section>ul>li>ul.wide.type-list,
    .th .navbar nav.middle-section>ul>li>ul.wide.type-list {
        width: 547px
    }

    .navbar nav.middle-section>ul>li>ul {
        width: 288px
    }

    .navbar nav.middle-section>ul>li>ul>li.types ul li a {
        font-size: .55em;
        min-width: 85px
    }

    .fi .navbar nav.middle-section>ul>li>ul>li.types ul li a,
    .hy .navbar nav.middle-section>ul>li>ul>li.types ul li a,
    .nl .navbar nav.middle-section>ul>li>ul>li.types ul li a,
    .ka .navbar nav.middle-section>ul>li>ul>li.types ul li a,
    .el .navbar nav.middle-section>ul>li>ul>li.types ul li a,
    .is .navbar nav.middle-section>ul>li>ul>li.types ul li a,
    .id .navbar nav.middle-section>ul>li>ul>li.types ul li a,
    .ja .navbar nav.middle-section>ul>li>ul>li.types ul li a,
    .mn .navbar nav.middle-section>ul>li>ul>li.types ul li a,
    .ms .navbar nav.middle-section>ul>li>ul>li.types ul li a,
    .ru .navbar nav.middle-section>ul>li>ul>li.types ul li a,
    .sw .navbar nav.middle-section>ul>li>ul>li.types ul li a,
    .vi .navbar nav.middle-section>ul>li>ul>li.types ul li a {
        min-width: 109px
    }

    .pl .navbar nav.middle-section>ul>li>ul>li.types ul li a,
    .th .navbar nav.middle-section>ul>li>ul>li.types ul li a {
        min-width: 123px
    }
}

@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
    }

    .g-wrp 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 cite,
    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):not(.legend__list):not(.list--checkregular):not(.faq__list):not(.sp-listchunky):not(.sp-listcheck) li:before {
        top: 9px
    }

    article p,
    article ul:not(.pagination):not(.legend__list):not(.list--checkregular):not(.faq__list):not(.sp-listchunky):not(.sp-listcheck),
    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;
        gap: 8px
    }

    .button--sm>.sp-icon {
        width: 16px;
        height: 16px
    }

    .button--sm.button--circle {
        width: 50px;
        padding: 0
    }

    .button--sm.button--circle>.sp-icon.size--inherit {
        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;
        gap: 10px
    }

    .button--md>.sp-icon {
        width: 18px;
        height: 18px
    }

    .button--md.button--circle {
        width: 60px;
        padding: 0
    }

    .button--md.button--circle>.sp-icon.size--inherit {
        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;
        gap: 12px
    }

    .button--lg>.sp-icon {
        width: 22px;
        height: 22px
    }

    .button--lg.button--circle {
        width: 80px;
        padding: 0
    }

    .button--lg.button--circle>.sp-icon.size--inherit {
        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>ul.wide.type-list {
        width: 488px
    }

    .fi .navbar nav.middle-section>ul>li>ul.wide.type-list,
    .hy .navbar nav.middle-section>ul>li>ul.wide.type-list,
    .nl .navbar nav.middle-section>ul>li>ul.wide.type-list,
    .el .navbar nav.middle-section>ul>li>ul.wide.type-list,
    .is .navbar nav.middle-section>ul>li>ul.wide.type-list,
    .id .navbar nav.middle-section>ul>li>ul.wide.type-list,
    .ja .navbar nav.middle-section>ul>li>ul.wide.type-list,
    .mn .navbar nav.middle-section>ul>li>ul.wide.type-list,
    .ms .navbar nav.middle-section>ul>li>ul.wide.type-list,
    .ru .navbar nav.middle-section>ul>li>ul.wide.type-list,
    .sw .navbar nav.middle-section>ul>li>ul.wide.type-list,
    .vi .navbar nav.middle-section>ul>li>ul.wide.type-list {
        width: 606px
    }

    .ka .navbar nav.middle-section>ul>li>ul.wide.type-list,
    .pl .navbar nav.middle-section>ul>li>ul.wide.type-list,
    .th .navbar nav.middle-section>ul>li>ul.wide.type-list {
        width: 692px
    }

    .navbar nav.middle-section>ul>li>ul.wide {
        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%
    }

    .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
    }

    .fi .navbar nav.middle-section>ul>li>ul>li.types ul li a,
    .hy .navbar nav.middle-section>ul>li>ul>li.types ul li a,
    .nl .navbar nav.middle-section>ul>li>ul>li.types ul li a,
    .ka .navbar nav.middle-section>ul>li>ul>li.types ul li a,
    .el .navbar nav.middle-section>ul>li>ul>li.types ul li a,
    .is .navbar nav.middle-section>ul>li>ul>li.types ul li a,
    .id .navbar nav.middle-section>ul>li>ul>li.types ul li a,
    .ja .navbar nav.middle-section>ul>li>ul>li.types ul li a,
    .mn .navbar nav.middle-section>ul>li>ul>li.types ul li a,
    .ms .navbar nav.middle-section>ul>li>ul>li.types ul li a,
    .ru .navbar nav.middle-section>ul>li>ul>li.types ul li a,
    .sw .navbar nav.middle-section>ul>li>ul>li.types ul li a,
    .vi .navbar nav.middle-section>ul>li>ul>li.types ul li a {
        min-width: 132px
    }

    .pl .navbar nav.middle-section>ul>li>ul>li.types ul li a,
    .th .navbar nav.middle-section>ul>li>ul>li.types ul li a {
        min-width: 152px
    }

    .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
    }

    .navbar .right-section .link--login {
        margin-inline-end: 15px
    }

    .notification-sidebar {
        max-width: 500px
    }

    .huge\:tw-not-sr-only {
        position: static !important;
        width: auto !important;
        height: auto !important;
        padding: 0 !important;
        margin: 0 !important;
        overflow: visible !important;
        clip: auto !important;
        white-space: normal !important
    }

    .huge\:tw-static {
        position: static !important
    }

    .huge\:tw-absolute {
        position: absolute !important
    }

    .huge\:tw-relative {
        position: relative !important
    }

    .huge\:-tw-bottom-80,
    .huge\:tw-bottom-\[-80px\] {
        bottom: -80px !important
    }

    .huge\:tw-bottom-\[100px\] {
        bottom: 100px !important
    }

    .huge\:tw-bottom-\[160px\] {
        bottom: 160px !important
    }

    .huge\:tw-end-0 {
        inset-inline-end: 0 !important
    }

    .huge\:tw-end-40 {
        inset-inline-end: 40px !important
    }

    .huge\:tw-end-\[-80px\] {
        inset-inline-end: -80px !important
    }

    .huge\:tw-end-\[100px\] {
        inset-inline-end: 100px !important
    }

    .huge\:tw-left-1\/2 {
        left: 50% !important
    }

    .huge\:tw-left-20 {
        left: 20px !important
    }

    .huge\:tw-left-\[15\%\] {
        left: 15% !important
    }

    .huge\:tw-left-\[3\%\] {
        left: 3% !important
    }

    .huge\:tw-left-\[8\%\] {
        left: 8% !important
    }

    .huge\:tw-right-20 {
        right: 20px !important
    }

    .huge\:tw-right-\[13\%\] {
        right: 13% !important
    }

    .huge\:tw-right-\[14\%\] {
        right: 14% !important
    }

    .huge\:tw-right-\[3\%\] {
        right: 3% !important
    }

    .huge\:tw-right-\[6\%\] {
        right: 6% !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-20 {
        top: 20px !important
    }

    .huge\:tw-top-40 {
        top: 40px !important
    }

    .huge\:tw-top-\[-80px\] {
        top: -80px !important
    }

    .huge\:tw-top-\[100px\] {
        top: 100px !important
    }

    .huge\:tw-top-\[120px\] {
        top: 120px !important
    }

    .huge\:tw-top-\[165px\] {
        top: 165px !important
    }

    .huge\:tw-top-\[184px\] {
        top: 184px !important
    }

    .huge\:tw-top-\[188px\] {
        top: 188px !important
    }

    .huge\:tw-top-\[44px\] {
        top: 44px !important
    }

    .huge\:tw-top-\[70px\] {
        top: 70px !important
    }

    .huge\:tw-top-\[80px\] {
        top: 80px !important
    }

    .huge\:tw-top-\[8px\] {
        top: 8px !important
    }

    .huge\:tw-top-\[9px\] {
        top: 9px !important
    }

    .huge\:tw-order-1 {
        order: 1 !important
    }

    .huge\:tw-order-3 {
        order: 3 !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-30 {
        margin-left: -30px !important;
        margin-right: -30px !important
    }

    .huge\:-tw-mx-60 {
        margin-left: -60px !important;
        margin-right: -60px !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-auto {
        margin-left: auto !important;
        margin-right: auto !important
    }

    .huge\:tw-my-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .huge\:tw-my-30 {
        margin-top: 30px !important;
        margin-bottom: 30px !important
    }

    .huge\:tw-my-40 {
        margin-top: 40px !important;
        margin-bottom: 40px !important
    }

    .huge\:tw-my-80 {
        margin-top: 80px !important;
        margin-bottom: 80px !important
    }

    .huge\:-tw-mb-30 {
        margin-bottom: -30px !important
    }

    .huge\:-tw-mr-\[10px\] {
        margin-right: -10px !important
    }

    .huge\:-tw-mt-20 {
        margin-top: -20px !important
    }

    .huge\:-tw-mt-50 {
        margin-top: -50px !important
    }

    .huge\:-tw-mt-\[170px\] {
        margin-top: -170px !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-5 {
        margin-bottom: 5px !important
    }

    .huge\:tw-mb-60 {
        margin-bottom: 60px !important
    }

    .huge\:tw-mb-80 {
        margin-bottom: 80px !important
    }

    .huge\:tw-mb-\[-120px\] {
        margin-bottom: -120px !important
    }

    .huge\:tw-mb-\[-140px\] {
        margin-bottom: -140px !important
    }

    .huge\:tw-mb-\[-24px\] {
        margin-bottom: -24px !important
    }

    .huge\:tw-mb-\[-280px\] {
        margin-bottom: -280px !important
    }

    .huge\:tw-mb-\[160px\] {
        margin-bottom: 160px !important
    }

    .huge\:tw-mb-\[250px\] {
        margin-bottom: 250px !important
    }

    .huge\:tw-mb-\[2px\] {
        margin-bottom: 2px !important
    }

    .huge\:tw-mb-\[46px\] {
        margin-bottom: 46px !important
    }

    .huge\:tw-mb-\[70px\] {
        margin-bottom: 70px !important
    }

    .huge\:tw-me-20 {
        margin-inline-end: 20px !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-me-auto {
        margin-inline-end: auto !important
    }

    .huge\:tw-ml-\[-50\%\] {
        margin-left: -50% !important
    }

    .huge\:tw-ml-\[-960px\] {
        margin-left: -960px !important
    }

    .huge\:tw-mr-40,
    .huge\:tw-mr-\[40px\] {
        margin-right: 40px !important
    }

    .huge\:tw-ms-20 {
        margin-inline-start: 20px !important
    }

    .huge\:tw-ms-25 {
        margin-inline-start: 25px !important
    }

    .huge\:tw-ms-80 {
        margin-inline-start: 80px !important
    }

    .huge\:tw-ms-\[-320px\] {
        margin-inline-start: -320px !important
    }

    .huge\:tw-ms-\[120px\] {
        margin-inline-start: 120px !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-\[-13px\] {
        margin-top: -13px !important
    }

    .huge\:tw-mt-\[-140px\] {
        margin-top: -140px !important
    }

    .huge\:tw-mt-\[-150px\] {
        margin-top: -150px !important
    }

    .huge\:tw-mt-\[-18\.831\%\] {
        margin-top: -18.831% !important
    }

    .huge\:tw-mt-\[120px\] {
        margin-top: 120px !important
    }

    .huge\:tw-mt-\[140px\] {
        margin-top: 140px !important
    }

    .huge\:tw-mt-\[280px\] {
        margin-top: 280px !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-table-row {
        display: table-row !important
    }

    .huge\:tw-grid {
        display: grid !important
    }

    .huge\:tw-hidden {
        display: none !important
    }

    .huge\:tw-size-40 {
        width: 40px !important;
        height: 40px !important
    }

    .huge\:tw-size-50 {
        width: 50px !important;
        height: 50px !important
    }

    .huge\:tw-size-60 {
        width: 60px !important;
        height: 60px !important
    }

    .huge\:tw-size-80 {
        width: 80px !important;
        height: 80px !important
    }

    .huge\:tw-size-\[100px\] {
        width: 100px !important;
        height: 100px !important
    }

    .huge\:tw-size-\[120px\] {
        width: 120px !important;
        height: 120px !important
    }

    .huge\:tw-size-\[14px\] {
        width: 14px !important;
        height: 14px !important
    }

    .huge\:tw-size-\[160px\] {
        width: 160px !important;
        height: 160px !important
    }

    .huge\:tw-size-\[18px\] {
        width: 18px !important;
        height: 18px !important
    }

    .huge\:tw-size-\[260px\] {
        width: 260px !important;
        height: 260px !important
    }

    .huge\:tw-size-\[26px\] {
        width: 26px !important;
        height: 26px !important
    }

    .huge\:tw-size-\[34px\] {
        width: 34px !important;
        height: 34px !important
    }

    .huge\:tw-size-\[52px\] {
        width: 52px !important;
        height: 52px !important
    }

    .huge\:tw-size-\[600px\] {
        width: 600px !important;
        height: 600px !important
    }

    .huge\:tw-h-20 {
        height: 20px !important
    }

    .huge\:tw-h-25 {
        height: 25px !important
    }

    .huge\:tw-h-30 {
        height: 30px !important
    }

    .huge\:tw-h-40 {
        height: 40px !important
    }

    .huge\:tw-h-60 {
        height: 60px !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-\[16px\] {
        height: 16px !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-\[21\.3px\] {
        height: 21.3px !important
    }

    .huge\:tw-h-\[225px\] {
        height: 225px !important
    }

    .huge\:tw-h-\[22px\] {
        height: 22px !important
    }

    .huge\:tw-h-\[24px\] {
        height: 24px !important
    }

    .huge\:tw-h-\[25px\] {
        height: 25px !important
    }

    .huge\:tw-h-\[26px\] {
        height: 26px !important
    }

    .huge\:tw-h-\[28\.2px\] {
        height: 28.2px !important
    }

    .huge\:tw-h-\[28px\] {
        height: 28px !important
    }

    .huge\:tw-h-\[30px\] {
        height: 30px !important
    }

    .huge\:tw-h-\[32px\] {
        height: 32px !important
    }

    .huge\:tw-h-\[33px\] {
        height: 33px !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-\[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-\[68px\] {
        height: 68px !important
    }

    .huge\:tw-h-\[70px\] {
        height: 70px !important
    }

    .huge\:tw-h-\[92px\] {
        height: 92px !important
    }

    .huge\:tw-h-auto {
        height: auto !important
    }

    .huge\:tw-h-input-text-min-width {
        height: 240px !important
    }

    .huge\:tw-max-h-\[320px\] {
        max-height: 320px !important
    }

    .huge\:tw-max-h-\[calc\(90vh-101px\)\] {
        max-height: calc(90vh - 101px) !important
    }

    .huge\:tw-min-h-55 {
        min-height: 55px !important
    }

    .huge\:tw-min-h-60 {
        min-height: 60px !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-w-2\/5 {
        width: 40% !important
    }

    .huge\:tw-w-80 {
        width: 80px !important
    }

    .huge\:tw-w-\[100px\] {
        width: 100px !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-\[22\%\] {
        width: 22% !important
    }

    .huge\:tw-w-\[22px\] {
        width: 22px !important
    }

    .huge\:tw-w-\[232px\] {
        width: 232px !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-\[360px\] {
        width: 360px !important
    }

    .huge\:tw-w-\[36px\] {
        width: 36px !important
    }

    .huge\:tw-w-\[40\%\] {
        width: 40% !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-\[440px\] {
        width: 440px !important
    }

    .huge\:tw-w-\[46px\] {
        width: 46px !important
    }

    .huge\:tw-w-\[496px\] {
        width: 496px !important
    }

    .huge\:tw-w-\[50px\] {
        width: 50px !important
    }

    .huge\:tw-w-\[54px\] {
        width: 54px !important
    }

    .huge\:tw-w-\[56px\] {
        width: 56px !important
    }

    .huge\:tw-w-\[60\%\] {
        width: 60% !important
    }

    .huge\:tw-w-\[600px\] {
        width: 600px !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\%-376px-60px\)\] {
        width: calc(100% - 436px) !important
    }

    .huge\:tw-w-auto {
        width: auto !important
    }

    .huge\:tw-w-full {
        width: 100% !important
    }

    .huge\:tw-w-input-text-min-width {
        width: 240px !important
    }

    .huge\:tw-min-w-0 {
        min-width: 0 !important
    }

    .huge\:tw-min-w-80 {
        min-width: 80px !important
    }

    .huge\:tw-min-w-\[138px\] {
        min-width: 138px !important
    }

    .huge\:tw-min-w-\[320px\] {
        min-width: 320px !important
    }

    .huge\:tw-min-w-input-text-min-width {
        min-width: 240px !important
    }

    .huge\:tw-max-w-\[1000px\] {
        max-width: 1000px !important
    }

    .huge\:tw-max-w-\[1080px\] {
        max-width: 1080px !important
    }

    .huge\:tw-max-w-\[1540px\] {
        max-width: 1540px !important
    }

    .huge\:tw-max-w-\[360px\] {
        max-width: 360px !important
    }

    .huge\:tw-max-w-\[37\%\] {
        max-width: 37% !important
    }

    .huge\:tw-max-w-\[370px\] {
        max-width: 370px !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-\[530px\] {
        max-width: 530px !important
    }

    .huge\:tw-max-w-\[540px\] {
        max-width: 540px !important
    }

    .huge\:tw-max-w-\[58\.44\%\] {
        max-width: 58.44% !important
    }

    .huge\:tw-max-w-\[600px\] {
        max-width: 600px !important
    }

    .huge\:tw-max-w-\[620px\] {
        max-width: 620px !important
    }

    .huge\:tw-max-w-\[640px\] {
        max-width: 640px !important
    }

    .huge\:tw-max-w-\[650px\] {
        max-width: 650px !important
    }

    .huge\:tw-max-w-\[660px\] {
        max-width: 660px !important
    }

    .huge\:tw-max-w-\[680px\] {
        max-width: 680px !important
    }

    .huge\:tw-max-w-\[740px\] {
        max-width: 740px !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-\[820px\] {
        max-width: 820px !important
    }

    .huge\:tw-max-w-\[860px\] {
        max-width: 860px !important
    }

    .huge\:tw-max-w-\[calc\(100\%-205px-30px\)\] {
        max-width: calc(100% - 235px) !important
    }

    .huge\:tw-max-w-md {
        max-width: 28rem !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-grow {
        flex-grow: 1 !important
    }

    .huge\:tw-basis-\[23\.8461\%\] {
        flex-basis: 23.8461% !important
    }

    .huge\:tw-basis-\[29\%\] {
        flex-basis: 29% !important
    }

    .huge\:tw-basis-\[310px\] {
        flex-basis: 310px !important
    }

    .huge\:tw-basis-\[370px\] {
        flex-basis: 370px !important
    }

    .huge\:tw-basis-\[380px\] {
        flex-basis: 380px !important
    }

    .huge\:tw-basis-\[750px\] {
        flex-basis: 750px !important
    }

    .huge\:tw-basis-\[860px\] {
        flex-basis: 860px !important
    }

    .huge\:tw-basis-\[unset\] {
        flex-basis: unset !important
    }

    .huge\:tw-basis-auto {
        flex-basis: auto !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-grid-cols-\[1fr_600px\] {
        grid-template-columns: 1fr 600px !important
    }

    .huge\:tw-grid-cols-\[600px_1fr\] {
        grid-template-columns: 600px 1fr !important
    }

    .huge\:tw-grid-cols-none {
        grid-template-columns: none !important
    }

    .huge\:tw-grid-rows-1 {
        grid-template-rows: repeat(1, minmax(0, 1fr)) !important
    }

    .huge\:tw-grid-rows-\[auto_1fr\] {
        grid-template-rows: auto 1fr !important
    }

    .huge\:tw-grid-rows-\[auto_1fr_auto\] {
        grid-template-rows: auto 1fr auto !important
    }

    .huge\:tw-grid-rows-\[auto_auto_auto_auto\] {
        grid-template-rows: auto auto auto auto !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-start {
        justify-content: flex-start !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-20 {
        gap: 20px !important
    }

    .huge\:tw-gap-30 {
        gap: 30px !important
    }

    .huge\:tw-gap-80 {
        gap: 80px !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-gap-x-40 {
        -moz-column-gap: 40px !important;
        column-gap: 40px !important
    }

    .huge\:tw-gap-x-60 {
        -moz-column-gap: 60px !important;
        column-gap: 60px !important
    }

    .huge\:tw-gap-x-\[100px\] {
        -moz-column-gap: 100px !important;
        column-gap: 100px !important
    }

    .huge\:tw-gap-x-\[7px\] {
        -moz-column-gap: 7px !important;
        column-gap: 7px !important
    }

    .huge\:tw-self-start {
        align-self: flex-start !important
    }

    .huge\:tw-overflow-hidden {
        overflow: hidden !important
    }

    .huge\:tw-overflow-visible {
        overflow: visible !important
    }

    .huge\:tw-rounded-10 {
        border-radius: 10px !important
    }

    .huge\:tw-rounded-bl-10 {
        border-bottom-left-radius: 10px !important
    }

    .huge\:tw-rounded-bl-none {
        border-bottom-left-radius: 0 !important
    }

    .huge\:tw-rounded-tr-10 {
        border-top-right-radius: 10px !important
    }

    .huge\:tw-rounded-tr-none {
        border-top-right-radius: 0 !important
    }

    .huge\:tw-border-0 {
        border-width: 0px !important
    }

    .huge\:tw-border-b {
        border-bottom-width: 1px !important
    }

    .huge\:tw-border-r-0 {
        border-right-width: 0px !important
    }

    .huge\:tw-border-s {
        border-inline-start-width: 1px !important
    }

    .huge\:tw-border-t-\[114px\] {
        border-top-width: 114px !important
    }

    .huge\:tw-border-t-\[73px\] {
        border-top-width: 73px !important
    }

    .huge\:tw-border-x-gray-03 {
        --tw-border-opacity: 1 !important;
        border-left-color: rgb(238 239 241 / var(--tw-border-opacity, 1)) !important;
        border-right-color: rgb(238 239 241 / var(--tw-border-opacity, 1)) !important
    }

    .huge\:tw-border-b-gray-04 {
        --tw-border-opacity: 1 !important;
        border-bottom-color: rgb(221 223 226 / var(--tw-border-opacity, 1)) !important
    }

    .huge\:tw-bg-transparent {
        background-color: transparent !important
    }

    .huge\:tw-p-10 {
        padding: 10px !important
    }

    .huge\:tw-p-30 {
        padding: 30px !important
    }

    .huge\:tw-p-40 {
        padding: 40px !important
    }

    .huge\:tw-p-60 {
        padding: 60px !important
    }

    .huge\:tw-p-80 {
        padding: 80px !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-40 {
        padding-left: 40px !important;
        padding-right: 40px !important
    }

    .huge\:tw-px-60 {
        padding-left: 60px !important;
        padding-right: 60px !important
    }

    .huge\:tw-px-\[12\.5px\] {
        padding-left: 12.5px !important;
        padding-right: 12.5px !important
    }

    .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-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-30 {
        padding-bottom: 30px !important
    }

    .huge\:tw-pb-40 {
        padding-bottom: 40px !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-pb-\[136px\] {
        padding-bottom: 136px !important
    }

    .huge\:tw-pb-\[140px\] {
        padding-bottom: 140px !important
    }

    .huge\:tw-pe-40 {
        padding-inline-end: 40px !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-60 {
        padding-left: 60px !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-pr-60 {
        padding-right: 60px !important
    }

    .huge\:tw-ps-20 {
        padding-inline-start: 20px !important
    }

    .huge\:tw-ps-\[44px\] {
        padding-inline-start: 44px !important
    }

    .huge\:tw-pt-10 {
        padding-top: 10px !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-\[113px\] {
        padding-top: 113px !important
    }

    .huge\:tw-pt-\[130px\] {
        padding-top: 130px !important
    }

    .huge\:tw-pt-\[155px\] {
        padding-top: 155px !important
    }

    .huge\:tw-pt-\[160px\] {
        padding-top: 160px !important
    }

    .huge\:tw-pt-\[24px\] {
        padding-top: 24px !important
    }

    .huge\:tw-pt-\[34px\] {
        padding-top: 34px !important
    }

    .huge\:tw-pt-\[44px\] {
        padding-top: 44px !important
    }

    .huge\:tw-pt-\[56px\] {
        padding-top: 56px !important
    }

    .huge\:tw-pt-\[64px\] {
        padding-top: 64px !important
    }

    .huge\:tw-pt-\[92px\] {
        padding-top: 92px !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-end {
        text-align: end !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;
        line-height: var(--font-h1-line-height-bp-lg) !important;
        letter-spacing: var(--font-h1-spacing-bp-lg) !important
    }

    .huge\:tw-text-font-h1-large {
        font-size: var(--font-h1-size-large-sm) !important;
        line-height: var(--font-h1-line-height-large-sm) !important;
        letter-spacing: var(--font-h1-spacing-large-sm) !important
    }

    .huge\:tw-text-font-h3-huge {
        font-size: var(--font-h3-size-bp-lg) !important;
        line-height: var(--font-h3-line-height-bp-lg) !important;
        letter-spacing: var(--font-h3-spacing-bp-lg) !important
    }

    .huge\:tw-text-font-h5-huge {
        font-size: var(--font-h5-size-bp-lg) !important;
        line-height: var(--font-h5-line-height-bp-lg) !important;
        letter-spacing: var(--font-h5-spacing-bp-lg) !important
    }

    .huge\:tw-text-font-h6-huge {
        font-size: var(--font-h6-size-bp-lg) !important;
        line-height: var(--font-h6-line-height-bp-lg) !important;
        letter-spacing: var(--font-h6-spacing-bp-lg) !important
    }

    .huge\:tw-text-font-p-lg {
        font-size: var(--font-p-lg-size-bp-sm) !important;
        line-height: var(--font-p-lg-line-height-bp-sm) !important;
        letter-spacing: var(--font-p-lg-spacing-bp-sm) !important
    }

    .huge\:tw-text-font-p-sm-medium {
        font-size: var(--font-p-sm-size-bp-md) !important;
        line-height: var(--font-p-sm-line-height-bp-md) !important;
        letter-spacing: var(--font-p-sm-spacing-bp-md) !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-h1-large {
        line-height: var(--font-h1-line-height-large-sm) !important
    }

    .huge\:tw-leading-font-h1-large-huge {
        line-height: var(--font-h1-line-height-large-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-p-lg-huge {
        line-height: var(--font-p-lg-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-leading-font-p-sm-medium {
        line-height: var(--font-p-sm-line-height-bp-md) !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-h1-large {
        letter-spacing: var(--font-h1-spacing-large-sm) !important
    }

    .huge\:tw-tracking-font-h3-huge {
        letter-spacing: var(--font-h3-spacing-bp-lg) !important
    }

    .huge\:tw-tracking-font-h5-medium {
        letter-spacing: var(--font-h5-spacing-bp-md) !important
    }

    .huge\:tw-tracking-font-h6-medium {
        letter-spacing: var(--font-h6-spacing-bp-md) !important
    }

    .huge\:tw-tracking-font-p-md-medium {
        letter-spacing: var(--font-p-md-spacing-bp-md) !important
    }

    .huge\:tw-tracking-font-p-sm-medium {
        letter-spacing: var(--font-p-sm-spacing-bp-md) !important
    }

    .huge\:tw-opacity-100 {
        opacity: 1 !important
    }

    .huge\: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
    }

    .huge\: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
    }

    .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
    }

    .huge\:\[grid-template-areas\:\'header_image\'\'p_image\'\'cta_image\'\'cards_cards\'\] {
        grid-template-areas: "header image" "p image" "cta image" "cards cards" !important
    }

    .huge\:\[grid-template-areas\:\'header_image\'_\'content_image\'\] {
        grid-template-areas: "header image" "content image" !important
    }

    .huge\:\[grid-template-areas\:\'header_image\'_\'content_image\'_\'content_badges\'\] {
        grid-template-areas: "header image" "content image" "content badges" !important
    }

    .huge\:\[grid-template-areas\:\'image_header\'_\'image_content\'\] {
        grid-template-areas: "image header" "image content" !important
    }

    .huge\:\[grid-template-areas\:\'image_header\'_\'image_content\'_\'badges_content\'\] {
        grid-template-areas: "image header" "image content" "badges content" !important
    }

    .huge\:before\:-tw-start-15:before {
        content: var(--tw-content) !important;
        inset-inline-start: -15px !important
    }

    .huge\:before\:tw-w-35:before {
        content: var(--tw-content) !important;
        width: 35px !important
    }

    .first\:huge\:tw-ps-0:first-child {
        padding-inline-start: 0 !important
    }

    .last\:huge\:tw-mb-80:last-child {
        margin-bottom: 80px !important
    }

    .last\:huge\:tw-mb-\[70px\]:last-child {
        margin-bottom: 70px !important
    }

    .last\:huge\:tw-pe-0:last-child {
        padding-inline-end: 0 !important
    }

    .tw-group:hover .huge\:group-hover\:tw-h-80 {
        height: 80px !important
    }

    .dark\:huge\:tw-bg-ds-dark:is(.tw-dark *) {
        background-color: var(--ds-dark) !important
    }

    .dark\:huge\:tw-bg-ds-medium:is(.tw-dark *) {
        background-color: var(--ds-medium) !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,
    .navbar .right-section .button--cta-results,
    .navbar .right-section .sp-upgradebtn {
        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
    }

    .min-\[1300px\]\:tw-me-25 {
        margin-inline-end: 25px !important
    }

    .min-\[1300px\]\:tw-size-\[22px\] {
        width: 22px !important;
        height: 22px !important
    }
}

@media(min-width:1340px) {
    .sp-wrap {
        max-width: 1300px;
        margin-left: auto;
        margin-right: auto
    }

    .container-padding {
        padding: 0
    }

    .maxlayout\:tw-end-\[calc\(\(100vw-1300px-var\(--body-frozen-pad-rt\)\)\*0\.5\)\] {
        inset-inline-end: calc((100vw - 1300px - var(--body-frozen-pad-rt)) * .5) !important
    }

    .maxlayout\:tw-mx-auto {
        margin-left: auto !important;
        margin-right: auto !important
    }

    .maxlayout\:tw-ml-\[-650px\] {
        margin-left: -650px !important
    }

    .maxlayout\:tw-ms-\[-440px\] {
        margin-inline-start: -440px !important
    }

    .maxlayout\:tw-w-\[1300px\] {
        width: 1300px !important
    }

    .maxlayout\:tw-w-\[380px\] {
        width: 380px !important
    }

    .maxlayout\:tw-w-auto {
        width: auto !important
    }

    .maxlayout\:tw-max-w-\[510px\] {
        max-width: 510px !important
    }

    .maxlayout\:tw-max-w-\[600px\] {
        max-width: 600px !important
    }

    .maxlayout\:tw-max-w-\[640px\] {
        max-width: 640px !important
    }

    .maxlayout\:tw-max-w-\[860px\] {
        max-width: 860px !important
    }

    .maxlayout\:tw-basis-\[420px\] {
        flex-basis: 420px !important
    }

    .maxlayout\:tw-basis-\[530px\] {
        flex-basis: 530px !important
    }

    .maxlayout\:tw-grid-cols-\[auto_510px\] {
        grid-template-columns: auto 510px !important
    }

    .maxlayout\:tw-grid-cols-\[auto_640px\] {
        grid-template-columns: auto 640px !important
    }

    .maxlayout\:tw-gap-x-60 {
        -moz-column-gap: 60px !important;
        column-gap: 60px !important
    }

    .maxlayout\:tw-p-80 {
        padding: 80px !important
    }

    .maxlayout\:tw-px-80 {
        padding-left: 80px !important;
        padding-right: 80px !important
    }

    .min-\[1340px\]\:tw-mx-auto {
        margin-left: auto !important;
        margin-right: auto !important
    }

    .min-\[1340px\]\:tw-max-w-\[1300px\] {
        max-width: 1300px !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;
        gap: 4px
    }

    .navbar nav.middle-section>ul>li>ul.wide.type-list {
        width: 528px
    }

    .fi .navbar nav.middle-section>ul>li>ul.wide.type-list,
    .hy .navbar nav.middle-section>ul>li>ul.wide.type-list,
    .nl .navbar nav.middle-section>ul>li>ul.wide.type-list,
    .el .navbar nav.middle-section>ul>li>ul.wide.type-list,
    .is .navbar nav.middle-section>ul>li>ul.wide.type-list,
    .id .navbar nav.middle-section>ul>li>ul.wide.type-list,
    .ja .navbar nav.middle-section>ul>li>ul.wide.type-list,
    .mn .navbar nav.middle-section>ul>li>ul.wide.type-list,
    .ms .navbar nav.middle-section>ul>li>ul.wide.type-list,
    .ru .navbar nav.middle-section>ul>li>ul.wide.type-list,
    .sw .navbar nav.middle-section>ul>li>ul.wide.type-list,
    .vi .navbar nav.middle-section>ul>li>ul.wide.type-list {
        width: 655px
    }

    .pl .navbar nav.middle-section>ul>li>ul.wide.type-list,
    .th .navbar nav.middle-section>ul>li>ul.wide.type-list {
        width: 770px
    }

    .navbar nav.middle-section>ul>li>ul.wide {
        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%
    }

    .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
    }

    .fi .navbar nav.middle-section>ul>li>ul>li.types ul li a,
    .hy .navbar nav.middle-section>ul>li>ul>li.types ul li a,
    .nl .navbar nav.middle-section>ul>li>ul>li.types ul li a,
    .ka .navbar nav.middle-section>ul>li>ul>li.types ul li a,
    .el .navbar nav.middle-section>ul>li>ul>li.types ul li a,
    .is .navbar nav.middle-section>ul>li>ul>li.types ul li a,
    .id .navbar nav.middle-section>ul>li>ul>li.types ul li a,
    .ja .navbar nav.middle-section>ul>li>ul>li.types ul li a,
    .mn .navbar nav.middle-section>ul>li>ul>li.types ul li a,
    .ms .navbar nav.middle-section>ul>li>ul>li.types ul li a,
    .ru .navbar nav.middle-section>ul>li>ul>li.types ul li a,
    .sw .navbar nav.middle-section>ul>li>ul>li.types ul li a,
    .vi .navbar nav.middle-section>ul>li>ul>li.types ul li a {
        min-width: 140px
    }

    .pl .navbar nav.middle-section>ul>li>ul>li.types ul li a,
    .th .navbar nav.middle-section>ul>li>ul>li.types ul li a {
        min-width: 161px
    }

    .navbar nav.middle-section>ul>li>ul>li>a {
        gap: 15px;
        padding: 16px 32px
    }

    .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-auto {
        margin-bottom: auto !important
    }

    .huge-2\:tw-me-0 {
        margin-inline-end: 0 !important
    }

    .huge-2\:tw-mr-0 {
        margin-right: 0 !important
    }

    .huge-2\:tw-mt-0 {
        margin-top: 0 !important
    }

    .huge-2\:tw-block {
        display: block !important
    }

    .huge-2\:tw-size-16 {
        width: 16px !important;
        height: 16px !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-full {
        width: 100% !important
    }

    .huge-2\:tw-min-w-0 {
        min-width: 0 !important
    }

    .huge-2\:tw-max-w-\[320px\],
    .huge-2\:tw-max-w-screen-tiny {
        max-width: 320px !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-auto {
        flex-basis: auto !important
    }

    .huge-2\:tw-grid-cols-\[580px_1fr\] {
        grid-template-columns: 580px 1fr !important
    }

    .huge-2\:tw-grid-cols-\[repeat\(3\,_max-content\)\] {
        grid-template-columns: repeat(3, max-content) !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-gap-x-80 {
        -moz-column-gap: 80px !important;
        column-gap: 80px !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-pl-5 {
        padding-left: 5px !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 {
        width: 558px
    }

    .fi .navbar nav.middle-section>ul>li>ul.wide.type-list,
    .hy .navbar nav.middle-section>ul>li>ul.wide.type-list,
    .nl .navbar nav.middle-section>ul>li>ul.wide.type-list,
    .ka .navbar nav.middle-section>ul>li>ul.wide.type-list,
    .el .navbar nav.middle-section>ul>li>ul.wide.type-list,
    .is .navbar nav.middle-section>ul>li>ul.wide.type-list,
    .id .navbar nav.middle-section>ul>li>ul.wide.type-list,
    .ja .navbar nav.middle-section>ul>li>ul.wide.type-list,
    .mn .navbar nav.middle-section>ul>li>ul.wide.type-list,
    .ms .navbar nav.middle-section>ul>li>ul.wide.type-list,
    .ru .navbar nav.middle-section>ul>li>ul.wide.type-list,
    .sw .navbar nav.middle-section>ul>li>ul.wide.type-list,
    .vi .navbar nav.middle-section>ul>li>ul.wide.type-list {
        width: 720px
    }

    .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:1500px) {
    .min-\[1500px\]\:tw-me-25 {
        margin-inline-end: 25px !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,
    .navbar .right-section .button--cta-results,
    .navbar .right-section .sp-upgradebtn {
        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>ul.wide .types ul li a span {
        display: none
    }

    .navbar nav.middle-section>ul>li>ul {
        width: 396px
    }

    .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-size-\[18px\] {
        width: 18px !important;
        height: 18px !important
    }

    .huge-3\:tw-size-\[300px\] {
        width: 300px !important;
        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-max-w-\[500px\] {
        max-width: 500px !important
    }

    .huge-3\:tw-max-w-\[900px\] {
        max-width: 900px !important
    }

    .huge-3\:tw-max-w-screen-huge-3 {
        max-width: 1600px !important
    }

    .huge-3\:tw-grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !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-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-grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important
    }
}

@media(min-width:2000px) {
    .huge-5\:tw-grid-cols-5 {
        grid-template-columns: repeat(5, minmax(0, 1fr)) !important
    }
}