@layer components{.oqOzcygw-container{padding:calc(var(--spacing) * 15) calc(var(--spacing) * 10);background:linear-gradient(55deg,var(--ui-accent) 20%,var(--underlay) 100%)}.vTZgZcAN-container{flex-basis:300px}.jpQoGrXF-container{&::marker{color:var(--ui-accent)}}.THVTTWYZ-container{background:oklch(from var(--underlay) l c h / .2)}.mcgdkQIl-container{width:800px;height:450px;position:relative}.eykPJujc-container{position:absolute;top:20px;right:20px}.xvsjPEfO-btn{width:40px;height:40px;border-radius:50%;background:oklch(from var(--surface-base) l c h / .1);transition:background .3s ease,transform .3s ease;transform:scale(.9);&:hover{background:var(--surface-base);transform:scale(1)}}.WQTReEEN-img{width:100%;height:100%;object-fit:contain;background:var(--underlay);transition:opacity .3s ease}.YlmxghEP-icon{width:24px;height:24px;fill:var(--ui-attention)}.MEGbbABm-container{width:500px}}