.contactModal{position:fixed;top:0;left:0;right:0;bottom:0;background:#d9d9d9a6;z-index:99;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;color:var(--color-dark)}[data-contactmodal=active]{pointer-events:all;opacity:1;transition:opacity var(--animation-one)}.contactModal-inner{background-color:var(--color-light);padding:var(--space-gutter);transform:translateY(50%);position:relative}[data-contactmodal=active] .contactModal-inner{transition:transform var(--animation-one);transform:translateY(0)}.contactModalItems:not(:first-child){margin-top:var(--space-element-l)}.contactModalBorder{height:2px;width:100%;background-color:var(--color-lightish);margin:var(--space-gutter) 0}.contactItemDescription{margin-top:var(--space-subheader);max-width:85%}.contactPersonName,.contactItemDescription{font-size:16px}.contactModalPhone{font-weight:400;margin-top:var(--space-element-m);margin-bottom:var(--space-element-s)}.contactModalEmail{font-weight:600}.contactModalPhone,.contactModalEmail{line-height:1}.contactPersonContainer{margin-top:var(--space-element-m);display:flex;align-items:center}.contactPersonImage{width:25px;height:25px;margin-right:var(--space-element-s);border-radius:50%;transform:translateY(-2px)}.contactModal-button{margin-top:var(--space-element-l);display:flex;transition:opacity var(--animation-one)}.contactModal-button:hover{opacity:.75}.contactModal-button svg{display:block;margin-left:var(--space-element-s);width:20px;height:auto;transform:translateY(1px)}.contactModalCloseBtn{position:absolute;right:var(--space-gutter);top:var(--space-gutter);padding:5px;cursor:pointer}.contactModalCloseBtn svg{display:block;width:20px;height:20px}@media (max-width: 767px){.contactModal-inner{width:calc(100% - (var(--space-gutter) * 2));height:calc(100% - (var(--space-gutter) * 2));overflow-y:scroll}.contactModal-button{font-size:14px}.contactModalCloseBtn{transform:translateY(3px)}}@media (min-width: 768px){.contactModalItems{display:flex;justify-content:space-between}.contactModalBorder{height:100%;width:2px;margin:0 var(--space-section)}.contactItem{display:flex}}
/*# sourceMappingURL=/cdn/shop/t/42/assets/snippet-contact-modal.css.map */