smi-badge{display:inline-block}@keyframes badge-spin{0%{transform:rotate(var(--rote-start))}100%{transform:rotate(var(--rote-end))}}smi-badge.smi-badge-type-animation-auto .smi-badge-wrapper:before,smi-badge.smi-badge-type-animation-auto .smi-badge-wrapper:after{display:inline-block;animation:badge-spin var(--spin-speed) linear infinite}smi-badge.smi-badge-type-animation-on-scroll .smi-badge-wrapper:before,smi-badge.smi-badge-type-animation-on-scroll .smi-badge-wrapper:after{content:"";position:absolute;will-change:transform;transition:transform .1s linear;transform:rotate(var(--rotate-deg))}smi-badge .smi-badge-wrapper{position:relative;aspect-ratio:1/1;display:flex}smi-badge .smi-badge-wrapper:before,smi-badge .smi-badge-wrapper:after{-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-image:var(--shape);mask-image:var(--shape)}smi-badge .smi-badge-wrapper:before{background:var(--background-badge-color);content:"";opacity:var(--background-opacity);position:absolute;width:100%;height:100%;left:0;top:0}smi-badge .smi-badge-wrapper:after{content:"";backdrop-filter:blur(var(--badge-bg-blur));position:absolute;width:100%;height:100%;left:0;top:0}smi-badge .smi-badge-wrapper .content-badge{color:var(--text-color);position:relative;padding:var(--padding-badge);display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:1;transform:rotate(var(--rote-text));white-space:nowrap}smi-badge .smi-badge-wrapper .content-badge .sub_label1{font-size:var(--font-size-sub-label-1);font-family:var(--sub-label-1-text-font);font-weight:var(--sub-label-1-text-font-weight);font-style:var(--sub-label-1-text-font-style);text-align:center}smi-badge .smi-badge-wrapper .content-badge .label{font-size:var(--font-size-lable);font-family:var(--lable-text-font);font-weight:var(--lable-text-font-weight);font-style:var(--lable-text-font-style);text-align:center}smi-badge .smi-badge-wrapper .content-badge .sub_label2{font-size:var(--font-size-sub-label-2);font-family:var(--sub-label-2-text-font);font-weight:var(--sub-label-2-text-font-weight);font-style:var(--sub-label-2-text-font-style);text-align:center}