.modal{position:fixed;top:0;right:0;bottom:0;z-index:var(--z-modals);display:block;pointer-events:none}.modal[open]{pointer-events:all}.modal[open] .modal__overlay{opacity:1}.modal[open] .modal__inner{opacity:1;transform:none}.modal__overlay{position:fixed;width:100%;height:100%;top:0;left:0;z-index:-5;display:block!important;background-color:#0000004d;cursor:pointer;opacity:0;transition:opacity var(--duration-default)}.modal__inner{height:100%;width:90%;display:flex;flex-direction:column;margin-left:auto;opacity:0;transform:translate(100%);transition:opacity var(--duration-default),transform var(--duration-default)}@media screen and (min-width:990px){.modal__inner{width:40rem}}.modal__head{position:relative;padding:1.6rem 1.8rem;background-color:var(--color-background-primary);color:var(--color-base-secondary)}@media screen and (min-width:990px){.modal__head{padding:1.7rem 1.6rem}}.modal__title{margin:0;font-weight:600;font-size:1.8rem;text-transform:uppercase;letter-spacing:-.01em}.modal__body{flex:1 0;background-color:var(--color-background-secondary);overflow:hidden auto}.modal__close{position:absolute;top:1.85rem;right:1.45rem;width:2.2rem;height:2.2rem;border:none;border-radius:0;background:transparent;-webkit-appearance:none;appearance:none;transition:transform var(--duration-default)}@media(hover:hover)and (pointer:fine){.modal__close:hover{transform:rotate(180deg)}}.modal__close svg{display:block;width:100%;height:auto}.modal__image{padding:1.6rem}.modal__item{padding:1rem;display:grid;grid-template-columns:9.3rem 1fr;gap:.9rem}@media screen and (min-width:990px){.modal__item{padding:1.6rem;grid-template-columns:9.4rem 1fr;gap:1.7rem}}.modal__item+.modal__item{margin-top:.8rem}@media screen and (min-width:990px){.modal__item+.modal__item{margin-top:0}}.modal__item-content{font-size:1.3rem;color:var(--color-black)}.modal__item-title{margin:0 0 1.1rem;font-family:var(--font-body-family);font-weight:600;font-size:1.3rem;text-transform:uppercase}@media screen and (min-width:990px){.modal__item-title{margin:0 0 1.4rem}}.modal__item-entry{line-height:1.39}.modal__item-image{max-width:7.8rem;margin:0 auto}@media screen and (min-width:990px){.modal__item-image{max-width:100%;margin:0 auto}}
/*# sourceMappingURL=/cdn/shop/t/282/assets/section-modal.css.map */