JezK

Edit File: welcome.css

.badge{align-items:center;border-radius:3px;box-sizing:border-box;display:inline-flex;font-size:12px;font-weight:700;gap:5px;justify-content:center;line-height:1;min-block-size:24px;min-inline-size:43px;padding-block:0;padding-inline:3px;text-align:center;text-transform:uppercase}.row-actions .badge{color:#8c8c8c;font-weight:500;padding-inline:0;text-transform:capitalize}.badge .dashicons{block-size:18px;font-size:18px;inline-size:18px}.network-shared{color:#2271b1;cursor:help;font-size:22px;inline-size:100%}.small-badge{block-size:auto;font-size:smaller;inline-size:auto;padding-block:0;padding-inline:.5em}.wp-core-ui .button.nav-tab-button{align-items:center;align-self:center;background:#f6f7f7;border-color:#f6f7f7;color:#a7aaad;display:flex;float:inline-end;gap:2px;justify-content:center;margin-inline-start:.5em}.badge.php-badge,.nav-tab-inactive:hover .badge.php-badge,:hover>.inverted-badges .php-badge{background-color:#1d97c6;color:#fff}.badge.php-badge:hover{background-color:#1a86b0;color:#fff}.badge.html-badge,.nav-tab-inactive:hover .badge.html-badge,:hover>.inverted-badges .html-badge{background-color:#ef6a36;color:#fff}.badge.html-badge:hover{background-color:#ed581e;color:#fff}.badge.css-badge,.nav-tab-inactive:hover .badge.css-badge,:hover>.inverted-badges .css-badge{background-color:#9b59b6;color:#fff}.badge.css-badge:hover{background-color:#8f4bab;color:#fff}.badge.js-badge,.nav-tab-inactive:hover .badge.js-badge,:hover>.inverted-badges .js-badge{background-color:#ffeb3b;color:#1c1f20}.badge.js-badge:hover{background-color:#ffe822;color:#1c1f20}.badge.cond-badge,.nav-tab-inactive:hover .badge.cond-badge,:hover>.inverted-badges .cond-badge{background-color:#2eae95;color:#fff}.badge.cond-badge:hover{background-color:#299a84;color:#fff}.badge.core-badge,.nav-tab-inactive:hover .badge.core-badge,:hover>.inverted-badges .core-badge{background-color:#61c5cb;color:#fff}.badge.core-badge:hover{background-color:#4ebec5;color:#fff}.badge.pro-badge,.nav-tab-inactive:hover .badge.pro-badge,:hover>.inverted-badges .pro-badge{background-color:#f7e8e3;color:#df9279}.badge.pro-badge:hover{background-color:#f1d8cf;color:#df9279}.badge.cloud-badge,.nav-tab-inactive:hover .badge.cloud-badge,:hover>.inverted-badges .cloud-badge{background-color:#00bcd4;color:#fff}.badge.cloud-badge:hover{background-color:#00a5bb;color:#fff}.badge.bundles-badge,.nav-tab-inactive:hover .badge.bundles-badge,:hover>.inverted-badges .bundles-badge{background-color:#50575e;color:#fff}.badge.bundles-badge:hover{background-color:#444a50;color:#fff}.badge.cloud_search-badge,.nav-tab-inactive:hover .badge.cloud_search-badge,:hover>.inverted-badges .cloud_search-badge{background-color:#ff9800;color:#fff}.badge.cloud_search-badge:hover{background-color:#e68900;color:#fff}.badge.private-badge,.nav-tab-inactive:hover .badge.private-badge,:hover>.inverted-badges .private-badge{background-color:#f7e6be;color:#ca961b}.badge.private-badge:hover{background-color:#f4dda7;color:#ca961b}.badge.public-badge,.nav-tab-inactive:hover .badge.public-badge,:hover>.inverted-badges .public-badge{background-color:#dbebf7;color:#2271b1}.badge.public-badge:hover{background-color:#c6dff2;color:#2271b1}.badge.success-badge,.nav-tab-inactive:hover .badge.success-badge,:hover>.inverted-badges .success-badge{background-color:#d3e8d1;color:#447340}.badge.success-badge:hover{background-color:#c3e0c0;color:#447340}.badge.failure-badge,.nav-tab-inactive:hover .badge.failure-badge,:hover>.inverted-badges .failure-badge{background-color:#fad7c1;color:#a24b16}.badge.failure-badge:hover{background-color:#f8c8a9;color:#a24b16}.badge.info-badge,.nav-tab-inactive:hover .badge.info-badge,:hover>.inverted-badges .info-badge{background-color:#d2e6f4;color:#2b71a3}.badge.info-badge:hover{background-color:#bedbef;color:#2b71a3}.badge.neutral-badge,.nav-tab-inactive:hover .badge.neutral-badge,:hover>.inverted-badges .neutral-badge{background-color:#e2e5e5;color:#6c7e7e}.badge.neutral-badge:hover{background-color:#d5d9d9;color:#6c7e7e}.badge.special-badge,.nav-tab-inactive:hover .badge.special-badge,:hover>.inverted-badges .special-badge{background-color:#dfc5ef;color:#6e249c}.badge.special-badge:hover{background-color:#d4b1e9;color:#6e249c}.inverted-badges .badge,.nav-tab-inactive .badge{background-color:#a7aaad;border-color:#fff!important;color:#fff}.inverted-badges .badge .dashicons,.nav-tab-inactive .badge .dashicons{color:#fff}.nav-tab-inactive .badge.pro-badge{background-color:#f7e8e3;color:#df9279}.nav-tab-inactive:hover .dashicons-external,.nav-tab-inactive:hover.button{color:#3c434a}.nav-tab-inactive:hover .badge.pro-badge{background-color:#df9279;color:#f7e8e3}.nav-tab-inactive{background:transparent}.nav-tab-button .dashicons-external{color:#666;font-size:15px}.csp-welcome-wrap{padding:25px}.csp-welcome-wrap h1,.csp-welcome-wrap h2,.csp-welcome-wrap h3{font-weight:700;margin-block:10px}.csp-welcome-wrap h1 .dashicons,.csp-welcome-wrap h2 .dashicons,.csp-welcome-wrap h3 .dashicons{font-size:90%;inline-size:auto;line-height:inherit}.csp-welcome-wrap h1{font-size:1.6rem}.csp-welcome-wrap h2{font-size:1.4rem}.csp-welcome-wrap .dashicons-external{color:#666;float:inline-end}.csp-welcome-header{align-items:center;display:flex;flex-flow:row wrap;justify-content:space-between}.csp-welcome-header header{align-items:center;display:flex;flex-direction:row;gap:10px}.csp-welcome-header header h1{font-size:1.4rem;font-weight:700;line-height:1;margin:0}.csp-welcome-header header h1 span{-webkit-text-decoration:underline #03c7d2 wavy 3px;text-decoration:underline #03c7d2 wavy 3px;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;text-transform:capitalize;text-underline-offset:11px}.csp-welcome-header nav{-moz-column-gap:15px;column-gap:15px}.csp-welcome-header nav ul{display:flex;flex-flow:row wrap;justify-content:space-evenly;margin:0}.csp-welcome-header nav li{margin-block-end:0}.csp-welcome-header nav li a{align-items:center;border-radius:3px;border-style:solid;border-width:1px;color:#fff;cursor:pointer;display:flex;font-weight:400;gap:3px;margin-block:10px;padding:8px;text-decoration:none;transition:all .1s ease-in-out}.csp-welcome-header nav li a:hover{background:transparent}.csp-welcome-header nav li a .dashicons,.csp-welcome-header nav li a svg{margin-block-start:-1px;margin-inline-start:3px;text-decoration:none}.csp-welcome-header nav li a svg{fill:#fff;block-size:20px;font-size:20px;inline-size:20px;vertical-align:top}.csp-welcome-header nav li a:hover svg{fill:currentcolor}.csp-welcome-header nav .csp-link-pro{background:#d46f4d;border-color:#d46f4d}.csp-welcome-header nav .csp-link-pro:hover{color:#d46f4d}.csp-welcome-header nav .csp-link-cloud{background:#08c5d1;border-color:#08c5d1}.csp-welcome-header nav .csp-link-cloud:hover{color:#08c5d1}.csp-welcome-header nav .csp-link-resources{background:#424242;border-color:#424242}.csp-welcome-header nav .csp-link-resources:hover{color:#424242}.csp-welcome-header nav .csp-link-discord{background:#5865f2;border-color:#5865f2}.csp-welcome-header nav .csp-link-discord:hover{color:#5865f2}.csp-welcome-header nav .csp-link-facebook{background:#3b5998;border-color:#3b5998}.csp-welcome-header nav .csp-link-facebook:hover{color:#3b5998}.csp-cards{display:grid;gap:40px 15px;grid-auto-rows:1fr;grid-template-columns:repeat(4,1fr)}@media(width <= 1060px){.csp-cards{grid-template-columns:1fr!important}}.csp-card{background:#fff;border:1px solid #9e9e9e;border-radius:10px;display:flex;flex-flow:column}a.csp-card{text-decoration:none}a.csp-card:hover{background:#effeff;box-shadow:0 1px 1px hsla(0,0%,100%,.5);transition:background-color .5s}a.csp-card:hover .dashicons-external{color:#000}.csp-section-changes{border:1px solid #9e9e9e;border-inline-end:0;border-inline-start:0;display:flex;flex-direction:column;margin-block-start:30px;padding-block:40px 50px;padding-inline:0;row-gap:20px}.csp-section-changes .csp-cards{gap:20px;grid-template-columns:2fr 1fr}.csp-section-changes .csp-card{box-shadow:0 1px 1px rgba(0,0,0,.05);padding:20px}.csp-section-changes .csp-card h2{color:#03c7d2}.csp-section-changes .csp-changelog-wrapper{overflow-y:scroll}.csp-section-changes .csp-section-changelog{block-size:400px;color:#333;font-size:.9rem;line-height:1.5}.csp-section-changes .csp-section-changelog h3{color:#666;float:inline-end}.csp-section-changes .csp-section-changelog h4{margin-block:30px 10px;margin-inline:0}.csp-section-changes .csp-section-changelog ul{margin-block-start:5px}.csp-section-changes .csp-section-changelog li{align-items:baseline;display:grid;gap:7px;grid-template-columns:40px 1fr;grid-template-rows:1fr}.csp-section-changes .csp-section-changelog li .badge{text-align:center}.csp-section-changes .csp-section-changelog>article:after{border-block-end:1px solid #666;content:" ";display:block;inline-size:50%;margin-block:3em 0;margin-inline:auto}.csp-section-changes .csp-section-changelog>article:last-child{padding-block-end:1px}.csp-section-changes .csp-section-changelog>article:last-child:after{border:0}.csp-section-changes figure{background:#646970;block-size:auto;border:1px solid gray;border-radius:.5rem;margin-block:1em 0;margin-inline:0;overflow:hidden;position:relative}.csp-section-changes figure img{block-size:100%;inline-size:100%;-o-object-fit:cover;object-fit:cover;overflow:hidden}.csp-section-changes .dashicons-lightbulb{color:#f1c40f}.csp-section-changes .dashicons-chart-line{color:#85144b}.csp-section-changes .dashicons-buddicons-replies{color:#3d9970}.csp-section-links{padding-block:40px 50px;padding-inline:0}.csp-section-links .csp-card{color:#000;inline-size:85%;justify-content:flex-start;margin-block-start:20px;overflow:hidden;padding:1rem;position:relative;row-gap:10px}.csp-section-links .csp-card header{flex:1}.csp-section-links .csp-card figure{margin-block:1em 0;margin-inline:0}.csp-section-links .csp-card figure img{block-size:100%;border-radius:5px;inline-size:100%;max-block-size:300px;-o-object-fit:cover;object-fit:cover;overflow:hidden}.csp-section-links .csp-card .csp-card-item-category{background:#d46f4d;border-radius:50px;color:#fff;display:block;font-size:.9rem;inline-size:-moz-fit-content;inline-size:fit-content;letter-spacing:1px;margin-block:0;padding-block:5px;padding-inline:15px;text-transform:uppercase}.csp-section-links .csp-card h3{color:#03c7d2;font-size:1.7rem;line-height:normal}.csp-section-links .csp-card .csp-card-item-description{color:#51525c;font-size:1rem;font-weight:300}.csp-section-links .csp-card footer{align-items:center;display:flex;flex-direction:row;justify-content:space-between}.csp-section-links.csp-section-partners{border-block-start:1px solid #9e9e9e}.csp-section-links.csp-section-partners header{align-items:center;display:flex;flex-direction:row-reverse;justify-content:space-between}.csp-section-links.csp-section-articles h2{font-size:1.1rem}.csp-section-links.csp-section-articles figure img{aspect-ratio:1}.csp-loading-spinner{animation:loading-rotate 1s linear infinite;block-size:0;border:6px solid #e7c0b3;border-inline-end-color:#d46f4d;border-radius:22px;inline-size:0;inset-block-start:45%;inset-inline-start:47%;padding:15px;position:absolute}@keyframes loading-rotate{to{transform:rotate(calc(1turn*var(--cs-direction-multiplier)))}}