#bbd_presets, #bbd_presets .drawer_content, #bbd_presets .child_holder, #bbd_presets .child_content { max-height: 100%; overflow: hidden; }

#main_preset, #preset_hold { display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; max-height: 100%; }
#main_preset { font-family: BoseText; position: relative; bottom: 0; left: 0; width: 100%; z-index: 10; overflow: visible; background-color: #f2f2f2;}
#preset_hold { position: relative; bottom: 0; right: 0; left: 0;width: 100%; overflow: hidden; max-width: 40em; margin: 0 auto; padding: 0; }

#main_preset header h1 { color: #000; }

/* items */
.preset_item { background-size: cover; position: relative; top: 0; left: 0; box-sizing: border-box; -webkit-box-sizing: border-box; width: 100%; height: 4.5rem; color: #fff; cursor: pointer; overflow: hidden; flex-grow: 1; -webkit-flex-grow: 1; }
#preset_hold .preset_item { background: transparent; }

.preset_item.confirmationAnim { -webkit-animation: confirmAnim 300ms linear; border: solid 6px rgba(255,255,255,.3); }
.preset_item.confirmationAnim .preset_item_num { width: -webkit-calc(3rem - 6px); min-width: -webkit-calc(3rem - 6px); padding-right: 6px; }

/* labels */
.preset_item_num, .preset_item_name { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center; }
.preset_item_num { z-index: 13; font-size: 40px; font-weight: bold; }
.preset_item_name { display: none; z-index: 13; }


.preset_sel {  }
.preset_sel_noBack {  }

.preset_on { cursor: default; pointer-events: none; }
.preset_on_noBack { cursor: default; }

.preset_over {  }

#preset_arc { position: absolute; top: 0; right: 0; height: 100%; z-index: 14; opacity: 1; background-repeat: no-repeat; transform: translateZ(0); -webkit-transform: translateZ(0); }
#preset_ani { position: absolute; top: 0; left: 0; height: inherit; width: inherit; background-position: center center; z-index: 12; background-repeat: no-repeat; background-size: contain; -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); }

#preset_borders { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 12; object-fit: contain; opacity: 0.8; border: solid 3.8px #c6c6c6; }
.preset_borders_dashed,
.preset_borders_dotted { border: solid 6px rgba(255,255,255,.8); }

.preset_highlight_num {  }
.preset_highlight_name {  }

.preset_overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; z-index: 14; }



/* Presets design on Vegas */

#preset_hold .nav_item_img {
    position: relative;
    background-color: #fff;
}

#preset_hold .nav_item_img .autoArt{
    position: absolute;
}

.preset_item_num {
    position: relative;
    width: 3rem;
    min-width: 3rem;
    height: inherit;
    font-family: BoseText !important;
    font-size: 1.125rem;
    font-weight: 400;
    letter-spacing: 2.3px;
    text-align: center;
    color: #000000;
}



#preset_hold .nav_item_hold.boxElem {
    overflow: hidden;
}

#nav_item_preset_1{
    margin-top: 1rem;
}

.preload_preset{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 500;
    display: none;
}

.bgWhite{
    background-color: #fff;
}

#preset_hold ul
{
    font-size: 1em;
    padding: 0;
    margin: 0;
    list-style: none;
    transform: translateZ(0);
}  

#nav_content_presets {
    position: relative;
    height: 100vh;
    margin-top: -3.75rem;
    z-index: -1;
}
