/*input:-webkit-autofill,*/
/*input:-webkit-autofill:hover, */
/*input:-webkit-autofill:focus, */
/*input:-webkit-autofill:active{*/
    /*-webkit-box-shadow: 0 0 0 30px white inset !important;*/
/*    background-color:transparent !important;*/
/*    border:none;*/
/*    box-shadow:none !important;*/
/*}*/
/*@-webkit-keyframes autofill {*/
/*    0%,100% {*/
/*        color: #666;*/
/*        background: transparent;*/
/*    }*/
/*}*/

/*input:-webkit-autofill {*/
    /*-webkit-animation-delay: 1s; */
    /* Safari support - any positive time runs instantly */
/*    -webkit-animation-name: autofill;*/
/*    -webkit-animation-fill-mode: both;*/
/*}*/

/*input:-webkit-autofill {*/
/*    -webkit-box-shadow: 0 0 0px 1000px white inset;*/
/*}*/

/*input:-webkit-autofill:focus {*/
    /*-webkit-box-shadow: */
    /*your box-shadow*/
    /*,0 0 0 50px white inset;*/
/*    -webkit-text-fill-color: #333;*/
/*} */

*{
/* Safari/Chrome, other WebKit */
/*-webkit-box-sizing: border-box; */
/* Firefox, other Gecko */
/*-moz-box-sizing: border-box;*/
/* Opera/IE 8+ */
/*box-sizing: border-box;*/
}

*:focus{
  outline: none;
}
input:focus{
  outline: none;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  transition: background-color 9999s ease-in-out 0s;
}

a{
  text-decoration:none !important;
}



*{
-webkit-user-select: none; /* Safari */
-ms-user-select: none; /* IE 10 and IE 11 */
user-select: none; /* Standard syntax */
box-sizing:border-box;
}

    .overflow-hidden{
      overflow:hidden;
    }

html{
  width:100%;
  overflow: auto; 
  
}

html,
body {
  /*height: 100%;*/
}

body {
  width:100%;
  /*height:100%;*/
   /*overflow: auto; */
  margin: 0;
  padding: 0;
  overflow: hidden;
  touch-action: manipulation;
  font-family: "Cera Pro";
}

body{
  /*cursor: none;*/
  /*cursor: url('/assets/cursor/cursor32.png'), auto;*/
  /*cursor: url('/assets/cursor/cursor32-3.png'), auto;*/
  color:var(--primary-text);
}

.horizontalBox{
    /*cursor: url('/assets/cursor/cursor32-3.png'), auto;*/
    /*pointer-events: none;*/
}
.coi,
.cash,
.opener,
.close-button,
.close-circle,
.map-icon,
.js-open-product-viewer,
.openproductInfo,
.tab-button,
.illuminating-icon,
.acccount-switch-menu > div,
.app-list > div,
.heartBox{
	cursor:pointer;
}
#menu,
#discover,
#account-dropdown,
#showHelp{
	cursor:pointer;
}
.imageBackgroundBox{
	cursor: url("/assets/cursor/6499140_1.png") 16 16, auto !important;	
}
.js-gallery-opener{
	cursor: url("/assets/cursor/6499140_1.png") 16 16, auto !important;	
}

#openProductModal{
  cursor:pointer;
}

body.dark-mode{
  background-color:var(--dark);
  /*border-color:var(--border-dark) !important;*/
  /*font-weight:500;*/
  color:var(--primary-text);
}

body::-webkit-scrollbar {
  display: none;
}

.body-bg{
  position:absolute !important;
  /*position:fixed !important;*/
  width:100%;
  height:100%;
  top:0;
  left:0;
  /*background-image: url(/assets/bg/wood-texture-1.jpg);  */
}

    .background{
      width:100%;
      height:100%;
      background-repeat: no-repeat;
      /*background-size: 100% 100%;*/
      /*background-position: center;*/
      overflow: hidden;
      position:relative;
      z-index:1;
    }


.center-container{
    position: relative; 
    width: 100%;
    max-width:1924px;
    margin: 0 auto;
}

.container{
    position: relative; 
    /*position: absolute;*/
    width: 100%;
    /*scrollable:height:100vh;*/
    /*height: 100%; */
    /*overflow: hidden;*/
    /*max-width:1924px;*/
    /*max-width:2028px;*/
    /*max-width:2080px;*/
    /*margin: 0 auto;*/
}

.container.scrollable{height:100vh;}



.plate-container {
    position: relative;
    width: 100%;
    display:flex;
    /*max-width: 1924px;*/
    /*margin: 0 auto;*/
}

/*.plate-container*/
/*74*/
/*.centered{*/
    /*max-width:1924px;*/
    /*margin: 0 auto;*/
/*}*/

.centered-box{
    max-width:1924px !important;
    margin: 0 auto !important;
}

    .container-frame{
      position:relative;
      /*wf-left;*/
      height:100%;
      width:100% !important;
      /*max-width:1560px;*/
      /*margin:0px 0px 0px 26px;*/
      /*overflow: hidden;*/
    }
    
    .perspective .container{
        perspective: 1433px;
        position: absolute;
        width: 109%;
        height: 123%;
        top:-140px;
        left: 7px;  
    }    
    .perspective .container-frame{
        /* transform: perspective(616px) rotateY(9deg); */
        transform: rotateX(33deg) rotateY(1deg);
        /* top: 0; */
        /* position: absolute; */
        /* width: 100%; */
        /* height: 100%;*/
    }


  .logo{
    width:71px;
    height:71px;
    /*background: url(/assets/Lego.svg); */
    background: url(/assets/Lego.png);
    background-repeat: no-repeat;
    background-position: center;
    /*position: fixed;*/
    /*top: 17px;*/
    /*left: 15px;*/
    /*top: 17px;*/
    top: -7px;
    left: 15px;
    z-index:55
  }
  
  .logo-border{
    width:54px;
    height:54px;
    /*4x2=8*/
    border:3px solid var(--modeColor);
    /*border:3px solid var(--white);*/
    border-radius:2px;
    top: -1px;
    left: 25px;
    z-index:55;
	display: flex;
    align-items: center;
    justify-content: center;    
  }
  
  .logo2{
    width:48px;
    height:48px;
    background-size: 100%;
    background-color: var(--modeColor);
    /*background-image: url(/assets/Lego.svg);*/
    /*background-image: url(/assets/Lego.png);*/
    background-image: url(/assets/LEGO_64px.webp);
    background-repeat: no-repeat;
    background-position: center;
    /*position: fixed;*/
    /*top: 17px;*/
    /*left: 15px;*/
    /*top: 17px;*/
    top: 0px;
    left: 0px;
  }  
  .dark-mode .logo-border{
    border-color: var(--lgrey);
  }
        
  :root{
    --scrollBarWidth:var(--block1);
  }
  
  @media(min-width:1921px){
    :root{
      --scrollBarWidth:var(--block1);
    }
  }

        .user{
          width:52px;
          height:52px;
          /* background: url(/assets/Lego.svg); */
          background: url(/assets/icons/face.png);
          background-repeat: no-repeat;
          background-position: center;
          background-size: cover;
          /*position: absolute;*/
          /*position: fixed;*/
          /*top: 26px;*/
          /*right: var(--scrollBarWidth);*/
          /*z-index:999 !important;*/
        }




        .logo-link{
          width:100%;
          height:100%;
          position:absolute
        }
        


        
        
/***************/