html { width: 100%; }
body { background: #F7F7F7;position:relative;/*overflow-y:scroll;*/max-width:100%; }

.pika-lendar .pika-title:before { content: var(--pika-title-before-content); }

.tooltip { white-space: nowrap; }

.sidebar-nav-fixed {
    z-index: 1;
    padding: 0px;
    /* box-shadow: rgba(0, 0, 0, 0.439216) 4px 0px 2px -4px; */
    position: fixed;
    top:0;
    width: 290px;
    overflow: hidden;
    left: 0px;
    /* background:linear-gradient(135deg, white, var(--OFF-WHITE), var(--FAINT-GRAY), white); */
    background: linear-gradient(90deg, white 50%, transparent);
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    transition: .3s ease left;
}

@media (min-width: 768px) {
    .sidebar-nav-fixed {
        position: fixed;
        height: 100%;
        overflow: auto;
    }
    body:not(.modal-open) .toast-alert.alert { left: calc(290px / 2); top: 5px; }
    body:not(.modal-open):not(.consultant-view) .toast-alert.alert { left: 0; top: 5px; }
}
@media (max-width: 767px) {

    div#closetBody { margin: 0 0 0 0; }
    .consultant-view div#closetBody { margin: 45px 0 0;padding:0; }
    .sidebar-nav-fixed {
        width: 100%;
        z-index: 31;
        position: relative;
        position: fixed;
        top: 0;
        padding-bottom: 3px;
        background: none;
        overflow: visible;
    }
    .sidebar-nav-fixed.open {
        height: calc(100vh - calc(100vh - 100%));
        display: flex;
        flex-direction: column;
    }
    .preview .sidebar-nav-fixed { display:none; }

    #wardrobeSettings {
        background: white;
        margin: 4px 5px 0px !important;
        box-shadow: none;
        padding: 0px 0px 0px !important;
        overflow: auto;
        display: flex !important;
        flex-direction: column;
        flex: 1;
        max-height: 0;
        transition: .4s max-height ease, .4s height ease;
        height: 0;
    }
    #wardrobeSidebar.open #wardrobeSettings {
        max-height: calc(100vh - 45px);
        height: calc(100vh - 45px);
        box-shadow: 0px 0px 38px 10px rgb(0 0 0 / 70%);
    }
}
#toggleWardrobeSettingsBtn.open .fa-caret-down { transform: rotate(180deg); }

.sidebar-nav-fixed .closetNavTopBtns .btn-xs {
    flex: 1;
    letter-spacing: .1em;
    font-weight: 400;
    font-size: 12px;
    padding-left: 6px;
    padding-right: 8px;
}

#LookbookTab { padding: 10px; }

#clientPhotoWrap {
    min-height: 100%;
    width: 100px;
    margin: 0 -5px 0 0;
    position: relative;
    height: auto;
}
#clientPhoto {
    width: 100px;
    border-radius: 1px;
    height: 100%;
    object-fit: cover;
}
#clientPhotoWrap::after {
    content: " ";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(270deg, white, #ffffffe3 3%, #ffffffad 7%, transparent 17%, transparent 90%, transparent 100%);
}
#clientPhotoWrap.no-photo #clientPhoto {
    height: 50px;
    width: auto;
    opacity: 0.15;
}
#clientPhotoWrap.no-photo {
    margin-right: -20px;
    display: flex;
    min-height: 85px;
    align-items: center;
    justify-content: center;
    background: hsl(0deg 0% 99%);
    width: 80px;
}

.sidebarClientTags {
    display: flex !important;
    gap: 1px;
    justify-content: center;
    max-width: 100%;
    margin: 0;
    padding: 0;
    z-index: 1;
    flex-wrap: wrap;
    overflow: hidden;
}
#clientDetailsWrap .sidebarClientTags {
    flex-wrap: nowrap;
}
.sidebarClientTags.collapse:not(.in) {
    display: none !important;
}
.sidebarClientTags .tagBadge {
    display: inline-flex;
    cursor: default;
    white-space: nowrap;
    display: inline-block;
    padding-top: 6px;
    margin: 1px;
}
#clientDetailsWrap .sidebarClientTags .tagBadge {
    box-shadow: 0 0.5px 3px 0px rgba(0,0,0,0.1);
    border: none;
    background: white;
    color: var(--SPANISH-GRAY) !important;
    border-radius: 1px;
    text-overflow: ellipsis;
    overflow: hidden;
}
#fullSidebarClientTags.sidebarClientTags .tagBadge {
    box-shadow: 0 1px 2px 0px rgba(0,0,0,0.1);
}
#fullSidebarClientTags.sidebarClientTags .tagBadge.collapser {
    color: var(--SPANISH-GRAY) !important;
    background: transparent;
    box-shadow: none;
    cursor: pointer;
}
.sidebarClientTags .tagBadge > em {
    font-style: initial;
}
#publicSectionVisibilityTogglesWrap .form-group {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
#publicSectionVisibilityTogglesWrap .form-group label {
    gap: 1px;
    height: 100%;
    align-items: center;
    cursor: pointer;
    padding: 0 0 5px;
    margin: 0;
}
#publicSectionVisibilityTogglesWrap .form-group label input[type="checkbox"] {
    cursor: pointer;
    accent-color:  var(--GUNMETAL);
    outline: none;
}
#publicSectionVisibilityTogglesWrap .form-group label svg {
    cursor: pointer;
    height: 24px;
    width: 24px;
}
#expandSettingsWrapBtn { z-index: 2; }
#expandSettingsWrapBtn:not(.collapsed) {
    background: white;
    color: var(--GUNMETAL);
    outline: none;
    border: 1px solid var(--SPANISH-GRAY);
    border-bottom: none;
}
#expandSettingsWrapBtn:not(.collapsed) svg {
    color: var(--GUNMETAL);
    fill: var(--GUNMETAL);
}
#expandSettingsWrapBtn i.fa-caret-up {
    transition: .3s ease transform;
}
#expandSettingsWrapBtn.collapsed i.fa-caret-up {
    transform: rotate(180deg);
}
#commissionDisabledAlertWrap {
    color: var(--CINNABAR);
    position: absolute;
    top: -1px;
    left: 50%;
    margin: 1px 0 0 -1px;
    background: white;
    border-radius: 100%;
    height: 14px;
    width: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: initial;
}
#expandedSettingsWrap {
    background: white;
    padding: 0 5px 0;
    border: 1px solid var(--SPANISH-GRAY);
    margin-top: -1px;
}

#closetBody {
    /* box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.4); */
    z-index: 2;
    /* border-top: 1px solid #F3F3F3; */
    background: #FFF;
    margin-top: 0px;
    padding: 0 0 0px 0;
}
.consultant-view #closetBody { margin-left: 290px;padding-bottom:20px;margin-top:3px; }

#remixWrap {
    background: var(--FAINT-GRAY);
    margin: -1px 0 12px;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: white;
    background: var(--GUNMETAL);
    border-bottom: 1px solid;
    color: var(--SOFT-GRAY);
}
#remixWrap h4 {
    margin: 0px 0 4px 0px;
    text-align: left;
    letter-spacing: 1.2px;
    font-size: 13px;
    font-family: var(--FONT-BODY);
    font-size: 16px;
    font-weight: 300;
}
#remixWrap p {
    margin: 0;
    font-style: italic;
    font-size: 13.5px;
    text-align: left;
    line-height: 1.25;
}
#remixWrap .btn {
    letter-spacing: .1em;
    font-weight: 400;
    font-size: 12px;
    padding-left: 6px;
    padding-right: 8px;
    height: 34px;
}

#promptForVirtualTryOnPhotoWrapAlert {
    color: var(--CHARCOAL);
    background: currentColor;
    box-shadow: 0 0 9px -1px #0000001c;
    border: 0px solid hsl(0deg 0% 72% / 40%);
    max-width: calc(100% - 2px);
    margin: 0px 0 6px !important;
    padding: 5px 10px 5px 0;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 2px;
    height: 64px;
    align-items: stretch;
    justify-content: stretch;
    z-index: 0;
    position: relative;
    overflow: hidden;
}
#promptForVirtualTryOnPhotoWrapAlertBanner {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    gap: max(4px, 1vw);
    gap: 15px;
    height: 100%;
    width: 100%;
    position: relative;
}
.vtonPromptBannerTextWrap {
    display: block;
    text-align: left;
    color: var(--CHARCOAL);
    padding: 0 0px 0px 0;
    line-height: 1;
    z-index: 1;
    position: relative;
    mix-blend-mode: hard-light;
    width: auto;
}
.vtonPromptBannerTextWrap label, .vtonPromptBannerTextWrap span {
    display: block;
    color: var(--FAINT-GRAY);
    white-space: initial;
    text-align:left;
}
.vtonPromptBannerTextWrap label {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0.1ch;
}
.vtonPromptBannerTextWrap span {
    color: var(--SOFT-GRAY);
    font-style: italic;
    font-weight: 200;
    text-indent: 10px;
    text-transform: initial;
    letter-spacing: 0;
}
.vtonPromptBannerIconWrap {
    position: relative;
    margin: 0px 0 0px 0px;
    height: calc(100% + 10px);
    width: 120px;
    display: flex;
    background: white;
}
.vtonPromptBannerIconWrap:after {
    display: block;
    content: " ";
    width: 20px;
    height: 0;
    margin-top: 0px;
    background: linear-gradient(90deg, white, var(--GUNMETAL), var(--GUNMETAL), var(--GUNMETAL));
    position: absolute;
    right: -20px;
    z-index: 0;
    border-bottom: 0px solid red;
    border-left: 15px solid white;
    border-top: 81px solid currentColor;
}

.vtonPromptBannerIconWrap:before {
    display: block;
    content: " ";
    width: 100vw;
    height: calc(100% + 0px);
    margin-top: 0px;
    background: white;
    position: absolute;
    right: 100%;
    z-index: -1;
}

#findsSections,
#closetSections,
#lookbookSections {
    position:relative;
    width:100%;
}
#findsSections li,
#closetSections li,
#lookbookSections li {
    margin: 4px 5px 4px 4px;
    width: auto;
    transition: background-color .5s ease;
}
#findsSections li a,
#closetSections li a,
#lookbookSections li a {
    color: var(--GUNMETAL);
    text-align: left;
    background: white;
    box-shadow: 0 1px 2px 0px rgba(0,0,0,0.1);
    padding: 3px 0 0em 6px;
    border: none;
    border-left: 5px solid var(--GUNMETAL);
    position: relative;
    font-size: 12px;
    font-weight: 600;
    align-items: center;
    font-family: var(--FONT-BODY);
    letter-spacing: 0;
    display: flex;
    justify-content: flex-start;
    flex-wrap: nowrap;
    height: 38px;
    line-height: 1.1em;
    text-transform: uppercase;
}
#findsSections li a svg,
#closetSections li a svg,
#lookbookSections li a svg {
    fill: var(--GUNMETAL);
}
.sidebar .nav-sidebar.ui-sortable .ui-sortable-helper {
    left: calc((100% * .09) / 2 - 8px);
}

#findsSections ul li.draggableSectionItems ,
#closetSections ul li.draggableSectionItems ,
#lookbookSections ul li.draggableSectionItems  {
    float: none;
    border: 2px dashed #525252;
}

#findsSections ul li > div ,
#closetSections ul li > div ,
#lookbookSections ul li > div  {
    display: none;
}

#findsSections ul li > div.ui-sortable-placeholder ,
#closetSections ul li > div.ui-sortable-placeholder ,
#lookbookSections ul li > div.ui-sortable-placeholder  {
    display: block;
    visibility: visible;
}

#findsSections ul li.draggableSectionItems a,
#closetSections ul li.draggableSectionItems a,
#lookbookSections ul li.draggableSectionItems a {
    border: none;
}

#findsSections li.placeholder a,
#closetSections li.placeholder a,
#lookbookSections li.placeholder a {
    /*
    box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.15) inset;
    */
    border:none;
    background:#eee;
}
#findsSections li#addFindsSectionBtn a,
#closetSections li#addClosetSectionBtn a,
#lookbookSections li#addLookbookSectionBtn a {
    background: #4CC397;
    color: #FFF;
    border-left-color: transparent;
    letter-spacing: .1em;
    font-weight: 400;
    font-size: 12px;
}
#findsSections li#addFindsSectionBtn:hover a,
#closetSections li#addClosetSectionBtn:hover a,
#lookbookSections li#addLookbookSectionBtn:hover a {
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none;
    transition: none;
}
#findsSections li#addFindsSectionBtn a i,
#closetSections li#addClosetSectionBtn a i,
#lookbookSections li#addLookbookSectionBtn a i {
    font-size:14px;
    position: absolute;
    right: 10px;
    top: 10px;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
#findsSections ul:not(.sorting) li a:hover,
#closetSections ul:not(.sorting) li a:hover,
#lookbookSections ul:not(.sorting) li a:hover,
#findsSections li.active a,
#closetSections li.active a,
#lookbookSections li.active a,
#findsSections li.ui-sortable-helper a,
#closetSections li.ui-sortable-helper a,
#lookbookSections li.ui-sortable-helper a {
    background: var(--GUNMETAL);
    border-left: 4px solid var(--CHARCOAL);
    color: var(--SOFT-GRAY);
}
#findsSections ul:not(.sorting) li a:hover svg,
#closetSections ul:not(.sorting) li a:hover svg,
#lookbookSections ul:not(.sorting) li a:hover svg,
#findsSections li.active a svg,
#closetSections li.active a svg,
#lookbookSections li.active a svg,
#findsSections li.ui-sortable-helper a svg,
#closetSections li.ui-sortable-helper a svg,
#lookbookSections li.ui-sortable-helper a svg {
    fill: white;
}
#findsSections ul:not(.sorting) li#addFindsSectionBtn a:hover,
#closetSections ul:not(.sorting) li#addClosetSectionBtn a:hover,
#lookbookSections ul:not(.sorting) li#addLookbookSectionBtn a:hover {
    background: var(--GUNMETAL);
    color: #FFFFFF;
}
#findsSections ul:not(.sorting) li#addFindsSectionBtn a:hover i,
#closetSections ul:not(.sorting) li#addClosetSectionBtn a:hover i,
#lookbookSections ul:not(.sorting) li#addLookbookSectionBtn a:hover i {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

#findsSections li a .sectionTitle,
#closetSections li a .sectionTitle,
#lookbookSections li a .sectionTitle {
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
    flex: 1;
    overflow: hidden;
}

.sortHandle {
    width: 32px;
    height: calc(100% - 2px);
    margin: 0px 2px 3px 0;
    min-width: 30px;
    font-size: 14px;
    cursor: move;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.sortHandle .fa-sort-down,
.sortHandle .fa-sort-up {
    width: 100%;
    height: 5px;
    position: relative;
}
.sortHandle .fa-sort-up {
        top: -2px;
}
.sortHandle .fa-sort-down {
    bottom: 5px;
}
#findsSections ul:not(.sorting) li a span.sortHandle:hover,
#closetSections ul:not(.sorting) li a span.sortHandle:hover,
#lookbookSections ul:not(.sorting) li a span.sortHandle:hover,
#findsSections li.ui-sortable-helper span.sortHandle,
#closetSections li.ui-sortable-helper span.sortHandle,
#lookbookSections li.ui-sortable-helper span.sortHandle {
    background: var(--CHARCOAL);
    color: white;
}
#findsSections ul:not(.sorting) li a:hover .sortHandle,
#closetSections ul:not(.sorting) li a:hover .sortHandle,
#lookbookSections ul:not(.sorting) li a:hover .sortHandle,
#findsSections ul:not(.sorting) li a:hover .editHandle,
#closetSections ul:not(.sorting) li a:hover .editHandle,
#lookbookSections ul:not(.sorting) li a:hover .editHandle {
    background: var(--MED-GRAY);
}

span.editHandle {
    text-align: center;
    width: 0;
    height: calc(100% - 2px);
    min-width: 0;
    overflow: hidden;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: width .15s ease, min-width .15s ease, opacity .15s ease;
    opacity: 0;
    margin: 0px 2px 3px;
}
.editHandle svg {
    justify-content: center;
}
#findsSections ul:not(.sorting) li a span.editHandle:hover,
#closetSections ul:not(.sorting) li a span.editHandle:hover,
#lookbookSections ul:not(.sorting) li a span.editHandle:hover {
    background: var(--TEAL);
    color: #FFF;
}
#findsSections ul:not(.sorting) li a:hover span.editHandle svg,
#closetSections ul:not(.sorting) li a:hover span.editHandle svg,
#lookbookSections ul:not(.sorting) li a:hover span.editHandle svg {
    fill: #FFF;
    stroke: #FFF;
}

#findsSections ul:not(.sorting) li a:hover .editHandle,
#closetSections ul:not(.sorting) li a:hover .editHandle,
#lookbookSections ul:not(.sorting) li a:hover .editHandle,
#findsSections li.ui-sortable-helper a.editHandle,
#closetSections li.ui-sortable-helper a .editHandle,
#lookbookSections li.ui-sortable-helper a .editHandle {
    width: 32px;
    min-width: 32px;
    opacity:1;
}

.closetSection .sectionTitle {
    font-size:34px;
    color:var(--GUNMETAL);
    width:90%;
    margin:0px auto 0;
}
.sectionDescription {
    position: relative;
    max-width: 810px;
    left: 0px;
    width: 100%;
    text-align: left;
    margin: 0px auto -24px;
    top: -30px;
    padding: 15px 15px 5px 25px;
    overflow: hidden;
    line-height: 1.4em;
    font-size: 15px;
    display: none;
    border: none;
}
.sectionDescription.hasText {
    position: relative;
    max-width: 860px;
    left: 0px;
    width: 100%;
    text-align: left;
    margin: 0px auto -35px !important;
    top: -40px !important;
    padding: 10px 65px 0px 45px !important;
    overflow: hidden;
    line-height: 1.4em;
    font-size: 15px;
    display: none;
    border: none;
}
.sectionDescription.hasText:before {
    float: left;
    height: 20px;
    width: 90px;
    display: block;
    content: " ";
    }
.ftc-disclosure-wrap {
    padding: 0px;
    font-size: 11px;
    max-width: 860px;
    left: 0px;
    width: 100%;
    /* margin: 9px auto -13px; */
    margin: 5px auto 0;
    line-height: 13px;
}
.ftc-disclosure-wrap p {
    font-style: italic;
    color: var(--STEEL);
    margin: 0 auto 6px;
    text-align: center;
    width: 100%;
}
.sectionDescription.hasText .ftc-disclosure-wrap {
    margin: -5px auto 0px;
}

@media (max-width: 767px) {
    .closetSection .sectionTitle {
        font-size: 24px;
        color: var(--GUNMETAL);
        width: calc(100% + 10px);
        margin: 0px -5px 0;
    }
    .sectionDescription,
    .sectionDescription.hasText {
        top: 0 !important;
        margin: 0px auto 0px !important;
        padding: 5px 5px 0px !important;
        left: 0;
        width: 95%;
    }
    .sectionDescription.hasText:before { display: none; }
    .sectionDescription .ftc-disclosure-wrap { margin: 0 auto 0; }
    /*
    .sectionDescription.hasText .ftc-disclosure-wrap { margin: -5px auto -2px; }
    */
}


.emptyClosetSection, .emptyLookSection {
    margin: 5px auto 20px;
    padding: 20px 20px;
    clear: both;
    background: hsl(0deg 0% 99%);
    border-radius: 2px;
    color: var(--LIGHT-GRAY);
    font-size: 15px;
    max-width: 850px;
    width:100%;
}
/* .closetSection .emptyClosetSection { margin: -5px auto 20px; } */

.emptyClosetSection p:first-child,
.emptyLookSection p:first-child {
    font-size: 22px;
    font-family: 'medio';
    color: var(--SPANISH-GRAY);
    letter-spacing: 4px;
    text-transform: uppercase;
}

#ownedItemTypePickerLabel,
.itemTypePickerBtn.btn.dropdown-toggle {
    padding-left:5px;
    font-size: 14px;
    font-weight: 300;
    width:100%;
    text-align:left;
    justify-content:flex-start;
    border:none;
    border-bottom: 1px solid #b4b4b4;
}
.itemTypePickerBtn.btn.dropdown-toggle {
    padding-left: 0;
}
.itemTypePickerBtn.btn.dropdown-toggle.borderless {
    font-size:12px;
    border:none;
}
#ownedItemTypePickerLabel svg,
.itemTypePickerBtn.btn.dropdown-toggle svg {
    width: 30px;
    height: 35px;
    stroke-width: 0;
    margin-right: 5px;
}
.itemTypePickerBtn.btn.dropdown-toggle svg {
    width: 23px;
    height: 23px;
    margin: -3px 5px 2px;
}
#ownedItemTypePickerDDL > li,
.itemTypePickerDDL > li {
    width: 100%;
    justify-content: flex-start;
    display: flex;
    align-items: center;
    position:relative;
}
#ownedItemTypePickerDDL > li > a,
.itemTypePickerDDL > li > a {
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: flex-start;
    border-bottom: 1px solid var(--STEEL);
    padding:5px 30px 2px 15px;
}
#ownedItemTypePickerDDL > li a svg,
.itemTypePickerDDL > li a svg {
    height: 2.2em;
    width: auto;
}


#mainClosetTabContent .closetSectionWrap {
    position: relative;
    margin: 3px 0 0 1px;
    /* box-shadow: 0px -2px 3px -1px #80808024; */
    opacity: 1;
    transition: .2s opacity ease;
}
#mainClosetTabContent .closetSectionWrap.drag-n-drop { min-height: calc(100vh - 140px); }
#mainClosetTabContent .closetSectionWrap.loading {
    opacity: .2;
    pointer-events: none !important;
}
#mainClosetTabContent .closetSectionWrap:first-child {
    margin-top:0;
    margin-bottom: 5px;
}
#mainClosetTabContent .closetSectionWrap .sentinal {
    position:absolute;
    top: -45px;
    height:1px;
    width:1px;
}
#closetBody.no-tab-nav #mainClosetTabContent .closetSectionWrap .sentinal { top: 0; }

#FindsTab .closetSection,
#LookbookTab .closetSection,
#OwnedTab .closetSection {
    width: 100%;
    display: block;
    /* overflow: hidden; */
    overflow: inherit;
    visibility: hidden;
    position: relative;
    display: none;
}
#FindsTab .closetSectionPreviewHeightAdjuster.open + .closetSection,
#OwnedTab .closetSectionPreviewHeightAdjuster.open + .closetSection {
    visibility: visible;
}
.closetSectionPreviewHeightAdjuster.open:has(.closetSectionPreview.open.stickied) {
    z-index: 27;
}

#ownedImages, #recentUploads {
    border-bottom: 0.1px solid transparent;
    padding: 0;
}

#OwnedTab .sectionOptionsWrap,
#LookbookTab .sectionOptionsWrap {
    max-width: 100%;
    margin: -10px auto -35px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-basis: 100%;
    display:none;
}
/*
#OwnedTab .closetSectionPreview.open .sectionOptionsWrap,
#LookbookTab .closetSectionPreview.open .sectionOptionsWrap {
    display: flex;
}
#OwnedTab .closetSectionPreview:not(.open) .sectionOptionsWrap,
#OwnedTab .closetSectionPreview.open.stickied .sectionOptionsWrap,
#LookbookTab .closetSectionPreview:not(.open) .sectionOptionsWrap,
#LookbookTab .closetSectionPreview.open.stickied .sectionOptionsWrap { display: none !important; }
*/


/** Closet Section Preview Styles **/

.closetSectionPreviewHeightAdjuster {
    z-index:24;
    position:sticky;
    top: 51px; /* 45px; */
    min-height:60px;
    overflow: visible;
}
.closetSectionPreviewHeightAdjuster.open { margin-bottom: 45px; z-index: 25; }
#closetBody.no-tab-nav .closetSectionPreviewHeightAdjuster { top: 0; }
/* .closetSectionPreviewHeightAdjuster.open + .closetSection { margin-top: -20px; } */

.closetSectionPreview {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    color: var(--SOFT-GRAY);
    background: white;
    margin: 0px auto 0;
    padding: 5px 15px 5px;
    width: 850px;
    max-width: 100%;
    /* border-bottom: 1px solid var(--GUNMETAL); */
    border-top: 1px solid transparent;
    /* box-shadow: 0px 0px 3px -1px #80808038; */
    justify-content: center;
    align-items: center;
    border-radius: 0;
    position: sticky;
    top: 0;
    z-index: 1;
    cursor: pointer;
    border-bottom: 1px solid var(--GUNMETAL);
    transition: padding .2s ease-out;
    transform: translate3d(0, 0, 0);
}
.closetSectionPreviewHeightAdjuster {
    min-height: 60px;
}
/*
.closetSectionPreview h4,
.closetSectionPreview closetItemsPreview,
.closetSectionPreview closetItemsPreview > div {
    transition:.3s ease all;
}
*/
.closetSectionPreview.open {
    margin: 0 auto 40px;
    padding: 5px 15px;
    min-height: 60px;
    border-bottom: 0px solid var(--GUNMETAL);
    transition: padding .75s ease-out;
}
.closetSectionPreview.open.stickied {
    /* border-bottom: 1px solid var(--GUNMETAL); */
    border-bottom: 1px solid var(--SOFT-GRAY);
    box-shadow: 0 18px 31px -18px #00000040;
    padding: 5px;
    margin: 0;
    width: 100%;
    min-width: 100%;
    transition: .2s ease-out top, .2s ease-out left, .2s ease-out right, .2s ease-out width, .2s ease-out padding, .2s ease-out margin, .2s ease-out height, .2s ease-out min-width;
}
#FindsTab .closetSectionPreview.open.stickied,
#LookbookTab .closetSectionPreview.open.stickied {
    margin: 0 0px;
    min-width: calc(100% + 0px);
    width: calc(100% + 0px);
}
/*
#LookbookTab .closetSectionPreview.open.stickied {
    margin: 0;
    width: calc(100% + 20px);
    min-width: 100%;
    padding: 5px 0px 5px 0px;
}
*/
#mainClosetTabContent .closetSectionPreview.open + .closetSection {
    padding: 0 10px 20px;
    background: white;
    margin: 0 -15px;
    width: calc(100% + 30px);
}
#FindsTab .closetSectionWrap:nth-child(2) .closetSectionPreview {
    margin-top: -5px;
}
#recentUploads .closetSectionPreview {
    border-top: 1px solid var(--GUNMETAL);
}
#FindsTab .closetSectionWrap:nth-child(2) .closetSectionPreview.open,
#recentUploads .closetSectionPreview.open {
    border-top: 0px solid var(--GUNMETAL);
}


.closetItemsPreview {
    display: flex;
    flex-direction: row;
    overflow: visible;
    align-items: center;
    width: 100px;
    flex-wrap: wrap;
    margin-bottom: 0px;
    position: relative;
    height: 95px;
    margin: -6px 0 -9px;
    transform: scale(0.9);
    transform-origin: 50% 50%;
}
.closetSectionPreview.open .closetItemsPreview {
    height: 45px;
    margin: 13px -25px -63px 25px;
    transform: scale(1.48);
}
.closetSectionPreview.open.stickied .closetItemsPreview {
    width: 55px;
    /* margin: 5px 7px -10px 3px; */
    margin: 5px 10px -10px 8px;
    transform: scale(0.9);
    /* transition: transform .2s ease, width .2s ease, margin-right .2s ease, margin-left .2s ease; */
}

.closetSectionPreview .closetItemsPreview .closetItem {
    height: 50px !important;
    width: 50px !important;
    min-width: 50px;
}


.closetSectionPreviewTitleWrap {
    flex:1;
    max-width:600px;
    padding-right: 10px;
}
.closetSectionPreview h4 {
    color: var(--GUNMETAL);
    text-align: left;
    font-size: 25px;
    padding: 0 8px 0 0;
    letter-spacing: 0.15em;
    margin: 0px 0 0px;
    position: relative;
    word-break: break-word;
}
/*
.closetSectionPreview:not(.open):hover h4 {
    color: white;
}
*/
.closetSectionPreview.open h4 {
    margin: 5px 0 0px;
    top: 24px;
}
.closetSectionPreview.open.stickied h4 {
    top: 0;
}
.closetSectionPreview .btn {
    width: 39px;
    flex: 0 0 auto;
    margin: 0 0 0 2px;
    position: relative;
}
/* .closetSectionPreview.open .btn { top: 24px; } */
.closetSectionPreview.open .sectionOptions,
.closetSectionPreview.open .sectionToggleBtn {
    top: 24px;
    position: relative;
}
.closetSectionPreview .btn.sectionOptionsDropdown {
    border:none;
}
.closetSectionPreview.open .btn.sectionOptionsBtn,
.closetSectionPreview.open .sectionOptionsDropdown {
    display: flex;
}
html:not(.touch) .closetSectionPreview:hover .btn.sectionToggleBtn {
    background: var(--GUNMETAL);
    color: white;
}
.sectionOptions:hover ~ .btn.sectionToggleBtn {
    background: white !important;
    color: var(--GUNMETAL) !important;
}
.sectionToggleBtn .badge.badge-danger.badge.notification {
    color: white;
    right: initial;
    line-height: 15px;
    top: -5px;
    left: -5px;
    font-size: 14px;
    height: initial;
    padding: 0.2em 0.35em 0.05em;
    text-shadow: 0 0 3px rgba(0,0,0,0.2);
    min-width: 1.2em;
    max-width: initial;
    width: auto;
    font-weight: 400;
}
/* .closetSectionPreview.open.stickied .btn { top: 0; } */
.closetSectionPreview.open.stickied .btn,
.closetSectionPreview.open.stickied .sectionOptions,
.closetSectionPreview.open.stickied .sectionToggleBtn {
    top: 0;
    position: relative;
}
.closetSectionPreview.open.stickied .btn.sectionToggleBtn {
    background: var(--GUNMETAL);
    color: white;
}
.closetSectionPreview .btn .fa-caret-down { transition: transform .2s ease; }
.closetSectionPreview.open .btn .fa-caret-down { transform: rotate(180deg) scale(1.1) translateY(3px); }

.closetSectionWrap .btn.sectionOptionsBtn.enableDrag { margin-right: 7px; }


/*
body #OwnedTab .closetSectionPreview,
body.consultant-view #LookbookTab .closetSectionPreview { min-height: 60px; }
#OwnedTab .closetSectionPreview.open,
#LookbookTab .closetSectionPreview.open { flex-wrap: wrap; }
*/

.closetItemsPreview > div {
    display: none;
    width: 75px !important;
    min-width: 75px !important;
    height: 75px !important;
    max-height: 75px !important;
    margin: 0 !important;
    box-shadow: 0 0px 3px -1px #00000078;
    background: white;
    border: 1px solid white;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    object-fit: cover;
    position: absolute;
    left: 0;
    bottom: 0;
    display: none;
    padding: 0;
    margin: 0 !important;
    transition: left .15s ease-in, bottom .15s ease-in, transform .15s ease-in;
}
.closetSectionPreview.open .closetItemsPreview > div {
    transition:none;
    width: 45px !important;
    height: 45px !important;
    min-width: 45px !important;
    min-height: 45px !important;
    border-width: .6px;
    box-shadow: 0 0px 2px -1px #00000078;
}
.closetItemsPreview .lookLayoutWrap { height: 75px; }
.closetSectionPreview.open .closetItemsPreview .lookWrap .lookLayoutWrap { height: 45px; }
.closetItemsPreview > div.lookWrap {
    border: .5px solid var(--GUNMETAL);
    background: var(--GUNMETAL);
}
.closetItemsPreview .ownedItemLabelWrap { display: none; }


/*
.closetSectionPreview:not(.open):hover .closetItemsPreview > div {
    border-color: var(--SOFT-GRAY);
    background: var(--SOFT-GRAY);
}
*/

.closetSectionPreview .badge {
    font-size: 16px;
    border-radius: 0;
    height: initial;
    border-right: 0;
    border-left: 0;
    color: var(--SPANISH-GRAY);
    background: none;
    font-weight: 100;
    line-height: 1em;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    display: flex;
    min-width: 2.2em;
    top: 0;
    padding: 0;
    width: fit-content;
    text-shadow: none;
    height: 16px;
    margin: 0;
    overflow: hidden;
    max-width: 100%;
    gap: 2px;
    transition: height 0.2s ease, opacity 0.2s ease;
}
/*
.closetSectionPreview:not(.open):hover .badge {
    color: white;
}
*/
.closetSectionPreview.open .badge {
    height: 0;
    opacity: 0;
    top: 24px;
    transition: height 0.75s ease, opacity 0.75s ease;
}

.closetSectionPreview .badge span {
    display: block;
    text-transform: uppercase;
    font-size: 0.8em;
    letter-spacing: 0.1em;
    padding: 0em 0.1em 0 0.3em;
    line-height: 1em;
    font-weight: 300;
    text-shadow: none;
}
.descriptionPreview {
    margin: 0px 15px 0px 2px;
    font-style: italic;
    font-size: 14px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.closetSectionPreview.open .descriptionPreview {
    display: none;
}

.closetSectionPreviewContentWrap {
    display: flex;
    flex: 1;
    width: 625px;
    max-width: calc(100% - 160px);
    flex-direction: column;
    flex-wrap: nowrap;
    padding: 5px 0px 0px 0;
    margin-left: 15px;
    align-items: flex-start;
    justify-content: center;
}
.open .closetSectionPreviewContentWrap {
    position: relative;
    top: 0;
    padding: 0;
    margin-left:15px;
}
.open.stickied .closetSectionPreviewContentWrap {
    top: 0;
    padding-top: 0;
    margin-left:8px;
}

.closetItemsPreview > div:nth-child(1) {display:flex;z-index:3;left:0px;bottom: 9px;transform: rotate(-8deg);justify-content: flex-start;align-items: end;}
.closetItemsPreview > div:nth-child(2) { display:flex;z-index:2;left:8px; bottom:8px; }
.closetItemsPreview > div:nth-child(3) {display:flex;z-index:1;left:16px;bottom: 9px;transform: rotate(8deg);}

html:not(.touch) .closetSectionPreview:not(.open):hover .closetItemsPreview > div:nth-child(1) { left: -3px; bottom: 9px; transform: rotate(-10deg); }
html:not(.touch) .closetSectionPreview:not(.open):hover .closetItemsPreview > div:nth-child(2) { bottom: 10px; }
html:not(.touch) .closetSectionPreview:not(.open):hover .closetItemsPreview > div:nth-child(3) { left: 20px; transform: rotate(10deg); }

.closetItemsPreview > div > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 15%;
}
.closetItemsPreview > div > img.bg-removed {
    object-fit: contain;
    object-position: 50% 50%;
}

@media (max-width: 767px) {
    #mainClosetTabContent .closetSectionWrap .sentinal { top: -45px; }
    body.consultant-view #mainClosetTabContent .closetSectionWrap .sentinal { top: -90px; }
    .closetSectionPreview {
        max-width:100%;
        padding: 4px 4px 0px 0px;
        min-height: 60px;
    }
    .closetSectionPreview.open {
        margin:0;
    }
    body.consultant-view .closetSectionPreviewHeightAdjuster {
        top: 90px;
    }
    .closetSectionPreviewHeightAdjuster.open {
        margin-bottom: 0;
    }
    .closetSectionPreviewHeightAdjuster .closetSectionPreview.open {
        margin: 0px 0px;
        width: calc(100% + 0px);
        min-width: calc(100% + 0px);
        padding: 15px 0 10px;
    }
    .closetItemsPreview {
        width: 55px;
        height: 55px;
        margin-left: 5px;
    }
    .closetSectionPreview.open .closetItemsPreview {
        width: 55px;
        margin: 5px 10px -10px 8px;
        transform: scale(0.9);
        /* transition: transform .2s ease, width .2s ease, margin-right .2s ease, margin-left .2s ease; */
    }
    .closetSectionPreview .badge { font-size: 14px; }

    #LookbookTab { padding: 0px; }
    /*
    #LookbookTab .closetSectionPreviewHeightAdjuster .closetSectionPreview.open {
        margin: 0;
        width: 100%;
        min-width: 100%;
    }
    #LookbookTab .closetSectionPreview.open.stickied .closetItemsPreview {
        margin: 5px 10px -10px 16px;
    }
    #OwnedTab .closetSectionPreview.open .sectionOptionsWrap,
    #LookbookTab .closetSectionPreview.open .sectionOptionsWrap {
        margin: 10px 0 0;
        background:white;
    }
    */
    #mainClosetTabContent .closetSectionPreview.open + .closetSection {
        margin: 0;
        width: 100%;
        padding: 0 3px 20px;
    }
    .closetItemsPreview > div,
    .closetItemsPreview .lookLayoutWrap {
        width: 45px !important;
        min-width: 45px !important;
        height: 45px !important;
        max-height: 45px !important;
    }
    .closetSectionPreviewContentWrap {
        padding: 5px 0px 3px 0;
        margin-left: 10px;
        min-width: 0px;
        max-width: initial;
        flex: 1;
    }
    .open .closetSectionPreviewContentWrap,
    .open.stickied .closetSectionPreviewContentWrap {
        margin-left:0px;
    }
    .closetSectionPreview h4 {
        font-size: 18px;
        padding-right: 4px;
        letter-spacing: .1em;
        line-height: 17px;
        padding-bottom: 3px;
        color: var(--CHARCOAL);
    }
    .closetSectionPreview.open h4 {
        top: 0;
        padding-bottom: 0;
    }
    .closetSectionPreview.open div.sectionOptions,
    .closetSectionPreview.open .btn {
        top: 0;
        margin-right: 4px;
    }
    .closetSectionPreview.open div.sectionOptions,
    .closetSectionPreview.open .btn.sectionOptionsDropdown {
        margin-right: 4px;
    }
    .closetSectionPreview.open .badge { top: 0; }
}

