.metorik-add-cart-email-form { max-width: 300px; padding: 18px 15px 20px; text-align: left; } .metorik-add-cart-email-form h3 { font-weight: 600; margin: 0 0 20px; } .metorik-add-cart-email-form .close-button { color: #bbb; cursor: pointer; font-size: 15px; position: absolute; right: 28px; top: 28px; } .metorik-add-cart-email-form .close-button:hover { color: #888; } .metorik-add-cart-email-form .email-input-wrapper { position: relative; } .metorik-add-cart-email-form .email-input-wrapper.loading { opacity: 0.75; } .metorik-add-cart-email-form .email-input-wrapper.success:after { color: rgb(55, 178, 77); content: "\2713"; font-size: 17px; position: absolute; right: 10px; top: 10px; } .metorik-add-cart-email-form .email-input { width: calc(100% - 20px); padding: 5px; } .metorik-add-cart-email-form .email-usage-notice { padding: 5px 0 0; } .tippy-box[data-theme~='light'] { color: #26323d; box-shadow: 0 0 20px 4px rgba(154, 161, 177, 0.15), 0 4px 80px -8px rgba(36, 40, 47, 0.25), 0 4px 4px -2px rgba(91, 94, 105, 0.15); background-color: #fff; } .tippy-box[data-theme~='light'] [data-placement^='top'] > .tippy-arrow::before { border-top-color: #fff; } .tippy-box[data-theme~='light'] [data-placement^='bottom'] > .tippy-arrow::before { border-bottom-color: #fff; } .tippy-box[data-theme~='light'] [data-placement^='left'] > .tippy-arrow::before { border-left-color: #fff; } .tippy-box[data-theme~='light'] [data-placement^='right'] > .tippy-arrow::before { border-right-color: #fff; } .tippy-box[data-theme~='light'] > .tippy-backdrop { background-color: #fff; } .tippy-box[data-theme~='light'] > .tippy-svg-arrow { fill: #fff; }