:root{--pred-theme-color:#2eabf5}.pred-canvas-container{position:relative}.pred-canvas{display:block;width:100%;aspect-ratio:1;background-color:#fff}.pred-canvas-preloader{display:flex;align-items:center;justify-content:center;position:absolute;left:0;top:0;width:100%;aspect-ratio:1;background:#fff;color:#0b84cd}.pred-canvas-preloader span{position:absolute;flex:1;text-align:center;display:flex;flex-direction:column;gap:20px;justify-content:center;align-items:center;text-transform:uppercase;font-size:20px}.pred-canvas-preloader span::before{display:block;content:"";background:url(/wp-content/plugins/pred-product-editor/components/main/front/assets/img/loading.svg) no-repeat center center;background-size:contain;width:50px;height:50px}.pred-builder{visibility:hidden;text-transform:uppercase;margin-bottom:30px}.pred-builder--ready{visibility:visible}.pred-builder__header{position:relative;pad:0 40px;margin-bottom:24px}.pred-elements__nav{position:absolute;inset:0;display:flex;justify-content:space-between}.pred-elements__prev,.pred-elements__next{display:inline-flex;width:36px;height:36px;padding:8px;border:1px solid #767676;color:#fff;background:none;align-items:center;justify-content:center}.pred-elements__prev svg,.pred-elements__next svg{width:28px;height:28px}.pred-element__title{display:block;text-align:center;min-height:36px;font-size:20px;line-height:36px}.pred-attributes{display:flex;flex-direction:column;gap:20px}.pred-attribute__title{display:block;margin-bottom:6px}.pred-attribute__title-value{color:var(--pred-theme-color)}.pred-attribute__items{display:flex;flex-wrap:wrap;gap:10px}.pred-radio-button{position:relative;display:block}.pred-radio-button input{position:absolute!important;width:1px;height:1px;opacity:.00001;left:0;top:0}.pred-radio-button input:checked+.pred-radio-button__label{border-color:var(--pred-theme-color);box-shadow:inset 0 0 0 1px var(--pred-theme-color)}.pred-radio-button__label{box-sizing:border-box;display:block;font-size:14px;padding:10px;border:1px solid #767676;cursor:pointer;transition:all 0.15s ease-in-out}.pred-radio-button__label:hover{border-color:#fff}.pred-color-tile{position:relative;display:block;padding-bottom:15px}.pred-color-tile input{position:absolute!important;width:1px;height:1px;opacity:.00001;left:0;top:0}.pred-color-tile input:checked+.pred-color-tile__label{box-shadow:inset 0 0 0 2px #fff}.pred-color-tile input:checked+.pred-color-tile__label::after{opacity:1}.pred-color-tile__label{display:block;width:42px;height:42px;border-radius:50%;border:1px solid #fff;transition:all 0.15s ease-in-out;padding:0;background-size:cover;cursor:pointer;position:relative}.pred-color-tile__label:after{position:absolute;display:block;content:"";bottom:-15px;width:8px;height:8px;background-color:#fff;border-radius:50%;left:calc(50% - 4px);opacity:0;transition:opacity 0.15s ease-in-out}