:root {
  color-scheme: light; 
  --p-background: rgba(246, 246, 247, 1);
  --p-background-hovered: rgba(241, 242, 243, 1);
  --p-background-pressed: rgba(237, 238, 239, 1);
  --p-background-selected: rgba(237, 238, 239, 1);
  --p-surface: rgba(255, 255, 255, 1);
  --p-surface-neutral: rgba(228, 229, 231, 1);
  --p-surface-neutral-hovered: rgba(219, 221, 223, 1);
  --p-surface-neutral-pressed: rgba(201, 204, 208, 1);
  --p-surface-neutral-disabled: rgba(241, 242, 243, 1);
  --p-surface-neutral-subdued: rgba(246, 246, 247, 1);
  --p-surface-subdued: rgba(250, 251, 251, 1);
  --p-surface-disabled: rgba(250, 251, 251, 1);
  --p-surface-hovered: rgba(246, 246, 247, 1);
  --p-surface-pressed: rgba(241, 242, 243, 1);
  --p-surface-depressed: rgba(237, 238, 239, 1);
  --p-surface-search-field: rgba(241, 242, 243, 1);
  --p-backdrop: rgba(0, 0, 0, 0.5);
  --p-overlay: rgba(255, 255, 255, 0.5);
  --p-shadow-color-picker: rgba(0, 0, 0, 0.5);
  --p-shadow-color-picker-dragger: rgba(33, 43, 54, 0.32);
  --p-hint-from-direct-light: rgba(0, 0, 0, 0.15);
  --p-border: rgba(140, 145, 150, 1);
  --p-border-neutral-subdued: rgba(186, 191, 195, 1);
  --p-border-hovered: rgba(153, 158, 164, 1);
  --p-border-disabled: rgba(210, 213, 216, 1);
  --p-border-subdued: rgba(201, 204, 207, 1);
  --p-border-depressed: rgba(87, 89, 89, 1);
  --p-border-shadow: rgba(174, 180, 185, 1);
  --p-border-shadow-subdued: rgba(186, 191, 196, 1);
  --p-divider: rgba(225, 227, 229, 1);
  --p-icon: rgba(92, 95, 98, 1);
  --p-icon-hovered: rgba(26, 28, 29, 1);
  --p-icon-pressed: rgba(68, 71, 74, 1);
  --p-icon-disabled: rgba(186, 190, 195, 1);
  --p-icon-subdued: rgba(140, 145, 150, 1);
  --p-text: rgba(32, 34, 35, 1);
  --p-text-disabled: rgba(140, 145, 150, 1);
  --p-text-subdued: rgba(109, 113, 117, 1);
  --p-interactive: rgba(44, 110, 203, 1);
  --p-interactive-disabled: rgba(189, 193, 204, 1);
  --p-interactive-hovered: rgba(31, 81, 153, 1);
  --p-interactive-pressed: rgba(16, 50, 98, 1);
  --p-focused: rgba(69, 143, 255, 1);
  --p-surface-selected: rgba(242, 247, 254, 1);
  --p-surface-selected-hovered: rgba(237, 244, 254, 1);
  --p-surface-selected-pressed: rgba(229, 239, 253, 1);
  --p-icon-on-interactive: rgba(255, 255, 255, 1);
  --p-text-on-interactive: rgba(255, 255, 255, 1);
  --p-action-secondary: rgba(255, 255, 255, 1);
  --p-action-secondary-disabled: rgba(255, 255, 255, 1);
  --p-action-secondary-hovered: rgba(246, 246, 247, 1);
  --p-action-secondary-pressed: rgba(241, 242, 243, 1);
  --p-action-secondary-depressed: rgba(109, 113, 117, 1);
  --p-action-primary: rgba(0, 128, 96, 1);
  --p-action-primary-disabled: rgba(241, 241, 241, 1);
  --p-action-primary-hovered: rgba(0, 110, 82, 1);
  --p-action-primary-pressed: rgba(0, 94, 70, 1);
  --p-action-primary-depressed: rgba(0, 61, 44, 1);
  --p-icon-on-primary: rgba(255, 255, 255, 1);
  --p-text-on-primary: rgba(255, 255, 255, 1);
  --p-text-primary: rgba(0, 123, 92, 1);
  --p-text-primary-hovered: rgba(0, 108, 80, 1);
  --p-text-primary-pressed: rgba(0, 92, 68, 1);
  --p-surface-primary-selected: rgba(241, 248, 245, 1);
  --p-surface-primary-selected-hovered: rgba(179, 208, 195, 1);
  --p-surface-primary-selected-pressed: rgba(162, 188, 176, 1);
  --p-border-critical: rgba(253, 87, 73, 1);
  --p-border-critical-subdued: rgba(224, 179, 178, 1);
  --p-border-critical-disabled: rgba(255, 167, 163, 1);
  --p-icon-critical: rgba(215, 44, 13, 1);
  --p-surface-critical: rgba(254, 211, 209, 1);
  --p-surface-critical-subdued: rgba(255, 244, 244, 1);
  --p-surface-critical-subdued-hovered: rgba(255, 240, 240, 1);
  --p-surface-critical-subdued-pressed: rgba(255, 233, 232, 1);
  --p-surface-critical-subdued-depressed: rgba(254, 188, 185, 1);
  --p-text-critical: rgba(215, 44, 13, 1);
  --p-action-critical: rgba(216, 44, 13, 1);
  --p-action-critical-disabled: rgba(241, 241, 241, 1);
  --p-action-critical-hovered: rgba(188, 34, 0, 1);
  --p-action-critical-pressed: rgba(162, 27, 0, 1);
  --p-action-critical-depressed: rgba(108, 15, 0, 1);
  --p-icon-on-critical: rgba(255, 255, 255, 1);
  --p-text-on-critical: rgba(255, 255, 255, 1);
  --p-interactive-critical: rgba(216, 44, 13, 1);
  --p-interactive-critical-disabled: rgba(253, 147, 141, 1);
  --p-interactive-critical-hovered: rgba(205, 41, 12, 1);
  --p-interactive-critical-pressed: rgba(103, 15, 3, 1);
  --p-border-warning: rgba(185, 137, 0, 1);
  --p-border-warning-subdued: rgba(225, 184, 120, 1);
  --p-icon-warning: rgba(185, 137, 0, 1);
  --p-surface-warning: rgba(255, 215, 157, 1);
  --p-surface-warning-subdued: rgba(255, 245, 234, 1);
  --p-surface-warning-subdued-hovered: rgba(255, 242, 226, 1);
  --p-surface-warning-subdued-pressed: rgba(255, 235, 211, 1);
  --p-text-warning: rgba(145, 106, 0, 1);
  --p-border-highlight: rgba(68, 157, 167, 1);
  --p-border-highlight-subdued: rgba(152, 198, 205, 1);
  --p-icon-highlight: rgba(0, 160, 172, 1);
  --p-surface-highlight: rgba(164, 232, 242, 1);
  --p-surface-highlight-subdued: rgba(235, 249, 252, 1);
  --p-surface-highlight-subdued-hovered: rgba(228, 247, 250, 1);
  --p-surface-highlight-subdued-pressed: rgba(213, 243, 248, 1);
  --p-text-highlight: rgba(52, 124, 132, 1);
  --p-border-success: rgba(0, 164, 124, 1);
  --p-border-success-subdued: rgba(149, 201, 180, 1);
  --p-icon-success: rgba(0, 127, 95, 1);
  --p-surface-success: rgba(174, 233, 209, 1);
  --p-surface-success-subdued: rgba(241, 248, 245, 1);
  --p-surface-success-subdued-hovered: rgba(236, 246, 241, 1);
  --p-surface-success-subdued-pressed: rgba(226, 241, 234, 1);
  --p-text-success: rgba(0, 128, 96, 1);
  --p-icon-attention: rgba(138, 97, 22);
  --p-surface-attention: rgba(255, 234, 138);
  --p-decorative-one-icon: rgba(126, 87, 0, 1);
  --p-decorative-one-surface: rgba(255, 201, 107, 1);
  --p-decorative-one-text: rgba(61, 40, 0, 1);
  --p-decorative-two-icon: rgba(175, 41, 78, 1);
  --p-decorative-two-surface: rgba(255, 196, 176, 1);
  --p-decorative-two-text: rgba(73, 11, 28, 1);
  --p-decorative-three-icon: rgba(0, 109, 65, 1);
  --p-decorative-three-surface: rgba(146, 230, 181, 1);
  --p-decorative-three-text: rgba(0, 47, 25, 1);
  --p-decorative-four-icon: rgba(0, 106, 104, 1);
  --p-decorative-four-surface: rgba(145, 224, 214, 1);
  --p-decorative-four-text: rgba(0, 45, 45, 1);
  --p-decorative-five-icon: rgba(174, 43, 76, 1);
  --p-decorative-five-surface: rgba(253, 201, 208, 1);
  --p-decorative-five-text: rgba(79, 14, 31, 1);
  --p-shadow-transparent: 0 0 0 0 transparent;
  --p-shadow-faint: 0 1px 0 0 rgba(22, 29, 37, 0.05);
  --p-shadow-base: 0 0 0 1px rgba(63, 63, 68, 0.05), 0 1px 3px 0 rgba(63, 63, 68, 0.15);
  --p-shadow-deep: 0 0 0 1px rgba(6, 44, 82, 0.1), 0 2px 16px rgba(33, 43, 54, 0.08);
  --p-shadow-button: 0 1px 0 rgba(0, 0, 0, 0.05);
  --p-shadow-top-bar: 0 2px 2px -1px rgba(0, 0, 0, 0.15);
  --p-shadow-card: 0 0 5px rgba(23, 24, 24, 0.05), 0 1px 2px rgba(0, 0, 0, 0.15);
  --p-shadow-popover: -1px 0 20px rgba(23, 24, 24, 0.05), 0 1px 5px rgba(0, 0, 0, 0.15);
  --p-shadow-layer: 0 31px 41px 0 rgba(32, 42, 53, 0.2), 0 2px 16px 0 rgba(32, 42, 54, 0.08);
  --p-shadow-modal: 0 26px 80px rgba(0, 0, 0, 0.2), 0 0px 1px rgba(0, 0, 0, 0.2);
  --p-shadows-inset-button: inset 0 -1px 0 rgba(0, 0, 0, 0.2);
  --p-shadows-inset-button-pressed: inset 0 1px 0 rgba(0, 0, 0, 0.15);
  --p-override-loading-z-index: 514;
  --p-choice-size: 1.25rem;
  --p-icon-size-small: 0.625rem;
  --p-icon-size-medium: 1.25rem;
  --p-choice-margin: 0.0625rem;
  --p-control-border-width: 0.125rem;
  --p-banner-border-default: inset 0 0.0625rem 0 0 var(--p-border-neutral-subdued), inset 0 0 0 0.0625rem var(--p-border-neutral-subdued);
  --p-banner-border-success: inset 0 0.0625rem 0 0 var(--p-border-success-subdued), inset 0 0 0 0.0625rem var(--p-border-success-subdued);
  --p-banner-border-highlight: inset 0 0.0625rem 0 0 var(--p-border-highlight-subdued), inset 0 0 0 0.0625rem var(--p-border-highlight-subdued);
  --p-banner-border-warning: inset 0 0.0625rem 0 0 var(--p-border-warning-subdued), inset 0 0 0 0.0625rem var(--p-border-warning-subdued);
  --p-banner-border-critical: inset 0 0.0625rem 0 0 var(--p-border-critical-subdued), inset 0 0 0 0.0625rem var(--p-border-critical-subdued);
  --p-thin-border-subdued: 0.0625rem solid var(--p-border-subdued);
  --p-text-field-spinner-offset: 0.125rem;
  --p-text-field-focus-ring-offset: -0.25rem;
  --p-button-group-item-spacing: -0.0625rem;
  --p-range-slider-thumb-size-base: 1rem;
  --p-range-slider-thumb-size-active: 1.5rem;
  --p-frame-offset: 0rem;
  --p-duration-0: 0ms;
  --p-duration-50: 50ms;
  --p-duration-100: 100ms;
  --p-duration-150: 150ms;
  --p-duration-200: 200ms;
  --p-duration-250: 250ms;
  --p-duration-300: 300ms;
  --p-duration-350: 350ms;
  --p-duration-400: 400ms;
  --p-duration-450: 450ms;
  --p-duration-500: 500ms;
  --p-duration-5000: 5000ms;
  --p-ease: cubic-bezier(0.25, 0.1, 0.25, 1);
  --p-ease-in: cubic-bezier(0.42, 0, 1, 1);
  --p-ease-out: cubic-bezier(0, 0, 0.58, 1);
  --p-ease-in-out: cubic-bezier(0.42, 0, 0.58, 1);
  --p-linear: cubic-bezier(0, 0, 1, 1);
  --p-keyframes-bounce: p-keyframes-bounce;
  --p-keyframes-fade-in: p-keyframes-fade-in;
  --p-keyframes-pulse: p-keyframes-pulse;
  --p-keyframes-spin: p-keyframes-spin;
  --p-border-radius-05: 0.125rem;
  --p-border-radius-1: 0.25rem;
  --p-border-radius-2: 0.5rem;
  --p-border-radius-3: 0.75rem;
  --p-border-radius-4: 1rem;
  --p-border-radius-5: 1.25rem;
  --p-border-radius-6: 1.875rem;
  --p-border-radius-base: 0.1875rem;
  --p-border-radius-large: 0.375rem;
  --p-border-radius-half: 50%;
  --p-border-width-1: 0.0625rem;
  --p-border-width-2: 0.125rem;
  --p-border-width-3: 0.1875rem;
  --p-border-base: var(--p-border-width-1) solid var(--p-border-subdued);
  --p-border-dark: var(--p-border-width-1) solid var(--p-border);
  --p-border-transparent: var(--p-border-width-1) solid transparent;
  --p-border-divider: var(--p-border-width-1) solid var(--p-divider);
  --p-space-0: 0;
  --p-space-025: 0.0625rem;
  --p-space-05: 0.125rem;
  --p-space-1: 0.25rem;
  --p-space-2: 0.5rem;
  --p-space-3: 0.75rem;
  --p-space-4: 1rem;
  --p-space-5: 1.25rem;
  --p-space-6: 1.5rem;
  --p-space-8: 2rem;
  --p-space-10: 2.5rem;
  --p-space-12: 3rem;
  --p-space-16: 4rem;
  --p-space-20: 5rem;
  --p-space-24: 6rem;
  --p-space-28: 7rem;
  --p-space-32: 8rem;
  --p-font-family-sans: -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif;
  --p-font-family-mono: ui-monospace, SFMono-Regular, 'SF Mono', Consolas, 'Liberation Mono', Menlo, monospace;
  --p-font-size-1: 0.75rem;
  --p-font-size-2: 0.8125rem;
  --p-font-size-3: 0.875rem;
  --p-font-size-4: 0.9375rem;
  --p-font-size-5: 1rem;
  --p-font-size-6: 1.0625rem;
  --p-font-size-7: 1.25rem;
  --p-font-size-8: 1.3125rem;
  --p-font-size-9: 1.5rem;
  --p-font-size-10: 1.625rem;
  --p-font-size-11: 1.6875rem;
  --p-font-size-12: 1.75rem;
  --p-font-size-13: 2.625rem;
  --p-font-weight-regular: 400;
  --p-font-weight-medium: 500;
  --p-font-weight-semibold: 600;
  --p-font-weight-bold: 700;
  --p-line-height-1: 1rem;
  --p-line-height-2: 1.25rem;
  --p-line-height-3: 1.5rem;
  --p-line-height-4: 1.75rem;
  --p-line-height-5: 2rem;
  --p-line-height-6: 2.25rem;
  --p-line-height-7: 2.75rem;
  --p-z-1: 100;
  --p-z-2: 400;
  --p-z-3: 510;
  --p-z-4: 512;
  --p-z-5: 513;
  --p-z-6: 514;
  --p-z-7: 515;
  --p-z-8: 516;
  --p-z-9: 517;
  --p-z-10: 518;
  --p-z-11: 519;
  --p-z-12: 520;
}

