*,
: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, 0.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: ;
}
*,:after,:before{box-sizing:border-box; }
:root {--radius: 0.5rem;--shadow: 0 1px 3px rgba(0, 0, 0, .1);--tw-ring-offset-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-gradient-from-position: ;}
:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family: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}
abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}
h1,h2,h3,h4,h5,h6{}
a{text-decoration:inherit}
b,strong{font-weight:bolder}
code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-.25em}
sup{top:-.5em}
button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}
button,select{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}
:-moz-focusring{outline:auto}
:-moz-ui-invalid{box-shadow:none}
progress{vertical-align:baseline}
::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}
[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}
::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
summary{display:list-item}
blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}
fieldset{margin:0}
fieldset,legend{padding:0}
menu,ol,ul{list-style:none;margin:0;padding:0}
dialog{padding:0}
textarea{resize:vertical}
input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}
input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}
[role="button"],button{cursor:pointer}
:disabled{cursor:default}
audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}
img,video{max-width:100%;height:auto}
[hidden]:where(:not([hidden="until-found"])){display:none}
.absolute{position:absolute}
.relative{position:relative}
.sticky{position:sticky}
.-left-2{left:-.5rem}
.-right-1\.5{right:-.375rem}
.-top-1\.5{top:-.375rem}
.left-0{left:0}
.left-2{left:.5rem}
.top-0{top:0}
.top-1\/2{top:50%}
.z-10{z-index:10}
.z-50{z-index:50}
.z-\[1\]{z-index:1}
.z-\[2\]{z-index:2}
.mx-auto{margin-left:auto;margin-right:auto}
.my-3{margin-top:.75rem;margin-bottom:.75rem}
.mb-2{margin-bottom:.5rem}
.mb-3{margin-bottom:.75rem}
.mb-4{margin-bottom:1rem}
.mb-5{margin-bottom:1.25rem}
.mb-6{margin-bottom:1.5rem}
.mb-8{margin-bottom:2rem}
.ml-1{margin-left:.25rem}
.ml-2{margin-left:.5rem}
.mr-1{margin-right:.25rem}
.mt-0\.5{margin-top:.125rem}
.mt-1{margin-top:.25rem}
.mt-2{margin-top:.5rem}
.mt-4{margin-top:1rem}
.mt-6{margin-top:1.5rem}
.mt-\[10px\]{margin-top:10px}
.mt-auto{margin-top:auto}
.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.block{display:block}
.inline-block{display:inline-block}
.flex{display:flex}
.inline-flex{display:inline-flex}
.grid{display:grid}
.hidden{display:none}
.h-10{height:2.5rem}
.h-12{height:3rem}
.h-24{height:6rem}
.h-3{height:.75rem}
.h-3\.5{height:.875rem}
.h-4{height:1rem}
.h-44{height:11rem}
.h-48{height:12rem}
.h-64{height:16rem}
.h-5{height:1.25rem}
.h-6{height:1.5rem}
.h-7{height:1.75rem}
.h-8{height:2rem}
.h-9{height:2.25rem}
.h-11{height:2.75rem}
.h-\[18px\]{height:18px}
.h-\[33px\]{height:33px}
.h-\[35px\]{height:35px}
.h-\[40px\]{height:40px}
.h-\[45px\]{height:45px}
.h-\[50px\]{height:50px}
.h-\[70px\]{height:70px}
.h-\[250px\]{height:250px}
.h-\[210px\]{height:210px}
.h-\[210px\]{height:210px}
.h-\[160px\]{height:160px}
.h-auto{height:auto}
.h-full{height:100%}
.h-px{height:1px}
.max-h-12{max-height:3rem}
.bg-red-500{background-color: lab(55.4814% 75.0732 48.8528);}
.text-red-50{color: lab(96.5005% 4.18508 1.52328);}
.w-1{width:.25rem}
.w-12{width:3rem}
.w-3{width:.75rem}
.w-3\.5{width:.875rem}
.w-4{width:1rem}
.w-5{width:1.25rem}
.w-6{width:1.5rem}
.w-7{width:1.75rem}
.w-8{width:2rem}
.w-9{width:2.25rem}
.w-11{width:2.75rem}
.w-\[calc\(20\%-1\.2rem\)\]{width:calc(20% - 1.2rem)}
.w-auto{width:auto}
.w-fit{width:-moz-fit-content;width:fit-content}
.w-full{width:100%}
.min-w-0{min-width:0}
.min-w-\[140px\]{min-width:140px}
.max-w-7xl{max-width:1200px;}
.flex-1{flex:1 1 0}
.flex-shrink-0,.shrink-0{flex-shrink:0}
.-translate-y-1\/2{--tw-translate-y:-50%}
.-translate-y-1\/2,.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))}
.animate-\[burn_0\.8s_ease-in-out_infinite_alternate\]{animation:burn .8s ease-in-out infinite alternate}
.cursor-pointer{cursor:pointer}
.resize{resize:both}
.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-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}
.flex-col{flex-direction:column}
.flex-wrap{flex-wrap:wrap}
.items-center{align-items:center}
.justify-center{justify-content:center}
.justify-between{justify-content:space-between}
.gap-0{gap:0}
.gap-0\.5{gap:.125rem}
.gap-1{gap:.25rem}
.gap-1\.5{gap:.375rem}
.gap-2{gap:.5rem}
.gap-3{gap:.75rem}
.gap-4{gap:1rem}
.gap-5{gap:1.25rem}
.gap-6{gap:1.5rem}
.gap-8{gap:2rem}
.gap-\[5px\]{gap:5px}
.space-y-2\.5 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.625rem * (1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.625rem * var(--tw-space-y-reverse))}
.overflow-hidden{overflow:hidden}
.whitespace-nowrap{white-space:nowrap}
.rounded{border-radius:.25rem}
.rounded-2xl{border-radius:1rem}
.rounded-\[0\.5rem\]{border-radius:.5rem}
.rounded-\[0\.8rem_0\.8rem_0_0\]{border-radius:.8rem .8rem 0 0}
.rounded-\[12px\]{border-radius:12px}
.rounded-\[var\(--radius\)\]{border-radius:var(--radius)}
.rounded-full{border-radius:9999px}
.rounded-lg{border-radius:.5rem}
.rounded-md{border-radius:.375rem}
.rounded-xl{border-radius:.75rem}
.rounded-l-\[var\(--radius\)\]{border-top-left-radius:var(--radius);border-bottom-left-radius:var(--radius)}
.rounded-r-\[var\(--radius\)\]{border-top-right-radius:var(--radius);border-bottom-right-radius:var(--radius)}
.border{border-width:1px}
.border-\[1\.5px\]{border:1.5px solid}
.border-b{border-bottom-width:1px}
.border-r-0{border-right-width:0}
.border-t{border-top-width:1px}
.border-\[\#2b80dd\]{--tw-border-opacity:1;border-color: rgb(43 128 221 / var(--tw-border-opacity, 1));}
.border-\[\#ec3237\]{--tw-border-opacity:1;border-color: #ec3237;}
.border-black\/10{border-color:#0000001a}
.border-black\/15{border-color:#00000026}
.border-black\/5{border-color:#0000000d}
.bg-\[\#2b80dd\]{--tw-bg-opacity:1;background-color: #034da4;}
.bg-\[\#2b80dd\]\/10{background-color:#2b80dd1a}
.bg-\[\#babcff\]{--tw-bg-opacity:1;background-color:rgb(186 188 255 / var(--tw-bg-opacity,1))}
.bg-\[\#ec1c24\]{--tw-bg-opacity:1;background-color:rgb(236 28 36 / var(--tw-bg-opacity,1))}
.bg-\[\#f1f3f4\]{--tw-bg-opacity:1;background-color:rgb(241 243 244 / var(--tw-bg-opacity,1))}
.bg-\[\#f4f6f8\]{--tw-bg-opacity:1;background-color:rgb(244 246 248 / var(--tw-bg-opacity,1))}
.bg-\[\#f8f8f8\]{--tw-bg-opacity:1;background-color:rgb(248 248 248 / var(--tw-bg-opacity,1))}
.bg-\[\#fff\]{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity,1))}
.bg-\[\#ff9397\]{background-color: #ff9397;}
.bg-\[color\:var\(--surface\)\]{background-color:var(--surface)}
.bg-gray-50{--tw-bg-opacity:1;background-color:rgb(249 250 251 / var(--tw-bg-opacity,1))}
.bg-red-500{--tw-bg-opacity:1;background-color:rgb(239 68 68 / var(--tw-bg-opacity,1))}
.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity,1))}
.bg-white\/10{background-color:hsla(0,0%,100%,0.1)}
.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}
.from-\[\#48a3f6\]{--tw-gradient-from:#48a3f6 var(--tw-gradient-from-position);--tw-gradient-to:#48a3f600 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.to-\[\#0159a0\]{--tw-gradient-to:#0159a0 var(--tw-gradient-to-position)}
.object-contain{-o-object-fit:contain;object-fit:contain}
.object-cover{-o-object-fit:cover;object-fit:cover}
.p-1\.5{padding:.45rem}
.p-2{padding:.5rem}
.p-2\.5{padding:.625rem}
.p-3{padding:.75rem}
.p-4{padding:1rem}
.p-5{padding:1.25rem}
.px-1\.5{padding-left:.375rem;padding-right:.375rem}
.px-2{padding-left:.5rem;padding-right:.5rem}
.\!px-2{padding-left:.5rem !important;padding-right:.5rem !important}
.px-2\.5{padding-left:.625rem;padding-right:.625rem}
.px-3{padding-left:.75rem;padding-right:.75rem}
.px-4{padding-left:1rem;padding-right:1rem}
.px-5{padding-left:1.25rem;padding-right:1.25rem}
.px-6{padding-left:1.5rem;padding-right:1.5rem}
.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}
.py-1{padding-top:.25rem;padding-bottom:.25rem}
.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}
.py-10{padding-top:2.5rem;padding-bottom:2.5rem}
.py-12{padding-top:3rem;padding-bottom:3rem}
.py-2{padding-top:.5rem;padding-bottom:.5rem}
.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}
.py-4{padding-top:1rem;padding-bottom:1rem}
.py-5{padding-top:1.25rem;padding-bottom:1.25rem}
.py-6{padding-top:1.5rem;padding-bottom:1.5rem}
.pb-10{padding-bottom:2.5rem}
.pb-5{padding-bottom:1.25rem}
.pt-0{padding-top:0}
.pt-2{padding-top:0.5rem}
.pt-5{padding-top:1.25rem}
.text-center{text-align:center}
.font-\[Inter\2csystem-ui\2csans-serif\]{font-family:Inter,system-ui,sans-serif}
.text-2xl{font-size:1.5rem;line-height:2rem}
.text-\[0\.65rem\]{font-size:.65rem}
.text-\[0\.78rem\]{font-size:.78rem}
.text-\[10px\]{font-size:10px}
.text-\[12px\]{font-size:12px}
.text-\[13px\]{font-size:13px}
.text-\[16px\]{font-size:16px}
.text-\[9px\]{font-size:9px}
.text-base{font-size:1rem;line-height:1.5rem}
.text-lg{font-size:1.125rem;line-height:1.75rem}
.text-sm{font-size:.875rem;line-height:1.25rem}
.text-xl{font-size:1.25rem;line-height:1.75rem}
.text-2xl{font-size:1.50rem;line-height:1.50rem}
.text-xs{font-size:.75rem;line-height:1rem}
.font-bold{font-weight:700}
.font-extrabold{font-weight:800}
.font-medium{font-weight:500}
.font-semibold{font-weight:600}
.uppercase{text-transform:uppercase}
.leading-none{line-height:1}
.leading-relaxed{line-height:1.625}
.leading-snug{line-height:1.375}
.leading-tight{line-height:1.25}
.tracking-tight{letter-spacing:-.025em}
.tracking-wide{letter-spacing:.025em}
.tracking-wider{letter-spacing:.05em}
.text-\[\#0a0a0a\]{--tw-text-opacity:1;color:rgb(10 10 10 / var(--tw-text-opacity,1))}
.text-\[\#2b80dd\]{--tw-text-opacity:1;color:rgb(43 128 221 / var(--tw-text-opacity,1))}
.text-\[\#fff\]{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity,1))}
.text-\[\#fffc00\]{--tw-text-opacity:1;color:rgb(255 252 0 / var(--tw-text-opacity,1))}
.text-\[color\:var\(--brand\)\]{color:var(--brand)}
.text-\[color\:var\(--text\)\]{color:var(--text)}
.text-\[var\(--accent\)\]{color:var(--accent)}
.text-\[var\(--brand\)\]{color:var(--brand)}
.text-\[var\(--text\)\]{color:var(--text)}
.text-gray-300{--tw-text-opacity:1;color:rgb(209 213 219 / var(--tw-text-opacity,1))}
.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175 / var(--tw-text-opacity,1))}
.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity,1))}
.text-white{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity,1))}
.text-white\/30{color:hsla(0,0%,100%,0.3)}
.line-through{text-decoration-line:line-through}
.opacity-80{opacity:.8}
.shadow-\[0_1px_2px_0_rgba\(60\2c 64\2c 67\2c\.1\)\2c 0_2px_6px_2px_rgba\(60\2c 64\2c 67\2c\.15\)\]{--tw-shadow:0 1px 2px 0 #3c40431a 0 2px 6px 2px #3c404326;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color),0 2px 6px 2px var(--tw-shadow-color);box-shadow:0 1px 2px 0 #3c40431a,0 2px 6px 2px #3c404326}
.shadow-\[0_1px_3px_rgba\(0\2c 0\2c 0\2c\.1\)\]{--tw-shadow:0 1px 3px #0000001a;--tw-shadow-colored:0 1px 3px var(--tw-shadow-color)}
.shadow-\[0_1px_3px_rgba\(0\2c 0\2c 0\2c\.1\)\],.shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}
.shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a 0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}
.shadow-\[var\(--shadow\)\]{--tw-shadow-color:var(--shadow);--tw-shadow:var(--tw-shadow-colored)}
.transition{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(0.4,0,0.2,1);transition-duration:.15s}
.transition-\[width\]{transition-property:width;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:.15s}
.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:.15s}
.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:.15s}
.duration-300{transition-duration:.3s}
.duration-500{transition-duration:.5s}
.ease-in-out{transition-timing-function:cubic-bezier(0.4,0,0.2,1)}
.\[text-shadow\:1px_1px_2px_rgba\(0\2c 0\2c 0\2c 0\.3\)\]{text-shadow:1px 1px 2px #0000004d}
.hover\:-translate-y-0\.5:hover{--tw-translate-y:-.125rem}
.hover\:-translate-y-0\.5:hover,.hover\:scale-105:hover{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\:scale-105:hover{--tw-scale-x:1.05;--tw-scale-y:1.05}
.hover\:bg-\[#2b80dd\]:hover{--tw-bg-opacity:1;background-color:rgb(43 128 221 / var(--tw-bg-opacity,1))}
.hover\:bg-\[var\(--brand\)\]:hover{background-color:var(--brand)}
.hover\:bg-gray-200:hover{--tw-bg-opacity:1;background-color:rgb(229 231 235 / var(--tw-bg-opacity,1))}
.hover\:text-\[#2b80dd\]:hover{--tw-text-opacity:1;color:rgb(43 128 221 / var(--tw-text-opacity,1))}
.hover\:text-\[color\:var\(--brand\)\]:hover{color:var(--brand)}
.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity,1))}
.hover\:text-white\/80:hover{color:hsla(0,0%,100%,0.8)}
.hover\:underline:hover{text-decoration-line:underline}
.hover\:opacity-80:hover{opacity:.8}
.hover\:opacity-90:hover{opacity:.9}
.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px #0000001a 0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow: 0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;}
.focus\:bg-white:focus{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity,1))}
.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}
.focus\:ring-2: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(2px + 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)}
.brightness-0{filter:brightness(0)}
@media (min-width: 640px) {
.sm\:-left-4{left:-1rem}
.sm\:mr-1{margin-right:.25rem}
.sm\:block{display:block}
.sm\:inline{display:inline}
.sm\:flex{display:flex}
.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.sm\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}
.sm\:gap-2{gap:.5rem}
}
@media (min-width: 768px) {
.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}
.md\:flex-row{flex-direction:row}
.md\:gap-10{gap:2.5rem}
.md\:gap-3{gap:.75rem}
.md\:gap-6{gap:1.5rem}
.md\:gap-8{gap:2rem}
.md\:py-14{padding-top:3.5rem;padding-bottom:3.5rem}
}
@media (min-width: 1024px) {
.lg\:block{display:block}
.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
}
.dm-wrap{position:relative}
.dm-menu{display:none;position:absolute;top:100%;left:0;padding-top:2px;z-index:9999}
.dm-wrap:hover .dm-menu{display:block}
.dm-sidebar{background:#fff;border-radius:8px;box-shadow:0 8px 28px rgba(0,0,0,.18);width:222px;border:1px solid rgba(0,0,0,.08);padding:5px 0;position:relative}
.dm-l1{position: relative;}
.dm-l1>a{display:flex;align-items:center;gap:9px;padding:8px 14px;color:#111;font-size:12.5px;font-weight:500;text-decoration:none;white-space:nowrap;transition:background .12s}
.dm-l1>a .dm-ico{color: var(--color-global);width:17px;text-align:center;flex-shrink:0;font-size:13px}
.dm-l1>a .dm-ico img{filter:brightness(0%)}
.dm-l1>a .dm-arr{margin-left:auto;font-size:9px;color:#bbb}
.dm-l1:hover>a{background:#eef4ff;color:var(--color-global)}
.dm-l1:hover>a .dm-ico,.dm-l1:hover>a .dm-arr{color: var(--color-global)}
.dm-panel{display:none;position:absolute;left:221px;top:-5px;background:#fff;border-radius:8px;box-shadow:0 8px 28px rgba(0,0,0,.15);border:1px solid rgba(0,0,0,.08);padding:14px 18px;width:700px;flex-wrap:wrap;gap:0 18px;align-content:flex-start;max-height: 500px;overflow: auto;}
.dm-l1:hover .dm-panel{display:flex}
.dm-l1::after{content:'';position:absolute;right:-8px;top:0;width:8px;height:100%}
.dm-col{min-width:115px;margin-bottom:14px}
.dm-col-head{display:block;font-weight:700;color:#2b80dd;font-size:11.5px;padding:0 0 5px;border-bottom:2px solid #e0ebf8;margin-bottom:6px;text-decoration:none;white-space:nowrap}
.dm-col-head:hover{color:#0056b3}
.dm-col a{display:block;font-size:13px;color:#444;padding:2.5px 0 2.5px 6px;text-decoration:none;transition:color .1s;white-space:nowrap}
.dm-col a:hover{color:#2b80dd}
.dm-sep{border:none;border-top:1px solid #f0f0f0;margin:4px 0}
.topbar-link{align-items:center;color:#fff;font-size:13px;font-weight:500;text-decoration:none;padding:4px 8px;opacity:.88;transition:opacity .15s}
.topbar-link i{font-size:15px}
.topbar-link:hover{opacity:1;color: #fff;}
.\!p-4 {padding: 1rem !important;}
.\!p-3 {padding: 0.75rem !important;}
.invert {filter: invert(0);}
.badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .625rem;border-radius:9999px;color:#fff;font-size:.75rem;font-weight:600;line-height:1;white-space:nowrap}
.badge i{font-size:11px}
.badge-hot{background-color:#ef4444}
.badge-new{background-color:#034da4}
.badge-new i{font-size:10px}
.badge-sale{background-color:#fbbf24}
.absolute {position: absolute;}
.top-3 {top: 0.75rem;}
.left-3 {left: 0.75rem;}
.text-global{color: var(--color-global);}
.hover\:text-global:hover{color: var(--color-global);}
.bg-global{background: var(--color-global);}
.btn-global {margin-top: 16px;background: var(--color-global);;color: #fff;padding: 7px 20px;font-size: 14px;border-radius: 3px;-moz-border-radius: 3px;border: solid 1px var(--color-global);;display: inline-block;}