.ice-app{width:100vw;height:100vh;background:#fff;font-family:Noto Sans JP,Hiragino,メイリオ,"sans-serif";overflow:auto}.products{flex-direction:column;flex:1;display:flex}.products__product,.products__head{flex-direction:row;margin-bottom:10px;font-size:1.1rem;font-weight:700;display:flex}.products__head-name{width:70%;flex-direction:row;justify-content:center;display:flex}.products__head-amount{width:30%;flex-direction:row;display:flex}.products__stack-head-name{width:40%;flex-direction:row;justify-content:center;margin-right:.5rem;display:flex}.products__stack-head-amount{width:60%;flex-direction:row;display:flex}.products__stack-head-amount>*{margin-left:.5rem}.products__product-name{width:70%;display:flex}.products__product-amount{width:30%;display:flex}.products__stack-product-name{width:40%;margin-right:.5rem;display:flex}.products__stack-product-amount{width:60%;display:flex}.products__stack-product-amount>*{margin-left:.5rem}.freezer{max-width:100%;color:#fff;text-align:center;cursor:pointer;user-select:none;background-color:#164c8e;border:2px solid #0000;justify-content:center;align-items:center;padding:10px 20px;font-size:1.3rem;font-weight:700;display:flex}.freezer--selected{color:#ff6900;background-color:#fff;border-color:#164c8e}.freezer--disabled{color:#164c8e;cursor:not-allowed;background-color:#fff;border:2px solid #164c8e}.freezer--red{color:#fff;background-color:#dc3545;border-color:#dc3545}.freezer__icon{height:1.3rem;margin-right:.4rem}.dir-map-dir{color:#fff;cursor:pointer;user-select:none;background-color:#164c8e;border:2px solid #0000;padding:5px 10px;font-size:1rem;font-weight:700}.dir-map-dir--selected{color:#ff6900;background-color:#fff;border-color:#164c8e}.dir-map-dir--outline{color:#164c8e;cursor:default;background-color:#fff;border-color:#164c8e}.slash{color:#a0a0a0;font-size:1rem;font-weight:700}.slash:after{content:"/"}.bullet-point{color:#a0a0a0;font-size:1rem;font-weight:700}.bullet-point:after{content:"・"}.modal-form{width:min(600px,80vw)}.entries{height:100%;flex-flow:wrap;justify-content:space-between;padding:20px;display:flex}.entries__entry{width:50%;padding:20px}.enter-button{width:100%;height:100%;color:#164c8e;text-align:center;cursor:pointer;border:6px solid #164c8e;flex-direction:column;justify-content:center;align-items:center;padding:.4rem;font-size:3rem;font-weight:700;text-decoration:none;transition:border-color .5s ease-out;display:flex;box-shadow:0 6px 9px #00000029}.enter-button:hover:not([disabled]){text-underline-offset:.3rem;color:#0a58ca;border-color:currentColor;text-decoration:underline}.enter-button:disabled{cursor:not-allowed;background-color:gray}.enter-button--small{border:2px solid #164c8e;font-size:1rem;font-weight:400;box-shadow:0 2px 4px #00000029}.inventory-resetter-page{min-height:100%;max-height:100%;flex-direction:column;padding:10px;display:flex}.inventory-resetter-page__header{margin-bottom:10px}.inventory-resetter-page__freezer-list{min-height:100%;max-height:100%;flex-direction:column;flex:1;display:flex;overflow-y:auto}.inventory-resetter-page__freezer-list>*{margin-bottom:20px}.inventory-resetter-page__freezer-list>:last-of-type{margin-bottom:0}html{font-size:62.5%;overflow:hidden}body{position:fixed}.app2-container{max-width:1400px;width:100%;align-self:center;padding:0 .8rem;position:relative}.app2-header{width:100%;z-index:1000;min-height:7rem;max-height:7rem;background-color:#203489;flex-direction:column;transition:all .3s ease-in-out;display:flex;position:fixed;top:0;left:0;overflow:hidden}.app2-header__nav{min-height:7rem;max-height:7rem;justify-content:space-between;align-items:center;padding:1.6rem;display:flex}.app2-header__logo{width:1.4em;height:1.4em;background:url(mark.a62878f7.svg) 50%/contain no-repeat;margin:0 .4em 0 0;display:inline-block;overflow:hidden}.app2-header__title{color:#fff;vertical-align:middle;place-items:center;font-size:2.6rem;font-weight:700;display:flex}.app2-header__menu{flex-direction:column;padding:1rem 2rem;display:flex;overflow-y:auto}.app2-header__menu::-webkit-scrollbar{width:16px;height:16px}.app2-header__menu::-webkit-scrollbar-thumb{background-color:#e5e5e5;background-clip:padding-box;border:4px solid #0000;border-radius:8px}@media (min-width:992px){.app2-header__menu{padding:2rem 12rem}}.app2-header__menu-item{cursor:pointer;color:#fff;border-bottom:1px solid #0e1845;padding:1.5rem;font-size:2.6rem;font-weight:600;text-decoration:none}.app2-header__menu-item:hover{color:#fff}@media (hover:hover){.app2-header__menu-item:hover{background-color:#5667ae}}.app2-header--active{width:100%;min-height:100vh;position:fixed;top:0;left:0}.app2-header--theme-admin{background-color:#e18134}@media (hover:hover){.app2-header--theme-admin .app2-header__menu-item:hover{background-color:#dd9d68}}.app2-header--theme-user{background-color:#203489}@media (hover:hover){.app2-header--theme-user .app2-header__menu-item:hover{background-color:#5667ae}}.app2-menu-button{width:4.8rem;height:4.8rem;cursor:pointer;position:relative}.app2-menu-button:hover{opacity:.6;transition:all .3s ease-in-out}.app2-menu-button span{height:3px;width:40px;background:#fff;position:absolute;right:0}.app2-menu-button span:nth-of-type(1){width:3rem;top:.9rem}.app2-menu-button span:nth-of-type(2){width:4.5rem;animation:menu-bar02 .2s forwards;top:2.3rem}.app2-menu-button span:nth-of-type(3){width:4.5rem;opacity:0;animation:menu-bar03 .2s forwards;top:2.3rem}.app2-menu-button span:nth-of-type(4){width:3rem;top:3.7rem}.app2-menu-button--hidden{visibility:hidden}.app2-menu-button--active span:nth-of-type(1){opacity:0}.app2-menu-button--active span:nth-of-type(2){animation:active-menu-bar02 .2s forwards}.app2-menu-button--active span:nth-of-type(3){animation:active-menu-bar03 .2s forwards}.app2-menu-button--active span:nth-of-type(4){opacity:0}@keyframes menu-bar02{0%{transform:rotate(-45deg)}50%{transform:rotate(0)}to{transform:rotate(0)}}@keyframes menu-bar03{0%{transform:rotate(45deg)}50%{transform:rotate(0)}to{transform:rotate(0)}}@keyframes active-menu-bar02{0%{transform:rotate(0)}50%{transform:rotate(0)}to{transform:rotate(-45deg)}}@keyframes active-menu-bar03{0%{transform:rotate(0);opacity:0}50%{transform:rotate(0);opacity:1}to{opacity:1;transform:rotate(45deg)}}.app2-back-button{width:4.8rem;height:4.8rem;cursor:pointer;position:relative;overflow:hidden}.app2-back-button--hidden{visibility:hidden}.app2-back-button span{height:3px;background:#fff;display:block;position:absolute;top:0}.app2-back-button span:nth-of-type(1){width:1.8rem;top:1.8rem;left:0;transform:rotate(-45deg)}.app2-back-button span:nth-of-type(2){width:1.8rem;top:2.8rem;left:0;transform:rotate(45deg)}.app2-back-button span:nth-of-type(3){width:4.4rem;top:2.3rem;left:.5rem}.app2-footer{min-height:7rem;color:#203489;justify-content:center;align-items:center;padding-bottom:2rem;font-size:1.8rem;font-weight:600;display:flex}.app2-footer__logo{width:300px;background-position:50%;background-repeat:no-repeat;background-size:contain}.app2-footer--theme-admin{color:#e18134}.app2-copyright{color:#fff;font-size:.8rem;font-weight:400}@media (min-width:576px){.app2-container{max-width:540px}}@media (min-width:768px){.app2-container{max-width:720px}}@media (min-width:992px){.app2-container{max-width:960px}}@media (min-width:1200px){.app2-container{max-width:1440px!important}}.app2-sm-born{display:none}@media screen and (min-width:576px){.app2-sm-born{display:inline}}.app2-page-view{width:100%;height:100%;padding-top:7rem;overflow:hidden}.app2-row{flex-wrap:wrap;display:flex}.app2-row__sm-w1,.app2-row__lg-w1,.app2-row__sm-w2,.app2-row__lg-w2,.app2-row__sm-w3,.app2-row__lg-w3,.app2-row__sm-w4,.app2-row__lg-w4,.app2-row__sm-w5,.app2-row__lg-w5,.app2-row__sm-w6,.app2-row__lg-w6,.app2-row__sm-w7,.app2-row__lg-w7,.app2-row__sm-w8,.app2-row__lg-w8,.app2-row__sm-w9,.app2-row__lg-w9,.app2-row__sm-w10,.app2-row__lg-w10,.app2-row__sm-w11,.app2-row__lg-w11,.app2-row__sm-w12,.app2-row__lg-w12{flex:1 0 100%}@media screen and (min-width:576px){.app2-row__sm-w1{flex:1 0}.app2-row__sm-w2{flex:2 0}.app2-row__sm-w3{flex:3 0}.app2-row__sm-w4{flex:4 0}.app2-row__sm-w5{flex:5 0}.app2-row__sm-w6{flex:6 0}.app2-row__sm-w7{flex:7 0}.app2-row__sm-w8{flex:8 0}.app2-row__sm-w9{flex:9 0}.app2-row__sm-w10{flex:10 0}.app2-row__sm-w11{flex:11 0}.app2-row__sm-w12{flex:12 0}}@media screen and (min-width:992px){.app2-row__lg-w1{flex:1 0}.app2-row__lg-w2{flex:2 0}.app2-row__lg-w3{flex:3 0}.app2-row__lg-w4{flex:4 0}.app2-row__lg-w5{flex:5 0}.app2-row__lg-w6{flex:6 0}.app2-row__lg-w7{flex:7 0}.app2-row__lg-w8{flex:8 0}.app2-row__lg-w9{flex:9 0}.app2-row__lg-w10{flex:10 0}.app2-row__lg-w11{flex:11 0}.app2-row__lg-w12{flex:12 0}}.app2-row--border-bottom{border-bottom:1px solid #ddd}.app2-col{flex-direction:column;display:flex}.app2-row-items{align-items:center;display:flex}.app2-gap04{gap:.4rem}.app2-gap08{gap:.8rem}.app2-gap16{gap:1.6rem}.app2-content{padding-top:6rem}.app2-white-base{background:#fff;border-radius:3rem;padding:1.6rem;display:flex;overflow:hidden}.app2-map{width:100%;height:100%;min-width:250px;min-height:300px;border-radius:2rem}.app2-info-header{height:3.4rem;color:#dd1b1b;background-color:#e6e6e6;border-radius:1.7rem;justify-content:center;align-items:center;font-size:1.4rem;font-weight:700;display:flex;position:relative}.app2-info-header__left{position:absolute;left:.5rem}.app2-info-field{padding:.4rem .8rem}.app2-info-field__label{color:#dd1b1b;align-items:center;font-size:1.2rem;font-weight:700;display:flex}.app2-info-field__data{flex-wrap:wrap;align-items:center;font-size:1.6rem;font-weight:700;display:flex}.app2-log-mark{width:100%;height:100%;flex-wrap:wrap;justify-content:space-between;padding:0 15%;display:flex}.app2-log-mark__base{height:3px;background-color:#999;flex:0 0 100%}.app2-log-mark__a{height:3px;background-color:#ff7375;flex:0 0 40%}.app2-log-mark__b{height:3px;background-color:#59b3f5;flex:0 0 40%}.app2-jd-button{color:#fff3;height:1.8rem;border-radius:.9rem;flex:1;justify-content:center;align-items:center;font-size:1rem;display:flex}.app2-jd-button--blue-on{color:#fff;background-color:#307bd9}.app2-jd-button--green-on{color:#fff;background-color:#2ba829}.app2-jd-button--yellow-on{color:#fff;background-color:#e7b11f}.app2-jd-button--red-on{color:#fff;background-color:#f84343}.app2-jd-button--blue{background-color:#183d6c}.app2-jd-button--green{background-color:#235a22}.app2-jd-button--yellow{background-color:#907220}.app2-jd-button--red{background-color:#7c2121}.app2-page-button{height:1.8rem;width:auto;color:#fff;cursor:pointer;background-color:#dd1b1b;border-radius:.9rem;justify-content:center;align-items:center;padding:0 1.8rem;font-size:1rem;transition:background-color .2s ease-in-out;display:flex;position:relative}.app2-page-button:hover{opacity:.6;transition:all .3s ease-in-out}.app2-page-button:link,.app2-page-button:visited{color:#fff}.app2-page-button--large{height:2.4rem;min-width:2.4rem;border-radius:1.2rem;padding:0 2.4rem;font-size:1.333rem}.app2-page-button__right-caret:after{content:"";height:.6em;width:.6em;border-bottom:3px solid #fff;border-left:3px solid #fff;position:absolute;right:.6em;transform:translate(-.1em)rotate(225deg)}.app2-page-button__left-caret:before{content:"";height:.6em;width:.6em;border-bottom:3px solid #fff;border-left:3px solid #fff;position:absolute;left:.6em;transform:translate(.1em)rotate(45deg)}.app2-page-button__label{white-space:nowrap}@media not screen and (min-width:576px){.app2-page-button--shy{width:1.8rem;padding:0}}.app2-page-button--shy>.app2-page-button__label{display:none}@media screen and (min-width:576px){.app2-page-button--shy>.app2-page-button__label{display:inline}}.app2-chart{width:100%;height:200px}.entrance-page{width:100%;height:100%;background:#f6f6f6;flex-direction:column;align-items:center;display:flex;overflow-y:auto}.entrance-page__body{width:100%;flex:1;padding:2rem}.entrance-links{flex-wrap:wrap;justify-content:center;align-items:stretch;display:flex}.entrance-links__link{flex:1;justify-content:center;align-items:center;display:flex}.entrance-button{height:100%;max-height:30rem;min-height:20rem;color:#000;cursor:pointer;background:#fff;flex-direction:column;flex:1;align-items:center;padding-bottom:1rem;text-decoration:none;display:flex}.entrance-button:hover{color:#0a58ca}.entrance-button__logo{width:100%;min-height:50%;max-height:50%;background-position:50% 0;background-repeat:no-repeat;flex:1}.entrance-button__text{font-size:2.4rem;font-weight:600}.entrance-button__help{text-align:center;padding-top:1rem;font-size:1.8rem;font-weight:600}.entrance-button__help>p{margin:0}.operation-page{min-height:100%;max-height:100%;flex-direction:column;display:flex;overflow-x:hidden}.operation-page__header{display:flex}.operation-page__body{flex:1;display:flex}@media (min-width:992px){.operation-page__body{overflow-y:hidden}}.operation-main{flex-flow:wrap;display:flex}.operation-main__left,.operation-main__right{flex-direction:column;flex:100%;display:flex}@media (min-width:992px){.operation-main__left{flex-basis:40%}.operation-main__right{flex-basis:60%}}.operation-main__products{flex-direction:row;justify-content:space-around;display:flex;overflow-y:auto}.operation-main__products>*{margin-right:10px}.operation-main__products>:last-child{margin-right:0}.operation-main__dir-map{flex-direction:row;justify-content:flex-start;align-items:center;margin-bottom:10px;display:flex}.operation-main__dir-map>*{margin-right:20px}.operation-main__dir-map>:last-child{margin-right:0}@media (min-width:992px){.operation-main{flex-wrap:nowrap}}.operation-operator{min-height:5rem;color:#fff;appearance:none;box-shadow:none;background-color:#e15b12;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='white'  stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");background-position:right .8em center;background-repeat:no-repeat;background-size:3.2rem 2.4rem;border:none;border-radius:0;padding:.6rem 6rem .6rem 2rem;font-size:2rem;font-weight:600;line-height:1.42857;transition:none}.operation-operator--selected{background-color:#203489}.operation-operator--theme-gray.operation-operator--selected{background-color:#888}.product-head-amount{white-space:nowrap;flex-direction:row;justify-content:center;display:flex}.product-head-amount__label{justify-content:center;display:flex}.stack-product-head-amount{white-space:nowrap;flex-direction:row;justify-content:flex-end;display:flex}.stack-product-head-amount__label{flex-basis:50%;justify-content:center;display:flex}.choice-operator{flex-direction:column;flex:1;align-items:center;display:flex}.choice-operator__caption{color:#164c8e;padding:10px 20px;font-size:1.5rem;font-weight:700}.choice-operator__operators{min-width:100%;max-width:100%;flex-wrap:wrap;display:flex}.choice-operator__operator{width:calc(50% - 20px);color:#164c8e;cursor:pointer;border:2px solid #164c8e;justify-content:center;align-items:center;margin-top:40px;font-size:2.5rem;font-weight:700;transition:border-color .5s ease-out;display:flex}.choice-operator__operator:hover:not([disabled]){color:#0a58ca;border-color:#0a58ca;text-decoration:underline}.choice-operator__operator:nth-of-type(2n){margin-left:40px}.dir-back{color:#164c8e;cursor:pointer}.dir-back__icon{width:1.2rem;height:1.2rem;margin-right:.5rem}.product-name{max-width:100%;color:#fff;text-align:center;cursor:pointer;background-color:#164c8e;border:2px solid #0000;flex:1;padding:10px 20px;font-weight:700}.product-name:hover{color:#164c8e;background-color:#fff;border-color:currentColor}.product-name--disabled{color:#164c8e;cursor:not-allowed;background-color:#fff;border:2px solid #164c8e}.product-name--dir{background-color:#1a72aa}.product-name--align-left{text-align:left}.stack-product-name{max-width:100%;color:#164c8e;text-align:center;background-color:#fff;border:2px solid #164c8e;flex:1;padding:10px 20px;font-weight:700}.product-amount{width:100%;height:100%;max-width:100%;color:#fff;background-color:#1cb515;border:2px solid #0000;justify-content:flex-end;align-items:center;padding-right:.5rem;font-weight:700;display:flex}.product-amount--updated{animation:stack-product-name-updated 1s ease-out alternate}@keyframes stack-product-name-updated{50%{background-color:#ff6900}}.product-amount--clickable{cursor:pointer}.stack-product-amount{color:#fff;cursor:pointer;flex:1;font-weight:700;display:flex}.stack-product-amount__set{color:#fff;background-color:#164c8e;border:2px solid #164c8e;flex:50%;justify-content:center;align-items:center;display:flex}.stack-product-amount__set:hover{color:#164c8e;background-color:#fff;border-color:currentColor}.stack-product-amount__set--disabled{color:#164c8e;cursor:not-allowed;background-color:#fff;border:2px solid #164c8e}.stack-product-amount__amount{background-color:#1cb515;flex:50%;justify-content:flex-end;align-items:center;padding-right:.5rem;display:flex}.stack-product-amount__amount--updated{animation:stack-product-amount-updated 1s ease-out alternate}@keyframes stack-product-amount-updated{50%{background-color:#ff6900}}.clock{max-width:100%;color:#fff;background-color:#1cb515;border:2px solid #0000;padding:10px 20px;font-size:1.3rem;font-weight:700}.common-freezer{flex-direction:column;display:flex;overflow-y:hidden}.common-freezer__tabs{height:7rem;color:#203489;background-color:#f6f6f6;justify-content:space-between;font-weight:600;display:flex}.common-freezer__tab{user-select:none;flex:1;justify-content:center;align-items:center;font-size:2rem;font-weight:600;display:flex}.common-freezer__tab--active{color:#fff;background-color:#203489}.common-freezer__tab--suggest{color:#fff;background-color:#e15b12}.common-freezer__inner{background-color:#203489;flex-direction:column;flex:1;padding:1.6rem;display:flex;overflow-y:hidden}.common-freezer__status{background-color:#fff}.common-freezer__products-row{flex-wrap:wrap;gap:.8rem;padding-top:1.6rem;display:flex;overflow-y:auto}.common-freezer__products{min-width:25rem;flex-direction:column;flex:1;gap:.8rem;display:flex}.common-freezer__products--wide{min-width:55rem}.common-freezer--theme-dark-blue .common-freezer__inner{background-color:#172668}.common-freezer--theme-gray .common-freezer__tab{color:#888}.common-freezer--theme-gray .common-freezer__tab--active{color:#fff;background-color:#888}.common-freezer--theme-gray .common-freezer__tab--suggest{color:#fff;background-color:#e15b12}.common-freezer--theme-gray .common-freezer__inner{background-color:#888}.common-freezer--theme-dark-gray .common-freezer__tab{color:#888}.common-freezer--theme-dark-gray .common-freezer__tab--active{color:#fff;background-color:#888}.common-freezer--theme-dark-gray .common-freezer__tab--suggest{color:#fff;background-color:#e15b12}.common-freezer--theme-dark-gray .common-freezer__inner{background-color:#666}.common-status{min-height:3rem;background-color:#fff;justify-content:space-between;align-items:stretch;display:flex}.common-status__info{min-height:5rem;flex-wrap:wrap;flex:1;gap:.8rem;padding:.8rem;display:flex}.common-status__info--suggest-other{color:#e15b12}.common-status__back-button{min-width:7rem;max-width:7rem;cursor:pointer;background:#5667ae;display:block;position:relative;top:0;overflow:hidden}.common-status__back-button span{height:3px;background:#fff;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.common-status__back-button span:nth-of-type(1){width:1.8rem;margin-top:-.8rem;margin-left:-2.7rem;transform:rotate(-45deg)}.common-status__back-button span:nth-of-type(2){width:1.8rem;margin-top:.4rem;margin-left:-2.7rem;transform:rotate(45deg)}.common-status__back-button span:nth-of-type(3){width:4.4rem}.common-status--theme-gray .common-status__back-button{background-color:#aaa}.common-info{align-items:center;gap:.8rem;font-size:2.4rem;font-weight:600;line-height:2.4rem;display:inline-flex}.common-product{color:#fff;min-height:5.6rem;background-color:#172668;justify-content:space-between;align-items:stretch;display:flex;position:relative}.common-product--updated:before{content:"";border-bottom:2px solid #ff6900;animation:operation-product-updated .7s linear forwards;position:absolute;bottom:0}@keyframes operation-product-updated{0%{width:10%;left:0}90%{width:10%;left:90%}to{width:0;left:100%}}.common-product__name{word-break:break-all;flex:1;align-items:center;gap:.8rem;padding:1rem;font-size:2.2rem;font-weight:600;display:flex}.common-product__name--disabled{color:#203489}.common-product__properties{display:flex}.common-product__property{align-items:center;padding:1rem;font-size:2.2rem;font-weight:600;display:flex}.common-product__property--old{background-color:#0000}.common-product__property--new{background-color:#0e1845}.common-product__num{min-width:8rem;justify-content:end;align-items:center;display:flex}.common-product--theme-super-dark-blue{background-color:#0e1845}.common-product--theme-dark-gray{background-color:#666}.common-product--theme-dark-gray .common-product__name--disabled{color:#888}.common-product--theme-super-dark-gray{background-color:#555}.common-product--theme-super-dark-gray .common-product__name--disabled{color:#888}.common-product--theme-light-blue{background-color:#33479e}.common-stack-product{flex-wrap:wrap;align-items:center;gap:.8rem;display:flex}.common-stack-product>*{flex:1}.common-badge{color:#fff;white-space:nowrap;background-color:#888;justify-content:center;align-items:center;padding:0 .6em;font-size:.6em;font-weight:600;display:flex}.common-badge--small{font-size:.4em}.common-badge--light{font-weight:lighter}.common-badge--freezer1{background-color:#f95c5c}.common-badge--freezer2{background-color:#f9c75c}.common-badge--freezer3{background-color:#76d249}.common-badge--freezer4{background-color:#47b0c6}.common-badge--variation{background-color:#f19f1c}.common-badge--blank{background-color:#888}.common-badge--today{background-color:#203489}.common-badge--admin-today{background-color:#e18134}.common-badge--old{background-color:#34760c}.common-badge--new{background-color:#f11c1c}.common-page-header{flex:1;justify-content:space-between;align-items:center;padding:.4rem 3rem;display:flex}.common-page-header__title{align-items:center;gap:1rem;font-size:3.3rem;font-weight:600;display:flex}.common-page-header__logo{width:1.6em;height:1.3em;background-position:50% 85%;background-repeat:no-repeat;background-size:120%;display:inline-block;overflow:hidden}.common-page-header__text{font-size:.7em}.common-page-header__today{align-items:center;gap:1rem;font-size:3.3rem;font-weight:600;display:flex}.common-logo{width:1em;height:1em;background-position:50% 0;background-repeat:no-repeat;background-size:contain;display:inline-block}.common-logo-make{background-image:url(menu_icon_1.01fe0fb2.svg)}.common-logo-ship{background-image:url(menu_icon_2.2c8de8df.svg)}.common-logo-return{background-image:url(menu_icon_3.16f73b75.svg)}.common-logo-inventory{background-image:url(menu_icon_4.381c36dd.svg)}.common-logo-chart{background-image:url(menu_icon_5.7d1a0ed3.svg)}.common-logo-lock{background-image:url(menu_icon_6.8abc8dc9.svg)}.common-logo-product-editor{background-image:url(menu_icon_7.21b63d2a.svg)}.common-logo-operator-editor{background-image:url(menu_icon_8.4fd0f080.svg)}.common-logo-mark{background-image:url(mark.a62878f7.svg)}.common-logo-error{background-image:url(icon_error.6c881656.svg)}.common-logo-company{background-image:url(company_logo.c279bd74.png);padding-top:19%}.common-logo-company-demo{background-image:url(company_logo_demo.f03ae0f6.png);padding-top:19%}.common-dialog{color:#444;background-color:#fff;flex-direction:column;gap:1.6rem;padding:2rem;display:flex}.common-dialog__title{border-bottom:1px solid #888;padding-bottom:1rem;font-size:1.6rem;font-weight:600}.common-dialog__message{font-size:1.6rem;font-weight:600}.common-dialog__feedback{justify-content:end;padding:0 3rem;font-size:1.6rem;font-weight:600;display:inline-flex}.common-dialog__buttons{gap:1.6rem;display:flex}.common-dialog__button{color:#888;min-width:15rem;cursor:pointer;background-color:#e5e5e5;border-width:0;justify-content:center;align-items:center;padding:1rem 2rem;font-size:1.6rem;font-weight:600;display:flex}.common-dialog__button--primary{color:#fff;background-color:#fa4f4f}.common-panel{background-color:#fff;flex-direction:column;padding:1.6rem;display:flex}.common-panel__navs{border-bottom:1px solid #e5e5e5;align-items:center;gap:1.6rem;padding-bottom:2rem;display:inline-flex}.common-panel__nav{font-size:2rem;font-weight:500}.common-panel__nav--clickable{cursor:pointer}.common-panel__nav--active{border-bottom:2px solid #000}.common-panel__body{flex-direction:column;flex:1;padding:1.6rem;display:flex;overflow-y:auto}.common-panel__item{border-bottom:1px solid #e5e5e5}.common-input-unit{flex-wrap:wrap;gap:1.6rem;padding:.8rem 0;display:flex}.common-input-unit__spacer{flex:1}.common-input-unit__buttons{align-items:center;display:flex}.common-input-unit__feedbacks{flex-basis:100%}.common-input-unit__feedback-warning{color:#d5b215;font-size:1.6rem}.common-input-unit__feedback-invalid{color:red;font-size:1.6rem}.common-input{align-items:center;gap:.8rem;display:flex}.common-input__label{white-space:nowrap;font-size:2rem;font-weight:600}.common-input__control{min-height:5rem;background-color:#eee;border-width:0;padding:0 1rem;font-size:2rem}.common-input__control--short{width:10rem}.common-input__control--very-short{width:8rem}.common-input__control--select{color:#444;appearance:none;box-shadow:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23444' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");background-position:right .8em center;background-repeat:no-repeat;background-size:3.2rem 2.4rem;border:none;border-radius:0;padding:0 6rem 0 1rem;transition:none}.common-input__control--warning{border:2px solid #d5b215}.common-input__control--warning:focus{outline:1px solid #000}.common-input__control--invalid{border:2px solid red}.common-input__control--invalid:focus{outline:1px solid #000}.common-button{min-height:5rem;min-width:16rem;color:#000;cursor:pointer;user-select:none;background-color:#e5e5e5;border-width:0;justify-content:center;align-items:center;padding:0 3rem;font-size:1.6rem;font-weight:600;transition:all .3s ease-in-out;display:inline-flex}.common-button--edit{color:#fff;background-color:#286cb5}.common-button--delete{color:#fff;background-color:#fa4f4f}.common-button--variation-edit{color:#fff;background-color:#f19f1c}.common-button--new{color:#fff;min-width:32rem;background-color:#e18134}.common-icon-button{min-height:5rem;min-width:5rem;color:#000;cursor:pointer;user-select:none;border-width:0;justify-content:center;align-items:center;padding:1rem;display:inline-flex}.common-icon-button--gray{color:#fff;background-color:#888}.common-circle-badge{min-width:.6em;min-height:.6em;background-color:#888;border-radius:50%;display:inline}.common-page-wrapper{width:100%;height:100%;overflow:hidden}.inventory-page{min-height:100%;max-height:100%;flex-direction:column;display:flex}.inventory-page__header{display:flex}.inventory-page__body{flex:1;display:flex;overflow-y:hidden}.inventory-stack-product-amount{cursor:pointer;font-weight:700;display:flex}.inventory-stack-product-amount__set{color:#fff;background-color:#164c8e;border:2px solid #164c8e;flex:33.3333%;justify-content:center;align-items:center;display:flex}.inventory-stack-product-amount__set:hover{color:#164c8e;background-color:#fff;border-color:currentColor}.inventory-stack-product-amount__set--disabled{color:#164c8e;cursor:not-allowed;background-color:#fff;border:2px solid #164c8e}.inventory-stack-product-amount__current{color:#fff;background-color:#9ec79c;flex:33.3333%;justify-content:flex-end;align-items:center;padding-right:.5rem;display:flex}.inventory-stack-product-amount__new{color:#fff;background-color:#1cb515;flex:33.3333%;justify-content:flex-end;align-items:center;padding-right:.5rem;display:flex}.inventory-stack-product-amount__new--updated{animation:inventory-stack-product-amount-updated 1s ease-out alternate}@keyframes inventory-stack-product-amount-updated{50%{background-color:#ff6900}}.inventory-product-head-amount{flex-direction:row;justify-content:flex-end;display:flex}.inventory-product-head-amount__current,.inventory-product-head-amount__new{flex-basis:50%;justify-content:center;display:flex}.inventory-stack-product-head-amount{flex-direction:row;justify-content:flex-end;display:flex}.inventory-stack-product-head-amount__current,.inventory-stack-product-head-amount__new{flex-basis:33.3333%;justify-content:center;display:flex}.dir-map-button{color:#fff;cursor:pointer;user-select:none;background-color:#164c8e;border:2px solid #0000;align-items:center;padding:5px 10px;font-size:1rem;font-weight:700;display:flex}.dir-map-button--red{color:#fff;background-color:#dc3545;border-color:#dc3545}.dir-map-button__icon{width:1rem;height:1rem;margin-right:5px}.chart-page{min-height:100%;max-height:100%;flex-direction:column;display:flex}.chart-page__header{display:flex}.chart-page__body{flex:1;display:flex}.lock-page{min-height:100%;max-height:100%;background-color:#f6f6f6;justify-content:center;display:flex;overflow-y:auto}.lock-page__body{flex-direction:column;align-items:center;gap:.8rem;padding:1.6rem;display:flex}.lock-page__title,.lock-page__tenkey{display:flex}@media (orientation:landscape){.lock-page__body{flex-direction:row;justify-content:center;gap:3.2rem}}.lock-title{max-height:20rem;min-height:20rem;color:#000;flex-direction:column;align-items:center;text-decoration:none;display:flex}.lock-title__logo{width:100%;min-height:50%;max-height:50%;background-position:50% 0;background-repeat:no-repeat;flex:1}.lock-title__text{text-align:center;font-size:1.8rem;font-weight:600}.login-page{min-height:100%;background-color:#203489;justify-content:center;align-items:center;padding:1.6rem;display:flex;overflow-y:auto}.login-page__body{max-width:min(80%,1320px);flex-direction:column;flex:1;justify-content:center;gap:3.2rem;display:flex}@media (min-width:992px){.login-page__body{max-width:min(90%,1320px);flex-direction:row;justify-content:center}}.login-page__title,.login-page__form{flex:1;justify-content:center;align-items:center;display:flex}.login-title{color:#fff;flex-direction:column;align-items:center;gap:1.6rem;text-decoration:none;display:flex}.login-title__logo{width:25%;height:0;background-position:50% 0;background-repeat:no-repeat;padding:25% 0 0}.login-title__text{text-align:center;font-size:3rem;font-weight:600}.login-title__corporate{font-size:2rem}.login-form__field{padding:0 0 3rem}.login-form__label{color:#fff;padding:0 0 2rem;font-size:2.4rem;font-weight:600}.login-form__control{width:100%;min-height:5rem;background:#eee;border-width:0;padding:0 1rem;font-size:2rem;font-weight:600}.login-form__control:focus{outline:none}.login-form__errors{color:#fa4f4f;min-height:4.2rem;padding:1rem 0 0;font-size:1.6rem;font-weight:600;line-height:3.2rem}.login-form__error{align-items:center;gap:.8rem;margin:0;display:flex}.login-form__login-button{height:5rem;color:#fff;min-width:100%;background-color:#fa4f4f;border-width:0;font-size:1.6rem;font-weight:600;transition:all .3s ease-in-out}@media (min-width:992px){.login-form__login-button{min-width:30rem}}.product-editor-page{min-height:100%;max-height:100%;flex-direction:column;display:flex}.product-editor-page__header{display:flex}.product-editor-page__body{background-color:#e5e5e5;flex-direction:column;flex:1;gap:1.6rem;padding:1.6rem;display:flex;overflow-y:hidden}.product-editor-page__products-panel{flex-direction:column;flex:1;display:flex;overflow-y:hidden}.product-editor-page__new-panel{flex-direction:column;display:flex}.product-editor-stock{flex-direction:column;display:flex;overflow-y:hidden}.product-editor-stock__tabs{height:7rem;color:#203489;background-color:#f6f6f6;justify-content:space-between;font-weight:600;display:flex}.product-editor-stock__tab{user-select:none;flex:1;justify-content:center;align-items:center;font-size:2rem;font-weight:600;display:flex}.product-editor-stock__tab--active{color:#fff;background-color:#203489}.product-editor-stock__inner{background-color:#203489;flex-direction:column;flex:1;padding:1.6rem;display:flex;overflow:hidden}.product-button{color:#fff;cursor:pointer;background-color:gray;flex-basis:2rem;justify-content:center;align-items:center;display:flex}.product-button:hover{background-color:#5780b6}.product-button__icon{width:1.2rem;height:1.2rem}.product-editor-new-item{color:#fff;border:2px double #164c8e;font-size:1.1rem;font-weight:700;display:flex}.product-editor-new-item__product{cursor:pointer;background-color:#164c8e;flex:1;justify-content:center;align-items:center;padding:10px 20px;display:flex}.product-editor-new-item__product:hover{color:#164c8e;background-color:#fff;border-color:currentColor}.product-editor-new-item__dir{cursor:pointer;background-color:#1a72aa;flex:1;justify-content:center;align-items:center;padding:10px 20px;display:flex}.product-editor-new-item__dir:hover{color:#5780b6;background-color:#fff;border-color:currentColor}.account-editor-page{min-height:100%;max-height:100%;flex-direction:column;display:flex}.account-editor-page__header{display:flex}.account-editor-page__body{background-color:#e5e5e5;flex-direction:column;flex:1;gap:1.6rem;padding:1.6rem;display:flex;overflow-y:hidden}.account-editor-page__products-panel{flex-direction:column;flex:1;display:flex;overflow-y:hidden}.account-editor-page__new-panel{flex-direction:column;display:flex}.account-editor{flex-direction:column;flex:1;display:flex}.account-editor__account{height:2.5rem;color:#164c8e;cursor:pointer;justify-content:center;align-items:center;margin:10px;font-size:1.3rem;font-weight:700;transition:border-color .5s ease-out;display:flex}.account-editor__account:hover:not([disabled]){color:#0a58ca;border-color:#0a58ca;text-decoration:underline}.account-editor__account--new{border:2px dashed #164c8e}.account-editor__name{height:100%;border:2px solid #164c8e;flex:1;justify-content:center;align-items:center;display:flex}.account-editor__button{color:#fff;cursor:pointer;height:100%;background-color:gray;flex-basis:2rem;justify-content:center;align-items:center;padding:.6rem;display:flex}.account-editor__button:hover{background-color:#5780b6}.account-editor__icon{height:100%}.elm-calendar{width:100%;color:#164c8e;font-size:24px}.elm-calendar__nav{border-bottom:2px solid #164c8e;flex-direction:row;justify-content:flex-end;align-items:center;font-size:1.3em;font-weight:700;display:flex}.elm-calendar__caret{height:1em;width:1em;cursor:pointer;border-radius:50%;padding:.3em;transition:background-color .2s ease-in-out}.elm-calendar__caret:hover{background-color:#00000008}.elm-calendar__left-caret{height:100%;width:100%;border-bottom:3px solid #164c8e;border-left:3px solid #164c8e;transform:translate(.1em)rotate(45deg)}.elm-calendar__right-caret{height:100%;width:100%;border-bottom:3px solid #164c8e;border-left:3px solid #164c8e;transform:translate(-.1em)rotate(225deg)}.elm-calendar__recent{flex-direction:row;padding:1rem 0;display:flex}.elm-calendar__recent>*{padding:0 5px}.elm-calendar__recent>:first-of-type{padding-left:0}.elm-calendar__recent>:last-of-type{padding-right:0}.elm-calendar__recent-button{width:33.3333%}.elm-calendar__week{flex-direction:row;display:flex}.elm-calendar__weekday{width:14.2857%;height:1.5em;text-align:center;justify-content:center;align-items:center;padding:.3em 0;font-size:1.1em;font-weight:700;display:flex}.elm-calendar__weekday--sun{color:#f34d4d}.elm-calendar__weekday--sat{color:#5895e0}.elm-calendar__day{width:14.2857%;height:1.5em;text-align:center;border-bottom:1px solid #ddd;border-right:1px solid #ddd;justify-content:center;align-items:center;font-size:1.1em;font-weight:700;display:flex}.elm-calendar__day--sun{color:#f34d4d}.elm-calendar__day--sat{color:#5895e0}.elm-calendar__day--blank{background-color:#eee}.elm-calendar__day--selected{color:#fff;background-color:#1cb515}.elm-calendar__day--today{text-decoration:underline}.elm-calendar__day--recorded{box-shadow:inset 0 0 16px #164c8e}.elm-calendar__day:last-of-type{border-right:none}.elm-calendar__week:last-of-type>.elm-calendar__day{border-bottom:none}.elm-calendar-recent-button{max-width:100%;color:#fff;text-align:center;cursor:pointer;background-color:#164c8e;border:2px solid #0000;padding:10px 20px;font-size:1.3rem;font-weight:700}.reno-calendar{width:100%;color:#444;background-color:#e5e5e5;font-size:2.4rem}.reno-calendar__nav{height:7rem;color:#203489;background-color:#f6f6f6;flex-direction:row;justify-content:space-between;align-items:center;padding:.4em;font-size:1.1em;font-weight:700;display:flex}.reno-calendar__caret{height:1.3em;width:1.3em;cursor:pointer;border-radius:50%;padding:.3em;transition:background-color .2s ease-in-out}.reno-calendar__caret:hover{background-color:#00000008}.reno-calendar__left-caret{height:100%;width:100%;border-bottom:3px solid #203489;border-left:3px solid #203489;transform:translate(.1em)rotate(45deg)}.reno-calendar__right-caret{height:100%;width:100%;border-bottom:3px solid #203489;border-left:3px solid #203489;transform:translate(-.1em)rotate(225deg)}.reno-calendar__select{flex-direction:row;display:flex}.reno-calendar__select-button{width:33.3333%}.reno-calendar__weeks{min-height:30rem;flex-direction:column;flex:1;display:flex}.reno-calendar__week{flex-direction:row;flex:1;align-items:stretch;display:flex}.reno-calendar__weekdays{flex-direction:row;display:flex}.reno-calendar__weekday{width:14.2857%;height:1.5em;text-align:center;justify-content:center;align-items:center;padding:.3em 0;font-size:.8em;font-weight:700;display:flex}.reno-calendar__weekday--sun{color:#e11111}.reno-calendar__weekday--sat{color:#286fb8}.reno-calendar__day{width:14.2857%;text-align:center;background-color:#fff;justify-content:center;align-items:center;margin:2px;font-size:1.1em;font-weight:700;line-height:1.1em;display:flex;position:relative}.reno-calendar__day--selected{color:#fff;background-color:#203489}.reno-calendar__day--future{background-color:#ffffff8c}.reno-calendar__day--blank{color:#999;background-color:#0000}.reno-calendar__day--recorded{box-shadow:inset 0 0 16px #de4c8e}.reno-calendar__day:last-of-type{border-right:none}.reno-calendar__week:last-of-type>.reno-calendar__day{border-bottom:none}.reno-calendar__logs{width:60%;height:.5rem;display:inline-flex;position:absolute;bottom:13%;left:50%;transform:translate(-50%)}.reno-calendar__log{height:.5rem;width:25%;opacity:0;display:inline-block}.reno-calendar__log--active{opacity:1}.reno-calendar__log--log1{background:#f95c5c}.reno-calendar__log--log2{background:#f9c75c}.reno-calendar__log--log3{background:#76d249}.reno-calendar__log--log4{background:#47b0c6}.reno-calendar--theme-gray .reno-calendar__nav{color:#888}.reno-calendar--theme-gray .reno-calendar__left-caret,.reno-calendar--theme-gray .reno-calendar__right-caret{border-bottom:3px solid #888;border-left:3px solid #888}.reno-calendar--theme-gray .reno-calendar__day--selected{background-color:#888}.reno-calendar-recent-button{max-width:100%;height:5.2rem;color:#203489;text-align:center;cursor:pointer;background-color:#fff;border:2px solid #0000;padding:1rem;font-size:1.7rem;font-weight:600}.reno-calendar-recent-button--active{color:#fff;background-color:#203489}.elm-tenkey{white-space:nowrap;flex-direction:column;align-items:center;margin:auto;font-size:calc(1.6rem - 30.72px + 4vh);display:flex}.elm-tenkey--small{max-width:60vw;width:60vw;font-size:calc(1.2rem - 30.72px + 4vh)}.elm-tenkey--middle{max-width:80vw;width:80vw;font-size:calc(1.6rem - 30.72px + 4vh)}.elm-tenkey--large{max-width:95vw;width:95vw;font-size:calc(2rem - 30.72px + 4vh)}.elm-tenkey__input-panel{color:#164c8e;width:100%;background-color:#fff;border-radius:1em;flex-direction:column;padding:1em;display:flex}.elm-tenkey__panel-head{text-align:center;white-space:normal;font-size:2em;font-weight:700}.elm-tenkey__success-info{text-align:center;height:1.5em;color:#198754;font-size:1em;line-height:1.5em}.elm-tenkey__danger-info{text-align:center;height:1.5em;color:#dc3545;font-size:1em;line-height:1.5em}.elm-tenkey__blank-info{text-align:center;height:1.5em;font-size:1em;line-height:1.5em}.elm-tenkey__border{border-bottom:2px solid #164c8e;margin:.5em 0}.elm-tenkey__input-row{flex-flow:wrap;align-items:center;display:flex}.elm-tenkey__input-row:last-of-type>.elm-tenkey__input-field{margin-bottom:0}.elm-tenkey__input-field{flex:1;align-items:center;margin-bottom:.5em;display:inline-flex}.elm-tenkey__input{min-width:2em;min-height:2em;background:#f0f0f0;border:1px solid #ccc;border-radius:.4em;flex:1;padding:0 1em;font-size:1.6em;font-weight:700}.elm-tenkey__input:focus{outline:none}.elm-tenkey__symbol{width:1.6em;justify-content:center;font-size:1em;display:inline-flex}.elm-tenkey__right-arrow{border:.3em solid #0000;border-left:.5196em solid #164c8e;border-right-width:0}.elm-tenkey__colon{font-size:1.5em;font-weight:700}.elm-tenkey__input-label{white-space:normal;word-break:break-word;font-size:1.6em;font-weight:700}.elm-tenkey__static-value{font-size:1.6em;font-weight:700}.elm-tenkey__tenkey-panel{width:calc(100% - 2em);color:#fff;user-select:none;background-color:#164c8e;border-radius:0 0 1em 1em;flex-direction:column;padding:1em;display:flex;overflow:hidden}.elm-tenkey__keys{grid-template-columns:repeat(3,minmax(2em,1fr));display:grid}.elm-tenkey__key-cell{border-bottom:1px solid #0f2c55;border-right:1px solid #0f2c55;justify-content:center;align-items:center;padding:.2em;display:flex}.elm-tenkey__key-cell:nth-of-type(3n){border-right:0}.elm-tenkey__key-cell:nth-of-type(n+10){border-bottom:0}.elm-tenkey__key{cursor:pointer;flex:1;justify-content:center;align-items:center;font-size:2em;font-weight:700;transition:all .2s ease-in-out;display:flex}.elm-tenkey__key:active{transition:all .1s;transform:scale(1.1)}.elm-tenkey__key--delete{font-size:1em}.elm-tenkey__key--empty{cursor:auto;background-color:#164c8e!important}.elm-tenkey__buttons{grid-template-columns:1fr;gap:.4em;padding-top:1em;display:grid}@media (min-width:576px){.elm-tenkey__buttons{grid-template-columns:repeat(3,minmax(2em,1fr))}}.elm-tenkey__button-cell{justify-content:center;align-items:center;display:flex}.elm-tenkey__button-cell--cancel{justify-content:start}.elm-tenkey__button{cursor:pointer;border-radius:1.8em;justify-content:center;align-items:center;padding:.4em 1em;font-size:1em;font-weight:700;display:flex}.elm-tenkey__button--cancel{color:#fff;width:fit-content;background-color:#0f2c55}.elm-tenkey__button--submit{color:#164c8e;background-color:#fff;padding:.4em 2em}.reno-tenkey{white-space:nowrap;max-width:95vmin;min-width:50vmin;background-color:#203489;flex-direction:column;align-items:center;margin:auto;padding:1rem;font-size:clamp(1.2rem,1.2rem - 23.04px + 3vmin,2.4rem);display:flex}.reno-tenkey--small{font-size:clamp(.5rem,1rem - 23.04px + 3vmin,2rem)}.reno-tenkey--middle{font-size:clamp(.6rem,1.2rem - 23.04px + 3vmin,2.4rem)}.reno-tenkey--large{font-size:clamp(.8rem,1.6rem - 23.04px + 3vmin,3.2rem)}.reno-tenkey__input-panel{color:#fff;width:100%;background-color:#172668;flex-direction:column;padding:1em;display:flex}.reno-tenkey__panel-head{text-align:center;white-space:normal;font-size:1.6em;font-weight:700}.reno-tenkey__success-info{text-align:center;height:1.5em;color:#198754;font-size:1em;line-height:1.5em}.reno-tenkey__danger-info{text-align:center;height:1.5em;color:#dc3545;font-size:1em;line-height:1.5em}.reno-tenkey__blank-info{text-align:center;height:1.5em;font-size:1em;line-height:1.5em}.reno-tenkey__border{border-bottom:2px solid #164c8e;margin:.5em 0}.reno-tenkey__input-row{flex-flow:wrap;align-items:center;display:flex}.reno-tenkey__input-row:last-of-type>.reno-tenkey__input-field{margin-bottom:0}.reno-tenkey__input-field{flex:1;align-items:center;margin-bottom:.5em;display:inline-flex}.reno-tenkey__input{min-width:2em;min-height:2em;color:#fff;background:0 0;border:1px solid #0000;flex:1;font-size:2em}.reno-tenkey__input:focus{outline:none}.reno-tenkey__symbol{width:1.6em;justify-content:center;font-size:1em;display:inline-flex}.reno-tenkey__right-arrow{border:.3em solid #0000;border-left:.5196em solid #164c8e;border-right-width:0}.reno-tenkey__colon{font-size:1.5em;font-weight:700}.reno-tenkey__input-label{white-space:normal;word-break:break-word;color:#172668;background-color:#fff;justify-content:center;align-items:center;padding:.2em 1em;font-size:1em;font-weight:700;display:flex}.reno-tenkey__static-value{font-size:1.6em;font-weight:700}.reno-tenkey__tenkey-panel{max-width:50vmin;width:100%;user-select:none;flex-direction:column;display:flex;overflow:hidden}.reno-tenkey__keys{grid-template-columns:repeat(3,minmax(2em,1fr));gap:.2em;display:grid}.reno-tenkey__key-cell{height:0;background-color:#fff;justify-content:center;align-items:center;padding-bottom:86%;display:flex;position:relative}.reno-tenkey__key-cell:nth-of-type(3n){border-right:0}.reno-tenkey__key-cell:nth-of-type(n+10){border-bottom:0}.reno-tenkey__key{width:100%;height:100%;cursor:pointer;justify-content:center;align-items:center;font-size:1.6em;transition:all .2s ease-in-out;display:flex;position:absolute;top:0}.reno-tenkey__key:active{transition:all .1s;transform:scale(1.1)}.reno-tenkey__key--delete{font-size:1em}.reno-tenkey__key--empty{cursor:auto}.reno-tenkey__buttons{grid-template-columns:repeat(3,minmax(2em,1fr));gap:.2em;padding-top:.2em;display:grid}.reno-tenkey__button-cell{height:0;justify-content:center;align-items:center;padding-bottom:86%;display:flex;position:relative}.reno-tenkey__button-cell--cancel{background-color:#5667ae;justify-content:start}.reno-tenkey__button-cell--submit{background-color:#fa4f4f;grid-column:2/4;padding-bottom:43%}.reno-tenkey__button-cell--empty{display:none}.reno-tenkey__button{width:100%;height:100%;cursor:pointer;background-color:#0000;border-width:0;justify-content:center;align-items:center;padding:.4em;font-size:1em;font-weight:700;display:flex;position:absolute;top:0}.reno-tenkey__button--cancel,.reno-tenkey__button--submit{color:#fff}.reno-tenkey__back-button{width:4.8rem;height:4.8rem;cursor:pointer;position:relative;overflow:hidden}.reno-tenkey__back-button--hidden{visibility:hidden}.reno-tenkey__back-button span{height:3px;background:#fff;display:block;position:absolute;top:0}.reno-tenkey__back-button span:nth-of-type(1){width:1.8rem;top:1.8rem;left:0;transform:rotate(-45deg)}.reno-tenkey__back-button span:nth-of-type(2){width:1.8rem;top:2.8rem;left:0;transform:rotate(45deg)}.reno-tenkey__back-button span:nth-of-type(3){width:4.4rem;top:2.3rem;left:.5rem}@media (min-width:576px){.reno-tenkey{padding:3rem}}@media (min-width:992px){.reno-tenkey{max-width:50vmin}}.reno-tenkey--theme-lock{min-width:min(500px,45vmin);background-color:#e5e5e5}.reno-tenkey--theme-lock .reno-tenkey__input-panel{color:#fa4f4f;background-color:#444}