[p-color-scheme="light"] {
  color-scheme: light;
  --p-background: rgba(246, 246, 247, 1);
  --p-background-hovered: rgba(241, 242, 243, 1);
  --p-background-pressed: rgba(237, 238, 239, 1);
  --p-background-selected: rgba(237, 238, 239, 1);
  --p-surface: rgba(255, 255, 255, 1);
  --p-surface-neutral: rgba(228, 229, 231, 1);
  --p-surface-neutral-hovered: rgba(219, 221, 223, 1);
  --p-surface-neutral-pressed: rgba(201, 204, 208, 1);
  --p-surface-neutral-disabled: rgba(241, 242, 243, 1);
  --p-surface-neutral-subdued: rgba(246, 246, 247, 1);
  --p-surface-subdued: rgba(250, 251, 251, 1);
  --p-surface-disabled: rgba(250, 251, 251, 1);
  --p-surface-hovered: rgba(246, 246, 247, 1);
  --p-surface-pressed: rgba(241, 242, 243, 1);
  --p-surface-depressed: rgba(237, 238, 239, 1);
  --p-surface-search-field: rgba(241, 242, 243, 1);
  --p-backdrop: rgba(0, 0, 0, 0.5);
  --p-overlay: rgba(255, 255, 255, 0.5);
  --p-shadow-color-picker: rgba(0, 0, 0, 0.5);
  --p-shadow-color-picker-dragger: rgba(33, 43, 54, 0.32);
  --p-hint-from-direct-light: rgba(0, 0, 0, 0.15);
  --p-border: rgba(140, 145, 150, 1);
  --p-border-neutral-subdued: rgba(186, 191, 195, 1);
  --p-border-hovered: rgba(153, 158, 164, 1);
  --p-border-disabled: rgba(210, 213, 216, 1);
  --p-border-subdued: rgba(201, 204, 207, 1);
  --p-border-depressed: rgba(87, 89, 89, 1);
  --p-border-shadow: rgba(174, 180, 185, 1);
  --p-border-shadow-subdued: rgba(186, 191, 196, 1);
  --p-divider: rgba(225, 227, 229, 1);
  --p-icon: rgba(92, 95, 98, 1);
  --p-icon-hovered: rgba(26, 28, 29, 1);
  --p-icon-pressed: rgba(68, 71, 74, 1);
  --p-icon-disabled: rgba(186, 190, 195, 1);
  --p-icon-subdued: rgba(140, 145, 150, 1);
  --p-text: rgba(32, 34, 35, 1);
  --p-text-disabled: rgba(140, 145, 150, 1);
  --p-text-subdued: rgba(109, 113, 117, 1);
  --p-interactive: rgba(44, 110, 203, 1);
  --p-interactive-disabled: rgba(189, 193, 204, 1);
  --p-interactive-hovered: rgba(31, 81, 153, 1);
  --p-interactive-pressed: rgba(16, 50, 98, 1);
  --p-focused: rgba(69, 143, 255, 1);
  --p-surface-selected: rgba(242, 247, 254, 1);
  --p-surface-selected-hovered: rgba(237, 244, 254, 1);
  --p-surface-selected-pressed: rgba(229, 239, 253, 1);
  --p-icon-on-interactive: rgba(255, 255, 255, 1);
  --p-text-on-interactive: rgba(255, 255, 255, 1);
  --p-action-secondary: rgba(255, 255, 255, 1);
  --p-action-secondary-disabled: rgba(255, 255, 255, 1);
  --p-action-secondary-hovered: rgba(246, 246, 247, 1);
  --p-action-secondary-pressed: rgba(241, 242, 243, 1);
  --p-action-secondary-depressed: rgba(109, 113, 117, 1);
  --p-action-primary: rgba(0, 128, 96, 1);
  --p-action-primary-disabled: rgba(241, 241, 241, 1);
  --p-action-primary-hovered: rgba(0, 110, 82, 1);
  --p-action-primary-pressed: rgba(0, 94, 70, 1);
  --p-action-primary-depressed: rgba(0, 61, 44, 1);
  --p-icon-on-primary: rgba(255, 255, 255, 1);
  --p-text-on-primary: rgba(255, 255, 255, 1);
  --p-text-primary: rgba(0, 123, 92, 1);
  --p-text-primary-hovered: rgba(0, 108, 80, 1);
  --p-text-primary-pressed: rgba(0, 92, 68, 1);
  --p-surface-primary-selected: rgba(241, 248, 245, 1);
  --p-surface-primary-selected-hovered: rgba(179, 208, 195, 1);
  --p-surface-primary-selected-pressed: rgba(162, 188, 176, 1);
  --p-border-critical: rgba(253, 87, 73, 1);
  --p-border-critical-subdued: rgba(224, 179, 178, 1);
  --p-border-critical-disabled: rgba(255, 167, 163, 1);
  --p-icon-critical: rgba(215, 44, 13, 1);
  --p-surface-critical: rgba(254, 211, 209, 1);
  --p-surface-critical-subdued: rgba(255, 244, 244, 1);
  --p-surface-critical-subdued-hovered: rgba(255, 240, 240, 1);
  --p-surface-critical-subdued-pressed: rgba(255, 233, 232, 1);
  --p-surface-critical-subdued-depressed: rgba(254, 188, 185, 1);
  --p-text-critical: rgba(215, 44, 13, 1);
  --p-action-critical: rgba(216, 44, 13, 1);
  --p-action-critical-disabled: rgba(241, 241, 241, 1);
  --p-action-critical-hovered: rgba(188, 34, 0, 1);
  --p-action-critical-pressed: rgba(162, 27, 0, 1);
  --p-action-critical-depressed: rgba(108, 15, 0, 1);
  --p-icon-on-critical: rgba(255, 255, 255, 1);
  --p-text-on-critical: rgba(255, 255, 255, 1);
  --p-interactive-critical: rgba(216, 44, 13, 1);
  --p-interactive-critical-disabled: rgba(253, 147, 141, 1);
  --p-interactive-critical-hovered: rgba(205, 41, 12, 1);
  --p-interactive-critical-pressed: rgba(103, 15, 3, 1);
  --p-border-warning: rgba(185, 137, 0, 1);
  --p-border-warning-subdued: rgba(225, 184, 120, 1);
  --p-icon-warning: rgba(185, 137, 0, 1);
  --p-surface-warning: rgba(255, 215, 157, 1);
  --p-surface-warning-subdued: rgba(255, 245, 234, 1);
  --p-surface-warning-subdued-hovered: rgba(255, 242, 226, 1);
  --p-surface-warning-subdued-pressed: rgba(255, 235, 211, 1);
  --p-text-warning: rgba(145, 106, 0, 1);
  --p-border-highlight: rgba(68, 157, 167, 1);
  --p-border-highlight-subdued: rgba(152, 198, 205, 1);
  --p-icon-highlight: rgba(0, 160, 172, 1);
  --p-surface-highlight: rgba(164, 232, 242, 1);
  --p-surface-highlight-subdued: rgba(235, 249, 252, 1);
  --p-surface-highlight-subdued-hovered: rgba(228, 247, 250, 1);
  --p-surface-highlight-subdued-pressed: rgba(213, 243, 248, 1);
  --p-text-highlight: rgba(52, 124, 132, 1);
  --p-border-success: rgba(0, 164, 124, 1);
  --p-border-success-subdued: rgba(149, 201, 180, 1);
  --p-icon-success: rgba(0, 127, 95, 1);
  --p-surface-success: rgba(174, 233, 209, 1);
  --p-surface-success-subdued: rgba(241, 248, 245, 1);
  --p-surface-success-subdued-hovered: rgba(236, 246, 241, 1);
  --p-surface-success-subdued-pressed: rgba(226, 241, 234, 1);
  --p-text-success: rgba(0, 128, 96, 1);
  --p-icon-attention: rgba(138, 97, 22);
  --p-surface-attention: rgba(255, 234, 138);
  --p-decorative-one-icon: rgba(126, 87, 0, 1);
  --p-decorative-one-surface: rgba(255, 201, 107, 1);
  --p-decorative-one-text: rgba(61, 40, 0, 1);
  --p-decorative-two-icon: rgba(175, 41, 78, 1);
  --p-decorative-two-surface: rgba(255, 196, 176, 1);
  --p-decorative-two-text: rgba(73, 11, 28, 1);
  --p-decorative-three-icon: rgba(0, 109, 65, 1);
  --p-decorative-three-surface: rgba(146, 230, 181, 1);
  --p-decorative-three-text: rgba(0, 47, 25, 1);
  --p-decorative-four-icon: rgba(0, 106, 104, 1);
  --p-decorative-four-surface: rgba(145, 224, 214, 1);
  --p-decorative-four-text: rgba(0, 45, 45, 1);
  --p-decorative-five-icon: rgba(174, 43, 76, 1);
  --p-decorative-five-surface: rgba(253, 201, 208, 1);
  --p-decorative-five-text: rgba(79, 14, 31, 1);
  --p-shadow-transparent: 0 0 0 0 transparent;
  --p-shadow-faint: 0 1px 0 0 rgba(22, 29, 37, 0.05);
  --p-shadow-base: 0 0 0 1px rgba(63, 63, 68, 0.05), 0 1px 3px 0 rgba(63, 63, 68, 0.15);
  --p-shadow-deep: 0 0 0 1px rgba(6, 44, 82, 0.1), 0 2px 16px rgba(33, 43, 54, 0.08);
  --p-shadow-button: 0 1px 0 rgba(0, 0, 0, 0.05);
  --p-shadow-top-bar: 0 2px 2px -1px rgba(0, 0, 0, 0.15);
  --p-shadow-card: 0 0 5px rgba(23, 24, 24, 0.05), 0 1px 2px rgba(0, 0, 0, 0.15);
  --p-shadow-popover: -1px 0 20px rgba(23, 24, 24, 0.05), 0 1px 5px rgba(0, 0, 0, 0.15);
  --p-shadow-layer: 0 31px 41px 0 rgba(32, 42, 53, 0.2), 0 2px 16px 0 rgba(32, 42, 54, 0.08);
  --p-shadow-modal: 0 26px 80px rgba(0, 0, 0, 0.2), 0 0px 1px rgba(0, 0, 0, 0.2);
  --p-shadows-inset-button: inset 0 -1px 0 rgba(0, 0, 0, 0.2);
  --p-shadows-inset-button-pressed: inset 0 1px 0 rgba(0, 0, 0, 0.15);
  --p-override-loading-z-index: 514;
  --p-choice-size: 1.25rem;
  --p-icon-size-small: 0.625rem;
  --p-icon-size-medium: 1.25rem;
  --p-choice-margin: 0.0625rem;
  --p-control-border-width: 0.125rem;
  --p-banner-border-default: inset 0 0.0625rem 0 0 var(--p-border-neutral-subdued), inset 0 0 0 0.0625rem var(--p-border-neutral-subdued);
  --p-banner-border-success: inset 0 0.0625rem 0 0 var(--p-border-success-subdued), inset 0 0 0 0.0625rem var(--p-border-success-subdued);
  --p-banner-border-highlight: inset 0 0.0625rem 0 0 var(--p-border-highlight-subdued), inset 0 0 0 0.0625rem var(--p-border-highlight-subdued);
  --p-banner-border-warning: inset 0 0.0625rem 0 0 var(--p-border-warning-subdued), inset 0 0 0 0.0625rem var(--p-border-warning-subdued);
  --p-banner-border-critical: inset 0 0.0625rem 0 0 var(--p-border-critical-subdued), inset 0 0 0 0.0625rem var(--p-border-critical-subdued);
  --p-thin-border-subdued: 0.0625rem solid var(--p-border-subdued);
  --p-text-field-spinner-offset: 0.125rem;
  --p-text-field-focus-ring-offset: -0.25rem;
  --p-button-group-item-spacing: -0.0625rem;
  --p-range-slider-thumb-size-base: 1rem;
  --p-range-slider-thumb-size-active: 1.5rem;
  --p-frame-offset: 0rem;
  --p-duration-0: 0ms;
  --p-duration-50: 50ms;
  --p-duration-100: 100ms;
  --p-duration-150: 150ms;
  --p-duration-200: 200ms;
  --p-duration-250: 250ms;
  --p-duration-300: 300ms;
  --p-duration-350: 350ms;
  --p-duration-400: 400ms;
  --p-duration-450: 450ms;
  --p-duration-500: 500ms;
  --p-duration-5000: 5000ms;
  --p-ease: cubic-bezier(0.25, 0.1, 0.25, 1);
  --p-ease-in: cubic-bezier(0.42, 0, 1, 1);
  --p-ease-out: cubic-bezier(0, 0, 0.58, 1);
  --p-ease-in-out: cubic-bezier(0.42, 0, 0.58, 1);
  --p-linear: cubic-bezier(0, 0, 1, 1);
  --p-keyframes-bounce: p-keyframes-bounce;
  --p-keyframes-fade-in: p-keyframes-fade-in;
  --p-keyframes-pulse: p-keyframes-pulse;
  --p-keyframes-spin: p-keyframes-spin;
  --p-border-radius-05: 0.125rem;
  --p-border-radius-1: 0.25rem;
  --p-border-radius-2: 0.5rem;
  --p-border-radius-3: 0.75rem;
  --p-border-radius-4: 1rem;
  --p-border-radius-5: 1.25rem;
  --p-border-radius-6: 1.875rem;
  --p-border-radius-base: 0.1875rem;
  --p-border-radius-large: 0.375rem;
  --p-border-radius-half: 50%;
  --p-border-width-1: 0.0625rem;
  --p-border-width-2: 0.125rem;
  --p-border-width-3: 0.1875rem;
  --p-border-base: var(--p-border-width-1) solid var(--p-border-subdued);
  --p-border-dark: var(--p-border-width-1) solid var(--p-border);
  --p-border-transparent: var(--p-border-width-1) solid transparent;
  --p-border-divider: var(--p-border-width-1) solid var(--p-divider);
  --p-space-0: 0;
  --p-space-025: 0.0625rem;
  --p-space-05: 0.125rem;
  --p-space-1: 0.25rem;
  --p-space-2: 0.5rem;
  --p-space-3: 0.75rem;
  --p-space-4: 1rem;
  --p-space-5: 1.25rem;
  --p-space-6: 1.5rem;
  --p-space-8: 2rem;
  --p-space-10: 2.5rem;
  --p-space-12: 3rem;
  --p-space-16: 4rem;
  --p-space-20: 5rem;
  --p-space-24: 6rem;
  --p-space-28: 7rem;
  --p-space-32: 8rem;
  --p-font-family-sans: -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif;
  --p-font-family-mono: ui-monospace, SFMono-Regular, 'SF Mono', Consolas, 'Liberation Mono', Menlo, monospace;
  --p-font-size-1: 0.75rem;
  --p-font-size-2: 0.8125rem;
  --p-font-size-3: 0.875rem;
  --p-font-size-4: 0.9375rem;
  --p-font-size-5: 1rem;
  --p-font-size-6: 1.0625rem;
  --p-font-size-7: 1.25rem;
  --p-font-size-8: 1.3125rem;
  --p-font-size-9: 1.5rem;
  --p-font-size-10: 1.625rem;
  --p-font-size-11: 1.6875rem;
  --p-font-size-12: 1.75rem;
  --p-font-size-13: 2.625rem;
  --p-font-weight-regular: 400;
  --p-font-weight-medium: 500;
  --p-font-weight-semibold: 600;
  --p-font-weight-bold: 700;
  --p-line-height-1: 1rem;
  --p-line-height-2: 1.25rem;
  --p-line-height-3: 1.5rem;
  --p-line-height-4: 1.75rem;
  --p-line-height-5: 2rem;
  --p-line-height-6: 2.25rem;
  --p-line-height-7: 2.75rem;
  --p-z-1: 100;
  --p-z-2: 400;
  --p-z-3: 510;
  --p-z-4: 512;
  --p-z-5: 513;
  --p-z-6: 514;
  --p-z-7: 515;
  --p-z-8: 516;
  --p-z-9: 517;
  --p-z-10: 518;
  --p-z-11: 519;
  --p-z-12: 520;
}

