:root{--min-workspace-width:330px}body,html{margin:0;padding:0;height:100%;background-color:#0078bf}#root{height:100%;display:flex}.messaging__sidebar{width:var(--min-workspace-width)}.str-chat__channel,.str-chat__main-panel{flex:1}.str-chat__thread{flex:0 1 var(--min-workspace-width)}.str-chat__list .str-chat__message-list-scroll{padding:0 1rem}.str-chat__list-notifications{margin:0;padding:var(--str-chat__spacing-1_5)}.str-chat__avatar .str-chat__avatar-image{border-radius:50%}.str-chat__date-separator-line{display:none;width:100%;text-align:center}.str-chat__date-separator{width:100%;justify-content:center}@media (min-width:961px){.str-chat__date-separator{padding-block:1rem}}.str-chat__empty-channel,.str-chat__message .str-chat__message-status,.str-chat__message-simple-name{display:none}@media screen and (max-width:640px){.str-chat-channel{height:var(--app-height)}#mobile-channel-list{width:100vw;height:100vh;position:fixed;top:0;left:0;transform:translate3d(-100vw,0,0);transition:transform .3s cubic-bezier(0,.52,0,1)}#mobile-channel-list.show{transform:translateZ(0);z-index:1000}}@media screen and (max-width:960px){.str-chat-channel-list{position:unset;left:unset;top:unset;z-index:unset;min-height:unset;overflow-y:unset;transition:unset}.str-chat__thread{position:absolute;height:100%;width:100%}.str-chat__channel-header{background-color:#0078bf!important;position:fixed;top:0;right:0;left:0;z-index:40}}.cart-modal-overlay,.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.75);z-index:1000}.modal-content{height:100%;max-height:100vh;width:100%;max-width:100vw}.cart-modal-content{position:fixed;top:0;right:0;width:80%;height:100%;z-index:1000;transition:all .3s ease-in-out}@media not all and (min-width:640px){.cart-modal-content{width:100%}}@media not all and (max-width:1024px){.cart-modal-content,.cart-modal-overlay{display:none}}.rccs{width:100%;margin:0 0 1rem;display:flex;align-items:center;justify-content:center}.rccs__card{height:220.7px;width:350px;border-radius:14.5px;--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);--tw-shadow-color:#7b8794;--tw-shadow:var(--tw-shadow-colored)}.credit-card{width:350px;height:220px;background:linear-gradient(90deg,#0078bf,#005a93);border-radius:15px;box-shadow:0 10px 20px rgba(0,0,0,.25);color:#fff;padding:20px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;position:relative;margin:0 20px 20px}.credit-card-logo{position:absolute;top:20px;right:20px;height:50px}.credit-card-logo img{height:100%}.credit-card-chip{width:40px;height:30px;background-color:#ccc;border-radius:5px;position:absolute;top:40px;left:20px}.credit-card-number{margin-top:60px;letter-spacing:2px;font-size:24px;text-align:left}.credit-card-info{display:flex;justify-content:space-between;margin-top:40px;font-size:16px}.credit-card-info .credit-card-expiry,.credit-card-info .credit-card-name{text-transform:uppercase}.credit-card-info .label{font-size:10px;letter-spacing:1px}.credit-card-info .value{display:block;margin-top:5px}@keyframes slideInFromRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes slideOutToRight{0%{transform:translateX(0)}to{transform:translateX(100%)}}.cart-modal-content.show{animation:slideInFromRight .5s ease-out forwards}.cart-modal-content.hide{animation:slideOutToRight .5s ease-out forwards}.cart-modal-content{transform:translateX(100%)}.cart-container,.other-elements{transition:transform .5s ease-out,opacity .5s ease}.cart-container{transition:transform .2s ease-out,opacity .2s ease-out;transform:translateX(100%);opacity:0;-webkit-transition:transform .2s ease-out,opacity .2s ease-out;-moz-transition:transform .2s ease-out,opacity .2s ease-out;-ms-transition:transform .2s ease-out,opacity .2s ease-out;-o-transition:transform .2s ease-out,opacity .2s ease-out}.cart-container.show{transform:translateX(0);opacity:1}.shadow-left{box-shadow:-5px 0 12px -2px rgba(0,0,0,.2)}@keyframes bounce{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.85;-webkit-transform:scale(1.5);-moz-transform:scale(1.5);-ms-transform:scale(1.5);-o-transform:scale(1.5)}}.animate-bounce{animation:bounce .3s ease-in-out}@media (max-width:767px){.cart-counter-container{top:2.4%;right:10%}}@media (min-width:768px) and (max-width:960px){.cart-counter-container{top:1.9%!important;right:8%!important}}@media (min-width:961px){.cart-counter-container{top:2%!important;right:5%!important}}@media (min-width:2560px){.cart-counter-container{top:2%!important;right:3%!important}}.animationDiv{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999;display:flex;justify-content:center;align-items:center}.animationDiv svg{position:absolute;justify-content:center;z-index:1;width:100px;height:100px;transition:opacity .2s ease-in-out;-webkit-transition:opacity .2s ease-in-out;-moz-transition:opacity .2s ease-in-out;-ms-transition:opacity .2s ease-in-out;-o-transition:opacity .2s ease-in-out}.hide{opacity:0}@keyframes flip{0%{transform:perspective(400px) rotateY(0deg)}50%{transform:perspective(400px) rotateY(180deg)}to{transform:perspective(400px) rotateY(1turn)}}.str-chat{--str-chat__primary-color:#03a9f4;--str-chat__active-primary-color:#037bbf;--str-chat__surface-color:#f5f5f5;--str-chat__secondary-surface-color:#ececec;--str-chat__primary-surface-color:rgba(187,222,251,.5);--str-chat__primary-surface-color-low-emphasis:#f2f9fd;--str-chat__border-radius-circle:1rem;--str-chat__text-color:#0d131e;--str-chat__background-color:#fff;--str-chat__secondary-background-color:rgba(187,222,251,.4);--str-chat__channel-list-load-more-pressed-background-color:rgba(187,222,251,.4);--str-chat__thread-background-color:var(--str-chat__background-color);--messaging__header-shadow:0 7px 9px rgba(0,0,0,.03),0 1px 0 rgba(0,0,0,.03);--str-chat__channel-box-shadow:0 0 8px rgba(0,0,0,.06),0 2px 30px rgba(0,0,0,.1);--str-chat__avatar-background-color:#fff;--str-chat__channel-header-background-color:#0078bf;--str-chat__channel-header-color:#fff;--str-chat__channel-header-info-color:#fff;--str-chat__message-list-background-color:var(--str-chat__background-color);--str-chat__message-list-background-color:#fff;--str-chat__notification-list-background-color:var(--str-chat__background-color);--str-chat__notification-list-background-color:#fff;--str-chat__message-reactions-options-background-color:#fff;--str-chat__message-reactions-option-background-color:#ececec}.str-chat__channel-header{background-color:#0078bf!important}.str-chat__avatar .str-chat__avatar-fallback,.str-chat__avatar .str-chat__avatar-image{background-color:#fff!important}.str-chat__channel-header-title{font-weight:700!important}.str-chat__channel-header-info{font-weight:500!important}:root{--app-height:100%}body,html{background:var(--str-chat__background-color)}::-webkit-scrollbar{width:.3rem}::-webkit-scrollbar-thumb{background-color:#fff;border-radius:2px}body::-webkit-scrollbar,body::-webkit-scrollbar-track{background:transparent}body::-webkit-scrollbar-thumb{background-color:transparent}.rccs__card--unknown>div{background:linear-gradient(90deg,#0078bf,#005a93)!important}body{--tw-bg-opacity:1;background-color:rgb(0 120 191/var(--tw-bg-opacity))}