/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

.select2-container{
  position: relative;
  z-index: 999999;
}
.vpc-single-option-wrap.textfield label{
  color:#fff;
  border: none;
}
.vpc-textfield-font, .vpc-textfield{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.vpc-single-option-wrap.textfield input[type="text"]:focus{
  box-shadow: 10px 40px 10px #fff inset;
}


#wrapper_text_and_upload_panel_0{
  height: 100%;
  width: 120%;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
 
}
.ps5-configurator #wrapper_text_and_upload_panel_0{
    height: 110%;
    width: 120%;   
}

@media (min-width:2559px) and (max-width:2560px)  {
  #wrapper_text_and_upload_panel_0
  {
    height: 60%;
    width: 60%;
  }
  .ps5-configurator  #wrapper_text_and_upload_panel_0{
    height: 80%;
    width: 70%;
  }

  .ps5-configurator .vpc-preview.images_loaded.slideBackImages #wrapper_text_and_upload_panel_0{
    height: 50%;
    width: 160%;
  }

  .vpc-preview.images_loaded.slideBackImages
  #wrapper_text_and_upload_panel_0
  {
    height: 35%;
    width: 120%;
  }
}


.vpc-group-name:has(.textfield){
display: none;
}

@media (min-width:1919px) and (max-width:1920px)  {
  #wrapper_text_and_upload_panel_0
  {
    height: 90%;
    width: 80%;
  }

  .ps5-configurator #wrapper_text_and_upload_panel_0{
    height: 100%;
    width: 90%;
  }

  .ps5-configurator .vpc-preview.images_loaded.slideBackImages #wrapper_text_and_upload_panel_0{
    height: 50%;
    width: 160%;
  }

  .vpc-preview.images_loaded.slideBackImages
  #wrapper_text_and_upload_panel_0
  {
    height: 35%;
    width: 120%;
  }
}

@media (min-width:1368px) and (max-width:1919px) {
  #wrapper_text_and_upload_panel_0
  {
    height: 120%;
    width: 100%;
  }


  .ps5-configurator #wrapper_text_and_upload_panel_0{
    height: 140%;
    width: 110%;
  }

  .ps5-configurator .vpc-preview.images_loaded.slideBackImages #wrapper_text_and_upload_panel_0{
    height: 50%;
    width: 160%;
  }
  
  .vpc-preview.images_loaded.slideBackImages
  #wrapper_text_and_upload_panel_0
  {
    height: 45%;
    width: 140%;
  }
}

@media (min-width:1365px) and (max-width:1367px) {
  .vpc-preview.images_loaded.slideBackImages
  #wrapper_text_and_upload_panel_0
  {
    height: 30%;
    width: 120%;
  }
  .ps5-configurator .vpc-preview.images_loaded.slideBackImages #wrapper_text_and_upload_panel_0{
    height: 40%;
    width: 150%;
}

}


@media (min-width:1023px) and (max-width:1024px) and (orientation: landscape)  {
  #wrapper_text_and_upload_panel_0
  {
    height: 130%;
    width: 140%;
  }
  .ps5-configurator #wrapper_text_and_upload_panel_0{
    height: 150%;
    width: 160%;
}
}


@media (min-width:1023px) and (max-width:1024px) and (orientation: portrait)  {
  #wrapper_text_and_upload_panel_0
  {
  height: 120%;
  width: 110%;
  }
  .ps5-configurator #wrapper_text_and_upload_panel_0{
    height: 140%;
    width: 120%;  
}
.ps5-configurator .vpc-preview.images_loaded.slideBackImages #wrapper_text_and_upload_panel_0{
  height: 90%;
  width: 150%;  
}
  .vpc-preview.images_loaded.slideBackImages
  #wrapper_text_and_upload_panel_0
  {
    height: 80%;
    width: 140%;
  }
}



@media (min-width:812px) and (max-width:830px) and (orientation: landscape)  {
  #wrapper_text_and_upload_panel_0
  {
    height: 140%;
  }
}


@media (max-width:768px) and (orientation: portrait)  {
  #wrapper_text_and_upload_panel_0
  {
    height: 160%;
    width: 130%;
  }
  .ps5-configurator #wrapper_text_and_upload_panel_0{
    height: 200%;
    width: 160%;  
}
  .vpc-preview.images_loaded.slideBackImages
  #wrapper_text_and_upload_panel_0
  {
    height: 80%;
    width: 130%;
  }

  .ps5-configurator .vpc-preview.images_loaded.slideBackImages #wrapper_text_and_upload_panel_0{
    height: 100%;
    width: 160%;
}

}


@media (max-width:450px) and (orientation: portrait)  {
  #wrapper_text_and_upload_panel_0
  {
    height: 160%;
    width: 140%;
  }

  .ps5-configurator #wrapper_text_and_upload_panel_0{
    height: 150%;
    width: 160%;
  }

  .ps5-configurator .vpc-preview.images_loaded.slideBackImages #wrapper_text_and_upload_panel_0{
    height: 90%;
    width: 160%;
  }

  .vpc-preview.images_loaded.slideBackImages
  #wrapper_text_and_upload_panel_0
  {
    height: 90%;
    width: 130%;
  }
}


@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
      #wrapper_text_and_upload_panel_0
      {
      height: 140%;
      width: 130%;
      }
    
    
      .ps5-configurator #wrapper_text_and_upload_panel_0{
        height: 150%;
        width: 150%;
      }
    
    
      .ps5-configurator .vpc-preview.images_loaded.slideBackImages #wrapper_text_and_upload_panel_0{
        height: 100%;
        width: 150%;
      }
    
      .vpc-preview.images_loaded.slideBackImages
      #wrapper_text_and_upload_panel_0
      {
        height: 80%;
        width: 130%;
      }
    }





@media only screen 
and (min-device-width: 375px) 
and (max-device-width: 812px) 
and (-webkit-min-device-pixel-ratio: 3)
and (orientation: portrait) {

  #wrapper_text_and_upload_panel_0
    {
      height: 110%;
      width: 130%;
    }

.ps5-configurator  #wrapper_text_and_upload_panel_0{
  height: 130%;
  width: 150%; 
}

.ps5-configurator .vpc-preview.images_loaded.slideBackImages #wrapper_text_and_upload_panel_0{
  height: 70%;
  width: 150%;
}
.vpc-preview.images_loaded.slideBackImages
    #wrapper_text_and_upload_panel_0
    {
      height: 60%;
      width: 130%;
    }

}



@media only screen 
and (min-device-width: 414px) 
and (max-device-width: 736px) 
and (-webkit-min-device-pixel-ratio: 3)
and (orientation: portrait) {

  #wrapper_text_and_upload_panel_0
    {
      height: 130%;
      width: 130%;
    }

.ps5-configurator  #wrapper_text_and_upload_panel_0{
  height: 160%;
  width: 150%; 
}

.ps5-configurator .vpc-preview.images_loaded.slideBackImages #wrapper_text_and_upload_panel_0{
  height: 80%;
  width: 150%;
}
.vpc-preview.images_loaded.slideBackImages
    #wrapper_text_and_upload_panel_0
    {
      height: 70%;
      width: 130%;
    }

}





@media (max-width:320px) and (orientation: portrait)  {
  #wrapper_text_and_upload_panel_0
  {
  height: 160%;
  width: 130%;
  }

  .ps5-configurator #wrapper_text_and_upload_panel_0{
    height: 190%;
    width: 170%;
  }

  .ps5-configurator .vpc-preview.images_loaded.slideBackImages #wrapper_text_and_upload_panel_0{
    height: 100%;
    width: 150%;
  }

  .vpc-preview.images_loaded.slideBackImages
  #wrapper_text_and_upload_panel_0
  {
    height: 90%;
    width: 130%;
  }
}




.canvas-container{
  height: 100% !important;
  width: 100% !important;
}
.canvas-container canvas{
  width: 100% !important;
  height: 100% !important;
}
/*************** ADD CUSTOM CSS HERE.   ***************/
:focus {
    outline: -webkit-focus-ring-color auto 0px;
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
#vpc-container.o-wrap {
height: calc(100vh - 100px);} /*bylo 50px*/
.flickity-page-dots {bottom:40px !important; }
.vpc-configure-button.button {width:100%;}
.single_add_to_cart_button {width:100%; margin-top: -25px;}
.fil-left {width:100% !important;float:left;}
.fil-right {width:100% !important; float:left;}
#cookie-law {
    left: 5% !important;
    right: 0 !important;
    bottom: 0 !important;
    margin-top: 10% !important;
    top: 5% !important;
    margin-left: 0 !important;
    margin-bottom: 10% !important;
    text-align: center !important;
    z-index: 9999999999999999999999 !important;
    max-width: 90% !important;
  }
#cookie-law .cookieov {
    height: 210px !important;
    overflow: scroll !important;
  }
.woocommerce-currency-switcher-form .select2-container .select2-selection { 
    z-index: 9999999999999999999999999;
	background:transparent !important;
	border:0px;
}
input[type='search']:focus {height: 30px !important;}


}



@media only screen and (max-width: 350px) {
	.xbox {font-size: 9px;}
	.ps4 {font-size: 9px;}
}

@media screen and (max-width: 549px){
    .slider-wrapper .flickity-prev-next-button{
        display: block;
		opacity:0.7;
		width:25px;
    }
	 ul#menu-stopka.links li, ul#menu-stopka-es.links li, ul#menu-stopka-de.links li, ul#menu-stopka-pl.links li {display: block; margin: 0.8em;}
}

@media (max-width: 849px) {
.menu-stopka-container, .menu-stopka-pl-container, .menu-stopka-de-container, .menu-stopka-es-container, .copyright-footer, .footer-secondary {text-align: left !important;}
video {display:block; margin-left: 50vw; transform: translate(-50%);}
}

@media (max-width: 1081px) {
button#filtry_btn {display: block !important;}
.products_loop aside.left_loop .products_loop-widget.show_filter {
    display: block;
    opacity: 1;
}
.products_loop aside.left_loop .products_loop-widget {
    display: none;
opacity: 0;}
}

@media (max-width: 1081px) {
	.image-tools {display: none;}
}

@media screen and (min-width: 520px) {
  .off-canvas-left .mfp-content {
    width:500px;
  }
}

.fil-left {width:20%;float:left;}
.fil-right {width:80%; float:left;}
button#filtry_btn {
    display: none;
}

.vpc-configure-button.button {
    background: #fff;
    color: #000;
    border: 2px solid #000;
    padding-left: 35px;
	height:42px;
}

.vpc-configure-button.button span {line-height:2.8em; color:#000;}


.vpc-configure-button.button:hover {
transition: all 1s ease;
}
.vpc-configure-button.button:after {
 content: "";	
 background-image: url(../svg/config.svg);
 background-size: 20px 20px;
 background-repeat: no-repeat;
 width: 20px;
 height: 20px;
 position: absolute;
 left: 8px;
 top: 10px;
 transition: all 1s ease;
}

.vpc-configure-button.button:hover::after {
 transform: rotateZ(360deg);
 
}

.image-tools .vpc-configure-button.button:after {left:10px;}
.image-tools .vpc-configure-button.button:hover::after {
 transform: rotateZ(360deg);
 content: "";	
 background-image: url(../svg/config-light.svg) !important;
}
.image-tools .vpc-configure-button.button:hover {
    background: #ca0819;
    border-color: #ca0819;
	box-shadow:none;
}
.image-tools .vpc-configure-button.button {
    width: 30px;
    font-size: 0px;
    border: 1px solid #000;
    border-radius: 50%;
	padding-left: 40px;
	    right: 0px;
    position: absolute;
    bottom: 0px;
}

.image-tools .cart-icon strong:after {border-color:#000 !important;}
.image-tools .cart-icon strong:after:hover {border-color:#ca0819 !important;}
.image-tools .cart-icon strong {border-color:#000 !important; color:#000; }
.image-tools .cart-icon strong:hover {border-color:#ca0819 !important; color:#fff !important; }


.vpc-single-option-wrap input[type='text']:focus {box-shadow:none; color: #000 !important;}
.wpml-ls-legacy-dropdown a {padding: 10px 20px;}

.woocommerce-currency-switcher-form .select2-container .select2-selection { 
    z-index: 9999999999999999999999999;
	background:transparent !important;
	border:0px;
	padding:0px;
	width:80px;
}


.woocommerce-currency-switcher-form .select2-container.select2-container--classic.select2-container--open .select2-results__options li {margin-bottom:0px !important;}

.woocommerce-currency-switcher-form .select2-selection__rendered:after {
     background-image: url(../svg/triangle.svg);
    background-size: 15px 20px;
    display: inline-block;
    width: 16px;
    height: 20px;
    content: "";
    border: 0px;
    right: 3px;
    vertical-align: middle;
    top: 0px;
	margin-left: 5px;

}

.woocommerce-checkout span.select2-search.select2-search--dropdown {padding:0px;}
.woocommerce-checkout span.select2-search.select2-search--dropdown::before {margin-left: 5px;top: 7px;}
input[type='search']:focus {background:#fff !important;height: 60px;}
input:hover[type='search'] {box-shadow:0;}
.searchform-wrapper form {background: #fff;color: #888;}
.pswp__caption, .pswp__ui--fit .pswp__caption, .pswp__ui--fit .pswp__top-bar {display: none;}
#lang-comments-link {color: red;font-weight: bold; text-decoration:underline;}
#select2-rating-container {color:#000;}
#commentform input[type='submit']:not(.is-form):focus {background:#ccc !important;}
form#commentform .select2 {display:none !important;}
.order_details .wc-item-meta {display:none;}
.footer-primary {color:#fff;}
.row-dashed .col:after {border-bottom:0px;}
.productbg {background-image: linear-gradient(to top right,#2d2d2d,#000000) !important;}
.product_cat-accessories .productbg, .product_cat-zubehor .productbg, .product_cat-akcesoria .productbg, .product_cat-accesorios .productbg  {background:#fff !important;}
.product_cat-mouse .productbg {background-image: linear-gradient(to top right,#2a2b2f,#0f0f11) !important;}

.nopadding {padding:0px !important;}
.quantity {margin:0px}
.quantity .minus, .quantity .plus {
    padding-left: 0.4em;
    padding-right: 0.4em;
}
.form-minimal.quantity .qty {max-width: 1em !important;}

.slider-type-fade .flickity-slider {
    -ms-transform: none !important;
    transform: none !important;
    z-index: 0 !important;
	transition:opacity 600ms linear 0s !important;
}
.flickity-page-dots {bottom:40px;}

body.cookiebanner {
  overflow: hidden;
  position: fixed;
  height: 100%;
  width: 100%;
}

form.woocommerce-ordering .select2 {display:none;}
.dark .form-flat select{
    padding-right:25px;
	background-repeat: no-repeat;
	background-position: right;
	}
select#aelia_cs_currencies {
	display:block;
	    background-repeat: no-repeat;
    background-position: right 12px;
    font-size: 12px;
    background-size: 15px;
}
.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after {
       background-image: url(../svg/triangle.svg);
    background-size: 15px 20px;
    display: inline-block;
    width: 16px;
    height: 20px;
    content: "";
    border: 0px;
    right: 3px;
    vertical-align: middle;
    top: 5px;
}

.nav li:last-child {
    margin-left: 0px !important;
}

.grecaptcha-badge {display:none;}
.page-id-1000037 .grecaptcha-badge {display:block;}
 


/* line 129, sass/_homepage.scss */
#cookie-law, #cookie-law * {
  filter: none !important;
}
.image-tools .cart-icon {position: unset;}

/* line 132, sass/_homepage.scss */
#cookie-law {
  position: fixed;
  left: 50%;
  right: 0;
  bottom: 50%;
  margin-left: -30%;
  margin-bottom: -150px;
  text-align: center;
  z-index: 9999999999999999999999;
  max-width: 60%;
  font-size: 15px;
  display: block;
}

/* line 146, sass/_homepage.scss */
#cookie-law #cookie-notify {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 5px;
  background: white;
  -webkit-box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
  margin: 0 auto;
}

/* line 159, sass/_homepage.scss */
#cookie-law p {
  padding: 0 20px 20px;
  text-align: left;
  flex: 1;
}

/* line 164, sass/_homepage.scss */
#cookie-law .big {
  font-size: 1.2em;
  line-height: 2em;
  font-weight: 600;
  margin-top: 10px;
}

/* line 170, sass/_homepage.scss */
#cookie-law .cookieov {
  position: relative;
  background: #fff;
}

/* line 174, sass/_homepage.scss */
#cookie-law b {
  text-align: left;
  padding: 20px;
}

/* line 178, sass/_homepage.scss */
#cookie-law a {
  color: #df0409;
}

/* line 182, sass/_homepage.scss */
button#close-cookie-banner {
  height: 45px;
  width: 45px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  outline: none;
  overflow: hidden;
  text-indent: -9999px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: relative;
  color: #8898aa;
  border: 2px solid #000;
  -webkit-transition: color .15s;
  transition: color .15s;
  cursor: pointer;
  position: absolute;
  right: 10px;
  top: 10px;
  background: #df0409;
  border-radius: 50%;
}
/* line 209, sass/_homepage.scss */
button#close-cookie-banner:before, button#close-cookie-banner:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 40%;
  height: 2px;
  background: #fff;
  border-radius: 2px;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
}
/* line 221, sass/_homepage.scss */
button#close-cookie-banner:after {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
}

/* line 227, sass/_homepage.scss */
.circle_gif svg {
  width: 120px;
  height: 220px;
  display: block;
  margin: 0 auto;
}

/* line 234, sass/_homepage.scss */
.circle_gif img {
  display: block;
  margin: 0 auto;
}

/* line 239, sass/_homepage.scss */
.icon_animate {
  width: 50px;
  display: block;
  height: 50px;
  margin: 0 auto 10px;
}

/*************** UX MENU ***************/

.ux-menu .nav-dropdown {
    min-width: 600px;
    padding: 0px;
}

.ux-megamenu .nav-dropdown {
    min-width: 100vw;
    padding: 0px;
}

.ux-megamenu li.menu-item {
    width:100%;
}

.container .ux-megamenu .row:not(.row-collapse) {
    margin-left: auto;
    margin-right: auto;
}

/*************** UX MENU - CALLOUT  ***************/


.ux-menu-callout a {
    color:#000; /* Change nav color */
}

.ux-menu-callout a:hover, .ux-menu-callout a:hover h4   {
    color:#000; /* Change nav hover color */
}

.ux-menu-callout .icon-box .has-icon-bg .icon .icon-inner {
    background-color: currentColor; /* Auto fill background with icon color */
}

.ux-menu-callout .nav-dropdown .menu-item-has-children>a {
    text-transform: none; /* Text transform parent links */
    font-size: 100%;
}

.ux-menu-callout span.widget-title {
    text-transform: uppercase;
    font-size:80%;
    letter-spacing: .05em;
	opacity: 0.8;
}

.ux-menu-callout ul.menu>li ul {
    border-left: 0px;
    padding: 0px 0px 10px 10px;
}

.ux-menu-callout .icon-box-text {
    padding-top: 5px;
}

.ux-menu-callout h4 {
    margin-bottom: 0px;
}

.ux-menu-callout p {
    font-size:80%;
}

.ux-menu-callout .widget .is-divider {
    margin: 5px 0px;
	opacity: 0;
}

.ux-menu-callout .widget {
    margin-bottom: 0px;
}


.loaderbg {display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;justify-content:center;align-items:center;position:fixed;background:#000;width:100%;height:100vh;z-index:120;top:0px;}
#logoloader{height:100px;width:100px}
#vpc-container img.loader{width:100px;height:100px;z-index:2;display:block;opacity:1!important}
#vpc-container .vpc-preview.images_loaded img,#vpc-components .vpc-component .vpc-component-header.images_loaded img{opacity:1;transition:opacity 0.5s ease}
.one-box .imagess.big[data-thumb-src] picture img.final{object-fit:contain}
.woocommerce .fixedcart{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;position:fixed;-moz-box-shadow:0 -2px 20px #eaeff3;-webkit-box-shadow:0 -2px 20px #eaeff3;box-shadow:0 -2px 20px #eaeff3;bottom:0;left:0;width:100%;-moz-transform:translateY(0%);-ms-transform:translateY(0%);-webkit-transform:translateY(0%);transform:translateY(0%);transition:all 0.2s ease;background:#fff;z-index:99999;justify-content:space-around;align-items:center;padding:5px 80px}
#vpc-container {font-family: "Saira", sans-serif;}
.animatedbg {
    overflow: hidden;
  }
  /* line 313, sass/_mediaqueries.scss */
  .animatedbg #animatedlogo {
    margin-top: -480px;
  }
  
.animatedbg #animatedlogo {
  -moz-transform: scale(1) !important;
  -ms-transform: scale(1) !important;
  -webkit-transform: scale(1) !important;
  transform: scale(1) !important;
  width: 100%;
  transform: translateZ(0);
  will-change: transform, opacity, stroke-dashoffset, stroke-dasharray, stroke-width;
}
/* line 200, sass/_home.scss */
.animatedbg #animatedlogo path {
  transform: translateZ(0);
  will-change: transform, opacity, stroke-dashoffset, stroke-dasharray, stroke-width;
}

/* line 3927, sass/_controller.scss */
.sendinfocontroller, .promocontroller {
  position: absolute;
  bottom: auto;
  top: 30%;
  width: 80%;
  left: 10%;
  background: #fff;
  padding: 0;
  z-index: 999;
}
/* line 3936, sass/_controller.scss */
.sendinfocontroller h3, .promocontroller h3 {
  font-weight: 600;
  padding: 0 60px;
  font-size: 1.2em;
  margin: 20px 0;
}
/* line 3942, sass/_controller.scss */
.sendinfocontroller p, .promocontroller p {
  padding: 0 10px;
}
/* line 3944, sass/_controller.scss */
.sendinfocontroller p.jesli, .promocontroller p.jesli {
  margin-top: 20px;
}
/* line 3948, sass/_controller.scss */
.sendinfocontroller ul, .promocontroller ul {
  padding: 0 10px;
}
/* line 3951, sass/_controller.scss */
.sendinfocontroller .ta-opcja, .promocontroller .ta-opcja {
  margin-bottom: 20px;
}
/* line 3954, sass/_controller.scss */
.sendinfocontroller .adress, .promocontroller .adress {
  background: #f1f1f1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
  padding: 20px 0;
}
/* line 3962, sass/_controller.scss */
.sendinfocontroller .modal__body, .promocontroller .modal__body {
  overflow-y: scroll;
  -webkit-oveflow-scrolling: touch;
  overflow-x: hidden;
  height: 100%;
}
/* line 3969, sass/_controller.scss */
.sendinfocontroller .button.button--close, .promocontroller .button.button--close {
  background: #df0409;
  border: 2px solid #000;
  z-index: 99999;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  position: absolute;
  right: 10px;
  top: 10px;
}
/* line 3979, sass/_controller.scss */
.sendinfocontroller .button.button--close::after, .sendinfocontroller .button.button--close::before, .promocontroller .button.button--close::after, .promocontroller .button.button--close::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 40%;
  height: 2px;
  background: #fff;
  border-radius: 2px;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
}
/* line 3992, sass/_controller.scss */
.sendinfocontroller .button.button--close::after, .promocontroller .button.button--close::after {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
}
/* line 4000, sass/_controller.scss */
.sendinfocontroller strong, .promocontroller strong {
  color: #df0409;
}

