.boards-section{display:flex;flex-direction:column}.boards-header{display:flex;flex-direction:row;justify-content:space-between;height:32px;align-items:center}.boards-title{display:flex;gap:8px;align-items:center}.boards-title{font-weight:var(--fontweight_heavy);font-size:var(--font_title);color:var(--textMain);line-height:20px}.boards-title svg{width:20px;height:20px}.board-wishpat-list,.board-wishmat-list,.board-patterns,#boardsList{display:grid;margin:auto;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:16px}.empty#boardsList{display:flex}#boardList{display:block;width:100%;float:left;transition:all .5s ease-out;box-sizing:border-box}sl-drawer#selectBoardPats::part(panel){height:80%;max-height:80%}sl-dialog#selectBoardPats::part(panel){width:625px;max-height:80%}.mypatterns-nav .board-actions{background:var(--menu)}.mypatterns-nav .board-actions{height:40px;width:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer}.mypatterns-nav .board-actions svg{height:24px;width:24px}.boards-viewall{color:var(--Purple);font-weight:var(--fontweight_heavy);cursor:pointer}.boards-viewall:hover{text-decoration:underline}.add-board{background:var(--background);width:32px;height:32px;border-radius:12px;display:flex;align-items:center;justify-content:center}.wishlist-page .add-board svg{height:18px;width:18px}.mypatterns-nav .add-board{height:40px;width:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:var(--menu)}.mypatterns-nav .add-board svg{height:24px;width:24px;color:var(--textSecondary)}sl-card.board::part(base){border:none;box-shadow:none;background:0 0}sl-card.board::part(image){overflow:visible}sl-card.board::part(body){padding:8px 0 0;gap:2px;display:flex;flex-direction:column}sl-card.board .board-action-dropdown{position:absolute;top:4px;right:4px}sl-card.board .board-actions{z-index:3}sl-card.board .board-actions svg{height:16px;width:16px;stroke:var(--textMain)}sl-button.board-actions::part(base){width:32px;height:24px;transition:transform .15s ease;background:var(--wishlistBg);border-radius:31px;padding:0 8px;box-sizing:border-box;border:.5px solid var(--White);display:flex;align-items:center;justify-content:center;min-height:24px;color:var(--textMain)}.empty sl-button.board-actions::part(base){background:var(--btnSelected);color:var(--White)}.mystuff-nav sl-button.board-actions::part(base){background:var(--menu);border:none}sl-button.board-actions::part(label){display:flex;align-items:center}.board-menu{border-radius:16px;border:none;box-shadow:none;border:1px solid var(--background);width:fit-content;z-index:1;top:4px}.board-menu sl-menu-item::part(base){color:var(--textMain);border-bottom:1px solid var(--background);height:44px;align-items:center;display:flex;box-sizing:border-box;padding:12px 0;background:var(--White)}.board-menu sl-menu-item::part(label){display:flex;align-items:center;gap:12px;padding:0 16px}.board-menu sl-menu-item::part(checked-icon){display:none}.board-menu .icon{height:20px}.board-menu svg{height:20px;width:20px}.board-img{width:100%;position:relative;aspect-ratio:1/1}.board-grid.grid-2,.board-grid.grid-4{display:grid;height:100%;gap:0;width:100%}.board-grid img{width:100%;height:100%;object-fit:cover;aspect-ratio:1/1;opacity:1;transition:opacity 1s ease-in-out}.grid-4{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}.grid-4 img:nth-child(1){border-radius:16px 0 0 0}.grid-4 img:nth-child(2){border-radius:0 16px 0 0}.grid-4 img:nth-child(3){border-radius:0 0 0 16px}.grid-4 img:nth-child(4){border-radius:0 0 16px 0}.grid-2{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(1,1fr)}.grid-2 img:nth-child(1){border-radius:16px 0 0 16px}.grid-2 img:nth-child(2){border-radius:0 16px 16px 0}.grid-1 img{border-radius:16px}.board-name{color:var(--textSecondary);text-align:left}.board-cnt{color:var(--textSupport);font-size:var(--font_main)}.empty-board,.create-board-btn{background:var(--background);aspect-ratio:1/1.0615;border-radius:16px;display:flex;gap:8px;flex-direction:column;align-items:center;justify-content:center;padding:16px;box-sizing:border-box;font-weight:var(--fontweight_500);color:var(--textSecondary)}.board.empty .empty-board{width:100%;height:100%}.boards-list .create-board-btn{width:100%}.add-board-list .empty-board{width:100%}.add-board-list .create-board-btn{background:var(--White)}.create-board-icon{height:24px;width:24px;color:#a67deb}sl-drawer.select-patterns::part(panel){height:90%}.select-patterns::part(body){padding:20px 16px;display:flex;flex-direction:column;gap:16px}sl-button#confirm-del-board::part(base){background:var(--Pink);color:var(--White)}.board-list{display:flex;overflow-x:auto}.board-list.long{width:85%;display:flex;justify-content:normal;overflow-x:scroll;overflow-y:clip;height:fit-content}.new-board{display:inline-block;max-height:20px;margin:.5em;background:var(--color_ribblr);border-radius:20px;padding:.5em 1em;font-size:var(--font_main);transition:.2s all ease-in-out;cursor:pointer;font-weight:var(--fontweight_heavy)}.new-board.disabled{pointer-events:none;opacity:.5}.new-board::before{content:'#'}sl-dialog#board-modal::part(panel){background:var(--background2);width:85%}sl-dialog#board-modal::part(body){padding-top:0}sl-input#board-name::part(base){font-family:var(--font);font-weight:var(--fontweight_heavy);font-size:var(--font_large);white-space:pre-line}sl-input#board-name::part(input){font-family:var(--font);font-weight:var(--fontweight_heavy);font-size:var(--font_large);max-width:300px;color:var(--color1)}sl-card.board-item::part(base){border:none;box-shadow:none;background:0 0}sl-card.board-item::part(image){overflow:visible}sl-card.board-item::part(body){padding:8px 0 0;gap:2px;display:flex;flex-direction:column}.board-item{display:block;width:100%;transition:all .5s ease-out;position:relative;cursor:pointer}.board-item-img{width:100%;position:relative;padding-bottom:100%;height:0;overflow:hidden}.board-item .board-item-img img{background:var(--background2);opacity:1;transition:opacity .3s ease}.board-item .board-item-img img{width:100%;height:100%;object-fit:cover;border-radius:16px;position:absolute;top:0;left:0}.board-pat-add{top:4px;right:8px;width:32px;height:24px;position:absolute;transition:transform .15s ease;background:var(--wishlistBg);border-radius:31px;padding:0 8px;box-sizing:border-box;border:.5px solid var(--White);display:flex;align-items:center;justify-content:center}.board-item.selected .board-pat-add{background:var(--btnSelected);border-color:var(--textMain);color:var(--White)}.myboard-name{display:flex;flex-direction:row;gap:2px;align-items:center}.myboard-text{display:block;word-wrap:break-word;font-weight:var(--fontweight_main);max-width:14em;text-overflow:ellipsis;overflow:hidden;height:18px;white-space:nowrap;color:var(--textSecondary);line-height:17px}sl-button#board-delete::part(base),sl-button#board-save::part(base){cursor:pointer;font-weight:var(--fontweight_heavy);font-size:var(--font_large);color:#000;border:none;font-family:var(--font)}sl-button#board-delete::part(base){background:#f9c8c8}sl-button#board-save::part(base){background:#beeac0}sl-button#board-delete::part(label),sl-button#board-save::part(label){font-size:var(--font_large);padding:5px 10px 5px 4px}sl-drawer.edit-board-modal::part(panel),sl-drawer.board-menu-modal::part(panel){height:max-content}sl-drawer.board-menu-modal::part(body){display:flex;flex-direction:column;gap:8px}sl-menu.board-menu{display:none!important}.pattern-menu svg,.board-menu-modal svg{height:24px;width:24px;color:var(--textSecondary);vertical-align:bottom}.board-menu-modal .add-wishpat-board,.pattern-menu .remove-pat-board,.board-menu-modal .share-board,.board-menu-modal .add-pats-board,.board-menu-modal .edit-board,.board-menu-modal .delete-board{background:var(--White);border-radius:16px;padding:12px 16px;display:flex;flex-direction:row;gap:12px;color:var(--textMain);font-size:var(--font_large);line-height:20px;align-items:center}.edit-board-modal::part(body),.create-board::part(body){display:flex;flex-direction:column;gap:20px;text-align:left}#boardName::part(form-control){display:flex;flex-direction:column;gap:4px}#boardName::part(form-control-label){color:var(--textSecondary);font-weight:var(--fontweight_500);line-height:17px}#boardName::part(base){border-radius:12px;height:44px;padding:0 12px;box-sizing:border-box;background:var(--White);border:none;color:var(--textSupport)}#boardName::part(input){padding:0;color:var(--textSupport);height:100%}.privacy-section{display:flex;flex-direction:column;gap:12px}.privacy-text{color:var(--textSecondary);font-weight:var(--fontweight_500);line-height:17px}.privacy-option{display:flex;justify-content:space-between;align-items:center}.privacy-subtext{display:flex;flex-direction:column;gap:2px}.privacy-main{color:var(--textMain);font-weight:var(--fontweight_500);font-size:var(--font_large)}.privacy-sub{color:var(--textSecondary)}#boardPrivacy::part(thumb){background:var(--White);border-color:var(--White);height:20px;width:20px}#boardPrivacy::part(control){background:var(--menu);border-color:var(--menu);height:24px;width:44px;padding:2px}@media screen and (min-width:640px){.board-wishpat-list,.board-wishmat-list,sl-drawer .board-patterns,sl-dialog .board-patterns,#boardsList{grid-template-columns:repeat(3,minmax(0,1fr))}}@media screen and (min-width:768px){}@media screen and (min-width:1024px){.board-wishpat-list,.board-wishmat-list,#boardsList{grid-template-columns:repeat(4,minmax(0,1fr))}sl-menu.board-menu{display:block!important}}@media screen and (min-width:1280px){.boards-title svg{height:24px;width:24px}.boards-title .add-board svg{height:20px;width:20px}sl-card.boards-section::part(base){box-sizing:border-box;padding:24px}.board{}sl-card.board .board-actions{height:28px;width:38px}sl-card.board .board-actions svg{height:18px;width:18px}.board-wishpat-list,.board-wishmat-list,#boardsList{grid-template-columns:repeat(5,minmax(0,1fr))}}@media screen and (min-width:1536px){.board-wishpat-list,.board-wishmat-list,#boardsList{grid-template-columns:repeat(5,minmax(0,1fr))}}