.accordion__button-row{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:none;padding:1.5rem 0;cursor:pointer;text-align:left;font-family:inherit;color:currentColor}.accordion__button-row .summary__title{display:flex;align-items:center;flex:1}.accordion__button-row .icon-arrow{width:1.2rem;height:1.2rem;transition:transform .3s ease}.collapsible-modal.product-popup-modal{opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;background-color:rgba(var(--color-foreground),.5);z-index:1000}.collapsible-modal.product-popup-modal[open]{opacity:1;visibility:visible}.collapsible-modal.is-drawer .product-popup-modal__content{position:absolute;top:0;right:0;height:100%;width:100%;max-width:450px;margin:0;transform:translate(100%);transition:transform .4s cubic-bezier(.165,.84,.44,1);border-radius:0;background:rgb(var(--color-background));box-shadow:-5px 0 30px #0000001a;display:flex;flex-direction:column}.collapsible-modal.is-drawer[open] .product-popup-modal__content{transform:translate(0)}.collapsible-modal.is-bottom-sheet .product-popup-modal__content{position:absolute;bottom:0;left:0;width:100%;height:auto;max-height:80vh;margin:0;transform:translateY(100%);transition:transform .4s cubic-bezier(.165,.84,.44,1);border-radius:20px 20px 0 0;background:rgb(var(--color-background));box-shadow:0 -5px 30px #0000001a}.collapsible-modal.is-bottom-sheet[open] .product-popup-modal__content{transform:translateY(0)}.collapsible-modal .product-popup-modal__content-info{padding:3rem 2.5rem;overflow-y:auto;flex:1}.collapsible-modal .product-popup-modal__content-info h2{margin-top:0;margin-bottom:2rem;padding-right:4rem}.collapsible-modal .product-popup-modal__toggle{top:1.5rem;right:1.5rem;background:#f5f5f5;border-radius:50%;width:3.2rem;height:3.2rem;display:flex;align-items:center;justify-content:center;transition:background .2s}.collapsible-modal .product-popup-modal__toggle:hover{background:#e0e0e0}@media screen and (max-width:749px){.collapsible-modal.is-drawer .product-popup-modal__content{max-width:85%}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/collapsible-modals.css.map */
