.contents-list{margin-top:1.25rem}.contents-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem;margin:0;padding:0;list-style:none;display:grid}.contents-item{position:relative}.contents-item a{color:inherit;aspect-ratio:1;background:#fff;border:1px solid #0000000f;border-radius:10px;justify-content:center;align-items:center;min-height:160px;padding:1rem;text-decoration:none;transition:transform .16s,box-shadow .16s;display:flex;box-shadow:0 6px 18px #0000000f}.contents-item a:hover,.contents-item a:focus{transform:translateY(-4px);box-shadow:0 10px 30px #00000017}.contents-content{text-align:center;justify-content:center;align-items:center;padding:.5rem;display:flex}.contents-title{font-weight:600;font-family:var(--font-family-mono);color:#111;font-size:1rem;line-height:1.2}.contents-badge{background:var(--color-grey);color:#fff;width:28px;height:28px;font-family:var(--font-family-mono);place-items:center;font-size:.85rem;font-weight:700;display:inline-grid;position:absolute;top:10px;left:10px}.contents-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.5rem;display:inline-flex}.contents-toggle-text{letter-spacing:.02em;font-weight:700}.contents-toggle input[type=checkbox]{opacity:0;pointer-events:none;position:absolute}.contents-toggle-switch{background:#e9e9eb;border-radius:999px;width:44px;height:24px;transition:background .18s;position:relative}.contents-toggle input[type=checkbox]:checked+.contents-toggle-switch{background:#111}.contents-toggle-switch:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .18s;position:absolute;top:4px;left:4px;box-shadow:0 2px 6px #00000014}.contents-toggle input[type=checkbox]:checked+.contents-toggle-switch:after{transform:translate(20px)}