.ofc-clips{margin:24px 0}.ofc-clips *{box-sizing:border-box}.ofc-clips-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:0 0 12px;position:relative}.ofc-clips .ofc-clips-sub{margin:0;font-size:13px;white-space:nowrap;animation:ofcClipsSubPulse 1.6s ease-in-out infinite;will-change:opacity;transform:translateZ(0);top:0;position:absolute;right:0}@keyframes ofcClipsSubPulse{0%{opacity:0}35%{opacity:1}65%{opacity:1}100%{opacity:0}}@media (prefers-reduced-motion:reduce){.ofc-clips .ofc-clips-sub{animation:none;opacity:1}}.ofc-clips-carousel .ofc-clip-card{padding:0;position:relative}.ofc-clip-link{display:block;text-decoration:none;color:inherit}.ofc-clip-thumb{position:relative;border-radius:18px;overflow:hidden;background:#0c0c10;border:4px solid #fff0}.ofc-platform-twitch .ofc-clip-thumb{border-color:rgb(145 70 255 / .65)}.ofc-platform-kick .ofc-clip-thumb{border-color:rgb(0 255 136 / .65)}.ofc-platform-youtube .ofc-clip-thumb{border-color:rgb(255 0 0 / .65)}.ofc-clip-thumb::before{content:"";display:block;padding-top:56.25%}.ofc-clip-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.1);transition:transform .45s ease;will-change:transform}.ofc-clip-card:hover .ofc-clip-thumb img{transform:scale(1.08)}.ofc-clip-play{position:absolute;right:14px;bottom:14px;width:44px;height:44px;border-radius:999px;background:rgb(0 0 0 / .55);border:1px solid rgb(255 255 255 / .25);backdrop-filter:blur(6px)}.ofc-clip-play::after{content:"";position:absolute;left:18px;top:14px;width:0;height:0;border-left:14px solid #fff;border-top:9px solid #fff0;border-bottom:9px solid #fff0}.ofc-clip-chip{position:absolute;left:12px;top:12px;display:inline-flex;align-items:center;gap:6px;font-size:12px;padding:4px 10px;border-radius:999px;background:rgb(255 255 255 / .92);color:#111;border:1px solid rgb(0 0 0 / .15)}.ofc-clip-chip.ofc-platform-twitch{background:rgb(145 70 255 / .95);color:#fff;border-color:rgb(145 70 255 / .95)}.ofc-clip-chip.ofc-platform-kick{background:rgb(0 255 136 / .95);color:#062014;border-color:rgb(0 255 136 / .95)}.ofc-clip-chip.ofc-platform-youtube{background:rgb(255 0 0 / .95);color:#fff;border-color:rgb(255 0 0 / .95)}.ofc-clips .ofc-clip-title{margin-top:10px;font-weight:700;font-size:16px;color:rgb(255 255 255 / .92);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.25;min-height:calc(1.25em * 2)}.ofc-clips .ofc-clip-link:hover .ofc-clip-title{color:#fff}@media (max-width:768px){.ofc-clips .ofc-clip-title{font-size:15px}}.ofc-lightbox[hidden]{display:none}.ofc-lightbox{position:fixed;inset:0;z-index:99999}.ofc-lightbox-backdrop{position:absolute;inset:0;background:rgb(0 0 0 / .75)}.ofc-lightbox-panel{position:relative;width:min(1000px,92vw);margin:6vh auto 0;background:#0c0c10;border:1px solid rgb(255 255 255 / .12);border-radius:18px;overflow:hidden;box-shadow:0 20px 80px rgb(0 0 0 / .65)}.ofc-lightbox-close{position:absolute!important;top:10px!important;right:10px!important;width:42px!important;height:42px!important;border-radius:999px!important;border:1px solid rgb(255 255 255 / .18)!important;background:rgb(0 0 0 / .35)!important;color:#fff!important;cursor:pointer!important;z-index:2!important}.ofc-lightbox-body{position:relative}.ofc-lightbox-body::before{content:"";display:block;padding-top:56.25%}.ofc-lightbox-body iframe{position:absolute;inset:0;width:100%;height:100%;border:0}body.ofc-lightbox-open{overflow:hidden}.ofc-clips .owl-carousel.ofc-clips-carousel{position:relative}.ofc-clips .owl-carousel.ofc-clips-carousel .owl-stage-outer{position:relative;overflow:hidden}.ofc-clips .owl-carousel.ofc-clips-carousel .owl-stage-outer::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:5;box-shadow:inset -70px 0 70px -25px rgb(17 17 17 / .95)}@media (max-width:768px){.ofc-clips .owl-carousel.ofc-clips-carousel .owl-stage-outer::after{box-shadow:inset -45px 0 45px -20px rgb(17 17 17 / .9)}}.ofc-clips .owl-carousel.ofc-clips-carousel .owl-nav{position:absolute;top:-52px;right:0;display:flex;gap:10px;align-items:center;margin:0;pointer-events:auto}.ofc-clips .owl-carousel.ofc-clips-carousel .owl-nav button.owl-prev,.ofc-clips .owl-carousel.ofc-clips-carousel .owl-nav button.owl-next{width:44px;height:44px;border-radius:999px;border:1px solid rgb(255 255 255 / .16);background:rgb(17 17 17 / .65);color:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:transform .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease;backdrop-filter:blur(6px)}.ofc-clips .owl-carousel.ofc-clips-carousel .owl-nav button span{font-size:30px;line-height:1;transform:translateY(-2px)}.ofc-clips .owl-carousel.ofc-clips-carousel .owl-nav button:hover{background:rgb(17 17 17 / .85);border-color:rgb(255 255 255 / .22);transform:translateY(-1px);box-shadow:0 10px 30px rgb(0 0 0 / .35)}.ofc-clips .owl-carousel.ofc-clips-carousel .owl-nav button:focus-visible{outline:none;box-shadow:0 0 0 3px rgb(145 70 255 / .35);border-color:rgb(145 70 255 / .55)}.ofc-clips .owl-carousel.ofc-clips-carousel .owl-nav button.disabled{opacity:.35;cursor:not-allowed;transform:none;box-shadow:none}@media (max-width:768px){.ofc-clips .owl-carousel.ofc-clips-carousel .owl-nav{top:-46px;gap:8px}.ofc-clips .owl-carousel.ofc-clips-carousel .owl-nav button.owl-prev,.ofc-clips .owl-carousel.ofc-clips-carousel .owl-nav button.owl-next{width:40px;height:40px}.ofc-clips .owl-carousel.ofc-clips-carousel .owl-nav button span{font-size:28px}}.ofc-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.ofc-clips-carousel .ofc-clip-card.is-death::after,.ofc-clips-carousel .ofc-clip-card.ofc-is-death::after{content:"";position:absolute;top:10px;right:10px;width:44px;height:44px;background:url(images/clip-death.png) center / contain no-repeat;pointer-events:none;z-index:6}