/* Hide elements with v-cloak until Vue has mounted and removed the attribute */
[v-cloak] { display: none; }

/* ****************************************************************************** */
/*                                    TEXT-STYLES                                 */
/* ****************************************************************************** */

@font-face {
  font-family: "SST";
  src: url('assets/fonts/SSTBold.TTF');
  font-weight: bold;
}

@font-face {
  font-family: "SST";
  src: url('assets/fonts/SSTLight.TTF');
  font-weight: 300;
}

@font-face {
  font-family: "SST";
  src: url('assets/fonts/SSTMedium.TTF');
  font-weight: 500;
}

@font-face {
  font-family: "SST";
  src: url('assets/fonts/SSTRg.TTF');
  font-weight: normal;
}

@font-face {
  font-family: "SST";
  src: url('assets/fonts/SSTHeavy.TTF');
  font-weight: 900;
}


@font-face {
  font-family: 'Human BBY Condensed';
  src: url('assets/fonts/HumanBBYCondensed-47Light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Human BBY Condensed';
  src: url('assets/fonts/HumanBBYCondensed-77Bold.woff2') format('woff2');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Human BBY Condensed';
  src: url('assets/fonts/HumanBBYCondensed-48LightItalic.woff2') format('woff2');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Human BBY';
  src: url('assets/fonts/HumanBBY-65Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Human BBY';
  src: url('assets/fonts/HumanBBY-55Regular.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Human BBY';
  src: url('assets/fonts/HumanBBY-66MediumItalic.woff2') format('woff2');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Human BBY';
  src: url('assets/fonts/HumanBBY-75Bold.woff2') format('woff2');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Human BBY Condensed';
  src: url('assets/fonts/HumanBBYCondensed-78BoldItalic.woff2') format('woff2');
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Human BBY';
  src: url('assets/fonts/HumanBBY-76BoldItalic.woff2') format('woff2');
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Human BBY';
  src: url('assets/fonts/HumanBBY-56RegularItalic.woff2') format('woff2');
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Human BBY';
  src: url('assets/fonts/HumanBBY-46LightItalic.woff2') format('woff2');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Human BBY';
  src: url('assets/fonts/HumanBBY-45Light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

/* ****************************************************************************** */
/*                                      COLORS                                    */
/* ****************************************************************************** */

:root {
  --body-color: #161616;
  --white-color: #fff;
  --white-sony: #f8f9f9;
  --white-sony-light: #eee;
  --black: #000;
  --black-sony: #030303;
  --light-black: rgba(0, 0, 0, 0.8);
  --dark-grey: #7F7F7F;
  --dark-grey-sony: #6d6d6d;
  --dark-grey-light: #B9B9B9;
  --popup-overlay: #1D1D1D;
  --best-buy-blue: #0046BE;
  --dark-blue: #1B45B7;
  --off-white: #F6F6F6;
  --Primary-Yellow: #FFE000;
  --darker-gray: #2D2D2D;
  --bby-blue-dark-ui: #2171FB;
  --gray: #E0E0E0;
  --gray-dark: #606161;
  --gray-light: #E6E7E8;
  --black-70: #4D4D4D;
  --black-50: #808080;
  --white-50: #d3d3d3;
  --disabled-gray: #B6B8C2;
  --indigo-blue: #2D75C7;
  --button-color: #E55204;
  --dark-gray-sony-50: #696B79;
  --off-gray: #C5CBD5;
  --border-gray: #D9D9D9;
  --promo-red: #E81E25;
  --offline-banner-red: #CC0000;
  --sold-out-red: #BB0628;
  --gray-sony: #696969;
  --gray-sony-light: #818181;
  --gray-sony-dark: #666;
  --gray-sony-white: #ebebeb;
  --green: #006601;
  --green-light: #318000;
  --green-secondary: #3D9D1C;
  --sony-sky: #008ca8;
  --sony-sky-light: #1ad9ff;
  --sony-sky-dark: #005566;
  --voilet: #6665ee;
  --light-blue: #F1F8FF;
  --darker-gray-modal: #232323;
  --filter-modal: rgba(29, 29, 29, 0.949);
  --light-gray: rgba(255, 255, 255, 0.2);

  --body: #fff;
  --black-sony: #030010;
  --black-60-opaque: #666666;
  --black-60-transparent: rgba(0, 0, 0, 0.6);
  --dark-gray-sony-50: #696B79;
  --light-gray-sony-10: #D8D9DE;
  --dark-gray: #696B79;
  --borders-border-subtle: #D7D7DC;
  --disabled-gray: #B6B8C2;
  --light-gray: #D8D9DE;
  --off-white: #F8F8F9;
  --white: #fff;
  --red: #CC0000;
  --button-color: #E55204;
  --indigo-blue: #2D75C7;
  --indigo-blue-10: #EAF2FA;
  --forest-green: #0B4D43;
  --green-wifi: #14AE5C;
  --mint-10: #E9F4DD;
  --red-10: #F9E5E5;
}

#sony-totem {
  container-type: inline-size;
  container-name: sony-totem;
}

#sony-totem .heading-1 {
  font-family: 'Human BBY';
  font-size: 40px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

#sony-totem .heading-2 {
  font-family: 'Human BBY';
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: 130.5%;
  letter-spacing: 0.64px;
}

#sony-totem .heading-3 {
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
}

#sony-totem .heading-3-light {
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
}

#sony-totem .heading-4 {
  font-family: 'Human BBY';
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.4px;
}

#sony-totem .heading-5 {
  font-size: 26px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
}

#sony-totem .subheading-1 {
  font-family: 'Human BBY';
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
}

#sony-totem .body-1-bold {
  font-family: 'Human BBY';
  font-size: 28px;
  font-style: normal;
  font-weight: 500;
  line-height: 32px;
}

#sony-totem .body-2 {
  font-family: 'Human BBY';
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: -0.08px;
}

#sony-totem .body-2-bold,
#sony-totem .body-2-bold-1 {
  font-family: 'Human BBY';
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 21px;
  letter-spacing: -0.08px;
}

#sony-totem .body-3 {
  font-family: 'Human BBY';
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18.27px;
  letter-spacing: -0.07px;
}

#sony-totem .body-3-bold {
  font-family: 'Human BBY';
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 18.27px;
  letter-spacing: -0.07px;
}

#sony-totem .body-4 {
  font-family: "Human BBY";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 130.5%;
  letter-spacing: -0.06px;
}

#sony-totem .body-4-bold {
  font-family: "Human BBY";
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 130.5%;
  letter-spacing: -0.06px;
}

#sony-totem .body-5 {
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 130.5%;
}

#sony-totem .button-1 {
  font-family: 'Human BBY';
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.08px;
}

#sony-event .attract-loop-heading {
  font-family: "SST";
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: 56px;
}

#sony-event .heading-1 {
  font-family: "SST";
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 48px;
}

#sony-event .heading-2 {
  font-family: "SST";
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: 48px;
}

#sony-event .heading-3 {
  font-family: "SST";
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
}

#sony-event .heading-3-bold {
  font-family: "SST";
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
}

#sony-event .subheading-1 {
  font-family: "SST";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
}

#sony-event .body-1 {
  font-family: "SST";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

.slide-in-dialog-body .flex.p-20 {
  display: flex;
  align-items: center;
}

.slide-in-dialog-body .flex.p-20 > div,
.slide-in-dialog-body .flex.p-20 > p {
  display: flex;
  align-items: center;
}

.slide-in-dialog-body .flex.p-20 .mr-12 img {
  display: block;
  width: 24px;
  height: 24px;
}

.slide-in-dialog-body .flex.p-20 .ml-auto {
  margin-left: auto;
  display: flex;
  align-items: center;
}

.slide-in-dialog-body .flex.p-20 .ml-auto img {
  height: 28px;
  width: auto;
}

.slide-in-dialog-body .flex.p-20 p { margin: 0; }

#sony-event .body-1-bold {
  font-family: "SST";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
}

#sony-event .body-1-underline {
  font-family: "SST";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  text-decoration-line: underline;
}

#sony-event .body-2 {
  font-family: "SST";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;

.slide-in-dialog-body .flex.p-20 { cursor: pointer; align-items: center; }
.slide-in-dialog-header-action { cursor: pointer; }
}

#sony-event .body-2-bold {
  font-family: "SST";
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
}

#sony-event .body-2-underline {
  font-family: "SST";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  text-decoration-line: underline;
}

#sony-event .body-3 {
  font-family: "SST";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}

#sony-event .body-3-underline {
  font-family: "SST";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  text-decoration-line: underline;
}

#sony-event .body-3-bold {
  font-family: "SST";
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 16px;
}

#sony-event .body-4 {
  font-family: "SST";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}

#sony-event .link-1 {
  font-family: "SST";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 36px;
  text-decoration-line: underline;
}

#sony-event .button-1 {
  font-family: "SST";
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
}

#sony-event .button-2 {
  font-family: "SST";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
}

#sony-event .button-3 {
  font-family: "SST";
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
}

#sony-event .button-4 {
  font-family: "SST";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0.32px;
}

#sony-event .body-2-bold-mobile {
  font-family: "SST";
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
}

#sony-event .body-3-mobile {
  font-family: "SST";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

#sony-event .body-4-mobile {
  font-family: "SST";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}

#sony-event .body-3-bold-mobile {
  font-family: "SST";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
}



/* ************************************************************************************ */
/*                                SHARED TEMPLATE STYLES                                */
/* ************************************************************************************ */


#sony-template .color-indigo-blue {
  color: var(--indigo-blue);
}

#sony-template .color-gray-sony-dark {
  color: var(--gray-sony-dark);
}

#sony-template .text-subtle {
  color: var(--text-text-subtle, #424450);
}

/* Override user-agent bold for headers in the slideshow picker table */
#sony-template .active-event .event-list th,
#sony-template .active-event .event-list.event-list-centered th {
  font-weight: 400;
  font-family: inherit;
}

#sony-template .sony-template-root.scroll-lock {
  overflow: hidden;
  height: calc(var(--cvh, 1vh) * 100);
}

#sony-template #network-status-icon {
  top: 6px;
  right: 6px;
  z-index: 20000;
  height: 0;
  overflow: visible;
  width: fit-content;
  margin-left: auto;
}

#sony-template #network-status-icon .processing-data-count {
  font-size: 9px;
  font-weight: bold;
  padding: 2px 4px;
  border-radius: 25px;
  color: var(--white);
  background-color: var(--red);
  position: absolute;
  top: -3px;
  font-family: "SST";
  left: -6px;
}

#sony-template .customer-header {
  background-color: var(--black-sony);
  position: sticky;
  top: 0px;
  z-index: 220;
  height: 136px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#sony-template .customer-header-small {
  background-color: var(--black-sony);
  position: sticky;
  top: 0px;
  z-index: 220;
  height: 66px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#sony-template .customer-header img,
#sony-template .customer-header-small img {
  padding: 0;
  height: 30%;
}

#sony-template #associate-mode-logo {
  touch-action: none;
}

#sony-template #associate-mode-logo.active {
  transition: all linear 5000ms;
  transform: scale(1.5) !important;
}

#sony-template .slideshow-zoom-in-box-button {
  border-radius: 58px;
  background: rgba(255, 255, 255, 0.80);
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.15);
  backdrop-filter: blur(4px);
  display: flex;
  justify-content: center;
  align-items: center;
}

#sony-template .slideshow-zoom-in-box-button img {
  padding: 8px 8px;
}

#sony-template .slideshow-zoom-in-box-button img.disabled {
  opacity: 0.3;
}

#sony-template .modal-vue-on-top .overlay {
  z-index: 911198 !important;
}

#sony-template .modal-vue-on-top .modal {
  z-index: 919999 !important;
}

/* ************************************************************************************ */
/*                               SLIDESHOW TEMPLATE STYLES                              */
/* ************************************************************************************ */

#sony-slideshow {
  width: 100vw;
  height: calc(var(--cvh, 1vh) * 100);
  overflow: hidden;
}

#sony-slideshow .slideshow-top {
  height: calc((var(--cvh, 1vh) * 100) - 66px - 238px);
  background-color: var(--black);
  overflow: hidden;
}

#sony-slideshow .slideshow-slider {
  display: flex;
  overflow-x: scroll;
  scroll-snap-type: x mandatory;
  scroll-snap-stop: always;
  width: 100vw;
  box-sizing: border-box;
  width: 100vw;
  background-color: var(--black);
}

#sony-slideshow .slideshow-slide-outer {
  flex: 0 0 100vw;
  scroll-snap-align: start;
  scroll-snap-stop: always;
  width: 100vw;
}

#sony-slideshow .slideshow-slide{
  overflow: hidden;
  width: 100vw;
  height: calc((var(--cvh, 1vh) * 100) - 66px - 238px);
}

#sony-slideshow .slideshow-slide img {
  width: 100vw;
  height: 100%;
  object-fit: contain;
}

#sony-slideshow .active-slideshow-slide .slideshow-slide.zoom-in-2,
#sony-slideshow .active-slideshow-slide .slideshow-slide.zoom-in-3 {
  overflow: scroll;
}

#sony-slideshow .active-slideshow-slide .slideshow-slide.zoom-in-2 img {
  width: 200vw;
  height: auto;
  object-fit: unset;
  max-width: none !important;
}

#sony-slideshow .active-slideshow-slide .slideshow-slide.zoom-in-3 img {
  width: 300vw;
  height: auto;
  object-fit: unset;
  max-width: none !important;
}

#sony-slideshow .slideshow-zoom-in-box {
  position: absolute;
  height: 84px;
  bottom: 157px;
  left: 0;
  width: 100vw;
  background-color: var(--black);
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid var(--black-60-opaque);
}

#sony-slideshow .slideshow-thumbnails {
  height: 156px;
  bottom: 0;
  left: 0;
  background-color: var(--black);
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 81px;
}

#sony-slideshow .slideshow-thumbnail {
  width: 95px;
  height: 122px;
  opacity: 0.5;
  position: relative;
  margin: 0 8px;
  transition: opacity 200ms linear;
}

#sony-slideshow .slideshow-thumbnail.active {
  opacity: 1;
}

#sony-slideshow .slideshow-thumbnail img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  object-fit: contain;
}

#sony-slideshow .slideshow-thumbnails-left-arrow {
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translate3d(0, -50%, 0);
}

#sony-slideshow .slideshow-thumbnails-right-arrow {
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translate3d(0, -50%, 0);
}

#sony-slideshow .slideshow-thumbnails-right-arrow.disabled,
#sony-slideshow .slideshow-thumbnails-left-arrow.disabled {
  opacity: 0.3;
}

/* ************************************************************************************ */
/*                                 EVENT TEMPLATE STYLES                                */
/* ************************************************************************************ */

#sony-event {
  background-color: var(--body);
  font-family: 'Lato';
  position: relative;
}

#sony-event * {
  box-sizing: border-box;
}

/* ======================= customer-mode === section === css === start ============================*/

/* customer mode header section */

#sony-event .label {
  padding: 3px 8px;
  border-radius: 4px;
  display: inline-block;
  color: var(--white);
}

#sony-event .label.label-success {
  background-color: var(--green-wifi);
}

#sony-event .label.label-error {
  background-color: var(--red);
}

#sony-event .slide-thumbnail-with-zoom {
  position: relative;
  width: 94px;
}

#sony-event .slide-thumbnail-with-zoom .slide-thumbnail-image {
  border: 1px solid #D7D7DC;
}

#sony-event .slide-thumbnail-with-zoom .zoom-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
}

/* attract loop */

#sony-event .attract-loop-overlay {
  background-color: transparent;
  position: fixed;
  top: 140px;
  left: 0;
  width: 100vw;
  height: calc(var(--cvh, 1vh) * 100);
  z-index: 10999;
}

#sony-event #slideshow {
  height: calc((var(--cvh, 1vh) * 100) - 136px);
  overflow: hidden;
  position: relative;
}

#sony-event #slideshow img {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% + 120px);
  height: calc(100% + 120px);
  display: block;
  opacity: 0;
  transition: opacity 220ms linear 1300ms, left 4000ms linear 1300ms;
  z-index: 5;
}

#sony-event #slideshow img.active {
  transition: opacity 220ms linear, left 4000ms linear;
  opacity: 1;
  left: -120px;
  z-index: 10;
}

#sony-event #customer-mode .slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
}

#sony-event #customer-mode .content-slider {
  z-index: 9999;
  position: absolute;
  left: 0;
  right: 0;
  border: 0;
  margin-left: auto;
  margin-right: auto;
  width: 71%;
  top: 53%;
  transform: translateY(-50%);
  background: var(--black-sony);
  color: var(--white);
  display: inline-flex;
  padding: 48px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

#sony-event #customer-mode .contet-box h2 {
  margin-bottom: 24px;
}

#sony-event #customer-mode .contet-box p.subheading-1 span {
  display: block;
  text-transform: capitalize;
}

#sony-event #customer-mode .contet-box {
  text-align: center;
}

#sony-event #customer-mode .contet-box button {
  padding: 20px 40px;
  background: var(--button-color);
  color: var(--white);
  margin-top: 48px;
  border: none;
  width: 70%;
}

#sony-event #customer-mode .progress-bar__wrapper {
  position: absolute;
  bottom: 0px;
  display: flex;
  left: 0;
  width: 100vw;
  background-color: var(--disabled-gray);
  height: 8px;
}

#sony-event #customer-mode .progress-bar__wrapper .active_value {
  position: absolute;
  left: 0;
  height: 8px;
  background-color: var(--indigo-blue);
  transition: width 650ms ease;
}

/* questions & answer section */

#sony-event #customer-mode .form-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

#sony-event #customer-mode .form-header a img {
  width: 20px;
  height: 20px;
  margin: 0px 10px;
}

#sony-event #customer-mode .form-header a {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  text-decoration: none;
  color: var(--black-sony)
}

#sony-event #customer-mode .form-header a.hidden {
  visibility: hidden;
}

#sony-event #customer-mode .form-title {
  text-align: center;
  margin: 35px 36px 36px 40px;
}

#sony-event #customer-mode .scan-qr-section {
  text-align: center;
  margin: 0px auto 40px auto;
}

#sony-event #customer-mode .form-title h3.subheading-1 {
  margin-top: 16px;
}

#sony-event #customer-mode .image-section {
  margin-bottom: 32px;
}

#sony-event #customer-mode .image-section img {
  width: 100%;
}

#sony-event #customer-mode .checkbox {
  display: flex;
  border-radius: 4px;
  border: 1px solid var(--dark-gray);
  padding: 20px;
  margin-bottom: 16px;
}

#sony-event #customer-mode .check {
  display: flex;
  align-items: center;
}

#sony-event #customer-mode .check img {
  height: 32px;
  width: 32px;
  margin-right: 16px;
}

#sony-event #customer-mode .form-wrapper {
  margin: 0 auto;
}

#sony-event #customer-mode .form-checklist {
  margin: 0px 98px;
}

#sony-event #customer-mode .check input {
  border: none;
  border-bottom: 1px solid var(--black-sony);
  margin-left: 10px;
  border-radius: 0;
}

#sony-event #customer-mode .question-section button.next-btn {
  display: flex;
  width: 39%;
  padding: 20px 40px;
  justify-content: center;
  align-items: center;
  color: var(--white);
  background: var(--disabled-gray);
  border: none;
  margin: 42px auto 0;
  white-space: nowrap;
}

#sony-event #customer-mode .disclaimer-label a {
  text-decoration: underline !important;
  color: var(--light-black);
  pointer-events: none;
}

#sony-event #customer-mode .disclaimer-label strong,
#sony-event #customer-mode .disclaimer-label b {
  font-weight: 700;
}

#sony-event #customer-mode .brand-select-form {
  position: relative;
  padding: 16px 36px 16px 36px;
  height: calc((var(--cvh, 1vh)* 100) - 142px);
  overflow-x: hidden;
  overflow-y: auto;
  min-height: auto;
}

#sony-event #customer-mode .brand-select-form.other-keybaord-active {
  padding-bottom: 28vh;
}

#sony-event #customer-mode .brand-select-form-final {
  background-color: var(--off-white);
}

#sony-event #customer-mode .brand-select-form .success-section {
  background-color: var(--white);
  padding: 56px 36px;
  margin-top: 14px;
}

#sony-event #customer-mode .brand-select-form .form-wrapper {
  margin-bottom: 40px;
}

#sony-event #customer-mode .brand-select-form .footer-wrapper {
  bottom: 32px;
  position: absolute;
  width: 100%;
  left: 0;
  padding: 0 32px;
}

#sony-event #customer-mode .form-footer p {
  text-align: center;
}

#sony-event #customer-mode .question-section button.next-btn.active {
  background: var(--button-color);
}

/* User deatils Form */

#sony-event #customer-mode .form-item,
#sony-event #associate-mode .form-item {
  position: relative;
  margin-bottom: 28px;
  margin-top: 4px;
}

#sony-event #customer-mode .form-item input,
#sony-event #associate-mode .form-item input {
  width: 100%;
  height: 64px;
  padding: 20px 32px;
  border-radius: 4px;
  border: 1px solid var(--dark-gray);
  color: var(--black-sony);
}

#sony-event #customer-mode .form-item-error input,
#sony-event #associate-mode .form-item-error input {
  border: 1px solid var(--red);
}

#sony-event #customer-mode .form-item-error .body-2,
#sony-event #associate-mode .form-item-error body-2 {
  color: var(--red);
}

#sony-event #customer-mode .form-item input::placeholder,
#sony-event #associate-mode .form-item input::placeholder {
  color: var(--disabled-gray);
}

#sony-event #customer-mode .form-item label,
#sony-event #associate-mode .form-item label {
  position: absolute;
  z-index: 2;
  left: 23px;
  background: var(--white);
  padding: 0 10px;
  color: var(--black-sony);
  top: -11px
}

#sony-event #customer-mode .form-item-error label,
#sony-event #associate-mode .form-item-error label {
  color: var(--red);
}

#sony-event #customer-mode .form-item input:focus+label,
#sony-event #customer-mode .form-item input:valid+label,
#sony-event #associate-mode .form-item input:focus+label,
#sony-event #associate-mode .form-item input:valid+label {
  top: -13px;
}

#sony-event #customer-mode .form-item.email-error label {
  color: var(--red);
}

#sony-event #customer-mode .form-item.email-error input {
  border: 2px solid var(--red);
}

#sony-event #associate-mode .form-item p,
#sony-event #customer-mode .form-item p {
  color: var(--red);
  margin-top: 4px;
}

#sony-event #customer-mode .terms {
  margin-top: 32px;
  color: var(--black-sony);
}

