.p-s{padding:var(--unit-s)}.p-m{padding:var(--unit-m)}.p-l{padding:var(--unit-l)}.px-s{padding-left:var(--unit-s);padding-right:var(--unit-s)}.px-m{padding-left:var(--unit-m);padding-right:var(--unit-m)}.px-l{padding-left:var(--unit-l);padding-right:var(--unit-l)}.py-s{padding-top:var(--unit-s);padding-bottom:var(--unit-s)}.py-m{padding-top:var(--unit-m);padding-bottom:var(--unit-m)}.py-l{padding-top:var(--unit-l);padding-bottom:var(--unit-l)}.pt-s{padding-top:var(--unit-s)}.pt-m{padding-top:var(--unit-m)}.pt-l{padding-top:var(--unit-l)}.pr-s{padding-right:var(--unit-s)}.pr-m{padding-right:var(--unit-m)}.pr-l{padding-right:var(--unit-l)}.pb-s{padding-bottom:var(--unit-s)}.pb-m{padding-bottom:var(--unit-m)}.pb-l{padding-bottom:var(--unit-l)}.pl-s{padding-left:var(--unit-s)}.pl-m{padding-left:var(--unit-m)}.pl-l{padding-left:var(--unit-l)}.row{display:flex;flex-direction:row}.row--wrap{flex-wrap:wrap}.row.row--reverse{flex-direction:row-reverse}.column--middle,.row--center{justify-content:center}.row--right{justify-content:flex-end}.row--between{justify-content:space-between}.row--around{justify-content:space-around}.column--evenly,.row--evenly{justify-content:space-evenly}.column--center,.row--middle{align-items:center}.row--bottom{align-items:flex-end}.row.row--devider>*{border-left:1px solid var(--color-border)}.row.row--devider>:first-child{border-left:none}.column{display:flex;flex-direction:column}.column.column--bottom{justify-content:end}.column.column--devider>*{border-top:1px solid var(--color-border)}.column.column--devider>:first-child{border-top:none}.gap-s{gap:var(--unit-s)}.gap-m{gap:var(--unit-m)}.gap-l{gap:var(--unit-l)}.flex{flex:1}.flex-grow{flex-grow:1}.flex-shrink{flex-shrink:1}.flex-no-shrink{flex-shrink:0}.pos-r{position:relative}.w-100{width:100%}.scroll-x{overflow-x:auto}.scroll-y{overflow-y:auto}.hidden-y{overflow-y:hidden}.scroll--transparent{scrollbar-color:transparent transparent}.scroll--transparent::-webkit-scrollbar{display:none}.fab-container{position:fixed;left:50%;bottom:var(--navigation-height);align-items:center;justify-content:center;transform:translateX(-50%) translateY(50%);z-index:2}.fab-container,.form{display:flex;gap:var(--unit-m)}.form{flex-direction:column}.input-simple{background-color:transparent;border-radius:100px;padding:var(--unit-s) var(--unit-m);width:100%;flex-grow:1;border:1px solid var(--color-border);color:var(--color-fg);font-size:1rem;box-sizing:border-box}.input-simple.input-simple--active{border-color:var(--color-primary)}.input__label{font-size:var(--font-s);font-weight:lighter}.input__label--inline{flex-basis:20%;flex-shrink:0;font-size:var(--font-m);text-overflow:ellipsis;overflow:hidden}.input__button{position:absolute;right:var(--unit-s)}.rating{box-sizing:border-box;color:var(--color-border);border-radius:100px;background-color:transparent;border:none;width:44px;height:44px;font-size:1.5rem;display:flex;justify-content:center;align-items:center;font-family:emoji;transition:background-color .18s ease}.rating:active{background-color:var(--color-active);transition-duration:0ms}.rating--active{color:var(--color-primary)}textarea{resize:none}select{background-color:transparent;border:none;padding:var(--unit-s);color:var(--color-border);border-radius:var(--unit-s);font-size:1rem}.autocomplete{display:none;position:absolute;z-index:10;box-sizing:border-box;bottom:100%;right:0;max-height:150px;width:60%;flex-direction:column;overflow-y:auto;background-color:var(--color-bg);border-radius:16px;border:1px solid var(--color-primary);scrollbar-color:transparent transparent}.autocomplete.autocomplete--visible{display:flex}.autocomplete__item{box-sizing:border-box;color:var(--color-fg);padding:var(--unit-m);background-color:transparent;white-space:nowrap;border:none}input[type=file]{border:dashed 3px var(--color-border);border-radius:var(10px);text-align:center;padding:var(--unit-l)}.input-option{border-radius:20px;border:solid 1px var(--color-border);color:var(--color-fg);padding:var(--unit-s) var(--unit-m);background-color:transparent;white-space:nowrap}.input-option.input-option--active{color:var(--color-primary);border-color:var(--color-primary)!important}.toggle{border:1px solid var(--color-border);border-radius:20px;padding:var(--unit-s) var(--unit-m);background-color:transparent;color:var(--color-fg);white-space:nowrap;text-align:center}.toggle--active{color:var(--color-primary);border-color:var(--color-primary)!important}.toggle.toggle--dual-line{display:flex;flex-direction:column;align-items:stretch;gap:4px;border-radius:32px;box-sizing:border-box}.btn{background-color:transparent;border-radius:var(--unit-s);padding:var(--unit-s) var(--unit-m);font-size:1rem;transition:background-color .18s ease;border:none;text-decoration:none;white-space:nowrap}a.btn{cursor:default}.btn:active{transition-duration:0ms}.btn--primary{color:var(--color-primary)}.btn--primary:hover,.btn--secondary:hover{background-color:var(--color-hover)}.btn--primary:active,.btn--secondary:active{background-color:var(--color-active)}.btn--secondary{color:var(--color-fg);background-color:transparent}.btn-fab{display:flex;align-items:center;justify-content:center;color:var(--color-bg);background-color:var(--color-primary);height:52px;width:52px;border-radius:100%;font-size:1rem;border:none;transition:background-color .32s ease;text-decoration:none;font-weight:700;cursor:default}.btn-fab:active{background-color:var(--color-primary-lighter);transition-duration:0ms}.btn-fab.btn-fab--danger{background-color:var(--color-danger)}.btn.btn--circle{width:38px;height:38px;padding:0;flex-shrink:0}.btn-thumb,.btn.btn--circle{display:flex;justify-content:center;align-items:center;border-radius:100%}.btn-thumb{position:relative;box-sizing:border-box;flex-direction:row;width:52px;height:52px;border:1px solid var(--color-border);transition:border .12s ease,color .12s ease}.btn-thumb--primary{border-color:var(--color-like);color:var(--color-love)}.btn-thumb:before{content:"";position:absolute;width:50%;height:8px;bottom:-4px;background-color:var(--color-bg)}.btn-thumb:active{transition-duration:60ms;border-color:var(--color-primary);border-width:2px;color:var(--color-primary)}.text-bold{font-weight:700}.text-light{font-weight:lighter}.text-center{text-align:center}.text-left{text-align:left}.text-secondary{color:var(--color-fg-secondary)}.text-primary{color:var(--color-primary)}.text-danger{color:var(--color-danger)}.text-s{font-size:var(--font-s)}.text-m{font-size:var(--font-m)}.text-l{font-size:var(--font-l)}.text-1{font-size:var(--font-m)}.text-2{font-size:calc(var(--font-m)*1.5)}.text-3{font-size:calc(var(--font-m)*2)}.text-4{font-size:calc(var(--font-m)*3)}.text-5{font-size:calc(var(--font-m)*4)}.text-6{font-size:calc(var(--font-m)*5)}.text-7{font-size:calc(var(--font-m)*6)}.mono{font-family:monospace}.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.modal-view{position:fixed;z-index:10;left:0;top:0;background-color:rgba(23,17,23,.8);width:100vw;height:100vh;align-items:center;padding:var(--unit-m)}.modal,.modal-view{box-sizing:border-box;display:flex;justify-content:center}.modal{width:100%;background-color:var(--color-bg-secondary);border-radius:8px;max-width:400px;border:1px solid var(--color-border);overflow:hidden}.modal__inner{flex-shrink:0;padding:var(--unit-m);max-width:400px;box-sizing:border-box}.progress{position:relative;width:100%;background-color:var(--color-border);border-radius:3px;height:7px;overflow:hidden}.progress .progress__bar,.progress.progress--infinite:before{display:block;height:100%;border-radius:3px;background-color:var(--color-primary)}.progress.progress--infinite:before{position:absolute;content:"";width:25%;animation-name:slideright;animation-duration:1.5s;animation-iteration-count:infinite;animation-timing-function:linear}@keyframes slideright{0%{left:0;transform:translateX(-100%)}to{left:100%;transform:translateX(0)}}.icon{width:24px;height:24px;display:block}.icon--s{width:12px;height:12px}.icon--m{width:18px;height:18px}.icon--l{width:24px;height:24px}.tag{font-size:.8em;background-color:var(--color-bg-secondary);border-radius:6px;padding:4px 8px;border:1px solid var(--color-border)}.jurnal{--grid-gap:var(--unit-s);display:flex;flex-direction:column;gap:var(--unit-l)}.jurnal__day-records{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--grid-gap)}.jurnal__day-title{color:var(--color-fg-secondary)}.record{box-sizing:border-box;overflow:hidden;--border-radius:8px;position:relative;border:1px solid var(--color-border);border-radius:var(--border-radius);gap:var(--unit-m);background-color:var(--color-bg)}.jurnal.journal--list .record,.record{width:100%}@media (min-width:410px){.record{width:calc(50% - var(--grid-gap)/2)}}@media (min-width:680px){.record{width:calc(33.33% - var(--grid-gap)*2/3)}}.record__detail{display:flex;flex-direction:column;gap:var(--unit-s);flex-grow:1}.jurnal.journal--list .record__detail{justify-content:center;align-items:flex-start;gap:var(--unit-s)}.record__tasting{display:flex;flex-direction:column;gap:var(--unit-s)}.record__title{font-size:var(--font-l);text-align:center;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:var(--unit-s)}.jurnal.journal--list .record__title{justify-content:flex-start}.record__subtitle{color:var(--color-fg-secondary);font-weight:lighter;font-size:var(--font-s);text-align:center}.record__rating{text-align:center;display:flex;justify-content:center;align-items:center}.record__rating-value{font-size:1.6rem}.record__rating-maximum{font-weight:lighter}.record__profile{height:56px;display:flex;gap:var(--unit-s);justify-content:center;align-items:flex-end;flex-grow:1}.jurnal.journal--list .record__profile{height:42px}.jurnal.journal--list .record__rating-value{font-size:1.2rem}.bar{border-radius:4px;background-color:var(--color-border)}.bar.bar--transition,.point.point--transition{transition:width .18s ease,height .18s ease,background-color .18s ease}.bar.bar--y{width:var(--unit-s);min-height:4%}.bar--y.bar--intensity-1{height:4%}.bar--y.bar--intensity-2{height:25%}.bar--y.bar--intensity-3{height:50%}.bar--y.bar--intensity-4{height:75%}.bar--y.bar--intensity-5{height:100%}.bar.bar--x{height:var(--unit-s);min-width:4%}.bar--x.bar--intensity-1{width:4%}.bar--x.bar--intensity-2{width:25%}.bar--x.bar--intensity-3{width:50%}.bar--x.bar--intensity-4{width:75%}.bar--x.bar--intensity-5{width:100%}.bar--quality-1,.point--quality-1,.point--quality-1:before{background-color:var(--color-hate)}.bar--quality-2,.point--quality-2,.point--quality-2:before{background-color:var(--color-dislike)}.bar--quality-3,.point--quality-3,.point--quality-3:before{background-color:var(--color-ok)}.bar--quality-4,.point--quality-4,.point--quality-4:before{background-color:var(--color-like)}.bar--quality-5,.point--quality-5,.point--quality-5:before{background-color:var(--color-love)}.bar--active{background-color:var(--color-primary)}.bar.bar--disabled{background-color:var(--color-border)}.point.point--y{width:2px;position:relative;transition:background-color .18s ease}.point.point--y:before{content:"";width:var(--unit-m);height:var(--unit-m);border-radius:100%;position:absolute;top:0;left:50%;transform:translateY(-50%) translateX(-50%);transition:background-color .18s ease}.scale{position:absolute;top:50%;left:0;display:flex;flex-direction:row;justify-content:space-between;width:100%;height:1px}.scale,.scale__tick{background-color:var(--color-border)}.scale__tick{width:1px;transform:translateY(-50%);height:var(--unit-m)}.context-menu{display:none;position:absolute;z-index:10;top:0;border-radius:var(--unit-s);background-color:var(--color-bg-secondary);min-width:140px}.context-menu--left{left:0}.context-menu--right{right:0}.context-menu--opened{display:block}.context-menu__header{display:flex}.context-menu--right .context-menu__header{justify-content:right}.context-menu--left .context-menu__header{justify-content:left}.context-menu__item{box-sizing:border-box;padding:var(--unit-m);transition:background-color .18s ease;border:none;width:100%;background-color:transparent;color:var(--color-fg);font-size:1rem;text-align:left;white-space:nowrap}.context-menu__item:active{background-color:var(--color-active);transition-delay:0ms}.rank-item{display:flex;flex-direction:row;align-items:center;color:var(--color-fg-secondary);padding:var(--unit-s) var(--unit-m);font-weight:lighter}.rank-item:hover{background-color:var(--color-hover)}.rank-item:active{background-color:var(--color-active)}.rank-item .bar{background-color:var(--color-border)}.rank-item:first-of-type{color:var(--color-primary);font-weight:400}.rank-item:first-of-type .bar{background-color:var(--color-primary)}.rank-item__rank{box-sizing:border-box;padding-right:var(--unit-m);width:3rem}.rank-item__name{flex-grow:1}.rank-item__value{box-sizing:border-box;padding-left:var(--unit-m);width:3.5rem;text-align:right;font-size:1.3rem}.rank-item__bar{width:25%;max-width:140px;display:flex;flex-direction:row-reverse}.rating-composition{display:flex;flex-direction:column;gap:var(--unit-s);color:var(--color-fg-secondary)}.rating-composition--active .bar{background-color:var(--color-primary)}.rating-composition.rating-composition--active{color:var(--color-primary)}.rating-composition__bar{display:flex;flex-direction:column-reverse;align-items:center;height:56px}.rating-composition__graph{width:100px}.property-graph{width:100px;height:100px;border:1px solid var(--color-border);border-radius:8px}.property-graph,.property-graph__column{display:flex;justify-content:space-evenly}.property-graph__column{flex-basis:20%;flex-direction:column-reverse;align-items:center}.property-graph__cell{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-basis:20%}.property-graph__dot{width:0;height:0;border-radius:50%;background-color:var(--color-border);transition:width .12s ease,height .12s ease,background-color .12s ease}.property-graph__dot.property-graph__dot--active{background-color:var(--color-primary)}.property-graph__dot.property-graph__dot--s{width:5px;height:5px}.property-graph__dot.property-graph__dot--m{width:8px;height:8px}.property-graph__dot.property-graph__dot--l{width:13px;height:13px}.rating-timeline{position:relative;display:flex;flex-direction:row-reverse;flex-grow:1;border-top:solid 1px var(--color-border);border-bottom:solid 1px var(--color-border)}.rating-timeline__item{position:relative;width:18px;height:18px;display:flex;justify-content:center;align-items:center;flex-shrink:0}.rating-timeline__item.rating-timeline__item--1{top:80%}.rating-timeline__item.rating-timeline__item--2{top:60%}.rating-timeline__item.rating-timeline__item--3{top:40%}.rating-timeline__item.rating-timeline__item--4{top:20%}.rating-timeline__item.rating-timeline__item--5{top:0}.rating-timeline__dot{width:5px;height:5px;border-radius:50%;background-color:var(--color-primary)}.carousel-list{max-height:155px;overflow-y:auto;scroll-snap-type:y mandatory;scroll-snap-stop:always;scrollbar-color:auto}.animation--fade-enter-active,.animation--fade-leave-active{transition:opacity var(--animation-duration-m) var(--animation-function)}.animation--fade-enter-from,.animation--fade-leave-to{opacity:0}.animation--fade-enter-to,.animation--fade-leave-from{opacity:1}.animation--slide-in-enter-active,.animation--slide-out-leave-active{position:fixed;width:100%;height:100%;box-sizing:border-box}.animation--slide-in-leave-active .fab-container,.animation--slide-in-leave-active nav,.animation--slide-out-enter-active .fab-container,.animation--slide-out-enter-active nav{transition:transform var(--animation-duration-l) var(--animation-function)}.animation--slide-in-leave-active .fab-container{transform:translateX(-50%) translateY(150%)}.animation--slide-in-leave-from .fab-container,.animation--slide-out-enter-active .fab-container{transform:translateX(-50%) translateY(50%)}.animation--slide-out-enter-from .fab-container{transform:translateX(-50%) translateY(150%)}.animation--slide-in-leave-active nav{transform:translateY(100%)}.animation--slide-in-leave-from nav,.animation--slide-out-enter-active nav{transform:translateY(0)}.animation--slide-out-enter-from nav{transform:translateY(100%)}.animation--slide-in-enter-active,.animation--slide-in-enter-active .view,.animation--slide-out-enter-active,.animation--slide-out-enter-active .fab-container,.animation--slide-out-enter-active .view,.animation--slide-out-enter-active nav{transition-delay:var(--animation-duration-s)}.animation--slide-in-leave-active,.animation--slide-out-enter-active{transition:opacity var(--animation-duration-l) var(--animation-function)}.animation--slide-in-leave-active{opacity:0}.animation--slide-in-leave-from,.animation--slide-out-enter-active{opacity:1}.animation--slide-out-enter-from{opacity:0}.animation--slide-in-leave-active .view,.animation--slide-out-enter-active .view{transition-property:transform;transition-duration:var(--animation-duration-l);transition-timing-function:var(--animation-function);transform-origin:50vw 50vh;scrollbar-color:transparent transparent}.animation--slide-in-leave-active .view::-webkit-scrollbar,.animation--slide-out-enter-active .view::-webkit-scrollbar{display:none}.animation--slide-in-leave-active .view{transform:perspective(40cm) translateZ(-100px)}.animation--slide-in-leave-from .view,.animation--slide-out-enter-active .view{transform:perspective(40cm) translateZ(0)}.animation--slide-out-enter-from .view{transform:perspective(40cm) translateZ(-100px)}.animation--slide-in-enter-active,.animation--slide-out-leave-active{transition-property:transform,opacity;transition-duration:var(--animation-duration-l);transition-timing-function:var(--animation-function)}.animation--slide-in-enter-active{transform:translateY(0);opacity:1}.animation--slide-in-enter-from,.animation--slide-out-leave-active{opacity:0;transform:translateY(30vh)}.animation--slide-out-leave-from{opacity:1;transform:translateY(0)}.animation--slide-left-enter-active .view,.animation--slide-left-leave-active .view,.animation--slide-right-enter-active .view,.animation--slide-right-leave-active .view{transition-property:transform,opacity;transition-duration:var(--animation-duration-l);transition-timing-function:var(--animation-function);scrollbar-color:transparent transparent}.animation--slide-left-enter-active .view::-webkit-scrollbar,.animation--slide-left-leave-active .view::-webkit-scrollbar,.animation--slide-right-enter-active .view::-webkit-scrollbar,.animation--slide-right-leave-active .view::-webkit-scrollbar{display:none}.animation--slide-left-leave-active .view,.animation--slide-right-leave-active .view{position:fixed;top:0;width:100%;height:calc(100vh - var(--navigation-height));overflow-y:auto;box-sizing:border-box}.animation--slide-left-enter-active .fab-container,.animation--slide-left-leave-active .fab-container,.animation--slide-right-enter-active .fab-container,.animation--slide-right-leave-active .fab-container{transition:transform var(--animation-duration-l) var(--animation-function),opacity var(--animation-duration-l) var(--animation-function)}.animation--slide-left-leave-active .fab-container{transform:translateX(calc(-100vw - 50%)) translateY(50%) scaleX(.8);opacity:0}.animation--slide-left-leave-from .fab-container{transform:translateX(-50%) translateY(50%) scale(1);opacity:1}.animation--slide-right-leave-active .fab-container{transform:translateX(calc(100vw - 50%)) translateY(50%) scaleX(.8);opacity:0}.animation--slide-left-enter-active .fab-container,.animation--slide-right-leave-from .fab-container{transform:translateX(-50%) translateY(50%) scale(1);opacity:1}.animation--slide-left-enter-from .fab-container{transform:translateX(calc(100vw - 50%)) translateY(50%) scaleX(.8);opacity:0}.animation--slide-right-enter-active .fab-container{transform:translateX(-50%) translateY(50%) scale(1);opacity:1}.animation--slide-right-enter-from .fab-container{transform:translateX(calc(-100vw - 50%)) translateY(50%) scaleX(.8);opacity:0}.animation--slide-left-leave-active .view{transform:translateX(-100%) scaleX(.8);opacity:.4}.animation--slide-left-enter-active .view,.animation--slide-left-leave-from .view{transform:translateX(0) scaleX(1)}.animation--slide-left-enter-from .view,.animation--slide-right-leave-active .view{transform:translateX(100%) scaleX(.8);opacity:.4}.animation--slide-right-enter-active .view,.animation--slide-right-leave-from .view{transform:translateX(0) scaleX(1)}.animation--slide-right-enter-from .view{transform:translateX(-100%) scaleX(.8);opacity:.4}.animation-display-mode .svg-1,.animation-display-mode .svg-2,.animation-display-mode .svg-3,.animation-display-mode .svg-4{transition:transform var(--animation-duration-l) var(--animation-function)}.animation-display-mode.animation-display-mode--grid .svg-1{transform:translateX(12.5%) translateY(12.5%)}.animation-display-mode.animation-display-mode--grid .svg-2{transform:translateX(57.5%) translateY(12.5%)}.animation-display-mode.animation-display-mode--grid .svg-3{transform:translateX(12.5%) translateY(57.5%)}.animation-display-mode.animation-display-mode--grid .svg-4{transform:translateX(57.5%) translateY(57.5%)}.animation-display-mode.animation-display-mode--list .svg-1{transform:translateX(12.5%) translateY(12.5%) scale(2.5,.5)}.animation-display-mode.animation-display-mode--list .svg-2{transform:translateX(12.5%) translateY(42.5%) scale(2.5,.5)}.animation-display-mode.animation-display-mode--list .svg-3{transform:translateX(12.5%) translateY(72.5%) scale(2.5,.5)}.animation-display-mode.animation-display-mode--list .svg-4{transform:translateX(12.5%) translateY(102.5%) scale(2.5,.5)}.list-enter-active,.list-leave-active,.list-move{transition:all var(--animation-duration-m) var(--animation-function)}.list-enter-from,.list-leave-active{opacity:0;transform:scale(.01)}.list-leave-active{position:absolute}.animation--graph-point-enter-active .point--y,.animation--graph-point-leave-active .point--y{transition:transform var(--animation-duration-l) var(--animation-function),opacity var(--animation-duration-l) var(--animation-function);transform-origin:50% 100%}.animation--graph-point-enter-from .point--y,.animation--graph-point-leave-to .point--y{transform:scale(.5,0);opacity:.5}.animation--graph-bar-enter-active,.animation--graph-bar-leave-active{transition:transform var(--animation-duration-l) var(--animation-function) .25s,opacity var(--animation-duration-l) var(--animation-function) .25s;transform-origin:50% 100%}.animation--graph-bar-enter-from,.animation--graph-bar-leave-to{transform:scale(.5,0);opacity:.5}.animation--top-slide-enter-active,.animation--top-slide-leave-active{transition:transform var(--animation-duration-l) var(--animation-function) var(--animation-duration-l),opacity var(--animation-duration-l) var(--animation-function) var(--animation-duration-l)}.animation--top-slide-enter-from,.animation--top-slide-leave-to{transform:translateY(-100%);opacity:0}.animation--modal-enter-from,.animation--modal-leave-to{opacity:.3}.animation--modal-enter-active,.animation--modal-leave-active{transition:opacity var(--animation-duration-m) var(--animation-function)}.animation--modal-leave-active{transition-delay:var(--animation-duration-s)}.animation--modal-enter-to,.animation--modal-leave-from{opacity:1}.animation--modal-enter-from .modal,.animation--modal-leave-to .modal{width:2px}.animation--modal-enter-active .modal,.animation--modal-leave-active .modal{transition:width var(--animation-duration-l) var(--animation-function)}.animation--modal-enter-to .modal,.animation--modal-leave-from .modal{width:100%}.animation--day-records-leave-active .record.record--deleting,.animation--list-delete-leave-active,.animation--record-leave-active.record{transition:opacity .4s ease,transform .4s ease}.animation--day-records-leave-to .record.record--deleting,.animation--list-delete-leave-to,.animation--record-leave-to.record{opacity:0;transform:translateX(-100%)}.jurnal.journal--grid .animation--day-records-leave-to .record:nth-child(2n).record--deleting,.jurnal.journal--grid .animation--record-leave-to.record:nth-child(2n){opacity:0;transform:translateX(100%)}.animation--day-records-leave-from .record.record--deleting,.animation--list-delete-leave-from,.animation--record-leave-from.record{opacity:1;transform:translateX(0)}.animation--day-records-enter-active,.animation--day-records-leave-active{transition:opacity ease var(--animation-duration-m)}.animation--day-records-enter-active{transition-delay:var(--animation-duration-m)}.animation--day-records-enter-from,.animation--day-records-leave-to{opacity:0}.animation--day-records-enter-to,.animation--day-records-leave-from{opacity:1}@keyframes modalInnerDisplay{0%{transform:scale(32)}50%{transform:scaleX(32) scaleY(1)}to{transform:scale(1)}}.reflection-animation{animation-name:reflection;animation-duration:1.5s;animation-iteration-count:infinite;animation-timing-function:ease-out;background:linear-gradient(105deg,transparent 40%,#202020 50%,transparent 85%);background-size:600%}.wiggle-animation{animation-name:wiggle;animation-duration:.7s;animation-iteration-count:infinite;animation-timing-function:ease-out;transform-origin:right}@keyframes reflection{0%{background-position:0}to{background-position:100%}}@keyframes wiggle{0%{transform:rotate(0deg) translateY(0)}10%{transform:rotate(2deg) translateY(3px)}23%{transform:rotate(-1deg) translateY(-2px)}55%{transform:rotate(1deg) translateY(2px)}61%{transform:rotate(-3deg) translateY(-3px)}87%{transform:rotate(1deg) translateY(3px)}to{transform:rotate(0deg) translateY(0)}}@font-face{font-family:icomoon;src:url(/fonts/icomoon.55a6b46a.ttf) format("truetype"),url(/fonts/icomoon.8a638a76.woff) format("woff"),url(/img/icomoon.27d9e827.svg#icomoon) format("svg");font-weight:400;font-style:normal;font-display:block}.iconfont{font-family:icomoon!important;speak:never;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.iconfont:before{display:block}.iconfont-icon-check:before{content:"\e91a"}.iconfont-berry:before{content:"\e900"}.iconfont-acorn:before{content:"\e901"}.iconfont-apple:before{content:"\e902"}.iconfont-apricot:before{content:"\e903"}.iconfont-ash:before{content:"\e904"}.iconfont-batch:before{content:"\e905"}.iconfont-bin:before{content:"\e906"}.iconfont-citrus:before{content:"\e907"}.iconfont-cocoa:before{content:"\e908"}.iconfont-cross:before{content:"\e909"}.iconfont-espresso:before{content:"\e90a"}.iconfont-up:before{content:"\e90b"}.iconfont-flower:before{content:"\e90c"}.iconfont-leaf:before{content:"\e90d"}.iconfont-lolipop:before{content:"\e90e"}.iconfont-down:before{content:"\e90f"}.iconfont-pineapple:before{content:"\e910"}.iconfont-plus:before{content:"\e911"}.iconfont-wine:before{content:"\e912"}.iconfont-wood:before{content:"\e913"}.iconfont-star_fill:before{content:"\e914"}.iconfont-star_outline:before{content:"\e915"}.iconfont-filter:before{content:"\e916"}.iconfont-heart:before{content:"\e917"}.iconfont-download:before{content:"\e918"}.iconfont-pencil:before{content:"\e919"}.iconfont--l{font-size:2rem}:root{--unit-s:8px;--unit-m:16px;--unit-l:32px;--color-primary-darker:#846021;--color-primary:#f0ad2b;--color-primary-lighter:#f4c360;--color-border:#383838;--color-bg:#171117;--color-bg-secondary:#0a050a;--color-fg:#f1f1f1;--color-fg-secondary:#7a7a7a;--color-danger:#c51919;--color-hate:#c51919;--color-dislike:#a15c5c;--color-ok:#a19844;--color-like:#64975a;--color-love:#35d115;--color-hover:hsla(0,0%,100%,.03);--color-active:#201720;--font-l:1.35rem;--font-m:1rem;--font-s:0.85rem;--navigation-height:60px;--animation-duration-l:0.3s;--animation-duration-m:0.2s;--animation-duration-s:0.1s;--animation-function:cubic-bezier(0.33,1,0.68,1)}body,html{height:100%;overscroll-behavior-y:contain}body{background-color:var(--color-bg);color:var(--color-fg);font-family:sans-serif;font-size:16px;padding:0;display:flex;flex-direction:column}body,h1{margin:0}h1{font-size:1.5rem;font-family:Verdana,Geneva,Tahoma,sans-serif;text-align:center;padding:var(--unit-m) 0}h2{font-size:var(--font-l);font-weight:lighter;margin:0}a{text-decoration:none;color:var(--color-primary)}.view-content{display:flex;flex-direction:column;box-sizing:border-box;gap:var(--unit-m);max-width:100%;min-height:100%;margin:auto;padding:0 var(--unit-s) var(--unit-m) var(--unit-s);flex-grow:1}@media (min-width:960px){.view-content{max-width:960px}}.view{flex-grow:1;background-color:var(--color-bg)}.view,header{display:flex;flex-direction:row;justify-content:center}header{align-items:center;position:relative}header .action{position:absolute;right:0;z-index:1}header .action.action--no-padding{right:0}::selection{background-color:var(--color-primary-darker);color:var(--color-fg)}::-moz-selection{background-color:var(--color-primary-darker);color:var(--color-fg)}nav{box-sizing:border-box;border-top:solid 1px var(--color-border);position:fixed;left:0;bottom:0;height:var(--navigation-height);width:100%;display:flex;justify-content:space-around;align-items:center;background-color:var(--color-bg-secondary)}.navigation-view{padding-bottom:var(--navigation-height);overflow-x:hidden}.navigation-item{color:var(--color-fg);font-size:var(--font-s);padding:12px var(--unit-l);border-radius:20px;cursor:default}.navigation-item:hover{background-color:var(--color-hover)}.navigation-item.router-link-exact-active{background-color:var(--color-active)}.user-select-disable{-webkit-user-select:none;-moz-user-select:none;user-select:none}.opacity-05{opacity:.5}.body[data-v-4cbc556c]{height:100%}.body.gesture--active[data-v-4cbc556c]{transition-duration:0ms}.actions[data-v-4cbc556c]{position:absolute;right:0;top:0;height:100%;width:100%;border-radius:8px;overflow:hidden;display:flex;flex-direction:row-reverse}.record-body[data-v-24822e7c]{display:flex;background-color:var(--color-bg);padding:var(--unit-m);border-radius:calc(var(--border-radius) - 1px);transition:transform .14s ease-out,background .14s ease-out;height:100%;box-sizing:border-box}@media (hover:hover){.record-body[data-v-24822e7c]:hover{background-color:var(--color-active)}}.record-body[data-v-24822e7c]:active{background-color:var(--color-active);transition-duration:0ms}.jurnal.journal--grid .record-body[data-v-24822e7c]{flex-direction:column}.jurnal.journal--list .record-body[data-v-24822e7c]{flex-direction:row}.action__delete[data-v-24822e7c]{height:100%;width:64px;display:flex;justify-content:center;align-items:center;background-color:var(--color-danger);color:var(--color-bg)}.card[data-v-8cb1f6f6]{box-sizing:border-box;width:100%;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:12px;flex-shrink:0;overflow:hidden;scroll-snap-align:center;display:flex;flex-direction:column;position:relative}.create-button[data-v-fc65e65a]{position:absolute;right:var(--unit-s);top:0}.picker[data-v-e54c3892]{position:relative;height:100%;width:22px;text-align:center}.picker__value[data-v-e54c3892]{position:absolute;box-sizing:border-box;color:var(--color-primary);transform:translateY(-50%);right:0;width:23px;transition:width .2s ease,background-color .2s ease,color .2s ease}.picker__value.picker__value--move[data-v-e54c3892]{color:var(--color-bg);transform:translateY(-50%);width:100px;background-color:var(--color-primary);padding:2px 4px;border-radius:4px;text-align:left}.carousel[data-v-c36df518]{display:flex;flex-direction:row;gap:var(--unit-m);padding:0 var(--unit-l);overflow-x:auto;scroll-snap-type:x mandatory;scroll-snap-stop:always}.carousel__bar[data-v-c36df518]{width:var(--unit-s);height:var(--unit-s);border-radius:100%;border:1px solid var(--color-border);background-color:var(--color-bg-secondary);transition:border .3s ease,background-color .2s ease;display:flex;flex-direction:row;justify-content:center;align-items:center}.carousel__bar[data-v-c36df518]:before{content:"";width:2px;height:2px;background-color:transparent;display:block;transition:background-color .2s ease}.carousel__bar.carousel__bar--filled[data-v-c36df518]:before{background-color:var(--color-primary)}.carousel__bar--active[data-v-c36df518]{border-color:var(--color-primary);background-color:var(--color-primary)}.card__inner[data-v-c36df518]{box-sizing:border-box;padding:var(--unit-m);display:flex;flex-direction:column;gap:var(--unit-m);flex-grow:1}.devider[data-v-c36df518]{width:1px;background-color:var(--color-border)}.card__inner .icon-button-l[data-v-c36df518]{font-size:3em}.checkbox[data-v-c36df518]{border:1px solid;border-radius:4px;width:24px;height:24px;display:flex;flex-direction:row;align-items:center;justify-content:center}.action__delete[data-v-c36df518]{height:100%;width:64px;display:flex;justify-content:center;align-items:center;background-color:var(--color-danger);color:var(--color-bg)}.bag__item[data-v-c36df518]{position:relative;background-color:var(--color-bg-secondary);border-radius:7px}.alphabet-filter[data-v-c36df518]{position:absolute;right:calc(var(--unit-s) + 1px);top:var(--unit-m);height:calc(100% - var(--unit-m)*2)}.detail[data-v-20df6db1],.detail[data-v-c02b4a18]{min-height:150px;width:100%}.profile[data-v-4ecb115f]{display:flex;justify-content:center;align-items:center;width:38px;height:38px;padding:0;flex-shrink:0;border-radius:100%;color:var(--color-border);opacity:0;transition:opacity 1.5s ease,color .75s ease;border:none;background-color:transparent}.profile.profile--visible[data-v-4ecb115f]{opacity:1;transition-duration:0ms}.profile.profile--active[data-v-4ecb115f]{opacity:1;transition-duration:.75s}.profile.profile--active.profile--visible[data-v-4ecb115f]{opacity:1;color:var(--color-primary)}.axis-y-label[data-v-a16f18cc]{position:absolute;left:0;top:50%;transform:rotate(-90deg) translateX(-50%) translateY(-120%);transform-origin:0 0}.axis-y-label>div[data-v-a16f18cc]{transition:font-size ease var(--animation-duration-m),color ease var(--animation-duration-m)}.axis-x-label[data-v-a16f18cc]{width:calc(100% - 120px);margin:0 auto;overflow:hidden}.graph[data-v-a16f18cc]{position:relative;width:calc(100% - 120px);height:140px;margin:0 auto;border-bottom:solid 1px var(--color-border);border-left:solid 1px var(--color-border)}.graph-grid__line[data-v-a16f18cc]{position:absolute;left:5%;width:90%;height:1px;border-bottom:dashed 1px var(--color-border)}.graph-grid__line.graph-grid__line--primary[data-v-a16f18cc]{border-color:var(--color-primary)}.graph-bars[data-v-a16f18cc]{position:relative;width:100%;height:100%;z-index:2}.graph-points[data-v-a16f18cc]{position:absolute;top:0;left:0;width:100%;height:100%;z-index:3}.graph-grid__line[data-v-a16f18cc]:first-child{bottom:25%}.graph-grid__line[data-v-a16f18cc]:nth-child(2){bottom:50%}.graph-grid__line[data-v-a16f18cc]:nth-child(3){bottom:75%}.graph-grid__line[data-v-a16f18cc]:nth-child(4){bottom:100%}.profiles[data-v-d073da82]{position:absolute;right:0;top:80px}