/** End Owned Section Preview Styles **/


/*
#ownedItemTypePickerDDL .inventorySelector .tabs li.active a { background: var(--GUNMETAL); color: white; }
#ownedItemTypePickerDDL .inventorySelector .tabs li.active a svg { stroke: white; fill: white; }
#ownedItemTypePickerDDL .inventorySelector .tabs li a svg { margin: 0 0 -.25em; }
#ownedItemTypePickerDDL .inventorySelector .tabs li a span {
    display: flex;
    flex-direction: column;
    align-items: center;
}
*/


/** .closetItems { min-height:280px; } **/
.closetItems, .closetSection { margin: 0 auto 0; }
.closetSection { margin-bottom: 24px; }
.closetSection { display:inline-block;width:90%; }
.closetSection.lookSection { width: 100%; padding:0; }
.closetSection:last-child { margin-bottom: 0; }

.closetItem {
    width:210px;
    display:inline-block;
    margin: 0 6px 10px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.closetItem .thumbnail { border-radius:0; }


.closetItem, .lookWrap { transition:top 0.5s ease, left 0.5s ease; }


.closetItem {
    width: 260px;
    box-shadow: 0 1px 2px -1px #000;
}
#FindsTab .closetItem,
#OwnedTab .closetItem { width: 180px; position:relative; overflow:hidden; }

#FindsTab .closetItems,
#LookbookTab .looksWrap,
#OwnedTab .closetItems {
    display: grid;
    grid-gap: 9px;
    grid-template-columns: repeat(auto-fit, minmax(170px, 250px));
    grid-auto-rows: 12px;
    justify-content:center;
    margin-bottom:20px;
    max-width: calc(100% - 4px);
}
#OwnedTab .closetItems {
    margin-top: 10px;
}
#LookbookTab .looksWrap {
    grid-auto-rows: 15px;
    grid-gap: 20px;
    grid-template-columns: repeat(auto-fit, minmax(280px, 360px));
}
#FindsTab .closetItems .closetItem,
#LookbookTab .looksWrap .lookWrap,
#OwnedTab .closetItems .closetItem {
    margin: 0;
    display: flex;
    flex-direction:column;
    width: initial;
    /* height: fit-content; */
    min-height:1px;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
#LookbookTab .looksWrap .lookWrap {
    height: min-content;
}
#LookbookTab .looksWrap .lookWrap.loading,
#FindsTab .closetItems .closetItem.loading,
#OwnedTab .closetItems .closetItem.loading { background: var(--FAINT-GRAY); }
@media (max-width: 800px) {
    #FindsTab .closetItems,
    #OwnedTab .closetItems {
        grid-template-columns: repeat(auto-fit, minmax(165px, 1fr));
    }
    #FindsTab .closetItems,
    #LookbookTab .looksWrap,
    #OwnedTab .closetItems {
        grid-auto-rows: 8px;
    }
    #LookbookTab .looksWrap {
        grid-auto-rows: 15px;
    }
}
@media (max-width: 767px) {
    #ownedImages, #recentUploads { padding:0; }
    #FindsTab .closetItems,
    #LookbookTab .looksWrap,
    #OwnedTab .closetItems {
        grid-auto-rows: 15px;
    }
    #FindsTab .closetItems,
    #OwnedTab .closetItems {
        /* grid-template-columns: repeat(auto-fit, minmax(150px, calc(50% - 10px))); */
        grid-template-columns: repeat(auto-fit, minmax(min(calc(50vw - 10px), 170px), min(calc(50vw - 10px), 230px)));
    }
    #LookbookTab .looksWrap {
        max-width:95vw;
        grid-template-columns: repeat(auto-fit, minmax(280px, 48%));
    }
}
@media (max-width: 576px) {
    #LookbookTab .looksWrap {
        max-width: 95vw;
        grid-template-columns: repeat(auto-fit, minmax(220px, 95vw));
    }
}

#FindsTab .closetItems .closetItemImageWrap,
#OwnedTab .closetItems .closetItemImageWrap {
    flex:1;width:100%;display:flex;flex-direction:column;min-height:1px;height:auto !important;
}
#FindsTab .closetItems .closetItem img,
#OwnedTab .closetItems .closetItem img {
    display: block;
    max-width: 100%;
    width: 100%;
    min-height: 1px;
    object-fit: cover;
    height: 100%;
    object-position: 50% 50%;
}
#OwnedTab .closetItems .closetItem img.bgRemoved {
    max-height: 500px;
    object-fit: contain;
    background: white;
}

/*
.closetItems .closetItem.unread:before {
    content: var(--string-new-upload);
    padding: 0.25em 5px 0px;
    color: white;
    font-size: 10.5px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: .1em;
    z-index: 1;
    display: flex;
    align-items: center;
    height: 1em;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: var(--CINNABAR);
    height: 22px;
    text-align: center;
    justify-content: center;
    text-indent: 30px;
}
.closetItems .closetItem.unread:after {
    content: var(--string-new-upload);
    display: block;
    color: white;
    background-color: white;
    -webkit-mask-image: url(/img/svgs/upload.svg);
    mask-image: url(/img/svgs/upload.svg);
    mask-size: 15px;
    mask-repeat: no-repeat;
    mask-position: calc(50% - 35px) 50%;
    -webkit-mask-size: 15px;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: calc(50% - 35px) 50%;
    border: none;
    border-left: none;
    border-right: none;
    z-index: 1;
    padding: 0px 0 0;
    min-width: 19px;
    max-width: 100%;
    align-self: center;
    position: absolute;
    bottom: 1px;
    left: 0;
    right: 0;
    height: 22px;
    text-align: center;
    align-items: center;
}
#OwnedTab .closetSection .closetItem.unread .closetItemImageWrap {
    flex-basis: 100%;
}
*/
#OwnedTab .closetItems .closetItem.unread {
    background: var(--CINNABAR);
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}

.closetItem .close {
    position: absolute;
    right: 6px;
    top: 6px;
}
.closetItem:hover .closetItemImageWrap .close:hover {
    background: white;
    color: var(--GUNMETAL);
    border: white;
    box-shadow: none;
}
body.consultant-view .itemComments li .close {
    margin-top: -4px;
    flex: 0 0 auto;
}
.itemComments li .close {
    position: static;
    line-height: 0.7em;
    margin: 0 -6px 0 4px;
    transition: all .3s ease;
    font-size: 10px;
    height: 18px;
    width: 18px;
    min-height: 18px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 3px;
    margin-top: -1px;
    max-width:20px;
    max-width: 0;
    overflow: hidden;
    transition: max-width .2s ease;
}
.itemComments li:hover .close { max-width:20px; }

.itemComments {
    list-style: none;
    margin: 0;
    padding: 0;
}
#lookCommentsModal .itemComments {
    overflow-y: scroll;
    flex: 0 1 auto;
    display: flex;
    flex-direction: column-reverse;
    background: white;
    padding: 10px 25px 15px;
    margin-bottom: auto;
}
.itemComments li {
    padding-bottom: 5px;
    padding: 6px 8px 0;
    background: #FDFDFD;
    border-radius: 2px;
    border: none;
    cursor: default;
    border-radius: 0;
    border-bottom: 1px solid #E9E9E9;
}
.itemComments li p {
    margin: 0 0 4px;
    font-size: 12.5px;
    line-height: 1.1em;
}
.itemComments li.collapsed {
    margin-bottom: 0px;
    padding: 6px 8px 0;
    border-bottom: 1px solid #CCC;
    cursor: pointer;
    position: relative;
    max-height: 62px;
    overflow: hidden;
    background: #F5F5F5;
}
.itemComments li.left.collapsed:hover {
    background: #FFF;
    cursor: pointer;
}
.itemComments li.collapsed::after {
    content: ' ';
    background: rgba(0, 0, 0, 0);
    display: block;
    width: 100%;
    height: 0px;
    top: 74px;
    left: 0px;
    position: absolute;
    box-shadow: rgba(0, 0, 0, 0.137255) 0px 0px 5px 14px;
}
.itemActionsWrap .itemActionsBtn.btn:hover:after {
    right: 0px;
}
/*
.itemComments li.expanded {
    border-bottom:1px solid #eee;
}
*/
.itemComments li.unread {
    border-left: 1.5px solid var(--CINNABAR);
    position: relative;
    margin-top: 0px;
    border-bottom: 1px solid #d0d0d0;
    box-shadow: 0 -1px 0px 0px #ffffffab;
}
button.visible-xs-flex.btn.btn-ghost-dark.btn-sm.cancelMessageBtn:before,
button.visible-xs-flex.btn.btn-ghost-dark.btn-sm.cancelMessageBtn:after {
    display: none;
}

.itemComments li .chat-body {
    -webkit-touch-callout: text; /* iOS Safari */
-webkit-user-select: text; /* Safari */
    -khtml-user-select: text; /* Konqueror HTML */
    -moz-user-select: text; /* Old versions of Firefox */
    -ms-user-select: text; /* Internet Explorer/Edge */
        user-select: text; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
}

.chatHeader {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
    -webkit-touch-callout: none; /* iOS Safari */
-webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
        user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
}
.chatHeader strong {
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .02em;
    font-size: 11px;
    color: var(--GUNMETAL);
    line-height: 1.3em;
    flex: 1 1 auto;
}
.chatHeader small {
    font-size: 9px;
    line-height: 1em;
    letter-spacing: -0.0em;
    font-weight: 400;
    margin-left: auto;
    text-transform: uppercase;
    font-style: normal !important;
    display: flex;
    flex-wrap: nowrap;
    flex: 0 0 auto;
    align-items: center;
    padding-top: 1px;
    justify-content: flex-end;
}
.itemComments li.unread .chatHeader small {
    color: var(--CINNABAR);
}
.itemComments li.unread .chatHeader small:after {
    content: var(--string-new);
    margin: 0 0px 0 4px;
    background: var(--CINNABAR);
    color: white;
    padding: 0.25em .2em 0em;
    line-height: 9px;
    font-style: normal;
    border-radius: 1px;
    display: inline-block;
    position: relative;
    top: -1.5px;
    letter-spacing: .06em;
    font-size: 8px;
    font-weight: 500;
}

#lookCommentsModalContent .itemComments li {
    max-width: 75%;
    background: white;
    border-radius: 8px;
    border: 1px solid #dedede;
    margin: 8px 0px 0;
    min-width: 200px;
    width: fit-content;
    border-bottom-left-radius: 0;
    box-shadow: 0 3px 4px -3px #0000003b;
    padding:4px 8px 0;
}
#lookCommentsModalContent .itemComments li p {
    font-size: 14px;
    line-height: 1.2em;
}
#lookCommentsModalContent .chatHeader strong {
    font-size: 14px;
    text-transform: initial;
    letter-spacing: 0;
    font-weight: 600;
    margin-right: 5px;
}
#lookCommentsModalContent .itemComments li:hover .close { opacity:1; }
#lookCommentsModalContent .itemComments li.mine {
    margin-left: auto;
    background: var(--TEAL);
    border-color: #35b586;
    color: white;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 8px;
}
#lookCommentsModalContent .itemComments li.mine .chatHeader strong { color: white; font-weight: 700; }
#lookCommentsModalContent .itemComments li.mine .chatHeader small { color: #ffffffab; }

#lookDownloadCloneWrap .lookWrap { background:var(--CHARCOAL);box-shadow:none; margin:0; min-width:initial;max-width:initial; }
#lookDownloadCloneWrap .lookWrap.borderWhite,
#lookDownloadCloneWrap .lookWrap.borderWhite .lookRow,
#lookDownloadCloneWrap .lookWrap.borderless,
#lookDownloadCloneWrap .lookWrap.borderless .lookRow { background:white; border: 1px solid white; }

#lookDownloadCaption,
#lookDownloadAttribution {
    background:var(--CHARCOAL);
    color:white;
    padding:.2em .5em 0;
    text-align:center;
    font-weight:200;
    font-size: calc(30px / var(--devicePixelRatio));
}
#lookDownloadCaption {
    font-size: calc(30px / var(--devicePixelRatio) * 1.25);
}
#lookDownloadAttribution {
    opacity: .8;
    text-transform: uppercase;
    letter-spacing: .2em;
    font-weight: 200 !important;
}
#lookDownloadCloneWrap .lookWrap.borderWhite #lookDownloadCaption,
#lookDownloadCloneWrap .lookWrap.borderWhite #lookDownloadAttribution,
#lookDownloadCloneWrap .lookWrap.borderless #lookDownloadCaption,
#lookDownloadCloneWrap .lookWrap.borderless #lookDownloadAttribution {
    background: white;
    color: var(--GUNMETAL);
    font-weight: 300;
}

#lookDownloadRenderedImgWrap img { width:100%; }

.lookWrap.hideLabels .ownedItemLabelWrap { display: none; }

#lookDownloadCloneWrap.lookWrap.borderless,
.lookWrap.borderless .lookImage { border-width: 0; border-color:white; }

/*
.lookWrap.borderWhite,
.lookWrap.borderWhite .lookImage,
.lookWrap.borderWhite .itemSlot.lastInRow .lookImage { border: 1.5px solid white; }
.lookWrap.borderWhite, .lookWrap.borderWhite .itemSlot { background-color: white; }
*/
.lookWrap.borderWhite .itemSlot,
#lookDownloadCloneWrap .lookWrap.borderless .itemSlot { background-color: white; }

.lookWrap.borderWhite,
.lookWrap.borderWhite .lookImage,
.lookWrap.borderWhite .itemSlot.lastInRow .lookImage {
    background-color: white;
    padding: 1px;
    border-color: white;
}

/*
.lookWrap.borderBlack,
.lookWrap.borderBlack .lookImage,
.lookWrap.borderBlack .itemSlot.lastInRow .lookImage { border: 1.5px solid var(--CHARCOAL); }
*/
.lookWrap.borderBlack .itemSlot { background-color: var(--CHARCOAL); }
.lookWrap.borderBlack,
.lookWrap.borderBlack .lookImage,
.lookWrap.borderBlack .itemSlot.lastInRow .lookImage {
    background-color: var(--CHARCOAL);
    padding: 0px;
}

#lookDownloadCloneWrap .lookWrap .lookLayoutWrap.borderless { border: none; }

.lookWrap.borderBlack .ownedItemLabel,
#lookDownloadCloneWrap .lookWrap.borderless .ownedItemLabel {
    background-color: var(--CHARCOAL);
    color: var(--SOFT-GRAY);
}
.lookWrap.borderBlack .ownedItemLabel:after,
#lookDownloadCloneWrap .lookWrap.borderless .ownedItemLabel:after {
    border-bottom-color: var(--CHARCOAL);
}
.lookWrap.borderWhite .ownedItemLabel {
    background-color: white;
    color: var(--GUNMETAL);
}
.lookWrap.borderWhite .ownedItemLabel:after {
    border-bottom-color: white;
    bottom:-0.5px;
}

.lookGalleryPreview {
    background: var(--GUNMETAL);
    z-index: 22;
    height: auto;
    width: 100%;
    padding: 0px 0 0px 0px;
    display: flex;
    align-items: flex-end;
    margin: -1px 0 max(.75px, calc(1px / var(--devicePixelRatio)));
    border-top: 1px solid var(--GUNMETAL);
    border-top-width: max(.75px, calc(1px / var(--devicePixelRatio)));
    overflow: auto;
    justify-content: space-around;
    gap: max(.75px, calc(1px / var(--devicePixelRatio)));
}
.lookGalleryPreview > div {
    margin: 0;
    display: inline-block;
    background-color: var(--GUNMETAL);
    background-position: 50% 70%;
    background-origin: border-box;
    background-size: cover;
    cursor: pointer;
    position: relative;
    opacity: 1;
    border: none;
    transition: all .3s ease;
    flex: 1 0 auto;
    height: auto;
    max-height: 120px;
    min-height: 65px;
    width: auto;
}
.lookGalleryPreview > div:before {
    content: '';
    float: left;
    padding-top: 100%;
}
.lookGalleryPreview > div.bg-removed {
    background-size: contain;
    background-color: white;
}
.lookGalleryPreview.items-8,
.lookGalleryPreview.items-9,
.lookGalleryPreview.items-10 { flex-wrap: wrap; }

.lookGalleryPreview.items-8 > div,
.lookGalleryPreview.items-9 > div,
.lookGalleryPreview.items-10 > div {
    min-width: calc(100% / 5 - 4px);
    max-height: 75px;
}
.lookGalleryPreview.items-8 > div { min-width: calc(100% / 4 - 4px); }
.lookGalleryPreview.items-9 > div { max-height: 70px; }

.lookGalleryPreview.items-11,
.lookGalleryPreview.items-12,
.lookGalleryPreview.items-13,
.lookGalleryPreview.items-14,
.lookGalleryPreview.items-15 {
    flex-wrap: wrap;
}

.lookGalleryPreview.items-11 > div,
.lookGalleryPreview.items-12 > div {
    min-width: calc(100% / 6 - 4px);
    max-height: 75px;
}

.lookGalleryPreview.items-13 > div {
    min-width: calc(100% / 7 - 4px);
    max-height: 75px;
}
.lookGalleryPreview.items-14 > div {
    min-width: calc(100% / 7 - 4px);
    max-height: 65px;
}
.lookGalleryPreview.items-15 > div {
    min-width: calc(100% / 5 - 4px);
    max-height: 65px;
}

/*
#LookbookTab .looksWrap .lookWrap:hover .lookGalleryPreview div {
    height: 70px;
    min-height: 70px;
    width: 70px;
    min-width: 70px;
    margin: 0 1px 1px 0;
}
#LookbookTab .looksWrap .lookWrap .lookGalleryPreview div:first-child,
#LookbookTab .looksWrap .lookWrap:hover .lookGalleryPreview div:first-child { margin-left: auto; }
#LookbookTab .looksWrap .lookWrap .lookGalleryPreview div:last-child,
#LookbookTab .looksWrap .lookWrap:hover .lookGalleryPreview div:last-child { margin-right: auto; }

#LookbookTab .looksWrap .lookWrap:hover .lookMenu { padding-top: 95px !important; }

#LookbookTab .looksWrap .lookWrap .lookGalleryPreview:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(0deg, white, white,  transparent);
    display: block;
    content: " ";
    opacity: 0;
    transition: opacity .3s ease;
}
#LookbookTab .looksWrap .lookWrap:hover .lookGalleryPreview:before {
    opacity: 1;
}
*/

.itemActionsBtn {
    position:relative;
    height:40px;
    font-size: 12px;
    padding: 5px 2px 2px 2px;
    width: 33%;
    width: calc(100% / 2);
    /* flex-basis: calc(100% / 3); */
    margin: 0;
    display: inline-block;
    border: none;
    background: rgba(255, 255, 255, 0);
    color: var(--GUNMETAL);
    font-family: var(--FONT-BODY);
    letter-spacing: 0;
    text-transform: inherit;
    background:white;
    text-transform:uppercase;
    position:relative;
    overflow: visible;
    transition: none;
}
.itemActionsWrap .btn:nth-child(1) { z-index:5; }
.itemActionsWrap .btn:nth-child(2) { z-index:4; }
.itemActionsWrap .btn:nth-child(3) { z-index:3; }
.itemActionsWrap .btn:nth-child(4) { z-index:2; }
.itemActionsWrap .btn:nth-child(5) { z-index:1; }

/*
.itemActionsBtn.btn:before, .itemActionsBtn.btn:after {
    display: none;
}
*/
.itemActionsWrap .btn.itemActionsBtn:before,
.itemActionsWrap .btn.itemActionsBtn:after {
    content: "";
}
.itemActionsBtn.btn:after {
    display: block;
    visibility: visible;
    width: 0px;
    content: " ";
    position: absolute;
    top: 20%;
    bottom: 10%;
    right: -2px;
    border-right: 1px solid var(--GUNMETAL);
}
.itemActionsBtn.btn:last-child:after {
    display:none;
}
.itemActionsBtn svg {
    fill: var(--GUNMETAL);
    stroke: var(--GUNMETAL);
}

/*
.closetItem:hover .itemActionsBtn { color:var(--GUNMETAL); }
.closetItem:hover .itemActionsBtn svg { fill:var(--GUNMETAL);stroke:var(--GUNMETAL); }
*/
/* .itemActionsBtn:first-child { margin: 0;width:34%;width: calc(100% / 3); } */
li.itemActionsWrap {
    border-top: 1px solid #F8F8F8;
    padding: 0;
    bottom: 0;
    background: none;
    border: none;
    width: 100%;
    text-align: center;
    display:flex;
}
.closetItem .itemActionsBtn:hover { color:white; }
.closetItem .itemActionsBtn:hover svg { fill:white;stroke:white; }
.btn.itemActionsBtn i.fa,
.btn.itemActionsBtn svg,
.btn.itemActionsBtn .masked-svg,
.hoverOverlay .masked-svg {
    position: relative;
    padding: 2px 0 3px;
    font-size: 23px;
    display: block;
    position: relative;
    top: 9px !important;
    transition: top .2s ease, color .2s ease;
    height: 28px;
    width: auto;
    margin: -8px auto -4px;
    padding: 0;
    stroke-width: 0;
}
body.mac .btn.itemActionsBtn .masked-svg { top: 7px !important; }
.btn.btn-ghost.full .masked-svg,
.hoverOverlay .masked-svg,
.btn.itemActionsBtn .masked-svg {
    background-color: var(--GUNMETAL);
    line-height: 0.9em;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: 50% 50%;
}
.btn.btn-ghost.full:hover .masked-svg,
.btn.itemActionsBtn:hover .masked-svg,
.hoverOverlay .masked-svg {
    background-color: white;
}
.lookItemZoomBtn .masked-svg {
    background-color: var(--GUNMETAL);
    line-height: 0.9em;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: 50% 50%;
    min-width:14px;
    width:14px;
    min-height:14px;
    height:14px;
    fill:var(--GUNMETAL);
    stroke:var(--GUNMETAL);
}
.lookItemZoomBtn:hover .masked-svg {
    background-color: white;
    fill: white;
    stroke: white;
}
#OwnedTab .closetItems .closetItem .topBtnsWrap .masked-svg {
    height: 18px;
    width: 18px;
    background-color: currentColor;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: 50% 50%;
    min-width: 18px;
    min-height: 18px;
    top: -2.5px !important;
    position: relative;
}
.masked-svg.cog {
-webkit-mask-image: url(/img/svgs/cog.svg);
mask-image: url(/img/svgs/cog.svg);
}
.masked-svg.remove-background {
-webkit-mask-image: url(/img/svgs/remove-background.svg);
mask-image: url(/img/svgs/remove-background.svg);
}
.masked-svg.comment {
-webkit-mask-image: url(/img/svgs/comment.svg);
mask-image: url(/img/svgs/comment.svg);
}
.masked-svg.comment-full {
-webkit-mask-image: url('/img/svgs/comment-full.svg');
mask-image: url('/img/svgs/comment-full.svg');
}
.masked-svg.hanger {
-webkit-mask-image: url('/img/svgs/hanger.svg');
mask-image: url('/img/svgs/hanger.svg');
}
.masked-svg.crop {
-webkit-mask-image: url('/img/svgs/crop.svg');
mask-image: url('/img/svgs/crop.svg');
}
.masked-svg.copy {
-webkit-mask-image: url('/img/svgs/copy.svg');
mask-image: url('/img/svgs/copy.svg');
}
.masked-svg.trash {
-webkit-mask-image: url('/img/svgs/trash.svg');
mask-image: url('/img/svgs/trash.svg');
}
.masked-svg.external-link {
-webkit-mask-image: url('/img/svgs/external-link.svg');
mask-image: url('/img/svgs/external-link.svg');
}
.masked-svg.external-link {
-webkit-mask-image: url('/img/svgs/external-link.svg');
mask-image: url('/img/svgs/external-link.svg');
}
.masked-svg.magnify {
-webkit-mask-image: url('/img/svgs/magnify.svg');
mask-image: url('/img/svgs/magnify.svg');
}
.masked-svg.heart {
-webkit-mask-image: url('/img/svgs/heart.svg');
mask-image: url('/img/svgs/heart.svg');
}
.masked-svg.heart-medium {
-webkit-mask-image: url('/img/svgs/heart-medium.svg');
mask-image: url('/img/svgs/heart-medium.svg');
}
.masked-svg.heart-filled {
-webkit-mask-image: url('/img/svgs/heart-filled.svg');
mask-image: url('/img/svgs/heart-filled.svg');
}
.masked-svg.star {
-webkit-mask-image: url('/img/svgs/star.svg');
mask-image: url('/img/svgs/star.svg');
}
.masked-svg.star-filled {
-webkit-mask-image: url('/img/svgs/star-filled.svg');
mask-image: url('/img/svgs/star-filled.svg');
}
.masked-svg.png {
-webkit-mask-image: url('/img/svgs/png.svg');
mask-image: url('/img/svgs/png.svg');
}
.masked-svg.grid-layouts-layout-50 {
-webkit-mask-image: url('/img/svgs/grid-layouts/layout-50.svg');
mask-image: url('/img/svgs/grid-layouts/layout-50.svg');
}
.masked-svg.lookbook {
-webkit-mask-image: url('/img/svgs/lookbook.svg');
mask-image: url('/img/svgs/lookbook.svg');
}
.masked-svg.lightbulb {
-webkit-mask-image: url('/img/svgs/lightbulb.svg');
mask-image: url('/img/svgs/lightbulb.svg');
}

.topIndicatorsWrap {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    position: absolute;
    left: 0;
    top: 0px;
    gap: 2px;
}

.viewLooksContainingItemBtn {
    display: flex;
    align-items: center;
    filter: drop-shadow(0px -1px 0px white) drop-shadow(0px 1px 0px white);
    background: white;
    border: 1px solid var(--GUNMETAL);
    border-left: none;
    border-right: none;
    padding: 4px 4px 3px 3px;
    border-radius: 0;
    font-size: 10.5px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: .1em;
    margin-left: auto;
}
.viewLooksContainingItemBtn .badge.badge-info {
    background: transparent;
    text-shadow: none;
    border-radius: 0;
    color: var(--GUNMETAL);
    border: none;
    top: 0;
    font-size: 10.5px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: .05em;
    padding: 1px 0 0 3px;
    line-height: 1em;
    height: 11.5px;
}
.viewLooksContainingItemBtn svg {
    height: 16px;
    width: auto;
    margin: -15px 1px -14px 0px;
}
#inventoryWrap .viewLooksContainingItemBtn { padding: 3px 2px 2px 2px; }
.viewLooksContainingItemBtn .masked-svg.lookbook {
    background-color: var(--CHARCOAL);
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: 50% 50%;
    height: 16px;
    width: 16px;
    margin: -15px 1px -14px 0px;
}
#inventoryWrap .viewLooksContainingItemBtn svg {
    margin: -3px -1px -2px 0;
    height: 15px;
    stroke-width: 2px;
    stroke: var(--GUNMETAL);
}
#lookBuilderSlotsWrap .viewLooksContainingItemBtn,
.ui-draggable-dragging .viewLooksContainingItemBtn { display: none; }

#viewItemDetailsSidebar > div .itemDetailContent {
    flex: 1;
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
#viewItemDetailsSidebar > div .itemDetailIcon {
    width: 35px;
    height: 35px;
    display: flex;
    margin: -5px 0 -4px;
    position: relative;
}
#viewItemDetailsSidebar > div .itemDetailIcon svg {
    margin: 0 auto;
    height: 35px;
    width: auto;
    fill: var(--LIGHT-GRAY);
    opacity: .7;
    float: none;
}

#createLookWithItemFormWrap {
    width:100%;
    min-width:100%;
    padding: 10px 5px 10px 5px;
    background: var(--FAINT-GRAY);
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    justify-content: center;
}

.btn.findsLikeBtn {
    position: absolute;
    top: 2px;
    left: 2px;
    border: none;
    padding: 0 1px 2px;
    z-index: 1;
    min-height: initial;
    gap: 0;
    box-shadow: none;
    text-shadow: none;
    filter: none;
    transform: none;
    background: #ffffff2e;
    width: 24px;
    height: 24px;
    outline: none;
    border-radius: 100%;
}
.btn.ownedFavoriteBtn {
    display: none;
}
.wardrobeContentThumbs .btn.ownedFavoriteBtn { display: flex; }
/*
.favorited .btn.ownedFavoriteBtn,
html:not(.touch) .closetItem:not(.favorited):hover .btn.ownedFavoriteBtn {
    display: flex;
}
*/
.favorited .btn.ownedFavoriteBtn {
    display: flex;
}
.btn.ownedFavoriteBtn,
.btn.ownedFavoriteBtn:active,
.btn.ownedFavoriteBtn:focus,
.btn.ownedFavoriteBtn:hover {
    border: none;
    background: transparent;
    color: var(--GUNMETAL);
    width: 26px;
    outline: none;
    box-shadow: none;
}
.btn.ownedFavoriteBtn svg,
.btn.ownedFavoriteBtn:hover svg,
.btn.ownedFavoriteBtn:active svg,
.btn.ownedFavoriteBtn:focus svg {
    height: 24px !important;
    width: 35px !important;
    margin: -3.25px -5px 0px;
    fill: #f8c80c;
    stroke: white;
    stroke-width: 5px;
    position: absolute;
    left: 0;
    top: 0;
}
.btn.ownedFavoriteBtn svg:nth-child(2) {
    fill: white;
    height: 24px;
    z-index: -1;
    margin: -3.25px -5px 0px;
    stroke-width: 9px;
    stroke: var(--CHARCOAL);
}
.btn.findsLikeBtn:after, .btn.findsLikeBtn:before,
.btn.ownedFavoriteBtn:after, .btn.ownedFavoriteBtn:before { display: none; }
body:not(.consultant-view) .btn.findsLikeBtn:active,
body:not(.consultant-view) .btn.ownedFavoriteBtn:active {
    outline: none;
    border: none;
}
body:not(.consultant-view) .btn.findsLikeBtn {
    right: 5px;
    left: initial;
    top: 5px;
    background: none;
}
.wardrobeContentThumbs .btn.ownedFavoriteBtn svg {
    height: 20px;
    margin: -3px 0 0 -5px;
}
/*
body:not(.consultant-view) .btn.ownedFavoriteBtn {
    right: 0px;
    left: initial;
    top: 0px;
    background: none;
    width: 30px;
    height: 40px;
}

.ownedFavoriteRibbon:after {
    content: " ";
    width: 0px;
    height: 32px;
    background-color: transparent;
    border: solid 11.75px var(--GUNMETAL);
    border-bottom: solid 6.5px transparent;
    transition: all 0.2s;
    cursor: pointer;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: -1;
    margin: -0.5px 0 0 0;
}

.ownedFavoriteRibbon:before {
    min-width: 13.75px;
    top: 0px;
    content: " ";
    width: 0px;
    height: 41px;
    background-color: transparent;
    border: solid 13px #ffffff;
    border-bottom: solid 6px transparent;
    transition: all 0.2s;
    cursor: pointer;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: -1;
    margin: -1px 0 0 0;
    opacity: 0;
}
.ownedFavoriteRibbon {
    width: 0px;
    height: 30px;
    background-color: transparent;
    border: solid 11px #ffffff;
    border-top: 0;
    border-bottom: solid 6px transparent;
    cursor: pointer;
    /* position: absolute; * /
    display: flex;
    justify-content: center;
    top: 0px;
    left: 0;
    margin: 0px 0 0;
}
.btn span.ownedFavoriteRibbon svg {
    height: 23px;
    margin: 0px 0px 0 0;
    max-width: initial;
    width: 35px;
    stroke: none;
    fill: var(--CHARCOAL);
}
.ownedFavoriteRibbon svg {
    stroke: none;
    height: 23px;
    margin: 0px 0px 0 0;
    max-width: initial;
    width: 35px;
    stroke: none;
    fill:
    var(--CHARCOAL);
}
.btn.ownedFavoriteBtn:hover .ownedFavoriteRibbon {
    border-color: var(--GUNMETAL);
    border-bottom-color: transparent;
    color: white;
}
.btn.ownedFavoriteBtn:hover span.ownedFavoriteRibbon svg {
    fill: white;
    stroke-color: white;
}
*/
.btn.ownedFavoriteBtn:hover .ownedFavoriteRibbon:after {
    /*
    border-color: white;
    border-bottom-color: transparent;
    */
}

#filterOwnedByFavoritesLbl i svg:nth-child(1),
#filterLookBuilderByFavoritesLbl i svg:nth-child(1),
#favoritesSettingLbl label i svg:nth-child(1) {
    position: absolute;
    left: 0;
    top: -2px;
    height: calc(100% + 1px);
    margin: 0;
    width: calc(100% + 0px);
    fill: white;
    stroke: white;
    stroke-width: 0;
    z-index: 1;
}
#filterOwnedByFavoritesLbl i svg:nth-child(2),
#filterLookBuilderByFavoritesLbl i svg:nth-child(2),
#favoritesSettingLbl label i svg:nth-child(2) {
    position: absolute;
    left: 0;
    top: -4px;
    height: calc(100% + 6px);
    margin: 0 0 0 -2px;
    width: calc(100% + 4px);
    fill: white;
    z-index: 0;
    stroke: var(--MED-GRAY);
    stroke-width: 4px;
}
#requestWorkWithItemToggleLbl i svg:nth-child(1) {
    position: absolute;
    left: 0;
    top: 4px;
    height: 100%;
    margin: -6px -3px -7px -2px;
    width: 100%;
    fill: white;
    stroke: white;
    stroke-width: 2px;
}
#requestWorkWithItemToggleLbl i svg:nth-child(2) {
    position: absolute;
    left: 0;
    top: 4px;
    height: 100%;
    margin: -6px -3px -7px -2px;
    width: 100%;
    fill: white;
    z-index: -1;
    stroke: hsl(0deg 0% 83.93%);
    stroke-width: 10px;
}
#filterOwnedByFavorites:checked ~ i svg,
#filterLookBuilderByFavorites:checked ~ label i svg,
#requestWorkWithItemToggle:checked ~ i svg,
#favoritesEnabledSetting:checked ~ label i svg {
    fill: #f8c80c;
}
#filterOwnedByFavorites:checked ~ i svg:nth-child(2),
#filterLookBuilderByFavorites:checked ~ label i svg:nth-child(2),
#requestWorkWithItemToggle:checked ~ i svg:nth-child(2),
#favoritesEnabledSetting:checked ~ label i svg:nth-child(2) {
    stroke: var(--GUNMETAL);
}
#favoritesSettingLbl.saving,
#hidePWAPromptSettingLbl.saving,
#commissionDisabledSettingLbl.saving { opacity: .5; pointer-events: none !important; }

