.level-item{--level-item-front-size:.875rem;--level-item-radio-border:var(--color-border-subtle-dark);align-items:center;background:var(--color-surface-primary);display:flex;font-size:var(--level-item-front-size);gap:.75rem;padding:.75rem 1rem;width:100%}.level-item .level-item-radio{border:.0625rem solid var(--level-item-radio-border);border-radius:50%;color:var(--color-white);display:block;flex:0 0 auto;height:1.5rem;pointer-events:none;position:relative;transition-duration:.25s;transition-property:background-color,border-color;transition-timing-function:ease;width:1.5rem}.level-item .level-item-radio:before{border-radius:50%;content:"";height:.75rem;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);width:.75rem;z-index:1}.level-item .level-item-label{flex:1 1 auto;text-align:start}.level-item .text-button{flex:0 0 auto}.level-item:is(button):focus-visible,[data-input=mouse] .level-item:is(button):hover{--level-item-radio-border:var(--level-item-radio-border-hover)}.level-item.selected{--level-item-radio-border:var(--color-surface-inverse)}.level-item.selected .level-item-radio:before{background-color:var(--level-item-radio-border);opacity:1}@media(min-width:62em){.level-item{--level-item-front-size:1rem;gap:1rem;padding:1rem}}.level-list{--level-list-font-size:.875rem;--level-list-title-font-size:1rem;font-size:var(--level-list-font-size)}.level-list .level-list-title{font-size:var(--level-list-title-font-size);font-weight:600;line-height:1.5;padding:0 1rem 1rem}.level-list .level-list-content>li+li{margin-top:.5rem}@media(min-width:62em){.level-list{--level-list-font-size:1rem;--level-list-title-font-size:1.125rem}}