/* The install control: the visitor's browser logo in the button, a logo stack that opens the supported list. */
.button-main{display:inline-flex;align-items:center;gap:11px;min-width:0}
.browser-chip{box-sizing:border-box;flex-shrink:0;width:26px;height:26px;padding:4px;margin:-3px 0 -3px -5px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #06392a66}
.browser-chip[hidden]{display:none}
.button.primary[data-start],.general-start .button.primary{background:linear-gradient(180deg,#128060 0%,#09674c 52%,#075941 100%);box-shadow:inset 0 1px 0 #ffffff3d,inset 0 -1px 0 #0000002e,0 1px 2px #0a4a3552,0 12px 24px -8px #0b6b4a80}
.button.primary[data-start]:hover,.general-start .button.primary:hover{background:linear-gradient(180deg,#0f7556 0%,#07593f 52%,#064a36 100%);box-shadow:inset 0 1px 0 #ffffff3d,inset 0 -1px 0 #0000002e,0 2px 4px #0a4a3552,0 16px 30px -8px #0b6b4a94}
.button.primary[data-start]:active,.general-start .button.primary:active{box-shadow:inset 0 2px 4px #0000003d,0 1px 2px #0a4a3552}
.browser-support{position:relative;width:fit-content;max-width:100%;margin-top:10px;color:var(--ink);font-size:12px;text-align:left}
.browser-support[hidden]{display:none!important}
.browser-support summary{display:inline-flex;align-items:center;gap:8px;max-width:100%;min-height:34px;padding:5px 11px 5px 6px;border:1px solid #d9e6dc;border-radius:999px;background:#fff;box-shadow:0 1px 2px #173d2812;cursor:pointer;list-style:none;touch-action:manipulation;font-weight:500;line-height:1.2;transition:border-color .12s,box-shadow .12s,background .12s}
.browser-support summary::-webkit-details-marker{display:none}
.browser-support summary:hover{border-color:#b3d4c0;box-shadow:0 4px 12px #173d281f}
.browser-support[open] summary{border-color:#9ccbb0;background:var(--tint)}
.browser-support summary:focus-visible{outline:3px solid var(--green);outline-offset:3px}
.browser-support summary svg{width:14px;height:14px;flex-shrink:0;color:var(--muted);transition:transform .12s}
.browser-support[open] summary svg{transform:rotate(180deg)}
.browser-stack{display:flex;flex-shrink:0;padding-left:6px}
.browser-stack img{box-sizing:border-box;width:22px;height:22px;padding:4px;margin-left:-6px;border-radius:50%;background:#fff;box-shadow:0 0 0 1px #dfe9e2}
.browser-support-list{position:absolute;z-index:30;top:calc(100% + 8px);left:0;width:364px;max-width:calc(100vw - 32px);padding:14px;border:1px solid #d6e5da;border-radius:16px;background:#fff;box-shadow:0 1px 2px #173d2814,0 24px 48px -12px #173d2847;color:var(--ink);transform-origin:top left}
.browser-support .browser-support-title{margin:0 2px 10px;font-size:11px;line-height:1.4;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.browser-support-list ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;list-style:none;padding:0;margin:0}
.browser-support-list li{position:relative;display:flex;flex-direction:column;align-items:center;gap:9px;padding:16px 2px 11px;border:1px solid #e4ede6;border-radius:12px;background:linear-gradient(180deg,#fff 0%,#f5f9f5 100%);font-size:11.5px;line-height:1.3;font-weight:500;text-align:center}
.browser-support-list li img{width:30px;height:30px;filter:drop-shadow(0 2px 3px #173d2829)}
.browser-support-list li[aria-current]{border-color:#9ccbb0;background:linear-gradient(180deg,#f3faf5 0%,#e4f1e8 100%);box-shadow:0 0 0 3px #09674c17}
.browser-support-list li[aria-current]::before{content:'ваш браузер';position:absolute;top:-9px;left:50%;translate:-50% 0;padding:2px 8px 3px;border-radius:999px;background:var(--green);box-shadow:0 0 0 2px #fff;color:#fff;font-size:9.5px;line-height:1.3;font-weight:600;letter-spacing:.01em;white-space:nowrap}
.browser-support .browser-support-note{margin:12px 2px 1px;font-size:11.5px;line-height:1.5;color:var(--muted)}
.hero-action:has(.browser-support[open]){z-index:35}
.hero-action .browser-support-list{left:auto;right:0;transform-origin:top right}
.trial-panel:has(.browser-support[open]){position:relative;z-index:35}
.general-start .browser-support{align-self:flex-start;margin-top:4px}
.trial-panel .browser-support{width:100%;margin-top:12px}
.trial-panel .browser-support-list{max-width:100%}
/* Button and list trigger share one width, whichever label is longer. */
@media(min-width:601px){.hero-action>.button{display:flex;justify-content:space-between}.hero-action .browser-support{width:100%}.hero-action .browser-support summary{display:flex}.hero-action .browser-support summary>span:last-of-type{margin-right:auto}}
@media(max-width:600px){.hero-action .browser-support{grid-column:1/-1;margin-top:8px}.hero-action .browser-support-list{left:0;right:auto;transform-origin:top left}.hero-action .button{max-width:100%}.button-main{gap:9px}.hero-action .browser-chip{width:24px;height:24px}}
@media(max-width:420px){.browser-stack{padding-left:7px}.browser-stack img{width:20px;height:20px;margin-left:-7px}}
@media(max-width:360px){.browser-stack img:nth-child(n+5){display:none}}
@media(prefers-reduced-motion:no-preference){.browser-support[open] .browser-support-list{animation:browser-support-in .16s cubic-bezier(.2,.8,.2,1)}}
@keyframes browser-support-in{from{opacity:0;translate:0 -6px;scale:.97}}
@media(prefers-reduced-motion:reduce){.browser-support summary,.browser-support summary svg{transition:none}}