.area-selector-page{box-sizing:border-box;position:relative;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:clamp(20px,4vw,56px);background:radial-gradient(ellipse 80% 60% at 20% 20%,rgba(36,149,150,.28),transparent 55%),radial-gradient(ellipse 70% 50% at 85% 80%,rgba(36,149,150,.14),transparent 50%),linear-gradient(160deg,#0a0d12,#0e1117 40%,#121a24)}.area-selector-logo{position:absolute;top:clamp(14px,2.5vw,26px);left:clamp(16px,2.5vw,28px);z-index:2;height:36px;width:auto;opacity:.55;pointer-events:none;-webkit-user-select:none;user-select:none}.area-selector-user{position:absolute;top:clamp(12px,2.5vw,24px);right:clamp(12px,2.5vw,24px);z-index:2}.area-selector-user__icon{display:block;width:22px;height:22px;object-fit:contain;flex-shrink:0;opacity:.9}.area-selector-user__login:hover .area-selector-user__icon{opacity:1}.area-selector-user__name{font:inherit;font-size:.8125rem;font-weight:500;letter-spacing:normal;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#f2f4f7}.area-selector-user__login{display:inline-flex;align-items:center;gap:8px;max-width:min(260px,70vw);border:0;background:transparent;color:#f2f4f7;font:inherit;font-size:.8125rem;font-weight:500;padding:6px 10px;cursor:pointer;opacity:.88}.area-selector-user__login:hover{opacity:1}.area-selector{display:flex;width:min(1100px,100%);height:min(62dvh,560px);overflow:hidden;background:#111;box-shadow:0 24px 64px #00000073,0 0 0 1px #f2f4f70f}.area-panel{position:relative;flex:1 1 0;min-width:0;border:0;padding:0;cursor:pointer;color:#fff;text-align:left;overflow:hidden;background-image:linear-gradient(to top,#000000bf,#0003 60%),var(--bg);background-size:cover;background-position:center;transition:flex-grow .5s cubic-bezier(.22,1,.36,1),filter .5s ease}@media (hover: hover){.area-selector:hover .area-panel,.area-selector:focus-within .area-panel{flex-grow:3;filter:brightness(.6) saturate(.7)}.area-selector .area-panel:hover,.area-selector .area-panel:focus-visible{flex-grow:7;filter:none}}.area-panel:focus-visible{outline:3px solid #fff;outline-offset:-6px}.area-panel__content{position:absolute;left:clamp(16px,4vw,56px);bottom:clamp(24px,6vh,72px);width:min(420px,80vw)}.area-panel__title{margin:0 0 8px;font-size:clamp(1.8rem,3.5vw,3rem);font-weight:700;white-space:nowrap}.area-panel__subtitle,.area-panel__cta{margin:0;opacity:0;transform:translateY(8px);transition:opacity .3s ease,transform .3s ease}.area-panel__cta{display:inline-block;margin-top:16px;font-weight:600}.area-panel:hover .area-panel__subtitle,.area-panel:hover .area-panel__cta,.area-panel:focus-visible .area-panel__subtitle,.area-panel:focus-visible .area-panel__cta{opacity:1;transform:none;transition-delay:.15s}@media (hover: none),(max-width: 700px){.area-selector{flex-direction:column;height:min(78dvh,640px)}.area-panel__subtitle,.area-panel__cta{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.area-panel,.area-panel__subtitle,.area-panel__cta{transition:none}}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:Montserrat,sans-serif;-webkit-font-smoothing:antialiased}