.btn.viewLooksContainingItemBtn {
    min-width: 40px;
    height: 24px;
    padding: 0px 2px 0px 2px;
    background: white !important;
    border: none !important;
    color: var(--GUNMETAL) !important;
}
.btn.viewLooksContainingItemBtn svg {
    stroke: none;
    stroke-width: 0;
    height: 18px;
    width: 18px;
    margin: -2px 0 0;
    fill: var(--GUNMETAL) !important;
}
.btn.viewLooksContainingItemBtn span.badge {
    font-size: 11px;
    font-weight: 500;
    border-radius: 1px;
    background: transparent;
    color: currentColor;
    height: calc(100% + 2px);
    line-height: 29px;
    margin: -4px -2px -2px -3px;
    padding: 0px 1px 0 2px;
    min-width: 11px;
    border-radius: 0;
}

.btn.findsLikeBtn .masked-svg.heart,
.btn.findsLikeBtn .masked-svg.heart-filled {
    height: 18px;
    width: 18px;
    min-width: 18px;
    margin: 2px 0 -1px;
    fill: var(--RUBY);
    stroke-width: 0px;
    stroke: white;
    background-color: var(--CINNABAR);
    line-height: 0.9em;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: 50% 50%;
    filter: drop-shadow(2px 4px 6px black);
    opacity: 1;
}

body:not(.consultant-view) .btn.findsLikeBtn .masked-svg.heart,
body:not(.consultant-view) .btn.findsLikeBtn .masked-svg.heart-filled {
    background: #838383;
    height: 28px;
    width: 28px;
    min-width: 28px;
    stroke-width: 0;
}
body:not(.consultant-view) .closetItem:hover .btn.findsLikeBtn .masked-svg.heart {
    fill: var(--GUNMETAL);
    background: white;
    -webkit-mask-image: url(/img/svgs/heart-filled.svg);
}
body:not(.consultant-view) .closetItem .btn.findsLikeBtn .masked-svg.heart-filled,
body:not(.consultant-view) .closetItem .btn.findsLikeBtn:hover .masked-svg.heart,
body:not(.consultant-view) .closetItem .btn.findsLikeBtn:hover .masked-svg.heart-filled,
body:not(.consultant-view) .closetItem.liked .btn.findsLikeBtn .masked-svg.heart,
body:not(.consultant-view) .closetItem.liked .btn.findsLikeBtn .masked-svg.heart-filled {
    -webkit-mask-image: url(/img/svgs/heart-filled.svg);
    background: var(--RUBY);
}

body.consultant-view .closetItem .btn.btn-xs.findsLikeBtn {
    border-radius: 1px;
    opacity: 0;
    pointer-events: none;
    outline: none;
    background: linear-gradient(135deg,#ffffffb0 26px,transparent 0);
    top: 2px;
    left: 2px;
    width: 38px;
    height: 38px;
    border-radius: 0;
    justify-content: flex-start;
    align-items: flex-start;
}
body.consultant-view .closetItem.liked .btn.btn-xs.findsLikeBtn { opacity: 1; pointer-events: initial; }
body.consultant-view .closetItem.liked .btn.btn-xs.findsLikeBtn.newLike { width: 51px;height: 51px;overflow: hidden; }
body.consultant-view .closetItem .btn.btn-xs.findsLikeBtn:focus,
body.consultant-view .closetItem .btn.btn-xs.findsLikeBtn:active,
body.consultant-view .closetItem .btn.btn-xs.ownedFavoriteBtn:focus,
body.consultant-view .closetItem .btn.btn-xs.ownedFavoriteBtn:active { pointer-events: none; outline: none; border: none; }
body.consultant-view .closetItem.favorited .btn.btn-xs.ownedFavoriteBtn {
    padding: 0;
    align-items: flex-start;
    background: none;
}
body.consultant-view .closetItem.favorited .btn.btn-xs.ownedFavoriteBtn {
    padding: 0;
    align-items: flex-start;
    background: none;
    position: relative;
    width: 25px;
}
body.consultant-view .closetItem.liked .btn.btn-xs.findsLikeBtn .masked-svg.heart {
    /*
    width: 20px;
    height: 20px;
    min-width: 20px;
    background: var(--RUBY);
    */
    -webkit-mask-image: url(/img/svgs/heart-filled.svg);
}
body.consultant-view .closetItem.liked .btn.btn-xs.findsLikeBtn.newLike .masked-svg.heart {
    width: 18px;
    height: 17px;
}
body.consultant-view .closetItem.liked .btn.btn-xs.findsLikeBtn.newLike:after {
    content: "New";
    display: block;
    position: absolute;
    visibility: visible;
    width: 200%;
    height: 11px;
    top: 107%;
    left: -42%;
    overflow: visible;
    font-weight: 400;
    font-size: 9px;
    line-height: 13px;
    letter-spacing: 0.8px;
    transform: rotate(-45deg);
    transform-origin: 0% 0%;
    background: var(--CINNABAR);
    color: white;
    text-align: center;
    text-indent: 5px;
}
body.consultant-view .closetItem.favorited .btn.btn-xs.ownedFavoriteBtn.newPriority:after {
    content: "New Priority";
    display: block;
    position: absolute;
    visibility: visible;
    width: 105px;
    height: 16px;
    top: 59px;
    left: -15px;
    overflow: visible;
    font-weight: 600;
    font-size: 8.7px;
    line-height: 17px;
    letter-spacing: 0.2px;
    transform: rotate(-47deg);
    transform-origin: 0% 0%;
    background: linear-gradient(0deg, #f8c80c, #ffd73d, #f8c80c);
    color: hsl(0deg 0% 34.81%);
    text-align: center;
    text-indent: -2px;
    z-index: 0;
    box-shadow: 0 0 0px 1px #f8c80c;
    text-shadow: 0 0 1.5px #ffffff;
    border: 1px solid #ffffff;
}
body.consultant-view .closetItem.favorited .btn.btn-xs.ownedFavoriteBtn.newPriority svg,
body.consultant-view .closetItem.favorited .btn.btn-xs.ownedFavoriteBtn.newPriority:hover svg {
    height: 23px !important;
}

.newRibbon,
.newLikeRibbon,
.newUpdateRibbon,
.lookWrap > .newRibbon,
.lookWrap > .newLikeRibbon,
.lookWrap > .newUpdateRibbon {
    min-height: initial;
    gap: 0;
    box-shadow: none;
    text-shadow: none;
    filter: none;
    transform: none;
    border: none;
    padding: 0 1px 2px;
    position: absolute;
    width: 51px;
    height: 51px;
    overflow: hidden;
    outline: none;
    background: none;
    opacity: 1;
    top: 0;
    left: 0;
    border-radius: 0;
    justify-content: flex-start;
    align-items: flex-start;
    z-index: 22;
    text-transform: uppercase;
    pointer-events: none;
}
.lookWrap > .newUpdateRibbon {
    height: 75px;
    width: 75px;
}
.newRibbon:after {
    content: "New";
    display: block;
    position: absolute;
    visibility: visible;
    width: 200%;
    height: 17px;
    top: 99%;
    left: -49%;
    overflow: visible;
    font-weight: 400;
    font-size: 11px;
    line-height: 11px;
    padding-top: 4px;
    letter-spacing: 0.8px;
    transform: rotate(-45deg);
    transform-origin: 0% 0%;
    background: var(--CINNABAR);
    color: white;
    text-align: center;
    text-indent: 5px;
}
.newLikeRibbon:after {
    content: "Loved";
    display: block;
    position: absolute;
    visibility: visible;
    width: 200%;
    height: 17px;
    top: 99%;
    left: -49%;
    overflow: visible;
    font-weight: 400;
    font-size: 11px;
    line-height: 11px;
    padding-top: 4px;
    letter-spacing: 0.8px;
    transform: rotate(-45deg);
    transform-origin: 0% 0%;
    background: var(--CINNABAR);
    color: white;
    text-align: center;
    text-indent: 5px;
}
.newUpdateRibbon:after {
    content: "Updated";
    display: block;
    position: absolute;
    visibility: visible;
    width: 200%;
    height: 17px;
    top: 93%;
    left: -50%;
    overflow: visible;
    font-weight: 400;
    font-size: 10px;
    line-height: 11px;
    padding-top: 4px;
    letter-spacing: 0.5px;
    transform: rotate(-45deg);
    transform-origin: 0% 0%;
    background: var(--CINNABAR);
    color: white;
    text-align: center;
    text-indent: 3px;
}
.closetItem.favorited .newRibbon {
    width: 128px;
    height: 71px;
}

.closetItem.favorited .newRibbon:after {
    top: 104px;
    width: 231px;
}

/*
body.consultant-view .closetItem.favorited .btn.btn-xs.ownedFavoriteBtn .masked-svg.star {
    width: 20px;
    height: 20px;
    min-width: 20px;
    -webkit-mask-image: url(/img/svgs/star-filled.svg);
    background: var(--RUBY);
}
*/
.closetItem .itemActionsBtn span {
    opacity: 0;
    position: relative;
    top: 14px;
    transition: top .2s ease, opacity .2s ease;
    font-weight: 600;
    letter-spacing: .08em;
    font-size: 10px;
}
.closetItem:hover .itemActionsBtn i,
.closetItem:hover .itemActionsBtn svg,
.closetItem:hover .itemActionsBtn .masked-svg { top: 2px !important; }
.closetItem:hover .itemActionsBtn span { opacity: 1; top: 0;; }
body.mac .closetItem .itemActionsBtn span,
body.mac .closetItem:hover .itemActionsBtn span { top: 2px; }
body.mac .closetItem .itemActionsBtn.btn,
body.mac .closetItem:hover .itemActionsBtn.btn { padding-top: 8px; padding-bottom: 2px; }
body.mac .closetItem:hover .itemActionsBtn.btn { padding-top: 6px; padding-bottom: 4px; }
/*
body:not(.mac) .closetItem:hover .itemActionsBtn svg,
body:not(.mac) .closetItem:hover .itemActionsBtn i { top: 9px !important; margin-bottom: -3px; }
*/
body.mac .closetItem .itemActionsBtn svg,
body.mac .closetItem:hover .itemActionsBtn svg { top: 11px !important;margin-bottom: -6px !important; }
body.mac .closetItem:hover .itemActionsBtn .masked-svg { top: 3px !important; margin-bottom: -6px; }

.topBtnsWrap {
    display: flex;
    justify-content: flex-end;
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    flex-wrap: wrap;
    max-width: 45px;
    flex-direction: column;
    margin-left: auto;
}
.removing-background .topBtnsWrap { display: none; }
.topBtnsWrap .btn { margin: 0 0 5px; justify-content: center; }
.topBtnsWrap .btn svg {
    height: 18px;
    width: auto;
    stroke-width: 0.5px;
}

/*
.lookCommentBtn.unread .fa-comment.hasComments {
    color: #E84B4B;
}
*/
.lookWrap .lookMenu .commentIconWrap.hasComments svg { fill: var(--GUNMETAL); stroke: var(--GUNMETAL); }
.lookWrap .lookMenu .commentIconWrap.hasComments .lookCommentCount { color: white; }
.lookWrap .lookMenu .lookCommentBtn:hover .commentIconWrap.hasComments .lookCommentCount { color: var(--GUNMETAL); }
.closet .lookCommentBtn.unread {
    background: var(--CINNABAR);
    color:white;
}
.closet .lookCommentBtn.unread svg {
    fill: white;
    stroke: white;
}
.closet  .lookWrap .lookMenu .lookCommentBtn.unread svg {
    fill: white;
    stroke: white;
}
.closet  .lookWrap .lookMenu .lookCommentBtn.unread:hover svg { fill: var(--CINNABAR); }
.closet .lookCommentBtn.unread:hover {
    background: transparent;
    color: var(--CINNABAR);
}
.lookWrap .lookMenu .lookCommentBtn.unread .commentIconWrap .lookCommentCount { color: var(--CINNABAR); }
.lookWrap .lookMenu .lookCommentBtn.unread:hover .commentIconWrap .lookCommentCount {
    color: white;
}

/** View Item Details Modal **/
#viewItemModalGallery > div {
    min-height: 70px;
    height: 70px;
    margin: 5px 4px 10px;
    background: gray;
    display: inline-block;
    width: 70px;
    min-width: 70px;
    background-color: var(--GUNMETAL);
    background-position: 50% 70%;
    background-origin: border-box;
    background-size: cover;
    border-bottom: 1px solid var(--GUNMETAL);
    cursor: pointer;
    position: relative;
    top: 0;
    opacity: 0.75;
    transition: opacity .35s ease;
}
#viewItemModalGallery.loading > div { opacity: 0.000001 !important; }

#viewItemModalGallery > div:first-child { margin-left: auto; }
#viewItemModalGallery > div:last-child { margin-right: auto; }
#viewItemModalGallery > div:last-child::before {
    display: block;
    content: " ";
    width: 5px;
    height: 100%;
    margin-left: 100%;
}

#otherItemsOfTypeGallery > div {
    min-height: 65px;
    height: 65px;
    margin: 0px 2px 4px;
    background: gray;
    display: inline-block;
    width: 65px;
    background-position: 50% 70%;
    background-size: cover;
}
#viewItemRelatedLooksWrap > div:not(#moreLooksWrap),
#viewItemRelatedLooksWrap #moreLooksWrap > div {
    width: calc(100% / 2 - 15px);
    height: 145px;
    margin: 0;
    border: 1.5px solid var(--GUNMETAL);
}
#viewItemRelatedLooksWrap,
#moreLooksWrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 5px;
    width: 100%;
    gap: 8px;
}
#moreLooksWrap {
    padding: 0;
    width: 100%;
}
#viewItemModalGallery > div:first-child .lookWrap,
#viewItemRelatedLooksWrap .lookWrap {
    border: none;
    min-width: 100%;
    min-height: 100%;
    height: 100%;
    margin: 0;
    border-bottom: none;
}
#viewItemModalGallery > div:first-child .lookWrap .lookImage { min-height: 100%; height:100% !important;width:100%;object-fit:cover; }
#viewItemModalGallery > div:first-child .lookWrap.legacyLayout { display: flex; }
#viewItemModalGallery > div:first-child .lookWrap.legacyLayout .lookRow { flex: 1;min-height:initial; }
/* #viewItemModalGallery > div:first-child .lookWrap .lookLayoutWrap div .itemSlot .lookImage:last-child { border-bottom: none; } */

#viewItemRelatedLooksWrap .lookImage {
    border-color: var(--GUNMETAL);
    border-width: 0.51px;
}
#viewItemRelatedLooksWrap .css-grid-look-layout .lookImage {
    border: none;
}
#viewItemRelatedLooksWrap .lookImage .ownedItemLabelWrap,
#viewItemModalGallery .ownedItemLabelWrap {
    display: none;
}
#viewItemModalImagePaneInner .lookWrap .ownedItemLabelWrap {
    position: absolute;
    margin: 0;
    display:flex;
}
#viewItemRelatedLooksWrap .itemSlot { background: var(--GUNMETAL); min-height: initial; }
#viewItemRelatedLooksWrap .lookWrap {
    background: var(--GUNMETAL);
    box-shadow: none;
    border: none;
    border-right: 1px solid var(--GUNMETAL);
    min-width: 100%;
    min-height: 100%;
    height: 100%;
    margin: 0;
}
#viewItemRelatedLooksWrap .legacyLayout .lookImage { min-height: initial; height: 100% !important; object-fit: cover; }
#viewItemRelatedLooksWrap .lookWrap.legacyLayout { display: flex; flex-direction: column; }
#viewItemRelatedLooksWrap .lookWrap.legacyLayout .lookRow { flex: 1; }

#viewItemModalGallery > div.active, html:not(.touch) #viewItemModalGallery:not(.disabled) > div:hover {
    opacity: 1;
    top: -2px;
    box-shadow: 0px 4px 5px -1px var(--CHARCOAL);
    border-bottom-color: var(--CHARCOAL);
    filter: brightness(1.1);
    z-index:2;
}
#viewItemModalGallery > div.active:after {
    content: " ";
    position: absolute;
    left: calc(50% - 8px);
    top: calc(100% - 9px);
    border: 10px solid transparent;
    border-bottom: 12px solid var(--SOFT-GRAY);
    filter: brightness(0.9) drop-shadow(0px 1px 0px var(--SOFT-GRAY)) drop-shadow(0px 1px 0px var(--SOFT-GRAY));
}
#viewItemModalImagePane .lookLayoutWrap {
    height: 100%;
    width: 100%;
}
#viewItemModalImagePaneInner .lookPreview {
    margin:0 auto 0px;
    width: 100%;
    max-width: 650px;
    overflow:hidden;
}
#viewItemModalImagePaneInner .lookPreview.legacyLayout { width: auto; overflow:hidden; }
#viewItemModalImagePaneInner .lookWrap { margin:0;width:auto;max-width:100%; }
#viewItemModalImagePaneInner .lookWrap.legacyLayout { width:360px; }
#viewItemModalImagePaneInner .lookWrap:not(.legacyLayout) {
    max-width: 100%;
    width: 100%;
    min-width: 100%;
    min-height: 100%;
    height: 100%;
    max-height: 100%;
}
#viewItemModalImagePaneWrap * {
    -webkit-touch-callout: none; /* iOS Safari */
-webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
        user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
}
#viewItemCropWrap,
#singleLookPhotoDetailsButtons{
    margin: 0;
}
#viewItemDetailsSidebar > div:after {
    content: " ";border: 10px solid transparent;position: absolute;top: -13px;right: calc(100% - 21px);border-left: 11px solid rgba(0,0,0,0.1);
    display: none;
}
#viewItemDetailsSidebar h3 {
    position: relative;
    padding: 1px 0 5px 10px;
    margin: 0px 0 6px -6px;
    font-weight: 500;
    letter-spacing: 0.15em;
    text-align: left;
    font-size: 12.5px;
}
#viewItemDetailsSidebar > div:before {
    content: " ";
    border: 10px solid transparent;
    position: absolute;
    top: -11px;
    right: calc(100% - 20px);
    border-left: 10px solid var(--SOFT-GRAY);
    z-index: 2;
    opacity: 0;
}
#viewItemDetailsSidebar > div {
    padding: 9px 10px 8px;
    text-align: center;
    margin: 0;
    border-top: 4px solid var(--SOFT-GRAY);
    position: relative;
    background: white;
    width:100%;
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}
#viewItemDetailsSidebar > div:first-child,
body:not(.consultant-view) #viewItemDetailsSidebar > div.previewHidden:first-child + div:not(.previewHidden) {
    margin-top: auto;
}
#viewItemDetailsSidebar > div:first-child:before,
body:not(.consultant-view) #viewItemDetailsSidebar > div.previewHidden:first-child + div:not(.previewHidden):before,
#viewItemDetailsSidebar > div:first-child:after,
body:not(.consultant-view) #viewItemDetailsSidebar > div.previewHidden:first-child + div:not(.previewHidden):after {
    display: none;
}
#viewItemDetailsSidebar > div:last-child { margin-bottom: auto; border-bottom: 4px solid var(--SOFT-GRAY); }
#viewItemModalGallery {
    display: flex;
    line-height: 0;
    align-items: flex-start;
    margin: 0 auto 0px;
    width: 100%;
    background: linear-gradient(45deg, var(--MED-GRAY), var(--GUNMETAL), var(--GUNMETAL), var(--LIGHT-GRAY));
    height: 85px;
    min-height: 85px;
    padding: 0 5px;
    box-shadow: 0 13px 40px -27px #000000 inset;
    overflow: auto;
    -ms-overflow-style: none;  /* Internet Explorer 10+ */
    scrollbar-width: none;  /* Firefox */
}
#viewItemModalGallery::-webkit-scrollbar {
    width:0;
    height:0;
}
#viewItemModalGallery:before,
#viewItemModalGallery:after {
    content: " ";
    height: 1px;
    min-width: 50%;
    width: 50%;
}
.modal-dialog.zoomingModal #viewItemModalGallery {
    opacity: 0;
}
#viewItemModalGallery.disabled { overflow: hidden; }
#viewItemModalGallery.disabled > div { opacity: .25; cursor:default; }
#viewItemModalGallery > div:first-child .lookWrap .lookLayoutWrap,
#viewItemRelatedLooksWrap .lookWrap .lookLayoutWrap,
#viewItemModalGallery > div:first-child .lookWrap .lookLayoutWrap .slotHeightAuto {
    height: 100% !important;
    min-height: initial;
}
#viewItemRelatedLooksWrap .lookWrap .lookLayoutWrap.singleItem .lookImage img,
.lookPreview .lookWrap .lookLayoutWrap.singleItem .lookImage img { align-self: center; }

#viewItemModalGallery .lookWrap .lookLayoutWrap > div { max-height: 100%; }
#viewItemModalItemWrap {
    display: flex;
    padding: 0;
    width: 100%;
    height: calc(100% - 85px);
    min-height: calc(100% - 85px);
    flex: 1 1 auto;
    background:var(--SOFT-GRAY);
    overflow: auto;
    opacity: 1;
}
#viewItemModalItemWrap.fadeIn { transition: .2s ease opacity; }
#viewItemModalImagePaneWrap {
    display: flex;
    flex: 1 0 61.8%;
    height: 100%;
    width: 61.8%;
    flex-direction: column;
    position: relative;
    padding: 5px 5px 5px;
    background: var(--SOFT-GRAY);
}
#viewItemModalImagePaneInner {
    width: 100%;
    max-width: 650px;
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: block;
    max-height: 100%;
    display: flex;
    flex: 0;
    gap: 8px;
}
#viewItemModalImagePane {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 3px;
    padding: 1px 1px 8px;
    flex: 1;
    height: 100%;
    max-height: 100%;
}
#viewItemModalImagePane .lookLayoutWrap.singleItem {
    max-height: 100% !important;
}
#viewItemModalImagePane .lookImage[data-is-external="0"]:hover {
    filter: brightness(1.1) contrast(0.95) saturate(1.02);
    background: white;
}
#viewItemRelatedLooksWrap > div:not(#moreLooksWrap),
#viewItemRelatedLooksWrap #moreLooksWrap > div {
    position:relative;
    top:0;
}
#viewItemModalImagePane .lookImage[data-is-external="1"]:hover,
#viewItemRelatedLooksWrap > div:not(#moreLooksWrap):hover,
#viewItemRelatedLooksWrap #moreLooksWrap > div:hover {
    filter: brightness(1.2) contrast(0.95) saturate(1.1) hue-rotate(-3deg);
}
#viewItemRelatedLooksWrap > div:not(#moreLooksWrap):hover,
#viewItemRelatedLooksWrap #moreLooksWrap > div:hover {
    top:-2px;
    box-shadow: 0px 2px 5px -2px rgba(0, 0, 0, 0.6);
}
/*
#viewItemModalImagePane .lookImage[data-is-external="0"]:hover:before {
    content: ' ';
    display: block;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    pointer-events: none;
    z-index: 2;
    background: rgb(0 208 255 / 5%);
    mix-blend-mode: color-burn;
}
*/

#viewItemModalImagePane .lookImage { transition: filter .3s ease-out; }
#viewItemModalImagePane .lookImage:hover { transition: none; }
#viewItemModalImagePane .lookImage:after {
    content: var(--string-click-to-view-item-details);
    margin: auto;
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: 0px;
    background: #0b0b0bad;
    box-shadow: none;
    color: hsl(0deg 0% 80.72%);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.7em 0.7em 0.45em;
    font-style: normal;
    font-family: var(--FONT-BODY);
    text-transform: uppercase;
    font-size: 12.5px;
    letter-spacing: 1.4px;
    word-break: break-word;
    white-space: normal;
    line-height: 14px;
    font-weight: 500;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease-out;
    transition-delay: 0s;
    padding: 15px;
    text-shadow: 0 0 15px black, 0 0 25px black;
}
#viewItemModalImagePane .lookImage:hover:after {opacity: 1;transition-delay: 0.25s;}
#viewItemModalImagePane .lookWrap.legacyLayout .lookImage:after,
#viewItemModalImagePane .lookWrap.legacyLayout .lookImage .ownedItemLabel	{
    font-size: calc(11px * (1 / var(--viewItemModalHoverFontSize, 1.0))) !important;
}
#viewItemModalImageDetails {
    line-height: 15px;
    width: 100%;
    display: flex;
    justify-content: center;
    margin-bottom: 0;
    flex: 0 0 auto;
}
#viewItemModalImageDate,
#viewItemModalImageSource {
    text-align: left;
    text-transform: uppercase;
    font-weight: 500;
    color: var(--SPANISH-GRAY);
    font-size: 12px;
}
#viewItemModalImageSrc:not(.btn) {
    letter-spacing: 0.05em;
    text-align: left;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 0.85em;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: calc(100% - 14em);
}
#singleLookPhotoDetailsButtons,
#itemDetailsMgmtButtons,
#lookMgmtButtons {
    width:100%;
    max-width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    min-height: 36px;
    height: 36px;
    gap: 5px;
}
#singleLookPhotoDetailsButtons .btn.btn-xs,
#itemDetailsMgmtButtons .btn.btn-xs,
#lookMgmtButtons .btn.btn-xs {
    flex: 0;
    margin: 0;
    letter-spacing: 0.6px;
    font-weight: 400;
    font-size: 11.5px;
    padding-left: 6px;
    padding-right: 8px;
}
#singleLookPhotoDetailsButtons .btn.btn-xs svg,
#itemDetailsMgmtButtons .btn.btn-xs svg,
#lookMgmtButtons .btn.btn-xs svg {
    height: 21px;
    width: auto;
}
/*
.itemDetailsZoomBtn,
#ownedItemZoomBtn {
    display: none;
}
*/
#viewItemModalImagePaneInner .imgWrap {
    max-height: calc(100% - 20px - 10px - 26px);
    margin-bottom: 10px;
    display: block;
    position: relative;
}
#viewItemModalImagePaneInner .imgWrap img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
}
#viewItemModalImagePaneInner .ownedItemLabelWrap {
    flex: 0 0 auto;
    margin: -5px auto 10px;
    display: flex;
    justify-content: center;
    position: static;
}
/*
#viewItemModalImagePaneInner .imgWrap .ownedItemLabelWrap { justify-content: center; position:relative; flex: 0 1 auto; margin-top:5px; }
#viewItemModalImagePaneInner .imgWrap .ownedItemLabelWrap .ownedItemLabel {
    padding: .4em 1em .1em;
    font-size: 14px;
    margin-top: 4px;
    min-width: 100%;
    background:none;
    text-shadow: 0 0 1px #ffffff6b, 0 0 3px #ffffff59;
}
*/

#viewItemDetailsSidebar {
    flex: 1;
    margin: 0;
    display: flex;
    max-height: 100%;
    overflow: auto;
    width: 38.2%;
    max-width: 38.2%;
    flex-basis: 38.2%;
    flex-direction: column;
    align-items: center;
    text-shadow: 0 0 4px var(--charcoal);
    padding: 0px 0 0 0px;
    background: hsl(0 0% 98% / 1);
    color: var(--SPANISH-GRAY);
}
#viewItemDetailsSidebar.empty {
    display: none;
}
#viewItemModalItemWrap #zoomedOwnedItem {
    /*
    min-width: 1px;
    min-height: 1px;
    */
    max-width: 100%;
    max-height: 100%;
}
#viewItemModalItemWrap #zoomedOwnedItem.croppingFindsItem {
    max-height: calc((100 * var(--vh)) - 200px);
}
@media (max-width: 991px) {
    #singleLookPhotoDetailsButtons .btn > .hidden-xs { display: inline !important; }
    #singleLookPhotoDetailsButtons .viewItemSrcBtn ~ .btn > .hidden-xs { display: none !important; }
}
@media (max-width: 991px) and (max-height: 530px) {
    #singleLookPhotoDetailsButtons .btn.viewItemSrcBtn { display: none; }
    #singleLookPhotoDetailsButtons:not(.isLook) {
        display: none;
    }
    #viewItemModalItemWrap #zoomedOwnedItem.croppingFindsItem {
        max-height: calc((100 * var(--vh)) - 140px);
    }
}
@media (max-width: 767px) {
    #viewItemModalGallery { position:sticky;top: 0; margin-bottom:-1px; /*z-index: 22;*/ }
    #viewItemModalGallery:before,
    #viewItemModalGallery:after {
        min-width: 35px;
        width:35px;
    }
    #viewItemModalGallery.overflown > div:first-child { margin-left: -35px; }
    #viewItemModalImagePaneWrap {
        width: 100%;
        flex: 1 1 auto;
        max-height: calc((100 * var(--vh)) - 135px);
        min-height: 200px;
        justify-content: flex-start;
        height: auto;
        margin: auto 0 0;
    }
    #viewItemModalItemWrap {
        min-height: initial;
        align-items: initial;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        display: block;
    }
    #viewItemModalImagePaneInner .imgWrap {
        max-height: calc(100vh - 200px - 20px - 10px - 26px);
    }
    #viewItemModalImagePaneInner .imgWrap img {
        max-height: calc(100vh - 200px - 20px - 10px - 26px);
    }
    #viewItemModalItemWrap #zoomedOwnedItem { max-height: calc((100 * var(--vh)) - 275px) }
    #viewItemModalItemWrap #zoomedOwnedItem.croppingFindsItem { max-height: calc((100 * var(--vh)) - 275px) }
    #viewItemCropWrap.replacingImage { min-height: 290px !important; }
    #singleLookPhotoDetailsButtons { margin: 0 auto auto; }
    #viewItemDetailsSidebar {
        min-width:100%;
        flex: 2 1 auto;
        overflow:visible;
        margin-bottom: auto;
    }
    #viewItemDetailsSidebar.empty {
        height: 0;
        display: block;
        overflow: hidden;
    }
    #viewItemDetailsSidebar > div:first-child {
        margin-top:0;
    }
    #viewItemModalImagePane .legacyLayout .lookImage { min-height:140px; }
    #viewItemModalImagePane .legacyLayout.doubleItem .lookImage,
    #viewItemModalImagePane .legacyLayout.quadItem .lookImage { min-height:200px; }
    #viewItemModalImagePaneInner .lookPreview { width:100%;display:flex; }
    #viewItemModalImagePaneInner .lookPreview.legacyLayout { width: 100%; overflow: inherit; }
    #viewItemModalImagePane .lookImage:after { display:none; }
    .otherLooksWithItemWrap { order: -1; }
    #viewItemDetailsSidebar > div.otherLooksWithItemWrap:last-child { border-bottom: none; }
}
/** End View Item Details Modal */


.btn.btn-ghost-dark.full.btn-badge-indicator {
    padding-left: 0;
    column-gap: 0;
    -webkit-column-gap: 0;
    height: 36.5px;
    padding: 4px .75em 0 0em;
    line-height: 41.5px;
}
body.mac .btn.btn-ghost-dark.full.btn-badge-indicator {
    padding: 0px .75em 0 0em;
}

.btn-badge-indicator.btn-ghost-dark.full .badge {
    font-size: 14px;
    font-family: var(--FONT-BODY);
    font-weight: 400;
    background: var(--SPANISH-GRAY);
    color: white;
    border-radius: 0;
    margin: -2px .7em 0 0;
    padding: 0px 7px 0px 8px;
    line-height: 36.5px;
    height: 33.5px;
}
body.mac .btn-badge-indicator.btn-ghost-dark.full .badge {
    margin: -3.5px .7em 1.5px 0;
}




#findsSections ul li.new-item,
#closetSections ul li.new-item,
#lookbookSections ul li.new-item {
    background: #dbc0f7;
    opacity: 0;
    max-height:0;
    transform: translateX(-300px);
    /** animation:
        openSpace 0.2s ease forwards,
        moveIn 0.3s 0.2s ease forwards;
    **/
}
@keyframes openSpace {
    to {
        max-height: 300px;
    }
}
@keyframes moveIn {
    to {
        opacity: 1;
        transform: translateX(0);
    }
}
#footer {
    margin-top: 20px;
}
#footer.preview {
    margin-left: 0;
}
.consultant-view #footer {
    margin-left: 270px;
    overflow:hidden;
}
.consultant-view #footer .container {
    width: auto;
    margin: 0;
}
.consultant-view #helpSection {
    margin-left: 265px;
    width: auto;
    overflow: hidden;
}
#errorLog {
    display: none;
    text-align:left;
    white-space:pre;
    font-size:14px;
    font-family:monospace;
    margin:20px;
    padding:10px;
}
.consultant-view #errorLog {
    display:block;
    margin-left: 285px;
}

body.preview .previewHidden,
body:not(.consultant-view) .previewHidden { display:none !important; }

.previewVisible { display:none !important; }
body:not(.consultant-view) .previewVisible { display:block !important; }

body:not(.preview) .previewVisibleFlex { display:none !important; }
body.preview .previewVisibleFlex { display:flex !important; }

.closetItemImageWrap { position:relative; }
.closetItemImageWrap .btn { z-index:1; }
.closetItemImageWrap .hoverOverlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(#23232385, #23232370, #2323232b);
    z-index: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: #ffffffd5;
    color: var( --OFF-WHITE);
    letter-spacing: 0.12em;
    text-align: left;
    font-size: 11.5px;
    font-weight: 500;
    padding: 0 0 0 5px;
    text-transform: uppercase;
    line-height: 1.2em;
    pointer-events: none;
    opacity: 0;
    transition: opacity .2s ease;
}
.closetItemImageWrap:hover .hoverOverlay {
    opacity:1;
}
.closetItemImageWrap .hoverOverlay div {
    display: flex;
    overflow: hidden;
    max-width: 90%;
    padding: 5px 0 2px;
    border: 1px solid var( --OFF-WHITE);
    border-left: none;
    border-right: none;
}
.closetItemImageWrap .hoverOverlay span {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    padding-right: 6px;
}
.closetItemImageWrap .hoverOverlay svg {
    fill: #ffffffb3;
    stroke: #ffffffd4;
    fill: var( --OFF-WHITE);
    stroke: var( --OFF-WHITE);
    height: 40px;
    width: auto;
    stroke-width: 0;
    margin: 0 0 10px;
}
.closetItemImageWrap .hoverOverlay .masked-svg {
    height: 30px;
    width: 30px;
    margin-bottom: 15px;
    margin-top: -50px;
}

.soldOutWrap {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    /*background: rgba(255, 255, 255, 0.71);*/
    box-shadow: 0 0 153px -67px black inset;
}

.soldOutWrap p {
    font-family: medio;
    font-size: 35px;
    text-transform: uppercase;
    position: absolute;
    top: 50%;
    margin-top: calc(-.5em);
    line-height: 1em;
    text-align: center;
    left: 0;
    right: 0;
    color: #323232;
    letter-spacing: 2px;
    background: rgba(255, 255, 255, 0.4);
    padding: 10px 0 5px;
}
td:hover .soldOutWrap {
    opacity: 0;
    z-index: -1;
}
.sectionOptionsBtn, .sectionOptionsDropdown { display: none; }
.lookSection .sectionOptionsBtn, .lookSection .sectionOptionsDropdown { display: flex; }
.sectionOptionsBtn, .addToSectionBtn { border:1px solid transparent;box-shadow:none;background:white; color:#323232; }
.sectionOptionsBtn:hover svg { fill: white; }
.sectionOptionsBtn svg { color: #323232; stroke-width: .2px; }

.btn-ghost-light.sectionOptionsBtn.disabled {
background: transparent;
color: #8B8B8B;
}

.dropdown.open .sectionOptionsBtn,
.sectionOptionsBtn:hover {
    border:1px solid transparent;border-radius:1px;background:#323232; color:white;
    display: flex;
}

.consultant-view .closetSectionPreview .btn .badge.badge-danger.new {
    font-size: 8px;
    color: var(--RUBY);
    background: white;
    border: 1px solid var(--RUBY);
    padding: 3px 2px 1px;
    letter-spacing: .04em;
    font-weight: 600;
    position: absolute;
    top: -1px;
    left: -9px;
    height: 13px;
    border-radius: 0;
    width:auto;
}
.consultant-view .sectionMenu li.new {
    position: relative;
}
.consultant-view .sectionMenu li.new:after {
    content: "New!";
    font-size: 8.5px;
    color: var(--RUBY);
    background: white;
    border: 1px solid var(--RUBY);
    padding: 3px 4px 1px;
    letter-spacing: .04em;
    font-weight: 600;
    position: absolute;
    top: 50%;
    margin-top: -9px;
    right: 7px;
    height: 18px;
    border-radius: 0px;
    text-transform: uppercase;
    pointer-events: none;
}
.consultant-view li.sectionVisibilityToggleWrap.new:after {
    margin-top: -14px;
}
.dropdown.open .dropdown-toggle > .badge.new,
body:not(.consultant-view) .closetSectionPreview .btn .badge.badge-danger.new,
body:not(.consultant-view) .sectionMenu li.new:after {
    display: none;
}

#catalogTitle .btn {
    padding: 4px 6px 0;
    vertical-align: top;
    font-size: 13px;
    line-height: 16px;
    margin: 0px 0 0 10px;
    border: none;
    float:right;
}

.closetItemLinkStatusBtn {
    position: absolute;
    display: none;
    top: 0px;
    left: -1px;
    z-index: 2;
    border-radius: 2px;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0;
    padding: 2px 6px 3px 4px;
    height: auto;
    text-shadow: none;
    z-index:999;
}
.closetItemLinkStatusBtn:hover {
    background: #323232;
    color: #FFF;
}
.closetItemLinkStatusBtn.inactive,
.closetItemLinkStatusBtn.inactive:focus {
    background: #DBDBDB;
    color: #6F6F6F;
}
.closetItemLinkStatusBtn.inactive:hover {
    background: #DBDBDB;
    color: #333;
}
.closetItemLinkStatusBtn.inactive { display: block; }
.closetItemImageWrap:hover .closetItemLinkStatusBtn {
    display: block;
}
.closetItemLinkStatusBtn .fa-moon-o { display:none; }
.closetItemLinkStatusBtn .fa-check { display:inline-block; }
.closetItemLinkStatusBtn.inactive .fa-moon-o { display:inline-block; }
.closetItemLinkStatusBtn.inactive .fa-check { display:none; }

#catalogDescription a { font-weight:bold; }

#catalogSettingsBtn, #catalogCollagesBtn, #catalogSharingBtn {
    margin: 0 auto 10px;
    min-width: 260px;
    padding: 0.48em 0.55em 0.18em;
    height: 34px;
}
/*
#catalogSettingsBtn i, #catalogCollagesBtn i, #catalogSharingBtn i {
    float:left;
    position: relative;
    top: -2px;
}
*/

