:where(.page-service--app-localization){--svc-a:#38BDF8;--svc-b:#4B3BFF;--svc-c:#9B5CFF}:where(.page-service--app-localization){.svc-float{position:absolute;z-index:3;display:inline-flex;align-items:center;gap:.7em;border-radius:var(--r-lg);background:rgba(19,18,52,.88);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),inset 0 0 0 1px rgba(255,255,255,.12),0 24px 50px -20px rgba(0,0,0,.9);color:#CFCFE2;font:500 max(11px,2.3cqw)/1.35 var(--font-sans)}.svc-float b{display:block;color:#FFF;font-weight:700}.svc-l10n__phone{position:absolute;left:50%;top:10cqw;width:42cqw;translate:calc(-50% + var(--px,0) * 5px) calc(var(--py,0) * 4px);transition:translate .9s var(--ease-out)}.svc-l10n__b{position:absolute;inset:0 0 auto}.svc-l10n__seg{position:absolute;left:50%;top:0;z-index:2;display:grid;grid-template-columns:1fr 1fr;padding:3px;border-radius:99px;background:rgba(118,118,128,.26);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);color:#FFF;font:600 max(11px,2.3cqw)/1 var(--font-sans);translate:-50% 0}.svc-l10n__seg span{position:relative;z-index:1;padding:.6em 1.15em;text-align:center}.svc-l10n__seg::before{content:"";position:absolute;inset:3px auto 3px 3px;width:calc(50% - 3px);border-radius:99px;background:rgba(255,255,255,.22);box-shadow:0 3px 8px rgba(0,0,0,.25)}.svc-l10n__word{position:absolute;left:var(--x);top:var(--y);padding:.45em .85em;border-radius:99px;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);color:#E4E4F2;font:500 max(11px,2.4cqw)/1.25 var(--font-sans);white-space:nowrap;scale:var(--s,1);opacity:calc(var(--s,1) * 1.3 - .3)}.svc-l10n__count{left:50%;bottom:0;padding:.6em 1.1em;border-radius:99px;font-family:var(--font-mono);white-space:nowrap;translate:-50% 0}.svc-l10n__count b{display:inline}.svc-art__code--kv span:first-child{color:#FF8AC4}.svc-art__langs{display:flex;flex-wrap:wrap;gap:.45rem;font-family:var(--font-sans)}.svc-art__langs>span{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .7rem;border-radius:99px;background:var(--c-tile);color:var(--c-ink)}.svc-art__langs .icon{--icon-size:13px;color:var(--c-success)}.svc-win{width:min(100%,var(--win-w,760px));background:#1B1A24;box-shadow:0 0 0 1px rgba(255,255,255,.1),0 60px 120px -40px rgba(11,10,42,.6);color:#D8D8E6;font-size:.875rem}.svc-win .macwin__bar span{flex:none}.svc-win .macwin__bar b{flex:1;margin-right:45px;color:#A9A9C2;font:600 12px/1 var(--font-sans);text-align:center}.svc-win code{font:500 .8125rem/1.3 var(--font-mono)}.svc-art__code span{display:block;white-space:pre}.svc-art__code b{color:#FF7AB2;font-weight:500}.svc-art__code u{color:#9EF1DD;text-decoration:none}.svc-win--catalog{--win-w:1000px}.svc-cat{font-size:.8125rem}.svc-cat__row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));column-gap:1rem;align-items:center;padding:.8rem 1.1rem;border-top:1px solid rgba(255,255,255,.06)}.svc-cat__row--head{border:0;background:rgba(255,255,255,.03);color:#A9A9C2;font-weight:600}.svc-cat__lang{display:flex;align-items:center;gap:.4rem}.svc-cat__lang .icon{--icon-size:14px;color:#86EFAC}.svc-cat__lang em{color:#8D8DA6;font-style:normal;font-weight:400}.svc-cat code{color:#FF8AC4}.svc-cat__row--plural span{color:#C4BCFF;font:500 .75rem/1.45 var(--font-mono)}.svc-cat [dir="rtl"]{text-align:right}@media (max-width:767px){.svc-cat__row--head{font-size:.75rem}.svc-cat__lang em,.svc-cat__c-de,.svc-cat__c-ja{display:none}.svc-cat__row{grid-template-columns:1.1fr 1fr 1fr 1fr;column-gap:.6rem;padding:.7rem .8rem}}@media (max-width:639px){.svc-l10n__phone{top:14cqw;width:40cqw}}}@media (prefers-reduced-motion:no-preference){:where(.page-service--app-localization){.svc-l10n--swap .svc-l10n__b{animation:svc-swap 9s ease-in-out 1.8s infinite}.svc-l10n--swap.svc-l10n__seg::before{animation:svc-seg 9s ease-in-out 1.8s infinite}.svc-l10n__word{animation:dvk-float 7s ease-in-out infinite;animation-delay:calc(var(--i) * -.9s)}}}:where(.page-service--app-localization) .svc-l10n__b{opacity:0}:is(.is-hidden-tab,.stage:has(.stage__sky.is-offscreen)) :is(.svc-l10n__word,.svc-l10n__b,.svc-l10n__seg::before){animation-play-state:paused}@keyframes svc-swap{0%,42%{opacity:0}50%,92%{opacity:1}100%{opacity:0}}@keyframes svc-seg{0%,42%{transform:none}50%,92%{transform:translateX(100%)}100%{transform:none}}
