.sf-loader{position:relative;width:100%;height:100%}.sf-loader__overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;background:var(--loader-overlay-background, var(--c-white))}.sf-loader__spinner{stroke:var(--loader-spinner-stroke, var(--c-primary))}
.sf-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--overlay-z-index, 1);background:var(--overlay-background, rgba(var(--c-gray-base), 0.7))}
.sf-link{color:var(--link-color, var(--c-text));font:var(--link-font, var(--link-font-weight, var(--font-weight--medium)) var(--link-font-size, var(--font-size--sm))/var(--link-font-line-height, 1.4) var(--link-font-family, var(--font-family--secondary)));-webkit-text-decoration:var(--link-text-decoration, underline);text-decoration:var(--link-text-decoration, underline)}.sf-link:visited{--link-color: var(--c-link)}.sf-link:hover{--link-color: var(--c-primary)}.sf-link:active{--link-color: var(--c-link)}
.sf-button{--link-color: var(--button-color, var(--c-light-variant));-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;width:var(--button-size, var(--button-width));height:var(--button-size, var(--button-height));display:var(--button-display, flex);-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding:var(--button-padding, var(--spacer-sm) var(--spacer-base));color:var(--button-color, var(--c-light-variant));background:var(--button-background, var(--c-primary));-webkit-transition:var(--button-transition, background 0.8s);-o-transition:var(--button-transition, background 0.8s);transition:var(--button-transition, background 0.8s);background-position:center;text-transform:var(--button-text-transform, uppercase);-webkit-text-decoration:var(--button-text-decoration);text-decoration:var(--button-text-decoration);cursor:var(--button-cursor, pointer);border-radius:var(--button-border-radius, 0);white-space:var(--button-wrap, nowrap);font:var(--button-font, var(--button-font-weight, var(--font-weight--semibold)) var(--button-font-size, var(--font-size--base))/var(--button-font-line-height, 1.2) var(--button-font-family, var(--font-family--secondary)));border:var(--button-border, var(--button-border-style, solid) var(--button-border-color, var(--c-primary)));border-width:var(--button-border-width, 0)}.sf-button::before{content:"";position:absolute;z-index:-1;top:0;left:0;width:100%;height:100%;border-radius:inherit;-webkit-transition:var(--button-box-shadow-transition, opacity var(--button-box-shadow-transition-opacity-duration, 200ms) var(--button-box-shadow-transition-opacity-timing-function, ease-in-out), box-shadow var(--button-box-shadow-transition-box-shadow-duration, 200ms) var(--button-box-shadow-transition-box-shadow-timing-function, ease-in-out));-o-transition:var(--button-box-shadow-transition, opacity var(--button-box-shadow-transition-opacity-duration, 200ms) var(--button-box-shadow-transition-opacity-timing-function, ease-in-out), box-shadow var(--button-box-shadow-transition-box-shadow-duration, 200ms) var(--button-box-shadow-transition-box-shadow-timing-function, ease-in-out));transition:var(--button-box-shadow-transition, opacity var(--button-box-shadow-transition-opacity-duration, 200ms) var(--button-box-shadow-transition-opacity-timing-function, ease-in-out), box-shadow var(--button-box-shadow-transition-box-shadow-duration, 200ms) var(--button-box-shadow-transition-box-shadow-timing-function, ease-in-out));opacity:var(--button-box-shadow-opacity);-webkit-box-shadow:var(--button-box-shadow, var(--button-box-shadow-h-offset, 4px) var(--button-box-shadow-v-offset, 12px) var(--button-box-shadow-blur, 24px) var(--button-box-shadow-spread, 0px) var(--button-box-shadow-color, var(--c-gray)));box-shadow:var(--button-box-shadow, var(--button-box-shadow-h-offset, 4px) var(--button-box-shadow-v-offset, 12px) var(--button-box-shadow-blur, 24px) var(--button-box-shadow-spread, 0px) var(--button-box-shadow-color, var(--c-gray)));will-change:opacity,box-shadow}.sf-button{--button-box-shadow-opacity: 0}.sf-button.color-black{--button-background: var(--c-dark)}.sf-button.color-black:hover{--button-background: var(--c-dark) radial-gradient(circle, transparent 1%, var(--c-dark) 1%) center/15000%}.sf-button.color-black:active{--button-background: var(--c-dark) radial-gradient(circle, transparent 40%, var(--c-dark) 1%) center/15000%}.sf-button.color-light{color:var(--c-gray)}.sf-button.color-light:hover{--button-background: var(--c-light) radial-gradient(circle, transparent 1%, var(--c-text-disabled) 1%) center/15000%}.sf-button.color-light:active{--button-background: var(--c-light) radial-gradient(circle, transparent 40%, var(--c-text-disabled) 1%) center/15000%}.sf-button.color-white{--button-background: var(--c-white)}.sf-button.color-white:hover{--button-background: var(--c-white) radial-gradient(circle, transparent 1%, var(--c-white) 1%) center/15000%}.sf-button.color-white:active{--button-background: var(--c-white) radial-gradient(circle, transparent 40%, var(--c-white) 1%) center/15000%}.sf-button.color-light{color:var(--c-gray)}.sf-button.color-light:hover{--button-background: var(--c-light) radial-gradient(circle, transparent 1%, var(--c-text-disabled) 1%) center/15000%}.sf-button.color-light:active{--button-background: var(--c-light) radial-gradient(circle, transparent 40%, var(--c-text-disabled) 1%) center/15000%}.sf-button.color-primary{--button-background: var(--c-primary)}.sf-button.color-primary:hover{--button-background: var(--c-primary) radial-gradient(circle, transparent 1%, var(--c-primary-variant) 1%) center/15000%}.sf-button.color-primary:active{--button-background: var(--c-primary) radial-gradient(circle, transparent 40%, var(--c-primary-variant) 1%) center/15000%}.sf-button.color-light{color:var(--c-gray)}.sf-button.color-light:hover{--button-background: var(--c-light) radial-gradient(circle, transparent 1%, var(--c-text-disabled) 1%) center/15000%}.sf-button.color-light:active{--button-background: var(--c-light) radial-gradient(circle, transparent 40%, var(--c-text-disabled) 1%) center/15000%}.sf-button.color-secondary{--button-background: var(--c-secondary)}.sf-button.color-secondary:hover{--button-background: var(--c-secondary) radial-gradient(circle, transparent 1%, var(--c-secondary-variant) 1%) center/15000%}.sf-button.color-secondary:active{--button-background: var(--c-secondary) radial-gradient(circle, transparent 40%, var(--c-secondary-variant) 1%) center/15000%}.sf-button.color-light{color:var(--c-gray)}.sf-button.color-light:hover{--button-background: var(--c-light) radial-gradient(circle, transparent 1%, var(--c-text-disabled) 1%) center/15000%}.sf-button.color-light:active{--button-background: var(--c-light) radial-gradient(circle, transparent 40%, var(--c-text-disabled) 1%) center/15000%}.sf-button.color-light{--button-background: var(--c-light)}.sf-button.color-light:hover{--button-background: var(--c-light) radial-gradient(circle, transparent 1%, var(--c-light-variant) 1%) center/15000%}.sf-button.color-light:active{--button-background: var(--c-light) radial-gradient(circle, transparent 40%, var(--c-light-variant) 1%) center/15000%}.sf-button.color-light{color:var(--c-gray)}.sf-button.color-light:hover{--button-background: var(--c-light) radial-gradient(circle, transparent 1%, var(--c-text-disabled) 1%) center/15000%}.sf-button.color-light:active{--button-background: var(--c-light) radial-gradient(circle, transparent 40%, var(--c-text-disabled) 1%) center/15000%}.sf-button.color-dark{--button-background: var(--c-dark)}.sf-button.color-dark:hover{--button-background: var(--c-dark) radial-gradient(circle, transparent 1%, var(--c-dark-variant) 1%) center/15000%}.sf-button.color-dark:active{--button-background: var(--c-dark) radial-gradient(circle, transparent 40%, var(--c-dark-variant) 1%) center/15000%}.sf-button.color-light{color:var(--c-gray)}.sf-button.color-light:hover{--button-background: var(--c-light) radial-gradient(circle, transparent 1%, var(--c-text-disabled) 1%) center/15000%}.sf-button.color-light:active{--button-background: var(--c-light) radial-gradient(circle, transparent 40%, var(--c-text-disabled) 1%) center/15000%}.sf-button.color-info{--button-background: var(--c-info)}.sf-button.color-info:hover{--button-background: var(--c-info) radial-gradient(circle, transparent 1%, var(--c-info-variant) 1%) center/15000%}.sf-button.color-info:active{--button-background: var(--c-info) radial-gradient(circle, transparent 40%, var(--c-info-variant) 1%) center/15000%}.sf-button.color-light{color:var(--c-gray)}.sf-button.color-light:hover{--button-background: var(--c-light) radial-gradient(circle, transparent 1%, var(--c-text-disabled) 1%) center/15000%}.sf-button.color-light:active{--button-background: var(--c-light) radial-gradient(circle, transparent 40%, var(--c-text-disabled) 1%) center/15000%}.sf-button.color-success{--button-background: var(--c-success)}.sf-button.color-success:hover{--button-background: var(--c-success) radial-gradient(circle, transparent 1%, var(--c-success-variant) 1%) center/15000%}.sf-button.color-success:active{--button-background: var(--c-success) radial-gradient(circle, transparent 40%, var(--c-success-variant) 1%) center/15000%}.sf-button.color-light{color:var(--c-gray)}.sf-button.color-light:hover{--button-background: var(--c-light) radial-gradient(circle, transparent 1%, var(--c-text-disabled) 1%) center/15000%}.sf-button.color-light:active{--button-background: var(--c-light) radial-gradient(circle, transparent 40%, var(--c-text-disabled) 1%) center/15000%}.sf-button.color-warning{--button-background: var(--c-warning)}.sf-button.color-warning:hover{--button-background: var(--c-warning) radial-gradient(circle, transparent 1%, var(--c-warning-variant) 1%) center/15000%}.sf-button.color-warning:active{--button-background: var(--c-warning) radial-gradient(circle, transparent 40%, var(--c-warning-variant) 1%) center/15000%}.sf-button.color-light{color:var(--c-gray)}.sf-button.color-light:hover{--button-background: var(--c-light) radial-gradient(circle, transparent 1%, var(--c-text-disabled) 1%) center/15000%}.sf-button.color-light:active{--button-background: var(--c-light) radial-gradient(circle, transparent 40%, var(--c-text-disabled) 1%) center/15000%}.sf-button.color-danger{--button-background: var(--c-danger)}.sf-button.color-danger:hover{--button-background: var(--c-danger) radial-gradient(circle, transparent 1%, var(--c-danger-variant) 1%) center/15000%}.sf-button.color-danger:active{--button-background: var(--c-danger) radial-gradient(circle, transparent 40%, var(--c-danger-variant) 1%) center/15000%}.sf-button.color-light{color:var(--c-gray)}.sf-button.color-light:hover{--button-background: var(--c-light) radial-gradient(circle, transparent 1%, var(--c-text-disabled) 1%) center/15000%}.sf-button.color-light:active{--button-background: var(--c-light) radial-gradient(circle, transparent 40%, var(--c-text-disabled) 1%) center/15000%}.sf-button:hover{--button-box-shadow-opacity: 0.25;--button-background: var(--c-primary) radial-gradient(circle, transparent 1%, var(--c-primary-variant) 1%) center/15000%}.sf-button:active{--button-box-shadow: none;--button-background: var(--c-primary) radial-gradient(circle, transparent 40%, var(--c-primary-variant) 1%) center/15000%;--button-transition: background 0s ;--button-text-decoration: underline;background-size:100%}.sf-button--pure{--button-padding: 0;--button-background: transparent;--button-color: var(--c-text);--button-text-transform: none;--button-wrap: normal;--button-box-shadow: none}.sf-button--pure:active,.sf-button--pure:hover{--button-background: transparent;--button-text-decoration: none}.sf-button--full-width{--button-width: 100%}.sf-button--outline{--button-border-width: 1px;--button-background: transparent;--button-color: var(--c-text)}.sf-button--outline:hover{--button-background: transparent}.sf-button--outline:active{--button-border-color: var(--c-primary-variant);--button-background: transparent;--button-transition: color 150ms linear}.sf-button--outline.color-black{--button-border-color: var(--c-dark);--button-background: transparent}.sf-button--outline.color-black:active{--button-background: transparent}.sf-button--outline.color-white{--button-border-color: var(--c-white);--button-background: transparent}.sf-button--outline.color-white:active{--button-background: transparent}.sf-button--outline.color-primary{--button-border-color: var(--c-primary);--button-background: transparent}.sf-button--outline.color-primary:active{--button-background: transparent}.sf-button--outline.color-secondary{--button-border-color: var(--c-secondary);--button-background: transparent}.sf-button--outline.color-secondary:active{--button-background: transparent}.sf-button--outline.color-light{--button-border-color: var(--c-light);--button-background: transparent}.sf-button--outline.color-light:active{--button-background: transparent}.sf-button--outline.color-dark{--button-border-color: var(--c-dark);--button-background: transparent}.sf-button--outline.color-dark:active{--button-background: transparent}.sf-button--outline.color-info{--button-border-color: var(--c-info);--button-background: transparent}.sf-button--outline.color-info:active{--button-background: transparent}.sf-button--outline.color-success{--button-border-color: var(--c-success);--button-background: transparent}.sf-button--outline.color-success:active{--button-background: transparent}.sf-button--outline.color-warning{--button-border-color: var(--c-warning);--button-background: transparent}.sf-button--outline.color-warning:active{--button-background: transparent}.sf-button--outline.color-danger{--button-border-color: var(--c-danger);--button-background: transparent}.sf-button--outline.color-danger:active{--button-background: transparent}.sf-button--text{--button-border-width: 0;--button-padding: 0;--button-background: transparent;--button-color: var(--c-text);--button-text-transform: none;--button-text-decoration: underline;--button-font-size: var(--font-size--sm);--button-font-weight: var(--font-weight--medium);--button-box-shadow: none;display:inline}.sf-button--text:hover{--button-background: transparent;--button-color: var(--c-primary)}.sf-button--text:active{--button-color: var(--c-gray)}.sf-button--text.color-black{--button-background: transparent}.sf-button--text.color-black:hover{--button-color: var(--c-dark)}.sf-button--text.color-black:active{--button-color: var(--c-gray);--button-background: transparent}.sf-button--text.color-white{--button-background: transparent}.sf-button--text.color-white:hover{--button-color: var(--c-white)}.sf-button--text.color-white:active{--button-color: var(--c-gray);--button-background: transparent}.sf-button--text.color-primary{--button-background: transparent}.sf-button--text.color-primary:hover{--button-color: var(--c-primary)}.sf-button--text.color-primary:active{--button-color: var(--c-gray);--button-background: transparent}.sf-button--text.color-secondary{--button-background: transparent}.sf-button--text.color-secondary:hover{--button-color: var(--c-secondary)}.sf-button--text.color-secondary:active{--button-color: var(--c-gray);--button-background: transparent}.sf-button--text.color-light{--button-background: transparent}.sf-button--text.color-light:hover{--button-color: var(--c-light)}.sf-button--text.color-light:active{--button-color: var(--c-gray);--button-background: transparent}.sf-button--text.color-dark{--button-background: transparent}.sf-button--text.color-dark:hover{--button-color: var(--c-dark)}.sf-button--text.color-dark:active{--button-color: var(--c-gray);--button-background: transparent}.sf-button--text.color-info{--button-background: transparent}.sf-button--text.color-info:hover{--button-color: var(--c-info)}.sf-button--text.color-info:active{--button-color: var(--c-gray);--button-background: transparent}.sf-button--text.color-success{--button-background: transparent}.sf-button--text.color-success:hover{--button-color: var(--c-success)}.sf-button--text.color-success:active{--button-color: var(--c-gray);--button-background: transparent}.sf-button--text.color-warning{--button-background: transparent}.sf-button--text.color-warning:hover{--button-color: var(--c-warning)}.sf-button--text.color-warning:active{--button-color: var(--c-gray);--button-background: transparent}.sf-button--text.color-danger{--button-background: transparent}.sf-button--text.color-danger:hover{--button-color: var(--c-danger)}.sf-button--text.color-danger:active{--button-color: var(--c-gray);--button-background: transparent}.sf-button.is-disabled--button,.sf-button.is-disabled--button:hover{--button-color: var(--c-text-disabled);--button-border-color: transparent;--button-background: var(--c-light);--button-box-shadow: none;pointer-events:none;cursor:default}.sf-button.is-disabled--button.sf-button--text,.sf-button.is-disabled--button:hover.sf-button--text{--button-background: transparent;--button-color: var(--c-gray-variant)}.sf-button.is-disabled--button.sf-button--outline,.sf-button.is-disabled--button:hover.sf-button--outline{--button-border-color: var(--c-light);--button-background: transparent}.sf-button--underlined{--button-border-width: 0 0 1px 0;--button-border-color: var(--c-light);--button-background: transparent;--button-color: var(--c-text-muted);--button-box-shadow: none}.sf-button--underlined:active{--button-background: var(--c-gray-variant);--button-color: var(--c-light-variant)}.sf-button--underlined:hover{--button-background: var(--c-gray-variant);--button-color: var(--c-white)}.sf-button--underlined.color-black{--button-background: transparent}.sf-button--underlined.color-black:active{--button-background: var(--c-dark);--button-border-width: 0 0 1px 0;--button-border-color: var(--c-light)}.sf-button--underlined.color-white{--button-background: transparent}.sf-button--underlined.color-white:active{--button-background: var(--c-white);--button-border-width: 0 0 1px 0;--button-border-color: var(--c-light)}.sf-button--underlined.color-primary{--button-background: transparent}.sf-button--underlined.color-primary:active{--button-background: var(--c-primary);--button-border-width: 0 0 1px 0;--button-border-color: var(--c-light)}.sf-button--underlined.color-secondary{--button-background: transparent}.sf-button--underlined.color-secondary:active{--button-background: var(--c-secondary);--button-border-width: 0 0 1px 0;--button-border-color: var(--c-light)}.sf-button--underlined.color-light{--button-background: transparent}.sf-button--underlined.color-light:active{--button-background: var(--c-light);--button-border-width: 0 0 1px 0;--button-border-color: var(--c-light)}.sf-button--underlined.color-dark{--button-background: transparent}.sf-button--underlined.color-dark:active{--button-background: var(--c-dark);--button-border-width: 0 0 1px 0;--button-border-color: var(--c-light)}.sf-button--underlined.color-info{--button-background: transparent}.sf-button--underlined.color-info:active{--button-background: var(--c-info);--button-border-width: 0 0 1px 0;--button-border-color: var(--c-light)}.sf-button--underlined.color-success{--button-background: transparent}.sf-button--underlined.color-success:active{--button-background: var(--c-success);--button-border-width: 0 0 1px 0;--button-border-color: var(--c-light)}.sf-button--underlined.color-warning{--button-background: transparent}.sf-button--underlined.color-warning:active{--button-background: var(--c-warning);--button-border-width: 0 0 1px 0;--button-border-color: var(--c-light)}.sf-button--underlined.color-danger{--button-background: transparent}.sf-button--underlined.color-danger:active{--button-background: var(--c-danger);--button-border-width: 0 0 1px 0;--button-border-color: var(--c-light)}@media(min-width: 1024px){.sf-button{--button-padding: var(--spacer-sm) var(--spacer-lg)}.sf-button--pure,.sf-button--text{--button-padding: 0}}.sf-link{--button-width: var(--spacer-3xl)}.sf-link.is-disabled--link,.sf-link.is-disabled--link:hover{--button-box-shadow: none;--button-border-color: transparent;--button-background: var(--c-light);pointer-events:none;cursor:default}.sf-link.is-disabled--link.sf-button,.sf-link.is-disabled--link:hover.sf-button{--button-color: var(--c-text-disabled)}.sf-link.is-disabled--link.sf-button--text,.sf-link.is-disabled--link:hover.sf-button--text{--button-background: transparent;--link-color: var(--c-gray-variant)}.sf-link.is-disabled--link.sf-button--outline,.sf-link.is-disabled--link:hover.sf-button--outline{--button-border-color: var(--c-light);--button-background: transparent}
.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: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-heading{-webkit-box-sizing:border-box;box-sizing:border-box;padding:var(--heading-padding, 0 0 var(--spacer-xs) 0);text-align:var(--heading-text-align, center)}.sf-heading__title{margin:var(--heading-title-margin, 0);color:var(--heading-title-color, var(--c-text));font:var(--heading-title-font, var(--heading-title-font-weight, var(--font-weight--semibold)) var(--heading-title-font-size, var(--h1-font-size))/var(--heading-title-font-line-height, 1.6) var(--heading-title-font-family, var(--font-family--secondary)))}.sf-heading__title.h2{font-size:var(--heading-title-font-size, var(--h2-font-size));font-weight:var(--heading-title-font-weight, var(--font-weight--normal))}.sf-heading__title.h3{font-size:var(--heading-title-font-size, var(--h3-font-size));font-weight:var(--heading-title-font-weight, var(--font-weight--semibold))}.sf-heading__title.h4{font-size:var(--heading-title-font-size, var(--h4-font-size));font-weight:var(--heading-title-font-weight, var(--font-weight--medium))}.sf-heading__title.h5{font-size:var(--heading-title-font-size, var(--h5-font-size));font-weight:var(--heading-title-font-weight, var(--font-weight--normal))}.sf-heading__title.h6{font-size:var(--heading-title-font-size, var(--h6-font-size));font-weight:var(--heading-title-font-weight, var(--font-weight--normal))}.sf-heading__description{margin:var(--heading-description-margin, var(--spacer-sm) 0 0);color:var(--heading-description-color, var(--c-text));font:var(--heading-description-font, var(--heading-description-font-weight, var(--font-weight--normal)) var(--heading-description-font-size, var(--font-size--base))/var(--heading-description-font-line-height, 1.6) var(--heading-description-font-family, var(--font-family--secondary)))}@media(min-width: 1024px){.sf-heading{--heading-padding: 0;--heading-border: 0;--heading-text-align: center}}.sf-heading--underline{border:var(--heading-border, var(--heading-border-style, solid) var(--heading-border-color, var(--c-light)));border-width:var(--heading-border-width, 0 0 1px 0)}.sf-heading--left{--heading-text-align: left}.sf-heading--right{--heading-text-align: right}
.sf-alert{--icon-size: 1.25rem;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:var(--alert-color);font:var(--alert-font, var(--alert-font-weight, var(--font-weight--normal)) var(--alert-font-size, var(--font-size--base))/var(--alert-font-line-height, 1.6) var(--alert-font-family, var(--font-family--primary)))}.sf-alert__message{margin:var(--alert-message-margin, 0 0 0 var(--spacer-xs))}.sf-alert.color-black{--icon-color: var(--c-dark);--alert-color: var(--c-dark)}.sf-alert.color-white{--icon-color: var(--c-white);--alert-color: var(--c-white)}.sf-alert.color-primary{--icon-color: var(--c-primary);--alert-color: var(--c-primary)}.sf-alert.color-secondary{--icon-color: var(--c-secondary);--alert-color: var(--c-secondary)}.sf-alert.color-light{--icon-color: var(--c-light);--alert-color: var(--c-light)}.sf-alert.color-dark{--icon-color: var(--c-dark);--alert-color: var(--c-dark)}.sf-alert.color-info{--icon-color: var(--c-info);--alert-color: var(--c-info)}.sf-alert.color-success{--icon-color: var(--c-success);--alert-color: var(--c-success)}.sf-alert.color-warning{--icon-color: var(--c-warning);--alert-color: var(--c-warning)}.sf-alert.color-danger{--icon-color: var(--c-danger);--alert-color: var(--c-danger)}
.sf-notification{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:var(--notification-align-items, center);align-items:var(--notification-align-items, center);-webkit-box-sizing:border-box;box-sizing:border-box;max-width:var(--notification-max-width, 20.9375rem);padding:var(--notification-padding, var(--spacer-sm) var(--spacer-xs));-webkit-box-shadow:var(--notification-box-shadow, 0 4px 11px rgba(var(--c-dark-base), 0.1));box-shadow:var(--notification-box-shadow, 0 4px 11px rgba(var(--c-dark-base), 0.1));border-radius:var(--notification-border-radius, 5px);background:var(--notification-background);color:var(--notification-color, var(--c-white));font:var(--notification-font, var(--notification-font-weight, var(--font-weight--medium)) var(--notification-font-size, var(--font-size--lg))/var(--notification-font-line-height, normal) var(--notification-font-family, var(--font-family--secondary)))}.sf-notification__title{display:var(--notification-title-display, block);font:var(--notification-title-font, var(--notification-title-font-weight, var(--font-weight--medium)) var(--notification-title-font-size, var(--font-size--lg))/var(--notification-title-font-line-height, normal) var(--notification-title-font-family, var(--font-family--secondary)))}.sf-notification__title::after{content:" "}@media(min-width: 1024px){.sf-notification__title::after{content:none}}.sf-notification__message{display:block}.sf-notification__action{display:var(--notification-action-display, none);color:var(--notification-action-color);font:var(--notification-action-font, inherit);-webkit-text-decoration:var(--notification-action-text-decoration, underline);text-decoration:var(--notification-action-text-decoration, underline)}.sf-notification__icon{--icon-color: var(--c-white);margin:var(--notification-icon-margin, 0 var(--spacer-xs) 0 0)}.sf-notification__close{--icon-size: 0.85rem;position:absolute;top:var(--notification-close-top, var(--spacer-xs));right:var(--notification-close-right, var(--spacer-xs))}@media(min-width: 1024px){.sf-notification{--notification-max-width: 100%;--notification-icon-margin: 0 var(--spacer-base) 0 0;--notification-action-display: inline;--notification-close-top: auto;--notification-close-right: var(--spacer-sm)}}.sf-notification.color-black{--notification-background: var(--c-dark)}.sf-notification.color-white{--notification-background: var(--c-white)}.sf-notification.color-primary{--notification-background: var(--c-primary)}.sf-notification.color-secondary{--notification-background: var(--c-secondary)}.sf-notification.color-light{--notification-background: var(--c-light)}.sf-notification.color-dark{--notification-background: var(--c-dark)}.sf-notification.color-info{--notification-background: var(--c-info)}.sf-notification.color-success{--notification-background: var(--c-success)}.sf-notification.color-warning{--notification-background: var(--c-warning)}.sf-notification.color-danger{--notification-background: var(--c-danger)}
.sf-search-bar{-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:var(--search-bar-display, flex);-ms-flex-align:center;align-items:center;background:var(--search-bar-background);padding:var(--search-bar-padding);width:var(--search-bar-width);height:var(--search-bar-height, 2rem)}.sf-search-bar__button{position:absolute;bottom:var(--spacer-xs);right:var(--search-bar-button-right, 0)}.sf-search-bar__icon{--icon-size: 1.25rem;display:var(--search-bar-icon-display, block)}.sf-search-bar__input{position:relative;-ms-flex-positive:1;flex-grow:1;background:rgba(0,0,0,0);text-align:var(--search-bar-input-text-align);width:100%;height:100%;font:var(--search-bar-font, var(--search-bar-font-weight, var(--font-weight--normal)) var(--search-bar-font-size, var(--font-size--base))/var(--search-bar-font-line-height, 1.6) var(--search-bar-font-family, var(--font-family--secondary)));border:var(--search-bar-border, var(--search-bar-border-style, solid) var(--search-bar-border-color, var(--c-dark-variant)));border-width:var(--search-bar-border-width, 0 0 2px 0)}.sf-search-bar__input::-webkit-input-placeholder{color:var(--search-bar-placeholder-color, var(--c-gray));-webkit-transition:var(--search-bar-placeholder-transition, color 0.2s ease-in);-o-transition:var(--search-bar-placeholder-transition, color 0.2s ease-in);transition:var(--search-bar-placeholder-transition, color 0.2s ease-in);font:inherit}.sf-search-bar__input::-moz-placeholder{color:var(--search-bar-placeholder-color, var(--c-gray));-webkit-transition:var(--search-bar-placeholder-transition, color 0.2s ease-in);-o-transition:var(--search-bar-placeholder-transition, color 0.2s ease-in);transition:var(--search-bar-placeholder-transition, color 0.2s ease-in);font:inherit}.sf-search-bar__input:-ms-input-placeholder{color:var(--search-bar-placeholder-color, var(--c-gray));-webkit-transition:var(--search-bar-placeholder-transition, color 0.2s ease-in);-o-transition:var(--search-bar-placeholder-transition, color 0.2s ease-in);transition:var(--search-bar-placeholder-transition, color 0.2s ease-in);font:inherit}.sf-search-bar__input:focus{--search-bar-border-color: var(--c-primary)}.sf-search-bar__input:focus::-webkit-input-placeholder{color:var(--search-bar-placeholder-color-focus, transparent)}.sf-search-bar__input:focus::-moz-placeholder{color:var(--search-bar-placeholder-color-focus, transparent)}.sf-search-bar__input:focus:-ms-input-placeholder{color:var(--search-bar-placeholder-color-focus, transparent)}.sf-search-bar__input::-webkit-search-cancel-button{opacity:0}.sf-search-bar__input[type=search]{-webkit-appearance:none}.sf-search-bar__input::-ms-clear{opacity:0}.sf-search-bar--position-center{-ms-flex-direction:var(--search-bar-icon-flex-direction, row);flex-direction:var(--search-bar-icon-flex-direction, row)}.sf-search-bar--position-center .sf-search-bar__input{--search-bar-input-text-align: center}.sf-search-bar--position-center .sf-search-bar__input::-webkit-input-placeholder{text-align:center}.sf-search-bar--position-center .sf-search-bar__input::-moz-placeholder{text-align:center}.sf-search-bar--position-center .sf-search-bar__input::-ms-input-placeholder{text-align:center}.sf-search-bar--position-center .sf-search-bar__input::placeholder{text-align:center}.sf-search-bar--no-icon{--search-bar-icon-display: none}@media(min-width: 1024px){.sf-search-bar{--search-bar-width: 20rem}}
.sf-bar{-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;height:var(--bar-height, 3.125rem);-ms-flex:0 0 var(--bar-height, 3.125rem);flex:0 0 var(--bar-height, 3.125rem);padding:var(--bar-padding, 0 var(--spacer-base));background-color:var(--bar-background, var(--c-light));font:var(--bar-font, var(--bar-font-weight, var(--font-weight--medium)) var(--bar-font-size, var(--font-size--base))/var(--bar-font-line-height, 1.6) var(--bar-font-family, var(--font-family--secondary)))}.sf-bar__icon{--icon-width: 0.875rem;padding:0;border:0;background:rgba(0,0,0,0)}
.sf-modal__container{position:fixed;top:var(--modal-top, 0);right:var(--modal-right, 0);bottom:var(--modal-bottom, 0);left:var(--modal-left, 0);z-index:var(--modal-index, 1);-webkit-transform:var(--modal-transform);-ms-transform:var(--modal-transform);transform:var(--modal-transform);display:-ms-flexbox;display:flex;-ms-flex-direction:var(--modal-flex-direction, column);flex-direction:var(--modal-flex-direction, column);-ms-flex-line-pack:justify;align-content:space-between;-webkit-box-sizing:border-box;box-sizing:border-box;width:var(--modal-width);height:var(--modal-height);border:var(--modal-border);max-height:var(--modal-max-height);background-color:var(--modal-background, var(--c-white))}.sf-modal__container::-webkit-scrollbar{width:0}.sf-modal__content{overflow-y:auto;padding:var(--modal-content-padding, var(--spacer-base) var(--spacer-sm));font:var(--modal-content-font, var(--modal-content-font-weight, var(--font-weight--light)) var(--modal-content-font-size, var(--font-size--base))/var(--modal-content-font-line-height, 1.6) var(--modal-content-font-family, var(--font-family--primary)))}.sf-modal__close{position:absolute;right:var(--modal-close-right, var(--spacer-sm));top:var(--modal-close-top, var(--spacer-sm))}@media(min-width: 1024px){.sf-modal{--modal-width: 29.375rem;--modal-top: 50%;--modal-left: 50%;--modal-bottom: none;--modal-right: none;--modal-transform: translate3d(-50%, -50%, 0);--modal-height: auto;--modal-max-height: 90%;--modal-content-padding: var(--spacer-sm) var(--spacer-lg)}}
.sf-input{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;width:var(--input-width);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))))}.sf-input__label{position:absolute;display:var(--input-label-display);top:var(--input-label-top, 50%);left:var(--input-label-left);padding:var(--input-label-padding);color:var(--input-label-color, var(--c-link));text-transform:underline;background:var(--input-label-background);-webkit-transform:var(--input-label-transform, translate3d(0, calc(var(--input-label-top, 50%) * -1), 0));transform:var(--input-label-transform, translate3d(0, calc(var(--input-label-top, 50%) * -1), 0));-webkit-transition:var(--input-label-transition, top 150ms linear, font-size 150ms linear);-o-transition:var(--input-label-transition, top 150ms linear, font-size 150ms linear);transition:var(--input-label-transition, top 150ms linear, font-size 150ms linear)}.sf-input__label::after{content:var(--input-label-required);color:var(--input-label-color, var(--c-link))}.sf-input__label{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)))}.sf-input__bar{position:relative;display:var(--input-bar-display, block)}.sf-input__bar::before,.sf-input__bar::after{position:absolute;bottom:0;width:var(--input-bar-width, 0);height:1px;background:var(--input-bar-background, var(--c-primary));-webkit-transition:width 150ms linear;-o-transition:width 150ms linear;transition:width 150ms linear;content:""}.sf-input__bar::before{left:50%}.sf-input__bar::after{right:50%}.sf-input__error-message{color:var(--input-error-message-color, var(--c-danger));min-height:calc(var(--font-size--xs)*1.2);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)))}.sf-input__wrapper,.sf-input input{border-radius:0;width:100%;height:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none}.sf-input__wrapper{position:relative;margin:var(--input-margin, 0 0 var(--spacer-xs) 0)}.sf-input input{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;padding:var(--input-padding, var(--spacer-sm) 0 var(--spacer-xs) 0);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);background:var(--input-background);color:var(--input-color, var(--c-text));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)));text-align:var(--input-text-align)}.sf-input input:focus~*,.sf-input input:placeholder-shown~*,.sf-input input:-webkit-autofill~*,.sf-input input:-webkit-autofill:hover~*,.sf-input input:-webkit-autofill:focus~*{--icon-color: var(--c-primary);--input-password-icon-background: var(--c-primary);--input-label-top: 0;--input-label-color: var(--c-primary);--input-label-font-size: var(--font-size--xs);--input-bar-width: 50%;--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]::-webkit-inner-spin-button,.sf-input input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.sf-input input[type=number]{-moz-appearance:textfield}.sf-input input[type=search]{-webkit-appearance:none}.sf-input__password-button{--icon-size: 12px;--button-padding: 0;--button-background: transparent;position:absolute;top:var(--input-icon-top, 50%);right:var(--input-icon-right, var(--spacer-xs));-webkit-transform:translate3d(0, -50%, 0);transform:translate3d(0, -50%, 0)}.sf-input__password-button:hover{--button-background: transparent;--button-box-shadow: none}.sf-input__password-icon{position:relative}.sf-input__password-icon.hidden{--input-password-icon-scaleX: 1}.sf-input__password-icon::after{position:absolute;top:50%;width:100%;height:1px;background:var(--input-password-icon-background, var(--c-black));-webkit-transform:translate3d(0, -50%, 0) rotate(45deg) scaleX(var(--input-password-icon-scaleX, 0));transform:translate3d(0, -50%, 0) rotate(45deg) scaleX(var(--input-password-icon-scaleX, 0));-webkit-transition:-webkit-transform 150ms linear;transition:-webkit-transform 150ms linear;-o-transition:transform 150ms linear;transition:transform 150ms linear;transition:transform 150ms linear, -webkit-transform 150ms linear;content:""}.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.has-text,.sf-input input[type=date]~*,.sf-input input[type=time]~*,.sf-input input[type=image]~*,.sf-input input[type=file]~*{--input-label-top: 0;--input-label-font-size: var(--font-size--xs)}.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-label-transition: color 150ms ease;--input-border: none}.sf-input--filled.has-text{--input-label-display: none}.sf-input--filled input:focus~*{--input-bar-width: unset;--input-label-top: 50%;--input-label-font-size: var(--font-size--xs);--input-label-color: var(--c-text)}.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-top: -25%;--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-top: -25%;--input-label-left: var(--spacer-xs);--input-label-padding: 0 var(--spacer-2xs);--input-bar-width: 0;--input-label-color: var(--c-secondary-variant)}
.sf-chevron{position:var(--chevron-position, relative);width:var(--chevron-size, 1.25rem);height:var(--chevron-size, 1.25rem);cursor:pointer}.sf-chevron__bar{position:absolute;top:50%;background:var(--chevron-background, transparent);-webkit-transition:-webkit-transform 300ms cubic-bezier(0.25, 1.7, 0.35, 0.8);transition:-webkit-transform 300ms cubic-bezier(0.25, 1.7, 0.35, 0.8);-o-transition:transform 300ms cubic-bezier(0.25, 1.7, 0.35, 0.8);transition:transform 300ms cubic-bezier(0.25, 1.7, 0.35, 0.8);transition:transform 300ms cubic-bezier(0.25, 1.7, 0.35, 0.8), -webkit-transform 300ms cubic-bezier(0.25, 1.7, 0.35, 0.8)}.sf-chevron__bar:after{content:"";display:block;width:calc(var(--chevron-size, 1.25rem)/2);height:calc(var(--chevron-size, 1.25rem)/10);background:var(--chevron-color, var(--c-black))}.sf-chevron__bar--left{left:calc(var(--chevron-size, 1.25rem)/10);-webkit-transform:translate3d(var(--chevron-translateX, 0), var(--chevron-translateY, -50%), 0) rotate(var(--chevron-rotate, 45deg));transform:translate3d(var(--chevron-translateX, 0), var(--chevron-translateY, -50%), 0) rotate(var(--chevron-rotate, 45deg))}.sf-chevron__bar--right{right:calc(var(--chevron-size, 1.25rem)/10);-webkit-transform:translate(var(--chevron-translateX, 0), var(--chevron-translateY, -50%)) rotate(calc(var(--chevron-rotate, 45deg) * -1));-ms-transform:translate(var(--chevron-translateX, 0), var(--chevron-translateY, -50%)) rotate(calc(var(--chevron-rotate, 45deg) * -1));transform:translate(var(--chevron-translateX, 0), var(--chevron-translateY, -50%)) rotate(calc(var(--chevron-rotate, 45deg) * -1))}.sf-chevron--top{--chevron-rotate: -45deg}.sf-chevron--left .sf-chevron__bar--left{--chevron-rotate: 45deg;--chevron-translateY: 150%}.sf-chevron--left .sf-chevron__bar--right{--chevron-rotate: 45deg;--chevron-translateX: -60%;--chevron-translateY: -150%}.sf-chevron--right .sf-chevron__bar--left{--chevron-rotate: 45deg;--chevron-translateX: 60%;--chevron-translateY: -150%}.sf-chevron--right .sf-chevron__bar--right{--chevron-rotate: 45deg;--chevron-translateY: 150%}
.sf-table{-webkit-box-sizing:border-box;box-sizing:border-box;width:var(--table-width, 100%);border:none;border-spacing:var(--table-border-spacing, 0)}.sf-table__heading,.sf-table__row{-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.sf-table__heading{-ms-flex-align:center;align-items:center;padding:var(--table-heading-padding, var(--spacer-sm) 0);background-color:var(--table-heading-background, transparent);border:var(--table-border-heading, var(--table-border-heading-style, solid) var(--table-border-heading-color, var(--c-primary)));border-width:var(--table-border-heading-width, 0 0 2px 0)}.sf-table__header{font:var(--table-header-font, var(--table-header-font-weight, var(--font-weight--normal)) var(--table-header-font-size, var(--font-size--base))/var(--table-header-font-line-height, 1.4) var(--table-header-font-family, var(--font-family--secondary)));color:var(--table-header-color, var(--c-text))}.sf-table__row{padding:var(--table-row-padding, var(--spacer-xs) 0);background-color:var(--table-row-background);-webkit-box-shadow:var(--table-row-box-shadow);box-shadow:var(--table-row-box-shadow);border:var(--table-row-border, var(--table-row-border-style, solid) var(--table-row-border-color, var(--c-light)));border-width:var(--table-row-border-width, 0 0 2px 0)}.sf-table__data{color:var(--table-data-color, var(--c-dark-variant));font:var(--table-data-font, var(--table-data-font-weight, var(--font-weight--normal)) var(--table-data-font-size, var(--font-size--base))/var(--table-data-font-line-height, 1.6) var(--table-data-font-family, var(--font-family--secondary)))}.sf-table__data,.sf-table__header{-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex:var(--table-column-flex, 0 0 calc(100% / var(--_table-column-width)));flex:var(--table-column-flex, 0 0 calc(100% / var(--_table-column-width)));padding:var(--table-column-padding, 0);text-align:var(--table-column-text-align, left)}.sf-table__data:nth-child(even),.sf-table__header:nth-child(even){-ms-flex-order:var(--_table-column-order, 1);order:var(--_table-column-order, 1)}.sf-table--no-border{--table-row-border-width: 0}@media(min-width: 1024px){.sf-table{--table-row-padding: var(--spacer-sm) var(--spacer-sm);--table-heading-padding: var(--spacer-sm) var(--spacer-sm);--table-heading-background: transparent;--table-column-flex: 1;--_table-column-order: 0;--table-header-font-weight: var(--font-weight--normal)}.sf-table--no-border{--table-row-border-width: 0}.sf-table__row:hover{--table-row-box-shadow: 0px 4px 11px rgba(29, 31, 34, 0.1)}}
.sf-pagination{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.sf-pagination__item{--link-text-decoration: none;color:var(--pagination-item-color, var(--c-gray-variant));width:var(--pagination-item-width);height:var(--pagination-item-height);margin:var(--pagination-item-margin, 0 var(--spacer-2xs));font:var(--pagination-font, var(--pagination-font-weight, var(--font-weight--medium)) var(--pagination-font-size, var(--font-size--lg))/var(--pagination-font-line-height, 1.4) var(--pagination-font-family, var(--font-family--secondary)))}.sf-pagination__item.prev,.sf-pagination__item--next{--pagination-item-width: 1.125rem;--pagination-item-height: 1.125rem}.sf-pagination__item.prev{--pagination-item-margin: 0 var(--spacer-base) 0 0}.sf-pagination__item.next{--pagination-item-margin: 0 0 0 var(--spacer-base)}.sf-pagination__item.current{--pagination-item-color: var(--c-text);cursor:default}.sf-pagination__item:hover{--pagination-item-color: var(--c-primary)}@media(min-width: 1024px){.sf-pagination{--pagination-item-margin: 0 var(--spacer-xs)}}
.sf-breadcrumbs__list{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:0;margin:0;list-style:none}.sf-breadcrumbs__list-item:not(:last-child)::after{padding:var(--breadcrumbs-list-item-before-padding, 0 var(--spacer-sm));content:var(--breadcrumbs-list-item-seperator, "|");color:var(--breadcrumbs-list-item-before-color, var(--c-text-muted))}.sf-breadcrumbs__breadcrumb{font:var(--breadcrumbs-font, var(--breadcrumbs-font-weight, var(--font-weight--normal)) var(--breadcrumbs-font-size, var(--font-size--xs))/var(--breadcrumbs-font-line-height, 1.6) var(--breadcrumbs-font-family, var(--font-family--secondary)));--link-color: var(--c-text-muted);--link-text-decoration: none}.sf-breadcrumbs__breadcrumb:hover{--link-color: var(--c-text)}.sf-breadcrumbs__breadcrumb.current{--link-color: var(--c-text);cursor:default}@media(min-width: 1024px){.sf-breadcrumbs{--breadcrumbs-font-size: var(--font-size--sm)}}
.sf-icon{position:var(--icon-position, relative);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box;width:var(--icon-width, var(--icon-size, 1.625rem));height:var(--icon-height, var(--icon-size, 1.625rem));background:rgba(0,0,0,0);fill:var(--icon-color, var(--c-black))}.sf-icon svg,.sf-icon img{width:inherit;height:inherit}.sf-icon__badge{position:absolute;top:var(--icon-badge-top, 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-checkbox{--icon-size: 1.25rem}.sf-checkbox__container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:var(--checkbox-padding);width:var(--checkbox-container-width);cursor:var(--checkbox-cursor, pointer)}.sf-checkbox__checkmark{-webkit-box-sizing:border-box;box-sizing:border-box;display:var(--checkbox-display, flex);-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-order:var(--checkbox-order);order:var(--checkbox-order);width:var(--checkbox-size, 1.5rem);height:var(--checkbox-size, 1.5rem);border:var(--checkbox-border, var(--checkbox-border-style, solid) var(--checkbox-border-color, var(--c-link)));border-width:var(--checkbox-border-width, 1px);border-radius:var(--checkbox-border-radius);background:var(--checkbox-background, transparent);-webkit-transition:background 150ms linear,border-color 150ms linear;-o-transition:background 150ms linear,border-color 150ms linear;transition:background 150ms linear,border-color 150ms linear}.has-error .sf-checkbox__checkmark{--checkbox-border-color: var(--c-danger)}.sf-checkbox__checkmark:hover{--checkbox-border-color: var(--c-black)}.has-error .sf-checkbox__checkmark:hover{--checkbox-border-color: var(--c-danger)}.is-disabled .sf-checkbox__checkmark:hover{--checkbox-border-color: var(--c-text-disabled)}.is-disabled .sf-checkbox__checkmark{--checkbox-border-color: var(--c-text-disabled)}.is-disabled .sf-checkbox__checkmark.is-active{--checkbox-background: var(--c-text-disabled)}.has-error .sf-checkbox__checkmark.is-active{--checkbox-border-color: var(--c-danger);--checkbox-background: var(--c-danger)}.sf-checkbox__label{-ms-flex:1;flex:1;margin:var(--checkbox-label-margin, 0 0 0 var(--spacer-xs));color:var(--checkbox-label-color, var(--c-link));font:var(--checkbox-font, var(--checkbox-font-weight, var(--font-weight--normal)) var(--checkbox-font-size, var(--font-size--base))/var(--checkbox-font-line-height, 1.6) var(--checkbox-font-family, var(--font-family--primary)));-webkit-transition:color 150ms linear;-o-transition:color 150ms linear;transition:color 150ms linear}.sf-checkbox__label:hover{--checkbox-label-color: var(--c-black)}.sf-checkbox--is-disabled .sf-checkbox__label:hover{--checkbox-label-color: var(--c-text-disabled)}.sf-checkbox.is-active{--checkbox-border-color: var(--c-primary);--checkbox-background: var(--c-primary)}.sf-checkbox.is-active.has-error{--checkbox-label-color: var(--c-text)}.sf-checkbox.is-active.has-error{--checkbox-border-color: var(--c-danger);--checkbox-background: var(--c-danger);--checkbox-message-color: var(--c-danger)}.sf-checkbox.is-active.is-disabled{--checkbox-border-color: var(--c-text-disabled);--checkbox-background: var(--c-text-disabled)}.sf-checkbox.is-required{--checkbox-message-color: var(--c-text)}.sf-checkbox.is-required.has-error{--checkbox-message-color: var(--c-danger)}.sf-checkbox.is-disabled{--checkbox-label-color: var(--c-text-disabled);--checkbox-border-color: var(--c-text-disabled)}.sf-checkbox__message{margin:var(--checkbox-message-margin, var(--spacer-2xs) 0 0 0);color:var(--checkbox-message-color, var(--c-danger));font:var(--checkbox-message-font, var(--checkbox-message-font-weight, var(--font-weight--normal)) var(--checkbox-message-font-size, var(--font-size--xs))/var(--checkbox-message-font-line-height, 1.2) var(--checkbox-message-font-family, var(--font-family--secondary)))}.sf-checkbox__message .sf-checkbox__message--info{color:var(--checkbox-message-color, var(--c-primary))}.sf-checkbox input{position:absolute;opacity:0;left:-1000%;width:1px;height:1px}.sf-checkbox input[style*="outline: none"]:focus+.sf-checkbox__checkmark{outline:none}.sf-checkbox input:focus+.sf-checkbox__checkmark{outline-color:-webkit-focus-ring-color;outline-style:auto}
.sf-badge{display:inline-block;-webkit-box-sizing:border-box;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(--badge-background, var(--c-primary));border:var(--badge-border);border-radius:var(--badge-border-radius);color:var(--badge-color, var(--c-white));text-align:var(--badge-text-align, center);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-color{-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;width:var(--color-width, var(--color-size, 2.5rem));height:var(--color-height, var(--color-size, 2.5rem));background:var(--color-background);border-radius:var(--color-border-radius)}.sf-color::before{content:"";position:absolute;z-index:-1;top:0;left:0;width:100%;height:100%;border-radius:inherit;-webkit-transition:var(--color-box-shadow-transition, opacity var(--color-box-shadow-transition-opacity-duration, 200ms) var(--color-box-shadow-transition-opacity-timing-function, ease-in-out), box-shadow var(--color-box-shadow-transition-box-shadow-duration, 200ms) var(--color-box-shadow-transition-box-shadow-timing-function, ease-in-out));-o-transition:var(--color-box-shadow-transition, opacity var(--color-box-shadow-transition-opacity-duration, 200ms) var(--color-box-shadow-transition-opacity-timing-function, ease-in-out), box-shadow var(--color-box-shadow-transition-box-shadow-duration, 200ms) var(--color-box-shadow-transition-box-shadow-timing-function, ease-in-out));transition:var(--color-box-shadow-transition, opacity var(--color-box-shadow-transition-opacity-duration, 200ms) var(--color-box-shadow-transition-opacity-timing-function, ease-in-out), box-shadow var(--color-box-shadow-transition-box-shadow-duration, 200ms) var(--color-box-shadow-transition-box-shadow-timing-function, ease-in-out));opacity:var(--color-box-shadow-opacity);-webkit-box-shadow:var(--color-box-shadow, var(--color-box-shadow-h-offset, 0px) var(--color-box-shadow-v-offset, 4px) var(--color-box-shadow-blur, 4px) var(--color-box-shadow-spread, 0px) var(--color-box-shadow-color, var(--c-black)));box-shadow:var(--color-box-shadow, var(--color-box-shadow-h-offset, 0px) var(--color-box-shadow-v-offset, 4px) var(--color-box-shadow-blur, 4px) var(--color-box-shadow-spread, 0px) var(--color-box-shadow-color, var(--c-black)));will-change:opacity,box-shadow}.sf-color{--color-box-shadow-opacity: 0;--color-box-shadow-transition-duration: 150ms;-webkit-transition:-webkit-transform 150ms linear;transition:-webkit-transform 150ms linear;-o-transition:transform 150ms linear;transition:transform 150ms linear;transition:transform 150ms linear, -webkit-transform 150ms linear}.sf-color__badge{--badge-padding: var(--spacer-2xs);--badge-border-radius: 100%;position:absolute}@media(min-width: 1024px){.sf-color{--color-size: 0.75rem}.sf-color.is-active,.sf-color:hover{-webkit-transform:scale(1.667);-ms-transform:scale(1.667);transform:scale(1.667);--color-box-shadow-opacity: 0.25}.sf-color:active{--color-box-shadow: none}}.sf-color--rounded{--color-border-radius: 100%}
.sf-filter{--checkbox-order: 1;--checkbox-border-radius: 100%;--color-size: 1.5rem;width:100%;--checkbox-border-color: transparent}.sf-filter__color{margin:var(--filter-color-margin, 0 var(--spacer-sm) 0 0)}.sf-filter__label{display:var(--filter-label-display, flex);-ms-flex-align:var(--filter-label-align-items, center);align-items:var(--filter-label-align-items, center);margin:var(--filter-label-margin, 0);color:var(--filter-label-color, var(--c-link));font:var(--filter-label-font, var(--filter-label-font-weight, var(--font-weight--normal)) var(--filter-label-font-size, var(--font-size--base))/var(--filter-label-font-line-height, 1.4) var(--filter-label-font-family, var(--font-family--primary)));-webkit-text-decoration:var(--filter-label-text-decoration);text-decoration:var(--filter-label-text-decoration);-webkit-transition:-webkit-transform 150ms ease-in-out;transition:-webkit-transform 150ms ease-in-out;-o-transition:transform 150ms ease-in-out;transition:transform 150ms ease-in-out;transition:transform 150ms ease-in-out, -webkit-transform 150ms ease-in-out;-webkit-transform:var(--filter-label-transform);-ms-transform:var(--filter-label-transform);transform:var(--filter-label-transform);-webkit-transform-origin:center left;-ms-transform-origin:center left;transform-origin:center left}.sf-filter__count{display:var(--filter-count-display);margin:var(--filter-count-margin, 0 var(--spacer-sm) 0 auto);color:var(--filter-count-color, var(--c-text-muted));font:var(--filter-count-font, var(--filter-count-font-weight, var(--font-weight--normal)) var(--filter-count-font-size, var(--font-size--base))/var(--filter-count-font-line-height, 1.4) var(--filter-count-font-family, var(--font-family--secondary)))}.sf-filter--active{--filter-count-color: var(--c-primary);--filter-label-color: var(--c-primary)}@media(min-width: 1024px){.sf-filter{--checkbox-border-radius: 0;--checkbox-border-color: var(--c-text-muted);--checkbox-order: 0;--filter-color-margin: 0;--filter-label-margin: 0 0 0 var(--spacer-xs);--filter-count-margin: 0 0 0 auto;--filter-label-font-size: var(--font-size--sm);--filter-count-font-size: var(--font-size--sm)}.sf-filter.is-active{--filter-label-color: var(--c-text);--filter-count-color: var(--c-text-muted);--checkbox-border-color: var(--c-primary)}}@media(min-width: 1024px){.sf-filter.is-color{--checkbox-display: none;--filter-label-display: none;--filter-count-display: none}}
.sf-price{display:-ms-flexbox;display:flex;-ms-flex-wrap:var(--price-flex-wrap, wrap);flex-wrap:var(--price-flex-wrap, wrap);-ms-flex-direction:var(--price-flex-direction, row);flex-direction:var(--price-flex-direction, row);-ms-flex-align:var(--price-align-items, flex-end);align-items:var(--price-align-items, flex-end);-ms-flex-pack:var(--price-justify-content);justify-content:var(--price-justify-content)}.sf-price__regular{margin:var(--price-regular-margin, 0);color:var(--price-regular-color, var(--c-text));font:var(--price-regular-font, var(--price-regular-font-weight, var(--font-weight--medium)) var(--price-regular-font-size, var(--font-size--lg))/var(--price-regular-font-line-height, 1.6) var(--price-regular-font-family, var(--font-family--secondary)));-webkit-text-decoration:var(--price-regular-text-decoration, none);text-decoration:var(--price-regular-text-decoration, none)}.sf-price__special{margin:var(--price-special-margin, 0);color:var(--price-special-color, var(--c-text));font:var(--price-special-font, var(--price-special-font-weight, var(--font-weight--medium)) var(--price-special-font-size, var(--font-size--lg))/var(--price-special-font-line-height, 1.6) var(--price-special-font-family, var(--font-family--secondary)));-webkit-text-decoration:var(--price-special-text-decoration, none);text-decoration:var(--price-special-text-decoration, none)}.sf-price__old{margin:var(--price-old-margin, 0 var(--spacer-xs) 0 0);color:var(--price-old-color, var(--c-danger));font:var(--price-old-font, var(--price-old-font-weight, var(--font-weight--normal)) var(--price-old-font-size, var(--font-size--lg))/var(--price-old-font-line-height, 1.6) var(--price-old-font-family, var(--font-family--secondary)));-webkit-text-decoration:var(--price-old-text-decoration, line-through);text-decoration:var(--price-old-text-decoration, line-through);--price-old-font-size: var(--font-size--xs)}
.sf-image--wrapper{position:relative;display:inline-block}.sf-image--wrapper:hover{--image-overlay-opacity: 1}.sf-image{-o-object-fit:cover;object-fit:cover;width:var(--image-width);height:var(--image-height, auto);display:-ms-flexbox;display:flex}.sf-image:not(.sf-image-loaded){opacity:0;position:absolute}.sf-image:not([alt]),.sf-image[alt=""]{outline-color:red;outline-width:1px;outline-style:dashed}.sf-image--placeholder{display:inline-block}.sf-image--overlay{position:absolute;top:0;width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;padding:var(--image-overlay-padding);background:var(--image-overlay-background, rgba(var(--c-dark-base), 0.6));color:var(--image-overlay-color, var(--c-white));opacity:var(--image-overlay-opacity, 0);-webkit-transition:opacity 150ms ease-in-out;-o-transition:opacity 150ms ease-in-out;transition:opacity 150ms ease-in-out;font-family:var(--font-family--secondary);font-weight:var(--font-weight--light)}
.sf-property{display:-ms-flexbox;display:flex;color:var(--property-color, var(--c-text))}.sf-property__name{margin:var(--property-name-margin, 0 var(--spacer-xs) 0 0);color:var(--property-name-color, var(--c-secondary-variant));text-transform:var(--property-name-text-transform);font:var(--property-name-font, var(--property-name-font-weight, var(--font-weight--normal)) var(--property-name-font-size, var(--font-size--base))/var(--property-name-font-line-height, 1.2) var(--property-name-font-family, var(--font-family--secondary)))}.sf-property__name::after{content:var(--property-name-content, ":")}.sf-property__value{color:var(--property-value-color);font:var(--property-value-font, var(--property-value-font-weight, var(--font-weight--semibold)) var(--property-value-font-size, var(--font-size--base))/var(--property-value-font-line-height, 1.2) var(--property-value-font-family, var(--font-family--secondary)))}.sf-property--large{--property-name-font-size: var(--font-size--lg);--property-name-font-weight: var(--font-weight--medium);--property-value-font-size: var(--font-size--lg);--property-value-font-weight: var(--font-weight--semibold)}.sf-property--full-width{-ms-flex-pack:justify;justify-content:space-between;width:100%}.sf-property--value-in-middle .sf-property__name,.sf-property--value-in-middle .sf-property__value{-ms-flex:1;flex:1}.sf-property--without-suffix{--property-name-content: ""}
.sf-divider{display:var(--divider-display, block);margin:var(--divider-margin);max-width:var(--divider-max-width);width:var(--divider-width);border:var(--divider-border, var(--divider-border-style, solid) var(--divider-border-color, var(--c-light)));border-width:var(--divider-border-width, 1px)}
.sf-characteristic{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.sf-characteristic__icon{--icon-color: var(--c-primary);--icon-size: 2rem;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin:var(--characteristic-margin, 0 var(--spacer-xs) 0 0)}.sf-characteristic__title{font:var(--characteristic-title-font, var(--characteristic-title-font-weight, var(--font-weight--normal)) var(--characteristic-title-font-size, var(--h5-font-size))/var(--characteristic-title-font-line-height, 1.6) var(--characteristic-title-font-family, var(--font-family--secondary)))}.sf-characteristic__description{font:var(--characteristic-description-font, var(--characteristic-description-font-weight, var(--font-weight--normal)) var(--characteristic-description-font-size, var(--font-size--xs))/var(--characteristic-description-font-line-height, 1.6) var(--characteristic-description-font-family, var(--font-family--secondary)))}