[p-color-scheme="dark"] {
  color-scheme: dark;
  --p-background: rgba(11, 12, 13, 1);
  --p-background-hovered: rgba(11, 12, 13, 1);
  --p-background-pressed: rgba(11, 12, 13, 1);
  --p-background-selected: rgba(11, 12, 13, 1);
  --p-surface: rgba(32, 33, 35, 1);
  --p-surface-neutral: rgba(49, 51, 53, 1);
  --p-surface-neutral-hovered: rgba(49, 51, 53, 1);
  --p-surface-neutral-pressed: rgba(49, 51, 53, 1);
  --p-surface-neutral-disabled: rgba(49, 51, 53, 1);
  --p-surface-neutral-subdued: rgba(68, 71, 74, 1);
  --p-surface-subdued: rgba(26, 28, 29, 1);
  --p-surface-disabled: rgba(26, 28, 29, 1);
  --p-surface-hovered: rgba(47, 49, 51, 1);
  --p-surface-pressed: rgba(62, 64, 67, 1);
  --p-surface-depressed: rgba(80, 83, 86, 1);
  --p-surface-search-field: rgba(47, 49, 51, 1);
  --p-backdrop: rgba(0, 0, 0, 0.5);
  --p-overlay: rgba(33, 33, 33, 0.5);
  --p-shadow-color-picker: rgba(0, 0, 0, 0);
  --p-shadow-color-picker-dragger: rgba(0, 0, 0, 0);
  --p-hint-from-direct-light: rgba(185, 185, 185, 0.2);
  --p-border: rgba(80, 83, 86, 1);
  --p-border-neutral-subdued: rgba(130, 135, 139, 1);
  --p-border-hovered: rgba(80, 83, 86, 1);
  --p-border-disabled: rgba(103, 107, 111, 1);
  --p-border-subdued: rgba(130, 135, 139, 1);
  --p-border-depressed: rgba(142, 145, 145, 1);
  --p-border-shadow: rgba(91, 95, 98, 1);
  --p-border-shadow-subdued: rgba(130, 135, 139, 1);
  --p-divider: rgba(69, 71, 73, 1);
  --p-icon: rgba(166, 172, 178, 1);
  --p-icon-hovered: rgba(225, 227, 229, 1);
  --p-icon-pressed: rgba(166, 172, 178, 1);
  --p-icon-disabled: rgba(84, 87, 90, 1);
  --p-icon-subdued: rgba(120, 125, 129, 1);
  --p-text: rgba(227, 229, 231, 1);
  --p-text-disabled: rgba(111, 115, 119, 1);
  --p-text-subdued: rgba(153, 159, 164, 1);
  --p-interactive: rgba(54, 163, 255, 1);
  --p-interactive-disabled: rgba(38, 98, 182, 1);
  --p-interactive-hovered: rgba(103, 175, 255, 1);
  --p-interactive-pressed: rgba(136, 188, 255, 1);
  --p-focused: rgba(38, 98, 182, 1);
  --p-surface-selected: rgba(2, 14, 35, 1);
  --p-surface-selected-hovered: rgba(7, 29, 61, 1);
  --p-surface-selected-pressed: rgba(13, 43, 86, 1);
  --p-icon-on-interactive: rgba(255, 255, 255, 1);
  --p-text-on-interactive: rgba(255, 255, 255, 1);
  --p-action-secondary: rgba(77, 80, 83, 1);
  --p-action-secondary-disabled: rgba(32, 34, 35, 1);
  --p-action-secondary-hovered: rgba(84, 87, 91, 1);
  --p-action-secondary-pressed: rgba(96, 100, 103, 1);
  --p-action-secondary-depressed: rgba(123, 127, 132, 1);
  --p-action-primary: rgba(0, 128, 96, 1);
  --p-action-primary-disabled: rgba(0, 86, 64, 1);
  --p-action-primary-hovered: rgba(0, 150, 113, 1);
  --p-action-primary-pressed: rgba(0, 164, 124, 1);
  --p-action-primary-depressed: rgba(0, 179, 136, 1);
  --p-icon-on-primary: rgba(230, 255, 244, 1);
  --p-text-on-primary: rgba(255, 255, 255, 1);
  --p-text-primary: rgba(0, 141, 106, 1);
  --p-text-primary-hovered: rgba(0, 158, 120, 1);
  --p-text-primary-pressed: rgba(0, 176, 133, 1);
  --p-surface-primary-selected: rgba(12, 18, 16, 1);
  --p-surface-primary-selected-hovered: rgba(40, 48, 44, 1);
  --p-surface-primary-selected-pressed: rgba(54, 64, 59, 1);
  --p-border-critical: rgba(227, 47, 14, 1);
  --p-border-critical-subdued: rgba(227, 47, 14, 1);
  --p-border-critical-disabled: rgba(131, 23, 4, 1);
  --p-icon-critical: rgba(218, 45, 13, 1);
  --p-surface-critical: rgba(69, 7, 1, 1);
  --p-surface-critical-subdued: rgba(69, 7, 1, 1);
  --p-surface-critical-subdued-hovered: rgba(68, 23, 20, 1);
  --p-surface-critical-subdued-pressed: rgba(107, 16, 3, 1);
  --p-surface-critical-subdued-depressed: rgba(135, 24, 5, 1);
  --p-text-critical: rgba(233, 128, 122, 1);
  --p-action-critical: rgba(205, 41, 12, 1);
  --p-action-critical-disabled: rgba(187, 37, 10, 1);
  --p-action-critical-hovered: rgba(227, 47, 14, 1);
  --p-action-critical-pressed: rgba(250, 53, 17, 1);
  --p-action-critical-depressed: rgba(253, 87, 73, 1);
  --p-icon-on-critical: rgba(255, 248, 247, 1);
  --p-text-on-critical: rgba(255, 255, 255, 1);
  --p-interactive-critical: rgba(253, 114, 106, 1);
  --p-interactive-critical-disabled: rgba(254, 172, 168, 1);
  --p-interactive-critical-hovered: rgba(253, 138, 132, 1);
  --p-interactive-critical-pressed: rgba(253, 159, 155, 1);
  --p-border-warning: rgba(153, 112, 0, 1);
  --p-border-warning-subdued: rgba(153, 112, 0, 1);
  --p-icon-warning: rgba(104, 75, 0, 1);
  --p-surface-warning: rgba(153, 112, 0, 1);
  --p-surface-warning-subdued: rgba(77, 59, 29, 1);
  --p-surface-warning-subdued-hovered: rgba(82, 63, 32, 1);
  --p-surface-warning-subdued-pressed: rgba(87, 67, 34, 1);
  --p-text-warning: rgba(202, 149, 0, 1);
  --p-border-highlight: rgba(68, 157, 167, 1);
  --p-border-highlight-subdued: rgba(68, 157, 167, 1);
  --p-icon-highlight: rgba(44, 108, 115, 1);
  --p-surface-highlight: rgba(0, 105, 113, 1);
  --p-surface-highlight-subdued: rgba(18, 53, 57, 1);
  --p-surface-highlight-subdued-hovered: rgba(20, 58, 62, 1);
  --p-surface-highlight-subdued-pressed: rgba(24, 65, 70, 1);
  --p-text-highlight: rgba(162, 239, 250, 1);
  --p-border-success: rgba(0, 135, 102, 1);
  --p-border-success-subdued: rgba(0, 135, 102, 1);
  --p-icon-success: rgba(0, 94, 70, 1);
  --p-surface-success: rgba(0, 94, 70, 1);
  --p-surface-success-subdued: rgba(28, 53, 44, 1);
  --p-surface-success-subdued-hovered: rgba(31, 58, 48, 1);
  --p-surface-success-subdued-pressed: rgba(35, 65, 54, 1);
  --p-text-success: rgba(88, 173, 142, 1);
  --p-icon-attention: rgba(138, 97, 22);
  --p-surface-attention: rgba(255, 234, 138);
  --p-decorative-one-icon: rgba(255, 186, 67, 1);
  --p-decorative-one-surface: rgba(142, 102, 9, 1);
  --p-decorative-one-text: rgba(255, 255, 255, 1);
  --p-decorative-two-icon: rgba(245, 182, 192, 1);
  --p-decorative-two-surface: rgba(206, 88, 20, 1);
  --p-decorative-two-text: rgba(255, 255, 255, 1);
  --p-decorative-three-icon: rgba(0, 227, 141, 1);
  --p-decorative-three-surface: rgba(0, 124, 90, 1);
  --p-decorative-three-text: rgba(255, 255, 255, 1);
  --p-decorative-four-icon: rgba(0, 221, 218, 1);
  --p-decorative-four-surface: rgba(22, 124, 121, 1);
  --p-decorative-four-text: rgba(255, 255, 255, 1);
  --p-decorative-five-icon: rgba(244, 183, 191, 1);
  --p-decorative-five-surface: rgba(194, 51, 86, 1);
  --p-decorative-five-text: rgba(255, 255, 255, 1);
  --p-shadow-transparent: 0 0 0 0 transparent;
  --p-shadow-faint: 0 1px 0 0 rgba(22, 29, 37, 0.05);
  --p-shadow-base: 0 0 0 1px rgba(63, 63, 68, 0.05), 0 1px 3px 0 rgba(63, 63, 68, 0.15);
  --p-shadow-deep: 0 0 0 1px rgba(6, 44, 82, 0.1), 0 2px 16px rgba(33, 43, 54, 0.08);
  --p-shadow-button: 0 1px 0 rgba(0, 0, 0, 0.05);
  --p-shadow-top-bar: 0 2px 2px -1px rgba(0, 0, 0, 0.15);
  --p-shadow-card: 0 0 5px rgba(23, 24, 24, 0.05), 0 1px 2px rgba(0, 0, 0, 0.15);
  --p-shadow-popover: -1px 0 20px rgba(23, 24, 24, 0.05), 0 1px 5px rgba(0, 0, 0, 0.15);
  --p-shadow-layer: 0 31px 41px 0 rgba(32, 42, 53, 0.2), 0 2px 16px 0 rgba(32, 42, 54, 0.08);
  --p-shadow-modal: 0 26px 80px rgba(0, 0, 0, 0.2), 0 0px 1px rgba(0, 0, 0, 0.2);
  --p-shadows-inset-button: inset 0 -1px 0 rgba(0, 0, 0, 0.2);
  --p-shadows-inset-button-pressed: inset 0 1px 0 rgba(0, 0, 0, 0.15);
  --p-override-loading-z-index: 514;
  --p-choice-size: 1.25rem;
  --p-icon-size-small: 0.625rem;
  --p-icon-size-medium: 1.25rem;
  --p-choice-margin: 0.0625rem;
  --p-control-border-width: 0.125rem;
  --p-banner-border-default: inset 0 0.0625rem 0 0 var(--p-border-neutral-subdued), inset 0 0 0 0.0625rem var(--p-border-neutral-subdued);
  --p-banner-border-success: inset 0 0.0625rem 0 0 var(--p-border-success-subdued), inset 0 0 0 0.0625rem var(--p-border-success-subdued);
  --p-banner-border-highlight: inset 0 0.0625rem 0 0 var(--p-border-highlight-subdued), inset 0 0 0 0.0625rem var(--p-border-highlight-subdued);
  --p-banner-border-warning: inset 0 0.0625rem 0 0 var(--p-border-warning-subdued), inset 0 0 0 0.0625rem var(--p-border-warning-subdued);
  --p-banner-border-critical: inset 0 0.0625rem 0 0 var(--p-border-critical-subdued), inset 0 0 0 0.0625rem var(--p-border-critical-subdued);
  --p-thin-border-subdued: 0.0625rem solid var(--p-border-subdued);
  --p-text-field-spinner-offset: 0.125rem;
  --p-text-field-focus-ring-offset: -0.25rem;
  --p-button-group-item-spacing: -0.0625rem;
  --p-range-slider-thumb-size-base: 1rem;
  --p-range-slider-thumb-size-active: 1.5rem;
  --p-frame-offset: 0rem;
  --p-duration-0: 0ms;
  --p-duration-50: 50ms;
  --p-duration-100: 100ms;
  --p-duration-150: 150ms;
  --p-duration-200: 200ms;
  --p-duration-250: 250ms;
  --p-duration-300: 300ms;
  --p-duration-350: 350ms;
  --p-duration-400: 400ms;
  --p-duration-450: 450ms;
  --p-duration-500: 500ms;
  --p-duration-5000: 5000ms;
  --p-ease: cubic-bezier(0.25, 0.1, 0.25, 1);
  --p-ease-in: cubic-bezier(0.42, 0, 1, 1);
  --p-ease-out: cubic-bezier(0, 0, 0.58, 1);
  --p-ease-in-out: cubic-bezier(0.42, 0, 0.58, 1);
  --p-linear: cubic-bezier(0, 0, 1, 1);
  --p-keyframes-bounce: p-keyframes-bounce;
  --p-keyframes-fade-in: p-keyframes-fade-in;
  --p-keyframes-pulse: p-keyframes-pulse;
  --p-keyframes-spin: p-keyframes-spin;
  --p-border-radius-05: 0.125rem;
  --p-border-radius-1: 0.25rem;
  --p-border-radius-2: 0.5rem;
  --p-border-radius-3: 0.75rem;
  --p-border-radius-4: 1rem;
  --p-border-radius-5: 1.25rem;
  --p-border-radius-6: 1.875rem;
  --p-border-radius-base: 0.1875rem;
  --p-border-radius-large: 0.375rem;
  --p-border-radius-half: 50%;
  --p-border-width-1: 0.0625rem;
  --p-border-width-2: 0.125rem;
  --p-border-width-3: 0.1875rem;
  --p-border-base: var(--p-border-width-1) solid var(--p-border-subdued);
  --p-border-dark: var(--p-border-width-1) solid var(--p-border);
  --p-border-transparent: var(--p-border-width-1) solid transparent;
  --p-border-divider: var(--p-border-width-1) solid var(--p-divider);
  --p-space-0: 0;
  --p-space-025: 0.0625rem;
  --p-space-05: 0.125rem;
  --p-space-1: 0.25rem;
  --p-space-2: 0.5rem;
  --p-space-3: 0.75rem;
  --p-space-4: 1rem;
  --p-space-5: 1.25rem;
  --p-space-6: 1.5rem;
  --p-space-8: 2rem;
  --p-space-10: 2.5rem;
  --p-space-12: 3rem;
  --p-space-16: 4rem;
  --p-space-20: 5rem;
  --p-space-24: 6rem;
  --p-space-28: 7rem;
  --p-space-32: 8rem;
  --p-font-family-sans: -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif;
  --p-font-family-mono: ui-monospace, SFMono-Regular, 'SF Mono', Consolas, 'Liberation Mono', Menlo, monospace;
  --p-font-size-1: 0.75rem;
  --p-font-size-2: 0.8125rem;
  --p-font-size-3: 0.875rem;
  --p-font-size-4: 0.9375rem;
  --p-font-size-5: 1rem;
  --p-font-size-6: 1.0625rem;
  --p-font-size-7: 1.25rem;
  --p-font-size-8: 1.3125rem;
  --p-font-size-9: 1.5rem;
  --p-font-size-10: 1.625rem;
  --p-font-size-11: 1.6875rem;
  --p-font-size-12: 1.75rem;
  --p-font-size-13: 2.625rem;
  --p-font-weight-regular: 400;
  --p-font-weight-medium: 500;
  --p-font-weight-semibold: 600;
  --p-font-weight-bold: 700;
  --p-line-height-1: 1rem;
  --p-line-height-2: 1.25rem;
  --p-line-height-3: 1.5rem;
  --p-line-height-4: 1.75rem;
  --p-line-height-5: 2rem;
  --p-line-height-6: 2.25rem;
  --p-line-height-7: 2.75rem;
  --p-z-1: 100;
  --p-z-2: 400;
  --p-z-3: 510;
  --p-z-4: 512;
  --p-z-5: 513;
  --p-z-6: 514;
  --p-z-7: 515;
  --p-z-8: 516;
  --p-z-9: 517;
  --p-z-10: 518;
  --p-z-11: 519;
  --p-z-12: 520;
}

