@charset "UTF-8";

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translateZ(0)
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:before,
.slick-track:after {
    display: table;
    content: ""
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.slick-loading .slick-list {
    background: #fff url(/assets/ajax-loader-BcnMEykj.gif) center center no-repeat
}

@font-face {
    font-family: slick;
    font-weight: 400;
    font-style: normal;
    src: url(data:application/vnd.ms-fontobject;base64,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);
    src: url(data:application/vnd.ms-fontobject;base64,AAgAAGQHAAABAAIAAAAAAAIABQkAAAAAAAABAJABAAAAAExQAQAAgCAAAAAAAAAAAAAAAAEAAAAAAAAATxDE8AAAAAAAAAAAAAAAAAAAAAAAAAoAcwBsAGkAYwBrAAAADgBSAGUAZwB1AGwAYQByAAAAFgBWAGUAcgBzAGkAbwBuACAAMQAuADAAAAAKAHMAbABpAGMAawAAAAAAAAEAAAANAIAAAwBQRkZUTW3RyK8AAAdIAAAAHEdERUYANAAGAAAHKAAAACBPUy8yT/b9sgAAAVgAAABWY21hcCIPRb0AAAHIAAABYmdhc3D//wADAAAHIAAAAAhnbHlmP5u2YAAAAzwAAAIsaGVhZAABMfsAAADcAAAANmhoZWED5QIFAAABFAAAACRobXR4BkoASgAAAbAAAAAWbG9jYQD2AaIAAAMsAAAAEG1heHAASwBHAAABOAAAACBuYW1lBSeBwgAABWgAAAFucG9zdC+zMgMAAAbYAAAARQABAAAAAQAA8MQQT18PPPUACwIAAAAAAM9xeH8AAAAAz3F4fwAlACUB2wHbAAAACAACAAAAAAAAAAEAAAHbAAAALgIAAAAAAAHbAAEAAAAAAAAAAAAAAAAAAAAEAAEAAAAHAEQAAgAAAAAAAgAAAAEAAQAAAEAAAAAAAAAAAQIAAZAABQAIAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAIABQkAAAAAAACAAAABAAAAIAAAAAAAAAAAUGZFZABAAGEhkgHg/+AALgHb/9sAAAABAAAAAAAAAgAAAAAAAAACAAAAAgAAJQAlACUAJQAAAAAAAwAAAAMAAAAcAAEAAAAAAFwAAwABAAAAHAAEAEAAAAAMAAgAAgAEAAAAYSAiIZAhkv//AAAAAABhICIhkCGS//8AAP+l3+PedN5xAAEAAAAAAAAAAAAAAAAAAAEGAAABAAAAAAAAAAECAAAAAgAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGAIwAsAEWAAIAJQAlAdsB2wAYACwAAD8BNjQvASYjIg8BBhUUHwEHBhUUHwEWMzI2FAcGBwYiJyYnJjQ3Njc2MhcWF/GCBgaCBQcIBR0GBldXBgYdBQgH7x0eMjB8MDIeHR0eMjB8MDIecYIGDgaCBQUeBQcJBFhYBAkHBR4F0nwwMh4dHR4yMHwwMh4dHR4yAAAAAgAlACUB2wHbABgALAAAJTc2NTQvATc2NTQvASYjIg8BBhQfARYzMjYUBwYHBiInJicmNDc2NzYyFxYXASgdBgZXVwYGHQUIBwWCBgaCBQcIuB0eMjB8MDIeHR0eMjB8MDIecR4FBwkEWFgECQcFHgUFggYOBoIF0nwwMh4dHR4yMHwwMh4dHR4yAAABACUAJQHbAdsAEwAAABQHBgcGIicmJyY0NzY3NjIXFhcB2x0eMjB8MDIeHR0eMjB8MDIeAT58MDIeHR0eMjB8MDIeHR0eMgABACUAJQHbAdsAQwAAARUUBisBIicmPwEmIyIHBgcGBwYUFxYXFhcWMzI3Njc2MzIfARYVFAcGBwYjIicmJyYnJjQ3Njc2NzYzMhcWFzc2FxYB2woIgAsGBQkoKjodHBwSFAwLCwwUEhwcHSIeIBMGAQQDJwMCISspNC8mLBobFBERFBsaLCYvKicpHSUIDAsBt4AICgsLCScnCwwUEhwcOhwcEhQMCw8OHAMDJwMDAgQnFBQRFBsaLCZeJiwaGxQRDxEcJQgEBgAAAAAAAAwAlgABAAAAAAABAAUADAABAAAAAAACAAcAIgABAAAAAAADACEAbgABAAAAAAAEAAUAnAABAAAAAAAFAAsAugABAAAAAAAGAAUA0gADAAEECQABAAoAAAADAAEECQACAA4AEgADAAEECQADAEIAKgADAAEECQAEAAoAkAADAAEECQAFABYAogADAAEECQAGAAoAxgBzAGwAaQBjAGsAAHNsaWNrAABSAGUAZwB1AGwAYQByAABSZWd1bGFyAABGAG8AbgB0AEYAbwByAGcAZQAgADIALgAwACAAOgAgAHMAbABpAGMAawAgADoAIAAxADQALQA0AC0AMgAwADEANAAARm9udEZvcmdlIDIuMCA6IHNsaWNrIDogMTQtNC0yMDE0AABzAGwAaQBjAGsAAHNsaWNrAABWAGUAcgBzAGkAbwBuACAAMQAuADAAAFZlcnNpb24gMS4wAABzAGwAaQBjAGsAAHNsaWNrAAAAAAIAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAABwAAAAEAAgECAQMAhwBECmFycm93cmlnaHQJYXJyb3dsZWZ0AAAAAAAAAf//AAIAAQAAAA4AAAAYAAAAAAACAAEAAwAGAAEABAAAAAIAAAAAAAEAAAAAzu7XsAAAAADPcXh/AAAAAM9xeH8=) format("embedded-opentype"), url(data:font/woff;base64,d09GRk9UVE8AAAVkAAsAAAAAB1wAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAABCAAAAi4AAAKbH/pWDkZGVE0AAAM4AAAAGgAAABxt0civR0RFRgAAA1QAAAAcAAAAIAAyAARPUy8yAAADcAAAAFIAAABgUBj/rmNtYXAAAAPEAAAAUAAAAWIiC0SwaGVhZAAABBQAAAAuAAAANgABMftoaGVhAAAERAAAABwAAAAkA+UCA2htdHgAAARgAAAADgAAAA4ESgBKbWF4cAAABHAAAAAGAAAABgAFUABuYW1lAAAEeAAAANwAAAFuBSeBwnBvc3QAAAVUAAAAEAAAACAAAwABeJw9ks9vEkEUx2cpWyeUoFYgNkHi2Wt7N3rVm3cTs3UVLC4LxIWEQvi1P3i7O1tYLJDAmlgKGEhQrsajf0j7J3jYTXrQWUrMJG+++b55n5e8NwwKBhHDMLv5kxT3ATEBxKBn3qOAl9zxHgb1MAPhHQgHkyF08Gr/L8B/Eb6zWnmCJ7AJVLubQOheArXvJ1A4EXi6j4I+Zg9F0QFKvsnlBCmXeve+sFEnb/nCptdtQ4QYhVFRAT1HrF8UQK/RL/SbmUbclsvGVFXRZKDHUE38cc4qpkbAAsuwiImvro+ufcfaOIQ6szlrmjRJDaKZKnbjN3GWKIbiIzRFUfCffuxxKOL+3LDlDVvx2TdxN84qZEsnhNBa6pgm2dAsnzbLsETdsmRFxUeHV4e+I2/ptN8TyqV8T3Dt29t7EYOuajVIw2y1Wy3M86w0zg/Fz2IvawmQAUHOVrPVfLkoScVynsqsTG0MGUs4z55nh3mnOJa+li+rl9WpPIcFfDubDeaDC+fLBdYN3QADzLauGfj4B6sZmq6CCpqmtSvF0qlUl2qf5AJIUCSlTqlb7lUG+LRfGzZGzZEyBgccMu6MuqPecNDvD4Y9Kjtj4gD+DsvKVMTcMdtqtZtmkzQstQvYje7Syep0PDSAhSOeHYXYWThEF//A/0YvYV1fSQtpKU5STtrhbQ444OtpKSWJIg3pOg8cBs7maTY1EZf07aq+hjWs7IWzdCYTGhb2CtZ47x+Uhx28AAB4nGNgYGBkAIJz765vANHnCyvqYTQAWnkHswAAeJxjYGRgYOADYgkGEGBiYARCFjAG8RgABHYAN3icY2BmYmCcwMDKwMHow5jGwMDgDqW/MkgytDAwMDGwcjKAQQMDAyOQUmCAgoA01xQGB4ZExUmMD/4/YNBjvP3/NgNEDQPjbbBKBQZGADfLDgsAAHicY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQzMCQqKClOUJz0/z9YHRLv/+L7D+8V3cuHmgAHjGwM6ELUByxUMIOZCmbgAAA5LQ8XeJxjYGRgYABiO68w73h+m68M3EwMIHC+sKIeTqsyqDLeZrwN5HIwgKUB/aYJUgAAeJxjYGRgYLzNwMCgx8QAAkA2IwMqYAIAMGIB7QIAAAACAAAlACUAJQAlAAAAAFAAAAUAAHicbY49asNAEIU/2ZJDfkiRIvXapUFCEqpcptABUrg3ZhEiQoKVfY9UqVLlGDlADpAT5e16IUWysMz3hjfzBrjjjQT/EjKpCy+4YhN5yZoxcirPe+SMWz4jr6S+5UzSa3VuwpTnBfc8RF7yxDZyKs9r5IxHPiKv1P9iZqDnyAvMQ39UecbScVb/gJO03Xk4CFom3XYK1clhMdQUlKo7/d9NF13RkIdfy+MV7TSe2sl11tRFaXYmJKpWTd7kdVnJ8veevZKc+n3I93t9Jnvr5n4aTVWU/0z9AI2qMkV4nGNgZkAGjAxoAAAAjgAF) format("woff"), url(data:font/ttf;base64,AAEAAAANAIAAAwBQRkZUTW3RyK8AAAdIAAAAHEdERUYANAAGAAAHKAAAACBPUy8yT/b9sgAAAVgAAABWY21hcCIPRb0AAAHIAAABYmdhc3D//wADAAAHIAAAAAhnbHlmP5u2YAAAAzwAAAIsaGVhZAABMfsAAADcAAAANmhoZWED5QIFAAABFAAAACRobXR4BkoASgAAAbAAAAAWbG9jYQD2AaIAAAMsAAAAEG1heHAASwBHAAABOAAAACBuYW1lBSeBwgAABWgAAAFucG9zdC+zMgMAAAbYAAAARQABAAAAAQAA8MQQT18PPPUACwIAAAAAAM9xeH8AAAAAz3F4fwAlACUB2wHbAAAACAACAAAAAAAAAAEAAAHbAAAALgIAAAAAAAHbAAEAAAAAAAAAAAAAAAAAAAAEAAEAAAAHAEQAAgAAAAAAAgAAAAEAAQAAAEAAAAAAAAAAAQIAAZAABQAIAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAIABQkAAAAAAACAAAABAAAAIAAAAAAAAAAAUGZFZABAAGEhkgHg/+AALgHb/9sAAAABAAAAAAAAAgAAAAAAAAACAAAAAgAAJQAlACUAJQAAAAAAAwAAAAMAAAAcAAEAAAAAAFwAAwABAAAAHAAEAEAAAAAMAAgAAgAEAAAAYSAiIZAhkv//AAAAAABhICIhkCGS//8AAP+l3+PedN5xAAEAAAAAAAAAAAAAAAAAAAEGAAABAAAAAAAAAAECAAAAAgAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGAIwAsAEWAAIAJQAlAdsB2wAYACwAAD8BNjQvASYjIg8BBhUUHwEHBhUUHwEWMzI2FAcGBwYiJyYnJjQ3Njc2MhcWF/GCBgaCBQcIBR0GBldXBgYdBQgH7x0eMjB8MDIeHR0eMjB8MDIecYIGDgaCBQUeBQcJBFhYBAkHBR4F0nwwMh4dHR4yMHwwMh4dHR4yAAAAAgAlACUB2wHbABgALAAAJTc2NTQvATc2NTQvASYjIg8BBhQfARYzMjYUBwYHBiInJicmNDc2NzYyFxYXASgdBgZXVwYGHQUIBwWCBgaCBQcIuB0eMjB8MDIeHR0eMjB8MDIecR4FBwkEWFgECQcFHgUFggYOBoIF0nwwMh4dHR4yMHwwMh4dHR4yAAABACUAJQHbAdsAEwAAABQHBgcGIicmJyY0NzY3NjIXFhcB2x0eMjB8MDIeHR0eMjB8MDIeAT58MDIeHR0eMjB8MDIeHR0eMgABACUAJQHbAdsAQwAAARUUBisBIicmPwEmIyIHBgcGBwYUFxYXFhcWMzI3Njc2MzIfARYVFAcGBwYjIicmJyYnJjQ3Njc2NzYzMhcWFzc2FxYB2woIgAsGBQkoKjodHBwSFAwLCwwUEhwcHSIeIBMGAQQDJwMCISspNC8mLBobFBERFBsaLCYvKicpHSUIDAsBt4AICgsLCScnCwwUEhwcOhwcEhQMCw8OHAMDJwMDAgQnFBQRFBsaLCZeJiwaGxQRDxEcJQgEBgAAAAAAAAwAlgABAAAAAAABAAUADAABAAAAAAACAAcAIgABAAAAAAADACEAbgABAAAAAAAEAAUAnAABAAAAAAAFAAsAugABAAAAAAAGAAUA0gADAAEECQABAAoAAAADAAEECQACAA4AEgADAAEECQADAEIAKgADAAEECQAEAAoAkAADAAEECQAFABYAogADAAEECQAGAAoAxgBzAGwAaQBjAGsAAHNsaWNrAABSAGUAZwB1AGwAYQByAABSZWd1bGFyAABGAG8AbgB0AEYAbwByAGcAZQAgADIALgAwACAAOgAgAHMAbABpAGMAawAgADoAIAAxADQALQA0AC0AMgAwADEANAAARm9udEZvcmdlIDIuMCA6IHNsaWNrIDogMTQtNC0yMDE0AABzAGwAaQBjAGsAAHNsaWNrAABWAGUAcgBzAGkAbwBuACAAMQAuADAAAFZlcnNpb24gMS4wAABzAGwAaQBjAGsAAHNsaWNrAAAAAAIAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAABwAAAAEAAgECAQMAhwBECmFycm93cmlnaHQJYXJyb3dsZWZ0AAAAAAAAAf//AAIAAQAAAA4AAAAYAAAAAAACAAEAAwAGAAEABAAAAAIAAAAAAAEAAAAAzu7XsAAAAADPcXh/AAAAAM9xeH8=) format("truetype"), url(/assets/slick-BlzDm7g2.svg#slick) format("svg")
}

.slick-prev,
.slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translateY(-50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    color: transparent;
    outline: none;
    background: transparent
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
    opacity: 1
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
    opacity: .25
}

.slick-prev:before,
.slick-next:before {
    font-family: slick;
    font-size: 2rem;
    line-height: 1;
    opacity: .75;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-prev {
    left: -25px
}

[dir=rtl] .slick-prev {
    right: -25px;
    left: auto
}

.slick-prev:before {
    content: "←"
}

[dir=rtl] .slick-prev:before {
    content: "→"
}

.slick-next {
    right: -25px
}

[dir=rtl] .slick-next {
    right: auto;
    left: -25px
}

.slick-next:before {
    content: "→"
}

[dir=rtl] .slick-next:before {
    content: "←"
}

.slick-dotted.slick-slider {
    margin-bottom: 30px
}

.slick-dots {
    position: absolute;
    bottom: -25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center
}

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent
}

.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: none
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
    opacity: 1
}

.slick-dots li button:before {
    font-family: slick;
    font-size: .6rem;
    line-height: 2rem;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: "•";
    text-align: center;
    opacity: .25;
    color: #000;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
    opacity: .75;
    color: #000
}

@layer properties {
    @supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))) {

        *,
        :before,
        :after,
        ::backdrop {
            --tw-translate-x: 0;
            --tw-translate-y: 0;
            --tw-translate-z: 0;
            --tw-rotate-x: initial;
            --tw-rotate-y: initial;
            --tw-rotate-z: initial;
            --tw-skew-x: initial;
            --tw-skew-y: initial;
            --tw-scroll-snap-strictness: proximity;
            --tw-space-y-reverse: 0;
            --tw-space-x-reverse: 0;
            --tw-border-style: solid;
            --tw-gradient-position: initial;
            --tw-gradient-from: #0000;
            --tw-gradient-via: #0000;
            --tw-gradient-to: #0000;
            --tw-gradient-stops: initial;
            --tw-gradient-via-stops: initial;
            --tw-gradient-from-position: 0%;
            --tw-gradient-via-position: 50%;
            --tw-gradient-to-position: 100%;
            --tw-leading: initial;
            --tw-font-weight: initial;
            --tw-tracking: initial;
            --tw-shadow: 0 0 #0000;
            --tw-shadow-color: initial;
            --tw-shadow-alpha: 100%;
            --tw-inset-shadow: 0 0 #0000;
            --tw-inset-shadow-color: initial;
            --tw-inset-shadow-alpha: 100%;
            --tw-ring-color: initial;
            --tw-ring-shadow: 0 0 #0000;
            --tw-inset-ring-color: initial;
            --tw-inset-ring-shadow: 0 0 #0000;
            --tw-ring-inset: initial;
            --tw-ring-offset-width: 0px;
            --tw-ring-offset-color: #fff;
            --tw-ring-offset-shadow: 0 0 #0000;
            --tw-outline-style: solid;
            --tw-blur: initial;
            --tw-brightness: initial;
            --tw-contrast: initial;
            --tw-grayscale: initial;
            --tw-hue-rotate: initial;
            --tw-invert: initial;
            --tw-opacity: initial;
            --tw-saturate: initial;
            --tw-sepia: initial;
            --tw-drop-shadow: initial;
            --tw-drop-shadow-color: initial;
            --tw-drop-shadow-alpha: 100%;
            --tw-drop-shadow-size: initial;
            --tw-duration: initial;
            --tw-ease: initial;
            --tw-content: "";
            --tw-scale-x: 1;
            --tw-scale-y: 1;
            --tw-scale-z: 1
        }
    }
}

@layer theme {

    :root,
    :host {
        --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
        --color-red-100: #006613;
        --color-red-200: #ff96a7;
        --color-red-400: #00470d;/*原色号:#e90044*/
        --color-red-500: #00470d;/*原色号:#a80034*/
        --color-red-600: #771828;/*原色号:#771828*/
        --color-yellow-100: #fffbe8;
        --color-yellow-500: #ffb500;
        --color-yellow-700: #b39412;
        --color-yellow-900: #805b00;
        --color-blue-100: #eff5fc;
        --color-blue-300: #4daeda;
        --color-blue-500: #008bca;
        --color-blue-900: #003866;
        --color-pink-100: #fff8f8;
        --color-pink-500: #ff8bc6;
        --color-gray-100: oklch(96.7% .003 264.542);
        --color-gray-200: oklch(92.8% .006 264.531);
        --color-gray-300: oklch(87.2% .01 258.338);
        --color-gray-500: oklch(55.1% .027 264.364);
        --color-gray-800: oklch(27.8% .033 256.848);
        --color-black: #000;
        --color-white: #fff;
        --spacing: .25rem;
        --breakpoint-sm: 576px;
        --text-base: 1rem;
        --text-base--line-height: 1.5;
        --text-2xl: 1.5rem;
        --text-2xl--line-height: calc(2/1.5);
        --font-weight-normal: 400;
        --font-weight-medium: 500;
        --font-weight-bold: 700;
        --tracking-tight: -.025em;
        --tracking-normal: 0em;
        --tracking-wider: .05em;
        --leading-normal: 1.5;
        --radius-sm: 4px;
        --radius-md: .375rem;
        --radius-lg: .5rem;
        --ease-out: cubic-bezier(0, 0, .2, 1);
        --ease-in-out: cubic-bezier(.4, 0, .2, 1);
        --animate-ping: ping 1s cubic-bezier(0, 0, .2, 1)infinite;
        --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1)infinite;
        --aspect-video: 16/9;
        --default-transition-duration: .15s;
        --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        --default-font-family: var(--font-sans);
        --default-mono-font-family: var(--font-mono);
        --color-blue-150: #becddf;
        --color-crimson-100: #ffdde5;
        --color-crimson-500: #cc0f2e;
        --color-crimson-600: #a30c25;
        --color-grey-white: #fff;
        --color-grey-50: #f9f9f9;
        --color-grey-100: #f4f5f7;
        --color-grey-150: #eaeaea;
        --color-grey-200: #e0e0e0;
        --color-grey-250: #ccc;
        --color-grey-300: #9e9e9e;
        --color-grey-400: #6f6f6f;
        --color-grey-500: #464646;
        --color-grey-600: #383838;
        --color-grey-700: #323232;
        --color-grey-900: #1e1e1e;
        --color-grey-black: #000;
        --color-grey-white-opacity-0: #fff0;
        --color-grey-white-opacity-40: #fff6;
        --color-grey-500-opacity-12: #4646461f;
        --color-grey-500-opacity-40: #46464666;
        --color-grey-black-opacity-40: #0006;
        --color-grey-black-opacity-60: #0009;
        --color-grey-black-opacity-85: #000000d9;
        --color-red-550: #84002a;
        --color-red-500-opacity-12: #a800341f;
        --color-red-500-opacity-40: #a8003466;
        --spacing-0: 0rem;
        --spacing-1: .25rem;
        --spacing-2: .5rem;
        --spacing-3: .75rem;
        --spacing-4: 1rem;
        --spacing-6: 1.5rem;
        --spacing-8: 2rem;
        --spacing-10: 2.5rem;
        --spacing-12: 3rem;
        --spacing-16: 4rem;
        --spacing-24: 24px;
        --radius-button-radius-full: 100px;
        --family-noto-sans-sc: "Noto Sans SC";
        --font-weight-regular: 400;
        --line-height-sm: 1.5;
        --line-height-md: 1.8;
        --letter-spacing-none: 0;
        --letter-spacing-sm: .5px;
        --letter-spacing-md: 1px;
        --font-size-12: 12px;
        --font-size-14: 14px;
        --font-size-16: 16px;
        --font-size-18: 18px;
        --font-size-22: 22px;
        --font-size-24: 24px;
        --font-size-32: 32px;
        --color-background-primary: var(--color-grey-white);
        --color-background-secondary: var(--color-grey-100);
        --color-background-tertiary: var(--color-grey-50);
        --color-background-quaternary: var(--color-grey-300);
        --color-background-quinary: var(--color-grey-150);
        --color-background-cinema: var(--color-grey-900);
        --color-background-subscriber-primary: var(--color-pink-500);
        --color-background-success-primary: var(--color-blue-900);
        --color-background-success-secondary: var(--color-blue-100);
        --color-background-brand-primary: var(--color-red-500);
        --color-background-brand-secondary: var(--color-red-100);
        --color-background-overlay-primary: var(--color-grey-black-opacity-40);
        --color-background-overlay-secondary: var(--color-grey-black-opacity-40);
        --color-button-primary-default: var(--color-red-500);
        --color-button-primary-hover: var(--color-red-600);
        --color-button-primary-label: var(--color-grey-white);
        --color-button-secondary-default: var(--color-grey-500);
        --color-button-secondary-hover: var(--color-grey-600);
        --color-button-secondary-label: var(--color-grey-white);
        --color-button-tertiary-default: var(--color-grey-500);
        --color-button-tertiary-hover: var(--color-grey-150);
        --color-button-quaternary-default: var(--color-grey-black-opacity-40);
        --color-button-quaternary-hover: var(--color-grey-black-opacity-60);
        --color-button-ghost-default: var(--color-grey-400);
        --color-button-ghost-hover: var(--color-grey-100);
        --color-button-segmented-primary-default: var(--color-grey-white);
        --color-button-segmented-primary-hover: var(--color-grey-50);
        --color-button-segmented-secondary-default: var(--color-grey-100);
        --color-button-segmented-secondary-hover: var(--color-grey-150);
        --color-control-on-dark-default: var(--color-grey-white);
        --color-control-on-dark-disabled: var(--color-grey-white-opacity-40);
        --color-control-primary-default: var(--color-grey-500);
        --color-control-primary-overlay: var(--color-grey-500-opacity-12);
        --color-control-brand-primary-default: var(--color-red-500);
        --color-divider-primary: var(--color-grey-150);
        --color-control-brand-overlay: var(--color-red-500-opacity-12);
        --color-divider-secondary: var(--color-grey-100);
        --color-divider-brand: var(--color-red-500);
        --color-divider-highlight-primary: var(--color-yellow-700);
        --color-divider-highlight-secondary: var(--color-yellow-500);
        --color-icon-primary-default: var(--color-grey-500);
        --color-icon-secondary-default: var(--color-grey-400);
        --color-icon-on-dark-default: var(--color-grey-white);
        --color-icon-brand-primary-default: var(--color-red-500);
        --color-icon-alert-default: var(--color-crimson-500);
        --color-icon-flag-china: var(--color-yellow-500);
        --color-link-in-component-primary: var(--color-grey-500);
        --color-link-in-component-brand-primary: var(--color-red-500);
        --color-link-in-component-brand-secondary: var(--color-blue-900);
        --color-link-headline-default: var(--color-grey-500);
        --color-link-headline-hover: var(--color-blue-900);
        --color-link-headline-on-dark-default: var(--color-grey-200);
        --color-link-headline-on-dark-hover: var(--color-blue-150);
        --color-link-default: var(--color-grey-400);
        --color-link-hover: var(--color-grey-black);
        --color-link-emphasis-default: var(--color-grey-black);
        --color-link-emphasis-hover: var(--color-grey-400);
        --color-link-highlight-default: var(--color-yellow-700);
        --color-link-highlight-hover: var(--color-yellow-900);
        --color-link-on-dark-default: var(--color-grey-white);
        --color-link-on-dark-hover: var(--color-grey-300);
        --color-input-border-default: var(--color-grey-150);
        --color-input-border-active: var(--color-grey-500);
        --color-input-border-error: var(--color-crimson-500);
        --color-input-text-success: var(--color-blue-300);
        --color-input-text-label: var(--color-grey-300);
        --color-input-text-input: var(--color-grey-500);
        --color-input-text-error: var(--color-crimson-500);
        --color-logo-brand-secondary: var(--color-red-400);
        --color-primary: var(--color-grey-500);
        --color-primary-inverse: var(--color-grey-200);
        --color-secondary: var(--color-grey-400);
        --color-secondary-inverse: var(--color-grey-300);
        --color-brand-primary: var(--color-red-500);
        --color-brand-primary-graphic: var(--color-red-500);
        --color-brand-secondary: var(--color-blue-900);
        --color-emphasis: var(--color-grey-black);
        --color-emphasis-inverse: var(--color-grey-white);
        --color-on-dark: var(--color-grey-white);
        --color-subscriber: var(--color-pink-500);
        --color-highlight: var(--color-yellow-700);
        --color-success: var(--color-blue-500);
        --color-alert: var(--color-crimson-500);
        --animate-fade-out-up: fade-out-up .6s cubic-bezier(.215, .61, .355, 1)forwards;
        --animate-fade-in-up: fade-in-up .6s cubic-bezier(.215, .61, .355, 1)forwards;
        --animate-loader-bar: loader 5s
    }
}

