html,body{scroll-behavior:smooth}.hero{background-image:url(/images/commission/hero-banner@2x.jpg);background-repeat:no-repeat;background-size:cover;background-position:center right;height:200px}.commission-layout{display:flex;grid-gap:48px}.commission-layout p{line-height:1.75;color:var(--color-text-default-200)}.commission-layout .main{padding-right:48px}.commission-layout .main h2{font-size:24px}.commission-layout .main p{margin-bottom:16px}.commission-layout .main img{width:100%}.commission-layout .main .commission-example-image picture{display:block;width:100%}.commission-layout .main .commission-example-image img{width:100%}.commission-layout .main .trb-message p{margin:0;color:hsl(var(--hsl-primary));line-height:1.5;font-size:14px}.commission-layout .aside{width:340px}.commission-layout .rate-item{position:relative;padding-left:6px;color:var(--color-gray-600)}.commission-layout .rate-item:before{content:"";display:block;width:3px;height:3px;border-radius:50%;position:absolute;background-color:var(--color-gray-600);z-index:1;left:-4px;top:50%;transform:translateY(-50%)}.mobile .hero{background-image:url(/images/commission/hero-banner-mobile@2x.jpg);background-position:center bottom;height:300px}.mobile .commission-layout{display:flex;flex-direction:column-reverse;grid-gap:0px}.mobile .commission-layout .main{padding-right:0}.mobile .commission-layout .aside{display:none;position:fixed;bottom:0;left:0;right:0;z-index:1;width:100%}.mobile .commission-layout .aside .card{background-color:#fff}@media (max-width: 1023px){.commission-layout .main h2{font-size:20px}.commission-layout .main p,.commission-layout .main ul li{font-size:14px}.commission-layout .main .table-of-content ul li a,.commission-layout .main .trb-message p{font-size:12px}}
