install, install menu {display: block; position: absolute; height: 100%; width: 100%;}
install {z-index: 100; pointer-events: none; overflow: hidden;}
install  * {pointer-events: all;}
install menu {right: -100%; background: white; top: 0;  transition: all ease-in 0.3s; padding: 65px; padding-bottom:75px;
    display: flex;flex-direction: column;justify-content: center; align-items: center;
    transform: translateX(0%);
}
install.open menu {transform: translateX(-100%);}
.install_open, .install_open:hover, .install_open:active {
    z-index: 101; position: absolute; margin: 20px; right:0; width: 36px; height: 36px; padding: 0; display: block; box-shadow: none; background: transparent; border-radius: 0; opacity: .773;
   
}
.install_open div, .install_open div:before, .install_open div:after {
    content: ""; display: block; background: var(--light); height: 2px; width: 20px; border-radius: 1px; position: absolute;
    transition: all ease-in-out 0.1s;
    transform-origin: center;
}
.open .install_open div:before, .open .install_open div, .open .install_open div:after {background: rgb(31, 29, 29);}
.install_open div {top: 17px; left: 8px}
.install_open div:before {top: -8px;}
.install_open div:after {bottom: -8px;}
.open .install_open div:before {transform: rotate(90deg); top: 0px;}
.open .install_open div {transform: rotate(45deg)}
.open .install_open div:after {transform: rotate(90deg); bottom: 0px}

menu > div {padding: 20px 25px;
    border-radius: 20px;
    box-shadow: #00000026 1px 1px 7px;
    background: white;
    max-width: 300px; width:100%; margin-bottom: 20px;
    display: flex; flex-direction: column;align-items: center;
}
menu button {background: #4d7ddb;color: white; text-transform: none; box-shadow: #45424417 2px 2px 4px;
    margin: 0;padding: 6px 20px; font-size: 15px; border-radius: 100vh; letter-spacing: normal; font-weight: 500;}
menu button:hover { background: #6992e1;color: white; text-transform: none; box-shadow: #45424417 2px 2px 4px;
    margin: 0;padding: 6px 20px; font-size: 15px; border-radius: 100vh; letter-spacing: normal; font-weight: 500}
.install_IOS, .install_prompt {opacity: 0.2; display:none;}
install.safari .install_IOS{opacity: 1; display: flex;}
install.prompt .install_prompt{opacity: 1; display: flex;}
install.safari .install_cant, install.prompt .install_cant{opacity: 0.2; display: none;}
install.installed {display:none;}

install span {white-space: nowrap;padding: 3px 6px;border-radius: 5px; margin: 6px;
    box-shadow: #ababab99 1px 1px 3px 0px;background: #f9f9f9;
}
menu button {margin:0 auto;}
menu {line-height: 23px;}
menu > div * {font-size:15px;}
menu li, menu h1, menu p {margin-bottom: 10px;}
installicon {height: 1em; width: 1em; display: inline-block; position: relative; top: 3px;}
installicon[ios_share] {background-image: url("ios_share.svg");}
installicon[ios_plus] {background-image: url("ios_plus.svg");}
installicon[ios_plus] {margin-left: 7px;}


install li {margin-left: 15px }