.wave,.wave2{
    min-height:100%;
    background-repeat:no-repeat
}
.kbrstore-hp3,.sale-price{
    margin-left:0
}
.bg-dark,.bg-light,.bg-transparent{
    --bs-bg-opacity:1
}
progress,sub,sup{
    vertical-align:baseline
}
.fab-label,.kbrstore-scroll,.sr-only,.truncate,.whitespace-nowrap{
    white-space:nowrap
}
#home-cover>.banner-hero,*,.icon-button,:after,:before{
    box-sizing:border-box;
    box-sizing:border-box
}
.wave,.wave2,select{
    background-repeat:no-repeat
}
.group:hover .group-hover\:text-btnPurple,.group:hover .group-hover\:text-gray-500,.hover\:text-white:hover,.nav-link,.nav-pills .nav-link,.text-\[\#E3FDE4\],.text-black,.text-blue-700,.text-btnPurple,.text-gray-200,.text-gray-300,.text-gray-400,.text-gray-500,.text-gray-600,.text-gray-900,.text-green-500,.text-green-600,.text-indigo-600,.text-info,.text-orange-700,.text-red-400,.text-red-600,.text-red-700,.text-slate-900,.text-white{
    --tw-text-opacity:1
}
.col-bjinv3,.font-bold,.label{
    font-weight:700
}
body{
    font-family:Oxanium,'Arial Narrow',Arial,sans-serif
}
// html,html{
    line-height:1.5;
    -webkit-text-size-adjust:100%;
    font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
    font-feature-settings:normal
}
a{
    color:#fff;
    color:inherit;
    text-decoration:inherit
}
.button-action-payment input[type=radio]:checked+.payment-item:before,hr{
    color:inherit
}
.kbrstore{
    display:grid;
    gap:20px
}
.border-bottom-cat,.border-bottom-kbr{
    border-bottom:1px solid #ffffff4d
}
.nav-link{
    color:rgb(156 163 175 / var(--tw-text-opacity));
    display:block;
    padding:.5rem 1rem;
    text-decoration:none;
    transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out
}
a.text-base:hover{
    color:#cdcdcd
}
.btn-orange{
    color:#f39200;
    background-color:#f39200!important;
    border-color:#f39200!important
}
.btn-kbrstore{
    color:#fff;
    background-color:var(--warna_2)!important
}
.btn-kbrstore:hover,.btn-primary,.btn-primary:hover{
    color:#fff;
    background-color:var(--warna_5)!important;
    border-color:var(--warna_5)!important
}
.child-box:hover{
    border:1px solid var(--warna_5)
}
.button-action-payment li.active{
    background:#fff;
    filter:grayscale(0%)
}
.xxs{
    font-size:.4rem
}
.button-action-payment li{
    text-align:-webkit-match-parent;
    -webkit-filter:grayscale(100%);
    filter:grayscale(100%)
}
.button-action-payment input[type=radio]:checked+.payment-item{
    color:var(--warna_5);
    color:#2f2fd5
}
.strip-primary{
    background-color:var(--warna_5)
}
.wave{
    background-attachment:scroll;
    background-position:bottom left,bottom right
}
.wave2{
    background-attachment:fixed;
    background-position:top left,top right
}
.kbrstore-scroll{
    display:flex;
    display:flex;
    flex-wrap:nowrap;
    padding-left:0;
    margin-block:0;
    list-style:none;
    text-align:center;
    overflow:auto
}
.d-flex{
    display:-ms-flexbox!important;
    display:flex!important
}
.d-flex2{
    background-color:#212529
}
.img-chat{
    max-width:100%;
    height:auto;
    border-radius:10px
}
.btn-topup:hover{
    border-color:#c44d09
}
.size-img-buy-v{
    width:90%;
    height:auto;
    text-align:center
}
.kbrstore-hp1{
    flex:0 0 auto;
    width:100%;
    font-size:15px;
    padding:0;
    font-style:italic;
    margin-top:5px;
    line-height:50%
}
.kbrstore-hp2,.kbrstore-hp3{
    flex:0 0 auto;
    width:100%;
    padding:0;
    font-style:italic;
    margin-top:5px
}
.kbrstore-hp2{
    font-size:14px;
    line-height:50%
}
.kbrstore-hp3{
    font-size:14px;
    line-height:20%
}
.col-bjconfirm,.col-bjinv{
    flex:0 0 auto;
    width:50%;
    font-size:14px;
    text-align:right
}
.col-bjconfirm2{
    flex:0 0 auto;
    width:50%;
    font-size:14px;
    text-align:left
}
.col-bjconfirm3{
    flex:0 0 auto;
    width:100%;
    font-size:11px;
    text-align:center
}
.col-bjinv2{
    flex:0 0 auto;
    width:50%;
    font-size:14px
}
.col-bjinv3{
    flex:0 0 auto;
    width:50%;
    font-size:20px
}
.nav-pills .nav-link{
    color:rgb(156 163 175 / var(--tw-text-opacity));
    border-radius:0;
    margin:0
}
.nav-pills .nav-link.active,.nav-pills .nav-link:hover,.nav-pills .show>.nav-link{
    color:#fff;
    background-color:transparent;
    border-bottom:2px solid #fff
}
::-webkit-scrollbar-track{
    background:0 0
}
::-webkit-scrollbar-thumb{
    background:#4545458a;
    height:5px
}
::-webkit-scrollbar-thumb:hover{
    background:#454545c7
}
.scroll-up-btn{
    display:none;
    position:fixed;
    width:45px;
    height:45px;
    bottom:19px;
    right:10px;
    color:#fff;
    border:1px solid #e10603;
    background:#e10603;
    border-radius:10px;
    text-align:center;
    font-size:16px;
    z-index:99999
}
.carousel-indicators{
    position:absolute;
    bottom:0;
    margin-bottom:-7px
}
.carousel-indicators li{
    border-radius:50%;
    width:10px!important;
    height:10px!important
}
.carousel-indicators .active{
    background-color:#f39200
}
.kbrstore-rounded-sedang{
    border-radius:20px!important
}
.kbrstore-rounded-kecil{
    border-radius:12px!important
}
.kbrstorebgblack{
    background-color:#2d3238
}
.bg-kbrstore{
    background:linear-gradient(180deg,rgba(255,255,255,.15),rgba(255,255,255,0))
}
.regular-price{
    text-decoration:line-through;
    color:red
}
.text-end{
    text-align:right!important
}
.bg-abu{
    background-color:#1e2022
}
.border-merah{
    border:1px solid #fff
}
.kbrstore-pgimg{
    background-color:#fff;
    border-radius:3px;
    border:5px solid #fff;
    height:35px
}
.bg-dark{
    background-color:var(--warna_1)!important
}
.size-img-buy{
    width:60%;
    height:auto
}
.rounded-img-buy{
    border-radius:10%!important
}
user agent stylesheet img{
    overflow-clip-margin:content-box;
    overflow:clip
}
.rounded{
    border-radius:.25rem!important
}
.bg-transparent{
    background-color:transparent!important
}
.text-center{
    text-align:center!important
}
.p-2{
    padding:.5rem!important
}
.h-100{
    height:100%!important
}
.border-0{
    border:0!important
}
.block,user agent stylesheet div{
    display:block
}
.g-2,.gy-2{
    --bs-gutter-y:0.5rem
}
.g-2,.gx-2{
    --bs-gutter-x:0.5rem
}
.row{
    --bs-gutter-x:1.5rem;
    --bs-gutter-y:0;
    display:flex;
    flex-wrap:wrap;
    margin-left:calc(var(--bs-gutter-x)*-.5);
    margin-right:calc(var(--bs-gutter-x)*-.5);
    margin-top:calc(var(--bs-gutter-y)*-1);
    --bs-gutter-x:.5rem
}
.text-white{
    --bs-text-opacity:1;
    color:rgba(var(--bs-white-rgb),var(--bs-text-opacity))!important
}
.btn-topup,.btn-topup:hover{
    color:#fff3e2!important;
    width:90%;
    max-width:100px
}
.btn-topup{
    background-color:#e10603!important
}
.btn-topup:hover{
    background-color:#7e0d0b!important
}
.bg-card,.btn-login,.css-18exuzb,.css-1tq05rq,.navbar,.navbar-nav .nav-link,.resultsearch{
    color:#fff
}
.bg-card{
    background:var(--warna_4)!important
}
.css-18exuzb,.navbar,.offcanvas.offcanvas-end{
    background:var(--warna_2)
}
.navbar-toggler{
    font-size:32px
}
.btn-login{
    background:#0d6efd!important
}
.content-body{
    padding:9px 15px 0
}
.resultsearch{
    width:100%;
    inset:0 auto auto 0;
    margin-top:10px;
    transform:translate(0,10px);
    border-color:rgba(0,0,0,.15);
    overflow-y:auto;
    max-height:500px
}
.resultsearch .dropdown-item:hover{
    background-color:#000;
    color:#fff
}
.search-bar input{
    border:none;
    color:rgb(156 163 175);
    background:#fff;
    border-radius:9999px
}
.search-bar span{
    border:none;
    border-radius:9999px;
    color:rgb(156 163 175);
    background:#fff
}
.search-bar ::placeholder{
    color:#878aad;
    opacity:1
}
.input-box:focus{
    color:#000;
    background:#fff
}
.img-search{
    padding-left:15px
}
.fab-container{
    position:fixed;
    bottom:70px;
    right:10px;
    z-index:999;
    cursor:pointer
}
.fab-icon-holder{
    width:45px;
    height:45px;
    bottom:140px;
    left:10px;
    color:#fff;
    background:#fff;
    border-radius:10px;
    text-align:center;
    font-size:30px;
    z-index:99999
}
.fab-icon-holder:hover,.hover\:opacity-80:hover{
    opacity:.8
}
.fab-icon-holder i{
    display:flex;
    align-items:center;
    justify-content:center;
    height:100%;
    font-size:25px;
    color:#fff
}
.fab-options{
    list-style-type:none;
    margin:0;
    position:absolute;
    bottom:48px;
    left:-37px;
    opacity:0;
    transition:.3s;
    transform:scale(0);
    transform-origin:85% bottom
}
.transition-all,.transition-colors,.transition-opacity{
    transition-timing-function:cubic-bezier(.4,0,.2,1);
    transition-duration:.15s
}
.fab-options:hover,.fab:hover+.fab-options{
    opacity:1;
    transform:scale(1)
}
.fab-options li{
    display:flex;
    justify-content:flex-start;
    padding:5px
}
.fab-label{
    padding:2px 5px;
    align-self:center;
    user-select:none;
    border-radius:3px;
    font-size:16px;
    background:#666;
    color:#fff;
    box-shadow:0 6px 20px rgba(0,0,0,.2);
    margin-left:10px
}
.swiper-container{
    width:100%;
    overflow:hidden
}
.swiper-slide{
    background-position:center;
    background-size:cover;
    width:80%;
    height:100%
}
.swiper-slide img{
    display:block;
    width:100%;
    border-radius:12px
}
.swiper-pagination{
    margin-top:30px!important
}
.content-body form input{
    outline:0;
    margin-top:-30px;
    border:none!important;
    box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)!important
}
.product .box{
    margin-bottom:40px
}
@media (max-width:576px){
    .swiper-slide img{
        display:block;
        width:100%;
        height:100%!important;
        border-radius:12px
    }
    .product .box{
        box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);
        border-radius:.75rem;
        text-align:center;
        background:#646464;
        display:block;
        text-decoration:none;
        color:#fff;
        height:11rem
    }
    .product p{
        font-size:12px!important
    }
}
@media (min-width:576px){
    .product .box{
        box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);
        border-radius:.75rem;
        text-align:center;
        background:#646464;
        display:block;
        text-decoration:none;
        color:#fff;
        height:15rem
    }
}
.card-product{
    margin-bottom:-30px;
    gap:.5rem
}
.product .box img{
    width:100%;
    height:100%;
    display:block;
    margin:auto;
    object-fit:cover;
    border-radius:.75rem
}
.footer img{
    padding-top:2.5rem 0
}
.text-copyright{
    color:#718096;
    font-size:.875rem
}
.mb-\[20px\],.sosmed{
    margin-bottom:20px
}
.sosmed a{
    margin:0 10px;
    text-decoration:none;
    color:#fff
}
.sosmed i,.text-\[24px\]{
    font-size:24px
}
.item .metode{
    margin:5px 0;
    background:#fff;
    border-radius:8px;
    padding:.75rem;
    box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)!important
}
.my-form label{
    font-size:1rem
}
.my-form .form-control{
    background:#fefefe;
    margin-top:6px;
    border:2px solid #fefefe!important
}
.my-form .form-control:active,.my-form .form-control:focus{
    border-color:#fefefe!important;
    box-shadow:none!important;
    outline:0!important
}
.method-list{
    overflow:hidden;
    cursor:pointer
}
.method-list.active{
    border-color:var(--warna_2)!important
}
.method-list.active:before{
    display:inline-block;
    content:'L';
    position:relative;
    background:var(--warna_2);
    margin-left:-12px;
    height:53px;
    line-height:40px;
    width:20px;
    text-align:center;
    color:#fff;
    top:-23px;
    transform:rotate(45deg) scaleX(-1)
}
.method-list.active table{
    margin-top:-53px
}
.search-item,.w-1\/2{
    width:50%
}
.card{
    border:none!important;
    background-color:transparent!important
}
.bottom-6{
    bottom:3rem!important
}
.\!absolute,.absolute{
    position:absolute!important
}
.mobile{
    backdrop-filter:blur(1px);
    border-radius:20px;
    height:60px;
    font-weigth:bold;
    padding:10px;
    background-color:rgba(0,0,0,.2)
}
.h-11{
    height:5rem
}
.peer:focus~.peer-focus\:scale-75,.scale-75{
    --tw-scale-x:0.75;
    --tw-scale-y:0.75
}
.scale-95{
    --tw-scale-x:0.95;
    --tw-scale-y:0.95
}
.divide-gray-100>:not([hidden])~:not([hidden]){
    --tw-divide-opacity:1;
    border-color:rgb(243 244 246 / var(--tw-divide-opacity));
    --tw-divide-opacity:1;
    border-color:rgb(243 244 246/var(--tw-divide-opacity))
}
.border-\[\#626274\]{
    --tw-border-opacity:1;
    border-color:rgb(98 98 116 / var(--tw-border-opacity))
}
.border-gray-300{
    --tw-border-opacity:1;
    border-color:rgb(209 213 219 / var(--tw-border-opacity))
}
.border-gray-500{
    --tw-border-opacity:1;
    border-color:rgb(107 114 128 / var(--tw-border-opacity))
}
.border-gray-600{
    --tw-border-opacity:1;
    border-color:rgb(75 85 99 / var(--tw-border-opacity))
}
.border-gray-700{
    --tw-border-opacity:1;
    border-color:rgb(55 65 81 / var(--tw-border-opacity))
}
.border-indigo-500{
    --tw-border-opacity:1;
    border-color:rgb(99 102 241 / var(--tw-border-opacity))
}
.\!bg-gray-300{
    --tw-bg-opacity:1!important;
    background-color:rgb(209 213 219 / var(--tw-bg-opacity))!important
}
.bg-\[\#22a328\],.bg-\[\#2abe31\],.bg-\[\#5067e4\],.bg-\[\#e44a4a\],.bg-\[\#e7fea2\],.bg-\[\#ffc5c5\],.bg-\[\#fff2c5\],.bg-backgroundSecondary,.bg-black,.bg-blue-100,.bg-gray-200,.bg-gray-300,.bg-gray-700,.bg-indigo-50,.bg-orange-100,.bg-orange-600,.bg-white,.hover\:bg-gray-50:hover,.hover\:bg-orange-500:hover{
    --tw-bg-opacity:1
}
.bg-\[\#22a328\]{
    background-color:rgb(34 163 40 / var(--tw-bg-opacity))
}
.bg-\[\#2abe31\]{
    background-color:rgb(42 190 49 / var(--tw-bg-opacity))
}
.bg-\[\#5067e4\]{
    background-color:rgb(80 103 228 / var(--tw-bg-opacity))
}
.bg-\[\#e44a4a\]{
    background-color:rgb(228 74 74 / var(--tw-bg-opacity))
}
.bg-\[\#e7fea2\]{
    background-color:rgb(231 254 162 / var(--tw-bg-opacity))
}
.bg-\[\#ffc5c5\]{
    background-color:rgb(255 197 197 / var(--tw-bg-opacity))
}
.bg-\[\#fff2c5\]{
    background-color:rgb(255 242 197 / var(--tw-bg-opacity))
}
.bg-backgroundSecondary{
    background-color:rgb(50 50 62 / var(--tw-bg-opacity))
}
.bg-black{
    background-color:rgb(0 0 0 / var(--tw-bg-opacity))
}
.bg-blue-100{
    background-color:rgb(219 234 254 / var(--tw-bg-opacity))
}
.bg-btnPurple,.hover\:bg-btnPurple:hover{
    --tw-bg-opacity:1;
    background-color:rgb(112 127 235 / var(--tw-bg-opacity))
}
.bg-gray-200{
    background-color:rgb(229 231 235 / var(--tw-bg-opacity))
}
.bg-gray-300{
    background-color:rgb(209 213 219 / var(--tw-bg-opacity))
}
.bg-gray-700{
    background-color:rgb(55 65 81 / var(--tw-bg-opacity))
}
.bg-indigo-50{
    background-color:rgb(238 242 255 / var(--tw-bg-opacity))
}
.bg-orange-100{
    background-color:rgb(255 237 213 / var(--tw-bg-opacity))
}
.bg-orange-600{
    background-color:rgb(234 88 12 / var(--tw-bg-opacity))
}
.bg-white{
    background-color:rgb(255 255 255 / var(--tw-bg-opacity))
}
.text-\[\#E3FDE4\]{
    color:rgb(227 253 228 / var(--tw-text-opacity))
}
.text-black{
    color:rgb(0 0 0 / var(--tw-text-opacity))
}
.text-blue-700{
    color:rgb(29 78 216 / var(--tw-text-opacity))
}
.group:hover .group-hover\:text-btnPurple,.text-btnPurple{
    --tw-text-opacity:1;
    color:rgb(112 127 235 / var(--tw-text-opacity))
}
.text-gray-200{
    color:rgb(229 231 235 / var(--tw-text-opacity))
}
.text-gray-300{
    color:rgb(209 213 219 / var(--tw-text-opacity))
}
.text-gray-400{
    color:rgb(156 163 175 / var(--tw-text-opacity))
}
.group:hover .group-hover\:text-gray-500,.text-gray-500{
    color:rgb(107 114 128 / var(--tw-text-opacity))
}
.text-gray-600{
    color:rgb(75 85 99 / var(--tw-text-opacity))
}
.text-gray-900{
    color:rgb(17 24 39 / var(--tw-text-opacity))
}
.text-green-500{
    color:rgb(34 197 94 / var(--tw-text-opacity))
}
.text-green-600{
    color:rgb(22 163 74 / var(--tw-text-opacity))
}
.text-indigo-600{
    color:rgb(79 70 229 / var(--tw-text-opacity))
}
.text-info{
    color:rgb(34 211 238 / var(--tw-text-opacity))
}
.text-orange-700{
    color:rgb(194 65 12 / var(--tw-text-opacity))
}
.text-red-400{
    color:rgb(248 113 113 / var(--tw-text-opacity))
}
.text-red-600{
    color:rgb(220 38 38 / var(--tw-text-opacity))
}
.text-red-700{
    color:rgb(185 28 28 / var(--tw-text-opacity))
}
.text-slate-900{
    color:rgb(15 23 42 / var(--tw-text-opacity))
}
.text-white{
    color:rgb(255 255 255 / var(--tw-text-opacity))
}
.shadow-2xl{
    --tw-shadow:0 25px 50px -12px rgba(0, 0, 0, 0.25);
    --tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)
}
.hover\:shadow-lg:hover,.shadow-lg{
    --tw-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1),0 4px 6px -4px rgba(0, 0, 0, 0.1);
    --tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)
}
.hover\:shadow-sm:hover,.shadow-sm{
    --tw-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.05);
    --tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)
}
.shadow-xl{
    --tw-shadow:0 20px 25px -5px rgba(0, 0, 0, 0.1),0 8px 10px -6px rgba(0, 0, 0, 0.1);
    --tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color)
}
.shadow-white\/20{
    --tw-shadow-color:hsla(0, 0%, 100%, 0.2);
    --tw-shadow:var(--tw-shadow-colored)
}
.ring-black{
    --tw-ring-opacity:1;
    --tw-ring-color:rgb(0, 0, 118 / var(--tw-ring-opacity))
}
.ring-gray-500{
    --tw-ring-opacity:1;
    --tw-ring-color:rgb(107 114 128 / var(--tw-ring-opacity))
}
.ring-slate-200{
    --tw-ring-opacity:1;
    --tw-ring-color:rgb(226 232 240 / var(--tw-ring-opacity))
}
.focus\:ring-white:focus,.ring-white{
    --tw-ring-opacity:1;
    --tw-ring-color:rgb(255 255 255 / var(--tw-ring-opacity))
}
.shadow-navbar{
    box-shadow:1px 5px 4px 0 rgba(0,0,0,.2);
    -webkit-box-shadow:1px 5px 4px 0 rgba(0,0,0,.2);
    -moz-box-shadow:1px 5px 4px 0 rgba(0,0,0,.2)
}
#home-cover{
    position:relative;
    overflow:hidden
}
#home-cover>.banner-hero{
    max-width:1200px;
    margin:0 auto;
    padding:2em 1em;
    flex:auto
}
.placeholder\:text-slate-400::-moz-placeholder{
    --tw-text-opacity:1;
    color:rgb(148 163 184 / var(--tw-text-opacity))
}
.placeholder\:text-slate-400::placeholder{
    --tw-text-opacity:1;
    color:rgb(148 163 184 / var(--tw-text-opacity))
}
.focus-within\:text-slate-900:focus-within{
    --tw-text-opacity:1;
    color:rgb(15 23 42 / var(--tw-text-opacity))
}
.focus-within\:text-white:focus-within{
    --tw-text-opacity:1;
    color:rgb(255 255 255 / var(--tw-text-opacity))
}
.hover\:border-white:hover{
    --tw-border-opacity:1;
    border-color:rgb(255 255 255 / var(--tw-border-opacity))
}
.hover\:bg-gray-50:hover{
    background-color:rgb(249 250 251 / var(--tw-bg-opacity))
}
.hover\:bg-orange-500:hover{
    background-color:rgb(249 115 22 / var(--tw-bg-opacity))
}
.hover\:text-white:hover{
    color:rgb(255 255 255 / var(--tw-text-opacity))
}
.focus\:border-\[\#2D2EAD\]:focus{
    --tw-border-opacity:1;
    border-color:rgb(45 46 173 / var(--tw-border-opacity))
}
.focus\:border-\[\#707feb\]:focus{
    --tw-border-opacity:1;
    border-color:rgb(112 127 235 / var(--tw-border-opacity))
}
.focus\:border-indigo-700:focus{
    --tw-border-opacity:1;
    border-color:rgb(67 56 202 / var(--tw-border-opacity))
}
.focus\:ring-\[\#2D2EAD\]:focus{
    --tw-ring-opacity:1;
    --tw-ring-color:rgb(45 46 173 / var(--tw-ring-opacity))
}
.focus\:ring-indigo-500:focus{
    --tw-ring-opacity:1;
    --tw-ring-color:rgb(99 102 241 / var(--tw-ring-opacity))
}
.focus-visible\:ring-white:focus-visible{
    --tw-ring-opacity:1;
    --tw-ring-color:rgb(255 255 255 / var(--tw-ring-opacity))
}
.overflow-hidden,.sr-only{
    overflow:hidden
}
.p-0,.sr-only,fieldset,legend{
    padding:0
}
*,:after,:before{
    border:0 solid #e5e7eb;
    --tw-border-spacing-x:0;
    --tw-border-spacing-y:0;
    --tw-translate-x:0;
    --tw-translate-y:0;
    --tw-rotate:0;
    --tw-skew-x:0;
    --tw-skew-y:0;
    --tw-scale-x:1;
    --tw-scale-y:1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness:proximity;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width:0px;
    --tw-ring-offset-color:#fff;
    --tw-ring-color:rgba(59, 130, 246, .5);
    --tw-ring-offset-shadow:0 0 #0000;
    --tw-ring-shadow:0 0 #0000;
    --tw-shadow:0 0 #0000;
    --tw-shadow-colored:0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: 
}
:after,:before{
    --tw-content:""
}
html{
    -moz-tab-size:4;
    -o-tab-size:4;
    tab-size:4
}
hr{
    height:0;
    border-top-width:1px
}
abbr:where([title]){
    -webkit-text-decoration:underline dotted;
    text-decoration:underline dotted
}
h1,h2,h3,h4,h5,h6{
    font-size:inherit;
    font-weight:inherit
}
.button-action-payment .info-bottom b,b,strong{
    font-weight:bolder
}
code,kbd,pre,samp{
    font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;
    font-size:1em
}
small{
    font-size:80%
}
sub,sup{
    font-size:75%;
    line-height:0;
    position:relative
}
sub{
    bottom:-.25em
}
sup{
    top:-.5em
}
table{
    text-indent:0;
    border-color:inherit;
    border-collapse:collapse
}
:-moz-focusring{
    outline:auto
}
:-moz-ui-invalid{
    box-shadow:none
}
::-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
}
.m-0,blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{
    margin:0
}
menu,ol,ul{
    list-style:none;
    margin:0;
    padding:0
}
textarea{
    resize:vertical
}
input::-moz-placeholder,textarea::-moz-placeholder{
    opacity:1;
    color:#9ca3af
}
input::placeholder,textarea::placeholder{
    opacity:1;
    color:#9ca3af
}
:disabled{
    cursor:default
}
.hidden,[hidden]{
    display:none
}
::backdrop{
    --tw-border-spacing-x:0;
    --tw-border-spacing-y:0;
    --tw-translate-x:0;
    --tw-translate-y:0;
    --tw-rotate:0;
    --tw-skew-x:0;
    --tw-skew-y:0;
    --tw-scale-x:1;
    --tw-scale-y:1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness:proximity;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width:0px;
    --tw-ring-offset-color:#fff;
    --tw-ring-color:rgba(59, 130, 246, .5);
    --tw-ring-offset-shadow:0 0 #0000;
    --tw-ring-shadow:0 0 #0000;
    --tw-shadow:0 0 #0000;
    --tw-shadow-colored:0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: 
}
.focus\:ring-2:focus,.focus\:ring:focus,.ring-1{
    --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)
}
.sr-only{
    position:absolute;
    width:1px;
    height:1px;
    margin:-1px;
    clip:rect(0,0,0,0);
    border-width:0
}
.pointer-events-none{
    pointer-events:none
}
.pointer-events-auto{
    pointer-events:auto
}
.fixed{
    position:fixed
}
.relative{
    position:relative
}
.sticky{
    position:sticky
}
.inset-0,.inset-y-0{
    top:0;
    bottom:0
}
.inset-0,.inset-x-0{
    right:0;
    left:0
}
.-right-\[3px\]{
    right:-3px
}
.bottom-0{
    bottom:0
}
.left-0{
    left:0
}
.left-5{
    left:1.25rem
}
.left-6{
    left:1.5rem
}
.right-6{
    right:1.5rem
}
.right-8{
    right:2rem
}
.top-0{
    top:0
}
.top-20{
    top:5rem
}
.top-4{
    top:1rem
}
.top-\[18px\]{
    top:18px
}
.-z-10{
    z-index:-10
}
.z-0{
    z-index:0
}
.z-10{
    z-index:10
}
.focus\:z-20:focus,.z-20{
    z-index:20
}
.z-30{
    z-index:30
}
.z-40{
    z-index:40
}
.z-50{
    z-index:50
}
.z-\[60\]{
    z-index:60
}
.z-\[9\]{
    z-index:9
}
.order-1{
    order:1
}
.order-2{
    order:2
}
.col-span-1{
    grid-column:span 1/span 1
}
.col-span-12{
    grid-column:span 12/span 12
}
.col-span-2{
    grid-column:span 2/span 2
}
.col-span-5{
    grid-column:span 5/span 5
}
.\!m-0{
    margin:0!important
}
.m-4{
    margin:1rem
}
.m-auto{
    margin:auto
}
.mx-2{
    margin-left:.5rem;
    margin-right:.5rem
}
.mx-6{
    margin-left:1.5rem;
    margin-right:1.5rem
}
.mx-auto{
    margin-left:auto;
    margin-right:auto
}
.my-2{
    margin-top:.5rem;
    margin-bottom:.5rem
}
.my-20{
    margin-top:5rem;
    margin-bottom:5rem
}
.my-3{
    margin-top:.75rem;
    margin-bottom:.75rem
}
.my-4{
    margin-top:1rem;
    margin-bottom:1rem
}
.my-6{
    margin-top:1.5rem;
    margin-bottom:1.5rem
}
.my-7{
    margin-top:1.75rem;
    margin-bottom:1.75rem
}
.my-8{
    margin-top:2rem;
    margin-bottom:2rem
}
.my-auto{
    margin-top:auto;
    margin-bottom:auto
}
.-mb-px{
    margin-bottom:-1px
}
.-ml-1{
    margin-left:-.25rem
}
.-ml-px{
    margin-left:-1px
}
.-mr-10{
    margin-right:-2.5rem
}
.-mr-12{
    margin-right:-3rem
}
.-mt-16{
    margin-top:-4rem
}
.mb-1{
    margin-bottom:.25rem
}
.mb-1\.5{
    margin-bottom:.375rem
}
.mb-10{
    margin-bottom:2.5rem
}
.mb-2{
    margin-bottom:.5rem
}
.mb-3{
    margin-bottom:.75rem
}
.mb-4{
    margin-bottom:1rem
}
.mb-5{
    margin-bottom:1.25rem
}
.mb-6{
    margin-bottom:1.5rem
}
.mb-8{
    margin-bottom:2rem
}
.ml-2{
    margin-left:.5rem
}
.ml-3{
    margin-left:.75rem
}
.ml-4{
    margin-left:1rem
}
.ml-5{
    margin-left:1.25rem
}
.mr-2{
    margin-right:.5rem
}
.mr-3{
    margin-right:.75rem
}
.mr-4{
    margin-right:1rem
}
.mr-5{
    margin-right:1.25rem
}
.mt-1{
    margin-top:.25rem
}
.mt-10{
    margin-top:2.5rem
}
.mt-12{
    margin-top:3rem
}
.mt-3{
    margin-top:.75rem
}
.mt-4{
    margin-top:1rem
}
.mt-5{
    margin-top:1.25rem
}
.mt-6{
    margin-top:1.5rem
}
.mt-7{
    margin-top:1.75rem
}
.mt-8{
    margin-top:2rem
}
.mt-\[20px\]{
    margin-top:20px
}
.mt-\[30px\]{
    margin-top:30px
}
.inline-block{
    display:inline-block
}
.inline{
    display:inline
}
.table{
    display:table
}
.flow-root{
    display:flow-root
}
.grid{
    display:grid
}
.contents{
    display:contents
}
.h-0{
    height:0
}
.h-10,.h-12{
    height:3rem
}
.h-14{
    height:3.5rem
}
.h-16{
    height:4rem
}
.h-24{
    height:6rem
}
.h-3{
    height:.75rem
}
.h-32{
    height:8rem
}
.h-4{
    height:1rem
}
.h-40{
    height:10rem
}
.h-5{
    height:1.25rem
}
.h-56{
    height:14rem
}
.h-6{
    height:1.5rem
}
.h-64{
    height:16rem
}
.h-8{
    height:2rem
}
.h-\[100vh\]{
    height:100vh
}
.h-\[16px\]{
    height:16px
}
.h-\[24px\]{
    height:24px
}
.h-\[280px\]{
    height:280px
}
.h-\[460px\]{
    height:460px
}
.h-\[5\.7rem\]{
    height:5.7rem
}
.h-\[9\.4rem\]{
    height:9.4rem
}
.h-auto,img,video{
    height:auto
}
.h-full{
    height:100%
}
.h-px{
    height:1px
}
.max-h-0{
    max-height:0
}
.max-h-\[1000px\]{
    max-height:1000px
}
.max-h-\[9rem\]{
    max-height:9rem
}
.max-h-screen{
    max-height:100vh
}
.min-h-\[50vh\]{
    min-height:50vh
}
.min-h-\[60vh\]{
    min-height:60vh
}
.min-h-\[65vh\]{
    min-height:65vh
}
.min-h-\[70vh\]{
    min-height:70vh
}
.min-h-full{
    min-height:100%
}
.min-h-screen{
    min-height:100vh
}
.\!w-full{
    width:100%!important
}
.w-10{
    width:2.5rem
}
.w-11{
    width:2.75rem
}
.w-12{
    width:3rem
}
.w-14{
    width:3.5rem
}
.w-24{
    width:6rem
}
.w-28{
    width:7rem
}
.w-3{
    width:.75rem
}
.w-4{
    width:1rem
}
.w-5{
    width:1.25rem
}
.w-56{
    width:14rem
}
.w-6{
    width:1.5rem
}
.w-8{
    width:2rem
}
.w-80{
    width:20rem
}
.w-\[16px\]{
    width:16px
}
.w-\[24px\]{
    width:24px
}
.w-\[280px\]{
    width:280px
}
.w-\[80px\]{
    width:80px
}
.w-screen{
    width:100vw
}
.w-screen60{
    width:60vw
}
.w-screen90{
    width:90vw
}
.min-w-0{
    min-width:0
}
.max-w-7xl{
    max-width:80rem
}
.max-w-\[15rem\]{
    max-width:15rem
}
.max-w-\[2\.5rem\]{
    max-width:2.5rem
}
.max-w-\[3\.5rem\]{
    max-width:3.5rem
}
.max-w-full,img,video{
    max-width:100%
}
.max-w-md{
    max-width:28rem
}
.max-w-xl{
    max-width:36rem
}
.max-w-xs{
    max-width:20rem
}
.flex-shrink{
    flex-shrink:1
}
.flex-shrink-0,.shrink-0{
    flex-shrink:0
}
.flex-grow,.grow{
    flex-grow:1
}
.table-auto{
    table-layout:auto
}
.origin-\[0\]{
    transform-origin:0
}
.-translate-x-full{
    --tw-translate-x:-100%
}
.-translate-x-full,.-translate-y-1\/2,.-translate-y-3,.hover\:scale-105:hover,.hover\:scale-110:hover,.peer:focus~.peer-focus\:-translate-y-3,.peer:focus~.peer-focus\:scale-75,.rotate-0,.rotate-180,.scale-100,.scale-75,.scale-95,.transform,.translate-x-0,.translate-y-0{
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.-translate-y-1\/2{
    --tw-translate-y:-50%
}
.-translate-y-3,.peer:focus~.peer-focus\:-translate-y-3{
    --tw-translate-y:-0.75rem
}
.translate-x-0{
    --tw-translate-x:0px
}
.translate-y-0{
    --tw-translate-y:0px
}
.rotate-0{
    --tw-rotate:0deg
}
.rotate-180{
    --tw-rotate:180deg
}
.peer:focus~.peer-focus\:scale-75,.scale-75{
    --tw-scale-x:.75;
    --tw-scale-y:.75
}
.scale-95{
    --tw-scale-x:.95;
    --tw-scale-y:.95
}
@keyframes ping{
    75%,to{
        transform:scale(2);
        opacity:0
    }
}
.animate-ping{
    animation:1s cubic-bezier(0,0,.2,1) infinite ping
}
@keyframes pulse{
    50%{
        opacity:.5
    }
}
.animate-pulse{
    animation:2s cubic-bezier(.4,0,.6,1) infinite pulse
}
@keyframes spin{
    to{
        transform:rotate(1turn)
    }
}
.animate-spin{
    animation:1s linear infinite spin
}
.cursor-not-allowed,.disabled\:cursor-not-allowed:disabled,.hover\:cursor-not-allowed:hover{
    cursor:not-allowed
}
.cursor-pointer,.hover\:cursor-pointer:hover,[role=button],button{
    cursor:pointer
}
.appearance-none{
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none
}
.grid-flow-col{
    grid-auto-flow:column
}
.grid-cols-1{
    grid-template-columns:repeat(1,minmax(0,1fr))
}
.grid-cols-12{
    grid-template-columns:repeat(12,minmax(0,1fr))
}
.grid-cols-2{
    grid-template-columns:repeat(2,minmax(0,1fr))
}
.grid-cols-3{
    grid-template-columns:repeat(3,minmax(0,1fr))
}
.grid-cols-6{
    grid-template-columns:repeat(6,minmax(0,1fr))
}
.flex-row{
    flex-direction:row
}
.flex-row-reverse{
    flex-direction:row-reverse
}
.flex-col{
    flex-direction:column
}
.flex-col-reverse{
    flex-direction:column-reverse
}
.content-center{
    align-content:center
}
.content-start{
    align-content:flex-start
}
.content-end{
    align-content:flex-end
}
.items-start{
    align-items:flex-start
}
.items-end{
    align-items:flex-end
}
.items-stretch{
    align-items:stretch
}
.child-box .header .left,.justify-start{
    justify-content:flex-start
}
.justify-end{
    justify-content:flex-end
}
.justify-between{
    justify-content:space-between
}
.justify-around{
    justify-content:space-around
}
.\!gap-0{
    gap:0!important
}
.gap-1{
    gap:.25rem
}
.gap-1\.5{
    gap:.375rem
}
.gap-12{
    gap:3rem
}
.gap-2{
    gap:.5rem
}
.gap-3{
    gap:.75rem
}
.gap-5{
    gap:1.25rem
}
.gap-6{
    gap:1.5rem
}
.gap-8{
    gap:2rem
}
.gap-x-4{
    -moz-column-gap:1rem;
    column-gap:1rem
}
.gap-y-10{
    row-gap:2.5rem
}
.gap-y-4{
    row-gap:1rem
}
.gap-y-8{
    row-gap:2rem
}
.-space-x-px>:not([hidden])~:not([hidden]){
    --tw-space-x-reverse:0;
    margin-right:calc(-1px * var(--tw-space-x-reverse));
    margin-left:calc(-1px * calc(1 - var(--tw-space-x-reverse)))
}
.space-x-2>:not([hidden])~:not([hidden]){
    --tw-space-x-reverse:0;
    margin-right:calc(.5rem * var(--tw-space-x-reverse));
    margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))
}
.space-x-6>:not([hidden])~:not([hidden]){
    --tw-space-x-reverse:0;
    margin-right:calc(1.5rem * var(--tw-space-x-reverse));
    margin-left:calc(1.5rem * calc(1 - var(--tw-space-x-reverse)))
}
.space-y-1>:not([hidden])~:not([hidden]){
    --tw-space-y-reverse:0;
    margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom:calc(.25rem * var(--tw-space-y-reverse))
}
.space-y-2>:not([hidden])~:not([hidden]){
    --tw-space-y-reverse:0;
    margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom:calc(.5rem * var(--tw-space-y-reverse))
}
.space-y-3>:not([hidden])~:not([hidden]){
    --tw-space-y-reverse:0;
    margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom:calc(.75rem * var(--tw-space-y-reverse))
}
.space-y-4>:not([hidden])~:not([hidden]){
    --tw-space-y-reverse:0;
    margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom:calc(1rem * var(--tw-space-y-reverse))
}
.space-y-5>:not([hidden])~:not([hidden]){
    --tw-space-y-reverse:0;
    margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))
}
.divide-y>:not([hidden])~:not([hidden]){
    --tw-divide-y-reverse:0;
    border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));
    border-bottom-width:calc(1px * var(--tw-divide-y-reverse))
}
.overflow-x-auto{
    overflow-x:auto
}
.overflow-y-auto{
    overflow-y:auto
}
.overflow-x-hidden{
    overflow-x:hidden
}
.overflow-x-scroll{
    overflow-x:scroll
}
.overflow-y-scroll{
    overflow-y:scroll
}
.truncate{
    overflow:hidden
}
.text-ellipsis,.truncate{
    text-overflow:ellipsis
}
.whitespace-pre-line{
    white-space:pre-line
}
.break-words{
    overflow-wrap:break-word
}
.\!rounded-\[50px\]{
    border-radius:50px!important
}
.\!rounded-full{
    border-radius:9999px!important
}
.\!rounded-lg{
    border-radius:.5rem!important
}
.rounded-2xl,.rounded-\[1rem\]{
    border-radius:1rem
}
.rounded-3xl{
    border-radius:1.5rem
}
.rounded-\[15px\]{
    border-radius:15px
}
.rounded-\[8px\]{
    border-radius:8px
}
.rounded-full{
    border-radius:9999px
}
.rounded-lg{
    border-radius:.5rem
}
.rounded-none{
    border-radius:0
}
.rounded-xl{
    border-radius:.75rem
}
.rounded-b-lg{
    border-bottom-right-radius:.5rem;
    border-bottom-left-radius:.5rem
}
.rounded-l-md{
    border-top-left-radius:.375rem;
    border-bottom-left-radius:.375rem
}
.rounded-r-full{
    border-top-right-radius:9999px;
    border-bottom-right-radius:9999px
}
.rounded-r-md{
    border-top-right-radius:.375rem;
    border-bottom-right-radius:.375rem
}
.rounded-t-\[20px\]{
    border-top-left-radius:20px;
    border-top-right-radius:20px
}
.rounded-t-lg{
    border-top-left-radius:.5rem;
    border-top-right-radius:.5rem
}
.rounded-bl-\[15px\]{
    border-bottom-left-radius:15px
}
.rounded-bl-full{
    border-bottom-left-radius:9999px
}
.rounded-br-\[15px\]{
    border-bottom-right-radius:15px
}
.rounded-tr-\[3000px\]{
    border-top-right-radius:3000px
}
.border{
    border-width:1px
}
.border-0{
    border-width:0
}
.border-2{
    border-width:2px
}
.\!border-b{
    border-bottom-width:1px!important
}
.border-b{
    border-bottom-width:1px
}
.border-b-2{
    border-bottom-width:2px
}
.border-r{
    border-right-width:1px
}
.border-t{
    border-top-width:1px
}
.border-t-2{
    border-top-width:2px
}
.\!border-none{
    border-style:none!important
}
.border-none,.focus\:border-none:focus{
    border-style:none
}
.border-\[\#626274\]{
    --tw-border-opacity:1;
    border-color:rgb(98 98 116/var(--tw-border-opacity))
}
.border-gray-300{
    --tw-border-opacity:1;
    border-color:rgb(209 213 219/var(--tw-border-opacity))
}
.border-gray-500{
    --tw-border-opacity:1;
    border-color:rgb(107 114 128/var(--tw-border-opacity))
}
.border-gray-600{
    --tw-border-opacity:1;
    border-color:rgb(75 85 99/var(--tw-border-opacity))
}
.border-gray-700{
    --tw-border-opacity:1;
    border-color:rgb(55 65 81/var(--tw-border-opacity))
}
.border-indigo-500{
    --tw-border-opacity:1;
    border-color:rgb(99 102 241/var(--tw-border-opacity))
}
.border-transparent{
    border-color:transparent
}
.border-white\/30{
    border-color:hsla(0,0%,100%,.3)
}
.\!bg-gray-300{
    --tw-bg-opacity:1!important;
    background-color:rgb(209 213 219/var(--tw-bg-opacity))!important
}
.bg-\[\#22a328\],.bg-\[\#2abe31\],.bg-\[\#5067e4\],.bg-\[\#e44a4a\],.bg-\[\#e7fea2\],.bg-\[\#ffc5c5\],.bg-\[\#fff2c5\],.bg-backgroundSecondary,.bg-black,.bg-blue-100,.bg-gray-200,.bg-gray-300,.bg-gray-700,.bg-indigo-50,.bg-orange-100,.bg-orange-600,.bg-white{
    --tw-bg-opacity:1
}
.bg-\[\#22a328\]{
    background-color:rgb(34 163 40/var(--tw-bg-opacity))
}
.bg-\[\#2abe31\]{
    background-color:rgb(42 190 49/var(--tw-bg-opacity))
}
.bg-\[\#5067e4\]{
    background-color:rgb(80 103 228/var(--tw-bg-opacity))
}
.bg-\[\#e44a4a\]{
    background-color:rgb(228 74 74/var(--tw-bg-opacity))
}
.bg-\[\#e7fea2\]{
    background-color:rgb(231 254 162/var(--tw-bg-opacity))
}
.bg-\[\#ffc5c5\]{
    background-color:rgb(255 197 197/var(--tw-bg-opacity))
}
.bg-\[\#fff2c5\]{
    background-color:rgb(255 242 197/var(--tw-bg-opacity))
}
.bg-backgroundSecondary{
    background-color:rgb(50 50 62/var(--tw-bg-opacity))
}
.bg-black{
    background-color:rgb(0 0 0/var(--tw-bg-opacity))
}
.bg-blue-100{
    background-color:rgb(219 234 254/var(--tw-bg-opacity))
}
.bg-btnPurple,.hover\:bg-btnPurple:hover{
    --tw-bg-opacity:1;
    background-color:rgb(112 127 235/var(--tw-bg-opacity))
}
.bg-btnPurple\/70{
    background-color:rgba(112,127,235,.7)
}
.bg-gray-200{
    background-color:rgb(229 231 235/var(--tw-bg-opacity))
}
.bg-gray-300{
    background-color:rgb(209 213 219/var(--tw-bg-opacity))
}
.bg-gray-600\/75{
    background-color:rgba(75,85,99,.75)
}
.bg-gray-700{
    background-color:rgb(55 65 81/var(--tw-bg-opacity))
}
.bg-indigo-50{
    background-color:rgb(238 242 255/var(--tw-bg-opacity))
}
.bg-orange-100{
    background-color:rgb(255 237 213/var(--tw-bg-opacity))
}
.bg-orange-600{
    background-color:rgb(234 88 12/var(--tw-bg-opacity))
}
.bg-white{
    background-color:rgb(255 255 255/var(--tw-bg-opacity))
}
.bg-white\/80{
    background-color:hsla(0,0%,100%,.8)
}
.bg-opacity-0{
    --tw-bg-opacity:0
}
.bg-opacity-100{
    --tw-bg-opacity:1
}
.bg-opacity-40{
    --tw-bg-opacity:0.4
}
.bg-gradient-to-r{
    background-image:linear-gradient(to right,var(--tw-gradient-stops))
}
.bg-none{
    background-image:none
}
.from-gray-400{
    --tw-gradient-from:#9ca3af;
    --tw-gradient-to:rgba(156, 163, 175, 0);
    --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)
}
.fill-white{
    fill:#fff
}
.object-contain{
    -o-object-fit:contain;
    object-fit:contain
}
.\!object-cover{
    -o-object-fit:cover!important;
    object-fit:cover!important
}
.object-cover{
    -o-object-fit:cover;
    object-fit:cover
}
.object-center{
    -o-object-position:center;
    object-position:center
}
.object-left{
    -o-object-position:left;
    object-position:left
}
.object-right{
    -o-object-position:right;
    object-position:right
}
.\!p-0{
    padding:0!important
}
.\!p-4{
    padding:1rem!important
}
.p-1{
    padding:.25rem
}
.p-2\.5{
    padding:.625rem
}
.p-3{
    padding:.75rem
}
.p-4{
    padding:1rem
}
.p-5{
    padding:1.25rem
}
.p-6{
    padding:1.5rem
}
.p-8{
    padding:2rem
}
.\!px-0{
    padding-left:0!important;
    padding-right:0!important
}
.\!px-3{
    padding-left:.75rem!important;
    padding-right:.75rem!important
}
.\!px-4{
    padding-left:1rem!important;
    padding-right:1rem!important
}
.\!py-1{
    padding-top:.25rem!important;
    padding-bottom:.25rem!important
}
.\!py-1\.5{
    padding-top:.375rem!important;
    padding-bottom:.375rem!important
}
.px-0{
    padding-left:0;
    padding-right:0
}
.px-1{
    padding-left:.25rem;
    padding-right:.25rem
}
.px-14{
    padding-left:3.5rem;
    padding-right:3.5rem
}
.px-2{
    padding-left:.5rem;
    padding-right:.5rem
}
.px-2\.5{
    padding-left:.625rem;
    padding-right:.625rem
}
.px-20{
    padding-left:5rem;
    padding-right:5rem
}
.px-3,.px-\[0\.75rem\]{
    padding-left:.75rem;
    padding-right:.75rem
}
.px-4{
    padding-left:1rem;
    padding-right:1rem
}
.px-5{
    padding-left:1.25rem;
    padding-right:1.25rem
}
.px-6{
    padding-left:1.5rem;
    padding-right:1.5rem
}
.px-\[18px\]{
    padding-left:18px;
    padding-right:18px
}
.py-0{
    padding-top:0;
    padding-bottom:0
}
.py-1{
    padding-top:.25rem;
    padding-bottom:.25rem
}
.py-1\.5{
    padding-top:.375rem;
    padding-bottom:.375rem
}
.py-10{
    padding-top:2.5rem;
    padding-bottom:2.5rem
}
.py-2\.5{
    padding-top:.625rem;
    padding-bottom:.625rem
}
.py-24{
    padding-top:6rem;
    padding-bottom:6rem
}
.py-3{
    padding-top:.75rem;
    padding-bottom:.75rem
}
.py-4{
    padding-top:1rem;
    padding-bottom:1rem
}
.py-5{
    padding-top:1.25rem;
    padding-bottom:1.25rem
}
.py-6{
    padding-top:1.5rem;
    padding-bottom:1.5rem
}
.py-8{
    padding-top:2rem;
    padding-bottom:2rem
}
.py-2,.py-\[0\.5rem\]{
    padding-top:.5rem;
    padding-bottom:.5rem
}
.py-\[5\.5rem\]{
    padding-top:5.5rem;
    padding-bottom:5.5rem
}
.pb-0{
    padding-bottom:0
}
.pb-1{
    padding-bottom:.25rem
}
.pb-14{
    padding-bottom:3.5rem
}
.pb-16{
    padding-bottom:4rem
}
.pb-2{
    padding-bottom:.5rem
}
.pb-2\.5{
    padding-bottom:.625rem
}
.pb-20{
    padding-bottom:5rem
}
.pb-24{
    padding-bottom:6rem
}
.pb-3{
    padding-bottom:.75rem
}
.pb-32{
    padding-bottom:8rem
}
.pb-4{
    padding-bottom:1rem
}
.pb-5{
    padding-bottom:1.25rem
}
.pb-8,.pb-\[2rem\]{
    padding-bottom:2rem
}
.pb-\[3px\]{
    padding-bottom:3px
}
.pl-10{
    padding-left:2.5rem
}
.pl-2{
    padding-left:.5rem
}
.pl-3{
    padding-left:.75rem
}
.pl-4{
    padding-left:1rem
}
.pl-5{
    padding-left:1.25rem
}
.pl-\[3\.2rem\]{
    padding-left:3.2rem
}
.pr-0{
    padding-right:0
}
.pr-10{
    padding-right:2.5rem
}
.pr-20{
    padding-right:5rem
}
.pr-3{
    padding-right:.75rem
}
.pr-4{
    padding-right:1rem
}
.pr-5{
    padding-right:1.25rem
}
.pr-\[3\.2rem\]{
    padding-right:3.2rem
}
.pt-0{
    padding-top:0
}
.pt-1{
    padding-top:.25rem
}
.pt-10{
    padding-top:2.5rem
}
.pt-12{
    padding-top:3rem
}
.pt-14{
    padding-top:3.5rem
}
.pt-16{
    padding-top:4rem
}
.pt-2{
    padding-top:.5rem
}
.pt-3{
    padding-top:.75rem
}
.pt-4{
    padding-top:1rem
}
.pt-5{
    padding-top:1.25rem
}
.pt-6{
    padding-top:1.5rem
}
.pt-8{
    padding-top:2rem
}
.text-left{
    text-align:left
}
.text-right{
    text-align:right
}
.text-justify{
    text-align:justify
}
.text-start{
    text-align:start
}
.text-2xl{
    font-size:1.5rem;
    line-height:2rem
}
.text-4xl{
    font-size:2.25rem;
    line-height:2.5rem
}
.text-lg,.text-xl{
    line-height:1.75rem
}
.text-\[0\.92rem\]{
    font-size:.92rem
}
.text-\[10px\]{
    font-size:10px
}
.text-\[12px\]{
    font-size:12px
}
.text-\[13px\]{
    font-size:13px
}
.text-\[14px\]{
    font-size:14px
}
.text-\[15px\]{
    font-size:15px
}
.text-\[18px\]{
    font-size:18px
}
.text-\[20px\]{
    font-size:20px
}
.text-\[40px\]{
    font-size:40px
}
.text-lg{
    font-size:1.125rem
}
.text-xl{
    font-size:1.25rem
}
.leading-4,.text-xs{
    line-height:1rem
}
.text-xs{
    font-size:.75rem
}
.font-extrabold{
    font-weight:800
}
.font-light{
    font-weight:300
}
.font-normal{
    font-weight:400
}
.font-semibold{
    font-weight:600
}
.uppercase{
    text-transform:uppercase
}
.capitalize{
    text-transform:capitalize
}
.italic{
    font-style:italic
}
.leading-5{
    line-height:1.25rem
}
.leading-6{
    line-height:1.5rem
}
.leading-7{
    line-height:1.75rem
}
.leading-\[150\%\]{
    line-height:150%
}
.leading-\[20px\]{
    line-height:20px
}
.leading-\[26px\]{
    line-height:26px
}
.leading-\[30\.8px\]{
    line-height:30.8px
}
.leading-\[66\.8px\]{
    line-height:66.8px
}
.leading-normal{
    line-height:1.5
}
.tracking-\[0\.1em\]{
    letter-spacing:.1em
}
.tracking-\[0\.2em\]{
    letter-spacing:.2em
}
.tracking-\[0\.3px\]{
    letter-spacing:.3px
}
.tracking-tight{
    letter-spacing:-.025em
}
.text-black{
    color:rgb(0 0 0/var(--tw-text-opacity))
}
.text-blue-700{
    color:rgb(29 78 216/var(--tw-text-opacity))
}
.group:hover .group-hover\:text-btnPurple,.text-btnPurple{
    color:rgb(112 127 235/var(--tw-text-opacity))
}
.text-gray-200{
    color:rgb(229 231 235/var(--tw-text-opacity))
}
.text-gray-300{
    color:rgb(209 213 219/var(--tw-text-opacity))
}
.text-gray-400{
    color:rgb(156 163 175/var(--tw-text-opacity))
}
.group:hover .group-hover\:text-gray-500,.text-gray-500{
    color:rgb(107 114 128/var(--tw-text-opacity))
}
.text-gray-600{
    color:rgb(75 85 99/var(--tw-text-opacity))
}
.text-gray-900{
    color:rgb(17 24 39/var(--tw-text-opacity))
}
.text-green-500{
    color:rgb(34 197 94/var(--tw-text-opacity))
}
.text-green-600{
    color:rgb(22 163 74/var(--tw-text-opacity))
}
.text-indigo-600{
    color:rgb(79 70 229/var(--tw-text-opacity))
}
.text-info{
    color:rgb(34 211 238/var(--tw-text-opacity))
}
.text-orange-700{
    color:rgb(194 65 12/var(--tw-text-opacity))
}
.text-red-400{
    color:rgb(248 113 113/var(--tw-text-opacity))
}
.text-red-600{
    color:rgb(220 38 38/var(--tw-text-opacity))
}
.text-red-700{
    color:rgb(185 28 28/var(--tw-text-opacity))
}
.text-slate-900{
    color:rgb(15 23 42/var(--tw-text-opacity))
}
.text-white{
    color:rgb(255 255 255/var(--tw-text-opacity))
}
.text-white\/70{
    color:hsla(0,0%,100%,.7)
}
.text-white\/75{
    color:hsla(0,0%,100%,.75)
}
.hover\:underline:hover,.underline{
    text-decoration-line:underline
}
.no-underline{
    text-decoration-line:none
}
.opacity-0{
    opacity:0
}
.opacity-25{
    opacity:.25
}
.opacity-75{
    opacity:.75
}
.mix-blend-multiply{
    mix-blend-mode:multiply
}
.shadow-2xl{
    --tw-shadow:0 25px 50px -12px rgba(0, 0, 0, .25);
    --tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)
}
.hover\:shadow-sm:hover,.shadow-sm{
    --tw-shadow:0 1px 2px 0 rgba(0, 0, 0, .05);
    --tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)
}
.hover\:shadow-lg:hover,.hover\:shadow-sm:hover,.shadow-2xl,.shadow-lg,.shadow-sm,.shadow-xl{
    box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}
