@layer components{.creator-tier-choice-dialog{--creator-tier-choice-fill:var(--white-100);--creator-tier-choice-text:var(--black-100);--creator-tier-choice-body:var(--muted-70);--creator-tier-choice-outline:var(--black-10);width:min(calc(100vw - (var(--space-16) * 2)), var(--size-560));border-color:var(--creator-tier-choice-outline);border-radius:var(--radius-2xl);background:var(--creator-tier-choice-fill);max-height:90dvh;color:var(--creator-tier-choice-text);flex-direction:column;gap:0;padding:0;display:flex;overflow:hidden}.dark .creator-tier-choice-dialog{--creator-tier-choice-fill:var(--black-100);--creator-tier-choice-text:var(--white-100);--creator-tier-choice-body:var(--fog-70);--creator-tier-choice-outline:var(--white-10)}.creator-tier-choice-dialog__content{gap:var(--space-24);min-height:0;padding-block:var(--space-24);padding-inline:var(--space-24);flex-direction:column;flex:1;display:flex}.creator-tier-choice-dialog__header{justify-content:space-between;align-items:flex-start;gap:var(--space-16);flex:none;display:flex}.creator-tier-choice-dialog__heading{gap:var(--space-4);flex:1;min-width:0;display:grid}.creator-tier-choice-dialog__close{flex-shrink:0;margin-block-start:calc(var(--space-4) * -1);margin-inline-end:calc(var(--space-4) * -1)}.creator-tier-choice-dialog__heading [data-slot=dialog-title]{font-size:var(--fs-16);font-weight:var(--fw-semibold);line-height:var(--lh-20)}.creator-tier-choice-dialog__heading [data-slot=dialog-description]{color:var(--creator-tier-choice-body);font-size:var(--fs-12);font-weight:var(--fw-regular);line-height:var(--lh-16)}.creator-tier-choice-dialog__tiers{gap:var(--space-12);scrollbar-width:none;min-height:0;display:grid;overflow-y:auto}.creator-tier-choice-dialog__tiers::-webkit-scrollbar{display:none}.creator-tier-choice-dialog__tier{gap:var(--space-4);padding:var(--space-12);border-radius:var(--radius-xl);display:grid}.creator-tier-choice-dialog__tier strong{font-size:var(--fs-14);font-weight:var(--fw-medium);line-height:var(--lh-20)}.creator-tier-choice-dialog__tier p{color:var(--creator-tier-choice-body);font-size:var(--fs-12);font-weight:var(--fw-regular);line-height:var(--lh-16)}.creator-tier-choice-dialog__tier-footer{justify-content:space-between;align-items:center;gap:var(--space-16);display:flex}.creator-tier-choice-dialog__tier-footer>span{font-size:var(--fs-20);font-weight:var(--fw-semibold);line-height:var(--lh-24)}.creator-tier-choice-dialog__tier-footer small{color:var(--creator-tier-choice-body);font-size:var(--fs-12);font-weight:var(--fw-regular);line-height:var(--lh-16);margin-inline-start:var(--space-4)}.creator-tier-choice-dialog__purchase{border:1px solid var(--creator-tier-choice-outline)}.creator-content-purchase__summary{align-items:center;gap:var(--space-12);padding:var(--space-12);border:1px solid var(--creator-tier-choice-outline);border-radius:var(--radius-xl);display:flex}.creator-content-purchase__teaser{width:var(--size-56);height:var(--size-56);border-radius:var(--radius-lg);object-fit:cover;flex:none}.creator-content-purchase__summary-copy{gap:var(--space-4);min-width:0;display:grid}.creator-content-purchase__summary-copy strong{font-size:var(--fs-14);font-weight:var(--fw-medium);line-height:var(--lh-20);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.creator-content-purchase__summary-copy small{color:var(--creator-tier-choice-body);font-size:var(--fs-12);font-weight:var(--fw-regular);line-height:var(--lh-16)}.creator-content-purchase__outcome .creator-tier-choice-dialog__content{text-align:center;align-items:center}.creator-content-purchase__outcome-icon{width:var(--size-48);height:var(--size-48);color:var(--creator-tier-choice-body)}.creator-content-purchase__outcome[data-outcome=success] .creator-content-purchase__outcome-icon,.creator-content-purchase__outcome[data-outcome=owned] .creator-content-purchase__outcome-icon{color:var(--green-100)}.creator-content-purchase__charge{gap:var(--space-4);color:var(--creator-tier-choice-body);font-size:var(--fs-12);line-height:var(--lh-16);display:grid}.creator-content-purchase__charge strong{color:var(--creator-tier-choice-text);font-size:var(--fs-20);font-weight:var(--fw-semibold);line-height:var(--lh-24)}.creator-content-purchase__outcome-actions{justify-content:center;gap:var(--space-12);display:flex}@media (max-width:767px){.creator-tier-choice-dialog{border:0;border-radius:0;width:100vw;min-height:100dvh;max-height:100dvh}}}