.tt-header-wrap{--tt-navy:#17352C;--tt-text:#17352C;--tt-text-mid:#3C5349;--tt-muted:#5E6F66;--tt-beige:#F2EADC;--tt-white:#fff;--tt-border:#E4D9C6;--tt-blue:#FF7A1A;--tt-blue-dark:#E2342B;--tt-green:#2E9E6B;--tt-green-dark:#246B3E;--tt-gold:#F5C64B;--tt-red:#E2342B;--tt-sky:#FFF3E4;--tt-radius-sm:12px;--tt-radius-md:20px;--tt-radius-lg:28px;--tt-radius-pill:999px;--tt-shadow-sm:0 2px 8px rgba(23,53,44,.06);--tt-shadow-md:0 8px 24px rgba(23,53,44,.08);--font-body-family-override:"DM Sans",system-ui,sans-serif;--font-heading-family-override:"Gliker","Fredoka",system-ui,sans-serif;font-family:DM Sans,system-ui,sans-serif;color:var(--tt-text);position:fixed;top:0;left:0;right:0;z-index:100}.tt-header-wrap *,.tt-header-wrap *:before,.tt-header-wrap *:after{box-sizing:border-box}.tt-header-wrap a{color:inherit;text-decoration:none}.tt-header-wrap strong,.tt-header-wrap b{font-weight:700!important}body:has(.tt-header-wrap){padding-top:var(--tt-header-h,68px)}.tt-header-wrap{position:sticky;top:0;z-index:100;background:var(--tt-beige)}.tt-header{background:var(--tt-beige);border-bottom:1px solid rgba(23,53,44,.06)}.tt-header-inner{max-width:1240px;margin-inline:auto;padding:14px clamp(16px,4vw,32px);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px}.tt-header-inner>[aria-hidden=true]{display:none}@media(min-width:760px){.tt-header-inner>[aria-hidden=true]{display:block}}.tt-header-wrap .tt-logo{display:flex;align-items:center;grid-column:1;justify-self:start}@media(min-width:760px){.tt-header-inner{grid-template-columns:1fr auto 1fr}.tt-header-wrap .tt-logo{grid-column:2;justify-self:center}}.tt-header-wrap .tt-logo img{height:36px;width:auto;display:block}@media(min-width:760px){.tt-header-wrap .tt-logo img{height:40px}}.tt-header-wrap .tt-utility{display:flex;align-items:center;gap:6px;grid-column:3;justify-self:end}.tt-header-wrap .tt-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:transparent;border:none;color:var(--tt-navy);cursor:pointer;position:relative;text-decoration:none;transition:background .2s ease}.tt-header-wrap .tt-icon-btn:hover{background:#17352c0f}.tt-header-wrap .tt-icon-btn svg{width:22px;height:22px}.tt-header-wrap .tt-cart-count{position:absolute;top:2px;right:2px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--tt-green);color:#fff;font-size:11px;font-weight:800;line-height:18px;text-align:center}.tt-header-wrap .tt-cart-count[data-count="0"]{display:none}.tt-header-wrap{position:fixed!important;top:0;left:0;right:0}.tt-header-wrap .tt-logo-text{font-family:Gliker,Fredoka,system-ui,sans-serif;font-weight:700;font-size:24px;letter-spacing:-.02em;color:var(--tt-navy)}.tt-header-wrap .tt-nav{display:none;gap:26px;justify-self:center;align-items:center}.tt-header-wrap .tt-nav-link{font-size:15px;font-weight:600;color:var(--tt-text-mid);background:none;border:0;padding:0;cursor:pointer;font-family:inherit}.tt-header-wrap .tt-utility{display:flex;align-items:center;gap:10px;grid-column:3;justify-self:end}.tt-header-wrap .tt-icon-btn{width:40px;height:40px;border-radius:12px;border:1.5px solid var(--tt-border);background:#fff;display:inline-flex;align-items:center;justify-content:center;color:var(--tt-navy);position:relative;cursor:pointer}.tt-header-wrap .tt-icon-btn svg{width:20px;height:20px}.tt-header-wrap .tt-cart-count{position:absolute;top:-6px;right:-6px;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:var(--tt-blue);color:#fff;font-size:11px;font-weight:800;display:inline-flex;align-items:center;justify-content:center}.tt-header-wrap .tt-header-cta{display:none;background:var(--tt-green);color:#fff;font-weight:700;font-size:14px;padding:11px 20px;border-radius:999px;white-space:nowrap}@media(min-width:760px){.tt-header-wrap .tt-nav{display:flex}.tt-header-wrap .tt-header-cta{display:inline-block}}.tt-header-wrap .tt-announce{position:relative;overflow:hidden;background:linear-gradient(120deg,var(--tt-navy) 0%,#20473B 55%,var(--tt-blue-dark) 100%);color:#fff;padding:18px 16px 10px;text-align:center;font-size:14px;font-weight:600;letter-spacing:.02em;display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;gap:12px;border:0;width:100%;cursor:pointer;font-family:inherit;transition:filter .15s ease}.tt-header-wrap .tt-announce:before{content:"";position:absolute;top:0;left:0;right:0;height:10px;background:linear-gradient(90deg,var(--tt-coral) 0%,var(--tt-gold) 55%,#F5C64B 100%);-webkit-mask:radial-gradient(circle at 7px 0,#000 0 4.5px,transparent 5.2px) 0 4px / 14px 10px repeat-x,linear-gradient(#000,#000) top left / 100% 5px no-repeat;mask:radial-gradient(circle at 7px 0,#000 0 4.5px,transparent 5.2px) 0 4px / 14px 10px repeat-x,linear-gradient(#000,#000) top left / 100% 5px no-repeat;pointer-events:none}.tt-header-wrap .tt-announce:hover{filter:brightness(.92)}.tt-header-wrap .tt-announce:focus-visible{outline:2px solid var(--tt-gold);outline-offset:-3px}@media(max-width:768px){.tt-header-wrap .tt-announce{font-size:12px;gap:10px;padding:15px 12px 8px;letter-spacing:.01em}}@media(max-width:360px){.tt-header-wrap .tt-announce{padding:14px 10px 7px;gap:8px}}.tt-header-wrap .tt-announce{background:linear-gradient(120deg,#ffa23c,#ff7a1a 55%,#e2342b)!important;color:#17352c!important}.tt-header-wrap .tt-announce strong,.tt-header-wrap .tt-announce .tt-announce__offer{color:#17352c!important}.tt-header-wrap .tt-announce__timer-cell{background:#17352c;color:#fff}.tt-header-wrap .tt-announce__timer-sep{color:#17352c}.tt-header-wrap .tt-announce:before{background:linear-gradient(90deg,#fffbf2,#fff3e4 55%,#fffbf2)!important}.tt-header-wrap .tt-nav{grid-column:1;justify-self:start}.tt-header-wrap .tt-utility,.tt-header-wrap .tt-logo{grid-row:1}.tt-header-inner{padding-top:10px!important;padding-bottom:10px!important;row-gap:0}.tt-header-wrap .tt-header-cta{padding:9px 18px}.tt-header-wrap .tt-icon-btn{width:38px;height:38px}.tt-header-wrap .tt-announce__timer{flex-shrink:0;white-space:nowrap;display:inline-flex;align-items:center}body:has(.tt-header-wrap) .shopify-section-group-header-group,body:has(.tt-header-wrap) .shopify-section-group-footer-group{display:none!important}body:has(.tt-header-wrap){--font-body-family-override:"DM Sans",system-ui,sans-serif;--font-body-family:"DM Sans",system-ui,sans-serif;--font-heading-family-override:"Gliker","Fredoka",system-ui,sans-serif;--font-heading-family:"Gliker","Fredoka",system-ui,sans-serif}body:has(.tt-header-wrap) h1,body:has(.tt-header-wrap) h2,body:has(.tt-header-wrap) h3,body:has(.tt-header-wrap) h4{font-family:Gliker,Fredoka,system-ui,sans-serif!important;font-weight:600!important;letter-spacing:-.01em}body:has(.tt-header-wrap) p,body:has(.tt-header-wrap) li,body:has(.tt-header-wrap) h1,body:has(.tt-header-wrap) h2,body:has(.tt-header-wrap) h3{hyphens:none!important;-webkit-hyphens:none!important}@media(max-width:760px){body:has(.tt-header-wrap) p,body:has(.tt-header-wrap) li{font-size:15px}body:has(.tt-header-wrap) h2{font-size:30px!important;line-height:1.1!important}body:has(.tt-header-wrap) h3{font-size:19px!important;line-height:1.2!important}}@media(max-width:365px){body:has(.tt-header-wrap) h2{font-size:27px!important}}@media(max-width:600px){.tt-header-wrap .tt-announce__offer{display:none}.tt-header-wrap .tt-announce{padding:11px 12px 8px;font-size:12.5px;gap:10px}.tt-header-wrap .tt-logo-text{font-size:21px}}.tt-header-wrap .tt-announce:before{display:none!important}.tt-header-wrap .tt-announce{background:linear-gradient(90deg,#ff7a1a,#e2342b,#f5c64b,#e2342b,#ff7a1a)!important;background-size:300% 100%!important;animation:rc-band 12s linear infinite;color:#fff!important;padding:12px 14px!important}@keyframes rc-band{0%{background-position:0% 50%}to{background-position:300% 50%}}@media(prefers-reduced-motion:reduce){.tt-header-wrap .tt-announce{animation:none}}.tt-header-wrap .tt-announce strong,.tt-header-wrap .tt-announce .tt-announce__offer,.tt-header-wrap .tt-announce__timer-sep{color:#fff!important}.tt-header-wrap .tt-announce__timer-cell{background:#17352c!important;color:#fff!important;font-size:15px;font-weight:800;padding:3px 8px;border-radius:7px;min-width:30px;text-align:center;font-variant-numeric:tabular-nums}.tt-header-wrap .tt-announce__timer-sep{font-weight:800;opacity:.8}.tt-header-wrap .tt-nav,.tt-header-wrap .tt-header-cta{display:none!important}.tt-header-inner{grid-template-columns:1fr auto!important}.tt-header-wrap .tt-logo{grid-column:1!important;justify-self:start!important}.tt-header-wrap .tt-utility{grid-column:2!important;justify-self:end!important}.tt-header-wrap .tt-nav{display:flex!important}.tt-header-inner{grid-template-columns:1fr auto 1fr!important}.tt-header-wrap .tt-nav{grid-column:1!important;justify-self:start!important}.tt-header-wrap .tt-logo{grid-column:2!important;justify-self:center!important}.tt-header-wrap .tt-utility{grid-column:3!important;justify-self:end!important}.tt-header-wrap .tt-nav-link{font-size:15px;font-weight:700;color:var(--tt-navy);text-decoration:none;white-space:nowrap}.tt-header-wrap .tt-nav-link:hover{color:var(--tt-blue)}.tt-header-wrap .tt-icon-btn{width:42px;height:42px;border:0!important;background:transparent!important;border-radius:999px}.tt-header-wrap .tt-icon-btn:hover{background:#17352c0f!important}.tt-header-wrap .tt-icon-btn svg{width:25px;height:25px;stroke-width:1.6}.tt-header-wrap .tt-cart-count{top:0;right:0;min-width:18px;height:18px;font-size:11px;font-weight:800;background:#ff6b2c;border:2px solid var(--tt-cream, #FBF3E7)}@media(max-width:520px){.tt-header-wrap .tt-nav-link{font-size:13px}.tt-header-wrap .tt-logo-text{font-size:21px}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/roarly-header.css.map */