/* The chosen package has one named, bounded reading surface. */
:is(.cwk-booking,.cwk-checkout) .selected-package{margin:26px 0 0;padding:27px 28px 23px;min-width:0;border:2px solid #12abf8;border-radius:18px 18px 18px 5px;background:#fff;color:#3d4348;box-shadow:0 5px 0 #12abf819;box-sizing:border-box}
:is(.cwk-booking,.cwk-checkout) .selected-package *{box-sizing:border-box}
:is(.cwk-booking,.cwk-checkout) .selected-package-header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:20px 35px}
:is(.cwk-booking,.cwk-checkout) .selected-package-identity{min-width:0}
:is(.cwk-booking,.cwk-checkout) .selected-package-label{margin:0 0 11px;font:600 16px/1.4 var(--site-navigation,Arial,sans-serif);color:#3d4348}
:is(.cwk-booking,.cwk-checkout) .selected-package-label>span{font-weight:400;color:#526066;white-space:nowrap}
:is(.cwk-booking,.cwk-checkout) .selected-package-identity h3{margin:0;font:400 clamp(25px,3.1vw,37px)/1.18 var(--site-heading,Georgia,serif)!important;letter-spacing:-.035em;color:#3d4348;text-wrap:pretty}
:is(.cwk-booking,.cwk-checkout) .selected-package-focus{max-width:58ch;margin:12px 0 0;font:600 18px/1.4 var(--site-subheading,Arial,sans-serif)!important;color:#526066}
:is(.cwk-booking,.cwk-checkout) .selected-package-price{display:flex;flex-direction:column;align-items:flex-end;gap:6px;min-width:0;text-align:right}
:is(.cwk-booking,.cwk-checkout) .selected-package-price>strong{font:700 35px/1.05 var(--site-navigation,Arial,sans-serif);letter-spacing:-.04em;color:#3d4348;white-space:nowrap}
:is(.cwk-booking,.cwk-checkout) .selected-package-price>span{font:400 14px/1.4 var(--site-body,Arial,sans-serif);color:#526066}
:is(.cwk-booking,.cwk-checkout) .selected-package-price mark{margin-top:6px;padding:2px 7px;background:#12abf811;border-radius:5px;color:#3d4348;font:600 14px/1.4 var(--site-subheading,Arial,sans-serif);max-width:31ch}
:is(.cwk-booking,.cwk-checkout) .selected-package-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;min-width:0;margin:23px 0 0;padding:20px 0;border-top:1px solid #12abf84d;border-bottom:1px solid #12abf84d}
:is(.cwk-booking,.cwk-checkout) .selected-package-stats>div{display:flex;flex-direction:column-reverse;align-items:flex-start;gap:7px;min-width:0;padding:0 22px;border-left:1px solid #12abf84d}
:is(.cwk-booking,.cwk-checkout) .selected-package-stats>div:first-child{padding-left:0;border-left:0}
:is(.cwk-booking,.cwk-checkout) .selected-package-stats dt{font:400 14px/1.4 var(--site-body,Arial,sans-serif);color:#526066}
:is(.cwk-booking,.cwk-checkout) .selected-package-stats dd{margin:0;font:600 28px/1.1 var(--site-navigation,Arial,sans-serif);letter-spacing:-.04em;color:#3d4348;white-space:nowrap}
:is(.cwk-booking,.cwk-checkout) .selected-package-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;margin-top:22px}
:is(.cwk-booking,.cwk-checkout) .selected-package-body h4{font:600 18px/1.3 var(--site-subheading,Arial,sans-serif);margin:0 0 8px;color:#3d4348}
:is(.cwk-booking,.cwk-checkout) .selected-package-body p,:is(.cwk-booking,.cwk-checkout) .selected-package-summary{font:400 16px/1.6 var(--site-body,Arial,sans-serif);color:#526066;margin:0}
:is(.cwk-booking,.cwk-checkout) .selected-package-summary{margin-top:18px}
:is(.cwk-booking,.cwk-checkout) .selected-package-footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 20px;margin-top:21px;padding-top:16px;border-top:1px solid #12abf833}
:is(.cwk-booking,.cwk-checkout) .selected-package-footer p{max-width:55ch;margin:0;color:#526066;font:400 14px/1.5 var(--site-body,Arial,sans-serif)}
.cwk-checkout .co-summary .selected-package-compact{margin:0;padding:20px 18px;border-radius:14px 14px 14px 4px;box-shadow:0 4px 0 #12abf819}
.cwk-checkout .selected-package-compact:has(.selected-package-trigger){position:relative}
.cwk-checkout .selected-package-trigger{
  appearance:none;
  display:inline;
  padding:0;
  border:0;
  background:none;
  color:inherit;
  font:inherit;
  letter-spacing:inherit;
  text-align:start;
  text-decoration:underline;
  text-decoration-color:#12abf8;
  text-decoration-thickness:1px;
  text-underline-offset:.2em;
  cursor:pointer;
}
.cwk-checkout .selected-package-trigger::after{content:"";position:absolute;inset:0;border-radius:inherit}
.cwk-checkout .selected-package-trigger:is(:hover,:focus-visible){text-decoration-thickness:2px}
.cwk-checkout .selected-package-compact:has(.selected-package-trigger) .selected-package-more{position:relative;z-index:1}
.cwk-checkout .selected-package-compact .selected-package-header{grid-template-columns:minmax(0,1fr);gap:19px}
.cwk-checkout .selected-package-compact .selected-package-identity h3{font-size:26px!important}
.cwk-checkout .selected-package-compact .selected-package-price{align-items:flex-start;text-align:left}
.cwk-checkout .selected-package-compact .selected-package-price>strong{font-size:31px}
.cwk-checkout .selected-package-savings{margin:12px 0 0;font-size:14px}
.cwk-checkout .selected-package-savings mark{background:#e8f7ff;color:inherit;padding:2px 4px}
.cwk-checkout .selected-package-compact .selected-package-stats{grid-template-columns:minmax(0,1fr);gap:12px;padding:16px 0;margin-top:19px}
.cwk-checkout .selected-package-compact .selected-package-stats>div{flex-direction:row;align-items:baseline;justify-content:space-between;padding:0;border:0;gap:12px}
.cwk-checkout .selected-package-compact .selected-package-stats dd{font-size:21px}
.cwk-checkout .selected-package-compact .selected-package-stats dt{font-size:13px}
.cwk-checkout .selected-package-compact .selected-package-summary{font-size:14px;line-height:1.6}
.cwk-checkout .selected-package-compact .selected-package-footer{margin-top:16px;padding-top:12px}
.cwk-checkout:is([data-checkout-step=details],[data-checkout-step=review]) .co-summary{border:0;padding-top:0}
.cwk-checkout .co-summary>.loyalty-benefit{margin:19px 0 0;padding:0;font-size:14px}
@media(max-width:700px){:is(.cwk-booking,.cwk-checkout) .selected-package{padding:21px 20px;margin-top:21px}:is(.cwk-booking,.cwk-checkout) .selected-package-header{grid-template-columns:minmax(0,1fr);gap:19px}:is(.cwk-booking,.cwk-checkout) .selected-package-price{align-items:flex-start;text-align:left}:is(.cwk-booking,.cwk-checkout) .selected-package-price>strong{font-size:32px}:is(.cwk-booking,.cwk-checkout) .selected-package-price mark{margin-top:2px}:is(.cwk-booking,.cwk-checkout) .selected-package-identity h3{font-size:29px!important}:is(.cwk-booking,.cwk-checkout) .selected-package-focus{font-size:17px}:is(.cwk-booking,.cwk-checkout) .selected-package-label{font-size:15px}:is(.cwk-booking,.cwk-checkout) .selected-package-stats>div{padding-inline:13px}:is(.cwk-booking,.cwk-checkout) .selected-package-stats dd{font-size:25px}:is(.cwk-booking,.cwk-checkout) .selected-package-stats dt{font-size:13px}:is(.cwk-booking,.cwk-checkout) .selected-package-body{grid-template-columns:minmax(0,1fr);gap:19px}:is(.cwk-booking,.cwk-checkout) .selected-package-body p{font-size:15px}}
@media(max-width:380px){:is(.cwk-booking,.cwk-checkout) .selected-package{padding:19px 15px}:is(.cwk-booking,.cwk-checkout) .selected-package-stats>div{padding-inline:10px}:is(.cwk-booking,.cwk-checkout) .selected-package-stats dd{font-size:22px}:is(.cwk-booking,.cwk-checkout) .selected-package-stats dt{font-size:12px}}
@media(forced-colors:active){:is(.cwk-booking,.cwk-checkout) .selected-package{border-color:CanvasText;background:Canvas;box-shadow:none}:is(.cwk-booking,.cwk-checkout) .selected-package-price mark{background:Highlight;color:HighlightText}}

/* Compare the package total and its unit price at the same glance. */
:is(.cwk-booking,.cwk-checkout) .selected-package-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
:is(.cwk-booking,.cwk-checkout) .selected-package-more{margin-top:4px}
:is(.cwk-booking,.cwk-checkout) .selected-package-more>summary{padding:17px 0 8px;cursor:pointer;font:600 16px/1.4 var(--site-navigation,Arial,sans-serif);color:#3d4348}
:is(.cwk-booking,.cwk-checkout) .selected-package-more .selected-package-body{margin-top:12px}
:is(.cwk-booking,.cwk-checkout) .selected-package-flexibility{margin:14px 0 0;font:400 14px/1.5 var(--site-body,Arial,sans-serif);color:#526066}
.cwk-checkout .membership-more{display:block;margin-top:16px;border-top:1px solid #d9dfe2}
.cwk-checkout .membership-more>summary{padding:12px 0;cursor:pointer;font:600 15px/1.4 var(--site-navigation,Arial,sans-serif);color:#3d4348}
.cwk-checkout .membership-more .membership-fit{margin-top:4px}
.cwk-checkout .membership-choice .membership-focus{min-height:0}
.cwk-booking .book-review-context{margin:20px 0;border-block:1px solid #12abf84d}
.cwk-booking .book-review-context>summary{padding:16px 0;cursor:pointer;font:600 17px/1.4 var(--site-navigation,Arial,sans-serif)}
.cwk-booking .book-review-context .book-review-block{border:0;margin-top:0}
:is(.cwk-booking,.cwk-checkout) :is(.plan-pick,.selected-package){container-type:inline-size}
:is(.cwk-booking,.cwk-checkout) .package-price-pair{display:inline-grid;grid-template-columns:auto auto;align-items:baseline;gap:16px;max-width:100%;text-align:left}
:is(.cwk-booking,.cwk-checkout) .package-price-pair>span{display:flex;flex-direction:column;gap:5px;min-width:0}
:is(.cwk-booking,.cwk-checkout) .package-price-pair>.package-price-unit{padding-left:16px;border-left:1px solid #12abf866}
:is(.cwk-booking,.cwk-checkout) .package-price-pair strong{display:block;max-width:100%;margin:0;color:#3d4348;font:600 clamp(22px,10cqw,35px)/1.1 var(--site-navigation,Arial,sans-serif);letter-spacing:-.04em;white-space:nowrap;overflow-wrap:normal}
:is(.cwk-booking,.cwk-checkout) .package-price-pair .package-price-unit strong{font-size:clamp(19px,8cqw,27px)}
:is(.cwk-booking,.cwk-checkout) .package-price-pair small{display:block;margin:0;color:#526066;font:400 13px/1.4 var(--site-body,Arial,sans-serif);letter-spacing:0}
.cwk-booking .plan-pick-price{display:block;align-self:stretch;margin-top:18px;padding-top:14px}
.cwk-booking .plan-pick-price .package-price-pair{gap:12px}
.cwk-booking .plan-pick-price .package-price-unit{padding-left:12px}
.cwk-booking .plan-pick-price .package-price-total strong{font-size:clamp(21px,11cqw,29px)}
.cwk-booking .plan-pick-price .package-price-unit strong{font-size:clamp(18px,9cqw,24px)}
.cwk-booking .plan-pick-price .package-price-pair small{font-size:12px}
.cwk-checkout .membership-choice .package-price-pair{gap:14px}
.cwk-checkout .membership-choice .package-price-unit{padding-left:14px}
.cwk-checkout .membership-choice .package-price-pair strong{font-size:clamp(23px,10cqw,35px)}
.cwk-checkout .membership-choice .package-price-unit strong{font-size:clamp(20px,8cqw,27px)}
:is(.cwk-booking,.cwk-checkout) .selected-package-price>.package-price-pair{font-size:inherit}
@media(max-width:600px){
 .cwk-booking .plan-pick{grid-template-columns:minmax(0,1fr)}
 .cwk-booking .plan-pick-price{grid-column:1;grid-row:auto;width:100%;margin-top:13px;padding-top:12px;border-top:1px solid #d9dfe2;text-align:left}
 .cwk-booking .plan-pick-price>.package-price-pair{max-width:100%;font-size:inherit}
 .cwk-booking .plan-pick-price .package-price-total strong{font-size:clamp(23px,11cqw,29px)}
 .cwk-booking .plan-pick-price .package-price-unit strong{font-size:clamp(20px,9cqw,24px)}
}

:is(.cwk-booking,.cwk-checkout) .package-recommendation {
  display: inline-block;
  width: fit-content;
  margin: 0;
  padding: 3px 9px;
  border-radius: 999px;
  background: #e5f5fe;
  color: #175579;
  font: 600 13px/1.35 var(--site-navigation, Arial, sans-serif);
  white-space: nowrap;
}

.cwk-booking .plan-pick-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 10px;
  padding-inline-end: 27px;
}

.cwk-booking .plan-pick-meta .plan-pick-term {
  padding: 0;
  white-space: nowrap;
}

.cwk-checkout .membership-edition {
  flex-wrap: wrap;
}

@media (min-width: 761px) {
  .cwk-checkout .membership-edition {
    flex-wrap: nowrap;
  }

  /* The badge fits in the card's top padding without shifting its title. */
  .cwk-checkout .membership-edition > .package-recommendation {
    position: absolute;
    inset-block-start: 4px;
    inset-inline-end: 26px;
    line-height: 1.25;
  }
}
@media (max-width: 760px) {
  .cwk-booking .plan-picker-intro,
  .cwk-checkout[data-checkout-step="choose"] .co-starting-point {
    margin-bottom: 16px;
  }

  .cwk-booking .plan-picker-intro h2,
  .cwk-checkout[data-checkout-step="choose"] .co-stage h1 {
    font-size: clamp(25px, 8cqw, 34px);
    white-space: normal;
  }

  .cwk-booking .plan-picks,
  .cwk-checkout[data-checkout-step="choose"] .co-plans {
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
  }

  .cwk-checkout[data-checkout-step="choose"] .co-plans {
    margin-top: 0;
  }

  .cwk-booking .plan-pick,
  .cwk-checkout[data-checkout-step="choose"] .co-plans > .membership-choice,
  .cwk-checkout .co-plan-payg {
    padding: 15px 16px;
    border: 1px solid #d5e0e6;
    border-radius: 12px;
    box-shadow: none;
  }

  .cwk-booking .plan-pick:has(input:checked),
  .cwk-checkout[data-checkout-step="choose"] .co-plans > .membership-choice:has(input:checked) {
    background: #f4fbff;
    border-color: #12abf8;
    box-shadow: inset 3px 0 0 #12abf8;
  }

  .cwk-booking .plan-pick input {
    inset: 17px 16px auto auto;
  }

  .cwk-booking .plan-pick-name,
  .cwk-checkout .membership-choice .membership-name {
    min-height: 0;
    margin: 7px 0 0;
    font-size: clamp(19px, 8.5cqw, 26px);
    line-height: 1.18;
  }

  .cwk-booking .plan-pick-name :is(strong, em),
  .cwk-checkout .membership-name :is(.membership-name-base, .membership-name-accent) {
    display: inline;
    margin: 0;
    padding: 0;
    font-size: 1em;
    background: none;
  }

  .cwk-checkout .membership-edition {
    justify-content: space-between;
    gap: 7px;
    min-height: 0;
    margin: 0;
  }

  .cwk-checkout .membership-edition :is(.membership-number, .membership-track),
  .cwk-checkout .membership-choice .loyalty-benefit {
    display: none;
  }

  .cwk-booking .plan-pick-focus,
  .cwk-checkout .membership-choice .membership-focus {
    margin: 6px 0 0;
    color: #526066;
    font: 400 14px/1.45 var(--site-body, Arial, sans-serif);
  }

  .cwk-booking .plan-pick-price,
  .cwk-checkout .membership-choice .membership-purchase {
    margin: 12px 0 0;
    padding: 12px 0 0;
    border-top: 1px solid #dce6ec;
  }

  :is(.cwk-booking,.cwk-checkout) :is(.plan-pick,.membership-choice,.selected-package) .package-price-pair {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    width: 100%;
  }

  :is(.cwk-booking,.cwk-checkout) :is(.plan-pick,.membership-choice,.selected-package) .package-price-pair strong {
    font-size: clamp(19px, 8.6cqw, 27px);
  }

  .cwk-checkout .membership-choice .membership-terms {
    gap: 2px;
    margin-top: 10px;
    padding: 0;
    border: 0;
    font-size: 13px;
  }

  .cwk-checkout .membership-choice .membership-more {
    margin-top: 10px;
  }

  .cwk-checkout .membership-more > summary {
    min-height: 44px;
  }

  .cwk-checkout .membership-choice .membership-select {
    margin-top: 5px;
    border-radius: 8px;
    min-height: 44px;
    color: #17425b;
    border-color: #12abf8;
    background: #eaf7ff;
  }

  .cwk-checkout .membership-choice:has(.package-recommendation) .membership-select {
    background: #12abf8;
    color: #16242c;
  }

  .cwk-checkout .co-plan-payg .co-plan-top {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: baseline;
    gap: 8px 12px;
  }

  .cwk-checkout .co-plan-payg .co-plan-name {
    font-size: 19px;
  }

  .cwk-checkout .co-plan-payg .co-plan-price {
    font-size: 21px;
    white-space: nowrap;
  }

  :is(.cwk-booking,.cwk-checkout) .selected-package {
    padding: 16px;
  }

  :is(.cwk-booking,.cwk-checkout) .selected-package-header {
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
  }

  :is(.cwk-booking,.cwk-checkout) .selected-package-identity h3,
  .cwk-checkout .co-summary .selected-package-compact .selected-package-identity h3 {
    font-family: var(--site-subheading, Arial, sans-serif) !important;
    font-size: clamp(18px, 8cqw, 24px) !important;
    font-weight: 600 !important;
  }

  :is(.cwk-booking,.cwk-checkout) .selected-package-price {
    align-items: stretch;
  }

  :is(.cwk-booking,.cwk-checkout) .selected-package-price mark {
    align-self: flex-start;
  }
}