:root .mniPage {
--link-light: #0077CC;
--link-dark: #046AB3;
--bs-body-color: #414042;
--border-light: #E5E5E5;
--border-1: #0E6192;
--border-2: #583E96;
--border-3: #51653C;
--border-4: #8C2F58;
--border-5: #583E96;
--border-6: #7E6AAD;
--border-7: #583E96;
--border-8: #F2EDFD;
--border-9: #677C50;
--border-10: #51653C;
--border-11: #F8FFF0;
--border-12: #247BAE;
--border-13: #0E6192;
--border-14: #EDF8FF;
--border-15: #B14373;
--border-16: #8C2F58;
--border-17: #FFE4E7;
--border-18: #005496;
--border-19: #03477D;
--border-20: #E8F8FF;
--border-21: #BD5B00;
--border-22: #954801;
--border-23: #FFF4E9;
--gray-text: #AEAEAE;
--yotpo-text-color: #0077CC;
--tool-bg-grad-start: #EDF8FF;
--tool-bg-grad-end: #0E6192;
}
:root .mniWork {
--primary: #247BAE;
--primary-dark: #0E6192;
--primary-light: #EDF8FF;
--secondary: #EDF8FF;
--tertiary-bg: #EDF8FF;
--tool-bg-grad-start: #EDF8FF;
--tool-bg-grad-end: #0E6192;
--tool-card-border: #6DB5DF;
--tool-card-bg-end: #F0F9FF;
--coupon-img: url('data:image/svg+xml,');
}
:root .mniAcademy {
--primary: #7E6AAD;
--primary-dark: #583E96;
--primary-light: #F2EDFD;
--secondary: #F2EDFD;
--tertiary-bg: #F2EDFD;
--tool-bg-grad-start: #F2EDFD;
--tool-bg-grad-end: #583E96;
--tool-card-border: #BEB3D7;
--tool-card-bg-end: #F9F6FE;
--coupon-img: url('data:image/svg+xml,');
}
:root .mniArmy {
--primary: #677C50;
--primary-dark: #51653C;
--primary-light: #F8FFF0;
--secondary: #F8FFF0;
--tertiary-bg: #F8FFF0;
--tool-bg-grad-start: #F8FFF0;
--tool-bg-grad-end: #51653C;
--tool-card-border: #849175;
--tool-card-bg-end: #FFF;
--coupon-img: url('data:image/svg+xml,');
}
:root .mniSchool {
--primary: #B14373;
--primary-dark: #8C2F58;
--primary-light: #FFE4E7;
--tertiary-bg: #F5E8EE;
--secondary: #FFE4E7;
--tool-bg-grad-start: #FFE4E7;
--tool-bg-grad-end: #8C2F58;
--tool-card-border: #E3A3BF;
--tool-card-bg-end: #FFEFF1;
--coupon-img: url('data:image/svg+xml,');
}
:root .mniDarkBlue {
--primary: #005496;
--primary-dark: #03477D;
--primary-light: #E8F8FF;
--secondary: #E8F8FF;
--tertiary-bg: #E8F8FF;
--tool-bg-grad-start: #E8F8FF;
--tool-bg-grad-end: #005496;
--tool-card-border: #6CA1CA;
--tool-card-bg-end: #E8F8FF;
--coupon-img: url('data:image/svg+xml,');
}
:root .mniOrange {
--primary: #BD5B00;
--primary-dark: #954801;
--primary-light: #FFF4E9;
--secondary: #FFF4E9;
--tertiary-bg: #FFF4E9;
--coupon-img: url('data:image/svg+xml,');
}
:root .jhnmPage {
--primary: #0E73FB;
--primary-dark: #064292;
--bs-body-color: #292B39;
--secondary: #B7D5FE;
--tertiary-bg: #F1F7FF;
--border-light: #E7E7E7;
--gray-text: #8D8D8D;
--tool-bg-grad-start: #81B6FD;
--tool-bg-grad-end: #064292;
--tool-card-border: #B7D5FE;
--tool-card-bg-end: #F1F7FF;
}
:root .arabPage,
:root .jtpPage {
--primary: #19866A;
--primary-dark: #12634F;
--bs-body-color: #414042;
--secondary: #F6DCCB;
--tertiary-bg: #E9F8F5;
--quaternary-lighter: #E5F0FF;
--primary-light: #E9F8F5;
--secondary-light: #C0E2FF;
--tertiary-light: #D7EEBF;
--quinary: #F9DEDE;
--senary: #F1EBFA;
--border-1: #F8AB79;
--border-2: #5CCCB0;
--border-3: #9AB4DC;
--border-4: #E38787;
--border-5: #B396E1;
--border-light: #E5E5E5;
--gray-text: #AEAEAE;
--yotpo-text-color: #19866A;
--tool-bg-grad-start: #E9F8F5;
--tool-bg-grad-end: #12634F;
--tool-card-border: #99CDC0;
--tool-card-bg-end: #E9F8F5;
--primary-redesign: #177a61;
--text-black-redesign: #1C1C1C;
--text-gray-redesign: #555555;
--border-6-redesign: #A3CFC3;
--border-7-redesign: #BCE0D6;
--card-shadow-rgb-redesign: 156, 209, 196;
--search-border-start-redesign: #1C8B6F;
--search-border-end-redesign: #20CFA2;
--search-button-glow-redesign: #26D4A7;
--gray-shadow-rgb-redesign: 135, 133, 133;
--border-gradient-end-redesign: #8BDEC9;
--bright-bg-redesign: #F9F9F9;
}
:root .b2bPage {
--primary: #007DB3;
--primary-dark: #005496;
--bs-body-color: #292B39;
--secondary: #F6DCCB;
--tertiary-bg: #E9F8F5;
--quaternary-lighter: #E5F0FF;
--primary-light: #C0E2FF;
--secondary-light: #C0E2FF;
--tertiary-light: #D7EEBF;
--quinary: #F9DEDE;
--senary: #F1EBFA;
--border-1: #F8AB79;
--border-2: #5CCCB0;
--border-3: #9AB4DC;
--border-4: #E38787;
--border-5: #B396E1;
--border-light: #E5E5E5;
--gray-text: #AEAEAE;
--yotpo-text-color: #0077CC;
--tool-bg-grad-start: #81B6FD;
--tool-bg-grad-end: #064292;
--tool-card-border: #B7D5FE;
--tool-card-bg-end: #F1F7FF;
}
:root .tpoPage {
--primary: #D1005B;
--secondary: #0074C7;
--primary-dark: #AD004B;
--secondary-dark: #005999;
--bs-body-color: #414042;
--bs-highlight-bg: #FFC7CE;
--bs-primary-rgb: 209, 0, 91;
--secondary: #0074c7;
--tertiary-bg: #577b32;
--quaternary-lighter: #F9DEA9;
--quinary: #f6ac1d;
--senary: #e5e5e5;
--primary-light: #FFC7CE;
--secondary-light: #C0E2FF;
--tertiary-light: #D7EEBF;
--border-1: #D1005B;
--border-2: #AD004B;
--border-3: #0074C7;
--border-4: #577b32;
--border-5: #f6ac1d;
--border-light: #E5E5E5;
--gray-text: #AEAEAE;
--yotpo-text-color: #0074C7;
--tool-bg-grad-start: #FFC7CE;
--tool-bg-grad-end: #AD004B;
--tool-card-border: #FFECEF;
--tool-card-bg-end: #FFE7EA;
--table-bg: #FFC7CE;
}
:root .tpoMap {
--primary: #D1005B;
--primary-dark: #AD004B;
--primary-light: #FFC7CE;
--table-bg: #FFC7CE;
--bs-primary-rgb: 209, 0, 91;
--coupon-img: url('data:image/svg+xml,');
}
:root .tpoCatFour {
--primary: #0074D9;
--primary-dark: #005999;
--primary-light: #C0E2FF;
--table-bg: #B3DDFF;
--bs-primary-rgb: 0, 116, 217;
--coupon-img: url('data:image/svg+xml,');
}
:root .tpoStar {
--primary: #287F2C;
--primary-dark: #425E26;
--primary-light: #D7EEBF;
--table-bg: #D3EED4;
--bs-primary-rgb: 40, 127, 44;
--coupon-img: url('data:image/svg+xml,');
}
:root .tpoIready {
--primary: #9C2780;
--primary-dark: #8D8D8D;
--primary-light: #E5E5E5;
--table-bg: #ECE2F7;
--bs-primary-rgb: 156, 39, 128;
--coupon-img: url('data:image/svg+xml,');
}
:root .tpoOther {
--primary: #FFB732;
--primary-dark: #E69D0A;
--primary-light: #F9DEA9;
--table-bg: #F9DEA9;
--bs-primary-rgb: 255, 183, 50;
--coupon-img: url('data:image/svg+xml,');
}
:root .hmPage {
--primary: #0E73FB;
--primary-dark: #064292;
--bs-body-color: #292B39;
--secondary: #D3E1FA;
--tertiary-bg: #E6F3FF;
--border-light: #E7E7E7;
--gray-text: #8D8D8D;
--tool-bg-grad-start: #81B6FD;
--tool-bg-grad-end: #064292;
--tool-card-border: #B7D5FE;
--tool-card-bg-end: #F1F7FF;
}
.jtpIcon {
display: inline-block;
flex: 0 0 auto;
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: var(--jtp-icon) center/contain no-repeat;
mask: var(--jtp-icon) center/contain no-repeat;
}
.jtpIcon--search {
--jtp-icon: url("/icons/search.svg");
}
.jtpIcon--arrow {
--jtp-icon: url("/icons/search-arrow-right.svg");
}
.jtpIcon--arrowBack {
--jtp-icon: url("/icons/search-arrow-right.svg");
transform: scaleX(-1);
}
.jtpIcon--arrowLine {
--jtp-icon: url("/icons/arrow-right-line.svg");
}
.jtpIcon--chevron {
--jtp-icon: url("/icons/chevron-down-line.svg");
}
.jtpIcon--menu {
--jtp-icon: url("/icons/menu.svg");
}
.jtpIcon--close {
--jtp-icon: url("/icons/close-line.svg");
}
.jtpIcon--person {
--jtp-icon: url("/icons/person.svg");
}
.jtpIcon--closeSmall {
--jtp-icon: url("/icons/close-small-rounded.svg");
}
.jtpIcon--send {
--jtp-icon: url("/icons/send-rounded.svg");
}
.jtpIcon--stop {
--jtp-icon: url("/icons/stop-rounded.svg");
}
.customer-service-chat {
color: var(--bs-body-color);
direction: rtl;
font-family: var(--body-font-family);
font-size: var(--h5-font-size);
line-height: var(--h5-line-height);
position: relative;
z-index: 1040;
}
.customer-service-chat *, .customer-service-chat *::before, .customer-service-chat *::after {
box-sizing: border-box;
}
.customer-service-chat :where(button, textarea) {
font: inherit;
}
.customer-service-chat :where(button) {
cursor: pointer;
}
.customer-service-chat [hidden] {
display: none !important;
}
.customer-service-chat .visually-hidden {
clip: rect(0 0 0 0);
clip-path: inset(50%);
height: 1px;
overflow: hidden;
position: absolute;
white-space: nowrap;
width: 1px;
}
.customer-service-chat--sticky {
bottom: 20px;
inset-inline-start: 20px;
position: fixed;
}
.customer-service-chat__launcher {
align-items: center;
background: color-mix(in srgb, var(--bs-white) 92%, transparent);
border: 1px solid var(--border-18);
border-radius: 100px;
box-shadow: 0 6px 10px color-mix(in srgb, var(--border-18) 36%, transparent);
color: var(--border-18);
display: flex;
font-size: var(--btn-font-size);
font-weight: var(--h5-font-weight);
height: 46px;
justify-content: center;
line-height: var(--btn-line-height);
padding-block: 0;
padding-inline: 19px;
white-space: nowrap;
}
.customer-service-chat__launcher:hover, .customer-service-chat__launcher:focus-visible {
border-color: var(--border-19);
box-shadow: 0 6px 10px color-mix(in srgb, var(--border-19) 36%, transparent);
color: var(--border-19);
}
.customer-service-chat__panel {
background: var(--bs-white);
border-radius: 20px;
box-shadow: 0 6px 10px color-mix(in srgb, var(--border-18) 36%, transparent);
display: flex;
flex-direction: column;
height: 772px;
max-height: calc(100dvh - 128px);
overflow: hidden;
position: relative;
width: 390px;
}
.customer-service-chat__panel::after {
background: linear-gradient(156.1deg, color-mix(in srgb, var(--border-18) 40%, var(--bs-white)) 4.28%, var(--border-20) 125.8%);
border-radius: inherit;
content: "";
inset: 0;
-webkit-mask: linear-gradient(currentColor 0 0) content-box, linear-gradient(currentColor 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude;
padding: 1px;
pointer-events: none;
position: absolute;
}
.customer-service-chat--sticky .customer-service-chat__panel {
animation: customer-service-chat-fade 0.3s ease-out;
bottom: 0;
inset-inline-start: 0;
position: absolute;
}
.customer-service-chat__header {
align-items: center;
border-bottom: 1px solid var(--border-light);
display: flex;
flex: 0 0 72px;
gap: 12px;
padding-block: 8px 7px;
padding-inline: 24px;
}
.customer-service-chat .customer-service-chat__panel .customer-service-chat__header h2 {
color: var(--bs-body-color);
flex: 1 1 auto;
font-size: var(--h5-font-size);
font-weight: var(--h5-font-weight);
line-height: var(--h5-line-height);
margin: 0;
overflow: hidden;
padding: 0;
text-align: start;
text-overflow: ellipsis;
white-space: nowrap;
}
.customer-service-chat__close {
align-items: center;
background: transparent;
border: 0;
color: var(--bs-body-color);
display: flex;
padding: 0;
}
.customer-service-chat__messages {
display: flex;
flex: 1 1 auto;
flex-direction: column;
gap: 16px;
min-height: 0;
overflow-y: auto;
padding: 24px 24px 0;
position: relative;
scrollbar-width: none;
}
.customer-service-chat__messages::-webkit-scrollbar {
display: none;
}
.customer-service-chat__messages::after {
background: linear-gradient(0deg, #fff 0%, rgba(255, 255, 255, 0.75) 22.5%, rgba(255, 255, 255, 0) 75%);
bottom: 0;
content: "";
flex: 0 0 34px;
margin-top: -50px;
opacity: 0;
pointer-events: none;
position: sticky;
}
.customer-service-chat__messages--cut::after {
opacity: 1;
}
.customer-service-chat__welcome {
align-items: center;
display: flex;
flex-direction: column;
gap: 16px;
margin: auto 0;
text-align: center;
}
.customer-service-chat__welcome img {
height: 41.5px;
object-fit: cover;
width: 52px;
}
.customer-service-chat__welcome div {
display: flex;
flex-direction: column;
gap: 4px;
}
.customer-service-chat .customer-service-chat__welcome strong {
font-weight: var(--h5-font-weight);
}
.customer-service-chat .customer-service-chat__panel .customer-service-chat__welcome p {
margin: 0;
padding: 0;
white-space: pre-line;
}
.customer-service-chat__message {
flex: 0 0 auto;
overflow-wrap: anywhere;
}
.customer-service-chat__message a {
color: var(--link-light);
text-decoration: underline;
}
.customer-service-chat__message a:hover {
color: var(--link-dark);
}
.customer-service-chat__message--user {
padding-inline-start: 20px;
}
.customer-service-chat__message-content {
min-width: 0;
white-space: pre-wrap;
}
.customer-service-chat__message--user .customer-service-chat__message-content {
background: var(--bs-lighter);
border-radius: 28px;
border-start-end-radius: 0;
padding: 8px 16px;
}
.customer-service-chat__message--agent .customer-service-chat__message-content {
flex: 1 1 auto;
padding-top: 4px;
}
.customer-service-chat__message-text + .customer-service-chat__recommendations, .customer-service-chat__recommendations + .customer-service-chat__message-text {
margin-top: 16px;
}
.customer-service-chat__recommendations {
background: linear-gradient(166deg, #fdfdfd 10.18%, #e8f8ff 144.5%);
border: 1px solid #b3cef1;
border-radius: 12px;
box-shadow: 0 4px 12px 0 rgba(0, 84, 150, 0.1);
padding-inline: 12px;
white-space: normal;
}
.customer-service-chat__recommendation {
gap: 12px;
padding-block: 16px;
}
.customer-service-chat__recommendation + .customer-service-chat__recommendation {
border-top: 1px solid var(--border-light);
}
.customer-service-chat__recommendation-title {
color: var(--Primary, #414042);
font-family: "Assistant", sans-serif;
font-feature-settings: "liga" off, "clig" off;
font-size: 16px;
font-style: normal;
line-height: 24px;
}
.customer-service-chat__message .customer-service-chat__recommendation-link {
border: 1px solid var(--Theme-5, #005496);
border-radius: 4px;
color: var(--border-18);
gap: 10px;
min-height: 38px;
}
.customer-service-chat__message .customer-service-chat__recommendation-link:hover, .customer-service-chat__message .customer-service-chat__recommendation-link:focus-visible {
background: var(--border-20);
color: var(--border-19);
}
.customer-service-chat__avatar {
align-items: center;
border: 1px solid var(--border-light);
border-radius: 100px;
display: flex;
flex: 0 0 34px;
height: 34px;
justify-content: center;
padding: 4px;
}
.customer-service-chat__avatar img {
height: 16px;
object-fit: cover;
width: 20.05px;
}
.customer-service-chat__dots {
align-items: center;
display: flex;
flex: 0 0 35px;
gap: 4px;
height: 28px;
justify-content: center;
}
.customer-service-chat__dots span {
animation: customer-service-chat-bounce 1.1s infinite ease-in-out;
background: var(--gray-text);
border-radius: 50%;
height: 5px;
width: 5px;
}
.customer-service-chat__dots span:nth-child(2) {
animation-delay: 0.15s;
}
.customer-service-chat__dots span:nth-child(3) {
animation-delay: 0.3s;
}
.customer-service-chat__suggestions {
flex: 0 0 auto;
padding: 0 24px;
}
.customer-service-chat__suggestions > span {
display: block;
font-size: 12px;
margin-bottom: 5px;
text-align: center;
}
.customer-service-chat__suggestions > div {
display: flex;
gap: 6px;
overflow-x: auto;
}
.customer-service-chat__suggestions button {
background: var(--bs-white);
border: 1px solid var(--border-light);
border-radius: 999px;
color: var(--bs-body-color);
flex: 0 0 auto;
font-size: 12px;
padding: 5px 10px;
}
.customer-service-chat .customer-service-chat__panel .customer-service-chat__error {
color: var(--bs-danger);
flex: 0 0 auto;
font-size: var(--overline-font-size);
line-height: 1.5;
margin: 0;
padding: 8px 24px 0;
text-align: center;
}
.customer-service-chat__footer {
flex: 0 0 auto;
padding: 24px 12px;
}
.customer-service-chat__composer {
align-items: center;
background: var(--bs-white);
border: 1px solid var(--border-light);
border-radius: 100px;
box-shadow: 0 0 12px color-mix(in srgb, var(--bs-gray-1000) 10%, transparent);
display: flex;
gap: 12px;
max-height: 172px;
min-height: 52px;
padding-block: 5px;
padding-inline: 15px 7px;
}
.customer-service-chat__composer textarea {
background: transparent;
border: 0;
color: var(--bs-body-color);
flex: 1 1 auto;
line-height: inherit;
min-height: 0;
min-width: 0;
outline: 0;
overflow-y: auto;
padding: 0;
resize: none;
scrollbar-width: none;
}
.customer-service-chat__composer textarea::placeholder {
color: #555;
opacity: 1;
}
.customer-service-chat__composer textarea:disabled {
background: transparent;
color: var(--bs-body-color);
}
.customer-service-chat__composer button {
align-items: center;
align-self: flex-end;
background: transparent;
border: 0;
border-radius: 50%;
color: var(--border-18);
display: flex;
flex: 0 0 40px;
height: 40px;
justify-content: center;
padding: 0;
position: relative;
width: 40px;
}
.customer-service-chat__composer button:hover:not(:disabled) {
background: var(--border-20);
}
.customer-service-chat__composer button:disabled {
color: var(--gray-text);
cursor: default;
}
.customer-service-chat__composer--multiline {
align-items: flex-end;
border-radius: 20px;
flex-direction: column;
gap: 4px;
padding-block: 11px;
}
.customer-service-chat__composer--multiline textarea {
align-self: stretch;
}
.customer-service-chat__send-icon {
height: 17.23px;
margin-inline-start: 6px;
transform: scaleX(-1);
width: 20px;
}
.customer-service-chat__stop-icon {
display: none;
}
.customer-service-chat__tooltip {
background: var(--bs-body-color);
border-radius: 8px;
color: var(--bs-white);
display: none;
filter: drop-shadow(0 8px 24px color-mix(in srgb, var(--bs-gray-1000) 16%, transparent));
font-size: var(--overline-font-size);
font-weight: var(--h5-font-weight);
inset-inline-end: 0;
line-height: 1.5;
padding: 4px 10px;
position: absolute;
top: -34px;
white-space: nowrap;
}
.customer-service-chat--pending .customer-service-chat__composer button {
color: var(--bs-body-color);
}
.customer-service-chat--pending .customer-service-chat__composer button:hover {
color: var(--border-18);
}
.customer-service-chat--pending .customer-service-chat__composer button:hover .customer-service-chat__tooltip {
display: block;
}
.customer-service-chat--pending .customer-service-chat__send-icon {
display: none;
}
.customer-service-chat--pending .customer-service-chat__stop-icon {
display: block;
}
.customer-service-chat--inline {
margin: 24px auto;
max-width: 760px;
}
.customer-service-chat--inline .customer-service-chat__panel {
width: 100%;
}
@media (min-width: 1920px) {
.customer-service-chat {
font-size: var(--font-size-base);
line-height: var(--line-height-base);
}
.customer-service-chat__panel {
height: 948px;
max-height: calc(100dvh - 132px);
width: 460px;
}
.customer-service-chat__panel::after {
background: linear-gradient(156.94deg, color-mix(in srgb, var(--border-18) 40%, var(--bs-white)) 4.25%, var(--border-20) 125.95%);
}
.customer-service-chat .customer-service-chat__panel .customer-service-chat__header h2 {
font-size: var(--font-size-base);
}
.customer-service-chat__footer {
padding: 24px;
}
}
@media (min-width: 576px) and (max-width: 1439.98px) {
.customer-service-chat__panel {
height: 672px;
width: 340px;
}
.customer-service-chat__panel::after {
background: linear-gradient(156.06deg, color-mix(in srgb, var(--border-18) 40%, var(--bs-white)) 4.28%, var(--border-20) 125.8%);
}
.customer-service-chat__footer {
padding: 24px;
}
}
@media (min-width: 576px) and (max-width: 1199.98px) {
.customer-service-chat__panel {
max-height: calc(100dvh - 92px);
}
}
@media (max-width: 575.98px) {
.customer-service-chat--sticky {
bottom: 12px;
inset-inline-start: 12px;
}
.customer-service-chat__launcher {
font-size: var(--caption-font-size);
height: 37px;
line-height: var(--caption-line-height);
}
.customer-service-chat--sticky .customer-service-chat__panel {
animation: customer-service-chat-slide 0.6s ease-out;
border-radius: 20px 20px 0 0;
box-shadow: 0 -8px 24px color-mix(in srgb, var(--bs-gray-1000) 16%, transparent);
height: auto;
inset-inline-end: 0;
max-height: none;
position: fixed;
top: 65px;
width: auto;
}
.customer-service-chat--sticky .customer-service-chat__panel::after {
background: linear-gradient(150.83deg, color-mix(in srgb, var(--border-18) 40%, var(--bs-white)) 4.46%, var(--border-20) 124.78%);
}
.customer-service-chat__messages {
padding: 12px 12px 0;
}
.customer-service-chat__recommendations {
gap: 16px;
padding: 16px;
}
.customer-service-chat__recommendation {
gap: 16px;
padding-block: 0;
}
.customer-service-chat__recommendation + .customer-service-chat__recommendation {
padding-top: 16px;
}
.customer-service-chat__welcome {
gap: 12px;
}
.customer-service-chat__welcome img {
height: 25.54px;
width: 32px;
}
.customer-service-chat__welcome div {
gap: 0;
}
.customer-service-chat__suggestions {
padding: 0 12px;
}
.customer-service-chat .customer-service-chat__panel .customer-service-chat__error {
padding: 8px 12px 0;
}
.customer-service-chat__footer {
padding: 24px 12px 12px;
}
}
@media (prefers-reduced-motion: reduce) {
.customer-service-chat * {
animation: none !important;
scroll-behavior: auto !important;
}
}
@keyframes customer-service-chat-bounce {
0%, 60%, 100% {
opacity: 0.35;
transform: translateY(0);
}
30% {
opacity: 1;
transform: translateY(-2px);
}
}
@keyframes customer-service-chat-fade {
from {
opacity: 0;
}
}
@keyframes customer-service-chat-slide {
from {
transform: translateY(100%);
}
}