/* Places' scenic glass finish. Geometry and interaction states stay in their owners. */
body:has(:is(.places-browse,.places-search)){
 --places-accent:#c90030;
 --places-nav-glass:rgba(245,252,255,.24);
 --places-crystal:rgba(245,252,255,.44);
 --places-crystal-highlight:rgba(255,255,255,.55);
 --places-crystal-edge:rgba(73,149,186,.44);
 --places-crystal-shadow:rgba(8,42,61,.14);
 --places-card-glass:rgba(245,252,255,.76);
 --places-card-shadow:0 3px 7px rgba(12,43,63,.08),0 14px 30px rgba(12,43,63,.18);
 --places-red-glass:var(--web-vivid-red);
 --places-red-shine:var(--web-vivid-red-shine);
}
:is([data-theme="dark"] body,body[data-theme="dark"]):has(:is(.places-browse,.places-search)){
 --places-accent:#ff3859;
 --places-nav-glass:rgba(3,22,34,.28);
 --places-crystal:rgba(3,22,34,.42);
 --places-crystal-highlight:rgba(145,221,255,.13);
 --places-crystal-edge:rgba(69,184,232,.62);
 --places-crystal-shadow:rgba(0,8,17,.45);
 --places-card-glass:rgba(4,22,32,.76);
 --places-card-shadow:0 8px 22px var(--places-crystal-shadow);
}
html body:has(:is(.places-browse,.places-search)) .topbar{
 background:linear-gradient(150deg,var(--places-crystal-highlight),transparent 55%),var(--places-nav-glass);
 -webkit-backdrop-filter:blur(12px) saturate(165%);backdrop-filter:blur(12px) saturate(165%);
 border-bottom-color:var(--places-crystal-edge);
 box-shadow:inset 0 1px 0 var(--places-crystal-highlight),0 5px 20px var(--places-crystal-shadow);
}
html body :is(.places-browse,.places-search) :is(.places-area-button,.places-map-button,.places-search-launch,.places-query,.places-categories>button:not(.is-active),.places-more>summary,.places-content-switch button:not(.active),.places-view-switch,.places-community-actions .btn,.feature-card-actions .btn.secondary,.feature-card-actions .btn.soft){
 background:linear-gradient(150deg,var(--places-crystal-highlight),transparent 48%),var(--places-crystal);
 border-color:var(--places-crystal-edge);
 box-shadow:inset 0 1px 1px var(--places-crystal-highlight),inset 0 -1px 0 #ffffff0a,0 6px 18px var(--places-crystal-shadow);
 -webkit-backdrop-filter:blur(9px) saturate(165%);backdrop-filter:blur(9px) saturate(165%);
}
html body :is(.places-browse,.places-search) :is(.browse-place-card:not(.browse-place-skeleton),.road-card,.places-explore-footer){
 background:linear-gradient(150deg,var(--places-crystal-highlight),transparent 42%),var(--places-card-glass);
 border-color:var(--places-crystal-edge);
 box-shadow:inset 0 1px 1px var(--places-crystal-highlight),var(--places-card-shadow);
}
html body :is(.places-browse,.places-search) :is(.btn:not(.secondary):not(.soft):not(.danger):not([data-following="true"]),.browse-scramble-primary,.places-categories>button.is-active,.places-content-switch button.active){
 background:var(--places-red-glass);border:1px solid #ff6980;color:#fff;
 box-shadow:var(--places-red-shine);text-shadow:0 1px 2px #6a001d66;
}
html body :is(.places-browse,.places-search) :is(.btn:not(.secondary):not(.soft):not(.danger):not([data-following="true"]),.browse-scramble-primary,.places-categories>button.is-active,.places-content-switch button.active):hover:not(:disabled){
 background:var(--web-vivid-red-hover);
 border-color:#ffa4b2;box-shadow:var(--places-red-shine),0 0 20px #ff123f33;
}
html body .places-browse .browse-card-scramble{
 color:var(--places-accent);border-color:var(--places-accent);
 background:linear-gradient(145deg,#ff708035,transparent 55%),var(--places-crystal);
 box-shadow:inset 0 1px 1px #ffffff45,0 0 10px #f000301a;
}
html body .places-browse .browse-card-scramble:is(:hover,[aria-expanded="true"]){background:var(--places-red-glass);color:#fff;box-shadow:var(--places-red-shine)}
html body .places-browse .browse-quick-secondary:not([aria-pressed="true"])>span{
 background:linear-gradient(145deg,var(--places-crystal-highlight),transparent 55%),var(--places-crystal);
 border-color:var(--places-crystal-edge);box-shadow:inset 0 1px 0 var(--places-crystal-highlight);
}
html body .places-browse :is(.places-eyebrow,.browse-shelf-heading h2>svg){color:var(--places-accent)}
@media(hover:hover){
 html body :is(.places-browse,.places-search) :is(.browse-place-card:not(.browse-place-skeleton),.road-card):hover{border-color:#69c9f1;box-shadow:inset 0 1px 1px var(--places-crystal-highlight),0 10px 24px var(--places-crystal-shadow)}
}

/* Link rows should align and read like the neighboring menu buttons. */
.account-menu a.account-menu-item{text-decoration:none}
.account-menu a.account-menu-item>svg{flex:none;width:23px;height:23px}
/* Leave room for light-mode card shadows inside the scrolling desktop rails. */
@media(min-width:721px){
 html:not([data-theme="dark"]) .places-browse .browse-shelf-track{padding:8px 8px 30px;margin:-8px -8px -22px}
}

html body:has(:is(.places-browse,.places-search)) .topbar .iconbutton{
 background:linear-gradient(150deg,var(--places-crystal-highlight),transparent 48%),var(--places-crystal);
 border-color:var(--places-crystal-edge);box-shadow:inset 0 1px 1px var(--places-crystal-highlight);
}