.phl-wrap{
	--phl-bg:linear-gradient(90deg,#e61a10,#f07a0a);--phl-text:#fff;--phl-lbg:#fff;--phl-lcol:#d81f0f;
	--phl-radius:8px;--phl-gap:12px;--phl-mt:6px;--phl-mb:6px;--phl-pad:4px;--phl-fs:1;--phl-ls:1;--phl-sepgap:8px;--phl-max:none;--phl-hover:#fff;--phl-sepc:#fff;--phl-ox:0px;--phl-sticky:0px;
	box-sizing:border-box;width:calc(100% - 2 * var(--phl-gap));max-width:var(--phl-max);
	margin:var(--phl-mt) auto var(--phl-mb);clear:both;transform:translateX(var(--phl-ox));font-family:inherit;position:relative;z-index:1;
}
.phl-wrap *{box-sizing:border-box;font-family:inherit}
.phl-bar{
	display:flex;align-items:center;gap:.6em;min-width:0;overflow:hidden;
	padding:var(--phl-pad) .6em var(--phl-pad) var(--phl-pad);
	background:var(--phl-bg);color:var(--phl-text);border-radius:var(--phl-radius);
	font-size:calc(.85em * var(--phl-fs));line-height:1.35;
}
.phl-label{
	flex:0 0 auto;padding:.22em .8em;border-radius:999px;background:var(--phl-lbg);color:var(--phl-lcol);
	font-size:calc(1.12em * var(--phl-ls));font-weight:800;line-height:1.2;text-transform:uppercase;letter-spacing:.02em;white-space:nowrap;
}
.phl-view{position:relative;flex:1 1 auto;min-width:0;overflow:hidden}
.phl-item{color:var(--phl-text);font-size:.92em;font-weight:700;text-decoration:none;white-space:nowrap}
.phl-item.is-plain{cursor:default}
a.phl-item:hover,a.phl-item:focus{color:var(--phl-hover);text-decoration:underline}
.phl-sep{display:inline-block;margin:0 var(--phl-sepgap);color:var(--phl-sepc);opacity:.75;font-weight:700}

/* Marquee */
.phl-wrap.is-marquee .phl-track{display:flex;width:max-content;animation:phl-scroll var(--phl-dur,40s) linear infinite;will-change:transform}
.phl-wrap.is-marquee .phl-group{display:flex;flex:none;align-items:center;white-space:nowrap}
.phl-wrap.is-marquee.pause .phl-bar:hover .phl-track,
.phl-wrap.is-marquee.pause .phl-bar:focus-within .phl-track,
.phl-wrap.is-marquee.pause .phl-bar:active .phl-track{animation-play-state:paused}
@keyframes phl-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* Rotate */
.phl-wrap.is-rotate .phl-view{height:1.5em}
.phl-wrap.is-rotate .phl-track{position:relative;height:100%}
.phl-wrap.is-rotate .phl-item{
	position:absolute;left:0;right:0;top:0;overflow:hidden;text-overflow:ellipsis;
	opacity:0;transform:translateY(70%);transition:opacity .4s ease,transform .4s ease;pointer-events:none;
}
.phl-wrap.is-rotate .phl-item.is-active{opacity:1;transform:none;pointer-events:auto}

@media (max-width:480px){
	.phl-bar{gap:.5em;font-size:calc(.8em * var(--phl-fs))}
	.phl-label{padding:.2em .7em}
}
@media (max-width:360px){
	.phl-wrap.hide-label-m .phl-label{display:none}
	.phl-wrap.hide-label-m .phl-bar{padding-left:.8em}
}
@media (prefers-reduced-motion:reduce){
	.phl-wrap.is-marquee .phl-track{animation:none}
	.phl-wrap.is-marquee .phl-view{overflow-x:auto;scrollbar-width:none}
	.phl-wrap.is-marquee .phl-group[aria-hidden="true"]{display:none}
	.phl-wrap.is-rotate .phl-item{transition:none}
}

/* Rata bar, bayangan, menempel */
.phl-wrap.align-left{margin-left:var(--phl-gap);margin-right:auto}
.phl-wrap.align-right{margin-right:var(--phl-gap);margin-left:auto}
.phl-wrap.has-shadow .phl-bar{box-shadow:0 3px 8px rgba(0,0,0,.18)}
.phl-wrap.is-sticky{position:sticky;top:var(--phl-sticky);z-index:999}
.admin-bar .phl-wrap.is-sticky{top:calc(var(--phl-sticky) + 32px)}
@media (max-width:782px){.admin-bar .phl-wrap.is-sticky{top:calc(var(--phl-sticky) + 46px)}}