/* line 2, sass/_controller.scss */
.vpc-order-config {
  width: 100%;
}
/* line 5, sass/_controller.scss */
.vpc-order-config .vpc-cart-options-container > div:first-child {
  padding: 20px 0;
  /* grid-template-columns: 1fr 1fr; */
  padding: 0;
  text-align: left;
}
/* line 10, sass/_controller.scss */
.vpc-order-config .vpc-cart-options-container > div:first-child strong {
  text-align: left;
}
/* line 14, sass/_controller.scss */
/* .vpc-order-config .vpc-cart-options-container > div {
  grid-template-columns: 1fr 1fr 1fr 1fr 50px;
} */
/* line 17, sass/_controller.scss */
.vpc-order-config .vpc-cart-options-container br {
  display: none;
}

/* line 22, sass/_controller.scss */
#left-gamer-tag-front-container {
  width: 190px  !important;
  overflow: hidden;
  top: 67%  !important;
  text-align: center;
  left: 15%  !important;
  position: absolute;
  transform: translate3d(50%, 50%, 0) rotate(-75deg) scale(1) !important;
}
/* line 30, sass/_controller.scss */
#left-gamer-tag-front-container span {
  font-size: 25px !important;
}

/* line 34, sass/_controller.scss */
#right-gamer-tag-front-container {
  width: 190px  !important;
  overflow: hidden;
  top: 45%  !important;
  text-align: center;
  transform: translate3d(50%, 50%, 0) rotate(75deg) scale(1) !important;
  right: 18% !important;
  left: auto !important;
}
/* line 42, sass/_controller.scss */
#right-gamer-tag-front-container span {
  font-size: 25px !important;
}

/* line 48, sass/_controller.scss */
#lightbar-tag-back-container {
  left: 0%;
  width: 100% !important;
  top: 26.5% !important;
  right: 0%;
  position: absolute;
  text-align: center;
}
/* line 55, sass/_controller.scss */
#lightbar-tag-back-container span {
  font-size: 15px !important;
  text-align: center;
}

/* line 64, sass/_controller.scss */
.slideBackImages #lightbar-tag-back-container {
  top: 40.8% !important;
}
/* line 66, sass/_controller.scss */
.slideBackImages #lightbar-tag-back-container span {
  font-size: 8px !important;
  text-align: center;
}
/* line 73, sass/_controller.scss */
.slideBackImages #left-gamer-tag-front-container {
  width: 190px !important;
  overflow: hidden;
  top: 56% !important;
  text-align: center;
  left: -22%  !important;
  position: absolute;
  transform: translate3d(50%, 50%, 0) rotate(-75deg) scale(0.4) !important;
}
/* line 81, sass/_controller.scss */
.slideBackImages #left-gamer-tag-front-container span {
  font-size: 25px !important;
}
/* line 85, sass/_controller.scss */
.slideBackImages #right-gamer-tag-front-container {
  width: 190px  !important;
  overflow: hidden;
  top: 45%  !important;
  text-align: center !important;
  transform: translate3d(50%, 50%, 0) rotate(75deg) scale(0.4) !important;
  right: -18%  !important;
  left: auto !important;
}
/* line 93, sass/_controller.scss */
.slideBackImages #right-gamer-tag-front-container span {
  font-size: 25px !important;
}

/* line 102, sass/_controller.scss */
/* #vpc-container .vpc-preview.images_loaded > div:nth-of-type(2) img {
  left: 27% !important;
  top: 57% !important;
  max-width: 120px !important;
  height: auto !important;
  z-index: 2 !important;
  position: absolute !important;
  display: block !important;
} */
/* line 113, sass/_controller.scss */
#vpc-container .vpc-preview.images_loaded > div:nth-of-type(3) img {
  left: 73% !important;
  top: 57% !important;
  max-width: 120px !important;
  height: auto !important;
  z-index: 2 !important;
  position: absolute !important;
  display: block !important;
}
/* line 123, sass/_controller.scss */
#vpc-container .vpc-preview.images_loaded > div#upload_panel_0:nth-of-type(4), #vpc-container .vpc-preview.images_loaded #touchpad-gamer-tag-front-container {
  width: 220px !important;
  height: 115px;
  position: absolute;
  overflow: hidden;
  left: 41% !important;
  top: 24% !important;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
}
/* line 134, sass/_controller.scss */
#vpc-container .vpc-preview.images_loaded > div#upload_panel_0:nth-of-type(4) span, #vpc-container .vpc-preview.images_loaded #touchpad-gamer-tag-front-container span {
  text-align: center;
  font-size: 30px !important;
}
/* line 138, sass/_controller.scss */
#vpc-container .vpc-preview.images_loaded > div#upload_panel_0:nth-of-type(4) img, #vpc-container .vpc-preview.images_loaded #touchpad-gamer-tag-front-container img {
  max-height: 100%;
  max-width: 100% !important;
  position: static !important;
  display: block;
  top: 0 !important;
  height: inherit !important;
  object-fit: contain;
  left: 0 !important;
  transform: none !important;
  margin: 0 auto;
}

/* line 158, sass/_controller.scss */
/* #vpc-container .vpc-preview.images_loaded.slideBackImages > div:nth-of-type(2) img {
  left: 15% !important;
  top: 55% !important;
  max-width: 40px !important;
} */
/* line 165, sass/_controller.scss */
#vpc-container .vpc-preview.images_loaded.slideBackImages > div:nth-of-type(3) img {
  left: 85% !important;
  top: 55% !important;
  max-width: 40px !important;
}
/* line 171, sass/_controller.scss */
#vpc-container .vpc-preview.images_loaded.slideBackImages > div#upload_panel_0:nth-of-type(4), #vpc-container .vpc-preview.images_loaded.slideBackImages #touchpad-gamer-tag-front-container {
  width: 90px !important;
  height: 36px;
  left: 36% !important;
  top: 41% !important;
}
/* line 176, sass/_controller.scss */
#vpc-container .vpc-preview.images_loaded.slideBackImages > div#upload_panel_0:nth-of-type(4) span, #vpc-container .vpc-preview.images_loaded.slideBackImages #touchpad-gamer-tag-front-container span {
  font-size: 12px !important;
}

