body.feed{background-color:var(--gray-10);}.feed .item,.feed .item *{transition:all .2s cubic-bezier(0,0,.3,1);}body.feed.racing{background-image:url(https://ui.coreble.com/7.0.0/images/racing.png);background-repeat:repeat-y;background-position:right;background-attachment:fixed;}.feed .logo{position:relative;display:inline-block;}.feed .info{padding:10px;background-color:var(--white-60);border-radius:7px;}.feed i.icon{background-color:var(--color);padding:unset;}.feed .notice{position:absolute;top:4px;right:4px;border-radius:50%;background-color:var(--gray-20);font-size:70%;color:var(--black-60);padding:7px 7px 6px;font-weight:normal;animation:fadeIn ease 1s;-webkit-animation:fadeIn ease 1s;-moz-animation:fadeIn ease 1s;-o-animation:fadeIn ease 1s;-ms-animation:fadeIn ease 1s;line-height:70%;display:inline-block;z-index:0;}.feed .google-auto-placed{display:inline-block !important;}.feed .google-auto-placed .adsbygoogle{margin:0 auto !important;}.feed .ad{margin:10px 0 10px;display:inline-block;}.feed .logo span{position:absolute;top:-4px;right:-7px;font-size:10px;text-transform:uppercase;background-color:var(--white-60);border-radius:2px;padding:2px 4px;line-height:10px;opacity:0.9;}body.feed > section{margin:0 auto;width:var(--sizel);padding:0;}body.feed > section header{margin:0 0 40px;display:inline-block;}body.feed > section footer > section,body.feed > section header > section{width:calc(100% - 8px);color:inherit;display:inline-block;padding:10px 4px;}body.feed > section footer > section a,body.feed > section header > section a{color:inherit;}body.feed > section footer{display:inline-block;}body.feed > section footer > section{padding:15px 15px 40px;background-color:var(--gray-20);border-radius:8px 8px 0 0;width:calc(100% - 50px);margin:20px 5px -10px;display:block;}.ide .feed{padding:10px 20px 30px;}.feed > h1{font-size:48px;line-height:1.08349;font-weight:600;letter-spacing:-.003em;width:100%;display:inline-block;}.feed > h2{font-size:28px;line-height:1.14286;font-weight:600;letter-spacing:.007em;width:100%;display:inline-block;}.feed > h1 span,.feed > h2 span{opacity:0.7;}.feed .new,.feed .package{width:100%;display:inline-block;}.feed .item{position:relative;overflow:hidden;background-color:var(--background);white-space:normal;box-shadow:2px 4px 12px rgba(0,0,0,.001);align-items:center;display:flex;justify-content:center;float:left;margin:0 10px 20px;}.feed .item:hover{box-shadow:2px 4px 12px rgba(0,0,0,.08);}.feed .package .item{border-radius:18px;width:320px;height:170px;}.feed .package.mini .item{border-radius:18px;width:320px;height:100px;}.feed .package .item small{position:absolute;top:13px;right:13px;text-transform:uppercase;opacity:0.5;}.feed .package .item.locked{background-color:var(--ideBodyNav);}.feed .package .item .button,.feed .package .item button{padding:8px 10px;margin:0 4px 4px 0;background-color:var(--ideBackground);display:none;}.feed .package .item:hover .button,.feed .package .item:hover button,.feed .package .item .button.show,.feed .package .item button.show{display:inline-block;}.feed .package .item.locked button{background-color:var(--background);}.feed .package .item > div{width:100%;}.feed .package .item h1{margin:0;font-size:1.4rem;}.feed .package .item h2{margin-top:0;font-size:1.2rem;}.feed .package .item i.icon{background-color:var(--color);}.feed .package .item > div > div{width:30%;height:170px;background-image:url('https://ui.coreble.com/7.0.0/images/coreble-default.svg');background-repeat:no-repeat;background-size:cover;float:left;}.feed .package .item.locked > div > div{filter:grayscale(100%);}.feed .package .item > div > div.learn{background-image:url('https://ui.coreble.com/7.0.0/images/coreble-code.svg');}.feed .package .item > div > div.studio{background-image:url('https://ui.coreble.com/7.0.0/images/coreble-studio.svg');}.feed .package .item > div > a{width:calc(70% - 20px);height:142px;float:left;padding:28px 0 0 20px;color:inherit;opacity:0.5;}.feed .package.mini .item > div > a{height:82px;padding:52px 0 0 20px;}.feed .package .item > div > a[href]{opacity:0.7;}.feed .package .item:hover > div > a[href]{opacity:1;}.feed .package .item > div > span{position:absolute;bottom:10px;right:10px;}.feed .news .item{border-radius:18px;width:480px;height:500px;}.feed .menu .item,.feed .person .item,.feed .new .item{border-radius:16px;width:117px;height:117px;text-align:center;margin:10px;}.feed .person .item{width:140px;height:200px;}.feed .menu .item{width:90px;height:90px;}.feed .menu .item.selected,.feed .menu .item:hover{width:90px;height:90px;}.feed .menu .item i.icon{width:24px;height:24px;}.feed .person.map .item{width:172px;height:200px;}.feed .new .item.selected,.feed .new .item:hover{width:117px;height:117px;}.feed .person .item i.icon,.feed .new .item i.icon{width:34px;height:34px;opacity:0.1;}.feed .person .item > a[onclick] i.icon,.feed .new .item > a[onclick] i.icon,.feed .menu .item > a[onclick] i.icon,.feed .person .item > a[href] i.icon,.feed .new .item > a[href] i.icon,.feed .menu .item > a[href] i.icon{opacity:0.3;}.feed .person .item > a[onclick]:hover i.icon,.feed .new .item > a[onclick]:hover i.icon,.feed .menu .item > a[onclick]:hover i.icon,.feed .person .item > a[href]:hover i.icon,.feed .new .item > a[href]:hover i.icon,.feed .menu .item > a[href]:hover i.icon{opacity:0.7;}.feed .person .item span,.feed .new .item span,.feed .menu .item span{margin-top:4px;}.feed .person .item > a,.feed .new .item > a,.feed .menu .item > a{width:100%;color:inherit;}.feed .person .item small,.feed .new .item small,.feed .menu .item small{font-size:70%;display:block;margin-top:0px;}.feed .person .item h6{margin-bottom:2px;}.feed .person .item > a > span,.feed .new .item > a > span,.feed .menu .item > a > span{width:calc(100% - 20px);display:inline-block;font-size:12px;padding:0 10px;line-height:14px;}.feed .new .nav{width:30px;float:left;background-color:var(--white-60);padding:14px 8px 0 8px;border-radius:50%;height:30px;text-align:center;margin-top:44px;cursor:pointer;opacity:0.3;}.feed .new .nav:hover{opacity:1;}.feed .new .group{float:left;width:calc(100% - 130px);margin:0 19px;height:146px;overflow:hidden;}.feed .new .group .items{display:inline-block;position:relative;}.feed .latest{display:block;}.feed .latest .item{border-radius:10px;width:300px;display:block;}.feed .latest .item.False{background-color:var(--gray-30) !important;}.feed .latest .item > h3{margin:12px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:80%;}.feed .latest .item img{width:90px;height:60px;float:left;opacity:0.97;background-color:var(--gray-30);font-size:10px;line-height:110%;}.feed .latest .item:hover img{opacity:1;}.feed .latest .item > a{width:calc(100% - 20px);text-align:center;padding:10px 10px;float:left;background-color:var(--gray-20);color:var(--gray-80);text-transform:uppercase;font-size:80%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}.feed .latest .item > a:hover{background-color:var(--gray-30);}.feed .latest .item span{float:right;width:calc(100% - 100px);}.feed .latest .item span time,.feed .latest .item span small{width:100%;display:block;font-size:80%;opacity:0.8;}.feed .latest .item .icon{width:30px;height:30px;position:absolute;top:10px;right:10px;}.feed .latest .item > div{margin:0 10px;min-height:260px;max-height:260px;overflow:auto;}.feed .latest .item > div h3{margin:0 0 12px 2px;font-size:1rem;color:var(--gray-60);text-transform:uppercase;}.feed .latest .item div a{float:left;margin:0 0 10px;color:inherit;opacity:0.8;width:100%;}.feed .latest .item div a:hover{opacity:1;}.feed .latest .item div a h4{font-size:1.0rem;display:block;color:inherit;margin:0;}.feed .latest .item div div{align-items:center;display:flex;justify-content:center;min-height:253px;}.feed .latest .item div div span{width:90%;}.feed .latest .item div div span h4{opacity:0.5;}.feed .latest .item div div span p{opacity:0.3;overflow-x:auto;max-height:150px;}.feed .latest .item:hover div div span h4,.feed .latest .item:hover div div span p{opacity:1;}.feed .latest .item.more{background-color:inherit;float:left;width:100%;margin:0 0 20px;}.feed .item.more:hover{box-shadow:unset;}.feed .item.more:hover > a{box-shadow:2px 4px 12px rgba(0,0,0,.08);}.feed .latest .item.more > a{width:300px;border-radius:inherit;margin:0 auto;background-color:var(--gray-30);color:var(--black-60);float:unset;display:block;}.feed .history .item{box-shadow:unset;border-radius:10px;display:block;padding:10px;min-width:calc(100% - 45px);}.feed .history .item ul li::before{display:none;user-select:none;pointer-events:none;font-weight:400;margin-left:-1.25rem;content:'•';opacity:1;color:inherit;}.feed .history .item ul li{padding:0 0 10px;list-style-type:none;list-style-position:outside;}.feed .history .item ul li:last-child{padding:0;}.feed .history .item ul{padding:10px;margin:0;}.feed h1.side{margin:30px 0 50px;text-transform:capitalize;display:block;min-height:30px;}.feed h1.side span{background-color:var(--red-50);display:inline-block;padding:20px;color:var(--white-60);position:absolute;left:0;margin-top:-24px;}.feed h1.side span::after, .feed h1.side span::after{border-top-color:var(--red-50) !important;}.feed h1.side span::after{position:absolute;content:"";width:0;height:0;border-left:36px solid transparent;border-right:36px solid transparent;border-top:18px solid;right:-45px;top:28px;-webkit-transform:rotate(90deg);-moz-transform:rotate(-90deg);transform:rotate(-90deg);z-index:10;}.feed h2.side{margin:50px 0;text-transform:capitalize;display:block;min-height:30px;}.feed h2.side span{background-color:var(--gray-30);display:inline-block;padding:16px 20px;color:var(--black-60);position:absolute;left:0;margin-top:-20px;}.feed h2.side span::after, .feed h2.side span::after{border-top-color:var(--gray-30) !important;}.feed h2.side span::after{position:absolute;content:"";width:0;height:0;border-left:31px solid transparent;border-right:31px solid transparent;border-top:18px solid;right:-40px;top:22px;-webkit-transform:rotate(90deg);-moz-transform:rotate(-90deg);transform:rotate(-90deg);z-index:10;}.feed .newslist{width:100%;display:inline-block;}.feed .newslist .item{width:calc(100% - 20px);margin:0 5px 10px;border-radius:10px;display:inline-block !important;justify-content:unset;align-items:unset;white-space:unset;font-size:12px;}.feed .newslist .item h4{margin-bottom:2px;}.feed .newslist .item h6{margin-top:0;opacity:0.6;}.feed .newslist a{color:inherit;}.feed .newslist .item a > span{display:inline-block;width:calc(100% - 40px);padding:20px;color:inherit;}.feed .newslist .item img{display:none;}.feed .newslist .item.with-image img{width:300px;float:left;display:block;margin:0;}.feed .newslist .item.with-image a > span{width:calc(100% - 340px);padding:20px;}.feed .newslist .item time{position:absolute;top:5px;right:10px;font-size:12px;opacity:0.8;}.feed .cloud{color:inherit;margin:10px 0;display:inline-block;}.feed .cloud .item{color:inherit;margin:5px 5px 0 0;padding:6px 10px;border-radius:10px;font-size:12px;}.feed .cloud .item.selected{font-weight:bold;}.feed.windows .container{height:100vh;position:fixed;top:0;left:0;right:unset;bottom:unset;width:100vw;z-index:100000;}.feed .advertslot{position:relative;width:calc(100% - 20px);margin:5px;border-radius:10px;border:1px solid var(--gray-30);background-color:inherit;display:inline-block;}.feed .advertslot:hover{border:1px solid var(--gray-60);}.feed .advertslot a{width:calc(100% - 111px);margin:5px;border-radius:6px;border:1px solid var(--gray-30);display:block;padding:6px 90px 6px 10px;}.feed .advertslot a span{position:absolute;right:4px;bottom:5px;font-size:80%;text-transform:uppercase;padding:0 10px;border-radius:0 4px 4px 0;line-height:100%;top:5px;align-items:center;display:flex;justify-content:center;}.feed .advertslot:hover{border:1px solid var(--gray-60);}.feed .item .delete{position:absolute;top:3px;right:2px;font-size:10px;background-color:var(--gray-10);border-radius:inherit;padding:6px 8px 2px;}.feed .item .delete i.icon{width:14px;height:14px;}@media screen and (prefers-color-scheme:dark){.darkmode.feed .package .item > div > div{ opacity:0.9;}}.darkmode.force.feed .package .item > div > div{opacity:0.9;}@media only screen and (max-width:600px){body.feed > section{ width:var(--size100p);} body.feed > section footer > section, .feed .history .item, .feed .latest .item{ width:100%; margin:0 0 10px; border-radius:0; padding:0;} body.feed > section footer > section{ width:calc(100% - 30px); margin:0 0 -10px; padding:15px 15px 100px;} .feed .newslist .item.with-image img{ width:100%;} .feed .newslist .item.with-image a > span{ width:calc(100% - 28px); padding:24px 14px 10px;} .feed .latest .item img{ width:90px; height:60px;} .feed .latest .item span{ width:calc(100% - 100px); font-size:16px;} .feed .latest .item div a h4{ font-size:1.2rem;} .feed .latest .item > div{ min-height:unset; max-height:unset;} .feed .latest .item div div{ min-height:unset; margin:0 0 10px;} .feed .latest .item div div span{ width:97%;} .feed .newslist .item{ width:100%; margin:0 0 10px; border-radius:0; border-bottom:2px solid var(--gray-30);} .feed .newslist .item h4{ margin-top:0;} .feed .newslist .item p{ margin:0;} .feed h2.side span, .feed h1.side span{ position:relative; margin-right:30px;} .feed .latest .item div div span h4,  .feed .latest .item div div span p{ opacity:0.9;} .feed .person .item, .feed .new .item{ width:20vw;} .feed h1.side{ margin:10px 0 30px;} .feed h2.side{ margin:20px 0;} .feed .latest .item.more > a{ border-radius:10px;} .feed.windows .container .window{ width:calc(100% - 20px);} .feed .person .item, .feed .new .item, .feed .news .item{ display:none;} .feed .person .item:nth-child(-n+4), .feed .new .item:nth-child(-n+4), .feed .news .item:nth-child(-n+4){ display:flex;} .feed .person.map .item{ display:none;} .feed .person.map .item:nth-child(-n+3){ display:flex;} .feed .advertslot a{ width:calc(100% - 30px); padding:6px 10px 6px 10px;} .feed .advertslot a span{ position:relative; border-radius:4px; width:calc(100% - 12px); margin-bottom:6px; padding:4px 10px;} .feed .person.show-all .item, .feed .new.show-all .item{ display:flex;} .feed .history .item ul{ max-height:224px; overflow-x:auto;} .feed .advertslot{ width:calc(100% - 10px);}}