:root{--max-width-narrow:1024px;--max-width:1590px;--max-width-extra-wide:1920px}.recommendation-tile{--main-padding:.5rem;--teaser-border-radius:.625rem;--media-border-radius-bottom:.625rem;--recommendation-tile-hdln-font-size:1.125rem;--recommendation-tile-hdln-line-height:1.1;--recommendation-tile-body-font-size:.6875rem;--recommendation-tile-body-line-height:1.3}@media (width>=960px){.recommendation-tile{--main-padding:1rem 1rem .5rem;--teaser-border-radius:1rem;--media-border-radius-bottom:1rem;--recommendation-tile-hdln-font-size:1.5625rem;--recommendation-tile-hdln-line-height:1.3;--recommendation-tile-body-font-size:.8125rem;--recommendation-tile-body-line-height:1.2}}.recommendation-tile.tsr{cursor:pointer;isolation:isolate;border-radius:var(--teaser-border-radius);text-decoration:none;overflow:hidden}.recommendation-tile__link{flex:1}.recommendation-tile .tsr__media{border-bottom-left-radius:var(--media-border-radius-bottom);border-bottom-right-radius:var(--media-border-radius-bottom);overflow:hidden}.recommendation-tile .tsr__main{padding:var(--main-padding);align-items:center}.recommendation-tile .tsr__main.t-bg--ivory{background-color:ivory}.recommendation-tile .tsr__action-btn{background:hsl(var(--white));box-shadow:0 2px 4px 0 hsl(var(--black)/.5);color:hsl(var(--grey-midnight));z-index:2;position:absolute;top:.5rem;left:50%;transform:translate(-50%)}@media (width>=960px){.recommendation-tile .tsr__action-btn{top:1rem}}.recommendation-tile .tsr__action-btn svg{display:none}.recommendation-tile .tsr__hdln{color:hsl(var(--grey-midnight));font-size:var(--recommendation-tile-hdln-font-size);letter-spacing:normal;font-weight:500;line-height:var(--recommendation-tile-hdln-line-height);margin:0}.recommendation-tile .tsr__body{color:hsl(var(--grey-stone));font-size:var(--recommendation-tile-body-font-size);font-weight:400;line-height:var(--recommendation-tile-body-line-height);margin-top:.25rem}@media (width>=960px){.recommendation-tile .tsr__body{margin-top:.5rem}}.recommendation-tile .tsr__link{flex:1}.recommendation-tile--cover{--recommendation-tile-hdln-font-size:.875rem;--recommendation-tile-hdln-line-height:1.1;--recommendation-tile-body-line-height:1.4;min-height:16.875rem}@media (width>=576px){.recommendation-tile--cover{min-height:20rem}}@media (width>=768px){.recommendation-tile--cover{min-height:25rem}}@media (width>=960px){.recommendation-tile--cover{--recommendation-tile-hdln-font-size:1rem;--recommendation-tile-hdln-line-height:1.1;--recommendation-tile-body-line-height:1.2;min-height:28.125rem}}.recommendation-tile--cover .tsr__media{position:static}.recommendation-tile--cover .tsr__main{z-index:2;background-color:#0000;justify-content:flex-end;padding:2rem 0 0;position:static}.recommendation-tile--cover .tsr__main.has-logo .tsr__box{padding-block:1.125rem}@media (width>=960px){.recommendation-tile--cover .tsr__main.has-logo .tsr__box{padding-block:1.25rem}}.recommendation-tile--cover .tsr__box{--spacing:.375rem;background:hsl(var(--white));bottom:var(--spacing);width:calc(100% - var(--spacing) * 2);border-radius:.625rem;padding:1rem .5rem;position:absolute}@media (width>=960px){.recommendation-tile--cover .tsr__box{--spacing:.5rem}}.recommendation-tile--cover .tsr__body{margin-top:.5rem;font-weight:600}.recommendation-tile--cover .tsr__body .icon{font-size:.875rem}@media (width>=960px){.recommendation-tile--cover .tsr__body .icon{font-size:1.125rem}.recommendation-tile--cover .tsr__logo{--logo-size:3.75rem}}.recommendation-tile--cover .tsr__image{object-fit:cover}.recommendation-tile--cover .tsr img{z-index:1}.recommendation-tile__video-wrapper{position:absolute;inset:0}.recommendation-tile__video-wrapper img,.recommendation-tile__video-wrapper video{display:block;position:absolute;inset:0}.recommendation-tile__video-wrapper video{object-fit:cover;width:100%;height:100%}.recommendation-tile__video-container{height:100%;position:relative}.recommendation-tile__video-poster{object-fit:cover;z-index:1;width:100%;height:100%;max-height:100%;position:absolute}.s-activated .recommendation-tile__video-poster{z-index:-1;display:none}.recommendation-tile__btn{z-index:3;display:block;position:absolute}.recommendation-tile__btn--sound{background:linear-gradient(to bottom, hsl(var(--black)/.4), hsl(var(--black)/.4));background-blend-mode:multiply;cursor:pointer;border-radius:50%;padding:.3125rem;font-size:1.25rem;top:.5rem;left:.5rem}.recommendation-tile__btn--play{background:hsl(var(--white));cursor:pointer;border-radius:50%;padding:.3125rem;font-size:1.25rem;display:none;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 16px 24px 2px #00000024,0 6px 30px 5px #0000001f,0 8px 10px -5px #0003}.recommendation-tile__btn--play svg{color:hsl(var(--red));width:2em;height:2em}.recommendation-tile__btn--play.active{display:block}.recommendation-tile__btn .play-icon{display:flex}.recommendation-tile__btn .sound-icon{color:hsl(var(--white))}.recommendation-tile__btn .sound-icon__container{position:relative}.recommendation-tile__btn .sound-icon--on{display:none}.recommendation-tile__btn .sound-icon--off,.recommendation-tile__btn.active .sound-icon--on{display:block}.recommendation-tile__btn.active .sound-icon--off{display:none}