.vsg-instance{font-family:inherit;position:relative}
.vsg-inline-host{display:block;width:100%;box-sizing:border-box;margin:0;padding:14px 0 8px;clear:both;position:relative;z-index:50}
.vsg-inline-host[hidden]{display:none!important}
.vsg-inline-host .vsg-inline-gate{display:block!important;position:relative!important;inset:auto!important;width:100%!important;max-width:760px;margin:0 auto!important;transform:none!important}

.vsg-instance .vsg-protected{visibility:hidden;display:block;pointer-events:none;user-select:none}
.vsg-instance .vsg-protected.vsg-unlocked{visibility:visible;pointer-events:auto;user-select:auto}
.vsg-instance [hidden]{display:none!important}
.vsg-content-lock-layer{position:absolute!important;left:0!important;right:0!important;width:100%!important;box-sizing:border-box;display:block!important;padding:20px 16px!important;pointer-events:auto!important;z-index:2147483000!important;overflow:visible!important;background:linear-gradient(to bottom,rgba(255,255,255,.98),rgba(255,255,255,.995))}
.vsg-lock-card-wrap{position:sticky;top:18px;width:100%;max-width:760px;margin:0 auto;box-sizing:border-box;z-index:2}
.vsg-content-lock-layer .vsg-inline-gate{position:relative!important;top:auto!important;left:auto!important;right:auto!important;width:100%!important;max-width:760px;margin:0 auto!important;transform:none!important;z-index:2}
.vsg-inline-gate{position:relative;z-index:50;width:100%;margin:0}
.vsg-instance .vsg-card{box-sizing:border-box;width:100%;max-width:760px;margin:0 auto;border:0;border-radius:0;padding:12px 0 0;text-align:left;background:transparent;color:#202124}
.vsg-instance .vsg-card h3{color:#202124;margin:0 0 6px;font-size:20px;line-height:1.3;font-weight:650;text-align:center}
.vsg-instance .vsg-card p{color:#666;font-size:14px;line-height:1.45;margin:0 auto 16px;max-width:560px;text-align:center}
.vsg-instance .vsg-btn,.vsg-modal .vsg-btn{display:flex;align-items:center;justify-content:space-between;gap:18px;width:100%;min-height:70px;box-sizing:border-box;background:#fff;color:#202124;border:1px solid #d6d8dc;padding:13px 16px 13px 18px;border-radius:10px;font-size:14px;line-height:1.25;font-weight:600;cursor:pointer;box-shadow:none;text-align:left;transition:border-color .15s ease,background .15s ease}
.vsg-instance .vsg-btn:hover,.vsg-modal .vsg-btn:hover{background:#fafafa;border-color:#bfc3c9}
.vsg-instance .vsg-btn:disabled,.vsg-modal .vsg-btn:disabled{background:#f5f5f5;color:#8b8d91;cursor:default}
.vsg-action-copy{display:flex;flex-direction:column;min-width:0}
.vsg-action-title{display:block;font-size:15px;font-weight:650;color:inherit;white-space:normal}
.vsg-action-subtitle{display:block;margin-top:4px;font-size:12.5px;font-weight:400;color:#74777c}
.vsg-action-play{display:flex;align-items:center;justify-content:center;flex:0 0 30px;width:30px;height:30px;border-radius:50%;background:#2468c8;color:#fff;font-size:11px;line-height:1;padding-left:2px}
.vsg-instance .vsg-btn:disabled .vsg-action-play,.vsg-modal .vsg-btn:disabled .vsg-action-play{background:#aeb4bc}
.vsg-instance .vsg-note,.vsg-modal .vsg-note{margin-top:9px;font-size:11.5px;color:#777;text-align:center}
.vsg-modal{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;box-sizing:border-box;padding:20px;background:rgba(255,255,255,.96);z-index:2147483647!important;display:none;align-items:center;justify-content:center;margin:0!important;transform:none!important;overflow:auto!important}
.vsg-modal[hidden]{display:none!important}
.vsg-modal.vsg-open{display:flex!important}
.vsg-modal-inner{width:100%;max-width:620px;box-sizing:border-box}
.vsg-modal-card{position:relative}
.vsg-modal .vsg-card{box-sizing:border-box;width:100%;border:0;border-radius:0;padding:18px 0;text-align:left;background:transparent;color:#202124;box-shadow:none}
.vsg-modal .vsg-card h3{color:#202124;margin:0 36px 8px;font-size:24px;line-height:1.25;font-weight:650;text-align:center}
.vsg-modal .vsg-card p{color:#6b6d72;font-size:15px;line-height:1.5;margin:0 auto 22px;max-width:520px;text-align:center;padding:0 22px}
.vsg-close{position:absolute;top:-2px;right:0;width:34px;height:34px;padding:0;background:transparent;border:0;color:#7a7d82;font-size:24px;line-height:34px;cursor:pointer;z-index:3}
.vsg-close:hover{color:#202124}
.vsg-vsg-no-scroll{overflow:hidden!important}
@media(max-width:600px){.vsg-content-lock-layer{padding:14px 10px!important}.vsg-modal{padding:16px}.vsg-modal .vsg-card{padding:12px 0}.vsg-modal .vsg-card h3{font-size:21px;margin-left:30px;margin-right:30px}.vsg-modal .vsg-card p{font-size:14px;margin-bottom:18px}.vsg-instance .vsg-card h3{font-size:18px}.vsg-instance .vsg-btn,.vsg-modal .vsg-btn{min-height:66px;padding:12px 14px;border-radius:9px}.vsg-action-play{flex-basis:28px;width:28px;height:28px}}


/* v2.2.9 — compact inline UI.
   The inline gate is portaled into .vsg-inline-host, outside .vsg-instance.
   These selectors therefore intentionally do not depend on .vsg-instance. */
.vsg-inline-host{padding:10px 0 12px!important}
.vsg-inline-host .vsg-inline-gate{width:100%!important;max-width:620px!important;margin:0 auto!important}
.vsg-inline-host .vsg-card{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:620px!important;
  margin:0 auto!important;
  padding:18px 18px 14px!important;
  border:1px solid #e2e4e8!important;
  border-radius:12px!important;
  background:#fff!important;
  color:#202124!important;
  box-shadow:0 1px 2px rgba(0,0,0,.025)!important;
  text-align:left!important;
}
.vsg-inline-host .vsg-card h3{
  margin:0 0 5px!important;
  padding:0!important;
  color:#202124!important;
  font:650 18px/1.3 inherit!important;
  text-align:center!important;
  letter-spacing:0!important;
}
.vsg-inline-host .vsg-card p{
  max-width:500px!important;
  margin:0 auto 14px!important;
  padding:0!important;
  color:#6b6d72!important;
  font:400 13.5px/1.45 inherit!important;
  text-align:center!important;
}
.vsg-inline-host .vsg-btn{
  appearance:none!important;
  -webkit-appearance:none!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  width:100%!important;
  min-height:58px!important;
  margin:0!important;
  padding:10px 12px 10px 15px!important;
  border:1px solid #d8dbe0!important;
  border-radius:9px!important;
  background:#fff!important;
  background-image:none!important;
  color:#202124!important;
  box-shadow:none!important;
  text-align:left!important;
  text-transform:none!important;
  cursor:pointer!important;
}
.vsg-inline-host .vsg-btn:hover{
  border-color:#b9bec6!important;
  background:#fafafa!important;
}
.vsg-inline-host .vsg-btn:focus-visible{
  outline:2px solid #2468c8!important;
  outline-offset:2px!important;
}
.vsg-inline-host .vsg-btn:disabled{
  background:#f5f6f7!important;
  color:#8b8d91!important;
  cursor:default!important;
}
.vsg-inline-host .vsg-action-copy{
  display:flex!important;
  flex:1 1 auto!important;
  flex-direction:column!important;
  min-width:0!important;
}
.vsg-inline-host .vsg-action-title{
  display:block!important;
  margin:0!important;
  color:inherit!important;
  font:650 14px/1.25 inherit!important;
  white-space:normal!important;
  text-transform:none!important;
}
.vsg-inline-host .vsg-action-subtitle{
  display:block!important;
  margin-top:3px!important;
  color:#777b81!important;
  font:400 12px/1.25 inherit!important;
  text-transform:none!important;
}
.vsg-inline-host .vsg-action-play{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 28px!important;
  width:28px!important;
  height:28px!important;
  margin:0!important;
  padding:0 0 0 2px!important;
  border:0!important;
  border-radius:50%!important;
  background:#2468c8!important;
  color:#fff!important;
  font-size:10px!important;
  line-height:1!important;
}
.vsg-inline-host .vsg-btn:disabled .vsg-action-play{background:#aeb4bc!important}
.vsg-inline-host .vsg-note{
  margin:8px 0 0!important;
  padding:0!important;
  color:#777!important;
  font:400 11.5px/1.35 inherit!important;
  text-align:center!important;
}
@media(max-width:600px){
  .vsg-inline-host{padding:8px 0 10px!important}
  .vsg-inline-host .vsg-card{padding:15px 12px 12px!important;border-radius:10px!important}
  .vsg-inline-host .vsg-card h3{font-size:17px!important}
  .vsg-inline-host .vsg-card p{font-size:13px!important;margin-bottom:12px!important}
  .vsg-inline-host .vsg-btn{min-height:56px!important;padding:9px 10px 9px 13px!important}
}
