.float-menu__wrapper{position:fixed;top:calc(var(--base-fs) * 50);right:calc(var(--base-fs) * 50);z-index:10;width:calc(var(--base-fs) * 380);height:calc(var(--base-fs) * 48);color:#fff;background:var(--mymoods-blue);border-radius:9999px;box-shadow:0 3px 6px #00000029}@media screen and (max-width: 1200px){.float-menu__wrapper{width:300px;right:calc(var(--base-fs) * 24)}}@media screen and (max-width: 768px){.float-menu__wrapper{width:100px;right:calc(var(--base-fs) * 12)}}.float-menu__wrapper .float-menu__buttons{display:flex;justify-content:space-between;align-items:center;height:100%;padding:0 calc(var(--base-fs) * 20)}@media screen and (max-width: 768px){.float-menu__wrapper .float-menu__buttons{padding:0 10px}}.float-menu__wrapper .float-menu__buttons .float-menu__button{text-decoration:none;width:40px;height:40px;color:#fff;background:transparent;border:none;cursor:pointer;display:flex;justify-content:center;align-items:center;margin:0;padding:0}@media screen and (max-width: 768px){.float-menu__wrapper .float-menu__buttons .float-menu__button{width:32px;height:32px}.float-menu__wrapper .float-menu__buttons .float-menu__button:nth-child(-n+3){display:none}}.float-menu__wrapper .float-menu__buttons .float-menu__button.fav,.float-menu__wrapper .float-menu__buttons .float-menu__button.cart{position:relative}.float-menu__wrapper .float-menu__buttons .float-menu__button>:not(svg){display:flex;justify-content:center;align-items:center}.float-menu__wrapper .float-menu__buttons .float-menu__button svg{width:24px;height:24px}.float-menu__wrapper .float-menu__buttons .float-menu__button .cart-count-bubble{display:flex;justify-content:center;align-items:center;width:24px;height:24px;border-radius:50%;background-color:#f45151;color:#fff;padding:0;margin:0;position:absolute;top:0;right:-10px;font-size:14px;font-weight:700}@media screen and (max-width: 768px){.float-menu__wrapper .float-menu__buttons .float-menu__button .cart-count-bubble{width:20px;height:20px;font-size:12px;right:-8px}}@media screen and (max-width: 768px){.float-menu__wrapper .float-menu__buttons details{display:none}}#hamburger .open{display:block}#hamburger .close{display:none}.menu{position:fixed;top:0;left:100%;background:var(--mymoods-blue);transition:.5s;z-index:9;width:100vw;height:100vh}.menu .menu__container{max-width:1360px;margin-left:auto;height:100%;background:#f5f5f5;overflow-y:scroll;padding:calc(var(--base-fs) * 60)}@media screen and (max-width: 768px){.menu .menu__container{width:100vw;padding:calc(var(--base-fs) * 12)}}.menu .menu__container .menu__inner-container{display:flex;justify-content:space-between;align-items:flex-start;gap:calc(var(--base-fs) * 60)}@media screen and (max-width: 768px){.menu .menu__container .menu__inner-container{flex-direction:column;gap:0}}.menu .menu__container .menu__inner-container .menu__left{width:calc(var(--base-fs) * 300)}@media screen and (max-width: 768px){.menu .menu__container .menu__inner-container .menu__left{width:100%}}.menu .menu__container .menu__inner-container .menu__left .menu__left-top{margin-bottom:36px}@media screen and (max-width: 768px){.menu .menu__container .menu__inner-container .menu__left .menu__left-top{margin-bottom:12px}}.menu .menu__container .menu__inner-container .menu__left .menu__left-top .menu__left-top--logo-wrapper{color:var(--mymoods-blue)}@media screen and (max-width: 768px){.menu .menu__container .menu__inner-container .menu__left .menu__left-top .menu__left-top--logo-wrapper{width:100px;display:block}.menu .menu__container .menu__inner-container .menu__left .menu__left-top .menu__left-top--logo-wrapper svg{display:block;width:100%}}.menu .menu__container .menu__inner-container .menu__left .menu__left--sp-keyword{width:100%;margin-bottom:20px;display:none}@media screen and (max-width: 768px){.menu .menu__container .menu__inner-container .menu__left .menu__left--sp-keyword{display:block}}.menu .menu__container .menu__inner-container .menu__left .menu__left--sp-keyword .menu__left--sp-keyword--label{display:block;position:relative;width:100%;height:60px}.menu .menu__container .menu__inner-container .menu__left .menu__left--sp-keyword .menu__left--sp-keyword--label .menu__left--sp-keyword--input{width:100%;height:100%;border-radius:10px;border:none;padding:0 20px;font-family:var(--mymoods-font-poppins),sans-serif;font-weight:var(--mymoods-font-weight-medium);font-size:16px;color:#000;margin-bottom:20px}.menu .menu__container .menu__inner-container .menu__left .menu__left--sp-keyword .menu__left--sp-keyword--label .menu__left--sp-keyword--input::placeholder{font-weight:var(--mymoods-font-weight-black);color:var(--mymoods-placeholder-gray);font-size:10px}.menu .menu__container .menu__inner-container .menu__left .menu__left--sp-keyword .menu__left--sp-keyword--label .search-button{position:absolute;top:50%;right:0;transform:translateY(-50%);width:60px;height:60px;background-color:transparent;color:#000;border:none;display:flex;justify-content:center;align-items:center;cursor:pointer;border-top-right-radius:10px;border-bottom-right-radius:10px}.menu .menu__container .menu__inner-container .menu__left .menu__left--sp-buttons{display:none}@media screen and (max-width: 768px){.menu .menu__container .menu__inner-container .menu__left .menu__left--sp-buttons{width:100%;display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:40px}.menu .menu__container .menu__inner-container .menu__left .menu__left--sp-buttons .menu__left--sp-buttons--button{background-color:var(--mymoods-blue);color:#fff;font-family:var(--mymoods-font-poppins),sans-serif;font-weight:var(--mymoods-font-weight-black);font-size:16px;width:100%;height:60px;border-radius:10px;display:flex;justify-content:center;align-items:center;gap:10px;text-decoration:none}}.menu .menu__container .menu__inner-container .menu__left .links-list{list-style:none;padding:0 0 0 20px;margin:0 0 50px}.menu .menu__container .menu__inner-container .menu__left .links-list .links-list__item{margin-bottom:8px}.menu .menu__container .menu__inner-container .menu__left .links-list .links-list__item .links-list__details[open] .links-list__arrow>.icon-caret{transform:rotate(0)}.menu .menu__container .menu__inner-container .menu__left .links-list .links-list__item .links-list__summary{position:relative;cursor:pointer;list-style:none}.menu .menu__container .menu__inner-container .menu__left .links-list .links-list__item .links-list__summary .links-list__arrow{width:24px;height:24px;position:absolute;top:50%;right:calc(100% + 10px);transform:translateY(-50%);color:var(--mymoods-blue);transition:.3s}@media screen and (max-width: 768px){.menu .menu__container .menu__inner-container .menu__left .links-list .links-list__item .links-list__summary .links-list__arrow{right:calc(100% + 5px)}}.menu .menu__container .menu__inner-container .menu__left .links-list .links-list__item .links-list__summary .links-list__arrow>.icon-caret{position:unset;width:100%;height:100%;transform:rotate(-90deg);transition:.3s}.menu .menu__container .menu__inner-container .menu__left .links-list .links-list__item .links-list__summary .links-list__summary-title{flex:1}.menu .menu__container .menu__inner-container .menu__left .links-list .links-list__item .links-list__link{line-height:1.4;text-decoration:none;font-size:30px;color:var(--mymoods-blue);font-family:var(--mymoods-font-poppins),sans-serif;font-weight:var(--mymoods-font-weight-black)}.menu .menu__container .menu__inner-container .menu__left .links-list .links-list__item .links-list__sub-list{list-style:circle;padding-left:12px}.menu .menu__container .menu__inner-container .menu__left .links-list .links-list__item .links-list__sub-list .links-list__sub-list--item{margin-bottom:6px}.menu .menu__container .menu__inner-container .menu__left .links-list .links-list__item .links-list__link-small{line-height:1.2;text-decoration:none;font-size:18px;color:var(--mymoods-blue);font-family:var(--mymoods-font-poppins),sans-serif;font-weight:var(--mymoods-font-weight-black)}.menu .menu__container .menu__inner-container .menu__left .links-list .links-list__item .links-list__item--sub{text-decoration:none;font-size:16px;color:var(--mymoods-blue);font-family:var(--mymoods-font-poppins),sans-serif;font-weight:var(--mymoods-font-weight-bold)}@media screen and (max-width: 768px){.menu .menu__container .menu__inner-container .menu__left .links-list .links-list__item .links-list__item--sub{font-size:12px}}.menu .menu__container .menu__inner-container .menu__left .menu__social-icons{list-style:none;padding:0;margin:0;display:flex;gap:40px}@media screen and (max-width: 768px){.menu .menu__container .menu__inner-container .menu__left .menu__social-icons{display:none}}.menu .menu__container .menu__inner-container .menu__left .menu__social-icons .menu__social-icons--item{width:40px;height:40px;display:flex;justify-content:center;align-items:center}.menu .menu__container .menu__inner-container .menu__left .menu__social-icons .menu__social-icons--item .link{color:var(--mymoods-blue);padding:0;margin:0;width:100%;cursor:pointer;display:block}.menu .menu__container .menu__inner-container .menu__left .menu__social-icons .menu__social-icons--item .link .svg-wrapper{width:40px;height:40px}.menu .menu__container .menu__inner-container .menu__right{flex:1}@media screen and (max-width: 768px){.menu .menu__container .menu__inner-container .menu__right{padding-top:0}}.menu .menu__container .menu__inner-container .menu__right .menu__right--image-wrapper{display:block;width:100%;padding:0 0 40px}.menu .menu__container .menu__inner-container .menu__right .menu__right--image-wrapper .menu__right--image{display:block;width:100%;height:100%}.menu .menu__container .menu__inner-container .menu__right .menu__right--header{color:var(--mymoods-blue);font-family:var(--mymoods-font-poppins),sans-serif;font-weight:var(--mymoods-font-weight-extrabold);font-size:24px;margin-bottom:18px}@media screen and (max-width: 768px){.menu .menu__container .menu__inner-container .menu__right .menu__right--header{font-size:14px;margin-bottom:12px;color:#666}}.menu .menu__container .menu__inner-container .menu__right .menu__flavors{width:100%;padding:0;margin:0 0 80px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}@media screen and (max-width: 1200px){.menu .menu__container .menu__inner-container .menu__right .menu__flavors{width:100%;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 40px}}.menu .menu__container .menu__inner-container .menu__right .menu__flavors .menu__flavors--panel{padding:20px 0;position:relative;width:100%;height:100%;display:grid;grid-template-rows:subgrid;grid-row:span 2;gap:20px;border-radius:10px;transition:.3s;aspect-ratio:1 / 1.07}.menu .menu__container .menu__inner-container .menu__right .menu__flavors .menu__flavors--panel:hover{box-shadow:0 7px 14px #0000009f}.menu .menu__container .menu__inner-container .menu__right .menu__flavors .menu__flavors--panel .menu__flavors--image-wrapper{width:100%;padding:0 15px}.menu .menu__container .menu__inner-container .menu__right .menu__flavors .menu__flavors--panel .menu__flavors--image-wrapper .menu__flavors--image{display:block;width:100%;height:100%;object-fit:contain}.menu .menu__container .menu__inner-container .menu__right .menu__flavors .menu__flavors--panel .menu__flavors--title{font-family:var(--mymoods-font-poppins),sans-serif;font-weight:var(--mymoods-font-weight-black);font-size:28px;line-height:1;color:#fff;text-align:center;text-decoration:none}@media screen and (max-width: 992px){.menu .menu__container .menu__inner-container .menu__right .menu__flavors .menu__flavors--panel .menu__flavors--title{font-size:14px}}.menu .menu__container .menu__inner-container .menu__right .menu__flavors .menu__flavors--panel .menu__flavors--title .menu__flavors--link{display:block;width:0;height:0;overflow:hidden}.menu .menu__container .menu__inner-container .menu__right .menu__flavors .menu__flavors--panel .menu__flavors--title .menu__flavors--link:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%}.menu .menu__container .menu__inner-container .menu__right .menu__flavors .menu__flavors--panel.others{display:flex;justify-content:center;align-items:center;background-color:#486c8b;grid-column:span 4;height:180px}@media screen and (max-width: 1200px){.menu .menu__container .menu__inner-container .menu__right .menu__flavors .menu__flavors--panel.others{grid-column:span 3;height:80px}}.menu .menu__container .menu__inner-container .menu__right .menu__flavors--other{list-style:none}.menu .menu__container .menu__inner-container .menu__right .menu__flavors--other .menu__flavors--panel.others{display:flex;justify-content:center;align-items:center;background-color:#486c8b;grid-column:span 4;height:180px}@media screen and (max-width: 768px){.menu .menu__container .menu__inner-container .menu__right .menu__flavors--other .menu__flavors--panel.others{grid-column:span 3;height:80px}}.menu .menu__container .menu__inner-container .menu__right .menu__brands--wrapper{width:100%}@media screen and (max-width: 768px){.menu .menu__container .menu__inner-container .menu__right .menu__brands--wrapper{overflow-x:scroll}}.menu .menu__container .menu__inner-container .menu__right .menu__brands{padding:0;margin:0 0 80px;list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:15px;row-gap:42px}@media screen and (max-width: 768px){.menu .menu__container .menu__inner-container .menu__right .menu__brands{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:24px}}.menu .menu__container .menu__inner-container .menu__right .menu__brands .menu__brand--panel{padding:0;position:relative;width:100%;height:100%;max-width:100%;display:grid;grid-template-rows:subgrid;grid-row:span 2;gap:0;border-radius:10px;transition:.3s;overflow:hidden}.menu .menu__container .menu__inner-container .menu__right .menu__brands .menu__brand--panel:hover{box-shadow:0 7px 14px #0000009f}.menu .menu__container .menu__inner-container .menu__right .menu__brands .menu__brand--panel .menu__brand--top-image-wrapper{width:100%;padding:0;aspect-ratio:1 / 1}.menu .menu__container .menu__inner-container .menu__right .menu__brands .menu__brand--panel .menu__brand--top-image-wrapper .menu__brand--image{display:block;width:100%;height:100%;min-height:100%;object-fit:contain}.menu .menu__container .menu__inner-container .menu__right .menu__brands .menu__brand--panel .menu__brand--bottom-image-wrapper{width:100%;aspect-ratio:1.43 / 1;background-color:#fff}.menu .menu__container .menu__inner-container .menu__right .menu__brands .menu__brand--panel .menu__brand--bottom-image-wrapper .menu__brand--image{display:block;width:100%;height:100%;object-fit:contain}.menu .menu__container .menu__inner-container .menu__right .menu__brands .menu__brand--panel .menu__brand--bottom-image-wrapper .menu__brand--link{display:block;width:0;height:0;overflow:hidden}.menu .menu__container .menu__inner-container .menu__right .menu__brands .menu__brand--panel .menu__brand--bottom-image-wrapper .menu__brand--link:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%}.menu.active{left:0}#hamburger.active .open{display:none}#hamburger.active .close{display:block}.search-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999;background:#00000080}.search-overlay .search-overlay__content{display:flex;justify-content:center;align-items:center;padding-top:calc(var(--base-fs) * 38)}.search-overlay .search-overlay__content .search-modal__form{color:#000}.search-overlay .search-overlay__content .search-modal__form .field .search__input,.search-overlay .search-overlay__content .search-modal__form .field .field__label{font-family:var(--mymoods-font-poppins),sans-serif}.search-overlay .search-overlay__close-button{-webkit-appearance:none;appearance:none;border:none;width:42px;height:42px;display:flex;justify-content:center;align-items:center;background-color:transparent;color:#fff;cursor:pointer}
/*# sourceMappingURL=/cdn/shop/t/31/assets/section-float-menu.css.map */