.checkbox-button{align-items:center;display:inline-flex;gap:8px;cursor:pointer;justify-content:center;position:relative;margin-right:4px}.checkbox-button .clickable{height:22px;border-radius:var(--base-radius-full)}.checkbox-button .clickable.checkbox{border-radius:1px}.checkbox-button .clickable:focus{outline:1px solid var(--base-color-secondary-300)}.checkbox-button.disabled{pointer-events:none;opacity:.5;cursor:not-allowed}.checkbox-button .checkbox-text{color:var(--base-color-secondary-600);position:relative;text-align:left;white-space:inherit;width:100%}.switch-label{color:var(--base-color-secondary-600);opacity:.6}.switch-container{display:flex;align-items:center;border-radius:var(--base-radius-full,20px);gap:8px;padding:3px;overflow:hidden;width:100%;height:34px}.switch-container,.switch-container .switch-button{background-color:color-mix(in srgb,var(--surface-fill-background),#000 8%)}.switch-container .switch-button{flex-grow:1;height:100%;border:none;color:var(--text-paragraph);border-radius:var(--base-radius-full,20px);cursor:pointer;text-align:center;padding:0 16px}.switch-container .switch-button.disabled{pointer-events:none;opacity:.6;cursor:not-allowed}.switch-container .switch-button:focus{outline:none}.switch-container .switch-button:hover{background-color:color-mix(in srgb,var(--surface-fill-background),#000 16%)}.switch-container .switch-button.active{background-color:color-mix(in srgb,var(--surface-secondary),#fff 30%);color:var(--base-color-secondary-contrast);font-weight:var(--detail-text-font-weight,bold)}.checkbox-group.vertical{display:flex;flex-direction:column;align-items:flex-start;padding:4px;gap:8px;overflow:hidden}.checkbox-group.horizontal{display:flex;align-items:center;padding:4px;gap:8px;overflow:hidden}.card{align-items:flex-start;display:flex;flex-direction:column;position:relative;background-color:var(--surface-foreground);border-radius:var(--base-radius-half) var(--base-radius-small) var(--base-radius-half) var(--base-radius-small);box-shadow:var(--floating);overflow:visible;width:100%;flex-wrap:wrap}.card.mobile .card-header{padding:16px 12px}.card .card-tag{position:absolute;top:-15px;right:-10px;box-shadow:var(--floating)}.card .search.mobile{width:100%}.card .card-header{align-items:flex-start;display:flex;flex-direction:column;gap:16px;height:auto;min-height:68px;justify-content:center;padding:16px 32px;position:relative;width:100%}.card .card-header.expanded{border-bottom:1px solid var(--border-color)}.card .card-header .title-and-button{align-items:center;flex-wrap:wrap;align-self:stretch;display:flex;flex:0 0 auto;gap:16px;position:relative;width:100%}.card .card-header .searchbar-instance{align-self:stretch;width:250px}.card .card-header .button-instance{flex:0 0 auto;margin-left:auto}.card .card-header .switch-instance{flex:0 0 auto}.card .title-container{display:flex;flex:1 1;gap:12px;align-items:center;justify-content:flex-start;width:100%}.card .title{flex:1 1;margin-top:-1px;color:var(--text-h2);font-family:var(--h2-font-family);font-size:var(--h2-font-size);font-weight:var(--h2-font-weight);letter-spacing:var(--h2-letter-spacing);line-height:var(--h2-line-height)}.card .body{display:flex;flex-direction:column;gap:16px;padding:16px 32px;width:100%;height:auto;overflow:visible;transition:max-height 2s ease-in-out}.card .body.mobile{padding:8px 12px}.card .body:not(.expanded){padding-top:0;padding-bottom:0;max-height:0}