body.telmato-story-open{overflow:hidden}
.telmato-highlights-wrap{
    display:flex;
    gap:var(--th-gap,14px);
    align-items:flex-start;
    overflow-x:auto;
    padding:6px 0;
    scrollbar-width:none;
}
.telmato-highlights-wrap::-webkit-scrollbar{display:none}
.telmato-highlight-card{
    appearance:none;
    border:0;
    background:transparent;
    padding:0;
    cursor:pointer;
    text-align:center;
    flex:0 0 auto;
    font:inherit;
    color:inherit;
}
.telmato-highlight-ring{
    width:var(--th-size,82px);
    height:var(--th-size,82px);
    border-radius:999px;
    padding:3px;
    background:linear-gradient(135deg,#ff0069,#ffcc00,#8a2be2);
    display:block;
    position:relative;
}
.telmato-highlight-ring img{
    width:100%;
    height:100%;
    border-radius:999px;
    object-fit:cover;
    display:block;
    background:#eee;
    border:3px solid #fff;
    box-sizing:border-box;
}
.telmato-highlight-title{
    display:block;
    max-width:calc(var(--th-size,82px) + 20px);
    font-size:12px;
    line-height:1.5;
    margin-top:6px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.telmato-cover-date{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    background:rgba(0,0,0,.55);
    color:#fff;
    border-radius:999px;
    padding:2px 6px;
    font-size:10px;
    direction:ltr;
}
.telmato-sticky-desktop-top{position:sticky;top:var(--th-desktop-top,90px);z-index:40;backdrop-filter:blur(8px)}
.telmato-sticky-desktop-bottom{position:sticky;bottom:var(--th-desktop-bottom,20px);z-index:40;backdrop-filter:blur(8px)}
.telmato-sticky-desktop-floating{position:fixed;right:16px;bottom:var(--th-desktop-bottom,20px);z-index:999;max-width:min(92vw,440px);background:rgba(255,255,255,.65);backdrop-filter:blur(14px);border-radius:20px;padding:10px}
.telmato-all-highlights{position:relative!important;top:auto!important;bottom:auto!important;right:auto!important;left:auto!important}

.telmato-story-modal{
    position:fixed;
    inset:0;
    z-index:999999;
    display:none;
    align-items:center;
    justify-content:center;
}
.telmato-story-modal.is-open{display:flex}
.telmato-story-backdrop{
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.62);
    backdrop-filter:blur(6px);
}
.telmato-story-box{
    position:relative;
    z-index:1;
    overflow:hidden;
    color:#fff;
    direction:rtl;
}
.telmato-story-media{
    position:absolute;
    inset:0;
    z-index:1;
    display:flex;
}
.telmato-story-media img,
.telmato-story-media video{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    background:transparent;
}
.telmato-story-progress{
    position:absolute;
    top:12px;
    left:14px;
    right:14px;
    z-index:5;
    display:flex;
    gap:4px;
    direction:ltr;
}
.telmato-progress-segment{
    height:3px;
    flex:1;
    background:rgba(255,255,255,.35);
    border-radius:999px;
    overflow:hidden;
}
.telmato-progress-segment i{
    display:block;
    height:100%;
    width:0;
    background:#fff;
}
.telmato-progress-segment.is-done i{width:100%}
.telmato-story-close{
    position:absolute;
    top:22px;
    right:16px;
    z-index:6;
    width:34px;
    height:34px;
    border:0;
    border-radius:999px;
    background:rgba(0,0,0,.35);
    color:#fff;
    font-size:24px;
    line-height:34px;
    cursor:pointer;
}
.telmato-story-date{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    z-index:5;
    background:rgba(0,0,0,.45);
    border-radius:999px;
    padding:5px 12px;
    font-size:13px;
    direction:ltr;
}
.telmato-story-caption{
    position:absolute;
    right:18px;
    left:18px;
    bottom:70px;
    z-index:5;
    text-align:center;
    font-size:14px;
    line-height:1.8;
    text-shadow:0 2px 10px rgba(0,0,0,.65);
}
.telmato-story-cta{
    position:absolute;
    bottom:22px;
    left:50%;
    transform:translateX(-50%);
    z-index:6;
    display:none;
    align-items:center;
    justify-content:center;
    min-width:150px;
    height:42px;
    padding:0 20px;
    background:rgba(255,255,255,.88);
    color:#111;
    border-radius:999px;
    font-size:14px;
    text-decoration:none;
    font-weight:700;
}
.telmato-story-nav{
    position:absolute;
    top:0;
    bottom:0;
    z-index:4;
    width:50%;
    border:0;
    background:transparent;
    cursor:pointer;
}
.telmato-story-prev{left:0}
.telmato-story-next{right:0}

@media(max-width:767px){
    .telmato-sticky-desktop-top,
    .telmato-sticky-desktop-bottom,
    .telmato-sticky-desktop-floating{position:relative;top:auto;bottom:auto;right:auto;padding:6px 0;background:transparent}
    .telmato-sticky-mobile-top{position:sticky;top:var(--th-mobile-top,70px);z-index:40;backdrop-filter:blur(8px)}
    .telmato-sticky-mobile-bottom{position:sticky;bottom:var(--th-mobile-bottom,16px);z-index:40;backdrop-filter:blur(8px)}
    .telmato-sticky-mobile-floating{position:fixed;right:12px;bottom:var(--th-mobile-bottom,16px);z-index:999;max-width:calc(100vw - 24px);background:rgba(255,255,255,.65);backdrop-filter:blur(14px);border-radius:18px;padding:8px}
    .telmato-highlight-title{font-size:11px}
}


/* v2.0.3 cover circle hard fix: prevents square cover corners in all=yes and theme overrides */
.telmato-highlights-wrap .telmato-highlight-ring,
.telmato-all-highlights .telmato-highlight-ring{
    width:var(--th-size,82px) !important;
    height:var(--th-size,82px) !important;
    min-width:var(--th-size,82px) !important;
    min-height:var(--th-size,82px) !important;
    max-width:var(--th-size,82px) !important;
    max-height:var(--th-size,82px) !important;
    box-sizing:border-box !important;
    border-radius:50% !important;
    overflow:hidden !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    aspect-ratio:1/1 !important;
}
.telmato-highlights-wrap .telmato-highlight-ring img,
.telmato-all-highlights .telmato-highlight-ring img{
    width:100% !important;
    height:100% !important;
    min-width:100% !important;
    min-height:100% !important;
    max-width:none !important;
    max-height:none !important;
    aspect-ratio:1/1 !important;
    object-fit:cover !important;
    object-position:center center !important;
    border-radius:50% !important;
    overflow:hidden !important;
    display:block !important;
    box-sizing:border-box !important;
    margin:0 !important;
    padding:0 !important;
}
.telmato-highlights-wrap .telmato-highlight-card,
.telmato-all-highlights .telmato-highlight-card{
    overflow:visible !important;
    line-height:normal !important;
}


/* Telmato cover hard fix */
.telmato-highlight-ring{
    overflow:hidden !important;
    border-radius:50% !important;
    box-sizing:border-box !important;
}
.telmato-highlight-ring img{
    width:100% !important;
    height:100% !important;
    aspect-ratio:1/1 !important;
    object-fit:cover !important;
    border-radius:50% !important;
    display:block !important;
    box-sizing:border-box !important;
}