/* generated by scripts/sync-public-assets.mjs from design/preview/tr/map_gallery/bloomberght-tv-2022-kasim/index.html (chrome rules removed) */
.design-page .album{padding:clamp(70px,8vw,120px) 0;background:var(--paper)}
.design-page .album-state[hidden]{display:none}
.design-page .album-meta{display:flex;gap:12px 22px;flex-wrap:wrap;margin-bottom:34px;font:700 13px/1.4 var(--mono);color:var(--ink2)}
.design-page .album-meta span:first-child{color:var(--b700)}
.design-page .scan-layout{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:28px;align-items:start}
.design-page .scan-main{background:var(--white);border:1px solid var(--line);padding:20px}
.design-page .scan-main img{display:block;width:100%;height:auto;max-height:980px;object-fit:contain;margin:auto}
.design-page .thumbs{display:grid;gap:12px}
.design-page .thumb{border:1px solid var(--line);background:var(--white);padding:8px;cursor:pointer}
.design-page .thumb[aria-current="true"]{border-color:var(--b600);box-shadow:inset 0 0 0 1px var(--b600)}
.design-page .thumb img{display:block;width:100%;height:118px;object-fit:contain}
.design-page .video-shell{max-width:1040px;margin:auto}
.design-page .video-frame{aspect-ratio:16/9;background:var(--n900);position:relative;overflow:hidden;display:grid;place-items:center}
.design-page .video-frame img{width:100%;height:100%;object-fit:cover;opacity:.7}
.design-page .play{position:absolute;width:88px;height:88px;border-radius:50%;border:1px solid rgba(255,255,255,.6);background:var(--white);color:var(--n900);font-size:28px;display:grid;place-items:center}
.design-page .video-frame a{text-decoration:none}
.design-page .video-frame:after{content:"EKOTÜRK TV";position:absolute;left:24px;bottom:22px;font:700 12px/1 var(--mono);letter-spacing:.08em;color:var(--white)}
.design-page .event-grid{display:grid;grid-template-columns:1.35fr .65fr;grid-template-rows:300px 300px;gap:14px}
.design-page .event-grid a{display:block;min-width:0;overflow:hidden;background:var(--mist)}
.design-page .event-grid a:first-child{grid-row:1/3}
.design-page .event-grid img{width:100%;height:100%;object-fit:cover;display:block}
.design-page .event-grid .event-wide{grid-column:2;grid-row:2;display:grid;grid-template-columns:1fr 1fr;gap:14px;background:none}
.design-page .event-grid .event-wide a{height:100%}
.design-page .album-nav{display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:center;margin-top:52px;padding-top:28px;border-top:1px solid var(--line)}
.design-page .album-nav a{color:var(--ink);font-weight:700;text-decoration:none;overflow-wrap:anywhere}
.design-page .album-nav .next{text-align:right}
.design-page .album-nav .back{color:var(--b700);font:700 12px/1.4 var(--mono);text-transform:uppercase;letter-spacing:.05em}
.design-page dialog{width:min(94vw,1180px);max-height:94vh;border:0;padding:18px;background:var(--white);box-shadow:0 24px 80px rgba(3,17,31,.28)}
.design-page dialog::backdrop{background:rgba(3,17,31,.8)}
.design-page dialog img{display:block;max-width:100%;max-height:84vh;margin:auto}
.design-page .dialog-close{position:absolute;right:20px;top:20px;width:44px;height:44px;border:0;background:var(--n900);color:var(--white);font-size:24px;cursor:pointer}
@media(max-width:760px){.design-page .scan-layout{grid-template-columns:1fr}.design-page .thumbs{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.design-page .thumb img{height:78px}.design-page .event-grid{display:grid;grid-template-columns:1fr;grid-template-rows:auto}.design-page .event-grid a:first-child,.design-page .event-grid .event-wide{grid-column:auto;grid-row:auto}.design-page .event-grid a{height:auto}.design-page .event-grid img{height:auto;max-height:none;object-fit:contain}.design-page .event-grid .event-wide{display:grid;grid-template-columns:1fr 1fr}.design-page .album-nav{grid-template-columns:1fr 1fr}.design-page .album-nav .back{grid-column:1/3;grid-row:1;text-align:center}.design-page .album-nav .prev{grid-column:1}.design-page .album-nav .next{grid-column:2}.design-page .play{width:70px;height:70px}}
.design-page .masthead{padding-top:112px}
@media(max-width:760px){.design-page .masthead{padding-top:88px}}
.design-page .video-frame:after{content:attr(data-label)}
.design-page .video-frame.is-playing:after{content:none}
.design-page .video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.design-page .event-grid{display:block;max-width:1040px;margin:auto}
.design-page .event-grid a{display:block;background:var(--mist);overflow:hidden}
.design-page .event-grid img{display:block;width:100%;height:100%;object-fit:contain}
.design-page .event-first{margin-bottom:14px}
.design-page .event-row{display:flex;gap:14px;align-items:flex-start}
.design-page .event-row a{flex:var(--r) 1 0;min-width:0;aspect-ratio:var(--ar)}
.design-page .event-grid a:hover img{opacity:.92}
@media(max-width:760px){.design-page .event-row{display:grid;grid-template-columns:1fr;gap:14px}.design-page .event-row a{aspect-ratio:var(--ar)}}
.design-page .thumb img{height:118px}
@media(max-width:760px){.design-page .thumb img{height:78px}}
.design-page .record--narrow{max-width:880px;margin:auto}
.design-page .record--video{max-width:1040px;margin:auto}
.design-page .album-meta .record-kind{color:var(--ink2)}
.design-page .album-meta .record-kind:before{content:"·";margin-right:22px;color:var(--line)}
.design-page .scan-layout--single{grid-template-columns:minmax(0,880px);justify-content:center}
.design-page .audio-card{max-width:880px;margin:auto;display:grid;grid-template-columns:220px minmax(0,1fr);gap:32px;align-items:center;padding:24px;background:var(--white);border:1px solid var(--line)}
.design-page .audio-cover{aspect-ratio:1;background:var(--n900);overflow:hidden;display:grid;place-items:center}
.design-page .audio-cover img{width:100%;height:100%;object-fit:cover;display:block}
.design-page .audio-bars{width:62%;fill:var(--green)}
.design-page .audio-provider{display:block;font:700 12px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--b700)}
.design-page .audio-title{margin:12px 0 26px;font-size:clamp(24px,2.4vw,34px);line-height:1.15;font-weight:700;color:var(--ink)}
.design-page .audio-play{display:inline-flex;align-items:center;gap:14px;min-height:56px;padding:0 26px 0 8px;border-radius:999px;background:var(--b600);color:var(--white);font-weight:700;text-decoration:none}
.design-page .audio-play-icon{width:42px;height:42px;border-radius:50%;background:var(--white);color:var(--b700);display:grid;place-items:center;font-size:15px;padding-left:3px;box-sizing:border-box}
.design-page .audio-play:hover{background:var(--b700)}
.design-page .audio-play:focus-visible{outline:3px solid var(--green);outline-offset:3px}
.design-page .audio-card.is-playing{display:block;padding:16px}
.design-page .audio-card iframe{display:block;width:100%;border:0;border-radius:12px}
.design-page .record-source{margin:22px 0 0;font:700 13px/1.4 var(--mono)}
.design-page .record-source a{color:var(--b700);text-decoration:none;border-bottom:1px solid currentColor}
@media(max-width:760px){.design-page .audio-card{grid-template-columns:1fr;gap:20px;padding:16px}.design-page .audio-cover{max-width:220px}.design-page .audio-title{margin:10px 0 20px}.design-page .audio-play{min-height:52px}}