@keyframes p-keyframes-bounce {

  from,
  65%,
  85% {
    transform: scale(1)
  }

  75% {
    transform: scale(0.85)
  }

  82.5% {
    transform: scale(1.05)
  }
}

@keyframes p-keyframes-fade-in {
  to {
    opacity: 1
  }
}

@keyframes p-keyframes-pulse {

  from,
  75% {
    transform: scale(0.85);
    opacity: 1;
  }

  to {
    transform: scale(2.5);
    opacity: 0;
  }
}

@keyframes p-keyframes-spin {
  to {
    transform: rotate(1turn)
  }
}

.container,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
  max-width: 895px;
  margin-top: 31px;
}

div#myModal .Polaris-Scrollable:focus {
  outline: none !important;
}

/*     .stime_data{
    display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.stime_data .Polaris-Connected{
  -webkit-box-flex: 0;
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
flex:unset;
} */

.stime_data {
  display: block;
  width: 100%;
}

.stime_data .Polaris-Connected {
  width: 45%;
  display: inline-block !important;
  margin-left: 0px;
  margin-right: 20px;
}

.stime_data .Polaris-Scrollable.Polaris-Scrollable--vertical.Polaris-Scrollable--hasBottomShadow.Polaris-Scrollable--verticalHasScrolling {
  display: block;
}