#sony-event .slideshow-picker-control .selected-slideshow-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px;
  border-radius: 4px;
  border: 1px solid var(--borders-border-base, #B6B7C2);
  background: var(--backgrounds-bg-base, #FFF);
  box-sizing: border-box;
  font-size: var(--font-size-buttons-btn4, 16px);
  line-height: var(--line-height-buttons-btn4, 20px);
}
.selected-slideshow-drag-handle {
  margin-right: 16px;
  flex-shrink: 0;
  cursor: grab;
  display: flex;
  align-items: center;
  touch-action: none;
}
.selected-slideshow-item.slideshow-drag-active {
  opacity: 0.4;
}
.selected-slideshow-item.slideshow-drag-over {
  box-shadow: 0 -2px 0 0 #0070D1;
}
.selected-slideshow-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  color: #000002;
}
.selected-slideshow-required-badge {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 4px 10px;
  border-radius: 20px;
  background: var(--backgrounds-bg-subtle, #F5F5F7);
  color: #424450;
  white-space: nowrap;
  flex-shrink: 0;
  margin-left: 8px;
}
.selected-slideshow-required-badge img {
  height: 14px;
  width: auto;
}
.product-new-badge {
  position: absolute;
  top: 20px;
  left: 0px;
  background-color: #F15A22;
  color: white;
  padding: 4px 16px;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  z-index: 1;
}
.selected-slideshow-remove {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 4px 10px;
  color: var(--text-text-subtle, #424450);
  white-space: nowrap;
  flex-shrink: 0;
  margin-left: 8px;
  cursor: pointer;
}
.slideshow-picker-control {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 16px 4px;
  box-sizing: border-box;
}

.slideshow-picker-control .slideshow-dropdown-btn {
  width: 100%;
  border-radius: 4px;
  border: 1px dashed var(--borders-border-subtle, #D7D7DC);
  background: var(--backgrounds-bg-base, #FFF);
  padding: 16px 16px 16px 36px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--text-text-subtle, #424450);
  font-family: var(--Font-Family, SST);
  font-size: var(--font-size-buttons-btn4, 16px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--line-height-buttons-btn4, 20px);
  cursor: pointer;
}

#sony-event #customer-mode .qr-code-section {
  width: 50%;
  padding: 6px;
  display: flex;
  margin-left: auto;
  margin-right: auto;
}

#sony-event #customer-mode .qr-code {
  display: flex;
  justify-content: center;
  align-items: center;
}

#sony-event #customer-mode .qr-code-section span.qr-description {
  padding: 0 16px;
  color: var(--black-sony);
  margin-left: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
}

#sony-event #customer-mode .shop-section {
  margin: 32px auto;
}

#sony-event #customer-mode .shop-section img {
  display: block;
  width: 100%;
}

#sony-event #customer-mode .shop-content {
  margin-left: 40px;
}

#sony-event #customer-mode .shop-content .qr-code-section {
  width: 100% !important;
  padding: 0px !important;
  margin-top: 40px;
}

#sony-event #customer-mode .shop-content h2 {
  margin-bottom: 16px;
}

#sony-event #customer-mode .survey-section {
  background: var(--off-white);
  min-height: calc(var(--cvh, 1vh) * 100);
}

#sony-event #customer-mode.offline-guide-panel .survey-section {
  background-color: var(--white);
}

#sony-event #customer-mode .survey-section .survey-heading {
  text-align: center;
  color: var(--black-sony);
  padding: 24px 50px 0px 50px;
  margin-bottom: 30px;
}

#sony-event #customer-mode .survey-section .survey-box h1 {
  text-align: center;
  color: var(--black-sony);
}

#sony-event #customer-mode .survey-section .survey-box {
  margin: 0px 24px auto;
  background: var(--white);
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.15);
  padding: 24px 16px;
}

#sony-event #customer-mode.offline-guide-panel .survey-section .survey-box {
  padding: 0;
  background-color: transparent;
  box-shadow: none;
}

#sony-event #customer-mode .survey-section .survey-box .mb-44 {
  margin-bottom: 44px;
}

#sony-event #customer-mode .survey-section .survey-box .survey-checkbox,
#sony-event #customer-mode .email-input .email-checkbox {
  margin-right: 12px;
}

#sony-event #customer-mode .survey-section .survey-box .survey-check,
#sony-event #customer-mode .email-input .email-check {
  display: flex;
  margin-top: 30px;
}

#sony-event #customer-mode .survey-section .survey-box .survey-check span,
#sony-event #customer-mode .email-input .email-check span {
  color: var(--black-sony);
}

#sony-event #customer-mode .survey-section .survey-box .survey-para {
  color: var(--black-60-transparent);
}

#sony-event #customer-mode .survey-section .survey-box button {
  display: flex;
  width: 100%;
  padding: 12px 40px;
  margin: 24px 0px;
  justify-content: center;
  align-items: center;
}

#sony-event #customer-mode .survey-section .survey-box .survey-btn-gray {
  background: var(--disabled-gray);
  color: var(--white);
  border: 1px solid var(--disabled-gray);
}

#sony-event #customer-mode .survey-section .survey-box .survey-btn-orange {
  background: var(--button-color);
  color: var(--white);
  border: 1px solid var(--button-color);
}

/* ============= associate mode ===screens======css================================*/

/* Email screen */

#sony-event #associate-mode {
  width: 100vw;
  min-height: calc((var(--cvh, 1vh) * 100) - 136px);
  background-color: var(--off-white);
}

/* Active And Past Event list */

#sony-event #associate-mode #event-section-activePast,
#sony-event #associate-mode #event-act-main {
  width: 100%;
}

#sony-event #associate-mode #event-section-activePast .header-section {
  background-color: var(--black-sony) !important;
  color: var(--white);
  padding: 24px 0px 32px 36px;
}

#sony-event #associate-mode .header-section{
  position: sticky;
  top: 0%;
  left: 0%;
  width: 100%;
}

#sony-event #associate-mode .footer-section {
  color: var(--black-60-transparent);
  left: 36px;
  bottom: 24px;
  position: absolute;
}

#sony-event #associate-mode .header-section .back-btn {
  height: 11px;
  margin-right: 8px;
}

#sony-event #associate-mode #event-section-activePast .main-act-past {
  padding: 40px 0px 20px;
  background: var(--off-white) !important;
}

#sony-event #associate-mode #event-section-activePast .main-act-past .active-event,
#sony-event #associate-mode #event-section-activePast .main-act-past .past-event,
#sony-event #associate-mode #event-act-main .main-act-past .active-event {
  display: flex;
  padding: 24px;
  flex-direction: column;
  align-items: flex-start;
  background: var(--white);
  margin: 0px 36px 26px 36px;
}

#sony-event .slideshow-dropdown {
  padding: 12px 16px;
  display: flex;
  border: 1px solid var(--dark-gray-sony-50);
  border-radius: 4px;
  margin: 16px 0 32px;
}

#sony-event .slide-in-dialog {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: calc(var(--cvh, 1vh) * 100);
  background: var(--black-60-transparent);
  z-index: 100;
}

#sony-event .slide-in-dialog .slide-in-dialog-content {
  border-radius: 16px 16px 0px 0px;
  background-color: var(--white);
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
}

#sony-event .slide-in-dialog .slide-in-dialog-header {
  height: 66px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
  border-bottom: 1px solid var(--disabled-gray);
  padding: 0 24px;
}

#sony-event .slide-in-dialog .slide-in-dialog-header-action {
  color: var(--indigo-blue);
}

#sony-event .slide-in-dialog .slide-in-dialog-body {
  padding: 0 24px 24px 24px;
  overflow: auto;
  min-height: 550px;
  box-sizing: border-box;
  width: 100%;
}

#sony-event .slide-in-dialog .slide-in-dialog-body > div {
  border-bottom: 1px solid var(--borders-border-subtle);
}

#sony-event .slide-in-dialog .slide-in-dialog-body > div:last-child {
  border-bottom: none;
}

#sony-event #associate-mode #event-section-activePast .main-act-past .active-event h3 {
  color: var(--black-sony);
  margin-bottom: 16px;
}

#sony-event #associate-mode .event-list {
  width: 100%;
  text-align: left;
}

#sony-event #associate-mode .event-list .event-location {
  color: var(--black-60-opaque);
  margin-top: 4px;
}

#sony-event #associate-mode .event-list .event-date {
  text-align: center;
}

#sony-event #associate-mode .event-list .event-date p {
  margin-bottom: 4px;
}

#sony-event #associate-mode .event-list .event-name {
  width: 58%;
  padding-right: 40px;
  padding-left: 40px;
}

#sony-event #associate-mode .event-list tr {
  border-bottom: 1px solid var(--disabled-gray);
}

#sony-event #associate-mode .event-list td,
#sony-event #associate-mode .event-list th {
  padding: 16px 0px 16px 0px;
  vertical-align: top;
}

#sony-event #associate-mode .event-list-centered td,
#sony-event #associate-mode .event-list-centered th {
  vertical-align: middle;
}

#sony-event #associate-mode .event-list tr:last-child {
  border-bottom: 0;
}

#sony-event #associate-mode .event-list .right-arrow {
  text-align: end;
  vertical-align: middle
}

#sony-event #associate-mode .active-event .event-footer-content {
  margin-top: 52px;
}

/* Event Active Main Page CSS */

#sony-event #associate-mode #event-act-main .main-act-past {
  padding: 40px 0px;
  background: var(--off-white) !important;
}

#sony-event #associate-mode #event-act-main .header-section {
  height: auto;
  background-color: var(--black-sony) !important;
  color: var(--white);
  padding: 24px 0px 24px 36px;
  z-index: 999;
}

#sony-event #associate-mode #event-act-main .header-section .event-main-heading , #sony-event #associate-mode #event-section-activePast .header-section .event-main-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#sony-event #associate-mode #event-act-main .header-section .event-main-heading h1{
  width: 60%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

#sony-event #associate-mode #event-act-main .header-section .customer-btn,#sony-event #associate-mode #event-section-activePast .header-section .customer-btn{
  padding: 20px 32px;
  background: var(--button-color);
  margin-right: 36px;
  border: none;
  color: var(--white);
  white-space: nowrap;
}

#sony-event #associate-mode #event-act-main .event-information {
  width: 100%;
  margin-top: 16px;
}

#sony-event #associate-mode #event-act-main .event-information-row {
  display: flex;
  padding: 16px 0px 16px 0px;
}

#sony-event #associate-mode #event-act-main .event-information .event-information-row-title {
  flex: 0 0 35%;
}

#sony-event #associate-mode #event-act-main .event-information-row:not(:last-child) {
  border-bottom: 1px solid var(--disabled-gray);
}

#sony-event #associate-mode #event-act-main .main-act-past .check {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  color: var(--green-wifi);
  border-radius: 64px;
  background: var(--mint-10);
  padding: 4px 16px;
  margin-top: 16px;
}

#sony-event #associate-mode #event-act-main .main-act-past .uncheck {
  color: var(--red);
  background: var(--red-10);
}

#sony-event #associate-mode #event-act-main .main-act-past .check h2 {
  margin-left: 8px;
}

#sony-event #associate-mode #event-act-main .main-act-past .para-1 {
  color: var(--black-sony);
}

#sony-event #associate-mode #event-act-main .main-act-past .para-2 {
  color: var(--black-60-opaque);
  margin-top: 12px;
}

#sony-event #associate-mode .mb-8 {
  margin-bottom: 8px;
}

#sony-event #associate-mode .pl-44 {
  padding-left: 44px;
}

/*--Transition Screen Page Modal CSS----*/

#sony-event .modal-vue .overlay {
  position: fixed;
  z-index: 9998;
  top: 0;
  left: 0;
  width: 100vw;
  height: calc(var(--cvh, 1vh) * 100);
  background-color: rgb(0 0 0 / 60%);
}

#sony-event #slide-preview {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: calc(var(--cvh, 1vh) * 100);
  background-color: var(--filter-modal);
  z-index: 100000;
}

#sony-event #slide-preview .slide-preview-top {
  width: 100vw;
  height: calc(var(--cvh, 1vh) * 100);
  display: flex;
  overflow: scroll;
  align-items: center;
}

#sony-event #slide-preview .slideshow-zoom-in-box {
  position: absolute;
  top: calc((var(--cvh, 1vh) * 100) - 55px);
  left: 50%;
  transform: translateX(-50%);
}

#sony-event #slide-preview .close {
  position: absolute;
  top: 20px;
  right: 24px;
  cursor: pointer;
}

#sony-event #slide-preview .slide-preview-top img {
  width: 100vw;
}

#sony-event #slide-preview .slide-preview-top.zoom-in-2 img {
  width: 200vw;
}

#sony-event #slide-preview .slide-preview-top.zoom-in-3 img {
  width: 300vw;
}

#sony-event .modal-vue .modal {
  position: fixed;
  width: 75%;
  z-index: 99999;
  padding: 20px 36px;
  background-color: var(--white);
  top: calc(var(--cvh, 1vh) * 50);
  left: 50vw;
  transform: translate3d(-50%, -50%, 0);
}

#sony-event .modal-vue .close {
  position: absolute;
  top: 20px;
  right: 20px;
}

#sony-event .modal-heading {
  color: var(--black-sony);
  text-align: center;
  margin-top: 16px;
  padding: 0px 36px;
}

#sony-event #associate-mode .modal-heading .survey-img {
  width: 85%;
}

#sony-event .modal-btns {
  display: flex;
  margin: 36px 0px;
  justify-content: center;
  align-items: center;
}

#sony-event .model-qr {
  width: 126px;
  height: 126px;
}

#sony-event .cancel-btn {
  margin-right: 8px;
  color: var(--button-color);
  background-color: var(--white);
}

#sony-event .modal-done-btn {
  margin-left: 8px;
  color: var(--white);
  background: var(--button-color);
}

#sony-event .cancel-btn,
#sony-event .modal-done-btn {
  display: flex;
  padding: 20px 24px;
  justify-content: center;
  align-items: center;
  flex: 1 0 0;
  border: 1px solid var(--button-color);
}

/* official Rules Text Modal */

#sony-event .modal-vue #official {
  padding: 20px 42px 36px 24px !important;
}

#sony-event .modal-vue #terms-modal-panel p {
  margin-bottom: 16px;
  color: var(--black-sony);
}

#sony-event .modal-vue .terms-modal-panel {
  background: var(--off-white);
  height: 100%;
  width: 100%;
  overflow: hidden;
  padding: 16px 16px 60px 16px;
  position: relative;
  box-sizing: border-box;
}

#sony-event .modal-vue #terms-modal-panel-outer {
  height: 529px;
  margin-top: 16px;
  position: relative;
}

#sony-event .modal-vue .terms-scrollbar {
  position: absolute;
  height: 100%;
  width: 7px;
  background: var(--light-gray-sony-10);
  right: -20px;
  top: 0;
  border-radius: 100px;
  z-index: 20;
}

#sony-event .modal-vue .terms-scrollbar-inner {
  position: absolute;
  width: 100%;
  background: var(--dark-gray-sony-50);
  right: 0;
  top: 0;
  border-radius: 100px;
}

#sony-event .modal-vue .terms-scrollbar-inner-1 {
  height: 50%;
}

#sony-event .modal-vue .terms-scrollbar.position-0 .terms-scrollbar-inner-1 {
  top: 0;
}

#sony-event .modal-vue .terms-scrollbar.position-1 .terms-scrollbar-inner-1 {
  top: 50%;
}


#sony-event .modal-vue .terms-scrollbar-inner-2 {
  height: 33%;
}

#sony-event .modal-vue .terms-scrollbar.position-0 .terms-scrollbar-inner-2 {
  top: 0;
}

#sony-event .modal-vue .terms-scrollbar.position-1 .terms-scrollbar-inner-2 {
  top: 33%;
}

#sony-event .modal-vue .terms-scrollbar.position-2 .terms-scrollbar-inner-2 {
  top: 66%;
}

#sony-event .modal-vue .terms-scrollbar-inner-3 {
  height: 25%;
}

#sony-event .modal-vue .terms-scrollbar.position-0 .terms-scrollbar-inner-3 {
  top: 0;
}

#sony-event .modal-vue .terms-scrollbar.position-1 .terms-scrollbar-inner-3 {
  top: 25%;
}

#sony-event .modal-vue .terms-scrollbar.position-2 .terms-scrollbar-inner-3 {
  top: 50%;
}

#sony-event .modal-vue .terms-scrollbar.position-3 .terms-scrollbar-inner-3 {
  top: 75%;
}

#sony-event .modal-vue .terms-scrollbar-inner-4 {
  height: 20%;
}

#sony-event .modal-vue .terms-scrollbar.position-0 .terms-scrollbar-inner-4 {
  top: 0;
}

#sony-event .modal-vue .terms-scrollbar.position-1 .terms-scrollbar-inner-4 {
  top: 20%;
}

#sony-event .modal-vue .terms-scrollbar.position-2 .terms-scrollbar-inner-4 {
  top: 40%;
}

#sony-event .modal-vue .terms-scrollbar.position-3 .terms-scrollbar-inner-4 {
  top: 60%;
}

#sony-event .modal-vue .terms-scrollbar.position-4 .terms-scrollbar-inner-4 {
  top: 80%;
}

#sony-event .modal-vue .terms-scrollbar-inner-5 {
  height: 16.67%;
}

#sony-event .modal-vue .terms-scrollbar.position-0 .terms-scrollbar-inner-5 {
  top: 0;
}

#sony-event .modal-vue .terms-scrollbar.position-1 .terms-scrollbar-inner-5 {
  top: 16.67%;
}

#sony-event .modal-vue .terms-scrollbar.position-2 .terms-scrollbar-inner-5 {
  top: 33.34%;
}

#sony-event .modal-vue .terms-scrollbar.position-3 .terms-scrollbar-inner-5 {
  top: 50%;
}

#sony-event .modal-vue .terms-scrollbar.position-4 .terms-scrollbar-inner-5 {
  top: 66.68%;
}

#sony-event .modal-vue .terms-scrollbar.position-5 .terms-scrollbar-inner-5 {
  top: 83.35%;
}

#sony-event .modal-vue .terms-scrollbar-inner-6 {
  height: 14.28%;
}

#sony-event .modal-vue .terms-scrollbar.position-0 .terms-scrollbar-inner-6 {
  top: 0;
}

#sony-event .modal-vue .terms-scrollbar.position-1 .terms-scrollbar-inner-6 {
  top: 14.28%;
}

#sony-event .modal-vue .terms-scrollbar.position-2 .terms-scrollbar-inner-6 {
  top: 28.56%;
}

#sony-event .modal-vue .terms-scrollbar.position-3 .terms-scrollbar-inner-6 {
  top: 42.84%;
}

#sony-event .modal-vue .terms-scrollbar.position-4 .terms-scrollbar-inner-6 {
  top: 57.12%;
}

#sony-event .modal-vue .terms-scrollbar.position-5 .terms-scrollbar-inner-6 {
  top: 71.4%;
}

#sony-event .modal-vue .terms-scrollbar.position-6 .terms-scrollbar-inner-6 {
  top: 85.68%;
}

#sony-event .modal-vue .terms-scrollbar-inner-7 {
  height: 12.5%;
}

#sony-event .modal-vue .terms-scrollbar.position-0 .terms-scrollbar-inner-7 {
  top: 0;
}

#sony-event .modal-vue .terms-scrollbar.position-1 .terms-scrollbar-inner-7 {
  top: 12.5%;
}

#sony-event .modal-vue .terms-scrollbar.position-2 .terms-scrollbar-inner-7 {
  top: 25%;
}

#sony-event .modal-vue .terms-scrollbar.position-3 .terms-scrollbar-inner-7 {
  top: 37.5%;
}

#sony-event .modal-vue .terms-scrollbar.position-4 .terms-scrollbar-inner-7 {
  top: 50%;
}

#sony-event .modal-vue .terms-scrollbar.position-5 .terms-scrollbar-inner-7 {
  top: 62.5%;
}

#sony-event .modal-vue .terms-scrollbar.position-6 .terms-scrollbar-inner-7 {
  top: 75%;
}

#sony-event .modal-vue .terms-scrollbar.position-7 .terms-scrollbar-inner-7 {
  top: 87.5%;
}

#sony-event .modal-vue .terms-modal-buttons {
  display: flex;
  justify-content: center;
  align-items: center;
}

#sony-event .modal-vue .terms-modal-buttons .button-box {
  display: inline-block;
  overflow: hidden;
  margin: 20px 20px 0px 0px;
}

#sony-event .modal-vue .terms-modal-buttons .button-box img {
  width: 64px;
  height: 64px;
}

#sony-event .modal-vue .terms-modal-buttons .button-box {
  margin-top: 20px;
}

.hg-theme-default.hg-theme-ios.hg-theme-default [data-skbtn="@sony.com"],
.hg-theme-default.hg-theme-ios.hg-theme-default [data-skbtn="@hotmail.com"] {
  height: 44px !important;
  min-height: 5vh !important;
  margin-bottom: 8px;
}

#sony-event #app-selection-section .main-act-past {
  display: flex;
  justify-content: center;
  align-items: center;
}

#sony-event #app-selection-section .event-card {
  width: 728px;
  height: 304px;
  background: var(--body);
  padding: 0 40px;
}

#sony-event #app-selection-section .event-img {
  width: 300px;
  margin-top: -35px;
}

#sony-event #app-selection-section .event-content {
  margin: 66px 0 66px 0px;
  padding-left: 50px;
}

#sony-event #app-selection-section .event-heading {
  margin-bottom: 8px;
}

#sony-event #app-selection-section .event-para {
  margin-bottom: 32px;
}

#sony-event #app-selection-section .event-btn {
  line-height: 24px;
  display: flex;
  padding: 16px 24px 16px 32px;
  justify-content: center;
  align-items: center;
  border: 2px solid var(--button-color);
  background: var(--White);
  color: var(--button-color);
}

#sony-event #app-selection-section .event-all-content {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}

#sony-event #app-selection-section .main-act-past .event-card .event-content {
  margin-left: 8px;
}


