@import "se-display-style.css";
@import "se-variant-image-style.css";

:root {
	--se-shadow-card: 1px 0px 0px 0px rgba(0, 0, 0, 0.13) inset, -1px 0px 0px 0px rgba(0, 0, 0, 0.13) inset, 0px -1px 0px 0px rgba(0, 0, 0, 0.17) inset, 0px 1px 0px 0px rgba(204, 204, 204, 0.5) inset, 0px 4px 6px -2px rgba(26, 26, 26, 0.2);
}
/* Reset css */
.bss-se-variant,
.bss-se-variant *,
.bss-se-variant *:before,
.bss-se-variant *:after {
  box-sizing: border-box;
  scrollbar-width: thin;
  scrollbar-color: #c8c8c8 transparent
}

.product-card {
    z-index: auto !important;
}

ul.product-grid {
    isolation: auto !important;
  }
li.product-grid__item {
    z-index: auto !important;
}
#header-group {
    position: relative !important;
    z-index: 200 !important;
}
.header-section {
    z-index: 200 !important;
}
ul.product-grid {
    position: relative !important;
    z-index: 10 !important;
}
.se-dropdown-list {
    z-index: 9999 !important;
}

/* Animation */
@keyframes bss-slide-down {
	0% {
		transform: translateY(-10%);
		opacity: 0;
	}

	100% {
		transform: translateY(0);
		opacity: 1;
	}
}

.optis-sw-disabled {
	opacity: 0.5 !important;
	cursor: not-allowed !important;
	pointer-events: none !important;
	user-select: none !important;
}