.bannerz{--radius: 22vw;--perspective: 1270px;--t: 0deg;--ellipse-height: 10px;width:100%;height:100%;position:relative;perspective:var(--perspective);overflow:visible;transform-style:preserve-3d}@property --t{syntax: "<angle>"; initial-value: 0deg; inherits: true;}.bannerz .slider{width:100%;height:100%;position:absolute;top:49%;left:50%;transform-style:preserve-3d;transform:translate(-50%,-50%) rotateX(-13deg)}.bannerz .item{position:absolute;top:50%;left:50%;width:40%;height:40%;transform-style:preserve-3d;z-index:3;--angle: calc((360deg / var(--count)) * var(--i) + var(--t));transform:translate(-50%,-50%) translateY(var(--y-offset, 0px)) rotateY(var(--angle)) translateZ(var(--radius));cursor:pointer}.bannerz .item img{width:66%;height:66%;object-fit:contain;transform:rotateY(calc(-1 * var(--angle)))}.bannerz .item.is-current,.bannerz .item.is-near{z-index:5}.bannerz .item img{transition:.1s opacity ease .1s}.bannerz .item.is-next img,.bannerz .item.is-current img{opacity:0}.bannerz__panel{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50%;height:80%;z-index:4;display:flex;flex-direction:column;justify-content:space-between;pointer-events:auto;perspective:1200px}.bannerz__panel-inner{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .35s ease}.bannerz__panel.is-flipped .bannerz__panel-inner{transform:rotateY(180deg)}.bannerz__panel.is-flipped .bannerz__panel-face{transition:all ease}.bannerz__panel.is-flipped .bannerz__panel-face.is-front{opacity:0;transition-property:opacity;transition-delay:.2s}.bannerz__panel-face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;display:flex;flex-direction:column;justify-content:space-between;border-radius:2rem;overflow:hidden}.bannerz__panel-face.is-back{transform:rotateY(180deg);background:var(--c-accent-bg2)}.bannerz__panel-face.is-back .bannerz__back-head{display:flex;gap:1rem;align-items:center;flex-direction:column}.bannerz__panel-face.is-back .bannerz__back-head>img{background:none;width:100%;min-height:20rem;object-fit:contain}.bannerz__panel-face.is-back .bannerz__back-head>div{padding:3rem;width:100%;text-align:center}.bannerz__panel-face.is-back .bannerz__back-head>div h4,.bannerz__panel-face.is-back .bannerz__back-head>div p{width:100%}.bannerz__panel-face.is-back a{display:none}.bannerz__current-title{display:none;text-align:center;opacity:1;transition:opacity .2s ease;position:relative}.bannerz__current-title.is-changing{opacity:0}.bannerz__current-descr{margin:0;text-align:center;opacity:1;transition:opacity .2s ease;position:relative;display:none}.bannerz__current-descr.is-changing{opacity:0}.bannerz__img{position:absolute;width:100%;height:100%;object-fit:cover;top:0;left:0;z-index:-1}.bannerz__info-btn{position:absolute;top:calc(10% + 1rem);right:calc(25% + 1rem);width:4rem;height:4rem;border-radius:50%;border:none;background:var(--c-white);cursor:pointer;z-index:5;display:flex;align-items:center;justify-content:center}.bannerz__back-img{width:80px;height:80px;object-fit:contain;border-radius:12px;background:#f7f7f7}.bannerz__back-title{margin:0 0 6px}.bannerz__back-descr{margin:0;color:var(--c-dark);line-height:1.5;overflow:hidden;font-size:1.6rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:7}.bannerz .sj-bundle__gallery-nav{width:calc(100vw - 7rem);height:100%;display:none;position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;justify-content:space-between;align-items:center;padding:0}.bannerz .sj-bundle__gallery-nav button{pointer-events:auto;width:42px;height:42px;border-radius:50%;background:var(--c-white);display:grid;place-items:center;cursor:pointer;font-size:2rem;border:0;padding-bottom:.3rem;color:var(--c-dark)}@media screen and (max-width:749px){.bannerz__panel{width:100%}.bannerz__info-btn{right:1rem}.bannerz .sj-bundle__gallery-nav{display:flex;z-index:10;left:2rem}.image-with-text__media--large:has(.bannerz){height:60rem}.bannerz__back-descr{font-size:1.3rem}.bannerz__panel{height:90%}.bannerz__info-btn{top:calc(5% + 1rem)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/carousel.css.map */