@salla.sa/twilight-tailwind-theme 1.0.72 → 1.0.74

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salla.sa/twilight-tailwind-theme",
-  "version": "1.0.72",
+  "version": "1.0.74",
   "license": "MIT",
   "keywords": [
     "Salla twilight",

package/safe-list-css.txt

@@ -67,7 +67,6 @@ s-login-modal-main-btn-text
 s-login-modal-main-btn-arrow
 s-login-modal-label
 s-login-modal-input
-s-login-modal-otp-input
 s-login-modal-link
 s-login-modal-error-message
 s-login-modal-wrapper
@@ -172,15 +171,17 @@ s-rating-modal-thanks-title
 s-rating-modal-thanks-msg
 s-rating-modal-thanks-btn
 s-rating-modal-thanks-time
-s-rating-modal-btn-star
-s-rating-modal-btn-star-large
-s-rating-modal-btn-star-small
-s-rating-modal-hovered
-s-rating-modal-selected
 s-rating-modal-stars-company
 s-rating-modal-stars-product
 s-rating-modal-bg-gray
 s-rating-modal-bg-primary
+s-rating-stars-wrapper
+s-rating-stars-btn-star
+s-rating-stars-large
+s-rating-stars-medium
+s-rating-stars-small
+s-rating-stars-hovered
+s-rating-stars-selected
 s-search-container
 s-search-oval
 s-search-inline

package/utilities.json

@@ -1 +1 @@
-{".s-has-error":{"@apply !border-red-500 !text-red-500":{}},".s-ltr":{"direction":"ltr"},".s-input":{"@apply appearance-none form-input":{}},".s-hidden":{"@apply hidden":{}},".s-block":{"@apply block":{}},".s-branches-title":{"@apply text-sm text-gray-600 mb-6":{}},".s-branches-input-wrap":{"@apply flex items-center":{}},".s-branches-input":{"@apply me-3 focus:ring-primary h-4 w-4 text-primary border-gray-300":{}},".s-branches-label":{"@apply flex items-center justify-between text-sm font-medium text-gray-700 flex-grow":{}},".s-branches-select":{"@apply w-full h-10 transition-colors duration-300 focus:ring-transparent focus:border-primary sm:text-sm border-gray-200 rounded-md appearance-none px-4":{}},".s-branches-space-v":{"@apply space-y-5":{}},".s-branches-sr-only":{"@apply sr-only":{}},".s-branches-is-closed":{"@apply opacity-50":{}},".s-branches-closed-badge":{"@apply text-red-400":{}},".s-branches-clickable":{"@apply cursor-pointer":{}},".s-branches-submit":{"@apply mt-6":{}},".s-branches-color-red":{"@apply text-red-400":{}},".s-branches-color-green":{"@apply text-green-500":{}},".s-branches-color-gray":{"@apply text-gray-400":{}},".s-button-btn":{"@apply relative transition duration-300 inline-flex flex-1 justify-center items-center px-6 pb-2.5 pt-2 text-sm font-bold rounded-md hover:opacity-80 whitespace-nowrap flex-row-reverse select-none border-solid":{}},".s-button-icon":{"@apply relative inline-flex justify-center items-center transition duration-300 mx-1 !p-0 !rounded-full w-10 h-10 font-medium flex-shrink-0":{}},".s-button-link":{"@apply text-primary hover:opacity-70 px-1 py-0.5 transition duration-300":{}},".s-button-disabled":{"@apply opacity-50":{}},".s-button-fill-none":{"@apply !bg-transparent !border-0":{}},".s-button-primary":{"@apply bg-primary   text-primary-reverse hover:bg-primary-d":{}},".s-button-success":{"@apply bg-green-500 text-white hover:bg-green-600":{}},".s-button-danger":{"@apply bg-red-400   text-white hover:bg-red-500":{}},".s-button-warning":{"@apply bg-amber-400 text-white hover:bg-amber-500":{}},".s-button-gray":{"@apply bg-gray-400  text-white hover:bg-gray-500":{}},".s-button-dark":{"@apply bg-gray-700  text-white hover:bg-gray-800":{}},".s-button-light":{"@apply bg-gray-50  text-gray-400 hover:bg-gray-100":{}},".s-button-primary-outline":{"@apply text-primary   hover:bg-primary   hover:text-primary-reverse":{}},".s-button-success-outline":{"@apply text-green-500 hover:bg-green-500 hover:text-white":{}},".s-button-danger-outline":{"@apply text-red-400   hover:bg-red-400   hover:text-white":{}},".s-button-warning-outline":{"@apply text-amber-400 hover:bg-amber-400 hover:text-white":{}},".s-button-gray-outline":{"@apply text-gray-400  hover:bg-gray-400  hover:text-white":{}},".s-button-dark-outline":{"@apply text-gray-700  hover:bg-gray-700  hover:text-white":{}},".s-button-light-outline":{"@apply text-gray-500  !border-gray-150 bg-white hover:!border-gray-200":{}},".s-button-primary-link":{"@apply text-primary":{}},".s-button-success-link":{"@apply text-green-500":{}},".s-button-danger-link":{"@apply text-red-400":{}},".s-button-warning-link":{"@apply text-amber-400":{}},".s-button-gray-link":{"@apply text-gray-400":{}},".s-button-dark-link":{"@apply text-gray-700":{}},".s-button-light-link":{"@apply text-gray-500":{}},".s-button-small":{"@apply text-xs px-4 pb-1.5 pt-1 rounded-sm":{}},".s-button-large":{"@apply text-xl px-8 pb-4 pt-4":{}},".s-button-wide":{"@apply w-full":{}},".s-button-text":{"@apply transition-opacity duration-300 flex items-center":{}},".s-button-loader":{"@apply transition flex mx-2 justify-center items-center before:content-[''] before:inline-block before:w-4 before:h-4 before:border-solid before:border-2 before:border-t-primary before:border-l-primary before:border-b-gray-100 before:border-r-gray-100 before:animate-spin before:rounded-full":{}},".s-infinite-scroll-wrapper":{"@apply text-center mt-4":{}},".s-infinite-scroll-last":{"@apply m-0 text-center":{}},".s-infinite-scroll-error":{"@apply m-0 text-center":{}},".s-localization-modal-title":{"@apply text-base font-medium text-gray-900":{}},".s-localization-modal-section":{"@apply mb-8":{}},".s-localization-modal-section-inner":{"@apply space-y-4 mt-4":{}},".s-localization-modal-item":{"@apply flex items-center":{}},".s-localization-modal-input":{"@apply focus:ring-primary h-4 w-4 text-primary border-gray-300":{}},".s-localization-modal-label":{"@apply ms-3 flex items-center justify-between text-sm font-medium text-gray-700 flex-grow cursor-pointer":{}},".s-localization-modal-flag":{"@apply rounded-sm":{}},".s-localization-modal-currency":{"@apply text-gray-400":{}},".s-localization-modal-select":{"@apply w-full h-10 transition-colors duration-300 focus:ring-transparent focus:border-primary sm:text-sm border-gray-200 rounded-md px-4 text-gray-500":{}},".s-login-modal-sub-title":{"@apply text-sm text-gray-400 mb-2.5":{}},".s-login-modal-main-btn":{"@apply flex justify-between items-center flex-1 min-w-0 mb-2.5 box-content relative rounded-md border border-border-color bg-white py-5 pe-4 ps-5 space-s-3 transition-all duration-300 hover:bg-gray-50":{}},".s-login-modal-main-btn-icon":{"@apply bg-primary w-12 h-12 text-lg text-white rounded-icon flex-shrink-0":{}},".s-login-modal-main-btn-text":{"@apply flex-1 font-bold p-3":{}},".s-login-modal-main-btn-arrow":{"@apply text-primary text-xl":{}},".s-login-modal-label":{"@apply block text-sm font-medium text-gray-700 mb-2":{}},".s-login-modal-input":{"@apply s-input":{}},".s-login-modal-otp-input":{"@apply s-input h-10 text-center":{}},".s-login-modal-link":{"@apply text-sm text-primary block text-center mt-6":{}},".s-login-modal-error-message":{"@apply s-has-error text-xs block h-7 pt-1":{}},".s-login-modal-wrapper":{"@apply transition-all duration-300 ease-elastic":{}},".s-login-modal-tab":{"@apply transition-all duration-500":{}},".s-login-modal-active":{"@apply opacity-100 translate-x-0":{}},".s-login-modal-unactive":{"@apply opacity-0 translate-x-3":{}},".s-modal-container":{"@apply fixed z-50 inset-0 overflow-hidden":{}},".s-modal-wrapper":{"@apply flex items-end justify-center h-full overflow-y-auto text-center sm:block":{}},".s-modal-loader-wrap":{"@apply h-24 flex justify-center items-center":{}},".s-modal-loader":{"@apply transition flex mx-2 justify-center items-center before:content-[''] before:inline-block before:w-10 before:h-10 before:border-solid before:border-2 before:border-t-primary before:border-l-primary before:border-b-gray-100 before:border-r-gray-100 before:animate-spin before:rounded-full":{}},".s-modal-close":{"@apply absolute z-1 end-4 top-4 sm:end-5 sm:top-5 text-red-400 hover:text-red-500 transition border-none bg-transparent text-base cursor-pointer":{}},".s-modal-header":{"@apply flex sm:flex-col":{}},".s-modal-header-inner":{"@apply mb-10 flex sm:block items-center":{}},".s-modal-header-content":{"@apply flex flex-col pe-10 sm:pe-0":{}},".s-modal-header-img":{"@apply max-w-[150px] mx-auto sm:mb-4":{}},".s-modal-icon":{"@apply flex-shrink-0 me-2 sm:me-0 sm:mx-auto inline-flex items-center justify-center w-16 h-16 sm:h-20 sm:w-20 rounded-full sm:mb-4 text-2xl text-gray-400 border border-solid border-border-color":{}},".s-modal-bg-normal":{"@apply bg-white":{}},".s-modal-bg-success":{"@apply bg-green-100 border-green-300 text-green-600":{}},".s-modal-bg-error":{"@apply bg-red-100 border-red-300 text-red-600":{}},".s-modal-bg-primary":{"@apply bg-primary border-primary text-primary-reverse":{}},".s-modal-title":{"@apply sm:mb-2 text-lg leading-6 font-bold text-gray-900":{}},".s-modal-sub-title":{"@apply sm:mb-2 text-sm text-gray-500":{}},".s-modal-title-below":{"@apply order-10":{}},".s-modal-body-slot":{"@apply w-full":{}},".s-modal-body":{"@apply relative overflow-hidden sm:overflow-visible inline-block bg-white rounded-b-none sm:rounded-b-lg rounded-lg text-start shadow-xl transform transition-all w-full ease-in duration-200 translate-y-4 sm:translate-y-0 sm:scale-95 sm:my-8":{}},".s-modal-padding":{"@apply p-4 pt-6 sm:p-8":{}},".s-modal-spacer":{"@apply inline-block h-screen":{}},".s-modal-align-middle":{"@apply align-middle":{}},".s-modal-align-top":{"@apply align-top":{}},".s-modal-align-bottom":{"@apply align-bottom":{}},".s-modal-overlay":{"@apply fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity ease-in duration-200":{}},".s-modal-overlay-leaving":{"@apply opacity-0":{}},".s-modal-entering":{"@apply ease-out duration-300 opacity-100 translate-y-0 sm:scale-100":{}},".s-modal-leaving":{"@apply opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95":{}},".s-modal-is-center":{"@apply sm:text-center items-center":{}},".s-modal-xs":{"@apply sm:w-[380px]":{}},".s-modal-sm":{"@apply sm:w-[480px]":{}},".s-modal-md":{"@apply md:w-[768px]":{}},".s-modal-lg":{"@apply w-[992px]":{}},".s-modal-xl":{"@apply w-[1280px]":{}},".s-modal-full":{"@apply w-full h-full":{}},".s-offer-modal-body":{"@apply flex overflow-x-auto -mx-8 px-8 gap-6 pb-8":{}},".s-offer-modal-badge":{"@apply me-2.5 bg-gray-bg py-2.5 px-4 rounded-large inline-flex items-center text-gray-500 justify-center text-sm mb-2.5":{}},".s-offer-modal-badge-icon":{"@apply font-medium me-1.5 text-md":{}},".s-offer-modal-badge-text":{"@apply -translate-y-0.5":{}},".s-offer-modal-product":{"@apply flex flex-col flex-grow flex-shrink-0 w-[70%] sm:w-[40%] lg:w-[28%]":{}},".s-offer-modal-product-image-wrap":{"@apply block relative overflow-hidden h-32 rounded-md mb-4":{}},".s-offer-modal-product-image":{"@apply h-full w-full object-cover":{}},".s-offer-modal-not-available":{"@apply grayscale":{}},".s-offer-modal-product-info":{"@apply mb-4":{}},".s-offer-modal-product-name":{"@apply flex flex-col justify-start items-baseline text-base text-title-color hover:text-primary leading-6 mb-1.5":{}},".s-offer-modal-product-price":{"@apply w-full flex items-center mb-5 md:mb-0 space-s-1 font-bold text-sm":{}},".s-offer-modal-product-old-price":{"@apply text-gray-400 line-through text-xs mx-1":{}},".s-offer-modal-btn-wrap":{"@apply mt-auto":{}},".s-offer-modal-footer":{"@apply flex flex-col sm:flex-row justify-between text-sm text-gray-400 sm:mt-8":{}},".s-offer-modal-expiry":{"@apply mb-5 md:mb-0":{}},".s-offer-modal-remember-label":{"@apply sm:ms-2 text-sm font-medium cursor-pointer transition-colors hover:text-gray-500":{}},".s-offer-modal-remember-input":{"@apply focus:ring-transparent h-6 w-6 text-primary border-border-color rounded-md":{}},".s-offer-modal-scrolled-slider-wrap":{"@apply relative":{}},".s-offer-modal-slider-nav":{"@apply hidden sm:block pointer-events-none overflow-hidden -mx-8 absolute top-0 h-full w-[calc(100%+64px)]":{}},".s-offer-modal-nav-btn":{"@apply absolute top-0 h-full w-20 opacity-0 transition duration-300 flex justify-center items-center":{}},".s-offer-modal-nav-btn-icon":{"@apply w-10 h-10 transition-shadow shadow-lg hover:shadow-sm rounded-full bg-white text-primary inline-flex justify-center items-center text-xl":{}},".s-offer-modal-next-btn":{"@apply end-0 -translate-x-full":{}},".s-offer-modal-prev-btn":{"@apply start-0 translate-x-full":{}},".s-offer-modal-btn-is-active":{"@apply opacity-100 pointer-events-auto translate-x-0":{}},".s-product-availability-subscribed":{"@apply w-full text-green-500 bg-gray-100 px-6 py-3 text-sm font-bold rounded-md flex items-center justify-center":{}},".s-product-availability-subs-icon":{"@apply font-bold mx-1.5":{}},".s-product-availability-body":{"@apply z-50 relative":{}},".s-product-availability-label":{"@apply block text-sm font-bold text-gray-700 text-start mb-2.5":{}},".s-product-availability-input":{"@apply form-input":{}},".s-product-availability-footer":{"@apply flex justify-between space-s-4":{}},".s-product-availability-footer-btn":{"@apply w-full":{}},".s-product-availability-error-msg":{"@apply s-has-error text-xs block h-7 pt-1":{}},".s-quantity-input-container":{"@apply flex items-stretch h-10 border rounded-md text-sm":{}},".s-quantity-input-input":{"@apply focus:ring-0 focus:ring-transparent shadow-none border-t-0 border-b-0 border focus:border-border-color border-border-color font-bold px-2 text-center w-12":{}},".s-quantity-input-button":{"@apply text-gray-400 w-11 hover:text-primary transition-colors duration-300":{}},".s-rating-modal-wrapper":{"@apply mb-10 transition-all duration-300 ease-elastic":{}},".s-rating-modal-footer":{"@apply relative flex justify-between items-center":{}},".s-rating-modal-btn":{"@apply font-bold text-sm h-10 px-4 text-primary hover:text-primary-d duration-300 transition-all":{}},".s-rating-modal-dots":{"@apply absolute left-1/2 -translate-x-1/2 flex justify-center text-center space-s-1.5 flex-1":{}},".s-rating-modal-step-dot":{"@apply w-2.5 h-2.5 rounded-full transition-colors duration-300":{}},".s-rating-modal-step":{"@apply transition-all duration-500":{}},".s-rating-modal-active":{"@apply opacity-100 translate-x-0":{}},".s-rating-modal-unactive":{"@apply opacity-0 translate-x-3":{}},".s-rating-modal-hidden":{"@apply !hidden":{}},".s-rating-modal-unvisiable":{"@apply opacity-0 pointer-events-none":{}},".s-rating-modal-step-wrap":{"@apply relative pb-4 flex flex-col items-center":{}},".s-rating-modal-product-details":{"@apply relative pb-4 flex flex-col flex-1":{}},".s-rating-modal-rounded-icon":{"@apply w-28 h-28 border border-gray-200 rounded-full flex items-center justify-center mb-4 overflow-hidden":{}},".s-rating-modal-title":{"@apply text-lg font-bold mb-4":{}},".s-rating-modal-store-logo":{"@apply w-16 object-contain":{}},".s-rating-modal-shipping-logo":{"@apply w-full h-full object-contain":{}},".s-rating-modal-shipping-icon":{"@apply text-5xl text-primary":{}},".s-rating-modal-comment":{"@apply form-input !h-20 mb-2":{}},".s-rating-modal-validation-msg":{"@apply absolute bottom-0 text-red-400 block w-full":{}},".s-rating-modal-product":{"@apply flex space-s-5 mb-6 last:mb-0":{}},".s-rating-modal-product-img":{"@apply w-18 h-14 object-cover rounded-md":{}},".s-rating-modal-product-title":{"@apply leading-5 mb-1.5 font-bold  md:text-sm":{}},".s-rating-modal-thanks":{"@apply px-8 text-center transition-all duration-500":{}},".s-rating-modal-icon":{"@apply w-20 h-20 text-4xl inline-flex justify-center items-center bg-gray-50 rounded-full text-primary":{}},".s-rating-modal-thanks-title":{"@apply font-bold mt-4":{}},".s-rating-modal-thanks-msg":{"@apply text-gray-400 text-sm mb-6":{}},".s-rating-modal-thanks-btn":{"@apply btn btn-primary h-10 flex-none px-8":{}},".s-rating-modal-thanks-time":{"@apply text-gray-400 block h-6 mt-3 text-sm":{}},".s-rating-modal-btn-star":{"@apply border-0 transition-colors px-0.5 text-gray-400":{}},".s-rating-modal-btn-star-large":{"@apply text-2xl":{}},".s-rating-modal-btn-star-small":{"@apply text-xl":{}},".s-rating-modal-hovered":{"@apply text-amber-400":{}},".s-rating-modal-selected":{"@apply text-amber-400":{}},".s-rating-modal-stars-company":{"@apply mb-5":{}},".s-rating-modal-stars-product":{"@apply mb-1":{}},".s-rating-modal-bg-gray":{"@apply bg-gray-200":{}},".s-rating-modal-bg-primary":{"@apply bg-primary":{}},".s-search-container":{"@apply relative z-1 bg-white max-h-56 rounded-md":{}},".s-search-oval":{"@apply rounded-[20px]":{}},".s-search-inline":{"@apply min-w-[220px]":{}},".s-search-container-open":{"@apply max-h-100 !rounded-b-none":{}},".s-search-input":{"@apply bg-transparent border-0 form-input w-full ps-10 pt-0 pb-0.5 text-gray-600":{}},".s-search-icon-wrap":{"@apply leading-none absolute top-1/2 transform -translate-y-1/2 start-4 text-md text-gray-400":{}},".s-search-spinner-loader":{"@apply block w-4 h-4 animate-spin border-2 border-gray-200 border-r-primary rounded-full":{}},".s-search-results":{"@apply min-w-[400px] max-w-full absolute w-full rounded-b-md m-auto max-h-96 overflow-y-auto bg-white shadow-xl":{}},".s-search-no-results":{"@apply !rounded-b-none":{}},".s-search-no-results-placeholder":{"@apply p-4 text-sm text-gray-400 text-center":{}},".s-search-product":{"@apply h-full transition duration-500 bg-transparent justify-around overflow-hidden flex transition-colors duration-300 hover:bg-gray-50 px-4 xs:px-5 py-3 border-b border-gray-100 last:border-b-0":{}},".s-search-product-image-container":{"@apply relative overflow-hidden w-20 h-14 rounded-md bg-gray-100":{}},".s-search-product-image":{"@apply h-full w-full object-cover":{}},".s-search-product-details":{"@apply flex-1 ps-4 xs:ps-5 pt-1":{}},".s-search-product-title":{"@apply flex flex-col justify-start items-baseline text-sm font-bold text-gray-600 leading-6 mb-1.5":{}},".s-search-product-price":{"@apply w-full flex justify-between items-center text-primary font-bold text-sm":{}},".s-tel-input-control":{"@apply s-input mb-4":{}},".s-tel-input-error-msg":{"@apply s-has-error text-xs block h-4 pt-1 mb-2.5":{}},".s-verify-modal-message":{"@apply text-xs mb-7 text-gray-400 text-center":{}},".s-verify-modal-label":{"@apply block mb-4 text-center text-sm":{}},".s-verify-modal-codes":{"@apply flex justify-between mb-5 space-s-2":{}},".s-verify-modal-input":{"@apply font-bold appearance-none text-lg form-input h-10 rounded-md text-center":{}},".s-verify-modal-footer":{"@apply text-center":{}},".s-verify-modal-submit":{"@apply w-full mb-5":{}},".s-verify-modal-resend-message":{"@apply text-gray-400":{}},".s-verify-modal-timer":{"@apply text-gray-700 mx-1":{}},".s-verify-modal-resend":{"@apply text-sm text-primary text-center":{}},".s-verify-modal-back":{"@apply flex items-center justify-center h-10 w-10 rounded-full text-lg absolute -top-48 -start-3 text-gray-600 bg-gray-50 hover:bg-gray-100 transition":{}}}
+{".s-has-error":{"@apply !border-red-500 !text-red-500":{}},".s-ltr":{"direction":"ltr"},".s-input":{"@apply appearance-none form-input":{}},".s-hidden":{"@apply hidden":{}},".s-block":{"@apply block":{}},".s-branches-title":{"@apply text-sm text-gray-600 mb-6":{}},".s-branches-input-wrap":{"@apply flex items-center":{}},".s-branches-input":{"@apply me-3 focus:ring-primary h-4 w-4 text-primary border-gray-300":{}},".s-branches-label":{"@apply flex items-center justify-between text-sm font-medium text-gray-700 flex-grow":{}},".s-branches-select":{"@apply w-full h-10 transition-colors duration-300 focus:ring-transparent focus:border-primary sm:text-sm border-gray-200 rounded-md appearance-none px-4":{}},".s-branches-space-v":{"@apply space-y-5":{}},".s-branches-sr-only":{"@apply sr-only":{}},".s-branches-is-closed":{"@apply opacity-50":{}},".s-branches-closed-badge":{"@apply text-red-400":{}},".s-branches-clickable":{"@apply cursor-pointer":{}},".s-branches-submit":{"@apply mt-6":{}},".s-branches-color-red":{"@apply text-red-400":{}},".s-branches-color-green":{"@apply text-green-500":{}},".s-branches-color-gray":{"@apply text-gray-400":{}},".s-button-btn":{"@apply relative transition duration-300 inline-flex flex-1 justify-center items-center px-6 pb-2.5 pt-2 text-sm font-bold rounded-md hover:opacity-80 whitespace-nowrap flex-row-reverse select-none border-solid":{}},".s-button-icon":{"@apply relative inline-flex justify-center items-center transition duration-300 mx-1 !p-0 !rounded-full w-10 h-10 font-medium flex-shrink-0":{}},".s-button-link":{"@apply text-primary hover:opacity-70 px-1 py-0.5 transition duration-300":{}},".s-button-disabled":{"@apply opacity-50":{}},".s-button-fill-none":{"@apply !bg-transparent !border-0":{}},".s-button-primary":{"@apply bg-primary   text-primary-reverse hover:bg-primary-d":{}},".s-button-success":{"@apply bg-green-500 text-white hover:bg-green-600":{}},".s-button-danger":{"@apply bg-red-400   text-white hover:bg-red-500":{}},".s-button-warning":{"@apply bg-amber-400 text-white hover:bg-amber-500":{}},".s-button-gray":{"@apply bg-gray-400  text-white hover:bg-gray-500":{}},".s-button-dark":{"@apply bg-gray-700  text-white hover:bg-gray-800":{}},".s-button-light":{"@apply bg-gray-50  text-gray-400 hover:bg-gray-100":{}},".s-button-primary-outline":{"@apply text-primary   hover:bg-primary   hover:text-primary-reverse":{}},".s-button-success-outline":{"@apply text-green-500 hover:bg-green-500 hover:text-white":{}},".s-button-danger-outline":{"@apply text-red-400   hover:bg-red-400   hover:text-white":{}},".s-button-warning-outline":{"@apply text-amber-400 hover:bg-amber-400 hover:text-white":{}},".s-button-gray-outline":{"@apply text-gray-400  hover:bg-gray-400  hover:text-white":{}},".s-button-dark-outline":{"@apply text-gray-700  hover:bg-gray-700  hover:text-white":{}},".s-button-light-outline":{"@apply text-gray-500  bg-white !border-gray-150 hover:!border-gray-200":{}},".s-button-primary-link":{"@apply text-primary":{}},".s-button-success-link":{"@apply text-green-500":{}},".s-button-danger-link":{"@apply text-red-400":{}},".s-button-warning-link":{"@apply text-amber-400":{}},".s-button-gray-link":{"@apply text-gray-400":{}},".s-button-dark-link":{"@apply text-gray-700":{}},".s-button-light-link":{"@apply text-gray-500":{}},".s-button-small":{"@apply text-xs px-4 pb-1.5 pt-1 rounded-sm":{}},".s-button-large":{"@apply text-xl px-8 pb-4 pt-4":{}},".s-button-wide":{"@apply w-full":{}},".s-button-text":{"@apply transition-opacity duration-300 flex items-center":{}},".s-button-loader":{"@apply transition flex mx-2 justify-center items-center before:content-[''] before:inline-block before:w-4 before:h-4 before:border-solid before:border-2 before:border-t-primary before:border-l-primary before:border-b-gray-100 before:border-r-gray-100 before:animate-spin before:rounded-full":{}},".s-infinite-scroll-wrapper":{"@apply text-center mt-4":{}},".s-infinite-scroll-last":{"@apply m-0 text-center":{}},".s-infinite-scroll-error":{"@apply m-0 text-center":{}},".s-localization-modal-title":{"@apply text-base font-medium text-gray-900":{}},".s-localization-modal-section":{"@apply mb-8":{}},".s-localization-modal-section-inner":{"@apply space-y-4 mt-4":{}},".s-localization-modal-item":{"@apply flex items-center":{}},".s-localization-modal-input":{"@apply focus:ring-primary h-4 w-4 text-primary border-gray-300":{}},".s-localization-modal-label":{"@apply ms-3 flex items-center justify-between text-sm font-medium text-gray-700 flex-grow cursor-pointer":{}},".s-localization-modal-flag":{"@apply rounded-sm":{}},".s-localization-modal-currency":{"@apply text-gray-400":{}},".s-localization-modal-select":{"@apply w-full h-10 transition-colors duration-300 focus:ring-transparent focus:border-primary sm:text-sm border-gray-200 rounded-md px-4 text-gray-500":{}},".s-login-modal-sub-title":{"@apply text-sm text-gray-400 mb-2.5":{}},".s-login-modal-main-btn":{"@apply flex justify-between items-center flex-1 min-w-0 mb-2.5 box-content relative rounded-md border border-border-color bg-white py-5 pe-4 ps-5 space-s-3 transition-all duration-300 hover:bg-gray-50":{}},".s-login-modal-main-btn-icon":{"@apply bg-primary w-12 h-12 text-lg text-white rounded-icon flex-shrink-0":{}},".s-login-modal-main-btn-text":{"@apply flex-1 font-bold p-3":{}},".s-login-modal-main-btn-arrow":{"@apply text-primary text-xl":{}},".s-login-modal-label":{"@apply block text-sm font-medium text-gray-700 mb-2":{}},".s-login-modal-input":{"@apply w-full h-10 px-2 transition-colors duration-300 focus:ring-transparent border focus:border-primary dark:focus:border-primary sm:text-sm border-border-color dark:bg-gray-600 dark:border-gray-600 rounded-md mb-4":{}},".s-login-modal-link":{"@apply text-sm text-primary block text-center mt-6":{}},".s-login-modal-error-message":{"@apply s-has-error text-xs block h-7 pt-1":{}},".s-login-modal-wrapper":{"@apply transition-all duration-300 ease-elastic":{}},".s-login-modal-tab":{"@apply transition-all duration-500":{}},".s-login-modal-active":{"@apply opacity-100 translate-x-0":{}},".s-login-modal-unactive":{"@apply opacity-0 translate-x-3":{}},".s-modal-container":{"@apply fixed z-50 inset-0 overflow-hidden":{}},".s-modal-wrapper":{"@apply flex items-end justify-center h-full overflow-y-auto text-center sm:block":{}},".s-modal-loader-wrap":{"@apply h-24 flex justify-center items-center":{}},".s-modal-loader":{"@apply transition flex mx-2 justify-center items-center before:content-[''] before:inline-block before:w-10 before:h-10 before:border-solid before:border-2 before:border-t-primary before:border-l-primary before:border-b-gray-100 before:border-r-gray-100 before:animate-spin before:rounded-full":{}},".s-modal-close":{"@apply absolute z-1 end-4 top-4 sm:end-5 sm:top-5 text-red-400 hover:text-red-500 transition border-none bg-transparent text-base cursor-pointer":{}},".s-modal-header":{"@apply flex sm:flex-col":{}},".s-modal-header-inner":{"@apply mb-10 flex sm:block items-center":{}},".s-modal-header-content":{"@apply flex flex-col pe-10 sm:pe-0":{}},".s-modal-header-img":{"@apply max-w-[150px] mx-auto sm:mb-4":{}},".s-modal-icon":{"@apply flex-shrink-0 me-2 sm:me-0 sm:mx-auto inline-flex items-center justify-center w-16 h-16 sm:h-20 sm:w-20 rounded-full sm:mb-4 text-2xl text-gray-400 border border-solid border-border-color":{}},".s-modal-bg-normal":{"@apply bg-white":{}},".s-modal-bg-success":{"@apply bg-green-100 border-green-300 text-green-600":{}},".s-modal-bg-error":{"@apply bg-red-100 border-red-300 text-red-600":{}},".s-modal-bg-primary":{"@apply bg-primary border-primary text-primary-reverse":{}},".s-modal-title":{"@apply sm:mb-2 text-lg leading-6 font-bold text-gray-900":{}},".s-modal-sub-title":{"@apply sm:mb-2 text-sm text-gray-500":{}},".s-modal-title-below":{"@apply order-10":{}},".s-modal-body-slot":{"@apply w-full":{}},".s-modal-body":{"@apply relative overflow-hidden sm:overflow-visible inline-block bg-white rounded-b-none sm:rounded-b-lg rounded-lg text-start shadow-xl transform transition-all w-full ease-in duration-200 translate-y-4 sm:translate-y-0 sm:scale-95 sm:my-8":{}},".s-modal-padding":{"@apply p-4 pt-6 sm:p-8":{}},".s-modal-spacer":{"@apply inline-block h-screen":{}},".s-modal-align-middle":{"@apply align-middle":{}},".s-modal-align-top":{"@apply align-top":{}},".s-modal-align-bottom":{"@apply align-bottom":{}},".s-modal-overlay":{"@apply fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity ease-in duration-200":{}},".s-modal-overlay-leaving":{"@apply opacity-0":{}},".s-modal-entering":{"@apply ease-out duration-300 opacity-100 translate-y-0 sm:scale-100":{}},".s-modal-leaving":{"@apply opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95":{}},".s-modal-is-center":{"@apply sm:text-center items-center":{}},".s-modal-xs":{"@apply sm:w-[380px]":{}},".s-modal-sm":{"@apply sm:w-[480px]":{}},".s-modal-md":{"@apply md:w-[768px]":{}},".s-modal-lg":{"@apply w-[992px]":{}},".s-modal-xl":{"@apply w-[1280px]":{}},".s-modal-full":{"@apply w-full md:w-[calc(100%-70px)] h-full md:h-[calc(100%-70px)]":{}},".s-offer-modal-body":{"@apply flex overflow-x-auto -mx-8 px-8 gap-6 pb-8":{}},".s-offer-modal-badge":{"@apply me-2.5 bg-gray-bg py-2.5 px-4 rounded-large inline-flex items-center text-gray-500 justify-center text-sm mb-2.5":{}},".s-offer-modal-badge-icon":{"@apply font-medium me-1.5 text-md":{}},".s-offer-modal-badge-text":{"@apply -translate-y-0.5":{}},".s-offer-modal-product":{"@apply flex flex-col flex-grow flex-shrink-0 w-[70%] sm:w-[40%] lg:w-[28%]":{}},".s-offer-modal-product-image-wrap":{"@apply block relative overflow-hidden h-32 rounded-md mb-4":{}},".s-offer-modal-product-image":{"@apply h-full w-full object-cover":{}},".s-offer-modal-not-available":{"@apply grayscale":{}},".s-offer-modal-product-info":{"@apply mb-4":{}},".s-offer-modal-product-name":{"@apply flex flex-col justify-start items-baseline text-base text-title-color hover:text-primary leading-6 mb-1.5":{}},".s-offer-modal-product-price":{"@apply w-full flex items-center mb-5 md:mb-0 space-s-1 font-bold text-sm":{}},".s-offer-modal-product-old-price":{"@apply text-gray-400 line-through text-xs mx-1":{}},".s-offer-modal-btn-wrap":{"@apply mt-auto":{}},".s-offer-modal-footer":{"@apply flex flex-col sm:flex-row justify-between text-sm text-gray-400 sm:mt-8":{}},".s-offer-modal-expiry":{"@apply mb-5 md:mb-0":{}},".s-offer-modal-remember-label":{"@apply sm:ms-2 text-sm font-medium cursor-pointer transition-colors hover:text-gray-500":{}},".s-offer-modal-remember-input":{"@apply focus:ring-transparent h-6 w-6 text-primary border-border-color rounded-md":{}},".s-offer-modal-scrolled-slider-wrap":{"@apply relative":{}},".s-offer-modal-slider-nav":{"@apply hidden sm:block pointer-events-none overflow-hidden -mx-8 absolute top-0 h-full w-[calc(100%+64px)]":{}},".s-offer-modal-nav-btn":{"@apply absolute top-0 h-full w-20 opacity-0 transition duration-300 flex justify-center items-center":{}},".s-offer-modal-nav-btn-icon":{"@apply w-10 h-10 transition-shadow shadow-lg hover:shadow-sm rounded-full bg-white text-primary inline-flex justify-center items-center text-xl":{}},".s-offer-modal-next-btn":{"@apply end-0 -translate-x-full":{}},".s-offer-modal-prev-btn":{"@apply start-0 translate-x-full":{}},".s-offer-modal-btn-is-active":{"@apply opacity-100 pointer-events-auto translate-x-0":{}},".s-product-availability-subscribed":{"@apply w-full text-green-500 bg-gray-100 px-6 py-3 text-sm font-bold rounded-md flex items-center justify-center":{}},".s-product-availability-subs-icon":{"@apply font-bold mx-1.5":{}},".s-product-availability-body":{"@apply z-50 relative":{}},".s-product-availability-label":{"@apply block text-sm font-bold text-gray-700 text-start mb-2.5":{}},".s-product-availability-input":{"@apply form-input":{}},".s-product-availability-footer":{"@apply flex justify-between space-s-4":{}},".s-product-availability-footer-btn":{"@apply w-full":{}},".s-product-availability-error-msg":{"@apply s-has-error text-xs block h-7 pt-1":{}},".s-quantity-input-container":{"@apply flex items-stretch h-10 border rounded-md text-sm":{}},".s-quantity-input-input":{"@apply focus:ring-0 focus:ring-transparent shadow-none border-t-0 border-b-0 border focus:border-border-color border-border-color font-bold px-2 text-center w-12":{}},".s-quantity-input-button":{"@apply text-gray-400 w-11 hover:text-primary transition-colors duration-300":{}},".s-rating-modal-wrapper":{"@apply mb-10 transition-all duration-300 ease-elastic":{}},".s-rating-modal-footer":{"@apply relative flex justify-between items-center":{}},".s-rating-modal-btn":{"@apply font-bold text-sm h-10 px-4 text-primary hover:text-primary-d duration-300 transition-all":{}},".s-rating-modal-dots":{"@apply absolute left-1/2 -translate-x-1/2 flex justify-center text-center space-s-1.5 flex-1":{}},".s-rating-modal-step-dot":{"@apply w-2.5 h-2.5 rounded-full transition-colors duration-300":{}},".s-rating-modal-step":{"@apply transition-all duration-500":{}},".s-rating-modal-active":{"@apply opacity-100 translate-x-0":{}},".s-rating-modal-unactive":{"@apply opacity-0 translate-x-3":{}},".s-rating-modal-hidden":{"@apply !hidden":{}},".s-rating-modal-unvisiable":{"@apply opacity-0 pointer-events-none":{}},".s-rating-modal-step-wrap":{"@apply relative pb-4 flex flex-col items-center":{}},".s-rating-modal-product-details":{"@apply relative pb-4 flex flex-col flex-1":{}},".s-rating-modal-rounded-icon":{"@apply w-28 h-28 border border-gray-200 rounded-full flex items-center justify-center mb-4 overflow-hidden":{}},".s-rating-modal-title":{"@apply text-lg font-bold mb-4":{}},".s-rating-modal-store-logo":{"@apply w-16 object-contain":{}},".s-rating-modal-shipping-logo":{"@apply w-full h-full object-contain":{}},".s-rating-modal-shipping-icon":{"@apply text-5xl text-primary":{}},".s-rating-modal-comment":{"@apply form-input !h-20 mb-2":{}},".s-rating-modal-validation-msg":{"@apply absolute bottom-0 text-red-400 block w-full":{}},".s-rating-modal-product":{"@apply flex space-s-5 mb-6 last:mb-0":{}},".s-rating-modal-product-img":{"@apply w-18 h-14 object-cover rounded-md overflow-hidden bg-gray-100":{}},".s-rating-modal-product-title":{"@apply leading-5 mb-1.5 font-bold  md:text-sm":{}},".s-rating-modal-thanks":{"@apply px-8 text-center transition-all duration-500":{}},".s-rating-modal-icon":{"@apply w-20 h-20 text-4xl inline-flex justify-center items-center bg-gray-50 rounded-full text-primary":{}},".s-rating-modal-thanks-title":{"@apply font-bold mt-4":{}},".s-rating-modal-thanks-msg":{"@apply text-gray-400 text-sm mb-6":{}},".s-rating-modal-thanks-btn":{"@apply btn btn-primary h-10 flex-none px-8":{}},".s-rating-modal-thanks-time":{"@apply text-gray-400 block h-6 mt-3 text-sm":{}},".s-rating-modal-stars-company":{"@apply mb-5":{}},".s-rating-modal-stars-product":{"@apply mb-1":{}},".s-rating-modal-bg-gray":{"@apply bg-gray-200":{}},".s-rating-modal-bg-primary":{"@apply bg-primary":{}},".s-rating-stars-wrapper":{"@apply inline-flex":{}},".s-rating-stars-btn-star":{"@apply border-0 transition-colors px-0.5 text-gray-300":{}},".s-rating-stars-large":{"@apply text-2xl":{}},".s-rating-stars-medium":{"@apply text-xl":{}},".s-rating-stars-small":{"@apply text-lg":{}},".s-rating-stars-hovered":{"@apply text-amber-400":{}},".s-rating-stars-selected":{"@apply text-amber-400":{}},".s-search-container":{"@apply relative z-1 bg-white max-h-56 rounded-md":{}},".s-search-oval":{"@apply rounded-[20px]":{}},".s-search-inline":{"@apply min-w-[220px]":{}},".s-search-container-open":{"@apply max-h-100 !rounded-b-none":{}},".s-search-input":{"@apply bg-transparent border-0 form-input w-full ps-10 pt-0 pb-0.5 text-gray-600":{}},".s-search-icon-wrap":{"@apply leading-none absolute top-1/2 transform -translate-y-1/2 start-4 text-md text-gray-400":{}},".s-search-spinner-loader":{"@apply block w-4 h-4 animate-spin border-2 border-gray-200 border-r-primary rounded-full":{}},".s-search-results":{"@apply min-w-[400px] max-w-full absolute w-full rounded-b-md m-auto max-h-96 overflow-y-auto bg-white shadow-xl":{}},".s-search-no-results":{"@apply !rounded-b-none":{}},".s-search-no-results-placeholder":{"@apply p-4 text-sm text-gray-400 text-center":{}},".s-search-product":{"@apply h-full transition duration-500 bg-transparent justify-around overflow-hidden flex transition-colors duration-300 hover:bg-gray-50 px-4 xs:px-5 py-3 border-b border-gray-100 last:border-b-0":{}},".s-search-product-image-container":{"@apply relative overflow-hidden w-20 h-14 rounded-md bg-gray-100":{}},".s-search-product-image":{"@apply h-full w-full object-cover":{}},".s-search-product-details":{"@apply flex-1 ps-4 xs:ps-5 pt-1":{}},".s-search-product-title":{"@apply flex flex-col justify-start items-baseline text-sm font-bold text-gray-600 leading-6 mb-1.5":{}},".s-search-product-price":{"@apply w-full flex justify-between items-center text-primary font-bold text-sm":{}},".s-tel-input-control":{"@apply w-full h-10 transition-colors duration-300 focus:ring-transparent border focus:border-primary dark:focus:border-primary sm:text-sm border-border-color dark:bg-gray-600 dark:border-gray-600 rounded-md mb-4":{}},".s-tel-input-error-msg":{"@apply s-has-error text-xs block h-4 pt-1 mb-2.5":{}},".s-verify-modal-message":{"@apply text-xs mb-7 text-gray-400 text-center":{}},".s-verify-modal-label":{"@apply block mb-4 text-center text-sm":{}},".s-verify-modal-codes":{"@apply flex justify-between mb-5 space-s-2":{}},".s-verify-modal-input":{"@apply w-full text-center h-10 px-2 transition-colors duration-300 focus:ring-transparent border focus:border-primary dark:focus:border-primary text-lg font-bold appearance-none border-border-color dark:bg-gray-600 dark:border-gray-600 rounded-md":{}},".s-verify-modal-footer":{"@apply text-center":{}},".s-verify-modal-submit":{"@apply w-full mb-5":{}},".s-verify-modal-resend-message":{"@apply text-gray-400 text-sm":{}},".s-verify-modal-timer":{"@apply text-gray-700 mx-1":{}},".s-verify-modal-resend":{"@apply text-sm text-primary text-center":{}},".s-verify-modal-back":{"@apply flex items-center justify-center h-10 w-10 rounded-full text-lg absolute -top-48 -start-3 text-gray-600 bg-gray-50 hover:bg-gray-100 transition":{}}}