.roam-cover{background:#eaf0f3;color:#226f95}.roam-cover .rr-cover-label{display:flex;align-items:center;flex-direction:column;gap:20px}.roam-preview-logo{display:block;width:min(65%,500px);height:auto;max-height:94px;object-fit:contain}.roam-cover .pp-cover-grid span{color:#225e79;background:#f8f8f7f5}.roam-project .pp-phone-scroll{scrollbar-color:#8eaeba #f8f8f7}.roam-project .pp-swatch.roam-blue{background:#226f95}.roam-project .pp-swatch.roam-photo{background:#293d48}.roam-project .pp-swatch.roam-neutral{background:#b9c5cb}.roam-project h1,.roam-project h2,.roam-project h3{text-wrap:balance}.roam-project .rr-carousel-bar select{padding-right:42px;background-position:right 16px center}.roam-project .rr-carousel-bar label:first-child select{max-width:380px}.roam-project .pp-preview-column{min-width:0}.roam-project .pp-comparison .pp-phone-scroll{height:900px}.roam-project .rr-screen img{background:transparent}.roam-project .rr-carousel-stage{margin-inline:38px}.roam-project .rr-slide-prev{left:-38px}.roam-project .rr-slide-next{right:-38px}.roam-project .rr-slide-prev,.roam-project .rr-slide-next{width:32px}.roam-project .pp-design-note{max-width:920px}@media(max-width:700px){.roam-preview-logo{width:82%;max-height:64px}.roam-project .rr-carousel-stage{margin-inline:0;padding-bottom:54px}.roam-project .rr-slide-prev,.roam-project .rr-slide-next{top:auto;bottom:0;transform:none;width:42px;height:40px}.roam-project .rr-slide-prev{left:0}.roam-project .rr-slide-next{right:0}.roam-project .pp-comparison .pp-phone-scroll{height:560px}.roam-project .rr-carousel-bar label:first-child select{max-width:100%}}

.roam-viewer .rr-viewer-switch button[aria-pressed=true]{background:#226f95;color:white;border-color:#226f95}

.roam-mobile-modes{display:none}@media(max-width:700px){.roam-mobile-modes{display:flex;gap:6px;margin:0 0 20px}.roam-mobile-modes button{font:inherit;font-size:13px;color:var(--text);background:transparent;border:1px solid var(--border);border-radius:6px;padding:10px 16px}.roam-mobile-modes button[aria-pressed=true]{background:#226f95;color:white;border-color:#226f95}.roam-project .pp-comparison{grid-template-columns:minmax(0,1fr)}.roam-project .rr-screen:not([data-mobile-mode=wire]) [data-preview-mode=wire],.roam-project .rr-screen[data-mobile-mode=wire] [data-preview-mode=finished]{display:none}.roam-project .pp-comparison .pp-phone-scroll{height:650px}}