/* Minification failed. Returning unminified contents.
(31,11): run-time error CSS1030: Expected identifier, found '.'
(31,26): run-time error CSS1031: Expected selector, found ')'
(31,26): run-time error CSS1025: Expected comma or open brace, found ')'
 */
/* Add a spinning overlay to make loading more obvious */
.contentPreview-trigger.loading-preview::after {
    content: "⟳";
    position: absolute;
    top: 5px;
    right: 20px; /* moved 10px left from 5px */
    font-size: 16px;
    color: white;
    background: rgba(0,0,0,0.7);
    border-radius: 50%;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    animation: spin 1s linear infinite;
    /*z-index: 100;*/
   
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.Card:has(.contentPreview), .content-view:has(.contentPreview) {
    overflow: visible;
}

.a2a_kit {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.contentPreview.slider-fixed {
    width: 100% !important; /* Keeps it the same size as the element */
    max-width: 100% !important;
    object-fit: cover;
    border-radius: 12px;
    box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.4); /* Adds soft shadow */
    position: absolute;
    top: 0px;
    left: 0;
    right: 0;
    z-index: 11;
    -webkit-transition: transform .1s ease-in-out, opacity .1s ease-in-out;
    -o-transition: transform .1s ease-in-out, opacity .1s ease-in-out;
    transition: transform .1s ease-in-out, opacity .1s ease-in-out;
    /*overflow: hidden;*/
    /*background-color: #fff;*/
    transform: scale(0.83); /* Start slightly smaller */
    opacity: 0; /* Start invisible */
}

    .contentPreview.slider-fixed.expanded {
        transform: scale(0.93); /* Expands to full size */
        opacity: 1; /* Fade in */
    }

.contentPreviewWrapper {
    display: none;
}

.contentPreview-trigger {
    position: relative;
}

.content-action-trigger {
    border: none;
    background: transparent;
    padding: 4px; /*affects size of circle around dots*/
    border-radius: 50%;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.15s ease, opacity 0.15s ease;
    margin-top: 0px; /* -6 aligns dots with top text line on most pages but breaks list view/library */
}

.content-action-trigger img {
    width: 20px;
    height: 20px;
    opacity: 0.6;
    transition: opacity 0.15s ease;
}

.content-action-trigger:hover,
.content-action-trigger:focus {
    background-color: rgba(0, 0, 0, 0.08);
    outline: none;
}

.content-action-trigger:hover img,
.content-action-trigger:focus img {
    opacity: 1;
}

.content-action-trigger--overlay {
    background-color: rgba(0, 0, 0, 0.35);
}

.content-action-trigger--overlay img {
    filter: invert(1);
    opacity: 0.85;
}

.content-action-trigger--overlay:hover,
.content-action-trigger--overlay:focus {
    background-color: rgba(0, 0, 0, 0.55);
}

.content-action-menu {
    position: fixed !important;
    top: 0;
    left: 0;
    display: none;
    flex-direction: column;
    min-width: 160px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.25);
    padding: 8px 0;
    z-index: 9999 !important;
}

.content-action-menu.is-open {
    display: flex !important;
}

.content-action-menu-option {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    padding: 10px 18px;
    background: transparent;
    border: none;
    font-size: 14px;
    color: #1a1a1a;
    text-align: left;
    cursor: pointer;
    transition: background-color 0.15s ease;
}

.content-action-menu-option:hover,
.content-action-menu-option:focus {
    background-color: #f5f5f5;
    outline: none;
}

.content-action-menu-option-icon {
    width: 20px;
    height: 20px;
}

.content-action-menu-option.is-saved .content-action-menu-option-label {
    font-weight: 600;
}

.LoadMore-item.LoadMore-itemLarge .contentPreview-trigger {
    width: 50%;
    float: left;
}

.contentPreview-body {
    overflow: hidden;
    background-color: #222;
    /*#222*/
    /*background-image: url('/i/mat-icons-spinner.gif');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-size: 50px 50px;*/
}

.contentPreview-articleText {
    font-size: 13px;
    padding: 16px 16px 0 16px;
    position: relative;
    line-height: 1.4;
    background-color: #fff;
}

@media (min-width:2000px) {
    .contentPreview-articleText {
        font-size: 16px;
    }
}

/*.contentPreview-textFade {
    position: absolute;
    bottom: -5px;*/ /* was -2*/
    /*left: 0;
    right: 0;
    height: 65px;
    background-image: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1));
    z-index: 11;
}*/

.contentPreview {
    position: absolute;
    top: 0px;
    left: 0;
    right: 0;
    z-index: 10;
    -webkit-transition: opacity .15s ease-in-out;
    -o-transition: opacity .15s ease-in-out;
    transition: opacity .15s ease-in-out;
    transform: scale(1.1); /* Start at expanded size */
    border-radius: 0px; /* was 12 for rounded corners */
    overflow: hidden;
    background-color: #fff;
    opacity: 0; /* Start invisible */
    transition: opacity 0.2s ease-in-out;
}

    .contentPreview.expanded {
        transform: scale(1.1); /* Stay at expanded size */
        opacity: 1; /* Fade in */
    }

.contentPreview-info {
    padding: 4px 4px 4px 8px;
    display: flex;
}

.contentPreview-button {
    font-size: 14px;
}

    .contentPreview-button img {
        width: 20px !important;
        height: 20px !important;
        margin-right: 2px !important;
        opacity: .5;
        display: inline-block !important;
    }

    .contentPreview-button:hover img {
        opacity: 1;
    }

.contentPreview-button-removeFromWatchlist {
    color: #222;
}

.contentPreview-button-moreInfo img {
    width: 18px !important;
    height: 18px !important;
}

/* Ensure consistent sans-serif font for preview action buttons/text */
.contentPreview-button,
.contentPreview-button span,
.contentPreview-info .contentPreview-button,
.contentPreview-info .contentPreview-button span {
    font-family: 'Open Sans', Arial, Helvetica, sans-serif !important;
}

/* Add pointer-events control so preview overlay doesn't block clicks until visible */
.contentPreview,
.contentPreview.slider-fixed {
    pointer-events: none; /* allow underlying buttons/links until expanded */
}
.contentPreview.expanded,
.contentPreview.slider-fixed.expanded {
    pointer-events: auto; /* enable interaction once shown */
}

/* While preview pending/loading ensure normal cursor */
.contentPreview-trigger.preview-pending { cursor: pointer; }
/* When overlay expanded allow interaction inside */
.contentPreview.expanded { cursor: default; }
/* Force persistent pointer cursor during pre-expansion phases to eliminate brief fallback */
.contentPreview-trigger,
.contentPreview-trigger * { cursor: pointer; }
/* Overlay itself (while still invisible / pointer-events:none) should advertise pointer to avoid flicker */
.contentPreview:not(.expanded),
.contentPreview.slider-fixed:not(.expanded) { cursor: pointer !important; }
/* Spinner pseudo element inherits pointer */
.contentPreview-trigger.loading-preview::after { cursor: pointer; }
/* Once expanded we can revert (or keep) default; leave existing rule below if you prefer default */
.contentPreview.expanded { cursor: default; }
/* Force persistent pointer cursor across all states to eliminate transient cursor flicker */
.contentPreview-trigger { cursor: pointer; }
.contentPreview-trigger * { cursor: inherit; }
.contentPreview-trigger.loading-preview::after { cursor: inherit; }
.contentPreview,
.contentPreview.slider-fixed,
.contentPreview.expanded,
.contentPreview.slider-fixed.expanded { cursor: pointer !important; }