/** General Styles **/

.base_profile_page .ow_page_wrap {
    -ms-overflow-style: none;  /* Internet Explorer 10+ */
    scrollbar-width: none;  /* Firefox */
}
    
.base_profile_page .ow_page_wrap::-webkit-scrollbar { 
    display: none;  /* Safari and Chrome */
}

.base_profile_page .ow_page_container {
    -ms-overflow-style: none;  /* Internet Explorer 10+ */
    scrollbar-width: none;  /* Firefox */
}
    
.base_profile_page .ow_page_container::-webkit-scrollbar { 
    display: none;  /* Safari and Chrome */
}
    
.base_profile_page .ow_page_wrap .ow_page_padding { 
    height: 100%;
}

.base_profile_page .ow_page_wrap .ow_page_container { 
    max-width: 100%;
    height: 100%;
    overflow-y: auto;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 24px;
}

.user_signed_in.bio_link_preview_mode .ow_page_padding{
    padding-top: 0;
}

.user_signed_in.bio_link_preview_mode #id_profilex_change_avatar_btn,
.user_signed_in.bio_link_preview_mode #id_change_cover_image_btn,
.user_signed_in.bio_link_preview_mode .ow_page_wrap .ow_header{
    display: none; 
}

/** Mobile Adjustment **/
.mobile_preview_mode .ow_page_container #place_sections{
    padding-left: 12px;
    padding-right: 12px;
    box-sizing: border-box;
} 

@media screen and (max-width: 640px){
    .ow_page_container #place_sections {
        padding-left: 12px;
        padding-right: 12px;
        box-sizing: border-box;
    }
}


/** General css end **/

.biolink_type_selector .link_config_item{
    width: calc(25% - 4px);
    text-align: center;
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    padding-bottom: 20px;
    transition: .3s;
    box-sizing: border-box;
    border-radius: 6px;
}

.biolink_type_selector .link_config_item:hover{
    transform: scale(1.01);
}

.biolink_type_selector .link_config_item .link_type_icon{
    background-repeat: no-repeat;
    background-position: top center;
    position: relative;
    width: 64px;
    height: 64px;
    background-size: 64px 64px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    border-radius: 4px;
    overflow: hidden;
    
}


.biolink_type_selector .link_config_item .link_type_label{
    
}

.biolink_type_selector .link_config_item img{
    width:64px; 
    height: 64px;
    border-top-left-radius: 4px;
}

.biolink_type_selector .link_config_item.with_background img{
    width: 24px;
    position: absolute;
    right: 0;
    bottom: 0;
    height: 24px;
    border-top-left-radius: 4px;
}

.biolink_type_selector .link_config_item .link_type_label span{font-weight: bold; font-size: 14px; line-height: 18px;}
.biolink_type_selector .link_type_group_title{
    font-size: 16px;
    line-height: 20px;
    padding: 16px 8px;
    color: #65666a;
}

.biolink_type_selector .group_form .link_config_item,
.biolink_type_selector .group_contents .link_config_item,
.biolink_type_selector .default_category .link_config_item{
    width: 100%;
    display: block;
    text-align: left;
    padding: 8px;
}

.biolink_type_selector .group_form .link_config_item:hover,
.biolink_type_selector .group_contents .link_config_item:hover,
.biolink_type_selector .default_category .link_config_item:hover{
    background-color: var(--menuHoverColor);
}

.biolink_type_selector .group_form .link_config_item .link_type_icon,
.biolink_type_selector .group_contents .link_config_item .link_type_icon,
.biolink_type_selector .default_category .link_config_item .link_type_icon{
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
    margin-bottom: 0;
}

.biolink_type_selector .group_form .link_config_item .link_type_label,
.biolink_type_selector .group_contents .link_config_item .link_type_label,
.biolink_type_selector .default_category .link_config_item .link_type_label{
    display: inline-block;
    vertical-align: middle;
    max-width: calc(100% - 90px);
    overflow: hidden;
}

.biolink_type_selector .link_config_item .link_type_title{
    font-weight: 600;
}

.biolink_type_selector .link_config_item .link_type_subtitle{
    opacity: 0.6;
}

.biolink_type_selector .link_config_item .compare_help{
    padding-top: 6px;
}

.biolink_type_selector .link_config_item .compare_help a{
    color: rgb(8, 49, 112);
    border: 1px solid var(--borderColor);
    box-sizing: border-box;
    margin-bottom: 2px;
    display: inline-block;
    padding: 1px 5px;
    border-radius: 4px;
}

.biolink_type_selector .link_config_item .compare_help .compare_link{
    margin-right: 5px;
}

.billink_editor_container{
    margin-bottom: 32px;
}

.billink_editor_container .close_editor_form_btn{
    height: 0;
    width: 42px;
    margin-left: auto;
    margin-right: auto;
    background-color: white;
    border-radius: 50%;
    cursor: pointer;
    box-sizing: border-box;
    transition: 0.4s;
    opacity: 0;
    height: 0;
    margin-top: 0;
    overflow: hidden;
}

.billink_editor_container .close_editor_form_btn.show{
    height: 42px;
    opacity: 1;
    margin-top: 10px;
}

.billink_editor_container .close_editor_form_btn svg{
    height: 24px;
    width: 24px;
    margin-top: calc(50% - 12px);
    margin-left: calc(50% - 12px);
}

