.portrait-modal-container{display:flex;position:fixed;top:0;right:0;bottom:0;left:0;visibility:hidden;z-index:50;padding:1rem;justify-content:center;align-items:center;width:100%;height:100%;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);pointer-events:none;opacity:0}.portrait-modal-background{position:fixed;top:0;left:0;z-index:10;width:100%;height:100%;background-color:#000;transition-property:opacity;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);pointer-events:none;opacity:.1}.portrait-modal{overflow-y:auto;position:relative;display:grid;grid-template-columns:1fr 1fr;z-index:20;width:100%;max-width:1200px;min-height:fit-content;max-height:100%;background-color:#fff;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);--transform-translate-y: 2rem;pointer-events:auto;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}@media screen and (max-width: 768px){.portrait-modal{display:flex;flex-direction:column}.portrait-modal-image{order:1}.portrait-modal-content{padding:5.6rem 3.2rem!important;order:2}.portrait-modal-badge{top:50%;right:6rem;transform:translateY(125%)}}@media screen and (min-width: 750px) and (max-width: 1024px){.portrait-modal{display:flex;flex-direction:column;max-width:600px}.portrait-modal-image{order:1}.portrait-modal-content{padding:4rem 3.2rem!important;order:2}.portrait-modal-badge{top:32px!important;left:2rem!important;transform:translate(0)!important}.portrait-modal-link{margin-top:20px!important;padding-top:0!important}}@media screen and (max-width: 750px){.portrait-modal{display:flex;flex-direction:column}.portrait-modal-image{order:1}.portrait-modal-content{padding:5.6rem 3.2rem!important;order:2}.portrait-modal-badge{top:32px!important;left:2rem!important;transform:translate(0)!important}.portrait-modal-link{margin-top:20px!important;padding-top:0!important}}.portrait-modal-content{display:flex;flex-direction:column;padding:91px 88px 91px 72px;background:#bcdbff;max-height:600px;overflow-y:scroll}.portrait-modal-header{font-family:Cooper Lt BT,serif;font-size:24px;font-weight:400;line-height:32px;letter-spacing:-.03em;text-align:left;color:#872626;margin:0}.portrait-modal-sub-header{font-family:Scto Grotesk A,sans-serif;font-size:14px;font-weight:400;line-height:18px;text-align:left;color:#872626;margin:8px 0 32px}.portrait-modal-text{font-family:Scto Grotesk A,sans-serif;font-size:14px;font-weight:400;line-height:18px;text-align:left;color:#872626;margin:0}.portrait-modal-badge{top:36px;left:50%;transform:translate(-125%);position:absolute;padding:12px 24px;border-radius:30px;background:#bcdbff;font-family:Scto Grotesk A,sans-serif;color:#872626bf;font-size:12px;font-weight:400;line-height:14px;letter-spacing:.05em;text-align:center;border:1px solid rgba(135,38,38,.75);width:fit-content}.portrait-modal-image{width:100%;height:auto;max-width:600px}.portrait-modal-close{position:absolute;top:32px;right:32px;cursor:pointer}.portrait-modal-link{margin-top:auto;font-family:Scto Grotesk A,sans-serif;font-size:14px;font-weight:400;line-height:18px;text-align:left;padding-top:20px}
/*# sourceMappingURL=/cdn/shop/t/1083/assets/component-portrait-modal.css.map */
