/* =============================================================================
   WC BabylonJS Viewer – Frontend styles
   ============================================================================= */

/* ── Gallery thumbnail ───────────────────────────────────────────────────── */

.wc-babylonjs-thumb-wrapper {
    display: inline-block;
    position: relative;
    cursor: pointer;
    /* Match the default WooCommerce thumbnail size */
    width: 100%;
    height: 100%;
}
.wc-babylonjs-thumb-wrapper img {
    display: inline-block;
    position: relative;
    cursor: pointer;
    /* Match the default WooCommerce thumbnail size */
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.wc-babylonjs-thumb-inner {
    position: relative;
    width: 100%;
    height: auto;
    border-radius:5px;
    overflow: hidden;
    /* border: 2px solid #ddd;
    border-radius: 4px; */
    overflow: hidden;
    /*background: #f5f5f5;*/ 
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.wc-babylonjs-thumb-inner img{
    padding:5px; 
    height: 67px;
    width: 67px !important;
}
@media (min-width: 1024px) {
    .wc-babylonjs-thumb-inner img{
        padding: 10px;
        height: 89px;
        width: 89px !important;
    }
}

.wc-babylonjs-thumb-inner:hover {
    border-color: #0073aa;
    box-shadow: 0 0 0 3px rgba(0, 115, 170, 0.2);
}

.wc-babylonjs-trigger {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.wc-babylonjs-badge {
    position: absolute;
    bottom: 5px;
    right: 5px;
    background: #0073aa;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
    padding: 3px 6px;
    border-radius: 3px;
    pointer-events: none;
    letter-spacing: 0.5px;
}

/* ── Fullscreen overlay ──────────────────────────────────────────────────── */

.wc-babylonjs-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.88);
    z-index: 999999;
    display: flex;
    align-items: center;
    justify-content: center;
    /* fadeIn / fadeOut handled by jQuery */
}

body.wc-babylonjs-open {
    overflow: hidden;
}

.wc-babylonjs-overlay-inner {
    position: relative;
    width: 90vw;
    max-width: 1200px;
    height: 80vh;
    background: #12121e;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0 24px 80px rgba(0, 0, 0, 0.6);
}

/* ── Close button ────────────────────────────────────────────────────────── */

.wc-babylonjs-overlay-close {
    position: absolute;
    top: 12px;
    right: 14px;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background: rgba(255, 255, 255, 0.12);
    border: none;
    border-radius: 5px;
    color: #fff;
    font-size: 26px;
    line-height: 1;
    cursor: pointer;
    transition: background 0.2s ease;
    padding: 0;
}

.wc-babylonjs-overlay-close:hover,
.wc-babylonjs-overlay-close:focus {
    background: rgba(255, 255, 255, 0.25);
    outline: none;
}

/* ── Loading indicator ───────────────────────────────────────────────────── */

/* Simple pulsing animation for the loading text */
.wc-babylonjs-loading span {
    animation: wcbjsPulse 1.4s ease-in-out infinite;
}

@keyframes wcbjsPulse {
    0%, 100% { opacity: 1; }
    50%       { opacity: 0.35; }
}

/* Zentriert den Loader auf dem Bildschirm */
.wc-babylonjs-loading {
    width: auto;
    height: auto;
    position:absolute;
    top: 50%;
    left: 56%;
    transform: translate(-50%, -50%);
    /* Aktiviert den 3D-Raum für Kindelemente */
    perspective: 800px; 
    pointer-events: none;
    font-size: 15px;
    letter-spacing: 0.5px;
  }
  
  /* Der Würfel-Hauptkörper */
  .wc-babylonjs-loading  .cube {
    position: relative;
    width: 80px;
    height: 80px;
    transform-style: preserve-3d; 
    /* Rotiert jetzt nur noch um eine Achse */
    animation: rotateYAxis 3s infinite linear; 
  }
  .cube-tilt {
    transform-style: preserve-3d;
    transform: rotateX(-20deg); /* Hier steuerst du den Blickwinkel von oben */
  }
  /* Gemeinsame Eigenschaften aller 6 Seiten */
  .wc-babylonjs-loading  .face {
    position: absolute;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
  }
  
  /* Positionierung der einzelnen Seiten im Raum (halbe Würfelbreite nach außen verschoben) */
.wc-babylonjs-loading .front  { background: #e0e0e0; transform: translateZ(40px); }
.wc-babylonjs-loading .back   { background: #9e9e9e; transform: rotateY(180deg) translateZ(40px); }
.wc-babylonjs-loading .left   { background: #757575; transform: rotateY(-90deg) translateZ(40px); }
.wc-babylonjs-loading .right  { background: #bdbdbd; transform: rotateY(90deg) translateZ(40px); }
.wc-babylonjs-loading .top    { background: #eeeeee; transform: rotateX(90deg) translateZ(40px); }
.wc-babylonjs-loading .bottom { background: #616161; transform: rotateX(-90deg) translateZ(40px); }
  
  /* Die 3D-Rotations-Keyframes */
  @keyframes rotateYAxis {
    0% {
      transform: rotateY(0deg);
    }
    100% {
      transform: rotateY(360deg);
    }
  }

  .wc-loading-text{
    margin-top: 2rem;
  letter-spacing: .15em;
  color: hsl(0,0%,94%);
  text-shadow: 
    -1px 2px 1px hsl(0,0%,52%), 
    -2px 4px 1px hsl(0,0%,54%); 
    margin-left:-6%; 
  }

/* ── Canvas ──────────────────────────────────────────────────────────────── */

#wc-babylonjs-canvas {
    display: block;
    width: 100%;
    height: 100%;
    outline: none;
    touch-action: none; /* Required by BabylonJS for pointer events */
    max-width: 100dvw;
    max-height: 100dvh;
}


.wc-babylonjs-fullscreen-btn, .wc-babylonjs-close-btn, .wc-babylonjs-toggle-utilities-btn {
    position: absolute;
    top: 25px;
    left: 25px;
    z-index: 100;
    background: white;
    color: black;
    width: 40px;
    height: 40px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    line-height: 1;
    text-decoration: none;
    transition: background 0.2s;
}
.wc-babylonjs-fullscreen-btn:not(.active) .close{
    display: none;
}
.wc-babylonjs-fullscreen-btn.active .iconFullscreen{
    display: none;
}
.wc-babylonjs-fullscreen-btn:hover, .wc-babylonjs-close-btn:hover, .wc-babylonjs-toggle-utilities-btn:hover {
    background: #e28686 ;
    color: #fff;
}
.wc-babylonjs-fullscreen-btn:hover span , .wc-babylonjs-close-btn:hover span,.wc-babylonjs-toggle-utilities-btn:hover span{
    background-color: #fff;
}
.wc-babylonjs-close-btn{
    top: 75px;
}
.wc-babylonjs-toggle-utilities-btn{
    top:125px; 
}

.wc-babylonjs-fullscreen-btn span {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: lightgray;
    font-weight: bold;
    margin-top: -1px;
}

.wc-icon-container {
    width: 40px;
    height: 40px;
}
.wc-icon-container span {
    position: absolute;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 24px;
    opacity: 0.8;
    transition: opacity 0.2s;


    display: inline-block;
    width: 40px;
    height: 40px;
    background-color: #000; /* default black */
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    transition: background-color 0.2s;

    transition: background-color 0.2s;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);

}
.wc-icon-container span:hover {
    background-color: #fff;
}

.wc-icon-container .close {
    mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNjQwIj48IS0tIUZvbnQgQXdlc29tZSBQcm8gNy4yLjAgYnkgQGZvbnRhd2Vzb21lIC0gaHR0cHM6Ly9mb250YXdlc29tZS5jb20gTGljZW5zZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tL2xpY2Vuc2UgKENvbW1lcmNpYWwgTGljZW5zZSkgQ29weXJpZ2h0IDIwMjYgRm9udGljb25zLCBJbmMuLS0+PHBhdGggZD0iTTE4Mi45IDEzNy40TDE2MC4zIDExNC43TDExNSAxNjBMMTM3LjYgMTgyLjZMMjc1IDMyMEwxMzcuNiA0NTcuNEwxMTUgNDgwTDE2MC4zIDUyNS4zTDE4Mi45IDUwMi42TDMyMC4zIDM2NS4zTDQ1Ny42IDUwMi42TDQ4MC4zIDUyNS4zTDUyNS41IDQ4MEw1MDIuOSA0NTcuNEwzNjUuNSAzMjBMNTAyLjkgMTgyLjZMNTI1LjUgMTYwTDQ4MC4zIDExNC43TDQ1Ny42IDEzNy40TDMyMC4zIDI3NC43TDE4Mi45IDEzNy40eiIvPjwvc3ZnPg==);
    width: 30px;
    height: 30px;
}

.wc-icon-container .iconSkiBoot {
    mask-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iYyIgZGF0YS1uYW1lPSJjb250ZW50IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNy41NzkiIGhlaWdodD0iMjguMDQ2IiB2aWV3Qm94PSIwIDAgMjcuNTc5IDI4LjA0NiI+CiAgPHBhdGggZD0ibTI2Ljg2MiwyNi42MTFoLS44MzZ2LTYuNzhjMC0uMjkzLS4xNzgtLjU1Ny0uNDUxLS42NjZsLTcuODc0LTMuMTU3TDIwLjgwNi44NjJjLjA4LS4zODgtLjE3LS43NjgtLjU1OS0uODQ3LS4zODgtLjA4LS43NjguMTcxLS44NDcuNTU5bC0uMzUyLDEuNzE4SDUuMTQ2Yy0uMzQ3LDAtLjY0NC4yNDgtLjcwNi41ODlMLjAxMiwyNy4xOTljLS4wMzguMjA5LjAxOS40MjUuMTU1LjU4OC4xMzYuMTY0LjMzOC4yNTguNTUxLjI1OGgyNi4xNDRjLjM5NiwwLC43MTgtLjMyMi43MTgtLjcxOHMtLjMyMS0uNzE4LS43MTgtLjcxOFpNNS43NDUsMy43MjhoMy43NDZsLTEuOTUzLDEwLjcyNGgtMy43NDdsMS45NTMtMTAuNzI0Wm0tMi4yMTQsMTIuMTU5aDQuNjA2Yy4zNDcsMCwuNjQ0LS4yNDguNzA3LS41ODlsMi4xMDctMTEuNTdoNy44MDJsLTEuNDAyLDYuODM5aC00LjQzNmMtLjM5NiwwLS43MTguMzIxLS43MTguNzE4cy4zMjEuNzE4LjcxOC43MThoNC4xNDJsLS43NjUsMy43MzFoLTQuNDM2Yy0uMzk2LDAtLjcxOC4zMjEtLjcxOC43MThzLjMyMi43MTguNzE4LjcxOGg0Ljg4M2w3Ljg1LDMuMTQ3djYuMjk0SDEuNTc4bDEuOTUzLTEwLjcyNFoiLz4KPC9zdmc+);
}
.wc-icon-container .watermarkPolymode {
    mask-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNy41LjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iZCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAxMDkuNyA4Mi42IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxMDkuNyA4Mi42OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8ZyBpZD0iZSI+DQoJCTxwYXRoIGQ9Ik0wLDgyLjZWNjcuNGMwLTEuNCwwLjUtMi41LDEuNS0zLjVzMi4xLTEuNCwzLjUtMS40czIuNSwwLjUsMy41LDEuNHMxLjQsMi4xLDEuNCwzLjV2NC44YzAsMS40LTAuNSwyLjUtMS40LDMuNQ0KCQkJYy0xLDEtMi4xLDEuNC0zLjUsMS40Yy0xLjEsMC0yLTAuMy0yLjktMC45djQuOUwwLDgyLjZMMCw4Mi42eiBNMi4xLDcyLjJjMCwwLjgsMC4zLDEuNSwwLjksMmMwLjYsMC42LDEuMywwLjgsMiwwLjgNCgkJCWMwLjcsMCwxLjQtMC4zLDEuOS0wLjhjMC41LTAuNSwwLjgtMS4yLDAuOC0ydi00LjhjMC0wLjgtMC4zLTEuNS0wLjgtMmMtMC42LTAuNi0xLjMtMC44LTIuMS0wLjhjLTAuNywwLTEuNCwwLjMtMS45LDAuOA0KCQkJYy0wLjUsMC41LTAuOCwxLjItMC44LDEuOUMyLjEsNjcuNCwyLjEsNzIuMiwyLjEsNzIuMnoiLz4NCgkJPHBhdGggZD0iTTcxLjMsNjcuNGMwLTEuNCwwLjUtMi41LDEuNC0zLjVzMi4xLTEuNCwzLjUtMS40czIuNSwwLjUsMy41LDEuNHMxLjUsMi4xLDEuNSwzLjV2NC44YzAsMS40LTAuNSwyLjUtMS41LDMuNQ0KCQkJYy0xLDEtMi4xLDEuNC0zLjUsMS40cy0yLjUtMC41LTMuNS0xLjRjLTEtMS0xLjQtMi4xLTEuNC0zLjVWNjcuNEw3MS4zLDY3LjR6IE03My40LDcyLjJjMCwwLjgsMC4zLDEuNSwwLjksMg0KCQkJYzAuNiwwLjYsMS4zLDAuOCwyLDAuOGMwLjcsMCwxLjQtMC4zLDEuOS0wLjhjMC41LTAuNSwwLjgtMS4yLDAuOC0ydi00LjhjMC0wLjgtMC4zLTEuNS0wLjgtMmMtMC42LTAuNi0xLjMtMC44LTIuMS0wLjgNCgkJCWMtMC43LDAtMS40LDAuMy0xLjksMC44Yy0wLjUsMC41LTAuOCwxLjItMC44LDEuOUM3My40LDY3LjQsNzMuNCw3Mi4yLDczLjQsNzIuMnoiLz4NCgkJPHBhdGggZD0iTTQyLjUsNjMuNXY4LjljMCwwLjgtMC4zLDEuNC0wLjgsMS45Yy0wLjYsMC42LTEuMiwwLjgtMS45LDAuOGMtMC44LDAtMS41LTAuMy0yLjEtMC44Yy0wLjUtMC41LTAuOC0xLjItMC44LTJ2LTkuNw0KCQkJbC0yLjEsMC45djguOWMwLDEuNCwwLjUsMi41LDEuNSwzLjVjMSwxLDIuMSwxLjQsMy41LDEuNGMxLjEsMCwyLTAuMywyLjgtMC45djEuMmMwLDAuOC0wLjMsMS41LTAuOCwyYy0wLjEsMC4xLTAuNSwwLjUtMS4xLDAuNw0KCQkJYy0wLjUsMC4yLTAuOSwwLjItMS43LDAuMWwtMywyYzAsMCwwLDAsMCwwYzEuNiwwLjIsMi45LDAuMiwzLjgsMC4xYzAuNywwLDEuMy0wLjEsMS45LTAuNGMwLjYtMC4yLDEuMS0wLjYsMS42LTEuMQ0KCQkJYzEtMSwxLjUtMi4xLDEuNS0zLjV2LTE1TDQyLjUsNjMuNUw0Mi41LDYzLjVMNDIuNSw2My41eiIvPg0KCQk8cG9seWdvbiBwb2ludHM9IjI4LjQsNzcuMiAzMC41LDc1LjggMzAuNSw1Ny40IDI4LjQsNTguOCAJCSIvPg0KCQk8cGF0aCBkPSJNOTMuMiw2My40Yy0wLjgtMC42LTEuOC0wLjktMi45LTAuOWMtMS40LDAtMi41LDAuNS0zLjUsMS40Yy0xLDEtMS40LDIuMS0xLjQsMy41djQuOGMwLDEuNCwwLjUsMi41LDEuNCwzLjUNCgkJCWMxLDEsMi4xLDEuNCwzLjUsMS40czIuNS0wLjUsMy41LTEuNHMxLjUtMi4xLDEuNS0zLjVWNTcuM2wtMi4xLDFMOTMuMiw2My40QzkzLjIsNjMuNCw5My4yLDYzLjQsOTMuMiw2My40eiBNOTMuMiw3Mi4yDQoJCQljMCwwLjgtMC4zLDEuNS0wLjgsMmMtMC42LDAuNi0xLjIsMC44LTEuOSwwLjhjLTAuOCwwLTEuNC0wLjMtMi0wLjhjLTAuNi0wLjUtMC45LTEuMi0wLjktMnYtNC44YzAtMC44LDAuMy0xLjQsMC44LTEuOQ0KCQkJYzAuNi0wLjYsMS4yLTAuOCwxLjktMC44YzAuOCwwLDEuNSwwLjMsMi4xLDAuOGMwLjUsMC41LDAuOCwxLjIsMC44LDJDOTMuMiw2Ny41LDkzLjIsNzIuMiw5My4yLDcyLjJ6Ii8+DQoJCTxwYXRoIGQ9Ik0xMDcuMyw3My4yYy0wLjEsMC40LTAuMywwLjYtMC40LDAuOGMtMC4xLDAuMi0wLjIsMC4zLTAuMywwLjNjLTAuNiwwLjYtMS4yLDAuNy0xLjksMC43Yy0wLjgsMC0yLjYtMS0yLjUtMmw3LjUtNQ0KCQkJYzAtMS40LTAuNy0zLjMtMS43LTQuMmMtMS0xLTIuMi0xLjUtMy41LTEuNWMtMS40LDAtMi41LDAuNS0zLjUsMS41Yy0xLDEtMS40LDIuMi0xLjQsMy41djQuOWMwLDEuNCwwLjUsMi42LDEuNCwzLjUNCgkJCWMxLDEsMi4xLDEuNSwzLjUsMS41czIuNS0wLjUsMy40LTEuNGMxLjEtMS4xLDEuNi0yLjMsMS42LTMuNnYtMC41QzEwOC44LDcyLjIsMTA4LDcyLjcsMTA3LjMsNzMuMkwxMDcuMyw3My4yeiBNMTAxLjcsNjcuMw0KCQkJYzAtMC44LDAuMy0xLjQsMC44LTJjMC42LTAuNiwxLjItMC44LDEuOS0wLjhjMC44LDAsMS41LDAuMywyLjEsMC44YzAuNSwwLjUsMC40LDEuOSwwLjQsMS45bC01LjMsMy41VjY3LjNMMTAxLjcsNjcuM3oiLz4NCgkJPHBhdGggZD0iTTE0LjIsNjcuNWMwLTEuNCwwLjUtMi41LDEuNC0zLjVjMS0xLDIuMS0xLjQsMy41LTEuNHMyLjUsMC41LDMuNSwxLjRjMSwxLDEuNSwyLjEsMS41LDMuNXY0LjhjMCwxLjQtMC41LDIuNS0xLjUsMy41DQoJCQljLTEsMS0yLjEsMS40LTMuNSwxLjRzLTIuNS0wLjUtMy41LTEuNGMtMS0xLTEuNC0yLjEtMS40LTMuNVY2Ny41TDE0LjIsNjcuNXogTTE2LjMsNzIuM2MwLDAuOCwwLjMsMS41LDAuOSwyDQoJCQljMC42LDAuNiwxLjMsMC44LDIsMC44YzAuNywwLDEuNC0wLjMsMS45LTAuOGMwLjUtMC41LDAuOC0xLjIsMC44LTJ2LTQuOGMwLTAuOC0wLjMtMS41LTAuOC0yYy0wLjYtMC42LTEuMy0wLjgtMi4xLTAuOA0KCQkJYy0wLjcsMC0xLjQsMC4zLTEuOSwwLjhjLTAuNSwwLjUtMC44LDEuMi0wLjgsMS45QzE2LjMsNjcuNSwxNi4zLDcyLjMsMTYuMyw3Mi4zeiIvPg0KCQk8cGF0aCBkPSJNNDguOSw3Ny4yYzAtMC41LDAtMTAuMywwLTEwLjljMC0wLjIsMC0wLjQsMC0wLjRjMCwwLDAuMS0wLjQsMC4yLTAuN2MwLjItMC41LDAuNS0wLjgsMC42LTEuMWMwLjEtMC4xLDAuNS0wLjYsMS4yLTENCgkJCWMxLjMtMC43LDIuNi0wLjcsMi45LTAuN2MwLjMsMCwxLjQsMC4xLDIuNiwwLjljMC41LDAuNCwwLjksMC43LDEuMiwxYzAuMS0wLjEsMC4yLTAuMiwwLjMtMC4zYzAuMS0wLjEsMC40LTAuNCwxLTAuNw0KCQkJYzAuOS0wLjUsMS44LTAuNywyLTAuN2MwLjYtMC4xLDEuMi0wLjEsMS40LTAuMWMwLjQsMCwxLDAsMS43LDAuM2MwLjIsMC4xLDAuOCwwLjMsMS41LDFjMC44LDAuNywxLjIsMS41LDEuMywyDQoJCQljMC4xLDAuMywwLjEsMC42LDAuMSwwLjZjMCwwLjMsMCwwLjUsMCwwLjZjMCwwLjQsMCwzLjgsMCw4LjZjLTAuOCwwLjUtMS41LDEtMi4zLDEuNXYtOS45YzAsMCwwLDAsMC0wLjFjMC0wLjEsMC0wLjMtMC4xLTAuNg0KCQkJYy0wLjEtMC4yLTAuMS0wLjQtMC4zLTAuN2MtMC4zLTAuNS0wLjgtMC44LTAuOS0wLjljLTAuMi0wLjEtMC43LTAuNC0xLjUtMC40Yy0wLjEsMC0wLjUsMC0xLDAuMmMtMC44LDAuMy0xLjMsMC45LTEuNSwxLjQNCgkJCWMtMC4yLDAuMy0wLjIsMC43LTAuMiwwLjdjMCwwLjIsMCwwLjMsMCwwLjRjMCwxLjcsMCwzLjMsMCw1djMuNGMtMC43LDAuNS0xLjUsMS0yLjIsMS41YzAtMy4zLDAtNi42LDAtOS45YzAtMC4xLDAtMC4zLDAtMC4zDQoJCQljMC0wLjMtMC4xLTAuNS0wLjEtMC41Yy0wLjEtMC4zLTAuMy0wLjYtMC41LTFjLTAuNS0wLjYtMS4yLTAuOC0xLjQtMC45Yy0wLjItMC4xLTEtMC4zLTEuOCwwLjFjLTEsMC40LTEuNCwxLjItMS41LDEuNA0KCQkJQzUxLjEsNjYuNiw1MSw2Nyw1MSw2Ny4yYzAsMi44LDAsNS42LDAsOC40QzUwLjMsNzYuMiw0OS42LDc2LjcsNDguOSw3Ny4yTDQ4LjksNzcuMnoiLz4NCgk8L2c+DQoJPGc+DQoJCTxwb2x5Z29uIHBvaW50cz0iNTQuOSwyLjIgNTQuOSwyNS44IDcyLjgsMTMuOCAJCSIvPg0KCQk8Zz4NCgkJCTxnPg0KCQkJCTxwb2x5Z29uIHBvaW50cz0iNTQuOSwwIDU0LjksMC42IDU2LjIsMS41IDc2LjEsMTQuNCA3Ni4xLDM1LjEgNTUuNCw0OC42IDU1LjQsNDguNiA1NC45LDQ4LjkgNTQuOSw0OS42IDc2LjYsMzUuNCA3Ni42LDE0LjIgDQoJCQkJCQkJCQkiLz4NCgkJCQk8cG9seWdvbiBwb2ludHM9IjU2LDQxLjMgNjkuNCwzMi42IDY5LjYsMzIuNCA2OS42LDMyLjEgNjkuNiwyNiA2OS42LDI1LjEgNjguOCwyNS42IDU1LjQsMzQuMyA1NS40LDM0LjMgNTQuOSwzNC43IDU0LjksMzUuMyANCgkJCQkJNjkuMSwyNiA2OS4xLDMyLjEgNTQuOSw0MS40IDU0LjksNDIgNTYsNDEuMyAJCQkJIi8+DQoJCQk8L2c+DQoJCQk8Zz4NCgkJCQk8cG9seWdvbiBwb2ludHM9IjMzLjEsNDEuNyA0MC43LDQ2LjkgNDAuNiw0MC4zIDU0LjksNDkuNiA1NC45LDQxLjQgMzMuMSwyNy4zIAkJCQkiLz4NCgkJCQk8cG9seWdvbiBwb2ludHM9IjM3LDEzLjggNTQuOSwyLjIgNTQuOSwwIDMzLjEsMTQuMiAzMy4xLDIxLjEgNTQuOSwzNS4zIDU0LjksMjUuOCAJCQkJIi8+DQoJCQk8L2c+DQoJCTwvZz4NCgkJPHBvbHlnb24gcG9pbnRzPSI1NC45LDIuMiA1NC45LDI1LjggNzIuOCwxMy44IAkJIi8+DQoJCTxwb2x5Z29uIHBvaW50cz0iNTQuOSwyLjIgNTQuOSwyNS44IDcyLjgsMTMuOCAJCSIvPg0KCQk8cG9seWdvbiBwb2ludHM9IjU0LjksMi4yIDU0LjksMjUuOCA3Mi44LDEzLjggCQkiLz4NCgk8L2c+DQo8L2c+DQo8L3N2Zz4NCg==);
    
    width: 65px;
    height: 65px;
    opacity: .25;
}
.wc-icon-container .logoLoaderAxber {
    mask-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iYyIgZGF0YS1uYW1lPSJjb250ZW50IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNzAuNzE4IiBoZWlnaHQ9IjY3LjIxNCIgdmlld0JveD0iMCAwIDE3MC43MTggNjcuMjE0Ij4KICA8Zz4KICAgIDxwYXRoIGQ9Im0zNi4wNTQsMjBjMC04LjE0OS02LjYwNi0xNC43NTQtMTQuNzU0LTE0Ljc1NEgwVjBoMjEuM2MxMS4wNDYsMCwyMCw4Ljk1NCwyMCwyMHMtOC45NTQsMjAtMjAsMjBIMHYtNS4yNDVoMjEuM2M4LjE0OSwwLDE0Ljc1NC02LjYwNiwxNC43NTQtMTQuNzU1WiIgc3R5bGU9ImZpbGw6ICMxNTA1MDU7IGZpbGwtcnVsZTogZXZlbm9kZDsiLz4KICAgIDxwYXRoIGQ9Im0yNi45NzMsMjAuMDAxYzAtMi42MjItMi4xMjYtNC43NDgtNC43NDgtNC43NDhILjAwNnYtNS4yNDZoMjIuMjE4YzUuNTIsMCw5Ljk5NCw0LjQ3NSw5Ljk5NCw5Ljk5NHMtNC40NzQsOS45OTQtOS45OTQsOS45OTRILjAwNnYtNS4yNDZoMjIuMjE4YzIuNjIyLDAsNC43NDgtMi4xMjYsNC43NDgtNC43NDlaIiBzdHlsZT0iZmlsbDogIzE1MDUwNTsgZmlsbC1ydWxlOiBldmVub2RkOyIvPgogICAgPHBhdGggZD0ibTE2OC4xMzksMTMuNjQyYy43ODcsMCwxLjc5MiwwLDIuNTc5LjMwNnY1LjI0NWMtLjc4Ny0uMzA2LTEuNDg2LS40MzctMi44ODUtLjQzNy0zLjQ5NywwLTUuOTQ1LDIuMzYxLTUuOTQ1LDcuNzgxdjguODc0aC01LjU1MVYxMy45OTFoNS41NTF2Ni4wNzZjLjU2OC0zLjIzNSwyLjE0Mi02LjQyNiw2LjI1MS02LjQyNloiIHN0eWxlPSJmaWxsOiAjMTUwNTA1OyIvPgogICAgPHBhdGggZD0ibTE1NC4yMDgsMjQuMzk2YzAsLjY5OSwwLDEuMTgtLjA0NCwyLjA1NWgtMTUuMjEyYy4zNSwzLjU4NCwxLjkyNCw1LjA3MSw1LjI5LDUuMDcxLDIuNTM1LDAsMy42MjgtLjc0Myw0LjY3Ny0zLjAxNmw0LjgwOCwxLjc0OWMtMS40NDIsMy43MTYtNC44MDgsNS41OTUtOS42MTcsNS41OTUtNi41NTYsMC0xMC45MjgtNC4zNzEtMTAuOTI4LTExLjAxNiwwLTYuNzMyLDQuNDE1LTExLjI3OCwxMC43NTQtMTEuMjc4LDYuMTE5LDAsMTAuMjcyLDQuMjQsMTAuMjcyLDEwLjg0MVptLTEwLjIyOS02LjY0NGMtMy4xMDMsMC00LjYzMywxLjQ0Mi01LjAyNyw0Ljg5Nmg5Ljc0OGMtLjA4Ny0zLjYyOC0xLjU3My00Ljg5Ni00LjcyMS00Ljg5NloiIHN0eWxlPSJmaWxsOiAjMTUwNTA1OyIvPgogICAgPHBhdGggZD0ibTEyMi4zNDMsMTMuNTU0YzUuOTQ1LDAsOS40NDIsNC40NTksOS40NDIsMTEuMTkxLDAsNi42NDQtMy42MjgsMTEuMTAzLTkuNzQ4LDExLjEwMy0zLjQ5NywwLTYuMDMyLTEuNzkyLTcuMzg3LTUuMDI3djQuNTloLTUuNTUyVjQuODEyaDUuNTUydjEzLjkwMWMxLjM1NS0zLjMyMiw0LjA2NS01LjE1OCw3LjY5My01LjE1OFptLTEuOTY3LDE3LjI2N2MzLjk3OCwwLDUuODE0LTEuOTY3LDUuODE0LTYuMDc2LDAtNC4xOTYtMS44MzYtNi4xNjMtNS44MTQtNi4xNjMtNC4wNjUsMC01Ljk0NSwxLjk2Ny01Ljk0NSw2LjE2MywwLDQuMTA5LDEuODgsNi4wNzYsNS45NDUsNi4wNzZaIiBzdHlsZT0iZmlsbDogIzE1MDUwNTsiLz4KICAgIDxwYXRoIGQ9Im0xMDcuNDY0LDEzLjk5MWwtNy4zNDQsMTAuNzUzLDcuMzQ0LDEwLjY2NmgtNi41NTdsLTMuMDYtNS4zMzMtMS4yNjgtMi43OTgtMS4yMjQsMi43NTQtMi45NzIsNS4zNzdoLTYuNjAxbDcuMzg3LTEwLjY2Ni03LjMtMTAuNzUzaDYuNjg4bDIuNzk4LDUuMTE0LDEuMzExLDIuOTcyLDEuMjY4LTIuODQxLDIuOTI5LTUuMjQ2aDYuNjAxWiIgc3R5bGU9ImZpbGw6ICMxNTA1MDU7Ii8+CiAgICA8cGF0aCBkPSJtNzguNzE2LDM1LjQxMWwtMi42MjMtNy4zaC0xMi45ODNsLTIuNjIzLDcuM2gtNi4xNjRsMTEuMjc4LTMwLjU5OWg4LjA4N2wxMS4xOTEsMzAuNTk5aC02LjE2NFptLTEzLjc3LTEyLjQxNGg5LjMxMWwtMi45MjktOC4xMzEtMS43MDUtNS4zNzctMS43OTIsNS4zNzctMi44ODUsOC4xMzFaIiBzdHlsZT0iZmlsbDogIzE1MDUwNTsiLz4KICA8L2c+CiAgPGc+CiAgICA8cGF0aCBkPSJtMjUuNTksNTUuMTQzdjExLjg3NWgtMS43MzN2LTExLjg3NWgxLjczM1oiLz4KICAgIDxwYXRoIGQ9Im0zMC41MTMsNjcuMjE0Yy0uNTY0LDAtMS4wNzUtLjEwNS0xLjUzMS0uMzE2cy0uODE3LS41MTctMS4wODItLjkxOS0uMzk3LS44OTUtLjM5Ny0xLjQ3OWMwLS41MDIuMDk3LS45MTYuMjktMS4yNDEuMTkzLS4zMjUuNDU1LS41ODIuNzgzLS43NzEuMzI4LS4xODkuNjk1LS4zMzMsMS4xMDItLjQyOS40MDYtLjA5Ni44MTktLjE3LDEuMjQxLS4yMi41MzQtLjA2Mi45NjYtLjExMywxLjI5OS0uMTU0LjMzMy0uMDQxLjU3NC0uMTA3LjcyNS0uMnMuMjI2LS4yNDMuMjI2LS40NTJ2LS4wNDFjMC0uNTA2LS4xNDItLjg5OS0uNDI2LTEuMTc3cy0uNzA3LS40MTctMS4yNjctLjQxN2MtLjU4MywwLTEuMDQyLjEyOS0xLjM3Ny4zODZzLS41NjUuNTQyLS42OTMuODU1bC0xLjYyOS0uMzcxYy4xOTMtLjU0MS40NzYtLjk3OS44NDktMS4zMTMuMzczLS4zMzQuODAzLS41NzgsMS4yOTEtLjczLjQ4Ny0uMTUzLjk5OS0uMjI5LDEuNTM3LS4yMjkuMzU1LDAsLjczMy4wNDIsMS4xMzMuMTI1LjQuMDgzLjc3NS4yMzUsMS4xMjUuNDU1LjM1LjIyLjYzNy41MzQuODYxLjk0Mi4yMjQuNDA4LjMzNi45MzcuMzM2LDEuNTg2djUuOTE0aC0xLjY5M3YtMS4yMThoLS4wN2MtLjExMi4yMjQtLjI4LjQ0NS0uNTA0LjY2MS0uMjI1LjIxNy0uNTEyLjM5Ni0uODY0LjUzOS0uMzUyLjE0My0uNzczLjIxNC0xLjI2NC4yMTRabS4zNzctMS4zOTFjLjQ3OSwwLC44OS0uMDk1LDEuMjMyLS4yODRzLjYwMy0uNDM4Ljc4My0uNzQ1LjI3LS42MzcuMjctLjk4OXYtMS4xNDhjLS4wNjIuMDYyLS4xODEuMTE5LS4zNTYuMTcxcy0uMzc2LjA5Ny0uNi4xMzNjLS4yMjQuMDM3LS40NDMuMDctLjY1NS4wOTlzLS4zOS4wNTMtLjUzMy4wNzNjLS4zMzYuMDQyLS42NDMuMTE0LS45MTkuMjE1cy0uNDk3LjI0NC0uNjYxLjQzMmMtLjE2NS4xODgtLjI0Ny40MzYtLjI0Ny43NDUsMCwuNDI5LjE1OS43NTMuNDc2Ljk3MS4zMTcuMjE4LjcyMS4zMjgsMS4yMTIuMzI4WiIvPgogICAgPHBhdGggZD0ibTQwLjU1LDY3LjE5MWMtLjcxOSwwLTEuMzYtLjE4NC0xLjkyMi0uNTU0LS41NjItLjM2OS0xLjAwMy0uODk3LTEuMzIyLTEuNTgzcy0uNDc5LTEuNTEtLjQ3OS0yLjQ3My4xNjItMS43ODYuNDg0LTIuNDdjLjMyMy0uNjg0Ljc2Ni0xLjIwOCwxLjMzMS0xLjU3MS41NjQtLjM2MywxLjIwNC0uNTQ1LDEuOTE5LS41NDUuNTUzLDAsLjk5OS4wOTIsMS4zMzcuMjc1LjMzOC4xODQuNjAxLjM5Ny43ODguNjQxLjE4OC4yNDQuMzM0LjQ1OC40MzguNjQ0aC4xMDR2LTQuNDEzaDEuNzM0djExLjg3NWgtMS42OTN2LTEuMzg2aC0uMTQ1Yy0uMTA0LjE4OS0uMjU0LjQwNi0uNDQ5LjY0OS0uMTk1LjI0My0uNDYzLjQ1Ni0uODAzLjYzOC0uMzQuMTgyLS43ODEuMjcyLTEuMzIyLjI3MlptLjM4Mi0xLjQ3OWMuNDk5LDAsLjkyMS0uMTMyLDEuMjY3LS4zOTcuMzQ2LS4yNjUuNjA5LS42MzMuNzg5LTEuMTA1LjE4LS40NzEuMjctMS4wMjEuMjctMS42NDcsMC0uNjE4LS4wODktMS4xNTktLjI2Ny0xLjYyM3MtLjQzOC0uODI1LS43ODMtMS4wODRjLS4zNDQtLjI1OS0uNzY5LS4zODgtMS4yNzYtLjM4OC0uNTIxLDAtLjk1Ny4xMzUtMS4zMDQuNDA2LS4zNDguMjcxLS42MS42NC0uNzg2LDEuMTA3LS4xNzYuNDY4LS4yNjQuOTk1LS4yNjQsMS41ODMsMCwuNTk1LjA4OSwxLjEzMS4yNjcsMS42MDZzLjQ0MS44NTEuNzkxLDEuMTI4Yy4zNS4yNzYuNzgyLjQxNSwxLjI5Ni40MTVaIi8+CiAgICA8cGF0aCBkPSJtNTEuMjcxLDY3LjE5N2MtLjg3NywwLTEuNjMyLS4xODgtMi4yNjQtLjU2NS0uNjMyLS4zNzctMS4xMTktLjkwOC0xLjQ2MS0xLjU5NC0uMzQyLS42ODYtLjUxMy0xLjQ5MS0uNTEzLTIuNDE1LDAtLjkxMi4xNzEtMS43MTYuNTEzLTIuNDEyLjM0Mi0uNjk2LjgyMi0xLjIzOSwxLjQzOC0xLjYyOS42MTctLjM5LDEuMzM4LS41ODYsMi4xNjYtLjU4Ni41MDIsMCwuOTg5LjA4MywxLjQ2MS4yNDkuNDcyLjE2Ni44OTUuNDI3LDEuMjcuNzgzLjM3NS4zNTYuNjcxLjgxNy44ODcsMS4zODMuMjE2LjU2Ni4zMjUsMS4yNTMuMzI1LDIuMDYxdi42MTVoLTcuMDh2LTEuMjk5aDUuMzgxYzAtLjQ1Ni0uMDkzLS44NjEtLjI3OC0xLjIxNS0uMTg2LS4zNTQtLjQ0Ni0uNjMzLS43OC0uODM4LS4zMzQtLjIwNS0uNzI2LS4zMDctMS4xNzQtLjMwNy0uNDg3LDAtLjkxMS4xMTktMS4yNzIuMzU3LS4zNjIuMjM4LS42NC41NDctLjgzNS45MjgtLjE5NS4zODEtLjI5My43OTMtLjI5MywxLjIzOHYxLjAxNWMwLC41OTUuMTA1LDEuMTAyLjMxNiwxLjUxOS4yMTEuNDE3LjUwNS43MzUuODg0Ljk1NC4zNzkuMjE5LjgyMS4zMjgsMS4zMjguMzI4LjMyOSwwLC42MjgtLjA0Ny44OTktLjE0MnMuNTA0LS4yMzcuNzAyLS40MjYuMzQ4LS40MjMuNDUyLS43MDJsMS42NDEuMjk2Yy0uMTMxLjQ4My0uMzY3LjkwNi0uNzA1LDEuMjY3LS4zMzguMzYyLS43NjIuNjQyLTEuMjcuODQxcy0xLjA4Ny4yOTktMS43MzYuMjk5WiIvPgogICAgPHBhdGggZD0ibTY1LjQ1OSw2Ny4xOGMtLjc5NiwwLTEuNTA3LS4xMzctMi4xMzEtLjQxMnMtMS4xMTctLjY1Ni0xLjQ3OS0xLjE0NWMtLjM2MS0uNDg5LS41NTYtMS4wNTYtLjU4My0xLjcwMmgxLjgyMWMuMDIzLjM1Mi4xNDIuNjU2LjM1Ny45MTMuMjE0LjI1Ny40OTYuNDU1Ljg0My41OTQuMzQ4LjEzOS43MzQuMjA5LDEuMTYuMjA5LjQ2OCwwLC44ODItLjA4MSwxLjI0NC0uMjQ0LjM2Mi0uMTYyLjY0NS0uMzg5Ljg1LS42ODEuMjA1LS4yOTIuMzA3LS42MjkuMzA3LTEuMDEyLDAtLjM5OC0uMTAyLS43NDktLjMwNC0xLjA1Mi0uMjAzLS4zMDMtLjQ5OS0uNTQyLS44ODctLjcxNi0uMzg5LS4xNzQtLjg1Ny0uMjYxLTEuNDA2LS4yNjFoLTEuMDAzdi0xLjQ2MWgxLjAwM2MuNDQxLDAsLjgyOC0uMDc5LDEuMTYzLS4yMzguMzM0LS4xNTguNTk2LS4zOC43ODYtLjY2NHMuMjg0LS42MTcuMjg0LTFjMC0uMzY3LS4wODItLjY4Ny0uMjQ2LS45NTktLjE2NS0uMjcyLS4zOTYtLjQ4Ni0uNjk2LS42NDEtLjI5OS0uMTU1LS42NTItLjIzMi0xLjA1OC0uMjMyLS4zODcsMC0uNzQ3LjA3MS0xLjA4Mi4yMTEtLjMzNC4xNDEtLjYwNi4zNDItLjgxNS42MDMtLjIwOC4yNjEtLjMyMS41NzMtLjMzNi45MzdoLTEuNzM0Yy4wMi0uNjQyLjIwOS0xLjIwNi41NzEtMS42OTMuMzYxLS40ODcuODQtLjg2OCwxLjQzNS0xLjE0Mi41OTUtLjI3NCwxLjI1Ni0uNDEyLDEuOTgzLS40MTIuNzYxLDAsMS40MTkuMTQ4LDEuOTc0LjQ0NHMuOTg0LjY4OSwxLjI4NywxLjE4Yy4zMDQuNDkxLjQ1MywxLjAyOC40NSwxLjYxMi4wMDMuNjY1LS4xODEsMS4yMjktLjU1NCwxLjY5M3MtLjg2OS43NzUtMS40ODcuOTM0di4wOTNjLjc4OS4xMiwxLjQuNDMzLDEuODM1LjkzOS40MzUuNTA3LjY1LDEuMTM1LjY0NiwxLjg4NS4wMDQuNjUzLS4xNzcsMS4yMzktLjU0MiwxLjc1N3MtLjg2My45MjUtMS40OTMsMS4yMmMtLjYzLjI5Ni0xLjM1MS40NDQtMi4xNjMuNDQ0WiIvPgogICAgPHBhdGggZD0ibTc1Ljg0OSw2Ny4wMTdoLTMuODQ0di0xMS44NzVoMy45NjZjMS4xNjQsMCwyLjE2My4yMzcsMi45OTguNzEuODM1LjQ3MywxLjQ3NiwxLjE1MiwxLjkyMiwyLjAzNS40NDcuODgzLjY3LDEuOTQxLjY3LDMuMTc0cy0uMjI2LDIuMy0uNjc2LDMuMTg5Yy0uNDUuODg5LTEuMTAxLDEuNTcyLTEuOTUxLDIuMDUtLjg1LjQ3OC0xLjg3OC43MTYtMy4wODQuNzE2Wm0tMi4wNTItMS41NjVoMS45NTRjLjkwNSwwLDEuNjU3LS4xNzEsMi4yNTYtLjUxM3MxLjA0Ny0uODM5LDEuMzQ1LTEuNDljLjI5Ny0uNjUxLjQ0Ni0xLjQ0Ny40NDYtMi4zODYsMC0uOTMxLS4xNDgtMS43MjItLjQ0My0yLjM3MS0uMjk2LS42NDktLjczNi0xLjE0Mi0xLjMxOS0xLjQ3OS0uNTg0LS4zMzYtMS4zMDktLjUwNC0yLjE3NC0uNTA0aC0yLjA2NHY4Ljc0NFoiLz4KICAgIDxwYXRoIGQ9Im04OC44OTUsNjAuMzI2djEuNTA4aC01LjI2NXYtMS41MDhoNS4yNjVaIi8+CiAgICA8cGF0aCBkPSJtOTIuMzUsNjcuMDE3aC0xLjkwMmw0LjI3My0xMS44NzVoMi4wN2w0LjI3MywxMS44NzVoLTEuOTAybC0zLjM1Ny05LjcxOGgtLjA5M2wtMy4zNjMsOS43MThabS4zMTktNC42NWg2LjE2OXYxLjUwOGgtNi4xNjl2LTEuNTA4WiIvPgogICAgPHBhdGggZD0ibTEwNC4zNyw2MS43M3Y1LjI4OGgtMS43MzN2LTguOTA2aDEuNjY0djEuNDQ5aC4xMWMuMjA1LS40NzEuNTI3LS44NS45NjUtMS4xMzYuNDM5LS4yODYuOTkzLS40MjksMS42NjEtLjQyOS42MDcsMCwxLjEzOS4xMjcsMS41OTUuMzhzLjgxLjYyOSwxLjA2MSwxLjEyOGMuMjUxLjQ5OS4zNzcsMS4xMTUuMzc3LDEuODV2NS42NjVoLTEuNzM0di01LjQ1NmMwLS42NDYtLjE2OC0xLjE1MS0uNTA0LTEuNTE2LS4zMzYtLjM2NS0uNzk4LS41NDgtMS4zODYtLjU0OC0uNDAyLDAtLjc1OC4wODctMS4wNy4yNjEtLjMxMS4xNzQtLjU1Ny40MjgtLjczNi43NjItLjE4LjMzNC0uMjcuNzM3LS4yNywxLjIwOVoiLz4KICAgIDxwYXRoIGQ9Im0xMTkuMDYyLDYwLjI4NmwtMS41NzEuMjc4Yy0uMDY2LS4yMDEtLjE2OS0uMzkyLS4zMS0uNTc0cy0uMzMyLS4zMzEtLjU3MS0uNDQ3LS41MzktLjE3NC0uODk5LS4xNzRjLS40OTEsMC0uOS4xMDktMS4yMjkuMzI3LS4zMjkuMjE5LS40OTMuNS0uNDkzLjg0NCwwLC4yOTguMTEuNTM3LjMzLjcxOS4yMjEuMTgyLjU3Ni4zMzEsMS4wNjcuNDQ3bDEuNDE1LjMyNWMuODE5LjE4OSwxLjQzLjQ4MSwxLjgzMy44NzUuNDAyLjM5NC42MDMuOTA2LjYwMywxLjUzNiwwLC41MzMtLjE1MywxLjAwOC0uNDYxLDEuNDI0LS4zMDcuNDE2LS43MzQuNzQxLTEuMjgxLjk3Ny0uNTQ3LjIzNi0xLjE4LjM1NC0xLjg5OS4zNTQtLjk5OCwwLTEuODExLS4yMTMtMi40NDEtLjY0MS0uNjMtLjQyNy0xLjAxNy0xLjAzNS0xLjE2LTEuODIzbDEuNjc2LS4yNTVjLjEwNC40MzcuMzE5Ljc2Ni42NDQuOTg5LjMyNS4yMjIuNzQ4LjMzMywxLjI3LjMzMy41NjgsMCwxLjAyMi0uMTE5LDEuMzYzLS4zNTcuMzQtLjIzOC41MS0uNTI5LjUxLS44NzMsMC0uMjc4LS4xMDQtLjUxMi0uMzEtLjcwMi0uMjA3LS4xODktLjUyMy0uMzMyLS45NDgtLjQyOWwtMS41MDgtLjMzMWMtLjgzMS0uMTg5LTEuNDQ0LS40OTEtMS44NDEtLjkwNS0uMzk2LS40MTQtLjU5NC0uOTM3LS41OTQtMS41NzEsMC0uNTI2LjE0Ny0uOTg2LjQ0MS0xLjM4LjI5My0uMzk0LjY5OS0uNzAzLDEuMjE3LS45MjUuNTE4LS4yMjIsMS4xMTEtLjMzMywxLjc4LS4zMzMuOTYyLDAsMS43Mi4yMDgsMi4yNzMuNjIzcy45MTguOTcxLDEuMDk2LDEuNjY3WiIvPgogICAgPHBhdGggZD0ibTEyMi4wMTMsNTYuNzM3Yy0uMzAxLDAtLjU2LS4xMDEtLjc3NC0uMzA0LS4yMTQtLjIwMy0uMzIyLS40NDUtLjMyMi0uNzI4LDAtLjI4Ni4xMDctLjUzMS4zMjItLjczMy4yMTQtLjIwMy40NzMtLjMwNC43NzQtLjMwNHMuNTYuMTAxLjc3NC4zMDRjLjIxNC4yMDMuMzIxLjQ0Ni4zMjEuNzI4LDAsLjI4Ni0uMTA3LjUzMS0uMzIxLjczMy0uMjE1LjIwMy0uNDczLjMwNC0uNzc0LjMwNFptLS44NzUsMTAuMjh2LTguOTA2aDEuNzM0djguOTA2aC0xLjczNFoiLz4KICAgIDxwYXRoIGQ9Im0xMjguOTU0LDY3LjE5N2MtLjg2MiwwLTEuNjAzLS4xOTYtMi4yMjQtLjU4OC0uNjItLjM5Mi0xLjA5Ny0uOTM1LTEuNDI5LTEuNjI2cy0uNDk5LTEuNDg0LS40OTktMi4zNzdjMC0uOTA1LjE3LTEuNzA0LjUxLTIuMzk4LjM0LS42OTQuODE5LTEuMjM2LDEuNDM4LTEuNjI2LjYxOC0uMzksMS4zNDctLjU4NiwyLjE4Ni0uNTg2LjY3NywwLDEuMjc5LjEyNSwxLjgwOS4zNzRzLjk1OC41OTgsMS4yODUsMS4wNDdjLjMyNi40NDguNTIxLjk3Mi41ODMsMS41NzFoLTEuNjg3Yy0uMDkzLS40MTctLjMwNS0uNzc3LS42MzUtMS4wNzlzLS43NzItLjQ1Mi0xLjMyNS0uNDUyYy0uNDgzLDAtLjkwNi4xMjctMS4yNjcuMzgtLjM2MS4yNTMtLjY0My42MTMtLjg0NCwxLjA3OS0uMjAxLjQ2Ni0uMzAxLDEuMDE2LS4zMDEsMS42NDksMCwuNjQ5LjA5OSwxLjIxLjI5NiwxLjY4Mi4xOTcuNDcyLjQ3Ni44MzcuODM4LDEuMDk2LjM2MS4yNTkuNzg3LjM4OSwxLjI3OC4zODkuMzI4LDAsLjYyNy0uMDYxLjg5Ni0uMTgzLjI2OS0uMTIyLjQ5NS0uMjk3LjY3OS0uNTI1LjE4NC0uMjI4LjMxMi0uNTAyLjM4Ni0uODIzaDEuNjg3Yy0uMDYyLjU3Ni0uMjUsMS4wOS0uNTYyLDEuNTQyLS4zMTMuNDUyLS43MzEuODA4LTEuMjU1LDEuMDY3LS41MjMuMjU5LTEuMTM3LjM4OC0xLjg0MS4zODhaIi8+CiAgICA8cGF0aCBkPSJtMTM2LjIwNyw2MS43M3Y1LjI4OGgtMS43MzN2LTExLjg3NWgxLjcxdjQuNDE4aC4xMWMuMjA4LS40NzkuNTI3LS44Ni45NTctMS4xNDJzLjk4OS0uNDIzLDEuNjgxLS40MjNjLjYxMSwwLDEuMTQ2LjEyNiwxLjYwNC4zNzdzLjgxMy42MjUsMS4wNjcsMS4xMjJjLjI1My40OTcuMzc5LDEuMTE2LjM3OSwxLjg1OHY1LjY2NWgtMS43MzN2LTUuNDU2YzAtLjY1My0uMTY4LTEuMTYxLS41MDQtMS41MjItLjMzNi0uMzYyLS44MDQtLjU0Mi0xLjQwMy0uNTQyLS40MSwwLS43NzYuMDg3LTEuMDk5LjI2MS0uMzIzLjE3NC0uNTc2LjQyOC0uNzU5Ljc2Mi0uMTg0LjMzNC0uMjc2LjczNy0uMjc2LDEuMjA5WiIvPgogICAgPHBhdGggZD0ibTE0OC40NTksNTguMTExdjEuMzkyaC00Ljg2NHYtMS4zOTJoNC44NjRabS0zLjU2LTIuMTM0aDEuNzMzdjguNDI1YzAsLjMzNi4wNS41ODkuMTUxLjc1Ny4xLjE2OC4yMzEuMjgyLjM5MS4zNDIuMTYxLjA2LjMzNS4wOS41MjUuMDkuMTM5LDAsLjI2MS0uMDEuMzY1LS4wMjlzLjE4Ni0uMDM1LjI0NC0uMDQ2bC4zMTMsMS40MzJjLS4xMDEuMDM5LS4yNDQuMDc4LS40MjkuMTE5cy0uNDE3LjA2My0uNjk2LjA2N2MtLjQ1Ni4wMDgtLjg4MS0uMDczLTEuMjc1LS4yNDMtLjM5NS0uMTctLjcxMy0uNDMzLS45NTctLjc4OS0uMjQ0LS4zNTYtLjM2NS0uODAyLS4zNjUtMS4zNHYtOC43ODRaIi8+CiAgICA8cGF0aCBkPSJtMTUxLjUxNCw2Ny4xMjhjLS4zMTcsMC0uNTg5LS4xMTMtLjgxNy0uMzM5LS4yMjktLjIyNi0uMzQyLS41LS4zNDItLjgyMSwwLS4zMTcuMTE0LS41ODguMzQyLS44MTQuMjI4LS4yMjYuNS0uMzM5LjgxNy0uMzM5cy41ODkuMTEzLjgxNy4zMzljLjIyOS4yMjYuMzQyLjQ5OC4zNDIuODE0LDAsLjIxMy0uMDUzLjQwNy0uMTYuNTgzLS4xMDYuMTc2LS4yNDYuMzE2LS40Mi40Mi0uMTc0LjEwNC0uMzY3LjE1Ni0uNTguMTU2WiIvPgogICAgPHBhdGggZD0ibTE1Ni4xMzUsNjcuMTI4Yy0uMzE3LDAtLjU4OS0uMTEzLS44MTctLjMzOS0uMjI5LS4yMjYtLjM0Mi0uNS0uMzQyLS44MjEsMC0uMzE3LjExNC0uNTg4LjM0Mi0uODE0LjIyOC0uMjI2LjUtLjMzOS44MTctLjMzOXMuNTg5LjExMy44MTcuMzM5Yy4yMjkuMjI2LjM0Mi40OTguMzQyLjgxNCwwLC4yMTMtLjA1My40MDctLjE2LjU4My0uMTA2LjE3Ni0uMjQ2LjMxNi0uNDIuNDItLjE3NC4xMDQtLjM2Ny4xNTYtLjU4LjE1NloiLz4KICAgIDxwYXRoIGQ9Im0xNjAuNzU2LDY3LjEyOGMtLjMxNywwLS41OS0uMTEzLS44MTctLjMzOS0uMjI5LS4yMjYtLjM0Mi0uNS0uMzQyLS44MjEsMC0uMzE3LjExNC0uNTg4LjM0Mi0uODE0LjIyOC0uMjI2LjUtLjMzOS44MTctLjMzOXMuNTg5LjExMy44MTcuMzM5Yy4yMjguMjI2LjM0Mi40OTguMzQyLjgxNCwwLC4yMTMtLjA1My40MDctLjE2LjU4My0uMTA2LjE3Ni0uMjQ2LjMxNi0uNDIuNDItLjE3NC4xMDQtLjM2Ny4xNTYtLjU4LjE1NloiLz4KICA8L2c+Cjwvc3ZnPg==);
}
.wc-icon-container .imageOverlay3D {
    mask-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iYyIgZGF0YS1uYW1lPSJjb250ZW50IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MyIgaGVpZ2h0PSI1MyIgdmlld0JveD0iMCAwIDUzIDUzIj4KICA8Zz4KICAgIDxwYXRoIGQ9Im0xOC45ODUsMzYuNzA1Yy0xLjI2NiwwLTIuMzk2LS4yMTgtMy4zODgtLjY1NC0uOTkyLS40MzYtMS43NzYtMS4wNDMtMi4zNTEtMS44MjEtLjU3NC0uNzc3LS44ODMtMS42NzktLjkyNi0yLjcwNWgyLjg5NGMuMDM3LjU1OS4yMjYsMS4wNDMuNTY3LDEuNDUyLjM0MS40MDkuNzg4LjcyMywxLjM0MS45NDUuNTUzLjIyMSwxLjE2Ny4zMzIsMS44NDQuMzMyLjc0MywwLDEuNDAyLS4xMjksMS45NzctLjM4Ny41NzQtLjI1OCwxLjAyNC0uNjE5LDEuMzUtMS4wODMuMzI2LS40NjQuNDg5LTEsLjQ4OS0xLjYwOCwwLS42MzMtLjE2Mi0xLjE5LS40ODQtMS42NzMtLjMyMy0uNDgyLS43OTMtLjg2Mi0xLjQxLTEuMTM4LS42MTgtLjI3Ny0xLjM2My0uNDE1LTIuMjM1LS40MTVoLTEuNTk1di0yLjMyM2gxLjU5NWMuNywwLDEuMzE2LS4xMjYsMS44NDgtLjM3OC41MzEtLjI1Mi45NDgtLjYwNCwxLjI0OS0xLjA1NS4zMDEtLjQ1Mi40NTItLjk4MS40NTItMS41OSwwLS41ODQtLjEzMS0xLjA5Mi0uMzkyLTEuNTI1LS4yNjEtLjQzMy0uNjMtLjc3My0xLjEwNi0xLjAxOS0uNDc3LS4yNDYtMS4wMzctLjM2OS0xLjY4Mi0uMzY5LS42MTUsMC0xLjE4OC4xMTItMS43MTkuMzM2LS41MzEuMjI0LS45NjMuNTQ0LTEuMjk1Ljk1OC0uMzMyLjQxNS0uNTEuOTExLS41MzUsMS40ODloLTIuNzU2Yy4wMzEtMS4wMi4zMzMtMS45MTcuOTA4LTIuNjkxLjU3NS0uNzc0LDEuMzM1LTEuMzc5LDIuMjgxLTEuODE2czEuOTk3LS42NTUsMy4xNTItLjY1NWMxLjIxMSwwLDIuMjU3LjIzNSwzLjEzOS43MDUuODgyLjQ3LDEuNTY0LDEuMDk1LDIuMDQ2LDEuODc2LjQ4Mi43ODEuNzIsMS42MzUuNzE0LDIuNTYyLjAwNiwxLjA1Ny0uMjg4LDEuOTU0LS44OCwyLjY5MS0uNTkzLjczNy0xLjM4MSwxLjIzMi0yLjM2NCwxLjQ4NHYuMTQ3YzEuMjUzLjE5MSwyLjIyNi42ODgsMi45MTcsMS40OTMuNjkxLjgwNSwxLjAzNCwxLjgwNCwxLjAyNywyLjk5Ni4wMDYsMS4wMzktLjI4MSwxLjk2OS0uODYyLDIuNzkzcy0xLjM3MiwxLjQ3LTIuMzc0LDEuOTRjLTEuMDAxLjQ3LTIuMTQ3LjcwNS0zLjQzOC43MDVaIi8+CiAgICA8cGF0aCBkPSJtMzQuNDYzLDM2LjQ0N2gtNi4xMTF2LTE4Ljg3N2g2LjMwNWMxLjg1LDAsMy40MzguMzc2LDQuNzY2LDEuMTI5LDEuMzI3Ljc1MywyLjM0NiwxLjgzMSwzLjA1NiwzLjIzNS43MDksMS40MDQsMS4wNjQsMy4wODYsMS4wNjQsNS4wNDZzLS4zNTgsMy42NTYtMS4wNzQsNS4wNjljLS43MTYsMS40MTQtMS43NSwyLjUtMy4xMDIsMy4yNTgtMS4zNTIuNzU5LTIuOTg2LDEuMTM4LTQuOTAzLDEuMTM4Wm0tMy4yNjMtMi40ODloMy4xMDZjMS40MzgsMCwyLjYzMy0uMjcyLDMuNTg1LS44MTYuOTUzLS41NDQsMS42NjUtMS4zMzMsMi4xMzktMi4zNjkuNDczLTEuMDM1LjcwOS0yLjMuNzA5LTMuNzkzLDAtMS40ODEtLjIzNS0yLjczOC0uNzA1LTMuNzctLjQ3LTEuMDMyLTEuMTY5LTEuODE2LTIuMDk3LTIuMzUxLS45MjgtLjUzNC0yLjA4LS44MDItMy40NTYtLjgwMmgtMy4yODF2MTMuODk5WiIvPgogIDwvZz4KICA8Zz4KICAgIDxnPgogICAgICA8cGF0aCBkPSJtNy44NzQsNDMuMjA0YzQuNjc3LDUuNDg0LDExLjYzNyw4Ljk2MiwxOS40MDksOC45NjIsMTQuMDgzLDAsMjUuNS0xMS40MTcsMjUuNS0yNS41IiBzdHlsZT0iZmlsbDogbm9uZTsgc3Ryb2tlOiAjMDAwOyBzdHJva2UtbWl0ZXJsaW1pdDogMTA7IHN0cm9rZS13aWR0aDogMnB4OyIvPgogICAgICA8cG9seWdvbiBwb2ludHM9IjEzLjM2MyA0MC4yNzkgMy40ODEgNDcuMzQ1IDQuODkgMzguODczIDEzLjM2MyA0MC4yNzkiLz4KICAgIDwvZz4KICAgIDxnPgogICAgICA8cGF0aCBkPSJtNDYuNjkzLDEwLjEyOUM0Mi4wMTYsNC42NDUsMzUuMDU2LDEuMTY3LDI3LjI4MywxLjE2NywxMy4yLDEuMTY3LDEuNzgzLDEyLjU4NCwxLjc4MywyNi42NjciIHN0eWxlPSJmaWxsOiBub25lOyBzdHJva2U6ICMwMDA7IHN0cm9rZS1taXRlcmxpbWl0OiAxMDsgc3Ryb2tlLXdpZHRoOiAycHg7Ii8+CiAgICAgIDxwb2x5Z29uIHBvaW50cz0iNDEuMjA0IDEzLjA1NSA1MS4wODYgNS45ODkgNDkuNjc4IDE0LjQ2IDQxLjIwNCAxMy4wNTUiLz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPg==);
    width: 40px;
    height: 40px;

}
.wc-icon-container .controlsMobile {
    mask-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iYyIgZGF0YS1uYW1lPSJjb250ZW50IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5MiIgaGVpZ2h0PSIxNDAiIHZpZXdCb3g9IjAgMCA5MiAxNDAiPgogIDxwYXRoIGQ9Im0xMy41OTQsNS42Mzh2Ny44OTFjLjQ2OC0uMTkuOTgxLS4yOTcsMS41MTktLjI5NywxLjU1LDAsMi44OTIuODY3LDMuNTc1LDIuMTQ1LjMxNi0uMDc2LjY0Ni0uMTIuOTgxLS4xMiwxLjUxMiwwLDIuODI5LjgyOSwzLjUyNCwyLjA1Ny4xNzEtLjAxOS4zNDgtLjAzMi41MjUtLjAzMiwyLjIzNCwwLDQuMDUsMS44MTYsNC4wNSw0LjA1djYuMDc1YzAsMy45MTctMy4xNyw3LjA4Ny03LjA4Nyw3LjA4N2gtOC41ODdjLTEuNTEzLDAtMi45OTMtLjM3My00LjMyMi0xLjA4OGwtLjUyNS0uMjg1Yy0yLjk0OS0xLjU4OC00Ljc5MS00LjY3LTQuNzkxLTguMDI0di0xLjIzNGMwLTEuNTk1Ljc1My0zLjA5NCwyLjAyNS00LjA1bDEuNDIzLTEuMDY5Yy4xOTYtLjE0Ni4zOTktLjI4NS42MDEtLjQxMVY1LjYzOGMwLTEuOTU1LDEuNTg4LTMuNTQ0LDMuNTQ0LTMuNTQ0czMuNTQzLDEuNTg4LDMuNTQzLDMuNTQ0Wm0tNS4wNjIsMTMuMTYydjUuMDYyYzAsLjU1Ny0uNDU2LDEuMDEyLTEuMDEzLDEuMDEycy0xLjAxMy0uNDU2LTEuMDEzLTEuMDEydi0zLjAzN2wtLjgxLjYwN2MtLjc2Ni41NzYtMS4yMTUsMS40NzQtMS4yMTUsMi40M3YxLjIzNGMwLDIuNjA3LDEuNDMsNS4wMDUsMy43MjcsNi4yNDZsLjUyNS4yODUtLjQ4MS44OTIuNDgxLS44OTJjMS4wMzIuNTU3LDIuMTg5Ljg0OCwzLjM2Ljg0OGg4LjU5OWMyLjc5NywwLDUuMDYyLTIuMjY1LDUuMDYyLTUuMDYydi02LjA3NWMwLTEuMTItLjkwNS0yLjAyNS0yLjAyNS0yLjAyNS0uMjY2LDAtLjUxOS4wNTEtLjc0Ny4xMzktLjI3Mi4xMDEtLjU3LjA4OS0uODI5LS4wMzgtLjI1OS0uMTI3LS40NDktLjM2MS0uNTI1LS42MzktLjIzNC0uODYxLTEuMDI1LTEuNDkzLTEuOTU1LTEuNDkzLS4zODYsMC0uNzQ3LjEwOC0xLjA1LjI5MS0uMjg1LjE3MS0uNjMzLjE5LS45MzcuMDU3cy0uNTE5LS40MTEtLjU4My0uNzM0Yy0uMTc3LS45My0xLTEuNjM5LTEuOTg3LTEuNjM5LS43MDIsMC0xLjMyMi4zNTQtMS42ODkuOTA1LS4yNTMuMzczLS43MDguNTM4LTEuMTM5LjQxMS0uNDMtLjEyNy0uNzIxLS41MTktLjcyMS0uOTY4VjUuNjM4YzAtLjg0Mi0uNjc3LTEuNTE5LTEuNTE5LTEuNTE5cy0xLjUxOS42NzctMS41MTksMS41MTl2MTMuMTYyWiIvPgogIDxwYXRoIGQ9Im04NC43ODEsMjEuMTY3Yy4xMi0uNDg3LjU0NC0uODQ4LDEuMDQ0LS44NDguNjI2LDAsMS4xMDcuNTU3Ljk2OCwxLjE2NC0xLjQ0Miw2LjI5LTcuMDgxLDEwLjk4NS0xMy44MTMsMTAuOTg1LTUuMTQ1LDAtOS42NTYtMi43NDYtMTIuMTM3LTYuODQ3djMuODA5YzAsLjU1Ny0uNDU2LDEuMDEyLTEuMDEzLDEuMDEycy0xLjAxMi0uNDU2LTEuMDEyLTEuMDEydi02LjA3NWMwLS41NTcuNDU2LTEuMDEyLDEuMDEyLTEuMDEyaDYuMDc1Yy41NTcsMCwxLjAxMy40NTYsMS4wMTMsMS4wMTJzLS40NTYsMS4wMTItMS4wMTMsMS4wMTJoLTMuNDQ4YzIuMTAxLDMuNjMyLDYuMDI0LDYuMDc1LDEwLjUyMyw2LjA3NSw1LjcyLDAsMTAuNTE3LTMuOTU1LDExLjgwOC05LjI3bC0uMDA2LS4wMDZabS0yMy42MDMtNS43NDZjLS4xMi40ODctLjU0NC44NDgtMS4wNDQuODQ4LS42MjYsMC0xLjEwNy0uNTU3LS45NjgtMS4xNjQsMS40NDItNi4yOSw3LjA4MS0xMC45ODUsMTMuODEzLTEwLjk4NSw1LjE1NywwLDkuNjY5LDIuNzUzLDEyLjE0OSw2Ljg3MnYtMy44MzVjMC0uNTU3LjQ1Ni0xLjAxMiwxLjAxMy0xLjAxMnMxLjAxMi40NTYsMS4wMTIsMS4wMTJ2Ni4wNzVjMCwuNTU3LS40NTYsMS4wMTItMS4wMTIsMS4wMTJoLTYuMDc1Yy0uNTU3LDAtMS4wMTItLjQ1Ni0xLjAxMi0xLjAxMnMuNDU2LTEuMDEyLDEuMDEyLTEuMDEyaDMuNDM2Yy0yLjEwMS0zLjYzMi02LjAyNC02LjA3NS0xMC41MjMtNi4wNzUtNS43MiwwLTEwLjUxNywzLjk1NS0xMS44MDgsOS4yNzdoLjAwNloiLz4KICA8cGF0aCBkPSJtODEuMjU3LDc3LjUzMWMtMi4yOTcsMS45NzQtNS4yOTEsMy4xNjQtOC41NjIsMy4xNjQtNy4yNzEsMC0xMy4xNjItNS44OTEtMTMuMTYyLTEzLjE2MnM1Ljg5MS0xMy4xNjIsMTMuMTYyLTEzLjE2MiwxMy4xNjIsNS44OTEsMTMuMTYyLDEzLjE2MmMwLDMuMjcxLTEuMTg5LDYuMjY1LTMuMTY0LDguNTYybDguOTQxLDguOTQ4Yy4zOTIuMzkyLjM5MiwxLjAzOCwwLDEuNDMtLjM5My4zOTItMS4wMzguMzkyLTEuNDMsMGwtOC45NDctOC45NDFabTIuNTc1LTkuOTk4YzAtMy45NzktMi4xMjMtNy42NTUtNS41NjgtOS42NDVzLTcuNjkxLTEuOTg5LTExLjEzNywwLTUuNTY4LDUuNjY2LTUuNTY4LDkuNjQ1LDIuMTIzLDcuNjU1LDUuNTY4LDkuNjQ1LDcuNjkxLDEuOTg5LDExLjEzNywwLDUuNTY4LTUuNjY2LDUuNTY4LTkuNjQ1WiIvPgogIDxwYXRoIGQ9Im04MC4zMTUsMTExLjUwMmMuMzkzLjM5Mi4zOTMsMS4wMzgsMCwxLjQzLS4zOTIuMzkyLTEuMDM4LjM5Mi0xLjQzLDBsLTIuODI5LTIuODI5djExLjczMmgxMS43MzJsLTIuODI5LTIuODI5Yy0uMzkyLS4zOTItLjM5Mi0xLjAzOCwwLTEuNDMuMzkzLS4zOTIsMS4wMzgtLjM5MiwxLjQzLDBsNC41NTYsNC41NTZjLjM5Mi4zOTIuMzkyLDEuMDM4LDAsMS40M2wtNC41NTYsNC41NTZjLS4zOTIuMzkyLTEuMDM4LjM5Mi0xLjQzLDAtLjM5Mi0uMzkyLS4zOTItMS4wMzgsMC0xLjQzbDIuODI5LTIuODI5aC0xMS43MzJ2MTEuNzMybDIuODI5LTIuODI5Yy4zOTMtLjM5MiwxLjAzOC0uMzkyLDEuNDMsMCwuMzkzLjM5Mi4zOTMsMS4wMzgsMCwxLjQzbC00LjU1Niw0LjU1NmMtLjM5Mi4zOTItMS4wMzguMzkyLTEuNDMsMGwtNC41NTYtNC41NTZjLS4zOTMtLjM5Mi0uMzkzLTEuMDM4LDAtMS40My4zOTItLjM5MiwxLjAzOC0uMzkyLDEuNDMsMGwyLjgyOSwyLjgyOXYtMTEuNzMyaC0xMS43MzJsMi44MjksMi44MjljLjM5Mi4zOTIuMzkyLDEuMDM4LDAsMS40My0uMzkzLjM5Mi0xLjAzOC4zOTItMS40MywwbC00LjU1Ni00LjU1NmMtLjM5Mi0uMzkyLS4zOTItMS4wMzgsMC0xLjQzbDQuNTU2LTQuNTU2Yy4zOTItLjM5MiwxLjAzOC0uMzkyLDEuNDMsMCwuMzkyLjM5Mi4zOTIsMS4wMzgsMCwxLjQzbC0yLjgyOSwyLjgyOWgxMS43MzJ2LTExLjczMmwtMi44MjksMi44MjljLS4zOTMuMzkyLTEuMDM4LjM5Mi0xLjQzLDAtLjM5My0uMzkyLS4zOTMtMS4wMzgsMC0xLjQzbDQuNTU2LTQuNTU2Yy4zOTItLjM5MiwxLjAzOC0uMzkyLDEuNDMsMGw0LjU1Niw0LjU1NloiLz4KICA8cGF0aCBkPSJtMjYuOSw2Ni41MmMtLjU0NCwwLTEuMDU3LjEyLTEuNTE5LjM0MnYtLjg0OGMwLTEuOTU1LTEuNTg5LTMuNTE1LTMuNTQ0LTMuNTQ0LS43NTMtLjAxMS0xLjE0OS4wOTYtMS4zNTQuMjk0bC43MzYtNi4yNTVjLjE5LTEuOTQ5LTEuMjQtMy42ODMtMy4xODMtMy44NjctMS45NDktLjE5LTMuNjgzLDEuMjQtMy44NjcsMy4xODNsLS45MTEsOS4zOTEtMy40MjMtOC4zNjZjLS43NC0xLjgxLTIuODEtMi42NzctNC42Mi0xLjkzNi0xLjgxLjc0LTIuNjc3LDIuODEtMS45MzYsNC42Mmw0LjgwMSwxMy4xNi0yLjc0My0yLjY4NmMtMS4zNDktLjc1NC0zLjA4My0uNTYxLTQuMjMxLjU4OC0xLjM4NiwxLjM4Ni0xLjM4NiwzLjYyNiwwLDUuMDEybDYuNTY5LDYuNTY5YzIuOTQzLDIuOTQzLDYuOTM2LDQuNTk0LDExLjA5Myw0LjU5NGguNTM4YzYuMTUxLDAsMTEuMTM4LTQuOTg3LDExLjEzOC0xMS4xMzh2LTUuNTY5YzAtMS45NTUtMS41ODgtMy41NDQtMy41NDQtMy41NDRabS02LjYwOS0yLjExN2MtLjAwNy4xMjUtLjAyMS4yNTUtLjA0Ni4zODdsLjA0Ni0uMzg3Wm04LjEyOCwxMS4yM2MwLDUuMDMxLTQuMDgyLDkuMTEzLTkuMTEzLDkuMTEzaC0uNTM4Yy0zLjYyNiwwLTcuMS0xLjQ0My05LjY2My00LjAwNmwtNi41NjktNi41NjJjLS41OTUtLjU5NS0uNTk1LTEuNTU3LDAtMi4xNDVzMS41NTctLjU5NSwyLjE0NSwwbDMuNzc4LDMuNzc4Yy4yOTEuMjkxLjcyOC4zNzMsMS4xMDEuMjIyLDAsMCwxLjU0MS0uMzY5Ljg2Ni0yLjI4NWwtNS4yNzQtMTQuOTc4Yy0uMzE3LS43NzguMDU3LTEuNjY0LjgyOS0xLjk4MS43NzItLjMxNiwxLjY2NC4wNTcsMS45ODEuODI5bDQuMTcsMTAuMTk1cy42ODcsMS41NjUsMS44NDcsMS4xNmMwLDAsLjcyNC0uMTU2LDEuMDY0LTEuMTZsMS4xMzktMTEuNzljLjA4Mi0uODM1LjgyMy0xLjQ0OSwxLjY1OC0xLjM2Ny44MzUuMDgyLDEuNDQ5LjgyMywxLjM2NywxLjY1OGwtLjc5Niw3Ljk2NS0uMTE3LDEuNzQydjQuNTVjMCwuNTU3LjQ1NSwxLjAxMywxLjAxMiwxLjAxM3MxLjAxMy0uNDU2LDEuMDEzLTEuMDEzdi00LjU2M2MwLS44MzUuNjg0LTEuNTEyLDEuNTE5LTEuNTEyLjg0MiwwLDEuNTE5LjY3NywxLjUxOSwxLjUxOXY1LjA2M2MwLC41NTcuNDU2LDEuMDEzLDEuMDEzLDEuMDEzczEuMDEzLS40NTYsMS4wMTMtMS4wMTN2LTEuMDE5YzAtLjgzNS42ODQtMS41MTIsMS41MTktMS41MTIuODQyLDAsMS41MTkuNjc3LDEuNTE5LDEuNTE5djUuNTY5WiIvPgogIDxwYXRoIGQ9Im0yNS44MywxMjEuODMxYy0uMTc3LDAtLjM1NC4wMTMtLjUyNS4wMzItLjY5Ni0xLjIyOC0yLjAxMi0yLjA1Ny0zLjUyNS0yLjA1Ny0uMzM1LDAtLjY2NS4wNDQtLjk4MS4xMmwtLjAzMi0uMDExdi04LjI4OGwtLjE3MS0zLjEwN2MtLjQ2Mi0xLjQyNC0xLjc5Ny0yLjQ1NS0zLjM3My0yLjQ1NS0xLjE0NSwwLTIuMTYuNTQ2LTIuODA5LDEuMzg5LS42MTMtLjUwNi0xLjM5OC0uODEtMi4yNTQtLjgxLTEuOTU1LDAtMy41NDQsMS41ODgtMy41NDQsMy41NDR2MTIuNjk0Yy0uMjAyLjEyNy0uNDA1LjI2Ni0uNjAxLjQxMWwtMS40MjQsMS4wNjljLTEuMjcyLjk1Ni0yLjAyNSwyLjQ1NS0yLjAyNSw0LjA1djEuMjM0YzAsMy4zNTQsMS44NDEsNi40MzYsNC43OSw4LjAyNGwuNTI1LjI4NWMxLjMyOS43MTUsMi44MSwxLjA4OCw0LjMyMiwxLjA4OGg4LjU4N2MzLjkxNywwLDcuMDg4LTMuMTcxLDcuMDg4LTcuMDg4di02LjA3NWMwLTIuMjM0LTEuODE2LTQuMDUtNC4wNS00LjA1Wm0yLjAzOCw5LjYyNXYuNTA2YzAsMi43OTctMi4yNjUsNS4wNjMtNS4wNjIsNS4wNjNoLTguNmMtMS4xNzEsMC0yLjMyOS0uMjkxLTMuMzYtLjg0OGwtLjUyNS0uMjg1Yy0yLjI5Ny0xLjI0LTMuNzI3LTMuNjM5LTMuNzI3LTYuMjQ2di0xLjIzNGMwLS45NTYuNDQ5LTEuODU0LDEuMjE1LTIuNDNsLjgxLS42MDh2My4wMzhjMCwuNTU3LjQ1NiwxLjAxMywxLjAxMiwxLjAxM3MxLjAxMy0uNDU2LDEuMDEzLTEuMDEzdi0xOC4yMjVjMC0uODQyLjY3Ny0xLjUxOSwxLjUxOS0xLjUxOXMxLjUxOS42NzcsMS41MTksMS41MTl2MTEuMDY1YzAsLjU1Ny40NTYsMS4wMTMsMS4wMTIsMS4wMTNzMS4wMTMtLjQ1NiwxLjAxMy0xLjAxM3YtMTEuNjQ0YzAtLjg0Mi42NzctMS41MTksMS41MTktMS41MTlzMS41MTkuNjc3LDEuNTE5LDEuNTE5djExLjc0MmwuMDEuMDAyYy4wNTEuNTEuNDguOTEyLDEuMDAyLjkxMi4xNzQsMCwuMzM1LS4wNDguNDc4LS4xMjYuMDA4LS4wMDMuMDE1LS4wMDUuMDI0LS4wMDkuNTc1LS4yNzgsMS4xNDQtLjI5OSwxLjUzLS4yOTkuOTMsMCwxLjcyMS42MzMsMS45NTUsMS40OTQuMDc2LjI3OC4yNjYuNTEzLjUyNS42MzkuMjU5LjEyNy41NTcuMTM5LjgyOS4wMzguMjI4LS4wODkuNDgxLS4xMzkuNzQ3LS4xMzksMS4xMiwwLDIuMDI1LjkwNSwyLjAyNSwyLjAyNXY1LjU2OVoiLz4KICA8bGluZSB4MT0iNDQuNDE1IiB5MT0iMi4wOTMiIHgyPSI0NC40MTUiIHkyPSIxMzguNzUiIHN0eWxlPSJmaWxsOiBub25lOyBzdHJva2U6ICMwMDA7IHN0cm9rZS1taXRlcmxpbWl0OiAxMDsgc3Ryb2tlLXdpZHRoOiAxLjQzM3B4OyIvPgo8L3N2Zz4=);
    
    width: 65px;
    height: 88px;
}
.wc-icon-container .controlsDesktop {
    mask-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iYyIgZGF0YS1uYW1lPSJjb250ZW50IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5MyIgaGVpZ2h0PSIxNDAiIHZpZXdCb3g9IjAgMCA5MyAxNDAiPgogIDxwYXRoIGQ9Im04Mi43NzcsMjEuMTY3Yy4xMi0uNDg3LjU0NS0uODQ4LDEuMDQ1LS44NDguNjI2LDAsMS4xMDYuNTU3Ljk2OCwxLjE2NC0xLjQ0Miw2LjI5LTcuMDgxLDEwLjk4NS0xMy44MTMsMTAuOTg1LTUuMTQ1LDAtOS42NTYtMi43NDYtMTIuMTM3LTYuODQ3djMuODA5YzAsLjU1Ny0uNDU2LDEuMDEyLTEuMDEzLDEuMDEycy0xLjAxMy0uNDU2LTEuMDEzLTEuMDEydi02LjA3NWMwLS41NTcuNDU2LTEuMDEyLDEuMDEzLTEuMDEyaDYuMDc0Yy41NTgsMCwxLjAxMy40NTYsMS4wMTMsMS4wMTJzLS40NTUsMS4wMTItMS4wMTMsMS4wMTJoLTMuNDQ4YzIuMTAxLDMuNjMyLDYuMDI0LDYuMDc1LDEwLjUyMyw2LjA3NSw1LjcyLDAsMTAuNTE3LTMuOTU1LDExLjgwOC05LjI3bC0uMDA3LS4wMDZabS0yMy42MDMtNS43NDZjLS4xMi40ODctLjU0NC44NDgtMS4wNDQuODQ4LS42MjYsMC0xLjEwNy0uNTU3LS45NjgtMS4xNjQsMS40NDItNi4yOSw3LjA4LTEwLjk4NSwxMy44MTMtMTAuOTg1LDUuMTU3LDAsOS42NjksMi43NTMsMTIuMTQ5LDYuODcydi0zLjgzNWMwLS41NTcuNDU1LTEuMDEyLDEuMDEzLTEuMDEyczEuMDEyLjQ1NiwxLjAxMiwxLjAxMnY2LjA3NWMwLC41NTctLjQ1NSwxLjAxMi0xLjAxMiwxLjAxMmgtNi4wNzVjLS41NTcsMC0xLjAxMy0uNDU2LTEuMDEzLTEuMDEycy40NTYtMS4wMTIsMS4wMTMtMS4wMTJoMy40MzZjLTIuMTAxLTMuNjMyLTYuMDIzLTYuMDc1LTEwLjUyMi02LjA3NS01LjcyMSwwLTEwLjUxNywzLjk1NS0xMS44MDgsOS4yNzdoLjAwNloiLz4KICA8cGF0aCBkPSJtNzkuMjU0LDc3LjUzMWMtMi4yOTgsMS45NzQtNS4yOSwzLjE2NC04LjU2MiwzLjE2NC03LjI3MSwwLTEzLjE2Mi01Ljg5MS0xMy4xNjItMTMuMTYyczUuODkxLTEzLjE2MiwxMy4xNjItMTMuMTYyLDEzLjE2MSw1Ljg5MSwxMy4xNjEsMTMuMTYyYzAsMy4yNzEtMS4xODksNi4yNjUtMy4xNjQsOC41NjJsOC45NDEsOC45NDhjLjM5My4zOTIuMzkzLDEuMDM4LDAsMS40My0uMzkzLjM5Mi0xLjAzNy4zOTItMS40MywwbC04Ljk0Ny04Ljk0MVptMi41NzUtOS45OThjMC0zLjk3OS0yLjEyMy03LjY1NS01LjU2OC05LjY0NS0zLjQ0Ni0xLjk4OS03LjY5MS0xLjk4OS0xMS4xMzgsMC0zLjQ0NSwxLjk4OS01LjU2OCw1LjY2Ni01LjU2OCw5LjY0NXMyLjEyMyw3LjY1NSw1LjU2OCw5LjY0NWMzLjQ0NiwxLjk4OSw3LjY5MSwxLjk4OSwxMS4xMzgsMCwzLjQ0NS0xLjk4OSw1LjU2OC01LjY2Niw1LjU2OC05LjY0NVoiLz4KICA8cGF0aCBkPSJtNzguMzEyLDExMS41MDJjLjM5My4zOTIuMzkzLDEuMDM4LDAsMS40My0uMzkyLjM5Mi0xLjAzNy4zOTItMS40MywwbC0yLjgyOC0yLjgyOXYxMS43MzJoMTEuNzMxbC0yLjgyOS0yLjgyOWMtLjM5Mi0uMzkyLS4zOTItMS4wMzgsMC0xLjQzLjM5My0uMzkyLDEuMDM4LS4zOTIsMS40MzEsMGw0LjU1Niw0LjU1NmMuMzkzLjM5Mi4zOTMsMS4wMzgsMCwxLjQzbC00LjU1Niw0LjU1NmMtLjM5My4zOTItMS4wMzguMzkyLTEuNDMxLDAtLjM5Mi0uMzkyLS4zOTItMS4wMzgsMC0xLjQzbDIuODI5LTIuODI5aC0xMS43MzF2MTEuNzMybDIuODI4LTIuODI5Yy4zOTMtLjM5MiwxLjAzOC0uMzkyLDEuNDMsMCwuMzkzLjM5Mi4zOTMsMS4wMzgsMCwxLjQzbC00LjU1Niw0LjU1NmMtLjM5My4zOTItMS4wMzguMzkyLTEuNDMsMGwtNC41NTctNC41NTZjLS4zOTMtLjM5Mi0uMzkzLTEuMDM4LDAtMS40My4zOTMtLjM5MiwxLjAzOC0uMzkyLDEuNDMxLDBsMi44MjgsMi44Mjl2LTExLjczMmgtMTEuNzMxbDIuODI4LDIuODI5Yy4zOTMuMzkyLjM5MywxLjAzOCwwLDEuNDMtLjM5My4zOTItMS4wMzguMzkyLTEuNDMsMGwtNC41NTctNC41NTZjLS4zOTItLjM5Mi0uMzkyLTEuMDM4LDAtMS40M2w0LjU1Ny00LjU1NmMuMzkyLS4zOTIsMS4wMzctLjM5MiwxLjQzLDAsLjM5My4zOTIuMzkzLDEuMDM4LDAsMS40M2wtMi44MjgsMi44MjloMTEuNzMxdi0xMS43MzJsLTIuODI4LDIuODI5Yy0uMzkzLjM5Mi0xLjAzOC4zOTItMS40MzEsMC0uMzkzLS4zOTItLjM5My0xLjAzOCwwLTEuNDNsNC41NTctNC41NTZjLjM5Mi0uMzkyLDEuMDM3LS4zOTIsMS40MywwbDQuNTU2LDQuNTU2WiIvPgogIDxsaW5lIHgxPSI0Mi40MTEiIHkxPSIyLjA5MyIgeDI9IjQyLjQxMSIgeTI9IjEzOC43NSIgc3R5bGU9ImZpbGw6IG5vbmU7IHN0cm9rZTogIzAwMDsgc3Ryb2tlLW1pdGVybGltaXQ6IDEwOyBzdHJva2Utd2lkdGg6IDEuNDMzcHg7Ii8+CiAgPHBhdGggZD0ibTI3LjM3MSwxNC4yNDN2MTAuMTI1YzAsNS41OTQtNC41MzEsMTAuMTI1LTEwLjEyNSwxMC4xMjVoLTQuMDVjLTUuNTk0LDAtMTAuMTI1LTQuNTMxLTEwLjEyNS0xMC4xMjV2LTEyLjE1QzMuMDcsNi42MjQsNy42MDEsMi4wOTMsMTMuMTk2LDIuMDkzaDQuMDVjNS41OTQsMCwxMC4xMjUsNC41MzEsMTAuMTI1LDEwLjEyNXYyLjAyNVpNMTQuMjA4LDQuMTE4aC0xLjAxMmMtNC40NzQsMC04LjEsMy42MjYtOC4xLDguMXYyLjAyNWg5LjExM1Y0LjExOFptMTEuMTM4LDEwLjEyNXYtMi4wMjVjMC00LjQ3NC0zLjYyNi04LjEtOC4xLTguMWgtMS4wMTJ2MTIuMTVINS4wOTZ2OC4xYzAsNC40NzQsMy42MjYsOC4xLDguMSw4LjFoNC4wNWM0LjQ3NCwwLDguMS0zLjYyNiw4LjEtOC4xdi0xMC4xMjVaIi8+CiAgPHBhdGggZD0ibTMuMDcsNjQuNDk1YzAtNS41OTQsNC41MzEtMTAuMTI1LDEwLjEyNS0xMC4xMjVoNC4wNWM1LjU5NCwwLDEwLjEyNSw0LjUzMSwxMC4xMjUsMTAuMTI1djEyLjE1YzAsNS41OTQtNC41MzEsMTAuMTI1LTEwLjEyNSwxMC4xMjVoLTQuMDVjLTUuNTk0LDAtMTAuMTI1LTQuNTMxLTEwLjEyNS0xMC4xMjV2LTEyLjE1Wm0yMi4yNzYsMTIuMTV2LTEyLjE1YzAtNC40NzQtMy42MjYtOC4xLTguMS04LjFoLTQuMDVjLTQuNDc0LDAtOC4xLDMuNjI2LTguMSw4LjF2MTIuMTVjMCw0LjQ3NCwzLjYyNiw4LjEsOC4xLDguMWg0LjA1YzQuNDc0LDAsOC4xLTMuNjI2LDguMS04LjFabS05LjExMy0xMy4wNTd2NC4wNWMwLC41NTctLjQ1NiwxLjAxMi0xLjAxMiwxLjAxMnMtMS4wMTMtLjQ1Ni0xLjAxMy0xLjAxMnYtNC4wNWMwLS41NTcuNDU2LTEuMDEzLDEuMDEzLTEuMDEzczEuMDEyLjQ1NiwxLjAxMiwxLjAxM1oiLz4KICA8cGF0aCBkPSJtMy4wNywxMTYuNzcyYzAtNS41OTQsNC41MzEtMTAuMTI1LDEwLjEyNS0xMC4xMjVoNC4wNWM1LjU5NCwwLDEwLjEyNSw0LjUzMSwxMC4xMjUsMTAuMTI1djEyLjE1YzAsNS41OTQtNC41MzEsMTAuMTI1LTEwLjEyNSwxMC4xMjVoLTQuMDVjLTUuNTk0LDAtMTAuMTI1LTQuNTMxLTEwLjEyNS0xMC4xMjV2LTEyLjE1Wm0yMi4yNzYsMTIuMTV2LTEyLjE1YzAtNC40NzQtMy42MjYtOC4xLTguMS04LjFoLTQuMDVjLTQuNDc0LDAtOC4xLDMuNjI2LTguMSw4LjF2MTIuMTVjMCw0LjQ3NCwzLjYyNiw4LjEsOC4xLDguMWg0LjA1YzQuNDc0LDAsOC4xLTMuNjI2LDguMS04LjFabS05LjExMy0xNS4xODh2NC4wNWMwLC41NTctLjQ1NiwxLjAxMi0xLjAxMiwxLjAxMnMtMS4wMTMtLjQ1Ni0xLjAxMy0xLjAxMnYtNC4wNWMwLS41NTcuNDU2LTEuMDEzLDEuMDEzLTEuMDEzczEuMDEyLjQ1NiwxLjAxMiwxLjAxM1oiLz4KICA8bGluZSB4MT0iMTIuNzA3IiB5MT0iNjkuOTE1IiB4Mj0iMTUuMTgiIHkyPSI3Mi4zODgiIHN0eWxlPSJmaWxsOiBub25lOyBzdHJva2U6ICMwMDA7IHN0cm9rZS1saW5lY2FwOiByb3VuZDsgc3Ryb2tlLW1pdGVybGltaXQ6IDEwOyBzdHJva2Utd2lkdGg6IDEuNjk5cHg7Ii8+CiAgPGxpbmUgeDE9IjE3LjY1MyIgeTE9IjY5LjkxNSIgeDI9IjE1LjE4IiB5Mj0iNzIuMzg4IiBzdHlsZT0iZmlsbDogbm9uZTsgc3Ryb2tlOiAjMDAwOyBzdHJva2UtbGluZWNhcDogcm91bmQ7IHN0cm9rZS1taXRlcmxpbWl0OiAxMDsgc3Ryb2tlLXdpZHRoOiAxLjY5OXB4OyIvPgogIDxsaW5lIHgxPSIxMi43MDciIHkxPSI2MS42ODEiIHgyPSIxNS4xOCIgeTI9IjU5LjIwOCIgc3R5bGU9ImZpbGw6IG5vbmU7IHN0cm9rZTogIzAwMDsgc3Ryb2tlLWxpbmVjYXA6IHJvdW5kOyBzdHJva2UtbWl0ZXJsaW1pdDogMTA7IHN0cm9rZS13aWR0aDogMS42OTlweDsiLz4KICA8bGluZSB4MT0iMTcuNjUzIiB5MT0iNjEuNjgxIiB4Mj0iMTUuMTgiIHkyPSI1OS4yMDgiIHN0eWxlPSJmaWxsOiBub25lOyBzdHJva2U6ICMwMDA7IHN0cm9rZS1saW5lY2FwOiByb3VuZDsgc3Ryb2tlLW1pdGVybGltaXQ6IDEwOyBzdHJva2Utd2lkdGg6IDEuNjk5cHg7Ii8+CiAgPHBhdGggZD0ibTE2LjIzMywxMTMuNzM1djQuMDVjMCwuNTU3LS40NTYsMS4wMTItMS4wMTIsMS4wMTJzLTEuMDEzLS40NTYtMS4wMTMtMS4wMTJ2LTQuMDVjMC0uNTU3LjQ1Ni0xLjAxMywxLjAxMy0xLjAxM3MxLjAxMi40NTYsMS4wMTIsMS4wMTNaIi8+CiAgPHBhdGggZD0ibTE1LjIyMSwxMjAuODU1Yy0xLjYwOSwwLTIuOTE4LTEuMzA5LTIuOTE4LTIuOTE3di00LjM1N2MwLTEuNjA5LDEuMzA5LTIuOTE3LDIuOTE4LTIuOTE3czIuOTE3LDEuMzA5LDIuOTE3LDIuOTE3djQuMzU3YzAsMS42MDktMS4zMDksMi45MTctMi45MTcsMi45MTdaIiBzdHlsZT0iZmlsbDogbm9uZTsgc3Ryb2tlOiAjMDAwOyBzdHJva2Utd2lkdGg6IDEuMzA2cHg7Ii8+Cjwvc3ZnPg==);
    
    width: 65px;
    height: 88px;
}
.wc-icon-container .iconNo3D {
    mask-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iZCIgZGF0YS1uYW1lPSJzaWRlYmFyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNy4yNSIgaGVpZ2h0PSIyNS41MzMiIHZpZXdCb3g9IjAgMCAzNy4yNSAyNS41MzMiPgogIDxwYXRoIGQ9Im00LjEzOSwxLjU4NUguODE3Qy4zNywxLjU4NS4wMDUsMS45NS4wMDUsMi4zOTZzLjM2NS44MTEuODEyLjgxMWg1LjAybC0xLjE1Mi0uOTM0Yy0uMjQtLjE5MS0uNDE5LS40MjktLjU0Ni0uNjg4WiIvPgogIDxwYXRoIGQ9Im0xMi41MzEsMy4yMDhsLS4xNTIuMTQxLDEuMjc1LDEuMDM0LDEuNTA0LTEuMzg3Yy4yNDMtLjIyOC4zMjQtLjU3OC4yMDMtLjg5Mi0uMTIyLS4zMTQtLjQyLS41MTctLjc1NS0uNTE3aC00LjRsMi4wMDEsMS42MjJoLjMyNloiLz4KICA8cGF0aCBkPSJtMy41MDgsMTEuNTMxYy0uMjQzLjIyOC0uMzI0LjU3OC0uMjAzLjg5MnMuNDIuNTE3Ljc1NS41MTdoNS42NzdjMi42ODcsMCw0Ljg2NiwyLjE4LDQuODY2LDQuODY2cy0yLjE4LDQuODY2LTQuODY2LDQuODY2aC01LjIwMWMtMS4yMjcsMC0yLjM1Mi0uNjk0LTIuODk5LTEuNzk0bC0uMDk2LS4xOTNjLS4yMDMtLjQtLjY4OS0uNTY3LTEuMDktLjM2NXMtLjU2OC42ODktLjM2NSwxLjA5bC4wOTcuMTkyYy44MjYsMS42NTMsMi41MDksMi42OTIsNC4zNTQsMi42OTJoNS4yMDFjMy41ODQsMCw2LjQ4OC0yLjkwNSw2LjQ4OC02LjQ4OHMtMi45MDQtNi40ODgtNi40ODgtNi40ODhoLTMuNjA0bDQuNTQtNC4xODgtMS4yNzUtMS4wMzQtNS44OTEsNS40MzVaIi8+CiAgPHBhdGggZD0ibTE5LjQwNyw0LjAxOWMwLS40NDYuMzY1LS44MTEuODExLS44MTFoNS42NzdjNS4zNzQsMCw5LjczMiw0LjM1OSw5LjczMiw5LjczMiwwLDIuNzA1LTEuMTA2LDUuMTUxLTIuODg5LDYuOTE2bDEuMjY1LDEuMDI1YzIuMDA2LTIuMDQ4LDMuMjQ2LTQuODQ5LDMuMjQ2LTcuOTQxLDAtNi4yNzEtNS4wODQtMTEuMzU0LTExLjM1NC0xMS4zNTRoLTUuNjc3Yy0xLjM0MywwLTIuNDMzLDEuMDktMi40MzMsMi40MzN2My43MTNsMS42MjIsMS4zMTV2LTUuMDI4WiIvPgogIDxwYXRoIGQ9Im0yNS44OTUsMjIuNjcyaC01LjY3N2MtLjQ0NiwwLS44MTEtLjM2NS0uODExLS44MTF2LTcuNjUybC0xLjYyMi0xLjMxNXY4Ljk2N2MwLDEuMzQzLDEuMDksMi40MzMsMi40MzMsMi40MzNoNS42NzdjMS42NzQsMCwzLjI1OS0uMzcyLDQuNjktMS4wMjNsLTEuNDQtMS4xNjdjLTEuMDE4LjM2MS0yLjEwOS41NjgtMy4yNS41NjhaIi8+CiAgPHBhdGggZD0ibTM1LjI1MiwyNS4zODFjLjEyOS4xMDMuMjgzLjE1Mi40MzYuMTUyLjIwOCwwLC40MTUtLjA5Mi41NTQtLjI2Ny4yNDItLjMwNC4xODktLjc0OC0uMTE0LS45OWwtMy4wOTYtMi41MWMtLjM4LjMwNy0uNzg0LjU4My0xLjIwMi44NGwzLjQyMiwyLjc3NFoiLz4KICA8cGF0aCBkPSJtNi4zNjcuMTQ4Yy0uMTI4LS4xMDEtLjI4MS0uMTQ4LS40MzMtLjE0OC0uMjA5LDAtLjQxNy4wOTItLjU1Ny4yNjgtLjI0Mi4zMDQtLjE4NS43NDguMTE5Ljk5bC40MDQuMzI4aDIuMjRMNi4zNjcuMTQ4WiIvPgogIDxwYXRoIGQ9Im0xOS40MDcsMTIuNTM2bDExLjA4MSw4Ljk4M2MuNDM4LS4yMzUuODUtLjUwOSwxLjI0NC0uODA2bC0xMi4zMjUtOS45OTN2MS44MTVaIi8+CiAgPHBvbHlnb24gcG9pbnRzPSIxMi42ODcgNS4yNzIgMTEuNjQgNi4yMzkgMTcuNzg1IDExLjIyMSAxNy43ODUgOS40MDUgMTIuNjg3IDUuMjcyIi8+CiAgPHBvbHlnb24gcG9pbnRzPSIxMC4xNCAzLjIwOCA3LjkwMSAzLjIwOCAxMC4zNjUgNS4yMDUgMTEuNDEzIDQuMjM5IDEwLjE0IDMuMjA4Ii8+CiAgPHBvbHlnb24gcG9pbnRzPSI4LjE0IDEuNTg1IDUuOSAxLjU4NSA3LjkwMSAzLjIwOCAxMC4xNCAzLjIwOCA4LjE0IDEuNTg1Ii8+CiAgPHBvbHlnb24gcG9pbnRzPSIxMS40MTMgNC4yMzkgMTAuMzY1IDUuMjA1IDExLjY0IDYuMjM5IDEyLjY4NyA1LjI3MiAxMS40MTMgNC4yMzkiLz4KICA8cG9seWdvbiBwb2ludHM9IjE3Ljc4NSA5LjQwNSAxNy43ODUgMTEuMjIxIDE5LjQwNyAxMi41MzYgMTkuNDA3IDEwLjcyIDE3Ljc4NSA5LjQwNSIvPgogIDxwYXRoIGQ9Im0zMS44MjksMjIuNjA2Yy40MTgtLjI1Ny44MjItLjUzMywxLjIwMi0uODRsLTEuMjk5LTEuMDUzYy0uMzk1LjI5Ni0uODA3LjU3MS0xLjI0NC44MDZsMS4zNDEsMS4wODdaIi8+Cjwvc3ZnPg==);
    
    width:  32px;
    height: 32px;
}
.wc-icon-container  .iconFullscreen {
    mask-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iZCIgZGF0YS1uYW1lPSJzaWRlYmFyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOS43MTUiIGhlaWdodD0iMTkuNzE1IiB2aWV3Qm94PSIwIDAgMTkuNzE1IDE5LjcxNSI+CiAgPHBhdGggZD0ibTE5LjAxMSwwYy4zODcsMCwuNzA0LjMxNi43MDQuNzA0djUuNjMzYzAsLjM4OC0uMzE3LjcwNC0uNzA0LjcwNHMtLjcwNC0uMzE2LS43MDQtLjcwNHYtMy45MzVsLTcuNDU1LDcuNDU1LDcuNDU1LDcuNDU1di0zLjkzNWMwLS4zODguMzE3LS43MDQuNzA0LS43MDRzLjcwNC4zMTYuNzA0LjcwNHY1LjYzM2MwLC4zODgtLjMxNy43MDQtLjcwNC43MDRoLTUuNjMzYy0uMzg3LDAtLjcwNC0uMzE2LS43MDQtLjcwNHMuMzE3LS43MDQuNzA0LS43MDRoMy45MzRsLTcuNDU1LTcuNDU1LTcuNDU1LDcuNDU1aDMuOTM0Yy4zODcsMCwuNzA0LjMxNi43MDQuNzA0cy0uMzE3LjcwNC0uNzA0LjcwNEguNzA0Yy0uMzg3LDAtLjcwNC0uMzE2LS43MDQtLjcwNHYtNS42MzNjMC0uMzg4LjMxNy0uNzA0LjcwNC0uNzA0cy43MDQuMzE2LjcwNC43MDR2My45MzVsNy40NTUtNy40NTVMMS40MDgsMi40MDJ2My45MzVjMCwuMzg4LS4zMTcuNzA0LS43MDQuNzA0cy0uNzA0LS4zMTYtLjcwNC0uNzA0Vi43MDRjMC0uMzg4LjMxNy0uNzA0LjcwNC0uNzA0aDUuNjMzYy4zODcsMCwuNzA0LjMxNi43MDQuNzA0cy0uMzE3LjcwNC0uNzA0LjcwNGgtMy45MzRsNy40NTUsNy40NTUsNy40NTUtNy40NTVoLTMuOTM0Yy0uMzg3LDAtLjcwNC0uMzE2LS43MDQtLjcwNHMuMzE3LS43MDQuNzA0LS43MDRoNS42MzNaIi8+Cjwvc3ZnPg==);
    
    width:  18px;
    height: 18px;
}
/* ── Toggle utilities visibility icon ── */
.wc-icon-container .iconToggleUtilities {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath d='M288 32c-80.8 0-145.5 36.8-192.6 80.6C48.6 156 17.3 208 2.5 243.7c-3.3 7.9-3.3 16.7 0 24.6C17.3 304 48.6 356 95.4 399.4C142.5 443.2 207.2 480 288 480s145.5-36.8 192.6-80.6c46.8-43.5 78.1-95.4 93-131.1c3.3-7.9 3.3-16.7 0-24.6c-14.9-35.7-46.2-87.7-93-131.1C433.5 68.8 368.8 32 288 32zM144 256a144 144 0 1 1 288 0 144 144 0 1 1 -288 0zm144-64c0 35.3-28.7 64-64 64c-7.1 0-13.9-1.2-20.3-3.3c-5.5-1.8-11.9 1.6-11.7 7.4c.3 6.9 1.3 13.8 3.2 20.7c13.7 51.2 66.4 81.6 117.6 67.9s81.6-66.4 67.9-117.6c-11.1-41.5-47.8-69.4-88.6-71.1c-5.8-.2-9.2 6.1-7.4 11.7c2.1 6.4 3.3 13.2 3.3 20.3z'/%3E%3C/svg%3E");
    mask-size: 28px;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath d='M288 32c-80.8 0-145.5 36.8-192.6 80.6C48.6 156 17.3 208 2.5 243.7c-3.3 7.9-3.3 16.7 0 24.6C17.3 304 48.6 356 95.4 399.4C142.5 443.2 207.2 480 288 480s145.5-36.8 192.6-80.6c46.8-43.5 78.1-95.4 93-131.1c3.3-7.9 3.3-16.7 0-24.6c-14.9-35.7-46.2-87.7-93-131.1C433.5 68.8 368.8 32 288 32zM144 256a144 144 0 1 1 288 0 144 144 0 1 1 -288 0zm144-64c0 35.3-28.7 64-64 64c-7.1 0-13.9-1.2-20.3-3.3c-5.5-1.8-11.9 1.6-11.7 7.4c.3 6.9 1.3 13.8 3.2 20.7c13.7 51.2 66.4 81.6 117.6 67.9s81.6-66.4 67.9-117.6c-11.1-41.5-47.8-69.4-88.6-71.1c-5.8-.2-9.2 6.1-7.4 11.7c2.1 6.4 3.3 13.2 3.3 20.3z'/%3E%3C/svg%3E");
    background-color: #000;
    width: 40px;
    height: 40px;
    display: inline-block;
    transition: background-color 0.2s;
    cursor: pointer;
}