/* ----------- iPad Pro ----------- */
@media screen and (min-width: 1919px) and (min-height: 1199px) {
  /* line 189, sass/_controller.scss */
  #lightbar-tag-back-container {
    top: 30.5% !important;
  }

  /* line 195, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded > div#upload_panel_0:nth-of-type(4), #vpc-container .vpc-preview.images_loaded #touchpad-gamer-tag-front-container {
    width: 220px !important;
    height: 100px;
    position: absolute;
    overflow: hidden;
    left: 42.5% !important;
    top: 30% !important;
  }
  /* line 202, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded > div#upload_panel_0:nth-of-type(4) span, #vpc-container .vpc-preview.images_loaded #touchpad-gamer-tag-front-container span {
    font-size: 30px !important;
  }

  /* line 209, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded.slideBackImages #lightbar-tag-back-container {
    top: 40.4% !important;
  }
  /* line 214, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded.slideBackImages > div#upload_panel_0:nth-of-type(4), #vpc-container .vpc-preview.images_loaded.slideBackImages #touchpad-gamer-tag-front-container {
    width: 220px !important;
    height: 100px;
    position: absolute;
    overflow: hidden;
    left: 42.5% !important;
    top: 31.5% !important;
  }
  /* line 221, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded.slideBackImages > div#upload_panel_0:nth-of-type(4) span, #vpc-container .vpc-preview.images_loaded.slideBackImages #touchpad-gamer-tag-front-container span {
    font-size: 30px !important;
  }
}
@media screen and (min-width: 1919px) {
  /* line 229, sass/_controller.scss */
  #left-gamer-tag-front-container {
    top: 65%  !important;
    left: 20%  !important;
  }

  /* line 234, sass/_controller.scss */
  #right-gamer-tag-front-container {
    top: 46%  !important;
    right: 22%  !important;
    left: auto !important;
  }

  /* line 240, sass/_controller.scss */
  #lightbar-tag-back-container {
    top: 28% !important;
  }
  /* line 242, sass/_controller.scss */
  #lightbar-tag-back-container span {
    font-size: 12px !important;
    text-align: center;
  }

  /* line 249, sass/_controller.scss */
  .slideBackImages #lightbar-tag-back-container {
    top: 41.7% !important;
  }
  /* line 251, sass/_controller.scss */
  .slideBackImages #lightbar-tag-back-container span {
    font-size: 7px !important;
  }
  /* line 256, sass/_controller.scss */
  .slideBackImages #left-gamer-tag-front-container {
    top: 56%  !important;
    left: -18%  !important;
    transform: translate3d(50%, 50%, 0) rotate(-75deg) scale(0.4) !important;
  }
  /* line 262, sass/_controller.scss */
  .slideBackImages #right-gamer-tag-front-container {
    top: 48%  !important;
    transform: translate3d(50%, 50%, 0) rotate(75deg) scale(0.4) !important;
    right: -10%  !important;
    left: auto !important;
  }

  /* line 274, sass/_controller.scss */
  /* #vpc-container .vpc-preview.images_loaded > div:nth-of-type(2) img {
    left: 30% !important;
    top: 58% !important;
    max-width: 100px !important;
  } */
  /* line 281, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded > div:nth-of-type(3) img {
    left: 70% !important;
    top: 58% !important;
    max-width: 100px !important;
  }
  /* line 287, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded > div#upload_panel_0:nth-of-type(4), #vpc-container .vpc-preview.images_loaded #touchpad-gamer-tag-front-container {
    width: 220px !important;
    height: 100px;
    position: absolute;
    overflow: hidden;
    left: 42.5% !important;
    top: 27% !important;
  }
  /* line 294, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded > div#upload_panel_0:nth-of-type(4) span, #vpc-container .vpc-preview.images_loaded #touchpad-gamer-tag-front-container span {
    font-size: 30px !important;
  }

  /* line 303, sass/_controller.scss */
  /* #vpc-container .vpc-preview.images_loaded.slideBackImages > div:nth-of-type(2) img {
    left: 15% !important;
    top: 54% !important;
    max-width: 50px !important;
  } */
  /* line 310, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded.slideBackImages > div:nth-of-type(3) img {
    left: 85% !important;
    top: 54% !important;
    max-width: 50px !important;
  }
  /* line 316, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded.slideBackImages > div#upload_panel_0:nth-of-type(4), #vpc-container .vpc-preview.images_loaded.slideBackImages #touchpad-gamer-tag-front-container {
    width: 100px !important;
    height: 40px;
    position: absolute;
    overflow: hidden;
    left: 36% !important;
    top: 40% !important;
  }
  /* line 323, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded.slideBackImages > div#upload_panel_0:nth-of-type(4) span, #vpc-container .vpc-preview.images_loaded.slideBackImages #touchpad-gamer-tag-front-container span {
    font-size: 12px !important;
  }
}
/*laptop*/
@media screen and (min-width: 1365px) and (max-height: 769px) {
  /* line 337, sass/_controller.scss */
  #left-gamer-tag-front-container {
    top: 72% !important;
    left: 8% !important;
  }

  /* line 342, sass/_controller.scss */
  #right-gamer-tag-front-container {
    top: 46% !important;
    right: 12% !important;
    left: auto !important;
  }

  /* line 350, sass/_controller.scss */
  #lightbar-tag-back-container {
    top: 16.5% !important;
  }
  /* line 352, sass/_controller.scss */
  #lightbar-tag-back-container span {
    font-size: 11px !important;
  }

  /* line 361, sass/_controller.scss */
  .slideBackImages #lightbar-tag-back-container {
    top: 41.2% !important;
  }
  /* line 363, sass/_controller.scss */
  .slideBackImages #lightbar-tag-back-container span {
    font-size: 5px !important;
  }
  /* line 367, sass/_controller.scss */
  .slideBackImages #left-gamer-tag-front-container {
    top: 57%  !important;
    left: -30%  !important;
    transform: translate3d(50%, 50%, 0) rotate(-75deg) scale(0.4) !important;
  }
  /* line 371, sass/_controller.scss */
  .slideBackImages #left-gamer-tag-front-container span {
    font-size: 20px !important;
  }
  /* line 376, sass/_controller.scss */
  .slideBackImages #right-gamer-tag-front-container {
    top: 48%  !important;
    transform: translate3d(50%, 50%, 0) rotate(75deg) scale(0.4) !important;
    right: -20%  !important;
    left: auto !important;
  }
  /* line 381, sass/_controller.scss */
  .slideBackImages #right-gamer-tag-front-container span {
    font-size: 20px !important;
  }

  /* line 392, sass/_controller.scss */
  /* #vpc-container .vpc-preview.images_loaded > div:nth-of-type(2) img {
    left: 22% !important;
    top: 60% !important;
    max-width: 100px !important;
  } */
  /* line 399, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded > div:nth-of-type(3) img {
    left: 79% !important;
    top: 60% !important;
    max-width: 100px !important;
  }
  /* line 405, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded > div#upload_panel_0:nth-of-type(4), #vpc-container .vpc-preview.images_loaded #touchpad-gamer-tag-front-container {
    width: 220px !important;
    height: 100px;
    left: 39% !important;
    top: 14% !important;
  }
  /* line 411, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded > div#upload_panel_0:nth-of-type(4) span, #vpc-container .vpc-preview.images_loaded #touchpad-gamer-tag-front-container span {
    font-size: 30px !important;
  }

  /* line 420, sass/_controller.scss */
  /* #vpc-container .vpc-preview.images_loaded.slideBackImages > div:nth-of-type(2) img {
    left: 15% !important;
    top: 54% !important;
    max-width: 40px !important;
  } */
  /* line 427, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded.slideBackImages > div:nth-of-type(3) img {
    left: 85% !important;
    top: 54% !important;
    max-width: 40px !important;
  }
  /* line 433, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded.slideBackImages > div#upload_panel_0:nth-of-type(4), #vpc-container .vpc-preview.images_loaded.slideBackImages #touchpad-gamer-tag-front-container {
    width: 100px !important;
    height: 35px !important;
    left: 36% !important;
    top: 41% !important;
  }
  /* line 438, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded.slideBackImages > div#upload_panel_0:nth-of-type(4) span, #vpc-container .vpc-preview.images_loaded.slideBackImages #touchpad-gamer-tag-front-container span {
    font-size: 12px !important;
  }
}
/* Landscape Pro*/
@media only screen and (min-width: 1365px) and (max-width: 1367px) and (min-height: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {
  /* line 458, sass/_controller.scss */
  #lightbar-tag-back-container {
    top: 30.5% !important;
  }
  /* line 460, sass/_controller.scss */
  #lightbar-tag-back-container span {
    font-size: 11px !important;
  }

  /* line 465, sass/_controller.scss */
  #left-gamer-tag-front-container {
    top: 65% !important;
    left: 8% !important;
  }

  /* line 470, sass/_controller.scss */
  #right-gamer-tag-front-container {
    top: 46% !important;
    right: 12% !important;
    left: auto !important;
  }

  /* line 479, sass/_controller.scss */
  .slideBackImages #lightbar-tag-back-container {
    top: 43.9% !important;
  }
  /* line 481, sass/_controller.scss */
  .slideBackImages #lightbar-tag-back-container span {
    font-size: 5px !important;
  }
  /* line 485, sass/_controller.scss */
  .slideBackImages #left-gamer-tag-front-container {
    top: 56% !important;
    left: -30% !important;
    transform: translate3d(50%, 50%, 0) rotate(-75deg) scale(0.4) !important;
  }
  /* line 489, sass/_controller.scss */
  .slideBackImages #left-gamer-tag-front-container span {
    font-size: 20px !important;
  }
  /* line 494, sass/_controller.scss */
  .slideBackImages #right-gamer-tag-front-container {
    top: 48% !important;
    transform: translate3d(50%, 50%, 0) rotate(75deg) scale(0.4) !important;
    right: -20% !important;
    left: auto !important;
  }
  /* line 499, sass/_controller.scss */
  .slideBackImages #right-gamer-tag-front-container span {
    font-size: 20px !important;
  }

  /* line 508, sass/_controller.scss */
  /* #vpc-container .vpc-preview.images_loaded > div:nth-of-type(2) img {
    left: 22% !important;
    top: 58% !important;
    max-width: 100px !important;
  } */
  /* line 515, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded > div:nth-of-type(3) img {
    left: 79% !important;
    top: 58% !important;
    max-width: 100px !important;
  }
  /* line 521, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded > div#upload_panel_0:nth-of-type(4), #vpc-container .vpc-preview.images_loaded #touchpad-gamer-tag-front-container {
    width: 220px !important;
    height: 90px;
    position: absolute;
    overflow: hidden;
    left: 39% !important;
    top: 30% !important;
  }
  /* line 528, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded > div#upload_panel_0:nth-of-type(4) span, #vpc-container .vpc-preview.images_loaded #touchpad-gamer-tag-front-container span {
    font-size: 20px !important;
  }

  /* line 537, sass/_controller.scss */
  /* #vpc-container .vpc-preview.images_loaded.slideBackImages > div:nth-of-type(2) img {
    left: 15% !important;
    top: 53% !important;
    max-width: 30px !important;
  } */
  /* line 544, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded.slideBackImages > div:nth-of-type(3) img {
    left: 85% !important;
    top: 53% !important;
    max-width: 30px !important;
  }
  /* line 550, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded.slideBackImages > div#upload_panel_0:nth-of-type(4), #vpc-container .vpc-preview.images_loaded.slideBackImages #touchpad-gamer-tag-front-container {
    width: 80px !important;
    height: 30px !important;
    left: 36% !important;
    top: 44% !important;
  }
  /* line 555, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded.slideBackImages > div#upload_panel_0:nth-of-type(4) span, #vpc-container .vpc-preview.images_loaded.slideBackImages #touchpad-gamer-tag-front-container span {
    font-size: 10px !important;
  }
}
/* Portrait Pro */
@media only screen and (min-width: 1024px) and (min-height: 1365px) and (max-height: 1367px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {
  /* line 573, sass/_controller.scss */
  #lightbar-tag-back-container {
    top: -2.9% !important;
  }
  /* line 575, sass/_controller.scss */
  #lightbar-tag-back-container span {
    font-size: 11px !important;
  }

  /* line 580, sass/_controller.scss */
  #left-gamer-tag-front-container {
    top: 92% !important;
    left: -2% !important;
  }

  /* line 585, sass/_controller.scss */
  #right-gamer-tag-front-container {
    top: 42% !important;
    right: 2% !important;
    left: auto !important;
  }

  /* line 592, sass/_controller.scss */
  .slideBackImages #lightbar-tag-back-container {
    top: 33.5% !important;
  }
  /* line 594, sass/_controller.scss */
  .slideBackImages #lightbar-tag-back-container span {
    font-size: 5px !important;
  }
  /* line 598, sass/_controller.scss */
  .slideBackImages #left-gamer-tag-front-container {
    top: 80% !important;
    left: 8% !important;
    width: 120px !important;
    transform: rotate(-75deg);
  }
  /* line 603, sass/_controller.scss */
  .slideBackImages #left-gamer-tag-front-container span {
    font-size: 13px !important;
  }
  /* line 608, sass/_controller.scss */
  .slideBackImages #right-gamer-tag-front-container {
    top: 46% !important;
    right: -8% !important;
    width: 120px !important;
    transform: rotate(75deg) !important;
    left: auto !important;
  }
  /* line 614, sass/_controller.scss */
  .slideBackImages #right-gamer-tag-front-container span {
    font-size: 13px !important;
  }

  /* line 624, sass/_controller.scss */
  /* #vpc-container .vpc-preview.images_loaded > div:nth-of-type(2) img {
    left: 15% !important;
    top: 68% !important;
    max-width: 100px !important;
  } */
  /* line 631, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded > div:nth-of-type(3) img {
    left: 85% !important;
    top: 68% !important;
    max-width: 100px !important;
  }
  /* line 637, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded > div#upload_panel_0:nth-of-type(4), #vpc-container .vpc-preview.images_loaded #touchpad-gamer-tag-front-container {
    width: 220px !important;
    height: 90px;
    left: 37%;
    top: -5%;
  }
  /* line 642, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded > div#upload_panel_0:nth-of-type(4) span, #vpc-container .vpc-preview.images_loaded #touchpad-gamer-tag-front-container span {
    font-size: 25px !important;
  }

  /* line 650, sass/_controller.scss */
  /* #vpc-container .vpc-preview.images_loaded.slideBackImages > div:nth-of-type(2) img {
    left: 15% !important;
    top: 68% !important;
    max-width: 50px !important;
  } */
  /* line 657, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded.slideBackImages > div:nth-of-type(3) img {
    left: 85% !important;
    top: 68% !important;
    max-width: 50px !important;
  }
  /* line 663, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded.slideBackImages > div#upload_panel_0:nth-of-type(4), #vpc-container .vpc-preview.images_loaded.slideBackImages #touchpad-gamer-tag-front-container {
    width: 160px !important;
    height: 78px;
    left: 36%;
    top: 12%;
  }
  /* line 668, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded.slideBackImages > div#upload_panel_0:nth-of-type(4) span, #vpc-container .vpc-preview.images_loaded.slideBackImages #touchpad-gamer-tag-front-container span {
    font-size: 14px !important;
  }
}
/* ----------- Nexus 10 ----------- */
/* Portrait */
@media only screen and (max-width: 801px) and (min-height: 1279px) and (max-height: 1281px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
  /* line 691, sass/_controller.scss */
  #lightbar-tag-back-container {
    top: 4% !important;
  }
  /* line 693, sass/_controller.scss */
  #lightbar-tag-back-container span {
    font-size: 11px !important;
  }

  /* line 697, sass/_controller.scss */
  #left-gamer-tag-front-container {
    width: 190px !important;
    top: 90% !important;
    left: -5% !important;
  }
  /* line 701, sass/_controller.scss */
  #left-gamer-tag-front-container span {
    font-size: 13px !important;
  }

  /* line 706, sass/_controller.scss */
  #right-gamer-tag-front-container {
    width: 190px !important;
    top: 38% !important;
    right: 0% !important;
    left: auto !important;
  }
  /* line 711, sass/_controller.scss */
  #right-gamer-tag-front-container span {
    font-size: 13px !important;
  }

  /* line 717, sass/_controller.scss */
  .slideBackImages #lightbar-tag-back-container {
    top: 36% !important;
  }
  /* line 719, sass/_controller.scss */
  .slideBackImages #lightbar-tag-back-container span {
    font-size: 5px !important;
  }
  /* line 723, sass/_controller.scss */
  .slideBackImages #left-gamer-tag-front-container {
    top: 67% !important;
    left: -13% !important;
    transform: translate3d(50%, 50%, 0) rotate(-75deg) scale(0.4) !important;
  }
  /* line 727, sass/_controller.scss */
  .slideBackImages #left-gamer-tag-front-container span {
    font-size: 25px !important;
  }
  /* line 732, sass/_controller.scss */
  .slideBackImages #right-gamer-tag-front-container {
    top: 42% !important;
    transform: translate3d(50%, 50%, 0) rotate(75deg) scale(0.4) !important;
    right: -9% !important;
    left: auto !important;
  }
  /* line 737, sass/_controller.scss */
  .slideBackImages #right-gamer-tag-front-container span {
    font-size: 25px !important;
  }

  /* line 748, sass/_controller.scss */
  /* #vpc-container .vpc-preview.images_loaded > div:nth-of-type(2) img {
    left: 15% !important;
    top: 68% !important;
    max-width: 80px !important;
  } */
  /* line 755, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded > div:nth-of-type(3) img {
    left: 85% !important;
    top: 65% !important;
    max-width: 80px !important;
  }
  /* line 761, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded > div#upload_panel_0:nth-of-type(4), #vpc-container .vpc-preview.images_loaded #touchpad-gamer-tag-front-container {
    width: 170px !important;
    height: 85px;
    left: 37%;
    top: 0%;
  }
  /* line 766, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded > div#upload_panel_0:nth-of-type(4) span, #vpc-container .vpc-preview.images_loaded #touchpad-gamer-tag-front-container span {
    font-size: 30px !important;
  }

  /* line 773, sass/_controller.scss */
  /* #vpc-container .vpc-preview.images_loaded.slideBackImages > div:nth-of-type(2) img {
    left: 15% !important;
    top: 68% !important;
    max-width: 50px !important;
  } */
  /* line 780, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded.slideBackImages > div:nth-of-type(3) img {
    left: 85% !important;
    top: 68% !important;
    max-width: 50px !important;
  }
  /* line 786, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded.slideBackImages > div#upload_panel_0:nth-of-type(4), #vpc-container .vpc-preview.images_loaded.slideBackImages #touchpad-gamer-tag-front-container {
    width: 110px !important;
    height: 49px;
    left: 37%;
    top: 20%;
  }
  /* line 791, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded.slideBackImages > div#upload_panel_0:nth-of-type(4) span, #vpc-container .vpc-preview.images_loaded.slideBackImages #touchpad-gamer-tag-front-container span {
    font-size: 20px !important;
  }
}
/* Nexus 10 Landscape */
@media only screen and (min-width: 1279px) and (max-width: 1281px) and (max-height: 801px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
  /* line 810, sass/_controller.scss */
  #lightbar-tag-back-container {
    top: 24.5% !important;
  }
  /* line 812, sass/_controller.scss */
  #lightbar-tag-back-container span {
    font-size: 11px !important;
  }

  /* line 817, sass/_controller.scss */
  #left-gamer-tag-front-container {
    width: 190px !important;
    top: 70% !important;
    left: 5% !important;
  }
  /* line 821, sass/_controller.scss */
  #left-gamer-tag-front-container span {
    font-size: 22px !important;
  }

  /* line 826, sass/_controller.scss */
  #right-gamer-tag-front-container {
    width: 190px !important;
    top: 46% !important;
    right: 10% !important;
    left: auto !important;
  }
  /* line 831, sass/_controller.scss */
  #right-gamer-tag-front-container span {
    font-size: 22px !important;
  }

  /* line 838, sass/_controller.scss */
  .slideBackImages #lightbar-tag-back-container {
    top: 42.5% !important;
  }
  /* line 840, sass/_controller.scss */
  .slideBackImages #lightbar-tag-back-container span {
    font-size: 5px !important;
  }
  /* line 844, sass/_controller.scss */
  .slideBackImages #left-gamer-tag-front-container {
    top: 57% !important;
    left: -33% !important;
    transform: translate3d(50%, 50%, 0) rotate(-75deg) scale(0.4) !important;
  }
  /* line 848, sass/_controller.scss */
  .slideBackImages #left-gamer-tag-front-container span {
    font-size: 25px !important;
  }
  /* line 853, sass/_controller.scss */
  .slideBackImages #right-gamer-tag-front-container {
    top: 45% !important;
    transform: translate3d(50%, 50%, 0) rotate(75deg) scale(0.4);
    right: -22% !important;
    left: auto !important;
  }
  /* line 858, sass/_controller.scss */
  .slideBackImages #right-gamer-tag-front-container span {
    font-size: 25px !important;
  }

  /* line 868, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded > div:nth-of-type(2) img {
    left: 19% !important;
    top: 60% !important;
    max-width: 100px !important;
  }
  /* line 875, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded > div:nth-of-type(3) img {
    left: 80% !important;
    top: 60% !important;
    max-width: 100px !important;
  }
  /* line 881, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded > div#upload_panel_0:nth-of-type(4), #vpc-container .vpc-preview.images_loaded #touchpad-gamer-tag-front-container {
    width: 220px !important;
    height: 85px;
    left: 38%;
    top: 24%;
  }
  /* line 886, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded > div#upload_panel_0:nth-of-type(4) span, #vpc-container .vpc-preview.images_loaded #touchpad-gamer-tag-front-container span {
    font-size: 30px !important;
  }

  /* line 894, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded.slideBackImages > div:nth-of-type(2) img {
    left: 18% !important;
    top: 54% !important;
    max-width: 30px !important;
  }
  /* line 901, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded.slideBackImages > div:nth-of-type(3) img {
    left: 72% !important;
    top: 54% !important;
    max-width: 30px !important;
  }
  /* line 907, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded.slideBackImages > div#upload_panel_0:nth-of-type(4), #vpc-container .vpc-preview.images_loaded.slideBackImages #touchpad-gamer-tag-front-container {
    width: 70px !important;
    height: 35px !important;
    left: 38% !important;
    top: 42% !important;
  }
  /* line 912, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded.slideBackImages > div#upload_panel_0:nth-of-type(4) span, #vpc-container .vpc-preview.images_loaded.slideBackImages #touchpad-gamer-tag-front-container span {
    font-size: 12px !important;
  }
}
/* ----------- iPad ----------- */
/* Portrait Ipad */
@media only screen and (max-width: 769px) and (max-height: 1024px) and (min-height: 1023px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {
  /* line 933, sass/_controller.scss */
  #lightbar-tag-back-container {
    top: -7.5% !important;
  }
  /* line 935, sass/_controller.scss */
  #lightbar-tag-back-container span {
    font-size: 10px !important;
  }

  /* line 940, sass/_controller.scss */
  #left-gamer-tag-front-container {
    width: 160px !important;
    top: 100% !important;
    left: -5% !important;
  }
  /* line 944, sass/_controller.scss */
  #left-gamer-tag-front-container span {
    font-size: 20px !important;
  }

  /* line 949, sass/_controller.scss */
  #right-gamer-tag-front-container {
    width: 160px !important;
    top: 39% !important;
    right: 0% !important;
    left: auto !important;
  }
  /* line 954, sass/_controller.scss */
  #right-gamer-tag-front-container span {
    font-size: 20px !important;
  }

  /* line 960, sass/_controller.scss */
  .slideBackImages #lightbar-tag-back-container {
    top: 31.5% !important;
  }
  /* line 962, sass/_controller.scss */
  .slideBackImages #lightbar-tag-back-container span {
    font-size: 10px !important;
  }
  /* line 966, sass/_controller.scss */
  .slideBackImages #left-gamer-tag-front-container {
    top: 66% !important;
    left: -11% !important;
    transform: translate3d(50%, 50%, 0) rotate(-75deg) scale(0.4) !important;
  }
  /* line 970, sass/_controller.scss */
  .slideBackImages #left-gamer-tag-front-container span {
    font-size: 20px !important;
  }
  /* line 975, sass/_controller.scss */
  .slideBackImages #right-gamer-tag-front-container {
    top: 40% !important;
    transform: translate3d(50%, 50%, 0) rotate(75deg) scale(0.4) !important;
    right: -8% !important;
    left: auto !important;
  }
  /* line 980, sass/_controller.scss */
  .slideBackImages #right-gamer-tag-front-container span {
    font-size: 20px !important;
  }

  /* line 990, sass/_controller.scss */
  /* #vpc-container .vpc-preview.images_loaded > div:nth-of-type(2) img {
    left: 15% !important;
    top: 68% !important;
    max-width: 80px !important;
  } */
  /* line 997, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded > div:nth-of-type(3) img {
    left: 85% !important;
    top: 68% !important;
    max-width: 80px !important;
  }
  /* line 1003, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded > div#upload_panel_0:nth-of-type(4), #vpc-container .vpc-preview.images_loaded #touchpad-gamer-tag-front-container {
    width: 160px !important;
    height: 75px !important;
    left: 37% !important;
    top: -10% !important;
  }
  /* line 1008, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded > div#upload_panel_0:nth-of-type(4) span, #vpc-container .vpc-preview.images_loaded #touchpad-gamer-tag-front-container span {
    font-size: 20px !important;
  }

  /* line 1016, sass/_controller.scss */
  /* #vpc-container .vpc-preview.images_loaded.slideBackImages > div:nth-of-type(2) img {
    left: 15% !important;
    top: 68% !important;
    max-width: 50px !important;
  } */
  /* line 1023, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded.slideBackImages > div:nth-of-type(3) img {
    left: 85% !important;
    top: 68% !important;
    max-width: 50px !important;
  }
  /* line 1029, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded.slideBackImages > div#upload_panel_0:nth-of-type(4), #vpc-container .vpc-preview.images_loaded.slideBackImages #touchpad-gamer-tag-front-container {
    width: 100px !important;
    height: 50px;
    left: 37%;
    top: 12%;
  }
  /* line 1034, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded.slideBackImages > div#upload_panel_0:nth-of-type(4) span, #vpc-container .vpc-preview.images_loaded.slideBackImages #touchpad-gamer-tag-front-container span {
    font-size: 10px !important;
  }
}
/* Landscape Ipad */
@media only screen and (min-width: 1023px) and (max-width: 1024px) and (max-height: 769px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
  /* line 1055, sass/_controller.scss */
  #lightbar-tag-back-container {
    top: 25.5% !important;
  }
  /* line 1057, sass/_controller.scss */
  #lightbar-tag-back-container span {
    font-size: 10px !important;
  }

  /* line 1062, sass/_controller.scss */
  #left-gamer-tag-front-container {
    width: 160px !important;
    top: 68% !important;
    left: -2% !important;
  }
  /* line 1066, sass/_controller.scss */
  #left-gamer-tag-front-container span {
    font-size: 20px !important;
  }

  /* line 1071, sass/_controller.scss */
  #right-gamer-tag-front-container {
    width: 160px !important;
    top: 46% !important;
    right: 4% !important;
    left: auto !important;
  }
  /* line 1076, sass/_controller.scss */
  #right-gamer-tag-front-container span {
    font-size: 20px !important;
  }

  /* line 1084, sass/_controller.scss */
  .slideBackImages #lightbar-tag-back-container {
    top: 43.7% !important;
  }
  /* line 1086, sass/_controller.scss */
  .slideBackImages #lightbar-tag-back-container span {
    font-size: 4px !important;
  }
  /* line 1090, sass/_controller.scss */
  .slideBackImages #left-gamer-tag-front-container {
    top: 56% !important;
    left: -38% !important;
    transform: translate3d(50%, 50%, 0) rotate(-75deg) scale(0.4) !important;
  }
  /* line 1094, sass/_controller.scss */
  .slideBackImages #left-gamer-tag-front-container span {
    font-size: 13px !important;
  }
  /* line 1099, sass/_controller.scss */
  .slideBackImages #right-gamer-tag-front-container {
    top: 47% !important;
    transform: translate3d(50%, 50%, 0) rotate(75deg) scale(0.4) !important;
    right: -27% !important;
    left: auto !important;
  }
  /* line 1104, sass/_controller.scss */
  .slideBackImages #right-gamer-tag-front-container span {
    font-size: 13px !important;
  }

  /* line 1114, sass/_controller.scss */
  /* #vpc-container .vpc-preview.images_loaded > div:nth-of-type(2) img {
    left: 15% !important;
    top: 62% !important;
    max-width: 80px !important;
  } */
  /* line 1121, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded > div:nth-of-type(3) img {
    left: 85% !important;
    top: 62% !important;
    max-width: 80px !important;
  }
  /* line 1127, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded > div#upload_panel_0:nth-of-type(4), #vpc-container .vpc-preview.images_loaded #touchpad-gamer-tag-front-container {
    width: 220px !important;
    height: 85px !important;
    left: 36% !important;
    top: 25% !important;
  }
  /* line 1132, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded > div#upload_panel_0:nth-of-type(4) span, #vpc-container .vpc-preview.images_loaded #touchpad-gamer-tag-front-container span {
    font-size: 25px !important;
  }

  /* line 1140, sass/_controller.scss */
  /* #vpc-container .vpc-preview.images_loaded.slideBackImages > div:nth-of-type(2) img {
    left: 15% !important;
    top: 54% !important;
    max-width: 25px !important;
  } */
  /* line 1147, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded.slideBackImages > div:nth-of-type(3) img {
    left: 85% !important;
    top: 54% !important;
    max-width: 25px !important;
  }
  /* line 1153, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded.slideBackImages > div#upload_panel_0:nth-of-type(4), #vpc-container .vpc-preview.images_loaded.slideBackImages #touchpad-gamer-tag-front-container {
    width: 60px !important;
    height: 30px !important;
    left: 36% !important;
    top: 43% !important;
  }
  /* line 1158, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded.slideBackImages > div#upload_panel_0:nth-of-type(4) span, #vpc-container .vpc-preview.images_loaded.slideBackImages #touchpad-gamer-tag-front-container span {
    font-size: 8px !important;
  }
}
/* ----------- Nexus 7 ----------- */
/* Portrait */
@media only screen and (min-width: 599px) and (max-width: 601px) and (min-height: 959px) and (max-height: 961px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
  /* line 1183, sass/_controller.scss */
  #lightbar-tag-back-container {
    top: 1% !important;
  }
  /* line 1185, sass/_controller.scss */
  #lightbar-tag-back-container span {
    font-size: 8px !important;
  }

  /* line 1189, sass/_controller.scss */
  #left-gamer-tag-front-container {
    width: 120px !important;
    top: 90% !important;
    left: -4% !important;
  }
  /* line 1193, sass/_controller.scss */
  #left-gamer-tag-front-container span {
    font-size: 13px !important;
  }

  /* line 1198, sass/_controller.scss */
  #right-gamer-tag-front-container {
    width: 120px !important;
    top: 39% !important;
    right: 2% !important;
    left: auto !important;
  }
  /* line 1203, sass/_controller.scss */
  #right-gamer-tag-front-container span {
    font-size: 13px !important;
  }

  /* line 1210, sass/_controller.scss */
  .slideBackImages #lightbar-tag-back-container {
    top: 34% !important;
  }
  /* line 1212, sass/_controller.scss */
  .slideBackImages #lightbar-tag-back-container span {
    font-size: 8px !important;
  }
  /* line 1216, sass/_controller.scss */
  .slideBackImages #left-gamer-tag-front-container {
    top: 66% !important;
    left: -11% !important;
    transform: translate3d(50%, 50%, 0) rotate(-75deg) scale(0.4) !important;
  }
  /* line 1220, sass/_controller.scss */
  .slideBackImages #left-gamer-tag-front-container span {
    font-size: 15px !important;
  }
  /* line 1225, sass/_controller.scss */
  .slideBackImages #right-gamer-tag-front-container {
    top: 44% !important;
    transform: translate3d(50%, 50%, 0) rotate(75deg) scale(0.4) !important;
    right: -8% !important;
    left: auto !important;
  }
  /* line 1230, sass/_controller.scss */
  .slideBackImages #right-gamer-tag-front-container span {
    font-size: 15px !important;
  }

  /* line 1241, sass/_controller.scss */
  /* #vpc-container .vpc-preview.images_loaded > div:nth-of-type(2) img {
    left: 15% !important;
    top: 66% !important;
    max-width: 70px !important;
  } */
  /* line 1248, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded > div:nth-of-type(3) img {
    left: 85% !important;
    top: 66% !important;
    max-width: 70px !important;
  }
  /* line 1254, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded > div#upload_panel_0:nth-of-type(4), #vpc-container .vpc-preview.images_loaded #touchpad-gamer-tag-front-container {
    width: 130px !important;
    height: 60px !important;
    left: 37% !important;
    top: -2% !important;
  }
  /* line 1259, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded > div#upload_panel_0:nth-of-type(4) span, #vpc-container .vpc-preview.images_loaded #touchpad-gamer-tag-front-container span {
    font-size: 16px !important;
  }

  /* line 1268, sass/_controller.scss */
  /* #vpc-container .vpc-preview.images_loaded.slideBackImages > div:nth-of-type(2) img {
    left: 15% !important;
    top: 66% !important;
    max-width: 40px !important;
  } */
  /* line 1275, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded.slideBackImages > div:nth-of-type(3) img {
    left: 85% !important;
    top: 66% !important;
    max-width: 40px !important;
  }
  /* line 1281, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded.slideBackImages > div#upload_panel_0:nth-of-type(4), #vpc-container .vpc-preview.images_loaded.slideBackImages #touchpad-gamer-tag-front-container {
    width: 80px !important;
    height: 40px !important;
    left: 37% !important;
    top: 17% !important;
  }
  /* line 1286, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded.slideBackImages > div#upload_panel_0:nth-of-type(4) span, #vpc-container .vpc-preview.images_loaded.slideBackImages #touchpad-gamer-tag-front-container span {
    font-size: 8px !important;
  }
}
/* Landscape nexus 7 */
@media only screen and (min-width: 959px) and (max-width: 961px) and (min-height: 599px) and (max-height: 601px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
  /* line 1307, sass/_controller.scss */
  #lightbar-tag-back-container {
    top: 20% !important;
  }
  /* line 1309, sass/_controller.scss */
  #lightbar-tag-back-container span {
    font-size: 10px !important;
  }

  /* line 1314, sass/_controller.scss */
  #left-gamer-tag-front-container {
    width: 160px !important;
    top: 74% !important;
    left: -2% !important;
  }
  /* line 1318, sass/_controller.scss */
  #left-gamer-tag-front-container span {
    font-size: 20px !important;
  }

  /* line 1323, sass/_controller.scss */
  #right-gamer-tag-front-container {
    width: 160px !important;
    top: 46% !important;
    right: 2% !important;
    left: auto !important;
  }
  /* line 1328, sass/_controller.scss */
  #right-gamer-tag-front-container span {
    font-size: 20px !important;
  }

  /* line 1335, sass/_controller.scss */
  .slideBackImages #lightbar-tag-back-container {
    top: 42% !important;
  }
  /* line 1337, sass/_controller.scss */
  .slideBackImages #lightbar-tag-back-container span {
    font-size: 5px !important;
  }
  /* line 1341, sass/_controller.scss */
  .slideBackImages #left-gamer-tag-front-container {
    top: 58% !important;
    left: -38% !important;
    transform: translate3d(50%, 50%, 0) rotate(-75deg) scale(0.4) !important;
  }
  /* line 1345, sass/_controller.scss */
  .slideBackImages #left-gamer-tag-front-container span {
    font-size: 13px !important;
  }
  /* line 1350, sass/_controller.scss */
  .slideBackImages #right-gamer-tag-front-container {
    top: 48% !important;
    transform: translate3d(50%, 50%, 0) rotate(75deg) scale(0.4) !important;
    right: -27% !important;
    left: auto !important;
  }
  /* line 1355, sass/_controller.scss */
  .slideBackImages #right-gamer-tag-front-container span {
    font-size: 13px !important;
  }

  /* line 1364, sass/_controller.scss */
  /* #vpc-container .vpc-preview.images_loaded > div:nth-of-type(2) img {
    left: 15% !important;
    top: 62% !important;
    max-width: 82px !important;
  } */
  /* line 1371, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded > div:nth-of-type(3) img {
    left: 85% !important;
    top: 62% !important;
    max-width: 82px !important;
  }
  /* line 1377, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded > div#upload_panel_0:nth-of-type(4), #vpc-container .vpc-preview.images_loaded #touchpad-gamer-tag-front-container {
    width: 200px !important;
    height: 72px !important;
    left: 36% !important;
    top: 20% !important;
  }
  /* line 1382, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded > div#upload_panel_0:nth-of-type(4) span, #vpc-container .vpc-preview.images_loaded #touchpad-gamer-tag-front-container span {
    font-size: 20px !important;
  }

  /* line 1390, sass/_controller.scss */
  /* #vpc-container .vpc-preview.images_loaded.slideBackImages > div:nth-of-type(2) img {
    left: 15% !important;
    top: 62% !important;
    max-width: 30px !important;
  } */
  /* line 1397, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded.slideBackImages > div:nth-of-type(3) img {
    left: 85% !important;
    top: 62% !important;
    max-width: 30px !important;
  }
  /* line 1403, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded.slideBackImages > div#upload_panel_0:nth-of-type(4), #vpc-container .vpc-preview.images_loaded.slideBackImages #touchpad-gamer-tag-front-container {
    width: 50px !important;
    height: 25px !important;
    left: 36% !important;
    top: 42% !important;
  }
  /* line 1408, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded.slideBackImages > div#upload_panel_0:nth-of-type(4) span, #vpc-container .vpc-preview.images_loaded.slideBackImages #touchpad-gamer-tag-front-container span {
    font-size: 6px !important;
  }
}
/* iPhone XR Landscape */
@media only screen and (max-device-height: 414px) and (min-device-height: 411px) and (max-device-width: 897px) and (min-device-width: 895px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape) {
  /* line 1427, sass/_controller.scss */
  #lightbar-tag-back-container {
    top: 13% !important;
  }
  /* line 1429, sass/_controller.scss */
  #lightbar-tag-back-container span {
    font-size: 8px !important;
  }

  /* line 1434, sass/_controller.scss */
  #left-gamer-tag-front-container {
    width: 80px !important;
    top: 85% !important;
    left: -5% !important;
  }
  /* line 1438, sass/_controller.scss */
  #left-gamer-tag-front-container span {
    font-size: 8px !important;
  }

  /* line 1443, sass/_controller.scss */
  #right-gamer-tag-front-container {
    width: 80px !important;
    top: 42% !important;
    right: 2% !important;
    left: auto !important;
  }
  /* line 1448, sass/_controller.scss */
  #right-gamer-tag-front-container span {
    font-size: 8px !important;
  }

  /* line 1456, sass/_controller.scss */
  /* #vpc-container .vpc-preview.images_loaded > div:nth-of-type(2) img {
    left: 15% !important;
    top: 65% !important;
    max-width: 52px !important;
  } */
  /* line 1463, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded > div:nth-of-type(3) img {
    left: 85% !important;
    top: 65% !important;
    max-width: 52px !important;
  }
  /* line 1469, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded > div#upload_panel_0:nth-of-type(4), #vpc-container .vpc-preview.images_loaded #touchpad-gamer-tag-front-container {
    width: 70px !important;
    height: 34px;
    left: 37% !important;
    top: 12% !important;
  }
  /* line 1474, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded > div#upload_panel_0:nth-of-type(4) span, #vpc-container .vpc-preview.images_loaded #touchpad-gamer-tag-front-container span {
    font-size: 12px !important;
  }

  /* line 1482, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded.slideBackImages #lightbar-tag-back-container {
    top: 40.5% !important;
  }
  /* line 1484, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded.slideBackImages #lightbar-tag-back-container span {
    font-size: 1px !important;
  }
  /* line 1489, sass/_controller.scss */
  /* #vpc-container .vpc-preview.images_loaded.slideBackImages > div:nth-of-type(2) img {
    left: 15% !important;
    top: 65% !important;
    max-width: 22px !important;
  } */
  /* line 1496, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded.slideBackImages > div:nth-of-type(3) img {
    left: 85% !important;
    top: 65% !important;
    max-width: 22px !important;
  }
  /* line 1502, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded.slideBackImages > div#upload_panel_0:nth-of-type(4), #vpc-container .vpc-preview.images_loaded.slideBackImages #touchpad-gamer-tag-front-container {
    width: 20px;
    height: 12px;
    left: 37%;
    top: 40%;
  }
  /* line 1507, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded.slideBackImages > div#upload_panel_0:nth-of-type(4) span, #vpc-container .vpc-preview.images_loaded.slideBackImages #touchpad-gamer-tag-front-container span {
    font-size: 1.5px !important;
  }
}
/* iPhone XR */
@media only screen and (max-device-width: 414px) and (min-device-width: 411px) and (max-device-height: 897px) and (min-device-height: 895px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait) {
  /* line 1525, sass/_controller.scss */
  #left-gamer-tag-front-container {
    width: 80px !important;
    top: 85% !important;
    left: 0% !important;
  }
  /* line 1529, sass/_controller.scss */
  #left-gamer-tag-front-container span {
    font-size: 8px !important;
  }

  /* line 1534, sass/_controller.scss */
  #right-gamer-tag-front-container {
    width: 80px !important;
    top: 44% !important;
    right: 2% !important;
    left: auto !important;
  }
  /* line 1539, sass/_controller.scss */
  #right-gamer-tag-front-container span {
    font-size: 8px !important;
  }

  /* line 1544, sass/_controller.scss */
  #lightbar-tag-back-container {
    top: 8.2% !important;
  }
  /* line 1546, sass/_controller.scss */
  #lightbar-tag-back-container span {
    font-size: 8px !important;
  }

  /* line 1553, sass/_controller.scss */
  .slideBackImages #lightbar-tag-back-container {
    top: 38.2% !important;
  }
  /* line 1555, sass/_controller.scss */
  .slideBackImages #lightbar-tag-back-container span {
    font-size: 5px !important;
  }
  /* line 1559, sass/_controller.scss */
  .slideBackImages #left-gamer-tag-front-container {
    top: 71% !important;
    width: 160px !important;
    left: -31% !important;
    transform: translate3d(50%, 50%, 0) rotate(-75deg) scale(0.4) !important;
  }
  /* line 1564, sass/_controller.scss */
  .slideBackImages #left-gamer-tag-front-container span {
    font-size: 14px !important;
  }
  /* line 1569, sass/_controller.scss */
  .slideBackImages #right-gamer-tag-front-container {
    top: 43% !important;
    width: 160px !important;
    transform: translate3d(50%, 50%, 0) rotate(75deg) scale(0.4) !important;
    right: -23% !important;
    left: auto !important;
  }
  /* line 1575, sass/_controller.scss */
  .slideBackImages #right-gamer-tag-front-container span {
    font-size: 14px !important;
  }

  /* line 1585, sass/_controller.scss */
  /* #vpc-container .vpc-preview.images_loaded > div:nth-of-type(2) img {
    left: 15% !important;
    top: 65% !important;
    max-width: 40px !important;
  } */
  /* line 1592, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded > div:nth-of-type(3) img {
    left: 85% !important;
    top: 65% !important;
    max-width: 40px !important;
  }
  /* line 1598, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded > div#upload_panel_0:nth-of-type(4), #vpc-container .vpc-preview.images_loaded #touchpad-gamer-tag-front-container {
    width: 105px !important;
    height: 40px !important;
    left: 36% !important;
    top: -8% !important;
  }
  /* line 1603, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded > div#upload_panel_0:nth-of-type(4) span, #vpc-container .vpc-preview.images_loaded #touchpad-gamer-tag-front-container span {
    font-size: 12px !important;
  }

  /* line 1611, sass/_controller.scss */
  /* #vpc-container .vpc-preview.images_loaded.slideBackImages > div:nth-of-type(2) img {
    left: 15% !important;
    top: 60% !important;
    max-width: 20px !important;
  } */
  /* line 1618, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded.slideBackImages > div:nth-of-type(3) img {
    left: 85% !important;
    top: 60% !important;
    max-width: 20px !important;
  }
  /* line 1624, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded.slideBackImages > div#upload_panel_0:nth-of-type(4), #vpc-container .vpc-preview.images_loaded.slideBackImages #touchpad-gamer-tag-front-container {
    width: 58px !important;
    height: 30px !important;
    left: 37% !important;
    top: 24% !important;
  }
  /* line 1629, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded.slideBackImages > div#upload_panel_0:nth-of-type(4) span, #vpc-container .vpc-preview.images_loaded.slideBackImages #touchpad-gamer-tag-front-container span {
    font-size: 5px !important;
  }
}
/* iPhone cos */
@media only screen and (max-device-width: 414px) and (min-device-height: 845px) and (max-device-height: 847px) and (orientation: portrait) {
  /* line 1646, sass/_controller.scss */
  #lightbar-tag-back-container {
    top: 8.2% !important;
  }
  /* line 1648, sass/_controller.scss */
  #lightbar-tag-back-container span {
    font-size: 8px !important;
  }

  /* line 1653, sass/_controller.scss */
  #left-gamer-tag-front-container {
    width: 80px !important;
    top: 86% !important;
    left: 0% !important;
  }
  /* line 1657, sass/_controller.scss */
  #left-gamer-tag-front-container span {
    font-size: 8px !important;
  }

  /* line 1662, sass/_controller.scss */
  #right-gamer-tag-front-container {
    width: 80px !important;
    top: 50% !important;
    right: 5% !important;
    left: auto !important;
  }
  /* line 1667, sass/_controller.scss */
  #right-gamer-tag-front-container span {
    font-size: 8px !important;
  }

  /* line 1674, sass/_controller.scss */
  .slideBackImages #left-gamer-tag-front-container {
    top: 71% !important;
    width: 160px !important;
    left: -31% !important;
    transform: translate3d(50%, 50%, 0) rotate(-75deg) scale(0.4) !important;
  }
  /* line 1679, sass/_controller.scss */
  .slideBackImages #left-gamer-tag-front-container span {
    font-size: 15px !important;
  }
  /* line 1684, sass/_controller.scss */
  .slideBackImages #right-gamer-tag-front-container {
    top: 40% !important;
    width: 160px !important;
    transform: translate3d(50%, 50%, 0) rotate(75deg) scale(0.4) !important;
    right: -23% !important;
    left: auto !important;
  }
  /* line 1690, sass/_controller.scss */
  .slideBackImages #right-gamer-tag-front-container span {
    font-size: 15px !important;
  }

  /* line 1701, sass/_controller.scss */
  /* #vpc-container .vpc-preview.images_loaded > div:nth-of-type(2) img {
    left: 15% !important;
    top: 66% !important;
    max-width: 40px !important;
  } */
  /* line 1708, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded > div:nth-of-type(3) img {
    left: 85% !important;
    top: 66% !important;
    max-width: 40px !important;
  }
  /* line 1714, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded > div#upload_panel_0:nth-of-type(4), #vpc-container .vpc-preview.images_loaded #touchpad-gamer-tag-front-container {
    width: 100px !important;
    height: 40px !important;
    left: 37% !important;
    top: 4% !important;
  }
  /* line 1719, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded > div#upload_panel_0:nth-of-type(4) span, #vpc-container .vpc-preview.images_loaded #touchpad-gamer-tag-front-container span {
    font-size: 12px !important;
  }

  /* line 1729, sass/_controller.scss */
  /* #vpc-container .vpc-preview.images_loaded.slideBackImages > div:nth-of-type(2) img {
    left: 15% !important;
    top: 66% !important;
    max-width: 30px !important;
  } */
  /* line 1736, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded.slideBackImages > div:nth-of-type(3) img {
    left: 85% !important;
    top: 66% !important;
    max-width: 30px !important;
  }
  /* line 1742, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded.slideBackImages > div#upload_panel_0:nth-of-type(4), #vpc-container .vpc-preview.images_loaded.slideBackImages #touchpad-gamer-tag-front-container {
    width: 55px !important;
    height: 29px;
    left: 37% !important;
    top: 23% !important;
  }
  /* line 1747, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded.slideBackImages > div#upload_panel_0:nth-of-type(4) span, #vpc-container .vpc-preview.images_loaded.slideBackImages #touchpad-gamer-tag-front-container span {
    font-size: 6px !important;
  }
}
/* iPhone cos Landscape */
@media only screen and (max-device-height: 414px) and (max-device-width: 847px) and (orientation: landscape) {
  /* line 1766, sass/_controller.scss */
  #lightbar-tag-back-container {
    top: 17% !important;
  }
  /* line 1768, sass/_controller.scss */
  #lightbar-tag-back-container span {
    font-size: 5px !important;
  }

  /* line 1773, sass/_controller.scss */
  #left-gamer-tag-front-container {
    width: 50px !important;
    top: 73% !important;
    left: 0% !important;
  }
  /* line 1777, sass/_controller.scss */
  #left-gamer-tag-front-container span {
    font-size: 5px !important;
  }

  /* line 1782, sass/_controller.scss */
  #right-gamer-tag-front-container {
    width: 50px !important;
    top: 46% !important;
    right: 4% !important;
    left: auto !important;
  }
  /* line 1787, sass/_controller.scss */
  #right-gamer-tag-front-container span {
    font-size: 5px !important;
  }

  /* line 1797, sass/_controller.scss */
  /* #vpc-container .vpc-preview.images_loaded > div:nth-of-type(2) img {
    left: 15% !important;
    top: 65% !important;
    max-width: 40px !important;
  } */
  /* line 1804, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded > div:nth-of-type(3) img {
    left: 85% !important;
    top: 65% !important;
    max-width: 40px !important;
  }
  /* line 1810, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded > div#upload_panel_0:nth-of-type(4), #vpc-container .vpc-preview.images_loaded #touchpad-gamer-tag-front-container {
    width: 72px !important;
    height: 32px;
    left: 36%;
    top: 14%;
  }
  /* line 1815, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded > div#upload_panel_0:nth-of-type(4) span, #vpc-container .vpc-preview.images_loaded #touchpad-gamer-tag-front-container span {
    font-size: 10px !important;
  }

  /* line 1825, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded.slideBackImages #lightbar-tag-back-container {
    top: 40.5% !important;
  }
  /* line 1827, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded.slideBackImages #lightbar-tag-back-container span {
    font-size: 1px !important;
  }
  /* line 1832, sass/_controller.scss */
  /* #vpc-container .vpc-preview.images_loaded.slideBackImages > div:nth-of-type(2) img {
    left: 15% !important;
    top: 66% !important;
    max-width: 22px !important;
  } */
  /* line 1839, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded.slideBackImages > div:nth-of-type(3) img {
    left: 85% !important;
    top: 66% !important;
    max-width: 22px !important;
  }
  /* line 1845, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded.slideBackImages > div#upload_panel_0:nth-of-type(4), #vpc-container .vpc-preview.images_loaded.slideBackImages #touchpad-gamer-tag-front-container {
    width: 20px !important;
    height: 10px !important;
    left: 36% !important;
    top: 42% !important;
  }
  /* line 1850, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded.slideBackImages > div#upload_panel_0:nth-of-type(4) span, #vpc-container .vpc-preview.images_loaded.slideBackImages #touchpad-gamer-tag-front-container span {
    font-size: 1px !important;
  }
}
/* Pixel 2XL */
@media only screen and (max-device-width: 412px) and (min-device-height: 822px) and (max-device-height: 824px) and (orientation: portrait) {
  /* line 1869, sass/_controller.scss */
  #lightbar-tag-back-container {
    top: 5% !important;
  }
  /* line 1871, sass/_controller.scss */
  #lightbar-tag-back-container span {
    font-size: 5px !important;
  }

  /* line 1876, sass/_controller.scss */
  #left-gamer-tag-front-container {
    width: 90px !important;
    top: 90% !important;
    left: -3% !important;
  }
  /* line 1880, sass/_controller.scss */
  #left-gamer-tag-front-container span {
    font-size: 10px !important;
  }

  /* line 1885, sass/_controller.scss */
  #right-gamer-tag-front-container {
    width: 90px !important;
    top: 39% !important;
    right: 0% !important;
    left: auto !important;
  }
  /* line 1890, sass/_controller.scss */
  #right-gamer-tag-front-container span {
    font-size: 10px !important;
  }

  /* line 1899, sass/_controller.scss */
  /* #vpc-container .vpc-preview.images_loaded > div:nth-of-type(2) img {
    left: 15% !important;
    top: 66% !important;
    max-width: 40px !important;
  } */
  /* line 1906, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded > div:nth-of-type(3) img {
    left: 85% !important;
    top: 66% !important;
    max-width: 40px !important;
  }
  /* line 1912, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded > div#upload_panel_0:nth-of-type(4), #vpc-container .vpc-preview.images_loaded #touchpad-gamer-tag-front-container {
    width: 100px !important;
    height: 40px;
    left: 37%;
    top: 4%;
  }
  /* line 1917, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded > div#upload_panel_0:nth-of-type(4) span, #vpc-container .vpc-preview.images_loaded #touchpad-gamer-tag-front-container span {
    font-size: 12px !important;
  }

  /* line 1925, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded.slideBackImages #lightbar-tag-back-container {
    top: 37.2% !important;
  }
  /* line 1927, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded.slideBackImages #lightbar-tag-back-container span {
    font-size: 5px !important;
  }
  /* line 1932, sass/_controller.scss */
  /* #vpc-container .vpc-preview.images_loaded.slideBackImages > div:nth-of-type(2) img {
    left: 15% !important;
    top: 66% !important;
    max-width: 30px !important;
  } */
  /* line 1939, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded.slideBackImages > div:nth-of-type(3) img {
    left: 85% !important;
    top: 66% !important;
    max-width: 30px !important;
  }
  /* line 1945, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded.slideBackImages > div#upload_panel_0:nth-of-type(4), #vpc-container .vpc-preview.images_loaded.slideBackImages #touchpad-gamer-tag-front-container {
    width: 55px !important;
    height: 35px !important;
    left: 37% !important;
    top: 20% !important;
  }
  /* line 1950, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded.slideBackImages > div#upload_panel_0:nth-of-type(4) span, #vpc-container .vpc-preview.images_loaded.slideBackImages #touchpad-gamer-tag-front-container span {
    font-size: 5px !important;
  }
}
/* Pixel 2XL Landscape */
@media only screen and (max-device-height: 412px) and (min-device-width: 822px) and (max-device-width: 824px) and (orientation: landscape) {
  /* line 1969, sass/_controller.scss */
  #lightbar-tag-back-container {
    top: 17.5% !important;
  }
  /* line 1971, sass/_controller.scss */
  #lightbar-tag-back-container span {
    font-size: 5px !important;
  }

  /* line 1980, sass/_controller.scss */
  /* #vpc-container .vpc-preview.images_loaded > div:nth-of-type(2) img {
    left: 15% !important;
    top: 66% !important;
    max-width: 32px !important;
  } */
  /* line 1987, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded > div:nth-of-type(3) img {
    left: 85% !important;
    top: 66% !important;
    max-width: 32px !important;
  }
  /* line 1993, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded > div#upload_panel_0:nth-of-type(4), #vpc-container .vpc-preview.images_loaded #touchpad-gamer-tag-front-container {
    width: 70px !important;
    height: 30px;
    left: 37%;
    top: 16%;
  }
  /* line 1998, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded > div#upload_panel_0:nth-of-type(4) span, #vpc-container .vpc-preview.images_loaded #touchpad-gamer-tag-front-container span {
    font-size: 8px !important;
  }

  /* line 2004, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded.slideBackImages #lightbar-tag-back-container {
    top: 42.5% !important;
  }
  /* line 2006, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded.slideBackImages #lightbar-tag-back-container span {
    font-size: 1px !important;
  }
  /* line 2011, sass/_controller.scss */
  /* #vpc-container .vpc-preview.images_loaded.slideBackImages > div:nth-of-type(2) img {
    left: 15% !important;
    top: 65% !important;
    max-width: 22px !important;
  } */
  /* line 2018, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded.slideBackImages > div:nth-of-type(3) img {
    left: 85% !important;
    top: 65% !important;
    max-width: 22px !important;
  }
  /* line 2024, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded.slideBackImages > div#upload_panel_0:nth-of-type(4), #vpc-container .vpc-preview.images_loaded.slideBackImages #touchpad-gamer-tag-front-container {
    width: 20px !important;
    height: 10px !important;
    left: 36% !important;
    top: 42% !important;
    font-size: 1px !important;
  }
}
/* iPhone X and Xs Max Landscape */
@media only screen and (max-device-width: 813px) and (min-device-width: 811px) and (max-device-height: 376px) and (orientation: landscape) {
  /* line 2049, sass/_controller.scss */
  #lightbar-tag-back-container {
    top: 14% !important;
  }
  /* line 2051, sass/_controller.scss */
  #lightbar-tag-back-container span {
    font-size: 5px !important;
  }

  /* line 2056, sass/_controller.scss */
  #left-gamer-tag-front-container {
    width: 50px !important;
    top: 75% !important;
    left: -2% !important;
  }
  /* line 2060, sass/_controller.scss */
  #left-gamer-tag-front-container span {
    font-size: 9px !important;
  }

  /* line 2065, sass/_controller.scss */
  #right-gamer-tag-front-container {
    width: 50px !important;
    top: 46% !important;
    right: 4% !important;
    left: auto !important;
  }
  /* line 2070, sass/_controller.scss */
  #right-gamer-tag-front-container span {
    font-size: 9px !important;
  }

  /* line 2080, sass/_controller.scss */
  /* #vpc-container .vpc-preview.images_loaded > div:nth-of-type(2) img {
    left: 15% !important;
    top: 66% !important;
    max-width: 32px !important;
  } */
  /* line 2087, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded > div:nth-of-type(3) img {
    left: 85% !important;
    top: 66% !important;
    max-width: 32px !important;
  }
  /* line 2093, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded > div#upload_panel_0:nth-of-type(4), #vpc-container .vpc-preview.images_loaded #touchpad-gamer-tag-front-container {
    width: 70px !important;
    height: 30px !important;
    left: 36.5% !important;
    top: -12% !important;
  }
  /* line 2098, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded > div#upload_panel_0:nth-of-type(4) span, #vpc-container .vpc-preview.images_loaded #touchpad-gamer-tag-front-container span {
    font-size: 9px !important;
  }

  /* line 2106, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded.slideBackImages #lightbar-tag-back-container {
    top: 42.5% !important;
  }
  /* line 2108, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded.slideBackImages #lightbar-tag-back-container span {
    font-size: 1px !important;
  }
  /* line 2114, sass/_controller.scss */
  /* #vpc-container .vpc-preview.images_loaded.slideBackImages > div:nth-of-type(2) img {
    left: 15% !important;
    top: 65% !important;
    max-width: 22px !important;
  } */
  /* line 2121, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded.slideBackImages > div:nth-of-type(3) img {
    left: 85% !important;
    top: 65% !important;
    max-width: 22px !important;
  }
  /* line 2127, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded.slideBackImages > div#upload_panel_0:nth-of-type(4), #vpc-container .vpc-preview.images_loaded.slideBackImages #touchpad-gamer-tag-front-container {
    width: 20px !important;
    height: 10px !important;
    left: 36% !important;
    top: 42% !important;
    font-size: 1px !important;
  }

  /* styles */
}
/* iPhone X and Xs Max */
@media only screen and (max-device-height: 813px) and (min-device-height: 811px) and (max-device-width: 376px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) {
  /* line 2153, sass/_controller.scss */
  #lightbar-tag-back-container {
    top: 6% !important;
  }
  /* line 2155, sass/_controller.scss */
  #lightbar-tag-back-container span {
    font-size: 5px !important;
  }

  /* line 2160, sass/_controller.scss */
  #left-gamer-tag-front-container {
    width: 70px !important;
    top: 80% !important;
    left: 7% !important;
  }
  /* line 2164, sass/_controller.scss */
  #left-gamer-tag-front-container span {
    font-size: 8px !important;
  }

  /* line 2168, sass/_controller.scss */
  #right-gamer-tag-front-container {
    width: 70px !important;
    top: 45% !important;
    right: 10% !important;
    left: auto !important;
  }
  /* line 2173, sass/_controller.scss */
  #right-gamer-tag-front-container span {
    font-size: 8px !important;
  }

  /* line 2179, sass/_controller.scss */
  .slideBackImages #lightbar-tag-back-container {
    top: 47% !important;
  }
  /* line 2181, sass/_controller.scss */
  .slideBackImages #lightbar-tag-back-container span {
    font-size: 2px !important;
  }
  /* line 2185, sass/_controller.scss */
  .slideBackImages #left-gamer-tag-front-container {
    top: 69% !important;
    width: 160px !important;
    left: -28%  !important;
    transform: translate3d(50%, 50%, 0) rotate(-75deg) scale(0.4) !important;
  }
  /* line 2190, sass/_controller.scss */
  .slideBackImages #left-gamer-tag-front-container span {
    font-size: 12px !important;
  }
  /* line 2195, sass/_controller.scss */
  .slideBackImages #right-gamer-tag-front-container {
    top: 37%  !important;
    width: 160px !important;
    transform: translate3d(50%, 50%, 0) rotate(75deg) scale(0.4) !important;
    right: -19%  !important;
    left: auto !important;
  }
  /* line 2201, sass/_controller.scss */
  .slideBackImages #right-gamer-tag-front-container span {
    font-size: 12px !important;
  }

  /* line 2210, sass/_controller.scss */
  /* #vpc-container .vpc-preview.images_loaded > div:nth-of-type(2) img {
    left: 22% !important;
    top: 65% !important;
    max-width: 32px !important;
  } */
  /* line 2217, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded > div:nth-of-type(3) img {
    left: 79% !important;
    top: 65% !important;
    max-width: 32px !important;
  }
  /* line 2223, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded > div#upload_panel_0:nth-of-type(4), #vpc-container .vpc-preview.images_loaded #touchpad-gamer-tag-front-container {
    width: 78px !important;
    height: 32px !important;
    left: 39% !important;
    top: 8% !important;
  }
  /* line 2228, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded > div#upload_panel_0:nth-of-type(4) span, #vpc-container .vpc-preview.images_loaded #touchpad-gamer-tag-front-container span {
    font-size: 7px !important;
  }

  /* line 2236, sass/_controller.scss */
  /* #vpc-container .vpc-preview.images_loaded.slideBackImages > div:nth-of-type(2) img {
    left: 22% !important;
    top: 60% !important;
    max-width: 22px !important;
  } */
  /* line 2243, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded.slideBackImages > div:nth-of-type(3) img {
    left: 78% !important;
    top: 60% !important;
    max-width: 22px !important;
  }
  /* line 2249, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded.slideBackImages > div#upload_panel_0:nth-of-type(4), #vpc-container .vpc-preview.images_loaded.slideBackImages #touchpad-gamer-tag-front-container {
    width: 46px !important;
    height: 20px !important;
    left: 38% !important;
    top: 30% !important;
  }
  /* line 2254, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded.slideBackImages > div#upload_panel_0:nth-of-type(4) span, #vpc-container .vpc-preview.images_loaded.slideBackImages #touchpad-gamer-tag-front-container span {
    font-size: 4px !important;
  }
}
/* iPhone top1 Landscape */
@media only screen and (max-device-width: 668px) and (max-device-height: 376px) and (orientation: landscape) {
  /* line 2272, sass/_controller.scss */
  #lightbar-tag-back-container {
    top: 27% !important;
  }
  /* line 2274, sass/_controller.scss */
  #lightbar-tag-back-container span {
    font-size: 5px !important;
  }

  /* line 2279, sass/_controller.scss */
  #left-gamer-tag-front-container {
    width: 50px !important;
    top: 74% !important;
    left: -2% !important;
  }
  /* line 2283, sass/_controller.scss */
  #left-gamer-tag-front-container span {
    font-size: 5px !important;
  }

  /* line 2288, sass/_controller.scss */
  #right-gamer-tag-front-container {
    width: 50px !important;
    top: 46% !important;
    right: 4% !important;
    left: auto !important;
  }
  /* line 2293, sass/_controller.scss */
  #right-gamer-tag-front-container span {
    font-size: 5px !important;
  }

  /* line 2302, sass/_controller.scss */
  /* #vpc-container .vpc-preview.images_loaded > div:nth-of-type(2) img {
    left: 14% !important;
    top: 65% !important;
    max-width: 30px !important;
  } */
  /* line 2309, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded > div:nth-of-type(3) img {
    left: 86% !important;
    top: 65% !important;
    max-width: 30px !important;
  }
  /* line 2315, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded > div#upload_panel_0:nth-of-type(4), #vpc-container .vpc-preview.images_loaded #touchpad-gamer-tag-front-container {
    width: 60px !important;
    height: 28px !important;
    left: 36% !important;
    top: 18% !important;
  }
  /* line 2320, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded > div#upload_panel_0:nth-of-type(4) span, #vpc-container .vpc-preview.images_loaded #touchpad-gamer-tag-front-container span {
    font-size: 8px !important;
  }

  /* line 2328, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded.slideBackImages #lightbar-tag-back-container {
    top: 47% !important;
  }
  /* line 2330, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded.slideBackImages #lightbar-tag-back-container span {
    font-size: 2px !important;
  }
  /* line 2335, sass/_controller.scss */
  /* #vpc-container .vpc-preview.images_loaded.slideBackImages > div:nth-of-type(2) img {
    left: 15% !important;
    top: 65% !important;
    max-width: 22px !important;
  } */
  /* line 2342, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded.slideBackImages > div:nth-of-type(3) img {
    left: 85% !important;
    top: 65% !important;
    max-width: 22px !important;
  }
  /* line 2348, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded.slideBackImages > div#upload_panel_0:nth-of-type(4), #vpc-container .vpc-preview.images_loaded.slideBackImages #touchpad-gamer-tag-front-container {
    width: 16px !important;
    height: 10px !important;
    left: 38% !important;
    top: 42% !important;
    font-size: 1.2px !important;
  }
}
/* iPhone top1 Poitrait*/
@media only screen and (max-device-width: 376px) and (max-device-height: 668px) and (orientation: portrait) {
  /* line 2367, sass/_controller.scss */
  #lightbar-tag-back-container {
    top: 4.7% !important;
  }
  /* line 2369, sass/_controller.scss */
  #lightbar-tag-back-container span {
    font-size: 5px !important;
  }

  /* line 2375, sass/_controller.scss */
  #left-gamer-tag-front-container {
    width: 80px !important;
    top: 98% !important;
    left: 7% !important;
  }
  /* line 2379, sass/_controller.scss */
  #left-gamer-tag-front-container span {
    font-size: 7px !important;
  }

  /* line 2384, sass/_controller.scss */
  #right-gamer-tag-front-container {
    width: 80px !important;
    top: 42% !important;
    right: 8% !important;
    left: auto !important;
  }
  /* line 2389, sass/_controller.scss */
  #right-gamer-tag-front-container span {
    font-size: 7px !important;
  }

  /* line 2398, sass/_controller.scss */
  /* #vpc-container .vpc-preview.images_loaded > div:nth-of-type(2) img {
    left: 22% !important;
    top: 65% !important;
    max-width: 32px !important;
  } */
  /* line 2405, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded > div:nth-of-type(3) img {
    left: 79% !important;
    top: 65% !important;
    max-width: 32px !important;
  }
  /* line 2411, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded > div#upload_panel_0:nth-of-type(4), #vpc-container .vpc-preview.images_loaded #touchpad-gamer-tag-front-container {
    width: 80px !important;
    height: 34px !important;
    left: 39% !important;
    top: 2% !important;
  }
  /* line 2416, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded > div#upload_panel_0:nth-of-type(4) span, #vpc-container .vpc-preview.images_loaded #touchpad-gamer-tag-front-container span {
    font-size: 10px !important;
  }

  /* line 2424, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded.slideBackImages #lightbar-tag-back-container {
    top: 38% !important;
  }
  /* line 2426, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded.slideBackImages #lightbar-tag-back-container span {
    font-size: 1px !important;
  }
  /* line 2431, sass/_controller.scss */
  /* #vpc-container .vpc-preview.images_loaded.slideBackImages > div:nth-of-type(2) img {
    left: 15% !important;
    top: 65% !important;
    max-width: 25px !important;
  } */
  /* line 2438, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded.slideBackImages > div:nth-of-type(3) img {
    left: 85% !important;
    top: 65% !important;
    max-width: 25px !important;
  }
  /* line 2444, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded.slideBackImages > div#upload_panel_0:nth-of-type(4), #vpc-container .vpc-preview.images_loaded.slideBackImages #touchpad-gamer-tag-front-container {
    width: 42px !important;
    height: 20px !important;
    left: 40% !important;
    top: 23% !important;
  }
  /* line 2449, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded.slideBackImages > div#upload_panel_0:nth-of-type(4) span, #vpc-container .vpc-preview.images_loaded.slideBackImages #touchpad-gamer-tag-front-container span {
    font-size: 6px !important;
  }
}
/* iPhone 6 7 8 Plus Landscape */
@media only screen and (max-device-width: 738px) and (max-device-height: 415px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
  /* line 2467, sass/_controller.scss */
  #lightbar-tag-back-container {
    top: 21% !important;
  }
  /* line 2469, sass/_controller.scss */
  #lightbar-tag-back-container span {
    font-size: 4px !important;
  }

  /* line 2474, sass/_controller.scss */
  #left-gamer-tag-front-container {
    width: 50px !important;
    top: 70% !important;
    left: -2% !important;
  }
  /* line 2478, sass/_controller.scss */
  #left-gamer-tag-front-container span {
    font-size: 5px !important;
  }

  /* line 2483, sass/_controller.scss */
  #right-gamer-tag-front-container {
    width: 50px !important;
    top: 46% !important;
    right: 4% !important;
    left: auto !important;
  }
  /* line 2488, sass/_controller.scss */
  #right-gamer-tag-front-container span {
    font-size: 5px !important;
  }

  /* line 2498, sass/_controller.scss */
  /* #vpc-container .vpc-preview.images_loaded > div:nth-of-type(2) img {
    left: 14% !important;
    top: 65% !important;
    max-width: 30px !important;
  } */
  /* line 2505, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded > div:nth-of-type(3) img {
    left: 86% !important;
    top: 65% !important;
    max-width: 30px !important;
  }
  /* line 2511, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded > div#upload_panel_0:nth-of-type(4), #vpc-container .vpc-preview.images_loaded #touchpad-gamer-tag-front-container {
    width: 60px !important;
    height: 28px !important;
    left: 38% !important;
    top: 19% !important;
  }
  /* line 2516, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded > div#upload_panel_0:nth-of-type(4) span, #vpc-container .vpc-preview.images_loaded #touchpad-gamer-tag-front-container span {
    font-size: 8px !important;
  }

  /* line 2523, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded.slideBackImages #lightbar-tag-back-container {
    top: 43% !important;
  }
  /* line 2525, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded.slideBackImages #lightbar-tag-back-container span {
    font-size: 1px !important;
  }
  /* line 2530, sass/_controller.scss */
  /* #vpc-container .vpc-preview.images_loaded.slideBackImages > div:nth-of-type(2) img {
    left: 15% !important;
    top: 65% !important;
    max-width: 22px !important;
  } */
  /* line 2537, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded.slideBackImages > div:nth-of-type(3) img {
    left: 85% !important;
    top: 65% !important;
    max-width: 22px !important;
  }
  /* line 2543, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded.slideBackImages > div#upload_panel_0:nth-of-type(4), #vpc-container .vpc-preview.images_loaded.slideBackImages #touchpad-gamer-tag-front-container {
    width: 18px !important;
    height: 10px;
    left: 37%;
    top: 42%;
  }
  /* line 2548, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded.slideBackImages > div#upload_panel_0:nth-of-type(4) span, #vpc-container .vpc-preview.images_loaded.slideBackImages #touchpad-gamer-tag-front-container span {
    font-size: 2px !important;
  }

  /* styles */
}
/* iPhone 6 7 8 Plus Poitrait*/
@media only screen and (max-device-width: 415px) and (max-device-height: 738px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
  /* line 2569, sass/_controller.scss */
  #lightbar-tag-back-container {
    top: -5% !important;
  }
  /* line 2571, sass/_controller.scss */
  #lightbar-tag-back-container span {
    font-size: 7px !important;
  }

  /* line 2577, sass/_controller.scss */
  #left-gamer-tag-front-container {
    width: 90px !important;
    top: 95% !important;
    left: -2% !important;
  }
  /* line 2581, sass/_controller.scss */
  #left-gamer-tag-front-container span {
    font-size: 9px !important;
  }

  /* line 2586, sass/_controller.scss */
  #right-gamer-tag-front-container {
    width: 90px !important;
    top: 40% !important;
    right: 0% !important;
    left: auto !important;
  }
  /* line 2591, sass/_controller.scss */
  #right-gamer-tag-front-container span {
    font-size: 9px !important;
  }

  /* line 2598, sass/_controller.scss */
  .slideBackImages #lightbar-tag-back-container {
    top: 35.2% !important;
  }
  /* line 2600, sass/_controller.scss */
  .slideBackImages #lightbar-tag-back-container span {
    font-size: 3px !important;
  }
  /* line 2604, sass/_controller.scss */
  .slideBackImages #left-gamer-tag-front-container {
    top: 72% !important;
    width: 160px !important;
    left: -30% !important;
    transform: translate3d(50%, 50%, 0) rotate(-75deg) scale(0.4) !important;
  }
  /* line 2609, sass/_controller.scss */
  .slideBackImages #left-gamer-tag-front-container span {
    font-size: 15px !important;
  }
  /* line 2614, sass/_controller.scss */
  .slideBackImages #right-gamer-tag-front-container {
    top: 37%;
    width: 160px !important;
    transform: translate3d(50%, 50%, 0) rotate(75deg) scale(0.4) !important;
    right: -22% !important;
    left: auto !important;
  }
  /* line 2620, sass/_controller.scss */
  .slideBackImages #right-gamer-tag-front-container span {
    font-size: 15px !important;
  }

  /* line 2629, sass/_controller.scss */
  /* #vpc-container .vpc-preview.images_loaded > div:nth-of-type(2) img {
    left: 14% !important;
    top: 65% !important;
    max-width: 50px !important;
  } */
  /* line 2636, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded > div:nth-of-type(3) img {
    left: 86% !important;
    top: 65% !important;
    max-width: 50px !important;
  }
  /* line 2642, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded > div#upload_panel_0:nth-of-type(4), #vpc-container .vpc-preview.images_loaded #touchpad-gamer-tag-front-container {
    width: 106px !important;
    height: 35px !important;
    left: 36% !important;
    top: -5% !important;
  }
  /* line 2647, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded > div#upload_panel_0:nth-of-type(4) span, #vpc-container .vpc-preview.images_loaded #touchpad-gamer-tag-front-container span {
    font-size: 11px !important;
  }

  /* line 2655, sass/_controller.scss */
  /* #vpc-container .vpc-preview.images_loaded.slideBackImages > div:nth-of-type(2) img {
    left: 15% !important;
    top: 65% !important;
    max-width: 25px !important;
  } */
  /* line 2662, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded.slideBackImages > div:nth-of-type(3) img {
    left: 85% !important;
    top: 65% !important;
    max-width: 25px !important;
  }
  /* line 2668, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded.slideBackImages > div#upload_panel_0:nth-of-type(4), #vpc-container .vpc-preview.images_loaded.slideBackImages #touchpad-gamer-tag-front-container {
    width: 59px !important;
    height: 35px !important;
    left: 37% !important;
    top: 15% !important;
  }
  /* line 2673, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded.slideBackImages > div#upload_panel_0:nth-of-type(4) span, #vpc-container .vpc-preview.images_loaded.slideBackImages #touchpad-gamer-tag-front-container span {
    font-size: 4px !important;
  }
}
/* iPhone 6 6S Landscape */
@media only screen and (max-device-width: 676px) and (max-device-height: 376px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape) {
  /* line 2692, sass/_controller.scss */
  #lightbar-tag-back-container {
    top: 20% !important;
  }
  /* line 2694, sass/_controller.scss */
  #lightbar-tag-back-container span {
    font-size: 4px !important;
  }

  /* line 2699, sass/_controller.scss */
  #left-gamer-tag-front-container {
    width: 50px !important;
    top: 74% !important;
    left: -2% !important;
  }
  /* line 2703, sass/_controller.scss */
  #left-gamer-tag-front-container span {
    font-size: 5px !important;
  }

  /* line 2708, sass/_controller.scss */
  #right-gamer-tag-front-container {
    width: 50px !important;
    top: 46% !important;
    right: 4% !important;
    left: auto !important;
  }
  /* line 2713, sass/_controller.scss */
  #right-gamer-tag-front-container span {
    font-size: 5px !important;
  }

  /* line 2722, sass/_controller.scss */
  /* #vpc-container .vpc-preview.images_loaded > div:nth-of-type(2) img {
    left: 15% !important;
    top: 65% !important;
    max-width: 32px !important;
  } */
  /* line 2729, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded > div:nth-of-type(3) img {
    left: 85% !important;
    top: 65% !important;
    max-width: 32px !important;
  }
  /* line 2735, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded > div#upload_panel_0:nth-of-type(4) {
    width: 60px !important;
    height: 24px !important;
    left: 36% !important;
    top: 20% !important;
  }

  /* line 2745, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded.slideBackImages #lightbar-tag-back-container {
    top: 42% !important;
  }
  /* line 2747, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded.slideBackImages #lightbar-tag-back-container span {
    font-size: 1px !important;
  }
  /* line 2752, sass/_controller.scss */
  /* #vpc-container .vpc-preview.images_loaded.slideBackImages > div:nth-of-type(2) img {
    left: 15% !important;
    top: 65% !important;
    max-width: 22px !important;
  } */
  /* line 2759, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded.slideBackImages > div:nth-of-type(3) img {
    left: 85% !important;
    top: 65% !important;
    max-width: 22px !important;
  }
  /* line 2765, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded.slideBackImages > div#upload_panel_0:nth-of-type(4), #vpc-container .vpc-preview.images_loaded.slideBackImages #touchpad-gamer-tag-front-container {
    width: 16px !important;
    height: 10px !important;
    left: 36% !important;
    top: 42% !important;
  }
  /* line 2770, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded.slideBackImages > div#upload_panel_0:nth-of-type(4) span, #vpc-container .vpc-preview.images_loaded.slideBackImages #touchpad-gamer-tag-front-container span {
    font-size: 1.2px !important;
  }

  /* styles */
}
/* iPhone 6 6S Poitrait*/
@media only screen and (max-device-width: 376px) and (max-device-height: 676px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait) {
  /* line 2791, sass/_controller.scss */
  #lightbar-tag-back-container {
    top: -6.6% !important;
  }
  /* line 2793, sass/_controller.scss */
  #lightbar-tag-back-container span {
    font-size: 4px !important;
  }

  /* line 2798, sass/_controller.scss */
  #left-gamer-tag-front-container {
    width: 90px !important;
    top: 95% !important;
    left: 2% !important;
  }
  /* line 2802, sass/_controller.scss */
  #left-gamer-tag-front-container span {
    font-size: 7px !important;
  }

  /* line 2807, sass/_controller.scss */
  #right-gamer-tag-front-container {
    width: 90px !important;
    top: 35% !important;
    right: 8% !important;
    left: auto !important;
  }
  /* line 2812, sass/_controller.scss */
  #right-gamer-tag-front-container span {
    font-size: 7px !important;
  }

  /* line 2819, sass/_controller.scss */
  .slideBackImages #lightbar-tag-back-container {
    top: 37.2% !important;
  }
  /* line 2821, sass/_controller.scss */
  .slideBackImages #lightbar-tag-back-container span {
    font-size: 1px !important;
  }
  /* line 2826, sass/_controller.scss */
  .slideBackImages #left-gamer-tag-front-container {
    top: 73% !important;
    width: 160px !important;
    left: -28% !important;
    transform: translate3d(50%, 50%, 0) rotate(-75deg) scale(0.4) !important;
  }
  /* line 2831, sass/_controller.scss */
  .slideBackImages #left-gamer-tag-front-container span {
    font-size: 12px !important;
  }
  /* line 2836, sass/_controller.scss */
  .slideBackImages #right-gamer-tag-front-container {
    top: 32% !important;
    width: 160px !important;
    transform: translate3d(50%, 50%, 0) rotate(75deg) scale(0.4) !important;
    right: -21% !important;
    left: auto !important;
  }
  /* line 2842, sass/_controller.scss */
  .slideBackImages #right-gamer-tag-front-container span {
    font-size: 12px !important;
  }

  /* line 2851, sass/_controller.scss */
  /* #vpc-container .vpc-preview.images_loaded > div:nth-of-type(2) img {
    left: 22% !important;
    top: 65% !important;
    max-width: 40px !important;
  } */
  /* line 2858, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded > div:nth-of-type(3) img {
    left: 79% !important;
    top: 65% !important;
    max-width: 40px !important;
  }
  /* line 2864, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded > div#upload_panel_0:nth-of-type(4), #vpc-container .vpc-preview.images_loaded #touchpad-gamer-tag-front-container {
    width: 74px !important;
    height: 33px !important;
    left: 39.5% !important;
    top: -2% !important;
  }
  /* line 2869, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded > div#upload_panel_0:nth-of-type(4) span, #vpc-container .vpc-preview.images_loaded #touchpad-gamer-tag-front-container span {
    font-size: 5px !important;
  }

  /* line 2877, sass/_controller.scss */
  /* #vpc-container .vpc-preview.images_loaded.slideBackImages > div:nth-of-type(2) img {
    left: 22% !important;
    top: 65% !important;
    max-width: 25px !important;
  } */
  /* line 2884, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded.slideBackImages > div:nth-of-type(3) img {
    left: 79% !important;
    top: 65% !important;
    max-width: 25px !important;
  }
  /* line 2890, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded.slideBackImages > div#upload_panel_0:nth-of-type(4), #vpc-container .vpc-preview.images_loaded.slideBackImages #touchpad-gamer-tag-front-container {
    width: 42px !important;
    height: 20px !important;
    left: 40% !important;
    top: 22% !important;
  }
  /* line 2895, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded.slideBackImages > div#upload_panel_0:nth-of-type(4) span, #vpc-container .vpc-preview.images_loaded.slideBackImages #touchpad-gamer-tag-front-container span {
    font-size: 4px !important;
  }
}
/* Samsungi note 9 Landscape */
@media only screen and (max-device-width: 741px) and (min-device-width: 739px) and (max-device-height: 361px) and (orientation: landscape) {
  /* line 2918, sass/_controller.scss */
  #lightbar-tag-back-container {
    top: 37.2% !important;
  }
  /* line 2920, sass/_controller.scss */
  #lightbar-tag-back-container span {
    font-size: 1px !important;
  }

  /* line 2925, sass/_controller.scss */
  #left-gamer-tag-front-container {
    width: 50px !important;
    top: 76% !important;
    left: 0% !important;
  }
  /* line 2929, sass/_controller.scss */
  #left-gamer-tag-front-container span {
    font-size: 4px !important;
  }

  /* line 2934, sass/_controller.scss */
  #right-gamer-tag-front-container {
    width: 50px !important;
    top: 46% !important;
    right: 4% !important;
    left: auto !important;
  }
  /* line 2939, sass/_controller.scss */
  #right-gamer-tag-front-container span {
    font-size: 4px !important;
  }

  /* line 2948, sass/_controller.scss */
  /* #vpc-container .vpc-preview.images_loaded > div:nth-of-type(2) img {
    left: 15% !important;
    top: 65% !important;
    max-width: 32px !important;
  } */
  /* line 2955, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded > div:nth-of-type(3) img {
    left: 85% !important;
    top: 65% !important;
    max-width: 32px !important;
  }
  /* line 2961, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded > div#upload_panel_0:nth-of-type(4), #vpc-container .vpc-preview.images_loaded #touchpad-gamer-tag-front-container {
    width: 65px !important;
    height: 25px !important;
    left: 36% !important;
    top: 15% !important;
  }
  /* line 2966, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded > div#upload_panel_0:nth-of-type(4) span, #vpc-container .vpc-preview.images_loaded #touchpad-gamer-tag-front-container span {
    font-size: 7px !important;
  }

  /* line 2975, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded.slideBackImages #lightbar-tag-back-container {
    top: 42% !important;
  }
  /* line 2977, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded.slideBackImages #lightbar-tag-back-container span {
    font-size: 1px !important;
  }
  /* line 2982, sass/_controller.scss */
  /* #vpc-container .vpc-preview.images_loaded.slideBackImages > div:nth-of-type(2) img {
    left: 15% !important;
    top: 65% !important;
    max-width: 20px !important;
  } */
  /* line 2989, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded.slideBackImages > div:nth-of-type(3) img {
    left: 85% !important;
    top: 65% !important;
    max-width: 20px !important;
  }
  /* line 2995, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded.slideBackImages > div#upload_panel_0:nth-of-type(4), #vpc-container .vpc-preview.images_loaded.slideBackImages #touchpad-gamer-tag-front-container {
    width: 16px !important;
    height: 10px !important;
    left: 36% !important;
    top: 42% !important;
  }
  /* line 3001, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded.slideBackImages > div#upload_panel_0:nth-of-type(4) span, #vpc-container .vpc-preview.images_loaded.slideBackImages #touchpad-gamer-tag-front-container span {
    font-size: 1.2px !important;
  }
}
/* Samsungi note 9 Poitrait*/
@media only screen and (max-device-width: 361px) and (max-device-height: 741px) and (min-device-height: 739px) and (orientation: portrait) {
  /* line 3020, sass/_controller.scss */
  #lightbar-tag-back-container {
    top: 14% !important;
  }
  /* line 3022, sass/_controller.scss */
  #lightbar-tag-back-container span {
    font-size: 4px !important;
  }

  /* line 3027, sass/_controller.scss */
  #left-gamer-tag-front-container {
    width: 70px !important;
    top: 80% !important;
    left: 6% !important;
  }
  /* line 3031, sass/_controller.scss */
  #left-gamer-tag-front-container span {
    font-size: 6px !important;
  }

  /* line 3036, sass/_controller.scss */
  #right-gamer-tag-front-container {
    width: 70px !important;
    top: 40% !important;
    right: 11% !important;
    left: auto !important;
  }
  /* line 3041, sass/_controller.scss */
  #right-gamer-tag-front-container span {
    font-size: 6px !important;
  }

  /* line 3047, sass/_controller.scss */
  .slideBackImages #lightbar-tag-back-container {
    top: 39.5% !important;
  }
  /* line 3049, sass/_controller.scss */
  .slideBackImages #lightbar-tag-back-container span {
    font-size: 2px !important;
  }
  /* line 3053, sass/_controller.scss */
  .slideBackImages #left-gamer-tag-front-container {
    top: 73% !important;
    width: 160px !important;
    left: -30% !important;
    transform: translate3d(50%, 50%, 0) rotate(-75deg) scale(0.4) !important;
  }
  /* line 3058, sass/_controller.scss */
  .slideBackImages #left-gamer-tag-front-container span {
    font-size: 12px !important;
  }
  /* line 3063, sass/_controller.scss */
  .slideBackImages #right-gamer-tag-front-container {
    top: 33% !important;
    width: 160px !important;
    transform: translate3d(50%, 50%, 0) rotate(75deg) scale(0.4) !important;
    right: -21% !important;
    left: auto !important;
  }
  /* line 3069, sass/_controller.scss */
  .slideBackImages #right-gamer-tag-front-container span {
    font-size: 12px !important;
  }

  /* line 3079, sass/_controller.scss */
  /* #vpc-container .vpc-preview.images_loaded > div:nth-of-type(2) img {
    left: 22% !important;
    top: 65% !important;
    max-width: 32px !important;
  } */
  /* line 3086, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded > div:nth-of-type(3) img {
    left: 78% !important;
    top: 65% !important;
    max-width: 32px !important;
  }
  /* line 3092, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded > div#upload_panel_0:nth-of-type(4), #vpc-container .vpc-preview.images_loaded #touchpad-gamer-tag-front-container {
    width: 78px !important;
    height: 28px !important;
    left: 38% !important;
    top: 12% !important;
  }
  /* line 3097, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded > div#upload_panel_0:nth-of-type(4) span, #vpc-container .vpc-preview.images_loaded #touchpad-gamer-tag-front-container span {
    font-size: 10px !important;
  }

  /* line 3107, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded.slideBackImages #lightbar-tag-back-container {
    top: 16.5% !important;
  }
  /* line 3109, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded.slideBackImages #lightbar-tag-back-container span {
    font-size: 3px !important;
  }
  /* line 3114, sass/_controller.scss */
  /* #vpc-container .vpc-preview.images_loaded.slideBackImages > div:nth-of-type(2) img {
    left: 22% !important;
    top: 60% !important;
    max-width: 20px !important;
  } */
  /* line 3121, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded.slideBackImages > div:nth-of-type(3) img {
    left: 78% !important;
    top: 60% !important;
    max-width: 20px !important;
  }
  /* line 3127, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded.slideBackImages > div#upload_panel_0:nth-of-type(4), #vpc-container .vpc-preview.images_loaded.slideBackImages #touchpad-gamer-tag-front-container {
    width: 43px !important;
    height: 20px !important;
    left: 38% !important;
    top: 27% !important;
    font-size: 3px !important;
  }
}
/* Samsungi Landscape */
@media only screen and (max-width: 641px) and (max-height: 361px) and (orientation: landscape) {
  /* line 3148, sass/_controller.scss */
  #lightbar-tag-back-container {
    top: 21% !important;
  }
  /* line 3150, sass/_controller.scss */
  #lightbar-tag-back-container span {
    font-size: 3px !important;
  }

  /* line 3155, sass/_controller.scss */
  #left-gamer-tag-front-container {
    width: 50px !important;
    top: 75% !important;
    left: -2% !important;
  }
  /* line 3159, sass/_controller.scss */
  #left-gamer-tag-front-container span {
    font-size: 4px !important;
  }

  /* line 3164, sass/_controller.scss */
  #right-gamer-tag-front-container {
    width: 50px !important;
    top: 46% !important;
    right: 2% !important;
    left: auto !important;
  }
  /* line 3169, sass/_controller.scss */
  #right-gamer-tag-front-container span {
    font-size: 4px !important;
  }

  /* line 3178, sass/_controller.scss */
  /* #vpc-container .vpc-preview.images_loaded > div:nth-of-type(2) img {
    left: 22% !important;
    top: 65% !important;
    max-width: 32px !important;
  } */
  /* line 3185, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded > div:nth-of-type(3) img {
    left: 78% !important;
    top: 65% !important;
    max-width: 32px !important;
  }
  /* line 3191, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded > div#upload_panel_0:nth-of-type(4), #vpc-container .vpc-preview.images_loaded #touchpad-gamer-tag-front-container {
    width: 78px !important;
    height: 28px !important;
    left: 38% !important;
    top: 2% !important;
  }
  /* line 3196, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded > div#upload_panel_0:nth-of-type(4) span, #vpc-container .vpc-preview.images_loaded #touchpad-gamer-tag-front-container span {
    font-size: 6.5px !important;
  }

  /* line 3205, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded.slideBackImages #lightbar-tag-back-container {
    top: 42% !important;
  }
  /* line 3207, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded.slideBackImages #lightbar-tag-back-container span {
    font-size: 1px !important;
  }
  /* line 3212, sass/_controller.scss */
  /* #vpc-container .vpc-preview.images_loaded.slideBackImages > div:nth-of-type(2) img {
    left: 15% !important;
    top: 65% !important;
    max-width: 20px !important;
  } */
  /* line 3219, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded.slideBackImages > div:nth-of-type(3) img {
    left: 85% !important;
    top: 65% !important;
    max-width: 20px !important;
  }
  /* line 3225, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded.slideBackImages > div#upload_panel_0:nth-of-type(4), #vpc-container .vpc-preview.images_loaded.slideBackImages #touchpad-gamer-tag-front-container {
    width: 16px !important;
    height: 10px !important;
    left: 36% !important;
    top: 42% !important;
  }
  /* line 3230, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded.slideBackImages > div#upload_panel_0:nth-of-type(4) span, #vpc-container .vpc-preview.images_loaded.slideBackImages #touchpad-gamer-tag-front-container span {
    font-size: 1.2px !important;
  }

  /* styles */
}
/* Samsungi Poitrait*/
@media only screen and (max-device-width: 361px) and (max-device-height: 661px) and (orientation: portrait) {
  /* line 3249, sass/_controller.scss */
  #lightbar-tag-back-container {
    top: 4% !important;
  }
  /* line 3251, sass/_controller.scss */
  #lightbar-tag-back-container span {
    font-size: 4px !important;
  }

  /* line 3256, sass/_controller.scss */
  #left-gamer-tag-front-container {
    width: 70px !important;
    top: 95% !important;
    left: 5% !important;
  }
  /* line 3260, sass/_controller.scss */
  #left-gamer-tag-front-container span {
    font-size: 5px !important;
  }

  /* line 3265, sass/_controller.scss */
  #right-gamer-tag-front-container {
    width: 70px !important;
    top: 42% !important;
    right: 12% !important;
    left: auto !important;
  }
  /* line 3270, sass/_controller.scss */
  #right-gamer-tag-front-container span {
    font-size: 5px !important;
  }

  /* line 3277, sass/_controller.scss */
  .slideBackImages #lightbar-tag-back-container {
    top: 37% !important;
  }
  /* line 3279, sass/_controller.scss */
  .slideBackImages #lightbar-tag-back-container span {
    font-size: 2px !important;
  }
  /* line 3283, sass/_controller.scss */
  .slideBackImages #left-gamer-tag-front-container {
    top: 79% !important;
    width: 160px !important;
    left: -30% !important;
    transform: translate3d(50%, 50%, 0) rotate(-75deg) scale(0.4) !important;
  }
  /* line 3288, sass/_controller.scss */
  .slideBackImages #left-gamer-tag-front-container span {
    font-size: 12px !important;
  }
  /* line 3293, sass/_controller.scss */
  .slideBackImages #right-gamer-tag-front-container {
    top: 34% !important;
    width: 160px !important;
    transform: translate3d(50%, 50%, 0) rotate(75deg) scale(0.4) !important;
    right: -21% !important;
    left: auto !important;
  }
  /* line 3299, sass/_controller.scss */
  .slideBackImages #right-gamer-tag-front-container span {
    font-size: 12px !important;
  }

  /* line 3310, sass/_controller.scss */
  /* #vpc-container .vpc-preview.images_loaded > div:nth-of-type(2) img {
    left: 15% !important;
    top: 65% !important;
    max-width: 25px !important;
  } */
  /* line 3317, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded > div:nth-of-type(3) img {
    left: 85% !important;
    top: 65% !important;
    max-width: 25px !important;
  }
  /* line 3323, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded > div#upload_panel_0:nth-of-type(4), #vpc-container .vpc-preview.images_loaded #touchpad-gamer-tag-front-container {
    width: 55px !important;
    height: 28px !important;
    left: 37% !important;
    top: 16% !important;
  }
  /* line 3328, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded > div#upload_panel_0:nth-of-type(4) span, #vpc-container .vpc-preview.images_loaded #touchpad-gamer-tag-front-container span {
    font-size: 4px !important;
  }

  /* line 3336, sass/_controller.scss */
  /* #vpc-container .vpc-preview.images_loaded.slideBackImages > div:nth-of-type(2) img {
    left: 22% !important;
    top: 65% !important;
    max-width: 20px !important;
  } */
  /* line 3343, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded.slideBackImages > div:nth-of-type(3) img {
    left: 78% !important;
    top: 65% !important;
    max-width: 20px !important;
  }
  /* line 3349, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded.slideBackImages > div#upload_panel_0:nth-of-type(4), #vpc-container .vpc-preview.images_loaded.slideBackImages #touchpad-gamer-tag-front-container {
    width: 40px !important;
    height: 22px !important;
    left: 40% !important;
    top: 26% !important;
  }
  /* line 3354, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded.slideBackImages > div#upload_panel_0:nth-of-type(4) span, #vpc-container .vpc-preview.images_loaded.slideBackImages #touchpad-gamer-tag-front-container span {
    font-size: 2.5px !important;
  }
}
/* iPhone 5 5s Landscape */
@media only screen and (max-device-width: 569px) and (max-device-height: 321px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape) {
  /* line 3374, sass/_controller.scss */
  #lightbar-tag-back-container {
    top: 19% !important;
  }
  /* line 3376, sass/_controller.scss */
  #lightbar-tag-back-container span {
    font-size: 4px !important;
  }

  /* line 3381, sass/_controller.scss */
  #left-gamer-tag-front-container {
    width: 50px !important;
    top: 80% !important;
    left: -5% !important;
  }
  /* line 3385, sass/_controller.scss */
  #left-gamer-tag-front-container span {
    font-size: 4px !important;
  }

  /* line 3390, sass/_controller.scss */
  #right-gamer-tag-front-container {
    width: 50px !important;
    top: 46% !important;
    right: 2% !important;
    left: auto !important;
  }
  /* line 3395, sass/_controller.scss */
  #right-gamer-tag-front-container span {
    font-size: 4px !important;
  }

  /* line 3404, sass/_controller.scss */
  /* #vpc-container .vpc-preview.images_loaded > div:nth-of-type(2) img {
    left: 15% !important;
    top: 65% !important;
    max-width: 25px !important;
  } */
  /* line 3411, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded > div:nth-of-type(3) img {
    left: 85% !important;
    top: 65% !important;
    max-width: 25px !important;
  }
  /* line 3417, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded > div#upload_panel_0:nth-of-type(4), #vpc-container .vpc-preview.images_loaded #touchpad-gamer-tag-front-container {
    width: 50px !important;
    height: 28px;
    left: 37% !important;
    top: 16% !important;
  }
  /* line 3422, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded > div#upload_panel_0:nth-of-type(4) span, #vpc-container .vpc-preview.images_loaded #touchpad-gamer-tag-front-container span {
    font-size: 4px !important;
  }

  /* line 3430, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded.slideBackImages #lightbar-tag-back-container {
    top: 42% !important;
  }
  /* line 3432, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded.slideBackImages #lightbar-tag-back-container span {
    font-size: 1px !important;
  }
  /* line 3437, sass/_controller.scss */
  /* #vpc-container .vpc-preview.images_loaded.slideBackImages > div:nth-of-type(2) img {
    left: 15% !important;
    top: 65% !important;
    max-width: 20px !important;
  } */
  /* line 3444, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded.slideBackImages > div:nth-of-type(3) img {
    left: 85% !important;
    top: 65% !important;
    max-width: 20px !important;
  }
  /* line 3450, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded.slideBackImages > div#upload_panel_0:nth-of-type(4), #vpc-container .vpc-preview.images_loaded.slideBackImages #touchpad-gamer-tag-front-container {
    width: 16px !important;
    height: 10px !important;
    left: 36% !important;
    top: 42% !important;
    font-size: 1.2px !important;
  }

  /* styles */
}
/* iPhone 5 5S Poitrait*/
@media only screen and (max-device-width: 321px) and (max-device-height: 569px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait) {
  /* line 3473, sass/_controller.scss */
  #lightbar-tag-back-container {
    top: -18% !important;
  }
  /* line 3475, sass/_controller.scss */
  #lightbar-tag-back-container span {
    font-size: 2px !important;
  }

  /* line 3481, sass/_controller.scss */
  #left-gamer-tag-front-container {
    width: 70px !important;
    top: 100% !important;
    left: 5% !important;
  }
  /* line 3485, sass/_controller.scss */
  #left-gamer-tag-front-container span {
    font-size: 5px !important;
  }

  /* line 3490, sass/_controller.scss */
  #right-gamer-tag-front-container {
    width: 70px !important;
    top: 37% !important;
    right: 10% !important;
    left: auto !important;
  }
  /* line 3495, sass/_controller.scss */
  #right-gamer-tag-front-container span {
    font-size: 5px !important;
  }

  /* line 3503, sass/_controller.scss */
  .slideBackImages #lightbar-tag-back-container {
    top: 36% !important;
  }
  /* line 3505, sass/_controller.scss */
  .slideBackImages #lightbar-tag-back-container span {
    font-size: 1px !important;
  }
  /* line 3509, sass/_controller.scss */
  .slideBackImages #left-gamer-tag-front-container {
    top: 79% !important;
    width: 145px !important;
    left: -30% !important;
    transform: translate3d(50%, 50%, 0) rotate(-75deg) scale(0.4) !important;
  }
  /* line 3514, sass/_controller.scss */
  .slideBackImages #left-gamer-tag-front-container span {
    font-size: 12px !important;
  }
  /* line 3519, sass/_controller.scss */
  .slideBackImages #right-gamer-tag-front-container {
    top: 32% !important;
    width: 145px !important;
    transform: translate3d(50%, 50%, 0) rotate(75deg) scale(0.4) !important;
    right: -22% !important;
    left: auto !important;
  }
  /* line 3525, sass/_controller.scss */
  .slideBackImages #right-gamer-tag-front-container span {
    font-size: 12px !important;
  }

  /* line 3535, sass/_controller.scss */
  /* #vpc-container .vpc-preview.images_loaded > div:nth-of-type(2) img {
    left: 22% !important;
    top: 65% !important;
    max-width: 25px !important;
  } */
  /* line 3542, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded > div:nth-of-type(3) img {
    left: 78% !important;
    top: 65% !important;
    max-width: 25px !important;
  }
  /* line 3548, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded > div#upload_panel_0:nth-of-type(4), #vpc-container .vpc-preview.images_loaded #touchpad-gamer-tag-front-container {
    width: 70px !important;
    height: 24px !important;
    left: 38% !important;
    top: -6% !important;
  }
  /* line 3553, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded > div#upload_panel_0:nth-of-type(4) span, #vpc-container .vpc-preview.images_loaded #touchpad-gamer-tag-front-container span {
    font-size: 5px !important;
  }

  /* line 3562, sass/_controller.scss */
  /* #vpc-container .vpc-preview.images_loaded.slideBackImages > div:nth-of-type(2) img {
    left: 22% !important;
    top: 65% !important;
    max-width: 15px !important;
  } */
  /* line 3569, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded.slideBackImages > div:nth-of-type(3) img {
    left: 78% !important;
    top: 65% !important;
    max-width: 15px !important;
  }
  /* line 3575, sass/_controller.scss */
  #vpc-container .vpc-preview.images_loaded.slideBackImages > div#upload_panel_0:nth-of-type(4), #vpc-container .vpc-preview.images_loaded.slideBackImages #touchpad-gamer-tag-front-container {
    width: 38px !important;
    height: 18px !important;
    left: 39% !important;
    top: 20% !important;
    font-size: 2px !important;
  }
}
/* line 3591, sass/_controller.scss */
.vpc-textfield-color {
  width: 100%;
}

