:host{container-type:inline-size;container-name:drn-basic-referral;max-width:1128px;margin:0 auto;display:block}:host .product-referral-basic-outer{display:flex;flex-direction:column;color:#fff;font-family:Publik,sans-serif;text-decoration:none;cursor:pointer}:host .product-referral-basic-outer:hover:not(:has(.drn-video-toogle-sound:hover)) .product-referral-basic-cta-text,:host .product-referral-basic-outer:hover:not(:has(.drn-video-toogle-sound:hover)) .product-referral-basic-header{text-decoration:underline}:host .product-referral-basic-outer.drn-frontpage-widget-priority-c{background-color:transparent;color:#000}:host .product-referral-basic-container{display:flex;flex-wrap:wrap;max-width:360px;gap:4px 8px;padding:16px}@container (min-width: 720px){:host .product-referral-basic-container{max-width:1128px;flex-wrap:nowrap;padding:24px;gap:4px 16px}}:host .product-referral-basic-poster{position:relative;width:100%}:host .product-referral-basic-poster img{aspect-ratio:16/9;width:100%;height:100%;object-fit:cover;object-position:top;z-index:1}:host .product-referral-basic-poster video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:top;z-index:2}:host .product-referral-basic-poster>img.product-referral-basic-background-image{width:100%;height:auto;display:block}:host .product-referral-basic-poster>img.product-referral-basic-background-image.cover{display:block}:host .product-referral-basic-poster>img.product-referral-basic-background-image.loader{display:none}@container (min-width: 720px){:host .product-referral-basic-poster{display:none}}:host .no-image .product-referral-basic-poster,:host .drn-frontpage-widget-priority-c .product-referral-basic-poster,:host .drn-frontpage-widget-in-group.drn-frontpage-widget-priority-b .product-referral-basic-poster{display:none}:host .product-referral-basic-header-wrapper{flex-grow:1;flex-shrink:1;flex-basis:100%;gap:4px;display:flex;flex-direction:column}@container (min-width: 720px){:host .product-referral-basic-header-wrapper{flex-basis:auto;flex-grow:5;flex-shrink:1;gap:8px}}:host .product-referral-basic-header-wrapper .product-referral-basic-logo{display:flex;align-items:center;gap:6px}:host .product-referral-basic-header-wrapper .product-referral-basic-logo svg{width:16px;height:16px}:host .product-referral-basic-header-wrapper .product-referral-basic-logo .product-referral-basic-logo-text{font-size:12px;font-weight:600;line-height:14px}:host .product-referral-basic-header-wrapper .product-referral-basic-header{font-size:18px;line-height:22px;font-style:normal;font-weight:600}:host .product-referral-basic-header-wrapper .product-referral-basic-header span.subheader{font-weight:400}@container (min-width: 720px){:host .product-referral-basic-header-wrapper .product-referral-basic-header{flex-basis:auto;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;padding-right:32px}}@media (min-width: 720px){:host .product-referral-basic-header-wrapper .product-referral-basic-header{font-size:23px;line-height:27px}}:host .drn-frontpage-widget-priority-b.no-image .product-referral-basic-header,:host .drn-frontpage-widget-in-group.drn-frontpage-widget-priority-b .product-referral-basic-header{font-size:20px;line-height:24px}@media (min-width: 720px){:host .drn-frontpage-widget-priority-b.no-image .product-referral-basic-header,:host .drn-frontpage-widget-in-group.drn-frontpage-widget-priority-b .product-referral-basic-header{font-size:23px;line-height:27px}}:host .drn-frontpage-widget-priority-a .product-referral-basic-header{font-size:29px;line-height:33px}@container (min-width: 720px){:host .drn-frontpage-widget-priority-a .product-referral-basic-header{font-size:41px;line-height:45px}}:host .drn-frontpage-widget-priority-a.no-image .product-referral-basic-header{font-size:32px;line-height:36px}@container (min-width: 720px){:host .drn-frontpage-widget-priority-a.no-image .product-referral-basic-header{font-size:46px;line-height:50px}}:host .drn-frontpage-widget-priority-c .product-referral-basic-header{font-size:14px;line-height:18px}@container (min-width: 720px){:host .drn-frontpage-widget-priority-c .product-referral-basic-header{font-size:20px;line-height:24px}}:host .product-referral-basic-cover-image{flex-grow:0;flex-shrink:1;flex-basis:auto;width:81.7px;height:46px;object-fit:cover}@container (min-width: 720px){:host .product-referral-basic-cover-image{order:-1;width:131.6px;height:74px}}:host .product-referral-basic-cover-image.square{width:46px}@container (min-width: 720px){:host .product-referral-basic-cover-image.square{width:74px}}:host .drn-frontpage-widget-priority-c .product-referral-basic-cover-image{display:none}:host .product-referral-basic-cta-wrapper{flex-grow:1;flex-shrink:0;flex-basis:50%;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:16px}@container (min-width: 720px){:host .product-referral-basic-cta-wrapper{justify-content:space-between}}@container (min-width: 745px){:host .product-referral-basic-cta-wrapper{flex-grow:1;flex-basis:auto;justify-content:flex-end;transform:translateY(-3px)}}:host .product-referral-basic-cta-wrapper .product-referral-basic-cta-text{flex-grow:0;flex-shrink:1;flex-basis:auto;min-width:0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;font-weight:400;font-size:14px;line-height:16px}@container (min-width: 720px){:host .product-referral-basic-cta-wrapper .product-referral-basic-cta-text{flex-basis:auto;flex-grow:0;flex-shrink:1;max-width:328px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis}}:host .product-referral-basic-cta-wrapper .product-referral-basic-cta-text svg{transform:translateY(3px);width:16px;height:16px}:host .product-referral-basic-cta-wrapper .product-referral-basic-cta-arrow{flex-grow:0;flex-shrink:0;flex-basis:auto;transform:translateY(2px)}:host .drn-frontpage-widget-priority-c .product-referral-basic-cta-wrapper{display:none}@container (min-width: 720px){:host .drn-frontpage-widget-priority-a .product-referral-basic-poster{display:block}:host .drn-frontpage-widget-priority-a.no-image .product-referral-basic-poster{display:none}:host .drn-frontpage-widget-priority-a .product-referral-basic-header-wrapper{flex-grow:1;flex-shrink:1;flex-basis:100%;gap:16px;display:flex;flex-direction:column}:host .drn-frontpage-widget-priority-a .product-referral-basic-cover-image{order:unset}:host .drn-frontpage-widget-priority-a .product-referral-basic-container{flex-wrap:wrap;gap:16px}:host .drn-frontpage-widget-priority-a .product-referral-basic-cta-wrapper{justify-content:flex-start}}.product-referral-basic-outer .drn-video-toogle-sound{position:absolute;bottom:6px;right:8px;width:36px;height:36px;display:flex;justify-content:center;align-items:center;cursor:pointer;z-index:3;padding:12px;margin:-12px}.product-referral-basic-outer .drn-video-toogle-sound:after{content:"";position:absolute;top:14px;left:14px;width:16px;height:16px;background-color:#000;border-radius:50%;z-index:-1;filter:blur(16px)}.product-referral-basic-outer .drn-spinner{pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);animation:spinnerRotate 2s linear infinite;z-index:5;width:40px;height:40px;margin-right:10px}@keyframes spinnerRotate{to{transform:translate(-50%,-50%) rotate(360deg)}}.product-referral-basic-outer video{opacity:0;animation:videoFadeIn 1s ease-in-out 1s forwards;position:relative;width:100%;height:100%;aspect-ratio:1/1;object-position:center center;display:block;object-fit:cover}.product-referral-basic-outer video::cue{background-color:transparent;color:transparent}.product-referral-basic-outer video::-webkit-media-text-track-container{display:none!important}.product-referral-basic-outer video::-webkit-media-text-track-display{display:none!important}.product-referral-basic-outer video::-webkit-media-controls{display:none!important}.product-referral-basic-outer.hide-native-subtitles video::cue{background-color:transparent;color:transparent}.product-referral-basic-outer.hide-native-subtitles video::-webkit-media-text-track-container{display:none!important}.product-referral-basic-outer.hide-native-subtitles video::-webkit-media-text-track-display{display:none!important}@keyframes videoFadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeToBlack{0%{opacity:0;background-color:#000}90%{opacity:1;background-color:#000}to{opacity:1;background-color:#000}}.product-referral-basic-outer .product-referral-basic-video-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;z-index:10;pointer-events:none;opacity:0}.product-referral-basic-outer .product-referral-basic-video-overlay.fade{animation:fadeToBlack 1s ease-in forwards}.product-referral-basic-outer .drn-subtitle-container{pointer-events:none;width:calc(100% - 10px);text-align:center;z-index:4;margin:0 auto}.product-referral-basic-outer .drn-subtitle-container.visible{display:block}.product-referral-basic-outer .drn-subtitle-container .subtitle-line{color:#fff;display:inline-block;background-color:#0000004d;border-radius:4px;font-size:14px;line-height:16px;padding:3px 5px;margin-bottom:5px;max-width:100%;user-select:none;text-align:center;box-decoration-break:clone}.product-referral-basic-outer .drn-video-error-container{position:absolute;top:6px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px;min-width:200px;max-width:80%;z-index:4;text-align:center;animation:errorFadeIn 1s ease-in-out 3s forwards}@keyframes errorFadeIn{0%{opacity:0}to{opacity:1}}.product-referral-basic-outer .drn-video-error-text{color:#fff;font-size:14px;line-height:16px;margin-bottom:16px;font-weight:400}