/* Invisalign Open Day slide. Sizes use cqw so the text scales with the slide image. */
.iod{position:relative;display:block;width:100%;flex:0 0 100%;container-type:inline-size;background:#1d2d3d;color:#f2f2f3;font-family:"Barlow",sans-serif;line-height:1.2;text-align:left}
.iod picture{display:block;width:100%}
/* Guards against slider-wide rules such as ".swiper-slide img{width:100%;height:100%;object-fit:cover}" */
.iod img{max-width:none !important;float:none !important;position:static !important;transform:none !important}
.iod img.iod-bg{display:block !important;width:100% !important;height:auto !important;object-fit:fill !important}
.iod p,.iod h2,.iod ul,.iod li{float:none !important;position:static !important;transform:none !important; text-wrap: balance;}
.iod-cap{position:absolute;top:0;bottom:0;left:35%;right:0;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr);padding:2.5cqw 0;overflow:hidden}
.iod-main{display:flex;flex-direction:column;justify-content:center;gap:.875cqw;padding:0 3cqw 0 3.5cqw;min-width:0}
.iod-head{display:flex;flex-direction:column;align-items:flex-start;gap:.875cqw}
.iod svg.iod-logo{display:block !important;width:8.6cqw !important;height:2.1cqw !important;max-width:none !important;max-height:none !important;margin:0 !important;padding:0 !important;flex-shrink:0;fill:#ffffff}
.iod-kicker{margin:0;font-size:1cqw;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#b5d9fd}
.iod .iod-title{margin:0;font-family:"Barlow Condensed",sans-serif;font-weight:600;font-size:3.75cqw;line-height:.94;letter-spacing:0;text-transform:uppercase;text-shadow:none;color:#f2f2f3;text-wrap:balance}
.iod-save{margin:0;font-family:"Barlow Condensed",sans-serif;font-weight:500;font-size:1.75cqw;line-height:1.15;color:#d6ebff}
.iod-side{display:flex;flex-direction:column;justify-content:center;gap:1cqw;padding:0 3.5cqw 0 3cqw;border-left:1px solid #416180;min-width:0}
.iod-label{font-size:.875cqw;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#b5d9fd;padding-bottom:.375cqw}
.iod-list{list-style:none;margin:0;padding:0}
.iod-list li{display:flex;align-items:center;gap:.75cqw;padding:.5cqw 0;border-top:1px solid #416180;font-size:1.25cqw;line-height:1.2}
.iod-list li:last-child{border-bottom:1px solid #416180;font-weight:600}
.iod-list svg{width:1.25cqw;height:1.25cqw;flex-shrink:0}
.iod-actions{display:flex;align-items:center;gap:1.5cqw;margin:0}
.iod .iod-btn{display:inline-flex;align-items:center;gap:.625cqw;padding:.75cqw 1.375cqw;font-size:1.1875cqw;line-height:1.2;white-space:nowrap;border-radius:6px}
.iod-btn svg{display:block;width:1.125cqw;height:1.125cqw;flex-shrink:0}
.iod .iod-link{font-size:1.0625cqw;color:#f2f2f3;text-decoration:underline;text-underline-offset:.25em;white-space:nowrap}
.iod .iod-link:hover,.iod .iod-link:focus{color:#d6ebff}
.iod-terms{margin:0;font-size:.9375cqw;color:#d6ebff}
.iod-actions--compact{display:none}
@media (min-width:768px) and (max-width:1199px){
  .iod-cap{grid-template-columns:minmax(0,1fr)}
  .iod-side{display:none}
  .iod-main{gap:1cqw;padding:0 4cqw}
  .iod-head{flex-direction:row;align-items:center;gap:2cqw}
  .iod svg.iod-logo{width:8.35cqw !important;height:2.04cqw !important}
  .iod-kicker{font-size:max(12px,1.5cqw)}
  .iod .iod-title{font-size:4.6cqw}
  .iod-save{font-size:2.4cqw}
  .iod-actions--compact{display:flex;gap:2.4cqw;padding-top:.5cqw}
  .iod-actions--compact .iod-btn{font-size:max(13px,1.7cqw);padding:.9cqw 1.6cqw;gap:.8cqw}
  .iod-actions--compact .iod-btn svg{width:1.6cqw;height:1.6cqw}
  .iod-actions--compact .iod-link{font-size:max(13px,1.6cqw)}
}
@media (max-width:767px){
  .iod-cap{left:30.92%;grid-template-columns:minmax(0,1fr);padding:4.83cqw 4.83cqw 4.83cqw 5.31cqw}
  .iod-side{display:none}
  .iod-main{gap:1.93cqw;padding:0}
  .iod-head{gap:1.93cqw}
  .iod svg.iod-logo{width:20.2cqw !important;height:4.93cqw !important}
  .iod-kicker{font-size:2.9cqw}
  .iod .iod-title{font-size:7.73cqw}
  .iod-save{font-size:4.35cqw}
  .iod-actions--compact{display:flex;gap:2.42cqw;padding-top:1.45cqw}
  .iod-actions--compact .iod-btn{height:10.63cqw;padding:0 2.9cqw;gap:1.45cqw;font-size:3.62cqw}
  .iod-actions--compact .iod-btn svg{width:3.38cqw;height:3.38cqw}
  .iod-actions--compact .iod-link{font-size:3.38cqw;padding:2.9cqw 0}
}