@layer components{.banner-ad{background-color:var(--color-white);border-radius:0 0 16px 16px;padding:24px;position:relative}.banner-ad__content{background-color:var(--color-light-gray);width:100%;height:192px;transition:all .2s linear;overflow:hidden}.banner-ad__controls{background-color:var(--color-white);border-radius:0 0 16px 16px;justify-content:center;align-items:center;gap:40px;width:max-content;height:35px;padding:14px 24px;font-size:14px;line-height:14px;display:flex;position:absolute;top:100%;left:50%;transform:translate(-50%)}.banner-ad__controls p{font-weight:300}.banner-ad__controls p,.banner-ad__toggle{font-size:inherit;line-height:inherit;color:var(--color-gray)}.banner-ad__toggle{align-items:center;gap:8px;padding:0;font-weight:700;display:flex}.banner-ad__toggle svg{margin-top:1px}.banner-ad__close-icon{background-color:var(--color-gray);border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.banner-ad.closed{padding:0}.banner-ad.closed .banner-ad__content{height:0}.banner-ad--no-image{box-shadow:0 1px 5px #00000040}.banner-ad--no-image .banner-ad__controls{box-shadow:0 1px 2px #00000040}@media (width>=1025px){.banner-ad__content{height:152px}.banner-ad__controls{font-size:11px;line-height:13px}}@media (width<=768px){.banner-ad__controls{text-align:center;flex-direction:column;gap:2px;height:auto;padding:6px 16px}.banner-ad__controls p,.banner-ad__toggle{font-size:9px;line-height:11px}.banner-ad__toggle{gap:4px}.banner-ad__close-icon{width:12px;height:12px}.banner-ad__close-icon svg{width:7px;height:7px}}}