.vpc-textfield-color {
  width: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.vpc-textfield-font{
  flex-direction: column;
}


/* line 3594, sass/_controller.scss */
span.vpc-textfield-label {
  font-size: 10px;
  color: #fff;
}

/* line 3598, sass/_controller.scss */
[id$="color-selector"], .wpc-custom-colors-container span {
  -moz-border-radius: 45px;
  -webkit-border-radius: 45px;
  border-radius: 45px;
  display: inline-block;
  width: 45px;
  height: 45px;
  margin: 0 10px 12px 20px;
  vertical-align: middle;
}

/* line 3606, sass/_controller.scss */
.qtip:not(.ie9haxors) div.qtip-content, .qtip:not(.ie9haxors) div.qtip-titlebar {
  padding: 5px 9px;
  text-align: left;
  word-wrap: break-word;
}

/* line 3612, sass/_controller.scss */
.qtip-content, .qtip-titlebar {
  position: relative;
  overflow: hidden;
}

/* line 3616, sass/_controller.scss */
.wpc-custom-colors-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  overflow-x: scroll;
}
/* line 3618, sass/_controller.scss */
.wpc-custom-colors-container[data-id="lightbar-tag-back-color-selector"] > div {
  display: none !important;
}
/* line 3620, sass/_controller.scss */
.wpc-custom-colors-container[data-id="lightbar-tag-back-color-selector"] > div:nth-of-type(1) {
  display: block !important;
}

