/* Fans254 v13.2.17 — creator-set video price.
   Uses existing responsive Typography and Appearance tokens. */
.f254-video-price-card{
  display:grid;
  gap:12px;
  min-width:0;
  padding:14px;
  border:0 solid var(--f-line,var(--f254-border,#d8dee8));
  border-radius:var(--f-card-radius,var(--f254-radius,14px));
  background:var(--f-surface-2,var(--f254-card-bg,#f7f9fc));
  color:var(--f-text,var(--f254-text,#101828));
  font-family:var(--f-font-ui,inherit);
  font-size:var(--f-type-body-size,14px);
  font-weight:var(--f-type-body-weight,450);
  box-shadow:var(--f-shadow-card,none);
}
.f254-video-price-card.has-border{border-width:var(--f-border-width,1px)}
.f254-video-price-card.has-motion{transition:border-color .18s ease,background-color .18s ease,transform .18s ease,box-shadow .18s ease}
.f254-video-price-card.has-motion:focus-within{transform:translateY(-1px);box-shadow:var(--f-shadow-card-hover,var(--f-shadow-card,none))}
.f254-video-price-card>header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0}
.f254-video-price-card>header>span:first-child{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--f-blue-soft,rgba(22,136,245,.12));color:var(--f-blue,#1877f2)}
.f254-video-price-card>header>span:first-child svg{width:var(--f-button-icon-size,20px);height:var(--f-button-icon-size,20px);stroke-width:var(--f-icon-stroke,1.8)}
.f254-video-price-card>header>div{display:grid;gap:3px;min-width:0}
.f254-video-price-card>header strong{color:var(--f-text,var(--f254-text,#101828));font-size:var(--f-type-card-title-size,15px);font-weight:var(--f-type-heading-weight,700);line-height:1.25}
.f254-video-price-card>header small,.f254-video-price-input small{color:var(--f-muted,var(--f254-muted,#667085));font-size:var(--f-type-meta-size,12px);font-weight:var(--f-type-meta-weight,450);line-height:1.4}
.f254-video-price-card.is-disabled{opacity:.72}
.f254-video-price-switch{position:relative;display:inline-flex;align-items:center;flex:0 0 auto}
.f254-video-price-switch input{position:absolute;inline-size:1px;block-size:1px;opacity:0;pointer-events:none}
.f254-video-price-switch span{position:relative;display:block;width:42px;height:24px;border:1px solid var(--f-line,var(--f254-border,#d8dee8));border-radius:999px;background:var(--f-input-bg,var(--f-surface,#fff));cursor:pointer;transition:background-color .16s ease,border-color .16s ease}
.f254-video-price-switch span::after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:var(--f-muted,var(--f254-muted,#667085));transition:transform .16s ease,background-color .16s ease}
.f254-video-price-switch input:checked+span{border-color:var(--f-blue,#1877f2);background:var(--f-blue,#1877f2)}
.f254-video-price-switch input:checked+span::after{transform:translateX(18px);background:#fff}
.f254-video-price-switch input:focus-visible+span{outline:3px solid var(--f-blue-soft,rgba(22,136,245,.16));outline-offset:2px}
.f254-video-price-switch input:disabled+span{cursor:not-allowed;opacity:.55}
.f254-video-price-input{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;padding-top:12px;border-top:1px solid var(--f-line,var(--f254-border,#d8dee8))}
.f254-video-price-input[hidden]{display:none!important}
.f254-video-price-input>b{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 12px;border:1px solid var(--f-line,var(--f254-border,#d8dee8));border-radius:10px;background:var(--f-button-bg,var(--f-surface,#fff));color:var(--f-text,var(--f254-text,#101828));font-size:var(--f-type-label-size,12px);font-weight:var(--f-type-button-weight,700)}
.f254-video-price-input>.f254-social-input{min-width:0;margin:0;background:var(--f-input-bg,var(--f-surface,#fff));color:var(--f-input-text,var(--f-text,#101828));border-color:var(--f-input-border,var(--f-line,#d8dee8));font:inherit}
.f254-video-price-input>small{grid-column:1/-1}
@media(max-width:767px){
  .f254-video-price-card{gap:10px;padding:12px;border-radius:var(--f-card-radius,var(--f254-radius,12px));font-size:var(--f-type-body-size,14px)}
  .f254-video-price-card>header{gap:8px}
  .f254-video-price-card>header>span:first-child{width:34px;height:34px;border-radius:10px}
  .f254-video-price-card>header>span:first-child svg{width:var(--f-button-icon-size,19px);height:var(--f-button-icon-size,19px)}
  .f254-video-price-input{grid-template-columns:72px minmax(0,1fr)}
}
@media(min-width:768px) and (max-width:1199px){.f254-video-price-card{padding:14px 15px}}
@media(prefers-reduced-motion:reduce){.f254-video-price-card,.f254-video-price-switch span,.f254-video-price-switch span::after{transition:none!important}.f254-video-price-card:focus-within{transform:none!important}}