.nav-tabs.nav-justified>li>a {
    font-family: medio;
    text-transform: uppercase;
    font-size: 18px;
    line-height: 18px;
    letter-spacing: 2px;
    color: #444;
}
.nav-tabs.nav-justified>li.active>a:focus { color:#444; }
.nav-tabs.nav-justified>li>a:focus { color:white; }


/*****************************/
/* Triangle and line */
/*****************************/

/* Triangle stacked nav */
.tabs.tabs-stacked.tabs-style-linetriangle {
    width: 95px;
    height: 100%;
    float: left;
    z-index:2;
}
.tabs.tabs-stacked.tabs-style-linetriangle li {
    width: 100%;
    display: block;
    flex: initial;
    /* border-right: 1px solid rgba(0, 0, 0, 0.19); */
}
ul.inventoryTabs.nav-stacked {
    top: 0;
    border-bottom: 0;
}
/*
.tabs-style-linetriangle.tabs-stacked nav li.active a:after {
    margin: 0;
    left: 100%;
    top: 50%;
    margin-top: -10px;
    border-color: rgba(0, 0, 0, 0);
    border-left-color: white;
    margin-left: -1px;
}
.tabs-stacked.tabs-style-linetriangle nav li.active a:before {
    margin: 0;
    left: 100%;
    top: 50%;
    margin-top: -10px;
    border-color: rgba(0, 0, 0, 0);
    border-left-color: rgba(0, 0, 0, 0.12);
    margin-left: 0;
}
*/

.tabs-style-linetriangle nav a svg {
    font-size: 30px;
    display: block;
    line-height: 1.7em;
    height: 34px;
    width: 28px;
    color: var(--GUNMETAL);
    stroke: var(--GUNMETAL);
    stroke-width: 0.25px;
    margin: 0 auto 6px;
}
.tabs-style-linetriangle nav a svg {
    fill: var(--SPANISH-GRAY);
    stroke: var(--SPANISH-GRAY);
}
.tabs-style-linetriangle nav #closetNav a:hover svg {
    fill: var(--GUNMETAL);
    stroke: var(--GUNMETAL);
}

/*
.tabs-style-linetriangle nav a:hover svg {
    fill: var(--CHARCOAL);
    stroke: var(--CHARCOAL);
}
*/

.tabs-stacked ul.lookBuilderNav {
    height: 100%;
    position: relative;
    display: block;
    border-right: 1px solid rgba(0, 0, 0, 0.19);
}
.tabs-stacked nav {
    height: 100%;  position: relative;  display: block;
    border-bottom: none;
}

#pinnedOnClosetsCountLbl,
#pinnedOnCatalogsCountLbl,
#pinnedOnTagsCountLbl {
    letter-spacing: 0.06em;
    margin-left: -0.1em;
}

#closetNav li {
margin: 0 2px;
}
body.preview #closetNav li:not(.viewable) {
    display:none;
}

.verbose .tabs nav #closetNav a {
font-size: 19px;
}
#closetNav a svg {
    height: 38px;
    width: 38px;
    margin-bottom: 2px;
}
/*
#findsTabBtn { max-width: 110px; }
.verbose #findsTabBtn { max-width: 125px; }
*/
#closetNavWrap {
    background: white;
    position:relative;
    position: sticky;
    height: 51px;
    top: -32px;
    margin-top: 32px;
    z-index: 26;
    transform: translate3d(0, 0, 0);
}
#closetNavWrap.stickied {
    pointer-events: none;
    background: transparent;
    top: 0;
    z-index: 28;
}
#closetNavWrap nav {
    transform: translate3d(0, 0, 0);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: white;
    pointer-events: initial;
}
#closetNavWrap.stickied nav {
    box-shadow: 0 6px 11px -6px #4d4d4d26;
}
#closetNavWrap.tabs nav ul li {
    max-width: 160px;
    transition: max-width .2s ease-out;
    transform: translate3d(0, 0, 0);
    will-change: max-width;
    flex: 1 1 calc(100% / 5);
}
#closetNavWrap.tabs-style-linetriangle nav #closetNav a > span:not(.badge) {
    font-size: 21px;
    transform: translate3d(0, 0, 0);
    will-change: font-size, color;
    transition: font-size .2s ease-out, color .2s ease-out;
}
#closetNavWrap.stickied.tabs nav ul li { max-width: min(120px, calc(30 * var(--vw))) !important; }
#closetNavWrap #findsTabBtn { margin-right: -6px; }
#closetNavWrap.stickied.tabs-style-linetriangle nav #closetNav a .badge { transition: all .2s ease-out; transform: translate3d(0, 0, 0); }
#closetNavWrap.stickied.tabs-style-linetriangle nav #closetNav a > span:not(.badge) {
    font-size: 0;
    color: transparent;
}
#closetNavWrapSentinal {
    position: absolute;
    top: -2px;
    height: 1px;
    width: 1px;
    left: 0;
}
@media (max-width: 767px) {
    body.consultant-view #closetNavWrap {
        top: 45px;
    }
    body.consultant-view #closetNavWrapSentinal {
        top: -47px;
    }
    #closetNavWrap.tabs nav ul li {
        min-width: min(120px, calc(25* var(--vw)) - 12px) !important;
        width: min(120px, calc(25* var(--vw)) - 12px) !important;
    }
}
.tab-content>#FindsTab.tab-pane,
.tab-content>#LookbookTab.tab-pane,
.tab-content>#OwnedTab.tab-pane {
    display: block;
    height: .001px !important;
    overflow: hidden;
    position: relative;
    max-height: .001px;
    min-height: .001px !important;
    margin:0 !important;
    padding: 0;
}
.tab-content>#LookbookTab.tab-pane.active { overflow: visible; }

.tab-content>#FindsTab.tab-pane.active,
.tab-content>#LookbookTab.tab-pane.active,
.tab-content>#OwnedTab.tab-pane.active {
    height: initial !important;
    max-height: initial;
    min-height: 400px !important;
    padding-top: 0;
    padding-bottom:20px;
    overflow: visible;
}

#closetNav .badge.badge-danger.notification {
    left: 60%;
    top: 3px;
    font-size: 12px;
    line-height: 18px;
    padding: 1px 5.5px 0px;
    height: initial;
    box-shadow: 0 2px 6px -2px #0000007a;
}

#closetNav li .visibilityLabel {
    position: absolute;
    top: -5px;
    left: calc(50% - 45px);
    font-size: 11px;
    font-family: sans-serif;
    font-style: italic;
    border-radius: 2px;
    color: #999;
    text-align: center;
    letter-spacing: 0;
    text-transform: initial;
    width: 25px;
    padding: 0;
}
#closetNav li.viewable .visibilityLabel { display:none; }
#closetNav li .visibilityLabel svg {
    color: #999999;
    fill: #b6b6b6;
    stroke: #b6b6b6;
    margin: 0 0 2px;
    height: 20px;
    width: 20px;
    border-radius: 100%;
    border: 1px dashed #cfcfcf;
    border: none;
}
#closetNav li.active .visibilityLabel svg {
    fill: var(--GUNMETAL);
    stroke: var(--GUNMETAL);
}
body.preview .visibilityLabel { display:none; }

#closetNav li .visibilityLabel:hover svg { border: .75px solid var(--LIGHT-GRAY); }
#closetNav li.active .visibilityLabel:hover svg { border-color: var(--CHARCOAL); }
#closetNav li a:hover .visibilityLabel svg { fill: var(--GUNMETAL);stroke: var(--GUNMETAL);border-color: var(--GUNMETAL); }

#layoutToggle {
    position: absolute;
    z-index: -1;
    vertical-align: text-bottom;
    margin-top: 6px;
    width: 70%;
    margin: 0 15%;
    display:none;
}
#lookbookTabBtn.active #layoutToggle { display:block; }
#layoutToggle .btn-group .btn {
    border-color: #8E8E8E;
    border: none;
    font-size: 21px;
    text-align: center;
    width: 50%;
    background-color: transparent;
    z-index: -4;
    color: #D0D0D0;
    box-shadow:none;
}
#layoutToggle .btn-group .btn:hover,
#layoutToggle .btn-group .btn.active{
    color:black;
}

#findsVisibilityMessage,
#lookbookVisibilityMessage,
#ownedVisibilityMessage {
    margin: 0 auto 5px;
    background: hsl(0deg 0% 97%);
    color: var(--STEEL);
    text-shadow: none;
    text-align: left;
    padding: 15px 10px 10px;
    border-radius: 0;
    display: none;
}
.visibilityMessageContents {
    display: flex;
    align-items: center;
    margin: 0 auto;
    max-width: 570px;
}
.visibilityMessageContents svg {
    height: 64px;
    min-width: 64px;
    fill: var(--STEEL);
    margin: 0 20px 0 0;
}
.visibilityMessageContents .header {
    color: var(--STEEL);
    padding: 0;
    margin: 0px 0 6px;
    text-align: left;
    font-weight:600;
}
.visibilityMessageContents p {
    letter-spacing: 0;
    text-transform: initial;
    font-weight: 300;
    margin: 0 0 6px;
    line-height: 1.2em;
    font-size: 13px;
    font-style: italic;
}
.visibilityMessageContents p:last-child {
    margin: 0 0 3px;
}






.closeModalBtn {
    background-color: #232323;
    color: #FFF;
    border: none;
    position: absolute;
    right: 0;
    top: 0;
    font-size: 16px;
    width: 32px;
    height: 32px;
    text-align: center;
    font-weight: bold;
    z-index: 3;
    overflow: hidden;
}
.closeModalBtn:hover {
    background-color: #FFF;
    color: #232323;
}

/** Look Builder Specific Styles **/

/*
.modal .lookBuilderNav a {
    overflow: visible;
    -webkit-transition: all 0.1s;
    transition: all 0.1s;
    font-size: 12px;
    font-family: sans-serif;
    letter-spacing: 0;
    text-transform: none;
}
.modal .lookBuilderNav a span {
    padding: 10px 0 5px;
}
*/

#createLookModal.loading #inventoryWrap:before {
    content: var(--string-loading);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    color: #e7e7e7;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: Medio;
    text-transform: uppercase;
    letter-spacing: .35em;
    font-size: 3.5vw;
}
#createLookModal.loading #inventoryWrap > * {
    visibility: hidden;
}

.modal .lookBuilderNav a i {
    line-height:1.3em;
}

#inventoryWrap .tab-content {
    overflow-y:auto;
}
.wardrobeContentThumbs .tab-content>.tab-pane {
    overflow:visible;
}
.wardrobeContentThumbs .tab-content>.tab-pane.empty {
    min-height: 100%;
    flex-direction: column;
}
.wardrobeContentThumbs .tab-content>.tab-pane.empty.active {
    display:flex;
}
.wardrobeContentThumbs .tab-pane > .emptyInventorySection {
    margin: auto;
}
.inventoryTabs.nav-tabs>li {
    border-bottom: 1px solid #EEE;
    margin: 0;
    width:100%;
}
.inventoryTabs.nav-tabs>li:hover { border-color:transparent; }
/*
.inventoryTabs.nav-tabs>li>a {
    margin:0;
    font-weight:bold;
    color:#6E6E6E;
}
*/
.inventoryTabs.nav-tabs>li>a:hover {
    background:#323232;
    color:white;
}
.inventoryTabs.nav-tabs>li.active>a,
.inventoryTabs.nav-tabs>li.active>a:hover,
.inventoryTabs.nav-tabs>li.active>a:focus {
    background: #4CC397;
    color: #FFF;
    border-radius: 0px;
    border: none;
    transition: all .2s ease;
    margin: 0;
}
.inventoryTabs.nav-stacked.nav-tabs>li.active>a,
.inventoryTabs.nav-stacked.nav-tabs>li.active>a:hover,
.inventoryTabs.nav-stacked.nav-tabs>li.active>a:focus {
    background: #323232;
}
.inventoryTabs.nav>li>a:hover, .nav>li>a:focus {
    background: #323232;
    color: white;
}
.inventoryTabs.nav>li>a {
    border-radius: 0;
    border: none;
    word-break: break-word;
    min-height: 40px;
    padding: 8px 15px 7px;
    line-height: 1.2;
    display: flex;
    align-items: center;
}
.clientCatalogList>li>a:focus,
.clientCatalogList>li>a:active {
    color: var(--GUNMETAL);
    background: inherit;
}

.closetLoading {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    color: #e7e7e7;
    display: flex;
    justify-content: center;
    font-family: Medio;
    text-transform: uppercase;
    letter-spacing: .35em;
    font-size: 3.5vw;
    align-items: center;
}
/*
.inventoryTabs {
    overflow-y: scroll;
    position: absolute;
    bottom: 0;
    top: 58px;
    width:100%;
}
*/
#inventoryWrap h3 {
    border-bottom:1px solid #eee;
    text-align:left;
    text-indent:4px;
    word-break: break-word;
}
/*
@-webkit-keyframes ring {
0% { -webkit-transform: rotateZ(0); }
8% { -webkit-transform: rotateZ(34deg); }
16% { -webkit-transform: rotateZ(-32deg); }
24% { -webkit-transform: rotateZ(18deg); }
32% { -webkit-transform: rotateZ(-16deg); }
40% { -webkit-transform: rotateZ(2deg); }
48% { -webkit-transform: rotateZ(-1deg); }
56% { -webkit-transform: rotateZ(1deg); }

64% { -webkit-transform: rotateZ(0); }
100% { -webkit-transform: rotateZ(0); }
}

@-moz-keyframes ring {
0% { -moz-transform: rotateZ(0); }
8% { -moz-transform: rotateZ(34deg); }
16% { -moz-transform: rotateZ(-32deg); }
24% { -moz-transform: rotateZ(18deg); }
32% { -moz-transform: rotateZ(-16deg); }
40% { -moz-transform: rotateZ(2deg); }
48% { -moz-transform: rotateZ(-1deg); }
56% { -moz-transform: rotateZ(1deg); }

64% { -moz-transform: rotateZ(0); }
100% { -moz-transform: rotateZ(0); }
}

@keyframes ring {
0% { transform: rotateZ(0); }
8% { transform: rotateZ(34deg); }
16% { transform: rotateZ(-32deg); }
24% { transform: rotateZ(18deg); }
32% { transform: rotateZ(-16deg); }
40% { transform: rotateZ(2deg); }
48% { transform: rotateZ(-1deg); }
56% { transform: rotateZ(1deg); }

64% { transform: rotateZ(0); }
100% { transform: rotateZ(0); }
}
*/

@media screen and (max-width: 58em) {
    .tabs-style-linetriangle nav {
        font-size: 0.6em;
    }
}



/** Lookbook Styles **/

.looksWrap { margin:10px auto 0;text-align:center;padding:0; }

.lookImage { width:auto;display:inline-block; }
.lookImage img {
    width: auto;
    display: inline-block;
    padding: 0;
    margin: 0;
    box-shadow: none;
    border: none;
    border-radius: 0;
    position: relative;
    vertical-align: middle;
    max-width: 100%;
    max-height: 216px;
    height: auto;
}

span.lookItemHelper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.lookImage .hoverBox {
    opacity: 0;
    position: absolute;
    top: 0px;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(255, 255, 255, 0.19);
    /*-webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    -ms-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    */
    border-top: 4px solid #000;
}
.lookImage:hover .hoverBox { opacity:1; }
.lookImage .hoverBox .viewLooksWithItemBtn {
    width: 100%;
    margin: 0px auto;
    display: block;
    font-family: Cinzel;
    height: 42px;
    white-space: normal;
    font-size: 14px;
    padding: 8px 2px 4px 2px;
    letter-spacing: 1px;
    line-height: 14px;
    border-color: rgba(0, 0, 0, 0);
    position: absolute;
    transition: all 0.15s ease;
    bottom: 0;
    background: #FFF;
    color: #000;
    border: 1px solid #000;
    border-right: 0;
    border-left: 0;
    text-align: center;
    z-index: 3;
}
.lookImage .hoverBox .viewLooksWithItemBtn.single {
    height: 22px;
    color: #A4A4A4;
    border-color: #BEBEBE;
    font-family: sans-serif;
    line-height: 1em;
    padding: 2px;
}
.lookImage .hoverBox .viewLooksWithItemBtn.single .itemsLooksCount { display:none; }
.lookImage .hoverBox .viewLooksWithItemBtn.single .lookVsLooks { display:none; }
.lookImage .hoverBox .viewLooksWithItemBtn.single .badge { display:none; }
.lookImage .hoverBox .viewLooksWithItemBtn:hover {
    background: #000;
    color: #FFF;
}
.lookImage .hoverBox .viewLooksWithItemBtn.single:hover { background:white;color:black;cursor:default; }
.lookImage .hoverBox .viewLooksWithItemBtn .badge {
    border-radius: 0px;
    background: rgba(30, 30, 30, 0);
    color: #979797;
    display: block;
    margin: 0;
    font-size: 19px;
    line-height: 43px;
    height: auto;
    width: 27px;
    font-family: Cinzel;
    padding: 0px;
    position: absolute;
    right: 0px;
    top: 0px;
    bottom: -1px;
    background-size: contain;
    text-align: center;
}
.lookImage .hoverBox .viewLooksWithItemBtn .badge i {
    line-height: 41px; font-size: 19px; color: #0E0E0E; text-shadow: none;
}
.lookImage .hoverBox .viewLooksWithItemBtn:hover .badge i {
    color: #FFF;
}
.lookImage .hoverBox .itemExternalLink { z-index:2;position:absolute;top:42px;left:0;right:0;bottom:0; }

#lookbookWrap .panel {
    background: rgba(0, 0, 0, 0);
    border: none;
}
.lookWrap {
    position: relative;
    border-radius: 0px;
    box-shadow: 0px 2px 5px -2px rgba(0, 0, 0, 0.2);
    margin: 8px 12px 14px;
    vertical-align: top;
    width: calc(33% - 10px);
    /*
    min-width: 360px;
    max-width: 360px;
    */
    padding: 0;
    background: var(--GUNMETAL);
    display: flex;
    flex-direction: column;
    border: 1px solid var(--GUNMETAL);
    padding-top: 0.1px;
    padding-bottom: 0.25px;
}
.lookWrap > div { width: 100%; }

.lookWrap .lookRow {
    display: flex;
    background: var(--GUNMETAL);
    /*
    align-items: stretch;
    min-height:40px;
    */
    overflow:hidden;
    flex: 1;
}

.lookWrap a { color:#9E9E9E; }
.lookWrap i {
    font-size: 22px;
    display: inline-block;
    margin-right: 5px;
    position: relative;
    vertical-align: middle;
    top: 2px;
}
.consultant-view .lookWrap .lookMenu i {
    vertical-align: initial;
    top: 2px;
    font-size: 20px;
}
.lookWrap .lookMenu i.masked-svg,
.consultant-view .lookWrap .lookMenu i.masked-svg {
    aspect-ratio: 1.0;
    height: 28px;
    margin-right: 0;
    background-color: currentColor;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: 50% 50%;
}
/* .consultant-view .looksWrap { min-height: 200px; } */

.lookSizingWrap { width:100%; padding-bottom:46px; position:relative; }
.singleItem .lookSizingWrap { padding-bottom: 0; }

.singleItem .lookImage img {
    height: auto;
    width: 100%;
    min-height:100%;
    max-height: none;
    max-height: initial;
    object-fit: cover;
    align-self: flex-start;
}
.lookWrap.doubleItem .lookImage,
.lookWrap.quadItem .lookImage {
    height: 200px;
}

.lookImage {
    display: block;
    padding: 0;
    z-index: 21;
    position: relative;
    white-space: nowrap;
    text-align: center;
    cursor: pointer;
    flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    min-height: 170px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    border: 0px solid #ffffff;
    border-right: 1px solid var(--GUNMETAL);
    border-bottom: 1px solid var(--GUNMETAL);
}
.legacyLayout .lookImage.background-removed {
    background-size: contain;
    background-color: white;
}
.lookRow .lookImage:last-child {border-right: none;}
.lookRow .lookImage:first-child { border-left: none; }
a.lookImage:after {
    content: " ";
    clear: both;
    width: 100%;
    display: block;
    height: 21px;
    margin: 0 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.lookWrap.singleItem .lookImage { min-height: auto; }
.closetItemsPreview .lookImage {
    min-height: 1px;
    height: auto !important;
}

.lookItemsBreak { display:inline-block; }
@media (max-width: 940px) {
    .lookItemsBreak { display:inline; }
}
@media (max-width: 1024px) {
    #inventoryWrap .tab-content>.tab-pane {
        padding-right: 20px;
    }
    #inventoryWrap .wardrobeContentThumbs .tab-content>.tab-pane {
        padding: 0;
        margin: 0 0px;
    }
}
html.touch #inventoryWrap .wardrobeContentThumbs .tab-pane {
    padding: 0 0px 20px !important;
    /* overflow-y: scroll !important; */
}
html.touch #inventoryWrap .wardrobeContentThumbs .tab-pane .closetSectionItemDraggable {
    padding: 0 40px 20px !important;
}

.consultant-view .lookItemsBreak {
    display: inline;
}

.lookMenu {
    width: 100%;
    text-align: center;
    z-index: 22;
    background:white;
    color: var(--GUNMETAL);
    border-bottom: 0px solid var(--GUNMETAL);
    display: flex;
    padding: 0;
    position: relative;
}

.lookWrap.noMenu {
    padding-top: 0;
}
.lookWrap.singleItem {
    padding-top: 0;
}
/*
.singleItem .lookMenu {
    background-color: rgba(0, 0, 0, 0.26);
    border-top: none;
}
.consultant-view .singleItem .lookMenu {
    background-color: #131313;
    border-top: none;
}
.singleItem .lookMenu a:hover {
    background-color: #131313;
}
*/
.lookMenu a {
    color: var(--GUNMETAL);
    font-size: 11px;
    font-weight: bold;
    letter-spacing: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 2px 12px 2px;
    text-decoration: none;
    flex: 1;
    min-width: calc(100% / 5);
    line-height: 11px;
    height: 45px;
    border: none;
    position:relative;
}
.consultant-view .lookMenu a {
    padding: 4px 2px 2px;
    height: 45px;
    border: none;
    flex-direction: column;
    opacity: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}
.lookMenu a svg,
.itemActionsWrap .btn svg {
    fill: var(--GUNMETAL);
}
.lookMenu a:last-child,
.itemActionsWrap .btn:last-child {
    border-right:none;
}
.lookMenu a:hover,
.itemActionsWrap .btn:hover {
    background: #404040;
    color:rgba(255, 255, 255, 0.96);
}
.lookMenu a:hover svg,
.itemActionsWrap .btn:hover svg {
    fill: rgba(255, 255, 255, 0.96);
}

.lookMenu a span {
    font-weight: 600;
    letter-spacing: .04em;
    font-size: 10px;
    text-transform: uppercase;
    overflow: hidden;
    padding-top: 5px;
}
.lookMenu a:hover span {
    /* height: 1.5em; */
    opacity: 1;
}
.lookMenu a:after,
.itemActionsWrap .btn:after {
    width: 0px;
    content: " ";
    position: absolute;
    top: 20%;
    bottom: 10%;
    right: -1px;
    border-right: 1px solid var(--GUNMETAL);
}
.lookMenu a:nth-child(4):after,
.lookMenu a:last-child:after,
.itemActionsWrap .btn:nth-child(3):after,
.itemActionsWrap .btn:last-child:after {
    display: none;
}
.lookMenu a:hover:after,
.itemActionsWrap .btn:hover:after {
    right: 0;
}

.lookMenu.expanded a:nth-child(2):before,
.lookMenu.expanded a:nth-child(3):before,
.lookMenu.expanded a:nth-child(4):before {
    height: 0px;
    content: " ";
    position: absolute;
    left: 2%;
    right: 2%;
    bottom: 0px;
    border-bottom: 1px solid var(--GUNMETAL);
    width: auto;
    visibility: visible;
}
.itemActionsWrap.expanded .btn:nth-child(1):hover:before,
.itemActionsWrap.expanded .btn:nth-child(2):hover:before,
.itemActionsWrap.expanded .btn:nth-child(3):hover:before {
    left: -1px;
    right: -1px;
    bottom: -2px;
    height: 1px;
    position: absolute;
    background: var(--GUNMETAL);
    z-index: 9999;
    content: " ";
    display: block;
    width: auto;
    visibility: visible;
}
.itemActionsWrap.expanded .btn.itemActionsBtn:nth-child(4):before,
.itemActionsWrap.expanded .btn.itemActionsBtn:nth-child(5):before,
.itemActionsWrap.expanded .btn.itemActionsBtn:nth-child(6):before {
    height: 0px;
    content: " ";
    position: absolute;
    left: 2%;
    right: 2%;
    top: 0px;
    border-top: 1px solid var(--GUNMETAL);
    width: auto;
    visibility: visible;
}

.itemActionsWrap.expanded { flex-wrap: wrap; }
.itemActionsWrap.expanded .btn { width: calc(100% / 3);flex-basis: auto; padding-top: 5px; }

body.mac .closetItem .itemActionsWrap.expanded .btn svg,
body.mac .closetItem .itemActionsWrap.expanded .btn .masked-svg {
    margin: -11px auto -3px !important;
margin-top: -11px !important;
margin-bottom: -6px !important;
    height: 21px;
    top: 6px !important;
    width: auto !important;
}
body:not(.mac) .itemActionsWrap.expanded .btn svg,
body:not(.mac) .itemActionsWrap.expanded .btn svg,
body:not(.mac) .itemActionsWrap.expanded .btn .masked-svg {
    height: 21px;
    top: 8px !important;
    margin: -11px auto -3px !important;
    width: auto !important;
}
body.mac .closetItem:hover .itemActionsWrap.expanded .btn svg {
    top: 7px !important;
}
.itemActionsWrap.expanded .btn span {
    top: 6px !important;
    opacity: 1;
}

.lookWrap .cropBtn i {
    font-size: 14px;
    width: 1em;
}
.lookWrap .editLook.btn {
    position: absolute;
    top: 6px;
    left: 4px;
    z-index: 23;
}
.lookWrap .editLook.btn i.masked-svg {
    background-color: currentColor;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: 50% 50%;
    aspect-ratio: 1.0;
    position: relative;
    top: -1px !important;
}
.lookWrap .likedLookBtn.previewHidden {
    font-size: 12px;
    font-weight: 300;
    border: none;
    color: var(--CINNABAR);
    letter-spacing: .1em;
    background: hsl(0deg 0% 97%);
    border-bottom: 1px solid var(--GUNMETAL);
    text-align: center;
    padding: 4px 3px 1px;
    text-transform: uppercase;
    cursor:default;
}
.lookWrap .likedLookBtn.previewHidden > i.fa {
    font-size: 14px;
    top: -1px;
    margin: 0;
}

.consultant-view .lookSizingWrap {
    padding-bottom: 112px;
}

.consultant-view .lookDescription {
    width: 100%;
}

/*
.lookCommentBtn { position:relative; }
.lookCommentBtn .fa-comment.hasComments{ color: #4CC397; }

.lookCommentCount {
    position: absolute;
    top: 0.6em;
    right: 0;
    width: 100%;
    padding: 0px 5px;
    line-height: 1em;
    border-radius: 2em;
    text-align: center;
    font-size: 11px;
    color: #FFF;
    display: inline-block;
}
*/
.lookCommentBtn.unseen {
    background-color: rgba(255, 255, 255, 0.13);
}
.lookDescriptionForm {
    background-color: var(--FAINT-GRAY);
    z-index: 23;
    position: relative;
    box-shadow: 0 8px 4px -10px black inset;
    padding-bottom: 0.25px;
}
/*
.lookWrap .lookMenu .commentIconWrap {
    font-size:20px;
    display:inline-block;
    margin-right:5px;
    position:relative;
    line-height:25px;
    vertical-align: middle;
    top: -3px;
    margin-right:0;
}
.horizontalLayout .lookWrap .lookMenu .commentIconWrap {
    width:100%;
}
.consultant-view .lookWrap .lookMenu .commentIconWrap {
    vertical-align:initial;
    top:0;
    margin-right:5px
}
.lookMenu .commentIconWrap .lookCommentCount {
    left: 0;
    width: calc(100% - 5px);
}
.horizontalLayout .lookMenu .commentIconWrap .lookCommentCount {
    width: 100%;
}
.consultant-view .lookMenu .commentIconWrap .lookCommentCount {
    width:100%;
}
*/


/** HORIZONTAL LAYOUT FOR LOOKBOOK **/
.lookSection.horizontalLayout .lookWrap {
    width: auto;
    max-width: 100%;
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    display: inline-block;
    margin: 10px 5px 20px;
    max-width: calc(100% - 40px);
    padding-top: 0;
    padding-right: 90px;
    min-width: initial;
    background: #FFF;
    border:none;
}
.consultant-view .lookSection.horizontalLayout .lookWrap {
    padding-right: 110px;
}

.lookSection.horizontalLayout .lookWrap .lookMenu {
    right: 0;
    width: 90px;
    bottom: 0;
    top: 0;
    height: 100%;
    text-align: center;
    background-color: #131313;
}
.consultant-view .lookSection.horizontalLayout .lookWrap .lookMenu {
    width: 110px;
}
.lookWrap .lookMenu a:hover svg { fill: white; stroke: white; }
.lookWrap .lookMenu a:hover .commentIconWrap.hasComments svg { fill: var(--TEAL); stroke: var(--TEAL); }

.lookSection.horizontalLayout .lookWrap a {
    width: 100%;
    padding: 10px 5px 8px;
    text-align: left;
    line-height: 36px;
    font-size:10px;
}
.consultant-view .lookSection.horizontalLayout .lookWrap a {
    text-align:left;
    padding: 3px 0px 1px 10px;
    line-height: 32px;
    font-size:11px;
}
.lookSection.horizontalLayout .lookWrap a:hover {
    background: #404040;
    color: rgba(255, 255, 255, 0.96);
}
.lookSection.horizontalLayout .lookWrap a {
    width: 100%;
    text-align: center;
    padding: 7px 5px 5px;
    line-height: 18px;
    height: auto;
}
/*
.lookWrap.horizontalLayout .lookMenu .commentIconWrap {
    width:100%;
}
.consultant-view .lookWrap .lookMenu .commentIconWrap {
    width:1em;
}
*/
.lookWrap .lookMenu .commentIconWrap {
    height: 28px;
    margin: -2px 3px -6px;
    position:relative;
}
.lookWrap .lookMenu .commentIconWrap svg {
    height: 100%;
    width: auto;
}
.lookMenu a .lookCommentCount {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    padding: 0px 5px;
    text-align: center;
    display: inline-block;
    color: var(--TEAL);
    font-size: 13px;
    line-height: 28px;
    font-weight: 300;
    letter-spacing: 0;
}

.consultant-view .lookSection.horizontalLayout .lookWrap a i{
    font-size:20px;
    margin-right: 5px;
    width: 21px;
}
.lookSection.horizontalLayout .lookWrap a i{
    font-size:25px;
    margin-right: 5px;
    width: 100%;
    font-size: 23px;
    display: inline-block;
    margin: 0 auto;
}
.lookSection.horizontalLayout .lookWrap .lookImage {
    height: 220px;
    width: 180px;
    min-width: initial;
    display: inline-block;
    text-align: center;
    justify-content: center;
    background-size: contain;
    background-color: #FFF;
    margin: 0;
}
.lookSection.horizontalLayout .lookWrap .lookImage img {
    height: 215px;
    width: auto;
    max-width: 390px;
    display: inline-block;
    margin: 0 auto;
    border:none;
}
.lookSection.horizontalLayout .lookWrap .lookDescription {
    margin: 0;
    background: #FFF;
    color: #000;
    text-align: center;
    width: calc(100% + 90px);
    z-index: 22;
    padding: 6px 6px 4px;
    word-break: break-word;
    position: relative;
    border: 2px solid #131313;
    border-top: 0;
}
.consultant-view .lookSection.horizontalLayout .lookWrap .lookDescription {
    width: calc(100% + 110px);
}




/** CREATE LOOK MODAL **/

#createLookModal {
    background: transparent;
    box-shadow: none !important;
}
#createLookModalContent {
    display: flex;
    flex-direction: row;
    height: 100%;
    border-radius: 2px;
    background:none;
}
#createLookModalContent .rotateToLandscapeMsg {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: hsl(0deg 0% 46% / 83%);
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    display: flex;
    pointer-events: none;
    opacity: 0;
    transition: 2s opacity ease;
}
@media (max-width: 768px) and (orientation:portrait) and (hover: none) {
    #createLookModalContent .rotateToLandscapeMsg { display: flex; opacity: 1; pointer-events: all; }
}
#createLookModal #inventoryWrap {
    position: relative;
    display: flex;
    width: 75%;
    background: white;
    border-radius: 2px;
    overflow: hidden;
    flex: 1 1 auto;
}
#inventoryWrap .inventorySelector {
    min-width: 200px;
    max-width: 250px;
    width: 200px;
    flex: 1 0 28%;
    flex-direction: column;
    background: var(--FAINT-GRAY);
    border-right: 1px solid hsl(0 0% 92% / 1);
    overflow: auto;
    height:100%;
    max-height:100%;
    z-index: 0;
}
#inventoryWrap .wardrobeContentThumbs {
    height: 100%;
    flex: 1 1 72%;
    background: var(--FAINT-GRAY);
    overflow: hidden;
    z-index: 1;
}
#inventoryWrap .wardrobeContentThumbs .tab-content {
    overflow-y: scroll;
    height: 100%;
    padding: 0 0px;
    z-index: 0;
    display:flex;
    flex-direction:column;
}

.btn.lookEditorThumbSizeSmallerBtn,
.btn.lookEditorThumbSizeBiggerBtn {
    font-size: 20px;
    font-weight: 100;
    padding: 4px 6px 0px;
    line-height: 16px;
}
.btn.lookEditorThumbSizeSmallerBtn:before,
.btn.lookEditorThumbSizeSmallerBtn:after,
.btn.lookEditorThumbSizeBiggerBtn:before,
.btn.lookEditorThumbSizeBiggerBtn:after {
    display: none;
}
.btn.lookEditorThumbSizeBiggerBtn { padding-top: 5px; }

