@charset "UTF-8";.common-image{aspect-ratio:var(--common-image-aspect-ratio);color:var(--common-image-color)}@media screen and (max-width:768px){.common-image{aspect-ratio:var(--common-image-aspect-ratio-for-mobile)}}.common-image .image{background-repeat:no-repeat;width:100%;height:100%;background-position:center;position:absolute}.common-image .subtitle{font-family:neue-haas-grotesk-text,sans-serif;font-weight:700;line-height:1;letter-spacing:0}@media screen and (max-width:768px){.common-image .subtitle{font-size:20px}}@media screen and (min-width:768px){.common-image .subtitle{font-size:30px}}.common-image .title{font-size:12px;margin:0;line-height:1.05;font-weight:900}.common-image .description{font-weight:700}@media screen and (max-width:768px){.common-image .description{font-size:12px}}@media screen and (min-width:768px){.common-image .description{font-size:16px}}.common-image .button-position{position:absolute;right:20px;bottom:20px}.common-image .scroll-container{overflow:hidden;position:relative;width:100vw}.common-image .scroll-wrap{display:flex;height:100%;width:-moz-fit-content;width:fit-content}.common-image ul{padding:0;margin:0;display:flex;flex-shrink:0}.common-image ul{animation:scroll 100s linear infinite;display:flex}.common-image li{flex:0 0 auto;width:auto;margin:0;padding:0;list-style:none}.common-image li img{display:block;height:100%;width:auto;-o-object-fit:contain;object-fit:contain}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-100%)}}.common-image ul{will-change:transform;transform:translateZ(0)}.common-image .scroll-wrap:hover ul{animation-play-state:paused}.common-image .vertical-text{writing-mode:vertical-rl}@media screen and (min-width:768px){.common-image .vertical-text{font-size:26px}}.zoom-container{position:relative;overflow:hidden;display:flex;justify-content:center;width:100%}.zoom-container .shadow{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top,#0009,#0000 30%)}.zoom-container .top-left{position:absolute;width:calc(100% - 40px);z-index:1;line-height:1}@media screen and (max-width:768px){.zoom-container .top-left{left:var(--common-image-margin-left-mobile);top:var(--common-image-margin-top-mobile)}}@media screen and (min-width:768px){.zoom-container .top-left{left:var(--common-image-margin-left-desktop);top:var(--common-image-margin-top-desktop)}}.zoom-container .top-right{position:absolute}@media screen and (max-width:768px){.zoom-container .top-right{right:var(--common-image-margin-right-mobile);top:var(--common-image-margin-top-mobile)}}@media screen and (min-width:768px){.zoom-container .top-right{right:var(--common-image-margin-right-desktop);top:var(--common-image-margin-top-desktop)}}.zoom-container .middle-left{position:absolute;top:0;bottom:0;display:flex;align-items:center}@media screen and (max-width:768px){.zoom-container .middle-left{left:var(--common-image-margin-left-mobile)}}@media screen and (min-width:768px){.zoom-container .middle-left{left:var(--common-image-margin-left-desktop)}}.zoom-container .middle-right{position:absolute;top:0;bottom:0;display:flex;align-items:center}@media screen and (max-width:768px){.zoom-container .middle-right{right:var(--common-image-margin-right-mobile)}}@media screen and (min-width:768px){.zoom-container .middle-right{right:var(--common-image-margin-right-desktop)}}.zoom-container .bottom-left{position:absolute;width:calc(100% - 80px);line-height:1.45}@media screen and (max-width:768px){.zoom-container .bottom-left{left:var(--common-image-margin-left-mobile);bottom:var(--common-image-margin-bottom-mobile)}}@media screen and (min-width:768px){.zoom-container .bottom-left{left:var(--common-image-margin-left-desktop);bottom:var(--common-image-margin-bottom-desktop)}}.zoom-container .bottom-right{position:absolute;color:#fff}@media screen and (max-width:768px){.zoom-container .bottom-right{right:var(--common-image-margin-right-mobile);bottom:var(--common-image-margin-bottom-mobile)}}@media screen and (min-width:768px){.zoom-container .bottom-right{right:var(--common-image-margin-right-desktop);bottom:var(--common-image-margin-bottom-desktop)}}.zoom-container>*{font-size:unset}.zoom-container:hover .zoom-on-hover{transform:scale(1.1)}.zoom-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#000;opacity:0;transition:opacity .3s ease;z-index:1}.zoom-on-hover{transition:transform .3s ease}.zoom-container.dim-on-hover:hover:before{opacity:.07}::-webkit-full-page-media,:future,.top-right-safari{right:60px!important}@media screen and (max-width:768px){.round-top-left{border-top-left-radius:calc(1px * var(--common-image-borderRadiusForMobile))}}@media screen and (min-width:768px){.round-top-left{border-top-left-radius:calc(1px * var(--common-image-borderRadius))}}@media screen and (max-width:768px){.round-top-right{border-top-right-radius:calc(1px * var(--common-image-borderRadiusForMobile))}}@media screen and (min-width:768px){.round-top-right{border-top-right-radius:calc(1px * var(--common-image-borderRadius))}}@media screen and (max-width:768px){.round-bottom-left{border-bottom-left-radius:calc(1px * var(--common-image-borderRadiusForMobile))}}@media screen and (min-width:768px){.round-bottom-left{border-bottom-left-radius:calc(1px * var(--common-image-borderRadius))}}@media screen and (max-width:768px){.round-bottom-right{border-bottom-right-radius:calc(1px * var(--common-image-borderRadiusForMobile))}}@media screen and (min-width:768px){.round-bottom-right{border-bottom-right-radius:calc(1px * var(--common-image-borderRadius))}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/common-image.css.map */