.croppie-container {
width: 100%;
height: 100%;
}
.croppie-container .cr-image {
z-index: -1;
position: absolute;
top: 0;
left: 0;
transform-origin: 0 0;
max-height: none;
max-width: none;
}
.croppie-container .cr-boundary {
position: relative;
overflow: hidden;
margin: 0 auto;
z-index: 1;
width: 100%;
height: 100%;
}
.croppie-container .cr-viewport,
.croppie-container .cr-resizer {
position: absolute;
border: 2px solid #fff;
margin: auto;
top: 0;
bottom: 0;
right: 0;
left: 0;
box-shadow: 0 0 2000px 2000px rgba(0, 0, 0, 0.5);
z-index: 0;
}
.croppie-container .cr-resizer {
z-index: 2;
box-shadow: none;
pointer-events: none;
}
.croppie-container .cr-resizer-vertical,
.croppie-container .cr-resizer-horisontal {
position: absolute;
pointer-events: all;
}
.croppie-container .cr-resizer-vertical::after,
.croppie-container .cr-resizer-horisontal::after {
display: block;
position: absolute;
box-sizing: border-box;
border: 1px solid black;
background: #fff;
width: 10px;
height: 10px;
content: '';
}
.croppie-container .cr-resizer-vertical {
bottom: -5px;
cursor: row-resize;
width: 100%;
height: 10px;
}
.croppie-container .cr-resizer-vertical::after {
left: 50%;
margin-left: -5px;
}
.croppie-container .cr-resizer-horisontal {
right: -5px;
cursor: col-resize;
width: 10px;
height: 100%;
}
.croppie-container .cr-resizer-horisontal::after {
top: 50%;
margin-top: -5px;
}
.croppie-container .cr-original-image {
display: none;
}
.croppie-container .cr-vp-circle {
border-radius: 50%;
}
.croppie-container .cr-overlay {
z-index: 1;
position: absolute;
cursor: move;
touch-action: none;
}
.croppie-container .cr-slider-wrap {
width: 75%;
margin: 15px auto;
text-align: center;
}
.croppie-result {
position: relative;
overflow: hidden;
}
.croppie-result img {
position: absolute;
}
.croppie-container .cr-image,
.croppie-container .cr-overlay,
.croppie-container .cr-viewport {
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
}     .cr-slider {
-webkit-appearance: none;   width: 300px; max-width: 100%;
padding-top: 8px;
padding-bottom: 8px;
background-color: transparent;
}
.cr-slider::-webkit-slider-runnable-track {
width: 100%;
height: 3px;
background: rgba(0, 0, 0, 0.5);
border: 0;
border-radius: 3px;
}
.cr-slider::-webkit-slider-thumb {
-webkit-appearance: none;
border: none;
height: 16px;
width: 16px;
border-radius: 50%;
background: #ddd;
margin-top: -6px;
}
.cr-slider:focus {
outline: none;
} .cr-slider::-moz-range-track {
width: 100%;
height: 3px;
background: rgba(0, 0, 0, 0.5);
border: 0;
border-radius: 3px;
}
.cr-slider::-moz-range-thumb {
border: none;
height: 16px;
width: 16px;
border-radius: 50%;
background: #ddd;
margin-top: -6px;
} .cr-slider:-moz-focusring {
outline: 1px solid white;
outline-offset: -1px;
}
.cr-slider::-ms-track {
width: 100%;
height: 5px;
background: transparent; border-color: transparent; border-width: 6px 0;
color: transparent; }
.cr-slider::-ms-fill-lower {
background: rgba(0, 0, 0, 0.5);
border-radius: 10px;
}
.cr-slider::-ms-fill-upper {
background: rgba(0, 0, 0, 0.5);
border-radius: 10px;
}
.cr-slider::-ms-thumb {
border: none;
height: 16px;
width: 16px;
border-radius: 50%;
background: #ddd;
margin-top:1px;
}
.cr-slider:focus::-ms-fill-lower {
background: rgba(0, 0, 0, 0.5);
}
.cr-slider:focus::-ms-fill-upper {
background: rgba(0, 0, 0, 0.5);
}    .cr-rotate-controls {
position: absolute;
bottom: 5px;
left: 5px;
z-index: 1;
}
.cr-rotate-controls button {
border: 0;
background: none;
}
.cr-rotate-controls i:before {
display: inline-block;
font-style: normal;
font-weight: 900;
font-size: 22px;
}
.cr-rotate-l i:before {
content: '↺';
}
.cr-rotate-r i:before {
content: '↻';
}.bs_container #userAvatar{
width: 150px;
height: 150px;
position: relative;
}
.bs_container .noava {
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 2;
}
.bs_container .cr-boundary{
position: relative;
z-index: 3;
}
.bs_container .bs_avatarUpload #uploadAvatar{
display: none;
}
.bs_container .userAvatarBlock{
position: relative;
width: 150px;
height: 150px;
}
.bs_container .bs_avatarUpload label{
background: #fff;
border-radius: 100%;
width: 25px;
height: 25px;
top: 5px;
left: 5px;
cursor: pointer;
position: absolute;
z-index: 55;
}
.bs_container .bs_avatarSave{
height: 35px;
top: -40px;
left: 0;
cursor: pointer;
position: absolute;
z-index: 55;
width: 100%;
border-radius: 5px;
color: #222;
border: 1px solid #e5e5e5;
display: flex;
align-items: center;
justify-content: center;
transition: all .3s ease;
}
.bs_container .bs_avatarSave:hover{
border-color:#787878;
transition: all .3s ease;
}
.bs_container .bs_avatarSave span{
margin-left: 5px;
}
.bs_container .bs_avatarSave img {
max-width: 15px;
}
.bs_container .bs_avatarSave{
display: none;
}
.bs_meta_info.level{
font-weight: bold;
color: #000;
font-size: 16px;
}
.bs_container .bs_avatarUpload label img{
max-width: 100%;
}
.bs_top_wrap{
display: flex;
}
.bs_right{
margin-left: 15px;
}
.bs_user_name{
display: flex;
align-items: center;
font-size: 26px;
color: #000;
}
.bs_user_name b{
display: block;
margin-left: 5px;
}
.hide_user_rating{
display: flex;
align-items: center;
font-size: 14px;
cursor: pointer;
}
.hide_user_rating input{outline: hidden;cursor: pointer;}
.hide_user_rating label{cursor: pointer;} .bs_process_status{
width: 100%;
position: relative;
z-index: 1;
height: 40px;
border-radius: 30px;
overflow: hidden;
background: #eee;
}
.bs_process_status span{
position: absolute;
left: 0;
top: 0;
background: #00a500;
height: 40px;
z-index: 2;
border-radius: 30px;
}
.bs_process_status span:after{
content: '';
width: 36px;
height: 36px;
position: absolute;
right: 2px;
top: 2px;
background: #fff;
border-radius: 100%;
font-weight: bold;
color: #000;
font-size: 12px;
display: flex;
align-items: center;
justify-content: center;
}
.bs_process_description{
text-align: center;
margin: 30px 0 5px 0;
font-size: 14px;
}
.croppie-container .cr-slider-wrap {
width: 100%;
margin: 0;
text-align: center;
}
.bs_level_description{
margin-top: 30px;
}
.bs_level_story{
position: relative;
max-width: 100%;
margin: 24px auto 0;
} .bs_inventory_page{
position: relative;
padding: 18px 14px 28px;
color: #252525;
}
.bs_top_nav + .bs_inventory_page{
margin-top: -36px;
}
.bs_inventory_page.is-busy{
pointer-events: none;
opacity: .72;
}
.bs_inventory_page.is-readonly .bs_inventory_item{
cursor: default;
}
.bs_inventory_readonly_notice{
margin: -8px 0 12px;
color: #777;
text-align: center;
font-size: 14px;
}
.bs_inventory_bonus{
position: relative;
z-index: 3;
margin-bottom: -34px;
font-size: 20px;
}
.bs_inventory_character{
position: relative;
width: min(100%, 720px);
aspect-ratio: 1 / 1.08;
margin: 0 auto;
pointer-events: none;
}
.bs_inventory_avatar{
position: absolute;
z-index: 0;
left: 36%;
top: 1%;
width: 34%;
height: 96%;
object-fit: contain;
pointer-events: none;
}
.bs_equipment_slot,
.bs_inventory_pack,
.bs_inventory_item{
box-sizing: border-box;
}
.bs_equipment_slot{
position: absolute;
z-index: 2;
width: 13.5%;
aspect-ratio: 1;
border: 2px solid #111;
background: rgba(0,0,0,.86);
transition: border-color .15s, box-shadow .15s, opacity .15s;
pointer-events: auto;
}
.bs_equipment_slot.is-locked{
opacity: .3;
background: #8f8f8f;
}
.bs_inventory_lock{
position: absolute;
inset: 0;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
font-size: 34px;
}
.bs_equipment_slot.is-drag-over{
border-color: #00b52d;
box-shadow: 0 0 0 3px rgba(0,181,45,.35);
}
.bs_equipment_slot.is-compatible{
border-color: #00bd2c;
box-shadow: 0 0 0 3px rgba(0,189,44,.4), inset 0 0 0 2px rgba(0,189,44,.35);
}
.bs_equipment_head{left:43%;top:0}
.bs_equipment_glasses{left:62%;top:5%}
.bs_equipment_jacket{left:26%;top:28%}
.bs_equipment_belt{left:45%;top:47%}
.bs_equipment_shirt{left:43%;top:22%}
.bs_equipment_backpack{left:71%;top:28%}
.bs_equipment_right_hand{left:14%;top:42%}
.bs_equipment_left_hand{left:73%;top:44%}
.bs_equipment_pants{left:49%;top:61%}
.bs_equipment_shoes{left:48%;top:81%}
.bs_equipment_skate{left:78%;top:76%}
.bs_equipment_bag_1{left:25%;top:58%}
.bs_equipment_bag_2{left:8%;top:58%}
.bs_equipment_bag_3{left:6%;top:76%}
.bs_equipment_bag_4{left:24%;top:76%}
.bs_inventory_character .bs_equipment_slot{
left: var(--bs-slot-x);
top: var(--bs-slot-y);
}
.bs_inventory_item{
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
aspect-ratio: 1;
border: 2px solid transparent;
background: #050505;
cursor: grab;
user-select: none;
touch-action: manipulation;
}
.bs_inventory_item:active{cursor:grabbing}
.bs_inventory_item img{
display: block;
width: 92%;
height: 92%;
object-fit: contain;
}
.bs_inventory_level{
position: absolute;
right: -7px;
top: -8px;
z-index: 4;
display: flex;
align-items: center;
justify-content: center;
min-width: 24px;
height: 24px;
padding: 0 5px;
border-radius: 50%;
background: #e10087;
color: #fff;
font-size: 13px;
font-weight: 700;
line-height: 1;
}
.bs_inventory_item.is-selected,
.bs_inventory_item.is-merge-match,
.bs_inventory_item.is-drag-over{
border-color: #00bd2c;
box-shadow: inset 0 0 0 2px #00bd2c;
}
.bs_inventory_storage{
position: relative;
z-index: 10;
display: grid;
grid-template-columns: 128px minmax(0, 1fr);
column-gap: 14px;
row-gap: 10px;
width: min(100%, 760px);
margin: -36px auto 0;
}
.bs_inventory_pack_panel{
grid-row: 1 / span 2;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
}
.bs_inventory_pack{
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 92px;
height: 92px;
margin: 0 auto 7px;
padding: 4px;
border: 2px solid #111;
background: #fff;
}
.bs_inventory_pack img{
width: 100%;
height: 100%;
object-fit: contain;
}
.bs_inventory_pack.is-empty{
color: #888;
font-size: 12px;
}
.bs_inventory_pack_count{
position: absolute;
right: -9px;
top: -10px;
min-width: 25px;
height: 25px;
padding: 0 5px;
border-radius: 50%;
background: #e10087;
color: #fff;
font-weight: 700;
line-height: 25px;
}
.bs_inventory_open,
.bs_inventory_merge_all{
border: 1px solid #ca0078;
background: #e10087;
color: #fff;
cursor: pointer;
}
.bs_inventory_open{
min-width: 82px;
min-height: 28px;
padding: 3px 10px;
border-radius: 14px;
}
.bs_inventory_controls{
display: flex;
justify-content: flex-end;
min-height: 30px;
}
.bs_inventory_merge_all{
min-height: 30px;
padding: 5px 14px;
}
.bs_inventory_grid{
display: grid;
grid-template-columns: repeat(10, minmax(42px, 1fr));
align-content: start;
gap: 8px;
min-height: 220px;
max-height: 390px;
padding: 8px;
border: 1px solid #dedede;
overflow-y: auto;
background: #fff;
}
.bs_inventory_grid.is-drag-over{
border-color: #00bd2c;
}
.bs_inventory_empty{
grid-column: 1 / -1;
margin: 36px 0;
color: #888;
text-align: center;
}
.bs_inventory_page .tooltiptext{
white-space: normal;
}
.bs_inventory_item > .tooltiptext,
.bs_task_reward_pack > .tooltiptext{
display: none !important;
}
.bs_floating_tooltip{
position: fixed;
z-index: 100002;
width: max-content;
max-width: min(280px, calc(100vw - 16px));
padding: 10px 12px;
border-radius: 6px;
background: #fff;
color: #222;
box-shadow: 0 3px 12px rgba(0,0,0,.3);
font-size: 14px;
line-height: 1.45;
text-align: left;
white-space: pre-line;
pointer-events: none;
}
.bs_inventory_modal[hidden]{display:none!important}
.bs_inventory_modal{
position: fixed;
z-index: 100000;
inset: 0;
display: flex;
align-items: center;
justify-content: center;
padding: 20px;
background: rgba(0,0,0,.58);
}
.bs_inventory_modal_inner{
position: relative;
width: min(560px, 100%);
max-height: 85vh;
padding: 24px;
overflow-y: auto;
background: #fff;
box-shadow: 0 12px 42px rgba(0,0,0,.3);
text-align: center;
}
.bs_inventory_modal_close{
position: absolute;
right: 8px;
top: 6px;
width: 32px;
height: 32px;
padding: 0;
border: 0;
background: transparent;
color: #333;
font-size: 28px;
cursor: pointer;
}
.bs_inventory_received{
display: grid;
grid-template-columns: repeat(auto-fit, minmax(110px, 1fr));
gap: 14px;
}
.bs_inventory_received_item{
display: flex;
flex-direction: column;
align-items: center;
gap: 5px;
}
.bs_inventory_received_item img{
width: 96px;
height: 96px;
object-fit: contain;
background: #050505;
}
@media(max-width: 767px){
.bs_inventory_page{padding:12px 2px 22px}
.bs_inventory_bonus{
margin: 0 0 6px 8px;
font-size: 16px;
}
.bs_inventory_character{
width: 100%;
min-height: 440px;
aspect-ratio: 1 / 1.16;
}
.bs_inventory_avatar{left:35%;width:38%}
.bs_equipment_slot{width:15%}
.bs_equipment_head{left:42%}
.bs_equipment_glasses{left:64%}
.bs_equipment_jacket{left:20%;top:28%}
.bs_equipment_shirt{left:42%}
.bs_equipment_belt{left:43%;top:47%}
.bs_equipment_backpack{left:78%;top:29%}
.bs_equipment_right_hand{left:4%;top:42%}
.bs_equipment_left_hand{left:79%;top:44%}
.bs_equipment_pants{left:50%;top:61%}
.bs_equipment_skate{left:82%}
.bs_equipment_bag_1{left:21%}
.bs_equipment_bag_2{left:2%}
.bs_equipment_bag_3{left:2%}
.bs_equipment_bag_4{left:21%}
.bs_inventory_character .bs_equipment_slot{
left: var(--bs-slot-mobile-x);
top: var(--bs-slot-mobile-y);
}
.bs_inventory_storage{
grid-template-columns: 92px minmax(0, 1fr);
gap: 8px;
margin-top: -12px;
}
.bs_inventory_pack{width:72px;height:72px}
.bs_inventory_controls{align-items:center}
.bs_inventory_merge_all{
min-height:34px;
padding:4px 8px;
font-size:12px;
}
.bs_inventory_grid{
grid-template-columns: repeat(5, minmax(40px, 1fr));
gap: 7px;
max-height: 430px;
padding: 7px;
}
.bs_inventory_level{
right:-5px;
top:-6px;
min-width:20px;
height:20px;
font-size:11px;
line-height:20px;
}
.bs_inventory_page .bs_tooltip .tooltiptext{
position: fixed;
z-index: 100001;
left: 50%;
bottom: 76px;
width: min(280px, calc(100vw - 28px));
margin-left: 0;
transform: translateX(-50%);
background: #fff;
opacity: 1;
}
}
.bs_level_story_content{
padding: 0 34px;
}
.bs_level_story .bs_level_description{
display: none;
text-align: justify;
}
.bs_level_story .bs_level_description p{
text-align: justify;
}
.bs_level_story .bs_level_description.bs_story_active{
display: block;
}
.bs_story_nav{
position: absolute;
top: 32px;
transform: none;
border: 1px solid #df168c;
background: transparent;
color: #df168c;
font-size: 24px;
line-height: 1;
padding: 0;
width: 18px;
height: 40px;
cursor: pointer;
z-index: 3;
}
.bs_story_prev{
left: 0;
}
.bs_story_next{
right: 0;
}
.bs_story_nav:focus{
outline: none;
}
.bs_story_nav:hover{
color: #b8006b;
}
.bs_container .bs_level_story button.bs_story_nav{
position: absolute !important;
top: 32px !important;
transform: none !important;
width: 18px !important;
min-width: 18px !important;
max-width: 18px !important;
height: 40px !important;
min-height: 40px !important;
max-height: 40px !important;
padding: 0 !important;
border: 1px solid #df168c !important;
border-radius: 0 !important;
background: transparent !important;
color: #df168c !important;
font-size: 24px !important;
line-height: 38px !important;
text-align: center !important;
box-sizing: border-box !important;
appearance: none;
}
.bs_process{
display: flex;
justify-content: space-between;
}
.bs_final_icons{
width: 75px;
justify-content: space-between;
display: flex;
align-items: center;
margin-left: 20px;
}
.bs_final_icon,
.bs_final_alert{
width: 30px;
height: 30px;
display: flex;
justify-content: center;
align-items: center;
}
.bs_final_icon img,
.bs_final_alert img {
max-width:100%;
}
.bs_final_alert .bs_info_icon{
width: 18px;
height: 18px;
object-fit: contain;
display: block;
}  .bs_tooltip {
position: relative;
} .bs_tooltip .tooltiptext {
width: 200px;
background-color: #fff;
box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.42);
color: #fff;
text-align: center;
border-radius: 6px;
display:none; position: absolute;
z-index: 5;
bottom: 30px;
left: 50%;
margin-left:-100px;
}
.bs_tooltip .tooltiptext img{
max-width:100%;
}
.bs_tooltip .tooltiptext p{
color: #000;
text-align: left;
padding: 10px 10px 0 10px;
}
.bs_tooltip:hover .tooltiptext{
display:block;
} .bs_history_table thead{
font-weight: bold;
}
.bs_history_table thead tr td{
background: #343434;
color: #FFF;
}
.bs_history_table td{
padding:10px 15px;
background-color:#eee;
}
.bs_history_table tbody tr:nth-child(odd) td{
background: #eee;
}
.bs_history_table tr td:last-child{
width: 180px;
text-align: center;
}
.bs_history_table tr td:first-child{
width: 31px !important;
text-align: center;
padding: 0;
vertical-align: middle;
font-weight: bold;
color: #000;
}
.bs_history_table tr td:nth-child(2){
padding-left: 15px;
}
.bs_open_coupon{
display: block;
text-align: center;
background: #dd0f8b;
color: #fff;
padding: 10px 0px;
box-sizing: border-box;
width: 100%;
cursor:pointer;
}
.bs_history_table td.b_code{
cursor: pointer;
}
.bs_history_table td.b_code.unav{
background: #d4d4d4 !important;
}
.bs_history_table td.b_code.unav span{
color: #777;
text-decoration: line-through;
}
.bs_copy_coupon{
cursor: pointer;
} .bs_top_nav{
margin: 0;
padding: 0;
display:flex;
list-style: none;
justify-content: center;
margin-bottom: 50px;
}
.bs_top_nav li{
margin: 0;
padding: 0;
background: #dd0f8b;
padding:10px 18px;
margin:0 1px;
}
.bs_top_nav li a{
text-decoration: none !important;
color:#fff;
}
.woocommerce-MyAccount-content{
margin-bottom: 50px;
}
.bs_level_description{position:relative;}
.bs_level_description.bs_hidden{
height: 130px;
overflow: hidden;
}
.bs_level_description.bs_hidden:after{
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 60px;
background: #fff;
background: linear-gradient(180deg, rgba(255,255,255,0) 0, rgba(255,255,255,0.77) 60%);
}
.bs_more_button{
text-align: left;
color: #dd0f8b;
border-bottom: 1px dashed;
display: inline;
cursor: pointer;
}
@media(max-width: 1200px){
.bs_tooltip .tooltiptext{
width: 300px;
margin-left: -285px;
font-size: 14px;
}
}
@media(max-width: 767px){
.bs_top_nav {
width: 100%;
overflow-y: scroll;
justify-content: flex-start;
}
.bs_top_nav li {
padding: 10px 0;
width: 100%;
text-align: center;
margin-top: 3px;
font-size: 14px;
}
.bs_top_nav li a{
display: block;
margin: 0 auto;
}
.bs_top_wrap{
margin-top: 18px;
}
.bs_level_story{
max-width: 100%;
margin-top: 20px;
}
.bs_level_story_content{
padding: 0 26px;
}
.bs_story_nav{
top: 18px;
width: 18px;
height: 38px;
font-size: 24px;
}
.bs_container .bs_level_story button.bs_story_nav{
top: 18px !important;
width: 18px !important;
min-width: 18px !important;
max-width: 18px !important;
height: 38px !important;
min-height: 38px !important;
max-height: 38px !important;
font-size: 24px !important;
line-height: 36px !important;
}
.bs_top_nav li:nth-child(1) a {
width: 85px;
}
.bs_top_nav li:nth-child(2) a {
width: 125px;
}
.bs_top_nav li:nth-child(3) a {
width: 110px;
}
.bs_top_nav li:nth-child(4) a {
width: 150px;
}
.bs_top_nav li:nth-child(5) a {
width: 150px;
}
.bs_top_nav li:nth-child(6) a {
width: 100px;
}
.bs_rating_page{
max-width: 100%;
margin-top: -18px;
padding: 0 4px;
}
.bs_rating_table{
min-width: 520px;
font-size: 14px;
}
.bs_rating_table th,
.bs_rating_table td{
padding: 8px 10px;
}
.bs_level_description, .bs_process_description{
font-size: 14px;
}
.woocommerce.reverse{
display: flex;
flex-direction: column-reverse;
}
}
.bs_global_description{
margin-top: 50px;
}
@media(max-width: 500px){
.bs_top_wrap{
flex-direction: row;
align-items: flex-start;
gap: 14px;
}
.bs_left{
flex: 0 0 48%;
max-width: 48%;
min-width: 0;
}
.bs_container .userAvatarBlock,
.bs_container #userAvatar{
flex: 0 0 auto;
width: auto;
min-width: 112px;
height: auto;
aspect-ratio: 1 / 1;
}
.bs_container #userAvatar img,
.bs_container #userAvatar .avatar{
width: 100% !important;
height: 100% !important;
max-width: 100% !important;
object-fit: cover;
}
.bs_right{
flex: 1 1 0;
min-width: 0;
margin-left: 0;
padding-bottom: 0;
}
.bs_user_name{
align-items: flex-start;
min-width: 0;
line-height: 1.05;
}
.bs_user_name img{
flex: 0 0 auto;
}
.bs_user_name b{
min-width: 0;
overflow-wrap: anywhere;
word-break: break-word;
line-height: 1.05;
}
.bs_history_table tr,
.bs_history_table tbody tr:nth-child(odd) td,
.bs_history_table tr td,
.bs_history_table tr td:last-child{
display: block;
width: 100% !important;
text-align:center;
padding-left: 0;
padding-right: 0;
}
.bs_history_table tr td:first-child{
display: none !important;
}
.bs_history_table tr td:nth-child(2){
padding-left:0;
}
} .edit-link{
display: none !important;
}
.bs_header_info{
display: flex;
float: left;
align-items: center;
margin-right: 15px;
margin-top: -8px;
font-size: 15px !important;
gap: 6px;
overflow: visible;
}
.bs_header_info .avatar{
margin: 0 5px;
}
.bs_header_bonus{
display: inline-flex !important;
align-items: center;
gap: 4px;
margin-right: 0;
font-weight: bold;
color: #222;
flex: 0 0 auto;
white-space: nowrap;
}
.bs_header_bonus_value{
display: inline-block !important;
color: #222 !important;
font-weight: bold !important;
min-width: 8px;
}
.bs_header_bonus_theme,
.bs_header_bonus_theme_existing{
display: inline-flex !important;
align-items: center !important;
gap: 4px;
margin: 0 !important;
vertical-align: middle;
white-space: nowrap;
line-height: 1 !important;
}
.bs_header_bonus_theme img{
width: 22px !important;
height: 25px !important;
max-width: 22px !important;
max-height: 25px !important;
object-fit: contain;
}
.bs_header_bonus_original_hidden{
display: none !important;
}
.bs_header_bonus_panel_icon{
width: 22px !important;
height: 25px !important;
max-width: 22px !important;
max-height: 25px !important;
object-fit: contain !important;
display: block !important;
}
.bs_header_info .bs_header_info_icon{
width: 25px;
height: 25px;
object-fit: contain;
}
.bs_header_progress{
display: inline-block !important;
flex: 0 0 135px !important;
width: 135px !important;
min-width: 135px !important;
max-width: 135px !important;
height: 11px !important;
margin-right: 4px;
background: #e9e9e9;
border-radius: 20px;
overflow: hidden;
vertical-align: middle;
}
.bs_header_progress_theme{
vertical-align: middle;
}
.bs_header_account_cluster{
display: inline-flex !important;
align-items: center !important;
gap: 6px;
vertical-align: middle;
line-height: 1 !important;
white-space: nowrap;
}
.bs_header_account_cluster a,
.bs_header_account_cluster span{
vertical-align: middle !important;
}
.bs_header_account_cluster a{
display: inline-flex !important;
align-items: center !important;
line-height: 1 !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.bs_header_account_cluster .bs_header_progress{
margin: 0 4px !important;
}
.bs_header_profile_theme img{
display: block !important;
margin: 0 !important;
}
.bs_header_progress .bs_header_progress_fill{
display: block !important;
height: 100% !important;
background: #00a500;
border-radius: 20px;
}
.bs_notifications_header{
position: relative;
display: inline-flex !important;
align-items: center;
flex: 0 0 auto;
z-index: 1000;
width: 28px !important;
height: 28px !important;
margin: 0 !important;
padding: 0 !important;
overflow: visible !important;
}
.bs_notifications_bell{
position: relative !important;
width: 28px !important;
min-width: 28px !important;
max-width: 28px !important;
height: 28px !important;
min-height: 28px !important;
max-height: 28px !important;
padding: 0 !important;
margin: 0 !important;
border: 0 !important;
outline: 0 !important;
border-radius: 0 !important;
background: transparent !important;
color: #111 !important;
cursor: pointer;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
line-height: 1 !important;
box-shadow: none !important;
overflow: visible !important;
appearance: none;
-webkit-appearance: none;
}
.bs_notifications_bell:hover,
.bs_notifications_bell:focus,
.bs_notifications_bell:active{
border: 0 !important;
background: transparent !important;
color: #111 !important;
box-shadow: none !important;
}
.bs_notifications_bell svg{
display: block !important;
width: 19px !important;
height: 19px !important;
fill: none;
stroke: currentColor;
stroke-width: 2;
stroke-linecap: round;
stroke-linejoin: round;
}
.bs_notifications_badge{
position: absolute !important;
right: -5px !important;
top: -6px !important;
min-width: 16px !important;
height: 16px !important;
padding: 0 4px !important;
border-radius: 999px !important;
background: #e10000 !important;
color: #fff !important;
font-size: 10px !important;
font-weight: 700 !important;
line-height: 16px !important;
text-align: center !important;
box-sizing: border-box !important;
pointer-events: none;
}
.bs_notifications_panel{
position: absolute !important;
left: 50% !important;
top: calc(100% + 8px) !important;
width: 190px !important;
max-width: 190px !important;
max-height: 230px !important;
overflow-x: hidden !important;
overflow-y: auto !important;
transform: translateX(-50%) !important;
padding: 6px 0 !important;
border: 0 !important;
border-radius: 7px !important;
background: #fff !important;
box-shadow: 0 4px 16px rgba(0,0,0,.26) !important;
text-align: left !important;
white-space: normal !important;
box-sizing: border-box !important;
z-index: 10000 !important;
}
.bs_notifications_panel[hidden]{
display: none !important;
}
.bs_notification_item{
width: 100% !important;
min-width: 0 !important;
max-width: 100% !important;
min-height: 0 !important;
display: grid !important;
grid-template-columns: 10px minmax(0, 1fr) !important;
align-items: start !important;
justify-content: stretch !important;
gap: 3px !important;
padding: 6px 8px 7px 4px !important;
margin: 0 !important;
border: 0 !important;
border-radius: 0 !important;
border-bottom: 1px solid #eee !important;
background: #fff !important;
color: #111 !important;
text-align: left !important;
cursor: pointer;
box-shadow: none !important;
line-height: 1.1 !important;
white-space: normal !important;
overflow: hidden !important;
box-sizing: border-box !important;
}
.bs_notification_item:last-child{
border-bottom: 0 !important;
}
.bs_notification_item:hover{
background: #f7f7f7 !important;
}
.bs_notification_marker{
display: block !important;
width: 7px !important;
min-width: 7px !important;
max-width: 7px !important;
height: 7px !important;
min-height: 7px !important;
max-height: 7px !important;
margin: 4px 0 0 0 !important;
padding: 0 !important;
border-radius: 50% !important;
background: transparent !important;
line-height: 1 !important;
box-sizing: border-box !important;
}
.bs_notification_item.is-unread .bs_notification_marker{
background: #e10087 !important;
}
.bs_notification_content{
display: block !important;
min-width: 0 !important;
max-width: 100% !important;
overflow: hidden !important;
}
.bs_notification_content strong{
display: block !important;
max-width: 100% !important;
color: #111 !important;
font-size: 12px !important;
font-weight: 700 !important;
line-height: 1.08 !important;
white-space: normal !important;
overflow-wrap: break-word !important;
word-break: normal !important;
overflow: hidden !important;
}
.bs_notification_content small,
.bs_notifications_empty{
display: block !important;
color: #777 !important;
font-size: 11px !important;
line-height: 1.2 !important;
white-space: normal !important;
}
.bs_notifications_empty{
padding: 10px !important;
text-align: center !important;
}
.bs_header_info_username,
.bs_header_info_level{
font-weight: bold;
}
.bs_header_name_theme{
display: inline-block !important;
vertical-align: middle !important;
min-width: 0 !important;
width: auto !important;
max-width: var(--bs-header-name-width, 220px) !important;
margin-left: var(--bs-header-name-shift, 0px) !important;
flex: 0 1 var(--bs-header-name-width, 220px) !important;
overflow: hidden !important;
white-space: nowrap !important;
text-overflow: clip !important;
-webkit-mask-image: linear-gradient(90deg, #000 0, #000 calc(100% - 28px), transparent 100%);
mask-image: linear-gradient(90deg, #000 0, #000 calc(100% - 28px), transparent 100%);
}
@media(max-width: 1200px){
.bs_header_name_theme{
max-width: var(--bs-header-name-width, 150px) !important;
}
}
.product .entry-summary .price{
display: block !important;
}
.bs_top_nav li a{
display: flex;
align-items: center;
justify-content: center;
min-height: 34px;
line-height: 1.1;
text-align: center;
white-space: normal;
} .bs_rating_page{
max-width: 780px;
margin: -28px auto 0;
color: #252525;
}
.bs_rating_disabled{
padding: 50px 20px;
text-align: center;
color: #777;
font-size: 18px;
}
.bs_rating_table_wrap{
width: 100%;
overflow-x: auto;
}
.bs_rating_table{
width: 100%;
min-width: 560px;
border-collapse: collapse;
table-layout: fixed;
border: 1px solid #dd0f8b;
font-size: 15px;
}
.bs_rating_table th,
.bs_rating_table td{
border: 1px solid #dd0f8b;
padding: 8px 14px;
text-align: left;
line-height: 1.2;
}
.bs_rating_table th{
color: #dd0f8b;
background: #fff;
font-weight: 400;
}
.bs_rating_table th:nth-child(2),
.bs_rating_table th:nth-child(3),
.bs_rating_table td:nth-child(2),
.bs_rating_table td:nth-child(3){
width: 26%;
}
.bs_rating_user{
display: flex;
align-items: center;
gap: 6px;
min-width: 0;
color: inherit !important;
text-decoration: none !important;
}
.bs_rating_user span{
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.bs_rating_icon{
flex: 0 0 18px;
width: 18px;
height: 18px;
object-fit: contain;
}
.bs_rating_table tr.bs_rating_place_gold > td{
background: #b69020 !important;
}
.bs_rating_table tr.bs_rating_place_silver > td{
background: #b8b8b8 !important;
}
.bs_rating_table tr.bs_rating_place_bronze > td{
background: #927324 !important;
}
.bs_rating_table tr.bs_rating_place_top > td{
background: #e7c4d4 !important;
}
.bs_rating_empty{
text-align: center !important;
color: #777;
}
.bs_rating_pagination{
display: flex;
justify-content: center;
gap: 0;
margin-top: 22px;
}
.bs_rating_page_link{
min-width: 34px;
height: 34px;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid #d9d9d9;
margin-left: -1px;
color: #dd0f8b;
text-decoration: none !important;
background: #fff;
}
.bs_rating_page_link.is-active{
background: #f2f2f2;
color: #777;
pointer-events: none;
}
.bs_tasks_page{
max-width: 760px;
margin: 0 auto;
color: #333;
}
.bs_tasks_intro{
margin: -22px 0 18px;
text-align: center;
color: #9b9b9b;
font-size: 17px;
line-height: 1.35;
letter-spacing: .4px;
}
.bs_tasks_intro_mobile{
display: none;
}
.bs_tasks_info{
display: inline-flex;
width: 18px;
height: 18px;
vertical-align: middle;
margin-left: 4px;
}
.bs_tasks_daily_rewards{
display: grid;
grid-template-columns: repeat(7, minmax(0, 1fr));
gap: 4px;
margin: 0 auto 38px;
}
.bs_daily_reward{
position: relative;
text-align: center;
min-width: 0;
display: flex;
flex-direction: column;
align-items: center;
}
.bs_daily_reward_day{
margin-bottom: 3px;
color: #111;
font-size: 14px;
font-weight: 700;
line-height: 1;
}
.bs_daily_reward_icon{
width: 88px !important;
min-width: 88px !important;
max-width: 88px !important;
height: 58px !important;
flex: 0 0 58px;
min-height: 0;
margin: 0 auto;
border: 2px solid #df168c;
border-radius: 10px;
background: #fff;
display: flex;
align-items: center;
justify-content: center;
padding: 3px;
cursor: help;
box-sizing: border-box;
}
.bs_daily_reward_icon img{
width: auto;
height: auto;
object-fit: contain;
}
.bs_daily_reward_icon .bs_reward_xp_img{
max-width: 78%;
max-height: 78%;
}
.bs_daily_reward_icon .bs_reward_pack_img{
height: 52px !important;
max-width: 100%;
max-height: 52px !important;
transform: translateY(-4px);
}
.bs_daily_reward.is-locked .bs_daily_reward_icon{
opacity: 1;
}
.bs_daily_reward.is-locked .bs_daily_reward_icon img{
opacity: .7;
}
.bs_daily_reward.is-available .bs_daily_reward_icon{
background: #f4bddb;
}
.bs_daily_reward_done,
.bs_daily_claim{
width: 58px !important;
min-width: 58px !important;
max-width: 58px !important;
height: 18px !important;
min-height: 18px !important;
margin: 4px auto 0 !important;
border: 2px solid #df168c !important;
border-radius: 20px !important;
box-sizing: border-box !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
text-align: center !important;
overflow: hidden;
}
.bs_daily_reward_done{
color: #05b438;
background: #fff;
font-size: 20px;
font-weight: 700;
line-height: 1;
}
.bs_daily_claim{
background: #df168c !important;
background-color: #df168c !important;
background-image: none !important;
color: #fff !important;
font-size: 10px !important;
font-weight: 400 !important;
line-height: 1 !important;
padding: 0 !important;
cursor: pointer;
text-indent: 0 !important;
text-transform: none !important;
appearance: none;
}
.bs_daily_claim:disabled{
opacity: .65;
cursor: default;
}
.bs_tasks_section_title{
margin: 24px 0 8px;
color: #df168c;
text-align: center;
font-size: 17px;
font-weight: 400;
line-height: 1.2;
}
.bs_tasks_section_permanent{
margin-top: 76px;
}
.bs_tasks_timer{
margin: 0 0 20px;
text-align: center;
color: #777;
font-size: 13px;
}
.bs_tasks_countdown{
color: #df168c;
font-weight: 700;
}
.bs_tasks_list{
display: flex;
flex-direction: column;
gap: 5px;
}
.bs_task_item{
display: grid;
grid-template-columns: 78px minmax(0, 1fr) 126px;
align-items: center;
min-height: 42px;
overflow: hidden;
border-radius: 8px;
background: #e666b3;
color: #fff;
box-shadow: 2px 2px 5px rgba(0,0,0,.25);
}
.bs_task_item.is-done{
background: #cfcfcf;
}
.bs_task_item.is-pending{
background: #dfbd2f;
}
.bs_task_item.is-pending .bs_task_action:disabled{
border-color: #b69618;
background: #c5a31e;
color: #fff !important;
}
.bs_task_reward{
padding-left: 14px;
font-size: 24px;
line-height: 1;
}
@media(max-width: 767px){
.bs_inventory_pack_panel{
width: 92px;
min-width: 92px;
}
.bs_inventory_pack{
width:72px !important;
min-width:72px !important;
max-width:72px !important;
height:72px !important;
min-height:72px !important;
max-height:72px !important;
box-sizing:border-box !important;
}
.bs_inventory_open{
width:72px !important;
min-width:72px !important;
max-width:72px !important;
margin-left:auto !important;
margin-right:auto !important;
min-height:30px !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
box-sizing:border-box !important;
padding:3px 2px !important;
overflow:hidden !important;
color:#ca0078 !important;
font-size:10px !important;
line-height:1 !important;
letter-spacing:0 !important;
text-align:center !important;
text-indent:0 !important;
white-space:normal !important;
}
.bs_inventory_controls{
min-width:0;
align-items:center;
justify-content:flex-end;
}
.bs_inventory_merge_all{
width:100%;
max-width:190px;
min-height:38px !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
padding:4px 6px !important;
overflow:hidden !important;
color:#ca0078 !important;
font-size:10px !important;
line-height:1.15 !important;
letter-spacing:0 !important;
text-align:center !important;
text-indent:0 !important;
white-space:normal !important;
overflow-wrap:break-word;
box-sizing:border-box !important;
}
}
.bs_task_reward_pack{
display: flex;
align-items: center;
justify-content: flex-start;
align-self: stretch;
cursor: help;
}
.bs_task_reward_pack img{
width: 38px;
height: 38px;
object-fit: contain;
}
.bs_task_item.is-done .bs_task_reward_pack img{
filter: grayscale(1);
opacity: .62;
}
.bs_task_text{
display: flex;
flex-direction: column;
justify-content: center;
padding: 5px 12px;
font-size: 18px;
line-height: 1.15;
}
.bs_task_progress{
margin-top: 3px;
color: rgba(255,255,255,.9);
font-size: 12px;
line-height: 1.15;
}
.bs_task_item.is-done .bs_task_progress{
color: #777;
}
.bs_task_action{
align-self: stretch;
border: 0;
border-radius: 8px;
background: #bf1b78;
color: #fff !important;
font-size: 17px;
line-height: 1;
cursor: pointer;
display: flex !important;
align-items: center !important;
justify-content: center !important;
text-align: center !important;
padding: 0 10px;
text-indent: 0 !important;
white-space: nowrap;
box-sizing: border-box;
appearance: none;
}
.bs_task_action.is-ready{
background: #b50070;
}
.bs_task_action.is-manual-confirm{
background: #bf1b78;
font-size: 14px;
line-height: 1.15;
white-space: normal;
overflow-wrap: anywhere;
word-break: normal;
padding: 4px 8px;
}
.bs_task_item.is-done .bs_task_action,
.bs_task_action:disabled{
background: #777;
border: 1px solid #cfcfcf;
color: #d8d8d8 !important;
cursor: default;
}
.bs_task_empty{
padding: 16px;
text-align: center;
color: #777;
background: #eee;
border-radius: 8px;
}
.bs_xp_promocode_form{
display: flex;
justify-content: center;
align-items: stretch;
gap: 8px;
margin: 34px auto 0;
max-width: 360px;
}
.bs_xp_promocode_input{
min-width: 0;
flex: 1 1 auto;
height: 40px;
border: 1px solid #444;
border-radius: 3px;
padding: 0 12px;
font-size: 15px;
line-height: 40px;
box-sizing: border-box;
}
.bs_xp_promocode_submit{
height: 40px;
border: 0;
border-radius: 0;
padding: 0 18px;
background: #e8e5ec;
color: #333;
font-size: 15px;
font-weight: 700;
cursor: pointer;
}
.bs_xp_promocode_submit:disabled{
opacity: .65;
cursor: default;
}
.woocommerce-account .bs-account-extra-field textarea{
width: 100%;
min-height: 84px;
resize: vertical;
}
.bs_tasks_toast{
position: fixed;
left: 50%;
bottom: 32px;
z-index: 99999;
transform: translate(-50%, 18px);
min-width: 260px;
max-width: calc(100vw - 32px);
padding: 13px 18px;
border-radius: 8px;
background: #df168c;
color: #fff;
text-align: center;
box-shadow: 0 8px 24px rgba(0,0,0,.22);
opacity: 0;
pointer-events: none;
transition: opacity .2s ease, transform .2s ease;
}
.bs_tasks_toast.is-visible{
opacity: 1;
transform: translate(-50%, 0);
}
.bs_tasks_toast.is-error{
background: #777;
}
@media(max-width: 767px){
.bs_header_info {
float: none;
justify-content: flex-start;
align-items: center;
margin-right: 0;
flex-wrap: wrap;
gap: 5px;
max-width: 360px;
}
.bs_header_info .bs_header_bonus,
.bs_header_info .bs_header_bonus_injected{
order: 1;
flex-shrink: 0 !important;
}
.bs_header_info > img.avatar,
.bs_header_info > .avatar,
.bs_header_info > .bs_header_profile_theme{
order: 2;
flex-shrink: 0 !important;
}
.bs_header_info > .bs_notifications_header{
order: 3;
flex-shrink: 0 !important;
width: 24px !important;
height: 24px !important;
}
.bs_header_info > .bs_notifications_header .bs_notifications_bell{
width: 24px !important;
min-width: 24px !important;
max-width: 24px !important;
height: 24px !important;
min-height: 24px !important;
max-height: 24px !important;
}
.bs_header_info > .bs_notifications_header .bs_notifications_bell svg{
width: 17px !important;
height: 17px !important;
}
.bs_header_info > .bs_notifications_header .bs_notifications_badge{
right: -6px !important;
top: -7px !important;
}
.bs_header_info .bs_header_info_username,
.bs_header_info .bs_header_name_theme{
order: 4;
flex: 0 0 34px !important;
width: 34px !important;
min-width: 0 !important;
max-width: 34px !important;
margin-left: 0 !important;
margin-right: 0 !important;
overflow: hidden !important;
white-space: nowrap !important;
font-size: 16px !important;
line-height: 1 !important;
-webkit-mask-image: linear-gradient(90deg, #000 0, #000 calc(100% - 14px), transparent 100%) !important;
mask-image: linear-gradient(90deg, #000 0, #000 calc(100% - 14px), transparent 100%) !important;
}
.bs_header_info .bs_header_lock_theme{
order: 5;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
flex: 0 0 15px !important;
width: 15px !important;
min-width: 15px !important;
max-width: 15px !important;
margin-left: 0 !important;
margin-right: 0 !important;
overflow: visible !important;
font-size: 16px !important;
line-height: 1 !important;
}
.bs_header_original_name_hidden,
.bs_header_original_lock_hidden{
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
pointer-events: none !important;
}
.bs_header_account_cluster{
display: inline-grid !important;
grid-template-columns: 84px 32px 22px 34px 15px;
grid-template-areas:
"bonus profile notice name lock"
"progress progress progress . .";
align-items: center !important;
justify-content: start !important;
column-gap: 4px !important;
row-gap: 4px !important;
width: 203px !important;
min-width: 203px !important;
max-width: 203px !important;
white-space: nowrap !important;
vertical-align: middle !important;
overflow: visible !important;
}
.bs_header_account_cluster_direct{
display: inline-grid !important;
grid-template-columns: 84px 32px 22px 34px 15px;
grid-template-areas:
"bonus profile notice name lock"
"progress progress progress . .";
align-items: center !important;
justify-content: start !important;
column-gap: 4px !important;
row-gap: 4px !important;
width: 203px !important;
min-width: 203px !important;
max-width: 203px !important;
white-space: nowrap !important;
vertical-align: middle !important;
overflow: visible !important;
}
.bs_header_name_theme{
flex: 0 1 var(--bs-header-name-width, 120px) !important;
max-width: var(--bs-header-name-width, 120px) !important;
}
.bs_header_account_cluster .bs_header_bonus_theme,
.bs_header_account_cluster .bs_header_bonus_theme_existing,
.bs_header_account_cluster .bs_header_profile_theme,
.bs_header_account_cluster .bs_header_lock_theme,
.bs_header_account_cluster .bs_notifications_header,
.bs_header_account_cluster .bs_header_progress{
flex-shrink: 0 !important;
position: static !important;
order: initial !important;
margin-top: 0 !important;
margin-right: 0 !important;
margin-bottom: 0 !important;
margin-left: 0 !important;
transform: none !important;
}
.bs_notifications_panel{
left: 0;
transform: none;
width: 210px;
max-width: calc(100vw - 24px);
}
.bs_header_account_cluster .bs_header_progress{
grid-area: progress;
justify-self: stretch !important;
flex: none !important;
width: 100% !important;
min-width: 0 !important;
max-width: 100% !important;
margin: 0 !important;
}
.bs_header_account_cluster_direct .bs_header_progress{
grid-area: progress;
justify-self: stretch !important;
width: 100% !important;
min-width: 0 !important;
max-width: 100% !important;
margin: 0 !important;
}
.bs_header_account_cluster .bs_header_bonus_theme,
.bs_header_account_cluster .bs_header_bonus_theme_existing{
grid-area: bonus;
width: 84px !important;
max-width: 84px !important;
min-width: 0 !important;
justify-self: start !important;
gap: 2px !important;
overflow: hidden !important;
font-size: 15px !important;
}
.bs_header_account_cluster_direct .bs_header_bonus,
.bs_header_account_cluster_direct .bs_header_bonus_injected,
.bs_header_account_cluster_direct .bs_header_bonus_theme,
.bs_header_account_cluster_direct .bs_header_bonus_theme_existing{
grid-area: bonus;
width: 84px !important;
max-width: 84px !important;
min-width: 0 !important;
justify-self: start !important;
gap: 2px !important;
overflow: hidden !important;
font-size: 15px !important;
margin: 0 !important;
}
.bs_header_account_cluster .bs_header_bonus_panel_icon{
width: 20px !important;
height: 23px !important;
max-width: 20px !important;
max-height: 23px !important;
}
.bs_header_account_cluster .bs_header_bonus_value{
font-size: 15px !important;
line-height: 1 !important;
}
.bs_header_account_cluster .bs_header_profile_theme{
grid-area: profile;
flex-shrink: 0 !important;
justify-self: start !important;
width: 32px !important;
height: 32px !important;
overflow: hidden !important;
}
.bs_header_account_cluster_direct .bs_header_profile_theme,
.bs_header_account_cluster_direct > img.avatar,
.bs_header_account_cluster_direct > .avatar{
grid-area: profile;
justify-self: start !important;
width: 32px !important;
height: 32px !important;
max-width: 32px !important;
max-height: 32px !important;
margin: 0 !important;
overflow: hidden !important;
}
.bs_header_account_cluster .bs_header_profile_theme img{
width: 32px !important;
height: 32px !important;
max-width: 32px !important;
max-height: 32px !important;
object-fit: cover !important;
}
.bs_header_account_cluster_direct .bs_header_profile_theme img,
.bs_header_account_cluster_direct > img.avatar,
.bs_header_account_cluster_direct > .avatar{
width: 32px !important;
height: 32px !important;
max-width: 32px !important;
max-height: 32px !important;
object-fit: cover !important;
}
.bs_header_account_cluster .bs_notifications_header{
grid-area: notice;
justify-self: center !important;
width: 22px !important;
height: 22px !important;
}
.bs_header_account_cluster_direct .bs_notifications_header{
grid-area: notice;
justify-self: center !important;
width: 22px !important;
height: 22px !important;
margin: 0 !important;
}
.bs_header_account_cluster .bs_notifications_bell{
width: 22px !important;
min-width: 22px !important;
max-width: 22px !important;
height: 22px !important;
min-height: 22px !important;
max-height: 22px !important;
}
.bs_header_account_cluster .bs_notifications_bell svg{
width: 16px !important;
height: 16px !important;
}
.bs_header_account_cluster .bs_notifications_badge{
right: -6px !important;
top: -7px !important;
}
.bs_header_account_cluster .bs_header_name_theme{
grid-area: name;
justify-self: start !important;
min-width: 0 !important;
width: 34px !important;
max-width: 34px !important;
font-size: 16px !important;
line-height: 1 !important;
}
.bs_header_account_cluster_direct .bs_header_name_theme{
grid-area: name;
justify-self: start !important;
min-width: 0 !important;
width: 34px !important;
max-width: 34px !important;
margin: 0 !important;
font-size: 16px !important;
line-height: 1 !important;
}
.bs_header_account_cluster .bs_header_lock_theme{
grid-area: lock;
justify-self: start !important;
width: 15px !important;
max-width: 15px !important;
overflow: visible !important;
}
.bs_header_account_cluster_direct .bs_header_lock_theme{
grid-area: lock;
justify-self: start !important;
width: 15px !important;
max-width: 15px !important;
margin: 0 !important;
overflow: visible !important;
}
.bs_notifications_panel{
left: 50% !important;
width: 185px !important;
max-width: calc(100vw - 24px) !important;
transform: translateX(-50%) !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content{
width: 100% !important;
}
.bs_tasks_page{
max-width: 100%;
padding: 0 4px;
}
.bs_tasks_intro{
margin: -16px 0 12px;
font-size: 15px;
line-height: 1.25;
}
.bs_tasks_intro_mobile{
display: block;
}
.bs_tasks_daily_rewards{
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 4px;
margin-bottom: 34px;
}
.bs_daily_reward{
flex: 0 0 calc(25% - 4px);
max-width: calc(25% - 4px);
}
.bs_daily_reward_icon{
width: 100% !important;
min-width: 0 !important;
max-width: 100% !important;
height: auto !important;
flex-basis: auto;
aspect-ratio: 1.42 / 1;
border-radius: 7px;
padding: 5px;
}
.bs_daily_reward_icon .bs_reward_pack_img{
height: auto !important;
max-width: 92%;
max-height: 88% !important;
transform: translateY(-5px);
}
.bs_tasks_page .bs_tooltip .tooltiptext{
position: absolute;
left: 50%;
right: auto;
top: auto;
bottom: calc(100% + 10px);
width: max-content;
min-width: 220px;
max-width: calc(100vw - 32px);
margin-left: 0;
transform: translateX(-50%);
z-index: 9999;
background: #fff !important;
background-color: #fff !important;
background-image: none !important;
opacity: 1 !important;
color: #222;
}
.bs_daily_reward:nth-child(4n+1) .bs_daily_reward_icon.bs_tooltip .tooltiptext{
left: 0;
transform: none;
}
.bs_daily_reward:nth-child(4n) .bs_daily_reward_icon.bs_tooltip .tooltiptext{
left: auto;
right: 0;
transform: none;
}
.bs_tooltip:focus .tooltiptext,
.bs_tooltip:focus-within .tooltiptext{
display: block;
}
.bs_tasks_page .bs_tooltip .tooltiptext p{
color: #222;
opacity: 1 !important;
margin: 0;
padding: 12px 14px;
}
.bs_daily_reward_done,
.bs_daily_claim{
width: 70px !important;
min-width: 70px !important;
max-width: 70px !important;
height: 26px !important;
min-height: 26px !important;
margin-top: 8px;
}
.bs_daily_claim{
padding: 0;
font-size: 14px !important;
}
.bs_daily_reward_day{
font-size: 12px;
}
.bs_tasks_section_title{
margin-top: 20px;
font-size: 15px;
}
.bs_tasks_section_permanent{
margin-top: 50px;
}
.bs_task_item{
grid-template-columns: 56px minmax(0, 1fr) 82px;
min-height: 46px;
border-radius: 5px;
}
.bs_task_reward{
padding-left: 6px;
font-size: 16px;
}
.bs_task_reward_pack img{
width: 34px;
height: 34px;
}
.bs_task_text{
padding: 4px 6px;
font-size: 15px;
line-height: 1.1;
text-align: center;
}
.bs_task_action{
border-radius: 5px;
font-size: 14px;
justify-content: center !important;
text-align: center !important;
padding: 0 4px;
width: 100%;
min-width: 0;
}
.bs_task_action.is-manual-confirm{
font-size: 13px;
line-height: 1.05;
white-space: normal;
overflow-wrap: anywhere;
padding: 4px 3px;
}
.bs_xp_promocode_form{
width: 100%;
max-width: 360px;
padding: 0 8px;
box-sizing: border-box;
}
.bs_xp_promocode_submit{
padding: 0 12px;
}
.bs_rating_page{
max-width: 100%;
margin-top: -18px;
padding: 0 4px;
}
.bs_rating_table{
min-width: 520px;
font-size: 14px;
}
.bs_rating_table th,
.bs_rating_table td{
padding: 8px 10px;
}
}