#lookLayoutTypeBtnGroup {
    display: flex;
    justify-content: center;
    align-items: stretch;
    margin: 0 auto;
    padding: 0;
    width: 100%;
    padding: 0 2px 0 2px;
    gap: 3px;
}
#lookLayoutTypeBtnGroup .btn {
    min-height: 40px;
    padding: 5px 5px 3px;
    float: none;
    flex: 1;
    white-space: normal;
    line-height: 1.15;
    font-size: 10.5px;
    letter-spacing: 0.06em;
    font-weight: 300;
    border-radius: 0;
    position: relative;
    gap: 6px;
}
#lookLayoutTypeBtnGroup label.btn.btn-xs.btn-ghost.full.active {
    box-shadow: none;
    color: white;
}
#lookLayoutTypeBtnGroup .btn:before,
#lookLayoutTypeBtnGroup .btn:after { display: none; }
#lookLayoutTypeBtnGroup .btn.btn-canva:before,
#lookLayoutTypeBtnGroup .btn.btn-canva:after { display: block; }
#lookLayoutTypeBtnGroup .btn.active:after {
    position: absolute;
    display: block;
    content: " ";
    width: 10px;
    height: 10px;
    z-index: 9999999;
    left: calc(50% - 7.5px);
    visibility: visible;
    overflow: visible;
    top: 100%;
    border-left: 8px solid transparent;
    border-top: 8px solid var(--GUNMETAL);
    border-right: 8px solid transparent;
}
@media (max-width: 991px) {
    #lookLayoutTypeBtnGroup .btn {
        white-space: normal;
        max-width: 75px;
    }
}
#coverPhotoUploadWrap,
#collageEditWrap {
    width: min(330px, max(26vw, 250px));
    margin: 0 auto 0;
    padding: 10px;
    border-radius: 1px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 0;
    justify-content: flex-start;
    background: none;
}
#coverPhotoDroppable { width:100px; height: 100px; max-height: 100px; min-height: 100px; }
#collageEditWrap img,
#coverPhotoUploadWrap img { width:100px; height: 100px; max-height: 100px; min-height: 100px; }
#coverPhotoUploadWrap .itemSlot img { object-fit: contain; }
#coverPhotoUploadWrap #restoreCoverPhotoBtn { display:none; }
#coverPhotoUploadWrap.isDirty #restoreCoverPhotoBtn { display:flex; }
#createLookModal #editLookSlotsWrap #coverPhotoDroppable.itemSlot img {
    cursor: default;
    max-height: min(185px, 28vh) !important;
    height: auto;
    width: auto;
    max-width: 100%;
}
#coverPhotoDroppable {
    display: flex;
    align-items: center;
    justify-content: center;
}
.coverPhotoPreview {
    max-height: 100%;
    display: flex;
    margin-top:3px;
}
#editLookSlotsWrap {
    z-index: 1;
    padding: 7px 0px 14px;
    text-align: center;
    width: min(350px, 28%);
    min-width: 270px;
    background: var(--SOFT-GRAY);
    display: flex;
    flex-direction: column;
    margin-left: 10px;
    border-radius: 2px;
    align-items: center;
}
#editLookSlotsWrap h3 {
    padding: 13px 5px 9px;
    margin: 0px 10px 10px;
    border: 1px solid #ffffff14;
    border-left: 0;
    border-right: 0;
    color: var(--GUNMETAL);
    width: fit-content;
    border: none;
    margin-top: -3px;
    margin-bottom: 0;
    white-space: nowrap;
    font-size: 20px;
    letter-spacing: 3px;
}
#upperCloseCreateLookModal {
    display: flex;
}
#lowerCloseCreateLookModal {
    display: none;
}
#editLookSlotsWrap p {
    color: #ffffff99;
    font-style: italic;
    margin-bottom: 20px;
}
#editLookSlotsWrap.coverPhoto #coverPhotoUploadWrap,
#editLookSlotsWrap.outfitPhoto #coverPhotoUploadWrap,
#editLookSlotsWrap.virtualTryOn #coverPhotoUploadWrap {
    padding: 0;
    justify-content: flex-start;
    background: none;
    margin-bottom: 15px;
}
#editLookSlotsWrap.grid #lookLayoutTopMenu {
    display: flex;
    flex: 0 0 auto;
    width: 100%;
    max-width: min(330px, max(26vw, 250px));
    margin: 5px auto 5px;
}
@media (min-width: 768px) {
    #editLookSlotsWrap {
        background: white;
        padding: 1px 0 4px;
    }
    #editLookSlotsWrap.grid #lookLayoutTopMenu {
        margin: 5px auto 5px;
        padding: 0;
        flex: 0 0 auto;
        height: 34px;
        width: 100%;
    }
}

#editLookSlotsWrap.grid #collageEditWrap,
#editLookSlotsWrap.grid #coverPhotoUploadWrap,
#editLookSlotsWrap.grid #collageNote1,
#editLookSlotsWrap.grid #collageNote2,
#editLookSlotsWrap.grid #collageNote3,
#editLookSlotsWrap.grid #lookGalleryPreviewVisibilityWrap	{ display: none !important; }
#editLookSlotsWrap.grid #lookLayoutTopMenu { display: flex; }
#editLookSlotsWrap.grid #clearLookCreation,
#editLookSlotsWrap.grid #lookBorderVisibilityWrap,
#editLookSlotsWrap.grid #lookBackgroundsVisibilityWrap,
#editLookSlotsWrap.grid #suggestedLayouts { display: flex; }
#editLookSlotsWrap.grid #suggestedLayouts { width: 100%; }

/*
#editLookSlotsWrap.collage #collageEditWrap { display: flex; }
#editLookSlotsWrap.collage #collageNote1,
#editLookSlotsWrap.collage #collageNote2 { display: block; }
#editLookSlotsWrap.collage #coverPhotoUploadWrap,
#editLookSlotsWrap.collage #lookLayoutTopMenu,
#editLookSlotsWrap.collage #suggestedLayouts,
#editLookSlotsWrap.collage #clearLookCreation { display: none !important; }
*/

#editLookSlotsWrap.outfitPhoto #coverPhotoUploadWrap,
#editLookSlotsWrap.outfitPhoto #lookGalleryPreviewVisibilityWrap { display: flex; }
#editLookSlotsWrap.outfitPhoto #collageNote3,
#editLookSlotsWrap.outfitPhoto #collageNote4 { display: block; }
#editLookSlotsWrap.outfitPhoto #collageNote1,
#editLookSlotsWrap.outfitPhoto #collageNote2,
#editLookSlotsWrap.outfitPhoto #collageEditWrap,
#editLookSlotsWrap.outfitPhoto #lookLayoutTopMenu,
#editLookSlotsWrap.outfitPhoto #suggestedLayouts,
#editLookSlotsWrap.outfitPhoto #lookBorderVisibilityWrap,
#editLookSlotsWrap.outfitPhoto #lookBackgroundsVisibilityWrap,
#editLookSlotsWrap.outfitPhoto #clearLookCreation,
#editLookSlotsWrap.outfitPhoto .coverPhotoUploadBtnsWrap .btn-canva,
#editLookSlotsWrap.outfitPhoto .coverPhotoUploadBtnsWrap .orLabel { display: none !important; }

#editLookSlotsWrap.virtualTryOn #coverPhotoUploadWrap,
#editLookSlotsWrap.virtualTryOn #lookGalleryPreviewVisibilityWrap { display: flex; }
#editLookSlotsWrap.virtualTryOn #collageNote3,
#editLookSlotsWrap.virtualTryOn #collageNote4 { display: block; }
#editLookSlotsWrap.virtualTryOn #collageNote1,
#editLookSlotsWrap.virtualTryOn #collageNote2,
#editLookSlotsWrap.virtualTryOn #collageEditWrap,
#editLookSlotsWrap.virtualTryOn #lookLayoutTopMenu,
#editLookSlotsWrap.virtualTryOn #suggestedLayouts,
#editLookSlotsWrap.virtualTryOn #lookBorderVisibilityWrap,
#editLookSlotsWrap.virtualTryOn #lookBackgroundsVisibilityWrap,
#editLookSlotsWrap.virtualTryOn #clearLookCreation,
#editLookSlotsWrap.virtualTryOn .coverPhotoUploadBtnsWrap .btn-canva,
#editLookSlotsWrap.virtualTryOn .coverPhotoUploadBtnsWrap .orLabel { display: none !important; }

/* Virtual Try-On: show VTO edit wrap, hide standard cover photo UI */
#virtualTryOnEditWrap { display: none; flex-wrap: wrap; width: 100%; margin: 0 auto; position: relative; padding-bottom: 9px; }
#editLookSlotsWrap.virtualTryOn #virtualTryOnEditWrap { display: flex !important; }
#editLookSlotsWrap.virtualTryOn #coverPhotoUploadWrap,
#editLookSlotsWrap.virtualTryOn #collageNote2,
#editLookSlotsWrap.virtualTryOn #collageNote4 { display: none !important; }
#editLookSlotsWrap.virtualTryOn #lookGalleryPreviewVisibilityWrap { display: flex; }

#vtoSettingsWrap {
    display: flex;
    gap: 0px;
    width: 100%;
    padding: 8px 0 10px 10px;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
}
#vtoSettingsWrap .vtoSettingsControl {
    width: 100%;
    justify-content: center;
    display: flex;
    align-items: center;
    gap: 5px;
    flex-direction: row;
    flex-wrap: wrap;
    flex: 1;
    min-width: 40%;
    position: relative;
}
#vtoSettingsWrap .vtoSettingsTriggerBtn {
    max-width: 100%;
    justify-content: flex-start;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
}
#vtoSettingsWrap .vtoSettingsTriggerBtn .fa-caret-down {
    margin-left: auto;
    font-size: 16px;
    margin-right: -7px;
}
#vtoSettingsWrap .vtoSettingsTriggerBtn.is-open,
#vtoSettingsWrap .vtoSettingsTriggerBtn.has-value {
    /* box-shadow: 0 0 0 1px var(--GUNMETAL) inset; */
}
#vtoSettingsWrap .vtoSettingsBtnPreview {
    max-height: 20px;
    max-width: 20px;
    min-width: 20px;
    aspect-ratio: 1;
    overflow: hidden;
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 0;
    flex: 1;
    border: 1px solid currentColor;
}
#vtoSettingsWrap #vtoBackgroundPreviewSwatch {
    display: block;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, #f2f2f2 0%, #ffffff 100%);
}
#vtoSettingsWrap #vtoBackgroundPreviewImg {
    display: none;
    width: 100%;
    height: 100%;
    object-fit: cover;
    pointer-events: all;
}
#vtoSettingsWrap .vtoSettingsBtnTextWrap {
    display: flex;
    flex-direction: column;
    line-height: 1.1em;
    flex: 0;
}
#vtoSettingsWrap .vtoSettingsBtnLabel {
    text-align: left;
    padding-top: 2px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
}
#vtoSettingsWrap .vtoSettingsBtnValue {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: normal;
    text-align: left;
    line-height: 1;
}
#vtoSettingsWrap .vtoSettingsPopover {
    position: absolute;
    top: 0px;
    right: calc(100% + 10px);
    width: min(calc(100vw - 20px), 400px);
    background: #fff;
    box-shadow: 0 10px 20px rgb(0 0 0 / 32%);
    padding: 17px;
    min-width: 100%;
    margin-top: 5px;
    z-index: 99999;
    border-radius: 1px;
}
#vtoSettingsWrap .vtoSettingsPopover.large-popup {
    top: 40px;
    left: 50%;
    position: fixed;
    margin: 0 calc(-1 * min(calc(100vw - 20px), 600px)/2);
    width: min(calc(100vw - 20px), 600px);
    height: fit-content;
    min-width: initial;
    max-height: calc(100vh - 100px);
    overflow: auto;
}
#vtoPopoverModalBackground {
    background: rgba(0, 0, 0, 0.2);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99998;
}
#vtoSettingsWrap .vtoSettingsPopoverLabel {
    display: block;
    margin: 5px 0 6px;
    font-size: 12.5px;
    font-weight: 600;
    letter-spacing: .04em;
    color: var(--GUNMETAL);
}
#select2-vtoBackgroundStyleSelect-container {
    font-family: var(--FONT-BODY);
    text-size-adjust: 100%;
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
}

#select2-vtoBackgroundStyleSelect-container .vtoBackgroundOption span { padding-top: 3px; }
.vtoBackgroundOption {
    display: flex;
    align-items: center;
    gap: 6px;
    padding-left: 10px;
}
.vtoBackgroundOptionThumb {
    width: 18px;
    height: 18px;
    border-radius: 2px;
    border: 1px solid #ccc;
    display: inline-block;
    flex: 0 0 18px;
    object-fit: cover;
}
.vtoBackgroundOptionThumb.is-as-is {
    background: repeating-linear-gradient(-45deg, #efefef 0px, #efefef 3px, #dedede 3px, #dedede 6px);
}
.vtoBackgroundOptionThumb.is-white-studio {
    background: linear-gradient(180deg, #ffffff 0%, #f5f5f5 100%);
}
.vtoBackgroundOptionThumb.is-white {
    background: #ffffff;
}
.vtoBackgroundOptionThumb.is-custom-empty {
    background: #fafafa;
    position: relative;
}
.vtoBackgroundOptionThumb.is-custom-empty:after {
    content: "+";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: #888;
    font-size: 12px;
    font-weight: bold;
}
/* #vtoCustomBackgroundWrap {
    margin-top: 8px;
    border-top: 1px solid #efefef;
    padding-top: 8px;
} */
.vtoCustomBackgroundEmptyState {
    font-size: 11px;
    color: var(--FAINT-GRAY);
    line-height: 1.25em;
    padding: 4px 5px;
}
.vtoCustomBackgroundOption {
    width: 100%;
    height: 100%;
    padding: 0;
    border: 0;
    background: transparent;
    display: block;
    position: relative;
    overflow: hidden;
}
.vtoCustomBackgroundOption img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
#vtoSettingsWrap .vtoSettingsPopoverActions {
    margin-top: 7px;
    display: flex;
    justify-content: flex-end;
    gap: 5px;
}
#vtoPromptInstructionsPreviewTxt {
    max-width: 100%;
    min-width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: left;
    font-size: 13px;
    font-style: italic;
    line-height: 1.3;
    background: var(--FAINT-GRAY);
    padding: 5px 6px 6px 8px;
}
#vtoPromptInstructionsPreviewTxt:empty {
    padding: 0;
}

#vtoClientPhotoConsentItems {
    margin-bottom:0;
}
#vtoClientPhotoConsentItems li {
    padding: 0 0 10px 5px;
    line-height: 1.4;
}
#vtoClientPhotoConsentItems li strong {
    text-transform: uppercase;
    font-size: 94%;
    letter-spacing: 0.05em;
}
#vtoClientPhotoConsentItems li::marker {
    font-weight: 500;
}

#clientPhotosWrap,
#vtoCustomBackgroundWrap,
#client-nav-photos-wrap {
    display: flex;
    gap: 10px;
    height: 220px;
    background: var(--SOFT-GRAY);
    width: 100%;
    padding: 5px 0px 0px 0px;
}
#vtoCustomBackgroundWrap {
    margin-top: 8px;
    border-top: 1px solid #efefef;
    padding-top: 8px;
}
#clientPhotoSelectionWrap {
    display: block;
    background: white;
    padding: 0px 2px;
    position: relative;
    max-height: 160px;
    max-width: 100%;
    height: 160px;
    overflow: hidden;
    text-align: center;
}
#clientPhotoSelectionWrap img {
    max-height: 100%;
    display: inline-block;
}
#virtualTryOnResultWrap {
    width: 100%;
    margin-bottom: 8px;
}
#virtualTryOnEditWrap .vtoResultRow {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    flex-wrap: nowrap;
}
#virtualTryOnEditWrap .vtoResultImageWrap {
    position: relative;
    flex: 0 0 auto;
    border-radius: 4px;
    overflow: visible;
    background: var(--SOFT-GRAY);
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 80px;
}
#virtualTryOnEditWrap #virtualTryOnResultImg {
    cursor: pointer;
    max-height: min(370px, 28vh) !important;
    height: auto;
    width: auto;
    max-width: 100%;
    display: block;
}
#virtualTryOnEditWrap .vtoResultImageWrap:hover #virtualTryOnResultImg {
    filter: brightness(0.7);
}
#virtualTryOnEditWrap .vtoResultImageWrap .vtoResultZoomBtn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    max-width: 72px;
    min-width: 36px;
    min-height: 36px;
    padding: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
}
@media (hover: none) {
    #virtualTryOnEditWrap .vtoResultImageWrap .vtoResultZoomBtn { display: none !important; }
}
#virtualTryOnEditWrap .vtoResultRow #vtoResetNewBtn { flex: 0 0 auto; margin: 0; }

/* Client photos: instruction label + horizontal scroll (4 visible), upload cell in flow */
#virtualTryOnEditWrap #vtoClientPhotosInstruction {
    display: block;
}
#virtualTryOnEditWrap .clientPhotosScrollWrap,
#virtualTryOnEditWrap .vtoCustomBackgroundActions {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    gap: 3px;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 0px 3px 5px;
    margin: 0 -2px;
    -webkit-overflow-scrolling: touch;
    width: 100%;
    flex-direction: column;
    flex: 0 0 auto;
}
#virtualTryOnEditWrap .clientPhotosList,
#virtualTryOnEditWrap .vtoCustomBackgroundList {
    /* list-style: none;
    margin: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    overflow-y: scroll;
    flex: 1;
    gap: 5px;
    padding: 0 5px; */
    list-style: none;
    margin: 0;
    overflow-y: scroll;
    flex: 1;
    gap: 5px;
    padding: 0 5px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(70px, 1fr));
}
#virtualTryOnEditWrap .clientPhotosList li,
#virtualTryOnEditWrap .vtoCustomBackgroundList li {
    position: relative;
    cursor: pointer;
    border-radius: 0;
    border: 0px solid transparent;
    transition: border-color .2s ease, box-shadow .2s ease;
    display: block;
    margin: 0px 0 0;
    height: auto;
    aspect-ratio: .75;
    width: auto;
}
#virtualTryOnEditWrap .clientPhotosList li:first-child,
#virtualTryOnEditWrap .vtoCustomBackgroundList li:first-child { margin-top: 0; box-shadow: none; }
#virtualTryOnEditWrap .clientPhotosList li:hover,
#virtualTryOnEditWrap .vtoCustomBackgroundList li:hover { border-color: var(--LIGHT-GRAY); }
#virtualTryOnEditWrap .clientPhotosList li.vto-selected,
#virtualTryOnEditWrap .vtoCustomBackgroundList li.vto-selected {
    background: var(--TEAL-BRIGHT);
    border: 2px solid var(--TEAL);
}
li.btn-hover-grow-parent.vto-selected img {
    filter: opacity(0.4) brightness(1);
    mix-blend-mode: luminosity;
}
#virtualTryOnEditWrap .clientPhotosList li img,
#virtualTryOnEditWrap .vtoCustomBackgroundList li img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
#vtoClientPhotoZoomBtn {
    position: absolute;
    top: 4px;
    right: 4px;
    z-index: 2;
    min-width: 28px;
    min-height: 28px;
    padding: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
}
#virtualTryOnEditWrap .vtoRecentlyUsedBadge {
    display: none;
    position: absolute;
    top: 4px;
    left: 4px;
    z-index: 1;
    color: #f1c40f;
    font-size: 12px;
    text-shadow: 0 0 2px rgba(0,0,0,.8);
}
#virtualTryOnEditWrap .clientPhotosList li[data-vto-recently-used="1"] .vtoRecentlyUsedBadge { display: inline-block; }

/* Upload Try-On Photo cell - same size as client photo, in scroll flow */
#virtualTryOnEditWrap .vtoUploadCell {
    width: 100%;
    aspect-ratio: calc(3 / 4);
    height: auto;
    display: flex;
    flex-direction: column;
    padding: 0;
}
#virtualTryOnEditWrap .vtoUploadCellIcon {
    display: block;
    color: var(--CHARCOAL);
    line-height: 0;
}
#virtualTryOnEditWrap .vtoUploadCellText {
    white-space: normal;
    max-height: 40px;
    height: fit-content;
}

#vtoGeneratingOverlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.85);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 10;
    border-radius: 4px;
}
#vtoGeneratingOverlay .vto-generating-spinner {
    width: 32px;
    height: 32px;
    border: 3px solid var(--SOFT-GRAY);
    border-top-color: var(--TEAL);
    border-radius: 50%;
    animation: vtoSpinner 0.8s linear infinite;
}
#vtoGeneratingOverlay .vto-generating-text {
    margin-top: 10px;
    font-size: 12px;
    font-weight: 200;
    color: var(--GUNMETAL);
    letter-spacing: 0.04em;
}
@keyframes vtoSpinner { to { transform: rotate(360deg); } }
#createLookModalContent.vto-generating #editLookSlotsWrap > * { pointer-events: none; opacity: 0.6; }
#createLookModalContent.vto-generating #editLookSlotsWrap * { pointer-events: none; }

#virtualTryOnEditWrap .vtoNoClientPhotos {
    font-size: 12px;
    color: var(--FAINT-GRAY);
    font-style: italic;
    margin: 8px 0 0;
}
#virtualTryOnEditWrap .vtoUploadCell input[type="file"] { position: absolute; opacity: 0; width: 0; height: 0; pointer-events: none; }

#editLookSlotsWrap.coverPhoto #coverPhotoUploadWrap,
#editLookSlotsWrap.coverPhoto #lookGalleryPreviewVisibilityWrap { display: flex; }
#editLookSlotsWrap.coverPhoto #collageNote1,
#editLookSlotsWrap.coverPhoto #collageNote2 { display: block; }
#editLookSlotsWrap.coverPhoto #collageNote3,
#editLookSlotsWrap.coverPhoto #collageNote4,
#editLookSlotsWrap.coverPhoto #collageEditWrap,
#editLookSlotsWrap.coverPhoto #lookLayoutTopMenu,
#editLookSlotsWrap.coverPhoto #suggestedLayouts,
#editLookSlotsWrap.coverPhoto #lookBorderVisibilityWrap,
#editLookSlotsWrap.coverPhoto #lookBackgroundsVisibilityWrap,
#editLookSlotsWrap.coverPhoto #clearLookCreation { display: none !important; }

#lookFunctionBtns { display: flex;margin:10px auto 5px;justify-content:center;gap:5px; }
#editLookSlotsWrap.outfitPhoto #coverPhotoUploadWrap,
#editLookSlotsWrap.virtualTryOn #coverPhotoUploadWrap {
    order: -1;
}
#lookSettingsWrap { flex-direction: column; width: 100%; }
@media (max-width: 991px),
(max-height: 530px) {
    #lookSettingsWrap {
        flex-direction: row;
        justify-content: space-evenly;
    }
    #lookSettingsWrap .hidden-xs {
        display: none !important;
    }
    #cancelLookCreation { display: none; }
    #editLookSlotsWrap h3 { display: none; }
    #upperCloseCreateLookModal {
        display: none !important;
    }
    #lowerCloseCreateLookModal {
        display: flex;
    }
    #lookLayoutTypeBtnGroup .btn {
        min-height: 44px;
    }
}
@media (max-height: 530px) {
    .lookEditorItem.coverPhotoPreview, .lookEditorItem.coverPhotoPreview a {
        height: 50px;
        align-items: center;
        margin-top: 0;
        margin-right: 5px;
    }
    #createLookModal #editLookSlotsWrap.coverPhoto #coverPhotoDroppable.itemSlot {
        flex-direction: row;
        min-height: initial !important;
        padding: 0 5px;
        height: auto !important;
    }
    /* .coverPhotoUploadBtnsWrap .btn-canva { font-size: 0; } */
    #collageEditWrap img,
    #coverPhotoUploadWrap img {
        min-height: 100% !important;
        height: 100% !important;
        max-height: 100% !important;
    }
    #editLookSlotsWrap.coverPhoto #coverPhotoUploadWrap,
    #editLookSlotsWrap.coverPhoto #lookGalleryPreviewVisibilityWrap {
        display: flex;
        margin: 5px 0;
        flex: 0 0 auto;
    }
    #createLookModal #editLookSlotsWrap.outfitPhoto #coverPhotoDroppable.itemSlot,
    #createLookModal #editLookSlotsWrap.virtualTryOn #coverPhotoDroppable.itemSlot { flex-direction: row; min-height: initial; }
}




#editLookSlotsWrap .lookOptionsWrap {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    padding: 0 0px;
    width: calc(100% - 10px);
    min-width: calc(100% - 10px);
    height: 100%;
    min-height: 0;
    border-radius: 1px;
    background: white;
    padding: 1px 0 2px;
    margin-top: -8px;
}
#lookLayoutPicker svg {
    font-size: 26px;
    margin: -15px -3px -11px -2px;
    height: 110%;
}

#lookLayoutPickerDDL {
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
    border: none;
    width: 285px;
    max-width: 285px;
    min-width: initial;
}
.open > #lookLayoutPickerDDL  { display:flex; }
#lookLayoutPickerDDL svg {
    font-size: 42px;
    fill: var(--GUNMETAL);
    stroke: var(--GUNMETAL);
    margin: 0;
    width: 1em;
    height: 1em;
    position: relative;
    top: -5px;
}
#lookLayoutPickerDDL span {
    position: absolute;
    bottom: -3px;
    right: 3px;
    left: 3px;
    font-size: 11px;
    text-shadow: 0 -1px var(--OFF-WHITE);
    color: var(--GUNMETAL);
    text-align: center;
    font-weight: 700;
}
#lookLayoutPickerDDL li { width: auto; min-width: initial; flex: 1; position: relative; }
#lookLayoutPickerDDL > li > a {
    padding: 5px;
    border: 1px solid var(--SPANISH-GRAY);
    border-left: none;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 0;
}
#lookLayoutPickerDDL > li > a:hover span { color: white; text-shadow: none; }
#lookLayoutPickerDDL > li > a:hover svg { fill: white; stroke: white; }
#lookLayoutPickerDDL > li > a:hover { border-color: var(--GUNMETAL); }

#lookBuilderSlotsWrap, .lookLayoutWrap {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: center;
    margin: 10px 15px 20px;
    /* height: 360px; */
}
#lookBuilderSlotsWrap {
    gap: 0;
    width: 310px;
    height: 310px;
    margin: 0px auto 5px;
    background: var(--CHARCOAL);
    border: 1px solid transparent;
    border-right: 0;
    border-bottom: 0;
    aspect-ratio: 1;
    flex: initial;
    height: 100%;
    max-height: min(330px, max(26vw, 250px));
    max-width: min(330px, max(26vw, 250px));
    width: auto;
    min-height: 70px;
    min-width: 70px;
}
#lookBuilderSlotsWrap.borderless {
    background: transparent;
    border: 2px solid var(--SOFT-GRAY);
}
.lookLayoutWrap.borderless {
    background: white;
    border-bottom: 1px solid;
}

#lookBuilderSlotsWrap.singleItem,
.lookWrap .lookLayoutWrap.singleItem {
    border-bottom: 1px solid;
}
.itemSlot {
    position:relative;
    height: 110px;
    width: 100px;
    transition: all .2s ease;
    margin: 0;
    background: var(--GUNMETAL);
    border: none;
    border-radius: 0;
    text-transform: uppercase;
    letter-spacing: .1em;
    font-size: 13px;
    line-height: 14px;
    font-style: italic;
    color: #d2d2d266;
}
.lookLayoutWrap.borderless .itemSlot { background: white; }
#createLookModal #editLookSlotsWrap .itemSlot {
    margin: 0 1px 1px 0;
    background: white;
}
#createLookModal #editLookSlotsWrap #lookBuilderSlotsWrap.borderless .itemSlot,
.lookLayoutWrap.borderless .itemSlot { margin: 0; }
.lookLayoutWrap.borderless .lookImage {
    border: none;
    margin: 0;
}

#createLookModal #coverPhotoDroppable.itemSlot {
    margin-right: 0;
    cursor: pointer;
    min-width: 100%;
    max-height: 250px;
    height: 210px;
    height: initial !important;
    flex-direction: column;
    width: 100%;
    cursor: initial;
    background: var(--SOFT-GRAY);
}
#createLookModal #editLookSlotsWrap .itemSlot .emptyDroppableText {
    display: flex;
    height: 100%;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: var(--LIGHT-GRAY);
    transition: all .2s ease;
}
#createLookModal #editLookSlotsWrap #lookBuilderSlotsWrap.borderless .itemSlot .emptyDroppableText {
    border-radius: 3px;
    width: calc(100% - 4px);
    left: 2px;
    top: 2px;
    height: calc(100% - 4px);
    border: 2px dotted #ccc;
    background: var(--SOFT-GRAY);
}
#createLookModal #editLookSlotsWrap #lookBuilderSlotsWrap .itemSlot.active .emptyDroppableText:not(:only-child) {
    color: white;
    z-index: 5;
    display: flex !important;
    border-color: #ffffff57;
    background: #4cc39780;
    border: 2px solid transparent;
    height: calc(100% - 4px);
    max-height: calc(100% - 4px);
}
#createLookModal #editLookSlotsWrap .itemSlot.hover .emptyDroppableText { color: white; }
#createLookModal #editLookSlotsWrap .itemSlot.hover .emptyDroppableText {
    display: flex !important;
    color: white !important;
    opacity: 0.9;
    z-index: 2;
}
#createLookModal #editLookSlotsWrap #lookBuilderSlotsWrap.borderless .itemSlot.hover .emptyDroppableText {
    background: var(--TEAL);
    color: white;
    border-color: transparent;
}
#createLookModal #editLookSlotsWrap .singleItem .itemSlot .emptyDroppableText {
    max-height: 310px;
    height: calc(100% - 4px);
    position: relative;
}
#createLookModal #editLookSlotsWrap .itemSlot.hover .draggableQueuedItem img {
    opacity: 0.25;
}
#createLookModal #lookBuilderSlotsWrap .itemSlot .draggableQueuedItem:hover img { opacity: 0.8; }
#createLookModal #lookBuilderSlotsWrap.borderless:hover .itemSlot { background: var(--SOFT-GRAY); }

#createLookModal #editLookSlotsWrap .itemSlot:not(#coverPhotoDroppable) svg {
    display: block;
    font-size: 38px;
    height: 43px;
    width: 100%;
    color: var(--LIGHT-GRAY);
    fill: var(--LIGHT-GRAY);
    transition: all .2s ease;
    padding-bottom: 0;
    padding-top: 0;
    margin: 0 auto;
}
.draggableItem, .draggableQueuedItem {
    z-index: 1;
    position: relative;
    background: transparent;
    border-radius: 0;
    cursor: move;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    display:flex;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
}
.wardrobeContentThumbs,
.wardrobeContentThumbs div,
.closetSectionItemDraggable,
.closetSectionItemDraggable li,
.draggableItem,
.draggableItem *,
.draggableItem a,
.draggableItem a img,
.draggableQueuedItem * {
    -webkit-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    user-drag: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
}
#createLookModal #editLookSlotsWrap .itemSlot .draggableQueuedItem {
    flex: 1;
    display: flex;
    border-radius: 0;
    height: 100% !important;
    width: 100% !important;
    padding: 0;
    transition: padding .2s ease;
}
#createLookModal #editLookSlotsWrap .itemSlot.active {
    background: #FFF;
    border-color: transparent;
    color: #717171;
}
#createLookModal #editLookSlotsWrap .itemSlot.hover {
    background: #4CC397;
    color:#FFF;
}
#createLookModal #editLookSlotsWrap #lookBuilderSlotsWrap.borderless .itemSlot.hover {
    background: white;
}
#createLookModal #editLookSlotsWrap .itemSlot.active:not(#coverPhotoDroppable) svg { fill: #4CC397; }
#createLookModal #editLookSlotsWrap .itemSlot.hover:not(#coverPhotoDroppable) svg { fill: white; }

#createLookModal #editLookSlotsWrap .itemSlot .draggableQueuedItem a {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.itemSlot img {
    object-fit: cover;
    height: 100%;
    width: 100%;
    max-height: 100% !important;
    max-width: 100% !important;
}
.itemSlot img.background-removed,
.lookSection .draggableItems .dragItem img.background-removed,
.closetSectionItemDraggable img.background-removed,
.lookEditorItem.ui-draggable-dragging img.background-removed	{
    object-fit: contain;
    background: white;
}
#createLookModal #editLookSlotsWrap .itemSlot img {
    cursor: move;
    transition: opacity .2s ease;
}
.lookLayoutWrap.singleItem .lookImage {
    border-right: none;
    border-bottom: none;
}

#createLookModal #editLookSlotsWrap #lookBuilderSlotsWrap .itemSlot.active .emptyDroppableText:not(:only-child) {
    color: white;
    z-index: 5;
    display: flex !important;
    border-color: #ffffff57;
    background: #4cc39780;
    border: 2px solid transparent;
}

#createLookModal #editLookSlotsWrap #lookBuilderSlotsWrap .itemSlot.active .draggableQueuedItem img { opacity: 1; transition: opacity .2s ease; }
#createLookModal #editLookSlotsWrap #lookBuilderSlotsWrap .itemSlot.active .draggableQueuedItem:not(:only-child) {
    opacity: 0.5;
    z-index: 4;
}
#createLookModal #editLookSlotsWrap #lookBuilderSlotsWrap .itemSlot.active .draggableQueuedItem:before {
    background: #ffffff59;
}
#createLookModal #editLookSlotsWrap #lookBuilderSlotsWrap .itemSlot.active .emptyDroppableText:not(:only-child) svg {
    color: white;
    fill: white;
    opacity: .6;
}
#createLookModal #editLookSlotsWrap #lookBuilderSlotsWrap.borderless .itemSlot.active:after,
.lookLayoutWrap.borderless .itemSlot.active:after {
    content: ' ';
    border: 2px dotted hsl(0deg 0% 80%);
    border-radius: 3px;
    position: absolute;
    top: 2px;
    left: 2px;
    right: 2px;
    bottom: 2px;
    z-index: -1;
    pointer-events: none;
}
#createLookModal #editLookSlotsWrap #lookBuilderSlotsWrap .itemSlot.active.hover .draggableQueuedItem:not(.ui-draggable-dragging) img { opacity: 0; }
#createLookModal #editLookSlotsWrap #lookBuilderSlotsWrap .itemSlot.active.hover .draggableQueuedItem { opacity: 1 !important; }
#createLookModal #editLookSlotsWrap #lookBuilderSlotsWrap .itemSlot.active.hover .emptyDroppableText:not(:only-child) {
    background: var(--TEAL);
    border: 2px solid var(--TEAL);
}
#createLookModal #editLookSlotsWrap #lookBuilderSlotsWrap.borderless:hover .itemSlot .draggableQueuedItem:not(:only-child),
#createLookModal #editLookSlotsWrap #lookBuilderSlotsWrap.borderless .itemSlot.active .draggableQueuedItem:not(:only-child) {
    padding: 2px;
}
#createLookModal #editLookSlotsWrap #lookBuilderSlotsWrap .itemSlot .draggableQueuedItem.ui-draggable-dragging {
    z-index: 20 !important;
    background: white;
    padding: 0;
}
.draggableQueuedItem.ui-draggable-dragging { z-index: 99999; position: absolute; }

#createLookModal #editLookSlotsWrap #lookBuilderSlotsWrap.borderless:hover .itemSlot .draggableQueuedItem a {
    border-radius: 3px !important;
    overflow: hidden !important;
}
#createLookModal #editLookSlotsWrap #lookBuilderSlotsWrap.borderless:hover .itemSlot:not(.active) .emptyDroppableText {
    background: var(--SOFT-GRAY);
}

#editLookSlotsWrap .lookItemZoomBtn { display: none; }
.wardrobeContentThumbs .lookEditorItem { position: relative; }
.wardrobeContentThumbs .lookItemZoomBtn {
    position: absolute;
    top: 3px;
    right: 3px;
    width: 23px;
    height: 23px;
    min-height: 23px;
    line-height: 1em;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 0;
    padding-bottom: 0;
}
.wardrobeContentThumbs .draggableItem .lookItemZoomBtn {
    opacity: 0;
    pointer-events: none;
    transition: .2s ease all;
}
.wardrobeContentThumbs .draggableItem:hover .lookItemZoomBtn {
    opacity: 1;
    pointer-events: all;
}
html.touch .draggableItem .lookItemZoomBtn { display:none; }