/* line 3630, sass/_controller.scss */
.qtip {
  position: absolute;
  background: #000;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  left: -28000px;
  top: -28000px;
  display: none;
  max-width: 280px;
  min-width: 50px;
  font-size: 10.5px;
  line-height: 12px;
  direction: ltr;
  box-shadow: none;
  padding: 0;
}

/* line 3646, sass/_controller.scss */
.qtip:not(.ie9haxors) div.qtip-content, .qtip:not(.ie9haxors) div.qtip-titlebar {
  filter: none;
  -ms-filter: none;
}

/* line 3651, sass/_controller.scss */
.qtip:not(.ie9haxors) div.qtip-content, .qtip:not(.ie9haxors) div.qtip-titlebar {
  padding: 5px 9px;
  text-align: left;
  word-wrap: break-word;
}

/* line 3656, sass/_controller.scss */
.qtip-content {
  padding: 5px 9px;
  text-align: left;
  word-wrap: break-word;
}

/* line 3661, sass/_controller.scss */
.qtip-content, .qtip-titlebar {
  position: relative;
  overflow: hidden;
}

/* line 3665, sass/_controller.scss */
.vpc-single-option-wrap.textfield {
  width: 100%;
}
/* line 3667, sass/_controller.scss */
.vpc-single-option-wrap.textfield .selection .select2-selection, .vpc-single-option-wrap.textfield .selection .select2-selection__rendered {
  font-size: 13px;
}