.stime_data .Polaris-Stack__Item {
  width: 40% !important;
}

.calendarpage {
  width: 50%;
}

/*   #user_detail .Polaris-TextField:focus-visible{
box-shadow:unset !important;
outline:none;
} */
#user_detail .Polaris-TextField .Polaris-TextField__Input:focus-visible {
  box-shadow: unset !important;
  outline: none;
}

.action-btn {
  background-color: #5d5d99;
  border: none;
  font-size: 15px;
  font-weight: 600;
  text-transform: uppercase;
  /* padding: 0.5em 1.25em; */
  color: white;
  border-radius: 0.15em;
  transition: 0.3s;
  cursor: pointer;
  position: relative;
  display: block;
  padding: 10px 10px 10px 10px;
  margin-top: 14px;
}

.action-btn:hover {
  background-color: #ff6600;
}

.action-btn:focus {
  /*   outline: 0.05em dashed #ff6600;  */
  outline-offset: 0.05em;
}

.action-btn::after {
  content: '';
  display: block;
  width: 1.2em;
  height: 1.2em;
  position: absolute;
  left: calc(50% - 0.75em);
  top: calc(50% - 0.75em);
  border: 0.15em solid transparent;
  border-right-color: white;
  border-radius: 50%;
  animation: button-anim 0.7s linear infinite;
  opacity: 0;
}