@media screen and (max-width: 768px) {
  #sony-event #customer-mode .brand-select-form .form-wrapper {
    margin-bottom: 0;
  }

  #sony-event #customer-mode .disclaimer-label a {
    pointer-events: all;
  }

  #sony-event .modal-vue .terms-scrollbar,
  #sony-event .modal-vue .terms-modal-buttons {
    display: none;
  }

  #sony-event .heading-1 {
    font-size: 32px;
    font-weight: 700;
    line-height: 36px;
  }

  #sony-event #customer-mode .form-checklist {
    margin: 0;
  }

  #sony-event #customer-mode .brand-select-form {
    position: relative;
    padding: 12px 18px;
  }

  #sony-event #customer-mode .checkbox {
    padding: 16px 24px;
  }

  #sony-event #customer-mode .form-title {
    margin: 32px 0;
  }

  #sony-event .event-button-panel {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100vw;
    height: 76px;
    background-color: var(--white-color);
    box-shadow: none;
    border-top: 1px solid #D7D7DC;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  #sony-event #customer-mode .question-section button.next-btn {
    margin: 0 auto;
    width: calc(100% - 32px);
    padding: 10px 40px;
  }

  .hg-theme-default.hg-theme-ios.hg-theme-default .hg-button {
    min-height: 40px !important;
    min-width: 16px !important;
  }

  #sony-event .modal-vue .terms-modal-panel {
    height: 100%;
    overflow: auto;
    padding: 16px 16px 160px 16px;
  }

  #sony-event .modal-vue #official {
    padding: 0 !important;
    width: 100vw;
    height: calc(var(--cvh, 1vh) * 100);
  }

  #sony-event .modal-vue .modal {
    width: 100vw;
  }

  #sony-event .modal-vue #terms-modal-panel-outer {
    height: calc(100% - 64px);
    overflow: auto;
  }

  #sony-event .modal-vue .terms-modal-buttons .button-box {
    margin-top: 8px;
  }

  #sony-event .heading-2 {
    font-size: 24px;
    line-height: 32px;
  }

  #sony-event .subheading-1 {
    font-size: 16px;
    line-height: 20px;
    font-weight: normal;
  }

  #sony-event #slideshow {
    height: calc((var(--cvh) * 100) - 66px);
  }

  #sony-event .attract-loop {
    position: relative;
    overflow: hidden;
  }

  #sony-event #customer-mode .content-slider {
    width: 92%;
    padding: 20px;
    top: 50%;
  }

  #sony-template .customer-header {
    height: 66px;
  }

  #sony-event #customer-mode .check img {
    width: 24px;
    height: 24px;
  }

  #sony-event #customer-mode .form-item input, #sony-event #associate-mode .form-item input {
      height: 52px;
      padding: 16px 24px;
  }

  #sony-event #customer-mode .survey-section .survey-box .survey-checkbox,
  #sony-event #customer-mode .email-input .email-checkbox {
    height: 24px;
  }

  #sony-event #customer-mode .contet-box button {
    font-size: 16px;
    padding: 16px 40px;
  }

  #sony-event #customer-mode .brand-select-form .footer-wrapper {
    position: static;
    width: 100%;
    padding: 0 0px;
    margin-bottom: 20vh;
    margin-top: 26px;
  }
}


/* ************************************************************************************ */
/*                                 TOTEM TEMPLATE STYLES                                */
/* ************************************************************************************ */

#sony-totem.best-buy-disabled {
  --Primary-Yellow: #E55204;
}


#sony-totem.best-buy-disabled .heading-1,
#sony-totem.best-buy-disabled .heading-1 span,
#sony-totem.best-buy-disabled .heading-2,
#sony-totem.best-buy-disabled .heading-2 span,
#sony-totem.best-buy-disabled .heading-3,
#sony-totem.best-buy-disabled .heading-3 span,
#sony-totem.best-buy-disabled .heading-3-light,
#sony-totem.best-buy-disabled .heading-3-light span,
#sony-totem.best-buy-disabled .heading-4,
#sony-totem.best-buy-disabled .heading-4 span,
#sony-totem.best-buy-disabled .heading-5,
#sony-totem.best-buy-disabled .heading-5 span,
#sony-totem.best-buy-disabled .subheading-1,
#sony-totem.best-buy-disabled .subheading-1 span,
#sony-totem.best-buy-disabled .body-1-bold,
#sony-totem.best-buy-disabled .body-1-bold span,
#sony-totem.best-buy-disabled .body-2,
#sony-totem.best-buy-disabled .body-2 span,
#sony-totem.best-buy-disabled .body-2-bold,
#sony-totem.best-buy-disabled .body-2-bold span,
#sony-totem.best-buy-disabled .body-3,
#sony-totem.best-buy-disabled .body-3 span,
#sony-totem.best-buy-disabled .body-3-bold,
#sony-totem.best-buy-disabled .body-3-bold span,
#sony-totem.best-buy-disabled .body-4,
#sony-totem.best-buy-disabled .body-4 span,
#sony-totem.best-buy-disabled .body-4-bold,
#sony-totem.best-buy-disabled .body-4-bold span,
#sony-totem.best-buy-disabled .body-5,
#sony-totem.best-buy-disabled .body-5 span,
#sony-totem.best-buy-disabled .button-1,
#sony-totem.best-buy-disabled .button-1 span,
#sony-totem.best-buy-disabled div,
#sony-totem.best-buy-disabled span,
#sony-totem.best-buy-disabled applet,
#sony-totem.best-buy-disabled object,
#sony-totem.best-buy-disabled iframe,
#sony-totem.best-buy-disabled h1,
#sony-totem.best-buy-disabled h2,
#sony-totem.best-buy-disabled h3,
#sony-totem.best-buy-disabled h4,
#sony-totem.best-buy-disabled h5,
#sony-totem.best-buy-disabled h6,
#sony-totem.best-buy-disabled p,
#sony-totem.best-buy-disabled blockquote,
#sony-totem.best-buy-disabled pre,
#sony-totem.best-buy-disabled a,
#sony-totem.best-buy-disabled abbr,
#sony-totem.best-buy-disabled acronym,
#sony-totem.best-buy-disabled address,
#sony-totem.best-buy-disabled big,
#sony-totem.best-buy-disabled cite,
#sony-totem.best-buy-disabled code,
#sony-totem.best-buy-disabled del,
#sony-totem.best-buy-disabled dfn,
#sony-totem.best-buy-disabled em,
#sony-totem.best-buy-disabled img,
#sony-totem.best-buy-disabled ins,
#sony-totem.best-buy-disabled kbd,
#sony-totem.best-buy-disabled q,
#sony-totem.best-buy-disabled s,
#sony-totem.best-buy-disabled samp,
#sony-totem.best-buy-disabled small,
#sony-totem.best-buy-disabled strike,
#sony-totem.best-buy-disabled strong,
#sony-totem.best-buy-disabled sub,
#sony-totem.best-buy-disabled sup,
#sony-totem.best-buy-disabled tt,
#sony-totem.best-buy-disabled var,
#sony-totem.best-buy-disabled b,
#sony-totem.best-buy-disabled u,
#sony-totem.best-buy-disabled i,
#sony-totem.best-buy-disabled center,
#sony-totem.best-buy-disabled dl,
#sony-totem.best-buy-disabled dt,
#sony-totem.best-buy-disabled dd,
#sony-totem.best-buy-disabled ol,
#sony-totem.best-buy-disabled ul,
#sony-totem.best-buy-disabled li,
#sony-totem.best-buy-disabled fieldset,
#sony-totem.best-buy-disabled form,
#sony-totem.best-buy-disabled label,
#sony-totem.best-buy-disabled legend,
#sony-totem.best-buy-disabled table,
#sony-totem.best-buy-disabled caption,
#sony-totem.best-buy-disabled tbody,
#sony-totem.best-buy-disabled tfoot,
#sony-totem.best-buy-disabled thead,
#sony-totem.best-buy-disabled tr,
#sony-totem.best-buy-disabled th,
#sony-totem.best-buy-disabled td,
#sony-totem.best-buy-disabled article,
#sony-totem.best-buy-disabled aside,
#sony-totem.best-buy-disabled canvas,
#sony-totem.best-buy-disabled details,
#sony-totem.best-buy-disabled embed,
#sony-totem.best-buy-disabled figure,
#sony-totem.best-buy-disabled figcaption,
#sony-totem.best-buy-disabled footer,
#sony-totem.best-buy-disabled header,
#sony-totem.best-buy-disabled hgroup,
#sony-totem.best-buy-disabled menu,
#sony-totem.best-buy-disabled nav,
#sony-totem.best-buy-disabled output,
#sony-totem.best-buy-disabled ruby,
#sony-totem.best-buy-disabled section,
#sony-totem.best-buy-disabled summary,
#sony-totem.best-buy-disabled time,
#sony-totem.best-buy-disabled mark,
#sony-totem.best-buy-disabled audio,
#sony-totem.best-buy-disabled video,
#sony-totem.best-buy-disabled button,
#sony-totem.best-buy-disabled link {
  font-family: 'SST' !important;
}

#sony-totem.best-buy-disabled .heading-1,
#sony-totem.best-buy-disabled .heading-2,
#sony-totem.best-buy-disabled .heading-3,
#sony-totem.best-buy-disabled .heading-4,
#sony-totem.best-buy-disabled .heading-5,
#sony-totem.best-buy-disabled .body-1-bold,
#sony-totem.best-buy-disabled .body-2-bold,
#sony-totem.best-buy-disabled .body-3-bold,
#sony-totem.best-buy-disabled .body-4-bold,
#sony-totem.best-buy-disabled .button-1 {
  font-weight: 700;
}

#sony-totem.best-buy-disabled button,
#sony-totem.best-buy-disabled #home .take-quiz-section h3 {
  --black: var(--body);
}

#sony-totem .content-section .shop-card {
  width: 315px !important;
}

#sony-totem * {
  box-sizing: border-box;
  list-style: none;
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: subpixel-antialiased !important;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
}

html,
body,
#sony-totem div,
#sony-totem span,
#sony-totem applet,
#sony-totem object,
#sony-totem iframe,
#sony-totem h1,
#sony-totem h2,
#sony-totem h3,
#sony-totem h4,
#sony-totem h5,
#sony-totem h6,
#sony-totem p,
#sony-totem blockquote,
#sony-totem pre,
#sony-totem a,
#sony-totem abbr,
#sony-totem acronym,
#sony-totem address,
#sony-totem big,
#sony-totem cite,
#sony-totem code,
#sony-totem del,
#sony-totem dfn,
#sony-totem em,
#sony-totem img,
#sony-totem ins,
#sony-totem kbd,
#sony-totem q,
#sony-totem s,
#sony-totem samp,
#sony-totem small,
#sony-totem strike,
#sony-totem strong,
#sony-totem sub,
#sony-totem sup,
#sony-totem tt,
#sony-totem var,
#sony-totem b,
#sony-totem u,
#sony-totem i,
#sony-totem center,
#sony-totem dl,
#sony-totem dt,
#sony-totem dd,
#sony-totem ol,
#sony-totem ul,
#sony-totem li,
#sony-totem fieldset,
#sony-totem form,
#sony-totem label,
#sony-totem legend,
#sony-totem table,
#sony-totem caption,
#sony-totem tbody,
#sony-totem tfoot,
#sony-totem thead,
#sony-totem tr,
#sony-totem th,
#sony-totem td,
#sony-totem article,
#sony-totem aside,
#sony-totem canvas,
#sony-totem details,
#sony-totem embed,
#sony-totem figure,
#sony-totem figcaption,
#sony-totem footer,
#sony-totem header,
#sony-totem hgroup,
#sony-totem menu,
#sony-totem nav,
#sony-totem output,
#sony-totem ruby,
#sony-totem section,
#sony-totem summary,
#sony-totem time,
#sony-totem mark,
#sony-totem audio,
#sony-totem video,
#sony-totem button,
#sony-totem link {
  font-family: 'Human BBY';
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: subpixel-antialiased !important;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
}

body {
  padding: 0px;
  margin: 0px;
}

html, body {
  scroll-behavior: auto;
  overscroll-behavior: contain;
  overflow-x: clip;
}

/* Prevent the outer page from scrolling when a modal locks the body.
   Works when the template is embedded in an iframe (body.locked stops
   iframe's own scroll) and in direct-load mode. */
html:has(body.locked) {
  overflow: hidden;
}

body.locked {
  overflow: hidden;
}

#sony-totem .left-arrow-icon {
  width: 30px;
  height: 30px;
  margin-right: 8px;
}

#sony-totem .video-image {
  width: 100%;
  object-fit: contain;
  object-position: center;
}

#sony-totem .video-link {
  position: relative;
}

#sony-totem .video-link::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  height: 60px;
  width: 60px;
  background-image: url("assets/icons/video-media-thumbnail-icon.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 92%;
  transform: translate3d(-50%, -50%, 0);
}

#sony-totem .play-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  padding: 60px;
}

/* Attract loop */

#sony-template #transition-screen {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: calc(var(--cvh, 1vh) * 100);
  background-color: var(--black);
  z-index: 20000;
  opacity: 0;
  transition: opacity 280ms linear;
  pointer-events: none;
}

#sony-template #transition-screen.active {
  pointer-events: inherit;
  opacity: 1;
}

#sony-template #transition-screen video {
  display: block;
  width: 100vw;
  height: calc(var(--cvh, 1vh) * 100);
  object-fit: cover;
}

#sony-template #attract-loop-screen {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: calc(var(--cvh, 1vh) * 100);
  background-color: var(--black);
  z-index: 20000;
  opacity: 0;
  transition: opacity 280ms linear;
  pointer-events: none;
}

#sony-template #attract-loop-screen.active {
  pointer-events: inherit;
  opacity: 1;
}

#sony-template #attract-loop-screen video {
  display: block;
  width: 100vw;
  height: calc(var(--cvh, 1vh) * 100);
  object-fit: cover;
}

#sony-totem h2.title {
  padding: 15px 36px;
}

/* Media Gallery */

#sony-totem .main-media {
  min-height: calc(var(--cvh, 1vh) * 100);
  background: var(--body-color);
}

#sony-totem .outer-filter-box {
  color: var(--white-color);
  position: sticky;
  top: 58px;
  background: var(--body-color);
  z-index: 99;
  padding: 12px 0px 12px 0px;
}

#sony-totem .outer-media {
  padding: 0px 35px 22px;
  color: var(--white-color);
}

#sony-totem .inner-media {
  display: flex;
}

#sony-totem .media-gallery {
  flex-wrap: wrap;
}

#sony-totem .media-gallery1 {
  margin-top: 0px;
  justify-content: center;
}

#sony-totem .media-gallery1 p {
  margin-top: 16px;
  letter-spacing: .5px;
}

#sony-totem .category-hero-image-panel {
  width: 100vw;
  height: 300px;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  position: relative;
}

#sony-totem .category-hero-image-panel:after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  background: linear-gradient(0deg, var(--light-black) 0%, rgba(0, 0, 0, 0.50) 44.98%, rgba(0, 0, 0, 0.00) 100%);
  width: 100%;
  height: 100%;
  z-index: 20;
}

#sony-totem .category-hero-image-panel h2 {
  color: var(--white-color);
  position: absolute;
  left: 35px;
  bottom: 15px;
  z-index: 40;
}

#sony-totem .horizontal-line {
  margin: 0px;
  height: 1px;
}

#sony-totem .grid-container {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

#sony-totem .grid-column {
  width: calc(33% - 4px);
}

#sony-totem .grid-item {
  width: 100%;
  margin: 0 0 8px 0;
}

#sony-totem .grid-container div img {
  width: 100%;
}

#sony-totem .gallery-section {
  padding: 0 36px 36px 36px;
  padding-top: 12px;
  padding-bottom: 220px;
}

#sony-totem .modal2 .gallery-section {
  padding: 36px;
  padding-bottom: 200px;
}

@media screen and (max-width: 768px) {
  body.black-background {
    background-color: var(--black);
  }

  #sony-totem .inner-media {
    display: flex;
    flex-direction: column;
  }

  #sony-totem .media-gallery {
    color: var(--white-color);
    margin-left: 0px;
  }

  #sony-totem .filter-product {
    margin-left: 0px;
  }

  #sony-totem .carousel-image {
    height: 727px !important;
  }

}

/*--------------------------------Behind The Page--------------------------------*/

#sony-totem .carousel-image {
  background-color: transparent;
  overflow: hidden;
  height: 1080px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid var(--border-gray);
}

#sony-totem .carousel-image .media-image,
#sony-totem .carousel-image .media-video {
  position: absolute;
  height: 100%;
  object-fit: contain;
  display: block;
  left: 50%;
  top: 50%;
  width: 100%;
  transform: translate3d(-50%, -50%, 0);
  background-color: var(--black);
}

#sony-totem .left-arrow {
  position: absolute;
  left: 20px;
  z-index: 200;
  filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.25));
}

#sony-totem .right-arrow {
  position: absolute;
  right: 20px;
  z-index: 200;
  filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.25));
}

#sony-totem .focal-length {
  padding: 20px 36px;
  box-sizing: border-box;
  width: 100vw;
  display: flex;
  justify-content: space-between;
}

#sony-totem .focal-length ul {
  display: flex;
  padding: 0px;
  margin: 0px;
}

#sony-totem .length-focal {
  margin: 0px 0px !important;
}

#sony-totem .behind-product-outer {
  display: flex;
  flex-direction: column;
  color: var(--white-color);
}

#sony-totem .behind-product-inner {
  display: flex;
  align-items: center;
  position: relative;
}

#sony-totem .behind-product-inner .behind-product-inner-label {
  color: var(--dark-grey);
  white-space: nowrap;
  padding-right: 30px;
}

#sony-totem .behind-product-inner img {
  margin-left: 8px;
  height: 20px;
  width: 20px;
}

#sony-totem .behind-product-inner1 span {
  margin-top: 6px;
}

#sony-totem .behind-shot {
  color: var(--white-color);
  padding: 15px 36px 23px 36px;
}

#sony-totem .behind-shot h1 {
  color: var(--white-color);
}

#sony-totem .behind-shot p {
  text-align: justify;
  margin: 20px 0px 20px 0px;
}

#sony-totem .behind-shot p span {
  text-decoration: underline;
  text-decoration-color: var(--Primary-Yellow);
  font-weight: 500;
}

#sony-totem .profile-lizzy {
  display: flex;
  align-items: center;
  margin-top: 1.1rem;
}

#sony-totem .profile-lizzy img {
  width: 64px;
  height: 64px;
  margin-right: 15px;
}

#sony-totem .profile-lizzy-simple {
  color: var(--white-color);
}

#sony-totem .profile-lizzy-simple b {
  font-weight: 500;
}

#sony-totem .shot-with-outer {
  background-color: var(--white-color);
  color: var(--body-color);
  padding: 24px 30px 140px 30px;
}

#sony-totem .shot-with-outer h2 {
  margin-bottom: 20px;
}

#sony-totem .shot-with-inner {
  display: flex;
  align-items: flex-start;
}

#sony-totem .shot-with-inner:first-child {
  margin-top: 0px;
}

#sony-totem .shot-with-inner {
  margin-bottom: 44px;
}

#sony-totem .shot-with-inner img {
  object-fit: contain;
  width: 141px;
  height: 141px
}

#sony-totem .shot-with-inner .product-image {
  position: relative;
}

#sony-totem .shot-content {
  margin-right: 24px;
  margin-left: 24px;
  width: 50%;
}

#sony-totem .product-image {
  width: 20%;
}

#sony-totem .product-price {
  width: 30%;
}

#sony-totem .product-price span {
  opacity: 0.7;
}

#sony-totem .shot-content p {
  color: var(--black);
  margin-top: 4px;
}

#sony-totem .shot-content-inner {
  display: flex;
  margin-top: 15px;
}

#sony-totem .shot-content-inner .scan {
  color: var(--black);
  background-color: var(--Primary-Yellow);
  padding: 10px 32px;
  margin-left: 0px;
  border: none;
}

/*--------------------------------Behind The Page End--------------------------------*/

#sony-totem .pointer {
  cursor: pointer;
}

#sony-totem .carousel-image {
  position: relative;
}

#sony-totem .play-btn img {
  height: 100px;
}

@keyframes animatebottom {
  from {
    bottom: -(var(--cvh, 1vh) * 100);
    opacity: 0;
  }

  to {
    bottom: 0;
    opacity: 1;
  }
}

@keyframes animateTop {
  to {
    bottom: -(var(--cvh, 1vh) * 100);
    opacity: 0;
  }

  from {
    bottom: 0;
    opacity: 1;
  }
}

/* modal */

#sony-totem .modal {
  height: calc(var(--cvh, 1vh) * 100);
  background: var(--black);
  position: fixed;
  top: 0;
  left: 0px;
  width: 100%;
  z-index: 99;
  overflow: auto;
  overflow-x: hidden;
}

#sony-totem .tooltip {
  position: relative;
}

#sony-totem .tooltip-icon {
  position: absolute;
  display: inline-block;
  right: -20px;
  top: -26px;
  padding: 20px;
}

#sony-totem .tooltip .tooltiptext {
  visibility: hidden;
  position: absolute;
  width: 350px;
  background-color: var(--white-color);
  color: var(--black) !important;
  text-align: left;
  padding: 20px 20px 58px;
  border-radius: 6px;
  z-index: 1;
  opacity: 0;
  transition: opacity .6s;
  display: flex;
  flex-direction: column;
  margin-bottom: 6px;
}

#sony-totem .tooltiptext a.button {
  border: none;
  padding: 0;
  margin: 0;
  border: 0;
  background-color: transparent;
  color: var(--black);
  position: absolute;
  bottom: 20px;
  left: 20px;
}

#sony-totem .tooltip-top {
  bottom: 16px;
  left: -5px;
  margin-left: -60px;
  z-index: 100;
}

#sony-totem .tooltip-right {
  bottom: 16px;
  right: 0;
  margin-right: -20px;
  z-index: 100;
}

#sony-totem .tooltip-top::after {
  content: "";
  position: absolute;
  top: 98%;
  left: 14%;
  margin-left: -5px;
  border-width: 10px;
  border-style: solid;
  border-color: var(--white-color) transparent transparent transparent;
}

#sony-totem .tooltip-right::after {
  content: "";
  position: absolute;
  top: 98%;
  right: 6%;
  margin-left: -5px;
  border-width: 10px;
  border-style: solid;
  border-color: var(--white-color) transparent transparent transparent;
}

#sony-totem .tooltip .tooltiptext.active {
  visibility: visible;
  opacity: 1;
}

/*----------------------------------Product Page start------------------------------*/

#sony-totem .back-btn {
  background-color: var(--black);
  position: sticky;
  top: 0px;
  z-index: 220;
  height: 72px;
  border-bottom: 1px solid var(--border-gray);
}

#sony-totem .back-btn-flat {
  border-radius: 0 !important;
}

#sony-totem .back-btn button {
  background: transparent;
  border: none;
  color: var(--white-color);
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  cursor: pointer;
  padding: 8px;
}

#sony-totem .back-btn h3 {
  color: var(--white-color);
  margin: 0px;
  padding: 0px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
}

#sony-totem .product-image-section {
  position: relative;
  height: 226px;
  white-space: nowrap;
  width: 100vw;
  overflow: hidden;
}

#sony-totem .product-image-section figure {
  height: 100%;
  display: inline-block;
}

#sony-totem .product-image-section figure img {
  height: 100%;
}

