[data-swatch]::before{background-color:rgba(var(--text-color) / .08)}[data-swatch=black]:before{background-color:#000}[data-swatch="black matrix"]:before{background-image:url(//versadesk.com/cdn/shop/files/blackmatrix_250x250.jpg?v=12865675655628478763)}[data-swatch="industrial black"]:before{background-image:url(//versadesk.com/cdn/shop/files/industrialblackframe_250x250.jpg?v=18331422303826872893)}[data-swatch=white]:before{background-color:#fff}[data-swatch=bamboo]:before{background-image:url(//versadesk.com/cdn/shop/files/Bamboo1_250x250.jpg?v=9129755693600556220)}[data-swatch="gloss white"]:before{background-image:url(//versadesk.com/cdn/shop/files/industrialwhiteframe_250x250.jpg?v=16568789957351559975)}[data-swatch="cherry wood grain"]:before{background-image:url(//versadesk.com/cdn/shop/files/cherry_250x250.jpg?v=14098452950860203214)}[data-swatch="gray matrix"]:before{background-image:url(//versadesk.com/cdn/shop/files/gray_250x250.jpg?v=2260274683805311284)}[data-swatch="maple wood grain"]:before{background-image:url(//versadesk.com/cdn/shop/files/MapleWoodGrain_250x250.jpg?v=630929400345133911)}[data-swatch="natural bamboo"]:before{background-color:#f6d291}
[data-swatch="charcoal charlie"]:before{background-image:url(/cdn/shop/files/Charcoal_Charlie.jpg?v=1765417637)}
[data-swatch="steel grey"]:before{background-image:url(/cdn/shop/files/Steel_Grey.jpg?v=1765417683)}
[data-swatch="pearl white"]:before{background-image:url(/cdn/shop/files/Pearl_White.jpg?v=1765417743)}
[data-swatch="gelato lime"]:before{background-image:url(/cdn/shop/files/Gelato_Lime.jpg?v=1765418433)}
[data-swatch="blue steel"]:before{background-image:url(/cdn/shop/files/Blue_Steel.jpg?v=1765418717)}
[data-swatch="amber rose"]:before{background-image:url(/cdn/shop/files/Amber_Rose.jpg?v=1765418791)}
[data-swatch="burnt orange"]:before{background-image:url(/cdn/shop/files/Burnt_Orange.jpg?v=1765412999)}
[data-swatch="hollywood rose"]:before{background-image:url(/cdn/shop/files/Hollywood_Rose.jpg?v=1765418874)}
[data-swatch="stormy gray"]:before{background-image:url(/cdn/shop/files/Stormy_Gray.jpg?v=1765418910)}
[data-swatch="skyfall blue"]:before{background-image:url(/cdn/shop/files/Skyfall_Blue.jpg?v=1765418946)}

[data-swatch="harrison elm"]:before{background-image:url(/cdn/shop/files/Harrison_Elm.jpg?v=1769362777)}
[data-swatch="fairchild"]:before{background-image:url(/cdn/shop/files/Fairchild.jpg?v=1769363061)}
[data-swatch="phantom charcoal"]:before{background-image:url(/cdn/shop/files/Phantom_Charcoal.jpg?v=1769362778)}
[data-swatch="white cypress"]:before{background-image:url(/cdn/shop/files/White_Cypress.jpg?v=1769362778)}
[data-swatch="neo walnut"]:before{background-image:url(/cdn/shop/files/Neo_Walnut.jpg?v=1769362778)}
[data-swatch="white river forest"]:before{background-image:url(/cdn/shop/files/White_River_Forest.jpg?v=1769362778)}




/* Scope only to this product */
.product-fabric-panel label[data-swatch]{
overflow: visible;
}
.product-privacy-panel label[data-swatch]{
overflow: visible;
}
.product-fabric-panel label.opt-label.opt-label--swatch {
    position: relative;
}
.product-privacy-panel label.opt-label.opt-label--swatch {
    position: relative;
}
/* Big image tooltip above the swatch */
.product-fabric-panel label.opt-label.opt-label--swatch::after {
    content: attr(data-swatch); /* color name below image */
    position: absolute;
    bottom: 110%; /* place above the swatch */
    left: 50%;
    transform: translateX(-50%);
    width: 100px;          /* total tooltip width */
    min-height: 122px;     /* accommodate image + text */
    padding-top: 100px;    /* height of image */
    background-size: 100px 100px;   /* hover image size */
    background-position: top center;
    background-repeat: no-repeat;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.18);
    font-size: 12px;
    line-height: 16px;
    font-weight: normal;
    text-transform: capitalize;
    letter-spacing: -0.5px;
    color: #333;
    text-align: center;
    opacity: 0;
    pointer-events: none;
    transition: opacity .2s ease;
    z-index: 99999;
}
.product-privacy-panel label.opt-label.opt-label--swatch::after {
    content: attr(data-swatch); /* color name below image */
    position: absolute;
    bottom: 110%; /* place above the swatch */
    left: 50%;
    transform: translateX(-50%);
    width: 100px;          /* total tooltip width */
    min-height: 122px;     /* accommodate image + text */
    padding-top: 100px;    /* height of image */
    background-size: 100px 100px;   /* hover image size */
    background-position: top center;
    background-repeat: no-repeat;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.18);
    font-size: 12px;
    line-height: 16px;
    font-weight: normal;
    text-transform: capitalize;
    letter-spacing: -0.5px;
    color: #333;
    text-align: center;
    opacity: 0;
    pointer-events: none;
    transition: opacity .2s ease;
    z-index: 99999;
}


