.support-preview{--support-action: var(--potik-action-bg);--support-action-hover: var(--potik-action-hover);--support-action-ink: var(--potik-action-text);padding:clamp(36px,4vw,56px) 0 96px;color:var(--potik-ink);background:var(--potik-page);font-family:var(--potik-font-body)}.support-preview *,.support-preview *:before,.support-preview *:after{box-sizing:border-box}.support-preview :is(button,input,textarea){font:inherit}.support-preview :is(button,a):focus-visible{outline:3px solid var(--potik-focus);outline-offset:3px}.support-preview__shell{width:var(--potik-shell);margin-inline:auto}.support-preview__status{display:flex;min-height:44px;align-items:center;justify-content:space-between;gap:18px;padding:10px 14px;border:1px solid var(--potik-line);border-radius:var(--potik-cell-radius) var(--potik-cell-radius) 0 0;color:var(--potik-muted);background:var(--potik-cell);font-size:12px;font-weight:680}.support-preview__status strong{color:var(--potik-ink)}.support-preview__status a{color:var(--support-action)}.support-preview__status{margin-bottom:24px;border-radius:var(--potik-cell-radius);background:color-mix(in srgb,var(--potik-success) 8%,var(--potik-cell))}.support-preview__overview{position:relative;display:grid;min-height:500px;grid-template-columns:repeat(12,minmax(0,1fr));overflow:hidden;border:0;border-radius:var(--potik-cell-radius);background:var(--potik-cell)}.support-preview__pitch{position:relative;display:flex;grid-column:span 5;justify-content:center;flex-direction:column;padding:clamp(40px,4.5vw,68px) clamp(36px,4vw,64px);border-right:var(--potik-seam) solid var(--potik-page)}.support-preview__pitch h1{max-width:620px;margin:0;color:var(--potik-ink);font-size:clamp(2.75rem,4vw,4rem);font-weight:740;letter-spacing:-.035em;line-height:.98;text-wrap:balance}.support-preview__pitch h1 em{display:block;color:var(--support-action);font-style:normal}.support-preview__pitch>p{max-width:540px;margin:24px 0 0;color:var(--potik-muted);font-size:clamp(15px,1.2vw,18px);line-height:1.55;text-wrap:pretty}.support-preview__primary{align-self:flex-start;margin-top:30px}.support-preview__achievement{display:flex;align-items:center;gap:12px;margin-top:28px}.support-preview__achievement>i{color:var(--support-action);font-size:25px}.support-preview__achievement strong,.support-preview__achievement small{display:block}.support-preview__achievement strong{font-size:14px;font-weight:760}.support-preview__achievement small{margin-top:3px;color:var(--potik-muted);font-size:11px}.support-preview__community{display:grid;min-width:0;grid-column:span 7;grid-template-rows:auto minmax(0,1fr);background:var(--potik-cell-alt)}.support-preview__overview.is-empty .support-preview__pitch,.support-preview__overview.is-empty .support-preview__community{grid-column:span 6}.support-preview__community>header{display:flex;min-height:76px;align-items:center;justify-content:space-between;gap:20px;padding:16px 22px;border-bottom:var(--potik-seam) solid var(--potik-page)}.support-preview__community h2,.support-preview__community p{margin:0}.support-preview__community h2{font-size:17px;font-weight:780}.support-preview__community header p{margin-top:4px;color:var(--potik-muted);font-size:12px}.support-preview__community>header>span{display:grid;min-width:34px;height:28px;place-items:center;border:1px solid var(--potik-line);border-radius:6px;color:var(--potik-muted);background:var(--potik-cell);font-size:11px;font-variant-numeric:tabular-nums}.support-preview__community-body{display:grid;height:504px;min-height:0;grid-template-columns:minmax(250px,.85fr) minmax(0,1.15fr)}.support-preview__people{overflow-y:auto;scrollbar-gutter:stable;scrollbar-color:var(--potik-line) transparent;scrollbar-width:thin;border-right:var(--potik-seam) solid var(--potik-page);background:var(--potik-cell)}.support-preview__person{display:grid;width:100%;min-height:76px;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 16px;border:0;border-bottom:1px solid var(--potik-line);color:var(--potik-ink);background:transparent;text-align:left;cursor:pointer}.support-preview__person:hover{background:color-mix(in srgb,var(--support-action) 7%,var(--potik-cell))}.support-preview__person.is-selected{color:var(--potik-ink);background:color-mix(in srgb,var(--support-action) 9%,var(--potik-cell))}.support-preview__person.is-selected .support-preview__avatar{border-color:var(--support-action)}.support-preview__person.is-selected b{color:var(--support-action)}.support-preview__person>span:nth-child(2),.support-preview__story-head>span:nth-child(2),.support-preview__ranking li>span:nth-child(3){min-width:0}.support-preview__person strong,.support-preview__person small,.support-preview__story-head strong,.support-preview__story-head small,.support-preview__ranking strong,.support-preview__ranking small{display:block}.support-preview__person strong,.support-preview__person b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.support-preview__person strong{font-size:13px}.support-preview__person small{overflow:hidden;margin-top:4px;color:color-mix(in srgb,currentColor 66%,transparent);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.support-preview__person b{font-size:12px;font-variant-numeric:tabular-nums}.support-preview__person--cta{color:var(--support-action)}.support-preview__person--cta .support-preview__avatar{color:var(--support-action-ink);background:var(--support-action)}.support-preview__avatar{display:grid;width:42px;height:42px;flex:none;overflow:hidden;place-items:center;border:1px solid color-mix(in srgb,var(--potik-line) 70%,transparent);border-radius:50%;color:#fff;background:hsl(var(--avatar-hue, 205),42%,39%);font-size:13px;font-weight:780}.support-preview__avatar img{width:100%;height:100%;object-fit:cover}.support-preview__avatar.is-anonymous{color:var(--potik-muted);background:var(--potik-cell-alt)}.support-preview__story{display:flex;min-width:0;justify-content:space-between;flex-direction:column;padding:clamp(24px,3vw,44px);background:var(--potik-cell-alt)}.support-preview__story-head{display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:14px}.support-preview__story-head .support-preview__avatar{width:52px;height:52px}.support-preview__story-head strong{overflow:hidden;font-size:15px;text-overflow:ellipsis;white-space:nowrap}.support-preview__story-head small{margin-top:4px;color:var(--potik-muted);font-size:10px}.support-preview__story-head b{font-size:15px;font-variant-numeric:tabular-nums;white-space:nowrap}.support-preview__story blockquote{max-width:560px;margin:34px 0;color:var(--potik-ink);font-size:clamp(24px,2.4vw,36px);font-weight:700;letter-spacing:-.025em;line-height:1.08;text-wrap:balance}.support-preview__story blockquote:before,.support-preview__story blockquote:after{content:none!important}.support-preview__story footer{display:flex;align-items:center;align-self:flex-start;gap:10px;color:var(--potik-muted);font-size:11px;font-weight:720}.support-preview__story footer i{color:var(--support-action);font-size:17px}.support-preview__empty{display:grid;min-height:300px;grid-template-columns:auto minmax(0,1fr);align-content:center;align-items:center;gap:18px;padding:clamp(28px,4vw,56px)}.support-preview__empty>i{display:grid;width:58px;height:58px;place-items:center;border:1px solid var(--potik-line);border-radius:12px;color:var(--support-action);background:var(--potik-cell);font-size:27px}.support-preview__empty h3,.support-preview__empty p{margin:0}.support-preview__empty h3{font-size:clamp(22px,2.2vw,32px)}.support-preview__empty p{max-width:520px;margin-top:7px;color:var(--potik-muted);font-size:13px;line-height:1.5}.support-preview__empty button{grid-column:2;margin-top:8px}.support-preview__ranking{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));overflow:hidden;margin-top:clamp(32px,4vw,56px);border:0;border-radius:var(--potik-cell-radius);background:var(--potik-cell)}.support-preview__ranking>header{display:flex;grid-column:span 4;justify-content:center;flex-direction:column;padding:clamp(28px,3vw,44px);border-right:var(--potik-seam) solid var(--potik-page)}.support-preview__ranking h2,.support-preview__ranking p{margin:0}.support-preview__ranking h2{font-size:clamp(26px,2.3vw,34px);font-weight:720;letter-spacing:-.03em;line-height:1.04;text-wrap:balance}.support-preview__ranking header p{max-width:480px;margin-top:14px;color:var(--potik-muted);font-size:13px;line-height:1.5}.support-preview__ranking ol{display:grid;grid-column:span 8;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none}.support-preview__ranking li{display:grid;min-width:0;align-content:center;grid-template-columns:42px minmax(0,1fr);gap:12px;padding:22px;border-left:1px solid var(--potik-line)}.support-preview__rank{grid-column:1/-1;color:var(--potik-muted);font-size:11px;font-weight:760;letter-spacing:.04em;line-height:1;opacity:.7}.support-preview__ranking strong{overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.support-preview__ranking small{margin-top:4px;color:var(--support-action);font-size:10px}.support-preview__ranking li>b{grid-column:1/-1;font-size:15px;font-variant-numeric:tabular-nums}.support-preview__ranking-empty{grid-column:1/-1;grid-template-columns:48px minmax(0,1fr) auto!important;align-items:center}.support-preview__ranking-empty>i{display:grid;width:48px;height:48px;place-items:center;border:1px solid var(--potik-line);border-radius:10px;color:var(--support-action);background:var(--potik-cell-alt);font-size:23px}body>.modal:has(.support-payment-form) .support-payment-form__payment,body>.modal:has(.support-payment-form) .support-payment-form__details{display:grid;align-content:start;gap:16px}body>.modal:has(.support-payment-form) .modal-header{padding:20px 24px!important}body>.modal:has(.support-payment-form) .balance-buybonus-form.support-payment-form .card-body{grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:32px;padding:24px!important}body>.modal:has(.support-payment-form) .balance-buybonus-form.support-payment-form .card-body>:first-child{grid-row:auto!important}body>.modal:has(.support-payment-form) .balance-buybonus-form.support-payment-form .card-footer{padding:17px 24px 21px!important}body>.modal:has(.support-payment-form) .support-payment-form__payment .potik-icon-currency-uah{transform:translateY(-1px)}body>.modal:has(.support-payment-form) .support-payment-form__details .input-group-text i{color:var(--topup-muted)!important}body>.modal:has(.support-payment-form) .support-payment-form__identity{position:relative}body>.modal:has(.support-payment-form) .support-payment-form__identity>div>.form-label{display:flex!important;align-items:baseline;gap:6px;padding-right:124px}body>.modal:has(.support-payment-form) .support-payment-form__identity .form-label-description{color:var(--topup-muted);font-weight:500}body>.modal:has(.support-payment-form) .support-payment-form__anonymous{position:absolute;top:0;right:0;z-index:1;font-size:12px;font-weight:600}body>.modal:has(.support-payment-form) .support-payment-form__anonymous .form-check{align-items:center;gap:8px}body>.modal:has(.support-payment-form) .support-payment-form__anonymous .form-check-input{width:40px;height:22px;flex:0 0 40px;margin:0!important;border-radius:999px!important;border-color:#5f6c79!important;background-color:var(--topup-panel-hover)!important;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3ccircle cx='8' cy='8' r='7' fill='%239ba5ae'/%3e%3c/svg%3e")!important;background-position:left 3px center!important;background-size:16px 16px!important;transition:background-color .16s ease,background-position .16s ease}body>.modal:has(.support-payment-form) .support-payment-form__anonymous .form-check-input:checked{border-color:var(--topup-accent)!important;background-color:var(--topup-accent)!important;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3ccircle cx='8' cy='8' r='7' fill='%230d1818'/%3e%3c/svg%3e")!important;background-position:right 3px center!important}body>.modal:has(.support-payment-form) .support-payment-form__anonymous .form-check-label{color:var(--topup-muted)!important;line-height:22px!important}body>.modal:has(.support-payment-form) .support-payment-form__message-label{display:flex;width:100%;align-items:baseline;justify-content:space-between;gap:16px}body>.modal:has(.support-payment-form) .support-payment-form__message{position:relative}body>.modal:has(.support-payment-form) .support-payment-form__message>i{position:absolute;top:13px;left:12px;z-index:1;display:grid;width:22px;height:22px;place-items:center;color:var(--topup-muted);font-size:22px;line-height:22px;pointer-events:none}body>.modal:has(.support-payment-form) .support-payment-form__message>textarea{min-height:104px;padding-left:48px!important;resize:vertical}body>.modal:has(.support-payment-form) .support-payment-form__alert{display:grid;grid-template-columns:22px minmax(0,1fr);align-items:start;gap:10px;padding:12px 14px;border:1px solid color-mix(in srgb,var(--potik-danger) 45%,var(--potik-line));border-radius:var(--potik-control-radius);color:var(--potik-danger);background:color-mix(in srgb,var(--potik-danger) 9%,var(--potik-cell-raised));font-size:13px;font-weight:600;line-height:1.45}body>.modal:has(.support-payment-form) .support-payment-form__alert>i{margin-top:1px;font-size:20px}@media(max-width:1099.98px){.support-preview__pitch{grid-column:span 5;padding:44px 36px 104px}.support-preview__community{grid-column:span 7}.support-preview__community-body{grid-template-columns:minmax(220px,.9fr) minmax(0,1.1fr)}.support-preview__story{padding:28px}}@media(max-width:899.98px){.support-preview__overview,.support-preview__ranking{grid-template-columns:repeat(8,minmax(0,1fr))}.support-preview__pitch,.support-preview__community,.support-preview__overview.is-empty .support-preview__pitch,.support-preview__overview.is-empty .support-preview__community,.support-preview__ranking>header,.support-preview__ranking ol{grid-column:1/-1}.support-preview__pitch,.support-preview__ranking>header{border-right:0;border-bottom:var(--potik-seam) solid var(--potik-page)}.support-preview__pitch{min-height:440px}.support-preview__community-body{min-height:430px}.support-preview__ranking li:first-child{border-left:0}}@media(max-width:639.98px){.support-preview{padding:24px 0 56px}.support-preview__status{align-items:flex-start;flex-direction:column;gap:5px}.support-preview__overview{display:block}.support-preview__pitch{min-height:0;padding:34px 22px}.support-preview__achievement{margin-top:26px}.support-preview__pitch h1{font-size:clamp(2.45rem,12vw,3.35rem)}.support-preview__primary{width:100%}.support-preview__community-body{display:flex;height:auto;min-height:0;flex-direction:column-reverse}.support-preview__people{max-height:310px;border-top:var(--potik-seam) solid var(--potik-page);border-right:0}.support-preview__story{min-height:330px;padding:24px 20px}.support-preview__story blockquote{margin:32px 0;font-size:clamp(25px,8vw,34px)}.support-preview__empty{min-height:330px;grid-template-columns:1fr;align-content:center;padding:28px 20px}.support-preview__empty button{width:100%;grid-column:1}.support-preview__ranking{display:block}.support-preview__ranking>header{padding:30px 22px}.support-preview__ranking ol{display:block}.support-preview__ranking li{grid-template-columns:48px 42px minmax(0,1fr);align-items:center;border-top:1px solid var(--potik-line);border-left:0}.support-preview__ranking .support-preview__rank{grid-column:1;grid-row:1/span 2}.support-preview__ranking li>.support-preview__avatar{grid-column:2;grid-row:1/span 2}.support-preview__ranking li>span:nth-child(3){grid-column:3;grid-row:1}.support-preview__ranking li>b{grid-column:3;grid-row:2;margin-top:8px;white-space:nowrap}.support-preview__ranking-empty{grid-template-columns:48px minmax(0,1fr) auto!important}}@media(max-width:767.98px){body>.modal:has(.support-payment-form) .balance-buybonus-form.support-payment-form .card-body{grid-template-columns:1fr;gap:20px;padding:18px!important}body>.modal:has(.support-payment-form) .balance-buybonus-form.support-payment-form .card-footer{padding:16px 18px 18px!important}}