/* Jednotná kruhová ikonová tlačítka napříč MultiShopem. */
.universal-icon-action{
  position:relative;
  box-sizing:border-box;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:36px;
  min-width:36px;
  height:36px;
  padding:0;
  border:1px solid var(--line,#dce1e8);
  border-radius:999px;
  background:#fff;
  font-size:0;
  line-height:1;
  white-space:nowrap;
  cursor:pointer;
  transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease;
}
.universal-icon-action > svg{
  position:absolute;
  left:8px;
  top:8px;
  width:18px;
  height:18px;
  display:block;
  margin:0;
  padding:0;
  fill:currentColor;
  transform:none;
  transform-origin:center;
  pointer-events:none;
}
.universal-icon-action:hover{transform:translateY(-1px)}
.universal-icon-action:disabled{opacity:.5;cursor:default;transform:none}
.universal-icon-action.is-save{
  border-color:rgba(85,166,120,.42);
  background:rgba(85,166,120,.14);
  color:#1c7044;
}
.universal-icon-action.is-save:hover:not(:disabled),
.universal-icon-action.is-save:focus-visible{
  outline:none;
  background:rgba(85,166,120,.24);
}
.universal-icon-action.is-save.is-unsaved{
  border-color:var(--dirty-field-color,#8b5cf6)!important;
  box-shadow:0 0 0 2px var(--dirty-field-ring,rgba(139,92,246,.22))!important;
}
.universal-icon-action.is-save.is-unsaved:hover:not(:disabled),
.universal-icon-action.is-save.is-unsaved:focus-visible{
  border-color:var(--dirty-field-color,#8b5cf6)!important;
  background:rgba(85,166,120,.24);
  box-shadow:0 0 0 2px var(--dirty-field-ring,rgba(139,92,246,.22))!important;
}
.universal-icon-action.is-close{color:#ac3836}
.universal-icon-action.is-close:hover:not(:disabled),
.universal-icon-action.is-close:focus-visible{
  outline:none;
  border-color:rgba(196,74,70,.4);
  background:rgba(196,74,70,.12);
  color:#ac3836;
}