/* Shared icons (public site and admin). The SVG files are in /assets/theme/img/icons (see the README there).
   An icon is <i class="icon icon-NAME">: a mask over currentColor, 1em square, so colour and size follow the text.
   --f-NAME scales each drawing so it fills the box like the icon font it replaced (the SVG art has built-in padding).
   --bluesky and --facebook are their own blues, for where their marks are links to the publication's accounts. */
:root{--i-facebook:url('/assets/theme/img/icons/facebook.svg');--f-facebook:120%;--i-x:url('/assets/theme/img/icons/x.svg');--f-x:119%;--i-threads:url('/assets/theme/img/icons/threads.svg');--f-threads:114%;--i-bluesky:url('/assets/theme/img/icons/bluesky.svg');--f-bluesky:127%;--i-link:url('/assets/theme/img/icons/link.svg');--f-link:122%;--i-more:url('/assets/theme/img/icons/more.svg');--f-more:107%;--i-timer:url('/assets/theme/img/icons/timer.svg');--f-timer:114%;--i-share:url('/assets/theme/img/icons/share.svg');--f-share:115%;--i-book:url('/assets/theme/img/icons/book.svg');--f-book:120%;--i-pin:url('/assets/theme/img/icons/pin.svg');--f-pin:126%;--i-tag:url('/assets/theme/img/icons/tag.svg');--f-tag:115%;--i-chevron-left:url('/assets/theme/img/icons/chevron-left.svg');--f-chevron-left:113%;--i-chevron-right:url('/assets/theme/img/icons/chevron-right.svg');--f-chevron-right:113%;--i-chevron-down:url('/assets/theme/img/icons/chevron-down.svg');--f-chevron-down:116%;--i-chevron-up:url('/assets/theme/img/icons/chevron-up.svg');--f-chevron-up:116%;--i-quote-open:url('/assets/theme/img/icons/quote-open.svg');--i-quote-close:url('/assets/theme/img/icons/quote-close.svg');--i-broadcast:url('/assets/theme/img/icons/broadcast.svg');--f-broadcast:118%;--i-trending:url('/assets/theme/img/icons/trending.svg');--f-trending:119%;--i-rss:url('/assets/theme/img/icons/rss.svg');--f-rss:118%;--bluesky:#1185fe;--facebook:#0866ff}
.icon{display:inline-block;flex:none;width:1em;height:1em;vertical-align:-.125em;font-style:normal;line-height:1;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:var(--f,contain);mask-size:var(--f,contain)}
.icon.icon-facebook{--f:var(--f-facebook);-webkit-mask-image:var(--i-facebook);mask-image:var(--i-facebook)}
.icon.icon-x{--f:var(--f-x);-webkit-mask-image:var(--i-x);mask-image:var(--i-x)}
.icon.icon-threads{--f:var(--f-threads);-webkit-mask-image:var(--i-threads);mask-image:var(--i-threads)}
.icon.icon-bluesky{--f:var(--f-bluesky);-webkit-mask-image:var(--i-bluesky);mask-image:var(--i-bluesky)}
.icon.icon-link{--f:var(--f-link);-webkit-mask-image:var(--i-link);mask-image:var(--i-link)}
.icon.icon-more{--f:var(--f-more);-webkit-mask-image:var(--i-more);mask-image:var(--i-more)}
.icon.icon-timer{--f:var(--f-timer);-webkit-mask-image:var(--i-timer);mask-image:var(--i-timer)}
.icon.icon-share{--f:var(--f-share);-webkit-mask-image:var(--i-share);mask-image:var(--i-share)}
.icon.icon-book{--f:var(--f-book);-webkit-mask-image:var(--i-book);mask-image:var(--i-book)}
.icon.icon-pin{--f:var(--f-pin);-webkit-mask-image:var(--i-pin);mask-image:var(--i-pin)}
.icon.icon-tag{--f:var(--f-tag);-webkit-mask-image:var(--i-tag);mask-image:var(--i-tag)}
.icon.icon-chevron-left{--f:var(--f-chevron-left);-webkit-mask-image:var(--i-chevron-left);mask-image:var(--i-chevron-left)}
.icon.icon-chevron-right{--f:var(--f-chevron-right);-webkit-mask-image:var(--i-chevron-right);mask-image:var(--i-chevron-right)}
.icon.icon-chevron-down{--f:var(--f-chevron-down);-webkit-mask-image:var(--i-chevron-down);mask-image:var(--i-chevron-down)}
.icon.icon-chevron-up{--f:var(--f-chevron-up);-webkit-mask-image:var(--i-chevron-up);mask-image:var(--i-chevron-up)}
.icon.icon-broadcast{--f:var(--f-broadcast);-webkit-mask-image:var(--i-broadcast);mask-image:var(--i-broadcast)}
.icon.icon-trending{--f:var(--f-trending);-webkit-mask-image:var(--i-trending);mask-image:var(--i-trending)}
.icon.icon-rss{--f:var(--f-rss);-webkit-mask-image:var(--i-rss);mask-image:var(--i-rss)}