:root{--wrapper-bg-color:#d3e0e980;--font-default-color:#000;--font-title:300 50px/55px var(--font-family-default);--font-description:400 20px/30px var(--font-family-default);--font-button:500 16px/19px var(--font-family-default);--font-info:400 16px/24px var(--font-family-default)}.mt5-server-selection{padding:83px 0;position:relative;overflow:hidden}.mt5-server-selection__bg{block-size:129%;inline-size:auto;position:absolute;inset-block-start:0;inset-inline-start:50%;transform:translate(-50%)}.mt5-server-selection__container{z-index:var(--menu-z-index-fixed);flex-direction:column;justify-content:space-between;align-items:center;display:flex;position:relative}.mt5-server-selection__wrapper_left{max-inline-size:570px;margin-block-end:82px}.mt5-server-selection__wrapper_right{padding:var(--spacing-4xl) var(--spacing-l);background-color:var(--wrapper-bg-color);border-radius:30px;max-inline-size:470px}.mt5-server-selection__logo{inline-size:auto;margin-block-end:var(--spacing-2xl)}.mt5-server-selection__title{font:var(--font-title);text-align:start;letter-spacing:-.03em;margin-block-end:var(--spacing-m)}.mt5-server-selection__description{color:var(--font-default-color);font:var(--font-description);text-align:start;letter-spacing:-.03em}.mt5-server-selection__hero-title{margin:0 auto var(--spacing-2xl);max-inline-size:390px;font-size:var(--font-size-semi-2xl);font-weight:400;line-height:var(--line-height-130);text-align:center;letter-spacing:-.03em}.mt5-server-selection__buttons-container{text-align:center;max-inline-size:200px;margin:0 auto;margin-block-end:var(--spacing-2xl)}.mt5-server-selection__buttons{gap:var(--spacing-l);display:grid}.mt5-server-selection__buttons_item{background-color:var(--background-accent);block-size:50px;inline-size:100%;color:var(--color-alternative);font:var(--font-button);text-align:center;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;transition:color .3s ease-in-out,border-color .3s ease-in-out,background-color .3s ease-in-out;display:flex}.mt5-server-selection__buttons_demo{border:1px solid var(--border-accent-color);block-size:50px;inline-size:100%;color:var(--color-accent);font:var(--font-button);text-align:center;background-color:#0000;border-radius:10px;justify-content:center;align-items:center;margin-block-start:var(--spacing-l);padding-block-start:1px;transition:color .3s ease-in-out,border-color .3s ease-in-out,background-color .3s ease-in-out;display:flex}.mt5-server-selection__link{border-block-end:1px solid var(--border-accent-color);letter-spacing:-.48px;margin-block-start:var(--spacing-l);font-size:16px;line-height:24px;display:inline-block;color:var(--color-accent)!important}.mt5-server-selection__info{max-inline-size:390px;color:var(--color-primary);font:var(--font-info);text-align:center;letter-spacing:-.03em;margin:0 auto}@media (width>=768px){.mt5-server-selection{padding:130px 0}.mt5-server-selection__bg{inline-size:100%;inset-block-start:-4%}.mt5-server-selection__wrapper_left{padding-inline-end:var(--spacing-l)}.mt5-server-selection__wrapper_right{padding-inline:46px}.mt5-server-selection__hero-title{font-size:var(--font-size-3xl)}.mt5-server-selection__buttons-container{max-inline-size:317px}.mt5-server-selection__buttons{gap:var(--spacing-2xl);grid-template-columns:1fr 1fr}.mt5-server-selection__buttons_item{inline-size:142px}.mt5-server-selection__buttons_demo,.mt5-server-selection__link{margin-block-start:var(--spacing-m)}}@media (width>=1024px){.mt5-server-selection{padding:80px 0}.mt5-server-selection__bg{inline-size:auto;inset-block-start:-6%}.mt5-server-selection__container{flex-direction:row;align-items:flex-start}.mt5-server-selection__wrapper_left{margin-block-end:0}}@media (hover:hover){.mt5-server-selection__buttons_item:hover{border:1px solid var(--border-accent-color);color:var(--color-accent);background-color:#0000}.mt5-server-selection__buttons_demo:hover{background-color:var(--background-accent);color:var(--color-alternative);border:1px solid #0000}.mt5-server-selection__link:hover{color:var(--color-accent-hover)!important}}@media (hover:none){.mt5-server-selection__buttons_item:active{border:1px solid var(--border-accent-color);color:var(--color-accent);background-color:#0000}.mt5-server-selection__buttons_demo:active{background-color:var(--background-accent);color:var(--color-alternative);border:1px solid #0000}.mt5-server-selection__link:active{color:var(--color-accent-hover)!important}}
