:root {
--background: 0 0% 100%;
--foreground: 222.2 84% 4.9%;
--card: 0 0% 100%;
--card-foreground: 222.2 84% 4.9%;
--popover: 0 0% 100%;
--popover-foreground: 222.2 84% 4.9%;
--primary: 221.2 83.2% 53.3%;
--primary-foreground: 210 40% 98%;
--secondary: 210 40% 96.1%;
--secondary-foreground: 222.2 47.4% 11.2%;
--muted: 210 40% 96.1%;
--muted-foreground: 215.4 16.3% 46.9%;
--accent: 210 40% 96.1%;
--accent-foreground: 222.2 47.4% 11.2%;
--destructive: 0 84.2% 60.2%;
--destructive-foreground: 210 40% 98%;
--border: 214.3 31.8% 91.4%;
--input: 214.3 31.8% 91.4%;
--ring: 221.2 83.2% 53.3%;
--radius: 8px;
}
*,
::before,
::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: ;
}
::backdrop {
--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-fixed {
position: fixed;
}
.tw-absolute {
position: absolute;
}
.tw-inset-0 {
inset: 0px;
}
.tw-left-\[50\%\] {
left: 50%;
}
.tw-right-16px {
right: 1rem;
}
.tw-right-4 {
right: 1rem;
}
.tw-top-1\/2 {
top: 50%;
}
.tw-top-4 {
top: 1rem;
}
.tw-top-\[50\%\] {
top: 50%;
}
.tw-z-50 {
z-index: 50;
}
.\!tw-mt-24px {
margin-top: 1.5rem !important;
}
.tw-mr-12px {
margin-right: 0.75rem;
}
.tw-block {
display: block;
}
.tw-flex {
display: flex;
}
.tw-inline-flex {
display: inline-flex;
}
.tw-grid {
display: grid;
}
.tw-aspect-square {
aspect-ratio: 1 / 1;
}
.tw-h-10px {
height: 0.625rem;
}
.tw-h-4 {
height: 1rem;
}
.tw-w-10px {
width: 0.625rem;
}
.tw-w-4 {
width: 1rem;
}
.tw-w-full {
width: 100%;
}
.\!tw-max-w-\[40px\] {
max-width: 40px !important;
}
.tw-max-w-lg {
max-width: 32rem;
}
.-tw-translate-x-1\/2 {
--tw-translate-x: -50%;
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));
}
.-tw-translate-y-1\/2 {
--tw-translate-y: -50%;
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));
}
.tw-translate-x-\[-50\%\] {
--tw-translate-x: -50%;
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));
}
.tw-translate-y-\[-50\%\] {
--tw-translate-y: -50%;
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));
}
.tw-flex-col {
flex-direction: column;
}
.tw-flex-col-reverse {
flex-direction: column-reverse;
}
.tw-place-content-between {
place-content: space-between;
}
.tw-items-center {
align-items: center;
}
.tw-justify-center {
justify-content: center;
}
.tw-gap-2 {
gap: 0.5rem;
}
.tw-gap-4 {
gap: 1rem;
}
.tw-space-x-2 > :not([hidden]) ~ :not([hidden]) {
--tw-space-x-reverse: 0;
margin-right: calc(0.5rem * var(--tw-space-x-reverse));
margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.tw-space-y-1 > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
}
.tw-space-y-1\.5 > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(0.375rem * var(--tw-space-y-reverse));
}
.tw-rounded-full {
border-radius: 9999px;
}
.tw-rounded-sm {
border-radius: calc(var(--radius) - 4px);
}
.tw-border {
border-width: 1px;
}
.tw-border-primary {
border-color: hsl(var(--primary));
}
.tw-border-transparent {
border-color: transparent;
}
.tw-bg-background {
background-color: hsl(var(--background));
}
.tw-bg-black\/80 {
background-color: rgb(0 0 0 / 0.8);
}
.tw-bg-destructive {
background-color: hsl(var(--destructive));
}
.tw-bg-primary {
background-color: hsl(var(--primary));
}
.tw-bg-secondary {
background-color: hsl(var(--secondary));
}
.tw-bg-no-repeat {
background-repeat: no-repeat;
}
.tw-fill-current {
fill: currentColor;
}
.tw-stroke-red-500 {
stroke: #ef4444;
}
.tw-p-6 {
padding: 1.5rem;
}
.tw-px-2 {
padding-left: 0.5rem;
padding-right: 0.5rem;
}
.tw-px-2\.5 {
padding-left: 0.625rem;
padding-right: 0.625rem;
}
.tw-py-0 {
padding-top: 0px;
padding-bottom: 0px;
}
.tw-py-0\.5 {
padding-top: 0.125rem;
padding-bottom: 0.125rem;
}
.tw-pb-\[0\.25em\] {
padding-bottom: 0.25em;
}
.tw-pt-\[1\.5em\] {
padding-top: 1.5em;
}
.tw-text-center {
text-align: center;
}
.tw-indent-2 {
text-indent: 0.5rem;
}
.tw-text-lg {
font-size: 1.125rem;
line-height: 1.75rem;
}
.tw-text-sm {
font-size: 0.875rem;
line-height: 1.25rem;
}
.tw-text-xs {
font-size: 0.75rem;
line-height: 1rem;
}
.tw-font-semibold {
font-weight: 600;
}
.tw-leading-none {
line-height: 1;
}
.tw-tracking-tight {
letter-spacing: -0.025em;
}
.tw-text-current {
color: currentColor;
}
.tw-text-destructive-foreground {
color: hsl(var(--destructive-foreground));
}
.tw-text-foreground {
color: hsl(var(--foreground));
}
.tw-text-muted-foreground {
color: hsl(var(--muted-foreground));
}
.tw-text-primary {
color: hsl(var(--primary));
}
.tw-text-primary-foreground {
color: hsl(var(--primary-foreground));
}
.tw-text-secondary-foreground {
color: hsl(var(--secondary-foreground));
}
.tw-opacity-70 {
opacity: 0.7;
}
.tw-shadow-lg {
--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
box-shadow:
var(--tw-ring-offset-shadow, 0 0 #0000),
var(--tw-ring-shadow, 0 0 #0000),
var(--tw-shadow);
}
.tw-ring-offset-background {
--tw-ring-offset-color: hsl(var(--background));
}
.tw-transition-colors {
transition-property:
color,
background-color,
border-color,
text-decoration-color,
fill,
stroke;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.tw-transition-opacity {
transition-property: opacity;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.tw-duration-200 {
transition-duration: 200ms;
}
@keyframes enter {
from {
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));
}
}
@keyframes exit {
to {
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));
}
}
.tw-animate-in {
animation-name: enter;
animation-duration: 150ms;
--tw-enter-opacity: initial;
--tw-enter-scale: initial;
--tw-enter-rotate: initial;
--tw-enter-translate-x: initial;
--tw-enter-translate-y: initial;
}
.tw-fade-in {
--tw-enter-opacity: 0;
}
.tw-slide-in-from-right-4 {
--tw-enter-translate-x: 1rem;
}
.tw-slide-in-from-top-1\/2 {
--tw-enter-translate-y: -50%;
}
.tw-duration-200 {
animation-duration: 200ms;
}
.hover\:tw-bg-destructive\/80:hover {
background-color: hsl(var(--destructive) / 0.8);
}
.hover\:tw-bg-primary\/80:hover {
background-color: hsl(var(--primary) / 0.8);
}
.hover\:tw-bg-secondary\/80:hover {
background-color: hsl(var(--secondary) / 0.8);
}
.hover\:tw-opacity-100:hover {
opacity: 1;
}
.focus\:tw-outline-none:focus {
outline: 2px solid transparent;
outline-offset: 2px;
}
.focus\:tw-ring-2:focus {
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow:
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow, 0 0 #0000);
}
.focus\:tw-ring-ring:focus {
--tw-ring-color: hsl(var(--ring));
}
.focus\:tw-ring-offset-2:focus {
--tw-ring-offset-width: 2px;
}
.focus-visible\:tw-ring-2:focus-visible {
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow:
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow, 0 0 #0000);
}
.focus-visible\:tw-ring-ring:focus-visible {
--tw-ring-color: hsl(var(--ring));
}
.focus-visible\:tw-ring-offset-2:focus-visible {
--tw-ring-offset-width: 2px;
}
.disabled\:tw-pointer-events-none:disabled {
pointer-events: none;
}
.disabled\:tw-cursor-not-allowed:disabled {
cursor: not-allowed;
}
.disabled\:tw-opacity-50:disabled {
opacity: 0.5;
}
.data-\[state\=open\]\:tw-bg-accent[data-state=open] {
background-color: hsl(var(--accent));
}
.data-\[state\=open\]\:tw-text-muted-foreground[data-state=open] {
color: hsl(var(--muted-foreground));
}
.data-\[state\=open\]\:tw-animate-in[data-state=open] {
animation-name: enter;
animation-duration: 150ms;
--tw-enter-opacity: initial;
--tw-enter-scale: initial;
--tw-enter-rotate: initial;
--tw-enter-translate-x: initial;
--tw-enter-translate-y: initial;
}
.data-\[state\=closed\]\:tw-animate-out[data-state=closed] {
animation-name: exit;
animation-duration: 150ms;
--tw-exit-opacity: initial;
--tw-exit-scale: initial;
--tw-exit-rotate: initial;
--tw-exit-translate-x: initial;
--tw-exit-translate-y: initial;
}
.data-\[state\=closed\]\:tw-fade-out-0[data-state=closed] {
--tw-exit-opacity: 0;
}
.data-\[state\=open\]\:tw-fade-in-0[data-state=open] {
--tw-enter-opacity: 0;
}
.data-\[state\=closed\]\:tw-zoom-out-95[data-state=closed] {
--tw-exit-scale: .95;
}
.data-\[state\=open\]\:tw-zoom-in-95[data-state=open] {
--tw-enter-scale: .95;
}
.data-\[state\=closed\]\:tw-slide-out-to-left-1\/2[data-state=closed] {
--tw-exit-translate-x: -50%;
}
.data-\[state\=closed\]\:tw-slide-out-to-top-\[48\%\][data-state=closed] {
--tw-exit-translate-y: -48%;
}
.data-\[state\=open\]\:tw-slide-in-from-left-1\/2[data-state=open] {
--tw-enter-translate-x: -50%;
}
.data-\[state\=open\]\:tw-slide-in-from-top-\[48\%\][data-state=open] {
--tw-enter-translate-y: -48%;
}
@media (min-width: 400px) {
.sm\:tw-flex-row {
flex-direction: row;
}
.sm\:tw-justify-end {
justify-content: flex-end;
}
.sm\:tw-space-x-2 > :not([hidden]) ~ :not([hidden]) {
--tw-space-x-reverse: 0;
margin-right: calc(0.5rem * var(--tw-space-x-reverse));
margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.sm\:tw-text-left {
text-align: left;
}
}  *, ::before, ::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:  
}
::backdrop{
--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-sr-only{
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border-width: 0
}
.tw-mt-24px{
margin-top: 1.5rem
}
.tw-mt-4{
margin-top: 1rem
}
.tw-flex{
display: flex
}
.tw-grid{
display: grid
}
.tw-h-0{
height: 0px
}
.tw-w-full{
width: 100%
}
.tw-shrink-0{
flex-shrink: 0
}
.tw-cursor-pointer{
cursor: pointer
}
.tw-grid-cols-2{
grid-template-columns: repeat(2, minmax(0, 1fr))
}
.tw-items-center{
align-items: center
}
.tw-justify-between{
justify-content: space-between
}
.tw-gap-24px{
gap: 1.5rem
}
.tw-gap-4px{
gap: 0.25rem
}
.tw-self-start{
align-self: flex-start
}
.tw-bg-\[image\:var\(--sample-echeck-url\)\]{
background-image: var(--sample-echeck-url)
}
.tw-bg-cover{
background-size: cover
}
.tw-bg-\[0_0\%\]{
background-position: 0 0%
}
.tw-bg-\[0_100\%\]{
background-position: 0 100%
}
.tw-bg-\[0_50\%\]{
background-position: 0 50%
}
.tw-stroke-red-500{
stroke: #ef4444
}
.tw-pb-\[40\.5\%\]{
padding-bottom: 40.5%
}
.tw-text-xs{
font-size: 0.75rem;
line-height: 1rem
}
@keyframes enter{
from{
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))
}
}
@keyframes exit{
to{
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))
}
}   .after\:tw-absolute::after{
content: var(--tw-content);
position: absolute
}
.after\:tw-h-0::after{
content: var(--tw-content);
height: 0px
}
.after\:tw-w-0::after{
content: var(--tw-content);
width: 0px
}
.after\:tw-overflow-hidden::after{
content: var(--tw-content);
overflow: hidden
}
.after\:tw-content-\[var\(--sample-echeck-url\)\]::after{
--tw-content: var(--sample-echeck-url);
content: var(--tw-content)
}:root {
--background: 0 0% 100%;
--foreground: 222.2 84% 4.9%;
--card: 0 0% 100%;
--card-foreground: 222.2 84% 4.9%;
--popover: 0 0% 100%;
--popover-foreground: 222.2 84% 4.9%;
--primary: 221.2 83.2% 53.3%;
--primary-foreground: 210 40% 98%;
--secondary: 210 40% 96.1%;
--secondary-foreground: 222.2 47.4% 11.2%;
--muted: 210 40% 96.1%;
--muted-foreground: 215.4 16.3% 46.9%;
--accent: 210 40% 96.1%;
--accent-foreground: 222.2 47.4% 11.2%;
--destructive: 0 84.2% 60.2%;
--destructive-foreground: 210 40% 98%;
--border: 214.3 31.8% 91.4%;
--input: 214.3 31.8% 91.4%;
--ring: 221.2 83.2% 53.3%;
--radius: 8px;
}
*,
::before,
::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: ;
}
::backdrop {
--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-fixed {
position: fixed;
}
.tw-absolute {
position: absolute;
}
.tw-inset-0 {
inset: 0px;
}
.tw-left-\[50\%\] {
left: 50%;
}
.tw-right-16px {
right: 1rem;
}
.tw-right-4 {
right: 1rem;
}
.tw-top-1\/2 {
top: 50%;
}
.tw-top-4 {
top: 1rem;
}
.tw-top-\[50\%\] {
top: 50%;
}
.tw-z-50 {
z-index: 50;
}
.\!tw-mt-24px {
margin-top: 1.5rem !important;
}
.tw-mr-12px {
margin-right: 0.75rem;
}
.tw-block {
display: block;
}
.tw-flex {
display: flex;
}
.tw-inline-flex {
display: inline-flex;
}
.tw-grid {
display: grid;
}
.tw-aspect-square {
aspect-ratio: 1 / 1;
}
.tw-h-10px {
height: 0.625rem;
}
.tw-h-4 {
height: 1rem;
}
.tw-w-10px {
width: 0.625rem;
}
.tw-w-4 {
width: 1rem;
}
.tw-w-full {
width: 100%;
}
.\!tw-max-w-\[40px\] {
max-width: 40px !important;
}
.tw-max-w-lg {
max-width: 32rem;
}
.-tw-translate-x-1\/2 {
--tw-translate-x: -50%;
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));
}
.-tw-translate-y-1\/2 {
--tw-translate-y: -50%;
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));
}
.tw-translate-x-\[-50\%\] {
--tw-translate-x: -50%;
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));
}
.tw-translate-y-\[-50\%\] {
--tw-translate-y: -50%;
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));
}
.tw-flex-col {
flex-direction: column;
}
.tw-flex-col-reverse {
flex-direction: column-reverse;
}
.tw-place-content-between {
place-content: space-between;
}
.tw-items-center {
align-items: center;
}
.tw-justify-center {
justify-content: center;
}
.tw-gap-2 {
gap: 0.5rem;
}
.tw-gap-4 {
gap: 1rem;
}
.tw-space-x-2 > :not([hidden]) ~ :not([hidden]) {
--tw-space-x-reverse: 0;
margin-right: calc(0.5rem * var(--tw-space-x-reverse));
margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.tw-space-y-1 > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
}
.tw-space-y-1\.5 > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(0.375rem * var(--tw-space-y-reverse));
}
.tw-rounded-full {
border-radius: 9999px;
}
.tw-rounded-sm {
border-radius: calc(var(--radius) - 4px);
}
.tw-border {
border-width: 1px;
}
.tw-border-primary {
border-color: hsl(var(--primary));
}
.tw-border-transparent {
border-color: transparent;
}
.tw-bg-background {
background-color: hsl(var(--background));
}
.tw-bg-black\/80 {
background-color: rgb(0 0 0 / 0.8);
}
.tw-bg-destructive {
background-color: hsl(var(--destructive));
}
.tw-bg-primary {
background-color: hsl(var(--primary));
}
.tw-bg-secondary {
background-color: hsl(var(--secondary));
}
.tw-bg-no-repeat {
background-repeat: no-repeat;
}
.tw-fill-current {
fill: currentColor;
}
.tw-stroke-red-500 {
stroke: #ef4444;
}
.tw-p-6 {
padding: 1.5rem;
}
.tw-px-2 {
padding-left: 0.5rem;
padding-right: 0.5rem;
}
.tw-px-2\.5 {
padding-left: 0.625rem;
padding-right: 0.625rem;
}
.tw-py-0 {
padding-top: 0px;
padding-bottom: 0px;
}
.tw-py-0\.5 {
padding-top: 0.125rem;
padding-bottom: 0.125rem;
}
.tw-pb-\[0\.25em\] {
padding-bottom: 0.25em;
}
.tw-pt-\[1\.5em\] {
padding-top: 1.5em;
}
.tw-text-center {
text-align: center;
}
.tw-indent-2 {
text-indent: 0.5rem;
}
.tw-text-lg {
font-size: 1.125rem;
line-height: 1.75rem;
}
.tw-text-sm {
font-size: 0.875rem;
line-height: 1.25rem;
}
.tw-text-xs {
font-size: 0.75rem;
line-height: 1rem;
}
.tw-font-semibold {
font-weight: 600;
}
.tw-leading-none {
line-height: 1;
}
.tw-tracking-tight {
letter-spacing: -0.025em;
}
.tw-text-current {
color: currentColor;
}
.tw-text-destructive-foreground {
color: hsl(var(--destructive-foreground));
}
.tw-text-foreground {
color: hsl(var(--foreground));
}
.tw-text-muted-foreground {
color: hsl(var(--muted-foreground));
}
.tw-text-primary {
color: hsl(var(--primary));
}
.tw-text-primary-foreground {
color: hsl(var(--primary-foreground));
}
.tw-text-secondary-foreground {
color: hsl(var(--secondary-foreground));
}
.tw-opacity-70 {
opacity: 0.7;
}
.tw-shadow-lg {
--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
box-shadow:
var(--tw-ring-offset-shadow, 0 0 #0000),
var(--tw-ring-shadow, 0 0 #0000),
var(--tw-shadow);
}
.tw-ring-offset-background {
--tw-ring-offset-color: hsl(var(--background));
}
.tw-transition-colors {
transition-property:
color,
background-color,
border-color,
text-decoration-color,
fill,
stroke;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.tw-transition-opacity {
transition-property: opacity;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.tw-duration-200 {
transition-duration: 200ms;
}
@keyframes enter {
from {
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));
}
}
@keyframes exit {
to {
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));
}
}
.tw-animate-in {
animation-name: enter;
animation-duration: 150ms;
--tw-enter-opacity: initial;
--tw-enter-scale: initial;
--tw-enter-rotate: initial;
--tw-enter-translate-x: initial;
--tw-enter-translate-y: initial;
}
.tw-fade-in {
--tw-enter-opacity: 0;
}
.tw-slide-in-from-right-4 {
--tw-enter-translate-x: 1rem;
}
.tw-slide-in-from-top-1\/2 {
--tw-enter-translate-y: -50%;
}
.tw-duration-200 {
animation-duration: 200ms;
}
.hover\:tw-bg-destructive\/80:hover {
background-color: hsl(var(--destructive) / 0.8);
}
.hover\:tw-bg-primary\/80:hover {
background-color: hsl(var(--primary) / 0.8);
}
.hover\:tw-bg-secondary\/80:hover {
background-color: hsl(var(--secondary) / 0.8);
}
.hover\:tw-opacity-100:hover {
opacity: 1;
}
.focus\:tw-outline-none:focus {
outline: 2px solid transparent;
outline-offset: 2px;
}
.focus\:tw-ring-2:focus {
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow:
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow, 0 0 #0000);
}
.focus\:tw-ring-ring:focus {
--tw-ring-color: hsl(var(--ring));
}
.focus\:tw-ring-offset-2:focus {
--tw-ring-offset-width: 2px;
}
.focus-visible\:tw-ring-2:focus-visible {
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow:
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow, 0 0 #0000);
}
.focus-visible\:tw-ring-ring:focus-visible {
--tw-ring-color: hsl(var(--ring));
}
.focus-visible\:tw-ring-offset-2:focus-visible {
--tw-ring-offset-width: 2px;
}
.disabled\:tw-pointer-events-none:disabled {
pointer-events: none;
}
.disabled\:tw-cursor-not-allowed:disabled {
cursor: not-allowed;
}
.disabled\:tw-opacity-50:disabled {
opacity: 0.5;
}
.data-\[state\=open\]\:tw-bg-accent[data-state=open] {
background-color: hsl(var(--accent));
}
.data-\[state\=open\]\:tw-text-muted-foreground[data-state=open] {
color: hsl(var(--muted-foreground));
}
.data-\[state\=open\]\:tw-animate-in[data-state=open] {
animation-name: enter;
animation-duration: 150ms;
--tw-enter-opacity: initial;
--tw-enter-scale: initial;
--tw-enter-rotate: initial;
--tw-enter-translate-x: initial;
--tw-enter-translate-y: initial;
}
.data-\[state\=closed\]\:tw-animate-out[data-state=closed] {
animation-name: exit;
animation-duration: 150ms;
--tw-exit-opacity: initial;
--tw-exit-scale: initial;
--tw-exit-rotate: initial;
--tw-exit-translate-x: initial;
--tw-exit-translate-y: initial;
}
.data-\[state\=closed\]\:tw-fade-out-0[data-state=closed] {
--tw-exit-opacity: 0;
}
.data-\[state\=open\]\:tw-fade-in-0[data-state=open] {
--tw-enter-opacity: 0;
}
.data-\[state\=closed\]\:tw-zoom-out-95[data-state=closed] {
--tw-exit-scale: .95;
}
.data-\[state\=open\]\:tw-zoom-in-95[data-state=open] {
--tw-enter-scale: .95;
}
.data-\[state\=closed\]\:tw-slide-out-to-left-1\/2[data-state=closed] {
--tw-exit-translate-x: -50%;
}
.data-\[state\=closed\]\:tw-slide-out-to-top-\[48\%\][data-state=closed] {
--tw-exit-translate-y: -48%;
}
.data-\[state\=open\]\:tw-slide-in-from-left-1\/2[data-state=open] {
--tw-enter-translate-x: -50%;
}
.data-\[state\=open\]\:tw-slide-in-from-top-\[48\%\][data-state=open] {
--tw-enter-translate-y: -48%;
}
@media (min-width: 400px) {
.sm\:tw-flex-row {
flex-direction: row;
}
.sm\:tw-justify-end {
justify-content: flex-end;
}
.sm\:tw-space-x-2 > :not([hidden]) ~ :not([hidden]) {
--tw-space-x-reverse: 0;
margin-right: calc(0.5rem * var(--tw-space-x-reverse));
margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.sm\:tw-text-left {
text-align: left;
}
}  *, ::before, ::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:  
}
::backdrop{
--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-sr-only{
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border-width: 0
}
.tw-mt-24px{
margin-top: 1.5rem
}
.tw-mt-4{
margin-top: 1rem
}
.tw-flex{
display: flex
}
.tw-grid{
display: grid
}
.tw-h-0{
height: 0px
}
.tw-w-full{
width: 100%
}
.tw-shrink-0{
flex-shrink: 0
}
.tw-cursor-pointer{
cursor: pointer
}
.tw-grid-cols-2{
grid-template-columns: repeat(2, minmax(0, 1fr))
}
.tw-items-center{
align-items: center
}
.tw-justify-between{
justify-content: space-between
}
.tw-gap-24px{
gap: 1.5rem
}
.tw-gap-4px{
gap: 0.25rem
}
.tw-self-start{
align-self: flex-start
}
.tw-bg-\[image\:var\(--sample-echeck-url\)\]{
background-image: var(--sample-echeck-url)
}
.tw-bg-cover{
background-size: cover
}
.tw-bg-\[0_0\%\]{
background-position: 0 0%
}
.tw-bg-\[0_100\%\]{
background-position: 0 100%
}
.tw-bg-\[0_50\%\]{
background-position: 0 50%
}
.tw-stroke-red-500{
stroke: #ef4444
}
.tw-pb-\[40\.5\%\]{
padding-bottom: 40.5%
}
.tw-text-xs{
font-size: 0.75rem;
line-height: 1rem
}
@keyframes enter{
from{
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))
}
}
@keyframes exit{
to{
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))
}
}   .after\:tw-absolute::after{
content: var(--tw-content);
position: absolute
}
.after\:tw-h-0::after{
content: var(--tw-content);
height: 0px
}
.after\:tw-w-0::after{
content: var(--tw-content);
width: 0px
}
.after\:tw-overflow-hidden::after{
content: var(--tw-content);
overflow: hidden
}
.after\:tw-content-\[var\(--sample-echeck-url\)\]::after{
--tw-content: var(--sample-echeck-url);
content: var(--tw-content)
}.wcs-recurring-totals-panel{position:relative;padding:1em 0 0}.wcs-recurring-totals-panel::after{border-style:solid;border-width:1px 0;bottom:0;content:"";display:block;left:0;opacity:.3;pointer-events:none;position:absolute;right:0;top:0}.wcs-recurring-totals-panel+.wcs-recurring-totals-panel::after{border-top-width:0}.wcs-recurring-totals-panel .wc-block-components-panel .wc-block-components-totals-item{padding-left:0;padding-right:0}.wcs-recurring-totals-panel .wc-block-components-totals-item__label::first-letter{text-transform:capitalize}.wcs-recurring-totals-panel .wcs-recurring-totals-panel__title .wc-block-components-totals-item__label{font-weight:700}.wcs-recurring-totals-panel__title{margin:0}.wcs-recurring-totals-panel__details .wc-block-components-panel__button,.wcs-recurring-totals-panel__details .wc-block-components-panel__button:hover,.wcs-recurring-totals-panel__details .wc-block-components-panel__button:focus{font-size:.875em}.wcs-recurring-totals-panel__details .wc-block-components-panel__content>.wc-block-components-totals-item:first-child{margin-top:0}.wcs-recurring-totals-panel__details .wc-block-components-panel__content>.wc-block-components-totals-item:last-child{margin-bottom:0}.wcs-recurring-totals-panel__details .wcs-recurring-totals-panel__details-total .wc-block-components-totals-item__label{font-weight:700}.wcs-recurring-totals__subscription-length{float:right}.tribe-mini-calendar-block{max-width:767px}.tribe-mini-calendar-block .tribe-common.tribe-events.tribe-events-widget-shortcode.tribe-events-widget-shortcode-events-month .tribe-events-calendar-month__day-cell--mobile:focus{background-color:var(--tec-color-accent-primary)}.tribe-mini-calendar-block .tribe-events-calendar-month__day-cell--selected .tribe-events-calendar-month__day-date-daynum{color:#fff}@media screen and (max-width:768px){.tribe-mini-calendar-block .tribe-common .tribe-common-l-container,.tribe-mini-calendar-block .tribe-common.tribe-events.tribe-events-widget.tribe-events-view--shortcode.tribe-events-widget-events-month{padding:0}}:root{--tec-grid-gutter:48px;--tec-grid-gutter-negative:calc(var(--tec-grid-gutter)*-1);--tec-grid-gutter-half:calc(var(--tec-grid-gutter)/2);--tec-grid-gutter-half-negative:calc(var(--tec-grid-gutter-half)*-1);--tec-grid-gutter-small:42px;--tec-grid-gutter-small-negative:calc(var(--tec-grid-gutter-small)*-1);--tec-grid-gutter-small-half:calc(var(--tec-grid-gutter-small)/2);--tec-grid-gutter-small-half-negative:calc(var(--tec-grid-gutter-small-half)*-1);--tec-grid-gutter-page:42px;--tec-grid-gutter-page-small:19.5px;--tec-grid-width-default:1176px;--tec-grid-width-min:320px;--tec-grid-width:calc(var(--tec-grid-width-default) + var(--tec-grid-gutter-page)*2);--tec-grid-width-1-of-2:50%;--tec-grid-width-1-of-3:33.333%;--tec-grid-width-1-of-4:25%;--tec-grid-width-1-of-5:20%;--tec-grid-width-1-of-7:14.285%;--tec-grid-width-1-of-8:12.5%;--tec-grid-width-1-of-9:11.111%;--tec-spacer-0:4px;--tec-spacer-1:8px;--tec-spacer-2:12px;--tec-spacer-3:16px;--tec-spacer-4:20px;--tec-spacer-5:24px;--tec-spacer-6:28px;--tec-spacer-7:32px;--tec-spacer-8:40px;--tec-spacer-9:48px;--tec-spacer-10:56px;--tec-spacer-11:64px;--tec-spacer-12:80px;--tec-spacer-13:96px;--tec-spacer-14:160px;--tec-z-index-spinner-container:100;--tec-z-index-views-selector:30;--tec-z-index-dropdown:30;--tec-z-index-events-bar-button:20;--tec-z-index-search:10;--tec-z-index-filters:9;--tec-z-index-scroller:7;--tec-z-index-week-event-hover:5;--tec-z-index-map-event-hover:5;--tec-z-index-map-event-hover-actions:6;--tec-z-index-multiday-event:5;--tec-z-index-multiday-event-bar:2;--tec-color-text-primary:#141827;--tec-color-text-primary-light:rgba(20,24,39,.62);--tec-color-text-secondary:#5d5d5d;--tec-color-text-disabled:#d5d5d5;--tec-color-text-events-title:var(--tec-color-text-primary);--tec-color-text-event-title:var(--tec-color-text-events-title);--tec-color-text-event-date:var(--tec-color-text-primary);--tec-color-text-secondary-event-date:var(--tec-color-text-secondary);--tec-color-icon-primary:#5d5d5d;--tec-color-icon-primary-alt:#757575;--tec-color-icon-secondary:#bababa;--tec-color-icon-active:#141827;--tec-color-icon-disabled:#d5d5d5;--tec-color-icon-focus:#334aff;--tec-color-icon-error:#da394d;--tec-color-event-icon:#141827;--tec-color-event-icon-hover:#334aff;--tec-color-accent-primary:#334aff;--tec-color-accent-primary-hover:rgba(51,74,255,.8);--tec-color-accent-primary-active:rgba(51,74,255,.9);--tec-color-accent-primary-background:rgba(51,74,255,.07);--tec-color-accent-secondary:#141827;--tec-color-accent-secondary-hover:rgba(20,24,39,.8);--tec-color-accent-secondary-active:rgba(20,24,39,.9);--tec-color-accent-secondary-background:rgba(20,24,39,.07);--tec-color-button-primary:var(--tec-color-accent-primary);--tec-color-button-primary-hover:var(--tec-color-accent-primary-hover);--tec-color-button-primary-active:var(--tec-color-accent-primary-active);--tec-color-button-primary-background:var(--tec-color-accent-primary-background);--tec-color-button-secondary:var(--tec-color-accent-secondary);--tec-color-button-secondary-hover:var(--tec-color-accent-secondary-hover);--tec-color-button-secondary-active:var(--tec-color-accent-secondary-active);--tec-color-button-secondary-background:var(--tec-color-accent-secondary-background);--tec-color-link-primary:var(--tec-color-text-primary);--tec-color-link-accent:var(--tec-color-accent-primary);--tec-color-link-accent-hover:rgba(51,74,255,.8);--tec-color-border-default:#d5d5d5;--tec-color-border-secondary:#e4e4e4;--tec-color-border-tertiary:#7d7d7d;--tec-color-border-hover:#5d5d5d;--tec-color-border-active:#141827;--tec-color-background:#fff;--tec-color-background-events:transparent;--tec-color-background-transparent:hsla(0,0%,100%,.6);--tec-color-background-secondary:#f7f6f6;--tec-color-background-messages:rgba(20,24,39,.07);--tec-color-background-secondary-hover:#f0eeee;--tec-color-background-error:rgba(218,57,77,.08);--tec-color-box-shadow:rgba(0,0,0,.14);--tec-color-box-shadow-secondary:rgba(0,0,0,.1);--tec-color-scroll-track:rgba(0,0,0,.25);--tec-color-scroll-bar:rgba(0,0,0,.5);--tec-color-background-primary-multiday:rgba(51,74,255,.24);--tec-color-background-primary-multiday-hover:rgba(51,74,255,.34);--tec-color-background-secondary-multiday:rgba(20,24,39,.24);--tec-color-background-secondary-multiday-hover:rgba(20,24,39,.34);--tec-color-accent-primary-week-event:rgba(51,74,255,.1);--tec-color-accent-primary-week-event-hover:rgba(51,74,255,.2);--tec-color-accent-primary-week-event-featured:rgba(51,74,255,.04);--tec-color-accent-primary-week-event-featured-hover:rgba(51,74,255,.14);--tec-color-background-secondary-datepicker:var(--tec-color-background-secondary);--tec-color-accent-primary-background-datepicker:var(--tec-color-accent-primary-background)}:root{--tec-border-radius-default:4px;--tec-border-width-week-event:2px;--tec-box-shadow-default:0 2px 5px 0 var(--tec-color-box-shadow);--tec-box-shadow-tooltip:0 2px 12px 0 var(--tec-color-box-shadow);--tec-box-shadow-card:0 1px 6px 2px var(--tec-color-box-shadow);--tec-box-shadow-multiday:16px 6px 6px -2px var(--tec-color-box-shadow-secondary);--tec-form-color-background:var(--tec-color-background);--tec-form-color-border-default:var(--tec-color-text-primary);--tec-form-color-border-active:var(--tec-color-accent-secondary);--tec-form-color-border-secondary:var(--tec-color-border-tertiary);--tec-form-color-accent-primary:var(--tec-color-accent-primary);--tec-form-box-shadow-default:var(--tec-box-shadow-default);--tec-opacity-background:0.07;--tec-opacity-select-highlighted:0.3;--tec-opacity-icon-hover:0.8;--tec-opacity-icon-active:0.9;--tec-opacity-default:1;--tec-transition:all 0.2s ease;--tec-transition-background-color:background-color 0.2s ease;--tec-transition-color-border-color:color 0.2s ease,border-color 0.2s ease;--tec-transition-transform:transform 0.2s ease;--tec-transition-border-color:border-color 0.2s ease;--tec-transition-color:color 0.2s ease;--tec-transition-opacity:opacity 0.2s ease;--tec-font-family-sans-serif:"Helvetica Neue",Helvetica,-apple-system,BlinkMacSystemFont,Roboto,Arial,sans-serif;--tec-font-weight-regular:400;--tec-font-weight-bold:700;--tec-font-size-0:11px;--tec-font-size-1:12px;--tec-font-size-2:14px;--tec-font-size-3:16px;--tec-font-size-4:18px;--tec-font-size-5:20px;--tec-font-size-6:22px;--tec-font-size-7:24px;--tec-font-size-8:28px;--tec-font-size-9:32px;--tec-font-size-10:42px;--tec-line-height-0:1.38;--tec-line-height-1:1.42;--tec-line-height-2:1.5;--tec-line-height-3:1.62}.single-tribe_events .tribe-blocks-editor .tribe-events-event-meta{background:transparent;border:none;border-top:1px solid var(--tec-color-border-default);display:flex;flex-wrap:wrap;font-family:var(--tec-font-family-sans-serif);margin:20px 0 10px;padding:10px 0}.single-tribe_events .tribe-blocks-editor .tribe-events-event-meta .tribe-events-virtual-link-button__label{font-size:var(--tec-font-size-3);line-height:1.5}.single-tribe_events .tribe-blocks-editor .tribe-events-event-meta .tribe-events-meta-group{margin:0 var(--tec-spacer-5) var(--tec-spacer-7) 0;padding-left:0;padding-right:20px;width:auto}.single-tribe_events .tribe-blocks-editor .tribe-events-event-meta .tec-events-virtual-single-api-details__link,.single-tribe_events .tribe-blocks-editor .tribe-events-event-meta .tec-events-virtual-single-api-details__phone-number{font-size:var(--tec-font-size-3);font-weight:var(--tec-font-weight-normal);line-height:1.38}.single-tribe_events .tribe-blocks-editor .tribe-events-event-meta .tec-events-virtual-single-api-details__icon path,.single-tribe_events .tribe-blocks-editor .tribe-events-event-meta .tribe-events-virtual-single-zoom-details__icon path{fill:var(--tec-color-event-icon)}.single-tribe_events .tribe-blocks-editor .tribe-events-event-meta .tec-events-virtual-meetings-api__phone-list-item-pin,.single-tribe_events .tribe-blocks-editor .tribe-events-event-meta .tec-events-virtual-single-api-details__api-id,.single-tribe_events .tribe-blocks-editor .tribe-events-event-meta .tec-events-virtual-single-api-details__webex-id,.single-tribe_events .tribe-blocks-editor .tribe-events-event-meta .tec-events-virtual-single-api-details__webex-password{font-size:var(--tec-font-size-2);line-height:1.5}.single-tribe_events .tribe-blocks-editor .tribe-events-event-meta .tec-events-virtual-single-api-details__phone-number-list{margin:0;padding:0}.single-tribe_events .tribe-blocks-editor .tribe-events-event-meta .tec-events-virtual-single-api-details__phone-number-list li{margin:0 0 var(--tec-spacer-0);padding:0}.single-tribe_events .tribe-blocks-editor .tribe-events-virtual-link-button{background-color:var(--tec-color-accent-primary)}.single-tribe_events .tribe-blocks-editor .tribe-events-virtual-link-button:focus,.single-tribe_events .tribe-blocks-editor .tribe-events-virtual-link-button:hover{background-color:var(--tec-color-accent-primary-hover)}.tribe-theme-genesis .tribe-blocks-editor .tribe-events-event-meta .tec-events-virtual-single-api-details__text,.tribe-theme-genesis .tribe-blocks-editor .tribe-events-event-meta .tribe-events-virtual-link-button__label,.tribe-theme-twentytwenty .tribe-blocks-editor .tribe-events-event-meta .tec-events-virtual-single-api-details__text,.tribe-theme-twentytwenty .tribe-blocks-editor .tribe-events-event-meta .tribe-events-virtual-link-button__label,.tribe-theme-twentytwentyone .tribe-blocks-editor .tribe-events-event-meta .tec-events-virtual-single-api-details__text,.tribe-theme-twentytwentyone .tribe-blocks-editor .tribe-events-event-meta .tribe-events-virtual-link-button__label{font-size:var(--tec-font-size-3)}.tribe-theme-genesis .tribe-blocks-editor .tribe-events-event-meta .tec-events-virtual-meetings-api__phone-list-item-pin,.tribe-theme-genesis .tribe-blocks-editor .tribe-events-event-meta .tec-events-virtual-single-api-details__api-id,.tribe-theme-genesis .tribe-blocks-editor .tribe-events-event-meta .tec-events-virtual-single-api-details__webex-id,.tribe-theme-genesis .tribe-blocks-editor .tribe-events-event-meta .tec-events-virtual-single-api-details__webex-password,.tribe-theme-twentytwenty .tribe-blocks-editor .tribe-events-event-meta .tec-events-virtual-meetings-api__phone-list-item-pin,.tribe-theme-twentytwenty .tribe-blocks-editor .tribe-events-event-meta .tec-events-virtual-single-api-details__api-id,.tribe-theme-twentytwenty .tribe-blocks-editor .tribe-events-event-meta .tec-events-virtual-single-api-details__webex-id,.tribe-theme-twentytwenty .tribe-blocks-editor .tribe-events-event-meta .tec-events-virtual-single-api-details__webex-password,.tribe-theme-twentytwentyone .tribe-blocks-editor .tribe-events-event-meta .tec-events-virtual-meetings-api__phone-list-item-pin,.tribe-theme-twentytwentyone .tribe-blocks-editor .tribe-events-event-meta .tec-events-virtual-single-api-details__api-id,.tribe-theme-twentytwentyone .tribe-blocks-editor .tribe-events-event-meta .tec-events-virtual-single-api-details__webex-id,.tribe-theme-twentytwentyone .tribe-blocks-editor .tribe-events-event-meta .tec-events-virtual-single-api-details__webex-password{font-size:var(--tec-font-size-2)}@media screen and (min-width:768px){.single-tribe_events .tribe-blocks-editor .tribe-events-event-meta{flex-wrap:nowrap}.single-tribe_events .tribe-blocks-editor .tribe-events-event-meta .tribe-events-meta-group{padding-right:40px}}