product-engraving{display:grid;visibility:hidden;transition:all var(--transition-duration) var(--transition-timing) 0s;grid-template-columns:1fr 1fr;opacity:0;position:fixed;background:var(--colour-white);height:100vh;width:100%;overflow-y:scroll;overflow-x:auto;z-index:999;top:0;left:0;align-items:center}product-engraving .image-wrapper{position:relative;height:100%}product-engraving .image-wrapper .engraving-image-overlay{position:absolute;top:75%;left:50%;transform:translate(-50%);z-index:1;text-align:center;font-size:clamp(.75rem,-.725rem + 8.333vw,1.5rem);font-weight:700;color:#9f9a9a;width:100%;font-family:var(--font-family-base);margin:0}product-engraving img{width:100%;height:100%;object-fit:cover}product-engraving img.name-engraving{display:none}product-engraving .details{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:1.25rem;max-width:29rem;width:100%;margin:0 auto;gap:1.5rem}product-engraving .details h3{width:100%;max-width:100%;display:flex;justify-content:space-between}product-engraving .details p{font-size:.875rem;margin:0}product-engraving .details .engraving-box{border:1px solid var(--colour-black);width:100%;padding:1rem;display:flex;flex-direction:column;gap:1rem}product-engraving .details .engraving-box.standard{flex-direction:row;align-items:center}product-engraving .details .engraving-box.standard .engraving-inputs{flex:1}product-engraving .details .engraving-box.standard .engraving-inputs .form-input{border:0;padding:0}product-engraving .details .engraving-box .engraving-options{display:flex;flex-direction:column;gap:1rem}product-engraving .details .engraving-box .engraving-inputs{display:none;flex-direction:column;gap:1rem}product-engraving .details .engraving-box .engraving-inputs .form-input{border:1px solid var(--colour-grey)}product-engraving .details .engraving-box input{font-size:1rem;border:none}product-engraving[data-is-open]{visibility:visible;opacity:1;transition:all var(--transition-duration) var(--transition-timing) 0s}@media (max-width: 1299.98px) and (orientation: portrait){product-engraving .image-wrapper .engraving-image-overlay{font-size:1.25rem}}@media (max-width: 1023.98px){product-engraving{grid-template-columns:100%}product-engraving img{aspect-ratio:1/1.125;background-color:var(--colour-off-white)}product-engraving .details{justify-content:flex-start}product-engraving[data-is-open]{padding-bottom:3rem}}@media (max-width: 767.98px){product-engraving .image-wrapper .engraving-image-overlay{font-size:.875rem}}
/*# sourceMappingURL=/s/files/1/0921/3129/5555/t/2/assets/snippet-product-engraving-modal.css.map */