.grid-list .items{width:calc(33.33% - 20px)}.grid-list .items:nth-child(2){margin:0 30px}.grid-list .items .picon{filter:grayscale(1);opacity:.5;width:36px;height:36px}.grid-list .items .titr{margin:2px 10px 6px 0}.grid-list .items ul li{margin-top:15px;padding:10px;border-radius:50px;border:1px #fff0 solid}.grid-list .items ul li .num{width:44px;height:44px;border:1px var(--blur) solid}.grid-list .items ul li .num:before{content:"1"}.grid-list .items ul li:nth-child(2) .num:before{content:"2"}.grid-list .items ul li:nth-child(3) .num:before{content:"3"}.grid-list .items ul li:nth-child(4) .num:before{content:"4"}.grid-list .items ul li:nth-child(5) .num:before{content:"5"}.grid-list .items ul li:nth-child(6) .num:before{content:"6"}.grid-list .items ul li:nth-child(7) .num:before{content:"7"}.grid-list .items ul li:nth-child(8) .num:before{content:"8"}.grid-list .items ul li:nth-child(9) .num:before{content:"9"}.grid-list .items ul li:nth-child(10) .num:before{content:"10"}.grid-list .items ul li .pic{width:44px;height:44px;margin:0 10px}.grid-list .items ul li .play-btn{width:44px;height:44px;border:1px var(--blur) solid}.grid-list .items ul li .play-btn svg{height:20px}.grid-list .items ul li .name{width:calc(100% - 160px);padding:0 10px}.grid-list .items ul li .name .inf{margin-top:7px}.grid-list .items ul li .name .inf svg{width:15px;margin:2px 0 0 5px}.grid-list .items ul li:hover{background:var(--blur);border-color:var(--blur)}.light-mode .grid-list .items .picon{filter:brightness(0);opacity:.6}.light-mode .grid-list .items ul li{box-shadow:0 .275rem .75rem -.0625rem rgb(11 15 25 / .06),0 .125rem .4rem -.0625rem rgb(11 15 25 / .03);background-color:#fff;border-color:#fff0}.light-mode .grid-list .items .titr,.light-mode .grid-list .items ul li .name a,.light-mode .grid-list .items ul li .play-btn,.light-mode .grid-list .items ul li .num{color:#33354d}.light-mode .grid-list .items ul li .name{color:#565973}.light-mode .grid-list .items ul li .play-btn,.light-mode .grid-list .items ul li .num{border-color:#fff0}.light-mode .grid-list .items ul li:hover{background-color:#f2f4fd;box-shadow:none}@media only screen and (max-width:1190px){.grid-list .items{width:calc(33.33% - 10px)}.grid-list .items:nth-child(2){margin:0 15px}.grid-list .items ul li .name{padding:0}.grid-list .items ul li .name .namex{font-size:13px}}@media only screen and (max-width:1000px){.grid-list .items{width:100%}.grid-list .items:nth-child(2){margin:40px 0}}@media only screen and (max-width:920px){.grid-list .items .titr{font-size:17px;margin:0 10px 0 0}.grid-list .items .picon{width:30px;height:30px}}