.controller-overlay {
    transition: opacity 0.4s ease;
    opacity: 1;
}

.controller-overlay.hidden {
    opacity: 0;
    pointer-events: none; /* prevent interaction when hidden */
}

.controller-overlay .wc-icon-container{
    position:absolute;
    right: 1rem;
    bottom:1rem; 
    width: 8rem;
    height: 12rem;
    pointer-events: none;
}
.polymode-overlay .wc-icon-container{
    position:absolute;
    left: 1rem;
    bottom:1rem; 
    width: 65px;
    height:48px;
    pointer-events: none;
}
.wc-loading-text .wc-icon-container{
    width:100px;
    height: auto;
}

.wc-icon-container span:hover {
    opacity: 1;
}


/* ── Desktop: show .controlsDesktop ── */
@media (hover: hover) and (pointer: fine) {
    .wc-icon-container .controlsDesktop {
        display: inline-block;
    }
    .wc-icon-container .controlsMobile {
        display: none !important;
    }
}

/* ── Mobile/touch: show .controlsMobile ── */
@media (hover: none) and (pointer: coarse) {
    .wc-icon-container .controlsMobile {
        display: inline-block;
    }
    .wc-icon-container .controlsDesktop {
        display: none !important;
    }
}

/* Small screens (override for phones even if they have hover) */
@media (max-width: 768px) {
    .wc-icon-container .controlsMobile {
        display: inline-block !important;
    }
    .wc-icon-container .controlsDesktop {
        display: none !important;
    }
}

