.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(--gray);color:var(--dark-gray);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(--gray)}.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}:root{--font-main:"Helvetica",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:"Helvetica",SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--font-size:16px;--content-max-width:568px;--extra-max-width:900px;--header-height:52px;--footer-height:72px;--sidebar-width:0px;--page-max-width:768px;--side-padding:20px;--transition-duration:0.25s;--bp-992:992px;--bp-840:840px;--bp-768:768px;--bp-576:576px}@media(min-aspect-ratio:1/1),(min-width:1200px){:root{--footer-height:0px;--sidebar-width:var(--header-height)}}:root{--accent-color:var(--orange);--border-color:var(--gray);--header-bg-color:var(--dark);--footer-bg-color:var(--dark);--main-bg-color:var(--beige);--song-bg-color:#fff;--placeholder-color:var(--mid-gray);--text-color:var(--dark-gray);--title-color:var(--dark);--shadow-color:rgba(56,55,142,0.15);--link-color:#1e80f3;--beige:#fffaed;--brown:#26231b;--dark:#0b0800;--dark-gray:#6c6c6c;--mid-gray:#8e8e93;--gray:#c0c0c0;--light-gray:#f5f5f5;--orange:#f5c149;--error:#ff6542}.SearchControls{display:flex;align-items:center;justify-content:center;padding-bottom:var(--side-padding);border-bottom:1px solid var(--gray)}.SearchControls__container{position:relative;flex:1 1;height:48px;padding:4px;border-radius:24px;border:1px solid var(--gray)}.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(--gray)}.SearchControls__input:-moz-placeholder,.SearchControls__input::-moz-placeholder{color:var(--gray)}.SearchControls__input::-webkit-input-placeholder{color:var(--gray)}.SearchControls__clear{position:absolute;right:7px;top:4px;height:40px;width:40px;font-size:18px;padding:10px;transition:color .25s;color:var(--gray)}.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(--gray)}.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)}