*,:after,:before {
            box-sizing: border-box;
            border: 0 solid #e5e7eb
        }

        :after,:before {
            --tw-content: ""
        }

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

        body {
            margin: 0;
            line-height: inherit
        }

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

        h2,h3 {
            font-size: inherit;
            font-weight: inherit
        }

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

        b {
            font-weight: bolder
        }

        button,input {
            font-family: inherit;
            font-feature-settings: inherit;
            font-variation-settings: inherit;
            font-size: 100%;
            font-weight: inherit;
            line-height: inherit;
            letter-spacing: inherit;
            margin: 0;
            padding: 0
        }

        button {
            text-transform: none
        }

        button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]) {
            -webkit-appearance: button;
            background-color: transparent;
            background-image: none
        }

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

        [type=search] {
            -webkit-appearance: textfield
        }

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

        ::-webkit-file-upload-button {
            -webkit-appearance: button;
            font: inherit
        }

        h1,h2,h3,hr {
            margin: 0
        }

        ol,ul {
            list-style: none;
            margin: 0;
            padding: 0
        }

        input::placeholder,textarea::placeholder {
            opacity: 1;
            color: #9ca3af
        }

        button {
            cursor: pointer
        }

        :disabled {
            cursor: default
        }

        img,svg,video {
            display: block;
            vertical-align: middle
        }

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

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

        .container {
            width: 100%
        }

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

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

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

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

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

        :root {
            --section-title-color: #023e8a;
            --bg-search: #fff;
            --border-search: #90e0ef;
            --sub-nav-bg-color: #ebfbff;
            --sub-nav-links-color: #28538f;
            --sub-nav-links-hover-color: #023e8a;
            --sub-nav-links-underline-hover-color: #023e8a;
            --breadcrumb-link-color: #023e8a;
            --footer-bg-color: #ebfbff;
            --newsletter-bg-color: #0077b6;
            --border-top-color: #90e0ef;
            --cta-color: #3061ff;
            --bg-cta-color: #3061ff
        }

        .text-nav-links-color {
            color: var(--sub-nav-links-color)
        }

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

        .bg-subnav {
            background-color: var(--sub-nav-bg-color)
        }

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

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

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

        p {
            margin: 20px 0;
            line-height: 30px
        }

        ol,p {
            -webkit-font-smoothing: antialiased;
            color: #333
        }

        li {
            margin-bottom: .5em
        }

        @media (min-width: 1024px) {
            .tip {
                font-size:2rem!important
            }
        }

        @media (orientation: portrait) and (min-device-width:1024px) {
        }

        @media (orientation: portrait) and (max-device-width:1023px) {
        }

        @media (orientation: landscape) {
        }

        input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration {
            display: none
        }

        .hero__desktop-image {
            display: none!important;
            width: 250px;
            height: 47px
        }

        @media screen and (min-width: 768px) {
            .data-author,.font-bold {
                color:#2b2d42
            }
        }

        @media screen and (min-width: 1386px) {
            .hero__desktop-image {
                width:250px;
                height: 47px;
                display: block!important
            }
        }

        @media (orientation: landscape) {
            .hero__desktop-image {
                width:200px;
                height: auto;
                display: block!important
            }
        }

        .text-1xl {
            font-size: 1.25rem;
            line-height: 1.85rem
        }

        hr {
            margin-top: 2rem;
            margin-bottom: 2rem;
            border-top: 3px solid #edeef0
        }

        .rating {
            color: #fed030;
            margin-right: 5px
        }

        .product-image {
            width: 100%;
            height: auto
        }

        .blur {
            transition: filter .3s ease
        }

        .rating .checked {
            width: .9em;
            color: #fed030;
            display: inline-block;
            font-size: inherit;
            height: 1em;
            overflow: visible;
            vertical-align: -.125em
        }

        @media only screen and (max-width: 768px) {
            .rating .checked {
                width:.8em
            }
        }

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

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

        .absolute {
            position: absolute
        }

        .relative {
            position: relative
        }

        .inset-y-0 {
            top: 0;
            bottom: 0
        }

        .bottom-3 {
            bottom: .75rem
        }

        .left-0 {
            left: 0
        }

        .left-3 {
            left: .75rem
        }

        .right-0 {
            right: 0
        }

        .right-2 {
            right: .5rem
        }

        .top-0 {
            top: 0
        }

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

        .z-10 {
            z-index: 10
        }

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

        .mx-auto {
            margin-left: auto;
            margin-right: auto
        }

        .my-6 {
            margin-top: 1.5rem;
            margin-bottom: 1.5rem
        }

        .-ml-1 {
            margin-left: -.25rem
        }

        .-mt-1 {
            margin-top: -.25rem
        }

        .mb-0 {
            margin-bottom: 0
        }

        .mb-10 {
            margin-bottom: 2.5rem
        }

        .mb-2 {
            margin-bottom: .5rem
        }

        .mb-4 {
            margin-bottom: 1rem
        }

        .mb-5 {
            margin-bottom: 1.25rem
        }

        .mb-6 {
            margin-bottom: 1.5rem
        }

        .mb-7 {
            margin-bottom: 1.75rem!important;
        }

        .mb-8 {
            margin-bottom: 2rem
        }

        .me-3 {
            margin-inline-end:.75rem}

        .ml-auto {
            margin-left: auto
        }

        .mr-2\.5 {
            margin-right: .625rem
        }
        .mt-7 {
                    margin-top: 1.75rem!important
        }

        .mr-8 {
            margin-right: 2rem
        }

        .mt-3{
            margin-top: .75rem!important
        }

        .mt-4 {
            margin-top: 1rem
        }

        .block {
            display: block
        }

        .inline-block {
            display: inline-block
        }

        .inline {
            display: inline
        }

        .flex {
            display: flex
        }

        .grid {
            display: grid
        }

        .hidden {
            display: none
        }

        .h-12 {
            height: 3rem
        }

        .h-4 {
            height: 1rem
        }

        .h-5 {
            height: 1.25rem
        }

        .h-full {
            height: 100%
        }

        .h-screen {
            height: 100vh
        }

        .w-4 {
            width: 1rem
        }

        .w-5 {
            width: 1.25rem
        }

        .w-auto {
            width: auto
        }

        .w-full {
            width: 100%
        }

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

        .max-w-screen-md {
            max-width: 768px
        }

        .max-w-screen-sm {
            max-width: 640px
        }

        .max-w-screen-xl {
            max-width: 1280px
        }

        .flex-1 {
            flex: 1 1 0%
        }

        .flex-grow {
            flex-grow: 1
        }

        .-translate-y-1\/2 {
            --tw-translate-y: -50%
        }

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

        .cursor-pointer {
            cursor: pointer
        }

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

        .appearance-none {
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none
        }

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

        .flex-col {
            flex-direction: column
        }

        .flex-wrap {
            flex-wrap: wrap
        }

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

        .items-center {
            align-items: center
        }

        .justify-center {
            justify-content: center
        }

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

        .gap-0\.5 {
            gap: .125rem
        }

        .gap-2 {
            gap: .5rem
        }

        .gap-8 {
            gap: 2rem
        }

        .space-x-1>:not([hidden])~:not([hidden]) {
            --tw-space-x-reverse: 0;
            margin-right: calc(.25rem*var(--tw-space-x-reverse));
            margin-left: calc(.25rem*calc(1 - var(--tw-space-x-reverse)))
        }

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

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

        .overflow-hidden {
            overflow: hidden
        }

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

        .rounded-lg {
            border-radius: .5rem
        }

        .rounded-md {
            border-radius: .375rem
        }

        .rounded-xl {
            border-radius: .75rem
        }

        .border {
            border-width: 1px
        }

        .border-b-0 {
            border-bottom-width: 0
        }

        .border-t-2 {
            border-top-width: 2px
        }

        .border-\[\#edf2f4\] {
            --tw-border-opacity: 1;
            border-color: rgb(237 242 244/var(--tw-border-opacity))
        }

        .border-gray-200 {
            --tw-border-opacity: 1;
            border-color: rgb(229 231 235/var(--tw-border-opacity))
        }

        .border-slate-500 {
            --tw-border-opacity: 1;
            border-color: rgb(100 116 139/var(--tw-border-opacity))
        }

        .bg-\[\#2b2d42\] {
            --tw-bg-opacity: 1;
            background-color: rgb(43 45 66/var(--tw-bg-opacity))
        }

        .bg-\[\#edf2f4\] {
            --tw-bg-opacity: 1;
            background-color: rgb(237 242 244/var(--tw-bg-opacity))
        }

        .bg-\[\#fff\] {
            --tw-bg-opacity: 1;
            background-color: rgb(255 255 255/var(--tw-bg-opacity))
        }

        .bg-gradient-to-r {
            background-image: linear-gradient(to right,var(--tw-gradient-stops))
        }

        .bg-gradient-to-tr {
            background-image: linear-gradient(to top right,var(--tw-gradient-stops))
        }

        .from-\[\#000000ae\] {
            --tw-gradient-from: #000000ae var(--tw-gradient-from-position)
        }

        .from-\[\#000\] {
            --tw-gradient-from: #000 var(--tw-gradient-from-position)
        }

        .from-\[\#0077b6\] {
            --tw-gradient-from: #0077b6 var(--tw-gradient-from-position);
            --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
        }

        .from-\[\#3061ff\] {
            --tw-gradient-from: #3061ff var(--tw-gradient-from-position);
            --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
        }

        .from-\[\#fff\] {
            --tw-gradient-from: #fff var(--tw-gradient-from-position);
            --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
        }

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

        .to-\[\#00b4d8\] {
            --tw-gradient-to: #00b4d8 var(--tw-gradient-to-position)
        }

        .to-\[\#5a8dff\] {
            --tw-gradient-to: #5a8dff var(--tw-gradient-to-position)
        }

        .to-\[\#fff\] {
            --tw-gradient-to: #fff var(--tw-gradient-to-position)
        }

        .to-transparent {
            --tw-gradient-to: transparent var(--tw-gradient-to-position)
        }

        .p-2 {
            padding: .5rem
        }

        .p-3 {
            padding: .75rem
        }

        .p-4 {
            padding: 1rem
        }

        .p-5 {
            padding: 1.25rem
        }

        .px-10 {
            padding-left: 2.5rem;
            padding-right: 2.5rem
        }

        .px-2 {
            padding-left: .5rem;
            padding-right: .5rem
        }

        .px-2\.5 {
            padding-left: .625rem;
            padding-right: .625rem
        }

        .px-4 {
            padding-left: 1rem;
            padding-right: 1rem
        }

        .px-5 {
            padding-left: 1.25rem;
            padding-right: 1.25rem
        }

        .py-0 {
            padding-top: 0;
            padding-bottom: 0
        }

        .py-1 {
            padding-top: .25rem;
            padding-bottom: .25rem
        }

        .py-2 {
            padding-top: .5rem;
            padding-bottom: .5rem
        }

        .py-3 {
            padding-top: .75rem;
            padding-bottom: .75rem
        }

        .py-5 {
            padding-top: 1.25rem;
            padding-bottom: 1.25rem
        }

        .py-6 {
            padding-top: 1.5rem;
            padding-bottom: 1.5rem
        }

        .py-8 {
            padding-top: 2rem;
            padding-bottom: 2rem
        }

        .pb-10 {
            padding-bottom: 2.5rem
        }

        .pb-20 {
            padding-bottom: 5rem
        }

        .pb-3 {
            padding-bottom: .75rem
        }

        .pl-10 {
            padding-left: 2.5rem
        }

        .pl-3 {
            padding-left: .75rem
        }

        .pl-4 {
            padding-left: 1rem
        }

        .pr-3 {
            padding-right: .75rem
        }

        .pr-60 {
            padding-right: 15rem
        }

        .pt-0 {
            padding-top: 0
        }

        .pt-10 {
            padding-top: 2.5rem
        }

        .pt-4 {
            padding-top: 1rem
        }

        .pt-5 {
            padding-top: 1.25rem
        }

        .text-left {
            text-align: left
        }

        .text-center {
            text-align: center
        }

        .font-bold {
            font-family: var(--font-inter-bold),ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"
        }

        .font-dm-sans {
            font-family: var(--font-dm-sans-regular),ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"
        }

        .font-medium {
            font-family: var(--font-inter-medium),ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"
        }

        .font-sans {
            font-family: var(--font-inter),ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"
        }

        .text-2xl {
            font-size: 1.5rem;
            line-height: 2rem
        }

        .text-3xl {
            font-size: 1.875rem;
            line-height: 2.25rem
        }

        .text-lg {
            font-size: 1.125rem;
            line-height: 1.75rem
        }

        .text-sm {
            font-size: .875rem;
            line-height: 1.25rem
        }

        .text-xs {
            font-size: .75rem;
            line-height: 1rem
        }

        .font-bold {
            font-weight: 700
        }

        .font-light {
            font-weight: 300
        }

        .font-medium {
            font-weight: 500
        }

        .font-normal {
            font-weight: 400
        }

        .font-thin {
            font-weight: 100
        }

        .uppercase {
            text-transform: uppercase
        }

        .capitalize {
            text-transform: capitalize
        }

        .italic {
            font-style: italic
        }

        .leading-7 {
            line-height: 1.75rem
        }

        .leading-none {
            line-height: 1
        }

        .tracking-tight {
            letter-spacing: -.025em
        }

        .tracking-wide {
            letter-spacing: .025em
        }

        .tracking-widest {
            letter-spacing: .1em
        }

        .text-\[\#1d3557\] {
            --tw-text-opacity: 1;
            color: rgb(29 53 87/var(--tw-text-opacity))
        }

        .text-\[\#212121\] {
            --tw-text-opacity: 1;
            color: rgb(33 33 33/var(--tw-text-opacity))
        }

        .text-\[\#3061ff\] {
            --tw-text-opacity: 1;
            color: rgb(48 97 255/var(--tw-text-opacity))
        }

        .text-\[\#333\] {
            --tw-text-opacity: 1;
            color: rgb(51 51 51/var(--tw-text-opacity))
        }

        .text-\[\#8d99ae\] {
            --tw-text-opacity: 1;
            color: rgb(141 153 174/var(--tw-text-opacity))
        }

        .text-\[\#edf2f4\] {
            --tw-text-opacity: 1;
            color: rgb(237 242 244/var(--tw-text-opacity))
        }

        .text-black {
            --tw-text-opacity: 1;
            color: rgb(0 0 0/var(--tw-text-opacity))
        }

        .text-gray-300 {
            --tw-text-opacity: 1;
            color: rgb(209 213 219/var(--tw-text-opacity))
        }

        .text-gray-500 {
            --tw-text-opacity: 1;
            color: rgb(107 114 128/var(--tw-text-opacity))
        }

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

        .antialiased {
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale
        }

        .opacity-50 {
            opacity: .5
        }

        .shadow {
            --tw-shadow: 0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);
            --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)
        }

        .shadow,.shadow-md {
            box-shadow: var(--tw-ring-offset-shadow,0 0#0000),var(--tw-ring-shadow,0 0#0000),var(--tw-shadow)
        }

        .shadow-md {
            --tw-shadow: 0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);
            --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)
        }

        .shadow-xl {
            --tw-shadow: 0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);
            --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);
            box-shadow: var(--tw-ring-offset-shadow,0 0#0000),var(--tw-ring-shadow,0 0#0000),var(--tw-shadow)
        }

        .outline-none {
            outline: 2px solid transparent;
            outline-offset: 2px
        }

        .blur {
            --tw-blur: blur(8px)
        }

        .blur {
            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-opacity {
            transition-property: opacity;
            transition-timing-function: cubic-bezier(.4,0,.2,1)
        }

        .transition-transform {
            transition-property: transform;
            transition-timing-function: cubic-bezier(.4,0,.2,1)
        }

        .duration-200 {
            transition-duration: .2s
        }

        .duration-300 {
            transition-duration: .3s
        }

        .hover\:text-nav-links-color:hover {
            color: var(--sub-nav-links-color)
        }

        .hover\:text-nav-links-hover-color:hover {
            color: var(--sub-nav-links-hover-color)
        }

        .focus\:border-search:focus {
            border-color: var(--border-search)
        }

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

        @media (min-width: 1024px) {
            .lg\:text-5xl {
                font-size:2.7rem!important
            }

            .lg\:after\:text-nav-links-hover-underline-color:after {
                content: var(--tw-content);
                background-color: var(--sub-nav-links-underline-hover-color)
            }
        }

        @media (prefers-color-scheme: dark) {
        }

        .hover\:scale-105:hover {
            --tw-scale-x: 1.05;
            --tw-scale-y: 1.05;
            transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
        }

        .hover\:cursor-pointer:hover {
            cursor: pointer
        }

        .hover\:border-gray-100:hover {
            --tw-border-opacity: 1;
            border-color: rgb(243 244 246/var(--tw-border-opacity))
        }

        .hover\:bg-\[\#3061ff\]:hover {
            --tw-bg-opacity: 1;
            background-color: rgb(48 97 255/var(--tw-bg-opacity))
        }

        .hover\:bg-gray-100:hover {
            --tw-bg-opacity: 1;
            background-color: rgb(243 244 246/var(--tw-bg-opacity))
        }

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

        .hover\:underline:hover {
            text-decoration-line: underline
        }

        .hover\:opacity-100:hover {
            opacity: 1
        }

        .focus\:ring-4:focus {
            --tw-ring-offset-shadow: var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
            --tw-ring-shadow: var(--tw-ring-inset)0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
            box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0#0000)
        }

        @media (min-width: 640px) {
            .sm\:bottom-6 {
                bottom:1.5rem
            }

            .sm\:left-6 {
                left: 1.5rem
            }

            .sm\:mx-auto {
                margin-left: auto;
                margin-right: auto
            }

            .sm\:flex {
                display: flex
            }

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

            .sm\:items-center {
                align-items: center
            }

            .sm\:justify-center {
                justify-content: center
            }

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

            .sm\:gap-0\.5 {
                gap: .125rem
            }

            .sm\:gap-16 {
                gap: 4rem
            }

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

            .sm\:rounded-none {
                border-radius: 0
            }

            .sm\:rounded-l-lg {
                border-top-left-radius: .5rem;
                border-bottom-left-radius: .5rem
            }

            .sm\:rounded-r-lg {
                border-top-right-radius: .5rem;
                border-bottom-right-radius: .5rem
            }

            .sm\:text-center {
                text-align: center
            }

            .sm\:text-4xl {
                font-size: 2.25rem;
                line-height: 2.5rem
            }

            .sm\:text-base {
                font-size: 1rem;
                line-height: 1.5rem
            }

            .sm\:text-xl {
                font-size: 1.25rem;
                line-height: 1.75rem
            }
        }

        @media (min-width: 768px) {
            .md\:mb-0 {
                margin-bottom:0
            }

            .md\:mb-10 {
                margin-bottom: 2.5rem
            }

            .md\:mb-20 {
                margin-bottom: 5rem
            }

            .md\:block {
                display: block
            }

            .md\:inline-block {
                display: inline-block
            }

            .md\:flex {
                display: flex
            }

            .md\:items-center {
                align-items: center
            }

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

            .md\:space-x-1\.5>:not([hidden])~:not([hidden]) {
                --tw-space-x-reverse: 0;
                margin-right: calc(.375rem*var(--tw-space-x-reverse));
                margin-left: calc(.375rem*calc(1 - var(--tw-space-x-reverse)))
            }

            .md\:rounded-lg {
                border-radius: .5rem
            }

            .md\:px-8 {
                padding-left: 2rem;
                padding-right: 2rem
            }

            .md\:py-0 {
                padding-top: 0
            }

            .md\:py-0 {
                padding-bottom: 0
            }

            .md\:pb-3 {
                padding-bottom: .75rem
            }

            .md\:pt-5 {
                padding-top: 1.25rem
            }

            .md\:text-xl {
                font-size: 1.25rem;
                line-height: 1.75rem
            }

            .md\:shadow-none {
                --tw-shadow: 0 0#0000;
                --tw-shadow-colored: 0 0#0000;
                box-shadow: var(--tw-ring-offset-shadow,0 0#0000),var(--tw-ring-shadow,0 0#0000),var(--tw-shadow)
            }
        }

        @media (min-width: 1024px) {
            .lg\:mx-6 {
                margin-left:1.5rem;
                margin-right: 1.5rem
            }

            .lg\:my-8 {
                margin-top: 2rem;
                margin-bottom: 2rem
            }

            .lg\:mb-0 {
                margin-bottom: 0
            }

            .lg\:mb-5 {
                margin-bottom: 1.25rem
            }

            .lg\:mr-6 {
                margin-right: 1.5rem
            }

            .lg\:mt-0 {
                margin-top: 0
            }

            .lg\:block {
                display: block
            }

            .lg\:flex {
                display: flex
            }

            .lg\:h-auto {
                height: auto
            }

            .lg\:max-w-3xl {
                max-width: 48rem
            }

            .lg\:items-center {
                align-items: center
            }

            .lg\:border-b-0 {
                border-bottom-width: 0
            }

            .lg\:bg-inherit {
                background-color: inherit
            }

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

            .lg\:p-0 {
                padding: 0
            }

            .lg\:px-0 {
                padding-left: 0;
                padding-right: 0
            }

            .lg\:px-5 {
                padding-left: 1.25rem;
                padding-right: 1.25rem
            }

            .lg\:py-0 {
                padding-top: 0;
                padding-bottom: 0
            }

            .lg\:py-16 {
                padding-top: 4rem;
                padding-bottom: 4rem
            }

            .lg\:py-3 {
                padding-top: .75rem;
                padding-bottom: .75rem
            }

            .lg\:py-8 {
                padding-top: 2rem;
                padding-bottom: 2rem
            }

            .lg\:pb-0 {
                padding-bottom: 0
            }

            .lg\:pt-0 {
                padding-top: 0
            }

            .lg\:text-4xl {
                font-size: 2.25rem;
                line-height: 2.5rem
            }

            .lg\:text-5xl {
                font-size: 3rem
            }

            .lg\:text-\[1\.1rem\] {
                font-size: 1.1rem
            }

            .lg\:text-\[1\.5rem\] {
                font-size: 1.5rem
            }

            .lg\:text-base {
                font-size: 1rem;
                line-height: 1.5rem
            }

            .lg\:text-sm {
                font-size: .875rem;
                line-height: 1.25rem
            }

            .lg\:text-xl {
                font-size: 1.25rem;
                line-height: 1.75rem
            }

            .lg\:text-xs {
                font-size: .75rem;
                line-height: 1rem
            }

            .lg\:leading-normal {
                line-height: 1.5
            }

            .lg\:leading-tight {
                line-height: 1.25
            }

            .lg\:text-\[\#000\],.lg\:text-black {
                --tw-text-opacity: 1;
                color: rgb(0 0 0/var(--tw-text-opacity))
            }

            .lg\:after\:absolute:after {
                content: var(--tw-content);
                position: absolute
            }

            .lg\:after\:block:after {
                content: var(--tw-content);
                display: block
            }

            .lg\:after\:h-\[1px\]:after {
                content: var(--tw-content);
                height: 1px
            }

            .lg\:after\:w-full:after {
                content: var(--tw-content);
                width: 100%
            }

            .lg\:after\:origin-left:after {
                content: var(--tw-content);
                transform-origin: left
            }

            .lg\:after\:scale-x-0:after {
                content: var(--tw-content);
                --tw-scale-x: 0;
                transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
            }

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

            .lg\:after\:duration-300:after {
                content: var(--tw-content);
                transition-duration: .3s
            }

            .lg\:after\:content-\[\'\'\]:after{--tw-content:"";content:var(--tw-content)}.lg\:hover\:bg-transparent:hover{background-color:transparent}.lg\:after\:hover\:scale-x-100:hover:after{content:var(--tw-content);--tw-scale-x:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}}@media (min-width:1280px){.xl\:text-sm{font-size:.875rem;line-height:1.25rem}}@media (prefers-color-scheme:dark){.dark\:text-gray-300{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity))}.dark\:text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.dark\:hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}}