.PageList{padding:var(--side-padding) 0}.PageList__title{margin-bottom:16px}.PageList__list{display:flex;flex-wrap:wrap;margin:0 -8px 0 0;padding:0;list-style-type:none}.PageList__item{padding:0 8px 8px 0}.PageList__button{height:32px;width:44px;padding:8px;border-radius:6px;border:1px solid var(--grey);color:var(--dark-grey);background-color:var(--song-bg-color);transition:color var(--transition-duration);cursor:pointer}.PageList__button:hover{color:var(--accent-color)}.PageList__button--active{color:var(--beige);background-color:var(--dark)}.PageList__button--active:hover{color:var(--accent-color)}.SearchModule__header{padding:0 var(--side-padding)}.SearchModule__content{padding:0 var(--side-padding) var(--side-padding)}.SearchModule__nothing{display:none;padding:var(--side-padding) 0;border-bottom:1px solid var(--grey)}.SearchModule__more{text-align:center;padding:var(--side-padding) 0}.SearchModule__more button{height:40px;border-radius:20px;font-size:16px;padding:0 16px;letter-spacing:.8px}.SearchControls{display:flex;align-items:center;justify-content:center;padding-bottom:var(--side-padding);border-bottom:1px solid var(--grey)}.SearchControls__container{position:relative;flex:1 1;height:48px;padding:4px;border-radius:24px;border:1px solid var(--grey)}.SearchControls__input{height:40px;width:100%;font-size:16px;color:var(--dark);letter-spacing:.8px;background:rgba(0,0,0,0);border:none;outline:none;padding:2px 54px 4px 14px}.SearchControls__input.placeholder{color:var(--grey)}.SearchControls__input:-moz-placeholder,.SearchControls__input::-moz-placeholder{color:var(--grey)}.SearchControls__input::-webkit-input-placeholder{color:var(--grey)}.SearchControls__clear{position:absolute;right:7px;top:4px;height:40px;width:40px;font-size:18px;padding:10px;transition:color .25s;color:var(--grey)}.SearchControls__clear:hover{color:var(--accent-color)}.SearchControls__submit{height:40px;width:40px;font-size:20px;padding:4px;margin-left:12px}.SearchResults{margin:0;padding:0;list-style-type:none}.SearchResults__item{padding:var(--side-padding) 0}.SearchResults__item:not(:last-child){border-bottom:1px solid var(--grey)}.SearchResults__title{transition:color var(--transition-duration)}.SearchResults__item:hover .SearchResults__title{color:var(--accent-color)}.SearchResults__text{font-size:14px;font-weight:300;line-height:20px;color:var(--text-color);transition:color var(--transition-duration)}.SearchResults__item:hover .SearchResults__text{color:var(--accent-color)}