wtm-mug-builder{display:block}.wtm-builder{display:flex;flex-direction:column;gap:14px}.wtm-builder__canvas{width:100%;height:auto;border-radius:10px;background:transparent}.wtm-builder__media-host{width:100%}.wtm-builder__media-host .wtm-builder__canvas{display:block}.wtm-builder__warn{margin:0;font-size:13px;color:#b3541e}.wtm-builder__slots{border:1px solid var(--hdt-border-color, #e5e5e5);border-radius:10px;padding:12px 14px 14px;margin:0}.wtm-builder__legend{font-weight:600;font-size:14px;padding:0 4px}.wtm-builder__rows{display:flex;flex-direction:column;gap:8px}.wtm-builder__row{display:flex;gap:8px;align-items:center}.wtm-builder__clipart{flex:0 0 30%;min-width:90px;padding:8px 10px;border:1px solid var(--hdt-border-color, #e5e5e5);border-radius:6px;background:#fff}.wtm-builder__name{flex:1 1 auto;min-width:0;padding:8px 12px;border:1px solid var(--hdt-border-color, #e5e5e5);border-radius:6px}.wtm-builder__remove{flex:0 0 auto;width:32px;height:32px;border:none;border-radius:50%;background:#f1f1ef;font-size:16px;line-height:1;cursor:pointer}.wtm-builder__remove:hover{background:#e5e5e2}.wtm-builder__add{margin-top:10px;padding:8px 14px;border:1px dashed var(--hdt-border-color, #cfcfcc);border-radius:6px;background:none;cursor:pointer;font-size:13px}.wtm-builder__add:hover{border-style:solid}.wtm-builder__title-field{display:flex;flex-direction:column;gap:4px}.wtm-builder__title-field span{font-weight:600;font-size:14px}.wtm-builder__title{padding:8px 12px;border:1px solid var(--hdt-border-color, #e5e5e5);border-radius:6px}.wtm-builder__row{flex-direction:column;align-items:stretch;gap:6px;border:1px solid var(--hdt-border-color, #ececea);border-radius:8px;padding:8px}.wtm-builder__thumbs{display:flex;gap:6px;flex-wrap:wrap}.wtm-builder__thumb{width:44px;height:44px;padding:3px;border:2px solid transparent;border-radius:8px;background:#f6f6f4;cursor:pointer}.wtm-builder__thumb img{width:100%;height:100%;object-fit:contain;display:block}.wtm-builder__thumb:hover{background:#ececea}.wtm-builder__thumb[aria-pressed=true]{border-color:#2b2b2b;background:#fff}.wtm-builder__namewrap{display:flex;gap:8px;align-items:center}.wtm-builder__view-toggle{float:right;border:none;background:none;font-size:12px;color:#666;text-decoration:underline;cursor:pointer;padding:2px 0}.wtm-builder__clipart{padding:8px 10px;border:1px solid var(--hdt-border-color, #e5e5e5);border-radius:6px;background:#fff}.wtm-builder__palette-field{display:flex;flex-direction:column;gap:4px}.wtm-builder__palette-field>span{font-weight:600;font-size:14px}.wtm-builder__palette{display:flex;gap:6px;flex-wrap:wrap}.wtm-builder__swatch{box-sizing:border-box;width:22px;height:22px;border-radius:50%;border:2px solid #fff;outline:1px solid #d5d5d2;background:var(--swatch);cursor:pointer;padding:0}.wtm-builder__swatch[aria-pressed=true]{outline:2px solid #2b2b2b}.wtm-builder__palette--slot .wtm-builder__swatch{width:18px;height:18px}.wtm-builder__view-toggle{color:#666;text-decoration:none;line-height:1}.wtm-builder__view-toggle:hover{color:#111}.wtm-builder__swatch--custom{display:inline-block;background:var(--swatch, conic-gradient(#e91e8c, #ef6c00, #f9d423, #2e7d32, #1565c0, #6a3d9a, #e91e8c));position:relative;overflow:hidden}.wtm-builder__swatch--custom input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.wtm-builder__note{margin:0;font-size:12.5px;color:#888;font-style:italic}hdt-product-media.wtm-loading{position:relative}hdt-product-media.wtm-loading>:not(.wtm-mug-loader){opacity:0!important}.wtm-mug-loader{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.wtm-mug-loader__cup{position:relative;width:44px;height:52px;border:2.5px solid #2b2b2b;border-radius:3px 3px 10px 10px;background:#fdfdfc}.wtm-mug-loader__cup:before{content:"";position:absolute;left:-16px;top:10px;width:13px;height:24px;border:2.5px solid #2b2b2b;border-right:none;border-radius:12px 0 0 12px}.wtm-mug-loader__steam{position:absolute;bottom:calc(100% + 6px);width:3px;height:13px;border-radius:2px;background:#c4c4bf;animation:wtm-steam 1.6s ease-in-out infinite;opacity:0}.wtm-mug-loader__steam:nth-child(1){left:10px;animation-delay:0s}.wtm-mug-loader__steam:nth-child(2){left:21px;animation-delay:.4s}.wtm-mug-loader__steam:nth-child(3){left:32px;animation-delay:.8s}@keyframes wtm-steam{0%{opacity:0;transform:translateY(4px) scaleY(.7)}35%{opacity:.9}to{opacity:0;transform:translateY(-14px) scaleY(1.15)}}.wtm-builder__photo-row{display:flex;gap:10px;align-items:center;border:1px solid var(--hdt-border-color, #ececea);border-radius:8px;padding:8px;margin-bottom:8px}.wtm-builder__photo-thumb{flex:0 0 auto;border-radius:4px;background:#f6f6f4}.wtm-builder__photo-sliders{flex:1 1 auto;display:flex;flex-direction:column;gap:2px}.wtm-builder__photo-sliders label{display:flex;align-items:center;gap:8px;font-size:12px;color:#555}.wtm-builder__photo-sliders input{flex:1 1 auto}.wtm-builder__add-photo{padding:8px 14px;border:1px dashed var(--hdt-border-color, #cfcfcc);border-radius:6px;background:none;cursor:pointer;font-size:13px}.wtm-builder__photo-required{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.wtm-builder__photos{position:relative}
/*# sourceMappingURL=/cdn/shop/t/15/assets/wtm-builder.css.map */