.simple-skill-pill{background-color:#ecf4f9;border:1px solid #d9e9f3;border-radius:100px;flex-direction:row;align-items:center;margin:0 4px 4px 0;padding:5px 13px;font-size:14px;display:inline-flex}@media (width>=460px){.simple-skill-pill{margin:0 10px 10px 0;padding:9px 10px}}.simple-skill-pill .close.icon{margin-left:3px}.simple-skill-pill .pending{padding:0 2px 0 8px;font-size:12px;font-style:italic}.simple-skill-pill .tt-highlight{font-weight:inherit;background-color:inherit}.simple-skill-pill.highlight{font-weight:700}.simple-skill-pill.highlight .tt-highlight{background-color:#0000;font-weight:400}@media (width<=410px){.simple-skill-pill.long{font-size:12px}}.simple-skill-pill.disabled{opacity:.5;cursor:default}.simple-skill-pill.select,.simple-skill-pill.active{border:1px solid var(--chakra-colors-blue-600);cursor:pointer;transition:background-color .333s,color .333s}.simple-skill-pill.select{background-color:var(--chakra-colors-white)}.simple-skill-pill.select.is-selected{background-color:#ecf4f9}.simple-skill-pill.active{background-color:var(--chakra-colors-blue-600);color:var(--chakra-colors-white)}.simple-skill-pill.pending{font-size:11px;font-style:italic;position:relative;top:-1px}.simple-skill-pill.with-definition:hover{border:1px solid var(--chakra-colors-blue-600);cursor:pointer;transition:border-color .5s}.simple-skill-pill.gray-mode{background-color:var(--chakra-colors-gray-300);color:var(--chakra-colors-gray-800)}.simple-skill-pill.gray-mode.active,.simple-skill-pill.gray-mode.hover{border:none}.skill-definition h3{color:var(--chakra-colors-gray-800);margin:0;font-size:16px}.skill-definition h3 small{color:#848484;margin:5px 0 10px;font-size:12px;display:block}.skill-definition .desc-scroll li{padding-top:10px}.skill-definition .desc-scroll li:first-child{padding-top:0}@media (width>=480px){.skill-definition .desc-scroll{-webkit-overflow-scrolling:touch;max-height:230px;overflow-y:auto}}