.xtra-reel{--reel-width:var(--wp--style--global--content-size,720px);--reel-head:1.75rem;background:var(--wp--preset--color--border-light,#f1f5f9);box-sizing:border-box;min-height:11.65rem;padding-block:.4rem;position:relative;width:100vw}@media(min-width:600px){.xtra-reel{background:none;min-height:11.85rem;padding-block:.75rem 0;width:100%}}.xtra-reel__head{align-items:center;box-sizing:border-box;display:flex;gap:1rem;height:var(--reel-head);justify-content:space-between;margin-inline:auto;max-width:var(--reel-width);padding:.15rem 1rem 0 1.05rem}@media(min-width:600px){.xtra-reel__head{background:var(--wp--preset--color--border-light,#f1f5f9);border-radius:14px 14px 0 0;padding:.35rem .95rem 0}}.xtra-reel__title{align-items:center;color:var(--wp--preset--color--navy,#1e3a5f);display:inline-flex;font-size:.82rem;font-weight:800;gap:.45rem;line-height:1;white-space:nowrap}.xtra-reel__title:before{background:var(--wp--preset--color--accent,#e87722);border-radius:50%;content:"";flex:none;height:.45rem;width:.45rem}.xtra-reel__row{box-sizing:border-box;display:flex;gap:.7rem;margin-inline:auto;max-width:var(--reel-width);overflow-x:auto;overscroll-behavior-x:contain;padding:.1rem 1rem .5rem;scrollbar-width:none}@media(min-width:600px){.xtra-reel__row{background:var(--wp--preset--color--border-light,#f1f5f9);border-radius:0 0 14px 14px;padding:.15rem .6rem .7rem}}.xtra-reel__row::-webkit-scrollbar{display:none}.xtra-reel__links{display:flex;gap:1.1rem}.xtra-reel__link{background:none;border:0;color:var(--wp--preset--color--navy,#1e3a5f);cursor:pointer;font-family:inherit;font-size:.82rem;font-weight:700;line-height:1;padding:0;position:relative}.xtra-reel__link:after{content:"";inset:-.55rem -.5rem;position:absolute}.xtra-reel__link+.xtra-reel__link:before{color:var(--wp--preset--color--contrast-2,#475569);content:"·";font-weight:400;left:-.72rem;position:absolute}.xtra-reel__link:focus-visible,.xtra-reel__link:hover{text-decoration:underline;text-underline-offset:.2em}.xtra-reel__go{background:#fff;border:1px solid var(--wp--preset--color--border,#e2e8f0);border-radius:50%;box-shadow:0 2px 8px rgba(15,23,42,.18);color:var(--wp--preset--color--navy,#1e3a5f);cursor:pointer;display:none;height:2.2rem;padding:0;place-items:center;position:absolute;top:calc(50% + var(--reel-head)/2);transform:translateY(-50%);width:2.2rem;z-index:2}.xtra-reel__go--back{left:calc(50% - var(--reel-width)/2 - 1.1rem)}.xtra-reel__go--on{right:calc(50% - var(--reel-width)/2 - 1.1rem)}.xtra-reel__go[hidden]{display:none!important}@media(hover:hover)and (min-width:782px){.xtra-reel__go{display:grid}}@media(hover:none),(max-width:781.98px){.xtra-reel__go--on{background:hsla(0,0%,100%,.85);border:0;box-shadow:0 1px 4px rgba(15,23,42,.2);display:grid;height:2rem;opacity:.8;right:.4rem;transition:opacity .2s ease;width:2rem}.xtra-reel.is-moved .xtra-reel__go--on{opacity:0;pointer-events:none}}.xtra-reel-shade-0{--reel-shade:linear-gradient(145deg,#1e3a5f,#3b6ea5)}.xtra-reel-shade-1{--reel-shade:linear-gradient(145deg,#e87722,#f09248);--reel-shade-ink:#0f172a;--reel-shade-btn:#0f172a}.xtra-reel-shade-2{--reel-shade:linear-gradient(145deg,#0f766e,#1d4ed8)}.xtra-reel-shade-3{--reel-shade:linear-gradient(145deg,#6d28d9,#be185d)}.xtra-reel-shade-4{--reel-shade:linear-gradient(145deg,#166534,#0f766e)}.xtra-reel-shade-5{--reel-shade:linear-gradient(145deg,#9d174d,#dc2626)}.xtra-reel+.xe--header{margin-block-start:clamp(1.35rem,1.1rem + 1vw,1.85rem)}.xtra-reel-fan{--fan-w:2.35rem;--fan-r:5px;--fan-turn:13deg;display:block;height:calc(var(--fan-w)*4/3);position:relative}.xtra-reel-fan img{background:hsla(0,0%,100%,.2);border:2px solid #fff;border-radius:var(--fan-r);bottom:0;box-shadow:0 3px 10px rgba(15,23,42,.35);box-sizing:border-box;height:calc(var(--fan-w)*4/3);left:50%;-o-object-fit:cover;object-fit:cover;position:absolute;transform:translateX(-50%);transform-origin:50% 100%;width:var(--fan-w)}.xtra-reel-fan img:first-child{z-index:3}.xtra-reel-fan img:nth-child(2){transform:translateX(-50%) rotate(calc(var(--fan-turn)*-1))}.xtra-reel-fan img:nth-child(3){transform:translateX(-50%) rotate(var(--fan-turn))}.xtra-reel-view:has(.xtra-reel-shade-1) .xtra-reel-view__close{background:#0f172a}.xtra-reel-tile{background:var(--wp--preset--color--navy,#1e3a5f);border:0;border-radius:12px;box-shadow:0 0 0 2px #fff,0 0 0 4px var(--wp--preset--color--accent,#e87722);cursor:pointer;flex:none;height:8rem;margin:4px;overflow:hidden;padding:0;position:relative;width:5.5rem}.xtra-reel-tile.is-seen{box-shadow:0 0 0 2px #fff,0 0 0 3px var(--wp--preset--color--border,#e2e8f0)}.xtra-reel-tile:focus-visible{outline:3px solid var(--wp--preset--color--primary,#3b6ea5);outline-offset:4px}.xtra-reel-tile img{height:100%;inset:0;-o-object-fit:cover;object-fit:cover;position:absolute;width:100%}.xtra-reel-tile:after{background:linear-gradient(0deg,rgba(15,23,42,.88) 8%,rgba(15,23,42,0) 62%);content:"";inset:0;position:absolute}.xtra-reel-tile__words{bottom:7px;color:#fff;display:-webkit-box;font:700 .68rem/1.2 var(--wp--preset--font-family--system-sans,system-ui,sans-serif);left:7px;-webkit-line-clamp:4;overflow:hidden;position:absolute;right:6px;text-align:left;z-index:2;-webkit-box-orient:vertical}.xtra-reel-tile.is-say{background:var(--reel-shade)}.xtra-reel-tile.is-say:after{display:none}.xtra-reel-tile.is-say .xtra-reel-tile__words{color:var(--reel-shade-ink,#fff);font-family:var(--wp--preset--font-family--system-serif,Georgia,serif);font-size:.78rem;height:-moz-fit-content;height:fit-content;-webkit-line-clamp:6;margin-block:auto;text-align:center;top:7px}.xtra-reel-tile.has-fan .xtra-reel-fan{left:0;position:absolute;right:0;top:.95rem}.xtra-reel-tile.has-fan .xtra-reel-fan img{height:calc(var(--fan-w)*4/3);inset:auto auto 0 50%;width:var(--fan-w)}.xtra-reel-tile.has-fan .xtra-reel-tile__words{bottom:.6rem;font-size:.72rem;-webkit-line-clamp:2;top:auto}.xtra-reel-tile--named:after{display:block!important;z-index:1}.xtra-reel-tile--named img{height:72%}.xtra-reel-tile--whole:after{display:none}.xtra-reel-tile--whole img{-o-object-fit:contain;object-fit:contain;z-index:1}.xtra-reel-tile--whole .xtra-reel-tile__blur{background:50%/cover no-repeat;filter:blur(9px) brightness(.6);inset:-12px;position:absolute}body.xtra-reel-open{overflow:hidden}.xtra-reel-view{align-items:center;background:#0b1220;display:flex;inset:0;justify-content:center;position:fixed;touch-action:none;z-index:100000}@media(min-width:782px){.xtra-reel-view{--reel-card-width:min(26rem,90vw);background:rgba(11,18,32,.82)}}@media(min-width:782px)and (hover:none){.xtra-reel-view{--reel-card-height:calc(100vh - 2rem);--reel-card-width:min(calc(var(--reel-card-height)*0.62),calc(100vw - 8rem))}@supports(height:100dvh){.xtra-reel-view{--reel-card-height:calc(100dvh - 2rem)}}}@media(min-width:782px)and (hover:none)and (orientation:portrait){.xtra-reel-view{--reel-card-height:75vh}@supports(height:100dvh){.xtra-reel-view{--reel-card-height:75dvh}}}.xtra-reel-view__panel{background:#0b1220;container-type:inline-size;height:100%;overflow:hidden;position:relative;width:min(100%,62vh);width:min(100%,62dvh)}@media(min-width:782px){.xtra-reel-view__panel{border-radius:18px;height:var(--reel-card-height,min(92vh,48rem));width:var(--reel-card-width)}}.xtra-reel-view__bars{display:flex;gap:3px;left:8px;position:absolute;right:8px;top:calc(8px + env(safe-area-inset-top, 0px));z-index:4}.xtra-reel-view__bars i{background:hsla(0,0%,100%,.3);border-radius:2px;flex:1;height:3px;overflow:hidden}.xtra-reel-view__bars u{background:#fff;display:block;height:100%;width:0}.xtra-reel-view__bars .is-done u{width:100%}.xtra-reel-view__bars .is-now u{animation:xtra-reel-fill var(--reel-time,7s) linear forwards}.xtra-reel-view.is-held .is-now u{animation-play-state:paused}.xtra-reel-view__close{background:rgba(15,23,42,.55);border:0;border-radius:50%;color:#fff;cursor:pointer;font-size:1.6rem;height:2.75rem;line-height:1;padding:0;position:absolute;right:8px;top:calc(16px + env(safe-area-inset-top, 0px));width:2.75rem;z-index:6}.xtra-reel-view__tap{background:none;border:0;bottom:5.5rem;cursor:pointer;padding:0;position:absolute;top:0;width:50%;z-index:3;-webkit-tap-highlight-color:rgba(0,0,0,0)}.xtra-reel-view__tap--back{left:0}.xtra-reel-view__tap--on{right:0}.xtra-reel-view__arrow{background:hsla(0,0%,100%,.92);border:0;border-radius:50%;color:var(--wp--preset--color--navy,#1e3a5f);cursor:pointer;display:none;height:2.75rem;padding:0;place-items:center;position:absolute;top:50%;transform:translateY(-50%);width:2.75rem}@media(min-width:782px){.xtra-reel-view__arrow{display:grid}}.xtra-reel-view__arrow--back{left:calc(50% - var(--reel-card-width)/2 - 3.75rem)}.xtra-reel-view__arrow--on{right:calc(50% - var(--reel-card-width)/2 - 3.75rem)}@media(max-width:781.98px){.xtra-reel-view__arrow--on{background:hsla(0,0%,100%,.85);box-shadow:0 1px 4px rgba(15,23,42,.2);display:grid;height:2rem;opacity:.8;right:calc(50% - min(50%,31vh) + .4rem);right:calc(50% - min(50%,31dvh) + .4rem);transition:opacity .2s ease;width:2rem;z-index:7}.xtra-reel-view.is-moved .xtra-reel-view__arrow--on{opacity:0;pointer-events:none}}@keyframes xtra-reel-fill{to{width:100%}}.xtra-reel-card{background:var(--wp--preset--color--navy,#1e3a5f);color:#fff;display:flex;flex-direction:column;inset:0;overflow:hidden;position:absolute}.xtra-reel-card__blur{background:50%/cover no-repeat;filter:blur(22px) brightness(.62);inset:-30px;position:absolute}.xtra-reel-card--obit{background:#23272f}.xtra-reel-card--obit .xtra-reel-card__blur{filter:blur(26px) brightness(.5) saturate(.6)}.xtra-reel-card__label{flex:none;font-size:.75rem;font-size:clamp(.75rem,2.7cqw,1rem);font-weight:700;letter-spacing:.05em;padding:calc(2rem + env(safe-area-inset-top, 0px)) 1rem .6rem;position:relative;text-shadow:0 1px 3px rgba(0,0,0,.55)}.xtra-reel-card__middle{align-items:center;display:flex;flex:1;justify-content:center;min-height:0;padding:0 .875rem .75rem;position:relative}.xtra-reel-card__clip{background:#fff;border-radius:14px;box-shadow:0 10px 30px rgba(0,0,0,.35);color:var(--wp--preset--color--contrast,#0f172a);display:flex;flex-direction:column;max-height:100%;overflow:hidden;width:100%}.xtra-reel-card__pic{aspect-ratio:3/2;display:block;flex:0 1 auto;min-height:0;-o-object-fit:cover;object-fit:cover;width:100%}.xtra-reel-card__words{flex:none;padding:.8rem .875rem .95rem}.xtra-reel-card__title{color:var(--wp--preset--color--contrast,#0f172a);font:700 1.5rem/1.17 var(--wp--preset--font-family--system-serif,Georgia,serif);font-size:clamp(1.5rem,5.3cqw,2.2rem);margin:0;text-wrap:balance}.xtra-reel-card__title.is-long{font-size:1.32rem;font-size:clamp(1.32rem,4.7cqw,1.95rem)}.xtra-reel-card__sum{color:var(--wp--preset--color--contrast-2,#475569);font:italic .98rem/1.4 var(--wp--preset--font-family--system-serif,Georgia,serif);font-size:clamp(.98rem,3.5cqw,1.4rem);margin:.55rem 0 0;text-wrap:pretty}.xtra-reel-card__say{color:var(--wp--preset--color--contrast,#0f172a);font:1.1rem/1.4 var(--wp--preset--font-family--system-serif,Georgia,serif);font-size:clamp(1.1rem,4cqw,1.6rem);margin:0;text-wrap:pretty;white-space:pre-line}.xtra-reel-card.is-say{background:var(--reel-shade);color:var(--reel-shade-ink,#fff)}.xtra-reel-card.is-say .xtra-reel-card__label{text-shadow:none}.xtra-reel-card.is-say a.xtra-reel-card__btn{backdrop-filter:none;background:var(--reel-shade-btn,rgba(15,23,42,.3))}.xtra-reel-card__middle--end{flex-direction:column;gap:clamp(1.75rem,7cqw,2.75rem)}.xtra-reel-card__middle--end .xtra-reel-fan{--fan-w:clamp(8rem,37cqw,12rem);--fan-r:10px;--fan-turn:12deg;width:100%}.xtra-reel-card__middle--end .xtra-reel-fan img{border-width:3px;box-shadow:0 10px 28px rgba(15,23,42,.4)}.xtra-reel-card--nobtn .xtra-reel-card__middle{padding-bottom:calc(1.25rem + env(safe-area-inset-bottom, 0px))}.xtra-reel-card__big{font:700 1.65rem/1.25 var(--wp--preset--font-family--system-serif,Georgia,serif);font-size:clamp(1.65rem,6.4cqw,2.5rem);margin:0;padding:0 1.6rem;text-align:center;text-wrap:balance;white-space:pre-line}.xtra-reel-card__big.is-short{font-size:2.1rem;font-size:clamp(2.1rem,8.6cqw,3.2rem);line-height:1.15}.xtra-reel-card__big.is-long{font-size:1.22rem;font-size:clamp(1.22rem,4.7cqw,1.85rem);font-weight:600;line-height:1.38;text-align:left;text-wrap:pretty}.xtra-reel-card__whole{border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.4);display:block;max-height:100%;max-width:100%}.xtra-reel-card a.xtra-reel-card__btn{backdrop-filter:blur(10px) saturate(1.3);background:rgba(15,23,42,.3);border-radius:999px;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.45);color:#fff;display:block;flex:none;font-size:clamp(1em,3.6cqw,1.35rem);font-weight:700;margin:0 1rem calc(1.25rem + env(safe-area-inset-bottom, 0px));padding:.8rem;position:relative;text-align:center;text-decoration:none;text-shadow:0 1px 2px rgba(0,0,0,.45);z-index:5}@media(prefers-reduced-motion:reduce){.xtra-reel-view__bars .is-now u{animation:none;width:100%}}@media(min-width:600px)and (max-width:781px){.story-next .xtra-reel{padding-inline:1rem}}@media(max-width:599px){.xtra-reel.xtra-reel{margin-inline:calc(50% - 50vw)!important}.wp-site-blocks>main:has(>.entry-content>.xtra-reel:first-child),.wp-site-blocks>main>.entry-content:has(>.xtra-reel:first-child){margin-top:0!important}}
