.info-section{display:flex;flex-direction:column;height:115px;width:100%;background-color:#fff;border-top:1px solid #e5e5e5;border-left:1px solid #e5e5e5;box-sizing:border-box;overflow:hidden;position:relative;transition:transform .6s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d}.info-section.flipped{transform:rotateY(180deg)}.info-section .info-slider-track,.info-section .info-slider-dots{transition:opacity 0s .3s}.info-section.flipped .info-slider-track,.info-section.flipped .info-slider-dots{opacity:0;pointer-events:none}.info-section-back-side{position:absolute;top:0;right:0;bottom:0;left:0;transform:rotateY(180deg) translateZ(1px);opacity:0;transition:opacity 0s .3s;pointer-events:none;display:flex;flex-direction:column;background-color:transparent;border-radius:inherit;z-index:10;padding:15px}.info-section.flipped .info-section-back-side{opacity:1;pointer-events:auto}.info-section-back-content{flex:1;display:flex;flex-direction:column}.info-section-back-networks{font-weight:500;color:#333;display:flex;align-items:center;justify-content:center;text-align:center;height:100%;font-size:.9rem;padding:10px;line-height:1.4}.info-section-flip-back-btn{position:absolute;top:15px;right:15px;width:20px;height:20px;padding:0;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:.3;transition:opacity .2s ease;z-index:2}.info-section-flip-back-btn:hover{opacity:1}.info-section-flip-back-btn svg,.info-section-flip-back-btn img{width:24px;height:24px;fill:#666;object-fit:contain}.info-section .info-slider-track{flex:1;position:relative;overflow:hidden}.info-section .info-slide{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:20px 8px 0!important;transition:opacity .38s ease,transform .38s cubic-bezier(.4,0,.2,1)}.info-section .info-slide-info-btn{position:absolute;top:15px;right:15px;width:20px;height:20px;padding:0;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:.3;transition:opacity .2s ease;z-index:2}.info-section .info-slide-info-btn:hover{opacity:1}.info-section .info-slide-info-btn img{width:28px;height:28px;display:block}.info-section .info-slide.slide-hidden{opacity:0;transform:translate(100%);pointer-events:none}.info-section .info-slide.slide-leaving{opacity:0;transform:translate(-100%);pointer-events:none}.info-section .info-slide.slide-visible{opacity:1;transform:translate(0)}.info-section .info-slider-dots{display:flex;justify-content:center;align-items:center;gap:6px;height:20px;flex-shrink:0}.info-section .info-slider-dot{width:6px;height:6px;border-radius:50%;background-color:#d0d0d0;border:none;padding:0;cursor:pointer;transition:background-color .25s ease,transform .25s ease;flex-shrink:0}.info-section .info-slider-dot.active{background-color:#9a84c8;transform:scale(1.35)}.info-section .info-slider-dot:hover:not(.active){background-color:#aaa}.info-section-item{display:flex;align-items:center;justify-content:center;text-align:center;box-sizing:border-box;width:100%;height:100%;overflow:hidden}.info-section-icon{width:22px;height:22px;min-width:22px;display:flex;align-items:center;justify-content:center;border-radius:50%;margin-right:8px}.info-section-icon svg{width:14px;height:14px;fill:#fff}.detail-panel .info-section-text,.detail-panel-tab-content .info-section-text,.variants-grid.with-info-section .info-section .info-section-text{font-size:.9rem!important;line-height:1.25!important;font-weight:500!important;color:#000!important;max-width:calc(100% - 30px)!important;display:-webkit-box!important;-webkit-line-clamp:2!important;line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;text-overflow:ellipsis!important;word-break:break-word!important;word-wrap:break-word!important;white-space:normal!important;hyphens:auto!important;-webkit-hyphens:auto!important;align-self:center!important}.info-section-text{font-size:11px;line-height:1.25;font-weight:500;color:#000;max-width:calc(100% - 30px);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-word;word-wrap:break-word;white-space:normal;hyphens:auto;-webkit-hyphens:auto;align-self:center}.variants-grid.with-info-section{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto;gap:15px;grid-template-areas:"info v1" "info v2" "v3 v4";align-items:start;width:100%;perspective:3000px}.variants-grid.with-info-section .info-section{grid-area:info;height:115px;min-height:115px;max-height:115px;border-radius:2rem!important}.variants-grid.with-info-section .collection-product-variant{height:50px;min-height:50px;max-height:50px;align-self:start}.variants-grid.with-info-section .collection-product-variant:nth-child(2){grid-area:v1}.variants-grid.with-info-section .collection-product-variant:nth-child(3){grid-area:v2}.variants-grid.with-info-section .collection-product-variant:nth-child(4){grid-area:v3}.variants-grid.with-info-section .collection-product-variant:nth-child(5){grid-area:v4}@media screen and (max-width:768px){.variants-grid.with-info-section{grid-template-columns:1fr;grid-template-areas:"info" "v1" "v2" "v3" "v4"}}
/*# sourceMappingURL=/cdn/shop/t/39/assets/hero-search-info-box.css.map */
