.c-swap{--c-swap-size-icon: 1.25rem}.c-swap{position:relative;display:inline-grid;place-content:center;cursor:pointer;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;user-select:none}.c-swap>*{grid-row-start:1;grid-column-start:1}@media(prefers-reduced-motion: no-preference){.c-swap>*{transition-property:transform,rotate,opacity;transition-duration:.2s;transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}}.c-swap__icon{--cal-size-icon: var(--c-swap-size-icon)}.c-swap--active .c-swap__on{opacity:1}.c-swap--active .c-swap__on{opacity:0}.c-swap input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none}.c-swap .c-swap__on,.c-swap[aria-pressed=true]>.c-swap__off,.c-swap[aria-checked=true]>.c-swap__off,.c-swap[aria-expanded=true]>.c-swap__off{opacity:0}.c-swap[aria-pressed=true]>.c-swap__on,.c-swap[aria-checked=true]>.c-swap__on,.c-swap[aria-expanded=true]>.c-swap__on{opacity:1;backface-visibility:visible}.c-swap--flip{transform-style:preserve-3d;perspective:20rem}.c-swap--flip .c-swap__on{backface-visibility:hidden;transform:rotateY(180deg)}.c-swap--flip[aria-pressed=true]>.c-swap__on,.c-swap--flip[aria-checked=true]>.c-swap__on,.c-swap--flip[aria-expanded=true]>.c-swap__on,.c-swap--flip.c-swap--active .c-swap__on{transform:rotateY(0)}.c-swap--flip[aria-pressed=true]>.c-swap__off,.c-swap--flip[aria-checked=true]>.c-swap__off,.c-swap--flip[aria-expanded=true]>.c-swap__off,.c-swap--flip.c-swap--active .c-swap__off{backface-visibility:hidden;opacity:1;transform:rotateY(-180deg)}.c-swap--rotate .c-swap__on{rotate:45deg}.c-swap--rotate[aria-pressed=true]>.c-swap__on,.c-swap--rotate[aria-checked=true]>.c-swap__on,.c-swap--rotate[aria-expanded=true]>.c-swap__on,.c-swap--rotate.c-swap--active .c-swap__on{rotate:none}.c-swap--rotate[aria-pressed=true]>.c-swap__off,.c-swap--rotate[aria-checked=true]>.c-swap__off,.c-swap--rotate[aria-expanded=true]>.c-swap__off,.c-swap--rotate.c-swap--active .c-swap__off{rotate:-45deg}