.vpc-single-option-wrap .select2, [id$="color-selector"]{
margin-top: 10px;
}

.vpc-single-option-wrap .textfield-box input{
text-align: left;
background: #fff;

}


/* line 3672, sass/_controller.scss */
.textfield-box {
  width: 100%;
  position: relative;
}
/* line 3675, sass/_controller.scss */
.textfield-box label {
  color: #fff;
  font-size: 12px;
  pointer-events: none;
}
/* line 3680, sass/_controller.scss */
.textfield-box input {
    width: 100%;
    text-align: center;
    border: none;
    border-bottom: 3px solid red;
    height: 40px;
    background: none;
    
}

/* line 3687, sass/_controller.scss */
.woocommerce-MyAccount-content .vpc-cart-options-container > div:first-child strong {
  color: #000;
}
/* line 3691, sass/_controller.scss */
.woocommerce-MyAccount-content .vpc-cart-options-container > div:first-child {
  background-color: #fff;
  color: #000;
}
/* line 3695, sass/_controller.scss */
.woocommerce-MyAccount-content .vpc-cart-options-container > div {
  border-bottom: none;
}

/* line 3701, sass/_controller.scss */
.textfield-box input {
  color: #fff;
}

/* line 3705, sass/_controller.scss */
.shaking {
  animation: .8s shake infinite alternate;
}

