@layer island-desktop{div.Edition{display:flex;align-items:center;>button,>a{flex:none;box-sizing:border-box;width:32px;height:32px;display:flex;align-items:center;justify-content:center;font:italic 500 20px/1 Sofia Sans Extra Condensed;text-transform:uppercase;padding-top:1px;border-radius:50%;color:var(--theme-ink-nav-normal);outline:1px solid var(--theme-ink-nav-light);cursor:pointer;transition:width .3s cubic-bezier(.2,.8,.2,1),margin .3s cubic-bezier(.2,.8,.2,1),border-width .3s cubic-bezier(.2,.8,.2,1),transform .3s cubic-bezier(.2,.8,.2,1),opacity .2s ease,color .2s ease,border-color .2s ease}>a.option{width:0;margin-left:0;padding-top:0;opacity:0;transform:scale(.4);outline-width:0;overflow:hidden;pointer-events:none}>button.current{margin-left:0}}div.Edition.open{position:absolute;>a.option{width:32px;margin-left:8px;padding-top:1px;opacity:1;transform:none;border-width:1px;pointer-events:auto}>button.current{margin-left:8px;color:var(--theme-ink-accent-normal);border-color:var(--theme-ink-accent-normal);cursor:default}}.Island{width:666px;bottom:22px;color:var(--theme-ink-nav-normal);& a{color:var(--theme-ink-nav-normal)}>div>section{padding:12px;display:grid;grid-template-columns:auto min-content min-content;grid-template-rows:auto 1fr auto;grid-template-areas:"omnibox omnibox edition" "tools dial dial" "status dial dial";>div.omnibox{grid-area:omnibox;display:flex;flex-direction:column;gap:8px;>div.commands{align-self:start;display:grid;grid-template-columns:auto auto;align-items:baseline;grid-column-gap:16px;>div:nth-child(odd){font-family:Podkova;color:var(--theme-ink-accent-normal)}}>div.box{display:flex;align-items:center;>svg{width:24px;height:32px;>path{stroke:var(--theme-ink-nav-normal);stroke-width:3}}>input{position:relative;left:-12px;font-family:Podkova;flex:1;font-size:1.313rem;line-height:29px;padding:1px 0 2px 4px}}}>div.dial{grid-area:dial;justify-self:end;align-self:end;display:flex;gap:12px;>button,>a{width:32px;height:32px;display:flex;align-items:center;justify-content:center;position:relative;border-radius:4px;color:var(--theme-ink-nav-normal);outline:1px solid var(--theme-ink-nav-light);outline-offset:-1px}>button.active,>a.active{outline-color:color-mix(in srgb,var(--theme-ink-accent-normal) 60%,transparent);color:var(--theme-ink-accent-normal);--outline-stroke: var(--theme-ink-accent-normal)}>button.digest,>a.digest{order:20;border-radius:50%;outline-offset:0;font:italic 500 20px/1 Sofia Sans Extra Condensed}>button.undo,>a.undo{order:30}>button.search,>a.search{order:40}>button.home,>a.home{order:50}>button.stories,>a.stories{order:10}>button.stories span,>a.stories span{position:absolute}>button.stories span:first-child,>a.stories span:first-child{right:4px;bottom:0;font:italic 500 20px/1 Sofia Sans Extra Condensed}>button.stories span:last-child,>a.stories span:last-child{left:3px;top:1px;font-size:8px;text-transform:uppercase}>button.stories span:last-child.weekend,>a.stories span:last-child.weekend{color:var(--theme-ink-red)}>button.edition,>a.edition{grid-area:edition;font:italic 350 24px/1 Sofia Sans Extra Condensed;text-transform:uppercase}}>div.tools{grid-area:tools;margin-block:12px;display:flex;gap:8px;font-size:13px;min-height:12px;>div.pager{grid-area:pager;display:flex;justify-content:center;align-items:center;gap:4px;>div.pill>button.current,>div.pill>span.current{line-height:22px;padding-block-end:2px}}>div.switch.pill{padding:0 12px}>div.switch{>span.option,>a.option{display:flex;align-items:center;justify-content:center;line-height:22px;padding-block-end:2px}>span.option.active,>a.option.active{color:var(--theme-ink-accent-normal)}}>div.switch.search-page-size.pill{padding:0 8px}>div.switch.search-page-size>span.option,>div.switch.search-page-size>a.option{width:20px;line-height:23px;padding-block-end:1px}>div.switch.undo-view.pill{gap:8px}>div.filters{>div.filter{display:flex;gap:2px;align-items:center;justify-content:center;>a.close{display:flex;align-items:center;justify-content:center}}>div.filter.pill{padding:0 2px 0 12px}}}>div.status{grid-area:status;color:var(--theme-ink-nav-light);font-size:12px;position:relative;top:6px}>.Edition{grid-area:edition;justify-self:end;align-self:end}}.pill{gap:4px;padding:0 4px;background-color:var(--theme-surface-nav-back);border:1px solid var(--theme-ink-nav-thin)}}.Island{--outline-stroke: var(--theme-ink-nav-normal)}}
