/*
 * Filter sidebar utilities (generated).
 *
 * The copied SOLOS templates use Tailwind class names. These are the matching
 * rules from child-theme/dist/tailwind.css and eflow-core/style.css (in that
 * order, as SOLOS loaded them), scoped with :where(#secondary) so they cannot
 * affect anything else and keep their original specificity.
 * Regenerate rather than edit by hand.
 */

:where(#secondary), :where(#secondary) *, :where(#secondary) ::before, :where(#secondary) ::after {--tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;}
:where(#secondary) .invisible {visibility: hidden;}
:where(#secondary) .fixed {position: fixed;}
:where(#secondary) .absolute {position: absolute;}
:where(#secondary) .relative {position: relative;}
:where(#secondary) .inset-0 {inset: 0px;}
:where(#secondary) .inset-y-0 {top: 0px;
  bottom: 0px;}
:where(#secondary) .bottom-0 {bottom: 0px;}
:where(#secondary) .bottom-2 {bottom: 0.5rem;}
:where(#secondary) .left-0 {left: 0px;}
:where(#secondary) .right-0 {right: 0px;}
:where(#secondary) .right-1\/2 {right: 50%;}
:where(#secondary) .top-0 {top: 0px;}
:where(#secondary) .top-2 {top: 0.5rem;}
:where(#secondary) .top-\[25px\] {top: 25px;}
:where(#secondary) .z-\[1000000\] {z-index: 1000000;}
:where(#secondary) .z-\[99999\] {z-index: 99999;}
:where(#secondary) .m-0\.5 {margin: 0.125rem;}
:where(#secondary) .my-4 {margin-top: 1rem;
  margin-bottom: 1rem;}
:where(#secondary) .\!mt-4 {margin-top: 1rem !important;}
:where(#secondary) .mb-6 {margin-bottom: 1.5rem;}
:where(#secondary) .ml-4 {margin-left: 1rem;}
:where(#secondary) .mr-1 {margin-right: 0.25rem;}
:where(#secondary) .mr-12 {margin-right: 3rem;}
:where(#secondary) .mt-2 {margin-top: 0.5rem;}
:where(#secondary) .mt-6 {margin-top: 1.5rem;}
:where(#secondary) .block {display: block;}
:where(#secondary) .flex {display: flex;}
:where(#secondary) .grid {display: grid;}
:where(#secondary) .hidden {display: none;}
:where(#secondary) .h-0\.5 {height: 0.125rem;}
:where(#secondary) .h-1 {height: 0.25rem;}
:where(#secondary) .h-20 {height: 5rem;}
:where(#secondary) .h-6 {height: 1.5rem;}
:where(#secondary) .h-full {height: 100%;}
:where(#secondary) .h-screen {height: 100vh;}
:where(#secondary) .w-0 {width: 0px;}
:where(#secondary) .w-1 {width: 0.25rem;}
:where(#secondary) .w-6 {width: 1.5rem;}
:where(#secondary) .w-\[95\%\] {width: 95%;}
:where(#secondary) .w-full {width: 100%;}
:where(#secondary) .w-screen {width: 100vw;}
:where(#secondary) .max-w-min {max-width: -moz-min-content;
  max-width: min-content;}
:where(#secondary) .translate-x-8 {--tw-translate-x: 2rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));}
@keyframes ping {75%, 100% {
    transform: scale(2);
    opacity: 0;
  }}
:where(#secondary) .animate-ping {animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;}
:where(#secondary) .cursor-pointer {cursor: pointer;}
:where(#secondary) .grid-cols-5 {grid-template-columns: repeat(5, minmax(0, 1fr));}
:where(#secondary) .flex-col {flex-direction: column;}
:where(#secondary) .items-center {align-items: center;}
:where(#secondary) .justify-center {justify-content: center;}
:where(#secondary) .justify-between {justify-content: space-between;}
:where(#secondary) .gap-6 {gap: 1.5rem;}
:where(#secondary) .space-x-1 > :not([hidden]) ~ :not([hidden]) {--tw-space-x-reverse: 0;
  margin-right: calc(0.25rem * var(--tw-space-x-reverse));
  margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));}
:where(#secondary) .overflow-hidden {overflow: hidden;}
:where(#secondary) .overflow-y-auto {overflow-y: auto;}
:where(#secondary) .overflow-y-scroll {overflow-y: scroll;}
:where(#secondary) .rounded-full {border-radius: 9999px;}
:where(#secondary) .rounded-lg {border-radius: 0.5rem;}
:where(#secondary) .bg-\[\#63BE6A\] {--tw-bg-opacity: 1;
  background-color: rgb(99 190 106 / var(--tw-bg-opacity, 1));}
:where(#secondary) .bg-\[\#c5d7e6\] {--tw-bg-opacity: 1;
  background-color: rgb(197 215 230 / var(--tw-bg-opacity, 1));}
:where(#secondary) .bg-\[\#ff7800\] {--tw-bg-opacity: 1;
  background-color: rgb(255 120 0 / var(--tw-bg-opacity, 1));}
:where(#secondary) .bg-\[black\] {--tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));}
:where(#secondary) .bg-white {--tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));}
:where(#secondary) .bg-white\/80 {background-color: rgb(255 255 255 / 0.8);}
:where(#secondary) .p-1\.5 {padding: 0.375rem;}
:where(#secondary) .p-3 {padding: 0.75rem;}
:where(#secondary) .p-4 {padding: 1rem;}
:where(#secondary) .px-1\.5 {padding-left: 0.375rem;
  padding-right: 0.375rem;}
:where(#secondary) .px-20 {padding-left: 5rem;
  padding-right: 5rem;}
:where(#secondary) .px-4 {padding-left: 1rem;
  padding-right: 1rem;}
:where(#secondary) .py-1 {padding-top: 0.25rem;
  padding-bottom: 0.25rem;}
:where(#secondary) .py-1\.5 {padding-top: 0.375rem;
  padding-bottom: 0.375rem;}
:where(#secondary) .py-2 {padding-top: 0.5rem;
  padding-bottom: 0.5rem;}
:where(#secondary) .py-8 {padding-top: 2rem;
  padding-bottom: 2rem;}
:where(#secondary) .pb-4 {padding-bottom: 1rem;}
:where(#secondary) .text-center {text-align: center;}
:where(#secondary) .text-right {text-align: right;}
:where(#secondary) .text-2xl {font-size: 1.5rem;
  line-height: 2rem;}
:where(#secondary) .text-lg {font-size: 1.125rem;
  line-height: 1.75rem;}
:where(#secondary) .text-sm {font-size: 0.875rem;
  line-height: 1.25rem;}
:where(#secondary) .font-bold {font-weight: 700;}
:where(#secondary) .font-semibold {font-weight: 600;}
:where(#secondary) .uppercase {text-transform: uppercase;}
:where(#secondary) .text-\[\#ff7800\] {--tw-text-opacity: 1;
  color: rgb(255 120 0 / var(--tw-text-opacity, 1));}
:where(#secondary) .text-white {--tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));}
:where(#secondary) .outline-none {outline: 2px solid transparent;
  outline-offset: 2px;}
:where(#secondary) .transition {transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;}
:where(#secondary) .transition-all {transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;}
:where(#secondary) .hover\:bg-\[\#63be6a\]\/70:hover {background-color: rgb(99 190 106 / 0.7);}
:where(#secondary) .hover\:text-\[\#D51E52\]:hover {--tw-text-opacity: 1;
  color: rgb(213 30 82 / var(--tw-text-opacity, 1));}
:where(#secondary) .group:hover .group-hover\:h-\[0\.10rem\] {height: 0.10rem;}
:where(#secondary) .group:hover .group-hover\:w-\[0\.2rem\] {width: 0.2rem;}
:where(#secondary) .group:hover .group-hover\:text-\[\#D51E52\] {--tw-text-opacity: 1;
  color: rgb(213 30 82 / var(--tw-text-opacity, 1));}
@media (min-width: 640px) {
  :where(#secondary) .sm\:text-base {font-size: 1rem;
    line-height: 1.5rem;}
}
@media (min-width: 768px) {
  :where(#secondary) .md\:visible {visibility: visible;}
  :where(#secondary) .md\:relative {position: relative;}
  :where(#secondary) .md\:z-auto {z-index: auto;}
  :where(#secondary) .md\:m-1\.5 {margin: 0.375rem;}
  :where(#secondary) .md\:flex {display: flex;}
  :where(#secondary) .md\:hidden {display: none;}
  :where(#secondary) .md\:h-auto {height: auto;}
  :where(#secondary) .md\:w-auto {width: auto;}
  :where(#secondary) .md\:flex-col {flex-direction: column;}
  :where(#secondary) .md\:overflow-visible {overflow: visible;}
  :where(#secondary) .md\:p-0 {padding: 0px;}
  :where(#secondary) .md\:px-28 {padding-left: 7rem;
    padding-right: 7rem;}
  :where(#secondary) .md\:py-10 {padding-top: 2.5rem;
    padding-bottom: 2.5rem;}
  :where(#secondary) .md\:text-base {font-size: 1rem;
    line-height: 1.5rem;}
  :where(#secondary) .group:hover .md\:group-hover\:text-black {--tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity, 1));}
}
@media (min-width: 1024px) {
  :where(#secondary) .lg\:sticky {position: sticky;}
  :where(#secondary) .lg\:top-\[90px\] {top: 90px;}
  :where(#secondary) .lg\:z-\[99\] {z-index: 99;}
  :where(#secondary) .lg\:py-2 {padding-top: 0.5rem;
    padding-bottom: 0.5rem;}
  :where(#secondary) .lg\:text-base {font-size: 1rem;
    line-height: 1.5rem;}
}
:where(#secondary) .invisible {visibility:hidden}
:where(#secondary) .fixed {position:fixed}
:where(#secondary) .absolute {position:absolute}
:where(#secondary) .relative {position:relative}
:where(#secondary) .inset-0 {inset:0}
:where(#secondary) .inset-y-0 {bottom:0;top:0}
:where(#secondary) .bottom-0 {bottom:0}
:where(#secondary) .bottom-2 {bottom:.5rem}
:where(#secondary) .left-0 {left:0}
:where(#secondary) .right-0 {right:0}
:where(#secondary) .right-1\/2 {right:50%}
:where(#secondary) .top-0 {top:0}
:where(#secondary) .top-\[25px\] {top:25px}
:where(#secondary) .z-\[1000000\] {z-index:1000000}
:where(#secondary) .z-\[99999\] {z-index:99999}
:where(#secondary) .m-0\.5 {margin:.125rem}
:where(#secondary) .my-4 {margin-bottom:1rem;margin-top:1rem}
:where(#secondary) .\!mt-4 {margin-top:1rem!important}
:where(#secondary) .mb-6 {margin-bottom:1.5rem}
:where(#secondary) .ml-4 {margin-left:1rem}
:where(#secondary) .mr-1 {margin-right:.25rem}
:where(#secondary) .mr-12 {margin-right:3rem}
:where(#secondary) .mt-2 {margin-top:.5rem}
:where(#secondary) .mt-6 {margin-top:1.5rem}
:where(#secondary) .block {display:block}
:where(#secondary) .flex {display:flex}
:where(#secondary) .grid {display:grid}
:where(#secondary) .hidden {display:none}
:where(#secondary) .h-0\.5 {height:.125rem}
:where(#secondary) .h-1 {height:.25rem}
:where(#secondary) .h-20 {height:5rem}
:where(#secondary) .h-6 {height:1.5rem}
:where(#secondary) .h-full {height:100%}
:where(#secondary) .h-screen {height:100vh}
:where(#secondary) .w-0 {width:0}
:where(#secondary) .w-1 {width:.25rem}
:where(#secondary) .w-6 {width:1.5rem}
:where(#secondary) .w-\[95\%\] {width:95%}
:where(#secondary) .w-full {width:100%}
:where(#secondary) .w-screen {width:100vw}
:where(#secondary) .max-w-min {max-width:-moz-min-content;max-width:min-content}
:where(#secondary) .translate-x-8 {--tw-translate-x:2rem}
:where(#secondary) .translate-x-8 {transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
@keyframes ping {75%,to{opacity:0;transform:scale(2)}}
:where(#secondary) .animate-ping {animation:ping 1s cubic-bezier(0,0,.2,1) infinite}
:where(#secondary) .cursor-pointer {cursor:pointer}
:where(#secondary) .grid-cols-5 {grid-template-columns:repeat(5,minmax(0,1fr))}
:where(#secondary) .flex-col {flex-direction:column}
:where(#secondary) .items-center {align-items:center}
:where(#secondary) .justify-center {justify-content:center}
:where(#secondary) .justify-between {justify-content:space-between}
:where(#secondary) .gap-6 {gap:1.5rem}
:where(#secondary) .space-x-1>:not([hidden])~:not([hidden]) {--tw-space-x-reverse:0;margin-left:calc(.25rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.25rem*var(--tw-space-x-reverse))}
:where(#secondary) .overflow-hidden {overflow:hidden}
:where(#secondary) .overflow-y-auto {overflow-y:auto}
:where(#secondary) .overflow-y-scroll {overflow-y:scroll}
:where(#secondary) .rounded-df {border-radius:0}
:where(#secondary) .rounded-full {border-radius:9999px}
:where(#secondary) .rounded-lg {border-radius:.5rem}
:where(#secondary) .bg-\[\#63BE6A\] {--tw-bg-opacity:1;background-color:rgb(99 190 106/var(--tw-bg-opacity,1))}
:where(#secondary) .bg-\[\#c5d7e6\] {--tw-bg-opacity:1;background-color:rgb(197 215 230/var(--tw-bg-opacity,1))}
:where(#secondary) .bg-accent {background-color:var(--accent-color)}
:where(#secondary) .bg-white {--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}
:where(#secondary) .bg-white\/80 {background-color:hsla(0,0%,100%,.8)}
:where(#secondary) .p-1\.5 {padding:.375rem}
:where(#secondary) .p-3 {padding:.75rem}
:where(#secondary) .p-4 {padding:1rem}
:where(#secondary) .px-1\.5 {padding-left:.375rem;padding-right:.375rem}
:where(#secondary) .px-20 {padding-left:5rem;padding-right:5rem}
:where(#secondary) .px-4 {padding-left:1rem;padding-right:1rem}
:where(#secondary) .py-1 {padding-bottom:.25rem;padding-top:.25rem}
:where(#secondary) .py-1\.5 {padding-bottom:.375rem;padding-top:.375rem}
:where(#secondary) .py-2 {padding-bottom:.5rem;padding-top:.5rem}
:where(#secondary) .py-8 {padding-bottom:2rem;padding-top:2rem}
:where(#secondary) .pb-4 {padding-bottom:1rem}
:where(#secondary) .text-center {text-align:center}
:where(#secondary) .text-2xl {font-size:1.5rem;line-height:2rem}
:where(#secondary) .text-lg {font-size:1.125rem;line-height:1.75rem}
:where(#secondary) .text-sm {font-size:.875rem;line-height:1.25rem}
:where(#secondary) .font-bold {font-weight:700}
:where(#secondary) .font-semibold {font-weight:600}
:where(#secondary) .uppercase {text-transform:uppercase}
:where(#secondary) .text-white {--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}
:where(#secondary) .outline-none {outline:2px solid transparent;outline-offset:2px}
:where(#secondary) .transition {transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}
:where(#secondary) .transition-all {transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}
:where(#secondary) .gamma {font-size:1.618em}
:where(#secondary) .gamma {display:block}
@media (min-width:768px) {
  :where(#secondary) .widget-area {margin-bottom:2.617924em}
}
:where(#secondary) .sidebar-parent::-webkit-scrollbar {width:5px}
:where(#secondary) .sidebar-parent::-webkit-scrollbar-track {--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}
:where(#secondary) .sidebar-parent::-webkit-scrollbar-thumb {background-color:var(--accent-color);border-radius:.75rem}
:where(#secondary) .sidebar-parent::-webkit-scrollbar-thumb:hover {background-color:var(--accent-color-hover)}
:where(#secondary) .hover\:bg-\[\#63be6a\]\/70:hover {background-color:rgba(99,190,106,.7)}
:where(#secondary) .hover\:bg-accent-hover:hover {background-color:var(--accent-color-hover)}
:where(#secondary) .hover\:text-\[\#D51E52\]:hover {--tw-text-opacity:1;color:rgb(213 30 82/var(--tw-text-opacity,1))}
:where(#secondary) .group:hover .group-hover\:h-\[0\.10rem\] {height:.1rem}
:where(#secondary) .group:hover .group-hover\:w-\[0\.2rem\] {width:.2rem}
:where(#secondary) .group:hover .group-hover\:text-\[\#D51E52\] {--tw-text-opacity:1;color:rgb(213 30 82/var(--tw-text-opacity,1))}
:where(#secondary) .group:hover .group-hover\:text-accent {color:var(--accent-color)}
@media (min-width:640px) {
  :where(#secondary) .sm\:text-base {font-size:1rem;line-height:1.5rem}
}
@media (min-width:768px) {
  :where(#secondary) .md\:visible {visibility:visible}
  :where(#secondary) .md\:relative {position:relative}
  :where(#secondary) .md\:z-auto {z-index:auto}
  :where(#secondary) .md\:m-1\.5 {margin:.375rem}
  :where(#secondary) .md\:flex {display:flex}
  :where(#secondary) .md\:hidden {display:none}
  :where(#secondary) .md\:h-auto {height:auto}
  :where(#secondary) .md\:w-auto {width:auto}
  :where(#secondary) .md\:flex-col {flex-direction:column}
  :where(#secondary) .md\:overflow-visible {overflow:visible}
  :where(#secondary) .md\:px-28 {padding-left:7rem;padding-right:7rem}
  :where(#secondary) .md\:py-10 {padding-bottom:2.5rem;padding-top:2.5rem}
  :where(#secondary) .md\:text-base {font-size:1rem;line-height:1.5rem}
  :where(#secondary) .group:hover .md\:group-hover\:text-black {--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}
}
@media (min-width:1024px) {
  :where(#secondary) .lg\:sticky {position:sticky}
  :where(#secondary) .lg\:top-\[90px\] {top:90px}
  :where(#secondary) .lg\:z-\[99\] {z-index:99}
  :where(#secondary) .lg\:py-2 {padding-bottom:.5rem;padding-top:.5rem}
  :where(#secondary) .lg\:text-base {font-size:1rem;line-height:1.5rem}
}