@layer components{.creator-purchase-dialog{--creator-purchase-dialog-fill:var(--white-100);--creator-purchase-dialog-title:var(--black-100);--creator-purchase-dialog-body:var(--muted-70);--creator-purchase-dialog-outline:var(--black-10);--creator-purchase-dialog-soft:var(--black-3);--creator-purchase-dialog-hover:var(--black-5);--creator-purchase-dialog-accent:var(--orange-100);--creator-purchase-dialog-disabled-fill:var(--black-10);--creator-purchase-dialog-disabled-text:var(--black-50);--creator-purchase-dialog-hero-text:var(--white-100);--creator-purchase-dialog-success:var(--swatch-green);--creator-purchase-dialog-failure:var(--red-100);--creator-purchase-dialog-shadow:var(--shadow-light-100);--creator-purchase-dialog-hero-blur:var(--blur-20);--creator-purchase-dialog-hero-gradient:linear-gradient(0deg, var(--pure-black-40) 50%, transparent 100%);--creator-purchase-dialog-hero-blur-mask:linear-gradient(0deg, var(--pure-black-100) 50%, transparent 100%)}.creator-purchase-dialog:where(:not(.card-order-payment)){width:calc(100vw - (var(--space-16) * 2));max-width:var(--size-560);border-color:var(--creator-purchase-dialog-outline);border-radius:var(--radius-4xl);background:var(--creator-purchase-dialog-fill);box-shadow:var(--creator-purchase-dialog-shadow);color:var(--creator-purchase-dialog-title);gap:0;padding:0;overflow:hidden}.dark .creator-purchase-dialog{--creator-purchase-dialog-fill:var(--black-100);--creator-purchase-dialog-title:var(--white-100);--creator-purchase-dialog-body:var(--fog-70);--creator-purchase-dialog-outline:var(--white-10);--creator-purchase-dialog-soft:var(--white-3);--creator-purchase-dialog-hover:var(--white-5);--creator-purchase-dialog-disabled-fill:var(--white-20);--creator-purchase-dialog-disabled-text:var(--white-60);--creator-purchase-dialog-shadow:var(--shadow-dark-100)}.creator-purchase-dialog--plan{min-height:var(--size-620);border-radius:var(--radius-2xl);box-shadow:none;border:0}.creator-purchase-dialog__hero{width:100%;height:var(--size-356);border-radius:var(--radius-xl) var(--radius-xl) 0 0;background:var(--creator-purchase-dialog-soft);position:relative;overflow:hidden}.creator-purchase-dialog__hero-image,.creator-purchase-dialog__hero-placeholder{width:100%;height:100%;position:absolute;inset:0}.creator-purchase-dialog__hero-image{object-fit:cover}.creator-purchase-dialog__hero-placeholder{background:radial-gradient(circle at 18% 22%, var(--orange-10), transparent 42%), linear-gradient(145deg, var(--black-10), var(--black-30))}.creator-purchase-dialog__hero-close{z-index:2;top:var(--space-8);right:var(--space-8);position:absolute}.creator-purchase-dialog__hero-content{z-index:1;height:var(--size-92);padding:var(--space-16);justify-content:center;gap:var(--space-8);isolation:isolate;display:flex;position:absolute;bottom:0;left:0;right:0}.creator-purchase-dialog__hero-content:before{z-index:0;content:"";background:var(--creator-purchase-dialog-hero-gradient);position:absolute;inset:0}.creator-purchase-dialog__hero-content:after{z-index:0;content:"";background:var(--pure-black-1);-webkit-backdrop-filter:blur(var(--creator-purchase-dialog-hero-blur));backdrop-filter:blur(var(--creator-purchase-dialog-hero-blur));-webkit-mask-image:var(--creator-purchase-dialog-hero-blur-mask);-webkit-mask-image:var(--creator-purchase-dialog-hero-blur-mask);mask-image:var(--creator-purchase-dialog-hero-blur-mask);position:absolute;inset:0}.creator-purchase-dialog__creator-identity{z-index:1;min-width:0;color:var(--creator-purchase-dialog-hero-text);text-align:center;flex-direction:column;align-items:center;display:flex;position:relative}.creator-purchase-dialog__creator-identity strong{max-width:100%;font-family:var(--font-main);font-size:var(--fs-40);font-weight:var(--fw-bold);line-height:var(--lh-40);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.creator-purchase-dialog__creator-identity span{max-width:100%;color:var(--white-90);font-family:var(--font-main);font-size:var(--fs-14);font-weight:var(--fw-medium);line-height:var(--lh-20);letter-spacing:var(--ls-wider);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.creator-purchase-dialog__plan-copy{align-items:center;gap:var(--space-16);min-height:calc(var(--size-620) - var(--size-356));padding:var(--space-16);text-align:center;flex-direction:column;display:flex}.creator-purchase-dialog__plan-title,.creator-purchase-dialog__title,.creator-purchase-dialog__success-title,.creator-purchase-dialog__terminal-title{color:var(--creator-purchase-dialog-title);font-family:var(--font-main);letter-spacing:var(--ls-0);margin:0}.creator-purchase-dialog__plan-title{font-size:var(--fs-18);font-weight:var(--fw-bold);line-height:var(--lh-24)}.creator-purchase-dialog__plan-description{color:var(--creator-purchase-dialog-body);font-family:var(--font-main);font-size:var(--fs-15);font-weight:var(--fw-medium);line-height:var(--lh-24);letter-spacing:var(--ls-tight);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.creator-purchase-dialog__plan-action{width:100%;max-width:var(--size-336);font-weight:var(--fw-medium)}.creator-purchase-dialog__renewal-copy,.creator-purchase-dialog__terms{color:var(--creator-purchase-dialog-body);font-family:var(--font-main);font-size:var(--fs-12);font-weight:var(--fw-medium);letter-spacing:var(--ls-tight);margin:0}.creator-purchase-dialog__renewal-copy{width:100%;max-width:var(--size-336);line-height:var(--lh-18)}.creator-purchase-dialog__terms{color:var(--creator-purchase-dialog-accent);line-height:var(--lh-20);text-decoration:none}.creator-purchase-dialog__payment-header{padding:var(--space-24)}.creator-purchase-dialog__title{padding-right:var(--space-40);font-size:var(--fs-24);font-weight:var(--fw-medium);line-height:var(--lh-32)}.creator-purchase-dialog__charge{padding:var(--space-8) var(--space-24) var(--space-24)}.creator-purchase-dialog__charge h3{color:var(--creator-purchase-dialog-title);font-family:var(--font-main);font-size:var(--fs-18);font-weight:var(--fw-regular);line-height:var(--lh-24);letter-spacing:var(--ls-wider);margin:0}.creator-purchase-dialog__charge p{margin:var(--space-4) 0 0;color:var(--creator-purchase-dialog-body);font-family:var(--font-main);font-size:var(--fs-16);font-weight:var(--fw-regular);line-height:var(--lh-20);letter-spacing:var(--ls-025)}.creator-purchase-dialog__methods{border:0;flex-direction:column;min-width:0;margin:0;padding:0;display:flex}.creator-purchase-dialog__methods>legend{width:100%;padding:var(--space-12) var(--space-24);color:var(--creator-purchase-dialog-title);font-family:var(--font-main);font-size:var(--fs-18);font-weight:var(--fw-medium);line-height:var(--lh-24);margin:0}.creator-purchase-dialog__method-row{min-height:var(--size-72);position:relative}.creator-purchase-dialog__method-icon{width:var(--size-24);height:var(--size-24);color:var(--creator-purchase-dialog-title)}.creator-purchase-dialog__method-avatar{width:var(--size-24);height:var(--size-24)}.creator-purchase-dialog__method-avatar:after{display:none}.creator-purchase-dialog__method-avatar :is([data-slot=avatar-image],[data-slot=avatar-fallback]){width:var(--size-24);height:var(--size-24)}.creator-purchase-dialog__method-avatar [data-slot=avatar-fallback]>svg{width:var(--size-16);height:var(--size-16)}.creator-purchase-dialog__method-icon--hypetrek{background-image:url(/logo/logo-hypetrek-full.light.svg);background-position:0;background-repeat:no-repeat;background-size:auto 100%;display:block;overflow:hidden}.dark .creator-purchase-dialog__method-icon--hypetrek{background-image:url(/logo/logo-hypetrek-full.dark.svg)}.creator-purchase-dialog__method-selector{grid-template-columns:var(--size-24) minmax(0, 1fr) minmax(var(--size-88), auto) var(--size-24);min-height:var(--size-72);align-items:center;gap:var(--space-16);cursor:pointer;padding:var(--space-8) var(--space-24);display:grid}.creator-purchase-dialog__method-selector:has(input:disabled){cursor:default}.creator-purchase-dialog__method-copy{align-items:flex-start;gap:var(--space-4);flex-direction:column;min-width:0;display:flex}.creator-purchase-dialog__method-row[data-has-action=true] .creator-purchase-dialog__method-selector{padding-top:var(--space-16);padding-bottom:var(--space-40);align-items:start}.creator-purchase-dialog__method-copy strong,.creator-purchase-dialog__method-balance-value{color:var(--creator-purchase-dialog-title);font-family:var(--font-main);font-size:var(--fs-16);font-weight:var(--fw-regular);line-height:var(--lh-24);letter-spacing:var(--ls-wider)}.creator-purchase-dialog__method-balance-value{align-items:baseline;gap:var(--space-4);display:inline-flex}.creator-purchase-dialog__method-title-row{align-items:center;gap:var(--space-4);width:100%;min-width:0;display:flex}.creator-purchase-dialog__method-title-row>strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.creator-purchase-dialog__copy-address{width:var(--size-24);height:var(--size-24);flex:0 0 var(--size-24);border-radius:var(--radius-full);color:var(--creator-purchase-dialog-body);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.creator-purchase-dialog__copy-address>svg{width:var(--size-16);height:var(--size-16)}.creator-purchase-dialog__copy-address:hover{background:var(--creator-purchase-dialog-soft)}.creator-purchase-dialog__copy-address:focus-visible{outline:var(--size-1) solid var(--creator-purchase-dialog-accent);outline-offset:var(--space-2)}.creator-purchase-dialog__method-copy>span:not(.creator-purchase-dialog__method-title-row){max-width:100%;color:var(--creator-purchase-dialog-body);font-family:var(--font-main);font-size:var(--fs-14);font-weight:var(--fw-regular);line-height:var(--lh-20);letter-spacing:var(--ls-025);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.creator-purchase-dialog__method-link{align-items:center;gap:var(--space-4);color:var(--creator-purchase-dialog-accent);cursor:pointer;font-family:var(--font-main);font-size:var(--fs-14);font-weight:var(--fw-regular);line-height:var(--lh-20);letter-spacing:var(--ls-025);background:0 0;border:0;padding:0;display:inline-flex}.creator-purchase-dialog__method-link:hover{text-underline-offset:var(--space-2);text-decoration:underline}.creator-purchase-dialog__method-link:disabled{color:var(--creator-purchase-dialog-disabled-text);cursor:default}.creator-purchase-dialog__method-link:disabled:hover{text-decoration:none}.creator-purchase-dialog__method-link>svg{width:var(--size-16);height:var(--size-16);flex:0 0 var(--size-16);color:currentColor}.creator-purchase-dialog__method-action{z-index:1;top:calc(var(--space-16) + var(--size-24));left:calc(var(--space-24) + var(--size-24) + var(--space-16));position:absolute}.creator-purchase-dialog__method-balance{align-items:flex-end;gap:var(--space-4);min-width:0;padding-right:var(--space-8);text-align:right;white-space:nowrap;flex-direction:column;grid-column:3;justify-self:end;display:flex}.creator-purchase-dialog__method-balance-label{width:100%;color:var(--creator-purchase-dialog-body);font-family:var(--font-main);font-size:var(--fs-14);font-weight:var(--fw-regular);line-height:var(--lh-20);letter-spacing:var(--ls-025);text-overflow:ellipsis;overflow:hidden}.creator-purchase-dialog__balance-skeleton{width:var(--size-48);height:var(--size-20);border-radius:var(--radius-full);background:linear-gradient(90deg, var(--creator-purchase-dialog-soft), var(--creator-purchase-dialog-outline), var(--creator-purchase-dialog-soft));background-size:200% 100%;grid-column:3;justify-self:end;animation:1.4s ease-in-out infinite creator-purchase-dialog-shimmer}.creator-purchase-dialog__radio{appearance:none;width:var(--size-24);height:var(--size-24);border:calc(var(--size-1) * 2) solid var(--creator-purchase-dialog-outline);border-radius:var(--radius-full);cursor:pointer;background:0 0;grid-column:4;justify-self:center;margin:0}.creator-purchase-dialog__radio:disabled{cursor:default}.creator-purchase-dialog__method-row[data-selected=true] .creator-purchase-dialog__radio{border-color:var(--creator-purchase-dialog-accent);background:radial-gradient(circle, var(--creator-purchase-dialog-accent) 0 var(--space-6), transparent calc(var(--space-6) + var(--size-1)))}.creator-purchase-dialog__radio:focus-visible{outline:calc(var(--size-1) * 2) solid var(--creator-purchase-dialog-accent);outline-offset:var(--space-2)}.creator-purchase-dialog__actions{width:100%;min-height:var(--size-88);justify-content:flex-end;align-items:center;gap:var(--space-8);border-top:var(--size-1) solid var(--creator-purchase-dialog-outline);padding:var(--space-20) var(--space-24);display:flex}.creator-purchase-dialog__actions--payment{padding:var(--space-24);border-top:0}.creator-purchase-dialog__text-action,.creator-purchase-dialog__filled-action{min-height:var(--size-40);justify-content:center;align-items:center;gap:var(--space-8);border-radius:var(--radius-full);cursor:pointer;padding:var(--space-10) var(--space-20);font-family:var(--font-main);font-size:var(--fs-14);font-weight:var(--fw-medium);line-height:var(--lh-20);border:0;display:inline-flex}.creator-purchase-dialog__actions--payment :is(.creator-purchase-dialog__text-action,.creator-purchase-dialog__filled-action){padding-inline:var(--space-16);font-weight:var(--fw-medium)}.creator-purchase-dialog__text-action{color:var(--creator-purchase-dialog-title);background:0 0}.creator-purchase-dialog__filled-action{background:var(--creator-purchase-dialog-accent);color:var(--white-100)}.creator-purchase-dialog__text-action:disabled,.creator-purchase-dialog__filled-action:disabled{cursor:default;opacity:.58}.creator-purchase-dialog__filled-action:disabled{background:var(--creator-purchase-dialog-disabled-fill);color:var(--creator-purchase-dialog-disabled-text)}.creator-purchase-dialog__filled-action [data-icon=inline-start]{width:var(--size-20);height:var(--size-20)}.creator-purchase-dialog--failure{min-height:calc(var(--size-160) + var(--size-96))}.creator-purchase-dialog__terminal-copy{min-height:var(--size-160);align-items:flex-start;gap:var(--space-16);padding:var(--space-40) var(--space-32);display:flex}.creator-purchase-dialog__failure-icon{width:var(--size-40);height:var(--size-40);color:var(--creator-purchase-dialog-failure);flex:none}.creator-purchase-dialog--payment-failed{min-height:0}.creator-purchase-dialog--payment-failed .creator-purchase-dialog__terminal-copy{align-items:center;gap:var(--space-8);min-height:0;padding-block:var(--space-32) var(--space-16);text-align:center;flex-direction:column}.creator-purchase-dialog--payment-failed .creator-purchase-dialog__actions{min-height:var(--size-80);border-top:0}.creator-purchase-dialog__terminal-title{font-size:var(--fs-24);font-weight:var(--fw-bold);line-height:var(--lh-32)}.creator-purchase-dialog__terminal-description{margin:var(--space-8) 0 0;color:var(--creator-purchase-dialog-body);font-family:var(--font-main);font-size:var(--fs-16);font-weight:var(--fw-regular);line-height:var(--lh-24)}.creator-purchase-dialog--success{max-width:var(--size-400);min-height:var(--size-425);padding-top:0}.creator-purchase-dialog__success-header{align-items:center;gap:var(--space-4);width:100%;padding:var(--space-24) var(--space-16);text-align:center;flex-direction:column;display:flex}.creator-purchase-dialog__success-icon{width:var(--size-48);height:var(--size-48);border-radius:var(--radius-full);color:var(--creator-purchase-dialog-success);justify-content:center;align-items:center;display:inline-flex}.creator-purchase-dialog__success-icon svg{width:var(--size-48);height:var(--size-48)}.creator-purchase-dialog__success-title{font-size:var(--fs-24);font-weight:var(--fw-medium);line-height:var(--lh-32)}.creator-purchase-dialog__success-description{color:var(--creator-purchase-dialog-body);font-family:var(--font-main);font-size:var(--fs-16);font-weight:var(--fw-medium);line-height:var(--lh-16);margin:0}.creator-purchase-dialog__review{width:calc(100% - (var(--space-24) * 2));gap:var(--space-8);margin:var(--space-16) var(--space-24);border:var(--size-1) solid var(--creator-purchase-dialog-outline);border-radius:var(--radius-2xl);background:var(--creator-purchase-dialog-soft);padding:var(--space-16);flex-direction:column;display:flex}.creator-purchase-dialog__review div{align-items:center;gap:var(--space-16);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.creator-purchase-dialog__review dt,.creator-purchase-dialog__review dd{font-family:var(--font-main);font-weight:var(--fw-regular);margin:0}.creator-purchase-dialog__review dt{color:var(--creator-purchase-dialog-body);font-size:var(--fs-14);line-height:var(--lh-20);letter-spacing:var(--ls-025)}.creator-purchase-dialog__review dd{overflow-wrap:anywhere;color:var(--creator-purchase-dialog-title);font-size:var(--fs-16);line-height:var(--lh-24);letter-spacing:var(--ls-wider);text-align:right}.creator-purchase-dialog__actions--success{min-height:var(--size-80);border-top:0}.creator-purchase-dialog__actions--success .creator-purchase-dialog__filled-action{width:auto;padding-inline:var(--space-16)}@keyframes creator-purchase-dialog-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:560px){.creator-purchase-dialog__hero{height:var(--size-356)}.creator-purchase-dialog__payment-header,.creator-purchase-dialog__charge,.creator-purchase-dialog__actions{padding-right:var(--space-20);padding-left:var(--space-20)}.creator-purchase-dialog__methods{padding-inline:0}.creator-purchase-dialog__methods>legend{padding-inline:var(--space-20)}.creator-purchase-dialog__method-selector{grid-template-columns:var(--size-24) minmax(0, 1fr) auto var(--size-24);gap:var(--space-12);padding-inline:var(--space-20)}.creator-purchase-dialog__method-action{left:calc(var(--space-20) + var(--size-24) + var(--space-12))}.creator-purchase-dialog__method-balance{padding-right:0}.creator-purchase-dialog__radio{grid-column:4}.creator-purchase-dialog__actions{flex-wrap:wrap}.creator-purchase-dialog__filled-action{white-space:normal;text-align:center}.creator-purchase-dialog__terminal-copy{padding-right:var(--space-24);padding-left:var(--space-24)}.creator-purchase-dialog__review div{gap:var(--space-4);grid-template-columns:minmax(0,1fr)}.creator-purchase-dialog__review dd{text-align:left}}.creator-purchase-dialog__order-creator{gap:var(--space-12);padding:var(--space-16);background:var(--creator-purchase-dialog-soft);border:var(--size-1) solid var(--creator-purchase-dialog-outline);border-radius:var(--radius-xl);font-size:var(--fs-14);line-height:var(--lh-20);align-items:center;display:flex}.creator-purchase-dialog__order-creator>div{overflow-wrap:anywhere;flex-direction:column;min-width:0;display:flex}.creator-purchase-dialog__order-creator>[data-slot=avatar]{width:var(--size-40);height:var(--size-40);border-radius:var(--radius-full);background:var(--creator-purchase-dialog-soft);flex-shrink:0;display:flex;overflow:hidden}.creator-purchase-dialog__order-creator [data-slot=avatar-fallback]{place-items:center;width:100%;height:100%;display:grid}.creator-purchase-dialog__order-creator [data-slot=avatar-image]{object-fit:cover;width:100%;height:100%}.creator-purchase-dialog__order-creator>div:last-child{text-align:right;margin-left:auto}.creator-purchase-dialog__order-creator span{color:var(--creator-purchase-dialog-body)}.creator-purchase-dialog__order-creator .creator-purchase-dialog__order-tier{color:var(--creator-purchase-dialog-accent)}.creator-purchase-dialog__order-received{font-size:var(--fs-18);font-weight:var(--fw-medium);line-height:var(--lh-24);margin:0}.creator-purchase-dialog__order-amount{justify-content:space-between;align-items:baseline;gap:var(--space-12);padding:var(--space-12) var(--space-16);border-radius:var(--radius-xl);background:var(--creator-purchase-dialog-soft);margin:0;display:flex}.creator-purchase-dialog__order-amount span{color:var(--creator-purchase-dialog-body);font-size:var(--fs-14);line-height:var(--lh-20)}.creator-purchase-dialog__order-amount strong{color:var(--creator-purchase-dialog-title);font-size:var(--fs-18);font-weight:var(--fw-medium);line-height:var(--lh-24)}}