@font-face{font-display:swap;font-family:Montserrat;font-style:normal;font-weight:400;src:url(/fonts/montserrat-regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:Montserrat;font-style:normal;font-weight:600;src:url(fonts/montserrat-600.woff2) format("woff2")}:root{box-sizing:border-box}.offcanvas-menu::-webkit-scrollbar{display:none}*,*:before,*:after{box-sizing:inherit}svg path{-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:Montserrat,sans-serif;font-weight:400;font-optical-sizing:auto;height:100vh;overflow:hidden;padding:0;margin:0}h1,h2,h3,h4,h5,h6{font-family:Montserrat,sans-serif;font-weight:600}*:focus{outline:none}.icon{fill:currentColor;vertical-align:middle;width:24px;height:24px}.icon.big-icon{width:28px;height:28px}.flavor-switch{display:flex;position:relative;width:80%;margin:20px 0;background-color:#cbcdcc;border-radius:0;overflow:hidden;cursor:pointer}.flavor-switch-option{flex:1;text-align:center;padding:10px 0;z-index:1;font-size:16px;color:#f7faf9;text-transform:uppercase}.flavor-switch-option.selected{color:#f7faf9}.flavor-switch-background{position:absolute;top:0;bottom:0;width:50%;transition:left .3s ease;background-color:#333;z-index:0;border-radius:0}.flavor-switch-background.coffee{left:0;background-color:#333}.flavor-switch-background.tea{left:50%;background-color:#333}.top-menu{display:flex;justify-content:flex-start;align-items:center;padding:1em;background-color:#cbcdcc;border-bottom:1px #333 solid;color:#333;position:fixed;width:100%;top:0;left:0;z-index:1002}.top-menu-header{margin:0;font-size:1.5em;flex-grow:1;text-align:right}h1{margin-top:0;text-transform:uppercase;font-weight:400}.menu-toggle-button{font-size:24px;color:#333;background:none;border:none;cursor:pointer;transition:color .3s ease-in}.menu-toggle-button:hover{color:#d9d9d9}.flavor-wheel-wrapper{display:flex;flex-direction:column;height:100vh;width:100vw;overflow:hidden;position:relative;background-color:#cbcdcc}.flavor-wheel-container{display:flex;justify-content:center;align-items:center;height:100vh;width:100vw;position:relative;overflow:hidden}.flavor-wheel-svg{overflow:visible;width:100%;height:100%;min-width:800px;min-height:800px}.wheel-text{text-transform:uppercase;fill:#f7faf9;font-weight:600}.offcanvas-menu{width:100%;max-width:400px;background:#f7faf9;padding:0 1em;filter:drop-shadow(0 1px 6px rgba(0,0,0,.3));transition:transform .3s ease;transform:translate(-100%);position:fixed;top:0;left:0;z-index:1003;height:100%;overflow-y:auto}.offcanvas-menu.open{transform:translate(0)}.offcanvas-wrap{display:flex;flex-direction:column;min-height:100vh}.closer{display:none}.menu-toggle-button-second{font-size:24px;color:#333;background:none;border:none;cursor:pointer}.close_offcanvas{flex:0 1 auto;width:100%;padding:0 0 1em;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.offcanvas_cards{flex:1 1 auto;padding-top:2em}.offcanvas_tools{flex:0 1 auto;display:flex;flex-direction:row;justify-content:space-evenly;padding-bottom:1em;position:relative}.btn.copy span{display:flex;flex-direction:row;align-items:flex-start;width:85px}.btn.copy .icon{margin-right:5px}.btn.copy span:empty{font-weight:700}.btn{border-radius:0;border:none;background:#f7faf9;color:#a6a6a6;width:2em;height:2em;font-size:2.5em;transition:all .3s ease-out;cursor:pointer}.btn:hover{transform:scale(.7);color:#333}.card-wrapper{margin-bottom:10px}.card{background:#fff;border:1px solid #d9d9d9;border-radius:0;padding:10px;margin-bottom:10px;transition:border .3s ease-in}.card:hover,.current-card{border:1px solid #333}.card-title{margin:.5em 0 0;font-size:14px;text-transform:uppercase;cursor:pointer}input.card-title{border:none;border-bottom:1px solid #d2d2d2;font-size:14px;width:100%;padding:.5em;transition:border-bottom .3s ease;cursor:text}input.card-title:focus{border-bottom:1px solid #333}input:focus{outline:none}.card-body{display:flex;flex-direction:column}.card-body>div{display:flex;justify-content:space-between;align-items:center}.card-body ul{list-style-type:none;padding:0;margin:10px 0 0}.card-body li{display:flex;justify-content:space-between;align-items:center;padding:0 10px;border-radius:0;font-size:14px}.card-body button{background:none;border:none;cursor:pointer;color:#333;font-size:16px}.card-body button:hover{color:#000}.card-body .card_tools{padding:1em .6em 0}.card_tools .icon{width:18px;height:18px}.delete .icon{width:16px;height:16px}.form-control{font-family:inherit;width:100%;border:0;border-bottom:1px solid #d2d2d2;outline:0;font-size:14px;color:#333;padding:10px 10px 5px;background:transparent;transition:border-color .3s;field-sizing:content}.form-control:focus{border-bottom:1px solid #333}.reset-confirmation{text-align:center;background-color:#333;border:1px solid #333;color:#f7faf9;border-radius:0;padding:40px;position:absolute;bottom:4vh;width:100%;z-index:99;box-shadow:0 5px 10px 5px #00000080}.reset-confirmation p{margin-bottom:10px}.reset-confirmation-buttons{display:flex;justify-content:space-around}.reset-confirmation-buttons .btn{border:none;border-radius:0;cursor:pointer;background-color:#333}.reset-confirmation-buttons .btn:hover{color:#fff}@media only screen and (max-width: 767.8px){body{overscroll-behavior:none;touch-action:none;margin:0;padding:0}#root{width:100vw;height:100vh;overflow:hidden}.App{margin:0;padding:0}.offcanvas-menu{transform:translate(-95%);max-width:95vw;background:transparent;padding:0}.offcanvas-menu.open{transform:translate(0);max-width:95vw;background:transparent;padding:0}.offcanvas-wrap{background:#f7faf9;padding:0 1em;width:88vw}.closer{width:75px;height:75px;border-radius:50%;position:absolute;left:77vw;top:50%;background-color:#f7faf9;display:flex;align-items:center;justify-content:center}.closer svg{width:25px;height:25px;margin-left:35px}.open .closer svg{transform:rotate(180deg);margin-left:30px}.offcanvas_cards{padding-top:0}.offcanvas_tools{width:100%;justify-content:space-around;padding-bottom:1.5em}.menu-toggle-button{top:1.7em}.card{position:relative;z-index:10}.card-title input,.card-body li{font-size:14px}.card-body button{font-size:16px}}@media only screen and (max-width: 767.8px){.flavor-wheel-container{height:100vh;width:100vw;overflow:hidden;justify-content:flex-start;align-items:flex-start}.flavor-wheel-svg{width:200vw;height:200vh;max-width:800px;max-height:800px;position:absolute;top:15vh;left:5vw}.wheel-text{font-size:8px}input.card-title,.form-control{font-size:16px}}@media only screen and (min-width: 768px) and (max-width: 1279.98px) and (orientation: portrait){.flavor-wheel-container{height:100vh;width:100vw;overflow:hidden;justify-content:flex-end;align-items:flex-end}.flavor-wheel-svg{height:200vh;width:200vw;max-width:1500px;max-height:1500px;position:absolute;top:10%;right:-65%}.wheel-text{font-size:12px}}@media only screen and (min-width: 768px) and (max-width: 1279.98px) and (orientation: landscape){.flavor-wheel-container{height:100vh;width:100vw;overflow:hidden;justify-content:flex-end;align-items:flex-end}.flavor-wheel-svg{height:200vh;width:200vw;max-width:1500px;max-height:1500px;position:absolute;top:10%;right:-60%}.wheel-text{font-size:11px}}@media only screen and (min-width: 1280px) and (max-width: 1599.98px) and (max-height: 900px){.flavor-wheel-container{height:100vh;width:100vw;overflow:hidden;justify-content:flex-end;align-items:flex-end}.flavor-wheel-svg{height:200vh;width:200vw;max-width:1200px;max-height:1200px;position:absolute;top:10%;right:-10%}.wheel-text{font-size:10px}}@media only screen and (min-width: 1280px) and (max-width: 1599.98px) and (min-height: 900px){.flavor-wheel-container{height:100vh;width:100vw;overflow:hidden;justify-content:flex-end;align-items:flex-end}.flavor-wheel-svg{height:200vh;width:200vw;max-width:1400px;max-height:1400px;position:absolute;top:10%;right:-25%}.wheel-text{font-size:12px}}@media only screen and (min-width: 1600px){.flavor-wheel-container{height:100vh;width:100vw;overflow:hidden;justify-content:center;align-items:center}.flavor-wheel-svg{height:130vh;width:130vw;max-width:none;max-height:none;position:absolute;top:10%;right:-30%}.wheel-text{font-size:12px}}.lightbox-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:2000;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.lightbox-overlay.visible{opacity:1;visibility:visible}.lightbox-content{width:80vw;height:80vh;background:#fff;border-radius:0;position:relative;overflow:hidden;display:flex;flex-direction:column;transform:scale(.8);transition:transform .3s ease}.lightbox-overlay.visible .lightbox-content{transform:scale(1)}.lightbox-close{position:absolute;top:20px;right:20px;font-size:34px;background:none;border:none;cursor:pointer;color:#333}.lightbox-scroll-content{padding:20px;overflow-y:auto;flex-grow:1}.main-content.blurred{filter:blur(2px);transition:filter .5s ease}.lightbox-overlay{filter:none!important}.content{padding:5em;text-align:justify;line-height:1.5em}.content i{font-size:24px;padding-right:10px}.content p a{color:#333;text-decoration:none;transition:color .3s ease}.content p a:hover{color:#a6a6a6;text-decoration:none}.s-icon{width:10px;height:10px;margin-bottom:4px}.content p.icon-line{display:flex;flex-direction:row;align-items:center}.content p.icon-line .icon{margin-right:1em}.contacts ul{display:flex;flex-direction:row;justify-content:space-between;width:100px;padding-left:0;margin:30px auto}.contacts ul li{list-style:none;padding-left:0}.contacts a{font-size:24px;color:#333;transition:color .3s ease-in}.contacts a:hover{color:#a6a6a6}@media (max-width: 768px){.content{padding:1em;text-align:left}.lightbox-content{width:90vw;height:80vh}.lightbox-close{position:absolute;top:10px;right:-5px;font-size:20px}}