@citizenplane/pimp 8.14.1 → 8.15.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/pimp.es.js +2284 -2145
- package/dist/pimp.umd.js +3 -3
- package/dist/style.css +1 -1
- package/package.json +1 -1
- package/src/components/atomic-elements/CpAirlineLogo.vue +41 -0
- package/src/components/atomic-elements/CpPartnerBadge.vue +97 -0
- package/src/components/icons/IconAirline.vue +7 -0
- package/src/components/icons/IconOta.vue +20 -0
- package/src/components/icons/IconSupplier.vue +10 -0
- package/src/components/icons/IconThirdParty.vue +25 -0
- package/src/components/index.js +12 -0
- package/src/stories/CpAirlineLogo.stories.ts +93 -0
- package/src/stories/CpPartnerBadge.stories.ts +161 -0
- package/src/utils/constants/index.js +2 -0
- package/src/utils/constants/src/PartnerTypes.js +6 -0
- package/src/utils/constants/src/Sizes.js +5 -0
package/dist/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.u-text-ellipsis,.cpBadge__label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.cpBadge{display:inline-flex;align-items:center;padding-block:.25rem;font-size:.875em;font-weight:500;border-radius:62.5rem;border:1px solid #d8d8de;background-color:#fff}.cpBadge--isNeutral:not(.cpBadge--isSolid){background-color:#3e3e5b24;border-color:transparent;color:#3e3e5b}.cpBadge--isNeutral:not(.cpBadge--isSolid) .cpBadge__clear:hover,.cpBadge--isNeutral:not(.cpBadge--isSolid) .cpBadge__clear:focus-visible{background-color:#3e3e5b}.cpBadge--isNeutral.cpBadge--isSolid{color:#fff;background-color:#3e3e5b;border-color:transparent}.cpBadge--isNeutral.cpBadge--isSolid .cpBadge__clear:hover,.cpBadge--isNeutral.cpBadge--isSolid .cpBadge__clear:focus-visible{color:#3e3e5b;background-color:#fff}.cpBadge--isBlue:not(.cpBadge--isSolid){background-color:#144dc224;border-color:transparent;color:#144dc2}.cpBadge--isBlue:not(.cpBadge--isSolid) .cpBadge__clear:hover,.cpBadge--isBlue:not(.cpBadge--isSolid) .cpBadge__clear:focus-visible{background-color:#144dc2}.cpBadge--isBlue.cpBadge--isSolid{color:#fff;background-color:#144dc2;border-color:transparent}.cpBadge--isBlue.cpBadge--isSolid .cpBadge__clear:hover,.cpBadge--isBlue.cpBadge--isSolid .cpBadge__clear:focus-visible{color:#144dc2;background-color:#fff}.cpBadge--isGreen:not(.cpBadge--isSolid){background-color:#00c58224;border-color:transparent;color:#00c582}.cpBadge--isGreen:not(.cpBadge--isSolid) .cpBadge__clear:hover,.cpBadge--isGreen:not(.cpBadge--isSolid) .cpBadge__clear:focus-visible{background-color:#00c582}.cpBadge--isGreen.cpBadge--isSolid{color:#fff;background-color:#00c582;border-color:transparent}.cpBadge--isGreen.cpBadge--isSolid .cpBadge__clear:hover,.cpBadge--isGreen.cpBadge--isSolid .cpBadge__clear:focus-visible{color:#00c582;background-color:#fff}.cpBadge--isRed:not(.cpBadge--isSolid){background-color:#eb050524;border-color:transparent;color:#eb0505}.cpBadge--isRed:not(.cpBadge--isSolid) .cpBadge__clear:hover,.cpBadge--isRed:not(.cpBadge--isSolid) .cpBadge__clear:focus-visible{background-color:#eb0505}.cpBadge--isRed.cpBadge--isSolid{color:#fff;background-color:#eb0505;border-color:transparent}.cpBadge--isRed.cpBadge--isSolid .cpBadge__clear:hover,.cpBadge--isRed.cpBadge--isSolid .cpBadge__clear:focus-visible{color:#eb0505;background-color:#fff}.cpBadge--isOrange:not(.cpBadge--isSolid){background-color:#ffa80024;border-color:transparent;color:#ffa800}.cpBadge--isOrange:not(.cpBadge--isSolid) .cpBadge__clear:hover,.cpBadge--isOrange:not(.cpBadge--isSolid) .cpBadge__clear:focus-visible{background-color:#ffa800}.cpBadge--isOrange.cpBadge--isSolid{color:#fff;background-color:#ffa800;border-color:transparent}.cpBadge--isOrange.cpBadge--isSolid .cpBadge__clear:hover,.cpBadge--isOrange.cpBadge--isSolid .cpBadge__clear:focus-visible{color:#ffa800;background-color:#fff}.cpBadge--isPurple:not(.cpBadge--isSolid){background-color:#5341f924;border-color:transparent;color:#5341f9}.cpBadge--isPurple:not(.cpBadge--isSolid) .cpBadge__clear:hover,.cpBadge--isPurple:not(.cpBadge--isSolid) .cpBadge__clear:focus-visible{background-color:#5341f9}.cpBadge--isPurple.cpBadge--isSolid{color:#fff;background-color:#5341f9;border-color:transparent}.cpBadge--isPurple.cpBadge--isSolid .cpBadge__clear:hover,.cpBadge--isPurple.cpBadge--isSolid .cpBadge__clear:focus-visible{color:#5341f9;background-color:#fff}.cpBadge--isTeal:not(.cpBadge--isSolid){background-color:#56c1fe24;border-color:transparent;color:#56c1fe}.cpBadge--isTeal:not(.cpBadge--isSolid) .cpBadge__clear:hover,.cpBadge--isTeal:not(.cpBadge--isSolid) .cpBadge__clear:focus-visible{background-color:#56c1fe}.cpBadge--isTeal.cpBadge--isSolid{color:#fff;background-color:#56c1fe;border-color:transparent}.cpBadge--isTeal.cpBadge--isSolid .cpBadge__clear:hover,.cpBadge--isTeal.cpBadge--isSolid .cpBadge__clear:focus-visible{color:#56c1fe;background-color:#fff}.cpBadge--isPink:not(.cpBadge--isSolid){background-color:#ff7dc124;border-color:transparent;color:#ff7dc1}.cpBadge--isPink:not(.cpBadge--isSolid) .cpBadge__clear:hover,.cpBadge--isPink:not(.cpBadge--isSolid) .cpBadge__clear:focus-visible{background-color:#ff7dc1}.cpBadge--isPink.cpBadge--isSolid{color:#fff;background-color:#ff7dc1;border-color:transparent}.cpBadge--isPink.cpBadge--isSolid .cpBadge__clear:hover,.cpBadge--isPink.cpBadge--isSolid .cpBadge__clear:focus-visible{color:#ff7dc1;background-color:#fff}.cpBadge--isYellow:not(.cpBadge--isSolid){background-color:#ffd00b24;border-color:transparent;color:#ffd00b}.cpBadge--isYellow:not(.cpBadge--isSolid) .cpBadge__clear:hover,.cpBadge--isYellow:not(.cpBadge--isSolid) .cpBadge__clear:focus-visible{background-color:#ffd00b}.cpBadge--isYellow.cpBadge--isSolid{color:#fff;background-color:#ffd00b;border-color:transparent}.cpBadge--isYellow.cpBadge--isSolid .cpBadge__clear:hover,.cpBadge--isYellow.cpBadge--isSolid .cpBadge__clear:focus-visible{color:#ffd00b;background-color:#fff}.cpBadge--isYellow.cpBadge--isSolid{color:#a48400}.cpBadge--isYellow.cpBadge--isSolid:before{background-color:#a48400}.cpBadge:not(.cpBadge--isPlain):not(.cpBadge--hasIcon):before{content:"";width:.375rem;height:.375rem;margin-right:.375rem;border-radius:100%;flex-shrink:0;background-color:currentColor}.cpBadge:not(.cpBadge--isClearable){padding-inline:.5rem}.cpBadge--isClearable{padding-left:.5rem;padding-right:.25rem}.cpBadge__label{flex:1;min-width:0}.cpBadge__icon{color:currentColor;width:1rem;height:1rem}.cpBadge__icon:not(.cpBadge__icon--isClear){margin-right:.25rem}.cpBadge__icon--isClear svg{stroke-width:.125rem}.cpBadge__icon>*{width:100%;height:100%}.cpBadge__clear{display:flex;align-items:center;justify-content:center;margin-left:.375rem;padding:.0625rem;border-radius:100%;color:inherit}.cpBadge__clear:hover,.cpBadge__clear:focus-visible{color:#fff;background-color:#3e3e5b}.cpBadge__clear:focus{outline:none!important}body:has(.cpDialog){overflow:hidden}.cpDialog{position:fixed;width:100%;max-width:100%;height:100%;max-height:100%;top:0;right:0;bottom:0;left:0;z-index:3;transition-duration:.3s}@media screen and (min-width: 551px){.cpDialog{padding:10vh 2rem}}.cpDialog__dialog{position:relative;display:flex;width:100%;height:100%;align-items:flex-start;justify-content:center;padding:0;border:none;background:none}.cpDialog__overlay{position:fixed;z-index:-1;width:100%;height:100%;background:#3e3e5bdb;top:0;right:0;bottom:0;left:0;pointer-events:none;transition:opacity .25s ease}.cpDialog.dialog-leave-to .cpDialog__overlay,.cpDialog.dialog-enter-from .cpDialog__overlay{opacity:0}.cpDialog__container{position:relative;display:flex;overflow:hidden;width:100%;max-height:100%;flex-direction:column;justify-content:space-between;border-radius:.75rem;background-color:#fff;box-shadow:0 2px 8px #00000054;-webkit-overflow-scrolling:touch;transition:transform .3s ease,opacity .25s ease}@media screen and (max-width: 550px){.cpDialog__container{max-width:100%;height:100%;border-radius:0}}.cpDialog.dialog-enter-from .cpDialog__container,.cpDialog.dialog-leave-to .cpDialog__container{opacity:0;transform:scale3d(.85,.85,1) translate3d(0,1.875rem,0)}.cpDialog__header,.cpDialog__content,.cpDialog__footer{width:100%}.cpDialog__header,.cpDialog__footer{display:flex;align-items:center;justify-content:space-between}.cpDialog__header{position:relative;border-bottom:1px solid #d8d8de}.cpDialog__close{position:absolute;top:1.5rem;right:1.5rem;display:inline-flex;align-items:center;justify-content:center;padding:.25rem;border-radius:.5rem;color:#8b8b9d;transition:.2s ease-in-out;transform:translate(.25rem,-.25rem);transition-property:color,background-color}.cpDialog__close:hover{color:#3e3e5b}.cpDialog__close:focus-visible{outline:.1875em solid rgb(187.9158878505,207.6261682243,248.0841121495)}.cpDialog__content{overflow:auto;min-height:0;flex:1}.cpDialog__footer:not(:empty){border-top:1px solid #d8d8de;padding:1rem 1.5rem}.cpDialog__footer--noBorder{border-top:none}@media screen and (max-width: 550px){.cpDialog__close{top:1rem;right:1rem}}@media (max-width: 650px){.cpDialog__footer{padding:1rem}}.cpTooltip.v-popper--theme-tooltip .v-popper__inner{padding:.5rem .75rem;border-radius:.5rem;background-color:#5341f9;font-size:.75rem;line-height:1rem}.cpTooltip.v-popper--theme-tooltip .v-popper__arrow-outer{border-color:#5341f9}.cpHeading{color:#3e3e5b}.cpHeading:first-letter{text-transform:capitalize}.cpHeading--100{font-size:.6875rem;font-weight:400;line-height:1rem;letter-spacing:.0375em;color:#8b8b9d}.cpHeading--200{font-size:.75rem;font-weight:600;line-height:1rem;color:#8b8b9d}.cpHeading--300{font-size:.75rem;font-weight:600;line-height:1rem}.cpHeading--400{font-size:.875rem;font-weight:500;line-height:1.125rem}.cpHeading--500{font-size:1rem;font-weight:500;line-height:1.25rem}.cpHeading--600{font-size:1.125rem;font-weight:500;line-height:1.4375rem;letter-spacing:.025em}.cpHeading--700{font-size:1.25rem;font-weight:500;line-height:1.5625rem;letter-spacing:.025em}.cpHeading--800{font-size:1.8125rem;font-weight:500;line-height:2rem;letter-spacing:.025em}.cpHeading--900{font-size:2.1875rem;font-weight:500;line-height:2.5rem;letter-spacing:.025em}.cpButton{border:.0625rem solid;border-radius:62.5rem;background-color:transparent;padding:.75em 1em;min-width:10ch;height:2.75em;font-size:inherit;line-height:1.1;text-decoration:none;color:#3e3e5b;font-weight:500;transition-property:box-shadow,background-color,transform,width;transition-duration:.15s;transition-timing-function:ease-in-out;cursor:pointer}.cpButton,.cpButton:visited{color:#3e3e5b}.cpButton,.cpButton__body{display:inline-flex;justify-content:center;align-items:center}@media screen and (-ms-high-contrast: active){.cpButton{border:.125em solid currentcolor}}.cpButton:hover{transform:translateY(-.0625rem)}.cpButton:active{transform:translateY(.0625rem)}.cpButton--isDefault{background-color:#fff;border-color:#d8d8de}.cpButton--isDefault:hover{background-color:#fbfbfc;box-shadow:0 .0625rem .125rem #3e3e5b14,0 .1875rem .375rem #3e3e5b14}.cpButton--isDefault:active{background-color:#f4f4f8}.cpButton--isDefault:focus{border-color:transparent}.cpButton--isDefault,.cpButton--isPrimary{filter:drop-shadow(0 .0625rem .125rem rgba(62,62,91,.08))}.cpButton--isDefault:focus,.cpButton--isDisabled:focus{outline:.1875em solid rgb(212,207.5,253.5)}.cpButton--isDefault.cpButton--isBlue,.cpButton--isDefault.cpButton--isBlue:visited{color:#144dc2}.cpButton--isDefault.cpButton--isPurple,.cpButton--isDefault.cpButton--isPurple:visited{color:#5341f9}.cpButton--isDefault.cpButton--isGreen,.cpButton--isDefault.cpButton--isGreen:visited{color:#00c582}.cpButton--isDefault.cpButton--isOrange,.cpButton--isDefault.cpButton--isOrange:visited{color:#ffa800}.cpButton--isDefault.cpButton--isRed,.cpButton--isDefault.cpButton--isRed:visited{color:#eb0505}.cpButton--isPrimary,.cpButton--isPrimary:visited{color:#fff}.cpButton--isPrimary:hover{box-shadow:0 .25rem .375rem #32325d1c,0 .0625rem .1875rem #3e3e5b14}.cpButton--isPrimary:active{box-shadow:inset 0 0 0 .0625em #435a6f24,inset 0 .0625em .0625em #435a6f0f}.cpButton--isMinimal{border-color:transparent}.cpButton--isPrimary.cpButton--isBlue{background-color:#144dc2;border-color:#144dc2}.cpButton--isPrimary.cpButton--isBlue:hover{background-color:#1654d5;border-color:#1654d5}.cpButton--isPrimary.cpButton--isBlue:active{background-color:#1244ab;border-color:#1244ab}.cpButton--isMinimal.cpButton--isBlue,.cpButton--isMinimal.cpButton--isBlue:visited{color:#144dc2}.cpButton--isMinimal.cpButton--isBlue:hover{background:#e4ecfc}.cpButton--isMinimal.cpButton--isBlue:active{background:#c9d9f9;color:#1245af}.cpButton--isPrimary.cpButton--isBlue:focus,.cpButton--isMinimal.cpButton--isBlue:focus{box-shadow:0 0 0 .1875em #aec6f7}.cpButton--isPrimary.cpButton--isPurple{background-color:#5341f9;border-color:#5341f9}.cpButton--isPrimary.cpButton--isPurple:hover{background-color:#5f4ef9;border-color:#5f4ef9}.cpButton--isPrimary.cpButton--isPurple:active{background-color:#321cf8;border-color:#321cf8}.cpButton--isMinimal.cpButton--isPurple,.cpButton--isMinimal.cpButton--isPurple:visited{color:#5341f9}.cpButton--isMinimal.cpButton--isPurple:hover{background:#eeecfe}.cpButton--isMinimal.cpButton--isPurple:active{background:#ddd9fe;color:#3723f8}.cpButton--isPrimary.cpButton--isPurple:focus,.cpButton--isMinimal.cpButton--isPurple:focus{box-shadow:0 0 0 .1875em #cbc6fd}.cpButton--isPrimary.cpButton--isGreen{background-color:#00c582;border-color:#00c582}.cpButton--isPrimary.cpButton--isGreen:hover{background-color:#00db90;border-color:#00db90}.cpButton--isPrimary.cpButton--isGreen:active{background-color:#00ad72;border-color:#00ad72}.cpButton--isMinimal.cpButton--isGreen,.cpButton--isMinimal.cpButton--isGreen:visited{color:#00c582}.cpButton--isMinimal.cpButton--isGreen:hover{background:#e0fff4}.cpButton--isMinimal.cpButton--isGreen:active{background:#c0ffea;color:#00b175}.cpButton--isPrimary.cpButton--isGreen:focus,.cpButton--isMinimal.cpButton--isGreen:focus{box-shadow:0 0 0 .1875em #a1ffdf}.cpButton--isPrimary.cpButton--isOrange{background-color:#ffa800;border-color:#ffa800}.cpButton--isPrimary.cpButton--isOrange:hover{background-color:#ffae12;border-color:#ffae12}.cpButton--isPrimary.cpButton--isOrange:active{background-color:#e09400;border-color:#e09400}.cpButton--isMinimal.cpButton--isOrange,.cpButton--isMinimal.cpButton--isOrange:visited{color:#ffa800}.cpButton--isMinimal.cpButton--isOrange:hover{background:#fff6e6}.cpButton--isMinimal.cpButton--isOrange:active{background:#fec;color:#e69700}.cpButton--isPrimary.cpButton--isOrange:focus,.cpButton--isMinimal.cpButton--isOrange:focus{box-shadow:0 0 0 .1875em #ffe5b3}.cpButton--isPrimary.cpButton--isRed{background-color:#eb0505;border-color:#eb0505}.cpButton--isPrimary.cpButton--isRed:hover{background-color:#fa0909;border-color:#fa0909}.cpButton--isPrimary.cpButton--isRed:active{background-color:#cf0404;border-color:#cf0404}.cpButton--isMinimal.cpButton--isRed,.cpButton--isMinimal.cpButton--isRed:visited{color:#eb0505}.cpButton--isMinimal.cpButton--isRed:hover{background:#fee5e5}.cpButton--isMinimal.cpButton--isRed:active{background:#fecaca;color:#d40505}.cpButton--isPrimary.cpButton--isRed:focus,.cpButton--isMinimal.cpButton--isRed:focus{box-shadow:0 0 0 .1875em #fdb0b0}.cpButton--isDisabled{box-shadow:none!important;border-color:#f8faff!important;background-color:#f8faff!important;color:#b2b2bd!important;cursor:not-allowed!important;-webkit-user-select:none;user-select:none}.cpButton--isDisabled:hover,.cpButton--isDisabled:active{transform:none}.cpButton--isIcon{min-width:2.75em;padding:.625em}.cpButton__body{position:relative;text-align:center;transition:all .15s ease-in-out}.cpButton__icon,.cpButton__loader{display:flex;align-items:center;justify-content:center}.cpButton__icon>svg,.cpButton__icon>i,.cpButton__icon>img,.cpButton__loader>svg,.cpButton__loader>i,.cpButton__loader>img{width:100%;height:100%}.cpButton__icon{width:1em;height:1em;flex-shrink:0}.cpButton__icon--isBefore:not(:only-child){margin-right:.5em}.cpButton__icon--isAfter:not(:only-child){margin-left:.5em}.cpButton--isLoading .cpButton__body{padding-left:2em}.cpButton__loader{position:absolute;left:0;top:50%;transform:translateY(-50%);width:1.5em;height:1.5em}.cpButton--isSquare{border-radius:.625rem}.cpButton--isLarge{height:3.375em;text-transform:uppercase}.u-text-ellipsis,.cpDate__month select{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.cpDate input,.cpDate select{background-color:transparent;color:#3e3e5b}.cpDate input::-webkit-outer-spin-button,.cpDate input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.cpDate input[type=number]{-moz-appearance:textfield}.cpDate select{appearance:none;-webkit-appearance:none;-moz-appearance:none;outline:none;border:none}.cpDate input::placeholder,.cpDate__month--isEmpty{color:#3e3e5b}.cpDate__label{display:flex;align-items:center;line-height:1.5rem;margin-bottom:.5rem;font-size:.875em}.cpDate__label>span{margin-left:.125rem}.cpDate__label i{margin-left:.25rem;width:1rem;height:1rem;color:#eb0505}.cpDate__inputs{display:flex;height:2.75em;border:.0625rem solid #d8d8de;border-radius:.625em;overflow:hidden;background-color:#fff;box-shadow:inset 0 .0625em .125em #3e3e5b1f}.cpDate__inputs:hover,.cpDate__inputs:focus-within{border-color:#5341f9;background-color:#fff}.cpDate__inputs:focus-within{box-shadow:#5341f91a 0 0 0 .25rem,#5341f9 0 0 0 .03125rem}.cpDate__divider{flex-shrink:0;width:.0625rem;height:100%;background-color:#d8d8de}.cpDate__month,.cpDate__day,.cpDate__year{min-width:0}.cpDate__month{position:relative;flex:1 1 50%}.cpDate__month:after{position:absolute;top:50%;right:.75em;width:1.25em;height:1.25em;background-image:url("data:image/svg+xml,%3csvg%20width='24'%20height='25'%20viewBox='0%200%2024%2025'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M6%209.68298L12%2015.683L18%209.68298'%20stroke='%233E3E5B'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e");background-size:cover;transform:translateY(-50%);content:"";pointer-events:none}.cpDate__month select{width:100%;padding:.75em 2.5em .75em .75em;color:inherit;cursor:pointer}.cpDate__month select:focus-visible{text-decoration:underline;font-weight:500}.cpDate__month select>option:not(:disabled){color:#3e3e5b}.cpDate__day,.cpDate__year{flex:0 0 25%;padding:.75rem}.cpDate--isInvalid .cpDate__inputs,.cpDate--isInvalid .cpDate__inputs:hover,.cpDate--isInvalid .cpDate__inputs:focus-within{border-color:#eb0505}.cpDate--isInvalid .cpDate__inputs:focus-within{box-shadow:0 0 0 .1875em #fd9595}.cpDate--isInvalid .cpDate__divider{background-color:#eb0505}.cpDate--isDisabled .cpDate__inputs{border-color:#d8d8de;background:#f8faff}.cpDate--isDisabled .cpDate__inputs *{color:#b2b2bd!important;cursor:not-allowed!important}.cpDate--isDisabled .cpDate__month:after{opacity:.4}.cpDate__errorMessage{margin-top:.375rem;color:#eb0505;font-weight:500;font-size:.875em}.cpIcon{overflow:hidden;line-height:1}.cpIcon,.cpIcon__content{display:inline-block}.cpIcon__content{height:inherit;width:inherit;vertical-align:top}.asd__fade-enter-active,.asd__fade-leave-active{transition:.2s cubic-bezier(.175,.885,.32,1.175);transition-property:opacity,transform}.asd__fade-enter-from{transform:scale(.8)}.asd__fade-enter-to{transform:scale(1)}.asd__fade-leave-to{opacity:0}.asd__fade-leave-from{opacity:1}.asd__list-complete-enter-from,.asd__list-complete-leave-to{opacity:0;transform:translateY(30px)}.asd__list-complete-leave-active{position:absolute;visibility:hidden}.asd__wrapper{border-radius:10px;white-space:nowrap;text-align:center;background-color:#fff;overflow:hidden}.asd__wrapper:not(.asd__wrapper--isInline){box-shadow:0 9px 24px #3e3e5b33,0 4px 4px #3e3e5b1a}.asd__wrapper--isInline{position:relative!important}@media (min-width: 768px){.asd__wrapper:before{position:absolute;content:"";left:0;right:0;top:20px;bottom:0;margin:auto;width:1px;background:#d8d8de;z-index:-1}}.asd__wrapper--showOneMonth:before{content:none}.asd__wrapper--full-screen{position:fixed;top:0;right:0;bottom:0;left:0;border:none;z-index:100}.asd__inner-wrapper{transition:all .3s ease;position:relative}.asd__datepicker-header{position:relative}.asd__change-month-button{position:absolute;z-index:10;top:16px;border-radius:100%}.asd__change-month-button:focus-visible{outline:2px solid #144dc2;outline-offset:2px}.asd__change-month-button i{color:#3e3e5b}.asd__change-month-button svg{cursor:pointer;stroke-width:1.2px}@media (min-width: 768px){.asd__change-month-button{top:22px}}.asd__change-month-button--previous{left:16px}@media (min-width: 768px){.asd__change-month-button--previous{left:24px}}.asd__change-month-button--next{right:16px}@media (min-width: 768px){.asd__change-month-button--next{right:24px}}.asd__days-legend{position:absolute;font-size:12px;line-height:15px;-webkit-user-select:none;user-select:none}@media (min-width: 768px){.asd__days-legend{padding:0 24px;top:60px}}@media (max-width: 767px){.asd__days-legend{top:56px;padding:0 16px}}.asd__day-title{display:inline-block;width:14.2857142857%;text-align:center;color:#8b8b9d;font-size:14px;line-height:18px;margin-left:-1px}.asd__month-table{border-spacing:0 6px;width:100%;max-width:100%}.asd__wrapper:not(.asd__wrapper--isInline) .asd__month{padding-left:16px;padding-right:16px}@media (min-width: 768px){.asd__wrapper:not(.asd__wrapper--isInline) .asd__month{padding-left:24px;padding-right:24px}}.asd__month{transition:all .3s ease;display:inline-block;padding:16px 16px 8px}@media (min-width: 768px){.asd__month{padding:24px 24px 12px}}.asd__month--hidden{height:275px;visibility:hidden}.asd__month-name{font-size:16px;text-align:center;margin:0 0 36px;line-height:20px;color:#3e3e5b}@media (max-width: 768px){.asd__month-name{margin-top:2px}}.asd__month-name>span{padding-right:3px}.asd__selected-date-one{background:#f7f7f7;border-top-left-radius:50%;border-bottom-left-radius:50%}.asd__selected-date-one.asd__day--end-month:before{content:"";width:65px;height:35px;background:linear-gradient(90deg,#f7f7f7 50%,#f1f1f100 95%);position:absolute;z-index:-1;border-top-left-radius:50%;border-bottom-left-radius:50%}.asd__selected-date-one.asd__day--end-week:not(.asd__day--selected){border-top-right-radius:10px;border-bottom-right-radius:10px}.asd__selected-date-two{background:#f7f7f7;border-top-right-radius:50%;border-bottom-right-radius:50%}.asd__selected-date-two.asd__day--start-month:before{content:"";width:65px;height:35px;background:linear-gradient(90deg,#f7f7f7 50%,#f1f1f100 95%);position:absolute;z-index:-1;transform:rotate(180deg);right:20px;width:20px}.asd__selected-date-two.asd__day--start-week{border-top-left-radius:5px;border-bottom-left-radius:5px}.asd__day{outline:none;padding:0;position:relative}.asd__day--in-range,.asd__day--hovered{background:#f7f7f7}.asd__day--hovered .asd__day--end-week{border-top-right-radius:5px;border-bottom-right-radius:5px}.asd__day--hovered .asd__day--start-week{border-top-left-radius:5px;border-bottom-left-radius:5px}.asd__day--in-range.asd__day--end-week{border-top-right-radius:5px;border-bottom-right-radius:5px}.asd__day--in-range.asd__day--start-week{border-top-left-radius:5px;border-bottom-left-radius:5px}.asd__day--hovered.asd__day--start-month:before,.asd__day--in-range.asd__day--start-month:not(.asd__selected-date-one):not(.asd__selected-date-two):before{content:"";width:65px;height:35px;background:linear-gradient(90deg,#f7f7f7 50%,#f1f1f100 95%);position:absolute;z-index:-1;width:30px;transform:rotate(180deg);right:20px}.asd__day--hovered.asd__day--end-month:before,.asd__day--in-range.asd__day--end-month:not(.asd__selected-date-one):not(.asd__selected-date-two):before{content:"";width:65px;height:35px;background:linear-gradient(90deg,#f7f7f7 50%,#f1f1f100 95%);position:absolute;z-index:-1}.asd__day--enabled:not(.asd__day--disabled):not(.asd__day--selected):not(.asd__selected-date-one):not(.asd__selected-date-two):not(.asd__day--in-range):hover button{z-index:2;background:#fff;border:2px solid #f7f7f7;border-radius:50%}.asd__day--enabled.asd__day--date-two-not-selected:hover{background:#f7f7f7;border-top-right-radius:50%;border-bottom-right-radius:50%}.asd__day--enabled.asd__day--date-two-not-selected:hover.asd__day--start-month:before{content:"";width:65px;height:35px;background:linear-gradient(90deg,#f7f7f7 50%,#f1f1f100 95%);position:absolute;z-index:-1;width:30px;transform:rotate(180deg);right:20px}.asd__day--enabled.asd__day--in-range:hover{background:#f1f1f3}.asd__day--selected button{border-radius:50%;background:#5341f9}.asd__day--selected.asd__selected-date-one:before{content:"";width:65px;height:35px;background:linear-gradient(90deg,#f7f7f7 50%,#f1f1f100 95%);position:absolute;z-index:-1;border-top-left-radius:50%;border-bottom-left-radius:50%}.asd__day--selected.asd__selected-date-two:before{content:"";width:65px;height:35px;background:linear-gradient(90deg,#f7f7f7 50%,#f1f1f100 95%);position:absolute;z-index:-1;border-top-right-radius:50%;border-bottom-right-radius:50%;width:30px;transform:rotate(180deg);right:20px}.asd__day--selected button span{color:#fff!important}.asd__day--disabled .asd__day-number,.asd__day--empty .asd__day-number{color:#c6c6ce!important}.asd__day--disabled *{cursor:not-allowed!important}.asd__day--today .asd__day-button .asd__day-number{color:#5341f9;font-weight:600}.asd__day--recurency:not(.asd__selected-date-one):not(.asd__selected-date-two){background:#f7f7f7}.asd__day--recurency button{background:#56c1fe!important;border-radius:50%;border:2px solid #f7f7f7}.asd__day--recurency button .asd__day-number{color:#fff}.asd__day--selected-recurrent button{z-index:2;background:#fff;border:2px solid #f7f7f7;border-radius:50%}.asd__day--selected-recurrent button:before{top:7px;left:5px}.asd__day--selected-recurrent span{color:#3e3e5b}.asd__day-button{outline:none;position:relative;background:transparent;width:35px;height:35px;border:none;-webkit-user-select:none;user-select:none;font-size:14px}.asd__day-button .asd__day-number{z-index:3;position:relative;color:#3e3e5b}.asd__mobile-header{border-bottom:#d8d8de;position:relative;padding:15px!important;text-align:center;height:50px}.asd__mobile-header h3{font-size:20px;margin:0}.asd__mobile-only{display:none}@media (max-width: 768px){.asd__mobile-only{display:block}}.asd__mobile-close{border:none;position:absolute;top:7px;right:5px;padding:5px;z-index:100;cursor:pointer}.asd__mobile-close__icon{position:relative;font-size:1.6em;font-weight:700;padding:0}.baseInputLabel{display:block;font-size:.875em;line-height:1.5rem;margin-bottom:.5rem;color:#3e3e5b}.baseInputLabel:first-letter{text-transform:capitalize}.baseInputLabel--isInvalid{color:#eb0505}.cpInput{position:relative;display:flex;flex-direction:column}.cpInput:has(.cpInput__help,.cpInput__error) .cpInput__container{margin-bottom:.5rem}.cpInput__container{z-index:1;position:relative;display:flex}.cpInput__container *{cursor:text}.cpInput__clear{display:flex;padding:.1875em;color:#fff;border-radius:50%;background-color:#8b8b9d}.cpInput__clear:focus-visible{outline:.1875em solid rgb(220.6,217,253.8)}.cpInput__clearIcon{width:.75em;height:.75em;pointer-events:none}.cpInput__inner{box-shadow:inset 0 .0625em .125em #0000001f;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:.0625rem solid #d8d8de;border-radius:.625em;outline:none;width:100%;height:2.75em;color:inherit;padding:.75em;font-size:1em}.cpInput__inner:hover{border-color:#5341f9}.cpInput__inner:focus{box-shadow:0 0 0 .1875em #ddd9fe;border-color:#5341f9;background-color:#fff}.cpInput__inner::placeholder{color:#8b8b9d}.cpInput--isInvalid .cpInput__inner,.cpInput--isInvalid .cpInput__inner:hover,.cpInput--isInvalid .cpInput__inner:focus,.cpInput--isInvalid .cpInput__icon:hover~.cpInput__inner{border:.0625rem solid #eb0505}.cpInput--isInvalid .cpInput__inner:focus{box-shadow:0 0 0 .1875em #fd9595}.cpInput--isDisabled{color:#b2b2bd!important}.cpInput--isDisabled .cpInput__container *{cursor:not-allowed}.cpInput--isDisabled .cpInput__inner{background:#f8faff}.cpInput--isDisabled .cpInput__inner,.cpInput--isDisabled .cpInput__inner:hover{border-color:#d8d8de!important}.cpInput--isDisabled .cpInput__icon svg{stroke:#b2b2bd!important}.cpInput--hasNoBorder .cpInput__inner,.cpInput--hasNoBorder .cpInput__inner:hover,.cpInput--hasNoBorder .cpInput__inner:focus,.cpInput--hasNoBorder .cpInput__icon:hover~.cpInput__inner{border-color:transparent;box-shadow:none}.cpInput__tooltip{display:flex;padding:.25rem;align-items:center;justify-content:center;border-radius:50%;color:#c6c6ce;outline-offset:-.1875em}.cpInput__tooltip:hover,.cpInput__tooltip:focus{color:#5341f9}.cpInput__tooltip:focus-visible{outline:.125em solid #5341f9}.cpInput__tooltipIcon{width:1rem;height:1rem}.cpInput__help,.cpInput__error{font-size:.875em;line-height:1.5rem}.cpInput__help{color:#8b8b9d}.cpInput__error{color:#eb0505;font-weight:500}.cpInput__error:first-letter{text-transform:capitalize}.cpInput__icon{left:.75em;z-index:1;position:absolute;top:50%;transform:translateY(-50%);width:1.25em;height:1.25em;overflow:hidden}.cpInput__icon:hover~.cpInput__inner{border-color:#5341f9}.cpInput__icon svg{width:100%;height:100%;stroke-width:1.6}.cpInput__icon--isInvalidity svg{stroke:#eb0505}.cpInput__icon--isAfter,.cpInput__icon--isInvalidity{left:auto;right:.75em;justify-content:flex-end}.cpInput__icon--isAfter{transition:50ms right .25s cubic-bezier(.17,.84,.44,1)}.cpInput__icon--isAfter~input{padding-right:3.75em}.cpInput__icon--isBefore~input{padding-left:2.5em}.cpInput__icon--isInvalidity~input{padding-right:2.5em}.cpInput__icon--hasAfterAndInvalidityIcon~input{padding-right:4.25em}.cpInput__icon--isInvalidity~.cpInput__icon--isAfter{right:2.5em;transition:right .25s cubic-bezier(.17,.84,.44,1)}.cpInput--isLarge .cpInput__inner{height:3.375em;padding:1em}.cpInput--isLarge .cpInput__icon{left:1em;width:1.5em;height:1.5em}.cpInput--isLarge .cpInput__icon--isInvalidity,.cpInput--isLarge .cpInput__icon--isAfter{left:auto;right:1em}.cpInput--isLarge .cpInput__icon--isAfter~input{padding-right:4.75em}.cpInput--isLarge .cpInput__icon--isBefore~input{padding-left:3.25em}.cpInput--isLarge .cpInput__icon--isInvalidity~input{padding-right:3.25em}.cpInput--isLarge .cpInput__icon--hasAfterAndInvalidityIcon~input{padding-right:5.5em}.cpInput--isLarge .cpInput__icon--isInvalidity~.cpInput__icon--isAfter~.cpInput__icon--isAfter{right:3em}.cpInput--isSearch .cpInput__icon--isAfter{display:flex;align-items:center;justify-content:center;overflow:visible}.cpInput--isSearch .cpInput__inner{padding-right:2.5em}.cpDatepicker .asd__fade-enter-from{transform:translate(-50%) scale(.8)}.cpDatepicker .asd__fade-enter-to{transform:translate(-50%) scale(1)}.cpDatepicker__input input:disabled{background-color:#fff}.cpDatepicker__datepicker{position:absolute;left:50%;transform:translate(-50%)}.cpDatepicker__datepicker:not(.cpDatepicker__datepicker--isInline){margin-top:10px}@media (min-width: 350px){.cpDatepicker{position:relative}}@media (max-width: 767px) and (min-width: 350px){.cpDatepicker__datepicker{left:0;right:0;transform:initial}.cpDatepicker__datepicker:not(.cpDatepicker__datepicker--isInline){margin-top:16px}.cpDatepicker .asd__fade-enter-from{transform:scale(.8)}.cpDatepicker .asd__fade-enter-to{transform:scale(1)}}.fade-enter-active,.fade-leave-active{transition:opacity .1s}.fade-enter-from,.fade-leave-to{opacity:0}.cpCalendar .asd__fade-enter-from{transform:translate(-50%) scale(.8)}.cpCalendar .asd__fade-enter-to{transform:translate(-50%) scale(1)}.cpCalendar__datepicker{position:absolute;left:50%;transform:translate(-50%)}.cpCalendar__datepicker:not(.cpCalendar__datepicker--isInline){margin-top:10px}@media (min-width: 350px){.cpCalendar{position:relative}}@media (max-width: 767px) and (min-width: 350px){.cpCalendar__datepicker{left:0;right:0;transform:initial}.cpCalendar__datepicker:not(.cpCalendar__datepicker--isInline){margin-top:16px}.cpCalendar .asd__fade-enter-from{transform:scale(.8)}.cpCalendar .asd__fade-enter-to{transform:scale(1)}}.cpCalendar__input input:disabled{background-color:#fff}.cpCalendar .footer-container{background:#fff;border-top:1px solid #ececef}.cpCalendar .footer-container .asd__recurency--action{padding:16px;display:flex;align-items:center;justify-content:space-between}.cpCalendar .footer-container .asd__recurency--action button{font-size:16px;color:#3e3e5b}.cpCalendar .footer-container .asd__button-done{border:#b5b5b5}.cpCalendar .footer-container .asd__button-done:not([disabled]){background-color:#5341f9;color:#fff!important;border:#5341f9}.cpCalendar .footer-container .asd__recurency--ul{margin:-1px 0 0;display:flex;-webkit-padding-start:0;height:inherit;cursor:pointer}@media (min-width: 768px){.cpCalendar .footer-container .asd__recurency--ul{height:64px}}@media (max-width: 768px){.cpCalendar .footer-container .asd__recurency--ul{display:flex;flex-wrap:wrap}}.cpCalendar .footer-container .asd__recurency--li{display:flex;flex-direction:column;flex:1;justify-content:center;align-items:center;border-top:1px solid #ececef;font-size:16px;color:#3e3e5b;height:64px;transition:background .2s linear}@media (max-width: 768px){.cpCalendar .footer-container .asd__recurency--li{flex:1 0 50%}}.cpCalendar .footer-container .asd__recurency--li .checkbox{width:16px;height:16px}.cpCalendar .footer-container .asd__recurency--li .checkbox--border{height:100%;width:100%;border:1px solid #ececef}.cpCalendar .footer-container .asd__recurency--li .feather-check{height:100%;width:100%;color:#56c1fe}.cpCalendar .footer-container .asd__recurency--li span{font-size:14px;line-height:20px;padding-top:3px;-webkit-user-select:none;user-select:none}.cpCalendar .footer-container .asd__recurency--li--selected{color:#56c1fe}.cpCalendar .footer-container .asd__recurency--summary{padding-left:16px;padding-right:16px}.cpCalendar .footer-container .asd__recurency--text{background:#3e3e5b;border-radius:10px;display:flex;justify-content:center;align-items:center;color:#d8d8ff}.cpCalendar .footer-container .asd__recurency--text svg{transform:scale(.7)}.cpCalendar .footer-container .asd__recurency--text span{white-space:normal;padding:10px 10px 10px 2px;font-size:14px}.cpCalendar .footer-container .asd__recurency--text span strong{color:#fff}.cpAlert{position:relative;display:flex;align-items:flex-start;padding:.625rem;font-size:.875em;border-radius:.25rem;overflow:hidden}.cpAlert:before{content:"";position:absolute;left:0;top:0;height:100%;width:.1875rem}.cpAlert__body{flex:1;margin-left:.5rem;padding-right:2.125rem}.cpAlert__iconWrapper{display:flex;padding-block:.125rem}.cpAlert__icon{flex-shrink:0;color:inherit}.cpAlert__icon i{display:inline-block;vertical-align:sub;width:1rem;height:1rem}.cpAlert__icon,.cpAlert__content,.cpAlert__title{line-height:1.1875rem}.cpAlert__title{color:inherit;font-weight:600}.cpAlert__title:not(:only-child){margin-bottom:.25rem}.cpAlert__button{display:flex;position:absolute;right:.4375rem;top:.4375rem;border-radius:.25rem;padding:.25rem;color:inherit}.cpAlert__button svg{margin:0;width:1.125rem;height:1.125rem}.cpAlert__button:hover{background-color:inherit}.cpAlert--info{background-color:#144dc21a;color:#144dc2}.cpAlert--info:before{background-color:#144dc2}.cpAlert--info button:focus-visible{outline:.125rem solid #144dc2}.cpAlert--success{background-color:#00c5821a;color:#00c582}.cpAlert--success:before{background-color:#00c582}.cpAlert--success button:focus-visible{outline:.125rem solid #00c582}.cpAlert--warning{background-color:#ffa8001a;color:#ffa800}.cpAlert--warning:before{background-color:#ffa800}.cpAlert--warning button:focus-visible{outline:.125rem solid #ffa800}.cpAlert--critical{background-color:#eb05051a;color:#eb0505}.cpAlert--critical:before{background-color:#eb0505}.cpAlert--critical button:focus-visible{outline:.125rem solid #eb0505}.cpToaster{position:relative;box-shadow:#435a6f4d 0 0 1px,#435a6f78 0 8px 10px -4px;background:#fff;padding:.75rem;overflow:hidden;width:max-content;max-width:100%;margin:auto;pointer-events:auto;font-size:.875rem}@media (min-width: 769px){.cpToaster{border-radius:.5rem}}@media (max-width: 768px){.cpToaster{min-width:100%}}.cpToaster:before{content:"";position:absolute;top:0;left:0;width:.1875rem;height:100%}.cpToaster__container{position:fixed;z-index:9999;top:0;left:0;right:0;margin:auto;padding:1rem;max-width:25rem;pointer-events:none}.cpToaster__container>*:not(:last-child){margin-bottom:.5rem}@media (max-width: 768px){.cpToaster__container{max-width:100%}}.cpToaster__content{display:flex;align-items:flex-start}.cpToaster__body{flex:1;margin-left:.5rem;padding-right:2rem}.cpToaster__icon{flex-shrink:0;height:1rem;width:1rem}.cpToaster__content,.cpToaster__title{line-height:1rem}.cpToaster__title{font-weight:600}.cpToaster__title:not(:only-child){margin-bottom:.25rem}.cpToaster__description{font-size:.875rem}.cpToaster__close{position:absolute;right:.5rem;top:.5rem;display:flex;border-radius:.25rem;padding:.25rem;color:#8b8b9d}.cpToaster__close svg{margin:0;width:1.125rem;height:1.125rem}.cpToaster__close:hover{background-color:#8b8b9d1a}.cpToaster__footer{display:flex;justify-content:flex-end;margin-top:1rem}.cpToaster__button{font-size:.75rem;color:#144dc2}.cpToaster__button:not(:hover){text-decoration:underline}.cpToaster--info .cpToaster__icon{color:#144dc2}.cpToaster--info:before{background-color:#144dc2}.cpToaster--warning .cpToaster__icon{color:#ffa800}.cpToaster--warning:before{background-color:#ffa800}.cpToaster--success .cpToaster__icon{color:#00c582}.cpToaster--success:before{background-color:#00c582}.cpToaster--critical .cpToaster__icon{color:#eb0505}.cpToaster--critical:before{background-color:#eb0505}[data-v-126b4013]{will-change:height;transform:translateZ(0);backface-visibility:hidden;perspective:1000px}.expand-enter-active,.expand-leave-active{transition-property:opacity,height;transition-duration:.2s;transition-timing-function:ease-out;overflow:hidden}.expand-enter-from,.expand-leave-to{height:0;opacity:0}.cpTextarea__input{box-shadow:inset 0 .0625em .125em #0000001f;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:.0625rem solid #d8d8de;border-radius:.625em;outline:none;padding:1em;width:100%;max-width:100%;height:100%;font-size:1em;color:#3e3e5b}.cpTextarea__input:hover{border-color:#5341f9}.cpTextarea__input:focus{box-shadow:0 0 0 .1875em #ddd9fe;border-color:#5341f9;background-color:#fff}.cpTextarea__input:disabled{background:#f8faff;cursor:not-allowed;color:#8b8b9d}.cpTextarea__input::placeholder{color:#3e3e5b99}.cpTextarea__input--isInvalid{box-shadow:0 0 0 .03125rem #eb0505;border:.0625rem solid #eb0505}.cpTextarea__input--isInvalid:hover,.cpTextarea__input--isInvalid:focus{border:.0625rem solid #eb0505}.cpTextarea__input--isInvalid:focus{box-shadow:0 0 0 .1875em #fd9595}.cpTextarea__label{display:block;line-height:1.5rem}.cpTextarea__label:not(.cpTextarea__label--isAfter){margin-bottom:.5rem}.cpTextarea__label--isAfter{margin-top:.375em}.u-text-ellipsis,.cpSelect__inner{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.cpSelect__container{position:relative}.cpSelect__container:after{content:"";position:absolute;right:.75em;top:50%;transform:translateY(-50%);width:1.25em;height:1.25em;background-image:url("data:image/svg+xml,%3csvg%20width='24'%20height='25'%20viewBox='0%200%2024%2025'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M6%209.68298L12%2015.683L18%209.68298'%20stroke='%233E3E5B'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e");background-size:cover;pointer-events:none}.cpSelect__inner{box-shadow:inset 0 .0625em .125em #0000001f;outline:none;appearance:none;-webkit-appearance:none;-moz-appearance:none;border:.0625rem solid #d8d8de;border-radius:.625em;background-color:#fff;width:100%;height:2.75em;color:#3e3e5b;cursor:pointer;padding:.75em 2.5em .75em .75em;font-size:1em}.cpSelect__inner:hover,.cpSelect__inner:focus{border-color:#5341f9;background-color:#fff}.cpSelect__inner:focus{box-shadow:#5341f91a 0 0 0 .25rem,#5341f9 0 0 0 .03125rem}.cpSelect__label{display:block;line-height:1.5rem}.cpSelect__label:not(.cpSelect__label--isAfter){margin-bottom:.5rem}.cpSelect__label--isAfter{margin-top:.375em}.cpSelect--isDisabled .cpSelect__inner{border-color:#d8d8de!important;background:#f8faff}.cpSelect--isDisabled .cpSelect__inner,.cpSelect--isDisabled .cpSelect__container:after{cursor:not-allowed;color:#b2b2bd}.cpSelect--isDisabled .cpSelect__container:after{opacity:.4}.cpSelect--isInvalid .cpSelect__inner,.cpSelect--isInvalid .cpSelect__inner:hover,.cpSelect--isInvalid .cpSelect__inner:focus{border-color:#eb0505}.cpSelect--isInvalid .cpSelect__inner:focus{box-shadow:0 0 0 .1875em #fd9595}.cpSelect--isLarge .cpSelect__container:after{right:1em;width:1.5em;height:1.5em}.cpSelect--isLarge .cpSelect__inner{padding:1em 3em 1em 1em;height:3.375em}.u-text-ellipsis,.cpSelectMenu__label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.cpSelectMenu{position:relative;font-size:1em}.cpSelectMenu__button{box-shadow:inset 0 .0625em .125em #0000001f;border:.0625rem solid #d8d8de;border-radius:.625em;background:#fff;padding:.75em;width:100%;height:2.75em;display:flex;align-items:center;justify-content:space-between;font-size:inherit;font-weight:400;text-transform:capitalize}.cpSelectMenu__button:hover,.cpSelectMenu__button:active,.cpSelectMenu__button:focus{border-color:#144dc2}.cpSelectMenu__button:focus{outline:none!important;box-shadow:0 0 0 .1875em #c9d9f9}.cpSelectMenu__icon{margin-left:.75em;width:1.25em;height:1.25em;flex-shrink:0;transition:transform .2s ease-out}.cpSelectMenu__icon--isOpened{transform:rotateX(180deg)}.cpSelectMenu__dropdown{z-index:3;position:absolute;top:calc(100% + 4px);left:0;border:.0625rem solid #d8d8de;border-radius:.625em;background:#fff;width:max(100%,15.625rem);font-size:inherit}.cpSelectMenu .dropdown svg{width:1.125em;height:1.125em}.cpSelectMenu .dropdown__title{padding:.75em .5em;display:flex;align-items:center;justify-content:space-between;white-space:normal;font-weight:600;color:#3e3e5b}.cpSelectMenu .dropdown__filterBar{border-top:.0625rem solid #d8d8de;border-bottom:.0625rem solid #d8d8de;background-color:#ececef99;padding:.5em;display:flex;align-items:center}.cpSelectMenu .dropdown__filterBar>input{background-color:transparent;flex:1;color:#3e3e5b}.cpSelectMenu .dropdown__filterBar>input::placeholder{color:#8b8b9d}.cpSelectMenu .dropdown__filterBar i{margin-right:.5em;color:#3e3e5b;flex-shrink:0}.cpSelectMenu .dropdown__list{display:flex;flex-direction:column;min-height:15.625rem}.cpSelectMenu .dropdown__items{margin:.25em 0;padding:0;max-height:15.625rem;overflow-y:auto}.cpSelectMenu .dropdown__items li{list-style:none}.cpSelectMenu .dropdown__item{position:relative;padding:.5em 1em .5em 2.25em;width:100%;display:flex;text-align:initial;cursor:pointer;text-transform:capitalize}.cpSelectMenu .dropdown__item:hover{background-color:#ececef80}.cpSelectMenu .dropdown__item input{display:none}.cpSelectMenu .dropdown__icon{position:absolute;left:.5em;top:50%;transform:translateY(-50%);color:#144dc2}.cpSelectMenu .dropdown__emptyState{padding:1em .5em;flex:1;display:flex;align-items:center;justify-content:center;color:#8b8b9d}.cpCheckbox{position:relative;display:flex;align-items:flex-start;cursor:pointer}.cpCheckbox--isBlue input:checked{background-color:#144dc2;border-color:#144dc2}.cpCheckbox--isBlue:hover input{background-color:#f2f6fe}.cpCheckbox--isBlue:hover input:checked{background-color:#0f3b94}.cpCheckbox--isBlue input:focus-visible{position:relative;z-index:1;outline:.125rem solid #144dc2;outline-offset:.125rem}.cpCheckbox--isPurple input:checked{background-color:#5341f9;border-color:#5341f9}.cpCheckbox--isPurple:hover input{background-color:#f6f6ff}.cpCheckbox--isPurple:hover input:checked{background-color:#2610f7}.cpCheckbox--isPurple input:focus-visible{position:relative;z-index:1;outline:.125rem solid #5341f9;outline-offset:.125rem}.cpCheckbox:not(.cpCheckbox--isEmpty){gap:.75rem}.cpCheckbox__wrapper{display:flex;align-items:center;justify-content:center;padding:.25rem;flex-shrink:0}.cpCheckbox input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:.0625rem solid #d8d8de;border-radius:.25rem;width:1rem;height:1rem;flex-shrink:0;cursor:pointer;transition:background-color .1s ease-out,transform .1s linear;background-color:#fff}.cpCheckbox input+i{position:absolute;z-index:2;width:.75rem;height:.75rem;color:#fff;opacity:0;transition:opacity .2s linear .1s}.cpCheckbox input+i svg{stroke-width:3}.cpCheckbox input:checked+i{visibility:visible;opacity:1}.cpCheckbox input:disabled{background-color:#f8faff;cursor:not-allowed}.cpCheckbox input:disabled~span{color:#8b8b9d}.cpCheckbox input:checked:disabled{border-color:#c6c6ce;background-color:#c6c6ce}.cpCheckbox input:checked:disabled~span{color:#c6c6ce}.cpCheckbox input:active:not(:disabled){transform:scale(.8)}.cpCheckbox--isDisabled{cursor:not-allowed}.cpCheckbox--isReversed{flex-direction:row-reverse}.cpCheckbox__content{flex:1}.cpCheckbox__label,.cpCheckbox__helper{display:block;line-height:1.5rem}.cpCheckbox__label{font-weight:500}.cpCheckbox__label--isCapitalized:first-letter{text-transform:capitalize}.cpCheckbox__helper{color:#8b8b9d}.cpRadio{position:relative;border:.0625rem solid #d8d8de;border-radius:.625rem;padding:1rem .75rem;display:grid;grid-template-columns:min-content 1fr;grid-gap:.75rem;align-items:center;width:100%}.cpRadio:not(.cpRadio--isDisabled),.cpRadio:not(.cpRadio--isDisabled) *{cursor:pointer}.cpRadio--isBlue.cpRadio--isActive{border-color:#144dc2}.cpRadio--isBlue input:checked{background-color:#144dc2;border-color:#144dc2}.cpRadio--isBlue input:checked~span .cpRadio__label,.cpRadio--isBlue input:checked~span .cpRadio__additionalData{color:#144dc2}.cpRadio--isBlue:hover,.cpRadio--isBlue:focus-within{border-color:#144dc2}.cpRadio--isBlue:focus-within{box-shadow:0 0 0 .25rem #144dc21a}.cpRadio--isPurple.cpRadio--isActive{border-color:#5341f9}.cpRadio--isPurple input:checked{background-color:#5341f9;border-color:#5341f9}.cpRadio--isPurple input:checked~span .cpRadio__label,.cpRadio--isPurple input:checked~span .cpRadio__additionalData{color:#5341f9}.cpRadio--isPurple:hover,.cpRadio--isPurple:focus-within{border-color:#5341f9}.cpRadio--isPurple:focus-within{box-shadow:0 0 0 .25rem #5341f91a}.cpRadio--isDisabled{background-color:#f8faff;color:#8b8b9d}.cpRadio--isDisabled,.cpRadio--isDisabled *{cursor:not-allowed}.cpRadio--isDisabled:hover,.cpRadio--isDisabled:focus{box-shadow:none;border-color:#d8d8de}.cpRadio--isActive.cpRadio--isDisabled,.cpRadio--isActive.cpRadio--isDisabled:hover{border-color:#d8d8de}.cpRadio:not(:last-of-type){margin-bottom:.75rem}.cpRadio input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:.0625rem solid #d8d8de;border-radius:100%;padding:25%;width:1.25em;height:1.25em;transition:transform .1s linear}.cpRadio input:before{content:"";display:flex;width:100%;height:100%;border-radius:100%;background-color:#fff;transition:transform .15s linear;transform:scale(0)}.cpRadio input:active:not(:disabled){transform:scale(.8)}.cpRadio input:checked:before{transform:scale(1)}.cpRadio input:checked:disabled{border-color:#8b8b9d;background-color:#8b8b9d}.cpRadio input:checked:disabled~span .cpRadio__label,.cpRadio input:checked:disabled~span .cpRadio__additionalData{color:#8b8b9d}.cpRadio__content{display:flex;align-items:center;line-height:1.3}.cpRadio__information{flex-grow:2;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;text-transform:capitalize;margin:0 -.5rem}.cpRadio__label,.cpRadio__description{margin:0 .5rem;flex-grow:1}.cpRadio__label,.cpRadio__additionalData{font-weight:500}.cpRadio__description,.cpRadio__additionalData{color:#8b8b9d}.cpRadio__label{white-space:nowrap}.cpRadio__additionalData{text-align:right;margin-left:1rem}.cpSwitch{align-items:center}.cpSwitch,.cpSwitch *{cursor:pointer}.cpSwitch--hasLabel{display:grid;grid-template-columns:min-content 1fr;grid-gap:.75rem;align-items:center}.cpSwitch--isDisabled,.cpSwitch--isDisabled *,.cpSwitch--isDisabled:hover,.cpSwitch--isDisabled:hover *{cursor:not-allowed}.cpSwitch--isDisabled .cpSwitch__switch,.cpSwitch--isDisabled:hover .cpSwitch__switch{background-color:#d8d8de}.cpSwitch--isReversed{grid-template-columns:1fr min-content}.cpSwitch--isReversed .cpSwitch__label{grid-row:1}.cpSwitch--isDisabled .cpSwitch__label{color:#8b8b9d}.cpSwitch--isDisabled .cpSwitch__switch,.cpSwitch--isDisabled:hover .cpSwitch__switch{background-color:#ececef}.cpSwitch--isActive .cpSwitch__icon{transform:translateY(-50%);opacity:1}.cpSwitch--isActive .cpSwitch__knobContainer{transform:translate(50%)}.cpSwitch--isPurple.cpSwitch--isActive .cpSwitch__switch{background-color:#5341f9}.cpSwitch--isPurple .cpSwitch__switch:focus-within{box-shadow:0 0 0 .1875em #cbc6fd}.cpSwitch--isPurple:hover:not(.cpSwitch--isDisabled) .cpSwitch__switch{background-color:#a9a0fc}.cpSwitch--isPurple.cpSwitch--isActive:hover .cpSwitch__switch{background-color:#2610f7}.cpSwitch--isPurple.cpSwitch--isActive.cpSwitch--isDisabled .cpSwitch__switch,.cpSwitch--isPurple.cpSwitch--isActive.cpSwitch--isDisabled:hover .cpSwitch__swtich{background-color:#c3bdfd}.cpSwitch--isBlue.cpSwitch--isActive .cpSwitch__switch{background-color:#144dc2}.cpSwitch--isBlue .cpSwitch__switch:focus-within{box-shadow:0 0 0 .1875em #aec6f7}.cpSwitch--isBlue:hover:not(.cpSwitch--isDisabled) .cpSwitch__switch{background-color:#79a0f1}.cpSwitch--isBlue.cpSwitch--isActive:hover .cpSwitch__switch{background-color:#0f3b94}.cpSwitch--isBlue.cpSwitch--isActive.cpSwitch--isDisabled .cpSwitch__switch,.cpSwitch--isBlue.cpSwitch--isActive.cpSwitch--isDisabled:hover .cpSwitch__swtich{background-color:#a1bdf5}.cpSwitch__switch{position:relative;border-radius:1000px;background-color:#8b8b9d;overflow:hidden;transition:background-color .1s ease-out;display:flex;height:1.5em;width:3em}.cpSwitch__switch:hover{background-color:#c6c6ce}.cpSwitch input{position:absolute;z-index:1;top:0;left:0;opacity:0;width:100%;height:100%}.cpSwitch__icon{position:absolute;left:0;top:50%;transform:translateY(-50%);opacity:0;padding-left:.25rem;display:flex;align-items:center;justify-content:center;transition:opacity .12s ease-in;width:1.5em;height:1.5em}.cpSwitch__icon i{width:80%;height:100%}.cpSwitch__icon svg{stroke-width:3;color:#fff}.cpSwitch__knobContainer{width:100%;padding:.125rem;display:flex;align-items:center;transition:transform .3s cubic-bezier(.08,.82,.17,1) 0s}.cpSwitch__knob{background-color:#fff;border-radius:100%;width:calc(1.5em - .25rem);height:calc(1.5em - .25rem)}.cpTableEmptyState{padding:10vh 1rem;display:flex;align-items:center;justify-content:center}.cpTableEmptyState__icon{margin-bottom:1.5rem;border-radius:.25rem;display:inline-block;background-color:#f8faff;padding:1rem;color:#8b8b9d}.cpTableEmptyState__headline{margin-bottom:.5rem;font-size:1.25em}.cpTableEmptyState__description{color:#8b8b9d}/*! modern-normalize v3.0.1 | MIT License | https://github.com/sindresorhus/modern-normalize */*,:before,:after{box-sizing:border-box}html{font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";line-height:1.15;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4}body{margin:0}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-color:currentcolor}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}.fade-in-enter-active,.fade-in-leave-active{transition:all .15s ease-in-out}.fade-in-enter-from,.fade-in-leave-to{opacity:0;transform:scale(.9)}@keyframes cp-select-menu-dropdown-enter{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes cp-select-menu-dropdown-leave{0%{opacity:1}to{opacity:0}}.u-text-ellipsis{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.u-asterisk{position:relative;top:-.1875rem;font-size:.75em;line-height:normal}.u-asterisk:after{content:" "}legend .u-asterisk,label .u-asterisk{color:#eb0505}html{box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;font-size:100%;color:#3e3e5b;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}*,*:before,*:after{box-sizing:inherit;margin:0;outline:none;font-family:inherit}body{background-color:transparent}button{border-style:none;padding:0;background-color:transparent}button:hover{cursor:pointer}dialog{color:inherit}ul,li{margin:0;padding:0;list-style:none}svg{color:currentColor}input{font-size:inherit;border:none}.resize-observer[data-v-b329ee4c]{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;border:none;background-color:transparent;pointer-events:none;display:block;overflow:hidden;opacity:0}.resize-observer[data-v-b329ee4c] object{display:block;position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;pointer-events:none;z-index:-1}.v-popper__popper{z-index:10000;top:0;left:0;outline:none}.v-popper__popper.v-popper__popper--hidden{visibility:hidden;opacity:0;transition:opacity .15s,visibility .15s;pointer-events:none}.v-popper__popper.v-popper__popper--shown{visibility:visible;opacity:1;transition:opacity .15s}.v-popper__popper.v-popper__popper--skip-transition,.v-popper__popper.v-popper__popper--skip-transition>.v-popper__wrapper{transition:none!important}.v-popper__backdrop{position:absolute;top:0;left:0;width:100%;height:100%;display:none}.v-popper__inner{position:relative;box-sizing:border-box;overflow-y:auto}.v-popper__inner>div{position:relative;z-index:1;max-width:inherit;max-height:inherit}.v-popper__arrow-container{position:absolute;width:10px;height:10px}.v-popper__popper--arrow-overflow .v-popper__arrow-container,.v-popper__popper--no-positioning .v-popper__arrow-container{display:none}.v-popper__arrow-inner,.v-popper__arrow-outer{border-style:solid;position:absolute;top:0;left:0;width:0;height:0}.v-popper__arrow-inner{visibility:hidden;border-width:7px}.v-popper__arrow-outer{border-width:6px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{left:-2px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{left:-1px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer{border-bottom-width:0;border-left-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner{top:-2px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-container{top:0}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{border-top-width:0;border-left-color:transparent!important;border-right-color:transparent!important;border-top-color:transparent!important}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{top:-4px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{top:-6px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{top:-2px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{top:-1px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{border-left-width:0;border-left-color:transparent!important;border-top-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{left:-4px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{left:-6px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-container{right:-10px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer{border-right-width:0;border-top-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner{left:-2px}.v-popper--theme-tooltip .v-popper__inner{background:#000c;color:#fff;border-radius:6px;padding:7px 12px 6px}.v-popper--theme-tooltip .v-popper__arrow-outer{border-color:#000c}.v-popper--theme-dropdown .v-popper__inner{background:#fff;color:#000;border-radius:6px;border:1px solid #ddd;box-shadow:0 6px 30px #0000001a}.v-popper--theme-dropdown .v-popper__arrow-inner{visibility:visible;border-color:#fff}.v-popper--theme-dropdown .v-popper__arrow-outer{border-color:#ddd}.cpTable{position:relative;display:flex;flex-direction:column}.cpTable__container{position:relative;display:flex;flex-direction:column;flex:1}.cpTable__container--hasPagination{border-bottom:.0625rem solid #d8d8de}.cpTable__container[role=region][aria-labelledby][tabindex]{overflow:auto}.cpTable__container[role=region][aria-labelledby][tabindex]:focus{border-radius:.625rem;box-shadow:0 0 0 .1875em #aec6f7}.cpTable__container[role=region][aria-labelledby][tabindex] .cpTable__table{margin:0;border:none}.cpTable__container[role=region][aria-labelledby][tabindex]{background:linear-gradient(to right,#fff 30%,#fff0),linear-gradient(to right,#fff0,#fff 70%) 0 100%,radial-gradient(farthest-side at 0% 50%,#3e3e5b33,#3e3e5b00),radial-gradient(farthest-side at 100% 50%,#3e3e5b33,#3e3e5b00) 0 100%;background-repeat:no-repeat;background-color:#fff;background-size:40px 100%,40px 100%,14px 100%,14px 100%;background-position:0 0,100%,0 0,100%;background-attachment:local,local,scroll,scroll}.cpTable__caption{position:sticky;left:0;margin-bottom:1rem;text-align:left;font-size:1.125em}.cpTable__caption:first-letter{text-transform:capitalize}.cpTable__table{border-collapse:collapse;width:100%}.cpTable__row--body:not(:last-of-type){border-bottom:.0625rem solid #d8d8de}.cpTable__row--body:not(.cpTable__row--isFullWidth):not(.cpTable__row--isSelected):hover,.cpTable__row--body:not(.cpTable__row--isFullWidth):not(.cpTable__row--isSelected):focus,.cpTable__row--body:not(.cpTable__row--isFullWidth):not(.cpTable__row--isSelected):focus-within{background-color:#3e3e5b0d;transition:background-color .1s ease-in-out}.cpTable__row--body:not(.cpTable__row--isFullWidth):not(.cpTable__row--isSelected):focus,.cpTable__row--body:not(.cpTable__row--isFullWidth):not(.cpTable__row--isSelected):focus-within{color:#5341f9}.cpTable__row--isFullWidth td{padding:.5rem;background-color:#3e3e5b08}.cpTable__row--isClickable{cursor:pointer}.cpTable__row--isSelected{background-color:#5341f91a;color:#5341f9}.cpTable__row--body td{font-size:.875em}.cpTable__column{position:sticky;top:0;z-index:3;background-color:#fff;padding:.5rem .75rem;text-align:left;white-space:nowrap;font-size:.75em;font-weight:400;color:#8b8b9d}.cpTable__column:first-letter{text-transform:capitalize}.cpTable__column:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:.0625rem;background-color:#d8d8de}.cpTable__body{vertical-align:middle}.cpTable__row--body,.cpTable__cell{vertical-align:inherit}.cpTable__cell:not(.cpTable__cell--isFullWidth):not(.cpTable__cell--isOptions){padding:1rem .75rem;white-space:nowrap}.cpTable__cell--isFullWidth span,.cpTable__cell--isOptions{position:sticky}.cpTable__cell--isFullWidth span{left:50%;transform:translate(-50%);display:inline-block}.cpTable__cell--isOptions{right:0;padding:0 .75rem}.cpTable__cell--isOptions button{border:.0625rem solid #d8d8de;border-radius:.5rem;background-color:#fff;display:inline-flex;padding:.25rem;color:#8b8b9d}.cpTable__cell--isOptions button:hover{background-color:#fbfbfc;color:#3e3e5b}.cpTable__cell--isOptions button:focus{outline:none!important;box-shadow:0 0 0 .1875em #c9d9f9}.cpTable__cell--isOptions i{width:1rem;height:1rem}@media (hover: hover) and (pointer: fine){.cpTable__cell--isOptions{opacity:0;transition:opacity .2s cubic-bezier(.175,.885,.32,1.175)}.cpTable__row:focus .cpTable__cell--isOptions,.cpTable__row:focus-within .cpTable__cell--isOptions,.cpTable__row:hover .cpTable__cell--isOptions{opacity:1}}.cpTable__emptyState{flex:1}.cpTable--isLoading .cpTable__overlay{opacity:.5;pointer-events:all}.cpTable__overlay{position:absolute;overflow:hidden;left:0;right:0;top:0;bottom:0;border-radius:.625rem;background-color:#fff;z-index:4;opacity:0;transition:.15s opacity ease-in-out;cursor:wait;pointer-events:none}.cpTable__overlay:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background-image:linear-gradient(90deg,#c6c6ce00 0,#c6c6ce33 20%,#c6c6ce80 60%,#c6c6ce00);animation:shimmer 2s infinite}@keyframes shimmer{to{transform:translate(100%)}}.cpTable__loader{width:2rem;height:2rem}.cpTable__loader--isSmall{display:inline-block;vertical-align:middle;width:1.5rem;height:1.5rem}.cpTable__footer{padding:1rem .75rem 0;display:flex;align-items:center;font-size:.875em}.cpTable .footer__details,.cpTable .footer__pagination{flex:1}.cpTable .footer__results{font-variant-numeric:tabular-nums;color:#8b8b9d}.cpTable .footer__results strong{color:#3e3e5b}.cpTable .footer__pagination{text-align:right}.cpTable .footer__pagination button{box-shadow:0 .0625rem .125rem #3e3e5b14;border-radius:.625rem;border:.0625rem solid #d8d8de;padding:.375rem .625rem;transition:background-color .15s;background-color:#fff}.cpTable .footer__pagination button:hover{background-color:#3e3e5b0d}.cpTable .footer__pagination button:focus{outline:none!important;box-shadow:0 0 0 .1875em #aec6f7}.cpTable .footer__pagination button:disabled{box-shadow:none;border-color:#f8faff;background-color:#f8faff;color:#b2b2bd;cursor:not-allowed;-webkit-user-select:none;user-select:none}.cpTable .footer__pagination button:last-of-type{margin-left:.5rem}
|
|
1
|
+
.u-text-ellipsis,.cpBadge__label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.cpBadge{display:inline-flex;align-items:center;padding-block:.25rem;font-size:.875em;font-weight:500;border-radius:62.5rem;border:1px solid #d8d8de;background-color:#fff}.cpBadge--isNeutral:not(.cpBadge--isSolid){background-color:#3e3e5b24;border-color:transparent;color:#3e3e5b}.cpBadge--isNeutral:not(.cpBadge--isSolid) .cpBadge__clear:hover,.cpBadge--isNeutral:not(.cpBadge--isSolid) .cpBadge__clear:focus-visible{background-color:#3e3e5b}.cpBadge--isNeutral.cpBadge--isSolid{color:#fff;background-color:#3e3e5b;border-color:transparent}.cpBadge--isNeutral.cpBadge--isSolid .cpBadge__clear:hover,.cpBadge--isNeutral.cpBadge--isSolid .cpBadge__clear:focus-visible{color:#3e3e5b;background-color:#fff}.cpBadge--isBlue:not(.cpBadge--isSolid){background-color:#144dc224;border-color:transparent;color:#144dc2}.cpBadge--isBlue:not(.cpBadge--isSolid) .cpBadge__clear:hover,.cpBadge--isBlue:not(.cpBadge--isSolid) .cpBadge__clear:focus-visible{background-color:#144dc2}.cpBadge--isBlue.cpBadge--isSolid{color:#fff;background-color:#144dc2;border-color:transparent}.cpBadge--isBlue.cpBadge--isSolid .cpBadge__clear:hover,.cpBadge--isBlue.cpBadge--isSolid .cpBadge__clear:focus-visible{color:#144dc2;background-color:#fff}.cpBadge--isGreen:not(.cpBadge--isSolid){background-color:#00c58224;border-color:transparent;color:#00c582}.cpBadge--isGreen:not(.cpBadge--isSolid) .cpBadge__clear:hover,.cpBadge--isGreen:not(.cpBadge--isSolid) .cpBadge__clear:focus-visible{background-color:#00c582}.cpBadge--isGreen.cpBadge--isSolid{color:#fff;background-color:#00c582;border-color:transparent}.cpBadge--isGreen.cpBadge--isSolid .cpBadge__clear:hover,.cpBadge--isGreen.cpBadge--isSolid .cpBadge__clear:focus-visible{color:#00c582;background-color:#fff}.cpBadge--isRed:not(.cpBadge--isSolid){background-color:#eb050524;border-color:transparent;color:#eb0505}.cpBadge--isRed:not(.cpBadge--isSolid) .cpBadge__clear:hover,.cpBadge--isRed:not(.cpBadge--isSolid) .cpBadge__clear:focus-visible{background-color:#eb0505}.cpBadge--isRed.cpBadge--isSolid{color:#fff;background-color:#eb0505;border-color:transparent}.cpBadge--isRed.cpBadge--isSolid .cpBadge__clear:hover,.cpBadge--isRed.cpBadge--isSolid .cpBadge__clear:focus-visible{color:#eb0505;background-color:#fff}.cpBadge--isOrange:not(.cpBadge--isSolid){background-color:#ffa80024;border-color:transparent;color:#ffa800}.cpBadge--isOrange:not(.cpBadge--isSolid) .cpBadge__clear:hover,.cpBadge--isOrange:not(.cpBadge--isSolid) .cpBadge__clear:focus-visible{background-color:#ffa800}.cpBadge--isOrange.cpBadge--isSolid{color:#fff;background-color:#ffa800;border-color:transparent}.cpBadge--isOrange.cpBadge--isSolid .cpBadge__clear:hover,.cpBadge--isOrange.cpBadge--isSolid .cpBadge__clear:focus-visible{color:#ffa800;background-color:#fff}.cpBadge--isPurple:not(.cpBadge--isSolid){background-color:#5341f924;border-color:transparent;color:#5341f9}.cpBadge--isPurple:not(.cpBadge--isSolid) .cpBadge__clear:hover,.cpBadge--isPurple:not(.cpBadge--isSolid) .cpBadge__clear:focus-visible{background-color:#5341f9}.cpBadge--isPurple.cpBadge--isSolid{color:#fff;background-color:#5341f9;border-color:transparent}.cpBadge--isPurple.cpBadge--isSolid .cpBadge__clear:hover,.cpBadge--isPurple.cpBadge--isSolid .cpBadge__clear:focus-visible{color:#5341f9;background-color:#fff}.cpBadge--isTeal:not(.cpBadge--isSolid){background-color:#56c1fe24;border-color:transparent;color:#56c1fe}.cpBadge--isTeal:not(.cpBadge--isSolid) .cpBadge__clear:hover,.cpBadge--isTeal:not(.cpBadge--isSolid) .cpBadge__clear:focus-visible{background-color:#56c1fe}.cpBadge--isTeal.cpBadge--isSolid{color:#fff;background-color:#56c1fe;border-color:transparent}.cpBadge--isTeal.cpBadge--isSolid .cpBadge__clear:hover,.cpBadge--isTeal.cpBadge--isSolid .cpBadge__clear:focus-visible{color:#56c1fe;background-color:#fff}.cpBadge--isPink:not(.cpBadge--isSolid){background-color:#ff7dc124;border-color:transparent;color:#ff7dc1}.cpBadge--isPink:not(.cpBadge--isSolid) .cpBadge__clear:hover,.cpBadge--isPink:not(.cpBadge--isSolid) .cpBadge__clear:focus-visible{background-color:#ff7dc1}.cpBadge--isPink.cpBadge--isSolid{color:#fff;background-color:#ff7dc1;border-color:transparent}.cpBadge--isPink.cpBadge--isSolid .cpBadge__clear:hover,.cpBadge--isPink.cpBadge--isSolid .cpBadge__clear:focus-visible{color:#ff7dc1;background-color:#fff}.cpBadge--isYellow:not(.cpBadge--isSolid){background-color:#ffd00b24;border-color:transparent;color:#ffd00b}.cpBadge--isYellow:not(.cpBadge--isSolid) .cpBadge__clear:hover,.cpBadge--isYellow:not(.cpBadge--isSolid) .cpBadge__clear:focus-visible{background-color:#ffd00b}.cpBadge--isYellow.cpBadge--isSolid{color:#fff;background-color:#ffd00b;border-color:transparent}.cpBadge--isYellow.cpBadge--isSolid .cpBadge__clear:hover,.cpBadge--isYellow.cpBadge--isSolid .cpBadge__clear:focus-visible{color:#ffd00b;background-color:#fff}.cpBadge--isYellow.cpBadge--isSolid{color:#a48400}.cpBadge--isYellow.cpBadge--isSolid:before{background-color:#a48400}.cpBadge:not(.cpBadge--isPlain):not(.cpBadge--hasIcon):before{content:"";width:.375rem;height:.375rem;margin-right:.375rem;border-radius:100%;flex-shrink:0;background-color:currentColor}.cpBadge:not(.cpBadge--isClearable){padding-inline:.5rem}.cpBadge--isClearable{padding-left:.5rem;padding-right:.25rem}.cpBadge__label{flex:1;min-width:0}.cpBadge__icon{color:currentColor;width:1rem;height:1rem}.cpBadge__icon:not(.cpBadge__icon--isClear){margin-right:.25rem}.cpBadge__icon--isClear svg{stroke-width:.125rem}.cpBadge__icon>*{width:100%;height:100%}.cpBadge__clear{display:flex;align-items:center;justify-content:center;margin-left:.375rem;padding:.0625rem;border-radius:100%;color:inherit}.cpBadge__clear:hover,.cpBadge__clear:focus-visible{color:#fff;background-color:#3e3e5b}.cpBadge__clear:focus{outline:none!important}body:has(.cpDialog){overflow:hidden}.cpDialog{position:fixed;width:100%;max-width:100%;height:100%;max-height:100%;top:0;right:0;bottom:0;left:0;z-index:3;transition-duration:.3s}@media screen and (min-width: 551px){.cpDialog{padding:10vh 2rem}}.cpDialog__dialog{position:relative;display:flex;width:100%;height:100%;align-items:flex-start;justify-content:center;padding:0;border:none;background:none}.cpDialog__overlay{position:fixed;z-index:-1;width:100%;height:100%;background:#3e3e5bdb;top:0;right:0;bottom:0;left:0;pointer-events:none;transition:opacity .25s ease}.cpDialog.dialog-leave-to .cpDialog__overlay,.cpDialog.dialog-enter-from .cpDialog__overlay{opacity:0}.cpDialog__container{position:relative;display:flex;overflow:hidden;width:100%;max-height:100%;flex-direction:column;justify-content:space-between;border-radius:.75rem;background-color:#fff;box-shadow:0 2px 8px #00000054;-webkit-overflow-scrolling:touch;transition:transform .3s ease,opacity .25s ease}@media screen and (max-width: 550px){.cpDialog__container{max-width:100%;height:100%;border-radius:0}}.cpDialog.dialog-enter-from .cpDialog__container,.cpDialog.dialog-leave-to .cpDialog__container{opacity:0;transform:scale3d(.85,.85,1) translate3d(0,1.875rem,0)}.cpDialog__header,.cpDialog__content,.cpDialog__footer{width:100%}.cpDialog__header,.cpDialog__footer{display:flex;align-items:center;justify-content:space-between}.cpDialog__header{position:relative;border-bottom:1px solid #d8d8de}.cpDialog__close{position:absolute;top:1.5rem;right:1.5rem;display:inline-flex;align-items:center;justify-content:center;padding:.25rem;border-radius:.5rem;color:#8b8b9d;transition:.2s ease-in-out;transform:translate(.25rem,-.25rem);transition-property:color,background-color}.cpDialog__close:hover{color:#3e3e5b}.cpDialog__close:focus-visible{outline:.1875em solid rgb(187.9158878505,207.6261682243,248.0841121495)}.cpDialog__content{overflow:auto;min-height:0;flex:1}.cpDialog__footer:not(:empty){border-top:1px solid #d8d8de;padding:1rem 1.5rem}.cpDialog__footer--noBorder{border-top:none}@media screen and (max-width: 550px){.cpDialog__close{top:1rem;right:1rem}}@media (max-width: 650px){.cpDialog__footer{padding:1rem}}.cpTooltip.v-popper--theme-tooltip .v-popper__inner{padding:.5rem .75rem;border-radius:.5rem;background-color:#5341f9;font-size:.75rem;line-height:1rem}.cpTooltip.v-popper--theme-tooltip .v-popper__arrow-outer{border-color:#5341f9}.cpPartnerBadge{display:inline-flex;padding:.125rem;align-items:center;justify-content:center;border-radius:.25rem;color:#fff}.cpPartnerBadge--isOta{background-color:#ffa800}.cpPartnerBadge--isAirline{background-color:#56c1fe}.cpPartnerBadge--isSupplier{background-color:#5341f9}.cpPartnerBadge--isThirdParty{background-color:#ff7dc1}.cpPartnerBadge>*{width:1.25rem;height:1.25rem;aspect-ratio:1/1}.cpPartnerBadge--sm>*{width:1rem;height:1rem}.cpPartnerBadge--xs>*{width:.75rem;height:.75rem}.cpAirlineLogo{overflow:hidden;border-radius:.25rem;background-repeat:no-repeat;background-size:contain}.cpHeading{color:#3e3e5b}.cpHeading:first-letter{text-transform:capitalize}.cpHeading--100{font-size:.6875rem;font-weight:400;line-height:1rem;letter-spacing:.0375em;color:#8b8b9d}.cpHeading--200{font-size:.75rem;font-weight:600;line-height:1rem;color:#8b8b9d}.cpHeading--300{font-size:.75rem;font-weight:600;line-height:1rem}.cpHeading--400{font-size:.875rem;font-weight:500;line-height:1.125rem}.cpHeading--500{font-size:1rem;font-weight:500;line-height:1.25rem}.cpHeading--600{font-size:1.125rem;font-weight:500;line-height:1.4375rem;letter-spacing:.025em}.cpHeading--700{font-size:1.25rem;font-weight:500;line-height:1.5625rem;letter-spacing:.025em}.cpHeading--800{font-size:1.8125rem;font-weight:500;line-height:2rem;letter-spacing:.025em}.cpHeading--900{font-size:2.1875rem;font-weight:500;line-height:2.5rem;letter-spacing:.025em}.cpButton{border:.0625rem solid;border-radius:62.5rem;background-color:transparent;padding:.75em 1em;min-width:10ch;height:2.75em;font-size:inherit;line-height:1.1;text-decoration:none;color:#3e3e5b;font-weight:500;transition-property:box-shadow,background-color,transform,width;transition-duration:.15s;transition-timing-function:ease-in-out;cursor:pointer}.cpButton,.cpButton:visited{color:#3e3e5b}.cpButton,.cpButton__body{display:inline-flex;justify-content:center;align-items:center}@media screen and (-ms-high-contrast: active){.cpButton{border:.125em solid currentcolor}}.cpButton:hover{transform:translateY(-.0625rem)}.cpButton:active{transform:translateY(.0625rem)}.cpButton--isDefault{background-color:#fff;border-color:#d8d8de}.cpButton--isDefault:hover{background-color:#fbfbfc;box-shadow:0 .0625rem .125rem #3e3e5b14,0 .1875rem .375rem #3e3e5b14}.cpButton--isDefault:active{background-color:#f4f4f8}.cpButton--isDefault:focus{border-color:transparent}.cpButton--isDefault,.cpButton--isPrimary{filter:drop-shadow(0 .0625rem .125rem rgba(62,62,91,.08))}.cpButton--isDefault:focus,.cpButton--isDisabled:focus{outline:.1875em solid rgb(212,207.5,253.5)}.cpButton--isDefault.cpButton--isBlue,.cpButton--isDefault.cpButton--isBlue:visited{color:#144dc2}.cpButton--isDefault.cpButton--isPurple,.cpButton--isDefault.cpButton--isPurple:visited{color:#5341f9}.cpButton--isDefault.cpButton--isGreen,.cpButton--isDefault.cpButton--isGreen:visited{color:#00c582}.cpButton--isDefault.cpButton--isOrange,.cpButton--isDefault.cpButton--isOrange:visited{color:#ffa800}.cpButton--isDefault.cpButton--isRed,.cpButton--isDefault.cpButton--isRed:visited{color:#eb0505}.cpButton--isPrimary,.cpButton--isPrimary:visited{color:#fff}.cpButton--isPrimary:hover{box-shadow:0 .25rem .375rem #32325d1c,0 .0625rem .1875rem #3e3e5b14}.cpButton--isPrimary:active{box-shadow:inset 0 0 0 .0625em #435a6f24,inset 0 .0625em .0625em #435a6f0f}.cpButton--isMinimal{border-color:transparent}.cpButton--isPrimary.cpButton--isBlue{background-color:#144dc2;border-color:#144dc2}.cpButton--isPrimary.cpButton--isBlue:hover{background-color:#1654d5;border-color:#1654d5}.cpButton--isPrimary.cpButton--isBlue:active{background-color:#1244ab;border-color:#1244ab}.cpButton--isMinimal.cpButton--isBlue,.cpButton--isMinimal.cpButton--isBlue:visited{color:#144dc2}.cpButton--isMinimal.cpButton--isBlue:hover{background:#e4ecfc}.cpButton--isMinimal.cpButton--isBlue:active{background:#c9d9f9;color:#1245af}.cpButton--isPrimary.cpButton--isBlue:focus,.cpButton--isMinimal.cpButton--isBlue:focus{box-shadow:0 0 0 .1875em #aec6f7}.cpButton--isPrimary.cpButton--isPurple{background-color:#5341f9;border-color:#5341f9}.cpButton--isPrimary.cpButton--isPurple:hover{background-color:#5f4ef9;border-color:#5f4ef9}.cpButton--isPrimary.cpButton--isPurple:active{background-color:#321cf8;border-color:#321cf8}.cpButton--isMinimal.cpButton--isPurple,.cpButton--isMinimal.cpButton--isPurple:visited{color:#5341f9}.cpButton--isMinimal.cpButton--isPurple:hover{background:#eeecfe}.cpButton--isMinimal.cpButton--isPurple:active{background:#ddd9fe;color:#3723f8}.cpButton--isPrimary.cpButton--isPurple:focus,.cpButton--isMinimal.cpButton--isPurple:focus{box-shadow:0 0 0 .1875em #cbc6fd}.cpButton--isPrimary.cpButton--isGreen{background-color:#00c582;border-color:#00c582}.cpButton--isPrimary.cpButton--isGreen:hover{background-color:#00db90;border-color:#00db90}.cpButton--isPrimary.cpButton--isGreen:active{background-color:#00ad72;border-color:#00ad72}.cpButton--isMinimal.cpButton--isGreen,.cpButton--isMinimal.cpButton--isGreen:visited{color:#00c582}.cpButton--isMinimal.cpButton--isGreen:hover{background:#e0fff4}.cpButton--isMinimal.cpButton--isGreen:active{background:#c0ffea;color:#00b175}.cpButton--isPrimary.cpButton--isGreen:focus,.cpButton--isMinimal.cpButton--isGreen:focus{box-shadow:0 0 0 .1875em #a1ffdf}.cpButton--isPrimary.cpButton--isOrange{background-color:#ffa800;border-color:#ffa800}.cpButton--isPrimary.cpButton--isOrange:hover{background-color:#ffae12;border-color:#ffae12}.cpButton--isPrimary.cpButton--isOrange:active{background-color:#e09400;border-color:#e09400}.cpButton--isMinimal.cpButton--isOrange,.cpButton--isMinimal.cpButton--isOrange:visited{color:#ffa800}.cpButton--isMinimal.cpButton--isOrange:hover{background:#fff6e6}.cpButton--isMinimal.cpButton--isOrange:active{background:#fec;color:#e69700}.cpButton--isPrimary.cpButton--isOrange:focus,.cpButton--isMinimal.cpButton--isOrange:focus{box-shadow:0 0 0 .1875em #ffe5b3}.cpButton--isPrimary.cpButton--isRed{background-color:#eb0505;border-color:#eb0505}.cpButton--isPrimary.cpButton--isRed:hover{background-color:#fa0909;border-color:#fa0909}.cpButton--isPrimary.cpButton--isRed:active{background-color:#cf0404;border-color:#cf0404}.cpButton--isMinimal.cpButton--isRed,.cpButton--isMinimal.cpButton--isRed:visited{color:#eb0505}.cpButton--isMinimal.cpButton--isRed:hover{background:#fee5e5}.cpButton--isMinimal.cpButton--isRed:active{background:#fecaca;color:#d40505}.cpButton--isPrimary.cpButton--isRed:focus,.cpButton--isMinimal.cpButton--isRed:focus{box-shadow:0 0 0 .1875em #fdb0b0}.cpButton--isDisabled{box-shadow:none!important;border-color:#f8faff!important;background-color:#f8faff!important;color:#b2b2bd!important;cursor:not-allowed!important;-webkit-user-select:none;user-select:none}.cpButton--isDisabled:hover,.cpButton--isDisabled:active{transform:none}.cpButton--isIcon{min-width:2.75em;padding:.625em}.cpButton__body{position:relative;text-align:center;transition:all .15s ease-in-out}.cpButton__icon,.cpButton__loader{display:flex;align-items:center;justify-content:center}.cpButton__icon>svg,.cpButton__icon>i,.cpButton__icon>img,.cpButton__loader>svg,.cpButton__loader>i,.cpButton__loader>img{width:100%;height:100%}.cpButton__icon{width:1em;height:1em;flex-shrink:0}.cpButton__icon--isBefore:not(:only-child){margin-right:.5em}.cpButton__icon--isAfter:not(:only-child){margin-left:.5em}.cpButton--isLoading .cpButton__body{padding-left:2em}.cpButton__loader{position:absolute;left:0;top:50%;transform:translateY(-50%);width:1.5em;height:1.5em}.cpButton--isSquare{border-radius:.625rem}.cpButton--isLarge{height:3.375em;text-transform:uppercase}.u-text-ellipsis,.cpDate__month select{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.cpDate input,.cpDate select{background-color:transparent;color:#3e3e5b}.cpDate input::-webkit-outer-spin-button,.cpDate input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.cpDate input[type=number]{-moz-appearance:textfield}.cpDate select{appearance:none;-webkit-appearance:none;-moz-appearance:none;outline:none;border:none}.cpDate input::placeholder,.cpDate__month--isEmpty{color:#3e3e5b}.cpDate__label{display:flex;align-items:center;line-height:1.5rem;margin-bottom:.5rem;font-size:.875em}.cpDate__label>span{margin-left:.125rem}.cpDate__label i{margin-left:.25rem;width:1rem;height:1rem;color:#eb0505}.cpDate__inputs{display:flex;height:2.75em;border:.0625rem solid #d8d8de;border-radius:.625em;overflow:hidden;background-color:#fff;box-shadow:inset 0 .0625em .125em #3e3e5b1f}.cpDate__inputs:hover,.cpDate__inputs:focus-within{border-color:#5341f9;background-color:#fff}.cpDate__inputs:focus-within{box-shadow:#5341f91a 0 0 0 .25rem,#5341f9 0 0 0 .03125rem}.cpDate__divider{flex-shrink:0;width:.0625rem;height:100%;background-color:#d8d8de}.cpDate__month,.cpDate__day,.cpDate__year{min-width:0}.cpDate__month{position:relative;flex:1 1 50%}.cpDate__month:after{position:absolute;top:50%;right:.75em;width:1.25em;height:1.25em;background-image:url("data:image/svg+xml,%3csvg%20width='24'%20height='25'%20viewBox='0%200%2024%2025'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M6%209.68298L12%2015.683L18%209.68298'%20stroke='%233E3E5B'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e");background-size:cover;transform:translateY(-50%);content:"";pointer-events:none}.cpDate__month select{width:100%;padding:.75em 2.5em .75em .75em;color:inherit;cursor:pointer}.cpDate__month select:focus-visible{text-decoration:underline;font-weight:500}.cpDate__month select>option:not(:disabled){color:#3e3e5b}.cpDate__day,.cpDate__year{flex:0 0 25%;padding:.75rem}.cpDate--isInvalid .cpDate__inputs,.cpDate--isInvalid .cpDate__inputs:hover,.cpDate--isInvalid .cpDate__inputs:focus-within{border-color:#eb0505}.cpDate--isInvalid .cpDate__inputs:focus-within{box-shadow:0 0 0 .1875em #fd9595}.cpDate--isInvalid .cpDate__divider{background-color:#eb0505}.cpDate--isDisabled .cpDate__inputs{border-color:#d8d8de;background:#f8faff}.cpDate--isDisabled .cpDate__inputs *{color:#b2b2bd!important;cursor:not-allowed!important}.cpDate--isDisabled .cpDate__month:after{opacity:.4}.cpDate__errorMessage{margin-top:.375rem;color:#eb0505;font-weight:500;font-size:.875em}.cpIcon{overflow:hidden;line-height:1}.cpIcon,.cpIcon__content{display:inline-block}.cpIcon__content{height:inherit;width:inherit;vertical-align:top}.asd__fade-enter-active,.asd__fade-leave-active{transition:.2s cubic-bezier(.175,.885,.32,1.175);transition-property:opacity,transform}.asd__fade-enter-from{transform:scale(.8)}.asd__fade-enter-to{transform:scale(1)}.asd__fade-leave-to{opacity:0}.asd__fade-leave-from{opacity:1}.asd__list-complete-enter-from,.asd__list-complete-leave-to{opacity:0;transform:translateY(30px)}.asd__list-complete-leave-active{position:absolute;visibility:hidden}.asd__wrapper{border-radius:10px;white-space:nowrap;text-align:center;background-color:#fff;overflow:hidden}.asd__wrapper:not(.asd__wrapper--isInline){box-shadow:0 9px 24px #3e3e5b33,0 4px 4px #3e3e5b1a}.asd__wrapper--isInline{position:relative!important}@media (min-width: 768px){.asd__wrapper:before{position:absolute;content:"";left:0;right:0;top:20px;bottom:0;margin:auto;width:1px;background:#d8d8de;z-index:-1}}.asd__wrapper--showOneMonth:before{content:none}.asd__wrapper--full-screen{position:fixed;top:0;right:0;bottom:0;left:0;border:none;z-index:100}.asd__inner-wrapper{transition:all .3s ease;position:relative}.asd__datepicker-header{position:relative}.asd__change-month-button{position:absolute;z-index:10;top:16px;border-radius:100%}.asd__change-month-button:focus-visible{outline:2px solid #144dc2;outline-offset:2px}.asd__change-month-button i{color:#3e3e5b}.asd__change-month-button svg{cursor:pointer;stroke-width:1.2px}@media (min-width: 768px){.asd__change-month-button{top:22px}}.asd__change-month-button--previous{left:16px}@media (min-width: 768px){.asd__change-month-button--previous{left:24px}}.asd__change-month-button--next{right:16px}@media (min-width: 768px){.asd__change-month-button--next{right:24px}}.asd__days-legend{position:absolute;font-size:12px;line-height:15px;-webkit-user-select:none;user-select:none}@media (min-width: 768px){.asd__days-legend{padding:0 24px;top:60px}}@media (max-width: 767px){.asd__days-legend{top:56px;padding:0 16px}}.asd__day-title{display:inline-block;width:14.2857142857%;text-align:center;color:#8b8b9d;font-size:14px;line-height:18px;margin-left:-1px}.asd__month-table{border-spacing:0 6px;width:100%;max-width:100%}.asd__wrapper:not(.asd__wrapper--isInline) .asd__month{padding-left:16px;padding-right:16px}@media (min-width: 768px){.asd__wrapper:not(.asd__wrapper--isInline) .asd__month{padding-left:24px;padding-right:24px}}.asd__month{transition:all .3s ease;display:inline-block;padding:16px 16px 8px}@media (min-width: 768px){.asd__month{padding:24px 24px 12px}}.asd__month--hidden{height:275px;visibility:hidden}.asd__month-name{font-size:16px;text-align:center;margin:0 0 36px;line-height:20px;color:#3e3e5b}@media (max-width: 768px){.asd__month-name{margin-top:2px}}.asd__month-name>span{padding-right:3px}.asd__selected-date-one{background:#f7f7f7;border-top-left-radius:50%;border-bottom-left-radius:50%}.asd__selected-date-one.asd__day--end-month:before{content:"";width:65px;height:35px;background:linear-gradient(90deg,#f7f7f7 50%,#f1f1f100 95%);position:absolute;z-index:-1;border-top-left-radius:50%;border-bottom-left-radius:50%}.asd__selected-date-one.asd__day--end-week:not(.asd__day--selected){border-top-right-radius:10px;border-bottom-right-radius:10px}.asd__selected-date-two{background:#f7f7f7;border-top-right-radius:50%;border-bottom-right-radius:50%}.asd__selected-date-two.asd__day--start-month:before{content:"";width:65px;height:35px;background:linear-gradient(90deg,#f7f7f7 50%,#f1f1f100 95%);position:absolute;z-index:-1;transform:rotate(180deg);right:20px;width:20px}.asd__selected-date-two.asd__day--start-week{border-top-left-radius:5px;border-bottom-left-radius:5px}.asd__day{outline:none;padding:0;position:relative}.asd__day--in-range,.asd__day--hovered{background:#f7f7f7}.asd__day--hovered .asd__day--end-week{border-top-right-radius:5px;border-bottom-right-radius:5px}.asd__day--hovered .asd__day--start-week{border-top-left-radius:5px;border-bottom-left-radius:5px}.asd__day--in-range.asd__day--end-week{border-top-right-radius:5px;border-bottom-right-radius:5px}.asd__day--in-range.asd__day--start-week{border-top-left-radius:5px;border-bottom-left-radius:5px}.asd__day--hovered.asd__day--start-month:before,.asd__day--in-range.asd__day--start-month:not(.asd__selected-date-one):not(.asd__selected-date-two):before{content:"";width:65px;height:35px;background:linear-gradient(90deg,#f7f7f7 50%,#f1f1f100 95%);position:absolute;z-index:-1;width:30px;transform:rotate(180deg);right:20px}.asd__day--hovered.asd__day--end-month:before,.asd__day--in-range.asd__day--end-month:not(.asd__selected-date-one):not(.asd__selected-date-two):before{content:"";width:65px;height:35px;background:linear-gradient(90deg,#f7f7f7 50%,#f1f1f100 95%);position:absolute;z-index:-1}.asd__day--enabled:not(.asd__day--disabled):not(.asd__day--selected):not(.asd__selected-date-one):not(.asd__selected-date-two):not(.asd__day--in-range):hover button{z-index:2;background:#fff;border:2px solid #f7f7f7;border-radius:50%}.asd__day--enabled.asd__day--date-two-not-selected:hover{background:#f7f7f7;border-top-right-radius:50%;border-bottom-right-radius:50%}.asd__day--enabled.asd__day--date-two-not-selected:hover.asd__day--start-month:before{content:"";width:65px;height:35px;background:linear-gradient(90deg,#f7f7f7 50%,#f1f1f100 95%);position:absolute;z-index:-1;width:30px;transform:rotate(180deg);right:20px}.asd__day--enabled.asd__day--in-range:hover{background:#f1f1f3}.asd__day--selected button{border-radius:50%;background:#5341f9}.asd__day--selected.asd__selected-date-one:before{content:"";width:65px;height:35px;background:linear-gradient(90deg,#f7f7f7 50%,#f1f1f100 95%);position:absolute;z-index:-1;border-top-left-radius:50%;border-bottom-left-radius:50%}.asd__day--selected.asd__selected-date-two:before{content:"";width:65px;height:35px;background:linear-gradient(90deg,#f7f7f7 50%,#f1f1f100 95%);position:absolute;z-index:-1;border-top-right-radius:50%;border-bottom-right-radius:50%;width:30px;transform:rotate(180deg);right:20px}.asd__day--selected button span{color:#fff!important}.asd__day--disabled .asd__day-number,.asd__day--empty .asd__day-number{color:#c6c6ce!important}.asd__day--disabled *{cursor:not-allowed!important}.asd__day--today .asd__day-button .asd__day-number{color:#5341f9;font-weight:600}.asd__day--recurency:not(.asd__selected-date-one):not(.asd__selected-date-two){background:#f7f7f7}.asd__day--recurency button{background:#56c1fe!important;border-radius:50%;border:2px solid #f7f7f7}.asd__day--recurency button .asd__day-number{color:#fff}.asd__day--selected-recurrent button{z-index:2;background:#fff;border:2px solid #f7f7f7;border-radius:50%}.asd__day--selected-recurrent button:before{top:7px;left:5px}.asd__day--selected-recurrent span{color:#3e3e5b}.asd__day-button{outline:none;position:relative;background:transparent;width:35px;height:35px;border:none;-webkit-user-select:none;user-select:none;font-size:14px}.asd__day-button .asd__day-number{z-index:3;position:relative;color:#3e3e5b}.asd__mobile-header{border-bottom:#d8d8de;position:relative;padding:15px!important;text-align:center;height:50px}.asd__mobile-header h3{font-size:20px;margin:0}.asd__mobile-only{display:none}@media (max-width: 768px){.asd__mobile-only{display:block}}.asd__mobile-close{border:none;position:absolute;top:7px;right:5px;padding:5px;z-index:100;cursor:pointer}.asd__mobile-close__icon{position:relative;font-size:1.6em;font-weight:700;padding:0}.baseInputLabel{display:block;font-size:.875em;line-height:1.5rem;margin-bottom:.5rem;color:#3e3e5b}.baseInputLabel:first-letter{text-transform:capitalize}.baseInputLabel--isInvalid{color:#eb0505}.cpInput{position:relative;display:flex;flex-direction:column}.cpInput:has(.cpInput__help,.cpInput__error) .cpInput__container{margin-bottom:.5rem}.cpInput__container{z-index:1;position:relative;display:flex}.cpInput__container *{cursor:text}.cpInput__clear{display:flex;padding:.1875em;color:#fff;border-radius:50%;background-color:#8b8b9d}.cpInput__clear:focus-visible{outline:.1875em solid rgb(220.6,217,253.8)}.cpInput__clearIcon{width:.75em;height:.75em;pointer-events:none}.cpInput__inner{box-shadow:inset 0 .0625em .125em #0000001f;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:.0625rem solid #d8d8de;border-radius:.625em;outline:none;width:100%;height:2.75em;color:inherit;padding:.75em;font-size:1em}.cpInput__inner:hover{border-color:#5341f9}.cpInput__inner:focus{box-shadow:0 0 0 .1875em #ddd9fe;border-color:#5341f9;background-color:#fff}.cpInput__inner::placeholder{color:#8b8b9d}.cpInput--isInvalid .cpInput__inner,.cpInput--isInvalid .cpInput__inner:hover,.cpInput--isInvalid .cpInput__inner:focus,.cpInput--isInvalid .cpInput__icon:hover~.cpInput__inner{border:.0625rem solid #eb0505}.cpInput--isInvalid .cpInput__inner:focus{box-shadow:0 0 0 .1875em #fd9595}.cpInput--isDisabled{color:#b2b2bd!important}.cpInput--isDisabled .cpInput__container *{cursor:not-allowed}.cpInput--isDisabled .cpInput__inner{background:#f8faff}.cpInput--isDisabled .cpInput__inner,.cpInput--isDisabled .cpInput__inner:hover{border-color:#d8d8de!important}.cpInput--isDisabled .cpInput__icon svg{stroke:#b2b2bd!important}.cpInput--hasNoBorder .cpInput__inner,.cpInput--hasNoBorder .cpInput__inner:hover,.cpInput--hasNoBorder .cpInput__inner:focus,.cpInput--hasNoBorder .cpInput__icon:hover~.cpInput__inner{border-color:transparent;box-shadow:none}.cpInput__tooltip{display:flex;padding:.25rem;align-items:center;justify-content:center;border-radius:50%;color:#c6c6ce;outline-offset:-.1875em}.cpInput__tooltip:hover,.cpInput__tooltip:focus{color:#5341f9}.cpInput__tooltip:focus-visible{outline:.125em solid #5341f9}.cpInput__tooltipIcon{width:1rem;height:1rem}.cpInput__help,.cpInput__error{font-size:.875em;line-height:1.5rem}.cpInput__help{color:#8b8b9d}.cpInput__error{color:#eb0505;font-weight:500}.cpInput__error:first-letter{text-transform:capitalize}.cpInput__icon{left:.75em;z-index:1;position:absolute;top:50%;transform:translateY(-50%);width:1.25em;height:1.25em;overflow:hidden}.cpInput__icon:hover~.cpInput__inner{border-color:#5341f9}.cpInput__icon svg{width:100%;height:100%;stroke-width:1.6}.cpInput__icon--isInvalidity svg{stroke:#eb0505}.cpInput__icon--isAfter,.cpInput__icon--isInvalidity{left:auto;right:.75em;justify-content:flex-end}.cpInput__icon--isAfter{transition:50ms right .25s cubic-bezier(.17,.84,.44,1)}.cpInput__icon--isAfter~input{padding-right:3.75em}.cpInput__icon--isBefore~input{padding-left:2.5em}.cpInput__icon--isInvalidity~input{padding-right:2.5em}.cpInput__icon--hasAfterAndInvalidityIcon~input{padding-right:4.25em}.cpInput__icon--isInvalidity~.cpInput__icon--isAfter{right:2.5em;transition:right .25s cubic-bezier(.17,.84,.44,1)}.cpInput--isLarge .cpInput__inner{height:3.375em;padding:1em}.cpInput--isLarge .cpInput__icon{left:1em;width:1.5em;height:1.5em}.cpInput--isLarge .cpInput__icon--isInvalidity,.cpInput--isLarge .cpInput__icon--isAfter{left:auto;right:1em}.cpInput--isLarge .cpInput__icon--isAfter~input{padding-right:4.75em}.cpInput--isLarge .cpInput__icon--isBefore~input{padding-left:3.25em}.cpInput--isLarge .cpInput__icon--isInvalidity~input{padding-right:3.25em}.cpInput--isLarge .cpInput__icon--hasAfterAndInvalidityIcon~input{padding-right:5.5em}.cpInput--isLarge .cpInput__icon--isInvalidity~.cpInput__icon--isAfter~.cpInput__icon--isAfter{right:3em}.cpInput--isSearch .cpInput__icon--isAfter{display:flex;align-items:center;justify-content:center;overflow:visible}.cpInput--isSearch .cpInput__inner{padding-right:2.5em}.cpDatepicker .asd__fade-enter-from{transform:translate(-50%) scale(.8)}.cpDatepicker .asd__fade-enter-to{transform:translate(-50%) scale(1)}.cpDatepicker__input input:disabled{background-color:#fff}.cpDatepicker__datepicker{position:absolute;left:50%;transform:translate(-50%)}.cpDatepicker__datepicker:not(.cpDatepicker__datepicker--isInline){margin-top:10px}@media (min-width: 350px){.cpDatepicker{position:relative}}@media (max-width: 767px) and (min-width: 350px){.cpDatepicker__datepicker{left:0;right:0;transform:initial}.cpDatepicker__datepicker:not(.cpDatepicker__datepicker--isInline){margin-top:16px}.cpDatepicker .asd__fade-enter-from{transform:scale(.8)}.cpDatepicker .asd__fade-enter-to{transform:scale(1)}}.fade-enter-active,.fade-leave-active{transition:opacity .1s}.fade-enter-from,.fade-leave-to{opacity:0}.cpCalendar .asd__fade-enter-from{transform:translate(-50%) scale(.8)}.cpCalendar .asd__fade-enter-to{transform:translate(-50%) scale(1)}.cpCalendar__datepicker{position:absolute;left:50%;transform:translate(-50%)}.cpCalendar__datepicker:not(.cpCalendar__datepicker--isInline){margin-top:10px}@media (min-width: 350px){.cpCalendar{position:relative}}@media (max-width: 767px) and (min-width: 350px){.cpCalendar__datepicker{left:0;right:0;transform:initial}.cpCalendar__datepicker:not(.cpCalendar__datepicker--isInline){margin-top:16px}.cpCalendar .asd__fade-enter-from{transform:scale(.8)}.cpCalendar .asd__fade-enter-to{transform:scale(1)}}.cpCalendar__input input:disabled{background-color:#fff}.cpCalendar .footer-container{background:#fff;border-top:1px solid #ececef}.cpCalendar .footer-container .asd__recurency--action{padding:16px;display:flex;align-items:center;justify-content:space-between}.cpCalendar .footer-container .asd__recurency--action button{font-size:16px;color:#3e3e5b}.cpCalendar .footer-container .asd__button-done{border:#b5b5b5}.cpCalendar .footer-container .asd__button-done:not([disabled]){background-color:#5341f9;color:#fff!important;border:#5341f9}.cpCalendar .footer-container .asd__recurency--ul{margin:-1px 0 0;display:flex;-webkit-padding-start:0;height:inherit;cursor:pointer}@media (min-width: 768px){.cpCalendar .footer-container .asd__recurency--ul{height:64px}}@media (max-width: 768px){.cpCalendar .footer-container .asd__recurency--ul{display:flex;flex-wrap:wrap}}.cpCalendar .footer-container .asd__recurency--li{display:flex;flex-direction:column;flex:1;justify-content:center;align-items:center;border-top:1px solid #ececef;font-size:16px;color:#3e3e5b;height:64px;transition:background .2s linear}@media (max-width: 768px){.cpCalendar .footer-container .asd__recurency--li{flex:1 0 50%}}.cpCalendar .footer-container .asd__recurency--li .checkbox{width:16px;height:16px}.cpCalendar .footer-container .asd__recurency--li .checkbox--border{height:100%;width:100%;border:1px solid #ececef}.cpCalendar .footer-container .asd__recurency--li .feather-check{height:100%;width:100%;color:#56c1fe}.cpCalendar .footer-container .asd__recurency--li span{font-size:14px;line-height:20px;padding-top:3px;-webkit-user-select:none;user-select:none}.cpCalendar .footer-container .asd__recurency--li--selected{color:#56c1fe}.cpCalendar .footer-container .asd__recurency--summary{padding-left:16px;padding-right:16px}.cpCalendar .footer-container .asd__recurency--text{background:#3e3e5b;border-radius:10px;display:flex;justify-content:center;align-items:center;color:#d8d8ff}.cpCalendar .footer-container .asd__recurency--text svg{transform:scale(.7)}.cpCalendar .footer-container .asd__recurency--text span{white-space:normal;padding:10px 10px 10px 2px;font-size:14px}.cpCalendar .footer-container .asd__recurency--text span strong{color:#fff}.cpAlert{position:relative;display:flex;align-items:flex-start;padding:.625rem;font-size:.875em;border-radius:.25rem;overflow:hidden}.cpAlert:before{content:"";position:absolute;left:0;top:0;height:100%;width:.1875rem}.cpAlert__body{flex:1;margin-left:.5rem;padding-right:2.125rem}.cpAlert__iconWrapper{display:flex;padding-block:.125rem}.cpAlert__icon{flex-shrink:0;color:inherit}.cpAlert__icon i{display:inline-block;vertical-align:sub;width:1rem;height:1rem}.cpAlert__icon,.cpAlert__content,.cpAlert__title{line-height:1.1875rem}.cpAlert__title{color:inherit;font-weight:600}.cpAlert__title:not(:only-child){margin-bottom:.25rem}.cpAlert__button{display:flex;position:absolute;right:.4375rem;top:.4375rem;border-radius:.25rem;padding:.25rem;color:inherit}.cpAlert__button svg{margin:0;width:1.125rem;height:1.125rem}.cpAlert__button:hover{background-color:inherit}.cpAlert--info{background-color:#144dc21a;color:#144dc2}.cpAlert--info:before{background-color:#144dc2}.cpAlert--info button:focus-visible{outline:.125rem solid #144dc2}.cpAlert--success{background-color:#00c5821a;color:#00c582}.cpAlert--success:before{background-color:#00c582}.cpAlert--success button:focus-visible{outline:.125rem solid #00c582}.cpAlert--warning{background-color:#ffa8001a;color:#ffa800}.cpAlert--warning:before{background-color:#ffa800}.cpAlert--warning button:focus-visible{outline:.125rem solid #ffa800}.cpAlert--critical{background-color:#eb05051a;color:#eb0505}.cpAlert--critical:before{background-color:#eb0505}.cpAlert--critical button:focus-visible{outline:.125rem solid #eb0505}.cpToaster{position:relative;box-shadow:#435a6f4d 0 0 1px,#435a6f78 0 8px 10px -4px;background:#fff;padding:.75rem;overflow:hidden;width:max-content;max-width:100%;margin:auto;pointer-events:auto;font-size:.875rem}@media (min-width: 769px){.cpToaster{border-radius:.5rem}}@media (max-width: 768px){.cpToaster{min-width:100%}}.cpToaster:before{content:"";position:absolute;top:0;left:0;width:.1875rem;height:100%}.cpToaster__container{position:fixed;z-index:9999;top:0;left:0;right:0;margin:auto;padding:1rem;max-width:25rem;pointer-events:none}.cpToaster__container>*:not(:last-child){margin-bottom:.5rem}@media (max-width: 768px){.cpToaster__container{max-width:100%}}.cpToaster__content{display:flex;align-items:flex-start}.cpToaster__body{flex:1;margin-left:.5rem;padding-right:2rem}.cpToaster__icon{flex-shrink:0;height:1rem;width:1rem}.cpToaster__content,.cpToaster__title{line-height:1rem}.cpToaster__title{font-weight:600}.cpToaster__title:not(:only-child){margin-bottom:.25rem}.cpToaster__description{font-size:.875rem}.cpToaster__close{position:absolute;right:.5rem;top:.5rem;display:flex;border-radius:.25rem;padding:.25rem;color:#8b8b9d}.cpToaster__close svg{margin:0;width:1.125rem;height:1.125rem}.cpToaster__close:hover{background-color:#8b8b9d1a}.cpToaster__footer{display:flex;justify-content:flex-end;margin-top:1rem}.cpToaster__button{font-size:.75rem;color:#144dc2}.cpToaster__button:not(:hover){text-decoration:underline}.cpToaster--info .cpToaster__icon{color:#144dc2}.cpToaster--info:before{background-color:#144dc2}.cpToaster--warning .cpToaster__icon{color:#ffa800}.cpToaster--warning:before{background-color:#ffa800}.cpToaster--success .cpToaster__icon{color:#00c582}.cpToaster--success:before{background-color:#00c582}.cpToaster--critical .cpToaster__icon{color:#eb0505}.cpToaster--critical:before{background-color:#eb0505}[data-v-126b4013]{will-change:height;transform:translateZ(0);backface-visibility:hidden;perspective:1000px}.expand-enter-active,.expand-leave-active{transition-property:opacity,height;transition-duration:.2s;transition-timing-function:ease-out;overflow:hidden}.expand-enter-from,.expand-leave-to{height:0;opacity:0}.cpTextarea__input{box-shadow:inset 0 .0625em .125em #0000001f;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:.0625rem solid #d8d8de;border-radius:.625em;outline:none;padding:1em;width:100%;max-width:100%;height:100%;font-size:1em;color:#3e3e5b}.cpTextarea__input:hover{border-color:#5341f9}.cpTextarea__input:focus{box-shadow:0 0 0 .1875em #ddd9fe;border-color:#5341f9;background-color:#fff}.cpTextarea__input:disabled{background:#f8faff;cursor:not-allowed;color:#8b8b9d}.cpTextarea__input::placeholder{color:#3e3e5b99}.cpTextarea__input--isInvalid{box-shadow:0 0 0 .03125rem #eb0505;border:.0625rem solid #eb0505}.cpTextarea__input--isInvalid:hover,.cpTextarea__input--isInvalid:focus{border:.0625rem solid #eb0505}.cpTextarea__input--isInvalid:focus{box-shadow:0 0 0 .1875em #fd9595}.cpTextarea__label{display:block;line-height:1.5rem}.cpTextarea__label:not(.cpTextarea__label--isAfter){margin-bottom:.5rem}.cpTextarea__label--isAfter{margin-top:.375em}.u-text-ellipsis,.cpSelect__inner{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.cpSelect__container{position:relative}.cpSelect__container:after{content:"";position:absolute;right:.75em;top:50%;transform:translateY(-50%);width:1.25em;height:1.25em;background-image:url("data:image/svg+xml,%3csvg%20width='24'%20height='25'%20viewBox='0%200%2024%2025'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M6%209.68298L12%2015.683L18%209.68298'%20stroke='%233E3E5B'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e");background-size:cover;pointer-events:none}.cpSelect__inner{box-shadow:inset 0 .0625em .125em #0000001f;outline:none;appearance:none;-webkit-appearance:none;-moz-appearance:none;border:.0625rem solid #d8d8de;border-radius:.625em;background-color:#fff;width:100%;height:2.75em;color:#3e3e5b;cursor:pointer;padding:.75em 2.5em .75em .75em;font-size:1em}.cpSelect__inner:hover,.cpSelect__inner:focus{border-color:#5341f9;background-color:#fff}.cpSelect__inner:focus{box-shadow:#5341f91a 0 0 0 .25rem,#5341f9 0 0 0 .03125rem}.cpSelect__label{display:block;line-height:1.5rem}.cpSelect__label:not(.cpSelect__label--isAfter){margin-bottom:.5rem}.cpSelect__label--isAfter{margin-top:.375em}.cpSelect--isDisabled .cpSelect__inner{border-color:#d8d8de!important;background:#f8faff}.cpSelect--isDisabled .cpSelect__inner,.cpSelect--isDisabled .cpSelect__container:after{cursor:not-allowed;color:#b2b2bd}.cpSelect--isDisabled .cpSelect__container:after{opacity:.4}.cpSelect--isInvalid .cpSelect__inner,.cpSelect--isInvalid .cpSelect__inner:hover,.cpSelect--isInvalid .cpSelect__inner:focus{border-color:#eb0505}.cpSelect--isInvalid .cpSelect__inner:focus{box-shadow:0 0 0 .1875em #fd9595}.cpSelect--isLarge .cpSelect__container:after{right:1em;width:1.5em;height:1.5em}.cpSelect--isLarge .cpSelect__inner{padding:1em 3em 1em 1em;height:3.375em}.u-text-ellipsis,.cpSelectMenu__label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.cpSelectMenu{position:relative;font-size:1em}.cpSelectMenu__button{box-shadow:inset 0 .0625em .125em #0000001f;border:.0625rem solid #d8d8de;border-radius:.625em;background:#fff;padding:.75em;width:100%;height:2.75em;display:flex;align-items:center;justify-content:space-between;font-size:inherit;font-weight:400;text-transform:capitalize}.cpSelectMenu__button:hover,.cpSelectMenu__button:active,.cpSelectMenu__button:focus{border-color:#144dc2}.cpSelectMenu__button:focus{outline:none!important;box-shadow:0 0 0 .1875em #c9d9f9}.cpSelectMenu__icon{margin-left:.75em;width:1.25em;height:1.25em;flex-shrink:0;transition:transform .2s ease-out}.cpSelectMenu__icon--isOpened{transform:rotateX(180deg)}.cpSelectMenu__dropdown{z-index:3;position:absolute;top:calc(100% + 4px);left:0;border:.0625rem solid #d8d8de;border-radius:.625em;background:#fff;width:max(100%,15.625rem);font-size:inherit}.cpSelectMenu .dropdown svg{width:1.125em;height:1.125em}.cpSelectMenu .dropdown__title{padding:.75em .5em;display:flex;align-items:center;justify-content:space-between;white-space:normal;font-weight:600;color:#3e3e5b}.cpSelectMenu .dropdown__filterBar{border-top:.0625rem solid #d8d8de;border-bottom:.0625rem solid #d8d8de;background-color:#ececef99;padding:.5em;display:flex;align-items:center}.cpSelectMenu .dropdown__filterBar>input{background-color:transparent;flex:1;color:#3e3e5b}.cpSelectMenu .dropdown__filterBar>input::placeholder{color:#8b8b9d}.cpSelectMenu .dropdown__filterBar i{margin-right:.5em;color:#3e3e5b;flex-shrink:0}.cpSelectMenu .dropdown__list{display:flex;flex-direction:column;min-height:15.625rem}.cpSelectMenu .dropdown__items{margin:.25em 0;padding:0;max-height:15.625rem;overflow-y:auto}.cpSelectMenu .dropdown__items li{list-style:none}.cpSelectMenu .dropdown__item{position:relative;padding:.5em 1em .5em 2.25em;width:100%;display:flex;text-align:initial;cursor:pointer;text-transform:capitalize}.cpSelectMenu .dropdown__item:hover{background-color:#ececef80}.cpSelectMenu .dropdown__item input{display:none}.cpSelectMenu .dropdown__icon{position:absolute;left:.5em;top:50%;transform:translateY(-50%);color:#144dc2}.cpSelectMenu .dropdown__emptyState{padding:1em .5em;flex:1;display:flex;align-items:center;justify-content:center;color:#8b8b9d}.cpCheckbox{position:relative;display:flex;align-items:flex-start;cursor:pointer}.cpCheckbox--isBlue input:checked{background-color:#144dc2;border-color:#144dc2}.cpCheckbox--isBlue:hover input{background-color:#f2f6fe}.cpCheckbox--isBlue:hover input:checked{background-color:#0f3b94}.cpCheckbox--isBlue input:focus-visible{position:relative;z-index:1;outline:.125rem solid #144dc2;outline-offset:.125rem}.cpCheckbox--isPurple input:checked{background-color:#5341f9;border-color:#5341f9}.cpCheckbox--isPurple:hover input{background-color:#f6f6ff}.cpCheckbox--isPurple:hover input:checked{background-color:#2610f7}.cpCheckbox--isPurple input:focus-visible{position:relative;z-index:1;outline:.125rem solid #5341f9;outline-offset:.125rem}.cpCheckbox:not(.cpCheckbox--isEmpty){gap:.75rem}.cpCheckbox__wrapper{display:flex;align-items:center;justify-content:center;padding:.25rem;flex-shrink:0}.cpCheckbox input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:.0625rem solid #d8d8de;border-radius:.25rem;width:1rem;height:1rem;flex-shrink:0;cursor:pointer;transition:background-color .1s ease-out,transform .1s linear;background-color:#fff}.cpCheckbox input+i{position:absolute;z-index:2;width:.75rem;height:.75rem;color:#fff;opacity:0;transition:opacity .2s linear .1s}.cpCheckbox input+i svg{stroke-width:3}.cpCheckbox input:checked+i{visibility:visible;opacity:1}.cpCheckbox input:disabled{background-color:#f8faff;cursor:not-allowed}.cpCheckbox input:disabled~span{color:#8b8b9d}.cpCheckbox input:checked:disabled{border-color:#c6c6ce;background-color:#c6c6ce}.cpCheckbox input:checked:disabled~span{color:#c6c6ce}.cpCheckbox input:active:not(:disabled){transform:scale(.8)}.cpCheckbox--isDisabled{cursor:not-allowed}.cpCheckbox--isReversed{flex-direction:row-reverse}.cpCheckbox__content{flex:1}.cpCheckbox__label,.cpCheckbox__helper{display:block;line-height:1.5rem}.cpCheckbox__label{font-weight:500}.cpCheckbox__label--isCapitalized:first-letter{text-transform:capitalize}.cpCheckbox__helper{color:#8b8b9d}.cpRadio{position:relative;border:.0625rem solid #d8d8de;border-radius:.625rem;padding:1rem .75rem;display:grid;grid-template-columns:min-content 1fr;grid-gap:.75rem;align-items:center;width:100%}.cpRadio:not(.cpRadio--isDisabled),.cpRadio:not(.cpRadio--isDisabled) *{cursor:pointer}.cpRadio--isBlue.cpRadio--isActive{border-color:#144dc2}.cpRadio--isBlue input:checked{background-color:#144dc2;border-color:#144dc2}.cpRadio--isBlue input:checked~span .cpRadio__label,.cpRadio--isBlue input:checked~span .cpRadio__additionalData{color:#144dc2}.cpRadio--isBlue:hover,.cpRadio--isBlue:focus-within{border-color:#144dc2}.cpRadio--isBlue:focus-within{box-shadow:0 0 0 .25rem #144dc21a}.cpRadio--isPurple.cpRadio--isActive{border-color:#5341f9}.cpRadio--isPurple input:checked{background-color:#5341f9;border-color:#5341f9}.cpRadio--isPurple input:checked~span .cpRadio__label,.cpRadio--isPurple input:checked~span .cpRadio__additionalData{color:#5341f9}.cpRadio--isPurple:hover,.cpRadio--isPurple:focus-within{border-color:#5341f9}.cpRadio--isPurple:focus-within{box-shadow:0 0 0 .25rem #5341f91a}.cpRadio--isDisabled{background-color:#f8faff;color:#8b8b9d}.cpRadio--isDisabled,.cpRadio--isDisabled *{cursor:not-allowed}.cpRadio--isDisabled:hover,.cpRadio--isDisabled:focus{box-shadow:none;border-color:#d8d8de}.cpRadio--isActive.cpRadio--isDisabled,.cpRadio--isActive.cpRadio--isDisabled:hover{border-color:#d8d8de}.cpRadio:not(:last-of-type){margin-bottom:.75rem}.cpRadio input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:.0625rem solid #d8d8de;border-radius:100%;padding:25%;width:1.25em;height:1.25em;transition:transform .1s linear}.cpRadio input:before{content:"";display:flex;width:100%;height:100%;border-radius:100%;background-color:#fff;transition:transform .15s linear;transform:scale(0)}.cpRadio input:active:not(:disabled){transform:scale(.8)}.cpRadio input:checked:before{transform:scale(1)}.cpRadio input:checked:disabled{border-color:#8b8b9d;background-color:#8b8b9d}.cpRadio input:checked:disabled~span .cpRadio__label,.cpRadio input:checked:disabled~span .cpRadio__additionalData{color:#8b8b9d}.cpRadio__content{display:flex;align-items:center;line-height:1.3}.cpRadio__information{flex-grow:2;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;text-transform:capitalize;margin:0 -.5rem}.cpRadio__label,.cpRadio__description{margin:0 .5rem;flex-grow:1}.cpRadio__label,.cpRadio__additionalData{font-weight:500}.cpRadio__description,.cpRadio__additionalData{color:#8b8b9d}.cpRadio__label{white-space:nowrap}.cpRadio__additionalData{text-align:right;margin-left:1rem}.cpSwitch{align-items:center}.cpSwitch,.cpSwitch *{cursor:pointer}.cpSwitch--hasLabel{display:grid;grid-template-columns:min-content 1fr;grid-gap:.75rem;align-items:center}.cpSwitch--isDisabled,.cpSwitch--isDisabled *,.cpSwitch--isDisabled:hover,.cpSwitch--isDisabled:hover *{cursor:not-allowed}.cpSwitch--isDisabled .cpSwitch__switch,.cpSwitch--isDisabled:hover .cpSwitch__switch{background-color:#d8d8de}.cpSwitch--isReversed{grid-template-columns:1fr min-content}.cpSwitch--isReversed .cpSwitch__label{grid-row:1}.cpSwitch--isDisabled .cpSwitch__label{color:#8b8b9d}.cpSwitch--isDisabled .cpSwitch__switch,.cpSwitch--isDisabled:hover .cpSwitch__switch{background-color:#ececef}.cpSwitch--isActive .cpSwitch__icon{transform:translateY(-50%);opacity:1}.cpSwitch--isActive .cpSwitch__knobContainer{transform:translate(50%)}.cpSwitch--isPurple.cpSwitch--isActive .cpSwitch__switch{background-color:#5341f9}.cpSwitch--isPurple .cpSwitch__switch:focus-within{box-shadow:0 0 0 .1875em #cbc6fd}.cpSwitch--isPurple:hover:not(.cpSwitch--isDisabled) .cpSwitch__switch{background-color:#a9a0fc}.cpSwitch--isPurple.cpSwitch--isActive:hover .cpSwitch__switch{background-color:#2610f7}.cpSwitch--isPurple.cpSwitch--isActive.cpSwitch--isDisabled .cpSwitch__switch,.cpSwitch--isPurple.cpSwitch--isActive.cpSwitch--isDisabled:hover .cpSwitch__swtich{background-color:#c3bdfd}.cpSwitch--isBlue.cpSwitch--isActive .cpSwitch__switch{background-color:#144dc2}.cpSwitch--isBlue .cpSwitch__switch:focus-within{box-shadow:0 0 0 .1875em #aec6f7}.cpSwitch--isBlue:hover:not(.cpSwitch--isDisabled) .cpSwitch__switch{background-color:#79a0f1}.cpSwitch--isBlue.cpSwitch--isActive:hover .cpSwitch__switch{background-color:#0f3b94}.cpSwitch--isBlue.cpSwitch--isActive.cpSwitch--isDisabled .cpSwitch__switch,.cpSwitch--isBlue.cpSwitch--isActive.cpSwitch--isDisabled:hover .cpSwitch__swtich{background-color:#a1bdf5}.cpSwitch__switch{position:relative;border-radius:1000px;background-color:#8b8b9d;overflow:hidden;transition:background-color .1s ease-out;display:flex;height:1.5em;width:3em}.cpSwitch__switch:hover{background-color:#c6c6ce}.cpSwitch input{position:absolute;z-index:1;top:0;left:0;opacity:0;width:100%;height:100%}.cpSwitch__icon{position:absolute;left:0;top:50%;transform:translateY(-50%);opacity:0;padding-left:.25rem;display:flex;align-items:center;justify-content:center;transition:opacity .12s ease-in;width:1.5em;height:1.5em}.cpSwitch__icon i{width:80%;height:100%}.cpSwitch__icon svg{stroke-width:3;color:#fff}.cpSwitch__knobContainer{width:100%;padding:.125rem;display:flex;align-items:center;transition:transform .3s cubic-bezier(.08,.82,.17,1) 0s}.cpSwitch__knob{background-color:#fff;border-radius:100%;width:calc(1.5em - .25rem);height:calc(1.5em - .25rem)}.cpTableEmptyState{padding:10vh 1rem;display:flex;align-items:center;justify-content:center}.cpTableEmptyState__icon{margin-bottom:1.5rem;border-radius:.25rem;display:inline-block;background-color:#f8faff;padding:1rem;color:#8b8b9d}.cpTableEmptyState__headline{margin-bottom:.5rem;font-size:1.25em}.cpTableEmptyState__description{color:#8b8b9d}/*! modern-normalize v3.0.1 | MIT License | https://github.com/sindresorhus/modern-normalize */*,:before,:after{box-sizing:border-box}html{font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";line-height:1.15;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4}body{margin:0}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-color:currentcolor}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}.fade-in-enter-active,.fade-in-leave-active{transition:all .15s ease-in-out}.fade-in-enter-from,.fade-in-leave-to{opacity:0;transform:scale(.9)}@keyframes cp-select-menu-dropdown-enter{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes cp-select-menu-dropdown-leave{0%{opacity:1}to{opacity:0}}.u-text-ellipsis{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.u-asterisk{position:relative;top:-.1875rem;font-size:.75em;line-height:normal}.u-asterisk:after{content:" "}legend .u-asterisk,label .u-asterisk{color:#eb0505}html{box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;font-size:100%;color:#3e3e5b;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}*,*:before,*:after{box-sizing:inherit;margin:0;outline:none;font-family:inherit}body{background-color:transparent}button{border-style:none;padding:0;background-color:transparent}button:hover{cursor:pointer}dialog{color:inherit}ul,li{margin:0;padding:0;list-style:none}svg{color:currentColor}input{font-size:inherit;border:none}.resize-observer[data-v-b329ee4c]{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;border:none;background-color:transparent;pointer-events:none;display:block;overflow:hidden;opacity:0}.resize-observer[data-v-b329ee4c] object{display:block;position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;pointer-events:none;z-index:-1}.v-popper__popper{z-index:10000;top:0;left:0;outline:none}.v-popper__popper.v-popper__popper--hidden{visibility:hidden;opacity:0;transition:opacity .15s,visibility .15s;pointer-events:none}.v-popper__popper.v-popper__popper--shown{visibility:visible;opacity:1;transition:opacity .15s}.v-popper__popper.v-popper__popper--skip-transition,.v-popper__popper.v-popper__popper--skip-transition>.v-popper__wrapper{transition:none!important}.v-popper__backdrop{position:absolute;top:0;left:0;width:100%;height:100%;display:none}.v-popper__inner{position:relative;box-sizing:border-box;overflow-y:auto}.v-popper__inner>div{position:relative;z-index:1;max-width:inherit;max-height:inherit}.v-popper__arrow-container{position:absolute;width:10px;height:10px}.v-popper__popper--arrow-overflow .v-popper__arrow-container,.v-popper__popper--no-positioning .v-popper__arrow-container{display:none}.v-popper__arrow-inner,.v-popper__arrow-outer{border-style:solid;position:absolute;top:0;left:0;width:0;height:0}.v-popper__arrow-inner{visibility:hidden;border-width:7px}.v-popper__arrow-outer{border-width:6px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{left:-2px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{left:-1px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer{border-bottom-width:0;border-left-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner{top:-2px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-container{top:0}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{border-top-width:0;border-left-color:transparent!important;border-right-color:transparent!important;border-top-color:transparent!important}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{top:-4px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{top:-6px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{top:-2px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{top:-1px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{border-left-width:0;border-left-color:transparent!important;border-top-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{left:-4px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{left:-6px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-container{right:-10px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer{border-right-width:0;border-top-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner{left:-2px}.v-popper--theme-tooltip .v-popper__inner{background:#000c;color:#fff;border-radius:6px;padding:7px 12px 6px}.v-popper--theme-tooltip .v-popper__arrow-outer{border-color:#000c}.v-popper--theme-dropdown .v-popper__inner{background:#fff;color:#000;border-radius:6px;border:1px solid #ddd;box-shadow:0 6px 30px #0000001a}.v-popper--theme-dropdown .v-popper__arrow-inner{visibility:visible;border-color:#fff}.v-popper--theme-dropdown .v-popper__arrow-outer{border-color:#ddd}.cpTable{position:relative;display:flex;flex-direction:column}.cpTable__container{position:relative;display:flex;flex-direction:column;flex:1}.cpTable__container--hasPagination{border-bottom:.0625rem solid #d8d8de}.cpTable__container[role=region][aria-labelledby][tabindex]{overflow:auto}.cpTable__container[role=region][aria-labelledby][tabindex]:focus{border-radius:.625rem;box-shadow:0 0 0 .1875em #aec6f7}.cpTable__container[role=region][aria-labelledby][tabindex] .cpTable__table{margin:0;border:none}.cpTable__container[role=region][aria-labelledby][tabindex]{background:linear-gradient(to right,#fff 30%,#fff0),linear-gradient(to right,#fff0,#fff 70%) 0 100%,radial-gradient(farthest-side at 0% 50%,#3e3e5b33,#3e3e5b00),radial-gradient(farthest-side at 100% 50%,#3e3e5b33,#3e3e5b00) 0 100%;background-repeat:no-repeat;background-color:#fff;background-size:40px 100%,40px 100%,14px 100%,14px 100%;background-position:0 0,100%,0 0,100%;background-attachment:local,local,scroll,scroll}.cpTable__caption{position:sticky;left:0;margin-bottom:1rem;text-align:left;font-size:1.125em}.cpTable__caption:first-letter{text-transform:capitalize}.cpTable__table{border-collapse:collapse;width:100%}.cpTable__row--body:not(:last-of-type){border-bottom:.0625rem solid #d8d8de}.cpTable__row--body:not(.cpTable__row--isFullWidth):not(.cpTable__row--isSelected):hover,.cpTable__row--body:not(.cpTable__row--isFullWidth):not(.cpTable__row--isSelected):focus,.cpTable__row--body:not(.cpTable__row--isFullWidth):not(.cpTable__row--isSelected):focus-within{background-color:#3e3e5b0d;transition:background-color .1s ease-in-out}.cpTable__row--body:not(.cpTable__row--isFullWidth):not(.cpTable__row--isSelected):focus,.cpTable__row--body:not(.cpTable__row--isFullWidth):not(.cpTable__row--isSelected):focus-within{color:#5341f9}.cpTable__row--isFullWidth td{padding:.5rem;background-color:#3e3e5b08}.cpTable__row--isClickable{cursor:pointer}.cpTable__row--isSelected{background-color:#5341f91a;color:#5341f9}.cpTable__row--body td{font-size:.875em}.cpTable__column{position:sticky;top:0;z-index:3;background-color:#fff;padding:.5rem .75rem;text-align:left;white-space:nowrap;font-size:.75em;font-weight:400;color:#8b8b9d}.cpTable__column:first-letter{text-transform:capitalize}.cpTable__column:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:.0625rem;background-color:#d8d8de}.cpTable__body{vertical-align:middle}.cpTable__row--body,.cpTable__cell{vertical-align:inherit}.cpTable__cell:not(.cpTable__cell--isFullWidth):not(.cpTable__cell--isOptions){padding:1rem .75rem;white-space:nowrap}.cpTable__cell--isFullWidth span,.cpTable__cell--isOptions{position:sticky}.cpTable__cell--isFullWidth span{left:50%;transform:translate(-50%);display:inline-block}.cpTable__cell--isOptions{right:0;padding:0 .75rem}.cpTable__cell--isOptions button{border:.0625rem solid #d8d8de;border-radius:.5rem;background-color:#fff;display:inline-flex;padding:.25rem;color:#8b8b9d}.cpTable__cell--isOptions button:hover{background-color:#fbfbfc;color:#3e3e5b}.cpTable__cell--isOptions button:focus{outline:none!important;box-shadow:0 0 0 .1875em #c9d9f9}.cpTable__cell--isOptions i{width:1rem;height:1rem}@media (hover: hover) and (pointer: fine){.cpTable__cell--isOptions{opacity:0;transition:opacity .2s cubic-bezier(.175,.885,.32,1.175)}.cpTable__row:focus .cpTable__cell--isOptions,.cpTable__row:focus-within .cpTable__cell--isOptions,.cpTable__row:hover .cpTable__cell--isOptions{opacity:1}}.cpTable__emptyState{flex:1}.cpTable--isLoading .cpTable__overlay{opacity:.5;pointer-events:all}.cpTable__overlay{position:absolute;overflow:hidden;left:0;right:0;top:0;bottom:0;border-radius:.625rem;background-color:#fff;z-index:4;opacity:0;transition:.15s opacity ease-in-out;cursor:wait;pointer-events:none}.cpTable__overlay:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background-image:linear-gradient(90deg,#c6c6ce00 0,#c6c6ce33 20%,#c6c6ce80 60%,#c6c6ce00);animation:shimmer 2s infinite}@keyframes shimmer{to{transform:translate(100%)}}.cpTable__loader{width:2rem;height:2rem}.cpTable__loader--isSmall{display:inline-block;vertical-align:middle;width:1.5rem;height:1.5rem}.cpTable__footer{padding:1rem .75rem 0;display:flex;align-items:center;font-size:.875em}.cpTable .footer__details,.cpTable .footer__pagination{flex:1}.cpTable .footer__results{font-variant-numeric:tabular-nums;color:#8b8b9d}.cpTable .footer__results strong{color:#3e3e5b}.cpTable .footer__pagination{text-align:right}.cpTable .footer__pagination button{box-shadow:0 .0625rem .125rem #3e3e5b14;border-radius:.625rem;border:.0625rem solid #d8d8de;padding:.375rem .625rem;transition:background-color .15s;background-color:#fff}.cpTable .footer__pagination button:hover{background-color:#3e3e5b0d}.cpTable .footer__pagination button:focus{outline:none!important;box-shadow:0 0 0 .1875em #aec6f7}.cpTable .footer__pagination button:disabled{box-shadow:none;border-color:#f8faff;background-color:#f8faff;color:#b2b2bd;cursor:not-allowed;-webkit-user-select:none;user-select:none}.cpTable .footer__pagination button:last-of-type{margin-left:.5rem}
|
package/package.json
CHANGED
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
<template>
|
|
2
|
+
<figure :style="dynamicStyle" class="cpAirlineLogo" :title="dynamicTitle" />
|
|
3
|
+
</template>
|
|
4
|
+
|
|
5
|
+
<script setup>
|
|
6
|
+
import { computed } from 'vue'
|
|
7
|
+
|
|
8
|
+
const props = defineProps({
|
|
9
|
+
iataCode: {
|
|
10
|
+
type: String,
|
|
11
|
+
default: '1L',
|
|
12
|
+
},
|
|
13
|
+
size: {
|
|
14
|
+
type: [Number, String],
|
|
15
|
+
default: 32,
|
|
16
|
+
},
|
|
17
|
+
})
|
|
18
|
+
|
|
19
|
+
const airlineLogoUrl = computed(() => `https://images.kiwi.com/airlines/64/${props.iataCode}.png?default=airline.png`)
|
|
20
|
+
|
|
21
|
+
const dynamicStyle = computed(() => {
|
|
22
|
+
const size = props.size === '100%' ? props.size : `${props.size}px`
|
|
23
|
+
|
|
24
|
+
return {
|
|
25
|
+
backgroundImage: `url('${airlineLogoUrl.value}')`,
|
|
26
|
+
width: size,
|
|
27
|
+
height: size,
|
|
28
|
+
}
|
|
29
|
+
})
|
|
30
|
+
|
|
31
|
+
const dynamicTitle = computed(() => `${props.iataCode} airline logo`)
|
|
32
|
+
</script>
|
|
33
|
+
|
|
34
|
+
<style lang="scss">
|
|
35
|
+
.cpAirlineLogo {
|
|
36
|
+
overflow: hidden;
|
|
37
|
+
border-radius: fn.px-to-rem(4);
|
|
38
|
+
background-repeat: no-repeat;
|
|
39
|
+
background-size: contain;
|
|
40
|
+
}
|
|
41
|
+
</style>
|
|
@@ -0,0 +1,97 @@
|
|
|
1
|
+
<template>
|
|
2
|
+
<div class="cpPartnerBadge" :class="componentDynamicClasses">
|
|
3
|
+
<slot name="icon">
|
|
4
|
+
<component :is="dynamicBadgeProps.icon" class="cpPartnerBadge__icon" />
|
|
5
|
+
</slot>
|
|
6
|
+
</div>
|
|
7
|
+
</template>
|
|
8
|
+
|
|
9
|
+
<script setup>
|
|
10
|
+
import { computed } from 'vue'
|
|
11
|
+
|
|
12
|
+
import { PartnerTypes, Sizes } from '@/utils/constants'
|
|
13
|
+
|
|
14
|
+
import IconOta from '@/components/icons/IconOta.vue'
|
|
15
|
+
import IconAirline from '@/components/icons/IconAirline.vue'
|
|
16
|
+
import IconSupplier from '@/components/icons/IconSupplier.vue'
|
|
17
|
+
import IconThirdParty from '@/components/icons/IconThirdParty.vue'
|
|
18
|
+
|
|
19
|
+
const props = defineProps({
|
|
20
|
+
size: {
|
|
21
|
+
type: String,
|
|
22
|
+
required: false,
|
|
23
|
+
default: 'md',
|
|
24
|
+
validator(value) {
|
|
25
|
+
return Object.values(Sizes).includes(value)
|
|
26
|
+
},
|
|
27
|
+
},
|
|
28
|
+
type: {
|
|
29
|
+
type: String,
|
|
30
|
+
required: true,
|
|
31
|
+
validator(value) {
|
|
32
|
+
return Object.values(PartnerTypes).includes(value)
|
|
33
|
+
},
|
|
34
|
+
},
|
|
35
|
+
})
|
|
36
|
+
|
|
37
|
+
const dynamicBadgeProps = computed(() => {
|
|
38
|
+
switch (props.type) {
|
|
39
|
+
case PartnerTypes.OTA:
|
|
40
|
+
return { classModifier: 'isOta', icon: IconOta }
|
|
41
|
+
case PartnerTypes.AIRLINE:
|
|
42
|
+
return { classModifier: 'isAirline', icon: IconAirline }
|
|
43
|
+
case PartnerTypes.SUPPLIER:
|
|
44
|
+
return { classModifier: 'isSupplier', icon: IconSupplier }
|
|
45
|
+
case PartnerTypes.THIRDPARTY:
|
|
46
|
+
default:
|
|
47
|
+
return { classModifier: 'isThirdParty', icon: IconThirdParty }
|
|
48
|
+
}
|
|
49
|
+
})
|
|
50
|
+
|
|
51
|
+
const componentDynamicClasses = computed(() => {
|
|
52
|
+
return [`cpPartnerBadge--${props.size}`, `cpPartnerBadge--${dynamicBadgeProps.value.classModifier}`]
|
|
53
|
+
})
|
|
54
|
+
</script>
|
|
55
|
+
|
|
56
|
+
<style lang="scss">
|
|
57
|
+
.cpPartnerBadge {
|
|
58
|
+
display: inline-flex;
|
|
59
|
+
padding: sp.$space-xs;
|
|
60
|
+
align-items: center;
|
|
61
|
+
justify-content: center;
|
|
62
|
+
border-radius: fn.px-to-rem(4);
|
|
63
|
+
color: colors.$neutral-light;
|
|
64
|
+
|
|
65
|
+
&--isOta {
|
|
66
|
+
background-color: colors.$orange;
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
&--isAirline {
|
|
70
|
+
background-color: colors.$blue-1;
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
&--isSupplier {
|
|
74
|
+
background-color: colors.$purple;
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
&--isThirdParty {
|
|
78
|
+
background-color: colors.$pink;
|
|
79
|
+
}
|
|
80
|
+
|
|
81
|
+
> * {
|
|
82
|
+
width: fn.px-to-rem(20);
|
|
83
|
+
height: fn.px-to-rem(20);
|
|
84
|
+
aspect-ratio: 1/1;
|
|
85
|
+
}
|
|
86
|
+
|
|
87
|
+
&--sm > * {
|
|
88
|
+
width: fn.px-to-rem(16);
|
|
89
|
+
height: fn.px-to-rem(16);
|
|
90
|
+
}
|
|
91
|
+
|
|
92
|
+
&--xs > * {
|
|
93
|
+
width: fn.px-to-rem(12);
|
|
94
|
+
height: fn.px-to-rem(12);
|
|
95
|
+
}
|
|
96
|
+
}
|
|
97
|
+
</style>
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
<template>
|
|
2
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor">
|
|
3
|
+
<path
|
|
4
|
+
d="M10.1152 8.42326L10.1404 3.98405C10.1464 2.93184 11.0042 2.07886 12.0564 2.07886C13.1087 2.07886 13.9568 2.93184 13.9508 3.98405L13.9256 8.42326L19.7937 12.7402C20.0805 12.9512 20.2487 13.2867 20.2467 13.6437L20.2364 15.4465C20.2342 15.8357 19.8455 16.1062 19.4808 15.9723L13.8944 13.9217L13.8715 17.9399L15.1113 18.8728C15.3924 19.0843 15.5567 19.4164 15.5546 19.7691L15.5462 21.2515C15.5443 21.5964 15.2019 21.8378 14.8773 21.7231L11.9507 20.6891L9.01229 21.7231C8.68636 21.8378 8.34675 21.5964 8.34871 21.2515L8.35714 19.7691C8.35914 19.4164 8.52718 19.0843 8.81065 18.8728L10.0611 17.9399L10.0839 13.9217L4.47412 15.9723C4.10792 16.1062 3.72228 15.8357 3.72449 15.4465L3.73474 13.6437C3.73676 13.2867 3.90882 12.9512 4.19797 12.7402L10.1152 8.42326Z"
|
|
5
|
+
/>
|
|
6
|
+
</svg>
|
|
7
|
+
</template>
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
<template>
|
|
2
|
+
<svg
|
|
3
|
+
class="iconOta"
|
|
4
|
+
width="24"
|
|
5
|
+
height="24"
|
|
6
|
+
viewBox="0 0 24 24"
|
|
7
|
+
fill="currentColor"
|
|
8
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
9
|
+
>
|
|
10
|
+
<path
|
|
11
|
+
d="M14.5185 19.4762C14.4808 19.4317 14.4345 19.3951 14.3825 19.3684C14.3303 19.3418 14.2735 19.3257 14.215 19.3211H10.7464C10.6837 19.3233 10.6221 19.3382 10.5655 19.3649C10.5088 19.3915 10.4581 19.4294 10.4168 19.4762L8.59576 21.6558C8.55345 21.723 8.53101 21.8006 8.53101 21.8798C8.53101 21.9591 8.55345 22.0367 8.59576 22.1038C8.63272 22.1804 8.6925 22.2438 8.76696 22.2853C8.84143 22.327 8.92698 22.3447 9.01201 22.3364H15.9494C16.028 22.334 16.1044 22.3107 16.1711 22.2691C16.2376 22.2275 16.2917 22.169 16.328 22.0996C16.3642 22.0303 16.3811 21.9526 16.3771 21.8746C16.373 21.7966 16.3481 21.7211 16.3049 21.6558L14.5185 19.4762Z"
|
|
12
|
+
/>
|
|
13
|
+
<path
|
|
14
|
+
d="M21.5838 1.66168H3.37509C3.03013 1.66168 2.69932 1.79782 2.45541 2.04014C2.21149 2.28245 2.07446 2.6111 2.07446 2.9538V16.7364C2.07446 17.079 2.21149 17.4077 2.45541 17.65C2.69932 17.8923 3.03013 18.0285 3.37509 18.0285H21.5838C21.9287 18.0285 22.2596 17.8923 22.5034 17.65C22.7474 17.4077 22.8844 17.079 22.8844 16.7364V2.9538C22.8844 2.6111 22.7474 2.28245 22.5034 2.04014C22.2596 1.79782 21.9287 1.66168 21.5838 1.66168ZM21.1503 14.1521C21.1503 14.2663 21.1045 14.3759 21.0233 14.4567C20.9419 14.5374 20.8317 14.5828 20.7167 14.5828H4.24217C4.12719 14.5828 4.01691 14.5374 3.93561 14.4567C3.8543 14.3759 3.80863 14.2663 3.80863 14.1521V3.81521C3.80863 3.70098 3.8543 3.59143 3.93561 3.51065C4.01691 3.42988 4.12719 3.3845 4.24217 3.3845H20.7167C20.8317 3.3845 20.9419 3.42988 21.0233 3.51065C21.1045 3.59143 21.1503 3.70098 21.1503 3.81521V14.1521Z"
|
|
15
|
+
/>
|
|
16
|
+
<path
|
|
17
|
+
d="M13.3937 7.3024L15.0225 6.36819C15.4085 6.14676 15.9028 6.27919 16.1264 6.66398C16.35 7.04877 16.2184 7.54022 15.8323 7.76165L14.2035 8.69585L13.9059 11.4457C13.8684 11.7925 13.6669 12.1002 13.3635 12.2742C13.0328 12.4639 12.6122 12.2678 12.5461 11.893L12.1862 9.85298L10.7119 10.6986L10.6867 10.91C10.6361 11.3348 10.3872 11.7106 10.015 11.924C9.81121 12.0409 9.5519 11.9219 9.50833 11.6914L9.2983 10.5804L8.43479 9.84418C8.25568 9.69147 8.28157 9.40886 8.48538 9.29196C8.85756 9.07849 9.30954 9.05223 9.70523 9.2211L9.90209 9.30512L11.3763 8.45953L9.77799 7.12983C9.48431 6.88552 9.52361 6.42565 9.85438 6.23592C10.1578 6.06191 10.5267 6.04246 10.8478 6.18355L13.3937 7.3024Z"
|
|
18
|
+
/>
|
|
19
|
+
</svg>
|
|
20
|
+
</template>
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
<template>
|
|
2
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor">
|
|
3
|
+
<path
|
|
4
|
+
d="M13.8299 2C15.8212 2 17.4369 3.60517 17.4369 5.58345V9.20768H17.42C16.1002 9.20768 15.0302 10.2706 15.0302 11.5807V13.319C15.0302 13.6981 14.7211 14.0064 14.3383 14.0064H9.66617C9.28457 14.0064 8.97422 13.6981 8.97422 13.319V11.5807C8.97422 10.2706 7.90431 9.20768 6.58442 9.20768H6.56873V5.58345C6.56873 3.60517 8.18326 2 10.1746 2H13.8299Z"
|
|
5
|
+
/>
|
|
6
|
+
<path
|
|
7
|
+
d="M17.4343 10.3981C16.7665 10.3981 16.2267 10.9355 16.2267 11.5978V14.5178C16.2267 14.8933 15.92 15.1968 15.542 15.1968H8.45714C8.07917 15.1968 7.77365 14.8933 7.77365 14.5178V11.5978C7.77365 10.9355 7.23265 10.3981 6.56607 10.3981C5.89828 10.3981 5.35849 10.9355 5.35849 11.5978V15.7175C5.35849 16.7552 6.205 17.5962 7.24956 17.5962H9.50411C9.88208 17.5962 10.1888 17.9009 10.1888 18.2764V19.6596C10.1888 19.8456 10.0367 19.9955 9.84948 19.9955H8.78198C8.22528 19.9955 7.77365 20.4442 7.77365 20.9973C7.77365 21.5515 8.22528 22.0002 8.78198 22.0002H15.2184C15.7751 22.0002 16.2267 21.5515 16.2267 20.9973C16.2267 20.4442 15.7751 19.9955 15.2184 19.9955H14.1497C13.9625 19.9955 13.8116 19.8456 13.8116 19.6596V18.2764C13.8116 17.9009 14.1171 17.5962 14.495 17.5962H17.4343C17.7676 17.5962 18.0695 17.463 18.288 17.2459C18.5066 17.0275 18.6419 16.7276 18.6419 16.3965V11.5978C18.6419 10.9355 18.1009 10.3981 17.4343 10.3981Z"
|
|
8
|
+
/>
|
|
9
|
+
</svg>
|
|
10
|
+
</template>
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
<template>
|
|
2
|
+
<svg
|
|
3
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
4
|
+
width="24"
|
|
5
|
+
height="24"
|
|
6
|
+
viewBox="0 0 24 24"
|
|
7
|
+
fill="none"
|
|
8
|
+
stroke="currentColor"
|
|
9
|
+
stroke-width="2"
|
|
10
|
+
stroke-linecap="round"
|
|
11
|
+
stroke-linejoin="round"
|
|
12
|
+
>
|
|
13
|
+
<path
|
|
14
|
+
d="M17.4 21C18.8912 21 20.1 19.7912 20.1 18.3C20.1 16.8088 18.8912 15.6 17.4 15.6C15.9088 15.6 14.7 16.8088 14.7 18.3C14.7 19.7912 15.9088 21 17.4 21Z"
|
|
15
|
+
/>
|
|
16
|
+
<path
|
|
17
|
+
d="M6.59999 14.7C8.09116 14.7 9.29999 13.4912 9.29999 12C9.29999 10.5088 8.09116 9.3 6.59999 9.3C5.10883 9.3 3.89999 10.5088 3.89999 12C3.89999 13.4912 5.10883 14.7 6.59999 14.7Z"
|
|
18
|
+
/>
|
|
19
|
+
<path d="M8.931 13.359L15.078 16.941" />
|
|
20
|
+
<path
|
|
21
|
+
d="M17.4 8.4C18.8912 8.4 20.1 7.19117 20.1 5.7C20.1 4.20883 18.8912 3 17.4 3C15.9088 3 14.7 4.20883 14.7 5.7C14.7 7.19117 15.9088 8.4 17.4 8.4Z"
|
|
22
|
+
/>
|
|
23
|
+
<path d="M15.069 7.05901L8.931 10.641" />
|
|
24
|
+
</svg>
|
|
25
|
+
</template>
|
package/src/components/index.js
CHANGED
|
@@ -12,6 +12,8 @@ import CpBadge from './atomic-elements/CpBadge.vue'
|
|
|
12
12
|
import CpDialog from './atomic-elements/CpDialog.vue'
|
|
13
13
|
import CpDialogWrapper from './atomic-elements/CpDialogWrapper.vue'
|
|
14
14
|
import CpTooltip from './atomic-elements/CpTooltip.vue'
|
|
15
|
+
import CpPartnerBadge from './atomic-elements/CpPartnerBadge.vue'
|
|
16
|
+
import CpAirlineLogo from './atomic-elements/CpAirlineLogo.vue'
|
|
15
17
|
|
|
16
18
|
// Typography
|
|
17
19
|
import CpHeading from './typography/CpHeading.vue'
|
|
@@ -53,6 +55,10 @@ import CpIcon from './visual/CpIcon.vue'
|
|
|
53
55
|
|
|
54
56
|
// Icons
|
|
55
57
|
import IconTooltip from './icons/IconTooltip.vue'
|
|
58
|
+
import IconAirline from './icons/IconAirline.vue'
|
|
59
|
+
import IconOta from './icons/IconOta.vue'
|
|
60
|
+
import IconSupplier from './icons/IconSupplier.vue'
|
|
61
|
+
import IconThirdParty from './icons/IconThirdParty.vue'
|
|
56
62
|
|
|
57
63
|
// Helpers and Utilities
|
|
58
64
|
import TransitionExpand from './helpers-utilities/TransitionExpand.vue'
|
|
@@ -83,6 +89,12 @@ const Components = {
|
|
|
83
89
|
CpTable,
|
|
84
90
|
CpIcon,
|
|
85
91
|
CpTooltip,
|
|
92
|
+
CpPartnerBadge,
|
|
93
|
+
CpAirlineLogo,
|
|
94
|
+
IconAirline,
|
|
95
|
+
IconOta,
|
|
96
|
+
IconSupplier,
|
|
97
|
+
IconThirdParty,
|
|
86
98
|
IconTooltip,
|
|
87
99
|
TransitionExpand,
|
|
88
100
|
}
|
|
@@ -0,0 +1,93 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/vue3'
|
|
2
|
+
|
|
3
|
+
import CpAirlineLogo from '@/components/atomic-elements/CpAirlineLogo.vue'
|
|
4
|
+
|
|
5
|
+
const meta = {
|
|
6
|
+
title: 'CpAirlineLogo',
|
|
7
|
+
component: CpAirlineLogo,
|
|
8
|
+
parameters: {
|
|
9
|
+
docs: {
|
|
10
|
+
description: {
|
|
11
|
+
component:
|
|
12
|
+
'A component that displays airline logos using IATA codes. Fetches logos from Kiwi.com CDN and displays them with customizable sizes.',
|
|
13
|
+
},
|
|
14
|
+
},
|
|
15
|
+
},
|
|
16
|
+
argTypes: {
|
|
17
|
+
iataCode: {
|
|
18
|
+
control: 'text',
|
|
19
|
+
description: 'The IATA airline code (e.g., "LH" for Lufthansa, "BA" for British Airways)',
|
|
20
|
+
table: {
|
|
21
|
+
type: { summary: 'string' },
|
|
22
|
+
defaultValue: { summary: '1L' },
|
|
23
|
+
},
|
|
24
|
+
},
|
|
25
|
+
size: {
|
|
26
|
+
control: 'number',
|
|
27
|
+
description: 'The size of the logo in pixels',
|
|
28
|
+
table: {
|
|
29
|
+
type: { summary: 'number' },
|
|
30
|
+
defaultValue: { summary: '32' },
|
|
31
|
+
},
|
|
32
|
+
},
|
|
33
|
+
},
|
|
34
|
+
tags: ['autodocs'],
|
|
35
|
+
} satisfies Meta<typeof CpAirlineLogo>
|
|
36
|
+
|
|
37
|
+
export default meta
|
|
38
|
+
type Story = StoryObj<typeof meta>
|
|
39
|
+
|
|
40
|
+
const defaultTemplate = '<CpAirlineLogo v-bind="args" />'
|
|
41
|
+
const defaultRender = (args) => ({
|
|
42
|
+
components: { CpAirlineLogo },
|
|
43
|
+
setup() {
|
|
44
|
+
return { args }
|
|
45
|
+
},
|
|
46
|
+
template: defaultTemplate,
|
|
47
|
+
})
|
|
48
|
+
|
|
49
|
+
export const Default: Story = {
|
|
50
|
+
args: {
|
|
51
|
+
iataCode: 'AF',
|
|
52
|
+
size: 32,
|
|
53
|
+
},
|
|
54
|
+
render: defaultRender,
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
export const MultipleAirlines: Story = {
|
|
58
|
+
render: () => ({
|
|
59
|
+
components: { CpAirlineLogo },
|
|
60
|
+
template: `
|
|
61
|
+
<div style="display: flex; gap: 16px; align-items: center; flex-wrap: wrap;">
|
|
62
|
+
<CpAirlineLogo iataCode="1L" :size="32" />
|
|
63
|
+
<CpAirlineLogo iataCode="BA" :size="32" />
|
|
64
|
+
<CpAirlineLogo iataCode="EK" :size="32" />
|
|
65
|
+
<CpAirlineLogo iataCode="AA" :size="32" />
|
|
66
|
+
<CpAirlineLogo iataCode="AF" :size="32" />
|
|
67
|
+
<CpAirlineLogo iataCode="KL" :size="32" />
|
|
68
|
+
</div>
|
|
69
|
+
`,
|
|
70
|
+
}),
|
|
71
|
+
parameters: {
|
|
72
|
+
docs: {
|
|
73
|
+
description: {
|
|
74
|
+
story: 'Multiple airline logos displayed together.',
|
|
75
|
+
},
|
|
76
|
+
},
|
|
77
|
+
},
|
|
78
|
+
}
|
|
79
|
+
|
|
80
|
+
export const EmptyIATACode: Story = {
|
|
81
|
+
args: {
|
|
82
|
+
iataCode: '',
|
|
83
|
+
size: 32,
|
|
84
|
+
},
|
|
85
|
+
render: defaultRender,
|
|
86
|
+
parameters: {
|
|
87
|
+
docs: {
|
|
88
|
+
description: {
|
|
89
|
+
story: 'Shows the component with an empty IATA code.',
|
|
90
|
+
},
|
|
91
|
+
},
|
|
92
|
+
},
|
|
93
|
+
}
|