.design-highlights{--design-highlights-image-bg-color: #ececec;--design-highlights-active-bar-color: #278fff;--design-highlights-indicator-line-color: var(--line-frame-border-color);--design-highlights-title-font-weight: 700;--design-highlights-subtitle-font-weight: 600;--design-highlights-title-color: rgb(var(--text-color));--design-highlights-subtitle-color: rgb(var(--text-color));--design-highlights-heading-line-offset: 20px;--design-highlights-mobile-frame-inset: 12px;--design-highlights-heading-text-start: calc( var(--design-highlights-heading-line-offset) + var(--line-frame-border-size) );--design-highlights-mobile-inline-padding: clamp(1rem, 2.6vw, 2rem);--design-highlights-desktop-media-width: clamp( 343.75px, 45.833333vw, 880px );--design-highlights-desktop-media-width: calc( 660 * var(--hoto-fluid-design-px) )}.design-highlights__container{position:relative;width:100%}.design-highlights__inner{display:flex;flex-direction:column;justify-content:center;gap:1.5rem;width:100%;min-height:100%;padding:clamp(1.25rem,4vh,2.25rem) var(--design-highlights-mobile-inline-padding) 0;box-sizing:border-box}.design-highlights__section-heading{margin:0;font-family:var(--heading-font-family);font-size:22px;line-height:1.08;font-weight:600}.design-highlights__section-heading p{margin:0;color:inherit}.design-highlights__content{display:flex;flex-direction:column;gap:1.5rem;min-height:0}.design-highlights__text-content{display:flex;flex-direction:column;gap:1.5rem}.design-highlights__headings{position:relative;display:flex;flex-direction:column;gap:.5rem;border-left:var(--line-frame-border-size) solid var(--design-highlights-indicator-line-color);padding-left:var(--design-highlights-heading-line-offset)}.design-highlights__heading-item{position:relative;display:block;width:100%;margin:0;border:0;background:transparent;color:var(--design-highlights-title-color);text-align:left;cursor:pointer;padding:0 .75rem .75rem 0;font:inherit;-webkit-appearance:none;appearance:none}.design-highlights__heading-item:last-child{padding-bottom:0}.design-highlights__heading-item:focus-visible{outline:2px solid currentColor;outline-offset:4px}.design-highlights__active-indicator{position:absolute;left:calc(-1 * var(--line-frame-border-size));width:3px;background-color:var(--design-highlights-active-bar-color);top:0;height:0;pointer-events:none;z-index:1;transition:top .3s cubic-bezier(.22,1,.36,1),height .3s cubic-bezier(.22,1,.36,1);display:block!important}.design-highlights__heading-label{margin:0;display:block;font-family:HOTO Text Sans,sans-serif;font-size:16px;line-height:1.25;font-weight:var(--design-highlights-title-font-weight);color:var(--design-highlights-title-color);overflow-wrap:anywhere;transition:opacity .2s ease}.design-highlights__heading-label hoto-text-fade,.design-highlights__heading-label p{font-family:HOTO Text Sans,sans-serif;font-weight:inherit;color:inherit;margin:0}.design-highlights__heading-subheading{display:-webkit-box;margin:0;font-family:HOTO Text Sans,sans-serif;font-size:14px;line-height:1.1;font-weight:var(--design-highlights-subtitle-font-weight);color:var(--design-highlights-subtitle-color);-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;max-height:0;opacity:0;transform:translateY(.5rem);transition:opacity .22s ease,transform .28s cubic-bezier(.22,1,.36,1)}.design-highlights__heading-subheading hoto-text-fade,.design-highlights__heading-subheading p{font-weight:inherit;color:inherit;margin:0}.design-highlights__heading-item.is-active .design-highlights__heading-subheading{margin-top:.5rem;max-height:7.5rem;opacity:1;transform:translateY(0)}.design-highlights__heading-item:not(.is-active) .design-highlights__heading-label{font-weight:var(--design-highlights-title-font-weight);color:var( --design-highlights-unselected-title-color, var(--design-highlights-title-color) );opacity:var(--design-highlights-unselected-title-opacity, .38)}.design-highlights__heading-item:not(.is-active) .design-highlights__heading-subheading{color:var( --design-highlights-unselected-subtitle-color, var(--design-highlights-subtitle-color) )}.design-highlights .line-marker{z-index:4}@media screen and (max-width:749px){.design-highlights>.page-width.hoto-product-new-frame{padding-inline:var(--design-highlights-mobile-frame-inset)}}.design-highlights__media{position:relative;width:calc(100% + var(--design-highlights-mobile-inline-padding) + var(--design-highlights-mobile-inline-padding));margin-inline:calc(-1 * var(--design-highlights-mobile-inline-padding));aspect-ratio:1;background-color:var(--design-highlights-image-bg-color);overflow:hidden}.design-highlights__media-item{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none;transition:opacity .32s cubic-bezier(.22,1,.36,1)}.design-highlights__media-item.is-active{opacity:1;pointer-events:auto;z-index:1}.design-highlights__image{width:100%;height:100%;object-fit:cover;display:block}.design-highlights__placeholder{height:100%;display:flex;align-items:center;justify-content:center;color:rgb(var(--text-color) / .5)}@media screen and (min-width:750px){.design-highlights__inner{gap:2rem;padding:clamp(1.5rem,5vh,3rem) var(--design-highlights-mobile-inline-padding) 0;max-width:82.5rem;margin-inline:auto}}@media screen and (min-width:701px){.design-highlights__inner{padding:0;max-width:none}.design-highlights__section-heading{padding-inline-start:var(--design-highlights-heading-text-start);font-size:clamp(20.833px,2.777778vw,53.333px);font-size:calc(40 * var(--hoto-fluid-design-px));box-sizing:border-box}.design-highlights__content{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,var(--design-highlights-desktop-media-width));gap:0;align-items:center;width:100%}.design-highlights__text-content{width:min(calc(100% - var(--design-highlights-heading-text-start)),clamp(231.25px,30.833333vw,592px));width:min(calc(100% - var(--design-highlights-heading-text-start)),calc(444 * var(--hoto-fluid-design-px)));justify-self:center}.design-highlights__headings{gap:.625rem}.design-highlights__heading-item{padding-bottom:1rem;padding-right:1rem}.design-highlights__heading-label{font-size:clamp(12.5px,1.666667vw,32px);font-size:calc(24 * var(--hoto-fluid-design-px));line-height:1.2}.design-highlights__heading-subheading{font-size:clamp(10.417px,1.388889vw,26.667px);font-size:calc(20 * var(--hoto-fluid-design-px));line-height:1.3}.design-highlights__media{width:100%;margin-inline:0;aspect-ratio:1;justify-self:end}}@media(prefers-reduced-motion:reduce){.design-highlights__active-indicator,.design-highlights__heading-label,.design-highlights__heading-subheading,.design-highlights__media-item{transition-duration:0ms}}
/*# sourceMappingURL=/cdn/shop/t/236/assets/section-design-highlights.css.map */