.video-membership-plans{flex-direction:column;gap:16px;margin-bottom:16px;display:flex}.video-membership-plan{border:1px solid var(--border);background:var(--membership-panel);cursor:pointer;border-radius:12px;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:16px;padding:15px 23px;transition:background-color .15s,border-color .15s;display:grid;position:relative}.video-membership-plan:hover{background:var(--accent)}.video-membership-plan[data-selected=true]{border-color:var(--membership-primary);background:var(--accent)}.video-membership-plan[data-plan=pro]{padding-top:23px}.video-membership-plan-check{border:2px solid var(--muted-foreground);border-radius:50%;place-items:center;width:24px;height:24px;display:grid}.video-membership-plan[data-selected=true] .video-membership-plan-check{border-color:var(--membership-primary);background:var(--membership-primary);color:var(--primary-foreground)}.video-membership-plan-check svg{stroke-width:3px;width:16px;height:16px}.video-membership-popular{color:var(--primary-foreground);background:var(--membership-primary);clip-path:polygon(0 0,100% 0,calc(100% - 18px) 100%,0 100%);white-space:nowrap;border-radius:12px 0 0;height:20px;padding:1px 22px 0 7px;font-size:12px;font-weight:600;line-height:16px;position:absolute;top:-1px;left:-1px}.video-membership-plan-body{min-width:0}.video-membership-plan-main{text-align:left;cursor:pointer;justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.video-membership-plan-name{flex-wrap:wrap;align-items:center;gap:4px 6px;min-width:0;font-size:18px;font-weight:600;line-height:24px;display:flex}.video-membership-price{white-space:nowrap;flex-shrink:0;align-items:center;gap:6px;display:flex}.video-membership-price strong{font-size:24px;font-weight:600;line-height:36px}.video-membership-price>span{color:var(--membership-secondary);flex-direction:column;font-size:12px;font-weight:600;line-height:16px;display:flex}.video-membership-price del{color:var(--membership-muted);font-weight:400}.video-membership-price small{font-size:12px}.video-membership-slider-wrap{align-items:center;height:20px;margin:12px 0 8px;padding-inline:6px;display:flex}.video-membership-slider{width:100%}.video-membership-slider>div{height:20px}.video-membership-slider [data-slot=slider-track]{background:color-mix(in oklch, var(--muted-foreground) 20%, var(--popover));height:8px}.video-membership-slider [data-slot=slider-range]{background:var(--membership-primary);height:100%}.video-membership-slider [data-slot=slider-thumb]{background:var(--popover);border:4px solid var(--membership-primary);width:20px;height:20px;box-shadow:0 0 0 1px var(--border)}.video-membership-plan-meta{color:var(--membership-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 8px;margin-top:12px;font-size:14px;line-height:20px;display:flex}.video-membership-slider-wrap+.video-membership-plan-meta{margin-top:0}.video-membership-plan-meta>span:last-child:not(:first-child){color:var(--membership-dim)}@media (width<=639px){.video-membership-plan-main{grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;display:grid}.video-membership-plan-name{font-size:16px;display:contents}.video-membership-plan-name>span{grid-area:1/1}.video-membership-plan-name>small{grid-area:2/1/auto/-1;justify-self:start}.video-membership-price{grid-area:1/2}}@media (width<=359px){.video-membership-plan{gap:12px;padding-inline:15px}.video-membership-price{grid-area:2/1/auto/-1}.video-membership-plan-name>small{grid-area:3/1/auto/-1}.video-membership-price strong{font-size:20px}}.video-membership-upgrade-credits{color:var(--muted-foreground);text-align:end;font-size:14px;font-weight:400;line-height:20px}.video-membership-tier-marks{color:var(--muted-foreground);justify-content:space-between;gap:12px;font-size:12px;display:flex}.video-membership-dialog[data-upgrading] .video-membership-plans{gap:12px;margin-bottom:0}.video-membership-dialog[data-upgrading] .video-membership-action{margin-top:0}.video-membership-dialog[data-upgrading] .video-membership-selection{gap:12px}.video-membership-dialog[data-upgrading] .video-membership-plan{padding-block:12px}.video-membership-dialog[data-upgrading] .video-membership-plan[data-plan=pro]{padding-top:18px}.video-membership-dialog[data-upgrading] .video-membership-action{padding-top:12px}@media (width>=1024px) and (height<=760px){.video-membership-dialog[data-annual-switch] .video-membership-selection{gap:8px;padding-block:20px}.video-membership-dialog[data-annual-switch] .video-membership-plan{padding-block:8px}.video-membership-dialog[data-annual-switch] .video-membership-plan[data-plan=pro]{padding-top:16px}.video-membership-dialog[data-annual-switch] .video-membership-slider-wrap{margin-block:8px 4px}.video-membership-dialog[data-annual-switch] .video-membership-plan-meta{margin-top:4px}}