.decoration-method__label{color:var(--color)}.decoration-method__tabs{display:flex;flex-wrap:wrap;gap:.5rem}.decoration-method__tab{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:2.5rem;margin:0;padding:.45rem 1.15rem;background:#fff;border:1px solid var(--bg-color-mix-3, #d9d9d9);color:var(--color);font-family:inherit;font-size:inherit;font-weight:600;line-height:1.2;cursor:pointer;-webkit-appearance:none;appearance:none;border-radius:0}.decoration-method__tab.is-active{background:var(--btn-bg-color);border-color:var(--btn-bg-color);color:var(--btn-color, #fff)}.decoration-method__tab:disabled,.decoration-method__tab.is-disabled{background:#f3f3f3;border-color:#e2e2e2;color:#9a9a9a;cursor:not-allowed}.decoration-method__check{display:none;width:.9rem;height:.9rem;flex-shrink:0}.decoration-method__check svg{display:block;width:100%;height:100%}.decoration-method__tab.is-active .decoration-method__check{display:block}.decoration-method__panel{display:none;padding-top:.75rem}.decoration-method__panel.is-active{display:block;margin-top:.5rem}.decoration-section{margin:0 0 1.25rem}.decoration-section__title{margin:0 0 1rem;color:var(--link-color);font-size:inherit;font-weight:600;line-height:1.3;padding-top:.15rem}.decoration-section__sub{margin-top:.25rem}.decoration-section__sub[hidden]{display:none}.decoration-section__subtitle{display:block;margin:0 0 .7rem;font-weight:600;line-height:1.2;font-size:.9rem}.decoration-type{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin:0}.decoration-type__option{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;min-height:5.75rem;margin:0;padding:.85rem .4rem .6rem;background:#fff;border:1px solid var(--bg-color-mix-3, #d9d9d9);color:var(--color);font-family:inherit;font-size:inherit;line-height:1.2;cursor:pointer;-webkit-appearance:none;appearance:none;border-radius:0}.decoration-type__option.is-active{background:#fff;border-color:transparent;color:var(--color);box-shadow:0 0 0 2px var(--btn-bg-color)}.decoration-type__badge{display:none;position:absolute;top:.3rem;right:.3rem;width:1.15rem;height:1.15rem;align-items:center;justify-content:center;background:var(--btn-bg-color, #ff8b0f);color:#fff;border-radius:50%}.decoration-type__option.is-active .decoration-type__badge{display:flex}.decoration-type__badge svg{display:block;width:.7rem;height:.7rem}.decoration-type__icon{display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;color:var(--color)}.decoration-type__icon svg{display:block;width:1.75rem;height:1.75rem}.decoration-type__label{font-size:.8rem;font-weight:600;text-align:center}.decoration-section__fields{display:flex;flex-direction:row;justify-content:stretch;gap:.75rem;margin-top:.75rem}.decoration-details{display:grid;grid-template-rows:0fr;overflow:hidden;transition:grid-template-rows .35s ease}.decoration-details.is-open{grid-template-rows:minmax(0,auto)}.decoration-details.is-open:not(.is-animating){overflow:visible}.decoration-details__inner{overflow:hidden;min-height:0}.decoration-details.is-open .decoration-details__inner{padding-top:1.3rem}.decoration-details.is-open:not(.is-animating) .decoration-details__inner{overflow:visible}.decoration-logo-fields,.decoration-text-fields{display:grid;grid-template-rows:0fr;overflow:hidden;margin-bottom:0}.decoration-logo-fields.is-open,.decoration-text-fields.is-open{grid-template-rows:minmax(0,auto);overflow:visible}.decoration-logo-fields__inner,.decoration-text-fields__inner{overflow:hidden;min-height:0;display:flex;flex-direction:column;gap:.75rem}.decoration-logo-fields.is-open .decoration-logo-fields__inner,.decoration-text-fields.is-open .decoration-text-fields__inner{overflow:visible;padding-bottom:1rem}.decoration-logo__drop{position:relative;display:flex;align-items:center;min-height:4.5rem;margin:0;background:#fff;border:2px dashed var(--bg-color-mix-3, #d9d9d9)}.decoration-logo__drop.is-busy{opacity:.65;pointer-events:none}.decoration-logo__drop.is-dragover{border-color:var(--link-color)}.decoration-logo__drop.has-file{padding-right:1.75rem}.decoration-logo__hit{display:flex;align-items:center;gap:.75rem;width:100%;margin:0;padding:.65rem .85rem;cursor:pointer}.decoration-logo__clear{display:flex;position:absolute;z-index:2;top:.35rem;right:.35rem;align-items:center;justify-content:center;width:1.35rem;height:1.35rem;margin:0;padding:0;background:none;border:0;color:var(--color);cursor:pointer;-webkit-appearance:none;appearance:none}.decoration-logo__clear svg{display:block;width:.85rem;height:.85rem}.decoration-logo__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.decoration-logo__preview{display:flex;flex:0 0 3.25rem;align-items:center;justify-content:center;width:3.25rem;height:3.25rem;overflow:hidden}.decoration-logo__preview img{display:block;width:100%;height:100%;object-fit:contain}.decoration-logo__copy{display:flex;min-width:0;flex:1 1 auto;flex-direction:column;gap:.15rem}.decoration-logo__filename{overflow:hidden;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.decoration-logo__hint,.decoration-logo__error{margin:0;color:#8a8a8a;font-size:.8rem;line-height:1.35}.decoration-logo__error{margin-top:.4rem;color:#af3737}.decoration-artwork-size{min-width:0;margin-top:.75rem}.decoration-artwork-size__header{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem}.decoration-artwork-size__header .decoration-section__field-label{margin-bottom:.35rem}.decoration-artwork-size__current{color:var(--color);font-size:.9rem;font-weight:600;line-height:1.2}.decoration-artwork-size__scroll{display:flex;align-items:center;width:100%;min-width:0;min-height:1rem}.decoration-artwork-size__range{display:block;flex:1 1 auto;width:100%;min-width:0;height:1rem;margin:0;padding:0;background:transparent;cursor:pointer;-webkit-appearance:none;appearance:none;accent-color:var(--link-color)}.decoration-artwork-size__range:focus{outline:none}.decoration-artwork-size__range:focus-visible{outline:2px solid var(--link-color);outline-offset:2px}.decoration-artwork-size__range::-webkit-slider-runnable-track{height:4px;background:var(--bg-color-mix-3, #d9d9d9);border-radius:0}.decoration-artwork-size__range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:1.15rem;height:1.15rem;margin-top:-.45rem;background:#fff;border:2px solid var(--link-color);border-radius:50%}.decoration-artwork-size__range::-moz-range-track{height:4px;background:var(--bg-color-mix-3, #d9d9d9);border:0;border-radius:0}.decoration-artwork-size__range::-moz-range-thumb{width:1.15rem;height:1.15rem;background:#fff;border:2px solid var(--link-color);border-radius:50%}.decoration-row__thumb img{display:block;width:100%;height:100%;object-fit:contain}@media(prefers-reduced-motion:reduce){.decoration-details{transition:none}}.decoration-text-options{display:flex;flex-wrap:wrap;gap:1.2rem 1rem;align-items:flex-start}.decoration-text-options__font-row{display:flex;flex:1 1 100%;flex-wrap:nowrap;align-items:flex-start;gap:.75rem .65rem;width:100%;min-width:0}.decoration-text-options__font{flex:7 1 0;width:auto;min-width:0;position:relative}.decoration-text-options__size{flex:3 1 0;width:auto;min-width:5rem;position:relative}.decoration-text-options__color{flex:1 1 100%;width:100%;min-width:0}.decoration-font{position:relative}.decoration-font__button{display:flex;align-items:center;justify-content:space-between;gap:.5rem;width:100%;height:2.5rem;margin:0;padding:0 .75rem;background:#fff;border:1px solid var(--bg-color-mix-3, #d9d9d9);color:var(--color);font-family:inherit;font-size:inherit;line-height:1.2;text-align:left;cursor:pointer;-webkit-appearance:none;appearance:none;border-radius:0}.decoration-font.is-open .decoration-font__button{border-color:var(--color, #333)}.decoration-font__sample{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.decoration-font__chevron{flex:0 0 .65rem;width:.65rem;height:.65rem;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translate(-1px,-1px)}.decoration-font__menu{display:none;position:absolute;z-index:30;top:100%;left:0;right:auto;min-width:100%;width:max-content;margin:0;padding:0;list-style:none;background:#fff;border:1px solid var(--bg-color-mix-3, #d9d9d9);border-top:0;max-height:16rem;overflow:auto}.decoration-font.is-open .decoration-font__menu{display:block}.decoration-font__menu[hidden]{display:none!important}.decoration-font__option{display:block;width:100%;margin:0;padding:.55rem .75rem;background:#fff;border:0;border-bottom:1px solid #eee;color:var(--color);font-size:1rem;line-height:1.3;text-align:left;cursor:pointer;-webkit-appearance:none;appearance:none;border-radius:0}.decoration-font__menu li:last-child .decoration-font__option{border-bottom:0}.decoration-font__option.is-active,.decoration-font__option:hover{background:#f6f6f6}.decoration-size__menu{min-width:14rem;left:auto;right:0}.decoration-size__option{display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-height:2.5rem}.decoration-size__preview{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.15}.decoration-size__value{flex:0 0 auto;font-size:.85rem;line-height:1.2}.decoration-text-options__size .decoration-font__sample,.decoration-size__preview,.decoration-size__value{font-family:inherit}.decoration-section__field{display:flex;flex-direction:column}.decoration-section__field-label{display:block;margin-bottom:.35rem;font-weight:600;line-height:1.2;font-size:.9rem}.decoration-section__input{width:100%;height:2.5rem;padding:.45rem .75rem;border-radius:0}.decoration-section__input::placeholder,.decoration-section__input::-webkit-input-placeholder{font-family:var(--font-family);font-size:var(--font-size);font-weight:var(--font-weight);font-style:var(--font-style, normal);letter-spacing:normal;line-height:normal}.decoration-placement{display:flex;flex-wrap:wrap;gap:.5rem}.decoration-placement__option{display:inline-flex;align-items:center;justify-content:center;min-height:2.5rem;margin:0;padding:.45rem .9rem;background:#fff;border:1px solid var(--bg-color-mix-3, #d9d9d9);color:var(--color);font-family:inherit;font-size:inherit;font-weight:400;line-height:1.2;white-space:nowrap;cursor:pointer;-webkit-appearance:none;appearance:none;border-radius:0}.decoration-placement__option.is-active{background:#fff;border-color:transparent;color:var(--color);box-shadow:0 0 0 2px var(--btn-bg-color)}.decoration-section__save{display:flex;align-items:center;justify-content:center;width:100%;min-height:2.25rem;margin:.75rem 0 0;padding:.35rem 1.15rem;background:#fff;border:2px solid var(--color);color:var(--color);font-family:inherit;font-size:inherit;font-weight:600;line-height:1.2;text-align:center;cursor:pointer;-webkit-appearance:none;appearance:none;border-radius:4px}.decoration-section__save:disabled{opacity:.45;cursor:not-allowed}.decoration-row-list{display:flex;flex-direction:column;gap:.8rem;padding-bottom:.8rem}.decoration-row{display:flex;align-items:center;gap:0;width:100%;margin:0;background:var(--bg-color-mix-2, #f3f3f3);border:0;color:var(--color);font-family:inherit;line-height:1.2;border-radius:0}.decoration-row.is-active .decoration-row__thumb{border-width:2px;border-color:var(--link-color)}.decoration-row__thumb{display:flex;align-items:center;justify-content:center;flex:0 0 2.5rem;box-sizing:border-box;width:2.5rem;height:2.5rem;margin:0;overflow:hidden;background:#fff;padding:2px;border:1px solid var(--bg-color-mix-3, #d9d9d9);color:var(--color);font-family:inherit;font-size:1.15rem;font-weight:700;line-height:1;cursor:pointer;-webkit-appearance:none;appearance:none}.decoration-row__body{flex:1 1 auto;min-width:0;padding:0 .75rem}.decoration-row__title{overflow:hidden;color:var(--color);font-size:.95rem;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.decoration-row__meta{margin-top:.15rem;overflow:hidden;color:#8a8a8a;font-size:.75rem;font-weight:400;text-overflow:ellipsis;white-space:nowrap}.decoration-row__actions{display:flex;flex:0 0 auto;align-items:center;gap:.65rem;padding-right:.5rem}.decoration-row__edit{margin:0;padding:0;background:none;border:0;color:var(--color);font-family:inherit;font-size:.9rem;font-weight:600;line-height:1;cursor:pointer;-webkit-appearance:none;appearance:none}.decoration-row__delete{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;margin:0;padding:0;background:none;border:0;color:var(--color);cursor:pointer;-webkit-appearance:none;appearance:none}.decoration-row__delete svg{display:block;width:1rem;height:1rem}
/*# sourceMappingURL=/cdn/shop/t/11/assets/decoration-method.css.map */