.billink_editor_container .add_link_btn_wrap{
    transform: scale(1);
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
    overflow: hidden;
    transition: 0.6s;
    top: 0;
}

.billink_editor_container .add_link_btn_wrap.float{
    position: absolute;
    width: calc(100% - 20px);
    z-index: 20;
    border-radius: 10px;
    background-color: #24252a;
}

.billink_editor_container .add_link_btn_wrap.float .ow_button{
    border-radius: 10px;
    background-color: #24252a;
}

.billink_editor_container .add_link_btn_wrap.float .ow_button:hover{
    background-color: #24252a;
}

.billink_editor_container .add_link_btn_wrap:hover{
    transform: scale(1.01);
}

.billink_editor_container .add_link_btn_wrap .button_el{
    display: inline-block;
    transition: 0.6s;
}

.billink_editor_container .add_link_btn_wrap .add_link_btn{
    width: calc(60% - 12px);
}

.billink_editor_container .add_link_btn_wrap .edit_link_btn{
    width: 40%;
    float: right;
}

.billink_editor_container .add_link_btn_wrap .edit_link_btn .ow_button input.activated{
    background-image: url(../img/ic_check_white.svg);
    background-position: 10px center;
    background-size: 32px;
    background-repeat: no-repeat;
}

.billink_editor_container .add_link_btn_wrap .ow_button{
    width: 100%;
    padding: 0;
    transition: 0.6s;
    border-radius: 40px;
}

.billink_editor_container .add_link_btn_wrap .add_link_btn input{
    padding-left: 24px;
    background-size: 28px;
    background-image: url(../img/ic_flash_white.svg?white);
    background-position: calc(50% - 40px) center;
    padding-right: 0;
}

.biolink_editor_form_container{
    max-width: 640px; 
    margin: auto;  
    background-color: white;
    box-sizing: border-box;
    transition: 0.6s;
    overflow: hidden;
    margin-left: 10px;
    margin-right: 10px;
    border-radius: 23px;
    box-shadow: rgb(0 0 0 / 37%) 2px 2px 0px 2px;
}

.floatbox_body .biolink_editor_form_container{
    margin-top: 20px;
    border: 1px solid;
    margin-bottom: 10px;
}

.biolink_editor_form_container input[type=submit], .biolink_editor_form_container input[type=button]{
    padding: 0 4px 0px 4px;
}


.biolink_editor_form_container .link_icon_wrap{
    padding: 4px; 
    box-sizing: border-box; 
    margin:auto; 
    text-align:center; 
    display: inline-block; 
    width: 40px;
    vertical-align: middle;
    cursor: pointer;
}

.biolink_editor_form_container .editor_form_wrap{    
    display: inline-block;
    width: calc(100% - 48px);
    vertical-align: middle;
    padding: 16px;
    box-sizing: border-box;
    border-left: 1px solid #d7dce1;;
}

.biolink_editor_form_container .link_icon_wrap img{
    height: 32px;
    border-radius: 4px;
}
.biolink_editor_form_container .link_icon_wrap span{
    display: none; 
    line-height: 32px; 
    padding-left: 6px; 
    font-weight: 600;
}


.biolink_editor_form_container .editor_form_wrap .input_field_wrap{
    padding-bottom:8px;
    position: relative;
}
.biolink_editor_form_container .editor_form_wrap .input_field_wrap input{
    border-bottom: none; 
    height: 38px;
    line-height: 38px;
}
.biolink_editor_form_container .editor_form_wrap .input_field_wrap textarea{
    height: 56px; 
    border-bottom: 0; 
    resize: none;
    border: 1px solid var(--borderColor); 
    border-radius: 4px; 
    padding: 4px
}

.biolink_editor_form_container .editor_form_wrap .input_field_link .default_link_wrap{
    position: absolute;
    top: 0;
    left: 0;
    line-height: 38px;
    font-size: 16px;
    white-space: nowrap;
    overflow: hidden;
    max-width: 100%;
    text-overflow: ellipsis;
}

.biolink_editor_form_container .editor_submit_button{
    padding-left: 10px;
    position: relative;
}

.biolink_editor_form_container .editor_submit_button .ow_button{
    height: 32px;
    width: 100%;
}

.biolink_editor_form_container .editor_submit_button .ow_button input{
    height: 32px;
    line-height: 32px;
}

.biolink_editor_form_container .editor_submit_button .submit_button{
    width: calc(100% - 110px);
    display: block;
    border-radius: 20px;
    overflow: hidden;
    transition: 0.4s;
}

.biolink_editor_form_container .editor_submit_button .setting_button{
    position: absolute;
    right: 0;
    top: 2px;
    padding: 4px;
    border-radius: 4px;
    cursor: pointer;
}

.biolink_editor_form_container .editor_submit_button .setting_button.checked{
    fill: #5657ef;
    background-color: #e3e5e7;
}

.biolink_editor_form_container .editor_submit_button .setting_button.unchecked{
    fill: #989ea3;
}

.biolink_editor_form_container .editor_submit_button .setting_button.lock_button{
    right:28px;
}

.biolink_editor_form_container .editor_submit_button .setting_button.image_button{
    right: 60px;
}

.biolink_editor_form_container .editor_form_setting_wrap{
    transition: 0.6s;
    overflow: hidden;
}

