header[data-v-2fba9b3a]{display:flex;width:100vw;height:50px;align-items:center;justify-content:center;border-bottom:1px solid #2a2e32;position:relative}.title_nav[data-v-2fba9b3a]{display:flex;position:absolute;left:0;margin-left:20px}.nav_item[data-v-2fba9b3a]{font-size:15px;margin-left:15px;margin-right:15px;text-decoration:none}.username[data-v-2fba9b3a]{position:absolute;right:0;margin-right:40px;font-weight:600}.title[data-v-2fba9b3a]{font-family:Bebas Neue;font-size:35px;font-weight:100;text-decoration:none;color:#2a2e32}a[data-v-2fba9b3a]{text-decoration:none;color:inherit}body,html{margin:0;padding:0;width:100%;height:100%}button{background-color:transparent;border:1px solid #2a2e32;padding:5px}#app,button{color:#2a2e32}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;width:100%;min-height:100%;display:flex;flex-direction:column;overflow-x:hidden}label[data-v-44c8015f]{margin-right:10px}.pure-control-group[data-v-44c8015f]{margin:2px;display:flex;justify-content:center;align-items:center}.login-button[data-v-44c8015f]{margin-top:20px;width:150px}.login_page[data-v-44c8015f]{flex:1;padding:150px}.login_container[data-v-44c8015f],.login_form[data-v-44c8015f]{display:flex;flex-direction:column;justify-content:center;align-items:center}label[data-v-1d1e4916]{margin-right:45px}.signup-page[data-v-1d1e4916]{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:120px}.input_wrapper[data-v-1d1e4916]{margin-bottom:3px}.signup_container[data-v-1d1e4916],.signup_form[data-v-1d1e4916]{display:flex;flex-direction:column;justify-content:center;align-items:center}.submit[data-v-1d1e4916]{margin-top:20px;width:150px}.modalBackground[data-v-4bb96604]{position:absolute;left:0;top:0;width:100vw;height:100vh;background-color:#2a2e321f}.modal[data-v-4bb96604]{padding:10px 0 0 0;background-color:#fff;width:-moz-fit-content;width:fit-content;margin:0 auto;margin-top:200px;border:1px solid #2a2e32}header[data-v-4bb96604]{padding:0 20px;font-size:25px}main[data-v-4bb96604]{padding:0 20px;display:flex;flex-direction:column}footer[data-v-4bb96604]{width:100%;border-top:1px solid #2a2e32;display:flex;margin-top:20px}.modalButton[data-v-f8564396]{background-color:#fff;border:none;color:#2a2e32;width:50%;border-right:1px solid #2a2e32;height:30px;font-weight:700}.modalButton.right[data-v-f8564396]{border-right:none;font-weight:400}.logout[data-v-f8564396]{margin:10px}.profile[data-v-f8564396]{width:500px;margin:0 auto;margin-top:50px}.infoTitle[data-v-f8564396]{margin:0 auto}.infoWrapper[data-v-f8564396]{display:flex;align-items:center;justify-content:center;margin:0 auto}.infoContainer[data-v-f8564396]{margin:15px}.modalButton[data-v-44a4f6a4]{background-color:#fff;border:none;color:#2a2e32;width:50%;border-right:1px solid #2a2e32;height:30px}.modalInput[data-v-44a4f6a4]{margin-bottom:10px}.modalNumber[data-v-44a4f6a4]{width:30px;margin:0 auto}.modalTextarea[data-v-44a4f6a4]{resize:none;height:50px;margin-bottom:10px}.modalButton.right[data-v-44a4f6a4]{border-right:none;font-weight:700}.title[data-v-44a4f6a4]{margin:50px 0 30px 0;font-weight:100;font-size:30px}.create[data-v-44a4f6a4]{width:120px;height:25px;line-height:25px;margin:0 auto;border:1px solid #2a2e32;margin-bottom:20px}.table_wrapper[data-v-44a4f6a4]{display:grid;width:630px;margin:0 auto;grid-template-columns:150px 150px 150px 150px;-moz-column-gap:10px;column-gap:10px;row-gap:10px}.shelf[data-v-44a4f6a4]{width:150px;height:190px;display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid #2a2e32}.ssTitle[data-v-10fe0e0c]{position:absolute;line-height:30px;margin-left:10px}.notfound[data-v-10fe0e0c]{line-height:235px}.shelf_delete[data-v-10fe0e0c]{color:#ff6f6f;font-weight:700;width:150px;margin:0 auto;margin-top:20px;margin-bottom:30px;border:1px solid #ff6f6f}.bottom_button[data-v-10fe0e0c]{width:235px;height:30px;line-height:30px;border-top:1px solid #2a2e32;background-color:#fff;border-right:1px solid #2a2e32}.bottom_button.right[data-v-10fe0e0c]{border-right:none}.bottom_nav[data-v-10fe0e0c]{position:absolute;bottom:0;display:flex}.nameInput[data-v-10fe0e0c]{font-weight:700;font-size:25px}.detailTa[data-v-10fe0e0c],.nameInput[data-v-10fe0e0c]{display:block;margin:0 auto;border:none;background-color:transparent;text-align:center;margin-top:20px}.detailTa[data-v-10fe0e0c]{resize:none}.adjustTitle[data-v-10fe0e0c]{margin:20px;font-size:20px}.modalButton[data-v-10fe0e0c]{background-color:#fff;border:none;color:#2a2e32;width:50%;border-right:1px solid #2a2e32;height:30px}.modalButton.right[data-v-10fe0e0c]{border-right:none;font-weight:700}.shelfInfoTitle[data-v-10fe0e0c]{line-height:30px}.albumCoversResult[data-v-10fe0e0c]{max-height:440px;overflow-y:auto}.shelfClose[data-v-10fe0e0c]{right:0;position:absolute;line-height:30px;margin-right:10px}.shelfNavBar[data-v-10fe0e0c]{width:100%;height:30px;border-bottom:1px solid #2a2e32;background-color:#fff;position:relative}.shelfDetailCell[data-v-10fe0e0c]{width:500px;height:500px;border:1px solid #ccc;text-align:center;vertical-align:middle;background-color:#b9b9b9}.shelfDetailCellBox[data-v-10fe0e0c]{width:470px;height:470px;margin:15px;position:relative;background-color:#f9f9f9}.shelfDetail[data-v-10fe0e0c]{position:absolute;top:0;left:0;width:100vw;height:100vh;background-color:#2a2e321f;display:flex;align-items:center;justify-content:center}.masterWrapper[data-v-10fe0e0c]{margin:0 auto;display:flex;align-items:center;justify-items:center}.title[data-v-10fe0e0c]{margin:0 auto;margin:0 20px}.grid-table[data-v-10fe0e0c]{border-collapse:collapse;width:auto;margin:0 auto}.cell[data-v-10fe0e0c]{width:200px;height:200px;border:1px solid #ccc;text-align:center;vertical-align:middle;background-color:#b9b9b9}.cell.small[data-v-10fe0e0c]{width:50px;height:50px}.cell_box[data-v-10fe0e0c]{width:180px;height:180px;margin:10px;background-color:#f9f9f9}.cell_box.small[data-v-10fe0e0c]{width:45px;height:45px;margin:2.5px;display:flex;flex-direction:column;justify-content:center;align-items:center}.bnc_container[data-v-10fe0e0c]{display:flex;align-items:center;justify-items:center;width:auto;padding:20px;margin:0 auto;position:relative}.info[data-v-10fe0e0c]{position:absolute;right:0}.wrapper[data-v-10fe0e0c]{display:flex;flex-direction:column;justify-content:center;align-items:center;height:90vh}input[data-v-7796f4d6]{border:none;text-align:center}select[data-v-7796f4d6]{border:none}.detail_fnp[data-v-7796f4d6]{margin-top:15px}.fnp_content[data-v-7796f4d6]{margin:10px;margin-bottom:0}.addAlbumPrice[data-v-7796f4d6]{width:100px}.priceAndFormat[data-v-7796f4d6]{display:flex;justify-content:center;align-items:center}.priceAndFormat .media[data-v-7796f4d6],.priceAndFormat .sleeve[data-v-7796f4d6]{margin:20px}.isNotVinyls[data-v-7796f4d6]{font-size:20px;margin-top:30px}.addAlbumCoversSearchQuery[data-v-7796f4d6]{width:230px;height:28px;border:none}.addAlbumCoversSearchButton[data-v-7796f4d6]{width:70px;height:100%;border:none;border-left:1px solid #2a2e32}.addAlbumCoversWrapper[data-v-7796f4d6]{display:flex;justify-content:center;align-items:center;border-bottom:1px solid #2a2e32;width:100%;height:30px}.modalButton[data-v-7796f4d6]{background-color:#fff;border:none;color:#2a2e32;width:50%;border-right:1px solid #2a2e32;height:30px}.modalButton.right[data-v-7796f4d6]{border-right:none;font-weight:700}.getAlbumCoversFromGivenInformationButton[data-v-7796f4d6]{padding:3px}.albumCoversResult[data-v-7796f4d6]{width:100%;max-height:269px;overflow-y:auto}.albumCoverSelected[data-v-7796f4d6]{opacity:.3}.addAlbumClearSubmitContainer[data-v-7796f4d6]{display:flex;width:100%;height:40px;border-top:1px solid #2a2e32;margin-top:20px}.addAlbumSubmitButton[data-v-7796f4d6]{width:50%;text-align:center;line-height:40px;border-right:1px solid #2a2e32;color:#a9a9a9}.editAlbumSubmitButton[data-v-7796f4d6]{width:100%;text-align:center;line-height:40px;color:#2a2e32}.navButton[data-v-7796f4d6]{height:30px;color:#2a2e32;border-left:1px solid #2a2e32;padding:0 10px;text-align:center;line-height:30px}.navButton.disabled[data-v-7796f4d6]{color:#d3d3d3}.page[data-v-7796f4d6]{display:flex;border-left:1px solid #2a2e32;align-items:center}.pageButton[data-v-7796f4d6]{background-color:transparent;border:none}.vinylSearch[data-v-7796f4d6]{display:flex;justify-content:center;align-items:center;flex:1;height:100%}.settingCheckbox[data-v-7796f4d6]{margin:5px}.searchQuery[data-v-7796f4d6]{height:100%;flex:1;text-align:left;background-color:transparent;border-left:1px solid #2a2e32}.searchType[data-v-7796f4d6]{width:100px}.addAlbumSubmitButton.submit[data-v-7796f4d6]{border-right:none;font-weight:700;color:#2a2e32}.addAlbumYear[data-v-7796f4d6]{width:50px}.addAlbumAlbumTitle[data-v-7796f4d6]{font-size:1.5em;font-weight:600}.addAlbumArtistName[data-v-7796f4d6]{font-size:16px;margin:16px 0}.addAlbumEssentials[data-v-7796f4d6]{margin-top:10px;display:flex;flex-direction:column;align-items:center}.settingItem[data-v-7796f4d6]{margin:10px}.titleContainer[data-v-7796f4d6]{display:flex;margin-bottom:30px;width:100%}.dropImage[data-v-7796f4d6]{width:300px;height:300px;border:1px solid #2a2e32;margin:0 auto;margin:0 70px}.addVinylTitle[data-v-7796f4d6]{margin:0 auto;margin-top:20px}.settingTitle[data-v-7796f4d6]{margin:0 auto;margin-top:20px;min-width:440px}.addVinylClose[data-v-7796f4d6]{position:absolute;right:0;margin-right:15px;font-size:20px}.title[data-v-7796f4d6]{font-size:20px;font-weight:600;margin:7px}.album_cover[data-v-7796f4d6]{margin:70px;margin-bottom:0}.detail_wrapper[data-v-7796f4d6]{flex:0;border-bottom:1px solid #2a2e32;position:relative;min-width:440px;max-height:calc(100vh - 52px);overflow:auto}.detail_condition[data-v-7796f4d6]{display:flex;margin:0 auto;align-items:center;justify-content:center;color:#2a2e32}.detailTextArea[data-v-7796f4d6]{width:100%;height:100%;resize:none;height:100px;border:none;padding:0}.detail_condition .media[data-v-7796f4d6],.detail_condition .sleeve[data-v-7796f4d6]{margin:20px}.condition_title[data-v-7796f4d6]{font-weight:700}.condition_content[data-v-7796f4d6]{font-size:15px}.album_details[data-v-7796f4d6]{display:flex;width:150px;margin:0 auto;align-items:center;justify-content:center;font-size:12px;color:#2a2e32}.detail_container[data-v-7796f4d6]{width:100%;border-top:1px solid #2a2e32;border-bottom:1px solid #2a2e32}.detail_container_title[data-v-7796f4d6]{padding:10px;font-size:17px}.detail_container_content[data-v-7796f4d6]{font-size:14px;margin:10px}.middle_point[data-v-7796f4d6]{margin:5px}.list_container[data-v-7796f4d6]{margin-left:0;flex-grow:1;border:1px solid #2a2e32;border-top:none;position:relative;display:flex;flex-direction:column;max-height:calc(100vh - 52px);overflow:auto}.vinyl_table_head[data-v-7796f4d6]{background-color:#fff;color:#2a2e32;border-color:#2a2e32;text-align:center}.img_td[data-v-7796f4d6]{padding:0}.img_td img[data-v-7796f4d6]{margin:0 auto}.vinyl_table[data-v-7796f4d6],.vinyl_table_body tr td[data-v-7796f4d6]{border-color:#2a2e32;border-top:none}.vinyl_table[data-v-7796f4d6]{border-left:none;border-right:none;width:100%}.vinyl_table_body[data-v-7796f4d6]{width:100%}.button-small[data-v-7796f4d6]{font-size:85%}.wrapper[data-v-7796f4d6]{display:flex;flex:1 1 auto}.bottom_nav[data-v-7796f4d6]{border-bottom:1px solid #2a2e32;width:100%;display:flex;position:absolute;top:0;background-color:#fff;position:relative;justify-content:end}.created_date[data-v-7796f4d6]{position:absolute;left:0;margin-left:10px;font-size:12px}.editButton[data-v-7796f4d6]{position:absolute;right:0;margin-right:10px;font-size:12px;color:#797979}.grid-table[data-v-7796f4d6]{border-collapse:collapse;width:auto;margin:0 auto;margin-top:10px;margin-bottom:10px}.cell[data-v-7796f4d6]{width:50px;height:50px;border:1px solid #ccc;text-align:center;vertical-align:middle;background-color:#b9b9b9}.cell_box[data-v-7796f4d6]{width:48px;height:48px;margin:1px;background-color:#f9f9f9}.cell_box.selected[data-v-7796f4d6]{background-color:hsla(0,0%,100%,.282)}.copyright[data-v-9eef2bfa]{margin-top:150px;margin-bottom:10px;color:#a9a9a9}.block[data-v-9eef2bfa]{margin:150px}.preview-flex[data-v-9eef2bfa]{display:flex;justify-content:center}.arrow[data-v-9eef2bfa]{margin:20px;margin-bottom:150px}.logo[data-v-9eef2bfa]{margin-top:150px}.wrapper[data-v-9eef2bfa]{width:100vw;height:100%;display:flex;flex-direction:column;align-items:center}.title[data-v-9eef2bfa]{font-family:Bebas Neue;font-size:70px}.subtitle[data-v-9eef2bfa]{font-size:30px}.content[data-v-9eef2bfa]{font-size:20px;margin:10px}.search_bar[data-v-9eef2bfa]{width:600px;height:40px;border:1px solid #2a2e32}