.shadow-xl{
    --tw-shadow:0 20px 25px -5px rgba(0, 0, 0, .1),0 8px 10px -6px rgba(0, 0, 0, .1);
    --tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color)
}
.shadow-white\/20{
    --tw-shadow-color:hsla(0, 0%, 100%, .2);
    --tw-shadow:var(--tw-shadow-colored)
}
.ring-gray-500{
    --tw-ring-opacity:1;
    --tw-ring-color:rgb(107 114 128/var(--tw-ring-opacity))
}
.ring-slate-200{
    --tw-ring-opacity:1;
    --tw-ring-color:rgb(226 232 240/var(--tw-ring-opacity))
}
.focus\:ring-white:focus,.ring-white{
    --tw-ring-opacity:1;
    --tw-ring-color:rgb(255 255 255/var(--tw-ring-opacity))
}
.blur{
    --tw-blur:blur(8px)
}
.blur,.filter,.grayscale,.invert{
    filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}
.grayscale{
    --tw-grayscale:grayscale(100%)
}
.invert{
    --tw-invert:invert(100%)
}
.backdrop-blur-sm{
    --tw-backdrop-blur:blur(4px)
}
.backdrop-blur-sm,.backdrop-blur-xl,.backdrop-filter{
    -webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}
.backdrop-blur-xl{
    --tw-backdrop-blur:blur(24px)
}
.transition-all{
    transition-property:all
}
.transition-colors{
    transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke
}
.transition-opacity{
    transition-property:opacity
}
.duration-100{
    transition-duration:.1s
}
.duration-1000{
    transition-duration:1s
}
.duration-150{
    transition-duration:.15s
}
.duration-200{
    transition-duration:.2s
}
.duration-500{
    transition-duration:.5s
}
.duration-75{
    transition-duration:75ms
}
.duration-\[600ms\]{
    transition-duration:.6s
}
.ease-in{
    transition-timing-function:cubic-bezier(.4,0,1,1)
}
.ease-in-out{
    transition-timing-function:cubic-bezier(.4,0,.2,1)
}
.ease-out{
    transition-timing-function:cubic-bezier(0,0,.2,1)
}
.cover,.featured-game-card:hover{
    transition:1s
}
.line-clamp-1{
    -webkit-line-clamp:1
}
.line-clamp-1,.line-clamp-2{
    overflow:hidden;
    display:-webkit-box;
    -webkit-box-orient:vertical
}
.line-clamp-2{
    -webkit-line-clamp:2
}
.scrollbar-hide{
    -ms-overflow-style:none;
    scrollbar-width:none
}
.scrollbar-hide::-webkit-scrollbar{
    display:none
}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{
    -webkit-appearance:none;
    appearance:none
}
.bg-gradient-black{
    background:linear-gradient(163.42deg,#374353c3 -107%,#ffffff00 105.46%);
    border:1px solid #626274;
    border-radius:16px
}
body{
    margin:0;
    line-height:inherit
}
.membership-banner{
    content:"";
    position:relative;
    background:url(/images/logo-transparent.png) 100% 60% no-repeat;
    background-size:60%,70%;
    overflow:hidden
}
.text-gradient-orange{
    background:linear-gradient(270deg,#e7273d -1.95%,#df5f3b 97.95%);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text
}
.featured-game-card:hover img{
    filter:blur(40px)
}
.featured-game-card .blur-sharp{
    overflow:hidden;
    border-radius:1rem
}
.cover{
    opacity:0;
    left:0;
    right:0;
    border-radius:1rem
}
.featured-game-card:hover .cover{
    transition:1s;
    opacity:1;
    border-radius:1rem
}
.icon-button{
    position:relative;
    display:inline-flex;
    border:0;
    padding:0;
    margin:0;
    outline:0;
    background:#fff;
    border-radius:50%;
    cursor:pointer;
    overflow:hidden;
    text-decoration:none;
    flex-shrink:0
}
.flex-center,.icon-button{
    align-items:center;
    justify-content:center
}
.flex,.flex-center{
    display:flex
}
.grecaptcha-badge{
    visibility:hidden
}
::-webkit-scrollbar{
    width:8px;
    height:2px;
    background-color:transparent
}
::-webkit-scrollbar-track{
    display:none
}
::-webkit-scrollbar-thumb{
    background-color:#c4c4c4;
    border-radius:.75rem
}
@keyframes fadeInTop{
    0%{
        opacity:0;
        transform:translateY(-50px)
    }
    to{
        opacity:1;
        transform:translateY(0)
    }
}
.fade-in-top{
    animation:.4s ease-in-out both fadeInTop
}
.shadow-social-media{
    box-shadow:0 0 20px hsla(0,0%,45%,.22)
}
.focus\:ring-2:focus,.focus\:ring:focus,.ring-1{
    box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)
}
select{
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
    background-position:right .5rem center;
    background-size:1.5em 1.5em;
    -webkit-print-color-adjust:exact;
    print-color-adjust:exact
}
.placeholder\:text-slate-400::-moz-placeholder{
    --tw-text-opacity:1;
    color:rgb(148 163 184/var(--tw-text-opacity))
}
.placeholder\:text-slate-400::placeholder{
    --tw-text-opacity:1;
    color:rgb(148 163 184/var(--tw-text-opacity))
}
.focus-within\:z-10:focus-within{
    z-index:10
}
.focus-within\:text-slate-900:focus-within{
    --tw-text-opacity:1;
    color:rgb(15 23 42/var(--tw-text-opacity))
}
.focus-within\:text-white:focus-within{
    --tw-text-opacity:1;
    color:rgb(255 255 255/var(--tw-text-opacity))
}
.hover\:scale-105:hover{
    --tw-scale-x:1.05;
    --tw-scale-y:1.05
}
.hover\:scale-110:hover{
    --tw-scale-x:1.1;
    --tw-scale-y:1.1
}
.hover\:border-white:hover{
    --tw-border-opacity:1;
    border-color:rgb(255 255 255/var(--tw-border-opacity))
}
.hover\:bg-btnPurple\/30:hover{
    background-color:rgba(112,127,235,.3)
}
.hover\:bg-gray-50:hover{
    --tw-bg-opacity:1;
    background-color:rgb(249 250 251/var(--tw-bg-opacity))
}
.hover\:bg-orange-500:hover{
    --tw-bg-opacity:1;
    background-color:rgb(249 115 22/var(--tw-bg-opacity))
}
.hover\:bg-slate-50\/5:hover{
    background-color:rgba(248,250,252,.05)
}
.hover\:bg-opacity-30:hover{
    --tw-bg-opacity:0.3
}
.hover\:text-white:hover{
    color:rgb(255 255 255/var(--tw-text-opacity))
}
.hover\:shadow-lg:hover,.shadow-lg{
    --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)
}
.focus\:border-\[\#2D2EAD\]:focus{
    --tw-border-opacity:1;
    border-color:rgb(45 46 173/var(--tw-border-opacity))
}
.focus\:border-\[\#707feb\]:focus{
    --tw-border-opacity:1;
    border-color:rgb(112 127 235/var(--tw-border-opacity))
}
.focus\:border-indigo-700:focus{
    --tw-border-opacity:1;
    border-color:rgb(67 56 202/var(--tw-border-opacity))
}
.focus\:outline-none:focus{
    outline:transparent solid 2px;
    outline-offset:2px
}
.focus\:ring:focus{
    --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)
}
.focus\:ring-2:focus{
    --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)
}
.focus\:ring-\[\#2D2EAD\]:focus{
    --tw-ring-opacity:1;
    --tw-ring-color:rgb(45 46 173/var(--tw-ring-opacity))
}
.focus\:ring-indigo-500:focus{
    --tw-ring-opacity:1;
    --tw-ring-color:rgb(99 102 241/var(--tw-ring-opacity))
}
.focus\:ring-offset-2:focus{
    --tw-ring-offset-width:2px
}
.duration-300,.focus\:duration-300:focus{
    transition-duration:.3s
}
.focus-visible\:ring-2:focus-visible{
    --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)
}
.focus-visible\:ring-white:focus-visible{
    --tw-ring-opacity:1;
    --tw-ring-color:rgb(255 255 255/var(--tw-ring-opacity))
}
.focus-visible\:ring-opacity-75:focus-visible{
    --tw-ring-opacity:0.75
}
.group:hover .group-hover\:text-btnPurple\/50{
    color:rgba(112,127,235,.5)
}
.peer:-moz-placeholder-shown~.peer-placeholder-shown\:translate-y-0{
    --tw-translate-y:0px;
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.peer:placeholder-shown~.peer-placeholder-shown\:translate-y-0{
    --tw-translate-y:0px;
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.peer:-moz-placeholder-shown~.peer-placeholder-shown\:scale-100{
    --tw-scale-x:1;
    --tw-scale-y:1;
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.peer:placeholder-shown~.peer-placeholder-shown\:scale-100{
    --tw-scale-x:1;
    --tw-scale-y:1;
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
@media (prefers-color-scheme:dark){
    .dark\:border-gray-700{
        --tw-border-opacity:1;
        border-color:rgb(55 65 81 / var(--tw-border-opacity));
        --tw-border-opacity:1;
        border-color:rgb(55 65 81/var(--tw-border-opacity))
    }
    .dark\:bg-blue-200{
        --tw-bg-opacity:1;
        background-color:rgb(191 219 254 / var(--tw-bg-opacity))
    }
    .dark\:bg-orange-200{
        --tw-bg-opacity:1;
        background-color:rgb(254 215 170 / var(--tw-bg-opacity))
    }
    .dark\:text-blue-800{
        --tw-text-opacity:1;
        color:rgb(30 64 175 / var(--tw-text-opacity))
    }
    .dark\:text-gray-600{
        --tw-text-opacity:1;
        color:rgb(75 85 99 / var(--tw-text-opacity))
    }
    .dark\:text-orange-800{
        --tw-text-opacity:1;
        color:rgb(154 52 18 / var(--tw-text-opacity))
    }
    .dark\:bg-blue-200{
        --tw-bg-opacity:1;
        background-color:rgb(191 219 254/var(--tw-bg-opacity))
    }
    .dark\:bg-orange-200{
        --tw-bg-opacity:1;
        background-color:rgb(254 215 170/var(--tw-bg-opacity))
    }
    .dark\:text-blue-800{
        --tw-text-opacity:1;
        color:rgb(30 64 175/var(--tw-text-opacity))
    }
    .dark\:text-gray-600{
        --tw-text-opacity:1;
        color:rgb(75 85 99/var(--tw-text-opacity))
    }
    .dark\:text-orange-800{
        --tw-text-opacity:1;
        color:rgb(154 52 18/var(--tw-text-opacity))
    }
}
@media (min-width:640px){
    .sm\:static{
        position:static
    }
    .sm\:inset-auto{
        top:auto;
        right:auto;
        bottom:auto;
        left:auto
    }
    .sm\:col-span-2{
        grid-column:span 2/span 2
    }
    .sm\:mx-16{
        margin-left:4rem;
        margin-right:4rem
    }
    .sm\:my-16{
        margin-top:4rem;
        margin-bottom:4rem
    }
    .sm\:my-8{
        margin-top:2rem;
        margin-bottom:2rem
    }
    .sm\:-mr-10{
        margin-right:-2.5rem
    }
    .sm\:ml-3{
        margin-left:.75rem
    }
    .sm\:ml-4{
        margin-left:1rem
    }
    .sm\:ml-6{
        margin-left:1.5rem
    }
    .sm\:mt-0{
        margin-top:0
    }
    .sm\:mt-2{
        margin-top:.5rem
    }
    .sm\:mt-4{
        margin-top:1rem
    }
    .sm\:mt-6{
        margin-top:1.5rem
    }
    .sm\:block{
        display:block
    }
    .sm\:flex{
        display:flex
    }
    .sm\:grid{
        display:grid
    }
    .sm\:hidden{
        display:none
    }
    .sm\:h-\[14\.4rem\]{
        height:14.4rem
    }
    .sm\:max-h-\[11\.5rem\]{
        max-height:11.5rem
    }
    .sm\:w-auto{
        width:auto
    }
    .sm\:w-full{
        width:100%
    }
    .sm\:max-w-lg{
        max-width:32rem
    }
    .sm\:scale-100{
        --tw-scale-x:1;
        --tw-scale-y:1;
        transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }
    .sm\:grid-cols-2{
        grid-template-columns:repeat(2,minmax(0,1fr))
    }
    .sm\:grid-cols-3{
        grid-template-columns:repeat(3,minmax(0,1fr))
    }
    .sm\:grid-cols-4{
        grid-template-columns:repeat(4,minmax(0,1fr))
    }
    .sm\:flex-row-reverse{
        flex-direction:row-reverse
    }
    .sm\:items-start{
        align-items:flex-start
    }
    .sm\:items-end{
        align-items:flex-end
    }
    .sm\:items-center{
        align-items:center
    }
    .sm\:justify-start{
        justify-content:flex-start
    }
    .sm\:justify-between{
        justify-content:space-between
    }
    .sm\:gap-3{
        gap:.75rem
    }
    .sm\:gap-4{
        gap:1rem
    }
    .sm\:gap-x-0{
        -moz-column-gap:0;
        column-gap:0
    }
    .sm\:rounded-lg{
        border-radius:.5rem
    }
    .sm\:rounded-md{
        border-radius:.375rem
    }
    .sm\:p-0{
        padding:0
    }
    .sm\:p-6{
        padding:1.5rem
    }
    .sm\:px-16{
        padding-left:4rem;
        padding-right:4rem
    }
    .sm\:px-6{
        padding-left:1.5rem;
        padding-right:1.5rem
    }
    .sm\:py-12{
        padding-top:3rem;
        padding-bottom:3rem
    }
    .sm\:py-16{
        padding-top:4rem;
        padding-bottom:4rem
    }
    .sm\:py-2{
        padding-top:.5rem;
        padding-bottom:.5rem
    }
    .sm\:py-24{
        padding-top:6rem;
        padding-bottom:6rem
    }
    .sm\:py-32{
        padding-top:8rem;
        padding-bottom:8rem
    }
    .sm\:py-4{
        padding-top:1rem;
        padding-bottom:1rem
    }
    .sm\:pb-\[0\.5rem\]{
        padding-bottom:.5rem
    }
    .sm\:pl-4{
        padding-left:1rem
    }
    .sm\:pr-0{
        padding-right:0
    }
    .sm\:text-left{
        text-align:left
    }
    .sm\:text-2xl{
        font-size:1.5rem;
        line-height:2rem
    }
    .sm\:text-sm{
        font-size:.875rem;
        line-height:1.25rem
    }
    .sm\:text-xl{
        font-size:1.25rem;
        line-height:1.75rem
    }
}
@media (min-width:768px){
    .search-item{
        width:50%;
        margin-left:100px
    }
    .md\:mb-12,.md\:my-12{
        margin-bottom:3rem
    }
    .md\:static{
        position:static
    }
    .md\:inset-y-0{
        top:0;
        bottom:0
    }
    .md\:left-0{
        left:0
    }
    .md\:col-span-11{
        grid-column:span 11/span 11
    }
    .md\:col-span-6{
        grid-column:span 6/span 6
    }
    .md\:col-span-7{
        grid-column:span 7/span 7
    }
    .md\:my-12{
        margin-top:3rem
    }
    .md\:-mt-2{
        margin-top:-.5rem
    }
    .md\:mb-2{
        margin-bottom:.5rem
    }
    .md\:mt-1{
        margin-top:.25rem
    }
    .md\:mt-10{
        margin-top:2.5rem
    }
    .md\:mt-16{
        margin-top:4rem
    }
    .md\:mt-3{
        margin-top:.75rem
    }
    .md\:mt-6{
        margin-top:1.5rem
    }
    .md\:block{
        display:block
    }
    .md\:flex{
        display:flex
    }
    .md\:inline-flex{
        display:inline-flex
    }
    .md\:hidden{
        display:none
    }
    .md\:h-16{
        height:4rem
    }
    .md\:h-32{
        height:8rem
    }
    .md\:h-\[110px\]{
        height:110px
    }
    .md\:h-\[480px\]{
        height:480px
    }
    .md\:max-h-\[11\.5rem\]{
        max-height:11.5rem
    }
    .md\:w-1\/2{
        width:50%
    }
    .md\:w-16{
        width:4rem
    }
    .md\:w-28{
        width:7rem
    }
    .md\:w-32{
        width:8rem
    }
    .md\:w-56{
        width:14rem
    }
    .md\:w-64{
        width:16rem
    }
    .md\:w-72{
        width:18rem
    }
    .md\:w-\[270px\]{
        width:270px
    }
    .md\:w-\[75\%\]{
        width:75%
    }
    .md\:max-w-\[18rem\]{
        max-width:18rem
    }
    .md\:max-w-\[3\.3rem\]{
        max-width:3.3rem
    }
    .md\:grid-cols-2{
        grid-template-columns:repeat(2,minmax(0,1fr))
    }
    .md\:grid-cols-3{
        grid-template-columns:repeat(3,minmax(0,1fr))
    }
    .md\:grid-cols-5{
        grid-template-columns:repeat(5,minmax(0,1fr))
    }
    .md\:flex-row{
        flex-direction:row
    }
    .md\:flex-col{
        flex-direction:column
    }
    .md\:items-start{
        align-items:flex-start
    }
    .md\:items-center{
        align-items:center
    }
    .md\:justify-center{
        justify-content:center
    }
    .md\:justify-between{
        justify-content:space-between
    }
    .md\:gap-0{
        gap:0
    }
    .md\:gap-16{
        gap:4rem
    }
    .md\:gap-2{
        gap:.5rem
    }
    .md\:gap-3{
        gap:.75rem
    }
    .md\:gap-8{
        gap:2rem
    }
    .md\:space-x-10>:not([hidden])~:not([hidden]){
        --tw-space-x-reverse:0;
        margin-right:calc(2.5rem * var(--tw-space-x-reverse));
        margin-left:calc(2.5rem * calc(1 - var(--tw-space-x-reverse)))
    }
    .md\:space-x-2>:not([hidden])~:not([hidden]){
        --tw-space-x-reverse:0;
        margin-right:calc(.5rem * var(--tw-space-x-reverse));
        margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))
    }
    .md\:rounded-none{
        border-radius:0
    }
    .md\:rounded-l-full{
        border-top-left-radius:9999px;
        border-bottom-left-radius:9999px
    }
    .md\:border-b-0{
        border-bottom-width:0
    }
    .md\:border-r{
        border-right-width:1px
    }
    .md\:px-12{
        padding-left:3rem;
        padding-right:3rem
    }
    .md\:px-14{
        padding-left:3.5rem;
        padding-right:3.5rem
    }
    .md\:px-4{
        padding-left:1rem;
        padding-right:1rem
    }
    .md\:px-6{
        padding-left:1.5rem;
        padding-right:1.5rem
    }
    .md\:px-8{
        padding-left:2rem;
        padding-right:2rem
    }
    .md\:py-5{
        padding-top:1.25rem;
        padding-bottom:1.25rem
    }
    .md\:py-8{
        padding-top:2rem;
        padding-bottom:2rem
    }
    .md\:pb-\[1rem\]{
        padding-bottom:1rem
    }
    .md\:pl-12{
        padding-left:3rem
    }
    .md\:pt-16{
        padding-top:4rem
    }
    .md\:pt-8{
        padding-top:2rem
    }
    .md\:text-start{
        text-align:start
    }
    .md\:text-2xl{
        font-size:1.5rem;
        line-height:2rem
    }
    .md\:text-\[14px\]{
        font-size:14px
    }
    .md\:text-\[15px\]{
        font-size:15px
    }
    .md\:text-\[20px\]{
        font-size:20px
    }
    .md\:text-\[28px\]{
        font-size:28px
    }
    .md\:text-base{
        font-size:1rem;
        line-height:1.5rem
    }
    .md\:text-xl{
        font-size:1.25rem;
        line-height:1.75rem
    }
}
@media (min-width:1024px){
    .lg\:h-15{
        height:5rem
    }
    .lg\:static{
        position:static
    }
    .lg\:col-span-12{
        grid-column:span 12/span 12
    }
    .lg\:col-span-3{
        grid-column:span 3/span 3
    }
    .lg\:col-span-4{
        grid-column:span 4/span 4
    }
    .lg\:col-span-6{
        grid-column:span 6/span 6
    }
    .lg\:col-span-7{
        grid-column:span 7/span 7
    }
    .lg\:col-span-8{
        grid-column:span 8/span 8
    }
    .lg\:col-span-9{
        grid-column:span 9/span 9
    }
    .lg\:mb-12{
        margin-bottom:3rem
    }
    .lg\:mt-0{
        margin-top:0
    }
    .lg\:mt-16{
        margin-top:4rem
    }
    .lg\:mt-4{
        margin-top:1rem
    }
    .lg\:block{
        display:block
    }
    .lg\:flex{
        display:flex
    }
    .lg\:grid{
        display:grid
    }
    .lg\:hidden{
        display:none
    }
    .lg\:h-10{
        height:2.5rem
    }
    .lg\:h-14{
        height:3.5rem
    }
    .lg\:h-60{
        height:15rem
    }
    .lg\:h-\[14\.4rem\]{
        height:14.4rem
    }
    .lg\:h-\[170px\]{
        height:170px
    }
    .lg\:h-\[22\.5rem\]{
        height:22.5rem
    }
    .lg\:h-\[500px\]{
        height:500px
    }
    .lg\:max-h-\[14rem\]{
        max-height:14rem
    }
    .lg\:w-14{
        width:3.5rem
    }
    .lg\:w-64{
        width:16rem
    }
    .lg\:w-72{
        width:18rem
    }
    .lg\:w-80{
        width:20rem
    }
    .lg\:w-\[100\%\]{
        width:100%
    }
    .lg\:w-\[170px\]{
        width:170px
    }
    .lg\:w-\[300px\]{
        width:300px
    }
    .lg\:w-\[35\%\]{
        width:35%
    }
    .lg\:min-w-0{
        min-width:0
    }
    .lg\:max-w-6xl{
        max-width:72rem
    }
    .lg\:max-w-\[20rem\]{
        max-width:20rem
    }
    .lg\:max-w-\[3\.5rem\]{
        max-width:3.5rem
    }
    .lg\:flex-1{
        flex:1 1 0%
    }
    .lg\:grid-cols-2{
        grid-template-columns:repeat(2,minmax(0,1fr))
    }
    .lg\:grid-cols-3{
        grid-template-columns:repeat(3,minmax(0,1fr))
    }
    .lg\:grid-cols-4{
        grid-template-columns:repeat(4,minmax(0,1fr))
    }
    .lg\:grid-cols-6{
        grid-template-columns:repeat(6,minmax(0,1fr))
    }
    .lg\:flex-row{
        flex-direction:row
    }
    .lg\:flex-col{
        flex-direction:column
    }
    .lg\:content-between{
        align-content:space-between
    }
    .lg\:items-start{
        align-items:flex-start
    }
    .lg\:items-center{
        align-items:center
    }
    .lg\:justify-between{
        justify-content:space-between
    }
    .lg\:gap-0{
        gap:0
    }
    .lg\:gap-10{
        gap:2.5rem
    }
    .lg\:gap-2{
        gap:.5rem
    }
    .lg\:gap-20{
        gap:5rem
    }
    .lg\:gap-4{
        gap:1rem
    }
    .lg\:gap-6{
        gap:1.5rem
    }
    .lg\:gap-x-16{
        -moz-column-gap:4rem;
        column-gap:4rem
    }
    .lg\:gap-x-4{
        -moz-column-gap:1rem;
        column-gap:1rem
    }
    .lg\:gap-x-\[58px\]{
        -moz-column-gap:58px;
        column-gap:58px
    }
    .lg\:overflow-y-visible{
        overflow-y:visible
    }
    .lg\:rounded-2xl{
        border-radius:1rem
    }
    .lg\:border-b-0{
        border-bottom-width:0
    }
    .lg\:border-r{
        border-right-width:1px
    }
    .lg\:p-0{
        padding:0
    }
    .lg\:px-0{
        padding-left:0;
        padding-right:0
    }
    .lg\:px-10{
        padding-left:2.5rem;
        padding-right:2.5rem
    }
    .lg\:px-11{
        padding-left:2.75rem;
        padding-right:2.75rem
    }
    .lg\:px-12{
        padding-left:3rem;
        padding-right:3rem
    }
    .lg\:px-14{
        padding-left:3.5rem;
        padding-right:3.5rem
    }
    .lg\:px-16{
        padding-left:4rem;
        padding-right:4rem
    }
    .lg\:px-20{
        padding-left:5rem;
        padding-right:5rem
    }
    .lg\:px-7{
        padding-left:1.75rem;
        padding-right:1.75rem
    }
    .lg\:px-8{
        padding-left:2rem;
        padding-right:2rem
    }
    .lg\:px-\[3\.2rem\]{
        padding-left:3.2rem;
        padding-right:3.2rem
    }
    .lg\:py-24{
        padding-top:6rem;
        padding-bottom:6rem
    }
    .lg\:py-4{
        padding-top:1rem;
        padding-bottom:1rem
    }
    .lg\:py-8{
        padding-top:2rem;
        padding-bottom:2rem
    }
    .lg\:pb-\[3\.5rem\]{
        padding-bottom:3.5rem
    }
    .lg\:pr-2{
        padding-right:.5rem
    }
    .lg\:pt-10{
        padding-top:2.5rem
    }
    .lg\:pt-14{
        padding-top:3.5rem
    }
    .lg\:pt-24{
        padding-top:6rem
    }
    .lg\:text-start{
        text-align:start
    }
    .lg\:text-2xl{
        font-size:1.5rem;
        line-height:2rem
    }
    .lg\:text-4xl{
        font-size:2.25rem;
        line-height:2.5rem
    }
    .lg\:text-\[14px\]{
        font-size:14px
    }
    .lg\:text-\[15px\]{
        font-size:15px
    }
    .lg\:text-\[16px\]{
        font-size:16px
    }
    .lg\:text-\[20px\]{
        font-size:20px
    }
    .lg\:text-\[26px\]{
        font-size:26px
    }
    .lg\:text-\[30px\]{
        font-size:30px
    }
    .lg\:text-\[32px\]{
        font-size:32px
    }
    .lg\:text-lg{
        font-size:1.125rem;
        line-height:1.75rem
    }
}
@media (min-width:1280px){
    .xl\:col-span-1{
        grid-column:span 1/span 1
    }
    .xl\:col-span-2{
        grid-column:span 2/span 2
    }
    .xl\:col-span-4{
        grid-column:span 4/span 4
    }
    .xl\:col-span-6{
        grid-column:span 6/span 6
    }
    .xl\:col-span-8{
        grid-column:span 8/span 8
    }
    .xl\:mt-0{
        margin-top:0
    }
    .xl\:block{
        display:block
    }
    .xl\:flex{
        display:flex
    }
    .xl\:w-auto{
        width:auto
    }
    .xl\:w-full{
        width:100%
    }
    .xl\:max-w-\[1280px\]{
        max-width:1280px
    }
    .xl\:grid-cols-6{
        grid-template-columns:repeat(6,minmax(0,1fr))
    }
    .xl\:gap-4{
        gap:1rem
    }
    .xl\:px-7{
        padding-left:1.75rem;
        padding-right:1.75rem
    }
    .xl\:text-center{
        text-align:center
    }
    .xl\:text-2xl{
        font-size:1.5rem;
        line-height:2rem
    }
    .xl\:text-base{
        font-size:1rem;
        line-height:1.5rem
    }
}
.inline-flex{
    display:inline-flex
}
[type=button],[type=reset],[type=submit],button{
    -webkit-appearance:button;
    background-color:transparent;
    background-image:none
}
button,select{
    text-transform:none
}
button,input,optgroup,select,textarea{
    font-family:inherit;
    font-size:100%;
    font-weight:inherit;
    line-height:inherit;
    color:inherit;
    margin:0;
    padding:0
}
.gap-4{
    gap:1rem
}
.flex-1{
    flex:1 1 0%
}
.ml-12{
    margin-left:3rem
}
.pr-2{
    padding-right:.5rem
}
.ring-opacity-5{
    --tw-ring-opacity:0.05
}
.ring-black{
    --tw-ring-opacity:1;
    --tw-ring-color:rgb(0 0 0/var(--tw-ring-opacity))
}
.ring-1{
    --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)
}
.opacity-100{
    opacity:1
}
.scale-100{
    --tw-scale-x:1;
    --tw-scale-y:1
}
.origin-top-right{
    transform-origin:top right
}
.w-72{
    width:18rem
}
.mt-2{
    margin-top:.5rem
}
.right-0{
    right:0
}
.css-1wpp9sf{
    color:#fff;
    background:#f5791e
}
.css-mxl5am{
    color:#fff;
    background:#707feb
}
.transition{
    transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;
    transition-timing-function:cubic-bezier(.4,0,.2,1);
    transition-duration:.15s
}
.text-sm{
    font-size:.875rem;
    line-height:1.25rem
}
.rounded-l-full{
    border-top-left-radius:9999px;
    border-bottom-left-radius:9999px
}
.justify-center{
    justify-content:center
}
.w-full{
    width:100%
}
.w-auto{
    width:auto
}
audio,canvas,embed,iframe,img,object,svg,video{
    display:block;
    vertical-align:middle
}
.offcanvas{
    width:100%;
    max-width:250px
}
@media screen and (min-width:768px){
    .offcanvas{
        width:350px
    }
}
.font-medium{
    font-weight:500
}
.text-base{
    font-size:1rem;
    line-height:1.5rem
}
.rounded-md{
    border-radius:.375rem
}
.items-center{
    align-items:center
}
.strip-primary{
    background-color:#fe6c17;
    border-radius:10px;
    height:5px;
    position:absolute;
    width:60px
}
.child-box{
    background:hsla(0,0%,92%,.035);
    border:1px solid hsla(0,0%,68%,.5);
    border-radius:7px!important;
    margin-bottom:18px
}
.child-box:hover{
    border:1px solid hsla(0,0%,68%,.5)
}
.child-box .header{
    border-top-left-radius:7px;
    border-top-right-radius:7px;
    cursor:pointer;
    justify-content:space-between;
    padding:11px 15px;
    position:relative
}
.child-box .header,.child-box .header .left{
    align-content:center;
    align-items:center;
    display:flex;
    flex-direction:row;
    flex-wrap:nowrap
}
.child-box .header .left img{
    height:20px;
    margin-right:12px
}
.child-box .short-payment-support-info{
    align-content:center;
    align-items:center;
    background:hsla(0,0%,68%,.261);
    border-bottom-left-radius:7px;
    border-bottom-right-radius:7px;
    cursor:pointer;
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:flex-end;
    padding:11px 15px
}
.child-box .short-payment-support-info img{
    height:13px;
    margin-right:7px
}
.child-box .short-payment-support-info .open-button-action-payment{
    color:#414141;
    font-size:13px;
    margin-left:10px
}
.child-box .button-action-payment{
    display:none;
    padding:15px
}
.button-action-payment ul{
    align-content:baseline;
    align-items:center;
    display:grid;
    list-style:none;
    margin:0;
    padding:0
}
.button-action-payment li{
    background:#e8e8e8;
    border:1px solid hsla(0,0%,79%,.398);
    border-radius:.3em;
    display:list-item;
    margin-bottom:10px;
    padding:10px;
    position:relative;
    text-align:-webkit-match-parent
}
.button-action-payment li.active{
    border:1px solid #2f2fd5
}
.button-action-payment li.disabled{
    cursor:no-drop;
    pointer-events:none
}
.button-action-payment .info-top{
    border-bottom:1px solid #f0f0f0;
    display:flex;
    flex-direction:row;
    flex-wrap:nowrap;
    justify-content:space-between;
    margin-bottom:10px;
    padding-bottom:10px
}
.button-action-payment .info-top img{
    height:20px;
    -o-object-fit:contain;
    object-fit:contain
}
.button-action-payment .info-top b{
    font-size:12px;
    font-weight:600
}
.button-action-payment .info-bottom{
    color:#767676;
    font-size:11px
}
.button-action-payment input[type=radio]{
    display:none
}
.button-action-payment .payment-item{
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.button-action-payment input[type=radio]+.payment-item{
    border-color:transparent;
    color:#9b9b9d;
    cursor:pointer;
    display:list-item;
    font-size:12px;
    position:relative
}
.button-action-payment input[type=radio]+.payment-item:before{
    font-weight:700;
    margin-right:1em
}
div.floating-action-menu>.action-menu{
    max-height:0;
    opacity:0;
    overflow:hidden;
    transform:translateY(65px);
    transition:.3s linear;
    visibility:hidden
}
div.floating-action-menu.active>.action-menu{
    max-height:1000px;
    opacity:1;
    padding-bottom:5px;
    transform:translate(0);
    visibility:visible
}
div.floating-action-menu>.action-menu>.floating-action{
    padding-right:.45rem
}
div.floating-action-menu>.action-menu .badge,div.floating-action-menu>.action-menu .btn-floating{
    transform:scale(.4);
    transition:.5s ease-in-out
}
div.floating-action-menu.active>.action-menu .badge,div.floating-action-menu.active>.action-menu .btn-floating{
    transform:scale(1)
}
div.floating-action-menu>.action-button>.btn-floating{
    transition:.5s linear
}
div.floating-action-menu.active>.action-button>.btn-floating{
    background-color:#dc3545;
    border-color:#dc3545
}
div.floating-action-menu.active>.action-button>.btn-floating:hover{
    background-color:#c82333;
    border-color:#bd2130
}
div.floating-action-menu>.action-button>.btn-floating>i{
    transition:transform .5s ease-in-out
}
div.floating-action-menu.active>.action-button>.btn-floating>i{
    transform:rotate(-315deg)
}