@charset "utf-8";

.property .strength{
    position: relative;
    display: block;
    width: 40px;
    height: 40px;
    background-color: transparent;
    border-radius: 50%;
    color:#606060;
    display: none;
    padding-top: 7px;
}
.property .length, .property .ring, .property .shape{
    position:relative;
}
.property .shape{
    padding:5px 10px;
    font-size:12px;
    box-shadow:0px 0px 0px 1px #97967d;
    color:#303030;
    font-weight:600;
    display: none;
}
.product_details_profile_container .shape{
    display: block;
}
.product_details_profile_container .strength{
    display: block;
}
.search_list .shape{
    display: block;
}
.search_list .strength{
    display: block;
}
.product_list.compare .shape{
    display: block;
}
.product_list.compare .strength{
    display: block;
}
/* .product_list > div:hover .shape{
    background-color:#5a5a5a;
    box-shadow:0px 0px 0px 1px #ffffff;
    color:#ffffff;
} */

.property .length::after, .property .ring::after, .property .shape::after{
    content:attr(data-var);
    display:block;
    text-align:center;
    font-size:11px;
    font-weight:500;
}
.property .strength.s1{
    box-shadow: inset -2px 1px 0 1px #679830;
}
.property .strength.s2{
    box-shadow: inset -2px 1px 0 1px #cdca50;
}
.property .strength.s3{
    box-shadow: inset -2px 1px 0 1px#bbb621;
}
.property .strength.s4{
    box-shadow: inset -2px 1px 0 1px#d3ab19;
}
.property .strength.s5{
    box-shadow: inset -2px 1px 0 1px#ddb31c;
}
.property .strength.s6{
    box-shadow: inset -2px 1px 0 1px#a77400;
}
.property .strength.s7{
    box-shadow: inset -2px 1px 0 1px#8c5323;
}
.property .strength.s8{
    box-shadow: inset -2px 1px 0 1px#773e0e;
}
.property .strength.s9{
    box-shadow: inset -2px 1px 0 1px#582902;
}
.property .strength.s10{
    box-shadow: inset -2px 1px 0 1px#3d1c01;
}

.product_filter_box{
    position:fixed;
    top:25px;
    bottom:25px;
    left:25px;
    right:25px;
    width:900px;
    max-height:70vh;
    margin:auto;
    box-shadow:0px 2px 5px 1px #5a5a5a, 0px 2px 25px 1px #a8a8a8;
    background-color:#ffffffc9;
    z-index:100;
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
    overflow:hidden;
    opacity:0;
    transform: translateX(-100vw);
	font-family:"Noto Sans SC";
    font-weight:300;
}
.product_filter_box.active{
    opacity:1;
    z-index:100;
    transform: translateX(0vh);
}
.product_filter_box .action_box{
    display:flex;
    align-items:center;
    margin-right:-10px;
}
.product_filter_box .action_box .but_general{
    margin-right:10px;
    font-size:16px;
}
.product_filter_box > div{
    padding:30px;
}
.product_filter_box > div:nth-of-type(1){
    font-size:2.5em;
    display:flex;
    align-items:center;
    justify-content: space-between;
    padding:8px 30px;
    font-weight:300;
    color:#1b1b1b;
}
.product_filter_box > div:nth-of-type(2){
    box-shadow:0px 0px 20px 0px #efefef;
    display:flex;
    flex-wrap:wrap;
}

.product_filter_box > div:nth-of-type(2) > div{
    flex:1 1 auto;
}

.product_filter_box > div:nth-of-type(2) > div:nth-of-type(1){
    box-shadow:1px 0px 0px #dedede;
}
.product_filter_box > div:nth-of-type(2) > div:nth-of-type(2){
    margin-left:20px;
    max-height:53vh;
    overflow:auto;
    padding:0px 20px;
}

.product_filter_box .setting_box{
    padding:5px 0px;
	font-family:"Noto Sans SC";
    position:relative;
}
.product_filter_box .setting_box > div:nth-of-type(1){
    font-size:1.2em;
    color:#535353;
}
.product_filter_box .shape_option{
    max-height:45vh;
    overflow:auto;
    font-size:16px;
    font-weight:300;
}
.product_filter_box .toggle{
    margin-top:-5px;
}

.product_filter_box .setting_box.shape{
    flex:0 0 30%;
}
.shape_option .checkbox_container .msg{
    font-size:15px;
    
}
.product_filter_box .slider_container > div:nth-of-type(2){
    text-align:right;
}

.label_so_cigar{
    position: absolute; 
    box-shadow:0px 0px 0px 1px #dedede;
    border-bottom: 2px solid #843b3b;
    padding: 2px 25px; color: #000000; 
    top: -25px;
    letter-spacing: 1px; font-size: 14px;
    background-color:#ffffff;
    left:50%;
    transform:translateX(-50%);
    display:none;
}
.product_details_profile_container .label_so_cigar{
    position: absolute; 
    box-shadow:0px 0px 0px 1px #dedede;
    border-bottom: 2px solid #843b3b;
    padding: 2px 25px; color: #000000; 
    top: 62px;
    letter-spacing: 1px;
    font-size: 14px;
    background-color: #ffffff;
    left: 85%;
    transform: unset;
}
.search_list > div > div:nth-of-type(1) .label_so_cigar{
    position:static;
}

.search_list .label_so_cigar{
    left: unset;
    transform: unset;
}