#sony-totem .product-image-section button {
  display: inline-flex;
  padding: 10px 20px;
  align-items: center;
  border-radius: 8px;
  border: 2px solid var(--best-buy-blue);
  background: var(--white-color);
  background-color: var(--white-color);
  color: var(--best-buy-blue);
  position: absolute;
  right: 36px;
  bottom: 24px;
}

#sony-totem .product-content-outer {
  padding-left: 36px;
  padding-right: 36px;
  background: var(--off-white);
  padding-bottom: 49px;
}

#sony-totem .product-content-outer-white {
  background: var(--white-color);
}

#sony-totem .product-content-outer .card_label {
  color: var(--black);
  height: 32px;
  white-space: nowrap;
  width: 100%;
  display: flex;
  align-items: center;
  margin-top: 6px;
  transform: translateY(5px);
  color: var(--black-70);
}

#sony-totem .product-content-outer .card_label b {
  color: var(--white-color);
  text-align: center;
  margin-right: 10px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: block;
  line-height: 22px;
}

#sony-totem .sonyg-outer {
  display: flex;
  justify-content: space-between;
  padding-top: 32px;
}

#sony-totem .modal-sku {
  margin-top: 8px;
}

#sony-totem .modal-sku span {
  opacity: 0.7;
  color: var(--black);
  text-align: center;
}

#sony-totem .camera-price {
  display: flex;
}

#sony-totem .modal2,
#sony-totem .modal1 {
  height: calc(var(--cvh, 1vh) * 100);
  background: var(--white-color);
  position: fixed;
  top: 0;
  left: 0px;
  width: 100%;
  z-index: 99;
  overflow: auto;
}

#sony-totem .modal2 {
  z-index: 199;
  background: var(--off-white);
}

#sony-totem .camera-price h1,
#sony-totem .product-price h1 {
  color: var(--black);
}

#sony-totem .camera-price h1 small {
  opacity: 0.7;
}

#sony-totem .camera-price button {
  margin-left: 12px;
  background-color: var(--promo-red);
  color: var(--white-color);
  padding: 4px 12px;
  border: none;
  font-weight: 500;
}

#sony-totem .sonyg-inner1 h6 {
  margin-top: 5px;
}

#sony-totem .qr-code-section-outer {
  display: flex;
  flex-direction: column;
}

#sony-totem .qr-code-section-inner1 {
  width: 300px;
  padding: 15px;
  display: flex;
  background: var(--gray);
  margin-top: 36px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 36px;
}

#sony-totem .qr-code-section-inner1 span.qr-description {
  padding: 0 16px;
  color: var(--black);
  width: 193px;
  margin-left: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
}

#sony-totem .qr-code-section-inner1 span.callout {
  padding: 0 16px;
  background-color: var(--Primary-Yellow);
  color: var(--black);
  width: 193px;
  margin-left: 12px;
  display: flex;
  align-items: center;
  line-height: 20.8px;
}

#sony-totem .qr-code-section-inner2 {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}

#sony-totem .qr-code-section-inner2 p {
  width: 259px;
  color: var(--black-70);
  margin-left: 8px;
}

#sony-totem .lens-para span {
  color: var(--best-buy-blue);
}

#sony-totem .qr-code-section-inner2 .lens-simulator {
  width: 24px;
  height: 24px;
  margin: 5px 0px 5px;
  object-fit: cover;
}

#sony-totem .buy-now {
  color: var(--black);
  background-color: var(--Primary-Yellow);
  padding: 11px 16px;
  margin-left: 0px;
  opacity: 1;
  border: none;
}

#sony-totem .qr-code-section-inner2 .in-stock {
  color: var(--green);
}

#sony-totem .qr-code-section-inner2 .in-stock-low-note {
  color: var(--sold-out-red);
}

#sony-totem .qr-code-section-inner2 .out-of-stock {
  color: var(--sold-out-red);
}

#sony-totem .sub-camera {
  margin-top: 16px;
  text-align: center;
}

#sony-totem .compatibility-image-outer {
  display: flex;
  margin-top: 30px;
}

#sony-totem .compatibility-image {
  background-color: var(--border-gray);
  width: 40px;
  height: 40px;
}

#sony-totem .tabs-outer {
  display: flex;
  justify-content: space-evenly;
  position: relative;
  border-bottom: 1px solid var(--gray);
  margin-left: -36px;
  width: 100vw;
}

#sony-totem .tabs-outer h2 {
  line-height: 41px;
  padding: 0 24px;
  border-bottom: 4px solid transparent;
}

#sony-totem .tabs-outer h2.p-tab-active {
  border-bottom: 4px solid var(--best-buy-blue);
  font-weight: 500;
  opacity: 1;
}

#sony-totem .product-active {
  font-weight: 600 !important;
}

#sony-totem .product-outer hr {
  margin: 0px;
  padding: 0px;
  margin-top: 15px;
  background-color: var(--gray-light);
  line-height: 0.91px;
}

#sony-totem .one-world-sync-loader-title {
  width: 260px;
  height: 22px;
  border-radius: 7.652px;
  background: var(--gray);
  margin-bottom: 26px;
  animation: one-world-sync-loader-pulse 1800ms ease-in infinite;
}

#sony-totem .one-world-sync-loader-paragraph {
  width: 100%;
  height: 18px;
  margin-bottom: 3px;
  border-radius: 7.652px;
  background: var(--gray);
  animation: one-world-sync-loader-pulse 1800ms ease-in infinite;
}

#sony-totem .one-world-sync-loader-image {
  width: 401.723px;
  height: 311.431px;
  margin: 22px auto;
  background: var(--gray);
  animation: one-world-sync-loader-pulse 1800ms ease-in infinite;
}

@keyframes one-world-sync-loader-pulse {

  0%,
  100% {
    background-color: var(--gray);
  }

  50% {
    background-color: var(--dark-grey-light);
  }
}

#sony-totem .one-world-sync-content-outer {
  margin: 36px 0px 36px 0px;
}

#sony-totem .feature-content-outer {
  margin: 36px 0px 36px 0px;
}

#sony-totem .feature-content-outer ul {
  margin-left: 20px;
}

#sony-totem .feature-content-outer ul li {
  list-style-type: disc;
  color: var(--black);
  margin-bottom: 16px;
}

#sony-totem .feature-image div {
  width: 318px !important;
  height: 230px !important;
  overflow: hidden;
  position: relative;
}

#sony-totem .product-image-panel {
  border: 1px solid var(--gray);
  display: flex;
  width: 277px;
  height: 277px;
  padding: 41px 0px 35px 0px;
  justify-content: flex-end;
  background: var(--white-color) !important;
  position: relative;
}

#sony-totem .variant-label {
  margin-bottom: 8px;
  color: var(--black);
}

#sony-totem .variant-label span {
  opacity: 0.7;
}

#sony-totem .product-variant-button {
  width: 96px;
  height: 81px;
  display: inline-block;
  margin-right: 6px;
  border-radius: 4px;
  border: 1px solid var(--off-gray);
  background: var(--white-color);
}

#sony-totem .product-variant-button.active {
  border-radius: 4px;
  border: 2px solid var(--best-buy-blue);
}

#sony-totem .variant-image-panel {
  width: 64px;
  height: 64px;
  margin: 0 auto;
}

#sony-totem .variant-image-panel img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

#sony-totem .variant-price {
  color: var(--black);
  text-align: center;
  display: block;
  width: 100%;
  transform: translateY(-10px);
}

#sony-totem .product-image-thumbnail-panel {
  display: inline-block;
  margin-right: 6px;
}

#sony-totem .product-image-thumbnail-panel:last-child {
  margin-right: 0;
}

#sony-totem .product-image-thumbnail-panel.active {
  border-radius: 4px;
  border: 2px solid var(--black);
}

#sony-totem .product-image-thumbnail-panel img,
#sony-totem .product-image-panel img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}

#sony-totem .feature-image div img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

#sony-totem .feature-content-inner {
  display: flex;
  margin-bottom: 56px;
  align-items: center;
}

#sony-totem .feature-content {
  margin-left: 40px;
}

#sony-totem .feature-content p {
  margin-top: 8px;
  opacity: 0.7;
}

#sony-totem .feature-content-outer h2 {
  color: var(--black);
  margin-bottom: 12px;
  padding-right: 40px;
}

#sony-totem .feature-content-outer .feature-content h2 {
  color: var(--black);
  margin-top: 13px;
  margin-bottom: 0;
}

#sony-totem .high-resolution {
  margin-top: 56px;
}

#sony-totem .feature-content-left {
  margin-left: 0px;
  margin-right: 40px;
}

#sony-totem .feature-no-picture {
  margin-bottom: -20px;
}

#sony-totem .specification-inner3 h6:first-child {
  margin-top: 0px;
}

#sony-totem .specification-content-outer hr {
  background-color: var(--gray-light);
  line-height: 0.91px;
}

#sony-totem .specification-content-outer {
  margin-top: 36px;
  margin-bottom: 100px;
}

#sony-totem .review-content-outer {
  margin-top: 36px;
}

#sony-totem .gallery-inner1 {
  justify-content: center;
  display: flex;
  flex-direction: column;
}

#sony-totem .gallery-outer {
  margin-top: 0px;
}

#sony-totem .sonyg-inner1 {
  width: 319px;
}

#sony-totem .modal2 .product-content-outer .sonyg-inner2 {
  width: 320px;
  overflow: hidden;
  box-sizing: border-box;
  flex-grow: 0;
  flex-shrink: 0;
  height: 210px;
}

#sony-totem .sonyg-inner2 .productImage {
  padding-top: 32px;
  padding-bottom: 32px;
  height: 100%;
  width: 100%;
  object-fit: contain;
}

#sony-totem .product-outer {
  margin-bottom: 0px;
}

#sony-totem .productImage {
  height: 238px;
  flex-shrink: 0;
}

#sony-totem .copyright {
  margin-top: 40px;
  opacity: 0.7;
  color: var(--black);
}

/* why sony screen */

#sony-totem .why-sony-modal {
  height: calc(var(--cvh, 1vh) * 100);
  background: var(--darker-gray-modal);
  position: fixed;
  top: 0;
  left: 0px;
  width: 100%;
  z-index: 99;
  overflow: auto;
  color: var(--white-color);
}

#sony-totem .why-header {
  background-color: var(--black);
  position: relative;
  overflow: hidden;
  height: 300px;
}

#sony-totem .customWhyHeader {
  justify-content: space-between;
}

#sony-totem .why-header-inner {
  position: absolute;
  left: 36px;
  bottom: 14px;
  z-index: 20;
}

#sony-totem .why-sony-hero-overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: linear-gradient(0deg, var(--light-black) 0%, rgba(0, 0, 0, 0.50) 44.98%, rgba(0, 0, 0, 0.00) 100%);
  z-index: 10;
}

#sony-totem .why-header-inner h1 {
  color: var(--white-color);
}

#sony-totem .reward-section {
  color: var(--white-color);
  background-color: var(--body-color);
  padding: 44px 36px 52px;
}

#sony-totem .reward-section h2 {
  margin-bottom: 16px;
}

#sony-totem .reward-section .slider {
  height: 264px;
  width: 100%;
}

#sony-totem .why-testimonial {
  display: flex;
  margin-top: 52px;
}

#sony-totem .why-testimonial-inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0px 0px 0px 30px;
}

#sony-totem .why-testimonial-image {
  width: 308px;
  max-width: none;
}

#sony-totem .why-testimonial-inner .testimonial-title {
  display: flex;
  margin-bottom: 32px;
}

#sony-totem .why-testimonial-inner .testimonial-title h5 {
  display: flex;
}

#sony-totem .why-testimonial-inner .testimonial-title img {
  width: 64px;
  height: 74.086px;
  flex-shrink: 0;
  margin-right: 20px;
}

#sony-totem .why-testimonial-inner h6 {
  margin-top: 20px;
  color: var(--white-color);
  opacity: 0.8;
}

#sony-totem .why-testimonial-inner p {
  color: var(--white-color);
  opacity: 0.8;
}

#sony-totem .technology-section {
  padding: 40px 36px 200px 36px;
  background: var(--darker-gray-modal);
}

#sony-totem .technology-section h2 {
  margin-bottom: 32px;
  color: var(--white-color);
  text-align: center;
}

#sony-totem .px-12 {
  padding-left: 12px;
  padding-right: 12px;
}

#sony-totem .w-md-4 {
  width: 33.3333333333%;
  height: auto;
}

#sony-totem .mb-24 {
  margin-bottom: 24px;
}

#sony-totem .technology-section .grid {
  display: flex;
  flex-wrap: wrap;
  max-width: 100vw;
  margin: 0 auto;
}

#sony-totem .technology-section .card {
  background-color: var(--white-sony);
  color: var(--black);
  overflow: hidden;
  height: 100%;
}

#sony-totem .technology-section .card-image-panel {
  width: 100%;
  height: 202px;
  position: relative;
  overflow: hidden;
}

#sony-totem .technology-section .card .card-image {
  position: relative;
  left: 50%;
  top: 0;
  width: 100%;
  transform: translate3d(-50%, 0, 0);
  display: block;
}

#sony-totem .technology-section .card .grid-content {
  padding: 16px;
}

#sony-totem .grid-content p {
  margin-top: 8px;
  margin-bottom: 16px;
}

#sony-totem .grid-content .learn-more {
  color: var(--best-buy-blue);
  text-decoration: underline;
  white-space: nowrap;
  display: flex;
  align-items: center;
}

#sony-totem .grid-content .learn-more img {
  height: 16px;
  width: 16px;
  margin-top: 4px;
  margin-right: 6px;
}

#sony-totem .header-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* video modal */

#sony-totem .modal-fade.in {
  opacity: 1;
  z-index: 9999;
}

#sony-totem .modal-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#sony-totem .modal-fade {
  opacity: 0;
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
  z-index: -1;
}

#sony-totem .video-modal {
  position: fixed;
  top: 0%;
  left: 0%;
  width: 100vw;
  height: calc(var(--cvh, 1vh) * 100);
  align-items: center;
  justify-content: center;
  background: var(--filter-modal);
  z-index: 999;
}

#sony-totem .modal-content {
  margin: auto;
  transition: all 0.5s;
}

#sony-totem .close {
  padding: 31.9px 26.9px 0px 0px;
  float: right;
  cursor: pointer;
}

#sony-totem .close img {
  width: 52px;
  height: 52px;
}

/* Offlien banner modal */

#sony-totem .offline-banner-modal {
  position: fixed;
  top: 0%;
  left: 0%;
  width: 100vw;
  height: calc(var(--cvh, 1vh) * 100);
  align-items: center;
  background-color: var(--filter-modal);
  z-index: 99999 !important;
}

#sony-totem .offline-banner-content {
  margin: 30% 36px 0 36px;
  padding: 36px 0;
  text-align: center;
  background-color: var(--white-color);
}

#sony-totem .offline-banner-content h2 {
  padding-top: 30px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: var(--black);
}

#sony-totem .offline-banner-content .offline-banner-qr-code-panel {
  display: flex;
  text-align: left;
  margin: 0 auto;
  justify-content: center;
  align-items: center;
}

#sony-totem .offline-banner-content .offline-banner-qr-code-panel > div:nth-child(2) {
  margin-left: 24px;
  width: 300px;
}

#sony-totem .offline-banner-content hr {
  margin: 40px 0;
  background-color: #E0E0E0;
  border: none;
  height: 1px;
}

#sony-totem .offline-banner-content .offline-banner-content-main {
  padding: 26px 32px 0;
}

#sony-totem .offline-banner-content .offline-banner-content-main b {
  font-weight: 500;
}

#sony-totem .offline-banner-modal-btn {
  display: flex;
  margin-top: 36px;
}

#sony-totem .offline-banner-modal-btn button {
  width: 100%;
  height: 49px;
  color: var(--black);
}

#sony-totem .offline-banner-modal-btn .btn-continue {
  background-color: var(--Primary-Yellow);
  color: var(--black);
  border: none;
}

/* session Time Out modal */

#sony-totem .sessionTimeOut-modal {
  position: fixed;
  top: 0%;
  left: 0%;
  width: 100vw;
  height: calc(var(--cvh, 1vh) * 100);
  align-items: center;
  justify-content: center;
  background-color: var(--filter-modal);
  z-index: 999999 !important;
}

#sony-totem .sessionTimeOut-content {
  height: 239px;
  margin: 30% 36px 0px 36px;
  background-color: var(--white-color);
}

#sony-totem .sessionTimeOut-content h2 {
  padding-top: 30px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: var(--black);
}

#sony-totem .sessionTimeOut-content .timeout-content {
  padding: 26px 32px 22px;
}

#sony-totem .sessionTimeOut-content .timeout-content b {
  font-weight: 500;
}

#sony-totem .timeout-btn {
  display: flex;
  margin-top: 36px;
}

#sony-totem .timeout-btn button {
  width: 50%;
  height: 49px;
  color: var(--black);
}

#sony-totem .timeout-btn .btn-continue {
  margin-left: 20px;
  background-color: var(--Primary-Yellow);
  color: var(--black);
  border: none;
}

#sony-totem .timeout-btn .btn-end {
  background: var(--white-color);
  border: 2px solid var(--gray);
  color: var(--black-sony);
}

/* why sony slider */

#sony-totem .carousel {
  position: relative;
  width: 100%;
  overflow: hidden;
}

#sony-totem .carousel-container {
  display: flex;
  transition: transform 0.5s ease-in-out;
}

#sony-totem .carousel-post {
  flex: 0 0 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

#sony-totem .carousel-post img {
  width: 100%;
  height: 240px;
}

#sony-totem .customCarousel_Box {
  position: relative;
}

#sony-totem .customCarousel_Box .carouselPrev img,
#sony-totem .customCarousel_Box .carouselNext img {
  width: 40px;
  height: 40px;
  flex-shrink: 0;
}

#sony-totem .customCarousel_Box .carouselPrev {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -20px;
  z-index: 40;
  filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.25));
}

#sony-totem .customCarousel_Box .carouselNext {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -20px;
  z-index: 40;
  filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.25));
}

#sony-totem .carousel-controls {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: 4px;
  left: 0;
  right: 0;
}

#sony-totem .carousel-dots {
  display: flex;
  justify-content: center;
  align-items: center;
}

#sony-totem .dot {
  width: 12px;
  height: 12px;
  background-color: var(--gray-sony-light);
  border-radius: 50%;
  margin: 0 5px;
  cursor: pointer;
}

#sony-totem .active-dot {
  background-color: var(--black);
}

/* video controls */

#sony-totem #videoBox {
  max-width: 800px;
  min-width: 250px;
  max-height: 450px;
  min-height: 140.6px;
  position: relative;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  overflow: hidden;
  box-shadow: 0 2px 30px 0 var(--black-sony);
  background-color: transparent;
  margin: 5% auto
}

#sony-totem #customVideo {
  cursor: pointer;
  width: 100%;
}

#sony-totem .control-bar {
  box-sizing: border-box;
  transition: all .5s ease;
  color: var(--white-sony-light);
  position: absolute;
  bottom: 0;
  left: 0%;
  right: 0;
  border-radius: 8px;
}

#sony-totem .video-modal-content-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
}

#sony-totem .video-modal-content {
  position: absolute;
  height: 411px;
  width: 100vw;
  overflow: hidden;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  z-index: 200;
}

#sony-totem .modal-content h4.zoom-in-box {
  z-index: 300;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.25);
}

#sony-totem .video-player {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
}

#sony-totem .video-seekbar {
  height: 4px;
  display: block;
  position: absolute;
  bottom: 28px;
  width: calc(100% - 250px);
  right: 120px;
  border-radius: 50px;
  background: var(--light-gray)
}

#sony-totem .video-controls-panel {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: opacity 600ms linear;
  pointer-events: none;
  background: linear-gradient(0deg, var(--light-black) 0%, var(--black) 100%);
}

#sony-totem .video-controls-panel.active {
  pointer-events: all;
  opacity: 1;
}

#sony-totem .video-seekbar-progress {
  height: 4px;
  background-color: var(--white-color);
  border-radius: 50px;
}

#sony-totem #volumeBtn {
  height: 32px;
  position: absolute;
  right: 52px;
  bottom: 13px;
}

#sony-totem .p-level {
  color: var(--white-color);
  text-align: right;
  margin-left: 0;
  position: absolute;
  bottom: 22px;
  left: 36px;
}

#sony-totem input.volumeSeekBar {
  width: 15%;
  margin-right: 2%
}

/* product category */

#sony-totem #all-category .content-section,
#sony-totem #latest-sony .content-section {
  width: 100vw;
  padding: 0px 36px 55px 36px;
}

#sony-totem #latest-sony {
  min-height: calc(var(--cvh, 1vh) * 100);
  background-color: var(--off-white);
}

#sony-totem #all-category .content-section .feature-title,
#sony-totem #latest-sony .content-section .feature-title {
  margin-top: 30px;
  margin-bottom: 19px;
}

#sony-totem #all-category .content-section .content-type,
#sony-totem #latest-sony .content-section .content-type {
  display: flex;
  flex-wrap: wrap;
}

#sony-totem #all-category .content-section .content-type-box,
#sony-totem #latest-sony .content-section .content-type-box {
  width: 48%;
  margin-bottom: 24px;
}

#sony-totem #all-category .content-section .content-type-box-video .content-box-image-panel,
#sony-totem #latest-sony .content-section .content-type-box-video .content-box-image-panel {
  position: relative;
}

#sony-totem #latest-sony .content-section .content-type-box-video .content-box-image-panel img {
  object-fit: cover;
  width: 100%;
}

#sony-totem #all-category .content-section .content-type-box-video .content-box-image-panel::after,
#sony-totem #latest-sony .content-section .content-type-box-video .content-box-image-panel::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  height: 60px;
  width: 60px;
  background-image: url("assets/icons/video-media-thumbnail-icon.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 92%;
  transform: translate3d(-50%, -50%, 0);
}

#sony-totem .content-type>div:nth-child(2n) {
  margin-left: 24px;
}

#sony-totem #all-category .content-section h3,
#sony-totem #latest-sony .content-section h3 {
  color: var(--white-color);
  margin-top: 16px;
}

#sony-totem #all-category .content-section p {
  color: var(--white-color);
  opacity: 0.7;
  margin-top: 5px;
  line-height: 20px;
}

#sony-totem #all-category .content-section h2,
#sony-totem #latest-sony .content-section h2 {
  color: var(--white-color);
}

#sony-totem #all-category .content-section .grid-main {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

#sony-totem #all-category .content-section .grid-main .grid-items {
  text-align: center;
  width: 202px;
  margin-top: 24px;
}

