.planGateTrigger{cursor:not-allowed;min-width:0;max-width:100%;display:inline-flex;position:relative}.planGateTrigger:focus-visible{outline:2px solid var(--primary);outline-offset:3px;border-radius:var(--radius-md)}.planGateTrigger.planLockTrigger,.planGateTrigger.planToggleTrigger{width:100%;display:flex}.planGateTrigger.planButtonTrigger{flex:none}.planGateTrigger.planButtonTrigger.isFullWidth{width:100%;display:flex}.planGatePopup .planGateNotice{color:var(--text);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.2em;font-size:1.1em;font-weight:300;display:flex}.planGatePopup .planGateNotice .planGateNoticeRequirement{justify-content:center;align-items:center;gap:var(--spacing-2xs);white-space:nowrap;display:inline-flex}.planGatePopup .planGateNotice .planGateNoticeRequirement>.icon{color:var(--planTone,var(--primary))}.planGatePopup .planGateNotice .planName{background:linear-gradient(180deg, color-mix(in srgb, var(--planTone,var(--primary)) 75%, white), var(--planTone,var(--primary)) 36%, color-mix(in srgb, var(--planTone,var(--primary)) 70%, transparent));color:#0000;-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;font-weight:400}.planGatePopup .planGateNotice .planGateNoticeLabel{opacity:.68;overflow-wrap:anywhere;max-width:13em;font-size:.8em;font-weight:300}.planLock{width:100%;min-width:0;display:block;position:relative}.planLockPopover{border-radius:var(--radius-md);opacity:.75;cursor:not-allowed}.planLockPopover:has(.button.premium){opacity:1}.planLockHoverSwap{isolation:isolate;border-radius:var(--radius-md);cursor:not-allowed;background-color:color-mix(in srgb, var(--planTone,var(--primary)) 8%, var(--container));background-image:radial-gradient(70.75% 124.54% at 51.89% 83.26%, color-mix(in srgb, var(--planTone,var(--primary)) 18%, transparent), transparent);outline:none;transition:background-color .28s;overflow:visible}.planLockHoverSwap[data-plan-lock-revealed=true]{background-color:color-mix(in srgb, var(--planTone,var(--primary)) 10%, var(--container))}.planLockHoverSwap:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb, var(--planTone,var(--primary)) 45%, transparent)}.planLockHoverSwap .planLockOriginalContent,.planLockHoverSwap .planLockSwapContent{z-index:4;border-radius:inherit;position:relative;overflow:hidden}.planLockHoverSwap .planLockOriginalContent{width:100%;height:100%}.planLockHoverSwap .planLockSwapContent{padding:var(--spacing-2xs) var(--spacing-xs);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.planLockPreview{border-radius:var(--radius-md);flex-direction:column;flex:auto;width:100%;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.planLockPreview .planLockPreviewContent{opacity:.58;pointer-events:none;flex-direction:column;flex:auto;min-width:0;min-height:0;display:flex;-webkit-mask-image:linear-gradient(#000 25%,#0000 100%);mask-image:linear-gradient(#000 25%,#0000 100%)}.planLockPreview .planLockPreviewAction{z-index:1;padding:var(--spacing-xs);background:color-mix(in srgb, var(--background) 32%, transparent);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.planLockBadge{width:fit-content;color:var(--planTone,var(--primary));flex:none;justify-content:center;align-items:center;line-height:1;display:inline-flex;position:relative}.planLockBadge:after{content:"";z-index:-1;border-radius:var(--radius-xl);background:color-mix(in srgb, var(--blacked) 20%, transparent);filter:blur(.35em);position:absolute;inset:-.32em}.planLockOverlayBadge{pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.planHoverLock{cursor:not-allowed;display:inline-flex;position:relative}.planHoverLock>:first-child{opacity:.75}.planHoverLock .planLockBadge{top:-.3rem;position:absolute;inset-inline-end:-.3rem}.planUpsell{--surfaceSize:2.75em;align-items:center;gap:var(--spacing-2xs);white-space:nowrap;font-weight:200;display:flex}.planUpsell .planName{color:var(--planTone,var(--primary));font-weight:400}.planUpsell .text{font-size:var(--font-sm)}.planUpsell .button.default{--buttonFill:color-mix(in srgb, var(--container) 45%, transparent);--buttonAmbientStrength:0%;-webkit-backdrop-filter:blur(1.2em);backdrop-filter:blur(1.2em)}.planUpsell.isPopover{flex-direction:column}.planUpsell.isPopover button{width:100%}.planUpsell.isInline{--surfaceSize:2.35em;justify-content:center;gap:var(--spacing-xs);width:100%}.planUpsell.isInline .text{text-overflow:ellipsis;font-size:.78em;overflow:hidden}.planUpsell.isInline button{padding-inline:var(--spacing-sm);flex:none;font-size:.78em}@media (prefers-reduced-motion:reduce){.planLockHoverSwap{transition:none}}