:root{--color-main:#4d2d18;--color-secondary:#4c6444;--color-background:#f5f5f5;--font-common:"Open Sans",sans-serif;--font-main-title:"Mitr",sans-serif}*{box-sizing:border-box;font-family:var(--font-common);font-weight:200;margin:0;padding:0}.page,body{background-color:var(--color-background)}.page{min-height:90vh}.page-enter-active,.page-leave-active{transition:opacity .4s ease}.page-enter-from,.page-leave-to{opacity:0}.layout-enter-active,.layout-leave-active{transition:opacity .4s ease}.layout-enter-from,.layout-leave-to{opacity:0}button:focus,input:focus,select:focus,textarea:focus{outline:none}.button{align-items:center;background-color:var(--color-secondary);border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-size:18px;justify-content:center;padding:10px 20px;text-decoration:none;transition:all .21s ease;width:-moz-fit-content;width:fit-content}.button:hover{background-color:var(--color-main)}.button-disabled{background-color:#5b5b5b;pointer-events:none}.input{border:none;border-radius:5px;box-shadow:0 0 5px #0000001a;font-size:15px;padding:10px 20px;transition:all .21s ease;width:200px}.input,.link{color:var(--color-text)}.link{text-decoration:none}.icon{background-color:#fff;height:25px;mask-origin:content-box;-webkit-mask-origin:content-box;mask-position:center;-webkit-mask-position:center;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-size:contain;-webkit-mask-size:contain;width:25px}.navbar-basket{cursor:pointer;position:relative}.navbar-basket-icon{background-color:var(--color-secondary);height:30px;transition:all .21s;width:30px}.navbar-basket:hover .navbar-basket-icon{background-color:var(--color-main)}.navbar-basket-items{align-items:center;background-color:#e11701;border-radius:10px;color:#fff;display:flex;font-size:12px;height:15px;justify-content:center;min-width:15px;padding-left:2px;padding-right:2px;position:absolute;right:0;text-align:center;top:0;transform:translate(25%,-25%);width:-moz-fit-content;width:fit-content;z-index:2}.navbar{background-color:var(--color-background);height:10vh;justify-content:space-between;padding-left:20px;position:sticky;top:0;z-index:100}.navbar,.navbar-title{align-items:center;display:flex;flex-direction:row}.navbar-title{font-size:30px;gap:10px;justify-content:center}.navbar-title img{height:35px}.navbar-options{align-items:center;display:flex;flex-direction:row;gap:50px;height:100%;padding-right:80px;position:relative}.navbar-angle{height:100%;left:0;pointer-events:none;position:absolute;top:0;transform:translate(-100%)}.navbar-options .link{font-size:22px}.navbar-option-line{background-color:var(--color-main);height:2px;transition:all .21s;width:0}.navbar-options .link:hover{color:var(--color-primary)}.navbar-options .link:hover .navbar-option-line{width:100%}.navbar-line{bottom:0;left:0;position:absolute;transform:translateY(90%);width:100%}.footer{align-items:center;background-color:var(--color-main);color:#fff;display:flex;flex-direction:column;gap:20px;margin-top:50px;width:100%}.footer-content{display:flex;flex-direction:row;justify-content:space-around;padding:20px;width:100%}.footer-content-column{display:flex;flex-direction:column;gap:10px}.footer-content-column h3{font-size:20px}.footer-social{align-items:center;color:#fff;display:flex;flex-direction:row;gap:10px;text-decoration:none}.footer-line{background-color:#fff;height:1px;width:100%}.footer-credits{align-items:center;display:flex;flex-direction:row;justify-content:center;padding:10px;position:relative;width:100%}.footer-credits .link{opacity:0;position:absolute;right:20px;transition:all .21s}.footer-credits .link:hover{opacity:1}.footer-icons{width:500px}