html.touch .closetSectionItemDraggable li a::after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding-bottom: 1px;
    padding: 0 4px 3px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    content: "Press & Hold For Zoom";
    line-height: 1.1;
    font-size: 10.5px;
    letter-spacing: .09em;
    font-weight: 700;
    text-transform: uppercase;
    color: white;
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: 50% 43%;
    background-color: #43434370;
    transition: 1.2s opacity ease;
    opacity: 0;
    -webkit-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    user-drag: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    pointer-events: none;
}
html.touch .closetSectionItemDraggable li div:not(.dragging) a:active::after {
    opacity: 1;
    transition-delay: 0.3s;
    -webkit-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    user-drag: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    pointer-events: none;
}



/** Layout styles for Looks - Old Style (Pre 09/2025) - New style uses Grid instead of Flex, below **/
#lookBuilderSlotsWrap > div,
.lookLayoutWrap > div {
    display: flex;
    max-height: 100%;
}
#lookBuilderSlotsWrap > div {
    /* gap: 3px; */
}
.slotColHeight100 { height: auto; min-height:100%; max-height:100%; display: flex; flex-direction: column; }
#lookBuilderSlotsWrap .slotColHeight100 { margin-right:1px; /* gap: 3px; */ }

.slotWidth20 { width: calc(100% / 5 - 1px); }
.slotWidth25 { width: calc(100% / 4 - 1px); }
.slotWidth33 { width: calc(100% / 3 - 1px); }
.slotWidth50 { width: calc(100% / 2 - 1px); }
.slotWidth66 { width: calc(100% * (2/3) - 1px); }
.slotWidth100 { width: calc(100%) !important; }
.slotHeight20 { height: calc(100% / 5 - 1px); }
.slotHeight25 { height: calc(100% / 4 - 1px); }
.slotHeight33 { height: calc(100% / 3 - 1px); }
.slotHeight50 { height: calc(100% / 2 - 1px); }
.slotHeight66 { height: calc(100% * (2/3) - 1px); }
.slotHeight100 { height: calc(100% - 1px) !important; }
.slotHeightAuto { height: auto !important; }
.slotHeightAuto {
    height: auto !important;
    min-height: 200px;
    height: 400px;
    max-height: 100%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}
.closetSectionPreview .slotHeightAuto { min-height: 1px; }

#lookBuilderSlotsWrap.borderless .slotWidth20,
.lookLayoutWrap.borderless .slotWidth20 { width: calc(100% / 5); margin: 0; }
#lookBuilderSlotsWrap.borderless .slotWidth25,
.lookLayoutWrap.borderless .slotWidth25 { width: calc(100% / 4); margin: 0; }
#lookBuilderSlotsWrap.borderless .slotWidth33,
.lookLayoutWrap.borderless .slotWidth33 { width: calc(100% / 3); margin: 0; }
#lookBuilderSlotsWrap.borderless .slotWidth50,
.lookLayoutWrap.borderless .slotWidth50 { width: calc(100% / 2); margin: 0; }
#lookBuilderSlotsWrap.borderless .slotWidth66,
.lookLayoutWrap.borderless .slotWidth66 { width: calc(100% * (2/3)); margin: 0; }
#lookBuilderSlotsWrap.borderless .slotHeight20,
.lookLayoutWrap.borderless .slotHeight20 { height: calc(100% / 5); margin: 0; }
#lookBuilderSlotsWrap.borderless .slotHeight25,
.lookLayoutWrap.borderless .slotHeight25 { height: calc(100% / 4); margin: 0; }
#lookBuilderSlotsWrap.borderless .slotHeight33,
.lookLayoutWrap.borderless .slotHeight33 { height: calc(100% / 3); margin: 0; }
#lookBuilderSlotsWrap.borderless .slotHeight50,
.lookLayoutWrap.borderless .slotHeight50 { height: calc(100% / 2); margin: 0; }
#lookBuilderSlotsWrap.borderless .slotHeight66,
.lookLayoutWrap.borderless .slotHeight66 { height: calc(100% * (2/3)); margin: 0; }
#lookBuilderSlotsWrap.borderless .slotHeight100,
.lookLayoutWrap .slotHeight100 { height: calc(100%) !important; margin: 0; }

.lookLayoutWrap .lookImage {
    flex: 1;
    display: flex;
    border-radius: 0;
    height: 100% !important;
    width: 100% !important;
    margin: 0;
    min-height:initial;
    overflow:hidden;
}
.lookWrap .lookLayoutWrap {
    margin: 0;
    width: 100%;
    gap: 0;
    border:none;
    /* height: 360px; /** height overwritten by grid script **/
}
#lookBuilderSlotsWrap .lookWrap .lookLayoutWrap {
    border: 1px solid transparent;
}

.lookLayoutWrap .slotWidth20 { width: calc(100% / 5 - 0px); }
.lookLayoutWrap .slotWidth25 { width: calc(100% / 4 - 0px); }
.lookLayoutWrap .slotWidth33 { width: calc(100% / 3 - 0px); }
.lookLayoutWrap .slotWidth50 { width: calc(100% / 2 - 0px); }
.lookLayoutWrap .slotWidth66 { width: calc(100% * (2/3) - 0px); }
.lookLayoutWrap .slotWidth100 { width: calc(100%) !important; }
.lookLayoutWrap .slotHeight20 { height: calc(100% / 5 - 0px); }
.lookLayoutWrap .slotHeight25 { height: calc(100% / 4 - 0px); }
.lookLayoutWrap .slotHeight33 { height: calc(100% / 3 - 0px); }
.lookLayoutWrap .slotHeight50 { height: calc(100% / 2 - 0px); }
.lookLayoutWrap .slotHeight66 { height: calc(100% * (2/3) - 0px); }

.lookLayoutWrap .itemSlot.lastInRow .lookImage { border-right: none; }

/** New Look Layout Styles Using Grid - 09/2025 **/
.css-grid-look-layout,
.lookWrap .lookLayoutWrap.css-grid-look-layout,
#lookBuilderSlotsWrap.css-grid-look-layout,
#createLookModal #editLookSlotsWrap .lookLayoutWrap.css-grid-look-layout {
    display: grid;
    gap: max(.75px, calc( 1px / var(--devicePixelRatio)));
    border: none; /* 1px solid transparent; */
}
#lookBuilderSlotsWrap.css-grid-look-layout {
    border: 1px solid transparent;
}
.css-grid-look-layout.lookLayoutWrap .lookImage {
    border: none;
}
.closetSectionPreview .closetItemsPreview .lookWrap .lookLayoutWrap.css-grid-look-layout:not(.borderless) {
    gap: min(0.75px, calc( 2px / var(--devicePixelRatio)));
}
.css-grid-look-layout.borderless,
.lookWrap.borderless .lookLayoutWrap.css-grid-look-layout,
.lookWrap .lookLayoutWrap.css-grid-look-layout.borderless,
#lookBuilderSlotsWrap.css-grid-look-layout.borderless,
#createLookModal #editLookSlotsWrap .borderless .lookLayoutWrap.css-grid-look-layout {
    gap: 0;
}
#lookBuilderSlotsWrap.css-grid-look-layout.borderless {
    border: 2px solid var(--SOFT-GRAY);
}
#LookbookTab .looksWrap .lookWrap .css-grid-look-layout {
    border-bottom: 1px solid;
}


.css-grid-look-layout .itemSlot,
#lookBuilderSlotsWrap.css-grid-look-layout .itemSlot,
#createLookModal #editLookSlotsWrap .css-grid-look-layout .itemSlot,
.lookLayoutWrap.css-grid-look-layout .itemSlot {
    contain: size;
    height: auto;
    width: auto;
    margin: 0;
}

/* Grid column definitions (up to 16 cols) */
.grid-cols-1 { grid-template-columns: repeat(1, 1fr); }
.grid-cols-2 { grid-template-columns: repeat(2, 1fr); }
.grid-cols-3 { grid-template-columns: repeat(3, 1fr); }
.grid-cols-4 { grid-template-columns: repeat(4, 1fr); }
.grid-cols-5 { grid-template-columns: repeat(5, 1fr); }
.grid-cols-6 { grid-template-columns: repeat(6, 1fr); }
.grid-cols-7 { grid-template-columns: repeat(7, 1fr); }
.grid-cols-8 { grid-template-columns: repeat(8, 1fr); }
.grid-cols-9 { grid-template-columns: repeat(9, 1fr); }
.grid-cols-10 { grid-template-columns: repeat(10, 1fr); }
.grid-cols-11 { grid-template-columns: repeat(11, 1fr); }
.grid-cols-12 { grid-template-columns: repeat(12, 1fr); }
.grid-cols-13 { grid-template-columns: repeat(13, 1fr); }
.grid-cols-14 { grid-template-columns: repeat(14, 1fr); }
.grid-cols-15 { grid-template-columns: repeat(15, 1fr); }
.grid-cols-16 { grid-template-columns: repeat(16, 1fr); }

/* Grid row definitions (up to 16 rows of equal height) */
.grid-rows-1 { grid-template-rows: repeat(1, 1fr); }
.grid-rows-2 { grid-template-rows: repeat(2, 1fr); }
.grid-rows-3 { grid-template-rows: repeat(3, 1fr); }
.grid-rows-4 { grid-template-rows: repeat(4, 1fr); }
.grid-rows-5 { grid-template-rows: repeat(5, 1fr); }
.grid-rows-6 { grid-template-rows: repeat(6, 1fr); }
.grid-rows-7 { grid-template-rows: repeat(7, 1fr); }
.grid-rows-8 { grid-template-rows: repeat(8, 1fr); }
.grid-rows-9 { grid-template-rows: repeat(9, 1fr); }
.grid-rows-10 { grid-template-rows: repeat(10, 1fr); }
.grid-rows-11 { grid-template-rows: repeat(11, 1fr); }
.grid-rows-12 { grid-template-rows: repeat(12, 1fr); }
.grid-rows-13 { grid-template-rows: repeat(13, 1fr); }
.grid-rows-14 { grid-template-rows: repeat(14, 1fr); }
.grid-rows-15 { grid-template-rows: repeat(15, 1fr); }
.grid-rows-16 { grid-template-rows: repeat(16, 1fr); }

/* Column span utilities */
.col-span-1 { grid-column: span 1; }
.col-span-2 { grid-column: span 2; }
.col-span-3 { grid-column: span 3; }
.col-span-4 { grid-column: span 4; }
.col-span-5 { grid-column: span 5; }
.col-span-6 { grid-column: span 6; }
.col-span-7 { grid-column: span 7; }
.col-span-8 { grid-column: span 8; }
.col-span-9 { grid-column: span 9; }
.col-span-10 { grid-column: span 10; }
.col-span-11 { grid-column: span 11; }
.col-span-12 { grid-column: span 12; }
.col-span-13 { grid-column: span 13; }
.col-span-14 { grid-column: span 14; }
.col-span-15 { grid-column: span 15; }
.col-span-16 { grid-column: span 16; }

/* Row span utilities */
.row-span-1 { grid-row: span 1; }
.row-span-2 { grid-row: span 2; }
.row-span-3 { grid-row: span 3; }
.row-span-4 { grid-row: span 4; }
.row-span-5 { grid-row: span 5; }
.row-span-6 { grid-row: span 6; }
.row-span-7 { grid-row: span 7; }
.row-span-8 { grid-row: span 8; }
.row-span-9 { grid-row: span 9; }
.row-span-10 { grid-row: span 10; }
.row-span-11 { grid-row: span 11; }
.row-span-12 { grid-row: span 12; }
.row-span-13 { grid-row: span 13; }
.row-span-14 { grid-row: span 14; }
.row-span-15 { grid-row: span 15; }
.row-span-16 { grid-row: span 16; }

/* #createLookModal #editLookSlotsWrap #lookBuilderSlotsWrap.css-grid-look-layout .itemSlot.active .emptyDroppableText:not(:only-child) {
    height: 100%;
    max-height: 100%;
} */

/** End Grid utilities **/

#createLookModal #editLookSlotsWrap.outfitPhoto .itemSlot,
#createLookModal #editLookSlotsWrap.virtualTryOn .itemSlot,
#createLookModal #editLookSlotsWrap.coverPhoto .itemSlot {
    background: transparent;
}

#createLookModal #editLookSlotsWrap.coverPhoto .itemSlot.slotHeight33,
#createLookModal #editLookSlotsWrap.outfitPhoto .itemSlot.slotHeight33,
#createLookModal #editLookSlotsWrap.virtualTryOn .itemSlot.slotHeight33 {
    width: calc(100% / 5 - 4px);
    height: calc(100% / 3 - 4px);
    margin: 0 4px 4px 0;
}

#createLookModal #editLookSlotsWrap.coverPhoto #lookBuilderSlotsWrap.borderless .itemSlot.slotHeight33,
#createLookModal #editLookSlotsWrap.outfitPhoto #lookBuilderSlotsWrap.borderless .itemSlot.slotHeight33,
#createLookModal #editLookSlotsWrap.virtualTryOn #lookBuilderSlotsWrap.borderless .itemSlot.slotHeight33 {
    margin: 0 4px 4px 0;
}
#createLookModal #editLookSlotsWrap.coverPhoto .itemSlot.hover,
#createLookModal #editLookSlotsWrap.outfitPhoto .itemSlot.hover,
#createLookModal #editLookSlotsWrap.virtualTryOn .itemSlot.hover {
    background: var(--TEAL);
    color: white;
}
#createLookModal #editLookSlotsWrap.coverPhoto .itemSlot:not(#coverPhotoDroppable) i,
#createLookModal #editLookSlotsWrap.outfitPhoto .itemSlot:not(#coverPhotoDroppable) i,
#createLookModal #editLookSlotsWrap.virtualTryOn .itemSlot:not(#coverPhotoDroppable) i {
    font-size: 27px;
    padding-top: 15px;
    padding-bottom: 0;
}
#editLookSlotsWrap.coverPhoto #lookBuilderSlotsWrap,
#editLookSlotsWrap.outfitPhoto #lookBuilderSlotsWrap,
#editLookSlotsWrap.virtualTryOn #lookBuilderSlotsWrap {
    height: 185px;
    justify-content: center;
    margin: 10px auto;
    width: 100%;
    background: var(--SOFT-GRAY);
    box-shadow: none;
    padding-top: 3px;
    padding-left: 3px;
    border: 2px solid var(--SOFT-GRAY);
}
#editLookSlotsWrap.coverPhoto #lookBuilderSlotsWrap.css-grid-look-layout,
#editLookSlotsWrap.outfitPhoto #lookBuilderSlotsWrap.css-grid-look-layout,
#editLookSlotsWrap.virtualTryOn #lookBuilderSlotsWrap.css-grid-look-layout {
    gap: 2px;
}
/*
#editLookSlotsWrap.coverPhoto #lookBuilderSlotsWrap.borderless,
#editLookSlotsWrap.outfitPhoto #lookBuilderSlotsWrap.borderless,
#editLookSlotsWrap.virtualTryOn #lookBuilderSlotsWrap.borderless {
    border: none;
}
*/
#createLookModal #editLookSlotsWrap.coverPhoto .itemSlot .emptyDroppableText,
#createLookModal #editLookSlotsWrap.outfitPhoto .itemSlot .emptyDroppableText,
#createLookModal #editLookSlotsWrap.virtualTryOn .itemSlot .emptyDroppableText {
    font-size: 0;
}
#createLookModal #editLookSlotsWrap.coverPhoto #lookBuilderSlotsWrap .itemSlot .emptyDroppableText,
#createLookModal #editLookSlotsWrap.outfitPhoto #lookBuilderSlotsWrap .itemSlot .emptyDroppableText,
#createLookModal #editLookSlotsWrap.virtualTryOn #lookBuilderSlotsWrap .itemSlot .emptyDroppableText {
    border-radius: 3px;
    width: calc(100% - 0px);
    left: 0px;
    top: 0px;
    height: calc(100% - 0px);
}
#createLookModal #editLookSlotsWrap.coverPhoto #lookBuilderSlotsWrap.css-grid-look-layout .itemSlot .emptyDroppableText,
#createLookModal #editLookSlotsWrap.outfitPhoto #lookBuilderSlotsWrap.css-grid-look-layout .itemSlot .emptyDroppableText,
#createLookModal #editLookSlotsWrap.virtualTryOn #lookBuilderSlotsWrap.css-grid-look-layout .itemSlot .emptyDroppableText {
    margin: 2px;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
}
#createLookModal #editLookSlotsWrap.coverPhoto .itemSlot .emptyDroppableText:before,
#createLookModal #editLookSlotsWrap.outfitPhoto .itemSlot .emptyDroppableText:before,
#createLookModal #editLookSlotsWrap.virtualTryOn .itemSlot .emptyDroppableText:before {
    content: "+";
    font-family: var(--FONT-BODY);
    font-weight: 100;
    position: absolute;
    text-indent: -2px;
    font-size: min(56px, max(27px, min(10vh, 4vw)));
    opacity: .4;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 1px;
    line-height: 0px;
    padding-top: min(11px, 2vh);
}
#createLookModal #editLookSlotsWrap.coverPhoto .itemSlot.active .emptyDroppableText:before,
#createLookModal #editLookSlotsWrap.outfitPhoto .itemSlot.active .emptyDroppableText:before,
#createLookModal #editLookSlotsWrap.virtualTryOn .itemSlot.active .emptyDroppableText:before {
    color: var(--TEAL);
    opacity: 0.7;
}
#createLookModal #editLookSlotsWrap.coverPhoto .itemSlot .emptyDroppableText:only-child,
#createLookModal #editLookSlotsWrap.outfitPhoto .itemSlot .emptyDroppableText:only-child,
#createLookModal #editLookSlotsWrap.virtualTryOn .itemSlot .emptyDroppableText:only-child {
    border: 2px dotted var(--LIGHT-GRAY);
}
#createLookModal #editLookSlotsWrap.coverPhoto .itemSlot.hover, #createLookModal #editLookSlotsWrap.outfitPhoto .itemSlot.hover,
#createLookModal #editLookSlotsWrap.virtualTryOn .itemSlot.hover {
    border: none;
    border-radius: 3px;
}
#createLookModal #editLookSlotsWrap.coverPhoto #lookBuilderSlotsWrap .itemSlot.hover .emptyDroppableText,
#createLookModal #editLookSlotsWrap.outfitPhoto #lookBuilderSlotsWrap .itemSlot.hover .emptyDroppableText,
#createLookModal #editLookSlotsWrap.virtualTryOn #lookBuilderSlotsWrap .itemSlot.hover .emptyDroppableText {
    border: none;
}
#createLookModal #editLookSlotsWrap.coverPhoto #lookBuilderSlotsWrap.borderless:hover .itemSlot .draggableQueuedItem:not(:only-child),
#createLookModal #editLookSlotsWrap.coverPhoto #lookBuilderSlotsWrap.borderless .itemSlot.active .draggableQueuedItem:not(:only-child),
#createLookModal #editLookSlotsWrap.outfitPhoto #lookBuilderSlotsWrap.borderless:hover .itemSlot .draggableQueuedItem:not(:only-child),
#createLookModal #editLookSlotsWrap.outfitPhoto #lookBuilderSlotsWrap.borderless .itemSlot.active .draggableQueuedItem:not(:only-child),
#createLookModal #editLookSlotsWrap.virtualTryOn #lookBuilderSlotsWrap.borderless:hover .itemSlot .draggableQueuedItem:not(:only-child),
#createLookModal #editLookSlotsWrap.virtualTryOn #lookBuilderSlotsWrap.borderless .itemSlot.active .draggableQueuedItem:not(:only-child) {
    padding: 0;
}

#trashDroppable, #addItemDroppable {
    height: 45px;
    border: 1px solid #e3423436;
    background: var(--CINNABAR);
    line-height: 1.2em;
    color: white;
    display: flex;
    text-align: left;
    padding: 5px 10px 2px 10px;
    border-radius: 2px;
    margin: 0 -1px;
    text-transform: uppercase;
    font-size: 11.5px;
    font-weight: 500;
    letter-spacing: .05em;
    align-items: center;
    justify-content: center;
}
#trashDroppable.hover { background: #C0392B;border-bottom: 3px solid #9C2215; }
#addItemDroppable {
    background: #f5f5f5;
    color: #717171;
    border: 1px solid white;
    border-bottom: 3px solid white;
    margin: 0 1px;
    border-radius: 3px;
    border: 2px dotted hsl(0deg 0% 16% / 24%);
}
#addItemDroppable.hover { background:var(--TEAL-BRIGHT);color:white;border-color:var(--TEAL-BRIGHT);border-bottom: 3px solid var(--TEAL); }
#addItemDroppable i { color:var(--TEAL); }
#addItemDroppable.hover i { color:white; }

#inventoryWrap .tab-content:before,
#inventoryWrap .tab-content:after {
    content: ' ';
    pointer-events: none;
    opacity: 0;
    transition: none;
    transition-delay: 1s;
}

#inventoryWrap.ui-droppable-active .tab-content .tab-pane.active.fade.in:after {
    transition: opacity .6s ease;
    transition-delay: 1s;
    opacity: 1;
    background: #e6d6d35c;
    position: absolute;
    height: 100%;
    min-height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: ' ';
    margin: 0;
    z-index: 1;
    box-shadow: 0 0 22px 15px #e6d6d35c;
    order: -1;
}
#inventoryWrap.ui-droppable-active .tab-content .tab-pane.active.fade.in:before {
    transition: opacity .6s ease;
    transition-delay: 1s;
    opacity: 1;
    content: var(--string-drop-here-to-remove-from-look);
    position: absolute;
    top: calc(50vh - 40px);
    bottom: initial;
    height: 80px;
    margin-bottom: -80px;
    left: 10px;
    right: 10px;
    border-radius: 3px;
    z-index: 2;
    color: #ca543fad;
    background: #ffffffe3;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    letter-spacing: .09em;
    font-size: 23px;
    text-align: center;
    padding: 25px 5px 20px;
    font-weight: 600;
}
#inventoryWrap.ui-droppable-active.hover .tab-content .tab-pane.active.fade.in:before {
    background: var(--CINNABAR);
    color: white;
}


#suggestedLayouts {
    display: flex;
    justify-content: flex-start;
    text-transform: uppercase;
    color: white;
    font-size: 11px;
    font-weight: 400;
    letter-spacing: .08em;
    width: 322px;
    margin: 0px auto;
    border: none;
    padding: 6px 11px 4px 13px;
    align-items: center;
    border-bottom: 1px solid var(--SOFT-GRAY);
}
#suggestedLayoutLabel {
    margin-right: auto;
    display: block;
    color: var(--GUNMETAL);
    text-align: left;
    line-height: 1em;
    flex: 1;
}
#suggestedLayoutLabel .primary { white-space:no-wrap; }
#suggestedLayoutLabel .explanatory {
    font-weight: 300;
    font-size: 10px;
    font-style: italic;
    color: white;
}
.layoutOptions {
    display: flex;
    margin-left: 5px;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.suggestedLayoutOption.btn.btn-xs {
    padding: 0;
    width: 0;
    border-width: 0;
    overflow: hidden;
    -webkit-transform: scale(0);
    transform: scale(0);
    transition: transform .5s ease, -webkit-transform .5s ease;
    background: transparent;
}
.suggestedLayoutOption.btn.btn-xs.shown {
    margin: 0 1.5px 3px;
    border-width: 0px;
    transform: scale(1);
    flex: 0 0 auto;
    min-width: initial;
    width: auto;
}
.btn.btn-xs.suggestedLayoutOption svg {
    font-size: 30px;
    margin: -4px;
    stroke: var(--MED-GRAY);
    stroke-width: 1px;
    fill: var(--MED-GRAY);
    width: 37px;
    height: auto;
}
#suggestedLayouts .suggestedLayoutOption.highlighted svg,
.suggestedLayoutOption.btn.btn-xs:hover svg {
    fill: var(--TEAL);
    stroke: var(--TEAL);
}

/*
#createLookModal,
#lookCommentsModal {
    position:relative;
    box-shadow:0 0 13px -3px black;
    position: fixed;
    min-height:1em;
    min-width:1em;
    background:#525252;
    opacity:0;
    /**-webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;** /
}
#createLookModal.open,
#lookCommentsModal.open {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
    background: #FFF;
    position: fixed;
    opacity:1;
}
#createLookModal #createLookModalContent,
#lookCommentsModal #lookCommentsModalContent {
    display:none;
    height: 100%;
    position:relative;
}
#createLookModal #editLookSlotsWrap { z-index:1;padding:20px 0px 14px;text-align:center;height: 208px; }
#createLookModal #editLookSlotsWrap ul {
    list-style:none;
    padding:0;
    margin:0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
#createLookModal #editLookSlotsWrap .itemSlot {
    height: 110px;
    width: 100px;
    border: 2px dashed #888;
    margin: 1px;
    display: inline-block;
    border-radius: 4px;
    max-width: calc(100%/9 - 8px);
    font-size: 12px;
    color: #888;
    transition: all .2s ease;
    vertical-align: top;
}
#createLookModal #editLookSlotsWrap ul li:hover {
    background: rgba(0, 0, 0, 0.06);
    border-color: rgba(0, 0, 0, 0);
}
#createLookModal #editLookSlotsWrap .itemSlot:not(#coverPhotoDroppable) svg {
    display:block;
    font-size: 38px;
    padding-top: 25px;
    color: #333;
    transition: all .2s ease;
}

#createLookModal #editLookSlotsWrap .itemSlot.active {
    background: #FFF;
    border-color: transparent;
    color: #717171;
}
#createLookModal #editLookSlotsWrap .itemSlot.hover {
    color:#FFF;
}
#createLookModal #editLookSlotsWrap .itemSlot.active:not(#coverPhotoDroppable) svg { color: #4CC397; }
#createLookModal #editLookSlotsWrap .itemSlot.hover:not(#coverPhotoDroppable) svg { color: white; }

#createLookModal #inventoryWrap {
    height: calc(100% - 208px);
    position:absolute;
    top:208px;
    width:100%;
}
*/


.closetSectionItemDraggable { list-style:none; text-align:left;padding:0;margin:0;text-align:center; }
.closetSectionItemDraggable li {
    z-index: 1;
    display: inline-block;
    margin: 7px;
    vertical-align: middle;
    height: 114px;
    width: 110px;
    align-items: center;
    justify-content: center;
    border-bottom: 4px solid var(--CHARCOAL);
    cursor: move;
    position: relative;
    box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.03);
    border-radius: 2px;
}
.wardrobeContentThumbs .closetSectionItemDraggable li {
    height: calc(110px * var(--lookBuilderThumbSize) + 4px);
    width: calc(110px * var(--lookBuilderThumbSize));
    margin: calc(2px * var(--lookBuilderThumbSize));
    transition: .2s ease height, .2s ease width;
}

.closetSectionItemDraggable li a { cursor:move;display:flex;height:100%;width:100%; }
#createLookModal .ui-draggable-dragging {
    z-index: 3;
    max-width: calc(110px * var(--lookBuilderThumbSize));
    max-height: calc(110px * var(--lookBuilderThumbSize) + 4px);
}
.closetSectionItemDraggable img,
.lookEditorItem.ui-draggable-dragging img {
    height: calc(110px * var(--lookBuilderThumbSize));
    width: calc(110px * var(--lookBuilderThumbSize));
    object-fit: cover;
}
.lookEditorItem.ui-draggable-dragging {
    border-bottom: 4px solid var(--CHARCOAL);
    height: calc(110px * var(--lookBuilderThumbSize) + 4px);
    width: calc(110px * var(--lookBuilderThumbSize));
    z-index: 99999;
    box-shadow: 0 5px 7px -1px rgba(0, 0, 0, 0.5);
    border-radius: 2px;
}
.lookEditorItem.ui-draggable-dragging img { border-bottom: none;box-shadow:none; }


/*
.draggableItem, .draggableQueuedItem {
    z-index:1;
    position:relative;
    background:transparent;
    border-radius:4px;
    cursor:move;
    left: -2px;
    top: -2px;
    width: calc(100% + 4px);
    height: calc(100% + 2px);
    overflow: hidden;
    max-width: 170px;
}
.draggableItem.ui-draggable-dragging, .draggableQueuedItem.ui-draggable-dragging { width:100%;height:auto;left:0;top:0;z-index:2; }
.draggableItem.ui-draggable-dragging { display:flex;align-items:center;justify-content:center;background:white;border-radius:4px;min-width:106px;box-shadow:0 2px 6px -3px black;text-align:Center;z-index:99999; }
.draggableItem.ui-draggable-dragging a { display:flex;height:100%;width:100%;align-items:center;justify-content:center; }
.draggableItem.ui-draggable-dragging img { height:100%;width:100%;object-fit:cover; }
.itemSlot img { max-width: 100%;max-height: 106px;cursor:move; }
*/
/* .emptyDroppableText { padding-bottom: 30px; } */

/*
#trashDroppable {
    background: #7B7B7B;
    border-bottom: 3px solid #6F6F6F;
    height: 49px;
    width: 90%;
    margin: 0 auto;
    line-height: 46px;
    font-size: 13px;
    color:white;
    font-weight:bold;
}
#createLookModal #editLookSlotsWrap #saveLookBtn.filled { background:white;color:#000; }
#createLookModal #editLookSlotsWrap #saveLookBtn.filled:hover { background:#4CC397;border-color:#4CC397;color:white; }
*/

#saveLookBtn.disabled { pointer-events:inherit; }

@media (max-width: 1050px),
(max-height: 490px) {
    #createLookModal #editLookSlotsWrap .itemSlot .emptyDroppableText { font-size: 0; line-height: 0; }
    #createLookModal #editLookSlotsWrap .itemSlot:not(#coverPhotoDroppable) svg { height: 41px; }
}
@media (min-width: 768px) {
    #lookFunctionBtns { margin:0 auto 0px; }
}
@media (max-height: 520px) {
    #lookBuilderSlotsWrap {
        width: auto;
        height: calc(100% - 170px);
        max-height: initial;
        max-width: initial;
    }
}



.lookDescription {
    margin: 0;
    background: white;
    text-align: center;
    width: 100%;
    padding: 6px 6px 4px;
    word-break: break-word;
    position: relative;
    border-bottom: 1px solid var(--GUNMETAL);
    line-height: 1.25em;
    font-size: 13px;
    color: var(--GUNMETAL);
    font-weight: 300;
    padding-bottom: 2px;
}


/* .lookItemsForCommentModal, */
.lookItemsForZoomModal {
    text-align: center;
    padding: 5px 0;
    border-bottom: 1px solid #000;
    background: var(--FAINT-GRAY);
    min-height: 60px;
}
/* .lookItemsForCommentModal > div, */
.lookItemsForZoomModal > a {
    display: inline-block;
    max-width: 60px;
    max-width:calc(100% / 9);
    height: 48px;
    white-space: nowrap;
    background: #F9F9F9;
    margin: 2px 1px;
    border-bottom: 3px solid #969696;
}
/* .lookItemsForCommentModal img, */
.lookItemsForZoomModal img {
    display: inline-block;
    padding: 0;
    border: none;
    border-radius: 0;
    max-height: 100%;
    height: 85px;
    max-width: 100%;
}
.newLookCommentWrap {
    flex: 0 0 auto;
}
.tooltip {
    z-index: 99999;
}
#helpModal {
    z-index: 999999;
}
#modalBackground {
    position: fixed;
    background: rgba(0, 0, 0, 0.59);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 30;
    display:none;
    border-radius: 1px;
}
.lookMenu .likeBtn.liked { color: var(--CINNABAR); }
.lookMenu a.likeBtn.liked:hover {
    color: #FFF;
    background: var(--CINNABAR);
}

#copyItemModal.copySection .onlyItemsCopy,
#copyItemModal.copyFindsItem .onlyLookItemCopy,
#copyItemModal.copyLookItem .onlyFindsItemCopy,
#copyItemModal.copyItems .onlySectionsCopy { /* Only show items visible in their corresponding */
    display:none !important;
}

#copyItemModal.copySection .onlySectionsCopy,
#copyItemModal.copyFindsItem .onlyFindsItemCopy,
#copyItemModal.copyLookItem .onlyLookItemCopy,
#copyItemModal.copyItems .onlyItemsCopy {
    display: revert;
}

#copyItemModal .onlySectionsCopy .clientCatalogList a i.fa {
    float: right;
    background: black;
    padding: 7px;
    color: #fff;
    margin: -11px -15px;
    font-size: 26px;
}

#copySectionItems {
    text-align: center;
    margin: 0;
    display: flex;
    justify-content: center;
    height: 80px;
    overflow: hidden;
    width:100%;
}
#copySectionItems div {
    margin: 0;
    border: 4px solid hsl(0 0% 93% / 1);
    border-left-width: 2px;
    border-right-width: 2px;
    height: 80px;
    width: 70px;
    max-width: calc(100% / 9);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0;
    overflow: hidden;
    padding: 0;
    background-size: cover;
    background-position: 50% 50%;
}
#copySectionItems div:first-child { border-left-width: 4px; }
#copySectionItems div:last-child { border-right-width: 4px; }

.lookItemsForCommentModal {
    display: flex;
    flex: 0 0 auto;
    justify-content: center;
    min-height: 70px;
    height: 70px;
    overflow: hidden;
    background: var(--FAINT-GRAY);
    z-index: 0;
    position: relative;
    padding: 0 15px;
}
.lookItemsForCommentModal div {
    border: 1px solid white;
    margin: 5px -10px;
    height: 60px;
    width: 60px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    padding: 0;
    background-size: cover;
    background-position: 50% 50%;
    box-shadow: -1px 0px 5px -2px rgba(0,0,0,0.3);
}

/*
ul.closetSectionList {
    list-style: none;
    padding: 0;
}
ul.closetSectionList .lookSectionChoice {
    display: block;
    padding: 10px 10px 9px;
    margin: 4px 5px 4px;
    font-weight: bold;
    background: #FFF;
    color: #606060;
    border-right: 30px solid #323232;
    position: relative;
    box-shadow: 0 1px 3px -1px rgba(0, 0, 0, 0.36);
    cursor: pointer;
    border-left:5px solid #525252;
}
ul.closetSectionList .lookSectionChoice:hover {
    border-color: #4CC397;
    background: #F1FFFA;
    color:#111;
}
ul.closetSectionList .lookSectionChoice.selected {
    background:#4CC397;
    color:white;
    border-color:#35B485;
}
ul.closetSectionList .lookSectionChoice:after {
    content: "\f067";
    color: #FFF;
    position: absolute;
    right: -30px;
    width: 30px;
    text-align: center;
    font-family: FontAwesome;
    top: calc(50% - 0.7em);
    font-size: 14px;
    font-weight: normal;
    transition: all .3s ease;
}
ul.closetSectionList .lookSectionChoice.selected:after {
    content: "\f00c";
}
ul.closetSectionList .lookSectionChoice:hover:after {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
ul.closetSectionList .lookSectionChoice.selected:hover:after {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}
.noSectionsNotice {
    border: 3px dashed #CCC;
    padding: 20px 20px;
    font-size: 21px;
    font-family: cinzel;
    color: #A5A5A5;
    text-align: center;
    border-radius: 3px;
}
button.btn.btn-ghost.bordered.btn-xs {
    font-size: 11px;
    padding-left: 0.75em;
    padding-right: 0.75em;
}
#mainClosetTabContent .btn.btn-ghost.bordered.btn-xs i {
    font-size: 1.2em;
}
*/

.closetItem .btn.editItemBtn.btn-xs,
.closetItem .btn.cropBtn.btn-xs,
.lookImage .btn.cropBtn.btn-xs {
    position: absolute;
    top: 6px;
    left: 4px;
    z-index: 1;
    width: auto;
}
/*
.closetItem .btn.cropBtn.btn-xs { }
.closetItem:hover .btn.editItemBtn.btn-xs { background:#323232;color:white; }
.closetItem:hover .btn.editItemBtn.btn-xs,
.closetItem:hover .btn.cropBtn.btn-xs,
.lookImage:hover .btn.cropBtn.btn-xs {
    display:block;
}
.closetItem .btn.editItemBtn.btn-xs:hover,
.closetItem .btn.cropBtn.btn-xs:hover,
.lookImage .btn.cropBtn.btn-xs:hover {
    background:black;
    color:white;
}

.editItemBtn i,
.cropBtn i {
    font-size: 14px;
    float: left;
}
.closetItem .btn.editItemBtn .editItemBtnLbl { width:0px;overflow:hidden;display:block; }
.closetItem:hover .btn.editItemBtn .editItemBtnLbl { width:42px;padding-left:4px;transition:all .15s ease; }
*/