.biolink_editor_form_container .editor_form_image_wrap{
    box-sizing: border-box;
    background-color: #e3e5e7;
    position: relative;
    padding-left: 20px;
    border-bottom: 1px solid #d7dce1;
    overflow: hidden;
    transition: 0.4s;
}

.biolink_editor_form_container .editor_form_image_wrap img{
    height: 56px;
    width: 56px;
    border-radius: 4px;
    margin-top: 10px;
    object-fit: cover;
}

.biolink_editor_form_container .editor_form_image_wrap .delete_img_btn{
    padding: 6px;
    background-color: black;
    height: 30px;
    width: 30px;
    box-sizing: border-box;
    border-radius: 50%;
    position: absolute;
    top: 24px;
    left: 86px;
    cursor: pointer;
}

.biolink_editor_form_container .editor_form_image_wrap .delete_img_btn svg{
    fill: white;
}

.biolink_editor_form_container .editor_form_setting_button_list{
    background-color: #e3e5e7;
    padding: 20px 10px;
}

.biolink_editor_form_container .editor_form_setting_button_list .lock_type_option .option_settings{
    margin-top: 10px;
    position: relative;
}

.biolink_editor_form_container .editor_form_setting_button_list .lock_type_option .option_settings .add_price_option_btn {
    padding: 8px;
    border: 1px solid #d7dce1;
    border-radius: 4px;
    cursor: pointer;
    background-color: #f9f9f9;
    line-height: 20px;
    text-align: center;
    margin-top: 10px;
    display: none;
}

.biolink_editor_form_container[data-type=product] .editor_form_setting_button_list .lock_type_option .option_settings .add_price_option_btn {
    display: block;
}

.biolink_editor_form_container .editor_form_setting_button_list .lock_type_option .option_settings .price_option{
    position: relative;
}

.biolink_editor_form_container .editor_form_setting_button_list .lock_type_option .option_settings .price_option_list .option_image_selector{
    display: inline-block;
    width: 42px;
    height: 42px;
    margin-right: 4px;
    vertical-align: top;
    position: relative;
    background-color: var(--menuHoverColor);
    margin-top: 6px;
    border-radius: 3px;
    overflow: hidden;
    background-image: url(../img/ic_image_gray.svg);
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center;
}

