: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:transparent;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,rgba(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,rgba(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:transparent;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:8.3em}.yo-top-header{font-size:.8em;font-weight:500!important}.yo-top-header *{font-size:1em;font-weight:500!important}.yo-header{height:7.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}#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,rgba(49,53,59,.12))}#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,rgba(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}@-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 rgba(66,165,245,.5)}.float-element.whatsapp{background:#4caf50;box-shadow:0 20px 20px -10px rgba(76,175,80,.5)}.float-element.yogya{background:#ff9800;box-shadow:0 20px 20px -10px rgba(255,152,0,.5)}.floating-image{background-position:center!important;background-repeat:no-repeat!important;background-size:cover!important}