/* == https://havineini-demo.sites.tab.bot/extras122.css?v=1 == */
[data-shiur-id].x122-park, div.relative.rounded-2xl.overflow-hidden.x122-park { display: none !important; }
div.relative.rounded-2xl.overflow-hidden span[title^="Filter by"] { display: none !important; }
[data-loc="client/src/components/AppShell.tsx:1643"] > .min-h-full, [data-loc="client/src/pages/Shiurim.tsx:446"] > .flex-1.overflow-y-auto { opacity: 1 !important; transform: none !important; }
[data-shiur-id][data-x122in], div.relative.rounded-2xl.overflow-hidden[data-x122in] { opacity: 1 !important; transform: none !important; }
/* == https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&display=swap == */

/* == https://fonts.googleapis.com/css2?family=Noto+Sans+Hebrew:wght@400;500;600;700&display=swap == */

/* == https://fonts.googleapis.com/css2?family=Frank+Ruhl+Libre:wght@400;700;900&display=swap == */

/* == inline: == */
#havineini-boot-splash { align-items: center; background: rgb(247, 245, 240); display: flex; inset: 0px; justify-content: center; opacity: 1; overflow: hidden; position: fixed; transition: opacity 320ms cubic-bezier(0.23, 1, 0.32, 1), visibility 320ms cubic-bezier(0.23, 1, 0.32, 1); visibility: visible; z-index: 2147483647; }
#havineini-boot-splash img { display: block; height: auto; max-width: 82vw; position: relative; width: min(500px, 82vw); }
#havineini-boot-splash.is-dismissed { opacity: 0; pointer-events: none; visibility: hidden; }
html.havineini-no-bootstrap #havineini-boot-splash { display: none; }
#havineini-boot-recovery { align-items: center; background: rgb(247, 245, 240); color: rgb(23, 63, 82); display: flex; flex-direction: column; gap: 1rem; inset: 0px; justify-content: center; padding: 2rem; position: fixed; text-align: center; z-index: 2147483647; }
#havineini-boot-recovery[hidden] { display: none; }
#havineini-boot-recovery p { margin: 0px; max-width: 26rem; }
#havineini-boot-recovery button { background: rgb(31, 107, 107); border: 0px; border-radius: 999px; color: rgb(255, 255, 255); cursor: pointer; font: 600 1rem / 1.2 system-ui, sans-serif; padding: 0.78rem 1.1rem; text-decoration: none; }
@media (prefers-reduced-motion: reduce) {
  #havineini-boot-splash { transition-duration: 120ms; }
}
/* == https://havineini-demo.sites.tab.bot/assets/index-XE16T4FD.css == */
@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-border-spacing-x: 0; --tw-border-spacing-y: 0; --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-space-y-reverse: 0; --tw-space-x-reverse: 0; --tw-divide-y-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-ordinal: initial; --tw-slashed-zero: initial; --tw-numeric-figure: initial; --tw-numeric-spacing: initial; --tw-numeric-fraction: 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-backdrop-blur: initial; --tw-backdrop-brightness: initial; --tw-backdrop-contrast: initial; --tw-backdrop-grayscale: initial; --tw-backdrop-hue-rotate: initial; --tw-backdrop-invert: initial; --tw-backdrop-opacity: initial; --tw-backdrop-saturate: initial; --tw-backdrop-sepia: initial; --tw-duration: initial; --tw-ease: initial; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scale-z: 1; --tw-content: ""; --tw-animation-delay: 0s; --tw-animation-direction: normal; --tw-animation-duration: initial; --tw-animation-fill-mode: none; --tw-animation-iteration-count: 1; --tw-enter-blur: 0; --tw-enter-opacity: 1; --tw-enter-rotate: 0; --tw-enter-scale: 1; --tw-enter-translate-x: 0; --tw-enter-translate-y: 0; --tw-exit-blur: 0; --tw-exit-opacity: 1; --tw-exit-rotate: 0; --tw-exit-scale: 1; --tw-exit-translate-x: 0; --tw-exit-translate-y: 0; }
}
}
@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-serif: ui-serif,Georgia,Cambria,"Times New Roman",Times,serif; --font-mono: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace; --color-red-100: oklch(93.6% .032 17.717); --color-red-500: oklch(63.7% .237 25.331); --color-red-700: oklch(50.5% .213 27.518); --color-red-800: oklch(44.4% .177 26.899); --color-amber-700: oklch(55.5% .163 48.998); --color-blue-600: oklch(54.6% .245 262.881); --color-blue-700: oklch(48.8% .243 264.376); --color-slate-50: oklch(98.4% .003 247.858); --color-slate-100: oklch(96.8% .007 247.896); --color-slate-600: oklch(44.6% .043 257.281); --color-slate-700: oklch(37.2% .044 257.287); --color-slate-900: oklch(20.8% .042 265.755); --color-stone-500: oklch(55.3% .013 58.071); --color-stone-600: oklch(44.4% .011 73.639); --color-stone-700: oklch(37.4% .01 67.558); --color-black: #000; --color-white: #fff; --spacing: .25rem; --container-xs: 20rem; --container-sm: 24rem; --container-md: 28rem; --container-lg: 32rem; --container-xl: 36rem; --container-2xl: 42rem; --container-3xl: 48rem; --container-4xl: 56rem; --container-5xl: 64rem; --container-6xl: 72rem; --container-7xl: 80rem; --text-xs: .75rem; --text-xs--line-height: calc(1/.75); --text-sm: .875rem; --text-sm--line-height: calc(1.25/.875); --text-base: 1rem; --text-base--line-height: 1.5; --text-lg: 1.125rem; --text-lg--line-height: calc(1.75/1.125); --text-xl: 1.25rem; --text-xl--line-height: calc(1.75/1.25); --text-2xl: 1.5rem; --text-2xl--line-height: calc(2/1.5); --text-3xl: 1.875rem; --text-3xl--line-height: 1.2; --text-4xl: 2.25rem; --text-4xl--line-height: calc(2.5/2.25); --text-5xl: 3rem; --text-5xl--line-height: 1; --text-6xl: 3.75rem; --text-6xl--line-height: 1; --font-weight-normal: 400; --font-weight-medium: 500; --font-weight-semibold: 600; --font-weight-bold: 700; --font-weight-extrabold: 800; --tracking-tight: -.025em; --tracking-normal: 0em; --tracking-wide: .025em; --tracking-wider: .05em; --tracking-widest: .1em; --leading-tight: 1.25; --leading-snug: 1.375; --leading-normal: 1.5; --leading-relaxed: 1.625; --radius-xs: .125rem; --radius-2xl: 1rem; --radius-3xl: 1.5rem; --ease-out: cubic-bezier(0,0,.2,1); --ease-in-out: cubic-bezier(.4,0,.2,1); --animate-spin: spin 1s linear infinite; --animate-pulse: pulse 2s cubic-bezier(.4,0,.6,1)infinite; --blur-sm: 8px; --blur-2xl: 40px; --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-border: var(--border); }
}
@layer base {
  *, ::after, ::before, ::backdrop { box-sizing: border-box; border: 0px solid; margin: 0px; padding: 0px; }
  ::file-selector-button { box-sizing: border-box; border: 0px solid; margin: 0px; padding: 0px; }
  html, :host { 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: 0px; color: inherit; border-top-width: 1px; }
  abbr:where([title]) { text-decoration: underline dotted; }
  h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; }
  a { color: 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: -0.25em; }
  sup { top: -0.5em; }
  table { text-indent: 0px; border-color: inherit; border-collapse: collapse; }
  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; letter-spacing: inherit; color: inherit; opacity: 1; background-color: rgba(0, 0, 0, 0); border-radius: 0px; }
  ::file-selector-button { font: inherit; letter-spacing: inherit; color: inherit; opacity: 1; background-color: rgba(0, 0, 0, 0); border-radius: 0px; }
  :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(currentcolor, transparent); }
}
}
  textarea { resize: vertical; }
  ::-webkit-search-decoration { 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: 0px; }
  ::-webkit-datetime-edit { padding-block: 0px; }
  ::-webkit-datetime-edit-year-field { padding-block: 0px; }
  ::-webkit-datetime-edit-month-field { padding-block: 0px; }
  ::-webkit-datetime-edit-day-field { padding-block: 0px; }
  ::-webkit-datetime-edit-hour-field { padding-block: 0px; }
  ::-webkit-datetime-edit-minute-field { padding-block: 0px; }
  ::-webkit-datetime-edit-second-field { padding-block: 0px; }
  ::-webkit-datetime-edit-millisecond-field { padding-block: 0px; }
  ::-webkit-datetime-edit-meridiem-field { padding-block: 0px; }
  ::-webkit-calendar-picker-indicator { line-height: 1; }
  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; }
  * { border-color: var(--border); outline-color: var(--ring); }
  @supports (color:color-mix(in lab,red,red)) {
  * { outline-color: color-mix(in oklab,var(--ring)50%,transparent); }
}
  @media (max-width: 767px) {
  html.havineini-player-viewport-locked, html.havineini-player-viewport-locked body, html.havineini-player-viewport-locked #root { overscroll-behavior: none; height: 100%; overflow: hidden; }
}
  body { background-color: var(--background); color: var(--foreground); text-size-adjust: 100%; font-family: "DM Sans", sans-serif; }
  h1, h2, h3, .font-display { font-family: "DM Serif Display", serif; }
  button:not(:disabled), [role="button"]:not([aria-disabled="true"]), [type="button"]:not(:disabled), [type="submit"]:not(:disabled), a[href], select:not(:disabled) { cursor: pointer; }
  button:active:not(:disabled) { transition: transform 0.16s cubic-bezier(0.23, 1, 0.32, 1); transform: scale(0.97); }
}
@layer components {
  .hebrew-text { text-align: start; font-family: "Noto Sans Hebrew", "Arial Hebrew", Arial, sans-serif; }
  .container { width: 100%; margin-left: auto; margin-right: auto; padding-left: 1rem; padding-right: 1rem; }
  .flex { min-width: 0px; min-height: 0px; }
  @media (min-width: 640px) {
  .container { padding-left: 1.5rem; padding-right: 1.5rem; }
}
  @media (min-width: 1024px) {
  .container { max-width: 1280px; padding-left: 2rem; padding-right: 2rem; }
}
  .phone-frame-legacy { background: rgb(5, 20, 23); border: 2px solid oklch(1 0 0 / 0.15); border-radius: 44px; width: 390px; height: 844px; position: relative; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 0px 1px, rgba(0, 0, 0, 0.6) 0px 40px 80px, rgba(208, 153, 69, 0.08) 0px 0px 60px; }
  .text-gold-gradient { -webkit-text-fill-color: transparent; background: linear-gradient(135deg, rgb(212, 168, 67), rgb(245, 208, 128), rgb(200, 146, 42)) text; }
  .badge-gold { color: rgb(177, 111, 35); letter-spacing: 0.04em; text-transform: uppercase; background: rgba(177, 111, 35, 0.15); border: 1px solid oklch(0.6 0.12 65 / 0.3); border-radius: 999px; padding: 2px 10px; font-size: 11px; font-weight: 600; }
  .chip-teal { color: oklch(0.42 0.1 185); background: oklch(0.42 0.1 185 / 0.12); border: 1px solid oklch(0.42 0.1 185 / 0.25); border-radius: 999px; padding: 4px 14px; font-size: 12px; font-weight: 500; }
  .shiur-card { background: rgb(222, 214, 201); border: 1px solid oklch(0 0 0 / 0.09); border-radius: 10px; transition: background 0.15s; }
  .shiur-card:hover { background: rgb(213, 205, 190); }
  .mini-player { background: rgb(222, 214, 201); border-top: 1px solid oklch(0 0 0 / 0.1); }
  .section-rule { background: oklch(0.42 0.1 185); border-radius: 1px; height: 2px; }
  ::-webkit-scrollbar { width: 4px; height: 4px; }
  ::-webkit-scrollbar-track { background: 0px 0px; }
  ::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, 0.12); border-radius: 2px; }
  @keyframes playerArtworkRing { 
  0%, 100% { opacity: 0.34; transform: scale(0.98); }
  50% { opacity: 0.9; transform: scale(1.025); }
}
  .player-artwork-ring { border: 2px solid; animation: 1.9s cubic-bezier(0.23, 1, 0.32, 1) 0s infinite normal none running playerArtworkRing; }
  @media (prefers-reduced-motion: reduce) {
  .player-artwork-ring { opacity: 0.6; animation: auto ease 0s 1 normal none running none; transform: none; }
}
  @keyframes fadeInUp { 
  0% { opacity: 0; transform: translateY(12px); }
  100% { opacity: 1; transform: translateY(0px); }
}
  .animate-fade-in-up, .stagger-children > * { animation: 0.3s cubic-bezier(0.23, 1, 0.32, 1) 0s 1 normal both running fadeInUp; }
  .stagger-children > :first-child { animation-delay: 0s; }
  .stagger-children > :nth-child(2) { animation-delay: 50ms; }
  .stagger-children > :nth-child(3) { animation-delay: 0.1s; }
  .stagger-children > :nth-child(4) { animation-delay: 0.15s; }
  .stagger-children > :nth-child(5) { animation-delay: 0.2s; }
  .stagger-children > :nth-child(6) { animation-delay: 0.25s; }
}
@layer utilities {
  .\@container\/card-header { container: card-header / inline-size; }
  .\@container\/field-group { container: field-group / inline-size; }
  .pointer-events-none { pointer-events: none; }
  .collapse { visibility: collapse; }
  .invisible { visibility: hidden; }
  .visible { visibility: visible; }
  .sr-only { clip-path: inset(50%); white-space: nowrap; border-width: 0px; width: 1px; height: 1px; margin: -1px; padding: 0px; position: absolute; overflow: hidden; }
  .absolute { position: absolute; }
  .fixed { position: fixed; }
  .relative { position: relative; }
  .static { position: static; }
  .sticky { position: sticky; }
  .-inset-2 { inset: calc(var(--spacing)*-2); }
  .inset-0 { inset: calc(var(--spacing)*0); }
  .inset-x-0 { inset-inline: calc(var(--spacing)*0); }
  .inset-x-3 { inset-inline: calc(var(--spacing)*3); }
  .inset-x-\[3\%\] { inset-inline: 3%; }
  .inset-x-\[10\%\] { inset-inline: 10%; }
  .inset-y-0 { inset-block: calc(var(--spacing)*0); }
  .-top-0\.5 { top: calc(var(--spacing)*-.5); }
  .-top-1 { top: calc(var(--spacing)*-1); }
  .-top-1\.5 { top: calc(var(--spacing)*-1.5); }
  .-top-7 { top: calc(var(--spacing)*-7); }
  .-top-12 { top: calc(var(--spacing)*-12); }
  .top-0 { top: calc(var(--spacing)*0); }
  .top-0\.5 { top: calc(var(--spacing)*.5); }
  .top-1 { top: calc(var(--spacing)*1); }
  .top-1\.5 { top: calc(var(--spacing)*1.5); }
  .top-1\/2 { top: 50%; }
  .top-3\.5 { top: calc(var(--spacing)*3.5); }
  .top-4 { top: calc(var(--spacing)*4); }
  .top-10 { top: calc(var(--spacing)*10); }
  .top-\[1px\] { top: 1px; }
  .top-\[10\%\] { top: 10%; }
  .top-\[50\%\] { top: 50%; }
  .top-\[60\%\] { top: 60%; }
  .top-full { top: 100%; }
  .-right-0\.5 { right: calc(var(--spacing)*-.5); }
  .-right-1 { right: calc(var(--spacing)*-1); }
  .-right-1\.5 { right: calc(var(--spacing)*-1.5); }
  .-right-2 { right: calc(var(--spacing)*-2); }
  .-right-12 { right: calc(var(--spacing)*-12); }
  .right-0 { right: calc(var(--spacing)*0); }
  .right-1 { right: calc(var(--spacing)*1); }
  .right-2 { right: calc(var(--spacing)*2); }
  .right-2\.5 { right: calc(var(--spacing)*2.5); }
  .right-3 { right: calc(var(--spacing)*3); }
  .right-4 { right: calc(var(--spacing)*4); }
  .right-9 { right: calc(var(--spacing)*9); }
  .right-14 { right: calc(var(--spacing)*14); }
  .-bottom-12 { bottom: calc(var(--spacing)*-12); }
  .bottom-0 { bottom: calc(var(--spacing)*0); }
  .bottom-1 { bottom: calc(var(--spacing)*1); }
  .bottom-2\.5 { bottom: calc(var(--spacing)*2.5); }
  .bottom-3 { bottom: calc(var(--spacing)*3); }
  .bottom-4 { bottom: calc(var(--spacing)*4); }
  .bottom-24 { bottom: calc(var(--spacing)*24); }
  .bottom-\[9\%\] { bottom: 9%; }
  .bottom-\[56px\] { bottom: 56px; }
  .-left-12 { left: calc(var(--spacing)*-12); }
  .left-0 { left: calc(var(--spacing)*0); }
  .left-0\.5 { left: calc(var(--spacing)*.5); }
  .left-1 { left: calc(var(--spacing)*1); }
  .left-1\.5 { left: calc(var(--spacing)*1.5); }
  .left-1\/2 { left: 50%; }
  .left-2 { left: calc(var(--spacing)*2); }
  .left-2\.5 { left: calc(var(--spacing)*2.5); }
  .left-3 { left: calc(var(--spacing)*3); }
  .left-3\.5 { left: calc(var(--spacing)*3.5); }
  .left-4 { left: calc(var(--spacing)*4); }
  .left-5 { left: calc(var(--spacing)*5); }
  .left-10 { left: calc(var(--spacing)*10); }
  .left-\[50\%\] { left: 50%; }
  .left-full { left: 100%; }
  .isolate { isolation: isolate; }
  .z-10 { z-index: 10; }
  .z-20 { z-index: 20; }
  .z-30 { z-index: 30; }
  .z-40 { z-index: 40; }
  .z-50 { z-index: 50; }
  .z-\[1\] { z-index: 1; }
  .z-\[60\] { z-index: 60; }
  .z-\[110\] { z-index: 110; }
  .z-\[120\] { z-index: 120; }
  .z-\[130\] { z-index: 130; }
  .z-\[200\] { z-index: 200; }
  .z-\[210\] { z-index: 210; }
  .z-\[9999\] { z-index: 9999; }
  .order-2 { order: 2; }
  .order-3 { order: 3; }
  .order-5 { order: 5; }
  .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-start-2 { grid-column-start: 2; }
  .row-span-2 { grid-row: span 2 / span 2; }
  .row-start-1 { grid-row-start: 1; }
  .container { width: 100%; }
  @media (min-width: 40rem) {
  .container { max-width: 40rem; }
}
  @media (min-width: 48rem) {
  .container { max-width: 48rem; }
}
  @media (min-width: 64rem) {
  .container { max-width: 64rem; }
}
  @media (min-width: 80rem) {
  .container { max-width: 80rem; }
}
  @media (min-width: 96rem) {
  .container { max-width: 96rem; }
}
  .\!m-0 { margin: calc(var(--spacing)*0) !important; }
  .-m-1 { margin: calc(var(--spacing)*-1); }
  .-mx-1 { margin-inline: calc(var(--spacing)*-1); }
  .mx-1 { margin-inline: calc(var(--spacing)*1); }
  .mx-2 { margin-inline: calc(var(--spacing)*2); }
  .mx-3 { margin-inline: calc(var(--spacing)*3); }
  .mx-3\.5 { margin-inline: calc(var(--spacing)*3.5); }
  .mx-4 { margin-inline: calc(var(--spacing)*4); }
  .mx-auto { margin-inline: auto; }
  .-my-2 { margin-block: calc(var(--spacing)*-2); }
  .my-0 { margin-block: calc(var(--spacing)*0); }
  .my-0\.5 { margin-block: calc(var(--spacing)*.5); }
  .my-1 { margin-block: calc(var(--spacing)*1); }
  .my-5 { margin-block: calc(var(--spacing)*5); }
  .-mt-2 { margin-top: calc(var(--spacing)*-2); }
  .-mt-4 { margin-top: calc(var(--spacing)*-4); }
  .mt-0\.5 { margin-top: calc(var(--spacing)*.5); }
  .mt-1 { margin-top: calc(var(--spacing)*1); }
  .mt-1\.5 { margin-top: calc(var(--spacing)*1.5); }
  .mt-2 { margin-top: calc(var(--spacing)*2); }
  .mt-2\.5 { margin-top: calc(var(--spacing)*2.5); }
  .mt-3 { margin-top: calc(var(--spacing)*3); }
  .mt-4 { margin-top: calc(var(--spacing)*4); }
  .mt-5 { margin-top: calc(var(--spacing)*5); }
  .mt-6 { margin-top: calc(var(--spacing)*6); }
  .mt-7 { margin-top: calc(var(--spacing)*7); }
  .mt-8 { margin-top: calc(var(--spacing)*8); }
  .mt-9 { margin-top: calc(var(--spacing)*9); }
  .mt-10 { margin-top: calc(var(--spacing)*10); }
  .mt-12 { margin-top: calc(var(--spacing)*12); }
  .mt-auto { margin-top: auto; }
  .mr-1 { margin-right: calc(var(--spacing)*1); }
  .mr-1\.5 { margin-right: calc(var(--spacing)*1.5); }
  .mr-2 { margin-right: calc(var(--spacing)*2); }
  .mb-0\.5 { margin-bottom: calc(var(--spacing)*.5); }
  .mb-1 { margin-bottom: calc(var(--spacing)*1); }
  .mb-1\.5 { margin-bottom: calc(var(--spacing)*1.5); }
  .mb-2 { margin-bottom: calc(var(--spacing)*2); }
  .mb-2\.5 { margin-bottom: calc(var(--spacing)*2.5); }
  .mb-3 { margin-bottom: calc(var(--spacing)*3); }
  .mb-4 { margin-bottom: calc(var(--spacing)*4); }
  .mb-5 { margin-bottom: calc(var(--spacing)*5); }
  .mb-6 { margin-bottom: calc(var(--spacing)*6); }
  .mb-8 { margin-bottom: calc(var(--spacing)*8); }
  .-ml-4 { margin-left: calc(var(--spacing)*-4); }
  .ml-0\.5 { margin-left: calc(var(--spacing)*.5); }
  .ml-1 { margin-left: calc(var(--spacing)*1); }
  .ml-1\.5 { margin-left: calc(var(--spacing)*1.5); }
  .ml-2 { margin-left: calc(var(--spacing)*2); }
  .ml-2\.5 { margin-left: calc(var(--spacing)*2.5); }
  .ml-3 { margin-left: calc(var(--spacing)*3); }
  .ml-4 { margin-left: calc(var(--spacing)*4); }
  .ml-auto { margin-left: auto; }
  .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; }
  .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; }
  .table-caption { display: table-caption; }
  .table-cell { display: table-cell; }
  .table-row { display: table-row; }
  .field-sizing-content { field-sizing: content; }
  .aspect-\[3\/4\] { aspect-ratio: 3 / 4; }
  .aspect-\[4\/5\] { aspect-ratio: 4 / 5; }
  .aspect-square { aspect-ratio: 1 / 1; }
  .aspect-video { aspect-ratio: var(--aspect-video); }
  .size-\(--cell-size\) { width: var(--cell-size); height: var(--cell-size); }
  .size-2 { width: calc(var(--spacing)*2); height: calc(var(--spacing)*2); }
  .size-2\.5 { width: calc(var(--spacing)*2.5); height: calc(var(--spacing)*2.5); }
  .size-3 { width: calc(var(--spacing)*3); height: calc(var(--spacing)*3); }
  .size-3\.5 { width: calc(var(--spacing)*3.5); height: calc(var(--spacing)*3.5); }
  .size-4 { width: calc(var(--spacing)*4); height: calc(var(--spacing)*4); }
  .size-6 { width: calc(var(--spacing)*6); height: calc(var(--spacing)*6); }
  .size-7 { width: calc(var(--spacing)*7); height: calc(var(--spacing)*7); }
  .size-8 { width: calc(var(--spacing)*8); height: calc(var(--spacing)*8); }
  .size-9 { width: calc(var(--spacing)*9); height: calc(var(--spacing)*9); }
  .size-10 { width: calc(var(--spacing)*10); height: calc(var(--spacing)*10); }
  .size-12 { width: calc(var(--spacing)*12); height: calc(var(--spacing)*12); }
  .size-auto { width: auto; height: auto; }
  .size-full { width: 100%; height: 100%; }
  .h-\(--cell-size\) { height: var(--cell-size); }
  .h-0\.5 { height: calc(var(--spacing)*.5); }
  .h-1 { height: calc(var(--spacing)*1); }
  .h-1\.5 { height: calc(var(--spacing)*1.5); }
  .h-1\/2 { height: 50%; }
  .h-2 { height: calc(var(--spacing)*2); }
  .h-2\.5 { height: calc(var(--spacing)*2.5); }
  .h-3 { height: calc(var(--spacing)*3); }
  .h-3\.5 { height: calc(var(--spacing)*3.5); }
  .h-4 { height: calc(var(--spacing)*4); }
  .h-5 { height: calc(var(--spacing)*5); }
  .h-6 { height: calc(var(--spacing)*6); }
  .h-7 { height: calc(var(--spacing)*7); }
  .h-8 { height: calc(var(--spacing)*8); }
  .h-9 { height: calc(var(--spacing)*9); }
  .h-10 { height: calc(var(--spacing)*10); }
  .h-11 { height: calc(var(--spacing)*11); }
  .h-12 { height: calc(var(--spacing)*12); }
  .h-14 { height: calc(var(--spacing)*14); }
  .h-16 { height: calc(var(--spacing)*16); }
  .h-20 { height: calc(var(--spacing)*20); }
  .h-24 { height: calc(var(--spacing)*24); }
  .h-28 { height: calc(var(--spacing)*28); }
  .h-32 { height: calc(var(--spacing)*32); }
  .h-40 { height: calc(var(--spacing)*40); }
  .h-44 { height: calc(var(--spacing)*44); }
  .h-64 { height: calc(var(--spacing)*64); }
  .h-\[1\.15rem\] { height: 1.15rem; }
  .h-\[2px\] { height: 2px; }
  .h-\[3px\] { height: 3px; }
  .h-\[14px\] { height: 14px; }
  .h-\[20px\] { height: 20px; }
  .h-\[36px\] { height: 36px; }
  .h-\[38px\] { height: 38px; }
  .h-\[53px\] { height: 53px; }
  .h-\[64px\] { height: 64px; }
  .h-\[68px\] { height: 68px; }
  .h-\[72\%\] { height: 72%; }
  .h-\[72px\] { height: 72px; }
  .h-\[76px\] { height: 76px; }
  .h-\[82px\] { height: 82px; }
  .h-\[88px\] { height: 88px; }
  .h-\[96px\] { height: 96px; }
  .h-\[100dvh\] { height: 100dvh; }
  .h-\[100px\] { height: 100px; }
  .h-\[116px\] { height: 116px; }
  .h-\[120px\] { height: 120px; }
  .h-\[128px\] { height: 128px; }
  .h-\[134px\] { height: 134px; }
  .h-\[150px\] { height: 150px; }
  .h-\[192px\] { height: 192px; }
  .h-\[200px\] { height: 200px; }
  .h-\[320px\] { height: 320px; }
  .h-\[500px\] { height: 500px; }
  .h-\[calc\(100\%-1px\)\] { height: calc(100% - 1px); }
  .h-\[min\(60svh\,620px\)\] { height: min(60svh, 620px); }
  .h-\[var\(--radix-navigation-menu-viewport-height\)\] { height: var(--radix-navigation-menu-viewport-height); }
  .h-\[var\(--radix-select-trigger-height\)\] { height: var(--radix-select-trigger-height); }
  .h-auto { height: auto; }
  .h-fit { height: fit-content; }
  .h-full { height: 100%; }
  .h-px { height: 1px; }
  .h-screen { height: 100vh; }
  .h-svh { height: 100svh; }
  .max-h-\(--radix-context-menu-content-available-height\) { max-height: var(--radix-context-menu-content-available-height); }
  .max-h-\(--radix-dropdown-menu-content-available-height\) { max-height: var(--radix-dropdown-menu-content-available-height); }
  .max-h-\(--radix-select-content-available-height\) { max-height: var(--radix-select-content-available-height); }
  .max-h-32 { max-height: calc(var(--spacing)*32); }
  .max-h-72 { max-height: calc(var(--spacing)*72); }
  .max-h-\[72svh\] { max-height: 72svh; }
  .max-h-\[78svh\] { max-height: 78svh; }
  .max-h-\[300px\] { max-height: 300px; }
  .max-h-\[380px\] { max-height: 380px; }
  .max-h-\[400px\] { max-height: 400px; }
  .max-h-full { max-height: 100%; }
  .min-h-0 { min-height: calc(var(--spacing)*0); }
  .min-h-4 { min-height: calc(var(--spacing)*4); }
  .min-h-5 { min-height: calc(var(--spacing)*5); }
  .min-h-6 { min-height: calc(var(--spacing)*6); }
  .min-h-9 { min-height: calc(var(--spacing)*9); }
  .min-h-10 { min-height: calc(var(--spacing)*10); }
  .min-h-11 { min-height: calc(var(--spacing)*11); }
  .min-h-16 { min-height: calc(var(--spacing)*16); }
  .min-h-40 { min-height: calc(var(--spacing)*40); }
  .min-h-56 { min-height: calc(var(--spacing)*56); }
  .min-h-72 { min-height: calc(var(--spacing)*72); }
  .min-h-\[40vh\] { min-height: 40vh; }
  .min-h-\[76px\] { min-height: 76px; }
  .min-h-\[100svh\] { min-height: 100svh; }
  .min-h-\[104px\] { min-height: 104px; }
  .min-h-\[122px\] { min-height: 122px; }
  .min-h-\[132px\] { min-height: 132px; }
  .min-h-\[200px\] { min-height: 200px; }
  .min-h-\[250px\] { min-height: 250px; }
  .min-h-full { min-height: 100%; }
  .min-h-screen { min-height: 100vh; }
  .min-h-svh { min-height: 100svh; }
  .w-\(--cell-size\) { width: var(--cell-size); }
  .w-\(--sidebar-width\) { width: var(--sidebar-width); }
  .w-0 { width: calc(var(--spacing)*0); }
  .w-1 { width: calc(var(--spacing)*1); }
  .w-1\.5 { width: calc(var(--spacing)*1.5); }
  .w-1\/2 { width: 50%; }
  .w-2 { width: calc(var(--spacing)*2); }
  .w-2\.5 { width: calc(var(--spacing)*2.5); }
  .w-3 { width: calc(var(--spacing)*3); }
  .w-3\.5 { width: calc(var(--spacing)*3.5); }
  .w-3\/4 { width: 75%; }
  .w-4 { width: calc(var(--spacing)*4); }
  .w-5 { width: calc(var(--spacing)*5); }
  .w-6 { width: calc(var(--spacing)*6); }
  .w-7 { width: calc(var(--spacing)*7); }
  .w-8 { width: calc(var(--spacing)*8); }
  .w-9 { width: calc(var(--spacing)*9); }
  .w-10 { width: calc(var(--spacing)*10); }
  .w-11 { width: calc(var(--spacing)*11); }
  .w-12 { width: calc(var(--spacing)*12); }
  .w-14 { width: calc(var(--spacing)*14); }
  .w-16 { width: calc(var(--spacing)*16); }
  .w-20 { width: calc(var(--spacing)*20); }
  .w-24 { width: calc(var(--spacing)*24); }
  .w-28 { width: calc(var(--spacing)*28); }
  .w-32 { width: calc(var(--spacing)*32); }
  .w-44 { width: calc(var(--spacing)*44); }
  .w-48 { width: calc(var(--spacing)*48); }
  .w-60 { width: calc(var(--spacing)*60); }
  .w-64 { width: calc(var(--spacing)*64); }
  .w-72 { width: calc(var(--spacing)*72); }
  .w-\[38px\] { width: 38px; }
  .w-\[72\%\] { width: 72%; }
  .w-\[72px\] { width: 72px; }
  .w-\[76px\] { width: 76px; }
  .w-\[100px\] { width: 100px; }
  .w-\[112px\] { width: 112px; }
  .w-\[134px\] { width: 134px; }
  .w-\[148px\] { width: 148px; }
  .w-\[192px\] { width: 192px; }
  .w-\[280px\] { width: 280px; }
  .w-\[320px\] { width: 320px; }
  .w-\[400px\] { width: 400px; }
  .w-\[420px\] { width: 420px; }
  .w-\[min\(82vw\,500px\)\] { width: min(82vw, 500px); }
  .w-auto { width: auto; }
  .w-fit { width: fit-content; }
  .w-full { width: 100%; }
  .w-max { width: max-content; }
  .w-px { width: 1px; }
  .max-w-\(--skeleton-width\) { max-width: var(--skeleton-width); }
  .max-w-2xl { max-width: var(--container-2xl); }
  .max-w-3xl { max-width: var(--container-3xl); }
  .max-w-4xl { max-width: var(--container-4xl); }
  .max-w-5xl { max-width: var(--container-5xl); }
  .max-w-6xl { max-width: var(--container-6xl); }
  .max-w-7xl { max-width: var(--container-7xl); }
  .max-w-\[36\%\] { max-width: 36%; }
  .max-w-\[58\%\] { max-width: 58%; }
  .max-w-\[60\%\] { max-width: 60%; }
  .max-w-\[62vw\] { max-width: 62vw; }
  .max-w-\[80\%\] { max-width: 80%; }
  .max-w-\[138px\] { max-width: 138px; }
  .max-w-\[160px\] { max-width: 160px; }
  .max-w-\[168px\] { max-width: 168px; }
  .max-w-\[180px\] { max-width: 180px; }
  .max-w-\[220px\] { max-width: 220px; }
  .max-w-\[240px\] { max-width: 240px; }
  .max-w-\[260px\] { max-width: 260px; }
  .max-w-\[400px\] { max-width: 400px; }
  .max-w-\[calc\(100\%-2rem\)\] { max-width: calc(100% - 2rem); }
  .max-w-full { max-width: 100%; }
  .max-w-lg { max-width: var(--container-lg); }
  .max-w-max { max-width: max-content; }
  .max-w-md { max-width: var(--container-md); }
  .max-w-none { max-width: none; }
  .max-w-sm { max-width: var(--container-sm); }
  .max-w-xl { max-width: var(--container-xl); }
  .max-w-xs { max-width: var(--container-xs); }
  .min-w-\(--cell-size\) { min-width: var(--cell-size); }
  .min-w-0 { min-width: calc(var(--spacing)*0); }
  .min-w-3\.5 { min-width: calc(var(--spacing)*3.5); }
  .min-w-5 { min-width: calc(var(--spacing)*5); }
  .min-w-8 { min-width: calc(var(--spacing)*8); }
  .min-w-9 { min-width: calc(var(--spacing)*9); }
  .min-w-10 { min-width: calc(var(--spacing)*10); }
  .min-w-\[5px\] { min-width: 5px; }
  .min-w-\[8rem\] { min-width: 8rem; }
  .min-w-\[12rem\] { min-width: 12rem; }
  .min-w-\[14px\] { min-width: 14px; }
  .min-w-\[190px\] { min-width: 190px; }
  .min-w-\[650px\] { min-width: 650px; }
  .min-w-\[var\(--radix-select-trigger-width\)\] { min-width: var(--radix-select-trigger-width); }
  .flex-1 { flex: 1 1 0%; }
  .flex-shrink-0 { flex-shrink: 0; }
  .shrink { flex-shrink: 1; }
  .shrink-0 { flex-shrink: 0; }
  .grow { flex-grow: 1; }
  .grow-0 { flex-grow: 0; }
  .basis-full { flex-basis: 100%; }
  .caption-bottom { caption-side: bottom; }
  .border-collapse { border-collapse: collapse; }
  .border-separate { border-collapse: separate; }
  .border-spacing-0 { --tw-border-spacing-x: calc(var(--spacing)*0); --tw-border-spacing-y: calc(var(--spacing)*0); border-spacing: var(--tw-border-spacing-x)var(--tw-border-spacing-y); }
  .origin-\(--radix-context-menu-content-transform-origin\) { transform-origin: var(--radix-context-menu-content-transform-origin); }
  .origin-\(--radix-dropdown-menu-content-transform-origin\) { transform-origin: var(--radix-dropdown-menu-content-transform-origin); }
  .origin-\(--radix-hover-card-content-transform-origin\) { transform-origin: var(--radix-hover-card-content-transform-origin); }
  .origin-\(--radix-menubar-content-transform-origin\) { transform-origin: var(--radix-menubar-content-transform-origin); }
  .origin-\(--radix-popover-content-transform-origin\) { transform-origin: var(--radix-popover-content-transform-origin); }
  .origin-\(--radix-select-content-transform-origin\) { transform-origin: var(--radix-select-content-transform-origin); }
  .origin-\(--radix-tooltip-content-transform-origin\) { transform-origin: var(--radix-tooltip-content-transform-origin); }
  .-translate-x-1\/2 { --tw-translate-x: -50%; translate: var(--tw-translate-x)var(--tw-translate-y); }
  .-translate-x-px { --tw-translate-x: -1px; translate: var(--tw-translate-x)var(--tw-translate-y); }
  .translate-x-\[-50\%\] { --tw-translate-x: -50%; translate: var(--tw-translate-x)var(--tw-translate-y); }
  .translate-x-px { --tw-translate-x: 1px; translate: var(--tw-translate-x)var(--tw-translate-y); }
  .-translate-y-1\/2 { --tw-translate-y: -50%; translate: var(--tw-translate-x)var(--tw-translate-y); }
  .translate-y-0\.5 { --tw-translate-y: calc(var(--spacing)*.5); 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-\[calc\(-50\%_-_2px\)\] { --tw-translate-y: calc(-50% - 2px); translate: var(--tw-translate-x)var(--tw-translate-y); }
  .-rotate-90 { rotate: -90deg; }
  .rotate-45 { rotate: 45deg; }
  .rotate-90 { rotate: 90deg; }
  .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-caret-blink { animation: 1.25s ease-out 0s infinite normal none running caret-blink; }
  .animate-in { animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); }
  .animate-pulse { animation: var(--animate-pulse); }
  .animate-spin { animation: var(--animate-spin); }
  .cursor-col-resize { cursor: col-resize; }
  .cursor-crosshair { cursor: crosshair; }
  .cursor-default { cursor: default; }
  .cursor-pointer { cursor: pointer; }
  .cursor-text { cursor: text; }
  .touch-none { touch-action: none; }
  .resize { resize: both; }
  .resize-none { resize: none; }
  .resize-y { resize: vertical; }
  .scroll-my-1 { scroll-margin-block: calc(var(--spacing)*1); }
  .scroll-py-1 { scroll-padding-block: calc(var(--spacing)*1); }
  .list-disc { list-style-type: disc; }
  .list-none { list-style-type: none; }
  .auto-rows-min { grid-auto-rows: min-content; }
  .grid-cols-1 { grid-template-columns: repeat(1, minmax(0px, 1fr)); }
  .grid-cols-2 { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
  .grid-cols-3 { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
  .grid-cols-4 { grid-template-columns: repeat(4, minmax(0px, 1fr)); }
  .grid-cols-5 { grid-template-columns: repeat(5, minmax(0px, 1fr)); }
  .grid-cols-6 { grid-template-columns: repeat(6, minmax(0px, 1fr)); }
  .grid-cols-\[0_1fr\] { grid-template-columns: 0px 1fr; }
  .grid-cols-\[1fr_auto_1fr\] { grid-template-columns: 1fr auto 1fr; }
  .grid-cols-\[44px_1fr_44px\] { grid-template-columns: 44px 1fr 44px; }
  .grid-rows-\[auto_auto\] { grid-template-rows: auto auto; }
  .flex-col { flex-direction: column; }
  .flex-col-reverse { flex-direction: column-reverse; }
  .flex-row { flex-direction: row; }
  .flex-wrap { flex-wrap: wrap; }
  .place-items-center { place-items: center; }
  .items-baseline { align-items: baseline; }
  .items-center { align-items: center; }
  .items-end { align-items: flex-end; }
  .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; }
  .justify-items-start { justify-items: start; }
  .gap-0 { gap: calc(var(--spacing)*0); }
  .gap-0\.5 { gap: calc(var(--spacing)*.5); }
  .gap-1 { gap: calc(var(--spacing)*1); }
  .gap-1\.5 { gap: calc(var(--spacing)*1.5); }
  .gap-2 { gap: calc(var(--spacing)*2); }
  .gap-2\.5 { gap: calc(var(--spacing)*2.5); }
  .gap-3 { gap: calc(var(--spacing)*3); }
  .gap-3\.5 { gap: calc(var(--spacing)*3.5); }
  .gap-4 { gap: calc(var(--spacing)*4); }
  .gap-5 { gap: calc(var(--spacing)*5); }
  .gap-6 { gap: calc(var(--spacing)*6); }
  .gap-7 { gap: calc(var(--spacing)*7); }
  .gap-8 { gap: calc(var(--spacing)*8); }
  .gap-10 { gap: calc(var(--spacing)*10); }
  .gap-\[2px\] { gap: 2px; }
  .gap-\[3px\] { gap: 3px; }
  :where(.space-y-1 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse))); }
  :where(.space-y-1\.5 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing)*1.5)*var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing)*1.5)*calc(1 - var(--tw-space-y-reverse))); }
  :where(.space-y-2 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse))); }
  :where(.space-y-2\.5 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing)*2.5)*var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing)*2.5)*calc(1 - var(--tw-space-y-reverse))); }
  :where(.space-y-3 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse))); }
  :where(.space-y-4 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse))); }
  :where(.space-y-5 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing)*5)*var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing)*5)*calc(1 - var(--tw-space-y-reverse))); }
  :where(.space-y-6 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-y-reverse))); }
  :where(.space-y-12 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing)*12)*var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing)*12)*calc(1 - var(--tw-space-y-reverse))); }
  .gap-x-3 { column-gap: calc(var(--spacing)*3); }
  .gap-x-5 { column-gap: calc(var(--spacing)*5); }
  :where(.space-x-2 > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing)*2)*var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-x-reverse))); }
  .gap-y-0\.5 { row-gap: calc(var(--spacing)*.5); }
  .gap-y-1 { row-gap: calc(var(--spacing)*1); }
  .gap-y-2 { row-gap: calc(var(--spacing)*2); }
  :where(.divide-y > :not(:last-child)) { --tw-divide-y-reverse: 0; border-bottom-style: var(--tw-border-style); border-top-style: var(--tw-border-style); border-top-width: calc(1px*var(--tw-divide-y-reverse)); border-bottom-width: calc(1px*calc(1 - var(--tw-divide-y-reverse))); }
  .self-center { align-self: center; }
  .self-start { align-self: flex-start; }
  .self-stretch { align-self: stretch; }
  .justify-self-center { justify-self: center; }
  .justify-self-end { justify-self: flex-end; }
  .justify-self-start { justify-self: flex-start; }
  .truncate { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
  .overflow-auto { overflow: auto; }
  .overflow-hidden { overflow: hidden; }
  .overflow-x-auto { overflow-x: auto; }
  .overflow-x-hidden { overflow-x: hidden; }
  .overflow-y-auto { overflow-y: auto; }
  .overflow-y-hidden { overflow-y: hidden; }
  .overscroll-none { overscroll-behavior: none; }
  .rounded { border-radius: 0.25rem; }
  .rounded-2xl { border-radius: var(--radius-2xl); }
  .rounded-3xl { border-radius: var(--radius-3xl); }
  .rounded-\[2px\] { border-radius: 2px; }
  .rounded-\[3px\] { border-radius: 3px; }
  .rounded-\[4px\] { border-radius: 4px; }
  .rounded-\[10px\] { border-radius: 10px; }
  .rounded-\[14px\] { border-radius: 14px; }
  .rounded-\[20px\] { border-radius: 20px; }
  .rounded-\[26px\] { border-radius: 26px; }
  .rounded-\[28px\] { border-radius: 28px; }
  .rounded-\[32px\] { border-radius: 32px; }
  .rounded-\[36px\] { border-radius: 36px; }
  .rounded-\[calc\(var\(--radius\)-5px\)\] { border-radius: calc(var(--radius) - 5px); }
  .rounded-\[inherit\] { border-radius: inherit; }
  .rounded-full { border-radius: 3.40282e+38px; }
  .rounded-lg { border-radius: var(--radius); }
  .rounded-md { border-radius: calc(var(--radius) - 2px); }
  .rounded-none { border-radius: 0px; }
  .rounded-sm { border-radius: calc(var(--radius) - 4px); }
  .rounded-xl { border-radius: calc(var(--radius) + 4px); }
  .rounded-xs { border-radius: var(--radius-xs); }
  .rounded-t-2xl { border-top-left-radius: var(--radius-2xl); border-top-right-radius: var(--radius-2xl); }
  .rounded-t-3xl { border-top-left-radius: var(--radius-3xl); border-top-right-radius: var(--radius-3xl); }
  .rounded-t-\[28px\] { border-top-left-radius: 28px; border-top-right-radius: 28px; }
  .rounded-t-sm { border-top-left-radius: calc(var(--radius) - 4px); border-top-right-radius: calc(var(--radius) - 4px); }
  .rounded-t-xl { border-top-left-radius: calc(var(--radius) + 4px); border-top-right-radius: calc(var(--radius) + 4px); }
  .rounded-l-2xl { border-top-left-radius: var(--radius-2xl); border-bottom-left-radius: var(--radius-2xl); }
  .rounded-l-md { border-top-left-radius: calc(var(--radius) - 2px); border-bottom-left-radius: calc(var(--radius) - 2px); }
  .rounded-tl-sm { border-top-left-radius: calc(var(--radius) - 4px); }
  .rounded-r-md { border-top-right-radius: calc(var(--radius) - 2px); border-bottom-right-radius: calc(var(--radius) - 2px); }
  .border { border-style: var(--tw-border-style); border-width: 1px; }
  .border-0 { border-style: var(--tw-border-style); border-width: 0px; }
  .border-2 { border-style: var(--tw-border-style); border-width: 2px; }
  .border-\[1\.5px\] { border-style: var(--tw-border-style); border-width: 1.5px; }
  .border-y { border-block-style: var(--tw-border-style); border-block-width: 1px; }
  .border-t { border-top-style: var(--tw-border-style); border-top-width: 1px; }
  .border-r { border-right-style: var(--tw-border-style); border-right-width: 1px; }
  .border-r-0 { border-right-style: var(--tw-border-style); border-right-width: 0px; }
  .border-r-2 { border-right-style: var(--tw-border-style); border-right-width: 2px; }
  .border-b { 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-dashed { --tw-border-style: dashed; border-style: dashed; }
  .border-\(--color-border\) { border-color: var(--color-border); }
  .border-\[\#1F6B6B\]\/15 { border-color: rgba(31, 107, 107, 0.15); }
  .border-\[\#1F6B6B\]\/30 { border-color: rgba(31, 107, 107, 0.3); }
  .border-\[\#1F6B6B\]\/35 { border-color: rgba(31, 107, 107, 0.35); }
  .border-\[\#007CA8\]\/10 { border-color: rgba(0, 124, 168, 0.1); }
  .border-\[\#007CA8\]\/12 { border-color: rgba(0, 124, 168, 0.12); }
  .border-\[\#007CA8\]\/15 { border-color: rgba(0, 124, 168, 0.15); }
  .border-\[\#007CA8\]\/25 { border-color: rgba(0, 124, 168, 0.25); }
  .border-\[\#007CA8\]\/30 { border-color: rgba(0, 124, 168, 0.3); }
  .border-\[\#C8922A\]\/20 { border-color: rgba(200, 146, 42, 0.2); }
  .border-\[\#D49324\]\/20 { border-color: rgba(212, 147, 36, 0.2); }
  .border-\[rgba\(0\,0\,0\,0\.08\)\] { border-color: rgba(0, 0, 0, 0.08); }
  .border-border, .border-border\/50 { border-color: var(--border); }
  @supports (color:color-mix(in lab,red,red)) {
  .border-border\/50 { border-color: color-mix(in oklab,var(--border)50%,transparent); }
}
  .border-current { border-color: currentcolor; }
  .border-input { border-color: var(--input); }
  .border-primary { border-color: var(--primary); }
  .border-sidebar-border { border-color: var(--sidebar-border); }
  .border-transparent { border-color: rgba(0, 0, 0, 0); }
  .border-white\/30 { border-color: rgba(255, 255, 255, 0.3); }
  @supports (color:color-mix(in lab,red,red)) {
  .border-white\/30 { border-color: color-mix(in oklab,var(--color-white)30%,transparent); }
}
  .border-white\/70 { border-color: rgba(255, 255, 255, 0.7); }
  @supports (color:color-mix(in lab,red,red)) {
  .border-white\/70 { border-color: color-mix(in oklab,var(--color-white)70%,transparent); }
}
  .border-t-transparent { border-top-color: rgba(0, 0, 0, 0); }
  .border-l-transparent { border-left-color: rgba(0, 0, 0, 0); }
  .bg-\(--color-bg\) { background-color: var(--color-bg); }
  .bg-\[\#1F6B6B\] { background-color: rgb(31, 107, 107); }
  .bg-\[\#1a1a19\] { background-color: rgb(26, 26, 25); }
  .bg-\[\#007CA8\] { background-color: rgb(0, 124, 168); }
  .bg-\[\#007CA8\]\/8 { background-color: rgba(0, 124, 168, 0.08); }
  .bg-\[\#007CA8\]\/10 { background-color: rgba(0, 124, 168, 0.1); }
  .bg-\[\#25D366\]\/12 { background-color: rgba(37, 211, 102, 0.12); }
  .bg-\[\#075B70\] { background-color: rgb(7, 91, 112); }
  .bg-\[\#D49324\] { background-color: rgb(212, 147, 36); }
  .bg-\[\#E7BE65\] { background-color: rgb(231, 190, 101); }
  .bg-\[\#E7F2F7\] { background-color: rgb(231, 242, 247); }
  .bg-\[\#E9F1EF\] { background-color: rgb(233, 241, 239); }
  .bg-\[\#EEE9DE\] { background-color: rgb(238, 233, 222); }
  .bg-\[\#F3F8FA\] { background-color: rgb(243, 248, 250); }
  .bg-\[\#F7F5F0\] { background-color: rgb(247, 245, 240); }
  .bg-\[\#F7F5F0\]\/95 { background-color: rgba(247, 245, 240, 0.95); }
  .bg-\[\#F7FAFB\] { background-color: rgb(247, 250, 251); }
  .bg-\[\#F7FAFB\]\/95 { background-color: rgba(247, 250, 251, 0.95); }
  .bg-\[\#FFF2DA\] { background-color: rgb(255, 242, 218); }
  .bg-\[\#FFF8EB\] { background-color: rgb(255, 248, 235); }
  .bg-\[\#f8f8f7\] { background-color: rgb(248, 248, 247); }
  .bg-\[radial-gradient\(circle_at_80\%_25\%\,rgba\(212\,147\,36\,\.18\)\,transparent_32\%\)\,radial-gradient\(circle_at_20\%_90\%\,rgba\(0\,124\,168\,\.16\)\,transparent_38\%\)\,\#F3F8FA\] { }
  .bg-accent { background-color: var(--accent); }
  .bg-background, .bg-background\/50 { background-color: var(--background); }
  @supports (color:color-mix(in lab,red,red)) {
  .bg-background\/50 { background-color: color-mix(in oklab,var(--background)50%,transparent); }
}
  .bg-background\/95 { background-color: var(--background); }
  @supports (color:color-mix(in lab,red,red)) {
  .bg-background\/95 { background-color: color-mix(in oklab,var(--background)95%,transparent); }
}
  .bg-black { background-color: var(--color-black); }
  .bg-black\/40 { background-color: rgba(0, 0, 0, 0.4); }
  @supports (color:color-mix(in lab,red,red)) {
  .bg-black\/40 { background-color: color-mix(in oklab,var(--color-black)40%,transparent); }
}
  .bg-black\/50 { background-color: rgba(0, 0, 0, 0.5); }
  @supports (color:color-mix(in lab,red,red)) {
  .bg-black\/50 { background-color: color-mix(in oklab,var(--color-black)50%,transparent); }
}
  .bg-black\/55 { background-color: rgba(0, 0, 0, 0.55); }
  @supports (color:color-mix(in lab,red,red)) {
  .bg-black\/55 { background-color: color-mix(in oklab,var(--color-black)55%,transparent); }
}
  .bg-black\/\[0\.04\] { background-color: rgba(0, 0, 0, 0.04); }
  @supports (color:color-mix(in lab,red,red)) {
  .bg-black\/\[0\.04\] { background-color: color-mix(in oklab,var(--color-black)4%,transparent); }
}
  .bg-black\/\[0\.06\] { background-color: rgba(0, 0, 0, 0.06); }
  @supports (color:color-mix(in lab,red,red)) {
  .bg-black\/\[0\.06\] { background-color: color-mix(in oklab,var(--color-black)6%,transparent); }
}
  .bg-blue-600 { background-color: var(--color-blue-600); }
  .bg-border { background-color: var(--border); }
  .bg-card { background-color: var(--card); }
  .bg-current { background-color: currentcolor; }
  .bg-destructive { background-color: var(--destructive); }
  .bg-foreground { background-color: var(--foreground); }
  .bg-input { background-color: var(--input); }
  .bg-muted, .bg-muted\/50 { background-color: var(--muted); }
  @supports (color:color-mix(in lab,red,red)) {
  .bg-muted\/50 { background-color: color-mix(in oklab,var(--muted)50%,transparent); }
}
  .bg-popover { background-color: var(--popover); }
  .bg-primary, .bg-primary\/10 { background-color: var(--primary); }
  @supports (color:color-mix(in lab,red,red)) {
  .bg-primary\/10 { background-color: color-mix(in oklab,var(--primary)10%,transparent); }
}
  .bg-primary\/20 { background-color: var(--primary); }
  @supports (color:color-mix(in lab,red,red)) {
  .bg-primary\/20 { background-color: color-mix(in oklab,var(--primary)20%,transparent); }
}
  .bg-red-100 { background-color: var(--color-red-100); }
  .bg-red-700 { background-color: var(--color-red-700); }
  .bg-secondary { background-color: var(--secondary); }
  .bg-sidebar { background-color: var(--sidebar); }
  .bg-sidebar-border { background-color: var(--sidebar-border); }
  .bg-transparent { background-color: rgba(0, 0, 0, 0); }
  .bg-white { background-color: var(--color-white); }
  .bg-white\/13 { background-color: rgba(255, 255, 255, 0.13); }
  @supports (color:color-mix(in lab,red,red)) {
  .bg-white\/13 { background-color: color-mix(in oklab,var(--color-white)13%,transparent); }
}
  .bg-white\/75 { background-color: rgba(255, 255, 255, 0.75); }
  @supports (color:color-mix(in lab,red,red)) {
  .bg-white\/75 { background-color: color-mix(in oklab,var(--color-white)75%,transparent); }
}
  .bg-white\/80 { background-color: rgba(255, 255, 255, 0.8); }
  @supports (color:color-mix(in lab,red,red)) {
  .bg-white\/80 { background-color: color-mix(in oklab,var(--color-white)80%,transparent); }
}
  .bg-white\/85 { background-color: rgba(255, 255, 255, 0.85); }
  @supports (color:color-mix(in lab,red,red)) {
  .bg-white\/85 { background-color: color-mix(in oklab,var(--color-white)85%,transparent); }
}
  .bg-white\/90 { background-color: rgba(255, 255, 255, 0.9); }
  @supports (color:color-mix(in lab,red,red)) {
  .bg-white\/90 { background-color: color-mix(in oklab,var(--color-white)90%,transparent); }
}
  .bg-white\/95 { background-color: rgba(255, 255, 255, 0.95); }
  @supports (color:color-mix(in lab,red,red)) {
  .bg-white\/95 { background-color: color-mix(in oklab,var(--color-white)95%,transparent); }
}
  .bg-gradient-to-br { --tw-gradient-position: to bottom right in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); }
  .bg-gradient-to-r { --tw-gradient-position: to right in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); }
  .bg-\[linear-gradient\(115deg\,rgba\(17\,67\,68\,0\.96\)_5\%\,rgba\(28\,87\,88\,0\.82\)_60\%\,rgba\(20\,63\,65\,0\.55\)\)\] { background-image: linear-gradient(115deg, rgba(17, 67, 68, 0.96) 5%, rgba(28, 87, 88, 0.82) 60%, rgba(20, 63, 65, 0.55)); }
  .bg-\[radial-gradient\(circle_at_50\%_35\%\,rgba\(231\,190\,101\,0\.65\)\,transparent_31\%\)\,linear-gradient\(145deg\,rgba\(255\,255\,255\,0\.12\)\,transparent_60\%\)\] { background-image: radial-gradient(circle at 50% 35%, rgba(231, 190, 101, 0.65), rgba(0, 0, 0, 0) 31%), linear-gradient(145deg, rgba(255, 255, 255, 0.12), rgba(0, 0, 0, 0) 60%); }
  .from-\[\#245b5d\] { --tw-gradient-from: #245b5d; --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-slate-50 { --tw-gradient-from: var(--color-slate-50); --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-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-slate-100 { --tw-gradient-to: var(--color-slate-100); --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)); }
  .to-transparent { --tw-gradient-to: 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)); }
  .fill-current { fill: currentcolor; }
  .fill-foreground { fill: var(--foreground); }
  .fill-primary { fill: var(--primary); }
  .object-contain { object-fit: contain; }
  .object-cover { object-fit: cover; }
  .object-left { object-position: left center; }
  .object-top { object-position: center top; }
  .\!p-0 { padding: calc(var(--spacing)*0) !important; }
  .\!p-3 { padding: calc(var(--spacing)*3) !important; }
  .\!p-4 { padding: calc(var(--spacing)*4) !important; }
  .p-0 { padding: calc(var(--spacing)*0); }
  .p-0\.5 { padding: calc(var(--spacing)*.5); }
  .p-1 { padding: calc(var(--spacing)*1); }
  .p-1\.5 { padding: calc(var(--spacing)*1.5); }
  .p-2 { padding: calc(var(--spacing)*2); }
  .p-2\.5 { padding: calc(var(--spacing)*2.5); }
  .p-3 { padding: calc(var(--spacing)*3); }
  .p-3\.5 { padding: calc(var(--spacing)*3.5); }
  .p-4 { padding: calc(var(--spacing)*4); }
  .p-5 { padding: calc(var(--spacing)*5); }
  .p-6 { padding: calc(var(--spacing)*6); }
  .p-7 { padding: calc(var(--spacing)*7); }
  .p-8 { padding: calc(var(--spacing)*8); }
  .p-\[3px\] { padding: 3px; }
  .p-\[6px\] { padding: 6px; }
  .p-px { padding: 1px; }
  .px-\(--cell-size\) { padding-inline: var(--cell-size); }
  .px-0\.5 { padding-inline: calc(var(--spacing)*.5); }
  .px-1 { padding-inline: calc(var(--spacing)*1); }
  .px-1\.5 { padding-inline: calc(var(--spacing)*1.5); }
  .px-2 { padding-inline: calc(var(--spacing)*2); }
  .px-2\.5 { padding-inline: calc(var(--spacing)*2.5); }
  .px-3 { padding-inline: calc(var(--spacing)*3); }
  .px-3\.5 { padding-inline: calc(var(--spacing)*3.5); }
  .px-4 { padding-inline: calc(var(--spacing)*4); }
  .px-5 { padding-inline: calc(var(--spacing)*5); }
  .px-6 { padding-inline: calc(var(--spacing)*6); }
  .px-8 { padding-inline: calc(var(--spacing)*8); }
  .py-0\.5 { padding-block: calc(var(--spacing)*.5); }
  .py-1 { padding-block: calc(var(--spacing)*1); }
  .py-1\.5 { padding-block: calc(var(--spacing)*1.5); }
  .py-2 { padding-block: calc(var(--spacing)*2); }
  .py-2\.5 { padding-block: calc(var(--spacing)*2.5); }
  .py-3 { padding-block: calc(var(--spacing)*3); }
  .py-3\.5 { padding-block: calc(var(--spacing)*3.5); }
  .py-4 { padding-block: calc(var(--spacing)*4); }
  .py-5 { padding-block: calc(var(--spacing)*5); }
  .py-6 { padding-block: calc(var(--spacing)*6); }
  .py-7 { padding-block: calc(var(--spacing)*7); }
  .py-8 { padding-block: calc(var(--spacing)*8); }
  .py-10 { padding-block: calc(var(--spacing)*10); }
  .py-12 { padding-block: calc(var(--spacing)*12); }
  .py-14 { padding-block: calc(var(--spacing)*14); }
  .py-16 { padding-block: calc(var(--spacing)*16); }
  .py-20 { padding-block: calc(var(--spacing)*20); }
  .py-24 { padding-block: calc(var(--spacing)*24); }
  .py-\[2px\] { padding-block: 2px; }
  .py-\[3px\] { padding-block: 3px; }
  .pt-0 { padding-top: calc(var(--spacing)*0); }
  .pt-1 { padding-top: calc(var(--spacing)*1); }
  .pt-2 { padding-top: calc(var(--spacing)*2); }
  .pt-3 { padding-top: calc(var(--spacing)*3); }
  .pt-4 { padding-top: calc(var(--spacing)*4); }
  .pt-5 { padding-top: calc(var(--spacing)*5); }
  .pt-6 { padding-top: calc(var(--spacing)*6); }
  .pt-8 { padding-top: calc(var(--spacing)*8); }
  .pt-12 { padding-top: calc(var(--spacing)*12); }
  .pr-0\.5 { padding-right: calc(var(--spacing)*.5); }
  .pr-1 { padding-right: calc(var(--spacing)*1); }
  .pr-1\.5 { padding-right: calc(var(--spacing)*1.5); }
  .pr-2 { padding-right: calc(var(--spacing)*2); }
  .pr-2\.5 { padding-right: calc(var(--spacing)*2.5); }
  .pr-3 { padding-right: calc(var(--spacing)*3); }
  .pr-4 { padding-right: calc(var(--spacing)*4); }
  .pr-8 { padding-right: calc(var(--spacing)*8); }
  .pr-10 { padding-right: calc(var(--spacing)*10); }
  .pr-12 { padding-right: calc(var(--spacing)*12); }
  .pb-0 { padding-bottom: calc(var(--spacing)*0); }
  .pb-0\.5 { padding-bottom: calc(var(--spacing)*.5); }
  .pb-1 { padding-bottom: calc(var(--spacing)*1); }
  .pb-2 { padding-bottom: calc(var(--spacing)*2); }
  .pb-3 { padding-bottom: calc(var(--spacing)*3); }
  .pb-4 { padding-bottom: calc(var(--spacing)*4); }
  .pb-5 { padding-bottom: calc(var(--spacing)*5); }
  .pb-6 { padding-bottom: calc(var(--spacing)*6); }
  .pb-7 { padding-bottom: calc(var(--spacing)*7); }
  .pb-8 { padding-bottom: calc(var(--spacing)*8); }
  .pb-12 { padding-bottom: calc(var(--spacing)*12); }
  .pb-28 { padding-bottom: calc(var(--spacing)*28); }
  .pb-32 { padding-bottom: calc(var(--spacing)*32); }
  .pb-\[max\(1rem\,env\(safe-area-inset-bottom\)\)\] { padding-bottom: max(1rem,env(safe-area-inset-bottom)); }
  .pl-2 { padding-left: calc(var(--spacing)*2); }
  .pl-3 { padding-left: calc(var(--spacing)*3); }
  .pl-4 { padding-left: calc(var(--spacing)*4); }
  .pl-5 { padding-left: calc(var(--spacing)*5); }
  .pl-6 { padding-left: calc(var(--spacing)*6); }
  .pl-8 { padding-left: calc(var(--spacing)*8); }
  .pl-9 { padding-left: calc(var(--spacing)*9); }
  .pl-14 { padding-left: calc(var(--spacing)*14); }
  .text-center { text-align: center; }
  .text-end { text-align: end; }
  .text-left { text-align: left; }
  .text-right { text-align: right; }
  .text-start { text-align: start; }
  .align-middle { vertical-align: middle; }
  .font-\[\'Frank_Ruhl_Libre\'\] { font-family: "Frank Ruhl Libre"; }
  .font-mono { font-family: var(--font-mono); }
  .font-sans { font-family: var(--font-sans); }
  .font-serif { font-family: var(--font-serif); }
  .text-2xl { font-size: var(--text-2xl); line-height: var(--tw-leading,var(--text-2xl--line-height)); }
  .text-3xl { font-size: var(--text-3xl); line-height: var(--tw-leading,var(--text-3xl--line-height)); }
  .text-4xl { font-size: var(--text-4xl); line-height: var(--tw-leading,var(--text-4xl--line-height)); }
  .text-5xl { font-size: var(--text-5xl); line-height: var(--tw-leading,var(--text-5xl--line-height)); }
  .text-base { font-size: var(--text-base); line-height: var(--tw-leading,var(--text-base--line-height)); }
  .text-lg { font-size: var(--text-lg); line-height: var(--tw-leading,var(--text-lg--line-height)); }
  .text-sm { font-size: var(--text-sm); line-height: var(--tw-leading,var(--text-sm--line-height)); }
  .text-sm\/relaxed { font-size: var(--text-sm); line-height: var(--leading-relaxed); }
  .text-xl { font-size: var(--text-xl); line-height: var(--tw-leading,var(--text-xl--line-height)); }
  .text-xs { font-size: var(--text-xs); line-height: var(--tw-leading,var(--text-xs--line-height)); }
  .text-\[0\.8rem\] { font-size: 0.8rem; }
  .text-\[5px\] { font-size: 5px; }
  .text-\[6px\] { font-size: 6px; }
  .text-\[7px\] { font-size: 7px; }
  .text-\[8px\] { font-size: 8px; }
  .text-\[9px\] { font-size: 9px; }
  .text-\[10px\] { font-size: 10px; }
  .text-\[11px\] { font-size: 11px; }
  .text-\[12px\] { font-size: 12px; }
  .text-\[13px\] { font-size: 13px; }
  .text-\[14px\] { font-size: 14px; }
  .text-\[15px\] { font-size: 15px; }
  .text-\[16px\] { font-size: 16px; }
  .text-\[17px\] { font-size: 17px; }
  .text-\[18px\] { font-size: 18px; }
  .text-\[19px\] { font-size: 19px; }
  .text-\[20px\] { font-size: 20px; }
  .text-\[21px\] { font-size: 21px; }
  .text-\[22px\] { font-size: 22px; }
  .text-\[24px\] { font-size: 24px; }
  .text-\[26px\] { font-size: 26px; }
  .text-\[28px\] { font-size: 28px; }
  .text-\[30px\] { font-size: 30px; }
  .text-\[32px\] { font-size: 32px; }
  .leading-4 { --tw-leading: calc(var(--spacing)*4); line-height: calc(var(--spacing)*4); }
  .leading-5 { --tw-leading: calc(var(--spacing)*5); line-height: calc(var(--spacing)*5); }
  .leading-6 { --tw-leading: calc(var(--spacing)*6); line-height: calc(var(--spacing)*6); }
  .leading-7 { --tw-leading: calc(var(--spacing)*7); line-height: calc(var(--spacing)*7); }
  .leading-8 { --tw-leading: calc(var(--spacing)*8); line-height: calc(var(--spacing)*8); }
  .leading-\[1\.02\] { --tw-leading: 1.02; line-height: 1.02; }
  .leading-\[1\.12\] { --tw-leading: 1.12; line-height: 1.12; }
  .leading-\[14px\] { --tw-leading: 14px; line-height: 14px; }
  .leading-\[26px\] { --tw-leading: 26px; line-height: 26px; }
  .leading-\[28px\] { --tw-leading: 28px; line-height: 28px; }
  .leading-none { --tw-leading: 1; line-height: 1; }
  .leading-normal { --tw-leading: var(--leading-normal); line-height: var(--leading-normal); }
  .leading-relaxed { --tw-leading: var(--leading-relaxed); line-height: var(--leading-relaxed); }
  .leading-snug { --tw-leading: var(--leading-snug); line-height: var(--leading-snug); }
  .leading-tight { --tw-leading: var(--leading-tight); line-height: var(--leading-tight); }
  .font-bold { --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); }
  .font-extrabold { --tw-font-weight: var(--font-weight-extrabold); font-weight: var(--font-weight-extrabold); }
  .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); }
  .font-semibold { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); }
  .tracking-\[-0\.015em\] { --tw-tracking: -.015em; letter-spacing: -0.015em; }
  .tracking-\[-0\.44px\] { --tw-tracking: -.44px; letter-spacing: -0.44px; }
  .tracking-\[-0\.075em\] { --tw-tracking: -.075em; letter-spacing: -0.075em; }
  .tracking-\[-0\.154px\] { --tw-tracking: -.154px; letter-spacing: -0.154px; }
  .tracking-\[\.1em\] { --tw-tracking: .1em; letter-spacing: 0.1em; }
  .tracking-\[\.12em\] { --tw-tracking: .12em; letter-spacing: 0.12em; }
  .tracking-\[\.14em\] { --tw-tracking: .14em; letter-spacing: 0.14em; }
  .tracking-\[\.16em\] { --tw-tracking: .16em; letter-spacing: 0.16em; }
  .tracking-\[0\.08em\] { --tw-tracking: .08em; letter-spacing: 0.08em; }
  .tracking-\[0\.12em\] { --tw-tracking: .12em; letter-spacing: 0.12em; }
  .tracking-\[0\.13em\] { --tw-tracking: .13em; letter-spacing: 0.13em; }
  .tracking-\[0\.14em\] { --tw-tracking: .14em; letter-spacing: 0.14em; }
  .tracking-\[0\.16em\] { --tw-tracking: .16em; letter-spacing: 0.16em; }
  .tracking-\[0\.18em\] { --tw-tracking: .18em; letter-spacing: 0.18em; }
  .tracking-\[0\.025em\] { --tw-tracking: .025em; letter-spacing: 0.025em; }
  .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-wide { --tw-tracking: var(--tracking-wide); letter-spacing: var(--tracking-wide); }
  .tracking-wider { --tw-tracking: var(--tracking-wider); letter-spacing: var(--tracking-wider); }
  .tracking-widest { --tw-tracking: var(--tracking-widest); letter-spacing: var(--tracking-widest); }
  .text-balance { text-wrap: balance; }
  .break-words { overflow-wrap: break-word; }
  .whitespace-break-spaces { white-space: break-spaces; }
  .whitespace-nowrap { white-space: nowrap; }
  .whitespace-pre-wrap { white-space: pre-wrap; }
  .text-\[\#1F6B6B\] { color: rgb(31, 107, 107); }
  .text-\[\#007CA8\] { color: rgb(0, 124, 168); }
  .text-\[\#075B70\] { color: rgb(7, 91, 112); }
  .text-\[\#168b41\] { color: rgb(22, 139, 65); }
  .text-\[\#34322d\] { color: rgb(52, 50, 45); }
  .text-\[\#858481\] { color: rgb(133, 132, 129); }
  .text-\[\#C8922A\] { color: rgb(200, 146, 42); }
  .text-\[\#D49324\] { color: rgb(212, 147, 36); }
  .text-\[\#F6D98D\] { color: rgb(246, 217, 141); }
  .text-accent-foreground { color: var(--accent-foreground); }
  .text-amber-700 { color: var(--color-amber-700); }
  .text-background { color: var(--background); }
  .text-card-foreground { color: var(--card-foreground); }
  .text-current { color: currentcolor; }
  .text-destructive { color: var(--destructive); }
  .text-destructive-foreground { color: var(--destructive-foreground); }
  .text-foreground { color: var(--foreground); }
  .text-inherit { color: inherit; }
  .text-muted-foreground { color: var(--muted-foreground); }
  .text-popover-foreground { color: var(--popover-foreground); }
  .text-primary { color: var(--primary); }
  .text-primary-foreground { color: var(--primary-foreground); }
  .text-red-500 { color: var(--color-red-500); }
  .text-secondary-foreground { color: var(--secondary-foreground); }
  .text-sidebar-foreground, .text-sidebar-foreground\/70 { color: var(--sidebar-foreground); }
  @supports (color:color-mix(in lab,red,red)) {
  .text-sidebar-foreground\/70 { color: color-mix(in oklab,var(--sidebar-foreground)70%,transparent); }
}
  .text-slate-600 { color: var(--color-slate-600); }
  .text-slate-700 { color: var(--color-slate-700); }
  .text-slate-900 { color: var(--color-slate-900); }
  .text-stone-500 { color: var(--color-stone-500); }
  .text-stone-600 { color: var(--color-stone-600); }
  .text-stone-700 { color: var(--color-stone-700); }
  .text-white { color: var(--color-white); }
  .text-white\/70 { color: rgba(255, 255, 255, 0.7); }
  @supports (color:color-mix(in lab,red,red)) {
  .text-white\/70 { color: color-mix(in oklab,var(--color-white)70%,transparent); }
}
  .text-white\/78 { color: rgba(255, 255, 255, 0.78); }
  @supports (color:color-mix(in lab,red,red)) {
  .text-white\/78 { color: color-mix(in oklab,var(--color-white)78%,transparent); }
}
  .text-white\/80 { color: rgba(255, 255, 255, 0.8); }
  @supports (color:color-mix(in lab,red,red)) {
  .text-white\/80 { color: color-mix(in oklab,var(--color-white)80%,transparent); }
}
  .text-white\/82 { color: rgba(255, 255, 255, 0.82); }
  @supports (color:color-mix(in lab,red,red)) {
  .text-white\/82 { color: color-mix(in oklab,var(--color-white)82%,transparent); }
}
  .text-white\/88 { color: rgba(255, 255, 255, 0.88); }
  @supports (color:color-mix(in lab,red,red)) {
  .text-white\/88 { color: color-mix(in oklab,var(--color-white)88%,transparent); }
}
  .text-white\/90 { color: rgba(255, 255, 255, 0.9); }
  @supports (color:color-mix(in lab,red,red)) {
  .text-white\/90 { color: color-mix(in oklab,var(--color-white)90%,transparent); }
}
  .capitalize { text-transform: capitalize; }
  .normal-case { text-transform: none; }
  .uppercase { text-transform: uppercase; }
  .italic { font-style: italic; }
  .tabular-nums { --tw-numeric-spacing: tabular-nums; font-variant-numeric: var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,); }
  .no-underline { text-decoration-line: none; }
  .underline { text-decoration-line: underline; }
  .underline-offset-4 { text-underline-offset: 4px; }
  .accent-\[\#1F6B6B\] { accent-color: rgb(31, 107, 107); }
  .opacity-0 { opacity: 0; }
  .opacity-20 { opacity: 0.2; }
  .opacity-25 { opacity: 0.25; }
  .opacity-40 { opacity: 0.4; }
  .opacity-45 { opacity: 0.45; }
  .opacity-50 { opacity: 0.5; }
  .opacity-60 { opacity: 0.6; }
  .opacity-70 { opacity: 0.7; }
  .opacity-75 { opacity: 0.75; }
  .opacity-80 { opacity: 0.8; }
  .opacity-85 { opacity: 0.85; }
  .opacity-90 { opacity: 0.9; }
  .opacity-100 { opacity: 1; }
  .shadow { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px 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-2xl { --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color,#00000040); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); }
  .shadow-\[0_0_0_1px_hsl\(var\(--sidebar-border\)\)\] { --tw-shadow: 0 0 0 1px var(--tw-shadow-color,hsl(var(--sidebar-border))); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); }
  .shadow-\[0_2px_7px_rgba\(7\,91\,112\,\.06\)\] { --tw-shadow: 0 2px 7px var(--tw-shadow-color,#075b700f); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); }
  .shadow-\[0_2px_7px_rgba\(7\,91\,112\,\.08\)\] { --tw-shadow: 0 2px 7px var(--tw-shadow-color,#075b7014); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); }
  .shadow-\[0_8px_22px_rgba\(0\,124\,168\,\.22\)\] { --tw-shadow: 0 8px 22px var(--tw-shadow-color,#007ca838); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); }
  .shadow-\[0_14px_30px_rgba\(0\,124\,168\,\.16\)\] { --tw-shadow: 0 14px 30px var(--tw-shadow-color,#007ca829); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); }
  .shadow-\[0_15px_45px_rgba\(55\,45\,25\,\.07\)\] { --tw-shadow: 0 15px 45px var(--tw-shadow-color,#372d1912); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); }
  .shadow-\[0_24px_80px_rgba\(57\,51\,36\,\.15\)\] { --tw-shadow: 0 24px 80px var(--tw-shadow-color,#39332426); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); }
  .shadow-\[0px_4px_11px_0px_rgba\(0\,0\,0\,0\.08\)\] { --tw-shadow: 0px 4px 11px 0px var(--tw-shadow-color,#00000014); 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-md { --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px 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-sm { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px 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-xl { --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px 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-xs { --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color,#0000000d); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); }
  .ring { --tw-ring-shadow: var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); }
  .ring-0 { --tw-ring-shadow: var(--tw-ring-inset,)0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); }
  .ring-ring\/50 { --tw-ring-color: var(--ring); }
  @supports (color:color-mix(in lab,red,red)) {
  .ring-ring\/50 { --tw-ring-color: color-mix(in oklab,var(--ring)50%,transparent); }
}
  .ring-sidebar-ring { --tw-ring-color: var(--sidebar-ring); }
  .ring-offset-background { --tw-ring-offset-color: var(--background); }
  .outline-hidden { --tw-outline-style: none; outline-style: none; }
  @media (forced-colors: active) {
  .outline-hidden { outline-offset: 2px; outline: rgba(0, 0, 0, 0) solid 2px; }
}
  .outline { outline-style: var(--tw-outline-style); outline-width: 1px; }
  .blur { --tw-blur: blur(8px); 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,); }
  .drop-shadow { --tw-drop-shadow-size: drop-shadow(0 1px 2px var(--tw-drop-shadow-color,#0000001a))drop-shadow(0 1px 1px var(--tw-drop-shadow-color,#0000000f)); --tw-drop-shadow: drop-shadow(0 1px 2px #0000001a)drop-shadow(0 1px 1px #0000000f); 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,); }
  .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,); }
  .backdrop-blur { --tw-backdrop-blur: blur(8px); backdrop-filter: var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,); }
  .backdrop-blur-2xl { --tw-backdrop-blur: blur(var(--blur-2xl)); backdrop-filter: var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,); }
  .backdrop-blur-sm { --tw-backdrop-blur: blur(var(--blur-sm)); backdrop-filter: var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,); }
  .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-\[color\,box-shadow\] { transition-property: color, box-shadow; transition-timing-function: var(--tw-ease,var(--default-transition-timing-function)); transition-duration: var(--tw-duration,var(--default-transition-duration)); }
  .transition-\[left\,right\,width\] { transition-property: left, right, width; transition-timing-function: var(--tw-ease,var(--default-transition-timing-function)); transition-duration: var(--tw-duration,var(--default-transition-duration)); }
  .transition-\[margin\,opacity\] { transition-property: margin, opacity; transition-timing-function: var(--tw-ease,var(--default-transition-timing-function)); transition-duration: var(--tw-duration,var(--default-transition-duration)); }
  .transition-\[width\,height\,padding\] { transition-property: width, height, padding; transition-timing-function: var(--tw-ease,var(--default-transition-timing-function)); transition-duration: var(--tw-duration,var(--default-transition-duration)); }
  .transition-\[width\] { transition-property: width; 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-shadow { transition-property: box-shadow; 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)); }
  .transition-none { transition-property: none; }
  .duration-100 { --tw-duration: .1s; transition-duration: 0.1s; }
  .duration-150 { --tw-duration: .15s; transition-duration: 0.15s; }
  .duration-200 { --tw-duration: .2s; transition-duration: 0.2s; }
  .duration-300 { --tw-duration: .3s; transition-duration: 0.3s; }
  .duration-1000 { --tw-duration: 1s; transition-duration: 1s; }
  .ease-in-out { --tw-ease: var(--ease-in-out); transition-timing-function: var(--ease-in-out); }
  .ease-linear { --tw-ease: linear; transition-timing-function: linear; }
  .ease-out { --tw-ease: var(--ease-out); transition-timing-function: var(--ease-out); }
  .fade-in-0 { --tw-enter-opacity: 0; }
  .outline-none { --tw-outline-style: none; outline-style: none; }
  .select-none { user-select: none; }
  .zoom-in-95 { --tw-enter-scale: .95; }
  .\[--cell-size\:--spacing\(8\)\] { --cell-size: calc(var(--spacing)*8); }
  .\[writing-mode\:vertical-rl\] { writing-mode: vertical-rl; }
  .fade-in { --tw-enter-opacity: 0; }
  .paused { animation-play-state: paused; }
  .running { animation-play-state: running; }
  .group-focus-within\/menu-item\:opacity-100:is(:where(.group\/menu-item):focus-within *) { opacity: 1; }
  @media (hover: hover) {
  .group-hover\:flex:is(:where(.group):hover *) { display: flex; }
  .group-hover\:scale-110:is(:where(.group):hover *) { --tw-scale-x: 110%; --tw-scale-y: 110%; --tw-scale-z: 110%; scale: var(--tw-scale-x)var(--tw-scale-y); }
  .group-hover\:scale-\[1\.03\]:is(:where(.group):hover *) { scale: 1.03; }
  .group-hover\:opacity-100:is(:where(.group):hover *), .group-hover\/menu-item\:opacity-100:is(:where(.group\/menu-item):hover *) { opacity: 1; }
}
  .group-has-data-\[sidebar\=menu-action\]\/menu-item\:pr-8:is(:where(.group\/menu-item):has([data-sidebar="menu-action"]) *) { padding-right: calc(var(--spacing)*8); }
  .group-has-\[\[data-orientation\=horizontal\]\]\/field\:text-balance:is(:where(.group\/field):has([data-orientation="horizontal"]) *) { text-wrap: balance; }
  .group-has-\[\[data-slot\=item-description\]\]\/item\:translate-y-0\.5:is(:where(.group\/item):has([data-slot="item-description"]) *) { --tw-translate-y: calc(var(--spacing)*.5); translate: var(--tw-translate-x)var(--tw-translate-y); }
  .group-has-\[\[data-slot\=item-description\]\]\/item\:self-start:is(:where(.group\/item):has([data-slot="item-description"]) *) { align-self: flex-start; }
  .group-has-\[\>input\]\/input-group\:pt-2\.5:is(:where(.group\/input-group):has(> input) *) { padding-top: calc(var(--spacing)*2.5); }
  .group-has-\[\>input\]\/input-group\:pb-2\.5:is(:where(.group\/input-group):has(> input) *) { padding-bottom: calc(var(--spacing)*2.5); }
  .group-data-\[collapsible\=icon\]\:-mt-8:is(:where(.group)[data-collapsible="icon"] *) { margin-top: calc(var(--spacing)*-8); }
  .group-data-\[collapsible\=icon\]\:hidden:is(:where(.group)[data-collapsible="icon"] *) { display: none; }
  .group-data-\[collapsible\=icon\]\:size-8\!:is(:where(.group)[data-collapsible="icon"] *) { width: calc(var(--spacing)*8) !important; height: calc(var(--spacing)*8) !important; }
  .group-data-\[collapsible\=icon\]\:w-\(--sidebar-width-icon\):is(:where(.group)[data-collapsible="icon"] *) { width: var(--sidebar-width-icon); }
  .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\)\]:is(:where(.group)[data-collapsible="icon"] *) { width: calc(var(--sidebar-width-icon) + (calc(var(--spacing)*4))); }
  .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\+2px\)\]:is(:where(.group)[data-collapsible="icon"] *) { width: calc(var(--sidebar-width-icon) + (calc(var(--spacing)*4)) + 2px); }
  .group-data-\[collapsible\=icon\]\:justify-center:is(:where(.group)[data-collapsible="icon"] *) { justify-content: center; }
  .group-data-\[collapsible\=icon\]\:overflow-hidden:is(:where(.group)[data-collapsible="icon"] *) { overflow: hidden; }
  .group-data-\[collapsible\=icon\]\:p-0\!:is(:where(.group)[data-collapsible="icon"] *) { padding: calc(var(--spacing)*0) !important; }
  .group-data-\[collapsible\=icon\]\:p-2\!:is(:where(.group)[data-collapsible="icon"] *) { padding: calc(var(--spacing)*2) !important; }
  .group-data-\[collapsible\=icon\]\:opacity-0:is(:where(.group)[data-collapsible="icon"] *) { opacity: 0; }
  .group-data-\[collapsible\=offcanvas\]\:right-\[calc\(var\(--sidebar-width\)\*-1\)\]:is(:where(.group)[data-collapsible="offcanvas"] *) { right: calc(var(--sidebar-width)*-1); }
  .group-data-\[collapsible\=offcanvas\]\:left-\[calc\(var\(--sidebar-width\)\*-1\)\]:is(:where(.group)[data-collapsible="offcanvas"] *) { left: calc(var(--sidebar-width)*-1); }
  .group-data-\[collapsible\=offcanvas\]\:w-0:is(:where(.group)[data-collapsible="offcanvas"] *) { width: calc(var(--spacing)*0); }
  .group-data-\[collapsible\=offcanvas\]\:translate-x-0:is(:where(.group)[data-collapsible="offcanvas"] *) { --tw-translate-x: calc(var(--spacing)*0); translate: var(--tw-translate-x)var(--tw-translate-y); }
  .group-data-\[disabled\=true\]\:pointer-events-none:is(:where(.group)[data-disabled="true"] *) { pointer-events: none; }
  .group-data-\[disabled\=true\]\:opacity-50:is(:where(.group)[data-disabled="true"] *), .group-data-\[disabled\=true\]\/field\:opacity-50:is(:where(.group\/field)[data-disabled="true"] *), .group-data-\[disabled\=true\]\/input-group\:opacity-50:is(:where(.group\/input-group)[data-disabled="true"] *) { opacity: 0.5; }
  .group-data-\[focused\=true\]\/day\:relative:is(:where(.group\/day)[data-focused="true"] *) { position: relative; }
  .group-data-\[focused\=true\]\/day\:z-10:is(:where(.group\/day)[data-focused="true"] *) { z-index: 10; }
  .group-data-\[focused\=true\]\/day\:border-ring:is(:where(.group\/day)[data-focused="true"] *) { border-color: var(--ring); }
  .group-data-\[focused\=true\]\/day\:ring-\[3px\]:is(:where(.group\/day)[data-focused="true"] *) { --tw-ring-shadow: var(--tw-ring-inset,)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); }
  .group-data-\[focused\=true\]\/day\:ring-ring\/50:is(:where(.group\/day)[data-focused="true"] *) { --tw-ring-color: var(--ring); }
  @supports (color:color-mix(in lab,red,red)) {
  .group-data-\[focused\=true\]\/day\:ring-ring\/50:is(:where(.group\/day)[data-focused="true"] *) { --tw-ring-color: color-mix(in oklab,var(--ring)50%,transparent); }
}
  .group-data-\[side\=left\]\:-right-4:is(:where(.group)[data-side="left"] *) { right: calc(var(--spacing)*-4); }
  .group-data-\[side\=left\]\:border-r:is(:where(.group)[data-side="left"] *) { border-right-style: var(--tw-border-style); border-right-width: 1px; }
  .group-data-\[side\=right\]\:left-0:is(:where(.group)[data-side="right"] *) { left: calc(var(--spacing)*0); }
  .group-data-\[side\=right\]\:rotate-180:is(:where(.group)[data-side="right"] *) { rotate: 180deg; }
  .group-data-\[side\=right\]\:border-l:is(:where(.group)[data-side="right"] *) { border-left-style: var(--tw-border-style); border-left-width: 1px; }
  .group-data-\[state\=open\]\:rotate-180:is(:where(.group)[data-state="open"] *) { rotate: 180deg; }
  .group-data-\[variant\=floating\]\:rounded-lg:is(:where(.group)[data-variant="floating"] *) { border-radius: var(--radius); }
  .group-data-\[variant\=floating\]\:border:is(:where(.group)[data-variant="floating"] *) { border-style: var(--tw-border-style); border-width: 1px; }
  .group-data-\[variant\=floating\]\:border-sidebar-border:is(:where(.group)[data-variant="floating"] *) { border-color: var(--sidebar-border); }
  .group-data-\[variant\=floating\]\:shadow-sm:is(:where(.group)[data-variant="floating"] *) { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px 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); }
  .group-data-\[variant\=outline\]\/field-group\:-mb-2:is(:where(.group\/field-group)[data-variant="outline"] *) { margin-bottom: calc(var(--spacing)*-2); }
  .group-data-\[vaul-drawer-direction\=bottom\]\/drawer-content\:block:is(:where(.group\/drawer-content)[data-vaul-drawer-direction="bottom"] *) { display: block; }
  .group-data-\[vaul-drawer-direction\=bottom\]\/drawer-content\:text-center:is(:where(.group\/drawer-content)[data-vaul-drawer-direction="bottom"] *), .group-data-\[vaul-drawer-direction\=top\]\/drawer-content\:text-center:is(:where(.group\/drawer-content)[data-vaul-drawer-direction="top"] *) { text-align: center; }
  .group-data-\[viewport\=false\]\/navigation-menu\:top-full:is(:where(.group\/navigation-menu)[data-viewport="false"] *) { top: 100%; }
  .group-data-\[viewport\=false\]\/navigation-menu\:mt-1\.5:is(:where(.group\/navigation-menu)[data-viewport="false"] *) { margin-top: calc(var(--spacing)*1.5); }
  .group-data-\[viewport\=false\]\/navigation-menu\:overflow-hidden:is(:where(.group\/navigation-menu)[data-viewport="false"] *) { overflow: hidden; }
  .group-data-\[viewport\=false\]\/navigation-menu\:rounded-md:is(:where(.group\/navigation-menu)[data-viewport="false"] *) { border-radius: calc(var(--radius) - 2px); }
  .group-data-\[viewport\=false\]\/navigation-menu\:border:is(:where(.group\/navigation-menu)[data-viewport="false"] *) { border-style: var(--tw-border-style); border-width: 1px; }
  .group-data-\[viewport\=false\]\/navigation-menu\:bg-popover:is(:where(.group\/navigation-menu)[data-viewport="false"] *) { background-color: var(--popover); }
  .group-data-\[viewport\=false\]\/navigation-menu\:text-popover-foreground:is(:where(.group\/navigation-menu)[data-viewport="false"] *) { color: var(--popover-foreground); }
  .group-data-\[viewport\=false\]\/navigation-menu\:shadow:is(:where(.group\/navigation-menu)[data-viewport="false"] *) { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px 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); }
  .group-data-\[viewport\=false\]\/navigation-menu\:duration-200:is(:where(.group\/navigation-menu)[data-viewport="false"] *) { --tw-duration: .2s; transition-duration: 0.2s; }
  @media (hover: hover) {
  .peer-hover\/menu-button\:text-sidebar-accent-foreground:is(:where(.peer\/menu-button):hover ~ *) { color: var(--sidebar-accent-foreground); }
}
  .peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled ~ *) { cursor: not-allowed; }
  .peer-disabled\:opacity-50:is(:where(.peer):disabled ~ *) { opacity: 0.5; }
  .peer-data-\[active\=true\]\/menu-button\:text-sidebar-accent-foreground:is(:where(.peer\/menu-button)[data-active="true"] ~ *) { color: var(--sidebar-accent-foreground); }
  .peer-data-\[size\=default\]\/menu-button\:top-1\.5:is(:where(.peer\/menu-button)[data-size="default"] ~ *) { top: calc(var(--spacing)*1.5); }
  .peer-data-\[size\=lg\]\/menu-button\:top-2\.5:is(:where(.peer\/menu-button)[data-size="lg"] ~ *) { top: calc(var(--spacing)*2.5); }
  .peer-data-\[size\=sm\]\/menu-button\:top-1:is(:where(.peer\/menu-button)[data-size="sm"] ~ *) { top: calc(var(--spacing)*1); }
  .selection\:bg-primary ::selection { background-color: var(--primary); }
  .selection\:bg-primary::selection { background-color: var(--primary); }
  .selection\:text-primary-foreground ::selection { color: var(--primary-foreground); }
  .selection\:text-primary-foreground::selection { color: var(--primary-foreground); }
  .file\:inline-flex::file-selector-button { display: inline-flex; }
  .file\:h-7::file-selector-button { height: calc(var(--spacing)*7); }
  .file\:border-0::file-selector-button { border-style: var(--tw-border-style); border-width: 0px; }
  .file\:bg-transparent::file-selector-button { background-color: rgba(0, 0, 0, 0); }
  .file\:text-sm::file-selector-button { font-size: var(--text-sm); line-height: var(--tw-leading,var(--text-sm--line-height)); }
  .file\:font-medium::file-selector-button { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); }
  .file\:text-foreground::file-selector-button { color: var(--foreground); }
  .placeholder\:text-muted-foreground::placeholder { color: var(--muted-foreground); }
  .after\:absolute::after { content: var(--tw-content); position: absolute; }
  .after\:-inset-2::after { content: var(--tw-content); inset: calc(var(--spacing)*-2); }
  .after\:inset-y-0::after { content: var(--tw-content); inset-block: calc(var(--spacing)*0); }
  .after\:left-1\/2::after { content: var(--tw-content); left: 50%; }
  .after\:w-1::after { content: var(--tw-content); width: calc(var(--spacing)*1); }
  .after\:w-\[2px\]::after { content: var(--tw-content); width: 2px; }
  .after\:-translate-x-1\/2::after { content: var(--tw-content); --tw-translate-x: -50%; translate: var(--tw-translate-x)var(--tw-translate-y); }
  .group-data-\[collapsible\=offcanvas\]\:after\:left-full:is(:where(.group)[data-collapsible="offcanvas"] *)::after { content: var(--tw-content); left: 100%; }
  .first\:rounded-l-md:first-child { border-top-left-radius: calc(var(--radius) - 2px); border-bottom-left-radius: calc(var(--radius) - 2px); }
  .first\:border-l:first-child { border-left-style: var(--tw-border-style); border-left-width: 1px; }
  .last\:mt-0:last-child { margin-top: calc(var(--spacing)*0); }
  .last\:rounded-r-md:last-child { border-top-right-radius: calc(var(--radius) - 2px); border-bottom-right-radius: calc(var(--radius) - 2px); }
  .last\:border-0:last-child { border-style: var(--tw-border-style); border-width: 0px; }
  .last\:border-b-0:last-child { border-bottom-style: var(--tw-border-style); border-bottom-width: 0px; }
  .last\:pb-0:last-child { padding-bottom: calc(var(--spacing)*0); }
  @media (hover: hover) {
  .hover\:-translate-y-0\.5:hover { --tw-translate-y: calc(var(--spacing)*-.5); translate: var(--tw-translate-x)var(--tw-translate-y); }
  .hover\:-translate-y-1:hover { --tw-translate-y: calc(var(--spacing)*-1); translate: var(--tw-translate-x)var(--tw-translate-y); }
  .hover\:scale-110:hover { --tw-scale-x: 110%; --tw-scale-y: 110%; --tw-scale-z: 110%; scale: var(--tw-scale-x)var(--tw-scale-y); }
  .hover\:border-\[\#007CA8\]\/30:hover { border-color: rgba(0, 124, 168, 0.3); }
  .hover\:bg-\[\#1a1a19\]\/90:hover { background-color: rgba(26, 26, 25, 0.9); }
  .hover\:bg-accent:hover, .hover\:bg-accent\/50:hover { background-color: var(--accent); }
  @supports (color:color-mix(in lab,red,red)) {
  .hover\:bg-accent\/50:hover { background-color: color-mix(in oklab,var(--accent)50%,transparent); }
}
  .hover\:bg-black\/5:hover { background-color: rgba(0, 0, 0, 0.05); }
  @supports (color:color-mix(in lab,red,red)) {
  .hover\:bg-black\/5:hover { background-color: color-mix(in oklab,var(--color-black)5%,transparent); }
}
  .hover\:bg-black\/\[0\.018\]:hover { background-color: rgba(0, 0, 0, 0.02); }
  @supports (color:color-mix(in lab,red,red)) {
  .hover\:bg-black\/\[0\.018\]:hover { background-color: color-mix(in oklab,var(--color-black)1.8%,transparent); }
}
  .hover\:bg-black\/\[0\.035\]:hover { background-color: rgba(0, 0, 0, 0.035); }
  @supports (color:color-mix(in lab,red,red)) {
  .hover\:bg-black\/\[0\.035\]:hover { background-color: color-mix(in oklab,var(--color-black)3.5%,transparent); }
}
  .hover\:bg-blue-700:hover { background-color: var(--color-blue-700); }
  .hover\:bg-destructive\/10:hover { background-color: var(--destructive); }
  @supports (color:color-mix(in lab,red,red)) {
  .hover\:bg-destructive\/10:hover { background-color: color-mix(in oklab,var(--destructive)10%,transparent); }
}
  .hover\:bg-destructive\/90:hover { background-color: var(--destructive); }
  @supports (color:color-mix(in lab,red,red)) {
  .hover\:bg-destructive\/90:hover { background-color: color-mix(in oklab,var(--destructive)90%,transparent); }
}
  .hover\:bg-muted:hover, .hover\:bg-muted\/50:hover { background-color: var(--muted); }
  @supports (color:color-mix(in lab,red,red)) {
  .hover\:bg-muted\/50:hover { background-color: color-mix(in oklab,var(--muted)50%,transparent); }
}
  .hover\:bg-primary\/20:hover { background-color: var(--primary); }
  @supports (color:color-mix(in lab,red,red)) {
  .hover\:bg-primary\/20:hover { background-color: color-mix(in oklab,var(--primary)20%,transparent); }
}
  .hover\:bg-primary\/90:hover { background-color: var(--primary); }
  @supports (color:color-mix(in lab,red,red)) {
  .hover\:bg-primary\/90:hover { background-color: color-mix(in oklab,var(--primary)90%,transparent); }
}
  .hover\:bg-red-800:hover { background-color: var(--color-red-800); }
  .hover\:bg-secondary\/80:hover { background-color: var(--secondary); }
  @supports (color:color-mix(in lab,red,red)) {
  .hover\:bg-secondary\/80:hover { background-color: color-mix(in oklab,var(--secondary)80%,transparent); }
}
  .hover\:bg-sidebar-accent:hover { background-color: var(--sidebar-accent); }
  .hover\:bg-white:hover { background-color: var(--color-white); }
  .hover\:text-\[\#007CA8\]:hover { color: rgb(0, 124, 168); }
  .hover\:text-accent-foreground:hover { color: var(--accent-foreground); }
  .hover\:text-foreground:hover { color: var(--foreground); }
  .hover\:text-muted-foreground:hover { color: var(--muted-foreground); }
  .hover\:text-sidebar-accent-foreground:hover { color: var(--sidebar-accent-foreground); }
  .hover\:underline:hover { text-decoration-line: underline; }
  .hover\:opacity-70:hover { opacity: 0.7; }
  .hover\:opacity-75:hover { opacity: 0.75; }
  .hover\:opacity-80:hover { opacity: 0.8; }
  .hover\:opacity-90:hover { opacity: 0.9; }
  .hover\:opacity-100:hover { opacity: 1; }
  .hover\:shadow-\[0_0_0_1px_hsl\(var\(--sidebar-accent\)\)\]:hover { --tw-shadow: 0 0 0 1px var(--tw-shadow-color,hsl(var(--sidebar-accent))); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); }
  .hover\:shadow-lg:hover { --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); }
  .hover\:shadow-md:hover { --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px 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); }
  .hover\:shadow-xl:hover { --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px 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); }
  .hover\:ring-4:hover { --tw-ring-shadow: var(--tw-ring-inset,)0 0 0 calc(4px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); }
  .hover\:group-data-\[collapsible\=offcanvas\]\:bg-sidebar:hover:is(:where(.group)[data-collapsible="offcanvas"] *) { background-color: var(--sidebar); }
  .hover\:after\:bg-sidebar-border:hover::after { content: var(--tw-content); background-color: var(--sidebar-border); }
}
  .focus\:z-10:focus { z-index: 10; }
  .focus\:bg-accent:focus { background-color: var(--accent); }
  .focus\:text-accent-foreground:focus { color: var(--accent-foreground); }
  .focus\:text-destructive:focus { color: var(--destructive); }
  .focus\:ring-2:focus { --tw-ring-shadow: var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); }
  .focus\:ring-ring:focus { --tw-ring-color: var(--ring); }
  .focus\:ring-offset-1:focus { --tw-ring-offset-width: 1px; --tw-ring-offset-shadow: var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color); }
  .focus\:ring-offset-2:focus { --tw-ring-offset-width: 2px; --tw-ring-offset-shadow: var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color); }
  .focus\:outline-hidden:focus { --tw-outline-style: none; outline-style: none; }
  @media (forced-colors: active) {
  .focus\:outline-hidden:focus { outline-offset: 2px; outline: rgba(0, 0, 0, 0) solid 2px; }
}
  .focus\:outline-none:focus { --tw-outline-style: none; outline-style: none; }
  .focus-visible\:z-10:focus-visible { z-index: 10; }
  .focus-visible\:border-ring:focus-visible { border-color: var(--ring); }
  .focus-visible\:ring-0:focus-visible { --tw-ring-shadow: var(--tw-ring-inset,)0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); }
  .focus-visible\:ring-1:focus-visible { --tw-ring-shadow: var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); }
  .focus-visible\:ring-2:focus-visible { --tw-ring-shadow: var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); }
  .focus-visible\:ring-4:focus-visible { --tw-ring-shadow: var(--tw-ring-inset,)0 0 0 calc(4px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); }
  .focus-visible\:ring-\[3px\]:focus-visible { --tw-ring-shadow: var(--tw-ring-inset,)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); }
  .focus-visible\:ring-destructive\/20:focus-visible { --tw-ring-color: var(--destructive); }
  @supports (color:color-mix(in lab,red,red)) {
  .focus-visible\:ring-destructive\/20:focus-visible { --tw-ring-color: color-mix(in oklab,var(--destructive)20%,transparent); }
}
  .focus-visible\:ring-red-500:focus-visible { --tw-ring-color: var(--color-red-500); }
  .focus-visible\:ring-ring:focus-visible, .focus-visible\:ring-ring\/50:focus-visible { --tw-ring-color: var(--ring); }
  @supports (color:color-mix(in lab,red,red)) {
  .focus-visible\:ring-ring\/50:focus-visible { --tw-ring-color: color-mix(in oklab,var(--ring)50%,transparent); }
}
  .focus-visible\:ring-offset-1:focus-visible { --tw-ring-offset-width: 1px; --tw-ring-offset-shadow: var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color); }
  .focus-visible\:ring-offset-2:focus-visible { --tw-ring-offset-width: 2px; --tw-ring-offset-shadow: var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color); }
  .focus-visible\:outline-hidden:focus-visible { --tw-outline-style: none; outline-style: none; }
  @media (forced-colors: active) {
  .focus-visible\:outline-hidden:focus-visible { outline-offset: 2px; outline: rgba(0, 0, 0, 0) solid 2px; }
}
  .focus-visible\:outline-1:focus-visible { outline-style: var(--tw-outline-style); outline-width: 1px; }
  .focus-visible\:outline-2:focus-visible { outline-style: var(--tw-outline-style); outline-width: 2px; }
  .focus-visible\:outline-offset-2:focus-visible { outline-offset: 2px; }
  .focus-visible\:outline-ring:focus-visible { outline-color: var(--ring); }
  .focus-visible\:outline-none:focus-visible { --tw-outline-style: none; outline-style: none; }
  .active\:scale-90:active { --tw-scale-x: 90%; --tw-scale-y: 90%; --tw-scale-z: 90%; scale: var(--tw-scale-x)var(--tw-scale-y); }
  .active\:scale-95:active { --tw-scale-x: 95%; --tw-scale-y: 95%; --tw-scale-z: 95%; scale: var(--tw-scale-x)var(--tw-scale-y); }
  .active\:scale-98:active { --tw-scale-x: 98%; --tw-scale-y: 98%; --tw-scale-z: 98%; scale: var(--tw-scale-x)var(--tw-scale-y); }
  .active\:scale-y-95:active { --tw-scale-y: 95%; scale: var(--tw-scale-x)var(--tw-scale-y); }
  .active\:scale-\[0\.97\]:active { scale: 0.97; }
  .active\:scale-\[0\.98\]:active { scale: 0.98; }
  .active\:scale-\[0\.99\]:active { scale: 0.99; }
  .active\:scale-\[0\.985\]:active { scale: 0.985; }
  .active\:bg-sidebar-accent:active { background-color: var(--sidebar-accent); }
  .active\:text-sidebar-accent-foreground:active { color: var(--sidebar-accent-foreground); }
  .active\:opacity-70:active { opacity: 0.7; }
  .active\:opacity-80:active { opacity: 0.8; }
  .disabled\:pointer-events-none:disabled { pointer-events: none; }
  .disabled\:cursor-not-allowed:disabled { cursor: not-allowed; }
  .disabled\:opacity-25:disabled { opacity: 0.25; }
  .disabled\:opacity-30:disabled { opacity: 0.3; }
  .disabled\:opacity-35:disabled { opacity: 0.35; }
  .disabled\:opacity-40:disabled { opacity: 0.4; }
  .disabled\:opacity-45:disabled { opacity: 0.45; }
  .disabled\:opacity-50:disabled { opacity: 0.5; }
  .disabled\:opacity-60:disabled { opacity: 0.6; }
  .disabled\:active\:scale-100:disabled:active { --tw-scale-x: 100%; --tw-scale-y: 100%; --tw-scale-z: 100%; scale: var(--tw-scale-x)var(--tw-scale-y); }
  :where([data-side="left"]) .in-data-\[side\=left\]\:cursor-w-resize { cursor: w-resize; }
  :where([data-side="right"]) .in-data-\[side\=right\]\:cursor-e-resize { cursor: e-resize; }
  .has-focus\:border-ring:has(:focus) { border-color: var(--ring); }
  .has-focus\:ring-\[3px\]:has(:focus) { --tw-ring-shadow: var(--tw-ring-inset,)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); }
  .has-focus\:ring-ring\/50:has(:focus) { --tw-ring-color: var(--ring); }
  @supports (color:color-mix(in lab,red,red)) {
  .has-focus\:ring-ring\/50:has(:focus) { --tw-ring-color: color-mix(in oklab,var(--ring)50%,transparent); }
}
  .has-disabled\:opacity-50:has(:disabled) { opacity: 0.5; }
  .has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\]:has([data-slot="card-action"]) { grid-template-columns: 1fr auto; }
  .has-data-\[state\=checked\]\:border-primary:has([data-state="checked"]) { border-color: var(--primary); }
  .has-data-\[state\=checked\]\:bg-primary\/5:has([data-state="checked"]) { background-color: var(--primary); }
  @supports (color:color-mix(in lab,red,red)) {
  .has-data-\[state\=checked\]\:bg-primary\/5:has([data-state="checked"]) { background-color: color-mix(in oklab,var(--primary)5%,transparent); }
}
  .has-data-\[variant\=inset\]\:bg-sidebar:has([data-variant="inset"]) { background-color: var(--sidebar); }
  .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:border-ring:has([data-slot="input-group-control"]:focus-visible) { border-color: var(--ring); }
  .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-\[3px\]:has([data-slot="input-group-control"]:focus-visible) { --tw-ring-shadow: var(--tw-ring-inset,)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); }
  .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-ring\/50:has([data-slot="input-group-control"]:focus-visible) { --tw-ring-color: var(--ring); }
  @supports (color:color-mix(in lab,red,red)) {
  .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-ring\/50:has([data-slot="input-group-control"]:focus-visible) { --tw-ring-color: color-mix(in oklab,var(--ring)50%,transparent); }
}
  .has-\[\[data-slot\]\[aria-invalid\=true\]\]\:border-destructive:has([data-slot][aria-invalid="true"]) { border-color: var(--destructive); }
  .has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/20:has([data-slot][aria-invalid="true"]) { --tw-ring-color: var(--destructive); }
  @supports (color:color-mix(in lab,red,red)) {
  .has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/20:has([data-slot][aria-invalid="true"]) { --tw-ring-color: color-mix(in oklab,var(--destructive)20%,transparent); }
}
  .has-\[\>\[data-align\=block-end\]\]\:h-auto:has(> [data-align="block-end"]) { height: auto; }
  .has-\[\>\[data-align\=block-end\]\]\:flex-col:has(> [data-align="block-end"]) { flex-direction: column; }
  .has-\[\>\[data-align\=block-start\]\]\:h-auto:has(> [data-align="block-start"]) { height: auto; }
  .has-\[\>\[data-align\=block-start\]\]\:flex-col:has(> [data-align="block-start"]) { flex-direction: column; }
  .has-\[\>\[data-slot\=button-group\]\]\:gap-2:has(> [data-slot="button-group"]) { gap: calc(var(--spacing)*2); }
  .has-\[\>\[data-slot\=checkbox-group\]\]\:gap-3:has(> [data-slot="checkbox-group"]) { gap: calc(var(--spacing)*3); }
  .has-\[\>\[data-slot\=field-content\]\]\:items-start:has(> [data-slot="field-content"]) { align-items: flex-start; }
  .has-\[\>\[data-slot\=field\]\]\:w-full:has(> [data-slot="field"]) { width: 100%; }
  .has-\[\>\[data-slot\=field\]\]\:flex-col:has(> [data-slot="field"]) { flex-direction: column; }
  .has-\[\>\[data-slot\=field\]\]\:rounded-md:has(> [data-slot="field"]) { border-radius: calc(var(--radius) - 2px); }
  .has-\[\>\[data-slot\=field\]\]\:border:has(> [data-slot="field"]) { border-style: var(--tw-border-style); border-width: 1px; }
  .has-\[\>\[data-slot\=radio-group\]\]\:gap-3:has(> [data-slot="radio-group"]) { gap: calc(var(--spacing)*3); }
  .has-\[\>button\]\:mr-\[-0\.45rem\]:has(> button) { margin-right: -0.45rem; }
  .has-\[\>button\]\:ml-\[-0\.45rem\]:has(> button) { margin-left: -0.45rem; }
  .has-\[\>kbd\]\:mr-\[-0\.35rem\]:has(> kbd) { margin-right: -0.35rem; }
  .has-\[\>kbd\]\:ml-\[-0\.35rem\]:has(> kbd) { margin-left: -0.35rem; }
  .has-\[\>svg\]\:grid-cols-\[calc\(var\(--spacing\)\*4\)_1fr\]:has(> svg) { grid-template-columns: calc(var(--spacing)*4)1fr; }
  .has-\[\>svg\]\:gap-x-3:has(> svg) { column-gap: calc(var(--spacing)*3); }
  .has-\[\>svg\]\:p-0:has(> svg) { padding: calc(var(--spacing)*0); }
  .has-\[\>svg\]\:px-2:has(> svg) { padding-inline: calc(var(--spacing)*2); }
  .has-\[\>svg\]\:px-2\.5:has(> svg) { padding-inline: calc(var(--spacing)*2.5); }
  .has-\[\>svg\]\:px-3:has(> svg) { padding-inline: calc(var(--spacing)*3); }
  .has-\[\>svg\]\:px-4:has(> svg) { padding-inline: calc(var(--spacing)*4); }
  .has-\[\>textarea\]\:h-auto:has(> textarea) { height: auto; }
  .aria-disabled\:pointer-events-none[aria-disabled="true"] { pointer-events: none; }
  .aria-disabled\:opacity-50[aria-disabled="true"] { opacity: 0.5; }
  .aria-invalid\:border-destructive[aria-invalid="true"] { border-color: var(--destructive); }
  .aria-invalid\:ring-destructive\/20[aria-invalid="true"] { --tw-ring-color: var(--destructive); }
  @supports (color:color-mix(in lab,red,red)) {
  .aria-invalid\:ring-destructive\/20[aria-invalid="true"] { --tw-ring-color: color-mix(in oklab,var(--destructive)20%,transparent); }
}
  .aria-selected\:text-muted-foreground[aria-selected="true"] { color: var(--muted-foreground); }
  .data-\[active\=true\]\:z-10[data-active="true"] { z-index: 10; }
  .data-\[active\=true\]\:border-ring[data-active="true"] { border-color: var(--ring); }
  .data-\[active\=true\]\:bg-accent\/50[data-active="true"] { background-color: var(--accent); }
  @supports (color:color-mix(in lab,red,red)) {
  .data-\[active\=true\]\:bg-accent\/50[data-active="true"] { background-color: color-mix(in oklab,var(--accent)50%,transparent); }
}
  .data-\[active\=true\]\:bg-sidebar-accent[data-active="true"] { background-color: var(--sidebar-accent); }
  .data-\[active\=true\]\:font-medium[data-active="true"] { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); }
  .data-\[active\=true\]\:text-accent-foreground[data-active="true"] { color: var(--accent-foreground); }
  .data-\[active\=true\]\:text-sidebar-accent-foreground[data-active="true"] { color: var(--sidebar-accent-foreground); }
  .data-\[active\=true\]\:ring-\[3px\][data-active="true"] { --tw-ring-shadow: var(--tw-ring-inset,)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); }
  .data-\[active\=true\]\:ring-ring\/50[data-active="true"] { --tw-ring-color: var(--ring); }
  @supports (color:color-mix(in lab,red,red)) {
  .data-\[active\=true\]\:ring-ring\/50[data-active="true"] { --tw-ring-color: color-mix(in oklab,var(--ring)50%,transparent); }
}
  @media (hover: hover) {
  .data-\[active\=true\]\:hover\:bg-accent[data-active="true"]:hover { background-color: var(--accent); }
}
  .data-\[active\=true\]\:focus\:bg-accent[data-active="true"]:focus { background-color: var(--accent); }
  .data-\[active\=true\]\:aria-invalid\:border-destructive[data-active="true"][aria-invalid="true"] { border-color: var(--destructive); }
  .data-\[active\=true\]\:aria-invalid\:ring-destructive\/20[data-active="true"][aria-invalid="true"] { --tw-ring-color: var(--destructive); }
  @supports (color:color-mix(in lab,red,red)) {
  .data-\[active\=true\]\:aria-invalid\:ring-destructive\/20[data-active="true"][aria-invalid="true"] { --tw-ring-color: color-mix(in oklab,var(--destructive)20%,transparent); }
}
  .data-\[disabled\]\:pointer-events-none[data-disabled] { pointer-events: none; }
  .data-\[disabled\]\:opacity-50[data-disabled] { opacity: 0.5; }
  .data-\[disabled\=true\]\:pointer-events-none[data-disabled="true"] { pointer-events: none; }
  .data-\[disabled\=true\]\:opacity-50[data-disabled="true"] { opacity: 0.5; }
  .data-\[error\=true\]\:text-destructive[data-error="true"] { color: var(--destructive); }
  .data-\[inset\]\:pl-8[data-inset] { padding-left: calc(var(--spacing)*8); }
  .data-\[invalid\=true\]\:text-destructive[data-invalid="true"] { color: var(--destructive); }
  .data-\[motion\=from-end\]\:slide-in-from-right-52[data-motion="from-end"] { --tw-enter-translate-x: calc(52*var(--spacing)); }
  .data-\[motion\=from-start\]\:slide-in-from-left-52[data-motion="from-start"] { --tw-enter-translate-x: calc(52*var(--spacing)*-1); }
  .data-\[motion\=to-end\]\:slide-out-to-right-52[data-motion="to-end"] { --tw-exit-translate-x: calc(52*var(--spacing)); }
  .data-\[motion\=to-start\]\:slide-out-to-left-52[data-motion="to-start"] { --tw-exit-translate-x: calc(52*var(--spacing)*-1); }
  .data-\[motion\^\=from-\]\:animate-in[data-motion^="from-"] { animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); }
  .data-\[motion\^\=from-\]\:fade-in[data-motion^="from-"] { --tw-enter-opacity: 0; }
  .data-\[motion\^\=to-\]\:animate-out[data-motion^="to-"] { animation: exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); }
  .data-\[motion\^\=to-\]\:fade-out[data-motion^="to-"] { --tw-exit-opacity: 0; }
  .data-\[orientation\=horizontal\]\:h-1\.5[data-orientation="horizontal"] { height: calc(var(--spacing)*1.5); }
  .data-\[orientation\=horizontal\]\:h-full[data-orientation="horizontal"] { height: 100%; }
  .data-\[orientation\=horizontal\]\:h-px[data-orientation="horizontal"] { height: 1px; }
  .data-\[orientation\=horizontal\]\:w-full[data-orientation="horizontal"] { width: 100%; }
  .data-\[orientation\=vertical\]\:h-auto[data-orientation="vertical"] { height: auto; }
  .data-\[orientation\=vertical\]\:h-full[data-orientation="vertical"] { height: 100%; }
  .data-\[orientation\=vertical\]\:min-h-44[data-orientation="vertical"] { min-height: calc(var(--spacing)*44); }
  .data-\[orientation\=vertical\]\:w-1\.5[data-orientation="vertical"] { width: calc(var(--spacing)*1.5); }
  .data-\[orientation\=vertical\]\:w-auto[data-orientation="vertical"] { width: auto; }
  .data-\[orientation\=vertical\]\:w-full[data-orientation="vertical"] { width: 100%; }
  .data-\[orientation\=vertical\]\:w-px[data-orientation="vertical"] { width: 1px; }
  .data-\[orientation\=vertical\]\:flex-col[data-orientation="vertical"] { flex-direction: column; }
  .data-\[panel-group-direction\=vertical\]\:h-px[data-panel-group-direction="vertical"] { height: 1px; }
  .data-\[panel-group-direction\=vertical\]\:w-full[data-panel-group-direction="vertical"] { width: 100%; }
  .data-\[panel-group-direction\=vertical\]\:flex-col[data-panel-group-direction="vertical"] { flex-direction: column; }
  .data-\[panel-group-direction\=vertical\]\:after\:left-0[data-panel-group-direction="vertical"]::after { content: var(--tw-content); left: calc(var(--spacing)*0); }
  .data-\[panel-group-direction\=vertical\]\:after\:h-1[data-panel-group-direction="vertical"]::after { content: var(--tw-content); height: calc(var(--spacing)*1); }
  .data-\[panel-group-direction\=vertical\]\:after\:w-full[data-panel-group-direction="vertical"]::after { content: var(--tw-content); width: 100%; }
  .data-\[panel-group-direction\=vertical\]\:after\:translate-x-0[data-panel-group-direction="vertical"]::after { content: var(--tw-content); --tw-translate-x: calc(var(--spacing)*0); translate: var(--tw-translate-x)var(--tw-translate-y); }
  .data-\[panel-group-direction\=vertical\]\:after\:-translate-y-1\/2[data-panel-group-direction="vertical"]::after { content: var(--tw-content); --tw-translate-y: -50%; translate: var(--tw-translate-x)var(--tw-translate-y); }
  .data-\[placeholder\]\:text-muted-foreground[data-placeholder] { color: var(--muted-foreground); }
  .data-\[range-end\=true\]\:rounded-md[data-range-end="true"] { border-radius: calc(var(--radius) - 2px); }
  .data-\[range-end\=true\]\:rounded-r-md[data-range-end="true"] { border-top-right-radius: calc(var(--radius) - 2px); border-bottom-right-radius: calc(var(--radius) - 2px); }
  .data-\[range-end\=true\]\:bg-primary[data-range-end="true"] { background-color: var(--primary); }
  .data-\[range-end\=true\]\:text-primary-foreground[data-range-end="true"] { color: var(--primary-foreground); }
  .data-\[range-middle\=true\]\:rounded-none[data-range-middle="true"] { border-radius: 0px; }
  .data-\[range-middle\=true\]\:bg-accent[data-range-middle="true"] { background-color: var(--accent); }
  .data-\[range-middle\=true\]\:text-accent-foreground[data-range-middle="true"] { color: var(--accent-foreground); }
  .data-\[range-start\=true\]\:rounded-md[data-range-start="true"] { border-radius: calc(var(--radius) - 2px); }
  .data-\[range-start\=true\]\:rounded-l-md[data-range-start="true"] { border-top-left-radius: calc(var(--radius) - 2px); border-bottom-left-radius: calc(var(--radius) - 2px); }
  .data-\[range-start\=true\]\:bg-primary[data-range-start="true"] { background-color: var(--primary); }
  .data-\[range-start\=true\]\:text-primary-foreground[data-range-start="true"] { color: var(--primary-foreground); }
  .data-\[selected-single\=true\]\:bg-primary[data-selected-single="true"] { background-color: var(--primary); }
  .data-\[selected-single\=true\]\:text-primary-foreground[data-selected-single="true"] { color: var(--primary-foreground); }
  .data-\[selected\=true\]\:rounded-none[data-selected="true"] { border-radius: 0px; }
  .data-\[selected\=true\]\:bg-accent[data-selected="true"] { background-color: var(--accent); }
  .data-\[selected\=true\]\:text-accent-foreground[data-selected="true"] { color: var(--accent-foreground); }
  .data-\[side\=bottom\]\:translate-y-1[data-side="bottom"] { --tw-translate-y: calc(var(--spacing)*1); translate: var(--tw-translate-x)var(--tw-translate-y); }
  .data-\[side\=bottom\]\:slide-in-from-top-2[data-side="bottom"] { --tw-enter-translate-y: calc(2*var(--spacing)*-1); }
  .data-\[side\=left\]\:-translate-x-1[data-side="left"] { --tw-translate-x: calc(var(--spacing)*-1); translate: var(--tw-translate-x)var(--tw-translate-y); }
  .data-\[side\=left\]\:slide-in-from-right-2[data-side="left"] { --tw-enter-translate-x: calc(2*var(--spacing)); }
  .data-\[side\=right\]\:translate-x-1[data-side="right"] { --tw-translate-x: calc(var(--spacing)*1); translate: var(--tw-translate-x)var(--tw-translate-y); }
  .data-\[side\=right\]\:slide-in-from-left-2[data-side="right"] { --tw-enter-translate-x: calc(2*var(--spacing)*-1); }
  .data-\[side\=top\]\:-translate-y-1[data-side="top"] { --tw-translate-y: calc(var(--spacing)*-1); translate: var(--tw-translate-x)var(--tw-translate-y); }
  .data-\[side\=top\]\:slide-in-from-bottom-2[data-side="top"] { --tw-enter-translate-y: calc(2*var(--spacing)); }
  .data-\[size\=default\]\:h-9[data-size="default"] { height: calc(var(--spacing)*9); }
  .data-\[size\=sm\]\:h-8[data-size="sm"] { height: calc(var(--spacing)*8); }
  :is(.\*\:data-\[slot\=alert-description\]\:text-destructive\/90 > *)[data-slot="alert-description"] { color: var(--destructive); }
  @supports (color:color-mix(in lab,red,red)) {
  :is(.\*\:data-\[slot\=alert-description\]\:text-destructive\/90 > *)[data-slot="alert-description"] { color: color-mix(in oklab,var(--destructive)90%,transparent); }
}
  .data-\[slot\=checkbox-group\]\:gap-3[data-slot="checkbox-group"] { gap: calc(var(--spacing)*3); }
  :is(.\*\*\:data-\[slot\=command-input-wrapper\]\:h-12 *)[data-slot="command-input-wrapper"] { height: calc(var(--spacing)*12); }
  :is(.\*\*\:data-\[slot\=navigation-menu-link\]\:focus\:ring-0 *)[data-slot="navigation-menu-link"]:focus { --tw-ring-shadow: var(--tw-ring-inset,)0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); }
  :is(.\*\*\:data-\[slot\=navigation-menu-link\]\:focus\:outline-none *)[data-slot="navigation-menu-link"]:focus { --tw-outline-style: none; outline-style: none; }
  :is(.\*\:data-\[slot\=select-value\]\:line-clamp-1 > *)[data-slot="select-value"] { -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; }
  :is(.\*\:data-\[slot\=select-value\]\:flex > *)[data-slot="select-value"] { display: flex; }
  :is(.\*\:data-\[slot\=select-value\]\:items-center > *)[data-slot="select-value"] { align-items: center; }
  :is(.\*\:data-\[slot\=select-value\]\:gap-2 > *)[data-slot="select-value"] { gap: calc(var(--spacing)*2); }
  .data-\[state\=active\]\:bg-background[data-state="active"] { background-color: var(--background); }
  .data-\[state\=active\]\:shadow-sm[data-state="active"] { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px 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); }
  .data-\[state\=checked\]\:translate-x-\[calc\(100\%-2px\)\][data-state="checked"] { --tw-translate-x: calc(100% - 2px); translate: var(--tw-translate-x)var(--tw-translate-y); }
  .data-\[state\=checked\]\:border-primary[data-state="checked"] { border-color: var(--primary); }
  .data-\[state\=checked\]\:bg-primary[data-state="checked"] { background-color: var(--primary); }
  .data-\[state\=checked\]\:text-primary-foreground[data-state="checked"] { color: var(--primary-foreground); }
  .data-\[state\=closed\]\:animate-accordion-up[data-state="closed"] { animation: accordion-up var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); }
  .data-\[state\=closed\]\:animate-out[data-state="closed"] { animation: exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); }
  .data-\[state\=closed\]\:duration-300[data-state="closed"] { --tw-duration: .3s; transition-duration: 0.3s; }
  .data-\[state\=closed\]\:fade-out-0[data-state="closed"] { --tw-exit-opacity: 0; }
  .data-\[state\=closed\]\:zoom-out-95[data-state="closed"] { --tw-exit-scale: .95; }
  .data-\[state\=closed\]\:slide-out-to-bottom[data-state="closed"] { --tw-exit-translate-y: 100%; }
  .data-\[state\=closed\]\:slide-out-to-left[data-state="closed"] { --tw-exit-translate-x: -100%; }
  .data-\[state\=closed\]\:slide-out-to-right[data-state="closed"] { --tw-exit-translate-x: 100%; }
  .data-\[state\=closed\]\:slide-out-to-top[data-state="closed"] { --tw-exit-translate-y: -100%; }
  .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=closed\]\:animate-out:is(:where(.group\/navigation-menu)[data-viewport="false"] *)[data-state="closed"] { animation: exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); }
  .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=closed\]\:fade-out-0:is(:where(.group\/navigation-menu)[data-viewport="false"] *)[data-state="closed"] { --tw-exit-opacity: 0; }
  .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=closed\]\:zoom-out-95:is(:where(.group\/navigation-menu)[data-viewport="false"] *)[data-state="closed"] { --tw-exit-scale: .95; }
  .data-\[state\=hidden\]\:animate-out[data-state="hidden"] { animation: exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); }
  .data-\[state\=hidden\]\:fade-out[data-state="hidden"] { --tw-exit-opacity: 0; }
  .data-\[state\=on\]\:bg-accent[data-state="on"] { background-color: var(--accent); }
  .data-\[state\=on\]\:text-accent-foreground[data-state="on"] { color: var(--accent-foreground); }
  .data-\[state\=open\]\:animate-accordion-down[data-state="open"] { animation: accordion-down var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); }
  .data-\[state\=open\]\:animate-in[data-state="open"] { animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); }
  .data-\[state\=open\]\:bg-accent[data-state="open"], .data-\[state\=open\]\:bg-accent\/50[data-state="open"] { background-color: var(--accent); }
  @supports (color:color-mix(in lab,red,red)) {
  .data-\[state\=open\]\:bg-accent\/50[data-state="open"] { background-color: color-mix(in oklab,var(--accent)50%,transparent); }
}
  .data-\[state\=open\]\:bg-secondary[data-state="open"] { background-color: var(--secondary); }
  .data-\[state\=open\]\:text-accent-foreground[data-state="open"] { color: var(--accent-foreground); }
  .data-\[state\=open\]\:text-muted-foreground[data-state="open"] { color: var(--muted-foreground); }
  .data-\[state\=open\]\:opacity-100[data-state="open"] { opacity: 1; }
  .data-\[state\=open\]\:duration-500[data-state="open"] { --tw-duration: .5s; transition-duration: 0.5s; }
  .data-\[state\=open\]\:fade-in-0[data-state="open"] { --tw-enter-opacity: 0; }
  .data-\[state\=open\]\:zoom-in-90[data-state="open"] { --tw-enter-scale: .9; }
  .data-\[state\=open\]\:zoom-in-95[data-state="open"] { --tw-enter-scale: .95; }
  .data-\[state\=open\]\:slide-in-from-bottom[data-state="open"] { --tw-enter-translate-y: 100%; }
  .data-\[state\=open\]\:slide-in-from-left[data-state="open"] { --tw-enter-translate-x: -100%; }
  .data-\[state\=open\]\:slide-in-from-right[data-state="open"] { --tw-enter-translate-x: 100%; }
  .data-\[state\=open\]\:slide-in-from-top[data-state="open"] { --tw-enter-translate-y: -100%; }
  .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=open\]\:animate-in:is(:where(.group\/navigation-menu)[data-viewport="false"] *)[data-state="open"] { animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); }
  .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=open\]\:fade-in-0:is(:where(.group\/navigation-menu)[data-viewport="false"] *)[data-state="open"] { --tw-enter-opacity: 0; }
  .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=open\]\:zoom-in-95:is(:where(.group\/navigation-menu)[data-viewport="false"] *)[data-state="open"] { --tw-enter-scale: .95; }
  @media (hover: hover) {
  .data-\[state\=open\]\:hover\:bg-accent[data-state="open"]:hover { background-color: var(--accent); }
  .data-\[state\=open\]\:hover\:bg-sidebar-accent[data-state="open"]:hover { background-color: var(--sidebar-accent); }
  .data-\[state\=open\]\:hover\:text-sidebar-accent-foreground[data-state="open"]:hover { color: var(--sidebar-accent-foreground); }
}
  .data-\[state\=open\]\:focus\:bg-accent[data-state="open"]:focus { background-color: var(--accent); }
  .data-\[state\=selected\]\:bg-muted[data-state="selected"] { background-color: var(--muted); }
  .data-\[state\=unchecked\]\:translate-x-0[data-state="unchecked"] { --tw-translate-x: calc(var(--spacing)*0); translate: var(--tw-translate-x)var(--tw-translate-y); }
  .data-\[state\=unchecked\]\:bg-input[data-state="unchecked"] { background-color: var(--input); }
  .data-\[state\=visible\]\:animate-in[data-state="visible"] { animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); }
  .data-\[state\=visible\]\:fade-in[data-state="visible"] { --tw-enter-opacity: 0; }
  .data-\[variant\=destructive\]\:text-destructive[data-variant="destructive"] { color: var(--destructive); }
  .data-\[variant\=destructive\]\:focus\:bg-destructive\/10[data-variant="destructive"]:focus { background-color: var(--destructive); }
  @supports (color:color-mix(in lab,red,red)) {
  .data-\[variant\=destructive\]\:focus\:bg-destructive\/10[data-variant="destructive"]:focus { background-color: color-mix(in oklab,var(--destructive)10%,transparent); }
}
  .data-\[variant\=destructive\]\:focus\:text-destructive[data-variant="destructive"]:focus { color: var(--destructive); }
  .data-\[variant\=label\]\:text-sm[data-variant="label"] { font-size: var(--text-sm); line-height: var(--tw-leading,var(--text-sm--line-height)); }
  .data-\[variant\=legend\]\:text-base[data-variant="legend"] { font-size: var(--text-base); line-height: var(--tw-leading,var(--text-base--line-height)); }
  .data-\[variant\=outline\]\:border-l-0[data-variant="outline"] { border-left-style: var(--tw-border-style); border-left-width: 0px; }
  .data-\[variant\=outline\]\:shadow-xs[data-variant="outline"] { --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color,#0000000d); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); }
  .data-\[variant\=outline\]\:first\:border-l[data-variant="outline"]:first-child { border-left-style: var(--tw-border-style); border-left-width: 1px; }
  .data-\[vaul-drawer-direction\=bottom\]\:inset-x-0[data-vaul-drawer-direction="bottom"] { inset-inline: calc(var(--spacing)*0); }
  .data-\[vaul-drawer-direction\=bottom\]\:bottom-0[data-vaul-drawer-direction="bottom"] { bottom: calc(var(--spacing)*0); }
  .data-\[vaul-drawer-direction\=bottom\]\:mt-24[data-vaul-drawer-direction="bottom"] { margin-top: calc(var(--spacing)*24); }
  .data-\[vaul-drawer-direction\=bottom\]\:max-h-\[80vh\][data-vaul-drawer-direction="bottom"] { max-height: 80vh; }
  .data-\[vaul-drawer-direction\=bottom\]\:rounded-t-lg[data-vaul-drawer-direction="bottom"] { border-top-left-radius: var(--radius); border-top-right-radius: var(--radius); }
  .data-\[vaul-drawer-direction\=bottom\]\:border-t[data-vaul-drawer-direction="bottom"] { border-top-style: var(--tw-border-style); border-top-width: 1px; }
  .data-\[vaul-drawer-direction\=left\]\:inset-y-0[data-vaul-drawer-direction="left"] { inset-block: calc(var(--spacing)*0); }
  .data-\[vaul-drawer-direction\=left\]\:left-0[data-vaul-drawer-direction="left"] { left: calc(var(--spacing)*0); }
  .data-\[vaul-drawer-direction\=left\]\:w-3\/4[data-vaul-drawer-direction="left"] { width: 75%; }
  .data-\[vaul-drawer-direction\=left\]\:border-r[data-vaul-drawer-direction="left"] { border-right-style: var(--tw-border-style); border-right-width: 1px; }
  .data-\[vaul-drawer-direction\=right\]\:inset-y-0[data-vaul-drawer-direction="right"] { inset-block: calc(var(--spacing)*0); }
  .data-\[vaul-drawer-direction\=right\]\:right-0[data-vaul-drawer-direction="right"] { right: calc(var(--spacing)*0); }
  .data-\[vaul-drawer-direction\=right\]\:w-3\/4[data-vaul-drawer-direction="right"] { width: 75%; }
  .data-\[vaul-drawer-direction\=right\]\:border-l[data-vaul-drawer-direction="right"] { border-left-style: var(--tw-border-style); border-left-width: 1px; }
  .data-\[vaul-drawer-direction\=top\]\:inset-x-0[data-vaul-drawer-direction="top"] { inset-inline: calc(var(--spacing)*0); }
  .data-\[vaul-drawer-direction\=top\]\:top-0[data-vaul-drawer-direction="top"] { top: calc(var(--spacing)*0); }
  .data-\[vaul-drawer-direction\=top\]\:mb-24[data-vaul-drawer-direction="top"] { margin-bottom: calc(var(--spacing)*24); }
  .data-\[vaul-drawer-direction\=top\]\:max-h-\[80vh\][data-vaul-drawer-direction="top"] { max-height: 80vh; }
  .data-\[vaul-drawer-direction\=top\]\:rounded-b-lg[data-vaul-drawer-direction="top"] { border-bottom-right-radius: var(--radius); border-bottom-left-radius: var(--radius); }
  .data-\[vaul-drawer-direction\=top\]\:border-b[data-vaul-drawer-direction="top"] { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; }
  .nth-last-2\:-mt-1:nth-last-child(2) { margin-top: calc(var(--spacing)*-1); }
  @supports ((-webkit-backdrop-filter:var(--tw)) or (backdrop-filter:var(--tw))) {
  .supports-\[backdrop-filter\]\:backdrop-blur { --tw-backdrop-blur: blur(8px); backdrop-filter: var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,); }
}
  @media (prefers-reduced-motion: no-preference) {
  .motion-safe\:animate-pulse { animation: var(--animate-pulse); }
  .motion-safe\:animate-spin { animation: var(--animate-spin); }
}
  @media (min-width: 40rem) {
  .sm\:mt-2 { margin-top: calc(var(--spacing)*2); }
  .sm\:mb-4 { margin-bottom: calc(var(--spacing)*4); }
  .sm\:block { display: block; }
  .sm\:flex { display: flex; }
  .sm\:inline-flex { display: inline-flex; }
  .sm\:h-14 { height: calc(var(--spacing)*14); }
  .sm\:h-\[78px\] { height: 78px; }
  .sm\:h-\[216px\] { height: 216px; }
  .sm\:h-\[380px\] { height: 380px; }
  .sm\:h-\[min\(66svh\,680px\)\] { height: min(66svh, 680px); }
  .sm\:min-h-\[116px\] { min-height: 116px; }
  .sm\:w-\[78px\] { width: 78px; }
  .sm\:w-\[216px\] { width: 216px; }
  .sm\:w-auto { width: auto; }
  .sm\:max-w-lg { max-width: var(--container-lg); }
  .sm\:max-w-sm { max-width: var(--container-sm); }
  .sm\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
  .sm\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
  .sm\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0px, 1fr)); }
  .sm\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0px, 1fr)); }
  .sm\:grid-cols-\[0\.85fr_1\.15fr\] { grid-template-columns: 0.85fr 1.15fr; }
  .sm\:grid-cols-\[1\.35fr_0\.65fr\] { grid-template-columns: 1.35fr 0.65fr; }
  .sm\:grid-cols-\[1fr_0\.7fr_0\.55fr\] { grid-template-columns: 1fr 0.7fr 0.55fr; }
  .sm\:grid-cols-\[1fr_1\.2fr\] { grid-template-columns: 1fr 1.2fr; }
  .sm\:grid-cols-\[minmax\(0\,1fr\)_minmax\(210px\,0\.55fr\)_auto\] { grid-template-columns: minmax(0px, 1fr) minmax(210px, 0.55fr) auto; }
  .sm\:flex-row { flex-direction: row; }
  .sm\:items-center { align-items: center; }
  .sm\:items-end { align-items: flex-end; }
  .sm\:justify-between { justify-content: space-between; }
  .sm\:justify-end { justify-content: flex-end; }
  .sm\:gap-2\.5 { gap: calc(var(--spacing)*2.5); }
  .sm\:gap-3 { gap: calc(var(--spacing)*3); }
  .sm\:\!p-5 { padding: calc(var(--spacing)*5) !important; }
  .sm\:p-3 { padding: calc(var(--spacing)*3); }
  .sm\:p-5 { padding: calc(var(--spacing)*5); }
  .sm\:p-6 { padding: calc(var(--spacing)*6); }
  .sm\:p-7 { padding: calc(var(--spacing)*7); }
  .sm\:p-8 { padding: calc(var(--spacing)*8); }
  .sm\:p-9 { padding: calc(var(--spacing)*9); }
  .sm\:px-4 { padding-inline: calc(var(--spacing)*4); }
  .sm\:px-6 { padding-inline: calc(var(--spacing)*6); }
  .sm\:px-8 { padding-inline: calc(var(--spacing)*8); }
  .sm\:px-10 { padding-inline: calc(var(--spacing)*10); }
  .sm\:py-10 { padding-block: calc(var(--spacing)*10); }
  .sm\:py-12 { padding-block: calc(var(--spacing)*12); }
  .sm\:py-20 { padding-block: calc(var(--spacing)*20); }
  .sm\:py-24 { padding-block: calc(var(--spacing)*24); }
  .sm\:pr-2\.5 { padding-right: calc(var(--spacing)*2.5); }
  .sm\:pl-2\.5 { padding-left: calc(var(--spacing)*2.5); }
  .sm\:text-left { text-align: left; }
  .sm\:text-4xl { font-size: var(--text-4xl); line-height: var(--tw-leading,var(--text-4xl--line-height)); }
  .sm\:text-6xl { font-size: var(--text-6xl); line-height: var(--tw-leading,var(--text-6xl--line-height)); }
  .sm\:text-base { font-size: var(--text-base); line-height: var(--tw-leading,var(--text-base--line-height)); }
  .sm\:text-sm { font-size: var(--text-sm); line-height: var(--tw-leading,var(--text-sm--line-height)); }
  .sm\:text-\[6px\] { font-size: 6px; }
  .sm\:text-\[12px\] { font-size: 12px; }
  .sm\:text-\[17px\] { font-size: 17px; }
  .sm\:text-\[21px\] { font-size: 21px; }
  .data-\[vaul-drawer-direction\=left\]\:sm\:max-w-sm[data-vaul-drawer-direction="left"], .data-\[vaul-drawer-direction\=right\]\:sm\:max-w-sm[data-vaul-drawer-direction="right"] { max-width: var(--container-sm); }
}
  @media (min-width: 48rem) {
  .md\:absolute { position: absolute; }
  .md\:order-1 { order: 1; }
  .md\:order-2 { order: 2; }
  .md\:col-span-1 { grid-column: span 1 / span 1; }
  .md\:col-span-2 { grid-column: span 2 / span 2; }
  .md\:mx-0 { margin-inline: calc(var(--spacing)*0); }
  .md\:mx-6 { margin-inline: calc(var(--spacing)*6); }
  .md\:mt-0 { margin-top: calc(var(--spacing)*0); }
  .md\:mb-0 { margin-bottom: calc(var(--spacing)*0); }
  .md\:mb-3 { margin-bottom: calc(var(--spacing)*3); }
  .md\:block { display: block; }
  .md\:flex { display: flex; }
  .md\:hidden { display: none; }
  .md\:h-12 { height: calc(var(--spacing)*12); }
  .md\:h-\[68px\] { height: 68px; }
  .md\:h-\[180px\] { height: 180px; }
  .md\:h-\[340px\] { height: 340px; }
  .md\:w-\[340px\] { width: 340px; }
  .md\:w-\[380px\] { width: 380px; }
  .md\:w-\[var\(--radix-navigation-menu-viewport-width\)\] { width: var(--radix-navigation-menu-viewport-width); }
  .md\:w-auto { width: auto; }
  .md\:max-w-\[190px\] { max-width: 190px; }
  .md\:max-w-lg { max-width: var(--container-lg); }
  .md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
  .md\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
  .md\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0px, 1fr)); }
  .md\:grid-cols-\[1\.35fr_0\.65fr\] { grid-template-columns: 1.35fr 0.65fr; }
  .md\:grid-cols-\[1fr_auto\] { grid-template-columns: 1fr auto; }
  .md\:grid-cols-\[minmax\(0\,1fr\)_220px\] { grid-template-columns: minmax(0px, 1fr) 220px; }
  .md\:grid-cols-\[minmax\(0\,1fr\)_minmax\(190px\,0\.55fr\)\] { grid-template-columns: minmax(0px, 1fr) minmax(190px, 0.55fr); }
  .md\:grid-cols-\[minmax\(0\,1fr\)_minmax\(220px\,0\.5fr\)\] { grid-template-columns: minmax(0px, 1fr) minmax(220px, 0.5fr); }
  .md\:grid-cols-\[minmax\(0\,1fr\)_minmax\(220px\,0\.55fr\)\] { grid-template-columns: minmax(0px, 1fr) minmax(220px, 0.55fr); }
  .md\:flex-row { flex-direction: row; }
  .md\:items-center { align-items: center; }
  .md\:items-start { align-items: flex-start; }
  .md\:items-stretch { align-items: stretch; }
  .md\:justify-center { justify-content: center; }
  .md\:justify-start { justify-content: flex-start; }
  .md\:gap-1\.5 { gap: calc(var(--spacing)*1.5); }
  .md\:gap-4 { gap: calc(var(--spacing)*4); }
  .md\:gap-8 { gap: calc(var(--spacing)*8); }
  .md\:overflow-hidden { overflow: hidden; }
  .md\:rounded-3xl { border-radius: var(--radius-3xl); }
  .md\:p-6 { padding: calc(var(--spacing)*6); }
  .md\:p-12 { padding: calc(var(--spacing)*12); }
  .md\:px-6 { padding-inline: calc(var(--spacing)*6); }
  .md\:px-8 { padding-inline: calc(var(--spacing)*8); }
  .md\:px-10 { padding-inline: calc(var(--spacing)*10); }
  .md\:py-3 { padding-block: calc(var(--spacing)*3); }
  .md\:pt-2 { padding-top: calc(var(--spacing)*2); }
  .md\:pb-4 { padding-bottom: calc(var(--spacing)*4); }
  .md\:pl-20 { padding-left: calc(var(--spacing)*20); }
  .md\:text-left { text-align: left; }
  .md\:text-start { text-align: start; }
  .md\:text-sm { font-size: var(--text-sm); line-height: var(--tw-leading,var(--text-sm--line-height)); }
  .md\:text-\[18px\] { font-size: 18px; }
  .md\:opacity-0 { opacity: 0; }
  .md\:opacity-100 { opacity: 1; }
  .md\:peer-data-\[variant\=inset\]\:m-2:is(:where(.peer)[data-variant="inset"] ~ *) { margin: calc(var(--spacing)*2); }
  .md\:peer-data-\[variant\=inset\]\:ml-0:is(:where(.peer)[data-variant="inset"] ~ *) { margin-left: calc(var(--spacing)*0); }
  .md\:peer-data-\[variant\=inset\]\:rounded-xl:is(:where(.peer)[data-variant="inset"] ~ *) { border-radius: calc(var(--radius) + 4px); }
  .md\:peer-data-\[variant\=inset\]\:shadow-sm:is(:where(.peer)[data-variant="inset"] ~ *) { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px 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); }
  .md\:peer-data-\[variant\=inset\]\:peer-data-\[state\=collapsed\]\:ml-2:is(:where(.peer)[data-variant="inset"] ~ *):is(:where(.peer)[data-state="collapsed"] ~ *) { margin-left: calc(var(--spacing)*2); }
  .md\:after\:hidden::after { content: var(--tw-content); display: none; }
}
  @media (min-width: 64rem) {
  .lg\:flex { display: flex; }
  .lg\:hidden { display: none; }
  .lg\:h-\[400px\] { height: 400px; }
  .lg\:w-\[400px\] { width: 400px; }
  .lg\:w-\[440px\] { width: 440px; }
  .lg\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
  .lg\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0px, 1fr)); }
  .lg\:grid-cols-6 { grid-template-columns: repeat(6, minmax(0px, 1fr)); }
  .lg\:grid-cols-\[\.85fr_1\.15fr\] { grid-template-columns: 0.85fr 1.15fr; }
  .lg\:grid-cols-\[1\.18fr_\.82fr\] { grid-template-columns: 1.18fr 0.82fr; }
  .lg\:grid-cols-\[1fr_auto\] { grid-template-columns: 1fr auto; }
  .lg\:grid-cols-\[260px_1fr\] { grid-template-columns: 260px 1fr; }
  .lg\:items-center { align-items: center; }
  .lg\:gap-12 { gap: calc(var(--spacing)*12); }
  .lg\:px-12 { padding-inline: calc(var(--spacing)*12); }
  .lg\:text-\[20px\] { font-size: 20px; }
}
  @media (min-width: 80rem) {
  .xl\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
  .xl\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0px, 1fr)); }
  .xl\:grid-cols-\[minmax\(0\,1\.4fr\)_minmax\(300px\,0\.6fr\)\] { grid-template-columns: minmax(0px, 1.4fr) minmax(300px, 0.6fr); }
}
  @container field-group (min-width: 28rem) {
  .\@md\/field-group\:flex-row { flex-direction: row; }
  .\@md\/field-group\:items-center { align-items: center; }
  .\@md\/field-group\:has-\[\>\[data-slot\=field-content\]\]\:items-start:has(> [data-slot="field-content"]) { align-items: flex-start; }
}
  .dark\:border-input:is(.dark *) { border-color: var(--input); }
  .dark\:bg-\[\#1a2030\]:is(.dark *) { background-color: rgb(26, 32, 48); }
  .dark\:bg-destructive\/60:is(.dark *) { background-color: var(--destructive); }
  @supports (color:color-mix(in lab,red,red)) {
  .dark\:bg-destructive\/60:is(.dark *) { background-color: color-mix(in oklab,var(--destructive)60%,transparent); }
}
  .dark\:bg-input\/30:is(.dark *) { background-color: var(--input); }
  @supports (color:color-mix(in lab,red,red)) {
  .dark\:bg-input\/30:is(.dark *) { background-color: color-mix(in oklab,var(--input)30%,transparent); }
}
  .dark\:bg-transparent:is(.dark *) { background-color: rgba(0, 0, 0, 0); }
  .dark\:bg-white\/\[0\.05\]:is(.dark *) { background-color: rgba(255, 255, 255, 0.05); }
  @supports (color:color-mix(in lab,red,red)) {
  .dark\:bg-white\/\[0\.05\]:is(.dark *) { background-color: color-mix(in oklab,var(--color-white)5%,transparent); }
}
  .dark\:bg-white\/\[0\.06\]:is(.dark *) { background-color: rgba(255, 255, 255, 0.06); }
  @supports (color:color-mix(in lab,red,red)) {
  .dark\:bg-white\/\[0\.06\]:is(.dark *) { background-color: color-mix(in oklab,var(--color-white)6%,transparent); }
}
  .dark\:bg-white\/\[0\.08\]:is(.dark *) { background-color: rgba(255, 255, 255, 0.08); }
  @supports (color:color-mix(in lab,red,red)) {
  .dark\:bg-white\/\[0\.08\]:is(.dark *) { background-color: color-mix(in oklab,var(--color-white)8%,transparent); }
}
  .dark\:text-muted-foreground:is(.dark *) { color: var(--muted-foreground); }
  @media (hover: hover) {
  .dark\:hover\:bg-accent\/50:is(.dark *):hover { background-color: var(--accent); }
  @supports (color:color-mix(in lab,red,red)) {
  .dark\:hover\:bg-accent\/50:is(.dark *):hover { background-color: color-mix(in oklab,var(--accent)50%,transparent); }
}
  .dark\:hover\:bg-input\/50:is(.dark *):hover { background-color: var(--input); }
  @supports (color:color-mix(in lab,red,red)) {
  .dark\:hover\:bg-input\/50:is(.dark *):hover { background-color: color-mix(in oklab,var(--input)50%,transparent); }
}
  .dark\:hover\:text-accent-foreground:is(.dark *):hover { color: var(--accent-foreground); }
}
  .dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible { --tw-ring-color: var(--destructive); }
  @supports (color:color-mix(in lab,red,red)) {
  .dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible { --tw-ring-color: color-mix(in oklab,var(--destructive)40%,transparent); }
}
  .dark\:has-data-\[state\=checked\]\:bg-primary\/10:is(.dark *):has([data-state="checked"]) { background-color: var(--primary); }
  @supports (color:color-mix(in lab,red,red)) {
  .dark\:has-data-\[state\=checked\]\:bg-primary\/10:is(.dark *):has([data-state="checked"]) { background-color: color-mix(in oklab,var(--primary)10%,transparent); }
}
  .dark\:has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/40:is(.dark *):has([data-slot][aria-invalid="true"]) { --tw-ring-color: var(--destructive); }
  @supports (color:color-mix(in lab,red,red)) {
  .dark\:has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/40:is(.dark *):has([data-slot][aria-invalid="true"]) { --tw-ring-color: color-mix(in oklab,var(--destructive)40%,transparent); }
}
  .dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid="true"] { --tw-ring-color: var(--destructive); }
  @supports (color:color-mix(in lab,red,red)) {
  .dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid="true"] { --tw-ring-color: color-mix(in oklab,var(--destructive)40%,transparent); }
}
  .dark\:data-\[active\=true\]\:aria-invalid\:ring-destructive\/40:is(.dark *)[data-active="true"][aria-invalid="true"] { --tw-ring-color: var(--destructive); }
  @supports (color:color-mix(in lab,red,red)) {
  .dark\:data-\[active\=true\]\:aria-invalid\:ring-destructive\/40:is(.dark *)[data-active="true"][aria-invalid="true"] { --tw-ring-color: color-mix(in oklab,var(--destructive)40%,transparent); }
}
  .dark\:data-\[state\=active\]\:border-input:is(.dark *)[data-state="active"] { border-color: var(--input); }
  .dark\:data-\[state\=active\]\:bg-input\/30:is(.dark *)[data-state="active"] { background-color: var(--input); }
  @supports (color:color-mix(in lab,red,red)) {
  .dark\:data-\[state\=active\]\:bg-input\/30:is(.dark *)[data-state="active"] { background-color: color-mix(in oklab,var(--input)30%,transparent); }
}
  .dark\:data-\[state\=active\]\:text-foreground:is(.dark *)[data-state="active"] { color: var(--foreground); }
  .dark\:data-\[state\=checked\]\:bg-primary:is(.dark *)[data-state="checked"] { background-color: var(--primary); }
  .dark\:data-\[state\=checked\]\:bg-primary-foreground:is(.dark *)[data-state="checked"] { background-color: var(--primary-foreground); }
  .dark\:data-\[state\=unchecked\]\:bg-foreground:is(.dark *)[data-state="unchecked"] { background-color: var(--foreground); }
  .dark\:data-\[state\=unchecked\]\:bg-input\/80:is(.dark *)[data-state="unchecked"] { background-color: var(--input); }
  @supports (color:color-mix(in lab,red,red)) {
  .dark\:data-\[state\=unchecked\]\:bg-input\/80:is(.dark *)[data-state="unchecked"] { background-color: color-mix(in oklab,var(--input)80%,transparent); }
}
  .dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20:is(.dark *)[data-variant="destructive"]:focus { background-color: var(--destructive); }
  @supports (color:color-mix(in lab,red,red)) {
  .dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20:is(.dark *)[data-variant="destructive"]:focus { background-color: color-mix(in oklab,var(--destructive)20%,transparent); }
}
  .\[\&_\.recharts-cartesian-axis-tick_text\]\:fill-muted-foreground .recharts-cartesian-axis-tick text { fill: var(--muted-foreground); }
  .\[\&_\.recharts-cartesian-grid_line\[stroke\=\'\#ccc\'\]\]\:stroke-border\/50 .recharts-cartesian-grid line[stroke="#ccc"] { stroke: var(--border); }
  @supports (color:color-mix(in lab,red,red)) {
  .\[\&_\.recharts-cartesian-grid_line\[stroke\=\'\#ccc\'\]\]\:stroke-border\/50 .recharts-cartesian-grid line[stroke="#ccc"] { stroke: color-mix(in oklab,var(--border)50%,transparent); }
}
  .\[\&_\.recharts-curve\.recharts-tooltip-cursor\]\:stroke-border .recharts-curve.recharts-tooltip-cursor { stroke: var(--border); }
  .\[\&_\.recharts-dot\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-dot[stroke="#fff"] { stroke: rgba(0, 0, 0, 0); }
  .\[\&_\.recharts-layer\]\:outline-hidden .recharts-layer { --tw-outline-style: none; outline-style: none; }
  @media (forced-colors: active) {
  .\[\&_\.recharts-layer\]\:outline-hidden .recharts-layer { outline-offset: 2px; outline: rgba(0, 0, 0, 0) solid 2px; }
}
  .\[\&_\.recharts-polar-grid_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-polar-grid [stroke="#ccc"] { stroke: var(--border); }
  .\[\&_\.recharts-radial-bar-background-sector\]\:fill-muted .recharts-radial-bar-background-sector, .\[\&_\.recharts-rectangle\.recharts-tooltip-cursor\]\:fill-muted .recharts-rectangle.recharts-tooltip-cursor { fill: var(--muted); }
  .\[\&_\.recharts-reference-line_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-reference-line [stroke="#ccc"] { stroke: var(--border); }
  .\[\&_\.recharts-sector\]\:outline-hidden .recharts-sector { --tw-outline-style: none; outline-style: none; }
  @media (forced-colors: active) {
  .\[\&_\.recharts-sector\]\:outline-hidden .recharts-sector { outline-offset: 2px; outline: rgba(0, 0, 0, 0) solid 2px; }
}
  .\[\&_\.recharts-sector\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-sector[stroke="#fff"] { stroke: rgba(0, 0, 0, 0); }
  .\[\&_\.recharts-surface\]\:outline-hidden .recharts-surface { --tw-outline-style: none; outline-style: none; }
  @media (forced-colors: active) {
  .\[\&_\.recharts-surface\]\:outline-hidden .recharts-surface { outline-offset: 2px; outline: rgba(0, 0, 0, 0) solid 2px; }
}
  .\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading] { padding-inline: calc(var(--spacing)*2); }
  .\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading] { padding-block: calc(var(--spacing)*1.5); }
  .\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading] { font-size: var(--text-xs); line-height: var(--tw-leading,var(--text-xs--line-height)); }
  .\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading] { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); }
  .\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground [cmdk-group-heading] { color: var(--muted-foreground); }
  .\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group] { padding-inline: calc(var(--spacing)*2); }
  .\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden]) ~ [cmdk-group] { padding-top: calc(var(--spacing)*0); }
  .\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg { height: calc(var(--spacing)*5); }
  .\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg { width: calc(var(--spacing)*5); }
  .\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input] { height: calc(var(--spacing)*12); }
  .\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item] { padding-inline: calc(var(--spacing)*2); }
  .\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item] { padding-block: calc(var(--spacing)*3); }
  .\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg { height: calc(var(--spacing)*5); }
  .\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg { width: calc(var(--spacing)*5); }
  .\[\&_\[data-slot\=slider-range\]\]\:bg-\[\#1F6B6B\] [data-slot="slider-range"] { background-color: rgb(31, 107, 107); }
  .\[\&_\[data-slot\=slider-thumb\]\]\:size-4 [data-slot="slider-thumb"] { width: calc(var(--spacing)*4); height: calc(var(--spacing)*4); }
  .\[\&_\[data-slot\=slider-thumb\]\]\:size-5 [data-slot="slider-thumb"] { width: calc(var(--spacing)*5); height: calc(var(--spacing)*5); }
  .\[\&_\[data-slot\=slider-thumb\]\]\:border-2 [data-slot="slider-thumb"] { border-style: var(--tw-border-style); border-width: 2px; }
  .\[\&_\[data-slot\=slider-thumb\]\]\:border-\[\#1F6B6B\] [data-slot="slider-thumb"] { border-color: rgb(31, 107, 107); }
  .\[\&_\[data-slot\=slider-thumb\]\]\:shadow-md [data-slot="slider-thumb"] { --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px 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); }
  .\[\&_\[data-slot\=slider-track\]\]\:h-2 [data-slot="slider-track"] { height: calc(var(--spacing)*2); }
  .\[\&_\[data-slot\=slider-track\]\]\:h-2\.5 [data-slot="slider-track"] { height: calc(var(--spacing)*2.5); }
  .\[\&_\[data-slot\=slider-track\]\]\:bg-black\/10 [data-slot="slider-track"] { background-color: rgba(0, 0, 0, 0.1); }
  @supports (color:color-mix(in lab,red,red)) {
  .\[\&_\[data-slot\=slider-track\]\]\:bg-black\/10 [data-slot="slider-track"] { background-color: color-mix(in oklab,var(--color-black)10%,transparent); }
}
  .\[\&_img\]\:size-full img { width: 100%; height: 100%; }
  .\[\&_img\]\:object-cover img { object-fit: cover; }
  .\[\&_p\]\:leading-relaxed p { --tw-leading: var(--leading-relaxed); line-height: var(--leading-relaxed); }
  .\[\&_svg\]\:pointer-events-none svg { pointer-events: none; }
  .\[\&_svg\]\:shrink-0 svg { flex-shrink: 0; }
  .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 svg:not([class*="size-"]) { width: calc(var(--spacing)*3); height: calc(var(--spacing)*3); }
  .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*="size-"]) { width: calc(var(--spacing)*4); height: calc(var(--spacing)*4); }
  .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-6 svg:not([class*="size-"]) { width: calc(var(--spacing)*6); height: calc(var(--spacing)*6); }
  .\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-muted-foreground svg:not([class*="text-"]) { color: var(--muted-foreground); }
  .\[\&_tr\]\:border-b tr { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; }
  .\[\&_tr\:last-child\]\:border-0 tr:last-child { border-style: var(--tw-border-style); border-width: 0px; }
  .\[\&\+\[data-slot\=item-content\]\]\:flex-none + [data-slot="item-content"] { flex: 0 0 auto; }
  .\[\&\:first-child\[data-selected\=true\]_button\]\:rounded-l-md:first-child[data-selected="true"] button { border-top-left-radius: calc(var(--radius) - 2px); border-bottom-left-radius: calc(var(--radius) - 2px); }
  .\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role="checkbox"]) { padding-right: calc(var(--spacing)*0); }
  .\[\.border-b\]\:pb-3.border-b { padding-bottom: calc(var(--spacing)*3); }
  .\[\.border-b\]\:pb-6.border-b { padding-bottom: calc(var(--spacing)*6); }
  .\[\.border-t\]\:pt-3.border-t { padding-top: calc(var(--spacing)*3); }
  .\[\.border-t\]\:pt-6.border-t { padding-top: calc(var(--spacing)*6); }
  :is(.rtl\:\*\*\:\[\.rdp-button\\_next\>svg\]\:rotate-180:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) *):is(.rdp-button_next > svg), :is(.rtl\:\*\*\:\[\.rdp-button\\_previous\>svg\]\:rotate-180:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) *):is(.rdp-button_previous > svg) { rotate: 180deg; }
  .\[a\]\:transition-colors:is(a) { 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)); }
  @media (hover: hover) {
  .\[a\]\:hover\:bg-accent\/50:is(a):hover { background-color: var(--accent); }
  @supports (color:color-mix(in lab,red,red)) {
  .\[a\]\:hover\:bg-accent\/50:is(a):hover { background-color: color-mix(in oklab,var(--accent)50%,transparent); }
}
}
  :is(.\*\:\[span\]\:last\:flex > *):is(span):last-child { display: flex; }
  :is(.\*\:\[span\]\:last\:items-center > *):is(span):last-child { align-items: center; }
  :is(.\*\:\[span\]\:last\:gap-2 > *):is(span):last-child { gap: calc(var(--spacing)*2); }
  :is(.data-\[variant\=destructive\]\:\*\:\[svg\]\:\!text-destructive[data-variant="destructive"] > *):is(svg) { color: var(--destructive) !important; }
  .\[\&\:last-child\[data-selected\=true\]_button\]\:rounded-r-md:last-child[data-selected="true"] button { border-top-right-radius: calc(var(--radius) - 2px); border-bottom-right-radius: calc(var(--radius) - 2px); }
  .\[\&\>\*\]\:w-full > * { width: 100%; }
  .\[\&\>\*\]\:focus-visible\:relative > :focus-visible { position: relative; }
  .\[\&\>\*\]\:focus-visible\:z-10 > :focus-visible { z-index: 10; }
  .\[\&\>\*\]\:data-\[slot\=field\]\:p-4 > [data-slot="field"] { padding: calc(var(--spacing)*4); }
  @container field-group (min-width: 28rem) {
  .\@md\/field-group\:\[\&\>\*\]\:w-auto > * { width: auto; }
}
  .\[\&\>\*\:not\(\:first-child\)\]\:rounded-t-none > :not(:first-child) { border-top-left-radius: 0px; border-top-right-radius: 0px; }
  .\[\&\>\*\:not\(\:first-child\)\]\:rounded-l-none > :not(:first-child) { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
  .\[\&\>\*\:not\(\:first-child\)\]\:border-t-0 > :not(:first-child) { border-top-style: var(--tw-border-style); border-top-width: 0px; }
  .\[\&\>\*\:not\(\:first-child\)\]\:border-l-0 > :not(:first-child) { border-left-style: var(--tw-border-style); border-left-width: 0px; }
  .\[\&\>\*\:not\(\:last-child\)\]\:rounded-r-none > :not(:last-child) { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
  .\[\&\>\*\:not\(\:last-child\)\]\:rounded-b-none > :not(:last-child) { border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; }
  .\[\&\>\.sr-only\]\:w-auto > .sr-only { width: auto; }
  .\[\&\>\[data-slot\=field-group\]\]\:gap-4 > [data-slot="field-group"] { gap: calc(var(--spacing)*4); }
  .\[\&\>\[data-slot\=field-label\]\]\:flex-auto > [data-slot="field-label"] { flex: 1 1 auto; }
  @container field-group (min-width: 28rem) {
  .\@md\/field-group\:\[\&\>\[data-slot\=field-label\]\]\:flex-auto > [data-slot="field-label"] { flex: 1 1 auto; }
}
  .has-\[select\[aria-hidden\=true\]\:last-child\]\:\[\&\>\[data-slot\=select-trigger\]\:last-of-type\]\:rounded-r-md:has(:is(select[aria-hidden="true"]:last-child)) > [data-slot="select-trigger"]:last-of-type { border-top-right-radius: calc(var(--radius) - 2px); border-bottom-right-radius: calc(var(--radius) - 2px); }
  .\[\&\>\[data-slot\=select-trigger\]\:not\(\[class\*\=\'w-\'\]\)\]\:w-fit > [data-slot="select-trigger"]:not([class*="w-"]) { width: fit-content; }
  .\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\] > [role="checkbox"] { --tw-translate-y: 2px; translate: var(--tw-translate-x)var(--tw-translate-y); }
  .has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has(> [data-slot="field-content"]) > [role="checkbox"], .has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has(> [data-slot="field-content"]) [role="radio"] { margin-top: 1px; }
  @container field-group (min-width: 28rem) {
  .\@md\/field-group\:has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has(> [data-slot="field-content"]) > [role="checkbox"], .\@md\/field-group\:has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has(> [data-slot="field-content"]) [role="radio"] { margin-top: 1px; }
}
  .\[\&\>a\]\:underline > a { text-decoration-line: underline; }
  .\[\&\>a\]\:underline-offset-4 > a { text-underline-offset: 4px; }
  .\[\&\>a\:hover\]\:text-primary > a:hover { color: var(--primary); }
  .\[\&\>button\]\:hidden > button { display: none; }
  .\[\&\>input\]\:flex-1 > input { flex: 1 1 0%; }
  .has-\[\>\[data-align\=block-end\]\]\:\[\&\>input\]\:pt-3:has(> [data-align="block-end"]) > input { padding-top: calc(var(--spacing)*3); }
  .has-\[\>\[data-align\=block-start\]\]\:\[\&\>input\]\:pb-3:has(> [data-align="block-start"]) > input { padding-bottom: calc(var(--spacing)*3); }
  .has-\[\>\[data-align\=inline-end\]\]\:\[\&\>input\]\:pr-2:has(> [data-align="inline-end"]) > input { padding-right: calc(var(--spacing)*2); }
  .has-\[\>\[data-align\=inline-start\]\]\:\[\&\>input\]\:pl-2:has(> [data-align="inline-start"]) > input { padding-left: calc(var(--spacing)*2); }
  .\[\&\>kbd\]\:rounded-\[calc\(var\(--radius\)-5px\)\] > kbd { border-radius: calc(var(--radius) - 5px); }
  .\[\&\>span\]\:text-xs > span { font-size: var(--text-xs); line-height: var(--tw-leading,var(--text-xs--line-height)); }
  .\[\&\>span\]\:opacity-70 > span { opacity: 0.7; }
  .\[\&\>span\:last-child\]\:truncate > span:last-child { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
  .\[\&\>svg\]\:pointer-events-none > svg { pointer-events: none; }
  .\[\&\>svg\]\:size-3 > svg { width: calc(var(--spacing)*3); height: calc(var(--spacing)*3); }
  .\[\&\>svg\]\:size-3\.5 > svg { width: calc(var(--spacing)*3.5); height: calc(var(--spacing)*3.5); }
  .\[\&\>svg\]\:size-4 > svg { width: calc(var(--spacing)*4); height: calc(var(--spacing)*4); }
  .\[\&\>svg\]\:h-2\.5 > svg { height: calc(var(--spacing)*2.5); }
  .\[\&\>svg\]\:h-3 > svg { height: calc(var(--spacing)*3); }
  .\[\&\>svg\]\:w-2\.5 > svg { width: calc(var(--spacing)*2.5); }
  .\[\&\>svg\]\:w-3 > svg { width: calc(var(--spacing)*3); }
  .\[\&\>svg\]\:shrink-0 > svg { flex-shrink: 0; }
  .\[\&\>svg\]\:translate-y-0\.5 > svg { --tw-translate-y: calc(var(--spacing)*.5); translate: var(--tw-translate-x)var(--tw-translate-y); }
  .\[\&\>svg\]\:text-current > svg { color: currentcolor; }
  .\[\&\>svg\]\:text-muted-foreground > svg { color: var(--muted-foreground); }
  .\[\&\>svg\]\:text-sidebar-accent-foreground > svg { color: var(--sidebar-accent-foreground); }
  .\[\&\>svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5 > svg:not([class*="size-"]) { width: calc(var(--spacing)*3.5); height: calc(var(--spacing)*3.5); }
  .\[\&\>svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 > svg:not([class*="size-"]) { width: calc(var(--spacing)*4); height: calc(var(--spacing)*4); }
  .\[\&\>tr\]\:last\:border-b-0 > tr:last-child { border-bottom-style: var(--tw-border-style); border-bottom-width: 0px; }
  .\[\&\[data-panel-group-direction\=vertical\]\>div\]\:rotate-90[data-panel-group-direction="vertical"] > div { rotate: 90deg; }
  .\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state="open"] > svg { rotate: 180deg; }
  [data-side="left"][data-collapsible="offcanvas"] .\[\[data-side\=left\]\[data-collapsible\=offcanvas\]_\&\]\:-right-2 { right: calc(var(--spacing)*-2); }
  [data-side="left"][data-state="collapsed"] .\[\[data-side\=left\]\[data-state\=collapsed\]_\&\]\:cursor-e-resize { cursor: e-resize; }
  [data-side="right"][data-collapsible="offcanvas"] .\[\[data-side\=right\]\[data-collapsible\=offcanvas\]_\&\]\:-left-2 { left: calc(var(--spacing)*-2); }
  [data-side="right"][data-state="collapsed"] .\[\[data-side\=right\]\[data-state\=collapsed\]_\&\]\:cursor-w-resize { cursor: w-resize; }
  [data-slot="card-content"] .\[\[data-slot\=card-content\]_\&\]\:bg-transparent, [data-slot="popover-content"] .\[\[data-slot\=popover-content\]_\&\]\:bg-transparent { background-color: rgba(0, 0, 0, 0); }
  [data-slot="tooltip-content"] .\[\[data-slot\=tooltip-content\]_\&\]\:bg-background\/20 { background-color: var(--background); }
  @supports (color:color-mix(in lab,red,red)) {
  [data-slot="tooltip-content"] .\[\[data-slot\=tooltip-content\]_\&\]\:bg-background\/20 { background-color: color-mix(in oklab,var(--background)20%,transparent); }
}
  [data-slot="tooltip-content"] .\[\[data-slot\=tooltip-content\]_\&\]\:text-background { color: var(--background); }
  [data-slot="tooltip-content"] .dark\:\[\[data-slot\=tooltip-content\]_\&\]\:bg-background\/10:is(.dark *) { background-color: var(--background); }
  @supports (color:color-mix(in lab,red,red)) {
  [data-slot="tooltip-content"] .dark\:\[\[data-slot\=tooltip-content\]_\&\]\:bg-background\/10:is(.dark *) { background-color: color-mix(in oklab,var(--background)10%,transparent); }
}
  [data-variant="legend"] + .\[\[data-variant\=legend\]\+\&\]\:-mt-1\.5 { margin-top: calc(var(--spacing)*-1.5); }
  @media (hover: hover) {
  a.\[a\&\]\:hover\:bg-accent:hover { background-color: var(--accent); }
  a.\[a\&\]\:hover\:bg-destructive\/90:hover { background-color: var(--destructive); }
  @supports (color:color-mix(in lab,red,red)) {
  a.\[a\&\]\:hover\:bg-destructive\/90:hover { background-color: color-mix(in oklab,var(--destructive)90%,transparent); }
}
  a.\[a\&\]\:hover\:bg-primary\/90:hover { background-color: var(--primary); }
  @supports (color:color-mix(in lab,red,red)) {
  a.\[a\&\]\:hover\:bg-primary\/90:hover { background-color: color-mix(in oklab,var(--primary)90%,transparent); }
}
  a.\[a\&\]\:hover\:bg-secondary\/90:hover { background-color: var(--secondary); }
  @supports (color:color-mix(in lab,red,red)) {
  a.\[a\&\]\:hover\:bg-secondary\/90:hover { background-color: color-mix(in oklab,var(--secondary)90%,transparent); }
}
  a.\[a\&\]\:hover\:text-accent-foreground:hover { color: var(--accent-foreground); }
}
}
@property --tw-animation-delay { syntax: "*"; inherits: false; initial-value: 0s; }
@property --tw-animation-direction { syntax: "*"; inherits: false; initial-value: normal; }
@property --tw-animation-duration { syntax: "*"; inherits: false; }
@property --tw-animation-fill-mode { syntax: "*"; inherits: false; initial-value: none; }
@property --tw-animation-iteration-count { syntax: "*"; inherits: false; initial-value: 1; }
@property --tw-enter-blur { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-enter-opacity { syntax: "*"; inherits: false; initial-value: 1; }
@property --tw-enter-rotate { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-enter-scale { syntax: "*"; inherits: false; initial-value: 1; }
@property --tw-enter-translate-x { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-enter-translate-y { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-exit-blur { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-exit-opacity { syntax: "*"; inherits: false; initial-value: 1; }
@property --tw-exit-rotate { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-exit-scale { syntax: "*"; inherits: false; initial-value: 1; }
@property --tw-exit-translate-x { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-exit-translate-y { syntax: "*"; inherits: false; initial-value: 0; }
:root { --radius: .75rem; --background: oklch(18% .022 210); --foreground: oklch(93% .012 75); --card: oklch(22% .026 210); --card-foreground: oklch(93% .012 75); --popover: oklch(22% .026 210); --popover-foreground: oklch(93% .012 75); --primary: oklch(72% .12 75); --primary-foreground: oklch(18% .022 210); --secondary: oklch(26% .028 210); --secondary-foreground: oklch(88% .01 75); --muted: oklch(24% .024 210); --muted-foreground: oklch(62% .022 200); --accent: oklch(48% .09 185); --accent-foreground: oklch(95% .01 75); --destructive: oklch(65% .22 25); --destructive-foreground: oklch(98% 0 0); --border: oklch(100% 0 0/.1); --input: oklch(100% 0 0/.12); --ring: oklch(72% .12 75); --chart-1: oklch(72% .12 75); --chart-2: oklch(55% .1 185); --chart-3: oklch(65% .08 195); --chart-4: oklch(45% .08 185); --chart-5: oklch(35% .06 195); --sidebar: oklch(20% .024 210); --sidebar-foreground: oklch(93% .012 75); --sidebar-primary: oklch(72% .12 75); --sidebar-primary-foreground: oklch(18% .022 210); --sidebar-accent: oklch(26% .028 210); --sidebar-accent-foreground: oklch(93% .012 75); --sidebar-border: oklch(100% 0 0/.1); --sidebar-ring: oklch(72% .12 75); --gold: oklch(72% .12 75); --gold-muted: oklch(48% .09 75); --teal-accent: oklch(55% .11 185); --surface: oklch(22% .026 210); --surface-elevated: oklch(26% .028 210); --cream: oklch(93% .012 75); --cream-muted: oklch(62% .022 200); }
.light { --background: oklch(97% .006 80); --foreground: oklch(15% .01 50); --card: oklch(100% 0 0); --card-foreground: oklch(15% .01 50); --popover: oklch(100% 0 0); --popover-foreground: oklch(15% .01 50); --primary: oklch(42% .1 185); --primary-foreground: oklch(98% 0 0); --secondary: oklch(94% .01 80); --secondary-foreground: oklch(30% .02 55); --muted: oklch(95% .008 80); --muted-foreground: oklch(48% .02 65); --accent: oklch(42% .1 185); --accent-foreground: oklch(98% 0 0); --destructive: oklch(58% .22 25); --destructive-foreground: oklch(98% 0 0); --border: oklch(0% 0 0/.09); --input: oklch(0% 0 0/.07); --ring: oklch(42% .1 185); --chart-1: oklch(60% .12 65); --chart-2: oklch(42% .1 185); --chart-3: oklch(55% .08 185); --chart-4: oklch(42% .1 175); --chart-5: oklch(35% .06 185); --sidebar: oklch(94% .01 80); --sidebar-foreground: oklch(15% .01 50); --sidebar-primary: oklch(42% .1 185); --sidebar-primary-foreground: oklch(98% 0 0); --sidebar-accent: oklch(90% .012 80); --sidebar-accent-foreground: oklch(15% .01 50); --sidebar-border: oklch(0% 0 0/.08); --sidebar-ring: oklch(42% .1 185); --gold: oklch(60% .12 65); --gold-muted: oklch(42% .08 65); --teal-accent: oklch(42% .1 185); --surface: oklch(97% .006 80); --surface-elevated: oklch(100% 0 0); --cream: oklch(15% .01 50); --cream-muted: oklch(48% .02 65); }
.player-title-marquee-track { width: max-content; animation: player-title-marquee var(--player-title-scroll-duration,18s)linear infinite; align-items: center; gap: 2.5rem; display: flex; }
@keyframes player-title-marquee { 
  0%, 14% { transform: translate(0px); }
  48%, 64% { transform: translate(calc(-1*var(--player-title-scroll-distance,0px))); }
  100% { transform: translate(0px); }
}
@media (prefers-reduced-motion: reduce) {
  .player-title-marquee-track { animation: auto ease 0s 1 normal none running none; }
}
@media (max-width: 767px) {
  .player-mobile-artwork { width: clamp(164px, min(56vw, 28svh), 216px) !important; height: clamp(164px, min(56vw, 28svh), 216px) !important; margin-top: clamp(0.5rem, 1.6svh, 1rem) !important; margin-bottom: clamp(0.5rem, 1.4svh, 0.9rem) !important; }
  .player-mobile-identity { margin-bottom: clamp(0.25rem, 0.8svh, 0.5rem) !important; }
  .player-mobile-title { font-size: clamp(1.05rem, 5vw, 1.32rem) !important; }
  [data-mobile-action-rail] button { font-size: clamp(0.42rem, 1.8vw, 0.5rem); }
}
@media (max-width: 767px) and (max-height: 860px) {
  .player-mobile-artwork { width: clamp(142px, min(46vw, 20svh), 176px) !important; height: clamp(142px, min(46vw, 20svh), 176px) !important; margin-top: 0.25rem !important; margin-bottom: 0.35rem !important; }
  .player-mobile-identity, .player-mobile-timeline { margin-bottom: 0.15rem !important; }
  [data-mobile-control-stack] { gap: 0.35rem !important; }
  [data-mobile-transport-dock] { padding-top: 0.35rem !important; padding-bottom: 0.35rem !important; }
  [data-mobile-primary-play] { width: 3.5rem !important; height: 3.5rem !important; }
  [data-mobile-action-rail] { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; }
  [data-mobile-action-rail] button { min-height: 2.75rem !important; }
}
@media (max-width: 767px) and (max-height: 700px) {
  .player-mobile-artwork { width: clamp(120px, min(40vw, 18svh), 144px) !important; height: clamp(120px, min(40vw, 18svh), 144px) !important; margin-top: 0px !important; margin-bottom: 0.2rem !important; }
  .player-mobile-title { font-size: 1rem !important; }
  .player-mobile-timeline > div:first-child { height: 32px !important; }
}
.mobile-portrait-guard { display: none; }
@media (orientation: landscape) and (pointer: coarse) and (max-height: 600px) {
  .mobile-portrait-guard { color: rgb(31, 107, 107); padding: max(1.5rem,env(safe-area-inset-top))max(1.5rem,env(safe-area-inset-right))max(1.5rem,env(safe-area-inset-bottom))max(1.5rem,env(safe-area-inset-left)); text-align: center; z-index: 2147483647; background: rgb(247, 245, 240); justify-content: center; align-items: center; display: flex; position: fixed; inset: 0px; }
  .mobile-portrait-guard__card { max-width: 18rem; }
  .mobile-portrait-guard__icon { width: 3.5rem; height: 3.5rem; margin: 0px auto 0.875rem; display: block; }
  .mobile-portrait-guard__title { color: rgb(26, 26, 26); margin: 0px; font-size: 1.125rem; font-weight: 700; line-height: 1.35; }
  .mobile-portrait-guard__copy { color: rgb(90, 80, 64); margin: 0.375rem 0px 0px; font-size: 0.875rem; line-height: 1.5; }
}
@property --tw-border-spacing-x { syntax: "<length>"; inherits: false; initial-value: 0; }
@property --tw-border-spacing-y { syntax: "<length>"; inherits: false; initial-value: 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-space-y-reverse { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-space-x-reverse { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-divide-y-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-ordinal { syntax: "*"; inherits: false; }
@property --tw-slashed-zero { syntax: "*"; inherits: false; }
@property --tw-numeric-figure { syntax: "*"; inherits: false; }
@property --tw-numeric-spacing { syntax: "*"; inherits: false; }
@property --tw-numeric-fraction { 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-backdrop-blur { syntax: "*"; inherits: false; }
@property --tw-backdrop-brightness { syntax: "*"; inherits: false; }
@property --tw-backdrop-contrast { syntax: "*"; inherits: false; }
@property --tw-backdrop-grayscale { syntax: "*"; inherits: false; }
@property --tw-backdrop-hue-rotate { syntax: "*"; inherits: false; }
@property --tw-backdrop-invert { syntax: "*"; inherits: false; }
@property --tw-backdrop-opacity { syntax: "*"; inherits: false; }
@property --tw-backdrop-saturate { syntax: "*"; inherits: false; }
@property --tw-backdrop-sepia { syntax: "*"; inherits: false; }
@property --tw-duration { syntax: "*"; inherits: false; }
@property --tw-ease { syntax: "*"; inherits: false; }
@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; }
@property --tw-content { syntax: "*"; inherits: false; initial-value: ""; }
@keyframes spin { 
  100% { transform: rotate(360deg); }
}
@keyframes pulse { 
  50% { opacity: 0.5; }
}
@keyframes enter { 
  0% { opacity: var(--tw-enter-opacity,1); transform: translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0)); filter: blur(var(--tw-enter-blur,0)); }
}
@keyframes exit { 
  100% { opacity: var(--tw-exit-opacity,1); transform: translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0)); filter: blur(var(--tw-exit-blur,0)); }
}
@keyframes accordion-down { 
  0% { height: 0px; }
  100% { height: var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,var(--ngp-accordion-content-height,auto))))); }
}
@keyframes accordion-up { 
  0% { height: var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,var(--ngp-accordion-content-height,auto))))); }
  100% { height: 0px; }
}
@keyframes caret-blink { 
  0%, 70%, 100% { opacity: 1; }
  20%, 50% { opacity: 0; }
}
/* == https://havineini-demo.sites.tab.bot/topics.css?v=c6 == */
body[data-hv6-m] [data-loc$="Shiurim.tsx:453"], body[data-hv6-m] [data-loc$="Shiurim.tsx:594"] { display: none !important; }
body[data-hv6-f] [data-loc$="Shiurim.tsx:918"] { display: none !important; }
@keyframes hv6In { 
  0% { opacity: 0; transform: translateY(6px); }
  100% { opacity: 1; transform: none; }
}
@keyframes hv6Drop { 
  0% { opacity: 0; transform: translateY(-4px) scale(0.98); }
  100% { opacity: 1; transform: none; }
}
.hv6-none { font-size: 13px; color: rgb(138, 126, 110); text-align: center; padding: 22px 10px; }
.hv6-demo { font-size: 9px; font-weight: 600; color: rgb(138, 126, 110); border: 1px solid rgba(138, 126, 110, 0.35); border-radius: 999px; padding: 1px 5px; line-height: 1.2; }
.hv6-row { animation-duration: 0.35s; animation-timing-function: cubic-bezier(0.2, 0.8, 0.2, 1); animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: both; animation-play-state: running; animation-name: hv6In; animation-timeline: auto; animation-range: normal; animation-delay: calc(var(--i)*22ms); }
#hv6-home { margin-top: 22px; }
#hv6-home .hv6-hd { margin-bottom: 12px; }
.hv6-box { direction: rtl; background: rgba(31, 107, 107, 0.055); border: 1.5px solid rgba(31, 107, 107, 0.26); border-radius: 16px; padding: 13px 13px 12px; color: rgb(26, 26, 26); }
.hv6-bh { display: flex; align-items: center; gap: 10px; width: 100%; background: none; border: 0px; padding: 0px; margin: 0px 0px 11px; text-align: right; font: inherit; color: inherit; cursor: pointer; -webkit-tap-highlight-color: transparent; }
.hv6-bh .ic { width: 32px; height: 32px; border-radius: 10px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; background: rgba(31, 107, 107, 0.12); color: rgb(31, 107, 107); }
.hv6-bh .tt { display: flex; flex-direction: column; gap: 2px; min-width: 0px; }
.hv6-bh b { font-family: "Frank Ruhl Libre", "Noto Sans Hebrew", serif; font-size: 17px; font-weight: 700; line-height: 1.15; color: rgb(26, 26, 26); }
.hv6-bh small { font-size: 11.5px; color: rgb(90, 80, 64); line-height: 1.3; }
.hv6-field { position: relative; display: flex; align-items: center; height: 40px; border-radius: 12px; background: rgb(255, 255, 255); border: 1px solid rgba(31, 107, 107, 0.2); box-shadow: rgba(31, 107, 107, 0.06) 0px 1px 4px; margin: 0px; cursor: text; }
.hv6-field:focus-within { border-color: rgb(31, 107, 107); box-shadow: rgba(31, 107, 107, 0.12) 0px 0px 0px 3px; }
.hv6-field .mg { display: flex; padding: 0px 11px 0px 6px; color: rgb(31, 107, 107); opacity: 0.85; }
.hv6-field input { flex: 1 1 0%; min-width: 0px; height: 100%; border: 0px; outline: 0px; background: transparent; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 14px; color: rgb(26, 26, 26); direction: rtl; appearance: none; }
.hv6-field input::-webkit-search-cancel-button { display: none; }
.hv6-field input::placeholder { color: rgb(154, 143, 128); }
.hv6-field .clr { display: none; width: 28px; height: 28px; margin-left: 6px; border: 0px; border-radius: 8px; background: rgba(31, 107, 107, 0.08); color: rgb(31, 107, 107); font-size: 11px; cursor: pointer; }
.hv6-has .hv6-field .clr, .hv6-q .hv6-field .clr { display: flex; align-items: center; justify-content: center; }
.hv6-chips { display: flex; align-items: center; gap: 7px; margin-top: 11px; flex-wrap: nowrap; }
.hv6-chip { flex-shrink: 0; font-style: inherit; font-variant: inherit; font-stretch: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 12.5px; font-weight: 600; line-height: 1; padding: 8px 11px 8px 12px; border-radius: 9px; border-top: 0px; border-bottom: 0px; border-left: 0px; border-image: none; border-right: 3px solid var(--ac); background: var(--t10); color: var(--ac); cursor: pointer; white-space: nowrap; -webkit-tap-highlight-color: transparent; transition: transform 0.15s; }
.hv6-chip:active, .hv6-tb:active, .hv6-tag:active, .hv6-pl:active { transform: scale(0.96); }
.hv6-all { margin-right: auto; flex-shrink: 0; font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 12.5px; font-weight: 700; color: rgb(31, 107, 107); background: none; border: 0px; padding: 6px 2px; cursor: pointer; white-space: nowrap; }
.hv6-hres { display: none; margin-top: 8px; }
.hv6-has .hv6-hres { display: flex; flex-direction: column; gap: 6px; }
.hv6-has .hv6-chips { display: none; }
.hv6-res { display: flex; align-items: center; gap: 8px; width: 100%; text-align: right; font: inherit; background: rgb(255, 255, 255); border-top-color: ; border-top-style: ; border-top-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-right: 3px solid var(--ac); border-radius: 10px; padding: 9px 11px; cursor: pointer; animation: 0.25s ease 0s 1 normal both running hv6In; }
.hv6-res b { font-size: 13.5px; font-weight: 700; color: var(--ac); }
.hv6-res small { font-size: 11px; color: rgb(138, 126, 110); flex: 1 1 0%; min-width: 0px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hv6-res i { font-style: normal; color: var(--ac); font-size: 15px; line-height: 1; }
#hv6-m { width: 100%; box-sizing: border-box; align-self: stretch; direction: rtl; color: rgb(26, 26, 26); padding: 14px 16px 120px; max-width: 720px; margin: 0px auto; animation: 0.3s ease 0s 1 normal both running hv6In; }
.hv6-top { display: flex; align-items: flex-start; gap: 10px; margin: 4px 0px 12px; }
.hv6-top .tt, .hv6-lt .tt { flex: 1 1 0%; min-width: 0px; }
.hv6-top h2 { font-family: "Frank Ruhl Libre", "Noto Sans Hebrew", serif; font-size: 24px; font-weight: 700; line-height: 1.15; margin: 0px; color: rgb(26, 26, 26); }
.hv6-top p { font-size: 12.5px; color: rgb(90, 80, 64); margin: 4px 0px 0px; }
.hv6-x { flex-shrink: 0; display: inline-flex; align-items: center; gap: 5px; height: 30px; padding: 0px 12px; border-radius: 999px; border: 1px solid rgba(31, 107, 107, 0.25); background: rgb(255, 255, 255); color: rgb(31, 107, 107); font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 12px; font-weight: 700; cursor: pointer; white-space: nowrap; }
.hv6-x span { font-size: 10px; }
.hv6-field.big { height: 44px; margin-bottom: 16px; border-radius: 13px; }
.hv6-mres { display: none; }
.hv6-q .hv6-mres { display: flex; flex-direction: column; gap: 7px; }
.hv6-q .hv6-feeds { display: none; }
.hv6-feeds { display: flex; flex-direction: column; gap: 9px; }
.hv6-feed { background: rgb(255, 255, 255); border-top-color: ; border-top-style: ; border-top-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-right: 4px solid var(--ac); border-radius: 13px; overflow: hidden; animation-duration: 0.3s; animation-timing-function: ease; animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: both; animation-play-state: running; animation-name: hv6In; animation-timeline: auto; animation-range: normal; animation-delay: calc(var(--fi)*25ms); box-shadow: rgba(0, 0, 0, 0.03) 0px 1px 3px; }
.hv6-fr { display: flex; align-items: center; gap: 8px; width: 100%; background: none; border: 0px; padding: 13px 14px; font: inherit; text-align: right; cursor: pointer; -webkit-tap-highlight-color: transparent; }
.hv6-fr b { font-size: 15px; font-weight: 700; color: var(--ac); }
.hv6-fr small { margin-right: auto; font-size: 11.5px; color: rgb(138, 126, 110); }
.hv6-fr .cv { color: var(--ac); transition: transform 0.25s; }
.hv6-feed.open .hv6-fr { background: var(--t04); border-bottom: 1px solid var(--t14); }
.hv6-feed.open .hv6-fr .cv { transform: rotate(180deg); }
.hv6-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; padding: 11px 11px 12px; animation: 0.25s ease 0s 1 normal both running hv6Drop; }
.hv6-tb { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 6px; min-height: 44px; padding: 9px 12px 9px 10px; border-radius: 10px; background: var(--t07); border-top-color: ; border-top-style: ; border-top-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-right: 3px solid var(--ac); font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 13.5px; font-weight: 600; color: var(--ac); text-align: right; cursor: pointer; -webkit-tap-highlight-color: transparent; transition: background 0.2s, color 0.2s; }
.hv6-tb span { line-height: 1.25; }
.hv6-tb .cv { flex-shrink: 0; opacity: 0.75; transition: transform 0.25s; }
.hv6-tb.sel { background: var(--ac); color: rgb(255, 255, 255); border-color: var(--ac); }
.hv6-tb.sel .cv { transform: rotate(180deg); opacity: 1; }
.hv6-drop { grid-column: 1 / -1; position: relative; background: rgb(255, 255, 255); border: 1px solid var(--t30); border-radius: 12px; padding: 11px 12px 12px; margin-top: 2px; box-shadow: rgba(0, 0, 0, 0.06) 0px 6px 18px; animation: 0.22s ease 0s 1 normal both running hv6Drop; }
.hv6-drop .notch { position: absolute; top: -6px; width: 10px; height: 10px; background: rgb(255, 255, 255); border-left: 1px solid var(--t30); border-top: 1px solid var(--t30); transform: rotate(45deg); }
.hv6-drop .dh { display: flex; align-items: baseline; gap: 8px; margin-bottom: 9px; }
.hv6-drop .dh b { font-size: 13.5px; color: var(--ac); }
.hv6-drop .dh small { font-size: 11px; color: rgb(138, 126, 110); }
.hv6-drop .pills { display: flex; flex-wrap: wrap; gap: 6px; }
.hv6-drop .grp { flex-basis: 100%; font-size: 10.5px; font-weight: 700; color: rgb(138, 126, 110); margin: 5px 2px 0px; }
.hv6-pl { font-style: inherit; font-variant: inherit; font-stretch: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 12px; font-weight: 600; line-height: 1; padding: 7px 11px; border-radius: 999px; background: var(--t07); border: 1px solid var(--t22); color: var(--ac); cursor: pointer; white-space: nowrap; }
.hv6-pl.all { background: var(--ac); border-color: var(--ac); color: rgb(255, 255, 255); }
.hv6-lt { display: flex; align-items: flex-start; gap: 10px; margin: 2px 0px 12px; }
.hv6-lt h2 { font-family: "Frank Ruhl Libre", "Noto Sans Hebrew", serif; font-size: 22px; font-weight: 700; margin: 0px; color: var(--ac); line-height: 1.2; }
.hv6-lt h2 .sep { opacity: 0.5; font-weight: 400; }
.hv6-lt p { font-size: 12px; color: rgb(138, 126, 110); margin: 3px 0px 0px; }
.hv6-subs { display: flex; gap: 6px; overflow-x: auto; scrollbar-width: none; margin: 0px -16px 12px; padding: 2px 16px 4px; }
.hv6-subs::-webkit-scrollbar { display: none; }
.hv6-sp { flex-shrink: 0; font-style: inherit; font-variant: inherit; font-stretch: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 12px; font-weight: 600; line-height: 1; padding: 7px 11px; border-radius: 999px; background: var(--t07); border: 1px solid var(--t22); color: var(--ac); cursor: pointer; white-space: nowrap; }
.hv6-sp.on { background: var(--ac); border-color: var(--ac); color: rgb(255, 255, 255); }
.hv6-rows { display: flex; flex-direction: column; gap: 8px; direction: ltr; }
#hv6-tags { position: absolute; left: 0px; right: 0px; top: 100%; direction: rtl; background: rgb(247, 245, 240); padding: 2px 0px 8px; transition: opacity 0.22s, transform 0.22s; z-index: 5; }
#hv6-tags.pin { position: fixed; z-index: 30; padding-top: 8px; box-shadow: rgba(0, 0, 0, 0.18) 0px 6px 12px -8px; }
#hv6-tags.hide { opacity: 0; transform: translateY(-12px); pointer-events: none; }
#hv6-tags .sc { display: flex; gap: 6px; overflow-x: auto; scrollbar-width: none; padding: 0px 16px; }
#hv6-tags .sc::-webkit-scrollbar { display: none; }
#hv6-sp { flex-shrink: 0; height: 38px; }
.hv6-tag { flex-shrink: 0; display: inline-flex; align-items: center; gap: 3px; height: 28px; font-style: inherit; font-variant: inherit; font-stretch: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 12.5px; font-weight: 600; line-height: 1; padding: 0px 10px; border-radius: 6px; border-top: 0px; border-bottom: 0px; border-left: 0px; border-image: none; border-right: 3px solid var(--ac); background: var(--t07); color: var(--ac); cursor: pointer; white-space: nowrap; -webkit-tap-highlight-color: transparent; transition: background 0.2s, color 0.2s; }
.hv6-tag .cv { opacity: 0.7; transition: transform 0.2s; }
.hv6-tag.on { background: var(--ac); color: rgb(255, 255, 255); }
.hv6-tag.on .cv { opacity: 1; }
.hv6-tag.dd .cv { transform: rotate(180deg); }
.hv6-tomap { flex-shrink: 0; height: 28px; font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 12px; font-weight: 700; color: rgb(31, 107, 107); background: none; border: 0px; padding: 0px 6px; cursor: pointer; white-space: nowrap; }
.hv6-dd { position: absolute; top: 36px; min-width: 150px; max-width: 240px; max-height: 300px; overflow-y: auto; background: rgb(255, 255, 255); border: 1px solid var(--t30); border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.12) 0px 10px 26px; padding: 5px; animation: 0.18s ease 0s 1 normal both running hv6Drop; z-index: 6; }
.hv6-dd .it { display: block; width: 100%; text-align: right; font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 13px; font-weight: 600; color: var(--ac); background: none; border: 0px; border-radius: 7px; padding: 9px 10px; cursor: pointer; white-space: nowrap; }
.hv6-dd .it + .it { border-top: 1px solid var(--t10); border-radius: 0px; }
.hv6-dd .it.on { background: var(--t10); border-radius: 7px; }
.hv6-dd .grp { font-size: 10.5px; font-weight: 700; color: rgb(138, 126, 110); padding: 8px 10px 3px; }
#hv6-home { margin-top: 16px; }
#hv6-home .hv6-hd { margin-bottom: 8px; }
.hv6-box.hv7-slim { padding: 9px 10px; border-radius: 13px; border-width: 1px; }
.hv7-top { display: flex; align-items: center; gap: 8px; margin: 0px 0px 7px; }
.hv7-slim .hv6-bh { flex: 1 1 0%; min-width: 0px; margin: 0px; }
.hv7-slim .hv6-bh .tt { gap: 1px; }
.hv7-slim .hv6-bh b { font-size: 15px; line-height: 1.1; }
.hv7-slim .hv6-bh small { font-size: 10.5px; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hv7-allbtn { flex-shrink: 0; font-style: inherit; font-variant: inherit; font-stretch: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 13px; font-weight: 800; line-height: 1; color: rgb(255, 255, 255); background: rgb(31, 107, 107); border: 0px; border-radius: 10px; padding: 10px 13px; cursor: pointer; white-space: nowrap; box-shadow: rgba(31, 107, 107, 0.28) 0px 2px 6px; -webkit-tap-highlight-color: transparent; transition: transform 0.15s; }
.hv7-allbtn:active { transform: scale(0.96); }
.hv7-slim .hv6-field { height: 34px; border-radius: 10px; }
.hv7-slim .hv6-field .mg { padding: 0px 9px 0px 4px; }
.hv7-slim .hv6-field input { font-size: 13px; }
.hv7-slim .hv6-field .clr { width: 24px; height: 24px; }
.hv7-slim .hv6-chips { gap: 5px; margin-top: 7px; overflow-x: auto; scrollbar-width: none; }
.hv7-slim .hv6-chips::-webkit-scrollbar { display: none; }
.hv7-slim .hv6-chip { font-size: 12px; padding: 6px 9px 6px 10px; border-radius: 8px; }
.hv7-pin { flex-shrink: 0; margin-right: auto; font-style: inherit; font-variant: inherit; font-stretch: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 11.5px; font-weight: 700; line-height: 1; color: rgb(31, 107, 107); background: transparent; border: 1px dashed rgba(31, 107, 107, 0.45); border-radius: 8px; padding: 6px 8px; cursor: pointer; white-space: nowrap; }
.hv7-slim .hv6-hres { margin-top: 7px; }
#hv7-pin { position: fixed; inset: 0px; z-index: 2147483000; display: flex; align-items: flex-end; justify-content: center; background: rgba(26, 26, 26, 0.38); animation: 0.2s ease 0s 1 normal none running hv6In; }
#hv7-pin .sh { width: 100%; max-width: 520px; max-height: 86vh; display: flex; flex-direction: column; background: rgb(247, 245, 240); border-radius: 22px 22px 0px 0px; box-shadow: rgba(0, 0, 0, 0.18) 0px -10px 40px; font-family: inherit; color: rgb(26, 26, 26); }
#hv7-pin .gr { width: 38px; height: 4px; border-radius: 4px; background: rgba(0, 0, 0, 0.15); margin: 8px auto 0px; }
#hv7-pin .hd { display: flex; align-items: center; gap: 8px; padding: 10px 16px 6px; }
#hv7-pin .hd b { font-size: 16px; flex: 1 1 0%; }
#hv7-pin .hd small { font-size: 11.5px; color: rgb(138, 126, 110); font-weight: 600; }
#hv7-pin .x { width: 30px; height: 30px; border-radius: 50%; border: 0px; background: rgba(0, 0, 0, 0.06); font-size: 14px; color: rgb(90, 80, 64); }
#hv7-pin .bd { overflow-y: auto; padding: 0px 14px 8px; }
#hv7-pin .gl { display: flex; align-items: center; gap: 6px; font-size: 11.5px; font-weight: 800; color: rgb(90, 80, 64); margin: 12px 2px 7px; }
#hv7-pin .gl::before { content: ""; width: 3px; height: 12px; border-radius: 2px; background: rgb(200, 146, 42); }
#hv7-pin .gg { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 7px; }
#hv7-pin .it { display: flex; align-items: center; gap: 8px; min-height: 38px; padding: 6px 10px; border-radius: 12px; background: rgb(255, 255, 255); border-top: 1px solid rgba(0, 0, 0, 0.08); border-bottom: 1px solid rgba(0, 0, 0, 0.08); border-left: 1px solid rgba(0, 0, 0, 0.08); border-image: none; border-right: 3px solid var(--ac); font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 12.5px; font-weight: 600; color: rgb(26, 26, 26); text-align: right; }
#hv7-pin .it .cb { flex-shrink: 0; width: 18px; height: 18px; border-radius: 6px; border: 1.5px solid rgba(0, 0, 0, 0.25); display: flex; align-items: center; justify-content: center; color: rgb(255, 255, 255); font-size: 12px; line-height: 1; }
#hv7-pin .it.on { background: var(--t07); }
#hv7-pin .it.on .cb { background: var(--ac); border-color: var(--ac); }
#hv7-pin .it.dis { opacity: 0.4; }
#hv7-pin .it .n { flex: 1 1 0%; min-width: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#hv7-pin .ft { display: flex; align-items: center; gap: 10px; padding: 10px 16px calc(12px + env(safe-area-inset-bottom)); border-top: 1px solid rgba(0, 0, 0, 0.06); }
#hv7-pin .ft .c { flex: 1 1 0%; font-size: 12px; color: rgb(90, 80, 64); font-weight: 700; }
#hv7-pin .sv { height: 40px; padding: 0px 26px; border-radius: 999px; border: 0px; background: rgb(31, 107, 107); color: rgb(255, 255, 255); font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 14px; font-weight: 800; }
#hv7-pin .sv:disabled { opacity: 0.4; }
.hv7-toc { background: transparent; border: 0px; box-shadow: none; overflow: visible; }
.hv7-toc > .hv6-fr { background: rgb(255, 255, 255); border-top-color: ; border-top-style: ; border-top-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-right: 4px solid var(--ac); border-radius: 13px; }
.hv7-toc.open > .hv6-fr { background: rgb(255, 255, 255); border-bottom: 1px solid var(--t30); }
.hv7-subs { display: flex; flex-direction: column; gap: 7px; margin: 7px 18px 0px 0px; }
.hv7-sub .hv6-fr { padding: 11px 13px; }
.hv7-sub .hv6-fr b { font-size: 14px; }
.hv6-tb.fl .go { font-style: normal; font-size: 15px; opacity: 0.8; }
.hv6-pl .hv6-demo { margin-right: 3px; }
#hv7-ybox { --y: #567C21; display: flex; align-items: center; gap: 10px; margin: 12px 16px 0px; padding: 9px 10px 9px 12px; border-radius: 16px; background: rgb(255, 255, 255); border: 1px solid rgba(0, 0, 0, 0.08); box-shadow: rgba(0, 0, 0, 0.05) 0px 2px 8px; direction: rtl; }
#hv7-ybox .t { flex: 1 1 0%; min-width: 0px; display: flex; align-items: center; gap: 10px; background: none; border: 0px; padding: 0px; font: inherit; text-align: right; cursor: pointer; -webkit-tap-highlight-color: transparent; }
#hv7-ybox .ic { width: 34px; height: 34px; border-radius: 11px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; background: rgba(86, 124, 33, 0.082); color: var(--y); }
#hv7-ybox .tx { display: flex; flex-direction: column; gap: 1px; min-width: 0px; }
#hv7-ybox b { font-size: 14px; font-weight: 600; line-height: 1.25; color: rgb(26, 26, 26); }
#hv7-ybox small { font-size: 11px; line-height: 1.25; color: rgb(90, 80, 64); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#hv7-ybox .yb { flex-shrink: 0; font-style: inherit; font-variant: inherit; font-stretch: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 11.5px; font-weight: 700; line-height: 1; color: var(--y); background: rgba(86, 124, 33, 0.125); border: 1px solid rgba(86, 124, 33, 0.447); border-radius: 999px; padding: 7px 11px; cursor: pointer; white-space: nowrap; -webkit-tap-highlight-color: transparent; }
#hv7-ybox .yb:active, #hv7-ybox .t:active { transform: scale(0.97); }
.hv6-box.hv7-slim { background: rgb(255, 255, 255); border: 1px solid rgba(0, 0, 0, 0.08); box-shadow: rgba(0, 0, 0, 0.05) 0px 2px 8px; border-radius: 16px; padding: 13px 14px 12px; }
.hv7-top { gap: 10px; margin: 0px 0px 10px; }
.hv7-slim .hv6-bh .tt { gap: 3px; }
.hv7-slim .hv6-bh b { font-family: inherit; font-size: 20px; font-weight: 800; line-height: 1.15; letter-spacing: -0.01em; color: rgb(26, 26, 26); }
.hv7-slim .hv6-bh small { font-size: 12.5px; line-height: 1.3; color: rgb(90, 80, 64); }
.hv7-allbtn { font-size: 12.5px; font-weight: 700; color: rgb(31, 107, 107); background: rgba(31, 107, 107, 0.09); border: 1px solid rgba(31, 107, 107, 0.32); border-radius: 999px; padding: 8px 12px; box-shadow: none; }
.hv7-slim .hv6-field { height: 38px; border-radius: 12px; background: rgb(247, 245, 240); border: 1px solid rgba(0, 0, 0, 0.07); box-shadow: none; }
.hv7-slim .hv6-field:focus-within { background: rgb(255, 255, 255); border-color: rgb(31, 107, 107); box-shadow: rgba(31, 107, 107, 0.1) 0px 0px 0px 3px; }
.hv7-slim .hv6-field input { font-size: 13.5px; }
.hv7-slim .hv6-chips { gap: 6px; margin-top: 10px; }
.hv7-slim .hv6-chip { font-size: 12.5px; font-weight: 600; padding: 7px 12px; border-radius: 999px; border: 1px solid var(--t30); background: var(--t10); color: var(--ac); }
.hv7-pin { font-size: 12px; font-weight: 600; color: rgb(138, 126, 110); border: 0px; background: none; padding: 7px 4px; }
.hv6-box.hv7-slim { background: rgba(31, 107, 107, 0.05); border: 1px solid rgba(31, 107, 107, 0.19); border-radius: 16px; padding: 12px; box-shadow: none; }
.hv7-top { margin: 0px 0px 10px; }
.hv7-slim .hv6-bh .tt { gap: 2px; }
.hv7-slim .hv6-bh b { font-family: inherit; font-size: 20px; font-weight: 700; line-height: 1.2; color: rgb(31, 107, 107); letter-spacing: 0px; }
.hv7-slim .hv6-bh small { font-size: 12.5px; line-height: 1.3; color: rgb(111, 133, 130); white-space: normal; }
.hv7-srow { display: flex; align-items: center; gap: 8px; }
.hv7-slim .hv7-srow .hv6-field { flex: 1 1 auto; min-width: 0px; height: 40px; border-radius: 12px; background: rgb(255, 255, 255); border: 1px solid rgba(31, 107, 107, 0.22); box-shadow: none; }
.hv7-slim .hv7-srow .hv6-field:focus-within { border-color: rgb(31, 107, 107); box-shadow: rgba(31, 107, 107, 0.1) 0px 0px 0px 3px; }
.hv7-slim .hv7-srow .hv6-field .mg { padding: 0px 8px 0px 3px; }
.hv7-slim .hv7-srow .hv6-field .mg svg { width: 14px; height: 14px; }
.hv7-slim .hv7-srow .hv6-field input { font-size: 12px; padding: 0px; }
.hv7-slim .hv7-srow .hv6-field input::placeholder { font-size: 11.5px; color: rgb(143, 154, 152); }
.hv7-slim .hv7-srow .hv6-field .clr { width: 22px; height: 22px; margin-left: 5px; }
.hv7-allbtn { flex: 0 0 auto; display: flex; align-items: center; gap: 4px; height: 40px; box-sizing: border-box; padding: 0px 8px; border-radius: 12px; background: rgba(31, 107, 107, 0.08); border: 1px solid rgba(31, 107, 107, 0.25); box-shadow: none; color: rgb(31, 107, 107); font-style: inherit; font-variant: inherit; font-stretch: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 12.5px; font-weight: 600; line-height: 1; white-space: nowrap; cursor: pointer; -webkit-tap-highlight-color: transparent; transition: transform 0.15s; }
.hv7-allbtn .ar { font-size: 14px; }
.hv7-allbtn:active { transform: scale(0.97); }
.hv7-slim.hv6-has .hv7-allbtn { display: none; }
.hv7-slim .hv6-chips { gap: 7px; margin-top: 10px; }
.hv7-slim .hv6-chip { font-size: 13px; font-weight: 600; line-height: 1.15; padding: 6px 11px; border-radius: 10px; background: var(--t10); border-top-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-bottom-style: solid; border-left-style: solid; border-image: none; border-top-color: ; border-bottom-color: ; border-left-color: ; border-right: 4px solid var(--ac); color: var(--ac); }
.hv7-pin { font-size: 12px; font-weight: 400; color: rgb(111, 133, 130); border: 0px; background: none; padding: 6px 2px; }
.hv7-slim .hv6-chips .hv7-pin { margin-right: auto; }
#hv7-pin .au { margin: 4px 14px 8px; display: flex; align-items: center; gap: 10px; padding: 10px 12px; border-radius: 14px; background: rgba(31, 107, 107, 0.05); border: 1px solid rgba(31, 107, 107, 0.19); }
#hv7-pin .au .t { flex: 1 1 0%; min-width: 0px; }
#hv7-pin .au .t b { display: block; font-size: 13px; color: rgb(31, 107, 107); }
#hv7-pin .au .t span { display: block; font-size: 11px; color: rgb(111, 133, 130); margin-top: 2px; line-height: 1.35; }
#hv7-pin .sw { flex-shrink: 0; width: 42px; height: 24px; border-radius: 999px; background: rgba(0, 0, 0, 0.15); position: relative; border: 0px; transition: background 0.2s; cursor: pointer; }
#hv7-pin .sw::after { content: ""; position: absolute; top: 3px; right: 3px; width: 18px; height: 18px; border-radius: 50%; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.25) 0px 1px 3px; transition: right 0.2s; }
#hv7-pin .sw.on { background: rgb(31, 107, 107); }
#hv7-pin .sw.on::after { right: 21px; }
#hv7-pin.auto .bd { opacity: 0.45; }
.hv6-box.hv7-slim { padding: 9px 10px; }
.hv7-top { margin: 0px 0px 7px; }
.hv7-slim .hv6-bh .tt { flex-direction: row; align-items: baseline; gap: 0px; min-width: 0px; white-space: nowrap; overflow: hidden; }
.hv7-slim .hv6-bh b { font-size: 20px; line-height: 24px; flex-shrink: 0; }
.hv7-slim .hv6-bh .ds { font-style: normal; font-size: 12px; color: rgb(111, 133, 130); margin: 0px 6px; flex-shrink: 0; }
.hv7-slim .hv6-bh small { font-size: 12px; line-height: 24px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0px; }
.hv7-slim .hv7-srow .hv6-field { height: 34px; border-radius: 10px; }
.hv7-allbtn { height: 34px; border-radius: 10px; }
.hv7-slim .hv6-chips { margin-top: 7px; }
.hv7-slim .hv6-chip { font-size: 12.5px; line-height: 1; padding: 6px 10px; height: 26px; box-sizing: border-box; display: inline-flex; align-items: center; border-radius: 9px; }
.hv7-pin { padding: 4px 2px; }
.hv7-all { display: block; width: 100%; height: 30px; margin: 0px; padding: 8px 13px 0px; background: none; border: 0px; font-style: inherit; font-variant: inherit; font-stretch: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 13px; font-weight: 600; line-height: 22px; color: var(--ac); text-align: right; cursor: pointer; text-decoration-line: underline; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: var(--t30); text-underline-offset: 4px; -webkit-tap-highlight-color: transparent; }
.hv7-all + .hv6-grid { padding-top: 6px; }
.hv6-drop .hv7-dall { height: 28px; padding: 0px 1px; margin: -3px 0px 7px; line-height: 24px; }
.hv6-fr small { color: var(--ac) !important; font-weight: 600; }
.hv6-fr .cv { stroke: currentcolor; stroke-width: 2.6; stroke-linejoin: round; width: 17px !important; height: 17px !important; }
header[data-hv7ah] { position: fixed; top: 0px; left: 0px; right: 0px; transform: translateY(var(--hv7y,0px)); will-change: transform; }
[data-hv7pad] { padding-top: var(--hv7h,64px); }
.hv6-box.hv7-slim { margin-bottom: 96px; }
.hv8-n { display: none; }
.hv7-all .hv8-go { font-style: normal; margin-right: 4px; }
html[data-calm] .hv6-feed.open:not(.hv7-toc) .hv6-grid { display: block; padding: 0px; animation: auto ease 0s 1 normal none running none; }
html[data-calm] .hv6-feed.open:not(.hv7-toc) .hv6-tb, html[data-calm] .hv6-feed.open:not(.hv7-toc) .hv7-all { display: flex; align-items: center; justify-content: flex-start; gap: 10px; width: 100%; height: auto; min-height: 52px; margin: 0px; padding: 0px 16px; box-sizing: border-box; background: none; border-width: 1px 0px 0px; border-style: solid none none; border-color: rgba(0, 0, 0, 0.067) currentcolor currentcolor; border-image: none; border-radius: 0px; font-style: inherit; font-variant: inherit; font-stretch: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 15.5px; font-weight: 600; line-height: 1.3; color: rgb(26, 26, 26); text-decoration: none; text-align: right; box-shadow: none; }
html[data-calm] .hv6-feed.open:not(.hv7-toc) .hv6-tb .hv8-n, html[data-calm] .hv6-feed.open:not(.hv7-toc) .hv7-all .hv8-n { display: block; margin-right: auto; font-style: normal; font-size: 12.5px; font-weight: 500; color: rgb(138, 126, 110); white-space: nowrap; }
html[data-calm] .hv6-feed.open:not(.hv7-toc) .hv6-tb::after, html[data-calm] .hv6-feed.open:not(.hv7-toc) .hv7-all .hv8-go { content: "‹"; font-style: normal; font-size: 22px; font-weight: 400; line-height: 1; color: var(--ac); opacity: 0.7; margin: 0px 0px 2px; }
html[data-calm] .hv6-feed.open:not(.hv7-toc) .hv6-tb:active, html[data-calm] .hv6-feed.open:not(.hv7-toc) .hv7-all:active { background: var(--t04); transform: none; }
html[data-calm] .hv6-feed.open:not(.hv7-toc) .hv6-tb .cv, html[data-calm] .hv6-feed.open:not(.hv7-toc) .hv6-tb .go { display: none; }
html[data-calm] .hv6-feed.open:not(.hv7-toc) .hv7-all { color: var(--ac); font-weight: 700; }
html[data-calm] .hv6-feed.open:not(.hv7-toc) .hv7-all + .hv6-grid { padding-top: 0px; }
html[data-calm="A"] .hv6-feed.open:not(.hv7-toc) { border-right-width: 1px; border-color: var(--t22); box-shadow: rgba(0, 0, 0, 0.05) 0px 2px 10px; }
html[data-calm="A"] .hv6-feed.open:not(.hv7-toc) .hv6-fr { background: rgb(255, 255, 255); border-bottom: 0px; padding: 15px 16px; }
html[data-calm="A"] .hv6-feed.open:not(.hv7-toc) .hv6-fr b { font-size: 16px; }
html[data-calm="A"] .hv6-feed.open:not(.hv7-toc) .hv7-all { border-top: 1px solid var(--t14); }
html[data-calm="B"] #hv6-m:has(.hv6-feed.open:not(.hv7-toc)) .hv6-top, html[data-calm="B"] #hv6-m:has(.hv6-feed.open:not(.hv7-toc)) .hv6-field, html[data-calm="B"] #hv6-m:has(.hv6-feed.open:not(.hv7-toc)) .hv6-mres, html[data-calm="B"] #hv6-m:has(.hv6-feed.open:not(.hv7-toc)) .hv6-feed:not(.open) { display: none; }
html[data-calm="B"] .hv6-feed.open:not(.hv7-toc) { background: none; border: 0px; border-radius: 0px; box-shadow: none; overflow: visible; }
html[data-calm="B"] .hv6-feed.open:not(.hv7-toc) .hv6-fr { display: grid; grid-template-columns: 1fr; justify-items: start; gap: 2px; padding: 2px 2px 16px; background: none; border: 0px; }
html[data-calm="B"] .hv6-feed.open:not(.hv7-toc) .hv6-fr::before { content: "‹ כל הנושאים"; justify-self: start; font-size: 13px; font-weight: 600; color: rgb(31, 107, 107); margin-bottom: 12px; }
html[data-calm="B"] .hv6-feed.open:not(.hv7-toc) .hv6-fr b { font-family: "Frank Ruhl Libre", "Noto Sans Hebrew", serif; font-size: 27px; font-weight: 700; line-height: 1.15; color: var(--ac); }
html[data-calm="B"] .hv6-feed.open:not(.hv7-toc) .hv6-fr small { margin: 0px; font-size: 13px; font-weight: 500 !important; color: rgb(138, 126, 110) !important; }
html[data-calm="B"] .hv6-feed.open:not(.hv7-toc) .hv6-fr .cv { display: none; }
html[data-calm="B"] .hv6-feed.open:not(.hv7-toc) .hv6-grid, html[data-calm="B"] .hv6-feed.open:not(.hv7-toc) .hv7-all { background: rgb(255, 255, 255); }
html[data-calm="B"] .hv6-feed.open:not(.hv7-toc) .hv7-all { border-radius: 14px 14px 0px 0px; border-width: 1px 1px 0px; border-style: solid solid none; border-color: rgba(0, 0, 0, 0.07) rgba(0, 0, 0, 0.07) currentcolor; border-image: none; min-height: 56px; }
html[data-calm="B"] .hv6-feed.open:not(.hv7-toc) .hv6-grid { border-width: 0px 1px 1px; border-style: none solid solid; border-color: currentcolor rgba(0, 0, 0, 0.07) rgba(0, 0, 0, 0.07); border-image: none; border-radius: 0px 0px 14px 14px; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.04) 0px 2px 10px; }
html[data-calm="B"] .hv6-feed.open:not(.hv7-toc) .hv6-tb { min-height: 58px; font-size: 16px; padding: 0px 18px; border-top-color: rgba(0, 0, 0, 0.055); }
html[data-calm="B"] .hv6-feed.open:not(.hv7-toc) .hv7-all { padding: 0px 18px; font-size: 15px; }
@keyframes hv9Fade { 
  0% { opacity: 0; transform: translateY(-4px); }
  100% { opacity: 1; transform: none; }
}
@keyframes hv9In { 
  0% { opacity: 0; transform: translateX(-16px); }
  100% { opacity: 1; transform: none; }
}
html[data-calm] .hv6-feed.open:not(.hv7-toc) .hv6-tb.has::after { display: inline-block; transform: rotate(-90deg); transition: transform 0.22s; font-size: 22px; margin: 0px 2px 0px 4px; }
html[data-calm] .hv6-feed.open:not(.hv7-toc) .hv6-tb.has.sel::after { transform: rotate(90deg); opacity: 0.9; }
html[data-calm] .hv6-feed.open:not(.hv7-toc) .hv6-tb.has.sel { color: var(--ac); }
html[data-calm] .hv9-kids { padding: 0px 0px 6px; animation: 0.2s ease 0s 1 normal both running hv9Fade; }
html[data-calm] .hv6-feed.open:not(.hv7-toc) .hv9-kids .hv9-row { display: flex; align-items: center; gap: 10px; width: 100%; min-height: 44px; margin: 0px; padding: 0px 36px 0px 16px; box-sizing: border-box; border: 0px; border-radius: 0px; box-shadow: none; background: linear-gradient(rgba(0, 0, 0, 0.055), rgba(0, 0, 0, 0.055)) left top / calc(100% - 36px) 1px no-repeat; font-style: inherit; font-variant: inherit; font-stretch: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 14.5px; font-weight: 500; line-height: 1.3; color: rgb(58, 58, 58); text-align: right; cursor: pointer; }
html[data-calm] .hv6-feed.open:not(.hv7-toc) .hv9-kids .hv9-all { background: none; color: var(--ac); font-weight: 600; min-height: 40px; }
html[data-calm] .hv6-feed.open:not(.hv7-toc) .hv9-kids .hv9-row:active { background-color: var(--t04); }
html[data-calm] .hv6-feed.open:not(.hv7-toc) .hv9-row .hv8-n { display: block; margin-right: auto; font-style: normal; font-size: 12px; font-weight: 500; color: rgb(138, 126, 110); white-space: nowrap; }
html[data-calm] .hv6-feed.open:not(.hv7-toc) .hv9-row::after { content: "‹"; font-style: normal; font-size: 19px; font-weight: 400; line-height: 1; color: var(--ac); opacity: 0.5; margin: 0px 0px 2px; }
html[data-calm] .hv9-grp { padding: 12px 36px 4px 16px; font-size: 11.5px; font-weight: 600; color: rgb(138, 126, 110); background: linear-gradient(rgba(0, 0, 0, 0.055), rgba(0, 0, 0, 0.055)) left top / calc(100% - 36px) 1px no-repeat; }
html[data-calm] .hv9-kids .hv9-grp + .hv9-row { background-image: none; }
html[data-calm] .hv6-feed.open:not(.hv7-toc) .hv9-deep { animation: 0.22s ease 0s 1 normal both running hv9In; }
html[data-calm] .hv9-back { display: flex; align-items: center; gap: 8px; width: 100%; min-height: 50px; margin: 0px; padding: 0px 16px; box-sizing: border-box; border-width: 1px 0px 0px; border-style: solid none none; border-color: rgba(0, 0, 0, 0.067) currentcolor currentcolor; border-image: none; background: none; font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 15.5px; font-weight: 700; color: var(--ac); text-align: right; cursor: pointer; }
html[data-calm] .hv9-back i { font-style: normal; font-size: 21px; font-weight: 400; line-height: 1; opacity: 0.75; transform: scaleX(-1); margin-bottom: 2px; }
html[data-calm] .hv9-back:active { background: var(--t04); }
html[data-calm] .hv6-feed.open:not(.hv7-toc) .hv9-deep .hv9-row { display: flex; align-items: center; gap: 10px; width: 100%; min-height: 52px; margin: 0px; padding: 0px 16px; box-sizing: border-box; border-width: 1px 0px 0px; border-style: solid none none; border-color: rgba(0, 0, 0, 0.067) currentcolor currentcolor; border-image: none; border-radius: 0px; box-shadow: none; background: none; font-style: inherit; font-variant: inherit; font-stretch: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 15.5px; font-weight: 600; line-height: 1.3; color: rgb(26, 26, 26); text-align: right; cursor: pointer; }
html[data-calm] .hv6-feed.open:not(.hv7-toc) .hv9-deep .hv9-all { color: var(--ac); font-weight: 700; border-top-color: var(--t14); }
html[data-calm] .hv6-feed.open:not(.hv7-toc) .hv9-deep .hv9-row:active { background: var(--t04); }
html[data-calm] .hv9-deep .hv9-grp { background: none; border-top: 1px solid rgba(0, 0, 0, 0.067); padding: 12px 16px 5px; }
html[data-calm] .hv9-deep .hv9-grp + .hv9-row { border-top: 0px; }
html[data-calm] .hv6-feed.open:not(.hv7-toc) .hv9-row::after, html[data-calm] .hv6-feed.open:not(.hv7-toc) .hv7-all .hv8-go { display: inline-block; width: 7px; height: 7px; border-left: 2px solid var(--ac); border-bottom: 2px solid var(--ac); transform: rotate(45deg); opacity: 0.55; margin: 0px 4px 0px 2px; font-size: 0px; flex: 0 0 auto; content: "" !important; }
html[data-calm] .hv6-feed.open:not(.hv7-toc) .hv7-all .hv8-go { font-size: 0px; color: transparent; }
html[data-calm] .hv6-tb::after, html[data-calm] .hv6-fr::after { opacity: 0.55; flex: 0 0 auto; color: var(--ac,#1F6B6B); content: "" !important; display: inline-block !important; width: 7px !important; height: 7px !important; border-width: 0px 0px 2px 2px !important; border-style: none none solid solid !important; border-color: currentcolor !important; border-image: none !important; transform: rotate(45deg) !important; transition: none !important; margin: 0px 6px !important; font-size: 0px !important; background: none !important; }
html[data-calm] .hv6-tb.has::after, html[data-calm] .hv6-fr::after { position: relative; top: -2px; transform: rotate(-45deg) !important; }
html[data-calm] .hv6-tb.has.sel::after, html[data-calm] .hv6-feed.open > .hv6-fr::after { transform: rotate(135deg) !important; top: 2px; }
html[data-calm] .hv6-tb.has > svg.cv, html[data-calm] .hv6-fr > svg.cv { display: none !important; }
html[data-calm] .hv6-feed.open:not(.hv7-toc) .hv6-tb, html[data-calm] .hv6-feed.open:not(.hv7-toc) .hv9-deep .hv9-row:not(.hv9-all) { color: color-mix(in srgb,var(--ac) 72%,#fff); font-weight: 400; }
html[data-calm] .hv6-feed.open:not(.hv7-toc) .hv6-tb.has.sel { color: var(--ac); font-weight: 500; background: var(--t04); }
html[data-calm] .hv6-feed.open:not(.hv7-toc) .hv9-kids { margin: 0px 12px 10px; padding: 2px 0px; background: rgb(255, 255, 255); border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top: 0px; border-radius: 0px 0px 12px 12px; box-shadow: rgba(0, 0, 0, 0.12) 0px 8px 20px; max-height: 224px; overflow: hidden auto; overscroll-behavior: contain; box-sizing: border-box; }
html[data-calm] .hv6-feed.open:not(.hv7-toc) .hv9-kids .hv9-row { min-height: 40px; padding: 0px 14px 0px 10px; background: none; border-top: 1px solid rgba(0, 0, 0, 0.06); font-size: 14px; font-weight: 500; color: rgb(58, 58, 58); }
html[data-calm] .hv6-feed.open:not(.hv7-toc) .hv9-kids .hv9-row:first-child, html[data-calm] .hv6-feed.open:not(.hv7-toc) .hv9-kids .hv9-grp + .hv9-row { border-top: 0px; }
html[data-calm] .hv6-feed.open:not(.hv7-toc) .hv9-kids .hv9-all { color: var(--ac); font-weight: 600; min-height: 40px; }
html[data-calm] .hv6-feed.open:not(.hv7-toc) .hv9-kids .hv9-row > span { flex: 1 1 0%; min-width: 0px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html[data-calm] .hv6-feed.open:not(.hv7-toc) .hv9-kids .hv9-row .hv8-n { font-size: 12px; color: rgb(154, 154, 154); }
html[data-calm] .hv9-kids .hv9-grp { padding: 8px 14px 2px; font-size: 11px; background: none; border-top: 1px solid rgba(0, 0, 0, 0.06); }
html[data-calm] .hv6-tb::after, html[data-calm] .hv6-fr::after, html[data-calm] .hv6-feed.open:not(.hv7-toc) .hv9-row::after, html[data-calm] .hv6-feed.open:not(.hv7-toc) .hv7-all .hv8-go { opacity: 0.6; flex: 0 0 auto; content: "" !important; display: inline-block !important; width: 12px !important; height: 12px !important; border: 0px !important; transform: none !important; top: 0px !important; position: static !important; background: currentcolor !important; color: var(--ac,#1F6B6B) !important; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15 5 L8 12 L15 19' fill='none' stroke='black' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center center / contain no-repeat !important; margin: 0px 4px !important; font-size: 0px !important; }
html[data-calm] .hv6-tb.has::after, html[data-calm] .hv6-fr::after { transform: none !important; top: 0px !important; mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 9 L12 16 L19 9' fill='none' stroke='black' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important; }
html[data-calm] .hv6-tb.has.sel::after, html[data-calm] .hv6-feed.open > .hv6-fr::after { opacity: 0.85; transform: none !important; top: 0px !important; mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 15 L12 8 L19 15' fill='none' stroke='black' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important; }
.hvm-pill { display: inline-flex; align-items: center; gap: 3px; flex-shrink: 0; font-style: normal; font-size: 11.5px; font-weight: 600; color: var(--ac); background: color-mix(in srgb,var(--ac) 11%,#fff); border: 1px solid color-mix(in srgb,var(--ac) 30%,#fff); border-radius: 999px; padding: 2px 8px 2px 7px; line-height: 1.35; white-space: nowrap; margin-inline-start: 6px; }
.hvm-pill svg { transition: transform 0.25s; }
.hv6-tb.sel .hvm-pill svg { transform: rotate(180deg); }
html[data-calm] .hv6-tb.has::after { display: none !important; }
.hvd-dd { position: relative; z-index: 5; margin: -4px 0px 4px; animation: 0.18s ease 0s 1 normal both running hv6Drop; }
.hvd-dd.calm { width: 62%; margin: 2px 12px 8px auto; }
.hvd-sc { max-height: 170px; overflow-y: auto; overscroll-behavior: contain; background: rgb(255, 255, 255); border-radius: 12px; border: 1px solid var(--t30,rgba(0,0,0,.12)); box-shadow: rgba(0, 0, 0, 0.13) 0px 6px 18px; padding: 3px 0px; }
.hvd-sc::-webkit-scrollbar { width: 4px; }
.hvd-sc::-webkit-scrollbar-thumb { background: var(--t30,#ccc); border-radius: 4px; }
.hvd-dd .hvd-it, html[data-calm] .hvd-dd .hvd-it { text-align: right; display: block !important; width: 100% !important; min-height: 0px !important; background: none !important; border-width: 0px 0px 1px !important; border-style: none none solid !important; border-color: currentcolor currentcolor rgb(240, 240, 240) !important; border-image: none !important; border-radius: 0px !important; box-shadow: none !important; padding: 10px 14px !important; margin: 0px !important; font-size: 13.5px !important; font-weight: 500 !important; color: rgb(51, 51, 51) !important; line-height: 1.2 !important; }
.hvd-dd .hvd-it:last-child { border-bottom: 0px !important; }
.hvd-dd .hvd-it:active { background: var(--t07,#f4f4f4) !important; color: var(--ac) !important; }
.hvd-dd .hvd-it::after, .hvd-dd .hvd-it::before { display: none !important; content: none !important; }
.hvd-dd.calm { width: 55%; }
/* == https://havineini-demo.sites.tab.bot/hvx.css?v=h7 == */
.hvx-seg { display: flex; width: max-content; gap: 2px; padding: 3px; margin: 8px auto 10px; background: rgb(233, 239, 238); border-radius: 999px; font-family: inherit; direction: ltr; }
.hvx-seg button { flex: 0 0 auto; height: 28px; padding: 0px 14px; border: 0px; border-radius: 999px; background: transparent; font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 13px; font-weight: 500; color: rgb(107, 123, 122); cursor: pointer; -webkit-tap-highlight-color: transparent; }
.hvx-seg button.on { background: rgb(255, 255, 255); color: rgb(31, 107, 107); font-weight: 700; box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px; }
.hvx-help { font-size: 12.5px; color: rgb(122, 135, 134); margin: 6px 4px 2px; line-height: 1.4; }
.hvx-ban { display: flex; align-items: center; gap: 9px; width: 100%; box-sizing: border-box; padding: 7px 12px; margin: 0px; border-radius: 12px; background: rgb(238, 245, 244); border: 1px solid rgb(211, 228, 226); text-align: right; font: inherit; color: rgb(31, 107, 107); cursor: pointer; -webkit-tap-highlight-color: transparent; }
.hvx-ban .ic { width: 26px; height: 26px; border-radius: 7px; background: rgb(255, 255, 255); display: flex; align-items: center; justify-content: center; flex: 0 0 auto; border: 1px solid rgb(211, 228, 226); }
.hvx-ban .tx { flex: 1 1 0%; min-width: 0px; display: flex; align-items: baseline; gap: 8px; white-space: nowrap; overflow: hidden; }
.hvx-ban b { display: block; font-size: 14px; font-weight: 600; }
.hvx-ban small { display: inline; direction: ltr; font-size: 12.5px; color: rgb(94, 122, 120); overflow: hidden; text-overflow: ellipsis; }
.hvx-ban i { font-style: normal; opacity: 0.7; display: flex; flex: 0 0 auto; }
.hvx-hd { padding: 4px 2px; direction: ltr; text-align: left; }
.hvx-hd h2 { font-family: inherit; font-size: 21px; font-weight: 800; color: rgb(30, 43, 42); margin: 0px; line-height: 1.2; }
.hvx-hd p { font-size: 13px; color: rgb(111, 124, 123); margin: 2px 0px 0px; }
.hvx-ban svg, .hvx-pill svg { transform: none !important; scale: none !important; }
.hvx-pill { display: inline-flex; align-items: center; gap: 5px; flex: 0 0 auto; padding: 5px 12px 5px 10px; border-radius: 999px; background: rgb(238, 245, 244); border: 1px solid rgb(211, 228, 226); color: rgb(31, 107, 107); font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 13px; font-weight: 600; cursor: pointer; direction: rtl; -webkit-tap-highlight-color: transparent; }
.hvx-pill svg { opacity: 0.75; }
html[data-hvx="switch"] body[data-hv6-m] #hv6-m .hv6-top { display: none !important; }
html[data-hvx="switch"] body:not([data-hv6-m]) .hv6-home { display: none !important; }
div:has(> .hv6-box.hv7-slim) { display: none !important; }
#hv6-m .hvx-help { direction: ltr; text-align: left; display: flex; align-items: center; gap: 8px; margin: 12px 4px 10px; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.1px; color: rgb(31, 107, 107); line-height: 1.2; }
#hv6-m .hvx-help::before { content: ""; flex: 0 0 auto; width: 4px; height: 16px; border-radius: 9999px; background: rgb(31, 107, 107); }
/* == https://havineini-demo.sites.tab.bot/colors.css?v=n2 == */
#hv6-m .hvc { display: block; padding-bottom: 28px; }
.hvc-g { margin: 0px 0px 26px; }
.hvc-gh { display: flex; align-items: center; gap: 8px; margin: 0px 2px 9px; }
.hvc-gh i { width: 8px; height: 8px; border-radius: 50%; background: var(--c); flex: 0 0 auto; }
.hvc-gh b { font-family: "Frank Ruhl Libre", serif; font-size: 16.5px; font-weight: 700; color: var(--c); letter-spacing: 0.1px; line-height: 1.2; }
.hvc-gh small { margin-right: auto; font-size: 11px; color: rgb(138, 126, 110); font-family: "Noto Sans Hebrew", "DM Sans", sans-serif; }
.hvc-w { display: flex; flex-wrap: wrap; gap: 10px 9px; align-items: center; padding: 0px 2px; }
.hvc-b { appearance: none; font-family: "Noto Sans Hebrew", "DM Sans", sans-serif; font-size: 13px; font-weight: 600; line-height: 1; padding: 8px 12px; border-radius: 10px; background: var(--bg); color: var(--c); border: 1px solid color-mix(in srgb,var(--c) 18%,transparent); white-space: nowrap; cursor: pointer; margin: 0px; -webkit-tap-highlight-color: transparent; transition: background 0.15s; }
.hvc-b:active { background: color-mix(in srgb,var(--c) 16%,#fff); }
.hvc-dd { display: inline-flex; align-items: center; gap: 6px; }
.hvc-dd .v { transition: transform 0.2s; opacity: 0.8; }
.hvc-dd.on { background: var(--c); color: rgb(255, 255, 255); border-color: var(--c); }
.hvc-dd.on .v { transform: rotate(180deg); opacity: 1; }
.hvc-ddw { position: relative; display: inline-block; }
.hvc-menu { position: absolute; top: calc(100% + 4px); right: 0px; z-index: 30; width: max(100%, 150px); max-height: 170px; overflow-y: auto; overscroll-behavior: contain; background: rgb(255, 255, 255); border-radius: 12px; box-shadow: rgba(0, 0, 0, 0.14) 0px 6px 22px; border: 1px solid color-mix(in srgb,var(--c) 18%,transparent); padding: 4px 0px; box-sizing: border-box; }
.hvc-mi { display: block; width: 100%; text-align: right; appearance: none; background: none; border-width: 0px 0px 1px; border-style: none none solid; border-color: currentcolor currentcolor rgb(240, 240, 240); border-image: none; margin: 0px; font-family: "Noto Sans Hebrew", "DM Sans", sans-serif; font-size: 13.5px; padding: 10px 14px; color: rgb(51, 51, 51); cursor: pointer; -webkit-tap-highlight-color: transparent; }
.hvc-mi:last-child { border-bottom: 0px; }
.hvc-mi:active, .hvc-mi.sel { background: var(--bg); color: var(--c); font-weight: 600; }
.hvc-menu::-webkit-scrollbar { width: 4px; }
.hvc-menu::-webkit-scrollbar-thumb { background: color-mix(in srgb,var(--c) 40%,#fff); border-radius: 4px; }
#hv6-m .hvc.ddopen { padding-bottom: 190px; }
.hvc-dd .hvc-n { font-size: 10.5px; font-weight: 500; opacity: 0.75; }
.hvc-dd.on .hvc-n { color: rgb(255, 255, 255); opacity: 0.85; }
.hvc-b .hvc-c { font-size: 10.5px; font-weight: 500; opacity: 0.6; margin-right: 6px; }
.hvc-menu.hvc-acc { position: static; flex: 0 0 100%; width: 100%; max-height: none; overflow: visible; display: flex; flex-wrap: wrap; gap: 7px; padding: 10px; margin: -2px 0px 4px; background: var(--bg); box-shadow: none; border-radius: 12px; animation: 0.18s ease 0s 1 normal none running hvcacc; }
.hvc-acc .hvc-mi { display: inline-flex; align-items: center; width: auto; border: 1px solid color-mix(in srgb,var(--c) 18%,transparent); border-radius: 9px; background: rgb(255, 255, 255); padding: 7px 11px; font-size: 12.5px; color: var(--c); font-weight: 600; }
.hvc-acc .hvc-mi:last-child { border-bottom: 1px solid color-mix(in srgb,var(--c) 18%,transparent); }
@keyframes hvcacc { 
  0% { opacity: 0; transform: translateY(-4px); }
  100% { opacity: 1; transform: none; }
}
/* == https://havineini-demo.sites.tab.bot/demo.css?v=34 == */
.dm-pct { position: absolute; transform: translateX(-50%); z-index: 2; border: 0px; background: none; padding: 2px 4px; margin: 0px; font-style: normal; font-variant: tabular-nums; font-size-adjust: none; font-language-override: normal; font-kerning: auto; font-optical-sizing: auto; font-feature-settings: normal; font-variation-settings: normal; font-weight: 800; font-stretch: normal; font-size: 9.5px; line-height: 1; font-family: "DM Sans", sans-serif; direction: ltr; white-space: nowrap; pointer-events: none; }
div.relative.rounded-2xl.overflow-hidden.h-\[96px\], div.relative.rounded-2xl.overflow-hidden.h-\[116px\] { transition: transform 0.12s; }
.dm-line { position: absolute; left: 0px; bottom: 0px; height: 3px; width: 0px; border-radius: 0px 2px 0px 0px; pointer-events: none; transition: width 0.3s; }
.dm-under { position: absolute; border-radius: 16px; background: rgb(62, 158, 90); display: flex; align-items: center; justify-content: space-between; padding: 0px 22px; color: rgb(255, 255, 255); font-size: 20px; font-weight: 800; z-index: 0; opacity: 0.45; pointer-events: none; }
.dm-under.undo { background: rgb(138, 126, 110); }
.dm-sw { z-index: 1; }
.dm-ok + .dm-under, .dm-under:has(+ .dm-ok) { opacity: 1; }
.dm-ppct { border: 0px; background: none; font-style: normal; font-variant: tabular-nums; font-size-adjust: none; font-language-override: normal; font-kerning: auto; font-optical-sizing: auto; font-feature-settings: normal; font-variation-settings: normal; font-weight: 800; font-stretch: normal; font-size: 12px; line-height: 1; font-family: "DM Sans", sans-serif; color: rgb(138, 126, 110); padding: 4px 8px; border-radius: 999px; align-self: flex-end; }
.dm-ppct.done { color: rgb(62, 158, 90); }
.dm-ppct.pulse { animation: 1.2s ease 0s 1 normal none running dmpulse; }
.dm-ppct.pulse::after { content: " ✓"; color: rgb(62, 158, 90); }
@keyframes dmpulse { 
  0% { transform: scale(1); }
  30% { transform: scale(1.28); color: rgb(62, 158, 90); }
  60% { transform: scale(0.96); }
  100% { transform: scale(1); }
}
#dm-toast { position: fixed; left: 50%; bottom: 110px; transform: translateX(-50%) translateY(10px); background: rgb(26, 26, 26); color: rgb(255, 255, 255); font: 600 13px "DM Sans", sans-serif; padding: 9px 16px; border-radius: 999px; opacity: 0; transition: 0.2s; z-index: 9999; pointer-events: none; }
#dm-toast.on { opacity: 1; transform: translateX(-50%); pointer-events: auto; }
#dm-toast button { border: 0px; background: none; color: rgb(127, 211, 154); font: 700 13px "DM Sans", sans-serif; margin-left: 12px; padding: 0px; }
.dm-play::before { content: "▶"; font-size: 7px; margin-right: 4px; vertical-align: 1px; }
.dm-act { position: relative; overflow: hidden; }
.dm-act .mt-auto.h-1.rounded-full { display: none !important; }
.dm-pladd { display: flex; align-items: center; justify-content: center; width: 100%; max-width: 24rem; margin: 8px auto 0px; }
span.absolute.rounded-full[aria-label$="% listened"] { display: none !important; }
.dm-rail { grid-template-columns: repeat(5, minmax(0px, 1fr)) !important; }
.dm-rail .dm-hide { display: none !important; }
.dm-rail > button { flex-direction: column; gap: 2px; min-height: 44px; padding: 4px 0px; height: auto !important; }
.dm-rail > button svg { width: 19px; height: 19px; }
.dm-lbl { font: 500 9px / 1.1 "DM Sans", sans-serif; color: inherit; opacity: 0.8; white-space: nowrap; }
.dm-lbl.on { font-weight: 700; opacity: 1; }
#dm-sets { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin: -6px 0px 12px; font: 500 12px "DM Sans", sans-serif; color: inherit; }
.dm-tgl { display: flex; align-items: center; gap: 8px; }
.dm-tgl button { width: 34px; height: 20px; border-radius: 10px; background: rgba(0, 0, 0, 0.18); position: relative; border: 0px; padding: 0px; transition: background 0.2s; }
.dm-tgl button i { position: absolute; top: 2px; left: 2px; width: 16px; height: 16px; border-radius: 50%; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.25) 0px 1px 2px; transition: left 0.2s; }
.dm-tgl button.on { background: rgb(31, 107, 107); }
.dm-tgl button.on i { left: 16px; }
html.dark .dm-tgl button.on { background: rgb(212, 168, 67); }
.dm-sk { display: flex; align-items: center; gap: 4px; }
.dm-sk span { margin-right: 2px; opacity: 0.7; }
.dm-sk button { min-width: 30px; height: 24px; border-radius: 12px; font: 600 11px "DM Sans", sans-serif; background: rgba(0, 0, 0, 0.055); color: inherit; border: 0px; }
.dm-sk button.on { background: rgb(31, 107, 107); color: rgb(255, 255, 255); }
html.dark .dm-sk button { background: rgba(255, 255, 255, 0.08); }
html.dark .dm-sk button.on { background: rgb(212, 168, 67); color: rgb(26, 26, 26); }
#dm-vsw { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: flex; padding: 2px; border-radius: 999px; background: rgba(0, 0, 0, 0.06); }
#dm-vsw button { font: 600 11px "DM Sans", sans-serif; padding: 5px 12px; border-radius: 999px; color: inherit; opacity: 0.7; border: 0px; background: transparent; }
#dm-vsw button.on { background: rgb(255, 255, 255); opacity: 1; box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px; color: rgb(31, 107, 107); }
html.dark #dm-vsw { background: rgba(255, 255, 255, 0.08); }
html.dark #dm-vsw button.on { background: rgb(212, 168, 67); color: rgb(26, 26, 26); }
#dm-vid { position: relative; height: 148px; aspect-ratio: 16 / 9; max-width: 100%; margin: 4px auto 12px; border-radius: 16px; overflow: hidden; background: rgb(0, 0, 0); flex-shrink: 0; box-shadow: rgba(0, 0, 0, 0.18) 0px 6px 20px; }
#dm-vid video { width: 100%; height: 100%; object-fit: contain; display: block; }
#dm-vid .fs { position: absolute; right: 8px; bottom: 8px; width: 28px; height: 28px; border-radius: 8px; background: rgba(0, 0, 0, 0.45); display: flex; align-items: center; justify-content: center; border: 0px; }
#dm-vid:fullscreen { height: 100%; width: 100%; border-radius: 0px; }
#dm-cal { position: relative; overflow: hidden; }
#dm-cal input { position: absolute; inset: 0px; opacity: 0; width: 100%; height: 100%; pointer-events: none; }
.dm-flash { animation: 1.6s ease 0s 1 normal none running dmflash; }
@keyframes dmflash { 
  0%, 40% { box-shadow: rgba(31, 107, 107, 0.55) 0px 0px 0px 3px; }
  100% { box-shadow: none; }
}
#dm-fs { position: fixed; right: 0px; width: 30px; z-index: 45; opacity: 0; pointer-events: none; transition: opacity 0.25s; }
#dm-fs.on { opacity: 1; pointer-events: auto; }
#dm-fs .th { position: absolute; right: 3px; width: 6px; height: 36px; border-radius: 3px; background: rgba(31, 107, 107, 0.55); }
#dm-fs.drag .th { width: 8px; right: 2px; background: rgb(31, 107, 107); }
#dm-fs .bb { position: absolute; right: 16px; white-space: nowrap; font: 600 12px "DM Sans", sans-serif; background: rgb(31, 107, 107); color: rgb(255, 255, 255); padding: 5px 10px; border-radius: 14px; box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 8px; opacity: 0; transform: translateX(6px); transition: opacity 0.15s, transform 0.15s; }
#dm-fs.drag .bb { opacity: 1; transform: none; }
html.dark #dm-fs .th { background: rgba(212, 168, 67, 0.6); }
html.dark #dm-fs .bb { background: rgb(212, 168, 67); color: rgb(26, 26, 26); }
.dm-star { display: none !important; }
#dm-dl .dm-dli { width: 13px; height: 13px; }
.dm-vb { display: inline-flex; align-items: center; flex-shrink: 0; color: rgb(181, 61, 101); opacity: 0.85; }
.dm-has-rest { display: block !important; -webkit-line-clamp: unset !important; }
.dm-rest { display: block; font-size: 10.5px; font-weight: 500; line-height: 1.3; opacity: 0.62; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-top: 1px; }
.dm-rest2 { font-size: 12px; font-weight: 500; opacity: 0.6; text-align: center; margin-top: 2px; line-height: 1.35; padding: 0px 8px; }
#dm-csw { display: flex; align-self: center; gap: 2px; padding: 2px; border-radius: 999px; background: rgba(31, 107, 107, 0.1); margin: -4px auto 0px; }
#dm-csw button { font-size: 11px; font-weight: 700; padding: 4px 12px; border-radius: 999px; color: rgb(31, 107, 107); }
#dm-csw button.on { background: rgb(31, 107, 107); color: rgb(255, 255, 255); }
#dm-cvid { position: relative; width: 100%; aspect-ratio: 16 / 9; border-radius: 16px; overflow: hidden; background: rgb(0, 0, 0); }
#dm-cvid video { width: 100%; height: 100%; object-fit: contain; display: block; }
#dm-cvid .fs { position: absolute; right: 8px; bottom: 8px; width: 30px; height: 30px; border-radius: 999px; background: rgba(0, 0, 0, 0.45); display: flex; align-items: center; justify-content: center; }
#dm-cmarks { position: absolute; inset: 0px; pointer-events: none; }
#dm-cmarks i { position: absolute; top: 50%; height: 6px; transform: translateY(-50%); border-radius: 3px; background: rgb(240, 138, 36); opacity: 0.85; }
.dm-ren { position: absolute; right: 0px; top: 0px; width: 24px; height: 24px; border-radius: 999px; display: flex; align-items: center; justify-content: center; color: rgb(90, 80, 64); background: rgba(0, 0, 0, 0.05); }
.dm-renbox { display: flex; gap: 6px; align-items: center; }
.dm-renbox input { flex: 1 1 0%; min-width: 0px; font-size: 13px; padding: 6px 10px; border-radius: 10px; border: 1px solid rgba(0, 0, 0, 0.15); background: rgba(0, 0, 0, 0.04); color: inherit; }
.dm-renbox button { font-size: 12px; font-weight: 700; padding: 6px 10px; border-radius: 10px; }
.dm-renbox .ok { background: rgb(31, 107, 107); color: rgb(255, 255, 255); }
.dm-renbox .no { background: rgba(0, 0, 0, 0.07); }
.dm-rm { position: absolute; right: 8px; bottom: 8px; width: 22px; height: 22px; border-radius: 999px; display: flex; align-items: center; justify-content: center; background: rgba(0, 0, 0, 0.06); color: rgb(90, 80, 64); z-index: 5; }
/* == https://havineini-demo.sites.tab.bot/extras2.css?v=2 == */
button[aria-label^="Drag Now Playing"] { display: none !important; }
#sp-float { position: fixed; left: 0px; top: 0px; z-index: 45; width: 60px; height: 60px; touch-action: none; user-select: none; -webkit-tap-highlight-color: transparent; --sp-accent: #1F6B6B; will-change: transform; }
#sp-float[hidden] { display: none; }
#sp-float.sp-anim { transition: transform 0.28s cubic-bezier(0.23, 1, 0.32, 1); }
#sp-float .sp-disc { position: absolute; inset: 0px; border: 0px; padding: 0px; border-radius: 50%; background: rgb(255, 253, 248); box-shadow: rgba(48, 40, 24, 0.18) 0px 6px 18px, rgba(48, 40, 24, 0.1) 0px 1px 3px; cursor: pointer; transition: filter 0.1s, box-shadow 0.2s; }
#sp-float.sp-drag .sp-disc { box-shadow: rgba(48, 40, 24, 0.26) 0px 12px 28px, rgba(48, 40, 24, 0.12) 0px 2px 6px; }
#sp-float .sp-disc:active { filter: brightness(0.95); }
#sp-float .sp-ring { position: absolute; inset: 0px; width: 60px; height: 60px; transform: rotate(-90deg); }
#sp-float .sp-ring circle { fill: none; stroke-width: 3; }
#sp-float .sp-ring-bg { stroke: rgba(31, 107, 107, 0.12); }
#sp-float .sp-ring-fg { stroke: var(--sp-accent); stroke-linecap: round; transition: stroke-dashoffset 0.5s linear; }
#sp-float .sp-art { position: absolute; inset: 6px; border-radius: 50%; overflow: hidden; background: rgb(255, 255, 255); }
#sp-float .sp-art img { width: 100%; height: 100%; object-fit: contain; display: block; pointer-events: none; }
#sp-float .sp-pp { position: absolute; left: 50%; top: 50%; width: 30px; height: 30px; margin: -15px 0px 0px -15px; border: 0px; border-radius: 50%; padding: 0px; display: flex; align-items: center; justify-content: center; background: rgba(31, 107, 107, 0.88); color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.18) 0px 2px 6px; cursor: pointer; transition: filter 0.1s; }
#sp-float .sp-pp svg { width: 15px; height: 15px; }
#sp-float .sp-pp:active { filter: brightness(0.92); }
#sp-float .sp-x { position: absolute; top: -6px; left: -6px; width: 22px; height: 22px; border-radius: 50%; border: 1px solid rgba(0, 0, 0, 0.08); padding: 0px; display: flex; align-items: center; justify-content: center; background: rgb(255, 253, 248); color: rgb(138, 126, 110); box-shadow: rgba(48, 40, 24, 0.16) 0px 2px 6px; cursor: pointer; }
#sp-float.sp-left .sp-x { left: auto; right: -6px; }
#sp-float .sp-x svg { width: 11px; height: 11px; }
#sp-float .sp-x::after { content: ""; position: absolute; inset: -8px; }
#sp-float.sp-dark .sp-disc { background: rgb(19, 32, 42); box-shadow: rgba(0, 0, 0, 0.4) 0px 8px 22px; }
#sp-float.sp-dark .sp-ring-bg { stroke: rgba(255, 255, 255, 0.12); }
#sp-float.sp-dark .sp-pp { background: rgba(126, 203, 210, 0.92); color: rgb(11, 22, 32); }
#sp-float.sp-dark .sp-x { background: rgb(27, 42, 53); color: rgb(184, 196, 204); border-color: rgba(255, 255, 255, 0.12); }
@media (min-width: 768px) {
  #sp-float { display: none !important; }
}
.sp-att-add { height: 24px; display: inline-flex; align-items: center; border: 0px; border-radius: 9999px; padding: 0px 7px; font-family: inherit; background: rgba(31, 107, 107, 0.08); color: rgb(31, 107, 107); cursor: pointer; transition: filter 0.1s; }
.sp-att-add:active { filter: brightness(0.95); }
.sp-att-add.sp-dark { background: rgba(126, 203, 210, 0.12); color: rgb(154, 224, 227); }
.sp-att-note { margin-top: 4px; text-align: center; font-size: 10.5px; line-height: 1.3; color: rgb(138, 126, 110); }
.sp-att-note.sp-ok { color: rgb(31, 107, 107); }
.sp-att-note.sp-err { color: rgb(192, 86, 59); }
.dark .sp-att-note.sp-ok { color: rgb(154, 224, 227); }
@media (min-width: 768px) {
  .sp-att-note { text-align: start; }
}
html.kr-open #sp-float { display: none !important; }
/* == https://havineini-demo.sites.tab.bot/fix3.css?v=4 == */
button[aria-label$=" feed"] > span.font-semibold.opacity-75:first-child, button[aria-label$=" feed"] > span.font-semibold.opacity-75:first-child + span[aria-hidden="true"] { display: none !important; }
p[data-dm-count] { font-size: 0px !important; }
p[data-dm-count]::after { content: attr(data-dm-count); font-size: 11px; }
@media (max-width: 767px) {
  .havineini-player-page { overscroll-behavior-y: contain; overflow: hidden auto !important; }
  .havineini-player-page > div.relative.z-10.h-full { height: auto !important; min-height: 100% !important; overflow: visible !important; }
  .havineini-player-page > div.relative.z-10 > div.flex-1.min-h-0 { flex: 1 0 auto !important; min-height: auto !important; overflow: visible !important; }
  .havineini-player-page > div.relative.z-10 > div.flex-1.min-h-0 > div.flex-1.min-h-0.rounded-2xl { flex: 1 0 auto !important; min-height: auto !important; overflow: visible !important; }
}
/* == inline:x22crit == */
:root { --x21h: calc(min(100vw,560px) * 9 / 16); }
html:not(.x9v) body .player-mobile-artwork.player-mobile-artwork.player-mobile-artwork { width: 180px !important; height: 180px !important; margin: calc((var(--x21h) - 180px) / 2) auto !important; transform: none !important; opacity: 1 !important; transition: none !important; }
html body #dm-vid#dm-vid#dm-vid { width: 100vw !important; max-width: 100vw !important; height: var(--x21h) !important; aspect-ratio: auto !important; margin: 0px !important; border-radius: 0px !important; flex-shrink: 0 !important; }
.player-mobile-identity [aria-label*="ttachment"], .player-mobile-identity .x6b-chip, .player-mobile-identity .x6b-plus { display: none !important; }
/* == inline:x96-first == */
html[data-x96f] [data-loc$="Shiurim.tsx:918"], html[data-x96f] #hv6-tags, html[data-x96f] #hv6-list, html[data-x96f] #x89-grid { display: none !important; }
/* == inline:x118-css == */
.hv6-row.x118s .x10-n, .hv6-row.x118s span[title="שיעור"] { display: none !important; }
/* == inline: == */
[data-sonner-toaster][dir="ltr"], html[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%); }
[data-sonner-toaster][dir="rtl"], html[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%); }
[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: 0px; margin: 0px; list-style: none; outline: 0px; z-index: 999999999; transition: transform 0.4s; }
@media (hover: none) and (pointer: coarse) {
  [data-sonner-toaster][data-lifted="true"] { transform: none; }
}
[data-sonner-toaster][data-x-position="right"] { right: var(--offset-right); }
[data-sonner-toaster][data-x-position="left"] { left: var(--offset-left); }
[data-sonner-toaster][data-x-position="center"] { left: 50%; transform: translateX(-50%); }
[data-sonner-toaster][data-y-position="top"] { top: var(--offset-top); }
[data-sonner-toaster][data-y-position="bottom"] { bottom: var(--offset-bottom); }
[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); touch-action: none; transition: transform 0.4s, opacity 0.4s, height 0.4s, box-shadow 0.2s; box-sizing: border-box; outline: 0px; overflow-wrap: anywhere; }
[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: rgba(0, 0, 0, 0.1) 0px 4px 12px; width: var(--width); font-size: 13px; display: flex; align-items: center; gap: 6px; }
[data-sonner-toast]:focus-visible { box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px, rgba(0, 0, 0, 0.2) 0px 0px 0px 2px; }
[data-sonner-toast][data-y-position="top"] { top: 0px; --y: translateY(-100%); --lift: 1; --lift-amount: calc(1 * var(--gap)); }
[data-sonner-toast][data-y-position="bottom"] { bottom: 0px; --y: translateY(100%); --lift: -1; --lift-amount: calc(var(--lift) * var(--gap)); }
[data-sonner-toast][data-styled="true"] [data-description] { font-weight: 400; line-height: 1.4; color: rgb(63, 63, 63); }
[data-rich-colors="true"][data-sonner-toast][data-styled="true"] [data-description] { color: inherit; }
[data-sonner-toaster][data-sonner-theme="dark"] [data-description] { color: rgb(232, 232, 232); }
[data-sonner-toast][data-styled="true"] [data-title] { font-weight: 500; line-height: 1.5; color: inherit; }
[data-sonner-toast][data-styled="true"] [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); }
[data-sonner-toast][data-promise="true"] [data-icon] > svg { opacity: 0; transform: scale(0.8); transform-origin: center center; animation: 0.3s ease 0s 1 normal forwards running sonner-fade-in; }
[data-sonner-toast][data-styled="true"] [data-icon] > * { flex-shrink: 0; }
[data-sonner-toast][data-styled="true"] [data-icon] svg { margin-left: var(--toast-svg-margin-start); margin-right: var(--toast-svg-margin-end); }
[data-sonner-toast][data-styled="true"] [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-width: medium; border-style: none; border-color: currentcolor; border-image: none; font-weight: 500; cursor: pointer; outline: 0px; display: flex; align-items: center; flex-shrink: 0; transition: opacity 0.4s, box-shadow 0.2s; }
[data-sonner-toast][data-styled="true"] [data-button]:focus-visible { box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 0px 2px; }
[data-sonner-toast][data-styled="true"] [data-button]:first-of-type { margin-left: var(--toast-button-margin-start); margin-right: var(--toast-button-margin-end); }
[data-sonner-toast][data-styled="true"] [data-cancel] { color: var(--normal-text); background: rgba(0, 0, 0, 0.08); }
[data-sonner-toaster][data-sonner-theme="dark"] [data-sonner-toast][data-styled="true"] [data-cancel] { background: rgba(255, 255, 255, 0.3); }
[data-sonner-toast][data-styled="true"] [data-close-button] { position: absolute; left: var(--toast-close-button-start); right: var(--toast-close-button-end); top: 0px; height: 20px; width: 20px; display: flex; justify-content: center; align-items: center; padding: 0px; color: var(--gray12); background: var(--normal-bg); border: 1px solid var(--gray4); transform: var(--toast-close-button-transform); border-radius: 50%; cursor: pointer; z-index: 1; transition: opacity 0.1s, background 0.2s, border-color 0.2s; }
[data-sonner-toast][data-styled="true"] [data-close-button]:focus-visible { box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px, rgba(0, 0, 0, 0.2) 0px 0px 0px 2px; }
[data-sonner-toast][data-styled="true"] [data-disabled="true"] { cursor: not-allowed; }
[data-sonner-toast][data-styled="true"]:hover [data-close-button]:hover { background: var(--gray2); border-color: var(--gray5); }
[data-sonner-toast][data-swiping="true"]::before { content: ""; position: absolute; left: -100%; right: -100%; height: 100%; z-index: -1; }
[data-sonner-toast][data-y-position="top"][data-swiping="true"]::before { bottom: 50%; transform: scaleY(3) translateY(50%); }
[data-sonner-toast][data-y-position="bottom"][data-swiping="true"]::before { top: 50%; transform: scaleY(3) translateY(-50%); }
[data-sonner-toast][data-swiping="false"][data-removed="true"]::before { content: ""; position: absolute; inset: 0px; transform: scaleY(2); }
[data-sonner-toast][data-expanded="true"]::after { content: ""; position: absolute; left: 0px; height: calc(var(--gap) + 1px); bottom: 100%; width: 100%; }
[data-sonner-toast][data-mounted="true"] { --y: translateY(0); opacity: 1; }
[data-sonner-toast][data-expanded="false"][data-front="false"] { --scale: var(--toasts-before) * 0.05 + 1; --y: translateY(calc(var(--lift-amount) * var(--toasts-before))) scale(calc(-1 * var(--scale))); height: var(--front-toast-height); }
[data-sonner-toast] > * { transition: opacity 0.4s; }
[data-sonner-toast][data-x-position="right"] { right: 0px; }
[data-sonner-toast][data-x-position="left"] { left: 0px; }
[data-sonner-toast][data-expanded="false"][data-front="false"][data-styled="true"] > * { opacity: 0; }
[data-sonner-toast][data-visible="false"] { opacity: 0; pointer-events: none; }
[data-sonner-toast][data-mounted="true"][data-expanded="true"] { --y: translateY(calc(var(--lift) * var(--offset))); height: var(--initial-height); }
[data-sonner-toast][data-removed="true"][data-front="true"][data-swipe-out="false"] { --y: translateY(calc(var(--lift) * -100%)); opacity: 0; }
[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; }
[data-sonner-toast][data-removed="true"][data-front="false"][data-swipe-out="false"][data-expanded="false"] { --y: translateY(40%); opacity: 0; transition: transform 0.5s, opacity 0.2s; }
[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,0)) translateX(var(--swipe-amount-x,0)); 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: 0.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) translateX(var(--swipe-amount-x)); opacity: 1; }
  100% { transform: var(--y) translateX(calc(var(--swipe-amount-x) - 100%)); opacity: 0; }
}
@keyframes swipe-out-right { 
  0% { transform: var(--y) translateX(var(--swipe-amount-x)); opacity: 1; }
  100% { transform: var(--y) translateX(calc(var(--swipe-amount-x) + 100%)); opacity: 0; }
}
@keyframes swipe-out-up { 
  0% { transform: var(--y) translateY(var(--swipe-amount-y)); opacity: 1; }
  100% { 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; }
  100% { 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: 0px; right: 0px; 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-sonner-theme="light"] { --normal-bg: #fff; --normal-border: var(--gray4); --normal-text: var(--gray12); --success-bg: hsl(143, 85%, 96%); --success-border: hsl(145, 92%, 87%); --success-text: hsl(140, 100%, 27%); --info-bg: hsl(208, 100%, 97%); --info-border: hsl(221, 91%, 93%); --info-text: hsl(210, 92%, 45%); --warning-bg: hsl(49, 100%, 97%); --warning-border: hsl(49, 91%, 84%); --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-sonner-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-sonner-theme="dark"] [data-sonner-toast][data-invert="true"] { --normal-bg: #fff; --normal-border: var(--gray3); --normal-text: var(--gray12); }
[data-sonner-toaster][data-sonner-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, 43%, 17%); --info-text: hsl(216, 87%, 65%); --warning-bg: hsl(64, 100%, 6%); --warning-border: hsl(60, 100%, 9%); --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-sonner-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-sonner-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"] { background: var(--success-bg); border-color: var(--success-border); color: var(--success-text); }
[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"] { background: var(--info-bg); border-color: var(--info-border); color: var(--info-text); }
[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"] { background: var(--warning-bg); border-color: var(--warning-border); color: var(--warning-text); }
[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"] { background: var(--error-bg); border-color: var(--error-border); color: var(--error-text); }
[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: 0px; z-index: 10; }
.sonner-loading-wrapper[data-visible="false"] { transform-origin: center center; animation: 0.2s ease 0s 1 normal forwards running sonner-fade-out; }
.sonner-spinner { position: relative; top: 50%; left: 50%; height: var(--size); width: var(--size); }
.sonner-loading-bar { animation: 1.2s linear 0s infinite normal none running sonner-spin; background: var(--gray11); border-radius: 6px; height: 8%; left: -10%; position: absolute; top: -3.9%; width: 24%; }
.sonner-loading-bar:first-child { animation-delay: -1.2s; transform: rotate(0.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: -0.9s; transform: rotate(90deg) translate(146%); }
.sonner-loading-bar:nth-child(5) { animation-delay: -0.8s; transform: rotate(120deg) translate(146%); }
.sonner-loading-bar:nth-child(6) { animation-delay: -0.7s; transform: rotate(150deg) translate(146%); }
.sonner-loading-bar:nth-child(7) { animation-delay: -0.6s; transform: rotate(180deg) translate(146%); }
.sonner-loading-bar:nth-child(8) { animation-delay: -0.5s; transform: rotate(210deg) translate(146%); }
.sonner-loading-bar:nth-child(9) { animation-delay: -0.4s; transform: rotate(240deg) translate(146%); }
.sonner-loading-bar:nth-child(10) { animation-delay: -0.3s; transform: rotate(270deg) translate(146%); }
.sonner-loading-bar:nth-child(11) { animation-delay: -0.2s; transform: rotate(300deg) translate(146%); }
.sonner-loading-bar:nth-child(12) { animation-delay: -0.1s; transform: rotate(330deg) translate(146%); }
@keyframes sonner-fade-in { 
  0% { opacity: 0; transform: scale(0.8); }
  100% { opacity: 1; transform: scale(1); }
}
@keyframes sonner-fade-out { 
  0% { opacity: 1; transform: scale(1); }
  100% { opacity: 0; transform: scale(0.8); }
}
@keyframes sonner-spin { 
  0% { opacity: 1; }
  100% { opacity: 0.15; }
}
@media (prefers-reduced-motion) {
  .sonner-loading-bar, [data-sonner-toast], [data-sonner-toast] > * { transition: none !important; animation: auto ease 0s 1 normal none running none !important; }
}
.sonner-loader { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transform-origin: center center; transition: opacity 0.2s, transform 0.2s; }
.sonner-loader[data-visible="false"] { opacity: 0; transform: scale(0.8) translate(-50%, -50%); }
/* == https://havineini-demo.sites.tab.bot/kuntres-reader.css?v=2 == */
html.kr-open, html.kr-open body { overscroll-behavior: none; overflow: hidden !important; }
.kr-root { position: fixed; inset: 0px; background: rgb(237, 233, 225); color: rgb(26, 26, 26); font-family: "DM Sans", system-ui, sans-serif; -webkit-tap-highlight-color: transparent; user-select: none; animation: 0.22s ease-out 0s 1 normal both running kr-in; }
.kr-root.kr-dark { background: rgb(14, 14, 14); color: rgb(242, 238, 230); }
.kr-root.kr-out { animation: 0.18s ease-in 0s 1 normal both running kr-fade-out; }
@keyframes kr-in { 
  0% { opacity: 0; transform: scale(0.985); }
  100% { opacity: 1; transform: none; }
}
@keyframes kr-fade-out { 
  100% { opacity: 0; }
}
.kr-track { position: absolute; inset: 0px; display: flex; overflow: auto hidden; scroll-snap-type: x mandatory; scroll-behavior: auto; scrollbar-width: none; overscroll-behavior: contain; touch-action: pan-x; }
.kr-track::-webkit-scrollbar { display: none; }
.kr-zoomed .kr-track { overflow: hidden; touch-action: none; }
.kr-slide { flex: 0 0 100%; width: 100%; height: 100%; scroll-snap-align: center; scroll-snap-stop: always; display: flex; align-items: center; justify-content: center; overflow: hidden; position: relative; }
.kr-page { position: relative; flex: 0 0 auto; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.06) 0px 1px 2px, rgba(40, 30, 10, 0.1) 0px 6px 24px; transform-origin: 50% 50%; will-change: transform; }
.kr-dark .kr-page { box-shadow: rgba(0, 0, 0, 0.5) 0px 6px 28px; }
.kr-page canvas { display: block; opacity: 0; transition: opacity 0.25s; }
.kr-page.kr-ready canvas { opacity: 1; }
.kr-x, .kr-count { position: absolute; opacity: 0; pointer-events: none; transition: opacity 0.45s; z-index: 2; }
.kr-ui .kr-x, .kr-ui .kr-count { opacity: 1; pointer-events: auto; transition-duration: 0.18s; }
.kr-x { top: calc(env(safe-area-inset-top, 0px) + 12px); right: 12px; width: 34px; height: 34px; border-radius: 50%; border: 1px solid rgba(0, 0, 0, 0.08); background: rgba(255, 255, 255, 0.82); color: rgb(26, 26, 26); display: grid; place-items: center; padding: 0px; box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 10px; backdrop-filter: blur(8px); cursor: pointer; }
.kr-x svg { width: 16px; height: 16px; }
.kr-x:active { transform: scale(0.94); }
.kr-dark .kr-x { background: rgba(30, 30, 30, 0.78); color: rgb(242, 238, 230); border-color: rgba(255, 255, 255, 0.1); }
.kr-count { left: 50%; bottom: calc(env(safe-area-inset-bottom, 0px) + 16px); transform: translateX(-50%); padding: 4px 11px; border-radius: 999px; background: rgba(26, 26, 26, 0.62); color: rgb(255, 255, 255); font-size: 11.5px; font-weight: 500; letter-spacing: 0.02em; font-variant-numeric: tabular-nums; white-space: nowrap; backdrop-filter: blur(8px); }
.kr-count:empty { display: none; }
.kr-dark .kr-count { background: rgba(255, 255, 255, 0.14); }
.kr-ph { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); max-width: 100%; max-height: 100%; width: 100%; height: 100%; object-fit: contain; filter: saturate(0.9); opacity: 0.9; transition: opacity 0.25s; pointer-events: none; }
.kr-ph.kr-ph-out { opacity: 0; }
.kr-spin { position: absolute; left: 50%; top: 50%; width: 22px; height: 22px; margin: -11px 0px 0px -11px; border-radius: 50%; border-width: 2px; border-style: solid; border-color: rgb(31, 107, 107) rgba(31, 107, 107, 0.18) rgba(31, 107, 107, 0.18); border-image: none; animation: 0.8s linear 0s infinite normal none running kr-rot; }
.kr-dark .kr-ph { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); max-width: 100%; max-height: 100%; width: 100%; height: 100%; object-fit: contain; filter: saturate(0.9); opacity: 0.9; transition: opacity 0.25s; pointer-events: none; }
.kr-ph.kr-ph-out { opacity: 0; }
.kr-spin { border-color: rgb(212, 168, 67) rgba(212, 168, 67, 0.2) rgba(212, 168, 67, 0.2); }
@keyframes kr-rot { 
  100% { transform: rotate(360deg); }
}
.kr-err { position: absolute; left: 24px; right: 24px; top: 50%; transform: translateY(-50%); text-align: center; font-size: 13px; color: rgb(90, 80, 64); }
.kr-dark .kr-err { color: rgb(184, 174, 156); }
.kr-new { position: absolute; top: 6px; right: 6px; width: 7px; height: 7px; border-radius: 50%; background: rgb(212, 168, 67); box-shadow: rgb(255, 255, 255) 0px 0px 0px 1.5px, rgba(0, 0, 0, 0.25) 0px 1px 3px; pointer-events: none; z-index: 3; }
.kr-new.kr-new-sm { top: 3px; right: 3px; width: 6px; height: 6px; box-shadow: rgb(255, 255, 255) 0px 0px 0px 1.2px, rgba(0, 0, 0, 0.25) 0px 1px 2px; }
html.dark .kr-new { box-shadow: rgb(26, 26, 26) 0px 0px 0px 1.5px, rgba(0, 0, 0, 0.4) 0px 1px 3px; }
/* == https://havineini-demo.sites.tab.bot/extras3.css?v=6 == */
.x3-datebtn { cursor: pointer; -webkit-tap-highlight-color: transparent; border-radius: 10px; }
.x3-datebtn:active { opacity: 0.7; }
.x3-ov { position: fixed; inset: 0px; z-index: 60; background: rgba(0, 0, 0, 0); display: flex; align-items: flex-end; justify-content: center; transition: background 0.22s; }
.x3-ov.on { background: rgba(0, 0, 0, 0.45); }
.x3-sheet { width: 100%; max-width: 32rem; background: rgb(247, 245, 240); border-width: 1px 1px 0px; border-style: solid solid none; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) currentcolor; border-image: none; border-radius: 24px 24px 0px 0px; padding: 20px 20px calc(24px + env(safe-area-inset-bottom)); transform: translateY(100%); transition: transform 0.26s cubic-bezier(0.23, 1, 0.32, 1); max-height: 88vh; overflow-y: auto; font-family: "DM Sans", sans-serif; }
.x3-ov.on .x3-sheet { transform: none; }
.x3-handle { width: 40px; height: 4px; border-radius: 99px; background: rgba(0, 0, 0, 0.15); margin: 0px auto 14px; }
.x3-cal-hd { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 12px; }
.x3-nav { width: 36px; height: 36px; border-radius: 50%; border: 0px; display: flex; align-items: center; justify-content: center; background: rgba(0, 0, 0, 0.067); color: rgb(26, 26, 26); cursor: pointer; flex-shrink: 0; }
.x3-nav:disabled { opacity: 0.25; cursor: default; }
.x3-cal-t { text-align: center; min-width: 0px; }
.x3-cal-m { margin: 0px; font: 700 17px / 1.2 "Frank Ruhl Libre", "Noto Sans Hebrew", serif; color: rgb(26, 26, 26); }
.x3-cal-g { margin: 2px 0px 0px; font-size: 11px; color: rgb(138, 126, 110); }
.x3-wk, .x3-grid { display: grid; grid-template-columns: repeat(7, 1fr); gap: 4px; }
.x3-wk { margin-bottom: 4px; }
.x3-wk span { text-align: center; font: 600 10px "Noto Sans Hebrew", sans-serif; color: rgb(138, 126, 110); padding: 2px 0px; }
.x3-day { height: 42px; border: 0px; border-radius: 12px; background: transparent; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1px; cursor: pointer; color: rgb(26, 26, 26); -webkit-tap-highlight-color: transparent; padding: 0px; }
.x3-day b { font: 600 14px / 1 "Noto Sans Hebrew", sans-serif; }
.x3-day i { font-style: normal; font-size: 9px; line-height: 1; color: rgb(138, 126, 110); }
.x3-day:active { background: rgba(31, 107, 107, 0.08); }
.x3-day.t { box-shadow: rgba(31, 107, 107, 0.55) 0px 0px 0px 1.5px inset; }
.x3-day.t b { color: rgb(31, 107, 107); }
.x3-day.s { background: rgb(31, 107, 107); box-shadow: none; }
.x3-day.s b, .x3-day.s i { color: rgb(255, 255, 255); }
.x3-day:disabled { opacity: 0.28; cursor: default; background: transparent; }
.x3-close { display: block; width: 100%; margin-top: 16px; padding: 12px 0px; border: 0px; border-radius: 12px; background: rgba(0, 0, 0, 0.07); color: rgb(90, 80, 64); font: 600 13px "DM Sans", sans-serif; cursor: pointer; transition: transform 0.1s; }
.x3-close:active { transform: scale(0.97); }
.x3-nfoot { flex-shrink: 0; padding: 0 20px calc(20px + env(safe-area-inset-bottom)); }
.x3-nfoot .x3-close { margin-top: 12px; }
.x3-dark .x3-sheet, html.dark .x3-sheet { background: rgb(19, 32, 42); border-color: rgba(255, 255, 255, 0.08); }
html.dark .x3-handle { background: rgba(255, 255, 255, 0.18); }
html.dark .x3-nav { background: rgba(255, 255, 255, 0.08); color: rgb(232, 228, 218); }
html.dark .x3-cal-m, html.dark .x3-day { color: rgb(232, 228, 218); }
html.dark .x3-cal-g, html.dark .x3-wk span, html.dark .x3-day i { color: rgba(232, 228, 218, 0.5); }
html.dark .x3-day.t { box-shadow: rgba(126, 203, 203, 0.6) 0px 0px 0px 1.5px inset; }
html.dark .x3-day.t b { color: rgb(126, 203, 203); }
html.dark .x3-day.s { background: rgb(31, 107, 107); }
html.dark .x3-close { background: rgba(255, 255, 255, 0.08); color: rgba(232, 228, 218, 0.75); }
#x3-toast { position: fixed; left: 50%; bottom: 110px; transform: translateX(-50%) translateY(10px); background: rgb(26, 26, 26); color: rgb(255, 255, 255); font: 600 13px "DM Sans", sans-serif; padding: 9px 16px; border-radius: 999px; opacity: 0; transition: 0.2s; z-index: 9999; pointer-events: none; white-space: nowrap; }
#x3-toast.on { opacity: 1; transform: translateX(-50%); }
.x3-cal-g { display: none; }
.x3-cal-m { font-size: 19px; }
.x3-wk span { font-size: 12px; font-weight: 700; }
.x3-wk span.sh { color: rgb(31, 107, 107); }
.x3-day b { font: 700 16px / 1 "Frank Ruhl Libre", "Noto Sans Hebrew", serif; }
.x3-day i { font-size: 7.5px; opacity: 0.75; }
.x3-day.sh { background: rgba(31, 107, 107, 0.06); }
.x3-day.sh b { color: rgb(31, 107, 107); }
.x3-day.sh:disabled { background: rgba(31, 107, 107, 0.03); }
.x3-day.s.sh { background: rgb(31, 107, 107); }
.x3-day.s.sh b { color: rgb(255, 255, 255); }
html.dark .x3-wk span.sh, html.dark .x3-day.sh b { color: rgb(126, 203, 203); }
html.dark .x3-day.sh { background: rgba(126, 203, 203, 0.08); }
html.dark .x3-day.s.sh b { color: rgb(255, 255, 255); }
/* == https://havineini-demo.sites.tab.bot/extras4.css?v=6 == */
button.x4-star { color: rgb(227, 155, 40) !important; }
#dm-toast { white-space: nowrap; }
.x4-pick { display: flex; gap: 10px; justify-content: center; margin-top: 12px; }
.x4-dot { width: 24px; height: 24px; border-radius: 999px; border: 0px; padding: 0px; box-shadow: rgba(0, 0, 0, 0.08) 0px 0px 0px 1px inset; transition: transform 0.12s; }
.x4-dot.on { box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px, currentcolor 0px 0px 0px 4px; color: rgba(26, 26, 26, 0.45); }
.x4-dot:active { transform: scale(0.92); }
span[data-x4h] { display: none !important; }
.x4-pls { display: inline-flex; align-items: center; gap: 7px; min-width: 0px; max-width: 46%; flex-shrink: 0; overflow: hidden; white-space: nowrap; font-size: 10px; font-weight: 600; line-height: 1; }
.x4-pls .x4-ck { width: 12px; height: 12px; flex-shrink: 0; color: rgb(31, 107, 107); }
.x4-pl { display: inline-flex; align-items: center; gap: 3px; flex-shrink: 0; }
.x4-pl i { display: inline-block; width: 6px; height: 6px; border-radius: 999px; flex-shrink: 0; }
.x4-pl b { font-weight: 600; }
.x4-fav { font-size: 11px; }
.x4-more { flex-shrink: 0; color: rgb(90, 80, 64); font-weight: 600; }
.x4-pls.x4-online { max-width: none; flex: 0 1 auto; margin-right: auto; justify-content: flex-start; }
.x4-online ~ span { flex-shrink: 0 !important; }
.x4-pl.x4-solo { min-width: 0px; flex-shrink: 1; }
.x4-pl.x4-solo b { overflow: hidden; text-overflow: ellipsis; min-width: 0px; }
.x4-pl.x4-dotonly b { display: none; }
.x4-pls { gap: 6px; }
/* == https://havineini-demo.sites.tab.bot/extras5.css?v=6 == */
html[data-x5act] section[aria-labelledby="activity-overview-title"] > div:first-child { margin-bottom: 14px !important; }
html[data-x5act] section[aria-labelledby="activity-overview-title"] > .grid { gap: 12px !important; }
html[data-x5act] section[aria-labelledby="activity-overview-title"] .grid > button { position: relative; box-shadow: rgba(60, 48, 28, 0.04) 0px 1px 2px, rgba(60, 48, 28, 0.12) 0px 6px 18px -8px; flex-direction: column; justify-content: flex-start; transition: transform 0.15s, box-shadow 0.15s; min-height: 118px !important; padding: 16px !important; border-radius: 18px !important; background: rgb(255, 255, 255) !important; border: 1px solid rgba(60, 48, 28, 0.08) !important; display: flex !important; }
html[data-x5act] section[aria-labelledby="activity-overview-title"] .grid > button:active { box-shadow: rgba(60, 48, 28, 0.06) 0px 1px 2px; }
html[data-x5act] section[aria-labelledby="activity-overview-title"] .grid > button > span:first-child { align-items: center !important; }
html[data-x5act] section[aria-labelledby="activity-overview-title"] .grid > button > span:first-child > span { width: 40px !important; height: 40px !important; border-radius: 12px !important; }
html[data-x5act] section[aria-labelledby="activity-overview-title"] .grid > button > span:first-child > span svg { width: 20px !important; height: 20px !important; }
html[data-x5act] section[aria-labelledby="activity-overview-title"] .grid > button > span:nth-child(2) { padding-top: 14px; letter-spacing: 0.1px; margin-top: auto !important; font-size: 14.5px !important; }
html[data-x5act] section[aria-labelledby="activity-overview-title"] .grid > button > span:nth-child(3) { margin-top: 3px !important; color: rgb(138, 126, 110) !important; }
html[data-x5act] section[aria-labelledby="activity-overview-title"] .grid > button > span[data-x5u] { font-size: 0px !important; }
html[data-x5act] section[aria-labelledby="activity-overview-title"] .grid > button > span[data-x5u]::after { content: attr(data-x5u); font-size: 11.5px; line-height: 1.35; }
html[data-x5act] section[aria-labelledby="activity-overview-title"] .grid > button[data-x5w] { grid-column: 1 / -1; flex-direction: row; align-items: center; gap: 14px; min-height: 72px !important; padding: 14px 16px !important; }
html[data-x5act] section[aria-labelledby="activity-overview-title"] .grid > button[data-x5w] > span:nth-child(2) { padding: 0px; margin: 0px !important; }
html[data-x5act] section[aria-labelledby="activity-overview-title"] .grid > button[data-x5w] > span:nth-child(3) { align-self: center; margin: 0px 0px 0px -6px !important; }
html[data-x5act] section[aria-labelledby="activity-overview-title"] .grid > button[data-x5w] > span:nth-child(3)::before { content: "·"; margin: 0px 6px 0px 0px; font-size: 11.5px; }
@media (min-width: 768px) {
  html[data-x5act] section[aria-labelledby="activity-overview-title"] .grid > button[data-x5w] { grid-column: auto; flex-direction: column; align-items: stretch; min-height: 118px !important; }
  html[data-x5act] section[aria-labelledby="activity-overview-title"] .grid > button[data-x5w] > span:nth-child(2) { margin-top: auto !important; padding-top: 14px; }
  html[data-x5act] section[aria-labelledby="activity-overview-title"] .grid > button[data-x5w] > span:nth-child(3) { margin: 3px 0px 0px !important; }
  html[data-x5act] section[aria-labelledby="activity-overview-title"] .grid > button[data-x5w] > span:nth-child(3)::before { content: none; }
}
html.dark[data-x5act] section[aria-labelledby="activity-overview-title"] .grid > button { box-shadow: rgba(0, 0, 0, 0.25) 0px 1px 2px, rgba(0, 0, 0, 0.45) 0px 8px 20px -10px; background: rgba(255, 255, 255, 0.043) !important; border-color: rgba(255, 255, 255, 0.08) !important; }
html.dark[data-x5act] section[aria-labelledby="activity-overview-title"] .grid > button > span:first-child > span { background: color-mix(in srgb,var(--x5c,#1f6b6b) 22%,transparent) !important; }
html.dark[data-x5act] section[aria-labelledby="activity-overview-title"] .grid > button > span:first-child > span svg { color: color-mix(in srgb,var(--x5c,#1f6b6b) 60%,#f0ead6) !important; }
html.dark[data-x5act] section[aria-labelledby="activity-overview-title"] .grid > button > span:nth-child(3) { color: rgb(155, 175, 192) !important; }
html[data-x5act] section[aria-labelledby="activity-overview-title"] .grid > button[data-x5w] > span:first-child > svg { position: absolute; right: 16px; top: 50%; transform: translateY(-50%); }
@media (min-width: 768px) {
  html[data-x5act] section[aria-labelledby="activity-overview-title"] .grid > button[data-x5w] > span:first-child > svg { position: static; transform: none; }
}
html[data-x5act] section[aria-labelledby="activity-overview-title"] .grid > button[data-x5hide] { display: none !important; }
html[data-x5act] section[aria-labelledby="activity-overview-title"] .grid > button > span[data-x5u2] { display: block; min-width: 0px; max-width: 100%; overflow: hidden; }
html[data-x5act] section[aria-labelledby="activity-overview-title"] .grid > button > span[data-x5u2]::before { content: attr(data-x5u); display: block; font-size: 11.5px; line-height: 1.35; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: inherit; }
html[data-x5act] section[aria-labelledby="activity-overview-title"] .grid > button > span[data-x5u2]::after { content: attr(data-x5u2); display: block; font-size: 10.5px; line-height: 1.3; margin-top: 2px; opacity: 0.62; }
/* == https://havineini-demo.sites.tab.bot/extras6.css?v=2 == */
body[data-hv6-m] [data-loc$="Shiurim.tsx:446"] > :not(#hv6-m) { display: none !important; }
body[data-hv6-m] #dm-fs, body[data-hv6-m] #hv6-tags, body[data-hv6-m] #hv6-sp { display: none !important; }
html.x6-swap [data-loc$="AppShell.tsx:1643"] { visibility: hidden !important; }
/* == https://havineini-demo.sites.tab.bot/extras6b.css?v=12 == */
.sp-att-add { display: none !important; }
.x6b-chip { height: 24px; display: inline-flex; align-items: center; gap: 4px; border: 0px; border-radius: 9999px; padding: 0px 6px; font-family: inherit; background: rgba(31, 107, 107, 0.08); color: rgb(31, 107, 107); cursor: pointer; transition: transform 0.1s; }
.x6b-chip:active { transform: scale(0.95); }
.x6b-chip.x6b-d { background: rgba(126, 203, 210, 0.12); color: rgb(154, 224, 227); }
.x6b-chip .pg { width: 14px; height: 16px; border-radius: 3px; background: rgb(255, 255, 255); border: 1px solid rgba(31, 107, 107, 0.24); display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; }
.x6b-chip.x6b-d .pg { border-color: rgba(154, 224, 227, 0.42); background: transparent; }
.x6b-chip .pg svg { width: 9px; height: 9px; }
#x6b-sheet { position: fixed; inset: 0px; z-index: 200; display: flex; align-items: center; justify-content: center; padding: 12px; background: rgba(30, 27, 20, 0.44); backdrop-filter: blur(3px); }
#x6b-sheet section { width: 100%; max-width: 42rem; border-radius: 26px; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.25) 0px 25px 50px -12px; background: rgb(255, 254, 250); border: 1px solid rgba(31, 107, 107, 0.16); }
#x6b-sheet .hd { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 16px; border-bottom: 1px solid rgba(0, 0, 0, 0.08); }
#x6b-sheet .tt { font-size: 14px; font-weight: 700; color: rgb(44, 36, 22); }
#x6b-sheet .cl { display: inline-flex; align-items: center; gap: 6px; border: 0px; border-radius: 9999px; padding: 8px 12px; font-family: inherit; background: rgba(31, 107, 107, 0.08); color: rgb(31, 107, 107); cursor: pointer; }
#x6b-sheet .cl svg { width: 14px; height: 14px; }
#x6b-sheet .bd { padding: 22px 18px; text-align: center; }
#x6b-sheet .wt { margin: 12px 0px 0px; font-size: 12px; line-height: 1.4; color: rgb(138, 126, 110); }
#x6b-sheet .add { display: inline-flex; align-items: center; justify-content: center; min-width: 180px; height: 44px; border: 0px; border-radius: 9999px; padding: 0px 22px; font-family: inherit; background: rgb(31, 107, 107); color: rgb(255, 255, 255); cursor: pointer; }
#x6b-sheet .add:active { transform: scale(0.97); }
#x6b-sheet .add[hidden] { display: none; }
#x6b-sheet .st { margin: 12px 0px 0px; font-size: 12px; color: rgb(138, 126, 110); }
#x6b-sheet .st.ok { color: rgb(31, 107, 107); }
#x6b-sheet .st.err { color: rgb(192, 86, 59); }
#x6b-sheet.x6b-dark section { background: rgb(32, 41, 56); border-color: rgba(255, 255, 255, 0.12); }
#x6b-sheet.x6b-dark .hd { border-bottom-color: rgba(255, 255, 255, 0.1); }
#x6b-sheet.x6b-dark .tt { color: rgb(240, 234, 214); }
#x6b-sheet.x6b-dark .cl { background: rgba(255, 255, 255, 0.1); color: rgb(240, 234, 214); }
#x6b-sheet.x6b-dark .wt { color: rgb(184, 176, 160); }
#x6b-sheet.x6b-dark .add { background: rgb(126, 203, 210); color: rgb(19, 33, 43); }
#x6b-sheet.x6b-dark .st.ok { color: rgb(154, 224, 227); }
button.x6b-has { position: relative !important; overflow: visible !important; }
.x6b-plus { position: absolute; top: -7px; right: -7px; width: 17px; height: 17px; border-radius: 9999px; display: flex; align-items: center; justify-content: center; background: rgb(31, 107, 107); color: rgb(255, 255, 255); box-shadow: rgb(255, 254, 250) 0px 0px 0px 2px; cursor: pointer; z-index: 2; }
.x6b-plus::before { content: ""; position: absolute; inset: -9px; border-radius: 9999px; }
.x6b-plus svg { width: 11px; height: 11px; stroke-width: 3; }
.x6b-plus:active { transform: scale(0.92); }
.x6b-plus.x6b-d { background: rgb(126, 203, 210); color: rgb(19, 33, 43); box-shadow: rgb(27, 37, 51) 0px 0px 0px 2px; }
#sp-att-note { display: none !important; }
#x6b-sheet .mn { list-style: none; margin: 0px 0px 10px; padding: 0px; display: flex; flex-direction: column; gap: 6px; }
#x6b-sheet .mn li { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 9px 12px; border-radius: 14px; background: rgba(31, 107, 107, 0.06); border: 1px solid rgba(31, 107, 107, 0.12); }
#x6b-sheet .mn .nm { font-size: 13px; font-weight: 600; color: rgb(26, 26, 26); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0px; }
#x6b-sheet .mn .wt { font-size: 11px; color: rgb(138, 126, 110); white-space: nowrap; flex-shrink: 0; }
#x6b-sheet .pb { height: 4px; border-radius: 4px; background: rgba(31, 107, 107, 0.12); overflow: hidden; margin: 0px 0px 10px; }
#x6b-sheet .pb i { display: block; height: 100%; width: 0px; background: rgb(31, 107, 107); transition: width 0.15s; }
#x6b-sheet .add:disabled { opacity: 0.5; }
#x6b-sheet.x6b-dark .mn li { background: rgba(126, 203, 210, 0.08); border-color: rgba(154, 224, 227, 0.18); }
#x6b-sheet.x6b-dark .mn .nm { color: rgb(240, 234, 214); }
#x6b-sheet.x6b-dark .mn .wt { color: rgb(155, 175, 192); }
#x6b-sheet.x6b-dark .pb i { background: rgb(154, 224, 227); }
#x6b-sheet .mn li { flex-wrap: wrap; }
#x6b-sheet .mn a.nm { text-decoration: none; color: rgb(31, 107, 107); }
#x6b-sheet.x6b-dark .mn a.nm { color: rgb(127, 196, 188); }
#x6b-sheet .mn .wt { white-space: normal; flex-basis: 100%; font-size: 11px; }
#x6b-sheet .x6b-ask { margin: 12px 0px 2px; padding: 12px; border-radius: 14px; background: rgba(31, 107, 107, 0.06); border: 1px solid rgba(31, 107, 107, 0.14); text-align: center; }
#x6b-sheet .x6b-ask p { margin: 0px 0px 10px; font-size: 14px; font-weight: 600; color: rgb(26, 26, 26); }
#x6b-sheet .x6b-ask .bt { display: flex; gap: 10px; justify-content: center; }
#x6b-sheet .x6b-ask button { min-width: 92px; height: 36px; border-radius: 999px; border: 1px solid rgba(31, 107, 107, 0.35); background: rgb(255, 255, 255); color: rgb(31, 107, 107); font-size: 14px; font-weight: 600; }
#x6b-sheet .x6b-ask button.y { background: rgb(31, 107, 107); color: rgb(255, 255, 255); border-color: rgb(31, 107, 107); }
#x6b-sheet.x6b-dark .x6b-ask p { color: rgb(237, 230, 214); }
.x6b-wait { display: block; font-size: 11px; line-height: 1.3; color: rgb(138, 138, 138); font-weight: 400; margin-top: 2px; }
#x6b-sheet .x6b-ask .sub { display: block; margin: -6px 0px 10px; font-size: 11.5px; color: rgb(138, 138, 138); font-weight: 400; }
#x6b-sheet .mn .x6b-th { width: 40px; height: 40px; object-fit: cover; border-radius: 8px; flex-shrink: 0; border: 1px solid rgba(0, 0, 0, 0.08); }
#x6b-sheet .mn li .nm { flex: 1 1 0%; }
#x6b-sheet .mn .x6b-del { flex-shrink: 0; width: 28px; height: 28px; display: inline-flex; align-items: center; justify-content: center; border: 0px; border-radius: 999px; background: transparent; color: rgb(156, 163, 175); cursor: pointer; padding: 0px; margin-left: auto; }
#x6b-sheet .mn .x6b-del:active { background: rgba(0, 0, 0, 0.06); }
#x6b-sheet .mn .x6b-cf { flex-basis: 100%; display: flex; align-items: center; gap: 8px; font-size: 12px; color: rgb(26, 26, 26); padding-top: 6px; }
#x6b-sheet .mn .x6b-cf span { flex: 1 1 0%; }
#x6b-sheet .mn .x6b-cf button { min-height: 28px; padding: 4px 12px; border-radius: 999px; border: 1px solid rgba(0, 0, 0, 0.12); background: rgb(255, 255, 255); font-size: 12px; font-weight: 600; cursor: pointer; }
#x6b-sheet .mn .x6b-cf button.y { background: rgb(185, 28, 28); border-color: rgb(185, 28, 28); color: rgb(255, 255, 255); }
#x6b-sheet.x6b-dark .mn .x6b-cf { color: rgb(240, 234, 214); }
#x6b-sheet.x6b-dark .mn .x6b-cf button:not(.y) { background: transparent; color: rgb(240, 234, 214); border-color: rgba(255, 255, 255, 0.2); }
#x6b-sheet .mn .x6b-pv { flex-basis: 100%; display: flex; gap: 8px; overflow-x: auto; scroll-snap-type: x mandatory; padding: 8px 0px 2px; position: relative; }
#x6b-sheet .mn .x6b-pv img { flex: 0 0 100%; max-width: 100%; max-height: min(46vh, 380px); object-fit: contain; border-radius: 10px; background: rgb(244, 244, 242); border: 1px solid rgba(0, 0, 0, 0.08); scroll-snap-align: center; cursor: zoom-in; }
#x6b-sheet .mn .x6b-pv .x6b-pg { position: absolute; right: 8px; bottom: 8px; background: rgba(0, 0, 0, 0.55); color: rgb(255, 255, 255); font-size: 11px; padding: 2px 8px; border-radius: 999px; }
#x6b-sheet .mn .x6b-pv-wait { font-size: 12px; color: rgb(138, 126, 110); padding: 18px 0px; justify-content: center; }
#x6b-sheet .mn li { flex-wrap: wrap; }
.x6b-fs { position: fixed; inset: 0px; z-index: 2147483647; background: rgba(0, 0, 0, 0.92); display: flex; align-items: center; justify-content: center; }
.x6b-fs img { max-width: 100vw; max-height: 100vh; object-fit: contain; }
.x6b-fs .x { position: absolute; top: calc(12px + env(safe-area-inset-top)); right: 12px; width: 36px; height: 36px; border-radius: 999px; border: 0px; background: rgba(255, 255, 255, 0.18); color: rgb(255, 255, 255); font-size: 18px; }
.x6b-sdel { display: inline-flex; align-items: center; gap: 4px; margin-inline-start: 8px; min-height: 28px; padding: 3px 10px; border-radius: 999px; border: 1px solid rgba(185, 28, 28, 0.35); background: rgb(255, 255, 255); color: rgb(185, 28, 28); font-size: 12px; font-weight: 600; cursor: pointer; vertical-align: middle; }
.x6b-scf { display: flex; align-items: center; gap: 8px; margin-top: 8px; font-size: 13px; color: rgb(26, 26, 26); flex-wrap: wrap; }
.x6b-scf span { flex: 1 1 0%; min-width: 140px; }
.x6b-scf button { min-height: 30px; padding: 4px 14px; border-radius: 999px; border: 1px solid rgba(0, 0, 0, 0.12); background: rgb(255, 255, 255); font-size: 12px; font-weight: 600; cursor: pointer; }
.x6b-scf button.y { background: rgb(185, 28, 28); border-color: rgb(185, 28, 28); color: rgb(255, 255, 255); }
html.dark .x6b-scf { color: rgb(240, 234, 214); }
html.dark .x6b-sdel { background: transparent; }
/* == https://havineini-demo.sites.tab.bot/extras6k.css?v=6 == */
.kr-root.x6k-pre .kr-spin { display: none; }
.kr-root.x6k-pre .kr-ph:not(.x6k-ph) { display: none; }
.kr-ph.x6k-ph { box-shadow: rgba(0, 0, 0, 0.06) 0px 1px 2px, rgba(40, 30, 10, 0.1) 0px 6px 24px; background: rgb(255, 255, 255); }
html.kr-open.x6k-mp .kr-root { bottom: calc(28px + env(safe-area-inset-bottom,0px)) !important; }
html.kr-open div.md\:hidden.flex-shrink-0.px-3.pt-2, html.kr-open nav { visibility: hidden !important; }
html.kr-open div.fixed.inset-0.z-50 { z-index: 2147483605 !important; }
html.kr-open [data-sonner-toaster] { z-index: 2147483606 !important; }
#x6k-mp { position: fixed; left: 0px; right: 0px; bottom: 0px; z-index: 2147483601; box-sizing: border-box; height: calc(56px + env(safe-area-inset-bottom,0px)); padding: 0 14px env(safe-area-inset-bottom,0px); display: flex; align-items: center; gap: 10px; background: rgb(255, 255, 255); border-top: 1px solid rgba(0, 0, 0, 0.08); box-shadow: rgba(48, 40, 24, 0.08) 0px -4px 14px; font-family: "DM Sans", system-ui, sans-serif; }
#x6k-mp .ln { position: absolute; left: 0px; right: 0px; top: 0px; height: 3px; background: rgba(0, 0, 0, 0.07); }
#x6k-mp .ln b { display: block; height: 100%; width: 0px; background: rgb(42, 138, 122); transition: width 0.4s linear; }
#x6k-mp .pp { width: 38px; height: 38px; flex-shrink: 0; border-radius: 50%; border: 0px; padding: 0px; display: flex; align-items: center; justify-content: center; background: rgb(31, 107, 107); color: rgb(255, 255, 255); cursor: pointer; box-shadow: rgba(31, 107, 107, 0.28) 0px 3px 10px; }
#x6k-mp .pp svg { width: 19px; height: 19px; }
#x6k-mp .pp:active { transform: scale(0.94); }
#x6k-mp .tx { flex: 1 1 0%; min-width: 0px; display: flex; flex-direction: column; align-items: flex-end; text-align: right; line-height: 1.2; }
#x6k-mp .tx b { max-width: 100%; font-size: 13px; font-weight: 700; color: rgb(26, 26, 26); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#x6k-mp .tx span { max-width: 100%; font-size: 10.5px; color: rgb(138, 126, 110); margin-top: 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-variant-numeric: tabular-nums; }
#x6k-mp.dk { background: rgb(20, 20, 20); border-top-color: rgba(255, 255, 255, 0.08); box-shadow: none; }
#x6k-mp.dk .ln { background: rgba(255, 255, 255, 0.1); }
#x6k-mp.dk .pp { background: rgb(212, 168, 67); color: rgb(11, 17, 32); box-shadow: none; }
#x6k-mp.dk .tx b { color: rgb(240, 234, 214); }
#x6k-mp.dk .tx span { color: rgb(155, 147, 133); }
html.kr-open.x6k-k3 .kr-root .kr-x { display: none !important; }
#x6k-chev { position: fixed; top: calc(8px + env(safe-area-inset-top,0px)); right: 8px; z-index: 2147483603; height: 28px; padding: 0px 6px 0px 10px; gap: 3px; border: 0px; border-radius: 9999px; display: flex; align-items: center; justify-content: center; background: rgba(255, 255, 255, 0.82); color: rgb(90, 80, 64); box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 5px; cursor: pointer; -webkit-tap-highlight-color: transparent; transition: top 0.24s cubic-bezier(0.2, 0.7, 0.2, 1), transform 0.24s; }
#x6k-chev svg { width: 17px; height: 17px; transition: transform 0.24s; }
#x6k-chev.dk { background: rgba(30, 30, 30, 0.82); color: rgb(232, 224, 204); }
html.x6k-on #x6k-chev { top: calc(90px + env(safe-area-inset-top,0px)); }
html.x6k-on #x6k-chev svg { transform: rotate(180deg); }
#x6k-mp { height: calc(28px + env(safe-area-inset-bottom,0px)) !important; padding: 0 10px env(safe-area-inset-bottom,0px) !important; gap: 8px !important; box-shadow: rgba(48, 40, 24, 0.06) 0px -2px 8px !important; }
#x6k-mp .ln { height: 2px !important; }
#x6k-mp .pp { width: 22px !important; height: 22px !important; box-shadow: none !important; }
#x6k-mp .pp svg { width: 12px !important; height: 12px !important; }
#x6k-mp .tx b { font-size: 11.5px !important; }
#x6k-opts { position: fixed; left: 0px; right: 0px; top: 0px; z-index: 2147483602; padding-top: env(safe-area-inset-top,0px); box-shadow: rgba(40, 30, 10, 0.12) 0px 2px 12px; transform: translateY(-105%); transition: transform 0.24s cubic-bezier(0.2, 0.7, 0.2, 1); pointer-events: none; }
html.x6k-on #x6k-opts { transform: none; pointer-events: auto; }
html:not(.kr-open) #x6k-opts { display: none; }
#x6k-chev .lb { font: 600 11px / 1 "DM Sans", system-ui, sans-serif; color: rgb(122, 112, 100); white-space: nowrap; }
#x6k-chev.dk .lb { color: rgb(184, 174, 156); }
#x6k-mp .cx { flex-shrink: 0; width: 22px; height: 22px; border: 0px; padding: 0px; background: transparent; color: rgb(138, 126, 110); display: flex; align-items: center; justify-content: center; cursor: pointer; }
#x6k-mp .cx svg { width: 13px; height: 13px; }
#x6k-mp.dk .cx { color: rgb(155, 175, 192); }
/* == https://havineini-demo.sites.tab.bot/extras7.css?v=2 == */
html:not([data-x7]) #hv6-m .hvc { visibility: hidden; }
.hvc-mi .hvc-c { font-size: 10.5px; font-weight: 500; color: rgb(138, 138, 138); margin-inline-start: 7px; opacity: 1; }
.hvc-mi.sel .hvc-c, .hvc-mi:active .hvc-c { color: inherit; opacity: 0.6; }
html.dark .hvc-mi .hvc-c, [data-theme="dark"] .hvc-mi .hvc-c { color: rgb(154, 154, 154); }
.hvc-g[data-g="gemara"] .hvc-menu .hvc-c { display: none; }
#hv6-m .hv6-lt .hv6-x[data-act="back"] { display: none; }
#hv6-m .hv6-lt .tt p[role="link"] { cursor: pointer; }
/* == https://havineini-demo.sites.tab.bot/extras9.css?v=16 == */
[data-shiur-id] > [aria-label$="% listened"] > div { background: rgb(42, 138, 122) !important; }
.dm-line { background: rgb(42, 138, 122) !important; }
.player-mobile-timeline > div:first-child > div.absolute.left-0.rounded-full { background: rgb(42, 138, 122) !important; }
.player-mobile-timeline > div:first-child > div.z-20 { background: rgb(42, 138, 122) !important; box-shadow: rgba(42, 138, 122, 0.18) 0px 0px 0px 3px !important; }
.x9-line { position: absolute; left: 0px; right: 0px; bottom: 0px; height: 3px; background: rgba(0, 0, 0, 0.08); pointer-events: none; }
html.dark .x9-line { background: rgba(255, 255, 255, 0.1); }
.x9-line i { display: block; height: 100%; width: 0px; background: rgb(42, 138, 122); }
.dm-done, .dm-done * { opacity: 1; }
[data-dm-id].dm-done { filter: none !important; }
.player-mobile-timeline .grid.grid-cols-2:has(> .x9-pp) { grid-template-columns: 1fr auto 1fr; }
.player-mobile-timeline .grid.grid-cols-2 > .x9-pp { order: 2; text-align: center; pointer-events: none; }
.player-mobile-timeline .grid.grid-cols-2:has(> .x9-pp) > div:nth-child(2) { order: 3; }
html.x9a .player-mobile-artwork { transition: width 0.25s, height 0.25s; width: calc(var(--x9ah,192px) * .78) !important; height: calc(var(--x9ah,192px) * .78) !important; margin-top: calc(var(--x9ah,192px) * .11) !important; margin-bottom: calc(var(--x9ah,192px) * .11) !important; }
#dm-vsw { gap: 2px; border-radius: 999px; padding: 3px !important; background: rgba(0, 0, 0, 0.06) !important; }
#dm-vsw button { align-items: center; gap: 5px; height: 30px; border: 0px; border-radius: 999px; -webkit-tap-highlight-color: transparent; display: inline-flex !important; padding: 0px 13px !important; background: transparent !important; color: rgb(138, 126, 110) !important; font: 700 12px / 1 "DM Sans", sans-serif !important; opacity: 1 !important; box-shadow: none !important; }
#dm-vsw button svg { width: 15px; height: 15px; flex-shrink: 0; }
#dm-vsw button.on { background: rgb(31, 107, 107) !important; color: rgb(255, 255, 255) !important; box-shadow: rgba(31, 107, 107, 0.3) 0px 1px 6px !important; }
html.dark #dm-vsw { background: rgba(255, 255, 255, 0.08) !important; }
html.dark #dm-vsw button { color: rgb(155, 175, 192) !important; }
html.dark #dm-vsw button.on { background: rgb(212, 168, 67) !important; color: rgb(26, 26, 26) !important; }
html.x9v #dm-vid > .fs { display: none !important; }
#dm-vid .x9-vprog { position: absolute; left: 0px; right: 0px; bottom: 0px; padding: 18px 12px 7px; background: linear-gradient(to top, rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0)); touch-action: none; cursor: pointer; }
#dm-vid .x9-vprog .tr { position: relative; height: 4px; border-radius: 2px; background: rgba(255, 255, 255, 0.3); }
#dm-vid .x9-vprog .tr i { position: absolute; left: 0px; top: 0px; bottom: 0px; border-radius: 2px; background: rgb(42, 138, 122); }
#dm-vid .x9-vprog .tr b { position: absolute; top: 50%; width: 12px; height: 12px; margin: -6px 0px 0px -6px; border-radius: 50%; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.35) 0px 1px 3px; }
#dm-vid .x9-vprog .tm { display: flex; justify-content: space-between; align-items: center; margin-top: 5px; font-style: normal; font-variant: tabular-nums; font-size-adjust: none; font-language-override: normal; font-kerning: auto; font-optical-sizing: auto; font-feature-settings: normal; font-variation-settings: normal; font-weight: 600; font-stretch: normal; font-size: 10px; line-height: 1; font-family: "DM Sans", sans-serif; color: rgb(255, 255, 255); direction: ltr; }
#dm-vid .x9-vprog .tm em { font-style: normal; font-weight: 700; opacity: 0.9; }
#x9-vdock { order: 1; flex-shrink: 0; border-radius: 16px; padding: 6px 12px; background: rgba(255, 255, 255, 0.72); border: 1px solid rgba(0, 0, 0, 0.08); margin-bottom: 8px; }
#x9-vdock .r1 { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; }
#x9-vdock .r1 .sk { justify-self: center; width: 44px; height: 44px; border: 0px; background: transparent; display: flex; align-items: center; justify-content: center; cursor: pointer; color: rgb(90, 80, 64); padding: 0px; }
#x9-vdock .r1 .sk svg { width: 28px; height: 28px; }
#x9-vdock .pp { width: 56px; height: 56px; border-radius: 50%; border: 0px; background: rgb(0, 127, 130); box-shadow: rgba(0, 0, 0, 0.18) 0px 8px 24px; display: flex; align-items: center; justify-content: center; cursor: pointer; padding: 0px; }
#x9-vdock .pp svg { width: 26px; height: 26px; }
#x9-vdock .r2 { display: grid; grid-template-columns: repeat(4, 1fr); margin-top: 4px; padding-top: 4px; border-top: 1px solid rgba(0, 0, 0, 0.06); }
#x9-vdock .r2 button { border: 0px; background: transparent; display: flex; flex-direction: column; align-items: center; gap: 2px; min-height: 40px; justify-content: center; cursor: pointer; color: rgb(90, 80, 64); border-radius: 12px; padding: 0px; }
#x9-vdock .r2 button:active { background: rgba(0, 0, 0, 0.05); }
#x9-vdock .r2 svg { width: 19px; height: 19px; }
#x9-vdock .r2 b { font: 800 13px / 19px "DM Sans", sans-serif; color: rgb(0, 127, 130); }
#x9-vdock .r2 span { font: 600 9px "DM Sans", sans-serif; color: rgb(138, 126, 110); }
#x9-vdock .r2 button.on span, #x9-vdock .r2 button.on svg { color: rgb(0, 127, 130); }
html.dark #x9-vdock { background: rgba(255, 255, 255, 0.05); border-color: rgba(255, 255, 255, 0.1); }
html.dark #x9-vdock .r1 .sk, html.dark #x9-vdock .r2 button { color: rgb(155, 175, 192); }
html.dark #x9-vdock .r2 b, html.dark #x9-vdock .r2 button.on span, html.dark #x9-vdock .r2 button.on svg { color: rgb(126, 203, 210); }
html.dark #x9-vdock .r2 { border-top-color: rgba(255, 255, 255, 0.08); }
#x9-lock { position: absolute; inset: 0px; z-index: 40; background: rgba(247, 245, 240, 0.01); display: flex; align-items: flex-end; justify-content: center; padding-bottom: 110px; }
#x9-lock button { display: flex; align-items: center; gap: 8px; border: 0px; border-radius: 999px; padding: 10px 16px; background: rgba(26, 26, 26, 0.82); color: rgb(255, 255, 255); font: 700 12px "DM Sans", sans-serif; box-shadow: rgba(0, 0, 0, 0.25) 0px 6px 20px; }
#x9-lock button svg { width: 16px; height: 16px; }
.dm-act .mt-auto.h-1.rounded-full { display: block !important; }
.dm-act > .dm-line, .dm-act > .dm-pct { display: none !important; }
.dm-act .mt-auto.h-1.rounded-full > div:not([style*="34, 197, 94"]):not([style*="22c55e"]) { background: rgb(42, 138, 122) !important; }
.dm-act .flex.items-center.justify-between.mt-0\.5 > span:first-child { display: inline !important; }
[aria-label="Clip start and end"] [data-slot="slider-track"] { overflow: visible !important; }
.x9-now { position: absolute; top: 50%; width: 3px; height: 18px; margin: -9px 0px 0px -1.5px; border-radius: 2px; background: rgb(232, 131, 58); box-shadow: rgba(255, 255, 255, 0.9) 0px 0px 0px 1.5px; pointer-events: none; z-index: 1; transition: left 0.25s linear; }
.x9-now em { position: absolute; bottom: calc(100% + 3px); left: 50%; transform: translateX(-50%); font-variant: tabular-nums; font-size-adjust: none; font-language-override: normal; font-kerning: auto; font-optical-sizing: auto; font-feature-settings: normal; font-variation-settings: normal; font-weight: 700; font-stretch: normal; font-size: 9.5px; line-height: 1; font-family: "DM Sans", sans-serif; font-style: normal; color: rgb(232, 131, 58); white-space: nowrap; direction: ltr; }
#sp-float { display: none !important; }
#x9-bar { position: relative; display: flex; align-items: center; gap: 10px; height: 56px; margin: 0px 0px 8px; padding: 6px 8px 4px 10px; border-radius: 16px; background: rgb(255, 255, 255); border: 1px solid rgba(0, 0, 0, 0.08); box-shadow: rgba(48, 40, 24, 0.12) 0px 4px 16px; overflow: hidden; cursor: pointer; -webkit-tap-highlight-color: transparent; font-family: "DM Sans", sans-serif; box-sizing: border-box; }
#x9-bar .ln { position: absolute; left: 0px; right: 0px; top: 0px; height: 3px; background: rgba(0, 0, 0, 0.08); }
#x9-bar .ln b { display: block; height: 100%; width: 0px; background: rgb(42, 138, 122); transition: width 0.45s linear; }
#x9-bar .ctl { display: flex; align-items: center; gap: 2px; flex-shrink: 0; direction: ltr; }
#x9-bar .sk { width: 34px; height: 40px; border: 0px; background: transparent; padding: 0px; display: flex; align-items: center; justify-content: center; color: rgb(90, 80, 64); cursor: pointer; }
#x9-bar .sk svg { width: 26px; height: 26px; }
#x9-bar .pp { width: 40px; height: 40px; border-radius: 50%; border: 0px; background: rgb(31, 107, 107); color: rgb(255, 255, 255); display: flex; align-items: center; justify-content: center; padding: 0px; cursor: pointer; box-shadow: rgba(31, 107, 107, 0.3) 0px 3px 10px; }
#x9-bar .pp svg { width: 20px; height: 20px; }
#x9-bar .tx { flex: 1 1 0%; min-width: 0px; display: flex; flex-direction: column; align-items: flex-end; text-align: right; line-height: 1.2; }
#x9-bar .tx b { max-width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 13.5px; font-weight: 700; color: rgb(26, 26, 26); }
#x9-bar .tx span { max-width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 10.5px; color: rgb(138, 126, 110); margin-top: 2px; }
#x9-bar .tx em { font-style: normal; }
#x9-bar .tx s { text-decoration: none; font-variant-numeric: tabular-nums; }
#x9-bar .pic { width: 42px; height: 42px; flex-shrink: 0; border-radius: 10px; overflow: hidden; background: rgb(242, 238, 228); }
#x9-bar .pic img { width: 100%; height: 100%; object-fit: cover; display: block; }
#x9-bar.dk { background: rgb(31, 40, 64); border-color: rgba(255, 255, 255, 0.08); box-shadow: rgba(0, 0, 0, 0.35) 0px 4px 16px; }
#x9-bar.dk .ln { background: rgba(255, 255, 255, 0.1); }
#x9-bar.dk .tx b { color: rgb(240, 234, 214); }
#x9-bar.dk .tx span { color: rgb(155, 175, 192); }
#x9-bar.dk .sk { color: rgb(155, 175, 192); }
#x9-bar.dk .pp { background: rgb(212, 168, 67); color: rgb(11, 17, 32); box-shadow: none; }
#x9-bar.dk .pic { background: rgba(255, 255, 255, 0.06); }
div.flex.flex-col.flex-1.min-h-0.overflow-hidden.rounded-2xl:has(> .player-mobile-identity) { overscroll-behavior: contain; scrollbar-width: none; overflow-y: auto !important; }
.x9-pp > span:first-child { display: none !important; }
.x9-pp > span:last-child { font-size: 13px; }
.x9-ow > [data-mobile-transport-dock] + div { margin-top: 16px !important; }
[aria-label="Clip start and end"] .x9-now { z-index: 30 !important; pointer-events: none !important; }
[aria-label="Clip start and end"] [data-slot="slider-range"], [aria-label="Clip start and end"] [role="slider"] { z-index: auto; }
#x9-bar { gap: 6px !important; padding: 5px 4px 3px 2px !important; }
#x9-bar .up, #x9-bar .cx { flex-shrink: 0; width: 26px; height: 40px; border: 0px; background: transparent; padding: 0px; display: flex; align-items: center; justify-content: center; color: rgb(138, 126, 110); cursor: pointer; -webkit-tap-highlight-color: transparent; }
#x9-bar .up svg { width: 20px; height: 20px; }
#x9-bar .cx svg { width: 16px; height: 16px; }
#x9-bar .sk { width: 38px !important; height: 44px !important; }
#x9-bar .sk svg { width: 31px !important; height: 31px !important; }
#x9-bar .pp { width: 44px !important; height: 44px !important; }
#x9-bar .pp svg { width: 23px !important; height: 23px !important; }
#x9-bar .tx b { font-size: 12px !important; font-weight: 600 !important; }
#x9-bar .tx span { font-size: 10px !important; }
#x9-bar .pic { width: 36px !important; height: 36px !important; border-radius: 9px !important; }
#x9-bar.dk .up, #x9-bar.dk .cx { color: rgb(155, 175, 192); }
#x9-bar .tx s { color: rgb(107, 107, 107) !important; }
/* == https://havineini-demo.sites.tab.bot/extras12.css?v=3 == */
[data-shiur-id] { content-visibility: auto; contain-intrinsic-size: auto 116px; }
/* == https://havineini-demo.sites.tab.bot/extras20.css?v=3 == */
.x20-p1 { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: contain; pointer-events: none; transition: opacity 0.25s; z-index: 0; background: transparent; }
.x20-p1.x20-out { opacity: 0; }
.kr-root.x20-has-p1 .kr-ph { display: none; }
.kr-root.x20-has-p1 .kr-spin { opacity: 0.55; }
/* == https://havineini-demo.sites.tab.bot/extras13.css?v=2 == */
.x13-day { height: 48px; gap: 3px; }
.x13-day b { font: 700 16px / 1 "Frank Ruhl Libre", "Noto Sans Hebrew", serif; }
.x13-day i { font: 500 10.5px / 1 "DM Sans", sans-serif; opacity: 1; color: rgb(111, 101, 86); white-space: nowrap; }
.x13-day.s i { color: rgba(255, 255, 255, 0.9); }
.x13-day.t i { color: rgb(31, 107, 107); }
.x13-day.s.t i { color: rgba(255, 255, 255, 0.9); }
.x13-cal-g { margin: 3px 0px 0px; font: 500 12px "DM Sans", sans-serif; color: rgb(138, 126, 110); }
html.dark .x13-day i { color: rgba(232, 228, 218, 0.62); }
html.dark .x13-day.t i { color: rgb(126, 203, 203); }
html.dark .x13-day.s i { color: rgba(255, 255, 255, 0.9); }
html.dark .x13-cal-g { color: rgba(232, 228, 218, 0.5); }
.x13-hide { display: none !important; }
.x13-line { margin: 5px 0px 0px; font: 500 11.5px / 1.2 "DM Sans", sans-serif; color: rgb(90, 80, 64); white-space: nowrap; display: flex; justify-content: center; align-items: baseline; gap: 5px; }
.x13-line .x13-he { font: 600 12.5px / 1 "Noto Sans Hebrew", sans-serif; color: rgb(31, 107, 107); }
.x13-line .x13-dot { opacity: 0.55; }
html.dark .x13-line { color: rgba(232, 228, 218, 0.7); }
html.dark .x13-line .x13-he { color: rgb(126, 203, 203); }
#dm-cal.x13-show { display: flex !important; visibility: visible !important; opacity: 1 !important; }
/* == https://havineini-demo.sites.tab.bot/extras15.css?v=3 == */
.x15-ic { width: 16px; height: 16px; display: block; }
.x15-b { width: 32px; height: 32px; border-radius: 9999px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; background: rgba(0, 0, 0, 0.055); color: rgb(26, 26, 26); border: 0px; padding: 0px; transition: transform 0.12s; -webkit-tap-highlight-color: transparent; }
.x15-b:active { transform: scale(0.9); }
.x15-b.x15-sm { width: 26px; height: 26px; }
.x15-b.x15-sm .x15-ic { width: 14px; height: 14px; }
.x15-dl[data-st="busy"], .x15-dl[data-st="done"] { color: var(--x15a,#1F6B6B); }
.x15-dl[data-st="done"] { background: transparent; }
.x15-dl[data-st="done"] .x15-ic { width: 20px; height: 20px; }
.x15-b.x15-sm.x15-dl[data-st="done"] .x15-ic { width: 17px; height: 17px; }
.x15-pl.x15-on { color: var(--x15a,#1F6B6B); }
.x15g { grid-template-columns: 32px 32px; grid-template-rows: 32px 32px; gap: 4px; align-items: center; display: grid !important; }
.x15g > .x15-site { grid-area: 1 / 1; }
.x15g > .x15-play { grid-area: 1 / 2 / span 2; align-self: center; }
.x15g > .x15-dl { grid-area: 2 / 1; }
.x15g > :not(.x15-site):not(.x15-play):not(.x15-dl) { grid-area: 1 / 2 / span 2; }
.x15-site > svg { display: none !important; }
.x15-site::before { content: ""; width: 16px; height: 16px; display: block; background: currentcolor; mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5.5%202.6l1.05%202.13%202.35.34-1.7%201.66.4%202.34L5.5%207.96%203.4%209.07l.4-2.34-1.7-1.66%202.35-.34z%22%20stroke-width%3D%221.3%22/%3E%3Cpath%20d%3D%22M11%206h9M4%2012h16M4%2018h9%22/%3E%3Cpath%20d%3D%22M18%2015v6M15%2018h6%22/%3E%3C/svg%3E") center center / contain no-repeat; }
.x15-site[title^="In "]::before { mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5.5%202.6l1.05%202.13%202.35.34-1.7%201.66.4%202.34L5.5%207.96%203.4%209.07l.4-2.34-1.7-1.66%202.35-.34z%22%20stroke-width%3D%221.3%22%20fill%3D%22%23000%22/%3E%3Cpath%20d%3D%22M11%206h9M4%2012h16M4%2018h9%22/%3E%3Cpath%20d%3D%22m15.2%2018%202%202%203.8-4%22/%3E%3C/svg%3E"); }
.x15-stk { display: flex; flex-direction: column; gap: 4px; flex-shrink: 0; align-self: center; }
.x15-stk-sm { gap: 3px; }
#x15-page { display: none; }
html.x15-dlp #x15-page { display: block; position: fixed; inset: 0px; z-index: 30; overflow-y: auto; background: rgb(247, 245, 240); padding: 0px 0px 24px; }
#x15-page .x15-hd { position: sticky; top: 0px; z-index: 2; display: flex; align-items: center; gap: 12px; padding: 14px 16px 10px; background: rgb(247, 245, 240); border-bottom: 1px solid rgba(0, 0, 0, 0.08); }
#x15-page .x15-list { max-width: 56rem; margin: 0px auto; padding: 12px 16px; display: flex; flex-direction: column; gap: 8px; }
#x15-page .x15-empty { text-align: center; padding: 48px 16px; }
#x15-sheet { animation: 0.16s ease-out 0s 1 normal none running x15f; }
#x15-sheet > section { animation: 0.2s ease-out 0s 1 normal none running x15u; }
@keyframes x15f { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes x15u { 
  0% { transform: translateY(24px); }
  100% { transform: none; }
}
#x15-page .x15-drow { position: relative; height: 96px; border-radius: 16px; overflow: hidden; background: rgb(255, 255, 255); border: 1px solid rgba(0, 0, 0, 0.08); box-shadow: rgba(0, 0, 0, 0.05) 0px 2px 8px; }
#x15-page .x15-din { height: 100%; padding: 14px; display: flex; align-items: center; gap: 12px; cursor: pointer; }
#x15-page .x15-dtx { flex: 1 1 0%; min-width: 0px; height: 100%; }
#x15-page .x15-dt { height: 38px; overflow: hidden; text-align: right; font-size: 13px; font-weight: 600; line-height: 1.375; color: rgb(26, 26, 26); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin: 0px; }
#x15-page .x15-dmeta { margin-top: 4px; display: flex; height: 24px; align-items: center; justify-content: flex-start; gap: 6px; overflow: hidden; white-space: nowrap; }
.x15-up { position: relative; z-index: 31; }
#x15-hub { display: none !important; }
.x15-b.x15-dl, .x15-dl { display: none !important; }
/* == https://havineini-demo.sites.tab.bot/extras14.css?v=4 == */
#dm-afterset { display: none !important; }
#dm-skipset + div:empty:has(+ #dm-afterset) { display: none !important; }
:root { --x14a: clamp(60px,calc(60svh - 300px),200px); --x14p: clamp(8px,calc((100svh - 600px) * .11 + 8px),28px); }
html:not(.x9v) body .player-mobile-artwork.player-mobile-artwork { width: var(--x14a) !important; height: var(--x14a) !important; margin: 6px auto 8px !important; transform: none !important; opacity: 1 !important; transition: none !important; animation: auto ease 0s 1 normal none running none !important; }
.player-mobile-artwork * { transition: none !important; }
div:has(> .player-mobile-artwork) > button:has(+ .player-mobile-artwork) { display: none !important; }
div:has(> .player-mobile-identity) > div.order-5 { padding-bottom: var(--x14p) !important; }
#x14-dl { display: none !important; }
#x14-dl.on svg { color: rgb(31, 107, 107); }
html.dark #x14-dl.on svg { color: rgb(126, 203, 210); }
#x14-dl.busy { opacity: 0.5; }
#x14-auto { display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; margin: -4px 0px 12px; padding: 10px 12px; border: 0px; border-radius: 14px; background: rgba(0, 0, 0, 0.035); cursor: pointer; -webkit-tap-highlight-color: transparent; font-family: "DM Sans", sans-serif; text-align: left; }
#x14-auto .t { font-size: 13px; font-weight: 600; color: rgb(26, 26, 26); }
#x14-auto .k { position: relative; flex-shrink: 0; width: 42px; height: 25px; border-radius: 999px; background: rgb(217, 211, 199); transition: background 0.18s; }
#x14-auto .k i { position: absolute; top: 2.5px; left: 2.5px; width: 20px; height: 20px; border-radius: 50%; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.25) 0px 1px 3px; transition: transform 0.18s; }
#x14-auto[aria-checked="true"] .k { background: rgb(31, 107, 107); }
#x14-auto[aria-checked="true"] .k i { transform: translateX(17px); }
html.dark #x14-auto { background: rgba(255, 255, 255, 0.06); }
html.dark #x14-auto .t { color: rgb(240, 234, 214); }
html.dark #x14-auto .k { background: rgba(255, 255, 255, 0.18); }
html.dark #x14-auto[aria-checked="true"] .k { background: rgb(212, 168, 67); }
/* == https://havineini-demo.sites.tab.bot/extras10.css?v=3 == */
p.hebrew-text + div > span[title="שיעור"] { display: none !important; }
p.hebrew-text + div.x10-tl { gap: 4px !important; }
.x10-n { flex-shrink: 0; font-size: 10px; line-height: 16px; font-weight: 600; white-space: nowrap; color: inherit; }
.x10-n .l { font-size: 9px; font-weight: 600; }
.x10-n b { margin-inline-start: 3px; font-size: 11px; font-weight: 800; font-variant-numeric: tabular-nums; }
.x10-n::before { content: "·"; margin-left: 6px; opacity: 0.6; }
.x10-nd { display: none !important; }
/* == https://havineini-demo.sites.tab.bot/extras16.css?v=2 == */
#dm-cal.x16-calbtn { color: rgb(31, 107, 107); }
#dm-cal.x16-calbtn svg.x16-cal { width: 22px; height: 22px; display: block; flex: 0 0 auto; }
html.dark #dm-cal.x16-calbtn { color: rgb(212, 168, 67); }
#dm-fs { display: none !important; }
#x16-fs { position: fixed; right: 0px; width: 18px; z-index: 46; pointer-events: none; opacity: 0; transition: opacity 0.3s; }
#x16-fs.on { opacity: 1; }
#x16-fs .x16-hit { position: absolute; inset: 0px; pointer-events: none; touch-action: none; }
#x16-fs.on .x16-hit { pointer-events: auto; }
#x16-fs .x16-th { position: absolute; top: 0px; right: 3px; width: 5px; height: 40px; border-radius: 3px; background: rgba(31, 107, 107, 0.5); transition: width 0.15s, right 0.15s, background 0.15s; will-change: transform; }
#x16-fs.drag .x16-th { width: 7px; right: 2px; background: rgb(31, 107, 107); }
#x16-fs .x16-bb { position: absolute; top: 0px; right: 22px; white-space: nowrap; display: flex; flex-direction: column; align-items: flex-end; gap: 1px; background: rgb(31, 107, 107); color: rgb(255, 255, 255); padding: 5px 11px 6px; border-radius: 12px; box-shadow: rgba(0, 0, 0, 0.18) 0px 2px 10px; opacity: 0; pointer-events: none; transition: opacity 0.15s; }
#x16-fs.drag .x16-bb, #x16-fs.busy .x16-bb { opacity: 1; }
#x16-fs .x16-bb b { font: 600 12.5px / 1.2 "DM Sans", system-ui, sans-serif; }
#x16-fs .x16-bb span { font: 500 12px / 1.2 "Noto Sans Hebrew", "Frank Ruhl Libre", sans-serif; opacity: 0.9; }
html.dark #x16-fs .x16-th { background: rgba(212, 168, 67, 0.55); }
html.dark #x16-fs.drag .x16-th { background: rgb(212, 168, 67); }
html.dark #x16-fs .x16-bb { background: rgb(212, 168, 67); color: rgb(26, 26, 26); }
body[data-hv6-m] #x16-fs, html.kr-open #x16-fs { display: none !important; }
/* == https://havineini-demo.sites.tab.bot/extras21.css?v=7 == */
:root { --x21h: calc(min(100vw,560px) * 9 / 16); }
html:not(.x9v) body .player-mobile-artwork.player-mobile-artwork.player-mobile-artwork { width: 180px !important; height: 180px !important; margin: calc((var(--x21h) - 180px) / 2) auto !important; transform: none !important; opacity: 1 !important; transition: none !important; animation: 0.15s ease-out 0s 1 normal none running x21f !important; }
html body #dm-vid#dm-vid#dm-vid { contain: size layout; animation: 0.15s ease-out 0s 1 normal none running x21f; width: 100vw !important; max-width: 100vw !important; height: var(--x21h) !important; aspect-ratio: auto !important; margin: 0px !important; border-radius: 0px !important; box-shadow: none !important; flex-shrink: 0 !important; }
#dm-vid#dm-vid video { width: 100% !important; height: 100% !important; object-fit: contain !important; }
@keyframes x21f { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
#dm-vid .x9-vprog { display: none !important; }
#dm-vid .x21-ov { position: absolute; top: 8px; right: 10px; display: flex; gap: 6px; z-index: 2; }
#dm-vid .x21-ov .fs.x21b { position: static; width: 30px; height: 30px; border: 0px; border-radius: 9px; background: rgba(0, 0, 0, 0.42); display: flex; align-items: center; justify-content: center; padding: 0px; cursor: pointer; -webkit-tap-highlight-color: transparent; }
#dm-vid .x21-ov .fs.x21b svg { width: 16px; height: 16px; color: rgb(255, 255, 255); }
#dm-vid .x21-ov .fs.x21b.on { background: rgb(31, 107, 107); }
#dm-vid .x21-ov { display: none !important; }
html.x9v .player-mobile-identity ~ div.order-5 > div.grid.grid-cols-5, html.x9v [data-mobile-transport-dock] { display: none !important; }
html.x9v #x9-vdock { display: block !important; order: 3 !important; margin: 0px 0px 6px !important; padding: 4px 12px !important; }
html.x9v #x9-vdock .r1 { grid-template-columns: 1fr auto 1fr; place-items: center; display: grid !important; }
html.x9v #x9-vdock .r1 .sk { width: 44px !important; height: 44px !important; }
html.x9v #x9-vdock .r1 .sk svg { width: 28px !important; height: 28px !important; }
html.x9v #x9-vdock .pp { width: 52px !important; height: 52px !important; }
html.x9v #x9-vdock .r2 button { min-height: 38px; }
html.x9v .player-mobile-identity > div:first-child { display: none !important; }
html.x9v .player-mobile-identity .player-title-viewport > div.line-clamp-2 { -webkit-line-clamp: 1 !important; }
html.x9v .player-mobile-identity .player-title-viewport { max-height: 30px; }
html.x9v .player-mobile-timeline { margin-bottom: 4px !important; }
@media (max-height: 680px) {
  :root { --x21h: 130px; }
  html body .player-mobile-artwork.player-mobile-artwork.player-mobile-artwork { width: 108px !important; height: 108px !important; margin: 11px auto !important; }
  .player-mobile-identity > div:first-child { display: none !important; }
  .player-mobile-identity .player-title-viewport > div.line-clamp-2 { -webkit-line-clamp: 1 !important; font-size: 17px !important; }
  .player-mobile-identity .player-title-viewport { max-height: 28px; }
  .player-mobile-identity { margin-bottom: 2px !important; }
  .player-mobile-timeline { margin-bottom: 2px !important; }
  html.x9v .player-mobile-identity [aria-label="Shiur date"] { display: none !important; }
  html.x9v #x9-vdock { padding: 2px 10px !important; margin-bottom: 4px !important; }
  html.x9v #x9-vdock .r2 { margin-top: 2px; padding-top: 2px; }
}
@media (max-height: 680px) {
  html:not(.x9v) body .player-mobile-artwork.player-mobile-artwork.player-mobile-artwork.player-mobile-artwork { width: 108px !important; height: 108px !important; margin: 11px auto !important; }
}
@media (max-height: 680px) {
  .player-mobile-identity .player-title-viewport > div.line-clamp-2 { unicode-bidi: plaintext; display: block !important; -webkit-line-clamp: unset !important; -webkit-box-orient: unset !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; direction: rtl !important; text-align: right !important; }
}
html.x9v .player-mobile-identity .player-title-viewport > div.line-clamp-2 { unicode-bidi: plaintext; display: block !important; -webkit-line-clamp: unset !important; -webkit-box-orient: unset !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; direction: rtl !important; text-align: right !important; }
@media (max-height: 680px) {
  :root { --x21h: 110px; }
  html:not(.x9v) body .player-mobile-artwork.player-mobile-artwork.player-mobile-artwork.player-mobile-artwork { width: 96px !important; height: 96px !important; margin: 7px auto !important; }
  .player-mobile-identity ~ div.order-5.x9-ow { margin-top: 0px !important; padding-bottom: 0px !important; gap: 4px !important; }
  .player-mobile-identity ~ div.order-5.x9-ow > div.grid.grid-cols-5 { padding-top: 2px !important; padding-bottom: 2px !important; }
  .player-mobile-identity ~ div.order-5.x9-ow > div.grid.grid-cols-6 { margin-top: 2px !important; padding-top: 2px !important; padding-bottom: 2px !important; }
  .player-mobile-timeline > div.grid.grid-cols-2 { margin-top: 2px !important; }
  html.x9v #x9-vdock .r1 .sk { width: 40px !important; height: 40px !important; }
  html.x9v #x9-vdock .pp { width: 46px !important; height: 46px !important; }
  html.x9v #x9-vdock .r2 button { min-height: 32px !important; }
  html.x9v .player-mobile-identity ~ div.order-5.x9-ow > div.grid.grid-cols-5 { display: none !important; }
}
html.x9barp { --x21h: calc(min(100vw,560px) * 9 / 16 - 70px); }
html.x9barp:not(.x9v) body .player-mobile-artwork.player-mobile-artwork.player-mobile-artwork.player-mobile-artwork { width: 150px !important; height: 150px !important; margin: calc((var(--x21h) - 150px) / 2) auto !important; }
@media (max-height: 680px) {
  html.x9barp { --x21h: 64px; }
  html.x9barp:not(.x9v) body .player-mobile-artwork.player-mobile-artwork.player-mobile-artwork.player-mobile-artwork { width: 56px !important; height: 56px !important; margin: 4px auto !important; }
  html.x9barp.x9v #x9-vdock .r1 .sk { width: 36px !important; height: 36px !important; }
  html.x9barp.x9v #x9-vdock .pp { width: 40px !important; height: 40px !important; }
  html.x9barp.x9v #x9-vdock .r2 button { min-height: 28px !important; }
  html.x9barp.x9v #x9-vdock { padding-top: 0px !important; padding-bottom: 0px !important; }
}
@media (max-height: 680px) {
  html:not(.x9v) { --x21h: 142px; }
  html:not(.x9v) body .player-mobile-artwork.player-mobile-artwork.player-mobile-artwork.player-mobile-artwork { width: 132px !important; height: 132px !important; margin: 5px auto !important; }
  html.x9barp:not(.x9v) { --x21h: 72px; }
  html.x9barp:not(.x9v) body .player-mobile-artwork.player-mobile-artwork.player-mobile-artwork.player-mobile-artwork { width: 64px !important; height: 64px !important; margin: 4px auto !important; }
}
/* == https://havineini-demo.sites.tab.bot/extras22.css?v=5 == */
.player-mobile-identity [aria-label*="ttachment"], .player-mobile-identity .x6b-chip, .player-mobile-identity .x6b-plus { display: none !important; }
#x22-att { position: relative; }
#x22-att svg { width: 19px; height: 19px; }
#x22-att.on { color: rgb(31, 107, 107); }
#x22-att .n { position: absolute; top: 3px; right: 2px; min-width: 14px; height: 14px; padding: 0px 3px; border-radius: 7px; background: rgb(31, 107, 107); color: rgb(255, 255, 255); font: 700 9px / 14px "DM Sans", sans-serif; text-align: center; }
html.dark #x22-att.on { color: rgb(126, 203, 210); }
.player-mobile-timeline .x22pct { font-size: 12px !important; color: rgb(107, 107, 107) !important; }
.player-mobile-timeline .x22left { font-size: 12px !important; color: rgb(107, 107, 107) !important; }
.x22-plb svg { width: 22px; height: 22px; }
div.flex.items-center.justify-between.pt-1.pb-2 button[aria-label="Save shiur"], div.flex.items-center.justify-between.pt-1.pb-2 button[aria-label="Unsave shiur"], div.flex.items-center.justify-between.pt-1.pb-2 button[aria-label^="Remove from saved"] { display: none !important; }
.x22-hdb { display: flex; align-items: center; gap: 6px; flex-shrink: 0; }
#x22-addatt { gap: 4px; white-space: nowrap; padding-left: 10px !important; padding-right: 12px !important; }
#x22-addatt span { display: inline !important; }
.x22-wait { display: block; margin-top: 2px; font-size: 11px; line-height: 1.3; color: rgb(138, 138, 138); font-weight: 400; }
/* == https://havineini-demo.sites.tab.bot/extras18.css?v=2 == */
header[data-x18ah] { position: fixed; top: 0px; left: 0px; right: 0px; transform: translateY(var(--x18y,0px)); will-change: transform; }
[data-x18pad] { padding-top: var(--x18h,64px); }
.x18-dup { display: none !important; }
.x18-np { background: rgba(0, 0, 0, 0.055); color: rgb(26, 26, 26); border: 0px; padding: 0px; cursor: pointer; -webkit-tap-highlight-color: transparent; transition: transform 0.15s; align-self: center; }
.x18-np:active { transform: scale(0.9); }
html.dark .x18-np { background: rgba(255, 255, 255, 0.08); color: rgb(240, 234, 214); }
.x18-nr { cursor: pointer; }
/* == https://havineini-demo.sites.tab.bot/extras24.css?v=2 == */
@import url("https://fonts.googleapis.com/css2?family=Frank+Ruhl+Libre:wght@500;700&display=swap");
.x23-line { display: flex; align-items: center; justify-content: center; gap: 6px; max-width: 100%; margin: 2px auto 0px; padding: 1px 10px; border: 0px; background: transparent; cursor: pointer; white-space: nowrap; overflow: hidden; -webkit-tap-highlight-color: transparent; }
.x23-line b { flex-shrink: 0; font: 600 11px / 18px "DM Sans", Heebo, sans-serif; color: var(--x23a,#1F6B6B); letter-spacing: 0.2px; }
.x23-line i { flex-shrink: 0; font-style: normal; color: rgb(201, 178, 122); font-size: 11px; }
.x23-line span { min-width: 0px; overflow: hidden; text-overflow: ellipsis; font: 500 13px / 18px "Frank Ruhl Libre", "David Libre", serif; color: rgb(74, 66, 54); }
.x23-pill { display: inline-flex; align-items: center; gap: 5px; align-self: center; max-width: calc(100% - 32px); margin: 0px auto 6px; padding: 4px 12px; border-radius: 999px; border: 1px solid rgba(201, 178, 122, 0.55); background: rgb(251, 247, 238); cursor: pointer; white-space: nowrap; overflow: hidden; }
.x23-pill span { font: 600 10.5px "DM Sans", sans-serif; color: var(--x23a,#1F6B6B); flex-shrink: 0; }
.x23-pill b { min-width: 0px; overflow: hidden; text-overflow: ellipsis; font: 500 12.5px "Frank Ruhl Libre", serif; color: rgb(74, 66, 54); }
.x23-pill em { font: 600 10px "DM Sans", sans-serif; color: rgb(154, 138, 102); }
#x23-sheet { position: fixed; inset: 0px; z-index: 9999; }
#x23-sheet .bk { position: absolute; inset: 0px; background: rgba(0, 0, 0, 0.28); }
#x23-sheet section { position: absolute; left: 12px; right: 12px; bottom: calc(14px + env(safe-area-inset-bottom)); padding: 18px 18px 12px; border-radius: 20px; background: rgb(251, 247, 238); border: 1px solid rgba(201, 178, 122, 0.6); box-shadow: rgba(0, 0, 0, 0.18) 0px 10px 36px; text-align: center; }
#x23-sheet .lb { margin: 0px; font: 700 11px "DM Sans", Heebo, sans-serif; color: var(--x23a,#1F6B6B); letter-spacing: 0.3px; }
#x23-sheet .nm { margin: 4px 0px 0px; font: 700 19px / 1.3 "Frank Ruhl Libre", "David Libre", serif; color: rgb(46, 40, 31); }
#x23-sheet .dd { margin: 6px 0px 0px; font: 500 13.5px / 1.5 "Frank Ruhl Libre", serif; color: rgb(138, 126, 110); }
#x23-sheet hr { border: 0px; height: 1px; margin: 14px 30px; background: linear-gradient(90deg, transparent, rgba(201, 178, 122, 0.7), transparent); }
#x23-sheet .cl { margin-top: 14px; height: 36px; padding: 0px 22px; border-radius: 999px; border: 1px solid rgba(0, 0, 0, 0.1); background: rgb(255, 255, 255); font: 600 13px "DM Sans", sans-serif; color: rgb(90, 80, 64); }
html.dark .x23-line span, html.dark .x23-pill b { color: rgb(232, 223, 200); }
html.dark .x23-pill { background: rgba(255, 255, 255, 0.06); }
html.dark #x23-sheet section { background: rgb(31, 40, 64); border-color: rgba(201, 178, 122, 0.35); }
html.dark #x23-sheet .nm { color: rgb(240, 234, 214); }
/* == https://havineini-demo.sites.tab.bot/extras25.css?v=5 == */
#x9-bar .tx s { display: none !important; }
#x9-bar .tx .x25t { font-style: normal; display: inline-flex; align-items: baseline; gap: 5px; direction: ltr; white-space: nowrap; }
#x9-bar .tx .x25a { text-decoration: none; font-variant-numeric: tabular-nums; color: rgb(107, 107, 107); }
#x9-bar .tx .x25p { text-decoration: none; font-variant-numeric: tabular-nums; font-size: 8.5px; color: rgb(154, 144, 128); }
#x9-bar.dk .tx .x25a { color: rgb(155, 175, 192); }
#x9-bar.dk .tx .x25p { color: rgb(127, 147, 166); }
#x9-bar { height: 64px !important; }
#x9-bar .pp { background: var(--x25pp,#1F6B6B) !important; }
#x9-bar.dk .pp { background: var(--x25pp,#D4A843) !important; color: rgb(255, 255, 255) !important; }
#x9-bar .tx .x25p { font-size: 12.5px !important; font-weight: 600 !important; color: rgb(51, 51, 51) !important; }
#x9-bar .ln b { background: var(--x25pp,#1F6B6B) !important; }
#x9-bar.dk .tx .x25p { color: rgb(216, 222, 230) !important; }
#x9-bar .tx > span { font-size: 12px !important; }
#x9-bar .tx .x25a { font-size: 12px; color: rgb(85, 85, 85); }
/* == https://havineini-demo.sites.tab.bot/extras26.css?v=2 == */
html.x26on .x26-host > :not(:first-child):not(#x26-res) { display: none !important; }
#x26-res { padding-bottom: 8px; }
#x26-res .x26-row:active { background: rgba(0, 0, 0, 0.035); }
html.dark #x26-res .x26-row:active { background: rgba(255, 255, 255, 0.04); }
#x26-res .x26-row > .x26-pl { margin-left: 0px; align-self: center; }
#x26-res .x26-row { gap: 10px; }
#x26-res .x15-stk, #x26-res .x15-dl { display: none !important; }
html.dark #x26-res .x15-b { background: rgba(255, 255, 255, 0.08); color: rgb(240, 234, 214); }
button.x26-lm { opacity: 0 !important; visibility: hidden !important; height: 1px !important; min-height: 0px !important; padding: 0px !important; margin: 0px !important; border: 0px !important; overflow: hidden !important; pointer-events: none !important; box-shadow: none !important; }
/* == https://havineini-demo.sites.tab.bot/extras27.css?v=3 == */
.x15g { grid-template-rows: 32px !important; row-gap: 0px !important; align-items: center !important; }
.x15g > .x15-site, .x15g > .x15-play, .x15g > :not(.x15-site):not(.x15-play):not(.x15-dl) { grid-row: 1 !important; align-self: center !important; }
.x15-stk { align-self: center !important; justify-content: center !important; }
.x27-date { unicode-bidi: isolate; }
[data-loc^="client/src/pages/History.tsx"] { filter: none !important; }
.player-mobile-identity .x27-pen, .player-mobile-identity .x27-ph { display: none !important; }
@media (max-height: 680px) {
  html.x9v .player-mobile-identity .x27-pd { display: none !important; }
}
/* == https://havineini-demo.sites.tab.bot/extras29.css?v=2 == */
html[data-x5act] section[aria-labelledby="activity-overview-title"] .grid > button > span[data-x5u2][data-x29a]::before { content: attr(data-x29a); }
html[data-x5act] section[aria-labelledby="activity-overview-title"] .grid > button > span[data-x5u2][data-x29b]::after { content: attr(data-x29b); }
html[data-x5act] section[aria-labelledby="activity-overview-title"] .grid > button > span[data-x5u2][data-x29b=""]::after { display: none; }
/* == https://havineini-demo.sites.tab.bot/extras30.css?v=2 == */
#x30-back { display: flex; align-items: center; padding: 10px 16px 2px; direction: ltr; }
#x30-b { background: rgba(0, 0, 0, 0.06); color: rgb(26, 26, 26); border: 0px; padding: 0px; cursor: pointer; -webkit-tap-highlight-color: transparent; }
html.dark #x30-b, .dark #x30-b { background: rgba(255, 255, 255, 0.1); color: rgb(240, 234, 214); }
/* == https://havineini-demo.sites.tab.bot/extras31.css?v=3 == */
html.x31 main .x3-datebtn .x13-line { display: none !important; }
html.x31 main .x3-datebtn h1 { font-family: "DM Sans", Arial, sans-serif !important; font-size: 16px !important; font-weight: 700 !important; line-height: 1.2 !important; color: rgb(26, 26, 26) !important; letter-spacing: 0px !important; }
main .x3-datebtn .x31-day { margin: 3px 0px 0px; font: 500 12.5px / 1.35 "Noto Sans Hebrew", "DM Sans", Arial, sans-serif; color: rgb(85, 85, 85); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center; }
main .x3-datebtn .x31-day i { font-style: normal; color: rgb(176, 168, 152); margin: 0px 4px; }
main .x3-datebtn .x31-day bdi { font-family: "DM Sans", Arial, sans-serif; color: rgb(85, 85, 85); }
html.dark main .x3-datebtn h1 { color: rgb(240, 234, 214) !important; }
html.dark main .x3-datebtn .x31-day, html.dark main .x3-datebtn .x31-day bdi { color: rgb(200, 192, 174); }
/* == https://havineini-demo.sites.tab.bot/extras32.css?v=2 == */
#x32-ph { position: fixed; inset: 64px 0px 0px; z-index: 40; background: var(--background,#fff); display: flex; flex-direction: column; align-items: center; padding: 24px 20px 0px; pointer-events: none; }
#x32-ph img, #x32-ph .ni { width: 180px; height: 180px; border-radius: 16px; object-fit: cover; background: rgb(238, 242, 241); margin: 28px 0px 18px; }
#x32-ph h2 { font-size: 18px; font-weight: 700; line-height: 1.3; text-align: center; margin: 0px 0px 6px; color: inherit; max-width: 100%; }
#x32-ph p { font-size: 13px; color: rgb(107, 107, 107); margin: 0px; text-align: center; }
html.dark #x32-ph { background: rgb(15, 21, 20); }
/* == https://havineini-demo.sites.tab.bot/extras35.css?v=2 == */
.x35-tabs { display: flex; gap: 8px; margin: 2px 0px 10px; direction: rtl; }
.x35-p { flex: 1 1 0px; min-width: 0px; padding: 8px 10px; border-radius: 999px; border: 1px solid var(--c,#8A5E4B); background: transparent; color: var(--c,#8A5E4B); font-style: inherit; font-variant: inherit; font-stretch: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 14px; font-weight: 600; line-height: 1.2; cursor: pointer; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.x35-p.on { background: var(--c,#8A5E4B); color: rgb(255, 255, 255); }
/* == https://havineini-demo.sites.tab.bot/extras40.css?v=2 == */
@media (min-height: 681px) and (max-height: 779px) {
  :root { --x21h: min(calc(min(100vw,560px) * 9 / 16), calc(100vh - 556px)); }
  html:not(.x9v) body .player-mobile-artwork.player-mobile-artwork.player-mobile-artwork.player-mobile-artwork.player-mobile-artwork { width: min(180px,calc(var(--x21h) - 12px)) !important; height: min(180px,calc(var(--x21h) - 12px)) !important; margin: 6px auto !important; }
  html.x9barp { --x21h: max(60px,calc(100vh - 626px)); }
  html.x9barp:not(.x9v) body .player-mobile-artwork.player-mobile-artwork.player-mobile-artwork.player-mobile-artwork.player-mobile-artwork { width: min(150px,calc(var(--x21h) - 8px)) !important; height: min(150px,calc(var(--x21h) - 8px)) !important; margin: 4px auto !important; }
}
/* == https://havineini-demo.sites.tab.bot/extras34.css?v=2 == */
[data-dm-id] p.hebrew-text { display: block !important; -webkit-line-clamp: unset !important; -webkit-box-orient: unset !important; height: auto !important; min-height: 0px !important; max-height: none !important; overflow: visible !important; font-size: 11.5px !important; line-height: 14px !important; font-weight: 500 !important; color: rgb(107, 107, 107) !important; }
[data-dm-id] p.hebrew-text::first-line { font-size: 14px; line-height: 19px; font-weight: 600; color: rgb(26, 26, 26); }
.dm-act p.hebrew-text::first-line { font-size: 13px; line-height: 18px; }
html.dark [data-dm-id] p.hebrew-text { color: rgb(155, 175, 192) !important; }
html.dark [data-dm-id] p.hebrew-text::first-line { color: rgb(240, 234, 214); }
.x10-n { cursor: pointer; }
.dm-act .x31-bar { margin-bottom: 3px; }
.dm-act .x31-pr { margin-top: 2px !important; justify-content: space-between; }
.dm-act .x31-pct { font-size: 10px; font-weight: 600; color: rgb(90, 80, 64); }
html.dark .dm-act .x31-pct { color: rgb(155, 175, 192); }
html.x31-one .x6b-plus, html.x31-one #x22-addatt { display: none !important; }
html.x31-notes main li, html.x31-notes [data-x31note] { border-radius: 14px; }
html.dark #hv7-ybox, html.dark .hv6-chips, html.dark [data-hvx-bar], html.dark [role="tablist"] { background: transparent !important; }
#x31-all { position: absolute; transform: translateY(-50%); right: 16px; z-index: 2; height: 30px; padding: 0px 12px; border-radius: 15px; border: 1px solid rgba(0, 0, 0, 0.1); background: rgba(31, 107, 107, 0.08); color: rgb(31, 107, 107); font: 600 12px / 30px "DM Sans", system-ui, sans-serif; }
html.dark #x31-all { background: rgba(255, 255, 255, 0.08); color: rgb(240, 234, 214); border-color: rgba(255, 255, 255, 0.12); }
html.x31-gem .hv6-lt .hv6-x { display: none !important; }
#x13-cal .x31-par { display: block; text-decoration: none; font-size: 7.5px; line-height: 9px; font-weight: 600; opacity: 0.75; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; }
.x31-hide { display: none !important; }
html.x31-notes .x18-nr { flex-wrap: wrap; align-items: center; }
html.x31-notes .x18-nr > .min-w-0.flex-1 { flex: 1 1 calc(100% - 120px); }
html.x31-notes .x18-nr > .min-w-0.flex-1 p { font-size: 14px; line-height: 20px; }
html.x31-notes .x18-nr > .shrink-0.flex.items-center.gap-2 { flex-basis: 100%; justify-content: flex-end; gap: 14px; margin-top: -2px; }
.dm-act .x31-pr > span:first-child:not(.x31-pct) { display: none !important; }
.hvc-ddw:has([data-dd="k:g_bavli"]) + .hvc-menu .hvc-c, .hvc-ddw:has([data-dd="k:g_yeru"]) + .hvc-menu .hvc-c, .hvc-b[data-scope^="g:"][data-k] .hvc-c, .hvc-mi[data-scope^="g:"] .hvc-c { display: none !important; }
/* == https://havineini-demo.sites.tab.bot/extras36.css?v=4 == */
.x36-tg { font-size: 10.5px; line-height: 13px; height: 13px; color: rgb(138, 138, 138); font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: right; margin: 0px; padding: 0px; letter-spacing: 0px; }
.x36-t { cursor: pointer; }
.x36-t:active { opacity: 0.6; }
.x36-dot { color: rgb(181, 181, 181); }
.x36-pl { margin: 4px 0px 2px; text-align: center; font-size: 11px; line-height: 14px; height: auto; }
html.dark .x36-tg, [data-theme="dark"] .x36-tg { color: rgb(154, 154, 154); }
.x36-tg { max-width: 70%; box-sizing: border-box; }
.x36-pl { max-width: 70%; margin: 4px auto 2px; }
.x36-tg.x36-in { flex: 0 1 auto; min-width: 0px; max-width: 46%; height: 18px; line-height: 16px; padding: 0px 7px; margin: 0px; box-sizing: border-box; border: 1px solid rgb(214, 214, 214); border-radius: 999px; background: rgb(246, 246, 246); color: rgb(122, 122, 122); font-size: 10px; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block; text-align: center; vertical-align: middle; cursor: pointer; -webkit-tap-highlight-color: transparent; }
.x36-tg.x36-in:active { opacity: 0.6; }
html.dark .x36-tg.x36-in, [data-theme="dark"] .x36-tg.x36-in { background: rgb(38, 38, 38); border-color: rgb(58, 58, 58); color: rgb(160, 160, 160); }
.x36-pl { display: none !important; }
/* == https://havineini-demo.sites.tab.bot/extras37.css?v=2 == */
#x37-cf { position: fixed; inset: 0px; z-index: 300; background: rgba(30, 27, 20, 0.44); display: flex; align-items: flex-end; justify-content: center; padding: 0 12px calc(env(safe-area-inset-bottom) + 18px); }
#x37-cf .x37-cf-card { width: 100%; max-width: 420px; background: rgb(255, 255, 255); border-radius: 22px; padding: 20px 18px 16px; box-shadow: rgba(0, 0, 0, 0.18) 0px 10px 30px; text-align: center; font-family: inherit; }
#x37-cf .x37-cf-t { margin: 0px 0px 16px; font-size: 15px; font-weight: 700; color: rgb(26, 26, 26); }
#x37-cf .x37-cf-b { display: flex; gap: 8px; }
#x37-cf button { flex: 1 1 0%; height: 42px; border: 0px; border-radius: 12px; font-size: 14px; cursor: pointer; }
#x37-cf .x37-cancel { background: rgba(0, 0, 0, 0.06); color: rgb(90, 80, 64); font-weight: 600; }
#x37-cf .x37-rm { background: rgb(185, 28, 28); color: rgb(255, 255, 255); font-weight: 700; }
html.dark #x37-cf .x37-cf-card, .dark #x37-cf .x37-cf-card { background: rgb(31, 40, 64); }
html.dark #x37-cf .x37-cf-t, .dark #x37-cf .x37-cf-t { color: rgb(240, 234, 214); }
html.dark #x37-cf .x37-cancel, .dark #x37-cf .x37-cancel { background: rgba(255, 255, 255, 0.08); color: rgb(155, 175, 192); }
#x37-b { background: rgba(0, 0, 0, 0.06); color: rgb(26, 26, 26); border: 0px; padding: 0px; cursor: pointer; -webkit-tap-highlight-color: transparent; }
html.dark #x37-b, .dark #x37-b { background: rgba(255, 255, 255, 0.1); color: rgb(240, 234, 214); }
.x37-hd { justify-content: flex-start !important; direction: ltr; }
.x37-nr { align-items: center !important; }
.x37-np { margin-right: -6px; color: rgb(31, 107, 107); background: rgba(31, 107, 107, 0.09); width: 28px !important; height: 28px !important; }
.x37-np svg { width: 13px; height: 13px; }
.x37-gone { display: none !important; }
.x37-st .x37-stc { width: 100%; height: 100%; border-radius: 9999px; background: rgb(255, 255, 255); overflow: hidden; position: relative; }
.x37-st .x37-stc img { width: 100%; height: 100%; object-fit: contain; }
.x37-st .x37-stc span { font-size: 5px !important; }
/* == https://havineini-demo.sites.tab.bot/extras42.css?v=5 == */
.x42-tile { transition: background-color 0.2s; }
html.dark .x42-tile, .dark .x42-tile { background-color: rgba(255, 255, 255, 0.04) !important; }
#x42-kh { position: fixed; left: 50%; bottom: calc(84px + env(safe-area-inset-bottom)); transform: translateX(-50%); z-index: 2147483646; display: flex; flex-direction: column; align-items: center; gap: 1px; padding: 7px 14px; border-radius: 999px; background: rgba(20, 20, 20, 0.72); color: rgb(255, 255, 255); font-size: 12px; font-weight: 600; line-height: 1.25; pointer-events: none; white-space: nowrap; animation: 2.4s ease-in-out 0s infinite normal none running x42f; }
#x42-kh span + span { font-size: 10.5px; font-weight: 500; opacity: 0.85; }
@keyframes x42f { 
  0%, 100% { opacity: 0.95; }
  50% { opacity: 0.7; }
}
html.x42-hist main div.h-\[116px\][data-dm-id] { position: relative !important; padding-right: 62px !important; }
html.x42-hist main div[data-dm-id] > button[title="Play"] { position: absolute !important; right: 14px !important; top: 9px !important; margin: 0px !important; }
html.x42-hist main div[data-dm-id] > .x15-stk { position: absolute !important; right: 16px !important; top: 49px !important; margin: 0px !important; width: 32px !important; display: flex !important; justify-content: center !important; }
html.x42-hist main div[data-dm-id] > .x15-stk .x15-pl { margin: 0px !important; }
html.x42-hist main div[data-dm-id] > .dm-rm { inset: 86px 21px auto auto !important; }
html.x42-hist main div[data-dm-id] > button[title="Play"] { top: calc(50% - 38px) !important; }
html.x42-hist main div[data-dm-id] > .x15-stk { top: calc(50% + 2px) !important; }
html.x42-hist main div[data-dm-id] > .dm-rm { opacity: 0.75; inset: auto auto 5px 31px !important; width: 28px !important; height: 28px !important; padding: 4px !important; background-clip: content-box !important; }
#x42-kh { bottom: calc(70px + env(safe-area-inset-bottom)) !important; padding: 5px 12px !important; font-size: 12.5px !important; font-weight: 600 !important; gap: 0px !important; }
#x42-kh .x42-ar { font-weight: 700; margin-right: 4px; display: inline-block; animation: 1.2s ease-in-out 0s infinite normal none running x42ar; }
@keyframes x42ar { 
  0%, 100% { transform: translateX(0px); }
  50% { transform: translateX(-4px); }
}
/* == https://havineini-demo.sites.tab.bot/extras39.css?v=2 == */
#x31-all { display: none !important; }
#x9-bar .tx .x25p { font-size: 11.5px !important; font-weight: 500 !important; color: rgb(85, 85, 85) !important; }
#x9-bar.dk .tx .x25p { color: rgb(154, 168, 181) !important; }
#x9-bar .pp { width: 40px !important; height: 40px !important; box-shadow: rgba(0, 0, 0, 0.14) 0px 2px 6px !important; }
#x9-bar .pp svg { width: 17px; height: 17px; }
@media (max-width: 767px) and (min-height: 681px) {
  html:not(.x9v) .havineini-player-page .player-mobile-artwork.player-mobile-artwork { margin-top: 6px !important; margin-bottom: 10px !important; }
}
.dm-vb { gap: 0px; height: auto; line-height: 1; margin-inline-start: 4px; background: transparent !important; border: 0px !important; color: rgb(31, 107, 107) !important; opacity: 1 !important; padding: 0px !important; }
.dm-vb svg { width: 19px !important; height: 19px !important; }
.dm-vb::after { content: none !important; }
.dm-vb svg * { fill: currentcolor; stroke: currentcolor; }
#dm-vsw button svg { width: 18px !important; height: 18px !important; }
/* == https://havineini-demo.sites.tab.bot/extras43.css?v=5 == */
html.x9v .havineini-player-page .x9-ow { padding-bottom: 2px !important; gap: 0px !important; }
html.x9v .havineini-player-page .x9-ow > .grid { margin-top: 0px !important; }
html.x9v .havineini-player-page .x9-vdock { margin-bottom: 0px !important; }
html.x9v .havineini-player-page .x9-ow > .grid { padding-top: 0px !important; padding-bottom: 0px !important; }
html.x9v .havineini-player-page .x9-vdock { padding-top: 2px !important; }
html.x9v .havineini-player-page .x9-vdock .r2 { margin-top: 0px !important; }
html.x9v .havineini-player-page .player-mobile-timeline { margin-bottom: 0px !important; }
html.x9v .havineini-player-page .player-mobile-identity { margin-bottom: 0px !important; }
html.x9v .havineini-player-page .player-mobile-identity { padding-top: 0px !important; }
section.x43-dd > .hvc-gh { cursor: pointer; -webkit-tap-highlight-color: transparent; user-select: none; min-height: 28px; }
section.x43-dd > .hvc-w { overflow: hidden; transition: height 0.2s; }
section.x43-dd:not(.x43-open) > .hvc-w { margin-top: 0px !important; margin-bottom: 0px !important; padding-top: 0px !important; padding-bottom: 0px !important; }
.x43-chev { display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; flex-shrink: 0; color: rgb(122, 140, 140); transition: transform 0.2s; margin-inline-start: 6px; }
section.x43-open > .hvc-gh .x43-chev { transform: rotate(180deg); }
html.x43-q section.x43-dd > .hvc-w { overflow: visible; height: auto !important; }
html.x43-q .x43-chev { visibility: hidden; }
section.x43-dd:not(.x43-open) > :not(.hvc-gh):not(.hvc-w) { display: none !important; }
section.x43-dd > .hvc-w { grid-template-columns: repeat(3, minmax(0px, 1fr)); display: grid !important; gap: 8px !important; align-items: stretch !important; }
@media (max-width: 360px) {
  section.x43-dd > .hvc-w { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
}
section.x43-dd > .hvc-w > .hvc-b { flex-direction: column; align-items: center; justify-content: center; gap: 3px; width: 100%; min-width: 0px; height: 54px; box-sizing: border-box; text-align: center; overflow: hidden; display: flex !important; margin: 0px !important; padding: 6px 8px !important; white-space: normal !important; }
section.x43-dd > .hvc-w > .hvc-b > .x43-bt { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; line-height: 15px; max-height: 30px; word-break: break-word; }
section.x43-dd > .hvc-w > .hvc-b > .hvc-c { line-height: 11px; white-space: nowrap; flex-shrink: 0; margin: 0px !important; }
section.x43-dd > .hvc-w { grid-template-columns: repeat(4, minmax(0px, 1fr)) !important; gap: 7px !important; }
@media (max-width: 400px) {
  section.x43-dd > .hvc-w { grid-template-columns: repeat(3, minmax(0px, 1fr)) !important; }
}
section.x43-dd > .hvc-w > .hvc-b { padding: 6px 5px !important; font-size: 12.5px !important; }
section.x43-dd > .hvc-w > .hvc-ddw { width: 100%; min-width: 0px; display: block !important; margin: 0px !important; }
section.x43-dd > .hvc-w > .hvc-ddw > .hvc-b { flex-direction: column; align-items: center; justify-content: center; gap: 3px; min-width: 0px; height: 54px; box-sizing: border-box; text-align: center; overflow: hidden; line-height: 15px; display: flex !important; width: 100% !important; margin: 0px !important; padding: 6px 5px !important; white-space: normal !important; font-size: 12.5px !important; }
section.x43-dd > .hvc-w > .hvc-ddw > .hvc-b > small { line-height: 11px; white-space: nowrap; flex-shrink: 0; margin: 0px !important; }
section.x43-dd > .hvc-w > .hvc-menu { grid-column: 1 / -1 !important; width: auto !important; max-width: none !important; margin: 0px !important; position: static !important; }
section.x43-dd > .hvc-w > .hvc-b[style*="display: none"], section.x43-dd > .hvc-w > .hvc-b[style*="display:none"] { display: none !important; }
/* == https://havineini-demo.sites.tab.bot/extras50.css?v=3 == */
.x50-ask { position: fixed; inset: 0px; z-index: 2147483640; background: rgba(0, 0, 0, 0.35); display: flex; align-items: center; justify-content: center; padding: 24px; }
.x50-ask .bx { background: rgb(255, 255, 255); border-radius: 16px; padding: 18px 18px 14px; max-width: 300px; width: 100%; box-shadow: rgba(0, 0, 0, 0.18) 0px 10px 30px; font-family: inherit; }
.x50-ask p { margin: 0px 0px 14px; font-size: 15px; font-weight: 600; color: rgb(26, 26, 26); text-align: center; }
.x50-ask .bt { display: flex; gap: 10px; }
.x50-ask button { flex: 1 1 0%; min-height: 40px; border-radius: 999px; font-size: 14px; font-weight: 600; cursor: pointer; border: 1px solid rgba(0, 0, 0, 0.12); background: rgb(255, 255, 255); color: rgb(26, 26, 26); }
.x50-ask button.r { background: rgb(185, 28, 28); border-color: rgb(185, 28, 28); color: rgb(255, 255, 255); }
html.dark .x50-ask .bx { background: rgb(30, 42, 42); }
html.dark .x50-ask p { color: rgb(240, 234, 214); }
html.dark .x50-ask button.c { background: transparent; color: rgb(240, 234, 214); border-color: rgba(255, 255, 255, 0.2); }
.x50-dur { line-height: inherit; white-space: nowrap; font-size: 10px !important; font-weight: 400 !important; color: rgb(90, 80, 64) !important; }
html.dark .x50-dur { color: rgba(240, 234, 214, 0.7) !important; }
html.x9v .havineini-player-page .x9-ow { padding-bottom: 2px !important; gap: 0px !important; }
html.x9v .havineini-player-page .x9-ow > .grid { margin-top: 0px !important; }
html.x9v .havineini-player-page .x9-vdock { margin-bottom: 0px !important; }
html.x9v .havineini-player-page .x9-ow > .grid { padding-top: 0px !important; padding-bottom: 0px !important; }
html.x9v .havineini-player-page .x9-vdock { padding-top: 2px !important; }
html.x9v .havineini-player-page .x9-vdock .r2 { margin-top: 0px !important; }
html.x9v .havineini-player-page .player-mobile-timeline { margin-bottom: 0px !important; }
html.x9v .havineini-player-page .player-mobile-identity { margin-bottom: 0px !important; }
html.x9v .havineini-player-page .player-mobile-identity { padding-top: 0px !important; }
html.x9v body #dm-vid#dm-vid#dm-vid#dm-vid { height: min(var(--x21h,315px),calc(100vh - 505px)) !important; min-height: 180px !important; }
.x50-pill { color: var(--x50c) !important; background: var(--x50t) !important; border: 1px solid var(--x50b) !important; font-weight: 700 !important; }
.x50-pill .x50-dot { background: var(--x50c) !important; border-color: var(--x50c) !important; }
.x50-pill svg { color: var(--x50c) !important; fill: currentcolor; }
/* == https://havineini-demo.sites.tab.bot/extras45.css?v=2 == */
.x45-ghost { box-sizing: border-box; overflow: hidden; animation: auto ease 0s 1 normal none running none !important; transform: none !important; }
.x45-art img { display: block; width: 100% !important; height: 100% !important; }
/* == https://havineini-demo.sites.tab.bot/extras47.css?v=11 == */
.x15g .x15-play .dm-vb.x36-vb { display: none !important; }
[data-dm-id].x47-has .dm-vb { display: none !important; }
.vbadge.x47-vb { display: inline-flex; align-items: center; gap: 4px; font-size: 10.5px; font-weight: 700; padding: 2px 8px 2px 7px; border-radius: 999px; background: rgb(26, 26, 26); color: rgb(255, 255, 255); white-space: nowrap; line-height: 1.5; flex-shrink: 0; }
.vbadge.x47-vb svg { width: 12px; height: 12px; color: rgb(212, 168, 67); }
.vbadge.x47-vb { border: 1px solid rgba(31, 107, 107, 0.35); background: rgba(31, 107, 107, 0.1) !important; color: rgb(31, 107, 107) !important; font-weight: 600 !important; padding: 1px 8px 1px 7px !important; }
.vbadge.x47-vb svg { color: rgb(31, 107, 107) !important; }
.x47-a { display: none !important; }
.x15g .x15-play { position: relative; overflow: visible; }
.x15g .x15-play > svg { position: absolute; left: 50%; top: 50%; transform: translate(-45%, -50%); width: 16px !important; height: 16px !important; margin: 0px !important; }
.vbadge.x47-vb.x47-b { top: calc(100% + 4px); left: 50%; transform: translateX(-50%); z-index: 2; margin: 0px; position: absolute !important; }
.vbadge.x47-vb.x47-b { top: calc(100% + 8px) !important; padding: 1px 5px !important; font-size: 10px !important; gap: 3px !important; }
.vbadge.x47-vb.x47-b svg { width: 11px !important; height: 11px !important; }
.vbadge.x47-vb { cursor: pointer; -webkit-tap-highlight-color: transparent; }
.vbadge.x47-vb:active { opacity: 0.6; }
.x36-tg.x36-in { background: rgb(241, 241, 241) !important; color: rgb(102, 102, 102) !important; font-size: 11px !important; border-color: rgb(226, 226, 226) !important; border-radius: 999px !important; height: 19px !important; line-height: 17px !important; }
.vbadge.x47-vb.x47-b, .vbadge.x47-vb { gap: 1px !important; }
/* == https://havineini-demo.sites.tab.bot/extras52.css?v=19 == */
#dm-vid { position: relative; }
#dm-vid .x52-cover { position: absolute; inset: 0px; display: flex; align-items: flex-start; justify-content: center; pointer-events: none; border-radius: inherit; opacity: 1; transition: opacity 0.2s; z-index: 3; }
#dm-vid .x52-cover.x52-gone { opacity: 0; }
#dm-vid .x52-disc { display: block; flex: 0 0 auto; border-radius: 50%; box-sizing: border-box; }
#dm-vid .x52-sym { position: relative; display: block; width: 100%; height: 100%; border-radius: 50%; background: rgb(255, 255, 255); overflow: hidden; box-sizing: border-box; }
#dm-vid .x52-mk { position: absolute; inset: 0px; mask: url("img/havineini-track-mark-256_ffd43e7f.png") center center / contain no-repeat; }
video.x52-warm { position: fixed; left: 0px; top: 0px; width: 2px; height: 2px; opacity: 0; pointer-events: none; z-index: -1; }
#x52-float { position: fixed; right: 12px; bottom: 96px; width: 264px; height: 149px; border-radius: 14px; overflow: hidden; background: rgb(0, 0, 0); z-index: 9000; box-shadow: rgba(0, 0, 0, 0.28) 0px 10px 28px, rgba(0, 0, 0, 0.18) 0px 2px 6px; touch-action: none; cursor: grab; user-select: none; }
#x52-float.drag { cursor: grabbing; box-shadow: rgba(0, 0, 0, 0.34) 0px 16px 36px; }
#x52-float .x52-flv, #x52-float video { position: absolute; inset: 0px; object-fit: cover; pointer-events: none; width: 100% !important; height: 100% !important; }
#x52-float button { position: absolute; top: 8px; width: 30px; height: 30px; border-radius: 15px; border: 0px; background: rgba(0, 0, 0, 0.55); color: rgb(255, 255, 255); font: 600 15px / 30px system-ui; padding: 0px; cursor: pointer; }
#x52-float .x52-flx { right: 8px; }
#x52-float .x52-flpp { left: 8px; }
#x52-float .x52-flpp::before { content: ""; position: absolute; left: 10px; top: 9px; width: 3px; height: 12px; background: rgb(255, 255, 255); box-shadow: rgb(255, 255, 255) 6px 0px 0px; }
#x52-float .x52-flpp.paused::before { left: 11px; top: 8px; width: 0px; height: 0px; background: none; box-shadow: none; border-style: solid; border-width: 7px 0px 7px 11px; border-color: transparent transparent transparent rgb(255, 255, 255); }
#x52-float .x52-flp { position: absolute; left: 10px; right: 10px; bottom: 6px; height: 3px; border-radius: 2px; background: rgba(255, 255, 255, 0.35); }
#x52-float .x52-flp i { display: block; height: 100%; width: 0px; border-radius: 2px; background: rgb(255, 255, 255); }
.x52-fl #x9-bar { display: none !important; }
html.x52lk:not(.x9v) .player-mobile-artwork { width: var(--x52s) !important; height: var(--x52s) !important; max-width: none !important; flex-shrink: 0 !important; }
@media (max-width: 767px) {
  html.x9v.x52lk body #dm-vid#dm-vid#dm-vid#dm-vid { height: min(var(--x52c,180px),calc(var(--x52c,180px) + var(--x52g,68px) - var(--x52d,90px))) !important; min-height: 0px !important; max-height: none !important; }
  html.x9v.x52lk body #x9-vdock#x9-vdock { height: var(--x52d,90px) !important; min-height: 0px !important; box-sizing: border-box !important; margin: 0px !important; overflow: hidden !important; flex-shrink: 0 !important; }
}
@media (max-width: 767px) and (max-height: 700px) {
  html.x9v.x52lk { --x52d: 73px; }
  html.x9v.x52lk body #x9-vdock#x9-vdock { padding: 0px 10px !important; }
  html.x9v.x52lk #x9-vdock .r1 .sk { width: 36px !important; height: 36px !important; }
  html.x9v.x52lk #x9-vdock .pp { width: 40px !important; height: 40px !important; }
  html.x9v.x52lk #x9-vdock .r2 { margin-top: 0px !important; padding-top: 0px !important; }
  html.x9v.x52lk #x9-vdock .r2 button { min-height: 30px !important; height: 30px !important; gap: 1px !important; }
  html.x9v.x52lk #x9-vdock .r2 svg { width: 17px !important; height: 17px !important; }
  html.x9v.x52lk #x9-vdock .r2 b { line-height: 17px !important; }
  html.x9v.x52lk #x9-vdock .r2 span { line-height: 10px !important; }
}
#dm-vid .x52-logo { position: absolute; z-index: 2; pointer-events: none; background: rgb(247, 246, 242); border-radius: 0px 9px 0px 0px; display: flex; align-items: center; justify-content: center; box-sizing: border-box; }
#dm-vid .x52-logo i { display: block; width: 72%; height: 72%; mask: url("img/havineini-track-mark-256_ffd43e7f.png") center center / contain no-repeat; background: rgb(31, 107, 107); }
@media (max-width: 767px) {
  html.x9v.x52lk .player-mobile-identity .x27-pd { display: block !important; }
}
@media (max-width: 767px) and (min-height: 701px) {
  html.x9v.x52lk body #x9-vdock#x9-vdock { display: flex !important; flex-direction: column !important; justify-content: center !important; padding: 0px 10px !important; }
  html.x9v.x52lk #x9-vdock .r1 .sk { width: 36px !important; height: 36px !important; }
  html.x9v.x52lk #x9-vdock .pp { width: 40px !important; height: 40px !important; }
  html.x9v.x52lk #x9-vdock .r2 { margin-top: 0px !important; padding-top: 0px !important; }
  html.x9v.x52lk #x9-vdock .r2 button { min-height: 30px !important; height: 30px !important; gap: 1px !important; }
  html.x9v.x52lk #x9-vdock .r2 svg { width: 17px !important; height: 17px !important; }
  html.x9v.x52lk #x9-vdock .r2 b { line-height: 17px !important; }
  html.x9v.x52lk #x9-vdock .r2 span { line-height: 10px !important; }
}
/* == https://havineini-demo.sites.tab.bot/extras51.css?v=2 == */
[data-dm-id].x51 .x51-hide { display: none !important; }
[data-dm-id].x51 .x51-btns .x15-stk { align-self: center; }
[data-dm-id].x51 .x51-btns .x15-play { position: relative; overflow: visible; }
/* == https://havineini-demo.sites.tab.bot/extras63.css?v=2 == */
section.hvc-g[data-g="yz"].x43-dd > .hvc-w > .hvc-b { min-height: 54px; height: auto !important; padding: 7px 5px !important; }
section.hvc-g[data-g="yz"].x43-dd > .hvc-w > .hvc-b > .x43-bt { font-size: 12px; line-height: 14.5px; overflow-wrap: break-word; white-space: normal; text-overflow: clip; display: block !important; -webkit-line-clamp: unset !important; max-height: none !important; overflow: visible !important; word-break: normal !important; }
/* == https://havineini-demo.sites.tab.bot/extras64.css?v=2 == */
.x64-btn { display: flex; align-items: center; justify-content: center; gap: 6px; margin: 20px auto 0px; padding: 12px 26px; border: 0px; border-radius: 999px; background: var(--a,#1F6B6B); color: rgb(255, 255, 255); font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 15px; font-weight: 700; cursor: pointer; box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 8px; }
.x64-btn span { font-size: 19px; line-height: 1; font-weight: 600; margin-top: -2px; }
.x64-btn:active { transform: scale(0.96); }
.x64-btn + .x64-browse { margin-top: 12px !important; background: transparent !important; color: var(--a,#1F6B6B) !important; font-weight: 600 !important; padding: 6px 12px !important; }
html.x64-lock, html.x64-lock body { overflow: hidden; }
.x64-sh { position: fixed; inset: 0px; z-index: 2147483600; }
.x64-bg { position: absolute; inset: 0px; background: rgba(0, 0, 0, 0.32); opacity: 0; transition: opacity 0.2s; }
.x64-p { position: absolute; left: 0px; right: 0px; bottom: 0px; max-width: 640px; margin: 0px auto; height: 86vh; background: rgb(255, 255, 255); border-radius: 20px 20px 0px 0px; display: flex; flex-direction: column; transform: translateY(100%); transition: transform 0.22s; box-shadow: rgba(0, 0, 0, 0.12) 0px -6px 24px; }
.x64-sh.on .x64-bg { opacity: 1; }
.x64-sh.on .x64-p { transform: none; }
.x64-grip { width: 38px; height: 4px; border-radius: 2px; background: rgb(221, 221, 221); margin: 8px auto 0px; }
.x64-hd { display: flex; align-items: center; justify-content: space-between; padding: 10px 18px 6px; }
.x64-hd b { font-size: 17px; color: rgb(26, 26, 26); }
.x64-x { border: 0px; background: rgba(0, 0, 0, 0.05); width: 30px; height: 30px; border-radius: 50%; font-size: 13px; color: rgb(85, 85, 85); cursor: pointer; }
.x64-sr { display: flex; align-items: center; gap: 8px; margin: 6px 16px 8px; padding: 9px 12px; border-radius: 12px; background: rgb(244, 241, 236); color: rgb(138, 126, 110); }
.x64-sr input { flex: 1 1 0%; min-width: 0px; border: 0px; outline: 0px; background: transparent; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 15px; color: rgb(26, 26, 26); }
.x64-ch { display: flex; gap: 7px; overflow-x: auto; padding: 2px 16px 10px; scrollbar-width: none; flex-shrink: 0; }
.x64-ch::-webkit-scrollbar { display: none; }
.x64-c { flex-shrink: 0; border: 1px solid color-mix(in srgb,var(--c) 30%,transparent); background: rgb(255, 255, 255); color: var(--c); border-radius: 999px; padding: 6px 13px; font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 13px; font-weight: 600; cursor: pointer; white-space: nowrap; }
.x64-c.on { background: var(--c); color: rgb(255, 255, 255); border-color: var(--c); }
.x64-list { flex: 1 1 0%; overflow-y: auto; padding: 0px 16px 8px; border-top: 1px solid rgba(0, 0, 0, 0.06); }
.x64-r { display: flex; align-items: center; gap: 11px; padding: 11px 0px; border-bottom: 1px solid rgba(0, 0, 0, 0.06); }
.x64-dot { width: 9px; height: 9px; border-radius: 50%; background: var(--c); flex-shrink: 0; }
.x64-tx { flex: 1 1 0%; min-width: 0px; }
.x64-t { margin: 0px; font-size: 14px; font-weight: 600; color: rgb(26, 26, 26); line-height: 1.3; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-align: right; }
.x64-m { margin: 3px 0px 0px; font-size: 11.5px; color: rgb(138, 126, 110); text-align: right; }
.x64-add { flex-shrink: 0; width: 32px; height: 32px; border-radius: 50%; border: 1.5px solid color-mix(in srgb,var(--c) 45%,transparent); background: rgb(255, 255, 255); color: var(--c); font-size: 19px; line-height: 1; font-weight: 500; cursor: pointer; display: flex; align-items: center; justify-content: center; padding: 0px; }
.x64-add.on { background: var(--c); border-color: var(--c); color: rgb(255, 255, 255); font-size: 15px; font-weight: 700; }
.x64-empty { text-align: center; color: rgb(138, 126, 110); font-size: 14px; padding: 30px 0px; }
.x64-ft { padding: 10px 16px calc(12px + env(safe-area-inset-bottom)); border-top: 1px solid rgba(0, 0, 0, 0.06); }
.x64-done { width: 100%; border: 0px; border-radius: 999px; padding: 13px; background: var(--a,#1F6B6B); color: rgb(255, 255, 255); font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 15px; font-weight: 700; cursor: pointer; }
.dm-pladd.x64-hide { display: none !important; }
/* == https://havineini-demo.sites.tab.bot/extras65.css?v=2 == */
.x65-bar { position: relative !important; }
.x65-bar::before, .x65-bar::after { content: ""; position: absolute; top: 0px; bottom: 0px; left: 0px; border-radius: inherit; pointer-events: none; }
.x65-bar::before { right: 0px; background: var(--x65t); }
.x65-bar::after { width: var(--x65w,0%); background: var(--x65c); transition: width 0.3s; }
/* == https://havineini-demo.sites.tab.bot/extras68.css?v=3 == */
.x68-r .x36-tg.x36-in:not(.x68-t), .x68-r .x36-row { display: none !important; }
.x36-pl { display: none !important; }
.x68-x { color-scheme: unset; forced-color-adjust: unset; math-depth: unset; position-anchor: unset; text-size-adjust: unset; appearance: unset; font-feature-settings: unset; font-kerning: unset; font-language-override: unset; font-optical-sizing: unset; font-palette: unset; font-size-adjust: unset; font-stretch: unset; font-style: unset; font-synthesis: unset; font-variant: unset; font-variation-settings: unset; position-area: unset; text-orientation: unset; text-rendering: unset; text-spacing-trim: unset; -webkit-font-smoothing: unset; -webkit-locale: unset; -webkit-text-orientation: unset; -webkit-writing-mode: unset; writing-mode: unset; zoom: unset; accent-color: unset; place-content: unset; place-self: unset; alignment-baseline: unset; anchor-name: unset; anchor-scope: unset; animation-composition: unset; animation: unset; animation-trigger: unset; app-region: unset; aspect-ratio: unset; backdrop-filter: unset; backface-visibility: unset; background-blend-mode: unset; baseline-shift: unset; baseline-source: unset; block-size: unset; border-block: unset; border-collapse: unset; border-end-end-radius: unset; border-end-start-radius: unset; border-inline: unset; border-shape: unset; border-start-end-radius: unset; border-start-start-radius: unset; inset: unset; box-decoration-break: unset; box-shadow: unset; break-after: unset; break-before: unset; break-inside: unset; buffered-rendering: unset; caption-side: unset; caret-animation: unset; caret-color: unset; caret-shape: unset; clear: unset; clip: unset; clip-path: unset; clip-rule: unset; color-interpolation: unset; color-interpolation-filters: unset; color-rendering: unset; columns: unset; column-fill: unset; rule-break: unset; rule: unset; rule-inset: unset; rule-visibility-items: unset; column-span: unset; contain: unset; contain-intrinsic-block-size: unset; contain-intrinsic-size: unset; contain-intrinsic-inline-size: unset; container: unset; content: unset; content-visibility: unset; corner-shape: unset; corner-block-end-shape: unset; corner-block-start-shape: unset; counter-increment: unset; counter-reset: unset; counter-set: unset; cx: unset; cy: unset; d: unset; dominant-baseline: unset; dynamic-range-limit: unset; empty-cells: unset; field-sizing: unset; fill: unset; fill-opacity: unset; fill-rule: unset; filter: unset; flex-flow: unset; flex-line-count: unset; float: unset; flood-color: unset; flood-opacity: unset; grid: unset; grid-area: unset; hyphenate-character: unset; hyphenate-limit-chars: unset; hyphens: unset; image-orientation: unset; image-rendering: unset; initial-letter: unset; inline-size: unset; inset-block: unset; inset-inline: unset; interactivity: unset; interest-delay: unset; interpolate-size: unset; isolation: unset; justify-items: unset; letter-spacing: unset; lighting-color: unset; line-break: unset; list-style: unset; margin-block: unset; margin: unset; margin-inline: unset; marker: unset; mask: unset; mask-type: unset; math-shift: unset; math-style: unset; max-block-size: unset; max-height: unset; max-inline-size: unset; max-width: unset; min-block-size: unset; min-height: unset; min-inline-size: unset; min-width: unset; mix-blend-mode: unset; object-fit: unset; object-position: unset; object-view-box: unset; offset: unset; opacity: unset; order: unset; orphans: unset; outline: unset; outline-offset: unset; overflow-anchor: unset; overflow-block: unset; overflow-clip-margin: unset; overflow-inline: unset; overflow-wrap: unset; overflow: unset; overlay: unset; overscroll-behavior-block: unset; overscroll-behavior-inline: unset; overscroll-behavior: unset; padding-block: unset; padding-inline: unset; page: unset; page-margin-safety: unset; page-orientation: unset; paint-order: unset; perspective: unset; perspective-origin: unset; pointer-events: unset; position-try: unset; position-visibility: unset; print-color-adjust: unset; quotes: unset; r: unset; reading-flow: unset; reading-order: unset; resize: unset; rotate: unset; ruby-align: unset; ruby-overhang: unset; ruby-position: unset; rule-overlap: unset; rx: unset; ry: unset; scale: unset; scroll-axis-lock: unset; scroll-behavior: unset; scroll-initial-target: unset; scroll-margin-block: unset; scroll-margin: unset; scroll-margin-inline: unset; scroll-marker-group: unset; scroll-padding-block: unset; scroll-padding: unset; scroll-padding-inline: unset; scroll-snap-align: unset; scroll-snap-stop: unset; scroll-snap-type: unset; scroll-target-group: unset; scroll-timeline: unset; scrollbar-color: unset; scrollbar-gutter: unset; scrollbar-width: unset; shape-image-threshold: unset; shape-margin: unset; shape-outside: unset; shape-rendering: unset; size: unset; speak: unset; stop-color: unset; stop-opacity: unset; stroke: unset; stroke-dasharray: unset; stroke-dashoffset: unset; stroke-linecap: unset; stroke-linejoin: unset; stroke-miterlimit: unset; stroke-opacity: unset; stroke-width: unset; tab-size: unset; table-layout: unset; text-align: unset; text-align-last: unset; text-anchor: unset; text-autospace: unset; text-box: unset; text-combine-upright: unset; text-decoration: unset; text-decoration-skip-ink: unset; text-emphasis: unset; text-emphasis-position: unset; text-fit: unset; text-indent: unset; text-justify: unset; text-overflow: unset; text-shadow: unset; text-transform: unset; text-underline-offset: unset; text-underline-position: unset; text-wrap-style: unset; timeline-scope: unset; timeline-trigger: unset; touch-action: unset; transform: unset; transform-box: unset; transform-origin: unset; transform-style: unset; transition: unset; translate: unset; trigger-scope: unset; vector-effect: unset; vertical-align: unset; view-timeline: unset; view-transition-class: unset; view-transition-group: unset; view-transition-name: unset; view-transition-scope: unset; visibility: unset; border-spacing: unset; -webkit-box-align: unset; -webkit-box-decoration-break: unset; -webkit-box-direction: unset; -webkit-box-flex: unset; -webkit-box-ordinal-group: unset; -webkit-box-orient: unset; -webkit-box-pack: unset; -webkit-box-reflect: unset; -webkit-line-break: unset; -webkit-line-clamp: unset; -webkit-mask-box-image: unset; -webkit-rtl-ordering: unset; -webkit-ruby-position: unset; -webkit-text-combine: unset; -webkit-text-decorations-in-effect: unset; -webkit-text-fill-color: unset; -webkit-text-security: unset; -webkit-text-stroke: unset; -webkit-user-drag: unset; widows: unset; width: unset; will-change: unset; window-drag: unset; word-break: unset; word-spacing: unset; x: unset; y: unset; z-index: unset; box-sizing: border-box; display: inline-flex; align-items: center; gap: 3px; flex: 0 0 auto; white-space: nowrap; direction: rtl; position: relative; font-size: 10px; line-height: 13px; height: 15px; font-weight: 400; color: rgb(138, 143, 148); background: rgba(0, 0, 0, 0.035); border: 0px; border-radius: 4px; padding: 1px 6px; cursor: pointer; -webkit-tap-highlight-color: transparent; font-family: inherit; user-select: none; }
.x68-x .x68-c { font-size: 9px; line-height: 13px; display: inline-block; }
.x68-x.x68-on { color: rgb(107, 113, 119); background: rgba(0, 0, 0, 0.06); }
.x68-x:active { opacity: 0.55; }
.x68-x::after { content: ""; position: absolute; inset: -2px -3px; }
.x68-x.x68-in { margin-right: auto; order: -1; }
.x68-hl { overflow: visible !important; }
.x68-xl { display: flex; justify-content: flex-start; direction: ltr; margin: 2px 0px 0px; height: 15px; line-height: 15px; overflow: visible; }
.x68-tl { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 4px; margin: 4px 0px 0px; padding: 0px; min-width: 0px; max-width: 100%; direction: rtl; height: auto; overflow: visible; line-height: 13px; }
.x68-t.x36-t { color-scheme: unset; forced-color-adjust: unset; math-depth: unset; position-anchor: unset; text-size-adjust: unset; appearance: unset; font-feature-settings: unset; font-kerning: unset; font-language-override: unset; font-optical-sizing: unset; font-palette: unset; font-size-adjust: unset; font-stretch: unset; font-style: unset; font-synthesis: unset; font-variant: unset; font-variation-settings: unset; position-area: unset; text-orientation: unset; text-rendering: unset; text-spacing-trim: unset; -webkit-font-smoothing: unset; -webkit-locale: unset; -webkit-text-orientation: unset; -webkit-writing-mode: unset; writing-mode: unset; zoom: unset; accent-color: unset; place-content: unset; place-items: unset; place-self: unset; alignment-baseline: unset; anchor-name: unset; anchor-scope: unset; animation-composition: unset; animation: unset; animation-trigger: unset; app-region: unset; aspect-ratio: unset; backdrop-filter: unset; backface-visibility: unset; background-blend-mode: unset; baseline-shift: unset; baseline-source: unset; block-size: unset; border-block: unset; border-collapse: unset; border-end-end-radius: unset; border-end-start-radius: unset; border-inline: unset; border-shape: unset; border-start-end-radius: unset; border-start-start-radius: unset; inset: unset; box-decoration-break: unset; box-shadow: unset; break-after: unset; break-before: unset; break-inside: unset; buffered-rendering: unset; caption-side: unset; caret-animation: unset; caret-color: unset; caret-shape: unset; clear: unset; clip: unset; clip-path: unset; clip-rule: unset; color-interpolation: unset; color-interpolation-filters: unset; color-rendering: unset; columns: unset; column-fill: unset; gap: unset; rule-break: unset; rule: unset; rule-inset: unset; rule-visibility-items: unset; column-span: unset; contain: unset; contain-intrinsic-block-size: unset; contain-intrinsic-size: unset; contain-intrinsic-inline-size: unset; container: unset; content: unset; content-visibility: unset; corner-shape: unset; corner-block-end-shape: unset; corner-block-start-shape: unset; counter-increment: unset; counter-reset: unset; counter-set: unset; cx: unset; cy: unset; d: unset; dominant-baseline: unset; dynamic-range-limit: unset; empty-cells: unset; field-sizing: unset; fill: unset; fill-opacity: unset; fill-rule: unset; filter: unset; flex-flow: unset; flex-line-count: unset; float: unset; flood-color: unset; flood-opacity: unset; grid: unset; grid-area: unset; height: unset; hyphenate-character: unset; hyphenate-limit-chars: unset; hyphens: unset; image-orientation: unset; image-rendering: unset; initial-letter: unset; inline-size: unset; inset-block: unset; inset-inline: unset; interactivity: unset; interest-delay: unset; interpolate-size: unset; isolation: unset; letter-spacing: unset; lighting-color: unset; line-break: unset; list-style: unset; margin-block: unset; margin: unset; margin-inline: unset; marker: unset; mask: unset; mask-type: unset; math-shift: unset; math-style: unset; max-block-size: unset; max-height: unset; max-inline-size: unset; min-block-size: unset; min-height: unset; min-inline-size: unset; min-width: unset; mix-blend-mode: unset; object-fit: unset; object-position: unset; object-view-box: unset; offset: unset; opacity: unset; order: unset; orphans: unset; outline: unset; outline-offset: unset; overflow-anchor: unset; overflow-block: unset; overflow-clip-margin: unset; overflow-inline: unset; overflow-wrap: unset; overflow: unset; overlay: unset; overscroll-behavior-block: unset; overscroll-behavior-inline: unset; overscroll-behavior: unset; padding-block: unset; padding-inline: unset; page: unset; page-margin-safety: unset; page-orientation: unset; paint-order: unset; perspective: unset; perspective-origin: unset; pointer-events: unset; position-try: unset; position-visibility: unset; print-color-adjust: unset; quotes: unset; r: unset; reading-flow: unset; reading-order: unset; resize: unset; rotate: unset; ruby-align: unset; ruby-overhang: unset; ruby-position: unset; rule-overlap: unset; rx: unset; ry: unset; scale: unset; scroll-axis-lock: unset; scroll-behavior: unset; scroll-initial-target: unset; scroll-margin-block: unset; scroll-margin: unset; scroll-margin-inline: unset; scroll-marker-group: unset; scroll-padding-block: unset; scroll-padding: unset; scroll-padding-inline: unset; scroll-snap-align: unset; scroll-snap-stop: unset; scroll-snap-type: unset; scroll-target-group: unset; scroll-timeline: unset; scrollbar-color: unset; scrollbar-gutter: unset; scrollbar-width: unset; shape-image-threshold: unset; shape-margin: unset; shape-outside: unset; shape-rendering: unset; size: unset; speak: unset; stop-color: unset; stop-opacity: unset; stroke: unset; stroke-dasharray: unset; stroke-dashoffset: unset; stroke-linecap: unset; stroke-linejoin: unset; stroke-miterlimit: unset; stroke-opacity: unset; stroke-width: unset; tab-size: unset; table-layout: unset; text-align: unset; text-align-last: unset; text-anchor: unset; text-autospace: unset; text-box: unset; text-combine-upright: unset; text-decoration: unset; text-decoration-skip-ink: unset; text-emphasis: unset; text-emphasis-position: unset; text-fit: unset; text-indent: unset; text-justify: unset; text-overflow: unset; text-shadow: unset; text-transform: unset; text-underline-offset: unset; text-underline-position: unset; text-wrap-style: unset; timeline-scope: unset; timeline-trigger: unset; touch-action: unset; transform: unset; transform-box: unset; transform-origin: unset; transform-style: unset; transition: unset; translate: unset; trigger-scope: unset; user-select: unset; vector-effect: unset; vertical-align: unset; view-timeline: unset; view-transition-class: unset; view-transition-group: unset; view-transition-name: unset; view-transition-scope: unset; visibility: unset; border-spacing: unset; -webkit-box-align: unset; -webkit-box-decoration-break: unset; -webkit-box-direction: unset; -webkit-box-flex: unset; -webkit-box-ordinal-group: unset; -webkit-box-orient: unset; -webkit-box-pack: unset; -webkit-box-reflect: unset; -webkit-line-break: unset; -webkit-line-clamp: unset; -webkit-mask-box-image: unset; -webkit-rtl-ordering: unset; -webkit-ruby-position: unset; -webkit-text-combine: unset; -webkit-text-decorations-in-effect: unset; -webkit-text-fill-color: unset; -webkit-text-security: unset; -webkit-text-stroke: unset; -webkit-user-drag: unset; widows: unset; width: unset; will-change: unset; window-drag: unset; word-break: unset; word-spacing: unset; x: unset; y: unset; z-index: unset; box-sizing: border-box; display: inline-block; position: relative; flex: 0 0 auto; max-width: 100%; white-space: nowrap; direction: rtl; font-size: 10px; line-height: 13px; font-weight: 400; color: rgb(138, 143, 148); background: rgba(0, 0, 0, 0.035); border: 0px; border-radius: 4px; padding: 1px 6px; cursor: pointer; -webkit-tap-highlight-color: transparent; font-family: inherit; }
.x68-t.x36-t:active { opacity: 0.55; }
.x68-t.x36-t::after { content: ""; position: absolute; inset: -2px; }
.dark .x68-x, html.dark .x68-x, .dark .x68-t.x36-t, html.dark .x68-t.x36-t { color: rgb(154, 160, 166); background: rgba(255, 255, 255, 0.06); }
.x26-row.x68-g { min-height: 68px; padding-top: 7px; padding-bottom: 7px; height: auto !important; }
/* == https://havineini-demo.sites.tab.bot/extras67.css?v=4 == */
:root { --x67c: #7E1F3A; --x67h: rgba(126,31,58,.14); }
.x67-on { position: relative; background: transparent !important; border: 0px !important; border-radius: 999px !important; overflow: visible !important; box-shadow: none !important; }
.x67-on > :not(.x67s):not(.sr-only) { display: none !important; }
.x67s { position: absolute; inset: 0px; border-radius: 999px; background: rgba(255, 255, 255, 0.95); box-sizing: border-box; border: 2px solid var(--x67c); box-shadow: 0 0 0 2px var(--x67h),0 2px 5px rgba(0,0,0,.10); padding: calc(var(--x67u,1px)*4); }
.x67s > img { width: 100%; height: 100%; object-fit: contain; display: block; pointer-events: none; user-select: none; }
.x67s > .x67l { position: absolute; left: 10%; right: 10%; bottom: 9%; box-sizing: border-box; border-radius: 999px; padding: calc(var(--x67u,1px)*2) calc(var(--x67u,1px)*4); text-align: center; font-family: "DM Sans", sans-serif; font-weight: 800; font-size: calc(var(--x67u,1px)*7); line-height: 1; letter-spacing: -0.075em; word-spacing: 0.22em; white-space: nowrap; overflow: visible; color: rgb(7, 91, 112); background: rgba(255, 255, 255, 0.94); border: 1px solid rgba(227, 155, 40, 0.62); box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px; }
.x67s > .x67l.x67w { white-space: normal; border-radius: 0.75em; line-height: 1.08; overflow-wrap: normal; word-break: keep-all; hyphens: none; }
.x67s > .x67l { text-rendering: geometricprecision; font-kerning: normal; }
/* == https://havineini-demo.sites.tab.bot/extras66.css?v=2 == */
section.hvc-g[data-g].x43-dd > .hvc-w > .hvc-b { min-height: 54px; height: auto !important; padding: 7px 2px !important; }
section.hvc-g[data-g].x43-dd > .hvc-w > .hvc-b > .x43-bt { font-size: 12px; line-height: 14.5px; overflow-wrap: break-word; white-space: normal; text-overflow: clip; display: block !important; -webkit-line-clamp: unset !important; max-height: none !important; height: auto !important; overflow: visible !important; word-break: normal !important; }
section.hvc-g.x43-dd > .hvc-w > .hvc-ddw { height: auto !important; min-height: 54px; }
section.hvc-g.x43-dd > .hvc-w > .hvc-ddw > .hvc-b { min-height: 54px; font-size: 12px; line-height: 14.5px; white-space: normal; word-break: normal; overflow-wrap: break-word; height: 100% !important; padding: 7px 3px !important; }
.relative.rounded-full > span.absolute.truncate[class*="bottom-[9%]"] { left: 3% !important; right: 3% !important; padding-left: 1px !important; padding-right: 1px !important; text-overflow: clip !important; letter-spacing: -0.03em !important; }
/* == https://havineini-demo.sites.tab.bot/extras69.css?v=6 == */
html.x69h main .x3-datebtn h1, html.x69h main .x3-datebtn .x31-day, html.x69h main .x3-datebtn .x13-line { display: none !important; }
main .x3-datebtn .x69-day { display: flex; flex-direction: column; align-items: center; gap: 2px; line-height: 1.25; text-align: center; min-width: 0px; }
main .x3-datebtn .x69-day > * { display: block; max-width: 100%; white-space: nowrap; overflow: visible; }
main .x3-datebtn .x69-d1 { font: 700 16px / 1.2 "DM Sans", Arial, sans-serif; color: rgb(26, 26, 26); }
main .x3-datebtn .x69-d2 { font: 600 13px / 1.3 "Noto Sans Hebrew", "DM Sans", Arial, sans-serif; color: rgb(58, 58, 58); }
main .x3-datebtn .x69-d3 { font: 500 12px / 1.25 "DM Sans", Arial, sans-serif; color: rgb(106, 106, 106); }
html.dark main .x3-datebtn .x69-d1 { color: rgb(240, 234, 214); }
html.dark main .x3-datebtn .x69-d2 { color: rgb(224, 216, 196); }
html.dark main .x3-datebtn .x69-d3 { color: rgb(184, 176, 160); }
main span.x69-kd { white-space: nowrap; direction: rtl; unicode-bidi: isolate; flex-shrink: 0; font-family: inherit; word-spacing: normal; overflow: visible !important; text-overflow: clip !important; font-size: 9.5px !important; letter-spacing: 0px !important; }
main span.x69-kd i { font-style: normal; opacity: 0.55; margin: 0px 2px; }
main .x51-bl .x50-dur { flex-shrink: 0 !important; min-width: max-content !important; overflow: visible !important; text-overflow: clip !important; }
/* == https://havineini-demo.sites.tab.bot/extras70.css?v=2 == */
.x70-g { grid-template-columns: 1fr 1fr auto !important; }
.x70-sh { padding: 0px 14px; white-space: nowrap; }
/* == https://havineini-demo.sites.tab.bot/extras59.css?v=2 == */
[aria-label="Clip start and end"] { margin-bottom: 12px; }
[aria-label="Clip start and end"] [data-slot="slider-range"] { z-index: 1; transform: translateY(-50%); border-radius: 2px; background: rgb(23, 96, 59) !important; height: 4px !important; top: 50% !important; bottom: auto !important; }
[aria-label="Clip start and end"] [data-slot="slider-track"] { background: rgba(0, 0, 0, 0.06) !important; height: 3px !important; overflow: visible !important; }
[aria-label="Clip start and end"] .x59-fill { position: absolute; top: 0px; bottom: 0px; left: 0px; width: 0px; background: rgba(0, 0, 0, 0.13); pointer-events: none; z-index: 0; }
html.dark [aria-label="Clip start and end"] .x59-fill { background: rgba(255, 255, 255, 0.2); }
[aria-label="Clip start and end"] .x59-clip { position: absolute; top: 50%; height: 4px; transform: translateY(-50%); border-radius: 2px; left: 0px; width: 0px; background: rgb(79, 168, 119); pointer-events: none; z-index: 2; display: none; }
[aria-label="Clip start and end"] .x59-clip.on { display: block; }
[aria-label="Clip start and end"] [data-slot="slider-thumb"] { position: relative; z-index: 40; cursor: grab; background: rgb(23, 96, 59) !important; border: 3px solid rgb(255, 255, 255) !important; box-shadow: rgba(23, 96, 59, 0.35) 0px 0px 0px 1px, rgba(0, 0, 0, 0.22) 0px 2px 6px !important; }
[aria-label="Clip start and end"] .x9-now { display: none !important; }
[aria-label="Clip start and end"] .x59-lab { position: absolute; left: 0px; right: 0px; top: calc(50% + 14px); height: 14px; pointer-events: none; }
[aria-label="Clip start and end"] .x59-lab b { position: absolute; top: 0px; transform: translateX(-50%); font-style: normal; font-variant: tabular-nums; font-size-adjust: none; font-language-override: normal; font-kerning: auto; font-optical-sizing: auto; font-feature-settings: normal; font-variation-settings: normal; font-weight: 600; font-stretch: normal; font-size: 10.5px; line-height: 14px; font-family: "DM Sans", sans-serif; color: rgb(23, 96, 59); white-space: nowrap; }
html.dark [aria-label="Clip start and end"] .x59-lab b { color: rgb(143, 212, 171); }
html.dark [aria-label="Clip start and end"] [data-slot="slider-range"] { background: rgb(47, 138, 87) !important; }
html.dark [aria-label="Clip start and end"] .x59-clip { background: rgb(108, 196, 149); }
[data-x59h] { display: none !important; }
[data-x59g] { grid-template-columns: 1fr !important; }
.x59-sets { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 12px; }
.x59-set { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1px; min-height: 46px; padding: 6px 8px; border-radius: 12px; background: rgb(23, 96, 59); color: rgb(255, 255, 255); border: 0px; font: 700 13.5px / 18px "DM Sans", sans-serif; letter-spacing: 0.01em; cursor: pointer; -webkit-tap-highlight-color: transparent; transition: transform 0.12s, background-color 0.15s; }
.x59-set:active { transform: scale(0.97); background: rgb(18, 77, 47); }
.x59-set:disabled { opacity: 0.4; cursor: default; }
.x59-set .x59-t { display: flex; align-items: center; gap: 6px; }
.x59-set svg { flex: 0 0 auto; opacity: 0.95; }
.x59-set .x59-n { font-style: normal; font-variant: tabular-nums; font-size-adjust: none; font-language-override: normal; font-kerning: auto; font-optical-sizing: auto; font-feature-settings: normal; font-variation-settings: normal; font-weight: 500; font-stretch: normal; font-size: 10.5px; line-height: 13px; font-family: "DM Sans", sans-serif; opacity: 0.72; }
html.dark .x59-set { background: rgb(47, 138, 87); }
html.dark .x59-set:active { background: rgb(38, 115, 74); }
@keyframes x59pulse { 
  0% { box-shadow: rgba(23, 96, 59, 0.55) 0px 0px 0px 0px, rgba(0, 0, 0, 0.22) 0px 2px 6px; transform: scale(1); }
  35% { box-shadow: rgba(23, 96, 59, 0.18) 0px 0px 0px 9px, rgba(0, 0, 0, 0.22) 0px 2px 6px; transform: scale(1.35); }
  100% { box-shadow: rgba(23, 96, 59, 0) 0px 0px 0px 14px, rgba(0, 0, 0, 0.22) 0px 2px 6px; transform: scale(1); }
}
[aria-label="Clip start and end"] [data-slot="slider-thumb"][data-x59f] { animation: 0.8s ease-out 0s 1 normal none running x59pulse; }
@keyframes x59lab { 
  0%, 40% { color: rgb(255, 255, 255); background: rgb(23, 96, 59); }
  100% { color: rgb(23, 96, 59); background: transparent; }
}
[aria-label="Clip start and end"] .x59-lab b { border-radius: 4px; padding: 0px 3px; }
[aria-label="Clip start and end"] .x59-lab b[data-x59f] { animation: 0.9s ease-out 0s 1 normal none running x59lab; }
.x59-sets { gap: 8px; margin-top: 10px; }
.x59-set { min-height: 38px; padding: 4px 8px; border-radius: 12px; gap: 0px; background: rgba(255, 255, 255, 0.85); color: rgb(31, 107, 107); border: 1.5px solid rgba(31, 107, 107, 0.45); font: 700 12.5px / 16px "DM Sans", sans-serif; }
.x59-set:active { background: rgba(31, 107, 107, 0.12); transform: scale(0.97); }
.x59-set .x59-t { gap: 5px; }
.x59-set svg { width: 12px; height: auto; }
.x59-set .x59-n { font: 500 10px / 12px "DM Sans", sans-serif; color: rgba(31, 107, 107, 0.72); opacity: 1; }
html.dark .x59-set { background: rgba(95, 180, 180, 0.16); color: rgb(143, 211, 211); border-color: rgba(95, 180, 180, 0.28); }
html.dark .x59-set:active { background: rgba(95, 180, 180, 0.26); }
html.dark .x59-set .x59-n { color: rgba(143, 211, 211, 0.75); }
/* == https://havineini-demo.sites.tab.bot/extras58.css?v=2 == */
html.x48c #x9-bar .tx { min-width: 0px; text-align: center; position: absolute !important; left: 46px !important; right: 34px !important; top: 5px !important; transform: none !important; margin: 0px !important; width: auto !important; display: block !important; }
html.x48c #x9-bar .tx::before { content: "Now playing"; display: block; font-size: 9px; line-height: 10px; font-weight: 600; letter-spacing: 0.3px; color: rgb(154, 144, 128); }
html.x48c #x9-bar .tx > b { display: block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12.5px; line-height: 16px; }
html.x48c #x9-bar .tx > span { display: none !important; }
html.x48c #x9-bar .ctl { height: 26px; align-items: center; position: absolute !important; left: 50% !important; top: 34px !important; transform: translateX(-50%) !important; margin: 0px !important; gap: 16px !important; }
html.x48c #x9-bar .ctl .sk { width: 24px !important; height: 24px !important; min-width: 0px !important; padding: 0px !important; }
html.x48c #x9-bar .ctl .sk svg { width: 21px !important; height: 21px !important; }
html.x48c #x9-bar .ctl .pp { width: 26px !important; height: 26px !important; min-width: 0px !important; padding: 0px !important; }
html.x48c #x9-bar .ctl .pp svg { width: 13px !important; height: 13px !important; }
html.x48c #x9-bar .pic { overflow: hidden; cursor: pointer; position: absolute !important; left: 10px !important; right: auto !important; top: 50% !important; width: 30px !important; height: 30px !important; transform: translateY(-50%) !important; margin: 0px !important; border-radius: 9px !important; background: var(--x25pp,#2D5016) !important; border: 0px !important; box-shadow: none !important; display: block !important; }
html.x48c #x9-bar .pic img { opacity: 0 !important; }
html.x48c #x9-bar .pic::after { content: ""; position: absolute; inset: 2px; background: rgb(255, 255, 255); mask: var(--x48m) center/contain no-repeat; }
html.x48c #x9-bar .x48c-p { position: absolute; left: 46px; top: 40px; font-size: 11px; line-height: 14px; font-weight: 700; color: var(--x25pp,#2D5016); font-variant-numeric: tabular-nums; }
html.x48c #x9-bar .x48c-t { position: absolute; right: 14px; top: 40px; font-size: 10.5px; line-height: 14px; color: rgb(138, 126, 110); white-space: nowrap; font-variant-numeric: tabular-nums; direction: ltr; }
html.x48c #x9-bar .up { display: none !important; }
html.x48c #x9-bar .cx { position: absolute !important; right: 4px !important; top: 4px !important; transform: none !important; margin: 0px !important; height: 26px !important; }
html.x48c #x9-bar .tx { left: 76px !important; right: 40px !important; }
html.x48c #x9-bar .tx::before { font-weight: 700; color: color-mix(in srgb,var(--x25pp,#2D5016) 55%,#fff) !important; }
html.x48c #x9-bar .up { align-items: center; justify-content: center; color: rgb(107, 107, 107); display: flex !important; position: absolute !important; left: 5px !important; top: 50% !important; transform: translateY(-50%) !important; width: 24px !important; height: 24px !important; min-width: 0px !important; margin: 0px !important; padding: 0px !important; background: transparent !important; border: 0px !important; }
html.x48c #x9-bar .up svg { width: 16px !important; height: 16px !important; }
html.x48c #x9-bar .pic { left: 33px !important; top: auto !important; bottom: 7px !important; transform: none !important; }
html.x48c #x9-bar .x48c-p { width: 30px; text-align: center; left: 33px !important; top: 7px !important; font-size: 11px !important; line-height: 14px !important; font-weight: 500 !important; color: rgb(107, 107, 107) !important; }
html.x48c #x9-bar .x48c-t { top: 40px !important; font-size: 11px !important; line-height: 14px !important; font-weight: 500 !important; color: rgb(107, 107, 107) !important; }
html.x48v5a #x9-bar .pic { background: color-mix(in srgb,var(--x25pp,#2D5016) 16%,#fff) !important; border: 0px !important; }
html.x48v5a #x9-bar .pic::after { background: var(--x25pp,#2D5016) !important; inset: 3px !important; }
/* == https://havineini-demo.sites.tab.bot/extras71.css?v=1 == */
#x9-bar .tx em, #x9-bar .x71-hd { display: none !important; }
.x71-r { border-radius: 1rem; }
.x71-dup { flex-basis: 100%; width: 100%; margin: 6px 2px 0px; font-size: 12px; color: rgb(178, 59, 59); }
/* == https://havineini-demo.sites.tab.bot/extras72.css?v=1 == */
.x72-h { display: none !important; }
.x72-ft { text-align: center; padding: 6px 0px 18px; }
.x72-ft .x72-more { display: block; margin: 14px auto 0px; min-height: 40px; padding: 8px 24px; border: 1.5px solid rgb(31, 107, 107); border-radius: 999px; background: transparent; color: rgb(31, 107, 107); font: 600 13px "DM Sans", Arial, sans-serif; cursor: pointer; }
.x72-ft .x72-cnt { margin: 8px 0px 0px; font-size: 11px; color: rgb(138, 143, 148); line-height: 1.3; }
.x72-ft .x72-cnt:empty { display: none; }
.x72-ft.x72-done .x72-more { display: none; }
.x72-ft.x72-done .x72-cnt { margin-top: 12px; }
.dark .x72-ft .x72-more { border-color: rgb(127, 196, 196); color: rgb(127, 196, 196); }
#x72-sw { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 10px 0px 2px; padding: 8px 12px; border-radius: 12px; background: rgba(0, 0, 0, 0.035); cursor: pointer; direction: ltr; }
#x72-sw .x72-sw-t { font-size: 13px; font-weight: 500; color: rgb(90, 80, 64); line-height: 1.25; }
#x72-sw .x72-tg { position: relative; flex: 0 0 auto; width: 38px; height: 22px; border-radius: 999px; border: 0px; padding: 0px; background: rgb(201, 196, 184); transition: background 0.15s; cursor: pointer; }
#x72-sw .x72-tg.on { background: rgb(31, 107, 107); }
#x72-sw .x72-kn { position: absolute; top: 2px; left: 2px; width: 18px; height: 18px; border-radius: 999px; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.25) 0px 1px 3px; transition: left 0.15s; }
#x72-sw .x72-tg.on .x72-kn { left: 18px; }
.dark #x72-sw { background: rgba(255, 255, 255, 0.06); }
.dark #x72-sw .x72-sw-t { color: rgb(216, 210, 194); }
button.x72-x { background: transparent !important; color: rgb(90, 80, 64) !important; }
button.x72-x .x72-xc { width: 22px; height: 22px; border-radius: 999px; display: flex; align-items: center; justify-content: center; background: rgba(0, 0, 0, 0.06); }
#x37-cf.x72-ask { align-items: center; padding: 24px; background: rgba(0, 0, 0, 0.35); z-index: 2147483640; }
#x37-cf.x72-ask .bx { max-width: 300px; border-radius: 16px; padding: 18px 18px 14px; text-align: initial; }
#x37-cf.x72-ask .bx p { margin: 0px 0px 14px; font-size: 15px; font-weight: 600; color: rgb(26, 26, 26); text-align: center; }
#x37-cf.x72-ask button { height: auto; min-height: 40px; border-radius: 999px; font-size: 14px; font-weight: 600; border: 1px solid rgba(0, 0, 0, 0.12); background: rgb(255, 255, 255); color: rgb(26, 26, 26); }
#x37-cf.x72-ask button.r { background: rgb(185, 28, 28); border-color: rgb(185, 28, 28); color: rgb(255, 255, 255); }
.dark #x37-cf.x72-ask .bx { background: rgb(30, 42, 42); }
.dark #x37-cf.x72-ask .bx p { color: rgb(240, 234, 214); }
.dark #x37-cf.x72-ask button.c { background: transparent; color: rgb(240, 234, 214); border-color: rgba(255, 255, 255, 0.2); }
/* == https://havineini-demo.sites.tab.bot/extras54.css?v=3 == */
.x54-ov { overflow: hidden !important; }
.x54-b { position: absolute; left: 0px; right: 0px; bottom: 0px; height: 3px; z-index: 1; pointer-events: none; background: rgba(0, 0, 0, 0.08); }
.x54-b > i { display: block; height: 100%; width: 0px; background: var(--x54c,#1F6B6B); }
.x54-b[data-s="d"] { background: rgb(42, 138, 122); }
.x54-b[data-s="d"] > i { display: none; }
.x54-i { position: absolute; left: 0px; right: 0px; bottom: 0px; height: 3px; pointer-events: none; background: rgba(0, 0, 0, 0.3); }
.x54-i > i { display: block; height: 100%; width: 0px; background: var(--x54c,#1F6B6B); }
.x54-b[data-s="n"], .x54-i[data-s="n"], .x54-i[data-s="d"] { display: none; }
.x54-pc { position: absolute; transform: translateX(-50%); z-index: 2; border: 0px; background: none; padding: 2px 4px; margin: 0px; font-style: normal; font-variant: tabular-nums; font-size-adjust: none; font-language-override: normal; font-kerning: auto; font-optical-sizing: auto; font-feature-settings: normal; font-variation-settings: normal; font-weight: 800; font-stretch: normal; font-size: 9.5px; line-height: 1; font-family: "DM Sans", sans-serif; direction: ltr; white-space: nowrap; pointer-events: none; }
.x54-pc[data-s="n"] { display: none; }
.x54-hid { display: none !important; }
/* == https://havineini-demo.sites.tab.bot/extras75.css?v=2 == */
#x52-float.x75-fl { touch-action: none; }
#x52-float.x75-drag { opacity: 0.96; transition: none !important; }
.x64-sh.x75-cb .x64-add { width: 24px; height: 24px; border-radius: 7px; border: 2px solid rgba(0, 0, 0, 0.28); background: rgb(255, 255, 255); color: rgb(255, 255, 255); font-size: 0px; line-height: 20px; box-shadow: none; }
.x64-sh.x75-cb .x64-add.on { background: var(--c,#1F6B6B); border-color: var(--c,#1F6B6B); font-size: 14px; font-weight: 800; }
.x64-sh.x75-cb .x64-add.x75-in { opacity: 0.45; }
html.dark .x64-sh.x75-cb .x64-add { background: transparent; border-color: rgba(255, 255, 255, 0.35); }
html.dark .x64-sh.x75-cb .x64-add.on { background: var(--c,#1F6B6B); }
.x75-col > button:not(.x75-h) { display: none !important; }
.x75-col { justify-content: center; }
.x75-h { width: 30px; height: 40px; display: flex; align-items: center; justify-content: center; border: 0px; background: transparent; color: rgb(138, 126, 110); padding: 0px; cursor: grab; touch-action: none; user-select: none; -webkit-tap-highlight-color: transparent; }
.x75-h:active { cursor: grabbing; color: rgb(26, 26, 26); }
html.dark .x75-h { color: rgb(155, 175, 192); }
.x75-dragging { user-select: none; }
.x75-lift { position: relative; z-index: 5; transition: box-shadow 0.15s; box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 24px, rgba(0, 0, 0, 0.08) 0px 2px 6px !important; }
html.x48c #x9-bar.x75-haspl .tx::before { content: none !important; display: none !important; }
#x9-bar .x75-pn { display: block; font-size: 9px; line-height: 10px; font-weight: 600; letter-spacing: 0.3px; color: rgb(154, 144, 128); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; direction: ltr; text-align: center; }
#x9-bar .x75-pnb { font-style: inherit; font-variant: inherit; font-stretch: inherit; font-size: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-weight: 700; color: rgb(90, 80, 64); background: none; border: 0px; padding: 0px; margin: 0px; cursor: pointer; text-decoration: underline rgba(90, 80, 64, 0.35); text-underline-offset: 2px; unicode-bidi: plaintext; }
html.dark #x9-bar .x75-pnb { color: rgb(217, 207, 184); }
.x18-np.x37-np, .x37-np { color: rgb(26, 26, 26) !important; background: rgba(0, 0, 0, 0.055) !important; }
html.dark .x18-np.x37-np, html.dark .x37-np { color: rgb(240, 234, 214) !important; background: rgba(255, 255, 255, 0.08) !important; }
.x75-mp { width: 28px !important; height: 28px !important; padding: 0px !important; border-radius: 9999px !important; justify-content: center !important; gap: 0px !important; font-size: 0px !important; }
.x75-mp svg { margin: 0px 0px 0px 1px; width: 13px !important; height: 13px !important; }
.x4-pick, .x75-nopick { display: none !important; }
.x75-pn { display: none !important; }
/* == https://havineini-demo.sites.tab.bot/extras76.css?v=1 == */
.x76-now { background: color-mix(in srgb,var(--x76c) 9%,#fff) !important; border: 1.5px solid color-mix(in srgb,var(--x76c) 55%,transparent) !important; box-shadow: inset -3px 0 0 var(--x76c),0 2px 8px color-mix(in srgb,var(--x76c) 14%,transparent) !important; }
.x76-now .x76-t { font-weight: 800 !important; color: color-mix(in srgb,var(--x76c) 35%,#111) !important; }
html.dark .x76-now { background: color-mix(in srgb,var(--x76c) 24%,#161616) !important; }
html.dark .x76-now .x76-t { color: rgb(255, 255, 255) !important; }
.x76-sg { position: fixed; z-index: 2147483000; display: none; background: rgb(255, 255, 255); border: 1px solid rgba(0, 0, 0, 0.08); border-radius: 16px; box-shadow: rgba(0, 0, 0, 0.14) 0px 10px 28px; padding: 6px; max-height: 60vh; overflow: auto; font-family: inherit; }
.x76-sg.on { display: block; }
.x76-si { display: flex; align-items: center; gap: 10px; width: 100%; min-height: 44px; padding: 8px 10px; border: 0px; background: none; border-radius: 11px; text-align: right; cursor: pointer; color: rgb(26, 26, 26); }
.x76-si + .x76-si { border-top: 1px solid rgba(0, 0, 0, 0.05); }
.x76-si:active, .x76-si:hover { background: rgba(31, 107, 107, 0.07); }
.x76-lab { flex: 0 0 auto; min-width: 44px; text-align: center; font-size: 10.5px; font-weight: 700; padding: 3px 8px; border-radius: 999px; color: var(--x76c,#1F6B6B); background: color-mix(in srgb,var(--x76c,#1F6B6B) 11%,#fff); }
.x76-tx { flex: 1 1 0%; min-width: 0px; font-size: 14px; line-height: 1.3; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.x76-tx b { font-weight: 800; }
.x76-si small { flex: 0 0 auto; font-size: 11px; color: rgb(138, 138, 138); }
html.dark .x76-sg { background: rgb(30, 30, 30); border-color: rgba(255, 255, 255, 0.1); }
html.dark .x76-si { color: rgb(238, 238, 238); }
.x68-tl { display: none !important; }
.x68-xl.x76-gone { display: none !important; }
.x68-r { position: relative; }
.x68-x.x76-pos { z-index: 3; order: 0; position: absolute !important; margin: 0px !important; }
.x68-x.x68-on:not(.x76-open) { color: rgb(138, 143, 148); background: rgba(0, 0, 0, 0.035); }
.x68-x.x76-open { color: rgb(31, 107, 107); background: rgba(31, 107, 107, 0.1); }
.x76-dd { position: absolute; z-index: 2147482000; width: max-content; min-width: 0px; max-width: 44vw; background: rgb(255, 255, 255); border: 0.5px solid rgba(0, 0, 0, 0.18); border-radius: 5px; box-shadow: none; padding: 2px 0px; font-family: inherit; animation: 0.1s ease-out 0s 1 normal none running x76in; }
.x76-ddi { display: block; width: 100%; min-height: 18px; padding: 0px 4px; border: 0px; background: none; border-radius: 0px; text-align: right; font-size: 10.5px; line-height: 18px; font-weight: 500; color: rgb(43, 43, 43); cursor: pointer; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.x76-ddi + .x76-ddi { border-top: 0.5px solid rgba(0, 0, 0, 0.08); }
.x76-ddi:active, .x76-ddi:hover { background: rgba(31, 107, 107, 0.08); }
html.dark .x76-dd { background: rgb(30, 30, 30); border-color: rgba(255, 255, 255, 0.12); }
html.dark .x76-ddi { color: rgb(238, 238, 238); }
html:not([data-x76nos]) [data-dm-id].x51 > div > .w-12.h-12.rounded-xl:first-child { width: 64px !important; height: 64px !important; background: transparent !important; }
html:not([data-x76nos]) .x54-i { display: none !important; }
html:not([data-x76no5]) [data-dm-id].h-\[116px\]:not(.x76-tall) { height: 108px !important; }
section.hvc-g[data-g="yz"] .hvc-gh small.x76-n { display: none; }
section.hvc-g[data-g="yz"][data-x76t="2"] .hvc-gh small:not(.x76-n) { display: none; }
section.hvc-g[data-g="yz"][data-x76t="2"] .hvc-gh small.x76-n { display: inline; }
/* == https://havineini-demo.sites.tab.bot/extras79.css?v=1 == */
main .x3-datebtn .x69-d3::after { content: ""; display: inline-block; width: 0px; height: 0px; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 5px solid rgb(31, 107, 107); opacity: 0.8; margin-left: 6px; vertical-align: 2px; }
html.dark main .x3-datebtn .x69-d3::after { border-top-color: rgb(126, 203, 203); }
#dm-cal { gap: 3px; display: inline-flex; align-items: center; width: auto !important; min-width: 0px !important; padding-left: 8px !important; padding-right: 7px !important; }
#dm-cal::after { content: ""; display: block; flex: 0 0 auto; width: 0px; height: 0px; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 5px solid; opacity: 0.8; }
#x13-cal .x79-wh { display: flex; gap: 8px; justify-content: center; align-items: stretch; position: relative; margin: 0px auto; }
#x13-cal .x79-col { position: relative; height: 102px; overflow-y: auto; scroll-snap-type: y mandatory; scrollbar-width: none; overscroll-behavior: contain; mask-image: linear-gradient(rgba(0, 0, 0, 0.18) 0px, rgb(0, 0, 0) 36%, rgb(0, 0, 0) 64%, rgba(0, 0, 0, 0.18) 100%); }
#x13-cal .x79-col::-webkit-scrollbar { display: none; }
#x13-cal .x79-col.m { width: 96px; }
#x13-cal .x79-col.y { width: 78px; }
#x13-cal .x79-col > div { height: 34px; text-align: center; scroll-snap-align: center; font: 600 15px / 34px "Frank Ruhl Libre", "Noto Sans Hebrew", serif; color: rgb(138, 126, 110); cursor: pointer; white-space: nowrap; user-select: none; }
#x13-cal .x79-col > div.on { color: rgb(26, 26, 26); font-weight: 700; font-size: 17px; }
#x13-cal .x79-col > .pad { height: 34px; scroll-snap-align: none; cursor: default; }
#x13-cal .x79-band { position: absolute; left: 0px; right: 0px; top: 34px; height: 34px; border-radius: 10px; background: rgba(31, 107, 107, 0.08); border: 1px solid rgba(31, 107, 107, 0.14); pointer-events: none; }
#x13-cal .x79-hd .x3-cal-m { display: none; }
#x13-cal .x79-hd .x13-cal-g { margin-top: 4px; }
#x13-cal .x79-hd { align-items: center; }
html.dark #x13-cal .x79-col > div.on, #x13-cal.x3-dark .x79-col > div.on { color: rgb(232, 228, 218); }
html.dark #x13-cal .x79-band, #x13-cal.x3-dark .x79-band { background: rgba(126, 203, 203, 0.1); border-color: rgba(126, 203, 203, 0.2); }
#x13-cal .x13-day.x31-shp { height: auto; min-height: 44px; padding: 3px 0px 2px; }
#x13-cal .x31-par { font: 700 9.5px / 10.5px "Noto Sans Hebrew", Heebo, sans-serif; opacity: 1; color: rgb(31, 107, 107); white-space: normal; overflow: visible; text-overflow: clip; max-width: 100%; text-align: center; word-break: keep-all; margin-top: 1px; text-decoration: none; display: block; }
#x13-cal .x13-day.s .x31-par { color: rgb(255, 255, 255); }
#x13-cal.x3-dark .x31-par, html.dark #x13-cal .x31-par { color: rgb(127, 200, 190); }
@media (max-width: 370px) {
  #x13-cal .x79-col.m { width: 86px; }
  #x13-cal .x79-col.y { width: 70px; }
  #x13-cal .x31-par { font-size: 8.5px; line-height: 9.5px; }
}
/* == https://havineini-demo.sites.tab.bot/extras78.css?v=3 == */
html[data-x78c] .player-mobile-timeline > div:first-child > div.absolute.left-0.rounded-full { background: var(--x78c) !important; }
html[data-x78c] .player-mobile-timeline > div:first-child > div.z-20 { background: var(--x78c) !important; box-shadow: 0 0 0 3px color-mix(in srgb,var(--x78c) 20%,transparent) !important; }
html[data-x78c] .x22-plb, html[data-x78c] .x22-plb svg { color: var(--x78c) !important; }
html[data-x78c] #x9-bar { --x25pp: var(--x78c) !important; }
#x9-bar .ln b { transition: none !important; }
#x9-bar .x54-b, #x9-bar .x54-i, #x9-bar .x54-pc { display: none !important; }
html[data-x78c] [data-mobile-transport-dock] button.w-16 { background: var(--x78c) !important; box-shadow: 0 6px 18px color-mix(in srgb,var(--x78c) 35%,transparent) !important; }
html[data-x78c] [data-mobile-transport-dock] button[aria-label*="peed" i] { color: var(--x78c) !important; }
/* == https://havineini-demo.sites.tab.bot/extras78b.css?v=2 == */
[aria-label="Clip start and end"] [data-slot="slider-track"] { background: rgb(227, 227, 227) !important; }
[aria-label="Clip start and end"] .x59-fill { border-radius: 2px; background: rgb(154, 154, 154) !important; z-index: 1 !important; }
html.x78-open { overflow: hidden; }
#x78cv { position: fixed; inset: 0px; z-index: 2147483000; background: rgb(247, 243, 236); overflow-y: auto; font-family: "DM Sans", system-ui, sans-serif; color: rgb(26, 26, 26); padding: 0px 0px 28px; }
#x78cv .x78-top { position: sticky; top: 0px; z-index: 2; display: flex; align-items: center; justify-content: space-between; height: 52px; padding: 0px 8px; background: rgb(247, 243, 236); border-bottom: 1px solid rgba(0, 0, 0, 0.06); }
#x78cv .x78-x { width: 40px; height: 40px; border: 0px; background: none; color: rgb(26, 26, 26); display: flex; align-items: center; justify-content: center; border-radius: 12px; }
#x78cv .x78-x svg { width: 24px; height: 24px; }
#x78cv .x78-tl { font-size: 12px; font-weight: 800; letter-spacing: 0.12em; text-transform: uppercase; color: rgb(122, 111, 96); }
#x78cv .x78-sp { width: 40px; }
#x78cv .x78-card { margin: 14px 14px 0px; background: rgb(255, 255, 255); border-radius: 22px; box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px, rgba(0, 0, 0, 0.06) 0px 6px 22px; padding: 20px 18px 18px; text-align: center; }
#x78cv .x78-mark { display: flex; flex-direction: column; align-items: center; gap: 6px; }
#x78cv .x78-ring { width: 64px; height: 64px; border-radius: 50%; border: 3px solid var(--c); display: flex; align-items: center; justify-content: center; background: rgb(255, 255, 255); }
#x78cv .x78-ring img { width: 44px; height: 44px; object-fit: contain; }
#x78cv .x78-mark b { font-size: 11px; font-weight: 800; color: var(--c); }
#x78cv .x78-kick { margin-top: 12px; font-size: 10.5px; font-weight: 800; letter-spacing: 0.16em; color: var(--c); }
#x78cv .x78-sh { margin-top: 6px; font-family: "Frank Ruhl Libre", "David Libre", serif; font-size: 15px; line-height: 1.45; color: rgb(90, 80, 64); overflow-wrap: anywhere; }
#x78cv .x78-ct { margin-top: 8px; font-size: 21px; font-weight: 800; line-height: 1.25; overflow-wrap: anywhere; }
#x78cv .x78-meta { margin-top: 10px; display: flex; justify-content: center; align-items: center; gap: 8px; flex-wrap: wrap; }
#x78cv .x78-rg { font-size: 12.5px; font-weight: 700; color: var(--c); background: color-mix(in srgb,var(--c) 10%,#fff); border-radius: 999px; padding: 4px 10px; font-variant-numeric: tabular-nums; direction: ltr; }
#x78cv .x78-ln { font-size: 12.5px; color: rgb(138, 126, 110); font-variant-numeric: tabular-nums; }
#x78cv .x78-vb { margin: 14px -6px 0px; border-radius: 14px; overflow: hidden; background: rgb(0, 0, 0); aspect-ratio: 16 / 9; }
#x78cv .x78-vb video { width: 100%; height: 100%; display: block; object-fit: contain; background: rgb(0, 0, 0); }
#x78cv .x78-bar { margin-top: 18px; }
#x78cv .x78-bar i { display: block; position: relative; height: 6px; border-radius: 999px; background: rgba(0, 0, 0, 0.08); cursor: pointer; }
#x78cv .x78-bar i::before { content: ""; position: absolute; inset: -12px 0px; }
#x78cv .x78-bar b { display: block; height: 100%; width: 0px; border-radius: 999px; background: var(--c); }
#x78cv .x78-tm { display: flex; justify-content: space-between; margin-top: 6px; font-size: 12px; font-weight: 600; color: rgb(107, 107, 107); font-variant-numeric: tabular-nums; direction: ltr; }
#x78cv .x78-pp { margin: 14px auto 0px; width: 64px; height: 64px; border-radius: 50%; border: 0px; background: var(--c); color: rgb(255, 255, 255); display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 14px color-mix(in srgb,var(--c) 35%,transparent); }
#x78cv .x78-pp svg { width: 28px; height: 28px; }
#x78cv .x78-stt { margin-top: 8px; font-size: 12.5px; color: rgb(138, 126, 110); }
#x78cv .x78-spd { margin-top: 14px; display: flex; justify-content: center; gap: 6px; flex-wrap: wrap; }
#x78cv .x78-spd button { border: 1px solid rgba(0, 0, 0, 0.1); background: rgb(255, 255, 255); border-radius: 999px; padding: 5px 10px; font-size: 12px; font-weight: 700; color: rgb(90, 80, 64); }
#x78cv .x78-spd button.on { background: var(--c); border-color: var(--c); color: rgb(255, 255, 255); }
#x78cv .x78-sh2 { margin-top: 16px; display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
#x78cv .x78-sh2 button { height: 42px; border-radius: 12px; border: 1px solid rgba(0, 0, 0, 0.1); background: rgb(255, 255, 255); font-size: 13.5px; font-weight: 700; color: rgb(26, 26, 26); }
#x78cv .x78-full { margin-top: 14px; border: 0px; background: none; font-size: 14px; font-weight: 800; color: var(--c); padding: 6px; }
#x78cv .x78-vb { position: relative; }
#x78cv .x78-logo { position: absolute; z-index: 2; pointer-events: none; background: rgb(247, 246, 242); border-radius: 0px 9px 0px 0px; display: flex; align-items: center; justify-content: center; left: 0px; bottom: 0px; width: 13%; height: 21%; }
#x78cv .x78-logo i { display: block; width: 72%; height: 72%; mask: url("img/havineini-track-mark-256_ffd43e7f.png") center center / contain no-repeat; background: var(--c); }
#hv7-ybox .tx { min-width: 0px !important; flex: 1 1 auto !important; }
#hv7-ybox .tx small { display: block; white-space: normal !important; text-overflow: clip !important; overflow: visible !important; line-height: 1.25 !important; }
.x78-hid { display: none !important; }
[data-dm-id] .x78-shr > button { min-width: 0px !important; flex-shrink: 1 !important; }
[data-dm-id] .x78-shr { gap: 3px !important; }
[data-dm-id] .x78-shr > span.flex-shrink-0 { padding-right: 4px !important; }
[data-dm-id] .x78-shr2 > button { display: none !important; }
[data-dm-id] .x78-shr2 > span.flex-shrink-0 { border-right: 0px !important; padding-right: 0px !important; }
/* == https://havineini-demo.sites.tab.bot/extras83.css?v=2 == */
.x83-n { display: none !important; }
/* == https://havineini-demo.sites.tab.bot/extras85.css?v=2 == */
html.x48c:not(.x85-off) #x9-bar .tx { top: 2px !important; }
html.x48c:not(.x85-off) #x9-bar .ctl { top: 27px !important; height: 35px !important; gap: 14px !important; }
html.x48c:not(.x85-off) #x9-bar .ctl .pp { width: 35px !important; height: 35px !important; min-width: 35px !important; flex: 0 0 35px !important; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 6px !important; }
html.x48c:not(.x85-off) #x9-bar .ctl .pp svg { width: 20px !important; height: 20px !important; }
html:not(.x85-off) #x9-bar { overflow: hidden !important; }
html:not(.x85-off) #x9-bar .ln { top: 0px !important; left: 16px !important; right: 16px !important; height: 3px !important; border-radius: 0px 0px 2px 2px !important; overflow: hidden !important; }
html:not(.x85-off) #x9-bar .ln b { border-radius: 0px !important; }
html:not(.x85-off) main header.sticky { z-index: 30 !important; }
html:not(.x85-off) .x70-sh { display: none !important; }
html:not(.x85-off) .x70-g { grid-template-columns: 1fr 1fr !important; }
html:not(.x85-off) p.x85-cl { font-size: 0px !important; }
html:not(.x85-off) p.x85-cl::after { content: attr(data-x85t); font-size: var(--x85fs,15px); }
html.x48c:not(.x85-off):not(.x85b-off) #x9-bar .tx { top: 0px !important; }
html.x48c:not(.x85-off):not(.x85b-off) #x9-bar .tx::before { line-height: 8px !important; margin: 0px !important; padding: 0px !important; }
html.x48c:not(.x85-off):not(.x85b-off) #x9-bar .tx b { line-height: 14px !important; }
html.x48c:not(.x85-off):not(.x85b-off) #x9-bar .ctl { top: 22px !important; height: 40px !important; gap: 8px !important; }
html.x48c:not(.x85-off):not(.x85b-off) #x9-bar .ctl .pp { width: 40px !important; height: 40px !important; min-width: 40px !important; flex: 0 0 40px !important; }
html.x48c:not(.x85-off):not(.x85b-off) #x9-bar .ctl .pp svg { width: 24px !important; height: 24px !important; }
html.x48c:not(.x85-off):not(.x85b-off) #x9-bar .ctl .sk { width: 34px !important; height: 34px !important; min-width: 34px !important; flex: 0 0 34px !important; }
html.x48c:not(.x85-off):not(.x85b-off) #x9-bar .ctl .sk svg { width: 23px !important; height: 23px !important; }
html:not(.x85-off):not(.x85n-off) #x9-bar[id] .tx::before { font-size: 9px; font-weight: 700; letter-spacing: 0.3px; color: rgb(154, 144, 128); white-space: nowrap; content: "Now playing" !important; display: block !important; line-height: 8px !important; margin: 0px !important; padding: 0px !important; }
/* == https://havineini-demo.sites.tab.bot/extras80.css?v=1 == */
html.x42-hist main div[data-dm-id][class*="h-[116px]"] { height: 116px !important; min-height: 116px !important; max-height: 116px !important; padding: 12px 62px 12px 16px !important; box-sizing: border-box !important; }
html.x42-hist main div[data-dm-id][class*="h-[116px]"].x76-now { box-shadow: 0 2px 8px color-mix(in srgb,var(--x76c) 14%,transparent) !important; }
html.x42-hist main div[data-dm-id][class*="h-[116px]"] > .w-14 > .absolute.inset-0.rounded-xl { display: none !important; }
html.x42-hist main div[data-dm-id][class*="h-[116px]"] p.line-clamp-2 { height: 36px !important; max-height: 36px !important; overflow: hidden !important; }
html.x42-hist main div[data-dm-id][class*="h-[116px]"] > div.flex-1 > div.flex.items-start > span.rounded-full { display: none !important; }
html.x42-hist main div[data-dm-id][class*="h-[116px]"] > button.w-9.h-9 { position: absolute !important; inset: 45px 14px auto auto !important; margin: 0px !important; }
html.x42-hist main div[data-dm-id][class*="h-[116px]"] > .x15-stk { position: absolute !important; inset: 79px 16px auto auto !important; margin: 0px !important; width: 32px !important; height: 32px !important; display: flex !important; justify-content: center !important; align-items: center !important; }
html.x42-hist main div[data-dm-id][class*="h-[116px]"] > .x15-stk .x15-pl { width: 28px !important; height: 28px !important; }
html.x42-hist main div[data-dm-id][class*="h-[116px]"] > .dm-line, html.x42-hist main div[data-dm-id][class*="h-[116px]"] > .dm-pct { display: none !important; }
html.x42-hist main div[data-dm-id][class*="h-[116px]"] .mt-auto.h-1 { height: 4px !important; margin-top: auto !important; flex-shrink: 0 !important; }
html.x42-hist main div[data-dm-id][class*="h-[116px]"] .x31-pr { margin-top: 2px !important; height: 15px !important; line-height: 15px !important; justify-content: space-between !important; align-items: center !important; gap: 4px !important; overflow: hidden !important; white-space: nowrap !important; }
html.x42-hist main div[data-dm-id][class*="h-[116px]"] .x31-pr > * { font-size: 10px !important; line-height: 15px !important; }
html.x42-hist main div[data-dm-id][class*="h-[116px]"] .x31-pr > span:first-child:not(.x31-pct) { display: none !important; }
html.x42-hist main div[data-dm-id][class*="h-[116px]"]:not([data-x80d]) .x31-pr > .x31-pct { order: -1 !important; color: var(--x80c,#5A5040) !important; font-weight: 800 !important; margin-right: auto !important; display: inline !important; }
html.x42-hist main div[data-dm-id][class*="h-[116px]"]:not([data-x80d]) .x31-pr > .x31-pct::after { content: " listened"; font-weight: 400; color: rgb(90, 80, 64); }
html.dark.x42-hist main div[data-dm-id][class*="h-[116px]"]:not([data-x80d]) .x31-pr > .x31-pct::after { color: rgb(155, 175, 192); }
html.x42-hist main div[data-dm-id][class*="h-[116px]"][data-x80d] .x31-pr { justify-content: flex-start !important; }
html.x42-hist main div[data-dm-id][class*="h-[116px]"][data-x80d] .x31-pr > span:first-child:not(.x31-pct) { display: inline !important; }
html.x42-hist main div[data-dm-id][class*="h-[116px]"][data-x80d] .x31-pr > .x31-pct { font-weight: 800 !important; display: inline !important; }
html[data-x78c] .x80-sp, html[data-x78c] .x80-sp * { color: var(--x78c) !important; }
html.x42-hist main div[data-dm-id][class*="h-[116px]"] [data-x80h] { display: none !important; }
/* == https://havineini-demo.sites.tab.bot/extras84.css?v=2 == */
html.x42-hist main div[data-dm-id][class*="h-[116px]"].x76-now { background: var(--x84bg,#fff) !important; border: var(--x84bd,1.5px solid rgba(0,0,0,.08)) !important; box-shadow: var(--x84sh,rgba(0,0,0,.05) 0 2px 8px) !important; }
html.x42-hist main div[data-dm-id][class*="h-[116px]"].x76-now .x76-t { font-weight: var(--x84tw,500) !important; color: var(--x84tc,#1A1A1A) !important; }
html.x42-hist main div[data-dm-id][class*="h-[116px]"].x76-now > button.w-9.h-9 { background: var(--x84pb,rgba(0,0,0,.055)) !important; color: var(--x84pc,#1A1A1A) !important; box-shadow: none !important; transform: none !important; }
html.x42-hist main div[data-dm-id][class*="h-[116px]"] .vbadge.x47-vb.x84-vb { position: static !important; transform: none !important; margin: 0px !important; top: auto !important; left: auto !important; padding: 1px 5px !important; font-size: 10px !important; gap: 1px !important; height: 19px !important; box-sizing: border-box !important; flex: 0 0 auto !important; align-self: center !important; }
html.x42-hist main div[data-dm-id][class*="h-[116px]"] .vbadge.x47-vb.x84-vb svg { width: 11px !important; height: 11px !important; }
html.x42-hist main div[data-dm-id][class*="h-[116px]"] .dm-vb { display: none !important; }
html:not(.x42-hist) .x84-vb { display: none !important; }
html.x42-hist main div[data-dm-id][class*="h-[116px]"] > button.w-9.h-9 { top: calc(50% - 35px) !important; bottom: auto !important; margin-top: 0px !important; margin-bottom: 0px !important; translate: none !important; }
html.x42-hist main div[data-dm-id][class*="h-[116px]"] > .x15-stk { top: calc(50% + 5px) !important; bottom: auto !important; margin-top: 0px !important; margin-bottom: 0px !important; translate: none !important; }
/* == https://havineini-demo.sites.tab.bot/extras82.css?v=3 == */
.x76-dd { transform-origin: var(--x82cx,14px) 0; margin-top: 0px !important; background: rgb(255, 255, 255) !important; border: 1px solid rgba(0, 0, 0, 0.13) !important; border-radius: 8px !important; padding: 4px 0px !important; min-width: 96px !important; box-shadow: rgba(0, 0, 0, 0.24) 0px 8px 22px, rgba(0, 0, 0, 0.12) 0px 2px 6px !important; overflow: visible !important; animation: 0.14s ease-out 0s 1 normal none running x82in !important; }
.x76-dd.x82-up { transform-origin: var(--x82cx,14px) 100%; box-shadow: rgba(0, 0, 0, 0.22) 0px -8px 22px, rgba(0, 0, 0, 0.1) 0px -2px 6px !important; }
@keyframes x82in { 
  0% { opacity: 0; transform: translateY(-4px) scale(0.96); }
  100% { opacity: 1; transform: none; }
}
.x76-dd .x76-ddi { position: relative; z-index: 1; padding: 0px 12px !important; min-height: 24px !important; line-height: 24px !important; }
.x76-dd .x76-ddi + .x76-ddi { border-top: 1px solid rgba(0, 0, 0, 0.07) !important; }
.x76-dd::before { content: ""; position: absolute; top: -5.5px; left: calc(var(--x82cx,14px) - 5px); width: 9px; height: 9px; background: inherit; border-top: 1px solid rgba(0, 0, 0, 0.13); border-left: 1px solid rgba(0, 0, 0, 0.13); transform: rotate(45deg); border-top-left-radius: 2px; z-index: 0; }
.x76-dd.x82-up::before { top: auto; bottom: -5.5px; transform: rotate(225deg); }
html.x82-a .x76-dd::before { display: none; }
html.x82-c .x76-dd { background: color-mix(in srgb,var(--x82c,#1F6B6B) 9%,#fff) !important; border-color: color-mix(in srgb,var(--x82c,#1F6B6B) 35%,transparent) !important; border-radius: 12px !important; padding: 5px 0px !important; }
html.x82-c .x76-dd::before { border-color: color-mix(in srgb,var(--x82c,#1F6B6B) 35%,transparent); }
html.x82-c .x76-dd .x76-ddi + .x76-ddi { border-top-color: color-mix(in srgb,var(--x82c,#1F6B6B) 18%,transparent) !important; }
html.x82-c .x76-dd .x76-ddi { color: color-mix(in srgb,var(--x82c,#1F6B6B) 70%,#222) !important; }
html.dark .x76-dd { background: rgb(38, 38, 38) !important; box-shadow: rgba(0, 0, 0, 0.6) 0px 8px 24px !important; border-color: rgba(255, 255, 255, 0.16) !important; }
html.dark .x76-dd::before { border-color: rgba(255, 255, 255, 0.16); }
html.dark .x76-dd .x76-ddi + .x76-ddi { border-top-color: rgba(255, 255, 255, 0.08) !important; }
html.dark.x82-c .x76-dd { background: color-mix(in srgb,var(--x82c,#1F6B6B) 16%,#1e1e1e) !important; }
html.dark.x82-c .x76-dd .x76-ddi { color: rgb(238, 238, 238) !important; }
html.x82-c .x76-dd { align-items: center; justify-content: flex-start; row-gap: 0px; display: flex !important; flex-wrap: wrap !important; padding: 3px 10px !important; max-width: min(-16px + 100vw, 270px) !important; min-width: 0px !important; box-sizing: border-box !important; }
html.x82-c .x76-dd .x76-ddi { max-width: 100%; margin: 0px; background: none; display: block !important; flex: 0 0 auto !important; width: auto !important; padding: 0px 1px !important; min-height: 22px !important; line-height: 22px !important; font-size: 9.5px !important; font-weight: 600 !important; white-space: nowrap !important; overflow: visible !important; border: 0px !important; border-radius: 4px !important; }
html.x82-c .x76-dd .x76-ddi + .x76-ddi { margin-inline-start: 13px !important; border-top: 0px !important; }
html.x82-c .x76-dd .x76-ddi + .x76-ddi::before { content: "-"; position: absolute; inset-inline-end: 100%; top: 0px; width: 13px; text-align: center; pointer-events: none; font-weight: 400; color: color-mix(in srgb,var(--x82c,#1F6B6B) 45%,#999); }
html.x82-c .x76-dd .x76-ddi.x82-ls { margin-inline-start: 0px !important; }
html.x82-c .x76-dd .x76-ddi.x82-ls::before { display: none; }
html.x82-c .x76-dd .x76-ddi:active, html.x82-c .x76-dd .x76-ddi:hover { background: color-mix(in srgb,var(--x82c,#1F6B6B) 14%,transparent); }
html.dark.x82-c .x76-dd .x76-ddi + .x76-ddi::before { color: rgb(136, 136, 136); }
/* == https://havineini-demo.sites.tab.bot/extras86.css?v=2 == */
.x86-sw { display: flex; justify-content: center; margin: 10px auto 4px; gap: 0px; background: rgba(0, 0, 0, 0.05); border-radius: 999px; padding: 3px; width: max-content; }
.x86-sw button { display: inline-flex; align-items: center; gap: 4px; border: 0px; background: none; border-radius: 999px; padding: 5px 14px; font-size: 13px; font-weight: 700; color: rgb(107, 107, 107); font-family: inherit; }
.x86-sw button svg { width: 14px; height: 14px; }
.x86-sw button.on { background: rgb(255, 255, 255); color: rgb(31, 107, 107); box-shadow: rgba(0, 0, 0, 0.14) 0px 1px 3px; }
.x86-pl { display: inline-flex; align-items: center; gap: 2px; font-size: 10px; font-weight: 600; line-height: 1.5; padding: 1px 6px 1px 5px; border-radius: 999px; white-space: nowrap; vertical-align: middle; flex-shrink: 0; margin-inline-start: 6px; }
.x86-pl svg { width: 11px; height: 11px; }
.x86-pl.v { background: rgba(31, 107, 107, 0.1); color: rgb(31, 107, 107); border: 1px solid rgba(31, 107, 107, 0.35); }
.x86-pl.a { background: rgb(241, 241, 241); color: rgb(102, 102, 102); border: 1px solid rgb(226, 226, 226); }
.x86-th { position: relative; flex-shrink: 0; width: 84px; height: 47px; border-radius: 9px; overflow: hidden; background: center center / cover rgb(17, 17, 17); box-shadow: rgba(0, 0, 0, 0.18) 0px 1px 4px; }
.x86-th video { width: 100%; height: 100%; object-fit: cover; display: block; pointer-events: none; }
.x86-th .x86-cam { position: absolute; inset: 0px; display: flex; align-items: center; justify-content: center; color: rgba(255, 255, 255, 0.55); }
.x86-th .x86-cam svg { width: 22px; height: 22px; }
.x86-th .x86-pb { position: absolute; left: 50%; top: 50%; width: 24px; height: 24px; margin: -12px 0px 0px -12px; border-radius: 50%; background: rgba(0, 0, 0, 0.55); display: flex; align-items: center; justify-content: center; color: rgb(255, 255, 255); }
.x86-th .x86-pb svg { width: 12px; height: 12px; margin-left: 2px; }
.x86-th .x86-lg { position: absolute; left: 0px; bottom: 0px; width: 15%; height: 24%; background: rgb(247, 246, 242); border-radius: 0px 5px 0px 0px; }
[data-dm-clip].x86-v [role="img"].x86-hid { display: none !important; }
#x78cv.x78-isv:not(.x86-aud) .x78-mark { display: none; }
#x78cv.x78-isv:not(.x86-aud) .x78-kick { margin-top: 0px; }
#x78cv.x78-isv:not(.x86-aud) .x78-card { padding-top: 16px; }
#x78cv.x78-isv .x78-vb { margin: 14px -18px 0px; border-radius: 0px; }
#x78cv.x78-isv:not(.x86-aud) .x78-kick::after { content: " · VIDEO"; }
#x78cv.x78-done .x78-pp svg { width: 30px; height: 30px; }
.x86-pl { font-size: 9px !important; font-weight: 600 !important; line-height: 1.35 !important; padding: 0px 4px 0px 3px !important; gap: 2px !important; margin-inline-start: 5px !important; }
.x86-pl svg { width: 9px !important; height: 9px !important; }
.x86-pl.v { background: rgba(31, 107, 107, 0.07) !important; border-color: rgba(31, 107, 107, 0.22) !important; }
.x86-pl.a { background: rgb(245, 245, 245) !important; border-color: rgb(232, 232, 232) !important; color: rgb(119, 119, 119) !important; }
#x78cv .x86-cvsw { margin: 10px auto 0px; }
#x78cv .x86-cvsw button { padding: 4px 12px; font-size: 12px; }
#x78cv .x86-cvsw button svg { width: 13px; height: 13px; }
#x78cv.x78-isv.x86-aud .x78-vb { height: 0px !important; margin: 0px !important; overflow: hidden !important; padding: 0px !important; border: 0px !important; }
/* == https://havineini-demo.sites.tab.bot/extras81.css?v=5 == */
.x81-h { display: none !important; }
#x81-sp { display: none !important; }
.player-mobile-identity .x23-line { display: none !important; }
.x81-spl { display: none !important; }
.x81-tag { position: absolute; top: -40px; left: 50%; transform: translateX(-50%); z-index: 20; display: flex; flex-direction: column; align-items: center; width: max-content; max-width: min(250px, 92vw); pointer-events: none; }
.x81-tb { pointer-events: auto; display: inline-flex; align-items: center; gap: 4px; height: 20px; padding: 0px 9px 0px 8px; border-radius: 999px; border-width: 1px; border-style: solid; border-image: none; border-color: color-mix(in srgb,var(--x23a,#1F6B6B) 22%,rgba(255,255,255,.75)); background: rgba(255, 255, 255, 0.84); backdrop-filter: blur(6px); box-shadow: rgba(0, 0, 0, 0.14) 0px 1px 4px; cursor: pointer; -webkit-tap-highlight-color: transparent; white-space: nowrap; }
.x81-tb b { font: 600 10.5px / 1 "DM Sans", Heebo, sans-serif; color: var(--x23a,#1F6B6B); letter-spacing: 0.2px; }
.x81-tb i { font-style: normal; font-size: 9px; line-height: 1; color: var(--x23a,#1F6B6B); opacity: 0.85; }
.x81-tp { display: none; pointer-events: auto; margin-top: 5px; min-width: 150px; max-width: min(250px, 92vw); max-height: 150px; overflow: auto; padding: 8px 12px; border-radius: 12px; text-align: center; background: rgba(255, 255, 255, 0.95); backdrop-filter: blur(8px); border: 1px solid color-mix(in srgb,var(--x23a,#1F6B6B) 22%,transparent); box-shadow: rgba(0, 0, 0, 0.18) 0px 4px 14px; cursor: pointer; }
.x81-tag.open .x81-tp { display: block; }
.x81-tp p { margin: 0px; }
.x81-tp .nm { font: 600 13.5px / 1.3 "Frank Ruhl Libre", "David Libre", serif; color: rgb(61, 54, 46); }
.x81-tp .lb { font: 600 9.5px / 1.4 "DM Sans", Heebo, sans-serif; color: var(--x23a,#1F6B6B); }
.x81-tp .dd { margin-top: 2px; font: 400 11.5px / 1.35 "Frank Ruhl Libre", "David Libre", serif; color: rgb(122, 112, 100); }
.x81-tp hr { border-width: 1px 0px 0px; border-style: solid none none; border-color: rgba(0, 0, 0, 0.08) currentcolor currentcolor; border-image: none; margin: 6px 8px; }
html.dark .x81-tb { background: rgba(30, 30, 30, 0.72); }
html.dark .x81-tp { background: rgba(30, 30, 30, 0.94); }
html.dark .x81-tp .nm { color: rgb(237, 230, 218); }
html.dark .x81-tp .dd { color: rgb(184, 174, 156); }
button.x81-on { color: var(--x81c,#1F6B6B) !important; }
button.x81-on svg { stroke: currentcolor; stroke-width: 2.1; color: var(--x81c,#1F6B6B) !important; }
button.x81-on { background: color-mix(in srgb,var(--x81c,#1F6B6B) 13%,transparent) !important; }
html.x9v .x81-tag { display: none !important; }
.x81-tb { background: rgba(255, 255, 255, 0.92); }
.x81-tag.open .x81-tb { display: none; }
.x81-tp { position: relative; margin-top: 0px; min-width: 0px; max-width: 100%; max-height: none; overflow: hidden; padding: 3px 10px 3px 20px; border-radius: 9px; text-align: center; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 8px; }
.x81-tp .ar { position: absolute; left: 7px; top: 50%; transform: translateY(-50%); font-style: normal; font-size: 8.5px; line-height: 1; color: var(--x23a,#1F6B6B); opacity: 0.85; }
.x81-tp .ln { margin: 0px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font: 400 10.5px / 1.35 "Frank Ruhl Libre", "David Libre", serif; color: rgb(122, 112, 100); }
.x81-tp .lb2 { font: 600 9.5px / 1 "DM Sans", Heebo, sans-serif; color: var(--x23a,#1F6B6B); }
.x81-tp .nm { font: 600 10.5px / 1.35 "Frank Ruhl Libre", "David Libre", serif; color: rgb(61, 54, 46); }
.x81-tp .dd { font: inherit; color: rgb(122, 112, 100); margin: 0px; }
html.dark .x81-tp .ln { color: rgb(184, 174, 156); }
.x81-tp { padding: 4px 10px 4px 20px; }
.x81-tp .ln { white-space: normal; overflow: visible; text-overflow: clip; overflow-wrap: break-word; word-break: normal; }
.x81-tp .ln + .ln { margin-top: 3px; padding-top: 3px; border-top: 1px solid rgba(0, 0, 0, 0.07); }
html.dark .x81-tp .ln + .ln { border-top-color: rgba(255, 255, 255, 0.1); }
.x81-tp .ar { top: 10px; transform: none; }
/* == https://havineini-demo.sites.tab.bot/extras87b.css?v=1 == */
html.x9v .player-mobile-identity .player-title-viewport > div.line-clamp-2 { text-align: center !important; }
#x52-float .x52-logo { position: absolute; z-index: 2; pointer-events: none; background: rgb(247, 246, 242); border-radius: 0px 9px 0px 0px; display: flex; align-items: center; justify-content: center; box-sizing: border-box; }
#x52-float .x52-logo i { display: block; width: 72%; height: 72%; mask: url("img/havineini-track-mark-256_ffd43e7f.png") center center / contain no-repeat; background: rgb(31, 107, 107); }
#x52-float button, #x52-float .x52-flp { z-index: 3; }
#x9-vdock [data-a="pip"], [data-a="pip"][aria-label="Picture in picture"] { display: none !important; }
/* == https://havineini-demo.sites.tab.bot/extras90.css?v=1 == */
html[data-x78c] #dm-vid .x9-vprog .tr i, html[data-x78c] .x9-line i, html[data-x78c] #x6k-mp .ln b, html[data-x78c] #x9-bar .ln b { background: var(--x78c) !important; }
[data-x90c] > [aria-label$="% listened"] > div, [data-x90c] .dm-line { background: var(--x90c) !important; }
.x54-b[data-s="d"] { background: var(--x54c,#2A8A7A) !important; }
/* == https://havineini-demo.sites.tab.bot/extras87.css?v=1 == */

/* == https://havineini-demo.sites.tab.bot/extras89.css?v=2 == */
body[data-x89g] #hv6-sp { height: 0px !important; }
body[data-x89g]:not([data-x89p]) #hv6-tags { display: none !important; }
#x89-grid { --ac: #b53d65; direction: rtl; display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); grid-auto-flow: dense; gap: 10px; padding: 12px 16px 16px; }
.x89-c { position: relative; overflow: hidden; min-height: 86px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px; padding: 12px 16px; border-radius: 14px; font: inherit; text-align: center; cursor: pointer; -webkit-tap-highlight-color: transparent; transition: transform 0.15s, box-shadow 0.2s, background 0.2s, border-color 0.2s; }
.x89-c:active { transform: scale(0.97); }
.x89-c b { display: block; font-size: 18px; font-weight: 700; line-height: 1.25; color: var(--ac); overflow-wrap: anywhere; }
.x89-c b .cv { font-style: normal; font-size: 13px; margin-right: 5px; opacity: 0.7; display: inline-block; transition: transform 0.2s; }
.x89-c small { display: block; font-size: 12px; font-weight: 500; line-height: 1.2; color: rgb(138, 126, 110); }
html[data-x89="A"] .x89-c { background: rgb(255, 255, 255); border: 1px solid rgba(0, 0, 0, 0.07); box-shadow: rgba(0, 0, 0, 0.06) 0px 2px 8px; }
html[data-x89="A"] .x89-c::before { content: ""; position: absolute; top: 0px; bottom: 0px; right: 0px; width: 5px; background: var(--ac); }
html[data-x89="A"] .x89-c.on { background: rgba(181, 61, 101, 0.06); border-color: rgba(181, 61, 101, 0.55); box-shadow: rgba(181, 61, 101, 0.55) 0px 0px 0px 1px, rgba(181, 61, 101, 0.14) 0px 3px 10px; }
html[data-x89="B"] .x89-c { background: rgba(181, 61, 101, 0.075); border: 1px solid rgba(181, 61, 101, 0.16); box-shadow: rgba(181, 61, 101, 0.07) 0px 2px 7px; }
html[data-x89="B"] .x89-c.on { background: var(--ac); border-color: var(--ac); box-shadow: rgba(181, 61, 101, 0.28) 0px 3px 10px; }
html[data-x89="B"] .x89-c.on b, html[data-x89="B"] .x89-c.on small { color: rgb(255, 255, 255); }
.x89-c.on.has b .cv { transform: rotate(180deg); }
.x89-dd { grid-column: 1 / -1; display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; padding: 12px; background: rgb(255, 255, 255); border: 1px solid rgba(181, 61, 101, 0.2); border-radius: 14px; box-shadow: rgba(0, 0, 0, 0.05) 0px 2px 8px; animation: 0.18s ease 0s 1 normal both running hv6Drop; }
.x89-it { font-style: inherit; font-variant: inherit; font-stretch: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 14px; font-weight: 600; line-height: 1.2; padding: 9px 14px; border-radius: 999px; border: 1px solid rgba(181, 61, 101, 0.22); background: rgba(181, 61, 101, 0.06); color: var(--ac); cursor: pointer; -webkit-tap-highlight-color: transparent; }
.x89-it.on { background: var(--ac); border-color: var(--ac); color: rgb(255, 255, 255); }
html[data-x89cols="3"] #x89-grid { grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 8px; padding: 12px 14px 16px; }
html[data-x89cols="3"] .x89-c { min-height: 76px; padding: 10px 8px; gap: 4px; border-radius: 13px; }
html[data-x89cols="3"][data-x89="A"] .x89-c { padding-right: 12px; }
html[data-x89cols="3"][data-x89="A"] .x89-c::before { width: 4px; }
html[data-x89cols="3"] .x89-c b { font-size: 15.5px; line-height: 1.22; overflow-wrap: break-word; word-break: normal; hyphens: none; }
html[data-x89cols="3"] .x89-c b .cv { font-size: 11px; margin-right: 3px; }
html[data-x89cols="3"] .x89-c small { font-size: 11px; line-height: 1.15; white-space: nowrap; }
@media (max-width: 374px) {
  html[data-x89cols="3"] #x89-grid { gap: 7px; padding: 10px 10px 14px; }
  html[data-x89cols="3"] .x89-c { padding: 9px 6px; }
  html[data-x89cols="3"][data-x89="A"] .x89-c { padding-right: 10px; }
  html[data-x89cols="3"] .x89-c b { font-size: 14px; }
  html[data-x89cols="3"] .x89-c small { font-size: 10.5px; }
}
/* == https://havineini-demo.sites.tab.bot/extras96.css?v=4 == */
body[data-x89g] [data-loc$="Shiurim.tsx:918"] { display: none !important; }
body[data-x89g] #x89-grid { margin-bottom: 24px; }
html[data-x96f] [data-loc$="Shiurim.tsx:918"], html[data-x96f] #hv6-tags, html[data-x96f] #hv6-list, html[data-x96f] #x89-grid { display: none !important; }
html[data-x96f] #hv6-sp { height: 0px !important; }
#x96-grid { --ac: #b53d65; direction: rtl; display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); grid-auto-flow: dense; gap: 8px; padding: 12px 14px 112px; touch-action: manipulation; }
html[data-x89cols="2"] #x96-grid { grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 10px; padding: 12px 16px 112px; }
#x96-grid .x89-c, #x96-grid .x89-it { touch-action: manipulation; user-select: none; }
#x96-grid .x89-c { min-height: 76px; padding: 10px 8px; gap: 4px; border-radius: 13px; transition: transform 0.08s, background 0.12s, border-color 0.12s; }
html[data-x89="A"] #x96-grid .x89-c { padding-right: 12px; }
html[data-x89="A"] #x96-grid .x89-c::before { width: 4px; }
#x96-grid .x89-c b { font-size: 15.5px; line-height: 1.22; overflow-wrap: break-word; word-break: normal; hyphens: none; }
#x96-grid .x89-c b .cv { font-size: 11px; margin-right: 3px; }
#x96-grid .x89-c small { font-size: 11px; line-height: 1.15; white-space: nowrap; }
#x96-grid .x89-c.x96-press { transform: scale(0.97); background: rgba(181, 61, 101, 0.1) !important; border-color: rgba(181, 61, 101, 0.5) !important; }
#x96-grid .x89-dd { animation: 0.12s ease 0s 1 normal both running hv6Drop; }
#x96-grid .x89-it.on { background: var(--ac); border-color: var(--ac); color: rgb(255, 255, 255); }
@media (max-width: 374px) {
  #x96-grid { gap: 7px; padding: 10px 10px 112px; }
  #x96-grid .x89-c { padding: 9px 6px; }
  html[data-x89="A"] #x96-grid .x89-c { padding-right: 10px; }
  #x96-grid .x89-c b { font-size: 14px; }
  #x96-grid .x89-c small { font-size: 10.5px; }
}
html[data-x96l] #hv6-m.x72-h, html[data-x96l] #hv6-m .hv6-rows > .x72-h { display: block !important; animation: auto ease 0s 1 normal none running none !important; opacity: 1 !important; transform: none !important; }
html[data-x96l] #hv6-m ~ .x72-ft.x72-list, html[data-x96l] #hv6-m .x72-ft { display: none !important; }
html[data-x96l] #hv6-m .hv6-rows > .hv6-row[data-x39] { display: block !important; }
html[data-x96sp] #hv6-m .hv6-subs > .hv6-sp[data-k=""] { display: none !important; }
/* == https://havineini-demo.sites.tab.bot/extras94.css?v=1 == */
.x81-tag.x94-p { top: var(--x94t) !important; max-width: var(--x94w) !important; }
.x81-tb { height: 24px !important; padding: 0px 11px 0px 10px !important; gap: 5px !important; }
.x81-tb b { font-size: 12px !important; }
.x81-tb i { font-size: 10px !important; }
.x81-tag.open { width: var(--x94w) !important; }
.x81-tag.open .x81-tp { width: 100%; box-sizing: border-box; padding: 9px 14px 9px 40px !important; border-radius: 12px !important; max-height: var(--x94h,190px) !important; overflow: auto !important; box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 16px !important; background: rgba(255, 255, 255, 0.97) !important; }
html.dark .x81-tag.open .x81-tp { background: rgba(30, 30, 30, 0.96) !important; }
.x81-tp .ar { display: none !important; }
.x81-tp .ln { text-align: center; font-size: 12.5px !important; line-height: 1.45 !important; }
.x81-tp .lb2 { font-size: 11px !important; }
.x81-tp .nm { font-size: 12.5px !important; line-height: 1.45 !important; }
.x81-tp .ln + .ln { margin-top: 5px !important; padding-top: 5px !important; }
.x94-x { position: absolute; left: 6px; top: 6px; width: 28px; height: 28px; border-radius: 50%; border: 0px; padding: 0px; margin: 0px; background: rgba(20, 20, 20, 0.78); color: rgb(255, 255, 255); font: 600 14px / 28px "DM Sans", sans-serif; text-align: center; cursor: pointer; -webkit-tap-highlight-color: transparent; z-index: 2; box-shadow: rgba(0, 0, 0, 0.25) 0px 1px 3px; }
.x94-x::after { content: ""; position: absolute; inset: -8px; }
html.dark .x94-x { background: rgba(255, 255, 255, 0.22); }
.x81-tag.x94-l { left: var(--x94l) !important; transform: none !important; }
/* == https://havineini-demo.sites.tab.bot/extras95.css?v=1 == */
html:not(.x95-off) body #x9-bar[id][role] { height: 68px !important; min-height: 68px !important; }
html:not(.x95-off) body #x9-bar[id][role] .ln { top: 0px !important; height: 2px !important; }
html:not(.x95-off) body #x9-bar[id][role] .tx { top: 5px !important; padding: 0px !important; line-height: normal !important; }
html:not(.x95-off) body #x9-bar[id][role] .tx::before { content: "Now playing" !important; display: block !important; font-size: 9.5px !important; line-height: 8px !important; height: 8px !important; font-variant: all-small-caps !important; text-transform: none !important; letter-spacing: 0.06em !important; font-weight: 700 !important; color: var(--x25pp,#2D5016) !important; opacity: 0.75 !important; margin: 0px !important; padding: 0px !important; white-space: nowrap !important; overflow: hidden !important; }
html:not(.x95-off) body #x9-bar[id][role] .tx > b { display: block !important; font-size: 13px !important; line-height: 13px !important; height: 13px !important; font-weight: 600 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; }
html:not(.x95-off) body #x9-bar[id][role] .ctl { top: 26px !important; height: 40px !important; }
html:not(.x95-off) body #x9-bar[id][role] .x48c-t { top: 41px !important; }
/* == https://havineini-demo.sites.tab.bot/extras98.css?v=2 == */
html.x9v body #x9-vdock#x9-vdock .r2 [data-a="pip"] { display: flex !important; visibility: visible !important; }
html.x9v body #x9-vdock#x9-vdock .r2 { display: flex !important; flex-wrap: nowrap !important; justify-content: space-between !important; }
html.x9v body #x9-vdock#x9-vdock .r2 > button { flex: 1 1 0px !important; min-width: 0px !important; max-width: 82px !important; }
html.x9v body #x9-vdock#x9-vdock .r2 [data-a="spd"] { order: 1; }
html.x9v body #x9-vdock#x9-vdock .r2 [data-a="pip"] { order: 2; }
html.x9v body #x9-vdock#x9-vdock .r2 [data-a="fs"] { order: 3; }
html.x9v body #x9-vdock#x9-vdock .r2 [data-a="lock"] { order: 4; }
html.x9v .x98-off { display: none !important; }
html:not(.x9v) .x98-vt { display: none !important; }
.x98-vt { position: relative; z-index: 45; display: flex; justify-content: center; align-self: center; flex: 0 0 auto; height: 24px; margin: var(--x98m,8px) 0 4px; direction: rtl; }
.x98-vt .x81-tb { height: 24px !important; }
.x98-vt.open .x81-tb { visibility: hidden; }
.x98-vt .x81-tp { display: none; position: absolute; top: 0px; left: 50%; transform: translateX(-50%); width: var(--x98w,300px); max-width: none; box-sizing: border-box; padding: 9px 14px 9px 40px !important; border-radius: 12px !important; max-height: var(--x98h,190px) !important; overflow: auto !important; box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 16px !important; background: rgba(255, 255, 255, 0.97) !important; }
html.dark .x98-vt .x81-tp { background: rgba(30, 30, 30, 0.96) !important; }
.x98-vt.open .x81-tp { display: block; }
@media (max-width: 767px) {
  div:has(> .player-mobile-identity):has(> .player-mobile-timeline) { padding-top: 4px !important; }
  .player-mobile-identity > div.flex.items-center:not(.player-title-viewport) { margin-top: 3px !important; }
  .player-mobile-timeline > div.relative.cursor-pointer { height: 24px !important; }
}
.player-mobile-artwork { position: relative; }
html.x98on:not(.x9v) body .player-mobile-artwork.player-mobile-artwork.player-mobile-artwork.player-mobile-artwork.player-mobile-artwork.player-mobile-artwork.player-mobile-artwork.player-mobile-artwork:has(> .x81-tag.x94-p) { margin-top: 36px !important; margin-bottom: 6px !important; }
html.x98on:not(.x9v) .player-mobile-artwork > .x81-tag.x94-p { position: absolute !important; top: -30px !important; left: 50% !important; transform: translateX(-50%) !important; margin: 0px !important; z-index: 60 !important; }
html.x9v body #dm-vid#dm-vid#dm-vid#dm-vid#dm-vid { height: calc(min(var(--x52c,180px),calc(var(--x52c,180px) + var(--x52g,68px) - var(--x52d,90px))) - var(--x98a,0px)) !important; }
/* == https://havineini-demo.sites.tab.bot/extras97.css?v=1 == */
button[data-x97][data-x97on] > div.relative > span:not(.x97-b) { display: none !important; }
/* == https://havineini-demo.sites.tab.bot/extras99.css?v=3 == */
.x99-bar { margin: 10px -10px 0px; position: relative; }
.x99-bar.x99-own { position: sticky; top: 0px; z-index: 20; margin: 0px; padding: 8px 12px 0px; background: oklch(0.97 0.006 80); }
.x99-row { display: flex; align-items: stretch; justify-content: space-between; gap: 0px; overflow-x: auto; scrollbar-width: none; border-bottom: 1px solid rgba(0, 0, 0, 0.07); }
.x99-row::-webkit-scrollbar { display: none; }
.x99-tab { flex: 0 0 auto; display: inline-flex; align-items: center; padding: 7px 7px 8px; margin-bottom: -1px; border-width: 0px 0px 2px; border-style: none none solid; border-color: currentcolor currentcolor transparent; border-image: none; background: none; font-size: 12.5px; font-weight: 600; line-height: 1.1; color: rgb(90, 80, 64); white-space: nowrap; cursor: pointer; -webkit-tap-highlight-color: transparent; transition: color 0.15s, border-color 0.15s; }
.x99-tab.x99-ic { padding: 5px 6px 6px 4px; }
.x99-tab.x99-ic svg { width: 16px; height: 16px; }
.x99-tab.x99-on { color: rgb(31, 107, 107); border-bottom-color: rgb(31, 107, 107); }
.x99-tab:active { opacity: 0.7; }
.dark .x99-tab { color: rgb(207, 198, 182); }
.dark .x99-bar.x99-own { background: inherit; }
@media (max-width: 370px) {
  .x99-tab { padding: 7px 4.5px 8px; font-size: 12px; }
  .x99-tab.x99-ic { padding: 5px 3px 6px 2px; }
  .x99-bar { margin-left: -14px; margin-right: -14px; }
}
.x99-row.x99-ovf { mask-image: linear-gradient(to right, rgb(0, 0, 0) calc(100% - 22px), transparent); }
.x99-row.x99-ovf.x99-end { mask-image: none; }
/* == https://havineini-demo.sites.tab.bot/extras100.css?v=1 == */
html[data-x100a] [data-dm-id], html[data-x100a] [data-dm-id] *, html[data-x100a] [data-dm-clip], html[data-x100a] [data-dm-clip] *, html[data-x100a] .x99-bar, html[data-x100a] .x99-bar * { transition-property: background-color, border-color, color, opacity, box-shadow, transform !important; }
html[data-x100a] [data-dm-id] .h-full.rounded-full { transition: none !important; }
[data-x100] .mt-auto.h-1.rounded-full.overflow-hidden > div { background: var(--x100c) !important; }
html[data-x100p="notes"] .space-y-3 > section.x100-nsec + section.x100-nsec { margin-top: 8px !important; }
section.x100-nsec { padding: 8px 10px 6px 12px !important; background: linear-gradient(var(--x100t,transparent),var(--x100t,transparent)),#fff !important; border-top-color:  !important; border-top-style:  !important; border-top-width:  !important; border-right-color:  !important; border-right-style:  !important; border-right-width:  !important; border-bottom-color:  !important; border-bottom-style:  !important; border-bottom-width:  !important; border-image-source:  !important; border-image-slice:  !important; border-image-width:  !important; border-image-outset:  !important; border-image-repeat:  !important; border-left: 4px solid var(--x100f,rgba(0,0,0,.12)) !important; border-radius: 14px !important; }
section.x100-nsec > div:first-child { padding-bottom: 4px !important; border-bottom-color: var(--x100b,rgba(0,0,0,.07)) !important; align-items: flex-start !important; }
section.x100-nsec > div:first-child > p { white-space: normal !important; overflow: hidden !important; display: -webkit-box !important; -webkit-box-orient: vertical !important; -webkit-line-clamp: 2 !important; line-height: 1.3 !important; font-size: 13px !important; }
section.x100-nsec > div:first-child > span { padding: 2px 7px !important; }
section.x100-nsec .divide-y > * { border-color: var(--x100b,rgba(0,0,0,.07)) !important; }
section.x100-nsec .x18-nr { padding-top: 5px !important; padding-bottom: 5px !important; gap: 8px !important; align-items: center !important; }
section.x100-nsec .x18-nr .x18-np { width: 28px !important; height: 28px !important; }
section.x100-nsec .x18-nr > button:not(.x18-np) { padding: 2px 7px !important; font-size: 11px !important; }
section.x100-nsec .x18-nr p { word-break: break-word; white-space: normal !important; overflow: hidden !important; display: -webkit-box !important; -webkit-box-orient: vertical !important; -webkit-line-clamp: 2 !important; line-height: 1.3 !important; font-size: 13px !important; }
section.x100-nsec .x18-nr > div:last-child { gap: 6px !important; }
section.x100-nsec .x18-nr > div:last-child button { font-size: 11px !important; }
.x100-mcard { background: linear-gradient(var(--x100t),var(--x100t)),#fff !important; border-top-color:  !important; border-right-color:  !important; border-bottom-color:  !important; border-left: 4px solid var(--x100f) !important; }
.x100-mhead { padding-top: 8px !important; padding-bottom: 8px !important; }
.x100-mcard .px-4.pb-3.space-y-2 { padding-bottom: 8px !important; }
.x100-mcard .px-4.pb-3.space-y-2 > * + * { margin-top: 5px !important; }
.x100-mcard .rounded-xl.flex.items-center { cursor: pointer; padding-top: 4px !important; padding-bottom: 4px !important; }
.dark section.x100-nsec, .dark .x100-mcard { background: linear-gradient(var(--x100t),var(--x100t)),#1d1b18 !important; }
[data-dm-clip] { cursor: pointer; }
.x99-bar .x99-tab:not(.x99-ic) { padding-left: 4px !important; padding-right: 4px !important; }
@media (max-width: 389px) {
  .x99-bar .x99-tab:not(.x99-ic) { letter-spacing: -0.15px; padding-left: 3px !important; padding-right: 3px !important; font-size: 11.5px !important; }
  .x99-bar .x99-tab.x99-ic { padding-right: 3px !important; }
}
[data-x100] .mt-auto.h-1.rounded-full.overflow-hidden > div, [data-x100] [aria-label$="% listened"] > div { box-shadow: inset 0 0 0 99px var(--x100c) !important; }
[data-x100] .mt-auto.h-1.rounded-full.overflow-hidden { box-shadow: inset 0 0 0 99px color-mix(in srgb,var(--x100c) 16%,transparent) !important; }
#x100-sw { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 10px 0px 2px; padding: 8px 12px; border-radius: 12px; background: rgba(0, 0, 0, 0.035); cursor: pointer; direction: ltr; max-width: 100%; box-sizing: border-box; }
#x100-sw .x72-sw-t { font-size: 13px; font-weight: 500; color: rgb(90, 80, 64); line-height: 1.25; min-width: 0px; }
#x100-sw .x72-tg { position: relative; flex: 0 0 auto; width: 38px; height: 22px; border-radius: 999px; border: 0px; padding: 0px; background: rgb(201, 196, 184); transition: background 0.15s; cursor: pointer; }
#x100-sw .x72-tg.on { background: rgb(31, 107, 107); }
#x100-sw .x72-kn { position: absolute; top: 2px; left: 2px; width: 18px; height: 18px; border-radius: 999px; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.25) 0px 1px 3px; transition: left 0.15s; }
#x100-sw .x72-tg.on .x72-kn { left: 18px; }
.dark #x100-sw { background: rgba(255, 255, 255, 0.06); }
.dark #x100-sw .x72-sw-t { color: rgb(216, 210, 194); }
/* == https://havineini-demo.sites.tab.bot/extras101.css?v=1 == */
.x72-ft.x72-feed.x101-on .x72-cnt { display: none !important; }
.x72-ft.x72-feed .x101-cnt { margin: 8px 0px 0px; font-size: 11px; color: rgb(138, 143, 148); line-height: 1.3; }
.x72-ft.x72-feed .x101-cnt:empty { display: none; }
/* == https://havineini-demo.sites.tab.bot/extras102.css?v=1 == */
[data-x102] .x22-plb svg { color: var(--x78c) !important; }
/* == https://havineini-demo.sites.tab.bot/extras105.css?v=1 == */
.x81-tag, .x98-vt, html.x105pl #x23-sheet { display: none !important; }
#x105 { position: fixed; z-index: 70; left: 50%; transform: translateX(-50%); top: var(--x105t,114px); direction: rtl; display: none; pointer-events: none; }
html.x105on #x105 { display: block; }
#x105 .tb { pointer-events: auto; display: flex; align-items: center; gap: 5px; height: 24px; margin: 0px auto; padding: 0px 11px 0px 10px; border-radius: 12px; background: rgba(255, 255, 255, 0.96); color: var(--x105a,#1F6B6B); border: 1px solid rgba(0, 0, 0, 0.12); box-sizing: border-box; font: 600 12px / 24px "Frank Ruhl Libre", "David Libre", serif; white-space: nowrap; box-shadow: rgba(0, 0, 0, 0.22) 0px 1px 4px; cursor: pointer; -webkit-tap-highlight-color: transparent; }
#x105 .tb i { font-style: normal; font-size: 10px; line-height: 1; }
#x105 .tb::after { content: ""; position: absolute; inset: -8px -4px; }
#x105 .tp { pointer-events: auto; display: none; position: absolute; top: 28px; left: 50%; transform: translateX(-50%); width: var(--x105w,260px); box-sizing: border-box; max-height: var(--x105h,160px); overflow: auto; padding: 8px 12px 8px 36px; border-radius: 12px; background: rgba(255, 255, 255, 0.98); box-shadow: rgba(0, 0, 0, 0.22) 0px 4px 16px; text-align: center; color: rgb(43, 38, 34); }
html.dark #x105 .tb { background: rgba(40, 40, 40, 0.92); border-color: rgba(255, 255, 255, 0.18); }
html.dark #x105 .tp { background: rgba(30, 30, 30, 0.97); color: rgb(238, 238, 238); }
#x105.open .tp { display: block; }
#x105 .tp .ln { margin: 0px; font: 400 12.5px / 1.45 "Frank Ruhl Libre", "David Libre", serif; }
#x105 .tp .ln + .ln { margin-top: 5px; padding-top: 5px; border-top: 1px solid rgba(0, 0, 0, 0.08); }
#x105 .tp .lb2 { font-size: 11px; opacity: 0.75; }
#x105 .tp .nm { font-weight: 600; }
#x105 .tp .dd { opacity: 0.85; }
#x105 .x { position: absolute; left: 5px; top: 5px; width: 26px; height: 26px; border-radius: 50%; border: 0px; padding: 0px; background: rgba(20, 20, 20, 0.75); color: rgb(255, 255, 255); font: 600 13px / 26px sans-serif; text-align: center; cursor: pointer; }
#x105 .x::after { content: ""; position: absolute; inset: -8px; }
/* == https://havineini-demo.sites.tab.bot/extras104.css?v=1 == */
html[data-x104mm] #x9-vdock .pp svg { display: none !important; }
html[data-x104mm] #x9-vdock .pp::after { content: ""; display: block; width: 0px; height: 0px; margin-left: 5px; border-style: solid; border-width: 11px 0px 11px 18px; border-color: transparent transparent transparent rgb(255, 255, 255); }
html[data-x104mm] #x9-vdock .pp { display: flex; align-items: center; justify-content: center; }
html[data-x104mm] #x9-vdock .sk, html[data-x104mm] #x9-vdock [data-a="spd"], html[data-x104mm] [data-mobile-transport-dock] button.x104-sk { pointer-events: none !important; }
html[data-x104mm] #x9-vdock .sk, html[data-x104mm] #x9-vdock [data-a="spd"], html[data-x104mm] [data-mobile-transport-dock] button.x104-sk { opacity: 0.3 !important; }
html[data-x104mm] #dm-vid .x9-vprog { display: none !important; }
html body .x104-pc, html body .player-mobile-timeline .x104-pc, html body .player-mobile-timeline .x22pct.x104-pc { font-size: 0px !important; white-space: nowrap !important; letter-spacing: 0px !important; }
html body .x104-pc::after { content: attr(data-x104p); font-size: var(--x104fs,12px); }
.x104-done::after { color: rgb(46, 139, 87); font-weight: 700; letter-spacing: 0px; }
/* == https://havineini-demo.sites.tab.bot/extras110.css?v=1 == */
#hv6-m.x72-h, #hv6-m .hv6-rows > .x72-h { display: block !important; animation: auto ease 0s 1 normal none running none !important; opacity: 1 !important; transform: none !important; }
html:has(#hv6-m .hv6-rows) .x72-ft.x72-list { display: none !important; }
/* == https://havineini-demo.sites.tab.bot/extras109.css?v=1 == */
html.x109fv body #dm-vid#dm-vid#dm-vid#dm-vid#dm-vid#dm-vid { height: var(--x109vh) !important; min-height: 0px !important; }
html.x109fa:not(.x9v) .player-mobile-artwork { zoom: var(--x109z,1); }
html.x109fa:not(.x9v) .havineini-player-page div:has(> .player-mobile-artwork) { padding-top: var(--x109pt,0px) !important; padding-bottom: var(--x109pb,0px) !important; }
html.x109ta:not(.x9v) #x105 { top: var(--x109tt) !important; }
html.x109cv.x9v #dm-vid .x52-disc { transform: translateY(var(--x109cpt,0px)) scale(var(--x109cz,1)); transform-origin: 50% 0px; }
html body .x104-done.x104-pc::after { content: "100%" !important; color: inherit !important; font-weight: inherit !important; }
/* == https://havineini-demo.sites.tab.bot/extras106.css?v=1 == */
.x106-rbox .x106-fake { display: none !important; }
.x106-rbox.x106-none { display: none !important; }
.x106-shb > .hvc-w, .x106-shb > :not(.hvc-gh):not(.hv6-fr) { display: none !important; }
.x106-shb .x43-chev { transform: rotate(90deg) !important; }
#hv6-m.x72-h, #hv6-m .hv6-rows > .x72-h { display: block !important; animation: auto ease 0s 1 normal none running none !important; opacity: 1 !important; transform: none !important; }
html:has(#hv6-m .hv6-rows) .x72-ft.x72-list { display: none !important; }
#hv6-m .hv6-rows[data-x106n="50"] > .hv6-row:nth-child(n+51) { display: none !important; }
#hv6-m .hv6-rows[data-x106n="100"] > .hv6-row:nth-child(n+101) { display: none !important; }
#hv6-m .hv6-rows[data-x106n="150"] > .hv6-row:nth-child(n+151) { display: none !important; }
#hv6-m .hv6-rows[data-x106n="200"] > .hv6-row:nth-child(n+201) { display: none !important; }
#hv6-m .hv6-rows[data-x106n="250"] > .hv6-row:nth-child(n+251) { display: none !important; }
#hv6-m .hv6-rows[data-x106n="300"] > .hv6-row:nth-child(n+301) { display: none !important; }
#hv6-m .hv6-rows[data-x106n="350"] > .hv6-row:nth-child(n+351) { display: none !important; }
#hv6-m .hv6-rows[data-x106n="400"] > .hv6-row:nth-child(n+401) { display: none !important; }
#hv6-m .hv6-rows[data-x106n="450"] > .hv6-row:nth-child(n+451) { display: none !important; }
#hv6-m .hv6-rows[data-x106n="500"] > .hv6-row:nth-child(n+501) { display: none !important; }
#hv6-m .hv6-rows[data-x106n="550"] > .hv6-row:nth-child(n+551) { display: none !important; }
#hv6-m .hv6-rows[data-x106n="600"] > .hv6-row:nth-child(n+601) { display: none !important; }
#hv6-m .hv6-rows[data-x106n="650"] > .hv6-row:nth-child(n+651) { display: none !important; }
#hv6-m .hv6-rows[data-x106n="700"] > .hv6-row:nth-child(n+701) { display: none !important; }
#hv6-m .hv6-rows[data-x106n="750"] > .hv6-row:nth-child(n+751) { display: none !important; }
#hv6-m .hv6-rows[data-x106n="800"] > .hv6-row:nth-child(n+801) { display: none !important; }
#hv6-m .hv6-rows[data-x106n="850"] > .hv6-row:nth-child(n+851) { display: none !important; }
#hv6-m .hv6-rows[data-x106n="900"] > .hv6-row:nth-child(n+901) { display: none !important; }
#hv6-m .hv6-rows[data-x106n="950"] > .hv6-row:nth-child(n+951) { display: none !important; }
#hv6-m .hv6-rows[data-x106n="1000"] > .hv6-row:nth-child(n+1001) { display: none !important; }
.x106-ft.x72-done .x72-more { display: none; }
#hv7-ybox .tx small, .hv6-bh .tt small { white-space: normal !important; overflow: visible !important; text-overflow: clip !important; }
#hv7-ybox .tx { min-width: 0px; }
.x106-dup { display: none !important; }
html.x106cv [data-x15id], html.x106cv #hv6-m .hv6-rows > .hv6-row { content-visibility: auto; contain-intrinsic-size: auto 112px; }
.x106-n.x106-nn { color: rgb(22, 163, 74) !important; }
.x106-n.x106-nm { color: rgb(234, 88, 12) !important; }
/* == https://havineini-demo.sites.tab.bot/extras111.css?v=3 == */
.player-mobile-timeline > div:first-child > div.w-2.h-2.rounded-full.z-10 { display: none !important; }
.x111-dot { position: absolute; top: 50%; width: 8px; height: 8px; margin-left: -4px; transform: translateY(-50%); border-radius: 9999px; z-index: 10; pointer-events: none; background: rgb(200, 146, 42); box-shadow: rgb(247, 245, 240) 0px 0px 0px 2px; }
html.dark .x111-dot { background: rgb(212, 168, 67); box-shadow: rgb(31, 40, 64) 0px 0px 0px 2px; }
html.x111t.x109fa:not(.x9v) .player-mobile-artwork { zoom: var(--x111z) !important; }
html.x111t.x109fa:not(.x9v) .havineini-player-page div:has(> .player-mobile-artwork) { padding-top: var(--x111pt) !important; }
html.x111t.x109ta:not(.x9v) #x105 { top: var(--x111tt) !important; }
html body button .dm-lbl.x111-lb { color: inherit; }
html body button .dm-lbl.x111-lb .x106-n.x106-nn { color: rgb(22, 163, 74) !important; }
html body button .dm-lbl.x111-lb .x106-n.x106-nm { color: rgb(234, 88, 12) !important; }
/* == https://havineini-demo.sites.tab.bot/extras112.css?v=2 == */
.x112-b { overflow: hidden !important; }
.x112-b:not(.absolute):not(.fixed) { position: relative !important; }
.x112-b > * { opacity: 0 !important; }
.x112-b::before { content: ""; position: absolute; inset: 0px; background: color-mix(in srgb,var(--x112c,#888) 16%,#fff); border-radius: inherit; pointer-events: none; }
html.dark .x112-b::before { background: color-mix(in srgb,var(--x112c,#888) 24%,#161616); }
.x112-b::after { content: ""; position: absolute; top: 0px; bottom: 0px; left: var(--x112l,0px); width: var(--x112w,0%); background: var(--x112c,#888); border-radius: 9999px; pointer-events: none; }
.x112-tc { -webkit-text-fill-color: var(--x112c) !important; }
html:not(#x112) body .x112-hp.x112-hp, html:not(#x112) body .x31-pr > span.x31-pct.x112-hp { display: none !important; }
.x112-vb { translate: var(--x112dx,0px) var(--x112dy,0px) !important; }
/* == https://havineini-demo.sites.tab.bot/extras114.css?v=2 == */
html.x9v.x105on body #dm-vid#dm-vid#dm-vid#dm-vid#dm-vid#dm-vid#dm-vid { margin-top: var(--x114vt,30px) !important; height: calc(min(var(--x52c,180px),calc(var(--x52c,180px) + var(--x52g,68px) - var(--x52d,90px))) - var(--x98a,0px) - var(--x114vt,30px)) !important; }
#x114fsx { height: 44px; min-width: 44px; padding: 0px 18px; border-radius: 22px; border: 1px solid rgba(255, 255, 255, 0.4); background: rgba(0, 0, 0, 0.62); color: rgb(255, 255, 255); font: 600 16px / 44px -apple-system, system-ui, Roboto, "Segoe UI", sans-serif; direction: ltr; white-space: nowrap; cursor: pointer; -webkit-tap-highlight-color: transparent; box-shadow: rgba(0, 0, 0, 0.35) 0px 2px 10px; display: inline-flex; align-items: center; gap: 8px; position: absolute !important; top: max(14px,env(safe-area-inset-top)) !important; left: max(14px,env(safe-area-inset-left)) !important; z-index: 2147483647 !important; opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; }
/* == https://havineini-demo.sites.tab.bot/extras113.css?v=3 == */
html body .x68-r.x113 { height: var(--x113h,96px) !important; min-height: var(--x113h,96px) !important; max-height: var(--x113h,96px) !important; }
html body .x68-r.x113 > div:first-child { padding-top: 0px !important; padding-bottom: 0px !important; align-items: center !important; height: 100% !important; }
html body .x68-r.x113 > div:first-child > div.flex-1 { height: auto !important; max-height: 100% !important; display: flex !important; flex-direction: column !important; justify-content: center !important; min-width: 0px !important; margin: 0px !important; padding: 0px !important; }
html body .x68-r.x113 > div:first-child > div.flex-1 > p:first-child { height: auto !important; max-height: 38px !important; min-height: 0px !important; margin: 0px !important; overflow: hidden !important; flex: 0 0 auto !important; }
html body .x68-r.x113 .x113-pl { height: 20px !important; min-height: 20px !important; margin-top: 4px !important; gap: 6px !important; flex-wrap: nowrap !important; overflow: hidden !important; flex: 0 0 auto !important; }
html body .x68-r.x113 .x113-pl > button[aria-label^="Open "] { display: inline-flex !important; height: 20px !important; min-height: 20px !important; padding: 0px 7px !important; gap: 4px !important; flex: 0 0 auto !important; min-width: 0px !important; max-width: none !important; }
html body .x68-r.x113 .x113-pl > .x113-sp { display: inline-block; flex: 0 0 auto; height: 20px; visibility: hidden; pointer-events: none; }
html body .x68-r.x113 .x113-pl > * { flex-shrink: 0; }
html body .x68-r.x113 .x113-pl > .x113-off { display: none !important; }
html body .x68-r.x113 > div:first-child { padding-left: 12px !important; padding-right: 12px !important; gap: 10px !important; }
html body .x68-r.x113.x113-tight .x113-pl > button[aria-label^="Open "], html body .x68-r.x113.x113-tight .x68-x { padding: 0px 5px !important; }
html body .x68-r.x113.x113-tight .x113-pl { gap: 4px !important; }
html body .x68-r.x113 .x113-pl > span.flex-shrink-0.border-r-2 { flex-shrink: 1 !important; min-width: 0px !important; overflow: hidden !important; }
html body .x68-r.x113 .x113-dl { margin-top: 3px !important; flex: 0 0 auto !important; overflow: hidden !important; }
html body .x68-r.x113 .x68-xl { height: 0px !important; min-height: 0px !important; max-height: 0px !important; margin: 0px !important; padding: 0px !important; overflow: visible !important; position: static !important; display: block !important; }
html body .x68-r.x113 .x68-x { order: 0; position: absolute !important; z-index: 3 !important; margin: 0px !important; top: var(--x113xt,0px) !important; left: var(--x113xl,0px) !important; right: auto !important; bottom: auto !important; height: 20px !important; line-height: 20px !important; padding: 0px 7px !important; border-radius: 999px !important; display: inline-flex !important; align-items: center !important; gap: 3px !important; box-sizing: border-box !important; }
html body .x68-r.x113:not(.x113-xr) .x68-x { visibility: hidden !important; }
html body .x68-r.x113 .x15-play { position: relative !important; overflow: visible !important; }
html body .x68-r.x113 .x15-play > .x47-b, html body .x68-r.x113 .x15-play > .vbadge { z-index: 2; position: absolute !important; inset: calc(100% + 3px) auto auto 50% !important; transform: translateX(-50%) !important; translate: none !important; margin: 0px !important; }
html body .x68-r.x113 > .dm-pct { top: var(--x113pt,auto) !important; bottom: auto !important; left: var(--x113cx) !important; right: auto !important; transform: translateX(-50%) !important; line-height: 11px !important; margin: 0px !important; }
html body .x68-r.x113 > div:first-child > div:first-child { align-self: flex-start !important; margin-top: var(--x113cvt,auto) !important; margin-bottom: 0px !important; }
html body .x68-r.x113 > div:first-child > div:first-child > div[class*="h-[3px]"], html body .x68-r.x113 .x54-i { display: none !important; }
html body .x68-r.x113 > .x113-cl { position: absolute; z-index: 2; left: var(--x113cl); top: var(--x113ct); width: var(--x113cw); height: 3px; overflow: hidden; pointer-events: none; background: color-mix(in srgb,var(--x113c,#888) 16%,#fff); }
html body .x68-r.x113 > .x113-cl::after { content: ""; position: absolute; left: 0px; top: 0px; bottom: 0px; width: var(--x113fw,0%); background: var(--x113c,#888); }
html.dark body .x68-r.x113 > .x113-cl { background: color-mix(in srgb,var(--x113c,#888) 24%,#161616); }
html body .x68-r.x113 .x113-pl > span.rounded-full.font-medium.cursor-pointer { display: none !important; }
html body div.x68-r.x113p.x113p.x113p.x113p { height: var(--x113h,96px) !important; min-height: 0px !important; max-height: none !important; align-items: center !important; padding-top: 0px !important; padding-bottom: 0px !important; position: relative !important; overflow: hidden !important; }
html body div.x68-r.x113p.x113p.x113p.x113p > div:first-child { margin-top: 0px !important; align-self: flex-start !important; position: relative !important; top: var(--x113cvt,12px) !important; }
html body div.x68-r.x113p.x113p.x113p.x113p > div.flex-1 { height: auto !important; justify-content: center !important; align-self: center !important; padding-right: var(--x113rc,0px) !important; }
html body div.x68-r.x113p.x113p.x113p.x113p > div.flex-1 > div:first-child > p { height: auto !important; max-height: 36px !important; min-height: 0px !important; overflow: hidden !important; }
html body div.x68-r.x113p.x113p.x113p.x113p .x31-bar, html body div.x68-r.x113p.x113p.x113p.x113p .x31-pr { display: none !important; }
html body div.x68-r.x113p.x113p.x113p.x113p :is(.x47-row, .x113-plw) { height: auto !important; flex-wrap: wrap !important; row-gap: 4px !important; margin-top: 4px !important; overflow: visible !important; }
html body div.x68-r.x113p.x113p.x113p.x113p :is(.x47-row, .x113-plw)::before { content: ""; order: 2; flex-basis: 100%; height: 0px; }
html body div.x68-r.x113p.x113p.x113p.x113p :is(.x47-row, .x113-plw) > * { order: 3; }
html body div.x68-r.x113p.x113p.x113p.x113p :is(.x47-row, .x113-plw) > button[aria-label^="Open "], html body div.x68-r.x113p.x113p.x113p.x113p :is(.x47-row, .x113-plw) > .x113-sp { order: 1; }
html body div.x68-r.x113p.x113p.x113p.x113p :is(.x47-row, .x113-plw) > span.inline-flex.border-r-2 { border-right: 0px !important; padding-right: 0px !important; }
html body div.x68-r.x113p.x113p.x113p.x113p .x84-vb { order: 0; position: absolute !important; right: var(--x113pr,33px) !important; left: auto !important; transform: translateX(50%) !important; top: calc(var(--x113py,48px) + 21px) !important; margin: 0px !important; }
html body div.x68-r.x113p.x113p.x113p.x113p .x84-vb.x81-h { display: flex !important; }
html body div.x68-r.x113p.x113p.x113p.x113p > button.w-9.h-9 { position: absolute !important; top: calc(var(--x113py,48px) - 18px) !important; margin: 0px !important; }
html body div.x68-r.x113p.x113p.x113p.x113p > .x15-stk { position: absolute !important; top: calc(var(--x113py,48px) - 16px) !important; right: var(--x113sr,55px) !important; left: auto !important; bottom: auto !important; margin: 0px !important; }
html body div.x68-r.x113p.x113p.x113p.x113p > button.dm-rm { position: absolute !important; top: calc(var(--x113py,48px) + 16px) !important; right: var(--x113sr,55px) !important; left: auto !important; bottom: auto !important; margin: 0px !important; }
html body div.x68-r.x113p.x113p.x113p.x113p > .x113-pc { position: absolute; left: var(--x113cx,61px); top: var(--x113pt,76px); transform: translateX(-50%); font-size: 10px; line-height: 11px; font-weight: 600; white-space: nowrap; pointer-events: none; }
html body div.x68-r.x113p.x113p.x113p.x113p > .x113-bl { position: absolute; right: 0px; bottom: 0px; height: 3px; width: var(--x113fw,0%); background: var(--x113c,#999); border-radius: 0px 0px 0px 2px; pointer-events: none; }
html body .x68-r.x113p .x113-pl > .x113-sp { display: inline-block; flex: 0 0 auto; height: 20px; visibility: hidden; pointer-events: none; }
html body .x68-r.x113p .x68-x { order: 0; position: absolute !important; z-index: 3 !important; margin: 0px !important; top: var(--x113xt,0px) !important; left: var(--x113xl,0px) !important; right: auto !important; bottom: auto !important; height: 20px !important; line-height: 20px !important; padding: 0px 7px !important; border-radius: 999px !important; display: inline-flex !important; align-items: center !important; gap: 3px !important; box-sizing: border-box !important; }
html body .x68-r.x113p > .x113-cl { position: absolute; z-index: 2; left: var(--x113cl); top: var(--x113ct); width: var(--x113cw); height: 3px; overflow: hidden; pointer-events: none; background: color-mix(in srgb,var(--x113c,#888) 16%,#fff); }
html body .x68-r.x113p > .x113-cl::after { content: ""; position: absolute; left: 0px; top: 0px; bottom: 0px; width: var(--x113fw,0%); background: var(--x113c,#888); }
html.dark body .x68-r.x113p > .x113-cl { background: color-mix(in srgb,var(--x113c,#888) 24%,#161616); }
html body div.x68-r.x113p.x113p.x113p.x113p :is(.x47-row, .x113-plw) > [data-x80h]:not(.x47-a):not(.dm-vb):not(.x36-tg):not(.x84-vb) { display: inline-flex !important; }
html body div.x68-r.x113p.x113p.x113p.x113p :is(.x47-row, .x113-plw) > button[aria-label^="Open "] { display: inline-flex !important; min-width: 0px !important; flex-shrink: 1 !important; }
html body div.x68-r.x113p.x113p.x113p.x113p :is(.x47-row, .x113-plw) > .x113-sp { display: inline-block !important; flex-shrink: 0 !important; }
html body div.x68-r.x113p.x113p.x113p.x113p .x84-vb[data-x80h] { display: flex !important; }
html body div.x68-r.x113p.x113p.x113p.x113p :is(.x47-row, .x113-plw) { max-height: 40px !important; overflow: hidden !important; }
html body div.x68-r.x113p.x113p.x113p.x113p :is(.x47-row, .x113-plw) > button[aria-label^="Open "] { max-width: var(--x113fm,100%) !important; }
html body .x68-r.x113 > div:first-child > div.flex-1 > p:first-child *, html body div.x68-r.x113p.x113p.x113p.x113p > div.flex-1 > div:first-child > p * { font-size: inherit !important; line-height: inherit !important; }
html body div.x68-r.x113.x113.x113 p.hebrew-text, html body div.x68-r.x113.x113.x113 p.hebrew-text::first-line { font-size: 14px !important; line-height: 19px !important; font-weight: 600 !important; color: rgb(26, 26, 26) !important; }
html body div.x68-r.x113.x113.x113 p.hebrew-text { display: block !important; max-height: 38px !important; overflow: hidden !important; }
html body div.x68-r.x113p.x113p.x113p.x113p p.hebrew-text, html body div.x68-r.x113p.x113p.x113p.x113p p.hebrew-text::first-line { font-size: 13px !important; line-height: 18px !important; font-weight: 600 !important; color: rgb(26, 26, 26) !important; }
html body div.x68-r.x113p.x113p.x113p.x113p p.hebrew-text { display: block !important; max-height: 36px !important; overflow: hidden !important; }
html.dark body div.x68-r.x113.x113.x113 p.hebrew-text, html.dark body div.x68-r.x113.x113.x113 p.hebrew-text::first-line, html.dark body div.x68-r.x113p.x113p.x113p.x113p p.hebrew-text, html.dark body div.x68-r.x113p.x113p.x113p.x113p p.hebrew-text::first-line { color: rgb(240, 234, 214) !important; }
html body .x68-r.x113 .x113-dl > .x4-pls { display: none !important; }
html body .x68-r:is(.x113, .x113p) .x113-pl > .x113-pt { align-items: center; gap: 6px; min-width: 0px; overflow: hidden; white-space: nowrap; height: 20px; font-size: 10px; font-weight: 600; line-height: 1; order: 99; display: inline-flex !important; flex: 0 1 auto !important; }
html body .x68-r:is(.x113, .x113p) .x113-pl > .x113-pt .x4-pl { display: inline-flex; align-items: center; gap: 4px; flex: 0 0 auto; min-width: 0px; }
html body .x68-r:is(.x113, .x113p) .x113-pl > .x113-pt .x4-pl:not(.x4-fav) { flex: 0 1 auto; }
html body .x68-r:is(.x113, .x113p) .x113-pl > .x113-pt .x4-pl.x4-fav { font-size: 11px; line-height: 1; }
html body .x68-r:is(.x113, .x113p) .x113-pl > .x113-pt .x4-pl i { width: 6px; height: 6px; border-radius: 999px; flex: 0 0 auto; }
html body .x68-r:is(.x113, .x113p) .x113-pl > .x113-pt .x4-pl b { font-weight: 600; overflow: hidden; text-overflow: ellipsis; min-width: 0px; white-space: nowrap; }
html body .x68-r:is(.x113, .x113p) .x113-pl > .x113-pt[data-x113dot] .x4-pl b { display: none !important; }
html body div.x68-r.x113p.x113p.x113p.x113p .x113-pl > .x113-pt { order: 1 !important; flex: 0 1 auto !important; }
html body .x68-r.x113 .x113-pl > .x113-sp.x81-h { display: inline-block !important; }
html body .x68-r.x113 .x113-pl > span.rounded-full.font-bold { display: inline-flex !important; height: 20px !important; min-height: 20px !important; padding: 0px 7px !important; gap: 4px !important; flex: 0 0 auto !important; }
html body .x68-r.x113.x113-tight .x113-pl > span.rounded-full.font-bold { padding: 0px 5px !important; }
html body .x68-r.x113.x113-t2 .x113-pl { gap: 3px !important; margin-left: -4px !important; }
html body .x68-r.x113.x113-t2 .x113-pl > button[aria-label^="Open "], html body .x68-r.x113.x113-t2 .x113-pl > span.rounded-full.font-bold, html body .x68-r.x113.x113-t2 .x68-x { padding: 0px 4px !important; }
html body .x68-r:is(.x113, .x113p).x113-t2 .x113-pl > .x113-pt, html body .x68-r:is(.x113, .x113p) .x113-pl > .x113-pt[data-x113l2] { gap: 4px; }
html body .x68-r:is(.x113, .x113p).x113-t2 .x113-pl > .x113-pt .x4-pl { gap: 3px; }
html body .x68-r.x113.x113-t2 .x113-pl > .x113-pt .x4-pl i { width: 5px; height: 5px; }
html body div.x68-r.x113p.x113p.x113p.x113p.x113-t2 :is(.x47-row, .x113-plw) { column-gap: 3px !important; margin-left: -4px !important; }
html body div.x68-r.x113p.x113p.x113p.x113p.x113-t2 :is(.x47-row, .x113-plw) > button[aria-label^="Open "], html body .x68-r.x113p.x113-t2 .x68-x { padding: 0px 4px !important; }
html body div.x68-r.x113p.x113p.x113p.x113p .x113-pl > .x113-pt[data-x113l2] { order: 3 !important; }
html body div.x68-r.x113p.x113p.x113p.x113p .x113-pl:has(> .x113-pt[data-x113l2]) > .x27-date { order: 4 !important; }
html body div.x68-r.x113p.x113p.x113p.x113p .x113-pl > .x113-pt[data-x113l2] { height: 16px !important; line-height: 16px !important; }
html body .x68-r:is(.x113, .x113p) .x113-pl > .x113-pt .x4-pl b[dir] { unicode-bidi: isolate; }
html body .x68-r.x113.x113-t2 .x113-pl > button[aria-label^="Open "], html body .x68-r.x113.x113-t2 .x113-pl > span.rounded-full.font-bold { gap: 3px !important; }
html body .x68-r.x113.x113-t2 .x113-pl > button[aria-label^="Open "], html body .x68-r.x113.x113-t2 .x113-pl > button[aria-label^="Open "] *, html body .x68-r.x113.x113-t2 .x113-pl > span.rounded-full.font-bold, html body .x68-r.x113.x113-t2 .x113-pl > span.rounded-full.font-bold *, html body .x68-r.x113.x113-t2 .x68-x, html body .x68-r.x113.x113-t2 .x68-x * { font-size: 9.5px !important; }
html body .x68-r.x113.x113-t2 .x68-x { gap: 2px !important; }
/* == https://havineini-demo.sites.tab.bot/extras117.css?v=1 == */
section.hvc-g > .hvc-gh::after { content: ""; display: block; order: 1; flex: 1 1 0px; min-width: 0px; height: 1px; align-self: center; margin: 0px 2px; background: var(--c,#8A7E6E); opacity: 0.3; border-radius: 1px; pointer-events: none; }
section.hvc-g > .hvc-gh > small { order: 2; margin-right: 0px; margin-left: 0px; color: var(--c,#8A7E6E); opacity: 0.72; }
section.hvc-g > .hvc-gh > .x43-chev { order: 3; color: var(--c,#7A8C8C); opacity: 0.72; }
section.hvc-g > .hvc-gh > .x43-chev svg { stroke-width: 2.7; }
html.dark section.hvc-g > .hvc-gh::after { opacity: 0.4; }
html.dark section.hvc-g > .hvc-gh > small, html.dark section.hvc-g > .hvc-gh > .x43-chev { opacity: 0.82; }
html #hv6-m .x72-ft.x117-ft, html[data-x96l] #hv6-m .x72-ft.x117-ft { display: block !important; }
/* == https://havineini-demo.sites.tab.bot/extras119.css?v=2 == */
#x119 { position: fixed; left: 0px; top: 180px; height: 400px; width: 28px; z-index: 45; opacity: 0; pointer-events: none; transition: opacity 0.25s; touch-action: none; user-select: none; }
#x119.on { opacity: 1; pointer-events: auto; }
#x119.x119-q { transition: none; }
#x119 .x119-l { position: absolute; inset: 0px 0px 0px 2px; border-radius: 12px; background: rgba(255, 255, 255, 0.92); backdrop-filter: blur(8px); box-shadow: rgba(0, 0, 0, 0.08) 0px 1px 6px, rgba(0, 0, 0, 0.05) 0px 0px 0px 0.5px; }
#x119 .x119-l span { position: absolute; left: 0px; right: 0px; transform: translateY(-50%); text-align: center; font: 500 10px / 1 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; letter-spacing: -0.01em; color: rgb(154, 154, 154); white-space: nowrap; direction: ltr; }
#x119 .x119-l span.x119-a { color: var(--x119ac,#1F6B6B); font-weight: 700; }
#x119-h { position: fixed; left: 0px; width: 10px; z-index: 44; touch-action: none; background: transparent; }
#x119-h.on { pointer-events: none; }
#x119-b { position: fixed; left: 34px; top: 200px; z-index: 46; min-width: 64px; padding: 7px 12px; border-radius: 999px; background: var(--x119ac,#1F6B6B); color: rgb(255, 255, 255); font: 600 13px / 1.1 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; text-align: center; direction: ltr; white-space: nowrap; box-shadow: rgba(0, 0, 0, 0.18) 0px 4px 14px; opacity: 0; transform: scale(0.92); transform-origin: left center; transition: opacity 0.15s, transform 0.15s; pointer-events: none; }
#x119-b.on { opacity: 1; transform: scale(1); }
#x119-b.x119-w::after { content: ""; display: inline-block; width: 9px; height: 9px; margin-left: 7px; vertical-align: -1px; border-width: 1.5px; border-style: solid; border-color: rgb(255, 255, 255) rgba(255, 255, 255, 0.55) rgba(255, 255, 255, 0.55); border-image: none; border-radius: 50%; animation: 0.7s linear 0s infinite normal none running x119s; }
@keyframes x119s { 
  100% { transform: rotate(360deg); }
}
html.dark #x119 .x119-l { background: rgba(28, 28, 30, 0.9); box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 6px, rgba(255, 255, 255, 0.08) 0px 0px 0px 0.5px; }
@media (prefers-reduced-motion: reduce) {
  #x119, #x119-b { transition: none; }
}
.hv6-rows > .x119-u, .hv6-rows > .x119-d { display: none !important; }
/* == https://havineini-demo.sites.tab.bot/extras120.css?v=1 == */
html.x120a.x120a:not(.x9v) body .havineini-player-page .player-mobile-artwork.player-mobile-artwork.player-mobile-artwork.player-mobile-artwork.player-mobile-artwork.player-mobile-artwork { width: var(--x52s) !important; height: var(--x52s) !important; max-width: none !important; flex-shrink: 0 !important; zoom: var(--x120z,1) !important; margin: 0px auto 6px !important; transform: none !important; opacity: 1 !important; transition: none !important; animation: auto ease 0s 1 normal none running none !important; }
html.x120a.x120a:not(.x9v) body .havineini-player-page div:has(> .player-mobile-artwork) { padding-top: var(--x120pt,0px) !important; padding-bottom: var(--x120pb,0px) !important; }
html.x120a.x120a.x120sp:not(.x9v) body #x105#x105 { top: var(--x120tt) !important; }
.havineini-player-page .player-mobile-identity > div.x120-dw.x120-dw { flex-wrap: nowrap !important; overflow: hidden !important; visibility: hidden !important; }
html.x120go body main > div.flex-1 > div, html.x120go body main > div.flex-1 > div > div { opacity: 1 !important; }
html.x9v body #dm-vid#dm-vid { background: rgb(0, 0, 0); animation: auto ease 0s 1 normal none running none !important; opacity: 1 !important; }
html.x9v body #dm-vid video { background: rgb(0, 0, 0); }
html.x9v body #dm-vid .x52-cover.x52-cover { background: rgb(0, 0, 0) !important; }
html.x9v body #dm-vid .x52-cover .x52-disc { visibility: hidden !important; }
html body .havineini-player-page button[aria-label$="notes"] .dm-lbl.dm-lbl, html body .havineini-player-page button[aria-label$="notes"] .dm-lbl .x106-n.x106-n { color: rgb(22, 163, 74) !important; }
html body .havineini-player-page button[aria-label$="marks"] .dm-lbl.dm-lbl, html body .havineini-player-page button[aria-label$="marks"] .dm-lbl .x106-n.x106-n { color: rgb(200, 146, 42) !important; }
html.dark body .havineini-player-page button[aria-label$="marks"] .dm-lbl.dm-lbl, html.dark body .havineini-player-page button[aria-label$="marks"] .dm-lbl .x106-n.x106-n { color: rgb(212, 168, 67) !important; }
html body main .x120-cn.x120-cn { color: rgb(22, 163, 74) !important; }
html body main .x120-cm.x120-cm { color: rgb(200, 146, 42) !important; }
html.dark body main .x120-cm.x120-cm { color: rgb(212, 168, 67) !important; }
#x6b-sheet .x120-al { margin: 7px 0px 0px; font-size: 11px; line-height: 1.35; color: rgb(154, 154, 154); font-weight: 500; }
html.x109fv.x9v.x105on body #dm-vid#dm-vid#dm-vid#dm-vid#dm-vid#dm-vid#dm-vid#dm-vid { height: var(--x120vh,var(--x109vh)) !important; }
/* == https://havineini-demo.sites.tab.bot/extras121.css?v=1 == */
.x121-c .grid.x121-g4 { grid-template-columns: repeat(4, minmax(0px, 1fr)) !important; }
.x121-c .dm-ren { display: none !important; }
.x121-c p.text-sm.font-semibold { padding-right: 0px !important; }
/* == https://havineini-demo.sites.tab.bot/extras123.css?v=1 == */
[data-dm-id] .x123-h { display: none !important; }
[data-dm-id] p.hebrew-text + div > span[title="Total shiur length"] { display: none !important; }
.x123-d { display: inline-flex; align-items: center; gap: 3px; flex-shrink: 0; white-space: nowrap; font-size: 10px; font-weight: 400; line-height: inherit; color: rgb(90, 80, 64); font-style: normal; }
.x123-d svg { width: 10px; height: 10px; flex-shrink: 0; }
.x123-d i { font-style: normal; }
html.dark .x123-d { color: rgba(240, 234, 214, 0.7); }
html:not([data-x76nos]) [data-dm-id].x68-r:not(.x51) > div > .w-12.h-12.rounded-xl:first-child { width: 64px !important; height: 64px !important; background: transparent !important; }
html:not([data-x76nos]) [data-dm-id].x68-r:not(.x51) > div > .w-12.h-12.rounded-xl:first-child span.absolute.truncate { font-size: 8px !important; padding-top: 3px !important; padding-bottom: 3px !important; }
/* == https://havineini-demo.sites.tab.bot/extras124.css?v=1 == */
html.x124pl #x9-bar { display: none !important; }
html:not(.x9v) body .havineini-player-page .player-mobile-artwork { --x124u: calc(var(--x124d,192px) / 100); }
html:not(.x9v) body .havineini-player-page .player-mobile-artwork > div.absolute.pointer-events-none { --x124h: max(16px,(9.3 * var(--x124u))); --x124r: calc(var(--x124h) / 2); top: calc((50 * var(--x124u)) - ((50 * var(--x124u)) + var(--x124r)) * 0.633 + var(--x124r) - var(--x124h)) !important; left: calc((50 * var(--x124u)) + ((50 * var(--x124u)) + var(--x124r)) * 0.774 - var(--x124r)) !important; right: auto !important; bottom: auto !important; width: auto !important; height: var(--x124h) !important; transform: none !important; margin: 0px !important; }
html:not(.x9v) body .havineini-player-page .player-mobile-artwork > div.absolute.pointer-events-none > span { display: block !important; box-sizing: border-box !important; height: var(--x124h) !important; line-height: var(--x124h) !important; padding: 0 calc(var(--x124h) * .5) !important; font-size: max(9px,(4.2 * var(--x124u))) !important; white-space: nowrap !important; }
html:not(.x9v) body .havineini-player-page .player-mobile-artwork span.absolute.truncate.rounded-full { --x124lh: max(14px,(8.1 * var(--x124u))); left: calc(50% - (36.65 * var(--x124u))) !important; right: auto !important; width: calc(73.3 * var(--x124u)) !important; top: calc(50% + (29.65 * var(--x124u))) !important; bottom: auto !important; height: var(--x124lh) !important; box-sizing: border-box !important; padding: 0px 6px !important; font-size: max(8px,(4.5 * var(--x124u))) !important; line-height: calc(var(--x124lh) - 2.6px) !important; }
html body button[aria-label^="Open"][aria-label$=" notes"] svg > * { stroke: rgb(22, 163, 74) !important; }
html body button[aria-label^="Open"][aria-label$=" marks"] svg > * { stroke: rgb(200, 146, 42) !important; }
html body button[aria-label^="Open"][aria-label$=" marks"]:not([aria-label="Open marks"]) svg > path { fill: rgb(200, 146, 42) !important; }
html.dark body button[aria-label^="Open"][aria-label$=" marks"] svg > * { stroke: rgb(212, 168, 67) !important; }
html.dark body button[aria-label^="Open"][aria-label$=" marks"]:not([aria-label="Open marks"]) svg > path { fill: rgb(212, 168, 67) !important; }
/* == https://havineini-demo.sites.tab.bot/extras125.css?v=1 == */
#hv6-tags[data-k^="[\"chovos_halevavos\""] .sc > .hv6-tag, #hv6-tags[data-k^="[\"chofetz_chaim\""] .sc > .hv6-tag, #hv6-tags[data-x125] .sc > .hv6-tag { display: none !important; }
#hv6-tags[data-k^="[\"chovos_halevavos\""] .sc, #hv6-tags[data-k^="[\"chofetz_chaim\""] .sc, #hv6-tags[data-x125] .sc { min-height: 28px; }
.x125-b { flex-shrink: 0; display: inline-flex; align-items: center; gap: 3px; height: 28px; font-style: inherit; font-variant: inherit; font-stretch: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 12.5px; font-weight: 600; line-height: 1; padding: 0px 10px; border-radius: 6px; border-top: 0px; border-bottom: 0px; border-left: 0px; border-image: none; border-right: 3px solid var(--ac); background: var(--t07); color: var(--ac); cursor: pointer; white-space: nowrap; -webkit-tap-highlight-color: transparent; transition: background 0.2s, color 0.2s; }
.x125-b:active { transform: scale(0.96); }
.x125-b .cv { opacity: 0.7; transition: transform 0.2s; margin-right: 1px; }
.x125-b.on { background: var(--ac); color: rgb(255, 255, 255); }
.x125-b.on .cv { opacity: 1; }
.x125-b.dd .cv { transform: rotate(180deg); }
.x125-p { position: fixed; right: 16px; top: 210px; min-width: 200px; max-width: min(280px, -32px + 100vw); max-height: min(380px, 58vh); overflow-y: auto; overscroll-behavior: contain; background: rgb(255, 255, 255); border: 1px solid var(--t30); border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.12) 0px 10px 26px; padding: 5px; animation: 0.18s ease 0s 1 normal both running hv6Drop; z-index: 40; direction: rtl; }
.x125-p .it { display: flex; align-items: center; justify-content: space-between; gap: 14px; width: 100%; text-align: right; font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 13px; font-weight: 600; color: var(--ac); background: none; border: 0px; border-radius: 7px; padding: 9px 10px; cursor: pointer; white-space: nowrap; -webkit-tap-highlight-color: transparent; }
.x125-p .it + .it { border-top: 1px solid var(--t10); border-radius: 0px; }
.x125-p .it.on { background: var(--t10); border-radius: 7px; }
.x125-p .it .nm { overflow: hidden; text-overflow: ellipsis; }
.x125-p .it .ct { flex-shrink: 0; font-size: 11.5px; font-weight: 600; color: rgb(138, 126, 110); }
html.dark .x125-p, .dark .x125-p { background: rgb(31, 29, 26); border-color: var(--t30); }
html.dark .x125-p .it .ct, .dark .x125-p .it .ct { color: rgb(168, 158, 142); }
/* == https://havineini-demo.sites.tab.bot/extras126.css?v=1 == */
html.x126w #activity-detail-title ~ p { visibility: hidden !important; }
/* == https://havineini-demo.sites.tab.bot/extras127.css?v=1 == */
.x127-dl { font-size: 11px; height: 16px !important; line-height: 16px !important; }
.x127-dl .x123-d svg { width: 10px; height: 10px; }
html body div.x68-r.x113p.x113p.x113p.x113p.x127p { padding-left: 12px !important; padding-right: 14px !important; column-gap: 10px !important; }
html body div.x68-r.x113p.x113p.x113p.x113p.x127p > div.flex-1 { justify-content: flex-start !important; align-self: stretch !important; padding-top: 15.5px !important; }
html body div.x68-r.x113p.x113p.x113p.x113p.x127p > button.w-9.h-9, html body div.x68-r.x127q > button.w-9.h-9 { width: 32px !important; height: 32px !important; }
html body div.x68-r.x113p.x113p.x113p.x113p.x127p.x127-2 > div.flex-1 { padding-top: 6.5px !important; }
html body div.x68-r.x113p.x113p.x113p.x113p.x127p .x15-stk .x15-b { width: 32px !important; height: 32px !important; }
html body div.x68-r.x113p.x113p.x113p.x113p.x127p > .x113-pc { left: 44.5px !important; top: 74px !important; }
html body div.x68-r.x113p.x113p.x113p.x113p.x127p > div:first-child { width: 64px !important; height: 64px !important; background: transparent !important; top: 6px !important; }
html body div.x68-r.x113p.x113p.x113p.x113p.x127p > div:first-child span.absolute.truncate { font-size: 8px !important; padding-top: 3px !important; padding-bottom: 3px !important; }
html body div.x68-r.x113p.x113p.x113p.x113p.x127p p.hebrew-text, html body div.x68-r.x113p.x113p.x113p.x113p.x127p p.hebrew-text::first-line { font-size: 14px !important; line-height: 19.25px !important; }
html body div.x68-r.x113p.x113p.x113p.x113p.x127p p.hebrew-text { max-height: 38.5px !important; }
html body div.x68-r.x113p.x113p.x113p.x113p.x127p :is(.x47-row, .x113-plw) > .x127-h { display: none !important; }
html body div.x68-r.x113p.x113p.x113p.x113p.x127p :is(.x47-row, .x113-plw)::before { display: none !important; }
html body div.x68-r.x113p.x113p.x113p.x113p.x127p :is(.x47-row, .x113-plw) { height: 24px !important; flex-wrap: nowrap !important; margin-top: 2px !important; }
html body div.x68-r.x113p.x113p.x113p.x113p.x127p :is(.x47-row, .x113-plw) > button[aria-label^="Open "] { font-size: 10px !important; min-height: 20px !important; height: 20px !important; padding-left: 10px !important; padding-right: 10px !important; }
html body div.x68-r.x113p.x113p.x113p.x113p.x127p :is(.x47-row, .x113-plw) > button[aria-label^="Open "] > span.rounded-full { width: 8px !important; height: 8px !important; }
html body div.x68-r.x113p.x113p.x113p.x113p.x127p > .x113-pc { font-size: 9.5px !important; font-weight: 800 !important; line-height: 15px !important; }
html body div.x68-r.x127q { height: 96px !important; padding: 14px 14px 14px 12px !important; gap: 10px !important; align-items: center !important; }
html body div.x68-r.x127q > .x54-pc { left: 46px !important; top: 74px !important; }
html body div.x68-r.x127q .x15-stk .x15-b { width: 32px !important; height: 32px !important; }
html body div.x68-r.x127q > button.flex-1 > .x127-dl { margin-top: -2px !important; }
html body div.x68-r.x127q.x127-2 > button.flex-1 > .x127-dl { margin-top: -4px !important; }
html body div.x68-r.x127q.x127-2 > button.flex-1 { padding-top: 0px !important; margin-top: -7px !important; }
html body div.x68-r.x127q > button:first-child { width: 64px !important; height: 64px !important; background: transparent !important; overflow: visible !important; align-self: flex-start !important; margin-top: -8px !important; }
html body div.x68-r.x127q > button:first-child span.absolute.truncate { font-size: 8px !important; padding-top: 3px !important; padding-bottom: 3px !important; }
html body div.x68-r.x127q > button.flex-1 { align-self: stretch !important; height: auto !important; display: flex !important; flex-direction: column !important; justify-content: flex-start !important; padding-top: 2px !important; line-height: normal !important; }
html body div.x68-r.x127q > button.flex-1 > p.hebrew-text { height: auto !important; flex: 0 0 auto !important; max-height: 38.5px !important; white-space: normal !important; text-overflow: clip !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; line-height: 19.25px !important; font-size: 14px !important; overflow: hidden !important; }
html body div.x68-r.x127q > button.flex-1 > div.flex { height: 24px !important; margin-top: 2px !important; flex: 0 0 auto !important; }
html body div.x68-r.x127q > button.flex-1 > div.flex > .x127-h { display: none !important; }
html body div.x68-r.x127q > button.flex-1 > div.flex > button[aria-label^="Open "][aria-label$=" feed"]:not([title^="Also"]) { font-size: 10px !important; min-height: 20px !important; height: 20px !important; padding-left: 10px !important; padding-right: 10px !important; }
html body div.x68-r.x127q > button.flex-1 > div.flex > button[aria-label^="Open "] > span.rounded-full { width: 8px !important; height: 8px !important; }
html body div.x68-r.x127q > button.flex-1 > div.flex > button[title^="Also appears"] { font-size: 10px !important; background: rgba(86, 124, 33, 0.086) !important; color: rgb(86, 124, 33) !important; border-color: rgba(86, 124, 33, 0.32) !important; }
html.dark body div.x68-r.x127q > button.flex-1 > div.flex > button[title^="Also appears"] { color: rgb(150, 190, 90) !important; }
html body .x68-r.x127t .x113-pl > span.inline-flex.border-r-2 { display: none !important; }
html body div.x68-r.x127q:not(.x127-2) > button.flex-1 > .x127-dl { position: relative !important; top: -4px !important; }
.x127-dl { min-width: 0px; overflow: hidden !important; }
@media (max-width: 420px) {
  html body div.x68-r.x127q { gap: 6px !important; padding-right: 8px !important; }
  html body div.x68-r.x127q > div.x75-col { margin: 0px -4px !important; }
}
/* == https://havineini-demo.sites.tab.bot/extras128.css?v=1 == */
html body .dm-pct.x128-f.x128-f, html body div.x68-r > .x113-pc.x128-f.x128-f { color: rgb(107, 107, 107) !important; -webkit-text-fill-color: rgb(107, 107, 107) !important; }
html.dark body .dm-pct.x128-f.x128-f, html.dark body div.x68-r > .x113-pc.x128-f.x128-f { color: rgb(163, 163, 163) !important; -webkit-text-fill-color: rgb(163, 163, 163) !important; }
html body div.x68-r.x128-d.x113p.x113p.x113p.x113p.x113p > .x113-bl.x113-bl { background: var(--x128c,var(--x113c,#999)) !important; }
html body div.x68-r.x128-d > .x113-cl.x113-cl { background: color-mix(in srgb,var(--x128c,#888) 16%,#fff) !important; }
html.dark body div.x68-r.x128-d > .x113-cl.x113-cl { background: color-mix(in srgb,var(--x128c,#888) 24%,#161616) !important; }
html body div.x68-r.x128-d > .x113-cl.x113-cl::after { background: var(--x128c,#888) !important; }
html body div.x128-d[data-x100] .mt-auto.h-1.rounded-full.overflow-hidden > div { background: var(--x128c) !important; box-shadow: inset 0 0 0 99px var(--x128c) !important; }
html body div.x68-r.x113p > .x128-cl { position: absolute; left: var(--x113cx,61px); top: calc(var(--x113pt,76px) + 11px); transform: translateX(-50%); z-index: 2; font: 700 8.5px / 9px system-ui, -apple-system, sans-serif; white-space: nowrap; pointer-events: none; color: rgb(22, 163, 74) !important; -webkit-text-fill-color: rgb(22, 163, 74) !important; }
html body div.x68-r.x113p > .x128-cl b { font-weight: 800; }
html body button[aria-label^="Notes:"] span.x128-nn.x128-nn { color: rgb(22, 163, 74) !important; -webkit-text-fill-color: rgb(22, 163, 74) !important; }
html body button[aria-label^="Marks:"] span.x128-mm.x128-mm { color: rgb(200, 146, 42) !important; -webkit-text-fill-color: rgb(200, 146, 42) !important; }
html.dark body button[aria-label^="Marks:"] span.x128-mm.x128-mm { color: rgb(212, 168, 67) !important; -webkit-text-fill-color: rgb(212, 168, 67) !important; }
html body .x68-r.x128-sm.x128-sm .x113-pl.x128-pl > span.inline-flex.border-r-2.x128-s.x128-s { display: inline-flex !important; }
html body .x68-r.x128-sm.x128-sm .x113-pl.x128-pl > span.border-r-2.x128-s.x128-s { border-right: 0px !important; padding-right: 0px !important; }
html body [data-dm-id] .x128-pl.x128-pl > button.x128-s.x128-s { flex-shrink: 0 !important; }
html body [data-dm-id] .x128-pl.x128-pl { flex-wrap: nowrap !important; white-space: nowrap !important; }
html body [data-dm-id] .x128-pl.x128-pl > .x128-s.x128-s { text-overflow: ellipsis; display: inline-flex !important; flex: 0 1 auto !important; min-width: 30px !important; overflow: hidden !important; white-space: nowrap !important; }
html body [data-dm-id] .x128-pl.x128-pl > button.x128-s.x128-s { text-overflow: ellipsis; display: inline-block !important; min-width: 30px !important; }
html body [data-dm-id] .x128-pl.x128-pl > .x128-s.x128-s > * { min-width: 0px; flex-shrink: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html body [data-dm-id] .x128-pl.x128-pl > span.x128-s.border-r-2 { min-width: 34px !important; }
html body .x68-r.x128-sm.x128-sm .x113-pl.x128-pl > span.border-r-2.x128-s.x128-s > span.text-\[8px\]:first-child { display: none !important; }
html body [data-dm-id] .x128-pl.x128-pl > span.x128-s.border-r-2 > :nth-child(2) { flex-shrink: 0 !important; overflow: visible !important; }
html body [data-dm-id] .x128-pl.x128-pl > span.x128-s.border-r-2 > :first-child { flex-shrink: 0; }
html body [data-dm-id] .x128-pl.x128-pl > button[aria-label^="Open "]:not(.x128-s) { flex: 0 0 auto !important; }
html body [data-dm-id] .x128-pl.x128-pl.x128-2f > button[aria-label^="Open "]:not(.x128-s) { flex: 0 1 auto !important; min-width: 44px !important; }
html body [data-dm-id] .x128-pl.x128-pl.x128-2f.x78-shr2 > button[aria-label^="Open "]:not(.x128-s) { padding-left: 6px !important; padding-right: 6px !important; gap: 3px !important; }
html body [data-dm-id] .x128-pl.x128-pl.x78-shr2 { gap: 3px !important; }
html body [data-dm-id] .x128-pl.x128-pl > button[aria-label^="Open "]:not(.x128-s) .truncate { min-width: 0px; }