.biolink_editor_form_container .editor_form_setting_button_list .lock_type_option .option_settings .price_option_list .option_image_selector img{
    max-width: 100%;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.biolink_editor_form_container .editor_form_setting_button_list .lock_type_option .option_settings .price_option_list .option_image_selector .delete_price_option_img_btn{
    position: absolute;
    right: 0;
    top: 0;
    padding: 3px;
    background-color: black;
}

.biolink_editor_form_container .editor_form_setting_button_list .lock_type_option .option_settings .price_option_list input.option_label{
    display: inline-block;
    width: calc(100% - 160px);
    margin-right: 4px;
    vertical-align: top;
}

.biolink_editor_form_container .editor_form_setting_button_list .lock_type_option .option_settings .price_option_list input.option_value{
    display: inline-block;
    width: 90px;
    vertical-align: top;
}

.biolink_editor_form_container .editor_form_setting_button_list .lock_type_option .currency_code_tag{
    position: absolute;
    top: 12px;
    right: 10px;
}

.biolink_editor_form_container .editor_form_setting_button_list .lock_type_option .remove_price_option_btn{
    position: absolute;
    top: 16px;
    right: 10px;
}

.biolink_editor_form_container .editor_form_setting_button_list .lock_type_option .option_settings select,
.biolink_editor_form_container .editor_form_setting_button_list .lock_type_option .option_settings input{
    margin-top: 6px;
    width: 100%;
    border-radius: 0;
    border-bottom: 1px solid var(--borderColor);
}

.biolink_editor_form_container .editor_form_setting_button_list .lock_type_option{
    padding: 10px;
    border: 1px solid #d7dce1;
    margin-bottom: 10px;
    border-radius: 4px;
    box-shadow: rgb(215 220 225) 0px 2px 0px 0px;
    cursor: pointer;
    background-color:#f9f9f9;
    line-height: 20px;
    position: relative;
}

.biolink_editor_form_container .editor_form_setting_button_list .lock_type_option.checked, .biolink_editor_form_container .editor_form_setting_button_list .lock_type_option:hover{
    background-color: white;
}

.biolink_editor_form_container .editor_form_setting_button_list_descr{
    padding-bottom: 10px;
    font-size: 18px;
    line-height: 22px;
}


.biolink_editor_form_container .editor_form_setting_button_list .lock_type_option_payment_integration_btn{
    background-color: transparent !important;
    border: 0;
    box-shadow: none;
}

.biolink_editor_form_container .lock_type_option_payment_integration_btn .payment_integration_button .ow_button{
    background-color: transparent;
    color: unset;
    box-shadow: none;
    border: 2px solid;
    border-radius: 30px;
    box-sizing: border-box;
    padding: 0 14px;
}

.biolink_editor_form_container .lock_type_option_payment_integration_btn .payment_integration_button input{
    text-transform: capitalize;
    color: unset;
    height: 100%;
}

.biolink_button_list_widget{
    padding-top: 2px;
    position: relative;
}

.biolink_button_list_widget .bio_link_list_item{
    margin-bottom: 20px;
    position: relative;
}



.with_biolink_editor .biolink_button_list_widget .bio_link_list_item .drag_n_drop_button{
    width: 22px;
    background-color: #ffffff;
    height: 100%;
    border-radius: 4px;
    display: inline-block;
    vertical-align: top;
    cursor: move;
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
    background-image: url(../img/ic_drag_n_drop.svg);
    background-size: 16px;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    right: 0px;
}

.with_biolink_editor .biolink_button_list_widget .link_button_list .bio_link_list_item .link_button_wrap{
    display: inline-block;
    width: calc(100% - 30px);
    box-sizing: border-box;
    margin-left: 0;
    margin-right: 4px;
    vertical-align: middle;
}
.with_biolink_editor .biolink_button_list_widget .form_button_list .bio_link_list_item .link_button_wrap{
    margin-right: 6px;
    margin-left: 0;
}

.biolink_button_list_widget .bio_link_list_item:not(.bio_link_type_header) .link_button_wrap{
    transform: scale(1);
    transition: opacity 0.6s, transform 0.25s cubic-bezier(0.08, 0.59, 0.29, 0.99) 0s, box-shadow 0.25s cubic-bezier(0.08, 0.59, 0.29, 0.99) 0s, height 0.25s cubic-bezier(0.08, 0.59, 0.29, 0.99) 0s;
    position: relative;
    padding: 6px 6px;
    cursor: pointer;
    margin-left: 10px;
    margin-right: 10px;
    overflow: hidden;
}

.biolink_button_list_widget:not(.edit_mode) .bio_link_list_item:not(.bio_link_type_header) .link_button_wrap:hover{
    transform: scale(1.01);
}

.biolink_button_list_widget .add_link_icon_btn{
    display: none;
    vertical-align: middle;
    position: absolute;
    left: calc(50% - 30px);
    top: calc(100% - 16px);
    box-sizing: border-box;
    background-color: white;
    z-index: 10;
    border: 1px solid black;
    background-image: url(../img/ic_add.svg);
    background-position: center;
    background-size: 20px;
    background-repeat: no-repeat;
    height: 30px;
    width: 30px;
    cursor: pointer;
}

.biolink_button_list_widget:not(.edit_mode) .bio_link_list_item:hover .add_link_icon_btn{
    display: block;
}


.biolink_button_list_widget .editmode_tools{
    display: none;
    vertical-align: middle;
    position: absolute;
    left: calc(50% - 80px);
    padding-right: 8px;
    top: calc(100% - 17px);
    border-radius: 32px;
    box-sizing: border-box;
    background-color: white;
    z-index: 10;
    border: 1px solid var(--borderColor);
}


.biolink_button_list_widget .bio_link_type_header .editmode_tools{
    top: -20px;
}

.biolink_button_list_widget.edit_mode .editmode_tools{
    display: inline-block;
    padding: 5px 0;
    padding-right: 8px;
}

.biolink_button_list_widget .editmode_tools .edit_tool_button{
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}

.biolink_button_list_widget .editmode_tools .edit_tool_button:not(first-child){
    margin-left: 8px;
}

.biolink_button_list_widget .editmode_tools .edit_tool_button .icon_img{
    width: 20px;
    height: 20px;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center;
}

.biolink_button_list_widget .editmode_tools .edit_tool_button .icon_img.delete_outline{
    background-image: url(../img/ic_delete_outline_black.svg);
}

.biolink_button_list_widget .editmode_tools .edit_tool_button .icon_img.pen_outline{
    background-image: url(../img/ic_pen_outline.svg);
}

.biolink_button_list_widget .editmode_tools .edit_tool_button .icon_img.drag_n_drop{
    background-image: url(../img/ic_drag_n_drop.svg);
}

.biolink_button_list_widget .editmode_tools .edit_tool_button .icon_img.open_url_outline{
    background-image: url(../img/ic_open_url.svg);
    background-size: 17px;
}

.biolink_button_list_widget .editmode_tools .edit_tool_button .icon_img.add_outlink{
    background-image: url(../img/ic_add.svg);
    background-size: 17px;
}

.biolink_button_list_widget .editmode_tools .drag-n-drop{
    padding-top: 3px;
    cursor: move; /* fallback if grab cursor is unsupported */
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
    padding-top: 8px;
    padding-bottom: 8px;
    display: none;
}

.biolink_button_list_widget .editmode_tools .switch-wrap label{
    height: 20px;
    width: 40px;
}

.biolink_button_list_widget .editmode_tools .switch-wrap label::before{
    height: 18px;
    width: 18px;
}

.biolink_button_list_widget .inactive_link .link_button_wrap{
    opacity: 0.4;
}

.biolink_button_list_widget .link_button_wrap p{
    margin-bottom: 0;
}

.biolink_button_list_widget .link_button_wrap .link_content, .biolink_button_list_widget .link_button_wrap .link_icon{
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
}

.biolink_button_list_widget .link_button_wrap .link_content{
    width: calc(100% - 52px);
    padding-left: 10px;
    position: relative;
}






.biolink_button_list_widget.edit_mode .link_button_wrap .link_content{
    /** width: calc(100% - 176px); **/
}



.biolink_button_list_widget .link_button_wrap .link_icon{
    background-color: white;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
}

.biolink_button_list_widget .link_button_wrap .link_icon img{
    max-width: 100%;
    max-height: 100%;
    height: 48px;
    width: 48px;
    border-radius: 50%;
    object-fit: cover;
}

.biolink_button_list_widget .link_button_wrap .link_icon .a2hs_download_icon{
    position: absolute;
    background-image: url(../img/icon-rect-fill/a2hs.svg);
    background-repeat: no-repeat;
    width: 22px;
    height: 22px;
    background-size: 22px;
    background-position: center;
    left: calc(50% - 11px);
    bottom: -9px;
    border-radius: 50%;
}

.biolink_button_list_widget .link_button_wrap .link_content .link_title{
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: currentColor;
}

.biolink_button_list_widget .link_button_wrap .link_content .link_description{
    line-height: 18px;
    opacity: 0.8;
}

.biolink_button_list_widget .link_button_wrap .ow_preloader{
    background: url(../img/hori_dot_loading.svg) no-repeat center center;
}

.biolink_button_list_widget .link_button_wrap .faq_link_description{
    line-height: 22px;
    font-size: 16px;
    text-align: left;
    opacity: 0.9;
}

.biolink_button_list_widget .bio_link_type_header .link_button_wrap .link_content .link_title{
    font-size: 18px;
    line-height: 24px;
}

.biolink_button_list_widget .bio_link_type_header:not(:first-child){
    margin-top: 44px;
}

.biolink_button_list_widget .bio_link_list_item.bio_link_type_header{
    margin-bottom: 10px;
}

.biolink_button_list_widget .bio_link_list_item.bio_link_type_header .link_button_wrap{
    position: relative;
    background-color: transparent;
    box-shadow: none;
    border: none;
    padding: 6px;
    margin-left: 10px;
    margin-right: 10px;
}

.biolink_button_list_widget .bio_link_type_header .link_button_wrap .link_icon{
    display: none;
}

.biolink_button_list_widget .bio_link_type_header .link_button_wrap .link_content{
    width: 100%;
    padding-left: 0;
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
}

.biolink_button_list_widget.edit_mode .bio_link_type_header .link_button_wrap .link_content{
    /** width: calc(100% - 143px); **/
}


.biolink_button_list_widget .extra_content_block_updown_arrow{
    height: 32px;
    width: 32px;
    position: absolute;
    top: calc(50% - 16px);
    right: 00px;
    background-position: center;
    background-size: 24px;
    background-repeat: no-repeat;
    background-image: url(../img/ic_arrow_down.svg);
    transition: .3s;
}

.biolink_button_list_widget .extra_content_block_updown_arrow.expanded{
    transform: rotate(180deg);
}

.biolink_button_list_widget .extra_content_block_wrap{
    height: 0;
    display: block;
    transition: .3s;
    overflow: hidden;
}

.biolink_button_list_widget .extra_content_block{
    margin-top: 10px;
    text-align: center;
    border-top: 1px solid var(--borderColor);
    padding-top: 20px;
    box-sizing: border-box;
    padding-bottom: 10px;
}

.biolink_button_list_widget .extra_content_block .ow_button{
    width: 180px;
}

.biolink_button_list_widget .extra_content_block .description_block{
    font-size: 16px;
    line-height: 24px;
    padding-bottom: 10px;
}

.biolink_button_list_widget .extra_content_block .image_block img{
    max-width: 100%;
    width: 180px;
    height: 180px;
    border-radius: 10px;
    margin-bottom: 20px;
    border: 1px solid var(--borderColor);
    object-fit: cover;
}
.biolink_button_list_widget .extra_content_block .product_link_extra_price_options{

}

.biolink_button_list_widget .extra_content_block .extra_price_option{
    display: inline-block;
    padding: 3px;
    box-sizing: border-box;
    border-radius: 50px;
    overflow: hidden;
    padding-right: 14px;
    vertical-align: middle;
    margin-bottom: 6px;
    border: 2px solid currentColor;
}

.biolink_button_list_widget .extra_content_block .extra_price_option.no_src{
    padding-left: 8px;
}

.biolink_button_list_widget .extra_content_block .extra_price_option img{
    width: 32px;
    height: 32px;
    object-fit: cover;
    display: inline-block;
    border-radius: 50%;
    vertical-align: middle;
}

.biolink_button_list_widget .extra_content_block .extra_price_option .extra_price_infor{
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    padding-left: 6px;
}

.biolink_button_list_widget .extra_content_block .extra_price_option .price_label{
    font-weight: 600;
    font-size: 16px;
}

.biolink_button_list_widget .extra_content_block .extra_price_option .price_value{
    opacity: 0.8;
}

.biolink_button_list_widget .link_lock_indicator{
    position: absolute;
    right: 10px;
    top: calc(50% - 8px);
}

.biolink_button_list_widget.edit_mode .link_lock_indicator{
    /** right: 5px;
    top: 5px; **/
}

.biolink_button_list_widget .link_lock_indicator .lock_icon_view{
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    background-image: url(../img/ic_lock_outline.svg);
    opacity: 0.5;
}

.biolink_button_list_widget .bio_link_type_product .link_lock_indicator .lock_icon_view{
    display: none;
}

.biolink_button_list_widget .link_lock_indicator .lock_icon_view.recurring_payment,
.biolink_button_list_widget .link_lock_indicator .lock_icon_view.single_payment{
    background-image: url(../img/ic_dollar_outline.svg);
}

.biolink_button_list_widget .editmode_switcher{
    text-align: center;
    font-weight: 600;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    width: max-content;
    cursor: pointer;
    padding: 2px;
    border-radius: 3px;
    padding: 11px 28px;
    background-color: black;
    color: white;
    fill: white;
    border-radius: 24px;
}

.biolink_button_list_widget .editmode_switcher svg,
.biolink_button_list_widget .editmode_switcher span{
    display: inline-block;
    vertical-align: middle;
}

.biolink_button_list_widget .editmode_switcher span{
    line-height: 15px;
    padding-left: 3px;
}

.biolink_button_list_widget .bottom_button_list{
    padding-top: 24px;
    text-align: center;
}

.biolink_button_list_widget .bottom_button_list .ow_button{
    width: 100%;
}

.biolink_button_list_widget .bottom_button_list .bottom_button_wrap{
    opacity: 0.6;
}

.biolink_button_list_widget .bottom_button_list .bottom_button_wrap.has_links{
    opacity: 1;
}

.biolink_button_list_widget .bottom_button_list .bottom_button_wrap .action_invitation{
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    padding-bottom: 4px;
    color: var(--blackTextColor);
}

.biolink_button_list_widget .bottom_button_list .bottom_button_wrap.has_links .action_invitation{
    animation: blinker 3s linear infinite;
}

.bio_link_preview_mode .biolink_button_list_widget .bottom_button_list{
    display: none;    
}

.biolink_button_list_widget .bottom_button_list .has_icon input{
    background-position: 6px center;
    background-repeat: no-repeat;
    background-size: 24px;
    padding-left: 36px;
}

.biolink_button_list_widget .bottom_button_list .bottom_button_add_to_chatbox input{
    background-image: url(../img/ic_messenger_white.svg);
    
}

.biolink_button_list_widget .bottom_attribution{
    text-align: center;
    padding-top: 16px;
    font-size: 13px;
    opacity: 0.6;
}

.biolink_button_list_widget .bottom_attribution a{
    color: var(--blackTextColor);
    text-decoration: underline;
}

.with_biolink_editor .biolink_button_list_widget .bottom_attribution{
    display: none;
}

.biolink_button_list_widget .ow_button{
    width: 100%;
}

.bio_link_preview_mode .editmode_switcher{
    display:none;
}

#id_biolink_theme_edit_menu{
    cursor:pointer;
    background-position: center;
    background-repeat: no-repeat;
    height: 42px;
    width: 42px;
    position: absolute;
    background-image: url(../img/ic_magic_white.svg?v3);
    z-index: 11;
    left: 10px;
    top: 10px;
    background-color: black;
    border-radius: 50%;
    background-size: 24px;
    display: none;
}

