.interactive-section{display:flex;max-width:calc(var(--hawaii-container-max-width) - 6rem);margin:0 auto;color:#fff;gap:2rem;position:relative;border-top:1px solid #fff;border-bottom:1px solid #fff;padding-left:3rem;padding-right:3rem}@media (max-width: 999px){.interactive-section{flex-direction:column;gap:0;margin-left:24px;margin-right:24px;padding-left:0;padding-right:0}}.interactive-section--tabs{border-right:1px solid #fff}.interactive-section--content{position:relative}.interactive-section--tabs,.interactive-section--content{padding:2rem 0 6rem;width:50%}@media (max-width: 999px){.interactive-section--tabs,.interactive-section--content{padding:2rem 0 0;width:100%}.interactive-section--content{padding:2rem 0}.interactive-section--tabs{border-right:none}.interactive-section .interactive-content{padding-left:0}}.interactive-section--tabs h2{text-transform:uppercase;color:var(--hawaii-color-pink-text);font-family:Triptych;font-size:16px;letter-spacing:1px;margin-top:0}@media (max-width: 999px){.interactive-section--tabs h2{font-size:13px}}.interactive-section--tabs h2,.interactive-section--content h3{margin-bottom:8rem}@media (max-width: 999px){.interactive-section--tabs h2,.interactive-section--content h3{margin-bottom:2rem}}.interactive-list{flex:1}.interactive-list li{list-style:none;font-size:56px;line-height:1;font-weight:400;cursor:pointer;color:var(--hawaii-color-pink-text);opacity:.4;transition:all .3s ease-in-out;font-family:Exposure VAR;letter-spacing:-2px;display:flex;margin-bottom:1rem}@media (max-width: 999px){.interactive-list li{font-size:36px;margin-bottom:.5rem}}.interactive-list li.active{opacity:1}.interactive-list li sup{font-size:16px;margin-right:2.5rem;margin-top:6px;letter-spacing:0}.interactive-content{padding-left:3rem;display:block;max-height:0;overflow:hidden;font-family:Exposure VAR;font-size:20px;line-height:1.5;position:absolute;top:0;left:0;width:100%;opacity:0;visibility:hidden;transition:opacity 1s ease,visibility 1s ease;z-index:0}.interactive-content.active{position:relative;opacity:1;visibility:visible;z-index:1;max-height:2000px}.interactive-content p{max-width:700px}.interactive-section--image{text-align:right}.interactive-content img{margin-top:12rem;max-width:400px;height:auto;border:1px solid #FCFBF6}@media (max-width: 999px){.interactive-content--container{display:flex;flex-direction:column-reverse}.interactive-content--container h3{display:none}.interactive-content--container .interactive-section--image{order:1}.interactive-section--image{text-align:center}.interactive-content img{margin-top:0;margin-bottom:3rem;max-width:80%}}
/*# sourceMappingURL=/cdn/shop/t/232/assets/interactive-tabs.css.map */