:root{--darker-gray:#7f7f7f;--dark-gray:#bfbfbf;--text:#7f7f7f;--head-text:#404040;--light:#f8f9fa;--divider-light:#6c757d17;--krem:#fff3cd;--fashion:#843c0c;--supermarket:#00a659}.user-select-none{user-select:none}.font-weight-100{font-weight:100}.font-weight-200{font-weight:200}.font-weight-300{font-weight:300}.font-weight-400{font-weight:400}.font-weight-500{font-weight:500}.font-weight-600{font-weight:600}.font-weight-700{font-weight:700}.font-weight-800{font-weight:800}.font-weight-900{font-weight:900}.font-size-small{font-size:.5em}.font-size-100{font-size:.6em}.font-size-200{font-size:.7em}.font-size-300{font-size:.8em}.font-size-400{font-size:.9em}.font-size-500{font-size:1em}.font-size-600{font-size:1.1em}.font-size-700{font-size:1.2em}.font-size-800{font-size:1.3em}.font-size-900{font-size:1.4em}.font-size-larger{font-size:1.5em}.font-size-large{font-size:1.6em}.font-size-super{font-size:2em}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body *{font-size:14px}.hover-none:hover{color:inherit}.nav-profile-popup-container *{font-size:12px}.form-control{font-size:1em}.myOrder-title{font-size:.8em;margin-top:1em}.myOrder-image{font-size:.7em;margin-top:1em}.myOrder:hover{cursor:pointer}.border-dotted{border-style:dotted}.border-dashed{border-style:dashed}.border-dashed-double{border-style:dashed double}a:visited{color:inherit}.yo-input-group input{border:0 solid #fff;border-radius:0}.border-bottom-input{border-bottom:1px solid var(--darker-gray)!important}.border-gray{border-color:var(--dark-gray)!important}.border-light{border-color:var(--light)!important}.character-counter{position:absolute;right:.25em;bottom:.25em;font-size:.8em}.text-decoration-none:hover{color:inherit}.ellipsis-me span{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}.ellipsis-me{width:auto;overflow:hidden}.ellipsis-me span.one-line{-webkit-line-clamp:1}.ellipsis-me span.two-line{-webkit-line-clamp:2}.ellipsis-me span.three-line{-webkit-line-clamp:3}.breadcrumb{background-color:#fff0;padding:0;margin-bottom:.5em}.content-container .yo-container{font-size:.9rem}.breadcrumb *{color:var(--warning)}.breadcrumb-item+.breadcrumb-item::before{float:left;padding-right:.25rem;color:#6c757d;content:">"}.breadcrumb-item+.breadcrumb-item{padding-left:.25rem}a:hover{color:inherit;text-decoration:underline}.box-shadow-rounded{box-shadow:0 1px 6px 0 var(--color-shadow,rgb(49 53 59 / .12));padding-top:1em;padding-bottom:1em;margin-top:1em;margin-left:.5em;border-radius:5px}.box-shadow-light{box-shadow:0 1px 6px 0 var(--color-shadow,rgb(49 53 59 / .05))}input:focus,input:active{outline:none!important}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type="number"]{-moz-appearance:textfield}.counter-badge-container{position:relative}.counter-badge{position:absolute;background-color:#fff0;color:#fff;min-width:1.5em;padding:0em .5em;font-size:10px;right:0!important;top:0!important;height:1.5em;text-align:center;border-radius:10px}.counter-badge.active{background:#fa3e3e}.text-bold{font-weight:600}.text-soft{color:var(--text)!important}.text-gray{color:var(--dark-gray)}.yo-button{height:fit-content;padding:10px;font-weight:700;border-radius:10px}.text-dark-gray{color:var(--darker-gray)}.bg-krem{background-color:var(--krem)}.bg-dark-gray{background-color:var(--dark-gray)}body{font-family:"Montserrat",sans-serif;font-weight:400;color:var(--text)}.autocomplete{position:relative;display:inline-block}.autocomplete-items{position:absolute;border:1px solid #d4d4d4;border-bottom:none;border-top:none;z-index:99;top:100%;left:0;right:0}.autocomplete-items div{padding:10px;cursor:pointer;background-color:#fff;border-bottom:1px solid #d4d4d4}.autocomplete-items div:hover{background-color:#e9e9e9}.autocomplete-active{background-color:DodgerBlue!important;color:#fff}.floating{position:relative;display:inline-block}.floating-items{position:absolute;border:1px solid #d4d4d4;border-bottom:none;border-top:none;z-index:99;top:100%;left:0;right:0}.floating-items .item{padding:10px;cursor:pointer;background-color:#fff;border-bottom:1px solid #d4d4d4}.floating-items .item:hover{background-color:#e9e9e9}.floating-active{background-color:DodgerBlue!important;color:#fff}.cursor-pointer{cursor:pointer}.title{font-size:1.5em;font-weight:700;color:var(--head-text);margin-bottom:.5em}.divider{background:var(--dark-gray);width:100%;height:1px;margin-top:2em;margin-bottom:2em}.divider-light{background:var(--divider-light);height:1.5px;margin-top:1em;margin-bottom:1em}.shadow-bottom{box-shadow:0 4px 41px -16px var(--dark-gray)}.nav-header{background:#fff}.content-container{margin-top:7.3em}.yo-top-header{font-size:.8em;font-weight:500!important}.yo-top-header *{font-size:1em;font-weight:500!important}.yo-header{height:6.5em;color:var(--darker-gray)}.yo-header-icon{font-size:1.5em}.yo-search{width:55vw!important;margin:0 2em}.yo-keyword-populer-container{position:absolute;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;left:0;right:0}.yo-keyword-populer{font-size:.9em;margin-right:2em;cursor:pointer}.yo-logo{margin-top:.25em}.yo-logo img{width:10vw}.yo-container{max-width:85vw;margin-left:auto;margin-right:auto}.svg-icon{width:16px}.yo-line-vertical{height:2em;border:1.5px solid var(--dark-gray);margin-right:1em;margin-left:1em}.login-banner{height:86px;font-size:2em;font-weight:bolder}.login-banner img{width:27rem!important;margin-right:0.7em!important}.login-banner span{margin-top:.5em;letter-spacing:.6rem;color:var(--head-text);font-size:0.8em!important;font-weight:400}.modal-login-logo-container{position:absolute;background:#fff;border-radius:100%;top:-55px;left:39%;width:7em;height:7em}.modal-login-logo-container img{width:70%;padding:1px}.profile_input_group input{border:0 solid #fff;border-radius:0}#autocomplete-search *{border:none!important}a{color:inherit}a.row:hover{color:inherit;text-decoration:none}a.badge:hover{color:inherit;filter:brightness(.9)}#autocomplete-search.autocomplete-items div:hover{background:#fff;border:none;cursor:default}#autocomplete-search{background:#fff;border-radius:5px;border:none!important;box-shadow:0 1px 6px 0 var(--color-shadow,rgb(49 53 59 / .12))}#autocomplete-search span{font-weight:400}#autocomplete-search .badge{font-size:.9rem;cursor:pointer}#autocomplete-search .title{font-size:1.3em}.yo-keyword-populer-container{position:absolute;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;left:0;right:0}@media (max-width:1366px){#autocomplete-search .badge{font-size:.8rem}#header-menu-full .col-xl-9{-webkit-box-flex:0;-ms-flex:0 0 66.66666667%;flex:0 0 66.66666667%;max-width:66.66666667%}#header-menu-full .col-xl-3{-webkit-box-flex:0;-ms-flex:0 0 33.33333333%;flex:0 0 33.33333333%;max-width:33.33333333%}}#nav-notif.active{background:var(--light);position:relative}#nav-notif-popup *{border:none}#nav-notif-popup.floating-container{position:absolute;border:1px solid #d4d4d4;border-bottom:none;border-top:none;z-index:99;top:100%;left:unset;width:30em;right:-2.5em}#nav-notif-popup,.nav-notif-container{border-radius:5px}#nav-notif-popup{background:#fff;border:none!important;box-shadow:0 1px 6px 0 var(--color-shadow,rgb(49 53 59 / .12))}#nav-notif-popup span{font-weight:400}#nav-notif-popup .badge{font-size:.9rem;cursor:pointer}#nav-notif-popup .title{font-size:1.3em}.nav-notif-icon{width:3em}.nav-notif-value{font-weight:700;font-size:.9em;margin-left:1em}.nav-notif-list{list-style:none;padding-left:0}.nav-notif-list li{margin-bottom:1em}.nav-notif-list li a{color:unset;text-decoration:none}#nav-cart.active{background:var(--light);position:relative}#nav-cart-popup *{border:none}#nav-cart-popup.floating-container{position:absolute;border:1px solid #d4d4d4;border-bottom:none;border-top:none;z-index:99;top:100%;left:unset;width:30em;right:-2.5em}#nav-cart-popup,.nav-cart-container{border-radius:5px}#nav-cart-popup{background:#fff;border:none!important;box-shadow:0 1px 6px 0 var(--color-shadow,rgb(49 53 59 / .12))}#nav-profile.active{background:var(--light);position:relative}#nav-profile-popup *{border:none!important}#nav-profile-popup.floating-container{position:absolute;border:1px solid #d4d4d4;border-bottom:none;border-top:none;z-index:99;top:100%;left:unset;width:30em;right:-2.5em}#nav-profile-popup,.nav-profile-container{border-radius:5px}#nav-profile-popup{background:#fff;border:none!important;box-shadow:0 1px 6px 0 var(--color-shadow,rgb(49 53 59 / .12))}#nav-profile-popup span{font-weight:400}#nav-profile-popup .badge{font-size:.9rem;cursor:pointer}#nav-profile-popup .title{font-size:1.3em}.nav-profile-icon{width:3em}.nav-profile-value{font-weight:700;font-size:.9em;margin-left:1em}.nav-profile-list{list-style:none;padding-left:0}.nav-profile-list li{margin-bottom:1em}.nav-profile-list li a{color:unset;text-decoration:none}@-webkit-keyframes come-in{0%{-webkit-transform:translatey(100px);transform:translatey(100px);opacity:0}30%{-webkit-transform:translateX(-50px) scale(.4);transform:translateX(-50px) scale(.4)}70%{-webkit-transform:translateX(0) scale(1.2);transform:translateX(0) scale(1.2)}100%{-webkit-transform:translatey(0) scale(1);transform:translatey(0) scale(1);opacity:1}}@keyframes come-in{0%{-webkit-transform:translatey(100px);transform:translatey(100px);opacity:0}30%{-webkit-transform:translateX(-50px) scale(.4);transform:translateX(-50px) scale(.4)}70%{-webkit-transform:translateX(0) scale(1.2);transform:translateX(0) scale(1.2)}100%{-webkit-transform:translatey(0) scale(1);transform:translatey(0) scale(1);opacity:1}}.floating-fab-container{position:fixed;width:100px;height:100px;bottom:0;right:0;margin:35px 25px}.floating-fab-container:hover{height:270px}.floating-fab-container:hover .floating-button{-webkit-transform:translatey(5px);transform:translatey(5px);-webkit-transition:all 0.3s;transition:all 0.3s}.floating-fab-container:hover .element-container .float-element:nth-child(1){-webkit-animation:come-in 0.4s forwards 0.2s;animation:come-in 0.4s forwards 0.2s}.floating-fab-container:hover .element-container .float-element:nth-child(2){-webkit-animation:come-in 0.4s forwards 0.4s;animation:come-in 0.4s forwards 0.4s}.floating-fab-container:hover .element-container .float-element:nth-child(3){-webkit-animation:come-in 0.4s forwards 0.6s;animation:come-in 0.4s forwards 0.6s}.floating-fab-container .floating-button{position:absolute;width:65px;height:65px;bottom:0;border-radius:50%;left:0;right:0;margin:auto;color:#fff;line-height:65px;text-align:center;font-size:23px;z-index:100;cursor:pointer;-webkit-transition:all 0.3s;transition:all 0.3s}.floating-fab-container .float-element{cursor:pointer;position:relative;display:block;border-radius:50%;width:50px;height:50px;margin:15px auto;color:#fff;font-weight:500;text-align:center;line-height:50px;z-index:0;opacity:0;-webkit-transform:translateY(100px);transform:translateY(100px)}.floating-fab-container .float-element .material-icons{vertical-align:middle;font-size:16px}.float-element.facebook{background:#42a5f5;box-shadow:0 20px 20px -10px rgb(66 165 245 / .5)}.float-element.whatsapp{background:#4caf50;box-shadow:0 20px 20px -10px rgb(76 175 80 / .5)}.float-element.yogya{background:#ff9800;box-shadow:0 20px 20px -10px rgb(255 152 0 / .5)}.floating-image{background-position:center!important;background-repeat:no-repeat!important;background-size:cover!important}