.ylf__tabs{display:flex;gap:0;margin-bottom:24px;border-bottom:2px solid #eee}.ylf__tab{flex:1;padding:12px 16px;border:none;background:none;font-size:.85rem;font-weight:700;color:#999;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s;font-family:inherit}.ylf__tab:hover{color:#000}.ylf__tab--active{color:#000;font-weight:900;border-bottom-color:#000}.yle__label-switch{display:flex;gap:0;margin-bottom:16px}.yle__label-tab{flex:1;padding:10px 12px;border:2px solid #ddd;background:#fff;font-size:.8rem;font-weight:700;color:#666;cursor:pointer;text-align:center;font-family:inherit;transition:all .2s}.yle__label-tab:first-child{border-right:none}.yle__label-tab--active{background:#000;border-color:#000;color:#fff}.yle__label-tab span{font-size:.65rem;font-weight:400;margin-left:4px;opacity:.6}.yle__canvas-area{margin-bottom:16px}.yle__canvas-wrap{position:relative;background:#f5f5f5;border:1px solid #e0e0e0;overflow:hidden;margin:0 auto}.yle__canvas-wrap canvas{display:block;width:100%;height:auto;cursor:crosshair}.yle__canvas-wrap--cap{max-width:300px;aspect-ratio:1/1;border-radius:50%}.yle__canvas-wrap--body{max-width:100%;aspect-ratio:1700/434}.yle__cap-mask{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;box-shadow:0 0 0 9999px #f5f5f5d9;pointer-events:none}.yle__toolbar{border:1px solid #e0e0e0;padding:16px;margin-bottom:20px;display:flex;flex-direction:column;gap:16px}.yle__tool-group{display:flex;flex-direction:column;gap:8px}.yle__tool-label{font-size:.7rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em;color:#000}.yle__color-swatches{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.yle__swatch{width:28px;height:28px;border:2px solid #ddd;cursor:pointer;padding:0;transition:border-color .2s}.yle__swatch:hover{border-color:#999}.yle__swatch--active{border-color:#000}.yle__color-input{width:28px;height:28px;border:2px solid #ddd;padding:0;cursor:pointer;background:none}.yle__text-controls{display:flex;flex-direction:column;gap:8px}.yle__text-options{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.yle__input{padding:8px 10px;border:2px solid #ddd;font-size:.85rem;font-family:inherit;color:#000;outline:none;width:100%;box-sizing:border-box}.yle__input:focus{border-color:#000}.yle__select{padding:6px 8px;border:2px solid #ddd;font-size:.8rem;font-family:inherit;color:#000;background:#fff;outline:none;cursor:pointer}.yle__range-label{font-size:.7rem;color:#666;display:flex;align-items:center;gap:6px}.yle__range{width:80px;cursor:pointer}.yle__btn{padding:8px 16px;border:2px solid #000;background:#fff;color:#000;font-size:.8rem;font-weight:700;cursor:pointer;font-family:inherit;transition:all .2s;text-align:center}.yle__btn:hover{background:#000;color:#fff}.yle__btn--sm{padding:6px 12px;font-size:.75rem}.yle__btn--danger{border-color:#e53e3e;color:#e53e3e}.yle__btn--danger:hover{background:#e53e3e;color:#fff}.yle__selection-btns{display:flex;gap:6px;flex-wrap:wrap}@media screen and (max-width:749px){.yle__canvas-wrap--cap{max-width:220px}.yle__text-options{flex-direction:column;align-items:stretch}.yle__range{width:100%}.yle__selection-btns{flex-direction:column}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/yadom-label-editor.css.map */