.sf-icon{position:relative;position:var(--icon-position,relative);display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:1.625rem;width:var(--icon-width,var(--icon-size,1.625rem));height:1.625rem;height:var(--icon-height,var(--icon-size,1.625rem));background:transparent;fill:var(--c-black);fill:var(--icon-color,var(--c-black))}.sf-icon img,.sf-icon svg{width:inherit;height:inherit}.sf-icon__badge{position:absolute;top:0;top:var(--icon-badge-top,0);right:0;right:var(--icon-badge-right,0)}.sf-icon.color-white{--icon-color:var(--c-white)}.sf-icon.color-black{--icon-color:var(--c-black)}.sf-icon.color-primary{--icon-color:var(--c-primary)}.sf-icon.color-primary-variant{--icon-color:var(--c-primary-variant)}.sf-icon.color-dark-secondary{--icon-color:var(--_c-dark-secondary)}.sf-icon.color-green-primary{--icon-color:var(--_c-green-primary)}.sf-icon.color-green-secondary{--icon-color:var(--_c-green-secondary)}.sf-icon.color-gray-primary{--icon-color:var(--_c-gray-primary)}.sf-icon.color-gray-secondary{--icon-color:var(--_c-gray-secondary)}.sf-icon.color-light-primary{--icon-color:var(--_c-light-primary)}.sf-icon.color-light-secondary{--icon-color:var(--_c-light-secondary)}.sf-icon.color-red-primary{--icon-color:var(--_c-red-primary)}.sf-icon.color-red-secondary{--icon-color:var(--_c-red-secondary)}.sf-icon.color-yellow-primary{--icon-color:var(--_c-yellow-primary)}.sf-icon.color-yellow-secondary{--icon-color:var(--_c-yellow-secondary)}.sf-icon.color-blue-primary{--icon-color:var(--_c-blue-primary)}.sf-icon.color-blue-secondary{--icon-color:var(--_c-blue-secondary)}.sf-icon.size-xxs{--icon-size:1rem}.sf-icon.size-xs{--icon-size:1.4rem}.sf-icon.size-sm{--icon-size:1.625rem}.sf-icon.size-md{--icon-size:1.8rem}.sf-icon.size-lg{--icon-size:2rem}.sf-icon.size-xl{--icon-size:2.2rem}.sf-icon.size-xxl{--icon-size:2.5rem}.sf-icon.size-xl3{--icon-size:2.8rem}.sf-icon.size-xl4{--icon-size:3.25rem}.sf-circle-icon{--icon-color:var(--c-white);--button-padding:0;--icon-size:1.5rem;--button-size:3.25rem;--button-background:var(--c-primary);--button-border-radius:100%;position:relative;position:var(--circle-icon-position,relative);--button-box-shadow:0 0 0 0.3125rem var(--c-primary)}.sf-circle-icon:hover{--button-background:var(--c-primary);--button-box-shadow-opacity:0.3}.sf-circle-icon:active{--button-box-shadow:0 0 0 0.5rem var(--c-primary)}.sf-circle-icon:disabled{--button-box-shadow:0px 4px 11px var(--c-light);--button-box-shadow-opacity:1;--icon-color:var(--c-text-disabled);--button-background:var(--c-light)}.sf-circle-icon__icon{--icon-position:static}.sf-circle-icon.color-black{--button-background:var(--c-black);--button-box-shadow:0 0 0 0.3125rem var(--c-black)}.sf-circle-icon.color-black:hover{--button-background:var(--c-black-lighten);--button-box-shadow-opacity:0.08}.sf-circle-icon.color-black:active{--button-box-shadow:0 0 0 0.5rem var(--c-black)}.sf-circle-icon.color-black:disabled{--button-box-shadow:0px 4px 11px var(--c-light);--button-box-shadow-opacity:1;--icon-color:var(--c-text-disabled);--button-background:var(--c-light)}.sf-circle-icon.color-white{--button-background:var(--c-white);--button-box-shadow:0 0 0 0.3125rem var(--c-white)}.sf-circle-icon.color-white:hover{--button-background:var(--c-white-lighten);--button-box-shadow-opacity:0.08}.sf-circle-icon.color-white:active{--button-box-shadow:0 0 0 0.5rem var(--c-white)}.sf-circle-icon.color-white:disabled{--button-box-shadow:0px 4px 11px var(--c-light);--button-box-shadow-opacity:1;--icon-color:var(--c-text-disabled);--button-background:var(--c-light)}.sf-circle-icon.color-primary{--button-background:var(--c-primary);--button-box-shadow:0 0 0 0.3125rem var(--c-primary)}.sf-circle-icon.color-primary:hover{--button-background:var(--c-primary-lighten);--button-box-shadow-opacity:0.08}.sf-circle-icon.color-primary:active{--button-box-shadow:0 0 0 0.5rem var(--c-primary)}.sf-circle-icon.color-primary:disabled{--button-box-shadow:0px 4px 11px var(--c-light);--button-box-shadow-opacity:1;--icon-color:var(--c-text-disabled);--button-background:var(--c-light)}.sf-circle-icon.color-secondary{--button-background:var(--c-secondary);--button-box-shadow:0 0 0 0.3125rem var(--c-secondary)}.sf-circle-icon.color-secondary:hover{--button-background:var(--c-secondary-lighten);--button-box-shadow-opacity:0.08}.sf-circle-icon.color-secondary:active{--button-box-shadow:0 0 0 0.5rem var(--c-secondary)}.sf-circle-icon.color-secondary:disabled{--button-box-shadow:0px 4px 11px var(--c-light);--button-box-shadow-opacity:1;--icon-color:var(--c-text-disabled);--button-background:var(--c-light)}.sf-circle-icon.color-light{--button-background:var(--c-light);--button-box-shadow:0 0 0 0.3125rem var(--c-light)}.sf-circle-icon.color-light:hover{--button-background:var(--c-light-lighten);--button-box-shadow-opacity:0.08}.sf-circle-icon.color-light:active{--button-box-shadow:0 0 0 0.5rem var(--c-light)}.sf-circle-icon.color-light:disabled{--button-box-shadow:0px 4px 11px var(--c-light);--button-box-shadow-opacity:1;--icon-color:var(--c-text-disabled);--button-background:var(--c-light)}.sf-circle-icon.color-dark{--button-background:var(--c-dark);--button-box-shadow:0 0 0 0.3125rem var(--c-dark)}.sf-circle-icon.color-dark:hover{--button-background:var(--c-dark-lighten);--button-box-shadow-opacity:0.08}.sf-circle-icon.color-dark:active{--button-box-shadow:0 0 0 0.5rem var(--c-dark)}.sf-circle-icon.color-dark:disabled{--button-box-shadow:0px 4px 11px var(--c-light);--button-box-shadow-opacity:1;--icon-color:var(--c-text-disabled);--button-background:var(--c-light)}.sf-circle-icon.color-info{--button-background:var(--c-info);--button-box-shadow:0 0 0 0.3125rem var(--c-info)}.sf-circle-icon.color-info:hover{--button-background:var(--c-info-lighten);--button-box-shadow-opacity:0.08}.sf-circle-icon.color-info:active{--button-box-shadow:0 0 0 0.5rem var(--c-info)}.sf-circle-icon.color-info:disabled{--button-box-shadow:0px 4px 11px var(--c-light);--button-box-shadow-opacity:1;--icon-color:var(--c-text-disabled);--button-background:var(--c-light)}.sf-circle-icon.color-success{--button-background:var(--c-success);--button-box-shadow:0 0 0 0.3125rem var(--c-success)}.sf-circle-icon.color-success:hover{--button-background:var(--c-success-lighten);--button-box-shadow-opacity:0.08}.sf-circle-icon.color-success:active{--button-box-shadow:0 0 0 0.5rem var(--c-success)}.sf-circle-icon.color-success:disabled{--button-box-shadow:0px 4px 11px var(--c-light);--button-box-shadow-opacity:1;--icon-color:var(--c-text-disabled);--button-background:var(--c-light)}.sf-circle-icon.color-warning{--button-background:var(--c-warning);--button-box-shadow:0 0 0 0.3125rem var(--c-warning)}.sf-circle-icon.color-warning:hover{--button-background:var(--c-warning-lighten);--button-box-shadow-opacity:0.08}.sf-circle-icon.color-warning:active{--button-box-shadow:0 0 0 0.5rem var(--c-warning)}.sf-circle-icon.color-warning:disabled{--button-box-shadow:0px 4px 11px var(--c-light);--button-box-shadow-opacity:1;--icon-color:var(--c-text-disabled);--button-background:var(--c-light)}.sf-circle-icon.color-danger{--button-background:var(--c-danger);--button-box-shadow:0 0 0 0.3125rem var(--c-danger)}.sf-circle-icon.color-danger:hover{--button-background:var(--c-danger-lighten);--button-box-shadow-opacity:0.08}.sf-circle-icon.color-danger:active{--button-box-shadow:0 0 0 0.5rem var(--c-danger)}.sf-circle-icon.color-danger:disabled{--button-box-shadow:0px 4px 11px var(--c-light);--button-box-shadow-opacity:1;--icon-color:var(--c-text-disabled);--button-background:var(--c-light)}.sf-circle-icon--small{--icon-size:8px;--button-size:1.625rem;--button-transition:background 150ms ease}.sf-circle-icon--small:hover{--button-background:var(--c-primary);--button-box-shadow:0 0 0 0.1875rem var(--c-primary)}.sf-circle-icon--small:active{--button-box-shadow:0 0 0 0.25rem var(--c-primary)}.sf-circle-icon--small:disabled{--button-box-shadow:0px 4px 11px var(--c-light);--button-box-shadow-opacity:1;--icon-color:var(--c-text-disabled);--button-background:var(--c-light)}.sf-circle-icon--small.color-black:hover{--button-box-shadow:0 0 0 0.1875rem var(--c-black)}.sf-circle-icon--small.color-black:active{--button-box-shadow:0 0 0 0.25rem var(--c-black)}.sf-circle-icon--small.color-black:disabled{--button-box-shadow:0px 4px 11px var(--c-light);--button-box-shadow-opacity:1;--icon-color:var(--c-text-disabled);--button-background:var(--c-light)}.sf-circle-icon--small.color-white:hover{--button-box-shadow:0 0 0 0.1875rem var(--c-white)}.sf-circle-icon--small.color-white:active{--button-box-shadow:0 0 0 0.25rem var(--c-white)}.sf-circle-icon--small.color-white:disabled{--button-box-shadow:0px 4px 11px var(--c-light);--button-box-shadow-opacity:1;--icon-color:var(--c-text-disabled);--button-background:var(--c-light)}.sf-circle-icon--small.color-primary:hover{--button-box-shadow:0 0 0 0.1875rem var(--c-primary)}.sf-circle-icon--small.color-primary:active{--button-box-shadow:0 0 0 0.25rem var(--c-primary)}.sf-circle-icon--small.color-primary:disabled{--button-box-shadow:0px 4px 11px var(--c-light);--button-box-shadow-opacity:1;--icon-color:var(--c-text-disabled);--button-background:var(--c-light)}.sf-circle-icon--small.color-secondary:hover{--button-box-shadow:0 0 0 0.1875rem var(--c-secondary)}.sf-circle-icon--small.color-secondary:active{--button-box-shadow:0 0 0 0.25rem var(--c-secondary)}.sf-circle-icon--small.color-secondary:disabled{--button-box-shadow:0px 4px 11px var(--c-light);--button-box-shadow-opacity:1;--icon-color:var(--c-text-disabled);--button-background:var(--c-light)}.sf-circle-icon--small.color-light:hover{--button-box-shadow:0 0 0 0.1875rem var(--c-light)}.sf-circle-icon--small.color-light:active{--button-box-shadow:0 0 0 0.25rem var(--c-light)}.sf-circle-icon--small.color-light:disabled{--button-box-shadow:0px 4px 11px var(--c-light);--button-box-shadow-opacity:1;--icon-color:var(--c-text-disabled);--button-background:var(--c-light)}.sf-circle-icon--small.color-dark:hover{--button-box-shadow:0 0 0 0.1875rem var(--c-dark)}.sf-circle-icon--small.color-dark:active{--button-box-shadow:0 0 0 0.25rem var(--c-dark)}.sf-circle-icon--small.color-dark:disabled{--button-box-shadow:0px 4px 11px var(--c-light);--button-box-shadow-opacity:1;--icon-color:var(--c-text-disabled);--button-background:var(--c-light)}.sf-circle-icon--small.color-info:hover{--button-box-shadow:0 0 0 0.1875rem var(--c-info)}.sf-circle-icon--small.color-info:active{--button-box-shadow:0 0 0 0.25rem var(--c-info)}.sf-circle-icon--small.color-info:disabled{--button-box-shadow:0px 4px 11px var(--c-light);--button-box-shadow-opacity:1;--icon-color:var(--c-text-disabled);--button-background:var(--c-light)}.sf-circle-icon--small.color-success:hover{--button-box-shadow:0 0 0 0.1875rem var(--c-success)}.sf-circle-icon--small.color-success:active{--button-box-shadow:0 0 0 0.25rem var(--c-success)}.sf-circle-icon--small.color-success:disabled{--button-box-shadow:0px 4px 11px var(--c-light);--button-box-shadow-opacity:1;--icon-color:var(--c-text-disabled);--button-background:var(--c-light)}.sf-circle-icon--small.color-warning:hover{--button-box-shadow:0 0 0 0.1875rem var(--c-warning)}.sf-circle-icon--small.color-warning:active{--button-box-shadow:0 0 0 0.25rem var(--c-warning)}.sf-circle-icon--small.color-warning:disabled{--button-box-shadow:0px 4px 11px var(--c-light);--button-box-shadow-opacity:1;--icon-color:var(--c-text-disabled);--button-background:var(--c-light)}.sf-circle-icon--small.color-danger:hover{--button-box-shadow:0 0 0 0.1875rem var(--c-danger)}.sf-circle-icon--small.color-danger:active{--button-box-shadow:0 0 0 0.25rem var(--c-danger)}.sf-circle-icon--small.color-danger:disabled{--button-box-shadow:0px 4px 11px var(--c-light);--button-box-shadow-opacity:1;--icon-color:var(--c-text-disabled);--button-background:var(--c-light)}.sf-badge{display:inline-block;box-sizing:border-box;width:var(--badge-width);min-width:var(--badge-min-width);height:var(--badge-height);min-height:var(--badge-min-height);padding:var(--badge-padding,var(--spacer-xs) var(--spacer-sm));background:var(--c-primary);background:var(--badge-background,var(--c-primary));border:var(--badge-border);border-radius:var(--badge-border-radius);color:var(--c-white);color:var(--badge-color,var(--c-white));text-align:center;text-align:var(--badge-text-align,center);font:var(--font-weight--semibold) var(--font-size--xs)/1.6 var(--font-family--secondary);font:var(--badge-font,var(--badge-font-weight,var(--font-weight--semibold)) var(--badge-font-size,var(--font-size--xs))/var(--badge-font-line-height,1.6) var(--badge-font-family,var(--font-family--secondary)))}.sf-badge--full-width{--badge-width:100%}.sf-badge--number{--badge-min-width:1.25rem;--badge-min-height:1.25rem;--badge-padding:2px var(--spacer-2xs);--badge-border-radius:calc(var(--badge-line-height)*1rem);--badge-background:var(--c-danger);--badge-font-size:var(--font-size--xs);--badge-line-height:1;--badge-font-family:var(--font-family--primary)}.sf-badge.color-black{--badge-background:var(--c-dark)}.sf-badge.color-white{--badge-background:var(--c-white)}.sf-badge.color-primary{--badge-background:var(--c-primary)}.sf-badge.color-secondary{--badge-background:var(--c-secondary)}.sf-badge.color-light{--badge-background:var(--c-light)}.sf-badge.color-dark{--badge-background:var(--c-dark)}.sf-badge.color-info{--badge-background:var(--c-info)}.sf-badge.color-success{--badge-background:var(--c-success)}.sf-badge.color-warning{--badge-background:var(--c-warning)}.sf-badge.color-danger{--badge-background:var(--c-danger)}@media(min-width:1024px){.sf-badge--number{--badge-padding:1px var(--spacer-2xs)}}.sf-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;z-index:var(--overlay-z-index,1);background:rgba(var(--c-gray-base),.7);background:var(--overlay-background,rgba(var(--c-gray-base),.7))}.display-none{display:none}.product-price{display:flex;align-items:flex-start;flex-direction:column;justify-content:center}.product-price__label{font-size:var(--font-size--sm);font-weight:100;margin-right:var(--spacer-xs)}.product-price__row{display:flex;align-items:center}.product-price .sf-product-card__price{margin:0}.display-none[data-v-1bc3fffa]{display:none}.slide-enter[data-v-1bc3fffa]{opacity:0;transform:scale(.5)}.slide-enter-active[data-v-1bc3fffa]{transition:all .2s ease;transition-delay:calc(0.1s*var(--index))}.grid-layout[data-v-1bc3fffa]{display:flex;flex-wrap:wrap;align-content:flex-start;justify-content:center}@media(min-width:1024px){.grid-layout[data-v-1bc3fffa]{justify-content:flex-start;margin:var(--spacer-sm) 0 0 var(--spacer-sm)}}.card[data-v-1bc3fffa]{--product-card-title-font-weight:var(--font-weight--medium);--product-card-title-margin:var(--spacer-xs) 0 0 0;flex:1 1 100%}@media(min-width:1024px){.card[data-v-1bc3fffa]{--product-card-max-width:25%;--product-card-title-font-weight:var(--font-weight--normal);--product-card-title-margin:var(--spacer-sm) 0 0 0;--product-card-add-button-bottom:var(--spacer-base)}}[data-v-1bc3fffa] .sf-product-card .card{will-change:transform,opacity}[data-v-1bc3fffa] .sf-product-card__image-wrapper{height:257px}@media(max-width:1023px){[data-v-1bc3fffa] .sf-product-card__add-button{opacity:1;display:flex;bottom:1rem;right:0}}[data-v-1bc3fffa] .sf-product-card:after{content:none}