.ht-ctc-chat{--side:right}.ht-ctc-opacity-hide{opacity:0}.ht-ctc-opacity-show{opacity:1}.ht-ctc-display-hide{display:none}.ht-ctc-display-show{display:block}.ht-ctc-display-unset{display:unset!important}@keyframes ctcBounce{0%{opacity:0;transform:scale(0)}60%{opacity:1;transform:scale(1.3)}to{opacity:1;transform:scale(1)}}@keyframes ctc_fadeIn{0%{opacity:0}to{opacity:1}}.ht-ctc-bounce{animation:ctcBounce .45s ease-out forwards}.ht-ctc-fade-in{animation:ctc_fadeIn .25s ease}.ht_ctc_chat_greetings_box :not(ul):not(ol):not(.ht_ctc_default):not(.ht_ctc_defaults *){box-sizing:border-box;margin:0;padding:0}.ht_ctc_chat_greetings_box ol,.ht_ctc_chat_greetings_box ul{margin-bottom:0;margin-top:0}.ht_ctc_chat_greetings_box_layout{clear:both}.ht_ctc_greetings{pointer-events:none}.ht_ctc_chat_greetings_box{pointer-events:auto}.ht_ctc_greetings_box{opacity:0;transform:scale(0) translate(20px,20px);transform-origin:bottom var(--side,right);transition:all .4s cubic-bezier(.19,1,.22,1)}.ht_ctc_greetings_box.ht_ctc_greetings_box_open{opacity:1;pointer-events:auto;transform:scale(1) translate(0)}.ht_ctc_modal_backdrop{animation:ctc_fadeIn .2s ease;backdrop-filter:blur(1px);background:rgb(0 0 0 / .3);height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:9}.ht_ctc_notification{animation:ctcBounce .45s ease-out forwards}@keyframes ht_ctc_cta_stick{0%{opacity:0;transform:translateX(6px) scaleX(.6)}to{opacity:1;transform:translateX(0) scaleX(1)}}.ht-ctc-cta-stick{animation-duration:.12s;animation-fill-mode:both;animation-name:ht_ctc_cta_stick;animation-timing-function:cubic-bezier(.25,.8,.25,1);transform-origin:var(--side,right) center}.ctc_g_content{max-height:calc(80vh - 140px);overflow-y:auto}.ctc_g_bottom,.ctc_g_content,.ctc_g_sentbutton{margin-top:-.9px!important}.greetings_header_image{display:inline-block;position:relative}.greetings_header_image img{object-fit:cover}.g_header_badge_online{border-radius:50%;bottom:0;height:12px;position:absolute;right:0;width:12px;z-index:1}@media only screen and (min-width:900px){.ctc_g_content::-webkit-scrollbar{width:2.8px}.ctc_g_content::-webkit-scrollbar-thumb{background:#a5a5a5}}@media only screen and (max-width:420px){.ctc_side_positions .ctc_m_p_left{left:0!important;right:unset!important}.ctc_side_positions .ctc_m_p_right{left:unset!important;right:0!important}.ctc_side_positions .ctc_m_p_left .ctc_greetings_close_btn{float:left!important}.ctc_side_positions .ctc_m_p_right .ctc_greetings_close_btn{float:right!important}.ctc_side_positions .ctc_m_cta_order_0{order:0!important}.ctc_side_positions .ctc_m_cta_order_1{order:1!important}.ht_ctc_greetings.ctc_m_full_width{bottom:0!important;position:fixed!important;right:0!important}.ht_ctc_greetings.ctc_m_full_width .ht_ctc_chat_greetings_box{margin:7px!important;min-width:80vw!important;position:unset!important;width:calc(100vw - 14px)!important}.ctc_m_full_width .ctc_g_message_box_width{max-width:85%!important}.ht_ctc_animation:has(.ht_ctc_greetings){animation-fill-mode:none!important}}.wpcf7 .screen-reader-response{position:absolute;overflow:hidden;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;width:1px;margin:-1px;padding:0;border:0;word-wrap:normal!important;word-break:normal!important}.wpcf7 .hidden-fields-container{display:none}.wpcf7 form .wpcf7-response-output{margin:2em .5em 1em;padding:.2em 1em;border:2px solid #00a0d2}.wpcf7 form.init .wpcf7-response-output,.wpcf7 form.resetting .wpcf7-response-output,.wpcf7 form.submitting .wpcf7-response-output{display:none}.wpcf7 form.sent .wpcf7-response-output{border-color:#46b450}.wpcf7 form.failed .wpcf7-response-output,.wpcf7 form.aborted .wpcf7-response-output{border-color:#dc3232}.wpcf7 form.spam .wpcf7-response-output{border-color:#f56e28}.wpcf7 form.invalid .wpcf7-response-output,.wpcf7 form.unaccepted .wpcf7-response-output,.wpcf7 form.payment-required .wpcf7-response-output{border-color:#ffb900}.wpcf7-form-control-wrap{position:relative}.wpcf7-not-valid-tip{color:#dc3232;font-size:1em;font-weight:400;display:block}.use-floating-validation-tip .wpcf7-not-valid-tip{position:relative;top:-2ex;left:1em;z-index:100;border:1px solid #dc3232;background:#fff;padding:.2em .8em;width:24em}.wpcf7-list-item{display:inline-block;margin:0 0 0 1em}.wpcf7-list-item-label::before,.wpcf7-list-item-label::after{content:" "}.wpcf7-spinner{visibility:hidden;display:inline-block;background-color:#23282d;opacity:.75;width:24px;height:24px;border:none;border-radius:100%;padding:0;margin:0 24px;position:relative}form.submitting .wpcf7-spinner{visibility:visible}.wpcf7-spinner::before{content:'';position:absolute;background-color:#fbfbfc;top:4px;left:4px;width:6px;height:6px;border:none;border-radius:100%;transform-origin:8px 8px;animation-name:spin;animation-duration:1000ms;animation-timing-function:linear;animation-iteration-count:infinite}@media (prefers-reduced-motion:reduce){.wpcf7-spinner::before{animation-name:blink;animation-duration:2000ms}}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes blink{from{opacity:0}50%{opacity:1}to{opacity:0}}.wpcf7 [inert]{opacity:.5}.wpcf7 input[type="file"]{cursor:pointer}.wpcf7 input[type="file"]:disabled{cursor:default}.wpcf7 .wpcf7-submit:disabled{cursor:not-allowed}.wpcf7 input[type="url"],.wpcf7 input[type="email"],.wpcf7 input[type="tel"]{direction:ltr}.wpcf7-reflection>output{display:list-item;list-style:none}.wpcf7-reflection>output[hidden]{display:none}@font-face{font-display:swap;font-family:'montserrat';src:url(https://marinthepinkmultiverse.com/wp-content/bcf-fonts/Montserrat/montserrat-100-normal0.woff2) format('woff2');font-weight:100;font-style:normal0}@font-face{font-display:swap;font-family:'montserrat';src:url(https://marinthepinkmultiverse.com/wp-content/bcf-fonts/Montserrat/montserrat-100-normal1.woff2) format('woff2');font-weight:100;font-style:normal1}@font-face{font-display:swap;font-family:'montserrat';src:url(https://marinthepinkmultiverse.com/wp-content/bcf-fonts/Montserrat/montserrat-100-normal2.woff2) format('woff2');font-weight:100;font-style:normal2}@font-face{font-display:swap;font-family:'montserrat';src:url(https://marinthepinkmultiverse.com/wp-content/bcf-fonts/Montserrat/montserrat-100-normal3.woff2) format('woff2');font-weight:100;font-style:normal3}@font-face{font-display:swap;font-family:'montserrat';src:url(https://marinthepinkmultiverse.com/wp-content/bcf-fonts/Montserrat/montserrat-100-normal4.woff2) format('woff2');font-weight:100;font-style:normal4}@font-face{font-display:swap;font-family:'montserrat';src:url(https://marinthepinkmultiverse.com/wp-content/bcf-fonts/Montserrat/montserrat-200-normal0.woff2) format('woff2');font-weight:200;font-style:normal0}@font-face{font-display:swap;font-family:'montserrat';src:url(https://marinthepinkmultiverse.com/wp-content/bcf-fonts/Montserrat/montserrat-200-normal1.woff2) format('woff2');font-weight:200;font-style:normal1}@font-face{font-display:swap;font-family:'montserrat';src:url(https://marinthepinkmultiverse.com/wp-content/bcf-fonts/Montserrat/montserrat-200-normal2.woff2) format('woff2');font-weight:200;font-style:normal2}@font-face{font-display:swap;font-family:'montserrat';src:url(https://marinthepinkmultiverse.com/wp-content/bcf-fonts/Montserrat/montserrat-200-normal3.woff2) format('woff2');font-weight:200;font-style:normal3}@font-face{font-display:swap;font-family:'montserrat';src:url(https://marinthepinkmultiverse.com/wp-content/bcf-fonts/Montserrat/montserrat-200-normal4.woff2) format('woff2');font-weight:200;font-style:normal4}@font-face{font-display:swap;font-family:'montserrat';src:url(https://marinthepinkmultiverse.com/wp-content/bcf-fonts/Montserrat/montserrat-300-normal0.woff2) format('woff2');font-weight:300;font-style:normal0}@font-face{font-display:swap;font-family:'montserrat';src:url(https://marinthepinkmultiverse.com/wp-content/bcf-fonts/Montserrat/montserrat-300-normal1.woff2) format('woff2');font-weight:300;font-style:normal1}@font-face{font-display:swap;font-family:'montserrat';src:url(https://marinthepinkmultiverse.com/wp-content/bcf-fonts/Montserrat/montserrat-300-normal2.woff2) format('woff2');font-weight:300;font-style:normal2}@font-face{font-display:swap;font-family:'montserrat';src:url(https://marinthepinkmultiverse.com/wp-content/bcf-fonts/Montserrat/montserrat-300-normal3.woff2) format('woff2');font-weight:300;font-style:normal3}@font-face{font-display:swap;font-family:'montserrat';src:url(https://marinthepinkmultiverse.com/wp-content/bcf-fonts/Montserrat/montserrat-300-normal4.woff2) format('woff2');font-weight:300;font-style:normal4}@font-face{font-display:swap;font-family:'montserrat';src:url(https://marinthepinkmultiverse.com/wp-content/bcf-fonts/Montserrat/montserrat-300italic-italic0.woff2) format('woff2');font-weight:300italic;font-style:italic0}@font-face{font-display:swap;font-family:'montserrat';src:url(https://marinthepinkmultiverse.com/wp-content/bcf-fonts/Montserrat/montserrat-300italic-italic1.woff2) format('woff2');font-weight:300italic;font-style:italic1}@font-face{font-display:swap;font-family:'montserrat';src:url(https://marinthepinkmultiverse.com/wp-content/bcf-fonts/Montserrat/montserrat-300italic-italic2.woff2) format('woff2');font-weight:300italic;font-style:italic2}@font-face{font-display:swap;font-family:'montserrat';src:url(https://marinthepinkmultiverse.com/wp-content/bcf-fonts/Montserrat/montserrat-300italic-italic3.woff2) format('woff2');font-weight:300italic;font-style:italic3}@font-face{font-display:swap;font-family:'montserrat';src:url(https://marinthepinkmultiverse.com/wp-content/bcf-fonts/Montserrat/montserrat-300italic-italic4.woff2) format('woff2');font-weight:300italic;font-style:italic4}@font-face{font-display:swap;font-family:'montserrat';src:url(https://marinthepinkmultiverse.com/wp-content/bcf-fonts/Montserrat/montserrat-400-normal0.woff2) format('woff2');font-weight:400;font-style:normal0}@font-face{font-display:swap;font-family:'montserrat';src:url(https://marinthepinkmultiverse.com/wp-content/bcf-fonts/Montserrat/montserrat-400-normal1.woff2) format('woff2');font-weight:400;font-style:normal1}@font-face{font-display:swap;font-family:'montserrat';src:url(https://marinthepinkmultiverse.com/wp-content/bcf-fonts/Montserrat/montserrat-400-normal2.woff2) format('woff2');font-weight:400;font-style:normal2}@font-face{font-display:swap;font-family:'montserrat';src:url(https://marinthepinkmultiverse.com/wp-content/bcf-fonts/Montserrat/montserrat-400-normal3.woff2) format('woff2');font-weight:400;font-style:normal3}@font-face{font-display:swap;font-family:'montserrat';src:url(https://marinthepinkmultiverse.com/wp-content/bcf-fonts/Montserrat/montserrat-400-normal4.woff2) format('woff2');font-weight:400;font-style:normal4}@font-face{font-display:swap;font-family:'montserrat';src:url(https://marinthepinkmultiverse.com/wp-content/bcf-fonts/Montserrat/montserrat-500-normal0.woff2) format('woff2');font-weight:500;font-style:normal0}@font-face{font-display:swap;font-family:'montserrat';src:url(https://marinthepinkmultiverse.com/wp-content/bcf-fonts/Montserrat/montserrat-500-normal1.woff2) format('woff2');font-weight:500;font-style:normal1}@font-face{font-display:swap;font-family:'montserrat';src:url(https://marinthepinkmultiverse.com/wp-content/bcf-fonts/Montserrat/montserrat-500-normal2.woff2) format('woff2');font-weight:500;font-style:normal2}@font-face{font-display:swap;font-family:'montserrat';src:url(https://marinthepinkmultiverse.com/wp-content/bcf-fonts/Montserrat/montserrat-500-normal3.woff2) format('woff2');font-weight:500;font-style:normal3}@font-face{font-display:swap;font-family:'montserrat';src:url(https://marinthepinkmultiverse.com/wp-content/bcf-fonts/Montserrat/montserrat-500-normal4.woff2) format('woff2');font-weight:500;font-style:normal4}@font-face{font-display:swap;font-family:'montserrat';src:url(https://marinthepinkmultiverse.com/wp-content/bcf-fonts/Montserrat/montserrat-500italic-italic0.woff2) format('woff2');font-weight:500italic;font-style:italic0}@font-face{font-display:swap;font-family:'montserrat';src:url(https://marinthepinkmultiverse.com/wp-content/bcf-fonts/Montserrat/montserrat-500italic-italic1.woff2) format('woff2');font-weight:500italic;font-style:italic1}@font-face{font-display:swap;font-family:'montserrat';src:url(https://marinthepinkmultiverse.com/wp-content/bcf-fonts/Montserrat/montserrat-500italic-italic2.woff2) format('woff2');font-weight:500italic;font-style:italic2}@font-face{font-display:swap;font-family:'montserrat';src:url(https://marinthepinkmultiverse.com/wp-content/bcf-fonts/Montserrat/montserrat-500italic-italic3.woff2) format('woff2');font-weight:500italic;font-style:italic3}@font-face{font-display:swap;font-family:'montserrat';src:url(https://marinthepinkmultiverse.com/wp-content/bcf-fonts/Montserrat/montserrat-500italic-italic4.woff2) format('woff2');font-weight:500italic;font-style:italic4}@font-face{font-display:swap;font-family:'montserrat';src:url(https://marinthepinkmultiverse.com/wp-content/bcf-fonts/Montserrat/montserrat-600-normal0.woff2) format('woff2');font-weight:600;font-style:normal0}@font-face{font-display:swap;font-family:'montserrat';src:url(https://marinthepinkmultiverse.com/wp-content/bcf-fonts/Montserrat/montserrat-600-normal1.woff2) format('woff2');font-weight:600;font-style:normal1}@font-face{font-display:swap;font-family:'montserrat';src:url(https://marinthepinkmultiverse.com/wp-content/bcf-fonts/Montserrat/montserrat-600-normal2.woff2) format('woff2');font-weight:600;font-style:normal2}@font-face{font-display:swap;font-family:'montserrat';src:url(https://marinthepinkmultiverse.com/wp-content/bcf-fonts/Montserrat/montserrat-600-normal3.woff2) format('woff2');font-weight:600;font-style:normal3}@font-face{font-display:swap;font-family:'montserrat';src:url(https://marinthepinkmultiverse.com/wp-content/bcf-fonts/Montserrat/montserrat-600-normal4.woff2) format('woff2');font-weight:600;font-style:normal4}@font-face{font-display:swap;font-family:'montserrat';src:url(https://marinthepinkmultiverse.com/wp-content/bcf-fonts/Montserrat/montserrat-700-normal0.woff2) format('woff2');font-weight:700;font-style:normal0}@font-face{font-display:swap;font-family:'montserrat';src:url(https://marinthepinkmultiverse.com/wp-content/bcf-fonts/Montserrat/montserrat-700-normal1.woff2) format('woff2');font-weight:700;font-style:normal1}@font-face{font-display:swap;font-family:'montserrat';src:url(https://marinthepinkmultiverse.com/wp-content/bcf-fonts/Montserrat/montserrat-700-normal2.woff2) format('woff2');font-weight:700;font-style:normal2}@font-face{font-display:swap;font-family:'montserrat';src:url(https://marinthepinkmultiverse.com/wp-content/bcf-fonts/Montserrat/montserrat-700-normal3.woff2) format('woff2');font-weight:700;font-style:normal3}@font-face{font-display:swap;font-family:'montserrat';src:url(https://marinthepinkmultiverse.com/wp-content/bcf-fonts/Montserrat/montserrat-700-normal4.woff2) format('woff2');font-weight:700;font-style:normal4}@font-face{font-display:swap;font-family:'montserrat';src:url(https://marinthepinkmultiverse.com/wp-content/bcf-fonts/Montserrat/montserrat-700italic-italic0.woff2) format('woff2');font-weight:700italic;font-style:italic0}@font-face{font-display:swap;font-family:'montserrat';src:url(https://marinthepinkmultiverse.com/wp-content/bcf-fonts/Montserrat/montserrat-700italic-italic1.woff2) format('woff2');font-weight:700italic;font-style:italic1}@font-face{font-display:swap;font-family:'montserrat';src:url(https://marinthepinkmultiverse.com/wp-content/bcf-fonts/Montserrat/montserrat-700italic-italic2.woff2) format('woff2');font-weight:700italic;font-style:italic2}@font-face{font-display:swap;font-family:'montserrat';src:url(https://marinthepinkmultiverse.com/wp-content/bcf-fonts/Montserrat/montserrat-700italic-italic3.woff2) format('woff2');font-weight:700italic;font-style:italic3}@font-face{font-display:swap;font-family:'montserrat';src:url(https://marinthepinkmultiverse.com/wp-content/bcf-fonts/Montserrat/montserrat-700italic-italic4.woff2) format('woff2');font-weight:700italic;font-style:italic4}@font-face{font-display:swap;font-family:'montserrat';src:url(https://marinthepinkmultiverse.com/wp-content/bcf-fonts/Montserrat/montserrat-800-normal0.woff2) format('woff2');font-weight:800;font-style:normal0}@font-face{font-display:swap;font-family:'montserrat';src:url(https://marinthepinkmultiverse.com/wp-content/bcf-fonts/Montserrat/montserrat-800-normal1.woff2) format('woff2');font-weight:800;font-style:normal1}@font-face{font-display:swap;font-family:'montserrat';src:url(https://marinthepinkmultiverse.com/wp-content/bcf-fonts/Montserrat/montserrat-800-normal2.woff2) format('woff2');font-weight:800;font-style:normal2}@font-face{font-display:swap;font-family:'montserrat';src:url(https://marinthepinkmultiverse.com/wp-content/bcf-fonts/Montserrat/montserrat-800-normal3.woff2) format('woff2');font-weight:800;font-style:normal3}@font-face{font-display:swap;font-family:'montserrat';src:url(https://marinthepinkmultiverse.com/wp-content/bcf-fonts/Montserrat/montserrat-800-normal4.woff2) format('woff2');font-weight:800;font-style:normal4}@font-face{font-display:swap;font-family:'montserrat';src:url(https://marinthepinkmultiverse.com/wp-content/bcf-fonts/Montserrat/montserrat-900italic-italic0.woff2) format('woff2');font-weight:900italic;font-style:italic0}@font-face{font-display:swap;font-family:'montserrat';src:url(https://marinthepinkmultiverse.com/wp-content/bcf-fonts/Montserrat/montserrat-900italic-italic1.woff2) format('woff2');font-weight:900italic;font-style:italic1}@font-face{font-display:swap;font-family:'montserrat';src:url(https://marinthepinkmultiverse.com/wp-content/bcf-fonts/Montserrat/montserrat-900italic-italic2.woff2) format('woff2');font-weight:900italic;font-style:italic2}@font-face{font-display:swap;font-family:'montserrat';src:url(https://marinthepinkmultiverse.com/wp-content/bcf-fonts/Montserrat/montserrat-900italic-italic3.woff2) format('woff2');font-weight:900italic;font-style:italic3}@font-face{font-display:swap;font-family:'montserrat';src:url(https://marinthepinkmultiverse.com/wp-content/bcf-fonts/Montserrat/montserrat-900italic-italic4.woff2) format('woff2');font-weight:900italic;font-style:italic4}@font-face{font-display:swap;font-family:'montserrat';src:url(https://marinthepinkmultiverse.com/wp-content/bcf-fonts/Montserrat/montserrat-italic-italic0.woff2) format('woff2');font-weight:italic;font-style:italic0}@font-face{font-display:swap;font-family:'montserrat';src:url(https://marinthepinkmultiverse.com/wp-content/bcf-fonts/Montserrat/montserrat-italic-italic1.woff2) format('woff2');font-weight:italic;font-style:italic1}@font-face{font-display:swap;font-family:'montserrat';src:url(https://marinthepinkmultiverse.com/wp-content/bcf-fonts/Montserrat/montserrat-italic-italic2.woff2) format('woff2');font-weight:italic;font-style:italic2}@font-face{font-display:swap;font-family:'montserrat';src:url(https://marinthepinkmultiverse.com/wp-content/bcf-fonts/Montserrat/montserrat-italic-italic3.woff2) format('woff2');font-weight:italic;font-style:italic3}@font-face{font-display:swap;font-family:'montserrat';src:url(https://marinthepinkmultiverse.com/wp-content/bcf-fonts/Montserrat/montserrat-italic-italic4.woff2) format('woff2');font-weight:italic;font-style:italic4}.mailerlite-form .mailerlite-form-description{margin-bottom:10px}.mailerlite-form .mailerlite-form-field{margin-bottom:10px}.mailerlite-form .mailerlite-form-field label{display:block}.mailerlite-form .mailerlite-subscribe-button-container{text-align:center}.mailerlite-form input.error{color:red;border-color:red}.mailerlite-form label.error{color:red}.mailerlite-form-response{margin-top:20px;display:none;text-align:center;color:#00a154}.mailerlite-form-loader{display:none;text-align:center;font-weight:700;margin:0 20px}.mailerlite-form-error{display:block;color:red}.mailerlite-subscribe-submit{max-width:100%}.cmplz-video.cmplz-iframe-styles{background-color:transparent}.cmplz-video.cmplz-hidden{visibility:hidden !important}.cmplz-blocked-content-notice{display:none}.cmplz-placeholder-parent{height:inherit}.cmplz-optin .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optin .cmplz-wp-video .cmplz-blocked-content-notice,.cmplz-optout .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optout .cmplz-wp-video .cmplz-blocked-content-notice{display:block}.cmplz-blocked-content-container,.cmplz-wp-video{animation-name:cmplz-fadein;animation-duration:600ms;background:#FFF;border:0;border-radius:3px;box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15);display:flex;justify-content:center;align-items:center;background-repeat:no-repeat !important;background-size:cover !important;height:inherit;position:relative}.cmplz-blocked-content-container.gmw-map-cover,.cmplz-wp-video.gmw-map-cover{max-height:100%;position:absolute}.cmplz-blocked-content-container.cmplz-video-placeholder,.cmplz-wp-video.cmplz-video-placeholder{padding-bottom:initial}.cmplz-blocked-content-container iframe,.cmplz-wp-video iframe{visibility:hidden;max-height:100%;border:0 !important}.cmplz-blocked-content-container .cmplz-custom-accept-btn,.cmplz-wp-video .cmplz-custom-accept-btn{white-space:normal;text-transform:initial;cursor:pointer;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:200px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-custom-accept-btn:focus,.cmplz-wp-video .cmplz-custom-accept-btn:focus{border:1px dotted #cecece}.cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-wp-video .cmplz-blocked-content-notice{white-space:normal;text-transform:initial;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:300px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links{display:block;margin-bottom:10px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links a,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links a{color:#fff}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body{display:block}.cmplz-blocked-content-container div div{display:none}.cmplz-wp-video .cmplz-placeholder-element{width:100%;height:inherit}@keyframes cmplz-fadein{from{opacity:0}to{opacity:1}}.hostinger-reach-block-connect{display:flex;flex-direction:column;align-content:flex-start;background:#fff6e9;padding:14px;font-size:14px;margin:28px 0 14px}.hostinger-reach-block-connect__title{color:#1d1e20;font-weight:700;margin-bottom:4px}.hostinger-reach-block-connect__subtitle{color:#727586;margin-bottom:4px}.hostinger-reach-block-connect a{color:rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1));text-decoration:underline}.hostinger-reach-block-dialog{display:block;flex-direction:column;align-content:flex-start;background:#fff;color:#1d1e20;padding:20px;gap:14px;font-size:14px;line-height:20px;bottom:80px;left:20px;position:fixed;z-index:100001;max-width:400px;border-radius:16px;box-shadow:0 0 10px rgb(0 0 0 / .05)}.hostinger-reach-block-dialog__actions{display:flex;justify-content:flex-start;gap:10px}.hostinger-reach-block-dialog__button_indicator{height:16px;width:16px}.hostinger-reach-block-dialog__button{cursor:pointer;text-align:center;background:#673de6;color:#fff;font-weight:700;font-size:12px;padding:6px 16px;display:flex;flex-direction:row;align-items:center;gap:10px;border-radius:8px}.hostinger-reach-block-dialog__button:hover{background:#5029c2}.hostinger-reach-block-dialog__button a{color:#fff;text-decoration:none}.hostinger-reach-block-dialog__button a:hover,.hostinger-reach-block-dialog__button a:focus,.hostinger-reach-block-dialog__button a:active{color:#fff;box-shadow:none;outline:none}.hostinger-reach-block-dialog__button svg{height:16px;width:16px}.hostinger-reach-block-dialog__button svg path{fill:#fff}.hostinger-reach-block-dialog__close{cursor:pointer}.hostinger-reach-block-dialog__close:before,.hostinger-reach-block-dialog__close:after{content:"";position:absolute;width:16px;height:2px;background-color:#1d1e20;top:26px;right:16px}.hostinger-reach-block-dialog__close:before{transform:rotate(45deg)}.hostinger-reach-block-dialog__close:after{transform:rotate(-45deg)}.hostinger-reach-block-dialog__close:hover:before,.hostinger-reach-block-dialog__close:hover:after{background-color:#727272}.hostinger-reach-block-subscription-form .hostinger-reach-block-form-fields{display:flex;flex-direction:column;width:100%}.hostinger-reach-block-subscription-form .hostinger-reach-block-form-fields--inline{flex-direction:row;justify-content:flex-start;align-items:end;width:100%;gap:.5rem}.hostinger-reach-block-subscription-form .hostinger-reach-block-form-fields--inline .hostinger-reach-block-form-field{min-width:70%}.hostinger-reach-block-subscription-form .hostinger-reach-block-form-fields--inline .hostinger-reach-block-submit{min-width:30%}.hostinger-reach-block-subscription-form .hostinger-reach-block-submit{border-width:0;margin-top:var(--wp--preset--spacing--20);align-content:center;box-sizing:border-box;cursor:pointer;display:inline-block;height:100%;text-align:center;width:100%;word-break:break-word;font-weight:500;min-height:40px;border-radius:50px}.hostinger-reach-block-subscription-form .hostinger-reach-block-form-field{margin-top:8px}.hostinger-reach-block-subscription-form label{display:block;font-size:11px;font-weight:500;line-height:1.4;text-transform:uppercase;margin-bottom:8px;padding:0}.hostinger-reach-block-subscription-form input{display:block;width:100%;padding:3px 10px;min-height:40px;box-shadow:0 0 0 #fff0;border-radius:4px;border:1px solid #8c8f94;background-color:#fff;color:#2c3338;box-sizing:border-box}.hostinger-reach-block-tags{margin-left:-6px;margin-top:10px;max-height:14em;overflow:auto;padding-left:6px;padding-top:6px;margin-bottom:20px}.components-button.is-link.hostinger-reach-block-toggler{margin-bottom:20px}.hostinger-reach-block-newtag{margin-bottom:20px}.reach-subscription-message.is-success{background:rgb(0 158 91 / .1019607843);font-weight:700;padding:1em;gap:10px}#place_order.ppcp-hidden{display:none!important}.ppcp-disabled{cursor:not-allowed;filter:grayscale(100%)}.ppcp-disabled *{pointer-events:none}.ppc-button-wrapper .ppcp-messages:first-child{padding-top:10px}.woocommerce-SavedPaymentMethods-token:has(#ppcp-vault-component){align-items:center;display:flex;gap:8px}.woocommerce-SavedPaymentMethods-token:has(#ppcp-vault-component) #ppcp-vault-component{flex:1;overflow:hidden}#ppc-button-ppcp-gateway{line-height:0}#ppc-button-ppcp-gateway div[class^=item-]{margin-top:14px}#ppc-button-ppcp-gateway div[class^=item-]:first-child{margin-top:0}#ppc-button-minicart{display:block;line-height:0}.ppcp-button-apm{--apm-button-border-radius:4px;border-radius:var(--apm-button-border-radius);height:45px;line-height:0;margin-top:14px;max-width:750px;min-width:0;overflow:hidden}.ppcp-button-apm.ppcp-button-pill{--apm-button-border-radius:50px}.ppcp-button-apm.ppcp-button-minicart{display:block}.ppcp-width-min .ppcp-button-apm{height:35px}.ppcp-width-300 .ppcp-button-apm{height:45px}.ppcp-width-500 .ppcp-button-apm{height:55px}.wp-block-woocommerce-cart .ppcp-button-apm,.wp-block-woocommerce-checkout .ppcp-button-apm{margin:0;min-width:0}.wp-admin .ppcp-button-apm{pointer-events:none}:root{--wp--custom--spacing--small:var(--wp--preset--spacing--30, clamp(1.5rem, 5vw, 2rem));--wp--custom--spacing--medium:var(--wp--preset--spacing--50, clamp(2.5rem, 8vw, 4rem));--wp--custom--spacing--large:var(--wp--preset--spacing--60, clamp(2.5rem, 8vw, 6rem));--wp--custom--spacing--outer:max(1.25rem, 4vw);--wp--preset--spacing--80:min(8rem, 12vw)}html{scroll-behavior:smooth}body{-moz-osx-font-smoothing:var(--wp--custom--typography--font-smoothing--moz,auto);-webkit-font-smoothing:var(--wp--custom--typography--font-smoothing--webkit,auto)}a{text-decoration-style:var(--wp--custom--elements--link--static--text-decoration-style,solid);text-decoration-thickness:var(--wp--custom--elements--link--text-decoration-thickness,1px);text-underline-offset:var(--wp--custom--elements--link--text-underline-offset,.25ch)}a:hover,a:focus{text-decoration-style:var(--wp--custom--elements--link--interactive--text-decoration-style,dashed)}:where(.wp-site-blocks *:focus){outline-width:1px;outline-style:solid}a:active{text-decoration:none}@media (min-width:600px){.site-logo-title{display:none}.wp-block-navigation__responsive-container.is-menu-open:not(.disable-default-overlay) .wp-block-navigation__responsive-container-content .wp-block-navigation-item,.wp-block-navigation__responsive-container.is-menu-open:not(.disable-default-overlay) .wp-block-navigation__responsive-container-content .wp-block-navigation__container,.wp-block-navigation__responsive-container.is-menu-open:not(.disable-default-overlay) .wp-block-navigation__responsive-container-content .wp-block-page-list{align-items:flex-start!important}}@media (max-width:600px){.has-modal-open .wp-block-navigation__responsive-container.is-menu-open:not(.disable-default-overlay) .wp-block-navigation__responsive-container-content .wp-block-navigation-item,.has-modal-open .wp-block-navigation__responsive-container.is-menu-open:not(.disable-default-overlay) .wp-block-navigation__responsive-container-content .wp-block-navigation__container,.has-modal-open .wp-block-navigation__responsive-container.is-menu-open:not(.disable-default-overlay) .wp-block-navigation__responsive-container-content .wp-block-page-list{align-items:flex-start!important}}.wp-block-navigation__responsive-container.has-modal-open.is-menu-open .site-logo-title{display:flex;flex-wrap:nowrap;max-width:100%;align-items:center;gap:.5rem;padding-bottom:var(--wp--preset--spacing--30);position:relative;padding-inline-end:52px}.wp-block-navigation__responsive-container.has-modal-open.is-menu-open .site-logo-title::after{content:"";position:absolute;left:calc(-1 * var(--wp--preset--spacing--30));right:calc(-1 * var(--wp--preset--spacing--30));bottom:0;height:1px;background:#8080801d}.wp-block-navigation__responsive-container.has-modal-open.is-menu-open .site-logo-title img{max-height:42px!important;height:auto!important;width:auto!important}.wp-block-navigation__responsive-container.has-modal-open.is-menu-open .site-logo-title .site-title{font-size:1.25rem;font-weight:700;color:var(--wp--preset--color--foreground);text-transform:uppercase;letter-spacing:-.02em;box-sizing:border-box;line-height:1.15}.wp-block-navigation__responsive-container.is-menu-open:not(.disable-default-overlay) .wp-block-navigation__responsive-container-content{padding-top:var(--wp--preset--spacing--30)}.has-modal-open .wp-block-navigation__responsive-container-close{background-color:var(--wp--preset--color--tertiary);padding:.625rem;border-radius:100%;top:-2.5px!important}.has-modal-open .wp-block-navigation__responsive-container.is-menu-open:not(.disable-default-overlay) .wp-block-navigation__responsive-container-content .wp-block-navigation__container{gap:0!important;width:100%}.has-modal-open .wp-block-navigation__responsive-container.is-menu-open:not(.disable-default-overlay) .wp-block-navrigation__containe,.has-modal-open .wp-block-navigation__responsive-container.is-menu-open:not(.disable-default-overlay) .wp-block-navigation__container ul{row-gap:0.75rem!important;width:-webkit-fill-available;max-width:100%}.has-modal-open .wp-block-navigation__responsive-container.is-menu-open:not(.disable-default-overlay) .wp-block-navigation__responsive-container-content>ul.wp-block-navigation__container>li.wp-block-navigation-item:not(.wp-block-navigation__submenu-container){border-bottom:1px solid #8080801d;padding-top:.75rem;padding-bottom:.75rem;width:-webkit-fill-available;max-width:100%}.has-modal-open .wp-block-navigation__responsive-container.is-menu-open:not(.disable-default-overlay) .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container{padding:.75rem .75rem 0 0.75rem!important;gap:0.75rem!important}.has-modal-open .wp-block-navigation__responsive-container:not(.disable-default-overlay) .wp-block-navigation__responsive-dialog ul.wp-block-navigation__container>li:not(.wp-block-navigation__submenu-container)>a.wp-block-navigation-item__content{font-size:1.25rem;font-weight:600}.has-modal-open .wp-block-navigation__responsive-container:not(.disable-default-overlay) .wp-block-navigation__submenu-container{padding-top:0.75rem!important}.has-modal-open .wp-block-navigation__responsive-container:not(.disable-default-overlay) .wp-block-navigation__responsive-dialog ul.wp-block-navigation__container .wp-block-navigation-submenu .wp-block-navigation-item a{font-size:1rem!important}html.has-modal-open header.wp-block-template-part,html.has-modal-open header.wp-block-template-part :has(.wp-block-navigation__responsive-dialog){backdrop-filter:none!important;transform:none!important;translate:none!important;filter:none!important;animation:none!important}html.has-modal-open body:has(.entry-content>.ext-hero-section.ext-hero-section--full-screen:first-child) header.wp-block-template-part:has(.ext-header-sticky.ext-header-sticky--floating-pill.ext-header-glass) .ext-header-sticky.ext-header-sticky--floating-pill.ext-header-glass,html.has-modal-open body:not(:has(.entry-content>.ext-hero-section.ext-hero-section--full-screen:first-child)) header.wp-block-template-part:has(.ext-header-sticky.ext-header-sticky--floating-pill.ext-header-glass) .ext-header-sticky.ext-header-sticky--floating-pill.ext-header-glass{animation:none!important;backdrop-filter:none!important;translate:none!important}@media (max-width:781px){body:not(:has(.wp-block-navigation__responsive-container.disable-default-overlay)) header.wp-block-template-part :is(.ext-nav-extras-phone,.ext-nav-extras-btn,.ext-nav-extras-social):not(.ext-nav-extras-mobile *){display:none}header.wp-block-template-part .ext-nav-extras:not(:has(nav,.wp-block-navigation)){display:none}}.ext-nav-extras-mobile{display:none}.has-modal-open .wp-block-navigation__responsive-dialog .ext-nav-extras-mobile{display:flex;flex-direction:column;align-items:stretch;gap:var(--wp--preset--spacing--20);margin-top:var(--wp--preset--spacing--30)}.has-modal-open .wp-block-navigation__responsive-dialog .ext-nav-extras-mobile .wp-block-button{width:100%}.has-modal-open .wp-block-navigation__responsive-dialog .ext-nav-extras-mobile .wp-block-button__link{display:block;text-align:center;width:100%}.has-modal-open .wp-block-navigation__responsive-dialog .ext-nav-extras-mobile .ext-nav-extras-phone,.has-modal-open .wp-block-navigation__responsive-dialog .ext-nav-extras-mobile .ext-nav-extras-phone a,.has-modal-open .wp-block-navigation__responsive-dialog .ext-nav-extras-mobile .ext-nav-extras-phone p{font-size:1.25rem!important;font-weight:600!important}.has-modal-open .wp-block-navigation__responsive-dialog .ext-nav-extras-mobile .wp-block-social-link{width:32px;height:32px}.has-modal-open .wp-block-navigation__responsive-dialog .ext-nav-extras-mobile .wp-social-link svg{width:28px;height:28px}.wp-block-navigation .wp-block-navigation-item a:hover,.wp-block-navigation .wp-block-navigation-item a:focus{text-decoration:underline;text-decoration-style:solid}nav .wp-block-pages-list__item.wp-block-navigation-item.menu-item-home{display:none}.wp-block-navigation__responsive-container.is-menu-open:not(.disable-default-overlay){padding-top:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30)}.wp-block-navigation__responsive-container.is-menu-open:not(.disable-default-overlay){padding-top:clamp(1rem, var(--wp--style--root--padding-top), 20rem);padding-right:clamp(1rem, var(--wp--style--root--padding-right), 20rem);padding-bottom:clamp(1rem, var(--wp--style--root--padding-bottom), 20rem);padding-left:clamp(1rem, var(--wp--style--root--padding-left), 20rem)}.wp-element-button{transition:background-color 0.15s ease}.wp-block-button .wp-block-button__link.is-style-outline:not(.has-background):hover,.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-background):hover{background-color:rgb(159 159 159 / .2)}.wp-block-table.is-style-stripes tbody tr:nth-child(odd){background-color:var(--wp--custom--blocks--core-table--variant-stripes--color--background,var(--wp--preset--color--tertiary))}footer.wp-block-template-part:not([style*="margin-top"]){margin-top:0}blockquote:is(.is-style-plain){border:none;padding-left:0}:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper){border-color:var(--wp--custom--elements--input--border--color);border-radius:var(--wp--custom--elements--button--border--radius);border-width:var(--wp--custom--elements--input--border--width)}:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input{border-color:#fff0}.wp-block-search .wp-block-search__input{border-radius:var(--wp--custom--elements--button--border--radius)}.wp-block-image[style*="-radius"]:not([style*="overflow"]){overflow:hidden}.block-editor-block-list__block.wp-block.is-default-size.wp-block-site-logo .components-resizable-box__container,.wp-block-site-logo.is-default-size img{max-height:42px!important;height:auto!important;width:auto!important}.wp-block-site-logo img[src*="extendify-demo-"],.wp-block-site-logo img[src*="ext-custom-logo-"]{filter:var(--wp--preset--duotone--primary-foreground);min-width:40px}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,*::before,*::after{animation-duration:0.01ms!important;animation-iteration-count:1!important;transition-duration:0.01ms!important;scroll-behavior:auto!important}}input,textarea{caret-color:inherit;outline-color:inherit}:where(.wp-block-post-comments-form) input:not([type="submit"]),:where(.wp-block-post-comments-form) textarea{background-color:var(--wp--preset--color--background);color:var(--wp--preset--color--foreground);border-color:inherit}.woocommerce-Tabs-panel--description h2,.woocommerce-Reviews-title{font-size:var(--wp--preset--font-size--medium)}.wp-block-button.wc-block-components-product-button{flex-direction:row;flex-wrap:wrap;justify-content:start;gap:1rem}.wp-block-button.wc-block-components-product-button a.added_to_cart{margin-top:0}.woocommerce-checkout.woocommerce-page header.wp-block-template-part nav.wp-block-navigation{visibility:hidden}.wp-site-blocks .wp-block-group.woocommerce.product{margin-top:0;margin-bottom:0}.wc-block-product-template__responsive{grid-row-gap:2rem}.wc-block-components-product-button__button{z-index:1}.sticky-header-offset-container .entry-content>.wp-block-group{scroll-margin-top:var(--wp--preset--spacing--60)}:not(.block-editor-block-preview__content-iframe) .has-tertiary-background-color.has-background [class*="is-style-ext-preset--group--"][class*="item-card-1"]:not(.has-background){background-color:var(--wp--preset--color--background)}:not(.block-editor-block-preview__content-iframe) .has-tertiary-background-color.has-background [class*="is-style-ext-preset--group--"][class*="item-card-1"]:not(.has-background)::before{background-color:var(--wp--preset--color--background)!important}:not(.block-editor-block-preview__content-iframe) .has-tertiary-background-color.has-background [class*="is-style-ext-preset--image--"]:not(.has-background)::before{background-color:var(--wp--preset--color--tertiary)!important}:not(.block-editor-block-preview__content-iframe) .has-tertiary-background-color.has-background [class*="is-style-ext-preset--group--"][class*="item-card-1"]::before,:not(.block-editor-block-preview__content-iframe) .has-tertiary-background-color.has-background [class*="is-style-ext-preset--media-text--"]::before{background-color:var(--wp--preset--color--background)!important}.block-editor-block-preview__content-iframe [class*="is-style-ext-preset--group--natural-1"][class*="item-card-1"]{background-color:transparent!important}:root{--grid-vector-bg:url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTQ0MCAxMDI0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxnIG9wYWNpdHk9IjAuMDkiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2Utb3BhY2l0eT0iMC43IiBzdHJva2Utd2lkdGg9IjEuMjYwNyI+CiAgICA8bGluZSB4MT0iLTUwLjYxNzIiIHkxPSI2MjQuOTk1IiB4Mj0iMTQ2MC45NiIgeTI9IjYyNC45OTUiIC8+CiAgICA8bGluZSB4MT0iLTUwLjYxNzIiIHkxPSI5NDcuNzMzIiB4Mj0iMTQ2MC45NiIgeTI9Ijk0Ny43MzMiIC8+CiAgICA8bGluZSB4MT0iLTUwLjYxNzIiIHkxPSIzMDIuMjU2IiB4Mj0iMTQ2MC45NiIgeTI9IjMwMi4yNTYiIC8+CiAgICA8bGluZSB4MT0iLTUwLjYxNzIiIHkxPSI0NjMuNjI0IiB4Mj0iMTQ2MC45NiIgeTI9IjQ2My42MjQiIC8+CiAgICA8bGluZSB4MT0iLTUwLjYxNzIiIHkxPSI3ODYuMzYyIiB4Mj0iMTQ2MC45NiIgeTI9Ijc4Ni4zNjIiIC8+CiAgICA8bGluZSB4MT0iLTUwLjYxNzIiIHkxPSIxNDAuODg1IiB4Mj0iMTQ2MC45NiIgeTI9IjE0MC44ODUiIC8+CiAgICA8bGluZSB4MT0iLTUwLjYxNzIiIHkxPSI1NDQuMzExIiB4Mj0iMTQ2MC45NiIgeTI9IjU0NC4zMTEiIC8+CiAgICA8bGluZSB4MT0iLTUwLjYxNzIiIHkxPSI4NjcuMDQ5IiB4Mj0iMTQ2MC45NiIgeTI9Ijg2Ny4wNDkiIC8+CiAgICA8bGluZSB4MT0iLTUwLjYxNzIiIHkxPSIyMjEuNTczIiB4Mj0iMTQ2MC45NiIgeTI9IjIyMS41NzMiIC8+CiAgICA8bGluZSB4MT0iLTUwLjYxNzIiIHkxPSIzODIuOTQiIHgyPSIxNDYwLjk2IiB5Mj0iMzgyLjk0IiAvPgogICAgPGxpbmUgeDE9Ii01MC42MTcyIiB5MT0iNzA1LjY4MiIgeDI9IjE0NjAuOTYiIHkyPSI3MDUuNjgyIiAvPgogICAgPGxpbmUgeDE9Ii01MC42MTcyIiB5MT0iNjAuMjAxNyIgeDI9IjE0NjAuOTYiIHkyPSI2MC4yMDE3IiAvPgogICAgPGxpbmUgeDE9IjY0Mi4xMzgiIHkxPSItNDguODQ3NyIgeDI9IjY0Mi4xMzgiIHkyPSIxMTE4LjU2IiAvPgogICAgPGxpbmUgeDE9IjMxOS4zOTgiIHkxPSItNDguODQ3NyIgeDI9IjMxOS4zOTgiIHkyPSIxMTE4LjU2IiAvPgogICAgPGxpbmUgeDE9Ijk2NC44NzQiIHkxPSItNDguODQ3NyIgeDI9Ijk2NC44NzQiIHkyPSIxMTE4LjU2IiAvPgogICAgPGxpbmUgeDE9IjEyODcuNjEiIHkxPSItNDguODQ3NyIgeDI9IjEyODcuNjEiIHkyPSIxMTE4LjU2IiAvPgogICAgPGxpbmUgeDE9IjE1OC4wMjgiIHkxPSItNDguODQ3NyIgeDI9IjE1OC4wMjgiIHkyPSIxMTE4LjU2IiAvPgogICAgPGxpbmUgeDE9IjgwMy41MDQiIHkxPSItNDguODQ3NyIgeDI9IjgwMy41MDQiIHkyPSIxMTE4LjU2IiAvPgogICAgPGxpbmUgeDE9IjQ4MC43NjgiIHkxPSItNDguODQ3NyIgeDI9IjQ4MC43NjgiIHkyPSIxMTE4LjU2IiAvPgogICAgPGxpbmUgeDE9IjExMjYuMjQiIHkxPSItNDguODQ3NyIgeDI9IjExMjYuMjQiIHkyPSIxMTE4LjU2IiAvPgogICAgPGxpbmUgeDE9Ijc3LjM0NTIiIHkxPSItNDguODQ3NyIgeDI9Ijc3LjM0NTEiIHkyPSIxMTE4LjU2IiAvPgogICAgPGxpbmUgeDE9IjcyMi44MjIiIHkxPSItNDguODQ3NyIgeDI9IjcyMi44MjIiIHkyPSIxMTE4LjU2IiAvPgogICAgPGxpbmUgeDE9IjQwMC4wODEiIHkxPSItNDguODQ3NyIgeDI9IjQwMC4wODEiIHkyPSIxMTE4LjU2IiAvPgogICAgPGxpbmUgeDE9IjEwNDUuNTYiIHkxPSItNDguODQ3NyIgeDI9IjEwNDUuNTYiIHkyPSIxMTE4LjU2IiAvPgogICAgPGxpbmUgeDE9IjEzNjguMyIgeTE9Ii00OC44NDc3IiB4Mj0iMTM2OC4zIiB5Mj0iMTExOC41NiIgLz4KICAgIDxsaW5lIHgxPSIyMzguNzE1IiB5MT0iLTQ4Ljg0NzciIHgyPSIyMzguNzE1IiB5Mj0iMTExOC41NiIgLz4KICAgIDxsaW5lIHgxPSI4ODQuMTkyIiB5MT0iLTQ4Ljg0NzciIHgyPSI4ODQuMTkyIiB5Mj0iMTExOC41NiIgLz4KICAgIDxsaW5lIHgxPSI1NjEuNDUxIiB5MT0iLTQ4Ljg0NzciIHgyPSI1NjEuNDUxIiB5Mj0iMTExOC41NiIgLz4KICAgIDxsaW5lIHgxPSIxMjA2LjkzIiB5MT0iLTQ4Ljg0NzciIHgyPSIxMjA2LjkzIiB5Mj0iMTExOC41NiIgLz4KICA8L2c+CiAgPGcgb3BhY2l0eT0iMC41IiBmaWxsPSJjdXJyZW50Q29sb3IiPgogICAgPHJlY3QgeD0iODAzLjU2MyIgeT0iNzg2LjMwNSIgd2lkdGg9IjgwLjIyNjIiIGhlaWdodD0iODAuMjI2MiIgZmlsbC1vcGFjaXR5PSIwLjQiIC8+CiAgICA8cmVjdCB4PSI0MDAuMTQiIHk9Ijc4Ni4zMDUiIHdpZHRoPSI4MC4yMjYyIiBoZWlnaHQ9IjgwLjIyNjIiIGZpbGwtb3BhY2l0eT0iMC4xOCIgLz4KICAgIDxyZWN0IHg9IjExMjYuNzYiIHk9IjIyMi40MyIgd2lkdGg9IjgwLjIyNjIiIGhlaWdodD0iNzkuMDgwMSIgZmlsbC1vcGFjaXR5PSIwLjA4IiAvPgogICAgPHJlY3QgeD0iNDgwLjM2NyIgeT0iNDY0LjIwMyIgd2lkdGg9IjgwLjIyNjIiIGhlaWdodD0iNzkuMDgwMSIgZmlsbC1vcGFjaXR5PSIwLjEzIiAvPgogICAgPHJlY3QgeD0iMTA0NS4zOSIgeT0iMzAyLjY1NiIgd2lkdGg9IjgwLjIyNjIiIGhlaWdodD0iNzkuMDgwMSIgZmlsbC1vcGFjaXR5PSIwLjAzIiAvPgogICAgPHJlY3QgeD0iMzk5Ljk5NCIgeT0iMjIyLjQzIiB3aWR0aD0iODAuMjI2MiIgaGVpZ2h0PSI3OS4wODAxIiBmaWxsLW9wYWNpdHk9IjAuMTMiIC8+CiAgICA8cmVjdCB4PSIxMDQ1LjM5IiB5PSIyMjIuNDMiIHdpZHRoPSI4MC4yMjYyIiBoZWlnaHQ9Ijc5LjA4MDEiIGZpbGwtb3BhY2l0eT0iMC4wOCIgLz4KICAgIDxyZWN0IHg9IjM5OS45OTQiIHk9IjQ2NC4yMDMiIHdpZHRoPSI4MC4yMjYyIiBoZWlnaHQ9Ijc5LjA4MDEiIGZpbGwtb3BhY2l0eT0iMC4xMyIgLz4KICAgIDxyZWN0IHg9IjMxOS45MTQiIHk9Ijc4Ni4zMDUiIHdpZHRoPSI4MC4yMjYyIiBoZWlnaHQ9IjgwLjIyNjIiIGZpbGwtb3BhY2l0eT0iMC4xOCIgLz4KICAgIDxyZWN0IHg9IjMxOS45MTQiIHk9Ijg2Ni41MzEiIHdpZHRoPSI4MC4yMjYyIiBoZWlnaHQ9IjgxLjM3MjMiIGZpbGwtb3BhY2l0eT0iMC4xOCIgLz4KICAgIDxyZWN0IHg9IjE1OC4zMTUiIHk9IjcwNi4wNzgiIHdpZHRoPSI4MC4yMjYyIiBoZWlnaHQ9IjgwLjIyNjIiIGZpbGwtb3BhY2l0eT0iMC4xOCIgLz4KICAgIDxyZWN0IHg9Ijk2NS4xNjIiIHk9IjYwLjgzMiIgd2lkdGg9IjgwLjIyNjIiIGhlaWdodD0iODAuMjI2MiIgZmlsbC1vcGFjaXR5PSIwLjEzIiAvPgogICAgPHJlY3QgeD0iODg0LjA1OSIgeT0iLTE5Ljg1NTUiIHdpZHRoPSI4MC4yMjYyIiBoZWlnaHQ9Ijc5LjUwNjIiIGZpbGwtb3BhY2l0eT0iMC4xMyIgLz4KICAgIDxyZWN0IHg9Ijg4NC4wNTkiIHk9IjYwLjQwMjMiIHdpZHRoPSI4MC4yMjYyIiBoZWlnaHQ9IjgwLjAyODUiIGZpbGwtb3BhY2l0eT0iMC4xMyIgLz4KICAgIDxyZWN0IHg9IjE1OC4zMTUiIHk9IjEzOS45MSIgd2lkdGg9IjgxLjM3MjMiIGhlaWdodD0iODIuNTE4NCIgZmlsbC1vcGFjaXR5PSIwLjE4IiAvPgogICAgPHJlY3QgeD0iNzYuOTQzNCIgeT0iNTkuNjgzNiIgd2lkdGg9IjgxLjM3MjMiIGhlaWdodD0iODAuMjI2MiIgZmlsbC1vcGFjaXR5PSIwLjE4IiAvPgogICAgPHJlY3QgeD0iLTMuMjgzMiIgeT0iNjAuODI4MSIgd2lkdGg9IjgxLjM3MjMiIGhlaWdodD0iODAuMjI2MiIgZmlsbC1vcGFjaXR5PSIwLjE4IiAvPgogICAgPHJlY3QgeD0iNzYuOTQzNCIgeT0iMTM5LjkxIiB3aWR0aD0iODEuMzcyMyIgaGVpZ2h0PSI4Mi41MTg0IiBmaWxsLW9wYWNpdHk9IjAuMTgiIC8+CiAgICA8cmVjdCB4PSI0MDAuMTQxIiB5PSItMjAuNTQzIiB3aWR0aD0iODEuMzcyMyIgaGVpZ2h0PSI4MC4yMjYyIiBmaWxsLW9wYWNpdHk9IjAuMiIgLz4KICAgIDxyZWN0IHg9IjE1OC4zMTUiIHk9IjMwMS41MDgiIHdpZHRoPSI4MC4yMjYyIiBoZWlnaHQ9IjgxLjM3MjMiIGZpbGwtb3BhY2l0eT0iMC4xOCIgLz4KICAgIDxyZWN0IHg9IjExMjYuNzYiIHk9IjcwNi4wNzgiIHdpZHRoPSI4MC4yMjYyIiBoZWlnaHQ9IjgwLjIyNjIiIGZpbGwtb3BhY2l0eT0iMC4xMyIgLz4KICAgIDxyZWN0IHg9IjEyMDYuOTkiIHk9Ijc4Ni4zMDUiIHdpZHRoPSI4MC4yMjYyIiBoZWlnaHQ9IjgwLjIyNjIiIGZpbGwtb3BhY2l0eT0iMC4xMyIgLz4KICA8L2c+Cjwvc3ZnPg==); } /* * CSS related to prism vibe */ /* * CSS related to wave vibe */ [class*="is-style-ext-preset--group--"][class*="--section"].has-tertiary-background-color:has( + .has-background-background-color > .wp-block-cover.alignfull )::after { content: none !important; } [class*="is-style-ext-preset--group--"][class*="--section"].has-tertiary-background-color:has( + .has-background-background-color > .wp-block-cover.alignfull ) { margin-bottom: 0 !important; } [class*="is-style-ext-preset--group--"][class*="--section"].has-background-background-color:has(.wp-block-cover.alignfull) + .has-tertiary-background-color::before { content: none !important; } [class*="is-style-ext-preset--group--"][class*="--section"].has-background-background-color:has(.wp-block-cover.alignfull) + .has-tertiary-background-color { margin-top: 0 !important; } /* * utilities */ .m-0 { margin: 0 !important; } .z-0 { z-index: 0 !important; } .z-10 { z-index: 10 !important; } .z-20 { z-index: 20 !important; } .z-30 { z-index: 30 !important; } .d-none { display: none; } .d-block { display: block; } @media (min-width: 640px) { .sm-d-none { display: none; } .sm-d-block { display: block; } } @media (min-width: 768px) { .md-d-none { display: none; } .md-d-block { display: block; } } @media (min-width: 1024px) { .lg-d-none { display: none; } .lg-d-block { display: block; } } /* RTL-only fix for Gutenberg Group left justification */ [dir="rtl"] [class*="wp-container-core-group-is-layout-"].ext-is-logical-start.is-content-justification-left > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { margin-inline-start: 0 !important; margin-inline-end: auto !important; } .no-underline, .no-underline a { text-decoration: none; } /* CSS for extendify-agent vibe previews */ .extendify-agent .preview-is-style-ext-preset--group--matrix-1--section .preview-is-style-ext-preset--group--matrix-1--item-card-1--align-center { border: solid 6px color-mix(in oklab, var(--wp--preset--color--foreground) 10%, transparent) !important; } .extendify-agent .preview-is-style-ext-preset--group--wave-1--section { --wave-ratio: 1440 / 80; overflow: visible; } .extendify-agent .preview-is-style-ext-preset--group--wave-1--section .preview-is-style-ext-preset--group--wave-1--item-card-1--align-center { position: relative; overflow: visible; } .extendify-agent .preview-is-style-ext-preset--group--wave-1--section .preview-is-style-ext-preset--group--wave-1--item-card-1--align-center::after { content: ""; position: absolute; width: 150%; left: 50%; transform: translateX(-35%); aspect-ratio: var(--wave-ratio); background-color: var(--wp--preset--color--background); -webkit-mask: var(--wave-mask) no-repeat center / 100% 100%; mask: var(--wave-mask) no-repeat center / 100% 100%; bottom: -1px; pointer-events: none; z-index: 1; } .extendify-agent .preview-is-style-ext-preset--group--wave-1--section .preview-is-style-ext-preset--group--wave-1--item-card-1--align-center::before { content: ""; position: absolute; width: 150%; left: 50%; transform: translateX(-65%) scale(-1, -1); aspect-ratio: var(--wave-ratio); background-color: var(--wp--preset--color--background); -webkit-mask: var(--wave-mask) no-repeat center / 100% 100%; mask: var(--wave-mask) no-repeat center / 100% 100%; top: -1px; pointer-events: none; z-index: 1; } /* * -------------------------------------------------------- * Modular Header System * -------------------------------------------------------- * * Layout (positioning): * - .ext-header-sticky → position: sticky + admin-bar handling * - .ext-header-overlay → hero section overlap (negative margin) * * Appearance: * - .ext-header-glass → static glassmorphism (bg + blur + radius) * - .ext-header--dark → dark color scheme: white text + dark scrim/glass tint * * Behavior: * - .ext-header-sticky--floating-pill → scroll-driven intensification of glass + layout shift * * Compositions: * - ext-header-sticky → just sticky, theme bg * - ext-header-overlay → overlay, transparent * - ext-header-overlay ext-header--dark → overlay + dark scrim + white text * - ext-header-sticky ext-header-glass → static glass header * - ext-header-sticky ext-header-glass ext-header--dark → static dark glass * - ext-header-sticky ext-header-overlay ext-header-glass ext-header-sticky--floating-pill → animated glass over hero * - + ext-header--dark on the above → animated DARK glass over hero */ :root { --ext-header-height: 96px; --ext-header-offset: 1rem; --ext-header-blur-start: 4px; --ext-header-blur-end: 12px; --ext-header-bg-opacity-start: 0.75; --ext-header-bg-opacity-end: 0.95; --ext-header-padding: 1.5rem; --ext-header-animation-distance: 100px; --ext-header-glass-tint-dark: #ffffff; --ext-header-glass-tint-dark-end: #101010; --ext-header-dark-logo-filter: brightness(0) invert(1); } body { timeline-scope: --ext-hero-timeline; } /* =========================================================== Layout: ext-header-sticky =========================================================== */ header.wp-block-template-part:has(.ext-header-sticky) { position: sticky; top: 0; z-index: 12; } /* Default bg for sticky headers without glass. Glass headers leave the wrapper transparent so the inner glass element shows through. */ header.wp-block-template-part:has(.ext-header-sticky):not(:has(.ext-header-glass)):not(.has-background) { background-color: var(--wp--preset--color--background); } body.admin-bar header.wp-block-template-part:has(.ext-header-sticky) { top: var(--wp-admin--admin-bar--position-offset, var(--wp-admin--admin-bar--height, 32px)); } @media (max-width: 782px) { body.admin-bar header.wp-block-template-part:has(.ext-header-sticky) { top:0; } } html:has(.ext-header-sticky) { scroll-padding-top: var(--ext-header-height); } /* =========================================================== Layout: ext-header-overlay (hero overlap) =========================================================== */ body:has(.entry-content > .ext-hero-section.ext-hero-section--full-screen:first-child) header.wp-block-template-part:has(.ext-header-overlay):not(:has(.ext-header-sticky)) { position: relative; top: 0; z-index: 12; } body:has(.ext-header-overlay) .entry-content > .ext-hero-section.ext-hero-section--full-screen:first-child { margin-top: calc(-1 * var(--ext-header-height)) !important; position: relative; z-index: 0; } /* Overlay over hero: wrapper goes transparent so the hero shows through. Reverts to default theme bg once .is-past-hero is added or on subpages without a hero. */ body:has(.entry-content > .ext-hero-section.ext-hero-section--full-screen:first-child) header.wp-block-template-part:has(.ext-header-overlay):not(.is-past-hero):not(:has(.ext-header-glass)) { background-color: transparent; } /* =========================================================== Appearance: ext-header-glass (static glassmorphism) - --ext-header-glass-color-start: tint during the frosted/initial state - --ext-header-glass-color-end: tint at the solid/scrolled state - Static glass shows the end state (most readable) =========================================================== */ .ext-header-glass { --ext-header-glass-color-start: var(--wp--preset--color--background); --ext-header-glass-color-end: var(--wp--preset--color--background); } header.wp-block-template-part:has(.ext-header-glass) .ext-header-glass { background-color: oklch(from var(--ext-header-glass-color-end) l c h / var(--ext-header-bg-opacity-end)); backdrop-filter: blur(var(--ext-header-blur-end)); border-radius: 1rem; } /* =========================================================== Color: ext-header--dark - Sets shared scrim/glass color variable - Wrapper gets white text when used with overlay or glass - Inner blocks reset their colors to inherit =========================================================== */ /* Dark variant only takes effect on pages with a fullscreen hero. On subpages, dark+glass falls back to the light glass defaults. */ body:has(.entry-content > .ext-hero-section.ext-hero-section--full-screen:first-child) .ext-header-glass.ext-header--dark { --ext-header-glass-color-start: var(--ext-header-glass-tint-dark); --ext-header-glass-color-end: var(--ext-header-glass-tint-dark-end); --ext-header-bg-opacity-start: 0.06; --ext-header-bg-opacity-end: 0.85; --ext-header-blur-start: 16px; --ext-header-blur-end: 24px; } body:has(.entry-content > .ext-hero-section.ext-hero-section--full-screen:first-child) header.wp-block-template-part:has(.ext-header-glass.ext-header--dark) .ext-header-glass { border: 1px solid rgb(255 255 255 / 0.12); } body:has(.entry-content > .ext-hero-section.ext-hero-section--full-screen:first-child) header.wp-block-template-part:not(.is-past-hero):has(.ext-header-overlay.ext-header--dark) { color: #fff; } /* Top-fade scrim on the hero's cover block — softer falloff than a header-bound gradient. Flat (non-nested) :has() check on body so the rule reliably matches on hero pages that use an overlay+dark header. Fades out via opacity once the smart-sticky JS adds .is-past-hero on the header, in sync with the header reverting to its default theme appearance. */ body:has(.ext-header-overlay.ext-header--dark) .ext-hero-section--full-screen .wp-block-cover::after { content: ""; position: absolute; inset: 0 0 auto 0; height: calc(var(--ext-header-height) * 3); transition: opacity 300ms ease; background: linear-gradient( to bottom, rgb(0 0 0 / 0.50) 0%, rgb(0 0 0 / 0.25) 50%, rgb(0 0 0 / 0.05) 80%, rgb(0 0 0 / 0) 100% ); pointer-events: none; z-index: 1; } /* Past-hero: fade the scrim out so the hero image returns to its natural look, matching the header reverting to default theme bg + colors. */ body:has(header.wp-block-template-part.is-past-hero) .ext-hero-section--full-screen .wp-block-cover::after { opacity: 0; } body:has(.entry-content > .ext-hero-section.ext-hero-section--full-screen:first-child) header.wp-block-template-part:has(.ext-header-glass.ext-header--dark) { color: #fff; } /* Inner-block dark overrides — fire only on hero pages with a dark backdrop. Overlay+dark drops out at .is-past-hero (header has reverted to default theme). Glass+dark keeps firing past-hero because the glass stays dark via its own animation. */ body:has(.entry-content > .ext-hero-section.ext-hero-section--full-screen:first-child) header.wp-block-template-part:not(.is-past-hero):has(.ext-header-overlay.ext-header--dark) :where(a, button, .wp-block-site-title):not(.has-background, .wp-block-button__link, .cloned-for-mobile, .cloned-for-mobile *), body:has(.entry-content > .ext-hero-section.ext-hero-section--full-screen:first-child) header.wp-block-template-part:has(.ext-header-glass.ext-header--dark) :where(a, button, .wp-block-site-title):not(.has-background, .wp-block-button__link, .cloned-for-mobile, .cloned-for-mobile *) { color: inherit; } body:has(.entry-content > .ext-hero-section.ext-hero-section--full-screen:first-child) header.wp-block-template-part:not(.is-past-hero):has(.ext-header-overlay.ext-header--dark) .wp-social-link:not(.cloned-for-mobile, .cloned-for-mobile *), body:has(.entry-content > .ext-hero-section.ext-hero-section--full-screen:first-child) header.wp-block-template-part:has(.ext-header-glass.ext-header--dark) .wp-social-link:not(.cloned-for-mobile, .cloned-for-mobile *) { color: #fff !important; } /* Phone CTA: force white over the dark hero. Needed because the paragraph carries WP's wp-elements-* link-color rule (preset primary), which beats .has-text-color inheritance on the inner . Drops out at .is-past-hero so the phone reverts to theme. */ body:has(.entry-content > .ext-hero-section.ext-hero-section--full-screen:first-child) header.wp-block-template-part:not(.is-past-hero):has(.ext-header-overlay.ext-header--dark) :is(.ext-nav-extras-phone, .ext-nav-extras-phone a):not(.cloned-for-mobile, .cloned-for-mobile *), body:has(.entry-content > .ext-hero-section.ext-hero-section--full-screen:first-child) header.wp-block-template-part:has(.ext-header-glass.ext-header--dark) :is(.ext-nav-extras-phone, .ext-nav-extras-phone a):not(.cloned-for-mobile, .cloned-for-mobile *) { color: #fff !important; } body:has(.entry-content > .ext-hero-section.ext-hero-section--full-screen:first-child) header.wp-block-template-part:not(.is-past-hero):has(.ext-header-overlay.ext-header--dark) svg:not(.cloned-for-mobile *), body:has(.entry-content > .ext-hero-section.ext-hero-section--full-screen:first-child) header.wp-block-template-part:has(.ext-header-glass.ext-header--dark) svg:not(.cloned-for-mobile *) { fill: currentColor; } body:has(.entry-content > .ext-hero-section.ext-hero-section--full-screen:first-child) header.wp-block-template-part:not(.is-past-hero):has(.ext-header-overlay.ext-header--dark) :is(.wp-block-site-logo, .wp-duotone-primary-foreground):not(.cloned-for-mobile, .cloned-for-mobile *), body:has(.entry-content > .ext-hero-section.ext-hero-section--full-screen:first-child) header.wp-block-template-part:has(.ext-header-glass.ext-header--dark) :is(.wp-block-site-logo, .wp-duotone-primary-foreground):not(.cloned-for-mobile, .cloned-for-mobile *) { filter: var(--ext-header-dark-logo-filter); } /* Nav-extras CTA: white pill + dark text for contrast against the dark hero scrim. Drops out at .is-past-hero so the button returns to its preset styling. */ body:has(.entry-content > .ext-hero-section.ext-hero-section--full-screen:first-child) header.wp-block-template-part:not(.is-past-hero):has(.ext-header-overlay.ext-header--dark) .ext-nav-extras-btn:not(.cloned-for-mobile, .cloned-for-mobile *) .wp-block-button__link, body:has(.entry-content > .ext-hero-section.ext-hero-section--full-screen:first-child) header.wp-block-template-part:has(.ext-header-glass.ext-header--dark) .ext-nav-extras-btn:not(.cloned-for-mobile, .cloned-for-mobile *) .wp-block-button__link { background-color: #fefefe !important; color: #060606 !important; } /* Sticky non-glass headers: smooth shadow/bg transitions (toggle on .is-scrolled / .is-past-hero) */ header.wp-block-template-part:has(.ext-header-sticky):not(:has(.ext-header-glass)) { transition: background-color 300ms ease, box-shadow 300ms ease; } /* Floating-pill: smooth the top change when .is-scrolled toggles, so the header doesn't snap up when scrolling past the admin bar. */ header.wp-block-template-part:has(.ext-header-sticky.ext-header-sticky--floating-pill) { transition: top 300ms ease; } /* Subpage elevation shadow: appears when user scrolls (no hero on the page) */ body:not(:has(.entry-content > .ext-hero-section.ext-hero-section--full-screen:first-child)) header.wp-block-template-part.is-scrolled:has(.ext-header-sticky):not(:has(.ext-header-glass)) { box-shadow: 0 4px 24px -8px rgb(0 0 0 / 0.08); } /* Smart sticky transitions: smooth color/filter changes when toggling .is-past-hero */ header.wp-block-template-part:has(.ext-header--dark) { transition: background-color 300ms ease, color 300ms ease, box-shadow 300ms ease, border-color 300ms ease; } header.wp-block-template-part:has(.ext-header--dark) :where(a, button, .wp-block-site-title, .wp-social-link) { transition: color 300ms ease; } header.wp-block-template-part:has(.ext-header--dark) .wp-block-site-logo { transition: filter 300ms ease; } /* Past-hero: any sticky+overlay gets solid theme bg + elevation shadow. Glass headers are excluded — they manage their own scroll visuals. */ header.wp-block-template-part.is-past-hero:has(.ext-header-sticky.ext-header-overlay):not(:has(.ext-header-glass)) { background-color: var(--wp--preset--color--background); box-shadow: 0 4px 24px -8px rgb(0 0 0 / 0.08); } /* Past-hero on dark variant: also revert white text / inverted logo / forced social color */ header.wp-block-template-part.is-past-hero:has(.ext-header-overlay.ext-header--dark):not(:has(.ext-header-glass)) { color: var(--wp--preset--color--foreground); } header.wp-block-template-part.is-past-hero:has(.ext-header-overlay.ext-header--dark):not(:has(.ext-header-glass)) :where(a, button, .wp-block-site-title):not(.has-background, .wp-block-button__link) { color: inherit; } header.wp-block-template-part.is-past-hero:has(.ext-header-overlay.ext-header--dark):not(:has(.ext-header-glass)) .wp-social-link { color: var(--wp--preset--color--foreground) !important; } header.wp-block-template-part.is-past-hero:has(.ext-header-overlay.ext-header--dark):not(:has(.ext-header-glass)) .wp-block-site-logo { filter: brightness(1) invert(0); } /* =========================================================== Hero timeline (for scroll-driven animations) =========================================================== */ @supports (animation-timeline: scroll()) { .entry-content > .ext-hero-section.ext-hero-section--full-screen:first-child { view-timeline: --ext-hero-timeline block; } } /* =========================================================== Behavior: ext-header-sticky--floating-pill - Layout shift: header wrapper goes transparent + constrained width - When combined with .ext-header-glass, animates glass intensity =========================================================== */ header.wp-block-template-part .ext-header-sticky--floating-pill.ext-animate { opacity: 1 !important; } header.wp-block-template-part:has(.ext-header-sticky.ext-header-sticky--floating-pill) { position: sticky; top: 0; z-index: 12; border-bottom: none; } body:has(.entry-content > .ext-hero-section.ext-hero-section--full-screen:first-child) header.wp-block-template-part:has(.ext-header-sticky.ext-header-sticky--floating-pill) { position: sticky; top: var(--ext-header-offset); max-width: var(--wp--style--global--wide-size); margin-left: auto; margin-right: auto; background-color: transparent; padding-inline: var(--wp--style--root--padding-right) var(--wp--style--root--padding-left); } /* Initial glass state (over hero): override static glass-end with start values */ body:has(.entry-content > .ext-hero-section.ext-hero-section--full-screen:first-child) header.wp-block-template-part:has(.ext-header-sticky.ext-header-sticky--floating-pill.ext-header-glass) .ext-header-sticky.ext-header-sticky--floating-pill.ext-header-glass { background-color: oklch(from var(--ext-header-glass-color-start) l c h / var(--ext-header-bg-opacity-start)); backdrop-filter: blur(var(--ext-header-blur-start)); } body.admin-bar:has(.entry-content > .ext-hero-section.ext-hero-section--full-screen:first-child) header.wp-block-template-part:has(.ext-header-sticky.ext-header-sticky--floating-pill) { top: calc(var(--ext-header-offset) + var(--wp-admin--admin-bar--position-offset, var(--wp-admin--admin-bar--height, 32px))); background-color: transparent; } @media (max-width: 782px) { body.admin-bar:has(.entry-content > .ext-hero-section.ext-hero-section--full-screen:first-child) header.wp-block-template-part:has(.ext-header-sticky.ext-header-sticky--floating-pill) { top: calc(var(--ext-header-offset) + var(--wp-admin--admin-bar--position-offset, var(--wp-admin--admin-bar--height, 46px))); } body.admin-bar:has(.entry-content > .ext-hero-section.ext-hero-section--full-screen:first-child) header.wp-block-template-part.is-scrolled:has(.ext-header-sticky.ext-header-sticky--floating-pill) { top:var(--ext-header-offset); } } @supports (animation-timeline: scroll()) { body:not(:has(.entry-content > .ext-hero-section.ext-hero-section--full-screen:first-child)) header.wp-block-template-part:has(.ext-header-sticky.ext-header-sticky--floating-pill) { max-width: calc(var(--wp--style--global--wide-size) + var(--wp--style--root--padding-right) + var(--wp--style--root--padding-left)); margin-left: auto; margin-right: auto; } @media (prefers-reduced-motion: no-preference) { body:has(.entry-content > .ext-hero-section.ext-hero-section--full-screen:first-child) header.wp-block-template-part:has(.ext-header-sticky.ext-header-sticky--floating-pill.ext-header-glass) .ext-header-sticky.ext-header-sticky--floating-pill.ext-header-glass { animation: ext-header-glass-intensify linear both !important; animation-timeline: --ext-hero-timeline !important; animation-range: exit 0% exit 80% !important; } body:not(:has(.entry-content > .ext-hero-section.ext-hero-section--full-screen:first-child)) header.wp-block-template-part:has(.ext-header-sticky.ext-header-sticky--floating-pill.ext-header-glass) .ext-header-sticky.ext-header-sticky--floating-pill.ext-header-glass { animation: ext-header-glass-intensify-no-hero linear forwards !important; animation-timeline: scroll() !important; animation-range: 0 var(--ext-header-animation-distance) !important; } } } @keyframes ext-header-glass-intensify { from { background-color: oklch(from var(--ext-header-glass-color-start) l c h / var(--ext-header-bg-opacity-start)); backdrop-filter: blur(var(--ext-header-blur-start)); } to { background-color: oklch(from var(--ext-header-glass-color-end) l c h / var(--ext-header-bg-opacity-end)); backdrop-filter: blur(var(--ext-header-blur-end)); box-shadow: 0 14px 28px -10px rgb(0 0 0 / 0.14), 0 -14px 28px -10px rgb(0 0 0 / 0.14); } } @keyframes ext-header-glass-intensify-no-hero { from { background-color: oklch(from var(--ext-header-glass-color-start) l c h / var(--ext-header-bg-opacity-start)); backdrop-filter: blur(var(--ext-header-blur-start)); box-shadow: none; translate: 0 0; max-width: 100%; margin-inline: auto; } to { background-color: oklch(from var(--ext-header-glass-color-end) l c h / var(--ext-header-bg-opacity-end)); backdrop-filter: blur(var(--ext-header-blur-end)); box-shadow: 0 14px 28px -10px rgb(0 0 0 / 0.14), 0 -14px 28px -10px rgb(0 0 0 / 0.14); translate: 0 var(--ext-header-offset); max-width: var(--wp--style--global--wide-size); margin-inline: var(--wp--style--root--padding-right) var(--wp--style--root--padding-left); border-radius: 1rem; } } /* =========================================================== Vibe/gradient fix ----------------------------------------------------------- Vibe block-style variations (e.g. is-style-ext-preset--group--*--header-1--N) paint a background gradient on the header. That gradient fights every over-hero / glass-tint / dark-scrim treatment we apply to overlay or glass headers, because the glass and overlay rules set background-COLOR while the variation sets a background-IMAGE that paints on top. Override the variation's background-image specifically (not the whole `background:` shorthand). That lets each header keep working in its natural design: - overlay non-glass: gets transparent bg over hero, theme bg past hero - glass: gets the glass tint (light by default, dark when --dark is set) On non-overlay / non-glass headers the variation gradient stays as-is. =========================================================== */ .ext-header-overlay[class*="is-style-ext-preset--"], .ext-header-glass[class*="is-style-ext-preset--"]{background-image:none!important}header:has(>header.wp-block-template-part :where(.ext-header-overlay)){display:contents}.wcpay-express-checkout-wrapper{width:100%;clear:both;display:flex;flex-direction:column}.wcpay-express-checkout-wrapper #wcpay-express-checkout-element{opacity:0;transition:all .3s ease-in-out;min-height:0;margin:0}.wcpay-express-checkout-wrapper #wcpay-express-checkout-element.is-ready{opacity:1}.wcpay-express-checkout-wrapper #wcpay-express-checkout-element.is-ready:not(:first-child){margin-top:12px}.woocommerce-cart .wcpay-express-checkout-wrapper{margin-bottom:0}.woocommerce-checkout .wcpay-express-checkout-wrapper #wcpay-express-checkout-element.is-ready:first-child{margin-top:4px}.woocommerce-checkout .wcpay-express-checkout-wrapper #wcpay-woopay-button{margin-top:4px}.woocommerce .type-product .wcpay-express-checkout-wrapper,.wp-block-add-to-cart-form .wcpay-express-checkout-wrapper,.wp-block-add-to-cart-with-options .wcpay-express-checkout-wrapper,.wc-proceed-to-checkout .wcpay-express-checkout-wrapper{margin-top:1em;margin-bottom:1em}.wcpay-express-checkout-wrapper,.wc-block-components-express-payment__event-buttons{list-style:none}.wcpay-express-checkout-wrapper .StripeElement iframe,.wc-block-components-express-payment__event-buttons .StripeElement iframe{max-width:unset}.payment-methods--logos>div{display:flex;align-items:center;flex-wrap:nowrap;min-width:0;max-width:100%;overflow:hidden}.payment-methods--logos>div img{width:37px;height:24px;margin-right:4px;flex-shrink:1;min-width:0;max-width:100%}.payment-methods--logos-count{width:38px;height:24px;background-color:rgb(117 117 117 / .1);color:var(--wp--preset--color--contrast,#1e1e1e);text-align:center;line-height:24px;border-radius:3px;font-size:11px;font-weight:600;white-space:nowrap;flex-shrink:1;text-overflow:ellipsis;overflow:hidden}.logo-popover{background-color:#fff;border:1px solid #ddd;border-radius:3px;padding:8px;box-sizing:border-box;box-shadow:0 0 10px 0 rgb(0 0 0 / .1);display:grid;gap:8px;justify-content:center;cursor:pointer;width:fit-content}.logo-popover>img{width:38px;height:24px;box-shadow:0 0 0 1px rgb(0 0 0 / .1)}.payment-methods--logos-popover>img{object-position:center!important}.wc-block-components-express-payment--cart .wc-block-components-express-payment__event-buttons>li{padding-bottom:12px!important}.wc-block-components-express-payment--cart .wc-block-components-express-payment__event-buttons>li:last-child{padding-bottom:0!important}.wc-block-components-express-payment-continue-rule--cart{margin:24px 0!important;height:20px}.wp-block-woocommerce-cart-express-payment-block,.wp-block-woocommerce-checkout-express-payment-block{overflow:visible!important}.wc-block-components-express-payment .wc-block-components-express-payment__content{overflow:visible!important}.wc-block-components-express-payment .wc-block-components-express-payment__event-buttons{overflow:visible!important;padding:0 4px}.wc-block-components-express-payment .wc-block-components-express-payment__event-buttons>li{overflow:visible!important}@supports not (-webkit-appearance:-apple-pay-button){#express-payment-method-woocommerce_payments_express_checkout_applePay:has(#express-checkout-button-preview-applePay){display:none}}#express-checkout-button-preview-googlePay .gpay-card-info-container{min-width:auto}#payment .payment_method_woocommerce_payments .woocommerce-error{margin:1rem 0}.js-woopayments-copy-test-number{line-height:1.2em;vertical-align:middle;border-radius:0;border:none!important;background-color:transparent!important;font-weight:400;display:inline-flex;cursor:pointer;color:inherit!important;font-family:inherit!important;font-size:inherit;padding:2px 1px!important;align-items:center;box-shadow:none!important}.js-woopayments-copy-test-number span{margin-right:4px}.js-woopayments-copy-test-number i{order:1;display:block;width:1.2em;height:1.2em;mask-image:url(/wp-content/plugins/woocommerce-payments/assets/images/icons/copy.svg?ver=14a3a00de64a8c0c151c);mask-size:contain;mask-repeat:no-repeat;mask-position:center;background-color:currentColor}.js-woopayments-copy-test-number:hover{background-color:#fff0;opacity:.7}.js-woopayments-copy-test-number:hover i{opacity:.7}.js-woopayments-copy-test-number:active i{transform:scale(.9)}.js-woopayments-copy-test-number:focus{outline:none}.js-woopayments-copy-test-number.state--success i{mask-image:url(/wp-content/plugins/woocommerce-payments/assets/images/icons/check-green.svg?ver=488deef5db84c71239e1)}.wcpay-payment-element-wrapper{position:relative}.wcpay-payment-element-wrapper.is-apm{min-height:100px}.wcpay-payment-element-skeleton{position:absolute;top:0;left:0;right:0;z-index:1;opacity:1;transition:opacity 300ms ease-out;margin-bottom:2rem}.wcpay-payment-element-skeleton.is-hidden{opacity:0;pointer-events:none}.wcpay-skeleton-row{display:flex;gap:12px;margin-top:12px}.wcpay-payment-element{margin-bottom:1rem}#express-payment-method-woopay{width:100%}.wc-block-checkout__payment-method .wc-block-components-payment-method-label.wc-block-components-payment-method-label--with-icon{display:flex;align-items:center;width:100%}.wc-block-checkout__payment-method .wc-block-components-payment-method-label.wc-block-components-payment-method-label--with-icon .wcpay-payment-method-icon{height:24px;width:auto;order:2;margin-left:auto}.wc-block-checkout__payment-method .wc-block-components-payment-method-label.wc-block-components-payment-method-label--with-icon .payment-methods--logos{height:24px;order:2;margin-left:auto}.wc-block-checkout__payment-method .wc-block-components-payment-method-label.wc-block-components-payment-method-label--with-icon .test-mode.badge{background-color:#fff2d7;border-radius:4px;padding:4px 6px;font-size:12px;font-weight:400;line-height:16px;color:#4d3716;margin-left:8px;display:none;order:1}.wc-block-checkout__payment-method input:checked~div .wc-block-components-radio-control__label:where([id^="radio-control-wc-payment-method-options-woocommerce_payments"][id$="__label"])>.wc-block-components-payment-method-label .test-mode.badge{display:inline-block}#remember-me:empty{margin-bottom:0}#wcpay-woopay-button{container-type:inline-size;container-name:woopay-button}#wcpay-woopay-button a.woopay-express-button{text-decoration:none}#wcpay-woopay-button a.woopay-express-button,#wcpay-woopay-button a.woopay-express-button:hover,#wcpay-woopay-button a.woopay-express-button:focus,#wcpay-woopay-button a.woopay-express-button:visited,#wcpay-woopay-button a.woopay-express-button:active{text-decoration:none;color:#000}#wcpay-woopay-button a.woopay-express-button[data-theme=dark],#wcpay-woopay-button a.woopay-express-button[data-theme=dark]:hover,#wcpay-woopay-button a.woopay-express-button[data-theme=dark]:focus,#wcpay-woopay-button a.woopay-express-button[data-theme=dark]:visited,#wcpay-woopay-button a.woopay-express-button[data-theme=dark]:active{color:#fff}#wcpay-woopay-button .woopay-express-button{box-sizing:border-box;font-size:18px;font-weight:500;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue","Helvetica","Roboto","Arial",sans-serif;letter-spacing:.8px;height:40px;width:100%;background:#fff;border-radius:4px;border:none;color:#000;display:flex;align-items:center;justify-content:center;white-space:nowrap;text-transform:none;list-style-type:none;min-height:auto;overflow:hidden;position:relative}#wcpay-woopay-button .woopay-express-button .button-content{display:flex;align-items:center;justify-content:center;transform:scale(.9);max-width:100%;padding:0 12px}#wcpay-woopay-button .woopay-express-button .woopay-button-separator{display:inline-block;width:1px;height:1.2em;background-color:rgb(0 0 0 / .3);margin:0 10px 0 4px}#wcpay-woopay-button .woopay-express-button .woopay-button-card-brand{height:18px;width:auto;margin-right:4px;vertical-align:middle}#wcpay-woopay-button .woopay-express-button .woopay-button-last4{font-size:.75em;letter-spacing:.5px}#wcpay-woopay-button .woopay-express-button[data-size=small] .woopay-button-card-brand{height:14px}#wcpay-woopay-button .woopay-express-button[data-size=small] .woopay-button-last4{font-size:.7em}#wcpay-woopay-button .woopay-express-button[data-size=large] .woopay-button-card-brand{height:22px}#wcpay-woopay-button .woopay-express-button[data-size=large] .woopay-button-last4{font-size:.8em}#wcpay-woopay-button .woopay-express-button:not(:disabled):not(.is-placeholder):focus-visible{box-shadow:inset 0 0 0 2px #6108ce;outline:none}#wcpay-woopay-button .woopay-express-button:not(:disabled):not(.is-placeholder):hover{cursor:pointer}#wcpay-woopay-button .woopay-express-button:disabled,#wcpay-woopay-button .woopay-express-button[aria-disabled=true],#wcpay-woopay-button .woopay-express-button.is-placeholder{opacity:.5;cursor:not-allowed}#wcpay-woopay-button .woopay-express-button.is-loading,#wcpay-woopay-button .woopay-express-button.is-loading:hover,#wcpay-woopay-button .woopay-express-button.is-loading:disabled{opacity:1!important}#wcpay-woopay-button .woopay-express-button svg{fill:#6108ce;width:99px}#wcpay-woopay-button .woopay-express-button[data-type=buy],#wcpay-woopay-button .woopay-express-button[data-type=book],#wcpay-woopay-button .woopay-express-button[data-type=donate]{min-width:150px}#wcpay-woopay-button .woopay-express-button[data-type=buy] svg,#wcpay-woopay-button .woopay-express-button[data-type=book] svg,#wcpay-woopay-button .woopay-express-button[data-type=donate] svg{margin-left:5px}@container woopay-button (max-width:280px){#wcpay-woopay-button .woopay-express-button[data-type=buy],#wcpay-woopay-button .woopay-express-button[data-type=book],#wcpay-woopay-button .woopay-express-button[data-type=donate]{font-size:14px;letter-spacing:.5px}#wcpay-woopay-button .woopay-express-button[data-type=buy] svg,#wcpay-woopay-button .woopay-express-button[data-type=book] svg,#wcpay-woopay-button .woopay-express-button[data-type=donate] svg{width:88px;margin-left:4px}}@container woopay-button (max-width:240px){#wcpay-woopay-button .woopay-express-button[data-type=buy],#wcpay-woopay-button .woopay-express-button[data-type=book],#wcpay-woopay-button .woopay-express-button[data-type=donate]{font-size:12px;letter-spacing:.3px}#wcpay-woopay-button .woopay-express-button[data-type=buy] svg,#wcpay-woopay-button .woopay-express-button[data-type=book] svg,#wcpay-woopay-button .woopay-express-button[data-type=donate] svg{width:84px;margin-left:3px}}@container woopay-button (max-width:200px){#wcpay-woopay-button .woopay-express-button[data-type=buy],#wcpay-woopay-button .woopay-express-button[data-type=book],#wcpay-woopay-button .woopay-express-button[data-type=donate]{font-size:10px;letter-spacing:.2px}#wcpay-woopay-button .woopay-express-button[data-type=buy] svg,#wcpay-woopay-button .woopay-express-button[data-type=book] svg,#wcpay-woopay-button .woopay-express-button[data-type=donate] svg{width:80px;margin-left:2px}}#wcpay-woopay-button .woopay-express-button[data-theme=dark]{background:#873eff;color:#fff;border-color:#873eff}#wcpay-woopay-button .woopay-express-button[data-theme=dark] svg{fill:#fff}#wcpay-woopay-button .woopay-express-button[data-theme=dark] .woopay-button-separator{background-color:rgb(255 255 255 / .4)}#wcpay-woopay-button .woopay-express-button[data-theme=dark]:not(:disabled):not(.is-placeholder):hover{border-color:#a77eff;background:#a77eff}#wcpay-woopay-button .woopay-express-button[data-theme=dark]:not(:disabled):not(.is-placeholder):focus-visible{box-shadow:none;outline:2px solid #3c087e;outline-offset:2px}#wcpay-woopay-button .woopay-express-button[data-theme=light-outline]{border:1px solid #000}#wcpay-woopay-button .woopay-express-button[data-theme=light-outline]:not(:disabled):not(.is-placeholder):hover{background:#e0e0e0}#wcpay-woopay-button .woopay-express-button[data-theme=light-outline]:not(:disabled):not(.is-placeholder):focus-visible{box-shadow:inset 0 0 0 2px #000}#wcpay-woopay-button .woopay-express-button[data-size=medium]{height:48px}#wcpay-woopay-button .woopay-express-button[data-size=medium][data-type=buy],#wcpay-woopay-button .woopay-express-button[data-size=medium][data-type=book],#wcpay-woopay-button .woopay-express-button[data-size=medium][data-type=donate]{min-width:150px}@container woopay-button (max-width:280px){#wcpay-woopay-button .woopay-express-button[data-size=medium][data-type=buy],#wcpay-woopay-button .woopay-express-button[data-size=medium][data-type=book],#wcpay-woopay-button .woopay-express-button[data-size=medium][data-type=donate]{font-size:15px;letter-spacing:.5px}#wcpay-woopay-button .woopay-express-button[data-size=medium][data-type=buy] svg,#wcpay-woopay-button .woopay-express-button[data-size=medium][data-type=book] svg,#wcpay-woopay-button .woopay-express-button[data-size=medium][data-type=donate] svg{width:90px;margin-left:4px}}@container woopay-button (max-width:240px){#wcpay-woopay-button .woopay-express-button[data-size=medium][data-type=buy],#wcpay-woopay-button .woopay-express-button[data-size=medium][data-type=book],#wcpay-woopay-button .woopay-express-button[data-size=medium][data-type=donate]{font-size:13px;letter-spacing:.3px}#wcpay-woopay-button .woopay-express-button[data-size=medium][data-type=buy] svg,#wcpay-woopay-button .woopay-express-button[data-size=medium][data-type=book] svg,#wcpay-woopay-button .woopay-express-button[data-size=medium][data-type=donate] svg{width:86px;margin-left:3px}}@container woopay-button (max-width:200px){#wcpay-woopay-button .woopay-express-button[data-size=medium][data-type=buy],#wcpay-woopay-button .woopay-express-button[data-size=medium][data-type=book],#wcpay-woopay-button .woopay-express-button[data-size=medium][data-type=donate]{font-size:11px;letter-spacing:.2px}#wcpay-woopay-button .woopay-express-button[data-size=medium][data-type=buy] svg,#wcpay-woopay-button .woopay-express-button[data-size=medium][data-type=book] svg,#wcpay-woopay-button .woopay-express-button[data-size=medium][data-type=donate] svg{width:82px;margin-left:2px}}#wcpay-woopay-button .woopay-express-button[data-size=medium] .button-content{transform:scale(1)}#wcpay-woopay-button .woopay-express-button[data-size=large]{height:55px}#wcpay-woopay-button .woopay-express-button[data-size=large][data-type=buy],#wcpay-woopay-button .woopay-express-button[data-size=large][data-type=book],#wcpay-woopay-button .woopay-express-button[data-size=large][data-type=donate]{min-width:150px}@container woopay-button (max-width:280px){#wcpay-woopay-button .woopay-express-button[data-size=large][data-type=buy],#wcpay-woopay-button .woopay-express-button[data-size=large][data-type=book],#wcpay-woopay-button .woopay-express-button[data-size=large][data-type=donate]{font-size:16px;letter-spacing:.6px}#wcpay-woopay-button .woopay-express-button[data-size=large][data-type=buy] svg,#wcpay-woopay-button .woopay-express-button[data-size=large][data-type=book] svg,#wcpay-woopay-button .woopay-express-button[data-size=large][data-type=donate] svg{width:93px;margin-left:4px}}@container woopay-button (max-width:240px){#wcpay-woopay-button .woopay-express-button[data-size=large][data-type=buy],#wcpay-woopay-button .woopay-express-button[data-size=large][data-type=book],#wcpay-woopay-button .woopay-express-button[data-size=large][data-type=donate]{font-size:14px;letter-spacing:.4px}#wcpay-woopay-button .woopay-express-button[data-size=large][data-type=buy] svg,#wcpay-woopay-button .woopay-express-button[data-size=large][data-type=book] svg,#wcpay-woopay-button .woopay-express-button[data-size=large][data-type=donate] svg{width:89px;margin-left:3px}}@container woopay-button (max-width:200px){#wcpay-woopay-button .woopay-express-button[data-size=large][data-type=buy],#wcpay-woopay-button .woopay-express-button[data-size=large][data-type=book],#wcpay-woopay-button .woopay-express-button[data-size=large][data-type=donate]{font-size:12px;letter-spacing:.3px}#wcpay-woopay-button .woopay-express-button[data-size=large][data-type=buy] svg,#wcpay-woopay-button .woopay-express-button[data-size=large][data-type=book] svg,#wcpay-woopay-button .woopay-express-button[data-size=large][data-type=donate] svg{width:85px;margin-left:2px}}#wcpay-woopay-button .woopay-express-button[data-size=large] .button-content{transform:scale(1.1)}@media screen and (min-width:785px)and (max-width:850px){#wcpay-woopay-button .woopay-express-button[data-size=large]{font-size:22px}}#contact_details{float:none}#contact_details+#customer_details{display:block}#contact-fields .wc-block-components-text-input,#contact-fields .woocommerce-input-wrapper,.woopay-billing-email .wc-block-components-text-input,.woopay-billing-email .woocommerce-input-wrapper{display:inline-block;position:relative;width:100%}#contact-fields .wc-block-components-text-input .wc-block-components-spinner,#contact-fields .woocommerce-input-wrapper .wc-block-components-spinner,.woopay-billing-email .wc-block-components-text-input .wc-block-components-spinner,.woopay-billing-email .woocommerce-input-wrapper .wc-block-components-spinner{right:10px;width:24px}.wc-block-components-address-form__email{position:relative}.wc-block-components-address-form__email .wc-block-components-spinner{top:50%;left:auto;right:10px;width:24px;height:24px;transform:translateY(-50%)}.woopay-login-session-iframe{width:100%;height:100vh;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:355000;border:0;background:#fff;visibility:hidden}.woopay-login-session-iframe.open{transition:top 500ms;visibility:visible}@media screen and (min-width:768px){.woopay-login-session-iframe-wrapper{position:fixed;background:rgb(117 117 117 / .6);top:0;left:0;width:100vw;height:100vh;content:" ";display:block;z-index:355000}.woopay-login-session-iframe-wrapper .woopay-login-session-iframe{transition:none;height:90vh;max-height:520px;position:absolute;max-width:374px;border-radius:8px}}.woopay-otp-iframe{transition:top 500ms;width:100%;height:100dvh;position:fixed;top:100%;left:0;z-index:355000;border:0;background:#fff}.woopay-otp-iframe.open{top:0}.woopay-otp-iframe-wrapper .arrow{position:fixed;top:100%}@media screen and (min-width:768px){.woopay-otp-iframe-wrapper{position:fixed;background:rgb(117 117 117 / .6);top:0;left:0;width:100vw;height:100vh;content:" ";display:block;z-index:355000}.woopay-otp-iframe-wrapper .woopay-otp-iframe{transition:none;height:90vh;max-height:650px;position:absolute;max-width:374px;border-radius:8px;right:50px;left:auto}.woopay-otp-iframe-wrapper .arrow{position:absolute;right:7.5px;background:#fff0;width:0;height:0;z-index:355001;border-top:15px solid #fff0;border-bottom:15px solid #fff0;border-right:15px solid #fff}}@keyframes spinner__animation{0%{animation-timing-function:cubic-bezier(.5856,.0703,.4143,.9297);transform:rotate(0deg)}100%{transform:rotate(360deg)}}.woopay-billing-email .wc-block-components-spinner,.wcpay-express-checkout-wrapper .wc-block-components-spinner,#wcpay-woopay-button .wc-block-components-spinner{position:absolute;width:100%;height:100%;color:inherit;box-sizing:content-box;text-align:center;font-size:1.25em;top:initial;left:initial}.woopay-billing-email .wc-block-components-spinner::after,.wcpay-express-checkout-wrapper .wc-block-components-spinner::after,#wcpay-woopay-button .wc-block-components-spinner::after{content:" ";position:absolute;top:50%;left:50%;margin:-.5em 0 0 -.5em;width:1em;height:1em;box-sizing:border-box;transform-origin:50% 50%;transform:translateZ(0) scale(.5);backface-visibility:hidden;border-radius:50%;border:.2em solid currentColor;border-left-color:#fff0;animation:spinner__animation 1s infinite linear}.is-loadable-placeholder{animation:loading-fade 1.6s ease-in-out infinite;background-color:#e2e4e7;color:#fff0;display:inline-block}@media screen and (prefers-reduced-motion:reduce){.is-loadable-placeholder{animation:none}}.is-loadable-placeholder.is-inline{display:inline}.is-loadable-placeholder.is-block{display:block;margin-top:1em}.is-loadable-placeholder.is-block:first-child{margin-top:0}.is-loadable-placeholder.is-block p{margin:0}.wcpay-skeleton__element{background:color-mix(in srgb,currentColor 5%,transparent);border:none;border-radius:4px;overflow:hidden;position:relative}.wcpay-skeleton__element::after{animation:wcpay-skeleton-shimmer 1.25s infinite;background:linear-gradient(90deg,transparent 0%,color-mix(in srgb,currentColor 5%,transparent) 50%,transparent 100%);content:"";inset:0;position:absolute;transform:translateX(-100%)}@media(prefers-reduced-motion:reduce){.wcpay-skeleton__element::after{animation:none}}.wcpay-skeleton__element--static::after{display:none}@keyframes wcpay-skeleton-shimmer{100%{transform:translateX(100%)}}.payment_methods li[class*=payment_method_ppcp-] label img{max-height:24px}