.icon-button{align-items:center;background-color:transparent;border:1px solid;border-radius:var(--radius-sm);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;outline:none;transition:all var(--transition-actions)}.icon-button:focus-visible{box-shadow:0 0 0 var(--spacing-4) var(--color-blue-200)}.icon-button__icon{color:inherit;font-size:var(--spacing-20)}.icon-button--rounded{border-radius:var(--radius-rounded)}.icon-button--blue{background-color:var(--color-blue-800);border-color:var(--color-blue-800);color:var(--color-white)}.icon-button--blue:hover{background-color:var(--color-blue-900);border-color:var(--color-blue-900)}.icon-button--blue:focus-visible{background-color:var(--color-blue-900);border-color:var(--color-blue-900);box-shadow:0 0 0 var(--spacing-4) var(--color-blue-200)}.icon-button--blue:disabled{background-color:var(--color-gray-200);border-color:var(--color-gray-200);cursor:not-allowed}.icon-button--orange{background-color:var(--color-orange-800);border-color:var(--color-orange-800);color:var(--color-white)}.icon-button--orange:hover{background-color:var(--color-orange-900);border-color:var(--color-orange-900)}.icon-button--orange:focus-visible{background-color:var(--color-orange-900);border-color:var(--color-orange-900);box-shadow:0 0 0 var(--spacing-4) var(--color-orange-200)}.icon-button--orange:disabled{background-color:var(--color-gray-200);border-color:var(--color-gray-200);cursor:not-allowed}.icon-button--gray{background-color:var(--color-white);border-color:var(--color-gray-300);color:var(--color-gray-900)}.icon-button--gray:hover{background-color:var(--color-gray-50)}.icon-button--gray:focus-visible{background-color:var(--color-gray-50);box-shadow:0 0 0 var(--spacing-4) var(--color-blue-200)}.icon-button--gray:disabled{background-color:var(--color-white);border-color:var(--color-gray-200);color:var(--color-gray-300);cursor:not-allowed}.icon-button--light-orange{background-color:var(--color-orange-50);border-color:var(--color-orange-50);color:var(--color-orange-950)}.icon-button--light-orange:hover{background-color:var(--color-orange-100);border-color:var(--color-orange-100);color:var(--color-orange-950)}.icon-button--light-orange:focus-visible{background-color:var(--color-orange-100);border-color:var(--color-orange-100);box-shadow:0 0 0 var(--spacing-4) var(--color-orange-200);color:var(--color-orange-950)}.icon-button--light-orange:disabled{background-color:var(--color-gray-50);border-color:var(--color-gray-50);color:var(--color-gray-300);cursor:not-allowed}.icon-button--xs{height:var(--spacing-28);width:var(--spacing-28)}.icon-button--xs .icon-button__icon{font-size:var(--spacing-16)}.icon-button--md,.icon-button--sm{height:var(--spacing-40);width:var(--spacing-40)}@media (min-width:768px){.icon-button--md{height:var(--spacing-44);width:var(--spacing-44)}}.icon-button--lg{height:var(--spacing-44);width:var(--spacing-44)}@media (min-width:768px){.icon-button--lg{height:var(--spacing-48);width:var(--spacing-48)}}.icon-button--transparent{background-color:#0f529140;border:1px solid hsla(0,0%,100%,.33);color:var(--color-white)}.icon-button--transparent:hover{background-color:var(--color-blue-950);scale:1.05}.icon-button--transparent:focus-visible{background-color:var(--color-blue-950);border-color:var(--color-blue-950);box-shadow:0 0 0 var(--spacing-4) var(--color-blue-200)}.icon-button--transparent:disabled{background-color:var(--color-gray-200);border-color:var(--color-gray-200);cursor:not-allowed}.icon-button--no-border{border:none}