/*@tailwind base;*/

.ewshopqorder-input {
            border-radius: 0.375rem;
            border-width: 1px;
            border-style: solid;
            --tw-border-opacity: 1;
            border-color: rgb(212 212 212 / var(--tw-border-opacity, 1));
            --tw-bg-opacity: 1;
            background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
            padding-left: 0.625rem;
            padding-right: 0.625rem;
            padding-top: 0.375rem;
            padding-bottom: 0.375rem;
            font-size: 1rem;
            line-height: 1.5rem;
            font-weight: 400;
            --tw-shadow: 0 0 #0000;
            --tw-shadow-colored: 0 0 #0000;
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            outline: 2px solid transparent;
            outline-offset: 2px;
}

.ewshopqorder-input:is([data-bs-theme="dark"] *) {
            --tw-border-opacity: 1;
            border-color: rgb(82 82 82 / var(--tw-border-opacity, 1));
            --tw-bg-opacity: 1;
            background-color: rgb(64 64 64 / var(--tw-bg-opacity, 1));
}

.ewshopqorder-input:hover, .ewshopqorder-input:focus {
            border-color: var(--ewshopqorder-form-button-bg);
        }

.ewshopqorder-checkbox {
            height: 1.25rem;
            width: 1.25rem;
            cursor: pointer;
            border-width: 1px;
            border-style: solid;
            --tw-border-opacity: 1;
            border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
        flex-shrink: 0;
        /*margin-top: .25em;*/
        vertical-align: top;
        -webkit-appearance: none;
           -moz-appearance: none;
                appearance: none;
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        -webkit-print-color-adjust: exact;
                print-color-adjust: exact;
        border-radius: .25em;
}

.ewshopqorder-checkbox:checked {
            background-image: url("data:image/svg+xml,%3csvg viewBox=%270 0 16 16%27 fill=%27white%27 xmlns=%27http://www.w3.org/2000/svg%27%3e%3cpath d=%27M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z%27/%3e%3c/svg%3e");
            background-color: var(--ewshopqorder-form-button-bg);
            border-color: var(--ewshopqorder-form-button-bg);
        }

.ewshopqorder-button-submit {
            cursor: pointer;
            border-radius: 0.375rem;
            border-width: 0px;
            padding-left: 1.5rem;
            padding-right: 1.5rem;
            padding-top: 0.625rem;
            padding-bottom: 0.625rem;
            font-size: 1rem;
            line-height: 1.5rem;
            font-weight: 400;
            outline: 2px solid transparent;
            outline-offset: 2px;
        background-color: var(--ewshopqorder-form-button-bg);
        color: var(--ewshopqorder-form-button-color);
}

.hs-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;
}

.hs-pointer-events-none {
            pointer-events: none;
}

.hs-pointer-events-auto {
            pointer-events: auto;
}

.hs-collapse {
            visibility: collapse;
}

.hs-fixed {
            position: fixed;
}

.hs-absolute {
            position: absolute;
}

.hs-relative {
            position: relative;
}

.hs-inset-0 {
            inset: 0px;
}

.hs-right-\[15px\] {
            right: 15px;
}

.hs-start-0 {
            inset-inline-start: 0px;
}

.hs-top-0 {
            top: 0px;
}

.hs-top-\[15px\] {
            top: 15px;
}

.hs-z-\[9998\] {
            z-index: 9998;
}

.hs-z-\[9999\] {
            z-index: 9999;
}

.hs-m-3 {
            margin: 0.75rem;
}

.-hs-ml-1 {
            margin-left: -0.25rem;
}

.hs-mb-0 {
            margin-bottom: 0px;
}

.hs-mr-3 {
            margin-right: 0.75rem;
}

.hs-block {
            display: block;
}

.hs-flex {
            display: flex;
}

.hs-inline-flex {
            display: inline-flex;
}

.hs-hidden {
            display: none;
}

.hs-size-16 {
            width: 4rem;
            height: 4rem;
}

.hs-size-4 {
            width: 1rem;
            height: 1rem;
}

.hs-size-8 {
            width: 2rem;
            height: 2rem;
}

.hs-size-full {
            width: 100%;
            height: 100%;
}

.hs-h-5 {
            height: 1.25rem;
}

.hs-min-h-\[calc\(100\%-3\.5rem\)\] {
            min-height: calc(100% - 3.5rem);
}

.hs-w-5 {
            width: 1.25rem;
}

.hs-w-\[512px\] {
            width: 512px;
}

.hs-w-full {
            width: 100%;
}

.hs-shrink-0 {
            flex-shrink: 0;
}

