.question-type-picker-module__8mnbLG__menuButton{color:#c8c8c8;cursor:pointer;background:#171717;border:1px solid #171717;border-radius:.5em;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:13%;width:3.5em;height:3.5em;transition:all .3s;display:flex;position:relative;box-shadow:inset 4px 4px 12px #3a3a3a,inset -4px -4px 12px #000}.question-type-picker-module__8mnbLG__menuButton:hover{border-color:#000}.question-type-picker-module__8mnbLG__menuButton:active{color:#666;box-shadow:6px 6px 12px #3a3a3a,-6px -6px 12px #000}.question-type-picker-module__8mnbLG__menuCheck{appearance:none;opacity:0;cursor:pointer;z-index:2;margin:0;position:absolute;inset:0}.question-type-picker-module__8mnbLG__bar{z-index:1;background:#c8c8c8;border-radius:100px;width:30px;height:4px;transition:all .3s;display:block}.question-type-picker-module__8mnbLG__menuButton[data-open=true] .question-type-picker-module__8mnbLG__top{width:40px;transform:translateY(290%)rotate(45deg)}.question-type-picker-module__8mnbLG__menuButton[data-open=true] .question-type-picker-module__8mnbLG__bot{width:40px;transform:translateY(-270%)rotate(-45deg);box-shadow:0 0 10px #495057}.question-type-picker-module__8mnbLG__menuButton[data-open=true] .question-type-picker-module__8mnbLG__mid{opacity:0;transform:translate(-20px)}.question-type-picker-module__8mnbLG__menuCheck:focus-visible{outline:none}.question-type-picker-module__8mnbLG__menuButton:has(.question-type-picker-module__8mnbLG__menuCheck:focus-visible){outline-offset:3px;outline:2px solid #8eb4e8}.question-type-picker-module__8mnbLG__panel{opacity:0;grid-template-rows:0fr;transition:grid-template-rows .28s,opacity .2s;display:grid}.question-type-picker-module__8mnbLG__panelOpen{opacity:1;grid-template-rows:1fr}.question-type-picker-module__8mnbLG__panelInner{min-height:0;overflow:hidden}
.skill-bar-slider{background:var(--neu-bg);-webkit-user-select:none;user-select:none;width:100%;max-width:500px;box-shadow:var(--neu-raised-sm-shadow);border-radius:7px;padding:10px 20px;position:relative}.skill-bar-slider__title{color:var(--neu-text);font-size:14px;font-weight:600;display:block}.skill-bar-slider__track{background:#0000001a;border-radius:6px;align-items:center;width:100%;height:28px;margin-top:10px;display:flex;position:relative}.dark .skill-bar-slider__track{background:#ffffff1f}.skill-bar-slider__fill{background:var(--neu-text);pointer-events:none;border-radius:6px;min-width:0;height:8px;transition:width .15s ease-out;display:block;position:absolute;top:50%;left:0;transform:translateY(-50%)}.skill-bar-slider__thumb{background:var(--neu-bg);border:2px solid var(--neu-text);width:22px;height:22px;box-shadow:2px 2px 6px var(--neu-shadow-dark), -1px -1px 4px var(--neu-shadow-light);pointer-events:none;z-index:1;border-radius:9999px;transition:left .15s ease-out;position:absolute;top:50%;transform:translate(-50%,-50%)}.skill-bar-slider__value-badge{color:var(--neu-text);font-variant-numeric:tabular-nums;font-size:11px;font-weight:600;position:absolute;top:-22px;right:0}.skill-bar-slider__tooltip{color:#fff;z-index:1;white-space:nowrap;background:#000;border-radius:3px;padding:2px 6px;font-size:9px;font-weight:500;position:absolute;top:-28px;right:-14px}.dark .skill-bar-slider__tooltip{color:#111;background:#f4f4f5}.skill-bar-slider__tooltip:before{content:"";z-index:-1;background:#000;width:10px;height:10px;position:absolute;bottom:-2px;left:50%;transform:translate(-50%)rotate(45deg)}.dark .skill-bar-slider__tooltip:before{background:#f4f4f5}.skill-bar-slider__input{opacity:0;cursor:grab;z-index:2;width:100%;height:100%;margin:0;position:absolute;inset:0}.skill-bar-slider__input:active{cursor:grabbing}.skill-bar-slider__input:focus-visible~.skill-bar-slider__thumb{outline:2px solid var(--ring);outline-offset:2px}.skill-bar-slider__hint{color:color-mix(in srgb, var(--neu-text) 55%, transparent);margin-top:8px;font-size:11px}