#popup-rolling-btn .pop-slk { background: #000; }

#popup-rolling-btn .nav-slk { background: #fff; }

#popup-rolling-btn .nav-slk .slick-slide { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 18px; word-break: keep-all; text-align: center; cursor: pointer; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; width: -webkit-max-content; width: -moz-max-content; width: max-content; line-height: 1.2; padding: 0 10px; border-right: 1px solid rgba(var(--theme-color-rgb), 0.3); border-bottom: 1px solid rgba(var(--theme-color-rgb), 0.3); }

#popup-rolling-btn .nav-slk .slick-current { color: #fff; background: var(--theme-color); }

#popup-rolling-btn .nav-slk .slick-track { width: 100% !important; -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

#popup-rolling-btn .nav-slk .slick-track::before, #popup-rolling-btn .nav-slk .slick-track::after { display: none; }

#popup-rolling-btn .no-img { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: rgba(var(--theme-color-rgb), 1); color: #fff; font-size: 20px; border-bottom: 1px solid #ffffff66; }

#popup-rolling-btn.hor .nav-slk .slick-slide { height: 3.2em; }

#popup-rolling-btn.hor .nav-slk.btn-2 .slick-slide, #popup-rolling-btn.hor .nav-slk.btn-6 .slick-slide { width: 50% !important; }

#popup-rolling-btn.hor .nav-slk.btn-3 .slick-slide { width: 33.33% !important; }

#popup-rolling-btn.hor .nav-slk.btn-5 .slick-slide { width: 33.33% !important; }

#popup-rolling-btn.hor .nav-slk.btn-5 .slick-slide:nth-last-child(-n+2) { width: 50% !important; }

#popup-rolling-btn.ver .popup-slk-wr { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; }

#popup-rolling-btn.ver .nav-slk { width: 200px; }

#popup-rolling-btn.ver .nav-slk .slick-list, #popup-rolling-btn.ver .nav-slk .slick-track { width: 100% !important; height: 100%; }

#popup-rolling-btn.ver .nav-slk .slick-slide { width: 100% !important; border-top: 1px solid rgba(var(--theme-color-rgb), 0.3); border-bottom: 0; }

#popup-rolling-btn.ver .nav-slk .slick-slide:last-child { border-bottom: 1px solid rgba(var(--theme-color-rgb), 0.3); }

#popup-rolling-btn.ver .nav-slk.btn-1 .slick-slide { height: calc(100% / 1); }

#popup-rolling-btn.ver .nav-slk.btn-2 .slick-slide { height: calc(100% / 2); }

#popup-rolling-btn.ver .nav-slk.btn-3 .slick-slide { height: calc(100% / 3); }

#popup-rolling-btn.ver .nav-slk.btn-4 .slick-slide { height: calc(100% / 4); }

#popup-rolling-btn.ver .nav-slk.btn-5 .slick-slide { height: calc(100% / 5); }

#popup-rolling-btn.ver .nav-slk.btn-6 .slick-slide { height: calc(100% / 6); }

#popup-rolling-btn.ver .nav-slk.btn-7 .slick-slide { height: calc(100% / 7); }

#popup-rolling-btn.ver .nav-slk.btn-8 .slick-slide { height: calc(100% / 8); }

#popup-rolling-btn.ver .nav-slk.btn-9 .slick-slide { height: calc(100% / 9); }

#popup-rolling-btn.ver .nav-slk.btn-10 .slick-slide { height: calc(100% / 10); }