radix-player/www/static/css/main.500d9780.chunk.css.map

Internet Radio Streamer

{"version":3,"sources":["main.500d9780.chunk.css","index.css","App.css","Utils.css","BurgerMenu.css","Header.css","BottomModal.module.css","Footer.css","Bars.css","List.module.css","settings.module.css"],"names":[],"mappings":"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","file":"main.500d9780.chunk.css","sourcesContent":["@import url(https://fonts.googleapis.com/css?family=Montserrat&display=swap);\n:root {\n  --textColor: rgb(244,59,71);\n  --textDefaultColor: rgba(0, 0, 0, 0.8);\n  --listDivider: rgba(0, 0, 0, 0.3);\n  --headerTextColor: rgb(157,32,83);\n  --headerBackground: rgba(52, 25, 49, 0.7);\n  --backgroundGradient: linear-gradient(to top, #f43b47 0%, #453a94 100%);\n}\n\nbody {\n  -webkit-user-select: none;\n     -moz-user-select: none;\n      -ms-user-select: none;\n          user-select: none;\n  margin: 0;\n  font-family: 'Montserrat', sans-serif;\n  /*\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',\n    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',\n    sans-serif;\n    */\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\nlabel {\n  color: rgb(244,59,71);\n  color: var(--textColor);\n  margin-right: 12px;\n  font-size: 25px;\n  line-height: 46px;\n}\n\nhtml {\n  color: rgba(0, 0, 0, 0.8);\n  color: var(--textDefaultColor);\n  background-image: -webkit-gradient(linear, left bottom, left top, from(#f43b47), to(#453a94));\n  background-image: -webkit-linear-gradient(bottom, #f43b47 0%, #453a94 100%);\n  background-image: linear-gradient(to top, #f43b47 0%, #453a94 100%);\n  background-image: var(--backgroundGradient);\n  height: 100%;\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n}\n\ninput {\n  border: 1px solid rgb(157,32,83);\n  border: 1px solid var(--headerTextColor);\n  background: rgba(0,0,0,0.4);\n  padding: 4px;\n  font-size: 25px;\n  margin: -4px 0;\n  color: rgb(244,59,71);\n  color: var(--textColor);\n  box-sizing: border-box;\n}\n\nbutton {\n  padding: 8px 30px;\n  font-size: 18px;\n  border: 1px solid #f43a47;\n  color: #f43a47;\n  background: rgb(157,32,83);\n  background: var(--headerTextColor);\n}\n\nbutton:disabled {\n  color: graytext;\n  opacity: 0.4;\n}\n\ncode {\n  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',\n    monospace;\n}\n\n*:focus {\n  outline: none;\n}\n\n::-webkit-input-placeholder {\n  color: rgb(244,59,71);\n  color: var(--textColor);\n  opacity: 0.4;\n}\n\n::-moz-placeholder {\n  color: rgb(244,59,71);\n  color: var(--textColor);\n  opacity: 0.4;\n}\n\n:-ms-input-placeholder {\n  color: rgb(244,59,71);\n  color: var(--textColor);\n  opacity: 0.4;\n}\n\n::-ms-input-placeholder {\n  color: rgb(244,59,71);\n  color: var(--textColor);\n  opacity: 0.4;\n}\n\n::placeholder {\n  color: rgb(244,59,71);\n  color: var(--textColor);\n  opacity: 0.4;\n}\n\n@-webkit-keyframes App-logo-spin {\n  from {\n    -webkit-transform: rotate(0deg);\n            transform: rotate(0deg);\n  }\n  to {\n    -webkit-transform: rotate(360deg);\n            transform: rotate(360deg);\n  }\n}\n\n@keyframes App-logo-spin {\n  from {\n    -webkit-transform: rotate(0deg);\n            transform: rotate(0deg);\n  }\n  to {\n    -webkit-transform: rotate(360deg);\n            transform: rotate(360deg);\n  }\n}\n\nheader .fa-bars,\nfooter i {\n  margin-right: 10px;\n}\n\nheader, footer {\n  position: fixed;\n  left: 0;\n  right: 0;\n}\n\n.fa-spinner {\n  -webkit-animation: App-logo-spin infinite 2s linear;\n          animation: App-logo-spin infinite 2s linear;\n}\n\n.search-hidden input {\n  display: none;\n}\n\n.search-hidden span {\n  display: inline-block;\n}\n\n.search-visible input {\n  display: inline-block;\n}\n\n.search-visible span {\n  display: none;\n}\n\n.menu {\n  position: fixed;\n  bottom: 50px;\n  right: 10px;\n  background: rgba(0,0,0,0.7);\n  padding: 20px;\n  z-index: 100000;\n}\n\n.menu a {\n  text-decoration: none;\n  display: block;\n  color: var(--textColor);\n}\n\n.menu a + a {\n  margin-top: 12px;\n}\n\n.ReactModal__Content {\n  border-radius: 16px !important;\n}\n\n\n.ReactModal__Overlay {\n  transform: translateY(100%);\n  -webkit-transform: translateY(100%);\n  transition: all 0.3s ease-in-out;\n  -webkit-transition: all 0.3s ease-in-out;\n}\n\n.ReactModal__Overlay--after-open {\n  transform: translateY(16%);\n  -webkit-transform: translateY(16%);\n}\n\n.ReactModal__Overlay--before-close {\n  transition: all 0.3s ease-in-out;\n  -webkit-transition: all 0.3s ease-in-out;\n  transform: translateY(100%);\n  -webkit-transform: translateY(100%);\n}\n\n\n.swiped {\n  -webkit-transition: all 0.3s ease-in-out;\n  transition: all 0.3s ease-in-out;\n  -webkit-transform: translateX(-20%);\n          transform: translateX(-20%);\n}\n\n.delete {\n  background: red;\n  color: white;\n  margin: -21px -103px -19px;\n  float: right;\n  padding: 17px 15px;\n  box-sizing: border-box;\n  clear: right;\n}\n\n.item-container {\n  position: relative;\n}\n\n/* CSS Utils */\n.full-width {\n    width: 100%;\n  }\n  \n  .right {\n    float: right;\n  }\n  \n  .hidden {\n    opacity: 0;\n  }\n  \n  .display-block {\n    display: block;\n  }\n  \n  .display-none {\n    display: none;\n  }\n  \n.bm-burger-bars {\n    background: var(--headerTextColor);\n  }\n  \n  .bm-cross-button {\n    height: 24px;\n    width: 24px;\n  }\n  \n  .bm-cross {\n    background: #bdc3c7;\n  }\n  \n  .bm-menu {\n    background: var(--headerBackground);\n    padding: 2.5em 1.5em;\n    font-size: 1.15em;\n  }\n  \n  .bm-morph-shape {\n    fill: #373a47;\n  }\n  \n  .bm-item-list {\n    color: #b8b7ad;\n    display: flex;\n    flex-direction: column;\n  }\n  \n  .bm-overlay {\n    background: rgba(0, 0, 0, 0.3);\n  }\n  \n  .bm-overlay,\n  .bm-menu-wrap {\n    top: 0;\n  }\n  \n  .bm-menu-wrap {\n    -webkit-transition: all 0.2s ease 0s !important;\n    transition: all 0.2s ease 0s !important;\n  }\n  \n  .bm-item:last-child {\n    margin-top: auto;\n  }\n\n  .bm-item:hover {\n    color: white;\n  }\n  \n  .bm-burger-button {\n    position: fixed;\n    width: 36px;\n    height: 30px;\n    left: 20px;\n    top: 20px;\n  }\n\n  .bm-item {\n    display: inline-block;\n    text-decoration: none;\n    margin-bottom: 10px;\n    color: var(--textColor);\n    -webkit-transition: color 0.2s;\n    transition: color 0.2s;\n  }\n  \nheader {\n    color: var(--headerTextColor);\n    top: 0;\n    font-size: 30px;\n    font-weight: bold;\n}\n\nheader .container {\n    display: flex;\n    justify-content: space-between;\n    padding: 16px 16px 16px 66px;\n}\n  \n.header-background {\n    margin: -40px;\n    -webkit-filter: blur(8px);\n            filter: blur(8px);\n    background: var(--headerBackground);\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    z-index: -1;\n}\n\n.header-background-container {\n    position: absolute;\n    overflow: hidden;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    z-index: -1;\n}\n.BottomModal_bottomModal__1WKxh {\n    color: var(--textColor);\n    list-style: none;\n    -webkit-padding-start: 0px;\n            padding-inline-start: 0px;\n}\n\n.BottomModal_bottomModal__1WKxh li + li {\n    border-top: 1px solid rgba(244, 59, 71, 0.4);\n}\n\n.BottomModal_bottomModal__1WKxh li {\n    padding: 16px 0px;\n}\n\n.BottomModal_bottomModal__1WKxh li i {\n    width: 20px;\n}\n\nfooter {\n    color: var(--textColor);\n    bottom: 0;\n    font-size: 20px;\n    font-weight: bold;\n    padding: 16px;\n    height: 60px;\n    box-sizing: border-box;\n    transition: height 0.4s;\n    -webkit-transition: height 0.4s;\n}\n\nfooter.expanded {\n    height: 300px;\n    border-top-left-radius: 20px;\n    border-top-right-radius: 20px;\n    overflow: hidden;\n    -webkit-animation: borderRadius 0.5s;\n            animation: borderRadius 0.5s;\n}\n\n.footer-menu {\n    opacity: 0;\n}\n\nfooter.expanded .footer-menu {\n    opacity: 1;\n}\n\nfooter span {\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    overflow: hidden;\n    width: 92%;\n    display: inline-block;\n}\n\n.rc-slider {\n    margin-top: 200px;\n}\n\n.rc-slider-rail {\n    background-color: var(--textColor);\n}\n\n.rc-slider-handle {\n    border: solid 2px var(--textColor);\n    background-color: var(--headerTextColor);\n    margin-top: -8px;\n    width: 20px;\n    height: 20px;\n}\n\n.footer-overlay {\n    position: fixed;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n}\n\n@-webkit-keyframes borderRadius {\n    0% {\n        border-top-left-radius: 0px;\n        border-top-right-radius: 0px;\n    }\n    100% {\n        border-top-left-radius: 20px;\n        border-top-right-radius: 20px;\n    }\n}\n\n@keyframes borderRadius {\n    0% {\n        border-top-left-radius: 0px;\n        border-top-right-radius: 0px;\n    }\n    100% {\n        border-top-left-radius: 20px;\n        border-top-right-radius: 20px;\n    }\n}\n\n#bars {\n  display: none;\n  height: 26px;\n  margin: -22px 0 0 -8px;\n  position: absolute;\n  width: 40px;\n}\n\n#bars.selected {\n  display: block;\n}\n\n.bar {\n    background: #f43b47;\n    bottom: 1px;\n    height: 3px;\n    position: absolute;\n    width: 3px;      \n    -webkit-animation: sound 0ms -800ms linear infinite alternate;      \n            animation: sound 0ms -800ms linear infinite alternate;\n  }\n  \n  .bar:nth-child(1)  { left: 1px; -webkit-animation-duration: 474ms; animation-duration: 474ms; }\n  .bar:nth-child(2)  { left: 5px; -webkit-animation-duration: 433ms; animation-duration: 433ms; }\n  .bar:nth-child(3)  { left: 9px; -webkit-animation-duration: 407ms; animation-duration: 407ms; }\n  .bar:nth-child(4)  { left: 13px; -webkit-animation-duration: 458ms; animation-duration: 458ms; }\n  .bar:nth-child(5)  { left: 17px; -webkit-animation-duration: 400ms; animation-duration: 400ms; }\n  .bar:nth-child(6)  { left: 21px; -webkit-animation-duration: 427ms; animation-duration: 427ms; }\n  .bar:nth-child(7)  { left: 25px; -webkit-animation-duration: 441ms; animation-duration: 441ms; }\n  .bar:nth-child(8)  { left: 29px; -webkit-animation-duration: 419ms; animation-duration: 419ms; }\n  .bar:nth-child(9)  { left: 33px; -webkit-animation-duration: 487ms; animation-duration: 487ms; }\n  .bar:nth-child(10) { left: 37px; -webkit-animation-duration: 442ms; animation-duration: 442ms; }\n  \n  @-webkit-keyframes sound {\n    0% {\n       opacity: .35;\n        height: 3px; \n    }\n    100% {\n        opacity: 1;       \n        height: 28px;        \n    }\n  }\n  \n  @keyframes sound {\n    0% {\n       opacity: .35;\n        height: 3px; \n    }\n    100% {\n        opacity: 1;       \n        height: 28px;        \n    }\n  }\n.List_itemsLoading__x_0sD {\n    margin-left: -25px;\n    margin-top: -25px;\n    left: 50%;\n    top: 50%;\n    position: absolute;\n    font-size: 50px;\n    color: var(--textColor);\n}\n\n.List_itemList__106K6 {\n    padding: 0;\n    margin: 0;\n    list-style: none;\n    margin-top: 66px;\n    margin-bottom: 54px;\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    overflow-y: auto;\n    overflow-x: hidden;\n}\n  \n.List_itemList__106K6 li {\n    padding: 12px;\n    border-bottom: 1px solid var(--listDivider);\n    margin: 8px;\n    position: relative;\n}\n\n.settings_settings__RcWLF {\n  position: absolute;\n  top: 0;\n  padding: 20px;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 11111;\n  background: rgba(0,0,0,0.7);\n  color: var(--textColor);\n}\n\n.settings_close__SmJ9B {\n  position: absolute;\n  right: 20px;\n  color: var(--textColor);\n}\n\n.settings_ip__27hJE {\n  width: 100%;\n}\n","@import url('https://fonts.googleapis.com/css?family=Montserrat&display=swap');\n\n:root {\n  --textColor: rgb(244,59,71);\n  --textDefaultColor: rgba(0, 0, 0, 0.8);\n  --listDivider: rgba(0, 0, 0, 0.3);\n  --headerTextColor: rgb(157,32,83);\n  --headerBackground: rgba(52, 25, 49, 0.7);\n  --backgroundGradient: linear-gradient(to top, #f43b47 0%, #453a94 100%);\n}\n\nbody {\n  user-select: none;\n  margin: 0;\n  font-family: 'Montserrat', sans-serif;\n  /*\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',\n    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',\n    sans-serif;\n    */\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\nlabel {\n  color: var(--textColor);\n  margin-right: 12px;\n  font-size: 25px;\n  line-height: 46px;\n}\n\nhtml {\n  color: var(--textDefaultColor);\n  background-image: var(--backgroundGradient);\n  height: 100%;\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n}\n\ninput {\n  border: 1px solid var(--headerTextColor);\n  background: rgba(0,0,0,0.4);\n  padding: 4px;\n  font-size: 25px;\n  margin: -4px 0;\n  color: var(--textColor);\n  box-sizing: border-box;\n}\n\nbutton {\n  padding: 8px 30px;\n  font-size: 18px;\n  border: 1px solid #f43a47;\n  color: #f43a47;\n  background: var(--headerTextColor);\n}\n\nbutton:disabled {\n  color: graytext;\n  opacity: 0.4;\n}\n\ncode {\n  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',\n    monospace;\n}\n\n*:focus {\n  outline: none;\n}\n\n::placeholder {\n  color: var(--textColor);\n  opacity: 0.4;\n}\n","@keyframes App-logo-spin {\n  from {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(360deg);\n  }\n}\n\nheader .fa-bars,\nfooter i {\n  margin-right: 10px;\n}\n\nheader, footer {\n  position: fixed;\n  left: 0;\n  right: 0;\n}\n\n.fa-spinner {\n  animation: App-logo-spin infinite 2s linear;\n}\n\n.search-hidden input {\n  display: none;\n}\n\n.search-hidden span {\n  display: inline-block;\n}\n\n.search-visible input {\n  display: inline-block;\n}\n\n.search-visible span {\n  display: none;\n}\n\n.menu {\n  position: fixed;\n  bottom: 50px;\n  right: 10px;\n  background: rgba(0,0,0,0.7);\n  padding: 20px;\n  z-index: 100000;\n}\n\n.menu a {\n  text-decoration: none;\n  display: block;\n  color: var(--textColor);\n}\n\n.menu a + a {\n  margin-top: 12px;\n}\n\n.ReactModal__Content {\n  border-radius: 16px !important;\n}\n\n\n.ReactModal__Overlay {\n  transform: translateY(100%);\n  -webkit-transform: translateY(100%);\n  transition: all 0.3s ease-in-out;\n  -webkit-transition: all 0.3s ease-in-out;\n}\n\n.ReactModal__Overlay--after-open {\n  transform: translateY(16%);\n  -webkit-transform: translateY(16%);\n}\n\n.ReactModal__Overlay--before-close {\n  transition: all 0.3s ease-in-out;\n  -webkit-transition: all 0.3s ease-in-out;\n  transform: translateY(100%);\n  -webkit-transform: translateY(100%);\n}\n\n\n.swiped {\n  transition: all 0.3s ease-in-out;\n  transform: translateX(-20%);\n}\n\n.delete {\n  background: red;\n  color: white;\n  margin: -21px -103px -19px;\n  float: right;\n  padding: 17px 15px;\n  box-sizing: border-box;\n  clear: right;\n}\n\n.item-container {\n  position: relative;\n}\n","/* CSS Utils */\n.full-width {\n    width: 100%;\n  }\n  \n  .right {\n    float: right;\n  }\n  \n  .hidden {\n    opacity: 0;\n  }\n  \n  .display-block {\n    display: block;\n  }\n  \n  .display-none {\n    display: none;\n  }\n  ",".bm-burger-bars {\n    background: var(--headerTextColor);\n  }\n  \n  .bm-cross-button {\n    height: 24px;\n    width: 24px;\n  }\n  \n  .bm-cross {\n    background: #bdc3c7;\n  }\n  \n  .bm-menu {\n    background: var(--headerBackground);\n    padding: 2.5em 1.5em;\n    font-size: 1.15em;\n  }\n  \n  .bm-morph-shape {\n    fill: #373a47;\n  }\n  \n  .bm-item-list {\n    color: #b8b7ad;\n    display: flex;\n    flex-direction: column;\n  }\n  \n  .bm-overlay {\n    background: rgba(0, 0, 0, 0.3);\n  }\n  \n  .bm-overlay,\n  .bm-menu-wrap {\n    top: 0;\n  }\n  \n  .bm-menu-wrap {\n    transition: all 0.2s ease 0s !important;\n  }\n  \n  .bm-item:last-child {\n    margin-top: auto;\n  }\n\n  .bm-item:hover {\n    color: white;\n  }\n  \n  .bm-burger-button {\n    position: fixed;\n    width: 36px;\n    height: 30px;\n    left: 20px;\n    top: 20px;\n  }\n\n  .bm-item {\n    display: inline-block;\n    text-decoration: none;\n    margin-bottom: 10px;\n    color: var(--textColor);\n    transition: color 0.2s;\n  }\n  ","header {\n    color: var(--headerTextColor);\n    top: 0;\n    font-size: 30px;\n    font-weight: bold;\n}\n\nheader .container {\n    display: flex;\n    justify-content: space-between;\n    padding: 16px 16px 16px 66px;\n}\n  \n.header-background {\n    margin: -40px;\n    filter: blur(8px);\n    background: var(--headerBackground);\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    z-index: -1;\n}\n\n.header-background-container {\n    position: absolute;\n    overflow: hidden;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    z-index: -1;\n}",".bottomModal {\n    color: var(--textColor);\n    list-style: none;\n    padding-inline-start: 0px;\n}\n\n.bottomModal li + li {\n    border-top: 1px solid rgba(244, 59, 71, 0.4);\n}\n\n.bottomModal li {\n    padding: 16px 0px;\n}\n\n.bottomModal li i {\n    width: 20px;\n}\n","footer {\n    color: var(--textColor);\n    bottom: 0;\n    font-size: 20px;\n    font-weight: bold;\n    padding: 16px;\n    height: 60px;\n    box-sizing: border-box;\n    transition: height 0.4s;\n    -webkit-transition: height 0.4s;\n}\n\nfooter.expanded {\n    height: 300px;\n    border-top-left-radius: 20px;\n    border-top-right-radius: 20px;\n    overflow: hidden;\n    animation: borderRadius 0.5s;\n}\n\n.footer-menu {\n    opacity: 0;\n}\n\nfooter.expanded .footer-menu {\n    opacity: 1;\n}\n\nfooter span {\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    overflow: hidden;\n    width: 92%;\n    display: inline-block;\n}\n\n.rc-slider {\n    margin-top: 200px;\n}\n\n.rc-slider-rail {\n    background-color: var(--textColor);\n}\n\n.rc-slider-handle {\n    border: solid 2px var(--textColor);\n    background-color: var(--headerTextColor);\n    margin-top: -8px;\n    width: 20px;\n    height: 20px;\n}\n\n.footer-overlay {\n    position: fixed;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n}\n\n@keyframes borderRadius {\n    0% {\n        border-top-left-radius: 0px;\n        border-top-right-radius: 0px;\n    }\n    100% {\n        border-top-left-radius: 20px;\n        border-top-right-radius: 20px;\n    }\n}\n","#bars {\n  display: none;\n  height: 26px;\n  margin: -22px 0 0 -8px;\n  position: absolute;\n  width: 40px;\n}\n\n#bars.selected {\n  display: block;\n}\n\n.bar {\n    background: #f43b47;\n    bottom: 1px;\n    height: 3px;\n    position: absolute;\n    width: 3px;      \n    animation: sound 0ms -800ms linear infinite alternate;\n  }\n  \n  .bar:nth-child(1)  { left: 1px; animation-duration: 474ms; }\n  .bar:nth-child(2)  { left: 5px; animation-duration: 433ms; }\n  .bar:nth-child(3)  { left: 9px; animation-duration: 407ms; }\n  .bar:nth-child(4)  { left: 13px; animation-duration: 458ms; }\n  .bar:nth-child(5)  { left: 17px; animation-duration: 400ms; }\n  .bar:nth-child(6)  { left: 21px; animation-duration: 427ms; }\n  .bar:nth-child(7)  { left: 25px; animation-duration: 441ms; }\n  .bar:nth-child(8)  { left: 29px; animation-duration: 419ms; }\n  .bar:nth-child(9)  { left: 33px; animation-duration: 487ms; }\n  .bar:nth-child(10) { left: 37px; animation-duration: 442ms; }\n  \n  @keyframes sound {\n    0% {\n       opacity: .35;\n        height: 3px; \n    }\n    100% {\n        opacity: 1;       \n        height: 28px;        \n    }\n  }",".itemsLoading {\n    margin-left: -25px;\n    margin-top: -25px;\n    left: 50%;\n    top: 50%;\n    position: absolute;\n    font-size: 50px;\n    color: var(--textColor);\n}\n\n.itemList {\n    padding: 0;\n    margin: 0;\n    list-style: none;\n    margin-top: 66px;\n    margin-bottom: 54px;\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    overflow-y: auto;\n    overflow-x: hidden;\n}\n  \n.itemList li {\n    padding: 12px;\n    border-bottom: 1px solid var(--listDivider);\n    margin: 8px;\n    position: relative;\n}\n",".settings {\n  position: absolute;\n  top: 0;\n  padding: 20px;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 11111;\n  background: rgba(0,0,0,0.7);\n  color: var(--textColor);\n}\n\n.close {\n  position: absolute;\n  right: 20px;\n  color: var(--textColor);\n}\n\n.ip {\n  width: 100%;\n}"]}