#sony-totem #all-category .content-section .image-section {
  display: flex;
  background: var(--black);
  border: 1px solid var(--black-50);
  padding: 26.182px 0px 26.595px 0px;
  justify-content: center;
  align-items: center;
  height: 165px;
  position: relative;
}

#sony-totem #all-category .content-section .grid-main img {
  width: 100%;
}

/* Product category details */

#sony-totem .main {
  background: var(--off-white);
  min-height: calc((var(--cvh, 1vh) * 100) - 72px);
}

#sony-totem img {
  height: auto;
  max-width: 100%;
  vertical-align: middle;
}

#sony-totem .filter {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#sony-totem .filter p.result {
  color: var(--black);
  margin-top: 30px;
  margin-left: 36px;
}

#sony-totem .filter .filter-button {
  color: var(--black);
  margin-top: 31px;
  margin-right: 36px;
  border: 2px solid var(--gray);
  background: var(--white-color);
  height: 40px;
  padding: 10px 20px;
  justify-content: center;
  align-items: center;
  display: flex;
}

#sony-totem .filter .filter-button img {
  display: inline-block;
  margin-right: 8px;
}

#sony-totem .filter .filter-button.active {
  border: 2px solid var(--best-buy-blue);
  color: var(--best-buy-blue);
}

#sony-totem .filter .filter-button b {
  width: 22px;
  height: 22px;
  background-color: var(--best-buy-blue);
  border-radius: 50px;
  line-height: 25px;
  text-align: center;
  color: var(--white-color);
  margin-right: 8px;
}

#sony-totem .cards-wide .cards_item {
  width: 100%;
}

#sony-totem .cards-wide .cards_item .card {
  flex-direction: row;
  margin-bottom: 18px;
}

#sony-totem .what-is-on-display-products-selected .cards-wide .cards_item .card {
  margin-bottom: 0;
}

#sony-totem .cards-wide .cards_item .card_image {
  width: 204px;
  margin-right: 24px;
  margin-bottom: 0px;
  flex: 0 0 204px;
}

#sony-totem .card {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

#sony-totem .what-is-on-display-products-selected {
  margin-bottom: -32px;
}

#sony-totem .cards {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin: 16px 36px 0px 36px;
  justify-content: left;
  padding-bottom: 200px;
}

#sony-totem #category-details .today-deals-slider {
  background-color: var(--white);
  height: 52vh !important;
  position: relative;
}

#sony-totem #category-details .today-deals-slider .customCarousel_Box {
  height: 100%;
  background-color: var(--white);
  overflow: hidden;
}

#sony-totem #category-details .today-deals-slider .customCarousel_Box .dot {
  margin: 0 16px;
  background-color: var(--gray);
}

#sony-totem #category-details .today-deals-slider .customCarousel_Box .dot.active {
  background-color: var(--gray-dark);
}

#sony-totem #category-details .today-deals-slider .customCarousel_Box .slider-outer {
  height: calc(100% + 5px) !important;
  margin-top: 2.5vh;
}

#sony-totem #category-details .today-deals-slider .customCarousel_Box .slider-outer .slider {
  height: 100% !important;
}

#sony-totem #category-details .today-deals-slider .customCarousel_Box .slider-outer .slider .slide img {
  opacity: 0.5;
  transition: all 500ms;
  width: 80% !important;
  height: 80% !important;
  object-fit: contain;
}

#sony-totem #category-details .today-deals-slider .customCarousel_Box .slider-outer .slider .slide.active img {
  width: 100% !important;
  height: 100% !important;
  opacity: 1;
}

#sony-totem #category-details .today-deals-slider .customCarousel_Box .slider-outer .slider .slide {
  height: 82.7% !important;
  flex: 0 0 60% !important;
  scroll-snap-align: center;
  position: relative;
}

#sony-totem #category-details .today-deals-slider .customCarousel_Box .slider-outer .slider .slide.active img.zoom-icon,
#sony-totem #category-details .today-deals-slider .customCarousel_Box .slider-outer .slider .slide img.zoom-icon {
  position: absolute;
  bottom: 15px;
  right: 15px;
  width: 52px !important;
  height: 52px !important;
  border: none !important;
  top: auto;
  opacity: 0;
  transform: opacity 350ms linear;
  pointer-events: none;
}

#sony-totem #category-details .today-deals-slider .customCarousel_Box .slider-outer .slider .slide.active img.zoom-icon {
  opacity: 1;
}

#sony-totem #category-details .today-deals-slider .customCarousel_Box .slider-outer .slider .slide.fake-slide {
  background-color: transparent;
  flex: 0 0 20% !important;
}

#sony-totem #category-details .today-deals-slider .carouselPrev img,
#sony-totem #category-details .today-deals-slider .carouselNext img {
  width: 52px;
  height: 52px;
}

#sony-totem #category-details .today-deals-slider .carouselPrev {
  left: 6vw;
  transform: none;
  top: calc(50% - 50px);
  display: block !important;
}

#sony-totem #category-details .today-deals-slider .carouselNext {
  right: 6vw;
  transform: none;
  top: calc(50% - 50px);
  display: block !important;
}

#sony-totem #category-details .today-deals-slider .dots {
  bottom: 32px;
  padding: 0;
}

#sony-totem .cards_item {
  display: flex;
  padding: 0rem;
  width: calc(33% - 12px);
  margin: 0 21px 21px 0;
}

#sony-totem .what-is-on-display-products-selected .cards_item {
  margin: 0 0 32px 0;
}

#sony-totem .what-is-on-display-products-selected  .cards_item:nth-child(3n) {
  margin: 0 0 32px 0;
}

#sony-totem .cards_item:nth-child(3n) {
  margin: 0 0 0 0;
}

#sony-totem .card {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  width: 100%;
}

#sony-totem .card_title {
  color: var(--black);
}

#sony-totem .card_image {
  background-color: var(--white-color);
  height: 200px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 16px;
  width: 100%;
  flex-direction: column;
  position: relative;
}

#sony-totem .card_image_with_label {
  height: 202px;
}

#sony-totem .card_image_with_label .card_label,
#sony-totem .product-content-outer .card_label {
  color: var(--black-70);
  height: 24px;
  white-space: nowrap;
  width: 100%;
  display: flex;
  align-items: center;
  padding-left: 8px;
  margin-top: 8px;
  margin-left: -6px;
  transform: none;
}

#sony-totem .card_image_with_label .card_label b,
#sony-totem .product-content-outer .card_label b {
  color: var(--white-color);
  text-align: center;
  margin-right: 8px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  line-height: 24px;
  display: block;
}

#sony-totem .card_image img {
  width: 173px;
  height: 170px;
  object-fit: contain;
  object-position: center;
}

#sony-totem .question-section .product_rating {
  margin: 4px 0 0;
}

#sony-totem .product_rating {
  display: flex;
  justify-content: flex-start;
  margin: 8px 0;
  align-items: center;
}

#sony-totem .product_rating .rating_stars {
  position: relative;
  left: -2px;
}

#sony-totem .product_rating .rating_stars img {
  height: 16px;
  width: 96px;
  max-width: none;
  display: block;
}

#sony-totem .product_rating .rating_stars .active-stars {
  position: absolute;
  left: 0;
  width: 0%;
  overflow: hidden;
  top: 0;
}

#sony-totem .product_rating .rating_text {
  transform: translateY(2px);
  white-space: nowrap;
}

#sony-totem .shot-content .product_rating .rating_text {
  color: var(--black);
}

#sony-totem .content-save {
  display: flex;
  margin-top: 4px;
}

#sony-totem .content-save-inline {
  display: block;
  margin-top: 6px;
  text-align: left;
}

#sony-totem .content-save-inline p.text {
  margin-left: 0 !important;
}

#sony-totem .content-save p.save {
  color: var(--white-color);
  background: var(--promo-red);
  padding: 4px 7px;
  justify-content: center;
  align-items: center;
}

#sony-totem .content-save p.text {
  color: var(--black);
  margin-left: 11px;
  margin-top: 4px;
}

/* Filter modal */
#sony-totem .filter-modal {
  position: fixed;
  top: 0%;
  left: 0%;
  width: 100vw;
  height: calc(var(--cvh, 1vh) * 100);
  align-items: center;
  justify-content: center;
  background-color: var(--filter-modal);
  z-index: 1039 !important;
}

#sony-totem .filter-content {
  position: relative;
  margin: 25% 12%;
  background-color: var(--white-color);
}

#sony-totem .buy-header {
  text-align: center;
  display: flex;
  height: 75px;
  flex-direction: column;
  justify-content: center;
}

#sony-totem .buy-content {
  position: absolute;
  background-color: var(--white-color);
  width: 541px;
  height: 286px;
  margin: 0px auto;
  top: 334px;
  top: 334px;
  left: 50%;
  transform: translateX(-50%);
}

#sony-totem .close-icon {
  position: absolute;
  right: 0;
  padding: 12px 12px 0px 0px;
  z-index: 20;
}

#sony-totem .buy-body {
  padding: 28px;
  display: flex;
  width: 100%;
  padding-bottom: 64px;
  background-color: var(--white-color);
}

#sony-totem .inner-content {
  padding: 24px 16px 24px 16px;
}

#sony-totem .card-drop_1 {
  width: 215px;
  margin-right: 14px;
  height: 178px;
}

#sony-totem .card-drop_2 {
  margin-left: 14px;
  width: 50%;
  height: 178px;
  border-left: 1px solid var(--gray-light);
}

#sony-totem .inner-card {
  width: 180px;
}

#sony-totem .inner-card img {
  width: 26px;
  height: 26px !important;
  position: relative;
  bottom: 2px;
}

#sony-totem .stock-button {
  border-radius: 27px;
  border: 1px solid var(--green-light);
  color: var(--green-light);
  display: inline-block;
  padding: 2px 8px;
  margin-left: 4px;
  transform: translateY(-1px);
}

#sony-totem .stock-button-sold-out {
  border: 1px solid var(--sold-out-red);
  color: var(--sold-out-red);
}

#sony-totem .title-body h1 {
  color: var(--black);
  margin-top: 20px;
  margin-bottom: 12px;
}

#sony-totem .footer-card p {
  color: var(--black);
  line-height: 16px;
  opacity: 0.7;
}

#sony-totem .qr-code {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 6px solid var(--white-color);
}

#sony-totem .buy-body .qr-code {
  border: none;
}

#sony-totem .qr-code p {
  margin-left: 14px;
  width: 126px;
  color: var(--black);
  line-height: 16px;
}

#sony-totem .filter-body {
  height: 652px;
  padding: 24px 28px 28px;
  overflow-y: scroll;
}

#sony-totem .filter-header {
  border-bottom: 1px solid var(--gray);
  height: 73px;
  background-color: var(--white-color);
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

#sony-totem .filter-footer {
  border-top: 1px solid var(--gray);
  padding: 28px;
  display: flex;
}

#sony-totem .filter-footer .btn-continue {
  margin-left: 20px;
  background-color: var(--Primary-Yellow);
  border: none;
  display: inline-flex;
  padding: 10px 18px;
  justify-content: center;
  align-items: center;
  color: var(--black);
}

#sony-totem .filter-footer button {
  color: var(--best-buy-blue);
  border: none;
  background-color: var(--white-color);
}

#sony-totem .feature-box {
  margin-bottom: 24px;
  margin-top: 24px;
}

#sony-totem .feature_list {
  display: flex;
  padding: 12px 0px 12px 10px;
  grid-template-columns: repeat(2, 1fr);
  justify-content: space-between;
}

#sony-totem .active-box {
  background: var(--light-blue);
}

#sony-totem .checkbox_list {
  margin-bottom: 16px;
  margin-top: 16px;
}

#sony-totem .feature_list h6 {
  color: var(--black);
  width: 50%;
}

#sony-totem .check_list h3.disabled {
  opacity: 0.3;
}

#sony-totem .check_list h3 span {
  position: relative;
  top: 2px;
  margin-left: 5px;
}

#sony-totem .filter-body .m-top {
  margin-top: 40px;
}

#sony-totem .filter-body .m-top-0 {
  margin-top: 0;
}

#sony-totem .filter-footer {
  display: flex;
  justify-content: space-between;
}

#sony-totem .check_list {
  display: flex;
  flex-flow: wrap;
  justify-content: space-between;
}

#sony-totem .check_list h3 {
  color: var(--black);
  width: 50%;
  margin-bottom: 16px;
  display: flex;
  width: calc(50% - 20px);
  align-items: flex-start;
}

#sony-totem .check_list h3 .check_list_label {
  display: block;
  padding-top: 3px;
}

#sony-totem .check_list h3 img {
  display: block;
  margin-right: 4px;
}

#sony-totem .arrow-box {
  margin-top: 55px;
}

#sony-totem .left-arrows {
  position: absolute;
  left: -20px;
  z-index: 200;
  filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.25));
}

#sony-totem .right-arrows {
  position: absolute;
  right: -20px;
  z-index: 200;
  filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.25));
}

/* Home Screen */

#sony-totem #home {
  background: var(--body-color);
  padding: 0px 36px;
  color: var(--white-color);
}

:not(#converge-widget-scroll):not([data-converge-widget]) > #sony-template #sony-totem #home {
  min-height: calc(var(--cvh, 1vh) * 100);
}

#sony-totem #home.top-shifted {
  margin-top: 0;
  overflow: hidden;
}

#sony-totem #home.top-shifted .banner-wrapper {
  margin-top: -25px;
}

#sony-totem #home .home-title {
  padding-top: 16px;
  padding-bottom: 16px;
}

#sony-totem #home .home-slider {
  padding-top: 56px;
}

#sony-totem #home .new-home-slider {
  padding-top: 28px !important;
}

#sony-totem #home .home-section {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 28px;
}

#sony-totem #home .new-h4 {
  margin-bottom: 25px !important;
}

#sony-totem #home h4 {
  text-align: center;
  margin-bottom: 28px;
  margin-top: 12px;
}

#sony-totem #home .content-section .image-section {
  display: flex;
  background: var(--black);
  border: 1px solid var(--dark-grey);
  justify-content: center;
  align-items: center;
  width: 202px;
  height: 202px;
  overflow: hidden;
  margin: 0 auto;
}

#sony-totem .homeText {
  margin-left: 8px;
}

/* Feature video section */

#sony-totem #latest-sony .content-section h2 {
  color: var(--black);
}

#sony-totem #latest-sony .content-section h3 {
  color: var(--black);
}

/* compare tab */

#sony-totem .compare-tab {
  margin-top: 40px;
}

#sony-totem .compare-tab .compare-section {
  margin-bottom: 23px;
  border: 1px solid var(--gray);
  position: relative;
}

#sony-totem .compare-tab .compare-section .compare-img {
  width: 100%;
  display: block;
}

#sony-totem .zoom-icon {
  width: 60px;
  height: 60px;
  position: absolute;
  right: 14px;
  top: 14px;
}

/* Video details */

#sony-totem .video-details-modal-content {
  position: relative;
  height: 409px;
  width: 100vw;
  overflow: hidden;
  top: 0%;
  left: 0;
  z-index: 200;
  border-bottom: 1px solid var(--border-gray);
}

#sony-totem .relevant-product {
  min-height: 750px;
}

#sony-totem .video-content p {
  margin-top: 3px;
}

/* compare Modal */

#sony-totem .media-modal {
  position: fixed;
  top: 0%;
  left: 0%;
  width: 100vw;
  height: calc(var(--cvh, 1vh) * 100);
  background: var(--filter-modal);
  z-index: 999;
}

#sony-totem .media-modal .close {
  position: absolute;
  z-index: 300;
  top: 0px;
  right: 0px;
}

#sony-totem .media-modal .close img {
  width: 76px;
  height: 76px;
}

#sony-totem .media-modal .modal-content {
  overflow: auto;
  width: 100vw;
  height: calc(var(--cvh, 1vh) * 100);
  display: flex;
  align-items: center;
}

#sony-totem .media-modal.media-overflowing .modal-content {
  display: block;
}

#sony-totem .media-modal .media {
  width: 100vw;
  max-width: none;
  max-height: none;
  display: block;
}

#sony-totem .media-modal .zoom-in-2 .media {
  width: 200vw;
}

#sony-totem .media-modal .zoom-in-3 .media {
  width: 300vw;
}

#sony-totem .camera-price-save {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

#sony-totem .camera-price-save p,
#sony-totem .save-details p,
#sony-totem .in-stock p {
  line-height: 16px;
  letter-spacing: -0.07px;
  font-size: 14px;
}

#sony-totem .save-details:first-child {
  margin-top: 0;
}

#sony-totem .sony-product-detail-buy-button .buy-now {
  width: 100%;
}

#sony-totem .save-details {
  display: flex;
  width: 319px;
  padding: 12px 24px 12px 16px;
  justify-content: center;
  align-items: center;
  border: 1px solid var(--gray);
  background: var(--white-color);
  margin-top: 8px;
}

#sony-totem .save-details b {
  color: var(--promo-red);
  font-weight: 500;
}

#sony-totem .in-stock {
  display: inline-flex;
  align-items: center;
  margin-top: 24px;
}

#sony-totem .in-stock b {
  color: var(--green-light);
}

#sony-totem #what-is-on-display-detail {
  background-color: var(--off-white);
  height: calc(var(--cvh, 1vh) * 100);
  overflow: hidden;
}

#sony-totem #what-is-on-display-detail .what-is-on-display-navigation {
  height: 52px;
  background-color: var(--white-color);
  color: var(--black);
  line-height: 20px;
}

#sony-totem #what-is-on-display-detail .what-is-on-display-navigation ul {
  display: flex;
  justify-content: space-around;
  align-items: center;
  height: 100%;
}

#sony-totem #what-is-on-display-detail .what-is-on-display-navigation li {
  height: 100%;
  display: flex;
  align-items: center;
  border-bottom: 5px solid transparent;
}

#sony-totem #what-is-on-display-detail .what-is-on-display-navigation li.active {
  font-weight: 500;
  border-bottom: 5px solid var(--best-buy-blue);
}

#sony-totem #what-is-on-display-detail .what-is-on-display-planogram-picture {
  height: 452px;
  width: 100vw;
  position: relative;
  overflow: auto;
}

#sony-totem #what-is-on-display-detail .what-is-on-display-planogram-picture-box {
  height: 452px;
  width: 100vw;
  position: relative;
}

#sony-totem #what-is-on-display-detail .what-is-on-display-planogram-picture-box.zoom-in-2 {
  height: calc(452px * 2);
  width: calc(727px * 2);
}

#sony-totem #what-is-on-display-detail .what-is-on-display-planogram-picture-box.zoom-in-3 {
  height: calc(452px * 3);
  width: calc(727px * 3);
}

#sony-totem #what-is-on-display-detail .what-is-on-display-planogram-picture .planogram-slot {
  position: absolute;
}

#sony-totem #what-is-on-display-detail .what-is-on-display-planogram-picture .planogram-slot .close-icon {
  position: absolute;
  width: 20px;
  height: 20px;
  right: -10px;
  top: -10px;
  padding: 0;
  z-index: 300;
}

#sony-totem #what-is-on-display-detail .what-is-on-display-planogram-picture .zoom-in-2 .planogram-slot .close-icon {
  width: calc(20px * 2);
  height: calc(20px * 2);
  right: calc(-10px * 2);
  top: calc(-10px * 2);
}

#sony-totem #what-is-on-display-detail .what-is-on-display-planogram-picture .zoom-in-3 .planogram-slot .close-icon {
  width: calc(20px * 3);
  height: calc(20px * 3);
  right: calc(-10px * 3);
  top: calc(-10px * 3);
}

#sony-totem #what-is-on-display-detail .what-is-on-display-planogram-picture .planogram-slot {
  outline: 1px solid var(--white-color);
}

#sony-totem #what-is-on-display-detail .what-is-on-display-planogram-picture .planogram-slot.not-active {
  outline: 1px solid var(--dark-grey);
}

#sony-totem #what-is-on-display-detail .what-is-on-display-planogram-picture .planogram-slot.active {
  outline: 3px solid var(--white-color);
  z-index: 300;
}

#sony-totem #what-is-on-display-detail .what-is-on-display-planogram-picture .zoom-in-2 .planogram-slot.active {
  outline: 6px solid var(--white-color);
}

#sony-totem #what-is-on-display-detail .what-is-on-display-planogram-picture .zoom-in-3 .planogram-slot.active {
  outline: 9px solid var(--white-color);
}

#sony-totem #what-is-on-display-detail .what-is-on-display-planogram-picture .planogram-slot-labels {
  position: absolute;
  width: 30px;
  bottom: calc(100% + 6px);
  left: 0;
  width: 100%;
  text-align: center;
}

#sony-totem #what-is-on-display-detail .what-is-on-display-planogram-picture .planogram-slot-labels.left-aligned {
  text-align: left;
  text-align: left;
  bottom: auto;
  top: 4px;
  left: 4px;
}

#sony-totem #what-is-on-display-detail .what-is-on-display-planogram-picture .planogram-slot-labels.left-aligned span {
  margin: 0;
}

#sony-totem #what-is-on-display-detail .what-is-on-display-planogram-picture .planogram-slot-labels span {
  width: 24px;
  height: 24px;
  background-color: var(--green-secondary);
  border-radius: 50%;
  text-align: center;
  line-height: 24px;
  color: var(--white-color);
  display: block;
  margin-bottom: 4px;
  margin-left: auto;
  margin-right: auto;
}

#sony-totem #what-is-on-display-detail .what-is-on-display-planogram-picture .zoom-in-2 .planogram-slot-labels span {
  width: calc(24px * 2);
  height: calc(24px * 2);
  line-height: calc(24px * 2);
  font-size: calc(12px * 2);
}

#sony-totem #what-is-on-display-detail .what-is-on-display-planogram-picture .zoom-in-3 .planogram-slot-labels span {
  width: calc(24px * 3);
  height: calc(24px * 3);
  line-height: calc(24px * 3);
  font-size: calc(12px * 3);
}

#sony-totem #what-is-on-display-detail .what-is-on-display-planogram-picture-outer {
  position: relative;
}

#sony-totem #what-is-on-display-detail .what-is-on-display-planogram-picture-outer h4.tap-note {
  color: var(--black);
  position: absolute;
  top: 15px;
  left: 50%;
  padding: 4px 24px;
  transform: translateX(-50%);
  border-radius: 62px;
  background: var(--white-50);
  z-index: 50;
}

#sony-totem h4.zoom-in-box {
  color: var(--black);
  position: absolute;
  bottom: 15px;
  left: 50%;
  padding: 10px 16px;
  transform: translateX(-50%);
  border-radius: 62px;
  background: var(--white-50);
  z-index: 50;
  display: flex;
  align-items: center;
  justify-content: center;
}

