toggle-element-class{display:block}modal-link.link{display:table-cell}.modal-content{box-sizing:border-box;background-color:var(--color-brand-background);display:block;font-size:.8125rem;line-height:1.21875rem;letter-spacing:.01em;height:100%;max-width: 23.437rem;width:calc(100% - 60px);overflow-y:auto;opacity:1;padding:1rem;pointer-events:all;transition:all var(--duration-default) ease-in-out;z-index:var(--z-index-modal)}.template-product .modal-content{max-width:19.6875rem}.modal-content--open{right:0}.modal-content__button{padding-right:0}.modal-content__button .icon{margin-right:0}.modal-content__button--arrow{transform:rotate(-180deg)}.modal-content__button--close{display:flex;justify-content:flex-end;width:100%}.modal-content__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-index-modal-backdrop);width:100%;height:100%;background-color:rgba(0,0,0,.2);cursor:pointer;visibility:hidden;opacity:0;transition:all var(--duration-default) ease-in-out}.modal-is-open .modal-content__backdrop{opacity:1;visibility:visible}.modal-content h2{font-size:1.75rem;line-height:1.925rem;letter-spacing:.06em;margin-top:1rem}.modal-content h3,.modal-content h4{font-size:1.25rem;line-height:1.375rem;letter-spacing:.05em;margin-top:0;margin-bottom:var(--element-spacing)}.modal-content p,.modal-content table,.modal-content ul{font-size:inherit;line-height:inherit}.modal-content img{width:100%;margin-bottom:1.5rem}.modal-content .video-wrapper{margin-top:2.5rem;margin-bottom:2.5rem}