.articlePicker{width:300px;height:calc(100% - 67px);position:fixed;top:0;right:0;overflow-y:auto;background-color:#fff;transform:translate3d(100%,0,0);transition:transform .2s cubic-bezier(.4,0,.3,1);z-index:10500;display:none}.articlePicker.active,.articlePicker.show{transform:translateZ(0);display:block!important;flex-direction:column}@media screen and (max-width: 1000px){.articlePicker{width:80%;max-width:220px;height:calc(100% - 48px)}}.articlePicker .topPanel{position:relative}.articlePicker .topPanel .name{text-align:center;margin:10px auto;width:100%;float:none;font-size:14px}.articlePicker .topPanel .closePicker{position:absolute;top:10px;right:10px;pointer-events:auto;cursor:pointer}.articlePicker .listing.articleList,.articleList{display:block!important;width:100%;margin:0;padding:5px 5px 7px;box-sizing:border-box;justify-items:center;overflow-y:auto}.articlePicker .collection_articles{display:grid;grid-template-columns:repeat(3,calc((100% - 20px) / 3));row-gap:25px;column-gap:5px;padding:30px 5px 5px;box-sizing:border-box;justify-items:center;align-content:start;justify-content:center;margin-left:auto;margin-right:auto;height:auto}@media screen and (max-width: 1000px){.articlePicker .collection_articles{display:grid;grid-template-columns:repeat(2,calc((100% - 15px)/2));gap:5px;padding:10px 5px 5px;box-sizing:border-box;justify-items:center;align-content:start;justify-content:center;margin-left:auto;margin-right:auto;height:auto}}.articlePicker .collection_articles .item{position:static!important;height:auto!important;overflow:visible!important;cursor:pointer;box-sizing:border-box;justify-self:center;text-align:center;margin-bottom:10px;padding:0;background:transparent!important;border:none!important;flex:1 1 calc((100% - 20px) / 3)!important;min-width:90px}.articlePicker .collection_articles .item.smooth{border:none!important;box-shadow:none!important}.articlePicker .collection_articles .item .inner{position:static!important;top:auto!important;left:auto!important;width:100%!important;height:auto!important;padding:1px;font-size:16px!important;text-align:center;z-index:2000;cursor:pointer!important}.articlePicker .collection_articles .item .image img{width:100%;height:auto;object-fit:cover}.articlePicker .loader.dimmer{background:#fffffff5}.articlePicker .title{margin:10px auto;text-align:center;max-width:266px;line-height:23px;text-transform:uppercase;padding:10px;color:#a9a9a9;font-size:12px}.articlePicker .filterButton{width:100%;float:right;border-bottom:1px solid #eaeaea;height:40px;text-align:center;line-height:40px;font-size:11px;border-left:1px solid #eaeaea;text-transform:uppercase;cursor:pointer;border-top:1px solid #eaeaea;margin-top:9px;position:relative}.articlePicker .sortList{position:absolute;z-index:9;background:#fff;width:100%;padding:5px;display:none}.articlePicker .sortList .item:hover{cursor:pointer;background:#f3f3f3}.articlePicker .sortList.active{display:block}.articleList{width:100%;float:none!important;overflow-y:scroll;position:relative;flex-wrap:wrap!important;justify-content:flex-start;padding:10px 5px 7px}.articleList .item{text-align:center;cursor:pointer;margin-bottom:10px;padding:0}.articleList .item .inner{padding:1px}@media screen and (max-width: 812px){.articleList .item{margin-bottom:0}}@media screen and (min-width: 1200px){.articleList .item{padding:2px}}.articleList .image{display:table;width:100%}@media screen and (min-width: 1440px){.articleList .item{padding:5px}}.articleList .tags{margin-bottom:10px;visibility:hidden}.articleList .tags.active{visibility:visible}@media screen and (max-width: 812px){.articlePicker,.framePicker{height:100%}.articleList .tags{display:none;margin-bottom:5px}.button.adapted.black.loadMoreBtn{padding:7px 6px;font-size:9px}.varaint_selection .option-values,.frame_object_sdklfjwsoeiffdsvjn{grid-template-columns:1fr}.articleList .tags.active{display:block}}.articleList .tags .tag{font-size:10px;background:#000;color:#fff;padding:2px 5px;font-family:Lato}.articleList .save{display:inline-block;margin-left:10px}.articleList .save:hover{opacity:.8}@media screen and (max-width: 812px){.marginal-options label,.basket_for_frame label{font-size:12px}.articleList .save{padding:5px 3px;display:inline-block;margin-left:8px;font-size:18px}}.articleList .image:hover{opacity:.8}@media screen and (min-width: 1024px){.articleList .image:active img{-ms-transform:scale(1.1);transform:scale(1.1)}}.articleList .image img{width:100%;height:100%;object-fit:cover}.articleList .image .imgInner{display:table-cell;vertical-align:middle}.modalContainer .loader.cover.dimmer{display:flex;justify-content:c;justify-content:center;align-items:center;margin:auto;position:absolute;width:100%;height:100vh;top:0;z-index:2}.modalContainer .loader.cover.dimmer .fa-solid{margin:0}.articleList .name{font-size:10px;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.articleList .price{font-weight:700;font-family:Lato;font-size:12px}.articleList .slick-slide{border:0px}.articleList .slick-slide img{max-width:100%;max-height:68px;display:inline-block}.articleList .lazyLoading{text-align:center;float:left;font-size:22px;width:100%;padding:15px;margin-bottom:60px;visibility:hidden}.articleList .lazyLoading.active{visibility:visible;position:relative;bottom:-75px;right:50%}.articleList .favMatch{font-size:12px;text-align:center;margin-top:19px;margin-bottom:-3px;color:#929292;text-transform:uppercase}.articlePicker.active{transform:translateZ(0)}.basket_for_frame{height:100%;overflow:auto}.basket_for_frame .frame{padding:15px 7px}.basket_for_frame .price__container,.varaint_selection .price__container{text-align:center;justify-content:center;align-items:center}.marginal-options label,.basket_for_frame label{font-weight:400;text-align:center;color:#8b8b8b}#articlePicker>div>div.filterPanel>div.filterButton.sortButton{display:none!important}#framePicker .basket_for_frame{background-color:#fff!important;padding:15px!important;display:flex!important;flex-wrap:wrap!important;justify-content:center!important;align-items:center!important;gap:10px!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,Helvetica Neue,sans-serif!important;font-size:100%!important;line-height:1.6!important;color:#222!important}
/*# sourceMappingURL=/cdn/shop/t/156/assets/custom-builder-articles.css.map */