.checkbox-wrapper{position:relative;display:inline-block}.checkbox-container{display:flex;align-items:center;gap:8px;cursor:pointer;user-select:none}.checkbox-container.disabled{cursor:not-allowed}.checkbox-inner{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;min-width:20px;width:20px;height:20px;border-radius:4px;transition:all .3s cubic-bezier(.4,0,.2,1);flex-shrink:0}.border-element{position:absolute;inset:0;border-radius:4px;transition:all .3s ease}.gradient-container-checkbox{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:100px;width:102px;height:102px;background:conic-gradient(from 0deg at 50% 50%,#fff 0deg,#0358a6 1turn);animation:rotateGradientTransform 3s ease forwards;z-index:1}@keyframes rotateGradientTransform{0%{transform:translate(-50%,-50%) rotate(0deg);background:conic-gradient(from 0deg at 50% 50%,#fff 0deg,#fff 1turn)}5%{transform:translate(-50%,-50%) rotate(20deg);background:conic-gradient(from 0deg at 50% 50%,#fff 0deg,#0358a6 1turn)}90%{transform:translate(-50%,-50%) rotate(1turn);background:conic-gradient(from 0deg at 50% 50%,#fff 0deg,#0358a6 1turn)}94%{background:rgba(0,0,0,.12)}to{background:#afacab}}.static-border{border:1px solid #afacab}.checked-border,.static-border{background:transparent;z-index:1}.checked-border{border:1px solid #012b46}.checkbox-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:18px;height:18px;border-radius:4px;background:#fff;z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px rgba(0,0,0,.1)}.checkbox-core.checked{background:#01314f;transform:translate(-50%,-50%) scale(1.05);box-shadow:0 2px 8px rgba(1,49,79,.3)}.checkbox-core.disabled{background:#f5f5f5;cursor:not-allowed}.check-icon{height:7px;width:9.15px;opacity:0;transform:scale(.3) rotate(-12deg);animation:checkAppear .4s cubic-bezier(.68,-.55,.265,1.55) forwards}@keyframes checkAppear{0%{opacity:0;transform:scale(.3) rotate(-12deg)}50%{opacity:.8;transform:scale(1.1) rotate(-6deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}.checkbox-label{color:#837f7d;font-size:14px;font-weight:400;line-height:1.4;transition:color .2s ease}.checkbox-label.disabled{color:silver}.checkbox-container:not(.disabled):hover .checkbox-core{transform:translate(-50%,-50%) scale(1.02);box-shadow:0 2px 6px rgba(0,0,0,.15)}.checkbox-container:not(.disabled):hover .checkbox-core.checked{background:#024a6b;transform:translate(-50%,-50%) scale(1.08)}.checkbox-container:not(.disabled):hover .checkbox-label{color:#333}.checkbox-container:focus-within .checkbox-core{outline:2px solid #0358a6;outline-offset:2px}.checkbox-container.disabled{opacity:.6}*{transition:all .2s ease}