/** orig: https://codepen.io/SpectacledCoder/pen/BaMXLgp **/
        .spectacledcoder-search-bar
        {
            width: 60px;
            height: 45px;
            margin: auto;
            background-color: white;
            border: 1px solid #262626;
            display: flex;
            border-radius: 0% 30px 30px 0%;
            transition: width 1s;
            box-shadow: 1px 1px 4px #d2f9e9, -1px -1px 5px white; 
            position: fixed;
        /**    bottom: 120px; **/
            left: 0;
            right: 100%;
            margin-left: auto;
            margin-right: auto;
            z-index: 1;
        }
        .search-icon-tdbamxlgp
        {
            padding: 5px;
            margin-bottom: auto;
            margin-top: auto;
            margin-left: 10px;
            margin-right: auto;
            border-radius: 50%;
            background-color: #2EE59D;
        }
        .spectacledcoder-search-bar:hover
        {
            width: 50%;
            border-radius:  0% 30px 30px 0%;
        }        
@media screen and (max-width: 800px) {
  .spectacledcoder-search-bar:hover {
    width: 100%; /* The width is 100%, when the viewport is 800px or smaller */
  }
}              
        .spectacledcoder-search-input
        {
            margin: auto;
            display: none;
            transition: display 12s;
            outline: none;
            border: none;
            border-radius: 25px;
            padding-left: 10px;
        }
        .spectacledcoder-search-bar:hover .spectacledcoder-search-input
        {
            display: inline-flex;
            width: 78%;
            height: 70%;
        }
        input.tdbamxlgp[type="submit"]
        {
            display: none;
        }
        @media only screen and (max-width: 600px) 
        {
            .spectacledcoder-search-bar:hover
            {
                width: 80%;
                border-radius:  0% 30px 30px 0%;
            }
        }
         /* width */
         ::-webkit-scrollbar 
        {
            width: 5px;
        }

        /* Track */
        ::-webkit-scrollbar-track 
        {
            background-color: rgba(226, 247, 255, 0);
        }

        /* Handle */
    /*     ::-webkit-scrollbar-thumb 
        {
        background: #99beff;
        border-radius: 10px;
        height: 10px;
        width: 3px;
        }  */