#dev_menu{display:none}.search_page,.catalog_page{width:100%;height:auto;white-space:nowrap;--web-view-name:Ribblr - Search;--web-view-id:Ribblr - Search;--web-scale-on-resize:true;--web-enable-deep-linking:true}label.btn-search{display:none}#btnSearch{cursor:pointer}.search_page_body{display:flex;border-radius:24px;background-color:var(--White);padding:16px;width:100%;box-sizing:border-box;flex-wrap:wrap}.search_page #topbtn{position:fixed;bottom:70px;right:35px;opacity:.85;display:none;z-index:99;outline:none;transition:var(--transition);height:44px;width:44px;background:var(--menu);border-radius:var(--radius-small);border:0;display:flex;align-items:center;justify-content:center;color:var(--textMain);animation:upbump 1s 1;padding:0;line-height:0;box-sizing:border-box;-webkit-appearance:none;appearance:none}.search_page #topbtn[style*="display: block"]{display:flex!important}.search_page #topbtn:hover,.search_page #topbtn:active{opacity:1;transform:translateY(-2px)}.search_page #topbtn span{transform:none;cursor:pointer;display:flex;align-items:center;justify-content:center;margin:0;line-height:1}.search_page .topbtn-icon{width:22px;height:22px;display:block}.search_page .topbtn-icon svg{width:100%;height:100%;display:block}@media only screen and (max-width:767px){.search_page #topbtn{bottom:80px}}.is-pinned{background:var(--background2);opacity:.97;top:100px;position:sticky;width:100%;padding:.5em 0;z-index:99;border-top:2px solid #ccc}.filter_form{position:absolute;z-index:98;left:-13.8em;padding-left:1em;background:var(--background2)}.search_filter_form{position:absolute;z-index:98;left:-11.8em;padding-left:1em;width:11em;background:var(--background2)}.filter_close{display:block;position:absolute;right:-15px;top:-10px;z-index:3;font-size:26px;font-weight:600;padding:0 6px 2px;text-align:center;cursor:pointer;background:var(--background1);border-radius:20px;box-shadow:var(--box-shadow-img);transition:var(--transition);fill:var(--color1);width:18px;border:1px solid #ccc;height:30px}.filter_close svg{height:20px;margin-top:6px}#search_form{position:sticky;top:10.5em;padding:18px;background:var(--background2);border-radius:20px;box-shadow:var(--box-shadow-img);min-width:155px}.search_page #search_form{top:15em}.Search_empty{position:relative;left:0;transform:none}ul#browse_featured::-webkit-scrollbar{display:none}.search-sticky{position:sticky;top:0;background:var(--background);z-index:99;width:100%;padding:16px 0;transition:all .3s ease-in}.stuck{top:max(env(safe-area-inset-top),0px)}.submenu{padding:16px}.search_focused,.search_focused .search-sticky{background:var(--menu)}.search_focused{position:fixed;z-index:999;width:-webkit-fill-available}.container-search{display:flex;flex-direction:row;gap:8px;justify-content:space-between;align-items:center;width:auto;padding:0 16px;margin:1em 0 0}.container-search.focused{width:100%;box-sizing:border-box}.container-search .search-item{min-width:247px}.container-search .filter-sort-container{display:flex;flex-direction:row;gap:8px}.search_sort,.search_filter{background:var(--menu);height:40px;width:40px;display:flex;align-items:center;justify-content:center;border-radius:12px;cursor:pointer;box-sizing:border-box;position:relative}.search_sort.filtered,.search_filter.filtered{border:2px solid var(--textSecondary)}.search_sort.filtered:after,.search_filter.filtered:after{content:"";position:absolute;height:18px;width:18px;background:var(--textSecondary);z-index:100;border-radius:15px;top:-9px;right:-9px}sl-input:focus.search-bar::part(base){box-shadow:none;background:var(--White)}sl-input.search-bar::part(base){border:1px solid var(--menu);height:40px;padding:0 12px;border-radius:16px;background:var(--menu);width:100%;display:flex;align-items:center;font-size:var(--font_large);font-family:var(--font);line-height:20px;font-weight:var(--fontweight_main)}sl-input.search-bar::part(input){color:var(--black_white);box-shadow:none!important}sl-input.search-bar::part(input):focus{background-color:var(--searchBar)!important;box-shadow:none!important}sl-input.search-bar sl-icon{color:var(--textSecondary)}.recent-search{display:flex;flex-direction:column}.history-item{font-size:var(--font_large);line-height:20px;padding:12px 0;display:flex;gap:8px;align-items:center;cursor:pointer}.history-icon{height:16px;width:16px;stroke:var(--textSecondary)}.recent-title{font-size:var(--font_main);font-weight:var(--fontweight_500);line-height:20px;padding-bottom:8px}.search_cancel{color:var(--textSupport);font-weight:var(--fontweight_heavy);display:block}.search-history{border:1px solid var(--menu);border-radius:0 0 16px 16px;padding:16px 24px 24px;background:var(--searchBar);border-top:0;color:var(--black_white);z-index:4;position:absolute;width:596px;box-sizing:border-box;display:flex;flex-direction:column;gap:16px;top:100%;white-space:normal}.search-history.focused{position:fixed;width:100%;z-index:9999;top:calc(85px + env(safe-area-inset-top));height:calc(100vh - 150px);overflow-y:auto;bottom:0;transform:translate3d(0,0,0);right:0;overscroll-behavior:contain}.search-history hr{height:1px;background:var(--menu)}.trending{display:flex;flex-direction:column;gap:12px}.trending-tags{display:flex;gap:8px;flex-direction:row;flex-wrap:wrap}.trending-title{line-height:20px;font-size:var(--font_main)}.trending-tags sl-badge{cursor:pointer}.trending-tags sl-badge::part(base){background:var(--menu);border:var(--menu);padding:8px 16px;color:var(--black_white)}.all_patterns{flex:10;margin:0!important}.adv_header{font-size:var(--font_large);display:block;padding-top:.5em;font-weight:var(--fontweight_heavy)}.adv_item{font-size:var(--font_main);margin:.75em;display:flex;gap:5px;align-items:center}.adv_item select{border-radius:20px}.materials_banner{width:96%;display:none;margin:20px auto;border-radius:24px}.materials_banner img{border-radius:24px;width:100%}sl-drawer#sortMenu::part(panel){height:max-content;padding-bottom:32px}#sortMenu sl-radio-group::part(form-control-input){display:flex;flex-direction:column;gap:16px}#sortMenu sl-radio::part(control--checked){background:#a471fb;border-color:#a471fb}#sortMenu sl-radio::part(base){display:flex;flex-direction:row;gap:12px;align-items:center}#sortMenu sl-radio::part(label){font-size:var(--font_large);line-height:24px;font-weight:var(--fontweight_500)}.tag_list_search{width:100%;overflow-x:auto}li.tag_li.tag_top{flex:1 0 auto;max-width:64px;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;cursor:pointer;font-family:var(--fontInter)}ul.featured_tag_list.tag_list{display:flex;flex-direction:row;flex-wrap:nowrap;width:95%;overflow-x:auto;overflow-y:hidden;justify-content:space-between;margin:0 auto 24px;padding-top:8px}ul.featured_tag_list.tag_list.materials{gap:16px;justify-content:flex-start;margin:0 0 24px;padding-left:16px}li.tag_li .tag_img{background:var(--menu);padding:7px;border-radius:50%;height:50px;width:50px;display:flex;justify-content:center;align-items:center;transition:var(--transition);filter:none!important}li.tag_li .tag_text{color:var(--tagText);line-height:17px}.platinum_coupon{display:none}.platinum_coupon::part(base){color:var(--White-500);margin:auto;background:var(--Purple);max-width:max-content;font-weight:var(--fontweight_heavy);font-size:var(--font_large);margin:1em auto 3em;transition:var(--transition);transform:scale(1,1);border:1px solid var(--Purple);cursor:pointer;height:48px;display:flex;align-items:center}.coupon_modal::part(panel){background:var(--background)}.coupon_modal_main h1{font-size:var(--font_header);font-weight:var(--fontweight_max);white-space:normal}.coupon_modal_main h2{font-size:var(--font_title)}.coupon_modal_main{display:flex;flex-direction:column;gap:24px;align-items:center;text-align:center;white-space:break-spaces}#coupon_code{border:2px dashed var(--menu);padding:20px;font-size:var(--font_title);white-space:normal;background:var(--White);cursor:pointer}.coupon_section{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;flex-direction:column;gap:8px}#coupon_copy::part(base){background:var(--Purple);color:var(--White-500);font-weight:var(--fontweight_heavy);font-size:var(--font_title);cursor:pointer;width:max-content;height:48px;display:flex;align-items:center;border:1px solid var(--Purple)}#copy_message{color:var(--Pink);font-weight:var(--fontweight_heavy);font-size:var(--font_title);display:none}.what-is-vpattern{display:block;width:100%;margin-bottom:16px;font-family:var(--fontInter);text-decoration:underline;color:var(--textSecondary)}.what-is-vpattern svg{width:16px;vertical-align:bottom;margin-right:4px}@media screen and (min-width:640px){.container-search .search-item{min-width:600px}}@media screen and (min-width:768px){}@media screen and (min-width:1024px){#dev_menu{display:flex}.search-item{width:262px}.search-item.focused{width:80%;min-width:262px}sl-input:focus.search-bar.focused::part(base){border-radius:16px}.container-search.focused{width:100%;position:fixed;z-index:9999;background:var(--background1);box-sizing:border-box;padding:1em;margin:0}.search-history.focused{position:fixed;width:100%;z-index:9999;top:calc(113px);height:calc(-40px + 100vh);overflow-y:auto;padding-bottom:calc(160px);bottom:0;transform:translate3d(0,0,0);right:0;overscroll-behavior:contain}.search_cancel{color:#9b8fba;font-weight:var(--fontweight_heavy);display:block}.search_filter_form{position:absolute;z-index:98;left:-11.8em}.is-pinned{top:44px}.search-sticky{top:44px;display:none}.search-history{width:50%;top:initial}#search_form{position:absolute;top:10px!important;padding:18px;filter:drop-shadow(2px 2px 4px #070102);transform:translate3d(0,0,0);backface-visibility:hidden}.filter_close{display:block}.search_filter_form{position:absolute;z-index:98;left:-11.8em}#search_form{position:absolute;top:10px!important;padding:18px;filter:drop-shadow(2px 2px 10px #070102);transform:translate3d(0,0,0);backface-visibility:hidden}.filter_close{display:block}#search_form{position:static}ul.featured_tag_list.tag_list{margin:0 0 16px;width:100%;justify-content:left;gap:24px}ul.featured_tag_list.tag_list.materials{margin:0 0 16px;gap:36px;padding:0}}@media screen and (min-width:1280px){}@media screen and (min-width:1536px){}@media only screen and (max-width:767px) and (max-aspect-ratio:119/90){.search_page :is(.mypattern-image,.pattern-image,.pattern_image){padding-bottom:125%}.search_page :is(.all_patterns_list,.all-patterns-list,.sale_patterns_list,.all-materials-list,.all_materials_list,.all_patterns_list_gems) .loader-img-abs{aspect-ratio:4/5}}