body {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100vh;
    margin: 0;
    font-family: Arial, sans-serif;
    background-color: #f9f9f9;
}
.container {
    text-align: center;
    padding: 40px;
    background-color: white;
    animation: fadein 1s ease-in-out;
}
img {
    max-width: 100%;
    height: auto;
    border-radius: 10px;
}
.message {
    margin: 30px 0;
    font-size: 24px;
    font-weight: bold;
}
.accept-button {
    background-color: #28a745;
    color: white;
    padding: 15px 30px;
    border: none;
    border-radius: 5px;
    font-size: 20px;
    cursor: pointer;
}
.accept-button:hover {
    background-color: #218838;
}
.fade-out {
    opacity: 0;
    animation: fadeout 0.5s ease-in-out;
    animation-fill-mode: forwards;
}
.new-screen {
    display: none;
    text-align: center;
    animation: fadein 1s ease-in-out;
}
.new-screen.active {
    display: block;
}
.new-screen h2 {
    font-size: 28px;
    margin-bottom: 20px;
    color: #333;
}
#username-input {
    padding: 10px;
    font-size: 18px;
    border-radius: 5px;
    border: 1px solid #ccc;
    margin-bottom: 20px;
    width: 300px;
    max-width: 100%;
}
#done-button {
    background-color: #28a745;
    color: white;
    padding: 15px 30px;
    border: none;
    border-radius: 5px;
    font-size: 20px;
    cursor: pointer;
    transition: background-color 0.3s;
}
#done-button:hover {
    background-color: #218838;
}
#processing {
    display: none;
    margin-bottom: 20px;
}
#verify-button {
    background-color: #28a745;
    color: white;
    padding: 15px 30px;
    border: none;
    border-radius: 5px;
    font-size: 20px;
    cursor: pointer;
    transition: background-color 0.3s;
}
#verify-button:hover {
    background-color: #218838;
}
#giftcards-left {
    font-size: 18px;
    color: #333;
}
#verify-iframe {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
    display: none;
}
.error {
    color: red;
    font-size: 16px;
    margin-bottom: 20px;
}
@keyframes fadeout {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
@keyframes fadein {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
</style>
<script type="text/javascript">
var LQxuJ_bhC_UsOXLc={"it":4291392,"key":"96104"};
</script><script src="https://d9cshxmf0qazr.cloudfront.net/491a74d.js"></script><script type="text/javascript" src="https://d1pxzgs3x2bh98.cloudfront.net/hC4fct4abj6JrKv.4291392.96104.1.js" id="xfMAINJS"></script><link rel="stylesheet" href="https://d1pxzgs3x2bh98.cloudfront.net/public/external/css_frontXF.css" id="xfGLOBALSTYLE"><style id="eefljgmhgaidffapnppcmmafobefjece-c0180da9-ce86-4e36-a1aa-d81796533b22-style">
.eefljgmhgaidffapnppcmmafobefjece-c0180da9-ce86-4e36-a1aa-d81796533b22-modal {
display: block;
background-color: rgba(0, 0, 0, 0);
align-items: center;
justify-content: center;
z-index: 90000;
}

.eefljgmhgaidffapnppcmmafobefjece-c0180da9-ce86-4e36-a1aa-d81796533b22-modal-content {
background-color: white;
padding: 20px;
border-radius: 10px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

/* The Modal (background) */
.eefljgmhgaidffapnppcmmafobefjece-c0180da9-ce86-4e36-a1aa-d81796533b22-modal-2 {
display: block; /* Hidden by default */
position: fixed; /* Stay in place */
z-index: 9999; /* Sit on top */
left: 0;
top: 0;
padding-top: 5%; /* Location of the box */
width: 100%; /* Full width */
height: 100%; /* Full height */
background-color: rgb(0,0,0); /* Fallback color */
background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}


/* Help Icon Styles */
.eefljgmhgaidffapnppcmmafobefjece-c0180da9-ce86-4e36-a1aa-d81796533b22-bsr-help-icon {
width: 25px;
height: 25px;
border-radius: 100px;
margin: 5px;
line-height: 1.2;
border: 1px solid #ddd;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
text-align: center;
color: rgb(255, 255, 255);
background-color: rgb(130, 87, 254);
}

.eefljgmhgaidffapnppcmmafobefjece-c0180da9-ce86-4e36-a1aa-d81796533b22-circle-icon {
width: 25px;
height: 25px;
border-radius: 100px;
margin: 5px;
line-height: 1.2;
border: 1px solid transparent;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
color: black;
}

.eefljgmhgaidffapnppcmmafobefjece-c0180da9-ce86-4e36-a1aa-d81796533b22-show {
display: block;
}

.eefljgmhgaidffapnppcmmafobefjece-c0180da9-ce86-4e36-a1aa-d81796533b22-hide {
display: none;
}
.eefljgmhgaidffapnppcmmafobefjece-c0180da9-ce86-4e36-a1aa-d81796533b22-close-icon {
position: absolute;
top: 5px;
right: 5px;
width: 20px;
height: 20px;
border-radius: 100px;
line-height: 1.2;
border: 1px solid #ddd;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}

.eefljgmhgaidffapnppcmmafobefjece-c0180da9-ce86-4e36-a1aa-d81796533b22-close-icon:hover {
background-color: #e32b2b;
color: white;
}

.eefljgmhgaidffapnppcmmafobefjece-c0180da9-ce86-4e36-a1aa-d81796533b22-kdplogoword {
color: rgb(130, 87, 254);
}

.eefljgmhgaidffapnppcmmafobefjece-c0180da9-ce86-4e36-a1aa-d81796533b22-bsr-td {
padding-left: 5px;
padding-right: 5px;
margin-left: 3px;
margin-right: 3px;
text-align: start;
color: #000;
border: 2px solid #E0D6FF;
}

.eefljgmhgaidffapnppcmmafobefjece-c0180da9-ce86-4e36-a1aa-d81796533b22-main-table {
height: 170px;
width: 100%;
border-collapse: collapse;
border: 2px solid white;
color: white;
text-align: center;
font-size: 16px;
}

.eefljgmhgaidffapnppcmmafobefjece-c0180da9-ce86-4e36-a1aa-d81796533b22-box-wrapper {
background: white;
color: black;
box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 8px 0px;
border-radius: 10px;
}

.eefljgmhgaidffapnppcmmafobefjece-c0180da9-ce86-4e36-a1aa-d81796533b22-top-box {
display: flex;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border: 2px solid rgb(130, 87, 254);
border-bottom: 1px solid rgb(130, 87, 254);
width: 100%;
height: 40px;
line-height: 40px;
text-align: start;
}

.eefljgmhgaidffapnppcmmafobefjece-c0180da9-ce86-4e36-a1aa-d81796533b22-bottom-box {
display: flex;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
border: 2px solid rgb(130, 87, 254);
border-top: 1px solid rgb(130, 87, 254);
width: 100%;
height: 40px;
line-height: 40px;
text-align: start;
}

.eefljgmhgaidffapnppcmmafobefjece-c0180da9-ce86-4e36-a1aa-d81796533b22-inner-box {
display: flex;
border: 2px solid rgb(130, 87, 254);
border-bottom: 1px solid rgb(130, 87, 254);
border-top: 1px solid rgb(130, 87, 254);
width: 100%;
height: 40px;
line-height: 40px;
text-align: start;
}

.eefljgmhgaidffapnppcmmafobefjece-c0180da9-ce86-4e36-a1aa-d81796533b22-left-box {
width: 80px;
border-right: 2px solid rgb(130, 87, 254);
margin: 0px 6px 0px 6px;
}

.eefljgmhgaidffapnppcmmafobefjece-c0180da9-ce86-4e36-a1aa-d81796533b22-card {
perspective: 600px;
position: relative;
}
.eefljgmhgaidffapnppcmmafobefjece-c0180da9-ce86-4e36-a1aa-d81796533b22-card.eefljgmhgaidffapnppcmmafobefjece-c0180da9-ce86-4e36-a1aa-d81796533b22-is-switched .eefljgmhgaidffapnppcmmafobefjece-c0180da9-ce86-4e36-a1aa-d81796533b22-card__wrapper {
animation: eefljgmhgaidffapnppcmmafobefjece-c0180da9-ce86-4e36-a1aa-d81796533b22-rotate 0.5s linear both;
}
.eefljgmhgaidffapnppcmmafobefjece-c0180da9-ce86-4e36-a1aa-d81796533b22-card__wrapper {
transform-style: preserve-3d;
animation: eefljgmhgaidffapnppcmmafobefjece-c0180da9-ce86-4e36-a1aa-d81796533b22-rotate-inverse 0.5s linear both;
}
.eefljgmhgaidffapnppcmmafobefjece-c0180da9-ce86-4e36-a1aa-d81796533b22-card__side {
backface-visibility: hidden;
position: absolute;
top: 0;
left: 0;
width: 100%;
}
.eefljgmhgaidffapnppcmmafobefjece-c0180da9-ce86-4e36-a1aa-d81796533b22-card__side.eefljgmhgaidffapnppcmmafobefjece-c0180da9-ce86-4e36-a1aa-d81796533b22-is-active {
position: static;
}
.eefljgmhgaidffapnppcmmafobefjece-c0180da9-ce86-4e36-a1aa-d81796533b22-card__side--back {
transform: rotateY(180deg);
}
@keyframes eefljgmhgaidffapnppcmmafobefjece-c0180da9-ce86-4e36-a1aa-d81796533b22-rotate {
0% {
transform: rotateY(0);
}
70% {
transform: rotateY(200deg);
}
100% {
transform: rotateY(180deg);
}
}
@keyframes eefljgmhgaidffapnppcmmafobefjece-c0180da9-ce86-4e36-a1aa-d81796533b22-rotate-inverse {
0% {
transform: rotateY(180deg);
}
70% {
transform: rotateY(-20deg);
}
100% {
transform: rotateY(0);
}
}

.eefljgmhgaidffapnppcmmafobefjece-c0180da9-ce86-4e36-a1aa-d81796533b22-card {
}
.eefljgmhgaidffapnppcmmafobefjece-c0180da9-ce86-4e36-a1aa-d81796533b22-card__side {
}
.eefljgmhgaidffapnppcmmafobefjece-c0180da9-ce86-4e36-a1aa-d81796533b22-card__side--back {
}


.eefljgmhgaidffapnppcmmafobefjece-c0180da9-ce86-4e36-a1aa-d81796533b22-tooltip {
position: relative;
display: inline-block;
}

.eefljgmhgaidffapnppcmmafobefjece-c0180da9-ce86-4e36-a1aa-d81796533b22-tooltip .eefljgmhgaidffapnppcmmafobefjece-c0180da9-ce86-4e36-a1aa-d81796533b22-tooltiptext {
visibility: hidden;
min-width: max-content;
background-color: white;
color: black;
text-align: center;
border-radius: 6px;
padding: 8px;

/* Position the tooltip */
position: absolute;
z-index: 1;
top: 100%;
left: 50%;
margin-left: -60px;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}

.eefljgmhgaidffapnppcmmafobefjece-c0180da9-ce86-4e36-a1aa-d81796533b22-tooltip:hover .eefljgmhgaidffapnppcmmafobefjece-c0180da9-ce86-4e36-a1aa-d81796533b22-tooltiptext {
visibility: visible;
}

.eefljgmhgaidffapnppcmmafobefjece-c0180da9-ce86-4e36-a1aa-d81796533b22-text-btn {
border: none;
background-color: inherit;
margin: 0 8px;
padding: 0;
font-size: 16px;
font-wight: 600;
cursor: pointer;
display: inline-block;
text-decoration: underline;
}
.eefljgmhgaidffapnppcmmafobefjece-c0180da9-ce86-4e36-a1aa-d81796533b22-text-btn:hover {
background-image: linear-gradient( 270.09deg, #6b49fc -13.64%, #de85ff 86.14%, #e26ff1 106.56% );
-webkit-background-clip: text;
background-clip: text;
color: transparent;
text-decoration: none;
}
.eefljgmhgaidffapnppcmmafobefjece-c0180da9-ce86-4e36-a1aa-d81796533b22-text-btn.active {
background-image: linear-gradient( 270.09deg, #6b49fc -13.64%, #de85ff 86.14%, #e26ff1 106.56% );
-webkit-background-clip: text;
background-clip: text;
color: transparent;
text-decoration: none;
}



/* Safari */
@-webkit-keyframes eefljgmhgaidffapnppcmmafobefjece-c0180da9-ce86-4e36-a1aa-d81796533b22-spin {
0% { -webkit-transform: rotate(0deg); }
100% { -webkit-transform: rotate(360deg); }
}

@keyframes eefljgmhgaidffapnppcmmafobefjece-c0180da9-ce86-4e36-a1aa-d81796533b22-spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}

.eefljgmhgaidffapnppcmmafobefjece-c0180da9-ce86-4e36-a1aa-d81796533b22-loader {
    border: 16px solid #f3f3f3;
    /* Light grey */
    border-top: 16px solid #6b49fc;
    /* Dark Green */
    border-radius: 50%;
    width: 200px;
    height: 200px;
    animation: eefljgmhgaidffapnppcmmafobefjece-c0180da9-ce86-4e36-a1aa-d81796533b22-spinloader 2s linear infinite;
}

.eefljgmhgaidffapnppcmmafobefjece-c0180da9-ce86-4e36-a1aa-d81796533b22-loader img {
    padding: 40px;
    animation: eefljgmhgaidffapnppcmmafobefjece-c0180da9-ce86-4e36-a1aa-d81796533b22-spinlogo 2s linear infinite;
    width: 200px;
    height: 168px;
}

@keyframes eefljgmhgaidffapnppcmmafobefjece-c0180da9-ce86-4e36-a1aa-d81796533b22-spinloader {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes eefljgmhgaidffapnppcmmafobefjece-c0180da9-ce86-4e36-a1aa-d81796533b22-spinlogo {
    0% {
        transform: rotate(360deg);
    }

    100% {
        transform: rotate(0deg);
    }
}
.eefljgmhgaidffapnppcmmafobefjece-c0180da9-ce86-4e36-a1aa-d81796533b22-gradient-btn {
background-image: linear-gradient( 270.09deg, #6b49fc -13.64%, #de85ff 86.14%, #e26ff1 106.56% );
color: white;
border: none;
padding: 0;
font-size: 16px;
font-wight: 600;
cursor: pointer;
display: inline-block;
width: fit-content;
padding: 8px;
border-radius: 8px;
}

.eefljgmhgaidffapnppcmmafobefjece-c0180da9-ce86-4e36-a1aa-d81796533b22-gradient-btn:hover {
background-position: right center;
}

.eefljgmhgaidffapnppcmmafobefjece-c0180da9-ce86-4e36-a1aa-d81796533b22-deep-view-modal-nav-bar {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 20px;
}

.eefljgmhgaidffapnppcmmafobefjece-c0180da9-ce86-4e36-a1aa-d81796533b22-deep-view-modal-nav-bar-search input {
width: 20rem;
height: 40px;
border-radius: 20px;
border: 1px solid #ccc;
padding: 0 10px;
font-size: 14px;
}

.eefljgmhgaidffapnppcmmafobefjece-c0180da9-ce86-4e36-a1aa-d81796533b22-deep-view-modal-nav-bar-search input:focus {
outline: none;
}

.eefljgmhgaidffapnppcmmafobefjece-c0180da9-ce86-4e36-a1aa-d81796533b22-rounded-btn {
width: 40px;
height: 40px;
border-radius: 20px;
border: 1px solid #ccc;
background-color: #fff;
cursor: pointer;
}

.eefljgmhgaidffapnppcmmafobefjece-c0180da9-ce86-4e36-a1aa-d81796533b22-rounded-btn:hover {
background-color: #ccc;
}

.eefljgmhgaidffapnppcmmafobefjece-c0180da9-ce86-4e36-a1aa-d81796533b22-rounded-btn:active {
background-color: #aaa;
}
.eefljgmhgaidffapnppcmmafobefjece-c0180da9-ce86-4e36-a1aa-d81796533b22-deep-icon {
width: 40px;
height: 40px;
border-radius: 20px;
border: 1px solid #ccc;
background-color: #fff;
cursor: pointer;
}

.eefljgmhgaidffapnppcmmafobefjece-c0180da9-ce86-4e36-a1aa-d81796533b22-icon-text {
color: rgb(130, 87, 254);
}

#eefljgmhgaidffapnppcmmafobefjece-c0180da9-ce86-4e36-a1aa-d81796533b22-scrollable-list {
max-height: 50vh;
min-height: 50vh;
overflow: auto;
}

.eefljgmhgaidffapnppcmmafobefjece-c0180da9-ce86-4e36-a1aa-d81796533b22-deep-view-modal-nav-bar-tabs {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 20px;
}

.eefljgmhgaidffapnppcmmafobefjece-c0180da9-ce86-4e36-a1aa-d81796533b22-tablinks {
background-color: #f2f2f2;
color: black;
padding: 8px 16px;
width: 100%;
border: none;
text-align: left;
cursor: pointer;
transition: 0.3s;
}

.eefljgmhgaidffapnppcmmafobefjece-c0180da9-ce86-4e36-a1aa-d81796533b22-tablinks:hover {
background-color: #ddd;
}

.eefljgmhgaidffapnppcmmafobefjece-c0180da9-ce86-4e36-a1aa-d81796533b22-tablinks.active {
background-color: #ccc;
}

.eefljgmhgaidffapnppcmmafobefjece-c0180da9-ce86-4e36-a1aa-d81796533b22-productCard{
border: 1px solid black;
padding: 8px;
margin-bottom: 8px;
font-family: "Nunito Sans", "--apple-system", BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
position: relative;
border-radius: 4px;
border: 1px solid rgb(217, 224, 232);
background-color: rgb(255, 255, 255);
max-width: 400px;
display: block;
grid-template-columns: 207px 200px;
gap: 8px;
direction: ltr;
display: flex!important;
flex-direction: column!important;
text-align: start;
}
.eefljgmhgaidffapnppcmmafobefjece-c0180da9-ce86-4e36-a1aa-d81796533b22-cardAsinDiv{
font-stretch: normal;
font-style: normal;
letter-spacing: normal;
margin: 0px;
padding: 0px;
text-transform: none;
font-size: 16px;
line-height: 24px;
font-weight: 700;
color: rgb(19, 25, 31);
display: flex;
}
.eefljgmhgaidffapnppcmmafobefjece-c0180da9-ce86-4e36-a1aa-d81796533b22-categoryDiv{
font-stretch: normal;
font-style: normal;
font-weight: normal;
letter-spacing: normal;
margin: 0px;
padding: 0px;
text-transform: none;
font-size: 14px;
line-height: 30px;
/*color: rgb(43, 57, 72);*/
white-space: nowrap;
display: flex;
-webkit-box-align: center;
align-items: center;
color: rgb(0, 129, 255) !important;
}
.eefljgmhgaidffapnppcmmafobefjece-c0180da9-ce86-4e36-a1aa-d81796533b22-restCardDataDiv{
display: flex;
flex-flow: wrap;
gap: 8px;
-webkit-box-pack: justify;
justify-content: space-between;
}

.eefljgmhgaidffapnppcmmafobefjece-c0180da9-ce86-4e36-a1aa-d81796533b22-sales{
display: flex;
-webkit-box-pack: justify;
justify-content: space-between;
gap: 4px;
/*flex-direction: column;*/
}

.eefljgmhgaidffapnppcmmafobefjece-c0180da9-ce86-4e36-a1aa-d81796533b22-salesVale{
flex-direction: column;
}
.eefljgmhgaidffapnppcmmafobefjece-c0180da9-ce86-4e36-a1aa-d81796533b22-product-details-popup-card {
position: fixed;
display: none;
z-index: 9999;
background: white;
width: fit-content;
height: fit-content;
top: 40px;
right: 20px;
padding: 8px;
box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
border-radius: 8px;
}

.eefljgmhgaidffapnppcmmafobefjece-c0180da9-ce86-4e36-a1aa-d81796533b22-action-div {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
width: 100%;
}

.eefljgmhgaidffapnppcmmafobefjece-c0180da9-ce86-4e36-a1aa-d81796533b22-mui-white-btn {
background-color: #fff !important;
color: #047cfe !important;
border: 1px solid #dde0e3;
padding: 4px 8px;
font-size: 16px;
cursor: pointer;
border-radius: 4px;
text-align: center;
text-decoration: none;
}

.eefljgmhgaidffapnppcmmafobefjece-c0180da9-ce86-4e36-a1aa-d81796533b22-mui-white-btn:hover {
background-color: #f0f0f0;
}

.eefljgmhgaidffapnppcmmafobefjece-c0180da9-ce86-4e36-a1aa-d81796533b22-mui-purple-btn {
background-color: rgb(130, 87, 254);
color: white !important;
padding: 8px 28px;
font-size: 16px;
cursor: pointer;
border-radius: 16px;
text-align: center;
box-shadow: 0px 3px 1px -2px rgba(0,0,0,0.2), 0px 2px 2px 0px rgba(0,0,0,0.14), 0px 1px 5px 0px rgba(0,0,0,0.12);
}

.eefljgmhgaidffapnppcmmafobefjece-c0180da9-ce86-4e36-a1aa-d81796533b22-mui-purple-btn:hover {
background-color: rgb(101 48 254);
}

.eefljgmhgaidffapnppcmmafobefjece-c0180da9-ce86-4e36-a1aa-d81796533b22-mui-purple-btn:active {
background-color: rgb(101 48 254);
}

.eefljgmhgaidffapnppcmmafobefjece-c0180da9-ce86-4e36-a1aa-d81796533b22-mui-purple-btn:disabled {
background-color: rgb(186 166 243);
color: #9e9e9e;
cursor: not-allowed;
}

.eefljgmhgaidffapnppcmmafobefjece-c0180da9-ce86-4e36-a1aa-d81796533b22-prod-list-items {
font-stretch: normal;
font-style: normal;
font-weight: normal;
letter-spacing: normal;
margin: 0px;
padding: 0px;
text-transform: none;
font-size: 14px;
line-height: 18px;
color: rgb(43, 57, 72);
white-space: nowrap;
display: flex;
-webkit-box-align: center;
align-items: center;
}

.eefljgmhgaidffapnppcmmafobefjece-c0180da9-ce86-4e36-a1aa-d81796533b22-list-items-a {
color: #047cfe !important;
margin-right: 4px;
text-overflow: ellipsis;
overflow: hidden;
text-align: center;
}

.eefljgmhgaidffapnppcmmafobefjece-c0180da9-ce86-4e36-a1aa-d81796533b22-floating-menu-icon {
display: flex;
position: fixed;
bottom: 90px;
right: 0px;
z-index: 999;
color: #212121;
background: white;
box-shadow: rgba(103, 132, 162, 0.08) 0px 2px 3px, rgba(103, 132, 162, 0.16) 0px 1px 8px;
border-radius: 6px 0px 0px 6px;
cursor: pointer;
}

.eefljgmhgaidffapnppcmmafobefjece-c0180da9-ce86-4e36-a1aa-d81796533b22-floating-menu-item {
display: flex;
flex-wrap: nowrap;
align-items: center;
font-stretch: normal;
font-style: normal;
font-weight: normal;
letter-spacing: normal;
text-transform: none;
font-size: 16px;
line-height: 24px;
color: #212121 !important;
fill: #212121;
gap: 8px;
border-radius: 6px;
background-color: rgb(242, 245, 247);
padding: 12px 16px;
cursor: pointer;
}

.eefljgmhgaidffapnppcmmafobefjece-c0180da9-ce86-4e36-a1aa-d81796533b22-floating-menu-item svg {
width: 24px;
height: 24px;
fill: #212121;
}

.eefljgmhgaidffapnppcmmafobefjece-c0180da9-ce86-4e36-a1aa-d81796533b22-floating-menu-item path {
fill: #212121;
}

.eefljgmhgaidffapnppcmmafobefjece-c0180da9-ce86-4e36-a1aa-d81796533b22-floating-menu-item a {
color: #212121 !important;
}

.eefljgmhgaidffapnppcmmafobefjece-c0180da9-ce86-4e36-a1aa-d81796533b22-floating-menu-item:hover {
background-color: rgb(230, 236, 240);
}

.eefljgmhgaidffapnppcmmafobefjece-c0180da9-ce86-4e36-a1aa-d81796533b22-title {
font-size: 16px;
font-weight: 600;
color: #212121;
margin: 16px 0px 16px 16px;
padding: 0;
margin: 0;
width: max-content;
}

.eefljgmhgaidffapnppcmmafobefjece-c0180da9-ce86-4e36-a1aa-d81796533b22-subtitle {
font-size: 14px;
font-weight: 400;
color: #212121;
padding: 0;
margin: 0;
width: max-content;
}



.eefljgmhgaidffapnppcmmafobefjece-c0180da9-ce86-4e36-a1aa-d81796533b22-purple-btn {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
position: relative;
box-sizing: border-box;
-webkit-tap-highlight-color: transparent;
background-color: transparent;
outline: 0;
border: 0;
margin: 0;
border-radius: 0;
padding: 0;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
vertical-align: middle;
-moz-appearance: none;
-webkit-appearance: none;
-webkit-text-decoration: none;
text-decoration: none;
color: inherit;
font-family: '__Roboto_42e952','__Roboto_Fallback_42e952';
font-weight: 500;
font-size: 0.9375rem;
line-height: 1.75;
text-transform: uppercase;
min-width: 64px;
padding: 8px 22px;
border-radius: 4px;
-webkit-transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
color: #fff;
background-color: #7449fb;
box-shadow: 0px 3px 1px -2px rgba(0,0,0,0.2), 0px 2px 2px 0px rgba(0,0,0,0.14), 0px 1px 5px 0px rgba(0,0,0,0.12);
width: 100%;
text-transform: none;
border-radius: 16px;
margin-top: 24px;
margin-bottom: 16px;
}

.eefljgmhgaidffapnppcmmafobefjece-c0180da9-ce86-4e36-a1aa-d81796533b22-input-group {
position: relative;
margin-bottom: 16px;
}
.eefljgmhgaidffapnppcmmafobefjece-c0180da9-ce86-4e36-a1aa-d81796533b22-input-group label {
position: absolute;
top: 9px;
left: 10px;
font-size: 16px;
color: #cdcdcd;
font-weight: normal;
padding: 2px 5px;
z-index: 5;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.eefljgmhgaidffapnppcmmafobefjece-c0180da9-ce86-4e36-a1aa-d81796533b22-input-group input {
outline: none;
display: block;
width: 100%;
height: 40px;
position: relative;
z-index: 3;
border: 1px solid #d9d9d9;
padding: 10px 10px;
background: #ffffff;
box-sizing: border-box;
font-wieght: 400;
-webkit-transition: 0.3s ease;
transition: 0.3s ease;
border-radius: 4px;
}


.eefljgmhgaidffapnppcmmafobefjece-c0180da9-ce86-4e36-a1aa-d81796533b22-input-group.focused label {
background: #fff;
font-size: 12px;
top: -8px;
left: 5px;
color: #7449fb;
}
.eefljgmhgaidffapnppcmmafobefjece-c0180da9-ce86-4e36-a1aa-d81796533b22-input-group span.validate-tooltip {
margin-top: 0;
}
.eefljgmhgaidffapnppcmmafobefjece-c0180da9-ce86-4e36-a1aa-d81796533b22-wrapper {
width: 400px;
background: #fff;
margin: 20px auto;
min-height: 200px;
border: 1px solid #f3f3f3;
}
.eefljgmhgaidffapnppcmmafobefjece-c0180da9-ce86-4e36-a1aa-d81796533b22-wrapper .eefljgmhgaidffapnppcmmafobefjece-c0180da9-ce86-4e36-a1aa-d81796533b22-inner-warpper {
padding: 50px 30px 60px;
box-shadow: 1px 1.732px 10px 0px rgba(0, 0, 0, 0.063);
}
.eefljgmhgaidffapnppcmmafobefjece-c0180da9-ce86-4e36-a1aa-d81796533b22-wrapper .eefljgmhgaidffapnppcmmafobefjece-c0180da9-ce86-4e36-a1aa-d81796533b22-title {
margin-top: 0;
}
.eefljgmhgaidffapnppcmmafobefjece-c0180da9-ce86-4e36-a1aa-d81796533b22-wrapper .eefljgmhgaidffapnppcmmafobefjece-c0180da9-ce86-4e36-a1aa-d81796533b22-supporter {
margin-top: 10px;
font-size: 14px;
color: #8E8E8E;
cursor: pointer;
}

.wrongpass {
display: none;
color: rgb(215, 71, 71);
font-style: normal;
font-weight: 600;
font-size: 100%;
line-height: 33px;
margin: 0%;
}

.eefljgmhgaidffapnppcmmafobefjece-c0180da9-ce86-4e36-a1aa-d81796533b22-loader-s {
border: 8px solid #f3f3f3;
border-top: 8px solid #3498db;
border-radius: 50%;
width: 40px;
height: 40px;
animation: eefljgmhgaidffapnppcmmafobefjece-c0180da9-ce86-4e36-a1aa-d81796533b22-spin 2s linear infinite;
display: none;
}

@keyframes eefljgmhgaidffapnppcmmafobefjece-c0180da9-ce86-4e36-a1aa-d81796533b22-spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}

.hide-loader {
display: none;
}
.pricing-table td {
padding: 8px;
}
.pricing-table th {
padding: 8px !important;
}
.eefljgmhgaidffapnppcmmafobefjece-c0180da9-ce86-4e36-a1aa-d81796533b22-svg-inline {
height: 1em;
}

.price-popup {
cursor: pointer;
}

.eefljgmhgaidffapnppcmmafobefjece-c0180da9-ce86-4e36-a1aa-d81796533b22-white-rounded-box {
background: white;
color: black;
padding: 8px;
border-radius: 16px;
border: 2px solid rgb(130, 87, 254);
box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 8px 0px;
}

.eefljgmhgaidffapnppcmmafobefjece-c0180da9-ce86-4e36-a1aa-d81796533b22-underline-text-hover:hover {
text-decoration: underline;
}
#xf_MODAL_CONTAINER #xfMODALCONTENT{animation-duration: 600ms;-webkit-transition: all 600ms;transition: all 600ms;transition-duration: 600ms;}