@bothub-chat/ui/dist/components/banner/bothub-app/styled.js

Bothub UI Components

import{styled as t}from"styled-components";import{Typography as e}from"../../typography/index.js";import i from"./assets/phone.webp.js";const a=t.div.withConfig({displayName:"styled__BothubAppBannerContainer",componentId:"sc-1k6wdz1-0"})(["display:flex;align-items:center;height:inherit;@media (max-width:","){align-items:flex-end;}"],({theme:t})=>t.mobile.maxWidth),n=t.div.withConfig({displayName:"styled__BothubAppBannerBackgroundGradient",componentId:"sc-1k6wdz1-1"})(["position:absolute;top:0;left:0;width:100%;height:100%;transition:all 0.3s ease-in-out;background:linear-gradient( 90deg,#1c64f2 -0.39%,rgba(212,28,242,0.5) 99.61% );&::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient( 0deg,rgba(0,0,0,0.05) 40%,rgba(0,0,0,0.5) 100% );transition:all 0.3s ease-in-out;opacity:0;}&::before{content:'';position:absolute;z-index:1;top:0;left:0;width:inherit;height:inherit;background:#000000;opacity:0;transition:opacity 0.3s ease-in-out;@media (max-width:","){opacity:1;background:linear-gradient( 180deg,rgba(0,0,0,0.05) 0%,rgba(0,0,0,0.9) 90% );}}"],({theme:t})=>t.mobile.maxWidth),o=t.img.attrs({src:i,alt:"phones"}).withConfig({displayName:"styled__BothubAppBannerImage",componentId:"sc-1k6wdz1-2"})(["position:relative;margin-left:33px;z-index:1;width:100%;object-fit:cover;height:inherit;user-select:none;transition:transform 0.3s ease-in-out;@media (max-width:","){margin-left:30px;}@media (max-width:","){display:none;}"],({theme:t})=>t.tablet.maxWidth,({theme:t})=>t.mobile.maxWidth),d=t.a.withConfig({displayName:"styled__BothubAppBannerStyled",componentId:"sc-1k6wdz1-3"})(["overflow:hidden;display:flex;position:relative;border-radius:24px;width:100%;height:222px;&:hover{","{transform:scale(1.05);}","{$:before{@media (max-width:","){opacity:1;}}&:after{opacity:1;}}}@media (max-width:","){height:180px;}@media (max-width:","){height:343px;}"],o,n,({theme:t})=>t.mobile.maxWidth,({theme:t})=>t.tablet.maxWidth,({theme:t})=>t.mobile.maxWidth),p=t.img.attrs({src:i,alt:"phones"}).withConfig({displayName:"styled__BothubAppBannerBackgroundImage",componentId:"sc-1k6wdz1-4"})(["display:none;position:absolute;width:120%;scale:1.2;left:-10%;top:-100%;height:200%;object-fit:cover;@media (max-width:","){display:block;}"],({theme:t})=>t.mobile.maxWidth),m=t.div.withConfig({displayName:"styled__BothubAppBannerBackgroundShadow",componentId:"sc-1k6wdz1-5"})(["position:absolute;top:0;left:0;width:100%;height:100%;"]),s=t.div.withConfig({displayName:"styled__BothubAppBannerContent",componentId:"sc-1k6wdz1-6"})(["position:relative;display:flex;flex-direction:column;padding:34px;gap:8px;z-index:1;@media (max-width:","){padding:18px 30px 18px 24px;}@media (max-width:","){padding:14px;}"],({theme:t})=>t.tablet.maxWidth,({theme:t})=>t.mobile.maxWidth),h=t(e).attrs({variant:"banner-h3-black",component:"p"}).withConfig({displayName:"styled__BothubAppBannerTitle",componentId:"sc-1k6wdz1-7"})(["font-family:'Inter',sans-serif;text-transform:uppercase;margin:0;"]),r=t(e).attrs({variant:"body-m-medium",component:"p"}).withConfig({displayName:"styled__BothubAppBannerDescription",componentId:"sc-1k6wdz1-8"})(["margin:0;"]);export{n as BothubAppBannerBackgroundGradient,p as BothubAppBannerBackgroundImage,m as BothubAppBannerBackgroundShadow,a as BothubAppBannerContainer,s as BothubAppBannerContent,r as BothubAppBannerDescription,o as BothubAppBannerImage,d as BothubAppBannerStyled,h as BothubAppBannerTitle};