.custom-image-accordion-container{padding-inline:var(--page-padding);padding-top:60px;padding-bottom:100px}.custom-image-accordion{display:flex;width:100%;height:400px;overflow:hidden;transition:all .3s ease-in-out;gap:2px}.custom-accordion-item{width:10%;height:100%;position:relative;cursor:pointer;overflow:hidden;transition:width .5s ease-in-out;z-index:1;border-radius:10px}.custom-accordion-item img{width:200%;height:100%;object-fit:cover;object-position:left;transition:width .5s ease-in-out,object-position .5s ease-in-out}.custom-accordion-item.active{width:80%;z-index:2}.custom-accordion-item.active img{width:100%;object-position:center}.custom-accordion-item:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#0000;transition:background .5s ease-in-out;z-index:1}.custom-accordion-item.active:before{background:#0003}.custom-accordion-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;width:90%;color:#fff;z-index:3}.custom-accordion-button-container{position:absolute;top:75%;left:13%;transform:translate(-50%,-50%)}.custom-accordion-title{font-size:calc(var(--font-h2-size) * 1.5);font-weight:var(--font-heading-weight);color:#fff;writing-mode:vertical-rl;transform:rotate(180deg)}.custom-accordion-item.active .custom-accordion-title{font-size:var(--font-h2-size);font-weight:var(--font-heading-weight);text-align:start;writing-mode:horizontal-tb;transform:rotate(0);margin:10px 25px;padding:10px}.custom-accordion-item.active .custom-accordion-divider hr{margin:1rem}.custom-accordion-item.active .custom-accordion-text{top:10%;left:50%;transform:translate(-50%)}.custom-accordion-item.active .custom-accordion-button{display:inline-block;position:absolute;bottom:-30px;left:-30px;padding:10px 20px;font-size:100%;font-family:var(--font-button-family);font-weight:var(--font-button-weight);color:#fff;background-color:#ff6f61;border-radius:20px;text-decoration:none;transition:all .3s ease-in-out;width:auto}.custom-accrodion-item.active .custom-accordion-button-container{top:10%;left:50%;transform:translate(-50%)}.custom-accordion-divider,.custom-accordion-description,.custom-accordion-button{display:none}.custom-accordion-item.active .custom-accordion-divider{display:block;width:90%;height:2px;background-color:#fff;margin:10px auto;opacity:0;transition:opacity .5s ease-in-out;opacity:1}.custom-accordion-item.active .custom-accordion-description{display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);letter-spacing:var(--font-heading-letter-spacing);text-transform:var(--font-heading-transform);text-align:start;color:#fff;padding:10px 0;border-radius:8px;width:90%;margin:10px 35px;opacity:0;transition:opacity .5s ease-in-out;position:relative;opacity:1}.custom-accordion-item:first-child{width:80%;z-index:2}.custom-item:first-child img{width:100%;object-position:center}.custom-accordion-button{display:inline-block;margin-top:10px;padding:10px 20px;font-family:var(--font-button-family);font-size:100%;font-weight:var(--font-button-weight);letter-spacing:var(--buttons-letter-spacing, 0);color:#fff;background-color:#ff6f61;border-radius:20px;text-decoration:none;transition:all .3s ease-in-out}.custom-accordion-button:hover{background-color:#ff3b2f}.no-link{background-color:#ff6f61;cursor:default;pointer-events:none;opacity:.8}@media (max-width: 768px){.custom-image-accordion-container{padding-bottom:50px}.custom-image-accordion{flex-direction:column;height:auto}.custom-accordion-item{width:100%;height:100px;transition:height .5s ease-in-out;position:relative;z-index:1}.custom-desktop-img{display:none}.custom-mobile-img{display:block;width:100%;height:200%;object-fit:cover;object-position:top}.custom-accordion-title{writing-mode:horizontal-tb!important;transform:rotate(0)!important;font-size:calc(var(--font-heading-mobile-scale) * var(--font-h1-size));font-weight:var(--font-heading-weight);color:#fff}.custom-accordion-item.active .custom-accordion-title{writing-mode:horizontal-tb!important;transform:rotate(0)!important;font-size:calc(var(--font-heading-mobile-scale) * var(--font-h1-size));font-weight:var(--font-heading-weight);color:#fff;margin:10px}.custom-accordion-item.active{height:300px!important;z-index:2}.custom-accordion-item.active .custom-accordion-text{top:0%;left:50%;width:100%}.custom-accordion-button-container{position:absolute;top:85%;left:11%;transform:translate(-50%,-50%)}.custom-accordion-item.active .custom-accordion-divider{opacity:1}.custom-accordion-item.active .custom-accordion-description{text-align:start;opacity:1;font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);letter-spacing:var(--font-heading-letter-spacing);text-transform:var(--font-heading-transform);margin:10px 25px}}
/*# sourceMappingURL=/cdn/shop/t/52/assets/custom-image-accordion.css.map */