dialog.subs-welcome-dialog{--dialog-max-width:none;--dialog-min-width:0;--border-radius-l:var(--border-radius-container-dialog);overflow:hidden}.subs-welcome.yf-l6dwh8.yf-l6dwh8{display:flex;flex-direction:column;max-height:calc(100dvh - 48px);width:calc(100vw - 32px);max-width:100%;box-sizing:border-box;overflow-y:auto}.subs-welcome-header.yf-l6dwh8.yf-l6dwh8{position:sticky;top:0;z-index:1;flex:none;display:flex;align-items:center;justify-content:flex-end;height:auto;padding:var(--size-space-04) var(--size-space-04) 0;box-sizing:border-box;background:var(--color-surface-2a)}.subs-welcome-header.yf-l6dwh8 button.subs-welcome-close{--btn-text-color:var(--color-text-icon-primary);--btn-bg-color:transparent;--btn-hover-border:transparent;--btn-hover-bg:color-mix(in srgb, var(--color-text-icon-primary) 8%, transparent);--btn-hover-text:var(--color-text-icon-primary)}.subs-welcome-header.yf-l6dwh8 button.subs-welcome-close svg{width:20px;height:20px}.subs-welcome-body.yf-l6dwh8.yf-l6dwh8{flex:none;overflow-y:visible;padding:0 var(--size-space-07) var(--size-space-09)}.subs-welcome-footer.yf-l6dwh8.yf-l6dwh8{flex:none;display:flex;padding:0 var(--size-space-07) var(--size-space-09)}.subs-welcome-grid.yf-l6dwh8.yf-l6dwh8{display:grid;grid-template-columns:1fr;grid-template-areas:"head" "preview" "cards";gap:var(--size-space-07)}.subs-welcome-col.yf-l6dwh8.yf-l6dwh8{display:contents}.subs-welcome-head.yf-l6dwh8.yf-l6dwh8{grid-area:head;display:flex;flex-direction:column;gap:var(--size-space-04)}.subs-welcome-cards.yf-l6dwh8.yf-l6dwh8{grid-area:cards;display:flex;flex-direction:column;gap:var(--size-space-07)}.subs-welcome-card.subs-welcome-card-placeholder.yf-l6dwh8.yf-l6dwh8{display:none;visibility:hidden}.subs-welcome-card.yf-l6dwh8.yf-l6dwh8{box-sizing:border-box;position:relative;display:flex;align-items:center;gap:var(--size-space-05);padding:var(--size-space-07) var(--size-space-06);border-radius:var(--size-border-radius-sm);border:1px solid var(--color-ui-divider-subtle);transition:border-color .15s ease,background-color .15s ease}.subs-welcome-card.yf-l6dwh8 .cover-link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}.subs-welcome-card-title.hyperlink,.subs-welcome-card-title.hyperlink:hover,.subs-welcome-card-title.hyperlink:focus-visible{--hyperlink-color:var(--color-text-icon-primary);--hyperlink-hover-color:var(--color-text-icon-primary)}.subs-welcome-card.yf-l6dwh8 .subs-welcome-card-title.hyperlink{--hyperlink-visited-color:var(--color-text-icon-primary)}.subs-welcome-card.yf-l6dwh8 .subs-welcome-card-title.hyperlink,.subs-welcome-card.yf-l6dwh8 .subs-welcome-card-title.hyperlink:hover,.subs-welcome-card.yf-l6dwh8 .subs-welcome-card-title.hyperlink:focus-visible{text-decoration:none;outline:none}.subs-welcome-card-text.yf-l6dwh8.yf-l6dwh8{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:var(--size-space-01);text-align:left}.subs-welcome-card-desc{display:none}.subs-welcome-card-arrow.yf-l6dwh8.yf-l6dwh8{flex:none;box-sizing:border-box;pointer-events:none;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid var(--color-ui-divider-subtle);background:var(--color-surface-1);color:var(--color-text-icon-primary);transition:color .15s ease,opacity .3s ease-in-out,transform .3s ease-in-out}.subs-welcome-card-arrow.yf-l6dwh8 svg{width:18px;height:18px;fill:currentcolor}.subs-welcome-learn-more{--hyperlink-color:var(--color-text-icon-primary);--hyperlink-hover-color:var(--color-interactive-level-1-enabled);--hyperlink-visited-color:var(--color-text-icon-primary);text-decoration:underline;text-underline-offset:3px}.subs-welcome-preview.yf-l6dwh8.yf-l6dwh8{position:relative;grid-area:preview;align-self:stretch;min-width:0;aspect-ratio:313/161;border-radius:var(--size-border-radius-sm);overflow:hidden;border:1px solid var(--color-ui-divider-subtle);background:var(--color-surface-3)}.subs-welcome-preview-img.yf-l6dwh8.yf-l6dwh8{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:left 34%;object-position:left 34%;display:block;opacity:0;transition:opacity .6s ease}.subs-welcome-preview-img.is-shown.yf-l6dwh8.yf-l6dwh8{opacity:1}@media only screen and (min-width: 768px){.subs-welcome.yf-l6dwh8.yf-l6dwh8{width:clamp(517px,51.06vw + 125px,661px);overflow-y:visible}.subs-welcome-header.yf-l6dwh8.yf-l6dwh8{position:static;height:var(--size-space-15);padding:0 var(--size-space-09);background:transparent}.subs-welcome-body.yf-l6dwh8.yf-l6dwh8{flex:1 1 auto;min-height:0;overflow-y:auto}.subs-welcome-body.yf-l6dwh8.yf-l6dwh8,.subs-welcome-footer.yf-l6dwh8.yf-l6dwh8{padding:0 var(--size-space-09) var(--size-space-09)}.subs-welcome-preview.yf-l6dwh8.yf-l6dwh8{aspect-ratio:16/10}.subs-welcome-preview-img.yf-l6dwh8.yf-l6dwh8{-o-object-position:left top;object-position:left top}.subs-welcome-card-desc{display:block}.subs-welcome-grid.yf-l6dwh8.yf-l6dwh8{gap:var(--size-space-09)}}@media (hover: hover){.subs-welcome-card.yf-l6dwh8.yf-l6dwh8:hover{border-color:var(--color-interactive-level-1-hovered)}.subs-welcome-card.is-active.yf-l6dwh8.yf-l6dwh8{border-color:var(--color-interactive-level-1-hovered);box-shadow:inset 0 0 0 .5px var(--color-interactive-level-1-hovered);background:color-mix(in srgb,var(--color-interactive-level-1-hovered) 12%,transparent)}.subs-welcome-card-title.hyperlink,.subs-welcome-card-title.hyperlink:hover{--hyperlink-color:var(--color-text-icon-secondary)}.subs-welcome-card.is-active.yf-l6dwh8 .subs-welcome-card-title.hyperlink{--hyperlink-color:var(--color-text-icon-primary)}.subs-welcome-card-arrow.yf-l6dwh8.yf-l6dwh8{width:40px;height:40px;border-color:var(--color-interactive-level-1-hovered);color:var(--color-text-icon-secondary);opacity:0;transform:translate(-3px)}.subs-welcome-card-arrow.yf-l6dwh8 svg{width:20px;height:20px}.subs-welcome-card.is-active.yf-l6dwh8 .subs-welcome-card-arrow.yf-l6dwh8{opacity:1;transform:translate(0);color:var(--color-text-icon-primary)}}@media only screen and (min-width: 1050px){.subs-welcome-preview.yf-l6dwh8.yf-l6dwh8{aspect-ratio:597/395}}@media only screen and (min-width: 1280px){.subs-welcome.yf-l6dwh8.yf-l6dwh8{width:-moz-fit-content;width:fit-content;max-width:calc(100vw - var(--size-space-13))}.subs-welcome-grid.yf-l6dwh8.yf-l6dwh8{display:flex;align-items:flex-start;gap:var(--size-space-13)}.subs-welcome-col.yf-l6dwh8.yf-l6dwh8{display:flex;flex:none;flex-direction:column;width:482px;gap:var(--size-space-09)}.subs-welcome-cards.yf-l6dwh8.yf-l6dwh8{gap:var(--size-space-09)}.subs-welcome-card.yf-l6dwh8.yf-l6dwh8{padding:var(--size-space-07)}.subs-welcome-card.subs-welcome-card-placeholder.yf-l6dwh8.yf-l6dwh8{display:flex}.subs-welcome-preview.yf-l6dwh8.yf-l6dwh8{flex:none;align-self:flex-start;height:var(--welcome-col-h, auto);width:auto;aspect-ratio:4/3}}