.citibooking-inline{width:100%;max-width:100%;overflow:hidden;background:#fff}
.citibooking-inline-frame{display:block;width:100%;border:0;background:#fff;transition:height .16s ease}

.citibooking-drawer-root{position:fixed;inset:0;z-index:2147483000;pointer-events:none}
.citibooking-drawer-root[hidden]{display:none!important}
.citibooking-drawer-root.is-open{pointer-events:auto}
.citibooking-backdrop{position:absolute;inset:0;border:0;margin:0;padding:0;background:rgba(0,0,0,.04);opacity:0;transition:opacity .25s ease;cursor:default}
.citibooking-drawer-root.is-open .citibooking-backdrop{opacity:1}
.citibooking-drawer{position:absolute;top:0;bottom:0;width:min(var(--citibooking-width,560px),100vw);background:#fff;display:grid;grid-template-rows:minmax(0,1fr) 58px;overflow:hidden;box-shadow:0 20px 70px rgba(0,0,0,.18);transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.citibooking-side-left .citibooking-drawer{left:0;border-radius:0 26px 26px 0;transform:translateX(-102%)}
.citibooking-side-right .citibooking-drawer{right:0;border-radius:26px 0 0 26px;transform:translateX(102%)}
.citibooking-drawer-root.is-open .citibooking-drawer{transform:translateX(0)}
.citibooking-drawer-content{min-height:0;overflow:hidden;background:#fff}
.citibooking-drawer-frame{display:block;width:100%;height:100%;border:0;background:#fff}
.citibooking-close-bar{appearance:none;border:0;border-radius:0;background:var(--citibooking-accent,#1a81d1);color:#fff;font-family:"Open Sans",Arial,sans-serif;font-weight:500;font-size:16px;cursor:pointer;width:100%;transition:filter .15s ease}
.citibooking-close-bar:hover{filter:brightness(.96)}
body.citibooking-drawer-open{overflow:hidden}

/* CITILEX CTA button generated by the shortcode. External Uncode buttons keep their own styling. */
.citibooking-generated-open{
  appearance:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  width:auto;
  min-height:0;
  padding:1.35em 1.5em;
  border:0;
  border-radius:999px;
  background:linear-gradient(80deg,rgb(26,129,209),rgb(26,129,209) 130%);
  color:#fff!important;
  text-decoration:none!important;
  font-family:"Open Sans",Arial,sans-serif;
  font-size:17px;
  font-weight:500;
  line-height:1;
  white-space:nowrap;
  cursor:pointer;
  transition:opacity .2s ease,visibility .2s ease,transform .2s ease,filter .15s ease;
}
.citibooking-generated-open:hover{color:#fff!important;filter:brightness(.96);text-decoration:none!important}
.citibooking-generated-open:focus-visible{outline:2px solid rgba(26,129,209,.35);outline-offset:3px}
.citibooking-generated-open .citibooking-open-icon{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 24px}
.citibooking-generated-open .citibooking-open-icon svg{display:block;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.citibooking-generated-open .citibooking-open-label{display:inline-block}

/* The opener disappears while the drawer is visible and returns only after the closing animation ends. */
body.citibooking-drawer-open .citibooking-generated-open{opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateY(10px)}

@media(max-width:700px){
  .citibooking-drawer{width:100vw!important;border-radius:0!important;grid-template-rows:minmax(0,1fr) 58px}
  .citibooking-side-left .citibooking-drawer,.citibooking-side-right .citibooking-drawer{left:0;right:0;transform:translateY(102%)}
  .citibooking-drawer-root.is-open .citibooking-drawer{transform:translateY(0)}
  .citibooking-generated-open{font-size:16px;padding:1.2em 1.35em}
}

/* External Uncode opener: the plugin does not style it, but it still hides while the drawer is open. */
body.citibooking-drawer-open .citibooking-open{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}