.banner-modal{background-color:var(--accent-bg-muted);border-radius:4px;flex-direction:column;gap:24px;width:100%;min-height:0;max-height:100%;display:flex;position:relative}.banner-modal__content{flex-direction:column;row-gap:24px;height:100%;padding-block:32px;padding-inline:16px;display:flex;overflow:hidden auto}@media (pointer:fine){.banner-modal__content{scrollbar-width:thin}.banner-modal__content,.banner-modal__content:hover{scrollbar-color:var(--fg-muted) #0000}}@media (min-width:568px){.banner-modal__content{grid-template-columns:160px 1fr;grid-template-areas:"icon text""content content";gap:32px 24px;display:grid}}@media (min-width:768px){.banner-modal__content{column-gap:32px;padding-block:24px;padding-inline:24px}}@media (min-width:1024px){.banner-modal__content{padding-block:32px;padding-inline:64px}}.banner-modal__icon{width:120px;height:120px}@media (min-width:568px){.banner-modal__icon{grid-area:icon;width:160px;height:160px}.banner-modal__text{grid-area:text;justify-content:center}}@media (min-width:1280px){.banner-modal__content{grid-template-columns:260px 1fr;grid-template-areas:"icon text""icon content";row-gap:24px;max-width:1280px;padding-block:48px}.banner-modal__icon{width:260px;height:260px}}.banner-modal__icon>img{object-fit:contain;width:100%;height:100%}.banner-modal__text{row-gap:16px}.banner-modal__cards,.banner-modal__steps,.banner-modal__text{flex-direction:column;display:flex}.banner-modal__steps{row-gap:24px;margin-top:8px}.banner-modal__cards{row-gap:16px}@media (min-width:1024px){.banner-modal__cards{flex-direction:row;gap:0 16px}.banner-modal__card{flex-basis:33%}}.banner-modal__card{background-color:var(--accent-bg-default);border-radius:4px;flex-direction:column;row-gap:4px;padding:12px;display:flex}.banner-modal__card>span{color:var(--accent-default)}.banner-modal__button{width:fit-content}.banner-modal__triangle{pointer-events:none}.banner-modal__triangle--left{border:15px solid #0000;border-bottom-color:var(--success-default);border-left-color:var(--success-default);width:0;height:0;position:absolute;bottom:-5px;left:-10px;transform:rotate(-15deg)}@media (min-width:568px){.banner-modal__steps{grid-area:content;margin-top:0}.banner-modal__triangle--left{border-width:20px}}.banner-modal__triangle--top{border:15px solid #0000;border-bottom-color:var(--success-default);border-right-color:var(--success-default);width:0;height:0;position:absolute;top:-25px;left:50%;transform:rotate(30deg)}@media (min-width:568px){.banner-modal__triangle--top{border-width:20px}}.banner-modal__triangle--right{border:18px solid #0000;border-bottom-color:var(--success-default);border-right-color:var(--success-default);width:0;height:0;position:absolute;bottom:-8px;right:-10px;transform:rotate(15deg)}@media (min-width:568px){.banner-modal__triangle--right{border-width:25px}}
