.detail-hover__content .desktop{display:block}.detail-hover__content .mobile{display:none}.detail-hover{height:100%}.detail-hover__sub-heading{font-size:calc(var(--font-body-scale) * 1.8rem);padding-bottom:1rem}.detail-hover__left{width:100%;max-width:80%}@media(max-width:767px){.detail-hover__left{width:100%;max-width:100%}.detail-hover__content .desktop{display:none}.detail-hover__content .mobile{display:block}.detail-hover__content .mobile .detail-hover_heading{padding-bottom:1.8rem}}.detail-hover__box{padding-top:1.2rem}@media(min-width:768px){.detail-hover__box{padding-top:3.6rem}}@media(min-width:992px){.detail-hover__box{padding-top:4.8rem}}.detail-hover__trigger{width:fit-content;padding:2rem 5rem 2rem 2.6rem;background:#f0f8fa;border-radius:1.2rem;display:flex;flex-direction:column;gap:1rem}.detail-hover__trigger.xo-active{background:#e6f2f7}@media(min-width:992px){.detail-hover__trigger{margin-bottom:2.5rem}}@media(max-width:767px){.detail-hover__trigger{margin-bottom:1.5rem}}.detail-hover__trigger.xo-active .detail-hover__text{background-size:100% 100%;color:color-mix(in srgb,rgba(var(--color-foreground)) 100%,transparent)}.detail-hover__image-container{display:none}.detail-hover__image-container.xo-active{display:block}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes zoomIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.detail-hover__d-flex{width:100%;display:block}.detail-hover__title{font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);word-break:break-word;word-wrap:break-word;font-size:calc(var(--font-body-scale) * 2.6rem);display:flex;align-items:center;gap:1rem}@media(max-width:767px){.detail-hover__title{font-size:calc(var(--font-body-scale) * 1.8rem)}}.detail-hover__title:hover{cursor:pointer}.detail-hover__title:hover .detail-hover__text{background-size:100% 100%}.detail-hover__arrow{transition:all .3s}.detail-hover__arrow svg{display:flex}.detail-hover__image,.detail-hover__image .xo-image,.detail-hover__image .xo-image__placeholder,.detail-hover__image .placeholder-svg,.detail-hover__image img{width:100%;height:100%}.detail-hover__image img,.detail-hover__image .placeholder-svg{transition:all .5s ease-in-out;will-change:transform}.detail-hover__image:hover img,.detail-hover__image:hover .placeholder-svg{transform:scale(1.05)}.detail-hover__description{max-height:0;opacity:0;overflow:hidden;transition:max-height .2s ease-out,opacity .2s ease-out;padding-top:1rem;padding-left:4.5rem}@media(max-width:767px){.detail-hover__description{font-size:calc(var(--font-body-scale) * 1.6rem);padding-left:0}}.detail-hover__trigger.xo-active .detail-hover__description{max-height:150px;opacity:.8;transition:max-height 1.5s ease-out,opacity .3s ease-out}.detail-hover__trigger.xo-active .detail-hover__arrow{transform:rotate(90deg)}.detail-hover__image--desktop{display:none}@media(min-width:768px){.detail-hover__image--desktop{display:block}}.detail-hover__image--mobile{display:block}@media(min-width:768px){.detail-hover__image--mobile{display:none}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/detail-hover.css.map */