.html-backgrounds{@media only screen and (min-width:640px){overflow:hidden}}.sidenav-backgrounds__title-link{display:block;margin-top:.5em;opacity:.5}.sidenav-backgrounds__title-logo{margin:2.5em auto 0}.sidenav-backgrounds__title{font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.3em;margin-top:.5em}.subnav-backgrounds__list{display:flex;justify-content:center;line-height:80px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.2em}.main-backgrounds{@media only screen and (min-width:640px){display:flex}}.sidenav-fake{position:fixed;background-image:linear-gradient(-90deg,#e0ecfc 7%,#bcbcdd);height:100vh;width:100%;z-index:2}@media only screen and (min-width:640px){.sidenav-fake{width:360px;box-shadow:0 2px 120px 0 rgba(31,38,103,.4)}.sidenav-backgrounds-parent{height:100vh;width:400px;overflow:hidden}}.sidenav-backgrounds{position:relative;text-align:center;overflow-y:scroll;z-index:3}@media only screen and (min-width:640px){.sidenav-backgrounds{width:420px;height:100vh;padding-right:40px;padding-bottom:120px}.sidenav-backgrounds header{margin-right:30px}}.content-backgrounds{display:none}@media only screen and (min-width:640px){.content-backgrounds{display:block;position:relative;background:#fff;flex:1;margin-left:-40px}.content-backgrounds iframe{width:100%;height:100vh;border:1px solid #e0ecfc;border-right:none;border-left:none}}.sidenav-backgrounds__banner{margin:16px auto 0}@media only screen and (min-width:640px){.sidenav-backgrounds__banner{width:360px;margin:24px 0 0}}.sidenav-backgrounds__list{margin-top:2em;overflow:hidden}@media only screen and (min-width:640px){.sidenav-backgrounds__list{overflow:visible}}.sidenav-backgrounds__list-item{display:flex;align-items:center;position:relative;width:318px;height:84px;border-top-right-radius:8px;border-bottom-right-radius:8px;margin-bottom:1em}.sidenav-backgrounds__list-item h2{position:relative;font-size:22px;font-weight:600;transition:all 375ms cubic-bezier(.8,0,.2,1)}.sidenav-backgrounds__list-item .sidenav-backgrounds__background{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;border-top-right-radius:8px;border-bottom-right-radius:8px;box-shadow:0 2px 30px 0 rgba(31,38,103,.2);overflow:hidden;transform-origin:center left;transition:transform 475ms cubic-bezier(.8,0,.26,1.65)}.sidenav-backgrounds__list-item .sidenav-backgrounds__background:after{content:"";position:absolute;top:0;right:0;width:76%;height:100%;background-image:linear-gradient(0deg,#522db8,#1c7ce0);border-top-right-radius:8px;border-bottom-right-radius:8px;transform:scaleX(0);transform-origin:center right;transition:transform 475ms cubic-bezier(.8,0,.2,1)}.sidenav-backgrounds__list-item:hover .sidenav-backgrounds__background:after{transform:scaleX(.1)}.sidenav-backgrounds__list-item.is-active h2{color:#fff;transform:translateX(46px)}.sidenav-backgrounds__list-item.is-active .sidenav-backgrounds__background{transform:scale(1.18,1.1)}.sidenav-backgrounds__list-item.is-active .sidenav-backgrounds__background:after{transform:scaleX(1)}.sidenav-backgrounds__logo{position:relative;display:flex;align-items:center;justify-content:center;width:50px;height:60px;margin:0 16px 0 24px}.sidenav-backgrounds__logo img{width:50px}.sidenav-backgrounds__arrow,.sidenav-backgrounds__arrow-active{display:flex;align-items:center;position:absolute;left:320px;height:100%;opacity:0}.sidenav-backgrounds__arrow-active{transform:translateX(-100px) scale(14)}.sidenav-backgrounds__arrow-active svg{opacity:0;transform:translateX(-100px) scale(14)}.backgrounds-info{text-align:left;padding:2em 2.5em 3em 1.5em}.backgrounds-info h1{font-size:16px}.backgrounds-info h1,.backgrounds-info h2{font-weight:800;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5em}.backgrounds-info h2{margin-top:2em;font-size:12px}.backgrounds-info p{line-height:1.4}.backgrounds-info a{color:#001bff}.backgrounds-featured{background:rgba(255,255,255,.5);padding:.5rem;margin-bottom:2rem;border-radius:4px}.backgrounds-shades{display:flex;position:absolute;top:0;left:0;width:100%;height:100%;visibility:hidden}.backgrounds-shade{flex:0 0 18%;height:100%;background-image:linear-gradient(0deg,#522db8,#1c7ce0);transform-origin:bottom right;transition:all 875ms cubic-bezier(.8,0,.2,1);transform:scaleX(1) scaleY(0)}