.hs-scale-95 {
            --tw-scale-x: .95;
            --tw-scale-y: .95;
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

@keyframes hs-spin {

            to {
                        transform: rotate(360deg);
            }
}

.hs-animate-spin {
            animation: hs-spin 1s linear infinite;
}

.hs-cursor-pointer {
            cursor: pointer;
}

.hs-select-none {
            -webkit-user-select: none;
               -moz-user-select: none;
                    user-select: none;
}

.hs-flex-col {
            flex-direction: column;
}

.hs-items-center {
            align-items: center;
}

.hs-justify-center {
            justify-content: center;
}

.hs-gap-4 {
            gap: 1rem;
}

.hs-gap-x-2 {
            -moz-column-gap: 0.5rem;
                 column-gap: 0.5rem;
}

.hs-gap-x-3 {
            -moz-column-gap: 0.75rem;
                 column-gap: 0.75rem;
}

.hs-gap-y-2 {
            row-gap: 0.5rem;
}

.hs-space-y-3 > :not([hidden]) ~ :not([hidden]) {
            --tw-space-y-reverse: 0;
            margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
            margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
}

.hs-overflow-y-auto {
            overflow-y: auto;
}

.hs-overflow-x-hidden {
            overflow-x: hidden;
}

.hs-rounded-full {
            border-radius: 9999px;
}

.hs-rounded-lg {
            border-radius: 0.5rem;
}

.hs-rounded-xl {
            border-radius: 0.75rem;
}

.hs-border {
            border-width: 1px;
}

.hs-border-transparent {
            border-color: transparent;
}

.hs-bg-gray-900 {
            --tw-bg-opacity: 1;
            background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
}

.hs-bg-neutral-100 {
            --tw-bg-opacity: 1;
            background-color: rgb(245 245 245 / var(--tw-bg-opacity, 1));
}

.hs-bg-white {
            --tw-bg-opacity: 1;
            background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.hs-bg-opacity-50 {
            --tw-bg-opacity: 0.5;
}

.hs-px-6 {
            padding-left: 1.5rem;
            padding-right: 1.5rem;
}

.hs-py-7 {
            padding-top: 1.75rem;
            padding-bottom: 1.75rem;
}

.hs-pb-7 {
            padding-bottom: 1.75rem;
}

.hs-text-center {
            text-align: center;
}

.hs-text-2xl {
            font-size: 1.5rem;
            line-height: 2rem;
}

.hs-text-sm {
            font-size: 0.875rem;
            line-height: 1.25rem;
}

.hs-text-neutral-400 {
            --tw-text-opacity: 1;
            color: rgb(163 163 163 / var(--tw-text-opacity, 1));
}

.hs-text-neutral-500 {
            --tw-text-opacity: 1;
            color: rgb(115 115 115 / var(--tw-text-opacity, 1));
}

.hs-text-neutral-800 {
            --tw-text-opacity: 1;
            color: rgb(38 38 38 / var(--tw-text-opacity, 1));
}

.hs-text-neutral-900 {
            --tw-text-opacity: 1;
            color: rgb(23 23 23 / var(--tw-text-opacity, 1));
}

.hs-text-red-500 {
            --tw-text-opacity: 1;
            color: rgb(239 68 68 / var(--tw-text-opacity, 1));
}

.hs-text-white {
            --tw-text-opacity: 1;
            color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.hs-opacity-0 {
            opacity: 0;
}

.hs-opacity-25 {
            opacity: 0.25;
}

.hs-opacity-75 {
            opacity: 0.75;
}

.hs-shadow-sm {
            --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
            --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hs-transition {
            transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
            transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
            transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-duration: 150ms;
}

.hs-transition-all {
            transition-property: all;
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-duration: 150ms;
}

.hs-duration-200 {
            transition-duration: 200ms;
}

.hs-ease-in-out {
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

@tailwind forms;

*, ::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: ;
}

.hs-group.open .group-\[\.open\]\:hs-scale-100 {
            --tw-scale-x: 1;
            --tw-scale-y: 1;
            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));
}

.hs-group.open .group-\[\.open\]\:hs-opacity-100 {
            opacity: 1;
}

.dark\:hs-border-neutral-700:is([data-bs-theme="dark"] *) {
            --tw-border-opacity: 1;
            border-color: rgb(64 64 64 / var(--tw-border-opacity, 1));
}

.dark\:hs-bg-neutral-700:is([data-bs-theme="dark"] *) {
            --tw-bg-opacity: 1;
            background-color: rgb(64 64 64 / var(--tw-bg-opacity, 1));
}

.dark\:hs-bg-neutral-800:is([data-bs-theme="dark"] *) {
            --tw-bg-opacity: 1;
            background-color: rgb(38 38 38 / var(--tw-bg-opacity, 1));
}

.dark\:hs-bg-neutral-900:is([data-bs-theme="dark"] *) {
            --tw-bg-opacity: 1;
            background-color: rgb(23 23 23 / var(--tw-bg-opacity, 1));
}

.dark\:hs-bg-opacity-80:is([data-bs-theme="dark"] *) {
            --tw-bg-opacity: 0.8;
}

.dark\:hs-text-neutral-400:is([data-bs-theme="dark"] *) {
            --tw-text-opacity: 1;
            color: rgb(163 163 163 / var(--tw-text-opacity, 1));
}

.dark\:hs-text-red-200:is([data-bs-theme="dark"] *) {
            --tw-text-opacity: 1;
            color: rgb(254 202 202 / var(--tw-text-opacity, 1));
}

.dark\:hs-text-white:is([data-bs-theme="dark"] *) {
            --tw-text-opacity: 1;
            color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.dark\:hs-shadow-neutral-700\/70:is([data-bs-theme="dark"] *) {
            --tw-shadow-color: rgb(64 64 64 / 0.7);
            --tw-shadow: var(--tw-shadow-colored);
}