.price-per-item__container{display:flex;align-items:flex-end;gap:12px}.price-per-item__container quantity-input{flex:1px}.view-on-me-wrapper{flex:1}.view-on-me-btn{width:100%;height:46px;border:1px solid #1E1E1E;background:#fafaf8;cursor:pointer;font-size:15px;font-weight:500}.view-on-me-btn:hover{background:#1e1e1e;color:#fafaf8}.view-on-me-close{position:absolute;top:18px;right:18px;border:none;background:none;font-size:24px;cursor:pointer}.view-on-me-drawer__content{position:relative}.view-on-me-drawer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none}.view-on-me-drawer__content{background:#fafaf8;border-radius:8px;padding:10px 24px;max-width:100%;height:100%;overflow-y:auto;transform:translate(-100%);opacity:0;transition:transform .34s cubic-bezier(.2,.8,.2,1),opacity .3s ease}.view-on-me-drawer__body{text-align:left}.view-on-me-back,.view-on-me-close{background:none;border:1px solid rgba(0,0,0,.12);color:#111;font-weight:500;cursor:pointer;padding:10px 14px;border-radius:6px}.view-on-me-back{margin-right:12px}.view-on-me-file{display:inline-flex;align-items:center;justify-content:center;background:#1e1e1e;color:#fafaf8;border-radius:999px;padding:12px 20px;font-weight:600;cursor:pointer;position:relative;overflow:hidden}.view-on-me-file input[type=file]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.view-on-me-file__label{pointer-events:none}.view-on-me-preview{margin-top:24px;width:100%;min-height:320px;max-height:420px;background:#f7f7f7;border:1px dashed #e5e5e5;border-radius:12px;display:flex;align-items:center;justify-content:center;padding:24px;text-align:center;overflow:hidden}.view-on-me-preview-placeholder{color:#6b6b6b;max-width:280px}.view-on-me-preview-placeholder strong{display:block;font-size:1rem;margin-bottom:10px}.view-on-me-preview-placeholder p{margin:0;color:#7a7a7a}.view-on-me-preview-image-wrapper{width:100%;height:100%;display:none}.view-on-me-preview-image-wrapper.is-visible{display:block}.view-on-me-preview-image{width:100%;height:100%;object-fit:contain;object-position:center;display:block}.view-on-me-generate.button{display:block;margin-top:28px;width:100%}.product__info-container{position:relative}.product__info-container .product-info-main{transition:transform .3s ease,opacity .25s ease}.product__info-container.is-drawer-open .product-info-main{opacity:0;transform:translate(10%);pointer-events:none}.product__info-container .view-on-me-drawer.is-open{pointer-events:auto}.product__info-container .view-on-me-drawer.is-open .view-on-me-drawer__content{transform:translate(0);opacity:1}@media screen and (max-width:979px){.view-on-me-drawer__content{transform:translate(100%)}}@media screen and (min-width:980px){.view-on-me-drawer__content{transform:translate(-100%)}}.product__info-container.is-drawer-open{min-height:600px}.view-on-me-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:320px;background:#f7f7f7;border-radius:12px;margin-top:24px;gap:16px}.view-on-me-loading-text{font-size:1.4rem;color:#555;font-weight:500;animation:pulseText 1.5s infinite ease-in-out}@keyframes pulseText{0%,to{opacity:.6}50%{opacity:1}}.view-on-me-result-container{text-align:left}.view-on-me-result-wrapper{position:relative;width:100%;min-height:320px;max-height:420px;background:#f7f7f7;border:1px solid #e5e5e5;border-radius:12px;overflow:hidden;margin-top:24px;display:flex;align-items:center;justify-content:center}.view-on-me-result-user-photo{width:100%;height:100%;object-fit:cover;display:block}.view-on-me-result-product-photo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70%;height:auto;max-height:70%;object-fit:contain;mix-blend-mode:multiply;pointer-events:none;opacity:.85;animation:fadeInProduct .8s ease-out forwards}@keyframes fadeInProduct{0%{opacity:0;transform:translate(-50%,-50%) scale(.85)}to{opacity:.85;transform:translate(-50%,-50%) scale(1)}}.view-on-me-result-actions{display:flex;flex-direction:column;gap:12px;margin-top:20px}.view-on-me-result-actions .button{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;margin:0}.view-on-me-result-actions .button .icon{font-size:1.6rem}.view-on-me-secondary-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.view-on-me-like-btn.liked{background-color:#ffe6eb;color:#ff003c;border-color:#ff003c}.view-on-me-upload-icon-wrapper{display:flex;align-items:center;justify-content:center;width:68px;height:68px;border-radius:50%;background:radial-gradient(circle,#fff,#e0f2fe);box-shadow:0 6px 20px #38bdf826,inset 0 2px 4px #fffc;margin:0 auto 16px;border:1px solid rgba(14,165,233,.15);transition:transform .2s ease,box-shadow .2s ease}.view-on-me-preview:hover .view-on-me-upload-icon-wrapper{transform:translateY(-2px);box-shadow:0 8px 24px #38bdf840}.view-on-me-preview-title{display:block;font-size:1.6rem!important;font-weight:600;color:#1e293b;margin-bottom:6px}.view-on-me-preview-hint{margin:0;font-size:1.3rem;color:#64748b;line-height:1.4}@media screen and (max-width:749px){.product__media-wrapper slider-component:not(.thumbnail-slider--no-slide){margin-left:-1.5rem!important;margin-right:-1.5rem!important}.product__media-list{margin-left:0!important;margin-right:0!important;width:100%!important;scroll-padding-left:0!important}.product__media-list .product__media-item{width:100%!important;padding-left:0!important;padding-right:0!important}.product__media-item .product__media{border-radius:0!important}.product__media-wrapper .slider-buttons{display:none!important}.product-media-container{max-width:100%!important;width:100%!important}.product-media-container.constrain-height{width:100%!important;margin:0!important}.product-media-container.constrain-height .media{padding-top:var(--ratio-percent)!important}.product-media-container.constrain-height.media-fit-contain{width:100%!important}.template-product .product-form__submit{position:fixed!important;bottom:0!important;right:0!important;left:auto!important;width:50%!important;height:calc(55px + env(safe-area-inset-bottom))!important;padding-bottom:env(safe-area-inset-bottom)!important;margin:0!important;z-index:9999!important;border-radius:0!important;border:none!important;border-top:1px solid rgba(18,18,18,.08)!important;background-color:#121212!important;color:#fff!important;font-size:1.4rem!important;font-weight:600!important;letter-spacing:.1rem!important;text-transform:uppercase!important;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:0 -4px 10px #0000000d!important}.template-product .view-on-me-btn{position:fixed!important;bottom:0!important;left:0!important;right:auto!important;width:50%!important;height:calc(55px + env(safe-area-inset-bottom))!important;padding-bottom:env(safe-area-inset-bottom)!important;margin:0!important;z-index:9999!important;border-radius:0!important;border:none!important;border-top:1px solid rgba(18,18,18,.08)!important;border-right:1px solid rgba(18,18,18,.08)!important;background-color:#fff!important;color:#121212!important;font-size:1.4rem!important;font-weight:600!important;letter-spacing:.1rem!important;text-transform:uppercase!important;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:0 -4px 10px #0000000d!important}body.template-product{padding-bottom:calc(65px + env(safe-area-inset-bottom))!important}}@media screen and (min-width:990px){.product--stacked .product__media-list .product__media-item:first-child{width:calc(50% - var(--grid-desktop-horizontal-spacing) / 2)!important;max-width:calc(50% - var(--grid-desktop-horizontal-spacing) / 2)!important}}@media screen and (min-width:990px){.template-product .page-width,product-info .page-width{max-width:100%!important;padding-left:5rem!important;padding-right:5rem!important}}@media screen and (min-width:750px){.product-media-container{max-width:100%!important;width:100%!important}.product-media-container.constrain-height{width:100%!important;max-width:100%!important}.product-media-container.constrain-height.media-fit-contain{width:100%!important}.product-media-container.constrain-height .media{padding-top:var(--ratio-percent)!important}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/view-on-me.css.map */