.icon-button[data-v-5c17b622]{align-items:center;background:var(--color-primary-500);border:2px solid transparent;border-radius:50%;color:var(--color-white-500);cursor:pointer;display:inline-flex;justify-content:center;outline:none;padding:0;position:relative;transition:box-shadow .15s var(--easeOut),background .15s var(--easeOut),padding .15s var(--easeOut),margin .15s var(--easeOut),outline .15s var(--easeOut),width .4s var(--ease),height .4s var(--ease);vertical-align:middle}.icon-button .icon-button-icon[data-v-5c17b622]{display:flex}.icon-button.is--small[data-v-5c17b622]{height:var(--unit-38);width:var(--unit-38)}.icon-button.is--small .icon-button-icon[data-v-5c17b622]{height:var(--unit-22);width:var(--unit-22)}.icon-button.is--large[data-v-5c17b622]{height:var(--unit-56);width:var(--unit-56)}.icon-button.is--large .icon-button-icon[data-v-5c17b622]{height:var(--unit-24);width:var(--unit-24)}.icon-button.is--transparent[data-v-5c17b622]{background:transparent}@media(hover:hover)and (pointer:fine){.icon-button.is--active[data-v-5c17b622],.icon-button[data-v-5c17b622]:active:not(.is--disabled){background:var(--color-primary-700)}}.icon-button.is--disabled[data-v-5c17b622],.icon-button[data-v-5c17b622]:disabled{cursor:default;opacity:.5;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media(hover:hover)and (pointer:fine){.icon-button[data-v-5c17b622]:hover{background:var(--color-primary-600)}.icon-button:hover.is--transparent[data-v-5c17b622]{background:transparent}}.icon-button.is--focused[data-v-5c17b622],.icon-button[data-v-5c17b622]:focus-visible:not(.is--disabled){background:var(--color-primary-500)}