@layer base {

    *,
    :after,
    :before,
    ::backdrop {
        box-sizing: border-box;
        border: 0 solid;
        margin: 0;
        padding: 0
    }

    ::file-selector-button {
        box-sizing: border-box;
        border: 0 solid;
        margin: 0;
        padding: 0
    }

    html,
    :host {
        -webkit-text-size-adjust: 100%;
        tab-size: 4;
        line-height: 1.5;
        font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
        font-feature-settings: var(--default-font-feature-settings, normal);
        font-variation-settings: var(--default-font-variation-settings, normal);
        -webkit-tap-highlight-color: transparent
    }

    hr {
        height: 0;
        color: inherit;
        border-top-width: 1px
    }

    abbr:where([title]) {
        -webkit-text-decoration: underline dotted;
        text-decoration: underline dotted
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-size: inherit;
        font-weight: inherit
    }

    a {
        color: inherit;
        -webkit-text-decoration: inherit;
        text-decoration: inherit
    }

    b,
    strong {
        font-weight: bolder
    }

    code,
    kbd,
    samp,
    pre {
        font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
        font-feature-settings: var(--default-mono-font-feature-settings, normal);
        font-variation-settings: var(--default-mono-font-variation-settings, normal);
        font-size: 1em
    }

    small {
        font-size: 80%
    }

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

    sub {
        bottom: -.25em
    }

    sup {
        top: -.5em
    }

    table {
        text-indent: 0;
        border-color: inherit;
        border-collapse: collapse
    }

    :-moz-focusring {
        outline: auto
    }

    progress {
        vertical-align: baseline
    }

    summary {
        display: list-item
    }

    ol,
    ul,
    menu {
        list-style: none
    }

    img,
    svg,
    video,
    canvas,
    audio,
    iframe,
    embed,
    object {
        vertical-align: middle;
        display: block
    }

    img,
    video {
        max-width: 100%;
        height: auto
    }

    button,
    input,
    select,
    optgroup,
    textarea {
        font: inherit;
        font-feature-settings: inherit;
        font-variation-settings: inherit;
        letter-spacing: inherit;
        color: inherit;
        opacity: 1;
        background-color: #0000;
        border-radius: 0
    }

    ::file-selector-button {
        font: inherit;
        font-feature-settings: inherit;
        font-variation-settings: inherit;
        letter-spacing: inherit;
        color: inherit;
        opacity: 1;
        background-color: #0000;
        border-radius: 0
    }

    :where(select:is([multiple], [size])) optgroup {
        font-weight: bolder
    }

    :where(select:is([multiple], [size])) optgroup option {
        padding-inline-start: 20px
    }

    ::file-selector-button {
        margin-inline-end: 4px
    }

    ::placeholder {
        opacity: 1
    }

    @supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px) {
        ::placeholder {
            color: currentColor
        }

        @supports (color:color-mix(in lab, red, red)) {
            ::placeholder {
                color: color-mix(in oklab, currentcolor 50%, transparent)
            }
        }
    }

    textarea {
        resize: vertical
    }

    ::-webkit-search-decoration {
        -webkit-appearance: none
    }

    ::-webkit-date-and-time-value {
        min-height: 1lh;
        text-align: inherit
    }

    ::-webkit-datetime-edit {
        display: inline-flex
    }

    ::-webkit-datetime-edit-fields-wrapper {
        padding: 0
    }

    ::-webkit-datetime-edit {
        padding-block: 0
    }

    ::-webkit-datetime-edit-year-field {
        padding-block: 0
    }

    ::-webkit-datetime-edit-month-field {
        padding-block: 0
    }

    ::-webkit-datetime-edit-day-field {
        padding-block: 0
    }

    ::-webkit-datetime-edit-hour-field {
        padding-block: 0
    }

    ::-webkit-datetime-edit-minute-field {
        padding-block: 0
    }

    ::-webkit-datetime-edit-second-field {
        padding-block: 0
    }

    ::-webkit-datetime-edit-millisecond-field {
        padding-block: 0
    }

    ::-webkit-datetime-edit-meridiem-field {
        padding-block: 0
    }

    ::-webkit-calendar-picker-indicator {
        line-height: 1
    }

    :-moz-ui-invalid {
        box-shadow: none
    }

    button,
    input:where([type=button], [type=reset], [type=submit]) {
        appearance: button
    }

    ::file-selector-button {
        appearance: button
    }

    ::-webkit-inner-spin-button {
        height: auto
    }

    ::-webkit-outer-spin-button {
        height: auto
    }

    [hidden]:where(:not([hidden=until-found])) {
        display: none !important
    }

    :root {
        --gap: 15px;
        --radius-full: 100px
    }

    *,
    :before,
    :after {
        box-sizing: border-box;
        border-style: solid;
        border-width: 0;
        border-color: var(--color-divider-primary, currentColor)
    }

    html,
    body {
        font-size: 10px;
        font-family: var(--family-noto-sans-sc), Arial, sans-serif;
        font-display: swap;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        backface-visibility: hidden;
        overflow-x: clip
    }

    @media(min-width:992px) {
        a {
            touch-action: none
        }
    }

    a,
    p {
        letter-spacing: .05rem
    }

    p {
        color: var(--color-primary);
        margin-top: 0
    }

    a:hover {
        color: var(--color-link-in-component-brand-primary)
    }

    input,
    textarea:focus,
    input:focus,
    :focus {
        outline: none
    }

    button,
    [type=button],
    [role=button] {
        cursor: pointer
    }
}

