.oc-film-toggle{z-index:1;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(12px)saturate(1.4);backdrop-filter:blur(12px)saturate(1.4);background:rgba(28,28,28,.42);border:0;border-radius:50%;place-items:center;width:36px;height:36px;margin:0;padding:0;transition:background-color .2s cubic-bezier(.2,.8,.2,1),transform .2s cubic-bezier(.2,.8,.2,1);display:grid;position:absolute;bottom:16px;right:16px}.oc-film-toggle:hover{background:rgba(28,28,28,.62)}.oc-film-toggle:active{transform:scale(.94)}.oc-film-toggle:focus-visible{outline-offset:3px;outline:2px solid #fff}.oc-film-icon{width:12px;height:12px}.oc-film-ring{pointer-events:none;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0;transform:rotate(-90deg)}.oc-film-ring circle{fill:none;stroke-width:1.5px}.oc-film-ring circle:first-child{stroke:rgba(255,255,255,.22)}.oc-film-ring circle:last-child{stroke:#fff;stroke-linecap:round;stroke-dasharray:1 1;stroke-dashoffset:calc(1 - var(--p,0))}@media (min-width:768px){.oc-film-toggle{bottom:20px;right:20px}}@media (prefers-reduced-motion:reduce){.oc-film-toggle{transition:none}}