.ww-transfer-widget{
  --ww-bg:#ffffff;
  --ww-bg-soft:#f5f5f5;
  --ww-text:#111111;
  --ww-muted:#6b6b6b;
  --ww-border:#ececec;
  --ww-shadow:0 18px 48px rgba(0,0,0,.12);
  --ww-shadow-modal:0 28px 80px rgba(0,0,0,.25);
  --ww-radius:34px;
  --ww-black:#000000;
  --ww-white:#ffffff;
  max-width:1200px;
  width:100%;
  margin:0 auto;
  font-family:inherit;
  color:var(--ww-text);
}

.ww-transfer-form,
.ww-transfer-form *{box-sizing:border-box;}

.ww-transfer-form{position:relative;overflow:visible;}
.ww-step{display:block;}
.ww-step[data-step="2"]{display:none;}

.ww-step-one-wrap{
  display:flex;
  gap:0;
  align-items:stretch;
  background:rgba(255,255,255,.95);
  border-radius:var(--ww-radius);
  box-shadow:var(--ww-shadow);
  overflow:hidden;
  backdrop-filter:blur(10px);
}

.ww-step-one-wrap > .ww-field-card{
  flex:1 1 0;
  transition:flex .34s ease, box-shadow .34s ease, background-color .34s ease, transform .34s ease;
}

.ww-step-one-wrap > .ww-field-card--trigger{flex:0 0 180px;}
.ww-step-one-wrap > .ww-field-card--grow{flex:1 1 0;min-width:0;}
.ww-step-one-wrap > .ww-next-btn{flex:0 0 190px;}

.ww-step-one-wrap.ww-has-active-grow > .ww-field-card--grow:not(.ww-is-active){
  flex:0 0 74px;
  overflow:hidden;
}

.ww-step-one-wrap > .ww-field-card--grow.ww-is-active{
  flex:1 1 auto;
  background:#fff;
  box-shadow:inset 0 0 0 1px #dddddd;
  z-index:2;
  transform:translateX(-10px);
}

.ww-field-card{
  position:relative;
  display:flex;
  align-items:center;
  gap:16px;
  min-height:106px;
  padding:18px 20px;
  background:var(--ww-bg);
  border-right:1px solid var(--ww-border);
  cursor:text;
}

.ww-field-card:last-child{border-right:none;}
.ww-field-card--trigger{cursor:pointer;}

.ww-field-icon{
  flex:0 0 44px;
  width:44px;
  height:44px;
  border-radius:50%;
  background:var(--ww-bg-soft);
  display:flex;
  align-items:center;
  justify-content:center;
  color:#2b2b2b;
}

.ww-field-icon svg{width:20px;height:20px;}

.ww-field-text{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:6px;
  width:100%;
}

.ww-field-label{
  font-size:14px;
  line-height:1.2;
  color:var(--ww-muted);
  font-weight:500;
}

.ww-field-value{
  font-size:20px;
  line-height:1.1;
  font-weight:600;
  color:var(--ww-text);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.ww-text-input{
  width:100% !important;
  min-width:0;
  max-width:100%;
  border:none !important;
  outline:none;
  padding:0;
  background:transparent !important;
  box-shadow:none !important;
  appearance:none;
  font-size:20px;
  line-height:1.15;
  font-weight:600;
  color:var(--ww-text);
  transition:transform .26s ease, padding-left .26s ease, letter-spacing .26s ease, opacity .26s ease;
}

.ww-field-card--grow .ww-field-text{overflow:hidden;}
.ww-field-card--grow .ww-field-icon{position:relative;z-index:2;}

.ww-field-card--grow.ww-is-active .ww-text-input{
  padding-left:8px;
  letter-spacing:.01em;
}

.ww-step-one-wrap.ww-has-active-grow > .ww-field-card--grow:not(.ww-is-active) .ww-field-text{max-width:14px;}
.ww-step-one-wrap.ww-has-active-grow > .ww-field-card--grow:not(.ww-is-active) .ww-text-input,
.ww-step-one-wrap.ww-has-active-grow > .ww-field-card--grow:not(.ww-is-active) .ww-field-label{opacity:.05;}

.ww-text-input::placeholder{color:var(--ww-text);opacity:.92;}

.ww-native-input{
  position:absolute;
  inset:0;
  opacity:0;
  pointer-events:none;
  width:100%;
  height:100%;
}

.ww-next-btn{
  min-width:170px;
  border:none;
  outline:none;
  background:var(--ww-black);
  color:var(--ww-white);
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:0 26px;
  font-size:18px;
  font-weight:600;
  cursor:pointer;
}

.ww-next-btn-icon,
.ww-modal-close-btn{display:flex;align-items:center;justify-content:center;}
.ww-next-btn-icon svg{width:24px;height:24px;}

.ww-modal{
  position:fixed;
  inset:0;
  z-index:99999;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .28s ease, visibility .28s ease;
}

.ww-modal.is-open{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}

.ww-modal-backdrop{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.48);
  backdrop-filter:blur(2px);
}