@layer components {
    .separator-column-primary {
        column-rule-color: var(--color-grey-250);
        column-rule-style: solid;
        column-rule-width: 1px
    }

    .separator-vertical {
        margin-inline: var(--spacing-8);
        margin-block: var(--spacing-0);
        background-color: var(--color-divider-primary);
        height: 1px
    }

    .separator-vertical-brand {
        margin-inline: auto;
        margin-block: var(--spacing-0);
        background-color: var(--color-divider-brand);
        width: calc(100% - 30px);
        height: 1px
    }

    @media not all and (min-width:992px) {
        .separator-vertical-brand {
            width: 100%
        }
    }

    .content-dropdown-triangle {
        vertical-align: middle;
        border-top-style: var(--tw-border-style);
        border-top-width: 4px;
        border-right-style: var(--tw-border-style);
        border-right-width: 4px;
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 0;
        border-left-style: var(--tw-border-style);
        border-left-width: 4px;
        border-color: var(--color-icon-secondary-default);
        border-left-color: #0000;
        border-right-color: #0000;
        margin-left: 4px;
        display: inline-block
    }

    .content-dropdown-triangle-up {
        vertical-align: middle;
        border-top-style: var(--tw-border-style);
        border-top-width: 0;
        border-right-style: var(--tw-border-style);
        border-right-width: 4px;
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 4px;
        border-left-style: var(--tw-border-style);
        border-left-width: 4px;
        border-color: var(--color-icon-primary-default);
        border-left-color: #0000;
        border-right-color: #0000;
        margin-left: 4px;
        display: inline-block
    }

    .content-primary {
        font-size: var(--font-size-14);
        line-height: var(--line-height-sm);
        letter-spacing: var(--letter-spacing-none);
        font-weight: var(--font-weight-regular);
        --tw-leading: 16px;
        --tw-tracking: .066px;
        letter-spacing: .0066rem;
        color: var(--color-primary);
        line-height: 1.6rem
    }

    .content-secondary,
    .content-quaternary {
        font-size: var(--font-size-14);
        line-height: var(--line-height-sm);
        letter-spacing: var(--letter-spacing-none);
        font-weight: var(--font-weight-regular);
        --tw-leading: 13px;
        --tw-tracking: .066px;
        letter-spacing: .0066rem;
        color: var(--color-secondary-inverse);
        line-height: 1.3rem
    }

    .content-hamburger {
        top: var(--spacing-0);
        left: var(--spacing-0);
        width: 100%;
        height: 100%;
        color: var(--color-primary);
        border-radius: 1.5px;
        position: absolute
    }

    .zodiac-list ul>li:first-child>div,
    .horoscope-list a:first-child div {
        border-top: none !important
    }

    .horoscope-content ul {
        font-size: var(--font-size-18);
        line-height: var(--line-height-md);
        letter-spacing: var(--letter-spacing-sm);
        font-weight: var(--font-weight-regular);
        color: var(--color-primary);
        margin-top: 16px;
        margin-bottom: 16px;
        padding-left: 20px;
        list-style-type: disc
    }

    .horoscope-content p {
        font-size: var(--font-size-18);
        line-height: var(--line-height-md);
        letter-spacing: var(--letter-spacing-sm);
        font-weight: var(--font-weight-regular);
        color: var(--color-primary)
    }

    @media(min-width:375px) {
        .layout-container {
            max-width: 375px
        }
    }

    @media(min-width:576px) {
        .layout-container {
            max-width: 576px
        }
    }

    @media(min-width:768px) {
        .layout-container {
            max-width: 768px
        }
    }

    @media(min-width:992px) {
        .layout-container {
            max-width: 992px
        }
    }

    @media(min-width:1280px) {
        .layout-container {
            max-width: 1280px
        }
    }

    @media(min-width:1440px) {
        .layout-container {
            max-width: 1440px
        }
    }

    @media(min-width:1680px) {
        .layout-container {
            max-width: 1680px
        }
    }

    @media(min-width:96rem) {
        .layout-container {
            max-width: 96rem
        }
    }

    .layout-container {
        box-sizing: border-box;
        width: 100%;
        max-width: 100%;
        height: fit-content;
        padding-inline: var(--spacing-8);
        margin-inline: auto
    }

    @media(min-width:576px) {
        .layout-container {
            max-width: 540px
        }
    }

    @media(min-width:768px) {
        .layout-container {
            max-width: 720px
        }
    }

    @media(min-width:992px) {
        .layout-container {
            max-width: 960px
        }
    }

    @media(min-width:1280px) {
        .layout-container {
            max-width: 1260px
        }
    }

    @media(min-width:1440px) {
        .layout-container {
            max-width: 1400px
        }
    }

    @media(min-width:1680px) {
        .layout-container {
            max-width: 1400px
        }
    }

    .row {
        margin-inline: calc(var(--spacing-8)*-1);
        box-sizing: border-box;
        flex-flow: wrap;
        display: flex
    }

    .tw-col {
        flex-direction: column;
        align-items: flex-start;
        width: 100%;
        display: flex
    }

    .most-read-article-list li {
        counter-increment: step-counter;
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 1px;
        border-color: var(--color-divider-primary);
        display: flex
    }

    .most-read-article-list li:before {
        content: counter(step-counter);
        text-align: left;
        min-width: 24px;
        font-size: var(--font-size-14);
        line-height: var(--line-height-sm);
        letter-spacing: var(--letter-spacing-none);
        font-weight: var(--font-weight-medium);
        --tw-font-weight: var(--font-weight-bold);
        font-weight: var(--font-weight-bold);
        color: var(--color-secondary);
        margin-top: 16px;
        margin-right: 8px;
        padding-top: 3px;
        padding-left: 8px;
        display: block
    }

    .most-read-article-list li:last-child {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 0
    }

    .most-read-article-list li:first-child:before {
        margin-top: var(--spacing-0);
        background-color: var(--color-background-brand-primary);
        color: var(--color-white);
        display: block;
        -webkit-mask: url(/assets/brand-flame-icon-CC8YkE1s.webp) 0 0/24px 24px no-repeat;
        mask: url(/assets/brand-flame-icon-CC8YkE1s.webp) 0 0/24px 24px no-repeat
    }

    .most-read-article-list li:first-child .most-read-card {
        padding-top: var(--spacing-0)
    }

    .most-read-article-list li:nth-child(2):before {
        background-color: var(--color-logo-brand-secondary);
        color: var(--color-white);
        margin-top: 16px;
        display: block;
        -webkit-mask: url(/assets/brand-flame-icon-CC8YkE1s.webp) 0 0/24px 24px no-repeat;
        mask: url(/assets/brand-flame-icon-CC8YkE1s.webp) 0 0/24px 24px no-repeat
    }

    .most-read-article-list li:nth-child(3):before {
        background-color: var(--color-icon-flag-china);
        color: var(--color-white);
        margin-top: 16px;
        display: block;
        -webkit-mask: url(/assets/brand-flame-icon-CC8YkE1s.webp) 0 0/24px 24px no-repeat;
        mask: url(/assets/brand-flame-icon-CC8YkE1s.webp) 0 0/24px 24px no-repeat
    }

    .most-read-article-list li:nth-child(n+4):before {
        color: var(--color-secondary);
        margin-top: 16px;
        display: block
    }

    .ticker-article-list {
        padding-top: 0
    }

    .ticker-article-list li:last-child .ticker:before {
        width: var(--spacing-0) !important
    }

    .category-header {
        width: calc(100% - 142px)
    }

    .finance-widget-list {
        flex-direction: column;
        align-items: center;
        display: flex
    }

    @media(min-width:1279px) {
        .finance-widget-list {
            flex-flow: wrap;
            align-items: flex-start
        }
    }

    .homepage-today-recommended-1-col-layout:after {
        top: var(--spacing-0);
        right: var(--spacing-0);
        z-index: 1;
        background-color: var(--color-white);
        width: 16px;
        height: 100%;
        position: absolute
    }

    @media(min-width:992px) {
        .homepage-today-recommended-1-col-layout:after {
            --tw-content: "";
            content: var(--tw-content)
        }
    }

    .homepage-today-recommended-1-col-layout li:first-of-type a {
        border-top-style: var(--tw-border-style);
        border-top-width: 0
    }

    @media(min-width:992px) {
        .homepage-today-recommended-1-col-layout li:nth-child(2) a {
            border-top-style: var(--tw-border-style);
            border-top-width: 0
        }
    }

    @media(min-width:1280px) {
        .homepage-today-recommended-1-col-layout li:nth-child(2) a {
            border-top-style: var(--tw-border-style);
            border-top-width: 1px
        }
    }

    @media(min-width:992px) {
        .homepage-today-recommended-1-col-layout li:last-of-type a {
            border-top-style: var(--tw-border-style);
            border-top-width: 0
        }
    }

    @media(min-width:1280px) {
        .homepage-today-recommended-1-col-layout li:last-of-type a {
            border-block-style: var(--tw-border-style);
            border-block-width: 1px
        }
    }

    @media(min-width:992px) {
        .homepage-today-recommended-1-col-layout li a {
            border-bottom-style: var(--tw-border-style);
            border-bottom-width: 1px
        }
    }

    @media(min-width:1280px) {
        .homepage-today-recommended-1-col-layout li a {
            border-style: var(--tw-border-style);
            border-width: 0
        }
    }

    .homepage-today-recommended-1-col-layout .card.vertical-article-card.responsive {
        border-top-style: var(--tw-border-style);
        border-top-width: 0
    }

    @media(min-width:992px) {
        .homepage-today-recommended-1-col-layout .card.vertical-article-card.responsive {
            border-bottom-style: var(--tw-border-style);
            border-bottom-width: 1px
        }
    }

    @media(min-width:1280px) {
        .homepage-today-recommended-1-col-layout .card.vertical-article-card.responsive {
            border-style: var(--tw-border-style);
            border-width: 0
        }
    }

    .homepage-today-recommended-1-col-layout .card.vertical-article-card.responsive .card-content {
        min-height: 54px;
        margin-block: 16px
    }

    @media(min-width:992px) {
        .homepage-today-recommended-1-col-layout .card.vertical-article-card.responsive .card-content .content-image {
            display: none
        }
    }

    @media(min-width:1280px) {
        .homepage-today-recommended-1-col-layout .card.vertical-article-card.responsive .card-content .content-image {
            display: block
        }
    }

    .homepage-today-recommended-1-col-layout .card.vertical-article-card.responsive .card-content .content-header {
        min-height: 54px
    }

    @media(min-width:992px) {
        .homepage-today-recommended-1-col-layout .card.vertical-article-card.responsive .card-content .content-header {
            margin-top: var(--spacing-0)
        }
    }

    @media(min-width:1280px) {
        .homepage-today-recommended-1-col-layout .card.vertical-article-card.responsive .card-content .content-header {
            margin-top: 16px
        }
    }

    .homepage-today-recommended-3-col-layout {
        margin: var(--spacing-0);
        position: relative
    }

    @media(min-width:992px) {
        .homepage-today-recommended-3-col-layout li:nth-child(-n+3) .standard-card {
            border-top-style: var(--tw-border-style);
            border-top-width: 0
        }
    }

    .global-xiawucha-section li:nth-child(-n+1) .standard-card {
        border-top-style: var(--tw-border-style);
        border-top-width: 0
    }

    @media(min-width:992px) {
        .homepage_news_finance_layout {
            float: left;
            width: 66.6667%
        }
    }

    @media(min-width:1280px) {
        .homepage_news_finance_layout {
            width: 75%
        }
    }

    .homepage_news_finance_layout .layout-content {
        margin-inline: -20px
    }

    @media(min-width:992px) {

        .homepage_news_finance_layout .layout-content ul li:first-child a,
        .homepage_news_finance_layout .layout-content ul li:nth-child(2) a {
            border-top-style: var(--tw-border-style);
            border-top-width: 0
        }
    }

    .global_grid_column_layout .layout-content {
        margin-inline: -20px
    }

    @media(min-width:992px) {

        .global_grid_column_layout .layout-content ul li:first-child a,
        .global_grid_column_layout .layout-content ul li:nth-child(2) a {
            border-top-style: var(--tw-border-style);
            border-top-width: 0
        }
    }

    .homepage-special-topic-section {
        background-color: var(--color-background-secondary)
    }

    .homepage-special-topic-section .card-content {
        margin-inline: -20px
    }

    @media(min-width:992px) {
        .homepage-special-topic-section .card-content {
            margin-inline: unset
        }
    }

    .homepage-special-topic-section .card-content {
        width: auto;
        padding-block: 16px
    }

    @media(min-width:992px) {
        .homepage-special-topic-section .card-content {
            width: 100%;
            display: flex
        }
    }

    .homepage-special-topic-section .card-content .main-image {
        width: 100%;
        padding-inline: var(--spacing-8);
        margin-bottom: 16px
    }

    @media(min-width:992px) {
        .homepage-special-topic-section .card-content .main-image {
            width: 50%;
            padding-right: var(--spacing-8);
            padding-left: var(--spacing-0)
        }
    }

    .homepage-special-topic-section .card-content ul {
        width: 100%
    }

    @media(min-width:992px) {
        .homepage-special-topic-section .card-content ul {
            border-left-style: var(--tw-border-style);
            border-left-width: 1px;
            border-color: var(--color-divider-primary);
            width: 50%
        }
    }

    .homepage-special-topic-section .card-content ul li {
        margin-left: var(--spacing-8);
        border-top-style: var(--tw-border-style);
        border-top-width: 1px;
        border-color: var(--color-divider-primary);
        margin-right: 20px
    }

    @media(min-width:992px) {
        .homepage-special-topic-section .card-content ul li {
            margin-right: unset
        }
    }

    .homepage-special-topic-section .card-content ul li .link-content {
        margin-block: 16px;
        display: flex
    }

    @media(min-width:992px) {
        .homepage-special-topic-section .card-content ul li .link-content {
            margin-right: var(--spacing-0)
        }
    }

    .homepage-special-topic-section .card-content ul li:first-child {
        border-top-style: var(--tw-border-style);
        border-top-width: 1px
    }

    @media(min-width:992px) {
        .homepage-special-topic-section .card-content ul li:first-child {
            border-top-style: var(--tw-border-style);
            padding-top: var(--spacing-0);
            border-top-width: 0
        }

        .homepage-special-topic-section .card-content ul li:first-child .link-content {
            margin-top: var(--spacing-0)
        }
    }

    .homepage-campaign_carousel-section {
        background-color: var(--color-background-secondary)
    }

    .homepage-forum-entertainment-section .forum-div {
        width: 100%
    }

    @media(min-width:992px) {
        .homepage-forum-entertainment-section .forum-div {
            float: left;
            width: 66.6667%
        }
    }

    @media(min-width:1280px) {
        .homepage-forum-entertainment-section .forum-div {
            width: 75%
        }
    }

    @media(min-width:992px) {

        .homepage-forum-entertainment-section .forum-div .forum-content ul li:first-child a,
        .homepage-forum-entertainment-section .forum-div .forum-content ul li:nth-child(2) a {
            border-top-style: var(--tw-border-style);
            border-top-width: 0
        }
    }

    .homepage-forum-entertainment-section .podcast-sidebar {
        width: 100%
    }

    @media(min-width:992px) {
        .homepage-forum-entertainment-section .podcast-sidebar {
            float: right;
            margin-top: var(--spacing-0);
            width: 33.3333% !important
        }
    }

    @media(min-width:1280px) {
        .homepage-forum-entertainment-section .podcast-sidebar {
            width: 25% !important
        }
    }

    .homepage-forum-entertainment-section .entertainment-div {
        background-color: var(--color-background-secondary)
    }

    @media(min-width:992px) {
        .homepage-forum-entertainment-section .entertainment-div {
            float: left;
            width: 66.6667%
        }
    }

    @media(min-width:1280px) {
        .homepage-forum-entertainment-section .entertainment-div {
            width: 75%
        }
    }

    @media(min-width:992px) {
        .global-xiawucha-section .entertainment-div .entertainment-content ul {
            display: flex
        }

        .global-xiawucha-section .entertainment-div .entertainment-content ul li {
            width: 33.3333%
        }
    }

    .brightcove-container {
        width: auto;
        padding: var(--spacing-0);
        overflow: hidden
    }

    .brightcove-container .brightcove-video-main {
        width: 100%;
        max-width: 100%;
        padding-top: 56.25%;
        position: relative;
        overflow: hidden
    }

    .brightcove-container .brightcove-video-main .video-js {
        top: var(--spacing-0);
        right: var(--spacing-0);
        bottom: var(--spacing-0);
        left: var(--spacing-0);
        border-style: var(--tw-border-style);
        border-width: 0;
        width: 100% !important;
        height: 100% !important;
        position: absolute !important
    }

    .brightcove-container .brightcove-video-main .video-js .vjs-control-bar .vjs-progress-control .vjs-progress-holder {
        background-color: #fff9
    }

    .brightcove-container .brightcove-video-main .video-js .vjs-control-bar .vjs-progress-control .vjs-progress-holder .vjs-play-progress {
        background-color: var(--color-white)
    }

    .brightcove-container .brightcove-video-main .video-js .vjs-control-bar .vjs-progress-control .vjs-progress-holder .vjs-load-progress {
        background-color: #fffc !important
    }

    .brightcove-container .brightcove-video-main .video-js .vjs-load-progress {
        background-color: #fffc
    }

    .brightcove-container .brightcove-video-main {
        border-radius: 0
    }

    .brightcove-container .brightcove-video-main .vjs-dock-shelf {
        display: none !important
    }

    .card-listing {
        width: 100%
    }

    :is(.card-listing li:first-child, .card-listing li:nth-child(8)) .vertical-article-card.responsive {
        border-top-style: var(--tw-border-style);
        border-top-width: 0
    }

    @media(min-width:992px) {
        :is(.card-listing li:first-child, .card-listing li:nth-child(8)) .vertical-article-card.responsive {
            border-top-color: initial
        }
    }

    .card-listing li:first-child .timestamp-card {
        border-top-style: var(--tw-border-style);
        border-top-width: 0
    }

    @media(min-width:992px) {
        .card-listing li:first-child .timestamp-card {
            border-top-color: initial
        }
    }

    .google-ad #dfp-ad-midarticlespecial,
    .google-ad #dfp-ad-imu1 {
        text-align: -webkit-center !important
    }

    .google-ad.masthead-google-ad #google-ad-header {
        display: none
    }

    .card-icon {
        background-color: var(--color-background-primary);
        border-radius: 3.40282e38px;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 32px;
        height: 32px;
        margin-right: 8px;
        display: flex
    }

    .card-icon img {
        width: 24px;
        height: 24px
    }

    .card .heading-link {
        position: relative
    }

    .card .heading-link:before {
        content: "";
        bottom: var(--spacing-0);
        left: var(--spacing-0);
        height: var(--spacing-0);
        background-color: var(--color-background-brand-primary);
        opacity: 0;
        width: 100%;
        transition: opacity .4s cubic-bezier(.215, .61, .355, 1), visibility .4s cubic-bezier(.215, .61, .355, 1), height .4s cubic-bezier(.215, .61, .355, 1);
        position: absolute
    }

    .card .heading-link:hover:before {
        opacity: 1;
        height: 2px
    }

    .card.vertical-article-card {
        margin-inline: var(--spacing-8)
    }

    .card.vertical-article-card .card-content {
        padding-block: 16px
    }

    .card.vertical-article-card .card-content .content-image {
        aspect-ratio: 3/2;
        display: block;
        position: relative
    }

    .card.vertical-article-card .card-content .content-image img {
        border-radius: 4px
    }

    .card.vertical-article-card .card-content h2 {
        -webkit-line-clamp: 2;
        font-size: var(--font-size-18);
        line-height: var(--line-height-sm);
        letter-spacing: var(--letter-spacing-none);
        font-weight: var(--font-weight-regular);
        color: var(--color-link-headline-default);
        -webkit-box-orient: vertical;
        display: -webkit-box;
        overflow: hidden
    }

    .card.vertical-article-card .card-content h2:hover {
        color: var(--color-link-headline-hover)
    }

    .card.vertical-article-card .card-content .content-header {
        min-height: 76px;
        margin-top: 16px
    }

    .card.vertical-article-card .card-content .content-header .timestamp {
        font-size: var(--font-size-12);
        line-height: var(--line-height-sm);
        letter-spacing: var(--letter-spacing-none);
        font-weight: var(--font-weight-regular);
        color: var(--color-secondary);
        margin-top: 4px
    }

    .card.vertical-article-card.quote-card .card-content .content-header {
        justify-content: flex-start;
        width: 100%;
        display: flex
    }

    .card.vertical-article-card.quote-card .card-content .content-header:before {
        --tw-content: "";
        content: var(--tw-content);
        background-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M11%2015.1205C11%2017.6058%208.98528%2019.6205%206.5%2019.6205C4.01472%2019.6205%202%2017.6058%202%2015.1205C2%2012.6353%204.01472%2010.6205%206.5%2010.6205C8.98528%2010.6205%2011%2012.6353%2011%2015.1205Z'%20fill='%23003866'/%3e%3cpath%20d='M22%2015.1205C22%2017.6058%2019.9853%2019.6205%2017.5%2019.6205C15.0147%2019.6205%2013%2017.6058%2013%2015.1205C13%2012.6353%2015.0147%2010.6205%2017.5%2010.6205C19.9853%2010.6205%2022%2012.6353%2022%2015.1205Z'%20fill='%23003866'/%3e%3cpath%20d='M8.30361%204.7448C4.65681%205.59376%202%209.38575%202%2013.6205V14.6205C2%2015.1728%202.44772%2015.6205%203%2015.6205H5C5.55228%2015.6205%206%2015.1728%206%2014.6205V13.6205C6%2011.0926%206.71004%208.20969%208.72843%207.06581C9.31377%206.73408%209.69538%206.0113%209.39449%205.40953L9.31641%205.25336C9.1268%204.87414%208.71655%204.64867%208.30361%204.7448Z'%20fill='%23003866'/%3e%3cpath%20d='M19.3036%204.7448C15.6568%205.59376%2013%209.38575%2013%2013.6205V14.6205C13%2015.1728%2013.4477%2015.6205%2014%2015.6205H16C16.5523%2015.6205%2017%2015.1728%2017%2014.6205V13.6205C17%2011.0926%2017.71%208.20969%2019.7284%207.06581C20.3138%206.73408%2020.6954%206.0113%2020.3945%205.40953L20.3164%205.25336C20.1268%204.87414%2019.7165%204.64867%2019.3036%204.7448Z'%20fill='%23003866'/%3e%3c/svg%3e");
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: 26px 26px;
        min-width: 26px;
        height: 26px;
        margin-top: -2px;
        margin-right: 4px;
        display: block
    }

    .card.vertical-article-card.inverse .card-content .content-header h2 {
        color: var(--color-link-headline-on-dark-default)
    }

    .card.vertical-article-card.inverse .card-content .content-header h2:hover {
        color: var(--color-link-headline-on-dark-hover)
    }

    .card.vertical-article-card.inverse .card-content .content-header .timestamp {
        color: var(--color-secondary-inverse)
    }

    .card.vertical-article-card.responsive {
        border-top-style: var(--tw-border-style);
        border-top-width: 1px;
        border-color: var(--color-divider-primary);
        display: flex
    }

    @media(min-width:992px) {
        .card.vertical-article-card.responsive {
            border-top-style: var(--tw-border-style);
            border-top-width: 0
        }
    }

    .card.vertical-article-card.responsive .card-content {
        width: 100%;
        min-height: 103px;
        padding-block: unset;
        margin-block: 16px;
        display: flex
    }

    @media(min-width:992px) {
        .card.vertical-article-card.responsive .card-content {
            display: block
        }
    }

    .card.vertical-article-card.responsive .card-content .content-image {
        order: 2;
        width: 40%
    }

    @media(min-width:992px) {
        .card.vertical-article-card.responsive .card-content .content-image {
            width: inherit;
            order: 1
        }
    }

    .card.vertical-article-card.responsive .card-content .content-header {
        margin-top: var(--spacing-0);
        width: 60%;
        padding-right: 8px
    }

    @media(min-width:992px) {
        .card.vertical-article-card.responsive .card-content .content-header {
            width: 100%;
            padding-right: var(--spacing-0);
            margin-top: 16px
        }
    }

    .card.vertical-article-card.responsive .card-content h2 {
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        overflow: hidden
    }

    @media(min-width:992px) {
        .card.vertical-article-card.responsive .card-content h2 {
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            display: -webkit-box;
            overflow: hidden
        }
    }

    .card.standard-card {
        margin-inline: var(--spacing-8);
        border-top-style: var(--tw-border-style);
        border-top-width: 1px;
        border-top-color: var(--color-divider-primary);
        flex-direction: row;
        justify-content: flex-start;
        display: flex;
        position: relative
    }

    .card.standard-card .card-content {
        width: 100%;
        min-height: 81px;
        margin-block: 16px;
        display: flex
    }

    .card.standard-card .card-content .content-header {
        padding-right: 8px
    }

    .card.standard-card .card-content .content-header h2 {
        -webkit-line-clamp: 3;
        font-size: var(--font-size-18);
        line-height: var(--line-height-sm);
        letter-spacing: var(--letter-spacing-none);
        font-weight: var(--font-weight-regular);
        color: var(--color-link-headline-default);
        -webkit-box-orient: vertical;
        display: -webkit-box;
        overflow: hidden
    }

    .card.standard-card .card-content .content-header:hover h2 {
        color: var(--color-link-headline-hover) !important
    }

    .card.standard-card.no-image {
        width: auto
    }

    @media(min-width:992px) {
        .card.standard-card.no-image .card-content {
            min-height: 54px
        }
    }

    .card.standard-card.no-image .card-content.desktop-content {
        min-height: 76px
    }

    .card.standard-card.no-image .card-content.mobile-content {
        min-height: 103px
    }

    @media(min-width:992px) {
        .card.standard-card.no-image .card-content.mobile-content {
            min-height: 76px
        }

        .card.standard-card.no-image .card-content .content-header {
            width: auto !important
        }

        .card.standard-card.no-image .card-content .content-header h2 {
            -webkit-line-clamp: 2 !important;
            -webkit-box-orient: vertical !important;
            display: -webkit-box !important;
            overflow: hidden !important
        }
    }

    .card.standard-card.no-image picture {
        width: 40%
    }

    @media(min-width:992px) {
        .card.standard-card.no-image picture {
            display: none
        }
    }

    .card.standard-card.quote-card:before {
        --tw-content: "";
        content: var(--tw-content);
        background-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M11%2015.1205C11%2017.6058%208.98528%2019.6205%206.5%2019.6205C4.01472%2019.6205%202%2017.6058%202%2015.1205C2%2012.6353%204.01472%2010.6205%206.5%2010.6205C8.98528%2010.6205%2011%2012.6353%2011%2015.1205Z'%20fill='%23003866'/%3e%3cpath%20d='M22%2015.1205C22%2017.6058%2019.9853%2019.6205%2017.5%2019.6205C15.0147%2019.6205%2013%2017.6058%2013%2015.1205C13%2012.6353%2015.0147%2010.6205%2017.5%2010.6205C19.9853%2010.6205%2022%2012.6353%2022%2015.1205Z'%20fill='%23003866'/%3e%3cpath%20d='M8.30361%204.7448C4.65681%205.59376%202%209.38575%202%2013.6205V14.6205C2%2015.1728%202.44772%2015.6205%203%2015.6205H5C5.55228%2015.6205%206%2015.1728%206%2014.6205V13.6205C6%2011.0926%206.71004%208.20969%208.72843%207.06581C9.31377%206.73408%209.69538%206.0113%209.39449%205.40953L9.31641%205.25336C9.1268%204.87414%208.71655%204.64867%208.30361%204.7448Z'%20fill='%23003866'/%3e%3cpath%20d='M19.3036%204.7448C15.6568%205.59376%2013%209.38575%2013%2013.6205V14.6205C13%2015.1728%2013.4477%2015.6205%2014%2015.6205H16C16.5523%2015.6205%2017%2015.1728%2017%2014.6205V13.6205C17%2011.0926%2017.71%208.20969%2019.7284%207.06581C20.3138%206.73408%2020.6954%206.0113%2020.3945%205.40953L20.3164%205.25336C20.1268%204.87414%2019.7165%204.64867%2019.3036%204.7448Z'%20fill='%23003866'/%3e%3c/svg%3e");
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: 26px 26px;
        width: 26px;
        height: 26px;
        margin-top: 16px;
        margin-right: 8px;
        display: block
    }

    .card.standard-card.quote-card .card-content {
        min-height: 54px
    }

    .card.standard-card.quote-card .card-content .content-header {
        width: 100% !important
    }

    .card.standard-card.quote-card .card-content .content-header h2 {
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        overflow: hidden
    }

    .card.standard-card.quote-card picture {
        display: none
    }

    .card.most-read-card {
        width: 100%;
        min-height: 81px;
        padding-block: 1.6rem
    }

    .card.most-read-card .card-content {
        min-height: 81px;
        display: flex
    }

    .card.most-read-card .card-content .content-header {
        display: block
    }

    .card.most-read-card .card-content .content-header h2 {
        font-size: var(--font-size-18);
        line-height: var(--line-height-sm);
        letter-spacing: var(--letter-spacing-none);
        font-weight: var(--font-weight-regular);
        color: var(--color-link-headline-default)
    }

    .card.most-read-card .card-content .content-header h2:hover {
        color: var(--color-link-headline-hover)
    }

    .card.ticker-card {
        position: relative
    }

    .card.ticker-card .card-content {
        transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration));
        --tw-duration: .3s;
        transition-duration: .3s
    }

    .card.ticker-card .card-content .ticker:before {
        background-color: var(--color-background-brand-secondary);
        --tw-content: "";
        content: var(--tw-content);
        width: 2px;
        height: calc(100% + 12px);
        position: absolute;
        top: 9px;
        left: 4px
    }

    .card.ticker-card .card-content .content-header {
        padding-left: 26px
    }

    .card.timestamp-card {
        border-top-style: var(--tw-border-style);
        --tw-border-style: solid;
        border-style: solid;
        border-top-width: 1px;
        border-color: var(--color-divider-primary);
        padding-block: 16px
    }

    .card.timestamp-card .card-content {
        align-items: center;
        display: flex
    }

    :where(.card.timestamp-card .card-content>:not(:last-child)) {
        --tw-space-x-reverse: 0;
        margin-inline-start: calc(8px*var(--tw-space-x-reverse));
        margin-inline-end: calc(8px*calc(1 - var(--tw-space-x-reverse)))
    }

    .card.timestamp-card .card-content .card-header {
        -webkit-line-clamp: 1;
        font-size: var(--font-size-18);
        line-height: var(--line-height-sm);
        letter-spacing: var(--letter-spacing-none);
        font-weight: var(--font-weight-regular);
        color: var(--color-link-headline-default);
        -webkit-box-orient: vertical;
        flex: 1;
        display: -webkit-box;
        overflow: hidden
    }

    @media(hover:hover) {
        .card.timestamp-card .card-content .card-header:hover {
            color: var(--color-link-headline-hover)
        }
    }

    .card.immediate-article-card {
        margin-inline: var(--spacing-8);
        border-bottom-style: var(--tw-border-style);
        --tw-border-style: solid;
        border-style: solid;
        border-bottom-width: 1px;
        border-color: var(--color-divider-primary);
        padding-block: 16px
    }

    .card.immediate-article-card .card-content {
        flex-direction: column;
        gap: 4px;
        height: 76px;
        display: flex
    }

    .card.immediate-article-card .card-content .card-header {
        -webkit-line-clamp: 2;
        font-size: var(--font-size-18);
        line-height: var(--line-height-sm);
        letter-spacing: var(--letter-spacing-none);
        font-weight: var(--font-weight-regular);
        color: var(--color-link-headline-default);
        -webkit-box-orient: vertical;
        display: -webkit-box;
        overflow: hidden
    }

    @media(hover:hover) {
        .card.immediate-article-card .card-content .card-header:hover {
            color: var(--color-link-headline-hover)
        }
    }

    .news-feature-card {
        margin-inline: var(--spacing-8);
        flex-direction: column;
        height: max-content;
        margin-block: 16px;
        display: flex;
        position: relative
    }

    .news-feature-card .card-content {
        bottom: var(--spacing-0);
        --tw-gradient-position: to bottom;
        border-radius: 4px;
        width: 100%;
        height: 100%;
        position: absolute
    }

    @supports (background-image:linear-gradient(in lab, red, red)) {
        .news-feature-card .card-content {
            --tw-gradient-position: to bottom in oklab
        }
    }

    .news-feature-card .card-content {
        background-image: linear-gradient(var(--tw-gradient-stops));
        --tw-gradient-from: transparent;
        --tw-gradient-via: transparent;
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-via)var(--tw-gradient-via-position), var(--tw-gradient-to)var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position));
        --tw-gradient-to: color-mix(in oklab, var(--color-black)80%, transparent);
        padding-inline: var(--spacing-8)
    }

    .news-feature-card .card-content h2 {
        -webkit-line-clamp: 2;
        width: calc(100% - 40px);
        font-size: var(--font-size-24);
        line-height: var(--line-height-sm);
        letter-spacing: var(--letter-spacing-sm);
        font-weight: var(--font-weight-medium);
        color: var(--color-on-dark);
        -webkit-box-orient: vertical;
        display: -webkit-box;
        position: absolute;
        bottom: 16px;
        overflow: hidden
    }

    .news-feature-card .card-content p {
        font-size: var(--font-size-18);
        line-height: var(--line-height-md);
        letter-spacing: var(--letter-spacing-sm);
        font-weight: var(--font-weight-regular);
        color: var(--color-secondary);
        display: none
    }

    @media(min-width:992px) {
        .news-feature-card .card-content p {
            padding-top: 16px;
            overflow: hidden
        }
    }

    @media(min-width:1280px) {
        .news-feature-card .card-content p {
            -webkit-line-clamp: 5;
            -webkit-box-orient: vertical;
            display: -webkit-box;
            overflow: hidden
        }
    }

    .news-feature-card .card-image-container {
        aspect-ratio: 3/2;
        width: 100%;
        height: auto
    }

    .news-feature-card .card-image-container img {
        object-fit: cover;
        object-position: center;
        border-radius: 4px;
        overflow: hidden
    }

    .newsticker-link-item {
        top: var(--spacing-0);
        --tw-translate-y: 100%;
        width: 100%;
        translate: var(--tw-translate-x)var(--tw-translate-y);
        animation: var(--animate-fade-out-up);
        position: absolute
    }

    .newsticker-link-item.is-active {
        visibility: hidden;
        --tw-translate-y: var(--spacing-0);
        translate: var(--tw-translate-x)var(--tw-translate-y);
        animation: var(--animate-fade-in-up);
        opacity: 0;
        position: relative
    }

    @media(min-width:992px) {
        .newsticker-link-item a {
            width: 100%;
            position: absolute;
            top: -10px
        }
    }

    .author-page-articles .vertical-article-card {
        gap: 16px;
        display: flex
    }

    @media(min-width:992px) {
        .author-page-articles .vertical-article-card {
            padding: var(--spacing-0);
            flex-direction: column
        }
    }

    .author-page-articles .vertical-article-card>a {
        width: 70%
    }

    @media(min-width:992px) {
        .author-page-articles .vertical-article-card>a {
            width: unset
        }
    }

    .author-page-articles .vertical-article-card>div {
        padding: var(--spacing-0)
    }

    .newsletter-form input[type=text] {
        color: var(--color-input-text-input)
    }

    .newsletter-form input[type=text]:-webkit-autofill {
        -webkit-box-shadow: 0 0 0 30px var(--color-background-primary)inset
    }

    :-webkit-any(.newsletter-form input[type=text]:-webkit-autofill:focus, .newsletter-form input[type=text]:-webkit-autofill:active, .newsletter-form input[type=text]:-webkit-autofill:hover) {
        -webkit-box-shadow: 0 0 0 30px var(--color-background-primary)inset
    }

    :is(.newsletter-form input[type=text]:autofill:focus, .newsletter-form input[type=text]:autofill:active, .newsletter-form input[type=text]:autofill:hover) {
        -webkit-box-shadow: 0 0 0 30px var(--color-background-primary)inset
    }

    .web2-modal-overlay {
        inset: var(--spacing-0);
        top: var(--spacing-0);
        right: var(--spacing-0);
        bottom: var(--spacing-0);
        left: var(--spacing-0);
        width: 100%;
        height: 100%;
        transition-property: opacity;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration));
        justify-content: center;
        align-items: center;
        display: flex;
        position: fixed
    }

    .web2-modal-backdrop {
        inset: var(--spacing-0);
        top: var(--spacing-0);
        right: var(--spacing-0);
        bottom: var(--spacing-0);
        left: var(--spacing-0);
        z-index: -10;
        cursor: auto;
        background-color: var(--color-background-overlay-primary);
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
        display: flex;
        position: absolute
    }

    .web2-modal-content {
        background-color: var(--color-background-primary);
        border-radius: 4px;
        flex-direction: row;
        display: flex;
        position: relative;
        box-shadow: 0 0 9px #31313180
    }

    @media not all and (min-width:992px) {
        .web2-modal-content {
            max-width: 88%
        }
    }

    @media(min-width:992px) {
        .web2-modal-content {
            min-width: 707px;
            max-width: 707px
        }
    }

    .web2-modal-input {
        border-style: var(--tw-border-style);
        border-width: 1px;
        border-color: var(--color-input-border-default);
        width: 100%;
        padding-block: 8px;
        padding-right: var(--spacing-8);
        color: var(--color-input-text-label);
        outline-offset: -2px;
        --tw-outline-style: none;
        background-color: #0000;
        border-radius: 100px;
        outline-style: none;
        padding-left: 15px;
        font-size: var(--font-size-16) !important;
        line-height: var(--line-height-sm) !important;
        letter-spacing: var(--letter-spacing-sm) !important;
        font-weight: var(--font-weight-regular) !important
    }

    .web2-modal-input::placeholder {
        font-size: var(--font-size-16);
        line-height: var(--line-height-sm);
        letter-spacing: var(--letter-spacing-sm);
        font-weight: var(--font-weight-regular);
        color: var(--color-input-text-label)
    }

    .web2-modal-input {
        transition: border-color .3s cubic-bezier(.215, .61, .355, 1)
    }

    .web2-modal-input::-webkit-search-cancel-button {
        -webkit-appearance: none
    }

    .web2-modal-input:-webkit-autofill {
        -webkit-box-shadow: 0 0 0 30px var(--color-background-tertiary)inset !important
    }

    :-webkit-any(.web2-modal-input:-webkit-autofill:focus, .web2-modal-input:-webkit-autofill:active, .web2-modal-input:-webkit-autofill:hover) {
        -webkit-box-shadow: 0 0 0 30px var(--color-background-tertiary)inset !important
    }

    :is(.web2-modal-input:autofill:focus, .web2-modal-input:autofill:active, .web2-modal-input:autofill:hover) {
        -webkit-box-shadow: 0 0 0 30px var(--color-background-tertiary)inset !important
    }

    .web2-modal-close {
        z-index: 10;
        cursor: pointer;
        background-color: var(--color-button-secondary-default);
        width: 30px;
        height: 30px;
        transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration));
        --tw-duration: .4s;
        --tw-ease: var(--ease-in-out);
        transition-duration: .4s;
        transition-timing-function: var(--ease-in-out);
        border-radius: 3.40282e38px;
        position: absolute;
        top: -15px;
        right: -15px
    }

    .web2-modal-close:hover {
        background-color: #464646bf
    }

    .web2-modal-close:hover:before,
    .web2-modal-close:hover:after {
        --tw-scale-x: 90%;
        --tw-scale-y: 90%;
        --tw-scale-z: 90%;
        scale: var(--tw-scale-x)var(--tw-scale-y)
    }

    .web2-modal-close:before,
    .web2-modal-close:after {
        content: "";
        background-color: #fff;
        width: 2px;
        height: 13px;
        transition: transform .4s cubic-bezier(.215, .61, .355, 1);
        position: absolute;
        top: calc(50% - 6px);
        left: calc(50% - 1px)
    }

    .web2-modal-close:before {
        --tw-scale-x: 100%;
        --tw-scale-y: 100%;
        --tw-scale-z: 100%;
        scale: var(--tw-scale-x)var(--tw-scale-y);
        rotate: 45deg
    }

    .web2-modal-close:after {
        --tw-scale-x: 100%;
        --tw-scale-y: 100%;
        --tw-scale-z: 100%;
        scale: var(--tw-scale-x)var(--tw-scale-y);
        rotate: -45deg
    }

    .web2-popover-wrapper {
        background-color: var(--color-white);
        --tw-shadow: 2px -2px 10px 3px var(--tw-shadow-color, #00000026);
        width: 240px;
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        z-index: 45;
        border-radius: 4px;
        position: absolute;
        top: 43px;
        right: 0
    }

    .popover-box {
        background: url(/assets/gift-popover-ring-Bxn9RskQ.webp) -2px 75px/auto 79px no-repeat
    }

    .trangle {
        z-index: 49;
        border: 10px solid #0000;
        border-bottom-color: #fff;
        width: 0;
        height: 0;
        position: absolute;
        top: -20px;
        right: calc(18% - 10px)
    }

    .trangle-bg {
        z-index: 46;
        border: 11px solid #0000;
        border-bottom-color: #f1f1f1;
        width: 0;
        height: 0;
        position: absolute;
        top: -22px;
        right: calc(18% - 11px)
    }

    .highlight-keyword {
        --tw-font-weight: var(--font-weight-bold);
        font-weight: var(--font-weight-bold);
        color: var(--color-brand-primary)
    }

    .group:hover .search-card-title .highlight-keyword {
        color: var(--color-link-headline-hover)
    }
}

