.modal-component{background-color:#0009;box-sizing:border-box;height:100%;left:0;margin:0 auto;opacity:0;position:fixed;top:0;visibility:hidden;width:100%;z-index:-1}@media screen and (min-width: 700px){.modal-component__body{overflow:auto}}.modal-component[open]{opacity:1;visibility:visible;z-index:101}.modal-component__body{height:100%;margin:0;padding:0;position:absolute;width:100%;display:flex;align-items:center;justify-content:center}.modal-component__toggle{align-items:center;background-color:transparent;border-radius:50%;border:0;color:rgba(var(--text-color),.55);cursor:pointer;display:flex;justify-content:center;margin:0 0 0 auto;padding:.75rem;position:absolute;right:1rem;top:1rem;width:2.5rem;height:2.5rem;z-index:2}@media screen and (min-width: 700px){.modal-component__toggle{right:2rem;top:2rem;width:3rem;height:3rem}}.modal-component__toggle .icon{height:auto;margin:0;width:1.375rem}.modal-component__content-wrapper{display:flex;width:100%;height:100%;position:relative;max-width:calc(var(--container-max-width) * .5);overflow:auto;padding:1rem}@media screen and (min-width: 700px){.modal-component__content-wrapper{margin:auto;height:auto;overflow:inherit}}.modal-component__video,.modal-component__video iframe{height:100%;width:100%}.modal-component__video iframe{position:static;border:0}.modal-component__content{width:100%;height:fit-content;padding:4rem 1.5rem;background:#fff;border-radius:12.5px}@media screen and (min-width: 700px){.modal-component__content{padding:5rem}}.modal-component--full-width .modal-component__body{padding:0}.modal-component--full-width .modal-component__content-wrapper{max-width:unset;background:#fff;height:100%}.modal-component--full-width .modal-component__content{max-width:calc(var(--container-max-width));border-radius:0;margin-inline:auto;padding-top:5rem}@media screen and (max-width: 699px){.modal-component--full-width .modal-component__content{padding-inline:0}}.modal-component--full-width .modal-component__toggle{right:unset;left:.625rem;color:rgb(var(--default-green));text-decoration:underline;font-size:1.125rem;width:fit-content;gap:.3rem;position:absolute;top:1.25rem;text-align:left}.modal-component--full-width .modal-component__toggle .icon{rotate:180deg}.modal-component :is(h1,h2,h3,h4,h5,h6){font-family:var(--heading-font-family);font-weight:var(--heading-font-weight)}.modal-component h2{font-size:1.625rem;margin-block:1.5rem}.modal-component p{margin-block-start:1em;margin-block-end:1em}.modal-component .button--full-width{margin-top:1rem}
/*# sourceMappingURL=/cdn/shop/t/6/assets/component-modal.css.map */