.addon .card,.addon label{cursor:pointer;border-radius:.5rem}.addon{width:100%;display:flex;flex-wrap:wrap}.addon .card{padding:3px;text-align:center;width:115px;box-shadow:0 .125rem .25rem rgba(0,0,0,.075);background:#f7f7f7;transition:transform .15s;margin:6px;flex:0 0 calc((100% - (0px * 8))/ 10)}@media (max-width:500px){.addon .card{width:34vw}}.addon input{display:none}.addon input:checked+label{opacity:1;box-shadow:0 0 0 3px #5e88d3}.addon input:checked+label img{-webkit-filter:none;filter:none}.addon .card:active{transform:scale(.9)}.addon input:checked+label .cover-checkbox{opacity:1;transform:scale(1)}.addon input:checked+label .cover-checkbox svg{stroke-dashoffset:0}.addon label{display:inline-block;width:100%;height:100%;position:relative}.addon label .cover-checkbox{position:absolute;right:5px;top:0;z-index:1;width:30px;height:30px;border-radius:50%;background:#5e88d3;border:2px solid #eeeff5;transition:transform .15s,opacity calc(.15s * 1.2) linear;opacity:0;transform:scale(0)}.addon label .cover-checkbox svg{width:20px;height:17px;display:inline-block;vertical-align:top;fill:none;margin:5px 0 0 3px;stroke:#ffffff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:16px;transition:stroke-dashoffset .4s .15s;stroke-dashoffset:16px}.tippy-box[data-theme~=clean]{background:0 0;box-shadow:none;border:none;padding:0}.tippy-box[data-theme~=clean] .tippy-content{padding:0}.tippy-content{background-color:#f9f5f0;padding:4px;box-shadow:none;border:groove}