#sony-totem h4.zoom-in-box img {
  margin: 0 8px;
  display: block;
}

#sony-totem h4.zoom-in-box img.disabled {
  opacity: 0.5;
}

#sony-totem #what-is-on-display-detail .what-is-on-display-planogram-picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

#sony-totem #what-is-on-display-detail .what-is-on-display-planogram-categories {
  display: flex;
  padding: 14px 36px;
  background-color: var(--white-color);
  align-items: baseline;
}

#sony-totem #what-is-on-display-detail .what-is-on-display-planogram-categories h3 {
  color: var(--black);
  padding-right: 20px;
}

#sony-totem #what-is-on-display-detail .what-is-on-display-planogram-categories .categories-list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

#sony-totem #what-is-on-display-detail .what-is-on-display-planogram-categories .categories-list>div {
  display: flex;
  align-items: center;
  padding: 6px 0;
  padding-right: 20px;
}

#sony-totem #what-is-on-display-detail .what-is-on-display-planogram-categories .categories-list .category-name {
  color: var(--black);
  line-height: 16px;
}

#sony-totem #what-is-on-display-detail .what-is-on-display-planogram-categories .categories-list .category-label {
  width: 24px;
  height: 24px;
  background-color: var(--green-secondary);
  border-radius: 50%;
  text-align: center;
  line-height: 22px;
  color: var(--white-color);
  display: block;
  margin-right: 8px;
}

#sony-totem #what-is-on-display-detail .what-is-on-display-products {
  padding: 32px 0;
  height: calc((var(--cvh, 1vh) * 100) - 576px);
  overflow-y: scroll;
}

#sony-totem #what-is-on-display-detail .what-is-on-display-selected-products h1,
#sony-totem #what-is-on-display-detail .what-is-on-display-products h1 {
  padding: 0 36px;
  color: var(--black);
  line-height: 36px;
}

#sony-totem #what-is-on-display {
  background-color: var(--off-white);
}

#sony-totem #what-is-on-display .content-section {
  padding: 8px 32px;
  height: calc((var(--cvh, 1vh) * 100) - 72px);
  overflow: hidden;
}

#sony-totem #what-is-on-display h2 {
  color: var(--black);
  margin-top: 24px;
}

#sony-totem #what-is-on-display h5 {
  color: var(--black);
}

#sony-totem #what-is-on-display .planogram-map-panel {
  position: relative;
  width: 100vw;
  left: -30px;
  height: calc((var(--cvh, 1vh) * 100) - 138px);
  display: flex;
  justify-content: center;
  align-items: center;
}

#sony-totem #what-is-on-display .planogram-map {
  max-height: 80vh;
  display: block;
  margin: 0 auto;
}

#sony-totem #what-is-on-display .planogram-map-panel .planogram-link-overlay-front {
  background: transparent;
  z-index: 10;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 23%;
}

#sony-totem #what-is-on-display .planogram-map-panel .planogram-link-overlay-left {
  background: transparent;
  z-index: 10;
  position: absolute;
  top: 23%;
  left: 0;
  width: 50%;
  height: 54%;
}

#sony-totem #what-is-on-display .planogram-map-panel .planogram-link-overlay-right {
  background: transparent;
  z-index: 10;
  position: absolute;
  top: 23%;
  right: 0;
  width: 50%;
  height: 54%;
}

#sony-totem #what-is-on-display .planogram-map-panel .planogram-link-overlay-cabinet {
  background: transparent;
  z-index: 10;
  position: absolute;
  top: 77%;
  left: 0;
  width: 100%;
  height: 23%;
}

#sony-totem #what-is-on-display .planogram-map-panel h3 {
  color: var(--black);
  line-height: 20px;
}

#sony-totem #what-is-on-display .planogram-map-panel p {
  color: var(--black);
  margin-bottom: 8px
}

#sony-totem #what-is-on-display .category-name {
  color: var(--black);
  line-height: 16px;
  margin-left: 5px;
}

#sony-totem #what-is-on-display .categories-list {
  margin-top: 12px;
  display: flex;
  flex-wrap: wrap;
}

#sony-totem #what-is-on-display .categories-list>div {
  margin-right: 10px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 12px;
  flex: 0 0 200px;
}

#sony-totem #what-is-on-display .category-label {
  color: var(--white-color);
  text-align: center;
  margin-right: 4px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  line-height: 24px;
  display: inline-block;
  margin-right: 2px;
}

#sony-totem #what-is-on-display .planogram-map-panel a {
  color: var(--best-buy-blue);
  text-decoration-line: underline;
  display: block;
  margin-top: 16px;
}

#sony-totem #what-is-on-display .planogram-map-front,
#sony-totem #what-is-on-display .planogram-map-left,
#sony-totem #what-is-on-display .planogram-map-right,
#sony-totem #what-is-on-display .planogram-map-cabinet {
  background-color: var(--white-color);
  padding: 12px 16px 12px 16px;
  border: 1px solid var(--off-gray);
  width: 160px;
  box-sizing: border-box;
}

#sony-totem #what-is-on-display .planogram-map-front {
  position: absolute;
  left: calc(50% - 126px);
  top: calc(50% - 480px);
  transform: translate3d(26px, -60px, 0);
  width: 200px;
}

#sony-totem #what-is-on-display .planogram-map-front:after {
  content: '';
  display: block;
  width: 16px;
  height: 16px;
  border-right: 1px solid var(--off-gray);
  border-bottom: 1px solid var(--off-gray);
  transform: rotate(45deg);
  position: absolute;
  bottom: -10px;
  left: calc(50% - 8px);
  background: var(--white-color);
}

#sony-totem #what-is-on-display .planogram-map-left {
  position: absolute;
  left: calc(50vw - 342px);
  top: 51.1vh;
  transform: translate3d(-14px, -60px, 0);
  width: 160px;
}

#sony-totem #what-is-on-display .planogram-map-left:after {
  content: '';
  display: block;
  width: 16px;
  height: 16px;
  border-left: 1px solid var(--off-gray);
  border-bottom: 1px solid var(--off-gray);
  transform: rotate(-135deg);
  position: absolute;
  top: 45px;
  right: -9px;
  background: var(--white-color);
}

#sony-totem #what-is-on-display .planogram-map-right {
  position: absolute;
  left: calc(50vw + 208px);
  top: 44vh;
  transform: translate3d(-14px, -60px, 0);
  width: 160px;
}

#sony-totem #what-is-on-display .planogram-map-right:after {
  content: '';
  display: block;
  width: 16px;
  height: 16px;
  border-left: 1px solid var(--off-gray);
  border-bottom: 1px solid var(--off-gray);
  transform: rotate(45deg);
  position: absolute;
  top: 45px;
  left: -9px;
  background: var(--white-color);
}

#sony-totem #what-is-on-display .planogram-map-cabinet {
  position: absolute;
  left: calc(50vw - 78px);
  top: 79.2vh;
  transform: translate3d(-14px, -60px, 0);
  width: 200px;
}

#sony-totem #what-is-on-display .planogram-map-cabinet:after {
  content: '';
  display: block;
  width: 16px;
  height: 16px;
  border-left: 1px solid var(--off-gray);
  border-bottom: 1px solid var(--off-gray);
  transform: rotate(135deg);
  position: absolute;
  top: -9px;
  right: calc(50% - 8px);
  background-color: var(--white-color);
}

/* new css */

#sony-totem #home .take-quiz-section {
  display: inline-flex;
  padding: 24px 32px 24px 32px;
  align-items: center;
  border: 1px solid var(--dark-grey);
  background: var(--Primary-Yellow);
}

#sony-totem #home .take-quiz-section>div,
#sony-totem .explore-section>div {
  width: 50%;
}

#sony-totem #gallery .gallery-footer>div:first-child {
  width: 56%;
}

#sony-totem .explore-section .explore-content {
  padding: 0px 25px 0px 36px;
  color: var(--black);
}

#sony-totem .explore-section .explore-content p {
  margin-top: 12px;
}

#sony-totem .explore-section .banner-img {
  width: 100%;
}

#sony-totem #home .take-quiz-section h3 {
  color: var(--black);
}

#sony-totem #home .take-quiz-btn,
#sony-totem #gallery .lens-simulator,
#sony-totem .explore-section .explore-now-btn,
#sony-totem .promo-carousel-banner-btn,
#sony-totem .promo-carousel-button {
  display: flex;
  width: 203px;
  padding: 10px 20px;
  justify-content: center;
  align-items: center;
  border: none;
  background: var(--black-sony);
  margin-left: 92px;
  color: var(--black);
}

#sony-totem #home .take-quiz-btn {
  color: var(--white-color);
}

#sony-totem .lens-section {
  padding-top: 24px;
}

#sony-totem .explore-section .explore-now-btn {
  margin-left: 0px;
  padding: 10px 32px;
  margin-top: 24px;
}

#sony-totem #gallery .lens-simulator,
#sony-totem .explore-section .explore-now-btn {
  color: var(--black);
  background: var(--Primary-Yellow);
  white-space: nowrap;
}

#sony-totem #home .banner-wrapper {
  display: flex;
  justify-content: space-between;
  gap: 17px;
  margin-bottom: 17px;
}

#sony-totem #home .promo-carousel-banner {
  position: relative;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  border: 1px solid var(--dark-grey);
  background: var(--black);
  overflow: hidden;
  flex: 2 0 66%;
  min-width: 240px;
  height: 100%;
  padding: 36px 24px;
}

#sony-totem #home .promo-carousel-banner::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}

#sony-totem #home .promo-carousel-banner .image-section {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 0;
}

#sony-totem #home .promo-carousel-banner .image-section img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#sony-totem #home .promo-carousel-banner .heading-3 {
  color: var(--white-color);
  margin: 0 0 9px 0;
  width: 75%;
  z-index: 2;
}

#sony-totem #home .promo-carousel-banner .body-3 {
  color: var(--white-color);
  margin: 0 0 24px 0;
  width: 75%;
  z-index: 2;
}

#sony-totem #home .promo-carousel-banner-btn {
  margin: 10px 0;
  background: var(--button-color);
  color: var(--white-color);
  z-index: 2;
}

#sony-totem #home .take-quiz-section-main {
  flex: 1 0 33%;
  min-width: 203px;
}

#sony-totem #home .banner-wrapper:not(:has(.promo-carousel-banner)) .take-quiz-section-main {
  width: 100%;
}

#sony-totem #home .banner-wrapper:not(:has(.promo-carousel-banner)) .take-quiz-section {
  width: 100%;
}

#sony-totem #home .banner-wrapper:has(.promo-carousel-banner) {
  height: 220px;
}

#sony-totem #home .banner-wrapper:has(.promo-carousel-banner) .take-quiz-section-main .take-quiz-section {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 36px 24px;
  text-align: center;
}

#sony-totem #home .banner-wrapper:has(.promo-carousel-banner) .take-quiz-section-main .take-quiz-btn {
  padding: 10px 20px;
  margin: 24px;
  width: 100%;
  min-width: 155px;
}


#sony-totem .promo-carousel-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: var(--filter-modal) !important;
  z-index: 999999;
  display: flex;
  align-items: center;
  justify-content: center;
}

#sony-totem .promo-carousel-modal .modal-content {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

#sony-totem .promo-carousel-modal .close {
  position: absolute;
  top: 28px;
  right: 28px;
  z-index: 10001;
  cursor: pointer;
  padding: 0;
}

[data-converge-widget] #sony-totem .promo-carousel-modal .close {
  position: fixed;
}

#sony-totem .promo-carousel-modal .close img {
  width: 68px;
  height: 68px;
}

#sony-totem .promo-carousel-modal .promo-carousel-slider-wrapper {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

#sony-totem .promo-carousel-modal .promo-carousel-slider {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

#sony-totem .promo-carousel-modal .promo-carousel-slide {
  width: 100%;
  height: 100%;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 90px;
}

#sony-totem .promo-carousel-modal .promo-carousel-slide.active {
  display: flex;
}

#sony-totem .promo-carousel-modal .promo-carousel-slide-content {
  width: 100%;
  max-width: 1400px;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  max-width: 680px;
  min-width: 300px;
}

#sony-totem .promo-carousel-modal .promo-carousel-image-wrapper {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

#sony-totem .promo-carousel-modal .promo-carousel-image {
  max-height: 1000px;
  width: 100%;
  display: block;
}

#sony-totem .promo-carousel-modal .promo-carousel-image-footer {
  background-color: white;
  width: 100%;
  padding: 40px;
}


#sony-totem .promo-carousel-modal .promo-carousel-button {
  color: white;
  cursor: pointer;
  margin: 0 auto;
}

#sony-totem .promo-carousel-modal .carouselPrev {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0px;
  margin-left: 20px;
  filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.25));
}

#sony-totem .promo-carousel-modal .carouselNext {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0px;
  margin-right: 20px;
}

#sony-totem .promo-carousel-modal .promo-carousel-dots {
  position: absolute;
  bottom: 133px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 16px;
  z-index: 10000;
}

[data-converge-widget] #sony-totem .promo-carousel-modal .promo-carousel-dots  {
  position: fixed;
}

#sony-totem .promo-carousel-modal .promo-carousel-dots .dot {
  width: 12px;
  height: 12px;
  background-color: #D9D9D9;
  border-radius: 50%;
  cursor: pointer;
}

#sony-totem .promo-carousel-modal .promo-carousel-dots .dot.active {
  background-color: #818181;
}

#sony-totem #home .customCarousel_dotControl {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 0;
  right: 0;
  padding: 16px 0;
}

/* gallery */

#sony-totem #gallery .outer-media h1 {
  color: var(--white-color);
  margin-top: 40px;
}

#sony-totem #gallery .filter-button {
  display: inline-flex;
  height: 40px;
  padding: 8px 16px;
  justify-content: center;
  align-items: center;
  border: 2px solid var(--dark-grey);
  background: var(--black);
  color: var(--white-color);
  float: right;
  margin-bottom: 24px;
  text-transform: capitalize;
}

#sony-totem #gallery .filter-button.active {
  border: 2px solid var(--bby-blue-dark-ui);
  color: var(--bby-blue-dark-ui);
}

#sony-totem #gallery .filter-button span {
  width: 22px;
  height: 22px;
  background: var(--bby-blue-dark-ui);
  border-radius: 50%;
  text-align: center;
  color: var(--black);
  margin-right: 8px;
}

#sony-totem #gallery .filter-button img {
  display: inline-block;
  margin-right: 8px;
  width: 24px;
  height: 24px;
}

#sony-totem #gallery .gallery-footer {
  display: inline-flex;
  padding: 32px 36px 32px 36px;
  position: fixed;
  left: 0px;
  right: 0;
  bottom: 0px;
  background: var(--darker-gray);
  border-top: 1px solid var(--dark-grey);
  color: var(--off-white);
  align-items: center;
  height: 128px;
}

#sony-totem #gallery .gallery-footer h3 {
  color: var(--off-white);
}

#sony-totem .help-btn {
  position: fixed;
  bottom: 8px;
  right: 16px;
  z-index: 100;
}

#sony-totem .behind-shot .see-more {
  color: var(--bby-blue-dark-ui);
  text-decoration: none;
  margin-bottom: 0px;
}

#sony-totem .explore-section {
  display: flex;
  align-items: center;
  margin: 0px 36px 17px 36px;
  color: var(--black);
  background: var(--white-color);
}

/*frequently section */

#sony-totem #frequently h3 {
  padding-bottom: 8px;
  border-bottom: 1px solid var(--gray);
}

#sony-totem #frequently .cardInfo {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 28px;
}

#sony-totem #frequently .cardInfo .cardsDetail {
  margin-top: 16px;
}

#sony-totem #frequently .cardInfo .cardImg {
  display: flex;
  width: 146px;
  height: 146px;
  padding: 10px;
  justify-content: center;
  align-items: center;
  background: var(--white-color);
}

#sony-totem #frequently .cardImg img {
  height: 130px;
  width: 125px;
  object-fit: contain;
  object-position: center;
}

#sony-totem #frequently .cardContent {
  display: flex;
  width: 146px;
  flex-direction: column;
  align-items: flex-start;
}

#sony-totem #frequently .cardContent h4 {
  font-weight: 500;
}

#sony-totem #frequently .cardInfo li:not(:nth-child(1)):not(:nth-child(5)) {
  margin-left: 18px;
}

#sony-totem #frequently .cardHeading {
  color: var(--black);
  margin-top: 12px;
}

#sony-totem #frequently .caption-bold {
  color: var(--black-70);
  background: var(--gray);
  padding: 2px 8px;
  margin: 12px 0px -4px 0px;
}

#sony-totem .lens-simulator {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 16px;
  padding: 24px 36px 0px 36px;
}

#sony-totem .lens-simulator-img {
  width: 100%;
  height: 205px !important;
  object-fit: cover;
}

#sony-totem .edit-card {
  padding: 14px;
  border: 2px solid var(--gray);
  width: 100%;
  height: 100%;
  background: var(--white-color);
}

#sony-totem .explore-card {
  width: 50%;
  padding: 6px;
}

#sony-totem .edit-card h4 {
  margin: 14px 0px;
}

#sony-totem .edit-card p {
  color: var(--black-70);
}

#sony-totem .edit-card h5 {
  color: var(--best-buy-blue);
  display: flex;
  align-items: baseline;
  margin-top: 16px;
}

#sony-totem .edit-card h5 img {
  width: 6px;
  margin-left: 8px;
}

#sony-totem .edit-header {
  padding: 8px 0 0px 5px;
}

#sony-totem .lens-simulator-title {
  padding-left: 36px;
  display: flex;
  align-items: baseline;
}

#sony-totem .focalLength h2 img {
  width: 20px;
  height: 20px;
  margin-left: 8px;
}

#sony-totem .edit-outer {
  padding-bottom: 0 !important;
}

#sony-totem .edit-outer .lens-tabs {
  border-bottom: 0;
  margin-left: 0;
  width: 100%;
}

#sony-totem .edit-outer .lens-tabs h2 {
  position: relative;
  display: inline-block;
}

#sony-totem .edit-outer .lens-tabs h2.active {
  font-weight: 500;
}

#sony-totem .edit-outer .lens-tabs h2:after {
  position: absolute;
  content: "";
  display: table;
  left: 50%;
  width: 0;
  height: 4px;
  background: var(--best-buy-blue);
  transition: width 125ms ease, opacity 200ms ease;
  transform: translateX(-50%);
}

#sony-totem .edit-outer .lens-tabs h2.active:after {
  width: 93px;
}

#sony-totem a {
  color: var(--sony-sky);
  transition: all 0.25s;
}

#sony-totem form {
  margin-top: 3rem;
}

#sony-totem label {
  text-transform: uppercase;
  color: var(--white-color);
}

#sony-totem output {
  color: var(--gray-sony-dark);
}

/* range slider */

#sony-totem .rang-type .active {
  font-weight: 500;
}

#sony-totem .rang-silder-bg {
  background: var(--white-color);
  padding: 24px 0px 10px 0px;
  margin-bottom: 24px;
}

#sony-totem .main_slide-image {
  width: 100%;
  height: auto !important;
  object-fit: cover;
}

#sony-totem .rang-filter {
  padding: 0px 36px;
  margin: 23px 0px 40px 0px;
}

#sony-totem .rang-type {
  display: flex;
  justify-content: space-between;
  width: calc(100% - 18px);
  margin-left: 10px;
  margin-top: 17px;
}

#sony-totem .progress {
  border-radius: 6px;
  height: 10px;
  width: 100%;
  outline: none;
  -webkit-appearance: none;
}

#sony-totem .rang-type span.label-container {
  color: var(--black);
  width: 1px;
  position: relative;
}

#sony-totem .rang-type span.label {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

#sony-totem .progress::-webkit-slider-thumb {
  -webkit-appearance: none;
  border: 0.25rem solid var(--off-white);
  box-shadow: 0 1px 3px rgba(0, 0, 255, 0.3);
  border-radius: 50%;
  background: var(--dark-blue);
  cursor: pointer;
  height: 22px;
  width: 22px;
  transform: translateY(calc(-50% + 11px));
}

#sony-totem .progress-bar__wrapper {
  position: absolute;
  bottom: 0px;
  display: flex;
  left: 0;
  width: 100vw;
}

#sony-totem .progress-bar__value {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#sony-totem progress {
  height: 8px;
  width: 100%;
  background-color: var(--disabled-gray);
  transition: width 300ms ease;
}

#sony-totem progress[value]::-webkit-progress-bar {
  height: 8px;
  width: 100%;
  background-color: var(--disabled-gray);
  transition: width 2s ease;
}

#sony-totem progress[value]::-webkit-progress-value {
  width: 0;
  background-color: var(--indigo-blue);
  transition: width 2s ease;
}

#sony-totem progress[value]::-webkit-progress-value {
  width: 0;
  background-color: var(--indigo-blue);
  transition: width 2s ease;
}

/* tool tip for les simulator screen */

#sony-totem #lens-category .tooltip .tooltiptext {
  position: absolute;
  width: 350px;
  background-color: var(--white-color);
  color: var(--black) !important;
  text-align: left;
  padding: 20px 20px 58px;
  border-radius: 0px;
  margin-bottom: -6px;
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 39%);
}

#sony-totem #lens-category .tooltip-top::after {
  top: 98%;
  margin-left: -10px;
  border-width: 10px;
  border-style: solid;
  border-left: solid transparent 18px;
  border-right: solid transparent 18px;
  border-top: solid var(--white-color) 18px;
}

#sony-totem #lens-category .tooltip-top {
  bottom: 33px;
  left: -68px;
  margin-left: -60px;
  z-index: 100;
}

#sony-totem #lens-category .tooltip-top::after {
  left: 31%;
}

/* quiz section */

#sony-totem .form-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  visibility: hidden;
}

#sony-totem .form-header.visible {
  visibility: visible;
}

#sony-totem .form-header a img {
  width: 20px;
  height: 20px;
  margin: 0px 10px;
}

#sony-totem .form-header a {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  text-decoration: none;
  color: var(--black)
}

#sony-totem .form-header a.hidden {
  visibility: hidden;
}

#sony-totem .form-title h1 {
  text-align: center;
  margin: 36px 36px 0 36px;
}

#sony-totem .brand-select-form {
  position: relative;
  padding: 16px 0px 0px 0px;
  min-height: calc((var(--cvh, 1vh) * 100) - 136px);
}

#sony-totem .form-checklist {
  margin: 48px 55px;
}

#sony-totem .form-checklist .form-body-1 {
  padding-top: 7px;
}

#sony-totem .form-checklist .form-body-2 {
  color: var(--black-70);
  margin-top: 8px;
}

