@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700&display=swap);@import url(https://fonts.googleapis.com/css?family=Roboto:500);html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}.spinner-wrap{display:flex;justify-content:center;align-items:center;height:100vh;width:100%}@-webkit-keyframes ldio-x68g8gm35i{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}@keyframes ldio-x68g8gm35i{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.ldio-x68g8gm35i div{position:absolute;width:130px;height:130px;border:10px solid #4686f4;border-top-color:transparent;border-radius:50%;-webkit-animation:ldio-x68g8gm35i 1s linear infinite;animation:ldio-x68g8gm35i 1s linear infinite;top:100px;left:100px}.loadingio-spinner-rolling-pmiwm2ufmu{width:200px;height:200px;display:inline-block;overflow:hidden;background:rgba(241,242,243,0)}.ldio-x68g8gm35i{width:100%;height:100%;position:relative;transform:translateZ(0) scale(1);-webkit-backface-visibility:hidden;backface-visibility:hidden;transform-origin:0 0}.ldio-x68g8gm35i div{box-sizing:content-box}.main{display:flex;min-height:calc(100vh - 65px);max-height:calc(100vh - 65px);height:calc(100vh - 65px);overflow:hidden;background-color:#f5f5f5}.sidebar{max-width:280px;min-width:280px;border-right:1px solid #dadce0;overflow:auto}.sidebar h2{padding:0 10px 0 40px}.sidebar .navlink{color:inherit;text-decoration:inherit}.sidebar .navlink.active .category-label,.sidebar .navlink.active .category-label:hover{background-color:#c9c9c9}.sidebar .category input[type=radio]{display:none}.sidebar .category input[type=radio]:checked+.category-label{background-color:#c9c9c9}.sidebar .category input[type=radio]:disabled+.category-label{background-color:green}.sidebar .category input[type=radio]:checked+.category-label:hover{background-color:#c9c9c9}.sidebar .category .category-label{display:flex;align-items:center;position:relative;height:50px;padding:0 10px 0 40px;cursor:pointer}.sidebar .category .category-label:hover{background-color:#e8e8e8}.sidebar .category .delete{position:absolute;top:10px;right:10px;cursor:pointer;border:none;margin:0 0 0 auto;padding:1px 3px;width:auto;overflow:visible;background:transparent}.sidebar .category .delete:hover{color:red}.sidebar .add-category{display:flex;align-items:center;justify-content:space-between;height:50px;padding:0 40px;cursor:pointer}.sidebar .add-category form{display:flex}.sidebar .add-category .submit{display:flex;justify-content:center;align-items:center;border:none;height:36px;padding:8px 24px;margin:0 0 0 10px;width:20px;overflow:visible;background:transparent;line-height:normal;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:.01785714em;font-weight:500;border-radius:4px}.sidebar .add-category .submit:hover{background:#e8e8e8}.header{min-height:65px;height:65px;box-sizing:border-box;border-bottom:1px solid #dadce0;background-color:#fff;display:flex;justify-content:space-between;align-items:center;padding:0 0 0 40px}.header .profile-wrap{position:relative;cursor:pointer;height:65px}.header .profile-wrap:hover .profile-dropdown{display:block}.header .profile-wrap:hover .email-img-wrap{background-color:#e8e8e8}.header .email-img-wrap{height:64px;display:flex;justify-content:flex-end;align-items:center;padding-left:40px;padding-right:40px;background:#fff;transition:all .3s ease-in-out}.header .email-text{font-size:14px;margin-right:10px}.header .profile-img{height:50px;width:50px;border-radius:50%}.header .profile-dropdown{display:none;position:absolute;top:65px;width:100%;background-color:#fff;border-radius:0 0 15px 15px;box-sizing:border-box;padding:0;overflow:hidden;border:1px solid #dadce0;border-top:none}.header .profile-dropdown p{margin:0;padding:13px 40px}.header .profile-dropdown p:hover{background-color:#e8e8e8}.wish-item{display:flex;flex-direction:column;position:relative;overflow:hidden;width:240px;height:280px;margin-left:auto;margin-right:auto;box-sizing:border-box;border-radius:15px;background:#fff;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);cursor:pointer;transition:all .3s ease-in-out}.wish-item:hover{box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23)}.wish-item .wish-img-wrap{background:#c9c9c9;width:100%;min-height:180px;max-height:180px;position:relative}.wish-item .wish-img{width:100%;height:100%;object-fit:cover}.wish-item .wish-price-wrap{position:absolute;bottom:10px;right:10px;background-color:#fff;border-radius:20px;padding:2px 5px}.wish-item .wish-price-wrap .wish-price{margin:0}.wish-item .wish-name{padding:5px 10px;margin:0;font-weight:700}.wish-item .wish-link{display:block;margin:0;padding:5px 10px;font-weight:300;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.wish-item .delete{position:absolute;top:10px;right:10px;cursor:pointer;border:none;margin:0;padding:1px 6px;width:auto;overflow:visible;background:#fff;border-radius:50%}.wish-item .delete:hover{color:red}.wish-item .dropdown-wrap{position:absolute;right:5px;top:5px}.wish-item .dropdown{position:relative}.wish-item .dropbtn{display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:50%;padding:3px;width:20px;height:20px;cursor:pointer}.wish-item .dropbtn:hover{background-color:#9c9c9c}.wish-item .dropbtn .dot{position:relative;margin:1px;width:3px;height:3px;background-color:#000;border-radius:50%}.wish-item .dropdown-content{display:none;position:absolute;background-color:#f1f1f1;min-width:160px;overflow:auto;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);z-index:1}.wish-item .active{display:block}#app-content{width:100%;overflow:auto}.items-list{padding:25px 40px 40px}.items-list .items-list-wrap{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:20px}.items-list .list-item-edit-wrap{visibility:hidden}.items-list .list-item-edit-wrap .list-item-background{background:rgba(60,60,60,.88);position:absolute;top:0;left:0;right:0;bottom:0;opacity:0;z-index:0;transition:.15s}.items-list .list-item-edit-wrap .edit-wish-item{background:#fff;z-index:1;width:500px;height:500px;position:absolute;top:calc(50% - 250px);left:calc(50% - 250px);transform:translateX(-5%);transition:.1s;border-radius:25px;overflow:hidden}.items-list .list-item-edit-wrap.active{visibility:visible}.items-list .list-item-edit-wrap.active .list-item-background{opacity:1}.items-list .list-item-edit-wrap.active .edit-wish-item{transform:translateX(0)}.add-wish-wrap{box-shadow:0 1px 2px 0 rgba(60,64,67,.302),0 2px 6px 2px rgba(60,64,67,.149);background:#fff;border-radius:8px;display:flex;max-width:300px;margin-bottom:30px;margin-left:auto;margin-right:auto;align-items:center;box-shadow:0 3px 5px rgba(0,0,0,.2)}.add-wish-wrap .form-wrap{transition:all .3s ease-in-out;transform:translateY(-200px);display:flex;flex-direction:column}.add-wish-wrap .img-add-wrap{width:100%;height:200px;border-radius:8px 8px 0 0;overflow:hidden}.add-wish-wrap .img-add-wrap input{display:none}.add-wish-wrap .img-add-wrap .img-button{display:flex;justify-content:center;align-items:center;width:100%;height:200px;cursor:pointer;background:#c9c9c9}.add-wish-wrap .img-add-wrap .img-button:hover{background-color:#bdbdbd}.add-wish-wrap .img-add-wrap .img-button.active{display:none}.add-wish-wrap .img-add-wrap .img-preview{display:none;justify-content:center;align-items:center;width:100%;height:200px;position:relative}.add-wish-wrap .img-add-wrap .img-preview.active{display:flex}.add-wish-wrap .img-add-wrap .img-preview img{width:100%;height:100%;object-fit:cover}.add-wish-wrap .img-add-wrap .delete{position:absolute;background:#fff;border-radius:50%;top:10px;right:10px;cursor:pointer;border:none;margin:0;padding:1px 6px;width:auto;overflow:visible}.add-wish-wrap .img-add-wrap .delete:hover{color:red}.add-wish-wrap .add-wish-form{display:flex;flex-direction:column;width:100%;height:40px;overflow:hidden;transition:all .3s ease-in-out}.add-wish-wrap .add-wish-form.active{height:356px}.add-wish-wrap .add-wish-form.active .form-wrap{transform:translateX(0)}.add-wish-wrap .add-wish-form .add-wish-input,.add-wish-wrap .add-wish-form .add-wish-price{width:100%;padding:9px 20px;border:none;outline:none;background:transparent;box-sizing:border-box}.add-wish-wrap .add-wish-form .submit{border:none;height:36px;padding:8px 24px;margin:0 0 0 auto;width:100px;overflow:visible;background:transparent;line-height:normal;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:.01785714em;font-weight:500;border-radius:4px}.add-wish-wrap .add-wish-form .submit:hover{background:#e8e8e8}.edit-wish-item{position:relative}.edit-wish-item .img-add-wrap{background:#c9c9c9}.edit-wish-item .img-add-wrap,.edit-wish-item .img-preview{display:flex;justify-content:center;align-items:center;width:100%;height:320px;position:relative}.edit-wish-item .img-preview .wish-img{width:100%;height:320px;object-fit:cover}.edit-wish-item .img-preview .delete{position:absolute;background:#fff;border-radius:50%;top:10px;right:20px;cursor:pointer;border:none;margin:0;padding:1px 6px;width:auto;overflow:visible}.edit-wish-item .img-preview .delete:hover{color:red}.edit-wish-item .edit-wish-form{display:flex;flex-direction:column}.edit-wish-item .edit-wish-input{border:none;outline:none;padding:10px 20px}.edit-wish-item .edit-name{font-weight:700}.edit-wish-item .edit-link{font-weight:300}.edit-wish-item .submit{border:none;height:36px;padding:8px 24px;margin:0 0 0 auto;width:100px;overflow:visible;background:transparent;line-height:normal;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:.01785714em;font-weight:500;border-radius:4px;position:absolute;bottom:10px;right:10px}.edit-wish-item .submit:hover{background:#e8e8e8}.login-wrap{display:flex;justify-content:center;align-items:center;height:100vh}.login-wrap .google-btn{padding:0;width:200px;height:42px;background-color:#4285f4;border-radius:2px;box-shadow:0 3px 4px 0 rgba(0,0,0,.25);cursor:pointer}.login-wrap .google-btn:hover{box-shadow:0 0 6px #4285f4}.login-wrap .google-btn:active{background:#1669f2}.login-wrap .google-icon-wrapper{position:absolute;margin-top:1px;margin-left:1px;width:40px;height:40px;border-radius:2px;background-color:#fff}.login-wrap .google-icon{position:absolute;margin-top:11px;margin-left:11px;width:18px;height:18px}.login-wrap .btn-text{float:right;margin:11px 11px 0 0;color:#fff;font-size:14px;letter-spacing:.2px}*{font-family:"Open Sans",sans-serif}.app{min-width:670px}
/*# sourceMappingURL=main.9e000273.chunk.css.map */