@keyframes shake {
  0% {
    transform: skewX(-15deg);
  }
  5% {
    transform: skewX(15deg);
  }
  10% {
    transform: skewX(-15deg);
  }
  15% {
    transform: skewX(15deg);
  }
  20% {
    transform: skewX(0deg);
  }
  100% {
    transform: skewX(0deg);
  }
}
/* line 3716, sass/_controller.scss */
#vpc-container.o-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row-reverse;
  height: calc(100vh - 100px);
  background: -webkit-radial-gradient(center center, ellipse cover, #424242 0%, black 100%);
  margin-top: 0px;
  /*background: #111117;*/
  top: 0px;
  width: 100%;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
}

/* line 3729, sass/_controller.scss */
#vpc-container.o-wrap .o-col.conf_desc {
  display: none;
}
/* line 3733, sass/_controller.scss */
#vpc-container.o-wrap #vpc-price-container {
  color: #fff;
  font-weight: 100;
  text-align: right;
  font-size: 30px;
  position: absolute;
  top: 70px;
  z-index: 5;
  right: 0px;
}
/* line 3742, sass/_controller.scss */
#vpc-container.o-wrap #vpc-price-container .vpc-price-label {
  display: none;
}
/* line 3746, sass/_controller.scss */
#vpc-container.o-wrap #vpc-components, #vpc-container.o-wrap #vpc-preview {
  position: relative;
  border: 1px solid var(--ControlerLine);
  margin-right: 20px;
  margin-top: 0;
  /* z-index: 41; */
  z-index: 29;
}
/* line 3753, sass/_controller.scss */
#vpc-container.o-wrap #vpc-preview, #vpc-container.o-wrap .vpc-cart-config-image, #vpc-container.o-wrap .saved-config-preview {
  position: relative;
  border: none;
}
/* line 3758, sass/_controller.scss */
#vpc-container.o-wrap #vpc-preview img:first-child, #vpc-container.o-wrap .vpc-cart-config-image img:first-child, #vpc-container.o-wrap .saved-config-preview img:first-child {
  position: relative;
}
/* line 3761, sass/_controller.scss */
#vpc-container.o-wrap #vpc-preview img, #vpc-container.o-wrap .vpc-cart-config-image img, #vpc-container.o-wrap .saved-config-preview img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  max-width: 100%;
}

/* line 3773, sass/_controller.scss */
.vpc-options label.custom:before {
  content: "";
  display: inline-block;
  width: 25px;
  height: 25px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: 0;
  position: absolute;
  top: 0;
  left: 0;
  line-height: 25px;
}

/* line 3791, sass/_controller.scss */
#vpc-components {
  height: 60vh;
  overflow-y: scroll;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  position: relative;
  box-shadow: 0 20px 40px #151313;
}
/* line 3798, sass/_controller.scss */
#vpc-components .vpc-component {
  border: none;
  border-bottom: 1px solid var(--ControlerLine);
  padding: 0;
  cursor: pointer;
  background: #000;
}
/* line 3804, sass/_controller.scss */
#vpc-components .vpc-component:first-of-type {
  border-top: none;
  display: none;
}
/* line 3808, sass/_controller.scss */
#vpc-components .vpc-component .vpc-component-header {
  color: #ffffff;
  position: relative;
  padding: 5px;
}
/* line 3813, sass/_controller.scss */
#vpc-components .vpc-component .vpc-component-header > img {
  width: 60px;
  vertical-align: top;
  display: inline-block;
}
/* line 3818, sass/_controller.scss */
#vpc-components .vpc-component .vpc-component-header > span {
  padding-left: 10px;
  font-size: 16px;
}
/* line 3822, sass/_controller.scss */
#vpc-components .vpc-component .vpc-component-header .txt.vpc-selected {
  color: #becbd2;
  display: block;
  font-size: 12px;
  font-weight: normal;
  line-height: normal;
}
/* line 3829, sass/_controller.scss */
#vpc-components .vpc-component .vpc-component-header .vpc-selected-icon {
  position: absolute;
  top: 7px;
  right: 5px;
}
/* line 3833, sass/_controller.scss */
#vpc-components .vpc-component .vpc-component-header .vpc-selected-icon img {
  width: 24px;
  height: 24px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  border: 1px solid #2b2b2f;
  object-fit: cover;
}
/* line 3842, sass/_controller.scss */
#vpc-components .vpc-component .vpc-options {
  display: inline-block;
  width: 100%;
  margin-top: 5px;
  background-color: #1c1b1b;
}
/* line 3848, sass/_controller.scss */
#vpc-components .vpc-component .vpc-options .vpc-group {
  display: table;
  width: 100%;
  padding: 5px;
  border-top: 1px solid var(--ControlerLine);
}
/* line 3853, sass/_controller.scss */
#vpc-components .vpc-component .vpc-options .vpc-group .vpc-group-name {
  display: block;
  margin: 5px;
  margin-right: 10px;
  vertical-align: middle;
  font-size: 18px;
  color: #fff;
}
/* line 3862, sass/_controller.scss */
#vpc-components .vpc-component .vpc-options .vpc-group .vpc-single-option-wrap {
  display: inline-block;
}
/* line 3867, sass/_controller.scss */
#vpc-components .vpc-component .vpc-options .vpc-group .vpc-single-option-wrap label.custom {
  display: inline-block;
  cursor: pointer;
  position: relative;
  font-size: 13px;
  text-align: center;
  vertical-align: top;
  width: 45px;
  height: 45px;
  box-sizing: content-box;
  margin: 5px;
  border: none;
  border-radius: 50%;
  overflow: hidden;
  border: 1px solid var(--ControlerLine);
}
/* line 3882, sass/_controller.scss */
#vpc-components .vpc-component .vpc-options .vpc-group .vpc-single-option-wrap label.custom::before {
  display: inline-block;
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
}
/* line 3896, sass/_controller.scss */
#vpc-components .vpc-component .vpc-options .vpc-group .vpc-single-option-wrap input[type=radio] + label {
  position: relative;

}
#vpc-components input[type=radio] {display:none;}

/* line 3898, sass/_controller.scss */
#vpc-components .vpc-component .vpc-options .vpc-group .vpc-single-option-wrap input[type=radio] + label::after {
  content: '';
  position: absolute;
  height: 45px;
  width: 45px;
  background-size: 30px;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 2;
  left: 0;
}
/* line 3911, sass/_controller.scss */
#vpc-components .vpc-component .vpc-options .vpc-group .vpc-single-option-wrap input[type=radio]:checked + label::after {
  background-image: url(../svg/check-white.svg);
}

/* line 3927, sass/_controller.scss */
.sendinfocontroller, .promocontroller {
  position: absolute;
  bottom: auto;
  top: 30%;
  width: 80%;
  left: 10%;
  background: #fff;
  padding: 0;
  z-index: 999;
}
/* line 3936, sass/_controller.scss */
.sendinfocontroller h3, .promocontroller h3 {
  font-weight: 600;
  padding: 0 60px;
  font-size: 1.2em;
  margin: 20px 0;
}
/* line 3942, sass/_controller.scss */
.sendinfocontroller p, .promocontroller p {
  padding: 0 10px;
}
/* line 3944, sass/_controller.scss */
.sendinfocontroller p.jesli, .promocontroller p.jesli {
  margin-top: 20px;
}
/* line 3948, sass/_controller.scss */
.sendinfocontroller ul, .promocontroller ul {
  padding: 0 10px;
}
/* line 3951, sass/_controller.scss */
.sendinfocontroller .ta-opcja, .promocontroller .ta-opcja {
  margin-bottom: 20px;
}
/* line 3954, sass/_controller.scss */
.sendinfocontroller .adress, .promocontroller .adress {
  background: #f1f1f1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
  padding: 20px 0;
}

/* line 3969, sass/_controller.scss */
.sendinfocontroller .button.button--close, .promocontroller .button.button--close {
  background: #df0409;
  border: 2px solid #000;
  z-index: 99999;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  position: absolute;
  right: 10px;
  top: 10px;
}
/* line 3979, sass/_controller.scss */
.sendinfocontroller .button.button--close::after, .sendinfocontroller .button.button--close::before, .promocontroller .button.button--close::after, .promocontroller .button.button--close::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 40%;
  height: 2px;
  background: #fff;
  border-radius: 2px;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
}
/* line 3992, sass/_controller.scss */
.sendinfocontroller .button.button--close::after, .promocontroller .button.button--close::after {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
}
/* line 4000, sass/_controller.scss */
.sendinfocontroller strong, .promocontroller strong {
  color: #df0409;
}

/* line 4005, sass/_controller.scss */
.vpc-mobile-follow-scroll-disabled #debug {
  display: none;
}
/* line 4008, sass/_controller.scss */
.vpc-mobile-follow-scroll-disabled .vpc-action-buttons {
  position: absolute;
  top: 20px;
  right: 10px;
  padding: 0;
  margin: 0;
}
@-webkit-keyframes animation-rotate {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@-moz-keyframes animation-rotate {
  100% {
    -moz-transform: rotate(360deg);
  }
}
@-o-keyframes animation-rotate {
  100% {
    -o-transform: rotate(360deg);
  }
}
@keyframes animation-rotate {
  100% {
    transform: rotate(360deg);
  }
}
/* line 4024, sass/_controller.scss */
.vpc-mobile-follow-scroll-disabled .vpc-action-buttons .xl-1-1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  padding: 0 20px 0 0;
}
/* line 4029, sass/_controller.scss */
.vpc-mobile-follow-scroll-disabled .vpc-action-buttons .xl-1-1 button {
  position: relative;
  overflow: hidden;
  height: 50px !important;
  font-weight: bold !important;
  font-size: 1.2em;
  padding: 10px 20px !important;
  background: #fff;
  color: #000;
  appearance: none;
  -webkit-appearance: none;
  border: none;
  cursor: pointer;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  line-height:1.2em;
}
/* line 4043, sass/_controller.scss */
.vpc-mobile-follow-scroll-disabled .vpc-action-buttons .xl-1-1 button:before {
  background-color: #000;
  widows: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
/* line 4053, sass/_controller.scss */
.vpc-mobile-follow-scroll-disabled .vpc-action-buttons .xl-1-1 button:after {
  margin: -13px 0 0 -13px;
  width: 24px;
  height: 24px;
  position: absolute;
  left: 50%;
  top: 50%;
  content: '';
  -webkit-border-radius: 24px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 24px;
  -moz-background-clip: padding;
  border-radius: 24px;
  background-clip: padding-box;
  border: rgba(255, 255, 255, 0.25) 2px solid;
  border-top-color: #fff;
  opacity: 0;
}
/* line 4072, sass/_controller.scss */
.vpc-mobile-follow-scroll-disabled .vpc-action-buttons .xl-1-1 button.disabledClick {
  background-color: #000;
  cursor: wait;
  color: #000;
}
/* line 4076, sass/_controller.scss */
.vpc-mobile-follow-scroll-disabled .vpc-action-buttons .xl-1-1 button.disabledClick:after {
  -webkit-animation: animation-rotate 750ms linear infinite;
  -moz-animation: animation-rotate 750ms linear infinite;
  -o-animation: animation-rotate 750ms linear infinite;
  animation: animation-rotate 750ms linear infinite;
  opacity: 1;
}

/* line 4103, sass/_controller.scss */
.vpc-cart-options-container > div {
  border-bottom: 1px solid var(--ControlerLine);
  display: grid;
  grid-auto-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  text-align: left;
}
/* line 4110, sass/_controller.scss */
.vpc-cart-options-container > div strong {
  padding-left: 10px;
}
/* line 4114, sass/_controller.scss */
.vpc-cart-options-container > div:first-child {
  font-size: 2em;
  color: black;
  font-size: 14px;
}
/* line 4120, sass/_controller.scss */
.vpc-cart-options-container > div:first-child img {
  margin-left: 5px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  padding: 10px;
}
/* line 4125, sass/_controller.scss */
.vpc-cart-options-container > div:first-child strong {
  color: #fff;
}
/* line 4130, sass/_controller.scss */
.vpc-cart-options-container > div:not(:first-child) > div {
  padding-top: 2px;
  display: grid;
  /* grid-template-columns: 1fr 1fr; */
  text-align: left;
  align-items: center;
}
/* line 4136, sass/_controller.scss */
.vpc-cart-options-container > div:not(:first-child) > div img {
  margin: 0 auto;
}

/* line 4143, sass/_controller.scss */
.woocommerce-checkout-review-order-table .vpc-cart-config {
  display: none;
}

.woocommerce-order-details .shop_table tr td:last-of-type{
  width: 100%;
  float: right;
}
@media (max-width: 549px){
  .header-main{
    height: 50px !important;
  }

}

.woocommerce-order-details th, .woocommerce-order-details td{
border-bottom: none;
}

/* line 4148, sass/_controller.scss */
/*a.button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
}
*/
/* line 4154, sass/_controller.scss */
.vpc-cart-config.o-wrap ~ br {
  display: none;
}

/* line 4158, sass/_controller.scss */
#vpc-preview-wrap {
  height: calc(100vh - 100px);
  width: 100%;
  position: relative;
  overflow:visible;
}
/* line 4166, sass/_controller.scss */
#vpc-preview-wrap #mva-bx-pager {
  position: absolute;
  height: auto;
}
/* line 4169, sass/_controller.scss */
#vpc-preview-wrap #mva-bx-pager .bx-pager {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 20px;
}
/* line 4172, sass/_controller.scss */
#vpc-preview-wrap #mva-bx-pager .bx-pager .bx-pager-item {
  margin: 0 30px;
  z-index: 2;
}