/* Show tooltip on hover */
.product-fabric-panel label.opt-label.opt-label--swatch:hover::after {
    opacity: 1;
}
.product-privacy-panel label.opt-label.opt-label--swatch:hover::after {
    opacity: 1;
}


/* Tooltip images for each swatch */
.product-fabric-panel 
label.opt-label.opt-label--swatch[data-swatch="charcoal charlie"]::after {
  background-image: url("/cdn/shop/files/Charcoal_Charlie.jpg?v=1765417637");
}

.product-fabric-panel label.opt-label.opt-label--swatch[data-swatch="steel grey"]::after {
    background-image: url("/cdn/shop/files/Steel_Grey.jpg?v=1765417683");
}

.product-fabric-panel label.opt-label.opt-label--swatch[data-swatch="pearl white"]::after {
    background-image: url("/cdn/shop/files/Pearl_White.jpg?v=1765417743");
}

.product-fabric-panel label.opt-label.opt-label--swatch[data-swatch="gelato lime"]::after {
    background-image: url("/cdn/shop/files/Gelato_Lime.jpg?v=1765418433");
}

.product-fabric-panel label.opt-label.opt-label--swatch[data-swatch="blue steel"]::after {
    background-image: url("/cdn/shop/files/Blue_Steel.jpg?v=1765418717");
}

.product-fabric-panel label.opt-label.opt-label--swatch[data-swatch="amber rose"]::after {
    background-image: url("/cdn/shop/files/Amber_Rose.jpg?v=1765418791");
}

.product-fabric-panel label.opt-label.opt-label--swatch[data-swatch="burnt orange"]::after {
    background-image: url("/cdn/shop/files/Burnt_Orange.jpg?v=1765412999");
}

.product-fabric-panel label.opt-label.opt-label--swatch[data-swatch="hollywood rose"]::after {
    background-image: url("/cdn/shop/files/Hollywood_Rose.jpg?v=1765418874");
}

.product-fabric-panel label.opt-label.opt-label--swatch[data-swatch="stormy gray"]::after {
    background-image: url("/cdn/shop/files/Stormy_Gray.jpg?v=1765418910");
}

.product-fabric-panel label.opt-label.opt-label--swatch[data-swatch="skyfall blue"]::after {
    background-image: url("/cdn/shop/files/Skyfall_Blue.jpg?v=1765418946");
}

.product-privacy-panel label.opt-label.opt-label--swatch[data-swatch="harrison elm"]::after {
    background-image: url("/cdn/shop/files/Harrison_Elm.jpg?v=1769362777");
}
.product-privacy-panel label.opt-label.opt-label--swatch[data-swatch="fairchild"]::after {
    background-image: url("/cdn/shop/files/Fairchild.jpg?v=1769363061");
}
.product-privacy-panel label.opt-label.opt-label--swatch[data-swatch="phantom charcoal"]::after {
    background-image: url("/cdn/shop/files/Phantom_Charcoal.jpg?v=1769362778");
}
.product-privacy-panel label.opt-label.opt-label--swatch[data-swatch="white cypress"]::after {
    background-image: url("/cdn/shop/files/White_Cypress.jpg?v=1769362778");
}
.product-privacy-panel label.opt-label.opt-label--swatch[data-swatch="neo walnut"]::after {
    background-image: url("/cdn/shop/files/Neo_Walnut.jpg?v=1769362778");
}
.product-privacy-panel label.opt-label.opt-label--swatch[data-swatch="white river forest"]::after {
    background-image: url("/cdn/shop/files/White_River_Forest.jpg?v=1769362778");
}