@keyframes button-anim {
  from {
    transform: rotate(0);
  }

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

.action-btn.loading {
  color: transparent;
}

.action-btn.loading::after {
  opacity: 1;
}

p.thanks-para {
  margin-bottom: 20px;
}

/* em values are used to adjust button values such as padding, radius etc. based on font-size */



#snackbar {
  visibility: hidden;
  min-width: 250px;
  margin-left: -125px;
  background-color: #333;
  color: #fff;
  text-align: center;
  border-radius: 2px;
  padding: 16px;
  position: fixed;
  z-index: 1;
  left: 50%;
  bottom: 30px;
  font-size: 17px;
}

#snackbar.show {
  visibility: visible;
  -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
  animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

#booked {
  visibility: hidden;
  min-width: 250px;
  margin-left: -125px;
  background-color: #333;
  color: #fff;
  text-align: center;
  border-radius: 2px;
  padding: 16px;
  position: fixed;
  z-index: 1;
  left: 50%;
  bottom: 30px;
  font-size: 17px;
}

#booked.show {
  visibility: visible;
  -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
  animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

#plan_time_end.show {
  visibility: hidden;
  min-width: 250px;
  margin-left: -125px;
  background-color: #333;
  color: #fff;
  text-align: center;
  border-radius: 2px;
  padding: 16px;
  position: fixed;
  z-index: 1;
  left: 50%;
  bottom: 30px;
  font-size: 17px;
}

#plan_time_end.show {
  visibility: visible;
  -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
  animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

#limit_end.show {
  visibility: hidden;
  min-width: 250px;
  margin-left: -125px;
  background-color: #333;
  color: #fff;
  text-align: center;
  border-radius: 2px;
  padding: 16px;
  position: fixed;
  z-index: 1;
  left: 50%;
  bottom: 30px;
  font-size: 17px;
}

#limit_end.show {
  visibility: visible;
  -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
  animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

#appo_usage_date.show {
  visibility: hidden;
  min-width: 250px;
  margin-left: -125px;
  background-color: #333;
  color: #fff;
  text-align: center;
  border-radius: 2px;
  padding: 16px;
  position: fixed;
  z-index: 1;
  left: 50%;
  bottom: 30px;
  font-size: 17px;
}

#appo_usage_date.show {
  visibility: visible;
  -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
  animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

#plan_over.show {
  visibility: hidden;
  min-width: 250px;
  margin-left: -125px;
  background-color: #333;
  color: #fff;
  text-align: center;
  border-radius: 2px;
  padding: 16px;
  position: fixed;
  z-index: 1;
  left: 50%;
  bottom: 30px;
  font-size: 17px;
}

#plan_over.show {
  visibility: visible;
  -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
  animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

#datetimerequired {
  visibility: hidden;
  min-width: 250px;
  margin-left: -125px;
  background-color: #333;
  color: #fff;
  text-align: center;
  border-radius: 2px;
  padding: 16px;
  position: fixed;
  z-index: 1;
  left: 50%;
  bottom: 30px;
  font-size: 17px;
}

#datetimerequired.show {
  visibility: visible;
  -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
  animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

#svalidtime {
  visibility: hidden;
  min-width: 250px;
  margin-left: -125px;
  background-color: #333;
  color: #fff;
  text-align: center;
  border-radius: 2px;
  padding: 16px;
  position: fixed;
  z-index: 1;
  left: 50%;
  bottom: 30px;
  font-size: 17px;
}

#svalidtime.show {
  visibility: visible;
  -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
  animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

#slotbooked {
  visibility: hidden;
  min-width: 250px;
  margin-left: -125px;
  background-color: #333;
  color: #fff;
  text-align: center;
  border-radius: 2px;
  padding: 16px;
  position: fixed;
  z-index: 1;
  left: 50%;
  bottom: 30px;
  font-size: 17px;
}

