.accordion summary{display:flex;position:relative;line-height:1;padding:1.5rem 0;cursor:pointer;transition:all .3s ease}.accordion summary::-webkit-details-marker{display:none}.accordion summary .icon-caret{transition:transform .4s cubic-bezier(.4,0,.2,1)}.accordion .summary__title{display:flex;flex:1}.accordion .summary__title+.icon-caret{height:calc(var(--font-heading-scale) * .6rem);transition:transform .4s cubic-bezier(.4,0,.2,1)}.accordion+.accordion{margin-top:0;border-top:none}.accordion{margin-top:2.5rem;margin-bottom:0;border-bottom:4px solid rgb(var(--color-foreground));padding:4rem 2rem;transition:transform .3s cubic-bezier(.4,0,.2,1)}.accordion:hover{transform:translateY(-3px)}.accordion:last-child{border:none}.accordion__title-wrapper{display:flex;gap:2rem;align-items:center;justify-content:flex-start;max-width:calc(100% - 6rem)}.accordion__title{font-family:CabinetGrotesk-Black;font-weight:900;display:inline-block;min-height:1.6rem;margin:0;word-break:break-word;transition:color .3s ease}.accordion__title-index{font-size:24px;color:#fbf6b4;padding:8px 32px;border-radius:32px;border:2px solid #FBF6B4;transition:all .4s cubic-bezier(.4,0,.2,1)}.accordion:hover .accordion__title-index{background-color:#fbf6b4;color:#000}.accordion .svg-wrapper{align-self:center;fill:rgb(var(--color-foreground));height:calc(var(--font-heading-scale) * 2rem);margin-right:calc(var(--font-heading-scale) * 1rem);width:calc(var(--font-heading-scale) * 2rem)}.accordion details{overflow:hidden}.accordion__content{margin-bottom:0;word-break:break-word;overflow-x:auto;padding:0 .6rem;max-height:0;opacity:0;transform:translateY(-10px);overflow:hidden;transition:max-height .5s cubic-bezier(.4,0,.2,1),opacity .4s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1),padding .4s cubic-bezier(.4,0,.2,1)}.accordion details[open]+.accordion__content{max-height:800px;opacity:1;transform:translateY(0);padding:2rem .6rem}.accordion details[open] .icon-caret{transform:rotate(180deg)}.accordion__content img{max-width:100%}@media screen and (min-width: 750px){.accordion__content{max-width:50%}}@media screen and (max-width: 749px){.accordion__title{font-size:16px}.accordion__title-index{font-size:12px;padding:16px 22px}.accordion{border:none;padding:0}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/component-accordion.css.map */