.gemonio-audio{
--ga-bg:#f3f3f3;
--ga-text:#111111;
--ga-muted:#666666;
--ga-line-color:#111111;
--ga-line-opacity:.10;
--ga-control-height:96px;
--ga-icon-size:18px;
--ga-now-pad-x:24px;
--ga-now-pad-y:16px;
--ga-track-list-gap:34px;
--ga-track-row-pad:13px;
--ga-track-size:16px;
--ga-track-weight:600;
--ga-meta-size:14px;
width:100%;
color:var(--ga-text);
font:inherit;
position:relative;
}
.gemonio-audio audio{display:none}
.gemonio-audio button{
font:inherit;
color:inherit;
-webkit-appearance:none;
appearance:none;
-webkit-border-radius:0;
border-radius:0;
-webkit-tap-highlight-color:transparent;
-webkit-touch-callout:none;
text-transform:none;
letter-spacing:inherit;
}
.gemonio-audio__transport{
background:var(--ga-bg);
}
.gemonio-audio__controls{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
min-height:var(--ga-control-height,96px);
background:var(--ga-bg);
}
.gemonio-audio__controls button{
appearance:none;
border:0;
border-right:1px solid rgba(255,255,255,.9);
background:transparent;
cursor:pointer;
padding:18px 20px;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:8px;
text-align:center;
}
.gemonio-audio__controls button:last-child{border-right:0}
.gemonio-audio__controls button:hover,
.gemonio-audio__controls button:focus-visible{background:rgba(0,0,0,.035)}
.gemonio-audio__control-kicker{
font-size:11px;
letter-spacing:.18em;
text-transform:uppercase;
opacity:.52;
}
.gemonio-audio__control-icon{
font-size:var(--ga-icon-size,18px);
line-height:1;
}
.gemonio-audio__now{
display:flex;
align-items:center;
justify-content:space-between;
gap:24px;
padding:var(--ga-now-pad-y,16px) var(--ga-now-pad-x,24px) calc(var(--ga-now-pad-y,16px) + 4px);
background:var(--ga-bg);
border-top:1px solid rgba(255,255,255,.9);
}
.gemonio-audio__now-copy{
min-width:0;
display:flex;
flex-direction:column;
gap:3px;
}
.gemonio-audio__eyebrow{
display:inline-block;
font-size:11px;
line-height:1.1;
letter-spacing:.16em;
text-transform:uppercase;
color:var(--ga-muted);
margin-bottom:2px;
}
.gemonio-audio__now-copy strong{
font-size:1.05em;
line-height:1.15;
}
.gemonio-audio__now-copy small{
color:var(--ga-muted);
font-size:var(--ga-meta-size,14px);
}
.gemonio-audio__time{
flex:0 0 auto;
color:var(--ga-muted);
font-variant-numeric:tabular-nums;
font-size:var(--ga-meta-size,14px);
}
.gemonio-audio__tracks{
list-style:none;
margin:var(--ga-track-list-gap,34px) 0 0!important;
padding:0!important;
counter-reset:none;
}
.gemonio-audio__tracks li{
margin:0!important;
padding:0!important;
border-bottom:1px solid rgba(0,0,0,.10);
border-bottom-color:color-mix(in srgb,var(--ga-line-color,#111111) calc(var(--ga-line-opacity,.10) * 100%),transparent);
}
.gemonio-audio__track{
-webkit-appearance:none;
appearance:none;
display:grid;
grid-template-columns:3ch minmax(0,1fr);
width:100%;
padding:var(--ga-track-row-pad,13px) 0;
border:0;
background:transparent;
text-align:left;
cursor:pointer;
column-gap:8px;
align-items:start;
}
.gemonio-audio__track:hover,
.gemonio-audio__track:focus-visible{opacity:.65}
.gemonio-audio__track.is-current{opacity:1}
.gemonio-audio__track-copy{
display:flex;
flex-direction:column;
gap:3px;
min-width:0;
}
.gemonio-audio__track-number{
font-variant-numeric:tabular-nums;
font-size:var(--ga-track-size,16px);
font-weight:400;
opacity:.7;
}
.gemonio-audio__track-title{
display:block;
font-size:var(--ga-track-size,16px);
font-weight:var(--ga-track-weight,600);
line-height:1.22;
}
.gemonio-audio__track-subtitle{
display:block;
color:var(--ga-muted);
font-size:calc(var(--ga-meta-size,14px) * .95);
line-height:1.25;
}
.gemonio-audio--active-underline .gemonio-audio__track.is-current .gemonio-audio__track-title{
text-decoration:underline;
text-underline-offset:.18em;
} .gemonio-audio--template-studio-vu{
--ga-bg:#efe0bf;
--ga-text:#23190f;
--ga-muted:#745933;
--ga-line-color:#5d4523;
--ga-vu-left:.1;
--ga-vu-right:.14;
background:linear-gradient(180deg,#2a2622 0%,#171412 100%);
padding:18px;
border-radius:22px;
box-shadow:0 18px 36px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.09);
}
.gemonio-audio--template-studio-vu::before{
content:"";
position:absolute;
inset:0;
border-radius:22px;
box-shadow:inset 0 0 0 1px rgba(255,255,255,.06);
pointer-events:none;
}
.gemonio-audio--template-studio-vu .gemonio-audio__vu-hero,
.gemonio-audio--template-studio-vu .gemonio-audio__transport,
.gemonio-audio--template-studio-vu .gemonio-audio__tracks{
position:relative;
z-index:1;
}
.gemonio-audio--template-studio-vu .gemonio-audio__vu-hero{
display:grid;
grid-template-columns:minmax(0,1fr) 16px minmax(0,1fr);
gap:0;
align-items:stretch;
margin-bottom:16px;
}
.gemonio-audio--template-studio-vu .gemonio-audio__vu-centerline{
position:relative;
}
.gemonio-audio--template-studio-vu .gemonio-audio__vu-centerline::before,
.gemonio-audio--template-studio-vu .gemonio-audio__vu-centerline::after{
content:"";
position:absolute;
left:50%;
transform:translateX(-50%);
width:1px;
background:rgba(255,255,255,.10);
}
.gemonio-audio--template-studio-vu .gemonio-audio__vu-centerline::before{top:18px;bottom:18px}
.gemonio-audio--template-studio-vu .gemonio-audio__vu-centerline::after{top:0;bottom:0;opacity:.22}
.gemonio-audio--template-studio-vu .gemonio-audio__vu-meter{
position:relative;
min-height:220px;
background:
radial-gradient(circle at 50% 100%, rgba(217,172,92,.28), transparent 40%),
linear-gradient(180deg, rgba(255,255,255,.42) 0%, rgba(255,255,255,.08) 22%, rgba(255,255,255,.03) 100%),
linear-gradient(180deg,#efe4c3 0%,#e4ce9f 100%);
border-radius:18px;
box-shadow:inset 0 0 0 1px rgba(93,69,35,.26), inset 0 2px 8px rgba(255,255,255,.26), 0 4px 14px rgba(0,0,0,.14);
overflow:hidden;
}
.gemonio-audio--template-studio-vu .gemonio-audio__vu-meter::before{
content:"";
position:absolute;
inset:12px;
border-radius:10px;
box-shadow:inset 0 0 0 1px rgba(93,69,35,.22);
pointer-events:none;
}
.gemonio-audio--template-studio-vu .gemonio-audio__vu-meter::after{
content:"";
position:absolute;
inset:auto 16px 52px 16px;
height:74px;
border-radius:10px;
background:
radial-gradient(circle at 22% 100%, rgba(0,0,0,.16), transparent 26%),
radial-gradient(circle at 50% 100%, rgba(0,0,0,.16), transparent 26%),
radial-gradient(circle at 78% 100%, rgba(0,0,0,.16), transparent 26%),
linear-gradient(90deg,#1f7f4f 0%, #7fb25b 22%, #d3c453 56%, #d28e44 76%, #bf5340 100%);
opacity:.24;
}
.gemonio-audio--template-studio-vu .gemonio-audio__vu-scale{
position:absolute;
left:26px;
right:26px;
top:22px;
display:grid;
grid-template-columns:repeat(12,1fr);
align-items:end;
gap:0;
z-index:2;
font-family:inherit;
color:#2e2111;
font-size:15px;
font-weight:600;
}
.gemonio-audio--template-studio-vu .gemonio-audio__vu-scale span{
justify-self:center;
line-height:1;
transform:translateY(4px) rotate(-12deg);
}
.gemonio-audio--template-studio-vu .gemonio-audio__vu-scale span:first-child{
justify-self:start;
transform:none;
font-size:20px;
letter-spacing:.02em;
}
.gemonio-audio--template-studio-vu .gemonio-audio__vu-scale .is-over{color:#c64f45}
.gemonio-audio--template-studio-vu .gemonio-audio__vu-needle-wrap{
position:absolute;
inset:0;
z-index:3;
}
.gemonio-audio--template-studio-vu .gemonio-audio__vu-needle-wrap::before{
content:"";
position:absolute;
left:34px;
right:34px;
top:84px;
height:94px;
border-top:4px solid rgba(58,41,19,.88);
border-radius:0 0 180px 180px / 0 0 104px 104px;
clip-path:inset(0 0 44% 0);
}
.gemonio-audio--template-studio-vu .gemonio-audio__vu-needle-wrap::after{
content:"";
position:absolute;
left:54px;
right:54px;
top:92px;
height:74px;
background:
repeating-linear-gradient(90deg, transparent 0 30px, rgba(58,41,19,.62) 30px 32px),
linear-gradient(180deg, transparent 0 78%, rgba(58,41,19,.12) 78% 100%);
clip-path:ellipse(50% 42% at 50% 0);
opacity:.72;
}
.gemonio-audio--template-studio-vu .gemonio-audio__vu-needle{
position:absolute;
left:50%;
bottom:47px;
width:2px;
height:112px;
background:#292014;
transform-origin:bottom center;
transform:translateX(-50%) rotate(-50deg);
box-shadow:0 0 0 1px rgba(255,255,255,.08);
}
.gemonio-audio--template-studio-vu .gemonio-audio__vu-needle::before{
content:"";
position:absolute;
left:50%;
top:-4px;
width:8px;
height:8px;
background:#292014;
border-radius:50%;
transform:translateX(-50%);
}
.gemonio-audio--template-studio-vu .gemonio-audio__vu-needle::after{
content:"";
position:absolute;
left:50%;
bottom:-9px;
width:16px;
height:16px;
border-radius:50%;
background:radial-gradient(circle at 35% 35%, #4b4b4b 0%, #1c1c1c 45%, #0c0c0c 100%);
box-shadow:0 0 0 2px rgba(255,255,255,.08), 0 2px 6px rgba(0,0,0,.25);
transform:translateX(-50%);
}
.gemonio-audio--template-studio-vu .gemonio-audio__vu-meter--left .gemonio-audio__vu-needle{
transform:translateX(-50%) rotate(calc(-52deg + (var(--ga-vu-left, .10) * 104deg)));
}
.gemonio-audio--template-studio-vu .gemonio-audio__vu-meter--right .gemonio-audio__vu-needle{
transform:translateX(-50%) rotate(calc(-52deg + (var(--ga-vu-right, .14) * 104deg)));
}
.gemonio-audio--template-studio-vu .gemonio-audio__vu-brand{
position:absolute;
left:0;
right:0;
bottom:16px;
text-align:center;
font-size:12px;
letter-spacing:.16em;
text-transform:uppercase;
color:rgba(46,33,17,.72);
}
.gemonio-audio--template-studio-vu .gemonio-audio__transport{
display:grid;
grid-template-columns:minmax(0, 0.94fr) minmax(0, 1.36fr);
background:transparent;
gap:16px;
align-items:stretch;
}
.gemonio-audio--template-studio-vu .gemonio-audio__controls,
.gemonio-audio--template-studio-vu .gemonio-audio__now{
background:linear-gradient(180deg,#f4e8c9 0%,#e4ce9f 100%);
border-radius:16px;
box-shadow:inset 0 0 0 1px rgba(93,69,35,.22), inset 0 2px 5px rgba(255,255,255,.25);
}
.gemonio-audio--template-studio-vu .gemonio-audio__controls button{
border-right:1px solid rgba(93,69,35,.18);
color:#251b11;
}
.gemonio-audio--template-studio-vu .gemonio-audio__controls button:hover,
.gemonio-audio--template-studio-vu .gemonio-audio__controls button:focus-visible{
background:rgba(93,69,35,.08);
}
.gemonio-audio--template-studio-vu .gemonio-audio__control-kicker{opacity:.72}
.gemonio-audio--template-studio-vu .gemonio-audio__control-icon{
font-size:calc(var(--ga-icon-size,18px) + 6px);
}
.gemonio-audio--template-studio-vu .gemonio-audio__now{
border-top:0;
padding:20px 22px;
}
.gemonio-audio--template-studio-vu .gemonio-audio__now-copy strong{
font-size:1.18em;
letter-spacing:.01em;
}
.gemonio-audio--template-studio-vu .gemonio-audio__time{
font-size:calc(var(--ga-meta-size,14px) + 1px);
color:#584022;
}
.gemonio-audio--template-studio-vu .gemonio-audio__tracks{
margin-top:16px!important;
padding:8px 14px 6px!important;
background:linear-gradient(180deg,#161311 0%,#0f0d0c 100%);
border-radius:16px;
box-shadow:inset 0 0 0 1px rgba(255,255,255,.06);
}
.gemonio-audio--template-studio-vu .gemonio-audio__tracks li{
border-bottom-color:rgba(255,255,255,.10);
}
.gemonio-audio--template-studio-vu .gemonio-audio__track{
padding:16px 6px;
color:#f1e7cf;
}
.gemonio-audio--template-studio-vu .gemonio-audio__track:hover,
.gemonio-audio--template-studio-vu .gemonio-audio__track:focus-visible{opacity:.88}
.gemonio-audio--template-studio-vu .gemonio-audio__track.is-current .gemonio-audio__track-title{color:#f8d777}
.gemonio-audio--template-studio-vu .gemonio-audio__track-number{
color:#b79b67;
}
.gemonio-audio--template-studio-vu .gemonio-audio__track-subtitle{
color:#af9a72;
}
.gemonio-audio--template-studio-vu.gemonio-audio--active-underline .gemonio-audio__track.is-current .gemonio-audio__track-title{
text-decoration-color:#f8d777;
} .gemonio-audio--template-minimal .gemonio-audio__transport{
display:block;
}
@media(max-width:780px){
.gemonio-audio--template-studio-vu{padding:14px;border-radius:18px}
.gemonio-audio--template-studio-vu .gemonio-audio__vu-hero{
grid-template-columns:1fr;
gap:12px;
}
.gemonio-audio--template-studio-vu .gemonio-audio__vu-centerline{display:none}
.gemonio-audio--template-studio-vu .gemonio-audio__vu-meter{min-height:188px}
.gemonio-audio--template-studio-vu .gemonio-audio__transport{
grid-template-columns:1fr;
gap:12px;
}
}
@media(max-width:680px){
.gemonio-audio__controls{min-height:72px}
.gemonio-audio__controls button{padding:14px 12px;gap:6px}
.gemonio-audio__now{padding:14px 16px 16px;gap:14px}
.gemonio-audio__time{font-size:.9em}
.gemonio-audio__tracks{margin-top:24px!important}
.gemonio-audio__track{grid-template-columns:2.5ch minmax(0,1fr)}
.gemonio-audio--template-studio-vu .gemonio-audio__tracks{padding:6px 10px 2px!important}
.gemonio-audio--template-studio-vu .gemonio-audio__vu-scale{left:18px;right:18px;top:18px;font-size:12px}
.gemonio-audio--template-studio-vu .gemonio-audio__vu-scale span:first-child{font-size:16px}
.gemonio-audio--template-studio-vu .gemonio-audio__vu-meter::after{inset:auto 12px 44px 12px;height:64px}
.gemonio-audio--template-studio-vu .gemonio-audio__vu-needle-wrap::before{left:22px;right:22px;top:74px;height:86px}
.gemonio-audio--template-studio-vu .gemonio-audio__vu-needle-wrap::after{left:36px;right:36px;top:82px;height:66px}
.gemonio-audio--template-studio-vu .gemonio-audio__vu-needle{height:96px;bottom:43px}
} .gemonio-audio--template-revox-vu,
.gemonio-audio--template-teac-vu{
--ga-bg:#c9cdd0;
--ga-text:#111111;
--ga-muted:#555555;
--ga-line-color:#1b1b1b;
--ga-vu-left:.025;
--ga-vu-right:.03;
background:
linear-gradient(90deg,rgba(255,255,255,.18),transparent 22%,rgba(255,255,255,.10) 50%,transparent 74%),
linear-gradient(180deg,#d6d9db 0%,#bcc0c4 100%);
padding:18px;
border-radius:12px;
box-shadow:0 18px 34px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.72), inset 0 0 0 1px rgba(0,0,0,.14);
}
.gemonio-audio--template-revox-vu::before,
.gemonio-audio--template-teac-vu::before{
content:"";
position:absolute;
inset:0;
border-radius:12px;
pointer-events:none;
background:repeating-linear-gradient(90deg,rgba(255,255,255,.05) 0 1px,rgba(0,0,0,.025) 1px 2px,transparent 2px 4px);
opacity:.30;
}
.gemonio-audio--template-revox-vu .gemonio-audio__vu-hero,
.gemonio-audio--template-revox-vu .gemonio-audio__transport,
.gemonio-audio--template-revox-vu .gemonio-audio__tracks,
.gemonio-audio--template-teac-vu .gemonio-audio__vu-hero,
.gemonio-audio--template-teac-vu .gemonio-audio__transport,
.gemonio-audio--template-teac-vu .gemonio-audio__tracks{
position:relative;
z-index:1;
}
.gemonio-audio__vu-hero--image{
display:grid;
grid-template-columns:minmax(0,1fr) minmax(0,1fr);
gap:16px;
margin-bottom:16px;
}
.gemonio-audio__vu-hero--image .gemonio-audio__vu-meter{
position:relative;
overflow:hidden;
border-radius:6px;
background:#111214;
box-shadow:0 6px 14px rgba(0,0,0,.22);
aspect-ratio:1.88 / 1;
}
.gemonio-audio__vu-face-image{
display:block;
width:100%;
height:100%;
object-fit:cover;
user-select:none;
pointer-events:none;
}
.gemonio-audio__vu-image-needle{
position:absolute;
width:2px;
background:#1c1a17;
transform-origin:50% 100%;
z-index:4;
box-shadow:0 0 1px rgba(255,255,255,.35);
pointer-events:none;
}
.gemonio-audio__vu-image-needle::before{
content:"";
position:absolute;
left:50%;
top:-2px;
width:4px;
height:4px;
border-radius:50%;
background:#1c1a17;
transform:translateX(-50%);
}
.gemonio-audio--template-revox-vu .gemonio-audio__vu-image-needle{
left:50.93%;
bottom:-14.0%;
height:90.0%;
}
.gemonio-audio--template-teac-vu .gemonio-audio__vu-image-needle{
left:51.40%;
bottom:-13.0%;
height:89.0%;
}
.gemonio-audio--template-revox-vu .gemonio-audio__vu-meter--left .gemonio-audio__vu-image-needle,
.gemonio-audio--template-teac-vu .gemonio-audio__vu-meter--left .gemonio-audio__vu-image-needle{
transform:translateX(-50%) rotate(calc(-74deg + (var(--ga-vu-left,.025) * 148deg)));
}
.gemonio-audio--template-revox-vu .gemonio-audio__vu-meter--right .gemonio-audio__vu-image-needle,
.gemonio-audio--template-teac-vu .gemonio-audio__vu-meter--right .gemonio-audio__vu-image-needle{
transform:translateX(-50%) rotate(calc(-74deg + (var(--ga-vu-right,.03) * 148deg)));
}
.gemonio-audio__vu-image-channel{
position:absolute;
left:3.2%;
right:3.2%;
bottom:3.0%;
z-index:6;
display:flex;
align-items:center;
justify-content:space-between;
color:rgba(255,255,255,.80);
font-size:10px;
font-weight:600;
letter-spacing:.20em;
text-transform:uppercase;
text-shadow:0 1px 1px rgba(0,0,0,.45);
pointer-events:none;
}
.gemonio-audio__vu-image-channel span:first-child{
display:inline-flex;
align-items:center;
justify-content:center;
width:22px;
height:22px;
border-radius:50%;
color:#111;
background:#dedede;
font-size:10px;
font-weight:700;
letter-spacing:0;
}
.gemonio-audio--template-revox-vu .gemonio-audio__transport,
.gemonio-audio--template-teac-vu .gemonio-audio__transport{
display:grid;
grid-template-columns:minmax(0,.95fr) minmax(0,1.35fr);
gap:14px;
background:transparent;
}
.gemonio-audio--template-revox-vu .gemonio-audio__controls,
.gemonio-audio--template-revox-vu .gemonio-audio__now,
.gemonio-audio--template-teac-vu .gemonio-audio__controls,
.gemonio-audio--template-teac-vu .gemonio-audio__now{
background:linear-gradient(180deg,#d7dadd 0%,#bfc3c6 100%);
border-radius:8px;
box-shadow:inset 0 0 0 1px rgba(0,0,0,.15), inset 0 1px 0 rgba(255,255,255,.55);
}
.gemonio-audio--template-revox-vu .gemonio-audio__controls button,
.gemonio-audio--template-teac-vu .gemonio-audio__controls button{
border-right:1px solid rgba(0,0,0,.12);
color:#171717;
}
.gemonio-audio--template-revox-vu .gemonio-audio__controls button:hover,
.gemonio-audio--template-revox-vu .gemonio-audio__controls button:focus-visible,
.gemonio-audio--template-teac-vu .gemonio-audio__controls button:hover,
.gemonio-audio--template-teac-vu .gemonio-audio__controls button:focus-visible{background:rgba(0,0,0,.05)}
.gemonio-audio--template-revox-vu .gemonio-audio__control-kicker,
.gemonio-audio--template-teac-vu .gemonio-audio__control-kicker{opacity:.72}
.gemonio-audio--template-revox-vu .gemonio-audio__control-icon,
.gemonio-audio--template-teac-vu .gemonio-audio__control-icon{font-size:calc(var(--ga-icon-size,18px) + 4px)}
.gemonio-audio--template-revox-vu .gemonio-audio__now,
.gemonio-audio--template-teac-vu .gemonio-audio__now{border-top:0;padding:18px 22px}
.gemonio-audio--template-revox-vu .gemonio-audio__time,
.gemonio-audio--template-teac-vu .gemonio-audio__time{color:#464646}
.gemonio-audio--template-revox-vu .gemonio-audio__tracks,
.gemonio-audio--template-teac-vu .gemonio-audio__tracks{
margin-top:14px!important;
padding:8px 14px 6px!important;
background:linear-gradient(180deg,#191919 0%,#111111 100%);
border-radius:8px;
box-shadow:inset 0 0 0 1px rgba(255,255,255,.05);
}
.gemonio-audio--template-revox-vu .gemonio-audio__tracks li,
.gemonio-audio--template-teac-vu .gemonio-audio__tracks li{border-bottom-color:rgba(255,255,255,.08)}
.gemonio-audio--template-revox-vu .gemonio-audio__track,
.gemonio-audio--template-teac-vu .gemonio-audio__track{padding:15px 6px;color:#f0f0f0}
.gemonio-audio--template-revox-vu .gemonio-audio__track:hover,
.gemonio-audio--template-revox-vu .gemonio-audio__track:focus-visible,
.gemonio-audio--template-teac-vu .gemonio-audio__track:hover,
.gemonio-audio--template-teac-vu .gemonio-audio__track:focus-visible{opacity:.88}
.gemonio-audio--template-revox-vu .gemonio-audio__track.is-current .gemonio-audio__track-title,
.gemonio-audio--template-teac-vu .gemonio-audio__track.is-current .gemonio-audio__track-title{color:#f4d376}
.gemonio-audio--template-revox-vu .gemonio-audio__track-number,
.gemonio-audio--template-teac-vu .gemonio-audio__track-number{color:#bebebe}
.gemonio-audio--template-revox-vu .gemonio-audio__track-subtitle,
.gemonio-audio--template-teac-vu .gemonio-audio__track-subtitle{color:#a8a8a8}
.gemonio-audio--template-revox-vu.gemonio-audio--active-underline .gemonio-audio__track.is-current .gemonio-audio__track-title,
.gemonio-audio--template-teac-vu.gemonio-audio--active-underline .gemonio-audio__track.is-current .gemonio-audio__track-title{text-decoration-color:#f4d376}
@media(max-width:780px){
.gemonio-audio--template-revox-vu,
.gemonio-audio--template-teac-vu{padding:14px;border-radius:10px}
.gemonio-audio__vu-hero--image{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.gemonio-audio--template-revox-vu .gemonio-audio__transport,
.gemonio-audio--template-teac-vu .gemonio-audio__transport{grid-template-columns:1fr;gap:12px}
}
@media(max-width:680px){
.gemonio-audio--template-revox-vu .gemonio-audio__tracks,
.gemonio-audio--template-teac-vu .gemonio-audio__tracks{padding:6px 10px 2px!important}
.gemonio-audio__vu-image-channel{font-size:9px}
.gemonio-audio__vu-image-channel span:first-child{width:20px;height:20px;font-size:9px}
}
@media(max-width:520px){
.gemonio-audio__vu-hero--image{gap:8px}
.gemonio-audio__vu-hero--image .gemonio-audio__vu-meter{border-radius:4px}
.gemonio-audio__vu-image-channel{font-size:8px;letter-spacing:.14em}
.gemonio-audio__vu-image-channel span:first-child{width:18px;height:18px;font-size:8px}
} .gemonio-audio--template-technics-vu{
--ga-bg:#161719;
--ga-text:#ece5d6;
--ga-muted:#a69d8b;
--ga-line-color:#d6b76d;
--ga-vu-left:.025;
--ga-vu-right:.03;
background:linear-gradient(180deg,#161719 0%,#0e0f10 100%);
padding:16px;
border-radius:10px;
box-shadow:0 18px 34px rgba(0,0,0,.28), inset 0 0 0 1px rgba(255,255,255,.05);
}
.gemonio-audio--template-technics-vu::before{
content:"";
position:absolute;
inset:0;
border-radius:10px;
pointer-events:none;
background:linear-gradient(90deg,rgba(255,255,255,.025),transparent 25%,rgba(255,255,255,.015) 55%,transparent 80%);
}
.gemonio-audio--template-technics-vu .gemonio-audio__technics-meter,
.gemonio-audio--template-technics-vu .gemonio-audio__transport,
.gemonio-audio--template-technics-vu .gemonio-audio__tracks{position:relative;z-index:1}
.gemonio-audio__technics-meter{
position:relative;
overflow:hidden;
width:100%;
aspect-ratio:1320 / 260;
border-radius:5px;
margin-bottom:16px;
background:#e9c27f;
box-shadow:0 5px 14px rgba(0,0,0,.28), inset 0 0 0 1px rgba(255,255,255,.12);
}
.gemonio-audio__technics-face{
display:block;
width:100%;
height:100%;
object-fit:cover;
user-select:none;
pointer-events:none;
}
.gemonio-audio__technics-needle{
position:absolute;
bottom:-15.5%;
width:2px;
height:79.0%;
background:#171514;
transform-origin:50% 100%;
z-index:4;
box-shadow:0 0 1px rgba(255,255,255,.22);
pointer-events:none;
}
.gemonio-audio__technics-needle::before{
content:"";
position:absolute;
left:50%;
top:-2px;
width:4px;
height:4px;
border-radius:50%;
background:#171514;
transform:translateX(-50%);
}
.gemonio-audio__technics-needle--left{
left:26.97%;
transform:translateX(-50%) rotate(calc(-50deg + (var(--ga-vu-left,.025) * 100deg)));
}
.gemonio-audio__technics-needle--right{
left:73.71%;
transform:translateX(-50%) rotate(calc(-50deg + (var(--ga-vu-right,.03) * 100deg)));
}
.gemonio-audio--template-technics-vu .gemonio-audio__transport{
display:grid;
grid-template-columns:minmax(0,.95fr) minmax(0,1.35fr);
gap:14px;
background:transparent;
}
.gemonio-audio--template-technics-vu .gemonio-audio__controls,
.gemonio-audio--template-technics-vu .gemonio-audio__now{
background:linear-gradient(180deg,#232426 0%,#161719 100%);
border-radius:8px;
box-shadow:inset 0 0 0 1px rgba(255,255,255,.06);
}
.gemonio-audio--template-technics-vu .gemonio-audio__controls button{
border-right:1px solid rgba(255,255,255,.08);
color:#e7dbc1;
}
.gemonio-audio--template-technics-vu .gemonio-audio__controls button:hover,
.gemonio-audio--template-technics-vu .gemonio-audio__controls button:focus-visible{background:rgba(255,255,255,.04)}
.gemonio-audio--template-technics-vu .gemonio-audio__control-kicker{opacity:.64}
.gemonio-audio--template-technics-vu .gemonio-audio__control-icon{font-size:calc(var(--ga-icon-size,18px) + 4px)}
.gemonio-audio--template-technics-vu .gemonio-audio__now{border-top:0;padding:18px 22px}
.gemonio-audio--template-technics-vu .gemonio-audio__eyebrow,
.gemonio-audio--template-technics-vu .gemonio-audio__time{color:#a69d8b}
.gemonio-audio--template-technics-vu .gemonio-audio__now-copy strong{
color:#fff;
}
.gemonio-audio--template-technics-vu .gemonio-audio__now-copy small{
color:#d4cec1;
}
.gemonio-audio--template-technics-vu .gemonio-audio__tracks{
margin-top:14px!important;
padding:8px 14px 6px!important;
background:linear-gradient(180deg,#18191b 0%,#101112 100%);
border-radius:8px;
box-shadow:inset 0 0 0 1px rgba(255,255,255,.05);
}
.gemonio-audio--template-technics-vu .gemonio-audio__tracks li{border-bottom-color:rgba(255,255,255,.08)}
.gemonio-audio--template-technics-vu .gemonio-audio__track{padding:15px 6px;color:#ece9e2}
.gemonio-audio--template-technics-vu .gemonio-audio__track:hover,
.gemonio-audio--template-technics-vu .gemonio-audio__track:focus-visible{opacity:.88}
.gemonio-audio--template-technics-vu .gemonio-audio__track.is-current .gemonio-audio__track-title{color:#d7b970}
.gemonio-audio--template-technics-vu .gemonio-audio__track-number{color:#aaa69e}
.gemonio-audio--template-technics-vu .gemonio-audio__track-subtitle{color:#99958e}
.gemonio-audio--template-technics-vu.gemonio-audio--active-underline .gemonio-audio__track.is-current .gemonio-audio__track-title{text-decoration-color:#d7b970}
@media(max-width:780px){
.gemonio-audio--template-technics-vu{padding:12px;border-radius:8px}
.gemonio-audio--template-technics-vu .gemonio-audio__transport{grid-template-columns:1fr;gap:12px}
.gemonio-audio__technics-meter{aspect-ratio:1320 / 260}
.gemonio-audio__technics-face{object-fit:contain}
}
.gemonio-audio--template-revox-vu .gemonio-audio__vu-image-channel span:last-child{
letter-spacing:.22em;
}
.gemonio-audio--template-teac-vu .gemonio-audio__vu-image-channel span:last-child{
letter-spacing:.18em;
color:rgba(255,243,217,.82);
}
.gemonio-audio__visually-hidden{
position:absolute!important;
width:1px;height:1px;
padding:0;margin:-1px;
overflow:hidden;
clip:rect(0,0,0,0);
white-space:nowrap;border:0;
} .gemonio-audio--template-sansui-tape{
--ga-bg:transparent;
--ga-text:#1b1714;
--ga-muted:#6f6255;
--ga-line-color:#8f8477;
background:transparent;
padding:0;
border-radius:0;
box-shadow:none;
}
.gemonio-audio--template-sansui-tape .gemonio-audio__sansui-stage{
position:relative;
aspect-ratio:2046 / 684;
border-radius:0;
overflow:hidden;
box-shadow:none;
}
.gemonio-audio--template-sansui-tape .gemonio-audio__sansui-stage-image{
display:block;
width:100%;
height:auto;
}
.gemonio-audio--template-sansui-tape .gemonio-audio__sansui-overlay,
.gemonio-audio--template-sansui-tape .gemonio-audio__sansui-reels{
position:absolute;
inset:0;
}
.gemonio-audio--template-sansui-tape .gemonio-audio__sansui-tape-title{
position:absolute;
left:21.95%;
top:20.65%;
width:25.45%;
height:7.55%;
display:flex;
align-items:center;
justify-content:center;
padding:0 .9%;
text-align:center;
font-family:"Comic Sans MS","Bradley Hand","Segoe Print",cursive;
font-size:clamp(10px,1.55vw,26px);
font-weight:500;
line-height:1;
color:#24201c;
background:#d6c6a6;
border-radius:1px;
font-style:italic;
letter-spacing:.01em;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
transform:rotate(-.5deg);
text-shadow:0 1px 0 rgba(255,255,255,.28);
box-shadow:none;
z-index:4;
}
.gemonio-audio--template-sansui-tape .gemonio-audio__sansui-hit{
position:absolute;
appearance:none;
border:0;
background:transparent;
cursor:pointer;
z-index:3;
border-radius:10px;
padding:0;
}
.gemonio-audio--template-sansui-tape .gemonio-audio__sansui-hit:hover,
.gemonio-audio--template-sansui-tape .gemonio-audio__sansui-hit:focus-visible{
outline:none;
box-shadow:none;
}
.gemonio-audio--template-sansui-tape .gemonio-audio__sansui-hit--rew{
left:24.95%;
top:71.25%;
width:5.10%;
height:13.10%;
}
.gemonio-audio--template-sansui-tape .gemonio-audio__sansui-hit--play{
left:31.05%;
top:71.05%;
width:5.30%;
height:13.25%;
}
.gemonio-audio--template-sansui-tape .gemonio-audio__sansui-hit--ff{
left:37.25%;
top:71.15%;
width:5.20%;
height:13.15%;
}
.gemonio-audio--template-sansui-tape .gemonio-audio__sansui-hit--stop{
left:43.30%;
top:71.10%;
width:6.05%;
height:13.20%;
}
.gemonio-audio--template-sansui-tape .gemonio-audio__sansui-now{
position:absolute;
left:52.87%;
top:43.57%;
width:23.98%;
height:14.67%;
display:flex;
flex-direction:column;
justify-content:center;
gap:.14em;
padding:.8% 1.5%;
color:#f5f1ea;
background:linear-gradient(180deg,#141414 0%,#0c0c0c 100%);
border-radius:4px;
box-shadow:inset 0 0 0 1px rgba(255,255,255,.035);
z-index:2;
}
.gemonio-audio--template-sansui-tape .gemonio-audio__sansui-eyebrow{
display:none;
}
.gemonio-audio--template-sansui-tape .gemonio-audio__sansui-now strong{
font-size:clamp(12px,1.52vw,26px);
line-height:1.08;
color:#ffffff;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.gemonio-audio--template-sansui-tape .gemonio-audio__sansui-now small{
font-size:clamp(8px,1vw,16px);
color:#d9d2c8;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.gemonio-audio--template-sansui-tape .gemonio-audio__sansui-time{
display:flex;
gap:.35em;
align-items:center;
margin-top:.14em;
font-size:clamp(8px,1vw,16px);
color:#f0c172;
font-variant-numeric:tabular-nums;
}
.gemonio-audio--template-sansui-tape .gemonio-audio__sansui-reel{
position:absolute;
top:33.13%;
width:2.95%;
aspect-ratio:1 / 1;
border-radius:50%;
background:radial-gradient(circle at center,
rgba(8,8,8,.98) 0 22%,
rgba(43,38,33,.98) 22% 45%,
rgba(219,210,191,.82) 45% 52%,
rgba(20,18,16,.98) 52% 64%,
transparent 64% 100%);
box-shadow:inset 0 0 0 1px rgba(255,255,255,.10),0 0 0 1px rgba(0,0,0,.08);
opacity:.96;
transform-origin:50% 50%;
pointer-events:none;
}
.gemonio-audio--template-sansui-tape .gemonio-audio__sansui-reel::before{
content:"";
position:absolute;
inset:16%;
border-radius:50%;
background:repeating-conic-gradient(
from -3deg,
rgba(229,222,210,.26) 0deg 7deg,
transparent 7deg 51.428deg
);
opacity:.9;
}
.gemonio-audio--template-sansui-tape .gemonio-audio__sansui-reel::after{
content:"";
position:absolute;
inset:35%;
border-radius:50%;
background:radial-gradient(circle at center, rgba(66,59,53,.96) 0 55%, rgba(10,10,10,.98) 56% 100%);
box-shadow:0 0 0 1px rgba(255,255,255,.14), inset 0 0 0 1px rgba(255,255,255,.08);
}
.gemonio-audio--template-sansui-tape .gemonio-audio__sansui-reel--left{left:28.14%}
.gemonio-audio--template-sansui-tape .gemonio-audio__sansui-reel--right{left:39.28%}
.gemonio-audio--template-sansui-tape.is-playing .gemonio-audio__sansui-reel--left{
animation:gemonio-sansui-reel 4.6s linear infinite;
}
.gemonio-audio--template-sansui-tape.is-playing .gemonio-audio__sansui-reel--right{
animation:gemonio-sansui-reel 4.1s linear infinite;
}
@keyframes gemonio-sansui-reel{
to{transform:rotate(360deg)}
}
.gemonio-audio--template-sansui-tape .gemonio-audio__sansui-vu{
position:absolute;
inset:0;
z-index:2;
pointer-events:none;
}
.gemonio-audio--template-sansui-tape .gemonio-audio__sansui-vu::before{
display:none;
}
.gemonio-audio--template-sansui-tape .gemonio-audio__sansui-vu::after{
display:none;
}
.gemonio-audio--template-sansui-tape .gemonio-audio__sansui-vu-needle{
position:absolute;
top:31.54%;
width:2px;
height:18.29%;
border-radius:2px 2px 0 0;
background:linear-gradient(180deg,rgba(36,32,29,.98) 0%,rgba(16,14,13,.98) 100%);
transform-origin:50% 100%;
box-shadow:0 0 1px rgba(255,255,255,.18);
}
.gemonio-audio--template-sansui-tape .gemonio-audio__sansui-vu-needle--left{
left:62.03%;
transform:translateX(-50%) rotate(calc(-52deg + (var(--ga-vu-left,.025) * 104deg)));
}
.gemonio-audio--template-sansui-tape .gemonio-audio__sansui-vu-needle--right{
left:76.48%;
transform:translateX(-50%) rotate(calc(-52deg + (var(--ga-vu-right,.03) * 104deg)));
}
.gemonio-audio--template-sansui-tape .gemonio-audio__tracks{
margin-top:14px!important;
padding:18px 24px 14px!important;
background:linear-gradient(180deg,#f8f5ef 0%,#e9e2d7 100%);
border-radius:14px;
box-shadow:inset 0 0 0 1px rgba(127,103,82,.18);
}
.gemonio-audio--template-sansui-tape .gemonio-audio__tracks li{
border-bottom-color:rgba(86,72,60,.10);
}
.gemonio-audio--template-sansui-tape .gemonio-audio__track{
grid-template-columns:4ch minmax(0,1fr);
column-gap:14px;
color:#1c1916;
padding:12px 0;
}
.gemonio-audio--template-sansui-tape .gemonio-audio__track:hover,
.gemonio-audio--template-sansui-tape .gemonio-audio__track:focus-visible{
opacity:1;
background:rgba(38,31,24,.03);
}
.gemonio-audio--template-sansui-tape .gemonio-audio__track-number{
color:#8b7e72;
}
.gemonio-audio--template-sansui-tape .gemonio-audio__track-title{
font-weight:600;
}
.gemonio-audio--template-sansui-tape .gemonio-audio__track-subtitle{
color:#7a6e61;
}
.gemonio-audio--template-sansui-tape .gemonio-audio__track.is-current{
background:linear-gradient(90deg,rgba(24,21,18,.08),rgba(24,21,18,.01));
}
.gemonio-audio--template-sansui-tape .gemonio-audio__track.is-current .gemonio-audio__track-title{
color:#1a1714;
}
.gemonio-audio--template-sansui-tape .gemonio-audio__sansui-playlist-panel{
transform:translateY(18px);
position:absolute;
left:3.29%;
right:3.35%;
top:calc(68.65% + 10px);
bottom:9.03%;
z-index:2;
display:flex;
flex-direction:column;
padding:1.1% 2.1% 1.0%;
background:#e6e3e0;
border-radius:0;
color:#1c1916;
box-shadow:none;
overflow:hidden;
}
.gemonio-audio--template-sansui-tape .gemonio-audio__sansui-playlist-panel::before{
content:"";
position:absolute;
inset:0;
background:#e6e3e0;
border-radius:0;
z-index:0;
}
.gemonio-audio--template-sansui-tape .gemonio-audio__sansui-playlist-panel > *{
position:relative;
z-index:1;
}
.gemonio-audio--template-sansui-tape .gemonio-audio__sansui-playlist-head{
display:flex;
align-items:center;
gap:18px;
flex:0 0 auto;
margin:0 0 .55%;
padding:.5% .8%;
background:#e6e3e0;
border-radius:4px;
font-size:clamp(8px,.84vw,13px);
letter-spacing:.22em;
text-transform:uppercase;
}
.gemonio-audio--template-sansui-tape .gemonio-audio__sansui-playlist-head span{
color:#786d62;
letter-spacing:.12em;
}
.gemonio-audio--template-sansui-tape .gemonio-audio__sansui-playlist{
list-style:none;
margin:0!important;
padding:0!important;
max-height:9.8em;
overflow-y:auto;
overflow-x:hidden;
scrollbar-width:thin;
background:#e6e3e0;
border-radius:0 0 4px 4px;
}
.gemonio-audio--template-sansui-tape .gemonio-audio__sansui-playlist li{
margin:0!important;
padding:0!important;
border-bottom:1px solid rgba(66,54,43,.11);
}
.gemonio-audio--template-sansui-tape .gemonio-audio__sansui-track{
appearance:none;
border:0;
background:#e6e3e0;
width:100%;
display:grid;
grid-template-columns:3.5ch minmax(0,1.4fr) minmax(0,1fr);
align-items:center;
gap:16px;
padding:clamp(5px,.55vw,10px) 8px;
color:#1b1815;
text-align:left;
cursor:pointer;
font-size:clamp(9px,.92vw,14px);
}
.gemonio-audio--template-sansui-tape .gemonio-audio__sansui-track:hover,
.gemonio-audio--template-sansui-tape .gemonio-audio__sansui-track:focus-visible{
background:rgba(39,31,24,.055);
outline:none;
}
.gemonio-audio--template-sansui-tape .gemonio-audio__sansui-track.is-current{
background:linear-gradient(90deg,rgba(25,22,19,.12),rgba(25,22,19,.025));
}
.gemonio-audio--template-sansui-tape .gemonio-audio__sansui-track-number{
color:#7f7469;
font-variant-numeric:tabular-nums;
}
.gemonio-audio--template-sansui-tape .gemonio-audio__sansui-track-title{
min-width:0;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
font-weight:650;
}
.gemonio-audio--template-sansui-tape .gemonio-audio__sansui-track-meta{
min-width:0;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
color:#746b62;
}
@media(max-width:980px){
.gemonio-audio--template-sansui-tape{padding:0}
.gemonio-audio--template-sansui-tape .gemonio-audio__sansui-now{
left:50.4%;
width:25.8%;
}
}
@media(max-width:780px){
.gemonio-audio--template-sansui-tape{padding:0;border-radius:0}
.gemonio-audio--template-sansui-tape .gemonio-audio__sansui-playlist-panel{
top:64.8%;
left:3%;
right:3%;
bottom:4.2%;
padding:1.2% 1.7%;
}
.gemonio-audio--template-sansui-tape .gemonio-audio__sansui-track{
grid-template-columns:3ch minmax(0,1fr);
}
.gemonio-audio--template-sansui-tape .gemonio-audio__sansui-track-meta{display:none}
.gemonio-audio--template-sansui-tape .gemonio-audio__sansui-tape-title{display:none}
.gemonio-audio--template-sansui-tape .gemonio-audio__sansui-hit{
border-radius:7px;
}
.gemonio-audio--template-sansui-tape .gemonio-audio__tracks{
margin-top:10px!important;
padding:12px 14px 8px!important;
}
} .gemonio-audio--template-sansui-tape .gemonio-audio__sansui-now,
.gemonio-audio--template-sansui-tape .gemonio-audio__sansui-playlist-panel{
display:none!important;
}
.gemonio-audio--template-sansui-tape .gemonio-audio__sansui-counter{
position:absolute;
left:5.35%;
top:39.35%;
width:10.15%;
height:9.75%;
display:flex;
align-items:center;
justify-content:center;
gap:.12em;
padding:.42% .55%;
background:linear-gradient(180deg,#121212,#050505);
border:1px solid rgba(0,0,0,.82);
border-radius:3px;
box-shadow:inset 0 1px 5px rgba(0,0,0,.95),0 1px 0 rgba(255,255,255,.20);
z-index:5;
}
.gemonio-audio--template-sansui-tape .gemonio-audio__sansui-counter-digit{
position:relative;
width:17.5%;
height:78%;
overflow:hidden;
border-radius:1px;
background:linear-gradient(180deg,#050505,#1a1a1a 48%,#060606);
box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);
color:#e5e1d8;
font-family:"Courier New",monospace;
font-size:clamp(8px,1.02vw,18px);
line-height:1;
text-align:center;
font-variant-numeric:tabular-nums;
}
.gemonio-audio--template-sansui-tape .gemonio-audio__sansui-counter-current,
.gemonio-audio--template-sansui-tape .gemonio-audio__sansui-counter-next{
position:absolute;
inset:0;
display:flex;
align-items:center;
justify-content:center;
}
.gemonio-audio--template-sansui-tape .gemonio-audio__sansui-counter-next{transform:translateY(-100%)}
.gemonio-audio--template-sansui-tape .gemonio-audio__sansui-counter-digit.is-rolling .gemonio-audio__sansui-counter-current{animation:gemonio-counter-out .18s ease-in forwards}
.gemonio-audio--template-sansui-tape .gemonio-audio__sansui-counter-digit.is-rolling .gemonio-audio__sansui-counter-next{animation:gemonio-counter-in .18s ease-out forwards}
@keyframes gemonio-counter-out{to{transform:translateY(100%);filter:blur(.3px)}}
@keyframes gemonio-counter-in{to{transform:translateY(0);filter:blur(0)}}
.gemonio-audio--template-sansui-tape .gemonio-audio__sansui-counter-separator{
color:#a9a49b;
font-size:clamp(7px,.72vw,13px);
line-height:1;
transform:translateY(-1px);
}
.gemonio-audio--template-sansui-tape .gemonio-audio__sansui-control-cluster{
position:absolute;
left:52.65%;
top:64.886%;
width:24.55%;
height:23.602%;
display:grid;
grid-template-columns:.92fr .92fr 1.32fr;
align-items:center;
gap:3.0%;
padding:1.0% 1.35%;
background:
linear-gradient(90deg,rgba(255,255,255,.16),rgba(255,255,255,0) 18%,rgba(0,0,0,.025) 82%,rgba(255,255,255,.09)),
linear-gradient(180deg,#dddcd7,#cbc9c3 48%,#e6e4df);
border-left:1px solid rgba(0,0,0,.10);
border-right:1px solid rgba(255,255,255,.30);
box-shadow:inset 0 1px 0 rgba(255,255,255,.42),inset 0 -1px 0 rgba(0,0,0,.07);
z-index:4;
}
.gemonio-audio--template-sansui-tape .gemonio-audio__sansui-control-unit{
height:100%;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:6%;
min-width:0;
}
.gemonio-audio--template-sansui-tape .gemonio-audio__sansui-control-label{
color:#383531;
font-size:clamp(5px,.48vw,8px);
line-height:1;
letter-spacing:.035em;
white-space:nowrap;
}
.gemonio-audio--template-sansui-tape .gemonio-audio__sansui-control-sub{
color:#68635d;
font-size:clamp(4px,.36vw,6px);
line-height:1;
white-space:nowrap;
}
.gemonio-audio--template-sansui-tape .gemonio-audio__sansui-toggle{
position:relative;
width:21%;
height:43%;
min-width:8px;
background:linear-gradient(90deg,#67635f,#e6e2db 44%,#8c8781);
border-radius:2px;
box-shadow:0 1px 1px rgba(0,0,0,.32),inset 1px 0 0 rgba(255,255,255,.45);
}
.gemonio-audio--template-sansui-tape .gemonio-audio__sansui-toggle::after{
content:"";
position:absolute;
left:50%;
top:7%;
width:155%;
height:18%;
transform:translateX(-50%);
background:#76716b;
border-radius:50%;
}
.gemonio-audio--template-sansui-tape .gemonio-audio__sansui-mini-knob,
.gemonio-audio--template-sansui-tape .gemonio-audio__sansui-selector-knob{
width:29%;
aspect-ratio:1;
border-radius:50%;
background:
linear-gradient(90deg,transparent 48%,rgba(50,47,44,.62) 49% 52%,transparent 53%),
radial-gradient(circle at 35% 28%,#f2f0eb 0 8%,#c7c4bd 25%,#85817b 73%,#55514c);
box-shadow:0 1px 2px rgba(0,0,0,.36),inset 0 0 0 1px rgba(255,255,255,.35);
}
.gemonio-audio--template-sansui-tape .gemonio-audio__sansui-selector-knob{
width:25%;
border-radius:44% 44% 48% 48%;
transform:rotate(-8deg);
} .gemonio-audio--template-sansui-tape .gemonio-audio__sansui-control-cluster{display:none!important} .gemonio-audio--template-sansui-tape .gemonio-audio__sansui-control-cluster{display:none!important} .gemonio-audio--template-sansui-tape .gemonio-audio__sansui-hit--play::before,
.gemonio-audio--template-sansui-tape .gemonio-audio__sansui-hit--play::after{
content:none!important;
}
.gemonio-audio--template-sansui-tape.is-playing .gemonio-audio__sansui-hit--play{
background:transparent!important;
box-shadow:none!important;
}
.gemonio-audio--template-sansui-tape.is-playing .gemonio-audio__sansui-hit--play::after{
content:""!important;
display:block;
position:absolute;
left:calc(50% + 7px);
top:calc(50% + 13px);
width:0;
height:0;
border-top:9px solid transparent;
border-bottom:9px solid transparent;
border-left:15px solid rgba(164,255,187,.98);
transform:translate(-39%,-50%);
filter:drop-shadow(0 0 4px rgba(83,255,132,.88));
pointer-events:none;
} @media(max-width:680px){
.gemonio-audio{
--ga-control-height:76px;
--ga-icon-size:17px;
--ga-track-list-gap:22px;
--ga-track-row-pad:11px;
--ga-track-size:15px;
--ga-meta-size:13px;
}
.gemonio-audio__controls button{
min-height:48px;
-webkit-tap-highlight-color:transparent;
}
.gemonio-audio__vu-face-image,
.gemonio-audio__technics-face,
.gemonio-audio--template-sansui-tape .gemonio-audio__sansui-stage-image{
image-rendering:auto;
-ms-interpolation-mode:bicubic;
} .gemonio-audio--template-studio-vu{
padding:12px;
border-radius:14px;
box-shadow:0 10px 24px rgba(0,0,0,.20), inset 0 0 0 1px rgba(255,255,255,.04);
}
.gemonio-audio--template-studio-vu .gemonio-audio__vu-meter{
min-height:176px;
border-radius:12px;
box-shadow:inset 0 0 0 1px rgba(93,69,35,.24), inset 0 1px 4px rgba(255,255,255,.18), 0 2px 7px rgba(0,0,0,.11);
}
.gemonio-audio--template-studio-vu .gemonio-audio__vu-needle{
width:1px;
box-shadow:none;
}
.gemonio-audio--template-studio-vu .gemonio-audio__vu-needle::before{
width:3px;
height:3px;
}
.gemonio-audio--template-studio-vu .gemonio-audio__vu-scale{
font-size:11px;
left:16px;
right:16px;
} .gemonio-audio--template-revox-vu,
.gemonio-audio--template-teac-vu{
padding:11px;
border-radius:8px;
box-shadow:0 10px 22px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.52), inset 0 0 0 1px rgba(0,0,0,.11);
}
.gemonio-audio__vu-hero--image{
gap:9px;
margin-bottom:10px;
}
.gemonio-audio__vu-hero--image .gemonio-audio__vu-meter{
border-radius:4px;
box-shadow:0 3px 8px rgba(0,0,0,.16);
}
.gemonio-audio__vu-image-needle{
width:1px;
box-shadow:none;
}
.gemonio-audio__vu-image-needle::before{
width:3px;
height:3px;
top:-1px;
}
.gemonio-audio__vu-image-channel{
font-size:8px;
letter-spacing:.14em;
}
.gemonio-audio__vu-image-channel span:first-child{
width:18px;
height:18px;
font-size:8px;
} .gemonio-audio--template-technics-vu{
padding:10px;
border-radius:7px;
box-shadow:0 10px 22px rgba(0,0,0,.20), inset 0 0 0 1px rgba(255,255,255,.04);
}
.gemonio-audio__technics-meter{
margin-bottom:10px;
border-radius:3px;
box-shadow:0 3px 8px rgba(0,0,0,.20), inset 0 0 0 1px rgba(255,255,255,.08);
}
.gemonio-audio__technics-needle{
width:1px;
box-shadow:none;
}
.gemonio-audio__technics-needle::before{
width:3px;
height:3px;
top:-1px;
} .gemonio-audio--template-sansui-tape .gemonio-audio__sansui-vu-needle{
width:1px;
box-shadow:none;
}
.gemonio-audio--template-sansui-tape .gemonio-audio__sansui-reel{
width:2.70%;
box-shadow:none;
opacity:.88;
}
.gemonio-audio--template-sansui-tape .gemonio-audio__sansui-reel::before{
inset:20%;
opacity:.62;
}
.gemonio-audio--template-sansui-tape .gemonio-audio__sansui-reel::after{
inset:38%;
box-shadow:none;
}
.gemonio-audio--template-sansui-tape .gemonio-audio__sansui-counter{
border-radius:2px;
box-shadow:inset 0 1px 3px rgba(0,0,0,.90);
padding:.25% .35%;
}
.gemonio-audio--template-sansui-tape .gemonio-audio__sansui-counter-digit{
box-shadow:none;
border-radius:0;
}
.gemonio-audio--template-sansui-tape.is-playing .gemonio-audio__sansui-hit--play::after{
content:none!important;
display:none!important;
} .gemonio-audio--template-minimal .gemonio-audio__transport{
box-shadow:none;
}
.gemonio-audio__now{
gap:10px;
}
.gemonio-audio__tracks{
margin-top:20px!important;
}
}
@media(max-width:480px){
.gemonio-audio{
--ga-control-height:70px;
--ga-track-size:14px;
--ga-meta-size:12px;
}
.gemonio-audio__controls button{
padding:11px 8px;
}
.gemonio-audio--template-studio-vu .gemonio-audio__vu-meter{
min-height:158px;
}
.gemonio-audio--template-revox-vu,
.gemonio-audio--template-teac-vu,
.gemonio-audio--template-technics-vu{
padding:8px;
}
.gemonio-audio__vu-image-channel span:last-child{
letter-spacing:.10em!important;
}
.gemonio-audio--template-sansui-tape .gemonio-audio__sansui-reel{
width:2.55%;
}
.gemonio-audio--template-sansui-tape .gemonio-audio__sansui-counter{
font-synthesis:none;
}
} @supports (-webkit-touch-callout:none){
.gemonio-audio button,
.gemonio-audio input[type="button"],
.gemonio-audio input[type="submit"]{
-webkit-appearance:none!important;
appearance:none!important;
-webkit-border-radius:0!important;
border-radius:0;
box-shadow:none;
-webkit-box-shadow:none;
background-clip:padding-box;
}
.gemonio-audio__controls button,
.gemonio-audio__track,
.gemonio-audio--template-sansui-tape .gemonio-audio__sansui-hit{
-webkit-appearance:none!important;
appearance:none!important;
}
.gemonio-audio--template-sansui-tape .gemonio-audio__sansui-hit{
background:transparent!important;
border:0!important;
box-shadow:none!important;
-webkit-box-shadow:none!important;
}
}:root{--gme-line:rgba(17,17,17,.18);--gme-text:#111;--gme-muted:#666}.gemonio-meets{color:var(--gme-text);font:inherit}.gemonio-meets__group{margin:0 0 clamp(3rem,7vw,7rem)}.gemonio-meets__heading{margin:0 0 1rem;font:inherit;font-size:clamp(1.8rem,3.8vw,4rem);font-weight:500;letter-spacing:.035em;text-transform:uppercase}.gemonio-meets__year-divider{display:flex;align-items:center;gap:1rem;margin:1.2rem 0 .1rem;color:var(--gme-muted);font-size:.7rem;font-weight:700;letter-spacing:.12em}.gemonio-meets__year-divider:after{content:"";height:1px;background:var(--gme-line);flex:1}.gemonio-meet{border-bottom:1px solid var(--gme-line)}.gemonio-meet__toggle{appearance:none;border:0;background:none;color:inherit;font:inherit;width:100%;display:grid;grid-template-columns:110px 58px minmax(0,1fr) auto 20px;align-items:center;gap:1rem;text-align:left;padding:.72rem 0;cursor:pointer}.gemonio-meet__date{display:grid;grid-template-columns:auto 1fr;gap:.75rem;align-items:center}.gemonio-meet__date strong{font-size:clamp(2rem,3.8vw,4.3rem);line-height:.9;font-weight:700;letter-spacing:-.055em}.gemonio-meet__date span{display:flex;flex-direction:column;line-height:1.02}.gemonio-meet__date b,.gemonio-meet__date small{font-size:.66rem;font-weight:700;text-transform:uppercase}.gemonio-meet__year{font-size:.68rem;color:var(--gme-muted);font-weight:700}.gemonio-meet__where{min-width:0;display:flex;flex-direction:column;gap:.12rem}.gemonio-meet__where strong{font-size:.8rem;font-weight:600;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gemonio-meet__where small{font-size:.7rem;color:var(--gme-muted)}.gemonio-meet__action{font-size:.72rem;font-weight:700;text-transform:uppercase;text-decoration:underline;text-underline-offset:.16em;white-space:nowrap}.gemonio-meet__plus{font-size:1.15rem;transition:transform .18s ease}.gemonio-meet.is-open .gemonio-meet__plus{transform:rotate(45deg)}.gemonio-meet__details-inner{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(220px,.85fr);gap:clamp(1.5rem,4vw,4rem);padding:1rem 0 2.2rem}.gemonio-meet__details-inner h3{margin:0 0 .45rem;font:inherit;font-size:clamp(1.2rem,2vw,2rem);font-weight:600}.gemonio-meet__meta{color:var(--gme-muted)}.gemonio-meet__details-inner figure{margin:0}.gemonio-meet__details-inner img{display:block;width:100%;height:auto}@media(max-width:780px){.gemonio-meet__toggle{grid-template-columns:84px 46px minmax(0,1fr) 18px;gap:.7rem}.gemonio-meet__action{grid-column:3/4;font-size:.66rem}.gemonio-meet__plus{grid-column:4;grid-row:1/3}.gemonio-meet__where strong{white-space:normal}.gemonio-meet__details-inner{grid-template-columns:1fr}} @media (min-width:781px){
.gemonio-meet__toggle{
grid-template-columns:118px minmax(0,1fr) auto 20px;
gap:1rem;
}
.gemonio-meet__date{
display:grid;
grid-template-columns:auto auto;
align-items:center;
justify-content:start;
column-gap:.38rem;
}
.gemonio-meet__date strong{
align-self:center;
}
.gemonio-meet__date>span{
display:flex;
flex-direction:column;
justify-content:center;
gap:.13rem;
align-self:center;
line-height:.92;
padding:0;
}
.gemonio-meet__date b,
.gemonio-meet__date small{
font-size:.69rem;
line-height:.92;
}
.gemonio-meet__date .gemonio-meet__year{
font-size:.61rem;
line-height:.92;
color:var(--gme-muted);
font-weight:700;
letter-spacing:.035em;
}
.gemonio-meet__where{
gap:.2rem;
}
.gemonio-meet__where strong{
font-size:.94rem;
line-height:1.15;
font-weight:700;
}
.gemonio-meet__where small{
font-size:.82rem;
line-height:1.2;
color:rgba(17,17,17,.72);
}
}
.gemonio-meets__year-divider{display:none} @media (min-width:781px){
.gemonio-meet__where strong{
font-size:1.12rem;
line-height:1.12;
font-weight:700;
letter-spacing:.005em;
}
.gemonio-meet__where small{
font-size:.94rem;
line-height:1.22;
color:rgba(17,17,17,.72);
}
.gemonio-meet__where{
gap:.26rem;
}
} @media (min-width:781px){
.gemonio-meets .gemonio-meet .gemonio-meet__where > strong{
font-size:1.18rem !important;
line-height:1.12 !important;
font-weight:700 !important;
letter-spacing:.004em !important;
}
.gemonio-meets .gemonio-meet .gemonio-meet__where > small{
display:block !important;
font-size:1rem !important;
line-height:1.24 !important;
color:rgba(17,17,17,.72) !important;
font-weight:400 !important;
}
.gemonio-meets .gemonio-meet .gemonio-meet__where{
gap:.3rem !important;
}
} @media (min-width:781px){
.gemonio-meets .gemonio-meet .gemonio-meet__where > strong{
font-size:1.4rem !important;
line-height:1.08 !important;
font-weight:700 !important;
}
.gemonio-meets .gemonio-meet .gemonio-meet__where > small{
font-size:1.12rem !important;
line-height:1.18 !important;
color:rgba(17,17,17,.78) !important;
font-weight:400 !important;
}
.gemonio-meets .gemonio-meet .gemonio-meet__where{
gap:.22rem !important;
}
.gemonio-meets .gemonio-meet .gemonio-meet__date > span{
transform:translateY(5px);
}
} .gemonio-meets .gemonio-meets__group{margin-bottom:var(--gme-section-gap)!important}
.gemonio-meets .gemonio-meets__heading{
font-family:var(--gme-heading-font)!important;font-size:var(--gme-heading-size)!important;font-weight:var(--gme-heading-weight)!important;
line-height:var(--gme-heading-line)!important;letter-spacing:var(--gme-heading-track)!important;text-transform:var(--gme-heading-transform)!important;color:var(--gme-heading-color)!important
}
.gemonio-meets .gemonio-meet{border-bottom-color:rgba(17,17,17,var(--gme-line-opacity))!important}
.gemonio-meets .gemonio-meet__toggle{
grid-template-columns:var(--gme-date-width) minmax(0,1fr) auto 20px!important;gap:var(--gme-column-gap)!important;
padding-top:var(--gme-row-padding)!important;padding-bottom:var(--gme-row-padding)!important
}
.gemonio-meets .gemonio-meet__date{column-gap:var(--gme-date-inner-gap)!important}
.gemonio-meets .gemonio-meet__date>strong{
font-family:var(--gme-day-font)!important;font-size:var(--gme-day-size)!important;font-weight:var(--gme-day-weight)!important;
line-height:var(--gme-day-line)!important;letter-spacing:var(--gme-day-track)!important;text-transform:var(--gme-day-transform)!important;color:var(--gme-day-color)!important
}
.gemonio-meets .gemonio-meet__date>span{
font-family:var(--gme-date-meta-font)!important;gap:var(--gme-date-meta-gap)!important;transform:translateY(var(--gme-date-meta-offset-y))!important
}
.gemonio-meets .gemonio-meet__date b,.gemonio-meets .gemonio-meet__date small{
font-size:var(--gme-date-meta-size)!important;font-weight:var(--gme-date-meta-weight)!important;line-height:var(--gme-date-meta-line)!important;
letter-spacing:var(--gme-date-meta-track)!important;text-transform:var(--gme-date-meta-transform)!important;color:var(--gme-date-meta-color)!important
}
.gemonio-meets .gemonio-meet__where{gap:var(--gme-venue-artist-gap)!important}
.gemonio-meets .gemonio-meet__where>strong{
font-family:var(--gme-venue-font)!important;font-size:var(--gme-venue-size)!important;font-weight:var(--gme-venue-weight)!important;
line-height:var(--gme-venue-line)!important;letter-spacing:var(--gme-venue-track)!important;text-transform:var(--gme-venue-transform)!important;color:var(--gme-venue-color)!important
}
.gemonio-meets .gemonio-meet__where>small{
font-family:var(--gme-artist-font)!important;font-size:var(--gme-artist-size)!important;font-weight:var(--gme-artist-weight)!important;
line-height:var(--gme-artist-line)!important;letter-spacing:var(--gme-artist-track)!important;text-transform:var(--gme-artist-transform)!important;color:var(--gme-artist-color)!important
}
.gemonio-meets .gemonio-meet__action{
font-family:var(--gme-action-font)!important;font-size:var(--gme-action-size)!important;font-weight:var(--gme-action-weight)!important;
line-height:var(--gme-action-line)!important;letter-spacing:var(--gme-action-track)!important;text-transform:var(--gme-action-transform)!important;color:var(--gme-action-color)!important
}
.gemonio-meets .gemonio-meet__plus{font-size:var(--gme-plus-size)!important}
@media(max-width:780px){
.gemonio-meets .gemonio-meets__heading{font-size:var(--gme-heading-mobile-size)!important}
.gemonio-meets .gemonio-meet__date>strong{font-size:var(--gme-day-mobile-size)!important}
.gemonio-meets .gemonio-meet__date b,.gemonio-meets .gemonio-meet__date small{font-size:var(--gme-date-meta-mobile-size)!important}
.gemonio-meets .gemonio-meet__where>strong{font-size:var(--gme-venue-mobile-size)!important}
.gemonio-meets .gemonio-meet__where>small{font-size:var(--gme-artist-mobile-size)!important}
.gemonio-meets .gemonio-meet__action{font-size:var(--gme-action-mobile-size)!important}
.gemonio-meets .gemonio-meet__date>span{transform:none!important}
} .gemonio-meets .gemonio-meets__heading{
position:relative;
transform:translateY(var(--gme-heading-offset-y))!important;
}
.gemonio-meets .gemonio-meet__date>strong{
position:relative;
transform:translateY(var(--gme-day-offset-y))!important;
}
.gemonio-meets .gemonio-meet__date>span{
position:relative;
transform:translateY(var(--gme-date-meta-block-offset-y))!important;
}
.gemonio-meets .gemonio-meet__where>strong{
position:relative;
transform:translateY(var(--gme-venue-offset-y))!important;
}
.gemonio-meets .gemonio-meet__where>small{
position:relative;
transform:translateY(var(--gme-artist-offset-y))!important;
}
.gemonio-meets .gemonio-meet__action{
position:relative;
transform:translateY(var(--gme-action-offset-y))!important;
} .gemonio-meets .gemonio-meet__date .gemonio-meet__year{
position:relative;
top:-2px;
}  .gemonio-meets .gemonio-meet__category{
display:none!important;
}
.gemonio-meets .gemonio-meet__toggle{
position:relative;
}
.gemonio-meets.gemonio-meets--category-bar .gemonio-meet__toggle:has(.gemonio-meet__category)::before{
content:"";
position:absolute;
left:calc(var(--gme-date-width) + 12px);
top:16%;
width:1px;
height:68%;
background:var(--gme-category-color,#111111);
transform:translateX(-50%);
pointer-events:none;
} .gemonio-meet__where-mobile{
display:none;
}
@media(max-width:780px){
.gemonio-meets .gemonio-meet__toggle{
grid-template-columns:86px minmax(0,1fr)!important;
gap:16px!important;
align-items:center!important;
padding-top:14px!important;
padding-bottom:14px!important;
}
.gemonio-meets .gemonio-meet__date{
grid-column:1!important;
min-width:0;
align-self:center;
}
.gemonio-meets .gemonio-meet__where{
grid-column:2!important;
min-width:0;
gap:2px!important;
justify-self:stretch;
}
.gemonio-meets .gemonio-meet__where-desktop,
.gemonio-meets .gemonio-meet__artist,
.gemonio-meets .gemonio-meet__action,
.gemonio-meets .gemonio-meet__plus{
display:none!important;
}
.gemonio-meets .gemonio-meet__where-mobile{
display:flex;
flex-direction:column;
gap:2px;
min-width:0;
}
.gemonio-meets .gemonio-meet__where-mobile>strong{
display:block;
min-width:0;
font-family:var(--gme-venue-font)!important;
font-size:var(--gme-venue-mobile-size)!important;
font-weight:var(--gme-venue-weight)!important;
line-height:1.15!important;
letter-spacing:var(--gme-venue-track)!important;
text-transform:var(--gme-venue-transform)!important;
color:var(--gme-venue-color)!important;
white-space:normal;
overflow-wrap:normal;
word-break:normal;
}
.gemonio-meets .gemonio-meet__where-mobile>small{
display:block;
min-width:0;
font-family:var(--gme-artist-font)!important;
font-size:var(--gme-artist-mobile-size)!important;
font-weight:400!important;
line-height:1.2!important;
letter-spacing:normal!important;
text-transform:none!important;
color:var(--gme-artist-color)!important;
white-space:normal;
overflow-wrap:normal;
word-break:normal;
} .gemonio-meets.gemonio-meets--category-bar .gemonio-meet__toggle:has(.gemonio-meet__category)::before{
left:94px!important;
top:18%!important;
height:64%!important;
}
} .gemonio-meets--bars{--_t-size:var(--gme-bar-title-size);--_d-size:var(--gme-bar-day-size);--_m-size:var(--gme-bar-month-size)}
@media (max-width:780px){.gemonio-meets--bars{--_t-size:var(--gme-bar-title-mobile-size);--_d-size:var(--gme-bar-day-mobile-size);--_m-size:var(--gme-bar-month-mobile-size)}}
.gemonio-meets--bars .gme-bars__month{margin:clamp(1.4rem,3vw,2.2rem) 0 .6rem;font-family:var(--gme-bar-month-font);font-size:var(--_m-size);font-weight:var(--gme-bar-month-weight);line-height:var(--gme-bar-month-line);letter-spacing:var(--gme-bar-month-track);text-transform:var(--gme-bar-month-transform);color:var(--gme-bar-month-color);transform:translateY(var(--gme-bar-month-offset-y))}
.gemonio-meets--bars .gme-bars>.gme-bars__month:first-child,.gemonio-meets--bars .gme-bars>.gemonio-meets__heading+.gme-bars__month{margin-top:.4rem}
.gemonio-meets--bars .gme-bar{margin:0 0 var(--gme-bar-gap)}
.gemonio-meets--bars .gme-bar__toggle{appearance:none;-webkit-appearance:none;display:flex;align-items:flex-start;gap:.9rem;width:100%;box-sizing:border-box;margin:0;border:0;border-radius:var(--gme-bar-radius);padding:var(--gme-bar-padding) clamp(16px,3vw,32px);background:var(--gme-bar-color,var(--gme-bar-default));color:var(--gme-bar-day-color);text-align:left;cursor:pointer;font:inherit;box-shadow:none;transition:filter .15s ease}
.gemonio-meets--bars .gme-bar__toggle:hover{filter:brightness(1.07)}
.gemonio-meets--bars .gme-bar__toggle:focus-visible{outline:3px solid rgba(17,17,17,.55);outline-offset:2px}
.gemonio-meets--bars .gme-bar__toggle::after{content:"";flex:none;align-self:center;margin-left:auto;width:9px;height:9px;border-right:2.5px solid var(--gme-bar-ink,var(--gme-bar-title-color));border-bottom:2.5px solid var(--gme-bar-ink,var(--gme-bar-title-color));transform:rotate(45deg) translateY(-2px);transition:transform .2s ease;opacity:.8}
.gemonio-meets--bars .gme-bar__toggle[aria-expanded="true"]::after{transform:rotate(-135deg) translateY(-2px)}
.gemonio-meets--bars .gme-bar__date{display:flex;flex-direction:column;flex:none;color:var(--gme-bar-ink,var(--gme-bar-day-color))}
.gemonio-meets--bars .gme-bar__daymain{display:flex;align-items:baseline;gap:.3em;font-family:var(--gme-bar-day-font)}
.gemonio-meets--bars .gme-bar__daymain strong{font-size:var(--_d-size);font-weight:var(--gme-bar-day-weight);line-height:var(--gme-bar-day-line);letter-spacing:var(--gme-bar-day-track);text-transform:var(--gme-bar-day-transform);transform:translateY(var(--gme-bar-day-offset-y))}
.gemonio-meets--bars .gme-bar__range{font-size:max(11px,calc(var(--_d-size)*.34));font-weight:var(--gme-bar-day-weight);white-space:nowrap}
.gemonio-meets--bars .gme-bar__month{font-family:var(--gme-bar-day-font);font-size:max(10px,calc(var(--_d-size)*.3));font-weight:var(--gme-bar-day-weight);line-height:1;text-transform:uppercase;letter-spacing:.02em;margin-top:2px}
.gemonio-meets--bars .gme-bar__title{align-self:flex-start;min-width:0;font-family:var(--gme-bar-title-font);font-size:var(--_t-size);font-weight:var(--gme-bar-title-weight);line-height:var(--gme-bar-title-line);letter-spacing:var(--gme-bar-title-track);text-transform:var(--gme-bar-title-transform);color:var(--gme-bar-ink,var(--gme-bar-title-color));padding-top:max(0px,calc((var(--_d-size)*var(--gme-bar-day-line) - var(--_t-size)*var(--gme-bar-title-line))/2));transform:translateY(var(--gme-bar-title-offset-y));overflow-wrap:anywhere}
.gemonio-meets--bars .gme-bar__details{margin:6px 0 0;border:1px solid rgba(17,17,17,.1);border-radius:var(--gme-bar-radius);background:#fafafa;color:#1d1d1f}
.gemonio-meets--bars .gme-bar__details[hidden]{display:none}
.gemonio-meets--bars .gme-bar__panel{display:grid;gap:14px;padding:14px}
.gemonio-meets--bars .gme-bar__figure{margin:0}
.gemonio-meets--bars .gme-bar__figure img{display:block;width:100%;height:auto;border-radius:calc(var(--gme-bar-radius) + 2px)}
.gemonio-meets--bars .gme-bar__card{padding:clamp(16px,3vw,28px);border-radius:calc(var(--gme-bar-radius) + 2px);background:#f2f2f2}
.gemonio-meets--bars .gme-bar__card h3{display:flex;align-items:center;gap:.7rem;margin:0 0 .6rem;font:inherit;font-size:1.15rem;font-weight:700;line-height:1.2;color:inherit;text-transform:none;letter-spacing:0}
.gemonio-meets--bars .gme-bar__icon{flex:none}
.gemonio-meets--bars .gme-bar__card-body{padding-left:calc(20px + .7rem)}
.gemonio-meets--bars .gme-bar__card-body p{margin:0 0 .4rem}
.gemonio-meets--bars .gme-bar__card-title{font-size:1.15rem;font-weight:700}
.gemonio-meets--bars .gme-bar__description>*:last-child{margin-bottom:0}
.gemonio-meets--bars .gme-bar__link{margin:0}
.gemonio-meets--bars .gme-bar__link a{display:inline-block;padding:.65rem 1.3rem;border-radius:calc(var(--gme-bar-radius) - 2px);background:var(--gme-bar-default);color:#fff;font-weight:700;text-decoration:none}
.gemonio-meets--bars .gme-bar__link a:hover{filter:brightness(1.1)}
@media (max-width:780px){.gemonio-meets--bars .gme-bar__card-body{padding-left:0}}
.gemonio-meets--bars .gemonio-meets__group{margin-bottom:16px!important}