.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-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))}.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)}.display-none{display:none}.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);width:var(--image-width,var(--_image-width));height:auto;height:var(--image-height,var(--_image-height,auto));display:flex}.sf-image:not(.sf-image-loaded){opacity:0;position:absolute}.sf-image:not(picture):not([alt]),.sf-image:not(picture)[alt=""],.sf-image img:not([alt]),.sf-image img[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:flex;justify-content:center;align-items:center;padding:var(--image-overlay-padding);background:rgba(var(--c-dark-base),.6);background:var(--image-overlay-background,rgba(var(--c-dark-base),.6));color:var(--c-white);color:var(--image-overlay-color,var(--c-white));opacity:0;opacity:var(--image-overlay-opacity,0);transition:opacity .15s ease-in-out;font-family:var(--font-family--secondary);font-weight:var(--font-weight--light)}