div#LumiseDesign div#lumise-navigations,div#lumise-top-tools>ul.lumise-top-nav li button:not(.white), #LumiseDesign button.lumise-btn:not(.white),div#lumise-workspace .lumise-save-color i:hover,div#LumiseDesign div#lumise-navigations ul[data-block] li[data-view="list"] ul[data-view="sub"] li:not([data-view="sp"]):hover,div#LumiseDesign div#lumise-navigations ul[data-block="right"]>li[data-tool="languages"] i,ul#lumise-saved-designs li[data-editing]:after,.lumise-switch .lumise-toggle-button:checked~.lumise-toggle-label,.lumise-toggle input:checked ~ .lumise-toggle-label,.lumise_form_group input[type="submit"],.lumise_form_group .img-preview label,.lumise_sidebar ul.lumise_menu > li > a:before,.lumise_submit:hover,.lumise_header .add_new:hover,.btn-toggle-sidebar:hover,.lumise_backtotop:hover,#lumise-select-language header .close-pop:hover:before, #lumise-select-language header .close-pop:hover:after,body .lumise-btn-primary,.lumise_radios .lumise-radio input:checked ~ label .check:before,#lumise-popup .lumise-popup-content ul.lumise-stagle-list-base li:hover img,.lumise_form_group .lumise_form_content button[data-func="create-color"],.lumise_radios .radio input:checked ~ label .check:before,.lumise_content button[data-btn="primary"],#lumise-left #lumise-uploads header button:hover,#lumise-left #lumise-uploads header button.active,#lumise-left #lumise-x-thumbn-preview .lumise-categories-wrp ul li.active p,#lumise-left #lumise-x-thumbn-preview .lumise-categories-wrp ul li:after,div#LumiseDesign div#lumise-navigations ul[data-block][data-resp="file"].active,#lumise-lightbox #lumise-change-products-wrp ul[data-view="categories"] li.active,#lumise-lightbox #lumise-change-products-wrp ul[data-view="products"] li[data-current="true"]:after,#lumise-list-colors #lumise-list-colors-body .col .create-color-grp button[data-func="apply-now"],.bgcolorafter:after,.bgcolor{background-color: #ad232e !important;}input[type=range]::-webkit-slider-thumb{background-color: #ad232e !important;}div#LumiseDesign div#lumise-left>div.lumise-left-nav-wrp>ul.lumise-left-nav li:hover,#lumise-cliparts .lumise-cliparts-search i,#lumise-left .lumise-xitems-search i,#lumise-left #lumise-cliparts-preview>header>span,div#lumise-top-tools ul[data-mode-text] .text-format.selected,div#lumise-top-tools>ul.lumise-top-nav>li:hover [data-tip="true"] > i,div#lumise-top-tools>ul.lumise-top-nav>li.active [data-tip="true"] > i,div#LumiseDesign div#lumise-navigations ul[data-block="right"]>li[data-tool="languages"] li:hover>i,.lumise_sidebar ul li a:hover, .lumise_sidebar ul li a.active, .lumise_sidebar ul li a:hover i, .lumise_sidebar ul li a.active i,.lumise_content .lumise_table a,.lumise_breadcrumb li span,#lumise-popup ul li:hover,#LumiseDesign a,.lumise-color,div#lumise-product nav>price,#lumise-left #lumise-x-thumbn-preview>header>span,#lumise-cliparts .lumise-cliparts-search i, #lumise-templates .lumise-templates-search i, #lumise-left .lumise-xitems-search i,.lumise_dashbroad a{color: #ad232e !important;}.lumise_content a,#lumise-lightbox #lumise-change-products-wrp ul[data-view="products"] li span[data-view="price"]{color: #ad232e;}div#LumiseDesign div#lumise-navigations #lumise-share-nav li[data-view="header"] span[data-active="true"],#lumise-left #lumise-uploads header button.active:after {border-top-color: #ad232e !important;}.lumise_header .add_new:hover,.lumise_backtotop:hover,.lumise_radios .lumise-radio input:checked ~ label .check,.lumise_radios .radio input:checked ~ label .check,.lumise-cart-options .lumise-prints .lumise_form_group .lumise_form_content input:checked + label,#lumise-list-colors #lumise-list-colors-body .col li i.fa:after {border-color: #ad232e !important;}#lumise-shapes svg:hover,.lumise_checkbox input:checked ~ label .check svg path{fill: #ad232e !important;}div#lumise-top-tools>ul.lumise-top-nav li[data-tool] ul[data-view="sub"] li#lumise-text-effect span[data-sef="images"] img:hover, div#lumise-top-tools>ul.lumise-top-nav li[data-tool] ul[data-view="sub"] li#lumise-text-effect span[data-sef="images"] img[data-selected="true"]{outline-color: #ad232e !important;}.lumise-cart-options .lumise-prints .lumise_form_group .lumise_form_content input:checked + label{box-shadow:0 0 0 2px #ad232e;}@media only screen and (max-width: 736px){html div#LumiseDesign div#lumise-left>div.lumise-left-nav-wrp>ul.lumise-left-nav li.active{background: #ad232e !important;}}@media only screen and (max-width: 1390px) {li#lumise-design-undo, li#lumise-design-redo {margin-top:3px!important;}div#LumiseDesign div#lumise-navigations #lumise-nav-file {margin-left: 5px!important;margin-right: 5px!important; }div#LumiseDesign div#lumise-navigations ul[data-block]>li,div#LumiseDesign div#lumise-navigations #lumise-proceed>button#lumise-cart-action, div#LumiseDesign div#lumise-navigations .back_shop,div#LumiseDesign div#lumise-navigations ul[data-block="right"] .lumise-price { font-size: 10px!important; }div#LumiseDesign div#lumise-navigations ul[data-block=right]>li[data-tool] {margin: 0px!important; }div#LumiseDesign div#lumise-navigations ul[data-block=right] {margin-right: 5px!important; }div#LumiseDesign div#lumise-navigations ul[data-block="right"] button#lumise-addToCart img {width: 14px!important;height: 14px!important;top: -2px!important;}div#LumiseDesign div#lumise-navigations ul[data-block="left"]>li[data-tool] {padding: 19px 3px 16px!important;}}@media only screen and (max-width: 1390px) {li#lumise-design-undo, li#lumise-design-redo { padding: 20px 3px 16px!important;font-size: 10px!important;}}=======================#LumiseDesign a {color:white!important}div#LumiseDesign div#lumise-navigations #lumise-proceed>button#lumise-cart-action { background: #DD0017!important;}div#LumiseDesign div#lumise-left>div.lumise-left-nav-wrp>ul.lumise-left-nav li:hover, #lumise-cliparts .lumise-cliparts-search i, #lumise-left .lumise-xitems-search i, #lumise-left #lumise-cliparts-preview>header>span, div#lumise-top-tools ul[data-mode-text] .text-format.selected, div#lumise-top-tools>ul.lumise-top-nav>li:hover [data-tip=true]>i, div#lumise-top-tools>ul.lumise-top-nav>li.active [data-tip=true]>i, div#LumiseDesign div#lumise-navigations ul[data-block=right]>li[data-tool=languages] li:hover>i, .lumise_sidebar ul li a:hover, .lumise_sidebar ul li a.active, .lumise_sidebar ul li a:hover i, .lumise_sidebar ul li a.active i, .lumise_content .lumise_table a, .lumise_breadcrumb li span, #lumise-popup ul li:hover, #LumiseDesign a, .lumise-color, div#lumise-product nav>price, #lumise-left #lumise-x-thumbn-preview>header>span, #lumise-cliparts .lumise-cliparts-search i, #lumise-templates .lumise-templates-search i, #lumise-left .lumise-xitems-search i, .lumise_dashbroad a {color: #FFFFFF;}.a.lumise-color.lumise-print-detail {color: #49c0e0 !important;}@media only screen and (max-width: 1390px) {div#LumiseDesign div#lumise-navigations ul[data-block="right"] > li#lumise-proceed button > * {display: block!important; }}body.lumise-theme-mono-editor #LumiseDesign {
--lmono-color-black: #202020;
--lmono-color-white: #ffffff;
--lmono-color-canvas: #d9d9d9;
--lmono-color-border: #dedede;
--lmono-color-muted: #6a6a6a;
--lmono-color-accent: var( --lmono-theme-color, #3fc7ba );
--lmono-color-accent-rgb: var( --lmono-theme-color-rgb, 63, 199, 186 );
--lmono-color-accent-hover: var( --lmono-theme-color-hover, #34a396 );
--lmono-color-accent-soft: rgba( var( --lmono-color-accent-rgb ), 0.08 );
--lmono-color-accent-border: rgba( var( --lmono-color-accent-rgb ), 0.45 );
--lmono-color-accent-shadow: rgba( var( --lmono-color-accent-rgb ), 0.12 );
--lmono-radius-sm: 6px;
--lmono-radius-md: 10px;
--lmono-shadow-panel: 0 8px 30px rgba( 0, 0, 0, 0.08 );
--lmono-header-height: 60px;
--lmono-sidebar-rail-width: 68px;
--lmono-sidebar-panel-width: 420px;
--lmono-stages-width: 80px;
--lmono-bottom-bar-height: 68px;
}body.lumise-theme-mono-editor #LumiseDesign,
body.lumise-theme-mono-editor #LumiseDesign * {
box-sizing: border-box;
}
i.lumisex-android-close {
display: block;
margin: 0;
height: 18px;
}body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations { background: var(--lmono-color-white) !important;
background-color: var(--lmono-color-white) !important;
border-bottom: 1px solid var(--lmono-color-border);
box-shadow: 0 2px 10px rgba( 0, 0, 0, 0.06 );
color: var(--lmono-color-black);
height: var(--lmono-header-height);
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations a[data-view="logo"] {
align-items: center;
border-right: 1px solid var(--lmono-color-border);
display: flex;
height: var(--lmono-header-height);
justify-content: center;
min-width: 78px;
padding: 7px 16px;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations a[data-view="logo"] img {
display: block;
height: auto;
margin: 0;
max-height: 42px;
max-width: 58px;
object-fit: contain;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations ul[data-block] {
align-items: center;
color: var(--lmono-color-black);
display: flex;
height: var(--lmono-header-height);
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations ul[data-block="right"] {
margin-right: 18px;
} body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations ul[data-block] > li {
border-radius: 8px;
color: #343434;
font-size: 14px;
font-weight: 500;
line-height: 20px;
margin: 0 2px;
padding: 9px 12px;
transition: background-color 160ms ease, color 160ms ease, opacity 160ms ease;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations ul[data-block] > li:not(.disabled):hover {
background: #f2f2f2;
color: #111111;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations ul[data-block] > li[data-tool].active > span {
color: #111111;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations ul[data-block] > li.disabled {
color: #9a9a9a;
opacity: 0.58;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations ul[data-block] > li[data-view="sp"] {
background: var(--lmono-color-border);
border-radius: 999px;
height: 24px;
margin: 0 8px;
padding: 0 0 0 1px;
top: auto;
width: 1px;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations ul[data-block] li#lumise-status,
body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations ul[data-block] li#lumise-status a {
color: #777777;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations ul[data-block] li#lumise-status a:hover {
color: #111111;
} body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations ul[data-block="right"] > li {
background: transparent;
border-radius: 0;
height: var(--lmono-header-height);
margin: 0;
padding: 0;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations ul[data-block="right"] > li:not(.disabled):hover,
body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations ul[data-block="right"] > li.active {
background: transparent;
color: inherit;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations ul[data-block="right"] .lumise-price {
color: #242424;
font-size: 17px;
font-weight: 600;
line-height: var(--lmono-header-height);
padding: 0 8px;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations button#lumise-addToCart {
background: #f5f5f5;
border: 1px solid #e1e1e1;
border-radius: 8px;
height: 38px;
margin: 11px 8px 0 6px;
padding: 0 11px;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations button#lumise-addToCart:hover {
background: #ebebeb;
border-color: #d4d4d4;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations button#lumise-addToCart img {
filter: brightness( 0 ) saturate( 100% );
height: 21px;
top: 2px;
width: 21px;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations button#lumise-addToCart small {
background: #ef3d4d;
box-shadow: 0 0 0 2px #ffffff;
color: #ffffff;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations #lumise-proceed > button#lumise-cart-action,
body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations button#lumise-continue-btn {
background: #202020 !important;
border: 1px solid #202020;
border-radius: 8px;
box-shadow: none;
color: #ffffff;
height: 38px;
line-height: 24px;
margin-top: 11px;
padding: 6px 15px;
transition: background-color 160ms ease, border-color 160ms ease, transform 160ms ease;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations #lumise-proceed > button#lumise-cart-action:hover,
body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations button#lumise-continue-btn:hover {
background: #000000 !important;
border-color: #000000;
transform: translateY( -1px );
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations .back_shop {
background: #ffffff;
border: 1px solid #d7d7d7;
border-radius: 8px;
color: #252525 !important;
font-weight: 600;
height: 38px;
line-height: 36px;
margin-top: 11px;
transition: background-color 160ms ease, border-color 160ms ease;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations .back_shop:hover {
background: #f5f5f5;
border-color: #c8c8c8;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations ul[data-block="right"] #lumise-exit-editor {
color: #252525;
} body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations ul[data-block] li [data-view="sub"] {
background: #ffffff;
border: 1px solid #e3e3e3;
border-radius: 12px;
box-shadow: 0 14px 36px rgba( 0, 0, 0, 0.14 );
color: #343434;
overflow: visible;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations ul[data-block] li [data-view="sub"]::after {
border-bottom-color: #ffffff;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations ul[data-block] li.active [data-view="sub"] header {
background: #fafafa;
border-bottom: 1px solid #e8e8e8;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations ul[data-block] li.active [data-view="sub"] header > h3 {
color: #202020;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations ul[data-block] li[data-view="list"] [data-view="sub"] li:not([data-view="sp"]):hover {
background: #f1f1f1;
color: #111111;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations ul[data-block] li[data-view="list"] [data-view="sub"] li[data-view="sp"] {
background: #e8e8e8;
} body.lumise-theme-mono-editor #LumiseDesign #lumise-workspace {
margin-top: var(--lmono-header-height);
min-height: calc( 100vh - var(--lmono-header-height) );
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left {
height: calc( 100vh - var(--lmono-header-height) );
top: var(--lmono-header-height);
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left .lumise-tab-body-wrp {
height: calc( 100vh - var(--lmono-header-height) );
}
body.lumise-theme-mono-editor #lumise-top-tools {
top: var(--lmono-header-height);
} @media only screen and (max-width: 1170px) {
body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations ul[data-block][data-resp="file"].active {
background: #ffffff;
height: var(--lmono-header-height);
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations #lumise-nav-file {
fill: #202020;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations ul[data-block] li.active [data-view="sub"],
body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations li[data-tool] ul.lumise-tabs-nav {
top: calc( var(--lmono-header-height) + 2px );
}
}
@media only screen and (max-width: 736px) {
body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations {
background: #ffffff !important;
border-bottom-color: #e8e8e8;
box-shadow: 0 5px 18px rgba( 0, 0, 0, 0.08 );
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations ul[data-block][data-resp="file"].active {
background: #ffffff !important;
border-left: 1px solid #eeeeee;
box-sizing: border-box;
gap: 3px;
left: 58px !important;
padding: 0 8px !important;
right: 4px !important;
width: auto !important;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations ul[data-block][data-resp="file"].active > li {
height: 38px !important;
margin: 11px 0 !important;
padding: 0 11px !important;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations ul[data-block] > li {
border: 1px solid transparent;
border-radius: 999px;
font-size: 13px;
margin: 0;
padding: 8px 10px;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations ul[data-block][data-resp="file"].active > li:not([data-view="sp"]):not(.disabled):hover,
body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations ul[data-block][data-resp="file"].active > li.active {
background: #f4f4f4 !important;
border-color: #e8e8e8;
color: #111111 !important;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations ul[data-block][data-resp="file"].active > li[data-view="sp"] {
display: none !important;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations ul[data-block] > li.back_mobile a {
color: #202020 !important;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations #lumise-nav-file {
background: #f6f6f6;
border: 1px solid #e3e3e3;
border-radius: 10px !important;
box-sizing: border-box;
height: 40px;
margin: 7px 8px 0 10px;
padding: 9px;
transition: background-color 160ms ease, border-color 160ms ease;
width: 40px;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations #lumise-nav-file:hover {
background: #eeeeee;
border-color: #d7d7d7;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations ul[data-block="right"] {
margin-right: 8px;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations ul[data-block="right"] > li {
border-radius: 0;
margin: 0;
padding: 0;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations button#lumise-addToCart,
body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations button#lumise-continue-btn,
body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations #lumise-proceed > button#lumise-cart-action {
height: 36px;
margin-top: 12px;
}
}body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations li[data-tool] > ul[data-view="sub"] {
background: #ffffff;
border: 1px solid #dedede;
border-radius: 10px;
box-shadow: 0 18px 48px rgba( 0, 0, 0, 0.18 );
color: #222020;
overflow: hidden;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations li[data-tool] > ul[data-view="sub"]::after {
border-bottom-color: #ffffff;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations li[data-tool] > ul[data-view="sub"] > header {
align-items: center;
background: #ffffff;
border-bottom: 1px solid #dedede;
box-sizing: border-box;
display: flex;
height: 56px;
justify-content: space-between;
margin: 0;
padding: 0 18px;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations li[data-tool] > ul[data-view="sub"] > header h3 {
color: #222020;
font-size: 18px;
font-weight: 700;
line-height: 24px;
margin: 0;
padding: 0;
text-transform: none;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations li[data-tool] > ul[data-view="sub"] header i.close,
body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations li[data-tool] > ul[data-view="sub"] header > h3 > i:last-child {
align-items: center;
background: #f4f4f4;
border-radius: 50%;
color: #555555;
cursor: pointer;
display: flex;
font-size: 16px;
height: 32px;
justify-content: center;
margin: 0;
width: 32px;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations li[data-tool] > ul[data-view="sub"] header i.close:hover,
body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations li[data-tool] > ul[data-view="sub"] header > h3 > i:last-child:hover {
background: #fff0f0;
color: #ef3340;
} body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations li[data-tool="file"] > ul[data-view="sub"] {
box-sizing: border-box;
min-width: 280px;
padding: 8px;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations li[data-tool="file"] > ul[data-view="sub"] > li:not([data-view="sp"]) {
align-items: center;
border-radius: 6px;
box-sizing: border-box;
color: #333333;
display: flex;
font-size: 14px;
justify-content: space-between;
line-height: 20px;
min-height: 40px;
padding: 9px 10px;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations li[data-tool="file"] > ul[data-view="sub"] > li:not([data-view="sp"]):hover {
background: #f1f1f1;
color: #111111;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations li[data-tool="file"] > ul[data-view="sub"] > li[data-view="sp"] {
background: #e7e7e7;
height: 1px;
margin: 6px 4px;
padding: 0;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations li[data-tool="file"] > ul[data-view="sub"] small {
background: #f5f5f5;
border: 1px solid #e4e4e4;
border-radius: 4px;
color: #777777;
font-size: 11px;
line-height: 20px;
padding: 0 6px;
} body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations li[data-tool="designs"] > ul[data-view="sub"] {
max-width: calc( 100vw - 32px );
width: 688px;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations li[data-tool="designs"] > ul[data-view="sub"] > header h3 {
align-items: center;
display: flex;
flex: 1 1 auto;
gap: 14px;
min-width: 0;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations #lumise-designs-search {
align-items: center;
display: flex;
float: none;
margin-left: auto;
position: relative;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations #lumise-designs-search::before {
color: #999999;
left: 12px;
line-height: 36px;
top: 0;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations #lumise-designs-search > input {
background: #f7f7f7;
border: 1px solid #d5d5d5;
border-radius: 18px;
box-sizing: border-box;
color: #222020;
font-size: 14px;
height: 36px;
line-height: 34px;
margin: 0 44px 0 0;
padding: 0 14px 0 34px;
width: 205px;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations #lumise-designs-search > input:focus {
background: #ffffff;
border-color: var( --lmono-color-accent );
box-shadow: 0 0 0 3px rgba( var( --lmono-color-accent-rgb ), 0.10 );
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations ul#lumise-saved-designs {
background: #f7f7f7;
border-radius: 0;
box-sizing: border-box;
display: grid;
gap: 18px;
grid-template-columns: repeat( 3, minmax( 0, 1fr ) );
margin: 0;
max-height: min( 560px, calc( 100vh - 140px ) );
overflow-x: hidden;
overflow-y: auto;
padding: 20px;
width: 100%;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations ul#lumise-saved-designs > li {
background: #ffffff;
border: 1px solid #dedede;
border-radius: 8px;
box-shadow: none;
box-sizing: border-box;
clear: none;
float: none;
margin: 0;
overflow: hidden;
width: auto;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations ul#lumise-saved-designs > li:not([data-view="add"]):hover {
border-color: var( --lmono-color-accent );
box-shadow: 0 8px 20px var( --lmono-color-accent-shadow );
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations ul#lumise-saved-designs > li[data-view="add"] {
align-items: center;
background: #ffffff;
border: 2px dashed #cfcfcf;
border-radius: 8px;
box-shadow: none;
color: #777777;
display: flex !important;
flex-direction: column;
height: 208px;
justify-content: center;
text-align: center;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations ul#lumise-saved-designs > li[data-view="add"]:hover {
background: var( --lmono-color-accent-soft );
border-color: var( --lmono-color-accent );
color: var( --lmono-color-accent );
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations ul#lumise-saved-designs > li[data-view="add"] b {
display: block;
font-size: 42px;
flex: 0 0 auto;
line-height: 38px;
margin: 0 0 8px;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations ul#lumise-saved-designs > li[data-view="add"] > span {
display: block;
flex: 0 0 auto;
line-height: 22px;
margin: 0;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations ul#lumise-saved-designs[data-loading="true"]::after {
background: rgba( 247, 247, 247, 0.78 );
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations #my-designs-login {
background: #ffffff;
box-sizing: border-box;
color: #333333;
grid-column: 1 / -1;
justify-self: center;
margin: 0;
max-width: 480px;
padding: 24px;
width: 100%;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations #my-designs-login h3 {
border: 0;
color: #222020;
font-size: 16px;
font-weight: 700;
line-height: 22px;
margin: 0 0 18px;
padding: 0;
text-transform: none;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations #my-designs-login p {
align-items: center;
display: grid;
gap: 8px;
grid-template-columns: 110px minmax( 0, 1fr );
margin: 0 0 14px;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations #my-designs-login label {
color: #555555;
font-size: 14px;
font-weight: 600;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations #my-designs-login input {
background: #ffffff;
border: 1px solid #d5d5d5;
border-radius: 5px;
box-sizing: border-box;
color: #222020;
height: 42px;
margin: 0;
padding: 0 12px;
width: 100%;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations #my-designs-login p:last-child {
display: flex;
gap: 10px;
justify-content: flex-end;
margin: 18px 0 0;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations #my-designs-login button,
body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations #my-designs-login a {
align-items: center;
border-radius: 6px;
box-sizing: border-box;
display: inline-flex;
font-size: 14px;
font-weight: 700;
height: 40px;
justify-content: center;
margin: 0;
padding: 0 18px;
text-decoration: none;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations #my-designs-login button {
background: var( --lmono-color-accent );
border: 1px solid var( --lmono-color-accent );
color: #ffffff;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations #my-designs-login a {
background: #ffffff;
border: 1px solid #d5d5d5;
color: #333333;
} body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations #lumise-print-nav {
box-sizing: border-box;
max-height: calc( 100vh - 90px );
overflow-x: hidden;
overflow-y: auto;
padding: 0 0 12px;
width: 500px;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations #lumise-print-nav > li {
align-items: center;
background: #ffffff;
border-bottom: 1px solid #eeeeee;
box-sizing: border-box;
display: grid;
grid-template-columns: 145px minmax( 0, 1fr );
min-width: 0;
padding: 10px 18px;
width: 100%;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations #lumise-print-nav > li > label {
color: #333333;
font-size: 14px;
font-weight: 600;
height: auto;
line-height: 20px;
margin: 0;
min-width: 0;
padding-right: 14px;
text-align: left;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations #lumise-print-nav select,
body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations #lumise-print-nav input[type="text"] {
background: #ffffff;
border: 1px solid #d5d5d5;
border-radius: 5px;
box-sizing: border-box;
color: #222020;
height: 40px;
margin: 0;
min-width: 0;
padding: 0 11px;
width: 100%;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations #lumise-print-nav > li > span,
body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations #lumise-print-nav .lumise-radios {
align-items: center;
display: flex;
flex-wrap: wrap;
gap: 10px;
padding: 0;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations #lumise-print-nav .lumise-radio {
margin: 0;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations #lumise-print-nav .lumise_radios {
align-items: center;
display: flex;
flex-wrap: wrap;
gap: 14px;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations #lumise-print-nav .lumise_radios > .lumise-radio {
align-items: center;
display: flex;
flex: 0 0 auto;
margin: 0;
min-width: 0;
position: relative;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations #lumise-print-nav .lumise_radios > .lumise-radio > label {
align-items: center;
display: inline-flex;
line-height: 20px;
margin: 0;
min-height: 26px;
padding: 0 0 0 25px;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations #lumise-print-nav input[type="radio"] {
margin: 0 5px 0 0 !important;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations #lumise-print-nav > li:last-child {
background: #f7f7f7;
border: 0;
display: flex;
justify-content: flex-end;
margin: 0;
padding: 14px 18px 2px;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations #lumise-print-nav > li:last-child button {
background: #ffffff;
border: 1px solid var( --lmono-color-accent );
border-radius: 6px;
color: var( --lmono-color-accent );
float: none;
font-size: 13px;
font-weight: 700;
height: 40px;
margin: 0 0 0 10px;
padding: 0 16px;
} body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations #lumise-print-nav > li:last-child button[data-func="print"] {
background: #ffffff !important;
color: var( --lmono-color-accent ) !important;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations #lumise-print-nav > li:last-child button[data-func="download"] {
background: var( --lmono-color-accent );
color: #ffffff;
} body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations #lumise-shares-wrp {
box-sizing: border-box;
max-width: calc( 100vw - 32px );
width: 520px;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations #lumise-shares-wrp > li[data-view] {
background: #ffffff;
box-sizing: border-box;
color: #555555;
max-height: calc( 100vh - 150px );
padding: 22px;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations #lumise-shares-wrp input[type="text"],
body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations #lumise-shares-wrp textarea {
background: #ffffff;
border: 1px solid #d5d5d5;
border-radius: 5px;
box-sizing: border-box;
color: #222020;
height: 42px;
padding: 0 12px;
width: 100%;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations #lumise-shares-wrp button[data-func] {
background: #ffffff;
border: 1px solid #d5d5d5;
border-radius: 6px;
color: #333333;
font-weight: 700;
height: 40px;
padding: 0 15px;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations #lumise-shares-wrp button[data-func="create-link"],
body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations #lumise-shares-wrp button[data-func="do-again"] {
background: var( --lmono-color-accent );
border-color: var( --lmono-color-accent );
color: #ffffff;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations #lumise-shares-wrp p[data-view="link-share"] {
background: #f7f7f7;
border: 1px dashed #b8b8b8;
border-radius: 6px;
box-sizing: border-box;
padding: 12px;
} body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations li[data-tool="help"] > ul[data-view="sub"] {
box-sizing: border-box;
max-width: calc( 100vw - 32px );
width: 520px;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations li[data-tool="help"] .lumise-tabs-nav li[data-view="header"] {
background: #ffffff;
border-bottom: 1px solid #dedede;
padding: 16px 18px 0;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations li[data-tool="help"] .lumise-tabs-nav li[data-view="header"] nav {
display: flex;
gap: 4px;
margin-top: 12px;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations li[data-tool="help"] .lumise-tabs-nav li[data-view="header"] nav span {
border-bottom: 3px solid transparent;
color: #666666;
padding: 8px 12px;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations li[data-tool="help"] .lumise-tabs-nav li[data-view="header"] nav span.active,
body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations li[data-tool="help"] .lumise-tabs-nav li[data-view="header"] nav span[data-active="true"] {
border-bottom-color: var( --lmono-color-accent );
color: var( --lmono-color-accent );
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations li[data-tool="help"] .lumise-tabs-nav li[data-view^="tab-"] {
background: #ffffff;
box-sizing: border-box;
color: #555555;
padding: 20px;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations li[data-tool="help"] b[data-view="key"] {
background: #f2f2f2;
border: 1px solid #d7d7d7;
border-bottom-width: 2px;
border-radius: 4px;
color: #333333;
display: inline-block;
font-size: 11px;
line-height: 20px;
margin: 2px 3px 2px 0;
min-width: 24px;
padding: 0 6px;
text-align: center;
text-transform: uppercase;
}
@media ( max-width: 767px ) {
body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations li[data-tool="designs"] > ul[data-view="sub"],
body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations #lumise-print-nav,
body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations #lumise-shares-wrp,
body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations li[data-tool="help"] > ul[data-view="sub"] {
max-width: calc( 100vw - 20px );
width: calc( 100vw - 20px );
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations ul#lumise-saved-designs {
grid-template-columns: repeat( 2, minmax( 0, 1fr ) );
padding: 14px;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations #lumise-designs-search > input {
margin-right: 8px;
width: 170px;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations #lumise-print-nav > li {
grid-template-columns: minmax( 0, 1fr );
gap: 8px;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations #my-designs-login p {
grid-template-columns: minmax( 0, 1fr );
}
}body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations li#lumise-cart-options.active > button#lumise-addToCart {
background: var( --lmono-color-accent-soft );
border-color: rgba( var( --lmono-color-accent-rgb ), 0.18 );
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations li#lumise-cart-options.active > button#lumise-addToCart img {
filter: brightness( 0 ) saturate( 100% ) invert( 20% ) sepia( 92% ) saturate( 4370% ) hue-rotate( 230deg ) brightness( 86% ) contrast( 98% );
} body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations li#lumise-cart-options.active::after {
content: none !important;
display: none !important;
} body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations li#lumise-cart-options > #lumise-cart-items {
background: #ffffff;
border: 0;
border-radius: 12px;
bottom: auto;
box-shadow: 0 8px 32px rgba( 0, 0, 0, 0.18 );
box-sizing: border-box;
height: 457px;
left: calc( 50% - 2px ) !important;
margin: 0;
max-height: calc( 100vh - 50px );
max-width: calc( 100vw - 16px );
min-width: 0;
overflow: hidden;
padding: 16px 0;
position: absolute;
right: auto !important;
top: 50px;
transform: translateX( -50% );
width: 432px;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations li#lumise-cart-options.active > #lumise-cart-items {
animation: none !important;
display: flex;
flex-direction: column;
opacity: 1 !important;
transform: translateX( -50% ) !important;
transition: none !important;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations li#lumise-cart-options > #lumise-cart-items::after {
display: none;
} body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations li#lumise-cart-options > #lumise-cart-items > header {
display: none;
} body.lumise-theme-mono-editor #LumiseDesign #lumise-cart-items > ul[data-view="items"][data-empty="false"] {
background: #ffffff;
box-sizing: border-box;
display: flex;
flex: 0 0 324px;
flex-direction: column;
height: 324px;
margin: 0 16px;
max-height: 324px;
min-height: 0;
overflow-x: hidden;
overflow-y: auto;
padding: 0;
width: calc( 100% - 32px );
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-cart-items > ul[data-view="items"][data-empty="false"] > li[data-func="edit"] {
align-items: center;
background: #ffffff;
border-bottom: 1px solid #eeeeee;
box-sizing: border-box;
color: #222020;
display: flex;
flex: 0 0 auto;
float: none;
margin: 0;
min-height: 96px;
padding: 16px 8px 16px 0;
position: relative;
width: 100%;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-cart-items > ul[data-view="items"][data-empty="false"] > li[data-func="edit"] > span[data-view="thumbn"] {
background: #f5f5f5;
border-radius: 6px;
box-sizing: border-box;
display: block;
flex: 0 0 64px;
float: none;
height: fit-content;
margin: 0 12px 0 0;
overflow: hidden;
width: 64px;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-cart-items > ul[data-view="items"][data-empty="false"] > li[data-func="edit"] > span[data-view="thumbn"] > img {
display: block;
height: auto;
object-fit: contain;
width: 100%;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-cart-items > ul[data-view="items"][data-empty="false"] > li[data-func="edit"] > span[data-view="info"] {
display: grid;
flex: 1 1 auto;
grid-template-columns: auto minmax( 0, 1fr );
min-width: 0;
padding-right: 32px;
position: relative;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-cart-items > ul[data-view="items"][data-empty="false"] > li[data-func="edit"] > span[data-view="info"] > a[href="#edit"] {
color: #222020;
display: block;
grid-column: 1 / -1;
margin: 0 0 7px;
min-width: 0;
text-decoration: none;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-cart-items > ul[data-view="items"][data-empty="false"] > li[data-func="edit"] name {
color: #222020;
display: block;
font-size: 15px;
font-weight: 700;
grid-column: 1 / -1;
line-height: 20px;
margin: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-cart-items > ul[data-view="items"][data-empty="false"] > li[data-func="edit"] name > a[href="#edit"] {
color: #222020 !important;
text-decoration: none;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-cart-items > ul[data-view="items"][data-empty="false"] price,
body.lumise-theme-mono-editor #LumiseDesign #lumise-cart-items > ul[data-view="items"][data-empty="false"] quantity {
color: #555555;
display: block;
float: none;
font-size: 14px;
font-weight: 500;
line-height: 20px;
margin: 0;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-cart-items > ul[data-view="items"][data-empty="false"] price {
grid-column: 1;
grid-row: 2;
margin-right: 8px;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-cart-items > ul[data-view="items"][data-empty="false"] quantity {
grid-column: 2;
grid-row: 2;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-cart-items > ul[data-view="items"][data-empty="false"] a[href="#remove"] {
align-items: center;
background-color: #fff4f4;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23d04a4a' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h18'/%3E%3Cpath d='M8 6V4h8v2'/%3E%3Cpath d='M19 6l-1 14H6L5 6'/%3E%3Cpath d='M10 11v5M14 11v5'/%3E%3C/svg%3E");
background-position: center;
background-repeat: no-repeat;
background-size: 18px 18px;
border: 1px solid #f1caca;
border-radius: 6px;
color: transparent;
display: flex;
font-size: 0;
height: 30px;
justify-content: center;
margin: 0;
opacity: 0;
pointer-events: none;
position: absolute;
right: 6px;
top: 50%;
transform: translateY( -50% );
transition: color 160ms ease, background-color 160ms ease, opacity 160ms ease;
width: 30px;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-cart-items > ul[data-view="items"][data-empty="false"] > li[data-func="edit"]:hover a[href="#remove"],
body.lumise-theme-mono-editor #LumiseDesign #lumise-cart-items > ul[data-view="items"][data-empty="false"] > li[data-func="edit"]:focus-within a[href="#remove"] {
opacity: 1;
pointer-events: auto;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-cart-items > ul[data-view="items"][data-empty="false"] a[href="#remove"]:hover,
body.lumise-theme-mono-editor #LumiseDesign #lumise-cart-items > ul[data-view="items"][data-empty="false"] a[href="#remove"]:focus-visible {
background-color: #ffe8e8;
outline: 2px solid #d04a4a;
outline-offset: 1px;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-cart-items > ul[data-view="items"][data-empty="false"] a[href="#remove"] > i {
display: none;
} body.lumise-theme-mono-editor #LumiseDesign #lumise-cart-items > ul[data-view="items"][data-empty="false"] > li:not([data-func="edit"]) {
display: none;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-cart-items > ul[data-view="items"][data-empty="true"] {
align-items: center;
background: #ffffff;
box-sizing: border-box;
color: #252525;
cursor: default;
display: flex;
flex: 0 0 324px;
height: 324px;
justify-content: center;
margin: 0 16px;
max-height: 324px;
min-height: 0;
overflow: hidden;
padding: 48px;
width: calc( 100% - 32px );
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-cart-items > ul[data-view="items"][data-empty="true"] > p {
align-items: center;
color: #222020;
display: flex;
flex-direction: column;
font-size: 20px;
font-weight: 700;
line-height: 25px;
margin: 0;
text-align: center;
transform: none;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-cart-items > ul[data-view="items"][data-empty="true"] > p > i {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 24 24' fill='none' stroke='%23b9b9b9' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='20' r='1'/%3E%3Ccircle cx='18' cy='20' r='1'/%3E%3Cpath d='M3 3h2l2.4 11.7a2 2 0 0 0 2 1.6h7.8a2 2 0 0 0 2-1.6L21 7H6'/%3E%3C/svg%3E");
background-position: center;
background-repeat: no-repeat;
background-size: contain;
display: block;
font-size: 0;
height: 36px;
margin: 0 0 9px;
transform: none;
width: 36px;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-cart-items > ul[data-view="items"][data-empty="true"] > p > i::before {
content: "";
} body.lumise-theme-mono-editor #LumiseDesign #lumise-cart-items > ul[data-view="items"] + footer {
background: #ffffff;
border-radius: 0;
border-top: 1px solid #dddddd;
box-sizing: border-box;
cursor: default;
display: grid !important;
flex: 0 0 101px;
float: none;
grid-template-columns: minmax( 0, 1fr ) minmax( 0, 1fr );
grid-template-rows: 52px 48px;
margin: 0;
padding: 0 16px;
row-gap: 0;
text-align: left;
width: 100%;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-cart-items > ul[data-view="items"] + footer::before {
content: none;
display: none;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-cart-items > ul[data-view="items"] + footer::after {
content: none;
display: none;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-cart-items > ul[data-view="items"] + footer > .lmono-cart-summary {
align-self: center;
color: #222020;
font-size: 16px;
font-weight: 500;
grid-row: 1;
line-height: 20px;
white-space: nowrap;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-cart-items > ul[data-view="items"] + footer > .lmono-cart-summary--styles {
grid-column: 1;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-cart-items > ul[data-view="items"] + footer > .lmono-cart-summary--subtotal {
grid-column: 2;
text-align: right;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-cart-items > ul[data-view="items"] + footer .lmono-cart-summary__value {
font-weight: 700;
margin-left: 4px;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-cart-items > ul[data-view="items"][data-empty="false"] + footer {
column-gap: 8px;
grid-template-columns: 136px minmax( 0, 1fr );
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-cart-items > ul[data-view="items"] + footer > a[data-func="details"] {
align-items: center;
background: #ffffff;
border: 1px solid #d7d7d7;
border-radius: 6px;
box-sizing: border-box;
color: #222020;
display: flex;
float: none;
font-size: 14px;
font-weight: 600;
grid-column: 1;
grid-row: 2;
height: 48px;
justify-content: center;
line-height: 20px;
margin: 0;
padding: 0 12px;
text-align: center;
text-decoration: none;
transition: background-color 160ms ease, border-color 160ms ease;
width: 100%;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-cart-items > ul[data-view="items"] + footer > a[data-func="details"]:hover {
background: #f7f7f7;
border-color: #bdbdbd;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-cart-items > ul[data-view="items"] + footer > a[data-func="details"] > i {
display: none;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-cart-items > ul[data-view="items"][data-empty="true"] + footer > a[data-func="details"] {
display: none;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-cart-items > ul[data-view="items"] + footer > a[href="#checkout"] {
align-items: center;
background: var( --lmono-color-accent ) !important;
border: 0;
border-radius: 6px;
box-sizing: border-box;
color: transparent !important;
display: flex;
font-size: 0;
font-weight: 600;
grid-column: 2;
grid-row: 2;
height: 48px;
justify-content: center;
line-height: 48px;
margin: 0;
opacity: 1;
overflow: hidden;
padding: 0 16px;
text-align: center;
text-decoration: none;
text-transform: none;
transition: background-color 160ms ease, transform 160ms ease;
white-space: nowrap;
width: 100%;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-cart-items > ul[data-view="items"][data-empty="true"] + footer > a[href="#checkout"] {
grid-column: 1 / -1;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-cart-items > ul[data-view="items"] + footer > a[href="#checkout"]::before {
color: #ffffff;
content: "Review Cart & Check Out";
font-size: 16px;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-cart-items > ul[data-view="items"] + footer > a[href="#checkout"]:hover {
background: var( --lmono-color-accent-hover ) !important;
opacity: 1;
transform: translateY( -1px );
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-cart-items > ul[data-view="items"] + footer > a[href="#checkout"] > i {
display: none;
}
@media only screen and (max-width: 736px) {
body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations li#lumise-cart-options > #lumise-cart-items {
border-radius: 12px;
left: 8px !important;
max-width: none;
position: fixed;
right: 8px !important;
transform: none;
width: auto;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations li#lumise-cart-options.active > #lumise-cart-items {
transform: none !important;
}
}
@media only screen and (max-height: 506px) {
body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations li#lumise-cart-options > #lumise-cart-items {
height: calc( 100vh - 50px );
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-cart-items > ul[data-view="items"] {
flex: 1 1 auto;
height: auto;
}
}
@media only screen and (max-width: 420px) {
body.lumise-theme-mono-editor #LumiseDesign #lumise-cart-items > ul[data-view="items"] + footer > .lmono-cart-summary {
font-size: 14px;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-cart-items > ul[data-view="items"][data-empty="false"] + footer {
grid-template-columns: 112px minmax( 0, 1fr );
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-cart-items > ul[data-view="items"][data-empty="false"] + footer > a[href="#checkout"]::before {
font-size: 13px;
}
}body.lumise-theme-mono-editor #LumiseDesign #lumise-left {
background: transparent;
color: #222020;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left .lumise-left-nav-wrp,
body.lumise-theme-mono-editor #LumiseDesign #lumise-left .lumise-left-nav {
background: #222020;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left .lumise-tab-body-wrp,
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-x-thumbn-preview {
background: #ffffff !important;
color: #222020 !important;
} @media only screen and (min-width: 1171px) {
body.lumise-theme-mono-editor #LumiseDesign div#lumise-left > div.lumise-left-nav-wrp > ul.lumise-left-nav > li[data-tab="design"] {
display: none !important;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left {
border-radius: 8px;
box-shadow: 0 10px 30px rgba( 0, 0, 0, 0.10 );
height: calc( 100vh - var( --lmono-header-height ) - 32px );
left: 16px;
overflow: visible;
top: calc( var( --lmono-header-height ) + 16px );
width: calc( var( --lmono-sidebar-rail-width ) + var( --lmono-sidebar-panel-width ) );
}
body.lumise-theme-mono-editor #LumiseDesign div#lumise-left > div.lumise-left-nav-wrp {
border-radius: 8px 0 0 8px;
box-sizing: border-box;
height: calc( 100vh - var( --lmono-header-height ) - 32px ) !important;
max-height: calc( 100vh - var( --lmono-header-height ) - 32px ) !important;
min-height: 0 !important;
overflow: hidden;
width: var( --lmono-sidebar-rail-width );
}
body.lumise-theme-mono-editor #LumiseDesign div#lumise-left > div.lumise-left-nav-wrp > ul.lumise-left-nav {
height: calc( 100vh - var( --lmono-header-height ) - 32px ) !important;
max-height: none !important;
min-height: 0 !important;
padding: 16px 0;
width: 100%;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left .lumise-tab-body-wrp {
border-radius: 0 8px 8px 0;
height: 100%;
left: var( --lmono-sidebar-rail-width );
top: 0;
width: var( --lmono-sidebar-panel-width );
} body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-x-thumbn-preview {
border: 1px solid #e2e2e2;
border-radius: 8px;
box-shadow: 0 12px 30px rgba( 0, 0, 0, 0.16 );
height: auto !important;
left: calc( 100% + 12px ) !important;
top: 0 !important;
width: auto !important;
z-index: 100003;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-x-thumbn-preview > div > img {
display: block;
float: none;
left: auto;
max-height: calc( 100vh - var( --lmono-header-height ) - 120px );
position: static;
transform: none;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-main,
body.lumise-theme-mono-editor #LumiseDesign #lumise-top-tools {
left: calc( 16px + var( --lmono-sidebar-rail-width ) + var( --lmono-sidebar-panel-width ) );
width: calc( 100% - 16px - var( --lmono-sidebar-rail-width ) - var( --lmono-sidebar-panel-width ) );
}
body.lumise-theme-mono-editor.lmono-design-mode #LumiseDesign #lumise-left {
width: var( --lmono-sidebar-rail-width );
}
body.lumise-theme-mono-editor.lmono-design-mode #LumiseDesign #lumise-left .lumise-tab-body-wrp,
body.lumise-theme-mono-editor.lmono-design-mode #LumiseDesign #lumise-left #lumise-x-thumbn-preview {
display: none !important;
}
body.lumise-theme-mono-editor.lmono-design-mode #LumiseDesign #lumise-main,
body.lumise-theme-mono-editor.lmono-design-mode #LumiseDesign #lumise-top-tools {
left: calc( 16px + var( --lmono-sidebar-rail-width ) );
width: calc( 100% - 16px - var( --lmono-sidebar-rail-width ) );
}
} body.lumise-theme-mono-editor #LumiseDesign div#lumise-left > div.lumise-left-nav-wrp > ul.lumise-left-nav {
background: #222020 !important;
box-sizing: border-box;
overflow-x: hidden;
overflow-y: auto;
scrollbar-width: none;
}
body.lumise-theme-mono-editor #LumiseDesign div#lumise-left > div.lumise-left-nav-wrp > ul.lumise-left-nav::-webkit-scrollbar {
display: none;
}
body.lumise-theme-mono-editor #LumiseDesign div#lumise-left > div.lumise-left-nav-wrp > ul.lumise-left-nav > li {
align-items: center;
background: transparent !important;
border: 0;
border-radius: 0 !important;
box-shadow: none;
box-sizing: border-box;
color: #b8b8b8 !important;
cursor: pointer;
display: flex;
flex-direction: column;
font-size: 11px !important;
font-weight: 500;
height: 70px !important;
justify-content: center;
line-height: 12px;
margin: 0;
overflow: hidden;
overflow-wrap: anywhere;
padding: 5px 3px !important;
text-align: center;
text-transform: none !important;
transition: background-color 160ms ease, color 160ms ease;
width: 100% !important;
word-break: break-word;
}
body.lumise-theme-mono-editor #LumiseDesign div#lumise-left > div.lumise-left-nav-wrp > ul.lumise-left-nav > li::before,
body.lumise-theme-mono-editor #LumiseDesign div#lumise-left > div.lumise-left-nav-wrp > ul.lumise-left-nav > li::after {
display: none !important;
}
body.lumise-theme-mono-editor #LumiseDesign div#lumise-left > div.lumise-left-nav-wrp > ul.lumise-left-nav > li > i {
color: #b8b8b8 !important;
display: block;
font-size: 25px;
height: 30px;
line-height: 30px;
margin: 0 0 3px;
transition: color 160ms ease;
width: 100%;
}
body.lumise-theme-mono-editor #LumiseDesign div#lumise-left > div.lumise-left-nav-wrp > ul.lumise-left-nav > li:hover,
body.lumise-theme-mono-editor #LumiseDesign div#lumise-left > div.lumise-left-nav-wrp > ul.lumise-left-nav > li.active {
background: rgba( 255, 255, 255, 0.08 ) !important;
color: #ffffff !important;
}
body.lumise-theme-mono-editor #LumiseDesign div#lumise-left > div.lumise-left-nav-wrp > ul.lumise-left-nav > li:hover > i,
body.lumise-theme-mono-editor #LumiseDesign div#lumise-left > div.lumise-left-nav-wrp > ul.lumise-left-nav > li.active > i {
color: #ffffff !important;
}
body.lumise-theme-mono-editor #LumiseDesign div#lumise-left > div.lumise-left-nav-wrp > ul.lumise-left-nav > li.active {
box-shadow: inset 3px 0 0 var( --lmono-color-accent ) !important;
}
body.lumise-theme-mono-editor.lmono-design-mode #LumiseDesign div#lumise-left > div.lumise-left-nav-wrp > ul.lumise-left-nav > li.active:not([data-tab="design"]) {
background: transparent !important;
box-shadow: none !important;
color: #b8b8b8 !important;
}
body.lumise-theme-mono-editor.lmono-design-mode #LumiseDesign div#lumise-left > div.lumise-left-nav-wrp > ul.lumise-left-nav > li.active:not([data-tab="design"]) > i {
color: #b8b8b8 !important;
}
body.lumise-theme-mono-editor.lmono-design-mode #LumiseDesign div#lumise-left > div.lumise-left-nav-wrp > ul.lumise-left-nav > li[data-tab="design"] {
background: rgba( 255, 255, 255, 0.08 ) !important;
box-shadow: inset 3px 0 0 var( --lmono-color-accent ) !important;
color: #ffffff !important;
}
body.lumise-theme-mono-editor.lmono-design-mode #LumiseDesign div#lumise-left > div.lumise-left-nav-wrp > ul.lumise-left-nav > li[data-tab="design"] > i {
color: #ffffff !important;
} body.lumise-theme-mono-editor #LumiseDesign #lumise-left .lumise-tab-body-wrp {
box-sizing: border-box;
overflow-x: hidden;
overflow-y: auto;
scrollbar-width: none;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left .lumise-tab-body-wrp::-webkit-scrollbar {
display: none;
width: 0;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left .lumise-tab-body-wrp::-webkit-scrollbar-thumb {
display: none;
} body.lumise-theme-mono-editor #LumiseDesign #lumise-left,
body.lumise-theme-mono-editor #LumiseDesign #lumise-left * {
scrollbar-width: none;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left *::-webkit-scrollbar {
display: none;
height: 0;
width: 0;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left .lumise-tab-body-wrp > header {
background: #ffffff;
border-bottom: 1px solid #e7e7e7;
box-sizing: border-box;
color: #222020;
padding: 20px 24px;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left .lumise-tab-body-wrp a {
color: var( --lmono-color-accent );
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left .lumise-tab-body-wrp .gray,
body.lumise-theme-mono-editor #LumiseDesign #lumise-left .lumise-tab-body-wrp small,
body.lumise-theme-mono-editor #LumiseDesign #lumise-left .lumise-tab-body-wrp desc {
color: #6b6b6b;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left input:not([type="color"]):not([type="range"]),
body.lumise-theme-mono-editor #LumiseDesign #lumise-left select,
body.lumise-theme-mono-editor #LumiseDesign #lumise-left textarea {
background: #f7f7f7;
border: 1px solid #d8d8d8;
border-radius: 6px;
box-shadow: none;
color: #222020;
outline: none;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left input:not([type="color"]):not([type="range"]):focus,
body.lumise-theme-mono-editor #LumiseDesign #lumise-left select:focus,
body.lumise-theme-mono-editor #LumiseDesign #lumise-left textarea:focus {
background: #ffffff;
border-color: var( --lmono-color-accent );
box-shadow: 0 0 0 3px rgba( var( --lmono-color-accent-rgb ), 0.10 );
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left button,
body.lumise-theme-mono-editor #LumiseDesign #lumise-left .lumise-btn {
border-radius: 6px;
box-shadow: none;
font-weight: 600;
transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease;
} body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-product > header {
border-bottom: 0 !important;
padding-bottom: 12px;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-product > header name {
color: #222020;
display: block;
font-size: 20px;
font-weight: 700;
line-height: 25px;
margin: 0 0 8px;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-product > header price {
background: #f1f1f1;
border-radius: 4px;
color: #222020;
display: inline-block;
font-size: 14px;
font-weight: 600;
line-height: 28px;
margin-right: 10px;
padding: 0 10px;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-change-product {
background: #ffffff;
border: 1px solid var( --lmono-color-accent );
color: var( --lmono-color-accent );
font-size: 13px;
height: 36px;
padding: 0 14px;
text-transform: none;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-change-product:hover {
background: var( --lmono-color-accent-soft );
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-cart-wrp {
background: #ffffff;
box-sizing: border-box;
color: #222020;
display: block;
margin: 0;
padding: 4px 24px 24px;
width: 100%;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-cart-wrp .lumise-prints {
clear: both;
display: block;
float: none;
width: 100%;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-cart-attributes {
clear: both;
display: flex;
flex-direction: column;
gap: 6px;
width: 100%;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-cart-wrp .lumise-cart-field {
border: 0 !important;
box-sizing: border-box;
display: block;
float: none;
margin: 0;
padding: 10px 0;
width: 100%;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-cart-wrp .lumise-cart-field.how-calculate {
border: 0 !important;
margin-top: 2px;
padding-top: 8px;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-cart-wrp .lumise_form_group {
align-items: center;
display: flex;
margin: 0 !important;
width: 100%;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-cart-wrp .lumise-cart-field-label {
color: #222020;
flex: 0 0 90px;
font-size: 14px;
font-weight: 600;
line-height: 20px;
padding: 0;
text-align: left;
width: auto;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-cart-wrp .lumise_form_content {
color: #222020;
flex: 1 1 auto;
min-width: 0;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-cart-wrp .lumise-product-color {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin: 0;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-cart-wrp .lumise-product-color > li {
border: 2px solid #d5d5d5;
box-shadow: none;
height: 34px;
margin: 0;
width: 34px;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-cart-wrp .lumise-product-color > li.choosed {
border-color: var( --lmono-color-accent );
box-shadow: 0 0 0 2px #ffffff inset;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-cart-wrp .lumise-cart-field-quantity {
align-items: center;
display: flex;
margin: 0;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-cart-wrp .lumise-cart-field-quantity em[data-action] {
align-items: center;
background: #f1f1f1 !important;
border: 1px solid #d8d8d8;
color: #222020 !important;
cursor: pointer;
display: flex;
height: 34px;
justify-content: center;
padding: 0;
width: 34px;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-cart-wrp .lumise-cart-field-quantity em[data-action] svg path {
fill: #222020 !important;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-cart-wrp .lumise-cart-field-quantity em[data-action]:hover {
background: #e5e5e5 !important;
border-color: #aaaaaa;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-cart-wrp .lumise-cart-field-quantity input {
background: #f7f7f7;
border: 1px solid #d8d8d8;
height: 34px;
line-height: 34px;
width: 64px;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-cart-wrp select {
height: 38px;
max-width: 220px;
padding: 0 12px;
width: 100%;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-cart-wrp .how-calculate a {
align-items: center;
color: #555555;
display: flex;
font-size: 14px;
justify-content: space-between;
text-decoration: none;
} body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-uploads {
overflow-x: hidden !important;
overflow-y: auto !important;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-uploads::before {
background: #f7f7f7;
border-bottom: 1px solid #e7e7e7;
box-sizing: border-box;
color: #222020;
content: "Choose File To Upload";
display: block;
font-size: 16px;
font-weight: 500;
height: 52px;
letter-spacing: 2px;
line-height: 52px;
text-align: center;
text-transform: capitalize;
width: 100%;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-uploads:has( > header button[data-nav="external"].active )::before {
content: "Browse Image Resources";
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-uploads > div[data-tab="internal"] {
background: #ffffff !important;
border: 0;
border-radius: 0;
box-sizing: border-box;
color: #555555;
height: auto !important;
margin: 0;
overflow: visible;
padding: 16px 24px 24px;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-upload-form {
align-items: center;
background: #ffffff;
border: 1px dashed #d7d7d7 !important;
border-radius: 8px;
box-sizing: border-box;
cursor: pointer;
display: flex !important;
flex-direction: column;
height: 148px;
justify-content: flex-start;
margin: 0;
padding: 20px;
position: relative;
width: 100%;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-upload-form::before {
background: var( --lmono-color-accent );
border-radius: 6px;
box-sizing: border-box;
color: #ffffff;
content: "Browse Your Computer";
display: block;
font-size: 14px;
font-weight: 600;
height: 41px;
line-height: 41px;
padding: 0 18px;
position: relative;
z-index: 1;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-upload-form::after {
color: #555555;
content: "or\A Drag & Drop Anywhere";
display: block;
font-size: 15px;
line-height: 26px;
margin-top: 7px;
text-align: center;
white-space: pre-line;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-upload-form > i,
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-upload-form > span {
display: none;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-upload-form > input[type="file"] {
border: 0;
bottom: 0;
cursor: pointer;
height: 100% !important;
left: 0;
opacity: 0;
padding: 0;
position: absolute;
right: 0;
top: 0;
width: 100% !important;
z-index: 2;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-upload-list::before {
background: #f5f5f5;
border-radius: 7px;
box-sizing: border-box;
color: #666666;
content: "ⓘ  High-resolution artwork will look best.\A Use the button above or drag and drop your image anywhere inside the upload box.";
display: block;
font-size: 13px;
line-height: 20px;
margin-bottom: 14px;
padding: 14px 16px;
position: relative;
white-space: pre-line;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-upload-list {
box-sizing: border-box;
display: block;
margin: 0;
padding: 14px 0 0;
width: 100%;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-upload-list > ul:empty::after {
color: #777777;
content: "Welcome Back!\A Your uploaded files will appear here for easy access.";
display: block;
font-size: 14px;
line-height: 22px;
padding: 24px 10px 18px;
text-align: center;
white-space: pre-line;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-upload-list > ul.lumise-list-items {
display: grid;
gap: 8px;
grid-template-columns: repeat( 2, minmax( 0, 1fr ) );
padding: 0;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-upload-list > ul.lumise-list-items > li.lumise-clipart {
aspect-ratio: 4 / 3;
background-color: #ffffff;
background-position: center !important;
background-repeat: no-repeat !important;
background-size: contain !important;
box-sizing: border-box;
float: none;
height: auto;
margin: 0;
min-height: 120px;
opacity: 1;
position: relative;
width: 100%;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-upload-list > ul.lumise-list-items > li.lumise-clipart:hover {
border-color: var( --lmono-color-accent-border );
box-shadow: 0 8px 20px var( --lmono-color-accent-shadow );
transform: translateY( -2px );
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-upload-list > ul.lumise-list-items > li.lumise-clipart > i[data-info],
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-upload-list > ul.lumise-list-items > li.lumise-clipart > i[data-delete] {
align-items: center;
background: rgba( 255, 255, 255, 0.96 );
border: 1px solid rgba( 34, 32, 32, 0.16 );
border-radius: 50%;
box-shadow: 0 2px 8px rgba( 0, 0, 0, 0.10 );
display: flex;
height: 28px;
justify-content: center;
top: 8px;
transition: opacity 160ms ease, background-color 160ms ease, color 160ms ease;
width: 28px;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-upload-list > ul.lumise-list-items > li.lumise-clipart > i[data-info] {
background-size: 16px;
left: auto;
opacity: 0;
right: 8px;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-upload-list > ul.lumise-list-items > li.lumise-clipart > i[data-delete] {
color: #d04a4a;
font-size: 14px;
left: 8px;
opacity: 0;
right: auto;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-upload-list > ul.lumise-list-items > li.lumise-clipart:hover > i[data-info],
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-upload-list > ul.lumise-list-items > li.lumise-clipart:hover > i[data-delete] {
opacity: 1;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-upload-list > ul.lumise-list-items > li.lumise-clipart > i[data-info]:hover,
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-upload-list > ul.lumise-list-items > li.lumise-clipart > i[data-delete]:hover {
background: var( --lmono-color-accent-soft );
border-color: var( --lmono-color-accent-border );
color: var( --lmono-color-accent-hover );
} body.lumise-theme-mono-editor #LumiseDesign #lumise-left :is( #lumise-images-list, #lumise-upload-list ) > ul:has( > .lmono-library-empty ) {
align-items: center;
box-sizing: border-box;
display: flex !important;
justify-content: center;
min-height: 330px;
padding: 26px 20px 36px !important;
width: 100%;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left :is( #lumise-images-list, #lumise-upload-list ) .lmono-library-empty {
align-items: center;
background: linear-gradient( 180deg, #ffffff 0%, #fafafa 100% );
border: 1px dashed #d8d8d8;
border-radius: 12px;
box-sizing: border-box;
color: #222020;
display: flex !important;
flex-direction: column;
justify-content: center;
margin: 0;
max-width: 330px;
min-height: 250px;
padding: 30px 26px;
text-align: center;
width: 100%;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left :is( #lumise-images-list, #lumise-upload-list ) .lmono-library-empty__icon {
align-items: center;
background: rgba( var( --lmono-color-accent-rgb ), 0.1 );
border: 1px solid rgba( var( --lmono-color-accent-rgb ), 0.16 );
border-radius: 50%;
color: var( --lmono-color-accent );
display: flex;
font-size: 25px;
height: 62px;
justify-content: center;
margin-bottom: 17px;
width: 62px;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left :is( #lumise-images-list, #lumise-upload-list ) .lmono-library-empty__title {
color: #202020;
font-size: 17px;
font-weight: 700;
line-height: 24px;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left :is( #lumise-images-list, #lumise-upload-list ) .lmono-library-empty__description {
color: #777777;
font-size: 13px;
line-height: 20px;
margin-top: 7px;
max-width: 250px;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left :is( #lumise-images-list, #lumise-upload-list ) .lmono-library-empty__action {
align-items: center;
background: var( --lmono-color-accent );
border: 1px solid var( --lmono-color-accent );
border-radius: 7px;
box-shadow: none;
color: #ffffff;
cursor: pointer;
display: inline-flex;
font-size: 13px;
font-weight: 700;
gap: 8px;
height: 40px;
justify-content: center;
margin-top: 19px;
padding: 0 18px;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left :is( #lumise-images-list, #lumise-upload-list ) .lmono-library-empty__action:hover {
background: var( --lmono-color-accent-hover );
border-color: var( --lmono-color-accent-hover );
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left :is( #lumise-images-list, #lumise-upload-list ) .lmono-library-empty__action:focus-visible {
box-shadow: 0 0 0 3px rgba( var( --lmono-color-accent-rgb ), 0.2 );
outline: none;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-external-images {
background: #ffffff;
box-sizing: border-box;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-external-images > iframe {
background-color: #ffffff;
border-radius: 8px;
}
body.lumise-theme-mono-editor.lmono-resources-unavailable #LumiseDesign #lumise-left #lumise-external-images {
align-items: center;
background: #ffffff;
border: 1px solid #e3e3e3;
border-radius: 8px;
color: #222020;
display: flex !important;
flex-direction: column;
height: 280px !important;
justify-content: center;
margin: 16px 24px 24px;
overflow: hidden;
padding: 32px;
text-align: center;
width: calc( 100% - 48px ) !important;
}
body.lumise-theme-mono-editor.lmono-resources-unavailable #LumiseDesign #lumise-left #lumise-external-images::before {
background: #f1f1f1;
border-radius: 999px;
color: var( --lmono-color-accent );
content: "⌕";
display: block;
font-family: Arial, sans-serif;
font-size: 34px;
height: 62px;
line-height: 58px;
margin-bottom: 18px;
width: 62px;
}
body.lumise-theme-mono-editor.lmono-resources-unavailable #LumiseDesign #lumise-left #lumise-external-images::after {
color: #666666;
content: "Image Resources are not installed.\A Install the Lumise Images addon to browse online libraries. You can still add artwork from the Upload tab.";
display: block;
font-size: 14px;
line-height: 22px;
max-width: 290px;
white-space: pre-line;
}
body.lumise-theme-mono-editor.lmono-resources-unavailable #LumiseDesign #lumise-left #lumise-external-images > iframe {
display: none !important;
}
body.lumise-theme-mono-editor.lmono-resources-hidden #LumiseDesign #lumise-left #lumise-uploads > header button[data-nav="external"],
body.lumise-theme-mono-editor.lmono-resources-hidden #LumiseDesign #lumise-left #lumise-external-images {
display: none !important;
}
body.lumise-theme-mono-editor.lmono-resources-hidden #LumiseDesign #lumise-left #lumise-uploads > header button[data-nav="internal"] {
width: 100% !important;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-uploads > header button {
background: #f1f1f1 !important;
border: 1px solid transparent;
color: #222020 !important; }
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-uploads > header {
border-bottom: 1px solid #e7e7e7;
box-sizing: border-box;
display: flex !important;
gap: 8px;
height: auto;
margin: 0 24px;
padding: 12px 0;
width: calc( 100% - 48px );
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-uploads > header button {
border-radius: 6px !important;
margin: 0 !important;
width: 50% !important;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-uploads > header button.active::after {
display: none;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-uploads > header button:hover {
background: #e8e8e8 !important;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-uploads > header button.active {
background: var( --lmono-color-accent ) !important;
color: #ffffff !important;
} body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-uploads > div[data-tab="xinternal"] {
background: #ffffff !important;
box-sizing: border-box;
color: #222020;
height: 100% !important;
overflow: hidden;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-uploads > div[data-tab="xinternal"] > header.lumise-xitems-header {
background: #ffffff;
border-bottom: 1px solid #e7e7e7;
box-sizing: border-box;
display: block;
float: none;
height: auto;
padding: 20px 24px 16px !important;
width: 100%;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-uploads > div[data-tab="xinternal"] .lumise-xitems-search {
display: block;
float: none;
height: 42px;
position: relative;
width: 100%;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-uploads > div[data-tab="xinternal"] .lumise-xitems-search input {
background: #f7f7f7 !important;
border: 1px solid #d8d8d8 !important;
border-radius: 6px;
box-shadow: none;
box-sizing: border-box;
color: #222020;
font-size: 14px;
height: 38px;
margin: 0;
padding: 0 12px 0 38px;
width: 100%;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-uploads > div[data-tab="xinternal"] .lumise-xitems-search input::placeholder {
color: #777777;
opacity: 1;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-uploads > div[data-tab="xinternal"] .lumise-xitems-search input:focus {
background: #ffffff !important;
border-color: var( --lmono-color-accent ) !important;
box-shadow: 0 0 0 3px rgba( var( --lmono-color-accent-rgb ), 0.10 );
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-uploads > div[data-tab="xinternal"] .lumise-xitems-search > i {
color: var( --lmono-color-accent );
font-size: 17px;
height: 38px;
left: 12px;
line-height: 38px;
margin: 0;
position: absolute;
top: 0;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-uploads > div[data-tab="xinternal"] .lumise-xitem-categories {
clear: both;
position: relative;
width: 100%;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-uploads > div[data-tab="xinternal"] .lumise-xitem-categories > button {
background: #ffffff !important;
border: 1px solid #dedede !important;
border-radius: 6px !important;
box-shadow: none;
color: #222020 !important;
font-size: 14px;
font-weight: 600;
height: 40px;
line-height: 38px;
padding: 0 44px 0 12px;
position: relative;
width: 100%;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-uploads > div[data-tab="xinternal"] .lumise-xitem-categories > button:hover {
background: #f7f7f7 !important;
border-color: #bcbcbc !important;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-uploads > div[data-tab="xinternal"] .lumise-xitem-categories > button > span {
color: #222020;
font-weight: 600;
line-height: 38px;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-uploads > div[data-tab="xinternal"] .lumise-xitem-categories > button > i {
background: #fafafa;
border-left: 1px solid #e7e7e7 !important;
border-radius: 0 6px 6px 0;
color: #555555 !important;
height: 38px;
line-height: 38px;
right: 0;
top: 0;
width: 38px;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-images-list {
background: #ffffff;
box-sizing: border-box;
float: none;
overflow-x: hidden;
overflow-y: auto;
padding: 16px 24px 24px !important;
width: 100%;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-images-list > ul.lumise-list-items.lumise-list-xitems {
display: grid !important;
gap: 12px;
grid-template-columns: repeat( 2, minmax( 0, 1fr ) );
margin: 0;
padding: 0;
width: 100%;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-images-list > ul.lumise-list-items.lumise-list-xitems > span.noitems {
align-items: center;
background: linear-gradient( 180deg, #ffffff 0%, #fafafa 100% );
border: 1px dashed #d8d8d8;
border-radius: 12px;
box-sizing: border-box;
color: #777777;
display: flex !important;
font-size: 14px;
grid-column: 1 / -1;
justify-content: center;
line-height: 22px;
min-height: 220px;
padding: 30px 26px;
text-align: center;
width: 100%;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-images-list > ul.lumise-list-items.lumise-list-xitems > li.lumise-xitem {
aspect-ratio: 4 / 3;
background-color: #f7f7f7 !important;
background-position: center !important;
background-repeat: no-repeat !important;
background-size: contain !important;
border: 1px solid #e2e2e2;
border-radius: 8px;
box-sizing: border-box;
float: none;
height: auto;
margin: 0;
min-height: 120px;
opacity: 1;
position: relative;
transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
width: 100%;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-images-list > ul.lumise-list-items.lumise-list-xitems > li.lumise-xitem:hover {
border-color: var( --lmono-color-accent-border );
box-shadow: 0 8px 20px var( --lmono-color-accent-shadow );
transform: translateY( -2px );
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-images-list > ul.lumise-list-items.lumise-list-xitems > li.lumise-xitem > i[data-tag] {
background: rgba( 255, 255, 255, 0.96 );
border: 1px solid rgba( 34, 32, 32, 0.16 );
border-radius: 4px;
bottom: 8px;
box-shadow: 0 2px 8px rgba( 0, 0, 0, 0.10 );
color: #222020;
font-size: 11px;
font-weight: 700;
height: 24px;
line-height: 22px;
padding: 0 8px;
right: 8px;
text-transform: none;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-images-list > ul.lumise-list-items.lumise-list-xitems > li.lumise-xitem > i[data-info] {
align-items: center;
background-color: rgba( 255, 255, 255, 0.96 );
background-size: 16px;
border: 1px solid rgba( 34, 32, 32, 0.16 );
border-radius: 50%;
box-shadow: 0 2px 8px rgba( 0, 0, 0, 0.10 );
display: flex;
height: 28px;
justify-content: center;
top: 8px;
right: 8px;
transition: opacity 160ms ease, background-color 160ms ease, color 160ms ease;
width: 28px;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-images-list > ul.lumise-list-items.lumise-list-xitems > li.lumise-xitem:hover > i[data-info] {
opacity: 1;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-images-list > ul.lumise-list-items.lumise-list-xitems > li.lumise-xitem > i[data-info]:hover {
background: var( --lmono-color-accent-soft );
border-color: var( --lmono-color-accent-border );
color: var( --lmono-color-accent-hover );
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left .lumise-xitems-list,
body.lumise-theme-mono-editor #LumiseDesign #lumise-left .lumise-list-items,
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-layers > ul {
box-sizing: border-box;
padding-left: 20px;
padding-right: 20px;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left .lumise-xitems-list li,
body.lumise-theme-mono-editor #LumiseDesign #lumise-left .lumise-list-items li,
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-layers li {
background: #ffffff;
border: 1px solid #e6e6e6;
border-radius: 8px;
color: #222020;
overflow: hidden;
transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left .lumise-xitems-list li:hover,
body.lumise-theme-mono-editor #LumiseDesign #lumise-left .lumise-list-items li:hover,
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-layers li:hover,
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-layers li.active {
border-color: rgba( var( --lmono-color-accent-rgb ), 0.32 );
box-shadow: 0 6px 18px rgba( 0, 0, 0, 0.08 );
transform: translateY( -1px );
} body.lumise-theme-mono-editor #LumiseDesign #lumise-left :is(
#lumise-templates,
#lumise-cliparts,
#lumise-backgrounds,
#lumise-distress
) {
background: #ffffff;
overflow: hidden;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left :is(
#lumise-templates,
#lumise-cliparts,
#lumise-backgrounds,
#lumise-distress
) > header {
background: #ffffff;
border-bottom: 1px solid #e7e7e7;
box-sizing: border-box;
display: block;
float: none;
padding: 20px 24px 16px !important;
width: 100%;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left :is(
#lumise-templates,
#lumise-cliparts,
#lumise-backgrounds,
#lumise-distress
) > header > :is(
.lumise-templates-search,
.lumise-cliparts-search,
.lumise-xitems-search
) {
display: block;
float: none;
height: 42px;
position: relative;
width: 100%;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left :is(
#lumise-templates,
#lumise-cliparts,
#lumise-backgrounds,
#lumise-distress
) :is(
.lumise-templates-search,
.lumise-cliparts-search,
.lumise-xitems-search
) input {
background: #f7f7f7 !important;
border: 1px solid #d8d8d8 !important;
border-radius: 6px;
box-shadow: none;
box-sizing: border-box;
color: #222020;
font-size: 14px;
height: 38px;
margin: 0 0 12px;
padding: 0 12px 0 38px;
width: 100%;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left :is(
#lumise-templates,
#lumise-cliparts,
#lumise-backgrounds,
#lumise-distress
) :is(
.lumise-templates-search,
.lumise-cliparts-search,
.lumise-xitems-search
) input::placeholder {
color: #777777;
opacity: 1;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left :is(
#lumise-templates,
#lumise-cliparts,
#lumise-backgrounds,
#lumise-distress
) :is(
.lumise-templates-search,
.lumise-cliparts-search,
.lumise-xitems-search
) input:focus {
background: #ffffff !important;
border-color: var( --lmono-color-accent ) !important;
box-shadow: 0 0 0 3px rgba( var( --lmono-color-accent-rgb ), 0.10 );
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left :is(
#lumise-templates,
#lumise-cliparts,
#lumise-backgrounds,
#lumise-distress
) :is(
.lumise-templates-search,
.lumise-cliparts-search,
.lumise-xitems-search
) > i {
color: var( --lmono-color-accent );
font-size: 17px;
height: 38px;
left: 12px;
line-height: 38px;
margin: 0;
position: absolute;
top: 0;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left :is(
#lumise-templates,
#lumise-cliparts,
#lumise-backgrounds,
#lumise-distress
) :is(
.lumise-template-categories,
.lumise-clipart-categories,
.lumise-xitem-categories
) {
clear: both;
position: relative;
width: 100%;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left :is(
#lumise-templates,
#lumise-cliparts,
#lumise-backgrounds,
#lumise-distress
) :is(
.lumise-template-categories,
.lumise-clipart-categories,
.lumise-xitem-categories
) > button {
background: #ffffff !important;
border: 1px solid #dedede !important;
border-radius: 6px !important;
box-shadow: none;
color: #222020 !important;
font-size: 14px;
font-weight: 600;
height: 40px;
line-height: 38px;
padding: 0 44px 0 12px;
position: relative;
width: 100%;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left :is(
#lumise-templates,
#lumise-cliparts,
#lumise-backgrounds,
#lumise-distress
) :is(
.lumise-template-categories,
.lumise-clipart-categories,
.lumise-xitem-categories
) > button:hover {
background: #f7f7f7 !important;
border-color: #bcbcbc !important;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left :is(
#lumise-templates,
#lumise-cliparts,
#lumise-backgrounds,
#lumise-distress
) :is(
.lumise-template-categories,
.lumise-clipart-categories,
.lumise-xitem-categories
) > button > span {
color: #222020;
font-weight: 600;
line-height: 38px;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left :is(
#lumise-templates,
#lumise-cliparts,
#lumise-backgrounds,
#lumise-distress
) :is(
.lumise-template-categories,
.lumise-clipart-categories,
.lumise-xitem-categories
) > button > i {
background: #fafafa;
border-left: 1px solid #e7e7e7 !important;
border-radius: 0 6px 6px 0;
color: #555555 !important;
height: 38px;
line-height: 38px;
right: 0;
top: 0;
width: 38px;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left :is(
#lumise-templates-list,
#lumise-cliparts-list,
#lumise-backgrounds-list,
#lumise-distress-list
) {
background: #ffffff;
box-sizing: border-box;
float: none;
overflow-x: hidden;
overflow-y: auto;
padding: 16px 24px 24px !important;
scrollbar-color: #c8c8c8 transparent;
scrollbar-width: thin;
width: 100%;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left :is(
#lumise-templates-list,
#lumise-cliparts-list,
#lumise-backgrounds-list,
#lumise-distress-list
) > ul.lumise-list-items {
display: grid;
gap: 12px;
grid-template-columns: repeat( 2, minmax( 0, 1fr ) );
margin: 0;
padding: 0;
width: 100%;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left :is(
#lumise-templates-list,
#lumise-cliparts-list,
#lumise-backgrounds-list,
#lumise-distress-list
) > ul.lumise-list-items > :is(
li.lumise-template,
li.lumise-clipart,
li.lumise-xitem
) {
aspect-ratio: 1 / 1;
background-color: #f7f7f7 !important;
background-position: center !important;
background-repeat: no-repeat !important;
background-size: contain !important;
border: 1px solid #e2e2e2;
border-radius: 8px;
box-shadow: none;
box-sizing: border-box;
float: none;
height: auto;
margin: 0;
opacity: 1;
position: relative;
width: 100%;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left :is(
#lumise-templates-list,
#lumise-cliparts-list,
#lumise-backgrounds-list,
#lumise-distress-list
) > ul.lumise-list-items > :is(
li.lumise-template,
li.lumise-clipart,
li.lumise-xitem
):hover {
border-color: var( --lmono-color-accent-border );
box-shadow: 0 8px 20px var( --lmono-color-accent-shadow );
transform: translateY( -2px );
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left :is(
#lumise-backgrounds-list,
#lumise-distress-list
) li.lumise-xitem.do-empty {
align-items: center;
background: #ffffff !important;
display: flex;
justify-content: center;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left :is(
#lumise-backgrounds-list,
#lumise-distress-list
) li.lumise-xitem.do-empty > svg {
display: block;
height: 56px;
width: 56px;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left :is(
#lumise-templates,
#lumise-cliparts,
#lumise-backgrounds,
#lumise-distress
) ul.lumise-list-items li > i[data-tag] {
background: rgba( 255, 255, 255, 0.94 );
border: 1px solid rgba( 34, 32, 32, 0.18 );
border-radius: 4px;
bottom: 8px;
box-shadow: 0 2px 8px rgba( 0, 0, 0, 0.10 );
color: #222020;
font-size: 11px;
font-weight: 700;
height: 24px;
letter-spacing: 0;
line-height: 22px;
padding: 0 8px;
right: 8px;
text-transform: none;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left :is(
#lumise-templates,
#lumise-cliparts,
#lumise-backgrounds,
#lumise-distress
) ul.lumise-list-items li > i[data-info] {
background-color: rgba( 255, 255, 255, 0.94 );
background-size: 16px;
box-shadow: 0 2px 8px rgba( 0, 0, 0, 0.10 );
height: 24px;
opacity: 0;
right: 8px;
top: 8px;
width: 24px;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left :is(
#lumise-templates,
#lumise-cliparts,
#lumise-backgrounds,
#lumise-distress
) ul.lumise-list-items li:hover > i[data-info] {
opacity: 1;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left :is(
#lumise-templates-list,
#lumise-cliparts-list,
#lumise-backgrounds-list,
#lumise-distress-list
) .noitems {
color: #777777;
font-size: 14px;
grid-column: 1 / -1;
line-height: 22px;
margin: 40px 0;
text-align: center;
} body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-shapes {
background: #ffffff;
box-sizing: border-box;
color: #222020;
overflow-x: hidden;
overflow-y: auto;
padding: 20px 24px 24px;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-shapes > p {
color: #222020 !important;
font-size: 14px;
font-weight: 500;
line-height: 20px;
margin: 0 0 18px;
text-align: center;
width: 100%;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-shapes > .lumise-tab-body {
box-sizing: border-box;
padding: 0 !important;
width: 100%;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-shapes ul.lumise-list-items {
display: grid;
gap: 8px;
grid-template-columns: repeat( 5, minmax( 0, 1fr ) );
list-style: none;
margin: 0;
padding: 0;
width: 100%;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-shapes ul.lumise-list-items > li.lumise-clipart {
align-items: center;
background: #f7f7f7;
border: 1px solid #e2e2e2;
border-radius: 8px;
box-shadow: none;
box-sizing: border-box;
display: flex;
float: none;
height: 68px;
justify-content: center;
margin: 0;
overflow: hidden;
padding: 8px;
transition: background-color 160ms ease, border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
width: 100%;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-shapes ul.lumise-list-items > li.lumise-clipart:hover {
background: #ffffff;
border-color: var( --lmono-color-accent-border );
box-shadow: 0 6px 16px var( --lmono-color-accent-shadow );
transform: translateY( -1px );
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-shapes ul.lumise-list-items > li.lumise-clipart > svg {
display: block;
fill: #555555 !important;
height: 48px;
max-height: 100%;
max-width: 100%;
transition: fill 160ms ease, transform 160ms ease;
width: 48px;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-shapes ul.lumise-list-items > li.lumise-clipart:hover > svg {
fill: var( --lmono-color-accent ) !important;
transform: scale( 1.05 );
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-shapes .noitems {
color: #777777;
font-size: 14px;
grid-column: 1 / -1;
line-height: 22px;
margin: 40px 0;
text-align: center;
} body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-layers {
background: #ffffff;
box-sizing: border-box;
color: #222020;
overflow-x: hidden;
overflow-y: auto;
padding: 16px 20px 24px;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-layers > ul {
box-sizing: border-box;
display: flex;
flex-direction: column;
float: none;
gap: 8px;
list-style: none;
margin: 0;
padding: 0;
width: 100%;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-layers > ul > li {
align-items: center;
background: #ffffff !important;
border: 1px solid #e2e2e2;
border-radius: 8px;
box-shadow: none;
box-sizing: border-box;
color: #222020;
display: flex;
float: none;
height: 58px;
margin: 0;
overflow: hidden;
padding: 0 8px;
transition: background-color 160ms ease, border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
width: 100%;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-layers > ul > li:hover {
background: #f7f7f7 !important;
border-color: rgba( var( --lmono-color-accent-rgb ), 0.32 );
box-shadow: 0 5px 14px rgba( 0, 0, 0, 0.07 );
transform: translateY( -1px );
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-layers > ul > li.active {
background: var( --lmono-color-accent-soft ) !important;
border-color: rgba( var( --lmono-color-accent-rgb ), 0.58 );
box-shadow: inset 3px 0 0 var( --lmono-color-accent );
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-layers > ul[data-holder="true"] > li:not([data-holder="true"]) {
background: #ffffff !important;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-layers > ul > li[data-holder="true"],
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-layers > ul > li.lmono-layer-dragging {
background: var( --lmono-color-accent-soft ) !important;
border-color: rgba( var( --lmono-color-accent-rgb ), 0.58 );
border-style: solid;
box-shadow: 0 8px 18px rgba( var( --lmono-color-accent-rgb ), 0.14 );
opacity: 0.62;
transform: scale( 0.985 );
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-layers > ul > li[data-holder="true"] .layer-func,
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-layers > ul > li.lmono-layer-dragging .layer-func {
opacity: 0.35;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-layers > ul > li .layer-type {
align-items: center;
border: 0;
border-radius: 6px;
display: flex;
flex: 0 0 32px;
float: none;
font-size: 17px;
height: 32px;
justify-content: center;
line-height: 32px;
margin: 0;
object-fit: contain;
text-align: center;
width: 32px;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-layers > ul > li span.layer-name {
color: #222020;
flex: 1 1 auto;
float: none;
font-size: 14px;
font-weight: 600;
line-height: 36px;
margin: 0;
max-width: none;
min-width: 0;
overflow: hidden;
padding: 0 10px;
text-align: left;
text-overflow: ellipsis;
white-space: nowrap;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-layers > ul > li span.layer-name:focus {
background: transparent;
box-shadow: none;
outline: none;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-layers > ul > li[data-holder="true"] span.layer-name,
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-layers > ul > li.lmono-layer-dragging span.layer-name {
background: transparent;
box-shadow: none;
text-decoration: none;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-layers > ul > li span.layer-func {
align-items: center;
display: flex;
flex: 0 0 auto;
float: none;
gap: 2px;
padding: 0;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-layers > ul > li span.layer-func > i {
align-items: center;
border-radius: 6px;
color: #777777;
display: flex;
font-size: 15px;
height: 32px;
justify-content: center;
padding: 0;
transition: background-color 160ms ease, color 160ms ease, transform 160ms ease;
width: 30px;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-layers > ul > li span.layer-func > i:hover {
background: #e9e9e9;
color: #222020;
transform: none;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-layers > ul > li span.layer-func > i[data-active="true"] {
opacity: 0.45;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-layers > ul > li span.layer-func > i[data-act="delete"] {
color: #e05252;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-layers > ul > li span.layer-func > i[data-act="delete"]:hover {
background: #fff0f0;
color: #c93434;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-layers > ul > h3 {
color: #777777;
font-size: 14px;
font-weight: 500;
line-height: 22px;
margin: 40px 0;
text-align: center;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-layers.lmono-layers-is-empty > ul > h3 {
display: none !important;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-layers .lmono-layers-empty {
align-items: center;
box-sizing: border-box;
color: #666666;
display: flex;
flex-direction: column;
gap: 10px;
justify-content: center;
min-height: 300px;
padding: 36px 28px;
text-align: center;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-layers .lmono-layers-empty__icon {
align-items: center;
background: #f1f1f1;
border-radius: 50%;
color: var( --lmono-color-accent );
display: flex;
font-size: 28px;
height: 56px;
justify-content: center;
width: 56px;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-layers .lmono-layers-empty strong {
color: #222020;
font-size: 16px;
line-height: 22px;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-layers .lmono-layers-empty > span:not( .lmono-layers-empty__icon ) {
font-size: 13px;
line-height: 20px;
max-width: 260px;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-layers .lmono-layers-empty button {
background: var( --lmono-color-accent );
border: 1px solid var( --lmono-color-accent );
border-radius: 6px;
color: #ffffff;
cursor: pointer;
font-size: 13px;
font-weight: 700;
height: 38px;
margin-top: 6px;
padding: 0 16px;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-layers .lmono-layers-empty button:hover,
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-layers .lmono-layers-empty button:focus-visible {
background: var( --lmono-color-accent-hover );
border-color: var( --lmono-color-accent-hover );
outline: none;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-text {
background: #ffffff;
box-sizing: border-box;
color: #222020;
overflow-x: hidden;
overflow-y: auto;
padding: 0px 24px 24px;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-text > p:first-child {
color: #222020 !important;
font-size: 14px;
font-weight: 500;
line-height: 20px;
margin: 0 0 18px;
text-align: center;
width: 100%;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-text > span[data-act="add"] {
align-items: center;
background: #f7f7f7;
border: 1px solid #e2e2e2;
border-radius: 8px;
box-sizing: border-box;
cursor: pointer;
display: flex !important;
float: left;
height: 104px;
justify-content: center;
margin: 0 8px 8px 0;
overflow: hidden;
padding: 10px;
transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
width: calc( ( 100% - 16px ) / 3 ) !important;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-text > span[data-act="add"]:nth-of-type( 3n ) {
margin-right: 0;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-text > span[data-act="add"] > img {
display: block;
filter: brightness( 0 ) saturate( 100% );
height: auto !important;
max-height: 76px;
max-width: 100%;
object-fit: contain;
opacity: 0.76;
transition: filter 160ms ease, opacity 160ms ease, transform 160ms ease;
width: auto;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-text > span[data-act="add"]:hover {
background: #ffffff;
border-color: var( --lmono-color-accent-border );
box-shadow: 0 7px 18px var( --lmono-color-accent-shadow );
transform: translateY( -1px );
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-text > span[data-act="add"]:hover > img {
opacity: 1;
transform: scale( 1.03 );
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-text #lumise-text-mask-guide {
align-items: center;
background: #f7f7f7;
border: 1px solid #e2e2e2;
border-radius: 8px;
box-sizing: border-box;
clear: both;
cursor: pointer;
display: flex !important;
height: 112px;
justify-content: center;
margin: 16px 0 0;
overflow: hidden;
padding: 12px;
transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
width: 100%;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-text #lumise-text-mask-guide:hover {
background: #ffffff;
border-color: var( --lmono-color-accent-border );
box-shadow: 0 7px 18px var( --lmono-color-accent-shadow );
transform: translateY( -1px );
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-text #lumise-text-mask-guide > img {
display: block;
filter: none;
height: auto !important;
max-height: 86px;
max-width: 100%;
object-fit: contain;
width: auto;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-text-ext {
border-top: 1px solid #eeeeee;
clear: both;
color: #222020;
margin-top: 18px;
padding-top: 18px;
width: 100%;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-text-ext * {
color: #222020;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-text-ext *[draggable="true"] {
align-items: center;
background: #f7f7f7;
border: 1px solid #e2e2e2;
border-radius: 8px;
box-sizing: border-box;
display: flex !important;
height: 66px;
justify-content: center;
margin: 0 4% 10px 0;
overflow: hidden;
padding: 10px;
transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
width: 48% !important;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-text-ext *[draggable="true"]:nth-child( 2n ) {
margin-right: 0;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-text-ext *[draggable="true"]:hover {
background: #ffffff;
border-color: var( --lmono-color-accent-border );
box-shadow: 0 6px 16px rgba( var( --lmono-color-accent-rgb ), 0.10 );
transform: translateY( -1px );
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-text-ext *[draggable="true"] img {
filter: brightness( 0 ) saturate( 100% );
opacity: 0.76;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-text-ext *[draggable="true"] svg {
display: block;
height: 44px;
max-height: 44px;
max-width: 100%;
overflow: visible;
width: 100%;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-text-ext *[draggable="true"] svg text {
fill: #222020 !important;
transition: fill 160ms ease;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-text-ext *[draggable="true"]:hover svg text {
fill: var( --lmono-color-accent ) !important;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left .lumise-more-fonts {
background: var( --lmono-color-accent );
border: 0;
border-radius: 6px;
color: #ffffff;
display: block;
font-size: 14px;
height: 40px;
margin: 18px 0 0;
padding: 0 18px;
width: 100%;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left .lumise-more-fonts:hover {
background: var( --lmono-color-accent-hover );
}
@media only screen and (max-width: 1170px) {
body.lumise-theme-mono-editor #LumiseDesign #lumise-left .lumise-tab-body-wrp {
border-radius: 0;
}
}body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-product {
background: #ffffff;
color: #222020;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-product::before {
align-items: center;
background: #f5f5f5;
border-bottom: 1px solid #dedede;
box-sizing: border-box;
color: #222020;
content: none;
display: none;
font-size: 14px;
font-weight: 500;
height: 0;
justify-content: center;
letter-spacing: 0.14em;
line-height: 20px;
padding: 0;
text-align: center;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-product > header {
background: #ffffff;
border-bottom: 1px solid #dedede !important;
box-sizing: border-box;
display: block;
padding: 22px 24px 20px;
text-align: left;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-product > header::before {
color: #666666;
content: "Current product";
display: block;
font-size: 12px;
font-weight: 600;
letter-spacing: 0.04em;
line-height: 16px;
margin-bottom: 5px;
text-transform: uppercase;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-product > header name {
color: #222020;
display: block;
font-size: 18px;
font-weight: 700;
line-height: 24px;
margin: 0 0 10px;
padding: 0;
text-transform: none;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-product > header price {
background: #f1f1f1;
border-radius: 5px;
color: #222020;
display: inline-flex;
gap: 4px;
font-size: 13px;
font-weight: 700;
height: 30px;
line-height: 30px;
margin: 0 8px 0 0;
padding: 0 10px;
vertical-align: middle;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-product > header sku:empty {
display: none;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-product > header desc {
color: #666666;
display: block;
font-size: 13px;
line-height: 19px;
margin: 12px 0 0;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-product > header desc a {
color: var( --lmono-color-accent );
font-weight: 600;
text-decoration: none;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-product > header desc a:hover {
text-decoration: underline;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-product #lumise-change-product {
background: #ffffff;
border: 1px solid var( --lmono-color-accent );
border-radius: 5px;
color: var( --lmono-color-accent );
display: inline-flex;
font-size: 13px;
font-weight: 700;
height: 38px;
line-height: 36px;
margin: 0;
padding: 0 14px;
text-transform: none;
vertical-align: middle;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-product #lumise-change-product:hover,
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-product #lumise-change-product:focus-visible {
background: var( --lmono-color-accent-soft );
border-color: var( --lmono-color-accent-hover );
color: var( --lmono-color-accent-hover );
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-product #lumise-cart-wrp {
background: #ffffff;
box-sizing: border-box;
color: #222020;
display: block;
margin: 0;
padding: 0 24px 28px;
width: 100%;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-product #lumise-cart-wrp .lumise-prints {
clear: both;
display: block;
float: none;
margin: 0;
width: 100%;
border-top: none !important;
border-bottom: none !important;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-product #lumise-cart-wrp .lumise-prints .lumise_radios {
display: grid;
gap: 8px;
width: 100%;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-product #lumise-cart-wrp .lumise-prints .lumise-radio {
float: none;
margin: 0;
width: 100%;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-product #lumise-cart-wrp .lumise-prints .lumise-cart-option-label {
align-items: center;
background: #ffffff;
border: 1px solid #dedede;
border-radius: 7px;
display: flex;
float: none;
gap: 10px;
min-height: 52px;
opacity: 1;
padding: 8px 10px;
width: 100%;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-product #lumise-cart-wrp .lumise-prints .lumise-desc,
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-product #lumise-cart-wrp .lumise-prints .lumise-desc span {
color: #333333;
float: none;
padding: 0;
width: auto;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-product #lumise-cart-wrp .lumise-prints input:checked + .lumise-cart-option-label {
background: var( --lmono-color-accent-soft );
border-color: var( --lmono-color-accent );
box-shadow: 0 0 0 1px var( --lmono-color-accent );
color: #222020;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-product #lumise-cart-wrp .lumise-prints input:checked + .lumise-cart-option-label .lumise-desc,
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-product #lumise-cart-wrp .lumise-prints input:checked + .lumise-cart-option-label .lumise-desc span {
color: #222020 !important;
font-weight: 700;
opacity: 1 !important;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-product #lumise-cart-wrp .lumise-prints .lumise-cart-option-thumb img {
border-radius: 5px;
display: block;
height: 38px;
object-fit: cover;
width: 38px;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-product #lumise-cart-attributes {
clear: both;
display: flex;
flex-direction: column;
gap: 0;
width: 100%;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-product #lumise-cart-wrp .lumise-cart-field {
background: #ffffff;
border: 0 !important;
box-sizing: border-box;
display: block;
float: none;
margin: 0;
padding: 10px 0;
width: 100%;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-product #lumise-cart-wrp .lumise_form_group {
align-items: stretch;
display: flex;
flex-direction: column;
gap: 6px;
margin: 0 !important;
padding: 0;
width: 100%;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-product #lumise-cart-wrp .lumise-cart-field-label {
color: #222020;
display: block;
flex: none;
font-size: 16px;
font-weight: 700;
line-height: 22px;
padding: 0;
text-align: left;
width: 100%;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-product #lumise-cart-wrp .lumise-cart-field-label .required {
color: #ef3340;
font-style: normal;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-product #lumise-cart-wrp .lumise_form_content {
color: #222020;
flex: none;
min-width: 0;
padding: 0;
width: 100%;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-product #lumise-cart-wrp .lumise-product-color {
display: flex;
float: none;
flex-wrap: wrap;
gap: 8px;
margin: 0;
padding: 2px;
width: 100%;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-product #lumise-cart-wrp .lumise-product-color > li[data-color] {
border: 1px solid #cfcfcf;
border-radius: 5px;
box-shadow: none;
box-sizing: border-box;
float: none;
height: 28px;
margin: 0;
transition: border-color 150ms ease, box-shadow 150ms ease, transform 150ms ease;
width: 28px;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-product #lumise-cart-wrp .lumise-product-color > li[data-color]:hover {
border-color: var( --lmono-color-accent );
box-shadow: 0 0 0 1px var( --lmono-color-accent );
transform: translateY( -1px );
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-product #lumise-cart-wrp .lumise-product-color > li[data-color].choosed {
border-color: #ffffff;
box-shadow: 0 0 0 2px var( --lmono-color-accent );
transform: none;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-product #lumise-cart-wrp .lumise-cart-field-quantity {
align-items: center;
display: flex;
gap: 8px;
margin: 0;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-product #lumise-cart-wrp .lumise-cart-field-quantity em[data-action] {
align-items: center;
background: #ffffff !important;
border: 1px solid #cfcfcf;
border-radius: 50%;
box-sizing: border-box;
color: #222020 !important;
cursor: pointer;
display: flex;
height: 36px;
justify-content: center;
min-width: 36px;
padding: 0;
width: 36px;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-product #lumise-cart-wrp .lumise-cart-field-quantity em[data-action] svg path {
fill: #222020 !important;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-product #lumise-cart-wrp .lumise-cart-field-quantity em[data-action]:hover {
background: #f1f1f1 !important;
border-color: #999999;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-product #lumise-cart-wrp .lumise-cart-field-quantity input {
background: #f7f7f7;
border: 1px solid #cfcfcf;
border-radius: 5px;
box-sizing: border-box;
color: #222020;
height: 36px;
line-height: 34px;
padding: 0 8px;
text-align: center;
width: 72px;
} body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-product #lumise-cart-wrp .lumise-cart-field-quantity:has( input[data-id] ) {
display: grid;
gap: 8px;
grid-template-columns: repeat( auto-fit, minmax( 108px, 1fr ) );
margin: 0;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-product #lumise-cart-wrp .lumise-cart-field-quantity:has( input[data-id] ) > p:not([data-notice]) {
align-items: center;
background: #f8f8f8;
border: 1px solid #dedede;
border-radius: 6px;
box-sizing: border-box;
display: grid !important;
gap: 7px;
grid-template-columns: 54px minmax( 0, 1fr ) auto;
margin: 0 !important;
min-width: 0;
padding: 7px;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-product #lumise-cart-wrp .lumise-cart-field-quantity:has( input[data-id] ) > p:not([data-notice]) em,
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-product #lumise-cart-wrp .lumise-cart-field-quantity:has( input[data-id] ) > p:not([data-notice]) strong {
float: none;
margin: 0;
padding: 0;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-product #lumise-cart-wrp .lumise-cart-field-quantity input[data-id] {
background: #ffffff;
border: 1px solid #cfcfcf;
border-radius: 4px;
box-sizing: border-box;
height: 34px;
padding: 0 6px;
width: 100%;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-product #lumise-cart-wrp .lumise-cart-field-quantity:has( input[data-id] ) > p:not([data-notice]) strong {
color: #333333;
font-size: 12px;
font-weight: 700;
line-height: 18px;
white-space: nowrap;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-product #lumise-cart-wrp .lumise-cart-field[data-type="options"] .lumise_form_content {
display: flex;
flex-direction: column;
gap: 5px;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-product #lumise-cart-wrp .lumise-cart-field[data-type="options"] :is( .lumise-radio, .lumise_checkbox ) {
display: block !important;
float: none !important;
margin: 0 !important;
min-width: 0;
padding: 0 !important;
position: relative;
width: auto !important;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-product #lumise-cart-wrp .lumise-cart-field[data-type="options"] :is( .lumise-radio, .lumise_checkbox ) > input {
left: 0;
opacity: 0;
position: absolute;
top: 0;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-product #lumise-cart-wrp .lumise-cart-field[data-type="options"] .lumise-cart-option-label {
align-items: center;
background: transparent;
border: 0;
border-radius: 0;
box-sizing: border-box;
color: #333333;
cursor: pointer;
display: inline-flex;
float: none !important;
font-size: 13px;
font-weight: 600;
height: 28px;
justify-content: flex-start;
line-height: 28px;
padding: 0 0 0 27px;
position: relative;
text-align: left;
width: fit-content;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-product #lumise-cart-wrp .lumise-cart-field[data-type="options"] .lumise-cart-option-label::before {
background: #ffffff;
border: 1px solid #aeb4bb;
border-radius: 50%;
box-sizing: border-box;
content: "";
height: 18px;
left: 0;
position: absolute;
top: 50%;
transform: translateY( -50% );
width: 18px;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-product #lumise-cart-wrp .lumise-cart-field[data-type="options"] input:checked + .lumise-cart-option-label {
background: transparent;
border-color: transparent;
box-shadow: none;
color: var( --lmono-color-accent-hover );
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-product #lumise-cart-wrp .lumise-cart-field[data-type="options"] input:checked + .lumise-cart-option-label::before {
background: var( --lmono-color-accent );
border-color: var( --lmono-color-accent );
box-shadow: inset 0 0 0 4px #ffffff;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-product #lumise-cart-wrp .lumise-cart-field[data-type="options"] .lumise-cart-option-label .check {
display: none;
left: 0;
top: 50%;
transform: translateY( -50% );
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-product #lumise-cart-wrp .lumise-cart-field[data-type="input"] input.lumise-cart-param,
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-product #lumise-cart-wrp .lumise-cart-field[data-type="text"] textarea.lumise-cart-param {
background: #ffffff;
border: 1px solid #cfcfcf;
border-radius: 6px;
box-sizing: border-box;
color: #222020;
font-size: 14px;
height: 42px;
padding: 0 12px;
width: 100%;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-product #lumise-cart-wrp .lumise-cart-field[data-type="text"] textarea.lumise-cart-param {
height: 88px;
padding: 10px 12px;
resize: vertical;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-product #lumise-cart-wrp :is( input.lumise-cart-param, textarea.lumise-cart-param ):focus {
border-color: var( --lmono-color-accent );
box-shadow: 0 0 0 3px rgba( var( --lmono-color-accent-rgb ), 0.10 );
outline: none;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-product #lumise-cart-wrp select {
background: #ffffff;
border: 1px solid #cfcfcf;
border-radius: 5px;
box-sizing: border-box;
color: #222020;
font-size: 14px;
height: 42px;
max-width: none;
padding: 0 12px;
width: 100%;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-product #lumise-cart-wrp select:hover,
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-product #lumise-cart-wrp select:focus {
background: #ffffff;
border-color: var( --lmono-color-accent );
box-shadow: 0 0 0 3px rgba( var( --lmono-color-accent-rgb ), 0.10 );
outline: none;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-product #lumise-cart-wrp .lumise-cart-field.how-calculate {
background: #f7f7f7;
border: 0 !important;
border-radius: 6px;
margin-top: 20px;
padding: 12px 14px;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-product #lumise-cart-wrp .how-calculate a {
align-items: center;
color: #4b4b4b !important;
display: flex;
float: none;
font-size: 13px;
justify-content: space-between;
margin: 0;
opacity: 1;
text-decoration: none;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-product #lumise-cart-wrp .how-calculate a:hover {
color: var( --lmono-color-accent ) !important;
}
@media ( max-width: 767px ) {
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-product::before {
font-size: 12px;
letter-spacing: 0.08em;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-product > header,
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-product #lumise-cart-wrp {
padding-left: 18px;
padding-right: 18px;
}
}body.lumise-theme-mono-editor #lumise-lightbox.lmono-product-picker {
color: #222020;
}
body.lumise-theme-mono-editor #lumise-lightbox.lmono-product-picker .kalb-overlay {
backdrop-filter: blur( 1px );
background: rgba( 20, 20, 20, 0.64 );
}
body.lumise-theme-mono-editor #lumise-lightbox.lmono-product-picker #lumise-lightbox-body {
background: #ffffff;
border: 1px solid rgba( 0, 0, 0, 0.08 );
border-radius: 10px;
box-shadow: 0 24px 60px rgba( 0, 0, 0, 0.28 );
max-height: calc( 100vh - 48px );
overflow: hidden;
width: min( 980px, calc( 100vw - 48px ) );
}
body.lumise-theme-mono-editor #lumise-lightbox.lmono-product-picker #lumise-lightbox-content {
box-sizing: border-box;
float: none;
height: auto;
margin: 0;
max-height: calc( 100vh - 48px );
min-height: 0;
min-width: 0;
overflow: hidden;
width: 100%;
}
body.lumise-theme-mono-editor #lumise-lightbox.lmono-product-picker #lumise-change-products-wrp {
background: #ffffff;
display: grid;
float: none;
grid-template-columns: 230px minmax( 0, 1fr );
grid-template-rows: 64px minmax( 360px, min( 460px, calc( 100vh - 160px ) ) );
min-height: 424px;
width: 100%;
}
body.lumise-theme-mono-editor #lumise-lightbox.lmono-product-picker #lumise-change-products-wrp ul {
box-sizing: border-box;
}
body.lumise-theme-mono-editor #lumise-lightbox.lmono-product-picker #lumise-change-products-wrp ul[data-view="categories"] {
background: #222020;
float: none;
grid-column: 1;
grid-row: 1 / 3;
height: 100%;
max-height: none;
overflow-x: hidden;
overflow-y: auto;
width: auto;
}
body.lumise-theme-mono-editor #lumise-lightbox.lmono-product-picker #lumise-change-products-wrp ul[data-view="categories"] > h3 {
align-items: center;
background: #222020;
border-bottom: 1px solid rgba( 255, 255, 255, 0.12 );
box-sizing: border-box;
color: #ffffff;
display: flex;
font-size: 12px;
font-weight: 700;
height: 64px;
letter-spacing: 0.12em;
margin: 0;
padding: 0 20px;
text-transform: uppercase;
}
body.lumise-theme-mono-editor #lumise-lightbox.lmono-product-picker #lumise-change-products-wrp ul[data-view="categories"] li {
background: transparent;
border-left: 3px solid transparent;
box-sizing: border-box;
color: #c7c7c7;
font-size: 14px;
line-height: 20px;
margin: 0;
padding: 13px 18px 13px 16px;
transition: background-color 150ms ease, border-color 150ms ease, color 150ms ease;
}
body.lumise-theme-mono-editor #lumise-lightbox.lmono-product-picker #lumise-change-products-wrp ul[data-view="categories"] li:not([data-lv="0"]) {
padding-left: 32px;
}
body.lumise-theme-mono-editor #lumise-lightbox.lmono-product-picker #lumise-change-products-wrp ul[data-view="categories"] li:hover {
background: rgba( 255, 255, 255, 0.08 );
color: #ffffff;
}
body.lumise-theme-mono-editor #lumise-lightbox.lmono-product-picker #lumise-change-products-wrp ul[data-view="categories"] li.active {
background: rgba( var( --lmono-color-accent-rgb ), 0.34 );
border-bottom-color: transparent;
border-left-color: var( --lmono-color-accent-border );
color: #ffffff;
font-weight: 700;
}
body.lumise-theme-mono-editor #lumise-lightbox.lmono-product-picker #lumise-change-products-wrp h3[data-view="top"] {
align-items: center;
background: #ffffff;
border-bottom: 1px solid #dedede;
box-shadow: none;
box-sizing: border-box;
display: flex;
grid-column: 2;
grid-row: 1;
height: 64px;
margin: 0;
padding: 11px 64px 11px 22px;
position: static;
width: auto;
}
body.lumise-theme-mono-editor #lumise-lightbox.lmono-product-picker #lumise-change-products-wrp h3[data-view="top"] input {
background: #f7f7f7;
border: 1px solid #d5d5d5;
border-radius: 6px;
box-sizing: border-box;
color: #222020;
font-size: 14px;
font-weight: 400;
height: 42px;
line-height: 40px;
max-width: 440px;
outline: none;
padding: 0 14px;
width: 100%;
}
body.lumise-theme-mono-editor #lumise-lightbox.lmono-product-picker #lumise-change-products-wrp h3[data-view="top"] input:hover {
background: #ffffff;
border-color: #aaaaaa;
}
body.lumise-theme-mono-editor #lumise-lightbox.lmono-product-picker #lumise-change-products-wrp h3[data-view="top"] input:focus {
background: #ffffff;
border-color: var( --lmono-color-accent );
box-shadow: 0 0 0 3px rgba( var( --lmono-color-accent-rgb ), 0.10 );
}
body.lumise-theme-mono-editor #lumise-lightbox.lmono-product-picker #lumise-change-products-wrp ul[data-view="products"] {
align-content: start;
background: #f7f7f7;
display: grid;
float: none;
gap: 20px;
grid-column: 2;
grid-row: 2;
grid-template-columns: repeat( auto-fill, minmax( 180px, 1fr ) );
height: 100%;
margin: 0;
max-height: none;
min-height: 0;
overflow-x: hidden;
overflow-y: auto;
padding: 24px;
position: static;
width: auto;
}
body.lumise-theme-mono-editor #lumise-lightbox.lmono-product-picker #lumise-change-products-wrp ul[data-view="products"] > li {
background: #ffffff;
border: 1px solid #dedede;
border-radius: 8px;
box-shadow: none;
box-sizing: border-box;
clear: none;
display: flex;
flex-direction: column;
float: none;
margin: 0;
min-width: 0;
overflow: hidden;
position: relative;
text-align: left;
transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
width: auto;
}
body.lumise-theme-mono-editor #lumise-lightbox.lmono-product-picker #lumise-change-products-wrp ul[data-view="products"] > li:not([data-current="true"]):hover {
border-color: var( --lmono-color-accent );
box-shadow: 0 8px 20px var( --lmono-color-accent-shadow );
transform: translateY( -2px );
}
body.lumise-theme-mono-editor #lumise-lightbox.lmono-product-picker #lumise-change-products-wrp ul[data-view="products"] > li[data-current="true"] {
border-color: var( --lmono-color-accent );
box-shadow: 0 0 0 2px var( --lmono-color-accent-shadow );
}
body.lumise-theme-mono-editor #lumise-lightbox.lmono-product-picker #lumise-change-products-wrp ul[data-view="products"] > li[data-current="true"]::after {
align-items: center;
background: var( --lmono-color-accent );
color: #ffffff;
display: flex;
font-size: 16px;
height: 28px;
justify-content: center;
left: 12px;
line-height: 28px;
top: 12px;
width: 28px;
}
body.lumise-theme-mono-editor #lumise-lightbox.lmono-product-picker #lumise-change-products-wrp ul[data-view="products"] > li span[data-view="thumbn"] {
align-items: center;
background: #ffffff;
box-sizing: border-box;
display: flex;
height: 220px;
justify-content: center;
padding: 16px;
width: 100%;
}
body.lumise-theme-mono-editor #lumise-lightbox.lmono-product-picker #lumise-change-products-wrp ul[data-view="products"] > li span[data-view="thumbn"] > img {
border-radius: 0;
display: block;
height: auto;
max-height: 188px;
max-width: 100%;
object-fit: contain;
width: auto;
}
body.lumise-theme-mono-editor #lumise-lightbox.lmono-product-picker #lumise-change-products-wrp ul[data-view="products"] > li span[data-view="name"] {
background: #ffffff;
border-top: 1px solid #e7e7e7;
box-sizing: border-box;
color: #222020;
display: block;
float: none;
font-size: 14px;
font-weight: 700;
line-height: 20px;
min-height: 45px;
padding: 12px 14px;
text-transform: none;
width: 100%;
}
body.lumise-theme-mono-editor #lumise-lightbox.lmono-product-picker #lumise-change-products-wrp ul[data-view="products"] > li:not([data-current="true"]):hover span[data-view="name"] {
color: var( --lmono-color-accent );
}
body.lumise-theme-mono-editor #lumise-lightbox.lmono-product-picker #lumise-change-products-wrp ul[data-view="products"] > li span[data-view="price"] {
background: var( --lmono-color-accent-soft );
border-radius: 5px;
color: var( --lmono-color-accent );
font-size: 13px;
font-weight: 700;
padding: 5px 8px;
right: 12px;
top: 12px;
}
body.lumise-theme-mono-editor #lumise-lightbox.lmono-product-picker #lumise-change-products-wrp ul[data-view="products"] > li[data-view="noitem"],
body.lumise-theme-mono-editor #lumise-lightbox.lmono-product-picker #lumise-change-products-wrp ul[data-view="products"] > li[data-view="pagination"] {
grid-column: 1 / -1;
transform: none;
width: 100%;
}
body.lumise-theme-mono-editor #lumise-lightbox.lmono-product-picker a.kalb-close {
align-items: center;
background: #f4f4f4;
border-radius: 50%;
box-sizing: border-box;
color: #555555;
display: flex;
font-size: 18px;
height: 36px;
justify-content: center;
opacity: 1;
padding: 0;
right: 14px;
top: 14px;
width: 36px;
z-index: 5;
}
body.lumise-theme-mono-editor #lumise-lightbox.lmono-product-picker a.kalb-close:hover {
background: #fff0f0;
color: #ef3340;
}
body.lumise-theme-mono-editor #lumise-lightbox.lmono-product-picker a.kalb-close i.lumisex-android-close {
display: block;
margin: 0;
height: 18px;
}
body.lumise-theme-mono-editor #lumise-lightbox.lmono-product-picker #lumise-change-products-wrp ul[data-view="categories"]::-webkit-scrollbar,
body.lumise-theme-mono-editor #lumise-lightbox.lmono-product-picker #lumise-change-products-wrp ul[data-view="products"]::-webkit-scrollbar {
height: 8px;
width: 8px;
}
body.lumise-theme-mono-editor #lumise-lightbox.lmono-product-picker #lumise-change-products-wrp ul[data-view="categories"]::-webkit-scrollbar-thumb,
body.lumise-theme-mono-editor #lumise-lightbox.lmono-product-picker #lumise-change-products-wrp ul[data-view="products"]::-webkit-scrollbar-thumb {
background: #b8b8b8;
border: 2px solid transparent;
border-radius: 8px;
background-clip: padding-box;
}
@media ( max-width: 767px ) {
body.lumise-theme-mono-editor #lumise-lightbox.lmono-product-picker #lumise-lightbox-body {
max-height: calc( 100vh - 20px );
width: calc( 100vw - 20px );
}
body.lumise-theme-mono-editor #lumise-lightbox.lmono-product-picker #lumise-change-products-wrp {
grid-template-columns: minmax( 0, 1fr );
grid-template-rows: auto 60px minmax( 300px, calc( 100vh - 220px ) );
min-height: 0;
}
body.lumise-theme-mono-editor #lumise-lightbox.lmono-product-picker #lumise-change-products-wrp ul[data-view="categories"] {
display: flex;
grid-column: 1;
grid-row: 1;
height: auto;
overflow-x: auto;
overflow-y: hidden;
}
body.lumise-theme-mono-editor #lumise-lightbox.lmono-product-picker #lumise-change-products-wrp ul[data-view="categories"] > h3 {
display: none;
}
body.lumise-theme-mono-editor #lumise-lightbox.lmono-product-picker #lumise-change-products-wrp ul[data-view="categories"] li,
body.lumise-theme-mono-editor #lumise-lightbox.lmono-product-picker #lumise-change-products-wrp ul[data-view="categories"] li:not([data-lv="0"]) {
border-bottom: 3px solid transparent;
border-left: 0;
flex: 0 0 auto;
padding: 12px 14px;
}
body.lumise-theme-mono-editor #lumise-lightbox.lmono-product-picker #lumise-change-products-wrp ul[data-view="categories"] li.active {
border-bottom-color: var( --lmono-color-accent-border );
}
body.lumise-theme-mono-editor #lumise-lightbox.lmono-product-picker #lumise-change-products-wrp h3[data-view="top"] {
grid-column: 1;
grid-row: 2;
height: 60px;
padding: 9px 54px 9px 14px;
}
body.lumise-theme-mono-editor #lumise-lightbox.lmono-product-picker #lumise-change-products-wrp ul[data-view="products"] {
gap: 12px;
grid-column: 1;
grid-row: 3;
grid-template-columns: repeat( 2, minmax( 0, 1fr ) );
padding: 14px;
}
body.lumise-theme-mono-editor #lumise-lightbox.lmono-product-picker #lumise-change-products-wrp ul[data-view="products"] > li span[data-view="thumbn"] {
height: 150px;
padding: 10px;
}
body.lumise-theme-mono-editor #lumise-lightbox.lmono-product-picker #lumise-change-products-wrp ul[data-view="products"] > li span[data-view="thumbn"] > img {
max-height: 130px;
}
body.lumise-theme-mono-editor #lumise-lightbox.lmono-product-picker a.kalb-close {
height: 32px;
right: 12px;
top: 14px;
width: 32px;
}
}body.lumise-theme-mono-editor #lumise-lightbox.lmono-price-formula .kalb-overlay {
backdrop-filter: blur( 1px );
background: rgba( 20, 20, 20, 0.64 );
}
body.lumise-theme-mono-editor #lumise-lightbox.lmono-price-formula #lumise-lightbox-body {
background: #ffffff;
border: 1px solid rgba( 0, 0, 0, 0.08 );
border-radius: 10px;
box-shadow: 0 24px 60px rgba( 0, 0, 0, 0.28 );
max-height: calc( 100vh - 48px );
overflow: hidden;
width: min( 820px, calc( 100vw - 48px ) );
}
body.lumise-theme-mono-editor #lumise-lightbox.lmono-price-formula #lumise-lightbox-content {
box-sizing: border-box;
float: none;
margin: 0;
max-height: calc( 100vh - 48px );
min-height: 0;
min-width: 0 !important;
overflow-x: hidden;
overflow-y: auto;
width: 100%;
}
body.lumise-theme-mono-editor #lumise-lightbox.lmono-price-formula .lumise_content.lumise_wrapper_table {
background: #ffffff;
box-sizing: border-box;
width: 100%;
}
body.lumise-theme-mono-editor #lumise-lightbox.lmono-price-formula h3.title {
align-items: center;
background: #ffffff !important;
border-bottom: 1px solid #dedede;
box-sizing: border-box;
color: #222020 !important;
display: flex;
font-size: 18px;
font-weight: 700;
height: 60px;
margin: 0;
padding: 0 64px 0 22px;
text-transform: none;
}
body.lumise-theme-mono-editor #lumise-lightbox.lmono-price-formula #lumise-formula-detail {
background: #ffffff;
box-sizing: border-box;
padding: 22px 24px 24px;
}
body.lumise-theme-mono-editor #lumise-lightbox.lmono-price-formula #lumise-formula-detail p.notice {
background: #fff8df;
border: 1px solid #f0df9a;
border-radius: 6px;
color: #5f531d;
margin: 0 0 16px;
padding: 10px 12px;
}
body.lumise-theme-mono-editor #lumise-lightbox.lmono-price-formula #lumise-formula-detail table {
border: 1px solid #dedede;
border-collapse: separate;
border-radius: 8px;
border-spacing: 0;
box-sizing: border-box;
overflow: hidden;
width: 100%;
}
body.lumise-theme-mono-editor #lumise-lightbox.lmono-price-formula #lumise-formula-detail td {
background: #ffffff;
border: 0;
border-bottom: 1px solid #e7e7e7;
box-sizing: border-box;
color: #555555;
font-size: 14px;
line-height: 20px;
padding: 14px 16px;
}
body.lumise-theme-mono-editor #lumise-lightbox.lmono-price-formula #lumise-formula-detail td:first-child {
background: #f7f7f7;
border-right: 1px solid #e7e7e7;
color: #333333;
font-weight: 700;
width: 38% !important;
}
body.lumise-theme-mono-editor #lumise-lightbox.lmono-price-formula #lumise-formula-detail tr:last-child td {
background: var( --lmono-color-accent-soft );
border-bottom: 0;
color: var( --lmono-color-accent-hover );
}
body.lumise-theme-mono-editor #lumise-lightbox.lmono-price-formula #lumise-formula-detail tr:last-child td:first-child {
font-weight: 800;
}
body.lumise-theme-mono-editor #lumise-lightbox.lmono-price-formula #lumise-formula-detail strong {
color: var( --lmono-color-accent );
font-weight: 800;
}
body.lumise-theme-mono-editor #lumise-lightbox.lmono-price-formula a.kalb-close {
align-items: center;
background: #f4f4f4;
border-radius: 50%;
box-sizing: border-box;
color: #555555;
display: flex;
font-size: 18px;
height: 36px;
justify-content: center;
opacity: 1;
padding: 0;
right: 14px;
top: 12px;
width: 36px;
z-index: 5;
}
body.lumise-theme-mono-editor #lumise-lightbox.lmono-price-formula a.kalb-close:hover {
background: #fff0f0;
color: #ef3340;
}
body.lumise-theme-mono-editor #lumise-lightbox.lmono-price-formula a.kalb-close i {
display: block;
margin: 0;
}
@media ( max-width: 600px ) {
body.lumise-theme-mono-editor #lumise-lightbox.lmono-price-formula #lumise-lightbox-body {
max-height: calc( 100vh - 20px );
width: calc( 100vw - 20px );
}
body.lumise-theme-mono-editor #lumise-lightbox.lmono-price-formula #lumise-formula-detail {
padding: 14px;
}
body.lumise-theme-mono-editor #lumise-lightbox.lmono-price-formula #lumise-formula-detail td {
font-size: 13px;
padding: 11px 10px;
}
}@media only screen and (min-width: 1171px) {
body.lumise-theme-mono-editor #LumiseDesign #lumise-top-tools {
border: 1px solid #e7e7e7;
border-radius: 8px;
box-shadow: 0 1px 2px rgba( 0, 0, 0, 0.06 );
box-sizing: border-box;
left: calc(
32px + var( --lmono-sidebar-rail-width ) +
var( --lmono-sidebar-panel-width )
);
overflow: visible;
top: calc( var( --lmono-header-height ) + 16px ) !important;
width: calc(
100% - 48px - var( --lmono-sidebar-rail-width ) -
var( --lmono-sidebar-panel-width )
);
}
body.lumise-theme-mono-editor.lmono-design-mode #LumiseDesign #lumise-top-tools {
left: calc( 32px + var( --lmono-sidebar-rail-width ) );
width: calc( 100% - 48px - var( --lmono-sidebar-rail-width ) );
}
}@media only screen and (min-width: 1171px) {
body.lumise-theme-mono-editor #LumiseDesign #lumise-stage-nav {
background: transparent;
bottom: auto !important;
height: auto !important;
left: auto !important;
position: fixed;
right: 16px !important;
top: calc( var( --lmono-header-height ) + 82px ) !important;
transform: none !important;
width: var( --lmono-stages-width );
z-index: 35;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-stage-nav > ul {
align-items: center;
background: #ffffff;
border-radius: 8px;
box-shadow: 0 1px 2px rgba( 0, 0, 0, 0.08 );
box-sizing: border-box;
display: flex !important;
flex-direction: column;
margin: 0;
padding: 8px;
width: 100%;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-stage-nav > ul > li[data-nav] {
display: none !important;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-stage-nav > ul > li[data-stage] {
align-items: center;
background: transparent !important;
border: 0 !important;
border-radius: 6px;
box-shadow: none !important;
box-sizing: border-box;
cursor: pointer;
display: flex !important;
flex: 0 0 91px;
flex-direction: column;
height: 91px !important;
margin: 0 !important;
opacity: 1 !important;
padding: 0;
position: relative;
transform: none !important;
width: 64px !important;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-stage-nav > ul > li[data-stage]:hover {
background: #f5f5f5 !important;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-stage-nav > ul > li[data-stage]::before {
background: transparent;
bottom: 23px;
content: "";
height: 2px;
left: 0;
position: absolute;
right: 0;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-stage-nav > ul > li[data-stage].active::before {
background: var( --lmono-color-accent );
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-stage-nav > ul > li[data-stage]::after {
color: #222020;
content: attr( data-lmono-label );
font-size: 13px;
font-weight: 400;
line-height: 20px;
margin-top: 4px;
max-width: 64px;
overflow: hidden;
text-align: center;
text-overflow: ellipsis;
white-space: nowrap;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-stage-nav > ul > li[data-stage] > img {
background: #ffffff !important;
border: 0;
border-radius: 4px;
box-sizing: border-box;
display: block;
height: 64px !important;
margin: 0;
object-fit: contain;
width: 64px !important;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-stage-nav > ul > li[data-stage] > span {
display: none !important;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-zoom-wrp {
align-items: center;
background: #ffffff;
border-radius: 8px;
bottom: auto !important;
box-shadow: 0 1px 2px rgba( 0, 0, 0, 0.08 );
box-sizing: border-box;
display: grid !important;
grid-template-columns: 1fr;
grid-template-rows: 28px 88px 28px 20px;
height: 174px;
left: auto !important;
padding: 6px 10px 4px;
position: fixed;
right: 16px !important;
top: calc(
var( --lmono-header-height ) + 90px +
var( --lmono-stage-stack-height, 198px )
) !important;
transform: none !important;
width: var( --lmono-stages-width );
z-index: 35;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-zoom-wrp > i {
align-items: center;
background: transparent;
border: 0 !important;
border-radius: 4px;
color: #222020;
cursor: pointer;
display: flex;
font-size: 20px;
height: 28px;
justify-content: center;
justify-self: center;
line-height: 28px;
left: auto !important;
margin: 0;
padding: 0 !important;
position: static;
right: auto !important;
width: 28px;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-zoom-wrp > i::before {
line-height: 28px !important;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-zoom-wrp > i[data-zoom="out"] {
grid-column: 1;
grid-row: 3;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-zoom-wrp > i[data-zoom="out"]::before {
content: "\2212";
font-family: Arial, sans-serif;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-zoom-wrp > i[data-zoom="in"] {
grid-column: 1;
grid-row: 1;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-zoom-wrp > i[data-zoom="in"]::before {
content: "+";
font-family: Arial, sans-serif;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-zoom-wrp > i:hover {
background: #f1f1f1;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-zoom-wrp > span {
display: none !important;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-zoom-wrp::after {
color: #222020;
content: "Zoom";
display: block;
font-size: 13px;
grid-column: 1 / -1;
grid-row: 4;
line-height: 20px;
text-align: center;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-zoom-wrp > inp {
align-items: center;
display: flex !important;
grid-column: 1;
grid-row: 2;
height: 88px;
justify-content: center;
margin: 0 !important;
opacity: 1 !important;
position: static !important;
transform: none !important;
width: 60px !important;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-zoom-wrp > inp::after {
display: none !important;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-zoom-wrp #lumise-zoom {
-webkit-appearance: none;
appearance: none;
accent-color: auto;
background: #d4d4d4 !important;
border: 0 !important;
border-radius: 3px;
cursor: pointer;
direction: rtl;
height: 82px !important;
margin: 0 !important;
padding: 0 !important;
width: 18px !important;
writing-mode: vertical-lr;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-zoom-wrp #lumise-zoom::-webkit-slider-runnable-track {
background: #d4d4d4;
border-radius: 3px;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-zoom-wrp #lumise-zoom::-moz-range-track {
background: #d4d4d4;
border-radius: 3px;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-zoom-wrp #lumise-zoom::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
background: var( --lmono-color-accent );
border: 0;
border-radius: 3px;
height: 14px;
width: 14px;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-zoom-wrp #lumise-zoom::-moz-range-thumb {
background: var( --lmono-color-accent );
border: 0;
border-radius: 3px;
height: 14px;
width: 14px;
}
}@media only screen and (min-width: 1171px) {
body.lumise-theme-mono-editor #LumiseDesign #nav-bottom-left {
border-radius: 8px;
bottom: 16px;
box-shadow: 0 1px 2px rgba( 0, 0, 0, 0.08 );
left: calc(
32px + var( --lmono-sidebar-rail-width ) +
var( --lmono-sidebar-panel-width )
) !important;
top: auto;
transform: none;
z-index: 100002;
}
body.lumise-theme-mono-editor.lmono-design-mode #LumiseDesign #nav-bottom-left {
left: calc( 32px + var( --lmono-sidebar-rail-width ) ) !important;
}
}@media only screen and ( max-width: 1170px ) {
body.lumise-theme-mono-editor #LumiseDesign #lumise-workspace {
height: calc( 100vh - var( --lmono-header-height ) );
height: calc( 100dvh - var( --lmono-header-height ) );
min-height: 0;
overflow: hidden;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-top-tools {
background: #ffffff;
border-bottom: 1px solid #dedede;
box-shadow: 0 2px 8px rgba( 0, 0, 0, 0.06 );
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-notices {
box-sizing: border-box;
left: 50%;
max-width: calc( 100vw - 20px );
transform: translateX( -50% );
}
}
@media only screen and ( min-width: 737px ) and ( max-width: 1170px ) {
body.lumise-theme-mono-editor #LumiseDesign div#lumise-left > div.lumise-left-nav-wrp,
body.lumise-theme-mono-editor #LumiseDesign #lumise-left .lumise-tab-body-wrp {
height: calc( 100vh - var( --lmono-header-height ) ) !important;
height: calc( 100dvh - var( --lmono-header-height ) ) !important;
min-height: 0 !important;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-stage-nav[data-pos="right"] {
bottom: auto !important;
left: auto !important;
right: 12px !important;
top: calc( 50% + ( var( --lmono-header-height ) / 2 ) ) !important;
transform: translateY( -50% ) !important;
z-index: 35;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-stage-nav[data-pos="right"] > ul {
background: #ffffff;
border: 1px solid #dedede;
border-radius: 10px;
box-shadow: 0 4px 16px rgba( 0, 0, 0, 0.12 );
padding: 6px;
}
} @media only screen and ( max-width: 736px ) {
body.lumise-theme-mono-editor #LumiseDesign {
--lmono-mobile-nav-height: 64px;
--lmono-mobile-stage-height: 78px;
--lmono-mobile-stage-gap: 8px;
height: 100vh;
height: 100dvh;
overflow: hidden;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations {
height: var( --lmono-header-height );
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-workspace {
height: calc( 100vh - var( --lmono-header-height ) );
height: calc( 100dvh - var( --lmono-header-height ) );
margin-top: var( --lmono-header-height );
min-height: 0;
} body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations ul[data-block="right"] {
gap: 10px;
margin-right: 8px;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations ul[data-block="right"] > li[data-tool] {
align-items: center;
display: flex !important;
height: var( --lmono-header-height );
margin: 0 !important;
padding: 0 !important;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations ul[data-block="right"] > li#lumise-proceed,
body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations ul[data-block="right"] > li#lumise-proceed > i {
float: none;
margin: 0 !important;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations ul[data-block="right"] > li#lumise-proceed {
align-items: center;
display: flex !important;
height: var( --lmono-header-height );
width: auto;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations button#lumise-addToCart,
body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations #lumise-proceed > button#lumise-cart-action,
body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations button#lumise-continue-btn {
align-items: center;
display: inline-flex;
height: 36px;
justify-content: center;
margin: 0 !important;
min-width: 42px;
padding: 0 10px !important;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations #lumise-proceed > button#lumise-cart-action {
font-size: 12px;
font-weight: 700;
max-width: 108px;
min-width: 88px;
padding: 0 12px !important;
white-space: nowrap;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations #lumise-proceed > button#lumise-cart-action > span {
display: block !important;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations #lumise-proceed > button#lumise-cart-action > i {
display: none !important;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations #lumise-nav-file {
border-radius: 6px;
margin-left: 10px;
margin-right: 10px;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations ul[data-block][data-resp="file"].active {
align-items: center;
display: flex !important;
overflow-x: auto;
overflow-y: hidden;
padding: 0 4px;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations ul[data-block][data-resp="file"].active > li {
align-items: center;
display: flex;
flex: 0 0 auto;
height: var( --lmono-header-height );
padding: 0 8px !important;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations ul[data-block][data-resp="file"].active > li[data-tool="print"] {
display: none !important;
} body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations ul[data-block] li.active > ul[data-view="sub"],
body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations li[data-tool] > ul.lumise-tabs-nav {
border-radius: 10px;
left: 10px !important;
max-height: calc( 100vh - var( --lmono-header-height ) - 84px );
max-height: calc( 100dvh - var( --lmono-header-height ) - 84px );
max-width: none;
overflow-x: hidden;
overflow-y: auto;
right: 10px !important;
top: calc( var( --lmono-header-height ) + 8px ) !important;
transform: none !important;
width: auto !important;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations ul#lumise-saved-designs {
gap: 12px;
grid-template-columns: repeat( 2, minmax( 0, 1fr ) );
max-height: calc( 100vh - 184px );
max-height: calc( 100dvh - 184px );
padding: 14px;
} body.lumise-theme-mono-editor #LumiseDesign #lumise-left {
height: calc( 100vh - var( --lmono-header-height ) );
height: calc( 100dvh - var( --lmono-header-height ) );
top: var( --lmono-header-height );
width: 0;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left .lumise-tab-body-wrp {
background: #ffffff !important;
border-radius: 0;
box-shadow: none;
height: calc(
100vh - var( --lmono-header-height ) -
var( --lmono-mobile-nav-height )
) !important;
height: calc(
100dvh - var( --lmono-header-height ) -
var( --lmono-mobile-nav-height )
) !important;
left: 0;
overflow-x: hidden;
overflow-y: auto;
padding-bottom: 18px;
top: 0;
width: 100vw;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left .lumise-tab-body-wrp > header {
background: #ffffff;
padding: 18px;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-side-close.active {
align-items: center;
background: #f4f4f4;
border-radius: 50%;
bottom: auto;
color: #555555;
display: flex;
height: 34px;
justify-content: center;
left: auto !important;
position: fixed;
right: 12px !important;
top: calc( var( --lmono-header-height ) + 12px ) !important;
width: 34px;
z-index: 1000002;
}
body.lumise-theme-mono-editor.lmono-design-mode #LumiseDesign #lumise-left #lumise-side-close {
display: none !important;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-x-thumbn-preview {
border: 0;
border-radius: 0;
box-shadow: none;
height: calc(
100vh - var( --lmono-header-height ) -
var( --lmono-mobile-nav-height )
);
height: calc(
100dvh - var( --lmono-header-height ) -
var( --lmono-mobile-nav-height )
);
left: 0;
max-width: 100vw;
top: 0;
width: 100vw;
} body.lumise-theme-mono-editor #LumiseDesign div#lumise-left > div.lumise-left-nav-wrp {
background: #222020;
border-radius: 0;
border-top: 1px solid rgba( 255, 255, 255, 0.12 );
bottom: 0 !important;
box-shadow: 0 -4px 16px rgba( 0, 0, 0, 0.16 );
height: var( --lmono-mobile-nav-height );
left: 0;
min-height: var( --lmono-mobile-nav-height );
position: fixed;
top: auto !important;
transform: none;
overflow: hidden;
width: 100vw;
z-index: 1000000;
}
body.lumise-theme-mono-editor #LumiseDesign div#lumise-left > div.lumise-left-nav-wrp::before,
body.lumise-theme-mono-editor #LumiseDesign div#lumise-left > div.lumise-left-nav-wrp::after {
bottom: 0;
content: "";
opacity: 0;
pointer-events: none;
position: absolute;
top: 0;
transition: opacity 160ms ease;
z-index: 5;
}
body.lumise-theme-mono-editor #LumiseDesign div#lumise-left > div.lumise-left-nav-wrp::after {
background: linear-gradient( 90deg, rgba( 34, 32, 32, 0 ), #222020 78% );
right: 0;
width: 58px;
}
body.lumise-theme-mono-editor #LumiseDesign div#lumise-left > div.lumise-left-nav-wrp::before {
align-items: center;
color: #ffffff;
content: "›";
display: flex;
font-size: 25px;
font-weight: 400;
justify-content: center;
line-height: 1;
right: 4px;
width: 24px;
z-index: 6;
}
body.lumise-theme-mono-editor #LumiseDesign div#lumise-left > div.lumise-left-nav-wrp.lmono-mobile-nav-can-scroll-right::before,
body.lumise-theme-mono-editor #LumiseDesign div#lumise-left > div.lumise-left-nav-wrp.lmono-mobile-nav-can-scroll-right::after {
opacity: 1;
}
body.lumise-theme-mono-editor #LumiseDesign div#lumise-left > div.lumise-left-nav-wrp > ul.lumise-left-nav {
align-items: stretch;
background: #222020 !important;
display: flex !important;
flex-flow: row nowrap;
height: var( --lmono-mobile-nav-height ) !important;
margin: 0;
overflow-x: auto !important;
overflow-y: hidden !important;
overscroll-behavior-x: contain;
padding: 0 8px 0 4px;
position: static;
scroll-behavior: smooth;
scrollbar-width: none;
gap: 4px;
width: 100%;
}
body.lumise-theme-mono-editor #LumiseDesign div#lumise-left > div.lumise-left-nav-wrp > ul.lumise-left-nav::-webkit-scrollbar {
display: none;
}
body.lumise-theme-mono-editor #LumiseDesign div#lumise-left > div.lumise-left-nav-wrp > ul.lumise-left-nav > li {
box-shadow: none !important;
box-sizing: border-box;
display: flex !important;
float: none;
flex: 0 0 72px;
flex-direction: column;
font-size: 10px !important;
height: var( --lmono-mobile-nav-height ) !important;
line-height: 11px;
margin: 0;
min-height: var( --lmono-mobile-nav-height ) !important;
overflow: hidden;
padding: 3px !important;
text-overflow: ellipsis;
width: 72px !important;
white-space: nowrap;
word-break: normal;
overflow-wrap: normal;
}
body.lumise-theme-mono-editor #LumiseDesign div#lumise-left > div.lumise-left-nav-wrp > ul.lumise-left-nav > li[data-tab="bug"] {
display: none !important;
}
body.lumise-theme-mono-editor #LumiseDesign div#lumise-left > div.lumise-left-nav-wrp > ul.lumise-left-nav > li > i {
font-size: 22px;
height: 28px;
line-height: 28px;
margin: 0 0 2px;
}
body.lumise-theme-mono-editor #LumiseDesign div#lumise-left > div.lumise-left-nav-wrp > ul.lumise-left-nav > li.active,
body.lumise-theme-mono-editor.lmono-design-mode #LumiseDesign div#lumise-left > div.lumise-left-nav-wrp > ul.lumise-left-nav > li[data-tab="design"] {
background: rgba( 255, 255, 255, 0.10 ) !important;
box-shadow: inset 0 -3px 0 var( --lmono-color-accent ) !important;
color: #ffffff !important;
} body.lumise-theme-mono-editor #LumiseDesign #lumise-main {
height: calc( 100vh - var( --lmono-header-height ) );
height: calc( 100dvh - var( --lmono-header-height ) );
padding: 50px 0 calc(
var( --lmono-mobile-nav-height ) +
var( --lmono-mobile-stage-height ) +
var( --lmono-mobile-stage-gap ) + 18px
);
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-stage-nav[data-pos] {
bottom: calc(
var( --lmono-mobile-nav-height ) +
var( --lmono-mobile-stage-gap )
) !important;
height: var( --lmono-mobile-stage-height );
left: 0 !important;
margin: 0;
position: fixed;
text-align: center;
top: auto !important;
transform: none !important;
width: 100vw;
pointer-events: none;
z-index: 90000;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-stage-nav > ul {
align-items: center;
background: #ffffff;
border: 1px solid #dedede;
border-radius: 10px;
box-shadow: 0 4px 14px rgba( 0, 0, 0, 0.12 );
box-sizing: border-box;
display: inline-flex !important;
gap: 4px;
height: 72px;
justify-content: center;
margin: 3px auto;
max-width: calc( 100vw - 20px );
padding: 4px 8px;
pointer-events: auto;
width: auto;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-stage-nav > ul > li[data-nav] {
display: none !important;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-stage-nav > ul > li[data-stage] {
align-items: center;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
box-sizing: border-box;
display: inline-flex !important;
float: none;
flex-direction: column;
height: 64px !important;
justify-content: center;
margin: 0 3px;
opacity: 1 !important;
padding: 0 !important;
transform: none !important;
width: 64px !important;
} body.lumise-theme-mono-editor #LumiseDesign #lumise-stage-nav[data-pos] > ul {
-webkit-overflow-scrolling: touch;
display: flex !important;
overflow-x: auto !important;
overflow-y: hidden !important;
scroll-snap-type: x proximity;
width: max-content;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-stage-nav[data-pos] > ul::-webkit-scrollbar {
display: none;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-stage-nav[data-pos].lmono-stage-nav--scrollable > ul {
justify-content: flex-start;
width: calc( 100vw - 20px );
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-stage-nav > ul > li[data-stage] {
flex: 0 0 58px;
margin: 0;
scroll-snap-align: center;
width: 58px !important;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-stage-nav > ul > li[data-stage] > img,
body.lumise-theme-mono-editor #LumiseDesign #lumise-stage-nav[data-pos="right"]:not(.stages-expand) ul li img {
border-radius: 5px;
float: none;
height: 44px !important;
max-height: 44px;
object-fit: contain;
width: 44px !important;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-stage-nav > ul > li[data-stage].active > img {
box-shadow: 0 0 0 2px var( --lmono-color-accent );
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-stage-nav > ul > li[data-stage] > span {
display: none !important;
opacity: 0 !important;
visibility: hidden !important;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-stage-nav > ul > li[data-stage] > span::after {
display: none !important;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-stage-nav > ul > li[data-stage]::after {
color: #222020;
content: attr( data-lmono-label );
display: block;
font-size: 11px;
font-weight: 500;
height: 16px;
line-height: 16px;
margin-top: 3px;
max-width: 58px;
overflow: hidden;
text-align: center;
text-overflow: ellipsis;
text-transform: none;
white-space: nowrap;
} body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-shapes:not( .lmono-shape-editing ) {
padding: 0 24px 24px !important;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-shapes > .lmono-panel-sheet-handle + p {
margin-top: 8px;
} body.lumise-theme-mono-editor #LumiseDesign #lumise-top-tools {
border-radius: 0;
left: 0;
overflow-x: auto;
overflow-y: hidden;
top: var( --lmono-header-height ) !important;
width: 100vw;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-notices {
left: 10px;
max-width: none;
position: fixed;
top: calc( var( --lmono-header-height ) + 8px );
transform: none;
width: calc( 100vw - 20px );
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-notices > * {
border-radius: 8px;
} body.lumise-theme-mono-editor #lumise-lightbox #lumise-lightbox-body {
max-height: calc( 100vh - 20px );
max-height: calc( 100dvh - 20px );
max-width: calc( 100vw - 20px );
}
}
@media only screen and ( max-width: 420px ) {
body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations ul[data-block][data-resp="undo-redo"] {
width: 84px;
}
body.lumise-theme-mono-editor #LumiseDesign div#lumise-left > div.lumise-left-nav-wrp > ul.lumise-left-nav > li {
font-size: 9px !important;
}
body.lumise-theme-mono-editor #LumiseDesign div#lumise-left > div.lumise-left-nav-wrp > ul.lumise-left-nav > li > i {
font-size: 20px;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations #my-designs-login {
padding: 18px;
}
}
@media only screen and ( max-width: 360px ) {
body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations ul#lumise-saved-designs {
grid-template-columns: minmax( 0, 1fr );
}
}body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-text.lmono-text-editing {
background: #f7f7f7;
overflow-x: hidden;
overflow-y: auto;
padding: 0 !important;
text-align: left;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-text.lmono-text-editing > :not( .lmono-text-editor ) {
display: none !important;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-text .lmono-text-editor {
display: none;
min-height: 100%;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-text.lmono-text-editing .lmono-text-editor {
display: block;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-text.lmono-text-editing #lumise-text-mask-guide {
display: none !important;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-uploads.lmono-image-editing {
background: #f7f7f7;
overflow-x: hidden;
overflow-y: auto;
padding: 0 !important;
text-align: left;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-uploads.lmono-image-editing::before {
content: none;
display: none;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-uploads.lmono-image-editing > :not( .lmono-context-editor--image ) {
display: none !important;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-uploads .lmono-context-editor--image {
display: none;
min-height: 100%;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-uploads.lmono-image-editing .lmono-context-editor--image {
display: block;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-cliparts.lmono-svg-editing {
background: #f7f7f7;
overflow-x: hidden;
overflow-y: auto;
padding: 0 !important;
text-align: left;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-cliparts.lmono-svg-editing > :not( .lmono-context-editor--svg ) {
display: none !important;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-cliparts .lmono-context-editor--svg {
display: none;
min-height: 100%;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-cliparts.lmono-svg-editing .lmono-context-editor--svg {
display: block;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-shapes.lmono-shape-editing {
background: #f7f7f7;
overflow-x: hidden;
overflow-y: auto;
padding: 0 !important;
text-align: left;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-shapes.lmono-shape-editing > :not( .lmono-context-editor--shape ) {
display: none !important;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-shapes .lmono-context-editor--shape {
display: none;
min-height: 100%;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-shapes.lmono-shape-editing .lmono-context-editor--shape {
display: block;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left .lmono-text-editor__header {
background: #ffffff;
border-bottom: 1px solid #e4e4e4;
box-sizing: border-box;
padding: 20px 22px 18px;
position: sticky;
top: 0;
z-index: 30;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left :is( .lmono-text-editor__handle, .lmono-panel-sheet-handle ) {
display: none;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left .lmono-text-editor__eyebrow {
color: #888888;
display: block;
font-size: 11px;
font-weight: 700;
letter-spacing: 0.12em;
line-height: 16px;
margin-bottom: 3px;
text-transform: uppercase;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left .lmono-text-editor__header h2 {
color: #202020;
font-size: 20px;
font-weight: 700;
letter-spacing: 0;
line-height: 26px;
margin: 0;
text-transform: none;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left .lmono-text-editor__header p {
color: #777777 !important;
font-size: 12px;
line-height: 18px;
margin: 5px 0 0 !important;
text-align: left !important;
} body.lumise-theme-mono-editor.lmono-context-tools-docked #LumiseDesign #lumise-main {
padding-top: 50px;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left .lmono-text-editor__tools > #lumise-top-tools {
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
box-sizing: border-box;
color: #202020;
display: flex !important;
flex-direction: column;
float: none;
height: auto !important;
left: auto !important;
min-width: 0 !important;
overflow: visible !important;
padding: 14px 16px 30px !important;
position: static !important;
top: auto !important;
white-space: normal;
width: 100% !important;
z-index: auto !important;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left .lmono-text-editor__tools > #lumise-top-tools > ul.lumise-top-nav {
box-sizing: border-box;
float: none !important;
list-style: none;
margin: 0 !important;
padding: 0 !important;
position: static;
width: 100% !important;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left .lmono-text-editor__tools > #lumise-top-tools > ul[data-mode="text"] {
order: 1;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left .lmono-text-editor__tools > #lumise-top-tools > ul[data-mode="image"] {
order: 1;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left .lmono-text-editor__tools > #lumise-top-tools > ul[data-mode="svg"] {
order: 1;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left .lmono-text-editor__tools > #lumise-top-tools > ul[data-mode="standard"] {
order: 2;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left .lmono-text-editor__tools > #lumise-top-tools[data-view="i-text"] > ul[data-mode="text"],
body.lumise-theme-mono-editor #LumiseDesign #lumise-left .lmono-text-editor__tools > #lumise-top-tools[data-view="textbox"] > ul[data-mode="text"],
body.lumise-theme-mono-editor #LumiseDesign #lumise-left .lmono-text-editor__tools > #lumise-top-tools[data-view="curvedText"] > ul[data-mode="text"],
body.lumise-theme-mono-editor #LumiseDesign #lumise-left .lmono-text-editor__tools > #lumise-top-tools[data-view="text-fx"] > ul[data-mode="text"],
body.lumise-theme-mono-editor #LumiseDesign #lumise-left .lmono-text-editor__tools > #lumise-top-tools[data-view="i-text"] > ul[data-mode="standard"],
body.lumise-theme-mono-editor #LumiseDesign #lumise-left .lmono-text-editor__tools > #lumise-top-tools[data-view="textbox"] > ul[data-mode="standard"],
body.lumise-theme-mono-editor #LumiseDesign #lumise-left .lmono-text-editor__tools > #lumise-top-tools[data-view="curvedText"] > ul[data-mode="standard"],
body.lumise-theme-mono-editor #LumiseDesign #lumise-left .lmono-text-editor__tools > #lumise-top-tools[data-view="text-fx"] > ul[data-mode="standard"] {
display: flex !important;
flex-wrap: wrap;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left .lmono-text-editor__tools > #lumise-top-tools[data-view="image"] > ul[data-mode="image"],
body.lumise-theme-mono-editor #LumiseDesign #lumise-left .lmono-text-editor__tools > #lumise-top-tools[data-view="image"] > ul[data-mode="standard"],
body.lumise-theme-mono-editor #LumiseDesign #lumise-left .lmono-text-editor__tools > #lumise-top-tools[data-view="qrcode"] > ul[data-mode="standard"] {
display: flex !important;
flex-wrap: wrap;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left .lmono-text-editor__tools > #lumise-top-tools[data-view="svg"] > ul[data-mode="svg"],
body.lumise-theme-mono-editor #LumiseDesign #lumise-left .lmono-text-editor__tools > #lumise-top-tools[data-view="svg"] > ul[data-mode="standard"],
body.lumise-theme-mono-editor #LumiseDesign #lumise-left .lmono-text-editor__tools > #lumise-top-tools[data-view="path-group"] > ul[data-mode="svg"],
body.lumise-theme-mono-editor #LumiseDesign #lumise-left .lmono-text-editor__tools > #lumise-top-tools[data-view="path-group"] > ul[data-mode="standard"],
body.lumise-theme-mono-editor #LumiseDesign #lumise-left .lmono-text-editor__tools > #lumise-top-tools[data-view="path"] > ul[data-mode="standard"] {
display: flex !important;
flex-wrap: wrap;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left :is( .lmono-context-editor--svg, .lmono-context-editor--shape ) #lumise-top-tools:is( [data-view="svg"], [data-view="path-group"], [data-view="path"] ) > ul[data-mode="standard"] > li[data-tool="fill"] {
display: none !important;
} body.lumise-theme-mono-editor #LumiseDesign #lumise-left .lmono-text-editor__tools #lumise-top-tools > ul > li.sp,
body.lumise-theme-mono-editor #LumiseDesign #lumise-left .lmono-text-editor__tools #lumise-top-tools > ul[data-mode="standard"] > li[data-tool="qrcode-text"] {
display: none !important;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left .lmono-text-editor__tools #lumise-top-tools[data-view="qrcode"] > ul[data-mode="standard"] > li[data-tool="qrcode-text"] {
display: block !important;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left .lmono-text-editor__tools #lumise-top-tools[data-view="qrcode"] li[data-tool="qrcode-text"] > span[data-tip="true"] {
align-items: stretch;
flex-direction: column;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left .lmono-text-editor__tools #lumise-top-tools[data-view="qrcode"] #lumise-qrcode-text {
background: #f8f8f8;
border: 1px solid #d8d8d8;
border-radius: 8px;
box-sizing: border-box;
color: #202020;
display: block;
font-size: 14px;
height: 42px;
line-height: 20px;
margin: 6px 0 0;
padding: 10px 12px;
position: static;
width: 100%;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left .lmono-text-editor__tools #lumise-top-tools > ul > li[data-tool] {
background: #ffffff;
border: 1px solid #e4e4e4;
border-radius: 10px;
box-sizing: border-box;
clear: both;
cursor: pointer;
display: block;
float: none;
height: auto;
line-height: 20px;
margin: 0 0 10px;
padding: 0;
position: relative;
width: 100%;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left .lmono-text-editor__tools #lumise-top-tools > ul > li[data-tool]:hover,
body.lumise-theme-mono-editor #LumiseDesign #lumise-left .lmono-text-editor__tools #lumise-top-tools > ul > li[data-tool].active {
border-color: #cccccc;
box-shadow: 0 4px 14px rgba( 0, 0, 0, 0.06 );
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left .lmono-text-editor__tools #lumise-top-tools > ul > li[data-tool] > span[data-tip="true"] {
align-items: center;
box-sizing: border-box;
color: #242424;
display: flex;
font-size: 14px;
font-weight: 600;
gap: 10px;
height: auto;
justify-content: flex-start;
line-height: 22px;
min-height: 48px;
padding: 11px 42px 11px 14px;
position: relative;
width: 100%;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left .lmono-text-editor__tools #lumise-top-tools > ul > li[data-tool="callback"] > span[data-view="noicon"] {
align-items: center;
box-sizing: border-box;
color: #555555;
display: flex;
font-size: 13px;
font-weight: 600;
justify-content: center;
min-height: 42px;
padding: 9px 14px;
width: 100%;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left .lmono-text-editor__tools #lumise-top-tools > ul > li[data-tool] > span[data-tip="true"]::after {
color: #888888;
content: "\203A";
font-size: 24px;
font-weight: 400;
line-height: 20px;
position: absolute;
right: 16px;
top: 50%;
transform: translateY( -52% ) rotate( 0deg );
transition: transform 150ms ease;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left .lmono-text-editor__tools #lumise-top-tools > ul > li[data-tool].active > span[data-tip="true"]::after {
transform: translateY( -52% ) rotate( 90deg );
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left .lmono-text-editor__tools #lumise-top-tools > ul > li[data-tool] > span[data-tip="true"] > i {
color: #626262 !important;
float: none;
font-size: 18px;
line-height: 22px;
margin: 0;
min-width: 22px;
position: static;
text-align: center;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left .lmono-text-editor__tools #lumise-top-tools > ul > li[data-tool] > span[data-tip="true"] > span {
background: transparent;
color: #242424;
display: inline;
font-size: 14px;
font-weight: 600;
height: auto;
left: auto;
line-height: 22px;
margin: 0;
opacity: 1;
padding: 0;
position: static;
transform: none;
visibility: visible;
white-space: normal;
width: auto;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left .lmono-text-editor__tools #lumise-top-tools > ul > li[data-tool] > span[data-tip="true"] > span::after {
display: none;
} body.lumise-theme-mono-editor #LumiseDesign #lumise-left .lmono-text-editor__tools #lumise-top-tools li[data-tool="font"] > span[data-tip="true"] {
flex-wrap: wrap;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left .lmono-text-editor__tools #lumise-top-tools li[data-tool="font"] button.dropdown {
background: transparent;
color: #202020;
font-size: 16px;
line-height: 24px;
margin: 0 0 0 auto;
max-width: 220px;
min-width: 0;
order: 3;
overflow: hidden;
padding: 0 12px;
text-align: right;
text-overflow: ellipsis;
text-transform: none;
white-space: nowrap;
} body.lumise-theme-mono-editor #LumiseDesign #lumise-left .lmono-text-editor__tools #lumise-top-tools > ul > li[data-tool] > ul[data-view="sub"] {
background: #fafafa;
border: 0;
border-radius: 0 0 9px 9px;
border-top: 1px solid #e7e7e7;
box-shadow: none;
box-sizing: border-box;
clear: both;
float: none;
left: auto !important;
margin: 0 !important;
max-height: none;
min-width: 0;
overflow: visible;
padding: 14px;
position: static !important;
right: auto !important;
top: auto !important;
transform: none !important;
width: 100% !important;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left .lmono-text-editor__tools #lumise-top-tools > ul > li[data-tool] > ul[data-view="sub"]::before,
body.lumise-theme-mono-editor #LumiseDesign #lumise-left .lmono-text-editor__tools #lumise-top-tools > ul > li[data-tool] > ul[data-view="sub"]::after,
body.lumise-theme-mono-editor #LumiseDesign #lumise-left .lmono-text-editor__tools #lumise-top-tools > ul > li[data-tool] > ul[data-view="sub"] > li[data-view="title"] > h3 {
display: none !important;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left .lmono-text-editor__tools #lumise-top-tools > ul > li[data-tool] > ul[data-view="sub"] > li[data-view="title"] {
padding: 0 !important;
display: none !important;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left .lmono-text-editor__tools #lumise-top-tools > ul > li[data-tool="fill"] > ul[data-view="sub"] > li[data-view="title"] {
display: block !important;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left .lmono-text-editor__tools #lumise-top-tools > ul > li[data-tool="svg"] > ul[data-view="sub"] > li[data-view="title"] {
display: block !important;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left .lmono-text-editor__tools #lumise-top-tools > ul > li[data-tool].active > ul[data-view="sub"] {
display: block !important;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left .lmono-text-editor__tools #lumise-top-tools > ul > li[data-tool] > ul[data-view="sub"] > li {
box-sizing: border-box;
color: #333333;
float: none;
height: auto;
line-height: 22px;
margin: 0;
min-width: 0;
padding: 8px 0;
width: 100%;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left .lmono-text-editor__tools #lumise-top-tools ul[data-func="fonts"] #lumise-fonts {
display: grid;
gap: 6px;
grid-template-columns: repeat( 2, minmax( 0, 1fr ) );
max-height: 230px;
overflow-y: auto;
padding: 0;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left .lmono-text-editor__tools #lumise-top-tools ul[data-func="fonts"] #lumise-fonts font {
align-items: center;
background: #ffffff;
border: 1px solid #e3e3e3;
border-radius: 7px;
box-sizing: border-box;
color: #262626;
display: flex;
font-size: 15px;
height: 42px;
justify-content: center;
margin: 0;
overflow: hidden;
padding: 0 8px;
text-align: center;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left .lmono-text-editor__tools #lumise-top-tools ul[data-func="fonts"] #lumise-fonts font.selected {
border-color: var( --lmono-color-accent );
box-shadow: 0 0 0 1px var( --lmono-color-accent );
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left .lmono-text-editor__tools #lumise-top-tools ul[data-func="fonts"] #lumise-fonts font.selected::after {
display: none;
} body.lumise-theme-mono-editor #LumiseDesign #lumise-left .lmono-text-editor__tools #lumise-top-tools textarea.lumise-edit-text {
background: #ffffff;
border: 1px solid #d8d8d8;
border-radius: 7px;
box-sizing: border-box;
color: #202020;
font-size: 15px;
height: 70px;
line-height: 21px;
margin: 0;
min-width: 0;
padding: 10px 12px;
resize: vertical;
width: 100%;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left .lmono-text-editor__tools #lumise-top-tools textarea.lumise-edit-text:focus,
body.lumise-theme-mono-editor #LumiseDesign #lumise-left .lmono-text-editor__tools #lumise-top-tools input.color:focus {
border-color: var( --lmono-color-accent );
box-shadow: 0 0 0 3px var( --lmono-color-accent-soft );
outline: none;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left .lmono-text-editor__tools #lumise-top-tools li h3 {
align-items: center;
box-sizing: border-box;
display: grid;
gap: 8px;
grid-template-columns: minmax( 90px, 0.42fr ) minmax( 0, 1fr );
margin: 0;
padding: 0;
white-space: normal;
width: 100%;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left .lmono-text-editor__tools #lumise-top-tools li h3:has( textarea ) {
display: block;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left .lmono-text-editor__tools #lumise-top-tools li h3 > span,
body.lumise-theme-mono-editor #LumiseDesign #lumise-left .lmono-text-editor__tools #lumise-top-tools li h3 > span.min100 {
color: #555555;
font-size: 12px;
font-weight: 600;
line-height: 18px;
min-width: 0;
width: auto;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left .lmono-text-editor__tools #lumise-top-tools li h3 inp[data-range="helper"] {
align-items: center;
box-sizing: border-box;
display: flex;
float: none;
height: 22px;
margin: 0 42px 0 0;
min-width: 0;
width: auto;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left .lmono-text-editor__tools #lumise-top-tools input[type="range"] {
width: 100%;
} body.lumise-theme-mono-editor #LumiseDesign #lumise-left .lmono-text-editor__tools #lumise-top-tools #lumise-rotate::before {
content: none !important;
display: none !important;
opacity: 0 !important;
pointer-events: none !important;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left .lmono-text-editor__tools #lumise-top-tools [data-range="helper"]::after {
color: #444444;
font-size: 12px;
left: calc( 100% + 8px );
top: 1px;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left .lmono-text-editor__tools #lumise-top-tools input.color {
background-color: #ffffff;
border: 1px solid #d8d8d8;
border-radius: 7px;
box-sizing: border-box;
color: #202020;
height: 38px;
margin: 0;
min-width: 0;
padding: 0 10px;
width: 100%;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left .lmono-text-editor__tools #lumise-top-tools p.flex {
align-items: center;
box-sizing: border-box;
display: flex;
gap: 10px;
min-width: 0;
width: 100%;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left .lmono-text-editor__tools #lumise-top-tools p.flex > input.color {
flex: 1 1 auto;
float: none;
min-width: 0;
width: auto;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left .lmono-text-editor__tools #lumise-top-tools p.flex > .lumise-save-color {
align-items: center;
background: #39404d;
border: 0;
border-radius: 6px;
box-sizing: border-box;
color: #ffffff;
cursor: pointer;
display: inline-flex !important;
flex: 0 0 40px;
float: none !important;
height: 40px !important;
justify-content: center;
margin: 0 !important;
padding: 0;
position: relative;
width: 40px !important;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left .lmono-text-editor__tools #lumise-top-tools p.flex > .lumise-save-color:hover {
background: var( --lmono-color-accent-hover );
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left .lmono-text-editor__tools #lumise-top-tools p.flex > .lumise-save-color > i {
align-items: center;
display: inline-flex;
font-size: 18px;
height: 40px;
justify-content: center;
line-height: 40px;
margin: 0;
padding: 0;
width: 40px;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left .lmono-text-editor__tools #lumise-top-tools .lumise-color-presets {
background: transparent;
box-shadow: none;
display: grid;
gap: 8px;
grid-template-columns: repeat( 6, 1fr );
max-height: none;
min-width: 0;
overflow: visible;
width: 100%;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left .lmono-text-editor__tools #lumise-top-tools .lumise-color-presets > li {
border: 2px solid #ffffff;
border-radius: 7px;
box-shadow: 0 0 0 1px #d2d2d2;
float: none;
height: 34px;
padding: 0;
width: 34px !important;
} body.lumise-theme-mono-editor #LumiseDesign #lumise-left .lmono-text-editor__tools #lumise-top-tools > ul[data-mode="text"] > li.text-format {
align-items: center;
background: #ffffff;
border: 1px solid #dedede;
border-radius: 8px;
box-sizing: border-box;
color: #444444;
cursor: pointer;
display: flex;
float: none;
height: 44px;
justify-content: center;
margin: 0 6px 10px 0;
padding: 0;
width: calc( 25% - 5px );
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left .lmono-text-editor__tools #lumise-top-tools > ul[data-mode="text"] > li.text-format:last-of-type {
margin-right: 0;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left .lmono-text-editor__tools #lumise-top-tools > ul[data-mode="text"] > li.text-format:hover,
body.lumise-theme-mono-editor #LumiseDesign #lumise-left .lmono-text-editor__tools #lumise-top-tools > ul[data-mode="text"] > li.text-format.selected {
background: var( --lmono-color-accent-soft );
border-color: var( --lmono-color-accent );
color: var( --lmono-color-accent-hover );
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left .lmono-text-editor__tools #lumise-top-tools > ul[data-mode="text"] > li.text-format > span[data-tip="true"] {
align-items: center;
display: flex;
height: 100%;
justify-content: center;
width: 100%;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left .lmono-text-editor__tools #lumise-top-tools > ul[data-mode="text"] > li.text-format > span[data-tip="true"] > i {
font-size: 18px;
line-height: 42px;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left .lmono-text-editor__tools #lumise-top-tools > ul[data-mode="text"] > li.text-format > span[data-tip="true"] > span {
display: none !important;
} body.lumise-theme-mono-editor #LumiseDesign #lumise-left .lmono-text-editor__tools #lumise-text-effect span[data-sef="images"] {
display: grid;
gap: 7px;
grid-template-columns: repeat( 2, minmax( 0, 1fr ) );
margin-top: 10px;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left .lmono-text-editor__tools #lumise-text-effect span[data-sef="images"] img {
background: #ffffff;
border: 1px solid #dfdfdf;
border-radius: 7px;
box-sizing: border-box;
height: 70px;
margin: 0;
object-fit: contain;
padding: 5px;
width: 100%;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left .lmono-text-editor__tools #lumise-text-effect span[data-sef="images"] img[data-selected="true"] {
border-color: var( --lmono-color-accent );
box-shadow: 0 0 0 1px var( --lmono-color-accent );
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left .lmono-text-editor__tools #lumise-top-tools li[data-tool="text-align"] ul[data-view="sub"] > li {
display: grid;
gap: 7px;
grid-template-columns: repeat( 4, 1fr );
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left .lmono-text-editor__tools #lumise-top-tools li[data-tool="text-align"] .text-format {
align-items: center;
background: #ffffff;
border: 1px solid #dddddd;
border-radius: 7px;
box-sizing: border-box;
display: flex;
height: 40px;
justify-content: center;
margin: 0;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left .lmono-text-editor__tools #lumise-top-tools li[data-tool="text-align"] .text-format.selected {
background: var( --lmono-color-accent-soft );
border-color: var( --lmono-color-accent );
color: var( --lmono-color-accent-hover );
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left .lmono-text-editor__tools #lumise-top-tools li[data-tool="position"] ul[data-view="sub"] {
display: none;
grid-template-columns: repeat( 3, 1fr );
}
html body.lumise-theme-mono-editor #LumiseDesign #lumise-left .lmono-text-editor__tools #lumise-top-tools li[data-tool="position"].active > ul[data-view="sub"] {
display: grid !important;
grid-template-columns: repeat( 3, minmax( 0, 1fr ) ) !important;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left .lmono-text-editor__tools #lumise-top-tools li[data-tool="position"] ul[data-view="sub"] > li[data-position] {
align-items: center;
background: #ffffff;
border: 1px solid #e1e1e1;
border-radius: 7px;
box-sizing: border-box;
display: flex;
float: none;
height: 42px;
justify-content: center;
margin: 3px;
padding: 0;
width: auto;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left .lmono-text-editor__tools #lumise-top-tools > ul[data-mode="text"] > li.text-format > span[data-tip="true"] > i,
body.lumise-theme-mono-editor #LumiseDesign #lumise-left .lmono-text-editor__tools #lumise-top-tools li[data-tool="position"] ul[data-view="sub"] > li[data-position] > i {
align-items: center;
display: flex !important;
float: none !important;
justify-content: center;
line-height: 1 !important;
margin: 0 !important;
position: static !important;
transform: none !important;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left .lmono-text-editor__tools #lumise-top-tools li[data-tool="position"] ul[data-view="sub"] > li[data-position] > span {
background: #242424;
border-radius: 5px;
bottom: calc( 100% + 7px );
color: #ffffff;
font-size: 12px;
font-weight: 500;
left: 50%;
line-height: 18px;
opacity: 0;
padding: 4px 7px;
pointer-events: none;
position: absolute;
top: auto;
transform: translateX( -50% );
visibility: hidden;
white-space: nowrap;
width: auto;
z-index: 30;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left .lmono-text-editor__tools #lumise-top-tools li[data-tool="position"] ul[data-view="sub"] > li[data-position] > span::after {
border: 4px solid transparent;
border-top-color: #242424;
content: "";
left: 50%;
position: absolute;
top: 100%;
transform: translateX( -50% );
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left .lmono-text-editor__tools #lumise-top-tools li[data-tool="position"] ul[data-view="sub"] > li[data-position]:hover > span {
bottom: calc( 100% + 7px );
opacity: 1;
padding: 4px 7px;
position: absolute;
transform: translateX( -50% );
visibility: visible;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left .lmono-text-editor__tools #lumise-top-tools li[data-tool="position"] ul[data-view="sub"] > li[data-position="cv"],
body.lumise-theme-mono-editor #LumiseDesign #lumise-left .lmono-text-editor__tools #lumise-top-tools li[data-tool="position"] ul[data-view="sub"] > li[data-position="ch"],
body.lumise-theme-mono-editor #LumiseDesign #lumise-left .lmono-text-editor__tools #lumise-top-tools li[data-tool="position"] ul[data-view="sub"] > li[data-position=""] {
display: none;
} body.lumise-theme-mono-editor #LumiseDesign #lumise-left .lmono-context-editor--image #lumise-image-fx-fx {
box-sizing: border-box;
display: grid;
float: none;
gap: 8px;
grid-template-columns: repeat( 3, minmax( 0, 1fr ) );
margin: 0;
max-height: 300px;
overflow-y: auto;
padding: 2px;
width: 100%;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left .lmono-context-editor--image #lumise-image-fx-fx > li {
background-color: #eeeeee;
border: 1px solid #dedede;
border-radius: 7px;
box-sizing: border-box;
float: none;
height: 88px;
margin: 0;
min-width: 0;
overflow: hidden;
padding: 0;
position: relative;
width: 100% !important;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left .lmono-context-editor--image #lumise-image-fx-fx > li:hover {
border-color: #b9b9b9;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left .lmono-context-editor--image #lumise-image-fx-fx > li[data-selected="true"] {
border: 2px solid var( --lmono-color-accent ) !important;
box-shadow: 0 0 0 2px rgba( 255, 76, 33, 0.14 );
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left .lmono-context-editor--image #lumise-image-fx-fx > li[data-selected="true"]::after {
align-items: center;
background: var( --lmono-color-accent );
border: 2px solid #ffffff;
border-radius: 50%;
box-shadow: 0 1px 3px rgba( 0, 0, 0, 0.24 );
box-sizing: border-box;
color: #ffffff;
content: "\2713";
display: flex;
font-size: 12px;
font-weight: 800;
height: 22px;
justify-content: center;
line-height: 1;
pointer-events: none;
position: absolute;
right: 5px;
top: 5px;
width: 22px;
z-index: 2;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left .lmono-context-editor--image #lumise-image-fx-fx > li[data-selected="true"] > span {
color: #111111;
font-weight: 700;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left .lmono-context-editor--image #lumise-image-fx-fx > li > span {
background: rgba( 255, 255, 255, 0.88 );
bottom: 0;
box-sizing: border-box;
color: #333333;
font-size: 10px;
left: 0;
line-height: 20px;
overflow: hidden;
padding: 0 3px;
position: absolute;
text-align: center;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left .lmono-context-editor--image #lumise-top-tools li[data-tool="filters"] > h3 {
display: block;
float: none;
width: 100%;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left .lmono-context-editor--image #lumise-top-tools li[data-tool="advanced"] > ul[data-view="sub"] > li.lmono-filter-reset {
background: transparent;
border: 0;
border-top: 1px solid #e4e4e4;
box-sizing: border-box;
clear: both;
display: block;
float: none;
height: auto !important;
margin: 8px 0 0;
min-height: 45px;
padding: 8px 0 0;
width: 100%;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left .lmono-context-editor--image #lumise-top-tools li.lmono-filter-reset > span[data-view="noicon"] {
align-items: center;
background: transparent;
box-sizing: border-box;
color: #666666;
display: flex;
font-size: 13px;
font-weight: 600;
justify-content: center;
line-height: 20px;
min-height: 36px;
padding: 7px 12px;
width: 100%;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left .lmono-context-editor--image #lumise-top-tools li.lmono-filter-reset:hover > span[data-view="noicon"],
body.lumise-theme-mono-editor #LumiseDesign #lumise-left .lmono-context-editor--image #lumise-top-tools li.lmono-filter-reset:focus-within > span[data-view="noicon"] {
background: var( --lmono-color-accent-soft );
border-radius: 6px;
color: var( --lmono-color-accent-hover );
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left .lmono-context-editor--image select {
background: #ffffff;
border: 1px solid #d8d8d8;
border-radius: 7px;
box-sizing: border-box;
color: #202020;
height: 38px;
min-width: 0;
padding: 0 10px;
width: 100%;
} body.lumise-theme-mono-editor #LumiseDesign #lumise-left :is( .lmono-context-editor--svg, .lmono-context-editor--shape ) #lumise-svg-colors {
align-items: center;
display: flex !important;
flex-wrap: wrap;
gap: 8px;
padding: 14px !important;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left :is( .lmono-context-editor--svg, .lmono-context-editor--shape ) #lumise-svg-colors::before {
color: #242424;
content: "SVG colors";
display: block;
font-size: 14px;
font-weight: 700;
line-height: 22px;
margin-bottom: 3px;
order: 0;
width: 100%;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left .lmono-context-editor--shape #lumise-svg-colors::before {
content: "Shape colors";
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left :is( .lmono-context-editor--svg, .lmono-context-editor--shape ) #lumise-svg-colors > span[data-view="noicon"] {
background: #ffffff;
border: 2px solid #ffffff;
border-radius: 8px;
box-shadow: 0 0 0 1px #d4d4d4;
box-sizing: border-box;
cursor: pointer;
display: block;
float: none;
height: 40px;
order: 1;
overflow: hidden;
padding: 0;
width: 40px;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left :is( .lmono-context-editor--svg, .lmono-context-editor--shape ) #lumise-svg-colors > span[data-view="noicon"]:hover {
box-shadow: 0 0 0 2px var( --lmono-color-accent );
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left :is( .lmono-context-editor--svg, .lmono-context-editor--shape ) #lumise-svg-colors > span[data-view="noicon"][data-selected="true"] {
border-color: var( --lmono-color-accent );
box-shadow: 0 0 0 2px var( --lmono-color-accent );
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left :is( .lmono-context-editor--svg, .lmono-context-editor--shape ) #lumise-svg-colors > span[data-view="noicon"] > input {
border: 0;
cursor: pointer;
display: block;
height: 100%;
margin: 0;
padding: 0;
width: 100%;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left :is( .lmono-context-editor--svg, .lmono-context-editor--shape ) #lumise-svg-colors > span[data-view="more"] {
align-items: center;
background: #eeeeee;
border-radius: 8px;
color: #555555;
display: flex;
font-size: 12px;
font-weight: 700;
height: 40px;
justify-content: center;
order: 1;
width: 40px;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left :is( .lmono-context-editor--svg, .lmono-context-editor--shape ) #lumise-svg-colors > ul[data-view="sub"] {
display: block !important;
margin-top: 6px !important;
order: 2;
width: 100% !important;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left :is( .lmono-context-editor--svg, .lmono-context-editor--shape ) #lumise-svg-colors > span[data-view="btn"] {
border-top: 1px solid #e4e4e4;
margin-top: 4px;
order: 3;
width: 100%;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left :is( .lmono-context-editor--svg, .lmono-context-editor--shape ) #lumise-svg-fill {
background: #ffffff;
border: 1px solid #d8d8d8;
border-radius: 7px;
box-sizing: border-box;
height: 40px;
min-width: 0;
padding: 0 10px;
width: 100%;
} body.lumise-theme-mono-editor #LumiseDesign .lmono-save-design-bar {
display: none;
}
body.lumise-theme-mono-editor.lmono-context-tools-docked #LumiseDesign .lmono-save-design-bar[aria-hidden="false"] {
align-items: center;
background: #ffffff;
border: 1px solid #e7e7e7;
border-radius: 8px;
box-shadow: 0 1px 2px rgba( 0, 0, 0, 0.06 );
box-sizing: border-box;
display: flex;
gap: 0;
height: 50px;
left: calc(
32px + var( --lmono-sidebar-rail-width ) +
var( --lmono-sidebar-panel-width )
);
padding: 0 12px 0 18px;
position: fixed;
top: calc( var( --lmono-header-height ) + 16px );
width: calc(
100% - 48px - var( --lmono-sidebar-rail-width ) -
var( --lmono-sidebar-panel-width )
);
z-index: 100004;
}
body.lumise-theme-mono-editor #LumiseDesign .lmono-save-design-bar button {
background: transparent;
border: 0;
box-shadow: none;
box-sizing: border-box;
cursor: pointer;
font: inherit;
margin: 0;
outline: none;
}
body.lumise-theme-mono-editor #LumiseDesign .lmono-save-design-bar__message {
align-items: center;
color: #9b9b9b;
display: flex;
font-size: 14px;
line-height: 22px;
min-width: 0;
overflow: hidden;
}
body.lumise-theme-mono-editor #LumiseDesign .lmono-save-design-bar__message i {
font-size: 16px;
margin-right: 8px;
}
body.lumise-theme-mono-editor #LumiseDesign .lmono-save-design-bar__message span {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
body.lumise-theme-mono-editor #LumiseDesign .lmono-save-design-bar__save {
align-items: center;
border-left: 1px solid #d8d8d8 !important;
color: var( --lmono-color-accent-hover );
display: inline-flex;
font-size: 14px !important;
font-weight: 500;
gap: 6px;
margin-left: 14px !important;
min-height: 28px;
padding: 2px 14px !important;
white-space: nowrap;
}
body.lumise-theme-mono-editor #LumiseDesign .lmono-save-design-bar__save:hover {
color: var( --lmono-color-accent );
}
body.lumise-theme-mono-editor #LumiseDesign .lmono-save-design-bar__utilities {
align-items: center;
display: flex;
height: 100%;
margin-left: auto;
position: relative;
}
body.lumise-theme-mono-editor #LumiseDesign .lmono-save-design-bar__qr,
body.lumise-theme-mono-editor #LumiseDesign .lmono-save-design-bar__options {
color: #454545;
height: 40px;
padding: 0 12px !important;
}
body.lumise-theme-mono-editor #LumiseDesign .lmono-save-design-bar__qr {
font-size: 18px !important;
width: 42px;
}
body.lumise-theme-mono-editor #LumiseDesign .lmono-save-design-bar__options {
font-size: 14px !important;
}
body.lumise-theme-mono-editor #LumiseDesign .lmono-save-design-bar__qr:hover,
body.lumise-theme-mono-editor #LumiseDesign .lmono-save-design-bar__options:hover,
body.lumise-theme-mono-editor #LumiseDesign .lmono-save-design-bar__options[aria-expanded="true"] {
background: #f3f3f3;
border-radius: 6px;
color: #111111;
}
body.lumise-theme-mono-editor #LumiseDesign .lmono-save-design-bar__options-panel {
background: #ffffff;
border: 1px solid #dedede;
border-radius: 9px;
box-shadow: 0 10px 30px rgba( 0, 0, 0, 0.13 );
box-sizing: border-box;
min-width: 250px;
padding: 8px;
position: absolute;
right: 0;
top: calc( 100% + 7px );
}
body.lumise-theme-mono-editor #LumiseDesign .lmono-save-design-bar__options-panel[hidden] {
display: none !important;
}
body.lumise-theme-mono-editor #LumiseDesign .lmono-save-design-bar__option {
align-items: center;
border-radius: 6px;
box-sizing: border-box;
color: #333333;
cursor: pointer;
display: flex;
font-size: 13px;
gap: 18px;
justify-content: space-between;
min-height: 42px;
padding: 8px 10px;
}
body.lumise-theme-mono-editor #LumiseDesign .lmono-save-design-bar__option:hover {
background: #f5f5f5;
}
body.lumise-theme-mono-editor #LumiseDesign .lmono-save-design-bar__option input {
accent-color: var( --lmono-color-accent );
height: 17px;
margin: 0;
width: 17px;
}
@media only screen and ( max-width: 736px ) {
body.lumise-theme-mono-editor #LumiseDesign #lumise-left .lumise-tab-body-wrp.active {
border-radius: 16px 16px 0 0 !important;
bottom: var( --lmono-mobile-nav-height ) !important;
box-shadow: 0 -10px 30px rgba( 0, 0, 0, 0.16 ) !important;
height: var( --lmono-context-sheet-drag-height, min( 40vh, 420px ) ) !important;
height: var( --lmono-context-sheet-drag-height, min( 40dvh, 420px ) ) !important;
max-height: 40vh !important;
max-height: 40dvh !important;
min-height: 0 !important;
overflow-x: hidden !important;
overflow-y: auto !important;
padding-bottom: 0 !important;
top: auto !important;
transition: height 240ms cubic-bezier( 0.22, 1, 0.36, 1 );
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-text.lmono-text-editing,
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-uploads.lmono-image-editing,
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-cliparts.lmono-svg-editing,
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-shapes.lmono-shape-editing {
border-radius: 16px 16px 0 0 !important;
bottom: var( --lmono-mobile-nav-height ) !important;
box-shadow: 0 -10px 30px rgba( 0, 0, 0, 0.16 ) !important;
height: var( --lmono-context-sheet-drag-height, min( 40vh, 420px ) ) !important;
height: var( --lmono-context-sheet-drag-height, min( 40dvh, 420px ) ) !important;
max-height: 40vh !important;
max-height: 40dvh !important;
min-height: 0 !important;
overflow-x: hidden !important;
overflow-y: auto !important;
padding-bottom: 0 !important;
top: auto !important;
transition: height 240ms cubic-bezier( 0.22, 1, 0.36, 1 );
}
body.lumise-theme-mono-editor.lmono-context-sheet-dragging #LumiseDesign #lumise-left .lumise-tab-body-wrp.active {
height: var( --lmono-context-sheet-drag-height ) !important;
max-height: none !important;
transition: none !important;
}
body.lumise-theme-mono-editor.lmono-context-sheet-dragging #LumiseDesign #lumise-left :is(
#lumise-text.lmono-text-editing,
#lumise-uploads.lmono-image-editing,
#lumise-cliparts.lmono-svg-editing,
#lumise-shapes.lmono-shape-editing
) {
height: var( --lmono-context-sheet-drag-height ) !important;
max-height: none !important;
transition: none !important;
}
body.lumise-theme-mono-editor.lmono-context-sheet-collapsed #LumiseDesign #lumise-left .lumise-tab-body-wrp.active {
height: var( --lmono-context-sheet-drag-height, 32px ) !important;
max-height: none !important;
}
body.lumise-theme-mono-editor.lmono-context-sheet-collapsed #LumiseDesign #lumise-left :is(
#lumise-text.lmono-text-editing,
#lumise-uploads.lmono-image-editing,
#lumise-cliparts.lmono-svg-editing,
#lumise-shapes.lmono-shape-editing
) {
height: var( --lmono-context-sheet-drag-height, 32px ) !important;
max-height: none !important;
}
body.lumise-theme-mono-editor.lmono-context-sheet-full #LumiseDesign #lumise-left .lumise-tab-body-wrp.active {
height: var(
--lmono-context-sheet-drag-height,
calc(
100dvh - var( --lmono-header-height ) -
var( --lmono-mobile-nav-height )
)
) !important;
max-height: none !important;
}
body.lumise-theme-mono-editor.lmono-context-sheet-full.lmono-context-tools-docked #LumiseDesign #lumise-left .lumise-tab-body-wrp.active {
height: var(
--lmono-context-sheet-drag-height,
calc(
100dvh - var( --lmono-header-height ) -
var( --lmono-mobile-nav-height ) - 50px
)
) !important;
}
body.lumise-theme-mono-editor.lmono-context-sheet-full.lmono-context-tools-docked #LumiseDesign #lumise-left :is(
#lumise-text.lmono-text-editing,
#lumise-uploads.lmono-image-editing,
#lumise-cliparts.lmono-svg-editing,
#lumise-shapes.lmono-shape-editing
) {
height: var(
--lmono-context-sheet-drag-height,
calc(
100dvh - var( --lmono-header-height ) -
var( --lmono-mobile-nav-height ) - 50px
)
) !important;
max-height: none !important;
}
body.lumise-theme-mono-editor.lmono-context-tools-docked #LumiseDesign #lumise-left {
height: calc( 100dvh - var( --lmono-header-height ) - 50px );
top: calc( var( --lmono-header-height ) + 50px );
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left #lumise-side-close.active {
display: none !important;
}
body.lumise-theme-mono-editor.lmono-context-tools-docked #LumiseDesign .lmono-save-design-bar[aria-hidden="false"] {
border-left: 0;
border-radius: 0;
border-right: 0;
height: 50px;
left: 0;
padding: 0 8px;
top: var( --lmono-header-height );
width: 100vw;
}
body.lumise-theme-mono-editor #LumiseDesign .lmono-save-design-bar__message {
display: none;
}
body.lumise-theme-mono-editor #LumiseDesign .lmono-save-design-bar__save {
border-left: 0 !important;
margin-left: 0 !important;
padding-left: 8px !important;
}
body.lumise-theme-mono-editor #LumiseDesign .lmono-save-design-bar__utilities {
margin-left: auto;
}
body.lumise-theme-mono-editor #LumiseDesign .lmono-save-design-bar__qr,
body.lumise-theme-mono-editor #LumiseDesign .lmono-save-design-bar__options {
padding: 0 9px !important;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left .lmono-text-editor__header {
height: 32px;
min-height: 32px;
overflow: hidden;
padding: 0;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left .lmono-text-editor__header > :not( .lmono-text-editor__handle ) {
display: none !important;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left :is( .lmono-text-editor__handle, .lmono-panel-sheet-handle ) {
align-items: center;
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none;
color: inherit !important;
cursor: grab;
display: flex;
height: 24px;
justify-content: center;
left: 50%;
margin: 0;
padding: 0;
position: absolute;
touch-action: none;
top: 2px;
transform: translateX( -50% );
width: 76px;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left :is( .lmono-text-editor__handle, .lmono-panel-sheet-handle )::after {
content: none !important;
display: none !important;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left :is( .lmono-text-editor__handle, .lmono-panel-sheet-handle ):active {
cursor: grabbing;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left :is( .lmono-text-editor__handle, .lmono-panel-sheet-handle ) > span {
background: #c6c6c6;
border-radius: 999px;
height: 5px;
transition: background-color 160ms ease, width 160ms ease;
width: 46px;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left :is( .lmono-text-editor__handle, .lmono-panel-sheet-handle ):hover > span,
body.lumise-theme-mono-editor #LumiseDesign #lumise-left :is( .lmono-text-editor__handle, .lmono-panel-sheet-handle ):focus-visible > span {
background: var( --lmono-color-accent );
width: 54px;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left .lmono-panel-sheet-handle {
background: #ffffff !important;
left: auto;
margin: 0 auto;
position: sticky;
top: 0;
transform: none;
width: 100%;
z-index: 45;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left :is(
#lumise-text.lmono-text-editing,
#lumise-uploads.lmono-image-editing,
#lumise-cliparts.lmono-svg-editing,
#lumise-shapes.lmono-shape-editing
) > .lmono-panel-sheet-handle {
display: none !important;
}
body.lumise-theme-mono-editor.lmono-context-sheet-collapsed #LumiseDesign #lumise-left .lumise-tab-body-wrp.active:not( .lmono-text-editing ):not( .lmono-image-editing ):not( .lmono-svg-editing ):not( .lmono-shape-editing ) > :not( .lmono-panel-sheet-handle ) {
display: none !important;
}
body.lumise-theme-mono-editor.lmono-context-sheet-collapsed #LumiseDesign #lumise-left .lmono-text-editor__header {
height: 32px;
min-height: 32px;
overflow: hidden;
padding: 0;
}
body.lumise-theme-mono-editor.lmono-context-sheet-collapsed #LumiseDesign #lumise-left .lmono-text-editor__header > :not( .lmono-text-editor__handle ),
body.lumise-theme-mono-editor.lmono-context-sheet-collapsed #LumiseDesign #lumise-left .lmono-text-editor__tools {
display: none !important;
}
body.lumise-theme-mono-editor #LumiseDesign #lumise-left .lmono-text-editor__tools > #lumise-top-tools {
overflow: visible !important;
padding: 12px 12px 28px !important;
width: 100% !important;
}
}