#slotbooked.show {
  visibility: visible;
  -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
  animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

@-webkit-keyframes fadein {
  from {
    bottom: 0;
    opacity: 0;
  }

  to {
    bottom: 30px;
    opacity: 1;
  }
}

@keyframes fadein {
  from {
    bottom: 0;
    opacity: 0;
  }

  to {
    bottom: 30px;
    opacity: 1;
  }
}

@-webkit-keyframes fadeout {
  from {
    bottom: 30px;
    opacity: 1;
  }

  to {
    bottom: 0;
    opacity: 0;
  }
}

@keyframes fadeout {
  from {
    bottom: 30px;
    opacity: 1;
  }

  to {
    bottom: 0;
    opacity: 0;
  }
}


/* The Modal (background) */
.modal {
  display: none;
  /* Hidden by default */
  position: fixed;
  /* Stay in place */
  z-index: 1;
  /* Sit on top */
  padding-top: 100px;
  /* Location of the box */
  left: 0;
  top: 0;
  width: 100%;
  /* Full width */
  height: 100%;
  /* Full height */
  overflow: auto;
  /* Enable scroll if needed */
  background-color: rgb(0, 0, 0);
  /* Fallback color */
  background-color: rgba(0, 0, 0, 0.4);
  /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  /*background-color: #fefefe;*/
  margin: auto;
  padding: 20px;
  /*border: 1px solid #888;*/
  width: 80%;
  background: transparent;
  border: 0px;
  box-shadow: none
}

/* The Close Button */
.close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.pt-10 {
  padding-top: 10px;
}

.pr-10 {
  padding-right: 10px;
}

.pl-10 {
  padding-left: 10px;
}

.pb-10 {
  padding-bottom: 10px;
}

a .mt-10 {
  margin-top: 10px;
}

.mr-10 {
  margin-right: 10px;
}

.ml-10 {
  margin-left: 10px;
}

.mb-10 {
  margin-bottom: 10px;
}

.p-10 {
  padding: 16px 0px 16px 16px;
}

.m-10 {
  margin: 10px 0px 10px 0px;
}

.custom_wd {
  min-width: 170px;
}

.max-width-400 {
  max-width: 450px;
}

.Polaris-Page-Header__TitleWrapper img {
  width: 100%;
  max-width: 102px;
}

.timing {
  display: flex;
  column-gap: 250px;
}

#fat {
  background: #00BCD4;
  height: 400px;
}

.icon-bar {
  width: 22px;
  height: 3px;
  background-color: #C59B6D;
  display: block;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  margin-top: 4px
}

.navbar-toggler {
  border: none;
  margin: 20px 10px 0 0;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  transition: all ease .4s;
  background: #C59B6D;
}

.navbar-toggler:focus {
  outline: 0px;
}

.navbar-toggler .top-bar {
  transform: rotate(45deg);
  transform-origin: 10% 190%;
  background-color: white;
}

.navbar-toggler .middle-bar {
  opacity: 0;

}

.navbar-toggler .bottom-bar {
  transform: rotate(-45deg);
  transform-origin: 10% -80%;
  background-color: white;
}

.navbar-toggler.collapsed {
  background: #fafafa;
  transition: all ease .4s;
}

.navbar-toggler.collapsed .top-bar {
  transform: rotate(0);
  background-color: #C59B6D;
}

.navbar-toggler.collapsed .middle-bar {
  opacity: 1;

}

.navbar-toggler.collapsed .bottom-bar {
  transform: rotate(0);
  background-color: #C59B6D;
}

.switch input {
  display: none;
}

.switch {
  display: inline-block;
  width: 50px;
  height: 14px;
  margin: 5px;
  margin-left: 25px;

  position: relative;
}

/*.slider {
  position: absolute;
  top: 0px;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 20px;
  background: #B7B7B7;
  cursor: pointer;
  border: 4px solid transparent;
  overflow: visible;
  -webkit-transition: .4s;
  transition: .4s;
}



.slider:before {
  position: absolute;
  content: "";
  width: 22px;
  height: 22px;
  background: #706F6F;
  border-radius: 100px;
  top: -8px;
  -webkit-transform: translateX(-0px);
  transform: translateX(-0px);
  -webkit-transition: .4s;
  transition: .4s;
  -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.23);
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.23);
}*/

.switch input:checked+.slider:before {
  -webkit-transform: translateX(20px);
  transform: translateX(20px);
  background: #43AD50;
}

.switch .off {
  position: absolute;
  left: -25px;
  top: -5px;
  color: #706F6F;
  -webkit-transition: all ease .4s;
  transition: all ease .4s;
}

.switch .on {
  position: absolute;
  right: -20px;
  top: -5px;
  color: #d3d3d3;
  font-family: 'roboto_light', sans-serif;
  -webkit-transition: all ease .4s;
  transition: all ease .4s;
}

.switch input:checked~.off {
  color: #d3d3d3;

  top: -5px;
}

.switch input:checked~.on {
  color: #43AD50;

}

.am-pm {
  display: flex;
}

.time a {
  /*color: #00bcd4e0;*/
  text-decoration: none;
}

.bg_color {
  background-color: #607d8bba;
  padding: 14px 23px;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
}

.user_image {
  text-align: center;
  padding: 23px 0px 1px;
}

.user_image img {
  width: 100%;
  max-width: 102px;
  border-radius: 50px;
}

.custom_icon_box_div {
  position: relative;
}

.plus_icon {
  position: absolute;
  top: 7px;
  right: -40px;
  z-index: 999;
}

.plus_icon {
  position: absolute;
  top: 7px;
  right: -40px;
  z-index: 999;
  cursor: pointer;
}

.cross_icon-icon {
  position: absolute;
  top: 5px;
  right: -28px;
  z-index: 3;
  cursor: pointer;
}

input[name="daterange"] {
  width: 100%;
  min-width: 240px;
  flex: 100%;
}

.align_div {
  margin: 0px 0px 0px -4px;
}

h1.Polaris-Header-Title {
  font-size: 17px;
}

.seletct_time_date_slot {
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 5px;
  padding: 5px;
}

.time_slot__main_div {
  padding: 5px 0px;
  border-radius: 5px;
  background: #e1e1e1;
}

.time_slot_wrapper {
  height: 200px;
  overflow-x: hidden;
  overflow-y: auto;
}

.time_slot_item {
  padding: 3px 0px;
}

.date {
  padding: 14px 9px;
}

.slot_selected_time_icon {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  min-width: 125px;
  border: 2px solid #dfdddd;
  padding: 0px 7px 0px 7px;
  /* background-color: #fff; */
}

.time_slot_wrapper select {
  padding: 3px 0px 4px 7px;
  border: 1px solid #f3f3f3;
}

.watch_icon i {
  /*padding: 0px 22px 0px 11px;
  margin-right: -27px;
  margin-top: 5px;*/
  font-size: 15px;
}

/*.selected_date_one{
  color: orange;
}*/
.active-selected_date_one div {
  color: orange;
}

.selected_date_one {
  cursor: pointer;
}

/*Confirm Booking CSS*/
.user_image h1 {
  color: #fff;
  font-size: 27px;
}

.text_anchore a {
  text-decoration: none;
  color: #00bcd4e0;
}

.calender_image img {
  width: 100%;
  max-width: 42px;
  height: 57px;
}

.calender_image {
  /*         padding: 10px 60px 5px; */
}

.cbook .custom_wd {
  min-width: unset;
  margin: 0;
}

.cbook .p-10 {
  padding: 0;
  margin: 0;
}

.Polaris-Card__section {
  padding: 35px 45px;
}

.cbook .Polaris-Stack__Item.pl-10 {
  margin: 0;
}

h1.Polaris-Header-Title.booking_text {
  font-weight: bolder;
  font-size: 28px;
  padding-left: 0;
  margin-bottom: 32px;
  text-transform: uppercase;
}

div#user_detail {
  margin-top: 19px;
}

.text_bold {
  font-weight: bolder;
  font-size: 24px;
}

.Polaris-Stack.Polaris-Stack--alignmentCenter.p-10.cbheading {
  margin-bottom: 20px;
}

.asia {
  font-weight: bold;
  margin-left: 15px;
}

div#user_detail .Polaris-FormLayout__Item {
  margin: 0;
  margin-bottom: 15px;
}

/*custom calender css*/
.wrapper {
  margin: 15px auto;
  max-width: 1100px;
}

.container-calendar {
  background: #ffffff;
  padding: 15px;
  max-width: 475px;
  margin: 0 auto;
  overflow: auto;
}

.button-container-calendar button {
  cursor: pointer;
  display: inline-block;
  zoom: 1;
  background: #00a2b7;
  color: #fff;
  border: 1px solid #0aa2b5;
  border-radius: 4px;
  padding: 5px 10px;
}

.table-calendar {
  border-collapse: collapse;
  width: 100%;
}

.table-calendar td,
.table-calendar th {
  padding: 5px;
  border: 1px solid #e2e2e2;
  text-align: center;
  vertical-align: top;
}


.date-picker.selected span {
  /*border-bottom: 2px solid currentColor;*/
}

