.performance-container{display:flex;gap:50px;padding:0;list-style:none;align-items:flex-start;justify-content:flex-start;margin:0}.score-wrap{display:flex;flex-direction:column;align-items:center;gap:7px;position:relative}.score-wrap::after{content:"";position:absolute;top:0;right:-25px;z-index:1;height:100%;width:1px;background-color:#d5d5d5}.score-wrap:last-child::after{content:none}.score-circle{position:relative;width:80px;height:80px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:#000;box-shadow:0 0 10px rgb(0 0 0 / .1);transition:background 0.3s,color 0.3s;position:relative}.score-circle::before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70px;height:70px;border:5px solid #00c853;z-index:1;border-radius:50%}.score-circle.green:before{border:5px solid #00c853}.score-circle.orange:before{border:5px solid #ffa000}.score-circle.red:before{border:5px solid #d50000}.score-circle.green{color:#00c853}.score-circle.orange{color:#ffa000}.score-circle.red{color:#d50000}.score-label{font-size:12px;color:#000;text-align:center;margin-top:4px;font-weight:600}.keyfeatures-warp ul{list-style-type:none;margin:0}.keyfeatures-warp ul li{position:relative;padding-left:17px}.keyfeatures-warp ul li::before{position:absolute;top:50%;left:0;transform:translateY(-50%) rotateZ(45deg) rotateY(180deg);content:'';display:inline-block;width:6px;height:10px;border-left:3px solid #5733ff;border-bottom:3px solid #5733ff}.astra-sites-slider-wrap .slider-heading{margin-bottom:30px}.astra-sites-showoff-slider .slick-list{margin:0 -20px}.astra-sites-showoff-slider .slick-list .slick-track .slick-slide{margin:0 15px}.showoff-grid-item{display:flex;padding:0;flex-direction:column;align-items:flex-start;flex:1 0 0%;border:1px solid var(--gray-blue-200,#d5d9eb);border-radius:8px;overflow:hidden}.showoff-grid-item .screenshot-section{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch;border-radius:var(--border-radius-card-sm,4px);box-shadow:0 1px 1px 0 rgb(0 0 0 / .05);position:relative}.showoff-grid-item .screenshot-section:hover .showoff-hover-wrap{animation:showoff-visible 0.2s linear forwards}.showoff-grid-item .screenshot-section span.month-badge{display:flex;padding:2px 6px;align-items:center;position:absolute;background:var(--color-dark-button-primary-hover,#ffc300);font-size:12px;font-style:normal;font-weight:700;line-height:18px;left:0;bottom:0}.showoff-grid-item .screenshot-section span.month-badge span.year-text{font-size:9px;display:inline-block;margin-left:3px;margin-top:2px}.showoff-grid-item .screenshot-section span.award-badge{display:flex;padding:4px 10px;align-items:center;gap:4px;position:absolute;border-radius:0 var(--border-radius-card-sm,4px);background:var(--Theme,linear-gradient(107deg,#492cdd 0%,#ad38e2 100%));top:0;font-size:13px;font-style:normal;font-weight:500;color:#fff;line-height:20px;right:0}.showoff-grid-item .screenshot-section img.screenshot-image{max-height:100%;width:100%;height:250px;object-fit:cover;object-position:top}.showoff-grid-item .screenshot-section .showoff-hover-wrap{justify-content:center;align-items:center;gap:16px;display:flex;flex-direction:column;position:absolute;background:rgb(15 24 49 / .8);top:0;left:0;width:100%;height:100%;border-radius:4px;visibility:hidden;opacity:0}.showoff-grid-item .screenshot-section .showoff-hover-wrap .view-button{display:flex;padding:18px 24px;justify-content:center;align-items:center;gap:6px;text-decoration:none!important;background-color:#fff;padding:8px 15px;border-radius:10px;width:160px}.showoff-grid-item .screenshot-section .showoff-hover-wrap .view-button:hover{background-color:#f5f5f5}.showoff-grid-item .screenshot-section .showoff-hover-wrap .view-button span{color:#0C0A2E;text-align:center;font-size:16px;font-style:normal;font-weight:600;line-height:36px}.showoff-grid-item .screenshot-section .showoff-hover-wrap .view-button.website-button{background-color:#5733FF}.showoff-grid-item .screenshot-section .showoff-hover-wrap .view-button.website-button span{color:#fff}.showoff-grid-item .site-info-section{display:flex;padding:12px 14px;flex-direction:column;justify-content:flex-end;align-items:flex-end;gap:var(--spacing-8,8px);align-self:stretch;background-color:#fff}.showoff-grid-item .site-info-section .site-info-wrapper{display:flex;padding:var(--spacing-0,0);justify-content:space-between;align-items:flex-end;align-self:stretch}.showoff-grid-item .site-info-section .site-info-wrapper .site-detail{display:flex;padding:var(--spacing-0,0);flex-direction:column;align-items:flex-start;text-decoration:none;gap:var(--spacing-0,0)}.showoff-grid-item .site-info-section .site-info-wrapper .site-detail a{text-decoration:none}.showoff-grid-item .site-info-section .site-info-wrapper .site-detail .site-title{display:flex;height:24px;padding:var(--spacing-0,2px) var(--spacing-0,3.278px) var(--spacing-0,2px) var(--spacing-0,0);align-items:center;gap:var(--spacing-0,0);color:var(--color-light-text-primary,#383b42);font-family:inherit;font-size:16px;font-style:normal;font-weight:500;line-height:24px;flex-direction:column;justify-content:center}.showoff-grid-item .site-info-section .site-info-wrapper .site-detail .site-title:hover{color:var(--color-light-accent,#5c2ede);text-decoration-line:underline}.showoff-grid-item .site-info-section .site-info-wrapper .site-detail .author-info{display:flex;padding:var(--spacing-0,0);align-items:center;gap:8px;align-self:stretch;color:#7d8ba1}.showoff-grid-item .site-info-section .site-info-wrapper .site-detail .author-info .comp-info{color:var(--color-light-text-secondary,#7d8ba1);font-family:inherit;font-size:14px;font-style:normal;font-weight:400;line-height:21px}.showoff-grid-item .site-info-section .site-info-wrapper .site-category{display:flex;height:100%;align-items:center;padding:var(--spacing-0,0);gap:8px}.showoff-grid-item .site-info-section .site-info-wrapper .site-category span{display:flex;padding:2px 6px;align-items:center;border-radius:4px;border:1px solid var(--gray-blue-200,#d5d9eb);background:var(--gray-blue-50,#f8f9fc);font-size:12px;font-style:normal;font-weight:500;line-height:18px}.showoff-grid-item .site-info-section .site-info-wrapper .site-category img{border-radius:50%;object-fit:cover;height:1.2em!important;width:1.2em!important}.astra-sites-showoff-slider .slick-arrow{cursor:pointer;position:absolute;z-index:1;right:8px;top:-58px}.astra-sites-showoff-slider .slick-arrow::before{content:none}.astra-sites-showoff-slider .slick-arrow.slick-prev{left:unset;right:50px}.astra-sites-showoff-slider .slick-arrow.slick-disabled{opacity:.25}.astra-sites-showoff-slider .screenshot-section:hover .showoff-hover-wrap{animation:showoff-visible 0.2s linear forwards}@keyframes showoff-visible{0%{opacity:0;visibility:hidden}100%{opacity:1;visibility:visible}}