.content-preview{display:flex;padding:80px;flex-direction:column;align-items:center}@media screen and (max-width:825px){.content-preview{padding:60px 16px 32px}}.content-preview__container{width:100%;max-width:1280px;margin:0 auto}.content-preview__section-header .content-preview__title{max-width:704px;text-align:center;margin:0 auto 14px}.content-preview__section-header__tabs{display:flex;gap:8px;justify-content:center;transform:translateY(50%);position:relative;z-index:2}.content-preview__section-header__tabs__tab{padding:8px 16px;border-radius:8px;border:1px solid #93a39f;background:#fff;font-size:14px}.content-preview__section-header__tabs__tab:hover,.content-preview__section-header__tabs__tab--active{color:#fff;border:1px solid #5d766e;background:#5d766e}.content-preview__card{background:#e7f1df;border:1px solid #e0e0e0;border-radius:8px;padding:0 120px;height:500px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}@media only screen and (max-width:1024px){.content-preview__card{padding:0 80px}}@media screen and (max-width:825px){.content-preview__card{padding:60px 60px 0;height:600px;flex-direction:column;justify-content:flex-start}}@media only screen and (max-width:570px){.content-preview__card{padding:40px 24px 0;height:auto}}.content-preview__content{display:flex;flex-direction:column;align-items:center;gap:28px;width:289px;flex-shrink:0;z-index:2}@media screen and (max-width:825px){.content-preview__content{width:100%;max-width:320px}}.content-preview__icon{width:40px;height:40px;flex-shrink:0}.content-preview__icon svg{width:100%;height:100%}.content-preview__header{display:flex;flex-direction:column;align-items:center;gap:15px;width:100%}.content-preview__title{font-family:"Source Serif 4",serif;font-weight:400;font-size:32px;line-height:1.2;color:#27483e;text-align:center;margin:0;width:100%}.content-preview__title>i{font-size:32px}.content-preview__title em{font-family:"Source Serif 4",serif;font-style:italic}@media screen and (max-width:825px){.content-preview__title{font-size:28px}.content-preview__title>i{font-size:28px}}.content-preview__description{color:#27483e;text-align:center;margin:0;width:100%}.content-preview__details{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}.content-preview__badge{display:flex;align-items:center;justify-content:center;background:#27483e;border-radius:8px;padding:4px 12px}.content-preview__badge span{font-family:Chivo,sans-serif;font-size:12px;line-height:1.5;letter-spacing:.5px;color:#f2efeb}.content-preview__content-info{display:flex;flex-direction:column;align-items:flex-end;text-align:center;width:100%;gap:0}.content-preview__content-title{font-family:"Source Serif 4",serif;font-weight:400;font-size:16px;line-height:1.2;color:#27483e;margin:0;width:100%}.content-preview__content-subtitle{font-family:Chivo,sans-serif;font-size:10px;line-height:1.3;letter-spacing:.5px;color:#27483e;margin:0;width:100%}.content-preview__audio-player{display:flex;align-items:center;gap:12px;background:#cfe2c0;border-radius:100px;padding:12px 20px;width:100%}.content-preview__play-button{width:12px;height:16px;background:none;border:none;padding:0;cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center}.content-preview__play-button:hover{opacity:.8}.content-preview__play-button svg{width:100%;height:100%}.content-preview__audio-time{font-family:Chivo,sans-serif;font-size:14px;line-height:normal;letter-spacing:.5px;color:#5d766e;white-space:nowrap;flex-shrink:0;min-width:85px;font-variant-numeric:tabular-nums;text-align:center}.content-preview__audio-progress{flex:1;height:8px;background:#5d766e4d;border-radius:4px;position:relative;min-width:0;cursor:pointer}.content-preview__audio-progress:hover .content-preview__audio-thumb{opacity:1;transform:translate(-50%) scale(1)}.content-preview__audio-progress-bar{position:absolute;left:0;top:0;height:100%;background:#5d766e;border-radius:4px;pointer-events:none}.content-preview__audio-thumb{position:absolute;top:50%;width:14px;height:14px;background:#5d766e;border-radius:50%;transform:translate(-50%) translateY(-50%) scale(1);cursor:grab;opacity:0;transition:opacity .2s ease,transform .2s ease;box-shadow:0 1px 3px #0003}.content-preview__audio-thumb:hover{transform:translate(-50%) translateY(-50%) scale(1.2)}.content-preview__audio-thumb:active{cursor:grabbing;transform:translate(-50%) translateY(-50%) scale(1.1)}.content-preview__phone{height:100%;pointer-events:none;z-index:1;display:flex;flex-direction:column}@media screen and (max-width:825px){.content-preview__phone{position:relative;width:100%;margin-top:0;max-height:280px;overflow:hidden}}.content-preview__phone img{max-width:355px;height:auto;object-fit:contain;display:block;margin-inline:103px auto;transform:translateY(10%);flex-shrink:1}@media screen and (max-width:825px){.content-preview__phone img{margin-inline:auto;width:100%;transform:none;margin-top:15px;max-width:250px}}.content-preview__notification{position:absolute;bottom:23px;left:67%;z-index:3;width:294px}@media screen and (max-width:825px){.content-preview__notification{width:294px;position:absolute;bottom:23px;left:50%;z-index:3;transform:translate(-50%)}}