body.cf-share-open{overflow:hidden}.cf-share-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100000;display:none;font-family:Montserrat,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}.cf-share-modal.open{display:block}.cf-share-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000a6;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:cfShareFadeIn .2s ease both}.cf-share-dialog{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(460px,94vw);max-height:94vh;background:#fff;border-radius:18px;box-shadow:0 20px 60px #00000059;display:flex;flex-direction:column;overflow:hidden;animation:cfShareSlideUp .24s cubic-bezier(.2,.8,.2,1) both}@keyframes cfShareFadeIn{0%{opacity:0}to{opacity:1}}@keyframes cfShareSlideUp{0%{opacity:0;transform:translate(-50%,-45%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.cf-share-header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid rgba(0,0,0,.08);flex-shrink:0}.cf-share-title{margin:0;font-size:17px;font-weight:600;color:#1f1f1f;letter-spacing:.2px}.cf-share-close{background:transparent;border:0;color:#1f1f1f;cursor:pointer;padding:4px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;transition:background .15s ease}.cf-share-close:hover{background:#0000000f}.cf-share-body{padding:16px 18px 18px;overflow-y:auto;display:grid;grid-template-columns:auto 1fr;grid-template-rows:1fr auto;gap:14px;align-items:stretch}.cf-share-rail{grid-column:1;grid-row:1;display:flex;flex-direction:column;gap:10px;width:56px;flex-shrink:0}.cf-share-preview-wrap{grid-column:2;grid-row:1;position:relative;background:linear-gradient(180deg,#f6f4f1,#ece8e3);border-radius:12px;overflow:hidden;aspect-ratio:9 / 16;max-height:65vh;display:flex;align-items:center;justify-content:center}.cf-share-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#8a7a66;font-size:13px;font-weight:500;text-align:center}.cf-share-preview{width:100%;height:100%;object-fit:contain;display:none}.cf-share-caption-wrap{grid-column:1 / -1;grid-row:2;display:flex;flex-direction:column;gap:6px}.cf-share-caption-label{font-size:10px;font-weight:700;color:#8a7a66;letter-spacing:.5px;text-transform:uppercase;margin:0}.cf-share-caption{width:100%;border:1.5px solid rgba(0,0,0,.12);border-radius:10px;padding:10px 12px;font-size:14px;font-family:inherit;color:#1f1f1f;resize:none;min-height:56px;transition:border-color .15s ease;background:#fff;box-sizing:border-box}.cf-share-caption:focus{outline:none;border-color:#d2a878}.cf-share-actions{display:flex;flex-direction:column;gap:10px}.cf-share-act{width:56px;height:56px;display:inline-flex;align-items:center;justify-content:center;border-radius:14px;border:1.5px solid rgba(0,0,0,.12);background:#fff;color:#1f1f1f;font-family:inherit;cursor:pointer;transition:all .15s ease;-webkit-tap-highlight-color:transparent;padding:0}.cf-share-act:hover{background:#faf7f2;border-color:#d2a878;color:#d2a878}.cf-share-act:active{transform:scale(.94)}.cf-share-act span{display:none}.cf-share-act svg{flex-shrink:0;width:22px;height:22px}.cf-share-act-primary{background:#d2a878;border-color:#d2a878;color:#fff}.cf-share-act-primary:hover{background:#c79a66;border-color:#c79a66;color:#fff}.cf-share-toast{position:absolute;left:50%;bottom:24px;transform:translate(-50%) translateY(20px);background:#1f1f1ff2;color:#fff;padding:10px 18px;border-radius:24px;font-size:13px;font-weight:500;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease}.cf-share-toast.visible{opacity:1;transform:translate(-50%) translateY(0)}.cf-share-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:10px;border:1.5px solid #D2A878;background:#fff;color:#1f1f1f;font-family:Montserrat,system-ui,sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s ease;-webkit-tap-highlight-color:transparent}.cf-share-btn:hover{background:#d2a878;color:#fff}.cf-share-btn svg{flex-shrink:0}.cf-share-btn.cf-share-btn-icon{width:40px;height:40px;padding:0;border-radius:50%}.cf-share-btn.cf-share-btn-icon span{display:none}@media(max-width:480px){.cf-share-dialog{width:96vw;border-radius:14px}.cf-share-act{width:48px;height:48px;border-radius:12px}.cf-share-act svg{width:20px;height:20px}.cf-share-rail{width:48px}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/configurator-share.css.map */