#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:60px;right:100px;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;right:24px}.submenu.yarn-hide{display:none}}.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)}.filter_weave_thread{position:absolute;z-index:3000;pointer-events:none;width:34px;height:4px;border-radius:999px;background:var(--textSecondary);box-shadow:0 0 0 1px color-mix(in srgb,var(--menu) 45%,transparent);opacity:.9;transform-origin:center;transform:translate(0,0)scale(1)}.filter_weave_thread.weaving{transition:transform .56s cubic-bezier(.22,.74,.24,1),opacity .18s ease-in .38s;opacity:0}.filter_weave_notice{position:absolute;z-index:3000;pointer-events:none;max-width:calc(100vw - 24px);padding:5px 9px;border-radius:10px;background:var(--menu);color:var(--textSecondary);box-shadow:0 3px 12px rgba(0,0,0,8%);font-family:var(--font);font-size:12px;font-weight:var(--fontweight_main);line-height:16px;white-space:nowrap;opacity:0}.filter_weave_notice.showing{animation:filter_notice 1.6s ease both}.search_filter.filter_thread_received{animation:filter_receive .3s ease-out}.search_filter.filter_thread_received::before{content:"";position:absolute;inset:-4px;border:2px solid var(--textSecondary);border-radius:16px;pointer-events:none;animation:filter_receive_ring .34s ease-out both}@keyframes filter_notice{0%{opacity:0;transform:translateY(-3px)}14%,76%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-2px)}}@keyframes filter_receive{0%,100%{transform:scale(1)}48%{transform:scale(1.06)}}@keyframes filter_receive_ring{0%{opacity:.65;transform:scale(.82)}100%{opacity:0;transform:scale(1.15)}}@media(prefers-reduced-motion:reduce){.filter_weave_thread{display:none}.filter_weave_notice.showing{animation:none;opacity:1}.search_filter.filter_thread_received,.search_filter.filter_thread_received::before{animation:none}}.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}.yarn_review_vid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit;opacity:0;transition:opacity 1s ease;z-index:2;pointer-events:none}.yarn_review_vid.show{opacity:1}.yarn_review_vid.fading{transition:opacity 2s ease}.unbox_tile{grid-column:1/-1;list-style:none}.unbox_tile_inner{display:flex;justify-content:space-evenly;gap:10px;background:var(--background);border-radius:16px}.unbox_tile{cursor:pointer}.unbox_tile_entry{display:flex;flex-direction:row;gap:12px;height:clamp(220px,28vw,420px);min-width:0;background:var(--background);border-radius:16px;overflow:hidden}.unbox_tile_video{flex:none;height:100%;aspect-ratio:9/16;min-width:0;background:var(--background);border-radius:16px}.unbox_tile_video video,.unbox_tile_video .unbox_thumb_cover{display:block;width:100%;height:100%;object-fit:contain;border-radius:16px;margin:auto 0}.unbox_tile_imgs{flex:0 0 min(124px,calc((clamp(220px,28vw,420px) - 32px)/3));display:flex;flex-direction:column;gap:8px;min-height:0;padding:8px 0;box-sizing:border-box}.unbox_tile_img{display:block;flex:none;width:100%;aspect-ratio:1/1;min-width:0;min-height:0;overflow:hidden}.unbox_tile_img img{display:block;width:100%;height:100%;object-fit:cover;border-radius:8px;background:var(--menu,#f3f0f8)}.unbox_tile_video,.unbox_modal_media{display:grid;grid-template:100%/100%;min-height:0;overflow:hidden}.unbox_tile_video>*,.unbox_modal_media>*{grid-area:1/1}.unbox_thumb_cover{pointer-events:none;transition:opacity .4s ease}.unbox_thumb_gone{opacity:0}@media(max-width:767px){.unbox_tile_inner{display:block;height:auto}.unbox_tile_entry{display:grid;grid-template-columns:minmax(0,66fr)minmax(0,34fr);gap:12px;height:auto}.unbox_tile_video{width:100%;height:auto;aspect-ratio:9/16}.unbox_tile_imgs{width:auto;height:100%;min-width:0;gap:8px;padding:8px 0;margin-right:8px;justify-content:space-around}.unbox_tile_img{flex:none;width:100%;height:auto;min-width:0;min-height:0;margin:0;aspect-ratio:1/1;display:block}.unbox_tile_img img{flex:auto;min-height:0;width:100%;object-fit:cover;border-radius:6px;background:var(--menu,#f3f0f8)}.unbox_tile_video video,.unbox_tile_video .unbox_thumb_cover{width:100%;object-fit:cover;margin:unset}}.unbox_modal_footer{max-width:100%}sl-dialog.unbox_modal{--width:min(94vw, 920px)}.unbox_modal::part(panel){max-height:95vh!important}sl-dialog.unbox_modal::part(body){padding:16px}sl-dialog.unbox_modal::part(footer){padding:14px 16px 16px;border:none}.unbox_modal_video{display:block;max-width:100%;max-height:50vh;object-fit:cover;background:var(--background);border-radius:24px;margin:auto;aspect-ratio:9/16}.unbox_modal_items_heading{display:flex;align-items:center;gap:6px;font-size:15px;font-weight:700}.unbox_modal_yarn_icon{width:20px;height:20px}.unbox_modal_items{display:flex;gap:10px;margin-top:14px;overflow-x:auto;overflow-y:hidden;padding-bottom:2px;scroll-snap-type:x proximity}.unbox_modal_item{display:block;flex:0 0 96px;text-align:center;min-width:0;text-decoration:none;color:inherit;cursor:pointer;scroll-snap-align:start}.unbox_modal_item img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:10px;background:var(--menu,#f3f0f8)}.unbox_modal_name{font-size:12px;line-height:1.25;margin-top:5px}.materials_banner .ribblr_yarn_country_banner{box-sizing:border-box;display:block;width:100%}.materials_banner .ribblr_yarn_country_banner img{aspect-ratio:1159/135;display:block;height:auto;object-fit:cover}.materials_banner img{border-radius:24px;width:100%}@media only screen and (max-width:767px){.materials_banner .ribblr_yarn_country_banner img{aspect-ratio:515/202}}@media only screen and (min-width:768px){.materials_banner:not(:empty){box-sizing:border-box;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}@media screen and (max-width:767px){.filter_sort #matFilters.yarn_filter_scoped #clear_results{flex:1;min-width:0}.filter_sort #matFilters.yarn_filter_scoped #show_results{flex:1.6 1 0;min-width:0}.filter_sort #matFilters.yarn_filter_scoped #clear_results::part(base),.filter_sort #matFilters.yarn_filter_scoped #show_results::part(base){width:100%;min-width:0}}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.yarn_attr.attr_active .tag_img{box-shadow:0 0 0 2px var(--Purple,#a471fb)}li.tag_li .tag_text{color:var(--tagText);line-height:17px}.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:8px 0 16px;gap:36px;padding:16px 0 0 24px}}@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}}