#id_biolink_theme_setting_menu_wrap{
    position: fixed;
    top: 54px;
    left: 0px;
    bottom: 0;
    background-color: white;
    overflow: hidden;
    width: 360px;
    border-right: 1px solid var(--borderColor);
    max-width: 100%;
    z-index: 12;
}

#id_biolink_theme_setting_menu_wrap .setting_section_parts{
    height: 100%;
    overflow-y: auto;
    -ms-overflow-style: none;  /* Internet Explorer 10+ hide scroll bar */
    scrollbar-width: none;  /* Firefox hide scroll bar */
}

#id_biolink_theme_setting_menu_wrap .setting_section_parts::-webkit-scrollbar { 
    display: none;  /* Safari and Chrome hide scroll bar */
}

#id_biolink_theme_setting_menu_wrap .link_style_setting_close_btn{
    padding: 5px;
    text-align: center;
    cursor: move;
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
    width: 100%;
    height: 44px;
    box-sizing: border-box;
    background-color: white;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;

}
    
#id_biolink_theme_setting_menu_wrap .link_style_setting_close_btn .drag_handle{
    width: 42px;
    height: 6px;
    border-radius: 8px;
    margin: auto;
    background-color: var(--borderColor);
    margin-top: 10px;
}

#id_biolink_theme_setting_menu_wrap .link_style_setting_category_wrap{
    padding: 16px;
}

