.product-personalizer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000000000;padding:clamp(1rem,5vw,4rem)}.product-personalizer__overlay{background:#000000b8;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.product-personalizer__panel{width:min(62rem,100%);max-width:none;max-height:100%;overflow-y:auto;padding:1.75rem 1.25rem;box-shadow:0 25px 60px -12px #00000080}@media screen and (min-width:900px){.product-personalizer__panel{padding:2.25rem 2.75rem}}.product-personalizer__close{position:absolute;top:.75rem;right:.75rem;z-index:20;display:flex;height:2.25rem;width:2.25rem;align-items:center;justify-content:center;border-radius:9999px;border:1px solid transparent;opacity:.6;transition:opacity .2s ease,border-color .2s ease}.product-personalizer__close:hover{opacity:1;border-color:rgba(var(--color-foreground),.2)}.product-personalizer__header{margin-bottom:1.25rem;padding-right:2.5rem}.product-personalizer__subtitle{margin-top:.375rem;font-size:.8125rem;opacity:.6}.product-personalizer__body{display:grid;grid-template-columns:minmax(0,1fr);gap:1.75rem}.product-personalizer__preview,.product-personalizer__controls{min-width:0}@media screen and (min-width:900px){.product-personalizer__body{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:2.5rem;align-items:center}}.product-personalizer__stage{position:relative;height:min(42vh,20rem);width:auto;max-width:100%;margin-inline:auto;overflow:hidden;border-radius:.75rem;background:rgba(var(--color-foreground),.05);touch-action:none;-webkit-user-select:none;user-select:none}.product-personalizer__image{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;width:100%;object-fit:contain;pointer-events:none}.product-personalizer__text{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content;max-width:92%;padding:.25rem .5rem;text-align:center;line-height:1.15;white-space:pre-wrap;word-break:break-word;cursor:grab;touch-action:none;text-shadow:0 1px 3px rgba(0,0,0,.25);outline-offset:2px}.product-personalizer__text.is-dragging{cursor:grabbing}@media screen and (min-width:900px){.product-personalizer__stage{height:min(48vh,30rem)}}@media screen and (max-height:700px){.product-personalizer__stage{height:min(38vh,15rem)}}.product-personalizer__hint{margin-top:.625rem;font-size:.75rem;text-align:center;opacity:.55}.product-personalizer__thumbs{display:flex;max-width:100%;gap:.5rem;margin-top:.875rem;overflow-x:auto;padding-bottom:.25rem;scrollbar-width:thin}.product-personalizer__thumb{position:relative;flex:0 0 auto;width:4.5rem;height:4.5rem;border-radius:.5rem;overflow:hidden;border:2px solid transparent;opacity:.65;transition:opacity .2s ease,border-color .2s ease}.product-personalizer__thumb img{width:100%;height:100%;object-fit:cover}.product-personalizer__thumb:hover{opacity:1}.product-personalizer__thumb.is-selected{opacity:1;border-color:rgb(var(--color-foreground))}.product-personalizer__controls{display:flex;flex-direction:column;gap:1.5rem}.product-personalizer__label{display:block;margin-bottom:.5rem;font-size:.6875rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;opacity:.7}.product-personalizer__input{width:100%;height:3.5rem;padding:0 1rem;border:1px solid rgba(var(--color-foreground),.2);border-radius:9999px;background:transparent;color:rgb(var(--color-foreground));transition:border-color .3s ease}.product-personalizer__input:focus{outline:none;border-color:rgb(var(--color-foreground))}.product-personalizer__counter{margin-top:.375rem;font-size:.6875rem;text-align:right;opacity:.5}.product-personalizer__notice{display:flex;align-items:center;gap:.625rem;margin-bottom:1.25rem;padding:.75rem 1rem;border:1px solid rgba(var(--color-foreground),.15);border-radius:.625rem;background:rgba(var(--color-foreground),.04);font-size:.8125rem;line-height:1.35}.product-personalizer__logo-row{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.product-personalizer__file-button{display:inline-flex;align-items:center;justify-content:center;padding:.625rem 1.25rem;border:1px solid rgba(var(--color-foreground),.25);border-radius:9999px;font-size:.8125rem;cursor:pointer;transition:border-color .2s ease,background-color .2s ease}.product-personalizer__file-button:hover{border-color:rgb(var(--color-foreground));background:rgba(var(--color-foreground),.05)}.product-personalizer__file-input:focus-visible+.product-personalizer__logo-row .product-personalizer__file-button{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}.product-personalizer__logo-name{flex:1 1 8rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.8125rem;opacity:.7}.product-personalizer__logo-remove{font-size:.75rem;text-decoration:underline;opacity:.6}.product-personalizer__logo-remove:hover{opacity:1}.product-personalizer__error{margin-top:.5rem;font-size:.75rem;color:rgb(var(--color-error, 185 28 28))}.product-personalizer__logo-size{display:flex;align-items:center;gap:.75rem;margin-top:1rem}.product-personalizer__logo-size .product-personalizer__label{margin-bottom:0;white-space:nowrap}.product-personalizer__logo-size input[type=range]{flex:1 1 auto;min-width:0;accent-color:rgb(var(--color-foreground))}.product-personalizer__logo-size-value{font-size:.8125rem;opacity:.7;min-width:2.5rem;text-align:right}.product-personalizer__logo-preview{display:block;height:auto;margin:0 auto .25rem;max-width:100%;pointer-events:none}.product-personalizer__hint--left{text-align:left;margin-top:.5rem}.product-personalizer__fonts{display:flex;flex-wrap:wrap;gap:.5rem}.product-personalizer__font{padding:.5rem 1.125rem;border:1px solid rgba(var(--color-foreground),.2);border-radius:9999px;font-size:.9375rem;line-height:1.2;transition:border-color .2s ease,background-color .2s ease}.product-personalizer__font:hover{border-color:rgba(var(--color-foreground),.5)}.product-personalizer__font.is-selected{border-color:rgb(var(--color-foreground));background:rgba(var(--color-foreground),.06)}.product-personalizer__footer{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}.product-personalizer__footer>*{flex:1 1 10rem}.product-personalizer__apply[disabled]{opacity:.45;cursor:not-allowed}.product-personalizer-trigger__button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.product-personalizer .hidden,.product-personalizer [hidden],.product-personalizer-trigger .hidden,.product-personalizer-trigger [hidden],.product-personalizer-trigger__summary[hidden],.product-personalizer-trigger__summary.hidden{display:none!important}.product-personalizer-trigger__summary{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-top:.625rem;padding:.625rem .875rem;border:1px solid rgba(var(--color-foreground),.15);border-radius:.625rem;font-size:.8125rem}.product-personalizer-trigger__summary-body{display:flex;align-items:center;gap:.5rem;min-width:0}.product-personalizer-trigger__summary-swatch{flex:0 0 auto;width:.875rem;height:.875rem;border-radius:9999px;border:1px solid rgba(var(--color-foreground),.25)}.product-personalizer-trigger__summary-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-personalizer-trigger__remove{flex:0 0 auto;font-size:.75rem;text-decoration:underline;opacity:.6;transition:opacity .2s ease}.product-personalizer-trigger__remove:hover{opacity:1}
/*# sourceMappingURL=/cdn/shop/t/21/assets/product-personalizer.css.map */