#sony-totem .checkbox {
  display: flex;
  padding: 16px 24px;
  margin-bottom: 16px;
  border-radius: 4px;
  border: 1px solid var(--dark-gray-sony-50);
  background: var(--white-color);
}

#sony-totem .checkbox.disabled {
  opacity: 0.3;
}

#sony-totem .check {
  display: flex;
  align-items: flex-start;
}

#sony-totem .check img {
  height: 32px;
  width: 32px;
  margin-right: 16px;
}

#sony-totem .form-checklist button.next-btn.active {
  background: var(--Primary-Yellow) !important;
}

#sony-totem .form-checklist button.next-btn {
  display: flex;
  width: 203px;
  padding: 12px 32px;
  justify-content: center;
  align-items: center;
  color: var(--black);
  background: var(--off-gray) !important;
  border: none;
  margin: 42px auto 0;
  text-transform: capitalize;
}

#sony-totem .question-img-section {
  text-align: center;
  margin-top: 96px;
}

#sony-totem .lens-simulator-disclaimer {
  bottom: 0;
  color: var(--black);
  padding: 0px 36px 75px 36px
}

#sony-totem .form-header a img {
  background-color: var(--off-white);
  border-bottom: 1px solid var(--off-white);
}

#sony-totem .checkbox_list_top {
  margin-bottom: 36px;
}

#sony-totem .checkbox_list_top .show-more {
  display: flex;
  color: var(--best-buy-blue);
  text-decoration: none;
  margin-left: 4px;
  align-items: center;
}

#sony-totem .checkbox_list_top .show-more img {
  width: 20px;
  height: 20px;
  margin-left: 4px;
}

#sony-totem #inspiration-filter .filter-body .m-top {
  margin-top: 0px;
}

#sony-totem #inspiration-filter .check_list h3 img {
  width: 20px;
  height: 20px;
  margin-right: 12px;
}

#sony-totem #inspiration-filter .check_list h3 span {
  top: 0px;
  margin-left: 0px;
}

#sony-totem #inspiration-filter .check_list h3 .check_list_label {
  padding-top: 0px;
}

#sony-totem #inspiration-filter .checkbox_list.collapsed {
  height: 140px;
  overflow: hidden;
}

#sony-totem .question-section .cust-padding {
  padding-left: 36px;
  padding-right: 36px;
}

#sony-totem .question-section .form-wrapper .sub-heading {
  color: var(--black);
  margin-bottom: 0;
  margin-top: 16px;
  text-align: center;
}

#sony-totem .text-frame .sub-heading {
  margin-bottom: 8px !important;
}

#sony-totem .question-section .heading-section {
  text-align: center;
  margin-bottom: 40px;
}

#sony-totem .question-section .heading-section .heading {
  color: var(--black-sony);
  text-align: center;
  margin-top: 40px;
  margin-bottom: 0px !important;
}

#sony-totem .question-section .final-page .sec-1 {
  display: flex;
  width: 100vw;
  height: 300px;
  flex-shrink: 0;
  background: var(--white-color);
}

#sony-totem .question-section .final-page .sec-1 .frame {
  display: flex;
  width: 655px;
  align-items: center;
}

#sony-totem .question-section .final-page .sec-1 .frame .img {
  width: 318px;
  height: 230px;
}

#sony-totem .question-section .final-page .sec-1 .frame .text-frame {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-left: 40px;
}

#sony-totem .question-section .form-wrapper .txt {
  color: var(--black);
}

#sony-totem .question-section .final-page .sec-2 {
  margin-top: 26px;
  display: flex;
  width: 100vw;
  flex-shrink: 0;
  background: var(--white-color);
  flex-direction: column;
}

#sony-totem .question-section .final-page .sec-2 h2 {
  margin-top: 28px;
  margin-bottom: 28px;
  color: var(--black);
}

#sony-totem .question-section .final-page .sec-2 .frame {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 48px;
}

#sony-totem .question-section .final-page .sec-2 .frame .image-section {
  display: flex;
  width: 200px;
  height: 200px;
  position: relative;
  padding: 32px 40px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

#sony-totem .question-section .final-page .sec-2 .frame .image-section img {
  height: 200px;
  max-width: 200px;
  object-fit: contain;
}

#sony-totem .question-section .final-page .sec-2 .frame .action-section {
  display: flex;
  width: 55%;
  flex-direction: column;
  align-items: flex-start;
}

#sony-totem .question-section .final-page .sec-2 .frame .action-section .text-frame {
  display: flex;
  flex-direction: column;
  margin-bottom: 9px;
}

#sony-totem .question-section .final-page .sec-2 .frame .action-section .text-frame h4 {
  color: var(--black);
}

#sony-totem .question-section .final-page .sec-2 .frame .action-section .text-frame h3 {
  color: var(--black);
  margin: 8px 0px 8px 0px;
}

#sony-totem .question-section .recommended-product ul li {
  list-style: disc !important;
  color: var(--black);
}

/* Gallery FIlter modal css*/

#sony-totem .custm-filter-inner-body {
  height: 652px;
  overflow-y: auto;
}

#sony-totem .custm-filter-inner-body::-webkit-scrollbar {
  width: 10px;
}

#sony-totem .custm-filter-inner-body::-webkit-scrollbar-track {
  background-color: var(--gray-sony-white);
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

#sony-totem .custm-filter-inner-body::-webkit-scrollbar-thumb {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: var(--dark-grey-sony);
}

#sony-totem .filter-body.custmftr-body {
  height: unset;
  overflow: unset;
}

#sony-template #connection-status {
  position: absolute;
  right: 12px;
  top: 8px;
  z-index: 20000;
}

#sony-totem #quiz-section .content-save {
  margin-top: 0px;
  margin-bottom: 8px;
}

/* Model Compatibility CSS */

#sony-totem #quiz-section .view-content .view-content-heading1 {
  color: var(--black);
}

#sony-totem #quiz-section .view-content .view-content-heading2 {
  color: var(--best-buy-blue);
}

#sony-totem .custm-compability-inner-body {
  display: flex;
  padding: 16px 24px 48px 24px;
  flex-direction: column;
  align-items: flex-start;
}

#sony-totem .compability-modal {
  top: 50%;
  transform: translateY(-50%);
  margin-top: 0;
  margin-bottom: 0;
}

#sony-totem .custm-compability-inner-body .compability-content {
  display: flex;
  align-items: center;
}

#sony-totem .custm-compability-inner-body .compability-content .compability-img {
  margin-right: 24px;
  width: 164px;
  height: 144px;
  object-fit: contain;
}

#sony-totem .custm-compability-inner-body .compability-content .compability-prod-title {
  color: var(--black);
}

#sony-totem .custm-compability-inner-body .compability-content .compability-info {
  opacity: 0.7;
  margin-top: 8px;
}

#sony-totem .custm-compability-inner-body .compability-content .compability-line {
  margin: 0px 8px;
}

#sony-totem .custm-compability-inner-body .compability-details {
  margin-top: 24px;
}

#sony-totem .see-products {
  color: var(--black);
  background-color: var(--Primary-Yellow);
  padding: 10px 20px;
  margin-left: 0px;
  border: none;
  margin-top: 16px;
}


/* @media screen and (min-height: 1200px) and (max-height: 1245px) */
@media screen and (min-height: 1200px) and (max-height: 1246px) {
  #sony-totem .category-hero-image-panel {
    height: 255px;
  }

  #sony-totem #all-category .content-section .feature-title {
    margin-top: 15px;
  }

  #sony-totem .question-section .heading-section {
    margin: 10px 36px 15px 36px;
  }

  #sony-totem .question-section .final-page .sec-2 {
    margin-top: 18px;
  }

  #sony-totem #what-is-on-display .content-section {
    height: calc((var(--cvh, 1vh) * 100) - 72px);
  }

  #sony-totem .custmplanogram {
    padding: 0 16px;
  }
}

/* here css  */
#sony-totem #sony-header-status {
  position: absolute;
  right: 0px;
  top: 0px;
  z-index: 1000;
}

#sony-totem #sony-header {
  width: 100%;
  height: 94px;
  background: var(--black);
  z-index: 10000;
  top: 0;
  left: 0;

}

#sony-totem .sony-logo {
  display: flex;
  justify-content: center;
  align-items: center;
  height: inherit;
}

#sony-totem #sony-header .wifi-indicator {
  text-align: right;
  margin-right: 12px;
}

#sony-totem #sony-header .wifi-indicator img {
  width: 32px;
  height: 32px;
  display: inline-block;
  margin-top: 12px;
  margin-left: 2px;
}

#sony-totem #sony-header .sony-logo img {
  height: 32px;
}

#sony-totem .custmMain ul.cards .cards_item .card {
  padding: 15px 0;
}

#sony-totem .custmMain ul.cards .cards_item {
  margin-bottom: 24px;
}

#sony-totem .ls-close-btn,
#sony-totem .hide,
.innerPrcie-mb {
  display: none;
}

/* slider */

#sony-totem .slider-outer {
  height: 240px;
  overflow: hidden;
}

#sony-totem .slider {
  width: 100%;
  overflow-x: scroll;
  display: flex;
  box-sizing: border-box;
  scroll-snap-type: x mandatory;
  scroll-snap-stop: always;
}

#sony-totem .slide {
  width: 100%;
  flex: 0 0 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  scroll-snap-align: start;
  scroll-snap-stop: always;
  margin-bottom: 20px;
  height: 240px;
}

#sony-totem .slide img {
  height: 100% !important;
  width: 100% !important;
}

#sony-totem .dots {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 0;
  right: 0;
  padding: 16px 0;
}

#sony-totem .home-slider .dots {
  position: static;
}

#sony-totem .dot.active {
  background-color: var(--border-gray);
}

#sony-totem .help-btn button {
  display: flex;
  align-items: center;
  padding: 16px;
  border-radius: 4px;
  background: var(--BBY-Blue, #0046BE);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.20);
  border: none;
}

#sony-totem .help-btn img {
  width: 24px;
  height: 24px !important;
  object-fit: contain;
}

#sony-totem .help-btn span {
  margin-left: 8px;
  color: var(--body);
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
}

#sony-totem .ccs-cc-inline-acc-icon{
  margin-top: -13px;;
}

/* For mobile view 5710 */

