/* ============================================================
   CookieLet — custom styles
   Loaded after tailwind.css, so rules here take precedence.
   Sections:
     1. Component styles moved out of inline <style> blocks
     2. Mobile menu (used by js/main.js)
     3. Utility classes generated from former inline styles
     4. Your own overrides
   ============================================================ */

/* ---- 1. Component styles ---- */
:where(html[dir="ltr"]),:where([data-sonner-toaster][dir="ltr"]){--toast-icon-margin-start: -3px;--toast-icon-margin-end: 4px;--toast-svg-margin-start: -1px;--toast-svg-margin-end: 0px;--toast-button-margin-start: auto;--toast-button-margin-end: 0;--toast-close-button-start: 0;--toast-close-button-end: unset;--toast-close-button-transform: translate(-35%, -35%)}:where(html[dir="rtl"]),:where([data-sonner-toaster][dir="rtl"]){--toast-icon-margin-start: 4px;--toast-icon-margin-end: -3px;--toast-svg-margin-start: 0px;--toast-svg-margin-end: -1px;--toast-button-margin-start: 0;--toast-button-margin-end: auto;--toast-close-button-start: unset;--toast-close-button-end: 0;--toast-close-button-transform: translate(35%, -35%)}:where([data-sonner-toaster]){position:fixed;width:var(--width);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;--gray1: hsl(0, 0%, 99%);--gray2: hsl(0, 0%, 97.3%);--gray3: hsl(0, 0%, 95.1%);--gray4: hsl(0, 0%, 93%);--gray5: hsl(0, 0%, 90.9%);--gray6: hsl(0, 0%, 88.7%);--gray7: hsl(0, 0%, 85.8%);--gray8: hsl(0, 0%, 78%);--gray9: hsl(0, 0%, 56.1%);--gray10: hsl(0, 0%, 52.3%);--gray11: hsl(0, 0%, 43.5%);--gray12: hsl(0, 0%, 9%);--border-radius: 8px;box-sizing:border-box;padding:0;margin:0;list-style:none;outline:none;z-index:999999999;transition:transform .4s ease}:where([data-sonner-toaster][data-lifted="true"]){transform:translateY(-10px)}@media (hover: none) and (pointer: coarse){:where([data-sonner-toaster][data-lifted="true"]){transform:none}}:where([data-sonner-toaster][data-x-position="right"]){right:var(--offset-right)}:where([data-sonner-toaster][data-x-position="left"]){left:var(--offset-left)}:where([data-sonner-toaster][data-x-position="center"]){left:50%;transform:translate(-50%)}:where([data-sonner-toaster][data-y-position="top"]){top:var(--offset-top)}:where([data-sonner-toaster][data-y-position="bottom"]){bottom:var(--offset-bottom)}:where([data-sonner-toast]){--y: translateY(100%);--lift-amount: calc(var(--lift) * var(--gap));z-index:var(--z-index);position:absolute;opacity:0;transform:var(--y);filter:blur(0);touch-action:none;transition:transform .4s,opacity .4s,height .4s,box-shadow .2s;box-sizing:border-box;outline:none;overflow-wrap:anywhere}:where([data-sonner-toast][data-styled="true"]){padding:16px;background:var(--normal-bg);border:1px solid var(--normal-border);color:var(--normal-text);border-radius:var(--border-radius);box-shadow:0 4px 12px #0000001a;width:var(--width);font-size:13px;display:flex;align-items:center;gap:6px}:where([data-sonner-toast]:focus-visible){box-shadow:0 4px 12px #0000001a,0 0 0 2px #0003}:where([data-sonner-toast][data-y-position="top"]){top:0;--y: translateY(-100%);--lift: 1;--lift-amount: calc(1 * var(--gap))}:where([data-sonner-toast][data-y-position="bottom"]){bottom:0;--y: translateY(100%);--lift: -1;--lift-amount: calc(var(--lift) * var(--gap))}:where([data-sonner-toast]) :where([data-description]){font-weight:400;line-height:1.4;color:inherit}:where([data-sonner-toast]) :where([data-title]){font-weight:500;line-height:1.5;color:inherit}:where([data-sonner-toast]) :where([data-icon]){display:flex;height:16px;width:16px;position:relative;justify-content:flex-start;align-items:center;flex-shrink:0;margin-left:var(--toast-icon-margin-start);margin-right:var(--toast-icon-margin-end)}:where([data-sonner-toast][data-promise="true"]) :where([data-icon])>svg{opacity:0;transform:scale(.8);transform-origin:center;animation:sonner-fade-in .3s ease forwards}:where([data-sonner-toast]) :where([data-icon])>*{flex-shrink:0}:where([data-sonner-toast]) :where([data-icon]) svg{margin-left:var(--toast-svg-margin-start);margin-right:var(--toast-svg-margin-end)}:where([data-sonner-toast]) :where([data-content]){display:flex;flex-direction:column;gap:2px}[data-sonner-toast][data-styled=true] [data-button]{border-radius:4px;padding-left:8px;padding-right:8px;height:24px;font-size:12px;color:var(--normal-bg);background:var(--normal-text);margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end);border:none;cursor:pointer;outline:none;display:flex;align-items:center;flex-shrink:0;transition:opacity .4s,box-shadow .2s}:where([data-sonner-toast]) :where([data-button]):focus-visible{box-shadow:0 0 0 2px #0006}:where([data-sonner-toast]) :where([data-button]):first-of-type{margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end)}:where([data-sonner-toast]) :where([data-cancel]){color:var(--normal-text);background:rgba(0,0,0,.08)}:where([data-sonner-toast][data-theme="dark"]) :where([data-cancel]){background:rgba(255,255,255,.3)}:where([data-sonner-toast]) :where([data-close-button]){position:absolute;left:var(--toast-close-button-start);right:var(--toast-close-button-end);top:0;height:20px;width:20px;display:flex;justify-content:center;align-items:center;padding:0;color:var(--gray12);border:1px solid var(--gray4);transform:var(--toast-close-button-transform);border-radius:50%;cursor:pointer;z-index:1;transition:opacity .1s,background .2s,border-color .2s}[data-sonner-toast] [data-close-button]{background:var(--gray1)}:where([data-sonner-toast]) :where([data-close-button]):focus-visible{box-shadow:0 4px 12px #0000001a,0 0 0 2px #0003}:where([data-sonner-toast]) :where([data-disabled="true"]){cursor:not-allowed}:where([data-sonner-toast]):hover :where([data-close-button]):hover{background:var(--gray2);border-color:var(--gray5)}:where([data-sonner-toast][data-swiping="true"]):before{content:"";position:absolute;left:-50%;right:-50%;height:100%;z-index:-1}:where([data-sonner-toast][data-y-position="top"][data-swiping="true"]):before{bottom:50%;transform:scaleY(3) translateY(50%)}:where([data-sonner-toast][data-y-position="bottom"][data-swiping="true"]):before{top:50%;transform:scaleY(3) translateY(-50%)}:where([data-sonner-toast][data-swiping="false"][data-removed="true"]):before{content:"";position:absolute;inset:0;transform:scaleY(2)}:where([data-sonner-toast]):after{content:"";position:absolute;left:0;height:calc(var(--gap) + 1px);bottom:100%;width:100%}:where([data-sonner-toast][data-mounted="true"]){--y: translateY(0);opacity:1}:where([data-sonner-toast][data-expanded="false"][data-front="false"]){--scale: var(--toasts-before) * .05 + 1;--y: translateY(calc(var(--lift-amount) * var(--toasts-before))) scale(calc(-1 * var(--scale)));height:var(--front-toast-height)}:where([data-sonner-toast])>*{transition:opacity .4s}:where([data-sonner-toast][data-expanded="false"][data-front="false"][data-styled="true"])>*{opacity:0}:where([data-sonner-toast][data-visible="false"]){opacity:0;pointer-events:none}:where([data-sonner-toast][data-mounted="true"][data-expanded="true"]){--y: translateY(calc(var(--lift) * var(--offset)));height:var(--initial-height)}:where([data-sonner-toast][data-removed="true"][data-front="true"][data-swipe-out="false"]){--y: translateY(calc(var(--lift) * -100%));opacity:0}:where([data-sonner-toast][data-removed="true"][data-front="false"][data-swipe-out="false"][data-expanded="true"]){--y: translateY(calc(var(--lift) * var(--offset) + var(--lift) * -100%));opacity:0}:where([data-sonner-toast][data-removed="true"][data-front="false"][data-swipe-out="false"][data-expanded="false"]){--y: translateY(40%);opacity:0;transition:transform .5s,opacity .2s}:where([data-sonner-toast][data-removed="true"][data-front="false"]):before{height:calc(var(--initial-height) + 20%)}[data-sonner-toast][data-swiping=true]{transform:var(--y) translateY(var(--swipe-amount-y, 0px)) translate(var(--swipe-amount-x, 0px));transition:none}[data-sonner-toast][data-swiped=true]{user-select:none}[data-sonner-toast][data-swipe-out=true][data-y-position=bottom],[data-sonner-toast][data-swipe-out=true][data-y-position=top]{animation-duration:.2s;animation-timing-function:ease-out;animation-fill-mode:forwards}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=left]{animation-name:swipe-out-left}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=right]{animation-name:swipe-out-right}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=up]{animation-name:swipe-out-up}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=down]{animation-name:swipe-out-down}@keyframes swipe-out-left{0%{transform:var(--y) translate(var(--swipe-amount-x));opacity:1}to{transform:var(--y) translate(calc(var(--swipe-amount-x) - 100%));opacity:0}}@keyframes swipe-out-right{0%{transform:var(--y) translate(var(--swipe-amount-x));opacity:1}to{transform:var(--y) translate(calc(var(--swipe-amount-x) + 100%));opacity:0}}@keyframes swipe-out-up{0%{transform:var(--y) translateY(var(--swipe-amount-y));opacity:1}to{transform:var(--y) translateY(calc(var(--swipe-amount-y) - 100%));opacity:0}}@keyframes swipe-out-down{0%{transform:var(--y) translateY(var(--swipe-amount-y));opacity:1}to{transform:var(--y) translateY(calc(var(--swipe-amount-y) + 100%));opacity:0}}@media (max-width: 600px){[data-sonner-toaster]{position:fixed;right:var(--mobile-offset-right);left:var(--mobile-offset-left);width:100%}[data-sonner-toaster][dir=rtl]{left:calc(var(--mobile-offset-left) * -1)}[data-sonner-toaster] [data-sonner-toast]{left:0;right:0;width:calc(100% - var(--mobile-offset-left) * 2)}[data-sonner-toaster][data-x-position=left]{left:var(--mobile-offset-left)}[data-sonner-toaster][data-y-position=bottom]{bottom:var(--mobile-offset-bottom)}[data-sonner-toaster][data-y-position=top]{top:var(--mobile-offset-top)}[data-sonner-toaster][data-x-position=center]{left:var(--mobile-offset-left);right:var(--mobile-offset-right);transform:none}}[data-sonner-toaster][data-theme=light]{--normal-bg: #fff;--normal-border: var(--gray4);--normal-text: var(--gray12);--success-bg: hsl(143, 85%, 96%);--success-border: hsl(145, 92%, 91%);--success-text: hsl(140, 100%, 27%);--info-bg: hsl(208, 100%, 97%);--info-border: hsl(221, 91%, 91%);--info-text: hsl(210, 92%, 45%);--warning-bg: hsl(49, 100%, 97%);--warning-border: hsl(49, 91%, 91%);--warning-text: hsl(31, 92%, 45%);--error-bg: hsl(359, 100%, 97%);--error-border: hsl(359, 100%, 94%);--error-text: hsl(360, 100%, 45%)}[data-sonner-toaster][data-theme=light] [data-sonner-toast][data-invert=true]{--normal-bg: #000;--normal-border: hsl(0, 0%, 20%);--normal-text: var(--gray1)}[data-sonner-toaster][data-theme=dark] [data-sonner-toast][data-invert=true]{--normal-bg: #fff;--normal-border: var(--gray3);--normal-text: var(--gray12)}[data-sonner-toaster][data-theme=dark]{--normal-bg: #000;--normal-bg-hover: hsl(0, 0%, 12%);--normal-border: hsl(0, 0%, 20%);--normal-border-hover: hsl(0, 0%, 25%);--normal-text: var(--gray1);--success-bg: hsl(150, 100%, 6%);--success-border: hsl(147, 100%, 12%);--success-text: hsl(150, 86%, 65%);--info-bg: hsl(215, 100%, 6%);--info-border: hsl(223, 100%, 12%);--info-text: hsl(216, 87%, 65%);--warning-bg: hsl(64, 100%, 6%);--warning-border: hsl(60, 100%, 12%);--warning-text: hsl(46, 87%, 65%);--error-bg: hsl(358, 76%, 10%);--error-border: hsl(357, 89%, 16%);--error-text: hsl(358, 100%, 81%)}[data-sonner-toaster][data-theme=dark] [data-sonner-toast] [data-close-button]{background:var(--normal-bg);border-color:var(--normal-border);color:var(--normal-text)}[data-sonner-toaster][data-theme=dark] [data-sonner-toast] [data-close-button]:hover{background:var(--normal-bg-hover);border-color:var(--normal-border-hover)}[data-rich-colors=true][data-sonner-toast][data-type=success],[data-rich-colors=true][data-sonner-toast][data-type=success] [data-close-button]{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}[data-rich-colors=true][data-sonner-toast][data-type=info],[data-rich-colors=true][data-sonner-toast][data-type=info] [data-close-button]{background:var(--info-bg);border-color:var(--info-border);color:var(--info-text)}[data-rich-colors=true][data-sonner-toast][data-type=warning],[data-rich-colors=true][data-sonner-toast][data-type=warning] [data-close-button]{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning-text)}[data-rich-colors=true][data-sonner-toast][data-type=error],[data-rich-colors=true][data-sonner-toast][data-type=error] [data-close-button]{background:var(--error-bg);border-color:var(--error-border);color:var(--error-text)}.sonner-loading-wrapper{--size: 16px;height:var(--size);width:var(--size);position:absolute;inset:0;z-index:10}.sonner-loading-wrapper[data-visible=false]{transform-origin:center;animation:sonner-fade-out .2s ease forwards}.sonner-spinner{position:relative;top:50%;left:50%;height:var(--size);width:var(--size)}.sonner-loading-bar{animation:sonner-spin 1.2s linear infinite;background:var(--gray11);border-radius:6px;height:8%;left:-10%;position:absolute;top:-3.9%;width:24%}.sonner-loading-bar:nth-child(1){animation-delay:-1.2s;transform:rotate(.0001deg) translate(146%)}.sonner-loading-bar:nth-child(2){animation-delay:-1.1s;transform:rotate(30deg) translate(146%)}.sonner-loading-bar:nth-child(3){animation-delay:-1s;transform:rotate(60deg) translate(146%)}.sonner-loading-bar:nth-child(4){animation-delay:-.9s;transform:rotate(90deg) translate(146%)}.sonner-loading-bar:nth-child(5){animation-delay:-.8s;transform:rotate(120deg) translate(146%)}.sonner-loading-bar:nth-child(6){animation-delay:-.7s;transform:rotate(150deg) translate(146%)}.sonner-loading-bar:nth-child(7){animation-delay:-.6s;transform:rotate(180deg) translate(146%)}.sonner-loading-bar:nth-child(8){animation-delay:-.5s;transform:rotate(210deg) translate(146%)}.sonner-loading-bar:nth-child(9){animation-delay:-.4s;transform:rotate(240deg) translate(146%)}.sonner-loading-bar:nth-child(10){animation-delay:-.3s;transform:rotate(270deg) translate(146%)}.sonner-loading-bar:nth-child(11){animation-delay:-.2s;transform:rotate(300deg) translate(146%)}.sonner-loading-bar:nth-child(12){animation-delay:-.1s;transform:rotate(330deg) translate(146%)}@keyframes sonner-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes sonner-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}@keyframes sonner-spin{0%{opacity:1}to{opacity:.15}}@media (prefers-reduced-motion){[data-sonner-toast],[data-sonner-toast]>*,.sonner-loading-bar{transition:none!important;animation:none!important}}.sonner-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transform-origin:center;transition:opacity .2s,transform .2s}.sonner-loader[data-visible=false]{opacity:0;transform:scale(.8) translate(-50%,-50%)}

/* ---- 2. Mobile navigation drawer (js/main.js) ---- */
.cl-menu-overlay { position: fixed; inset: 0; z-index: 9999; }
.cl-menu-backdrop {
  position: absolute; inset: 0; background: rgba(20, 16, 4, .45);
  opacity: 0; transition: opacity .32s ease;
}
.cl-menu-panel {
  position: absolute; top: 0; right: 0; bottom: 0;
  width: 88vw; max-width: 400px;
  background: hsl(42 70% 97%);
  display: flex; flex-direction: column;
  padding: 20px 24px calc(24px + env(safe-area-inset-bottom));
  box-shadow: -12px 0 40px rgba(0, 0, 0, .18);
  transform: translateX(100%);
  transition: transform .32s cubic-bezier(.32, .72, .35, 1);
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  overflow-y: auto;
}
.cl-menu-overlay.cl-open .cl-menu-backdrop { opacity: 1; }
.cl-menu-overlay.cl-open .cl-menu-panel { transform: translateX(0); }
.cl-menu-top { display: flex; align-items: center; justify-content: space-between; min-height: 44px; }
.cl-menu-logo { display: inline-flex; align-items: center; gap: 8px; text-decoration: none; }
.cl-menu-close {
  display: inline-flex; align-items: center; justify-content: center;
  width: 44px; height: 44px; margin-right: -10px;
  background: none; border: none; cursor: pointer;
  color: hsl(222 32% 9%); border-radius: 10px;
}
.cl-menu-close:hover { background: rgba(0, 0, 0, .05); }
.cl-menu-nav { display: flex; flex-direction: column; margin-top: 28px; }
.cl-menu-nav a {
  padding: 14px 8px; color: hsl(222 32% 9%); text-decoration: none;
  font-size: 17px; font-weight: 600; line-height: 1.2; border-radius: 10px;
}
.cl-menu-nav a:hover, .cl-menu-nav a:focus-visible { background: rgba(0, 0, 0, .04); }
.cl-menu-bottom {
  margin-top: auto; padding-top: 20px;
  border-top: 1px solid hsl(42 30% 86%);
  display: flex; flex-direction: column; gap: 14px; align-items: stretch;
}
.cl-menu-login {
  text-align: center; padding: 10px; color: hsl(222 32% 9%);
  text-decoration: none; font-size: 16px; font-weight: 600; border-radius: 10px;
}
.cl-menu-login:hover { background: rgba(0, 0, 0, .04); }
.cl-menu-cta {
  display: block; text-align: center; padding: 15px 24px;
  background: hsl(43 100% 34%); color: #fff;
  font-size: 16px; font-weight: 700; text-decoration: none;
  border-radius: 9999px; box-shadow: 0 6px 18px rgba(173, 123, 0, .35);
  transition: transform .15s ease, box-shadow .15s ease;
}
.cl-menu-cta:hover { transform: translateY(-1px); box-shadow: 0 8px 22px rgba(173, 123, 0, .45); }
.cl-no-scroll { overflow: hidden; }
@media (prefers-reduced-motion: reduce) {
  .cl-menu-backdrop, .cl-menu-panel, .cl-menu-cta { transition: none; }
}

/* ---- Scroll-reveal (js/main.js) ---- */
.cl-js-reveal .cl-reveal {
  opacity: 0; transform: translateY(26px);
  transition: opacity .7s cubic-bezier(.25, .5, .25, 1), transform .7s cubic-bezier(.25, .5, .25, 1);
  will-change: opacity, transform;
}
.cl-js-reveal .cl-revealed { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) {
  .cl-js-reveal .cl-reveal { opacity: 1; transform: none; transition: none; }
}

/* ---- Missing keyframes for .animate-fade-in ---- */
@keyframes fade-in { from { opacity: 0; } to { opacity: 1; } }
.animate-fade-in { animation: fade-in .8s ease-out both; }

/* ---- Accordion open state (js/main.js) ---- */
.cl-acc-open { display: block !important; height: auto !important; animation: none !important; }

/* ---- 3. Utilities from former inline styles ---- */
.x-events { pointer-events: none !important; }
.x-color { color: currentcolor !important; }
.x-t20-l17-delay0 { top: 20% !important; left: 17% !important; animation-delay: 0ms !important; }
.x-delay0-dur3500 { animation-delay: 0ms !important; animation-duration: 3500ms !important; }
.x-glow255 { box-shadow: rgb(255, 255, 255) 0px 0px 10px !important; }
.x-t36-l27-delay120 { top: 36% !important; left: 27% !important; animation-delay: 120ms !important; }
.x-delay700-dur3500 { animation-delay: 700ms !important; animation-duration: 3500ms !important; }
.x-t63-l35-delay240 { top: 63% !important; left: 35% !important; animation-delay: 240ms !important; }
.x-delay1400-dur3500 { animation-delay: 1400ms !important; animation-duration: 3500ms !important; }
.x-t28-l51-delay360 { top: 28% !important; left: 51% !important; animation-delay: 360ms !important; }
.x-delay2100-dur3500 { animation-delay: 2100ms !important; animation-duration: 3500ms !important; }
.x-t68-l57-delay480 { top: 68% !important; left: 57% !important; animation-delay: 480ms !important; }
.x-delay2800-dur3500 { animation-delay: 2800ms !important; animation-duration: 3500ms !important; }
.x-h40-o0 { height: 40% !important; opacity: 0.5 !important; }
.x-h65-o0 { height: 65% !important; opacity: 0.57 !important; }
.x-h50-o0 { height: 50% !important; opacity: 0.64 !important; }
.x-h80-o0 { height: 80% !important; opacity: 0.71 !important; }
.x-h60-o0 { height: 60% !important; opacity: 0.78 !important; }
.x-h92-o0 { height: 92% !important; opacity: 0.85 !important; }
.x-h70-o0 { height: 70% !important; opacity: 0.92 !important; }
.x-background50 { background: radial-gradient(circle at 50% 50%, hsl(var(--pastel-butter)) 0%, hsl(var(--cream-deep) / 0.55) 60%, transparent 78%) !important; }
.x-dur6-delay0 { animation-duration: 6.4s !important; animation-delay: 0.5s !important; }
.x-dur6-delay0-2 { animation-duration: 6s !important; animation-delay: 0.2s !important; }
.x-dur7-delay0 { animation-duration: 7.2s !important; animation-delay: 0.2s !important; }
.x-w80-o0 { width: 80% !important; opacity: 0.18 !important; }
.x-dur5-delay0 { animation-duration: 5.5s !important; animation-delay: 0.4s !important; }
.x-dur6-delay0-3 { animation-duration: 6s !important; animation-delay: 0.7s !important; }
.x-w100-o0 { width: 100% !important; opacity: 0.2 !important; }
.x-w92-o0 { width: 92% !important; opacity: 0.2 !important; }
.x-w70-o0 { width: 70% !important; opacity: 0.18 !important; }
.x-dur6-delay0-4 { animation-duration: 6s !important; animation-delay: 0.3s !important; }
.x-dur5 { animation-duration: 5.5s !important; }
.x-dur6-delay0-5 { animation-duration: 6.4s !important; animation-delay: 0.6s !important; }
.x-background30 { background: radial-gradient(circle at 30% 30%, hsl(var(--pastel-butter)) 0%, hsl(var(--accent) / 0.35) 70%, transparent 100%) !important; }
.x-bg1-background14-mask80 { background-image: radial-gradient(circle at 1px 1px, hsl(var(--primary)) 1px, transparent 0) !important; background-size: 14px 14px !important; mask-image: radial-gradient(80% 60%, black 40%, transparent 75%) !important; }
.x-bg1-background18 { background-image: radial-gradient(hsl(var(--foreground)) 1px, transparent 1px) !important; background-size: 18px 18px !important; }
.x-bg1-background14-mask { background-image: radial-gradient(circle at 1px 1px, hsl(var(--highlight) / 0.45) 1px, transparent 0) !important; background-size: 14px 14px !important; mask-image: linear-gradient(black, transparent) !important; }

/* ---- 4. Your own overrides below ---- */