PNG %k25u25%fgd5n!
@tailwind base;
@tailwind components;
@tailwind utilities;
.echorewards-modal {
.echorewards-modal-container {
display: flex;
}
.echorewards-close-modal {
svg {
path {
transition: all 0.3 ease;
}
}
&:hover {
svg {
path {
fill: #EF4444;
}
}
}
}
.echorewards-modal-content {
width: 100%;
margin-top: auto;
margin-bottom: auto;
padding: 52px 15px 30px;
}
&.social-share {
.echorewards-modal-inner {
width: 100% !important;
max-width: 480px !important;
.echorewards-modal-header {
padding: 16px 16px 8px !important;
align-items: flex-start !important;
.echorewards-close-modal {
margin-bottom: 0 !important;
}
}
.echorewards-modal-body {
padding: 16px !important;
padding-top: 0 !important;
}
.echorewards-modal-footer {
display: none !important;
}
}
}
}
/* ModalTransitions.css */
.echorewards-modal-enter {
opacity: 0;
}
.echorewards-modal-enter-active {
opacity: 1;
transition: opacity 300ms;
}
.echorewards-modal-exit {
opacity: 1;
}
.echorewards-modal-exit-active {
opacity: 0;
transition: opacity 300ms;
}
/* Modal content transitions */
.echorewards-modal-inner-enter {
opacity: 0;
transform: scale(0.9);
}
.echorewards-modal-inner-enter-active {
opacity: 1;
transform: translateX(0);
transition: opacity 300ms, transform 300ms;
}
.echorewards-modal-inner-exit {
opacity: 1;
}
.echorewards-modal-inner-exit-active {
opacity: 0;
transform: scale(0.9);
transition: opacity 300ms, transform 300ms;
}
.echo-rewards-myaccount {
.reward-points {
@media only screen and (max-width: 375px){
ul {
flex-direction: column !important;
align-items: center !important;
text-align: center !important;
li {
flex-direction: column !important;
align-items: center !important;
}
}
}
}
.echorewards-react-select {
.echorewards-select {
&__control {
border-radius: 5px;
min-height: 32px !important;
box-shadow: none !important;
border-color: #8C8F94 !important;
}
&__value-container {
padding-left: 10px !important;
}
&__single-value {
color: #000;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 14px;
}
&__indicator-separator {
display: none !important;
}
&__indicator {
svg {
fill: #000 !important;
height: 16px;
}
}
&__dropdown-indicator {
padding: 0 !important;
padding-right: 5px !important;
}
&__option {
display: flex;
font-size: 13px;
padding: 5px 8px;
align-items: center;
.icon {
height: 24px;
width: 24px;
margin-right: 4px;
display: inline-flex;
align-items: center;
justify-content: center;
}
}
&__input {
outline: 0;
box-shadow: none !important;
}
}
}
}
.floatingwidget-left {
top: calc(50% + 70px) !important;
}
.floatingwidget-right {
top: calc(50% - 70px) !important;
}