@charset "UTF-8";:root{--share-box-width: 18rem;--share-box-height: 4rem;--spacing-sml: 1rem;--spacing: 1.25rem;--spacing-lrg: 2.5rem}*,*:before,*:after{box-sizing:border-box;transition:all .3s cubic-bezier(.65,.05,.36,1)}i:before,i:after{transition:initial}html{scroll-behavior:smooth}body{min-height:100vh;text-rendering:optimizeSpeed;line-height:1.5}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd,ul,ol{margin:0}a{text-decoration:none}img,picture{max-width:100%;display:block}html{font-size:13px}body{font-family:"Manrope",sans-serif}h1{color:#48556a;font-size:1.5rem}h4{color:#6d7f97}p{color:#6d7f97;font-size:.9rem;font-weight:normal}i{cursor:pointer;font-size:1.65rem;color:#fff}i:hover{color:#6d7f97}.avatar h4{color:#48556a}.avatar h4 p{color:#9eafc2}i.share-icon{color:#48556a;font-size:1.3rem}i.share-icon h4{letter-spacing:.5rem;color:#9eafc2;font-weight:lighter}body{background:#ecf2f8}#container{width:clamp(8rem,780px,85%);height:300px;position:absolute;left:50%;top:50%;border-radius:.675rem;overflow:hidden;display:flex;flex-direction:row;justify-content:center;align-items:initial;gap:initial;transform:translate(-50%,-50%);box-shadow:0 0 100px -30px #000}@media (max-width: 570px){#container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:initial;height:auto}}#container .image{width:40%;height:100%;background-image:url(/images/drawers.jpg);background-size:cover;background-position:center;background-repeat:no-repeat}@media (max-width: 570px){#container .image{width:100%;height:250px}}#container .content{width:60%;padding:var(--spacing) 2rem}@media (max-width: 570px){#container .content{width:100%;padding:var(--spacing) var(--spacing-lrg)}}#container .content .desc{margin:var(--spacing) 0}@media (max-width: 570px){#container .content .desc{margin:var(--spacing-lrg) 0}}#container .content .contact{position:relative;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:initial}#container .content .contact .avatar{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:initial}#container .content .contact .avatar img{width:48px;height:48px;border-radius:50%}#container .content .contact .avatar h4{margin-left:var(--spacing-sml)}#container .content .contact .share-icon{width:35px;height:35px;padding:.75rem;background:#bdc9d6;border-radius:50%;cursor:pointer}#container .share-box{--opacity: .85;--dir: center;position:absolute;height:var(--share-box-height);width:var(--share-box-width);background:rgba(72,85,106,var(--opacity));border-radius:.675rem;display:flex;flex-direction:row;justify-content:var(--dir);align-items:center;gap:initial;right:var(--spacing-lrg);bottom:var(--spacing-lrg);pointer-events:none;opacity:0;transform:translateY(15px) skewY(0)}@media (max-width: 570px){#container .share-box{--share-box-width: 100%;--share-box-height: 100%;--opacity: 1;--dir: left;left:0;right:0;border-radius:0;transform:translateY(15px);display:flex;flex-direction:row;justify-content:var(--dir);align-items:center;gap:initial;width:calc(var(--share-box-width) + var(--spacing-lrg) * 2);height:calc(var(--share-box-height) + var(--spacing-lrg));bottom:calc(0rem - var(--spacing));padding-left:var(--spacing-lrg)}}#container .share-box .social>*{margin-left:1rem}#container.active .content .share-icon{background:#6d7f97;color:#fff;z-index:5}#container.active .share-box{pointer-events:all;opacity:1;transform:translateY(0) skewY(5deg)}@media (max-width: 570px){#container.active .share-box{transform:translateY(0) translate(-2.5rem)}}