#id_biolink_theme_setting_menu_wrap .link_style_setting_category_title{
    padding-bottom: 10px;
}

#id_biolink_theme_setting_menu_wrap .link_setting_selection_wrap .link_setting_option_item{
    width: calc(50% - 3px);
    max-width: 170px;
    text-align: center;
    display: inline-block;
    border-radius: 4px;
    overflow: hidden;
    cursor: pointer;
    margin-bottom: 10px;
    box-sizing: border-box;
    border: 2px solid white;
}


#id_biolink_theme_setting_menu_wrap .theme_selector_biolink_theme_default .preview_img{
    background-color: black;
    padding-top: 60px;
}

#id_biolink_theme_setting_menu_wrap .theme_selector_biolink_theme_default .preview_img .theme_preview_header{
    color: white;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 6px;
}

#id_biolink_theme_setting_menu_wrap .theme_selector_biolink_theme_default .preview_img .theme_preview_button{
    cursor: pointer;
    margin-left: 10px;
    margin-right: 10px;
    color: white;
    border-radius: 30px;
    padding: 12px;
    border: 2px solid white;
    box-shadow: rgb(58 59 62) 2px 3px 0px 2px;
}

#id_biolink_theme_setting_menu_wrap .theme_selector_biolink_theme_light .preview_img{
    padding-top: 60px;
}

