<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*:root {*/
/*  --bg: #f8f9fa;*/
/*  --primary: #0563bb;*/
/*  --radius: 12px;*/
/*}*/
/** {box-sizing: border-box;}*/
/*body {font-family: system-ui, sans-serif; margin: 0; padding: 2rem; background: var(--bg);}   */

#orbi {max-width: 960px;}

#orbi .widget {max-width: 960px; margin: auto; display: flex; gap: 2rem; flex-wrap: wrap;}
#orbi h2 {text-align:left;font-weight: bold;font-size:24px}

/* ------------ controls ------------ */
#orbi .controls {flex: 1 1 300px; min-width: 260px;}
#orbi .controls label {display: block; margin: 1rem 0 0.25rem; font-weight: 600;}
#orbi .controls input[type="range"]{width: 100%;
    appearance: auto;
    cursor: default;
    color: light-dark(rgb(16, 16, 16), rgb(255, 255, 255));
    padding: initial;
    border: initial;
    margin: 2px;}
#orbi .controls .checkbox {margin-top:1.5rem; display:flex; align-items:center; gap:.5rem;}
#orbi .controls .checkbox input {
    background-color: initial;
    cursor: default;
    appearance: auto;
    box-sizing: border-box;
    margin: 3px 3px 3px 4px;
    padding: initial;
    border: initial
}
/* ------------ product display ------------ */
#orbi .display {flex: 1 1 380px; min-width: 300px;}
#orbi .product-card {position:relative; display:flex; gap:1.5rem; align-items:center; background:#fff; border-radius:var(--radius); box-shadow:0 4px 14px rgba(0,0,0,.07); padding:1.75rem; min-height:240px; transition: opacity .35s ease, transform .35s ease;}
#orbi .product-card.fade {opacity:0; transform: translateY(12px);}    
#orbi .product-img {flex:0 0 40%; max-width:200px; object-fit:contain; border-radius:var(--radius);}   
#orbi .product-info {flex:1;}
#orbi .product-info h2 {margin:.25rem 0 .5rem; font-size:20px; color:#222;}
#orbi .product-info p {margin:0 0 1rem; line-height:1.4;}
#orbi .learn-btn {display:inline-block; padding:.6rem 1rem; background:var(--primary); color:#fff; text-decoration:none; border-radius:var(--radius); font-weight:600; transition:background .2s ease;}
#orbi .learn-btn:hover{background:#034a90;}
#orbi .checkbox label {
	margin-top: 0;
}

@media(max-width:480px){
	#orbi .product-card {flex-direction: column;}
}</pre></body></html>