/* line 4181, sass/_controller.scss */
.vpc-desktop-follow-scroll-disabled .bx-wrapper {
  box-shadow: none;
  border: none;
  background: none;
  position: absolute;
  margin: 0;
  bottom: 50px;
  height: 100%;
  width: inherit;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  
  
}
/* line 4208, sass/_controller.scss */
.vpc-desktop-follow-scroll-disabled .bx-wrapper img {
  max-width: 100%;
  display: block;
  left: 50%;
  top: 50%;
  position: absolute;
  transform: translate3d(-50%, -50%, 0px);
}
/* line 4217, sass/_controller.scss */
.vpc-desktop-follow-scroll-disabled .bx-wrapper .bx-viewport {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  height: 100% !important;
  width: 100% !important;
  overflow:visible !important;
}
/* line 4226, sass/_controller.scss */
.vpc-desktop-follow-scroll-disabled .bx-wrapper .bx-viewport .bxslider {
  height: 100%;
  width: 100% !important;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: none !important;
  flex-direction: column;
}
/* line 4238, sass/_controller.scss */
.vpc-desktop-follow-scroll-disabled .bx-wrapper .bx-viewport .bxslider .vpc-preview {
  position: absolute !important;
  transition: all 0.2s ease;
}
/* line 4241, sass/_controller.scss */
.vpc-desktop-follow-scroll-disabled .bx-wrapper .bx-viewport .bxslider .vpc-preview img:first-child {
  position: absolute;
}
/* line 4244, sass/_controller.scss */
.vpc-desktop-follow-scroll-disabled .bx-wrapper .bx-viewport .bxslider .vpc-preview#preview_back {
  z-index: 1;
  width: 25% !important;
  position: absolute !important;
  height: 100%;
  transition: all 0.2s ease;
  top: 25%;
  right: 50%;
  transform: translate3d(-50%, -50%, 0px);
}
/* line 4261, sass/_controller.scss */
.vpc-desktop-follow-scroll-disabled .bx-wrapper .bx-viewport .bxslider .vpc-preview#preview_back.slideImages {
  z-index: 2;
  width: 100% !important;
  top: 50%;
  transition: all 0.2s  ease;
  right: -50%;
  transform: translate3d(-50%, -50%, 0px);
}
/* line 4269, sass/_controller.scss */
.vpc-desktop-follow-scroll-disabled .bx-wrapper .bx-viewport .bxslider .vpc-preview#preview_back.slideBackImages {
  z-index: 1;
  width: 25% !important;
  position: absolute !important;
  height: 100%;
  transition: all 0.2s ease;
  top: 25%;
  right: 50%;
  transform: translate3d(-50%, -50%, 0px);
}
@media screen and (max-width: 1025px) and (orientation: portrait){
  .vpc-desktop-follow-scroll-disabled .bx-wrapper .bx-viewport .bxslider .vpc-preview#preview_front.slideImages, .vpc-desktop-follow-scroll-disabled .bx-wrapper .bx-viewport .bxslider .vpc-preview#preview_front,
  .vpc-desktop-follow-scroll-disabled .bx-wrapper .bx-viewport .bxslider .vpc-preview#preview_back.slideImages{
    top: 20% !important
  }
  #vpc-components .vpc-component .vpc-options .vpc-group .vpc-single-option-wrap label.custom::before{
    line-height: 48px;
  }
}
.vpc-single-option-wrap input[type='text']{
  color: #000 !important
}

/* line 4284, sass/_controller.scss */
.vpc-desktop-follow-scroll-disabled .bx-wrapper .bx-viewport .bxslider .vpc-preview#preview_front {
  z-index: 2;
  width: 100% !important;
  height: 100%;
  /* float: none !important; */
  /* left: 0; */
  /* right: 0; */
  /* top: 50%; */
  /* bottom: 120px; */
  top: 50%;
  right: -50%;
  transform: translate3d(-50%, -50%, 0px);
  display: flex;
  align-items: center;
  justify-content: center;
}
/* line 4296, sass/_controller.scss */
.vpc-desktop-follow-scroll-disabled .bx-wrapper .bx-viewport .bxslider .vpc-preview#preview_front.slideImages {
  z-index: 2;
  width: 100% !important;
  height: 100%;
  display: flex;
  top: 50%;
  right: -50%;
  transform: translate3d(-50%, -50%, 0px);
  transition: all 0.2s ease;
}
/* line 4307, sass/_controller.scss */
.vpc-desktop-follow-scroll-disabled .bx-wrapper .bx-viewport .bxslider .vpc-preview#preview_front.slideBackImages {
  z-index: 1;
  width: 25% !important;
  transition: all 0.2s ease;
  top: 25%;
  right: 50%;
  transform: translate3d(-50%, -50%, 0px);
}

/* line 4325, sass/_controller.scss */
.vpc-desktop-follow-scroll-disabled .bx-controls .bx-pager-item a.bx-pager-link, .vpc-desktop-follow-scroll-disabled #mva-bx-pager .bx-pager-item a {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  border: 1px solid #fff;
  text-decoration: none;
  box-shadow: 0 0 0;
  text-indent: 0;
  width: 60px;
  font-size: 16px;
  height: 60px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 15px;
  color: #fff;
  position: relative;
  cursor: pointer;
  transition: all 0.2s ease;
}
/* line 4344, sass/_controller.scss */
.vpc-desktop-follow-scroll-disabled .bx-controls .bx-pager-item a.bx-pager-link:hover, .vpc-desktop-follow-scroll-disabled #mva-bx-pager .bx-pager-item a:hover, .vpc-desktop-follow-scroll-disabled .bx-controls .bx-pager-item a.active.bx-pager-link, .vpc-desktop-follow-scroll-disabled #mva-bx-pager .bx-pager-item a.active {
  background: #fff;
  color: #000;
  transition: all 0.2s ease;
}

/* line 4354, sass/_controller.scss */
#vpc-preview-wrap:after {
  animation: grain 8s steps(10) infinite;
  background-image: url(../png/noise.png);
  content: "";
  height: 300%;
  left: -50%;
  opacity: 0.3;
  position: fixed;
  top: -110%;
  width: 300%;
}

@keyframes grain {
  0%, 100% {
    transform: translate(0, 0);
  }
  10% {
    transform: translate(-5%, -10%);
  }
  20% {
    transform: translate(-15%, 5%);
  }
  30% {
    transform: translate(7%, -25%);
  }
  40% {
    transform: translate(-5%, 25%);
  }
  50% {
    transform: translate(-15%, 10%);
  }
  60% {
    transform: translate(15%, 0%);
  }
  70% {
    transform: translate(0%, 15%);
  }
  80% {
    transform: translate(3%, 35%);
  }
  90% {
    transform: translate(-10%, 10%);
  }
}
/* line 4412, sass/_controller.scss */
.vpc-popupover, .popover {
  display: none !important;
}

/* line 4415, sass/_controller.scss */
.modal2 .vpc-cart-options-container {
  width: 100%;
}
/* line 4419, sass/_controller.scss */
.modal2 .vpc-cart-options-container > div:nth-of-type(1) div img {
  width: 70px;
  height: 70px;
}

@media screen and (max-width: 1025px) and (orientation: landscape) {
  /* line 4442, sass/_controller.scss */
  .vpc-desktop-follow-scroll-disabled .bx-wrapper .bx-viewport .bxslider .vpc-preview#preview_back.slideImages, .vpc-desktop-follow-scroll-disabled .bx-wrapper .bx-viewport .bxslider .vpc-preview#preview_front.slideImages, .vpc-desktop-follow-scroll-disabled .bx-wrapper .bx-viewport .bxslider .vpc-preview#preview_front {
    top: 60%;
  }
}
@media screen and (max-width: 1025px) and (orientation: portrait) {
  /* line 4448, sass/_controller.scss */
  #vpc-components .vpc-component .vpc-options .vpc-group .vpc-single-option-wrap.textfield {
    width: 100%;
    display: block;
    grid-column-end: 999999;
    grid-column-start: 1;
  }

  /* line 4454, sass/_controller.scss */
  .qtip-content {
    position: relative;
  }
  /* line 4456, sass/_controller.scss */
  .qtip-content .wpc-custom-colors-container {
    overflow-x: scroll;
    width: 100%;
    /* position: relative; */
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
  }

  /* line 4464, sass/_controller.scss */
  #vpc-components .vpc-component .vpc-options .vpc-group {
    position: relative;
    display: grid;
    grid-template-columns: repeat(150, 1fr);
    -webkit-box-flex: 0;
    grid-auto-columns: auto;
    background-color: #17131f;
    overflow: auto;
    padding: 10px 0;
  }

  /* line 4474, sass/_controller.scss */
  #vpc-components .vpc-component .vpc-options .vpc-group .vpc-single-option-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    margin: 0 10px;
    justify-content: center;
    align-items: center;
    height: 100%;
  }

  /* line 4483, sass/_controller.scss */
  #vpc-components .vpc-component .vpc-options .vpc-group .vpc-group-name {
    position: sticky;
    width: 100%;
    text-align: left;
    flex: 2;
    left: 0;
    height: auto;
    flex: 2;
    top: 0;
    right: auto;
    bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    align-items: center;
    /* justify-content: center; */
    display: flex;
    padding-left: 10px;
    font-size: 11px;
    background: #17131f;
    z-index: 1231232;
    box-shadow: 10px 0 9px -3px #121216;
  }

  /* line 4505, sass/_controller.scss */
  #vpc-components .vpc-component .vpc-options .vpc-group .vpc-single-option-wrap:first-of-type {
    margin-left: 80px;
  }

  /* line 4509, sass/_controller.scss */
  .vpc-desktop-follow-scroll-disabled .bx-wrapper {
    bottom: 70px;
  }

  /* line 4512, sass/_controller.scss */
  #vpc-components .vpc-component .vpc-options {
    width: 100vw;
    overflow: hidden;
  }

  /* line 4516, sass/_controller.scss */
  .vpc-desktop-follow-scroll-disabled .bx-controls .bx-pager-item a.bx-pager-link, .vpc-desktop-follow-scroll-disabled #mva-bx-pager .bx-pager-item a {
    width: 45px;
    height: 45px;
    font-size: 12px;
  }

  /* line 4521, sass/_controller.scss */
  /* .vpc-desktop-follow-scroll-disabled .bx-wrapper .bx-viewport .bxslider .vpc-preview#preview_front, .vpc-desktop-follow-scroll-disabled .bx-wrapper .bx-viewport .bxslider .vpc-preview#preview_front.slideImages,
  .vpc-desktop-follow-scroll-disabled .bx-wrapper .bx-viewport .bxslider .vpc-preview#preview_back, .vpc-desktop-follow-scroll-disabled .bx-wrapper .bx-viewport .bxslider .vpc-preview#preview_back.slideImages {
    height: 50%;
  } */

  /* line 4525, sass/_controller.scss */
  /* .vpc-desktop-follow-scroll-disabled .bx-wrapper .bx-viewport .bxslider .vpc-preview#preview_front {
    width: 80% !important;
    transform: translate3d(-75%, -20%, 0px);
  } */

  /* line 4530, sass/_controller.scss */
  .vpc-desktop-follow-scroll-disabled .bx-wrapper .bx-viewport .bxslider .vpc-preview#preview_front.slideImages, .vpc-desktop-follow-scroll-disabled .bx-wrapper .bx-viewport .bxslider .vpc-preview#preview_back.slideImages {
    width: 80% !important;
    transform: translate3d(-75%, -20%, 0px);
  }

  /* line 4534, sass/_controller.scss */
  #vpc-container.o-wrap {
    flex-direction: column-reverse;
  }

  /* line 4538, sass/_controller.scss */
  .vpc-mobile-follow-scroll-disabled .vpc-action-buttons .xl-1-1 {
    padding: 0;
  }

  /* line 4541, sass/_controller.scss */
  .vpc-mobile-follow-scroll-disabled .vpc-action-buttons .xl-1-1 button {
    height: 45px !important;
    z-index: 2;
    font-size: 14px;
    padding: 0px 15px !important;
	margin-right:3px;
  }

  /* line 4547, sass/_controller.scss */
  #vpc-container.o-wrap #vpc-components {
    max-width: 100%;
    margin-right: 0;
    width: 100%;
  }

  /* line 4552, sass/_controller.scss */
  #vpc-preview-wrap {
    margin-top: 150px;
    height: calc(100vh - 200px);
  }

  /* line 4555, sass/_controller.scss */
  #vpc-preview-wrap #mva-bx-pager {
    bottom: 0;
  }

  /* line 4558, sass/_controller.scss */
  .xoo-wsc-modal .xoo-wsc-basket {
    bottom: 150px;
    top: auto;
  }

  /* line 4562, sass/_controller.scss */
  #vpc-container.o-wrap #vpc-price-container {
    left: 0;
    position: absolute;
    top: -130px !important;
    padding: 0 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    font-size: 20px;
    z-index: 1;
  }
}
/* line 4574, sass/_controller.scss */
.vpc-cart-options-container > div > div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  padding-left: 15px;
  /* align-items: center;
  justify-content: center; */
}

@media screen and (max-width: 1025px) and (orientation: portrait) {
  /* line 4580, sass/_controller.scss */
  .vpc-desktop-follow-scroll-disabled .bx-wrapper .bx-viewport .bxslider .vpc-preview#preview_back, .vpc-desktop-follow-scroll-disabled .bx-wrapper .bx-viewport .bxslider .vpc-preview#preview_back.slideBackImages, .vpc-desktop-follow-scroll-disabled .bx-wrapper .bx-viewport .bxslider .vpc-preview#preview_front.slideBackImages {
    width: 50% !important;
    right: 25%;
  }
}
@media screen and (max-width: 900px) and (orientation: landscape) {
  /* line 4586, sass/_controller.scss */
  #vpc-container.o-wrap #vpc-components, #vpc-container.o-wrap #vpc-preview {
    display: none;
  }

  /* line 4589, sass/_controller.scss */
  .vpc-desktop-follow-scroll-disabled .bx-wrapper .bx-viewport {
    width: 30% !important;
    height: 50% !important;
  }

  /* line 4593, sass/_controller.scss */
  #vpc-container.o-wrap #vpc-price-container {
    left: 20px;
    right: auto;
  }

  /* line 4597, sass/_controller.scss */
  .mva-bx-pager, .vpc-desktop-follow-scroll-disabled .bx-wrapper {
    bottom: 0;
  }
}
@media (max-width: 500px) {
  /* line 4603, sass/_controller.scss */
  .vpc-cart-options-container > div:first-child {
    padding: 10px 50px 10px 0;
  }
  
  .cart-container:not(.page-checkouts).vpc-cart-options-container > div {display:block;}


  
  .vpc-cart-options-container > div strong {padding-left: 0px;}
  .vpc-order-config {min-width: 215px;}

  /* line 4606, sass/_controller.scss */
  .vpc-desktop-follow-scroll-disabled .bx-wrapper .bx-viewport .bxslider .vpc-preview#preview_front.slideImages, .vpc-desktop-follow-scroll-disabled .bx-wrapper .bx-viewport .bxslider .vpc-preview#preview_back.slideImages, .vpc-desktop-follow-scroll-disabled .bx-wrapper .bx-viewport .bxslider .vpc-preview#preview_front, .vpc-desktop-follow-scroll-disabled .bx-wrapper .bx-viewport .bxslider .vpc-preview#preview_back.slideImages {
    width: 90% !important;
    transform: translate3d(-60%, -20%, 0px);
  }
}
@media screen and (max-width: 400px) and (orientation: portrait) {
  #vpc-preview-wrap {
    margin-top: 150px;
    height: calc(100vh - 400px);
  }
  }

@media screen and (max-width: 376px) and (orientation: portrait) {
#vpc-preview-wrap {
  margin-top: 150px;
  height: calc(100vh - 200px);
}
}




/* line 2, sass/_select.scss */
span.select2-search.select2-search--dropdown {
  background: #fff;
  color: #000;
  width: 100%;
  position: relative;
  display: block;
  padding: 10px;
}
/* line 9, sass/_select.scss */
span.select2-search.select2-search--dropdown::before {
  content: url(../svg/search.svg);
  margin-left: 0px;
  width: 8px;
  position: absolute;
}
/* line 15, sass/_select.scss */
span.select2-search.select2-search--dropdown input {
  padding-left: 30px;
}

/* line 20, sass/_select.scss */
#menu .select2, #menu .wpml-ls-legacy-dropdown {
  cursor: pointer;
  width: 130px !important;
}
/* line 24, sass/_select.scss */
#menu form {
  width: auto;
}

/* line 29, sass/_select.scss */
select {
  display: none;
}

/* line 32, sass/_select.scss */
.select2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  height: 50px;
  justify-content: center;
  background: transparent;
}

/* line 38, sass/_select.scss */
.selection {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  color: #fff;
  cursor: pointer;
}
/* line 45, sass/_select.scss */
.selection .select2-selection, .selection .select2-selection__rendered {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  color: #fff;
}

#tab-title-additional_information {display:none;}

/* line 58, sass/_select.scss */
.select2-dropdown.select2-dropdown--below {
  display: block;
}

/* line 63, sass/_select.scss */
/* .select2-selection__rendered:after {
  content: url(./img/svg/arrow.svg);
  margin-left: 20px;
  width: 8px;
} */

/* line 75, sass/_select.scss */
.select2-container.select2-container--classic.select2-container--open {
  color: #fff;
  padding: 0;
  z-index: 9999999999999999999999999;
}
/* line 79, sass/_select.scss */
.select2-container.select2-container--classic.select2-container--open .select2-results__options {
  max-height: 200px;
  overflow-y: hidden;
  display: block;
  padding: 0px;
  margin-top: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  line-height: 2em;
  font-size: 0.85em;
  -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
}
/* line 89, sass/_select.scss */
.select2-container.select2-container--classic.select2-container--open .select2-results__options li {
  padding: 5px 20px;
  background: #000;
  cursor: pointer;
  margin-bottom:0px;
}
/* line 95, sass/_select.scss */
.select2-container.select2-container--classic.select2-container--open .select2-results__options .select2-results__option--highlighted[aria-selected] {
  background: #fff;
  color: #000;
}

/* line 101, sass/_select.scss */
.select2-container.select2-container--classic.select2-container--open #select2-billing_country-results.select2-results__options,
.select2-container.select2-container--classic.select2-container--open #select2-shipping_country-results.select2-results__options,
.select2-container.select2-container--classic.select2-container--open #select2-shipping_state-results.select2-results__options,
.select2-container.select2-container--classic.select2-container--open #select2-billing_state-results.select2-results__options {
  overflow-y: scroll;
}

/* line 110, sass/_select.scss */
#billing_country_field .select2.select2-container.select2-container--classic, #shipping_country_field .select2.select2-container.select2-container--classic, .shipping_address .select2.select2-container.select2-container--classic, #billing_state_field .select2.select2-container.select2-container--classic, #shipping_state_field .select2.select2-container.select2-container--classic {
  border-bottom: 2px solid #eaeff3;
  margin-bottom: 20px;
}
/* line 117, sass/_select.scss */
#billing_country_field .select2.select2-container.select2-container--classic .selection .select2-selection, #billing_country_field .select2.select2-container.select2-container--classic .selection .select2-selection__rendered, #shipping_country_field .select2.select2-container.select2-container--classic .selection .select2-selection, #shipping_country_field .select2.select2-container.select2-container--classic .selection .select2-selection__rendered, .shipping_address .select2.select2-container.select2-container--classic .selection .select2-selection, .shipping_address .select2.select2-container.select2-container--classic .selection .select2-selection__rendered, #billing_state_field .select2.select2-container.select2-container--classic .selection .select2-selection, #billing_state_field .select2.select2-container.select2-container--classic .selection .select2-selection__rendered, #shipping_state_field .select2.select2-container.select2-container--classic .selection .select2-selection, #shipping_state_field .select2.select2-container.select2-container--classic .selection .select2-selection__rendered {
  justify-content: space-between;
  align-items: center;
  color: #000;
  background: #fff;
}
/* line 122, sass/_select.scss */
#billing_country_field .select2.select2-container.select2-container--classic .selection .select2-selection .select2-selection__rendered:after, #billing_country_field .select2.select2-container.select2-container--classic .selection .select2-selection__rendered .select2-selection__rendered:after, #shipping_country_field .select2.select2-container.select2-container--classic .selection .select2-selection .select2-selection__rendered:after, #shipping_country_field .select2.select2-container.select2-container--classic .selection .select2-selection__rendered .select2-selection__rendered:after, .shipping_address .select2.select2-container.select2-container--classic .selection .select2-selection .select2-selection__rendered:after, .shipping_address .select2.select2-container.select2-container--classic .selection .select2-selection__rendered .select2-selection__rendered:after, #billing_state_field .select2.select2-container.select2-container--classic .selection .select2-selection .select2-selection__rendered:after, #billing_state_field .select2.select2-container.select2-container--classic .selection .select2-selection__rendered .select2-selection__rendered:after, #shipping_state_field .select2.select2-container.select2-container--classic .selection .select2-selection .select2-selection__rendered:after, #shipping_state_field .select2.select2-container.select2-container--classic .selection .select2-selection__rendered .select2-selection__rendered:after {
  mix-blend-mode: difference;
}

/* line 129, sass/_select.scss */
.select2-search.select2-search--dropdown.select2-search--hide {
  display: none;
}

.vpc-textfield .select2-container .select2-selection {
    box-sizing: border-box;
    border: none;
    padding: 0;
    height: auto;
    font-size: 16px;
    border-radius: 0;
    max-width: 100%;
    width: 100%;
    vertical-align: middle;
    background-color: transparent;
    color: #fff;
    box-shadow: none;
    transition: color .3s, border .3s, background .3s, opacity .3s;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  /* line 2, sass/_mediaqueries.scss */
  select:focus,
  textarea:focus,
  input:focus {
    font-size: 16px;
    background: transparent !important;
  }
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  /* line 10, sass/_mediaqueries.scss */
  select,
  textarea,
  input {
    font-size: 16px;
  }
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  /*safari and chrome*/
  /* line 20, sass/_mediaqueries.scss */
  select {
    height: 40px;
    line-height: 40px;
    /*background: #FFF;*/
  }
}
/* line 27, sass/_mediaqueries.scss */
select::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/* Price color BLACK on product page */
.product-price-container .woocommerce-Price-amount{
	color: black;
}

/* displaying configurator info*/
.page-checkout.cart-container  .vpc-cart-options img, .woocommerce-cart-form .vpc-cart-options img{
  display:none;
}
.page-checkout.cart-container  .uploaded_image img, .woocommerce-cart-form  .uploaded_image img{
  display:block;
  height:50%;
  width:50%;
}
.page-checkout.cart-container  .vpc-cart-component, .woocommerce-cart-form .vpc-cart-component{
  font-weight: 500;
}
.page-checkout.cart-container  .product-name a, .woocommerce-cart-form .product-name a{
  font-weight: 500;
}
.page-checkout.cart-container .vpc-cart-config, .woocommerce-cart-form .vpc-cart-config{
  margin-top: 10px;
}
.woocommerce-cart-form__cart-item.cart_item a.button.alt, .vpc-edit-config-button{   
  background-color:black;
  font-size: 12px;
  line-height: 2;
  margin-left: 1rem;
  margin-top: 5px;
  }