| 1 |
.tptn-left-thumbs{--tptn-gap:0.625rem;--tptn-border-radius:8px;--tptn-thumb-frame-padding:0.25rem;--tptn-thumb-frame-border-width:1px;--tptn-thumb-border:#ccc;--tptn-shadow:0 2px 4px rgba(0, 0, 0, 0.15);--tptn-shadow-hover:0 4px 8px rgba(0, 0, 0, 0.2);--tptn-transition:0.2s ease;container-type:inline-size;container-name:tptn-left-thumbs}.tptn-left-thumbs ul{margin:0!important;padding:0!important;list-style:none}.tptn-left-thumbs ul li{display:flex;flex-wrap:nowrap;gap:var(--tptn-gap);align-items:flex-start;margin-bottom:1.25rem;padding:0!important;background:100% 0;list-style:none}.tptn-left-thumbs li>a.tptn_link{display:block;flex:0 0 auto;align-self:flex-start;width:min(var(--tptn-thumb-width,9999px),45%);max-width:45%;padding:var(--tptn-thumb-frame-padding);border-width:var(--tptn-thumb-frame-border-width);border-style:solid;border-color:var(--tptn-thumb-border);border-radius:var(--tptn-border-radius);box-shadow:var(--tptn-shadow);transition:transform var(--tptn-transition),box-shadow var(--tptn-transition);will-change:transform}.tptn-left-thumbs ul li:last-child{margin-bottom:0}.tptn-left-thumbs ul li:hover>a.tptn_link{transform:scale(1.03);box-shadow:var(--tptn-shadow-hover)}.tptn-left-thumbs img.tptn_thumb{width:min(var(--tptn-thumb-width,9999px),100%);height:var(--tptn-thumb-height,auto);max-width:100%;max-height:var(--tptn-thumb-height,none);display:block;object-fit:cover;aspect-ratio:var(--tptn-thumb-aspect-ratio,auto);border-radius:calc(var(--tptn-border-radius) * .6)}.tptn-left-thumbs .tptn_after_thumb{flex:1 1 6rem;min-width:4rem}.tptn-left-thumbs a.tptn_link{text-decoration:none}.tptn-left-thumbs .tptn_title{display:block;margin-bottom:.375rem;font-weight:600;line-height:1.3;text-decoration:none}.tptn-left-thumbs a.tptn_link:hover .tptn_title{text-decoration:underline}.tptn-left-thumbs .tptn_excerpt{display:block;font-size:.9em;line-height:1.4;opacity:.85}@container tptn-left-thumbs (max-width:240px){.tptn-left-thumbs ul li{flex-wrap:wrap}.tptn-left-thumbs li>a.tptn_link{width:min(var(--tptn-thumb-width,9999px),100%);max-width:100%}.tptn-left-thumbs .tptn_after_thumb{flex-basis:100%}}@media (prefers-reduced-motion:reduce){.tptn-left-thumbs li>a.tptn_link{transition:none;will-change:auto}.tptn-left-thumbs ul li:hover>a.tptn_link{transform:none}} |
