.product-frame-builder{overflow:hidden}.product-frame-builder__swatches .swatch-group__name{margin-right:1rem}.product-frame-custom-text{position:relative}.product-frame-custom-text .button--small{box-sizing:border-box}.product-frame-custom-text__editor{position:absolute;top:-10rem;left:50%;background:rgb(var(--color-base-background-2));width:30rem;transform:translate(-50%);z-index:2;border-radius:.3rem;box-shadow:0 .3rem .8rem rgba(var(--color-base-primary),.25)}@media (min-width: 400px){.product-frame-custom-text__editor{width:35rem}}@media (min-width: 750px){.product-frame-custom-text__editor{top:105%;width:45rem}}.product-frame-custom-text__textarea{padding:1rem;resize:none;text-align:center;font-family:carentro,sans-serif;font-variant-ligatures:none;margin:0;min-height:1px;font-size:1.6rem;border-color:transparent;border-radius:0}.product-frame-custom-text__textarea:focus{outline:none;border-color:rgb(var(--color-foreground));box-shadow:none}.builder-canvas-container{overflow:visible;position:relative;padding-bottom:73.32%}@media (min-width: 750px){.builder-canvas-container{overflow:hidden}}.builder-canvas{position:absolute;top:0;left:0;width:100%;overflow:hidden;padding:3.57%}.builder-canvas-container--editing-text{z-index:1}.builder-canvas-container--editing-text .builder-canvas{width:500%;left:-94%;top:-340%}@media (min-width: 750px){.builder-canvas-container--editing-text .builder-canvas{width:250%;left:-21%;top:-129%}}.builder-canvas__source-image{width:100%;height:auto;display:block}.builder-canvas__print-wrapper{position:relative}.builder-canvas__panzoom{position:absolute;overflow:hidden}.builder-canvas__panzoom img{width:100%;height:auto;visibility:hidden;max-width:none}.product-frame-builder-errors .icon{width:1.5rem;height:1.5rem}.builder-canvas__custom-text{position:absolute;width:auto;height:auto;cursor:pointer}.builder-canvas__custom-text-canvas{width:100%;display:inline-block;vertical-align:baseline}.builder-canvas__frame-image{position:absolute;top:0;left:0;pointer-events:none;width:100%;height:auto}.personalized-frame-preview-pdp+*{display:none!important}.personalized-frame-preview-pdp .personalized-frame-preview-media{display:grid!important;align-items:center;justify-content:center;justify-items:center;align-content:center}.personalized-frame-preview-pdp .media img+img{opacity:1}.personalized-frame-preview-pdp .personalized-frame-preview{width:80%;box-shadow:0 .6rem .3rem #0000004d}@media (min-width: 750px){.personalized-frame-preview-pdp .personalized-frame-preview{box-shadow:0 1rem .5rem #0000004d}}personalized-frame-preview-opener{cursor:pointer}.personalized-frame-preview__header{display:flex;flex-direction:column}@media (min-width: 750px){.personalized-frame-preview__header{flex-direction:row;align-content:center;align-items:center;justify-content:space-between}}.personalized-frame-preview__header-text{display:grid;grid-template-columns:2rem 1fr;column-gap:1rem}.personalized-frame-preview__header-icon{padding-top:.5rem;grid-column:1/2;grid-row:1/3}.personalized-frame-preview__header-icon .icon{width:2rem;height:2rem}.personalized-frame-preview__header-title{grid-column:2/3;grid-row:1/2;font-weight:700}.personalized-frame-preview__header-subtitle{grid-column:2/3;grid-row:2/3}.builder-canvas__panzoom-error{position:absolute;top:50%;left:50%;z-index:1;transform:translate(-50%) translateY(-50%);display:inline-block}.builder-canvas__panzoom-error button{width:4rem;height:4rem}@media (min-width: 990px){.builder-canvas__panzoom-error button{width:5rem;height:5rem}}.builder-canvas__panzoom-error:not(.hidden)+.builder-canvas__panzoom-error-backdrop{position:absolute;pointer-events:none;background:#0000004d;top:0;left:0;width:100%;height:100%;display:block}.builder-canvas__mobile-panzoom-error,.builder-canvas__error-instructions{position:absolute;bottom:5%;left:0;width:100%;visibility:visible;text-decoration:underline;font-size:1.4rem;z-index:2;text-align:center}.builder-canvas__error-instructions:not(.hidden)+.builder-canvas__mobile-panzoom-error{display:none}.custom-checkbox.wiggle{animation:wiggle .1s infinite}@keyframes wiggle{0%{transform:translate(2px)}50%{transform:translate(-2px)}to{transform:translate(2px)}}
/*# sourceMappingURL=/cdn/shop/t/220/assets/personalized-frame-builder.css.map */