.loading-state:after{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;transition:opacity .3s,background-color .3s;opacity:0;pointer-events:none;background-color:#e8e8e8;background-image:linear-gradient(90deg, transparent 0%, #f9f9f9 33%, transparent 50%);background-repeat:no-repeat;background-size:200% 100%;background-position-x:200%;animation:1.5s shine linear infinite}.loading-state--waiting:after,.loading-state--error:after{opacity:1}.loading-state--error:after{animation:none;background-color:#fde8ec;background-position:center;background-size:0% 0%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fa415b' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='11'/%3E%3Cpath d='m7.3 16.7 9.4-9.4m0 9.4L7.3 7.3'/%3E%3C/svg%3E")}.loading-state--error [loading=lazy]{visibility:hidden}.loading-state--error-show:after{transition:background-size .2s;background-size:15% 15%}@keyframes shine{to{background-position-x:-200%}}
svg{display:block}svg[data-size]{flex-shrink:0}svg[data-size="8"]{width:0.5rem;height:0.5rem}svg[data-size="16"]{width:1rem;height:1rem}svg[data-size="24"]{width:1.5rem;height:1.5rem}svg[data-size="32"]{width:2rem;height:2rem}svg[data-size="40"]{width:2.5rem;height:2.5rem}svg[data-size="48"]{width:3rem;height:3rem}svg[data-size="56"]{width:3.5rem;height:3.5rem}svg[data-size="64"]{width:4rem;height:4rem}svg[data-size="80"]{width:5rem;height:5rem}svg[data-size="120"]{width:7.5rem;height:7.5rem}svg[data-size="48x24"]{width:3rem;height:1.5rem}svg[data-rotate="45"]{transform:rotate(45deg)}svg[data-rotate="90"]{transform:rotate(90deg)}svg[data-rotate="135"]{transform:rotate(135deg)}svg[data-rotate="180"]{transform:rotate(180deg)}svg[data-rotate="225"]{transform:rotate(225deg)}svg[data-rotate="270"]{transform:rotate(270deg)}svg[data-rotate="315"]{transform:rotate(315deg)}