HOME


Mini Shell 1.0
DIR: /var/www/yme/wp-content/plugins/ocean-extra/includes/onboarding/assets/dist/
Upload File :
Current File : //var/www/yme/wp-content/plugins/ocean-extra/includes/onboarding/assets/dist/style-index-rtl.css
.checkbox-group--item{align-items:center;display:flex;gap:7px;justify-content:flex-start;margin-bottom:7px}.checkbox-group--item .checkbox-container{align-items:center;display:flex;gap:10px;justify-content:flex-start}.checkbox-group--item .checkbox-container .item-label{cursor:pointer}
.image-upload-field .image-wrapper{cursor:pointer;max-height:200px;position:relative;width:120px}.image-upload-field .image-wrapper img{display:block;width:120px}.image-upload-field .image-wrapper .media-button{background-color:var(--oow-color-media-btn-background,#121110);bottom:0;display:flex;justify-content:space-between;right:0;opacity:0;position:absolute;left:0;text-align:center;transform:translateY(100%);transition:transform .5s,opacity .5s}.image-upload-field .image-wrapper .media-button .btn-delete,.image-upload-field .image-wrapper .media-button .btn-edit{background-color:transparent;border:0;border-radius:0;box-shadow:unset;color:var(--oow-color-card-background-surface,#fff);cursor:pointer;outline:unset}.image-upload-field .image-wrapper .media-button .btn-delete svg,.image-upload-field .image-wrapper .media-button .btn-edit svg{fill:currentColor;color:var(--oow-color-card-background-surface,#fff)}.image-upload-field .image-wrapper:hover .media-button{opacity:1;transform:translateY(0)}.image-upload-field .btn-upload-image.is-secondary{align-items:center;background:none;border:none;box-shadow:none;color:var(--oow-color-text,#121110);cursor:pointer;display:flex;gap:10px;justify-content:flex-start}.image-upload-field .btn-upload-image.is-secondary svg{height:20px;width:20px}

.dropdown{display:inline-block;font-family:Arial,sans-serif;min-width:180px;position:relative}@media(max-width:768px){.dropdown{min-width:calc(50% - 10px)}}.dropdown-label{align-items:center;display:flex;gap:10px;justify-content:flex-start}.dropdown .dropdown-button{align-items:center;background:var(--oow-color-card-background-surface,#fff);border:1.5px solid var(--oow-color-card-border,#d4d6d7)!important;border-radius:4px;box-sizing:border-box;color:var(--oow-color-text,#121110);cursor:pointer;display:flex;font-size:14px;font-weight:500;justify-content:space-between;padding:5px 15px;text-align:right;transition:all .2s ease;width:100%}.dropdown .dropdown-button:hover{background:var(--oow-color-card-background,#f9f9fa)}.dropdown .dropdown-button.open{border:1.5px solid var(--oow-color-primary,#13aadc)!important}.dropdown .dropdown-menu{background:var(--oow-color-card-background-surface,#fff);border:1px solid var(--oow-color-card-border,#d4d6d7);border-radius:6px;box-shadow:0 4px 10px rgba(0,0,0,.1);box-sizing:border-box;inset-inline-start:15px;right:15px;margin-top:3px;overflow:hidden;position:absolute;top:100%;width:calc(100% - 30px);z-index:10}.dropdown .dropdown-menu ul{list-style:none;margin:0;padding:0}.dropdown .dropdown-menu ul .dropdown-item{align-items:center;cursor:pointer;display:flex;font-size:14px;justify-content:space-between;padding:10px 14px;transition:background .2s ease;fill:currentColor}.dropdown .dropdown-menu ul .dropdown-item:hover{background:var(--oow-color-dropdown-item-background-hover,#f0f0f0)}.dropdown .dropdown-menu ul .dropdown-item.selected .check-icon{color:var(--oow-color-primary,#13aadc)}.dropdown .dropdown-menu ul .dropdown-item .option-name{align-items:center;display:flex;gap:10px;justify-content:flex-start}.dropdown .dropdown-menu ul .dropdown-item .option-name svg{height:24px;width:24px}
body.onboarding-wizard--active{--oow-color-primary:#13aadc;--oow-color-text:#121110;--oow-color-text-secondary:#41403e;--oow-color-card-background:#f9f9fa;--oow-color-card-background-surface:#fff;--oow-color-card-border:#d4d6d7;--oow-color-text-3:#5b5a59;--oow-color-text-4:#838280;--oow-color-btn-background:#121110;--oow-color-btn-text:#fff;--oow-color-btn-text-filled:#121110;--oow-color-btn-border:#121110;--oow-color-btn-background-hover:#181818;--oow-color-btn-border-focus:#ff8000;--oow-color-green:#1d8603;--oow-color-yellow:#fbe520;--oow-color-header-divider:#e2e2e2;--oow-color-checkbox-disabled:#a0a0a0;--oow-color-dropdown-item-background-hover:#f0f0f0;--oow-color-media-btn-background:#121110e0;--oow-color-cta-background:#121110;--oow-color-cta-text:#d4d6d7;--oow-color-cta-btn-background:#181818;--oow-color-cta-btn-background-hover:#282828;--oow-color-cta-btn-text:#fff;--oow-color-cta-btn-dismiss:#fff;--oow-color-cta-border:#2a2a2a}body.onboarding-wizard--active.wizard-dark-mode{--oow-color-primary:#13aadc;--oow-color-text:#b2b2b2;--oow-color-text-secondary:silver;--oow-color-card-background:#1e1e1e;--oow-color-card-background-surface:#2c2c2c;--oow-color-card-border:#3a3a3a;--oow-color-text-3:#a9a9a9;--oow-color-text-4:#8a8a8a;--oow-color-btn-background:#1e1e1e;--oow-color-btn-text:#b2b2b2;--oow-color-btn-text-filled:#b2b2b2;--oow-color-btn-border:#1e1e1e;--oow-color-btn-background-hover:#181818;--oow-color-btn-border-focus:#686868;--oow-color-green:#3fcf4a;--oow-color-yellow:#fbe520;--oow-color-header-divider:#444;--oow-color-checkbox-disabled:#555;--oow-color-dropdown-item-background-hover:#333;--oow-color-media-btn-background:#ffffff1a;--oow-color-cta-background:#121110;--oow-color-cta-text:#d4d6d7;--oow-color-cta-btn-background:#181818;--oow-color-cta-btn-background-hover:#282828;--oow-color-cta-btn-text:#fff;--oow-color-cta-btn-dismiss:#fff;--oow-color-cta-border:#2a2a2a}body.wizard-dark-mode .modal-header{box-shadow:0 1px 24px 0 hsla(0,0%,66%,.08)}body.wizard-dark-mode .modal-header .onboarding-toolbar .components-button{color:var(--oow-color-text,#b2b2b2)}body.wizard-dark-mode .modal-header .onboarding-toolbar svg path,body.wizard-dark-mode .skip-onboarding svg path{stroke:var(--oow-color-text,#b2b2b2)}body.wizard-dark-mode .templates-container .template-type{color:#121110}body.wizard-dark-mode .component-import-status .has-icon .ocean-svg svg path,body.wizard-dark-mode .component-upgrade-to-pro .has-icon .ocean-svg svg path{stroke:var(--oow-color-text,#b2b2b2)}body.wizard-dark-mode .dropdown .dropdown-button svg,body.wizard-dark-mode .type-btn svg{fill:var(--oow-color-text,#121110)}body.wizard-dark-mode .btn-plain:hover{background:var(--oow-color-btn-background-hover,#181818)}body.wizard-dark-mode .ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent h4,body.wizard-dark-mode .ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedPermissions .ml-form-embedPermissionsContent.privacy-policy p:last-child,body.wizard-dark-mode .ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedPermissions .ml-form-embedPermissionsContent.privacy-policy p:last-child a,body.wizard-dark-mode .ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent h4{color:var(--oow-color-text,#b2b2b2)!important}body.wizard-dark-mode ::-webkit-scrollbar{width:10px}body.wizard-dark-mode ::-webkit-scrollbar-track{background:var(--oow-color-card-border,#3a3a3a)}body.wizard-dark-mode ::-webkit-scrollbar-thumb{background-color:var(--oow-color-card-background-surface,#1e1e1e);border-radius:4px}body.wizard-dark-mode ::-webkit-scrollbar-thumb:hover{background-color:var(--oow-color-card-background,#1e1e1e)}.onboarding-wizard--active #oe-onboarding-app{background-color:var(--oow-color-card-background,#f9f9fa);bottom:0;color:var(--oow-color-text,#121110);right:0;overflow-y:auto;position:fixed;left:0;top:0;z-index:999}.onboarding-wizard--active #oe-onboarding-app .save-settings{margin-top:40px}.onboarding-wizard--active #oe-onboarding-app .footer-action{align-items:center;display:flex;justify-content:space-between;margin-top:40px}.onboarding-wizard--active #oe-onboarding-app .footer-action .action-forward{align-items:center;display:flex;gap:10px;justify-content:space-between}.onboarding-wizard--active #oe-onboarding-app .footer-action.start{justify-content:flex-start}.onboarding-wizard--active #oe-onboarding-app .footer-action.end{justify-content:flex-end}.onboarding-wizard--active #oe-onboarding-app .footer-action.center{justify-content:center;margin-top:30px}@media(max-width:768px){.onboarding-wizard--active #oe-onboarding-app .footer-action.center{margin-top:50px}}.onboarding-wizard--active #oe-onboarding-app .footer-action .components-spinner{margin:0 10px}.onboarding-wizard--active #oe-onboarding-app .checkbox-container input[type=checkbox]{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--oow-color-card-background-surface,#fff);border:1.8px solid var(--oow-color-text-secondary,#41403e);border-radius:50%;box-shadow:none;cursor:pointer;display:flex;height:20px;justify-content:center;margin:0;padding:0;width:20px}.onboarding-wizard--active #oe-onboarding-app .checkbox-container input[type=checkbox]:before{background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";display:block;height:10px;margin:1px;width:10px}.onboarding-wizard--active #oe-onboarding-app .checkbox-container input[type=checkbox]:checked{border-color:var(--oow-color-primary,#13aadc)}.onboarding-wizard--active #oe-onboarding-app .checkbox-container input[type=checkbox]:checked:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%278%27 height=%276%27 fill=%27none%27%3E%3Cpath stroke=%27%2313aadc%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%271.8%27 d=%27M1.083 3.417 2.75 5.083 6.917.917%27/%3E%3C/svg%3E")}.onboarding-wizard--active #oe-onboarding-app .checkbox-container input[type=checkbox]:disabled{border-color:var(--oow-color-checkbox-disabled,#a0a0a0);cursor:not-allowed}.onboarding-wizard--active #oe-onboarding-app .checkbox-container input[type=checkbox]:disabled:checked:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%278%27 height=%276%27 fill=%27none%27%3E%3Cpath stroke=%27%2341403E%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%271.8%27 d=%27M1.083 3.417 2.75 5.083 6.917.917%27/%3E%3C/svg%3E")}.onboarding-wizard--active #oe-onboarding-app .checkbox-container input[type=checkbox]:focus{outline-color:var(--oow-color-btn-border-focus,#ff8000)}.onboarding-wizard--active #oe-onboarding-app .has-icon{display:flex;justify-content:center}.onboarding-wizard--active #oe-onboarding-app .has-icon.left{justify-content:flex-start}.onboarding-wizard--active ::-webkit-scrollbar-thumb{background-color:var(--oow-color-card-background-surface,#fff);border-radius:4px}.component-row{margin:0 auto;max-width:90%}.content-box{margin:0 auto;width:475px}@media(max-width:520px){.content-box{width:100%}}.modal-back{align-items:center;background:none;border:none;box-shadow:unset;color:var(--oow-color-text,#121110);cursor:pointer;display:flex;font-weight:600;gap:5px;justify-content:flex-start}.modal-back .ocean-svg svg{height:16px;width:16px}.modal-back .ocean-svg svg path{stroke:var(--oow-color-text,#121110)}.is-title{font-size:26px;font-weight:600;letter-spacing:0;line-height:28px;margin-bottom:64px;text-align:center}.is-subtitle{font-size:16px;font-weight:700;letter-spacing:0;line-height:20px;margin:20px 0}.is-description{font-size:13px;font-weight:400;letter-spacing:0;line-height:1.6;margin:8px 0}.center{text-align:center}.left{text-align:start}.right{text-align:end}.bold-500{font-weight:500}.is-link{box-shadow:none;text-decoration:none}.type-btn{background-color:unset;border:2px solid var(--oow-color-btn-border,#121110);border-radius:4px;color:var(--oow-color-btn-text-filled,#fff);cursor:pointer;font-weight:600;padding:8px 12px;white-space:nowrap}.type-btn.is-filled{background:var(--oow-color-btn-background,#121110);color:var(--oow-color-btn-text,#fff)}.type-btn.is-filled:hover{background:var(--oow-color-btn-background-hover,#9d8a8a);border-color:var(--oow-color-btn-background-hover,#181818)}.type-btn.is-filled:focus{outline-color:var(--oow-color-btn-border-focus,#ff8000)}.type-btn:disabled,.type-btn[disabled]{background:var(--oow-color-btn-background,#121110);border-color:var(--oow-color-btn-background,#121110);border-radius:4px;box-shadow:none!important;cursor:not-allowed;opacity:.5;opacity:.2}.type-btn:hover{border-color:var(--oow-color-btn-background-hover,#181818)}.type-btn:focus{outline-color:var(--oow-color-btn-border-focus,#ff8000)}.btn-plain{align-items:center;background-color:unset;border:none;border-radius:4px;color:var(--oow-color-btn-text-filled,#fff);cursor:pointer;display:flex;font-weight:600;gap:10px;justify-content:center;margin-top:100px;padding:8px 12px;white-space:nowrap}.btn-plain .ocean-svg{line-height:1}.btn-plain .ocean-svg svg{height:20px;width:20px}.btn-plain.center{margin:100px auto}.action-outside .type-btn{--oow-color-btn-border:#2c2c2c}.action-outside .type-btn.is-filled{--oow-color-btn-background:#2c2c2c}.action-outside .type-btn:disabled,.action-outside .type-btn[disabled]{--oow-color-btn-background:#121110}.skip-onboarding{align-items:center;cursor:pointer;display:flex;gap:10px;justify-content:center;margin-top:100px}.skip-onboarding .ocean-svg{line-height:1}.skip-onboarding .ocean-svg svg{height:20px;width:20px}.onboarding-component{margin:100px auto}.onboarding-component .components-base-control__label{font-size:12px;font-weight:500;line-height:16px;text-transform:capitalize}.ocean-svg svg{display:block;height:40px;width:40px}.ocean-svg.loading{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(-1turn)}}img.ocean-svg{height:24px;width:24px}img.ocean-svg.size-m{height:40px;width:40px}.card-divider{align-items:center;display:inline-flex;font-size:14px;justify-content:center;margin:20px 0;position:relative;width:100%}.card-divider:after,.card-divider:before{background-color:var(--oow-color-card-border,#d4d6d7);content:"";flex-grow:1;height:1px;margin:0 10px}.card-divider:before{margin-left:10px}.card-divider:after{margin-right:10px}html.onboarding-wizard.wp-toolbar{overflow:hidden;padding-top:0}.onboarding-wizard--active div#adminmenumain,.onboarding-wizard--active div#wpadminbar{display:none}.onboarding-wizard--active div#wpcontent{background:var(--oow-color-card-background-surface,#fff);margin:0;position:relative}@media(max-width:1250px){.onboarding-wizard--active div#wpcontent{margin-right:0!important;padding-right:0!important}}.onboarding-wizard--active #wpcontent{height:100%;padding-right:0}.onboarding-wizard--active #wpcontent #wpbody-content{padding-bottom:0}.onboarding-wizard--active #wpfooter{display:none}.onboarding-wizard--active #wpwrap{background:var(--oow-color-card-background-surface,#fff)}@media(max-width:1250px){.onboarding-wizard--active #wpbody{padding-top:0}}.onboarding-wizard--active p{padding-right:0;padding-left:0}.onboarding-wizard--active a[target=_blank]:after{content:""!important}.component-cleanup .cleanup-item{background-color:var(--oow-color-card-background-surface,#fff);border-radius:8px;border-width:.5px;border:.5px solid var(--oow-color-card-border,#d4d6d7);box-sizing:border-box;gap:40px;margin:0 auto;padding:32px 24px;width:450px}@media(max-width:540px){.component-cleanup .cleanup-item{width:100%}}.component-cleanup ul.is-list{list-style:disc;margin-right:15px;padding:0}.cleanup-modal{align-items:center;display:flex;justify-content:center;right:0;position:fixed;top:0}.cleanup-modal,.cleanup-modal .has-overlay{background:rgba(0,0,0,.5);height:100%;width:100%}.cleanup-modal .has-overlay{position:absolute}.cleanup-modal .cleanup-content{animation:fadeIn .3s ease-in-out;background:var(--oow-color-card-background-surface,#fff);border-radius:10px;box-shadow:0 10px 20px rgba(0,0,0,.2);max-width:90%;padding:20px;position:relative;text-align:center;width:340px}.cleanup-complete,.proccessing-cleanup{text-align:center}.cleanup-complete .is-description,.proccessing-cleanup .is-description{margin-bottom:24px;margin-top:64px}.onboarding-wizard-canvas .modal-header{background-color:var(--oow-color-card-background,#f9f9fa);box-shadow:0 1px 24px 0 rgba(0,0,0,.078);position:fixed;top:0;width:100%;z-index:99}.onboarding-wizard-canvas .modal-header__inner{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:90%;padding:10px 0}.onboarding-wizard-canvas .modal-header .onboarding-toolbar{align-items:center;display:flex;gap:10px;justify-content:flex-end}.onboarding-wizard-canvas .modal-header .onboarding-toolbar button{background-color:transparent;border:none;box-shadow:unset;cursor:pointer}.onboarding-wizard-canvas .modal-header .onboarding-toolbar button svg{height:25px;width:25px}.onboarding-wizard-canvas .modal-header .onboarding-toolbar button.modal-close{transition:transform .5s ease}.onboarding-wizard-canvas .modal-header .onboarding-toolbar button.modal-close:hover{transform:rotate(-90deg)}.onboarding-wizard-canvas .modal-header .onboarding-toolbar>*{align-items:center;display:flex;padding:0 15px;position:relative}.onboarding-wizard-canvas .modal-header .onboarding-toolbar>:nth-last-child(2){padding-left:5px}.onboarding-wizard-canvas .modal-header .onboarding-toolbar>:last-child{padding:0 5px}.onboarding-wizard-canvas .modal-header .onboarding-toolbar>:not(:nth-last-child(-n+2)):after{background-color:var(--oow-color-header-divider,#e2e2e2);content:"";height:35px;position:absolute;left:-7.5px;top:50%;transform:translateY(-50%);width:2px}.onboarding-wizard-canvas .modal-header .ocean-svg svg{height:40px;width:40px}.onboarding-wizard-canvas .modal-header .sync-template.syncing svg{animation:rotate 1s linear infinite}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(-1turn)}}.onboarding-wizard-canvas .modal-header .sync-template.synced{color:var(--oow-color-green,#1d8603)}.component-card-layout .card-items{align-items:center;display:flex;flex-wrap:wrap;gap:32px;justify-content:center}.component-card-layout .card-items .item{background:var(--oow-color-card-background-surface,#fff);border-radius:8px;border-width:.5px;border:.5px solid var(--oow-color-card-border,#d4d6d7);gap:40px;height:240px;padding:32px 24px;width:280px}.component-card-layout .card-items .item .has-icon svg{height:40px;width:40px}.component-card-layout .card-items .item .type-btn{width:100%}.component-card-layout .card-items .is-description{min-height:90px}.single-card{background:var(--oow-color-card-background-surface,#fff);border:.5px solid var(--oow-color-card-border,#d4d6d7);border-radius:8px;box-sizing:border-box;margin:0 auto;padding:32px 24px;width:475px}@media(max-width:520px){.single-card{width:100%}}.single-card__header{display:flex;font-weight:500;justify-content:space-between}.single-card input{background:var(--oow-color-card-background-surface,#fff);border:1px solid var(--oow-color-card-border,#d4d6d7);border-radius:4px;color:var(--oow-color-text,#121110);height:40px;margin-bottom:16px;padding-right:8px;padding-left:8px;width:100%}.single-card .ocean-image-picker{margin-bottom:26px}.single-card__footer{display:flex;justify-content:center}.onboarding-component .color-palettes{display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));padding:20px 0}.onboarding-component .color-palette{align-items:center;background-color:var(--oow-color-card-background-surface,#fff);border:1.5px solid transparent;border-radius:4px;box-shadow:0 2px 8px 0 rgba(0,0,0,.12);cursor:pointer;display:flex;flex-direction:column;padding:2px;transition:transform .2s ease-in-out,border .2s ease-in-out}.onboarding-component .color-palette:hover{transform:scale(1.05)}.onboarding-component .color-palette.selected{border:1.5px solid var(--oow-color-primary,#13aadc)}.onboarding-component .color-palette-item{border-radius:2px;display:flex;height:40px;justify-content:center;overflow:hidden;width:100%}.onboarding-component .color-box{flex:1;height:100%}.onboarding-component .spacing-top{margin-top:20px}.onboarding-component.component-site-typography .single-card{max-width:600px;width:100%}.onboarding-component .font-presets{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));padding:20px 0}.onboarding-component .font-preset{align-items:center;background:var(--oow-color-card-background-surface,#fff);border:1.5px solid transparent;border-radius:4px;box-shadow:0 2px 8px 0 rgba(0,0,0,.12);cursor:pointer;display:flex;flex-direction:column;padding:2px;transition:transform .2s ease-in-out,border .2s ease-in-out}.onboarding-component .font-preset:hover{transform:scale(1.05)}.onboarding-component .font-preset.selected{border:1.5px solid var(--oow-color-primary,#13aadc)}.onboarding-component .item-headings{color:var(--oow-color-text,#121110);font-size:15px;margin:0;padding:10px}.onboarding-component .item-body{color:var(--oow-color-text,#121110);font-size:13px;padding:10px}.onboarding-component .font-preset-item span{display:block;font-weight:700;margin-top:8px}.component-templates .search-templates{align-items:center;background:var(--oow-color-card-background-surface,#fff);border:1px solid var(--oow-color-card-border,#d4d6d7);border-radius:4px;display:flex;height:32px;margin:0 auto;max-width:600px;padding:5px 8px;position:relative;width:90%}@media(max-width:768px){.component-templates .search-templates{width:85%}}.component-templates .search-templates .search-icon{align-items:center;color:var(--oow-color-text-4,#838280);display:flex;right:12px;position:absolute}.component-templates .search-templates .search-icon svg{height:18px;width:18px}.component-templates .search-templates input{background:transparent;border:none;box-shadow:none!important;color:var(--oow-color-text,#121110);font-size:14px;outline:none;padding:8px 35px 8px 10px;width:100%}.component-templates .search-templates input::-moz-placeholder{color:var(--oow-color-text-4,#838280)}.component-templates .search-templates input::placeholder{color:var(--oow-color-text-4,#838280)}.component-templates .search-templates:has(input:focus){border-color:var(--oow-color-btn-border-focus,#ff8000);box-shadow:0 0 0 2px hsla(0,0%,44%,.108)}.component-templates .filter-bar{align-items:center;background:var(--oow-color-card-background,#f9f9fa);border-radius:8px;box-shadow:0 13px 29px 0 rgba(0,0,0,.04),0 52px 52px 0 rgba(0,0,0,.03),0 117px 70px 0 rgba(0,0,0,.02),0 209px 83px 0 rgba(0,0,0,.01),0 326px 91px 0 transparent;display:flex;justify-content:space-between;margin:20px auto 0;padding:16px;width:90%}.component-templates .filter-bar .filter-by-category{align-items:center;display:flex;font-size:13px;font-weight:500;gap:10px;justify-content:flex-start}.component-templates .filter-bar .filter-by-category .item-category{background-color:transparent;border:1.5px solid transparent;border-radius:4px;color:var(--oow-color-text,#121110);cursor:pointer;padding:8px}.component-templates .filter-bar .filter-by-category .item-category.selected{border-color:var(--oow-color-primary,#13aadc)}.component-templates .filter-bar .mobile-category-dropdown{position:relative}.component-templates .filter-bar .mobile-category-dropdown .dropdown-toggle{background:var(--oow-color-card-background-surface,#fff);border:1px solid var(--oow-color-card-border,#d4d6d7);border-radius:4px;color:var(--oow-color-text,#121110);cursor:pointer;font-weight:500;padding:10px 12px;width:100px}.component-templates .filter-bar .mobile-category-dropdown .dropdown-options{background:var(--oow-color-card-background-surface,#fff);border:1px solid var(--oow-color-card-border,#d4d6d7);border-radius:4px;display:flex;flex-direction:column;right:0;margin-top:6px;position:absolute;left:0;top:100%;width:180px;z-index:10}.component-templates .filter-bar .mobile-category-dropdown .dropdown-options .item-category{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:10px 12px}.component-templates .filter-bar .mobile-category-dropdown .dropdown-options .item-category.selected svg{fill:var(--oow-color-primary,#13aadc)}@media(max-width:768px){.component-templates .filter-bar{align-items:center;flex-direction:column;gap:20px;justify-content:center}.component-templates .filter-bar .mobile-category-dropdown,.component-templates .filter-bar .mobile-category-dropdown .dropdown-options,.component-templates .filter-bar .mobile-category-dropdown .dropdown-toggle{width:100%}.component-templates .filter-bar .filter-by-category{display:none}}.component-templates .filter-bar .filter-toolbar .dropdown{padding:0 15px}.component-templates .filter-bar .filter-toolbar .dropdown svg{height:20px;width:20px}.component-templates .filter-bar .filter-toolbar .dropdown:last-child{margin-left:-15px}@media(max-width:768px){.component-templates .filter-bar .filter-toolbar{display:flex;gap:20px;justify-content:space-between;width:100%}.component-templates .filter-bar .filter-toolbar .dropdown{padding:0}.component-templates .filter-bar .filter-toolbar .dropdown .dropdown-menu{inset-inline-start:0;right:0;width:100%}.component-templates .filter-bar .filter-toolbar .dropdown:last-child{margin-left:0}}.component-templates .templates-container{margin:0 auto;width:90%}.template-grid{display:grid;gap:30px;grid-template-columns:repeat(1,1fr);list-style:none;margin-top:30px;padding:0}@media(min-width:768px){.template-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1024px){.template-grid{grid-template-columns:repeat(4,1fr)}}.template-grid .template-item{background:var(--oow-color-card-background-surface,#fff);border:.5px solid var(--oow-color-card-border,#d4d6d7);border-radius:8px;text-align:center;transition:transform .2s ease}.template-grid .template-item:hover{transform:translateY(-3px)}.template-grid .template-item .template-thumb{border-radius:8px 8px 0 0;overflow:hidden;position:relative;width:100%}.template-grid .template-item .template-thumb img{display:block;height:100%;-o-object-fit:fill;object-fit:fill;width:100%}.template-grid .template-item .template-thumb .template-skeleton{background-color:var(--oow-color-card-background,#f9f9fa);height:100%;width:100%}.template-grid .template-item .template-thumb .template-type{background:var(--oow-color-yellow,#fbe520);border-bottom-right-radius:16px;border-right-width:2px;font-size:12px;font-weight:500;padding:5px 16px;position:absolute;left:0;text-transform:uppercase;top:0}.template-grid .template-item .template-title{font-size:16px;margin-bottom:20px;text-align:initial}.template-grid .template-item .template-action{align-items:center;display:flex;justify-content:space-between}.template-grid .template-item .template-action .preview-link{align-items:center;box-shadow:unset;color:var(--oow-color-text,#121110);display:flex;gap:5px;justify-content:center;text-decoration:none}.template-grid .template-item .template-action .preview-link svg{height:20px;width:20px}.template-grid .template-item .template-action .type-btn{box-sizing:border-box;width:45%}.template-grid .template-item .template-info{padding:20px}.template-cta{align-items:center;animation:fadeIn .5s ease forwards;background:rgba(0,0,0,.5);display:flex;height:100vh;justify-content:center;right:0;position:fixed;top:0;width:100vw;z-index:998}.template-cta-flyout{animation:slowAppear 1s ease forwards;background:var(--oow-color-cta-background,#121110);border:.5px solid var(--oow-color-cta-border,#fff);border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.1);max-width:90%;padding:24px 32px;position:relative;width:calc(100% - 40px);z-index:999}@media(max-width:768px){.template-cta-flyout{max-width:75%}}.template-cta-flyout .cta-inner{align-items:center;display:flex;flex-direction:column;gap:10px}@media(min-width:768px){.template-cta-flyout .cta-inner{flex-direction:row;justify-content:space-between}}.template-cta-flyout .cta-content{color:var(--oow-color-cta-text,#fff)}.template-cta-flyout .cta-title{font-size:26px;font-weight:600;letter-spacing:0;line-height:1.2;margin-bottom:16px}.template-cta-flyout .cta-message{font-size:16px;font-weight:500;letter-spacing:0;line-height:1.2}@media(max-width:768px){.template-cta-flyout .cta-message,.template-cta-flyout .cta-title{text-align:center}}.template-cta-flyout .cta-actions{display:flex;gap:40px}.template-cta-flyout .cta-actions .get-pro-bundle{background-color:var(--oow-color-cta-btn-background,#181818);box-shadow:unset;color:var(--oow-color-cta-btn-text,#fff);text-decoration:none}.template-cta-flyout .cta-actions .get-pro-bundle:hover{background-color:var(--oow-color-cta-btn-background-hover,#282828)}@media(max-width:768px){.template-cta-flyout .cta-actions .get-pro-bundle{margin-top:24px}}.template-cta-flyout .cta-actions .cta-dismiss{background:transparent;border:none;cursor:pointer;transition:transform .5s ease}@media(max-width:768px){.template-cta-flyout .cta-actions .cta-dismiss{position:absolute;left:10px;top:10px}}.template-cta-flyout .cta-actions .cta-dismiss svg{height:20px;width:20px}.template-cta-flyout .cta-actions .cta-dismiss svg path{stroke:var(--oow-color-cta-btn-dismiss,#fff)}.template-cta-flyout .cta-actions .cta-dismiss:hover{transform:rotate(-90deg)}@keyframes slowAppear{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.component-selected-template .template-details{align-items:center;display:flex;gap:40px;margin:0 auto;max-width:600px}.component-selected-template .template-details>*{flex:1 1 50%;min-width:300px}.component-selected-template .template-details .template-thumbnail{background:var(--oow-color-card-background-surface,#fff);border:.5px solid var(--oow-color-card-border,#d4d6d7);border-radius:8px;box-shadow:0 2px 24px 0 rgba(0,0,0,.16)}.component-selected-template .template-details .template-thumbnail img{border-radius:8px;display:block;height:auto;width:100%}.component-selected-template .template-details .template-summary{display:flex;flex-direction:column;justify-content:space-between}.component-selected-template .template-details .template-summary .activate-pro-bundle,.component-selected-template .template-details .template-summary .get-pro-bundle{box-shadow:unset;text-align:center;text-decoration:none}.component-selected-template .template-details .template-summary .activate-pro-bundle,.component-selected-template .template-details .template-summary .bundle-btn{color:var(--oow-color-text,#121110)}.component-selected-template .template-details .template-summary .card-divider:before{margin-right:0;margin-left:10px}.component-selected-template .template-details .template-summary .card-divider:after{margin-right:10px;margin-left:0}.component-selected-template .template-details .template-summary .is-subtitle{margin:8px 0}.component-selected-template .template-details .template-summary .is-description{margin-bottom:35px}.component-selected-template .footer-action .modal-back{margin-top:100px}@media(max-width:768px){.component-selected-template .template-details{flex-direction:column}.component-selected-template .template-details>*{flex:1 1 100%;width:90%}}.component-plugins .is-title{margin-bottom:16px}.component-plugins .is-description{margin-bottom:30px}.plugin-grid{display:grid;gap:30px;grid-template-columns:repeat(3,1fr);margin-top:20px}@media(max-width:1024px){.plugin-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.plugin-grid{grid-template-columns:1fr}}.plugin-grid .plugin-grid--card{background:var(--oow-color-card-background-surface,#fff);border:.5px solid var(--oow-color-card-border,#d4d6d7);border-radius:4px;padding:25px 20px;position:relative}.plugin-grid .plugin-grid--card .plugin-card-header{margin-bottom:20px}.plugin-grid .plugin-grid--card .plugin-card-header .plugin-intro{align-items:center;display:flex;justify-content:space-between;margin-top:7px}.plugin-grid .plugin-grid--card .plugin-card-header .plugin-intro .plugin-name{color:var(--oow-color-text,#121110);font-size:16px;font-weight:600;letter-spacing:0;line-height:20px}.plugin-grid .plugin-grid--card .plugin-status{color:#555;font-size:13px}.plugin-grid .plugin-grid--card .get-pro-plugin{margin-top:35px}.plugin-grid .plugin-grid--card .get-pro-plugin a{box-shadow:none;color:var(--oow-color-text,#121110);text-decoration:none}.plugin-grid .plugin-grid--card .pluginby{border-bottom-right-radius:16px;border-right-width:2px;border-top-left-radius:4px;font-size:12px;font-weight:500;padding:5px 16px;position:absolute;left:0;top:0}.plugin-grid .plugin-grid--card .pluginby.oceanwp{background:var(--oow-color-primary,#13aadc);color:var(--oow-color-card-background-surface,#fff)}.plugin-grid .plugin-grid--card .pluginby.oceanwp-pro{background:var(--oow-color-text,#121110);color:var(--oow-color-card-background-surface,#fff)}.plugin-grid .plugin-grid--card .pluginby.other{background:var(--oow-color-card-background,#f9f9fa);color:var(--oow-color-text,#121110)}.component-subscribe .is-subtitle.uppercase{color:var(--oow-color-text-4,#838280);text-transform:uppercase}.component-subscribe .single-card{margin-top:24px}.component-subscribe .single-card .input-field-label{display:block;margin-bottom:12px}.component-subscribe .single-card #mlb2-24346036.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody,.component-subscribe .single-card #mlb2-24346036.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody{padding:0}.component-subscribe .single-card #mlb2-24346036.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit button{background-color:var(--oow-color-btn-background,#121110)!important;border:2px solid var(--oow-color-btn-background,#121110)!important;border-radius:4px!important;color:var(--oow-color-btn-text,#fff)!important;cursor:pointer;font-size:12px!important;font-weight:600!important;line-height:normal!important;margin-top:16px;padding:8px 12px!important;white-space:nowrap;width:auto!important}.component-subscribe .subscribe-action{align-items:center;display:flex;flex-direction:column;gap:30px;justify-content:center;margin-top:64px}.component-data-import .is-title{margin-bottom:24px}.component-data-import .single-card{margin-top:40px}.component-data-import .single-card .item-card{background:var(--oow-color-card-background-surface,#fff);border:.25px solid var(--oow-color-card-border,#d4d6d7);border-radius:4px;padding:12px 16px}.component-data-import .single-card .item-card:not(:last-child){margin-bottom:12px}.component-data-import .single-card .item-card .card-header{align-items:center;display:flex;justify-content:space-between}.component-data-import .single-card .item-card .card-header .card-title{align-items:center;display:flex;gap:7px;justify-content:flex-start}.component-data-import .single-card .item-card .card-header .card-title .is-subtitle{margin:0}.component-data-import .single-card .item-card .card-header .card-title .ocean-svg svg{height:24px;width:24px}.component-importing-data .content-box{margin-top:60px}.component-importing-data .content-box .import-message{font-size:14px;font-weight:500}.component-importing-data .content-box .type-notice{color:var(--oow-color-text-4,#838280);font-size:13px;font-weight:400;letter-spacing:0;margin-top:40px}.component-import-consent .is-title{margin-bottom:24px}.component-import-consent .single-card{margin-top:40px}.component-import-consent .single-card .item-card{background:var(--oow-color-card-background-surface,#fff);border:.25px solid var(--oow-color-card-border,#d4d6d7);border-radius:4px;padding:12px 16px}.component-import-consent .single-card .item-card:not(:last-child){margin-bottom:12px}.component-import-consent .single-card .item-card .checkbox-container{align-items:center;display:flex;gap:12px;justify-content:flex-start;margin-top:20px}.component-import-consent .single-card .item-card .checkbox-container .consent-checkbox-label{cursor:pointer;font-weight:500}.component-import-consent .single-card .btn-consent{margin-top:24px}.component-import-consent .footer-action.center{margin-top:100px}.component-import-status .is-title{margin-bottom:35px}.component-import-status .content-box{margin-top:64px}.component-import-status .content-box .link-support{box-shadow:none;text-decoration:none}.onboarding-dismiss .notice-content{align-items:center;display:flex;justify-content:space-between}@media screen and (max-width:1140px){.onboarding-dismiss .notice-content{flex-direction:column-reverse;justify-content:center}}.onboarding-dismiss .notice-content>.notice-content__area{max-width:55%}.onboarding-dismiss .notice-content>.notice-content__image{max-width:40%}@media screen and (max-width:1140px){.onboarding-dismiss .notice-content>.notice-content__area,.onboarding-dismiss .notice-content>.notice-content__image{max-width:100%}}.onboarding-dismiss .notice-content .notice-content__image img{width:100%}.wizard-confirm-close-overlay{align-items:center;background:rgba(0,0,0,.6);display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.wizard-confirm-close-box{background-color:var(--oow-color-card-background-surface,#fff);border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.2);max-width:400px;padding:2rem;text-align:center}.wizard-confirm-close-actions{display:flex;gap:1rem;justify-content:center;margin-top:1rem}.component-upgrade-to-pro .upgrade-notice-content{align-items:center;display:flex;gap:40px;margin:0 auto;max-width:600px}.component-upgrade-to-pro .upgrade-notice-content>*{flex:1 1 50%;min-width:300px}.component-upgrade-to-pro .upgrade-notice-content .upgrade-image{background:var(--oow-color-card-background-surface,#fff);border:.5px solid var(--oow-color-card-border,#d4d6d7);border-radius:8px;box-shadow:0 2px 24px 0 rgba(0,0,0,.16)}.component-upgrade-to-pro .upgrade-notice-content .upgrade-image img{border-radius:8px;display:block;height:auto;width:100%}.component-upgrade-to-pro .upgrade-notice-content .upgrade-summary{display:flex;flex-direction:column;justify-content:space-between}.component-upgrade-to-pro .upgrade-notice-content .upgrade-summary .activate-pro-bundle,.component-upgrade-to-pro .upgrade-notice-content .upgrade-summary .get-pro-bundle{box-shadow:unset;text-align:center;text-decoration:none}.component-upgrade-to-pro .upgrade-notice-content .upgrade-summary .activate-pro-bundle,.component-upgrade-to-pro .upgrade-notice-content .upgrade-summary .bundle-btn{color:var(--oow-color-text,#121110)}.component-upgrade-to-pro .upgrade-notice-content .upgrade-summary .card-divider:before{margin-right:0;margin-left:10px}.component-upgrade-to-pro .upgrade-notice-content .upgrade-summary .card-divider:after{margin-right:10px;margin-left:0}.component-upgrade-to-pro .upgrade-notice-content .upgrade-summary .is-subtitle{margin:8px 0}.component-upgrade-to-pro .upgrade-notice-content .upgrade-summary .is-description{margin-bottom:35px}@media(max-width:768px){.component-upgrade-to-pro .upgrade-notice-content{flex-direction:column}.component-upgrade-to-pro .upgrade-notice-content>*{flex:1 1 100%;width:90%}}.component-finish-setup .is-subtitle{color:var(--oow-color-text-4,#838280)}.component-finish-setup .footer-action.center{flex-direction:column;gap:40px}