#id_biolink_theme_setting_menu_wrap .theme_selector_biolink_theme_light .preview_img .theme_preview_header{
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 6px;
}

#id_biolink_theme_setting_menu_wrap .theme_selector_biolink_theme_light .preview_img .theme_preview_button{
    cursor: pointer;
    margin-left: 10px;
    margin-right: 10px;
    border-radius: 30px;
    padding: 12px;
    border: 2px solid black;
    box-shadow: rgb(0 0 0) 2px 3px 0px 2px
}

#id_biolink_theme_setting_menu_wrap .link_setting_selection_wrap .link_setting_option_item .preview_img{
    width: 100%;
    height: 200px;
    background-size: contain;
    border-radius: 6px;
    overflow: hidden;
    box-sizing: border-box;
}

#id_biolink_theme_setting_menu_wrap .biolink_theme_selector .link_setting_option_item .preview_img,
#id_biolink_theme_setting_menu_wrap .biolink_layout_selector .link_setting_option_item .preview_img{
    border: 1px solid #d1d5ed;
}

#id_biolink_theme_setting_menu_wrap .biolink_background_selector .link_setting_option_item .preview_img:hover,
#id_biolink_theme_setting_menu_wrap .biolink_theme_selector .link_setting_option_item .preview_img:hover,
#id_biolink_theme_setting_menu_wrap .biolink_layout_selector .link_setting_option_item .preview_img:hover{
    border: 2px solid #3b9df3;
}

#id_biolink_theme_setting_menu_wrap .biolink_theme_selector .link_setting_option_item.current_item .preview_img,
#id_biolink_theme_setting_menu_wrap .biolink_layout_selector .link_setting_option_item.current_item .preview_img{
    border: 2px solid #3b9df3;
}

#id_biolink_theme_setting_menu_wrap .biolink_layout_selector .link_setting_option_item .preview_label,
#id_biolink_theme_setting_menu_wrap .biolink_theme_selector .link_setting_option_item .preview_label{
    padding-top: 6px;
    padding-bottom: 6px;
    color: black;
}

#id_biolink_theme_setting_menu_wrap .link_setting_selection_wrap .link_setting_option_item.font_style_selector_item{
    width: 72px;
    vertical-align: top;
}

#id_biolink_theme_setting_menu_wrap .link_setting_selection_wrap .link_setting_option_item.font_style_selector_item .preview_text{
    font-size: 36px;
    line-height: 46px;
}

#id_biolink_theme_setting_menu_wrap .link_setting_selection_wrap .link_setting_option_item.background_selector_item{
    width: 82px;
    height: 82px;
    vertical-align: top;
}

#id_biolink_theme_setting_menu_wrap .link_setting_selection_wrap .link_setting_option_item.background_selector_item .preview_img{
    max-height: 100%;
}

#id_biolink_theme_setting_menu_wrap .link_setting_selection_wrap .link_setting_option_item.background_selector_item img{
    max-width: 100%;
    height: 100%;
    object-fit: cover;
}

#id_biolink_theme_setting_menu_wrap .link_setting_selection_wrap .link_setting_option_item.background_selector_item .preview_img div{
    width: 100%;
    height: 100%;
}

#id_biolink_theme_setting_menu_wrap .link_setting_selection_wrap .link_setting_option_item.background_selector_custom_background .preview_img {
    border: 2px solid #c7c7c7;
}

#id_biolink_theme_setting_menu_wrap .link_setting_selection_wrap .link_setting_option_item.background_selector_custom_background .preview_img svg{
    width: 32px;
    height: 32px;
    margin-top: 22px;
}

#id_biolink_theme_setting_menu_wrap .link_setting_selection_wrap .theme_selector_item .preview_img,
#id_biolink_theme_setting_menu_wrap .link_setting_selection_wrap .layout_selector_item .preview_img{
    text-align: center;
}

#id_biolink_theme_setting_menu_wrap .link_setting_selection_wrap .theme_selector_item .preview_img img,
#id_biolink_theme_setting_menu_wrap .link_setting_selection_wrap .layout_selector_item .preview_img img{
    width: 160px;
} 

#id_biolink_theme_setting_menu_wrap .link_setting_selection_wrap .link_setting_option_item.btn_style_selector_item .preview_img{
    height: 72px;
    background-size: contain;
    padding: 4px;
}



#id_biolink_theme_setting_menu_wrap .btn_style_selector_wrap{
    padding: 10px 6px;
    box-sizing: border-box;
}

#id_biolink_theme_setting_menu_wrap .btn_style_selector_wrap .preview_label,
#id_biolink_theme_setting_menu_wrap .btn_text_style_selector_wrap .preview_label{
    display: none;
}

