.campaign-video{background:var(--color-placeholder-grey);border-radius:6px;width:100%;position:relative;overflow:hidden}.campaign-video--preview{aspect-ratio:16/9}.campaign-video__stage{aspect-ratio:16/9;background:var(--color-text);width:100%;position:relative}.campaign-video__el,.campaign-video__preview{object-fit:cover;cursor:pointer;width:100%;height:100%;display:block}.campaign-video__overlay{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.campaign-video__overlay-circle{background:var(--color-white);width:64px;height:64px;color:var(--color-roche-blue);border-radius:50%;justify-content:center;align-items:center;padding-left:4px;display:flex;box-shadow:0 2px 12px #10182840}.campaign-video__overlay-circle svg{fill:currentColor;stroke:currentColor}.campaign-video__controls{background:var(--color-roche-blue);flex-wrap:wrap;align-items:center;gap:12px;padding:12px 16px;display:flex}.campaign-video__btn{width:38px;min-width:38px;height:38px;color:var(--color-white);cursor:pointer;background:0 0;border:none;border-radius:0;justify-content:center;align-items:center;padding:0;transition:opacity .2s;display:inline-flex}.campaign-video__btn svg{fill:currentColor;stroke:currentColor}.campaign-video__btn:hover{opacity:.75}.campaign-video__btn--primary{color:var(--color-white);background:0 0}.campaign-video__time{color:var(--color-white);white-space:nowrap;font-size:14px}.campaign-video__seek{min-width:120px;accent-color:var(--color-secondary-blue);flex:160px}.campaign-video__volume-group{color:var(--color-white);align-items:center;gap:8px;display:inline-flex}.campaign-video__volume-icon{color:var(--color-white);display:inline-flex}.campaign-video__volume-icon svg{fill:currentColor;stroke:currentColor}.campaign-video__volume{width:100px;accent-color:var(--color-secondary-blue)}.campaign-video-modal{z-index:1000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.campaign-video-modal__backdrop{background:#101828bf;position:absolute;inset:0}.campaign-video-modal__shell{background:var(--color-text);border-radius:6px;width:min(1000px,100% - 48px);position:relative;overflow:hidden}.campaign-video-modal__close{z-index:2;background:var(--color-white);width:44px;height:44px;color:var(--color-roche-blue);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:12px;right:12px}@media(max-width:1199px){.campaign-video-modal__shell{background:var(--color-text);border-radius:0;flex-direction:column;justify-content:center;width:100%;height:100%;display:flex}.campaign-video-modal__backdrop{background:var(--color-text)}.campaign-video-modal .campaign-video__volume-group{display:none}.campaign-video__controls{gap:8px;padding:12px}.campaign-video__time{font-size:13px}}@media(max-width:767px){.campaign-video__controls{gap:2px;padding:5px 2px}.campaign-video__btn{width:22px;min-width:22px;height:22px}.campaign-video__btn svg{width:14px;height:14px}}@media(min-width:360px)and (max-width:767px){.campaign-video__btn{width:28px;min-width:28px;height:28px}.campaign-video__btn svg{width:16px;height:16px}}@media(min-width:400px)and (max-width:767px){.campaign-video__btn{width:32px;min-width:32px;height:32px}.campaign-video__btn svg{width:18px;height:18px}}@media(min-width:768px)and (max-width:1199px){.campaign-video__btn{width:52px;min-width:52px;height:52px}.campaign-video__btn svg{width:22px;height:22px}}