.ww-modal-dialog{
  position:relative;
  width:min(640px, calc(100vw - 32px));
  z-index:2;
  transform:translateY(18px) scale(.98);
  transition:transform .28s ease;
}

.ww-modal.is-open .ww-modal-dialog{transform:translateY(0) scale(1);}

.ww-modal-close-btn{
  position:absolute;
  top:14px;
  right:14px;
  width:40px;
  height:40px;
  border:none;
  border-radius:999px;
  background:#f3f3f3;
  color:#111;
  cursor:pointer;
  z-index:3;
}

.ww-modal-close-btn svg{width:18px;height:18px;}

.ww-step-two-wrap{
  background:rgba(255,255,255,.99);
  border-radius:28px;
  box-shadow:var(--ww-shadow-modal);
  padding:26px;
}

.ww-success-screen{
  background:rgba(255,255,255,.99);
  border-radius:28px;
  box-shadow:var(--ww-shadow-modal);
  padding:38px 30px 30px;
  text-align:center;
}

.ww-success-icon{
  width:88px;
  height:88px;
  margin:0 auto 20px;
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#f3fbf6;
  color:#16924a;
  box-shadow:inset 0 0 0 1px rgba(22,146,74,.12);
}

.ww-success-icon svg{width:56px;height:56px;}

.ww-success-title{
  font-size:30px;
  line-height:1.1;
  font-weight:700;
  color:#111;
  margin-bottom:12px;
}

.ww-success-text{
  max-width:420px;
  margin:0 auto;
  font-size:17px;
  line-height:1.6;
  color:#4e4e4e;
}

.ww-success-btn{
  margin-top:24px;
  min-width:180px;
  height:56px;
  border:none;
  border-radius:16px;
  background:#000;
  color:#fff;
  font-size:18px;
  font-weight:600;
  cursor:pointer;
}

.ww-summary{
  background:#f7f7f7;
  border:1px solid var(--ww-border);
  border-radius:18px;
  padding:18px;
  margin-bottom:18px;
}

.ww-summary-title{font-size:18px;font-weight:700;margin-bottom:10px;}
.ww-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px;font-size:15px;line-height:1.5;}

.ww-field-card--full{
  border:1px solid var(--ww-border);
  border-radius:18px;
  margin-bottom:14px;
  min-height:88px;
}

.ww-field-card--full .ww-text-input{font-size:20px;}
.ww-step-actions{display:flex;gap:12px;margin-top:10px;}

.ww-back-btn,
.ww-submit-btn{
  height:58px;
  border:none;
  border-radius:16px;
  padding:0 24px;
  font-size:18px;
  font-weight:600;
  cursor:pointer;
}

