*,:before,:after{box-sizing:border-box}:not(dialog){margin:0}@media (prefers-reduced-motion:no-preference){html{interpolate-size:allow-keywords}}body{-webkit-font-smoothing:antialiased;line-height:1.5}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root,#__next{isolation:isolate}:root{--very-dark-grayish-blue:#48556a;--desaturated-dark-blue:#6d7f97;--grayish-blue:#9eafc2;--light-grayish-blue:#ecf2f8}html{overflow:hidden}body{background-color:var(--light-grayish-blue);flex-direction:column;min-height:100vh;display:flex}button{cursor:pointer;background-color:#0000;border:none}a{color:inherit;text-decoration:none}.container{flex-grow:1;justify-content:center;align-items:center;padding:24px;display:flex;container-type:inline-size}.social-share{color:var(--light-grayish-blue);background-color:var(--very-dark-grayish-blue);border-radius:10px;justify-content:flex-start;align-items:center;gap:16px;min-width:250px;min-height:55px;padding:0 32px;display:flex}.social-share__text{text-transform:uppercase;letter-spacing:47%;color:var(--grayish-blue);font-family:Manrope,sans-serif;font-size:12px;font-weight:500;line-height:16px}.social-share__icon{flex-shrink:0;width:20px;height:20px}.card{background-color:#fff;border-radius:8px;flex-direction:column;width:100%;max-width:730px;margin-top:-7px;display:flex;box-shadow:0 0 24px -4px #0000001a;container-type:inline-size}.card__image{aspect-ratio:327/200;object-fit:cover;border-radius:8px 8px 0 0}.card__content{flex-grow:1;padding:36px 32px 20px;position:relative}.card__title{letter-spacing:1%;color:var(--very-dark-grayish-blue);margin-bottom:12px;font-family:Manrope,sans-serif;font-size:16px;font-weight:700;line-height:24px}.card__description{letter-spacing:5%;color:var(--desaturated-dark-blue);margin-bottom:30px;font-family:Manrope,sans-serif;font-size:12px;font-weight:500;line-height:20px}.card__action{justify-content:center;align-items:center;display:flex}.card__popup{display:none}.card__popup--show{display:flex}@container (width<=729px){.card__popup{height:80px;position:absolute;bottom:0;left:0;right:0}.card__image{border-radius:8px 8px 0 0}}@container (width>=730px){.card{flex-direction:row;margin-top:20px}.card__content{padding:32px 40px}.card__image{aspect-ratio:285/280;border-radius:8px 0 0 8px;width:285px}.card__title{font-size:20px;line-height:28px}.card__description{margin-bottom:20px;font-size:12px;line-height:20px}.card__action{position:relative}.card__popup{position:absolute;bottom:100%;left:50%;transform:translate(-50%)}}.share-button{width:32px;height:32px;color:var(--desaturated-dark-blue);background-color:var(--light-grayish-blue);z-index:1;border-radius:50%;justify-content:center;align-items:center;transition:color .15s ease-out,background-color .15s ease-out;display:flex;position:relative}.share-button[data-open=true]{color:var(--light-grayish-blue);background-color:var(--desaturated-dark-blue)}.tooltip[data-open=false] .tooltip__content{display:none}.tooltip[data-open=true] .tooltip__content{display:flex}@container (width<=729px){.tooltip__content{border-radius:0 0 8px 8px;height:80px;position:absolute;bottom:0;left:0;right:0}}@container (width>=730px){.tooltip{position:relative}.tooltip__content{position:absolute;bottom:calc(100% + 28px);left:50%;transform:translate(-50%)}.tooltip__content:before{content:"";background:var(--very-dark-grayish-blue);width:18px;height:18px;position:absolute;top:calc(100% - 10px);left:50%;transform:translate(-50%)rotate(45deg)}}.author{align-items:center;gap:16px;display:flex}.author__avatar{border-radius:50%;width:40px;height:40px}.author__info{flex-direction:column;flex-grow:1;gap:4px;display:flex}.author__name{letter-spacing:5%;color:var(--very-dark-grayish-blue);font-family:Manrope,sans-serif;font-size:12px;font-weight:700;line-height:16px}.author__date{letter-spacing:6%;color:var(--desaturated-dark-blue);font-family:Manrope,sans-serif;font-size:12px;font-weight:500;line-height:16px}.author__share{flex-shrink:0}.attribution{text-align:center;font-size:.6875rem;position:fixed;bottom:1rem;left:0;right:0}.attribution a{color:#3e52a3}
