.card[data-v-b49ca98c]{align-items:center;background:#000;background-size:100% 100%;border-radius:8px;color:#fff;cursor:pointer;display:flex;justify-content:center;overflow:hidden;padding:4px 0;position:relative;text-align:center;text-transform:uppercase;transform:translateY(0);transition:box-shadow .3s ease-in-out,transform .3s ease-in-out}.card.not-bg[data-v-b49ca98c]{background:none;background-color:#000}.card .card-content[data-v-b49ca98c]{position:relative;width:100%;z-index:1}.card img[data-v-b49ca98c]{left:8px;position:absolute;top:52%;transform:translateY(-50%);width:30%}.card[data-v-b49ca98c]:after{background:linear-gradient(164deg,transparent 29%,#2596aa);content:"";top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .5s ease-in-out;z-index:0}.card[data-v-b49ca98c]:hover{box-shadow:0 8px 15px -5px #2596aab3;transform:translateY(-5px)}.card.selected[data-v-b49ca98c]:after{opacity:1}.skill-input[data-v-35174474]{align-items:center;background-color:#000;border-radius:8px;color:#fff;display:flex;flex-direction:row;gap:.25rem;justify-content:center;padding:.5rem 1rem;transition:all .3s ease-in-out}.skill-input.warn[data-v-35174474]{box-shadow:0 0 5px #ffa11c99,0 0 10px #ffa11c66,0 0 18px #ffa11c33}.skill-input .skill-icon[data-v-35174474]{margin-right:5px;width:1.5em}.skill-input span[data-v-35174474]{text-transform:uppercase}.skill-input input[data-v-35174474]{border-radius:4px;padding:2px;width:6ch}.switch-container[data-v-66ca6a29]{background-color:#000;border-radius:12px;cursor:pointer;display:inline-block;height:24px;outline:none;overflow:hidden;position:relative;width:48px}.switch-container[data-v-66ca6a29]:focus-visible{box-shadow:0 0 0 2px #30c9e180}.switch-container[data-v-66ca6a29]:before{background:linear-gradient(270deg,#000,#30c9e1);border-radius:inherit;content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease-in-out;width:100%;z-index:0}.switch-container.is-active[data-v-66ca6a29]:before{opacity:1}.switch-container.is-active .switch-thumb[data-v-66ca6a29]{left:26px}.switch-thumb[data-v-66ca6a29]{background-color:#30c9e1;border-radius:50%;box-shadow:0 1px 3px #0006;height:20px;left:2px;position:absolute;top:2px;transition:left .3s ease-in-out;width:20px;z-index:1}