@media(max-width: 576px) {
  #sony-totem #category-details .today-deals-slider .dots {
    bottom: 12px;
  }

  #sony-totem #category-details .today-deals-slider {
    height: 60vh;
  }

  #sony-totem #category-details .today-deals-slider .customCarousel_Box .slider-outer .slider .slide {
    height: 79% !important;
  }

  #sony-totem .hide {
    display: block;
  }

  #sony-totem .back-btn {
    height: 54px;
  }

  #sony-totem .customCarousel_Box .carouselNext,
  #sony-totem .customCarousel_Box .carouselPrev,
  #sony-totem .product-price.outerPrice-mb,
  #sony-totem #gallery .outer-media h1 {
    display: none;
  }

  #sony-totem .media-gallery1 p {
    margin-top: 0;
  }

  #sony-totem .subheading-1 {
    font-size: 18px;
    line-height: 22px;
  }

  #sony-totem .gallery-section,
  #sony-totem .modal2 .gallery-section {
    padding: 0 16px 36px 16px;
  }

  #sony-totem #gallery .gallery-footer {
    padding: 15px 16px 30px 16px;
    flex-direction: column;
    display: unset;
    height: auto;
  }

  #sony-totem .sessionTimeOut-content .timeout-content {
    padding: 26px 10px 22px;
  }

  #sony-totem .outer-media {
    padding: 26px 16px 0 16px;
  }

  #sony-totem .grid-column {
    width: calc(50% - 4px);
  }

  #sony-totem .grid-container {
    flex-wrap: wrap;
  }

  #sony-totem .body-1-bold {
    font-size: 20px;
    line-height: 24px;
  }

  #sony-totem .heading-4 {
    font-size: 18px;
    letter-spacing: normal;
  }

  #sony-totem #gallery .gallery-footer>div:first-child {
    width: 90%;
  }

  #sony-totem #gallery .lens-simulator {
    margin: 0px;
    margin-top: 16px;
    width: 100%;
  }

  #sony-totem .filter-body {
    padding: 24px 18px 18px;
  }

  #sony-totem .custm-filter-inner-body {
    height: calc((var(--cvh, 1vh) * 100) - 116px);
    padding-bottom: 250px;
  }

  #sony-totem .filter-content {
    margin: 50px 10px 10px 10px;
  }

  #sony-totem #gallery .filter-button {
    margin-bottom: 14px;
    margin-top: 10px;
  }

  #sony-totem .check_list {
    display: unset;
  }

  #sony-totem .check_list h3 {
    width: 100%;
  }

  #sony-totem #home.top-shifted .banner-wrapper {
    width: 100%;
  }

  #sony-totem #home.top-shifted .take-quiz-section {
    width: 100%;
  }

  #sony-totem #sony-header {
    height: 44px;
  }

  #sony-totem #sony-header .sony-logo img {
    height: 20px;
  }

  /* landing page */

  #sony-totem #home {
    padding: 0 !important;
  }

  #sony-totem #home .new-home-slider {
    padding-top: 44px !important;
  }

  #sony-totem .home-title,
  #sony-totem .take-quiz-section,
  #sony-totem .take-quiz-section-main {
    padding-left: 16px;
    padding-right: 16px;
  }

  #sony-totem .home-section {
    padding-left: 8px;
    padding-right: 8px;
  }

  #sony-totem #home .content-section .image-section {
    width: 100% !important;
    height: auto;
  }

  #sony-totem .carousel-post img {
    height: 201px;
  }

  #sony-totem .heading-1 {
    font-size: 28px !important;
    font-weight: 500 !important;
  }

  #home .take-quiz-section-main .take-quiz-section .heading-3,
  .heading-4,
  #sony-totem .heading-3 {
    font-size: 18px;
    line-height: 20px;
  }

  #home .content-section {
    width: 50%;
    padding: 0 8px;
  }

  #sony-totem #home .take-quiz-section {
    padding: 25px 12px;
  }

  #sony-totem #home .take-quiz-btn {
    margin-left: auto;
    padding: 12px;
    width: fit-content;
  }

  #sony-totem .mb-hide {
    display: none !important;
  }

  #sony-totem .backBtn-flat-mb {
    padding: 8px 16px 16px;
    height: auto;
  }

  #sony-totem .backBtn-flat-mb button,
  #sony-totem .backBtn-flat-mb h3 {
    position: relative;
    top: unset;
    left: unset;
    transform: unset;
  }

  #sony-totem .backBtn-flat-mb button {
    position: absolute;
    left: 0;
    margin: 0;
    top: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
  }

  #sony-totem .backBtn-flat-mb h3 {
    margin-top: 35px;
    padding-bottom: 4px;
  }

  #sony-totem .filter p.result {
    margin-top: 28px;
    margin-left: 16px;
  }

  #sony-totem .filter .filter-button {
    margin-top: 28px;
    margin-right: 16px;
    padding: 8px 16px;
  }

  #sony-totem .custmMain {
    display: flex;
    flex-direction: column;
    padding-bottom: 60px;
  }

  #sony-totem .custmMain .filter {
    order: 2;
  }

  #sony-totem .custmMain .today-deals-slider {
    order: 1;
  }

  #sony-totem .custmMain .cards {
    order: 3;
  }

  #sony-totem .custmMain .customCarousel_Box .carouselNext,
  #sony-totem .custmMain .customCarousel_Box .carouselPrev {
    display: none;
  }

  #sony-totem .custmMain .carousel-controls,
  #why-sony-modal .reward-section .carousel-controls {
    bottom: -26px !important;
  }

  #sony-totem .cards {
    margin: 0;
    padding: 0 16px;
  }

  #sony-totem .cards_item {
    width: 100%;
    margin: 0;
    margin-bottom: 0 !important;
  }

  #sony-totem .card {
    flex-direction: row;
    border-bottom: 1px solid var(--gray);
    padding: 24px 0 !important;
  }

  #sony-totem .card_image {
    width: 40%;
    padding: 14px;
    height: auto;
    margin-bottom: 0px;
  }

  #sony-totem .card .card_content {
    width: 60%;
    padding-left: 16px;
  }

  #sony-totem .card_image img {
    height: 141px;
  }

  /* Product-categories */

  #sony-totem #all-category .content-section,
  #sony-totem #latest-sony .content-section {
    padding: 0px 16px 125px 16px;
  }

  #sony-totem #all-category .content-section .grid-main .grid-items {
    width: 172px;
  }

  #sony-totem #all-category .content-section h3,
  #sony-totem #latest-sony .content-section h3 {
    margin: 8px 0px;
  }

  #sony-totem #all-category .content-section .feature-title,
  #sony-totem #latest-sony .content-section .feature-title {
    margin-bottom: 16px;
  }

  #sony-totem #all-category .content-section .image-section {
    height: 143px;
    position: relative;
  }

  #sony-totem #all-category .content-section .content-type-box,
  #sony-totem #latest-sony .content-section .content-type-box {
    width: 100%;
    margin-bottom: 32px;
  }

  #sony-totem #all-category .content-section p {
    margin-top: 4px;
  }

  #sony-totem #all-category .content-section .category-details .new-heading {
    margin: 8px 0px 0px 0px !important;
  }

  #sony-totem .content-type>div:nth-child(2n) {
    margin-left: 0px;
  }

  #sony-totem #all-category .back-btn .body-2-bold,
  #sony-totem #category-details.category-details-todays-deals .back-btn .body-2-bold,
  #sony-totem #gallery .back-btn .body-2-bold,
  #sony-totem #latest-sony .back-btn .body-2-bold,
  #sony-totem #why-sony-modal .back-btn .body-2-bold-1 {
    font-size: 28px;
    line-height: 20px;
  }

  #sony-totem .left-arrow-icon {
    width: 20px;
    height: 22px;
    margin-left: 0;
  }

  #sony-totem .nav-left-button-arrow {
    left: 0 !important;
    padding-left: 10px !important;
  }

  #sony-totem .media-modal .close img {
    width: 32px;
    height: 32px;
  }

  #sony-totem .close {
    padding: 24px 10px;
  }

  #sony-totem .homeText {
    position: static;
    transform: none;
  }

  #sony-totem .explore-section {
    margin: 0;
    align-items: unset;
  }

  #sony-totem .explore-section>div {
    height: auto;
  }

  #sony-totem .custmMain.lens-section {
    padding-top: 0;
  }

  #sony-totem .explore-section .explore-content {
    padding: 20px 16px;
  }

  #sony-totem #home .take-quiz-btn {
    width: auto;
  }

  #sony-totem .explore-section .explore-now-btn {
    width: auto;
    margin-top: 16px;
  }

  #sony-totem .heading-5 {
    line-height: 20px;
    font-size: 18px;
  }

  #sony-totem .explore-section .banner-img {
    height: 100%;
    object-fit: cover;
  }

  #sony-totem .filter-content {
    bottom: auto;
    top: 2vh;
    transform: none;
    border-radius: 16px 16px 0 0;
    z-index: 9999999;
    margin: 0px;
  }

  /* sony-innovalution */

  #sony-totem .why-sony-modal {
    background: var(--body-color);
  }

  #sony-totem .reward-section {
    padding: 0px;
  }

  #sony-totem .reward-section h2 {
    margin: 26px 0px 12px 16px;
  }

  #sony-totem .why-testimonial-image {
    width: 172px;
    height: 171px;
  }

  #sony-totem .why-testimonial {
    padding: 0px 16px;
  }

  #sony-totem .why-testimonial-inner {
    padding: 0px 0px 0px 19px;
    position: relative;
  }

  #sony-totem .why-testimonial-inner .testimonial-title img {
    width: 39px;
    height: 45.146px;
  }

  #sony-totem .why-testimonial-inner .testimonial-title {
    flex-direction: column;
    margin-bottom: 0;
    height: 328px;
  }

  #sony-totem .why-testimonial-inner .newPara {
    position: absolute;
    left: -175px;
    top: 170px;
    margin-top: 16px;
  }

  #sony-totem .why-testimonial-inner h6 {
    margin-top: 8px;
  }

  #sony-totem .why-testimonial-inner .testimonial-title h5 {
    margin-top: 16px;
  }

  #sony-totem .technology-section {
    padding: 24px 8px 85px 8px;
  }

  #sony-totem .technology-section h2 {
    margin-bottom: 16px;
  }

  #sony-totem .technology-section .card {
    flex-direction: column;
  }

  #sony-totem .w-md-4 {
    width: 173px;
  }

  #sony-totem .technology-section .card-image-panel {
    height: 150px;
  }

  #sony-totem .technology-section .card .grid-content {
    padding: 12px 8px;
  }

  #sony-totem .technology-section .grid {
    margin: 0 auto;
    justify-content: center;
  }

  #sony-totem .px-12 {
    padding-left: 8px;
    padding-right: 8px;
  }

  #sony-totem #why-sony-modal .active-dot {
    background-color: var(--gray) !important;
  }

  /* Quiz section css */

  #sony-totem .question-section .cust-padding {
    padding-left: 16px;
    padding-right: 16px;
  }

  #sony-totem .form-checklist {
    margin: 40px 0px 0px;
  }

  #sony-totem .customQuiz {
    position: relative;
    display: flex;
    flex-direction: column-reverse;
  }

  #sony-totem .question-img-section {
    margin-top: 36px;
    margin-bottom: 60px;
  }

  #sony-totem .form-checklist button.next-btn {
    margin: 0;
    width: 100%;
  }

  #sony-totem .customQuizBtn {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background: var(--white);
    padding: 16px;
    text-align: center;
    box-shadow: 0 -5px 10px rgba(0, 0, 0, 0.1);
  }

  #sony-totem .customQuizBtn img {
    display: inline-block !important;
  }

  #sony-totem .form-title h1 {
    margin: 32px 36px 0 36px;
  }

  #sony-totem .brand-select-form {
    height: auto !important;
    padding-bottom: 125px;
  }

  #sony-totem .form-header a img {
    margin: 0px 8px;
  }

  #sony-totem .form-header a .newCustStartIcon {
    width: 10px !important;
  }

  /* ==========Quiz Recommonded============ */

  #sony-totem .question-section .heading-section .heading {
    margin-top: 32px;
  }

  #sony-totem .question-section .form-wrapper .sub-heading {
    margin-top: 8px;
  }

  #sony-totem .question-section .heading-section {
    margin-bottom: 34px;
  }

  #sony-totem .question-section .final-page .sec-2 h2 {
    margin-top: 24px;
    margin-bottom: 16px;
  }

  #sony-totem .question-section .final-page .sec-2 .frame .image-section img {
    width: 100%;
    height: auto;
    max-width: 100px;
  }

  #sony-totem .question-section .final-page .sec-2 .frame .image-section {
    width: 141px;
    height: 141px;
    padding: 0;
  }

  #sony-totem .question-section .final-page .sec-2 .frame {
    align-items: start;
    margin-bottom: 16px !important;
    border-bottom: 1px solid var(--gray);
    padding-bottom: 24px;
    flex-wrap: wrap;
  }

  #sony-totem .customViewContent {
    padding-left: 30px;
    margin-top: 14px;
  }

  #sony-totem .question-section .final-page .sec-2 .frame .action-section .text-frame h3,
  #sony-totem .question-section .final-page .sec-2 .frame .action-section .text-frame {
    margin-bottom: 0px !important;
  }

  #sony-totem .question-section .final-page .sec-2 .frame .action-section {
    position: relative;
  }

  /* ======================= */
  #sony-totem .filter-header {
    border-radius: 16px 16px 0 0;
  }

  #sony-totem .filter-footer button {
    width: 50%;
    font-size: 16px;
    line-height: 20px;
  }

  #sony-totem .filter-footer button.btn-end {
    border: 1px solid var(--gray);
    color: var(--black-sony);
  }

  #sony-totem .filter-footer {
    padding: 16px;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100vw;
    height: 73px;
    top: auto;
    z-index: 99999;
    background-color: var(--white);
  }

  #sony-totem .filter-footer .btn-continue {
    margin-left: 12px;
    white-space: nowrap;
  }

  #sony-totem .custmSingleHead {
    font-weight: 500 !important;
    font-size: 16px !important;
    width: max-content;
  }

  #sony-totem .sonyg-outer {
    flex-direction: column;
  }

  #sony-totem .product-image-panel {
    width: 100%;
    height: 321px;
  }

  /* sony-innovalution */

  #sony-totem .reward-section {
    padding: 0px;
  }

  #sony-totem .reward-section h2 {
    margin: 26px 0px 12px;
  }

  #sony-totem .why-testimonial-image {
    width: 172px;
    height: 171px;
  }

  #sony-totem .why-testimonial {
    padding: 0px 16px;
  }

  #sony-totem .why-testimonial-inner {
    padding: 0px 0px 0px 19px;
    position: relative;
  }

  #sony-totem .why-testimonial-inner .testimonial-title img {
    width: 39px;
    height: 45.146px;
  }

  #sony-totem .why-testimonial-inner .testimonial-title {
    flex-direction: column;
    margin-bottom: 0;
    height: 328px;
  }

  #sony-totem .why-testimonial-inner .newPara {
    position: absolute;
    left: -175px;
    top: 170px;
    margin-top: 16px;
  }

  #sony-totem .why-testimonial-inner h6 {
    margin-top: 8px;
  }

  #sony-totem .why-testimonial-inner .testimonial-title h5 {
    margin-top: 16px;
  }

  #sony-totem .technology-section {
    padding: 24px 16px 85px 16px;
  }

  #sony-totem .technology-section h2 {
    margin-bottom: 16px;
  }

  #sony-totem .technology-section .card {
    flex-direction: column;
    padding: 0px !important;
  }

  #sony-totem .w-md-4 {
    width: 173px;
  }

  #sony-totem .technology-section .card-image-panel {
    height: 150px;
  }

  #sony-totem .technology-section .card .grid-content {
    padding: 12px 8px;
  }

  #sony-totem .product-content-outer {
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 32px;
  }

  #sony-totem .product-features-tabs {
    padding-bottom: 140px;
  }

  #sony-totem .sonyg-outer {
    padding-top: 24px;
  }

  #sony-totem .ls-close-btn {
    float: right;
    margin-top: -45px;
    height: 32px;
    width: 32px;
    display: block
  }

  #sony-totem .cat-header {
    width: 80%;
    text-align: center;
  }

  #sony-totem .rewdCustm>h2 {
    padding: 0 16px;
  }

  #sony-totem .carousel-image {
    height: 358px !important;
  }

  #sony-totem .help-btn {
    bottom: 6px;
    right: 6px;
  }

  #sony-totem .help-btn img {
    height: 66px;
  }

  #sony-totem .right-arrows {
    top: 50%;
    transform: translate3d(-15px, -50%, 0);
  }

  #sony-totem .left-arrows {
    top: 50%;
    transform: translate3d(15px, -50%, 0);
  }

  #sony-totem .carousel-image .left-arrow img,
  #sony-totem .carousel-image .right-arrow img {
    width: 32px;
    height: 32px
  }

  #sony-totem .focal-length {
    flex-wrap: wrap;
    justify-content: unset;
  }

  #sony-totem .focal-length .behind-product-outer {
    width: 50%;
    margin-bottom: 16px;
  }

  #sony-totem .tooltip-icon {
    position: relative;
    right: 0;
    top: -3px;
    padding: 0px;
  }

  #sony-totem .behind-product-inner .behind-product-inner-label {
    padding-right: 3px;
  }

  #sony-totem .focal-length {
    padding: 24px 16px;
  }

  #sony-totem .shot-with-inner {
    flex-wrap: wrap;
    margin-bottom: 24px;
    border-bottom: 1px solid var(--gray);
    padding-bottom: 24px;
  }

  #sony-totem .shot-with-outer h2 {
    margin-bottom: 16px;
  }

  #sony-totem .shot-with-inner .product-image {
    width: 40%;
    height: 141px;
    padding: 10px;
  }

  #sony-totem .shot-with-inner .shot-content {
    width: 60%;
    margin: 0;
    padding-left: 16px;
  }

  #sony-totem .shot-with-outer {
    padding: 24px 16px 140px 16px;
  }

  #sony-totem .product-price {
    width: 60%;
  }

  #sony-totem .shot-content-inner .scan {
    padding: 10px 20px;
  }

  #sony-totem .product-price.innerPrcie-mb {
    display: flex;
    align-items: end;
    width: 100%;
  }

  #sony-totem .product-price.innerPrcie-mb h1 {
    font-size: 18px;
    line-height: 22px;
  }

  #sony-totem .behind-shot {
    padding: 24px 16px 24px 16px;
  }

  #sony-totem .video-details-modal-content {
    height: 221px;
  }

  #sony-totem .video-player {
    width: 100%;
  }

  #sony-totem .lens-simulator {
    padding: 0;
  }

  #sony-totem .explore-card {
    width: 100%;
    padding: 0;
  }

  #sony-totem .lens-simulator .explore-card .edit-card {
    border-width: 1px;
    display: flex;
    padding: 16px;
    border-top: 0;
  }

  #sony-totem .lens-simulator .explore-card:first-child .edit-card {
    border-top: 1px solid var(--gray);
  }

  #sony-totem .lensCard-content {
    padding-left: 16px;
    display: flex;
    align-items: center;
  }

  #sony-totem .edit-card h5,
  #sony-totem .edit-card h4 {
    margin-top: 0;
  }

  #sony-totem .edit-card h4 {
    margin: 4px 0px;
  }

  #sony-totem .lensCard-content h5>span {
    display: none;
  }

  #sony-totem .lens-simulator-img {
    max-width: 42%;
    height: 120px !important;
  }

  #sony-totem .edit-header {
    padding: 0;
    padding-bottom: 16px;
  }

  #sony-totem .edit-header h2 {
    padding: 0 16px;
  }

  #sony-totem .rang-filter {
    padding: 0 16px;
  }

  #sony-totem .lens-simulator-title {
    padding-left: 16px;
    padding-right: 16px;
  }

  #sony-totem .focalLength h2 img {
    position: relative;
    top: 4px;
  }

  #sony-totem .save-details,
  #sony-totem .qr-code-section-inner2 p,
  #sony-totem .sonyg-inner1 {
    width: 100%;
  }

  #sony-totem .product-image-panel {
    margin-bottom: 10px;
  }

  #sony-totem .lens-simulator-disclaimer {
    padding: 0px 16px 174px 16px;
  }

  #sony-totem .customCarousel_Box .carousel {
    margin: 0em auto;
    width: 100%;
    overflow: unset;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    scroll-snap-stop: always;
  }

  #sony-totem .p-level {
    left: 17px;
  }

  #sony-totem .video-seekbar {
    width: calc(100% - 115px);
    right: 20px;
  }

  #sony-totem #volumeBtn {
    right: 25px;
  }

  #sony-totem .play-btn img {
    height: 64px;
  }

  #sony-totem #lens-category .tooltip .tooltiptext {
    padding: 10px 10px 45px;
    width: 290px;
  }

  #sony-totem .tooltiptext a.button {
    left: 20px;
    bottom: 5px;
    padding: 10px 10px 10px 0;
  }

  #sony-totem #lens-category .tooltip-top {
    left: -150px;
  }

  #sony-totem #lens-category .tooltip-top::after {
    left: 66%;
  }

  #sony-totem #lens-category .tooltip-top::after {
    top: 94%;
  }

  #sony-totem .focal-length-section .filter p.result {
    margin-top: 4px;
  }

  #sony-totem .main {
    min-height: calc((var(--cvh, 1vh) * 100) - 54px);
  }

  #sony-totem .headerLine-top {
    position: relative;
  }

  #sony-totem #category-details .scroll-image {
    width: 100%;
    transition: opacity 0.3s ease;
  }

  #sony-totem .translate-none {
    transform: none;
  }

  #sony-totem .slider-outer,
  #sony-totem .slide {
    height: 201px !important;
  }

  #sony-totem #why-sony-modal .slider-outer,
  #sony-totem #why-sony-modal .slide {
    margin-bottom: 0px;
    height: auto !important;
  }

  #sony-totem #why-sony-modal .reward-section .slider {
    height: auto !important;
    margin-bottom: 0;
    transform: translateY(5px);
  }

  #sony-totem #why-sony-modal .slide img {
    height: auto !important;
    padding-bottom: 10px;
  }

  #sony-totem #why-sony-modal .slide {
    height: auto !important;
  }

  #sony-totem .slide {
    width: 100vw;
    flex: 0 0 100vw !important;
  }

  #sony-totem .product-image-panel .slide {
    width: 100%;
    flex: 0 0 100% !important;
  }

  #sony-totem .product-features-tabs .tabs-outer {
    flex-direction: column;
    margin-left: 0;
    width: calc(100vw - 32px);
    border-bottom: none;
  }

  #sony-totem .product-features-tabs .tabs-outer h2.p-tab-active {
    border-bottom: inherit;
    font-weight: inherit;
  }

  #sony-totem .product-features-tabs .tabs-outer h2.p-tab-active,
  #sony-totem .product-features-tabs .tabs-outer h2 {
    border-top: 1px solid var(--gray);
    border-bottom: none;
    font-weight: 500;
    line-height: 50px;
    padding-left: 0;
    position: relative;
  }

  #sony-totem .product-features-tabs .tabs-outer h2 img {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
  }

  #sony-totem .product-features-tabs .tabs-outer h2:last-child {
    border-bottom: 1px solid var(--gray);
  }

  #sony-totem .product-features-detail {
    position: fixed;
    width: 100vw;
    height: calc(var(--cvh, 1vh) * 100);
    z-index: 9999;
    background-color: var(--white);
    top: 0;
    left: 0;
    overflow-x: hidden;
    overflow-y: auto;
    margin: 0;
  }

  #sony-totem .product-image-section .custmTranspernt {
    border: 0;
    background: rgba(255, 255, 255, 0.20);
    color: var(--body);
    border-radius: 0;
  }

  #sony-totem .product-image-section button {
    display: inline;
    right: 16px;
    bottom: 19px;
    width: 361px;
  }

  #sony-totem .camera-price {
    margin-top: 24px;
  }

  #sony-totem .custmfeatur-contnt {
    flex-direction: column;
    padding: 0 16px;
    margin-bottom: 20px;
    border-bottom: 1px solid var(--border-gray);
    padding-bottom: 20px;
  }

  #sony-totem .custmfeatur-contnt .feature-content {
    margin-left: 0;
    margin-bottom: 14px;
  }

  #sony-totem .custmfeatur-contnt .feature-image div {
    width: 100% !important;
  }

  #sony-totem .copyright {
    padding: 0 16px;
  }

  #sony-totem #frequently .cardInfo {
    flex-wrap: unset;
  }

  #sony-totem .mobileScrol-prodct {
    overflow-y: hidden;
    overflow-x: auto;
  }

  #sony-totem .cards .cards_item:last-child .card {
    border: 0;
  }

  #sony-totem .sonyg-inner2 .dots {
    padding: 0;
  }

  #sony-totem .focal-length>.behind-product-outer:nth-child(1) .tooltiptext {
    left: -45px;
  }

  #sony-totem .focal-length>.behind-product-outer:nth-child(1) .tooltip-top::after {
    left: 26%;
  }

  #sony-totem .focal-length>.behind-product-outer:nth-child(2) .tooltiptext {
    left: -255px;
  }

  #sony-totem .focal-length>.behind-product-outer:nth-child(2) .tooltip-top::after {
    left: 86%;
  }

  #sony-totem .focal-length>.behind-product-outer:nth-child(3) .tooltiptext {
    left: -125px;
  }

  #sony-totem .focal-length>.behind-product-outer:nth-child(3) .tooltip-right::after {
    right: 64%;
  }

  #sony-totem .focal-length>.behind-product-outer:nth-child(4) .tooltiptext {
    left: -235px;
  }

  #sony-totem .focal-length>.behind-product-outer:nth-child(4) .tooltip-right::after {
    right: 33%;
  }

  #sony-totem #lens-category .tooltip.custmaperture .tooltiptext {
    margin-left: -34px;
    font-size: 14px;
    line-height: normal;
  }

  #sony-totem #lens-category .custmaperture .tooltip-top::after {
    left: 58%;
  }

  #sony-totem #ccs-inline-content{
    margin: 16px;
  }

  #sony-totem .buy-content {
    width: 90%;
    height: auto;
  }

  #sony-totem .buy-body {
    padding: 8px;
    justify-content: space-between;
    padding-bottom: 20px;
  }

  #sony-totem .footer-card p {
    width: 126px;
  }

  #sony-totem .inner-content {
    padding: 16px;

  }

  #sony-totem .card-drop_1 {
    width: fit-content;
    height: auto;
    margin-right: 0px;
  }

  #sony-totem .inner-card {
    width: auto;
  }

  #sony-totem .card-drop_2 {
    height: auto;
  }

  #sony-totem .modal-sku{
    margin-bottom: 8px;
  }

}

#home .device-offline-banner {
  width: 100vw;
  position: relative;
  left: -36px;
}

.device-offline-banner {
  background: var(--offline-banner-red);
  height: 44px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-style: normal;
  color: var(--white);
  font-size: 18px;
  font-weight: 700;
}

.device-offline-banner img {
  margin-left: 6px;
}

/* ========================================================================
   WIDGET-SPECIFIC STYLES

   The [data-converge-widget] attribute is set on the widget body by loader.js:
   - iframe mode: document.body[data-converge-widget]
   - web component mode: #converge-widget-body[data-converge-widget]
   ======================================================================== */

/* Widget layout constraints */
[data-converge-widget] #sony-template {
  max-width: 750px;
  min-width: 300px;
  margin-left: auto;
  margin-right: auto;
}

[data-converge-widget] #sony-totem .why-sony-modal,
[data-converge-widget] #sony-totem .modal1,
[data-converge-widget] #sony-totem .modal2,
[data-converge-widget] #sony-totem .modal {
  max-width: 750px;
  min-width: 300px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  position: relative !important;
  height: auto !important;
  min-height: calc(var(--cvh, 1vh) * 100) !important;
  background-color: var(--body-color) !important;
}

[data-converge-widget] #sony-totem .technology-section {
  padding-bottom: 85px;
}

[data-converge-widget] #sony-totem #lens-category {
  overflow-x: clip;
}

[data-converge-widget] #sony-totem .cards {
  padding-bottom: 48px;
}

[data-converge-widget] .ccs-fancybox-container {
  max-width: 750px;
  min-width: 300px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}

[data-converge-widget] #sony-totem .media-modal {
  max-width: 750px;
  min-width: 300px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}

[data-converge-widget] #sony-totem .media-modal .modal-content,
[data-converge-widget] #sony-totem .media-modal .media-modal-content,
[data-converge-widget] #sony-totem .media-modal .media {
  width: 100%;
}

[data-converge-widget] #sony-totem .media-modal .zoom-in-2 .media {
  width: 200%;
}

[data-converge-widget] #sony-totem .media-modal .zoom-in-3 .media {
  width: 300%;
}

[data-converge-widget] #sony-totem .video-details-modal-content {
  width: 100%;
  max-width: 750px;
}

[data-converge-widget] #sony-totem .filter-modal {
  max-width: 750px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
}

[data-converge-widget] #sony-totem .filter-content {
  max-width: 750px !important;
  margin: 50px auto !important;
  max-height: calc(100vh - 200px) !important;
  display: flex !important;
  flex-direction: column !important;
}

/* Widget content width constraints */
[data-converge-widget] #sony-totem #all-category .content-section,
[data-converge-widget] #sony-totem #latest-sony .content-section {
  width: 100%;
}

[data-converge-widget] #sony-totem .category-hero-image-panel {
  width: 100%;
  max-width: 750px;
}

[data-converge-widget] #sony-totem .tabs-outer {
  width: calc(100% + 72px);
}

[data-converge-widget] #sony-totem .product-image-section {
  width: 100%;
}

[data-converge-widget] #sony-totem .reward-section .slider {
  height: auto;
}

[data-converge-widget] #sony-totem .help-btn {
  right: max(16px, calc(50% - 359px)) !important;
}

[data-converge-widget] #sony-totem .filter-button {
  cursor: pointer !important;
}

[data-converge-widget] #sony-totem .focal-length {
  width: 100% !important;
}

[data-converge-widget] #sony-totem .question-section .final-page .sec-2 {
  width: 100% !important;
}

/* Widget slideshow styles */
[data-converge-widget] #sony-slideshow {
  position: relative;
  width: 100%;
}

[data-converge-widget] #sony-slideshow .slideshow-slider {
  width: 100%;
}

[data-converge-widget] #sony-slideshow .slideshow-slide-outer {
  flex-basis: 100%;
  width: 100%;
}

[data-converge-widget] #sony-slideshow .slideshow-slide {
  width: 100%;
}

[data-converge-widget] #sony-slideshow .slideshow-slide img {
  width: 100%;
}

[data-converge-widget] #sony-slideshow .slideshow-zoom-in-box {
  left: 50%;
  transform: translateX(-50%);
}

[data-converge-widget] #sony-totem .filter-body {
  height: auto;
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
}

[data-converge-widget] #sony-totem .custm-filter-inner-body {
  height: auto;
  overflow-y: unset;
}

[data-converge-widget] #sony-totem .filter-footer {
  flex-shrink: 0;
  background-color: var(--white-color);
  position: relative;
  z-index: 1;
}

[data-converge-widget] #sony-totem .filter-header {
  flex-shrink: 0;
  background-color: var(--white-color);
}

body[data-converge-widget] #sony-totem .back-btn {
  position: fixed;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  max-width: 750px;
}

body[data-converge-widget] #sony-totem .back-btn + div {
  margin-top: 72px;
}

/* Widget planogram styles */
[data-converge-widget] #sony-totem #what-is-on-display .planogram-map-panel {
  width: 100%;
  left: 0;
}

[data-converge-widget] #sony-totem #what-is-on-display .planogram-map {
  max-height: calc(80 * var(--cvh, 1vh));
}

[data-converge-widget] #sony-totem #what-is-on-display .planogram-map-left {
  left: calc(50% - 342px);
  top: calc(51.1 * var(--cvh, 1vh));
}

[data-converge-widget] #sony-totem #what-is-on-display .planogram-map-right {
  left: calc(50% + 208px);
  top: calc(44 * var(--cvh, 1vh));
}

[data-converge-widget] #sony-totem #what-is-on-display .planogram-map-cabinet {
  left: calc(50% - 78px);
  top: calc(79.2 * var(--cvh, 1vh));
}

/* Widget attract loop styles */
[data-converge-widget] #attract-loop-screen {
  width: 100%;
  height: 100%;
}

[data-converge-widget] #attract-loop-screen video {
  width: 100%;
  height: 100%;
}

/* Widget carousel styles */
[data-converge-widget] #sony-totem .carousel-image {
  background-color: #000 !important;
}

@container sony-totem (max-width: 768px) {
  [data-converge-widget] #sony-totem .carousel-image {
    height: 727px !important;
  }
}

/* Widget background gradient */
[data-converge-widget] #converge-widget-scroll {
  background: transparent !important;
}

/* Widget background for iframe mode */
html:has(body[data-converge-widget]) {
  min-height: 100vh !important;
  background: transparent !important;
}

body[data-converge-widget] {
  background: transparent !important;
}

[data-converge-widget] #sony-totem .modal2 .gallery-section {
  background-color: var(--off-white) !important;
}

/* Widget gallery footer (iframe-specific positioning) */
body[data-converge-widget] #sony-totem #gallery .gallery-footer {
  position: fixed !important;
  max-width: 750px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  margin: 0 !important;
  width: 100% !important;
}

body[data-converge-widget] #sony-totem .gallery-section {
  padding-bottom: 140px !important;
}

/* Narrower padding at ≤768px for iframe widgets */
@media (max-width: 768px) {
  body[data-converge-widget] #sony-totem #gallery .gallery-footer {
    margin-left: -16px !important;
    width: calc(100% + 32px) !important;
  }
}

[data-converge-widget] #sony-totem.public-mode #home .slider-outer {
  height: auto !important;
  overflow: visible;
}

[data-converge-widget] #sony-totem.public-mode #home .slider {
  scrollbar-width: none;
}

[data-converge-widget] #sony-totem.public-mode #home .slider::-webkit-scrollbar {
  display: none;
}

[data-converge-widget] #sony-totem.public-mode #home .slide {
  height: auto !important;
  width: 100% !important;
  flex: 0 0 100% !important;
}

[data-converge-widget] #sony-totem.public-mode #home .slide img {
  height: auto !important;
  width: 100% !important;
}

#home .slide .slide-img-mobile,
#home .promo-carousel-banner .promo-carousel-banner-mobile {
  display: none;
}

@container sony-totem (max-width: 576px) {
  #home .slide:has(.slide-img-mobile) .slide-img-desktop,
  #home .promo-carousel-banner .promo-carousel-banner-desktop {
    display: none;
  }
  #home .slide .slide-img-mobile,
  #home .promo-carousel-banner .promo-carousel-banner-mobile {
    display: block;
  }
}

/* gallery-footer: sticky instead of fixed (position:fixed unreliable inside contain:paint) */
:host #sony-totem #gallery .gallery-footer {
  position: sticky !important;
  bottom: 0 !important;
  margin-left: -36px !important;
  width: calc(100% + 72px) !important;
}

:host #sony-totem .gallery-section {
  padding-bottom: 0 !important;
}