html,body,div,span,p,a,code,img,i,form,label,figure{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}figure{display:block}body{line-height:1}/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}figure{display:block}figure{margin:1em 40px}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}code{font-family:monospace,monospace;font-size:1em}img{border-style:none}button,input,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,html [type=button],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}textarea{overflow:auto}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}:root{--background-color: #fff;--font-color: #444;--padding: 15px;--box-padding: var(--padding)}*,:after,:before{box-sizing:border-box;scrollbar-color:rgba(0,0,0,.2) transparent;scrollbar-width:thin}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-corner{background:transparent}::-webkit-scrollbar-thumb{background-clip:content-box;background-color:#78787800;border:2px solid transparent;border-radius:20px}body{background-image:linear-gradient(90deg,#ff9a8b,#ff6a88 55%,#ff99ac);height:100vh;overflow:hidden;padding:2.5vw;font-size:14px;font-family:Nunito,sans-serif}.app{background:var(--background-color);border-radius:7px;box-shadow:0 11px 20px #0003;color:var(--font-color);display:grid;font-family:Nunito,sans-serif;grid-template-rows:auto 1fr;height:100%;line-height:1.5;min-width:320px;overflow:hidden;position:relative}.app__content{display:grid;grid-template-columns:60px 1fr}.top{align-items:center;border-bottom:1px solid hsla(0deg,0%,50.2%,.2);border-radius:7px 7px 0 0;color:#999;display:flex;font-size:.8rem;font-weight:700;justify-content:space-between;position:relative;z-index:999;padding:10px}.top-logo img{display:block;width:50px}.top-search form{background:hsla(0deg,0%,50.2%,.1);border-radius:50px;padding:2px 10px}.top-search input{background:transparent;border:0;font-weight:400;min-width:175px;outline:0;padding:2px 5px}.top-search button{background:transparent;border:0}.sidebar{background:#463350;border-bottom-left-radius:7px;padding:10px}.sidebar__item{border-radius:5px;cursor:pointer;margin-bottom:10px;padding:10px;position:relative;width:40px;height:40px;display:flex;align-items:center;justify-content:center;text-decoration:none;color:#fff;font-size:20px}.sidebar__item:hover{background:rgba(255,106,136,.4)}.sidebar__item--active,.sidebar__item--active:hover{background:#ff6a88}.body{display:grid;grid-template-rows:auto 1fr}.body__title{align-items:center;border-bottom:1px solid hsla(0deg,0%,50.2%,.2);display:flex;justify-content:space-between;padding:10px 20px;font-weight:700}.scrollable{position:relative}.scrollable ::-webkit-scrollbar-thumb{background-color:#78787833}.scrollable__target{bottom:0;left:0;overflow:auto;position:absolute;right:0;top:0;padding:15px}.page>*+*{margin-top:15px}a{color:#ff6a88}.image{margin:0}.image img{border:1px solid hsla(0deg,0%,50.2%,.2);border-radius:10px;box-shadow:0 11px 20px #0000001a;max-width:100%;display:block}.qty,.flow{background:var(--background-color);border:1px solid hsla(0deg,0%,50.2%,.2);border-radius:5px;box-shadow:0 11px 20px #0000001a;width:100%;padding:var(--box-padding)}.flow>*+*{margin:20px 0 0}.qty{--box-padding: 0}.qty__item{padding:var(--padding);position:relative}.qty .qty__item+.qty__item{border-top:1px solid hsla(0deg,0%,50.2%,.2)}.badge{position:absolute;right:15px;background-color:#8080801a;top:50%;transform:translateY(-50%);font-size:.8rem;line-height:1;height:20px;width:auto;padding-inline:10px;display:flex;align-items:center;justify-content:center;border-radius:10px}.form{display:grid;grid-gap:15px}.form label{display:block;font-weight:700;margin-bottom:5px}.form select{display:block;width:100%;padding:.45rem 2.7rem .45rem .9rem;font-size:.9rem;font-weight:400;line-height:1.5;color:#6c757d;background-color:#fff;background-repeat:no-repeat;background-position:right .9rem center;background-size:14px 10px;border:1px solid #dee2e6;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;appearance: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='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e")}.form input,.form textarea{display:block;width:100%;padding:.45rem 2.7rem .45rem .9rem;font-size:.9rem;font-weight:400;line-height:1.5;color:#6c757d;background-color:#fff;background-repeat:no-repeat;background-position:right .9rem center;background-size:14px 10px;border:1px solid #dee2e6;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;appearance:none}.button{background:#ebebeb;border:0;border-radius:100px;cursor:pointer;font-size:.8rem;font-weight:700;line-height:1;outline:0;padding:10px 25px;text-transform:uppercase}.form .button i.end{margin-left:10px}