.s-input-field-atom{background-color:transparent;border-radius:.25rem;color:hsl(var(--s-gray-800));flex-grow:1;width:100%}.s-input-field-atom--size-lg{font-size:1.125rem;height:calc(3.5rem - 2px);line-height:1.75rem;line-height:1;padding-left:1.5rem;padding-right:1.5rem}.s-input-field-atom--size-md{height:calc(3rem - 2px);padding-left:1.25rem;padding-right:1.25rem}.s-input-field-atom--size-md,.s-input-field-atom--size-sm{font-size:1rem;line-height:1.5rem;line-height:1}.s-input-field-atom--size-sm{height:calc(2.5rem - 2px);padding-left:1rem;padding-right:1rem}.s-input-field-atom--prefix-icon{padding-left:0}.s-input-field-atom--suffix-icon{padding-right:0}.s-input-field-atom:focus{outline:2px solid transparent;outline-offset:2px}.s-input-field-atom::-moz-placeholder{color:hsl(var(--s-gray-400));transition-duration:.2s;-moz-transition-property:color;transition-property:color;transition-timing-function:cubic-bezier(.4,0,.2,1)}.s-input-field-atom::placeholder{color:hsl(var(--s-gray-400));transition-duration:.2s;transition-property:color;transition-timing-function:cubic-bezier(.4,0,.2,1)}.s-input-field-atom:disabled{color:hsl(var(--s-gray-600))}.s-input-field-atom:disabled::-moz-placeholder{color:hsl(var(--s-gray-300))}.s-input-field-atom:disabled::placeholder{color:hsl(var(--s-gray-300))}.s-input-icon-atom{align-items:center;color:hsl(var(--s-gray-400));display:flex;flex-shrink:0;justify-content:center;transition-duration:.2s;transition-property:color;transition-timing-function:cubic-bezier(.4,0,.2,1)}.s-input-icon-atom__icon{transition-duration:.2s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.s-input-icon-atom--size-lg{width:3.5rem}.s-input-icon-atom--size-lg .s-input-icon-atom__icon{height:1.25rem;width:1.25rem}.s-input-icon-atom--size-md{width:3rem}.s-input-icon-atom--size-md .s-input-icon-atom__icon{height:1rem;width:1rem}.s-input-icon-atom--size-sm{width:2.5rem}.s-input-icon-atom--size-sm .s-input-icon-atom__icon{height:1rem;width:1rem}.s-input-icon-atom--clickable{cursor:pointer}.s-input-icon-atom--disabled{cursor:auto}.s-input-icon-atom--gray{color:hsl(var(--s-gray-700))}.s-input-icon-atom--primary{--tw-text-opacity:1;color:color-mix(in srgb,var(--p-primary-700) calc(100%*var(--tw-text-opacity, 1)),transparent)}.s-input-icon-atom--accent{color:hsl(var(--s-accent-500))}.s-input-icon-atom--success{color:hsl(var(--s-success-500))}.s-input-icon-atom--warning{color:hsl(var(--s-warning-500))}.s-input-icon-atom--danger{color:hsl(var(--s-danger-500))}.s-input-wrapper-atom{align-items:stretch;border-radius:.375rem;border-width:1px;display:flex;width:100%;--tw-border-opacity:1;border-color:color-mix(in srgb,var(--p-primary-100) calc(100%*var(--tw-border-opacity, 1)),transparent);--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));fill:#fff;text-align:left;transition-duration:.2s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.s-input-wrapper-atom--size-lg{min-height:3.5rem}.s-input-wrapper-atom--size-md{min-height:3rem}.s-input-wrapper-atom--size-sm{min-height:2.5rem}.s-input-wrapper-atom--focused,.s-input-wrapper-atom:active,.s-input-wrapper-atom:focus-within{--tw-border-opacity:1;border-color:color-mix(in srgb,var(--p-primary-600) calc(100%*var(--tw-border-opacity, 1)),transparent);outline:2px solid transparent;outline-offset:2px}.s-input-wrapper-atom:hover{background-color:hsl(var(--s-gray-50))}.s-input-wrapper-atom--disabled,.s-input-wrapper-atom--disabled:focus-within,.s-input-wrapper-atom--disabled:hover{background-color:hsl(var(--s-gray-100));border-color:hsl(var(--s-gray-200));color:hsl(var(--s-gray-600));cursor:default}.s-input-wrapper-atom--warning{border-color:hsl(var(--s-warning-500))}.s-input-wrapper-atom--danger{border-color:hsl(var(--s-danger-500))}.s-autocomplete--is-open .s-input-icon-atom--suffix .fa-chevron-down{transform:rotate(180deg)}.s-autocomplete__value-label{color:hsl(var(--s-gray-600));font-size:.875rem;line-height:1.25rem;margin-bottom:-.25rem;margin-top:.5rem}.s-autocomplete .s-chips-display{margin-top:.5rem}.s-product-search{display:flex;flex-direction:column;gap:.5rem;width:auto}@media(min-width:640px){.s-product-search{align-items:flex-end;flex-direction:row;gap:.875rem}}.s-product-search__search-button{height:3rem;width:100%}@media(min-width:640px){.s-product-search__search-button{width:auto}}.s-product-search__autocomplete{flex:1 1 0%}.s-product-search__error{margin-top:.5rem;width:-moz-fit-content;width:fit-content}.s-product-search-skeleton{display:flex;flex-direction:column;gap:.5rem;width:auto}@media(min-width:640px){.s-product-search-skeleton{flex-direction:row;gap:.875rem}}.s-product-search-skeleton__autocomplete{flex:1 1 0%}.s-product-search-skeleton__search-button{width:100%}@media(min-width:640px){.s-product-search-skeleton__search-button{width:12rem}}.product-overview-banner{align-items:center;display:flex;flex-direction:column;gap:.75rem;text-align:center}.product-overview-banner__subtitle.heading-4{font-weight:400;margin-bottom:1.5rem}.product-overview-banner__benefits,.product-overview-banner__search{max-width:42rem;width:100%}.product-overview-banner-skeleton{align-items:center;display:flex;flex-direction:column;gap:.75rem}.product-overview-banner-skeleton__subtitle{margin-bottom:1.25rem}.product-overview-banner-skeleton__card{width:42rem}.product-overview-banner-skeleton__benefits{padding-bottom:.375rem;padding-top:.375rem;width:auto}.product-overview-popular{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(min(8rem,100%),1fr))}.product-overview-popular__button{min-height:7rem}.product-overview-popular__button .s-button-text__content{flex-direction:column}.product-overview-popular-skeleton{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(min(8rem,100%),1fr))}.product-overview-popular-skeleton__item{border-radius:.5rem}.product-overview-section__cards{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(min(14rem,100%),1fr))}.product-overview-section__products{display:flex;flex-direction:column;gap:.5rem;margin-left:-.75rem;margin-right:-.75rem}.product-overview-section-skeleton__cards{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(min(14rem,100%),1fr))}.product-overview-section-skeleton__products{display:flex;flex-direction:column;gap:.5rem}
