.service-topups{margin:18px 0 32px;padding:18px 22px 14px;border:1px solid #58496675;border-radius:20px;background:linear-gradient(115deg,#241d2eeb,#19171fee 65%);box-shadow:inset 0 1px 0 #ffffff06;color:#f2edf9;min-width:0}
.service-topups-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:8px}
.service-topups-heading h2{margin:0;font-size:12px;font-weight:500;letter-spacing:.02em;color:#b8adc7}
.service-topups-settlement{font-size:10px;line-height:1.5;color:#a69bb5;padding:3px 8px;border:1px solid #53455e70;border-radius:6px;white-space:nowrap}
.service-topups-tabs{display:flex;gap:28px;border-bottom:1px solid #66507650;min-width:0}
.service-topups-tabs button{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;min-width:0;padding:8px 0 13px;border:0;border-radius:0;background:transparent;color:#9b90ab;font-family:inherit;font-weight:600;font-size:16px;line-height:1.25;cursor:pointer;white-space:nowrap;transition:color .16s}
.service-topups-tabs button::after{content:"";position:absolute;inset-inline:0;bottom:-1px;height:2px;background:transparent;border-radius:2px}
.service-topups-tabs button[aria-selected="true"]{color:#f5efff}
.service-topups-tabs button[aria-selected="true"]::after{background:#ae80ff;box-shadow:0 0 12px #a475ff55}
.service-topups-tabs button:hover{color:#f5efff}
.service-mark{display:grid;place-items:center;flex-shrink:0;width:25px;height:25px;border-radius:7px;background:#393143;color:#d6cde5}
.service-mark svg{width:19px;height:19px}
[aria-selected="true"] .steam-mark{background:#344867;color:#eff7ff}
[aria-selected="true"] .ps-mark{background:#176ed0;color:white}
[aria-selected="true"] .telegram-mark{background:#289bd7;color:white}
[aria-selected="true"] .apple-mark{background:#eee9f4;color:#19151f}
.service-topups-form{display:grid;grid-template-columns:minmax(130px,1.1fr) minmax(150px,1fr) minmax(190px,1.3fr);align-items:end;gap:12px;margin:14px 0 0}
.service-topups-form label{display:grid;gap:6px;min-width:0;margin:0;font-size:11px;color:#b7aac7}
.service-topups-form select,.service-topups-form input{box-sizing:border-box;width:100%;min-width:0;height:46px;margin:0;padding:0 14px;border:1px solid #5e4b704d;border-radius:10px;background-color:#17121f;color:#eee7f9;font-family:inherit;font-weight:500;font-size:14px;line-height:1.3;box-shadow:none;outline:0}
.service-topups-form select{appearance:none;padding-inline-end:34px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' stroke='%23b9abc9' stroke-width='1.6'%3E%3Cpath d='m3 5 4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 13px center;cursor:pointer}
.service-topups-form option{background:#211b2a;color:#eee7f9}
.topup-value-input{position:relative;min-width:0}
.topup-value-input input{padding-inline-end:62px}
.topup-value-input>span{position:absolute;inset-inline-end:14px;top:50%;transform:translateY(-50%);color:#ae9dc1;font-size:12px;pointer-events:none}
.service-topups-form .service-topup-buy{display:flex;justify-content:center;align-items:center;gap:12px;min-height:46px;padding:11px 18px;border:1px solid #bb93ff4d;border-radius:10px;background:linear-gradient(105deg,#9b6be6,#7a4fc0);color:#fff;font-family:inherit;font-weight:600;font-size:14px;line-height:1.3;cursor:pointer;box-shadow:0 3px 16px #8852d220;transition:filter .16s}
.service-topup-buy svg{width:18px;height:18px;flex-shrink:0}
.service-topup-buy:hover:not(:disabled){filter:brightness(1.13)}
.service-topup-buy:disabled{opacity:.55;cursor:default}
.service-topup-footnote{display:flex;align-items:baseline;gap:10px;margin-top:9px;min-height:16px;font-size:10px;line-height:1.5;color:#9c8eae}
.service-topup-minimum{margin:9px 0 0;font-size:12px;line-height:1.5;color:#d7c6ee}
.service-topup-footnote button{padding:0;background:none;border:0;color:#ccacff;text-decoration:underline;font:inherit;cursor:pointer}
.service-topups :focus-visible{outline:2px solid #b992f5;outline-offset:3px}
.service-topups input:focus-visible,.service-topups select:focus-visible{border-color:#aa7ce5;outline:1px solid #aa7ce5;outline-offset:1px}
.service-topups [hidden]{display:none!important}
[dir="rtl"] .service-topups-form select{background-position:left 13px center}
[dir="rtl"] .service-topup-buy svg{transform:scaleX(-1)}
@media(max-width:800px){.service-topups-form{grid-template-columns:minmax(120px,1fr) minmax(140px,1fr)}.service-topup-buy{grid-column:1/-1}.service-topups-tabs{gap:24px}.service-topups-tabs button{font-size:14px}}
@media(max-width:600px){.service-topups{margin:14px 0 25px;padding:15px 14px 12px;border-radius:16px}.service-topups-tabs{justify-content:space-between;gap:8px}.service-topups-tabs button{gap:5px;font-size:12px;padding-bottom:11px}.service-mark{width:21px;height:21px;border-radius:6px}.service-mark svg{width:16px;height:16px}.service-topups-form{gap:10px}.service-topups-heading{gap:8px}.service-topups-heading h2{font-size:11px}.service-topups-settlement{font-size:9px}.service-topups-form input,.service-topups-form select{padding-inline-start:11px;font-size:13px}.service-topups-form .service-topup-buy{font-size:13px}.service-topup-footnote{font-size:10px}}
@media(max-width:370px){.service-topups-tabs{gap:4px}.service-topups-tabs button{gap:4px;font-size:11px}.service-mark{width:18px;height:18px}.service-topups-form{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}

@media(max-width:600px){.service-topups-form input{font-size:16px}}