: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)
}.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
position: absolute;
left: 0;
top: 0;
}
.leaflet-container {
overflow: hidden;
}
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
-webkit-user-drag: none;
} .leaflet-tile::selection {
background: transparent;
} .leaflet-safari .leaflet-tile {
image-rendering: -webkit-optimize-contrast;
} .leaflet-safari .leaflet-tile-container {
width: 1600px;
height: 1600px;
-webkit-transform-origin: 0 0;
}
.leaflet-marker-icon,
.leaflet-marker-shadow {
display: block;
}  .leaflet-container .leaflet-overlay-pane svg {
max-width: none !important;
max-height: none !important;
}
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer,
.leaflet-container .leaflet-tile {
max-width: none !important;
max-height: none !important;
width: auto;
padding: 0;
}
.leaflet-container img.leaflet-tile { mix-blend-mode: plus-lighter;
}
.leaflet-container.leaflet-touch-zoom {
-ms-touch-action: pan-x pan-y;
touch-action: pan-x pan-y;
}
.leaflet-container.leaflet-touch-drag {
-ms-touch-action: pinch-zoom; touch-action: none;
touch-action: pinch-zoom;
}
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
-ms-touch-action: none;
touch-action: none;
}
.leaflet-container {
-webkit-tap-highlight-color: transparent;
}
.leaflet-container a {
-webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
}
.leaflet-tile {
filter: inherit;
visibility: hidden;
}
.leaflet-tile-loaded {
visibility: inherit;
}
.leaflet-zoom-box {
width: 0;
height: 0;
-moz-box-sizing: border-box;
box-sizing: border-box;
z-index: 800;
} .leaflet-overlay-pane svg {
-moz-user-select: none;
}
.leaflet-pane         { z-index: 400; }
.leaflet-tile-pane    { z-index: 200; }
.leaflet-overlay-pane { z-index: 400; }
.leaflet-shadow-pane  { z-index: 500; }
.leaflet-marker-pane  { z-index: 600; }
.leaflet-tooltip-pane   { z-index: 650; }
.leaflet-popup-pane   { z-index: 700; }
.leaflet-map-pane canvas { z-index: 100; }
.leaflet-map-pane svg    { z-index: 200; }
.leaflet-vml-shape {
width: 1px;
height: 1px;
}
.lvml {
behavior: url(#default#VML);
display: inline-block;
position: absolute;
} .leaflet-control {
position: relative;
z-index: 800;
pointer-events: visiblePainted; pointer-events: auto;
}
.leaflet-top,
.leaflet-bottom {
position: absolute;
z-index: 1000;
pointer-events: none;
}
.leaflet-top {
top: 0;
}
.leaflet-right {
right: 0;
}
.leaflet-bottom {
bottom: 0;
}
.leaflet-left {
left: 0;
}
.leaflet-control {
float: left;
clear: both;
}
.leaflet-right .leaflet-control {
float: right;
}
.leaflet-top .leaflet-control {
margin-top: 10px;
}
.leaflet-bottom .leaflet-control {
margin-bottom: 10px;
}
.leaflet-left .leaflet-control {
margin-left: 10px;
}
.leaflet-right .leaflet-control {
margin-right: 10px;
} .leaflet-fade-anim .leaflet-popup {
opacity: 0;
-webkit-transition: opacity 0.2s linear;
-moz-transition: opacity 0.2s linear;
transition: opacity 0.2s linear;
}
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
opacity: 1;
}
.leaflet-zoom-animated {
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
}
svg.leaflet-zoom-animated {
will-change: transform;
}
.leaflet-zoom-anim .leaflet-zoom-animated {
-webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1);
-moz-transition:    -moz-transform 0.25s cubic-bezier(0,0,0.25,1);
transition:         transform 0.25s cubic-bezier(0,0,0.25,1);
}
.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
-webkit-transition: none;
-moz-transition: none;
transition: none;
}
.leaflet-zoom-anim .leaflet-zoom-hide {
visibility: hidden;
} .leaflet-interactive {
cursor: pointer;
}
.leaflet-grab {
cursor: -webkit-grab;
cursor:    -moz-grab;
cursor:         grab;
}
.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
cursor: crosshair;
}
.leaflet-popup-pane,
.leaflet-control {
cursor: auto;
}
.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
cursor: move;
cursor: -webkit-grabbing;
cursor:    -moz-grabbing;
cursor:         grabbing;
} .leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container {
pointer-events: none;
}
.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive,
svg.leaflet-image-layer.leaflet-interactive path {
pointer-events: visiblePainted; pointer-events: auto;
} .leaflet-container {
background: #ddd;
outline-offset: 1px;
}
.leaflet-container a {
color: #0078A8;
}
.leaflet-zoom-box {
border: 2px dotted #38f;
background: rgba(255,255,255,0.5);
} .leaflet-container {
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
font-size: 12px;
font-size: 0.75rem;
line-height: 1.5;
} .leaflet-bar {
box-shadow: 0 1px 5px rgba(0,0,0,0.65);
border-radius: 4px;
}
.leaflet-bar a {
background-color: #fff;
border-bottom: 1px solid #ccc;
width: 26px;
height: 26px;
line-height: 26px;
display: block;
text-align: center;
text-decoration: none;
color: black;
}
.leaflet-bar a,
.leaflet-control-layers-toggle {
background-position: 50% 50%;
background-repeat: no-repeat;
display: block;
}
.leaflet-bar a:hover,
.leaflet-bar a:focus {
background-color: #f4f4f4;
}
.leaflet-bar a:first-child {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.leaflet-bar a:last-child {
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom: none;
}
.leaflet-bar a.leaflet-disabled {
cursor: default;
background-color: #f4f4f4;
color: #bbb;
}
.leaflet-touch .leaflet-bar a {
width: 30px;
height: 30px;
line-height: 30px;
}
.leaflet-touch .leaflet-bar a:first-child {
border-top-left-radius: 2px;
border-top-right-radius: 2px;
}
.leaflet-touch .leaflet-bar a:last-child {
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
} .leaflet-control-zoom-in,
.leaflet-control-zoom-out {
font: bold 18px 'Lucida Console', Monaco, monospace;
text-indent: 1px;
}
.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out  {
font-size: 22px;
} .leaflet-control-layers {
box-shadow: 0 1px 5px rgba(0,0,0,0.4);
background: #fff;
border-radius: 5px;
}
.leaflet-control-layers-toggle {
background-image: url(//land.elegment.com/wp-content/mu-plugins/elegment-property-map-assets/images/layers.png);
width: 36px;
height: 36px;
}
.leaflet-retina .leaflet-control-layers-toggle {
background-image: url(//land.elegment.com/wp-content/mu-plugins/elegment-property-map-assets/images/layers-2x.png);
background-size: 26px 26px;
}
.leaflet-touch .leaflet-control-layers-toggle {
width: 44px;
height: 44px;
}
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
display: none;
}
.leaflet-control-layers-expanded .leaflet-control-layers-list {
display: block;
position: relative;
}
.leaflet-control-layers-expanded {
padding: 6px 10px 6px 6px;
color: #333;
background: #fff;
}
.leaflet-control-layers-scrollbar {
overflow-y: scroll;
overflow-x: hidden;
padding-right: 5px;
}
.leaflet-control-layers-selector {
margin-top: 2px;
position: relative;
top: 1px;
}
.leaflet-control-layers label {
display: block;
font-size: 13px;
font-size: 1.08333em;
}
.leaflet-control-layers-separator {
height: 0;
border-top: 1px solid #ddd;
margin: 5px -10px 5px -6px;
} .leaflet-default-icon-path { background-image: url(//land.elegment.com/wp-content/mu-plugins/elegment-property-map-assets/images/marker-icon.png);
} .leaflet-container .leaflet-control-attribution {
background: #fff;
background: rgba(255, 255, 255, 0.8);
margin: 0;
}
.leaflet-control-attribution,
.leaflet-control-scale-line {
padding: 0 5px;
color: #333;
line-height: 1.4;
}
.leaflet-control-attribution a {
text-decoration: none;
}
.leaflet-control-attribution a:hover,
.leaflet-control-attribution a:focus {
text-decoration: underline;
}
.leaflet-attribution-flag {
display: inline !important;
vertical-align: baseline !important;
width: 1em;
height: 0.6669em;
}
.leaflet-left .leaflet-control-scale {
margin-left: 5px;
}
.leaflet-bottom .leaflet-control-scale {
margin-bottom: 5px;
}
.leaflet-control-scale-line {
border: 2px solid #777;
border-top: none;
line-height: 1.1;
padding: 2px 5px 1px;
white-space: nowrap;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: rgba(255, 255, 255, 0.8);
text-shadow: 1px 1px #fff;
}
.leaflet-control-scale-line:not(:first-child) {
border-top: 2px solid #777;
border-bottom: none;
margin-top: -2px;
}
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
border-bottom: 2px solid #777;
}
.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
box-shadow: none;
}
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
border: 2px solid rgba(0,0,0,0.2);
background-clip: padding-box;
} .leaflet-popup {
position: absolute;
text-align: center;
margin-bottom: 20px;
}
.leaflet-popup-content-wrapper {
padding: 1px;
text-align: left;
border-radius: 12px;
}
.leaflet-popup-content {
margin: 13px 24px 13px 20px;
line-height: 1.3;
font-size: 13px;
font-size: 1.08333em;
min-height: 1px;
}
.leaflet-popup-content p {
margin: 17px 0;
margin: 1.3em 0;
}
.leaflet-popup-tip-container {
width: 40px;
height: 20px;
position: absolute;
left: 50%;
margin-top: -1px;
margin-left: -20px;
overflow: hidden;
pointer-events: none;
}
.leaflet-popup-tip {
width: 17px;
height: 17px;
padding: 1px;
margin: -10px auto 0;
pointer-events: auto;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
background: white;
color: #333;
box-shadow: 0 3px 14px rgba(0,0,0,0.4);
}
.leaflet-container a.leaflet-popup-close-button {
position: absolute;
top: 0;
right: 0;
border: none;
text-align: center;
width: 24px;
height: 24px;
font: 16px/24px Tahoma, Verdana, sans-serif;
color: #757575;
text-decoration: none;
background: transparent;
}
.leaflet-container a.leaflet-popup-close-button:hover,
.leaflet-container a.leaflet-popup-close-button:focus {
color: #585858;
}
.leaflet-popup-scrolled {
overflow: auto;
}
.leaflet-oldie .leaflet-popup-content-wrapper {
-ms-zoom: 1;
}
.leaflet-oldie .leaflet-popup-tip {
width: 24px;
margin: 0 auto;
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
}
.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
border: 1px solid #999;
} .leaflet-div-icon {
background: #fff;
border: 1px solid #666;
}  .leaflet-tooltip {
position: absolute;
padding: 6px;
background-color: #fff;
border: 1px solid #fff;
border-radius: 3px;
color: #222;
white-space: nowrap;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
pointer-events: none;
box-shadow: 0 1px 3px rgba(0,0,0,0.4);
}
.leaflet-tooltip.leaflet-interactive {
cursor: pointer;
pointer-events: auto;
}
.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
position: absolute;
pointer-events: none;
border: 6px solid transparent;
background: transparent;
content: "";
} .leaflet-tooltip-bottom {
margin-top: 6px;
}
.leaflet-tooltip-top {
margin-top: -6px;
}
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
left: 50%;
margin-left: -6px;
}
.leaflet-tooltip-top:before {
bottom: 0;
margin-bottom: -12px;
border-top-color: #fff;
}
.leaflet-tooltip-bottom:before {
top: 0;
margin-top: -12px;
margin-left: -6px;
border-bottom-color: #fff;
}
.leaflet-tooltip-left {
margin-left: -6px;
}
.leaflet-tooltip-right {
margin-left: 6px;
}
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
top: 50%;
margin-top: -6px;
}
.leaflet-tooltip-left:before {
right: 0;
margin-right: -12px;
border-left-color: #fff;
}
.leaflet-tooltip-right:before {
left: 0;
margin-left: -12px;
border-right-color: #fff;
} @media print { .leaflet-control {
-webkit-print-color-adjust: exact;
print-color-adjust: exact;
}
}.leaflet-cluster-anim .leaflet-marker-icon, .leaflet-cluster-anim .leaflet-marker-shadow {
-webkit-transition: -webkit-transform 0.3s ease-out, opacity 0.3s ease-in;
-moz-transition: -moz-transform 0.3s ease-out, opacity 0.3s ease-in;
-o-transition: -o-transform 0.3s ease-out, opacity 0.3s ease-in;
transition: transform 0.3s ease-out, opacity 0.3s ease-in;
}
.leaflet-cluster-spider-leg { -webkit-transition: -webkit-stroke-dashoffset 0.3s ease-out, -webkit-stroke-opacity 0.3s ease-in;
-moz-transition: -moz-stroke-dashoffset 0.3s ease-out, -moz-stroke-opacity 0.3s ease-in;
-o-transition: -o-stroke-dashoffset 0.3s ease-out, -o-stroke-opacity 0.3s ease-in;
transition: stroke-dashoffset 0.3s ease-out, stroke-opacity 0.3s ease-in;
}.el-map-shell{max-width:1320px;margin:0 auto;padding:0 24px 72px}.el-map-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 14px}.el-map-toolbar select,.el-map-toolbar button{height:44px;border:1px solid #cdd5cb;border-radius:8px;background:#fff;color:#253827;font:600 15px/1.2 inherit;padding:0 16px}.el-map-toolbar select{width:auto;min-width:180px;flex:0 1 220px}.el-map-toolbar button{cursor:pointer;border-color:#597f3b;background:#597f3b;color:#fff;transition:background .15s ease}.el-map-toolbar button:hover,.el-map-toolbar button:focus{background:#41662a}.el-map-toolbar select:focus,.el-map-toolbar button:focus{outline:3px solid rgba(89,127,59,.25);outline-offset:2px}.el-map-toolbar #el-map-count{margin-left:auto;color:#566057;font-size:14px;font-weight:600}.el-map-shell #el-property-map{height:min(68vh,720px);min-height:560px;width:100%;overflow:hidden;border:1px solid #d9ded7;border-radius:18px;background:#e9eee7;box-shadow:0 12px 35px rgba(32,52,34,.10);z-index:1}.el-map-marker-wrap{background:transparent;border:0}.el-map-marker{display:block;position:relative;width:30px;height:30px;border:3px solid #fff;border-radius:50% 50% 50% 0;background:#5c853d;box-shadow:0 3px 9px rgba(0,0,0,.35);transform:rotate(-45deg)}.el-marker-cluster-wrap{display:flex!important;align-items:center;justify-content:center;background:transparent;border:0}.el-marker-cluster{display:flex;align-items:center;justify-content:center;width:100%;height:100%;box-sizing:border-box;border:3px solid #fff;border-radius:50%;background:linear-gradient(145deg,#6f9b4d,#466d2d);box-shadow:0 4px 12px rgba(20,49,22,.38);color:#fff;font:800 15px/1 Arial,sans-serif;text-shadow:0 1px 2px rgba(0,0,0,.25)}.el-marker-cluster-wrap--medium .el-marker-cluster{font-size:16px}.el-marker-cluster-wrap--large .el-marker-cluster{font-size:17px}.el-map-marker:after{content:"";position:absolute;inset:8px;border-radius:50%;background:#fff}.el-map-shell .leaflet-popup-pane{z-index:900}.el-property-popup .leaflet-popup-content-wrapper{padding:0;overflow:hidden;border-radius:12px;box-shadow:0 12px 30px rgba(0,0,0,.22)}.el-property-popup .leaflet-popup-content{margin:0;width:320px!important}.el-map-popup img{display:block;width:100%;height:150px;object-fit:cover}.el-popup-body{padding:14px 16px 16px}.el-popup-state{display:inline-block;margin-bottom:6px;color:#5c853d;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.el-map-popup h2{margin:0;color:#1e2f20;font-size:17px;line-height:1.35}.el-popup-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:13px}.el-popup-price{color:#1e2f20;font-size:17px}.el-popup-meta a{color:#4d782f;font-size:14px;font-weight:800;text-decoration:none}.el-popup-meta a:hover{text-decoration:underline}.el-map-message{padding:16px;border-radius:8px;background:#fff3cd;color:#614f00}.el-map-results{margin-top:52px}.el-map-results h2{margin:0 0 24px;color:#253827;font-size:clamp(28px,3vw,40px);line-height:1.15}.el-map-results .w-grid-item[hidden]{display:none!important}#el-map-grid-empty{margin:0}.leaflet-control-zoom a{color:#385527!important}.leaflet-control-attribution{font-size:10px}.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:767px){.el-map-shell{padding:0 14px 48px}.el-map-toolbar{gap:8px}.el-map-toolbar select{width:auto;min-width:0;flex:1 1 calc(50% - 4px);padding:0 8px;font-size:13px}.el-map-toolbar button{flex:1 1 100%;padding:0 10px;font-size:14px}.el-map-toolbar #el-map-count{flex-basis:100%;margin-left:0}.el-map-shell #el-property-map{height:66vh;min-height:480px;border-radius:12px}.el-property-popup .leaflet-popup-content{width:260px!important}.el-map-popup img{height:120px}} .el-map-split-page .l-main>.l-section{padding-top:62px;padding-bottom:0}.el-map-split-page .l-main>.l-section>.l-section-h{max-width:none!important;padding:0!important}.el-map-shell--split{width:100%;max-width:none;padding:0 24px 40px}.el-map-shell--split .el-map-toolbar #el-map-sort{min-width:250px;flex-basis:250px}.el-map-shell--split .el-map-stage{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);height:calc(100vh - 190px);min-height:650px;border:1px solid #d9ded7;border-radius:0;overflow:hidden;background:#fff;box-shadow:0 12px 35px rgba(32,52,34,.10)}.el-map-shell--split #el-property-map{height:100%;min-height:0;border:0;border-radius:0;box-shadow:none}.el-map-shell--split .el-map-results{height:100%;margin:0;padding:12px;overflow-y:auto;border-left:1px solid #d9ded7;background:#fff;scrollbar-gutter:stable}.el-map-shell--split .el-map-results h2{margin-bottom:18px;font-size:clamp(24px,2vw,32px)}.el-map-shell--split #el-map-grid .w-grid{--columns:2!important}.el-map-shell--split #el-map-grid .w-grid-list{align-items:start;column-gap:12px;row-gap:12px}
@media(max-width:1199px) and (min-width:901px){.el-map-shell--split #el-map-grid .w-grid{--columns:1!important}}
@media(max-width:900px){.el-map-split-page .l-main>.l-section{padding-top:62px}.el-map-shell--split{padding:0 16px 48px}.el-map-shell--split .el-map-stage{display:block;height:auto;min-height:0;border:0;border-radius:0;overflow:visible;box-shadow:none}.el-map-shell--split #el-property-map{height:58vh;min-height:440px;border:1px solid #d9ded7;border-radius:0;box-shadow:0 12px 35px rgba(32,52,34,.10)}.el-map-shell--split .el-map-results{height:auto;margin-top:36px;padding:12px;overflow:visible;border-left:0}.el-map-shell--split #el-map-grid .w-grid{--columns:2!important}}
@media(orientation:portrait) and (min-width:601px) and (max-width:900px){.el-map-split-page .l-main>.l-section{padding-top:12px}.el-map-shell--split .el-map-results{margin-top:12px}}
@media(max-width:600px){.el-map-shell--split{box-sizing:border-box;width:calc(100vw - 24px);margin-left:calc(50% - 50vw + 12px);padding:0 0 12px}.el-map-shell--split .el-map-toolbar{margin-bottom:12px}.el-map-shell--split #el-property-map{height:36vh;min-height:252px}.el-map-shell--split .el-map-results{margin-top:12px;padding:0}.el-map-shell--split #el-map-grid .w-grid{--columns:1!important}.el-map-shell--split #el-map-grid .w-grid-list{row-gap:12px}}
@media(max-width:767px){.el-map-shell--split .el-map-toolbar #el-map-sort{min-width:0;flex:1 1 0}.el-map-shell--split .el-map-toolbar #el-map-reset{flex:0 0 auto;padding-left:12px;padding-right:12px;white-space:nowrap}} .el-map-shell.el-map-shell--flush{padding-left:0!important;padding-right:0!important}
@media(max-width:600px){.el-map-shell.el-map-shell--flush{padding-left:0!important;padding-right:0!important}} .el-catalog-guide{box-sizing:border-box;max-width:1120px;margin:0 auto;padding:72px 24px 84px;color:#253827}
.el-catalog-guide__eyebrow{margin:0 0 10px;color:#597f3b;font-size:13px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.el-catalog-guide h1{max-width:850px;margin:0 0 20px;font-size:clamp(34px,4.4vw,58px);line-height:1.08;letter-spacing:-.025em}
.el-catalog-guide__intro{max-width:880px;margin:0;font-size:clamp(17px,1.5vw,20px);line-height:1.7;color:#465148}
.el-catalog-guide__nav{margin-top:34px;padding:28px;border:1px solid #dce7d9;border-radius:16px;background:#f6faf4}
.el-catalog-guide__nav h2{margin:0 0 18px;font-size:clamp(22px,2.4vw,30px);line-height:1.2}
.el-catalog-guide__nav ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none}
.el-catalog-guide__nav li{margin:0}
.el-catalog-guide__nav a{display:flex;align-items:center;min-height:64px;padding:14px 17px;border:1px solid #d5e1d2;border-radius:10px;background:#fff;color:#365f26;font-weight:700;line-height:1.35;text-decoration:none;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}
.el-catalog-guide__nav a:hover,.el-catalog-guide__nav a:focus{border-color:#789c60;box-shadow:0 7px 20px rgba(32,52,34,.1);transform:translateY(-1px)}
.el-catalog-guide__nav a:focus{outline:3px solid rgba(89,127,59,.25);outline-offset:2px}
.el-catalog-guide__note{max-width:880px;margin:28px 0 0;padding-top:22px;border-top:1px solid #e1e7df;color:#606a62;font-size:15px;line-height:1.7}
@media(max-width:767px){.el-catalog-guide{padding:52px 20px 64px}.el-catalog-guide__nav{padding:21px 18px}.el-catalog-guide__nav ul{grid-template-columns:1fr}.el-catalog-guide__nav a{min-height:56px}}.wc_email_inquiry_hyperlink_text {
text-decoration:underline;
cursor:pointer;	
}
.wc_email_inquiry_form{
width: 100%;
}
.wc_email_inquiry_form_inner {
clear:both;	
margin-bottom:10px;
}
.wc_email_inquiry_result_heading {
margin:0px !important;
}
.wc_email_inquiry_content {
margin-top:10px;	
}
body .wc_email_inquiry_form_button, .wc_email_inquiry_form_button {
float:right !important;
margin-right:2% !important;
}
.wc_email_inquiry_field input, .wc_email_inquiry_field textarea{
-moz-box-shadow: 0px 0px 0px #FFF !important; -webkit-box-shadow: 0px 0px 0px #FFF !important;
box-shadow: 0px 0px 0px #FFF !important; 
width:73% !important;
font-size:13px !important;
padding:5px !important;
}
.wc_email_inquiry_field textarea {
display: inline;
}
.wc_email_inquiry_subject {
width: 73%;
display: table;
}
.wc_email_inquiry_field .your_message {
height:65px;	
}
.wc_email_inquiry_field{
margin-bottom:10px;	
clear:both;			
}
.wc_email_inquiry_required{
color:red;	
}
.wc_email_inquiry_label{
width:22%;
float:left;
cursor:pointer;
}
.wc_email_inquiry_send_copy {
cursor:pointer;	
float:left;
}
.wc_email_inquiry_send_copy input, .wc_email_inquiry_field input.agree_terms {
width:auto !important;	
margin:0 !important;
}
.wc_email_inquiry_loading {
float:right;
display:none;
margin-right:5px;
}
.wc_email_inquiry_loading img {
width: 30px;
}
.wc_email_inquiry_button_container { 
display:inline-block;
}
.wc_email_inquiry_notification_message {
display: none;
}
.wc_email_inquiry_error_message {
color: #f00;
} .wc_3rd_inquiry_form_container {
margin-top:10px;	
}
.wc_email_inquiry_custom_form_container {
position:relative;	
}
.wc_email_inquiry_default_image_container {
text-align:center;	
}
.wc_email_inquiry_default_image_container {
float: left;
width: calc( 22% - 10px );
margin-right: 10px;
margin-bottom: 20px;
}
.wc_email_inquiry_default_image_container img {
width: 100%;
}
.wc_email_inquiry_product_heading_container {
display: block;
margin-bottom: 10px;
padding-left: 22%;
}
.wc_email_inquiry_form_container {
display:block;	
} .wc_defaul_inquiry_form_inner_container {
margin-top:10px;
} #wc_email_inquiry_modal {
z-index: 10500000 !important;
}
#wc_email_inquiry_modal.loading {
background: url(//land.elegment.com/wp-content/plugins/woocommerce-email-inquiry-cart-options/assets/images/loading.gif) transparent no-repeat center center;
background-size: 50px;
}
#wc_email_inquiry_modal .modal-dialog {
margin-top: 50px !important;
}
#wc_email_inquiry_modal .modal-dialog.hasiframe {
max-width: 680px;
}
#wc_email_inquiry_modal iframe#wc_email_inquiry_party_form {
width: 100%;
min-height: 400px;
z-index: 999;
border: none;
}
#wc_email_inquiry_modal .wc_email_inquiry_iframe_container {
overflow: auto;
}
@media only screen and (max-width: 568px) {
.wc_email_inquiry_form {
width:auto !important;	
}
body .wc_email_inquiry_label {
width:100% !important;
clear:both;
}
.wc_email_inquiry_default_image_container {
float:none !important;
width: auto;
margin-right: 0;
}
.wc_email_inquiry_product_heading_container {
padding-left: 0;
}
.wc_email_inquiry_image_container {
width:100% !important;
left:auto !important;
top: auto !important;
position:relative !important;
text-align: center;
}
.wc_email_inquiry_form_container {
margin-left:0 !important;	
}
body .wc_email_inquiry_field input, body .wc_email_inquiry_field textarea {
width:98% !important;
}
body .wc_email_inquiry_send_copy input {
width:auto !important;	
}
body .wc_email_inquiry_send_copy {
width:100%;
margin-bottom:5px;
float: none;
}
body .wc_email_inquiry_form_button, .wc_email_inquiry_form_button {
float:left !important;	
}
body .wc_email_inquiry_loading {
float:left !important;	
}
}