.header{display:flex;position:fixed;top:0;left:0;justify-content:center;z-index:103;width:100%;height:40px}@media (min-width: 1000px){.header{height:60px}}.header .container{display:grid;grid-template-columns:repeat(3,1fr);justify-content:space-between;align-items:center;transition:background-color .4s cubic-bezier(.76,0,.24,1);padding:0 20px;width:100%}body.body--pink .header .container[data-scrolled=true]{background-color:#fff8f7}body.body--default .header .container[data-scrolled=true]{background-color:#fff}.header .container[data-scrolled=true][data-theme=light] .nav,.header .container[data-scrolled=true][data-theme=light] .logo,.header .container[data-scrolled=true][data-theme=light] .cart{color:#221919}.header .container[data-scrolled=true][data-theme=light] svelte-mobile-menu .mobile__toggle{color:#221919}.header .container[data-theme=light] .nav,.header .container[data-theme=light] .logo,.header .container[data-theme=light] .cart{color:#fff8f7}.header .container[data-theme=light] svelte-mobile-menu .mobile__toggle{color:#fff8f7}.header .container[data-theme=light]:has(.nav__drawer[data-is-visible=true]) .nav{color:#221919}.header .container[data-theme=light]:has(svelte-mobile-menu .mobile__drawer[data-mobile-drawer-open=true]) svelte-mobile-menu .mobile__toggle{color:#221919}.header .container[data-theme=light]:has(svelte-mobile-menu .mobile__drawer[data-mobile-drawer-open=true]) .logo{color:#221919}.header .container[data-theme=light]:has(svelte-mobile-menu .mobile__drawer[data-mobile-drawer-open=true]) .cart{color:#221919}.header .container[data-theme=dark] .nav,.header .container[data-theme=dark] .logo,.header .container[data-theme=dark] .cart{color:#221919}.header .container[data-theme=dark] svelte-mobile-menu .mobile__toggle{color:#221919}body.body--pink .header .container__product-template{background-color:#fff8f7}@media (min-width: 1000px){body.body--pink .header .container__product-template{background-color:inherit}}body.body--default .header .container__product-template{background-color:#fff}@media (min-width: 1000px){body.body--default .header .container__product-template{background-color:inherit}}.header .nav{display:none;grid-auto-flow:column;justify-content:start;align-items:center;gap:20px;transition:color .3s cubic-bezier(.76,0,.24,1)}@media (min-width: 1000px){.header .nav{display:grid}}.header .nav__item{display:flex;position:relative;align-items:center;gap:5px}.header .nav__item:has(.nav__drawer[data-is-visible=true]) .nav__arrow{transform:translate(100%) rotate(180deg)}.header .nav:has(.nav__drawer[data-is-visible=true]) .nav__item:not(:has(.nav__drawer[data-is-visible=true])) .nav__link{color:#6b5a5a}.header .nav__link{display:block;position:relative;cursor:pointer;border:none;background:none;padding:0;color:inherit;font-weight:400;font-size:14px;line-height:140%;font-family:Untitled,sans-serif}.header .nav__link:after{position:absolute;right:0;bottom:-2px;left:0;transition:width .3s ease-in-out;background:currentColor;width:0;height:1px;content:""}@media (min-width: 1000px){.header .nav__link:hover:not(:disabled):after,.header .nav__link:active:not(:disabled):after{width:100%}}.header .nav__link:hover:not(:disabled):disabled,.header .nav__link:active:not(:disabled):disabled{cursor:not-allowed;color:#6b5a5a}.header .nav__link{position:relative;z-index:103}.header .nav__arrow{cursor:pointer;border:none;background:none;color:inherit;display:flex;position:absolute;right:0;justify-content:center;align-items:center;transform:translate(100%);opacity:0;z-index:103;transition:opacity .3s cubic-bezier(.76,0,.24,1),transform .3s cubic-bezier(.76,0,.24,1);padding:0;pointer-events:none}.header .nav__arrow:focus{opacity:1;pointer-events:auto}body.body--pink .header .nav__drawer{background-color:#fff8f7}body.body--default .header .nav__drawer{background-color:#fff}.header .nav__drawer{display:grid;position:fixed;top:0;left:0;grid-template-rows:1fr 285px;z-index:102;transition:opacity .3s cubic-bezier(.76,0,.24,1);padding:60px 20px 40px;width:100%;max-width:390px;height:100%;color:#221919}.header .nav__drawer[data-is-visible=false]{opacity:0;transition:opacity .3s cubic-bezier(.76,0,.24,1) .11s;pointer-events:none}.header .nav__drawer[data-is-visible=true]{opacity:1;transition:opacity .3s cubic-bezier(.76,0,.24,1);pointer-events:auto}.header .nav__drawer--list{display:grid;row-gap:10px;grid-row:1;grid-column:1;align-content:start;margin:0;padding:0;list-style-type:none}.header .nav__drawer--link{display:block;position:relative;cursor:pointer;border:none;background:none;padding:0;color:inherit;font-weight:400;font-size:14px;line-height:140%;font-family:Untitled,sans-serif}.header .nav__drawer--link:after{position:absolute;right:0;bottom:-2px;left:0;transition:width .3s ease-in-out;background:currentColor;width:0;height:1px;content:""}@media (min-width: 1000px){.header .nav__drawer--link:hover:not(:disabled):after,.header .nav__drawer--link:active:not(:disabled):after{width:100%}}.header .nav__drawer--link:hover:not(:disabled):disabled,.header .nav__drawer--link:active:not(:disabled):disabled{cursor:not-allowed;color:#6b5a5a}.header .nav__drawer--link{display:block;width:fit-content}.header .nav__drawer__featured{display:grid;grid-template-rows:auto 1fr;row-gap:20px}.header .nav__drawer__featured--title{font-weight:400;font-size:14px;line-height:140%;font-family:Untitled,sans-serif}.header .nav__drawer__featured--images{display:grid;grid-auto-columns:1fr;grid-auto-flow:column;column-gap:10px;max-width:450px;height:100%}.header .logo{justify-self:center;z-index:103;transition:color .3s cubic-bezier(.76,0,.24,1),opacity .4s cubic-bezier(.76,0,.24,1);width:fit-content}@media (min-width: 1000px){.header .logo[data-visible=false]{opacity:0;pointer-events:none}}@media (min-width: 1000px){.header .logo[data-visible=true]{opacity:1;pointer-events:auto}}.header .logo svg{width:180px;height:20px}@media (min-width: 1000px){.header .logo svg{width:auto;height:26px}}.header .cart{display:block;position:relative;cursor:pointer;border:none;background:none;padding:0;color:inherit;font-weight:400;font-size:14px;line-height:140%;font-family:Untitled,sans-serif}.header .cart:after{position:absolute;right:0;bottom:-2px;left:0;transition:width .3s ease-in-out;background:currentColor;width:0;height:1px;content:""}@media (min-width: 1000px){.header .cart:hover:not(:disabled):after,.header .cart:active:not(:disabled):after{width:100%}}.header .cart:hover:not(:disabled):disabled,.header .cart:active:not(:disabled):disabled{cursor:not-allowed;color:#6b5a5a}.header .cart{justify-self:end;z-index:103;transition:color .3s cubic-bezier(.76,0,.24,1)}
