.SkillsDial_skillsTile__Hj3cq{position:relative;display:grid;grid-template-columns:178px 1fr;grid-gap:40px;gap:40px;width:100%;height:100%;padding:24px 24px 20px;overflow:visible;border-radius:40px;background:#fbfbfa}.SkillsDial_dialShell__Zb9cV{--fg:#0a0a0a;--surface:#fbfbfa;--recede:#8c8c8c;position:relative;width:202px;margin-left:-12px;margin-right:-12px;height:265px;overflow:hidden;border-radius:28px;background:var(--surface);perspective:500px;cursor:-webkit-grab;cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none;outline:none}.SkillsDial_dialShell__Zb9cV:active{cursor:-webkit-grabbing;cursor:grabbing}.SkillsDial_dialShell__Zb9cV:focus-visible{box-shadow:inset 0 0 0 1px hsla(0,0%,4%,.14)}.SkillsDial_dialFade__WEJXR{position:absolute;inset:0;z-index:3;background:linear-gradient(180deg,var(--surface) 0,hsla(60,11%,98%,.44) 10%,hsla(60,11%,98%,0) 30%,hsla(60,11%,98%,0) 70%,hsla(60,11%,98%,.44) 90%,var(--surface) 100%);pointer-events:none}.SkillsDial_dialList__h36UF{position:absolute;inset:0;z-index:2;margin:0;padding:0;list-style:none;transform-style:preserve-3d}.SkillsDial_dialItem__HWoVh{--mix:86;--blur:5.4;position:absolute;top:calc(50% - 19px);left:12px;right:12px;display:flex;align-items:center;height:38px;font-family:var(--font-urbanist),"Urbanist",sans-serif;font-size:16px;font-weight:700;line-height:1.18;letter-spacing:-.16px;color:color-mix(in srgb,var(--fg),var(--recede) calc(var(--mix) * 1%));filter:blur(calc(var(--blur) * 1px));transform-origin:left center;transform-style:preserve-3d;will-change:transform,opacity,filter}.SkillsDial_dialItem__HWoVh span{display:block;max-width:178px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.SkillsDial_detailColumn__ji2cR{display:flex;flex-direction:column;gap:24px;min-width:0}.SkillsDial_descriptionCard__qwMFW{position:relative;width:186px;height:186px;padding:16px;overflow:hidden;border:3px solid #0a0a0a;border-radius:16px;background:#1d1d1d;color:#fff;box-shadow:68px 71px 28px transparent,43px 46px 25px rgba(0,0,0,.02),24px 26px 21px rgba(0,0,0,.08),11px 11px 16px rgba(0,0,0,.13),3px 3px 9px rgba(0,0,0,.15)}.SkillsDial_descriptionCard__qwMFW:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 4px 4px 4px hsla(0,0%,100%,.15);pointer-events:none}.SkillsDial_descriptionText__IDrK7{position:relative;z-index:1;margin:0;font-family:var(--font-urbanist),"Urbanist",sans-serif;font-size:16px;font-weight:400;line-height:1.08;letter-spacing:-.16px;color:#fff}.SkillsDial_toolStrip__PnEFd{display:grid;grid-template-columns:repeat(4,18px);grid-gap:16px 12px;gap:16px 12px;align-items:end;width:max-content;margin:0;padding:0 0 0 2px;list-style:none}.SkillsDial_toolItem__4G2qK{position:relative;display:flex;align-items:center;justify-content:center;width:18px;height:18px;transform:translateY(0) scale(1);transition:transform .76s cubic-bezier(.16,1,.3,1),filter .64s cubic-bezier(.16,1,.3,1),opacity .52s ease}.SkillsDial_toolItem__4G2qK img{display:block;max-width:18px;max-height:18px;object-fit:contain;filter:grayscale(1) saturate(0) brightness(.48) contrast(1.2);opacity:.7;transition:filter .64s cubic-bezier(.16,1,.3,1),opacity .52s ease,transform .76s cubic-bezier(.16,1,.3,1)}.SkillsDial_toolItemActive__zHyoE{transform:translateY(-2px) scale(1.01)}.SkillsDial_toolItemActive__zHyoE img{filter:drop-shadow(8px 9px 6px rgb(0 0 0/0)) drop-shadow(4px 5px 5px rgb(0 0 0/.018)) drop-shadow(2px 2px 3px rgb(0 0 0/.052)) drop-shadow(1px 1px 2px rgb(0 0 0/.075));opacity:1;transform:scale(1.006)}@media (prefers-reduced-motion:reduce){.SkillsDial_dialItem__HWoVh,.SkillsDial_toolItem__4G2qK,.SkillsDial_toolItem__4G2qK img{transition:none}}@media (min-width:768px) and (max-width:1023px){.SkillsDial_skillsTile__Hj3cq{grid-template-columns:178px 186px;justify-content:center}}@media (max-width:767px){.SkillsDial_skillsTile__Hj3cq{grid-template-columns:1fr;gap:18px;height:auto;min-height:420px;padding:22px;border-radius:24px}.SkillsDial_dialShell__Zb9cV{width:100%;margin-left:0;margin-right:0;height:168px}.SkillsDial_detailColumn__ji2cR{gap:18px}.SkillsDial_descriptionCard__qwMFW{width:100%;height:auto;min-height:132px}.SkillsDial_toolStrip__PnEFd{grid-template-columns:repeat(8,18px)}}