:root{--font-poppins: "Poppins", sans-serif;--font-roboto: "Roboto", sans-serif;--avatar-size: 110px}body{font-family:var(--font-poppins),var(--font-roboto),-apple-system,Ubuntu,Cantarell,"Helvetica Neue",sans-serif}.light-style .menu .app-brand.demo,.dark-style .menu .app-brand.demo{height:64px}.app-brand-logo.demo{-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;display:-ms-flexbox;display:flex}.app-brand-logo.demo img{margin-left:-1px}.app-brand-text.demo{font-size:1.375rem}.layout-navbar-fixed .layout-wrapper:not(.layout-without-menu) .layout-page{padding-top:64px!important}.layout-navbar-fixed .layout-wrapper:not(.layout-horizontal):not(.layout-without-menu) .layout-page{padding-top:72px!important}.content-wrapper .navbar{z-index:auto}.demo-blocks>*{display:block!important}.demo-inline-spacing>*{margin:1rem .375rem 0 0!important}.demo-vertical-spacing>*{margin-top:1rem!important;margin-bottom:0!important}.demo-vertical-spacing.demo-only-element>:first-child{margin-top:0!important}.demo-vertical-spacing-lg>*{margin-top:1.875rem!important;margin-bottom:0!important}.demo-vertical-spacing-lg.demo-only-element>:first-child{margin-top:0!important}.demo-vertical-spacing-xl>*{margin-top:5rem!important;margin-bottom:0!important}.demo-vertical-spacing-xl.demo-only-element>:first-child{margin-top:0!important}.rtl-only{display:none!important;text-align:left!important;direction:ltr!important}[dir=rtl] .rtl-only{display:block!important}@media (max-width: 576px){#dropdown-variation-demo .btn-group .text-truncate{width:254px;position:relative}#dropdown-variation-demo .btn-group .text-truncate:after{position:absolute;top:45%;right:.65rem}}.layout-demo-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-top:1rem}.layout-demo-placeholder img{width:900px}.layout-demo-info{text-align:center;margin-top:1rem}.shop-card{cursor:pointer;overflow:hidden;position:relative;transition:background-color .5s,-webkit-transform .5s!important;transition:transform .5s,background-color .5s!important;transition:transform .5s,background-color .5s,-webkit-transform .5s!important;border-radius:12px;min-height:220px}.shop-card:hover.shop-price-card{-webkit-transform:none!important;transform:none!important;border:2px solid var(--bs-primary)!important;overflow:hidden}.card-selected{border:2px solid var(--bs-primary)!important;overflow:hidden;transition:border .3s ease-in-out,transform .2s ease-in-out;transform:scale(1.05)}.progress-circle{margin:auto;position:relative;width:calc(var(--avatar-size) * 1.1);height:calc(var(--avatar-size) * 1.1);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px rgba(var(--bs-primary-rgb),.3)}.progress-circle img{width:var(--avatar-size);height:var(--avatar-size);object-fit:cover;border-radius:50%;z-index:10;transform:scale(1);transition:transform .3s ease,box-shadow .3s ease}.progress-circle img:hover{transform:scale(1.1);box-shadow:0 0 15px rgba(var(--bs-primary-rgb),.5)}@keyframes fadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.progress-circle img{animation:fadeIn .5s ease-out}.progress-circle:before{content:"";position:absolute;width:calc(var(--avatar-size) - 4px);height:calc(var(--avatar-size) - 4px);background:#000;border-radius:50%;z-index:5}.progress-circle .badge{position:absolute;bottom:0;right:6%;font-size:10px;z-index:11;padding:5px 10px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;min-width:20px;min-height:20px;line-height:1;box-shadow:0 4px 6px #0000001a;font-weight:700}@media only screen and (max-width: 600px){.progress-circle{--avatar-size: 50px}}