.header-section:has([data-island-header]){--island-gap-x: 10px;--island-gap-y: 10px;--island-radius: 999px;--island-blue: #70cdee;--island-blue-rgb: 112 205 238;--island-shadow: 0 4px 14px rgb(112 205 238 / .28), 0 10px 28px rgb(15 23 42 / .1);--island-shadow-hover: 0 8px 20px rgb(112 205 238 / .38), 0 18px 40px rgb(15 23 42 / .14);z-index:30;padding-inline:var(--island-gap-x);padding-block-start:var(--island-gap-y);padding-block-end:0;background:transparent!important;pointer-events:none}@media screen and (min-width:768px){.header-section:has([data-island-header]){--island-gap-x: 18px;--island-gap-y: 14px}}@media screen and (min-width:1280px){.header-section:has([data-island-header]){--island-gap-x: 24px;--island-gap-y: 16px}}.header-section:has([data-island-header]) .header{pointer-events:auto}.header-section:has([data-island-header]).header-sticky{inset-block-start:0}.header-section:has([data-island-header]) .header{--header-background-opacity: 1;--header-logo-opacity: 1;--color-foreground: 255 255 255;color:#fff;position:relative!important;inset-block-start:auto!important;border-radius:var(--island-radius);padding-inline:1.15rem}@media screen and (min-width:768px){.header-section:has([data-island-header]) .header{padding-inline:1.5rem}}.header-section:has([data-island-header]) .header:before{border-radius:var(--island-radius)!important;background:linear-gradient(180deg,#ffffff1f,#ffffff05),rgb(var(--island-blue-rgb) / .92);backdrop-filter:blur(16px) saturate(1.25);-webkit-backdrop-filter:blur(16px) saturate(1.25);box-shadow:var(--island-shadow);border:1px solid rgb(255 255 255 / .35);opacity:1!important;transition:box-shadow .35s cubic-bezier(.6,0,.4,1),background .35s cubic-bezier(.6,0,.4,1)}@media(hover:hover)and (pointer:fine){.header-section:has([data-island-header]):not(.header-hidden) .header:hover:before{box-shadow:var(--island-shadow-hover);background:linear-gradient(180deg,#ffffff29,#ffffff0a),rgb(var(--island-blue-rgb) / .97)}}.header-section.header-scrolled:has([data-island-header]) .header:before{border-radius:var(--island-radius)!important}.header-section:has([data-island-header]) .header__corner,.header-section:has([data-island-header]) .header__cutout{display:none!important}.header-section.header-transparent:has([data-island-header]) .header,.header-section.header-transparent.header-scrolled:has([data-island-header]) .header{--header-background-opacity: 1;--header-logo-opacity: 1;--color-foreground: 255 255 255;color:#fff;position:relative!important;inset-block-start:auto!important}.js :has(.shopify-section:first-child [allow-transparent-header]) .header-section:has([data-island-header]) .header{--header-background-opacity: 1;--header-logo-opacity: 1;--color-foreground: 255 255 255;color:#fff;position:relative!important}.header-section:has([data-island-header]) .header :is(a,button,summary,.icon,svg){color:inherit}.header-section:has([data-island-header]) .header svg{fill:currentColor}.header-section:has([data-island-header]) .header .dropdown,.header-section:has([data-island-header]) .header .dropdown__container{--color-foreground: 23 23 23;color:#171717}.header-section:has([data-island-header]) .header .dropdown :is(a,button,summary,p,.icon,svg){color:#171717}.header-section:has([data-island-header]) .header .dropdown svg{fill:currentColor}.header-section:has([data-island-header]){transition:transform var(--animation-nav)}.header-section:has([data-island-header]).header-hidden[data-sticky-type=on-scroll-up]{transform:translateY(calc(-100% - 8px));pointer-events:none}.header-section:has([data-island-header]).header-hidden .header[is=sticky-header][data-sticky-type=on-scroll-up]{transform:none}body:has([data-island-header]) .shopify-section-group-header-group,.shopify-section-group-header-group:has([data-island-header]){background:transparent}body:has([data-island-header]) .header-section .section.header:before{height:100%}body:has([data-island-header]) .topbar-section{overflow:hidden;display:flex;align-items:center}.js body:has([data-island-header]) .topbar.section:before,.js body:has([data-island-header]) .topbar.section.section--next-rounded:before,.js body:has([data-island-header]) .topbar.section.section--first-rounded:before,.js body:has([data-island-header]) .topbar-section .section:before{height:100%!important}body:has([data-island-header]) .topbar,body:has([data-island-header]) .topbar .announcement-bar,body:has([data-island-header]) .topbar .announcement__slide,body:has([data-island-header]) .topbar .announcement__content,body:has([data-island-header]) .topbar .marquee,body:has([data-island-header]) .topbar .scrolling-text{align-items:center}body:has([data-island-header]) .topbar .announcement-icon{display:flex;align-items:center;line-height:0}body:has([data-island-header]) .topbar .announcement-text{margin-block:0;display:flex;align-items:center;line-height:1.2}body:has([data-island-header]) .topbar .announcement__slide:not([aria-hidden]) .announcement__content{transform:none}
/*# sourceMappingURL=/cdn/shop/t/34/assets/repillow-island-header.css.map */