#toasts .toast {
  pointer-events:auto;
}

.ailabToastDismiss {
  flex:0 0 auto;
  display:inline-grid;
  place-items:center;
  width:26px;
  height:26px;
  min-width:26px;
  min-height:26px;
  margin:-3px -6px -3px auto;
  padding:0;
  border:0;
  border-radius:8px;
  background:transparent;
  color:var(--dim,#8e99c4);
  font:700 18px/1 Inter,system-ui,sans-serif;
  cursor:pointer;
}

.ailabToastDismiss:hover,
.ailabToastDismiss:focus-visible {
  background:rgba(255,255,255,.09);
  color:var(--txt,#e7edff);
  outline:none;
}

#ailabCloudControl .ailabCloudToggle {
  transition:
    width .2s ease,
    min-width .2s ease,
    padding .2s ease,
    opacity .2s ease,
    border-color .2s ease,
    transform .2s ease;
}

#ailabCloudControl[data-quiet] .ailabCloudToggle {
  width:34px;
  min-width:34px;
  height:34px;
  padding:0;
  justify-content:center;
  border-radius:50%;
  opacity:.68;
}

#ailabCloudControl[data-quiet] .ailabCloudToggleText {
  display:none;
}

#ailabCloudControl[data-quiet] .ailabCloudDot {
  margin:0;
}

#ailabCloudControl[data-quiet] .ailabCloudToggle:hover,
#ailabCloudControl[data-quiet] .ailabCloudToggle:focus-visible {
  opacity:1;
}

@media (pointer:coarse) {
  .ailabToastDismiss {
    width:44px;
    height:44px;
    min-width:44px;
    min-height:44px;
    margin:-10px -8px -10px auto;
  }

  #ailabCloudControl[data-quiet] .ailabCloudToggle {
    width:44px;
    min-width:44px;
    height:44px;
  }
}

@media (prefers-reduced-motion:reduce) {
  #ailabCloudControl .ailabCloudToggle {
    transition:none;
  }
}