.location-input{position:relative;display:inline-flex}.location-input .text-wrapper{width:250px;border:1px solid #d2d6de;border-right:none;border-top-left-radius:5px;border-bottom-left-radius:5px;display:flex;align-items:center}.location-input .text-wrapper input{height:100%;flex-grow:1;background:transparent;padding:0 10px;outline:none;border:none}.location-input .text-wrapper input::-ms-clear{display:none !important}.location-input .text-wrapper span{width:25px;height:25px;margin-right:12px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:transparent}.location-input .text-wrapper .create-btn{cursor:pointer}.location-input .text-wrapper span[disabled]{cursor:default !important}.location-input .text-wrapper span i{font-weight:400}.location-input .text-wrapper span.valid-icon{cursor:default;background-color:transparent !important;color:#008000 !important}.location-input .search-btn{cursor:pointer;width:40px;padding:10px 0;background-color:#444;border-top-right-radius:5px;border-bottom-right-radius:5px;color:#fff;text-align:center;font-size:15px}.location-input .search-btn i{font-weight:200}.location-input .droplist-wrapper{z-index:999;opacity:1;width:100%;height:250px;max-height:0;position:absolute;left:0;margin-top:40px;border:1px solid #b3b3b3;border-top:0;background-color:#fff;display:flex;flex-direction:column;overflow:hidden;transition:max-height .6s ease-out}.location-input .droplist-wrapper>h1,.location-input .droplist-wrapper>h2{width:100%;margin:0;color:#fff;font-weight:400;user-select:none}.location-input .droplist-wrapper>h1{max-height:100%;padding:12px 10px;background-color:#373f49;font-size:16px;transition:max-height .6s ease-out}.location-input .droplist-wrapper>h1 span{font-weight:200}.location-input .droplist-wrapper>h2{padding:7px 10px;background-color:#546272;font-size:14px}.location-input .droplist-wrapper[state="closed"]{max-height:0;opacity:0;transition:max-height .6s ease-out,opacity 1s .8s ease-out}.location-input .droplist-wrapper[state="searchlist"]{max-height:250px}.location-input .droplist-wrapper[state="createselect"]{max-height:300px;height:300px}.location-input .droplist-wrapper[state="createconfirm"]{max-height:220px;height:220px}.location-input .droplist-wrapper[state="closed"] h1,.location-input .droplist-wrapper[state="searchlist"] h1{max-height:0%;padding-top:0;padding-bottom:0;overflow:hidden;transition:max-height .6s ease-out,padding .6s ease-out}.location-input .droplist-wrapper .parent-search-wrapper{margin:10px 15px;margin-bottom:5px;padding:8px 15px;background-color:#f7f7f7;border-radius:3px;display:flex;align-items:center}.location-input .droplist-wrapper .parent-search-wrapper i{color:#808080;font-size:14px;font-weight:400}.location-input .droplist-wrapper .parent-search-wrapper input[type="text"]{padding:0 10px;background-color:transparent;flex-grow:1;outline:none;border:none}.location-input .droplist-wrapper[state="closed"] .parent-search-wrapper,.location-input .droplist-wrapper[state="searchlist"] .parent-search-wrapper,.location-input .droplist-wrapper[state="createconfirm"] .parent-search-wrapper{display:none}.location-input .droplist-wrapper .create-confirm-wrapper{padding:0 20px;display:none;flex-direction:column}.location-input .droplist-wrapper[state="createconfirm"] .create-confirm-wrapper{display:flex;flex-grow:1;justify-content:space-between;padding-bottom:20px}.location-input .droplist-wrapper .create-confirm-wrapper h1{margin:0;position:absolute;font-size:18px;font-weight:600}.location-input .droplist-wrapper .create-confirm-wrapper h2{min-height:5px;margin:0;margin-top:25px;font-size:14px;line-height:18px}.location-input .droplist-wrapper .create-confirm-wrapper .buttons{display:inline-flex;justify-content:space-between;margin-top:30px}.location-input .droplist-wrapper .create-confirm-wrapper .buttons span{padding:5px 14px;border-radius:3px;background-color:#ececec;color:#333;font-size:15px;font-weight:600;user-select:none;cursor:pointer}.location-input .droplist-wrapper ul{margin:0;padding:10px 0;list-style:none;overflow-x:hidden;overflow-y:auto}.location-input .droplist-wrapper ul.flex-grow{flex-grow:1}.location-input .droplist-wrapper ul::-webkit-scrollbar{width:3px}.location-input .droplist-wrapper ul::-webkit-scrollbar-track{background-color:transparent}.location-input .droplist-wrapper ul::-webkit-scrollbar-thumb{background-color:#bbb}.location-input .droplist-wrapper ul .loading,.location-input .droplist-wrapper ul .no-result{width:100%;display:flex;justify-content:center;align-items:center;font-size:16px;user-select:none}.location-input .droplist-wrapper ul .loading{height:100%;color:#373f49;font-size:30px}.location-input .droplist-wrapper ul .loading i{font-weight:200}.location-input .droplist-wrapper ul .no-result{height:50px}.location-input .droplist-wrapper ul li{padding:10px;padding-left:20px;position:relative;user-select:none}.location-input .droplist-wrapper ul li:hover{cursor:pointer;background-color:#f7f7f7}.location-input .droplist-wrapper ul li:active{color:#fff;background-color:#546272}.location-input .droplist-wrapper ul li span{display:block;font-size:14px}.location-input .droplist-wrapper ul li span#folder-path{padding:2px 0;position:absolute;white-space:nowrap;min-width:245px;transform:translateX(0);transition:transform 1s;font-weight:600}.location-input .droplist-wrapper ul li:hover span#folder-path{transform:translateX(calc(245px - 100%))}.location-input .droplist-wrapper ul li span.push-top{padding-top:25px}.location-input[type="folder"] .text-wrapper .create-btn,.location-input[type="folder"] .droplist-wrapper .create-confirm-wrapper .buttons span.confirm-btn{background-color:#546272;color:#fff}.location-input[type="folder"] .search-btn,.location-input[type="folder"] .droplist-wrapper .create-confirm-wrapper .buttons span.confirm-btn:active{background-color:#373f49}.location-input[type="folder"] .search-btn:active{background-color:#546272}.location-input[type="album"] .text-wrapper .create-btn,.location-input[type="album"] .droplist-wrapper .create-confirm-wrapper .buttons span.confirm-btn{background-color:#a36990;color:#fff}.location-input[type="album"] .search-btn,.location-input[type="album"] .droplist-wrapper .create-confirm-wrapper .buttons span.confirm-btn:active{background-color:#944a72}.location-input[type="album"] .droplist-wrapper>h1{background-color:#944a72}.location-input[type="album"] .droplist-wrapper>h2{background-color:#a36990}.location-input[type="album"] .droplist-wrapper ul .loading{color:#944a72}.location-input[type="album"] .droplist-wrapper ul li:active{background-color:#944a72}.location-input[type="album"] .droplist-wrapper ul li span.bold{color:#944a72;font-weight:600}.location-input[type="album"] .droplist-wrapper ul li:active span.bold{color:#fff}.location-input .text-wrapper .create-btn[disabled]{cursor:default;background-color:#d2d6de;color:#666}.location-input[disabled] .text-wrapper{background-color:#eee;user-select:none}.location-input[disabled] .search-btn,.location-input[disabled] .search-btn:active{cursor:default;background-color:#777}