jetpack-recommendations-banner.min.css — Jetpack – WP Security, Backup, Speed, & Growth 12.4.2

jetpack / css / jetpack-recommendations-banner.min.css
jetpack / css Last commit date
jetpack-recommendations-banner.min.css
1 lines
@charset "UTF-8";:root{--font-title-large:36px;--font-title-small:24px;--font-body:16px;--font-label:12px;--jp-black:#000;--jp-black-80:#2c3338;--jp-white:#fff;--jp-white-off:#f9f9f6;--jp-gray:#dcdcde;--jp-gray-0:#f6f7f7;--jp-gray-5:#dcdcde;--jp-gray-10:#c3c4c7;--jp-gray-20:#a7aaad;--jp-gray-30:#8c8f94;--jp-gray-40:#787c82;--jp-gray-50:#646970;--jp-gray-60:#50575e;--jp-gray-70:#3c434a;--jp-gray-80:#2c3338;--jp-gray-90:#1d2327;--jp-gray-100:#101517;--jp-gray-off:#e2e2df;--jp-yellow-5:#f5e6b3;--jp-yellow-10:#f2cf75;--jp-orange-20:#faa754;--jp-blue-5:#ced9f2;--jp-red-0:#f7ebec;--jp-red-50:#d63638;--jp-red-60:#b32d2e;--jp-red-80:#8a2424;--jp-red:#d63639;--jp-pink:#c9356e;--jp-green-0:#f0f2eb;--jp-green-5:#d0e6b8;--jp-green-10:#9dd977;--jp-green-20:#64ca43;--jp-green-30:#2fb41f;--jp-green-40:#069e08;--jp-green-50:#008710;--jp-green-60:#007117;--jp-green-70:#005b18;--jp-green-80:#004515;--jp-green-90:#003010;--jp-green-100:#001c09;--jp-green:#069e08;--jp-green-primary:var(--jp-green-40);--jp-green-secondary:var(--jp-green-30);--jp-border-radius:4px;--jp-border-radius-rna:8px;--jp-menu-border-height:1px;--jp-underline-thickness:2px;--jp-modal-padding-large:32px;--jp-modal-padding:24px;--jp-modal-padding-small:16px;--jp-modal-radius:8px;--jp-button-padding:8px;--jp-button-radius:4px;--jp-gap:16px;--jp-highlight:#3858e9}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;margin:0;min-height:100%;padding:0}.jp-wrap{align-items:center;display:flex;flex-wrap:wrap;margin:0 auto;max-width:1128px}.jp-row{grid-gap:24px;display:grid;grid-template-columns:repeat(4,1fr);margin:0 16px;width:100%}@media (min-width:600px){.jp-row{grid-template-columns:repeat(8,1fr);margin:0 18px}}@media (min-width:960px){.jp-row{grid-template-columns:repeat(12,1fr);margin:0 24px;max-width:1128px}}.sm-col-span-1{grid-column-end:span 1}.sm-col-span-2{grid-column-end:span 2}.sm-col-span-3{grid-column-end:span 3}.sm-col-span-4{grid-column-end:span 4}@media (min-width:600px){.md-col-span-1{grid-column-end:span 1}.md-col-span-2{grid-column-end:span 2}.md-col-span-3{grid-column-end:span 3}.md-col-span-4{grid-column-end:span 4}.md-col-span-5{grid-column-end:span 5}.md-col-span-6{grid-column-end:span 6}.md-col-span-7{grid-column-end:span 7}.md-col-span-8{grid-column-end:span 8}}@media (min-width:960px){.lg-col-span-1{grid-column-end:span 1}.lg-col-span-2{grid-column-end:span 2}.lg-col-span-3{grid-column-end:span 3}.lg-col-span-4{grid-column-end:span 4}.lg-col-span-5{grid-column-end:span 5}.lg-col-span-6{grid-column-end:span 6}.lg-col-span-7{grid-column-end:span 7}.lg-col-span-8{grid-column-end:span 8}.lg-col-span-9{grid-column-end:span 9}.lg-col-span-10{grid-column-end:span 10}.lg-col-span-11{grid-column-end:span 11}.lg-col-span-12{grid-column-end:span 12}}@media (max-width:960px){.md-col-span-0{display:none}}@media (max-width:600px){.sm-col-span-0{display:none}}.jp-cut{border:2px solid var(--jp-green-primary);border-radius:var(--jp-border-radius);margin:32px 0;padding:16px 64px 16px 24px;position:relative;text-decoration:none}.jp-cut,.jp-cut span{display:block}.jp-cut span:last-of-type{font-weight:600}.jp-cut:focus span:last-of-type,.jp-cut:hover span:last-of-type{text-decoration:underline;text-decoration-thickness:var(--jp-underline-thickness)}.jp-cut:focus:after,.jp-cut:hover:after{transform:translateY(-50%) translateX(8px)}.jp-cut:after{color:var(--jp-green-primary);content:"→";font-size:24px;font-weight:600;position:absolute;right:24px;top:50%;transform:translateY(-50%);transition:transform .15s ease-out}.jp-banner-cta-button{background:#000;border:1px solid #000;border-radius:4px;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-block;font-size:.875rem;font-weight:600;margin:0;outline:0;overflow:hidden;padding:.625rem 1.5rem;text-decoration:none;text-overflow:ellipsis;transition:all .15s ease-in-out;vertical-align:top}@media (max-width:480px){.jp-banner-cta-button{text-align:center;width:100%}}.jp-banner-cta-button:active,.jp-banner-cta-button:hover{background:var(--jp-gray-80);border-color:var(--jp-gray-80);color:var(--jp-white)}.jp-banner-cta-button:focus{box-shadow:none;outline:solid 1px var(--jp-black);outline-offset:1px}.jp-recommendations-banner-main{background:#fff;border:1px solid #d5d5d5;box-shadow:0 2px 6px rgba(0,0,0,.03),0 1px 2px rgba(0,0,0,.03);display:grid;grid-template-columns:55% 45%;margin:3rem 1.25rem 1.25rem 0;min-height:480px;position:relative}@media (max-width:1152px){.jp-recommendations-banner-main{grid-template-columns:100% 0;margin:4rem 1.25rem 1.25rem 0}}@media (min-width:1688px){.jp-recommendations-banner-main{grid-template-columns:65% 35%}}@media (max-width:480px){.jp-recommendations-banner-main .notice-dismiss{padding:1rem}}.jp-recommendations-banner__content{display:flex;flex-direction:column;padding-right:3rem}@media (min-width:1688px){.jp-recommendations-banner__content{max-width:600px}}@media (max-width:660px){.jp-recommendations-banner__content{padding-right:2rem}}@media (max-width:480px){.jp-recommendations-banner__content{padding-right:1rem}}.jp-recommendations-banner__logo{margin:2.5rem 2.5rem 0 2rem}@media (max-width:480px){.jp-recommendations-banner__logo{margin:1rem 1rem 2rem}}.jp-recommendations-banner__question{color:var(--jp-gray-80);font-size:1.5rem;line-height:1.4;margin:2rem 2rem 0}@media (max-width:480px){.jp-recommendations-banner__question{margin:0 1rem 2rem}}.jp-recommendations-banner__description{color:var(--jp-gray-100);font-size:1rem;margin:1.5rem 0 2rem 2rem}@media (min-width:1152px){.jp-recommendations-banner__description{max-width:600px}}@media (max-width:660px){.jp-recommendations-banner__description{margin:2rem 2rem 1.5rem}}@media (max-width:480px){.jp-recommendations-banner__description{margin:0 1rem 1rem}}.jp-recommendations-banner__answer{margin:0 0 2rem 2rem;max-width:600px;text-align:center}@media (max-width:480px){.jp-recommendations-banner__answer{margin:0 0 1rem 1rem}}.jp-recommendations-banner__checkboxes{display:flex;flex-direction:column;text-align:left}.jp-recommendations-answer__checkbox-label{align-items:center;background:#fff;border:1px solid #c3c4c7;border-radius:2px;box-sizing:border-box;cursor:pointer;display:flex;margin-bottom:1rem}.jp-recommendations-answer__checkbox-label.checked{background:#f6f7f7}.jp-recommendations-answer__checkbox-label input[type=checkbox]{border:1px solid #000;border-radius:2px;box-shadow:0 0 0 1px rgba(0,0,0,.03);height:20px;width:20px}.jp-recommendations-answer__checkbox-label.checked input[type=checkbox]:before{background-color:#000;content:url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M14.7791%204.00004L7.36198%2013.9753L3.06108%2010.7773%22%20stroke%3D%22white%22%2F%3E%3C%2Fsvg%3E");height:18px;margin:0;width:18px}.jp-recommendations-answer__checkbox-label input{margin:1rem .5rem 1rem 1rem}.jp-recommendations-answer__title{margin-right:.5rem;padding:1rem 0;text-align:left}.jp-recommendations-banner__form{margin-bottom:2rem}.jp-recommendations-banner__continue-description{color:#646970;margin:.875rem auto 0;max-width:360px}@media (max-width:480px){.jp-recommendations-banner__continue-description{display:none}}.jp-recommendations-banner__illustration-container{background:radial-gradient(circle at 60%,rgba(6,158,8,.15) 0,hsla(0,0%,100%,0) 75%),radial-gradient(circle at 30% 80%,rgba(206,217,242,.5) 5%,hsla(0,0%,100%,0) 25%),radial-gradient(circle at 50% 15%,hsla(46,77%,83%,.5) 0,hsla(0,0%,100%,0) 35%);position:relative;width:100%}.jp-recommendations-banner__illustration-container img{position:absolute;right:0;top:15px}@media (min-width:1152px){.jp-recommendations-banner__illustration-container{overflow:hidden}}@media (max-width:1688px){.jp-recommendations-banner__illustration-container img{bottom:-24px}}@media (max-width:1600px){.jp-recommendations-banner__illustration-container img{bottom:0}}.jp-recommendations-banner__illustration-foreground{max-width:495px;width:100%}.jp-recommendations-banner__notice-dismiss{align-items:center;background:none;border:none;color:#646970;cursor:pointer;display:flex;font-size:1rem;line-height:1;margin:1.5rem 1rem 1rem;padding:1rem;position:absolute;right:0;top:0;z-index:1}@media (max-width:480px){.jp-recommendations-banner__notice-dismiss{margin-top:0}}.jp-recommendations-banner__notice-dismiss:active,.jp-recommendations-banner__notice-dismiss:hover{color:#101517}.jp-recommendations-banner__notice-dismiss:active .jp-recommendations-banner__svg-dismiss,.jp-recommendations-banner__notice-dismiss:hover .jp-recommendations-banner__svg-dismiss{fill:currentColor}.jp-recommendations-banner__notice-dismiss:focus{outline-color:#101517}.jp-recommendations-banner__notice-dismiss .jp-recommendations-banner__svg-dismiss{fill:currentColor;margin-inline-end:.25rem}