.right {float: right;}

/*--Overlay & Modal-----------------------------------------------------------*/
#modal-wrapper {
  position: fixed;
  z-index: 80000;
  top: 0;left: 0;
  --padding: 20px;
}
#modal-wrapper #overlayModal {position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 5;background: rgba(0, 0, 0, 0.7);display: block;}
#modal-wrapper #modal {position: fixed;z-index: 10;top: 50%;left: 50%;transform: translate(-50%, -50%) scale(1.2);border-radius: 2px;overflow-y: auto;box-shadow: 1px 1px 8px 0 rgba(0,0,0,0.75);opacity: 0;visibility: hidden;transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;padding: var(--padding);background-color: #fff;}
#modal.small {min-width: 30vw;max-height: 60vh;}
#modal.medium {min-width: 60vw;max-height: 90vh;}
#modal.big {min-width: 90vw;max-height: 90vh;}
#modal-wrapper #modal.show {opacity: 1;visibility: visible;transform: translate(-50%, -50%) scale(1);transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;}
#modal h2 {font-size: 1.5rem;margin-bottom: 1.5rem;font-family: 'IndivisibleF-Medium', sans-serif;}
#modal h3 {font-size: 1.2rem;margin-bottom: .5rem;font-family: 'IndivisibleF-Medium', sans-serif;}
/* #confirm button {background: #000;color: #fff;padding:3px 12px;font-size: 11px;text-transform: uppercase;margin: 1.5rem 0 14px 0;} */
#confirm button {padding: 2px 8px;margin: 1.5rem 0 0 10px;position: relative;}
#confirm #modalCancel {margin: 1.5rem 0 0 10px;}
#modal #closeBtn {text-indent: -99999px;margin: 0;padding: 0;width: 20px;height: 20px;position: absolute;top: var(--padding);right: var(--padding);}

html.dontscroll, body.dontscroll {overflow: hidden;}

.dot-move::before {content: '';position: absolute;inset: 0;z-index: 1;background: url('../assets/images/dot-move.svg') center center no-repeat;}
.spinner_nOfF {fill: #fff}