/*!
 * Theme Name: Default
 * Package : DashLite
 * Author: Softnio
 * Author URI: http://themeforest.net/user/softnio
 * Version	 :	1.0.0
 * Updated	 :	07.08.2020
**/

.dropdown-menu-xxl {
  min-width: 200px;
  max-width: 480px;
}

.h-40px {
  height: 40px;
}

:where([autocomplete=one-time-code]) {
  --otp-digits: 6;
  --otp-ls: 2ch;
  --otp-gap: 1.25;

  /* private consts */
  --_otp-bgsz: calc(var(--otp-ls) + 1ch);
  --_otp-digit: 0;

  all: unset;
  background: 
  -webkit-gradient(linear, 
    left top, right top, 
    from(var(--otp-bg, #BBB)),
    color-stop(0, transparent)),
    -webkit-gradient(linear, 
    left top, right top, 
    from(var(--otp-bg, #EEE)),
    color-stop(0, transparent)
  );
  background: 
  linear-gradient(90deg, 
    var(--otp-bg, #BBB) calc(var(--otp-gap) * var(--otp-ls)),
    transparent 0),
    linear-gradient(90deg, 
    var(--otp-bg, #EEE) calc(var(--otp-gap) * var(--otp-ls)),
    transparent 0
  );
  background-position: calc(var(--_otp-digit) * var(--_otp-bgsz)) 0, 0 0;
  background-repeat: no-repeat, repeat-x;
  background-size: var(--_otp-bgsz) 100%;
  caret-color: var(--otp-cc, #222);
  caret-shape: block;
  -webkit-clip-path: inset(0% calc(var(--otp-ls) / 2) 0% 0%);
          clip-path: inset(0% calc(var(--otp-ls) / 2) 0% 0%);
  font-family: ui-monospace, monospace;
  font-size: var(--otp-fz, 2.5em);
  inline-size: calc(var(--otp-digits) * var(--_otp-bgsz));
  letter-spacing: var(--otp-ls);
  padding-block: var(--otp-pb, 1ch);
  -webkit-padding-start: calc(((var(--otp-ls) - 1ch) / 2) * var(--otp-gap));
          padding-inline-start: calc(((var(--otp-ls) - 1ch) / 2) * var(--otp-gap));
}


#email-confirm input[type=number] {
	font-size: x-large;
}

a.passcode-switch:focus > .passcode-icon {
  color: #6576ff;
  -webkit-box-shadow: 0 0 0 3px rgba(101, 118, 255, 0.1);
          box-shadow: 0 0 0 3px rgba(101, 118, 255, 0.1);
}