#tabSettings {
    line-height: 20px;
    border-bottom: 1px solid #43434312;
    width: auto;
    margin: 0px 5px 5px 5px;
    padding: 0px 0 5px;
}
/*
#tabSettings label i {
    font-size: 28px;display: inline-block;width: 100%;text-align: center;
}
*/
#tabSettings label svg {
    width: 3em;
    height: 2.7em;
    display: block;
    width: 100%;
    margin: 0 0 -4px 2px;
    stroke-width: 0.1px;
    stroke: var(--STEEL);
    fill: var(--STEEL);
}
#tabSettings label.viewable svg {
    stroke: var(--GUNMETAL);
    fill: var(--GUNMETAL);
}
#tabSettings .checkbox { padding: 0px; }
#tabSettings label { font-weight:bold; font-size:10.5px;color:var(--GUNMETAL); }
#tabSettings label.viewable { color:var(--GUNMETAL); }
#tabSettings input[type="checkbox"] { float:none;position:relative;margin:0;display:inline-block;top:2px; }

.boughtDate {
    background: #FFF;
    padding: 3px 0 1px;
    font-style: italic;
    color: #7C7C7C;
}

.emptyInventorySection i.fa-camera-retro {
    display: block;
    float: left;
    font-size: 49px;
    padding-right: 11px;
    color: #595959;
}
.emptyInventorySection p {
    max-width: 400px;
    margin: 0 auto;
}

/*
.itemTypeOptions .btn i {
    font-size: 46px;
}
.itemTypeOptions .btn {
    padding: 2px;
    margin: 2px;
    display: block;
    display: inline-block;
    overflow:hidden;
    height: 54px;
    outline:none;
}
.itemTypeOptions {
    display: inline-block;
    text-align: center;
    margin: 0 10px 1px;
}
.itemTypeOptions.extraOptions {
    margin: 1px 0;
}
.itemTypeOptions.extraOptions .btn {
    padding: 0 7px;
    height: 27px;
    line-height: 30px;
    font-size: 15px;
}
*/

.itemTypeOptions {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0;
}
.itemTypeOptions li {
    flex: 1;
    min-width:100%;
}
.itemTypeOptions li a {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 1px;
    background: white;
    color: var(--GUNMETAL);
    padding: 0 0.3em !important;
    overflow: visible;
    font-family: var(--FONT-BODY);
    font-size: 14px;
    font-weight: 300;
    text-decoration: none;
    box-shadow: 0 1px 3px -1px rgba(0, 0, 0, 0.36);
}
ul.itemTypeOptions li a.btn {
    margin: 1.5px 5px;
    padding: 0 !important;
    height: initial !important;
}
.itemTypeOptions > li > a > svg {
    height: 50px;
    width: 60px;
    margin: -0.1em 0;
    fill: var(--GUNMETAL);
}

button.btn.btn-ghost-dark.selected {
    background: #242424;
    border-color: #242424;
    color: #FFF;
}

#apparelPhotoTips {
    margin: 0 auto;
    max-width: 100%;
    text-align: left;
    display: flex;
    flex-direction: column;
}
#apparelPhotoTips p {
    vertical-align: middle;
    text-align: left;
    font-size: 14px;
    padding: 3px 0 0 0;
    margin-top: 7px;
    text-indent: 0;
    height: auto;
    border-left: 0;
    border-right: 0;
    margin: 0 10px;
    line-height: 28px;
}
#apparelPhotoTips i,
#apparelPhotoTips svg {
    font-size: 24px;
    line-height: 28px;
    float: left;
    padding-right: 4px;
    width: 32px;
    height: 1.1em;
    text-align: center;
}


.photosToUpload {
    list-style: none;
    margin: 0 0;
    padding: 0px 10px 80px;
    padding-top: 10px;
    position: relative;
    overflow-y: scroll;
    background: var(--SOFT-GRAY);
    -webkit-user-select: none;
    user-select: none;
    border-bottom: 1px solid transparent;
}
.photosToUpload li {
    display: inline-block;
    margin: 2px;
    height: 115px;
    position: relative;
}
.photosToUpload li.uploadingImg {
    width: 33%;
    max-width: calc(33% - 1px);
    background: white;
    margin: 1px;
    padding: 3px;
    border: 1px solid #ebebeb;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align:top;
}
.photosToUpload li.uploadingImg.retrying:after,
.photosToUpload li.uploadingImg.has-error:after {
    content: "ERROR UPLOADING";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: #ca543fc2;
    color: white;
    line-height: 22px;
    height: 22px;
    padding-top: 2px;
    font-size: 12px;
    letter-spacing: 1px;
}
.photosToUpload li.uploadingImg.retrying:after {
    background: #f4b02ac4;
    content: "RETRYING...";
}
.photosToUpload li.uploadingImg img {
    padding: 2px;
    max-height: 100%;
    max-width: 100%;
}
.photosToUpload li.nopreview {
    max-width: 130px;
    background: var(--FAINT-GRAY);
    padding: 0px;
    border: 3px solid white;
    line-height: 1.1em;
}
.photosToUpload li.nopreview p {
    width: 100%;
    margin: 20px 0 3px;
    text-transform: uppercase;
    color: var(--LIGHT-GRAY);
    display: flex;
    flex-direction: column-reverse;
    letter-spacing: .03em;
    font-weight: 300;
    font-style: italic;
    font-size: 12px;
    line-height: 1.1;
}
.photosToUpload li.nopreview p small {
    display: block;
    overflow: hidden;
    width: 90%;
    white-space: normal;
    text-overflow: ellipsis;
    word-break: break-word;
    max-height: 49px;
    margin: 6px auto 5px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-height: 1.1;
    text-transform: initial;
    font-weight: 600;
    letter-spacing: 0;
    font-size: 12px;
    font-style: normal;
    color: var(--SPANISH-GRAY);
}

.photosToUpload li .imageLoadingBar {
    position:absolute;
    bottom:0;
    background:#232323;
    z-index:2;
    left: -1px;
    height: 3px;
    margin: 0 1px;
}

button.btn.btn-xs.rotateUploadBtn {
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    color: white;
    font-size: 40px;
    border:none;
    opacity: 0;
    background:rgb(67, 67, 67, .29);
    box-shadow:none;
    transition:1s opacity ease;
}
@media (hover: none) {
    button.btn.btn-xs.rotateUploadBtn.rotated { transition:none;animation: fade 1s linear forwards; }
    button.btn.btn-xs.rotateUploadBtn svg { fill: white;stroke: none; }
}
@media (hover: hover) {
    button.btn.btn-xs.rotateUploadBtn:hover,
    button.btn.btn-xs.rotateUploadBtn:active:hover,
    button.btn.btn-xs.rotateUploadBtn:active { opacity:1;transition:none; }
    button.btn.btn-xs.rotateUploadBtn svg { fill: #ffffff;stroke: none; }
    li.uploadingImg:hover .removeUploadBtn {
        background: white;
        opacity: 1;
        color: var(--GUNMETAL);
    }
}

@keyframes fade {
    0% { opacity: 1 }
    100% { opacity: 0 }
}

.responsiveWidth { display:none; }

input#boughtDatePicker {
    background: #FFF;
    cursor: pointer;
}

.grid-sizer { height: 1px; width:260px; }
.grid-sizer-owned { height: 1px; width:calc(50%); }
.grid-sizer-looks { height: 1px; min-width:360px; max-width:360px; }

.ownedItemLabelWrap {
    position: absolute;
    bottom: 3px;
    left: 0;
    right: 0;
    color: rgb(99, 99, 99);
    text-align: left;
    font-size: 12px;
    line-height: 1.1em;
    font-weight: bold;
    white-space: normal;
    display: flex;
    gap: 3px;
    justify-content: space-between;
    overflow: visible;
    pointer-events: none;
}
.ownedItemLabel {
    position: relative;
    background: white;
    border: 1px solid var(--GUNMETAL);
    border-left: none;
    border-right: none;
    color: var(--GUNMETAL);
    padding: 0.4em .5em 0.1em 0.7em;
    border-radius: 0;
    font-size: 10.5px;
    font-style: normal;
    flex: 0 1 auto;
    justify-content: center;
    /* height: 1em; */
    line-height: 1em;
    text-shadow: 0 0 1px white, 0 0 3px white;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: .1em;
    text-align: center;
    filter: drop-shadow(0px -1px 0px white) drop-shadow(0px 1px 0px white);
}
#lookBuilderSlotsWrap .ownedItemLabel,
.lookEditorItem .ownedItemLabel {
    word-break: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-height: 10.75px !important;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 27px;
    text-align: center;
    padding: 4px 7px 2px 3px;
}

#inventoryWrap .draggableItemLabel { display:none; }
#inventoryWrap .tab-pane .draggableItem:not(.ui-draggable-dragging) .draggableItemLabel {
    display:block;
    position: absolute;
    bottom: 0;
    background: rgba(255, 255, 255, 0.95);
    font-weight: bold;
    padding: 3px 5px;
    width: 100%;
    font-size: 11px;
    letter-spacing: .015em;
}
#inventoryWrap .tab-pane .ui-draggable-dragging .draggableItemLabel {
    display:none;
}

#itemExternalLinkBtn { background:white;color:black; }
#itemExternalLinkBtn:hover { background:black;color:white; }

#FindsTab .closetSection .sectionOptionsWrap {
    max-width:750px;margin:0 auto 5px;display:flex;align-items:center;justify-content:space-between;
}

/** Mobile Things **/
@media (min-width: 768px) {
    .lookWrap .deleteLookBtn.previewHidden {
        position: absolute;
        top: 6px;
        right: 4px;
        z-index: 23;
    }
}
@media (max-width: 767px) {
    #catalogSettingsBtn, #catalogCollagesBtn, #catalogSharingBtn {
        min-width: 310px;
    }
    .tab-content>#FindsTab.tab-pane.active {
        padding-top: 6px;
    }
    .consultant-view #footer,
    .consultant-view #helpSection,
    .consultant-view #errorLog {
        margin-left:0;
    }

    #FindsTab .closetSection .sectionOptionsWrap {
        justify-content: center;
    }

    /* Responsive Lookbook Styles */
    .lookMenu.expanded { flex-wrap: wrap; }
    .lookMenu a { min-width: calc(100% / 3); }
    .lookMenu a.hidden-xs {
        display: flex !important;
        flex: 0;
        min-width: 0;
        overflow: hidden;
        padding: 0;
    }
    .grid-sizer-looks { height: 1px; min-width:50%;max-width:50%; }

    #lookbookTabBtn.active #layoutToggle { display:none; }

    /*
    .lookMenu,
    .consultant-view .lookMenu {
        height: 55px;
    }
    .lookMenu a {
        width: 50%;
        width: calc(100% / 2);
        display: inline-block;
        margin: 0;
        height: 55px;
        padding: 15px;
        color:white;
    }
    .consultant-view .lookMenu a {
        width: 33%;
        width: calc(100% / 3);
        height:55px;
        padding:8px 0;
        color:#9E9E9E;
    }
    .lookMenu a.liked { color:white; }

    .consultant-view .lookMenu a i,
    .consultant-view .lookMenu a svg {
        width:100%;
        height: 24px;
    }
    .lookWrap .lookMenu .commentIconWrap {
        height: 24px;
        margin: -5px 0 -5px;
    }


    .lookMenu .previewHidden { display:none !important; }
    */
    .lookImage {
        width: 49%;
        min-width: initial;
        min-height: 120px;
        height: auto;
    }
}
@media (max-width: 667px) {
    .closetSection { width: 100%; }
    .closetItems, #OwnedTab { width:100%; }
    .grid-sizer { width:calc(50% - 2px); }

    .closetItem, #OwnedTab .closetItem { width:calc(50% - 12px);margin:0 0px 5px 6px; }
    .viewItemBtn { display:none; }
    .itemActionsBtn.btn {
        width:50%;
        flex-basis:50%;
        padding: 9px 2px 0px;
    }
    /*
    .closetItem .itemActionsBtn i,
    .closetItem .itemActionsBtn svg { top: 0px !important; }
    */
    .closetItem .itemActionsBtn svg,
    .closetItem .itemActionsBtn .masked-svg { top: 0px !important; }
    .closetItem:hover .itemActionsBtn i,
    .closetItem:hover .itemActionsBtn svg,
    .closetItem:hover .itemActionsBtn .masked-svg {
        top: 0px !important;
    }
    .closetItem .itemActionsBtn span {
        opacity: 1;
        top: 0;
        font-size: 8.5px;
        letter-spacing: 0em;
        font-weight: 300;
    }
    .closetItem .itemActionsBtn i,
    .closetItem .itemActionsBtn svg,
    body:not(.mac) .closetItem .itemActionsBtn svg {
        margin-bottom: -8px !important;
        width: 25px;
        top: 0 !important;
    }
    body.mac .btn.itemActionsBtn .masked-svg { top: 2px !important; }
    body.mac .closetItem:hover .itemActionsBtn .masked-svg { top: 2px !important; }

    #photoUploadModal h3 { padding: 0 10px; font-size: 21px; }

    /*
    .sectionOptionsBtn, .sectionOptions, .sectionOptions .badge  { display:none; }
    .sectionOptionsBtn.addLookPhoto {
        display: block;
        margin: 0px auto 5px;
        padding: 5px 10px;
    }
    .lookbookUploadPhotoWrap { width:100%; }
    */
    .closetSection .sectionOptionsWrap .lookbookUploadPhotoWrap {
        width: auto;
    }
    .consultant-view p.lookDescription, p.lookDescription { width:100%; border-bottom: 1px solid var(--GUNMETAL); }
    .responsiveWidth { display:inline-block; }
    .fullWidth { display:none !important; }
}
@media (max-width: 525px) {
    /* .closetItem.hasComment { width: 97%; width: calc(100% - 12px); } */

    .lookWrap { width:calc(100% - 2px); /*min-width:calc(100% - 2px);max-width:calc(100% - 2px);*/ margin:0 0 20px 0; }
    .grid-sizer-looks { height: 1px; min-width:100%;max-width:100%; }
}

/*
.touch .closetItem .btn.deleteItemBtn,
.touch .closetItem .btn.editItemBtn.btn-xs,
.touch .closetItem .btn.cropBtn.btn-xs,
.touch .lookImage .btn.cropBtn.btn-xs,
.touch .closetItem .close {
    display:block;
    opacity:1;
    z-index:1;
}
*/

@media print {
    .lookWrap{
        page-break-inside: avoid;
        position: relative;
        display:block;
    }
    #closetNav,
    #FindsTab,
    #OwnedTab,
    .sectionOptions,
    .sidebar-nav-fixed {
        display:none !important;
    }
    #LookbookTab { display:block !important;opacity:1;width:100%; }
    #closetBody,
    .consultant-view #closetBody {
        margin-left:10px;
    }
    .lookWrap,
    .consultant-view .lookWrap {
        border: none;
    }
    .lookMenu { display:none; }
    .lookWrap { text-align:center; }
    .lookWrap,
    .lookImage { white-space:normal;border-bottom: 1px solid #CCC; padding-bottom: 8px;  margin-bottom: 17px; }
    .lookImage { width:calc(100%/8); }
    .lookItemsBreak,
    .consultant-view .lookItemsBreak { display:inline;width:100%; }
    .lookSizingWrap { width: 100%; display: block; }
}

button.close { color: #232323; }


/** Loading Animation - Source Credit: https://codepen.io/magnus16/pen/BKoRNw  **/

.cs-loader {
    height: 50px;
    display: block;
    margin: 0;
    position: absolute;
    z-index: 9999999;
    width: 100%;
    left: 0;
    right: 0;
    top: initial;
    bottom: initial;
    margin-top: 240px;
}
.consultant-view .cs-loader {
    width: calc(100% - 290px);
    left: 290px;
    right: 0;
}
@media (max-width: 767px) {
    .consultant-view .cs-loader {
        width: 100%;
        left: 0;
        right: 0;
    }
}

.cs-loader-inner {
    transform: translateY(-50%);
    top: 50%;
    position: relative;
    width: 100%;
    color: var(--LIGHT-GRAY);
    padding: 0 100px;
    text-align: center;
}

.cs-loader h3 {
    font-size: 22px;
    font-family: var(--FONT-BODY);
    font-weight: 100;
    letter-spacing: 0em;
    color: var(--LIGHT-GRAY);
    text-transform: initial;
    font-style: italic;
}
.cs-loader-inner label {
    font-size: 20px;
    opacity: 0;
    display: inline-block;
    color: hsl(0deg 0% 89%);
}

@keyframes loading {
    0% {
        opacity: 0;
        transform: translateX(-100px);
    }
    33% {
        opacity: 1;
        transform: translateX(0px);
    }
    66% {
        opacity: 1;
        transform: translateX(0px);
    }
    100% {
        opacity: 0;
        transform: translateX(100px);
    }
}

@-webkit-keyframes loading {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100px);
    }
    33% {
        opacity: 1;
        -webkit-transform: translateX(0px);
    }
    66% {
        opacity: 1;
        -webkit-transform: translateX(0px);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(100px);
    }
}

.cs-loader-inner label:nth-child(6) {
    -webkit-animation: loading 3s infinite ease-in-out;
    animation: loading 3s infinite ease-in-out;
}

.cs-loader-inner label:nth-child(5) {
    -webkit-animation: loading 3s 100ms infinite ease-in-out;
    animation: loading 3s 100ms infinite ease-in-out;
}

.cs-loader-inner label:nth-child(4) {
    -webkit-animation: loading 3s 200ms infinite ease-in-out;
    animation: loading 3s 200ms infinite ease-in-out;
}

.cs-loader-inner label:nth-child(3) {
    -webkit-animation: loading 3s 300ms infinite ease-in-out;
    animation: loading 3s 300ms infinite ease-in-out;
}

.cs-loader-inner label:nth-child(2) {
    -webkit-animation: loading 3s 400ms infinite ease-in-out;
    animation: loading 3s 400ms infinite ease-in-out;
}

.cs-loader-inner label:nth-child(1) {
    -webkit-animation: loading 3s 500ms infinite ease-in-out;
    animation: loading 3s 500ms infinite ease-in-out;
}


.draggableItems {
    list-style-type: none;
    margin: 10px 0 0;
    width: 100%;
    padding: 0px 12px 15px;
    min-height: 210px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
}
.lookSection .draggableItems {
    margin: 0 20px;
    width: 100%;
    margin: 0 auto;
    float: none;
}
.draggableItems:after {
    clear: both;
    display: block;
    content: " ";
}
.lookSection .dragItem {
    display: flex;
    height: 150px;
    width: 150px;
    border: 1px solid #434343;
    border-left:none;
    border-bottom: 2px solid #434343;
    flex-direction: column;
}
.lookSection .dragItem > div {
    display: flex;
    object-fit: cover;
    width: 100%;
    max-width: 100%;
    min-width:100%;
    min-height: 100%;
    border-bottom: 1px solid #434343;
}

.dragItem .lookWrap { margin: 0; }
.dragItem .lookImage { pointer-events:none; }

.dragItem .lookWrap.legacyLayout .lookImage,
.dragItem .lookWrap.legacyLayout.doubleItem .lookImage,
.dragItem .lookWrap.legacyLayout.quadItem .lookImage {
    min-height: auto;
    height: auto !important;
}
.dragItem .singleItem .itemSlot { height:100% !important; }
.dragItem .singleItem .lookImage img { height: 100%; }
.dragItem .lookLayoutWrap { height:400px;max-height: 100%; }

.lookSection .dragItem > div:first-child {
    border-top: none !important;
}
.lookSection .draggableItems .dragItem {
    margin: 0px 5px 10px 5px;
    border-radius: 0;
    border: 1px solid var(--GUNMETAL);
    border-top: 2px solid var(--GUNMETAL);
    border-bottom: 0px solid var(--GUNMETAL) !important;
    height: 130px;
    width: 130px;
    background: var(--GUNMETAL);
}
.lookSection .draggableItems .dragItem img {
    flex: 1;
    border-left: 1px solid #434343;
    object-fit: cover;
    min-width: 0;
    min-height: 1px;
    max-height: 150px;
}
.lookSection .draggableItems.ui-sortable .dragItem * { pointer-events: none; }

.draggableItems .dragItem,
.draggableItems .ui-sortable-placeholder,
.ui-sortable-helper .dragItem.ui-sortable-handle	{
/* margin: 10px 10px 10px 0; */
    margin: 0;
padding: 0;
float: left;
width: 150px;
height: 150px;
align-items: center;
justify-content: center;
border-bottom: 4px solid #434343;
cursor: move;
position: relative;
overflow: hidden;
box-shadow: 0 1px 7px 1px rgba(0, 0, 0, 0.07);
border-radius: 0px;
}
.lookSection .draggableItems .ui-sortable-placeholder {
    /* margin: 0px 5px 10px 5px; */
    margin: 0;
    height: 130px;
    width: 130px;
}
.lookSection .draggableItems .ui-sortable-helper .dragItem.ui-sortable-handle,
.lookSection .draggableItems .ui-sortable-helper .dragItem.ui-sortable-handle .lookWrap {
    height: 128px;
}
@media (max-width: 767px) {
    .draggableItems { float:none; margin: 30px auto 0; max-width: 100%; }
    .draggableItems .dragItem, .draggableItems .ui-sortable-placeholder {
        margin: 10px 10px 0px 0;
        width: 92px;
        height: 92px;
    }
    .draggableItems .ui-sortable-helper {
        margin: 10px 10px 0px 0;
        height: 92px !important;
    }
    .draggableItems .ui-sortable-helper .dragItem.ui-sortable-handle	{
        height: 88px;
    }
    .lookSection .draggableItems .ui-sortable-helper .dragItem.ui-sortable-handle	{
        height: 128px;
    }
}
/*
.draggableItems .dragItem {
    transition: all .2s ease;
}
*/
#FindsTab .draggableItems .dragItem img,
#OwnedTab .draggableItems .dragItem img,
.ui-sortable-helper .dragItem img	{
    width: 100%;
    height: 100%;
    /*
    transition: all .3s ease;
    */
    transition:none;
    margin: 0 auto;
    object-fit: cover;
}

.ui-sortable-helper > .dragItem.ui-sortable-handle {
    /* float: left; */
    /* margin-left: -151px; */
    display: inline-block;
    margin: 0;
    box-shadow: 2px 4px 5px -4px rgb(0 0 0 / 40%);
}

.ui-sortable-helper > .dragItem.ui-sortable-handle:nth-child(even) { margin-top: 4px; }
.ui-sortable-helper > .dragItem.ui-sortable-handle:nth-child(1) { transform: rotate(4deg); }
.ui-sortable-helper > .dragItem.ui-sortable-handle:nth-child(2) { transform: rotate(2deg); }
.ui-sortable-helper > .dragItem.ui-sortable-handle:last-child { transform: rotate(0deg); }

.lookSection .draggableItems .dragItem img:first-child {
    border-left: none;
}

.lookSection .dragItem > div:first-child {
    border-top: none !important;
}
.reorderActionsRow {
    min-height: 60px;
    background: var(--GUNMETAL);
    color: white;
    display: flex;
    max-width: calc(100% + 31px);
    align-items: center;
    justify-content: space-between;
    padding: 2px 9px 4px 10px;
    position: sticky;
    top: -1px;
    z-index: 999999;
    margin-top: -7px;
    margin-left: -1px;
    margin-right: 0px;
    margin-bottom: 10px;
}
.reorderActionsRow h4 {
    margin: .25em 0 0;
    line-height: 1em;
    font-size: 20px;
    letter-spacing: .1em;
    padding-right: 5px;
}
.reorderActionsRow p {
    font-size: 12px;
    margin: 2px 0 0;
    color: var(--LIGHT-GRAY);
}
@media (max-width: 767px) {
    .reorderActionsRow {
        margin-left: -1px;
        margin-right: 0;
        margin-top: -10px;
        top: 45px;
    }
}

.draggableItems .adjustedGrid{
    display: inline-grid !important;
}
.draggableItems .adjustedGrid img{
    height: 100% !important;
        width: 100% !important;
}

.draggableSourceSection {
    opacity: .4;
    cursor:default;
    background:#d6d6d6;
}

#findsSections li.draggableSourceSection a,
#findsSections li.draggableSourceSection a:hover,
#closetSections li.draggableSourceSection a,
#closetSections li.draggableSourceSection a:hover {
    cursor: default;
    pointer-events:none;
background: #E7F8F2;
border-left-color: #4CC397;
}

#findsSections ul li.draggableSourceSection,
#closetSections ul li.draggableSourceSection {
    border: 2px solid #e9e9e9;
}
#mainClosetTabContent .ui-sortable-placeholder {
    background: #e8e8e8;
    visibility: visible !important;
    box-shadow: none;
    border: none;
    border-radius: 1px;
}
#mainClosetTabContent .lookSection .ui-sortable-placeholder {
    border: none !important;
}
.dragItem.ui-sortable-handle.ui-sortable-helper {
    opacity:.85;
    background: #ffffff;
    box-shadow: 0 20px 24px -8px rgba(0, 0, 0, 0.4);
    transition: none;
    border: 0;
    border-bottom: 6px solid #818181;
    border-radius: 0;
}
.dragItem.ui-sortable-handle.ui-sortable-helper:after {
    content: "\f047";
    z-index: 21;
    position: absolute;
    top: calc(50% - 20px);
    bottom: calc(50% - 30px);
    left: calc(50% - 30px);
    right: calc(50% - 30px);
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 50px;
    color: #636363;
    background: #f0f0f000;
    border-radius: 2px;
    opacity: 0.4;
}
.draggableItems .dragItem {
    /*
    transition: all .2s ease;
    */
    transition: none;
}
.draggableSectionItems .ui-sortable-placeholder {
    visibility: visible !important;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(76, 194, 151, 0.5);
    border: none;
    height: initial !important;
    width: initial !important;
    z-index:2;
}
.draggableSourceSection .ui-sortable-placeholder {
    display: none !important;
}

.draggableItems .dragItem:after,
.draggableItems .ui-sortable-placeholder:after {
    /*
    transition: all .3s ease;
    */
    transition: none;
}

#FindsTab .dragItem.ui-sortable-handle.ui-sortable-helper img,
#OwnedTab .dragItem.ui-sortable-handle.ui-sortable-helper img {
    opacity: 0.2;
}

#mainClosetTabContent .ui-sortable-placeholder:after {
content: "\f0ab";
font-weight: bold;
z-index: 4;
position: absolute;
top: 14px;
bottom: 14px;
left: 14px;
right: 14px;
font-family: FontAwesome;
font-style: normal;
line-height: 1.1em;
-webkit-font-smoothing: antialiased;
display: flex;
align-items: center;
justify-content: center;
font-size: 65px;
background: #f6f6f6;
color: #e8e8e8;
border: 7px solid #e8e8e8;
box-shadow: 0 0 0 7px #f6f6f6;
}

#FindsTab .dragItem.ui-selecting,
#FindsTab .dragItem.ui-selected,
#OwnedTab .dragItem.ui-selecting,
#OwnedTab .dragItem.ui-selected {
    border-color: var(--TEAL);
    background: var(--TEAL-BRIGHT);
}
#FindsTab .dragItem.ui-selecting img,
#FindsTab .dragItem.ui-selected img,
#OwnedTab .dragItem.ui-selecting img,
#OwnedTab .dragItem.ui-selected img {
    opacity: 0.3;
    filter: brightness(1.3);
}
#LookbookTab .lookSection .dragItem.ui-selecting,
#LookbookTab .lookSection .dragItem.ui-selecting .lookWrap,
#LookbookTab .lookSection .dragItem.ui-selecting .lookLayoutWrap,
#LookbookTab .lookSection .dragItem.ui-selecting .lookLayoutWrap.borderless .itemSlot,
#LookbookTab .lookSection .dragItem.ui-selecting .lookRow {
    border-color: var(--TEAL);
    background: var(--TEAL-BRIGHT);
}

#LookbookTab .lookSection .dragItem.ui-selecting .lookImage {
    border-color: var(--TEAL);
    opacity: .4;
    filter: brightness(1.1)
}
#FindsTab .dragItem .dragHandle,
#OwnedTab .dragItem .dragHandle {
    display: none;
    z-index: 2;
    background-color: var(--BRIGHT-TEAL);
    opacity: 0.5;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    position: absolute;
}

#FindsTab .dragItem.ui-selecting .dragHandle,
#FindsTab .dragItem.ui-selected .dragHandle ,
#OwnedTab .dragItem.ui-selecting .dragHandle,
#OwnedTab .dragItem.ui-selected .dragHandle {
    display: block;
}

.sidebar .disabled {
    opacity: .2;
    pointer-events: none;
}
#findsSections ul li.draggableSectionItems .dragItem:not(.ui-sortable-placeholder),
#closetSections ul li.draggableSectionItems .dragItem:not(.ui-sortable-placeholder),
#lookbookSections ul li.draggableSectionItems .dragItem:not(.ui-sortable-placeholder) {
    display:none !important;
}

/** More Mobile Things **/
@media (max-width: 767px) {
    .reorderActionsRow {
        left: 0;
        right: 0;
        flex-wrap: wrap;
        height: auto;
        padding: 0 3px 2px;
        text-align: center;
        align-items: center;
        justify-content: center;
    }
    .reorderActionsRow h4 {
        text-align: center;
        margin: 10px auto 5px;
    }
}


/** Section Videos **/

.closetSectionPreview.open .closetItemsPreview.hasVideo {
    transform: none;
    margin: 13px -25px -63px 25px;
    height: 65px;
}
.closetSectionPreview .closetItemsPreview.hasVideo a[data-featherlight] {
    transform: scale(0);
    opacity: 0;
    transition: .2s ease opacity;
    transition-delay: 0.1s;
}
.closetSectionPreview.open .closetItemsPreview.hasVideo a[data-featherlight] {
    position: relative;
    width: 85px;
    height: auto;
    align-self: start;
    display: flex;
    margin: 0 auto;
    left: -15px;
    top: -5px;
    background: white;
    border: 1px solid black;
    border-width: 1px;
    transform: scale(1);
    opacity: 1;
    aspect-ratio: 16/9;
}
.closetSectionPreview .closetItemsPreview.hasVideo > div {
    transition: 0.4s ease opacity;
}
.closetSectionPreview.open .closetItemsPreview.hasVideo > div {
    opacity: 0;
    transform: scale(0);
    transition: 0.4s ease opacity;
}
.closetSectionPreview.open .closetItemsPreview.hasVideo a[data-featherlight] img {
    pointer-events: none;
}
.closetSectionPreview.open .closetItemsPreview.hasVideo a[data-featherlight] button {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 68px;
    height: 48px;
    margin-left: -34px;
    margin-top: -24px;
    cursor: pointer;
    background: transparent;
    border: none;
    transform: scale(0.5);
    pointer-events: none;
}
.closetSectionPreview.open.stickied .closetItemsPreview.hasVideo {
    width: 63px;
    margin: 0px 0px 0px 20px;
    transform: none;
    height: 100%;
}
.closetSectionPreview.open.stickied .closetItemsPreview.hasVideo a[data-featherlight] {
    top: 0;
    align-self: center;
    width: 100%;
    max-width: 100%;
    left: 0;
}
.sectionVideoPreview:hover button svg path:first-child,
.closetSectionPreview.open:hover .closetItemsPreview.hasVideo a[data-featherlight] button svg path:first-child { fill: rgb(255 0 0) !important; }
.sectionVideoPreview:hover button.play-vimeo svg path:first-child,
.closetSectionPreview.open:hover .closetItemsPreview.hasVideo a[data-featherlight] button.play-vimeo svg path:first-child { fill: rgb(0, 173, 239) !important; }
.sectionVideoPreview button.play-vimeo:hover svg path:first-child,
.sectionVideoPreview button:hover svg path:first-child,
.closetSectionPreview.open:hover .closetItemsPreview.hasVideo a[data-featherlight]:hover button svg path:first-child { fill: #ffffff !important; }
.sectionVideoPreview button:hover svg path:nth-child(2),
.closetSectionPreview.open:hover .closetItemsPreview.hasVideo a[data-featherlight]:hover button svg path:nth-child(2) { fill: #212121 !important; }

@media (max-width: 767px) {
    .closetSectionPreview.open .closetItemsPreview.hasVideo {
        width: 55px;
        margin: 0px -8px 0px 18px;
        transform: none;
        height: 100%;
    }
    .closetSectionPreview.open .closetItemsPreview.hasVideo a[data-featherlight] { top: 0; }
    .closetSectionPreview.open .closetItemsPreview.hasVideo a[data-featherlight] button { transform: scale(.4); }
    .closetSectionPreview.open.stickied .closetItemsPreview.hasVideo {
        width: 60px;
        margin: 0px 5px 0px 3px;
    }
}

/*
#LookbookTab .sectionDescription.hasText {
    margin: -50px 0 -5px;
}

@media (min-width: 767px) {
    #LookbookTab .sectionDescription.hasText {
        top: 0;
    }
}
*/

#LookbookTab .uploadButtonWrap,
#OwnedTab .uploadButtonWrap { margin-top:-20px !important;display:none; }
#LookbookTab .closetSectionPreview.open .uploadButtonWrap,
#OwnedTab .closetSectionPreview.open .uploadButtonWrap { margin-top:-20px !important;display:block; }

#LookbookTab .uploadButtonWrap,
#OwnedTab .uploadButtonWrap {
    margin: 5px auto 0 !important;
}
#OwnedTab .uploadButtonWrap .sectionOptionsWrap,
#LookbookTab .uploadButtonWrap .sectionOptionsWrap {
    margin: 0px auto 0 !important;
}

#mainClosetTabContent .closetSectionWrap.isHidden .closetSectionPreview { background: var(--OFF-WHITE); }
#mainClosetTabContent .closetSectionWrap.isHidden .closetSectionPreview.open { background: none; }
#mainClosetTabContent .closetSectionWrap.isHidden .closetSectionPreview.open.stickied { background: var(--OFF-WHITE); }
#mainClosetTabContent .closetSectionWrap.isHidden:nth-child(2) .closetSectionPreview { background: var(--OFF-WHITE); }
#mainClosetTabContent .closetSectionWrap.isHidden:nth-child(2) .closetSectionPreview.open { background: white; }
#mainClosetTabContent .closetSectionWrap.isHidden .closetSectionPreview h4 { color: var(--STEEL); }
#mainClosetTabContent .closetSectionWrap.isHidden .closetSectionPreview .btn { opacity: .7; }
#mainClosetTabContent .closetSectionWrap.isHidden .sectionDescription { opacity: 0.4; }

#ClosetSectionEdit_video.error {
    border: 1px solid var(--CINNABAR);
    color: var(--CINNABAR);
}


#canvaInstructionModal {
    z-index: 99999999;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    color: white;
    font-size: 17px;
    font-weight: 100;
    background: #434343f2;
    padding: 0px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
#canvaInstructionModal > div {
    width: 475px;
    max-width: 100%;
    margin: auto auto;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    align-items: center;
}
#canvaInstructionModal img {
    width: auto;
    max-width: 90%;
    max-height: 280px;
    margin: 10px auto 10px;
    flex: 0 1 auto;
    min-width: 1px;
    min-height: 1px;
}
body > div > div > span > svg:not(:root) { /* Canva Close Button */
    height: 30px;
    width: 30px;
    background: #434343;
}
@media (max-width: 1170px) {
    #editLookSlotsWrap.coverPhoto #addLookCoverPhoto span { display: none; }
}

