/* Keep optical effects on the material, and type on an unscaled text plane. */
body.yx-glass-page {text-rendering:optimizeLegibility}
.yx-glass-page :is(button,input,select,textarea) {font-family:inherit}
.yx-glass-page :is(.yxh-btn,.yx-btn,.yc-btn,.yxp-btn,.yx-svc-btn,.yxcase-btn,.glass-utility) {
  box-sizing:border-box;text-align:center;line-height:1.5;vertical-align:middle;
}
.yx-glass-page .yxh-card .yxh-btn {margin:0;padding:12px 23px;font-size:13px}
.yx-glass-page .yxh-card .yxh-actions {margin-top:23px;align-items:center}
.yx-glass-page .yxh-actions {align-items:center}
.yx-glass-page .yxh-actions>.yxh-btn {min-height:49px;margin-top:0;margin-bottom:0}
.yx-glass-page :is(a,button,input,select,summary):focus-visible {outline:2px solid #83633d;outline-offset:4px}
.yx-glass-page :is(.glass-search,.glass-email-close) {display:inline-flex;align-items:center;justify-content:center;line-height:1;padding:0}
.yx-glass-page svg {overflow:visible}
/* Rotation of whole image planes softened text inside UI screenshots at rest. */
.yx-glass-page :is(.glass-hero-media,.yxh-split>img,.yx-showcase-main) {transform:none}
.yx-glass-page img {max-width:100%;image-rendering:auto}
.yx-glass-page .yxh-card {overflow-wrap:anywhere;overflow:clip}
/* A focused link must not scroll a clipped card's own contents out of view. */
.yx-glass-page .yxh-split>.yxh-card {border:1px solid #fff;border-radius:26px;background:var(--glass);box-shadow:var(--rim),var(--lift);overflow:clip}
.yx-glass-page .glass-email-copy input {box-sizing:border-box}
@media(max-width:700px) {
  .yx-glass-page .yxh-card .yxh-btn {padding:12px 18px;font-size:12px}
  .yx-glass-page .yxh-actions {gap:10px}
}