.blog-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),.2);height:100%}.blog-popup-modal .contact__fields{margin-top:2.4rem}.blog-popup-modal[open]{opacity:1;visibility:visible;z-index:101}.blog-popup-modal__content{background-color:rgb(var(--color-background));overflow:auto;max-height:80%;margin:0 auto;left:50%;transform:translate(-50%);margin-top:5rem;width:92%;position:absolute;top:0;padding:0 1.5rem 0 3rem}@media screen and (min-width: 750px){.blog-popup-modal__content{padding-right:1.5rem;margin-top:10rem;width:70%;max-width:57rem;padding:3rem}}.blog-popup-modal__content img{max-width:100%}@media screen and (max-width: 749px){.blog-popup-modal__content table{display:block;max-width:fit-content;overflow-x:auto;white-space:nowrap;margin:0}}.blog-popup-modal__opener{display:inline-block}.blog-popup-modal__button{display:flex;padding:0;border:0 none;-webkit-appearance:none;appearance:none;background:transparent;align-items:center;font-family:inherit;font-size:inherit;text-align:left;color:inherit}.blog-popup-modal__button-image{position:relative;z-index:1}.blog-popup-modal__button-text{border:solid .1rem rgb(var(--color-border));margin-left:-8rem;padding:2rem 2rem 2rem 8rem}.blog-popup-modal__button:hover{text-decoration-thickness:.2rem}.blog-popup-modal__content-info,.blog-popup-modal__content form,.blog-popup-modal__content-form-buttons{margin-top:2rem}.blog-popup-modal__content-image{width:100%;height:23rem;margin-top:-6.2rem;text-align:center}.blog-popup-modal__content-image img{width:100%;max-width:25rem;height:100%;object-fit:cover;object-position:center top}.blog-popup-modal__content-info>*{height:auto;margin:0 auto;max-width:100%;width:100%}@media screen and (max-width: 749px){.blog-popup-modal__content-info>*{max-height:100%}}.blog-popup-modal__toggle{background-color:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),.1);border-radius:50%;color:rgba(var(--color-foreground),.55);display:flex;align-items:center;justify-content:center;cursor:pointer;position:sticky;padding:1.2rem;z-index:2;top:0;width:3.2rem;height:3.2rem;margin:0 0 0 auto}.blog-popup-modal__toggle:hover{color:rgba(var(--color-foreground),.75)}.blog-popup-modal__toggle .icon{height:auto;margin:0;width:1.2rem;flex-basis:1.2rem}
/*# sourceMappingURL=/cdn/shop/t/33/assets/component-modal.css.map */