.agency-payouts-bento{font-family:var(--font-geist-sans-core), var(--font-geist-sans-ext);background:#fafafa;border-radius:24px;padding:24px;overflow:hidden;container:agency-payouts/inline-size}.agency-payouts-intro{color:#26262680;max-width:462px;margin:0;font-size:18px;font-weight:500;line-height:23px}.agency-payouts-intro strong{color:#262626cc;font-weight:600}.agency-payouts-models{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:24px;display:grid}.agency-payouts-card{color:#fff;border-radius:16.474px;min-width:0;height:246.061px;position:relative;overflow:hidden;container-type:inline-size}.agency-payouts-cpm{background:#1a67e5}.agency-payouts-retainer{background:linear-gradient(#ff6207 0%,#ff9304 66.204%,#fc0 141.96%)}.agency-payouts-per-post{background:linear-gradient(#00b259,#00d76b)}.agency-payouts-pooling{background:#ae4eee}.agency-payouts-content{z-index:1;padding:16px;position:relative}.agency-payouts-icon{background:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:46.126px;height:46.126px;margin-bottom:8px;display:flex}.agency-payouts-cpm .agency-payouts-icon,.agency-payouts-pooling .agency-payouts-icon{background:#ffffff0f}.agency-payouts-name{color:#fff;letter-spacing:-.02em;margin:0;font-size:19.768px;font-weight:500;line-height:1.2}.agency-payouts-description{max-width:105px;font-family:var(--font-inter), sans-serif;color:#ffffffb3;letter-spacing:-.02em;margin:4px 0 0;font-size:11.532px;font-weight:400;line-height:1.5}.agency-payouts-detail{font-family:var(--font-inter), sans-serif;pointer-events:none;position:absolute;top:139px;left:0;right:0;-webkit-mask-image:linear-gradient(#00000073,#0000 95%);mask-image:linear-gradient(#00000073,#0000 95%)}.agency-payouts-detail>img{width:100%;height:auto;display:block}.agency-payouts-cpm .agency-payouts-detail{height:58.8235cqw}.agency-payouts-cpm .campaign-model-art{font-size:.268235cqw;transform:translate(-2.5em,-70.3em)rotate(-.65deg)}.agency-payouts-retainer .agency-payouts-detail{height:60.7843cqw;top:136px}.agency-payouts-retainer .campaign-model-art{font-size:.26915cqw;transform:translate(.7em,-64.8em)}.agency-payouts-per-post .agency-payouts-detail{top:119px;left:-6px;right:-46px;-webkit-mask-image:linear-gradient(#000000a6,#0000 72%);mask-image:linear-gradient(#000000a6,#0000 72%)}.agency-payouts-pool-preview{width:165em;font-family:var(--font-inter), sans-serif;color:#000;pointer-events:none;transform-origin:0 0;background:#fff;border-radius:12.121em;padding-bottom:8em;font-size:.867px;font-weight:500;position:absolute;top:150px;left:-12px;transform:rotate(-9.22deg)skew(14.1deg)scaleY(.97);-webkit-mask-image:linear-gradient(#000 35%,#0000 100%);mask-image:linear-gradient(#000 35%,#0000 100%)}.agency-payouts-pool-total{flex-direction:column;gap:7.576em;padding:12.121em 12.121em 6.061em;line-height:1;display:flex}.agency-payouts-pool-total span{opacity:.5;font-size:9.091em}.agency-payouts-pool-total strong{font-size:15.151em;font-weight:500}.agency-payouts-pool-bar{border-radius:151.514em;height:5.71em;margin:7.613em 9.848em 11.42em;display:flex;overflow:hidden}.agency-payouts-pool-bar span:first-child{background:#ae4eee;width:50%}.agency-payouts-pool-bar span:nth-child(2){background:#c587ef;flex:1}.agency-payouts-pool-bar span:nth-child(3){background:#d4b0ec;width:15%}.agency-payouts-pool-bar span:nth-child(4){background:#decbeb;width:5%}.agency-payouts-pool-columns,.agency-payouts-pool-row{grid-template-columns:26.646em 1fr 1fr;align-items:center;padding:3.807em 12.121em;line-height:1;display:grid}.agency-payouts-pool-columns span{opacity:.5;font-size:7.576em}.agency-payouts-pool-row{min-height:28.03em}.agency-payouts-pool-row span{font-size:10.606em}.agency-payouts-pool-row img{border-radius:50%;width:10.132em;height:10.132em}@container agency-payouts (max-width:300px){.agency-payouts-per-post .agency-payouts-detail{top:148px}.agency-payouts-pool-preview{top:160px}}@container agency-payouts (min-width:560px){.agency-payouts-models{grid-template-columns:repeat(3,minmax(0,152.558fr)) minmax(0,143.147fr);width:calc(100% - 7.179px);max-height:227px;margin-top:39px;margin-bottom:-24px}.agency-payouts-per-post .agency-payouts-description{max-width:none}.agency-payouts-pooling{border-radius:12.2px;height:244px;margin-top:1.031px;box-shadow:0 0 0 .61px #2525251f}.agency-payouts-pooling .agency-payouts-content{padding:14.64px 14.74px}.agency-payouts-pooling .agency-payouts-icon{width:34.16px;height:34.16px;margin-bottom:14.17px}.agency-payouts-pooling .agency-payouts-name,.agency-payouts-pooling .agency-payouts-description{margin-left:3.586px}}