#react-configurator-root .configurator-button{padding:.625em 1.25em;border:none;background-color:#0000;outline:none;border-radius:1.5em;transition:background-color .1s ease,padding .26s ease-out,transform .1s ease;cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;flex-direction:column;justify-content:center}#react-configurator-root .configurator-button_content{display:inline-flex;align-items:center;justify-content:flex-start;gap:.25em}#react-configurator-root .configurator-button span{font-weight:600;font-size:1em}#react-configurator-root .configurator-button:active{transform:scale(.98)}#react-configurator-root .configurator-button--with-icon{padding:.625em 1.25em .625em .95em}#react-configurator-root .configurator-button--icon-only{padding:0}#react-configurator-root .configurator-button--primary{background-color:#43e0ff;color:#222}#react-configurator-root .configurator-button--primary:hover,#react-configurator-root .configurator-button--primary:active{background-color:#42d7f4}@media(max-width:850px),(max-height:500px){#react-configurator-root .configurator-button--primary:hover,#react-configurator-root .configurator-button--primary:active{background-color:#43e0ff}}#react-configurator-root .configurator-button--primary-light{background-color:#e2f5ff;color:#222}#react-configurator-root .configurator-button--primary-light:hover,#react-configurator-root .configurator-button--primary-light:active{background-color:#43e0ff}@media(max-width:850px),(max-height:500px){#react-configurator-root .configurator-button--primary-light:hover,#react-configurator-root .configurator-button--primary-light:active{background-color:#e2f5ff}}#react-configurator-root .configurator-button--secondary{background-color:#444;color:#fff}#react-configurator-root .configurator-button--secondary:hover,#react-configurator-root .configurator-button--secondary:active{background-color:#333}@media(max-width:850px),(max-height:500px){#react-configurator-root .configurator-button--secondary:hover,#react-configurator-root .configurator-button--secondary:active{background-color:#444}}#react-configurator-root .configurator-button--tertiary{color:#222;border:1px solid #979797}#react-configurator-root .configurator-button--tertiary:hover,#react-configurator-root .configurator-button--tertiary:active{background-color:#efefef}#react-configurator-root .configurator-button--monotone{color:#222}#react-configurator-root .configurator-button--monotone:hover,#react-configurator-root .configurator-button--monotone:active{color:#000}#react-configurator-root .configurator-button--navigation-active{color:#222;padding:0}#react-configurator-root .configurator-button--navigation-active span{font-weight:700;font-size:1.125em}#react-configurator-root .configurator-button--navigation-active:hover,#react-configurator-root .configurator-button--navigation-active:active{color:#000}#react-configurator-root .configurator-button--navigation-inactive{color:#222;padding:0}#react-configurator-root .configurator-button--navigation-inactive span{font-weight:400;font-size:1.125em}#react-configurator-root .configurator-button--navigation-inactive:hover,#react-configurator-root .configurator-button--navigation-inactive:active{color:#000}#react-configurator-root .configurator-button--align-content-center .configurator-button_content{justify-content:center}#react-configurator-root .configurator-button--align-content-end .configurator-button_content{justify-content:flex-end}#react-configurator-root .configurator-button--destructive,#react-configurator-root .configurator-button--destructive:hover,#react-configurator-root .configurator-button--destructive:active{background-color:#fcd7e1}#react-configurator-root .configurator-button .configurator-button_content:not(:has(span,div:not(.configurator-icon))):active{transform:scale(.85)}@media(max-width:850px),(max-height:500px){#react-configurator-root .configurator-button{padding:.375em 1em}#react-configurator-root .configurator-button--with-icon{padding:.375em 1em .375em .75em}#react-configurator-root .configurator-button--monotone,#react-configurator-root .configurator-button--navigation-active,#react-configurator-root .configurator-button--navigation-inactive{padding:0}#react-configurator-root .configurator-button--navigation-active span,#react-configurator-root .configurator-button--navigation-inactive span{font-size:1em}}#react-configurator-root .configurator-icon{display:flex;align-items:center;justify-content:center;width:1.5em;height:1.5em}#react-configurator-root .configurator-dropzone{display:flex;flex-direction:column;align-items:center;flex-wrap:wrap;background-color:#fff;border-radius:14px;padding:1.5em 2em;background-image:url("data:image/svg+xml,%3csvg width=%27100%25%27 height=%27100%25%27 xmlns=%27http://www.w3.org/2000/svg%27%3e%3crect width=%27100%25%27 height=%27100%25%27 fill=%27none%27 rx=%2714%27 ry=%2714%27 stroke=%27%23222222FF%27 stroke-width=%272%27 stroke-dasharray=%272%2c 8%27 stroke-dashoffset=%270%27 stroke-linecap=%27square%27/%3e%3c/svg%3e");background-clip:padding-box;cursor:default;position:relative}#react-configurator-root .configurator-dropzone input[type=file]{position:absolute;width:100%;height:100%;top:0;left:0;right:0;bottom:0;opacity:0;cursor:pointer}#react-configurator-root .configurator-dropzone p{width:80%;text-align:center;line-height:1.5}#react-configurator-root .configurator-dropzone--cursor-pointer{cursor:pointer}#react-configurator-root .configurator-text{color:#222}#react-configurator-root .configurator-text--small{font-weight:400;font-size:.875em}#react-configurator-root .configurator-text--heading-regular{font-weight:600;font-size:1.125em}#react-configurator-root .configurator-text--error{color:#ee366a}@media(max-width:850px),(max-height:500px){#react-configurator-root .configurator-text--heading-regular{font-size:1em}}#react-configurator-root .configurator-collapsible{display:grid;grid-template-rows:0fr;transition:grid-template-rows .26s cubic-bezier(.3,.75,.05,1.04)}#react-configurator-root .configurator-collapsible_content{overflow:hidden}#react-configurator-root .configurator-collapsible--open{grid-template-rows:1fr}#react-configurator-root .configurator-collapsible-button{padding:.625em .95em;border:none;background-color:#0000;outline:none;border-radius:1.5em;transition:background-color .1s ease,transform .1s ease;-webkit-user-select:none;user-select:none;display:flex;flex-direction:column;justify-content:center;background-color:#e2f5ff;color:#222}@media(min-width:850px)and (min-height:500px){#react-configurator-root .configurator-collapsible-button:hover,#react-configurator-root .configurator-collapsible-button--open:not(.configurator-collapsible-button--always-open):not(.configurator-collapsible-button--destructive){background-color:#42d7f4}}@media(max-width:850px),(max-height:500px){#react-configurator-root .configurator-collapsible-button{background-color:#42d7f4}}#react-configurator-root .configurator-collapsible-button:not(.configurator-collapsible-button--open):hover{cursor:pointer}#react-configurator-root .configurator-collapsible-button_activator{display:flex;align-items:stretch;justify-content:center;flex-direction:column;margin-bottom:0;transition:margin-bottom .1s ease-out}#react-configurator-root .configurator-collapsible-button--open{padding:.625em .95em .95em}#react-configurator-root .configurator-collapsible-button--open .configurator-collapsible-button_activator{margin-bottom:.6em}#react-configurator-root .configurator-collapsible-button--destructive,#react-configurator-root .configurator-collapsible-button--destructive:hover,#react-configurator-root .configurator-collapsible-button--destructive:active{background-color:#fcd7e1}#react-configurator-root .configurator-collapsible-button:has(.configurator-button:active){transform:scale(.98)}#react-configurator-root .configurator-collapsible-button .configurator-button:active{transform:scale(1)}#react-configurator-root .configurator-collapsible-button .configurator-button{padding:0}#react-configurator-root .configurator-library{display:grid;grid-template-columns:repeat(auto-fit,minmax(6em,1fr));gap:.625em;max-height:200px;overflow-y:auto}#react-configurator-root .configurator-library_item{border-radius:.9em;background-color:#cce9f9;display:flex;align-items:center;justify-content:center;aspect-ratio:1.4}#react-configurator-root .configurator-library_item img{width:80%;aspect-ratio:1.4;object-fit:contain;border-radius:.9em}#react-configurator-root .configurator-library_item svg{width:60%;object-fit:cover;aspect-ratio:1.4}#react-configurator-root .configurator-library_item .configurator-loader{margin-left:8px}#react-configurator-root .configurator-library_item:hover{background-color:#e2f5ff;cursor:pointer}#react-configurator-root .configurator-editor{display:flex;flex-direction:column;gap:.3125em;flex:1}#react-configurator-root .configurator-editor_header{display:flex;flex-direction:row;align-items:center;gap:.4em}#react-configurator-root .configurator-editor_header p{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:200px;line-height:1.5}#react-configurator-root .configurator-editor_main{display:flex;flex-direction:row;align-items:center;gap:.625em}#react-configurator-root .configurator-editor_main--mobile{flex-wrap:wrap;justify-content:center}#react-configurator-root .configurator-editor_main_vertical{display:flex;flex-direction:column;gap:.3125em;flex:1}#react-configurator-root .configurator-editor_main_vertical p{padding-block:.25em}#react-configurator-root .configurator-editor_main_warning{display:flex;flex-direction:row;align-items:center;gap:0em;color:#ee366a;font-weight:600;font-size:1em}#react-configurator-root .configurator-editor_main_warning p{color:#ee366a;padding:0}#react-configurator-root .configurator-editor select{cursor:pointer}#react-configurator-root .configurator-elements-desktop .configurator-editor_preview{width:3em;aspect-ratio:1/1;object-fit:contain;border-radius:.5em;background-color:#cce9f9;image-rendering:optimizeQuality}#react-configurator-root .configurator-color-picker{position:relative;display:inline-block}#react-configurator-root .configurator-color-picker__trigger{width:22px;height:22px;padding:1px;border-radius:6px;background:#fff;cursor:pointer;transition:all .2s ease}#react-configurator-root .configurator-color-picker__trigger:active{transform:scale(.95)}#react-configurator-root .configurator-color-picker__current-color{width:100%;height:100%;border-radius:3px;border:1.5px solid rgba(0,0,0,.26);background-size:cover;background-position:center;background-repeat:no-repeat}#react-configurator-root .configurator-color-picker__dropdown{position:fixed;z-index:1000;background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;padding:10px;transform:translate(-50%);animation:dropdownFadeIn .2s ease}#react-configurator-root .configurator-color-picker__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;max-width:108px}#react-configurator-root .configurator-color-picker__color-option{width:28px;height:28px;border:1.5px solid #c2c2c2;border-radius:6px;cursor:pointer;transition:all .2s ease;position:relative;background-size:cover;background-position:center;background-repeat:no-repeat}#react-configurator-root .configurator-color-picker__color-option:hover{transform:scale(1.06)}#react-configurator-root .configurator-color-picker__color-option:active{transform:scale(.95)}@keyframes dropdownFadeIn{0%{opacity:0;transform:translate(-50%) translateY(-8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}#react-configurator-root .configurator-inline-editor{position:absolute;margin-top:.5em;background-color:#fff;display:flex;flex-wrap:wrap;justify-content:center;box-shadow:0 1px 4px #2222224d;flex-basis:200px;border-radius:.625em;padding:7px 10px;transition:opacity .07s ease-out}#react-configurator-root .configurator-text-sizer{display:flex;align-items:center;padding:.05em .24em;border-radius:.25em;border:1px solid #979797;color:#222;gap:.08em}@media(max-width:850px),(max-height:500px){#react-configurator-root .configurator-text-sizer{gap:.2em}}#react-configurator-root .configurator-loader,#react-configurator-root .configurator-loader div{display:block;box-sizing:border-box}#react-configurator-root .configurator-loader{display:inline-block;position:relative;width:66px;height:9px}#react-configurator-root .configurator-loader div{position:absolute;width:9px;aspect-ratio:1;border-radius:50%;background:currentColor;animation-timing-function:cubic-bezier(0,1,1,0)}#react-configurator-root .configurator-loader div:nth-child(1){left:5px;animation:lds-ellipsis1 .48s ease infinite}#react-configurator-root .configurator-loader div:nth-child(2){left:5px;animation:lds-ellipsis2 .48s ease infinite}#react-configurator-root .configurator-loader div:nth-child(3){left:24px;animation:lds-ellipsis2 .48s ease infinite}#react-configurator-root .configurator-loader div:nth-child(4){left:40px;animation:lds-ellipsis3 .48s ease infinite}@keyframes lds-ellipsis1{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes lds-ellipsis3{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes lds-ellipsis2{0%{transform:translate(0)}to{transform:translate(16px)}}#react-configurator-root .configurator-toolbar{display:flex;flex-direction:column;align-items:stretch;gap:.625em}@media(max-width:850px),(max-height:500px){#react-configurator-root .configurator-toolbar{flex-direction:row;align-items:stretch;border-bottom:1px solid #e0e0e0;padding-bottom:1em}}@media(min-width:750px){#react-configurator-root .configurator-toolbar{border-bottom:none;padding-bottom:0}}#react-configurator-root .configurator-toolbar ::-webkit-scrollbar{width:10px}#react-configurator-root .configurator-toolbar ::-webkit-scrollbar-track{background:#cce9f9;border-radius:10px}#react-configurator-root .configurator-toolbar ::-webkit-scrollbar-thumb{background:#444;border-radius:10px}#react-configurator-root .configurator-main{padding:1em 0 0;display:flex;flex-direction:row;align-items:start;flex:1;height:100%;overflow:auto}#react-configurator-root .configurator-main_sidebar{flex:1;display:flex;flex-direction:column;gap:1.5em;height:100%;min-width:470px}#react-configurator-root .configurator-main_designer{flex:1.6;height:100%;overflow:hidden;display:flex;flex-direction:column;position:relative}#react-configurator-root .configurator-main_designer_header:not(:empty){padding:.6em;display:flex;flex-direction:row;justify-content:center;gap:.5em;position:absolute;width:100%;pointer-events:none}#react-configurator-root .configurator-header{border-bottom:1px solid #e0e0e0;padding-top:.5em;padding-bottom:1em;display:flex;align-items:center;justify-content:space-between;gap:.5em}#react-configurator-root .configurator-scene-selection{display:flex;flex-direction:row;align-items:center;gap:.625em;background-color:#ffffffed;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:.54em;padding-inline:.95em;border-radius:10px;pointer-events:all}#react-configurator-root .configurator-scene-selection_divider{display:block;width:1.7px;height:1em;background-color:#000}#react-configurator-root .configurator-footer{padding-bottom:.5em;padding-top:1em;display:flex;flex-direction:column;align-items:stretch;gap:.625em;position:relative}#react-configurator-root .configurator-footer_hidden-actions-mobile{position:absolute;top:0;left:0;width:100%;transform:translateY(-100%);background-color:#fff}#react-configurator-root .configurator-footer_hidden-actions-mobile--active{padding-top:1em}@media(min-width:750px){#react-configurator-root .configurator-footer_hidden-actions-mobile--active{padding-bottom:1em}}#react-configurator-root .configurator-footer_group{display:flex;align-items:stretch;justify-content:space-between;gap:.625em}#react-configurator-root .configurator-footer_group:has(>*:nth-child(3))>.configurator-footer_download-button{margin-left:1em}#react-configurator-root .configurator-footer_next-button{flex:1}#react-configurator-root .configurator-footer:has(>.configurator-footer_group:only-child){justify-content:end}@media(min-width:750px){#react-configurator-root .configurator-footer{border-top:1px solid #e0e0e0;padding-top:1em;display:flex;flex-direction:row;align-items:stretch;justify-content:space-between}#react-configurator-root .configurator-footer_landscape-order-0{order:0}#react-configurator-root .configurator-footer_landscape-order-1{order:1}#react-configurator-root .configurator-footer_landscape-order-2{order:2}#react-configurator-root .configurator-footer_hidden-actions-mobile{border-bottom:1px solid #e0e0e0}}#react-configurator-root .configurator-layout{display:flex;flex-direction:column;height:100%}#react-configurator-root .padding-right-scrollbar{padding-right:.3em}#react-configurator-root .configurator-elements-desktop{display:flex;flex-direction:column;gap:.625em;height:100%;overflow-y:auto;-webkit-user-select:none;user-select:none;margin-bottom:1em}#react-configurator-root .configurator-elements-desktop_element{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:1em;background-color:#fff;padding:.8em 1.2em;border:1px solid #e0e0e0;border-radius:1.5em}#react-configurator-root .configurator-elements-desktop_element-editor-container{flex:1;display:flex;flex-direction:row;gap:.7em;align-items:center}#react-configurator-root .configurator-elements-desktop_element .configurator-drag-handle{cursor:grab}#react-configurator-root .configurator-elements-desktop_element.is-dragging,#react-configurator-root .configurator-elements-desktop_element.is-dragging .configurator-drag-handle{cursor:grabbing}#react-configurator-root .configurator-elements-desktop_element.is-selected{border:1px solid #222}#react-configurator-root .configurator-confirmation{display:flex;flex-direction:column;gap:1em;height:100%;flex:1;align-items:center;align-content:center;pointer-events:none;justify-content:center}#react-configurator-root .configurator-confirmation_image-container{flex:1 1 0;min-height:0;display:flex;align-items:center;position:relative}#react-configurator-root .configurator-confirmation_image-container_name{position:absolute;top:5%;width:100%;text-align:center;font-weight:700;font-size:1.125em}@media(max-width:850px),(max-height:500px){#react-configurator-root .configurator-confirmation_image-container_name{top:3%;font-weight:600;font-size:1em}}#react-configurator-root .configurator-confirmation img{width:100%;height:100%;object-fit:contain;max-height:100%}@media(min-aspect-ratio:1/1.6){#react-configurator-root .configurator-confirmation{flex-direction:row}#react-configurator-root .configurator-confirmation_image-container{flex:1;height:100%}}#react-configurator-root .configurator-confirmation>:only-child.configurator-confirmation_loader{display:block}#react-configurator-root .configurator-confirmation>:not(:only-child).configurator-confirmation_loader{display:none}#react-configurator-root .configurator-canvas-container{flex:1;overflow:hidden;position:relative}#react-configurator-root .configurator-canvas-text-input{min-height:1em;position:absolute;border:none;outline:none;resize:none;padding:0;margin:0;overflow:hidden;background:none;height:auto;box-sizing:border-box}#react-configurator-root .configurator-stage-preview{position:absolute;top:0;right:0;border:1px solid #e0e0e0;background-color:#fff}#react-configurator-root .configurator-stage-preview--mobile{right:unset;left:0}#react-configurator-root *{font-size:16px;font-family:Open Sans,sans-serif;font-optical-sizing:auto;font-style:normal;line-height:1;letter-spacing:normal;white-space:pre-line}#react-configurator-root * *:focus-visible{outline:none;outline-offset:none;box-shadow:none}#react-configurator-root p{margin:0}#react-configurator-root dialog{width:100%;max-width:1100px;aspect-ratio:1.6/1;border:none;padding:1em 2em;outline:none;box-shadow:none}@media(max-width:850px),(max-height:500px){#react-configurator-root dialog{padding:1em;height:100vh;height:100dvh;margin:0;max-height:100vh;max-width:none;aspect-ratio:unset}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/Painter.css.map */