/* Hybrid (touch laptop) – default to desktop, but we can also detect if touch is primary */
@media (hover: hover) and (pointer: coarse) {
    .wc-icon-container .controlsDesktop {
        display: inline-block;
    }
    .wc-icon-container .controlsMobile {
        display: none !important;
    }
}


/* Optional: different icons for mobile vs desktop */
.controlsMobile::before {
    font-size: 32px; /* slightly larger for touch */
}

/* ── 3D rotation animation for the icon container ── */
@keyframes float3d {
    0%   { transform: rotateY(-18deg) rotateX(00); }
    50%  { transform: rotateY(18deg) rotateX(00); }
    100% { transform: rotateY(-18deg) rotateX(00); }
}

.controller-overlay .wc-icon-container {
    perspective: 800px;
    transform-style: preserve-3d;
    /* The animation runs when overlay is visible 
    animation: float3d 3s ease-in-out infinite;*/
}

/* Pause animation when overlay is hidden (for performance) */
.controller-overlay.hidden .wc-icon-container {
    animation-play-state: paused;
    /* Or fully stop: animation: none; */
}

/* Optional: subtle depth to icons */
.controller-overlay .wc-icon-container span {
    transform: translateZ(5px);
    display: inline-block;
}
.wc-babylonjs-thumb-inner .wc-icon-container{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%); 
}