:root{--color-primary:#0076ff;--color-accent:#d24615;--max-width:1200px;--sides-spacing:32px;--sides-spacing-negative:-32px;--header-height:50px;--nav-height:90px}button{font-family:inherit}.xperia1m8-pictures360-container{font-family:inherit;position:relative;width:100%}.xperia1m8-pictures360-hero{background-color:#000;color:#fff;overflow:hidden;padding:80px 20px 60px;position:relative;text-align:center}.xperia1m8-pictures360-hero__header{font-size:20px;margin-bottom:40px;text-align:center}.xperia1m8-pictures360-hero__title{font-size:1em;font-weight:700;line-height:1.4;margin:0 0 16px}.xperia1m8-pictures360-hero__title em{display:inline-block;font-size:1.6em;font-style:normal;margin-top:.1em}.xperia1m8-pictures360-hero__subtitle{font-size:.9em;font-weight:700;margin:0}.xperia1m8-pictures360-hero__subtitle-icon-img{height:48px;margin:0 .4em 0 0;width:48px}.xperia1m8-pictures360-hero__visual{align-items:center;aspect-ratio:1/1.5;display:flex;flex-direction:column;justify-content:center;margin:0 auto 20vw;max-width:600px;position:relative}.xperia1m8-pictures360-hero-control{position:relative}.xperia1m8-pictures360-hero__image,.xperia1m8-pictures360-hero__video{height:100%;-o-object-fit:cover;object-fit:cover;pointer-events:none;width:100%}.xperia1m8-pictures360-hero__360-btn{align-items:center;background:#646464;border:none;border-radius:50%;bottom:calc(100% + 13vw);color:#fff;cursor:pointer;display:flex;flex-direction:column;height:max(70px,min(18vw,100px));justify-content:center;padding:0;pointer-events:auto;position:absolute;right:0;transition:transform .2s,background-color .2s;width:max(70px,min(18vw,100px));z-index:1}.xperia1m8-pictures360-hero__360-btn:hover{background-color:#707070;transform:scale(1.05)}.xperia1m8-pictures360-hero__360-btn[aria-hidden=true]{display:none}.xperia1m8-pictures360-hero__360-icon-img{height:48px;margin:-1em 0 0;width:48px}.xperia1m8-pictures360-hero__360-text{font-size:14px;font-weight:700;white-space:nowrap}.xperia1m8-pictures360-hero-additional{font-size:1.2rem;margin:1em 0}.xperia1m8-pictures360-hero-link{align-items:flex-start;color:#fff;display:inline-flex;line-height:1.5;text-decoration:none}.xperia1m8-pictures360-hero-link:before{border-color:transparent transparent transparent #fff;border-style:solid;border-width:5px 0 5px 8px;content:"";display:inline-block;height:0;margin-right:8px;margin-top:4px;width:0}.xperia1m8-pictures360-hero-link:hover{color:#fff;text-decoration:underline}.xperia1m8-pictures360-color-picker--hero>ul{display:flex;gap:1.6em;z-index:2}.xperia1m8-pictures360-color-picker--hero .xperia1m8-pictures360-color-picker__rectangle-item{align-items:center;display:flex;flex-direction:column;gap:8px}.xperia1m8-pictures360-color-picker--hero .xperia1m8-pictures360-color-picker__rectangle{border:2px solid #fff;border-radius:0;box-sizing:border-box;height:24px;transition:opacity .2s,background-color .2s,border-width .2s;width:72px}.xperia1m8-pictures360-color-picker--hero .xperia1m8-pictures360-color-picker__rectangle:not([aria-pressed=true]){border-color:hsla(0,0%,100%,.3);border-width:1px}.xperia1m8-pictures360-color-picker--hero .xperia1m8-pictures360-color-picker__rectangle:hover,.xperia1m8-pictures360-color-picker--hero .xperia1m8-pictures360-color-picker__rectangle[aria-pressed=true]{opacity:1}.xperia1m8-pictures360-color-picker--hero .xperia1m8-pictures360-color-picker__rectangle[aria-pressed=true]{border-color:#fff;border-width:2px}.xperia1m8-pictures360-color-picker--hero .xperia1m8-pictures360-color-picker__rectangle[aria-pressed=true]+.xperia1m8-pictures360-color-picker__rectangle-text{color:#fff}.xperia1m8-pictures360-color-picker--hero .xperia1m8-pictures360-color-picker__rectangle-text{color:#ccc;font-size:13px;line-height:1.4;text-align:center;transition:color .2s}.xperia1m8-pictures360-color-picker--hero .xperia1m8-pictures360-color-picker__label-note{display:block;font-size:.8em}.xperia1m8-pictures360-modal-color-picker{align-items:center;display:flex;flex-direction:column;gap:12px;margin:0;z-index:2}.xperia1m8-pictures360-modal-color-picker__label{color:#ccc;font-size:13px;margin:0}.xperia1m8-pictures360-modal-color-picker__rectangles{display:flex;gap:max(8px,min(2vw,16px));justify-content:center;list-style:none;margin:0;padding:0;width:100%}.xperia1m8-pictures360-modal-color-picker__rectangle-item{align-items:center;display:flex;flex-direction:column;gap:8px;width:100%}.xperia1m8-pictures360-modal-color-picker__rectangle{border:1px solid #fff;border-radius:0;box-sizing:border-box;height:24px;transition:opacity .2s,background-color .2s,border-width .2s;width:72px}.xperia1m8-pictures360-modal-color-picker__rectangle:not([aria-pressed=true]){border-color:hsla(0,0%,100%,.5);border-width:1px}.xperia1m8-pictures360-modal-color-picker__rectangle:hover,.xperia1m8-pictures360-modal-color-picker__rectangle[aria-pressed=true]{opacity:1}.xperia1m8-pictures360-modal-color-picker__rectangle[aria-pressed=true]{border-color:#fff;border-width:2px}.xperia1m8-pictures360-modal{--inset:0;background:#141414;border:none;color:#fff;height:calc(100% - var(--inset)*2);height:calc(100dvh - var(--inset)*2);margin:auto;max-height:none;max-width:none;opacity:0;overflow:hidden;padding:0;transition:opacity .3s ease-out,display allow-discrete .3s ease-out,overlay allow-discrete .3s ease-out;width:calc(100% - var(--inset)*2)}.xperia1m8-pictures360-modal[open]{opacity:1}@starting-style{.xperia1m8-pictures360-modal[open]{opacity:0}}.xperia1m8-pictures360-modal::backdrop{background-image:url(/xperia/products/xperia1m8/assets/top/viewer/modal_background.webp);background-position:50%;background-size:cover;opacity:0;transition:opacity .3s ease-out,display allow-discrete .3s ease-out,overlay allow-discrete .3s ease-out}.xperia1m8-pictures360-modal[open]::backdrop{opacity:1}@starting-style{.xperia1m8-pictures360-modal[open]::backdrop{opacity:0}}.xperia1m8-pictures360-modal__inner{display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;width:100%}.xperia1m8-pictures360-modal__close-btn{align-items:center;background:#fff;border:none;border-radius:50%;box-shadow:0 4px 12px rgba(0,0,0,.3);cursor:pointer;display:flex;height:48px;justify-content:center;position:absolute;right:30px;top:30px;transition:transform .2s;width:48px;z-index:10}.xperia1m8-pictures360-modal__close-btn svg{color:#000;height:24px;width:24px}.xperia1m8-pictures360-modal__close-btn:hover{transform:scale(1.1)}.xperia1m8-pictures360-modal__viewer{align-items:center;display:flex;flex:1 1;height:100%;justify-content:center;position:relative;width:100%}.xperia1m8-pictures360-modal__viewer:before{align-items:center;background:hsla(0,0%,8%,.8);bottom:0;color:#fff;content:"Loading...";display:flex;font-size:24px;font-weight:700;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .4s ease,visibility .4s;visibility:hidden;z-index:5}.xperia1m8-pictures360-modal__viewer[aria-busy=true]:before{opacity:1;visibility:visible}.xperia1m8-pictures360-modal__canvas-wrapper{bottom:0;height:100%;left:0;min-height:100%;position:absolute;right:0;top:0;width:100%;z-index:1}.xperia1m8-pictures360-modal__canvas-wrapper canvas{display:block;height:100%!important;outline:none;width:100%!important}.xperia1m8-picture360-viewer__canvas-wrapper{bottom:0;height:100%;left:0;min-height:100%;position:absolute;right:0;top:0;width:100%;z-index:1}.xperia1m8-picture360-viewer__canvas-wrapper figure{height:100%;left:50%;margin:0;opacity:0;padding:0;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .1s;width:100%}.xperia1m8-picture360-viewer__canvas-wrapper figure[aria-hidden=false]{opacity:1;z-index:2}.xperia1m8-picture360-viewer__canvas-wrapper figure img,.xperia1m8-picture360-viewer__canvas-wrapper figure picture{display:block;height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.xperia1m8-pictures360-modal__ui{bottom:0;display:flex;flex-direction:column;justify-content:flex-end;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:2}.xperia1m8-pictures360-modal__hint-text{display:none;font-size:1.3rem}.xperia1m8-pictures360-modal__bottom-bar{align-items:center;background:hsla(0,0%,8%,.3);display:flex;flex-direction:column;gap:max(1.2em,min(2vw,16px));justify-content:center;padding:20px 40px;pointer-events:auto;width:100%}.xperia1m8-pictures360-modal__controls{align-items:center;display:flex;gap:max(1.6em,min(2vw,20px));justify-content:center;width:max(200px,min(50vw,400px))}.xperia1m8-pictures360-controls__btn{align-items:center;background:transparent;border:none;cursor:pointer;display:flex;height:max(40px,min(10vw,48px));justify-content:center;opacity:.8;padding:0;transition:opacity .2s,transform .1s,background-color .2s;width:max(40px,min(10vw,48px))}.xperia1m8-pictures360-controls__btn img{display:block;height:auto;width:100%}.xperia1m8-pictures360-controls__btn:hover{background-color:hsla(0,0%,100%,.1);opacity:1}.xperia1m8-pictures360-controls__btn:active{transform:scale(.9)}.xperia1m8-pictures360-controls__btn:disabled{cursor:default;opacity:.2;pointer-events:none}.xperia1m8-pictures360-controls__btn--left{border:none;margin-right:auto}.xperia1m8-pictures360-controls__btn--right{border:none;margin-left:auto}.xperia1m8-pictures360-controls__btn--zoom-in,.xperia1m8-pictures360-controls__btn--zoom-out{border-color:hsla(0,0%,100%,.6)}@media (min-width:768px){:root{--sides-spacing:min(5vw,65px);--nav-height:50px}.xperia1m8-pictures360-hero__header{font-size:40px}.xperia1m8-pictures360-hero__title em{font-size:1.4em}.xperia1m8-pictures360-hero__subtitle{font-size:.7em}.xperia1m8-pictures360-hero__visual{aspect-ratio:16/9;margin-bottom:0;max-width:1000px}.xperia1m8-pictures360-hero__360-btn{bottom:calc(100% + 60px)}.xperia1m8-pictures360-hero__360-btn:hover{transform:scale(1.05)}.xperia1m8-pictures360-modal-color-picker__rectangles{gap:16px}.xperia1m8-pictures360-modal{--inset:0}}@media (min-width:818px){:root{--header-height:65px}}@media (max-width:767px){.xperia1m8-pictures360-hero{padding:0 20px}.xperia1m8-pictures360-hero__subtitle-icon-img{height:max(30px,min(8vw,48px));width:max(30px,min(8vw,48px))}.xperia1m8-pictures360-hero-control{width:100%}.xperia1m8-pictures360-hero__360-icon-img{height:max(30px,min(8vw,48px));width:max(30px,min(8vw,48px))}.xperia1m8-pictures360-hero__360-text{font-size:max(10px,min(2.5vw,14px))}.xperia1m8-pictures360-hero-additional{font-size:1.2rem}.xperia1m8-pictures360-color-picker--hero>ul{gap:.6em}.xperia1m8-pictures360-color-picker--hero>ul>li{width:100%}.xperia1m8-pictures360-color-picker--hero .xperia1m8-pictures360-color-picker__rectangle{height:max(16px,min(4vw,24px));width:max(50px,min(14vw,72px))}.xperia1m8-pictures360-color-picker--hero .xperia1m8-pictures360-color-picker__rectangle-text{font-size:max(9px,min(2.5vw,13px))}.xperia1m8-pictures360-modal-color-picker{align-items:flex-start;width:90%}.xperia1m8-pictures360-modal-color-picker__rectangle{height:max(16px,min(4vw,24px));width:max(50px,min(14vw,72px))}.xperia1m8-picture360-viewer__canvas-wrapper figure{transform:translate(-50%,calc(-50% - 4svh)) scale(.7)}.xperia1m8-picture360-viewer__canvas-wrapper figure img,.xperia1m8-picture360-viewer__canvas-wrapper figure picture{-o-object-fit:cover;object-fit:cover}.xperia1m8-pictures360-modal__hint-text{color:#fff;display:block;font-weight:700;margin:0;text-align:center;text-shadow:0 2px 4px rgba(0,0,0,.5)}.xperia1m8-pictures360-modal__bottom-bar{justify-content:space-between;padding:.6em 1.2em calc(.6em + env(safe-area-inset-bottom, 0px))}.xperia1m8-pictures360-modal__controls{width:90%}}