/* Built by tools/build-list-look.php from tools/local-web/look (look.css, designs.css design 1, article-foot.css). Do not edit here. */
:root {
  --bg: #f4f2f7; --surface: #fff; --sunken: #ebe8f0; --ink: #1d1927; --muted: #5f586c; --line: #ddd8e5;
  --rose: #c9124f; --link: #b00f45; --wash: #cfc9da;
  --seg1: #0f8f7f; --seg2: #c9124f; --seg3: #4d4fc4; --seg4: #c98a10; --seg5: #8b8496;
  --display: "Big Shoulders Display", "Arial Narrow", Impact, sans-serif;
  --body: "Mulish", "Muli", system-ui, sans-serif;
}
html body { background: var(--bg) !important; color: var(--ink); font-family: var(--body); }
html body .site-header-row-container-inner { background: #14101c !important; border-bottom: 1px solid rgba(255, 255, 255, .09); }
.lookLogo { display: inline-flex; align-items: center; gap: .3em; color: #fff; font: 800 28px/1 "Sora", var(--body); letter-spacing: -.03em; white-space: nowrap; }
.lookLogo svg { display: block; width: 1em; height: 1em; flex: none; }
html body img.custom-logo.lookOldLogo { position: absolute !important; width: 1px !important; height: 1px !important; max-width: 1px !important; margin: -1px !important; padding: 0 !important; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); border: 0; white-space: nowrap; }
html body .primary-menu-container > ul.menu > li > a { position: relative; padding: 10px 11px; background: none !important; color: rgba(255, 255, 255, .82) !important; font: 700 14px/1.4 var(--body); letter-spacing: .01em; text-transform: none; }
html body .primary-menu-container > ul.menu > li > a::after { content: ""; position: absolute; left: 11px; right: 11px; bottom: 3px; height: 2px; background: #ff4f8e; transform: scaleX(0); transform-origin: left; transition: transform .18s ease; }
html body .primary-menu-container > ul.menu > li:hover > a, html body .primary-menu-container > ul.menu > li:focus-within > a { color: #fff !important; }
html body .primary-menu-container > ul.menu > li:hover > a::after, html body .primary-menu-container > ul.menu > li:focus-within > a::after { transform: scaleX(1); }
html body .primary-menu-container .sub-menu { background: #1c1826 !important; border: 1px solid rgba(255, 255, 255, .1); border-radius: 6px; box-shadow: 0 20px 40px -12px rgba(0, 0, 0, .6); padding: 6px; }
html body .primary-menu-container .sub-menu li { border: 0 !important; background: none !important; }
html body .primary-menu-container .sub-menu a { padding: 8px 12px; border: 0 !important; border-radius: 4px; background: none !important; color: #e4dfec !important; font: 600 14px/1.35 var(--body); text-transform: none; }
html body .primary-menu-container .sub-menu a:hover { background: rgba(255, 255, 255, .09) !important; color: #fff !important; }
html body .header-social-wrap .social-button { display: inline-grid; place-items: center; width: 34px; height: 34px; padding: 0; background: none !important; border: 1px solid rgba(255, 255, 255, .22) !important; border-radius: 50%; color: rgba(255, 255, 255, .78) !important; transition: background .18s ease, color .18s ease; }
html body .header-social-wrap .social-button:hover { background: #ff4f8e !important; border-color: #ff4f8e !important; color: #22060f !important; }
html body .menu-toggle-open { color: #fff !important; background: none !important; }
html body #mobile-drawer .drawer-inner { background: #14101c !important; color: #fff; }
html body #mobile-drawer a, html body #mobile-drawer button { color: #f2eff6 !important; background: none !important; border-color: rgba(255, 255, 255, .12) !important; font-family: var(--body); }
html body #mobile-drawer li { border-color: rgba(255, 255, 255, .12) !important; }
.lookHero { background: linear-gradient(180deg, rgba(15,10,25,.3), rgba(15,10,25,.92)), var(--hero, none) center 30% / cover no-repeat #14101c; color: #fff; }
.lookHeroIn { max-width: 1140px; margin-inline: auto; padding: clamp(64px, 12vw, 130px) 16px 28px; display: grid; gap: 14px; }
html body .lookHero .articleHeading { background: none !important; padding: 0; margin: 0; text-align: left; }
html body .lookHero h1#articleHeader { font: 800 clamp(40px, 7.4vw, 78px)/.98 var(--display) !important; color: #fff !important; margin: 0; padding: 0; max-width: 18ch; text-align: left; text-wrap: balance; }
.lookHero h1 span { display: block; font-size: .42em; font-weight: 600; line-height: 1.15; margin-top: 10px; color: #ffd0df; }
html body .lookHero #authorContainer { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; background: none !important; border: 0 !important; padding: 0; margin: 0; color: #fff; font: 600 14px var(--body); justify-content: flex-start; }
.lookHero #authorContainer a { color: #fff !important; font-weight: 800; }
.lookHero .authorFirstname { color: #fff !important; }
@media (min-width: 992px) {
.lookHeroIn { max-width: none; padding-left: calc(8.33vw + 15px); }
}
html body .mainContentContainer { padding-top: 28px; background: none; }
html body #articleIntroContainer { background: var(--surface) !important; border: 1px solid var(--line); border-radius: 6px; box-shadow: none; margin-bottom: 22px; padding: 20px 15px 6px; }
html body #articleIntro, html body #articleIntro .contentContainer { float: none; width: auto; background: none !important; color: var(--ink) !important; padding: 0 !important; margin: 0 !important; }
#articleIntro p { font: 400 17px/1.7 var(--body) !important; color: var(--ink) !important; margin: 0 0 16px; }
#articleIntro a { color: var(--link) !important; }
html body .sortAndFilterContainer .select2-container { width: 100% !important; }
html body .sortAndFilterContainer { display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; background: var(--surface); border: 1px solid var(--line); border-radius: 6px; margin: 0 0 22px; padding: 12px; }
html body .sortAndFilterContainer > div { width: auto; max-width: none; padding: 0; flex: none; }
html body .sortContainer { display: flex; align-items: center; gap: 8px; margin: 0; }
html body .sortByContainer { flex: 1; max-width: 260px; min-width: 0; margin: 0; }
html body .filtersSliderContainer { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; overflow: visible; padding: 0; margin: 0; }
html body .filtersSliderContainer .btn { background: var(--bg) !important; color: var(--ink) !important; border: 1px solid var(--line) !important; border-radius: 99px; padding: 5px 13px; margin: 0; font: 600 13px var(--body); box-shadow: none; }
html body .filtersSliderContainer .fa-filter { font-size: 18px !important; color: var(--muted); }
html body #itemsContent { background: none; padding: 0; }
html body #itemsContent > p { display: none; }
html body .titleContainer { background: var(--surface) !important; border: 1px solid var(--line); border-radius: 6px; margin: 0 0 30px; padding: 0 !important; overflow: hidden; color: var(--ink); box-shadow: none; }
html body .titleContainer > .w3-row { margin: 0; padding: 0; }
.lookHead { display: grid; grid-template-columns: 230px minmax(0, 1fr); gap: 24px; padding: 22px; background: linear-gradient(115deg, color-mix(in srgb, var(--wash) 26%, var(--surface)), var(--surface) 92%); }
html body .lookHead > .w3-col.m5 { width: auto; float: none; padding: 0; }
html body .lookHead .onImage { position: relative; margin: 0; }
html body .lookHead #movieImage { display: block; width: 100% !important; height: auto !important; aspect-ratio: 600 / 890; object-fit: cover; border-radius: 4px; box-shadow: 0 14px 30px -10px color-mix(in srgb, var(--wash) 70%, #000); }
html body .lookHead .top-left, html body .lookHead .top-right[title], html body .lookHead .centerOnImage { display: none !important; }
html body .lookHead .top-right { border-radius: 3px; background: rgba(15,10,25,.8); color: #fff; padding: 2px 8px; }
html body .lookHead .topRightContent { font: 800 12px var(--body); color: #fff; }
.lookHead.noPoster { display: block; padding: 0; }
.lookHead.noPoster .lookMain { padding: 18px 22px 20px; }
html body .lookHead.noPoster .wr1 { background: var(--sunken) !important; }
html body .lookHead.noPoster .introImage { padding: 0 !important; }
.lookMain { min-width: 0; display: grid; gap: 12px; align-content: start; }
html body .lookMain .numberingContainer { display: block; margin: 0; padding: 0; width: auto; }
html body .lookMain .numberingLine { display: none; }
html body .lookMain .numberingCircle { all: unset; display: block; }
html body .lookMain .numbering { font: 800 72px/.85 var(--display) !important; color: var(--rose) !important; }
html body .lookMain .headingContainer { all: unset; display: block; }
html body .lookMain h2 { font: 800 clamp(30px, 4.2vw, 40px)/1.03 var(--display) !important; color: var(--ink) !important; margin: 0; padding: 0; border: 0 !important; text-align: left; text-wrap: balance; }
html body .lookMain .genreParagraph { display: flex; flex-wrap: wrap; gap: 6px; margin: 0; padding: 0; }
html body .lookMain .genreParagraph span { background: none !important; color: var(--ink) !important; border: 1px solid color-mix(in srgb, var(--ink) 28%, transparent); border-radius: 99px; padding: 1px 9px; margin: 0; font: 600 13px/1.6 var(--body) !important; }
.lookScores { display: flex; flex-wrap: wrap; gap: 8px 24px; }
.lookScore b { display: block; font: 800 38px/1 var(--display); font-variant-numeric: tabular-nums; }
.lookScore small { font: 600 12px var(--body); color: var(--muted); }
.lookFacts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 9px 14px; }
.lookFact.wide { grid-column: span 2; }
html body .lookFact p { margin: 0 !important; padding: 0 !important; color: var(--ink) !important; }
html body .lookFact .skeletonParagraph { font: 800 11px/1.4 var(--body) !important; letter-spacing: .08em; text-transform: uppercase; color: var(--muted) !important; }
html body .lookFact .skeletonParagraph::after { content: ""; }
html body .lookFact .insideSkeleton { font: 600 14px/1.35 var(--body) !important; }
.lookActions { display: flex; flex-wrap: wrap; gap: 8px; }
html body .lookActions .videoPlayer { display: inline-flex; align-items: center; min-height: 42px; margin: 0; padding: 0 18px !important; background: var(--rose) !important; color: #fff !important; border: 1px solid var(--rose); border-radius: 4px !important; font: 800 15px var(--body) !important; }
html body .lookActions .quizContainer { position: relative; display: inline-flex; align-items: center; min-height: 42px; margin: 0; padding: 0 18px; border: 1px solid var(--ink); border-radius: 4px; background: none; width: auto; }
.lookActions .quizContainer::before { content: "Take the quiz"; font: 800 15px var(--body); color: var(--ink); }
html body .lookActions .quizIcon { position: absolute; inset: 0; width: 100% !important; height: 100% !important; opacity: 0; cursor: pointer; margin: 0; }
html body .lookMain #movieContent { width: auto; float: none; padding: 0 !important; color: var(--ink); }
html body .lookMain #movieContent:empty { display: none; }
.lookFans { padding: 15px 22px; border-block: 1px solid var(--line); font: 400 13px/1.35 var(--body); }
.lookRanks { display: flex; flex-wrap: wrap; gap: 4px 20px; font-weight: 800; margin-bottom: 10px; }
.lookBar { display: flex; gap: 2px; height: 10px; border-radius: 3px; overflow: hidden; }
.lookBar i { display: block; min-width: 2px; }
.lookLegend { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 6px 12px; margin: 10px 0 0; padding: 0; list-style: none; color: var(--muted); }
.lookLegend i { display: inline-block; width: 9px; height: 9px; border-radius: 2px; margin-right: 5px; }
.lookLegend b { display: block; color: var(--ink); font-size: 14px; font-variant-numeric: tabular-nums; }
.seg1 { background: var(--seg1); }
.seg2 { background: var(--seg2); }
.seg3 { background: var(--seg3); }
.seg4 { background: var(--seg4); }
.seg5 { background: var(--seg5); }
html body .titleContainer .filmmakingContainer { float: none; width: auto; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px 18px; padding: 15px 22px; border-block: 1px solid var(--line); background: none; }
html body .filmmakingContainer[hidden] { display: none; }
html body .filmmakingItem { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 3px 8px; width: auto !important; min-width: 0; margin: 0; padding: 0; border: 0 !important; background: none !important; font: 400 13px/1.3 var(--body); }
html body .filmmakingItem .filmmakingLabel { position: static; transform: none; grid-column: 1; grid-row: 1; width: auto; margin: 0; padding: 0; border: 0 !important; background: none !important; color: var(--ink) !important; text-align: left; }
html body .filmmakingItem .filmmakingLabel strong { font-weight: 800; background: none !important; color: var(--ink) !important; }
.lookWord { grid-column: 2; grid-row: 1; color: var(--muted); }
html body .filmmakingItem .progress { grid-column: 1 / -1; grid-row: 2; width: 100% !important; max-width: none; height: 6px; margin: 0; border: 0 !important; background: var(--sunken); border-radius: 3px; }
html body .filmmakingItem .progress-bar { background: var(--seg1) !important; font-size: 0 !important; color: transparent !important; }
html body .titleContainer .contentContainer { float: none; width: auto; background: none !important; color: var(--ink) !important; padding: 20px 22px 22px !important; margin: 0 !important; }
html body .titleContainer .contentContainer p { font: 400 17px/1.7 var(--body) !important; color: var(--ink) !important; max-width: 66ch; margin: 0 0 15px; }
html body .titleContainer .contentContainer strong, html body .titleContainer .contentContainer em { color: inherit !important; }
html body .titleContainer .contentContainer a, html body .read_it a { color: var(--link) !important; text-underline-offset: 3px; }
html body .read_it { background: var(--sunken); border: 0; border-radius: 4px; margin: 0 0 30px; padding: 12px 14px; color: var(--ink); text-align: left; }
html body .read_it p { margin: 0; font: 800 16px/1.4 var(--body) !important; color: var(--ink) !important; }
html body .read_it p:first-child { font-size: 11px !important; letter-spacing: .08em; text-transform: uppercase; color: var(--muted) !important; }
html body #quizModal, html body #videoModel { z-index: 100000; padding: clamp(16px, 7vh, 72px) 16px; background: rgba(12, 8, 20, .82); animation: none; }
html body #videoModel { background: rgba(6, 4, 10, .94); }
html body #quizModal .w3-modal-content, html body #videoModel .w3-modal-content { position: relative; margin: 0 auto; padding: 0; overflow: hidden; border-radius: 8px; box-shadow: 0 30px 70px -20px rgba(0, 0, 0, .7); }
html body #quizModal .w3-modal-content { width: min(580px, 100%); max-width: none; background: var(--surface) !important; color: var(--ink) !important; }
html body #videoModel .w3-modal-content { width: min(980px, 100%, calc((100vh - 110px) * 16 / 9)); max-width: none; background: #000 !important; color: #fff !important; }
#quizModal header, #videoModel header { display: flex; align-items: center; gap: 14px; min-height: 60px; margin: 0 !important; padding: 12px 56px 12px 18px; }
#quizModal header { background: linear-gradient(115deg, color-mix(in srgb, var(--wash) 34%, var(--surface)), var(--surface)) !important; border-bottom: 1px solid var(--line); }
#videoModel header { background: #000 !important; }
.lookThumb { width: 46px; height: 68px; object-fit: cover; border-radius: 3px; flex: none; }
#videoModel .lookThumb { display: none; }
html body #quizModal header p, html body #videoModel header p { flex: 1; min-width: 0; margin: 0; text-align: left !important; text-transform: none !important; font: 800 26px/1.05 var(--display) !important; }
#quizModal header p { color: var(--ink) !important; }
#videoModel header p { color: #fff !important; }
#quizModal header p::before, #videoModel header p::before { display: block; margin-bottom: 3px; font: 800 11px/1.3 var(--body); letter-spacing: .08em; text-transform: uppercase; }
#quizModal header p::before { content: "Quiz"; color: var(--rose); }
#videoModel header p::before { content: "Trailer"; color: #ff8db4; }
html body #cutmark { display: grid; place-items: center; width: 36px; height: 36px; padding: 0; top: 12px; right: 12px; border-radius: 50%; font: 400 22px/1 var(--body); cursor: pointer; }
#quizModal #cutmark { background: var(--sunken) !important; color: var(--ink) !important; }
#videoModel #cutmark { background: rgba(255, 255, 255, .16) !important; color: #fff !important; }
html body #quizModal .modal-body, html body #videoModel .modal-body { margin: 0 !important; padding: 0 !important; max-height: none; overflow: visible; background: none; }
#videoModel #player, #videoModel iframe { display: block; width: 100% !important; height: auto !important; aspect-ratio: 16 / 9; margin: 0 !important; border: 0; }
html body #quiz { margin: 0; padding: 20px 22px 22px; background: none; color: var(--ink); text-align: left; font-family: var(--body); }
html body #quiz .quiz-header:empty { display: none; }
.lookQuizIntro { margin: 8px 0 16px; font: 600 18px/1.45 var(--body); color: var(--ink); }
#quiz .quiz-start-screen, #quiz .quiz-results-screen { text-align: left; }
#quiz .quiz-start-screen p { margin: 0; }
#quiz .quiz-start-screen .lookQuizIntro { margin-bottom: 16px; }
html body #quiz .quiz-counter { position: relative; margin: 0 0 16px; padding-bottom: 12px; text-align: left; color: var(--muted); font: 800 12px/1.3 var(--body); letter-spacing: .08em; }
#quiz .quiz-counter::before, #quiz .quiz-counter::after { content: ""; position: absolute; left: 0; bottom: 0; height: 5px; border-radius: 3px; }
#quiz .quiz-counter::before { right: 0; background: var(--sunken); }
#quiz .quiz-counter::after { width: var(--progress, 0%); background: var(--rose); transition: width .2s ease; }
html body #quiz .question { margin: 0 0 14px; color: var(--ink); text-align: left; font: 800 19px/1.35 var(--body) !important; }
html body #quiz .answers { margin: 0; padding: 0; counter-reset: answer; list-style: none; display: grid; gap: 8px; }
#quiz .answers li { counter-increment: answer; margin: 0; }
html body #quiz .answers a { display: flex; align-items: center; gap: 12px; min-height: 48px; margin: 0; padding: 8px 14px; background: var(--bg); border: 1px solid var(--line); border-radius: 5px; color: var(--ink) !important; font: 600 15px/1.35 var(--body); text-align: left; }
#quiz .answers a::before { content: counter(answer, upper-alpha); flex: none; display: grid; place-items: center; width: 26px; height: 26px; border-radius: 50%; background: var(--surface); border: 1px solid var(--line); font: 800 12px var(--body); }
html body #quiz .answers a:hover { border-color: var(--ink); }
html body #quiz .answers a.correct { background: color-mix(in srgb, var(--seg1) 14%, var(--surface)) !important; border-color: var(--seg1); font-weight: 800; }
#quiz .answers a.correct::before { background: var(--seg1); border-color: var(--seg1); color: #fff; }
html body #quiz .answers a.incorrect { background: color-mix(in srgb, var(--seg2) 12%, var(--surface)) !important; border-color: var(--seg2); }
#quiz .answers a.incorrect::before { background: var(--seg2); border-color: var(--seg2); color: #fff; }
html body #quiz .quiz-controls { margin: 14px 0 0; padding: 0; background: none; text-align: left; }
html body #quiz .quiz-response { margin: 0 0 12px; color: var(--ink); font: 600 15px/1.4 var(--body); }
html body #quiz .quiz-results { margin: 4px 0 6px; color: var(--ink); font: 800 34px/1.1 var(--display) !important; }
html body #quiz .quiz-start-btn, html body #quiz .quiz-buttons a { display: inline-flex; align-items: center; min-height: 44px; margin: 0; padding: 0 22px; background: var(--rose) !important; border: 0; border-radius: 4px; color: #fff !important; font: 800 15px var(--body); }
@media (max-width: 640px) {
html body #quizModal, html body #videoModel { padding: 12px; }
html body #quiz { padding: 16px; }
#quizModal header p, #videoModel header p { font-size: 23px !important; }
html body .filtersSliderContainer { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 4px; }
html body .filtersSliderContainer .btn { flex: none; }
.lookHead { grid-template-columns: 118px minmax(0, 1fr); gap: 14px; padding: 14px; }
.lookMain { display: contents; }
html body .lookMain .numberingContainer { grid-column: 2; grid-row: 1; }
html body .lookMain .headingContainer { grid-column: 2; grid-row: 2; }
html body .lookMain .genreParagraph { grid-column: 2; grid-row: 3; }
html body .lookHead > .w3-col.m5 { grid-row: 1 / span 4; }
.lookScores, .lookFacts, .lookActions { grid-column: 1 / -1; }
html body .lookMain #movieContent { grid-column: 1 / -1; }
html body .lookMain .numbering { font-size: 56px !important; }
.lookFacts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.lookFans, html body .titleContainer .contentContainer, html body .titleContainer .filmmakingContainer { padding-inline: 14px !important; }
html body .titleContainer .filmmakingContainer { grid-template-columns: minmax(0, 1fr); }
.lookLegend { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.lookHead.noPoster { display: block; padding: 0; }
.lookHead.noPoster .lookMain { display: grid; padding: 14px; }
html body .titleContainer .contentContainer p, #articleIntro p { font-size: 16px !important; }
}
html body .titleContainer .sptable { margin: 4px 0 20px; overflow-x: auto; }
html body .titleContainer .sptable table { width: 100%; margin: 0; border-collapse: separate !important; border-spacing: 0; border: 1px solid var(--line) !important; border-radius: 8px; overflow: hidden; background: var(--surface); font: 400 15px/1.45 var(--body); }
html body .titleContainer .sptable th, html body .titleContainer .sptable td, html body .titleContainer .sptable tr { border: 0 !important; }
html body .titleContainer .sptable thead { display: none; }
html body .titleContainer .sptable table tr:nth-child(n) { background: var(--surface) !important; }
html body .titleContainer .sptable table tbody tr:nth-child(even) { background: var(--sunken) !important; }
html body .titleContainer .sptable td { padding: 10px 14px !important; color: var(--ink) !important; vertical-align: top; text-align: left; }
html body .titleContainer .sptable td:nth-child(1) { width: 34%; color: var(--muted) !important; font: 800 11px/1.9 var(--body) !important; letter-spacing: .08em; text-transform: uppercase; }
html body .titleContainer .sptable td:nth-child(2) { font-weight: 600 !important; }
html body .titleContainer .sptable tbody tr + tr td { border-top: 1px solid var(--line) !important; }
.lookHead.lookWide { display: block; padding: 0; background: var(--surface); }
html body .lookWide .wr1 { position: relative; overflow: hidden; margin: 0; padding: 0; background: #14101c !important; }
html body .lookWide .wr1 .wr2 { margin: 0; padding: 0; }
html body .lookWide .wr1 img { display: block; width: 100% !important; max-width: none; height: auto !important; aspect-ratio: 16 / 9; object-fit: cover; margin: 0 !important; padding: 0 !important; border: 0; border-radius: 0; transition: transform .6s ease; }
html body .titleContainer:hover .lookWide .wr1 img { transform: scale(1.025); }
.lookWide .wr1::after { content: ""; position: absolute; inset: 0; pointer-events: none;
  background: linear-gradient(180deg, rgba(15, 10, 25, 0) 34%, rgba(15, 10, 25, .5) 60%, rgba(15, 10, 25, .94)), linear-gradient(90deg, color-mix(in srgb, var(--wash) 38%, transparent), transparent 62%); }
.lookOver { position: absolute; inset: auto 0 0; z-index: 1; display: flex; align-items: flex-end; gap: 18px; padding: 26px 28px 24px; }
html body .lookOver .numberingContainer { flex: none; display: block; margin: 0; padding: 0; width: auto; }
html body .lookOver .numbering { color: #ff5c93 !important; font: 800 104px/.78 var(--display) !important; text-shadow: 0 8px 28px rgba(0, 0, 0, .5); }
html body .lookOver .headingContainer { flex: 1; min-width: 0; margin: 0; padding: 0 0 4px; }
html body .lookOver h2 { color: #fff !important; font: 800 clamp(30px, 3.6vw, 46px)/1 var(--display) !important; text-shadow: 0 2px 16px rgba(0, 0, 0, .55); text-wrap: balance; }
.lookWide .lookMain { display: grid; gap: 16px; padding: 20px 22px 4px; }
.lookWide .lookActions { margin: 0; }
html body .titleContainer .lookWide .lookTable { margin: 0; overflow: visible; }
html body .titleContainer .lookWide .lookTable table { display: block; width: 100%; border: 0 !important; border-radius: 0; background: none; }
html body .titleContainer .lookWide .lookTable tbody { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0 18px; }
html body .titleContainer .lookWide .lookTable tbody tr:nth-child(n) { display: flex; flex-direction: column; gap: 3px; padding: 9px 0; background: none !important; border-top: 1px solid var(--line) !important; }
html body .titleContainer .lookWide .lookTable tbody tr:first-child { grid-column: span 2; }
html body .titleContainer .lookWide .lookTable td { width: auto !important; padding: 0 !important; border: 0 !important; }
html body .titleContainer .lookWide .lookTable td:nth-child(1) { font: 800 11px/1.4 var(--body) !important; }
html body .titleContainer .lookWide .lookTable td:nth-child(2) { font: 600 14px/1.35 var(--body) !important; }
@media (max-width: 640px) {
.lookOver { gap: 12px; padding: 16px 16px 14px; }
html body .lookOver .numbering { font-size: 64px !important; }
html body .lookOver h2 { font-size: clamp(22px, 6.4vw, 28px) !important; }
.lookWide .lookMain { padding: 16px 14px 2px; gap: 14px; }
html body .titleContainer .lookWide .lookTable tbody { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 14px; }
html body .lookWide .wr1 img { aspect-ratio: 16 / 10; }
}
html body .lookOver .numberingLine { display: none !important; }
html body .lookOver .numberingCircle { all: unset; display: block; }
html body .lookOver .headingContainer, html body .lookOver h2 { text-align: left !important; width: auto; }
html body .lookOver .numbering { margin: 0 !important; padding: 0 !important; background: none !important; }
html body .lookOver h2, html body .lookOver .headingContainer { border: 0 !important; box-shadow: none !important; background: none !important; }
html body .lookOver h2::after, html body .lookOver h2::before, html body .lookOver .headingContainer::after, html body .lookOver .headingContainer::before { display: none !important; }
html body .lookOver hr { display: none; }
[data-d="1"] #articleIntro p, [data-d="1"] .titleContainer .contentContainer p { font-family: "Barlow", sans-serif !important; font-size: 18px !important; font-weight: 400 !important; line-height: 1.7 !important; }
[data-d="1"] .titleContainer .contentContainer p:first-child::first-letter { float: left; margin: 5px 8px 0 0; font: 800 76px/.8 "Barlow Condensed", "Arial Narrow", sans-serif; color: var(--rose); }
[data-d] div.read_it { position: relative; display: grid; gap: 5px; margin: 0 0 30px; padding: 17px 60px 17px 20px; overflow: hidden; background: var(--r-bg) !important; border: 0 !important; border-radius: var(--r-round, 0); color: var(--r-fg) !important; text-transform: none !important; transition: background-color .18s ease; }
[data-d] div.read_it p { margin: 0 !important; padding: 0; max-width: none; background: none !important; color: var(--r-fg) !important; text-align: left !important; text-transform: none !important; font: var(--r-weight, 800) var(--r-size, 20px)/1.2 var(--r-font) !important; letter-spacing: var(--r-track, 0); transition: color .18s ease; }
[data-d] div.read_it p:first-child { color: var(--r-label) !important; font: 800 11px/1.3 var(--r-labfont, var(--r-font)) !important; letter-spacing: .1em; text-transform: uppercase !important; }
[data-d] div.read_it a, [data-d] div.read_it a:link, [data-d] div.read_it a:visited, [data-d] div.read_it a:hover, [data-d] div.read_it a:focus, [data-d] div.read_it a:active { background: none; color: var(--r-fg) !important; font: inherit !important; font-size: inherit !important; text-decoration: none !important; text-transform: inherit !important; }
[data-d] div.read_it a::after { content: ""; position: absolute; inset: 0; }
[data-d] div.read_it::after { content: "\2192"; position: absolute; top: 50%; right: 20px; display: grid; place-items: center; transform: translateY(-50%); color: var(--r-arrow); font: 700 var(--r-arrow-size, 24px)/1 "Mulish", sans-serif; pointer-events: none; transition: transform .18s ease, color .18s ease; }
[data-d] div.read_it:hover { background: var(--r-bg2, var(--r-bg)) !important; }
[data-d] div.read_it:hover p:first-child { color: var(--r-label2, var(--r-label)) !important; }
[data-d] div.read_it:hover p, [data-d] div.read_it:hover a, [data-d] div.read_it:hover a:hover, [data-d] div.read_it:hover a:visited { color: var(--r-fg2, var(--r-fg)) !important; }
[data-d] div.read_it:hover::after { transform: translate(6px, -50%); color: var(--r-arrow2, var(--r-arrow)); }
[data-d] div.read_it:focus-within { outline: 3px solid var(--rose); outline-offset: 2px; }
[data-d="1"] div.read_it { --r-bg: color-mix(in srgb, var(--wash) 16%, #fff); --r-bg2: color-mix(in srgb, var(--wash) 30%, #fff); --r-fg: var(--ink); --r-label: var(--muted); --r-arrow: #fff; --r-font: "Big Shoulders Display", Impact, sans-serif; --r-labfont: "Mulish", sans-serif; --r-size: 26px; --r-round: 6px; --r-arrow-size: 18px; padding-right: 70px; }
[data-d="1"] div.read_it::after { width: 34px; height: 34px; border-radius: 50%; background: color-mix(in srgb, var(--wash) 70%, #17121f); }
@media (max-width: 640px) {
[data-d] div.read_it { padding-right: 52px; padding-left: 14px; }
[data-d] div.read_it p { font-size: calc(var(--r-size, 20px) * .84) !important; }
[data-d] div.read_it p:first-child { font-size: 11px !important; }
[data-d] div.read_it::after { right: 12px; }
[data-d="1"] div.read_it { padding-right: 58px; }
}
@media (prefers-reduced-motion: reduce) {
[data-d] div.read_it, [data-d] div.read_it::after { transition: none; }
}
[data-d] { --f-font: "Mulish", sans-serif; --f-bar: var(--surface); --f-bar-fg: var(--ink); --f-bar-line: 1px solid var(--line); --f-bar-round: 6px;
  --f-btn: var(--bg); --f-btn-fg: var(--ink); --f-btn-line: 1px solid var(--line); --f-round: 99px; --f-size: 13px; --f-weight: 600; --f-track: 0; --f-case: none; --f-pad: 5px 13px;
  --f-hover: var(--sunken); --f-hover-fg: var(--ink); --f-on: var(--rose); --f-on-fg: #fff;
  --f-pop: var(--surface); --f-pop-fg: var(--ink); --f-pop-line: 1px solid var(--line); --f-pop-round: 10px; --f-pop-shadow: 0 22px 44px -18px rgba(20, 12, 30, .45);
  --f-opt: var(--bg); --f-opt-fg: var(--ink); --f-opt-line: 1px solid var(--line); --f-opt-round: 6px; --f-opt-hover: var(--sunken);
  --f-rail: var(--sunken); --f-fill: var(--rose); --f-knob: #fff; --f-knob-line: 2px solid var(--rose); --f-knob-round: 50%; --f-knob-w: 22px; --f-knob-h: 22px; --f-tip: var(--ink); --f-tip-fg: var(--surface);
  --f-field: var(--surface); --f-field-fg: var(--ink); --f-field-line: 1px solid var(--line); --f-field-round: 6px; --f-icon: inline-flex; }
[data-d] .sortAndFilterContainer { display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; margin: 0 0 22px; padding: 12px; background: var(--f-bar); border: var(--f-bar-line); border-radius: var(--f-bar-round); color: var(--f-bar-fg); }
[data-d] .sortContainer { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; width: auto; max-width: none; padding: 0; }
[data-d] .sortOrderContainer { margin: 0; padding: 0; }
[data-d] .sortOrder { display: grid; place-items: center; width: 38px; height: 38px; margin: 0; background: var(--f-field) !important; border: var(--f-field-line) !important; border-radius: var(--f-field-round); color: var(--f-field-fg) !important; font: 800 16px/1 var(--f-font); cursor: pointer; }
[data-d] .sortByContainer { flex: 0 1 240px; min-width: 150px; margin: 0; }
[data-d] .sortAndFilterContainer .select2-container .select2-selection { display: flex; align-items: center; min-height: 38px; height: 38px; background: var(--f-field) !important; border: var(--f-field-line) !important; border-radius: var(--f-field-round) !important; box-shadow: none !important; }
[data-d] .sortAndFilterContainer .select2-selection__rendered, [data-d] #select2-sortByItems-container { padding-left: 12px; color: var(--f-field-fg) !important; font: var(--f-weight) 14px/36px var(--f-font) !important; }
[data-d] .sortAndFilterContainer .select2-selection__arrow b { border-top-color: var(--f-field-fg) !important; }
[data-d] .select2-dropdown { overflow: hidden; padding: 5px; background: var(--f-pop) !important; border: var(--f-pop-line) !important; border-radius: var(--f-pop-round) !important; box-shadow: var(--f-pop-shadow); }
[data-d] .select2-container .select2-results__option { padding: 8px 12px; background: none !important; border-radius: calc(var(--f-opt-round) - 2px); color: var(--f-pop-fg) !important; font: var(--f-weight) 14px/1.3 var(--f-font) !important; }
[data-d] .select2-container .select2-results__option--highlighted { background: var(--f-opt-hover) !important; color: var(--f-pop-fg) !important; }
[data-d] .select2-container .select2-results__option--selected { background: var(--f-on) !important; color: var(--f-on-fg) !important; }
[data-d] .sortAndFilterContainer > .col-lg-8 { width: auto; max-width: none; padding: 0; }
[data-d] .filtersSliderContainer { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin: 0; padding: 0; overflow: visible; }
[data-d] .filtersSliderContainer > span { display: var(--f-icon); margin: 0 4px 0 0 !important; color: var(--f-bar-fg) !important; opacity: .7; }
[data-d] .filtersSliderContainer .fa-filter { color: inherit !important; font-size: 17px !important; }
[data-d] .filtersSliderContainer .btn { display: inline-flex; align-items: center; gap: 6px; margin: 0; padding: var(--f-pad); background: var(--f-btn) !important; border: var(--f-btn-line) !important; border-radius: var(--f-round); box-shadow: none !important; color: var(--f-btn-fg) !important; font: var(--f-weight) var(--f-size)/1.3 var(--f-font); letter-spacing: var(--f-track); text-transform: var(--f-case); transition: background-color .15s ease, color .15s ease; }
[data-d] .filtersSliderContainer .btn .fa { color: inherit; font-size: 9px; }
[data-d] .filtersSliderContainer .btn:hover { background: var(--f-hover) !important; color: var(--f-hover-fg) !important; }
[data-d] .filtersSliderContainer .btn.markFilterChange { background: var(--f-on) !important; border-color: var(--f-on) !important; color: var(--f-on-fg) !important; }
[data-d] .filtersSliderContainer .btn:focus-visible, [data-d] .popover .btn:focus-visible { outline: 3px solid var(--f-fill); outline-offset: 2px; }
[data-d] .popover { width: min(360px, calc(100vw - 24px)); max-width: none; padding: 0; background: var(--f-pop); border: var(--f-pop-line); border-radius: var(--f-pop-round); box-shadow: var(--f-pop-shadow); color: var(--f-pop-fg); font: 400 15px/1.4 var(--f-font); }
[data-d] .popover.fade { transition: none; opacity: 1; }
[data-d] .popover-arrow { display: none; }
[data-d] .popover-body { max-height: min(62vh, 440px); padding: 14px; overflow: hidden auto; background: none; color: var(--f-pop-fg); }
[data-d] .popover .row { --bs-gutter-x: 8px; --bs-gutter-y: 8px; margin: 0; }
[data-d] .popover .row > [class*="col-"] { width: auto; max-width: none; padding: 0; }
[data-d] .popover .row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; }
[data-d] .popover .row > .col-12:not(.form-check) { grid-column: auto; width: auto; }
[data-d] .popover .row > .form-check, [data-d] #awardsFilter > [class*="col-"] { grid-column: 1 / -1; width: auto; }
[data-d] .popover .btn { display: flex; align-items: center; justify-content: flex-start; gap: 8px; min-height: 40px; padding: 7px 11px; background: var(--f-opt) !important; border: var(--f-opt-line) !important; border-radius: var(--f-opt-round); box-shadow: none !important; color: var(--f-opt-fg) !important; font: var(--f-weight) 14px/1.25 var(--f-font); text-align: left; letter-spacing: var(--f-track); text-transform: var(--f-case); }
[data-d] .popover .btn:hover { background: var(--f-opt-hover) !important; }
[data-d] .popover .btn.selectedPopoverButton { background: var(--f-on) !important; border-color: var(--f-on) !important; color: var(--f-on-fg) !important; }
[data-d] .popover .btn.selectedPopoverButton::after { content: "\2713"; margin-left: auto; font-weight: 800; }
[data-d] .popover .form-check { display: flex; align-items: center; gap: 10px; min-height: 28px; margin: 0; padding: 0; }
[data-d] .popover .form-check-input { float: none; width: 38px; height: 21px; margin: 0; background-color: var(--f-rail); border: 0; box-shadow: none; cursor: pointer; }
[data-d] .popover .form-check-input:checked { background-color: var(--f-fill); }
[data-d] .popover .form-check-label { color: var(--f-pop-fg); font: 800 13px/1 var(--f-font); letter-spacing: .04em; }
[data-d] .popover .noUi-horizontal { width: auto; height: 6px; margin: 52px 32px 16px; background: var(--f-rail); border: 0; border-radius: 3px; box-shadow: none; }
[data-d] .popover .noUi-connects { border-radius: 3px; }
[data-d] .popover .noUi-connect { background: var(--f-fill); }
[data-d] .popover .noUi-handle { top: calc((6px - var(--f-knob-h)) / 2); right: calc(var(--f-knob-w) / -2); width: var(--f-knob-w); height: var(--f-knob-h); background: var(--f-knob); border: var(--f-knob-line); border-radius: var(--f-knob-round); box-shadow: 0 2px 6px rgba(0, 0, 0, .25); cursor: grab; }
[data-d] .popover .noUi-handle::before, [data-d] .popover .noUi-handle::after { display: none; }
[data-d] .popover .noUi-tooltip { padding: 2px 7px; background: var(--f-tip); border: 0; border-radius: 4px; color: var(--f-tip-fg); font: 800 12px/1.5 var(--f-font); }
[data-d] .popover .ratingPopoverLogos { display: flex; justify-content: center; margin: 2px 0 0; }
[data-d] .popover .ratingPopoverLogos img { width: 34px; height: 34px; object-fit: cover; border-radius: 6px; }
[data-d] .popover .ratingPopover { margin-top: 44px; }
.lookCount { display: inline-flex; align-items: center; gap: 12px; margin-left: auto; color: var(--f-bar-fg); font: var(--f-weight) 13px/1.2 var(--f-font); }
.lookCount button { padding: 0; background: none; border: 0; color: inherit; font: inherit; font-weight: 800; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
[data-d="1"] { --f-bar-line: 0 solid transparent; --f-bar-round: 14px; --f-pop-round: 16px; --f-opt-round: 12px; --f-field: var(--bg); --f-field-line: 1px solid transparent; --f-field-round: 10px; --f-btn-line: 1px solid transparent; --f-opt-line: 1px solid transparent; }
[data-d="1"] .sortAndFilterContainer { box-shadow: 0 16px 34px -26px rgba(40, 20, 70, .55); }
@media (max-width: 640px) {
[data-d] .filtersSliderContainer { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 4px; }
[data-d] .filtersSliderContainer .btn { flex: none; }
[data-d] .sortByContainer { flex: 1 1 150px; }
.lookCount { margin-left: 0; width: 100%; justify-content: space-between; }
}
html[data-d="1"] body .lookHero h1#articleHeader { max-width: none !important; text-wrap: pretty; }
@media (min-width: 992px) {
html[data-d="1"] body .lookHero h1#articleHeader { max-width: calc((100vw - 15px + 22.5px) * 7 / 12 - 40px) !important; }
}
html[data-d="1"] body .lookHero #authorContainer { justify-self: start; display: inline-flex !important; flex-wrap: wrap; align-items: center; gap: 6px 0 !important; padding: 6px 18px 6px 6px !important; background: rgba(255, 255, 255, .1) !important; border: 1px solid rgba(255, 255, 255, .18) !important; border-radius: 99px; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); box-shadow: 0 14px 30px -18px rgba(0, 0, 0, .7); font: 600 14px/1.2 var(--body) !important; }
html[data-d="1"] body .lookHero #authorContainer > a { display: inline-flex; align-items: center; gap: 10px; margin: 0 !important; padding-right: 14px; text-decoration: none; }
html[data-d="1"] body .lookHero #authorContainer .authorImage { width: 30px !important; height: 30px !important; margin: 0 !important; border: 2px solid #14101c; border-radius: 50%; object-fit: cover; box-shadow: 0 0 0 2px #ff4f8e; outline: 2px solid rgba(180, 140, 255, .55); outline-offset: 2px; }
html[data-d="1"] body .lookHero #authorContainer .authorFirstname { color: #fff !important; font-weight: 800; }
html[data-d="1"] body .lookHero #authorContainer .authorFirstname::before { content: "By "; color: rgba(255, 255, 255, .65); font-weight: 600; }
html[data-d="1"] body .lookHero #authorContainer > span:not(#spanUpdatedDate) { display: none; }
html[data-d="1"] body .lookHero #authorContainer #spanUpdatedDate { display: inline-flex; align-items: center; gap: 7px; padding-left: 14px; border-left: 1px solid rgba(255, 255, 255, .22); color: #fff !important; font-weight: 700; }
html[data-d="1"] body .lookHero #authorContainer #spanUpdatedDate::before { content: ""; flex: none; width: 15px; height: 15px; background: #ff8db4; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' d='M7 3v3M17 3v3M4 9h16M5 5h14a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1z'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' d='M7 3v3M17 3v3M4 9h16M5 5h14a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1z'/%3E%3C/svg%3E") center / contain no-repeat; }
@media (max-width: 640px) {
html[data-d="1"] body .lookHero #authorContainer { padding: 5px 14px 5px 5px !important; font-size: 13px !important; }
html[data-d="1"] body .lookHero #authorContainer > a { padding-right: 10px; }
html[data-d="1"] body .lookHero #authorContainer #spanUpdatedDate { padding-left: 10px; }
}
html[data-d="1"] body .lookHero #authorContainer > a, html[data-d="1"] body .lookHero #authorContainer > a * { text-decoration: none !important; }
html[data-d="1"] body .lookHero #authorContainer > a:hover .authorFirstname { color: #ff8db4 !important; }
@media (max-width: 640px) {
html[data-d="1"] body .lookHero #authorContainer { border-radius: 18px; row-gap: 8px !important; }
html[data-d="1"] body .lookHero #authorContainer #spanUpdatedDate { border-left: 0; padding-left: 4px; }
}
/* Local only: the footer of list pages and news articles, in the layout of the author and menu pages (site-pages.css, .aFooter).
   look.js (siteFoot) moves the footer's own social links, menu and copyright into this layout. Values copied from site-pages.css. */
:is([data-kind="post"], [data-kind="list"]) #colophon.aFooter { position: relative; margin-top: 72px; overflow: hidden; background: #0f0b16 !important; color: #a79fb6; }
:is([data-kind="post"], [data-kind="list"]) #colophon.aFooter::before { content: ""; position: absolute; inset: 0 0 auto; height: 3px; background: linear-gradient(90deg, #ff4f8e, #ffb36b, #b48cff, #5ec8ff); }
:is([data-kind="post"], [data-kind="list"]) #colophon.aFooter::after { content: "entoin"; position: absolute; right: -1vw; bottom: -5vw; color: #fff; font: 800 clamp(120px, 19vw, 300px)/1 "Sora", "Mulish", sans-serif; letter-spacing: -.06em; opacity: .035; pointer-events: none; }
:is([data-kind="post"], [data-kind="list"]) #colophon .aWrap { position: relative; z-index: 1; max-width: 1240px; margin: 0 auto; padding: 54px 24px 26px; }
@media (min-width: 992px) { :is([data-kind="post"], [data-kind="list"]) #colophon .aWrap { max-width: none; padding-left: calc((100% + 22.5px) / 12 + 12.5px); padding-right: calc((100% + 22.5px) / 12 + 12.5px); } }
:is([data-kind="post"], [data-kind="list"]) .aFootTop { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 22px 40px; }
:is([data-kind="post"], [data-kind="list"]) .aFootBrand { display: grid; gap: 12px; max-width: 46ch; }
:is([data-kind="post"], [data-kind="list"]) .aFootBrand .aLogo { display: inline-flex; align-items: center; gap: .3em; color: #fff; font: 800 32px/1 "Sora", "Mulish", sans-serif; letter-spacing: -.03em; white-space: nowrap; }
:is([data-kind="post"], [data-kind="list"]) .aFootBrand .aLogo svg { width: 1em; height: 1em; flex: none; }
:is([data-kind="post"], [data-kind="list"]) .aFootBrand .aLogo svg rect:not(:first-child) { fill: #ff4f8e; }
:is([data-kind="post"], [data-kind="list"]) .aFootBrand p { margin: 0; color: #a79fb6; font: 400 15px/1.6 "Mulish", sans-serif; }
:is([data-kind="post"], [data-kind="list"]) .aFootSocial { display: flex; gap: 8px; }
:is([data-kind="post"], [data-kind="list"]) .aFootSocial a { display: grid; place-items: center; width: 44px; height: 44px; margin: 0 !important; padding: 0 !important; background: none !important; border: 1px solid rgba(255, 255, 255, .1); border-radius: 50%; color: #fff !important; transition: background .15s, border-color .15s, transform .15s; }
:is([data-kind="post"], [data-kind="list"]) .aFootSocial a:hover { background: #ff4f8e !important; border-color: #ff4f8e; transform: translateY(-2px); }
:is([data-kind="post"], [data-kind="list"]) .aFootSocial .kadence-svg-iconset, :is([data-kind="post"], [data-kind="list"]) .aFootSocial svg { width: 17px; height: 17px; color: #fff; fill: currentColor; }
:is([data-kind="post"], [data-kind="list"]) #colophon .aFootMenu { margin-top: 26px; padding: 22px 0; border-block: 1px solid rgba(255, 255, 255, .1); }
:is([data-kind="post"], [data-kind="list"]) #colophon .aFootMenu .footer-menu-container, :is([data-kind="post"], [data-kind="list"]) #colophon .aFootMenu ul { display: flex; flex-wrap: wrap; gap: 8px 30px; margin: 0; padding: 0; list-style: none; justify-content: flex-start; }
:is([data-kind="post"], [data-kind="list"]) #colophon .aFootMenu li { margin: 0; padding: 0; }
:is([data-kind="post"], [data-kind="list"]) #colophon .aFootMenu a { padding: 0 !important; color: #fff !important; font: 700 14px/1.6 "Mulish", sans-serif !important; letter-spacing: 0; text-transform: none !important; text-decoration: none; }
:is([data-kind="post"], [data-kind="list"]) #colophon .aFootMenu a:hover { color: #ff4f8e !important; }
:is([data-kind="post"], [data-kind="list"]) .aFootBottom { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding-top: 22px; color: #a79fb6; font: 500 13px/1.5 "Mulish", sans-serif; }
:is([data-kind="post"], [data-kind="list"]) .aTop { display: inline-flex; align-items: center; gap: 8px; padding: 9px 16px; background: none; border: 1px solid rgba(255, 255, 255, .1); border-radius: 99px; color: #fff; font: 700 13px/1 "Mulish", sans-serif; cursor: pointer; transition: background .15s, border-color .15s; }
:is([data-kind="post"], [data-kind="list"]) .aTop:hover { background: #ff4f8e; border-color: #ff4f8e; }
:is([data-kind="post"], [data-kind="list"]) .aTop svg { width: 14px; height: 14px; }
@media (max-width: 640px) {
  :is([data-kind="post"], [data-kind="list"]) #colophon .aWrap { padding: 40px 18px 24px; }
  :is([data-kind="post"], [data-kind="list"]) .aFootBottom { flex-wrap: wrap; }
}