.rc-drop-banner-wrap{--rc-forest: rgb(63, 85, 65);--rc-cream: rgb(253, 253, 241);--rc-butter: rgb(245, 237, 174);--rc-butter-gold: rgb(244, 196, 48);--rc-font-sans: "Instrument Sans", system-ui, -apple-system, sans-serif;--rc-shadow-card: 0px 12px 24px -5.335px rgba(217, 218, 220, .32);width:100%;padding:12px 14px 4px;position:fixed;top:0;left:0;right:0;z-index:7;box-sizing:border-box}.rc-drop-banner-wrap[hidden],html.rc-drop-banner-user-dismissed .rc-drop-banner-wrap{display:none!important}html.rc-drop-banner-user-dismissed .rc-drop-banner-spacer{display:none!important;height:0!important}.rc-drop-banner-spacer{display:block!important;height:var(--drop-banner-height, 0px);pointer-events:none}.rc-drop-banner-wrap .rc-banner{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:12px;width:100%;box-sizing:border-box;border-radius:22px;padding:16px 18px;box-shadow:var(--rc-shadow-card);font-family:var(--rc-font-sans);font-size:16px;line-height:1.45;letter-spacing:0}.rc-banner--green{background:var(--rc-forest);color:var(--rc-cream)}.rc-banner--green .rc-banner__eyebrow{background:var(--rc-butter);color:var(--rc-forest)}.rc-banner--green .rc-banner__cta{background:var(--rc-butter-gold);color:var(--rc-forest)}.rc-banner--green .rc-banner__close{background:#fdfdf129;color:var(--rc-cream)}.rc-banner--butter{background:var(--rc-butter-gold);color:var(--rc-forest)}.rc-banner--butter .rc-banner__eyebrow,.rc-banner--butter .rc-banner__cta{background:var(--rc-forest);color:var(--rc-cream)}.rc-banner--butter .rc-banner__close{background:#3f554124;color:var(--rc-forest)}.rc-banner__head{display:flex;align-items:center;gap:9px;flex-shrink:0}.rc-banner__eyebrow{display:inline-flex;align-items:center;height:22px;padding:0 10px;border-radius:9999px;font-family:var(--rc-font-sans);font-size:11px;font-weight:700;letter-spacing:.08em;line-height:1;text-transform:uppercase;white-space:nowrap}.rc-banner__dot{flex-shrink:0;width:7px;height:7px;border-radius:9999px;background:var(--rc-butter);animation:rc-banner-pulse 2.4s ease-out infinite}.rc-banner__text{margin:0;font-family:var(--rc-font-sans);font-size:16px;line-height:1.45;font-weight:500;letter-spacing:0;color:inherit}.rc-banner__cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;align-self:flex-start;white-space:nowrap;padding:12px 22px;border-radius:9999px;border:0;margin:0;font-family:var(--rc-font-sans);font-size:14px;font-weight:600;line-height:1;letter-spacing:0;text-decoration:none;cursor:pointer;-webkit-appearance:none;appearance:none;transition:filter .16s ease-out,transform .12s ease-out}.rc-banner__cta:hover{filter:brightness(.94)}.rc-banner__cta:active{transform:scale(.98)}.rc-banner__arrow{font-size:16px;line-height:1;transform:translateY(-.5px)}.rc-banner__close{position:absolute;top:12px;right:12px;width:26px;height:26px;min-width:0;min-height:0;border:0;border-radius:9999px;margin:0;padding:0;font-family:var(--rc-font-sans);font-size:15px;font-weight:400;line-height:1;letter-spacing:0;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-appearance:none;appearance:none}@media(min-width:768px){.rc-drop-banner-wrap{padding:0}.rc-drop-banner-wrap .rc-banner{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;gap:16px;border-radius:0;padding:13px 56px 13px 28px;box-shadow:none}.rc-banner__head,.rc-banner__cta{flex-shrink:0}.rc-banner__text{flex:0 1 auto;text-align:center}.rc-banner__cta{align-self:auto}.rc-banner__close{top:50%;right:18px;transform:translateY(-50%)}}@media(min-width:1024px){.rc-drop-banner-wrap .rc-banner{flex-wrap:nowrap;gap:22px;padding:13px 56px 13px 40px}.rc-banner__text{flex:1 1 auto;min-width:0}.rc-banner__close{right:28px;transform:translateY(-50%)}}@keyframes rc-banner-pulse{0%{box-shadow:0 0 #f5edaeb3}70%{box-shadow:0 0 0 8px #f5edae00}to{box-shadow:0 0 #f5edae00}}@media(prefers-reduced-motion:reduce){.rc-banner__dot{animation:none}}html:not(.rc-drop-banner-user-dismissed) .section-header.shopify-section-header-hidden:has(.rc-drop-banner-wrap:not([hidden])){top:calc(-1 * var(--header-nav-height, var(--header-height)))}
/*# sourceMappingURL=/cdn/shop/t/8/assets/component-drop-announcement-banner.css.map */