.oddit-section-banner-with-icons,.oddit-section-banner-with-icons *,.oddit-section-banner-with-icons *:before,.oddit-section-banner-with-icons *:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent}.oddit-section-banner-with-icons{font-family:Work Sans,sans-serif;font-size:16px;line-height:1.5;color:#000;position:relative;display:flex;flex-direction:column;align-items:center;width:100%;max-width:1440px;margin-inline:auto;gap:32px;padding:48px 16px;background-color:#fff}@media screen and (min-width:750px){.oddit-section-banner-with-icons{gap:48px;padding:60px}}.oddit-section-banner-with-icons :where(a){color:inherit;text-decoration:none}.oddit-section-banner-with-icons :where(p,h2,h3){margin:0;padding:0}.oddit-section-banner-with-icons :where(img){display:block;max-width:100%;height:auto}.oddit-section-banner-with-icons__card{position:relative;overflow:hidden;display:flex;flex-direction:column;width:100%;border-radius:20px;container-type:inline-size;background:linear-gradient(180deg,#bb846d,#4373ac)}@media screen and (min-width:1200px){.oddit-section-banner-with-icons__card{min-height:508px}}.oddit-section-banner-with-icons__texture{position:absolute;bottom:0;right:-501px;width:1272px;height:839px;pointer-events:none;z-index:0;opacity:.16}@media screen and (min-width:1200px){.oddit-section-banner-with-icons__texture{bottom:-147px;right:36px}}.oddit-section-banner-with-icons__texture-img{width:100%;height:100%;max-width:none;object-fit:cover;opacity:.4}.oddit-section-banner-with-icons__content{z-index:1;display:flex;flex-direction:column;flex-shrink:0;gap:30px;width:100%;padding:32px 16px 0}@media screen and (min-width:750px){.oddit-section-banner-with-icons__content{padding:60px 60px 0}}@media screen and (min-width:1200px){.oddit-section-banner-with-icons__content{padding-bottom:60px}}.oddit-section-banner-with-icons__heading-group{display:flex;flex-direction:column;align-items:flex-start;gap:24px;width:100%}.oddit-section-banner-with-icons__eyebrow{font-family:Work Sans,sans-serif;font-weight:800;font-style:italic;font-size:14px;line-height:normal;letter-spacing:.28px;text-transform:uppercase;color:#fff;white-space:nowrap}@media screen and (min-width:750px){.oddit-section-banner-with-icons__eyebrow{font-size:16px;letter-spacing:.32px}}.oddit-section-banner-with-icons__heading{font-family:Work Sans,sans-serif;font-weight:700;font-size:24px;line-height:normal;text-transform:uppercase;color:#fff;width:100%;text-wrap:pretty}@media screen and (min-width:750px){.oddit-section-banner-with-icons__heading{font-size:clamp(28px,3.03cqw,40px)}}@media screen and (min-width:1200px){.oddit-section-banner-with-icons__heading{max-width:min(827px,100cqw - 493px)}}.oddit-section-banner-with-icons__citation{font-family:Work Sans,sans-serif;font-style:normal;font-weight:400;font-size:12px;line-height:1.6;color:#e5edf9;width:210px;max-width:100%}@media screen and (min-width:750px){.oddit-section-banner-with-icons__citation{width:308px}}.oddit-section-banner-with-icons__citation strong{font-weight:600;font-size:14px}@media screen and (min-width:750px){.oddit-section-banner-with-icons__citation strong{font-size:15px}}.oddit-section-banner-with-icons__heading p,.oddit-section-banner-with-icons__citation p{margin:0;font:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;text-transform:inherit}.oddit-section-banner-with-icons__cta{position:absolute;right:16px;bottom:20px;left:16px;z-index:1;display:flex;align-items:center;justify-content:center;height:56px;background-color:#b9907d;border:none;border-radius:8px;cursor:pointer;overflow:hidden}@media screen and (min-width:750px){.oddit-section-banner-with-icons__cta{right:auto;bottom:60px;left:60px;width:296px}}@media screen and (min-width:1200px){.oddit-section-banner-with-icons__cta{position:static}}.oddit-section-banner-with-icons__cta:focus-visible{outline:2px solid #ffffff;outline-offset:2px}.oddit-section-banner-with-icons__cta:hover .oddit-section-banner-with-icons__cta-label,.oddit-section-banner-with-icons__cta:active .oddit-section-banner-with-icons__cta-label{opacity:.9}.oddit-section-banner-with-icons__cta-label{text-box:trim-both cap alphabetic;display:inline-block;font-family:Work Sans,sans-serif;font-weight:600;font-size:16px;line-height:1.6;text-transform:uppercase;text-align:center;color:#fff;white-space:nowrap}.oddit-section-banner-with-icons__media{position:relative;width:100%;height:272px;flex-shrink:0}@media screen and (min-width:1200px){.oddit-section-banner-with-icons__media{position:absolute;top:0;right:0;bottom:0;width:617px;height:auto;pointer-events:none}}.oddit-section-banner-with-icons__media-image{position:absolute;top:-104px;right:-131px;width:440px;height:659px;max-width:none;object-fit:cover}@media screen and (min-width:1200px){.oddit-section-banner-with-icons__media-image{top:-234px;right:-49px;width:666px;object-fit:contain;height:999px}}@media screen and (max-width:749px){.oddit-section-banner-with-icons__media-image{top:-64px;right:-75px;width:360px;height:389px}}.oddit-section-banner-with-icons__features{display:flex;flex-direction:column;gap:32px;width:100%}@media screen and (min-width:750px){.oddit-section-banner-with-icons__features{flex-direction:row;gap:48px}}.oddit-section-banner-with-icons__feature{display:flex;align-items:flex-start;gap:20px;width:100%;min-width:0}@media screen and (min-width:750px){.oddit-section-banner-with-icons__feature{flex:1 1 0;justify-content:center}}.oddit-section-banner-with-icons__feature-icon{flex-shrink:0;width:44px;height:44px}@media screen and (min-width:750px){.oddit-section-banner-with-icons__feature-icon{width:48px;height:48px}}.oddit-section-banner-with-icons__feature-icon svg,.oddit-section-banner-with-icons__feature-icon-img{display:block;width:100%;height:100%}.oddit-section-banner-with-icons__feature-body{display:flex;flex-direction:column;gap:10px;flex:1 1 auto;min-width:0}.oddit-section-banner-with-icons__feature-title{font-family:Work Sans,sans-serif;font-weight:700;font-size:16px;line-height:normal;letter-spacing:.32px;text-transform:uppercase;color:#000;width:100%}@media screen and (min-width:750px){.oddit-section-banner-with-icons__feature-title{font-size:20px;letter-spacing:.4px}}.oddit-section-banner-with-icons__feature-text{font-family:Work Sans,sans-serif;font-weight:400;font-size:13px;line-height:1.2;color:#000;width:100%}@media screen and (min-width:750px){.oddit-section-banner-with-icons__feature-text{font-size:15px}}
/*# sourceMappingURL=/cdn/shop/t/441/assets/oddit-section-banner-with-icons.css.map */