/*!**************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./client/Registration/src/stylesheets/loader.css ***! \**************************************************************************************************/ .loader { font-size: 30px; width: 1em; height: 1em; border-radius: 50%; text-indent: -9999em; animation: mulShdSpin 1.1s infinite ease; transform: translateZ(0); } @keyframes mulShdSpin { 0%, 100% { box-shadow: 0em -2.6em 0em 0em #66c9c5, 1.8em -1.8em 0 0em #d5e7e7, 2.5em 0em 0 0em #d5e7e7, 1.75em 1.75em 0 0em #d5e7e7, 0em 2.5em 0 0em #d5e7e7, -1.8em 1.8em 0 0em #d5e7e7, -2.6em 0em 0 0em #7ec9c6, -1.8em -1.8em 0 0em #74ccc9; } 12.5% { box-shadow: 0em -2.6em 0em 0em #74ccc9, 1.8em -1.8em 0 0em #66c9c5, 2.5em 0em 0 0em #d5e7e7, 1.75em 1.75em 0 0em #d5e7e7, 0em 2.5em 0 0em #d5e7e7, -1.8em 1.8em 0 0em #d5e7e7, -2.6em 0em 0 0em #d5e7e7, -1.8em -1.8em 0 0em #7ec9c6; } 25% { box-shadow: 0em -2.6em 0em 0em #7ec9c6, 1.8em -1.8em 0 0em #74ccc9, 2.5em 0em 0 0em #66c9c5, 1.75em 1.75em 0 0em #d5e7e7, 0em 2.5em 0 0em #d5e7e7, -1.8em 1.8em 0 0em #d5e7e7, -2.6em 0em 0 0em #d5e7e7, -1.8em -1.8em 0 0em #d5e7e7; } 37.5% { box-shadow: 0em -2.6em 0em 0em #d5e7e7, 1.8em -1.8em 0 0em #7ec9c6, 2.5em 0em 0 0em #74ccc9, 1.75em 1.75em 0 0em #66c9c5, 0em 2.5em 0 0em #d5e7e7, -1.8em 1.8em 0 0em #d5e7e7, -2.6em 0em 0 0em #d5e7e7, -1.8em -1.8em 0 0em #d5e7e7; } 50% { box-shadow: 0em -2.6em 0em 0em #d5e7e7, 1.8em -1.8em 0 0em #d5e7e7, 2.5em 0em 0 0em #7ec9c6, 1.75em 1.75em 0 0em #74ccc9, 0em 2.5em 0 0em #66c9c5, -1.8em 1.8em 0 0em #d5e7e7, -2.6em 0em 0 0em #d5e7e7, -1.8em -1.8em 0 0em #d5e7e7; } 62.5% { box-shadow: 0em -2.6em 0em 0em #d5e7e7, 1.8em -1.8em 0 0em #d5e7e7, 2.5em 0em 0 0em #d5e7e7, 1.75em 1.75em 0 0em #7ec9c6, 0em 2.5em 0 0em #74ccc9, -1.8em 1.8em 0 0em #66c9c5, -2.6em 0em 0 0em #d5e7e7, -1.8em -1.8em 0 0em #d5e7e7; } 75% { box-shadow: 0em -2.6em 0em 0em #d5e7e7, 1.8em -1.8em 0 0em #d5e7e7, 2.5em 0em 0 0em #d5e7e7, 1.75em 1.75em 0 0em #d5e7e7, 0em 2.5em 0 0em #7ec9c6, -1.8em 1.8em 0 0em #74ccc9, -2.6em 0em 0 0em #66c9c5, -1.8em -1.8em 0 0em #d5e7e7; } 87.5% { box-shadow: 0em -2.6em 0em 0em #d5e7e7, 1.8em -1.8em 0 0em #d5e7e7, 2.5em 0em 0 0em #d5e7e7, 1.75em 1.75em 0 0em #d5e7e7, 0em 2.5em 0 0em #d5e7e7, -1.8em 1.8em 0 0em #7ec9c6, -2.6em 0em 0 0em #74ccc9, -1.8em -1.8em 0 0em #66c9c5; } } /*!*************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./client/Registration/src/stylesheets/style.css ***! \*************************************************************************************************/ :root { --vc-darkblue: #043D5D; --vc-darkblue-lighter: #054f7a; --vc-lightblue: #66c9c6; --vc-lightblue-darker: #42bdb9; --vc-lightblue-lighter: #d9f2f1; --vc-lightblue-lightest: #DBE6F4; } /*remove thick border between thead-tbody-tfoot (bug in bootstrap 5)*/ .table > :not(:first-child) {border-top:0} /*remove arrow for input box*/ /* Chrome, Safari, Edge, Opera */ input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } /*remove max-width for popover (bug in bootstrap 5)*/ .popover {max-width:max-content} /* Firefox */ input[type=number] { -moz-appearance: textfield; } /* remove padding, list-style ul(bug in bootstrap) */ ul{ padding: 0%; list-style: none; margin-bottom: 0; } /* remove the underlined a(bug in bootstrap) */ a{text-decoration: none; color:var(--bs-secondary)} a:hover {text-decoration: underline;text-underline-offset:3px} .vc-active-item, .vc-hover-item:hover{ background-color: var(--vc-lightblue); } .img-hover:hover { transform: scale(1.05)} .border-when-hover:hover { border-radius: var(--bs-border-radius); border:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) } @font-face { font-family: 'UTM Avo Bold'; src: url("/dist-dev/media/UTM%20AvoBold.4325c2f9.ttf") format('truetype'), url("/dist-dev/media/UTM%20AvoBold.4325c2f9.ttf") format('embedded-opentype'), url("/dist-dev/media/UTM%20AvoBold.4325c2f9.ttf") format('woff'); font-weight:normal; font-style:normal; } .PhoneInputInput { border: none; outline: none; } /*!***************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./client/Registration/src/stylesheets/vc-lightblue-button.css ***! \***************************************************************************************************************/ .vc-lightblue-button { display:flex; justify-content: center; align-items: center; appearance: none; background-color: var(--vc-lightblue); border-radius: 6px; box-shadow: rgba(27, 31, 35, 0.04) 0 1px 0, rgba(255, 255, 255, 0.25) 0 1px 0 inset; border:none; box-sizing: border-box; color: white; cursor: pointer; font-weight: 500; padding: 6px 16px; transition: background-color 0.2s cubic-bezier(0.3, 0, 0.5, 1); user-select: none; -webkit-user-select: none; touch-action: manipulation; vertical-align: middle; white-space: nowrap; word-wrap: break-word; text-transform:uppercase; font-size:medium; } .vc-lightblue-button:hover { background-color: var(--vc-lightblue-darker); color:white } .vc-lightblue-button:disabled { background-color: var(--vc-lightblue-darker); color: white; cursor: default; } /* vc upgrade button */ .vc-primary-button { display:flex; justify-content: center; align-items: center; appearance: none; background: linear-gradient(90deg, #FF5757 0%, #8C52FF 100%); border-radius: 6px; box-shadow: rgba(27, 31, 35, 0.04) 0 1px 0, rgba(255, 255, 255, 0.25) 0 1px 0 inset; border:none; box-sizing: border-box; color: white; cursor: pointer; font-weight: 500; padding: 6px 16px; transition: background-color 0.2s cubic-bezier(0.3, 0, 0.5, 1); user-select: none; -webkit-user-select: none; touch-action: manipulation; vertical-align: middle; white-space: nowrap; word-wrap: break-word; text-transform:uppercase; font-size:medium; } .vc-primary-button:hover { background: #ffffff; color: #FF66C4; transition: opacity 0.2s; .bi-arrow-right { transition: 1s; animation: arrow-rotate .8s ease-out; } } .vc-primary-button > .arrow-viceph { display: flex; justify-content: center; align-items: center; background: #fff; overflow: hidden; transition: all 200 ease; color: #2b2e32; border: 1px solid #FF66C4; border-radius: 100%; height: 28px; opacity: 0.9; width: 28px; } .vc-primary-button:disabled { background-color: var(--vc-lightblue-darker); color: white; cursor: default; } /* vc ads button */ .vc-secondary-button { display:flex; justify-content: center; align-items: center; appearance: none; border-radius: 6px; box-shadow: rgba(27, 31, 35, 0.04) 0 1px 0, rgba(255, 255, 255, 0.25) 0 1px 0 inset; border:none; box-sizing: border-box; color: white; cursor: pointer; font-weight: 500; padding: 6px 16px; transition: background-color 0.2s cubic-bezier(0.3, 0, 0.5, 1); user-select: none; -webkit-user-select: none; touch-action: manipulation; vertical-align: middle; white-space: nowrap; word-wrap: break-word; text-transform:uppercase; font-size:medium; background: #ffffff; color: #FF66C4; } .vc-secondary-button:hover { background: linear-gradient(90deg, #FF5757 0%, #8C52FF 100%); color: #ffffff; transition: opacity 0.2s; .bi-arrow-right { transition: 1s; /* margin-left: 55px; */ animation: arrow-rotate .8s ease-out; } } .vc-secondary-button > .arrow-viceph { display: flex; justify-content: center; align-items: center; background: #fff; overflow: hidden; transition: all 200 ease; color: #2b2e32; border: 1px solid #FF66C4; border-radius: 100%; height: 32px; opacity: 0.9; width: 32px; } .vc-secondary-button:disabled { background-color: var(--vc-lightblue-darker); color: white; cursor: default; } @keyframes arrow-rotate { 0% { transform: translateX(0); } 50% { transform: translateX(25px); } 100% { transform: translateX(0); } } /*!***************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/react-phone-number-input/style.css ***! \***************************************************************************************************/ /* CSS variables. */ :root { --PhoneInput-color--focus: #03b2cb; --PhoneInputInternationalIconPhone-opacity: 0.8; --PhoneInputInternationalIconGlobe-opacity: 0.65; --PhoneInputCountrySelect-marginRight: 0.35em; --PhoneInputCountrySelectArrow-width: 0.3em; --PhoneInputCountrySelectArrow-marginLeft: var(--PhoneInputCountrySelect-marginRight); --PhoneInputCountrySelectArrow-borderWidth: 1px; --PhoneInputCountrySelectArrow-opacity: 0.45; --PhoneInputCountrySelectArrow-color: currentColor; --PhoneInputCountrySelectArrow-color--focus: var(--PhoneInput-color--focus); --PhoneInputCountrySelectArrow-transform: rotate(45deg); --PhoneInputCountryFlag-aspectRatio: 1.5; --PhoneInputCountryFlag-height: 1em; --PhoneInputCountryFlag-borderWidth: 1px; --PhoneInputCountryFlag-borderColor: rgba(0,0,0,0.5); --PhoneInputCountryFlag-borderColor--focus: var(--PhoneInput-color--focus); --PhoneInputCountryFlag-backgroundColor--loading: rgba(0,0,0,0.1); } .PhoneInput { /* This is done to stretch the contents of this component. */ display: flex; align-items: center; } .PhoneInputInput { /* The phone number input stretches to fill all empty space */ flex: 1; /* The phone number input should shrink to make room for the extension input */ min-width: 0; } .PhoneInputCountryIcon { width: calc(var(--PhoneInputCountryFlag-height) * var(--PhoneInputCountryFlag-aspectRatio)); height: var(--PhoneInputCountryFlag-height); } .PhoneInputCountryIcon--square { width: var(--PhoneInputCountryFlag-height); } .PhoneInputCountryIcon--border { /* Removed `background-color` because when an `` was still loading it would show a dark gray rectangle. */ /* For some reason the `` is not stretched to 100% width and height and sometime there can be seen white pixels of the background at top and bottom. */ background-color: var(--PhoneInputCountryFlag-backgroundColor--loading); /* Border is added via `box-shadow` because `border` interferes with `width`/`height`. */ /* For some reason the `` is not stretched to 100% width and height and sometime there can be seen white pixels of the background at top and bottom, so an additional "inset" border is added. */ box-shadow: 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor), inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor); } .PhoneInputCountryIconImg { /* Fixes weird vertical space above the flag icon. */ /* https://gitlab.com/catamphetamine/react-phone-number-input/-/issues/7#note_348586559 */ display: block; /* 3rd party flag icons won't stretch if they have `width` and `height`. Also, if an icon's aspect ratio was different, it wouldn't fit too. */ width: 100%; height: 100%; } .PhoneInputInternationalIconPhone { opacity: var(--PhoneInputInternationalIconPhone-opacity); } .PhoneInputInternationalIconGlobe { opacity: var(--PhoneInputInternationalIconGlobe-opacity); } /* Styling native country `