/* sunday */
.date-picker:nth-child(1) {
  color: red;
}

/* friday */
.date-picker:nth-child(6) {
  /*color: green;*/
}

#monthAndYear {
  text-align: center;
  margin-top: 0;
}

.button-container-calendar {
  position: relative;
  margin-bottom: 1em;
  overflow: hidden;
  clear: both;
}

#previous {
  float: left;
}

#next {
  float: right;
}

.footer-container-calendar {
  display: none;
  margin-top: 1em;
  border-top: 1px solid #dadada;
  padding: 10px 0;
}

.footer-container-calendar select {
  cursor: pointer;
  display: inline-block;
  zoom: 1;
  background: #ffffff;
  color: #585858;
  border: 1px solid #bfc5c5;
  border-radius: 3px;
  padding: 5px 1em;
}

td.date-picker.disabled {
  pointer-events: none;
  color: #727272;
  text-decoration: line-through;
}

td.date-picker {
  cursor: pointer;
}

td.date-picker:hover {
  background: #0da4b4;
  color: white;
}

td.date-picker.selected {
  background: #0da4b4;
  color: white;
  font-weight: bold;
}


/*Mobile View*/
@media(max-width: 500px) {
  .max-width-400 {
    max-width: 414px;
  }

  .timing {

    column-gap: 0px;
  }

  .am-pm {
    /* display: flex; */
    padding-top: 32px;
    margin-left: -94px;
  }

  .user_image h1 {
    color: #fff;
    font-size: 21px;
  }

  .p-10 {
    padding: 20px 0px 0px 0px;
  }

  .cross_btn {
    padding: 0px 6px;
  }

  .date_picker_wrapper {
    width: 21rem;
    box-shadow: var(--shadow-dark);
    border-radius: 3px;
  }

  .date_wd {
    width: 432px;
  }

}

div#myModal {
  z-index: 999;
}

.shopify-payment-button__button {
  display: none;
}

div#loaderinslot {
  position: absolute;
  top: 50%;
  left: 39%;
}

.conformation-book h1.Polaris-Header-Title.booking_text {
  margin-bottom: 0;
}

div#page3 span.close {
  top: 24px;
}

.conformation-book .custom_wd {
  min-width: unset;
  width: 100%;
}

.conformation-book p {
  font-size: 16px;
  letter-spacing: 0.5px;
  margin-bottom: 14px;
}

.red {
  background-color: red;

}

.green {
  background-color: green;

}

.blue {
  background-color: rgba(44, 110, 203, 1);

}

.yellow {
  background-color: #eaea88;

}

.cadetblue {
  background-color: cadetblue;
}

.transparent {
  background-color: transparent;
}

.cornflowerblue {
  background-color: cornflowerblue;
}

.darkgray {
  background-color: darkgray;
}

/* page -3 */

.pop-image {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 0;
  right: 0;
  top: -14px;
}

.pop-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 78px;
  width: 100%;
}

.outer-div {
  border: 16px solid #fff;
  border-radius: 10px;
  background-color: #fff;
  width: 100%;
  margin: 0px auto;
  text-align: center;
}

.inner-div {
  padding: 23px;
  background-color: #696998;
  border-radius: 10px;
}

.inner-div-content {
  width: 100%;
  text-align: center;
  color: #fff;
  margin-top: 40px;
}

.card-position {
  position: relative;
}

.popup-container {
  display: flex;
  align-items: center;
  visibility: hidden;
  opacity: 0;
  transition: all 0.5s ease-in-out;
  /*     transform: scale(1); */
  position: fixed;
  z-index: 99;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgb(21 17 17 / 50%);
}

.popup-container.show {
  visibility: visible;
  opacity: 1;
  transition: all 0.5s ease-in-out;
}

.popup-content {
  margin: auto;
  width: 100%;
  min-height: 500px;
  max-width: 900px;
  border-radius: 5px;
  font-family: 'SF-Body-font';
}

.inner-card {
  background-color: #fff;
}

.main-heading {
  margin-bottom: 20px;
  font-size: 32px;
  font-weight: 700;
  font-family: sans-serif;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.pera {
  font-size: 20px;
  font-weight: 400;
  font-family: sans-serif;
  margin-bottom: 20px;
  width: 100%;
  max-width: 660px;
  margin: 0px auto;
  margin-bottom: 20px;
  margin-top: 25px;
  line-height: 29px;
  letter-spacing: 1px;
}

.message {
  background: #fff;
  width: 100%;
  color: #696998;
  /* padding: 8px; */
  font-family: sans-serif;
  margin-bottom: 20px;
  margin: 0px auto;
  margin-bottom: 30px;
  padding: 11px 0px 11px 0px;
  font-size: 20px;
  cursor: default;
}

.date-time-country {
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.date-div {
  font-size: 20px;
  font-weight: 500;
  font-family: sans-serif;
}

.close-button {
  height: 41px;
  position: relative;
  z-index: 99;
  display: flex;
  align-items: flex-end;
  justify-content: end;
  color: #fff;
  border-radius: 5px;
}

.popup-content a.close {
  color: #e5e5e5;
  font-size: 50px;
  text-decoration: none;

}

.popup-content a.close:hover {
  color: #cbcbcb;
}

.popup-content .close-button:hover {
  cursor: pointer;
}


@media (min-width:320px) and (max-width:480px) {
  .date-time-country {
    display: unset;
    justify-content: center;
    align-items: center;
  }

  .date-div {
    margin-bottom: 10px;
  }

  img.cfrm-image {
    width: 30%;
    height: 30%;
  }

  /*  .pop-image {
    top: -69px;
  }*/
  .pop-wrapper {
    margin-top: unset;
  }

  .inner-div-content {
    margin-top: 41px;
  }

  .main-heading {
    font-size: 23px;
  }

  .pera {
    font-size: 16px;
  }

  .message {
    font-size: 17px;
  }
}


#page1 {
  width: 83%;
}

#page2 {
  width: 60%;
}

#page3 {
  width: 83%;
}

.Polaris-Stack__Item.pr-10.custom_wd.bg_color {
  background-color: rgb(71, 85, 105);
  width: 40%;
}

.second_page {
  display: flex;
}

#date_time {
  padding-right: 22px;
  font-size: 19px;
  color: #3333a4;
  font-weight: bold;
}

#time_slot {
  font-size: 19px;
  color: #3333a4;
  font-weight: bold;
}

#input_page2 {
  width: 100%;
}

#backbtn {
  position: absolute;
  left: 31.5%;
}

#addtocartc {
  position: absolute;
  right: 30%;
}

@media (max-width: 767px) {
  #page1 {
    width: 100%;
  }

  #page2 {
    width: 100%;
  }

  #page3 {
    width: 100%;
  }

  .modal-content {
    margin: auto;
    width: 100%;
    padding: 0;
    background: transparent;
    border: 0px;
    box-shadow: none;
  }

  .Polaris-Card__section {
    padding: 28px 30px;
  }

  .Polaris-Stack__Item.pr-10.custom_wd.bg_color {
    background-color: rgb(71, 85, 105);
    width: 100%;
  }

  .second_page {
    display: block;
    text-align: justify;
  }

  #input_page2 {
    width: 100%;
  }

  #backbtn {
    float: left;
    position: unset;
  }

  #addtocartc {
    float: right;
    position: unset;
  }
  .action-btn {
    margin-top: 0;
  }
  .asia {
  font-weight: bold;
  margin-left: 0px;
}
.Polaris-FormLayout {
    margin-top: calc(var(--p-space-4)*-1);
     margin-left:0; 
}
}

@media (min-width: 768px) and (max-width: 1280px) {
  .Polaris-FormLayout {
    margin-top: calc(var(--p-space-4)*-1);
    margin-left:0; 
  }
  #page1 {
    width: 83%;
  }

  #page2 {
    width: 60%;
  }

  #page3 {
    width: 100%;
  }

  .modal-content {
    margin: auto;
    width: 100%;
    padding: 0;
    background: transparent;
    border: 0px;
    box-shadow: none;
  }

  .Polaris-Card__section {
    padding: 35px 30px;
  }

  .Polaris-Stack__Item.pr-10.custom_wd.bg_color {
    background-color: rgb(71, 85, 105);
    width: 100%;
  }

  .second_page {
    display: block;
    text-align: justify;
  }

  #input_page2 {
    width: 100%;
  }

  #backbtn {
    float: left;
  }

  #addtocartc {
    float: right;
  }

  .Polaris-Stack.Polaris-Stack--alignmentCenter.p-10.cbheading {
    flex-wrap: inherit;
  }

  .action-btn {
    margin-top: 0;
  }

  .Polaris-FormLayout {
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
  }

  .Polaris-Stack>.Polaris-Stack__Item {
    margin-top: var(--pc-stack-spacing);
    margin-left: 0;
    max-width: 100%;
  }
  .asia {
    font-weight: bold;
    margin-left: 0px;
  }
}

.action-btn {
  margin-top: 0px;
}
/* #backbtn {
  position: absolute;
  left: 31.5%;
}

#addtocartc {
  position: absolute;
  right: 30%;
} */

#backbtn {
  float: left;
  position: unset;
}

#addtocartc {
  float: right;
  position: unset;
}