.dropdown-details{background:rgb(var(--color-background));color:rgb(var(--color-foreground))}.dropdown-details__wrapper{display:block}.dropdown-details__header{cursor:pointer;list-style:none;padding:1.5rem 1.5rem 0;border-radius:var(--border-radius-container);background:transparent;position:relative;transition:all .3s ease}.dropdown-details__header::-webkit-details-marker{display:none}.dropdown-details__header::marker{display:none}.dropdown-details__header:focus-visible{outline-offset:-5px}.dropdown-details__header-content{display:grid;grid-template-columns:2fr 6fr 2fr;align-items:end;gap:1rem}.dropdown-details__subtext{grid-column:1;font-size:1rem;white-space:nowrap;justify-self:start}.dropdown-details__heading{grid-column:2;text-align:left;color:rgb(var(--color-foreground));justify-self:start}.dropdown-details__icon-wrapper{grid-column:3;justify-self:end}.dropdown-details__divider{height:1px;position:relative}.dropdown-details__divider--header{margin-top:1.5rem;margin-left:-1.5rem;margin-right:-1.5rem;width:calc(100% + 3rem)}.dropdown-details__divider--bottom{display:none;padding:0 1.5rem}.dropdown-details__wrapper[open] .dropdown-details__divider--header{display:none}.dropdown-details__wrapper[open] .dropdown-details__divider--bottom{display:block;margin:0;width:100%;padding:0 1.5rem}.dropdown-details__icon-circle{width:2.5rem;height:2.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:#000;transition:background-color .3s ease;position:relative}.dropdown-details__icon-circle .icon{color:#fff;font-size:1.25rem;position:absolute;transition:opacity .3s ease,transform .3s ease}.dropdown-details__icon-circle .icon-default{opacity:1;transform:rotate(0)}.dropdown-details__icon-circle .icon-clicked,.dropdown-details__wrapper[open] .dropdown-details__icon-circle .icon-default{opacity:0;transform:rotate(180deg);visibility:hidden}.dropdown-details__wrapper[open] .dropdown-details__icon-circle .icon-clicked{opacity:1;transform:rotate(0);visibility:visible}.dropdown-details__content{padding:0 1.5rem;max-height:0;overflow:hidden;opacity:0;transform:translateY(-10px);transition:max-height .5s cubic-bezier(.4,0,.2,1),padding .5s cubic-bezier(.4,0,.2,1),opacity .4s cubic-bezier(.4,0,.2,1) .1s,transform .4s cubic-bezier(.4,0,.2,1) .1s}.dropdown-details__wrapper[open] .dropdown-details__content{max-height:5000px;padding-top:1.5rem;opacity:1;transform:translateY(0)}.dropdown-details__image{width:100%;margin-bottom:1.5rem;overflow:hidden}.dropdown-details__image img{width:100%;height:auto;display:block;max-height:300px;object-fit:cover}.dropdown-details__image--rounded{border-radius:2rem;overflow:hidden}.dropdown-details__image--rounded img{border-radius:2rem;display:block}.dropdown-details__text-container{display:flex;gap:1.5rem;margin-bottom:1.5rem}.dropdown-details__text-block{flex:1;min-width:0}.dropdown-details__text-block .rte{font-size:1rem;line-height:1.6;color:rgb(var(--color-foreground))}.dropdown-details__text-block--left .rte{text-align:left}.dropdown-details__text-block--center .rte{text-align:center}.dropdown-details__text-block--right .rte{text-align:right}.dropdown-details__button-wrapper{margin-top:1rem}.dropdown-details__button-wrapper .btn{display:inline-block}.dropdown-details__button-wrapper--left{text-align:left}.dropdown-details__button-wrapper--center{text-align:center}.dropdown-details__button-wrapper--right{text-align:right}@media screen and (max-width: 767px){.dropdown-details__header{padding:1rem 1rem 0}.dropdown-details__header-content{gap:.5rem}.dropdown-details__subtext,.dropdown-details__heading{font-size:.875rem}.dropdown-details__divider--header{margin-left:-1rem;margin-right:-1rem;width:calc(100% + 2rem)}.dropdown-details__divider--bottom{padding:0 1rem}.dropdown-details__wrapper[open] .dropdown-details__divider--bottom{margin-left:0;margin-right:0;width:100%;padding:0 1rem}.dropdown-details__icon-circle{width:2rem;height:2rem}.dropdown-details__icon-circle .icon{font-size:1rem}.dropdown-details__content{padding:0 1rem}.dropdown-details__wrapper[open] .dropdown-details__content{padding-top:1rem}.dropdown-details__text-container{flex-direction:column;gap:1rem}}
/*# sourceMappingURL=/cdn/shop/t/47/assets/section-dropdown-details.css.map */
