.owner-bio-modal{position:fixed;top:0;left:0;bottom:0;right:0;width:100%;height:100%;z-index:var(--z-modals);background:#00000080;opacity:0;visibility:hidden}.bio-active .owner-bio-modal{opacity:1;visibility:visible}.owner-bio-modal .bio-panel{width:100%;max-width:650px;height:100%;margin-left:auto;background:#fffdf2;overflow:auto;position:relative}.bio-panel .bio-panel-content-container{padding:50px 30px 50px 50px}@media (max-width: 767px){.bio-panel .bio-panel-content-container{padding:40px 30px 40px 40px}}@media (max-width: 575px){.bio-panel .bio-panel-content-container{padding:30px 20px 30px 30px}}.bio-panel-container-header{display:flex;justify-content:space-between;gap:20px;margin-bottom:24px}@media (max-width: 575px){.bio-panel-container-header{flex-direction:column-reverse;align-items:flex-start;gap:10px}}.bio-panel-heading{margin-bottom:5px}.bio-panel-subheading{margin-bottom:0}.bio-panel-social-media ul{flex-wrap:nowrap;padding-top:20px}@media (max-width: 575px){.bio-panel-social-media ul{padding-top:0}}.bio-panel-close-button{position:absolute;left:0;top:0;width:60px;height:60px;display:flex;justify-content:center;align-items:center;margin:0;padding:5px;background:#877e54;box-shadow:none;border:none;outline:none;z-index:1;color:#fff;transition:.15s}.bio-panel-close-button:hover{background:#99e21a;color:#000}.bio-panel-close-button span{position:absolute;left:50%;top:50%;transform:translate(-50%,50%);opacity:1;visibility:visible;transition:.05s}.bio-panel-close-button span.not-hover:before,.bio-panel-close-button span.not-hover:after{content:"";position:absolute;top:50%;left:50%;width:25px;height:4px;background:currentColor}.bio-panel-close-button span.not-hover:before{transform:translate(-50%,-50%) rotate(-45deg)}.bio-panel-close-button span.not-hover:after{transform:translate(-50%,-50%) rotate(45deg)}.bio-panel-close-button span.hover{width:25px;height:4px;margin-top:-4px;background:currentColor;opacity:0;visibility:hidden}.bio-panel-close-button:hover span.hover{opacity:1;visibility:visible}.bio-panel-close-button:hover span.not-hover{opacity:0;visibility:hidden}@media (max-width: 767px){.bio-panel-close-button{width:55px;height:55px}.bio-panel-close-button span.not-hover:before,.bio-panel-close-button span.not-hover:after,.bio-panel-close-button span.hover{width:20px}}@media (max-width: 575px){.bio-panel-close-button{width:45px;height:45px}.bio-panel-close-button span.not-hover:before,.bio-panel-close-button span.not-hover:after,.bio-panel-close-button span.hover{width:15px}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/component-owner-bio.css.map */