.pp{position:relative;display:block}.pp-card{display:flex;justify-content:space-between;gap:0rem;border:1px solid #808080;border-radius:2px}.pp-card__content{flex:1;padding:1.5rem 1.7rem}.pp-card__header{display:flex;justify-content:space-between;gap:2rem;align-items:center}.pp-card__image{position:relative;width:107px;border-right:1px solid #808080}.pp-card__image .media{padding-bottom:100%;height:100%}.pp-card__image img{position:absolute;width:100%;height:100%;object-fit:cover}.pp-card__title,.pp-card__description{margin:0}.pp-card__button{flex-shrink:0}.pp-card__actions{display:grid;grid-template-columns:1fr auto auto;text-align:left;align-items:center;gap:0rem;margin-top:1.6rem}.pp-card__image .pp-preview__text{font-size:6px}.button-edit .pp-edit{padding:0}@media screen and (min-width:990px){.pp-card__actions .button-edit{margin-left:1.2rem}}.pp-flyout{position:fixed;top:0;right:0;bottom:0;left:0;display:none;z-index:100;background:#fff}.pp-flyout.is-active{display:block}.drawer .pp-flyout__overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.pp-close{background:transparent;border:none}.pp-close .svg-wrapper{width:1.4rem;height:1.4rem}.pp-flyout__header{display:flex;justify-content:space-between;align-items:center;padding:2rem;border-bottom:1px solid #eee}.pp-preview{position:relative;padding:2rem;padding-bottom:100%}.pp-preview img{display:block;width:100%;position:absolute;top:0;left:0;height:100%;object-fit:cover}.pp-preview__text{position:absolute;left:50%;top:50%;transform:translate(-50%,10%);font-size:2rem;font-weight:600;pointer-events:none;font-size:clamp(25px,2.5vw,36px)}.pp-field{margin-top:3rem}.pp-field label{display:block;margin-bottom:.8rem}.pp-input{width:100%;padding:10px 12px;border:1px solid #00000040;line-height:1.6rem}.pp-listbox{position:relative}.pp-listbox__trigger{width:100%;display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:transparent;line-height:1.6rem;font-size:1.4rem;line-height:calc(1 + .1428 / var(--font-body-scale));font-family:var(--font-body-family);font-style:var(--font-body-style);border:1px solid #00000040}.pp-listbox__trigger .svg-wrapper{width:1.2rem;height:1.2rem}.pp-listbox__options{display:none;position:absolute;left:0;right:0;top:calc(100% + 4px);background:#fff;border:1px solid #ddd;z-index:2;max-height:200px;overflow-y:auto}.pp-listbox.is-open .pp-listbox__options{display:block}.pp-option{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;background:none;border:0;cursor:pointer}.pp-option[data-value=Kaushan]{font-family:Kaushan Script,sans-serif!important}.pp-option:hover{background:#f5f5f5}.pp-option__swatch{width:16px;height:16px;border:1px solid #ddd}.pp-listbox__value{display:inline-flex;align-items:center;gap:.8rem}.pp-listbox__value .pp-option__swatch{width:2rem;height:2rem;display:inline-block}.pp-listbox__value .pp-option__swatch{opacity:0;visibility:hidden;display:none}.pp-listbox__value.has-value .pp-option__swatch{opacity:1;visibility:visible;display:inline-block}.pp-footer{display:flex;gap:12px;padding:4rem 3.2rem;justify-content:space-between;align-items:center}.pp-footer__buttons{display:flex;gap:17px}.pp-footer .pp-remove{padding:0;display:none}.product-personalization .button-edit{display:none}.product-personalization .pp-card__description{display:block}.pp-added{display:none}.product-personalization[data-state=confirmed] .button-edit,.product-personalization[data-state=confirmed] .pp-added{display:flex}.product-personalization[data-state=confirmed] .pp-card__description,.product-personalization[data-state=confirmed] .pp-add{display:none}.product:has(.product-personalization[data-state=confirmed]) .pp-footer .pp-remove{display:block}.pp-card__actions .button{padding:0 1rem;max-width:max-content}@media screen and (max-width:768px){.pp-footer{display:flex;gap:20px;padding:3rem 2rem;align-items:center;flex-direction:column;align-items:flex-start;position:relative}.pp-footer__buttons{width:100%}.pp-footer__buttons .button{flex:1}.pp-footer-action{display:flex;justify-content:space-between;gap:12px;width:100%}}.pp-inner{overflow:auto}.pp-footer{position:relative}@media screen and (min-width:1025px){.pp-footer{padding-top:0rem}.pp-inner{padding-bottom:3rem}.pp-footer:before{content:"";background:linear-gradient(180deg,#fff0,#fff);width:100%;height:3rem;position:absolute;top:-3rem;left:0}}@media screen and (max-width:1024px){.pp-inner{overflow:auto;flex:1}.pp-footer{gap:14px;padding:2rem}.pp-footer:before{content:"";background:linear-gradient(180deg,#fff0,#fff);width:100%;height:3rem;position:absolute;top:-3rem;left:0;border-bottom:1px solid}button.pp-add{min-width:7rem}.pp-card__image{width:98px}}
/*# sourceMappingURL=/cdn/shop/t/303/assets/product-personalization.css.map */