.boxes{gap:6px;max-width:500px}.box,.boxes{display:flex;flex-wrap:wrap}.box{font-size:var(--fs-small);padding:.25em .7em;border-radius:999px;gap:5px;margin:1px 1px 5px;font-weight:500;cursor:pointer;border:1px solid var(--line);background-color:var(--cloud);text-decoration:none;transition:border-color .2s var(--ease-out),background-color .2s var(--ease-out)}.box,.box:hover{color:var(--ink)}.box:hover{border-color:var(--violet-ink);background-color:var(--mist)}.skills-box{max-width:300px}@media (max-width:768px){.skills-box{padding:.25em .6em}}.cyan-box,.poststed-box,.workplace-box,.yellow-box{background-color:var(--cloud);color:var(--ink)}.cyan-invert-box,.special-box{background-color:var(--ink);border-color:var(--ink);color:var(--cloud)}.cyan-invert-box:hover,.special-box:hover{background-color:#111820;border-color:var(--band-violet);color:var(--cloud)}.red-box{background-color:var(--cloud);border-color:var(--danger);color:var(--danger)}.red-box:hover{background-color:var(--danger);color:var(--cloud)}.box-max-width{max-width:120px;text-decoration:none;min-width:100px;text-align:center}.pink-box{background-color:var(--ink);border-color:var(--ink);color:var(--cloud);font-weight:500;font-size:var(--fs-small);padding:.5em 1.2em;border-radius:999px;position:relative}.pink-box:after{content:"";position:absolute;left:-1px;right:-1px;bottom:-1px;height:3px;background:var(--fringe);border-radius:999px;opacity:.9}.pink-box:hover{background-color:#111820;border-color:#111820;color:var(--cloud)}.tab-bar{display:flex;flex-wrap:wrap;gap:4px;border-bottom:1px solid var(--line)}.tab-button{font-size:var(--fs-small);padding:.4em .9em;background:transparent;color:var(--ink-soft);font-weight:500;cursor:pointer;border:none;border-bottom:3px solid transparent;transition:color .2s var(--ease-out)}.tab-button:hover{color:var(--ink)}.tab-button.active{color:var(--ink);border-bottom:3px solid var(--band-violet)}.tab-content{padding:20px 0}