2024-12-01 01:00:39 +01:00
|
|
|
.button-follow-story._followed,.button-read-later._remembered{background:var(--button-background-active) !important;color:var(--button-color-active) !important;border:var(--button-border-active) !important}:root.no-covers .story__thumbnail{display:none;content-visibility:hidden}:root.no-covers .story__taxonomies{margin-bottom:1.5rem}:root.no-covers .story__taxonomies-space{display:none}:root.no-covers .story__header{display:block}:root.no-covers .story__header:not(._no-thumbnail,._float-top-left,._float-top-right){padding-top:calc(var(--page-inset-top, 0px) + var(--layout-spacing-vertical))}:root.no-covers .story__title{padding-top:0}.story._no-checkmarks .checkmark{display:none;content-visibility:hidden}.story__header{--this-img-height: clamp(145px, 3.5714285714vw + 130.7142857143px, 165px);--this-img-width: clamp(96px, 2.5vw + 86px, 110px);grid-template-columns:var(--this-img-width) 1fr;grid-template-rows:var(--page-inset-top, 0px) auto auto;gap:0 clamp(10px,14.5454545455vw - 36.5454545455px,18px);margin-bottom:1.75rem}@media only screen and (min-width: 375px){.story__header{gap:0 clamp(16px,2.0356234097vw + 8.3664122137px,24px)}}@media only screen and (min-width: 640px){.story__header{--this-img-height: clamp(197px, 5vw + 177px, 225px);--this-img-width: clamp(131px, 3.3928571429vw + 117.4285714286px, 150px);margin-bottom:2.5rem}}.story__header:not(._no-thumbnail){display:grid}.story__header:not(._no-thumbnail) .story__taxonomies{max-height:66px;overflow:hidden}@media only screen and (min-width: 640px){.story__header:not(._no-thumbnail) .story__taxonomies{max-height:44px}}.story__header:not(._no-thumbnail) .story__taxonomies-space{grid-area:2/2/3/3;height:98px}@media only screen and (min-width: 640px){.story__header:not(._no-thumbnail) .story__taxonomies-space{height:72px}}.story__header .story__taxonomies{grid-area:2/2/3/3;align-self:center}.story__header .story__taxonomies .tag-pill{outline-offset:-1px}.story__header .story__identity{grid-area:4/1/5/3;display:flex;flex-direction:column;justify-content:flex-end;margin-top:1.75rem}@media only screen and (min-width: 640px){.story__header .story__identity{grid-area:3/2/4/3;margin-top:0}}.story__header._no-thumbnail .story__taxonomies{margin-bottom:1.5rem}.story__header:is(._no-thumbnail,._float-top-left,._float-top-right){display:block}.story__header:is(._float-top-left,._float-top-right):not(._no-thumbnail) .story__taxonomies-space{height:1.5rem}.story__header:is(._float-top-left,._float-top-right) .story__identity{display:inline}.story__header:is(._float-top-left,._float-top-right) .story__thumbnail{--this-img-height: auto;--this-img-width: var(--floating-cover-image-width, clamp(56px, 32.1428571429vw - 46.8571428571px, 200px));transform:translateY(-0.25rem)}.story__header:is(._float-top-left,._float-top-right) .story__thumbnail-image{width:var(--this-img-width);max-height:unset}.story__header._float-top-left .story__thumbnail{float:left;margin:0 clamp(20px,3.0534351145vw + 8.5496183206px,32px) clamp(10px,2.5445292621vw + 0.4580152672px,20px) 0}.story__header._float-top-right .story__thumbnail{float:right;margin:0 0 clamp(10px,2.5445292621vw + 0.4580152672px,20px) clamp(20px,3.0534351145vw + 8.5496183206px,32px)}.story__thumbnail a{display:block;border-radius:var(--layout-border-radius-small);height:100%;box-shadow:var(--story-cover-box-shadow, var(--box-shadow-xl));outline-offset:2px}.story__thumbnail:not(._in-content){grid-area:1/1/4/2;position:relative;height:var(--this-img-height)}@media only screen and (min-width: 640px){.story__thumbnail:not(._in-content){grid-area:1/1/4/2}}.story__thumbnail._in-content .story__thumbnail-image{width:var(--in-content-cover-image-width, clamp(100px, 25.4452926209vw + 4.5801526718px, 200px))}.story__thumbnail._float-right{float:right;margin:0 0 clamp(10px,5.5979643766vw - 10.9923664122px,32px) clamp(24px,2.0356234097vw + 16.3664122137px,32px)}.story__thumbnail._float-left{float:left;margin:0 clamp(24px,2.0356234097vw + 16.3664122137px,32px) clamp(10px,5.5979643766vw - 10.9923664122px,32px) 0}.story__thumbnail-ribbon{pointer-events:
|
