.cn-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:500;display:flex;align-items:center;justify-content:center;padding:2rem;box-sizing:border-box;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}.cn-modal--open{opacity:1;visibility:visible}.cn-modal__card{background:#fff;border-radius:1.6rem;padding:4rem;width:100%;max-width:620px;max-height:90vh;overflow-y:auto;position:relative;box-sizing:border-box}.cn-modal__close{position:absolute;top:1.6rem;right:1.6rem;background:none;border:none;cursor:pointer;padding:.8rem;line-height:1;font-size:2rem;color:var(--black, #000);opacity:.5;transition:opacity .15s ease}.cn-modal__close:hover{opacity:1}.cn-modal__heading{text-align:center;margin-top:0;margin-bottom:1.2rem}.cn-modal__subtext{text-align:center;margin-bottom:3.2rem}.cn-modal__subtext p{margin:0}.cn-modal__card--green{background:var(--pm-green-turf)}.cn-modal__card--green .cn-modal__heading,.cn-modal__card--green .cn-modal__subtext,.cn-modal__card--green .cn-modal__subtext p{color:var(--white)}.cn-modal__card--green .cn-modal__close{color:var(--white);opacity:.6}.cn-modal__card--green .cn-modal__close:hover{opacity:1}@media screen and (max-width:749px){.cn-modal{align-items:flex-end;padding:0}.cn-modal__card{border-radius:1.6rem 1.6rem 0 0;max-height:92vh;padding:3.2rem 2.4rem}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/component-cn-modal.css.map */