/* Source and licensing information for the line(s) below can be found at https://organisation-pp.nexem.fr/themes/custom/nexem/front/public/assets/03-organisms/box-audio/box-audio.css. */
.box-audio{margin-bottom:3.75rem}@media screen and (min-width: 1024px){.box-audio{margin-bottom:5.625rem}}.box-audio .box{padding:5.125rem 1.25rem 1.25rem;border-radius:1.8125rem;background-color:#ABD5DD;position:relative;margin-bottom:1.875rem;overflow:hidden}@media screen and (min-width: 768px){.box-audio .box{padding:7.625rem 16.25rem 3rem 1.875rem}}.box-audio .box:after{content:'';width:14.875rem;height:14.75rem;border-radius:50%;border:solid 1.875rem #A0CED7;position:absolute;top:70%;left:45%;-webkit-transform:scale(2);-ms-transform:scale(2);transform:scale(2)}@media screen and (min-width: 768px){.box-audio .box:after{top:62%;left:87%;width:18rem;height:18rem;border:solid 3.125rem #A0CED7}}.box-audio .tags{position:absolute;top:1.25rem;left:1.25rem}@media screen and (min-width: 768px){.box-audio .tags{top:1.875rem;left:1.875rem}}@media screen and (max-width: 767px){.box-audio .wrap-info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:1.6875rem;position:relative;z-index:1}}.box-audio .image{z-index:2;position:relative}@media screen and (min-width: 768px){.box-audio .image{position:absolute;bottom:2.1875rem;right:2.1875rem}}@media screen and (max-width: 767px){.box-audio .image{width:7.25rem;margin-right:1.25rem}}.box-audio .image img{border-radius:0.625rem}.box-audio .cate{font-weight:600;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:1.25rem}.box-audio .cate:before{content:'';height:1.3125rem;width:1.3125rem;background-image:url("/themes/custom/nexem/front/public/assets/03-organisms/box-audio/../../images/icons/microphone.svg");background-size:cover;background-repeat:no-repeat;display:inline-block;margin-right:0.875rem}.box-audio .title{font-size:1.25rem;line-height:1.75rem;font-weight:600;margin-bottom:1.25rem}@media screen and (min-width: 768px){.box-audio .title{margin-bottom:0.625rem}}@media screen and (min-width: 1024px){.box-audio .info-public{margin-bottom:2rem}}@media screen and (max-width: 767px){.box-audio .info-public{display:block}}@media screen and (max-width: 767px){.box-audio .info-public .date{margin-bottom:0.9375rem}}.box-audio .wrap-audio{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;z-index:1}.box-audio audio{display:none}.box-audio .button-audio{height:2.75rem;width:2.75rem;border-radius:50%;background-color:#DAEAEE;margin-right:1.25rem;-ms-flex-negative:0;flex-shrink:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer}@media screen and (min-width: 1024px){.box-audio .button-audio{height:6.25rem;width:6.25rem;margin-right:2.1875rem}}.box-audio .button-audio.active:before{height:1rem;width:1rem;background-image:url("/themes/custom/nexem/front/public/assets/03-organisms/box-audio/../../images/icons/pause.svg")}@media screen and (min-width: 1024px){.box-audio .button-audio.active:before{height:1.25rem;width:1.25rem}}.box-audio .button-audio:before{content:'';height:0.5rem;width:0.375rem;background-image:url("/themes/custom/nexem/front/public/assets/03-organisms/box-audio/../../images/icons/play.svg");background-size:cover;background-repeat:no-repeat;display:inline-block}@media screen and (min-width: 1024px){.box-audio .button-audio:before{height:0.875rem;width:0.6875rem}}@media screen and (max-width: 767px){.box-audio .audio{display:none}}.box-audio .audio svg rect.active{fill:#fff}.box-audio .audio.mobile{display:block}@media screen and (min-width: 768px){.box-audio .audio.mobile{display:none}}.box-audio .audio.mobile svg rect.active{fill:#fff}@media screen and (max-width: 767px){.box-audio .wrap-btn{text-align:center}}.box-audio .btn-grey{display:inline-block}.box-audio .wavesurfer-wrapper{width:100%}

/* Source and licensing information for the above line(s) can be found at https://organisation-pp.nexem.fr/themes/custom/nexem/front/public/assets/03-organisms/box-audio/box-audio.css. */