.sf-input{box-sizing:border-box;height:var(--input-height);min-height:var(--input-height,calc(var(--spacer-base) + var(--spacer-2xs) + var(--input-label-font-size, var(--font-size--lg))));position:relative;width:var(--input-width)}.sf-input__label{background:var(--input-label-background);display:var(--input-label-display);font:var(--input-label-font,var(--input-label-font-weight,var(--font-weight--normal)) var(--input-label-font-size,var(--font-size--lg))/var(--input-label-font-line-height,1) var(--input-label-font-family,var(--font-family--secondary)));left:var(--input-label-left);padding:var(--input-label-padding);position:absolute;text-transform:underline;top:var(--input-label-top,50%);transform:var(--input-label-transform,translate3d(0,-50%,0));transition:var(--input-label-transition,transform .15s linear,font-size .15s linear)}.sf-input__label,.sf-input__label:after{color:var(--input-label-color,var(--c-link))}.sf-input__label:after{content:var(--input-label-required)}.sf-input__bar{display:var(--input-bar-display,block);position:relative}.sf-input__bar:after,.sf-input__bar:before{background:var(--input-bar-background,var(--c-primary));bottom:0;content:"";height:1px;position:absolute;transform:var(--input-bar-transform,scale3d(0,1,1));transition:transform .15s linear;width:var(--input-bar-width,100%)}.sf-input__error-message{color:var(--input-error-message-color,var(--c-danger));font:var(--input-error-message-font,var(--input-error-message-font-weight,var(--font-weight--medium)) var(--input-error-message-font-size,var(--font-size--xs))/var(--input-error-message-font-line-height,1.2) var(--input-error-message-font-family,var(--font-family--secondary)));min-height:calc(var(--font-size--xs)*1.2)}.sf-input input,.sf-input__wrapper{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;height:100%;width:100%}.sf-input__wrapper{display:flex;margin:var(--input-margin,0 0 var(--spacer-xs) 0);position:relative}.sf-input input{background:var(--input-background);border:var(--input-border,var(--input-border-style,solid) var(--input-border-color,var(--c-link)));border-width:var(--input-border-width,0 0 1px 0);box-sizing:border-box;color:var(--input-color,var(--c-text));display:block;font:var(--input-font,var(--input-font-weight,var(--font-weight--normal)) var(--input-font-size,var(--font-size--lg))/var(--input-font-line-height,1) var(--input-font-family,var(--font-family--secondary)));padding:var(--input-padding,var(--spacer-sm) 0 var(--spacer-xs) 0);text-align:var(--input-text-align)}.sf-input input:-webkit-autofill:focus~*,.sf-input input:-webkit-autofill:hover~*,.sf-input input:-webkit-autofill~*,.sf-input input:focus~*,.sf-input input:placeholder-shown~*{--icon-color:var(--c-primary);--input-password-icon-background:var(--c-primary);--input-label-transform:var(--input-label-translate3d,translate3d(0,-200%,0));--input-label-color:var(--c-primary);--input-label-font-size:var(--font-size--xs);--input-bar-transform:scaleX(1);--input-error-message-color:var(--c-primary)}.sf-input input:required~*{--input-label-required:" *"}.sf-input input:disabled{--input-border-color:var(--c-text-disabled);--input-color:var(--c-text-disabled);-webkit-text-fill-color:var(--c-text-disabled)}.sf-input input:disabled~*{--icon-color:var(--text-disabled);--input-label-color:var(--c-text-disabled)}.sf-input input[type=number]{-moz-appearance:textfield}.sf-input input[type=number]::-webkit-inner-spin-button,.sf-input input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.sf-input input[type=search]{-webkit-appearance:none}.sf-input__password-button{--icon-size:12px;--button-padding:0;--button-background:transparent;position:absolute;right:var(--input-icon-right,var(--spacer-xs));top:var(--input-icon-top,50%);transform:translate3d(0,-50%,0)}.sf-input__password-button:hover{--button-background:transparent;--button-box-shadow:none}.sf-input__icon{position:var(--icon-position,absolute);right:0;top:50%;transform:translate3d(0,-50%,0)}.sf-input__password-icon{position:relative}.sf-input__password-icon.hidden{--input-password-icon-scaleX:1}.sf-input__password-icon:after{background:var(--input-password-icon-background,var(--c-black));content:"";height:1px;position:absolute;top:50%;transform:translate3d(0,-50%,0) rotate(45deg) scaleX(var(--input-password-icon-scaleX,0));transition:transform .15s linear;width:100%}.sf-input.invalid{--input-label-color:var(--c-danger)}.sf-input.invalid input:focus~*{--input-bar-background:var(--c-danger);--input-label-color:var(--c-danger)}.sf-input input[type=date]~*,.sf-input input[type=file]~*,.sf-input input[type=image]~*,.sf-input input[type=time]~*,.sf-input.has-text{--input-label-font-size:var(--font-size--xs);--input-label-transform:var(--input-label-translate3d,translate3d(0,-200%,0))}.sf-input--filled{--input-background:var(--c-light);--input-font-size:var(--font-size--xs);--input-padding:var(--spacer-xs);--input-label-left:var(--spacer-xs);--input-label-font-size:var(--font-size--xs);--input-label-color:var(--c-secondary-variant);--input-border:none}.sf-input--filled.has-text{--input-label-display:none}.sf-input--filled input:focus~*{--input-bar-width:unset;--input-label-display:none}.sf-input--outline{--input-label-left:var(--spacer-sm);--input-padding:var(--spacer-xs) var(--spacer-xs) var(--spacer-xs) var(--spacer-sm);--input-border-color:var(--c-secondary-variant);--input-label-background:var(--c-white);--input-label-font-size:var(--font-size-base)}.sf-input--outline.sf-input--has-text{--input-label-transform:var(--input-label-translate3d,translate3d(0,-200%,0));--input-label-left:var(--spacer-xs);--input-label-padding:0 var(--spacer-2xs)}.sf-input--outline.sf-input--invalid{--input-border-color:var(--c-danger);--input-label-color:var(--c-danger)}.sf-input--outline.sf-input--invalid input:focus~*{--input-label-color:var(--c-danger)}.sf-input--outline input{--input-border-width:1px}.sf-input--outline input:focus~*{--input-label-transform:var(--input-label-translate3d,translate3d(0,-200%,0));--input-label-left:var(--spacer-xs);--input-label-padding:0 var(--spacer-2xs);--input-bar-width:0;--input-label-color:var(--c-secondary-variant)}.fade-in{animation:fade-in .4s ease}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.fade-out{animation:fade-out .4s ease}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes notification-slide-to-right{0%{transform:translateX(0)}to{transform:translateX(100%)}}@keyframes notification-slide-to-left{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes notification-slide-to-top{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes notification-slide-to-bottom{0%{transform:translateY(0)}to{transform:translateY(350%)}}@keyframes slide-to-top{0%{opacity:0;transform:translateY(50%)}to{opacity:1;transform:translateY(0)}}@keyframes slide-to-bottom{0%{opacity:1;transform:translateY(20%)}50%{opacity:0}to{opacity:0;transform:translateY(100%)}}@keyframes scale-bigger{0%{transform:scale(.8)}to{transform:scale(1)}}@keyframes scale-smaller{0%{transform:scale(1)}to{transform:scale(.8)}}.box-shadow--modal-overlay{box-shadow:inset 0 3000px 4px rgba(0,0,0,.75)}.box-shadow--active-dropdown{box-shadow:0 0 6px 0 rgba(0,0,0,.078)}.box-shadow--chips-hover-effect{box-shadow:0 0 4px 0 rgba(0,0,0,.239)}.box-shadow--display-text-shadow{box-shadow:0 0 2px 0 rgba(0,0,0,.102)}.rotate-45{transform:rotate(45deg)}.-rotate-45{transform:rotate(-45deg)}.rotate-180{transform:rotate(180deg)}.no-margin{margin:0}.display-none{display:none}.sf-quantity-selector{align-items:center;background:var(--quantity-selector-background,var(--c-light));border:var(--quantity-selector-border,var(--quantity-selector-border-style,solid) var(--quantity-selector-border-color,var(--c-light)));border-width:var(--quantity-selector-border-width,0);box-sizing:border-box;display:flex;font:var(--quantity-selector-font,var(--quantity-selector-font-weight,var(--font-weight--normal)) var(--quantity-selector-font-size,var(--font-size--lg))/var(--quantity-selector-font-line-height,1.6) var(--quantity-selector-font-family,var(--font-family--primary)));height:var(--quantity-selector-height,3.25rem);justify-content:var(--quantity-selector-justify-content);position:relative;width:var(--quantity-selector-width,6.75rem)}.sf-quantity-selector__button{--button-height:100%;--button-padding:var(--spacer-2xs) var(--spacer-xs) 0;--button-background:transparent;--button-color:var(--c-text)}.sf-quantity-selector__button:hover{--button-background:transparent;--button-box-shadow:none;text-shadow:var(--quantity-selector-text-shadow,0 4px 4px rgba(0,0,0,.25))}.sf-quantity-selector__input{--input-bar-display:none;--input-height:var(--quantity-selector-height,3.25rem);--input-padding:0;--input-margin:0;--input-border:0;--input-text-align:center}.sf-quantity-selector__input input{font-family:inherit}.sf-quantity-selector--secondary{--quantity-selector-background:transparent;--quantity-selector-border-width:0 0 1px 0;--quantity-selector-width:100%;--quantity-selector-justify-content:center;--quantity-selector-text-shadow:none}.sf-quantity-selector--secondary .sf-quantity-selector__button{--button-background:var(--c-light);--button-border-radius:100%;--button-padding:0;--button-size:1.625rem;flex:none}.sf-quantity-selector--secondary .sf-quantity-selector__input{--input-width:9rem}.sf-quantity-selector--transparent{--quantity-selector-background:transparent}