:root{--icon-toggle-heart-fill:#ff4b8c;--icon-toggle-heart-glow-color:255, 75, 140;--icon-toggle-star-fill:#ffc24b;--icon-toggle-star-glow-color:255, 194, 75;--icon-toggle-radio-fill:#121e48cc;--icon-toggle-radio-glow-color:#121e48;--icon-toggle-disabled-checked-fill:#121e4826;--icon-toggle-disabled-unchecked-fill:#121e480d;--icon-toggle-disabled-outline:#121e481a;--icon-toggle-fill:var(--icon-toggle-radio-fill);--icon-toggle-outline:var(--icon-toggle-disabled-outline);--icon-toggle-glow-color:var(--icon-toggle-radio-glow-color)}.c-icon-button{all:unset;cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border-radius:8px;place-items:center;transition:transform .15s,box-shadow .16s;display:inline-grid;position:relative}.c-icon-button.clicked{filter:drop-shadow(0 0 1px rgba(var(--icon-toggle-glow-color), 1))}.c-icon-button.clicked .icon-toggle-halo-1,.c-icon-button.clicked .icon-toggle-halo-2,.c-icon-button.clicked .icon-toggle-halo-3{animation:.35s ease-out forwards toggle-ripple}.c-icon-button.hovered:not(.disabled):not(.checked) .icon-toggle-shape:not(.icon-toggle-radio){fill:none;stroke:var(--icon-toggle-fill);filter:drop-shadow(0 0 1px rgba(var(--icon-toggle-glow-color), 1))}.c-icon-button.hovered:not(.disabled):not(.checked) .icon-toggle-shape.icon-toggle-radio{fill:none;stroke:none}.c-icon-button.hovered:not(.disabled):not(.checked) .icon-toggle-outline{stroke:var(--icon-toggle-fill);fill:none;opacity:1;filter:drop-shadow(0 0 1px var(--icon-toggle-glow-color))}.c-icon-button.hovered:not(.disabled).checked .icon-toggle-shape:not(.icon-toggle-radio){opacity:.7;filter:drop-shadow(0 10px 8px rgba(var(--icon-toggle-glow-color), .6))}.c-icon-button.hovered:not(.disabled).checked .icon-toggle-shape.icon-toggle-radio{opacity:1}.c-icon-button.hovered:not(.disabled).checked .icon-toggle-outline{opacity:1;filter:drop-shadow(0 0 1px var(--icon-toggle-glow-color))}.c-icon-button.checked .icon-toggle-shape:not(.icon-toggle-radio){fill:var(--icon-toggle-fill);stroke:var(--icon-toggle-fill);filter:drop-shadow(0 8px 8px rgba(var(--icon-toggle-glow-color), .3))}.c-icon-button.checked .icon-toggle-shape.icon-toggle-radio{fill:var(--icon-toggle-fill)}.c-icon-button.checked:not(.disabled) .icon-toggle-outline{stroke:var(--icon-toggle-fill);opacity:.1}.c-icon-button.checked:not(.disabled):hover .icon-toggle-shape:not(.icon-toggle-radio){opacity:.7;filter:drop-shadow(0 10px 8px rgba(var(--icon-toggle-glow-color), .6))}.c-icon-button.checked:not(.disabled):hover .icon-toggle-shape.icon-toggle-radio{opacity:1}.c-icon-button.checked:not(.disabled):hover .icon-toggle-outline{opacity:1;filter:drop-shadow(0 0 1px var(--icon-toggle-glow-color))}.c-icon-button.disabled{cursor:not-allowed}.c-icon-button.disabled .icon-toggle-outline{fill:var(--icon-toggle-disabled-unchecked-fill);stroke:var(--icon-toggle-disabled-outline)}.c-icon-button.disabled.checked .icon-toggle-shape:not(.icon-toggle-radio){fill:var(--icon-toggle-disabled-checked-fill);stroke:none}.c-icon-button.disabled.checked .icon-toggle-shape.icon-toggle-radio{fill:#121e484d}.c-icon-button.disabled:not(.checked) .icon-toggle-shape:not(.icon-toggle-radio){fill:var(--icon-toggle-disabled-unchecked-fill);stroke:var(--icon-toggle-disabled-outline)}.c-icon-button.disabled:not(.checked) .icon-toggle-shape.icon-toggle-radio{fill:none;stroke:none}.icon-toggle{transform-origin:50%;transition:filter .2s ease-out;overflow:visible}.icon-toggle-group{transform:scale(2.5)translate(-19px,-16.5px)}.icon-toggle-shape:not(.icon-toggle-radio){fill:none;stroke:var(--icon-toggle-disabled-outline);stroke-width:1.2px;transform-origin:50%;transition:all .18s}.icon-toggle-shape.icon-toggle-radio{fill:none;stroke:none}.icon-toggle-outline{fill:none;stroke:var(--icon-toggle-disabled-outline);transform-origin:50%;transition:all .18s}.icon-toggle-halo{fill:none;stroke:var(--icon-toggle-fill);opacity:0;transform-origin:50%;transition:none}@keyframes toggle-ripple{0%{opacity:1}30%{opacity:.8}50%{opacity:.5}80%{opacity:.3}to{opacity:0}}