.ww-back-btn{background:#f1f1f1;color:#111;}
.ww-submit-btn{background:#000;color:#fff;flex:1;}
.ww-submit-btn[disabled]{opacity:.6;cursor:not-allowed;}
.ww-form-note{margin-top:14px;font-size:14px;line-height:1.5;color:var(--ww-muted);}
.ww-form-note.is-success{color:#127a35;font-weight:600;}
.ww-form-note.is-error{color:#c02b1d;font-weight:600;}
.ww-error{outline:2px solid #d92d20;outline-offset:-2px;}

body.ww-transfer-modal-open{overflow:hidden;}

@media (max-width: 1024px){
  .ww-step-one-wrap{
    display:grid;
    grid-template-columns:1fr;
    gap:14px;
    background:transparent;
    box-shadow:none;
    border-radius:0;
    overflow:visible;
    backdrop-filter:none;
  }

  .ww-step-one-wrap > .ww-field-card,
  .ww-step-one-wrap > .ww-field-card--trigger,
  .ww-step-one-wrap > .ww-field-card--grow,
  .ww-step-one-wrap > .ww-field-card--grow.ww-is-active,
  .ww-step-one-wrap > .ww-next-btn{flex:auto;}

  .ww-field-card{
    min-height:86px;
    border-right:none;
    border:1px solid var(--ww-border);
    border-radius:14px;
    box-shadow:0 6px 16px rgba(0,0,0,.04);
  }

  .ww-next-btn{
    min-height:70px;
    border-radius:14px;
    font-size:18px;
    padding:18px 24px;
  }

  .ww-step-one-wrap.ww-has-active-grow > .ww-field-card--grow:not(.ww-is-active),
  .ww-step-one-wrap > .ww-field-card--grow.ww-is-active{transform:none;}

  .ww-step-one-wrap.ww-has-active-grow > .ww-field-card--grow:not(.ww-is-active) .ww-field-text{max-width:none;}
  .ww-step-one-wrap.ww-has-active-grow > .ww-field-card--grow:not(.ww-is-active) .ww-text-input,
  .ww-step-one-wrap.ww-has-active-grow > .ww-field-card--grow:not(.ww-is-active) .ww-field-label{opacity:1;}

  .ww-modal{padding:16px;align-items:flex-end;}
  .ww-modal-dialog{width:100%;max-width:640px;}
  .ww-step-two-wrap{border-radius:22px 22px 18px 18px;padding:22px 18px 18px;}
  .ww-success-screen{border-radius:22px 22px 18px 18px;padding:30px 18px 24px;}
  .ww-success-title{font-size:26px;}
}

@media (max-width: 767px){
  .ww-summary-grid{grid-template-columns:1fr;}
  .ww-step-actions{flex-direction:column;}
  .ww-back-btn,
  .ww-submit-btn{width:100%;}
  .ww-field-value,
  .ww-text-input,
  .ww-field-card--full .ww-text-input{font-size:18px;}
}



/* Air Datepicker */
.ww-field-card--trigger{user-select:none;}
.ww-field-card--trigger .ww-native-input{
  cursor:pointer;
  caret-color:transparent;
}

.air-datepicker{
  --adp-width: 320px;
  --adp-background-color:#ffffff;
  --adp-color:#141414;
  --adp-color-secondary:#707070;
  --adp-border-color:#ececec;
  --adp-border-radius:22px;
  --adp-cell-border-radius:14px;
  --adp-cell-background-color-selected:#111111;
  --adp-cell-background-color-selected-hover:#111111;
  --adp-cell-background-color-in-range:rgba(17,17,17,.06);
  --adp-cell-background-color-in-range-hover:rgba(17,17,17,.08);
  --adp-nav-arrow-color:#111111;
  --adp-nav-color-secondary:#111111;
  --adp-nav-color-secondary-hover:#111111;
  --adp-nav-background-color-hover:#f5f5f5;
  --adp-day-name-color:#6b6b6b;
  --adp-day-name-color-hover:#6b6b6b;
  --adp-font-family:inherit;
  border:none;
  padding:14px 14px 16px;
  box-shadow:0 24px 70px rgba(0,0,0,.18);
  font-family:inherit;
  font-variant-numeric: tabular-nums;
  z-index:999999 !important;
}

.air-datepicker,
.air-datepicker *{
  box-sizing:border-box;
  font-family:inherit;
  font-variant-numeric: tabular-nums;
}

.air-datepicker.-is-mobile-{
  --adp-width:min(340px, calc(100vw - 24px));
}

.air-datepicker-nav{
  padding:2px 2px 12px;
  border-bottom:none;
  gap:8px;
}

.air-datepicker-nav--action{
  width:34px;
  height:34px;
  border-radius:999px;
}

.air-datepicker-nav--title{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  font-size:0;
  line-height:1;
}

.air-datepicker-nav--title .ww-adp-title,
.air-datepicker-nav--title .ww-adp-year{
  font-size:15px;
  font-weight:600;
  color:#161616;
}

.air-datepicker-body--day-names{
  margin:0 0 8px;
}

.air-datepicker-body--day-name{
  font-size:12px;
  font-weight:700;
  text-transform:none;
  letter-spacing:0;
}

.air-datepicker-body--cells.-days-{
  gap:4px 2px;
}

.air-datepicker-cell{
  height:40px;
  font-size:15px;
  font-weight:500;
}

.air-datepicker-cell.-day-,
.air-datepicker-cell.-year-,
.air-datepicker-cell.-month-{
  border-radius:14px;
}

.air-datepicker-cell.-current-{
  color:#111111;
  background:rgba(17,17,17,.05);
}

.air-datepicker-cell.-focus-{
  background:#f6f6f6;
}

.air-datepicker-cell.-selected-,
.air-datepicker-cell.-selected-.-current-{
  color:#ffffff;
  background:#111111;
}

.air-datepicker-cell.-selected-.-focus-{
  background:#111111;
}

.air-datepicker-cell.-other-month-,
.air-datepicker-cell.-other-decade-{
  color:#d1d1d1;
}

.air-datepicker-time{
  padding:14px 4px 2px;
  border-top:1px solid #ececec;
}

.air-datepicker-time--row{
  margin-bottom:10px;
}

.air-datepicker-time--current,
.air-datepicker-time--sliders{
  font-variant-numeric: tabular-nums;
}

.air-datepicker-time--current{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  margin-bottom:8px;
  font-size:22px;
  font-weight:600;
  color:#111111;
}

.air-datepicker-time--current-hours,
.air-datepicker-time--current-minutes,
.air-datepicker-time--current-ampm{
  min-width:2ch;
  text-align:center;
}

.air-datepicker-time--sliders{
  padding:0 4px;
}

.air-datepicker-time--row input[type="range"]{
  accent-color:#111111;
}


.ww-field-card--trigger.ww-picker-active{
  box-shadow:inset 0 0 0 1px #d9d9d9;
  z-index:3;
}

.ww-time-popover{
  position:absolute;
  z-index:1000001;
  width:min(360px, calc(100vw - 20px));
  display:none;
  font-family:inherit;
  font-variant-numeric:tabular-nums;
}

.ww-time-popover.is-open{
  display:block;
}

.ww-time-popover-inner{
  background:#ffffff;
  border:1px solid #ececec;
  border-radius:24px;
  box-shadow:0 24px 70px rgba(0,0,0,.18);
  padding:18px;
}

.ww-time-popover-preview{
  margin-bottom:14px;
  font-size:24px;
  line-height:1;
  font-weight:700;
  color:#111111;
  text-align:center;
}

.ww-time-popover-section + .ww-time-popover-section{
  margin-top:14px;
}

.ww-time-popover-label{
  margin-bottom:8px;
  font-size:13px;
  font-weight:700;
  color:#6b6b6b;
}

.ww-time-grid{
  display:grid;
  gap:8px;
}

.ww-time-grid-hours{
  grid-template-columns:repeat(6, 1fr);
}

.ww-time-grid-minutes{
  grid-template-columns:repeat(4, 1fr);
}

.ww-time-chip{
  height:40px;
  border:1px solid #e8e8e8;
  border-radius:12px;
  background:#ffffff;
  color:#111111;
  font-size:15px;
  font-weight:600;
  cursor:pointer;
  transition:all .2s ease;
}

.ww-time-chip:hover{
  background:#f6f6f6;
  border-color:#d9d9d9;
}

.ww-time-chip.is-active{
  background:#111111;
  border-color:#111111;
  color:#ffffff;
}

.ww-time-popover-actions{
  display:flex;
  gap:10px;
  margin-top:16px;
}

.ww-time-secondary,
.ww-time-primary{
  height:44px;
  border-radius:14px;
  padding:0 16px;
  font-size:15px;
  font-weight:600;
  cursor:pointer;
}

.ww-time-secondary{
  flex:0 0 auto;
  border:1px solid #e4e4e4;
  background:#ffffff;
  color:#111111;
}

.ww-time-primary{
  flex:1 1 auto;
  border:none;
  background:#111111;
  color:#ffffff;
}


@media (max-width: 767px){
  .ww-time-popover-inner{
    padding:16px;
    border-radius:20px;
  }

  .ww-time-popover-preview{
    font-size:22px;
  }

  .ww-time-grid-hours{
    grid-template-columns:repeat(4, 1fr);
  }

  .ww-time-chip{
    height:42px;
    font-size:14px;
  }

  .air-datepicker{
    --adp-width:min(340px, calc(100vw - 20px));
    padding:12px 12px 14px;
  }

  .air-datepicker-cell{
    height:38px;
    font-size:14px;
  }
}

/* v1.5.0 floating picker improvements */
.air-datepicker{
  position:fixed !important;
}

.air-datepicker.ww-air-datepicker-top,
.air-datepicker.ww-air-datepicker-bottom{
  overflow:visible;
}

.air-datepicker.ww-air-datepicker-top::before,
.air-datepicker.ww-air-datepicker-bottom::before{
  content:"";
  position:absolute;
  left:22px;
  width:16px;
  height:16px;
  background:#ffffff;
  transform:rotate(45deg);
  box-shadow:-1px -1px 0 rgba(236,236,236,.9);
}

.air-datepicker.ww-air-datepicker-bottom::before{
  top:-8px;
}

.air-datepicker.ww-air-datepicker-top::before{
  bottom:-8px;
  box-shadow:1px 1px 0 rgba(236,236,236,.9);
}

.ww-time-popover{
  position:fixed;
  z-index:1000001;
  width:min(320px, calc(100vw - 20px));
  display:none;
  font-family:inherit;
  font-variant-numeric:tabular-nums;
}

.ww-time-popover.is-open{
  display:block;
}

.ww-time-popover::before{
  content:"";
  position:absolute;
  left:22px;
  width:16px;
  height:16px;
  background:#ffffff;
  transform:rotate(45deg);
  border-radius:2px;
}

.ww-time-popover.is-bottom::before{
  top:-7px;
  border-left:1px solid #ececec;
  border-top:1px solid #ececec;
}

.ww-time-popover.is-top::before{
  bottom:-7px;
  border-right:1px solid #ececec;
  border-bottom:1px solid #ececec;
}

.ww-time-popover-inner{
  background:#ffffff;
  border:1px solid #ececec;
  border-radius:24px;
  box-shadow:0 24px 70px rgba(0,0,0,.18);
  padding:18px 18px 16px;
}

.ww-time-popover-preview{
  margin-bottom:16px;
  font-size:24px;
  line-height:1;
  font-weight:700;
  color:#111111;
  text-align:center;
}

.ww-time-wheel-wrap{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
  gap:10px;
  align-items:end;
}

.ww-time-wheel-colon{
  align-self:center;
  margin-top:18px;
  font-size:30px;
  line-height:1;
  font-weight:700;
  color:#111111;
}

.ww-time-wheel-block{
  min-width:0;
}

.ww-time-popover-label{
  margin-bottom:10px;
  font-size:13px;
  font-weight:700;
  color:#6b6b6b;
  text-align:center;
}

.ww-time-wheel-shell{
  position:relative;
}

.ww-time-wheel-focus{
  position:absolute;
  left:8px;
  right:8px;
  top:50%;
  height:44px;
  transform:translateY(-50%);
  border:1px solid #e6e6e6;
  border-radius:14px;
  background:rgba(17,17,17,.035);
  pointer-events:none;
}

.ww-time-wheel{
  height:228px;
  overflow-y:auto;
  overscroll-behavior:contain;
  scroll-snap-type:y mandatory;
  scrollbar-width:none;
  -ms-overflow-style:none;
  padding:92px 0;
}

.ww-time-wheel::-webkit-scrollbar{
  display:none;
}

.ww-time-wheel-item{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  height:44px;
  border:none;
  background:transparent;
  color:#111111;
  font-size:22px;
  line-height:1;
  font-weight:600;
  opacity:.32;
  transition:opacity .18s ease, transform .18s ease, color .18s ease;
  scroll-snap-align:center;
  cursor:pointer;
}

.ww-time-wheel-item.is-active{
  opacity:1;
  transform:scale(1.03);
}

.ww-time-wheel:hover .ww-time-wheel-item{
  opacity:.45;
}

.ww-time-wheel:hover .ww-time-wheel-item.is-active,
.ww-time-wheel-item:focus-visible,
.ww-time-wheel-item:hover{
  opacity:1;
}

.ww-time-popover-actions{
  display:flex;
  gap:10px;
  margin-top:16px;
}

.ww-time-secondary,
.ww-time-primary{
  height:46px;
  border-radius:14px;
  padding:0 16px;
  font-size:15px;
  font-weight:600;
  cursor:pointer;
}

@media (max-width: 767px){
  .air-datepicker.ww-air-datepicker-top::before,
  .air-datepicker.ww-air-datepicker-bottom::before,
  .ww-time-popover::before{
    left:18px;
  }

  .ww-time-popover-inner{
    padding:16px 16px 14px;
    border-radius:20px;
  }

  .ww-time-popover-preview{
    font-size:22px;
  }

  .ww-time-wheel{
    height:212px;
    padding:84px 0;
  }

  .ww-time-wheel-item{
    height:42px;
    font-size:20px;
  }

  .ww-time-wheel-focus{
    height:42px;
  }
}