@media(min-width:768px)and (max-width:1023px){html .smartphone-only{display:none!important}}@media(min-width:1024px){html .smartphone-only{display:none!important}}@media(max-width:767px){html .tablet-only{display:none!important}}@media(min-width:1024px){html .tablet-only{display:none!important}}@media(max-width:767px){html .desktop-only{display:none!important}}@media(min-width:768px)and (max-width:1023px){html .desktop-only{display:none!important}}@media(min-width:1024px){html .smartphone-tablet-only{display:none!important}}@media(max-width:767px){html .tablet-desktop-only{display:none!important}}.display-none{display:none}.sf-color{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;transition:var(--color-box-shadow-transition,opacity var(--color-box-shadow-transition-opacity-duration,.2s) var(--color-box-shadow-transition-opacity-timing-function,ease-in-out),box-shadow var(--color-box-shadow-transition-box-shadow-duration,.2s) var(--color-box-shadow-transition-box-shadow-timing-function,ease-in-out));opacity:var(--color-box-shadow-opacity);box-shadow:var(--color-box-shadow,var(--color-box-shadow-h-offset,0) var(--color-box-shadow-v-offset,4px) var(--color-box-shadow-blur,4px) var(--color-box-shadow-spread,0) 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:.15s;transition:transform .15s linear}.sf-color__badge{--badge-padding:var(--spacer-2xs);--badge-border-radius:100%;position:absolute}@media(min-width:1024px){.sf-color{--color-size:.75rem}.sf-color.is-active,.sf-color:hover{transform:scale(1.667);--color-box-shadow-opacity:.25}.sf-color:active{--color-box-shadow:none}}.sf-color--rounded{--color-border-radius:100%}