section#hypekit-browser{background:var(--neutral-9);-webkit-transition:background .25s ease-out;-o-transition:background .25s ease-out;transition:background .25s ease-out}section#hypekit-browser.has-files{background:#fff}section#hypekit-browser .container{padding:25px 25px 80px}section#hypekit-browser .breadcrumbs{margin:14px 15px}section#hypekit-browser .breadcrumbs label{color:var(--main-purple);cursor:pointer;margin:5px 8px 5px 0;padding-right:10px;position:relative;-webkit-transition:all .1s ease-out;-o-transition:all .1s ease-out;transition:all .1s ease-out}section#hypekit-browser .breadcrumbs label:hover{color:var(--neon-purple)}section#hypekit-browser .breadcrumbs label:after{border-bottom:1px solid var(--main-purple);border-right:1px solid var(--main-purple);content:"";height:5px;margin-top:1px;position:absolute;right:0;top:50%;transform:translateY(-50%) rotate(-45deg);-webkit-transition:all .1s ease-out;-o-transition:all .1s ease-out;transition:all .1s ease-out;width:5px}section#hypekit-browser .breadcrumbs label:hover:after{border-color:var(--neon-purple)}section#hypekit-browser .breadcrumbs label:last-child{color:var(--neutral-7);cursor:default}section#hypekit-browser .breadcrumbs label:last-child:after{display:none}section#hypekit-browser.root .search{opacity:1;position:relative;transition:opacity .1s ease-out;visibility:visible}section#hypekit-browser .search{margin:0 0 0 auto;opacity:0;position:absolute;position:relative;visibility:hidden;width:355px}section#hypekit-browser .search input{border:2px solid var(--neutral-8);border-radius:8px;box-sizing:border-box;font-weight:500;height:48px;line-height:48px;margin:1px;padding:0 47px 0 13px;position:relative;vertical-align:middle;width:100%;width:calc(100% - 2px)}section#hypekit-browser .search input::placeholder{color:var(--neutral-7);font-weight:500;line-height:48px;text-transform:uppercase}section#hypekit-browser .search input:focus{outline:none}section#hypekit-browser .search .button{background:transparent;border:none;height:25px;padding:0;position:absolute;right:12px;top:12px;width:25px}section#hypekit-browser .search .button img,section#hypekit-browser .search .button svg{width:20px;fill:var(--main-purple);transition:all .1s ease-out}section#hypekit-browser .search .button:hover svg{fill:var(--light-purple)}section#hypekit-browser .search:not(.empty) .button img,section#hypekit-browser .search:not(.empty) .button svg{opacity:0}section#hypekit-browser .search .button:after,section#hypekit-browser .search .button:before{background:var(--main-purple);content:"";left:50%;opacity:1;position:absolute;top:50%;transition:all .1s ease-out}section#hypekit-browser .search.empty .button:after,section#hypekit-browser .search.empty .button:before{opacity:0}section#hypekit-browser .search .button:hover:after,section#hypekit-browser .search .button:hover:before{background:var(--light-purple)}section#hypekit-browser .search .button:before{height:3px;transform:translate(-50%,-50%) rotate(45deg);width:20px}section#hypekit-browser .search .button:after{height:20px;transform:translate(-50%,-50%) rotate(45deg);width:3px}section#hypekit-browser .browser .tip{color:var(--neutral7);margin:50px 0 0;text-align:center;transform:none;width:auto}section#hypekit-browser .browser.not-found .tip{opacity:1;position:static;visibility:visible}section#hypekit-browser .dirs{margin:0 -15px}section#hypekit-browser .dir{opacity:1;padding:25px 15px;position:relative;-webkit-transition:opacity .1s ease-out .25s;-o-transition:opacity .1s ease-out .25s;transition:opacity .1s ease-out .25s;width:33.333%}section#hypekit-browser.has-files .dir .dirs{margin:0 -15px}section#hypekit-browser .dir .dirs{margin:-25px -15px}section#hypekit-browser .dir .dirs,section#hypekit-browser .dir.close{height:0;opacity:0;overflow:hidden;position:absolute;-webkit-transition:none;-o-transition:none;transition:none;visibility:hidden}section#hypekit-browser .dir.open{width:100%}section#hypekit-browser .dir>*{opacity:1;-webkit-transition:opacity .1s ease-out .25s;-o-transition:opacity .1s ease-out .25s;transition:opacity .1s ease-out .25s}section#hypekit-browser .dir.open>*{height:0;opacity:0;overflow:hidden;position:absolute;-webkit-transition:none;-o-transition:none;transition:none;visibility:hidden}section#hypekit-browser .dir.open>.dirs{display:flex;height:auto;opacity:1;position:static;-webkit-transition:opacity .1s ease-out .25s;-o-transition:opacity .1s ease-out .25s;transition:opacity .1s ease-out .25s;visibility:visible}section#hypekit-browser .dir.open .dir.open{padding:0}section#hypekit-browser .dir span{background:#fff;cursor:pointer;display:block;height:100%;padding:16px 16px 60px}section#hypekit-browser .dir span .image{background-color:var(--neutral-8);border-radius:4px;padding-bottom:68%;-webkit-transition:all .1s ease-out;-o-transition:all .1s ease-out;transition:all .1s ease-out}section#hypekit-browser .dir span:hover .image{filter:brightness(1.1)}section#hypekit-browser .dir span h5{font-family:Sofia Pro,sans-serif;font-weight:800;margin:15px 0;-webkit-transition:all .1s ease-out;-o-transition:all .1s ease-out;transition:all .1s ease-out}section#hypekit-browser .dir span:hover h5{color:var(--main-purple)}section#hypekit-browser .dir span p{color:var(--neutral-6);font-size:14px;text-transform:uppercase}section#hypekit-browser .dir .download{bottom:50px;color:var(--main-purple);cursor:pointer;font-size:15px;font-weight:800;left:31px;line-height:25px;padding-left:37px;position:absolute;text-transform:uppercase;-webkit-transition:opacity .1s ease-out .25s,color .1s ease-out;-o-transition:opacity .1s ease-out .25s,color .1s ease-out;transition:opacity .1s ease-out .25s,color .1s ease-out}section#hypekit-browser .dir .download img,section#hypekit-browser .dir .download svg{left:0;position:absolute;top:0}section#hypekit-browser .dir .download svg path{fill:var(--main-purple);-webkit-transition:all .1s ease-out;-o-transition:all .1s ease-out;transition:all .1s ease-out}section#hypekit-browser .dir .download:hover{color:var(--main-orange)}section#hypekit-browser .dir .download:hover svg path{fill:var(--main-orange)}section#hypekit-browser .dir[browser-button=purple]>.files .btn{background-color:var(--main-purple)}section#hypekit-browser .dir[browser-button=purple]>.files .btn:hover{background-color:var(--neon-purple)}section#hypekit-browser .dir[browser-button=yellow]>.files .btn{background-color:var(--shadow-yellow)}section#hypekit-browser .dir[browser-button=yellow]>.files .btn:hover{background-color:var(--neon-purple)}section#hypekit-browser .dir[browser-button=red]>.files .btn{background-color:var(--shadow-red)}section#hypekit-browser .dir[browser-button=red]>.files .btn:hover{background-color:var(--shadow-yellow)}section#hypekit-browser .dir .files{height:0;opacity:0;overflow:hidden;padding-top:5px;position:absolute;-webkit-transition:none;-o-transition:none;transition:none;visibility:hidden}section#hypekit-browser .dir.open>.files{display:block;height:auto;opacity:1;position:static;-webkit-transition:opacity .1s ease-out .25s;-o-transition:opacity .1s ease-out .25s;transition:opacity .1s ease-out .25s;visibility:visible}section#hypekit-browser .file{flex-wrap:nowrap;padding-bottom:30px}section#hypekit-browser .file:last-child{padding-bottom:0}section#hypekit-browser .file:nth-child(2n){flex-direction:row-reverse}section#hypekit-browser .file .info{padding:50px;text-align:left}section#hypekit-browser .file .info div{max-width:445px}section#hypekit-browser .file .info h3{text-transform:uppercase}section#hypekit-browser .file .info p{margin:20px 0 35px}section#hypekit-browser .file .image{width:550px}@media(max-width:1024px){section#hypekit-browser .dir span p{font-size:13px}}@media(max-width:900px){section#hypekit-browser .dir{width:50%}section#hypekit-browser .file .info{padding:25px 50px}}@media(max-width:800px){section#hypekit-browser .breadcrumbs label{margin:0 8px 0 0}section#hypekit-browser .container{padding:25px 25px 60px}section#hypekit-browser .file{padding-bottom:60px}section#hypekit-browser .dir .files{padding-top:15px}}@media(max-width:767px){section#hypekit-browser .file{padding-bottom:50px}}@media(max-width:600px){section#hypekit-browser .dir .download{bottom:30px}section#hypekit-browser .dir.open{max-width:unset}section#hypekit-browser .file,section#hypekit-browser .file:nth-child(2n){flex-direction:column-reverse}section#hypekit-browser .file .info{padding:10px 25px 25px;text-align:center}section#hypekit-browser .file .image{max-width:300px;width:auto}section#hypekit-browser .file .image img{max-height:300px}section#hypekit-header .header{border-radius:0;padding:60px 50px}section#hypekit-browser .file .info h3{margin:-10px 0 15px}section#hypekit-browser .file .info p{margin:15px 0 25px}}@media(max-width:580px){section#hypekit-browser.root .search{width:100%}}@media(max-width:500px){section#hypekit-browser .dirs{margin:0}section#hypekit-browser .dir{padding:25px 0;width:100%}section#hypekit-browser .file{padding-bottom:40px}}