.product-slide-grid-image{--product-slide-grid-image-arrow-width: 57px;--product-slide-grid-image-arrow-height: 35px;--product-slide-grid-image-details-width-desktop: calc(100% * 340 / 1344);--product-slide-grid-image-aspect-ratio-mobile: 351 / 484;--product-slide-grid-image-aspect-ratio-tablet: 1008 / 680;--product-slide-grid-image-height-desktop: 660px;--product-slide-grid-image-details-grid-height-desktop: calc( 100cqw * 680 / 1344 );--product-slide-grid-image-grid-item-bg-color: #ececec;--product-slide-grid-image-panel-fade-duration: .5s;--product-slide-grid-image-panel-stagger-step: 90ms;--product-slide-grid-image-pagination-gap: 16px;--product-slide-grid-image-pagination-dot-width: 35px;--product-slide-grid-image-pagination-dot-height: 16px;--product-slide-grid-image-pagination-inline-offset: 8rem}.product-slide-grid-image__container{position:relative;container-type:inline-size}.product-slide-grid-image.line-frame--markers-temporarily-hidden .product-slide-grid-image__container{border-bottom:var(--line-frame-border-size) solid var(--line-frame-border-color)}.product-slide-grid-image__layout{display:flex;flex-direction:column}.product-slide-grid-image__media{position:relative;min-width:0;container-type:inline-size}.product-slide-grid-image--full_image .product-slide-grid-image__media{width:100%}.product-slide-grid-image__details{display:flex;align-items:stretch;height:calc((100vw - 24px) * 175 / 351);height:calc(100cqw * 175 / 351)}.product-slide-grid-image--mobile-details-before .product-slide-grid-image__details{order:1;border-bottom:var(--line-frame-border-size) solid var(--line-frame-border-color)}.product-slide-grid-image--mobile-details-before .product-slide-grid-image__media{order:2}.product-slide-grid-image--mobile-details-after .product-slide-grid-image__details{order:2;border-top:var(--line-frame-border-size) solid var(--line-frame-border-color)}.product-slide-grid-image--mobile-details-after .product-slide-grid-image__media{order:1}.product-slide-grid-image__details-cell{flex:1 1 50%;position:relative;overflow:hidden}.product-slide-grid-image__details-cell--thumbnail{border-right:var(--line-frame-border-size) solid var(--line-frame-border-color)}.product-slide-grid-image__details-cell--content{background-color:var(--product-slide-grid-image-grid-item-bg-color)}.product-slide-grid-image__details-stack{position:relative;width:100%;height:100%}.product-slide-grid-image__details-item{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none;--product-slide-grid-image-panel-enter-delay: 0ms;transition:opacity var(--product-slide-grid-image-panel-fade-duration) cubic-bezier(.22,1,.36,1);transition-delay:0ms}.product-slide-grid-image__details-item.is-active{opacity:1;pointer-events:auto;z-index:1;transition-delay:var(--product-slide-grid-image-panel-enter-delay)}.product-slide-grid-image__details-item--thumbnail{--product-slide-grid-image-panel-enter-delay: 40ms}.product-slide-grid-image__details-thumbnail-image{width:100%;height:100%;object-fit:cover;display:block}.product-slide-grid-image__details-item--content{--product-slide-grid-image-panel-enter-delay: calc( var(--product-slide-grid-image-panel-stagger-step) + 40ms )}.product-slide-grid-image__details-text{height:100%;padding:1.4rem;display:flex;flex-direction:column;justify-content:center;align-items:stretch;width:100%;max-width:100%;margin-inline:auto;gap:.8rem;font-family:HOTO Text Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;letter-spacing:0;text-align:var(--product-slide-grid-image-details-text-alignment, center)}.product-slide-grid-image__details-heading,.product-slide-grid-image__details-subheading{margin:0;text-align:inherit;opacity:0;transform:translateY(.4rem);transition:opacity .5s cubic-bezier(.22,1,.36,1),transform .5s cubic-bezier(.22,1,.36,1);transition-delay:0ms}.product-slide-grid-image__details-item--content.is-active .product-slide-grid-image__details-heading,.product-slide-grid-image__details-item--content.is-active .product-slide-grid-image__details-subheading{opacity:1;transform:translateY(0)}.product-slide-grid-image__details-item--content.is-active .product-slide-grid-image__details-heading{transition-delay:calc(var(--product-slide-grid-image-panel-enter-delay) + var(--product-slide-grid-image-panel-stagger-step))}.product-slide-grid-image__details-item--content.is-active .product-slide-grid-image__details-subheading{transition-delay:calc(var(--product-slide-grid-image-panel-enter-delay) + (var(--product-slide-grid-image-panel-stagger-step) * 2))}.product-slide-grid-image__details-heading{font-size:1.25rem;line-height:1.2;font-weight:600;color:var(--product-slide-grid-image-heading-color, currentColor);letter-spacing:0}.product-slide-grid-image__details-subheading{font-size:.875rem;line-height:1.3;font-weight:600;color:var(--product-slide-grid-image-subheading-color, #777777);letter-spacing:0}.product-slide-grid-image__details-heading :is(hoto-text-fade,p),.product-slide-grid-image__details-heading>*{color:var(--product-slide-grid-image-heading-color, currentColor)}.product-slide-grid-image__details-subheading :is(hoto-text-fade,p),.product-slide-grid-image__details-subheading>*{color:var(--product-slide-grid-image-subheading-color, #777777)}.product-slide-grid-image__details-heading p,.product-slide-grid-image__details-subheading p{margin:0}.product-slide-grid-image .line-marker{z-index:4}.product-slide-grid-image__viewport{overflow:hidden;touch-action:pan-y pinch-zoom;scrollbar-width:none;-ms-overflow-style:none}.product-slide-grid-image__viewport::-webkit-scrollbar{display:none}.product-slide-grid-image__track{display:flex;list-style:none;margin:0;padding:0;will-change:transform}.product-slide-grid-image__slide{flex:0 0 100%;min-width:0;padding-inline-start:0}.product-slide-grid-image__frame{position:relative;aspect-ratio:var(--product-slide-grid-image-aspect-ratio-mobile);background-color:var(--product-slide-grid-image-grid-item-bg-color);overflow:hidden}.product-slide-grid-image__image{width:100%;height:100%;object-fit:cover;display:block}.product-slide-grid-image__placeholder{display:flex;align-items:center;justify-content:center;color:rgba(var(--color-foreground),.5);height:100%}.product-slide-grid-image__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:var(--product-slide-grid-image-arrow-width);height:var(--product-slide-grid-image-arrow-height);border:0;border-radius:0;background:none;padding:0;appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;mix-blend-mode:difference;transition:opacity .2s ease,transform .2s ease}.product-slide-grid-image__arrow--prev{left:.8rem}.product-slide-grid-image__arrow--next{right:.8rem}.product-slide-grid-image__arrow[disabled]{opacity:.35;pointer-events:none}.product-slide-grid-image__arrow-icon{width:100%;height:100%;display:block;filter:brightness(0) invert(1);transition:opacity .2s ease}.product-slide-grid-image__arrow-icon--prev{transform:rotate(180deg)}.product-slide-grid-image__arrow:not([disabled]):is(:hover,:focus-visible) .product-slide-grid-image__arrow-icon{opacity:.8}.product-slide-grid-image__pagination{position:absolute;left:50%;bottom:25px;transform:translate(-50%);z-index:3;display:inline-flex;align-items:center;justify-content:center;gap:var(--product-slide-grid-image-pagination-gap);color:var(--product-slide-grid-image-pagination-color, #fff);mix-blend-mode:difference;width:100%;max-width:calc(100% - var(--product-slide-grid-image-pagination-inline-offset));overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:none}.product-slide-grid-image__pagination::-webkit-scrollbar,.product-slide-grid-image__text-pagination::-webkit-scrollbar{display:none}.product-slide-grid-image__pagination-dot{flex:0 0 var(--product-slide-grid-image-pagination-dot-width);width:var(--product-slide-grid-image-pagination-dot-width);height:var(--product-slide-grid-image-pagination-dot-height);position:relative;border:0;opacity:.4;background:none;padding:0;margin:0;border-radius:0;appearance:none;-webkit-appearance:none;cursor:pointer;transition:opacity .2s ease}.product-slide-grid-image__pagination-dot:before{content:"";position:absolute;left:0;right:0;bottom:0;height:0;border-top:1px solid currentColor}.product-slide-grid-image__pagination-dot.is-active{color:var(--product-slide-grid-image-pagination-active-color, currentColor);opacity:1}.product-slide-grid-image__text-pagination{position:absolute;left:50%;bottom:10px;transform:translate(-50%);z-index:3;display:flex;align-items:center;gap:16px;width:max-content;max-width:calc(100% - 24px);overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:none;color:var(--product-slide-grid-image-pagination-color, #fff)}.product-slide-grid-image__pagination.has-overflow,.product-slide-grid-image__text-pagination.has-overflow{width:calc(100% - 24px)}.product-slide-grid-image__pagination.has-overflow:not(.is-at-start):not(.is-at-end),.product-slide-grid-image__text-pagination.has-overflow:not(.is-at-start):not(.is-at-end){-webkit-mask-image:linear-gradient(to right,transparent,#000 2rem,#000 calc(100% - 2rem),transparent);mask-image:linear-gradient(to right,transparent,#000 2rem,#000 calc(100% - 2rem),transparent)}.product-slide-grid-image__pagination.has-overflow.is-at-start:not(.is-at-end),.product-slide-grid-image__text-pagination.has-overflow.is-at-start:not(.is-at-end){-webkit-mask-image:linear-gradient(to right,#000,#000 calc(100% - 2rem),transparent);mask-image:linear-gradient(to right,#000,#000 calc(100% - 2rem),transparent)}.product-slide-grid-image__pagination.has-overflow.is-at-end:not(.is-at-start),.product-slide-grid-image__text-pagination.has-overflow.is-at-end:not(.is-at-start){-webkit-mask-image:linear-gradient(to right,transparent,#000 2rem,#000);mask-image:linear-gradient(to right,transparent,#000 2rem,#000)}.product-slide-grid-image__pagination-text{flex:0 0 auto;border:0;border-radius:0;padding:12px;margin:0;background:none;color:var(--product-slide-grid-image-pagination-color, #7f7f7f);appearance:none;-webkit-appearance:none;cursor:pointer;white-space:nowrap;font-family:HOTO Text Sans,sans-serif;font-size:16px;font-weight:300;line-height:1;opacity:1;text-decoration:none;text-decoration-color:var( --product-slide-grid-image-pagination-active-color, #fff );text-decoration-thickness:1px;text-underline-offset:6px;transition:color .2s ease}.product-slide-grid-image__pagination-text.is-active{color:var(--product-slide-grid-image-pagination-active-color, #fff)}.product-slide-grid-image__pagination-text:is(:hover,:focus-visible){color:var(--product-slide-grid-image-pagination-active-color, #fff)}.product-slide-grid-image__pagination-text:is(.is-active,:hover,:focus-visible){text-decoration-line:underline}@container (max-width: 42rem){.product-slide-grid-image__media{--product-slide-grid-image-pagination-gap: 4px;--product-slide-grid-image-pagination-dot-width: 18px;--product-slide-grid-image-pagination-dot-height: 16px;--product-slide-grid-image-pagination-inline-offset: 6.4rem}.product-slide-grid-image__pagination{bottom:1.6rem}}@media screen and (min-width:750px){.product-slide-grid-image__arrow--prev{left:40px}.product-slide-grid-image__arrow--next{right:40px}.product-slide-grid-image__layout{flex-direction:row;align-items:stretch}.product-slide-grid-image__details,.product-slide-grid-image--mobile-details-before .product-slide-grid-image__details,.product-slide-grid-image--mobile-details-after .product-slide-grid-image__details{flex:0 0 var(--product-slide-grid-image-details-width-desktop);width:var(--product-slide-grid-image-details-width-desktop);flex-direction:column;height:auto;border-top:0;border-bottom:0}.product-slide-grid-image--desktop-details-left .product-slide-grid-image__details{order:1;border-right:var(--line-frame-border-size) solid var(--line-frame-border-color)}.product-slide-grid-image--desktop-details-left .product-slide-grid-image__media{order:2}.product-slide-grid-image--desktop-details-right .product-slide-grid-image__details{order:2;border-left:var(--line-frame-border-size) solid var(--line-frame-border-color)}.product-slide-grid-image--desktop-details-right .product-slide-grid-image__media{order:1}.product-slide-grid-image__details-cell{flex:0 0 auto;aspect-ratio:1 / 1}.product-slide-grid-image__details-cell--thumbnail{border-right:0;border-bottom:var(--line-frame-border-size) solid var(--line-frame-border-color)}.product-slide-grid-image__media{flex:1 1 0}.product-slide-grid-image--full_image .product-slide-grid-image__media{flex-basis:100%}.product-slide-grid-image__frame{aspect-ratio:var(--product-slide-grid-image-aspect-ratio-tablet)}.product-slide-grid-image__details-text{padding:2rem;gap:10px}.product-slide-grid-image__details-heading{font-size:2.5rem;line-height:1.1}.product-slide-grid-image__details-subheading{font-size:1.5rem;line-height:1}}@media screen and (min-width:750px){.product-slide-grid-image{--product-slide-grid-image-arrow-width: clamp( 29.688px, 3.958333vw, 76px );--product-slide-grid-image-arrow-width: calc( 57 * var(--hoto-fluid-design-px) );--product-slide-grid-image-arrow-height: clamp( 18.229px, 2.430556vw, 46.666667px );--product-slide-grid-image-arrow-height: calc( 35 * var(--hoto-fluid-design-px) );--product-slide-grid-image-height-desktop: clamp( 343.75px, 45.833333vw, 880px );--product-slide-grid-image-height-desktop: calc( 660 * var(--hoto-fluid-design-px) )}.product-slide-grid-image__layout{height:var(--product-slide-grid-image-height-desktop)}.product-slide-grid-image:not(.product-slide-grid-image--full_image) .product-slide-grid-image__layout{height:var(--product-slide-grid-image-details-grid-height-desktop)}.product-slide-grid-image__details-cell{flex:1 1 0;aspect-ratio:auto}.product-slide-grid-image__media,.product-slide-grid-image__viewport,.product-slide-grid-image__track,.product-slide-grid-image__slide,.product-slide-grid-image__frame{height:100%}.product-slide-grid-image__frame{aspect-ratio:auto}.product-slide-grid-image__arrow--prev{left:clamp(20.833px,2.777778vw,53.333333px);left:calc(40 * var(--hoto-fluid-design-px))}.product-slide-grid-image__arrow--next{right:clamp(20.833px,2.777778vw,53.333333px);right:calc(40 * var(--hoto-fluid-design-px))}.product-slide-grid-image__details-text{padding:clamp(16.667px,2.222222vw,42.666667px);padding:calc(32 * var(--hoto-fluid-design-px))}.product-slide-grid-image__details-heading{font-size:clamp(20.833px,2.777778vw,53.333333px);font-size:calc(40 * var(--hoto-fluid-design-px));line-height:1.1}.product-slide-grid-image__details-subheading{font-size:clamp(12.5px,1.666667vw,32px);font-size:calc(24 * var(--hoto-fluid-design-px));line-height:1}.product-slide-grid-image__pagination,.product-slide-grid-image__text-pagination{bottom:clamp(20.833px,2.777778vw,53.333333px);bottom:calc(40 * var(--hoto-fluid-design-px));max-width:calc(100% - clamp(12.5px,1.666667vw,32px));max-width:calc(100% - 24 * var(--hoto-fluid-design-px))}.product-slide-grid-image__pagination{gap:clamp(8.333px,1.111111vw,21.333333px);gap:calc(16 * var(--hoto-fluid-design-px))}.product-slide-grid-image__text-pagination{bottom:clamp(10.417px,1.388889vw,26.666667px);bottom:calc(20 * var(--hoto-fluid-design-px));gap:clamp(9.375px,1.25vw,24px);gap:calc(18 * var(--hoto-fluid-design-px))}.product-slide-grid-image__pagination.has-overflow,.product-slide-grid-image__text-pagination.has-overflow{width:calc(100% - clamp(12.5px,1.666667vw,32px));width:calc(100% - 24 * var(--hoto-fluid-design-px))}.product-slide-grid-image__pagination-dot{flex-basis:clamp(18.229px,2.430556vw,46.666667px);flex-basis:calc(35 * var(--hoto-fluid-design-px));width:clamp(18.229px,2.430556vw,46.666667px);width:calc(35 * var(--hoto-fluid-design-px));height:clamp(8.333px,1.111111vw,21.333333px);height:calc(16 * var(--hoto-fluid-design-px))}.product-slide-grid-image__pagination-text{padding:clamp(6.25px,.833333vw,16px) clamp(8.333px,1.111111vw,21.333333px);padding:calc(12 * var(--hoto-fluid-design-px)) calc(16 * var(--hoto-fluid-design-px));font-size:clamp(8.333px,1.111111vw,21.333333px);font-size:calc(16 * var(--hoto-fluid-design-px));text-underline-offset:clamp(3.125px,.416667vw,8px);text-underline-offset:calc(6 * var(--hoto-fluid-design-px))}}@media screen and (max-width:749px){.product-slide-grid-image__arrow{display:none}.product-slide-grid-image__text-pagination{max-width:calc(100% - 20px)}.product-slide-grid-image__text-pagination.has-overflow{width:calc(100% - 20px)}}@media(prefers-reduced-motion:reduce){.product-slide-grid-image__details-item,.product-slide-grid-image__details-heading,.product-slide-grid-image__details-subheading{transition-duration:0ms;transition-delay:0ms}}
/*# sourceMappingURL=/cdn/shop/t/236/assets/section-product-slide-grid-image.css.map */