@layer utilities {
    .pointer-events-auto {
        pointer-events: auto
    }

    .pointer-events-none {
        pointer-events: none
    }

    .collapse {
        visibility: collapse
    }

    .invisible {
        visibility: hidden
    }

    .visible {
        visibility: visible
    }

    .\!relative {
        position: relative !important
    }

    .absolute {
        position: absolute
    }

    .fixed {
        position: fixed
    }

    .relative {
        position: relative
    }

    .static {
        position: static
    }

    .sticky {
        position: sticky
    }

    .inset-0 {
        inset: var(--spacing-0)
    }

    .inset-\[8\.333\%\] {
        inset: 8.333%
    }

    .inset-x-0 {
        inset-inline: var(--spacing-0)
    }

    .\!top-0 {
        top: var(--spacing-0) !important
    }

    .\!top-2 {
        top: var(--spacing-2) !important
    }

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

    .\!top-\[calc\(50\%-45px\)\] {
        top: calc(50% - 45px) !important
    }

    .\!top-\[unset\] {
        top: unset !important
    }

    .-top-\[3px\] {
        top: -3px
    }

    .-top-\[17\.5px\] {
        top: -17.5px
    }

    .top-0 {
        top: var(--spacing-0)
    }

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

    .top-4 {
        top: var(--spacing-4)
    }

    .top-6 {
        top: var(--spacing-6)
    }

    .top-12 {
        top: var(--spacing-12)
    }

    .top-\[3px\] {
        top: 3px
    }

    .top-\[5px\] {
        top: 5px
    }

    .top-\[6px\] {
        top: 6px
    }

    .top-\[7px\] {
        top: 7px
    }

    .top-\[8px\] {
        top: 8px
    }

    .top-\[10px\] {
        top: 10px
    }

    .top-\[18px\] {
        top: 18px
    }

    .top-\[39px\] {
        top: 39px
    }

    .top-\[40px\] {
        top: 40px
    }

    .top-\[45px\] {
        top: 45px
    }

    .top-\[50\%\] {
        top: 50%
    }

    .top-\[50px\] {
        top: 50px
    }

    .top-\[calc\(50\%-46px\)\] {
        top: calc(50% - 46px)
    }

    .top-\[calc\(50\%-55px\)\] {
        top: calc(50% - 55px)
    }

    .top-full {
        top: 100%
    }

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

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

    .right-0 {
        right: var(--spacing-0)
    }

    .right-4 {
        right: var(--spacing-4)
    }

    .right-10 {
        right: var(--spacing-10)
    }

    .right-\[-1px\] {
        right: -1px
    }

    .right-\[-20px\] {
        right: -20px
    }

    .right-\[1px\] {
        right: 1px
    }

    .right-\[8px\] {
        right: 8px
    }

    .right-\[9px\] {
        right: 9px
    }

    .right-\[15px\] {
        right: 15px
    }

    .right-\[16px\] {
        right: 16px
    }

    .right-\[20px\] {
        right: 20px
    }

    .right-\[28px\] {
        right: 28px
    }

    .-bottom-\[455px\] {
        bottom: -455px
    }

    .-bottom-\[475px\] {
        bottom: -475px
    }

    .-bottom-\[538px\] {
        bottom: -538px
    }

    .bottom-0 {
        bottom: var(--spacing-0)
    }

    .bottom-\[-16px\] {
        bottom: -16px
    }

    .bottom-\[16px\] {
        bottom: 16px
    }

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

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

    .left-0 {
        left: var(--spacing-0)
    }

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

    .left-\[-14px\] {
        left: -14px
    }

    .left-\[-20px\] {
        left: -20px
    }

    .left-\[8px\] {
        left: 8px
    }

    .left-\[16px\] {
        left: 16px
    }

    .left-\[20px\] {
        left: 20px
    }

    .left-\[28px\] {
        left: 28px
    }

    .left-\[50\%\] {
        left: 50%
    }

    .left-\[unset\] {
        left: unset
    }

    .left-auto {
        left: auto
    }

    .z-0 {
        z-index: 0
    }

    .z-10 {
        z-index: 10
    }

    .z-40 {
        z-index: 40
    }

    .z-50 {
        z-index: 50
    }

    .z-100 {
        z-index: 100
    }

    .z-10000 {
        z-index: 10000
    }

    .z-10001 {
        z-index: 10001
    }

    .z-10002 {
        z-index: 10002
    }

    .z-\[1\] {
        z-index: 1
    }

    .z-\[2\] {
        z-index: 2
    }

    .z-\[5\] {
        z-index: 5
    }

    .z-\[9\] {
        z-index: 9
    }

    .z-\[43\] {
        z-index: 43
    }

    .z-\[44\] {
        z-index: 44
    }

    .z-\[46\] {
        z-index: 46
    }

    .z-\[50\] {
        z-index: 50
    }

    .z-\[100\] {
        z-index: 100
    }

    .z-\[120\] {
        z-index: 120
    }

    .z-\[1000\] {
        z-index: 1000
    }

    .order-1 {
        order: 1
    }

    .order-2 {
        order: 2
    }

    .order-first {
        order: -9999
    }

    .order-last {
        order: 9999
    }

    .col-span-1 {
        grid-column: span 1/span 1
    }

    .col-span-2 {
        grid-column: span 2/span 2
    }

    .col-span-3 {
        grid-column: span 3/span 3
    }

    .col-span-4 {
        grid-column: span 4/span 4
    }

    .col-span-full {
        grid-column: 1/-1
    }

    .clear-both {
        clear: both
    }

    .container {
        width: 100%
    }

    @media(min-width:375px) {
        .container {
            max-width: 375px
        }
    }

    @media(min-width:576px) {
        .container {
            max-width: 576px
        }
    }

    @media(min-width:768px) {
        .container {
            max-width: 768px
        }
    }

    @media(min-width:992px) {
        .container {
            max-width: 992px
        }
    }

    @media(min-width:1280px) {
        .container {
            max-width: 1280px
        }
    }

    @media(min-width:1440px) {
        .container {
            max-width: 1440px
        }
    }

    @media(min-width:1680px) {
        .container {
            max-width: 1680px
        }
    }

    @media(min-width:96rem) {
        .container {
            max-width: 96rem
        }
    }

    .\!m-0 {
        margin: var(--spacing-0) !important
    }

    .m-0 {
        margin: var(--spacing-0)
    }

    .m-\[6px\] {
        margin: 6px
    }

    .m-auto {
        margin: auto
    }

    .\!mx-\[20px\] {
        margin-inline: 20px !important
    }

    .-mx-8 {
        margin-inline: calc(var(--spacing-8)*-1)
    }

    .-mx-\[8pxx\] {
        margin-inline: -8pxx
    }

    .-mx-\[20px\] {
        margin-inline: -20px
    }

    .mx-0 {
        margin-inline: var(--spacing-0)
    }

    .mx-8 {
        margin-inline: var(--spacing-8)
    }

    .mx-\[-2rem\] {
        margin-inline: -2rem
    }

    .mx-\[2px\] {
        margin-inline: 2px
    }

    .mx-\[8px\] {
        margin-inline: 8px
    }

    .mx-\[16px\] {
        margin-inline: 16px
    }

    .mx-\[20px\] {
        margin-inline: 20px
    }

    .mx-\[unset\] {
        margin-inline: unset
    }

    .mx-auto {
        margin-inline: auto
    }

    .\!my-\[16px\] {
        margin-block: 16px !important
    }

    .my-0 {
        margin-block: var(--spacing-0)
    }

    .my-\[4px\] {
        margin-block: 4px
    }

    .my-\[8px\] {
        margin-block: 8px
    }

    .my-\[16px\] {
        margin-block: 16px
    }

    .my-\[20\%\] {
        margin-block: 20%
    }

    .my-\[20px\] {
        margin-block: 20px
    }

    .mt-1 {
        margin-top: var(--spacing-1)
    }

    .mt-2 {
        margin-top: var(--spacing-2)
    }

    .mt-4 {
        margin-top: var(--spacing-4)
    }

    .mt-12 {
        margin-top: var(--spacing-12)
    }

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

    .mt-\[1\.6rem\] {
        margin-top: 1.6rem
    }

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

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

    .mt-\[8px\] {
        margin-top: 8px
    }

    .mt-\[16px\] {
        margin-top: 16px
    }

    .mt-\[40px\] {
        margin-top: 40px
    }

    .mt-\[auto\] {
        margin-top: auto
    }

    .mr-1 {
        margin-right: var(--spacing-1)
    }

    .mr-2 {
        margin-right: var(--spacing-2)
    }

    .mr-3 {
        margin-right: var(--spacing-3)
    }

    .mr-8 {
        margin-right: var(--spacing-8)
    }

    .mr-16 {
        margin-right: var(--spacing-16)
    }

    .mr-\[-1px\] {
        margin-right: -1px
    }

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

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

    .mr-\[16px\] {
        margin-right: 16px
    }

    .\!mb-0 {
        margin-bottom: var(--spacing-0) !important
    }

    .mb-0 {
        margin-bottom: var(--spacing-0)
    }

    .mb-4 {
        margin-bottom: var(--spacing-4)
    }

    .mb-8 {
        margin-bottom: var(--spacing-8)
    }

    .mb-\[0\] {
        margin-bottom: 0
    }

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

    .mb-\[8px\] {
        margin-bottom: 8px
    }

    .mb-\[10px\] {
        margin-bottom: 10px
    }

    .mb-\[16px\] {
        margin-bottom: 16px
    }

    .mb-\[20px\] {
        margin-bottom: 20px
    }

    .mb-\[24px\] {
        margin-bottom: 24px
    }

    .mb-\[30px\] {
        margin-bottom: 30px
    }

    .mb-\[35px\] {
        margin-bottom: 35px
    }

    .mb-\[40px\] {
        margin-bottom: 40px
    }

    .mb-\[43px\] {
        margin-bottom: 43px
    }

    .-ml-\[4px\] {
        margin-left: -4px
    }

    .ml-2 {
        margin-left: var(--spacing-2)
    }

    .ml-16 {
        margin-left: var(--spacing-16)
    }

    .ml-\[5px\] {
        margin-left: 5px
    }

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

    .ml-\[16px\] {
        margin-left: 16px
    }

    .ml-auto {
        margin-left: auto
    }

    .box-border {
        box-sizing: border-box
    }

    .box-content {
        box-sizing: content-box
    }

    .\!line-clamp-2 {
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        display: -webkit-box !important;
        overflow: hidden !important
    }

    .line-clamp-1 {
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        overflow: hidden
    }

    .line-clamp-2 {
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        overflow: hidden
    }

    .line-clamp-3 {
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        overflow: hidden
    }

    .line-clamp-4 {
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        overflow: hidden
    }

    .no-scrollbar::-webkit-scrollbar {
        display: none
    }

    .no-scrollbar {
        -ms-overflow-style: none;
        scrollbar-width: none
    }

    .\!block {
        display: block !important
    }

    .\!hidden {
        display: none !important
    }

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

    .block {
        display: block
    }

    .contents {
        display: contents
    }

    .flex {
        display: flex
    }

    .grid {
        display: grid
    }

    .hidden {
        display: none
    }

    .inline {
        display: inline
    }

    .inline-block {
        display: inline-block
    }

    .inline-flex {
        display: inline-flex
    }

    .table {
        display: table
    }

    .aspect-3\/2 {
        aspect-ratio: 3/2
    }

    .aspect-\[3\/1\] {
        aspect-ratio: 3
    }

    .aspect-\[3\/2\] {
        aspect-ratio: 3/2
    }

    .aspect-\[4\/3\] {
        aspect-ratio: 4/3
    }

    .aspect-\[16\/9\] {
        aspect-ratio: 16/9
    }

    .aspect-\[34\/9\] {
        aspect-ratio: 34/9
    }

    .aspect-square {
        aspect-ratio: 1
    }

    .size-\[16px\] {
        width: 16px;
        height: 16px
    }

    .\!h-\(--spacing-24\) {
        height: var(--spacing-24) !important
    }

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

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

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

    .h-0 {
        height: var(--spacing-0)
    }

    .h-1\/2 {
        height: 50%
    }

    .h-8 {
        height: var(--spacing-8)
    }

    .h-9 {
        height: calc(var(--spacing)*9)
    }

    .h-10 {
        height: var(--spacing-10)
    }

    .h-16 {
        height: var(--spacing-16)
    }

    .h-\[1px\] {
        height: 1px
    }

    .h-\[2\.4rem\] {
        height: 2.4rem
    }

    .h-\[2px\] {
        height: 2px
    }

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

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

    .h-\[10px\] {
        height: 10px
    }

    .h-\[13\.33px\] {
        height: 13.33px
    }

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

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

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

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

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

    .h-\[28px\] {
        height: 28px
    }

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

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

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

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

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

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

    .h-\[50px\] {
        height: 50px
    }

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

    .h-\[60px\] {
        height: 60px
    }

    .h-\[72px\] {
        height: 72px
    }

    .h-\[162px\] {
        height: 162px
    }

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

    .h-\[245px\] {
        height: 245px
    }

    .h-\[348px\] {
        height: 348px
    }

    .h-\[362px\] {
        height: 362px
    }

    .h-\[calc\(100\%-116px\)\] {
        height: calc(100% - 116px)
    }

    .h-\[calc\(100vh-50px\)\] {
        height: calc(100vh - 50px)
    }

    .h-auto {
        height: auto
    }

    .h-full {
        height: 100%
    }

    .h-max {
        height: max-content
    }

    .h-min {
        height: min-content
    }

    .max-h-0 {
        max-height: var(--spacing-0)
    }

    .max-h-\[21px\] {
        max-height: 21px
    }

    .max-h-\[40px\] {
        max-height: 40px
    }

    .max-h-\[50\%\] {
        max-height: 50%
    }

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

    .max-h-\[240px\] {
        max-height: 240px
    }

    .max-h-\[300px\] {
        max-height: 300px
    }

    .max-h-\[400px\] {
        max-height: 400px
    }

    .max-h-\[999px\] {
        max-height: 999px
    }

    .max-h-\[auto\] {
        max-height: auto
    }

    .max-h-\[calc\(100vh-50px\)\] {
        max-height: calc(100vh - 50px)
    }

    .max-h-full {
        max-height: 100%
    }

    .max-h-max {
        max-height: max-content
    }

    .min-h-\[12px\] {
        min-height: 12px
    }

    .min-h-\[24px\] {
        min-height: 24px
    }

    .min-h-\[30px\] {
        min-height: 30px
    }

    .min-h-\[36vh\] {
        min-height: 36vh
    }

    .min-h-\[40px\] {
        min-height: 40px
    }

    .min-h-\[40vh\] {
        min-height: 40vh
    }

    .min-h-\[50px\] {
        min-height: 50px
    }

    .min-h-\[50vh\] {
        min-height: 50vh
    }

    .min-h-\[54px\] {
        min-height: 54px
    }

    .min-h-\[60px\] {
        min-height: 60px
    }

    .min-h-\[81px\] {
        min-height: 81px
    }

    .min-h-\[103px\] {
        min-height: 103px
    }

    .min-h-\[113px\] {
        min-height: 113px
    }

    .min-h-max {
        min-height: max-content
    }

    .\!w-\(--spacing-24\) {
        width: var(--spacing-24) !important
    }

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

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

    .\!w-\[unset\] {
        width: unset !important
    }

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

    .w-4\/12 {
        width: 33.3333%
    }

    .w-8 {
        width: var(--spacing-8)
    }

    .w-9 {
        width: calc(var(--spacing)*9)
    }

    .w-9\/12 {
        width: 75%
    }

    .w-10 {
        width: var(--spacing-10)
    }

    .w-16 {
        width: var(--spacing-16)
    }

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

    .w-\[2\.4rem\] {
        width: 2.4rem
    }

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

    .w-\[8px\] {
        width: 8px
    }

    .w-\[10px\] {
        width: 10px
    }

    .w-\[12px\] {
        width: 12px
    }

    .w-\[13\.33px\] {
        width: 13.33px
    }

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

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

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

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

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

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

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

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

    .w-\[40\%\] {
        width: 40%
    }

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

    .w-\[44px\] {
        width: 44px
    }

    .w-\[50px\] {
        width: 50px
    }

    .w-\[60\%\] {
        width: 60%
    }

    .w-\[60px\] {
        width: 60px
    }

    .w-\[81px\] {
        width: 81px
    }

    .w-\[82px\] {
        width: 82px
    }

    .w-\[96px\] {
        width: 96px
    }

    .w-\[99px\] {
        width: 99px
    }

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

    .w-\[100vw\] {
        width: 100vw
    }

    .w-\[103px\] {
        width: 103px
    }

    .w-\[110px\] {
        width: 110px
    }

    .w-\[113px\] {
        width: 113px
    }

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

    .w-\[129px\] {
        width: 129px
    }

    .w-\[154px\] {
        width: 154px
    }

    .w-\[161px\] {
        width: 161px
    }

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

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

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

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

    .w-\[206px\] {
        width: 206px
    }

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

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

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

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

    .w-\[calc\(100\%-4rem\)\] {
        width: calc(100% - 4rem)
    }

    .w-\[calc\(100\%-76px\)\] {
        width: calc(100% - 76px)
    }

    .w-auto {
        width: auto
    }

    .w-fit {
        width: fit-content
    }

    .w-full {
        width: 100%
    }

    .w-max {
        width: max-content
    }

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

    .max-w-\[216px\] {
        max-width: 216px
    }

    .max-w-\[218px\] {
        max-width: 218px
    }

    .max-w-\[224px\] {
        max-width: 224px
    }

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

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

    .max-w-\[calc\(100vw\)\] {
        max-width: 100vw
    }

    .max-w-\[calc\(100vw-40px\)\] {
        max-width: calc(100vw - 40px)
    }

    .max-w-\[calc\(100vw-120px\)\] {
        max-width: calc(100vw - 120px)
    }

    .max-w-fit {
        max-width: fit-content
    }

    .max-w-full {
        max-width: 100%
    }

    .max-w-max {
        max-width: max-content
    }

    .max-w-none {
        max-width: none
    }

    .min-w-0 {
        min-width: var(--spacing-0)
    }

    .min-w-\[23px\] {
        min-width: 23px
    }

    .min-w-\[24px\] {
        min-width: 24px
    }

    .min-w-\[60px\] {
        min-width: 60px
    }

    .min-w-\[62px\] {
        min-width: 62px
    }

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

    .min-w-\[224px\] {
        min-width: 224px
    }

    .min-w-\[240px\] {
        min-width: 240px
    }

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

    .min-w-max {
        min-width: max-content
    }

    .flex-1 {
        flex: 1
    }

    .flex-\[1_0_0\] {
        flex: 1 0 0
    }

    .flex-auto {
        flex: auto
    }

    .flex-shrink-0,
    .shrink-0 {
        flex-shrink: 0
    }

    .flex-grow,
    .grow {
        flex-grow: 1
    }

    .grow-0 {
        flex-grow: 0
    }

    .basis-0 {
        flex-basis: var(--spacing-0)
    }

    .basis-auto {
        flex-basis: auto
    }

    .basis-full {
        flex-basis: 100%
    }

    .-translate-x-1\/2,
    .-translate-x-2\/4 {
        --tw-translate-x: -50%;
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .-translate-x-\[150px\] {
        --tw-translate-x: -150px;
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .translate-x-full {
        --tw-translate-x: 100%;
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .-translate-y-1\/2,
    .-translate-y-2\/4 {
        --tw-translate-y: -50%;
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .translate-y-0 {
        --tw-translate-y: var(--spacing-0);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .translate-y-\[-50\%\] {
        --tw-translate-y: -50%;
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .translate-y-full {
        --tw-translate-y: 100%;
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .rotate-0 {
        rotate: none
    }

    .rotate-180 {
        rotate: 180deg
    }

    .transform {
        transform: var(--tw-rotate-x, )var(--tw-rotate-y, )var(--tw-rotate-z, )var(--tw-skew-x, )var(--tw-skew-y, )
    }

    .animate-\[slideIn_200ms_ease-out\] {
        animation: .2s ease-out slideIn
    }

    .animate-loader-bar {
        animation: var(--animate-loader-bar)
    }

    .animate-pulse {
        animation: var(--animate-pulse)
    }

    .cursor-auto {
        cursor: auto
    }

    .cursor-default {
        cursor: default
    }

    .cursor-not-allowed {
        cursor: not-allowed
    }

    .cursor-pointer {
        cursor: pointer
    }

    .cursor-text {
        cursor: text
    }

    .touch-auto {
        touch-action: auto
    }

    .resize {
        resize: both
    }

    .snap-x {
        scroll-snap-type: x var(--tw-scroll-snap-strictness)
    }

    .snap-mandatory {
        --tw-scroll-snap-strictness: mandatory
    }

    .snap-center {
        scroll-snap-align: center
    }

    .list-none {
        list-style-type: none
    }

    .appearance-none {
        appearance: none
    }

    .\!columns-1 {
        columns: 1 !important
    }

    .columns-2 {
        columns: 2
    }

    .auto-rows-auto {
        grid-auto-rows: auto
    }

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

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

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

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

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

    .flex-col {
        flex-direction: column
    }

    .flex-row {
        flex-direction: row
    }

    .flex-row-reverse {
        flex-direction: row-reverse
    }

    .flex-nowrap {
        flex-wrap: nowrap
    }

    .flex-wrap {
        flex-wrap: wrap
    }

    .content-center {
        align-content: center
    }

    .content-stretch {
        align-content: stretch
    }

    .items-center {
        align-items: center
    }

    .items-start {
        align-items: flex-start
    }

    .items-stretch {
        align-items: stretch
    }

    .justify-around {
        justify-content: space-around
    }

    .justify-between {
        justify-content: space-between
    }

    .justify-center {
        justify-content: center
    }

    .justify-end {
        justify-content: flex-end
    }

    .justify-start {
        justify-content: flex-start
    }

    .gap-2 {
        gap: var(--spacing-2)
    }

    .gap-4 {
        gap: var(--spacing-4)
    }

    .gap-6 {
        gap: var(--spacing-6)
    }

    .gap-\[4px\] {
        gap: 4px
    }

    .gap-\[8px\] {
        gap: 8px
    }

    .gap-\[16px\] {
        gap: 16px
    }

    .gap-\[40px\] {
        gap: 40px
    }

    :where(.space-y-\[3px\]>:not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(3px*var(--tw-space-y-reverse));
        margin-block-end: calc(3px*calc(1 - var(--tw-space-y-reverse)))
    }

    :where(.space-y-\[4px\]>:not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(4px*var(--tw-space-y-reverse));
        margin-block-end: calc(4px*calc(1 - var(--tw-space-y-reverse)))
    }

    :where(.space-y-\[8px\]>:not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(8px*var(--tw-space-y-reverse));
        margin-block-end: calc(8px*calc(1 - var(--tw-space-y-reverse)))
    }

    .gap-x-0 {
        column-gap: var(--spacing-0)
    }

    .gap-x-\[16px\] {
        column-gap: 16px
    }

    .gap-x-\[40px\] {
        column-gap: 40px
    }

    :where(.space-x-0>:not(:last-child)) {
        --tw-space-x-reverse: 0;
        margin-inline-start: calc(var(--spacing-0)*var(--tw-space-x-reverse));
        margin-inline-end: calc(var(--spacing-0)*calc(1 - var(--tw-space-x-reverse)))
    }

    :where(.space-x-\[8px\]>:not(:last-child)) {
        --tw-space-x-reverse: 0;
        margin-inline-start: calc(8px*var(--tw-space-x-reverse));
        margin-inline-end: calc(8px*calc(1 - var(--tw-space-x-reverse)))
    }

    :where(.space-x-\[16px\]>:not(:last-child)) {
        --tw-space-x-reverse: 0;
        margin-inline-start: calc(16px*var(--tw-space-x-reverse));
        margin-inline-end: calc(16px*calc(1 - var(--tw-space-x-reverse)))
    }

    .gap-y-\[2rem\] {
        row-gap: 2rem
    }

    .gap-y-\[8px\] {
        row-gap: 8px
    }

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

    .overflow-auto {
        overflow: auto
    }

    .overflow-hidden {
        overflow: hidden
    }

    .overflow-scroll {
        overflow: scroll
    }

    .overflow-x-auto {
        overflow-x: auto
    }

    .overflow-x-hidden {
        overflow-x: hidden
    }

    .overflow-x-scroll {
        overflow-x: scroll
    }

    .overflow-y-auto {
        overflow-y: auto
    }

    .overflow-y-hidden {
        overflow-y: hidden
    }

    .overflow-y-scroll {
        overflow-y: scroll
    }

    .overscroll-contain {
        overscroll-behavior: contain
    }

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

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

    .rounded {
        border-radius: .25rem
    }

    .rounded-\(--radius-sm\) {
        border-radius: var(--radius-sm)
    }

    .rounded-\[2px\] {
        border-radius: 2px
    }

    .rounded-\[4px\] {
        border-radius: 4px
    }

    .rounded-\[5px\] {
        border-radius: 5px
    }

    .rounded-\[50\%\] {
        border-radius: 50%
    }

    .rounded-\[100px\] {
        border-radius: 100px
    }

    .rounded-button-radius-full {
        border-radius: var(--radius-button-radius-full)
    }

    .rounded-full {
        border-radius: 3.40282e38px
    }

    .rounded-lg {
        border-radius: var(--radius-lg)
    }

    .rounded-md {
        border-radius: var(--radius-md)
    }

    .rounded-none {
        border-radius: 0
    }

    .rounded-sm {
        border-radius: var(--radius-sm)
    }

    .rounded-t-\[4px\] {
        border-top-left-radius: 4px;
        border-top-right-radius: 4px
    }

    .rounded-t-sm {
        border-top-left-radius: var(--radius-sm);
        border-top-right-radius: var(--radius-sm)
    }

    .rounded-tl-\[100px\] {
        border-top-left-radius: 100px
    }

    .rounded-r-\[1\.5px\] {
        border-top-right-radius: 1.5px;
        border-bottom-right-radius: 1.5px
    }

    .rounded-tr-\[100px\] {
        border-top-right-radius: 100px
    }

    .rounded-br-\[16px\] {
        border-bottom-right-radius: 16px
    }

    .rounded-br-\[100px\] {
        border-bottom-right-radius: 100px
    }

    .rounded-bl-\[16px\] {
        border-bottom-left-radius: 16px
    }

    .rounded-bl-\[100px\] {
        border-bottom-left-radius: 100px
    }

    .\!border-0 {
        border-style: var(--tw-border-style) !important;
        border-width: 0 !important
    }

    .border {
        border-style: var(--tw-border-style);
        border-width: 1px
    }

    .border-0 {
        border-style: var(--tw-border-style);
        border-width: 0
    }

    .border-1 {
        border-style: var(--tw-border-style);
        border-width: 1px
    }

    .border-2 {
        border-style: var(--tw-border-style);
        border-width: 2px
    }

    .border-4 {
        border-style: var(--tw-border-style);
        border-width: 4px
    }

    .border-\[1px\] {
        border-style: var(--tw-border-style);
        border-width: 1px
    }

    .border-\[2px\] {
        border-style: var(--tw-border-style);
        border-width: 2px
    }

    .\!border-t-\[1px\] {
        border-top-style: var(--tw-border-style) !important;
        border-top-width: 1px !important
    }

    .border-t,
    .border-t-\[1px\] {
        border-top-style: var(--tw-border-style);
        border-top-width: 1px
    }

    .border-r,
    .border-r-\[1px\] {
        border-right-style: var(--tw-border-style);
        border-right-width: 1px
    }

    .\!border-b-0 {
        border-bottom-style: var(--tw-border-style) !important;
        border-bottom-width: 0 !important
    }

    .border-b {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 1px
    }

    .border-b-0 {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 0
    }

    .border-b-1,
    .border-b-\[1px\] {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 1px
    }

    .border-l {
        border-left-style: var(--tw-border-style);
        border-left-width: 1px
    }

    .border-l-0 {
        border-left-style: var(--tw-border-style);
        border-left-width: 0
    }

    .border-none {
        --tw-border-style: none;
        border-style: none
    }

    .border-solid {
        --tw-border-style: solid;
        border-style: solid
    }

    .border-\[\#EAEAEA\] {
        border-color: #eaeaea
    }

    .border-\[\#EBEBEB\] {
        border-color: #ebebeb
    }

    .border-button-tertiary-default {
        border-color: var(--color-button-tertiary-default)
    }

    .border-control-primary-default {
        border-color: var(--color-control-primary-default)
    }

    .border-divider-brand {
        border-color: var(--color-divider-brand)
    }

    .border-divider-highlight-primary {
        border-color: var(--color-divider-highlight-primary)
    }

    .border-divider-highlight-secondary {
        border-color: var(--color-divider-highlight-secondary)
    }

    .border-divider-primary {
        border-color: var(--color-divider-primary)
    }

    .border-divider-secondary {
        border-color: var(--color-divider-secondary)
    }

    .border-gray-200 {
        border-color: var(--color-gray-200)
    }

    .border-icon-secondary-default {
        border-color: var(--color-icon-secondary-default)
    }

    .border-input-border-default {
        border-color: var(--color-input-border-default)
    }

    .border-input-border-error {
        border-color: var(--color-input-border-error)
    }

    .border-input-text-error {
        border-color: var(--color-input-text-error)
    }

    .border-link-headline-on-dark-default {
        border-color: var(--color-link-headline-on-dark-default)
    }

    .border-link-in-component-brand-secondary {
        border-color: var(--color-link-in-component-brand-secondary)
    }

    .border-link-in-component-primary {
        border-color: var(--color-link-in-component-primary)
    }

    .border-transparent {
        border-color: #0000
    }

    .border-white {
        border-color: var(--color-white)
    }

    .border-t-divider-brand {
        border-top-color: var(--color-divider-brand)
    }

    .border-b-control-brand-primary-default {
        border-bottom-color: var(--color-control-brand-primary-default)
    }

    .border-b-divider-primary {
        border-bottom-color: var(--color-divider-primary)
    }

    .\!bg-background-quaternary {
        background-color: var(--color-background-quaternary) !important
    }

    .\!bg-background-secondary {
        background-color: var(--color-background-secondary) !important
    }

    .\!bg-button-primary-default {
        background-color: var(--color-button-primary-default) !important
    }

    .\!bg-button-quaternary-default {
        background-color: var(--color-button-quaternary-default) !important
    }

    .\!bg-button-secondary-default {
        background-color: var(--color-button-secondary-default) !important
    }

    .\!bg-transparent {
        background-color: #0000 !important
    }

    .bg-\[\#464646\] {
        background-color: #464646
    }

    .bg-\[\#EAEAEA\] {
        background-color: #eaeaea
    }

    .bg-\[\#F3F3F3\] {
        background-color: #f3f3f3
    }

    .bg-\[\#d8d8da\] {
        background-color: #d8d8da
    }

    .bg-\[\#f3f3f3\] {
        background-color: #f3f3f3
    }

    .bg-\[\#fff\],
    .bg-\[white\] {
        background-color: #fff
    }

    .bg-background-brand-primary {
        background-color: var(--color-background-brand-primary)
    }

    .bg-background-brand-secondary {
        background-color: var(--color-background-brand-secondary)
    }

    .bg-background-cinema {
        background-color: var(--color-background-cinema)
    }

    .bg-background-overlay-primary {
        background-color: var(--color-background-overlay-primary)
    }

    .bg-background-overlay-secondary {
        background-color: var(--color-background-overlay-secondary)
    }

    .bg-background-primary {
        background-color: var(--color-background-primary)
    }

    .bg-background-secondary {
        background-color: var(--color-background-secondary)
    }

    .bg-background-subscriber-primary {
        background-color: var(--color-background-subscriber-primary)
    }

    .bg-background-success-secondary {
        background-color: var(--color-background-success-secondary)
    }

    .bg-background-tertiary {
        background-color: var(--color-background-tertiary)
    }

    .bg-black\/10 {
        background-color: #0000001a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-black\/10 {
            background-color: color-mix(in oklab, var(--color-black)10%, transparent)
        }
    }

    .bg-black\/40 {
        background-color: #0006
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-black\/40 {
            background-color: color-mix(in oklab, var(--color-black)40%, transparent)
        }
    }

    .bg-black\/85 {
        background-color: #000000d9
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-black\/85 {
            background-color: color-mix(in oklab, var(--color-black)85%, transparent)
        }
    }

    .bg-brand-primary {
        background-color: var(--color-brand-primary)
    }

    .bg-button-primary-default {
        background-color: var(--color-button-primary-default)
    }

    .bg-button-quaternary-default {
        background-color: var(--color-button-quaternary-default)
    }

    .bg-button-secondary-default {
        background-color: var(--color-button-secondary-default)
    }

    .bg-button-segmented-primary-default {
        background-color: var(--color-button-segmented-primary-default)
    }

    .bg-button-segmented-secondary-default {
        background-color: var(--color-button-segmented-secondary-default)
    }

    .bg-control-on-dark-default {
        background-color: var(--color-control-on-dark-default)
    }

    .bg-control-on-dark-disabled {
        background-color: var(--color-control-on-dark-disabled)
    }

    .bg-divider-primary {
        background-color: var(--color-divider-primary)
    }

    .bg-gray-300 {
        background-color: var(--color-gray-300)
    }

    .bg-gray-800 {
        background-color: var(--color-gray-800)
    }

    .bg-icon-flag-china {
        background-color: var(--color-icon-flag-china)
    }

    .bg-icon-secondary-default {
        background-color: var(--color-icon-secondary-default)
    }

    .bg-logo-brand-secondary {
        background-color: var(--color-logo-brand-secondary)
    }

    .bg-transparent {
        background-color: #0000
    }

    .bg-white {
        background-color: var(--color-white)
    }

    .bg-white\/20 {
        background-color: #fff3
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-white\/20 {
            background-color: color-mix(in oklab, var(--color-white)20%, transparent)
        }
    }

    .bg-gradient-to-b {
        --tw-gradient-position: to bottom in oklab;
        background-image: linear-gradient(var(--tw-gradient-stops))
    }

    .from-black\/0 {
        --tw-gradient-from: #0000
    }

    @supports (color:color-mix(in lab, red, red)) {
        .from-black\/0 {
            --tw-gradient-from: color-mix(in oklab, var(--color-black)0%, transparent)
        }
    }

    .from-black\/0 {
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .from-transparent {
        --tw-gradient-from: transparent;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .via-black\/80 {
        --tw-gradient-via: #000c
    }

    @supports (color:color-mix(in lab, red, red)) {
        .via-black\/80 {
            --tw-gradient-via: color-mix(in oklab, var(--color-black)80%, transparent)
        }
    }

    .via-black\/80 {
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-via)var(--tw-gradient-via-position), var(--tw-gradient-to)var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops)
    }

    .via-transparent {
        --tw-gradient-via: transparent;
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-via)var(--tw-gradient-via-position), var(--tw-gradient-to)var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops)
    }

    .to-black\/80 {
        --tw-gradient-to: #000c
    }

    @supports (color:color-mix(in lab, red, red)) {
        .to-black\/80 {
            --tw-gradient-to: color-mix(in oklab, var(--color-black)80%, transparent)
        }
    }

    .to-black\/80 {
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .object-contain {
        object-fit: contain
    }

    .object-cover {
        object-fit: cover
    }

    .object-center {
        object-position: center
    }

    .\!p-0 {
        padding: var(--spacing-0) !important
    }

    .\!p-\[5px\] {
        padding: 5px !important
    }

    .\!p-\[8px\] {
        padding: 8px !important
    }

    .\!p-\[10px\] {
        padding: 10px !important
    }

    .p-0 {
        padding: var(--spacing-0)
    }

    .p-2 {
        padding: var(--spacing-2)
    }

    .p-8 {
        padding: var(--spacing-8)
    }

    .p-\[2px\] {
        padding: 2px
    }

    .p-\[3px\] {
        padding: 3px
    }

    .p-\[4px\] {
        padding: 4px
    }

    .p-\[5px\] {
        padding: 5px
    }

    .p-\[8px\] {
        padding: 8px
    }

    .p-\[10px\] {
        padding: 10px
    }

    .p-\[16px\] {
        padding: 16px
    }

    .\!px-\[-2em\] {
        padding-inline: -2em !important
    }

    .\!px-\[8px\] {
        padding-inline: 8px !important
    }

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

    .px-0 {
        padding-inline: var(--spacing-0)
    }

    .px-2 {
        padding-inline: var(--spacing-2)
    }

    .px-6 {
        padding-inline: var(--spacing-6)
    }

    .px-8 {
        padding-inline: var(--spacing-8)
    }

    .px-\[2em\] {
        padding-inline: 2em
    }

    .px-\[2px\] {
        padding-inline: 2px
    }

    .px-\[4px\] {
        padding-inline: 4px
    }

    .px-\[5px\] {
        padding-inline: 5px
    }

    .px-\[8px\] {
        padding-inline: 8px
    }

    .px-\[12px\] {
        padding-inline: 12px
    }

    .px-\[16px\] {
        padding-inline: 16px
    }

    .px-\[20px\] {
        padding-inline: 20px
    }

    .px-\[24px\] {
        padding-inline: 24px
    }

    .py-0 {
        padding-block: var(--spacing-0)
    }

    .py-2 {
        padding-block: var(--spacing-2)
    }

    .py-3 {
        padding-block: var(--spacing-3)
    }

    .py-4 {
        padding-block: var(--spacing-4)
    }

    .py-6 {
        padding-block: var(--spacing-6)
    }

    .py-8 {
        padding-block: var(--spacing-8)
    }

    .py-\[2px\] {
        padding-block: 2px
    }

    .py-\[4px\] {
        padding-block: 4px
    }

    .py-\[5px\] {
        padding-block: 5px
    }

    .py-\[6px\] {
        padding-block: 6px
    }

    .py-\[7px\] {
        padding-block: 7px
    }

    .py-\[8px\] {
        padding-block: 8px
    }

    .py-\[12px\] {
        padding-block: 12px
    }

    .py-\[14px\] {
        padding-block: 14px
    }

    .py-\[16px\] {
        padding-block: 16px
    }

    .py-\[24px\] {
        padding-block: 24px
    }

    .py-\[32px\] {
        padding-block: 32px
    }

    .pt-0 {
        padding-top: var(--spacing-0)
    }

    .pt-4 {
        padding-top: var(--spacing-4)
    }

    .pt-\[1px\] {
        padding-top: 1px
    }

    .pt-\[4px\] {
        padding-top: 4px
    }

    .pt-\[6px\] {
        padding-top: 6px
    }

    .pt-\[8px\] {
        padding-top: 8px
    }

    .pt-\[16px\] {
        padding-top: 16px
    }

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

    .pr-4 {
        padding-right: var(--spacing-4)
    }

    .pr-8 {
        padding-right: var(--spacing-8)
    }

    .pr-16 {
        padding-right: var(--spacing-16)
    }

    .pr-\[8px\] {
        padding-right: 8px
    }

    .pr-\[12px\] {
        padding-right: 12px
    }

    .pr-\[16px\] {
        padding-right: 16px
    }

    .pr-\[20px\] {
        padding-right: 20px
    }

    .pr-\[28px\] {
        padding-right: 28px
    }

    .pr-\[30px\] {
        padding-right: 30px
    }

    .pr-\[40px\] {
        padding-right: 40px
    }

    .pr-\[50px\] {
        padding-right: 50px
    }

    .pb-0 {
        padding-bottom: var(--spacing-0)
    }

    .pb-\[2px\] {
        padding-bottom: 2px
    }

    .pb-\[4px\] {
        padding-bottom: 4px
    }

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

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

    .pb-\[12px\] {
        padding-bottom: 12px
    }

    .pb-\[16px\] {
        padding-bottom: 16px
    }

    .pb-\[24px\] {
        padding-bottom: 24px
    }

    .pb-\[32px\] {
        padding-bottom: 32px
    }

    .pb-\[36px\] {
        padding-bottom: 36px
    }

    .pb-\[40px\] {
        padding-bottom: 40px
    }

    .pb-\[50px\] {
        padding-bottom: 50px
    }

    .pb-\[56\.25\%\] {
        padding-bottom: 56.25%
    }

    .pl-4 {
        padding-left: var(--spacing-4)
    }

    .pl-8 {
        padding-left: var(--spacing-8)
    }

    .pl-\[8px\] {
        padding-left: 8px
    }

    .pl-\[12px\] {
        padding-left: 12px
    }

    .pl-\[15px\] {
        padding-left: 15px
    }

    .pl-\[16px\] {
        padding-left: 16px
    }

    .pl-\[20px\] {
        padding-left: 20px
    }

    .pl-\[48px\] {
        padding-left: 48px
    }

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

    .text-center {
        text-align: center
    }

    .text-left {
        text-align: left
    }

    .text-right {
        text-align: right
    }

    .align-bottom {
        vertical-align: bottom
    }

    .align-sub {
        vertical-align: sub
    }

    .\!text-button1 {
        font-size: var(--font-size-16) !important;
        line-height: var(--line-height-sm) !important;
        letter-spacing: var(--letter-spacing-md) !important;
        font-weight: var(--font-weight-medium) !important
    }

    .\!text-label4 {
        font-size: var(--font-size-12) !important;
        line-height: var(--line-height-sm) !important;
        letter-spacing: var(--letter-spacing-none) !important;
        font-weight: var(--font-weight-regular) !important
    }

    .text-body1 {
        font-size: var(--font-size-18);
        line-height: var(--line-height-md);
        letter-spacing: var(--letter-spacing-sm);
        font-weight: var(--font-weight-regular)
    }

    .text-body2 {
        font-size: var(--font-size-16);
        line-height: var(--line-height-sm);
        letter-spacing: var(--letter-spacing-sm);
        font-weight: var(--font-weight-regular)
    }

    .text-button1 {
        font-size: var(--font-size-16);
        line-height: var(--line-height-sm);
        letter-spacing: var(--letter-spacing-md);
        font-weight: var(--font-weight-medium)
    }

    .text-button1\! {
        font-size: var(--font-size-16) !important;
        line-height: var(--line-height-sm) !important;
        letter-spacing: var(--letter-spacing-md) !important;
        font-weight: var(--font-weight-medium) !important
    }

    .text-button2 {
        font-size: var(--font-size-16);
        line-height: var(--line-height-sm);
        letter-spacing: var(--letter-spacing-md);
        font-weight: var(--font-weight-regular)
    }

    .text-button3 {
        font-size: var(--font-size-12);
        line-height: var(--line-height-sm);
        letter-spacing: var(--letter-spacing-none);
        font-weight: var(--font-weight-medium)
    }

    .text-button4 {
        font-size: var(--font-size-14);
        line-height: var(--line-height-sm);
        letter-spacing: var(--letter-spacing-md);
        font-weight: var(--font-weight-medium)
    }

    .text-display1 {
        font-size: var(--font-size-32);
        line-height: var(--line-height-sm);
        letter-spacing: var(--letter-spacing-none);
        font-weight: var(--font-weight-medium)
    }

    .text-header1 {
        font-size: var(--font-size-24);
        line-height: var(--line-height-sm);
        letter-spacing: var(--letter-spacing-sm);
        font-weight: var(--font-weight-medium)
    }

    .text-header2 {
        font-size: var(--font-size-22);
        line-height: var(--line-height-sm);
        letter-spacing: var(--letter-spacing-none);
        font-weight: var(--font-weight-medium)
    }

    .text-header3 {
        font-size: var(--font-size-18);
        line-height: var(--line-height-sm);
        letter-spacing: var(--letter-spacing-none);
        font-weight: var(--font-weight-regular)
    }

    .text-header4 {
        font-size: var(--font-size-18);
        line-height: var(--line-height-sm);
        letter-spacing: var(--letter-spacing-none);
        font-weight: var(--font-weight-medium)
    }

    .text-label1 {
        font-size: var(--font-size-16);
        line-height: var(--line-height-sm);
        letter-spacing: var(--letter-spacing-md);
        font-weight: var(--font-weight-medium)
    }

    .text-label2 {
        font-size: var(--font-size-14);
        line-height: var(--line-height-sm);
        letter-spacing: var(--letter-spacing-none);
        font-weight: var(--font-weight-regular)
    }

    .text-label3 {
        font-size: var(--font-size-14);
        line-height: var(--line-height-sm);
        letter-spacing: var(--letter-spacing-none);
        font-weight: var(--font-weight-medium)
    }

    .text-label4 {
        font-size: var(--font-size-12);
        line-height: var(--line-height-sm);
        letter-spacing: var(--letter-spacing-none);
        font-weight: var(--font-weight-regular)
    }

    .text-label5 {
        font-size: var(--font-size-12);
        line-height: var(--line-height-sm);
        letter-spacing: var(--letter-spacing-none);
        font-weight: var(--font-weight-medium)
    }

    .text-label6 {
        font-size: var(--font-size-14);
        line-height: var(--line-height-sm);
        letter-spacing: var(--letter-spacing-none);
        font-weight: var(--font-weight-regular)
    }

    .text-mobile-button {
        letter-spacing: 0;
        font-size: 1.2rem;
        font-weight: 500;
        line-height: 1.8rem
    }

    .text-overline {
        letter-spacing: 0;
        font-size: 1.2rem;
        font-weight: 400;
        line-height: 1.8rem
    }

    .text-subheader2 {
        font-size: var(--font-size-18);
        line-height: var(--line-height-md);
        letter-spacing: var(--letter-spacing-sm);
        font-weight: var(--font-weight-medium)
    }

    .text-subheader3 {
        font-size: var(--font-size-16);
        line-height: var(--line-height-sm);
        letter-spacing: var(--letter-spacing-sm);
        font-weight: var(--font-weight-medium)
    }

    .text-2xl {
        font-size: var(--text-2xl);
        line-height: var(--tw-leading, var(--text-2xl--line-height))
    }

    .text-base {
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height))
    }

    .text-\[10px\] {
        font-size: 1rem
    }

    .text-\[12px\] {
        font-size: 1.2rem
    }

    .text-\[14px\] {
        font-size: 1.4rem
    }

    .text-\[16px\] {
        font-size: 1.6rem
    }

    .text-\[18px\] {
        font-size: 1.8rem
    }

    .text-\[20px\] {
        font-size: 2rem
    }

    .text-\[22px\] {
        font-size: 2.2rem
    }

    .text-\[24px\] {
        font-size: 2.4rem
    }

    .text-\[26px\] {
        font-size: 2.6rem
    }

    .text-\[28px\] {
        font-size: 2.8rem
    }

    .text-\[30px\] {
        font-size: 3rem
    }

    .text-\[32px\] {
        font-size: 3.2rem
    }

    .text-\[34px\] {
        font-size: 3.4rem
    }

    .text-\[38px\] {
        font-size: 3.8rem
    }

    .leading-4 {
        --tw-leading: var(--spacing-4);
        line-height: var(--spacing-4)
    }

    .leading-8 {
        --tw-leading: var(--spacing-8);
        line-height: var(--spacing-8)
    }

    .leading-\[12px\] {
        --tw-leading: 12px;
        line-height: 1.2rem
    }

    .leading-\[20px\] {
        --tw-leading: 20px;
        line-height: 2rem
    }

    .leading-\[26px\] {
        --tw-leading: 26px;
        line-height: 2.6rem
    }

    .leading-\[30px\] {
        --tw-leading: 30px;
        line-height: 3rem
    }

    .leading-\[150\%\] {
        --tw-leading: 150%;
        line-height: 150%
    }

    .leading-none {
        --tw-leading: 1;
        line-height: 1
    }

    .leading-normal {
        --tw-leading: var(--leading-normal);
        line-height: var(--leading-normal)
    }

    .font-medium {
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium)
    }

    .font-normal {
        --tw-font-weight: var(--font-weight-normal);
        font-weight: var(--font-weight-normal)
    }

    .tracking-\[2px\] {
        --tw-tracking: 2px;
        letter-spacing: .2rem
    }

    .tracking-normal {
        --tw-tracking: var(--tracking-normal);
        letter-spacing: var(--tracking-normal)
    }

    .tracking-tight {
        --tw-tracking: var(--tracking-tight);
        letter-spacing: var(--tracking-tight)
    }

    .tracking-wider {
        --tw-tracking: var(--tracking-wider);
        letter-spacing: var(--tracking-wider)
    }

    .text-nowrap {
        text-wrap: nowrap
    }

    .text-wrap {
        text-wrap: wrap
    }

    .break-words {
        overflow-wrap: break-word
    }

    .\[word-break\:break-word\] {
        word-break: break-word
    }

    .break-all {
        word-break: break-all
    }

    .break-keep {
        word-break: keep-all
    }

    .text-ellipsis {
        text-overflow: ellipsis
    }

    .whitespace-nowrap {
        white-space: nowrap
    }

    .\!text-brand-primary {
        color: var(--color-brand-primary) !important
    }

    .\!text-button-ghost-default {
        color: var(--color-button-ghost-default) !important
    }

    .\!text-emphasis {
        color: var(--color-emphasis) !important
    }

    .\!text-icon-alert-default {
        color: var(--color-icon-alert-default) !important
    }

    .\!text-link-headline-default {
        color: var(--color-link-headline-default) !important
    }

    .\!text-link-in-component-primary {
        color: var(--color-link-in-component-primary) !important
    }

    .\!text-primary {
        color: var(--color-primary) !important
    }

    .\!text-secondary {
        color: var(--color-secondary) !important
    }

    .alert {
        color: var(--color-alert)
    }

    .brand-graphic {
        color: var(--color-brand-primary-graphic)
    }

    .brand-primary {
        color: var(--color-brand-primary)
    }

    .brand-secondary {
        color: var(--color-brand-secondary)
    }

    .emphasis {
        color: var(--color-emphasis)
    }

    .emphasis-inverse {
        color: var(--color-emphasis-inverse)
    }

    .highlight {
        color: var(--color-highlight)
    }

    .primary {
        color: var(--color-primary)
    }

    .primary-inverse {
        color: var(--color-primary-inverse)
    }

    .secondary {
        color: var(--color-secondary)
    }

    .secondary-inverse {
        color: var(--color-secondary-inverse)
    }

    .subscriber {
        color: var(--color-subscriber)
    }

    .success {
        color: var(--color-success)
    }

    .text-\[\#6F6F6F\],
    .text-\[\#6f6f6f\] {
        color: #6f6f6f
    }

    .text-\[\#CCC\] {
        color: #ccc
    }

    .text-alert {
        color: var(--color-alert)
    }

    .text-brand-primary {
        color: var(--color-brand-primary)
    }

    .text-brand-primary\! {
        color: var(--color-brand-primary) !important
    }

    .text-brand-secondary {
        color: var(--color-brand-secondary)
    }

    .text-button-primary-label {
        color: var(--color-button-primary-label)
    }

    .text-button-secondary-label {
        color: var(--color-button-secondary-label)
    }

    .text-button-tertiary-default {
        color: var(--color-button-tertiary-default)
    }

    .text-emphasis {
        color: var(--color-emphasis)
    }

    .text-gray-500 {
        color: var(--color-gray-500)
    }

    .text-icon-on-dark-default {
        color: var(--color-icon-on-dark-default)
    }

    .text-icon-secondary-default {
        color: var(--color-icon-secondary-default)
    }

    .text-input-text-error {
        color: var(--color-input-text-error)
    }

    .text-input-text-input {
        color: var(--color-input-text-input)
    }

    .text-input-text-label {
        color: var(--color-input-text-label)
    }

    .text-input-text-success {
        color: var(--color-input-text-success)
    }

    .text-link-default {
        color: var(--color-link-default)
    }

    .text-link-emphasis-default {
        color: var(--color-link-emphasis-default)
    }

    .text-link-headline-default {
        color: var(--color-link-headline-default)
    }

    .text-link-headline-hover {
        color: var(--color-link-headline-hover)
    }

    .text-link-headline-on-dark-default {
        color: var(--color-link-headline-on-dark-default)
    }

    .text-link-highlight-default {
        color: var(--color-link-highlight-default)
    }

    .text-link-in-component-brand-secondary {
        color: var(--color-link-in-component-brand-secondary)
    }

    .text-link-in-component-primary {
        color: var(--color-link-in-component-primary)
    }

    .text-link-on-dark-default {
        color: var(--color-link-on-dark-default)
    }

    .text-primary {
        color: var(--color-primary)
    }

    .text-primary-inverse {
        color: var(--color-primary-inverse)
    }

    .text-red-500 {
        color: var(--color-red-500)
    }

    .text-secondary {
        color: var(--color-secondary)
    }

    .text-secondary-inverse {
        color: var(--color-secondary-inverse)
    }

    .text-success {
        color: var(--color-success)
    }

    .text-white {
        color: var(--color-white)
    }

    .white {
        color: var(--color-on-dark)
    }

    .italic {
        font-style: italic
    }

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

    .no-underline {
        text-decoration-line: none
    }

    .overline {
        text-decoration-line: overline
    }

    .underline {
        text-decoration-line: underline
    }

    .placeholder-input-text-error::placeholder {
        color: var(--color-input-text-error)
    }

    .caret-input-text-input {
        caret-color: var(--color-input-text-input)
    }

    .opacity-0 {
        opacity: 0
    }

    .opacity-40 {
        opacity: .4
    }

    .opacity-50 {
        opacity: .5
    }

    .opacity-70 {
        opacity: .7
    }

    .opacity-100 {
        opacity: 1
    }

    .shadow-\[0_0_10px_0_rgba\(56\,56\,56\,0\.15\)\] {
        --tw-shadow: 0 0 10px 0 var(--tw-shadow-color, #38383826);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-\[2px_-15px_10px_-10px_rgba\(0\,0\,0\,0\.15\)\] {
        --tw-shadow: 2px -15px 10px -10px var(--tw-shadow-color, #00000026);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-lg {
        --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-none {
        --tw-shadow: 0 0 #0000;
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-around-brand {
        background: var(--color-background-brand-primary);
        box-shadow: 0 0 10px #67676740
    }

    .outline {
        outline-style: var(--tw-outline-style);
        outline-width: 1px
    }

    .filter {
        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, )
    }

    .transition {
        transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-\[filter\] {
        transition-property: filter;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-\[height\] {
        transition-property: height;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-\[max-height\] {
        transition-property: max-height;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-all {
        transition-property: all;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-colors {
        transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-opacity {
        transition-property: opacity;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-transform {
        transition-property: transform, translate, scale, rotate;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .duration-200 {
        --tw-duration: .2s;
        transition-duration: .2s
    }

    .duration-300 {
        --tw-duration: .3s;
        transition-duration: .3s
    }

    .duration-500 {
        --tw-duration: .5s;
        transition-duration: .5s
    }

    .duration-1000 {
        --tw-duration: 1s;
        transition-duration: 1s
    }

    .duration-\[250ms\] {
        --tw-duration: .25s;
        transition-duration: .25s
    }

    .duration-\[400ms\] {
        --tw-duration: .4s;
        transition-duration: .4s
    }

    .duration-\[500ms\] {
        --tw-duration: .5s;
        transition-duration: .5s
    }

    .ease-in-out {
        --tw-ease: var(--ease-in-out);
        transition-timing-function: var(--ease-in-out)
    }

    .ease-out {
        --tw-ease: var(--ease-out);
        transition-timing-function: var(--ease-out)
    }

    .outline-none {
        --tw-outline-style: none;
        outline-style: none
    }

    .select-text {
        -webkit-user-select: text;
        user-select: text
    }

    .\[custom\:page_title\] {
        custom: page title
    }

    @media(hover:hover) {
        .group-hover\:visible:is(:where(.group):hover *) {
            visibility: visible
        }

        .group-hover\:block:is(:where(.group):hover *) {
            display: block
        }

        .group-hover\:cursor-pointer:is(:where(.group):hover *) {
            cursor: pointer
        }

        .group-hover\:text-link-headline-hover:is(:where(.group):hover *) {
            color: var(--color-link-headline-hover)
        }

        .group-hover\:text-link-hover:is(:where(.group):hover *) {
            color: var(--color-link-hover)
        }

        .group-hover\:text-primary:is(:where(.group):hover *) {
            color: var(--color-primary)
        }
    }

    .placeholder\:text-body2::placeholder {
        font-size: var(--font-size-16);
        line-height: var(--line-height-sm);
        letter-spacing: var(--letter-spacing-sm);
        font-weight: var(--font-weight-regular)
    }

    .placeholder\:text-input-text-label::placeholder {
        color: var(--color-input-text-label)
    }

    .before\:relative:before {
        content: var(--tw-content);
        position: relative
    }

    .before\:-z-1:before,
    .before\:-z-\[1\]:before {
        content: var(--tw-content);
        z-index: -1
    }

    .before\:mb-px:before {
        content: var(--tw-content);
        margin-bottom: 1px
    }

    .before\:content-dropdown-triangle:before {
        content: var(--tw-content);
        vertical-align: middle;
        border-bottom: 0;
        border-left: 4px solid #0000;
        border-right: 4px solid #0000;
        border-top: 4px solid var(--color-icon-secondary-default);
        margin-left: 4px;
        display: inline-block
    }

    .before\:min-h-\[40px\]:before {
        content: var(--tw-content);
        min-height: 40px
    }

    .before\:min-w-\[40px\]:before {
        content: var(--tw-content);
        min-width: 40px
    }

    .before\:rounded-button-radius-full:before {
        content: var(--tw-content);
        border-radius: var(--radius-button-radius-full)
    }

    .before\:border-t-brand-primary:before {
        content: var(--tw-content);
        border-top-color: var(--color-brand-primary)
    }

    .before\:border-t-icon-secondary-default:before {
        content: var(--tw-content);
        border-top-color: var(--color-icon-secondary-default)
    }

    .before\:border-t-white:before {
        content: var(--tw-content);
        border-top-color: var(--color-white)
    }

    .before\:\!content-none:before {
        content: var(--tw-content);
        --tw-content: none !important;
        content: none !important
    }

    .before\:content-\[\'\'\]:before {
        --tw-content: "";
        content: var(--tw-content)
    }

    @media(hover:hover) {
        .group-hover\:before\:border-b-brand-primary:is(:where(.group):hover *):before {
            content: var(--tw-content);
            border-bottom-color: var(--color-brand-primary)
        }

        .group-hover\:before\:border-b-icon-primary-default:is(:where(.group):hover *):before {
            content: var(--tw-content);
            border-bottom-color: var(--color-icon-primary-default)
        }

        .group-hover\:before\:border-b-primary:is(:where(.group):hover *):before {
            content: var(--tw-content);
            border-bottom-color: var(--color-primary)
        }
    }

    .after\:separator-breadcrumb:after {
        content: var(--tw-content);
        top: var(--spacing-0);
        right: var(--spacing-0);
        bottom: var(--spacing-0);
        background-color: var(--color-divider-primary);
        width: 1px;
        height: 100%;
        margin: auto;
        position: absolute
    }

    .after\:mr-\[8px\]:after {
        content: var(--tw-content);
        margin-right: 8px
    }

    .after\:content-dropdown-triangle:after {
        content: var(--tw-content);
        vertical-align: middle;
        border-bottom: 0;
        border-left: 4px solid #0000;
        border-right: 4px solid #0000;
        border-top: 4px solid var(--color-icon-secondary-default);
        margin-left: 4px;
        display: inline-block
    }

    .after\:ml-0:after {
        content: var(--tw-content);
        margin-left: var(--spacing-0)
    }

    .after\:\[transform\:rotate3d\(1\,0\,0\,180deg\)\]:after,
    .after\:transform-\[rotate3d\(1\,0\,0\,180deg\)\]:after {
        content: var(--tw-content);
        transform: rotateX(180deg)
    }

    .after\:border-y-icon-brand-primary-default\!:after {
        content: var(--tw-content);
        border-block-color: var(--color-icon-brand-primary-default) !important
    }

    .after\:border-y-icon-primary-default:after {
        content: var(--tw-content);
        border-block-color: var(--color-icon-primary-default)
    }

    .after\:\!text-brand-primary:after {
        content: var(--tw-content);
        color: var(--color-brand-primary) !important
    }

    .after\:text-secondary:after {
        content: var(--tw-content);
        color: var(--color-secondary)
    }

    .after\:transition-transform:after {
        content: var(--tw-content);
        transition-property: transform, translate, scale, rotate;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .after\:duration-500:after {
        content: var(--tw-content);
        --tw-duration: .5s;
        transition-duration: .5s
    }

    .after\:content-\[\'\\00a0\'\]:after {
        --tw-content: " ";
        content: var(--tw-content)
    }

    .first\:border-t-0:first-child {
        border-top-style: var(--tw-border-style);
        border-top-width: 0
    }

    .first\:pt-0:first-child {
        padding-top: var(--spacing-0)
    }

    .last\:col-span-6:last-child {
        grid-column: span 6/span 6
    }

    .last\:mb-\[8px\]:last-child {
        margin-bottom: 8px
    }

    .first-of-type\:rounded-l-button-radius-full:first-of-type {
        border-top-left-radius: var(--radius-button-radius-full);
        border-bottom-left-radius: var(--radius-button-radius-full)
    }

    .last-of-type\:rounded-r-button-radius-full:last-of-type {
        border-top-right-radius: var(--radius-button-radius-full);
        border-bottom-right-radius: var(--radius-button-radius-full)
    }

    .focus-within\:border-input-border-active:focus-within {
        border-color: var(--color-input-border-active)
    }

    @media(hover:hover) {
        .hover\:cursor-default:hover {
            cursor: default
        }

        .hover\:cursor-pointer:hover {
            cursor: pointer
        }

        .hover\:border-link-in-component-brand-secondary:hover {
            border-color: var(--color-link-in-component-brand-secondary)
        }

        .hover\:\!bg-\[--button-primary-default\]:hover {
            background-color: --button-primary-default !important
        }

        .hover\:\!bg-button-quaternary-hover:hover {
            background-color: var(--color-button-quaternary-hover) !important
        }

        .hover\:\!bg-button-segmented-secondary-hover:hover {
            background-color: var(--color-button-segmented-secondary-hover) !important
        }

        .hover\:bg-\[\#1A1A23\]:hover {
            background-color: #1a1a23
        }

        .hover\:bg-background-quinary:hover {
            background-color: var(--color-background-quinary)
        }

        .hover\:bg-background-tertiary:hover {
            background-color: var(--color-background-tertiary)
        }

        .hover\:bg-button-ghost-hover:hover {
            background-color: var(--color-button-ghost-hover)
        }

        .hover\:bg-button-primary-default:hover {
            background-color: var(--color-button-primary-default)
        }

        .hover\:bg-button-primary-hover:hover {
            background-color: var(--color-button-primary-hover)
        }

        .hover\:bg-button-quaternary-hover:hover {
            background-color: var(--color-button-quaternary-hover)
        }

        .hover\:bg-button-secondary-hover:hover {
            background-color: var(--color-button-secondary-hover)
        }

        .hover\:bg-button-segmented-primary-hover:hover {
            background-color: var(--color-button-segmented-primary-hover)
        }

        .hover\:bg-button-segmented-secondary-hover:hover {
            background-color: var(--color-button-segmented-secondary-hover)
        }

        .hover\:bg-button-tertiary-hover:hover {
            background-color: var(--color-button-tertiary-hover)
        }

        .hover\:bg-gray-100:hover {
            background-color: var(--color-gray-100)
        }

        .hover\:bg-gray-200:hover {
            background-color: var(--color-gray-200)
        }

        .hover\:bg-transparent:hover {
            background-color: #0000
        }

        .hover\:bg-white\/30:hover {
            background-color: #ffffff4d
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:bg-white\/30:hover {
                background-color: color-mix(in oklab, var(--color-white)30%, transparent)
            }
        }

        .hover\:text-button1:hover {
            font-size: var(--font-size-16);
            line-height: var(--line-height-sm);
            letter-spacing: var(--letter-spacing-md);
            font-weight: var(--font-weight-medium)
        }

        .hover\:text-button2:hover {
            font-size: var(--font-size-16);
            line-height: var(--line-height-sm);
            letter-spacing: var(--letter-spacing-md);
            font-weight: var(--font-weight-regular)
        }

        .hover\:\!text-emphasis:hover {
            color: var(--color-emphasis) !important
        }

        .hover\:\!text-link-headline-hover:hover {
            color: var(--color-link-headline-hover) !important
        }

        .hover\:text-brand-primary:hover {
            color: var(--color-brand-primary)
        }

        .hover\:text-brand-secondary:hover {
            color: var(--color-brand-secondary)
        }

        .hover\:text-button-primary-label:hover {
            color: var(--color-button-primary-label)
        }

        .hover\:text-inherit:hover {
            color: inherit
        }

        .hover\:text-link-emphasis-hover:hover {
            color: var(--color-link-emphasis-hover)
        }

        .hover\:text-link-headline-hover:hover {
            color: var(--color-link-headline-hover)
        }

        .hover\:text-link-headline-on-dark-hover:hover {
            color: var(--color-link-headline-on-dark-hover)
        }

        .hover\:text-link-highlight-hover:hover {
            color: var(--color-link-highlight-hover)
        }

        .hover\:text-link-hover:hover {
            color: var(--color-link-hover)
        }

        .hover\:text-link-in-component-brand-secondary:hover {
            color: var(--color-link-in-component-brand-secondary)
        }

        .hover\:text-link-in-component-primary:hover {
            color: var(--color-link-in-component-primary)
        }

        .hover\:text-link-on-dark-hover:hover {
            color: var(--color-link-on-dark-hover)
        }

        .hover\:text-primary:hover {
            color: var(--color-primary)
        }

        .hover\:text-secondary:hover {
            color: var(--color-secondary)
        }

        .hover\:text-white:hover {
            color: var(--color-white)
        }

        .hover\:underline:hover {
            text-decoration-line: underline
        }

        .hover\:underline-offset-2:hover {
            text-underline-offset: 2px
        }

        .hover\:opacity-80:hover {
            opacity: .8
        }

        .hover\:before\:bg-control-brand-overlay:hover:before {
            content: var(--tw-content);
            background-color: var(--color-control-brand-overlay)
        }

        .hover\:before\:bg-control-primary-overlay:hover:before {
            content: var(--tw-content);
            background-color: var(--color-control-primary-overlay)
        }
    }

    .focus\:border-input-border-active:focus {
        border-color: var(--color-input-border-active)
    }

    .focus\:border-input-border-error:focus {
        border-color: var(--color-input-border-error)
    }

    .focus\:text-input-text-input:focus {
        color: var(--color-input-text-input)
    }

    .focus\:outline-none:focus {
        --tw-outline-style: none;
        outline-style: none
    }

    @media(prefers-reduced-motion:no-preference) {
        .motion-safe\:animate-ping {
            animation: var(--animate-ping)
        }
    }

    @media not all and (min-width:992px) {
        .max-lg\:mx-\[20px\] {
            margin-inline: 20px
        }

        .max-lg\:no-scrollbar::-webkit-scrollbar {
            display: none
        }

        .max-lg\:no-scrollbar {
            -ms-overflow-style: none;
            scrollbar-width: none
        }

        .max-lg\:hidden {
            display: none
        }

        .max-lg\:min-h-\[108px\] {
            min-height: 108px
        }

        .max-lg\:min-h-\[136px\] {
            min-height: 136px
        }

        .max-lg\:\!text-base {
            font-size: var(--text-base) !important;
            line-height: var(--tw-leading, var(--text-base--line-height)) !important
        }

        .max-lg\:\!text-\[17px\] {
            font-size: 1.7rem !important
        }

        .max-lg\:\!text-\[19px\] {
            font-size: 1.9rem !important
        }

        .max-lg\:\!text-\[22px\] {
            font-size: 2.2rem !important
        }
    }

    @media not all and (min-width:768px) {
        .max-md\:justify-center {
            justify-content: center
        }
    }

    @media(min-width:375px) {
        .xs\:col-span-3 {
            grid-column: span 3/span 3
        }

        .xs\:w-\[70\%\] {
            width: 70%
        }

        .xs\:w-\[280px\] {
            width: 280px
        }

        .xs\:last\:col-span-3:last-child {
            grid-column: span 3/span 3
        }
    }

    @media(min-width:576px) {
        .sm\:mt-0 {
            margin-top: var(--spacing-0)
        }

        .sm\:mt-\[30px\] {
            margin-top: 30px
        }

        .sm\:mb-\[30px\] {
            margin-bottom: 30px
        }

        .sm\:flex {
            display: flex
        }

        .sm\:w-1\/2 {
            width: 50%
        }

        .sm\:w-auto {
            width: auto
        }

        .sm\:max-w-full {
            max-width: 100%
        }

        .sm\:shrink-0 {
            flex-shrink: 0
        }

        .sm\:grow-0 {
            flex-grow: 0
        }

        .sm\:basis-auto {
            flex-basis: auto
        }

        .sm\:justify-start {
            justify-content: flex-start
        }

        .sm\:px-0 {
            padding-inline: var(--spacing-0)
        }
    }

    @media(min-width:768px) {
        .md\:right-\[32px\] {
            right: 32px
        }

        .md\:mx-0 {
            margin-inline: var(--spacing-0)
        }

        .md\:mx-\[unset\] {
            margin-inline: unset
        }

        .md\:mt-0 {
            margin-top: var(--spacing-0)
        }

        .md\:mb-\[10px\] {
            margin-bottom: 10px
        }

        .md\:mb-\[16px\] {
            margin-bottom: 16px
        }

        .md\:block {
            display: block
        }

        .md\:w-1\/2 {
            width: 50%
        }

        .md\:w-\[20\%\] {
            width: 20%
        }

        .md\:w-\[70\%\] {
            width: 70%
        }

        .md\:w-auto {
            width: auto
        }

        .md\:max-w-96 {
            max-width: calc(var(--spacing)*96)
        }

        .md\:max-w-full {
            max-width: 100%
        }

        .md\:shrink-0 {
            flex-shrink: 0
        }

        .md\:grow-0 {
            flex-grow: 0
        }

        .md\:basis-\[content\] {
            flex-basis: content
        }

        .md\:grid-cols-2 {
            grid-template-columns: repeat(2, minmax(0, 1fr))
        }

        .md\:flex-wrap {
            flex-wrap: wrap
        }

        .md\:pb-\[8px\] {
            padding-bottom: 8px
        }
    }

    @media(min-width:992px) {
        .lg\:invisible {
            visibility: hidden
        }

        .lg\:relative {
            position: relative
        }

        .lg\:top-\[27\%\] {
            top: 27%
        }

        .lg\:top-\[calc\(50\%-15px\)\] {
            top: calc(50% - 15px)
        }

        .lg\:right-\[28px\] {
            right: 28px
        }

        .lg\:left-\[28px\] {
            left: 28px
        }

        .lg\:order-1 {
            order: 1
        }

        .lg\:order-2 {
            order: 2
        }

        .lg\:col-span-2 {
            grid-column: span 2/span 2
        }

        .lg\:col-span-3 {
            grid-column: span 3/span 3
        }

        .lg\:col-span-4 {
            grid-column: span 4/span 4
        }

        .lg\:col-span-5 {
            grid-column: span 5/span 5
        }

        .lg\:col-span-6 {
            grid-column: span 6/span 6
        }

        .lg\:col-span-7 {
            grid-column: span 7/span 7
        }

        .lg\:float-left {
            float: left
        }

        .lg\:float-right {
            float: right
        }

        .lg\:m-0 {
            margin: var(--spacing-0)
        }

        .lg\:m-auto {
            margin: auto
        }

        .lg\:-mx-\[20px\] {
            margin-inline: -20px
        }

        .lg\:mx-0 {
            margin-inline: var(--spacing-0)
        }

        .lg\:mx-\[0\] {
            margin-inline: 0
        }

        .lg\:mx-\[24px\] {
            margin-inline: 24px
        }

        .lg\:my-0 {
            margin-block: var(--spacing-0)
        }

        .lg\:my-\[32px\] {
            margin-block: 32px
        }

        .lg\:mt-\[30px\] {
            margin-top: 30px
        }

        .lg\:mt-\[32px\] {
            margin-top: 32px
        }

        .lg\:mt-\[48px\] {
            margin-top: 48px
        }

        .lg\:mr-\[29px\] {
            margin-right: 29px
        }

        .lg\:mr-\[37px\] {
            margin-right: 37px
        }

        .lg\:mb-0 {
            margin-bottom: var(--spacing-0)
        }

        .lg\:mb-\[-16px\] {
            margin-bottom: -16px
        }

        .lg\:mb-\[0\] {
            margin-bottom: 0
        }

        .lg\:mb-\[16px\] {
            margin-bottom: 16px
        }

        .lg\:mb-\[30px\] {
            margin-bottom: 30px
        }

        .lg\:mb-\[32px\] {
            margin-bottom: 32px
        }

        .lg\:mb-\[40px\] {
            margin-bottom: 40px
        }

        .lg\:mb-\[unset\] {
            margin-bottom: unset
        }

        .lg\:ml-\[8px\] {
            margin-left: 8px
        }

        .lg\:ml-\[unset\] {
            margin-left: unset
        }

        .lg\:line-clamp-2 {
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            display: -webkit-box;
            overflow: hidden
        }

        .lg\:line-clamp-3 {
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            display: -webkit-box;
            overflow: hidden
        }

        .lg\:\!block {
            display: block !important
        }

        .lg\:\!hidden {
            display: none !important
        }

        .lg\:block {
            display: block
        }

        .lg\:flex {
            display: flex
        }

        .lg\:grid {
            display: grid
        }

        .lg\:hidden {
            display: none
        }

        .lg\:inline {
            display: inline
        }

        .lg\:aspect-\[7\/1\] {
            aspect-ratio: 7
        }

        .lg\:aspect-square {
            aspect-ratio: 1
        }

        .lg\:h-\[24px\] {
            height: 24px
        }

        .lg\:h-\[26px\] {
            height: 26px
        }

        .lg\:h-\[107px\] {
            height: 107px
        }

        .lg\:h-\[506px\] {
            height: 506px
        }

        .lg\:h-auto {
            height: auto
        }

        .lg\:h-full {
            height: 100%
        }

        .lg\:max-h-\[18px\] {
            max-height: 18px
        }

        .lg\:min-h-\[110px\] {
            min-height: 110px
        }

        .lg\:min-h-\[161px\] {
            min-height: 161px
        }

        .lg\:w-1\/2 {
            width: 50%
        }

        .lg\:w-1\/3 {
            width: 33.3333%
        }

        .lg\:w-1\/4,
        .lg\:w-3\/12 {
            width: 25%
        }

        .lg\:w-4\/5 {
            width: 80%
        }

        .lg\:w-4\/12 {
            width: 33.3333%
        }

        .lg\:w-6\/12 {
            width: 50%
        }

        .lg\:w-8\/12 {
            width: 66.6667%
        }

        .lg\:w-9\/12 {
            width: 75%
        }

        .lg\:w-\[30\%\] {
            width: 30%
        }

        .lg\:w-\[65px\] {
            width: 65px
        }

        .lg\:w-\[70\%\] {
            width: 70%
        }

        .lg\:w-\[115px\] {
            width: 115px
        }

        .lg\:w-\[120px\] {
            width: 120px
        }

        .lg\:w-\[220px\] {
            width: 220px
        }

        .lg\:w-\[357px\] {
            width: 357px
        }

        .lg\:w-\[516px\] {
            width: 516px
        }

        .lg\:w-\[848px\] {
            width: 848px
        }

        .lg\:w-\[calc\(100\%-124px\)\] {
            width: calc(100% - 124px)
        }

        .lg\:w-auto {
            width: auto
        }

        .lg\:w-full {
            width: 100%
        }

        .lg\:w-max {
            width: max-content
        }

        .lg\:max-w-\[33\.33\%\] {
            max-width: 33.33%
        }

        .lg\:max-w-\[594px\] {
            max-width: 594px
        }

        .lg\:max-w-\[600px\] {
            max-width: 600px
        }

        .lg\:max-w-\[634px\] {
            max-width: 634px
        }

        .lg\:max-w-\[660px\] {
            max-width: 660px
        }

        .lg\:max-w-\[1280px\] {
            max-width: 1280px
        }

        .lg\:min-w-\[130px\] {
            min-width: 130px
        }

        .lg\:flex-1 {
            flex: 1
        }

        .lg\:flex-none {
            flex: none
        }

        .lg\:basis-3\/12 {
            flex-basis: 25%
        }

        .lg\:basis-9\/12 {
            flex-basis: 75%
        }

        .lg\:grid-cols-2 {
            grid-template-columns: repeat(2, minmax(0, 1fr))
        }

        .lg\:grid-cols-3 {
            grid-template-columns: repeat(3, minmax(0, 1fr))
        }

        .lg\:grid-cols-4 {
            grid-template-columns: repeat(4, minmax(0, 1fr))
        }

        .lg\:grid-cols-6 {
            grid-template-columns: repeat(6, minmax(0, 1fr))
        }

        .lg\:flex-row {
            flex-direction: row
        }

        .lg\:flex-nowrap {
            flex-wrap: nowrap
        }

        .lg\:flex-wrap {
            flex-wrap: wrap
        }

        .lg\:items-center {
            align-items: center
        }

        .lg\:justify-start {
            justify-content: flex-start
        }

        .lg\:gap-\[16px\] {
            gap: 16px
        }

        .lg\:gap-x-\[40px\] {
            column-gap: 40px
        }

        :where(.lg\:space-x-\[8px\]>:not(:last-child)) {
            --tw-space-x-reverse: 0;
            margin-inline-start: calc(8px*var(--tw-space-x-reverse));
            margin-inline-end: calc(8px*calc(1 - var(--tw-space-x-reverse)))
        }

        :where(.lg\:space-x-\[8px\]\!>:not(:last-child)) {
            --tw-space-x-reverse: 0 !important;
            margin-inline-start: calc(8px*var(--tw-space-x-reverse)) !important;
            margin-inline-end: calc(8px*calc(1 - var(--tw-space-x-reverse))) !important
        }

        :where(.lg\:space-x-\[16px\]>:not(:last-child)) {
            --tw-space-x-reverse: 0;
            margin-inline-start: calc(16px*var(--tw-space-x-reverse));
            margin-inline-end: calc(16px*calc(1 - var(--tw-space-x-reverse)))
        }

        :where(.lg\:space-x-\[40px\]>:not(:last-child)) {
            --tw-space-x-reverse: 0;
            margin-inline-start: calc(40px*var(--tw-space-x-reverse));
            margin-inline-end: calc(40px*calc(1 - var(--tw-space-x-reverse)))
        }

        .lg\:overflow-auto {
            overflow: auto
        }

        .lg\:overflow-visible {
            overflow: visible
        }

        .lg\:overflow-y-visible {
            overflow-y: visible
        }

        .lg\:\!border-t-0 {
            border-top-style: var(--tw-border-style) !important;
            border-top-width: 0 !important
        }

        .lg\:\!border-b-0 {
            border-bottom-style: var(--tw-border-style) !important;
            border-bottom-width: 0 !important
        }

        .lg\:border-b {
            border-bottom-style: var(--tw-border-style);
            border-bottom-width: 1px
        }

        .lg\:border-b-0 {
            border-bottom-style: var(--tw-border-style);
            border-bottom-width: 0
        }

        .lg\:border-l-\[1px\] {
            border-left-style: var(--tw-border-style);
            border-left-width: 1px
        }

        .lg\:border-divider-primary {
            border-color: var(--color-divider-primary)
        }

        .lg\:bg-background-tertiary {
            background-color: var(--color-background-tertiary)
        }

        .lg\:p-8 {
            padding: var(--spacing-8)
        }

        .lg\:p-\[40px\] {
            padding: 40px
        }

        .lg\:px-0 {
            padding-inline: var(--spacing-0)
        }

        .lg\:px-8 {
            padding-inline: var(--spacing-8)
        }

        .lg\:px-\[12px\] {
            padding-inline: 12px
        }

        .lg\:px-\[16px\] {
            padding-inline: 16px
        }

        .lg\:px-\[20px\] {
            padding-inline: 20px
        }

        .lg\:px-\[unset\] {
            padding-inline: unset
        }

        .lg\:py-0 {
            padding-block: var(--spacing-0)
        }

        .lg\:py-4 {
            padding-block: var(--spacing-4)
        }

        .lg\:py-\[unset\] {
            padding-block: unset
        }

        .lg\:pt-0 {
            padding-top: var(--spacing-0)
        }

        .lg\:pt-\[2px\] {
            padding-top: 2px
        }

        .lg\:pt-\[16px\] {
            padding-top: 16px
        }

        .lg\:pr-0 {
            padding-right: var(--spacing-0)
        }

        .lg\:pr-\[8px\] {
            padding-right: 8px
        }

        .lg\:pr-\[16px\] {
            padding-right: 16px
        }

        .lg\:pb-0 {
            padding-bottom: var(--spacing-0)
        }

        .lg\:pb-\[8px\] {
            padding-bottom: 8px
        }

        .lg\:pb-\[24px\] {
            padding-bottom: 24px
        }

        .lg\:pl-0 {
            padding-left: var(--spacing-0)
        }

        .lg\:pl-8 {
            padding-left: var(--spacing-8)
        }

        .lg\:pl-16 {
            padding-left: var(--spacing-16)
        }

        .lg\:pl-\[16px\] {
            padding-left: 16px
        }

        .lg\:text-center {
            text-align: center
        }

        .lg\:text-left {
            text-align: left
        }

        .first-of-type\:lg\:rounded-t-\[4px\]:first-of-type {
            border-top-left-radius: 4px;
            border-top-right-radius: 4px
        }

        .first-of-type\:lg\:rounded-b-none:first-of-type {
            border-bottom-right-radius: 0;
            border-bottom-left-radius: 0
        }

        .last-of-type\:lg\:rounded-t-none:last-of-type {
            border-top-left-radius: 0;
            border-top-right-radius: 0
        }

        .last-of-type\:lg\:rounded-b-\[4px\]:last-of-type {
            border-bottom-right-radius: 4px;
            border-bottom-left-radius: 4px
        }

        .last-of-type\:lg\:border-b-\[1px\]:last-of-type {
            border-bottom-style: var(--tw-border-style);
            border-bottom-width: 1px
        }

        @media(hover:hover) {
            .lg\:hover\:\!bg-\[--button-primary-hover\]:hover {
                background-color: --button-primary-hover !important
            }

            .lg\:hover\:\!bg-button-secondary-hover:hover {
                background-color: var(--color-button-secondary-hover) !important
            }

            .lg\:hover\:bg-button-primary-hover:hover {
                background-color: var(--color-button-primary-hover)
            }

            .lg\:hover\:bg-button-quaternary-hover:hover {
                background-color: var(--color-button-quaternary-hover)
            }
        }
    }

    @media(min-width:1280px) {
        .xl\:top-\[33\%\] {
            top: 33%
        }

        .xl\:col-span-1 {
            grid-column: span 1/span 1
        }

        .xl\:col-span-2 {
            grid-column: span 2/span 2
        }

        .xl\:mx-0 {
            margin-inline: var(--spacing-0)
        }

        .xl\:my-0 {
            margin-block: var(--spacing-0)
        }

        .xl\:line-clamp-5 {
            -webkit-line-clamp: 5;
            -webkit-box-orient: vertical;
            display: -webkit-box;
            overflow: hidden
        }

        .xl\:block {
            display: block
        }

        .xl\:w-1\/2 {
            width: 50%
        }

        .xl\:w-1\/3 {
            width: 33.3333%
        }

        .xl\:w-2\/12 {
            width: 16.6667%
        }

        .xl\:w-3\/12 {
            width: 25%
        }

        .xl\:w-7\/12 {
            width: 58.3333%
        }

        .xl\:w-9\/12 {
            width: 75%
        }

        .xl\:w-10\/12 {
            width: 83.3333%
        }

        .xl\:w-\[40\%\] {
            width: 40%
        }

        .xl\:w-\[60\%\] {
            width: 60%
        }

        .xl\:w-full {
            width: 100%
        }

        .xl\:max-w-full {
            max-width: 100%
        }

        .xl\:shrink-0 {
            flex-shrink: 0
        }

        .xl\:grow-0 {
            flex-grow: 0
        }

        .xl\:grid-cols-1 {
            grid-template-columns: repeat(1, minmax(0, 1fr))
        }

        .xl\:flex-row {
            flex-direction: row
        }

        .xl\:px-0 {
            padding-inline: var(--spacing-0)
        }
    }

    @media(min-width:1440px) {
        .xxl\:col-span-1 {
            grid-column: span 1/span 1
        }

        .xxl\:col-span-2 {
            grid-column: span 2/span 2
        }

        .xxl\:col-span-3 {
            grid-column: span 3/span 3
        }

        .xxl\:mr-0 {
            margin-right: var(--spacing-0)
        }

        .xxl\:mb-0 {
            margin-bottom: var(--spacing-0)
        }

        .xxl\:mb-\[6px\] {
            margin-bottom: 6px
        }

        .xxl\:block {
            display: block
        }

        .xxl\:flex {
            display: flex
        }

        .xxl\:grid {
            display: grid
        }

        .xxl\:hidden {
            display: none
        }

        .xxl\:w-\[105px\] {
            width: 105px
        }

        .xxl\:w-\[121px\] {
            width: 121px
        }

        .xxl\:w-\[347px\] {
            width: 347px
        }

        .xxl\:w-\[calc\(100\%-347px\)\] {
            width: calc(100% - 347px)
        }

        .xxl\:w-auto {
            width: auto
        }

        .xxl\:w-full {
            width: 100%
        }

        .xxl\:grid-cols-2 {
            grid-template-columns: repeat(2, minmax(0, 1fr))
        }

        .xxl\:grid-cols-3 {
            grid-template-columns: repeat(3, minmax(0, 1fr))
        }

        .xxl\:grid-cols-9 {
            grid-template-columns: repeat(9, minmax(0, 1fr))
        }

        :where(.xxl\:space-y-\[16px\]>:not(:last-child)) {
            --tw-space-y-reverse: 0;
            margin-block-start: calc(16px*var(--tw-space-y-reverse));
            margin-block-end: calc(16px*calc(1 - var(--tw-space-y-reverse)))
        }

        :where(.xxl\:space-x-0>:not(:last-child)) {
            --tw-space-x-reverse: 0;
            margin-inline-start: calc(var(--spacing-0)*var(--tw-space-x-reverse));
            margin-inline-end: calc(var(--spacing-0)*calc(1 - var(--tw-space-x-reverse)))
        }

        :where(.xxl\:space-x-\[16px\]>:not(:last-child)) {
            --tw-space-x-reverse: 0;
            margin-inline-start: calc(16px*var(--tw-space-x-reverse));
            margin-inline-end: calc(16px*calc(1 - var(--tw-space-x-reverse)))
        }

        .xxl\:gap-y-\[16px\] {
            row-gap: 16px
        }

        .xxl\:px-\[8px\] {
            padding-inline: 8px
        }

        .xxl\:pb-0 {
            padding-bottom: var(--spacing-0)
        }

        .xxl\:pb-\[16px\] {
            padding-bottom: 16px
        }

        .xxl\:after\:content-none:after {
            content: var(--tw-content);
            --tw-content: none;
            content: none
        }
    }

    @media(orientation:landscape) {
        .landscape\:relative {
            position: relative
        }

        .landscape\:m-auto {
            margin: auto
        }

        .landscape\:flex {
            display: flex
        }

        .landscape\:aspect-square {
            aspect-ratio: 1
        }

        .landscape\:h-auto {
            height: auto
        }

        .landscape\:h-full {
            height: 100%
        }

        .landscape\:w-\[70\%\] {
            width: 70%
        }

        .landscape\:flex-none {
            flex: none
        }
    }

    .\[\&\:nth-last-child\(2\)\]\:col-span-6:nth-last-child(2) {
        grid-column: span 6/span 6
    }

    @media(min-width:375px) {
        .xs\:\[\&\:nth-last-child\(2\)\]\:col-span-3:nth-last-child(2) {
            grid-column: span 3/span 3
        }
    }

    .\[\&\>label\]\:text-button2>label {
        font-size: var(--font-size-16);
        line-height: var(--line-height-sm);
        letter-spacing: var(--letter-spacing-md);
        font-weight: var(--font-weight-regular)
    }
}

.modal-open {
    overflow: hidden
}

.modal-open .modal {
    overflow: hidden auto
}

.modal {
    z-index: 1050;
    outline: 0;
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    overflow: hidden
}

.modal-dialog {
    pointer-events: none;
    width: auto;
    margin: .5rem;
    position: relative
}

.modal.fade .modal-dialog {
    -o-transition: transform .3s ease-out;
    transition: transform .3s ease-out;
    transform: translateY(-50px)
}

.modal.show .modal-dialog {
    transform: none
}

.modal.modal-static .modal-dialog {
    transform: scale(1.02)
}

.modal-dialog-scrollable {
    max-height: calc(100% - 1rem);
    display: flex
}

.modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 1rem);
    overflow: hidden
}

.modal-dialog-scrollable .modal-header,
.modal-dialog-scrollable .modal-footer {
    flex-shrink: 0
}

.modal-dialog-scrollable .modal-body {
    overflow-y: auto
}

.modal-dialog-centered {
    align-items: center;
    min-height: calc(100% - 1rem);
    display: flex
}

.modal-dialog-centered:before {
    content: "";
    height: min-content;
    display: block
}

.modal-dialog-centered.modal-dialog-scrollable {
    flex-direction: column;
    justify-content: center;
    height: 100%
}

.modal-dialog-centered.modal-dialog-scrollable .modal-content {
    max-height: none
}

.modal-dialog-centered.modal-dialog-scrollable:before {
    content: none
}

.modal-content {
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #0003;
    border-radius: .3rem;
    outline: 0;
    flex-direction: column;
    width: 100%;
    display: flex;
    position: relative
}

.modal-backdrop {
    z-index: 1040;
    background-color: #000;
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.show {
    opacity: .5
}

.modal-header {
    border-bottom: 1px solid #eaeaea;
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px);
    justify-content: space-between;
    align-items: flex-start;
    padding: 1rem;
    display: flex
}

.modal-header .close {
    margin: -1rem -1rem -1rem auto;
    padding: 1rem
}

.modal-title {
    margin-bottom: 0;
    line-height: 1.5
}

.modal-body {
    flex: auto;
    padding: 1rem;
    position: relative
}

.modal-footer {
    border-top: 1px solid #eaeaea;
    border-bottom-right-radius: calc(.3rem - 1px);
    border-bottom-left-radius: calc(.3rem - 1px);
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    padding: .75rem;
    display: flex
}

.modal-footer>* {
    margin: .25rem
}

.modal-scrollbar-measure {
    width: 50px;
    height: 50px;
    position: absolute;
    top: -9999px;
    overflow: scroll
}

.modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto
}

.modal-dialog-scrollable {
    max-height: calc(100% - 3.5rem)
}

.modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 3.5rem)
}

.modal-dialog-centered {
    min-height: calc(100% - 3.5rem)
}

.modal-dialog-centered:before {
    height: min-content
}

.modal-sm {
    max-width: 300px
}

.modal-lg,
.modal-xl {
    max-width: 800px
}

.modal-xl {
    max-width: 1140px
}

.modal.fade .modal-dialog {
    -o-transition: none;
    transition: none
}

.keyword-links {
    z-index: 1 !important
}

.sticky-inner-wrapper {
    background-color: var(--color-white)
}

.sticky-outer-wrapper {
    width: 100%
}

:where(.bannerSpace>:not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(10px*var(--tw-space-y-reverse));
    margin-block-end: calc(10px*calc(1 - var(--tw-space-y-reverse)))
}

.bannerSpace {
    padding-top: 10px
}

.staticPage p {
    vertical-align: top;
    clear: both
}

.staticPage p br {
    clear: both
}

.staticPage .title {
    font-size: var(--font-size-18);
    line-height: var(--line-height-md);
    letter-spacing: var(--letter-spacing-sm);
    font-weight: var(--font-weight-medium);
    color: var(--color-emphasis)
}

.staticPage .mt-32 {
    margin-top: 32px !important
}

.staticPage .pt-32 {
    padding-top: 32px
}

.staticPage .pr-20 {
    padding-right: 20px
}

@media(min-width:576px) {
    .staticPage .pl-20 {
        padding-left: 20px
    }
}

.staticPage .ul-title {
    font-size: var(--font-size-18);
    line-height: var(--line-height-md);
    letter-spacing: var(--letter-spacing-sm);
    font-weight: var(--font-weight-medium);
    color: var(--color-emphasis);
    margin-top: 32px !important
}

.staticPage .with-title strong {
    font-size: var(--font-size-18);
    line-height: var(--line-height-md);
    letter-spacing: var(--letter-spacing-sm);
    font-weight: var(--font-weight-medium);
    color: var(--color-emphasis) !important
}

.staticPage .with-title,
.staticPage .text-16 {
    font-size: var(--font-size-16);
    line-height: var(--line-height-sm);
    letter-spacing: var(--letter-spacing-sm);
    font-weight: var(--font-weight-regular)
}

.staticPage .text-16 strong {
    color: var(--color-emphasis) !important;
    font-size: 1.6rem !important
}

@media(max-width:576px) {
    .staticPage .with-title-blank {
        font-size: var(--font-size-16);
        line-height: var(--line-height-sm);
        letter-spacing: var(--letter-spacing-sm);
        font-weight: var(--font-weight-regular);
        margin-top: 0 !important
    }
}

@media(min-width:576px) {
    .staticPage .text-16.with-title-blank {
        font-size: var(--font-size-16);
        line-height: var(--line-height-sm);
        letter-spacing: var(--letter-spacing-sm);
        font-weight: var(--font-weight-regular);
        position: relative
    }

    .staticPage .text-16.with-title-blank:before {
        content: "";
        display: block;
        height: 29px !important
    }

    .staticPage .with-title-blank {
        font-size: var(--font-size-16);
        line-height: var(--line-height-sm);
        letter-spacing: var(--letter-spacing-sm);
        font-weight: var(--font-weight-regular);
        position: relative
    }

    .staticPage .with-title-blank:before {
        content: "";
        height: 32px;
        display: block
    }
}

.staticPage .button-static-page {
    border-radius: var(--radius-button-radius-full);
    border-style: var(--tw-border-style);
    color: var(--color-white);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    text-align: center;
    float: left;
    cursor: pointer;
    border-width: 1px;
    justify-content: center;
    height: 40px;
    padding-left: 24px;
    padding-right: 24px;
    font-size: 1.6rem;
    line-height: 3.6rem;
    display: flex;
    clear: none !important;
    margin-right: 8px !important
}

@media(hover:hover) {
    .staticPage .button-static-page:hover:hover {
        background-color: var(--color-button-tertiary-hover)
    }
}

.staticPage .button-default {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-button-tertiary-default);
    color: var(--color-button-tertiary-default)
}

.staticPage .button-default a {
    color: var(--color-button-tertiary-default) !important;
    text-decoration: none !important
}

.staticPage .button-primary {
    border-radius: var(--radius-button-radius-full);
    background-color: var(--color-button-primary-default)
}

.staticPage .button-primary a {
    color: #fff !important;
    text-decoration: none !important
}

@media(hover:hover) {
    .staticPage .button-primary:hover:hover {
        background-color: var(--color-red-550)
    }
}

.staticPage u {
    float: left;
    margin-left: 3em;
    text-decoration: none
}

@media(max-width:576px) {

    .staticPage .mt-u1 u:first-of-type,
    .staticPage .mt-u2 u:nth-of-type(2),
    .staticPage .mt-u3 u:nth-of-type(3) {
        margin-top: 16px
    }
}

.staticPage ul {
    margin: 0 !important
}

.staticPage ul li::marker {
    font-size: 1.4rem
}

.staticPage ul p {
    margin: 0 !important
}

.staticPage ul:last-of-type {
    margin-bottom: 16px !important
}

@media(max-width:576px) {
    .staticPage .mt-16-ghost {
        margin-top: 0 !important
    }
}

@media(min-width:576px) {
    .staticPage .mb-16-ghost {
        margin-bottom: 16px !important
    }
}

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

@media(max-width:576px) {
    .staticPage .mb-0-ghost {
        margin-bottom: 16px !important
    }
}

@media(min-width:576px) {
    .staticPage .mb-0-ghost {
        margin-bottom: 0 !important
    }
}

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

.staticPage .title-mb-0 {
    margin-bottom: -16px !important
}

.staticPage .appstore-image {
    height: 24px
}

.staticPage .items-center {
    align-items: center
}

.staticPage .text-center {
    text-align: center
}

.staticPage .static-header2 {
    font-size: var(--font-size-22);
    line-height: var(--line-height-sm);
    letter-spacing: var(--letter-spacing-none);
    font-weight: var(--font-weight-medium);
    color: var(--color-emphasis);
    border-top: 1px solid #a80034;
    padding-top: 8px
}

.staticPage .static-header3 {
    font-size: var(--font-size-18);
    line-height: var(--line-height-md);
    letter-spacing: var(--letter-spacing-sm);
    font-weight: var(--font-weight-medium);
    color: var(--color-emphasis);
    padding-top: 16px;
    margin: 0 !important
}

.staticPage .other-link {
    line-height: 3.2rem
}

@media(max-width:576px) {
    .staticPage .other-link .link-mg {
        padding-top: 16px !important
    }
}

.staticPage .other-link .icon-img {
    margin-top: 6px
}

.staticPage .icon-img {
    width: 24px;
    height: 24px
}

.staticPage .with-icon {
    margin-top: 8px;
    padding-left: 30px;
    font-size: 1.8rem;
    position: relative
}

.staticPage .with-icon a {
    height: 32px
}

.staticPage .with-icon img {
    position: absolute;
    top: 40%;
    left: 0
}

.staticPage a[href^=tel] {
    color: var(--color-primary) !important;
    text-decoration: none !important
}

.staticPage .faq-node-box p:first-of-type {
    margin-top: 0 !important
}

.staticPage .bff-bottom-profile {
    display: block !important
}

.main-menu-item:hover {
    background-color: var(--color-background-tertiary);
    color: var(--color-primary)
}

.main-menu-item:hover .submenu {
    color: var(--color-primary)
}

.main-menu-item:hover .submenu:before {
    vertical-align: middle;
    border-bottom: 4px solid var(--color-icon-primary-default);
    border-top: 0;
    border-left: 4px solid #0000;
    border-right: 4px solid #0000;
    margin-left: 4px;
    display: inline-block
}

.main-menu-item:hover .submenu.is-active:hover:before {
    vertical-align: middle;
    border-bottom: 4px solid var(--color-icon-primary-default);
    border-top: 0;
    border-left: 4px solid #0000;
    border-right: 4px solid #0000;
    border-top-color: var(--color-brand-primary);
    border-bottom-color: var(--color-brand-primary);
    margin-left: 4px;
    display: inline-block
}

.main-menu-item:hover .submenu div {
    display: block
}

.main-menu-item.is-active {
    font-size: var(--font-size-16);
    line-height: var(--line-height-sm);
    letter-spacing: var(--letter-spacing-md);
    font-weight: var(--font-weight-medium);
    color: var(--color-brand-primary)
}

.main-menu-item.is-active .submenu:before {
    vertical-align: middle;
    border-bottom: 0;
    border-left: 4px solid #0000;
    border-right: 4px solid #0000;
    border-top: 4px solid var(--color-icon-secondary-default);
    border-top-color: var(--color-brand-primary);
    border-bottom-color: var(--color-brand-primary);
    margin-left: 4px;
    display: inline-block
}

.main-menu-item.is-active:hover .submenu:before {
    vertical-align: middle;
    border-bottom: 4px solid var(--color-icon-primary-default);
    border-top: 0;
    border-left: 4px solid #0000;
    border-right: 4px solid #0000;
    border-top-color: var(--color-brand-primary);
    border-bottom-color: var(--color-brand-primary);
    margin-left: 4px;
    display: inline-block
}

.grid-container {
    width: 100%;
    display: grid
}

.top_news_layout {
    grid-area: top_news_layout
}

.correspondents_layout {
    grid-area: correspondents_layout
}

.xiawucha_layout {
    grid-area: xiawucha_layout
}

.viewpoints_layout {
    grid-area: viewpoints_layout
}

.realtime_layout {
    grid-area: realtime_layout
}

.grid-container {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "top_news_layout" "realtime_layout" "correspondents_layout" "xiawucha_layout" "viewpoints_layout"
}

.keywords_xia-wu-cha-layout li:first-child .vertical-article-card.responsive {
    border-top-width: 0 !important
}

@media(min-width:576px) {

    .realtime_layout,
    .top_news_layout,
    .correspondents-layout,
    .keywords_xia-wu-cha-layout,
    .viewpoints-layout {
        max-width: 540px
    }
}

@media(min-width:768px) {

    .realtime_layout,
    .top_news_layout,
    .correspondents-layout,
    .keywords_xia-wu-cha-layout,
    .viewpoints-layout {
        max-width: 720px
    }
}

@media(min-width:1280px) {

    .realtime_layout,
    .top_news_layout,
    .correspondents-layout,
    .keywords_xia-wu-cha-layout,
    .viewpoints-layout {
        max-width: 1260px
    }
}

@media(min-width:1680px) {

    .realtime_layout,
    .top_news_layout,
    .correspondents-layout,
    .keywords_xia-wu-cha-layout,
    .viewpoints-layout {
        max-width: 1400px
    }
}

@media(min-width:992px) {
    .grid-container {
        grid-template-columns: minmax(0, 2fr) minmax(300px, 1fr);
        grid-template-areas: "top_news_layout realtime_layout" "correspondents_layout realtime_layout" "xiawucha_layout realtime_layout" "viewpoints_layout realtime_layout";
        grid-auto-rows: min-content
    }
}

@media(min-width:1280px) {
    .grid-container {
        grid-template-columns: minmax(0, 3fr) minmax(0, 1fr)
    }

    .viewpoints-layout {
        margin-bottom: -24px
    }
}

.single-carousel {
    width: 100%;
    padding-inline: var(--spacing-8);
    padding-top: 16px;
    position: relative
}

.single-carousel .slick-list {
    padding: var(--spacing-0);
    margin-bottom: 16px;
    max-width: 100% !important
}

@media(min-width:768px) {
    .single-carousel .slick-list {
        overflow: hidden !important
    }
}

.single-carousel .slick-prev,
.single-carousel .slick-next {
    z-index: 9;
    background-color: var(--color-button-quaternary-default);
    width: 30px;
    height: 30px;
    color: var(--color-white);
    border-radius: 3.40282e38px;
    padding: 5px;
    display: none;
    position: absolute;
    top: calc(50% - 71px)
}

@media(hover:hover) {
    :is(.single-carousel .slick-prev, .single-carousel .slick-next):hover {
        background-color: var(--color-button-quaternary-hover)
    }
}

@media(min-width:576px) {

    .single-carousel .slick-prev,
    .single-carousel .slick-next {
        top: 37%
    }
}

@media(min-width:992px) {

    .single-carousel .slick-prev,
    .single-carousel .slick-next {
        display: block;
        top: calc(50% - 15px)
    }
}

:is(.single-carousel .slick-prev, .single-carousel .slick-next):before {
    content: "" !important
}

.single-carousel .slick-next {
    right: 28px
}

.single-carousel .slick-prev {
    left: 28px
}

@media(min-width:992px) {
    .single-carousel .slick-prev {
        left: calc(50% + 8px)
    }
}

.single-carousel .slick-prev {
    right: unset !important
}

.multi-carousel {
    padding-bottom: 16px
}

@media(min-width:992px) {
    .multi-carousel {
        margin-inline: unset;
        width: 100%;
        padding-bottom: var(--spacing-0)
    }
}

.multi-carousel .slick-slider {
    margin-inline: calc(var(--spacing-8)*-1)
}

@media(min-width:992px) {
    .multi-carousel .slick-slider {
        margin-inline: unset
    }
}

.multi-carousel .slick-slider .slick-list {
    max-width: 100% !important;
    padding-inline: var(--spacing-0) !important
}

.multi-carousel .slick-arrow {
    background-color: var(--color-background-brand-primary) !important
}

.multi-carousel .card.vertical-article-card h3 {
    color: var(--color-secondary)
}

.multi-carousel .card.vertical-article-card.inverse .card-content .content-header {
    min-height: 54px
}

.section-carousel {
    flex-direction: column;
    width: auto;
    margin-inline: -10px;
    display: flex
}

@media(min-width:992px) {
    .section-carousel {
        width: auto
    }
}

.section-carousel .slick-list {
    max-width: 100% !important;
    padding: var(--spacing-0) !important
}

.section-carousel .slick-list .slick-track .slick-slide {
    aspect-ratio: 3
}

.section-carousel .section-banner {
    aspect-ratio: 3;
    object-fit: cover;
    object-position: center;
    padding-inline: 8px;
    display: block;
    overflow: hidden
}

.section-carousel .section-banner img {
    object-fit: cover;
    object-position: center;
    height: 100%;
    padding: var(--spacing-0);
    border-radius: 4px
}

.section-carousel .slick-dots {
    position: static
}

.section-carousel .slick-dots li {
    margin-inline: 4px;
    margin-block: var(--spacing-0);
    height: auto;
    width: unset;
    padding: var(--spacing-0)
}

.section-carousel .slick-dots li button {
    background-color: var(--color-button-ghost-default);
    width: 32px;
    height: 4px;
    padding: var(--spacing-0);
    opacity: .6;
    border-radius: 100px
}

.section-carousel .slick-dots li button:before {
    color: var(--color-white);
    opacity: 1;
    --tw-content: "";
    content: var(--tw-content);
    font-size: .8rem
}

.section-carousel .slick-dots li.slick-active button {
    opacity: 1;
    width: 32px;
    position: relative
}

.section-carousel .slick-dots li.slick-active button:before {
    left: var(--spacing-0);
    height: 4px;
    width: var(--spacing-0);
    background-color: var(--color-background-brand-primary);
    color: none;
    opacity: 1;
    --tw-content: "";
    content: var(--tw-content);
    animation: var(--animate-loader-bar);
    border-radius: 100px;
    position: absolute
}

.brightcove-carousel {
    background-color: var(--color-background-cinema);
    padding-bottom: 16px;
    position: relative;
    overflow: hidden
}

.brightcove-carousel .slick-slider .slick-list .slick-track .slick-slide>div:first-of-type {
    padding-block: 16px
}

@media(min-width:992px) {
    .brightcove-carousel .slick-slider .slick-list .slick-track .slick-slide>div:first-of-type {
        margin-inline: var(--spacing-8)
    }
}

.brightcove-carousel .slick-slider.bc-playlist {
    padding-inline: 20px;
    padding-top: var(--spacing-0)
}

@media(min-width:992px) {
    .brightcove-carousel .slick-slider.bc-playlist {
        padding-inline: var(--spacing-0)
    }
}

.brightcove-carousel .slick-slider.bc-playlist .vjs-playlist-item {
    position: relative
}

.brightcove-carousel .slick-slider.bc-playlist .vjs-playlist-item .vjs-playlist-thumbnail {
    aspect-ratio: var(--aspect-video);
    border-radius: 4px;
    display: block;
    position: relative
}

.brightcove-carousel .slick-slider.bc-playlist .vjs-playlist-item .vjs-playlist-thumbnail img {
    object-fit: cover;
    border-radius: 4px;
    width: auto;
    height: 100%;
    transition: all .7s ease-in-out
}

.brightcove-carousel .slick-slider.bc-playlist .vjs-playlist-item .vjs-playlist-thumbnail:before {
    --tw-content: none;
    content: none
}

.brightcove-carousel .slick-slider.bc-playlist .vjs-playlist-item .vjs-playlist-duration {
    font-size: var(--font-size-16);
    line-height: var(--line-height-sm);
    letter-spacing: var(--letter-spacing-md);
    font-weight: var(--font-weight-medium);
    color: var(--color-white);
    border-radius: 3.40282e38px;
    padding-inline: 8px;
    position: absolute;
    bottom: 8px;
    left: auto;
    top: unset !important;
    background-color: var(--color-background-overlay-secondary) !important;
    right: 8px !important
}

.brightcove-carousel .slick-slider.bc-playlist .vjs-playlist-item:hover .vjs-playlist-thumbnail:before {
    background-color: #0009;
    border-radius: 3.40282e38px;
    font-family: VideoJS;
    font-size: 3rem;
    display: block;
    --tw-leading: 4rem !important;
    width: 40px !important;
    height: 40px !important;
    line-height: 4rem !important;
    top: 30% !important;
    left: calc(50% - 20px) !important
}

.brightcove-carousel .slick-slider .slick-prev {
    top: var(--spacing-0);
    left: var(--spacing-0);
    margin-block: 90px;
    margin-inline: 18px
}

.brightcove-carousel .slick-slider .slick-prev:before {
    background-color: var(--color-white);
    --tw-content: "";
    content: var(--tw-content);
    width: 20px;
    height: 30px;
    display: block;
    -webkit-mask: url(data:image/webp;base64,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) 50%/20px no-repeat;
    mask: url(data:image/webp;base64,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) 50%/20px no-repeat
}

.brightcove-carousel .slick-slider .slick-next {
    top: var(--spacing-0);
    right: var(--spacing-0);
    margin-block: 90px;
    margin-inline: 18px
}

.brightcove-carousel .slick-slider .slick-next:before {
    background-color: var(--color-white);
    --tw-content: "";
    content: var(--tw-content);
    width: 20px;
    height: 30px;
    display: block;
    -webkit-mask: url(data:image/webp;base64,UklGRowNAABXRUJQVlA4WAoAAAAwAAAAYwAAYwAASUNDUEgMAAAAAAxITGlubwIQAABtbnRyUkdCIFhZWiAHzgACAAkABgAxAABhY3NwTVNGVAAAAABJRUMgc1JHQgAAAAAAAAAAAAAAAQAA9tYAAQAAAADTLUhQICAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABFjcHJ0AAABUAAAADNkZXNjAAABhAAAAGx3dHB0AAAB8AAAABRia3B0AAACBAAAABRyWFlaAAACGAAAABRnWFlaAAACLAAAABRiWFlaAAACQAAAABRkbW5kAAACVAAAAHBkbWRkAAACxAAAAIh2dWVkAAADTAAAAIZ2aWV3AAAD1AAAACRsdW1pAAAD+AAAABRtZWFzAAAEDAAAACR0ZWNoAAAEMAAAAAxyVFJDAAAEPAAACAxnVFJDAAAEPAAACAxiVFJDAAAEPAAACAx0ZXh0AAAAAENvcHlyaWdodCAoYykgMTk5OCBIZXdsZXR0LVBhY2thcmQgQ29tcGFueQAAZGVzYwAAAAAAAAASc1JHQiBJRUM2MTk2Ni0yLjEAAAAAAAAAAAAAABJzUkdCIElFQzYxOTY2LTIuMQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAWFlaIAAAAAAAAPNRAAEAAAABFsxYWVogAAAAAAAAAAAAAAAAAAAAAFhZWiAAAAAAAABvogAAOPUAAAOQWFlaIAAAAAAAAGKZAAC3hQAAGNpYWVogAAAAAAAAJKAAAA+EAAC2z2Rlc2MAAAAAAAAAFklFQyBodHRwOi8vd3d3LmllYy5jaAAAAAAAAAAAAAAAFklFQyBodHRwOi8vd3d3LmllYy5jaAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABkZXNjAAAAAAAAAC5JRUMgNjE5NjYtMi4xIERlZmF1bHQgUkdCIGNvbG91ciBzcGFjZSAtIHNSR0IAAAAAAAAAAAAAAC5JRUMgNjE5NjYtMi4xIERlZmF1bHQgUkdCIGNvbG91ciBzcGFjZSAtIHNSR0IAAAAAAAAAAAAAAAAAAAAAAAAAAAAAZGVzYwAAAAAAAAAsUmVmZXJlbmNlIFZpZXdpbmcgQ29uZGl0aW9uIGluIElFQzYxOTY2LTIuMQAAAAAAAAAAAAAALFJlZmVyZW5jZSBWaWV3aW5nIENvbmRpdGlvbiBpbiBJRUM2MTk2Ni0yLjEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHZpZXcAAAAAABOk/gAUXy4AEM8UAAPtzAAEEwsAA1yeAAAAAVhZWiAAAAAAAEwJVgBQAAAAVx/nbWVhcwAAAAAAAAABAAAAAAAAAAAAAAAAAAAAAAAAAo8AAAACc2lnIAAAAABDUlQgY3VydgAAAAAAAAQAAAAABQAKAA8AFAAZAB4AIwAoAC0AMgA3ADsAQABFAEoATwBUAFkAXgBjAGgAbQByAHcAfACBAIYAiwCQAJUAmgCfAKQAqQCuALIAtwC8AMEAxgDLANAA1QDbAOAA5QDrAPAA9gD7AQEBBwENARMBGQEfASUBKwEyATgBPgFFAUwBUgFZAWABZwFuAXUBfAGDAYsBkgGaAaEBqQGxAbkBwQHJAdEB2QHhAekB8gH6AgMCDAIUAh0CJgIvAjgCQQJLAlQCXQJnAnECegKEAo4CmAKiAqwCtgLBAssC1QLgAusC9QMAAwsDFgMhAy0DOANDA08DWgNmA3IDfgOKA5YDogOuA7oDxwPTA+AD7AP5BAYEEwQgBC0EOwRIBFUEYwRxBH4EjASaBKgEtgTEBNME4QTwBP4FDQUcBSsFOgVJBVgFZwV3BYYFlgWmBbUFxQXVBeUF9gYGBhYGJwY3BkgGWQZqBnsGjAadBq8GwAbRBuMG9QcHBxkHKwc9B08HYQd0B4YHmQesB78H0gflB/gICwgfCDIIRghaCG4IggiWCKoIvgjSCOcI+wkQCSUJOglPCWQJeQmPCaQJugnPCeUJ+woRCicKPQpUCmoKgQqYCq4KxQrcCvMLCwsiCzkLUQtpC4ALmAuwC8gL4Qv5DBIMKgxDDFwMdQyODKcMwAzZDPMNDQ0mDUANWg10DY4NqQ3DDd4N+A4TDi4OSQ5kDn8Omw62DtIO7g8JDyUPQQ9eD3oPlg+zD88P7BAJECYQQxBhEH4QmxC5ENcQ9RETETERTxFtEYwRqhHJEegSBxImEkUSZBKEEqMSwxLjEwMTIxNDE2MTgxOkE8UT5RQGFCcUSRRqFIsUrRTOFPAVEhU0FVYVeBWbFb0V4BYDFiYWSRZsFo8WshbWFvoXHRdBF2UXiReuF9IX9xgbGEAYZRiKGK8Y1Rj6GSAZRRlrGZEZtxndGgQaKhpRGncanhrFGuwbFBs7G2MbihuyG9ocAhwqHFIcexyjHMwc9R0eHUcdcB2ZHcMd7B4WHkAeah6UHr4e6R8THz4faR+UH78f6iAVIEEgbCCYIMQg8CEcIUghdSGhIc4h+yInIlUigiKvIt0jCiM4I2YjlCPCI/AkHyRNJHwkqyTaJQklOCVoJZclxyX3JicmVyaHJrcm6CcYJ0kneierJ9woDSg/KHEooijUKQYpOClrKZ0p0CoCKjUqaCqbKs8rAis2K2krnSvRLAUsOSxuLKIs1y0MLUEtdi2rLeEuFi5MLoIuty7uLyQvWi+RL8cv/jA1MGwwpDDbMRIxSjGCMbox8jIqMmMymzLUMw0zRjN/M7gz8TQrNGU0njTYNRM1TTWHNcI1/TY3NnI2rjbpNyQ3YDecN9c4FDhQOIw4yDkFOUI5fzm8Ofk6Njp0OrI67zstO2s7qjvoPCc8ZTykPOM9Ij1hPaE94D4gPmA+oD7gPyE/YT+iP+JAI0BkQKZA50EpQWpBrEHuQjBCckK1QvdDOkN9Q8BEA0RHRIpEzkUSRVVFmkXeRiJGZ0arRvBHNUd7R8BIBUhLSJFI10kdSWNJqUnwSjdKfUrESwxLU0uaS+JMKkxyTLpNAk1KTZNN3E4lTm5Ot08AT0lPk0/dUCdQcVC7UQZRUFGbUeZSMVJ8UsdTE1NfU6pT9lRCVI9U21UoVXVVwlYPVlxWqVb3V0RXklfgWC9YfVjLWRpZaVm4WgdaVlqmWvVbRVuVW+VcNVyGXNZdJ114XcleGl5sXr1fD19hX7NgBWBXYKpg/GFPYaJh9WJJYpxi8GNDY5dj62RAZJRk6WU9ZZJl52Y9ZpJm6Gc9Z5Nn6Wg/aJZo7GlDaZpp8WpIap9q92tPa6dr/2xXbK9tCG1gbbluEm5rbsRvHm94b9FwK3CGcOBxOnGVcfByS3KmcwFzXXO4dBR0cHTMdSh1hXXhdj52m3b4d1Z3s3gReG54zHkqeYl553pGeqV7BHtje8J8IXyBfOF9QX2hfgF+Yn7CfyN/hH/lgEeAqIEKgWuBzYIwgpKC9INXg7qEHYSAhOOFR4Wrhg6GcobXhzuHn4gEiGmIzokziZmJ/opkisqLMIuWi/yMY4zKjTGNmI3/jmaOzo82j56QBpBukNaRP5GokhGSepLjk02TtpQglIqU9JVflcmWNJaflwqXdZfgmEyYuJkkmZCZ/JpomtWbQpuvnByciZz3nWSd0p5Anq6fHZ+Ln/qgaaDYoUehtqImopajBqN2o+akVqTHpTilqaYapoum/adup+CoUqjEqTepqaocqo+rAqt1q+msXKzQrUStuK4trqGvFq+LsACwdbDqsWCx1rJLssKzOLOutCW0nLUTtYq2AbZ5tvC3aLfguFm40blKucK6O7q1uy67p7whvJu9Fb2Pvgq+hL7/v3q/9cBwwOzBZ8Hjwl/C28NYw9TEUcTOxUvFyMZGxsPHQce/yD3IvMk6ybnKOMq3yzbLtsw1zLXNNc21zjbOts83z7jQOdC60TzRvtI/0sHTRNPG1EnUy9VO1dHWVdbY11zX4Nhk2OjZbNnx2nba+9uA3AXcit0Q3ZbeHN6i3ynfr+A24L3hROHM4lPi2+Nj4+vkc+T85YTmDeaW5x/nqegy6LzpRunQ6lvq5etw6/vshu0R7ZzuKO6070DvzPBY8OXxcvH/8ozzGfOn9DT0wvVQ9d72bfb794r4Gfio+Tj5x/pX+uf7d/wH/Jj9Kf26/kv+3P9t//9WUDhMxwAAAC9jwBgQZ6CgbRvG/Em3OyDmf/4Jsm1TRyjCDJ5YhhDg8OG02rZlwd0qjc4Sf8NlAIZgBJovQSeRiQ7PVpCeG4cQ0X9FbhspXcZTZhaeEPp8QjCu2bWXEu5S0sCsoSTFvBpd1QayTcTeLVXty6RV2D+gslWl01ULb3N5UySsqlzkp2ctPz2BAHq2AD39/y96ogA9GYCeHCGiQUwBNiLIAegkLICwMsCSCW8BeCTC6/3nUAO8KomX6yO8jmPAK5/4SSB+Kz6rEAIAUFNBSU4AAAA4QklNA+0AAAAAABABLAAAAAEAAQEsAAAAAQABOEJJTQQoAAAAAAAMAAAAAj/wAAAAAAAAOEJJTQRDAAAAAAANUGJlVwEQAAUBAAAAAAA=) 50%/20px no-repeat;
    mask: url(data:image/webp;base64,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) 50%/20px no-repeat
}

.zbclub-social {
    height: 100%
}

@media(orientation:landscape) {
    .zbclub-social {
        height: 100%
    }
}

.zbclub-social .slick-list {
    height: 100%
}

@media(min-width:992px) {
    .zbclub-social .slick-list {
        height: auto
    }
}

.zbclub-social .slick-list .slick-track,
.zbclub-social .slick-list .slick-track .slick-slide {
    height: 100%
}

@media(min-width:992px) {
    .zbclub-social .slick-list .slick-track .slick-slide {
        width: 100%
    }
}

.zbclub-social .slick-list .slick-track .slick-slide>div:first-of-type {
    height: 100%;
    position: relative
}

@media(min-width:992px) {
    .zbclub-social .slick-list .slick-track .slick-slide>div:first-of-type {
        width: 100%
    }
}

.banner-container .homepage-full-width-banner-slider .slick-list {
    max-width: 100% !important;
    padding-inline: var(--spacing-0) !important
}

.banner-container .homepage-full-width-banner-slider .slick-list .slick-slide>div:first-of-type {
    flex-direction: column;
    display: flex
}

.banner-container .homepage-full-width-banner-btn button {
    --tw-shadow: 0 0 4px 2px var(--tw-shadow-color, #261b1b40);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
}

.articlePage .embed {
    justify-content: center;
    display: flex
}

.articlePage .bff-google-ad {
    border-top: 1px solid var(--color-divider-primary);
    margin: 16px 0;
    padding-top: 8px
}

.articlePage .articleBody .vjs-playlist-item p {
    margin-block: var(--spacing-0)
}

.articlePage .articleBody {
    line-height: 1.8
}

.articlePage .articleBody figure {
    margin: 0
}

.articlePage .articleBody blockquote {
    color: var(--color-primary);
    border-inline-start-width: 2px;
    border-inline-start-color: var(--color-background-success-primary);
    margin: 16px 0;
    padding-inline-start: 16px;
    font-style: normal;
    font-weight: 300
}

.articlePage .articleBody blockquote.inline-blockquote .blockquote-byline {
    color: var(--color-secondary);
    margin-top: 8px;
    font-size: 1.8rem
}

.articlePage .articleBody p {
    overflow-wrap: break-word;
    margin: 16px 0
}

.articlePage .articleBody a {
    color: var(--color-link-in-component-brand-secondary);
    overflow-wrap: break-word;
    font-style: normal;
    text-decoration: underline
}

.articlePage .articleBody a:hover {
    color: var(--color-link-in-component-brand-secondary)
}

.articlePage .articleBody hr {
    margin: 16px 0
}

.articlePage .articleBody .bff-sub-heading {
    color: var(--color-primary);
    margin: 16px 0;
    font-weight: 500
}

.articlePage .articleBody figure.bff-inline-image {
    text-align: center;
    width: 100%;
    max-width: 100%;
    color: var(--color-secondary);
    margin: 16px auto
}

.articlePage .articleBody figure.bff-inline-image:not(.inline-figure-l) {
    clear: both !important
}

.articlePage .articleBody figure.bff-inline-image.inline-figure-l {
    clear: right;
    width: 100%
}

.articlePage .articleBody figure.bff-inline-image.inline-figure-l+* {
    clear: right
}

@media(min-width:992px) {
    .articlePage .articleBody figure.bff-inline-image.inline-figure-l {
        float: left;
        box-sizing: content-box;
        max-width: 40%;
        margin-top: 0;
        padding-right: 40px
    }
}

.articlePage .articleBody figure.bff-inline-image.inline-figure-r {
    clear: left;
    width: 100%
}

.articlePage .articleBody figure.bff-inline-image.inline-figure-r+* {
    clear: left
}

@media(min-width:992px) {
    .articlePage .articleBody figure.bff-inline-image.inline-figure-r {
        float: right;
        box-sizing: content-box;
        max-width: 40%;
        margin-top: 0;
        padding-left: 40px
    }
}

.articlePage .articleBody figure.bff-inline-image figcaption {
    margin-top: 16px
}

.articlePage .articleBody .bff-bottom-profile {
    border: 1px solid var(--color-divider-primary);
    border-radius: 4px;
    margin: 16px 0;
    padding: 20px
}

@media(min-width:992px) {
    .articlePage .articleBody .bff-bottom-profile {
        gap: 16px;
        display: flex
    }
}

.articlePage .articleBody .bff-bottom-profile .inline-figure {
    cursor: default;
    pointer-events: none;
    object-fit: contain;
    width: 200px;
    min-width: 200px;
    margin: 0 0 16px
}

@media(min-width:992px) {
    .articlePage .articleBody .bff-bottom-profile .inline-figure {
        margin-bottom: 0
    }
}

.articlePage .articleBody .bff-bottom-profile .inline-figure .bff-inline-image-expand-icon {
    display: none
}

.articlePage .articleBody .bff-bottom-profile .inline-figure img {
    width: 200px
}

.articlePage .articleBody .bff-bottom-profile p {
    color: var(--color-primary);
    margin: 0
}

.articlePage .articleBody .bff-iframe-remote-video {
    margin: 16px 0;
    padding-bottom: 56.25%;
    position: relative
}

.articlePage .articleBody .bff-iframe-remote-video>iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0
}

.articlePage .articleBody li::marker {
    color: var(--color-primary)
}

.articlePage .articleBody li,
.articlePage .articleBody li p,
.articlePage .articleBody li ul,
.articlePage .articleBody li ol {
    margin: 0
}

.articlePage .articleBody ul,
.articlePage .articleBody ol {
    margin: 16px 0;
    padding-left: 20px
}

.articlePage .articleBody ul {
    list-style-type: disc
}

.articlePage .articleBody ul>li>ul,
.articlePage .articleBody ul>li>ol {
    list-style-type: circle
}

:is(.articlePage .articleBody ul>li>ul, .articlePage .articleBody ul>li>ol)>li>ul,
:is(.articlePage .articleBody ul>li>ul, .articlePage .articleBody ul>li>ol)>li>ol {
    list-style-type: square
}

.articlePage .articleBody ol {
    list-style-type: decimal
}

.articlePage .articleBody ol>li>ul,
.articlePage .articleBody ol>li>ol {
    list-style-type: lower-alpha
}

:is(.articlePage .articleBody ol>li>ul, .articlePage .articleBody ol>li>ol)>li>ul,
:is(.articlePage .articleBody ol>li>ul, .articlePage .articleBody ol>li>ol)>li>ol {
    list-style-type: lower-roman
}

.articlePage .articleBody .bff-recommend-article a.title {
    color: var(--color-link-headline-default);
    touch-action: auto;
    justify-content: space-between;
    gap: 8px;
    font-size: 1.8rem;
    text-decoration-line: none;
    display: flex
}

.articlePage .articleBody .bff-embed-wrapper {
    justify-content: center;
    width: 100%;
    margin: 16px auto;
    display: flex
}

.articlePage .articleBody .bff-embed-wrapper .embed-wrapper {
    width: 100%;
    position: relative
}

.articlePage .articleBody .bff-embed-wrapper .embed-wrapper blockquote.tiktok-embed {
    margin: 0 auto;
    border-inline-start-width: 0 !important;
    max-width: 100% !important;
    padding-inline-start: 0 !important
}

.articlePage .articleBody .bff-embed-wrapper .embed-wrapper blockquote.instagram-media,
.articlePage .articleBody .bff-embed-wrapper .embed-wrapper iframe.instagram-media.instagram-media-rendered {
    margin-left: auto !important;
    margin-right: auto !important
}

.articlePage .articleBody .bff-embed-wrapper .embed-wrapper .twitter-tweet.twitter-tweet-rendered {
    margin: 0 auto
}

.articlePage .articleBody .bff-embed-wrapper>iframe.instagram-media {
    min-width: unset !important
}

.articlePage .articleBody .bff-embed-wrapper .fb-post>span {
    max-width: 100%
}

.articlePage .articleBody .bff-embed-wrapper .fb-post iframe {
    border: 0;
    max-width: 100%;
    margin: 0 auto;
    display: block
}

.articlePage .articleBody .bff-dynamic-iframe.selective-display:not(.podcast) {
    padding-bottom: 56.25%;
    position: relative
}

.articlePage .articleBody .bff-dynamic-iframe.selective-display:not(.podcast)>iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0
}

.articlePage .OUTBRAIN .ob-widget-header {
    margin-bottom: 16px;
    padding-top: 8px;
    border-bottom: none !important;
    border-top: 1px solid var(--color-divider-primary) !important;
    padding-bottom: 0 !important
}

.articlePage .OUTBRAIN .ob-widget-header .ob-widget-text {
    color: var(--color-emphasis)
}

.imageGalleryModal .slick-track {
    align-items: center;
    display: flex
}

.ReactModal__Overlay {
    z-index: 10001
}

.ReactModal__Body--open {
    overflow: hidden
}

@keyframes fade-in-up {
    0% {
        visibility: hidden;
        opacity: 0;
        transform: translateY(21px)
    }

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

@keyframes fade-out-up {
    0% {
        visibility: visible;
        opacity: 1;
        transform: translateY(0)
    }

    to {
        visibility: hidden;
        opacity: 0;
        transform: translateY(-21px)
    }
}

@keyframes loader {
    0% {
        transform: translate(-12px)
    }

    to {
        transform: translate(0)
    }
}

@property --tw-translate-x {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-translate-y {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-translate-z {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-rotate-x {
    syntax: "*";
    inherits: false
}

@property --tw-rotate-y {
    syntax: "*";
    inherits: false
}

@property --tw-rotate-z {
    syntax: "*";
    inherits: false
}

@property --tw-skew-x {
    syntax: "*";
    inherits: false
}

@property --tw-skew-y {
    syntax: "*";
    inherits: false
}

@property --tw-scroll-snap-strictness {
    syntax: "*";
    inherits: false;
    initial-value: proximity
}

@property --tw-space-y-reverse {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-space-x-reverse {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-border-style {
    syntax: "*";
    inherits: false;
    initial-value: solid
}

@property --tw-gradient-position {
    syntax: "*";
    inherits: false
}

@property --tw-gradient-from {
    syntax: "<color>";
    inherits: false;
    initial-value: #0000
}

@property --tw-gradient-via {
    syntax: "<color>";
    inherits: false;
    initial-value: #0000
}

@property --tw-gradient-to {
    syntax: "<color>";
    inherits: false;
    initial-value: #0000
}

@property --tw-gradient-stops {
    syntax: "*";
    inherits: false
}

@property --tw-gradient-via-stops {
    syntax: "*";
    inherits: false
}

@property --tw-gradient-from-position {
    syntax: "<length-percentage>";
    inherits: false;
    initial-value: 0%
}

@property --tw-gradient-via-position {
    syntax: "<length-percentage>";
    inherits: false;
    initial-value: 50%
}

@property --tw-gradient-to-position {
    syntax: "<length-percentage>";
    inherits: false;
    initial-value: 100%
}

@property --tw-leading {
    syntax: "*";
    inherits: false
}

@property --tw-font-weight {
    syntax: "*";
    inherits: false
}

@property --tw-tracking {
    syntax: "*";
    inherits: false
}

@property --tw-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

@property --tw-shadow-color {
    syntax: "*";
    inherits: false
}

@property --tw-shadow-alpha {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 100%
}

@property --tw-inset-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

@property --tw-inset-shadow-color {
    syntax: "*";
    inherits: false
}

@property --tw-inset-shadow-alpha {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 100%
}

@property --tw-ring-color {
    syntax: "*";
    inherits: false
}

@property --tw-ring-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

@property --tw-inset-ring-color {
    syntax: "*";
    inherits: false
}

@property --tw-inset-ring-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

@property --tw-ring-inset {
    syntax: "*";
    inherits: false
}

@property --tw-ring-offset-width {
    syntax: "<length>";
    inherits: false;
    initial-value: 0
}

@property --tw-ring-offset-color {
    syntax: "*";
    inherits: false;
    initial-value: #fff
}

@property --tw-ring-offset-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

@property --tw-outline-style {
    syntax: "*";
    inherits: false;
    initial-value: solid
}

@property --tw-blur {
    syntax: "*";
    inherits: false
}

@property --tw-brightness {
    syntax: "*";
    inherits: false
}

@property --tw-contrast {
    syntax: "*";
    inherits: false
}

@property --tw-grayscale {
    syntax: "*";
    inherits: false
}

@property --tw-hue-rotate {
    syntax: "*";
    inherits: false
}

@property --tw-invert {
    syntax: "*";
    inherits: false
}

@property --tw-opacity {
    syntax: "*";
    inherits: false
}

@property --tw-saturate {
    syntax: "*";
    inherits: false
}

@property --tw-sepia {
    syntax: "*";
    inherits: false
}

@property --tw-drop-shadow {
    syntax: "*";
    inherits: false
}

@property --tw-drop-shadow-color {
    syntax: "*";
    inherits: false
}

@property --tw-drop-shadow-alpha {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 100%
}

@property --tw-drop-shadow-size {
    syntax: "*";
    inherits: false
}

@property --tw-duration {
    syntax: "*";
    inherits: false
}

@property --tw-ease {
    syntax: "*";
    inherits: false
}

@property --tw-content {
    syntax: "*";
    inherits: false;
    initial-value: ""
}

@property --tw-scale-x {
    syntax: "*";
    inherits: false;
    initial-value: 1
}

@property --tw-scale-y {
    syntax: "*";
    inherits: false;
    initial-value: 1
}

@property --tw-scale-z {
    syntax: "*";
    inherits: false;
    initial-value: 1
}

@keyframes ping {

    75%,
    to {
        opacity: 0;
        transform: scale(2)
    }
}

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