.download-container{box-sizing:border-box;justify-content:flex-start;align-items:center;margin:0;padding:0;display:flex}.download-container .label{background-color:var(--glass);border:1.5px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;border-radius:50px;align-items:center;width:180px;padding:6px;transition:all .5s cubic-bezier(.23,1,.32,1);display:flex;position:relative;box-shadow:0 4px 24px -1px #0003}.download-container .label:hover{border-color:var(--primary);background-color:#ffffff0d;box-shadow:0 0 20px #8b5cf633}.download-container .label:before{content:"";opacity:0;visibility:hidden;background-color:#fff;border-radius:100%;width:8px;height:8px;margin:auto;transition:all .4s;position:absolute;inset:0}.download-container .label .input{display:none}.download-container .label .title{color:var(--foreground);text-align:center;letter-spacing:.02em;opacity:.8;font-size:15px;font-weight:500;transition:all .4s cubic-bezier(.23,1,.32,1);position:absolute;bottom:18px;right:22px;margin-bottom:0!important}.download-container .label .title:last-child{opacity:0;visibility:hidden}.download-container .label .circle{background-color:var(--primary);border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;transition:all .5s cubic-bezier(.23,1,.32,1);display:flex;position:relative;overflow:hidden;box-shadow:0 0 15px #8b5cf64d}.download-container .label:hover .circle{transform:scale(1.05);box-shadow:0 0 25px #8b5cf680}.download-container .label .circle .icon{color:#fff;z-index:2;width:24px;transition:all .4s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.download-container .label .circle .square{aspect-ratio:1;opacity:0;visibility:hidden;z-index:3;background-color:#fff;border-radius:2px;width:14px;transition:all .4s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.download-container .label .circle:before{content:"";background-color:var(--secondary);z-index:1;width:100%;height:0;transition:all .4s;position:absolute;top:0;left:0}.download-container .label:has(.input:checked){border-color:var(--primary);width:54px;animation:.4s cubic-bezier(.23,1,.32,1) 3.5s forwards installed}.download-container .label:has(.input:checked):before{animation:3s ease-in-out .4s forwards rotate}.download-container .label .input:checked+.circle{animation:1s forwards pulse,.2s 3.5s forwards circleDelete;rotate:180deg}.download-container .label .input:checked+.circle:before{animation:3s ease-in-out forwards installing}.download-container .label .input:checked+.circle .icon{opacity:0;visibility:hidden}.download-container .label:has(.input:checked) .circle .square{opacity:1;visibility:visible}.download-container .label .input:checked~.title{opacity:0;visibility:hidden}.download-container .label .input:checked~.title:last-child{animation:.4s cubic-bezier(.23,1,.32,1) 3.5s forwards showInstalledMessage}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #8b5cf6b3}70%{transform:scale(1);box-shadow:0 0 0 16px #8b5cf600}to{transform:scale(.95);box-shadow:0 0 #8b5cf600}}@keyframes installing{0%{height:0}to{height:100%}}@keyframes rotate{0%{opacity:1;visibility:visible;transform:rotate(-90deg)translate(25px)rotate(0)}99%{opacity:1;visibility:visible;transform:rotate(270deg)translate(25px)rotate(270deg)}to{opacity:0;visibility:hidden}}@keyframes installed{to{border-color:#10b981;width:160px;box-shadow:0 0 20px #10b98133}}@keyframes circleDelete{to{opacity:0;visibility:hidden}}@keyframes showInstalledMessage{to{opacity:1;visibility:visible;color:#10b981;right:48px}}