.circular-progress[data-v-28f906b4]{--size:100px;--half-size:calc(var(--size)/2);--stroke-width:10px;--radius:calc((var(--size) - var(--stroke-width))/2);--circumference:calc(var(--radius) * 3,14 * 2);--dash:calc((var(--progress)*var(--circumference))/100)}.circular-progress circle[data-v-28f906b4]{cx:var(--half-size);cy:var(--half-size);r:var(--radius);stroke-width:var(--stroke-width);fill:none;stroke-linecap:round}.circular-progress circle.bg[data-v-28f906b4]{stroke:#ddd}.circular-progress circle.fg[data-v-28f906b4]{stroke-dasharray:var(--dash) calc(var(--circumference) - var(--dash));stroke:#314e8c;transform:rotate(-90deg);transform-origin:var(--half-size) var(--half-size);transition:stroke-dasharray .3s linear 0s}@property --progress{syntax:"<number>";inherits:false;initial-value:0}.card.item[data-v-1e314082]{cursor:pointer;overflow:hidden;position:relative;transition:.2s}.card img[data-v-1e314082]{height:100%;-o-object-fit:contain;object-fit:contain}.card.active[data-v-1e314082]{animation-duration:1s;animation-iteration-count:infinite;animation-name:outline-1e314082;outline:2px solid #308de3}.card.active .wapper-action[data-v-1e314082]{opacity:1;z-index:10}@keyframes outline-1e314082{0%{outline:2px solid #308de3}50%{outline:2px solid #00c8ff}to{outline:2px solid #308de3}}.item:hover .wapper-action[data-v-1e314082]{opacity:1;z-index:10}.wapper-action[data-v-1e314082]{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#9c9c9c7a;border-radius:10px;height:100%;opacity:0;position:absolute;transition:.2s;width:100%;z-index:-11}.button-action[data-v-1e314082]{visibility:hidden}.card:hover .button-action[data-v-1e314082]{visibility:visible}