* {
    margin: 0;
    border: 0;
    padding: 0;
}

body {}

.container {
    width: 100vw;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

.selection_menu {
    position: relative;
    display: flex;
    width: 800px;
    height: 345px;
    background-color: #F2F2F2;
    border: 1px solid #EAE1E1;
    border-radius: 15px;
    user-select: none;
    overflow: hidden;
    transition: border 0.2s, width 0.4s,height 0.4s; 
}

.selection {
    position: relative;
    display: flex;
    width: 50%;
    height: 100%;
    flex-direction: column;
    cursor: pointer;
    transition: background-color 0.3s, width 0.6s;
    justify-content: center;
}

.selection#selection_one {
    border-radius: 15px 0 0 15px;
}

.selection#selection_two {
    border-radius: 0 15px 15px 0;
}

.selection:hover {
    background-color: #eaeaea;
}

.selection-blocks_top {
    width: 100%;
    height: 235px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.selection-blocks_bottom {
    width: 100%;
    height: 110px;
}

.selection_two_svg-admin {
    width: 148px;
    height: max-content;
    transition: transform 0.4s;
}

.selection_one_svg-user {
    width: 132px;
    height: max-content;
    transition: transform 0.4s;
}

.selection-blocks_bottom {
    position: relative;
    font-family: 'Source Code Pro';
    font-size: 31px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-weight: 500;
}

.selection_one-text {
    color: #92B8F0;
    position: absolute;
    top: 8px;
    transition: opacity 0.6s;
}

.selection_two-text {
    color: #93A1B4;
    position: absolute;
    top: 18px;
    transition: opacity 0.6s;
}

.dividing-line {
    width: 4px;
    height: 290px;
    background-color: #C3C3C3;
    border-radius: 2px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: transform 0.6s;
}

/*set style*/
.display_flex {
    display: flex;
}

.display_flex__flex-direction-column {
    flex-direction: column;
}
@font-face {
    font-family: 'Source Code Pro', monospace;
    src: url(../pulseway.ru/fonts/sourseCodePro/SourceCodePro-VariableFont_wght.woff2) format('woff2');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}