/* Popup backdrop */
::backdrop {
  background: var(--ovr-clr);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px)
}

/* Popup global settings */
dialog {
  background: var(--ntl-100);
  border: none;
  color: inherit;
  /*display: none;*/
  opacity: 0;
  /*transition-property: display opacity;
  transition-duration: var(--trs-2);
  transition-behavior: allow-discrete;*/

  &[open] {
    /*display: inline-flex;*/
    opacity: 1;
   /* @starting-style {opacity: 0}*/
  }
}

body:has(dialog[open]:not(#sticky-cart-dialog)) {overflow: hidden!important}

/* close button */
.cls-btn {
  --btn-pos: var(--n-2xl);
  width: var(--n-2xl);
  height: var(--n-2xl);
  position: absolute;
  right:var(--btn-pos);
  top: var(--btn-pos);
  border-radius: var(--br-s);

  &:is(:hover,:focus){
    color: var(--btn-hvr-txt);
    background: var(--btn-hvr-bg)
  }
}

.dlg-cen {position: fixed;margin: auto}