/* Shared customer-facing 3D demo layout. Technical test pages do not load this file. */
.experience > aside{padding-top:22px}
.experience > aside > .eyebrow:first-child{margin:0;line-height:14px}
.experience .viewer-top{top:0;padding-top:21px;padding-bottom:21px;line-height:14px;align-items:center}
.info-group{margin:24px 0;padding-top:20px;border-top:1px solid #ded8ce}
.info-label{font-size:13px!important;font-weight:600!important;line-height:1.4!important;letter-spacing:0!important;margin:0 0 12px!important;color:#262622!important;text-transform:none!important}
.info-group .swatch{margin:0;padding:0;border:0}
.info-group .stone-picker{margin:0}
.info-group .dimensions{margin:0}
.info-group .finish{margin:0}
.info-group .color-picker{margin:0}
.info-group .small:empty{display:none}
#ar-status:empty{display:none}
/* The 3D surface, not an empty panel extension, fills the desktop grid row. */
.experience > .viewer-panel{--demo-min-height:650px}
.experience > .viewer-panel-flow{display:flex;flex-direction:column;padding-bottom:0}
.viewer-panel-flow > .viewer-top,.viewer-panel-flow > .viewer-hint{flex:none}
.viewer-panel-flow > #load-status:empty{display:none}
@media(min-width:761px){.experience > .viewer-panel{height:auto;min-height:var(--demo-min-height)}}
@media(min-width:1600px){.experience > .viewer-panel{--demo-min-height:720px}}
@media(min-width:761px) and (max-width:1050px){.experience > .viewer-panel{--demo-min-height:600px}}
@media(min-width:691px){
  .experience > .viewer-panel-flow{height:auto;min-height:0}
  .viewer-panel-flow > model-viewer{flex:1 0 650px;min-height:650px;height:auto}
}
@media(min-width:691px) and (max-width:900px){.viewer-panel-flow > model-viewer{flex-basis:550px;min-height:550px}}
@media(max-width:690px){.viewer-panel-flow > model-viewer{flex:none}}
@media(max-width:690px){.experience > aside{padding-top:32px}.info-group{margin:22px 0;padding-top:18px}}