:host{container-type:inline-size;container-name:product-referral-basic-container;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 .product-referral-basic-cta-text,:host .product-referral-basic-outer: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;padding:24px;gap:4px 12px}@container (min-width: 720px){:host .product-referral-basic-container{max-width:1128px;flex-wrap:nowrap}}: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}@container (min-width: 720px){:host .product-referral-basic-poster{display:none}}:host .drn-frontpage-widget-priority-c .product-referral-basic-poster,:host .drn-frontpage-widget-outside-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:2px}}: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}@container (min-width: 720px){:host .product-referral-basic-header-wrapper .product-referral-basic-header{flex-basis:auto;font-size:23px;line-height:27px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis}}:host .drn-frontpage-widget-outside-group.drn-frontpage-widget-priority-b .product-referral-basic-header{font-size:20px;line-height:24px}@container (min-width: 720px){:host .drn-frontpage-widget-outside-group.drn-frontpage-widget-priority-b .product-referral-basic-header{font-size:26px;line-height:30px}}: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-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:auto;height:48px}@container (min-width: 720px){:host .product-referral-basic-cover-image{order:-1;height: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;align-items:center;gap:16px}@container (min-width: 720px){:host .product-referral-basic-cta-wrapper{flex-grow:1;flex-basis:auto;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}}: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}.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.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}}.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}