/** Background Removal Styles **/
@keyframes hue-rotate {
    0% {
        -webkit-filter: hue-rotate(0);
        -moz-filter: hue-rotate(0);
        -ms-filter: hue-rotate(0);
        filter: hue-rotate(0) opacity(0.5);
    }
    25% {
        -webkit-filter: hue-rotate(180deg);
        -moz-filter: hue-rotate(180deg);
        -ms-filter: hue-rotate(180deg);
        filter: hue-rotate(180deg) opacity(0.4);
    }
    50% {
        -webkit-filter: hue-rotate(360deg);
        -moz-filter: hue-rotate(360deg);
        -ms-filter: hue-rotate(360deg);
        filter: hue-rotate(360deg) opacity(0.3);
    }
    75% {
        -webkit-filter: hue-rotate(180deg);
        -moz-filter: hue-rotate(180deg);
        -ms-filter: hue-rotate(180deg);
        filter: hue-rotate(180deg) opacity(0.4);
    }
    100% {
        -webkit-filter: hue-rotate(0);
        -moz-filter: hue-rotate(0);
        -ms-filter: hue-rotate(0);
        filter: hue-rotate(0) opacity(0.5);
    }
}
@keyframes boxBorderAnimation {
    from {
    background-position: 0 0, -20px 0, 100% -20px, 0 100%;
    }
    to {
    background-position: 0 -20px, 0 0, 100% 0, -20px 100%;
    }
}

#viewItemCropWrap #ownedItemZoomable .easyzoom { /* added to prevent flash of unstyled text in below style on pseudo el */
    font-family: var(--FONT-BODY);
    font-weight: 100;
    text-transform: uppercase;
    font-size: 28px;
    letter-spacing: .15em;
    color: var(--SOFT-GRAY);
    text-shadow: 0 0 20px var(--CHARCOAL), 0 0 30px var(--CHARCOAL);
    font-style: italic;
    text-align: center;
}
#viewItemCropWrap #ownedItemReplaceImageWrap {
    opacity: 0;
    pointer-events: none;
    display: flex;
    margin: 0px;
    position: absolute;
    z-index: 2;
    background: white;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    align-items: center;
    background: transparent;
    justify-content: center;
    transition: .3s ease opacity;
}
#viewItemCropWrap.replacingImage #ownedItemReplaceImageWrap {
    opacity: 1;
    pointer-events: all;
}

.replacementPhotoToUpload.photosToUpload {
    padding: 5px 0;
    width: calc(100% - 20px);
    margin: 0 10px;
    overflow-y: auto;
    background: transparent;
}
.replacementPhotoToUpload.photosToUpload > li {
    padding: 0 !important;
    align-items: flex-start !important;
    background: white;
}
.replacementPhotoToUpload.photosToUpload .uploadsLoadingMsg { display: none; }
ul.replacementPhotoToUpload.photosToUpload li:not(.uploadingImg) { display: none !important; }
#ownedItemReplaceImageBtn span { display: flex;align-items: center;gap: 5px; }

.removing-background {filter: saturate(0.15);}
.removing-background:after {
    content: "Please Wait..."; /* Removing Background..."; */
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 270px;
    text-indent: -0.5em;
    padding-left: .5em;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--FONT-BODY);
    font-weight: 100;
    text-transform: uppercase;
    font-size: 28px;
    letter-spacing: .15em;
    color: var(--SOFT-GRAY);
    text-shadow: 0 0 20px var(--CHARCOAL), 0 0 30px var(--CHARCOAL);
    font-style: italic;
}
.removing-background:before {
    background-position: 0 0, 0 0, 100% 0, 0 100%;
    background-size: 3px 100%, 100% 3px, 3px 100%, 100% 2px;
    background-repeat: no-repeat;
    background-image: repeating-linear-gradient(0deg, var(--LIGHT-GRAY), var(--LIGHT-GRAY) 10px, white 10px, white 20px), repeating-linear-gradient(90deg, var(--LIGHT-GRAY), var(--LIGHT-GRAY) 10px, white 10px, white 20px), repeating-linear-gradient(180deg, var(--LIGHT-GRAY), var(--LIGHT-GRAY) 10px, white 10px, white 20px), repeating-linear-gradient(270deg, var(--LIGHT-GRAY), var(--LIGHT-GRAY) 10px, white 10px, white 20px);
    background-size: 1px calc(100% + 20px), calc(100% + 20px) 1px, 1px calc(100% + 20px), calc(100% + 20px) 1px;
    content: " ";
    z-index: 1;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    animation: boxBorderAnimation .5s infinite linear;
}
.draggableQueuedItem.removing-background:after {
    font-size: 10.5px;
    width: 100%;
    background: #434343a6;
    letter-spacing: 0.11em;
    font-weight: 200;
}
body.consultant-view #FindsTab .closetItem.removing-background { pointer-events: none; }
body.consultant-view #FindsTab .closetItem.removing-background:after { height: 35px; }
#mainClosetTabContent .closetItemsPreview img.removing-background:after {
    background: var(--FAINT-GRAY);
    font-size: 7px;
    height: 100%;
    width: 100%;
    font-weight: 400;
    color: var(--SPANISH-GRAY);
    text-shadow: none;
}

.removing-background #zoomedOwnedItem {
    animation: hue-rotate 4s linear infinite;
}

.closetItem.removing-background { background: var(--GUNMETAL); }
.closetItem.btn-hover-grow-parent.text-left.removing-background img { opacity: .6; }
.closetItem.removing-background:after { display: flex;align-items: center;justify-content: center;text-align: center;text-indent: 0;top: initial;bottom: 2px;left: 4px;right: 4px;width: auto;margin: 0 auto;background: rgb(255 255 255);line-height: 1em;padding: 5px 7px 3px 10px;border-top: 3px double var(--GUNMETAL);border-bottom: 3px double var(--GUNMETAL);color: var(--GUNMETAL);text-shadow: none;font-weight: 300;font-size: 12px;z-index: 99999;letter-spacing: 0.1em; }

.replacementPhotoToUpload .uploadingImg.removing-background:after { font-size: 22px; width: 100%; }
.replacementPhotoToUpload .uploadingImg.removing-background:after { background-color: #4343436e; }


.rendering-vto {pointer-events: none; filter: saturate(0.15);}
.rendering-vto .lookLayoutWrap {
    animation: hue-rotate 4s linear infinite;
}
.rendering-vto:after { font-size: 22px; width: 100%; background-color: #4343436e; }

.rendering-vto:after {
    content: "Please Wait..."; /* Rendering Virtual Try-On..."; */
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    text-indent: -0.5em;
    padding-left: .5em;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--FONT-BODY);
    font-weight: 100;
    text-transform: uppercase;
    font-size: 28px;
    letter-spacing: .15em;
    color: var(--SOFT-GRAY);
    text-shadow: 0 0 20px var(--CHARCOAL), 0 0 30px var(--CHARCOAL);
    font-style: italic;
    background: #ffffffb8;
    z-index: 26;
}
.rendering-vto:before {
    background-position: 0 0, 0 0, 100% 0, 0 100%;
    background-size: 3px 100%, 100% 3px, 3px 100%, 100% 2px;
    background-repeat: no-repeat;
    background-image: repeating-linear-gradient(0deg, var(--LIGHT-GRAY), var(--LIGHT-GRAY) 10px, white 10px, white 20px), repeating-linear-gradient(90deg, var(--LIGHT-GRAY), var(--LIGHT-GRAY) 10px, white 10px, white 20px), repeating-linear-gradient(180deg, var(--LIGHT-GRAY), var(--LIGHT-GRAY) 10px, white 10px, white 20px), repeating-linear-gradient(270deg, var(--LIGHT-GRAY), var(--LIGHT-GRAY) 10px, white 10px, white 20px);
    background-size: 1px calc(100% + 20px), calc(100% + 20px) 1px, 1px calc(100% + 20px), calc(100% + 20px) 1px;
    content: " ";
    z-index: 27;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    animation: boxBorderAnimation .5s infinite linear;
}

/* VTO Consent overlay (shown inside look editor modal) */
#vtoConsentOverlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255,255,255,0.95);
    z-index: 100;
    display: flex;
    align-items: center;
    justify-content: center;
}
#vtoConsentOverlay .vto-consent-inner {
    max-width: 480px;
    padding: 30px;
    background: white;
    border-radius: 4px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.15);
}
#vtoConsentOverlay h4 {
    margin: 0 0 12px;
    font-weight: 600;
}

.vto-generation-failed {pointer-events: auto; filter: saturate(0.3);}
.vto-generation-failed:after {
    content: "Generation Failed";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    text-indent: -0.5em;
    padding-left: .5em;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--FONT-BODY);
    font-weight: 100;
    text-transform: uppercase;
    font-size: 22px;
    letter-spacing: .15em;
    color: var(--SOFT-GRAY);
    text-shadow: 0 0 20px var(--CHARCOAL), 0 0 30px var(--CHARCOAL);
    font-style: italic;
    background: #ffffffd4;
    z-index: 26;
}

/* VTO error alert bar — orange, sits above lookMenu in normal flow */
.vtoErrorAlertBtn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    width: 100%;
    padding: 5px 8px;
    background: #e67e22;
    color: white;
    font-size: 12px;
    font-family: var(--FONT-BODY);
    font-weight: 600;
    letter-spacing: 0.03em;
    text-decoration: none;
    cursor: pointer;
}
.vtoErrorAlertBtn:hover, .vtoErrorAlertBtn:focus {
    color: white;
    text-decoration: none;
    background: #d35400;
}
.vtoErrorAlertBtn .fa {
    font-size: 13px;
}

.itemComments li.amazonDisclosure {
    padding: 5px 0px 2px;
    line-height: 1;
    border: none;
}
.itemComments li.amazonDisclosure p {
    font-size: 10.2px;
    font-style: italic;
    text-align: center;
    font-weight: 400;
    color: #a3a3a3;
    letter-spacing: -0.3px;
    line-height: 1;
    margin: 0;
}

/** Pinned Catalog Styles **/
#pinnedFindsWrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 5px;
    padding: 5px 0 10px;
    margin: 0 auto -10px;
    width: 850px;
    max-width: 100%;
}
@media (min-width: 768px) {
    #pinnedFindsWrap {
        padding: 5px 0 5px;
    }
}
#pinnedFindsWrap .pinnedCatalogWrap {
    border: 1px solid transparent;
    width: calc(max(15%, min((100vw / 3 - 8px), 150px)));
    min-width: calc(max(15%, min((100vw / 3 - 8px), 150px)));
    min-height: 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    cursor: pointer;
    position: relative;
    text-decoration: none;
}
#pinnedFindsWrap .pinnedCatalogWrap.empty {
    background-color: var(--FAINT-GRAY);
    border: 1px solid var(--SOFT-GRAY);
}
#pinnedFindsWrap .addPinnedCatalogBtn {
    width: calc(max(15%, min(50vw, 130px)));
    min-width: calc(max(15%, min(50vw, 120px)));
    flex: 0;
    border: none !important;
    padding-top: 7px;
    padding-bottom: 5px;
    white-space: normal;
    flex-direction: column;
    line-height: 1.2;
    justify-content: flex-start;
    align-self: center;
    color: var(--SPANISH-GRAY);
}
#pinnedFindsWrap .addPinnedCatalogBtn:hover { background-color: var(--TEAL); }
#pinnedFindsWrap .addPinnedCatalogBtn svg {
    height: 30px;
    width: 30px;
    stroke: none;
    stroke-width: 0;
    fill: var(--MED-GRAY);
    padding: 0 0 0 0;
    margin-bottom: 6px;
}

#pinnedFindsWrap .addPinnedCatalogBtn:hover svg { fill: white; }
#pinnedFindsWrap .addPinnedCatalogBtn:hover { color: white !important; }
#pinnedFindsWrap .pinnedCatalogImg {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    margin: 0 auto;
    background-size: cover;
    background-position: 50% 50%;
    z-index: 0;
    opacity: 0.3;
}

.pinnedCatalogWrap label {
    width: 100%;
    display: block;
    z-index: 1;
    font-weight: 300;
    font-size: 14px;
    letter-spacing: 0;
    cursor: pointer;
    flex: 1;
    margin: 5px 0 0;
    padding: 5px 5px 2px;
    line-height: 1;
}

body.consultant-view #pinnedFindsWrap + .closetSectionWrap .closetSectionPreview,
body.preview #pinnedFindsWrap:not(.empty) + .closetSectionWrap .closetSectionPreview,
body:not(.preview):not(.consultant-view) #pinnedFindsWrap:not(.empty) + .closetSectionWrap .closetSectionPreview {
    border-top: 1px solid var(--GUNMETAL);
}
.pinnedCatalogWrap .closetItemsPreview {
    margin-right: -13px;
    height: 95px;
    width: 100px;
    transform:scale(0.8);
}
html:not(.touch) .pinnedCatalogWrap:hover .closetItemsPreview > div:nth-child(1) {
    left: -3px;
    bottom: 9px;
    transform: rotate(-10deg);
}
html:not(.touch) .pinnedCatalogWrap:hover .closetItemsPreview > div:nth-child(2) {
    bottom: 10px;
}
html:not(.touch) .pinnedCatalogWrap:hover .closetItemsPreview > div:nth-child(3) {
    left: 20px;
    transform: rotate(10deg);
}
#pinnedFindsWrap .addPinnedCatalogBtn:before { display: none; }
#pinnedFindsWrap .addPinnedCatalogBtn:after { display: none; }
#pinnedFindsWrap .pinnedCatalogWrap .btn.close {
    position: absolute;
    top: 0;
    right: 20px;
    width: 22px;
    height: 22px;
    min-height: 22px;
    padding-left: 2px;
    padding-right: 2px;
}
html.touch #pinnedFindsWrap .pinnedCatalogWrap .btn.close { right: 7px; }
html.touch #pinnedFindsWrap .pinnedCatalogWrap .btn.close { opacity: 1; }
#pinnedFindsWrap .pinnedCatalogWrap:hover .btn.close { opacity: 1; }
#pinnedFindsWrap .addPinnedCatalogBtn sup.help-icon i:before { margin-bottom: -0.2em; }
#pinnedFindsWrap .addPinnedCatalogBtn sup.help-icon i { color: currentColor !important; }
#pinnedFindsWrap .addPinnedCatalogBtn sup.help-icon {
    margin-right: 3px;
    position: absolute;
    top: 4px;
    left: calc(50% + 8px);
    color: currentColor;
    border-color: var(--SPANISH-GRAY);
    background: white !important;
    pointer-events: initial;
}
#pinnedFindsWrap .addPinnedCatalogBtn:hover sup.help-icon {
    background: var(--TEAL) !important;
    border-color: white;
}
#pinnedFindsWrap .addPinnedCatalogBtn span {
    text-align: left;
    display: flex;
    flex-direction: row-reverse;
    line-height: 1;
    height: initial;
    font-weight: 300;
    position: relative;
    color: var(--GUNMETAL);
    padding-left: 5px;
}
#pinnedFindsWrap .addPinnedCatalogBtn:hover span { color: white; }
#pinnedFindsWrap.empty .addPinnedCatalogBtn sup.help-icon {
    margin-right: 3px;
    position: absolute;
    top: 4px;
    left: 29px;
}
#pinnedFindsWrap.empty .addPinnedCatalogBtn {
    flex-direction: row;
    padding-bottom: 3px;
    margin-right: auto;
    width: auto;
    min-width: initial;
    margin-left: 4px;
}
#pinnedFindsWrap.empty {
    padding-bottom: 0;
    margin-top: 5px;
}
.pinnedCatalogWrap .closetItemsPreview > div {
    width: 75px !important;
    height: 75px !important;
    max-height: 75px !important;
    min-width: 75px !important;
}
#pinnedFindsWrap.empty .addPinnedCatalogBtn span { white-space: nowrap; }

#pinnedCatalogSelectorWrap {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 0;
    padding: 0 0 10px;
    margin: 0 auto;
    max-width: 100%;
    width: 100%;
}
#pinnedCatalogSelectorWrap .pinnedCatalogWrap {
    display: flex;
    align-items: center;
    white-space: normal;
    border-bottom: 1px solid var(--GUNMETAL);
    cursor: pointer;
    padding-left: 10px;
    margin: 0 10px;
}
#pinnedCatalogSelectorWrap .pinnedCatalogWrap .closetItemsPreview {
    margin: -16px -17px -16px -9px;
    transform: scale(0.65);
}
#pinnedCatalogSelectorWrap .pinnedCatalogWrap label { margin-top: 0; font-weight: 500; font-size: 14.5px; letter-spacing: 0.01em; }
#pinnedCatalogSelectorWrap .pinnedCatalogWrap:hover {
    background: var(--TEAL);
    color: white;
    border-color: var(--TEAL);
    position: relative;
    top: -1px;
}
#pinnedCatalogSelectorWrap .pinnedCatalogWrap:hover label { color: white; }
#pinnedCatalogSelectorWrap .pinnedCatalogWrap label span {
    display: block;
    font-size: 12px;
    padding-top: 2px;
    font-style: italic;
    opacity: 0.55;
    text-transform: initial;
}
#pinnedCatalogSelectorWrap .pinnedCatalogWrap .btn { transition: 0.7s ease transform; }
#pinnedCatalogSelectorWrap .pinnedCatalogWrap:hover .btn { transform: rotate(180deg); }
#pinnedCatalogSelectorWrap .noCatalogsMsg label {
    font-weight: 100;
    text-align: center;
    width: 100%;
    height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-style: italic;
    letter-spacing: .16em;
    opacity: .5;
}
#pinnedCatalogSelectorWrap .pinnedCatalogWrap:hover * {
    color: white !important;
    border-color: white;
}
#pinnedCatalogSelectorWrap .pinnedCatalogWrap:hover .badge.badge-minimal { opacity: .6; }
/** End of Pinned Catalog Styles **/


/** Catalog Sharing Styles **/

#catalogShareOptionsWrap .btn { height: 150px; }
#catalogShareOptionsWrap .tabs nav a {
    color: var(--MED-GRAY);
    font-weight: 300;
    padding: 5px 10px 2px;
    font-size: 14px;
    flex-direction: column;
    height: 68px !important;
    align-items: center;
    justify-content: space-between;
}
#catalogShareOptionsWrap .tabs nav a span {
    letter-spacing: 0.03em;
    font-size: 13px;
    white-space: normal !important;
    max-width: 110px;
    text-align: center;
}
#catalogShareOptionsWrap .tabs nav ul.minimalNav li {
    flex: 0 1 auto;
    width: initial;
    min-width: 100px;
    max-width: calc(100% / 3 - 5px);
    width: 125px;
}
#catalogShareOptionsWrap .tabs nav li.active a { background:white;color:var(--GUNMETAL); }

#catalogShareOptionsWrap.inventorySelector .tabs .minimalNav li svg {
    color: currentcolor;
    fill: currentColor;
    stroke: currentColor;
    width: auto !important;
    height: 31px !important;
    flex-shrink: 0;
}

#catalogShareOptionsWrap.inventorySelector .tabs.tabs-horizontal a:hover,
#catalogShareOptionsWrap.inventorySelector .tabs.tabs-stacked a:hover {
    background: transparent;
    color: var(--CHARCOAL);
}

#catalogShareOptionsWrap.inventorySelector .tabs li.active a span {background: white;color: var(--GUNMETAL);color: var(--CHARCOAL);}
#catalogShareOptionsWrap.inventorySelector .tabs li.active a,
#catalogShareOptionsWrap.inventorySelector .tabs li.active svg {color: var(--GUNMETAL);fill: currentColor;stroke: currentColor;color: var(--GUNMETAL);}

#catalogShareOptionsWrap.inventorySelector .tabs-horizontal .minimalNav li.active a:after {
    position: absolute;
    top: calc(100% - 1px);
    left: 50%;
    width: 0;
    height: 0;
    border: solid transparent;
    content: '';
    pointer-events: none;
    margin-bottom: -10px;
    border-width: 10px;
    border-top-color: white;
    margin-left: -10px;
    margin-top: 0px;
}
#catalogShareOptionsTabs .inventorySelector .nav-tabs li.clientTagTab.sub-heading { background: var(--OFF-WHITE); }
#catalogShareOptionsTabs .inventorySelector .nav-tabs>li>a { padding:0 0 0 10px; }
#catalogShareOptionsTabs .inventorySelector .nav-tabs>li>a .checkbox.checbox-switch {
    display: flex;
    padding: 0;
    justify-content: center;
}
#catalogShareOptionsTabs .inventorySelector .nav-tabs>li>a label {
    flex: 1 1 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    height: 100%;
    padding: 10px 10px 6px 5px;
    color: currentColor;
    line-height: 1.42857143;
    font-size: 14px;
    text-transform: initial;
    font-weight: 300;
}
#catalogShareOptionsTabs .inventorySelector .nav-tabs>li>a label div:last-child {
    font-weight: 400;
    text-transform: uppercase;
    font-size: 10.4px;
    letter-spacing: .06em;
    line-height: 1;
    padding-top: 2px;
}
#sharingPreviewRender {
    width: 262px;
    min-width: 262px;
    overflow: hidden;
    background: white;
    border: 1px solid var(--SOFT-GRAY);
    margin: 0;
    padding: 0;
    flex: 0;
}
.sharingPreviewText {
    background: white;
    border-top: 1px solid var(--SOFT-GRAY);
    text-align: left;
    padding: 3px 10px 10px 10px;
}
.sharingPreviewText p {
    font-size: 14px;
    color: #4b4f56;
    line-height: 1.2;
    font-size: 8.5px;
    font-family: Helvetica, Arial, sans-serif;
    margin: 4px 0 0;
}
.sharingPreviewText h4 {
    color: #1d2129;
    font-size: 16px;
    font-family: Helvetica, Arial, sans-serif;
    letter-spacing: 0;
    font-weight: 600;
    text-transform: initial;
    margin: 0;
    /* font-family: inherit; */
    font-size: 10px;
    line-height: 10px;
    margin: 1px 0 0;
    padding-top: 0px;
}
.sharingPreviewLink {
    font-family: Helvetica, Arial, sans-serif;
    color: #606770;
    flex-shrink: 0;
    font-size: 7px;
    letter-spacing: .25px;
    line-height: 16px;
    overflow: hidden;
    padding: 0;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}

#catalogSharingGuidesWrap {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    align-items: center;
    justify-content: center;
    padding: 5px 0px 15px;
    gap: 4px;
    border-bottom: 1px solid var(--MED-GRAY);
    border-top: 1px solid var(--MED-GRAY);
    margin-bottom: 10px;
    margin: 0px auto 2px;
    /* background: #f6f6f6; */
    border: none;
    min-width: 300px;
    /* width: 445px; */
    max-width: 100%;
    width: 100%;
}
#catalogSharingGuidesWrap .btn {
    color: white;
    width: 40px;
    height: 40px;
    border: none;
    border-radius: 2px;
    border-radius: 2px;
}
.sharingImgRender {
    aspect-ratio: 1.91 / 1;
    background-position: center center;
    background-size: cover;
}
#catalogShareOptionsTabs .inventorySelector .nav-tabs>li>a label div:last-child {
    font-weight: 400;
    text-transform: uppercase;
    font-size: 10.4px;
    letter-spacing: .06em;
    line-height: 1;
    padding-top: 2px;
}
#catalogShareOptionsTabs .inventorySelector .nav-tabs>li>a:hover {
    background: var(--FAINT-GRAY);
    color: var(--GUNMETAL);
}
#catalogShareOptionsTabs.saving { opacity: .5; pointer-events: none !important; }

#catalogShareOptionsTab .remixEnabledLbl.badge.off {
    display:inline-block;position: absolute;top: 1px;right: calc(50% - 33px);border-radius: 2px;font-weight: 500;background: transparent;color: currentColor;font-size: 9px;padding: 0px 1px 0 0px;border: none;height: 16px;line-height: 17px;line-height: 19px;font-style: italic;text-align: center;width: 25px;font-weight: 200;color: var(--GUNMETAL);
}
#catalogShareOptionsTab .remixEnabledLbl.badge.on {
    display:inline-block;position: absolute;top: 0px;right: calc(50% - 36px);border-radius: 2px;font-weight: 500;background: var(--MED-GRAY);color: white;font-size: 10px;padding: 0px 1px 0 0px;border: none;height: 16px;line-height: 17px;line-height: 19px;text-align: center;width: 25px;
}

/** End of Catalog Sharing Styles **/

#findsFilterTxtbx::-webkit-input-placeholder {
    font-weight: 200;
    font-size: 13.5px;
    color: var(--MED-GRAY);
}
#FindsTab.filterByLikes .closetItems .closetItem:not(.liked) {
    display: none;
}
#filterFindsByLikes:checked ~ .masked-svg.heart-medium {
    background: var(--RUBY) !important;
    -webkit-mask-image: url(/img/svgs/heart-filled.svg);
    mask-image: url(/img/svgs/heart-filled.svg);
}

#FindsTab .draggableItems.ui-sortable .dragItem .findsItemLikeBtn,
.wardrobeContentThumbs .draggableItem .findsItemLikeBtn {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 28px;
    height: 28px;
    min-height: 28px;
    line-height: 1em;
    display: flex;
    align-items: center;
    padding: 0;
    border: none;
    background: linear-gradient(135deg,#fffffffa 20px,transparent 0);
    justify-content: flex-start;
}
#FindsTab .draggableItems.ui-sortable .dragItem .findsItemLikeBtn:focus,
#FindsTab .draggableItems.ui-sortable .dragItem .findsItemLikeBtn:active,
.wardrobeContentThumbs .draggableItem .findsItemLikeBtn:focus,
.wardrobeContentThumbs .draggableItem .findsItemLikeBtn:active {
    pointer-events: none;
    outline: none;
}
#FindsTab .draggableItems.ui-sortable .dragItem .findsItemLikeBtn .masked-svg.heart-filled,
.wardrobeContentThumbs .draggableItem .findsItemLikeBtn .masked-svg.heart-filled {
    height: 16px;
    width: 16px;
    min-width: 16px;
    background: var(--RUBY);
    align-self: flex-start;
    margin: 1px;
}
#FindsTab .draggableItems.ui-sortable .dragItem .findsItemLikeBtn:before,
#FindsTab .draggableItems.ui-sortable .dragItem .findsItemLikeBtn:after,
.wardrobeContentThumbs .draggableItem .findsItemLikeBtn:before,
.wardrobeContentThumbs .draggableItem .findsItemLikeBtn:after {
    display: none;
}

.select2-container--open .select2-dropdown.findsDomainFilterDDL {
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-size: 12px;
    font-weight: 300;
    min-width: 300px;
    width: fit-content !important;
    border: none;
    border-radius: 0;
    border-top: 1px solid #EEE;
    box-shadow: 0 1px 2px -1px #000;
}
.select2-container--open .select2-dropdown.findsDomainFilterDDL .select2-results__option {
    border-top: 1px solid var(--LIGHT-GRAY);
    padding: 9px 15px 5px 10px;
}
.select2-container--open .select2-dropdown.findsDomainFilterDDL .select2-results>.select2-results__options {
    max-height: 270px;
}
#findsFiltersWrap .select2-container .select2-selection {
    border: none;
    flex: 1;
    min-height: 30px;
}
#findsFiltersWrap .select2-container {
    flex: 1;
    max-width: initial;
}
#findsFiltersWrap .select2-container:not(.select2-container--open) {
    border-bottom: 1px solid transparent;
}
#findsFiltersWrap .select2-container--open {
    border-bottom: 1px solid var(--MED-GRAY);
}
#findsFiltersWrap .select2-container .select2-selection__rendered {
    padding-bottom: 0;
}
#findsFiltersWrap .select2-container .select2-selection__rendered > *:first-child.select2-search--inline {
    width: 100% !important;
}
#findsFiltersWrap .select2-container .select2-selection__rendered > *:first-child.select2-search--inline .select2-search__field {
    width: 115% !important;
    margin-top: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
}
#findsFiltersWrap .select2-container .select2-selection__rendered li.select2-selection__choice {
    cursor: pointer;
    border-radius: 2px;
    background: white;
    color: var(--GUNMETAL);
    border: 1px solid var(--MED-GRAY);
    font-family: var(--FONT-BODY);
    text-transform: uppercase;
    letter-spacing: .08em;
    font-size: 11px;
    line-height: 13px;
    padding: 7px 8px 3px;
    display: inline-flex;
    flex-direction: row-reverse;
    gap: 4px;
    margin: 2px 2px 0 0;
    height: 26px;
}
#findsFiltersWrap .select2-container .select2-selection__rendered li.select2-selection__choice:hover {
    background: var(--GUNMETAL);
    color: white;
}

#findsFiltersWrap .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove {
    color: currentColor;
    font-family: var(--FONT-BODY);
    font-weight: 300;
    font-size: 18px;
    line-height: 13px;
    position: relative;
    top: 0px;
}
#findsFiltersWrap { margin-top:0px;padding-top: 5px;margin-bottom:-6px;z-index:25;position:relative; }
#findsFiltersWrap > .form-horizontal { width: 840px;max-width: 100%;display:flex;flex-wrap: wrap;justify-content:space-between;margin: 0 auto 0px;padding: 0 12px 0 13px;align-items: center; }
#findsFilterLikeToggleWrap { align-items: center;justify-content: center;padding-top: 5px;margin: 0 0 0 0;display: flex; }
#filterFindsByLikesLbl,
#filterOwnedByFavoritesLbl { display:flex;align-items:center;justify-content:center;letter-spacing:.05em;margin:0 0px 0 0;min-height: 27px;color:var(--MED-GRAY);font-weight:300;font-size:12px; }
#findsFilterTxtbxWrap {
    margin-left: 0;
    border-bottom: 1px solid var(--MED-GRAY);
    border: none;
    min-height: 35px;
    padding-top: 5px;
    max-width: calc(100% - 170px);
    align-items: center;
}
#findsFiltersWrap.catalog #findsFilterTxtbxWrap { max-width:100%; }
#findsFilterTxtbxWrap .select2-search.select2-search--inline { flex: 0; }
#findsFilterTxtbxWrap .select2-container--default .select2-search--inline .select2-search__field::placeholder { padding: 0; color: var(--LIGHT-GRAY); margin: 0; overflow:hidden; text-overflow:ellipsis; max-width: calc(100% - 5px); }
html.touch #filterFindsByLikesLbl,
html.touch #filterOwnedByFavoritesLbl { height: 45px; font-size: 14px;padding: 10px 0 20px; letter-spacing:.07px; }
html.touch #filterOwnedByFavoritesLbl { padding: 10px 0 5px; }
html.touch #findsFiltersWrap .select2-container .select2-selection__rendered > *:first-child.select2-search--inline .select2-search__field { min-height: 38px; margin: 0; margin-top: 0 !important; }
html.touch #findsFiltersWrap .select2-container--default .select2-search--inline .select2-search__field::placeholder { font-size: 16px; padding: 0; font-weight: 200; color: var(--LIGHT-GRAY); }
html.touch #findsFilterTxtbxWrap { min-height:50px;padding-top:0px;z-index:1; max-width:calc(100% - 140px); }
html.touch .select2-container--open .select2-dropdown.findsDomainFilterDDL { font-size: 14px; }
html.touch .select2-container--open .select2-dropdown.findsDomainFilterDDL .select2-results__option { padding: 11px 18px 7px 13px; }
html.touch .select2-container--open .select2-dropdown.findsDomainFilterDDL .select2-results>.select2-results__options { max-height: 255px; overflow-y: scroll; }
html.touch #findsFiltersWrap .select2-container .select2-selection__rendered li.select2-selection__choice { font-size: 12px; letter-spacing: 0.02em; }
html.touch #findsFiltersWrap .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove { font-size: 24px; font-weight: 100; top: 1px; }
html.touch #findsFiltersWrap .select2-container--open { z-index: 2; }
html.touch #findsFilterTxtbxWrap .select2-selection__rendered .select2-selection__choice ~ .select2-search.select2-search--inline { display: none; }
@media (max-width: 767px) {
    #findsFiltersWrap.catalog #findsFilterTxtbxWrap { flex: 1; }
}

#remixClonesPendingOverlay {
    position: sticky;
    top: 5px;
    left: 0px;
    right: 0;
    bottom: initial;
    height: auto;
    width: 100%;
    margin: 0 auto;
    z-index: 99999;
    display: none;
}
body.renderingRemix #remixClonesPendingOverlay {
    display: flex;
}
#remixClonesPendingOverlay p {
    margin: 0 auto;
    letter-spacing: 1.3px;
    font-size: 16px;
}
body.renderingRemix #closetBody > *:not(#remixClonesPendingOverlay),
body.renderingRemix #wardrobeSettings {
    filter: blur(5px);
    opacity: .7;
    pointer-events: none;
}
@media (max-width: 767px) {
    .consultant-view.renderingRemix #closetBody #remixClonesPendingOverlay {top: 50px;}
}

#remixSrcWrap {
    display: flex;
    max-width: 100%;
    overflow: hidden;
    gap: 7px;
    padding: 0 5px 0 8px;
}
#remixSrcCatalogImg {
    height: 50px;
    width: 50px;
    object-fit: cover;
    border-radius: 100%;
}
#remixSrcInfoWrap p {
    margin: 0;
    line-height: 1.05;
    font-size: 11px;
    font-style: italic;
    text-overflow: ellipsis;
    overflow: hidden;
}
#remixSrcCatalogTitle {
    font-weight: 600;
    font-size: 13px;
    font-style: normal;
    display: block;
    margin-bottom: 1px;
    text-decoration: none;
    color: var(--SPANISH-GRAY);
    line-height: 1;
    text-transform: uppercase;
}
#remixSrcInfoWrap {
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
#remixSrcCatalogRemixedDate {font-style: italic; }
#remixSrcCatalogCreator {
    font-style: italic;
    font-weight: 300;
    margin: 0;
}
#remixSrcInfoWrap p#remixSrcCatalogCreator {
    font-style: italic;
    font-weight: 300;
    margin: 0;
    font-size: 12.5px;
}
#remixSrcInfoWrap p#remixSrcMeta {
    margin-bottom: 5px;
    letter-spacing: 0.3px;
    font-style: normal;
    font-weight: 300;
    color: var(--SPANISH-GRAY);
    text-transform: uppercase;
}
#catalogShareRemixTab .form-group.disabled label { opacity: .6; }

/* FAQ */
.faqQuestion.sans-uc-gray-14 {
    text-align: left;
    font-size: 15px;
    font-weight: 400;
    text-transform: initial;
    letter-spacing: 0;
    color: var(--GUNMETAL);
    background: white;
    padding: 17px 35px 16px 44px;
    position: relative;
    line-height: 1.2em;
    margin: 0 0 0px;
    border-top: 1px solid var(--SOFT-GRAY);
    cursor: pointer;
}
.faqQuestion.sans-uc-gray-14:first-child { border: none; }
body {
    counter-reset: faqs; /* Set a counter named 'faqs', and its initial value is 0. */
}
.faqQuestion.sans-uc-gray-14:before {
    content: "?";
    counter-increment: faqs;
    content: counter(faqs);
    padding: 0;
    font-weight: 100;
    position: absolute;
    top: 13px;
    left: 7px;
    color: var(--CHARCOAL);
    font-size: 16px;
    display: block;
    width: 25px;
    height: 25px;
    border: 1px solid currentColor;
    border-radius: 100%;
    line-height: 24px;
    text-align: center;
    padding: 1px 0 0 0;
    transition: 0.1s ease all;
}
p.faqQuestion.sans-uc-gray-14 + div.collapse p,
p.faqQuestion.sans-uc-gray-14 + div.collapsing p {
    font-size: 14.75px;
    line-height: 1.4;
    font-weight: 100;
    color: var(--CHARCOAL);
}
p.faqQuestion.sans-uc-gray-14 + div.collapse,
p.faqQuestion.sans-uc-gray-14 + div.collapsing {
    padding: 0 0 0 40px;
    margin-top: -4px;
    z-index: 1;
    position: relative;
}
p.faqQuestion.sans-uc-gray-14 + div.collapse > *:last-child,
p.faqQuestion.sans-uc-gray-14 + div.collapsing > *:last-child { margin-bottom: 15px; }

.faqQuestion .btn.faqToggleBtn {
    height: 32px;
    width: 32px;
    margin: -8px 0 -8px 0;
    position: absolute;
    right: 0;
    top: 18px;
}
.faqQuestion:hover .btn.faqToggleBtn {
    background:var(--GUNMETAL);
    color:white;
}
#homescreen-app-qr-code { margin:10px auto;padding:4px;box-shadow:0 1px 3px 0px rgba(0,0,0,0.3);border-radius:2px;margin: 25px auto 35px;width:256px;aspect-ratio:1.0;max-width:100%; }
#homescreen-app-qr-code img { width:100%;aspect-ratio:1.0; }