#id_biolink_theme_setting_menu_wrap .biolink_btn_style_selector .link_setting_option_item:hover,
#id_biolink_theme_setting_menu_wrap .biolink_background_selector .link_setting_option_item .preview_img:hover,
#id_biolink_theme_setting_menu_wrap .biolink_btn_text_style_selector .link_setting_option_item:hover,
#id_biolink_theme_setting_menu_wrap .biolink_font_style_selector .link_setting_option_item:hover,
#id_biolink_theme_setting_menu_wrap .biolink_btn_style_selector .link_setting_option_item.current_item,
#id_biolink_theme_setting_menu_wrap .biolink_background_selector .link_setting_option_item.current_item .preview_img,
#id_biolink_theme_setting_menu_wrap .biolink_btn_text_style_selector .link_setting_option_item.current_item,
#id_biolink_theme_setting_menu_wrap .biolink_font_style_selector .link_setting_option_item.current_item{
    border: 2px solid #3b9df3;
}

#id_biolink_theme_setting_menu_wrap .btn_text_style_selector_item{
    padding: 6px;
}

#id_biolink_theme_setting_menu_wrap .biolink_btn_text_style_selector .link_setting_option_item .preview_img{
    height: auto;
}

#id_biolink_theme_setting_menu_wrap .biolink_btn_text_style_selector .link_setting_option_item{
    border: 2px solid #e8ecef;
}

#id_biolink_theme_setting_menu_wrap .btn_text_style_selector_item .thumbnail_image{
    width: 42px;
    height: 42px;
    background-color: #c7ddef;
    border-radius: 6px;
    margin-right: 4px;
}

#id_biolink_theme_setting_menu_wrap .btn_text_style_selector_item .thumbnail_image,
#id_biolink_theme_setting_menu_wrap .btn_text_style_selector_item .button_text_wrap{
    display: inline-block;
    vertical-align: middle;
}


#id_biolink_theme_setting_menu_wrap .btn_text_style_selector_button_text_position_left_icon .button_text_wrap{
    width: calc(100% - 50px);
    text-align: left;
}

#id_biolink_theme_setting_menu_wrap .btn_text_style_selector_button_text_position_left .thumbnail_image{
    width: 2px;
    opacity: 0;
}

#id_biolink_theme_setting_menu_wrap .btn_text_style_selector_button_text_position_left .button_text_wrap{
    width: calc(100% - 12px);
    text-align: left;
}


#id_biolink_theme_setting_menu_wrap .btn_text_style_selector_button_text_position_center_icon .button_text_wrap{
    width: calc(100% - 50px);
}

#id_biolink_theme_setting_menu_wrap .btn_text_style_selector_button_text_position_center .thumbnail_image{
    width: 1px;
    opacity: 0;
}

#id_biolink_theme_setting_menu_wrap .btn_text_style_selector_button_text_position_center .button_text_wrap{
    padding-right: 8px;
}



.biolink_theme_menu_active #id_biolink_theme_setting_menu_wrap{
    display: block;
}

.user_signed_in.with_biolink_editor .ow_page_padding{
    padding-top: 108px;
}

.bio_link_preview_mode:not(.page_in_iframe) .universal_js_back_button{
    display: block;
}

.bio_link_preview_mode .universal_js_back_button svg{    
    width: 16px;
    height: 16px;
    fill: white;
}

@media screen and (max-width: 640px){
    .biolink_type_selector{
        padding:10px;
    }
    
    .with_biolink_editor .ow_page_wrap .ow_page_padding .ow_page_container{
        padding-bottom: 68px;
    }
    
    .biolink_button_list_widget:not(.edit_mode) .bio_link_list_item .add_link_icon_btn{
        display: block;
    }
    
}

@media screen and (max-width: 999px){

    #id_biolink_theme_setting_menu_wrap{
        width: 100%;
        border-right: none;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        box-shadow: 0 0px 10px rgb(0 0 0 / 25%);
        top: unset;
        bottom: 0;
        max-height: calc(100% - 50px);
        min-height: 42px;
        height: 42px;
        z-index: 90;
        
    }
    
    #id_biolink_theme_setting_menu_wrap.mobile_active{
        display: block;
    }
    
    #id_biolink_theme_setting_menu_wrap .link_style_setting_close_btn{
        display: block;
        position: fixed;
    }
    
    .shareing_panel_attached #id_biolink_theme_setting_menu_wrap{
        display: none;
    }
    
    #id_biolink_theme_setting_menu_wrap .setting_section_parts{
        height: calc(100% - 42px);
        margin-top: 42px;
    }

}


@media screen and (min-width: 420px){
    .biolink_type_selector{
        padding-left: 20px; 
        padding-right: 20px;
    }
}

@media screen and (min-width: 1000px){
    .with_biolink_editor .ow_page_padding{
        padding-left: 360px;
    }
    .biolink_theme_menu_active .ow_header{
        left: 0;
    }
    
    #id_biolink_theme_edit_menu{
        display: none;
    }
    
    #id_biolink_theme_setting_menu_wrap{
        height: calc(100% - 54px) !important;
    }
    
    .my_biolink_wrap{
        left: 361px;
    }
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}

@media screen and (min-width: 1200px){
    #id_biolink_theme_setting_menu_wrap{
        width: 722px;
    }
    
    .with_biolink_editor .ow_page_padding{
        padding-left: 722px;
    }
    
    .my_biolink_wrap{
        left: 723px;
    }
    
    #id_biolink_theme_setting_menu_wrap .link_setting_selection_wrap .link_setting_option_item{
        width: calc(33.33333% - 3px);
    }
}