:root{--occasion-heading-font-size: 24px;--occasion-body-font-size: 20px;--occasion-body-font-size__m: 24px;--occasion-body-font-size__s: 18px;--occasion-body-font-size__xs: 16px;--occasion-body-font-size__xxs: 15px;--occasion-input-height: 50px;--occasion-input-email-height: 56px;--occasion-step-3-height: 400px;--occasion-spacing: 40px 50px;--occasion-step2-gap: 30px;--occasion-form-wrapper-gap: 15px;--occasion-form-email-width: 70%;--occasion-form-row-gap: 24px;--occasion-body-font-size__label: 14px;--datepicker-width: 360px;--datepicker-color: rgb(206, 53, 55);--datepicker-font-size: 16px;--datepicker-heading-font-size: 22px;--datepicker-line-height: 18px;--datepicker-background: rgb(206, 53, 55);--datepicker-border-radius: 100%;--datepicker-cell-font-size: 14px;--datepicker-cell-line-height: 21px;--datepicker-font-weight: 600;--datepicker-cell-height: 40px;--datepicker-cell-width: 40px;--datepicker-border: 1px solid rgba(0, 0, 0, .6);--datepicker-wrapper-border-radius: 8px;--datepicker-header-padding: 25px 20px}@media screen and (max-width: 1439.99px){:root{--occasion-form-email-width: 85%;--occasion-spacing: 28px 72px;--occasion-input-email-height: 40px;--occasion-step2-gap: 10px}}@media screen and (max-width: 1023.99px){:root{--occasion-heading-font-size: 20px;--occasion-body-font-size: 16px;--occasion-body-font-size__m: 18px;--occasion-spacing: 30px 36px;--occasion-form-email-width: 100%;--occasion-form-row-gap: 12px}}@media screen and (max-width: 749.9px){:root{--occasion-heading-font-size: 15px;--occasion-body-font-size: 13px;--occasion-body-font-size__m: 13px;--occasion-spacing: 20px;--occasion-form-email-width: 100%;--occasion-form-wrapper-gap: 10px;--occasion-body-font-size__xxs: 13px;--occasion-body-font-size__s: 14px;--occasion-body-font-size__xs: 16px;--datepicker-width: 260px;--datepicker-cell-height: 30px;--datepicker-cell-width: 30px;--datepicker-heading-font-size: 18px;--datepicker-header-padding: 15px;--datepicker-cell-font-size: 13px}}.page-width-occasion{max-width:1280px;margin:0 auto}@keyframes button-loading-spinner{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.input-group-note{font-size:var(--occasion-body-font-size__xxs);color:#fff}occasion-form .d-flex-mobile-only{display:none!important}@media screen and (max-width: 749.9px){occasion-form .d-flex-mobile-only{display:flex!important}occasion-form .desktop-only{display:none!important}}occasion-form{display:block}occasion-form input:focus-visible{outline:none;box-shadow:none}#occasion-form{padding-top:48px;padding-bottom:48px}.occasion-form-wrapper{border-radius:30px;background:var(--magic-v-1-red-6-ce-2333, #CE2333);box-shadow:0 0 15px #00000026;padding:var(--occasion-spacing)}.occasion-form-wrapper>.inner{position:relative}.occasion-form-step-1,.occasion-form-step-2,.occasion-form-step-3,.occasion-form-step-4{position:absolute;top:0;left:0;width:100%;opacity:0;pointer-events:none}.occasion-form-step-1,.occasion-form-step-2,.occasion-form-step-4{display:flex;flex-direction:column;gap:var(--occasion-form-wrapper-gap)}.occasion-form-header{color:var(--Magic-v1-Red-1, #FBE9EB);font-family:Montserrat;font-size:var(--occasion-heading-font-size);font-style:normal;font-weight:700;line-height:110%;margin:0}.occasion-form-description{color:var(--Magic-v1-Red-1, #FBE9EB);font-family:Montserrat;font-size:var(--occasion-body-font-size);font-style:normal;font-weight:400;line-height:160%;margin-top:0;margin-bottom:0}.occasion-form-email-group{display:flex;align-items:center;width:var(--occasion-form-email-width);position:relative;margin-bottom:16px}.occasion-form-email-group .input-group{width:100%}.occasion-form-email-group input{height:var(--occasion-input-email-height);width:100%;border-radius:40px;background:#fff;color:#6d6d6d;font-family:Montserrat;font-size:var(--occasion-body-font-size__m);font-style:normal;font-weight:400;line-height:160%;border:none;padding-left:25px}.occasion-form-step1 .occasion-form-button{display:flex;min-width:250px;height:var(--occasion-input-email-height);justify-content:center;align-items:center;flex-shrink:0;position:absolute;right:0;padding:12px;gap:16px;border-radius:40px;background:var(--OG-Lovepop-Old-Brick, #941924);border:none;cursor:pointer;top:0}.occasion-form-step-1 .occasion-form-button span{color:var(--White, #FFF);font-family:Montserrat;font-size:var(--occasion-body-font-size__m);font-style:normal;font-weight:500;line-height:24px;letter-spacing:.5px}.occasion-form-checkbox input{display:none}.occasion-form-checkbox p{margin:0}.occasion-form-checkbox input~label{position:relative;padding-left:40px;display:block;min-height:20px}.occasion-form-checkbox input~label:before,.occasion-form-checkbox input~label:after{content:"";display:block;position:absolute;width:20px;height:20px;top:2px;left:0}.occasion-form-checkbox input~label:before{border:solid 2px #fff;border-radius:2px}.occasion-form-checkbox input~label:after{width:8px;height:14px;border-width:0 2px 2px 0;border-style:solid;transform-origin:bottom left;transform:rotate(45deg);top:-3px;left:2px;display:none}.occasion-form-checkbox input:checked~label:after{display:block}.occasion-form-checkbox label{color:var(--Magic-v1-Red-1, #FBE9EB);font-family:Montserrat;font-size:var(--occasion-body-font-size__s);font-style:normal;font-weight:400;line-height:160%}@media screen and (max-width: 749px){.occasion-form-step-1 .occasion-form-button span{text-transform:capitalize;font-size:16px}.occasion-form-wrapper{padding:24px 24px 100px;margin:0 15px}.occasion-form-email-group{display:flex;flex-direction:column;width:100%;gap:30px;margin-top:16px}.occasion-form-step-1 .occasion-form-button{position:relative;right:0;width:100%;min-width:100%;margin-top:24px}.occasion-form-checkbox label{color:var(--Magic-v1-Red-1, #FBE9EB);font-family:Montserrat;font-size:var(--occasion-body-font-size);font-style:normal;font-weight:400;line-height:130%;max-width:calc(100% - 30px)}.occasion-form-checkbox input{margin:0}}.occasion-form{display:inline-flex;flex-direction:column;align-items:flex-start;gap:var(--occasion-step2-gap)}.occasion-form-input-group,.occasion-form-select-group{display:flex;flex-direction:column;gap:5px;width:100%}.occasion-form-input-group label,.occasion-form-select-group label{color:var(--magic-v-1-grayscale-0-ffffff, #FFF);font-family:Montserrat;font-size:var(--occasion-body-font-size__s);font-style:normal;font-weight:400;line-height:160%}.occasion-form-input-group input,.occasion-form-select-group select{border-radius:6px;border:1px solid var(--magic-v-1-grayscale-6-a-1-a-1-a-1, #A1A1A1);background:#fff;width:100%;color:var(--magic-v-1-grayscale-7757575-boulder, #757575);font-family:Montserrat;font-size:var(--occasion-body-font-size__xs);font-style:normal;font-weight:400;line-height:160%;padding-left:15px;min-height:var(--occasion-input-height);-webkit-appearance:none;appearance:none;outline:none;box-shadow:none;color:#000}.occasion-form-input-group input::placeholder{color:#6d6d6d}.occasion-form-input-group input:focus::placeholder{color:transparent}.occasion-form-input-group input:disabled{background-color:#a1a1a1;color:#fff;cursor:not-allowed}.occasion-form-input-submit{display:flex;width:calc(50% - 12px);height:var(--occasion-input-height);padding:12px;justify-content:center;align-items:center;flex-shrink:0;border-radius:40px;background:var(--OG-Lovepop-Old-Brick, #941924);color:var(--White, #FFF);font-family:Montserrat;font-size:var(--occasion-body-font-size);font-style:normal;font-weight:500;line-height:24px;letter-spacing:.5px;border:none;cursor:pointer;margin:10px 0 0;position:relative}.occasion-form-input-submit.button-loading{color:transparent;cursor:not-allowed}button.button-loading:after{content:"";position:absolute;width:30px;height:30px;top:0;left:0;right:0;bottom:0;margin:auto;border:4px solid transparent;border-top-color:#fff;border-radius:50%;animation:button-loading-spinner 1s ease infinite}button.button-loading span,button.button-loading svg{visibility:hidden;display:none}@media screen and (max-width: 749px){.occasion-form-input-submit{width:100%}}.occasion-form-step-3{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:var(--occasion-step-3-height)}.occasion-form-step-3-icon{width:70px;height:70px;margin-bottom:16px}.occasion-form-step-3-icon svg{width:100%;height:100%}.occasion-form-step-3 span{color:var(--magic-v-1-grayscale-0-ffffff, #FFF);font-family:Montserrat;font-size:var(--occasion-body-font-size__m);font-style:normal;font-weight:400;line-height:160%}@media screen and (max-width: 749px){.occasion-form-step-3 svg{width:87.5px;height:75px}}occasion-form .input-group{position:relative}occasion-form .input-date{position:relative}occasion-form .error:after{content:attr(data-error);display:block;color:var(--Magic-v1-Red-2, #F5C6CB);margin-top:3px;font-size:var(--occasion-body-font-size__label);flex:1 100%;font-style:italic;font-weight:700}.occasion-form-success-message{font-size:var(--occasion-body-font-size__m);color:#fff;margin:0}.occasion-form-success-message svg{width:20px;height:20px}@media screen and (max-width: 749px){.occasion-form-email-group input{font-size:16px}occasion-form{margin-top:30px}.occasion-form-input-submit{margin-top:16px;margin-bottom:0}.occasion-form-wrapper{padding-top:30px;padding-bottom:30px}.occasion-form-step-3{min-height:0}}.occasion-form-error{font-size:var(--occasion-body-font-size__m);color:#fff}.occasion-form-error svg{width:16px;height:16px;display:inline-block;vertical-align:middle}.occasion-confirm-text{color:#fff;max-width:100%;width:700px}.occasion-form-step-3 .occasion-form-header{text-align:center}.occasion-form-step-3 .occasion-form-input-submit{margin-left:auto;margin-right:auto;width:100%}.occasion-form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--occasion-form-row-gap);width:100%}@media screen and (max-width: 1023px){.occasion-form-input-submit{width:100%}.occasion-form-row{grid-template-columns:1fr}}.datepicker-view,.datepicker-dropdown,.datepicker{max-width:var(--datepicker-width)!important;width:auto!important}occasion-form .datepicker-view,custom-modal-diaglog .datepicker-view{padding:0 20px}occasion-form .datepicker,custom-modal-diaglog .datepicker-view{font-family:var(--font-heading-family);left:0!important}.datepicker-controls{align-items:center}.datepicker-header .datepicker-controls .button.button.next-btn,.datepicker-header .datepicker-controls .button.button.prev-btn{font-size:0;position:relative;max-width:var(--datepicker-cell-width);width:var(--datepicker-cell-width);height:var(--datepicker-cell-height);border-radius:100%;align-items:center;justify-content:center;min-height:0}.datepicker-header .datepicker-controls .button.next-btn:after,.datepicker-header .datepicker-controls .button.prev-btn:after{content:""!important;background:none;outline:none;box-shadow:none;border-radius:0;width:8px;min-width:8px;height:8px;border:solid 2px rgba(0,0,0,.54);transform:rotate(45deg);display:block!important;position:static}.datepicker-header .datepicker-controls .button.next-btn:after{border-left:0;border-bottom:0}.datepicker-header .datepicker-controls .button.prev-btn:after{border-right:0;border-top:0}.date-group{position:relative}.date-group svg{position:absolute;right:16px;top:50%;transform:translateY(-50%);pointer-events:none}.date-group .input-group.error svg{top:25px}.occasion-form-select-group svg{position:absolute;top:25px;right:15px;z-index:1;transform:translateY(-50%)}.datepicker-dropdown{width:100%}.datepicker-dropdown .button:after,.datepicker-dropdown .button:before{display:none}.datepicker-dropdown .button{min-width:unset;padding:15px}.datepicker-cell.next,.datepicker-cell.prev{opacity:0;pointer-events:none}.datepicker .button.view-switch{color:var(--datepicker-color);font-size:var(--datepicker-heading-font-size);line-height:var(--datepicker-line-height)}occasion-form .datepicker .dow,custom-modal-dialog .datepicker .dow{font-size:var(--datepicker-cell-font-size);font-weight:var(--datepicker-font-weight);height:var(--datepicker-cell-height);max-width:var(--datepicker-cell-width)}occasion-form .datepicker-cell.selected,occasion-form .datepicker-cell.selected:hover,custom-modal-dialog .datepicker-cell.selected,custom-modal-dialog .datepicker-cell.selected:hover{background-color:var(--datepicker-background);border-radius:var(--datepicker-border-radius);outline:none;box-shadow:none}occasion-form .datepicker-cell,custom-modal-dialog .datepicker-cell{height:var(--datepicker-cell-height);max-width:var(--datepicker-cell-width);font-size:var(--datepicker-cell-font-size);line-height:var(--datepicker-cell-line-height);font-weight:var(--datepicker-font-weight)}occasion-form .datepicker-cell.focused:not(.selected),occasion-form .datepicker-cell.highlighted:not(.selected):not(.range):not(.today).focused,custom-modal-dialog .datepicker-cell.focused:not(.selected),custom-modal-dialog .datepicker-cell.highlighted:not(.selected):not(.range):not(.today).focused{border-radius:var(--datepicker-border-radius);background:none;outline:none;box-shadow:none;border:var(--datepicker-border)}.datepicker-header{padding:var(--datepicker-header-padding)}occasion-form .datepicker span,custom-modal-dialog .datepicker span{border-radius:var(--datepicker-border-radius)}occasion-form .days-of-week,occasion-form .datepicker-grid,custom-modal-dialog .days-of-week,custom-modal-dialog .datepicker-grid{justify-content:center}occasion-form .datepicker-picker,custom-modal-dialog .datepicker-picker{border-radius:var(--datepicker-wrapper-border-radius)}
/*# sourceMappingURL=/cdn/shop/t/832/assets/occasion-form.css.map */