.popup-modal{box-sizing:border-box;opacity:0;position:fixed;visibility:hidden;z-index:-1;margin:0 auto;top:0;left:0;overflow:auto;width:100%;background:rgba(var(--color-foreground),.5);height:100%}.popup-modal[open]{opacity:1;visibility:visible;z-index:101}.popup-modal__content{--color-foreground: var(--color-card-text);background-color:rgb(var(--color-card));height:auto;margin:0 auto;left:50%;transform:translate(-50%);margin-top:5rem;width:92%;position:absolute;top:0;padding:4rem 2rem;max-width:43rem}@media screen and (min-width: 750px){.popup-modal__content{margin-top:10rem;width:70%}}.popup-modal__content img{max-width:100%}@media screen and (max-width: 749px){.popup-modal__content table{display:block;max-width:fit-content;overflow-x:auto;white-space:nowrap;margin:0}}.popup-modal__opener{display:block;height:100%}.popup-modal__button{font-size:1.6rem;padding-right:1.3rem;padding-left:0;height:100%;text-underline-offset:.3rem;text-decoration-thickness:.1rem;transition:text-decoration-thickness var(--duration-short) ease}.popup-modal__button:hover{text-decoration-thickness:.2rem}.popup-modal__content-info{margin-top:-4.4rem}.popup-modal__content-heading{display:block}.popup-modal__content-info>*{height:auto;margin:0 auto 2.4rem;max-width:100%;width:100%}.popup-modal__content-info>*:last-child{margin-bottom:0}@media screen and (max-width: 749px){.popup-modal__content-info>*{max-height:100%}}.popup-modal__toggle{background-color:transparent;border:none;color:rgba(var(--color-foreground),.5);display:flex;align-items:center;justify-content:center;cursor:pointer;position:sticky;padding:1.2rem;margin-left:auto;z-index:2;top:0;width:4rem;transform:translate(3.2rem,-3.2rem)}.popup-modal__toggle:hover{color:rgba(var(--color-foreground),.75)}.popup-modal__toggle .icon{height:auto;margin:0;width:1.6rem;flex-basis:1.6rem}.popup-modal__content-header{margin-bottom:2.4rem;padding-right:3rem}.popup-modal__button>.image{border-radius:100%;width:1.8rem;height:1.8rem;display:inline-block;vertical-align:-.3rem}.popup-modal__button>.image img{border-radius:100%;object-fit:cover;display:block;width:100%;height:100%}@media screen and (min-width: 750px){.popup-modal__side .popup-modal__content{margin-top:0;width:50%;left:auto;right:0;top:0;transform:translate(0);max-width:70rem;overflow:hidden}}.popup-modal__side .article-template .row>*{max-width:100%;flex-basis:100%}.popup-modal__content-info{container-type:inline-size}@container (max-width: 720px){.popup-modal__content-info .article-template__hero-medium{height:15.6rem}.popup-modal__content-info .col-xs-12{flex-basis:100%;max-width:100%;width:100%}.popup-modal__content-info .col-xs-10{flex-basis:83.33333333%;max-width:83.33333333%}.popup-modal__content-info .image-with-text__grid .image-with-text__content{padding:2rem 0!important}.popup-modal__content-info .slider--peek.slider--mobile .col-xs-6{flex-basis:47.5%;max-width:47.5%}.popup-modal__content-info .rich-text{text-align:left}.popup-modal__content-info .rich-text--full-width .rich-text__blocks{margin:auto;width:100%;display:block}.popup-modal__content-info .slider--mobile{position:relative;flex-wrap:inherit;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scroll-padding-left:0;margin-bottom:1rem;-webkit-overflow-scrolling:touch}.popup-modal__content-info .container{width:100%}.popup-modal__content-info .article-template__meta .share-button__fallback .social__item{width:3.6rem;height:3.6rem;flex-basis:3.6rem}.popup-modal__content-info .article-template header{margin-bottom:2rem}.popup-modal__content-info h2{font-size:1.6rem}.popup-modal__content-info .article-template__title{font-size:2rem}.popup-modal__content-info .card-information__text{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.popup-modal__content-info .image-with-text>*:not(.card--outline) .image-with-text__grid:not(.reverse) .image-with-text__content{padding-bottom:0!important}.popup-modal__content-info .slider--peek-mobile{--offset: calc(((calc(var(--vw, 1vw) * 100) - var(--page-width)) / 2) )}.popup-modal__content-info .image-with-text__media--small{height:19.4rem}}@media screen and (max-width: 749px){.popup-modal__content{padding:2rem}}.popup-modal__side .popup-modal__content{background-color:rgb(var(--color-background))}
/*# sourceMappingURL=/cdn/shop/t/24/assets/component-modal.css.map */