.tabs .headers{width:fit-content;column-gap:8px;margin:0 auto;padding:3px;border:1px solid #e5e5e5;border-radius:8px}.tabs .headers .tab-title{cursor:pointer;padding:10px 16px}.tabs .headers .tab-title.selected{color:#c43958;background:rgba(196,57,88,0.1);border-radius:2px}.tabs .containers .tab-body{display:none}.tabs .containers .tab-body.selected{display:block}.carousel-slide{position:relative;padding:0 24px}.carousel-slide .left-control{position:absolute;display:flex;height:100%;align-items:center;left:-16px;top:0;color:var(--color-black-1);cursor:pointer;z-index:3}.carousel-slide .right-control{position:absolute;display:flex;height:100%;align-items:center;right:-16px;top:0;color:var(--color-black-1);cursor:pointer;z-index:3}.slides{width:100%;overflow:hidden}.story-list-wrapper{display:flex;justify-content:flex-start;width:fit-content;column-gap:16px}.story-list-wrapper .item{position:relative;width:335px;z-index:1;flex-shrink:0}.story-list-wrapper .item .logo{position:relative;top:0;left:90px;display:flex;justify-content:center;align-items:center;width:150px;height:150px;padding:16px;border:2px solid #e6e8f3;border-radius:50%;background:#fff;z-index:2}.story-list-wrapper .item .link-mask{position:absolute;bottom:0;width:100%;height:150px;border-radius:0 0 24px 24px;opacity:0;background:linear-gradient(rgba(255,255,255,0),rgba(255,255,255,1));transition:all .7s ease-out}.story-list-wrapper .item .link-mask a{position:absolute;right:8px;bottom:8px;display:flex;justify-content:center;align-items:center;width:50px;height:50px;border-radius:25px;background:var(--color-primary)}.story-list-wrapper .item .link-mask a i{transform:scale(2,1.5)}.anima-wrapper .anima-box{width:fit-content;white-space:nowrap}.anima-wrapper .anima-box img{filter:grayscale(100%)}.university-box img{filter:grayscale(100%)}.advantage-container .python-interface .embed-container{position:absolute;width:calc(100% - 24px);height:calc(100% - 26px);max-height:262px;left:12px;top:13px;padding-bottom:0;background:#fff}.advantage-container .gui .embed-container{position:absolute;width:calc(100% - 135px);height:calc(100% - 80px);max-height:263px;left:68px;top:18px;padding-bottom:0;background:#fff}.dashed{position:absolute;width:12.8%;background-image:repeating-linear-gradient(0,#c43959,#c43959 4px,transparent 4px,transparent 9px,#c43959 9px),repeating-linear-gradient(90deg,#c43959,#c43959 4px,transparent 4px,transparent 9px,#c43959 9px),repeating-linear-gradient(180deg,#c43959,#c43959 4px,transparent 4px,transparent 9px,#c43959 9px),repeating-linear-gradient(270deg,#c43959,#c43959 4px,transparent 4px,transparent 9px,#c43959 9px);background-size:1px 100%,100% 1px,1px 100%,100% 1px;background-position:0 0,0 0,100% 0,0 100%;background-repeat:no-repeat;border-radius:8px;z-index:2;opacity:0;transition:opacity .8s ease-out;cursor:pointer}
.dashed:hover,.dashed.highlight{opacity:1}@media(max-width:768px){.advantage-container .gui .embed-container{width:calc(100% - 82px);height:calc(100% - 48px);left:42px;top:12px}.carousel-slide .slides{width:100%;overflow-x:auto}}@media(max-width:576px){.tabs .headers{width:100%;flex-wrap:nowrap;overflow-x:auto}.tabs .headers .tab-title{flex-shrink:0}.story-list-wrapper .item{width:234px}.story-list-wrapper .item .logo{left:56px;width:120px;height:120px}}