{"version":3,"sources":["_variables.scss","0-inits/circles/_circles.scss","0-inits/scrollbar/_scrollbar.scss","1-normalize/_root.scss","1-normalize/_html5.scss","1-normalize/links/_links.scss","1-normalize/headings/_headings.scss","1-normalize/text/_text.scss","5-components/divider/_divider.scss","1-normalize/grouping/_grouping.scss","1-normalize/embedded/_embedded.scss","3-forms/button/_button.scss","0-inits/new/_new.scss","0-inits/visually-hidden/_visually-hidden.scss","3-forms/fancy-checkbox/_fancy-checkbox.scss","_icons.scss","1-normalize/forms/_forms.scss","1-normalize/tables/_tables.scss","5-components/visually-hidden/_visually-hidden.scss","0-inits/scrollbar-hide/_scrollbar-hide.scss","5-components/item-remove/_item-remove.scss","0-inits/icon-mask-color/_icon-mask-color.scss","4-navigation/navbar/_navbar.scss","2-layouts/layout-1column/_layout-1column.scss","2-layouts/layout-default/_layout-default.scss","3-forms/add-cart/_add-cart.scss","3-forms/capsule-form/_capsule-form.scss","0-inits/form-interaction/_form-interaction.scss","3-forms/filter-facets/_filter-facets.scss","3-forms/number-spinner/_number-spinner.scss","3-forms/password-toggle/_password-toggle.scss","0-inits/albatross/_albatross.scss","0-inits/dl-horizontal/_dl-horizontal.scss","5-components/star-rating/_star-rating.scss","3-forms/product-comments/_product-comments.scss","3-forms/product-reminder/_product-reminder.scss","3-forms/product-sizes/_product-sizes.scss","3-forms/profile-item/_profile-item.scss","3-forms/search-main/_search-main.scss","3-forms/star-rating/_star-rating.scss","0-inits/scroll-shadow/_scroll-shadow.scss","5-components/alerts/_alerts.scss","0-inits/autosuggest-box/_autosuggest-box.scss","3-forms/suggestion-box/_suggestion-box.scss","3-forms/toggle-order/_toggle-order.scss","4-navigation/shop-menu/_shop-menu.scss","4-navigation/breadcrumbs/_breadcrumbs.scss","4-navigation/categories/_categories.scss","4-navigation/categories2/_categories2.scss","4-navigation/dropdown/_dropdown.scss","0-inits/circle-hover/_circle-hover.scss","4-navigation/categories-newcollection-aside/_categories-newcollection-aside.scss","4-navigation/highlights-menu/_highlights-menu.scss","4-navigation/header-mobile/_header-mobile.scss","4-navigation/megamenu/_megamenu.scss","4-navigation/more-link/_more-link.scss","0-inits/prev-next/_prev-next.scss","4-navigation/pager/_pager.scss","4-navigation/product-categories/_product-categories.scss","4-navigation/skip-link/_skip-link.scss","5-components/badge/_badge.scss","4-navigation/user-menu/_user-menu.scss","0-inits/banner-ads/_banner-ads.scss","5-components/ad-text/_ad-text.scss","0-inits/shoe-circle/_shoe-circle.scss","5-components/address-cta/_address-cta.scss","0-inits/full-width-bg/_full-width-bg.scss","5-components/brand-froddo/_brand-froddo.scss","5-components/carousel-buttons/_carousel-buttons.scss","5-components/carousel-buttons-out/_carousel-buttons-out.scss","5-components/chat-bubble/_chat-bubble.scss","5-components/client-brands/_client-brands.scss","5-components/club-card/_club-card.scss","5-components/club-card-info/_club-card-info.scss","5-components/connect-box/_connect-box.scss","5-components/dont-miss/_dont-miss.scss","0-inits/fly-out/_fly-out.scss","5-components/details-summary/_details-summary.scss","5-components/discount-1plus1/_discount-1plus1.scss","5-components/double-points/_double-points.scss","0-inits/promo-box/_promo-box.scss","0-inits/responsive-font/_responsive-font.scss","5-components/free-delivery-bag/_free-delivery-bag.scss","5-components/free-delivery-box/_free-delivery-box.scss","5-components/free-delivery-meter/_free-delivery-meter.scss","5-components/froddo-advantages/_froddo-advantages.scss","5-components/froddo-brand/_froddo-brand.scss","5-components/froddo-club/_froddo-club.scss","5-components/lightbox/_lightbox.scss","5-components/gallery-thumbs/_gallery-thumbs.scss","5-components/gift-cta/_gift-cta.scss","0-inits/card-scale-hover/_card-scale-hover.scss","0-inits/circles-scale-hover/_circles-scale-hover.scss","5-components/hero/_hero.scss","5-components/hero-in-content/_hero-in-content.scss","5-components/img-cta/_img-cta.scss","5-components/link-pdf/_link-pdf.scss","5-components/mini-cart/_mini-cart.scss","0-inits/flex-space-apart/_flex-space-apart.scss","5-components/modal/_modal.scss","5-components/notifikacije/_notifikacije.scss","5-components/product-card/_product-card.scss","5-components/product-link-mini/_product-link-mini.scss","5-components/promo-2x2/_promo-2x2.scss","5-components/promo-codes/_promo-codes.scss","0-inits/tear-off/_tear-off.scss","0-inits/postage-stamp/_postage-stamp.scss","5-components/sniper/_sniper.scss","5-components/social-icons/_social-icons.scss","5-components/tags/_tags.scss","5-components/tooltip/_tooltip.scss","6-pages/blog/_blog.scss","6-pages/cart/_cart.scss","6-pages/cart/_paketomati.scss","6-pages/category/_category.scss","0-inits/box/_box.scss","6-pages/checkout/_checkout.scss","5-components/froddo-heading/_froddo-heading.scss","0-inits/froddo-pattern/_froddo-pattern.scss","6-pages/contact/_contact.scss","6-pages/home/_home.scss","6-pages/product/_product.scss","6-pages/profile/_profile.scss","0-inits/dl-table/_dl-table.scss","6-pages/search/_search.scss","6-pages/user-edit-details/_user-edit-details.scss","6-pages/user-logged-out/_user-logged-out.scss","6-pages/wishlist/_wishlist.scss","7-builder-components/blockquote/_blockquote.scss","7-builder-components/blog-items/_blog-items.scss","7-builder-components/column-aside/_column-aside.scss","7-builder-components/contact-info/_contact-info.scss","7-builder-components/link-img/_link-img.scss","7-builder-components/text-columns/_text-columns.scss","7-builder-components/thin-horizontal-cta/_thin-horizontal-cta.scss","7-builder-components/ul/_ul.scss","z-overrides/_mce.scss","z-overrides/_pure.scss"],"names":[],"mappings":";AAwkBE;EACE,kBA1DY;;;AAyDd;EACE,kBA1DY;;;AAyDd;EACE,kBA1DY;;;AAyDd;EACE,kBA1DY;;;AAyDd;EACE,kBA1DY;;;AAyDd;EACE,kBA1DY;;;AAyDd;EACE,kBA1DY;;;AAyDd;EACE,kBA1DY;;;AAyDd;EACE,kBA1DY;;;AAyDd;EACE,kBA1DY;;;AAyDd;EACE,kBA1DY;;;AAyDd;EACE,kBA1DY;;;AAyDd;EACE,kBA1DY;;;AAyDd;EACE,kBA1DY;;;AAyDd;EACE,kBA1DY;;;AAyDd;EACE,kBA1DY;;;AAyDd;EACE,kBA1DY;;;AAyDd;EACE,kBA1DY;;;AAyDd;EACE,kBA1DY;;;AAyDd;EACE,kBA1DY;;;AAyDd;EACE,kBA1DY;;;AAyDd;EACE,kBA1DY;;;AAyDd;EACE,kBA1DY;;;AAyDd;EACE,kBA1DY;;;AAyDd;EACE,kBA1DY;;;AAyDd;EACE,kBA1DY;;;AAyDd;EACE,kBA1DY;;;AAyDd;EACE,kBA1DY;;;AAyDd;EACE,kBA1DY;;;AAyDd;EACE,kBA1DY;;;AAyDd;EACE,kBA1DY;;;AAyDd;EACE,kBA1DY;;;AAyDd;EACE,kBA1DY;;;AAyDd;EACE,kBA1DY;;;AAyDd;EACE,kBA1DY;;;AAyDd;EACE,kBA1DY;;;AAyDd;EACE,kBA1DY;;;AAyDd;EACE,kBA1DY;;;AAyDd;EACE,kBA1DY;;;AAyDd;EACE,kBA1DY;;;AAyDd;EACE,kBA1DY;;;AAyDd;EACE,kBA1DY;;;AAyDd;EACE,kBA1DY;;;AAyDd;EACE,kBA1DY;;;AAyDd;EACE,kBA1DY;;;AAyDd;EACE,kBA1DY;;;AAyDd;EACE,kBA1DY;;;AAyDd;EACE,kBA1DY;;;AAyDd;EACE,kBA1DY;;;AAyDd;EACE,kBA1DY;;;AAyDd;EACE,kBA1DY;;;AAyDd;EACE,kBA1DY;;;ACnfhB;EACE,YACE;;;AAcJ;EACE,YACE;;;AAIJ;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIJ;EAEE,YAEE;;;AAIJ;EACE,YACE;;;AAQJ;EACE,YACE;;;AAMJ;EACE,YACE;;;AAOJ;EACE,YACE;EAGF;;;AAGF;AAAA;EACE,YACE;EAKF;;;AC/FF;EAEE;EACA;;AAGA;EACE,QFsZY;EErZZ;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;;AAOJ;EAEE;EACA;;AAGA;EACE;EACA;;AAGF;EACE,YAdO;;AAiBT;EACE;EACA;EACA;;;AC3DJ;EACE;;;AAGF;EACE,WHyCuB;;;AGtCzB;EACE,WHqCuB;EGnCvB;EACA;EACA;EAGA;EAEA;EAEA;;;AAGF;EAGE;EACA;EACA;EAMA;EACA;EACA;EAEA;EACA;EACA;EACA,SH+Xa;;AIzaf;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAYE;;;AAIF;AAAA;AAAA;AAAA;EAIE;;;AAIF;EACE;EACA;;;AAIF;EACE;;;AAIF;AAAA;EAEE;;;AAGF;EAME;EACA;EACA;EACA;;;AAGF;EAEE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;ACtDF;EAEE;EAEA;EACA;;;AAYF;AAAA;EAGE;;;AAGF;EACE;;;AAqBF;EAEE;AAAA;IAEE;;EAIF;IACE;IACA;IACA,WLpBa;IKqBb;;EAIF;AAAA;IAEE;;;ACxBJ;EAxBI;;AAcF;EACE;EACA;;AAQJ;AAGE;EACA;EACA;;;AAGF;EAhCI;;AAcF;EACE;EACA;;AAgBJ;EAGE;;;AAOF;EA1CI;;AAcF;EACE;EACA;;AA0BJ;EAGE,aN2FiB;;;AMxFnB;EAhDI;;AAcF;EACE;EACA;;;AAqCJ;EArDI;;AAcF;EACE;EACA;;;AA0CJ;EA1DI;;AAcF;EACE;EACA;;AA8CF;EACE,aNwEmB;;;AMnEvB;EACE;EACA;;;AChFE;EACE,OAMa;EALb,kBAKiC;;;AAPnC;EACE,OAMa;EALb,kBAKiC;;;AAYvC;EAKE;;;AAYF;EAEE;EACA;EAEA;EACA;;AAEA;EAEE;IACE;;;;AA2BN;AAAA;EAGE,aPqEiB;;;AOzDnB;EACE;;;AAcF;AAAA;AAAA;AAAA;EAOE,aPkFA;EOhFA;;;AAWF;EAEE;EACA;;;AAWF;EAEE;EACA,aPKiB;;;AOYnB;AAAA;EAEE;;;AAWF;EACE;;;AAYF;EAEE;EAEA;;;AAqCF;EACE,WPvCe;;;AOmDjB;AAAA;EAIE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AC3QF;AAAA;EAEE;EACA;EACA;;AAGA;AAAA;EACE,YR+asB;;;ASza1B;EAGE;;;AAqCF;AAAA;AAAA;AAAA;EAKE;;;AAIF;AAAA;AAAA;EAGE;;;AAMA;AAAA;AAAA;AAAA;EAEE;;;AAIJ;EACE;;;AAGF;EACE;;;AAKA;AAAA;EAEE;EACA;;;AAgBJ;EAEE;;;AAGF;EACE;;;AAaF;EAGE;EACA;EAEA;;;AAeF;AAAA;EAGE;;;AAYF;EACE,aTZO;ESaP;EACA;;;AAaF;EACE;;;AChLF;EAEE;EAIE;;;AAIJ;AAAA;EAIE;EAGA;EACA;;;AAWF;EAEE;;;ACtBF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAOE;EACA;;;AA8BF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EA1BE,kBADwB;EAExB,OAFsD;EAGtD;EACA;;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAGE;EACA;EACA,OAXoD;EAYpD;EACA;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;;AAeF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;EAEA;EAIA;EACA;EAEA;EACA,eAtBmB;EAwBnB;EACA;EACA,aXoFiB;EWnFjB;EACA;EACA;EACA;EACA;;AAIF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;EACA;;AAIF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;;;AAcF;AAAA;AAAA;EAKE;EACA;EACA;EAGA;EACA;;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAGE;EACA;EACA;;AAIJ;EAEE;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAEA;EACE;EACA;;AAIJ;AAAA;EAEE;EACA;;AAEA;AAAA;AAAA;AAAA;EAEE;;AAKJ;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;;;AAoCJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;EACA;EAGA;EACA;;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAIE;;;AAKJ;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAGE;EACA;EACA;EACA;;;ACnPJ;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;EACE;EACA;;AAGF;EAEE;;;AA6BJ;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;AAAA;EAEE;EACA;;AAGF;AAAA;EACE;;;AC/BJ;EAtCE;EACA;EACA;EACA;EACA;EACA;;;ACQF;EDbE;EACA;EACA;EACA;EACA;EACA;;ACWA;EACE;EACA;EACA;EACA,cATK;EAUL;;AAEA;EAEE;EACA;EACA;EACA;EACA;EACA,QArBU;EAyBV;EACA,cAzBa;EA0Bb;EACA;EACA;EACA;EACA,OA/BU;EAgCV;;AAIJ;EACE;;AAGF;EACE;EACA;;AAGF;EACE;;AAEA;EACE;EACA;EACA;EAEA,SC+TQ;;AD1TV;EACE;;AAKF;EACE;;;AAaF;EACE;;AAKF;EACE;EACA;EACA;EACA;;;AE3EN;AAAA;AAAA;AAAA;AAAA;EAME;EACA;EAEA;EAEA;;;AAUF;EACE;;;AAIF;AAAA;EAEE;;;AAIF;EACE;EAGE;;;AAKJ;AAAA;EAEE;;;AAGF;EAEE;EAEA;;AAGA;EAEE;;;AAIJ;EAEE;EAEA;;;AA2BF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE,OAHY;EAIZ;EACA;EACA;;;AAGF;AACE;EAEA;;;AAUF;EAGE;;;AAaF;EAGE;EACA;EACA;;;AAkCF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE,cARmB;EASnB;EACA;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;EACA;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;EACA;EACA;;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;EAEA;EACA;EACA;;;AAgBJ;EACE;EAEA;;AAEA;EACE;;;AAIJ;EACE;EACA;EACA;EACA;;;AAKF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAIE;EAEA;EACA;EACA,cAxEmB;EAyEnB,eAvEoB;EAwEpB;EACA;EACA;EAGA;EACA;EACA;EACA,SAnFc;EAoFd;EACA;EACA;EACA;EACA;;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAGE;EAEA;EAEA;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE,kBAlIc;;AAqIhB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAGE;EACA;;AAMA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAGE;;AAIJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAOE;;AAsHJ;AAAA;EAGE;EAEA;;AAQA;AAAA;EACE;;;AAsBJ;EAEE;EACA;EACA;EACA;EACA;;;AAGF;EAEE;EACA;EACA;EACA;EAEA;EAIA;;;AAiBF;EACE;EACA;EACA;EACA;EAEA;EACA;EACA;;AAoCF;EAGE;EAEA,kBACE;EAOF;EAEA,qBACE;EAEF,iBACE;EAEF;EACA;EACA;;AhBpPE;EgB6NJ;IA2BI,qBACE;IAEF;;;AAKF;EACE;;AAGF;AAAA;AAAA;EAOE;;AAGF;EAGE;;AAGF;AAAA;EAGE,kBACE;EAEF;;AAGF;EACE;EACA;EACA;EAEA;;AhBlSA;EgB6RF;IAQI;;;;AAMN;EAEE;;;AAWF;EAEE;EAGA;EACA;;;AAGF;EAEE;;;AAGF;EACE;;AAEA;EACE;;AAEA;EAII;EAEF;EACA;EACA;EACA;;AAIJ;EACE;EACA;;;AAIJ;EAGE;;;ACzqBF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EAEE;EACA;EACA;EACA;EACA;EACA;;;AAWF;AAAA;EAEE;;;AAIA;EACE;;;AA4BJ;AAAA;AAAA;AAAA;EACE;EACA;;AAEA;AAAA;AAAA;AAAA;EJ5EA;EACA;EACA;EACA;EACA;EACA;;AI2EA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAEE;EACA;;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;EACA;;AAIJ;AAAA;AAAA;AAAA;EACE;EACA;EACA;;;AAOF;AAAA;AAAA;EACE;;AAGF;AAAA;AAAA;EACE;EACA;;;ACrGJ;AAAA;AAAA;AAAA;ELNE;EACA;EACA;EACA;EACA;EACA;;AKKA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ELKA;EACA;EACA;EACA;EACA;;AKLA;AAAA;AAAA;ELdA;EACA;EACA;EACA;EACA;EACA;;AMFF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAEE;;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;;;ACYJ;EACE;EACA;EACA;;AA4DF;EAjDE;;AAGA;EA8CF;IA7CI;IACA;IACA;;;AA2CJ;EAtCE;EAGA,OAnByB;EAoBzB;EAEA;EACA;EACA;EACA,YA3B6B;EA4B7B;EACA;EAEA;;AAEA;EAGE;EACA;EACA;;AAIA;EPrEF;EACA;EACA;EACA;EACA;EACA;;AO8EF;EAEE;;;AClFA;EACE,SNgZO;EM/YP;;AAIA;EANF;IAOI,kBCLI;IDMJ,SNOC;IMND;IACA,QCXG;IDYH,YNsYK;IMrYL;IACA;IACA;IACA;IACA;IACA;IACA,OCnBG;;;AD0BH;EADF;IAEI,kBCzBD;;;AFoFP;EAIE;EACA,cExFQ;;;AA4BV;EAEE;EAEA;EACA;EACA,WAnB2B;EAoB3B,aAnB6B;EAoB7B,YAbkB;EAclB,WAbiB;EAcjB;EAEA;EACA;;AAEA;EAEE;;AAGF;EACE;;;AAIJ;EAEE;EAGA,kBACE;EAoBF,iBACE;;AAGF;ETxFA;EACA;EACA;EACA;EACA;EACA;;;ASwFF;EACE;EACA;EACA,qBACE;EAGF,kBACE;EAaF,iBACE;;AAIF;ETvHA;EACA;EACA;EACA;EACA;EACA;;;ASwHF;AAAA;EACE;EACA;EACA,atBgCmB;EsB/BnB,atBoCkB;EsBnClB;EACA;EACA;EACA;EACA;EACA;;AtBsME;EsBhNJ;AAAA;IAYI;IACA;IACA;IACA;;;AAGF;AAAA;AAAA;AAAA;EAGE;EACA;;AAEA;AAAA;AAAA;AAAA;EACE;;AAIJ;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAKJ;EACE;EACA;EACA;EACA;EACA;EACA;;AtB6JE;EsBnKJ;IAQI;IACA;;;AtB0JA;EsBnKJ;IAaI;;;;AAKJ;EACE;EACA;EAGA;EACA;EACA;EACA;EACA;;;AAIF;EAEE;EACA;EAGA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;;AACA;EAjBF;IAkBI;;;AAGF;EAEE,StBmBW;;;AsBdf;EACE;EACA;EAEA;EACA;EACA,StBQa;;;AsBwCf;EAEE;;AAEA;EACE;;;AAMJ;EAlDE;;AAOA;EACE,YtBoMS;EsBnMT;EACA;EACA;EACA;EACA;;AtB4EA;EsBvCJ;IAhCI;IAEA;IACA;IAEA;IACA;IACA;IACA;IACA;IACA;;EAGA;ITnRF;IACA;IACA;IACA;IACA;IACA;;;AbwUE;EsBvCJ;IAII;IACA;;;AAcA;EACE;;AAKJ;EF7RA;;AAGA;EE0RA;IFzRE;IACA;IACA;;;AEuRF;EFlRA;EAGA,OA+B4B;EA9B5B;EAEA;EACA;EACA;EACA,YAuBgC;EAtBhC;EACA;EAEA;;AAEA;EAGE;EACA;EACA;;AAIA;EPrEF;EACA;EACA;EACA;EACA;EACA;;AS0TA;EAEE;EACA;EACA;;AAEA;EAEE;EACA;;AAQJ;EACE;EACA;;AC7UJ;EAEE;EACA;EAEA,WvBsayB;EuBpazB;EAEA;;;ACMF;AAAA;AAAA;AAAA;AAAA;EAEE;EACA;EAEA,WxBqZiB;EwBnZjB,cxBiZY;EwBhZZ,exBgZY;EwB9YZ;;;AAIF;AAAA;EAGE,WxB0YkB;;;AwBtYpB;AAAA;EAEE;;;AAGF;AAAA;EACE;EACA;EACA;EACA,KxB0XY;EwBzXZ;;;AAmBF;EAGE;;;AAOF;EACE;EACA;EAEA;EACA;EACA;EAEA;EACA;EAEA,SxBoJe;;AwBnJf;EAZF;IAaI;IACA;;;AAGF;EACE;;;AAIJ;EAEE;EACA;EAEA;EASA;EACA,gBxB2EQ;EwB1ER,axB0EQ;EwBzER;EACA;EACA;EACA;;AASA;EAEE;;AAIF;EAQE;EACA;EACA;EACA;;;AAIJ;AAAA;EAKE;EAEA;EAEA;;;AAGF;EAEE;;;AxBuKE;EwBnKF;IACE;;EAEA;IACE;;EAIJ;IACE;IACA;;;AxByJA;EwBpJF;IACE;;EAGF;IACE;IACA;;;AxB8IA;EwBxIF;IACE;IAIA;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;IACA;;EAGF;IACE;;;AxBkHA;EwB7GF;IACE;;EAEA;IACE;IACA;;;AAcN;EAGE;EAGA;;AAgBF;EXzQE;EACA;EACA;EACA;EACA;EACA;;;AW2QF;EACE;EACA;EACA;EAEA;EACA,KxBsJY;EwBrJZ;;AAgBA;EAIE;EACA;EACA;;AAGF;EAKE;EACA;EACA;;;AAQJ;EACE;;;AxBaE;EwBTF;ILvTA;;EAEA;IACE;;EKoTF;IAIE;IACA;IACA;IACA;IACA;;;AAIJ;EAEE;EAEE;EAGF;EAGA,WxB/Ie;EwBkJf;;;AAIF;EAEE;EACA;EACA;EACA;EACA;EAGA;EACA,gBxBvKQ;EwBwKR,axBxKQ;;AAyIN;EwBoBJ;IAaI;IACA;;;AAGF;EACE;;AAEA;EACE;;AAIJ;EACE,WxBhLa;EwBiLb,axB1Ne;EwB2Nf;EACA,gBxBlNmB;EwBmNnB;;AAEA;EACE;;AAIJ;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAKN;EACE;;AAIF;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA,axBzQe;;AwB4QjB;EACE;;;AAIJ;EACE;EACA;;AAEA;EACE;EACA;EACA;;;AAiCJ;AAAA;EACE;EACA;EAGA;EACA;;AxBpJE;EwB8IJ;AAAA;IAWI;;;AAGF;AAAA;AAAA;AAAA;EAEE;;;AAKJ;AAAA;EACE;;;AAOA;AAAA;AAAA;AAAA;AAAA;AAAA;EAGE;;AAOF;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;EACE;;AAGF;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;EACE,STnQY;ESoQZ;EACA;EACA;;AAIJ;AAAA;EACE;EACA;EACA;EACA;;AAGF;AAAA;AAAA;EAEE;EACA;;;AH1iBJ;EACE,SN0cY;EMzcZ;;AAIA;EANF;IAOI;IACA,SNOC;IMND;IACA,QIJK;IJKL,YNgcU;IM/bV;IACA;IACA;IACA;IACA;IACA;IACA,OIZK;;;AJmBL;EADF;AAAA;IAEI,kBIlBO;;;AAIX;EADF;IAEI;IACA;;;;ACXN;AAAA;EACE;EACA;EAEA;EACA;EACA;;AAEA;AAAA;EACE;;AAGF;AAAA;EACE;EACA;;AAGF;AAAA;EACE;EACA;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;EAOE;;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;;;AAKN;AAAA;EAGE;;AAEA;AAAA;EACE;;AAGF;AAAA;EbxDA;EACA;EACA;EACA;EACA;EACA;;AauDA;AAAA;Eb5DA;EACA;EACA;EACA;EACA;EACA;;;AcAF;EAEE;EAGA;EACA;EACA;EACA;;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;EAEA;;;ACRF;ENmOE;;AAOA;EACE,YtBoMS;EsBnMT;EACA;EACA;EACA;EACA;;AtB4EA;E4B5TJ;INqPI;IAEA;IACA;IAEA;IACA;IACA;IACA;IACA;IACA;;EAGA;ITnRF;IACA;IACA;IACA;IACA;IACA;;;AemBA;EAEE,S5BsNe;;AA6Ff;E4B/SA;IAEE,S5B6Mc;;;;A4BxMpB;EACE,kBbuHO;EatHP;EACA;EACA;EACA;EACA;EACA;;;APzCA;EACE,SNuRqB;EMtRrB;;AAIA;EANF;IAOI,kBO0E8B;IPzE9B,SNOC;IMND;IACA,QOoDO;IPnDP,YN6QmB;IM5QnB;IACA;IACA;IACA;IACA;IACA;IACA,OO4CO;;;APrCP;EADF;AAAA;IAEI,kBOwDkC;;;AALtC;EAOE;EACA;EACA;EACA;EACA;EACA;;AAGA;EACE;;AAIF;EAIE;EAEA;EACA;EACA;EAEA;EAGA;;AAIJ;EACE;EACA;;AAGF;EACE;EACA;;AAMJ;EflIA;EACA;EACA;EACA;EACA;EACA;;AegIE;EACE;;AAEA;EACE;;AAKF;EACE;EACA;;AAwBN;EfxKA;EACA;EACA;EACA;EACA;EACA;EO6BA;;AAGA;EQmIA;IRlIE;IACA;IACA;;;AQgIF;ER3HA;EAGA,OAnByB;EAoBzB;EAEA;EACA;EACA;EACA,YQoHgD;ERnHhD;EACA;EAEA;;AAEA;AAAA;AAAA;EAGE;EACA;EACA;;AAIA;EPrEF;EACA;EACA;EACA;EACA;EACA;;AemKA;EAGE;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;EAEE;EACA;EACA;EACA;EACA,WArJe;EAsJf;EACA;EACA;EACA;EACA;;AAIA;EACE;;AAMN;EfpNA;EACA;EACA;EACA;EACA;EACA;EeiNE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EAGA;;A5BuGA;E4BzHF;IAoBI;IACA;IACA;IACA;;;AAGF;EAEE;;AAGF;EfnPF;EACA;EACA;EACA;EACA;EACA;;Ae4PI;AAAA;EAEE;EACA;EACA;;AAIJ;EACE;EACA;;AAGF;EACE;;AA6BF;EACE;EACA;EACA;;AAOF;EfvSF;EACA;EACA;EACA;EACA;EeqSI;;APrTJ;EACE,SNuRqB;EMtRrB;;AAIA;EANF;IAOI,kBOoT8B;IPnT9B,SNOC;IMND;IACA,QOoDO;IPnDP,YN6QmB;IM5QnB;IACA;IACA;IACA;IACA;IACA;IACA,OO4CO;;;APrCP;EADF;AAAA;IAEI,kBOkSkC;;;AAJtC;EAME;;;AAqBJ;EAEE;;AAEA;EAEE;;AAIJ;EfjVA;EACA;EACA;EACA;EACA;EegVE;EACA;EACA;EACA;EACA;EACA;;A5B3BA;E4BmBF;IAUI;;;AAKF;EAEE;EACA;;AAEA;EACE;;AANJ;EAEE;EACA;;AAEA;EACE;;AANJ;EAEE;EACA;;AAEA;EACE;;AANJ;EAEE;EACA;;AAEA;EACE;;AANJ;EAEE;EACA;;AAEA;EACE;;;AAQN;EAEE;EACA;;AAGA;EACE;;;AAwDF;AAAA;EAEE;EAKE;;AAGJ;EAII,Sb3EK;;;Aa6DT;AAAA;EAEE;EAGE;;AAKJ;EAEI,Sb3EM;;;Aa+DV;AAAA;EAEE;EAGE;;AAKJ;EAEI,Sb3EM;;;Aa+DV;AAAA;EAEE;EAGE;;AAKJ;EAEI,Sb3EM;;;Aa+DV;AAAA;EAEE;EAGE;;AAKJ;EAEI,Sb3EM;;;Aa+DV;AAAA;EAEE;EAGE;;AAKJ;EAEI,Sb3EM;;;Aa+DV;AAAA;EAEE;EAGE;;AAKJ;EAEI,Sb3EM;;;Aa+DV;AAAA;EAEE;EAGE;;AAKJ;EAEI,Sb3EM;;;Aa+DV;AAAA;EAEE;EAGE;;AAKJ;EAEI,Sb3EM;;;Aa+DV;AAAA;EAEE;EAKE;;AAGJ;EAII,Sb3EK;;;Aa6DT;AAAA;EAEE;EAGE;;AAKJ;EAEI,Sb3EM;;;Aa+DV;AAAA;EAEE;EAKE;;AAGJ;EAII,Sb3EK;;;AaiGX;AAAA;EAGE;EAEA;EACA;EACA;;;AAPF;AAAA;EAGE;EAEA;EACA;EACA;;;AAKJ;AAAA;EAEE;EAIA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA,Sb5HW;;;AagIb;EACE;EACA;EACA;EACA;;AAEA;EAEE;EACA;;AAGF;ERzeA;;AAGA;EQseA;IRreE;IACA;IACA;;;AQmeF;ER9dA;EAGA,OAnByB;EAoBzB;EAEA;EACA;EACA;EACA,YA3B6B;EA4B7B;EACA;EAEA;;AAEA;EAGE;EACA;EACA;;AAIA;EPrEF;EACA;EACA;EACA;EACA;EACA;;AesgBA;EAEE;EACA;EACA;EACA;;AAEA;EflhBF;EACA;EACA;EACA;EACA;EACA;;;AeqhBF;EACE;EACA;;A5B/ME;E4B6MJ;IAKI;IACA;IACA;;;A5BpNA;E4B6MJ;IAYI;IACA;;;AAGF;EACE;EACA;EAEA;EACA;EACA;;AAGA;EACE;;AAGF;EACE;EACA;EACA,YbnbY;EaobZ;EACA;EACA;;A5BhPF;E4B6NF;IAuBI;IACA;IACA;;;AAQJ;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAIE;AAAA;EACE;EACA;EACA;EACA;EACA;;AAEA;AAAA;AAAA;EAEE;;AAGF;AAAA;EACE;;AAMJ;EACE;EACA;EACA;;;ACrmBN;EACE;EACA;EACA;EACA;;AAEA;EhBhBA;EACA;EACA;EACA;EACA;EACA;;AgBeA;ETcA;;AAGA;ESjBA;ITkBE;IACA;IACA;;;ASpBF;ETyBA;EAGA,OAnByB;EAoBzB;EAEA;EACA;EACA;EACA,YA3B6B;EA4B7B;EACA;EAEA;;AAEA;EAGE;EACA;EACA;;AAIA;EPrEF;EACA;EACA;EACA;EACA;EACA;;AgBeA;EAEE;EACA;EACA,aAjBa;EAkBb;EACA;EACA;;AAEA;EhB7BF;EACA;EACA;EACA;EACA;EACA;;AgB4BE;EACE;EAGA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAMJ;EACE;;AAEA;EAGE;EACA;EACA;;AAON;EACE;EACA,aAjEa;EAkEb;EACA;EACA;EACA,WArEa;EAuEb;EACA;EACA;;AAEA;EAEE;EACA;EACA;EACA;;;ACjFN;EACE;;AAEA;AAAA;EAEE;;AAGF;EACE;EACA;EACA,QAbG;EAcH;EACA;EACA;EACA,OAjBG;EAkBH;;AAEA;EACE,kBfwOK;;;AgBpPX;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;EACA;EACA;EACA;EACA;;;ACVA;EACE;EACA;EACA;;AAGF;EACE;;;AAwBJ;EACE;EACA;;AAEA;EACE;EACA;;AAEA;EACE;;AAIJ;EACE;;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAEA;EACE;;AAEA;EACE;;AAKN;EACE;EACA;EACA;EACA;;;AClEJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,OAbc;;;AAgBhB;EACE;EAEA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;;AAIJ;EAEE;EACA;EACA;EAIA,QA9CU;EA+CV;;AAEA;EAEE;EACA,QAFY;EAGZ;EACA;;;AAMJ;EACE;EACA;EACA;EACA;EACA;;AAGA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAKF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIJ;EACE;EACA;;;ACrGF;EAEE;EAEA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAEE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;;;AAIJ;EH9CE,WGiDqC;EHhDrC;EACA;EGgDA;;;AAGF;EHrDE,WGsDqC;EHrDrC;EACA;EGqDA;;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;;AAGF;EACE;;;AAIJ;EAEE;;;ACnGF;ExBsBE,kBwBpB4B;ExBqB5B,OwBrBoE;ExBsBpE;EACA;;AAEA;EAGE;EACA;EACA,OwB9BkE;ExB+BlE;EACA;;AAGF;EACE;;AAGF;EACE;;AU3CF;EACE,SNqWO;EMpWP;;AAIA;EANF;IAOI,kBcH0D;IdI1D,SNOC;IMND;IACA,QcN8C;IdO9C,YN2VK;IM1VL;IACA;IACA;IACA;IACA;IACA;IACA,Ocd8C;;;AdqB9C;EADF;IAEI,kBctBgG;;;AAHxG;EAIE;EACA;;AAEA;EAGE;EACA;EACA;;;ACRJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EAEA;EACA;EACA;;;AAcF;AAAA;EvBnCA;EACA;EACA;EACA;EACA;EACA;;AuBmCI;AAAA;EACE;EACA;EACA;;AASA;AAAA;AAAA;EAEE;;AAMR;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAuBA;AAAA;EACE;;AAGF;AAAA;AAAA;EAEE;;;AAUN;EACE;EACA;EACA;EACA;EACA;EACA;;AAeI;EACE;EACA,SpC+FgB;;AoC1FhB;EACE;EACA,SpC0FoB;;AoClFxB;EAEE;EACA;;AAQF;EACE;;;AAMR;EACE;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAOF;EACE;EACA;EACA;EACA,aANY;EAOZ;EACA;;AAGF;EACE;EACA;EAEA;EACA;EACA,cAnBQ;EAoBR;;;AAIJ;EAEE;EACA;EACA;;AAKA;EACE,YACE;EAcF;EACA,OAnBM;EAoBN;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ACvPJ;EACE;EACA;;AAUA;EAEE;;AAQF;AAAA;AAAA;EAIE;EAEA;EACA;EACA;;AAYA;EACE,kBACA;EACA;;AAYJ;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAMA;EACE;EACA;;ACjEN;EACE;EACA;EACA;EACA;EAGA;EACA;EACA;;AAEA;EACE;EACA;EACA;;;AAIJ;EAEE;EAEA;EACA;EACA,StCsLc;;AsCpLd;ElBhBA;;AAGA;EkBaA;IlBZE;IACA;IACA;;;AkBUF;ElBLA;EAGA,OAnByB;EAoBzB;EAEA;EACA;EACA;EACA,YkBHiD;ElBIjD;EACA;EAEA;;AAEA;EAGE;EACA;EACA;;AAIA;EPrEF;EACA;EACA;EACA;EACA;EACA;;AyB6CA;EAEE;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AASA;EACE;EACA;;AAIJ;EACE;EAEA,kBvB6YK;EuB5YL;EACA;EACA;EAEA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA,OAjFW;EAkFX;;AACA;EAIE;IAEE;IACA;IACA;IACA;IACA;IAEA,kBvBkXC;IuBjXD;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAKA;IACE;;;AAUN;EACE;EACA;;AAIJ;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EACE;EAEA;;AAKE;EACE;;AAWJ;EAEE;;AAEA;EACE;;AAGF;EAEE;;AAEA;EACE;;AAKN;EACE;EACA;;;AtCyIJ;EsCnHF;IACE;;;AtCsHA;EsCjHF;IACE;IACA;IACA;;EAEA;IAjNF,WAHa;IAIb;IACA;IACA;IACA;IACA;;;ACjBF;EACE;EACA;EACA;EAEA;EACA;EACA;EACA;;;AAaF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAEE,kBxBgLK;;;AwB7KP;EAEE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAIF;E1B5CA;EACA;EACA;EACA;EACA;EACA;;A0BiDM;AAAA;EACE;;AAqBN;EACE;;AAGF;E1BhFF;EACA;EACA;EACA;EACA;EACA;;A0BgGE;EAEE;;;ACtGN;AAAA;AAAA;AAAA;EAME,YACE;EAIF;EACA;EAEA;;;ACqBF;EACE;EACA,kB1B6VK;E0B5VL;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;;AAGA;EACE;;;AAKF;EAEE;EACA;EACA;EACA;;;AALF;EAEE;EACA;EACA;EACA;;;AALF;EAEE;EACA;EACA;EACA;;;AAIJ;EACE;EACA;;;AC5DF;E7BXE;EACA;EACA;EACA;EACA;EACA;E6BSA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA,S1C2MiB;;A0CzMjB;E7BfA;EACA;EACA;EACA;EACA;E6BaE;EACA;;AAGF;EACE;EACA;EACA;;AAEA;EACE;;AAGF;EAEE;EACA;EACA;EACA;;;A1CuRF;E2CnUJ;I3CmWM;;;AA5BF;E2CvUJ;I3CmWM;;;A2CnWN;EAIE;EACA;EACA;;AAEA;EACE;;A3C8TA;E2CvUJ;IAcI;IACA;IACA;;EAEA;IACE;;;AAIJ;EACE;EACA;;;AAKJ;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;;A3CiSE;E2CzSJ;IAYI;IACA;IACA;IACA;;;AAGF;EACE;;AAGF;EACE;;AAIF;EACE;;;AC3DJ;EAEE;EACA;EACA;EACA;EACA;EACA,KATI;EAUJ;EACA;EACA;EACA,SAbI;EAcJ;;AAEA;E/BnBA;EACA;EACA;EACA;EACA;EACA;E+BgBE;EACA;;AAGF;E/BzBA;EACA;EACA;EACA;EACA;EACA;;A+BuBE;EACE;EACA;EACA;;AAGF;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAKN;EACE;;;ACnDF;AAAA;EAGE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAZF;AAAA;IAaI;;;AAGF;AAAA;EAEE;;AAGF;AAAA;EACE;EACA;EACA;EACA;;AAGF;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;AAAA;EAEE;EACA;EACA;EACA;EACA;;AAGF;AAAA;EAEE;EACA;EACA;EACA;;;AC5CF;EACE;EACA;;AAEA;EACE;EAEA;EACA;;AAIJ;EACE;;;ACtBJ;EACE;EACA;EACA;EACA,KANY;EAOZ;EACA;;;AAIF;AAAA;EAEE;;;AAIA;EACE;;AAGF;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EAGE;EACA;EACA;;;AC3CF;EACE;EACA;;AAEA;EACE,gBhDgaQ;EgD/ZR,ahD+ZQ;;AgD3ZV;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAKF;EACE;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EAEE;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;EACA;;;AC7FV;EAGE;;AAEA;EAGE,SjDkOc;;;AiD9NlB;EAGE;EACA;;AjDyTE;EiDrTE;IpCTJ;IACA;IACA;IACA;IACA;IoCOM;;EAIJ;IpC9BF;IACA;IACA;IACA;IACA;IACA;IoC2BI;;;;AAQJ;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;AAAA;EACE;EACA;;AAIA;AAAA;EACE;EACA;;AAIJ;AAAA;EACE;;;AAIJ;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;;AjDiQE;EiDzQJ;IAWI;IACA;IACA;;;AC5EJ;EACE;EACA;EACA,cAPO;EAQP;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAMA;EACE;EACA;;AAKF;EACE;;;AAQJ;EACE;;AAGF;EAGE;;AAEA;EACE;;;AClDN;EACE;EACA;EACA;;AAEA;EAEE;EACA;EACA;EACA;EACA;;AAGF;EAEE;;AAGF;EACE;;;ACzBJ;EAEE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAIJ;EACE;EACA;EACA;;AAyBF;EAGE,kBACkB;EAClB,qBACqB;EACrB,iBACiB;EACjB;EACA;EACA;;AAEA;EACE,kBAlBI;EAmBJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AC3DN;EACE;;;ArDiTE;EqD3SF;IACE;;EAGF;IACE;IACA;IACA;IACA;IACA;;EAMF;AAAA;IAEE;IACA;IACA;IACA;IACA,iBAhCQ;IAiCR;IACA;IACA;IACA;IACA;IACA;IACA,YArCW;IAsCX;IACA;IACA;IACA;;EAGA;AAAA;IACE;IACA;IACA,WAhDiB;IAiDjB;IACA;IACA,arDuHI;IqDtHJ;IACA;;EAIF;AAAA;AAAA;IAEE;IACA;;EAGF;AAAA;IACE;;EAKJ;IxCzFA;IACA;IACA;IACA;IACA;IACA;;EwCyFA;IACE,kBtC+XK;;EsC1XP;AAAA;AAAA;AAAA;IAIE;IACA,iBAtFQ;IAuFR;IACA,erDoFM;;EqDjFR;IACE,kBtCwEI;;EsCnEJ;IACE;IACA;IACA,OrDuEI;IqDtEJ,KrDsEI;;EqDjER;AAAA;IAEE;;EAIF;IACE;;;AAMJ;EACE;;;ArD8LE;EqD1LF;IACE;IACA;IACA;IACA;IACA;;EAGF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEA;IACE;;EAKJ;IACE;;EAGF;IACE;IACA;IACA;IACA;IACA,arDjBiB;IqDkBjB;IACA;IACA;;EAEA;IAEE;IACA;;EAIJ;IACE;IACA,arD9BmB;;;AqDuCvB;EACE;EACA;EACA;EACA,SrD0CkB;;AqDxClB;EACE;EACA;;;AAIJ;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,OrD9CQ;EqD+CR,KrDhDQ;EqDiDR;EACA;;AAEA;EACE;EACA;;;AAOF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAKF;EACE;EACA;EACA;EACA;EACA,OrDvFI;EqDwFJ;EACA;;AAMJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA,YrDrGM;;;AqDyGV;EACE;;;ArDmCE;EqD9BF;IACE;;EAGF;IACE;;EAGF;IACE;;;AC1RJ;EAGE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AtDkSE;EsD/SJ;IAtBE;IACA;IACA;IAoCE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,WA3CW;EA4CX;EACA;;AtDwQA;EsDlRF;IAYI;;;AAGF;AAAA;EAEE;EACA;EACA;;AAGF;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;AAAA;EAEE;EACA;;AAEA;AAAA;EACE;;;AAQN;AAAA;EAvGA;EACA;EACA,SAMQ;;;AAsGR;AAAA;EA9GA;EACA;EACA,SAMQ;;;AtDoTN;EsDxMF;IACE;;;AtDuMA;EsDlMF;IACE;;;AAQF;EAEE,StD8FS;;;AsD3Eb;EACE;EACA;EACA;;AtDiKE;EsDpKJ;IAdE;IACA;IACA;IACA;IACA;IACA;IAgBE;;EAGA;IAfF;IACA;IACA;;;;AAmBF;EACE;;AtDmJE;EsDpJJ;IA9BE;IACA;IACA;IACA;IACA;IACA;IA6BE;IACA;;EAEA;IA5BF;IACA;IACA;IA4BI;;;;AtDuIF;EsD9HA;IACE;IACA;IACA;;EAEA;IACE;;EAIJ;IACE;IACA;IACA;IACA;;EAdF;IACE;IACA;IACA;;EAEA;IACE;;EAIJ;IACE;IACA;IACA;IACA;;EAdF;IACE;IACA;IACA;;EAEA;IACE;;EAIJ;IACE;IACA;IACA;IACA;;EAdF;IACE;IACA;IACA;;EAEA;IACE;;EAIJ;IACE;IACA;IACA;IACA;;;AAMN;EACE;;;AAgBF;EACE,YA3NW;EA4NX;EACA;EACA,OAzNY;;AA2NZ;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;;AC1QJ;AAAA;EACE;EACA;EACA;;;AAOA;AAAA;EAEE;EACA;;;AAQF;EACE;;;AAIJ;EAEE;EACA;;AAEA;EACE;EACA;EACA;;;AC7BJ;EAGE;EACA,kBzCuHW;EyCtHX;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EAGE;;AAGF;E3C9BA;EACA;EACA;EACA;EACA;EACA;;A2C8BA;EA3BF;IA4BI;;EAGA;IACE;IACA;IACA;IACA;IACA;IACA;IACA,YzCqFO;IyCpFP;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAKA;IACE;;;;ACzDR;EAGE;EACA;;;AAGF;AAAA;EACE;EACA,S1CKK;E0CJL;EAEA;EACA;EACA;EACA;EACA;;;AAGF;EAEE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EAhBF;IAiBI;;;AAIF;AAAA;EACE;EACA;EACA;EACA;;AAEA;AAAA;EAEE;EACA;EACA;EACA;;AAMF;EACE,S1CyNS;E0CxNT;EACA;;AAWJ;EAEE;EACA;EACA;EACA;EACA;;AAKA;EACE,S1CgMS;E0C/LT;EACA;;AAKF;EAEE;;;AAMN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;;;AC5GJ;EACE;EACA;EACA;EACA;;A1DgUE;E0DpUJ;I7CTE;IACA;IACA;IACA;IACA;IACA;;;;A6CiBF;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;;;AAGF;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA,O9BFiB;E8BGjB;EACA;EACA;;;AAKJ;EACE;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;;A1D0QE;E0DpRJ;IAYI;IACA;;;AAGF;EACE;EACA;EACA;EAEA;EACA;;;AAIJ;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EAfF;IAgBI;;;A1D0OA;E0D1PJ;IAmBI;IACA;IACA;;;AAIF;EACE;EAEA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EATF;IAUI;IACA;;;A1D+MA;E0D1NJ;IAcI;IACA;IACA;IACA;;;;AAIJ;EACE;EACA,WpCtH2B;EoCuH3B;EACA,apCvH6B;EoCwH7B;EACA;EACA;EACA;;AACA;EATF;IAUI;IACA;;;A1D0LA;E0DrMJ;I7CxIE;IACA;IACA;IACA;IACA;IACA;;;A6CoJA;EAEE;EACA;;;AAIJ;EACE;EACA;EACA;;;AAKF;EAEE;EACA;EACA;EACA;EACA;EAGA;EAGA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;;ACvLJ;AAAA;EAIE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAhBF;AAAA;IAiBI;;;;AAIJ;EACE;EAEA;EACA;EACA;EACA;EACA;EAGA;EAEA;;AAEA;EACE;EACA;EACA;;;AC1CJ;EACE;EACA;;;AAGF;AAAA;AAAA;EAGE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIF;EAEE;;;ACtCJ;EACE;;AAEA;EAEE;;AAGF;EAEE;;;AAIJ;EAAc,kB9CmKN;;;A8ClKR;EAAe,kB9CsKN;;;A8CrKT;EAAa,kB9CsbP;;;A8CrbN;EAAgB,kB9CkVL;;;A8CjVX;EAAiB,kB9CsdT;;;A8C7cN;EAKE;EACA;EACA;EACA;EACA;;;AASJ;EvCiME;;AAOA;EACE,YtBoMS;EsBnMT;EACA;EACA;EACA;EACA;;AtB4EA;E6D1RJ;IvCmNI;IAEA;IACA;IAEA;IACA;IACA;IACA;IACA;IACA;;EAGA;ITnRF;IACA;IACA;IACA;IACA;IACA;;;AgD8CF;EAEE;EACA;;A7DmRE;E6DtRJ;IAMI;;EAEA;IACE;IACA;IACA;IACA;IACA;;EAEA;IhDlEJ;IACA;IACA;IACA;IACA;IACA;;;AbwUE;E6D1RJ;IAsBI;IACA;;;;AAKJ;EAGE;;;ACpEF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;;;AASJ;EAEE;EACA;EACA;EACA;EACA;EACA;EAEA;;AAEA;EACE;EACA;EAGA;EACA;EACA;EACA;EACA;;AAOF;EAGE;;;AAIJ;EAEE;;AAOA;EACE;EACA;;A9DyPA;E8D3PF;IAII;;;AAqBJ;EACE;;;AAIJ;EACE;EACA;;AAQA;AAAA;EAEE;;;AAIJ;EACE;EACA;;AAQA;AAAA;EAEE;;;ACpIJ;ECCE;EACA;EAEE,kBACE;EAEF;EACA;EDNF;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;;AAKF;EClBA;EACA;EAEE,kBACE;EAEF;EACA;EDaA;;AAEA;EACE;;;AALJ;EClBA;EACA;EAEE,kBACE;EAEF;EACA;EDaA;;AAEA;EACE;;;AALJ;EClBA;EACA;EAEE,kBACE;EAEF;EACA;EDaA;;AAEA;EACE;;;AALJ;EClBA;EACA;EAEE,kBACE;EAEF;EACA;EDaA;;AAEA;EACE;;;AE9BN;EACE;EACA;;AAEA;AAAA;EAEE;EACA;EACA;;AAGF;EACE,kBlD2VO;;;AmDtWX;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ACbJ;EAGE;EACA;EACA;EACA;;AAMA;EACE;;AAGF;AAAA;EpCGA,WoCDuC;EpCEvC;EACA;;AoCAA;EACE;;;AAIJ;EACE;EACA;EACA;EACA;;;AC7BF;EAEE;EACA;EACA,KpE0bc;EoEzbd;EACA;EACA;EACA;;;AAGF;EAGE;EACA;EACA;EACA,KpE6ac;EoE5ad;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EAKE;EACA;EACA;EACA;EACA;;AAGF;EACE;;;ACvCJ;AAAA;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAEA;EACE;EAEA;;AAGF;EACE;EACA;;AAIJ;EACE;EACA;EACA;;;AAMF;AAAA;EACE;;ACnCJ;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EAGA;;AAEA;EzD1BA;EACA;EACA;EACA;EACA;EACA;;AyDyBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;AAAA;EAEE;;AAEA;AAAA;EACE;EACA;;AAGF;AAAA;EACE;;;AAKN;EACE;EACA;;;AC9DF;EACE;EACA;EACA;EACA;EAEA,gBvEyaiB;EuExajB,avEwaiB;;AuEtajB;EACE;EACA;EACA;EACA;;;ACVF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;;;ACjCJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;AAAA;AAAA;E5D1BA;EACA;EACA;EACA;EACA;EACA;;A4DiCA;AAAA;EAEE;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;;ACnEJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AC3FF;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ACRF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;EACA;EACA;EACA;EAEA;EAGA;EACA;EACA;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAEE;EACA;EACA;EAEA;EAEA;;;ACNF;EAGE;EACA;EACA;;AAEA;EACE;;AAGF;AAAA;EAEE;EACA;EACA;EACA;;AAGF;EAGE;EACA;EACA;EACA;EACA,KAhCM;EAiCN;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,OAxBK;;AAgCL;EACE;;;AAMR;EACE;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA,KA9FM;EA+FN;EACA,SAhGM;;AAmGN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;;AAEA;EACE;;AAEA;EACE;EACA,kB9DwIO;E8DvIP;EACA;EACA;;;AAMR;EAEE;;AAEA;EhE5JA;EACA;EACA;EACA;EACA;EACA;;;AgE4JF;EAEE;EACA;EACA;;AAEA;EACE;;AAIE;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAKN;EACE;;AAEA;EACE;EACA;;;AC/LN;EAEE;EACA;EACA;EACA;;AAEA;EACE,S/DoMS;E+DnMT;EACA;;AAGF;EACE;EACA;EACA;;;AAIJ;EACE;EACA;EACA;;;ACvBF;ECII,ODFyB;ECGzB;EACA;EC6CF;ED/BA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIA;ECoBA;EDlBE;EACA;EACA;EACA,QAPe;EAQf,OARe;;AAWjB;ECWA;EDTE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AhFoRA;E+E1UJ;IC2DI;;EAQA;IACE;;;;AEzDN;AAAA;EAZE;;AAEA;AAAA;EACE,SnEwOW;EmEvOX;EACA;EACA;EACA;EACA;;;AASJ;EAjBE;;AAEA;EACE,SnE8NS;EmE7NT;EACA;EACA;EACA;EACA;;;AAaJ;EArBE;;AAEA;EACE,SnEmdS;EmEldT;EACA;EACA;EACA;EACA;;AAaJ;EAEE;EACA;EACA;EACA;;AAEA;EACE;;;AC5BJ;EHII,OGFyB;EHGzB;EACA;EC6CF;ED/BA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIA;ECoBA;EDlBE;EACA;EACA;EACA,QAPe;EAQf,OARe;;AAWjB;ECWA;EDTE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AhFoRA;EmF1UJ;IH2DI;;EAQA;IACE;;;;AGhEN;EHKI;EACA;EACA;EACA;EACA;EACA;ECqCF;ED/BA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIA;ECoBA;EDlBE;EACA;EACA;EACA,QAPe;EAQf,OARe;;AAWjB;ECWA;EDTE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AhFoRA;EmFtUJ;IHuDI;;EAQA;IACE;;;;AInEN;AAAA;EAEE;EACA;EACA;EACA;;;AAIF;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;AAAA;EAGE;EACA;EACA;EACA;EACA;;;AAGF;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;EACA;EACA;EACA;EACA;EACA;;;ACzDF;EAEE;EACA;;AAEA;EtDaA,WsDZuC;EtDavC;EACA;EsDbE;EACA;EACA;;AAEA;EACE;EACA;;;AAKN;EtDAE,WsDCqC;EtDArC;EACA;EsDAA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA,KrFsYY;EqFrYZ;EACA;EACA;;;AAiBE;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;;;AARF;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;;;AARF;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;;;AARF;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;;;AARF;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;;;AARF;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;;;AARF;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;;;AARF;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;;;AARF;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;;;AC7DN;EvDiBE,WuDfqC;EvDgBrC;EACA;EuDhBA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAEA;EACE;;AAIJ;EAEE;;;ACtBJ;EAGE;EACA,SvFscgB;;AuFpchB;EACE;EACA;;ACKJ;AAAA;AAAA;EAEE;EACA;EACA;EACA;EACA;;AAEA;AAAA;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA,SxF8MgB;;AwF1MlB;AAAA;AAAA;EpEVA;;AAGA;EoEOA;AAAA;AAAA;IpENE;IACA;IACA;;;AoEIF;AAAA;AAAA;EpECA;EAGA,OoEMgC;EpELhC;EAEA;EACA;EACA;EACA,YoEFoC;EpEGpC;EACA;EAEA;;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAGE;EACA;EACA;;AoErBF;AAAA;AAAA;EAaE;EAEA;EAGA;EACA;EAIA;EACA;EACA;EACA;EAEA;;AAGF;AAAA;EpEzCA;;AAGA;EoEsCA;AAAA;IpErCE;IACA;IACA;;;AoEmCF;AAAA;EpE9BA;EAGA,OA+B4B;EA9B5B;EAEA;EACA;EACA;EACA,YAuBgC;EAtBhC;EACA;EAEA;;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;EAGE;EACA;EACA;;AAIA;AAAA;EPrEF;EACA;EACA;EACA;EACA;EACA;;A2EsEA;AAAA;EAQE;EAEA;EAGA;EACA;EAIA;EAEA;;AAGF;AAAA;EAIE;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;AAAA;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;;;AAIJ;AAAA;EAEE;;AAEA;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAKA;AAAA;AAAA;EACE;;;ACvIN;EACE;EACA;EACA,oBACE;;AAGF;EACE;EACA;EACA;;;AA4BJ;EAIE;EAEA;EACA;EAEA;EACA;EACA;EACA;EACA;;AAGA;EAEE;EACA;EAEA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAEA;EACE;EACA;;AAWN;E5ElGA;EACA;EACA;EACA;EACA;EACA;;A4EkGI;EACE;EACA;;AAEA;EACE;;AAGF;EACE;EAEA;;AAMR;EACE;EAGA;EACA;EAEA;EACA;EACA;EACA;EACA;;AAEA;EAEE;EACA;;AAEA;EACE;;AAIJ;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;;ACtJJ;EACE;EAGA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE,S3EzBI;;;A2EmCV;EACE;;;AAGF;EACE;;;ACzCF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EAEE;EACA;;AAEA;EACE;EACA;;;ACxCN;EACE;;AAIA;EACE;EAYA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAKA;EACE;EAaA;;;AC9CN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA,YA3Ba;EA4Bb;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA,K7FiYU;E6FhYV;EACA;EACA;EACA;EACA;;AAEA;EAEE;EACA;;AAwBJ;EACE;EACA;EACA;EAEA;;AAEA;EAIE;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;;AAGA;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EAEE;EACA;;AAEA;EACE;EACA;;AAGF;EACE;;;A7F+MN;E6FxMF;IACE;IACA;IACA;;EAEA;IACE;IACA;IACA;;EAGF;IACE;;;AC/IN;EAGE;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AClBN;EAEE;EACA;EAEA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EAEE;EACA;EACA;EACA;EACA;EACA,cArCM;EAsCN,eAtCM;EAuCN;;AAIA;AAAA;EhE7BF,WgE+ByC;EhE9BzC;EACA;EgE8BI;;AAGF;EhEnCF,WgEoCyC;EhEnCzC;EACA;;;AgEuCF;EACE;;;AAGF;EACE;EACA;EACA;EACA;;;AAIF;EACE;;;ACrEF;EAGE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAIA;EACE;EACA;EACA;;;ACfN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,OAdgB;EAehB;;AAEA;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;;AAIJ;E7EbE;;AAGA;E6EUF;I7ETI;IACA;IACA;;;A6EOJ;E7EFE;EAGA,OA+B4B;EA9B5B;EAEA;EACA;EACA;EACA,YAuBgC;EAtBhC;EACA;EAEA;;AAEA;EAGE;EACA;EACA;;AAIA;EPrEF;EACA;EACA;EACA;EACA;EACA;;;AoF8CF;EAGE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;;AAEA;EAEE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAIA;EpFvFF;EACA;EACA;EACA;EACA;EACA;;AoFuFA;EACE;;AAGF;AAAA;EAEE;;AAIF;EACE;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;;;AAaJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,YACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AChKF;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;EACE;;;AAKF;EACE;EACA;EACA;EACA;EACA;;;ACSF;EAEE;EACA;;AAGA;EACE;;AAQJ;EAEE;EACA;EACA;EACA;EACA;EACA;;ACnCF;EACE;;;AAKJ;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA,SpGwNe;;;AoGpNjB;EACE;;;AAIF;EACE;;;AAIF;EACE;EACA;EAEA;EACA;EACA;EAGA;EACA;EACA;EACA;EAEA,YACE;;;AAIJ;EACE;EACA;;;AAGF;EACE;EACA;;;AAIF;EACE;;;AAIF;EACE;;;AAIF;EACE;;;AAIF;EACE;;;AAIF;EACE;;;AAKF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAIF;EAEE;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAIF;EACE;EACA;EACA;;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA,QA9KU;EA+KV,OA/KU;;;AAmLZ;EAEE,kBrFWW;;;AqFRb;EACE;;;AAGF;EAEE,kBrF4BS;;;AqFzBX;EAEE,kBrFiLK;;;AqF7KP;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EAEE;EACA;EACA;;;AAyBF;EhF7NE;;AAGA;EgF0NF;IhFzNI;IACA;IACA;;;AgFuNJ;EhFlNE;EAGA,OA+B4B;EA9B5B;EAEA;EACA;EACA;EACA,YAuBgC;EAtBhC;EACA;EAEA;;AAEA;EAGE;EACA;EACA;;AAIA;EPrEF;EACA;EACA;EACA;EACA;EACA;;AuF0PF;EAEE;;;AAgCF;AACA;EACE;IACE;IACA;;EAEF;IACE;IACA;;;AAIJ;EACE;IACE;IACA;;EAEF;IACE;IACA;;;AAKJ;EAQE;AAAA;AAAA;AAAA;IAIE;IACA;IACA;;EAGF;AAAA;IAEE;IACA;IACA;IACA;;EAGF;AAAA;IAEE;;EAGF;IACE;IACA;IACA;IACA;;EAGF;IACE;;;AAYJ;AACA;EACE;EACA;EACA;;;AAGF;AACA;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;AACA;EACE;AAAA;IAEE;;;ACzXF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIE;AAAA;EACE;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EAGA;EAEA;EACA;;AAEA;EACE;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AASJ;AAAA;EACE;EACA;EAQA;EACA;EACA;;AAOE;AAAA;EACE;;AASJ;AAAA;EACE;EACA;EACA;EACA;EACA;;AAMJ;EACE;EACA;EACA;EACA;EACA;EACA,YARW;EASX;EACA;EAEA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA,YArBS;EAsBT;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;AACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;;;AAwBJ;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAaA;EACE;;;AhF1NF;EACE,SN0eI;EMzeJ;;AAIA;EANF;IAOI,kBgF2NG;IhF1NH,SNOC;IMND;IACA,QgFuNK;IhFtNL,YNgeE;IM/dF;IACA;IACA;IACA;IACA;IACA;IACA,OgF+MK;;;AhFxML;EADF;IAEI,kBgFyMO;;;AALf;EAOE;EACA;EACA;;AAGA;ExF7OA;EACA;EACA;EACA;EACA;EACA;;;AQFA;EACE,SN0eI;EMzeJ;;AAIA;EANF;IAOI,kBgF4OG;IhF3OH,SNOC;IMND;IACA,QgFwOK;IhFvOL,YNgeE;IM/dF;IACA;IACA;IACA;IACA;IACA;IACA,OgFgOK;;;AhFzNL;EADF;IAEI,kBgF0NO;;;;AAmCf;EA7BE;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;;ArGmDA;EqGzCF;IAnCA;;EAEA;IACE;;EAGF;IACE;;EAGF;IACE;IACA;IACA;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;;AClRgE;AAAA;AAAA;EAClE;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;;AAEA;AAAA;AAAA;EACE;EACA;;AAGF;AAAA;AAAA;EACE;EACA;EACA;;;ACrBJ;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAIJ;AAAA;AAAA;EAGE;EACA;;AAGF;EACE;;;AC5BJ;EAEE;EACA;EACA;EACA;;AAEA;AAAA;EAEE;EACA;EACA;EACA;EACA;;AAEA;AAAA;ECnBF;EDqBI;EACA;EACA;EACA;EAEA;EACA;;AAGF;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EEzCA;EACA;EAGE;EAMF;EFiCE;;AAEA;EACE;;AAGF;EACE;;AAIJ;EEtDA;EACA;EAKE;EAIF;EF8CE;;AAEA;EC1DF;ED4DI;;AAGF;EACE;EACA;;;AAMJ;EEvEA;EACA;EAGE;EAMF;EF+DE;;AAEA;EC3EF;;AD+EE;EACE;;AAIJ;EEpFA;EACA;EAKE;EAIF;;AF6EE;ECvFF;;AD2FE;EACE;;;AG/EN;EAGE;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EvFOA;;AAGA;EuFVA;IvFWE;IACA;IACA;;;AuFbF;EvFkBA;EAGA,OA+B4B;EA9B5B;EAEA;EACA;EACA;EACA,YAuBgC;EAtBhC;EACA;EAEA;;AAEA;AAAA;AAAA;EAGE;EACA;EACA;;AAIA;EPrEF;EACA;EACA;EACA;EACA;EACA;;A8FsBA;EAEE;EACA;EACA;EACA;EACA;;AAKA;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,KAvCK;;AA2CP;EAEE;EACA;EACA;EACA;EACA;EACA;;AAEA;E9FhEF;EACA;EACA;EACA;EACA;EACA;;;A+FFF;AAAA;AAAA;EAGE;EACA;;;AAIF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAIE;EACA;EACA;;;AAQJ;EACE;EACA,S7FyZa;;A6FtZf;EAEE;;;AAMF;EACE;EACA,S7FgZY;;A6F7Yd;EAEE;;;AAmBF;EACE;EACA,S7FoXc;;A6FjXhB;EAEE;;;AClFJ;EAEE;EACA;EACA;EACA;;;AAIF;EAEE;EAKA;EACA;EACA;EACA;EACA;EAQA;EAEA;EACA;EACA;;;AAUF;AAAA;EAEE;EACA,YANU;EAOV,cANU;;AAQV;AAAA;EhGrDA;EACA;EACA;EACA;EACA;EACA;;;AgGsDF;EACE,kB9F6MQ;;;A8FzMV;EACE,kB9FoMQ;;;A8FhMV;AAAA;AAAA;EAIE;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;AAAA;EACE;;;AAMJ;EAEE;EACA;EACA;;AAEA;EACE;;;AClGJ;EAGE;EACA;EACA;EACA,QARK;EASL;EACA;EACA;EACA,OAZK;EAaL;;AAGA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;EAEE;EACA;EACA;;AAIF;EACE;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;;AAEA;EAEE;;;ACzEJ;EACE;;AAGF;EACE;EACA;EACA;;AAIA;EACE;;AAIJ;EAEE;EACA;;AAEA;EACE;EACA;;;AAKN;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;AAAA;EAEE;EACA;;;AAGF;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;ACtEJ;AhHsVI;EgH9TF;IAEI;IACA,KhH0ZQ;IgHzZR;;;AAKJ;EACE;;AAEA;AAAA;EnG3BF;EACA;EACA;EACA;EACA;EACA;;AmG4BA;EACE;;AAGF;EACE;EACA;;AAGF;EAKE;;AAMA;EACE;EACA;;AAGF;EACE;;AAMA;AAAA;EAEE;EACA;EACA;;AAGF;EACE;;AAGA;EACE;;AAIJ;EACE;EAEA;;AAIJ;EAEE;EAEA;EACA;EACA;;AASN;EAEE;EACA;;;AAgBF;EACE;EACA;EACA;EACA;EACA,YhH0Ue;EgHzUf;EACA;EACA;;AAEA;EACE;EACA,WhHmUa;EgHlUb;EACA;;AAGF;EACE;;;AA4BJ;EAEE;EACA;EACA;;AAEA;EACE;EACA;EACA,cAXK;;AAcP;EACE;EACA;EACA;EACA;EACA,cAnBK;;;AAuBT;EACE;EACA;EACA,cA1BO;;;AA6BT;EAEE;EACA;;AAEA;EAEE;EACA;;;AAoDJ;EACE;EACA;EACA;;;AAaF;EACE;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;EAEA;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EAEE;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EnG3VA;EACA;EACA;EACA;EACA;EACA;;;AmG6VA;AAAA;EAEE;EACA;EACA;EACA;;;AAmBJ;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIF;EACE;EACA;;AAEA;EACE;EACA;EACA;;;AAIJ;EACE;EACA;EACA;;;AAIF;EAEE;EACA;;;AAmBF;EnGhbE;EACA;EACA;EACA;EACA;EACA;;AmGgbE;EACE;EACA;EACA;EACA;;AAIJ;EACE;EACA;;;AAgBJ;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EnGxdE;EACA;EACA;EACA;EACA;EACA;;;AmGqeF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;;ACheF;AAAA;EACE;EACA;EACA;EACA;;AAEA;AAAA;EACE;;;AAOJ;AAAA;EAEE;EACA;EACA;EACA;;AAEA;AAAA;EpGzCF;EACA;EACA;EACA;EACA;EACA;;AoGyCA;AAAA;ElFxBA,WkF0BuC;ElFzBvC;EACA;EkF0BE;EACA;;AjH0RA;EiH/RF;AAAA;IAOI;;;AAIJ;AAAA;EACE;EACA;EACA;EACA;;AAEA;AAAA;EACE;;AAIA;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAKN;AAAA;EACE;EACA;EACA;;AAGF;AAAA;EACE;EACA;EACA;;AAGF;AAAA;EACE;;AAGF;AAAA;EACE;;AAKA;AAAA;EpG1GF;EACA;EACA;EACA;EACA;EACA;;AoGyGE;AAAA;EACE;EACA;;AAGF;AAAA;AAAA;AAAA;EAEE;EACA;;;AAOJ;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;ElFtHE,WkFuHqC;ElFtHrC;EACA;EkFuHA,ajHUO;EiHTP;EAEA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;AAAA;EAEE;EACA;;AAGF;AAAA;EAEE;;AAGF;E7FtIA;;AAGA;E6FmIA;I7FlIE;IACA;IACA;;;A6FgIF;E7F3HA;EAGA,O6F4H4B;E7F3H5B;EAEA;EACA;EACA;EACA,Y6FoHgC;E7FnHhC;EACA;EAEA;;AAEA;EAGE;EACA;EACA;;AAIA;EPrEF;EACA;EACA;EACA;EACA;EACA;;AoGmKA;EAME;EACA;EACA;EACA;EACA;;;AAIJ;AAAA;EAEI;EACA;EACA;;;AAGJ;EAEE;EACA;EACA;;;AAKF;EAEE;;AAEA;AAAA;ElFpLA,WADiC;EAEjC;EACA;;AkFuLA;EACE;EACA;;AAGF;EACE;EACA;;;AC/MF;EAEE;EACA;EACA;;AlHkUA;EkHtUF;IAOI;IACA;IACA;IAKA;IACA;IACA;;EAEA;AAAA;IAEE;;EAGF;IACE;IAEA;;EAEA;IACE;IACA;;EAIJ;IACE;;EAGF;IACE;IACA;;EAGF;IACE;;EAEA;IACE;IACA;;EAIJ;IACE;IACA;;;AAIJ;EACE;EACA;;AlH0QF;EkHtUF;IAgEI;IACA;;;AAGF;EACE;EACA;EACA;;AAGF;EACE;;AAIJ;EACE;EACA;EACA;EAEA;;AA+BF;EAIE;EACA;EACA;EACA;EACA;EACA;EACA;;AlHyMA;EkHnNF;IAYI;IACA;IACA;IACA;IAGA;;;AlHiMF;EkHnNF;InFpGA,WmF6HyC;InF5HzC;IACA;ImF4HI;;EAEA;IACE;IACA;;;AAKN;EnFvIA,WmFwIuC;EnFvIvC;EACA;;A/BqTE;EkHhLF;IAMI;;;;AAMN;EAEE;EACA;EACA;EACA;EACA;;;AAGF;AAAA;EnF5JE,WADiC;EAEjC;EACA;;;AmF+JF;EACE;EACA;EACA;;AAEA;EACE;EACA;;;AC5LJ;EACE;EACA;EACA;;;AAGF;EAEE;EACA,SnHubc;;AArHZ;EmHrUJ;IAKI;;;AAGF;EACE;EACA;EACA;;AnH0TA;EmH7TF;IAKI;;;;ACqHN;EACE;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;;;AAIJ;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EzG5IE,kByG6I4B;EzG5I5B,OyG4ImE;EzG3InE;EACA;;AAEA;EAGE;EACA;EACA,OyGmIiE;EzGlIjE;EACA;;AAGF;EACE;;AAGF;EACE;;AyGwHJ;EAEE;;;AAGF;EAEE;EACA;EACA;EACA;;;AAIA;EAEE;;AAGF;EAGE;;AAGF;EAEE;;;AChMJ;ECIE;EACA,iBDJ+B;ECK/B;EDJA;EACA;;;AECA;EAEE;EACA;;AAEA;EACE;;AAIJ;ExFOA,WADiC;EAEjC;EACA;EwFJE;EACA;;AAMA;EACE;;AAGF;EACE;EACA;;AAEA;EACE;;AAMJ;EACE;EACA;;AAIJ;EAEE;EACA;EACA;EACA;;AvHwRA;EuHtRE;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;;;AAMR;EACE;;;AAIF;EAEE;EACA;;;AAIA;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIJ;AAAA;EAEE;EACA;EACA;EACA;;AAGF;EACE;;AAEA;EACE;EACA;EACA;;AAKF;EACE;;AAGF;EAEE;EACA;EACA;;AAEA;EAEE;;AAIJ;EAEE;EACA;;AAGF;EAEE;;AAIJ;EACE;EACA;;AAIA;EACE;;;AAQJ;EACE;;;ACpJJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAGA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EAEE;EACA;EACA;;AAIJ;EACE;;;AAIJ;EAEE;;;AAGF;AAAA;EAGE;EACA;;;AAGF;EACE;;;AAGF;AAAA;EzFjCE,WyFmCqC;EzFlCrC;EACA;;;AyFoCF;EzFtCE,WyFuCqC;EzFtCrC;EACA;;;AyFwCF;EzF1CE,WyF2CqC;EzF1CrC;EACA;;;AyF4CF;EACE,SxHyYgB;;AwHvYhB;EACE;;AAEA;EACE;EACA;;;AAKN;EACE;EACA;EACA;EACA;EAEA,SxHuXgB;;AwHrXhB;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EAGE;EACA;EACA;;;ACnHF;AAaE;EAEE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAIJ;E1FbA,W0FegB;E1FdhB;EACA;E0FiBE;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;AAAA;EAEE;EACA;EACA;EACA;EACA;;AAIJ;EAGE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA,azHqFa;EyHpFb;EACA,azHsFc;EyHrFd;EACA;EACA;EACA;;AzH0PF;EyHlQA;IAWI;;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AzH2OA;EyHlPF;IAUI;;;AAIJ;EACE;EACA;EACA;EACA;EACA,ezHsUc;EyHrUd,YzHqUc;;AyHlUhB;E5GlHA;EACA;EACA;EACA;EACA;EACA;;A4GiHA;EACE;EACA;;AAEA;EACE;EACA,azH4BC;EyH3BD;EACA;EACA;EACA;;AAwBJ;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAaF;EAEE;;AAYF;EACE;EACA;EAKA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAKF;EACE,S1GhCE;;A0GqCN;E1F9MA,W0FgNgB;E1F/MhB;EACA;E0FkNE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAKJ;E1FjOA,W0FmOgB;E1FlOhB;EACA;;A0FyOA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAKE;EACE;;AAGF;EAEE;;AAEA;EACE;;AAKN;EAEE;EACA;;AAEA;EACE;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA,SzHwGU;;AyHtGV;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAIJ;EAGE;EACA;;AzHbA;EyHSF;IAMI;IAQA;IACA;IACA;IACA;;;AAIJ;EACE;EACA,azH9MgB;EyH+MhB;EACA;EACA;;AAWF;EACE;EACA;EACA,azHjOkB;EyHkOlB;EACA;EACA;;AAEA;EACE;;AAIJ;EAEE;EACA;EAGA;EACA;;AAEA;EAEE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA,aZxYU;EYyYV;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;;AA2BJ;EACE;EACA;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE;;;AAGF;EAEE;EACA;;AAEA;E1FxdA,W0FyduC;E1FxdvC;EACA;;;A0F2dF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;E5G7fE;EACA;EACA;EACA;EACA;EACA;;;A4G4fF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EAEE;EACA;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE,S1G/LI;E0GgMJ;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAGA;EACE;;;AAOJ;EACE;EACA;EACA;EACA;EAEA;EACA;;;AAiBF;E5GznBA;EACA;EACA;EACA;EACA;EACA;;A4G8nBA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EAEA;EACA;EACA;EACA;EACA;;;AAcJ;EACE;EACA,azHzgBG;EyH0gBH;EACA,azHjgBe;EyHkgBf;EACA;EACA;EACA;EACA;;AAQF;EACE;EACA,azHhhBe;EyHihBf;EACA;;;AAUJ;E1FxqBE,W0F0qBc;E1FzqBd;EACA;E0F6qBA;EACA;EACA,czH3RY;EyH4RZ,ezH5RY;;AyH8RZ;EACE;EACA;EACA;EACA;EACA;;AAGF;EAEE;;AAEA;EAEE;EAEA;EACA;EACA;;AAIJ;EACE;;AAEA;EAEE,S1G5WQ;E0G6WR;;;AAYN;E1F5tBE,W0F8tBc;E1F7tBd;EACA;E0FguBA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;ACjvBJ;EACE;EACA;EACA;;AAEA;EAEE;EACA;;AAGF;EACE;;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;;;AAIJ;AAEE;EAEE;EACA,K1HsWU;;A0HpWV;EACE;;AAGF;EAGE;;AAIF;E3F7DF,W2F8DyC;E3F7DzC;EACA;E2F6DI;;AAEA;EAEE;EACA;EACA;;AAGF;EAEE;;AAEA;EACE;;AAIJ;EACE;;AAEA;EACE;EACA;;AAQJ;EACE;EACA;EACA;;AAGF;EACE;;AAIJ;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAIJ;EAEE;EACA;EACA;;AAIF;E3FrIA,W2FuIuC;E3FtIvC;EACA;;A2F8IA;E3FhJA,W2FiJuC;E3FhJvC;EACA;;A2FiJE;EACE;;AAOF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;EACA;;;AAIN;AAEA;AAAA;E3F5KE,W2F+KqC;E3F9KrC;EACA;;;A2F2LA;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;;AAIJ;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;AAEA;AAAA;EAEE;EACA;;AAGF;EAEE;;;AAKJ;EAEE;;;AAoBA;EAEE;EACA;EACA;EACA;;AAIA;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;A1H6BF;E0HlCA;IAOI;;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA,S3G0BG;E2GzBH;EACA;EACA;EACA;EACA;;AAIJ;EAA4B,S3GiBrB;;A2GhBP;EAAgC,S3GyGzB;;A2GxGP;EAAyB,S3GsGvB;;A2GrGF;EAA6B,S3GmGzB;;;A2G7FR;EAEE;EACA;EACA;EACA;EACA;;AAEA;EACE,S3GeU;E2GdV;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAUJ;AAAA;AAAA;EAIE;;AAGE;AAAA;AAAA;AAAA;AAAA;AAAA;EAEE;;AAUF;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;;AAaF;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;;;AAMN;EACE;;;AAGF;EAEE;EACA;EACA;;AAEA;EAEE;EACA;;;AAQJ;EACE;;;AAyCA;EC9cA;EACA;EAGA;;AAMA;AAAA;EAIE;EAGA;EAKA;EACA;EACA;;AAiBA;EACE;;ADuaF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;;;AAoBJ;EACE;EACA;;AAKJ;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAEA;EACE;;AAGF;E7GrjBJ;EACA;EACA;EACA;EACA;EACA;;A6GojBI;EACE;;AAIJ;EACE;;AAEA;EACE;EACA;EACA;;AAGF;EACE;;;AAeN;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAIJ;EAEE;;;AAGF;EAEE;EACA;;;AAGF;EACE;EACA;EACA;;;AAMA;AAAA;EAEE;EACA;EACA;;AAGF;EACE;;;AAOF;EACE;EACA;;AAGF;EAEE;EACA,kB3GjLK;E2GkLL;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA,OpF7oBW;EoF8oBX;;AAEA;EAEE;;AAGF;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAMJ;EACE;;;AExrBA;EAEE;;AAEA;EACE;EACA;;AAGF;AAAA;EAEE;;;ACbN;EAEE;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAEA;EACE;EACA;;AAGF;EACE;;AAIJ;EACE;;;A7HoSA;E8HlUJ;I9HkWM;;;AA5BF;E8HtUJ;I9HkWM;;;A8H3VJ;EjHCA;EACA;EACA;EACA;EACA;EiHHE;EACA;;AAGF;EACE;EACA;;;AAIJ;EjH1BE;EACA;EACA;EACA;EACA;EACA;;AboUE;E8H/SJ;I9H+UM;;;AA5BF;E8HnTJ;I9H+UM;;;A8H1UJ;EjHhBA;EACA;EACA;EACA;EACA;EiHcE;;AAGF;EACE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAEA;EACE;;;AAKN;EACE;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE;;;AAGF;AAAA;EAEE;;AAIA;AAAA;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EjH1FE;EACA;EACA;EACA;EACA;EACA;;AboUE;E8H/OJ;I9H+QM;;;AA5BF;E8HnPJ;I9H+QM;;;A8H/QN;EAGE;EACA;EACA;EACA;EACA;;AAEA;EjHpFA;EACA;EACA;EACA;EACA;EiHkFE;;AAGF;EACE;;AAGF;EACE;;;AAKF;AAAA;EjHlHA;EACA;EACA;EACA;EACA;EACA;;;AiHoHA;EjHzHA;EACA;EACA;EACA;EACA;EACA;;;AiHyHF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAEA;AAAA;EAGE;;AAIF;EAEE;;;ACxJJ;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;;;AAKJ;EACE;;;AClBF;EAEE;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;;;AAOF;AAAA;EAEE;;;AAFF;AAAA;EAEE;;;AAFF;AAAA;EAEE;;;AAFF;AAAA;EAEE;;;AC/BJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;AAAA;AAAA;EAGE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAIJ;EAEE;EACA;;;AClDJ;AAAA;EAGE;;AAEA;AAAA;EnGeA,WmGduC;EnGevC;EACA;;AmGdE;AAAA;EnGYF,WmGXyC;EnGYzC;EACA;;;AmGPA;EnGKA,WmGJuC;EnGKvC;EACA;;AmGJE;EnGEF,WmGDyC;EnGEzC;EACA;;;AoGjBF;EACE;EACA,kBACE;EAEF;EACA;EACA;;AAEA;AAAA;EAEE;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;;AnI8SA;EmItUJ;IA8BI;IACA;IACA;IACA;IACA;IAGA;;EAKE;IACE;;;;AC/CR;EACE;EACA;;AAEA;EAEE,QpImaU;EoIlaV;EACA;EACA,OpIgaU;EoI/ZV;EACA;;;AAOA;EzHKF,kByHJgC;EzHKhC,OAFsD;EAGtD;EACA;;AAEA;EAGE;EACA;EACA,OAXoD;EAYpD;EACA;;AAGF;EACE;;AAGF;EACE;;;AyHzBA;EzHKF,kByHJgC;EzHKhC,OAFsD;EAGtD;EACA;;AAEA;EAGE;EACA;EACA,OAXoD;EAYpD;EACA;;AAGF;EACE;;AAGF;EACE;;;AyHzBA;EzHKF,kByHJgC;EzHKhC,OAFsD;EAGtD;EACA;;AAEA;EAGE;EACA;EACA,OAXoD;EAYpD;EACA;;AAGF;EACE;;AAGF;EACE;;;AyHzBA;EzHKF,kByHJgC;EzHKhC,OAFsD;EAGtD;EACA;;AAEA;EAGE;EACA;EACA,OAXoD;EAYpD;EACA;;AAGF;EACE;;AAGF;EACE;;;A0H5CJ;AAAA;AAAA;EAIE;EACA;;AAEA;AAAA;AAAA;AAAA;AAAA;EtGaA,WsGXuC;EtGYvC;EACA;EsGZE;;;AAIJ;EACE;;;ACXF;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EvGIA,WADiC;EAEjC;EACA;EuGJE;EACA;EACA;;AAGF;EAEE;EACA;;;AAQA;EACE;;AAGF;E3HdF,kB2HegC;E3HdhC,OAFsD;EAGtD;EACA;;AAEA;EAGE;EACA;EACA,OAXoD;EAYpD;EACA;;AAGF;EACE;;AAGF;EACE;;;A2HVA;EACE;;AAGF;E3HdF,kB2HegC;E3HdhC,OAFsD;EAGtD;EACA;;AAEA;EAGE;EACA;EACA,OAXoD;EAYpD;EACA;;AAGF;EACE;;AAGF;EACE;;;A2HVA;EACE;;AAGF;E3HdF,kB2HegC;E3HdhC,OAFsD;EAGtD;EACA;;AAEA;EAGE;EACA;EACA,OAXoD;EAYpD;EACA;;AAGF;EACE;;AAGF;EACE;;;A2HVA;EACE;;AAGF;E3HdF,kB2HegC;E3HdhC,OAFsD;EAGtD;EACA;;AAEA;EAGE;EACA;EACA,OAXoD;EAYpD;EACA;;AAGF;EACE;;AAGF;EACE;;;A4H5CJ;EACE;;AAEA;EACE;;;AAMA;EACE;EACA;EACA;;;AAHF;EACE;EACA;EACA;;;AAHF;EACE;EACA;EACA;;;AAHF;EACE;EACA;EACA;;;ACbJ;AAAA;AAAA;AAAA;AAAA;EAKE;EACA;;;ACNJ;EAEE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;AAKA;EACE","sourcesContent":["@use 'sass:meta';\n@use 'sass:math';\n@use 'sass:map';\n@use 'sass:list';\n@use 'sass:color';\n@use 'sass:string';\n@use 'colors' as c;\n@use 'icons' as *;\n@use 'icons-product-specs' as *;\n\n// Variables\n//\n// Set variables for this site before a library sets its !default value.\n//\n// Weight: 1\n//\n// Style guide: Init.variables\n\n// Browser support\n//\n// For older versions of browsers, some Sass relies on the `support-for()` to\n// control whether extra CSS is needed to be output. The `support-for()`\n// function and the `$support-for` variable are documented on the [support-for\n// homepage](https://github.com/JohnAlbin/support-for).\n//\n// Weight: 1\n//\n// Style guide: Init.variables.support-for\n\n// Support the same browsers as normalize.css v3.\n// Possible keys: chrome, edge, firefox, ie, opera, safari, '*'\n$support-for: (\n  // IE 9-11\n  ie: 11,\n  // The last 2 versions of all other browsers.\n  '*': -2\n);\n\n// Font faces, stacks and sizes.\n//\n// Font sizes are set with the method that assumes the base browser font-size\n// setting is 16px (almost always true). Inside components the formula is used:\n// `calc(22rem / 16)` to get 22px font-size.\n//\n// Different sizes are defined for headings, and mobiles font sizes are set\n// with different numbers.\n//\n// - $font-family-default: $merriweather-sans;\n// - $font-family-accent: $font-family-default;\n//\n// Weight: 2\n//\n// Style guide: Init.variables.fonts\n\n// The font size set on the root html element.\n$base-browser-font-size: 16px;\n$base-font-size: math.div(16rem * 1px, $base-browser-font-size);\n$base-font-size-mobile: math.div(16rem * 1px, $base-browser-font-size);\n\n// The base line height determines the basic unit of vertical rhythm.\n$base-line-height: 1.7;\n$line-height-base: $base-line-height; // alias za konzistentnost\n\n// The font sizes in our type hierarchy as tee shirt sizes.\n// You don't have to use this rem table nor the tee shirt sizes!\n// Simply divide the desired number of pixels with the $base-font-size\n// and apply rem units to it:\n// For example: font-size: (10rem / $base-font-size); to get font sized to\n// 10px of its computed value, but with the flexibility of rem units\n// 30px 1.875rem\n// 18px 1.125rem\n// 12px .75rem\n\n// If you're using px values enter them here, $font-size is calculated\n// below in rem\n$font-sizes-px: (\n  //––––––––––––––––––––––––––––––––––––––--\n  'h1': 36px,\n  //––––––––––––––––––––––––––––––\n  'h2': 28px,\n  //––––––––––––––––––––––\n  'h3': 22px,\n  //–––––––––––––––––\n  'h4': 18px,\n  //–––––––––––––––\n  'h5': 14px,\n  //–––––––––––––\n  'm': 16px,\n  //–––––––––––\n  's': 12px,\n  //–––––––\n  'xs': 10px\n);\n\n$font-sizes-mobile-px: (\n  //–––––––––––––––––––––––––––\n  'h1': 26px,\n  //–––––––––––––––––––––-\n  'h2': 22px,\n  //–––––––––––––––––\n  'h3': 18px,\n  //–––––––––––––––\n  'h4': 16px,\n  //–––––––––––––\n  'h5': 13px,\n  //–––––––––––\n  'm': 16px,\n  //–––––––––\n  's': 12px,\n  //–––––––\n  'xs': 10px\n);\n\n// define separate maps for font sizes in desktop and mobiles\n$font-size: ();\n$font-size-mobile: ();\n\n// function that converts pixels to rems\n@function remify($pixels) {\n  $rems: 1rem * math.div($pixels, $base-browser-font-size);\n  @return $rems;\n}\n\n// generate font size maps for desktop and mobile\n// this is used in headings\n@function remify-px-map($map) {\n  $map-remified: ();\n  @each $key, $value in $map {\n    $map-remified: map.set($map-remified, $key, remify($value));\n  }\n  @return $map-remified;\n  // @debug $map-remified;\n}\n\n$font-size: remify-px-map($font-sizes-px);\n$font-size-mobile: remify-px-map($font-sizes-mobile-px);\n\n// @debug map.keys($font-size);\n// @debug map.values($font-size);\n// @debug map.keys($font-size-mobile);\n// @debug map.values($font-size-mobile);\n\n// The following font family declarations use widely available fonts.\n// A user's web browser will look at the comma-separated list and will\n// attempt to use each font in turn until it finds one that is available\n// on the user's computer. The final \"generic\" font (sans-serif, serif or\n// monospace) hints at what type of font to use if the web browser doesn't\n// find any of the fonts in the list.\n\n// Serif font stacks.\n$times-new-roman: 'Times New Roman', Times, Georgia, 'DejaVu Serif', serif;\n$times: Times, 'Times New Roman', Georgia, 'DejaVu Serif', serif;\n$georgia: Georgia, 'Times New Roman', 'DejaVu Serif', serif;\n\n// Sans-serif font stacks.\n$verdana: Verdana, Tahoma, 'DejaVu Sans', sans-serif;\n$tahoma: Tahoma, Verdana, 'DejaVu Sans', sans-serif;\n$helvetica: Helvetica, Arial, 'Nimbus Sans L', sans-serif;\n$arial: Arial, Helvetica, 'Nimbus Sans L', sans-serif;\n$impact: Impact, 'Arial Narrow', Helvetica, sans-serif;\n\n$sora: 'Sora', sans-serif;\n$outfit: 'Outfit', sans-serif;\n$font-family-default: $outfit;\n$font-family-accent: $sora;\n\n$font-weight-default: 400;\n// Font weights\n$font-weight-light: 300;\n$font-weight-medium: 500;\n$font-weight-semibold: 600;\n$font-weight-bold: 700;\n\n// Line heights\n$line-height-tight: 1.2;\n// $base-line-height: 1.7 već postoji\n$line-height-loose: 1.9;\n$line-height-ui: 1.8;\n\n// Letter spacing\n$letter-spacing-wide: 0.5px;\n$letter-spacing-xwide: 2px;\n\n// Spacing sustav — 8px grid\n//\n// Sve veličine su višekratnici od 4px (half-step) ili 8px (full step).\n// Koristi isključivo ove varijable umjesto arbitrary px/rem vrijednosti.\n//\n// $space-1  =  4px  — micro: border offsets, icon gaps\n// $space-2  =  8px  — xs: inline padding, tight gaps\n// $space-3  = 12px  — s: kompaktni elementi (badge, tag)\n// $space-4  = 16px  — m: standardni padding komponente\n// $space-5  = 24px  — l: razmak između elemenata\n// $space-6  = 32px  — xl: sekcijski razmaci\n// $space-7  = 48px  — 2xl: između blokova\n// $space-8  = 64px  — 3xl: hero/page razmaci\n\n$space-base: 8px;\n\n$space-1: remify($space-base * 0.5); // 4px\n$space-2: remify($space-base * 1); // 8px\n$space-3: remify($space-base * 1.5); // 12px\n$space-4: remify($space-base * 2); // 16px\n$space-5: remify($space-base * 3); // 24px\n$space-6: remify($space-base * 4); // 32px\n$space-7: remify($space-base * 6); // 48px\n$space-8: remify($space-base * 8); // 64px\n\n// Specijalni font sizes (izvan heading skale)\n$font-size-price: remify(36px);\n$font-size-price-old: remify(18px);\n$font-size-brand: remify(22px);\n$font-size-meta: remify(12px);\n\n// Monospace font stacks.\n// For an explanation of why \"sans-serif\" is at the end of this list, see\n// http://meyerweb.com/eric/thoughts/2010/02/12/fixed-monospace-sizing/\n$menlo:\n  Menlo, 'DejaVu Sans Mono', 'Ubuntu Mono', Courier, 'Courier New', monospace,\n  sans-serif;\n\n// Z-index\n//\n// This section defines the ranges that should be used for overlaping elements\n// It's a guideline list, not a code for map of values\n//\n// < 0 - behind screen, invisible (negative numbers)\n// 0 – 33 - default elements that need correction for their default order in HTML\n// specificly large for Froddo because of the number of sizes stacked\n// on the product page (.measurements)\n// 34 – 44 - elements originally hidden that popup when called (skip-link, popup info)\n// 45 – 100 - special temporary events/behavior (lightboxes, modals)\n// < 500 - super special crazy heights for those unable to plan their project\n//\n// #main-nav 62\n// Weight: 3\n//\n// Style guide: Init.variables.z-index\n\n$z-search-main: 6;\n$z-suggestion-box: 11;\n// assumes 40 sizes listed so selected one is shown above all the\n// other sizes\n$z-product-measurement: 40;\n// even when a size is checked we need to show other measurements above it\n$z-product-measurement-hover: 41;\n$z-filters-desktop: 46;\n$z-user-dropdown: 50;\n$z-index-header: 54;\n$z-filters-mobile: 56;\n// viši od srčeka u card i drugih filtera\n// $z-filter-dropdown:             49;\n$z-mobile-nav: 62;\n$z-megamenu: 62;\n// chat bubble is 100, we don't control that?\n$z-lightbox-target: 101;\n$z-notifikacije: 200;\n\n// Breakpoints\n//\n// Use the `respond-to()` mixin to use named breakpoints. Documentation is\n// available in the [Breakpoint wiki\n// pages](https://github.com/at-import/breakpoint/wiki/Respond-To).\n//\n// Style guide: sass.variables.breakpoints\n//\n// In most cases the code is written for mobile sizes and only if an override\n// is necessary for larger screens the `l` breakpoint is used.\n//\n// With advances in CSS layout with flexbox and CSS grid @media queries can be\n// used much less, if their advanced flexibility is understood and used.\n//\n// $category-collapse-point - 40rem\n// $cart-collapse-point - 53rem\n// $profile-collapse-point - 38rem\n// $product-collapse-point - 20rem\n// $header-main-nav-collapse - 88em\n// s - < 887px in ems\n// l - > 888px in ems\n//\n// Weight: 3\n//\n// Style guide: Init.variables.breakpoints\n\n// $category-collapse-point: 40rem;\n// @include add-breakpoint(category-page, ($category-collapse-point, 'no-query' true));\n//\n// $cart-collapse-point: 53rem;\n// @include add-breakpoint(cart-page,     ($cart-collapse-point, 'no-query' true));\n//\n// $profile-collapse-point: 38rem;\n// @include add-breakpoint(profile-page,  ($profile-collapse-point, 'no-query' true));\n//\n// $product-collapse-point: 20rem;\n// @include add-breakpoint(product-page,  ($product-collapse-point, 'no-query' true));\n//\n// // Main navigation shift up when enough space\n// $header-main-nav-collapse: 88em;\n// @include add-breakpoint(main-nav,      ($header-main-nav-collapse, 'no-query' true));\n\n// @include add-breakpoint(s,    (520px, 'no-query' true));    // 20em\n// @include add-breakpoint(s,    (max-width 887px, 'no-query' true));    // 20em\n// @include add-breakpoint(l,    (888px, 'no-query' true));\n// @include add-breakpoint(xxxxl, (1440px, 'no-query' true));  // 90rem\n\n// Output media queries where the above px are converted to ems.\n// @include breakpoint-set('to ems', true);\n\n// $breakpoints: (\n//   \"small\": 36em, // 576px / 16 = 36em\n//   \"medium\": 48em, // 768px / 16 = 48em\n//   \"large\": 62em, // 992px / 16 = 62em\n//   \"xlarge\": 75em  // 1200px / 16 = 75em\n// );\n\n$breakpoints: (\n  's': 55em,\n  'l': 55em,\n  'xl': 80em,\n  // only category filters\n  'product-collapse-point': 20rem,\n  'profile-collapse-point': 38rem,\n  'category-collapse-point': 40rem,\n  'cart-collapse-point': 53rem,\n  'header-space-between': 75em,\n  'header-search-contract': 81em,\n  'header-main-nav-collapse': 88em,\n  'header-logo-collapse': 100em,\n);\n\n@mixin respond-to($breakpoint) {\n  $value: map.get($breakpoints, $breakpoint);\n\n  @if not $value {\n    @error 'Breakpoint \"#{$breakpoint}\" is not defined in $breakpoints.';\n  }\n\n  @if $breakpoint == 's' {\n    @media (width <= #{$value}) {\n      @content;\n    }\n  } @else {\n    @media (width > #{$value}) {\n      @content;\n    }\n  }\n}\n\n$header-height: (\n  's': 15em,\n  'l': 15em,\n);\n\n// @debug meta.type-of($header-height);     // Should be \"map\"\n// @debug map-keys($header-height);    // Should be (\"s\", \"l\")\n// @debug map.get($header-height, \"s\"); // Should be 11em\n\n// za korištenje unutar CSS property-ja za direktno računanje\n@function header-height($breakpoint) {\n  @if not map.has-key($header-height, $breakpoint) {\n    @error 'Unknown breakpoint \"#{$breakpoint}\" for $header-height.';\n  }\n\n  @return map.get($header-height, $breakpoint);\n}\n\n// za sve breakpoints u $header-height\n@mixin scroll-offset-header {\n  @each $bp, $value in $header-height {\n    @include respond-to($bp) {\n      scroll-margin-top: calc(3em + $value);\n    }\n  }\n}\n\n// Check a color for enough contrast to another color\n// AA minimum is 4.5, AAA is 7\n// OKLCH outperforms LAB for perceived contrast and\n// values >100% clip safely in formulas.\n// OKLCH lightness (L) values are percentages (0%–100%+), so divide by 100\n// in Sass math to normalize them to 0.0–1.0 for WCAG contrast formulas.\n@function contrast-ratio-oklch(\n  $bg-color,\n  $text-color: white,\n  $min-contrast: 7\n) {\n  $bg-lum: calc(\n    color.channel(color.to-space($bg-color, oklch), 'lightness') / 100%\n  );\n  $text-lum: calc(\n    color.channel(color.to-space($text-color, oklch), 'lightness') / 100%\n  );\n  $contrast: 0;\n\n  @if $bg-lum > $text-lum {\n    $contrast: calc(($bg-lum + 0.05) / ($text-lum + 0.05));\n  } @else {\n    $contrast: calc(($text-lum + 0.05) / ($bg-lum + 0.05));\n  }\n  // $contrast: calc(($text-lum + 0.05) / ($bg-lum + 0.05));\n  // @debug \"Contrast ratio: #{$contrast}\";\n  @return $contrast >= $min-contrast;\n}\n// @debug contrast-ratio-oklch(beige, white);\n\n// Miscellaneous variables\n//\n// Global variables for values we want to keep consistent across many\n// components.\n//\n// $indent-amount - controls the amount lists, blockquotes and comments are indented. #TODO B2B\n// $gutter-main - controls the amount of **horizontal space** between\n// the general\n// page content and the **left and right edge of the screen**. It is sometimes\n// also used for vertical spaces where it's necessary to preserve aspect ratio\n// or to keep the padding around content equal in both vertical and horizontal\n// $margin-vertical-default - controls the default vertical spacing\n// between sections of the page, paragraphs within text etc.\n// $content-maxwidth - 94rem\n// $content-1column-maxwidth - 80rem;\n// $scroll-height - 10px;\n// **`$card-offset`** - 10px // card move on hover\n// **`$cart-img-width`** - 8em // Cart page item image size\n// **`$gift-icon-width`** - 4.6em // roughly the true size of SVG\n// **`$section-padding`** - 3rem 5vw // Main spacing for a content box\n// $product-card-width - 13.5em; #TODO B2B\n// $ivancica-color-cycle - green, amaranth, dark-pink, blue-bright; #TODO B2B\n//\n// weight: 10\n//\n// Style guide: Init.variables.misc\n\n// We have background stripes that go edge to edge, so must have 0\n$body-padding: 0;\n\n$scroll-height: 10px;\n\n$gutter-main: 2vw;\n$content-gutter: 1.5 * $gutter-main;\n$content-maxwidth: 100rem;\n$content-maxwidth2: 72rem;\n$content-1column-maxwidth: 72rem;\n$vertical-spacing: 6rem;\n$card-offset: 10px; // card move on hover\n\n$gutter-vertical: 0.6rem;\n\n//$indent-amount: 2 * $base-font-size;\n$indent-amount: 2vw;\n\n$margin-vertical-default: 1.6em;\n\n$logo-padding: $body-padding;\n\n$button-border-radius: 0.2em;\n\n// $box-shadow: 0 .1em .6em .1em map.get(c.$colors, 'nav-heading-shadow');\n$box-shadow: 0 0.1em 0.6em 0.1em c.color('nav-heading-shadow');\n\n$table-spacing: 0.5rem;\n$product-spacing: $table-spacing;\n$product-card-width: 13.5em;\n\n$ivancica-color-cycle: green, amaranth, dark-pink, blue-bright;\n\n// Cart page item image size\n$cart-img-width: 8em;\n// Cart page gift CTA icon size, match the size of the product images\n$gift-icon-width: 4.6em; // roughly the true size of SVG\n\n// Main spacing for a content box\n$section-padding: 3rem 5vw;\n\n// strip $ from variable name\n// @function var-name-without-dollar($var-name-as-string) {\n//   @return string.slice($var-name-as-string, 2);\n// }\n\n// Product Icons\n// $product-icons: (\n//   $additional-thermal-insulation,\n//   $barefoot,\n//   $chrome-free-leather-insole,\n//   $chrome-free-leather-lining,\n//   $cotton-suede-upper,\n//   $cotton-upper,\n//   $double-fitting,\n//   $extra-grip-outsole,\n//   $extra-removable-insole,\n//   $froddo-tex,\n//   $leather-lining,\n//   $microfiber-insole,\n//   $microfiber-lining,\n//   $natural-leather-upper,\n//   $organic-cotton,\n//   $recycled-leather,\n//   $reflecting,\n//   $removable-antib-chfree-leather,\n//   $removable-antib-microfiber,\n//   $removable-sheepskin-fur-insole,\n//   $removable-wool-insole,\n//   $re-wooly,\n//   $rubber-outsole,\n//   $sheepskin-fur-insole,\n//   $sheepskin-fur-lining,\n//   $shoft-outsole,\n//   $sustainable,\n//   $textile-insole,\n//   $textile-lining,\n//   $thermo-rubber-outsole,\n//   $universal-fitting,\n//   $vegan-materials,\n//   $vibram-outsole,\n//   $washable,\n//   $water-repellent-leather,\n//   $water-repellent-leather-textile,\n//   $water-repellent-nubuck,\n//   $water-repellent-suede,\n//   $water-repellent,\n//   $water-repellent-textile-leather,\n//   $width-for-medium-to-wide-feet,\n//   $width-for-narrow-and-medium-feet,\n//   $wool-insole,\n//   $wool-lining,\n//   $zipp,\n// );\n\n$product-icons: (\n  'additional-thermal-insulation': $additional-thermal-insulation,\n  'barefoot': $barefoot,\n  'chrome-free-leather-insole': $chrome-free-leather-insole,\n  'chrome-free-leather-lining': $chrome-free-leather-lining,\n  'cotton-suede-upper': $cotton-suede-upper,\n  'cotton-upper': $cotton-upper,\n  'double-fitting': $double-fitting,\n  'extra-grip-outsole': $extra-grip-outsole,\n  'extra-removable-insole': $extra-removable-insole,\n  'froddo-tex': $froddo-tex,\n  'leather-insole': $leather-insole,\n  'leather-lining': $leather-lining,\n  'microfiber-insole': $microfiber-insole,\n  'microfiber-lining': $microfiber-lining,\n  'natural-leather-upper': $natural-leather-upper,\n  'organic-cotton': $organic-cotton,\n  'personalized': $personalized,\n  'recycled-leather': $recycled-leather,\n  'reflecting': $reflecting,\n  'removable-antib-chfree-leather': $removable-antib-chfree-leather,\n  'removable-antib-microfiber': $removable-antib-microfiber,\n  'removable-sheepskin-fur-insole': $removable-sheepskin-fur-insole,\n  'removable-textile-insole': $removable-textile-insole,\n  'removable-wool-insole': $removable-wool-insole,\n  're-wooly': $re-wooly,\n  'rubber-outsole': $rubber-outsole,\n  'sheepskin-fur-insole': $sheepskin-fur-insole,\n  'sheepskin-fur-lining': $sheepskin-fur-lining,\n  'shoe-width-ml': $shoe-width-ml,\n  'shoft-outsole': $shoft-outsole,\n  'softly-foam-insole': $softly-foam-insole,\n  'sustainability': $sustainability,\n  'terra-care': $terra-care,\n  'textile-insole': $textile-insole,\n  'textile-lining': $textile-lining,\n  'thermo-rubber-outsole': $thermo-rubber-outsole,\n  'universal-fitting': $universal-fitting,\n  'various-double-laces': $various-double-laces,\n  'vegan-materials': $vegan-materials,\n  'vibram-outsole': $vibram-outsole,\n  'washable': $washable,\n  'water-repellent-leather': $water-repellent-leather,\n  'water-repellent-leather-textile': $water-repellent-leather-textile,\n  'water-repellent-nubuck': $water-repellent-nubuck,\n  'water-repellent-suede': $water-repellent-suede,\n  'water-repellent': $water-repellent,\n  'water-repellent-textile-leather': $water-repellent-textile-leather,\n  'width-adjustment': $width-adjustment,\n  'width-for-narrow-and-medium-feet': $width-for-narrow-and-medium-feet,\n  'wool-insole': $wool-insole,\n  'wool-lining': $wool-lining,\n  'zipp': $zipp,\n);\n\n// Generate CSS classes with background images\n@each $class, $bg-image in $product-icons {\n  .#{$class} {\n    background-image: $bg-image;\n  }\n}\n\n// $icon-names: (\n//   bag,\n//   box,\n// );\n// $icon-map: ();\n// // This creates map with correct text but the names with\n// // $ aren't actually referencing real variables, it's still\n// // only string\n// @each $icon-name in $icon-names {\n//   $icon-map: map.merge($icon-map, ($icon-name: string.unquote(\"$#{$icon-name}\")));\n// }\n// @debug $icon-map;\n// @each $icon-name, $icon-value in $icon-map {\n//   .#{ $icon-name } {\n//     background-image: #{$icon-value};\n//   }\n// }\n\n// This is working only like this, by specifying both the string\n// and the variable, Sass always thinks of variables in terms\n// of their value, we can't get strings from variable names\n// $icon-names: (\n//   bag: $bag,\n//   box: $box,\n// );\n//\n// @each $icon-name, $icon in $icon-names {\n//   .#{$icon-name} {\n//     background-image: $icon;\n//   }\n// }\n","@use '../../colors' as c;\n@use '../../icons' as *;\n\n// Circles\n//\n// Used for Club Froddo, other sections, footer\n//\n//\n//\n// Style guide: sass.init.mixins.circles\n\n// light background, dark circles\n%circles {\n  background:\n    $circle-dashed-dark -20% -40%/50% auto no-repeat,\n    $circle-dashed-dark 115% 220%/70% auto no-repeat,\n    $circle-dark -30% -40%/50% auto no-repeat c.color('circles');\n}\n\n%circles-big {\n  background:\n    $circle-dashed-dark -20% -40%/30% auto no-repeat,\n    $circle-dashed-dark 115% 220%/40% auto no-repeat,\n    $circle-dashed-dark 5% 30%/15% auto no-repeat,\n    $circle-dark -30% 120%/40% auto no-repeat,\n    $circle-dark 80% 90%/15% auto no-repeat c.color('circles');\n}\n\n%circles-big2 {\n  background:\n    $circle-dashed-dark left 90% bottom 120%/25% auto no-repeat,\n    $circle-dashed-dark -10% 140%/40% auto no-repeat,\n    $circle-dashed-dark -7% 115%/30% auto no-repeat,\n    $circle-dark -5% 120%/30% auto no-repeat c.color('circles');\n}\n\n%circles-vertical {\n  background:\n    $circle-dashed-dark 90% 96%/30% auto no-repeat,\n    $circle-dashed-dark 90% 120%/40% auto no-repeat,\n    $circle-dashed-dark -15% -15%/65% auto no-repeat,\n    $circle-dark -20% -10%/60% auto no-repeat c.color('circles');\n}\n\n%circles-top {\n  background:\n    $circle-dashed-dark -15% -15%/65% auto no-repeat,\n    $circle-dark -20% -10%/60% auto no-repeat c.color('circles');\n}\n\n%circles-top-leftRem {\n  overflow: hidden;\n  position: relative;\n\n  &::before {\n    background: $shape-orange-bg 0 0/100% 100% no-repeat;\n    content: '';\n    height: 320px;\n    left: -720px;\n    pointer-events: none;\n    position: absolute;\n    top: 42px;\n    width: 800px;\n    z-index: 0;\n  }\n}\n\n%circles-largearea {\n  // top right corner\n  background:\n    // bottom left corner\n    $bg-dark left -40px top -30px / 700px 480px no-repeat;\n}\n\n// circles light\n%circles-light {\n  background:\n    $circle-dashed-dark left 5% top -50%/25% auto no-repeat,\n    $circle-dashed-dark left -15% top 110%/50% auto no-repeat,\n    $circle-dashed-dark right -20% bottom 110%/50% auto no-repeat,\n    $circle-dashed-dark right -45% top 105%/50% auto no-repeat\n      c.color('circles-light');\n}\n\n// darker light bg\n%circles-mid-Rem {\n  background:\n    $circle-dashed-white left -4rem top -7rem/14rem auto no-repeat,\n    $circle-dashed-darker right -13rem bottom -11rem/24rem auto no-repeat,\n    $circle-dark left -5rem top -7rem/15rem auto no-repeat\n      c.color('circles-mid');\n}\n\n%circles-mid-Rem2 {\n  background:\n    $circle-dashed-white right -4rem top 3rem/14rem auto no-repeat,\n    $circle-dashed-darker left -2rem bottom -7rem/24rem auto no-repeat,\n    $circle-dark right -5rem top 4rem/15rem auto no-repeat\n      c.color('circles-mid');\n}\n\n// dark background, light circles\n%circles-dark {\n  background:\n    $circle-dashed -20% -40%/50% auto no-repeat,\n    $circle-dashed 115% 220%/70% auto no-repeat,\n    $circle -30% -40%/50% auto no-repeat c.color('circles-dark');\n  color: c.color('white');\n}\n\n%circles-dark-big {\n  background:\n    $circle-dashed -20% -40%/30% auto no-repeat,\n    $circle-dashed 115% 220%/40% auto no-repeat,\n    $circle-dashed 5% 30%/15% auto no-repeat,\n    $circle -30% 120%/40% auto no-repeat,\n    $circle 80% 90%/15% auto no-repeat c.color('circles-dark');\n  color: c.color('white');\n}\n","@use '../../variables' as *;\n@use '../../colors' as c;\n\n// Scrollbar\n//\n// Not implemented fully across browsers, but covers most modern ones.\n//\n// The global scrollbar width needed for Full-width components. Content\n// scrollbars styled for carousels and popups.\n//\n//\n// Style guide: Inits.scrollbar\n\n//\n//    ::-webkit-scrollbar\n//    ::-webkit-scrollbar-button\n//    ::-webkit-scrollbar-track\n//    ::-webkit-scrollbar-track-piece\n//    ::-webkit-scrollbar-thumb\n//    ::-webkit-scrollbar-corner\n//    ::-webkit-resizer\n\n%scrollbar {\n  // Firefox\n  scrollbar-width: auto; // thin or auto\n  scrollbar-color: c.color('scroll-thumb') c.color('scroll-track');\n\n  // Chrome, Edge, and Safari\n  &::-webkit-scrollbar {\n    height: $scroll-height;\n    width: auto;\n  }\n\n  &::-webkit-scrollbar-track {\n    background: c.color('scroll-track');\n    border-radius: 20px;\n    box-shadow: inset 0 0 6px rgba(0 0 0 / 30%);\n  }\n\n  &::-webkit-scrollbar-thumb {\n    background-color: c.color('scroll-thumb');\n    border: 2px solid c.color('scroll-track');\n    border-radius: 20px;\n    box-shadow: inset 0 0 6px rgba(0 0 0 / 50%);\n  }\n}\n\n\n$track-bg: transparent;\n\n%scrollbar-content {\n  // Firefox\n  scrollbar-width: auto; // thin or auto\n  scrollbar-color: c.color('scroll-thumb') $track-bg;\n\n  // Chrome, Edge, and Safari\n  &::-webkit-scrollbar {\n    height: 5px;\n    width: auto;\n  }\n\n  &::-webkit-scrollbar-track {\n    background: $track-bg;\n  }\n\n  &::-webkit-scrollbar-thumb {\n    background-color: c.color('scroll-thumb');\n    border-radius: 20px;\n    border: 0 solid $track-bg;\n  }\n}\n\n@mixin scrollbar-content {\n  // Firefox\n  scrollbar-width: auto; // thin or auto\n  scrollbar-color: c.color('scroll-thumb') $track-bg;\n\n  // Chrome, Edge, and Safari\n  &::-webkit-scrollbar {\n    height: 4px;\n    width: auto;\n  }\n\n  &::-webkit-scrollbar-track {\n    background: $track-bg;\n  }\n\n  &::-webkit-scrollbar-thumb {\n    background-color: c.color('scroll-thumb');\n    border-radius: 20px;\n    border: 0 solid $track-bg;\n  }\n\n  &::-webkit-scrollbar-button {\n    display: none;\n  }\n}\n","@use '../icons' as *;\n@use '../variables' as *;\n@use '../colors' as c;\n@use '../0-inits/circles/circles' as *;\n@use '../0-inits/scrollbar/scrollbar' as *;\n\n// sass-lint:disable no-vendor-prefixes\n\n// Use the saner border-box model for all elements.\n* {\n  box-sizing: border-box;\n}\n\n:root {\n  font-size: $base-browser-font-size;\n}\n\nhtml {\n  font-size: $base-browser-font-size;\n  // Prevent adjustments of font size after orientation changes in IE and iOS.\n  -ms-text-size-adjust: 100%;\n  -webkit-text-size-adjust: 100%;\n  height: 100vh; // for sticky footer\n  // On short pages, we want any background gradients to fill the entire height\n  // of the browser.\n  min-height: 100%;\n  // must have for scroll snap to work on body and any decendant\n  overflow: hidden;\n  // auto (not smooth) — smooth viewport scroll breaks <details>/<summary> accordions (jumpy, illogical positions)\n  scroll-behavior: auto;\n}\n\nbody {\n  @extend %scrollbar;\n  @extend %circles-largearea;\n  background-color: c.color('body-bg');\n  color: c.color('text');\n  font: normal $font-weight-default #{$base-font-size}/#{$line-height-base}\n    $font-family-default;\n  // Use this if you need to debug font-family because FX won't underline\n  // the currently used family if you use font shorthand property\n  // font-family: $font-family-default;\n  // sticky footer\n  display: flex;\n  flex-flow: column nowrap;\n  height: 100vh; // for sticky footer\n  // Remove default margin and padding.\n  margin: 0;\n  overflow-y: scroll; // for scroll snap\n  overflow-x: hidden; // webkit scrollbar for full-width img\n  padding: $body-padding;\n  // scroll-snap-type: y proximity;\n\n  &.shop-page {\n    @extend %circles-top-leftRem;\n  }\n\n  //@include respond-to('l') {\n  //font-size: $base-font-size;\n  //}\n}\n\n// Because of bug in Chrome that shows horizontal scrollbar\n// when the solution for adding stretched background edge to edge\n// on limited-width containers\n// html,\n// body {\n//   overflow-x: hidden;\n// }\n","@use '../colors' as c;\n\n// HTML5 display definitions\n// ==========================================================================\n\n// Add the correct display in IE <10.\n// Add the correct display in Edge, IE, and Firefox for `details` or `summary`.\n// Add the correct display in IE for `main`.\narticle,\naside,\ndetails,\nfigcaption,\nfigure,\nfooter,\nheader,\nmain,\nmenu,\nnav,\nsection,\nsummary {\n  display: block;\n}\n\n// Add the correct display in IE <10.\naudio,\ncanvas,\nprogress,\nvideo {\n  display: inline-block;\n}\n\n// Add the correct display and remove excess height in iOS 4-7.\naudio:not([controls]) {\n  display: none;\n  height: 0;\n}\n\n// Add the correct vertical alignment in Chrome, Firefox, and Opera.\nprogress {\n  vertical-align: baseline;\n}\n\n// Add the correct display in IE <11, Safari <8, and Firefox <22.\ntemplate,\n[hidden] {\n  display: none;\n}\n\nmeter {\n  // Reset the default appearence\n  // -webkit-appearance: none;\n  // -moz-appearance: none;\n  // appearance: none;\n  // Firefox - Required to get rid of the default background prop\n  background: none;\n  background-color: c.color('meter-bg');\n  border-radius: 5px;\n  height: 8px;\n}\n\nmeter::-webkit-meter-bar {\n  // Important to get rid of default background.\n  background: none;\n  background-color: c.color('meter-bg');\n  border: 0;\n}\n\nmeter::-moz-meter-bar {\n  background: none;\n  background-color: c.color('meter-progress');\n}\n\nmeter::-webkit-meter-optimum-value {\n  background: none;\n  background-color: c.color('meter-progress');\n}\n","@use '../../variables' as *;\n@use '../../colors' as c;\n\n// Links\n//\n// Hyperlinks are used to allow the user to navigate to other resources or to\n// download a resource.\n//\n// The order of link states are based on Eric Meyer's article:\n// http://meyerweb.com/eric/thoughts/2007/06/11/who-ordered-the-link-states\n//\n// :visited - A link that has already been visited.\n// :focus   - A link that has been given keyboard focus.\n// :hover   - A link that is being hovered over.\n// :active  - A link that is being actively clicked.\n//\n// Markup: links-a.twig\n//\n// Style guide: Normalize.link\n\na,\n%link {\n  color: c.color(link);\n  // Remove gaps in links underline in iOS 8+ and Safari 8+.\n  -webkit-text-decoration-skip: objects;\n  text-decoration: none;\n  //transition: color .3s ease 0s;\n}\n\n// Any element can receive focus, but only links can be visited, so we can\n// safely lower this selector's specificity. This also ensures visited links\n// with additional styles won't have their styles overridden.\n// :visited {\n//   color: color(link-visited);\n// }\n\n// The mnemonics for proper order is LoVe-HAte with Focus in the middle\na:focus,\na:hover {\n  //color: color(link-hover);\n  text-decoration: underline;\n}\n\na:active {\n  color: c.color(link-active);\n}\n\n%buttonize {\n  border-radius: $button-border-radius;\n  background-color: c.color('button-bg');\n  color: c.color('button');\n  display: block;\n  padding: 1em;\n  text-align: center;\n  text-decoration: none;\n  width: 100%;\n\n  &:focus,\n  &:hover {\n    background-color: c.color('button-bg');\n    color: c.color('button');\n    text-decoration: none;\n  }\n}\n\n@media print {\n  // Underline all links.\n  :link,\n  :visited {\n    text-decoration: underline;\n  }\n\n  // Add visible URL after links.\n  a[href]::after {\n    content: ' (' attr(href) ')';\n    font-weight: normal;\n    font-size: $base-font-size;\n    text-decoration: none;\n  }\n\n  // Only display useful links.\n  a[href^='javascript:']::after,\n  a[href^='#']::after {\n    content: '';\n  }\n}\n\n","@use '../../variables' as *;\n@use '../../colors' as c;\n@use 'sass:math';\n@use 'sass:map';\n\n// Headings\n//\n// All HTML headings, `<h1>` through `<h6>`, are available. `%h1` through `%h6`\n// classes are also available, for when you want to match the font styling of a\n// heading but still want your text to be displayed inline.\n//\n// Markup: headings-h.twig\n//\n// Style guide: Normalize.headings\n\n// Address variable `h1` font-size and margin within `section` and `article`\n// contexts in Firefox 4+, Safari, and Chrome.\n\n$heading-line-height-default: $line-height-tight; // = 1.2, iz _variables.scss\n$heading-lower-line-height: 1.3;\n\n@mixin heading-default($f-size, $l-height: $heading-line-height-default) {\n  // heading color, only if different from text\n  @if c.color('heading') != c.color('text') {\n    color: c.color('heading');\n  }\n  // sass-lint complains about the new map.get() Dart notation but only when\n  // it's inside #{}, to prevent that I pull it out in a variable $temp1 etc\n  $fsm: map.get($font-size-mobile, $f-size);\n  $fs: map.get($font-size, $f-size);\n\n  // heading font, and if different from text\n  @if $font-family-accent != $font-family-default {\n    //font: normal 600 #{map-get($font-size-mobile, $f-size)}/#{$l-height} $font-family-accent;\n    //font: normal 600 #{$fsm}/#{$l-height} $font-family-accent;\n    font: normal $font-weight-semibold #{$fsm}/#{$l-height} $font-family-accent;\n    // @include respond-to('l') {\n    //   font: normal 600 #{$fs}/#{$l-height} $font-family-accent;\n    // }\n  } @else {\n    font-size: #{$fsm};\n    //font-weight: 600;\n    font-weight: $font-weight-semibold;\n    line-height: #{$l-height};\n    // @include respond-to('l') {\n    //   font-size: #{$fs};\n    // }\n  }\n\n  & {\n    margin: #{$fsm} 0 calc(#{$fsm} / 2);\n    overflow-wrap: break-word;\n  }\n\n  // @include respond-to('l') {\n  //   margin: #{$fs} 0 calc(#{$fs} / 2);\n  // }\n}\n\nh1,\n%h1 {\n  @include heading-default('h1');\n  /*text-transform: uppercase;*/\n  padding: 0;\n  margin: 0 0 1rem;\n}\n\nh2,\n%h2 {\n  @include heading-default('h2');\n  text-transform: uppercase;\n\n  // & {\n  //   text-align: center;\n  // }\n}\n\nh3,\n%h3 {\n  @include heading-default('h3');\n  font-weight: $font-weight-bold;\n}\n\nh4,\n%h4 {\n  @include heading-default('h4', $heading-lower-line-height);\n}\n\nh5,\n%h5 {\n  @include heading-default('h5', $heading-lower-line-height);\n}\n\nh6,\n%h6 {\n  @include heading-default('s', $heading-lower-line-height);\n\n  & {\n    font-weight: $font-weight-semibold;\n  }\n}\n\n// page not found error code\nh1 > span {\n  display: block;\n  font-size: calc(20rem / 16);\n}\n","@use 'sass:color';\n@use '../../variables' as *;\n@use '../../colors' as *;\n\n// Text-level semantics\n//\n// The elements in this section give semantics to inline text.\n//\n// Weight: 1\n//\n// Style guide: Normalize.text\n\n// ::selection pseudo-element\n//\n// Selection (usually) done with mouse pointer by dragging over text\n//\n// :selection - part of the text that is highlighted\n//\n// Markup: text-selection.twig\n//\n// Style guide: Normalize.text.selection\n\n@mixin selection($color, $background) {\n  $prefixes: '-moz-', '';\n  @each $prefix in $prefixes {\n    ::#{$prefix}selection {\n      color: $color;\n      background-color: $background;\n    }\n  }\n}\n\n@include selection(color('selection'), color('selection-bg'));\n\n// :target pseudo-class\n//\n// When targeting an element with an ID within the page\n//\n// :target - the element scrolled into focus at the top of the screen\n//\n// Markup: text-target.twig\n//\n// Style guide: Normalize.text.target\n\n:target {\n  // animation-duration: 1s;\n  // animation-fill-mode: both;\n  // animation-timing-function: ease;\n  // animation-name: flash;\n  animation: flash 0.5s ease 0s 1 forwards;\n}\n\n// Abbreviation / Acroynym\n//\n// The `<abbr>` element makes the meanings of abbreviations and acronyms visible\n// on hover.\n//\n// Markup: text-abbr.twig\n//\n// Style guide: Normalize.text.abbr\n\nabbr[title] {\n  // Remove the bottom border in Firefox <40.\n  border-bottom: 0;\n  cursor: help;\n  // Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n  text-decoration: underline;\n  text-decoration: underline dotted;\n\n  @media print {\n    // Add visible title after abbreviations.\n    &::after {\n      content: ' (' attr(title) ')';\n    }\n  }\n}\n\n// Bold\n//\n// The `<strong>` element or the `<b>` element is for emphasizing a snippet of\n// text with a heavier font-weight.\n//\n// Feel free to use `<b>` in HTML5. `<b>` is meant to highlight words or phrases\n// without conveying additional importance.\n//\n// Markup: text-b.twig\n//\n// Weight: -1\n//\n// Style guide: Normalize.text.b\n\n// Prevent the duplicate application of `bolder` by the next rule in Safari 6.\n\n// b,\n// strong {\n//   font-weight: inherit;\n// }\n\n// sass-lint:disable no-mergeable-selectors\nstrong,\nb {\n  // Add the correct font weight in Chrome, Edge, and Safari.\n  font-weight: $font-weight-bold;\n}\n// sass-lint:enable no-mergeable-selectors\n\n// Cite\n//\n// The `<cite>` element represents a reference to a creative work.\n//\n// Markup: text-cite.twig\n//\n// Style guide: Normalize.text.cite\n\ncite {\n  font-style: italic;\n}\n\n// Code\n//\n// The `<code>` element represents a fragment of computer code. The `<var>`\n// element represents a variable. The `<samp>` element represents (sample)\n// output from a program or computing system. The `<kbd>` element represents\n// user input (typically keyboard input.)\n//\n// Markup: text-code.twig\n//\n// Style guide: Normalize.text.code\n\n%monospace,\ncode,\nkbd,\nsamp,\nvar {\n  // Correct the inheritance and scaling of font size in all browsers.\n  // The font-family value ends with \", serif\".\n  font-family: $menlo;\n  // Correct the odd `em` font sizing in all browsers.\n  font-size: 1em;\n}\n\n// Deleted text\n//\n// The `<del>` element indicates blocks of text that have been deleted.\n//\n// Markup: text-del.twig\n//\n// Style guide: Normalize.text.del\n\ndel {\n  // IE and Edge only support old property\n  text-decoration: line-through;\n  text-decoration: line-through wavy color('red');\n}\n\n// Definition\n//\n// The `<dfn>` element represents the defining instance of a term.\n//\n// Markup: text-dfn.twig\n//\n// Style guide: Normalize.text.dfn\n\ndfn {\n  // Add the correct font style in Android <4.4.\n  font-style: italic;\n  font-weight: $font-weight-bold;\n}\n\n// Italics\n//\n// The `<em>` element or the `<i>` element is used for emphasizing a snippet of\n// text with italics.\n//\n// Feel free to use `<i>` element in HTML5. `<i>` is meant to convey voice,\n// technical terms, etc.\n//\n// Markup: text-i.twig\n//\n// Weight: -1\n//\n// Style guide: Normalize.text.i\n\ni,\nem {\n  font-style: italic;\n}\n\n// Inserted text\n//\n// The `<ins>` element indicates additions to the document.\n//\n// Markup: text-ins.twig\n//\n// Style guide: Normalize.text.ins\n\nins {\n  background-color: color.scale(color('green-success'), $lightness: 90%);\n}\n\n// Marked text\n//\n// The `<mark>` element highlights a run of text due to its relevance in another\n// context.\n//\n// Markup: text-mark.twig\n//\n// Style guide: Normalize.text.mark\n\nmark {\n  // Add the correct background and color in IE <10.\n  background-color: color('mark-bg');\n  // color: color(text);\n  color: inherit;\n}\n\n// Quote\n//\n// The `<q>` element represents an inline quote from another source. Longer\n// quotes should use the `<blockquote>` element.\n//\n// Markup: text-q.twig\n//\n// Style guide: Normalize.text.q\n\n// q {\n//   // Add your styles.\n// }\n\n// Strikethrough text\n//\n// The `<s>` element indicates blocks of text that are no longer relevant.\n//\n// Markup: text-s.twig\n//\n// Style guide: Normalize.text.s\n\n// s {\n//   // Add your styles.\n// }\n\n// Small text\n//\n// For de-emphasizing inline or blocks of text, use the `<small>` element to set\n// text at 80% the size of the parent.\n//\n// Markup: text-small.twig\n//\n// Style guide: Normalize.text.small\n\nsmall {\n  font-size: $font-size-meta; // 12px → remify(12px)\n}\n\n// Superscript / Subscript\n//\n// The `<sup>` element represents a superscript and the `<sub>` element\n// represents a subscript.\n//\n// Markup: text-sub.twig\n//\n// Style guide: Normalize.text.sub\n\nsub,\nsup {\n  // Prevent `sub` and `sup` elements from affecting the line height in\n  // all browsers.\n  font-size: font-size('xs');\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n// Underlined text\n//\n// To underline text use the `<u>` element. Not recommended since underlines are\n// used by web browsers to style hyperlinks.\n//\n// Markup: text-u.twig\n//\n// Style guide: Normalize.text.u\n\n// u {\n//   // Add your styles.\n// }\n","@use '../../variables' as *;\n@use '../../colors' as c;\n\n// Divider\n//\n// Can be used as an `<hr>`, an empty `<div>` or as a container.\n//\n// Markup: divider.twig\n//\n// Style guide: Components.divider\n\n.divider,\n%divider {\n  margin: $margin-vertical-default 0;\n  border: 0;\n  border-top: 1px solid c.color(border);\n\n  // If used as a container, add a top margin to the first child.\n  > :first-child {\n    margin-top: $margin-vertical-default;\n  }\n}\n","// Dependencies.\n@use '../../5-components/divider/divider';\n@use '../../variables' as *;\n\n// Grouping content\n//\n// Weight: 1\n//\n// Style guide: Normalize.grouping\n\n\n// Block quotes\n//\n// The `<blockquote>` element is for quoting blocks of content from another\n// source within your document. Wrap the `<blockquote>` around any <abbr\n// title=\"HyperText Markup Language\">HTML</abbr> as the quote. For straight\n// quotes, we recommend a `<p>`.\n//\n// Optionally, add a `<footer>` to identify the source of the quote, wrapping\n// the name of the source work in `<cite>`.\n//\n// Markup: grouping-blockquote.twig\n//\n// Style guide: Normalize.grouping.blockquote\n\nblockquote {\n  // Set 1 unit of vertical rhythm on the top and bottom margin.\n  // Also indent the quote on both sides.\n  margin: $margin-vertical-default $indent-amount;\n}\n\n// Lists\n//\n// Weight: -1\n//\n// Style guide: Normalize.grouping.lists\n\n// Unordered list\n//\n// The `<ul>` element is a list of items in which the order does <em>not</em>\n// explicitly matter.\n//\n// Markup: grouping-ul.twig\n//\n// Style guide: Normalize.grouping.lists.ul\n\n// Ordered list\n//\n// The `<ol>` element is a list of items in which the order <em>does</em>\n// explicitly matter.\n//\n// Markup: grouping-ol.twig\n//\n// Style guide: Normalize.grouping.lists.ol\n\n// Description list\n//\n// The `<dl>` element is a list of terms with their associated descriptions.\n//\n// Markup: grouping-dl.twig\n//\n// Weight: 1\n//\n// Style guide: Normalize.grouping.lists.dl\n\ndl,\nmenu,\nol,\nul {\n  // Address margins set differently in IE 6/7.\n  margin: $margin-vertical-default 0;\n}\n\n// Address paddings set differently in IE 6/7.\nmenu,\nol,\nul {\n  padding: 0 0 0 $indent-amount;\n}\n\n// Turn off margins on nested lists.\nol,\nul {\n  ol,\n  ul {\n    margin: 0;\n  }\n}\n\ndt {\n  font-weight: bold;\n}\n\ndd {\n  margin: 0 0 0 .4em;\n}\n\n@if support-for(ie, 7) {\n  // Correct list images handled incorrectly in IE 7.\n  nav ul,\n  nav ol {\n    list-style: none;\n    list-style-image: none;\n  }\n}\n\n// Figures\n//\n// The `<figure>` element can be used to annotate illustrations, diagrams,\n// photos, code listings, etc.\n//\n// Optionally, a `<figcaption>` element inside the `<figure>` represents the\n// caption of the figure.\n//\n// Markup: grouping-figure.twig\n//\n// Style guide: Normalize.grouping.figure\n\nfigure {\n  // Add the correct margin in IE 8.\n  margin: $margin-vertical-default 0;\n}\n\nfigcaption {\n  font-style: italic;\n}\n\n// Horizontal rule\n//\n// The `<hr>` element represents a paragraph-level thematic break, e.g. a scene\n// change in a story, or a transition to another topic within a section of a\n// reference book.\n//\n// Markup: grouping-hr.twig\n//\n// Style guide: Normalize.grouping.hr\n\nhr {\n  @extend %divider;\n  // Add the correct box sizing in Firefox.\n  box-sizing: content-box;\n  height: 0;\n  // Show the overflow in Edge and IE.\n  overflow: visible;\n}\n\n// Body copy\n//\n// The default `font-size` and `line-height` properties are applied to the\n// `<body>` element and all paragraphs. In addition, `<p>` (paragraphs) receive\n// a top and bottom margin.\n//\n// Markup: grouping-p.twig\n//\n// Weight: -2\n//\n// Style guide: Normalize.grouping.p\n\np,\npre {\n  // Set 1 unit of vertical rhythm on the top and bottom margin.\n  margin: $margin-vertical-default 0;\n}\n\n// Preformatted text\n//\n// The `<pre>` element represents a block of preformatted text, such as\n// fragments of computer code, ASCII art, etc.\n//\n// Markup: grouping-pre.twig\n//\n// Style guide: Normalize.grouping.pre\n\npre {\n  font-family: $font-family-default;\n  font-style: normal;\n  line-height: 1.1;\n}\n\n// Contact info\n//\n// The `<address>` element stores relevant contact information\n// It's not to be used for any physicall address, but for any way to\n// contact the entity associated with the content\n//\n// Markup: grouping-address.twig\n//\n// Style guide: Normalize.grouping.address\n\naddress {\n  font-style: normal;\n}\n\n","// Embedded content\n//\n// Weight: 2\n//\n// Style guide: Normalize.embedded\n\n// Image\n//\n// An `<img>` element represents an image.\n//\n// Markup: embedded-img.twig\n//\n// Style guide: Normalize.embedded.img\n\nimg {\n  // Remove the border on images inside links in IE <11.\n  border-style: none;\n  @if support-for(ie, 7) {\n    // Improve image quality when scaled in IE 7.\n    // sass-lint:disable no-vendor-prefixes\n    -ms-interpolation-mode: bicubic;\n  }\n}\n\nimg,\nsvg {\n  // Suppress the space beneath the baseline\n  // vertical-align: bottom;\n  vertical-align: middle;\n\n  // Responsive images\n  max-width: 100%;\n  height: auto;\n}\n\n// Scalable vector\n//\n// A `<svg>` element represents an image encoded as a Scalable Vector Graphic.\n//\n// Markup: embedded-svg.twig\n//\n// Style guide: Normalize.embedded.svg\n\nsvg:not(:root) {\n  // Hide the overflow in IE.\n  overflow: hidden;\n}\n\n","@use 'sass:color';\n@use 'sass:map';\n@use '../../variables' as *;\n@use '../../colors' as c;\n\n// Button\n//\n// In addition to the default styling of `<button>` and\n// `<input type=\"submit|image|reset|button\">` elements, the `.button` class and\n// its variants can apply buttons styles to various elements (like an `<a>`\n// link).\n//\n// :hover  - Hover styling.\n// :active - Depressed button styling.\n//\n// Markup: button.twig\n//\n// Style guide: Forms.button\n\n// 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`\n//    controls in Android 4.\n// 2. Correct the inability to style clickable types in iOS and Safari.\n\n.button,\n%button,\nbutton,\n// 1\nhtml [type='button'],\n[type='reset'],\n[type='submit'] {\n  -moz-appearance: button;\n  -webkit-appearance: button; // 2\n}\n\n@mixin button-colors($bg: c.color('button-bg'), $color: c.color('button')) {\n  background-color: $bg;\n  color: $color;\n  transition: background-color 0.3s ease 0s;\n  transition-property: background-color, color;\n\n  &:focus,\n  &:hover,\n  &:active {\n    background-color: color.mix($bg, #fff, 80%);\n    background-color: c.color('button-hover-bg');\n    color: $color;\n    text-decoration: none;\n    outline: none;\n  }\n\n  &:focus-visible {\n    outline: 2px solid c.color('focus-visible');\n  }\n\n  &:active {\n    transition-duration: 0s;\n  }\n}\n\n$button-border-radius: 10px;\n\n.button,\n%button,\nbutton,\n[type='button'],\n[type='reset'],\n[type='submit'] {\n  @extend %button--disabled;\n  @include button-colors;\n\n  & {\n    display: inline-block;\n    // Some styles don't apply to <a> links since they are inline elements by default.\n    padding: $space-3 $space-5;\n    // Address Firefox 4+ setting `line-height` on `input` using `!important` in\n    // the UA stylesheet. And prevent its \"line-height: normal\" rule below from\n    // breaking the \"appearance: button\" styling on the input elements.\n    line-height: 1.3;\n    text-decoration: none;\n    // Improve usability and consistency of cursor style between image-type `input` and others.\n    cursor: pointer;\n    border-radius: $button-border-radius;\n    // border: 1px solid c.color('button-border');\n    border: 0;\n    font-size: map.get($font-size, 's');\n    font-weight: $font-weight-medium;\n    margin: 1em 0;\n    min-width: 12em;\n    text-align: center;\n    text-transform: uppercase;\n    white-space: nowrap;\n  }\n\n  // Remove the inner border and padding in Firefox.\n  &::-moz-focus-inner {\n    border-style: none;\n    padding: 0;\n  }\n\n  // Restore the focus styles unset by the previous rule.\n  &:-moz-focusring {\n    outline: 2px solid ButtonText;\n  }\n}\n\n// Add button variations here.\n// .button,\n// %button {\n//   &--variant-name {\n//     // Add styles here.\n//   }\n// }\n\n// \"ghost\" buttons or links with transparent background, and border\n%button {\n  &-hollow {\n    @extend %button;\n    // Webkit shows user agent gradient from .button if\n    // bg color transparent\n    // background-color: transparent;\n    background-color: c.color('button-hollow-bg');\n    border: 1px solid c.color('button-hollow-border');\n    color: c.color('button-hollow');\n    // padding-bottom: .4em;\n    // padding-top: .4em;\n    transition: border-color 0.3s ease 0s;\n    transition-property: border-color, background-color, color;\n\n    &:focus,\n    &:hover,\n    &:active {\n      background-color: c.color('button-hover-bg');\n      border-color: c.color('button-hover-bg');\n      color: c.color('button-hover');\n    }\n  }\n\n  &-capsule {\n    @extend %button;\n    border-radius: 10em;\n  }\n\n  // make generated content look like a button\n  &-replacement {\n    background-color: c.color('button-hollow-bg');\n    background-repeat: no-repeat;\n    background-position: 48% 50%;\n    color: inherit;\n    content: '';\n    display: inline-table; // Safari fix, inline-block problematic\n    min-height: 2em;\n    line-height: 1;\n    margin: 0;\n    min-width: 2em;\n    padding: 0.4em;\n    text-align: center;\n    vertical-align: middle;\n  }\n\n  &-reset {\n    background-color: c.color('button-reset');\n    color: inherit;\n\n    &:focus {\n      background-color: revert;\n      color: revert;\n    }\n  }\n\n  &-light {\n    @extend %button;\n    background-color: c.color('button-bg2');\n    color: c.color('button2');\n\n    &:focus,\n    &:hover {\n      color: c.color('button2-hover');\n    }\n  }\n\n  // use together with icon-mask-color mixin\n  &-with-icon {\n    align-items: center;\n    display: flex;\n    gap: 0.6rem;\n    justify-content: center;\n    white-space: normal; // override\n    width: 100%;\n  }\n}\n\n// Choices js library for select element added functionality - removable button\n%button-selecteditem {\n  background-color: c.color('button-selecteditem');\n  border-radius: 5em;\n  color: c.color('white');\n  font-family: inherit;\n  font-size: calc(10rem / 16);\n  font-weight: bold;\n  line-height: 1.3;\n  margin: 0 0.4em 0 0;\n  padding: 0.8em 1em 0.6em;\n  text-transform: uppercase;\n  white-space: nowrap;\n}\n\n%button-x {\n  // background-image: $x;\n  background-size: 1em;\n  font-size: inherit;\n  margin: 0 0 0 1em;\n  padding: 0.8em 1em 0.6em;\n  vertical-align: baseline;\n  width: 1em;\n}\n\n%button-selecteditem-withremove {\n  @extend %button-selecteditem;\n  padding: 0 1em;\n}\n\n// The disabled variation should always go last, so that it overrides any\n// other variations.\n%button--disabled[disabled] {\n  background-color: c.color('button-disabled-bg');\n  background-image: none;\n  // Re-set default cursor for disabled elements.\n  // cursor: default;\n  cursor: not-allowed;\n  color: c.color('button-disabled');\n\n  &:focus,\n  &:hover,\n  &:active {\n    // Override any link underlines and color changes.\n    color: c.color('button-disabled');\n  }\n}\n\n// buttons we want to style differently so need to reset some styles\n%debuttonize {\n  background-color: transparent;\n  border-width: 0;\n  color: inherit;\n  margin: 0;\n  min-width: auto;\n  padding: 0;\n  text-transform: none;\n\n  &:focus,\n  &:hover,\n  &:active {\n    background-color: transparent;\n    color: inherit;\n    outline: none;\n    text-decoration: none;\n  }\n}\n\n@mixin debuttonize {\n  background-color: transparent;\n  border-width: 0;\n  margin: 0;\n  min-width: auto;\n  padding: 0;\n\n  &:focus,\n  &:hover,\n  &:active {\n    background-color: transparent;\n    outline: none;\n    text-decoration: none;\n  }\n}\n","@use '../../colors' as c;\n@use '../../3-forms/button/button' as *;\n\n// New\n//\n// Link or button for user to add something new, with a plus character\n// in front of the link text (Eg. go to a creation form).\n//\n//\n//\n// Style guide: Inits.new\n\n%add-new-base {\n  @extend %debuttonize;\n  display: inline-block;\n  font-size: calc(14rem / 16);\n  font-weight: 600;\n  letter-spacing: -2%;\n  line-height: 1.7;\n  margin: 1rem 0;\n  padding: .3rem .3rem .3rem 0;\n  text-decoration: underline 15%;\n  text-underline-offset: 35%;\n  white-space: nowrap;\n\n  &::before {\n    content: '+ \\00A0';\n    display: inline;\n  }\n\n  &:focus,\n  &:hover {\n    color: c.color('add-hover');\n  }\n}\n\n%new {\n  // background-color: c.color('add-bg');\n  // border: 1px solid c.color('add-border');\n  margin: .5rem 0;\n  min-width: 10em;\n  padding: .3rem .8rem;\n  text-align: center;\n  transition: color .3s ease 0s;\n  // transition-property: background-color, border-color, color;\n\n  &:focus,\n  &:hover {\n    // background-color: c.color('add-hover-bg');\n    // border-color: c.color('add-hover-bg');\n    color: c.color('add-hover');\n    // text-decoration: none;\n  }\n}\n\n%add-new {\n  @extend %add-new-base;\n  @extend %new;\n  padding-left: 0;\n}\n\n%add-new-button {\n  @extend %button-hollow;\n  border-color: c.color('add-new-button');\n  border-style: dashed;\n  display: block;\n  font-weight: 500;\n  padding-top: .9rem;\n  text-transform: none;\n  width: 100%;\n  \n  &:focus,\n  &:hover {\n    background-clip: padding-box;\n    background-color: c.color('add-new-button-hover');\n  }\n\n  &::before {\n    content: '+ ';\n  }\n}\n","// sass-lint:disable no-important\n\n// visually-hidden()\n//\n// Make an element visually hidden, but accessible to screen readers, etc.\n// @see http://snook.ca/archives/html_and_css/hiding-content-for-accessibility\n//\n// Style guide: Inits.visually-hidden\n@mixin visually-hidden {\n  position: absolute !important;\n  height: 1px;\n  width: 1px;\n  overflow: hidden;\n  clip-path: inset(0% 100% 100% 0%);\n  word-wrap: normal;\n}\n\n// visually-hidden--off()\n//\n// Turns off the visually-hidden effect.\n//\n// Style guide: Inits.visually-hidden--off\n\n@mixin visually-hidden--off {\n  position: static !important;\n  clip-path: inset(0% 0% 0% 0%);\n  height: auto;\n  width: auto;\n  overflow: visible;\n}\n\n// visually-hidden--focusable()\n//\n// Makes an element visually hidden by default, but visible when receiving\n// focus.\n//\n// Style guide: Inits.visually-hidden--focusable\n\n@mixin visually-hidden--focusable {\n  @include visually-hidden;\n\n  &:focus,\n  &:active {\n    @include visually-hidden--off;\n  }\n}\n\n.sr-only {\n  @include visually-hidden;\n}\n","@use '../../icons' as *;\n@use '../../colors' as c;\n@use '../../0-inits/visually-hidden/visually-hidden' as *;\n\n// Fancy checkbox\n//\n// To achieve consistent styling of form elements position `<label>` after\n// its input in HTML so it takes on styling on itself\n//\n// :hover  - Hover styling.\n// :active - Depressed button styling.\n// :checked - Checked or chosen state\n// :disabled - Disabled input\n//\n// Markup: fancy-checkbox.twig\n//\n// Style guide: Forms.fancy-checkbox\n\n$checkbox-size: 1.3em;\n$checkbox-spacing: .5em;\n$offset: $checkbox-size + $checkbox-spacing + .1em;\n\n%fancy-input {\n  @include visually-hidden;\n\n  & + label {\n    color: c.color('checkbox-label');\n    font-size: inherit;\n    line-height: 1.1;\n    padding-left: $offset;\n    text-indent: -$offset;\n\n    &::before {\n      // background-color: transparent;\n      background-color: c.color('checkbox-bg');\n      border: 1px solid c.color('checkbox-border');\n      border-radius: 6px;\n      content: ' ';\n      display: inline-block;\n      height: $checkbox-size;\n      // make it appear centered vertically a bit better\n      // line-height: calc($checkbox-size + .1em);\n      // line-height: $checkbox-size;\n      line-height: 1.1;  // adjust vertically to center\n      margin-right: $checkbox-spacing;\n      text-align: center;\n      text-indent: 0; // override\n      transition: background-color .3s ease 0s;\n      vertical-align: text-bottom;\n      width: $checkbox-size;\n      z-index: 1;\n    }\n  }\n\n  &:focus {\n    outline: 2px solid;\n  }\n\n  &:focus-visible + label {\n    border-radius: 2px;\n    outline: 2px solid;\n  }\n\n  &:checked + label {\n    color: inherit;\n\n    &::before {\n      background-color: c.color('checkbox-accent');\n      border-color: c.color('checkbox-accent');\n      color: c.color('white');\n      // content: $heavy-checkmark;\n      content: $check-white;\n    }\n  }\n\n  &[disabled] + label {\n    &::before {\n      background-color: c.color('checkbox-disabled');\n    }\n  }\n\n  &[disabled]:checked + label {\n    &::before {\n      border-color: c.color('checkbox-disabled');\n    }\n  }\n}\n\n%fancy-checkbox {\n  @extend %fancy-input;\n}\n\n%fancy-radio {\n  @extend %fancy-input;\n\n  & + label {\n    &::before {\n      border-radius: 10em;\n    }\n  }\n\n  &:checked + label {\n    &::before {\n      background-color: c.color('white');\n      border-color: c.color('checkbox-accent');\n      box-shadow: 0 0 0 .4em c.color('checkbox-accent') inset;\n      content: '';\n    }\n  }\n}\n","// Icons\n//\n// Unicode characters and Encoded icons, raster images, and SVGs\n// into CSS directly to avoid server file requests for individual files\n//\n// The icons aligned right, shown next to their name, and unicode characters.\n// Unicode characters shape and colors depend on the font and system used.\n//\n// Markup: style-guide/icons.twig\n//\n// Weight: 0\n//\n// Style guide: Init.icons\n\n$asterisk: '\\2724 \\0020'; // ✤\n$infoOld: '\\1F6C8 \\0020'; // 🛈\n$search-unicode: '\\1F50D \\0020'; // 🔍\n$warning: '\\26A0 \\0020'; // ⚠\n\n$arrowhead-down: '\\0020 \\02c5'; // ˅\n$triangle-right: '\\25B8'; // ▸\n$triangle-left: '\\25C2'; // ◂\n\n$white-heavy-checkmark: '\\2705'; // ✅\n$heavy-checkmark: '\\2714'; // ✔\n// Clockwise Right and Left Semicircle Arrows 🗘\n$reload: '\\1F5D8'; // 🗘\n$nbsp: '\\00A0';\n$bullet: '\\2022';\n\n// Contents\n//\n// &circle +\n// $circle-dashed +\n// $circle-dark +\n// $circle-dashed-dark +\n// $circle-green +\n// $circle-dashed-green +\n// $talk-bubble +\n// $paper-scroll +\n// $bagOld +\n// $bag\n// $bag-add +\n// $bag-delivery +\n// $present +\n// $login +\n// $logout +\n// $share +\n// $clock +\n// $x +\n// $star +\n// $pin-check +\n// $phone +\n// $card +\n// $diamond +\n// $file +\n// $bag-large +\n// $layers +\n// $box +\n// $box-dark +\n// $double-check +\n// $card-big +\n// $bag-enter +\n// $door +\n// $tag +\n// $bookmark +\n// $hand-card +\n// $feather +\n// $droplet +\n// $gear +\n// $amex +\n// $mastercard +\n// $visa +\n// $diners +\n// $chevron-down\n// $chevron-down-dark\n// $chevron-down-light\n// $chevron-dark +\n// $hamburger-white\n// $grid2x2\n// $search +\n// $house\n// $plus\n// $plus +\n// $shoe +\n// $globe\n// $ie-flag\n// $it-flag\n// $eu-flag\n// $de-flag\n// $uk-flag\n// $hr-flag\n// $fr-flag\n// $us-flag\n// $user\n// $user +\n// $heart +\n// $heart-small +\n// $envelope +\n// $cart\n// $loginOld\n// $login\n// $logout\n// $bg-noise\n// $error\n// $info\n// $i-circle +\n// $check +\n// $check-white +\n// $check-circle\n// $chevron-left\n// $preorder\n// $trashbin\n// $noeye\n// $eye\n// $froddo-pattern\n// $triangle-down\n// $triangle-down-noaction\n// $pdf\n// $headphones\n// $dd\n// $frame-out\n// $frame-out-old\n// $full-screen\n// $full-screen2 // Mihaela alternate version, not used\n// $facebook-frame +\n// $instagram-frame +\n// $twitter-frame +\n// $doc-edit\n// $rejected\n// $approved\n// $approved-add\n// $check-blue\n// $pending\n// $switch\n\n// change color by searching them here and carefully replacing\n// by finding that string below and replacing it with the 6 hex string again\n// or use a decoder https://www.urldecoder.org/\n\n$arrow-left: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2216%22%20height%3D%2210%22%20viewBox%3D%220%200%2016%2010%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M6.66727%203.99971L15.6672%203.99971L15.6672%205.99951L6.66727%205.99951L6.66727%2010L3.09547e-05%204.9996L6.66727%200.000106025L6.66727%203.99971Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E');\n\n$arrow-reset: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2211%22%20height%3D%2212%22%20viewBox%3D%220%200%2011%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10.3933%205.3585C10.2564%204.68652%209.98774%204.04832%209.60283%203.48075C9.22577%202.92159%208.74449%202.44032%208.18533%202.06325C7.61703%201.67969%206.97911%201.41117%206.30758%201.27283C5.95474%201.20116%205.59546%201.16598%205.23542%201.16783V0L2.91667%201.75L5.23542%203.5V2.3345C5.51775%202.33333%205.80008%202.36017%206.0725%202.41617C6.59442%202.52372%207.09024%202.73239%207.532%203.03042C7.96743%203.32392%208.34217%203.69865%208.63567%204.13408C9.09134%204.80801%209.33437%205.60314%209.33333%206.41667C9.33374%206.96265%209.22464%207.50317%209.0125%208.00625C8.90992%208.24882%208.78411%208.48091%208.63683%208.69925C8.48988%208.9169%208.32227%209.11987%208.13633%209.30533C7.57162%209.86889%206.85479%2010.2555%206.07367%2010.4177C5.53047%2010.5279%204.9707%2010.5279%204.4275%2010.4177C3.90533%2010.3101%203.40931%2010.1012%202.96742%209.80292C2.53251%209.50964%202.15819%209.13532%201.86492%208.70042C1.40979%208.02576%201.16664%207.23049%201.16667%206.41667H1.88521e-08C-8.86398e-05%207.4631%200.312536%208.48568%200.89775%209.35317C1.27571%209.91088%201.75637%2010.3915%202.31408%2010.7695C3.1807%2011.356%204.20356%2011.6686%205.25%2011.6667C5.60543%2011.667%205.95997%2011.6312%206.30817%2011.5599C6.97949%2011.4215%207.61721%2011.153%208.18533%2010.7695C8.46408%2010.5812%208.72408%2010.3665%208.96175%2010.1284C9.20006%209.89059%209.41494%209.63039%209.60342%209.35142C10.1895%208.48507%2010.5019%207.46264%2010.5%206.41667C10.5003%206.06124%2010.4646%205.7067%2010.3933%205.3585Z%22%20fill%3D%22%23303945%22%2F%3E%3C%2Fsvg%3E');\n\n$arrows-opposing: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2216%22%20viewBox%3D%220%200%2020%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M8.2415%209.87432L9.69821%2011.2884L4.84913%2016L0%2011.2884L1.45676%209.87432L3.81891%2012.1673V0.999985H5.8793V12.1673L8.2415%209.87432ZM15.151%200L10.3018%204.71197L11.7585%206.12605L14.1208%203.83302V15H16.1811V3.83311L18.5433%206.12605L20%204.71197L15.151%200Z%22%20fill%3D%22%23303945%22%20fill-opacity%3D%220.8%22%2F%3E%3C%2Fsvg%3E');\n\n$circle: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%22142%22%20height%3D%22142%22%20version%3D%221.1%22%20viewBox%3D%220%200%2038%2038%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ccircle%20cx%3D%2219%22%20cy%3D%2219%22%20r%3D%2218%22%20fill%3D%22%23fff%22%20fill-opacity%3D%22.06%22%2F%3E%3C%2Fsvg%3E');\n\n$circle-dashed: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%22142%22%20height%3D%22142%22%20version%3D%221.1%22%20viewBox%3D%220%200%2038%2038%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ccircle%20cx%3D%2219%22%20cy%3D%2219%22%20r%3D%2218%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-dasharray%3D%225%22%20stroke-linecap%3D%22round%22%20stroke-opacity%3D%22.3%22%20stroke-width%3D%222%22%20vector-effect%3D%22non-scaling-stroke%22%2F%3E%3C%2Fsvg%3E');\n\n$circle-darkOld: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%22142%22%20height%3D%22142%22%20version%3D%221.1%22%20viewBox%3D%220%200%2038%2038%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ccircle%20cx%3D%2219%22%20cy%3D%2219%22%20r%3D%2218%22%20fill%3D%22%23000%22%20fill-opacity%3D%22.06%22%2F%3E%3C%2Fsvg%3E');\n\n$circle-dark: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%22142%22%20height%3D%22142%22%20version%3D%221.1%22%20viewBox%3D%220%200%2038%2038%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ccircle%20cx%3D%2219%22%20cy%3D%2219%22%20r%3D%2218%22%20fill%3D%22%23C9D0DD26%22%2F%3E%3C%2Fsvg%3E');\n\n$circle-dashed-darker: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%22142%22%20height%3D%22142%22%20version%3D%221.1%22%20viewBox%3D%220%200%2038%2038%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ccircle%20cx%3D%2219%22%20cy%3D%2219%22%20r%3D%2218%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-dasharray%3D%225%22%20stroke-linecap%3D%22round%22%20stroke-opacity%3D%22.2%22%20stroke-width%3D%222%22%20vector-effect%3D%22non-scaling-stroke%22%2F%3E%3C%2Fsvg%3E');\n\n$circle-dashed-dark: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%22142%22%20height%3D%22142%22%20version%3D%221.1%22%20viewBox%3D%220%200%2038%2038%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ccircle%20cx%3D%2219%22%20cy%3D%2219%22%20r%3D%2218%22%20fill%3D%22none%22%20stroke%3D%22%23C9D0DD80%22%20stroke-dasharray%3D%225%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20vector-effect%3D%22non-scaling-stroke%22%2F%3E%3C%2Fsvg%3E');\n\n$circle-dashed-white: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%22142%22%20height%3D%22142%22%20version%3D%221.1%22%20viewBox%3D%220%200%2038%2038%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ccircle%20cx%3D%2219%22%20cy%3D%2219%22%20r%3D%2218%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff80%22%20stroke-dasharray%3D%225%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20vector-effect%3D%22non-scaling-stroke%22%2F%3E%3C%2Fsvg%3E');\n\n$circle-green: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%22142%22%20height%3D%22142%22%20version%3D%221.1%22%20viewBox%3D%220%200%2038%2038%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ccircle%20cx%3D%2219%22%20cy%3D%2219%22%20r%3D%2218%22%20fill%3D%22%238dc63f%22%20fill-opacity%3D%221%22%2F%3E%3C%2Fsvg%3E');\n\n$circle-dashed-green: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%22142%22%20height%3D%22142%22%20version%3D%221.1%22%20viewBox%3D%220%200%2038%2038%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ccircle%20cx%3D%2219%22%20cy%3D%2219%22%20r%3D%2218%22%20fill%3D%22none%22%20stroke%3D%22%23cef29b%22%20stroke-dasharray%3D%225%22%20stroke-linecap%3D%22round%22%20stroke-opacity%3D%221%22%20stroke-width%3D%222%22%20vector-effect%3D%22non-scaling-stroke%22%2F%3E%3C%2Fsvg%3E');\n\n$bg-dark: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox=%220%200%20700%20480%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cpolygon%20points=%220,30%2090,0%20200,30%20280,80%20350,50%20420,90%20500,60%20580,100%20700,70%20700,160%20650,200%20700,280%20640,340%20700,400%20580,440%20420,480%20280,460%20140,480%200,420%2050,320%200,240%2040,160%200,80%22%20fill=%22%23f15a22%22%20opacity=%220.045%22/%3E%3Cpolygon%20points=%2230,60%20120,30%20230,60%20300,100%20380,80%20440,110%20520,90%20600,120%20680,100%20680,180%20640,220%20680,300%20620,350%20670,410%20560,440%20400,460%20260,450%20130,460%2020,400%2060,310%2020,230%2050,160%2020,90%22%20fill=%22%23f68b1f%22%20opacity=%220.035%22/%3E%3Cpolygon%20points=%2260,90%20150,60%20250,90%20320,120%20390,100%20450,130%20530,110%20610,140%20660,130%20660,200%20630,240%20660,310%20610,360%20650,420%20540,440%20380,450%20250,440%20130,450%2040,390%2070,310%2040,230%2060,170%2040,110%22%20fill=%22%23fdb913%22%20opacity=%220.025%22/%3E%3C/svg%3E');\n\n$funnel: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2216%22%20height%3D%2218%22%20viewBox%3D%220%200%2016%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10.9996%2016.8777C11.0396%2017.1777%2010.9396%2017.4976%2010.7096%2017.7076C10.6171%2017.8003%2010.5072%2017.8738%2010.3863%2017.924C10.2653%2017.9742%2010.1357%2018%2010.0047%2018C9.87377%2018%209.74411%2017.9742%209.62315%2017.924C9.50219%2017.8738%209.39232%2017.8003%209.29982%2017.7076L5.29037%2013.6981C5.18139%2013.5915%205.09851%2013.4611%205.04822%2013.3172C4.99792%2013.1732%204.98156%2013.0196%205.00041%2012.8683V7.74895L0.211078%201.61978C0.0487091%201.41134%20-0.0245552%201.1471%200.00729454%200.88481C0.0391443%200.622517%200.173519%200.383494%200.381055%200.21997C0.571029%200.0799892%200.780999%200%201.00097%200H14.999C15.219%200%2015.429%200.0799892%2015.6189%200.21997C15.8265%200.383494%2015.9609%200.622517%2015.9927%200.88481C16.0246%201.1471%2015.9513%201.41134%2015.7889%201.61978L10.9996%207.74895V16.8777ZM3.04069%201.99973L7.00014%207.05904V12.5783L8.99986%2014.578V7.04904L12.9593%201.99973H3.04069Z%22%20fill%3D%22%23303945%22%20fill-opacity%3D%220.8%22%2F%3E%3C%2Fsvg%3E');\n\n$talk-bubbleOld: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20viewBox%3D%220%200%2024%2022%22%20width%3D%2224%22%20height%3D%2222%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20id%3D%22talk-bubble%22%20d%3D%22m24%2010c0-5.5-5.4-10-12-10s-12%204.5-12%2010%205.4%2010%2012%2010a15.26%2015.26%200%20003-.3l5.6%202.2c.1%200%20.2.1.4.1a1.421%201.421%200%2000.6-.2%201.086%201.086%200%2000.4-.9l-.5-4.7a9.42%209.42%200%20002.5-6.2zm-10%203h-7v-2h7zm3-4h-10v-2h10z%22%2F%3E%3C%2Fsvg%3E');\n\n$talk-bubble: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2224%22%20height%3D%2222%22%20viewBox%3D%220%200%2024%2022%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M24%2010C24%204.5%2018.6%200%2012%200C5.4%200%200%204.5%200%2010C0%2015.5%205.4%2020%2012%2020C13%2020%2014%2019.9%2015%2019.7L20.6%2021.9C20.7%2021.9%2020.8%2022%2021%2022C21.2%2022%2021.4%2021.9%2021.6%2021.8C21.9%2021.6%2022%2021.2%2022%2020.9L21.5%2016.2C23.1%2014.4%2024%2012.2%2024%2010ZM14%2013H7V11H14V13ZM17%209H7V7H17V9Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E');\n\n$loader-animated: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20shape-rendering%3D%22geometricPrecision%22%20version%3D%221.1%22%20viewBox%3D%22.97%20.54%2025%2025%22%20width%3D%2225%22%20height%3D%2225%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cstyle%3E%3C%21%5BCDATA%5B%0A.loader-g%20%7Banimation%3A%20loader-g%201400ms%20linear%20infinite%20normal%20forwards%7D%40keyframes%20loader-g%20%7B0%25%2C100%25%20%7Brotate%280deg%29%7D%2028%25%20%7Btransform%3A%20rotate%285deg%29%3Banimation-timing-function%3A%20cubic-bezier%280.39%2C0.575%2C0.565%2C1%29%7D%2071%25%20%7Btransform%3Arotate%28-5deg%29%7D%7D%20.loader-d%20%7Banimation%3A%20loader-d%201400ms%20linear%20infinite%20normal%20forwards%7D%40keyframes%20loader-d%20%7B0%25%20%7Btransform%3A%20scale%281%29%3Banimation-timing-function%3A%20cubic-bezier%280.47%2C0%2C0.745%2C0.715%29%7D%2028%25%20%7Btransform%3A%20scale%281.3%29%3Banimation-timing-function%3A%20cubic-bezier%280.47%2C0%2C0.745%2C0.715%29%7D%20100%25%20%7Btransform%3A%20scale%281%29%7D%7D%0A%5D%5D%3E%3C%2Fstyle%3E%3Ccircle%20cx%3D%2213.47%22%20cy%3D%2213.04%22%20r%3D%2212%22%20fill%3D%22%23eff3fa%22%2F%3E%3Cg%20class%3D%22loader-g%22%20transform-origin%3D%2250%25%2050%25%22%3E%3Cpath%20class%3D%22loader-d%22%20d%3D%22m15.73%2010.12h-3.674c-3.1%200-5.626%202.511-5.626%205.626%200%203.014%202.368%205.482%205.338%205.625h8.74v-16.66h-4.779z%22%20fill%3D%22%2397bf0d%22%20transform-origin%3D%2250%25%2050%25%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');\n\n$paper-scroll: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20version%3D%221.1%22%20viewBox%3D%22721.5%20389%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m729.5%20398h4v2h-4zm0-4h4v2h-4zm-4-5v9h-4v4c0%201.7%201.3%203%203%203h10c1.7%200%203-1.3%203-3v-13zm10%2013c0%20.6-.4%201-1%201h-7v-12h8z%22%20fill%3D%22%238dc63f%22%2F%3E%3C%2Fsvg%3E');\n\n$bagOld: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2224%22%20viewBox%3D%222%200%2020%2024%22%3E%3Cpath%20d%3D%22M21%205h-4c0-2.8-2.2-5-5-5S7%202.2%207%205H3c-.6%200-1%20.4-1%201v17c0%20.6.4%201%201%201h18c.6%200%201-.4%201-1V6c0-.6-.4-1-1-1Zm-9-3c1.7%200%203%201.3%203%203H9c0-1.7%201.3-3%203-3Z%22%20fill%3D%22%23303945%22%2F%3E%3C%2Fsvg%3E');\n\n$bag: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2224%22%20viewBox%3D%220%200%2020%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M19.0017%205H15.0017C15.0017%203.67392%2014.4749%202.40215%2013.5372%201.46447C12.5996%200.526784%2011.3278%200%2010.0017%200C8.67562%200%207.40385%200.526784%206.46617%201.46447C5.52849%202.40215%205.0017%203.67392%205.0017%205H1.0017C0.868289%204.99198%200.734692%205.01235%200.609732%205.05977C0.484772%205.10719%200.371292%205.18057%200.276784%205.27508C0.182276%205.36959%200.108891%205.48307%200.0614729%205.60803C0.0140549%205.73299%20-0.00631687%205.86659%200.00170277%206V23C-0.00631687%2023.1334%200.0140549%2023.267%200.0614729%2023.392C0.108891%2023.5169%200.182276%2023.6304%200.276784%2023.7249C0.371292%2023.8194%200.484772%2023.8928%200.609732%2023.9402C0.734692%2023.9876%200.868289%2024.008%201.0017%2024H19.0017C19.1351%2024.008%2019.2687%2023.9876%2019.3937%2023.9402C19.5186%2023.8928%2019.6321%2023.8194%2019.7266%2023.7249C19.8211%2023.6304%2019.8945%2023.5169%2019.9419%2023.392C19.9894%2023.267%2020.0097%2023.1334%2020.0017%2023V6C20.0097%205.86659%2019.9894%205.73299%2019.9419%205.60803C19.8945%205.48307%2019.8211%205.36959%2019.7266%205.27508C19.6321%205.18057%2019.5186%205.10719%2019.3937%205.05977C19.2687%205.01235%2019.1351%204.99198%2019.0017%205ZM10.0017%202C10.3977%201.99267%2010.7911%202.06526%2011.1584%202.21343C11.5257%202.3616%2011.8593%202.58231%2012.1393%202.86236C12.4194%203.14241%2012.6401%203.47605%2012.7883%203.84334C12.9364%204.21063%2013.009%204.60402%2013.0017%205H7.0017C6.99438%204.60402%207.06697%204.21063%207.21514%203.84334C7.36331%203.47605%207.58401%203.14241%207.86406%202.86236C8.14411%202.58231%208.47775%202.3616%208.84504%202.21343C9.21233%202.06526%209.60572%201.99267%2010.0017%202Z%22%20fill%3D%22%23C9D0DD%22%2F%3E%3C%2Fsvg%3E');\n\n$bag-add: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20viewBox%3D%220%200%2022%2024%22%20width%3D%2222%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m22%2019h-2v-2h-2v2h-2v2h2v2h2v-2h2zm-8%201a5%205%200%20016-4.9v-9.1a1%201%200%2000-1-1h-4a5%205%200%2000-10%200h-4a1%201%200%2000-1%201v17a1%201%200%20001%201h15.03a4.98%204.98%200%2001-2.027-4zm-7-15a3%203%200%20016%200z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E');\n\n$bag-add-green: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20viewBox%3D%220%200%2022%2024%22%20width%3D%2222%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m22%2019h-2v-2h-2v2h-2v2h2v2h2v-2h2zm-8%201a5%205%200%20016-4.9v-9.1a1%201%200%2000-1-1h-4a5%205%200%2000-10%200h-4a1%201%200%2000-1%201v17a1%201%200%20001%201h15.03a4.98%204.98%200%2001-2.027-4zm-7-15a3%203%200%20016%200z%22%20fill%3D%22%238dc63f%22%2F%3E%3C%2Fsvg%3E');\n\n$bag-delivery: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2233.43%22%20height%3D%2233.43%22%20version%3D%221.1%22%20viewBox%3D%22801.6%20918.6%2033.43%2033.43%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20x%3D%22811%22%20y%3D%22928%22%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22%23c9d0dd%22%2F%3E%3Cpath%20d%3D%22m818.4%20928.8v-4.407a4.407%204.407%200%20014.406-4.407v0a4.407%204.407%200%20014.407%204.407v4.407m-24.24%2011.02h10.28m-5.141%204.407h8.08m-8.08-8.813h8.08%22%20fill%3D%22none%22%20stroke%3D%22%2398a1ad%22%20stroke-linecap%3D%22square%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E');\n\n$bag-speedy: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2228%22%20height%3D%2226%22%20viewBox%3D%220%200%2028%2026%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M22.9844%207.48148C22.9844%204.43137%2023.4545%200.999907%2019.2271%201C14.9996%201.00009%2014.9999%203.66884%2015%207.48148%22%20stroke%3D%22%23303945%22%20stroke-width%3D%222%22%2F%3E%3Crect%20x%3D%2210%22%20y%3D%227.48146%22%20width%3D%2218%22%20height%3D%2218.5185%22%20fill%3D%22%23C9D0DD%22%2F%3E%3Cpath%20d%3D%22M4.5%2011.8797H14.5%22%20stroke%3D%22%23303945%22%20stroke-width%3D%222%22%2F%3E%3Cpath%20d%3D%22M4.5%2020.2131H14.5%22%20stroke%3D%22%23303945%22%20stroke-width%3D%222%22%2F%3E%3Cpath%20d%3D%22M0%2015.8148H12%22%20stroke%3D%22%23303945%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E');\n\n$present: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2264%22%20height%3D%2265.42%22%20version%3D%221.1%22%20viewBox%3D%2247.5%2037.62%2064%2065.42%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m47.5%2053.61h64v11.64h-64v-11.64zm6%2013.39h52v35h-52v-35z%22%20fill%3D%22%23bfe28f%22%2F%3E%3Cpath%20d%3D%22m85.32%2053.61v48h-11.64v-48%22%20fill%3D%22none%22%20stroke%3D%22%2375914e%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3Cpath%20d%3D%22m56.23%2046.33a7.526%207.526%200%20017.759-7.273c11.47%200%2015.51%2014.54%2015.51%2014.54h-15.51a7.527%207.527%200%2001-7.759-7.272z%22%20fill%3D%22none%22%20stroke%3D%22%2375914e%22%20stroke-width%3D%222%22%2F%3E%3Cpath%20d%3D%22m95.01%2053.6h-15.51s4.04-14.54%2015.51-14.54a7.526%207.526%200%20017.759%207.273%207.527%207.527%200%2001-7.759%207.272z%22%20fill%3D%22none%22%20stroke%3D%22%2375914e%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E');\n\n$loginOld: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2224.45%22%20height%3D%2226.45%22%20version%3D%221.1%22%20viewBox%3D%221636%2055.28%2024.45%2026.45%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m1659%2081h-19a1.002%201.002%200%2001-1-1v-10.41h-.001l-.912-.001c-.6%200-1.087-.488-1.087-1.087%200-.6.488-1.087%201.087-1.087h.913v2.174h6.152v3.261a.543.543%200%2000.863.44l5.978-4.348a.539.539%200%2000.219-.356.539.539%200%2000-.219-.526l-5.978-4.347a.54.54%200%2000-.567-.044.54.54%200%2000-.296.485v3.261h-6.152v-10.41c0-.551.448-1%201-1h19c.552%200%201%20.449%201%201v23c0%20.551-.448%201-1%201z%22%20fill%3D%22%23303945%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E%0A');\n\n$login: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2225%22%20height%3D%2224%22%20viewBox%3D%220%200%2025%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Crect%20x%3D%224%22%20width%3D%2221%22%20height%3D%2224%22%20rx%3D%221%22%20fill%3D%22%23C9D0DD%22%2F%3E%0A%3Cpath%20d%3D%22M9.19114%2013.0004C9.19114%2012.7242%208.96728%2012.5004%208.69114%2012.5004H0.500001C0.223858%2012.5004%200%2012.2765%200%2012.0004V11.0005C0%2010.7244%200.223858%2010.5005%200.5%2010.5005H8.69114C8.96728%2010.5005%209.19114%2010.2767%209.19114%2010.0005V7.48755C9.19114%207.07784%209.65688%206.84204%209.9871%207.08456L15.4512%2011.0974C15.7233%2011.2972%2015.7233%2011.7037%2015.4512%2011.9034L9.98707%2015.9156C9.65684%2016.1581%209.19114%2015.9222%209.19114%2015.5126V13.0004Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E');\n\n$logoutOld: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2224.45%22%20height%3D%2226.45%22%20version%3D%221.1%22%20viewBox%3D%221636%2055.28%2024.45%2026.45%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m1638%2055.99c-.5564%200-1.004.4475-1.004%201.004v23.01c0%20.5564.4475%201.004%201.004%201.004h18.98c.5564%200%201.004-.4475%201.004-1.004v-9.645l-4.117%202.969c-.3293.2365-.7461-.05288-.7461-.5215l-.0176-3.141h-7.043a1.15%201.15%200%2001-1.148-1.15%201.15%201.15%200%20011.148-1.148h7.029l-.0176-3.135c-.0014-.3513.2289-.6055.4844-.6133.0851-.002604.1729.02237.2558.08008l4.172%202.912v-9.615c0-.5564-.4475-1.004-1.004-1.004h-18.98zm19.99%2010.62v3.748l1.902-1.371c.3286-.2377.3256-.8226-.0097-1.055l-1.893-1.322z%22%20fill%3D%22%23303945%22%2F%3E%3C%2Fsvg%3E');\n\n$logout: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2224%22%20viewBox%3D%220%200%2020%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22m%2018.174876%2C2.0496143%20c%200%2C-0.4768741%20-0.387731%2C-0.8654702%20-0.86547%2C-0.8654702%20L%200.86547028%2C1.1807687%20C%200.38773069%2C1.1807687%200%2C1.5693649%200%2C2.046239%20v%2019.905817%20c%200%2C0.477567%200.38790378%2C0.864518%200.86547028%2C0.86547%20l%2016.68626672%2C0.0017%20c%200.23887%2C0.0017%200.62712%2C-0.386865%200.62712%2C-0.863739%20z%20m%200%2C8.3812137%201.62968%2C1.179637%20c%200.144361%2C0.103164%200.217926%2C0.280931%200.189365%2C0.456362%20-0.01904%2C0.124022%20-0.08732%2C0.23463%20-0.189365%2C0.307675%20l%20-1.62968%2C1.193484%20-3.541505%2C2.576505%20c%20-0.310963%2C0.22684%20-0.74716%2C0.0046%20-0.74716%2C-0.380375%20V%2012.940953%20H%203.8294463%20c%20-0.5192821%2C0%20-0.9416316%2C-0.421311%20-0.9416316%2C-0.939902%200%2C-0.519282%200.4230419%2C-0.941632%200.9416316%2C-0.941632%20H%2013.886211%20V%208.2362556%20c%200%2C-0.1771619%200.09892%2C-0.3391779%200.256959%2C-0.4192339%200.07876%2C-0.040729%200.165218%2C-0.057511%200.250206%2C-0.050708%200.08481%2C0.00684%200.168422%2C0.037206%200.239995%2C0.089576%20z%22%20fill%3D%22%23c9d0dd%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E');\n\n$bg-noise: url('data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAAA8AAD/4QMpaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjAtYzA2MCA2MS4xMzQ3NzcsIDIwMTAvMDIvMTItMTc6MzI6MDAgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgV2luZG93cyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo3RUJGMTIxQjBFMjIxMUUzQTZFRkU1MThGQ0FFMTY2MSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo3RUJGMTIxQzBFMjIxMUUzQTZFRkU1MThGQ0FFMTY2MSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjdFQkYxMjE5MEUyMjExRTNBNkVGRTUxOEZDQUUxNjYxIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjdFQkYxMjFBMEUyMjExRTNBNkVGRTUxOEZDQUUxNjYxIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+/+4ADkFkb2JlAGTAAAAAAf/bAIQABgQEBAUEBgUFBgkGBQYJCwgGBggLDAoKCwoKDBAMDAwMDAwQDA4PEA8ODBMTFBQTExwbGxscHx8fHx8fHx8fHwEHBwcNDA0YEBAYGhURFRofHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8f/8AAEQgARABdAwERAAIRAQMRAf/EAGYAAQEBAQAAAAAAAAAAAAAAAAEAAggBAQAAAAAAAAAAAAAAAAAAAAAQAAIBAgUCBQQDAQEAAAAAAAERIQAx8EFRAhJhcZGhwdEigbHhMvFCYnKCEQEAAAAAAAAAAAAAAAAAAAAA/9oADAMBAAIRAxEAPwDp9Akmxtp0oBzCmBlI1oJgSiMnlfOguIEASczmu9AbtyBIlWfSBpnjQNDiB5T0oAfEz229Vlj+AgRttYQ9VQUjc8zb80Etw3CUB59ycegRHIwSPKBk8ewHEcrR+rRat3oGeT25WEDpOdAwCB345DtQAIZBuPFCz+tAuyIA2leifegyTt2yEB5MQqBARSgQAlAyePYEAF6Bo2oM7Rt2gJJLbklYSqCGwAhfFAA5MbYR8YoNcjJsiZjKgwDu5FRtZThqJfW2EDx3vjHHjfPS9AgqUeSv2oIgAR2D+zmgCgjnYexzvQQ2kAEkRZsa3ePQGG1c6K0TQGz4hubAGLZM0GhAY82PF0GQCzms7Ho31oCQ9zG4aCJEKcegQCgW/qErZM49A1uG3aeRyjkY6UB8n/myRtQQABB3fsf20fljyCIRKFhcx4m+PAIskGxXXPKZx4A8WCJZzt+ceAUhkWkgWtE0ENvHao/y47CaCzA23Av2gOgRHyEdPKgzyycpMx2uqBDnrZxbLydAdr2JtA1NA8jy6NWNlQZ3ISkRYzOQBJ60DuJGYAdz0j84gJyDlPy6CAC+uNAnwO4nNInpkSZoEBWvYPp3oJjiNMjbotaAYAgD4wXECLzpjIE7QAwckydMqAWTZRA3WPWfb+AeK3FQF2gRfHsGd27geREn4jLoHj8BpnjYz37LW9ADZ/Yo7nCCjIEzQO5QytsBmCTljAAaRIIVyenegntNpEo2nbkTj2BaKV7Exa1BMjMEWAtI1NAHk2JGtrQsfwCNoEoTJQUgKWqDIIAbJ2COrBUnvjQGdto2jM5eM48AUAWYJU9tcfgFDk4vfy+9AbRtuAVkDFrXoJAJeB6WvnQW5jdAvmToRegzs3wSDmRyIVolrPGgaI2gtAqxP2mb0EG4sI+oi+PYNbdpERFvpZ0GUNGrE2g/egyN4ZAhax0AnrQaFn+urjxJmgRkcjBNjFqBQ+mtBSuo1gUGWRtYygOGol9aAW0C6FkYOgxgA/KTtuMtVCoMjadvEAl7Qi8wIn74gNNGxAS5GLG049AtpI2gE/IQzrbpnQBHyCCJCdl9seQZ2iSdyhEa/wDp9caAiAdQgDbtfHoGgdqBkB5seLoLllxKsulsYFAjlF7eXWgx8uRVsu2Tc309qDWUK3wvjTCoA2+LXEcU9Df8e1AfFHTLXpadLe1BrZxZ+ndKH9aC2/Tpe2VAbrni+SGvXEe1BDny+PFPLRFPyoM7f8q0Jvjl6YVBrZcL9YX/ACodBfFfw/1++LUH/9k=');\n\n$share: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214.017%22%20height%3D%2216%22%20viewBox%3D%22300%204913%2014.017%2016%22%3E%3Cpath%20d%3D%22M311%204919c1.655%200%203-1.346%203-3s-1.345-3-3-3c-1.653%200-3%201.346-3%203%200%20.224.03.44.076.65l-3.22%202.011a2.972%202.972%200%200%200-1.855-.661c-1.654%200-3%201.346-3%203s1.346%203%203%203c.704%200%201.344-.254%201.856-.661l3.219%202.012a3.009%203.009%200%200%200-.075.649c0%201.654%201.346%203%203%203s3-1.346%203-3-1.346-3-3-3c-.704%200-1.343.254-1.856.661l-3.22-2.012c.047-.209.076-.426.076-.649%200-.224-.03-.44-.075-.649l3.22-2.012A2.97%202.97%200%200%200%20311%204919Zm0-4a1.001%201.001%200%200%201%200%202%201.001%201.001%200%200%201%200-2Zm-8%207a1.001%201.001%200%200%201%200-2%201.001%201.001%200%200%201%200%202Zm8%203a1.001%201.001%200%200%201%200%202%201.001%201.001%200%200%201%200-2Z%22%20fill%3D%22%23303945%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E');\n\n$clock: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224.017%22%20height%3D%2224%22%20viewBox%3D%22-0.383%200%2024.017%2024%22%3E%3Cpath%20d%3D%22M11.623%200c-6.617%200-12%205.383-12%2012s5.383%2012%2012%2012%2012-5.383%2012-12-5.383-12-12-12Zm7%2013h-8V5h2v6h6v2Z%22%20fill%3D%22%23ff5273%22%2F%3E%3C%2Fsvg%3E');\n\n$xOld: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2217.99%22%20height%3D%2218%22%20version%3D%221.1%22%20viewBox%3D%22551.6%204912%2017.99%2018%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m563.5%204918-5.819%205.82%22%20stroke%3D%22%23303945%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3Cpath%20d%3D%22m563.5%204924-5.819-5.82%22%20stroke%3D%22%23303945%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3Cpath%20d%3D%22m552.6%204921a8%208%200%20110%20.1z%22%20fill%3D%22none%22%20stroke%3D%22%23303945%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E');\n\n$x: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2221%22%20height%3D%2221%22%20viewBox%3D%220%200%2021%2021%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M2.1%2021L0%2018.9L8.4%2010.5L0%202.1L2.1%200L10.5%208.4L18.9%200L21%202.1L12.6%2010.5L21%2018.9L18.9%2021L10.5%2012.6L2.1%2021Z%22%20fill%3D%22%23303945%22%2F%3E%3C%2Fsvg%3E');\n\n$x-light: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M1.4%2014L0%2012.6L5.6%207L0%201.4L1.4%200L7%205.6L12.6%200L14%201.4L8.4%207L14%2012.6L12.6%2014L7%208.4L1.4%2014Z%22%20fill%3D%22%2398A1AD%22%2F%3E%3C%2Fsvg%3E');\n\n$starOld: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216.05%22%20height%3D%2215.317%22%20viewBox%3D%22-0.017%20-0.017%2016.05%2015.317%22%3E%3Cpath%20d%3D%22m15.146%205.057-4.317-.628L8.902.518a1.041%201.041%200%200%200-1.8%200L5.175%204.43l-4.317.627a1%201%200%200%200-.556%201.706l3.123%203.045-.737%204.3a1%201%200%200%200%201.451%201.054l3.863-2.031%203.861%202.029a1%201%200%200%200%201.451-1.054l-.737-4.3%203.125-3.043a1%201%200%200%200-.554-1.705Z%22%20fill%3D%22%23ffcd6f%22%2F%3E%3C%2Fsvg%3E');\n\n$star: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2215%22%20height%3D%2215%22%20viewBox%3D%220%200%2015%2015%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5.36493%202.556C6.31518%200.852%206.78992%200%207.50017%200C8.21042%200%208.68517%200.852%209.63542%202.556L9.88142%202.997C10.1514%203.4815%2010.2864%203.72375%2010.4964%203.8835C10.7064%204.04325%2010.9689%204.1025%2011.4939%204.221L11.9709%204.329C13.8159%204.74675%2014.7377%204.95525%2014.9574%205.661C15.1764%206.366%2014.5479%207.10175%2013.2902%208.5725L12.9647%208.95275C12.6077%209.3705%2012.4284%209.57975%2012.3482%209.83775C12.2679%2010.0965%2012.2949%2010.3755%2012.3489%2010.9327L12.3984%2011.4405C12.5882%2013.4032%2012.6834%2014.3843%2012.1089%2014.82C11.5344%2015.2557%2010.6704%2014.8582%208.94392%2014.0632L8.49617%2013.8577C8.00567%2013.6312%207.76042%2013.5187%207.50017%2013.5187C7.23992%2013.5187%206.99467%2013.6312%206.50417%2013.8577L6.05718%2014.0632C4.32993%2014.8582%203.46593%2015.2557%202.89218%2014.8207C2.31693%2014.3842%202.41218%2013.4032%202.60193%2011.4405L2.65143%2010.9335C2.70543%2010.3755%202.73243%2010.0965%202.65143%209.8385C2.57193%209.57975%202.39268%209.3705%202.03568%208.9535L1.71018%208.5725C0.452426%207.1025%20-0.176074%206.36675%200.0429262%205.661C0.261926%204.95525%201.18518%204.746%203.03018%204.329L3.50718%204.221C4.03143%204.1025%204.29318%204.04325%204.50393%203.8835C4.71468%203.72375%204.84893%203.4815%205.11893%202.997L5.36493%202.556Z%22%20fill%3D%22%23fdb913%22%2F%3E%3C%2Fsvg%3E');\n\n$star-hollow: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10%200.75C10.1138%200.75%2010.3149%200.794405%2010.708%201.30762C11.1017%201.82174%2011.5466%202.61546%2012.1924%203.77344L12.5205%204.36133C12.8478%204.94867%2013.1069%205.44513%2013.541%205.77539C13.9807%206.10978%2014.5247%206.21618%2015.1592%206.35938L15.7959%206.50391C17.0512%206.78814%2017.9054%206.98336%2018.4902%207.21387C19.0586%207.43794%2019.1801%207.62178%2019.2266%207.76953V7.77051C19.2748%207.9259%2019.2769%208.16471%2018.9355%208.70703C18.6758%209.11963%2018.2821%209.60878%2017.7412%2010.249L17.1504%2010.9424L16.7168%2011.4492L16.7158%2011.4502C16.3354%2011.8953%2016.0045%2012.2647%2015.8184%2012.7021L15.748%2012.8945C15.6265%2013.2866%2015.6338%2013.6947%2015.6729%2014.1611L15.7188%2014.6494L15.7852%2015.3271C15.9139%2016.6593%2016.0001%2017.5766%2015.9707%2018.2373C15.9413%2018.896%2015.8027%2019.0782%2015.6924%2019.1621C15.5939%2019.2368%2015.4107%2019.3194%2014.8174%2019.1494C14.2146%2018.9767%2013.4137%2018.6101%2012.2393%2018.0693H12.2383L11.6406%2017.7949C11.049%2017.5217%2010.5494%2017.2754%2010%2017.2754C9.45007%2017.2755%208.94993%2017.5223%208.35742%2017.7959L7.7627%2018.0693C6.58735%2018.6103%205.78561%2018.9775%205.18262%2019.1504C4.66347%2019.2992%204.45902%2019.2545%204.35059%2019.1914L4.30957%2019.1631C4.19834%2019.0786%204.05878%2018.8961%204.0293%2018.2373C3.99975%2017.5766%204.08703%2016.6593%204.21582%2015.3271L4.28125%2014.6514L4.28223%2014.6504C4.33989%2014.0545%204.39812%2013.5566%204.30176%2013.0908L4.25098%2012.8936C4.08794%2012.3671%203.71695%2011.9568%203.2832%2011.4502L2.85059%2010.9424L2.25977%2010.249C1.7187%209.60888%201.32515%209.11965%201.06543%208.70703C0.724441%208.16528%200.725054%207.92667%200.773438%207.77051C0.819159%207.62316%200.939729%207.43895%201.51074%207.21387C2.09585%206.98326%202.95069%206.78764%204.20605%206.50391L4.8418%206.35938C5.47665%206.21588%206.01788%206.109%206.45801%205.77539C6.78519%205.52739%207.01307%205.18584%207.24414%204.7832L7.48047%204.36133L7.80859%203.77344C8.45434%202.61547%208.89826%201.82173%209.29199%201.30762C9.68496%200.794544%209.88611%200.750061%2010%200.75Z%22%20stroke%3D%22%23fdb913%22%20stroke-width%3D%221.5%22%2F%3E%3C%2Fsvg%3E');\n\n$starChecks: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2237%22%20height%3D%2237%22%20viewBox%3D%220%200%2037%2037%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M18.3681%200L22.6212%206.96702L30.3569%204.36334L29.1364%2012.4343L36.7362%2015.4127L30.6132%2020.8101L34.521%2027.9773L26.361%2028.1766L24.7473%2036.1778L18.3681%2031.0852L11.9889%2036.1778L10.3752%2028.1766L2.21519%2027.9773L6.123%2020.8101L0%2015.4127L7.59979%2012.4343L6.37924%204.36334L14.115%206.96702L18.3681%200Z%22%20fill%3D%22%23303945%22%2F%3E%3Cpath%20d%3D%22M12.4761%2018.3399L16.316%2022.1798L25.2757%2011.5135%22%20stroke%3D%22%23F2F4F7%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22square%22%2F%3E%3Cpath%20d%3D%22M19.4629%2020.2067L21.436%2022.1798L30.3957%2011.5135%22%20stroke%3D%22%23F2F4F7%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22square%22%2F%3E%3C%2Fsvg%3E');\n\n$pinPale: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2243%22%20height%3D%2254%22%20viewBox%3D%220%200%2043%2054%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M21.5%2029.5625C25.9528%2029.5625%2029.5625%2025.9528%2029.5625%2021.5C29.5625%2017.0472%2025.9528%2013.4375%2021.5%2013.4375C17.0472%2013.4375%2013.4375%2017.0472%2013.4375%2021.5C13.4375%2025.9528%2017.0472%2029.5625%2021.5%2029.5625Z%22%20fill%3D%22%23C9D0DD%22%2F%3E%3Cpath%20d%3D%22M20.5936%2052.8459C20.9121%2053.1629%2021.0714%2053.3214%2021.2535%2053.3804C21.4143%2053.4325%2021.5857%2053.4325%2021.7465%2053.3804C21.9286%2053.3214%2022.0879%2053.1629%2022.4064%2052.8459C32.846%2042.457%2043%2033.0403%2043%2021.5C43%209.62588%2033.3741%200%2021.5%200C9.62588%200%200%209.62588%200%2021.5C0%2033.0403%2010.154%2042.457%2020.5936%2052.8459Z%22%20fill%3D%22%23C9D0DD%22%2F%3E%3Ccircle%20cx%3D%2221%22%20cy%3D%2220%22%20r%3D%228%22%20fill%3D%22%23303945%22%2F%3E%3C%2Fsvg%3E');\n\n$pin: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2243%22%20height%3D%2254%22%20viewBox%3D%220%200%2043%2054%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M21.5%2029.5625C25.9528%2029.5625%2029.5625%2025.9528%2029.5625%2021.5C29.5625%2017.0472%2025.9528%2013.4375%2021.5%2013.4375C17.0472%2013.4375%2013.4375%2017.0472%2013.4375%2021.5C13.4375%2025.9528%2017.0472%2029.5625%2021.5%2029.5625Z%22%20fill%3D%22%23699A24%22%2F%3E%3Cpath%20d%3D%22M20.5936%2052.8459C20.9121%2053.1629%2021.0714%2053.3214%2021.2535%2053.3804C21.4143%2053.4325%2021.5857%2053.4325%2021.7465%2053.3804C21.9286%2053.3214%2022.0879%2053.1629%2022.4064%2052.8459C32.846%2042.457%2043%2033.0403%2043%2021.5C43%209.62588%2033.3741%200%2021.5%200C9.62588%200%200%209.62588%200%2021.5C0%2033.0403%2010.154%2042.457%2020.5936%2052.8459Z%22%20fill%3D%22%23699A24%22%2F%3E%3Ccircle%20cx%3D%2221%22%20cy%3D%2220%22%20r%3D%228%22%20fill%3D%22%23303945%22%2F%3E%3C%2Fsvg%3E');\n\n$pin-checkOld: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2215.75%22%20height%3D%2216.033%22%20viewBox%3D%22600.967%204912.983%2015.75%2016.033%22%3E%3Cg%3E%3Cpath%20d%3D%22M606%204919.901a2%202%200%201%201%200%20.1z%22%20fill%3D%22%23303945%22%20fill-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22m615.293%204923.294-3.293%203.293-1.293-1.293-1.414%201.414%202%202a1%201%200%200%200%201.414%200l4-4-1.414-1.414Z%22%20fill%3D%22%23303945%22%20fill-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22M604.559%204923.622a4.955%204.955%200%200%201-1.56-3.621%205%205%200%201%201%209.58%202h2.129a7%207%200%201%200-13.708-2%206.934%206.934%200%200%200%202.1%204.99c.076.091%204.15%203.681%204.239%203.759a1%201%200%200%200%20.66.251v-2.334l-3.4-3c-.01-.017-.025-.031-.04-.045Z%22%20fill%3D%22%23303945%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');\n\n$pin-check: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%2013C13.6569%2013%2015%2011.6569%2015%2010C15%208.34315%2013.6569%207%2012%207C10.3431%207%209%208.34315%209%2010C9%2011.6569%2010.3431%2013%2012%2013Z%22%20fill%3D%22%23C9D0DD%22%2F%3E%3Cpath%20d%3D%22M11.0922%2021.0971C11.4123%2021.4145%2011.5723%2021.5732%2011.7541%2021.6319C11.9148%2021.6839%2012.0852%2021.6839%2012.2459%2021.6319C12.4277%2021.5732%2012.5877%2021.4145%2012.9078%2021.0971C16.5834%2017.4523%2020%2014.0834%2020%2010C20%205.58172%2016.4183%202%2012%202C7.58172%202%204%205.58172%204%2010C4%2014.0834%207.41663%2017.4523%2011.0922%2021.0971Z%22%20fill%3D%22%23C9D0DD%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2210%22%20r%3D%223%22%20fill%3D%22%23303945%22%2F%3E%0A%3Cpath%20d%3D%22M14.5%2017L17.5%2019.5L22%2014%22%20stroke%3D%22%23303945%22%20stroke-width%3D%222.5%22%20stroke-linecap%3D%22square%22%2F%3E%3C%2Fsvg%3E');\n\n$phone: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216.017%22%20height%3D%2216.033%22%20viewBox%3D%22697%204912.983%2016.017%2016.033%22%3E%3Cg%3E%3Cpath%20d%3D%22m712.086%204923.4-3.137-1.392a1.542%201.542%200%200%200-1.824.442l-.947%201.185a12.427%2012.427%200%200%201-3.813-3.812l1.184-.946a1.541%201.541%200%200%200%20.444-1.826l-1.393-3.137a1.539%201.539%200%200%200-1.793-.865l-2.652.69a1.545%201.545%200%200%200-1.14%201.705%2015.976%2015.976%200%200%200%2013.542%2013.541%201.544%201.544%200%200%200%201.705-1.139l.688-2.653a1.533%201.533%200%200%200-.864-1.793Z%22%20fill%3D%22%238dc63f%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');\n\n$card: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2215%22%20viewBox%3D%22745%204914%2018%2015%22%3E%3Cpath%20d%3D%22M761.5%204914h-15a1.5%201.5%200%200%200-1.5%201.5v12a1.5%201.5%200%200%200%201.5%201.5h15a1.5%201.5%200%200%200%201.5-1.5v-12a1.5%201.5%200%200%200-1.5-1.5Zm-6.75%2011.625a.375.375%200%200%201-.375.375h-6a.375.375%200%200%201-.375-.375v-.75c0-.207.168-.375.375-.375h6c.207%200%20.375.168.375.375v.75Zm-.375-6.375a1.125%201.125%200%201%201%202.25%200%201.125%201.125%200%200%201-2.25%200Zm5.625%206.375a.375.375%200%200%201-.375.375h-3a.375.375%200%200%201-.375-.375v-.75c0-.207.168-.375.375-.375h3c.207%200%20.375.168.375.375v.75Zm-.9-3.675a.75.75%200%200%201-1.2-.9%203%203%200%200%200%200-3.6.75.75%200%200%201%201.2-.9%204.5%204.5%200%200%201%200%205.4Z%22%20fill%3D%22%238dc63f%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E');\n\n$diamond: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218.017%22%20height%3D%2217.25%22%20viewBox%3D%22795%204913%2018.017%2017.25%22%3E%3Cpath%20d%3D%22M809.076%204913.27a.75.75%200%200%200-.576-.27h-9a.75.75%200%200%200-.576.27l-3.75%204.5a.75.75%200%200%200-.03.923l8.25%2011.25a.752.752%200%200%200%201.211%200l8.25-11.25a.75.75%200%200%200-.03-.923l-3.749-4.5Zm.174%205.73h-10.5v-1.5h10.5v1.5Z%22%20fill%3D%22%238dc63f%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E');\n\n$file: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2216%22%20viewBox%3D%22845%204914%2014%2016%22%3E%3Cg%3E%3Cpath%20d%3D%22M855%204914v4h4l-4-4Z%22%20fill%3D%22%238dc63f%22%2F%3E%3Cpath%20d%3D%22M853%204920h6v9c0%20.6-.4%201-1%201h-12c-.6%200-1-.4-1-1v-14c0-.6.4-1%201-1h7v6Z%22%20fill%3D%22%238dc63f%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');\n\n$bag-large: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2247.433%22%20height%3D%2247.467%22%20viewBox%3D%22140%204982.583%2047.433%2047.467%22%3E%3Cg%3E%3Cpath%20d%3D%22M140%205029.627v-33.432h40.76v33.432H140Zm0-34.918v-2.972h40.76v2.972H140Z%22%20fill%3D%22%23bfe28f%22%20fill-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22M152.963%204999.178v-7.577a7.602%207.602%200%200%201%207.602-7.601h0a7.602%207.602%200%200%201%207.601%207.601v7.577%22%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%2375914e%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22m176%205018.628%2010%2010%22%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%2375914e%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22m165.463%205006.43%205.982%2018.694%204.486-7.477%207.477-4.487-17.945-6.73Z%22%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22square%22%20stroke-width%3D%222%22%20stroke%3D%22%2375914e%22%20fill%3D%22none%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');\n\n$bag-return: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2221%22%20height%3D%2224%22%20viewBox%3D%220%200%2021%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M0%2023.5979V8.59795H20.323V23.5979H0ZM0%206.62195V4.62195H20.323V6.62195H0Z%22%20fill%3D%22%23C9D0DD%22%2F%3E%3Cpath%20d%3D%22M6.26123%2010.385V4.507C6.26123%203.51058%206.65706%202.55497%207.36163%201.8504C8.0662%201.14583%209.02181%200.75%2010.0182%200.75C11.0146%200.75%2011.9703%201.14583%2012.6748%201.8504C13.3794%202.55497%2013.7752%203.51058%2013.7752%204.507V10.385%22%20stroke%3D%22%23303945%22%20stroke-width%3D%221.5%22%20stroke-miterlimit%3D%2210%22%20stroke-linecap%3D%22square%22%2F%3E%3Cpath%20d%3D%22M12.6882%2020.17V17.522C12.6882%2017.2898%2012.6424%2017.0598%2012.5534%2016.8454C12.4643%2016.6309%2012.3339%2016.4361%2012.1695%2016.2722C12.005%2016.1082%2011.8099%2015.9783%2011.5952%2015.8899C11.3804%2015.8015%2011.1504%2015.7563%2010.9182%2015.757H7.38818%22%20stroke%3D%22%23C9D0DD%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%2F%3E%3Cpath%20d%3D%22M9.74218%2018.11L7.38818%2015.757L9.74218%2013.403%22%20stroke%3D%22%23C9D0DD%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%20stroke-linecap%3D%22square%22%2F%3E%3C%2Fsvg%3E');\n\n$layers: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2242.483%22%20height%3D%2243.883%22%20viewBox%3D%22230.583%204984.583%2042.483%2043.883%22%3E%3Cg%3E%3Cpath%20d%3D%22m267.196%205012.884%204.426%202.833-19.81%2011.32-19.811-11.32%204.422-2.83%22%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22square%22%20stroke-width%3D%222%22%20stroke%3D%22%2375914e%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22m232%205006.518%2019.811-11.32%2019.81%2011.32-19.81%2011.32-19.81-11.32Z%22%20fill%3D%22%23bfe28f%22%20fill-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22m232%204997.32%2019.811-11.32%2019.81%2011.32-19.81%2011.321-19.81-11.32Z%22%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22square%22%20stroke-width%3D%222%22%20stroke%3D%22%2375914e%22%20fill%3D%22none%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');\n\n$box: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2239.517%22%20height%3D%2237.833%22%20viewBox%3D%22316.983%204987.167%2039.517%2037.833%22%3E%3Cg%3E%3Cpath%20d%3D%22M320.537%205025v-28.049h33.015V5025h-33.015Zm-3.538-29.242V4988h39.5v7.758H317Z%22%20fill%3D%22%23bfe28f%22%20fill-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22m342.935%205012.354-5.346-1.761-5.347%201.761v-23.76h10.693v23.76Z%22%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22square%22%20stroke-width%3D%222%22%20stroke%3D%22%2375914e%22%20fill%3D%22none%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');\n\n$box-dark: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2236.02%22%20height%3D%2232.48%22%20version%3D%221.1%22%20viewBox%3D%221303%202083%2036.02%2032.48%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m1303%202083h36v8h-36zm4%209h29v23h-29z%22%20fill%3D%22%238dc63f%22%2F%3E%3Cpath%20d%3D%22m1326%202105-4.616-1.538-4.615%201.538v-20.75h9.23v20.75z%22%20fill%3D%22none%22%20stroke%3D%22%23ecffd5%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E');\n\n$box-deliveryOld: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M1.97%2022.0031V6.08405H20.358V22.0031H1.97ZM0%204.00305V0.00305176H22V4.00305H0Z%22%20fill%3D%22%23C9D0DD%22%2F%3E%3Cpath%20d%3D%22M13.9892%2014.307L10.9392%2013.302L7.88916%2014.307V0.75H13.9892V14.307Z%22%20stroke%3D%22%23303945%22%20stroke-width%3D%221.5%22%20stroke-miterlimit%3D%2210%22%20stroke-linecap%3D%22square%22%2F%3E%3C%2Fsvg%3E');\n\n$box-delivery: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2252%22%20height%3D%2251%22%20viewBox%3D%220%200%2052%2051%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20x%3D%224.48242%22%20y%3D%2213.2749%22%20width%3D%2242.5862%22%20height%3D%2237.411%22%20fill%3D%22%23C9D0DD%22%2F%3E%3Crect%20width%3D%2251.5517%22%20height%3D%2210.8613%22%20fill%3D%22%23C9D0DD%22%2F%3E%3Cpath%20d%3D%22M32.5005%2033.79L25.7764%2031.3764L19.0522%2033.79V1.23633H32.5005V33.79Z%22%20stroke%3D%22%23303945%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22square%22%2F%3E%3C%2Fsvg%3E');\n\n$double-check: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2253%22%20height%3D%2252.22%22%20version%3D%221.1%22%20viewBox%3D%22209%2058.98%2053%2052.22%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20transform%3D%22translate%28209%2058.98%29%22%20d%3D%22m26.5.1567%206.096%2010.01%2011.1-3.749-1.764%2011.59%2010.92%204.265-8.799%207.742%205.621%2010.28-11.72.2745-2.305%2011.49-9.152-7.321-9.152%207.321-2.305-11.49-11.72-.2745%205.621-10.28-8.799-7.742%2010.92-4.265-1.764-11.59%2011.1%203.749z%22%20fill%3D%22%23ff5273%22%2F%3E%3Cpath%20d%3D%22m237.1%2088.15%202.846%202.847%2012.93-15.39m-25.85%209.849%205.54%205.54%2012.93-15.39%22%20fill%3D%22none%22%20stroke%3D%22%23ffeaee%22%20stroke-linecap%3D%22square%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E');\n\n$card-big: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2247.85%22%20height%3D%2236%22%20viewBox%3D%22402.583%204988%2047.85%2036%22%3E%3Cg%3E%3Cpath%20d%3D%22M403%204988h47v36h-47v-36z%22%20fill%3D%22%23bfe28f%22%20fill-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22M404%204997h45v10h0-45%200v-10h0z%22%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%2375914e%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M412%205015h13%22%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%2375914e%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M436%205015h5%22%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%2375914e%22%20fill%3D%22none%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');\n\n$bag-enter: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2239.017%22%20height%3D%2245.017%22%20viewBox%3D%22494.983%204983.583%2039.017%2045.017%22%3E%3Cg%3E%3Cpath%20d%3D%22M495%205028.592v-31.908h39v31.908h-39Zm0-33.327v-2.836h39v2.836h-39Z%22%20fill%3D%22%23bfe28f%22%20fill-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22M507.014%204999.394v-7.185a7.209%207.209%200%200%201%207.21-7.21h0a7.209%207.209%200%200%201%207.208%207.21v7.185%22%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%2375914e%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M519.338%205018.89v-5.08a3.387%203.387%200%200%200-3.387-3.387h-6.775%22%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%2375914e%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22m513.693%205014.939-4.517-4.517%204.517-4.516%22%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22square%22%20stroke-width%3D%222%22%20stroke%3D%22%2375914e%22%20fill%3D%22none%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');\n\n$timer: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20viewBox%3D%220%200%2032%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ccircle%20cx%3D%2220%22%20cy%3D%2212%22%20r%3D%2212%22%20fill%3D%22%23c9d0dd%22%20fill-rule%3D%22evenodd%22%20stroke-opacity%3D%22.3137%22%20stroke-width%3D%223.78%22%2F%3E%3Cpath%20d%3D%22m19%205v8h8v-2h-6v-6h-2zm-14.1%205.535c-.702%200-1.359.1623-1.971.4863-.612.324-1.11.7979-1.494%201.422-.378.618-.5684%201.376-.5684%202.27%200%20.762.1325%201.454.3965%202.078.264.624.6688%201.118%201.215%201.484.546.366%201.246.547%202.098.541.702%200%201.359-.1623%201.971-.4863.618-.324%201.116-.7941%201.494-1.412.378-.618.5664-1.372.5664-2.26%200-.762-.1287-1.456-.3867-2.08-.258-.63-.6591-1.126-1.205-1.492-.546-.372-1.251-.5568-2.115-.5508zm6.371.01953-4.877%2013.45h2.482l4.896-13.45h-2.502zm-6.516%202.016c.432%200%20.766.1978%201%20.5938.234.396.3496.9184.3496%201.566%200%20.636-.1194%201.136-.3594%201.502-.234.366-.5754.5488-1.025.5488-.432%200-.766-.1978-1-.5938-.234-.396-.3516-.9184-.3516-1.566%200-.642.1176-1.142.3516-1.502.24-.366.5852-.5488%201.035-.5488zm10.76%203.186c-.696%200-1.349.1623-1.961.4863-.612.318-1.108.7863-1.486%201.404-.378.618-.5664%201.374-.5664%202.268%200%20.762.1325%201.454.3965%202.078.264.624.6688%201.122%201.215%201.494.546.366%201.246.5488%202.098.5488.696-.006%201.349-.1701%201.961-.4941.612-.324%201.106-.7941%201.484-1.412.378-.618.5684-1.376.5684-2.27%200-.762-.1287-1.454-.3867-2.078-.258-.624-.661-1.118-1.207-1.484-.546-.366-1.251-.547-2.115-.541zm-.1445%202.016c.432%200%20.766.1978%201%20.5938.234.396.3516.9184.3516%201.566%200%20.636-.1176%201.138-.3516%201.504s-.5736.5488-1.018.5488c-.432%200-.7678-.1978-1.008-.5938s-.3594-.9184-.3594-1.566c0-.642.1194-1.144.3594-1.504.246-.366.5874-.5488%201.025-.5488z%22%20fill%3D%22%23303945%22%2F%3E%3C%2Fsvg%3E');\n\n$door: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2236.317%22%20height%3D%2252.483%22%20viewBox%3D%22579.7%204980.95%2036.317%2052.483%22%3E%3Cg%3E%3Cpath%20d%3D%22M580%204982h36v37h-36v-37z%22%20fill%3D%22%23bfe28f%22%20fill-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22m581.12%204982.372%2023.054%2012.87v36.75l-23.054-12.869v-36.75%22%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%2375914e%22%20fill%3D%22none%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');\n\n$tag: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2237.4%22%20height%3D%2249.6%22%20viewBox%3D%22660.567%204982%2037.4%2049.6%22%3E%3Cg%3E%3Cpath%20d%3D%22M697.943%205026.934h-26.788v-32.951L684.549%204982l13.394%2011.983v32.951Zm-13.394-32.78c-.755%200-1.464.293-1.997.827a2.807%202.807%200%200%200-.827%201.997c0%20.755.293%201.464.827%201.997a2.804%202.804%200%200%200%201.997.827c.754%200%201.463-.294%201.997-.827%201.1-1.101%201.1-2.892%200-3.994a2.806%202.806%200%200%200-1.997-.828Z%22%20fill%3D%22%23bfe28f%22%20fill-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22M662%205012.63a3.5%203.5%200%201%201%200%20.1z%22%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%2375914e%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M676%205026.63a3.5%203.5%200%201%201%200%20.1z%22%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%2375914e%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22m664%205028.23%2018-18%22%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%2375914e%22%20fill%3D%22none%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');\n\n$bookmark: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2241.017%22%20height%3D%2246.35%22%20viewBox%3D%22744%204982.667%2041.017%2046.35%22%3E%3Cg%3E%3Cpath%20d%3D%22M744%204984h41v45h-41v-45z%22%20fill%3D%22%23bfe28f%22%2F%3E%3Cpath%20d%3D%22m778.14%205012.05-6.59-3.768-6.59%203.769v-27.955h13.18v27.955Z%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%2375914e%22%20fill%3D%22none%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');\n\n$hand-card: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2239.517%22%20height%3D%2245.15%22%20viewBox%3D%221342.867%204773.583%2039.517%2045.15%22%3E%3Cg%3E%3Cpath%20d%3D%22M1351.34%204784.872v-4.231a2.82%202.82%200%200%201%202.82-2.82h0a2.82%202.82%200%200%201%202.821%202.82v4.231%22%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%2375914e%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M1356.98%204784.872v-5.641a2.82%202.82%200%200%201%202.821-2.82h0a2.82%202.82%200%200%201%202.82%202.82v5.641%22%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%2375914e%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M1362.623%204784.873v-7.052a2.82%202.82%200%200%201%202.82-2.821h0a2.82%202.82%200%200%201%202.822%202.82v7.053%22%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%2375914e%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M1368.266%204784.872v-5.641a2.82%202.82%200%200%201%202.82-2.82h0a2.82%202.82%200%200%201%202.821%202.82v5.641%22%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%2375914e%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M1365.78%204804.77h-22.903v-21.458h39.491v21.458h-4.231%22%20fill%3D%22%23bfe28f%22%2F%3E%3Cpath%20d%3D%22M1359.184%204794.253a3.526%203.526%200%201%201%200%20.1z%22%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%2375914e%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M1351.365%204804.756c.03%206.745%206.188%2012.555%2013.373%2012.555h0c7.399%200%2013.398-6%2013.398-13.399v-13.398c-3.187%200-5.641%202.454-5.641%205.641v4.231c-4.35%200-8.463%203.056-8.463%207.052%22%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%2375914e%22%20fill%3D%22none%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');\n\n$eye-hide: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M2.35%205.12869L5.428%208.12869L6.0355%208.7208C3.808%2010.4313%202.053%2012.6682%201%2015.2997C3.3355%2021.0761%209.1%2025.1682%2015.85%2025.1682C17.9425%2025.1682%2019.9405%2024.7734%2021.763%2024.0629L22.3435%2024.6155L26.2855%2028.4576L28%2026.7866L4.0645%203.45764%22%20fill%3D%22%23C9D0DD%22%2F%3E%3Cpath%20d%3D%22M16%2011.4576L20%2015.4576V15.2551C20%2014.248%2019.6012%2013.2821%2018.8913%2012.5699C18.1813%2011.8577%2017.2185%2011.4576%2016.2145%2011.4576H16Z%22%20fill%3D%22%23303945%22%2F%3E%3Cpath%20d%3D%22M19.0215%2020.9973L11%2012.9999L11.0011%2013.4059C11.0065%2015.4249%2011.8093%2017.3591%2013.233%2018.783C14.6566%2020.2068%2016.5845%2021.0038%2018.5925%2020.9984L19.0215%2020.9973Z%22%20fill%3D%22%23303945%22%2F%3E%3Cpath%20d%3D%22M9.73611%2012.4576L11.8889%2014.6104C11.8194%2014.9021%2011.7778%2015.1938%2011.7778%2015.5132C11.7778%2016.6183%2012.2168%2017.6781%2012.9982%2018.4595C13.7796%2019.2409%2014.8394%2019.6799%2015.9444%2019.6799C16.25%2019.6799%2016.5556%2019.6382%2016.8472%2019.5688L19%2021.7215C18.0694%2022.1799%2017.0417%2022.4576%2015.9444%2022.4576C14.1027%2022.4576%2012.3363%2021.726%2011.034%2020.4237C9.73164%2019.1213%209%2017.355%209%2015.5132C9%2014.416%209.27778%2013.3882%209.73611%2012.4576Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M16.3333%208.72295C18.1014%208.72295%2019.7971%209.41099%2021.0474%2010.6357C22.2976%2011.8604%2023%2013.5215%2023%2015.2536C23%2016.0895%2022.8267%2016.8993%2022.52%2017.6307L26.4267%2021.4576C28.4267%2019.825%2030.0267%2017.6829%2031%2015.2536C28.6933%209.51968%2023%205.45764%2016.3333%205.45764C14.4667%205.45764%2012.68%205.78417%2011%206.37193L13.8933%209.18009C14.6533%208.89274%2015.4667%208.72295%2016.3333%208.72295Z%22%20fill%3D%22%23C9D0DD%22%2F%3E%3Crect%20x%3D%224.29297%22%20y%3D%223.23364%22%20width%3D%2233.8661%22%20height%3D%222.6739%22%20transform%3D%22rotate%2844.9668%204.29297%203.23364%29%22%20fill%3D%22%23303945%22%2F%3E%3C%2Fsvg%3E');\n\n$eye-show: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2230%22%20height%3D%2220%22%20viewBox%3D%220%200%2030%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M15%200C3.6%200%200%209.84%200%209.84C0%209.84%203.6%2019.68%2015%2019.68C26.4%2019.68%2030%209.84%2030%209.84C30%209.84%2026.4%200%2015%200ZM15%2016.8C11.16%2016.8%208.04%2013.68%208.04%209.84C8.04%206%2011.16%202.88%2015%202.88C18.84%202.88%2021.96%206%2021.96%209.84C21.96%2013.68%2018.84%2016.8%2015%2016.8Z%22%20fill%3D%22%23C9D0DD%22%2F%3E%3Cpath%20d%3D%22M19.21%209.83988C19.21%2012.1599%2017.32%2014.0399%2015%2014.0399C12.68%2014.0399%2010.79%2012.1599%2010.79%209.83988C10.79%207.51988%2012.68%205.62988%2015%205.62988C17.32%205.62988%2019.21%207.51988%2019.21%209.83988Z%22%20fill%3D%22%23C9D0DD%22%2F%3E%3Cpath%20d%3D%22M19.21%209.83988C19.21%2012.1599%2017.32%2014.0399%2015%2014.0399C12.68%2014.0399%2010.79%2012.1599%2010.79%209.83988C10.79%207.51988%2012.68%205.62988%2015%205.62988C17.32%205.62988%2019.21%207.51988%2019.21%209.83988Z%22%20fill%3D%22%23303945%22%2F%3E%3C%2Fsvg%3E');\n\n$featherOld: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216.033%22%20height%3D%2216%22%20viewBox%3D%22139.967%205080%2016.033%2016%22%3E%3Cpath%20d%3D%22M155.78%205080.218c-.145-.145-.363-.218-.654-.218-.29.073-8.072%201.382-11.272%204.582-2.255%202.254-2.4%204.727-2.037%206.473l2.691-1.6c.364-.219.727.29.436.581l-2.69%202.691-2.037%202.037a.703.703%200%200%200%200%201.018.66.66%200%200%200%20.51.218.66.66%200%200%200%20.508-.218l2.037-2.037c.582.291%201.672.655%203.054.655%201.6%200%203.055-.51%204.364-1.527.218-.146.364-.51.218-.8l-1.018-3.637%202.618%201.019c.364.145.8%200%20.946-.364%201.527-3.418%202.472-8%202.545-8.146%200-.29-.073-.581-.218-.727Z%22%20fill%3D%22%23d5ddea%22%2F%3E%3C%2Fsvg%3E');\n\n$feather: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2226%22%20height%3D%2226%22%20viewBox%3D%220%200%2026%2026%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5.29103%2022.3911C4.9577%2021.8911%201.79127%2017.891%203.29126%2015.891C4.79126%2014.391%209.69103%2013.1911%2011.291%2014.3911C12.891%2015.5911%207.9577%2020.2244%205.29103%2022.3911Z%22%20fill%3D%22%23303945%22%2F%3E%3Cpath%20d%3D%22M25.6455%200.354545C25.4091%200.118182%2025.0545%200%2024.5818%200C24.1091%200.118182%2011.4636%202.24546%206.26364%207.44546C2.6%2011.1091%202.36364%2015.1273%202.95455%2017.9636L9%2014C9.59091%2013.6455%2010.1818%2014.4727%209.70909%2014.9455L3.66364%2020.6818L0.354545%2023.9909C-0.118182%2024.4636%20-0.118182%2025.1727%200.354545%2025.6455C0.59091%2025.8818%200.827273%2026%201.18182%2026C1.53636%2026%201.77273%2025.8818%202.00909%2025.6455L5.31818%2022.3364C6.26364%2022.8091%208.03637%2023.4%2010.2818%2023.4C12.8818%2023.4%2015.2455%2022.5727%2017.3727%2020.9182C17.7273%2020.6818%2017.9636%2020.0909%2017.7273%2019.6182L16.0727%2013.7091L20.3273%2015.3636C20.9182%2015.6%2021.6273%2015.3636%2021.8636%2014.7727C24.3455%209.21818%2025.8818%201.77273%2026%201.53636C26%201.06364%2025.8818%200.590909%2025.6455%200.354545Z%22%20fill%3D%22%23C9D0DD%22%2F%3E%3C%2Fsvg%3E');\n\n$dropletOld: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212.017%22%20height%3D%2216%22%20viewBox%3D%22186.733%205080%2012.017%2016%22%3E%3Cpath%20d%3D%22M192.745%205096c2.9%200%206-2.2%206-6%200-3.5-6-10-6-10s-6%206.5-6%2010c0%203.8%203.1%206%206%206Z%22%20fill%3D%22%239fc1d6%22%2F%3E%3C%2Fsvg%3E');\n\n$droplet: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2227%22%20viewBox%3D%220%200%2020%2027%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M9.85424%2026.218C14.6171%2026.218%2019.7085%2022.613%2019.7085%2016.3863C19.7085%2010.6511%209.85424%200%209.85424%200C9.85424%200%200%2010.6511%200%2016.3863C0%2022.613%205.09136%2026.218%209.85424%2026.218Z%22%20fill%3D%22%23C9D0DD%22%2F%3E%3Cpath%20d%3D%22M14.5%2013C16.675%2013%2019%2011.2125%2019%208.125C19%205.28125%2014.5%200%2014.5%200C14.5%200%2010%205.28125%2010%208.125C10%2011.2125%2012.325%2013%2014.5%2013Z%22%20fill%3D%22%23303945%22%2F%3E%3C%2Fsvg%3E');\n\n$gear: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2219.1%22%20height%3D%2218.867%22%20viewBox%3D%22227.083%205077.567%2019.1%2018.867%22%3E%3Cpath%20d%3D%22m237.626%205080%201.881%203.082%203.422-1.152-.54%203.57%203.36%201.317-2.707%202.387%201.728%203.17-3.609.088-.713%203.538-2.822-2.252-2.82%202.252-.715-3.538-3.608-.088%201.728-3.17-2.708-2.387%203.361-1.318-.54-3.569%203.421%201.152%201.881-3.082Z%22%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23303945%22%2F%3E%3C%2Fsvg%3E');\n\n$amex: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2225.383%22%20height%3D%2219.7%22%20viewBox%3D%22136.6%201.55%2025.383%2019.7%22%3E%3Cg%3E%3Cpath%20d%3D%22M160.304%201.569h-22.03c-.912%200-1.651.776-1.651%201.734v16.183c0%20.958.74%201.734%201.652%201.734h22.03c.912%200%201.652-.776%201.652-1.734V3.303c0-.958-.74-1.734-1.653-1.734Z%22%20fill%3D%22%23007ac6%22%20fill-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22M141.873%2011.642h1.283l-.642-1.651-.641%201.651Zm17.88-3.138h-3.287l-.802.908-.722-.908h-6.975l-.642%201.486-.641-1.486h-2.807v.661l-.32-.66h-2.406l-2.325%205.78h2.806l.32-.909h.803l.32.908h3.127v-.66l.24.66h1.605l.24-.743v.743h6.415l.802-.908.722.908h3.287l-2.085-2.89%202.326-2.89Zm-9.702%204.954h-.882v-3.22l-1.363%203.22h-.802l-1.363-3.22v3.22h-1.844l-.321-.908h-1.924l-.32.908h-1.043l1.683-4.128h1.363l1.524%203.88V9.33h1.523l1.203%202.807%201.122-2.807h1.524v4.128h-.08Zm7.939%200h-1.203l-1.043-1.404-1.203%201.404h-3.608V9.33h3.688l1.123%201.321%201.203-1.321h1.122l-1.763%202.064%201.684%202.064Zm-6.175-3.302v.743h2.005v.826h-2.005v.825h2.246l1.042-1.238-.962-1.156h-2.326Z%22%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');\n\n$mastercard: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2226.033%22%20height%3D%2219.017%22%20viewBox%3D%22191.6%201.983%2026.033%2019.017%22%3E%3Cg%3E%3Cpath%20d%3D%22M194.624%202h20a3%203%200%200%201%203%203v13a3%203%200%200%201-3%203h-20a3%203%200%200%201-3-3V5a3%203%200%200%201%203-3z%22%20fill%3D%22%23243747%22%2F%3E%3Cpath%20d%3D%22M197.624%2011.4a4.5%204.5%200%201%201%200%20.1z%22%20fill%3D%22%23e61c24%22%2F%3E%3Cpath%20d%3D%22M203.315%2011.294a4.406%204.624%200%201%201%200%20.1z%22%20fill%3D%22%23f99f1b%22%2F%3E%3Cpath%20d%3D%22M204.986%207.774c-1.055.875-1.67%202.209-1.67%203.62%200%201.412.615%202.745%201.67%203.62%201.055-.875%201.67-2.208%201.67-3.62%200-1.411-.615-2.745-1.67-3.62Z%22%20fill%3D%22%23f26622%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');\n\n$visa: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2225.45%22%20height%3D%2219.683%22%20viewBox%3D%22247.6%201.55%2025.45%2019.683%22%3E%3Cg%3E%3Cpath%20d%3D%22M248.038%206h25v11h-25V6z%22%20fill%3D%22%23e6e6e6%22%2F%3E%3Cpath%20d%3D%22M249.275%2021.22h22.03c.912%200%201.652-.776%201.652-1.734v-2.89h-25.334v2.89c0%20.958.74%201.734%201.652%201.734Z%22%20fill%3D%22%23e79800%22%2F%3E%3Cpath%20d%3D%22M271.304%201.569h-22.03c-.912%200-1.651.776-1.651%201.734v2.89h25.334v-2.89c0-.958-.74-1.734-1.653-1.734Z%22%20fill%3D%22%231a1876%22%2F%3E%3Cpath%20d%3D%22M257.667%2014.169h1.437l.9-5.535h-1.438l-.899%205.535Z%22%20fill%3D%22%231a1876%22%2F%3E%3Cpath%20d%3D%22M262.902%2010.856c-.502-.256-.81-.427-.807-.686%200-.23.26-.476.823-.476.46-.008.832.09%201.205.276l.195-1.2a3.556%203.556%200%200%200-1.288-.233c-1.42%200-2.42.751-2.43%201.827-.007.795.715%201.239%201.26%201.504.56.27.748.444.746.686-.004.371-.447.54-.86.54-.638%200-.96-.103-1.539-.378l-.201%201.24c.335.154.956.288%201.601.295%201.511%200%202.492-.742%202.503-1.891.004-.63-.379-1.109-1.208-1.504Z%22%20fill%3D%22%231a1876%22%2F%3E%3Cpath%20d%3D%22M268.004%208.64h-1.11c-.345%200-.602.098-.754.458l-2.134%205.072h1.51s.246-.682.302-.831l1.841.002c.043.194.175.83.175.83h1.334l-1.164-5.532Zm-1.772%203.567c.06-.16.646-1.74.763-2.076.194.955.005.029.43%202.076h-1.193Z%22%20fill%3D%22%231a1876%22%2F%3E%3Cpath%20d%3D%22m256.462%208.638-1.408%203.774-.15-.767-.504-2.543c-.087-.35-.34-.455-.651-.467h-2.32l-.017.115c.564.143%201.068.35%201.51.606l1.278%204.807%201.521-.001%202.263-5.525h-1.522Z%22%20fill%3D%22%231a1876%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');\n\n$diners: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2225.383%22%20height%3D%2219.7%22%20viewBox%3D%22302.6%201.55%2025.383%2019.7%22%3E%3Cg%3E%3Cpath%20d%3D%22M326.304%201.569h-22.03c-.912%200-1.651.776-1.651%201.734v16.183c0%20.958.74%201.734%201.652%201.734h22.03c.912%200%201.652-.776%201.652-1.734V3.303c0-.958-.74-1.734-1.653-1.734Z%22%20fill%3D%22%230068ac%22%20fill-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22M313.637%209.165v4.46c.948-.26%201.653-1.157%201.653-2.23%200-1.075-.705-1.972-1.653-2.23Z%22%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22M317.493%206.77h-4.406c-2.434%200-4.406%202.07-4.406%204.624s1.972%204.624%204.406%204.624h4.406c2.433%200%204.405-2.07%204.405-4.624%200-2.553-1.972-4.623-4.405-4.623Zm-4.406%208.092c-1.823%200-3.305-1.555-3.305-3.468%200-1.912%201.482-3.467%203.305-3.467%201.822%200%203.304%201.555%203.304%203.467%200%201.913-1.482%203.468-3.304%203.468Z%22%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22M312.536%209.165c-.948.258-1.652%201.155-1.652%202.23%200%201.073.704%201.97%201.652%202.23v-4.46Z%22%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');\n\n$chevron-downOld: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%228%22%20height%3D%225%22%20viewBox%3D%220%200%208%205%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M3.26561%203.98235L0.149733%200.866466C0.054523%200.771336%200.00100228%200.64228%200.000946022%200.507689C0.000889284%200.373099%200.0543008%200.243998%200.149431%200.148788C0.244561%200.0535782%200.373617%205.63777e-05%200.508208%20-2.38735e-07C0.642798%20-5.68552e-05%200.771899%200.0533588%200.867109%200.148489L3.6243%202.90628L6.38149%200.149696C6.42859%200.102593%206.48451%200.0652279%206.54605%200.0397356C6.6076%200.0142433%206.67356%200.00111953%206.74017%200.00111953C6.80679%200.00111953%206.87275%200.0142433%206.9343%200.0397356C6.99584%200.0652279%207.05176%200.102593%207.09886%200.149696C7.14597%200.1968%207.18333%200.25272%207.20882%200.314264C7.23432%200.375808%207.24744%200.441766%207.24744%200.508381C7.24744%200.574995%207.23432%200.640959%207.20882%200.702502C7.18333%200.764046%207.14597%200.819966%207.09886%200.86707L3.98299%203.98295C3.93588%204.03006%203.87996%204.06742%203.81842%204.09291C3.75688%204.11841%203.69091%204.13153%203.6243%204.13153C3.55768%204.13153%203.49172%204.11841%203.43018%204.09291C3.36863%204.06742%203.31271%204.03006%203.26561%203.98295L3.26561%203.98235Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E%0A');\n\n$chevron-down: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2218%22%20height%3D%2212%22%20viewBox%3D%220%200%2018%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M0.918457%200.847946L8.95375%209.55107L16.9302%200.847946%22%20stroke%3D%22%2398A1AD%22%20stroke-width%3D%222.5%22%2F%3E%3C%2Fsvg%3E');\n\n$chevron-down-dark: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2218%22%20height%3D%2212%22%20viewBox%3D%220%200%2018%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M0.918457%200.847946L8.95375%209.55107L16.9302%200.847946%22%20stroke%3D%22%23303945%22%20stroke-width%3D%222.5%22%2F%3E%3C%2Fsvg%3E');\n\n$chevron-down-dark-tran: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20fill%3D%22none%22%20version%3D%221.1%22%20viewBox%3D%220%200%2011%207%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m9.414%201.414-4%204-4-4%22%20stroke%3D%22%23303945%22%20stroke-linecap%3D%22square%22%20stroke-opacity%3D%22.8%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E');\n\n// $chevron-down-dark: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%228%22%20height%3D%225%22%20viewBox%3D%220%200%208%205%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M3.26561%203.98235L0.149733%200.866466C0.054523%200.771336%200.00100228%200.64228%200.000946022%200.507689C0.000889284%200.373099%200.0543008%200.243998%200.149431%200.148788C0.244561%200.0535782%200.373617%205.63777e-05%200.508208%20-2.38735e-07C0.642798%20-5.68552e-05%200.771899%200.0533588%200.867109%200.148489L3.6243%202.90628L6.38149%200.149696C6.42859%200.102593%206.48451%200.0652279%206.54605%200.0397356C6.6076%200.0142433%206.67356%200.00111953%206.74017%200.00111953C6.80679%200.00111953%206.87275%200.0142433%206.9343%200.0397356C6.99584%200.0652279%207.05176%200.102593%207.09886%200.149696C7.14597%200.1968%207.18333%200.25272%207.20882%200.314264C7.23432%200.375808%207.24744%200.441766%207.24744%200.508381C7.24744%200.574995%207.23432%200.640959%207.20882%200.702502C7.18333%200.764046%207.14597%200.819966%207.09886%200.86707L3.98299%203.98295C3.93588%204.03006%203.87996%204.06742%203.81842%204.09291C3.75688%204.11841%203.69091%204.13153%203.6243%204.13153C3.55768%204.13153%203.49172%204.11841%203.43018%204.09291C3.36863%204.06742%203.31271%204.03006%203.26561%203.98295L3.26561%203.98235Z%22%20fill%3D%22%23434343%22%2F%3E%0A%3C%2Fsvg%3E%0A');\n\n$chevron-down-light: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%228%22%20height%3D%225%22%20viewBox%3D%220%200%208%205%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M3.26561%203.98235L0.149733%200.866466C0.054523%200.771336%200.00100228%200.64228%200.000946022%200.507689C0.000889284%200.373099%200.0543008%200.243998%200.149431%200.148788C0.244561%200.0535782%200.373617%205.63777e-05%200.508208%20-2.38735e-07C0.642798%20-5.68552e-05%200.771899%200.0533588%200.867109%200.148489L3.6243%202.90628L6.38149%200.149696C6.42859%200.102593%206.48451%200.0652279%206.54605%200.0397356C6.6076%200.0142433%206.67356%200.00111953%206.74017%200.00111953C6.80679%200.00111953%206.87275%200.0142433%206.9343%200.0397356C6.99584%200.0652279%207.05176%200.102593%207.09886%200.149696C7.14597%200.1968%207.18333%200.25272%207.20882%200.314264C7.23432%200.375808%207.24744%200.441766%207.24744%200.508381C7.24744%200.574995%207.23432%200.640959%207.20882%200.702502C7.18333%200.764046%207.14597%200.819966%207.09886%200.86707L3.98299%203.98295C3.93588%204.03006%203.87996%204.06742%203.81842%204.09291C3.75688%204.11841%203.69091%204.13153%203.6243%204.13153C3.55768%204.13153%203.49172%204.11841%203.43018%204.09291C3.36863%204.06742%203.31271%204.03006%203.26561%203.98295L3.26561%203.98235Z%22%20fill%3D%22%23d9e0ec%22%2F%3E%0A%3C%2Fsvg%3E%0A');\n\n$chevron-dark: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2210%22%20height%3D%226.4%22%20version%3D%221.1%22%20viewBox%3D%22-2.417%20-2.433%2010%206.4%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m6.583-1.233-4%204.001-4-4.001%22%20fill%3D%22none%22%20stroke%3D%22%23303945%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E');\n\n$hamburger-white: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2227%22%20height%3D%2218%22%20viewBox%3D%220%200%2027%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Crect%20width%3D%2226.4%22%20height%3D%223.6%22%20rx%3D%221.8%22%20fill%3D%22white%22%2F%3E%0A%3Crect%20y%3D%227.20001%22%20width%3D%2226.4%22%20height%3D%223.6%22%20rx%3D%221.8%22%20fill%3D%22white%22%2F%3E%0A%3Crect%20y%3D%2214.4%22%20width%3D%2226.4%22%20height%3D%223.6%22%20rx%3D%221.8%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E');\n\n$loader: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20shape-rendering%3D%22geometricPrecision%22%20version%3D%221.1%22%20viewBox%3D%22.97%20.54%2025%2025%22%20width%3D%2225%22%20height%3D%2225%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ccircle%20cx%3D%2213.47%22%20cy%3D%2213.04%22%20r%3D%2212%22%20fill%3D%22%23eff3fa%22%2F%3E%3Cg%20class%3D%22loader-g%22%20transform-origin%3D%2250%25%2050%25%22%3E%3Cpath%20class%3D%22loader-d%22%20d%3D%22m15.73%2010.12h-3.674c-3.1%200-5.626%202.511-5.626%205.626%200%203.014%202.368%205.482%205.338%205.625h8.74v-16.66h-4.779z%22%20fill%3D%22%2397bf0d%22%20transform-origin%3D%2250%25%2050%25%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');\n\n// $chevron-down: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%228%22%20height%3D%225%22%20viewBox%3D%220%200%208%205%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M3.26561%203.98235L0.149733%200.866466C0.054523%200.771336%200.00100228%200.64228%200.000946022%200.507689C0.000889284%200.373099%200.0543008%200.243998%200.149431%200.148788C0.244561%200.0535782%200.373617%205.63777e-05%200.508208%20-2.38735e-07C0.642798%20-5.68552e-05%200.771899%200.0533588%200.867109%200.148489L3.6243%202.90628L6.38149%200.149696C6.42859%200.102593%206.48451%200.0652279%206.54605%200.0397356C6.6076%200.0142433%206.67356%200.00111953%206.74017%200.00111953C6.80679%200.00111953%206.87275%200.0142433%206.9343%200.0397356C6.99584%200.0652279%207.05176%200.102593%207.09886%200.149696C7.14597%200.1968%207.18333%200.25272%207.20882%200.314264C7.23432%200.375808%207.24744%200.441766%207.24744%200.508381C7.24744%200.574995%207.23432%200.640959%207.20882%200.702502C7.18333%200.764046%207.14597%200.819966%207.09886%200.86707L3.98299%203.98295C3.93588%204.03006%203.87996%204.06742%203.81842%204.09291C3.75688%204.11841%203.69091%204.13153%203.6243%204.13153C3.55768%204.13153%203.49172%204.11841%203.43018%204.09291C3.36863%204.06742%203.31271%204.03006%203.26561%203.98295L3.26561%203.98235Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E%0A');\n\n// $chevron-down-dark: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%228%22%20height%3D%225%22%20viewBox%3D%220%200%208%205%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M3.26561%203.98235L0.149733%200.866466C0.054523%200.771336%200.00100228%200.64228%200.000946022%200.507689C0.000889284%200.373099%200.0543008%200.243998%200.149431%200.148788C0.244561%200.0535782%200.373617%205.63777e-05%200.508208%20-2.38735e-07C0.642798%20-5.68552e-05%200.771899%200.0533588%200.867109%200.148489L3.6243%202.90628L6.38149%200.149696C6.42859%200.102593%206.48451%200.0652279%206.54605%200.0397356C6.6076%200.0142433%206.67356%200.00111953%206.74017%200.00111953C6.80679%200.00111953%206.87275%200.0142433%206.9343%200.0397356C6.99584%200.0652279%207.05176%200.102593%207.09886%200.149696C7.14597%200.1968%207.18333%200.25272%207.20882%200.314264C7.23432%200.375808%207.24744%200.441766%207.24744%200.508381C7.24744%200.574995%207.23432%200.640959%207.20882%200.702502C7.18333%200.764046%207.14597%200.819966%207.09886%200.86707L3.98299%203.98295C3.93588%204.03006%203.87996%204.06742%203.81842%204.09291C3.75688%204.11841%203.69091%204.13153%203.6243%204.13153C3.55768%204.13153%203.49172%204.11841%203.43018%204.09291C3.36863%204.06742%203.31271%204.03006%203.26561%203.98295L3.26561%203.98235Z%22%20fill%3D%22%23434343%22%2F%3E%0A%3C%2Fsvg%3E%0A');\n\n$chevron-down-light: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%228%22%20height%3D%225%22%20viewBox%3D%220%200%208%205%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M3.26561%203.98235L0.149733%200.866466C0.054523%200.771336%200.00100228%200.64228%200.000946022%200.507689C0.000889284%200.373099%200.0543008%200.243998%200.149431%200.148788C0.244561%200.0535782%200.373617%205.63777e-05%200.508208%20-2.38735e-07C0.642798%20-5.68552e-05%200.771899%200.0533588%200.867109%200.148489L3.6243%202.90628L6.38149%200.149696C6.42859%200.102593%206.48451%200.0652279%206.54605%200.0397356C6.6076%200.0142433%206.67356%200.00111953%206.74017%200.00111953C6.80679%200.00111953%206.87275%200.0142433%206.9343%200.0397356C6.99584%200.0652279%207.05176%200.102593%207.09886%200.149696C7.14597%200.1968%207.18333%200.25272%207.20882%200.314264C7.23432%200.375808%207.24744%200.441766%207.24744%200.508381C7.24744%200.574995%207.23432%200.640959%207.20882%200.702502C7.18333%200.764046%207.14597%200.819966%207.09886%200.86707L3.98299%203.98295C3.93588%204.03006%203.87996%204.06742%203.81842%204.09291C3.75688%204.11841%203.69091%204.13153%203.6243%204.13153C3.55768%204.13153%203.49172%204.11841%203.43018%204.09291C3.36863%204.06742%203.31271%204.03006%203.26561%203.98295L3.26561%203.98235Z%22%20fill%3D%22%23d9e0ec%22%2F%3E%0A%3C%2Fsvg%3E%0A');\n\n$chevron-dark: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2210%22%20height%3D%226.4%22%20version%3D%221.1%22%20viewBox%3D%22-2.417%20-2.433%2010%206.4%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m6.583-1.233-4%204.001-4-4.001%22%20fill%3D%22none%22%20stroke%3D%22%23303945%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E');\n\n$hamburger-white: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2227%22%20height%3D%2218%22%20viewBox%3D%220%200%2027%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Crect%20width%3D%2226.4%22%20height%3D%223.6%22%20rx%3D%221.8%22%20fill%3D%22white%22%2F%3E%0A%3Crect%20y%3D%227.20001%22%20width%3D%2226.4%22%20height%3D%223.6%22%20rx%3D%221.8%22%20fill%3D%22white%22%2F%3E%0A%3Crect%20y%3D%2214.4%22%20width%3D%2226.4%22%20height%3D%223.6%22%20rx%3D%221.8%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E');\n\n$grid2x2: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20fill%3D%22none%22%20version%3D%221.1%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cpath%20id%3D%22path3208%22%20d%3D%22m3.508.5875c-.4105%200-.8185.03167-1.191.1055-.3729.0738-.7128.1347-1.059.4805-.3458.3458-.4067.6857-.4805%201.059-.0738.3729-.1055.7809-.1055%201.191%201e-7.4105.03167.8185.1055%201.191.0738.3729.1347.7148.4805%201.061.3458.3458.6857.4047%201.059.4785.3729.0738.7809.1055%201.191.1055.4105-1e-7.8185-.03167%201.191-.1055.3729-.0738.7148-.1327%201.061-.4785s.4047-.6876.4785-1.061c.0738-.3729.1055-.7809.1055-1.191%200-.4105-.03167-.8185-.1055-1.191-.0738-.3729-.1327-.7128-.4785-1.059-.3458-.3458-.6876-.4067-1.061-.4805-.3729-.0738-.7809-.1055-1.191-.1055zm0%201.5c.3281%200%20.6585.03026.9004.07812s.3935.1708.291.06836c-.1024-.1024.02049.04717.06836.2891.04787.2419.07617.5722.07617.9004%201e-7.3281-.0283.6585-.07617.9004s-.1708.3935-.06836.291c.1024-.1024-.04912.02049-.291.06836-.2419.04787-.5722.07617-.9004.07617-.3281%200-.6585-.0283-.9004-.07617-.2419-.04787-.3915-.1708-.2891-.06836.1024.1024-.02049-.04912-.06836-.291-.04787-.2419-.07812-.5722-.07812-.9004-1e-7-.3281.03026-.6585.07812-.9004s.1708-.3915.06836-.2891c-.1024.1024.04717-.02049.2891-.06836.2419-.04787.5722-.07812.9004-.07812z%22%20color%3D%22%23000000%22%20fill%3D%22%23434343%22%20stroke-linecap%3D%22round%22%20style%3D%22-inkscape-stroke%3Anone%3Bpaint-order%3Afill%20markers%20stroke%22%2F%3E%3Cuse%20transform%3D%22translate%286.456%29%22%20xlink%3Ahref%3D%22%23path3208%22%2F%3E%3Cuse%20transform%3D%22translate%286.456%206.247%29%22%20xlink%3Ahref%3D%22%23path3208%22%2F%3E%3Cuse%20transform%3D%22translate%28.02772%206.247%29%22%20xlink%3Ahref%3D%22%23path3208%22%2F%3E%3C%2Fsvg%3E');\n\n$link: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2214%22%20height%3D%2210%22%20viewBox%3D%220%200%2014%2010%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10.2834%205.0987L12.4047%207.22004C12.7489%207.55968%2013.0226%207.96406%2013.2099%208.4099C13.3972%208.85573%2013.4944%209.33422%2013.4961%209.81779C13.4977%2010.3014%2013.4036%2010.7805%2013.2193%2011.2276C13.035%2011.6747%2012.7641%2012.0809%2012.4221%2012.4228C12.0802%2012.7647%2011.674%2013.0357%2011.2269%2013.22C10.7798%2013.4043%2010.3007%2013.4983%209.81713%2013.4967C9.33355%2013.4951%208.85507%2013.3978%208.40923%2013.2105C7.9634%2013.0232%207.55902%2012.7496%207.21937%2012.4054L6.51271%2011.6987C6.41715%2011.6065%206.34092%2011.4962%206.28845%2011.3742C6.23599%2011.2522%206.20834%2011.121%206.20712%2010.9883C6.20591%2010.8555%206.23115%2010.7238%206.28137%2010.6009C6.33159%2010.4779%206.40579%2010.3663%206.49964%2010.2723C6.59349%2010.1784%206.70511%2010.1041%206.82798%2010.0537C6.95085%2010.0034%207.08252%209.97804%207.2153%209.97913C7.34808%209.98022%207.47931%2010.0077%207.60134%2010.0601C7.72337%2010.1124%207.83375%2010.1886%207.92604%2010.284L8.63404%2010.9914C8.94711%2011.3016%209.37033%2011.4752%209.8111%2011.4742C10.2519%2011.4732%2010.6743%2011.2976%2010.9859%2010.9859C11.2975%2010.6742%2011.473%2010.2517%2011.4739%209.81096C11.4748%209.3702%2011.301%208.94702%2010.9907%208.63404L8.86937%206.51271C8.64009%206.28332%208.34886%206.12582%208.03138%206.0595C7.7139%205.99319%207.38397%206.02095%207.08204%206.13937C6.97448%206.18204%206.87359%206.22559%206.77937%206.27004L6.47004%206.4147C6.05671%206.60137%205.73871%206.68137%205.33404%206.27737C4.75271%205.69604%204.90337%205.15937%205.61204%204.6707C6.31798%204.18494%207.17176%203.96178%208.0251%204.03996C8.87845%204.11815%209.67746%204.49275%2010.2834%205.0987ZM6.27671%201.09204L6.98337%201.7987C7.16562%201.98722%207.26654%202.23978%207.26438%202.50198C7.26223%202.76417%207.15718%203.01504%206.97186%203.20053C6.78653%203.38603%206.53577%203.49132%206.27357%203.49372C6.01138%203.49612%205.75873%203.39544%205.57004%203.21337L4.86271%202.50671C4.70901%202.34748%204.52513%202.22046%204.32182%202.13305C4.1185%202.04565%203.89982%201.99961%203.67852%201.99762C3.45722%201.99564%203.23774%202.03774%203.03289%202.12149C2.82804%202.20523%202.64192%202.32893%202.48539%202.48538C2.32886%202.64182%202.20505%202.82787%202.12119%203.03267C2.03733%203.23748%201.9951%203.45693%201.99696%203.67823C1.99882%203.89953%202.04473%204.11824%202.13202%204.32161C2.21931%204.52497%202.34623%204.70892%202.50537%204.8627L4.62671%206.98404C4.85599%207.21342%205.14722%207.37093%205.4647%207.43724C5.78218%207.50355%206.1121%207.4758%206.41404%207.35737C6.52159%207.3147%206.62248%207.27115%206.71671%207.2267L7.02604%207.08204C7.43937%206.89537%207.75804%206.81537%208.16204%207.21937C8.74337%207.8007%208.59271%208.33737%207.88404%208.82604C7.1781%209.3118%206.32432%209.53496%205.47097%209.45678C4.61763%209.37859%203.81862%209.00399%203.21271%208.39804L1.09137%206.27671C0.747145%205.93706%200.473503%205.53268%200.286202%205.08684C0.0989012%204.64101%200.00164063%204.16253%202.05779e-05%203.67895C-0.00159947%203.19537%200.0924531%202.71625%200.276763%202.26917C0.461073%201.82209%200.731999%201.41588%201.07394%201.07394C1.41589%200.731999%201.82209%200.461072%202.26917%200.276763C2.71625%200.092453%203.19537%20-0.00159947%203.67895%202.05779e-05C4.16253%200.00164063%204.64101%200.0989012%205.08684%200.286202C5.53268%200.473503%205.93706%200.747812%206.27671%201.09204Z%22%20fill%3D%22%23699A24%22%2F%3E%3C%2Fsvg%3E');\n\n$searchOld: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2224.87%22%20height%3D%2224.92%22%20version%3D%221.1%22%20viewBox%3D%22138.6%204909%2024.87%2024.92%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20stroke%3D%22%23303945%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22m157.1%204927%204.929%204.929%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22m140%204920a10%2010%200%20110%20.1z%22%20fill%3D%22none%22%20stroke-linecap%3D%22square%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');\n\n$search: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2219%22%20height%3D%2218%22%20viewBox%3D%220%200%2019%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cline%20x1%3D%2214.2076%22%20y1%3D%2212.7223%22%20x2%3D%2217.7922%22%20y2%3D%2216.3069%22%20stroke%3D%22%23303945%22%20stroke-width%3D%222.1%22%2F%3E%3Ccircle%20cx%3D%228.32255%22%20cy%3D%228.32249%22%20r%3D%227.2725%22%20stroke%3D%22%23303945%22%20stroke-width%3D%222.1%22%20stroke-linecap%3D%22square%22%2F%3E%3C%2Fsvg%3E');\n\n$search-b2b: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M11.4601%2010.3188L15.7639%2014.6226C15.9151%2014.7739%2016.0001%2014.9792%2016%2015.1932C15.9999%2015.4072%2015.9148%2015.6124%2015.7635%2015.7637C15.6121%2015.915%2015.4068%2015.9999%2015.1928%2015.9998C14.9788%2015.9998%2014.7736%2015.9147%2014.6223%2015.7633L10.3185%2011.4595C9.03194%2012.456%207.41407%2012.9249%205.79403%2012.7709C4.17398%2012.6169%202.67346%2011.8515%201.59771%2010.6304C0.521957%209.40936%20-0.0482098%207.82433%200.00319691%206.19779C0.0546036%204.57125%200.723722%203.02539%201.87443%201.87468C3.02514%200.723966%204.57101%200.0548478%206.19754%200.00344105C7.82408%20-0.0479657%209.40911%200.522201%2010.6302%201.59795C11.8513%202.6737%2012.6167%204.17423%2012.7707%205.79427C12.9247%207.41432%2012.4558%209.03219%2011.4593%2010.3188H11.4601ZM6.4003%2011.1995C7.67328%2011.1995%208.89412%2010.6938%209.79425%209.7937C10.6944%208.89356%2011.2001%207.67272%2011.2001%206.39974C11.2001%205.12676%2010.6944%203.90592%209.79425%203.00579C8.89412%202.10565%207.67328%201.59997%206.4003%201.59997C5.12732%201.59997%203.90648%202.10565%203.00634%203.00579C2.10621%203.90592%201.60052%205.12676%201.60052%206.39974C1.60052%207.67272%202.10621%208.89356%203.00634%209.7937C3.90648%2010.6938%205.12732%2011.1995%206.4003%2011.1995Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E');\n\n$house: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M6.00004%201.95996L9.33337%204.95996V10.1666H8.00004V6.16663H4.00004V10.1666H2.66671V4.95996L6.00004%201.95996ZM6.00004%200.166626L0.819962%204.8287C0.297147%205.29923%200.629998%206.16663%201.33337%206.16663V10.5C1.33337%2011.0522%201.78109%2011.5%202.33337%2011.5H4.33337C4.88566%2011.5%205.33337%2011.0522%205.33337%2010.5V7.49996H6.66671V10.5C6.66671%2011.0522%207.11442%2011.5%207.66671%2011.5H9.66671C10.219%2011.5%2010.6667%2011.0522%2010.6667%2010.5V6.16663C11.3701%206.16663%2011.7029%205.29923%2011.1801%204.8287L6.00004%200.166626Z%22%20fill%3D%22%23434343%22%2F%3E%0A%3C%2Fsvg%3E');\n\n// $plus: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20fill%3D%22none%22%20version%3D%221.1%22%20viewBox%3D%220%200%2011%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m5.525%2010.51c-.3833%200-.7083-.09167-.975-.275-.25-.1833-.375-.425-.375-.725v-2.675h-2.675c-.3%200-.55-.125-.75-.375-.1833-.25-.275-.5667-.275-.95s.09167-.7.275-.95c.2-.2667.45-.4.75-.4h2.675v-2.65c0-.2667.125-.5.375-.7.2667-.2167.5917-.325.975-.325.4%200%20.7167.1083.95.325.25.2.375.4333.375.7v2.65h2.65c.2667%200%20.5.1333.7.4.2167.25.325.5667.325.95s-.1083.7-.325.95c-.2.25-.4333.375-.7.375h-2.65v2.675c0%20.3-.125.5417-.375.725-.2333.1833-.55.275-.95.275z%22%20fill%3D%22%2349515c%22%2F%3E%3C%2Fsvg%3E');\n\n$plus: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20version%3D%221.1%22%20viewBox%3D%220%200%2012%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cline%20x1%3D%221%22%20x2%3D%2211%22%20y1%3D%226%22%20y2%3D%226%22%20stroke%3D%22%238dc63f%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3Cline%20x1%3D%226%22%20x2%3D%226%22%20y1%3D%221%22%20y2%3D%2211%22%20stroke%3D%22%238dc63f%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E');\n\n$minus: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20version%3D%221.1%22%20viewBox%3D%220%200%2012%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cline%20x1%3D%221%22%20x2%3D%2211%22%20y1%3D%226%22%20y2%3D%226%22%20stroke%3D%22%238dc63f%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E');\n\n$shoeOld: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2222.917%22%20height%3D%2217.483%22%20viewBox%3D%22449.967%204911.983%2022.917%2017.483%22%3E%3Cg%3E%3Cpath%20d%3D%22M452.858%204929.451h17.152c1.579%200%202.858-1.343%202.858-3H450c0%201.657%201.28%203%202.859%203Z%22%20fill%3D%22%2398a1ad%22%2F%3E%3Cpath%20d%3D%22M472.868%204924.451c-.003-2.76-2.134-4.997-4.764-5h-1.56l-8.52-7.451-1.22%201.536%202.454%202.147a6.077%206.077%200%200%201-3.065.768%205.682%205.682%200%200%201-3.373-.921%201.816%201.816%200%200%200-1.89.036%202%202%200%200%200-.93%201.717v7.168h22.868Z%22%20fill%3D%22%2398a1ad%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');\n\n$shoe: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2229%22%20height%3D%2222%22%20viewBox%3D%220%200%2029%2022%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M3.60377%2022H25.2264C27.2167%2022%2028.8302%2020.3068%2028.8302%2018.218H0C0%2020.3068%201.61346%2022%203.60377%2022Z%22%20fill%3D%22%23303945%22%2F%3E%3Cpath%20d%3D%22M28.8302%2015.6964C28.8262%2012.217%2026.1394%209.39732%2022.8239%209.39316H20.8563L10.1158%200L8.57821%201.93637L11.6726%204.643C10.4831%205.3032%209.15361%205.63629%207.80821%205.61118C6.31161%205.68288%204.82931%205.27816%203.55576%204.45012C2.81054%204.01781%201.90225%204.03511%201.17247%204.4955C0.441822%204.94599%20-0.00490861%205.77075%204.07019e-05%206.66005V15.6964H28.8302Z%22%20fill%3D%22%23C9D0DD%22%2F%3E%3C%2Fsvg%3E');\n\n$globe: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20viewBox%3D%220%200%2020%2020%22%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%229.747%22%20fill%3D%22%23559301%22%20stop-color%3D%22%23000000%22%20stroke%3D%22%23ededed%22%20stroke-width%3D%22.5%22%20style%3D%22-inkscape-stroke%3Anone%3Bfont-variation-settings%3Anormal%3Bpaint-order%3Afill%20markers%20stroke%22%2F%3E%3Cpath%20d%3D%22m16.77%2016.66c.3944-.7399.2923-1.502.6613-2.22-.1443-.8207-.7517-1.481-.4653-2.335-.5929-.2229-1.154-.7203-1.781-.3417-.6098.0104-1.288.1565-1.547-.5245-.1833-.2906-.464-.5542-.5868-.8615.07662-.2768-.03244-.7479.155-.9088.6224-.4286-.5628-.4702.09415-.95.566-.3895%201.211-.5641%201.246-1.319.8127-.419%201.809-.2497%202.722-.3745.5944-.09705-.207.9646.6454.8051.5184.2674.897.4494%201.055-.00309.3465-.5374-.3217-1.718-.7531-2.123-1.034.02816.7077.7568.2973%201.136-.215.6479-1.149-.2066-.2336-.03522-.2048-.254-.7988-.9051-.9389-.9111-.6786.08452-1.088.58-1.506%201.048-.8043.3549-1.583-.8054-.7336-1.178.3391.06219%201.372.2019.7771-.3038-.03141-.6585.9018-.366%201.165-.9895.9198-.135-.5713-1.111-.867-1.488-2.054-1.782-4.896-2.586-7.581-2.177-.2363.1584-.6817.8353.06171.8021-.1699-.8441%201.1-.9294%201.6-.5066.5577.1173.5034.5601.8154.823.02672.4699-.6801.262-.9207.5848-.5779-.08115-1.218-.3284-.3808-.526.9373-.2964-.8144-.7641-1.037-.1691-.6044-.04997.03453.3902-.5241.4139-.3177.3364-.2335-.5748-.7379-.1309-.7053-.01588-1.644.9557-.5353%201.185.6004-.1998.0297%201.194.5821.549.3002-.5376%201.094-.3104.9061-1.112.107-.6844%201.443-.2062%201.03.3992.5014-.1024%201.052-.3571.7987.4431.7033.3081.2533.7392-.0464.9328.5613.09064.5744.8124-.06164.3871-.6395-.08156.3898-.8985-.382-.5011-.3827.2647-.8817-.7065-.9993.03148.6661-.02223.2003.501-.09787.1701-.6532.6821-1.738.9377-2.151%201.825-.6174.2573-1.166.9709-1.159%201.366-.5057-.2384-.176-.8704-.9195-.6883-.948-.3263-2.574.8816-1.581%201.74.413.136%201.715-.9331%201.105.09945-.09106.4474.8765.2209.5115.89-.1028.7019.975.9504%201.27.3461.5434-.7079%201.087.5784%201.701.3319.5177-.5609.7203%201.181%201.553.7681.2665.6319.1499%201.382%201.059%201.39.7366-.0071%201.216.4028%201.542.9714-.8463.5892-.4148%202.173-1.495%202.448-1.174-.3233-.2127%201.252-1.105%201.57-.3214.6976-1.341.8954-1.69%201.169.3894.1107-.05096.752.6841.6746%202.064.4466%204.263.1322%206.173-.7463.9661-.4718%201.851-1.109%202.604-1.876zm-10.55%202.054c.1035-.6774-.4747-1.187-.07529-1.871-.3493-.1429-.0932-.6245-.1237-.9603.02998-.3647.05995-.7294.08993-1.094-.8895-.503-1.172-1.205-1.695-2.069-.2798-.7549.4618-1.266.7393-1.732.0191-.8273-1.135-.3545-1.28-1.166-.3419-.3764-.9965-.4521-1.1-.8375-.535.2496-1.825-.4307-1.433-1.241-.1705-.4386-.4754-.9859-.5286-.1793-1.128%204.138.9443%208.93%204.797%2010.86.1993.1041.4031.2006.6088.2906zm.2534-17.54c.2143.4796.9852.0002422%201.331-.1432-.3474-.3693-.9391.03745-1.331.1432z%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%2393c8ff%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E');\n\n$ie-flag: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cg%20id%3D%22Group%20466%22%3E%0A%3Cpath%20id%3D%22Vector%22%20d%3D%22M13.3332%200.57191C11.3318%20-0.135592%209.1573%20-0.187882%207.12429%200.42261C5.09128%201.0331%203.30528%202.2747%202.0248%203.96769C0.744319%205.66069%200.0357917%207.71723%200.00177318%209.83967C-0.0322453%2011.9621%200.61001%2014.0403%201.83558%2015.7735C3.06114%2017.5066%204.80644%2018.8048%206.81884%2019.4801C8.83123%2020.1555%2011.0063%2020.1729%2013.0293%2019.5299C15.0523%2018.8869%2016.8181%2017.6168%2018.0713%2015.9035C19.3245%2014.1902%2020%2012.1226%2020%209.9999C20.0066%207.93037%2019.3681%205.91022%2018.1732%204.22047C16.9784%202.53072%2015.2866%201.2554%2013.3332%200.57191Z%22%20fill%3D%22white%22%2F%3E%0A%3Cg%20id%3D%22Group%20476%22%3E%0A%3Ccircle%20id%3D%22Ellipse%204%22%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%229.75%22%20fill%3D%22white%22%20stroke%3D%22%23EDEDED%22%20stroke-width%3D%220.5%22%2F%3E%0A%3Cpath%20id%3D%22Vector_2%22%20d%3D%22M19.9997%2010C19.9972%207.93266%2019.3551%205.91673%2018.1615%204.22876C16.9679%202.54079%2015.2813%201.26347%2013.333%200.572021V19.428C15.2813%2018.7366%2016.9679%2017.4592%2018.1615%2015.7713C19.3551%2014.0833%2019.9972%2012.0674%2019.9997%2010Z%22%20fill%3D%22%23FF883E%22%2F%3E%0A%3Cpath%20id%3D%22Vector_3%22%20d%3D%22M6.66638%200.572021C4.71678%201.26137%203.02882%202.53818%201.83495%204.22662C0.641075%205.91507%200%207.93212%200%2010C0%2012.0679%200.641075%2014.085%201.83495%2015.7734C3.02882%2017.4619%204.71678%2018.7387%206.66638%2019.428V0.572021Z%22%20fill%3D%22%23169B62%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A');\n\n$it-flag: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cg%20id%3D%22Group%20473%22%3E%0A%3Cpath%20id%3D%22Vector%22%20d%3D%22M13.3333%200.571937C11.332%20-0.135582%209.15742%20-0.187889%207.1244%200.422588C5.09137%201.03307%203.30536%202.27465%202.02486%203.96764C0.744357%205.66062%200.0358061%207.71717%200.00177416%209.8396C-0.0322578%2011.962%200.610007%2014.0402%201.83557%2015.7734C3.06114%2017.5066%204.80643%2018.8048%206.81883%2019.4801C8.83124%2020.1555%2011.0063%2020.1729%2013.0293%2019.5299C15.0523%2018.8869%2016.8182%2017.6169%2018.0714%2015.9036C19.3246%2014.1903%2020.0001%2012.1226%2020.0001%209.99993C20.0067%207.93041%2019.3682%205.91026%2018.1734%204.22052C16.9785%202.53077%2015.2867%201.25544%2013.3333%200.571937Z%22%20fill%3D%22white%22%2F%3E%0A%3Cg%20id%3D%22Group%20475%22%3E%0A%3Ccircle%20id%3D%22Ellipse%204%22%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%229.75%22%20fill%3D%22white%22%20stroke%3D%22%23EDEDED%22%20stroke-width%3D%220.5%22%2F%3E%0A%3Cpath%20id%3D%22Vector_2%22%20d%3D%22M19.9998%2010C19.9973%207.93264%2019.3553%205.91668%2018.1616%204.22869C16.968%202.54071%2015.2813%201.2634%2013.333%200.572021V19.4284C15.2814%2018.737%2016.9681%2017.4596%2018.1617%2015.7715C19.3554%2014.0835%2019.9974%2012.0674%2019.9998%2010Z%22%20fill%3D%22%23FF4B55%22%2F%3E%0A%3Cpath%20id%3D%22Vector_3%22%20d%3D%22M6.66677%200.572021C4.71706%201.26133%203.02902%202.53814%201.83507%204.22663C0.641118%205.91512%200%207.93223%200%2010.0002C0%2012.0682%200.641118%2014.0853%201.83507%2015.7738C3.02902%2017.4623%204.71706%2018.7391%206.66677%2019.4284V0.572021Z%22%20fill%3D%22%23009246%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E');\n\n$eu-flag: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cg%20id%3D%22Group%20467%22%3E%0A%3Cpath%20id%3D%22Vector%22%20d%3D%22M13.3333%200.571938C11.332%20-0.135582%209.15743%20-0.187889%207.1244%200.422589C5.09137%201.03307%203.30535%202.27465%202.02485%203.96764C0.744352%205.66063%200.0358062%207.71718%200.00177419%209.83961C-0.0322578%2011.9621%200.60999%2014.0403%201.83555%2015.7734C3.06112%2017.5066%204.80642%2018.8048%206.81882%2019.4802C8.83123%2020.1555%2011.0063%2020.1729%2013.0293%2019.5299C15.0523%2018.8869%2016.8182%2017.6169%2018.0714%2015.9036C19.3246%2014.1903%2020.0001%2012.1226%2020.0001%209.99994C20.0067%207.93042%2019.3682%205.91027%2018.1734%204.22052C16.9785%202.53077%2015.2867%201.25544%2013.3333%200.571938Z%22%20fill%3D%22white%22%2F%3E%0A%3Cpath%20id%3D%22Vector_2%22%20d%3D%22M9.99997%2020C15.5228%2020%2019.9999%2015.5228%2019.9999%2010C19.9999%204.47715%2015.5228%200%209.99997%200C4.47714%200%200%204.47715%200%2010C0%2015.5228%204.47714%2020%209.99997%2020Z%22%20fill%3D%22%2341479B%22%2F%3E%0A%3Cpath%20id%3D%22Vector_3%22%20d%3D%22M7.10165%2014.143L7.3187%2014.8115H8.02019L7.45239%2015.2236L7.66945%2015.8904L7.10165%2015.4784L6.53385%2015.8904L6.7509%2015.2236L6.18311%2014.8115H6.88459L7.10165%2014.143Z%22%20fill%3D%22%23FFC931%22%2F%3E%0A%3Cpath%20id%3D%22Vector_4%22%20d%3D%22M12.898%2014.143L13.1151%2014.8115H13.8166L13.2488%2015.2236L13.4658%2015.8904L12.898%2015.4784L12.3302%2015.8904L12.5473%2015.2236L11.9795%2014.8115H12.681L12.898%2014.143Z%22%20fill%3D%22%23FFC931%22%2F%3E%0A%3Cpath%20id%3D%22Vector_5%22%20d%3D%22M7.10165%204.10973L7.3187%204.77662H8.02019L7.45239%205.1887L7.66945%205.85559L7.10165%205.44351L6.53385%205.85559L6.7509%205.1887L6.18311%204.77662H6.88459L7.10165%204.10973Z%22%20fill%3D%22%23FFC931%22%2F%3E%0A%3Cpath%20id%3D%22Vector_6%22%20d%3D%22M12.898%204.10973L13.1151%204.77662H13.8166L13.2488%205.1887L13.4658%205.85559L12.898%205.44351L12.3302%205.85559L12.5473%205.1887L11.9795%204.77662H12.681L12.898%204.10973Z%22%20fill%3D%22%23FFC931%22%2F%3E%0A%3Cpath%20id%3D%22Vector_7%22%20d%3D%22M15.0182%206.22844L15.2352%206.89533H15.9367L15.3689%207.30742L15.586%207.97588L15.0182%207.56379L14.4504%207.97588L14.6674%207.30742L14.0996%206.89533H14.8027L15.0182%206.22844Z%22%20fill%3D%22%23FFC931%22%2F%3E%0A%3Cpath%20id%3D%22Vector_8%22%20d%3D%22M4.98153%206.22844L5.19859%206.89533H5.90008L5.33228%207.30742L5.54933%207.97588L4.98153%207.56379L4.41374%207.97588L4.63079%207.30742L4.06299%206.89533H4.76448L4.98153%206.22844Z%22%20fill%3D%22%23FFC931%22%2F%3E%0A%3Cpath%20id%3D%22Vector_9%22%20d%3D%22M15.0182%2012.0245L15.2352%2012.6914H15.9367L15.3689%2013.1051L15.586%2013.7719L15.0182%2013.3599L14.4504%2013.7719L14.6674%2013.1051L14.0996%2012.6914H14.8027L15.0182%2012.0245Z%22%20fill%3D%22%23FFC931%22%2F%3E%0A%3Cpath%20id%3D%22Vector_10%22%20d%3D%22M4.98153%2012.0245L5.19859%2012.6914H5.90008L5.33228%2013.1051L5.54933%2013.7719L4.98153%2013.3599L4.41374%2013.7719L4.63079%2013.1051L4.06299%2012.6914H4.76448L4.98153%2012.0245Z%22%20fill%3D%22%23FFC931%22%2F%3E%0A%3Cpath%20id%3D%22Vector_11%22%20d%3D%22M9.99716%203.33118L10.2142%203.99807H10.9157L10.3479%204.41015L10.565%205.07862L9.99716%204.66496L9.42936%205.07862L9.64641%204.41015L9.07861%203.99807H9.7801L9.99716%203.33118Z%22%20fill%3D%22%23FFC931%22%2F%3E%0A%3Cpath%20id%3D%22Vector_12%22%20d%3D%22M9.99716%2014.9216L10.2142%2015.5885H10.9157L10.3479%2016.0021L10.565%2016.669L9.99716%2016.2569L9.42936%2016.669L9.64641%2016.0021L9.07861%2015.5885H9.7801L9.99716%2014.9216Z%22%20fill%3D%22%23FFC931%22%2F%3E%0A%3Cpath%20id%3D%22Vector_13%22%20d%3D%22M15.7916%209.12244L16.0086%209.78933H16.7101L16.1423%2010.2014L16.3594%2010.8699L15.7916%2010.4562L15.2238%2010.8699L15.4408%2010.2014L14.873%209.78933H15.5761L15.7916%209.12244Z%22%20fill%3D%22%23FFC931%22%2F%3E%0A%3Cpath%20id%3D%22Vector_14%22%20d%3D%22M4.20761%209.12244L4.42466%209.78933H5.12615L4.55835%2010.2014L4.7754%2010.8699L4.20761%2010.4562L3.63981%2010.8699L3.85686%2010.2014L3.28906%209.78933H3.99055L4.20761%209.12244Z%22%20fill%3D%22%23FFC931%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A');\n\n$de-flag: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cg%20id%3D%22Group%20470%22%3E%0A%3Cpath%20id%3D%22Vector%22%20d%3D%22M13.3333%200.571939C11.332%20-0.135582%209.15743%20-0.187889%207.1244%200.42259C5.09138%201.03307%203.30536%202.27466%202.02486%203.96765C0.744358%205.66064%200.0358061%207.71719%200.00177418%209.83963C-0.0322578%2011.9621%200.609996%2014.0403%201.83556%2015.7735C3.06113%2017.5066%204.80642%2018.8049%206.81883%2019.4802C8.83123%2020.1555%2011.0063%2020.173%2013.0293%2019.53C15.0523%2018.887%2016.8182%2017.6169%2018.0714%2015.9036C19.3246%2014.1903%2020.0001%2012.1227%2020.0001%209.99996C20.0067%207.93043%2019.3683%205.91027%2018.1734%204.22051C16.9785%202.53075%2015.2867%201.25542%2013.3333%200.571939Z%22%20fill%3D%22white%22%2F%3E%0A%3Cpath%20id%3D%22Vector_2%22%20d%3D%22M9.99974%200C7.93243%200.00245061%205.91651%200.644489%204.22854%201.83804C2.54057%203.03159%201.26324%204.71817%200.571777%206.66643H19.4278C18.7363%204.71817%2017.459%203.03157%2015.771%201.83803C14.083%200.644479%2012.0671%200.00244487%209.99974%200Z%22%20fill%3D%22%23292D33%22%2F%3E%0A%3Cpath%20id%3D%22Vector_3%22%20d%3D%22M19.9999%209.99999C20.0008%208.86431%2019.8074%207.73685%2019.428%206.6664H0.571998C-0.190666%208.82323%20-0.190666%2011.1764%200.571998%2013.3332H19.428C19.8074%2012.2629%2020.0008%2011.1355%2019.9999%209.99999Z%22%20fill%3D%22%23FF4B55%22%2F%3E%0A%3Cpath%20id%3D%22Vector_4%22%20d%3D%22M0.571777%2013.3332C1.26105%2015.2829%202.53781%2016.971%204.22627%2018.1649C5.91473%2019.3589%207.93182%2020%209.99976%2020C12.0677%2020%2014.0848%2019.3589%2015.7733%2018.1649C17.4617%2016.971%2018.7385%2015.2829%2019.4278%2013.3332H0.571777Z%22%20fill%3D%22%23FFC931%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E');\n\n$uk-flag: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cg%20id%3D%22Group%20472%22%3E%0A%3Cpath%20id%3D%22Vector%22%20d%3D%22M13.3317%200.571656C11.3313%20-0.135515%209.15785%20-0.187796%207.12581%200.42238C5.09378%201.03256%203.30863%202.27353%202.02875%203.96568C0.748878%205.65783%200.0406717%207.71337%200.00665637%209.83476C-0.027359%2011.9561%200.614581%2014.0333%201.83955%2015.7656C3.06452%2017.498%204.80897%2018.7955%206.8204%2019.4705C8.83182%2020.1455%2011.0059%2020.163%2013.0279%2019.5203C15.0499%2018.8776%2016.8149%2017.6082%2018.0674%2015.8957C19.32%2014.1833%2019.9952%2012.1167%2019.9952%209.995C20.0019%207.9265%2019.3637%205.90735%2018.1694%204.21844C16.9751%202.52952%2015.2841%201.25482%2013.3317%200.571656Z%22%20fill%3D%22white%22%2F%3E%0A%3Cpath%20id%3D%22Vector_2%22%20d%3D%22M6.67218%200.570145C4.88267%201.20524%203.30999%202.33487%202.13672%203.8279L6.67218%206.09851V0.570145Z%22%20fill%3D%22%2341479B%22%2F%3E%0A%3Cpath%20id%3D%22Vector_3%22%20d%3D%22M17.8634%203.8279C16.6904%202.33471%2015.1177%201.20504%2013.3281%200.570145V6.09851L17.8634%203.8279Z%22%20fill%3D%22%2341479B%22%2F%3E%0A%3Cpath%20id%3D%22Vector_4%22%20d%3D%22M2.13672%2016.1716C3.30967%2017.665%204.88246%2018.7947%206.67218%2019.4293V13.9025L2.13672%2016.1716Z%22%20fill%3D%22%2341479B%22%2F%3E%0A%3Cpath%20id%3D%22Vector_5%22%20d%3D%22M13.3281%2019.4293C15.1179%2018.7948%2016.6907%2017.6651%2017.8634%2016.1716L13.3281%2013.9025V19.4293Z%22%20fill%3D%22%2341479B%22%2F%3E%0A%3Cpath%20id%3D%22Vector_6%22%20d%3D%22M12.001%2019.7978C12.4517%2019.707%2012.8952%2019.5839%2013.3281%2019.4292V13.9024L17.8634%2016.1716C18.2776%2015.6462%2018.6376%2015.0803%2018.9378%2014.4824L16.6309%2013.3276H19.4296C19.584%2012.8945%2019.7076%2012.4509%2019.7993%2012.0003H12.001L12.001%2019.7978Z%22%20fill%3D%22white%22%2F%3E%0A%3Cpath%20id%3D%22Vector_7%22%20d%3D%22M8.00055%200.201492C7.54961%200.292381%207.10579%200.415551%206.6725%200.57005V6.09842L2.13704%203.8278C1.7221%204.35601%201.36102%204.92438%201.05919%205.52444L3.35178%206.67205H0.570425C0.416161%207.10543%200.293088%207.54929%200.202148%208.00022H8.00048L8.00055%200.201492Z%22%20fill%3D%22white%22%2F%3E%0A%3Cpath%20id%3D%22Vector_8%22%20d%3D%22M0.202148%2012.0004C0.376505%2012.8566%200.663312%2013.686%201.05509%2014.467L3.33289%2013.3277H6.32038L1.73567%2015.6221C1.86232%2015.8098%201.99686%2015.9929%202.13704%2016.1716L6.6725%2013.9024V19.4293C7.10578%2019.5838%207.5496%2019.707%208.00055%2019.7978V12.0003L0.202148%2012.0004Z%22%20fill%3D%22white%22%2F%3E%0A%3Cpath%20id%3D%22Vector_9%22%20d%3D%22M19.7993%208.00019C19.6242%207.14055%2019.3356%206.308%2018.9411%205.52444L16.6498%206.67205H13.6622L18.2605%204.37053C18.1346%204.18544%2018.0022%204.00453%2017.8633%203.82782L13.328%206.09843V0.57005C12.8951%200.415466%2012.4516%200.292294%2012.001%200.201492V8.00019H19.7993Z%22%20fill%3D%22white%22%2F%3E%0A%3Cpath%20id%3D%22Vector_10%22%20d%3D%22M1.05909%205.52454C0.871845%205.89625%200.708581%206.27958%200.570312%206.67215H3.35168L1.05909%205.52454Z%22%20fill%3D%22%23FF4B55%22%2F%3E%0A%3Cpath%20id%3D%22Vector_11%22%20d%3D%22M18.9378%2014.4825C19.1266%2014.1087%2019.2909%2013.7229%2019.4296%2013.3277H16.6309L18.9378%2014.4825Z%22%20fill%3D%22%23FF4B55%22%2F%3E%0A%3Cpath%20id%3D%22Vector_12%22%20d%3D%22M16.6497%206.67214L18.941%205.52453C18.7408%205.12481%2018.5134%204.73927%2018.2604%204.37062L13.6621%206.67214H16.6497Z%22%20fill%3D%22%23FF4B55%22%2F%3E%0A%3Cpath%20id%3D%22Vector_13%22%20d%3D%22M3.33249%2013.3277L1.05469%2014.4671C1.25474%2014.8673%201.48213%2015.2532%201.73527%2015.6221L6.31997%2013.3277H3.33249Z%22%20fill%3D%22%23FF4B55%22%2F%3E%0A%3Cpath%20id%3D%22Vector_14%22%20d%3D%22M19.7992%208.00029H12.0008V0.201587C10.6809%20-0.0671958%209.32027%20-0.0671958%208.0003%200.201587V8.00029H0.201965C-0.0673218%209.32007%20-0.0673218%2010.6806%200.201965%2012.0004H8.0003V19.7979C9.3202%2020.0674%2010.6809%2020.0674%2012.0008%2019.7979V12.0004H19.7992C20.0669%2010.6805%2020.0669%209.32022%2019.7992%208.00029Z%22%20fill%3D%22%23FF4B55%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A');\n\n$hr-flag: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20fill%3D%22none%22%20version%3D%221.1%22%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22linearGradient593%22%20x1%3D%229.992%22%20x2%3D%229.992%22%20y2%3D%2220%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23ff4b55%22%20offset%3D%220%22%2F%3E%3Cstop%20stop-color%3D%22%23ff4b55%22%20offset%3D%22.3322%22%2F%3E%3Cstop%20stop-color%3D%22%23fff%22%20stop-opacity%3D%220%22%20offset%3D%22.3322%22%2F%3E%3Cstop%20stop-color%3D%22%23fff%22%20stop-opacity%3D%220%22%20offset%3D%22.667%22%2F%3E%3Cstop%20stop-color%3D%22%2341479b%22%20offset%3D%22.667%22%2F%3E%3Cstop%20stop-color%3D%22%2341479b%22%20offset%3D%221%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Ctitle%3ECroatia%E2%80%94Flag%3C%2Ftitle%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%229.75%22%20fill%3D%22%23fff%22%20stroke%3D%22%23ededed%22%20stroke-width%3D%22.5%22%20style%3D%22paint-order%3Anormal%22%2F%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%2210%22%20fill%3D%22url%28%23linearGradient593%29%22%20stroke%3D%22none%22%2F%3E%3Cpath%20d%3D%22m6.697%2013.34c.2826.4551.6585.847%201.102%201.148.2779.203.5857.3613.9121.4707.8345.2933%201.744.2933%202.578%200%20.325-.1128.6323-.2708.9121-.4707.4354-.2961.8051-.6801%201.086-1.125v-.02344h-6.59z%22%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20stop-color%3D%22%23000000%22%20style%3D%22paint-order%3Amarkers%20stroke%20fill%22%2F%3E%3Cpath%20d%3D%22m13.03%2013.34c-.1242.2003-.272.385-.4402.5501-.1236.1234-.2549.2389-.3931.3457v-.8958zm-2.296%200v1.556c-.2079.0357-.418.0567-.6289.0628h-.2201c-.2109-.0053-.4211-.0263-.6289-.0628v-1.556zm-2.94%200v.8958c-.1382-.1068-.2695-.2223-.3931-.3457-.1687-.1689-.3214-.353-.456-.5501zm5.865-3.222v1.179c.0023.1469-.0029.2938-.0157.4401h-1.446v-1.619zm-5.865%200v1.619h-1.447c-.01573-.1572-.03145-.2986-.03145-.4401v-1.179z%22%20fill%3D%22%23ff4b55%22%2F%3E%3Crect%20id%3D%22rect3734%22%20x%3D%226.321%22%20y%3D%226.893%22%20width%3D%221.478%22%20height%3D%221.603%22%20fill%3D%22%23ff4b55%22%20fill-rule%3D%22evenodd%22%20stop-color%3D%22%23000000%22%20style%3D%22paint-order%3Amarkers%20stroke%20fill%22%2F%3E%3Cuse%20transform%3D%22translate%282.94%29%22%20xlink%3Ahref%3D%22%23rect3734%22%2F%3E%3Cuse%20transform%3D%22translate%285.873%29%22%20xlink%3Ahref%3D%22%23rect3734%22%2F%3E%3Cuse%20transform%3D%22translate%284.41%201.611%29%22%20xlink%3Ahref%3D%22%23rect3734%22%2F%3E%3Cuse%20transform%3D%22translate%281.47%201.611%29%22%20xlink%3Ahref%3D%22%23rect3734%22%2F%3E%3Cuse%20transform%3D%22translate%282.94%203.222%29%22%20xlink%3Ahref%3D%22%23rect3734%22%2F%3E%3Cuse%20transform%3D%22translate%281.47%204.841%29%22%20xlink%3Ahref%3D%22%23rect3734%22%2F%3E%3Cuse%20transform%3D%22translate%284.41%204.841%29%22%20xlink%3Ahref%3D%22%23rect3734%22%2F%3E%3Cpath%20d%3D%22m14.15%205.321-.0471.1257-.0315-.01564c-.3632-.2075-.764-.341-1.179-.3929-.0157%200-.0157-.01572-.0315-.01572h-.0157c-.0765-.02825-.1554-.0493-.2358-.06286l-.0944-.01564.0315-.1257.11.01572c.5037.07265.9923.2266%201.447.4558l.0471.03128z%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22m14.5%204.457-.3459.8644-.0472-.03144c-.4543-.2292-.9429-.3831-1.447-.4558l-.11-.01572.2044-.8958h.0314l1.085-.4243.629.9587z%22%20fill%3D%22%2343C1F9%22%2F%3E%3Cpath%20d%3D%22m13.92%205.918-.2516.5972c-.4511-.1993-.9195-.3571-1.399-.4715l.1415-.5972h.0157c.5195.07798%201.024.2371%201.494.4715z%22%20fill%3D%22%2343C1F9%22%2F%3E%3Cpath%20d%3D%22m14.1%205.447-.1415.3458c-.4701-.2344-.9742-.3935-1.494-.4715l-.0315-.01571.0786-.3615.0944.01563c.0804.01357.1593.03462.2358.06287h.0157c.0158%200%20.0158.01571.0315.01571.4152.05186.816.1854%201.179.3929l.0315.01579z%22%20fill%3D%22%23FF4B55%22%2F%3E%3Cpath%20d%3D%22m13.96%205.793-.0472.1257c-.4701-.2344-.9742-.3936-1.494-.4716h-.0157l.0314-.1414.0315.01572c.5195.07797%201.024.2371%201.494.4716z%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22m8.994%203.608-.8333.1257-.8648.1414.739-.833.9434.5501.01573.01572z%22%20fill%3D%22%2341479B%22%2F%3E%3Cpath%20d%3D%22m9.104%204.158-.8491.1414-.8962.1414-.1101-.5186v-.01572l.03144-.03143h.01572l.2201-.06286c.4226-.1075.8542-.1759%201.289-.2043l.173-.01572.01573.01572h.01572l.03145.03143h.03145l.03144.5186z%22%20fill%3D%22%23FF4B55%22%2F%3E%3Cpath%20d%3D%22m9.11%204.165-.1783.00904c-.4574.02304-.9112.09221-1.355.2065l-.222.05689.1244.529%201.672-.26-.04188-.5414z%22%20fill%3D%22%2341479B%22%2F%3E%3Cpath%20d%3D%22m9.152%204.707-.09119.00415c-.4804.02111-.9572.09298-1.423.2144l-.1587.04144.1248.529.8428-.1311.7467-.116-.04186-.5418z%22%20fill%3D%22%23FF4B55%22%2F%3E%3Cpath%20d%3D%22m9.245%205.793h-.01565c-.5047.03655-1.005.1207-1.494.2514l-.1258-.5501.07862-.01571c.4933-.1321.9993-.2111%201.509-.2358l.04709.5501z%22%20fill%3D%22%2341479B%22%2F%3E%3Cpath%20d%3D%22m12.75%203.922c-.1749.7705-.308%201.358-.4874%202.122h-.0157c-.4889-.1307-.989-.2149-1.494-.2514l.1729-2.153h.0315l1.006-.5972.7704.8644c0%20.00208%204e-4.00414.0011.00606%208e-4.00193.002.00368.0034.00515.0015.00147.0032.00262.0052.0034.0019.00077.004.00115.006.00111z%22%20fill%3D%22%2341479b%22%2F%3E%3Cpath%20d%3D%22m10.93%203.64-.1729%202.153c-.2507-.02617-.5028-.03667-.7548-.03143-.252-.00491-.504.00559-.7547.03143l-.04717-.5501-.04717-.5343-.04717-.5501-.03144-.5186h.01572l.9119-.7386.912.7386h.0157z%22%20fill%3D%22%2343C1F9%22%2F%3E%3Cpath%20d%3D%22m7.736%206.044c-.4862.1096-.9603.2676-1.415.4715l-.8176-2.059.6132-.9587%201.132.4243z%22%20fill%3D%22%2343c1f9%22%2F%3E%3Cpath%20d%3D%22m6.777%204.467-.1466-.1255c.05327-.1972.03293-.2139-.1534-.1315-.1436-.1448-.1689-.1367-.19.0663-.1986.0515-.202.07866-.03731.1986-.05558.1972-.03369.2137.1523.1311.1435.1459.1684.1361.1907-.0663-.00011-.00602.1859-.0419.1843-.07272z%22%20fill%3D%22%23F6DA24%22%2F%3E%3Cpath%20d%3D%22m7.19%204.988c.005312.2098-.1187.4157-.3066.5092-.1861.09763-.426.0773-.5931-.05026-.06566-.04896-.1204-.1125-.1591-.1847.03556.2111.2026.3921.4102.4444.2089.05785.4467-.01968.5814-.1896.1384-.1666.1653-.4151.06565-.6075-.01409-.02847.00431.04394.00111.06108.0002482.00577.0004088.01155.0004819.01733z%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22m13.87%205.45c.1297-.2118-.7704-.176-.9-.3606-.0095-.1573-.3677-.01228-.0988.02602.0162.0143.0622.06935.0581.08547-.3864.0659.0615.01275.1367.1123-.1299.00974-.1733.00564-.0531.06027.0924.00275.2769-.02788.3351.02145-.2578.0639.023.06568.1586.04256.127.07701.1527.06805.1598.1745.1778-.03445-.0432-.156-.0462-.2593.0709-.01289.1722.1132.2498.0973z%22%20fill%3D%22%23000%22%2F%3E%3Cpath%20d%3D%22m13.95%204.343c3e-4-.03867-.1822-.06317-.1867-.06742-.0215-.2034-.0475-.211-.1907-.06629-.1985-.08398-.2059-.07616-.1522.1314-.1654.1201-.1604.1469.0373.1982.0208.2038.0469.2109.19.06637.1865.08306.2068.06572.1534-.1311.0024-.00511.1564-.08163.1489-.1311z%22%20fill%3D%22%23F6DA24%22%2F%3E%3Cpath%20id%3D%22path134%22%20d%3D%22m9.769%204.49c-.00819-.02025-.01134-.05475-.01996-.08068.06076.03365.09552-.02692.04741-.07607.1405.04184.1134-.03849.04413-.1134.1178-.05701.1143-.1058.01101-.09047.08428-.09222.09507-.197-.05393-.1315.01228-.1002.2359-.29-.02563-.1488-.03089-.01323-.05383.00106-.07916.02974-.00038-.01906-.00812-.02986-.02332-.03319.00267-.00515.00398-.0109.00377-.0167-2e-4-.0058-.00189-.01145-.00492-.0164l-.07841-.08479h-.00192l-.00113-.00115-.00115.00115h-.00232v.00115c-.01338.02054-.1014.08515-.07839.1167-.01478.00256-.02349.01373-.02409.03319-.02448-.02868-.04874-.04297-.07956-.02974-.2587-.1428-.03792.05017-.02448.1488-.1498-.06503-.1381.03785-.05503.1315-.1018-.01541-.1065.0337.012.09047-.0698.07528-.09775.1552.04415.1134-.04816.04937-.01327.1096.0475.07607-.0448.08739.01866.0999.0784.07089-.01118.07165.01768.0949.04971.03502.0403.05461.02673.05599.06604%200%20.03278.06016.06156.0364.04972-.03502.03128.01382.06618.01725.09956.00979z%22%20fill%3D%22%23F6DA24%22%2F%3E%3Cpath%20d%3D%22m11.67%204.074-.0047-.001.0047.001z%22%20fill%3D%22%23F6DA24%22%2F%3E%3Cpath%20d%3D%22m12.4%204.644c-.3016-.00564-.7584.05815-.8855-.2689-.0129-.01683-.0157-.08456.011-.0528.1239.00954.1924-.06359.044-.1019.252-.04584.4622.3586.7051.1654-.1456-.0144-.2836-.0718-.3965-.1649.0715.03174.2416.03382.2758-.03885-.1138.00149-.2263-.02315-.3291-.07203l.0018.00087c-.0103-.00557-.0273-.00643-.0387-.01162l2e-4-.00028-.0062-.00182-1e-4.00028c-.0338-.01436-.0692-.02507-.1053-.03194l1e-4.00038-.0069-.00204h.0011c-.0998-.04756-.2763.05537-.3362.09813-.0974-.09689-.218-.01572-.0818.06321-.1051.09296-.0975.2699.0591.1919-.0295.03352-.0875.1225-.019.1411.0321.07749-.1294.174-.0309.2217.0096.1147.0609.2154.001.3187.0168.07583-.1695.1169-.0997.1446.0063.06211.1587.04591.1289-.02821.0362-.03558.0713-.1995.1222-.2058.0722.1509-.2025.3821-.1018.3794v.00115c.2008.08308.1051-.408.3488-.3212-.0346.05514.0396.02456.0605.00484.0213.1406-.1008.1932-.1788.2583-.0116.1332.1738.02967.1871-.04102.0305-.09004.1439-.07751.1728-.1762.2534.1132-.1709.2363-.0865.3392-.0277.07033.1522.03627.1651-.09249.0759-.1097.1854-.1538.2257-.2804-.0135-.3467.0988-.2174.1927-.4369z%22%20fill%3D%22%23F6DA24%22%2F%3E%3Cuse%20transform%3D%22translate%28.8434%20-1.992e-5%29%22%20xlink%3Ahref%3D%22%23path134%22%2F%3E%3Cuse%20transform%3D%22translate%28.4231%20.9675%29%22%20xlink%3Ahref%3D%22%23path134%22%2F%3E%3C%2Fsvg%3E');\n\n$fr-flag: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cg%20id%3D%22Group%20477%22%3E%0A%3Cg%20id%3D%22Group%20469%22%3E%0A%3Cpath%20id%3D%22Vector%22%20d%3D%22M13.3333%200.571947C11.332%20-0.135579%209.15745%20-0.187891%207.12442%200.422582C5.09139%201.03306%203.30538%202.27464%202.02487%203.96763C0.744363%205.66061%200.0358097%207.71716%200.00177444%209.8396C-0.0322608%2011.962%200.609982%2014.0402%201.83555%2015.7734C3.06111%2017.5066%204.80641%2018.8048%206.81882%2019.4802C8.83123%2020.1555%2011.0063%2020.1729%2013.0293%2019.5299C15.0523%2018.8869%2016.8182%2017.6169%2018.0714%2015.9036C19.3246%2014.1903%2020.0001%2012.1226%2020.0001%209.99993C20.0067%207.93042%2019.3682%205.91028%2018.1734%204.22053C16.9785%202.53078%2015.2867%201.25545%2013.3333%200.571947Z%22%20fill%3D%22white%22%2F%3E%0A%3Ccircle%20id%3D%22Ellipse%204%22%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%229.75%22%20fill%3D%22white%22%20stroke%3D%22%23EDEDED%22%20stroke-width%3D%220.5%22%2F%3E%0A%3Cpath%20id%3D%22Vector_2%22%20d%3D%22M0%209.99995C0.00245446%2012.0673%200.644531%2014.0833%201.83815%2015.7713C3.03176%2017.4593%204.71843%2018.7366%206.66676%2019.4279V0.57196C4.71843%201.26334%203.03176%202.54065%201.83815%204.22863C0.644531%205.91661%200.00245313%207.93258%200%209.99995Z%22%20fill%3D%22%2341479B%22%2F%3E%0A%3Cpath%20id%3D%22Vector_3%22%20d%3D%22M19.9998%209.99995C19.9972%207.9326%2019.3551%205.91667%2018.1615%204.2287C16.9679%202.54073%2015.2813%201.26341%2013.333%200.57196V19.4279C15.2813%2018.7365%2016.9679%2017.4592%2018.1615%2015.7712C19.3551%2014.0832%2019.9972%2012.0673%2019.9998%209.99995Z%22%20fill%3D%22%23FF4B55%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A');\n\n$us-flag: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20fill%3D%22none%22%20version%3D%221.1%22%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22linearGradient1603%22%20x1%3D%2210%22%20x2%3D%2210%22%20y1%3D%22-1.598e-10%22%20y2%3D%223.081%22%20gradientUnits%3D%22userSpaceOnUse%22%20spreadMethod%3D%22repeat%22%3E%3Cstop%20stop-color%3D%22%23ff4b55%22%20offset%3D%220%22%2F%3E%3Cstop%20stop-color%3D%22%23ff4b55%22%20offset%3D%22.5%22%2F%3E%3Cstop%20stop-color%3D%22%23ff4b55%22%20stop-opacity%3D%220%22%20offset%3D%22.5%22%2F%3E%3Cstop%20stop-color%3D%22%23ff4b55%22%20stop-opacity%3D%220%22%20offset%3D%221%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Ctitle%3EFlag%20of%20the%20United%20States%3C%2Ftitle%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%229.75%22%20fill%3D%22%23fff%22%20stroke%3D%22%23ededed%22%20stroke-width%3D%22.5%22%2F%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%2210%22%20fill%3D%22url%28%23linearGradient1603%29%22%20stroke%3D%22%23ededed%22%20stroke-width%3D%22.5%22%2F%3E%3Cpath%20d%3D%22m10%200c-5.219.005852-9.556%204.025-9.959%209.229h-.007812v1.541h9.967z%22%20fill%3D%22%2341479b%22%2F%3E%3Cpath%20d%3D%22m1.369%205.519.1414.4413-.377-.268-.2356.1734c.11-.2364.2199-.4729.3456-.7093l.03141.09458h.4555z%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22m.09595%208.741.1414.4409-.1885-.1417c.01571-.189.03141-.378.06283-.5669h.3612z%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20id%3D%22path2683%22%20transform%3D%22matrix%281.113%200%200%201.113%20-4.778%201.016%29%22%20d%3D%22m8.728.5188.132.3843.4062.006802-.3247.2443.1191.3885-.3327-.2333-.3327.2333.1191-.3885-.3247-.2443.4062-.006802z%22%20fill%3D%22%23fff%22%20stroke%3D%22none%22%2F%3E%3Cuse%20transform%3D%22translate%28-3.805%205.387%29%22%20fill%3D%22%23ffffff%22%20stroke%3D%22%23ffffff%22%20xlink%3Ahref%3D%22%23path2683%22%2F%3E%3Cuse%20transform%3D%22translate%28-3.805%207.542%29%22%20fill%3D%22%23ffffff%22%20stroke%3D%22%23ffffff%22%20xlink%3Ahref%3D%22%23path2683%22%2F%3E%3Cuse%20transform%3D%22translate%28-1.276%201.078%29%22%20fill%3D%22%23ffffff%22%20stroke%3D%22%23ffffff%22%20xlink%3Ahref%3D%22%23path2683%22%2F%3E%3Cuse%20transform%3D%22translate%28-1.276%203.232%29%22%20fill%3D%22%23ffffff%22%20stroke%3D%22%23ffffff%22%20xlink%3Ahref%3D%22%23path2683%22%2F%3E%3Cuse%20transform%3D%22translate%28-1.276%205.387%29%22%20fill%3D%22%23ffffff%22%20stroke%3D%22%23ffffff%22%20xlink%3Ahref%3D%22%23path2683%22%2F%3E%3Cuse%20transform%3D%22translate%28-1.276%207.542%29%22%20fill%3D%22%23ffffff%22%20stroke%3D%22%23ffffff%22%20xlink%3Ahref%3D%22%23path2683%22%2F%3E%3Cuse%20transform%3D%22translate%281.255%20-1.077%29%22%20fill%3D%22%23ffffff%22%20stroke%3D%22%23ffffff%22%20xlink%3Ahref%3D%22%23path2683%22%2F%3E%3Cuse%20transform%3D%22translate%281.255%201.078%29%22%20fill%3D%22%23ffffff%22%20stroke%3D%22%23ffffff%22%20xlink%3Ahref%3D%22%23path2683%22%2F%3E%3Cuse%20transform%3D%22translate%281.255%203.232%29%22%20fill%3D%22%23ffffff%22%20stroke%3D%22%23ffffff%22%20xlink%3Ahref%3D%22%23path2683%22%2F%3E%3Cuse%20transform%3D%22translate%281.255%205.387%29%22%20fill%3D%22%23ffffff%22%20stroke%3D%22%23ffffff%22%20xlink%3Ahref%3D%22%23path2683%22%2F%3E%3Cuse%20transform%3D%22translate%281.255%207.542%29%22%20fill%3D%22%23ffffff%22%20stroke%3D%22%23ffffff%22%20xlink%3Ahref%3D%22%23path2683%22%2F%3E%3Cuse%20transform%3D%22translate%283.784%20-1.077%29%22%20fill%3D%22%23ffffff%22%20stroke%3D%22%23ffffff%22%20xlink%3Ahref%3D%22%23path2683%22%2F%3E%3Cuse%20transform%3D%22translate%283.784%201.078%29%22%20fill%3D%22%23ffffff%22%20stroke%3D%22%23ffffff%22%20xlink%3Ahref%3D%22%23path2683%22%2F%3E%3Cuse%20transform%3D%22translate%283.784%203.232%29%22%20fill%3D%22%23ffffff%22%20stroke%3D%22%23ffffff%22%20xlink%3Ahref%3D%22%23path2683%22%2F%3E%3Cuse%20transform%3D%22translate%283.784%205.387%29%22%20fill%3D%22%23ffffff%22%20stroke%3D%22%23ffffff%22%20xlink%3Ahref%3D%22%23path2683%22%2F%3E%3Cuse%20transform%3D%22translate%283.784%207.542%29%22%20fill%3D%22%23ffffff%22%20stroke%3D%22%23ffffff%22%20xlink%3Ahref%3D%22%23path2683%22%2F%3E%3Cuse%20transform%3D%22translate%28-2.534%202.148%29%22%20fill%3D%22%23ffffff%22%20stroke%3D%22%23ffffff%22%20xlink%3Ahref%3D%22%23path2683%22%2F%3E%3Cuse%20transform%3D%22translate%28-2.534%204.302%29%22%20fill%3D%22%23ffffff%22%20stroke%3D%22%23ffffff%22%20xlink%3Ahref%3D%22%23path2683%22%2F%3E%3Cuse%20transform%3D%22translate%28-2.534%206.457%29%22%20fill%3D%22%23ffffff%22%20stroke%3D%22%23ffffff%22%20xlink%3Ahref%3D%22%23path2683%22%2F%3E%3Cuse%20transform%3D%22translate%28-.01155%202.148%29%22%20fill%3D%22%23ffffff%22%20stroke%3D%22%23ffffff%22%20xlink%3Ahref%3D%22%23path2683%22%2F%3E%3Cuse%20transform%3D%22translate%28-.01155%204.302%29%22%20fill%3D%22%23ffffff%22%20stroke%3D%22%23ffffff%22%20xlink%3Ahref%3D%22%23path2683%22%2F%3E%3Cuse%20transform%3D%22translate%28-.01155%206.457%29%22%20fill%3D%22%23ffffff%22%20stroke%3D%22%23ffffff%22%20xlink%3Ahref%3D%22%23path2683%22%2F%3E%3Cuse%20transform%3D%22translate%282.534%202.148%29%22%20fill%3D%22%23ffffff%22%20stroke%3D%22%23ffffff%22%20xlink%3Ahref%3D%22%23path2683%22%2F%3E%3Cuse%20transform%3D%22translate%282.534%204.302%29%22%20fill%3D%22%23ffffff%22%20stroke%3D%22%23ffffff%22%20xlink%3Ahref%3D%22%23path2683%22%2F%3E%3Cuse%20transform%3D%22translate%282.534%206.457%29%22%20fill%3D%22%23ffffff%22%20stroke%3D%22%23ffffff%22%20xlink%3Ahref%3D%22%23path2683%22%2F%3E%3Cuse%20transform%3D%22translate%282.531%29%22%20fill%3D%22%23ffffff%22%20stroke%3D%22%23ffffff%22%20xlink%3Ahref%3D%22%23path2683%22%2F%3E%3C%2Fsvg%3E');\n\n// $user: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2210%22%20height%3D%2210%22%20viewBox%3D%220%200%2010%2010%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M5%205.625C6.66875%205.625%2010%206.4625%2010%208.125V10H0V8.125C0%206.4625%203.33125%205.625%205%205.625ZM5%200C5.66304%200%206.29893%200.263392%206.76777%200.732233C7.23661%201.20107%207.5%201.83696%207.5%202.5C7.5%203.16304%207.23661%203.79893%206.76777%204.26777C6.29893%204.73661%205.66304%205%205%205C4.33696%205%203.70107%204.73661%203.23223%204.26777C2.76339%203.79893%202.5%203.16304%202.5%202.5C2.5%201.83696%202.76339%201.20107%203.23223%200.732233C3.70107%200.263392%204.33696%200%205%200ZM5%206.8125C3.14375%206.8125%201.1875%207.725%201.1875%208.125V8.8125H8.8125V8.125C8.8125%207.725%206.85625%206.8125%205%206.8125ZM5%201.1875C4.6519%201.1875%204.31806%201.32578%204.07192%201.57192C3.82578%201.81806%203.6875%202.1519%203.6875%202.5C3.6875%202.8481%203.82578%203.18194%204.07192%203.42808C4.31806%203.67422%204.6519%203.8125%205%203.8125C5.3481%203.8125%205.68194%203.67422%205.92808%203.42808C6.17422%203.18194%206.3125%202.8481%206.3125%202.5C6.3125%202.1519%206.17422%201.81806%205.92808%201.57192C5.68194%201.32578%205.3481%201.1875%205%201.1875Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E%0A');\n\n$userOld: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2211%22%20height%3D%2212%22%20version%3D%221.1%22%20viewBox%3D%22.5%20-.083%2011%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m8.5%202.416c0%201.38-1.119%202.499-2.5%202.499-1.381%200-2.5-1.119-2.5-2.499s1.119-2.499%202.5-2.499c1.381%200%202.5%201.119%202.5%202.499zm-7.5%209.501h10c.2761%200%20.5-.2084.5-.4845%200-3.037-2.462-5.467-5.5-5.467s-5.5%202.431-5.5%205.467c0%20.2761.2239.4845.5.4845z%22%20fill%3D%22%238dc63f%22%2F%3E%3C%2Fsvg%3E');\n\n$user: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%2012C15.3137%2012%2018%209.31371%2018%206C18%202.68629%2015.3137%200%2012%200C8.6863%200%206%202.68629%206%206C6%209.31371%208.6863%2012%2012%2012Z%22%20fill%3D%22%23699A24%22%2F%3E%3Cpath%20d%3D%22M24.0001%2019.7997C24.0026%2019.2255%2023.8393%2018.6627%2023.5299%2018.179C23.2204%2017.6953%2022.778%2017.3112%2022.2556%2017.0727C19.0217%2015.6655%2015.5266%2014.959%2012.0001%2014.9997C8.47355%2014.959%204.97839%2015.6655%201.74453%2017.0727C1.22216%2017.3112%200.7797%2017.6953%200.470258%2018.179C0.160817%2018.6627%20-0.00245904%2019.2255%202.7994e-05%2019.7997V23.9997H24.0001V19.7997Z%22%20fill%3D%22%23699A24%22%2F%3E%3C%2Fsvg%3E');\n\n$heartOld: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2222%22%20height%3D%2221.017%22%20viewBox%3D%22-19%201.983%2022%2021.017%22%3E%3Cpath%20d%3D%22M-3.417%202A6.452%206.452%200%200%200-8%203.947a6.4%206.4%200%200%200-11%204.444c0%205.844%209.994%2014.056%2010.42%2014.4a.92.92%200%200%200%201.16%200C-6.994%2022.447%203%2014.235%203%208.391A6.412%206.412%200%200%200-3.417%202Z%22%20fill%3D%22%23303945%22%2F%3E%3C%2Fsvg%3E');\n\n$heart: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2226%22%20height%3D%2224%22%20viewBox%3D%220%200%2026%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M17.8091%200.00399429C15.8358%200.0149724%2013.9492%200.816447%2012.5714%202.22913C10.5%200.0877774%207.33681%20-0.583217%204.57445%200.532776C1.81209%201.64877%200.00266102%204.3287%200%207.30798C0%2013.9868%2011.4217%2023.3719%2011.9085%2023.7651C12.2948%2024.0788%2012.848%2024.0788%2013.2343%2023.7651C13.7211%2023.3719%2025.1428%2013.9868%2025.1428%207.30798C25.1296%203.26799%2021.8491%200.000822645%2017.8091%200.00399429Z%22%20fill%3D%22%23C9D0DD%22%2F%3E%3C%2Fsvg%3E');\n\n$heart-small: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216.05%22%20height%3D%2214.033%22%20viewBox%3D%22345.983%204913.983%2016.05%2014.033%22%3E%3Cpath%20d%3D%22M360.682%204915.318A4.485%204.485%200%200%200%20357.5%204914a4.377%204.377%200%200%200-3.5%201.707%204.383%204.383%200%200%200-3.5-1.707%204.5%204.5%200%200%200-3.182%207.682L354%204928l6.682-6.318a4.5%204.5%200%200%200%200-6.364Zm-1.4%204.933-5.282%204.996-5.285-5A2.5%202.5%200%200%201%20350.5%204916c1.437%200%202.312.681%203.5%202.625%201.187-1.944%202.062-2.625%203.5-2.625a2.5%202.5%200%200%201%201.785%204.251Z%22%20fill%3D%22%23303945%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E');\n\n$heart-b2b: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2212%22%20height%3D%2211%22%20viewBox%3D%220%200%2012%2011%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M12%203.297C12%205.55695%209.96%207.40926%206.87%2010.2087L6%2011L5.13%2010.2087C2.04%207.40926%200%205.55695%200%203.297C0%201.44469%201.452%200%203.3%200C4.344%200%205.346%200.485559%206%201.24687C6.654%200.485559%207.656%200%208.7%200C10.548%200%2012%201.44469%2012%203.297ZM10.8%203.297C10.8%202.09809%209.9%201.19891%208.7%201.19891C7.776%201.19891%206.876%201.79837%206.558%202.61362H5.442C5.124%201.79837%204.224%201.19891%203.3%201.19891C2.1%201.19891%201.2%202.09809%201.2%203.297C1.2%205.02943%203.084%206.73787%205.934%209.32153L6%209.38147L6.06%209.32153C8.916%206.73787%2010.8%205.02943%2010.8%203.297Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E%0A');\n\n$envelopeOld: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216.017%22%20height%3D%2214%22%20viewBox%3D%22649%204914%2016.017%2014%22%3E%3Cg%3E%3Cpath%20d%3D%22M663%204914h-12a2%202%200%200%200-2%202v.4l8%204.5%208-4.4v-.5a2%202%200%200%200-2-2Z%22%20fill%3D%22%238dc63f%22%2F%3E%3Cpath%20d%3D%22m656.5%204922.9-7.5-4.2v7.3a2%202%200%200%200%202%202h12a2%202%200%200%200%202-2v-7.3l-7.5%204.2c-.318.14-.68.14-1%200Z%22%20fill%3D%22%238dc63f%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');\n\n$envelope: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2215%22%20height%3D%2212%22%20viewBox%3D%220%200%2015%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M13.0156%200H1.85938C1.3664%200.000527341%200.893767%200.196595%200.545181%200.545181C0.196595%200.893767%200.000527341%201.3664%200%201.85938V9.82812C0.000527341%2010.3211%200.196595%2010.7937%200.545181%2011.1423C0.893767%2011.4909%201.3664%2011.687%201.85938%2011.6875H13.0156C13.5086%2011.687%2013.9812%2011.4909%2014.3298%2011.1423C14.6784%2010.7937%2014.8745%2010.3211%2014.875%209.82812V1.85938C14.8745%201.3664%2014.6784%200.893767%2014.3298%200.545181C13.9812%200.196595%2013.5086%200.000527341%2013.0156%200ZM12.5448%203.07561L7.76356%206.79436C7.67032%206.86684%207.55559%206.90618%207.4375%206.90618C7.31941%206.90618%207.20468%206.86684%207.11144%206.79436L2.3302%203.07561C2.27402%203.03318%202.22684%202.98002%202.19138%202.9192C2.15593%202.85839%202.13292%202.79113%202.12369%202.72135C2.11445%202.65156%202.11918%202.58064%202.1376%202.5127C2.15601%202.44475%202.18774%202.38115%202.23095%202.32557C2.27416%202.27%202.32798%202.22357%202.38929%202.18898C2.4506%202.15439%202.51817%202.13232%202.58808%202.12407C2.65799%202.11582%202.72884%202.12155%202.79652%202.14092C2.86419%202.16028%202.92735%202.19291%202.9823%202.23689L7.4375%205.70197L11.8927%202.23689C12.0041%202.15277%2012.1441%202.11587%2012.2825%202.13418C12.4209%202.15249%2012.5466%202.22454%2012.6322%202.33475C12.7179%202.44496%2012.7568%202.58447%2012.7404%202.72311C12.7241%202.86175%2012.6538%202.98837%2012.5448%203.07561Z%22%20fill%3D%22%23303945%22%2F%3E%3C%2Fsvg%3E');\n\n$envelope-b2b: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2213%22%20height%3D%2210%22%20viewBox%3D%220%200%2013%2010%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M11.8529%200H1.14706C0.305883%200%200%200.307692%200%201.15385V8.84615C0%209.7%200.305883%2010%201.14706%2010H11.8529C12.7018%2010%2013%209.7%2013%208.84615V1.15385C13%200.307692%2012.7018%200%2011.8529%200ZM11.8529%208.84615H1.14706V2.30769L6.5%205.38462L11.8529%202.5V8.84615ZM6.5%204.08462L1.14706%201.15385H11.8529L6.5%204.08462Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E%0A');\n\n$cart: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2212%22%20height%3D%2210%22%20viewBox%3D%220%200%2012%2010%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M2.05385%200.713786H0.356887C0.159783%200.713786%200%200.554%200%200.356893C0%200.159785%200.159783%200%200.356887%200H2.05385C2.25096%200%202.41074%200.159785%202.41074%200.356893C2.41074%200.554%202.25096%200.713786%202.05385%200.713786ZM9.73277%208.21437H3.92926C3.73216%208.21437%203.57237%208.05458%203.57237%207.85748C3.57237%207.66037%203.73216%207.50058%203.92926%207.50058H9.73393C9.93104%207.50058%2010.0908%207.66037%2010.0908%207.85748C10.0908%208.05458%209.92987%208.21437%209.73277%208.21437ZM11.0728%202.14252H2.58918C2.39208%202.14252%202.2323%201.98274%202.2323%201.78563C2.2323%201.58852%202.39208%201.42874%202.58918%201.42874H11.0717C11.2688%201.42874%2011.4286%201.58852%2011.4286%201.78563C11.4297%201.98274%2011.2699%202.14252%2011.0728%202.14252ZM10.5142%204.28621H3.14784C2.95074%204.28621%202.79095%204.12643%202.79095%203.92932C2.79095%203.73221%202.95074%203.57243%203.14784%203.57243H10.5142C10.7113%203.57243%2010.8711%203.73221%2010.8711%203.92932C10.8711%204.12526%2010.7113%204.28621%2010.5142%204.28621ZM10.001%206.42874H3.70533C3.50823%206.42874%203.34844%206.26895%203.34844%206.07185C3.34844%205.87474%203.50823%205.71495%203.70533%205.71495H10.001C10.1981%205.71495%2010.3579%205.87474%2010.3579%206.07185C10.3579%206.26895%2010.1981%206.42874%2010.001%206.42874ZM6.74121%206.38442C6.5441%206.38442%206.38432%206.22463%206.38432%206.02752V2.18684C6.38432%201.98974%206.5441%201.82995%206.74121%201.82995C6.93831%201.82995%207.0981%201.98974%207.0981%202.18684V6.02636C7.09926%206.22463%206.93948%206.38442%206.74121%206.38442ZM9.19977%201.93025L8.74258%205.74294C8.71925%205.93889%208.54081%206.07884%208.34487%206.05552C8.14893%206.03219%208.00898%205.85374%208.0323%205.65897L8.49066%201.84628C8.51398%201.65034%208.69243%201.51038%208.88836%201.53371C9.0843%201.55703%209.22309%201.73548%209.19977%201.93025ZM11.4099%201.88127L10.3801%206.03336C10.3334%206.22463%2010.1398%206.34243%209.94736%206.29461C9.75609%206.24796%209.6383%206.05435%209.68611%205.86191L10.716%201.70982C10.7626%201.51854%2010.9562%201.40075%2011.1487%201.44857C11.3399%201.49638%2011.4566%201.68999%2011.4099%201.88127ZM5.14921%206.11033C4.95327%206.13599%204.77483%205.9972%204.74917%205.80126L4.28965%202.21367C4.26399%202.01773%204.40278%201.83928%204.59872%201.81362C4.79465%201.78796%204.9731%201.92676%204.99876%202.1227L5.45828%205.71029C5.48277%205.90623%205.34515%206.08467%205.14921%206.11033ZM3.99574%208.13039C3.8033%208.17821%203.6097%208.06158%203.56188%207.87031L1.72612%200.515512C1.6783%200.324236%201.79493%200.130627%201.98737%200.0828085C2.17981%200.0349895%202.37342%200.151621%202.42124%200.342897L4.25583%207.69769C4.30364%207.88897%204.18701%208.08374%203.99574%208.13039ZM4.5544%2010C4.16019%2010%203.84062%209.68043%203.84062%209.28621C3.84062%208.892%204.16019%208.57126%204.5544%208.57126C4.94861%208.57126%205.26817%208.89083%205.26817%209.28621C5.26817%209.68043%204.94861%2010%204.5544%2010ZM8.92918%2010C8.53498%2010%208.21541%209.68043%208.21541%209.28621C8.21541%208.892%208.53498%208.57126%208.92918%208.57126C9.32339%208.57126%209.64413%208.89083%209.64413%209.28621C9.64413%209.68043%209.32339%2010%208.92918%2010Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E%0A');\n\n$errorOld: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2226%22%20height%3D%2225%22%20viewBox%3D%220%200%2026%2025%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M12.6287%200.0253601C5.7398%200.0253601%200.154053%205.61111%200.154053%2012.5C0.154053%2019.3889%205.7398%2024.9747%2012.6287%2024.9747C19.5176%2024.9747%2025.1034%2019.3889%2025.1034%2012.5C25.1034%205.61111%2019.5176%200.0253601%2012.6287%200.0253601ZM12.6287%2022.8584C6.9093%2022.8584%202.27029%2018.2194%202.27029%2012.5C2.27029%2010.0218%203.14185%207.74406%204.59537%205.96196L19.1668%2020.5334C17.3847%2021.9869%2015.1069%2022.8584%2012.6287%2022.8584ZM20.6621%2019.0381L6.09065%204.46667C7.87275%203.01315%2010.1505%202.1416%2012.6287%202.1416C18.3481%202.1416%2022.9871%206.78061%2022.9871%2012.5C22.9871%2014.9782%2022.1156%2017.256%2020.6621%2019.0381Z%22%20fill%3D%22%23E0232E%22%2F%3E%0A%3C%2Fsvg%3E');\n\n$error: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210.75%22%20stroke%3D%22%23C63F3F%22%20stroke-width%3D%222.5%22%2F%3E%3Cpath%20d%3D%22M4.5%204L19.75%2019.25%22%20stroke%3D%22%23C63F3F%22%20stroke-width%3D%222.5%22%2F%3E%3C%2Fsvg%3E');\n\n// $info: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2227%22%20height%3D%2226%22%20viewBox%3D%220%200%2027%2026%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M13.1289%2024.375C16.1457%2024.375%2019.039%2023.1766%2021.1722%2021.0433C23.3055%2018.9101%2024.5039%2016.0168%2024.5039%2013C24.5039%209.98316%2023.3055%207.08989%2021.1722%204.95666C19.039%202.82343%2016.1457%201.625%2013.1289%201.625C10.1121%201.625%207.21879%202.82343%205.08557%204.95666C2.95234%207.08989%201.75391%209.98316%201.75391%2013C1.75391%2016.0168%202.95234%2018.9101%205.08557%2021.0433C7.21879%2023.1766%2010.1121%2024.375%2013.1289%2024.375V24.375ZM13.1289%2026C16.5767%2026%2019.8833%2024.6304%2022.3213%2022.1924C24.7593%2019.7544%2026.1289%2016.4478%2026.1289%2013C26.1289%209.55219%2024.7593%206.24558%2022.3213%203.80761C19.8833%201.36964%2016.5767%200%2013.1289%200C9.68109%200%206.37449%201.36964%203.93652%203.80761C1.49855%206.24558%200.128906%209.55219%200.128906%2013C0.128906%2016.4478%201.49855%2019.7544%203.93652%2022.1924C6.37449%2024.6304%209.68109%2026%2013.1289%2026V26Z%22%20fill%3D%22%23434343%22%2F%3E%0A%3Cpath%20d%3D%22M14.6401%2010.7054L10.9188%2011.1718L10.7856%2011.7893L11.5168%2011.9242C11.9946%2012.0379%2012.0888%2012.2102%2011.9848%2012.6863L10.7856%2018.3218C10.4703%2019.7794%2010.9562%2020.4652%2012.0986%2020.4652C12.9842%2020.4652%2014.0128%2020.0557%2014.4792%2019.4934L14.6222%2018.8174C14.2972%2019.1034%2013.8227%2019.2172%2013.5075%2019.2172C13.0606%2019.2172%2012.8981%2018.9035%2013.0135%2018.351L14.6401%2010.7054Z%22%20fill%3D%22%23434343%22%2F%3E%0A%3Cpath%20d%3D%22M13.1289%208.9375C14.0264%208.9375%2014.7539%208.20996%2014.7539%207.3125C14.7539%206.41504%2014.0264%205.6875%2013.1289%205.6875C12.2314%205.6875%2011.5039%206.41504%2011.5039%207.3125C11.5039%208.20996%2012.2314%208.9375%2013.1289%208.9375Z%22%20fill%3D%22%23434343%22%2F%3E%0A%3C%2Fsvg%3E');\n\n$i-circle: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20version%3D%221.1%22%20viewBox%3D%22417.5%2063%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m424.5%2067.9a1%201%200%20110%20.1zm0%202.1h2v5h-2zm1-7c-4.4%200-8%203.6-8%208s3.6%208%208%208%208-3.6%208-8-3.6-8-8-8zm0%2014c-3.3%200-6-2.7-6-6s2.7-6%206-6%206%202.7%206%206-2.7%206-6%206z%22%20fill%3D%22%23303945%22%2F%3E%3C%2Fsvg%3E');\n\n$checkOld: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2212%22%20height%3D%229%22%20version%3D%221.1%22%20viewBox%3D%220%20.983%2012%209%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m10.28%201.288-6.28%206.285-2.288-2.29a.998.9987%200%2010-1.411%201.412l2.994%202.996a.998.9987%200%20001.411%200l6.986-6.991a.998.9987%200%2010-1.411-1.412z%22%20fill%3D%22%23bfe28f%22%2F%3E%3C%2Fsvg%3E');\n\n$check-small: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%2214%22%20height%3D%2214%22%20rx%3D%227%22%20fill%3D%22%238DC63F%22%2F%3E%3Cpath%20d%3D%22M5.57061%2010.5L2.24561%207.175L3.07686%206.34375L5.57061%208.8375L10.9227%203.48541L11.7539%204.31666L5.57061%2010.5Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E');\n\n$check: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2218%22%20height%3D%2214%22%20viewBox%3D%220%200%2018%2014%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M1.7583%207.21565L7.3583%2011.7611L15.7583%201.76111%22%20stroke%3D%22%2398A1AD%22%20stroke-width%3D%222.5%22%20stroke-linecap%3D%22square%22%2F%3E%3C%2Fsvg%3E');\n\n$check-white: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228.833%22%20height%3D%226.817%22%20viewBox%3D%223.567%204.583%208.833%206.817%22%3E%3Cpath%20d%3D%22M12.4%206%2011%204.6l-4%204-2-2L3.6%208%207%2011.4%2012.4%206Z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E');\n\n$check-dark: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228.833%22%20height%3D%226.817%22%20viewBox%3D%223.567%204.583%208.833%206.817%22%3E%3Cpath%20d%3D%22M12.4%206%2011%204.6l-4%204-2-2L3.6%208%207%2011.4%2012.4%206Z%22%20fill%3D%22%23777%22%2F%3E%3C%2Fsvg%3E');\n\n// $info: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2227%22%20height%3D%2226%22%20viewBox%3D%220%200%2027%2026%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M13.1289%2024.375C16.1457%2024.375%2019.039%2023.1766%2021.1722%2021.0433C23.3055%2018.9101%2024.5039%2016.0168%2024.5039%2013C24.5039%209.98316%2023.3055%207.08989%2021.1722%204.95666C19.039%202.82343%2016.1457%201.625%2013.1289%201.625C10.1121%201.625%207.21879%202.82343%205.08557%204.95666C2.95234%207.08989%201.75391%209.98316%201.75391%2013C1.75391%2016.0168%202.95234%2018.9101%205.08557%2021.0433C7.21879%2023.1766%2010.1121%2024.375%2013.1289%2024.375V24.375ZM13.1289%2026C16.5767%2026%2019.8833%2024.6304%2022.3213%2022.1924C24.7593%2019.7544%2026.1289%2016.4478%2026.1289%2013C26.1289%209.55219%2024.7593%206.24558%2022.3213%203.80761C19.8833%201.36964%2016.5767%200%2013.1289%200C9.68109%200%206.37449%201.36964%203.93652%203.80761C1.49855%206.24558%200.128906%209.55219%200.128906%2013C0.128906%2016.4478%201.49855%2019.7544%203.93652%2022.1924C6.37449%2024.6304%209.68109%2026%2013.1289%2026V26Z%22%20fill%3D%22%23434343%22%2F%3E%0A%3Cpath%20d%3D%22M14.6401%2010.7054L10.9188%2011.1718L10.7856%2011.7893L11.5168%2011.9242C11.9946%2012.0379%2012.0888%2012.2102%2011.9848%2012.6863L10.7856%2018.3218C10.4703%2019.7794%2010.9562%2020.4652%2012.0986%2020.4652C12.9842%2020.4652%2014.0128%2020.0557%2014.4792%2019.4934L14.6222%2018.8174C14.2972%2019.1034%2013.8227%2019.2172%2013.5075%2019.2172C13.0606%2019.2172%2012.8981%2018.9035%2013.0135%2018.351L14.6401%2010.7054Z%22%20fill%3D%22%23434343%22%2F%3E%0A%3Cpath%20d%3D%22M13.1289%208.9375C14.0264%208.9375%2014.7539%208.20996%2014.7539%207.3125C14.7539%206.41504%2014.0264%205.6875%2013.1289%205.6875C12.2314%205.6875%2011.5039%206.41504%2011.5039%207.3125C11.5039%208.20996%2012.2314%208.9375%2013.1289%208.9375Z%22%20fill%3D%22%23434343%22%2F%3E%0A%3C%2Fsvg%3E');\n\n$info: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url%28%23clip0_4973_19262%29%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M12%200C5.37273%200%200%205.37273%200%2012C0%2018.6273%205.37273%2024%2012%2024C18.6273%2024%2024%2018.6273%2024%2012C24%205.37273%2018.6273%200%2012%200ZM11.4545%205.45455C11.1652%205.45455%2010.8877%205.56948%2010.6832%205.77407C10.4786%205.97865%2010.3636%206.25613%2010.3636%206.54545C10.3636%206.83478%2010.4786%207.11226%2010.6832%207.31684C10.8877%207.52143%2011.1652%207.63636%2011.4545%207.63636H12C12.2893%207.63636%2012.5668%207.52143%2012.7714%207.31684C12.976%207.11226%2013.0909%206.83478%2013.0909%206.54545C13.0909%206.25613%2012.976%205.97865%2012.7714%205.77407C12.5668%205.56948%2012.2893%205.45455%2012%205.45455H11.4545ZM9.81818%209.81818C9.52886%209.81818%209.25138%209.93312%209.04679%2010.1377C8.84221%2010.3423%208.72727%2010.6198%208.72727%2010.9091C8.72727%2011.1984%208.84221%2011.4759%209.04679%2011.6805C9.25138%2011.8851%209.52886%2012%209.81818%2012H10.9091V15.2727H9.81818C9.52886%2015.2727%209.25138%2015.3877%209.04679%2015.5922C8.84221%2015.7968%208.72727%2016.0743%208.72727%2016.3636C8.72727%2016.653%208.84221%2016.9304%209.04679%2017.135C9.25138%2017.3396%209.52886%2017.4545%209.81818%2017.4545H14.1818C14.4711%2017.4545%2014.7486%2017.3396%2014.9532%2017.135C15.1578%2016.9304%2015.2727%2016.653%2015.2727%2016.3636C15.2727%2016.0743%2015.1578%2015.7968%2014.9532%2015.5922C14.7486%2015.3877%2014.4711%2015.2727%2014.1818%2015.2727H13.0909V10.9091C13.0909%2010.6198%2012.976%2010.3423%2012.7714%2010.1377C12.5668%209.93312%2012.2893%209.81818%2012%209.81818H9.81818Z%22%20fill%3D%22%2398A1AD%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_4973_19262%22%3E%0A%3Crect%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E');\n\n$info2: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ccircle%20cx%3D%2212.5%22%20cy%3D%2212.5%22%20r%3D%229.5%22%20fill%3D%22%23303945%22%2F%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M12%200C5.37273%200%200%205.37273%200%2012C0%2018.6273%205.37273%2024%2012%2024C18.6273%2024%2024%2018.6273%2024%2012C24%205.37273%2018.6273%200%2012%200ZM11.4545%205.45455C11.1652%205.45455%2010.8877%205.56948%2010.6832%205.77407C10.4786%205.97865%2010.3636%206.25613%2010.3636%206.54545C10.3636%206.83478%2010.4786%207.11226%2010.6832%207.31684C10.8877%207.52143%2011.1652%207.63636%2011.4545%207.63636H12C12.2893%207.63636%2012.5668%207.52143%2012.7714%207.31684C12.976%207.11226%2013.0909%206.83478%2013.0909%206.54545C13.0909%206.25613%2012.976%205.97865%2012.7714%205.77407C12.5668%205.56948%2012.2893%205.45455%2012%205.45455H11.4545ZM9.81818%209.81818C9.52886%209.81818%209.25138%209.93312%209.04679%2010.1377C8.84221%2010.3423%208.72727%2010.6198%208.72727%2010.9091C8.72727%2011.1984%208.84221%2011.4759%209.04679%2011.6805C9.25138%2011.8851%209.52886%2012%209.81818%2012H10.9091V15.2727H9.81818C9.52886%2015.2727%209.25138%2015.3877%209.04679%2015.5922C8.84221%2015.7968%208.72727%2016.0743%208.72727%2016.3636C8.72727%2016.653%208.84221%2016.9304%209.04679%2017.135C9.25138%2017.3396%209.52886%2017.4545%209.81818%2017.4545H14.1818C14.4711%2017.4545%2014.7486%2017.3396%2014.9532%2017.135C15.1578%2016.9304%2015.2727%2016.653%2015.2727%2016.3636C15.2727%2016.0743%2015.1578%2015.7968%2014.9532%2015.5922C14.7486%2015.3877%2014.4711%2015.2727%2014.1818%2015.2727H13.0909V10.9091C13.0909%2010.6198%2012.976%2010.3423%2012.7714%2010.1377C12.5668%209.93312%2012.2893%209.81818%2012%209.81818H9.81818Z%22%20fill%3D%22%23C9D0DD%22%2F%3E%3C%2Fsvg%3E');\n\n// same as info2?\n$info3: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2212%22%20fill%3D%22%23c9d0dd%22%20fill-rule%3D%22evenodd%22%20stroke-opacity%3D%22.3137%22%20stroke-width%3D%223.78%22%2F%3E%3Cpath%20d%3D%22m11.46%205.455c-.2893%200-.567.1138-.7715.3184-.2046.2046-.3203.4822-.3203.7715%200%20.2893.1157.5669.3203.7715.2045.2046.4822.3203.7715.3203h.5449c.2893%200%20.5669-.1157.7715-.3203.2046-.2046.3203-.4822.3203-.7715%200-.2893-.1157-.5669-.3203-.7715-.2046-.2046-.4822-.3184-.7715-.3184h-.5449zm-1.637%204.363c-.2893%200-.5669.1157-.7715.3203-.2046.2046-.3203.4802-.3203.7695s.1157.5669.3203.7715c.2046.2046.4822.3203.7715.3203h1.09v3.273h-1.09c-.2893%200-.5669.1139-.7715.3184-.2046.2046-.3203.4822-.3203.7715%200%20.2894.1157.5669.3203.7715.2046.2046.4822.3203.7715.3203h4.363c.2893%200%20.5669-.1157.7715-.3203.2046-.2046.3203-.4821.3203-.7715%200-.2893-.1157-.5669-.3203-.7715-.2046-.2045-.4822-.3184-.7715-.3184h-1.09v-4.365c0-.2893-.1157-.5649-.3203-.7695-.2046-.2046-.4822-.3203-.7715-.3203h-2.182z%22%20fill%3D%22%23303945%22%20fill-rule%3D%22evenodd%22%20stroke-opacity%3D%22.3137%22%20stroke-width%3D%223.78%22%2F%3E%3C%2Fsvg%3E');\n\n$check-b2b: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2229%22%20height%3D%2227%22%20viewBox%3D%220%200%2029%2027%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M27.8371%203.29217C27.9302%203.38506%2028.0041%203.49541%2028.0545%203.6169C28.1049%203.73839%2028.1309%203.86864%2028.1309%204.00017C28.1309%204.1317%2028.1049%204.26195%2028.0545%204.38344C28.0041%204.50493%2027.9302%204.61528%2027.8371%204.70817L13.8371%2018.7082C13.7442%2018.8013%2013.6338%2018.8752%2013.5123%2018.9256C13.3908%2018.976%2013.2606%2019.002%2013.1291%2019.002C12.9975%2019.002%2012.8673%2018.976%2012.7458%2018.9256C12.6243%2018.8752%2012.514%2018.8013%2012.4211%2018.7082L6.42107%2012.7082C6.3281%2012.6152%206.25434%2012.5048%206.20402%2012.3833C6.15371%2012.2619%206.12781%2012.1317%206.12781%2012.0002C6.12781%2011.8687%206.15371%2011.7385%206.20402%2011.617C6.25434%2011.4955%206.3281%2011.3851%206.42107%2011.2922C6.51405%2011.1992%206.62443%2011.1254%206.7459%2011.0751C6.86738%2011.0248%206.99758%2010.9989%207.12907%2010.9989C7.26056%2010.9989%207.39076%2011.0248%207.51224%2011.0751C7.63372%2011.1254%207.7441%2011.1992%207.83707%2011.2922L13.1291%2016.5862L26.4211%203.29217C26.514%203.19904%2026.6243%203.12516%2026.7458%203.07475C26.8673%203.02433%2026.9975%202.99838%2027.1291%202.99838C27.2606%202.99838%2027.3908%203.02433%2027.5123%203.07475C27.6338%203.12516%2027.7442%203.19904%2027.8371%203.29217V3.29217Z%22%20fill%3D%22%2397BF0D%22%2F%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M13.1289%203.00013C10.9533%203.00013%208.82659%203.64527%207.01765%204.85397C5.20871%206.06266%203.79881%207.78063%202.96625%209.79062C2.13369%2011.8006%201.91585%2014.0123%202.34029%2016.1461C2.76472%2018.2799%203.81237%2020.2399%205.35075%2021.7783C6.88913%2023.3167%208.84914%2024.3643%2010.9829%2024.7888C13.1167%2025.2132%2015.3285%2024.9954%2017.3384%2024.1628C19.3484%2023.3302%2021.0664%2021.9203%2022.2751%2020.1114C23.4838%2018.3025%2024.1289%2016.1757%2024.1289%2014.0001C24.1289%2013.7349%2024.2343%2013.4806%2024.4218%2013.293C24.6094%2013.1055%2024.8637%2013.0001%2025.1289%2013.0001C25.3941%2013.0001%2025.6485%2013.1055%2025.836%2013.293C26.0236%2013.4806%2026.1289%2013.7349%2026.1289%2014.0001C26.1286%2016.8618%2025.184%2019.6434%2023.4416%2021.9135C21.6993%2024.1836%2019.2566%2025.8154%2016.4924%2026.5558C13.7281%2027.2962%2010.7968%2027.1038%208.15308%2026.0085C5.50932%2024.9132%203.30085%2022.9761%201.87018%2020.4977C0.4395%2018.0194%20-0.133437%2015.1382%200.240223%2012.301C0.613883%209.46383%201.91326%206.82922%203.93683%204.80578C5.96041%202.78234%208.59509%201.48313%2011.4323%201.10965C14.2695%200.736174%2017.1506%201.30929%2019.6289%202.74013C19.7484%202.80265%2019.8541%202.88869%2019.9394%202.99308C20.0248%203.09748%2020.0882%203.21807%2020.1258%203.3476C20.1634%203.47712%2020.1744%203.61291%2020.1581%203.7468C20.1418%203.88068%2020.0987%204.0099%2020.0312%204.12666C19.9637%204.24343%2019.8733%204.34533%2019.7654%204.42625C19.6575%204.50716%2019.5343%204.56542%2019.4033%204.5975C19.2723%204.62959%2019.1362%204.63485%2019.0031%204.61296C18.87%204.59107%2018.7427%204.54249%2018.6289%204.47013C16.9574%203.50351%2015.0598%202.99635%2013.1289%203.00013V3.00013Z%22%20fill%3D%22%2397BF0D%22%2F%3E%0A%3C%2Fsvg%3E');\n\n$check-circle: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2229%22%20height%3D%2227%22%20viewBox%3D%220%200%2029%2027%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M27.8371%203.29217C27.9302%203.38506%2028.0041%203.49541%2028.0545%203.6169C28.1049%203.73839%2028.1309%203.86864%2028.1309%204.00017C28.1309%204.1317%2028.1049%204.26195%2028.0545%204.38344C28.0041%204.50493%2027.9302%204.61528%2027.8371%204.70817L13.8371%2018.7082C13.7442%2018.8013%2013.6338%2018.8752%2013.5123%2018.9256C13.3908%2018.976%2013.2606%2019.002%2013.1291%2019.002C12.9975%2019.002%2012.8673%2018.976%2012.7458%2018.9256C12.6243%2018.8752%2012.514%2018.8013%2012.4211%2018.7082L6.42107%2012.7082C6.3281%2012.6152%206.25434%2012.5048%206.20402%2012.3833C6.15371%2012.2619%206.12781%2012.1317%206.12781%2012.0002C6.12781%2011.8687%206.15371%2011.7385%206.20402%2011.617C6.25434%2011.4955%206.3281%2011.3851%206.42107%2011.2922C6.51405%2011.1992%206.62443%2011.1254%206.7459%2011.0751C6.86738%2011.0248%206.99758%2010.9989%207.12907%2010.9989C7.26056%2010.9989%207.39076%2011.0248%207.51224%2011.0751C7.63372%2011.1254%207.7441%2011.1992%207.83707%2011.2922L13.1291%2016.5862L26.4211%203.29217C26.514%203.19904%2026.6243%203.12516%2026.7458%203.07475C26.8673%203.02433%2026.9975%202.99838%2027.1291%202.99838C27.2606%202.99838%2027.3908%203.02433%2027.5123%203.07475C27.6338%203.12516%2027.7442%203.19904%2027.8371%203.29217V3.29217Z%22%20fill%3D%22%2397BF0D%22%2F%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M13.1289%203.00013C10.9533%203.00013%208.82659%203.64527%207.01765%204.85397C5.20871%206.06266%203.79881%207.78063%202.96625%209.79062C2.13369%2011.8006%201.91585%2014.0123%202.34029%2016.1461C2.76472%2018.2799%203.81237%2020.2399%205.35075%2021.7783C6.88913%2023.3167%208.84914%2024.3643%2010.9829%2024.7888C13.1167%2025.2132%2015.3285%2024.9954%2017.3384%2024.1628C19.3484%2023.3302%2021.0664%2021.9203%2022.2751%2020.1114C23.4838%2018.3025%2024.1289%2016.1757%2024.1289%2014.0001C24.1289%2013.7349%2024.2343%2013.4806%2024.4218%2013.293C24.6094%2013.1055%2024.8637%2013.0001%2025.1289%2013.0001C25.3941%2013.0001%2025.6485%2013.1055%2025.836%2013.293C26.0236%2013.4806%2026.1289%2013.7349%2026.1289%2014.0001C26.1286%2016.8618%2025.184%2019.6434%2023.4416%2021.9135C21.6993%2024.1836%2019.2566%2025.8154%2016.4924%2026.5558C13.7281%2027.2962%2010.7968%2027.1038%208.15308%2026.0085C5.50932%2024.9132%203.30085%2022.9761%201.87018%2020.4977C0.4395%2018.0194%20-0.133437%2015.1382%200.240223%2012.301C0.613883%209.46383%201.91326%206.82922%203.93683%204.80578C5.96041%202.78234%208.59509%201.48313%2011.4323%201.10965C14.2695%200.736174%2017.1506%201.30929%2019.6289%202.74013C19.7484%202.80265%2019.8541%202.88869%2019.9394%202.99308C20.0248%203.09748%2020.0882%203.21807%2020.1258%203.3476C20.1634%203.47712%2020.1744%203.61291%2020.1581%203.7468C20.1418%203.88068%2020.0987%204.0099%2020.0312%204.12666C19.9637%204.24343%2019.8733%204.34533%2019.7654%204.42625C19.6575%204.50716%2019.5343%204.56542%2019.4033%204.5975C19.2723%204.62959%2019.1362%204.63485%2019.0031%204.61296C18.87%204.59107%2018.7427%204.54249%2018.6289%204.47013C16.9574%203.50351%2015.0598%202.99635%2013.1289%203.00013V3.00013Z%22%20fill%3D%22%2397BF0D%22%2F%3E%0A%3C%2Fsvg%3E');\n\n$check-green: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20x%3D%221%22%20y%3D%221%22%20width%3D%2222%22%20height%3D%2222%22%20rx%3D%2211%22%20stroke%3D%22%23699A24%22%20stroke-width%3D%222%22%2F%3E%3Cpath%20d%3D%22M7%2012.3636L11%2016L17%208%22%20stroke%3D%22%23699A24%22%20stroke-width%3D%222.5%22%20stroke-linecap%3D%22square%22%2F%3E%3C%2Fsvg%3E');\n\n$chevron-left: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%227%22%20height%3D%2211%22%20viewBox%3D%220%200%207%2011%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M0.909133%204.91909L5.27439%200.356263C5.40766%200.216839%205.58847%200.138465%205.77703%200.138382C5.96558%200.138299%206.14645%200.216514%206.27984%200.355821C6.41322%200.495127%206.4882%200.684114%206.48828%200.881206C6.48836%201.0783%206.41353%201.26735%206.28025%201.40677L2.41667%205.44435L6.27856%209.48192C6.34455%209.5509%206.3969%209.63278%206.43261%209.72291C6.46833%209.81303%206.48671%209.90962%206.48671%2010.0072C6.48671%2010.1047%206.46833%2010.2013%206.43261%2010.2914C6.3969%2010.3816%206.34455%2010.4635%206.27856%2010.5324C6.21257%2010.6014%206.13423%2010.6561%206.04801%2010.6935C5.96179%2010.7308%205.86938%2010.75%205.77605%2010.75C5.68273%2010.75%205.59032%2010.7308%205.5041%2010.6935C5.41787%2010.6561%205.33953%2010.6014%205.27354%2010.5324L0.908287%205.9696C0.842292%205.90063%200.789946%205.81874%200.754229%205.72861C0.718513%205.63849%200.700129%205.5419%200.700129%205.44435C0.700129%205.3468%200.718513%205.2502%200.754229%205.16008C0.789946%205.06995%200.842292%204.98806%200.908287%204.91909L0.909133%204.91909Z%22%20fill%3D%22%23434343%22%2F%3E%0A%3C%2Fsvg%3E');\n\n$preorder: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2281%22%20height%3D%2244%22%20viewBox%3D%220%200%2081%2044%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M43.5797%202.7151C22.6995%20-0.532619%2011.5137%207.9971%2011.5137%2013.9369C11.5137%2028.1437%2026.4281%2042%2043.5797%2042C63.3413%2042%2079.224%2035.5262%2079.224%2022C79.224%2013.4167%2058.1213%204.9769%2043.5797%202.7151Z%22%20fill%3D%22url%28%23paint0_linear_1866_3034%29%22%20stroke%3D%22%23F49330%22%20stroke-width%3D%223%22%2F%3E%0A%3Cpath%20d%3D%22M27.4109%2020.088C26.9415%2020.088%2026.7069%2019.846%2026.7069%2019.362V12.96C26.7069%2012.4833%2026.9452%2012.245%2027.4219%2012.245H30.0729C30.9235%2012.245%2031.5799%2012.4577%2032.0419%2012.883C32.5039%2013.3083%2032.7349%2013.9023%2032.7349%2014.665C32.7349%2015.4277%2032.5039%2016.0253%2032.0419%2016.458C31.5799%2016.8833%2030.9235%2017.096%2030.0729%2017.096H28.1149V19.362C28.1149%2019.846%2027.8802%2020.088%2027.4109%2020.088ZM28.1149%2015.985H29.8529C30.8649%2015.985%2031.3709%2015.545%2031.3709%2014.665C31.3709%2013.7923%2030.8649%2013.356%2029.8529%2013.356H28.1149V15.985ZM34.5866%2020.088C34.1173%2020.088%2033.8826%2019.846%2033.8826%2019.362V12.96C33.8826%2012.4833%2034.121%2012.245%2034.5976%2012.245H37.2486C38.0993%2012.245%2038.7556%2012.4503%2039.2176%2012.861C39.6796%2013.2643%2039.9106%2013.8327%2039.9106%2014.566C39.9106%2015.1453%2039.7603%2015.6257%2039.4596%2016.007C39.159%2016.381%2038.7263%2016.634%2038.1616%2016.766C38.5356%2016.8833%2038.8436%2017.1657%2039.0856%2017.613L39.9106%2019.142C40.0353%2019.3767%2040.0573%2019.593%2039.9766%2019.791C39.9033%2019.989%2039.7163%2020.088%2039.4156%2020.088C39.2176%2020.088%2039.0563%2020.0477%2038.9316%2019.967C38.807%2019.879%2038.697%2019.747%2038.6016%2019.571L37.4906%2017.525C37.3586%2017.2757%2037.201%2017.1107%2037.0176%2017.03C36.8416%2016.942%2036.6143%2016.898%2036.3356%2016.898H35.2906V19.362C35.2906%2019.846%2035.056%2020.088%2034.5866%2020.088ZM35.2906%2015.853H37.0066C38.0333%2015.853%2038.5466%2015.435%2038.5466%2014.599C38.5466%2013.7703%2038.0333%2013.356%2037.0066%2013.356H35.2906V15.853ZM42.1717%2020C41.673%2020%2041.4237%2019.7507%2041.4237%2019.252V12.993C41.4237%2012.4943%2041.673%2012.245%2042.1717%2012.245H46.0987C46.48%2012.245%2046.6707%2012.4283%2046.6707%2012.795C46.6707%2013.1763%2046.48%2013.367%2046.0987%2013.367H42.7767V15.501H45.8567C46.238%2015.501%2046.4287%2015.688%2046.4287%2016.062C46.4287%2016.436%2046.238%2016.623%2045.8567%2016.623H42.7767V18.878H46.0987C46.48%2018.878%2046.6707%2019.065%2046.6707%2019.439C46.6707%2019.813%2046.48%2020%2046.0987%2020H42.1717ZM27.951%2028.602C27.7896%2028.602%2027.654%2028.5507%2027.544%2028.448C27.4413%2028.338%2027.39%2028.206%2027.39%2028.052C27.39%2027.8907%2027.4413%2027.7587%2027.544%2027.656C27.654%2027.5533%2027.7896%2027.502%2027.951%2027.502H30.294C30.448%2027.502%2030.5763%2027.5533%2030.679%2027.656C30.789%2027.7587%2030.844%2027.8907%2030.844%2028.052C30.844%2028.206%2030.789%2028.338%2030.679%2028.448C30.5763%2028.5507%2030.448%2028.602%2030.294%2028.602H27.951ZM35.8225%2031.11C35.0745%2031.11%2034.4182%2030.945%2033.8535%2030.615C33.2962%2030.285%2032.8635%2029.823%2032.5555%2029.229C32.2475%2028.6277%2032.0935%2027.9237%2032.0935%2027.117C32.0935%2026.303%2032.2475%2025.599%2032.5555%2025.005C32.8635%2024.411%2033.2962%2023.9527%2033.8535%2023.63C34.4108%2023.3%2035.0672%2023.135%2035.8225%2023.135C36.5778%2023.135%2037.2342%2023.3%2037.7915%2023.63C38.3488%2023.9527%2038.7815%2024.411%2039.0895%2025.005C39.3975%2025.599%2039.5515%2026.2993%2039.5515%2027.106C39.5515%2027.92%2039.3975%2028.6277%2039.0895%2029.229C38.7815%2029.823%2038.3488%2030.285%2037.7915%2030.615C37.2342%2030.945%2036.5778%2031.11%2035.8225%2031.11ZM35.8225%2029.9C36.5338%2029.9%2037.0875%2029.6543%2037.4835%2029.163C37.8795%2028.6717%2038.0775%2027.9897%2038.0775%2027.117C38.0775%2026.237%2037.8795%2025.555%2037.4835%2025.071C37.0948%2024.587%2036.5412%2024.345%2035.8225%2024.345C35.1112%2024.345%2034.5575%2024.587%2034.1615%2025.071C33.7655%2025.555%2033.5675%2026.237%2033.5675%2027.117C33.5675%2027.9897%2033.7655%2028.6717%2034.1615%2029.163C34.5575%2029.6543%2035.1112%2029.9%2035.8225%2029.9ZM41.6872%2031.088C41.2179%2031.088%2040.9832%2030.846%2040.9832%2030.362V23.96C40.9832%2023.4833%2041.2216%2023.245%2041.6982%2023.245H44.3492C45.1999%2023.245%2045.8562%2023.4503%2046.3182%2023.861C46.7802%2024.2643%2047.0112%2024.8327%2047.0112%2025.566C47.0112%2026.1453%2046.8609%2026.6257%2046.5602%2027.007C46.2596%2027.381%2045.8269%2027.634%2045.2622%2027.766C45.6362%2027.8833%2045.9442%2028.1657%2046.1862%2028.613L47.0112%2030.142C47.1359%2030.3767%2047.1579%2030.593%2047.0772%2030.791C47.0039%2030.989%2046.8169%2031.088%2046.5162%2031.088C46.3182%2031.088%2046.1569%2031.0477%2046.0322%2030.967C45.9076%2030.879%2045.7976%2030.747%2045.7022%2030.571L44.5912%2028.525C44.4592%2028.2757%2044.3016%2028.1107%2044.1182%2028.03C43.9422%2027.942%2043.7149%2027.898%2043.4362%2027.898H42.3912V30.362C42.3912%2030.846%2042.1566%2031.088%2041.6872%2031.088ZM42.3912%2026.853H44.1072C45.1339%2026.853%2045.6472%2026.435%2045.6472%2025.599C45.6472%2024.7703%2045.1339%2024.356%2044.1072%2024.356H42.3912V26.853ZM49.2722%2031C48.7736%2031%2048.5242%2030.7507%2048.5242%2030.252V23.993C48.5242%2023.4943%2048.7736%2023.245%2049.2722%2023.245H51.4062C52.7042%2023.245%2053.7052%2023.5787%2054.4092%2024.246C55.1206%2024.9133%2055.4762%2025.8703%2055.4762%2027.117C55.4762%2028.3563%2055.1206%2029.3133%2054.4092%2029.988C53.7052%2030.6627%2052.7042%2031%2051.4062%2031H49.2722ZM49.9322%2029.834H51.3182C53.1076%2029.834%2054.0022%2028.9283%2054.0022%2027.117C54.0022%2025.313%2053.1076%2024.411%2051.3182%2024.411H49.9322V29.834ZM57.6512%2031C57.1525%2031%2056.9032%2030.7507%2056.9032%2030.252V23.993C56.9032%2023.4943%2057.1525%2023.245%2057.6512%2023.245H61.5782C61.9595%2023.245%2062.1502%2023.4283%2062.1502%2023.795C62.1502%2024.1763%2061.9595%2024.367%2061.5782%2024.367H58.2562V26.501H61.3362C61.7175%2026.501%2061.9082%2026.688%2061.9082%2027.062C61.9082%2027.436%2061.7175%2027.623%2061.3362%2027.623H58.2562V29.878H61.5782C61.9595%2029.878%2062.1502%2030.065%2062.1502%2030.439C62.1502%2030.813%2061.9595%2031%2061.5782%2031H57.6512ZM64.1706%2031.088C63.7013%2031.088%2063.4666%2030.846%2063.4666%2030.362V23.96C63.4666%2023.4833%2063.705%2023.245%2064.1816%2023.245H66.8326C67.6833%2023.245%2068.3396%2023.4503%2068.8016%2023.861C69.2636%2024.2643%2069.4946%2024.8327%2069.4946%2025.566C69.4946%2026.1453%2069.3443%2026.6257%2069.0436%2027.007C68.743%2027.381%2068.3103%2027.634%2067.7456%2027.766C68.1196%2027.8833%2068.4276%2028.1657%2068.6696%2028.613L69.4946%2030.142C69.6193%2030.3767%2069.6413%2030.593%2069.5606%2030.791C69.4873%2030.989%2069.3003%2031.088%2068.9996%2031.088C68.8016%2031.088%2068.6403%2031.0477%2068.5156%2030.967C68.391%2030.879%2068.281%2030.747%2068.1856%2030.571L67.0746%2028.525C66.9426%2028.2757%2066.785%2028.1107%2066.6016%2028.03C66.4256%2027.942%2066.1983%2027.898%2065.9196%2027.898H64.8746V30.362C64.8746%2030.846%2064.64%2031.088%2064.1706%2031.088ZM64.8746%2026.853H66.5906C67.6173%2026.853%2068.1306%2026.435%2068.1306%2025.599C68.1306%2024.7703%2067.6173%2024.356%2066.5906%2024.356H64.8746V26.853Z%22%20fill%3D%22white%22%2F%3E%0A%3Cdefs%3E%0A%3ClinearGradient%20id%3D%22paint0_linear_1866_3034%22%20x1%3D%2245.5265%22%20y1%3D%22-0.586155%22%20x2%3D%2245.5265%22%20y2%3D%2240.4363%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%0A%3Cstop%20stop-color%3D%22%23D27E28%22%2F%3E%0A%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23F49330%22%2F%3E%0A%3C%2FlinearGradient%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E');\n\n$trashbin: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2210%22%20height%3D%2212%22%20viewBox%3D%220%200%2010%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M7.66665%204V10.6667H2.33331V4H7.66665ZM6.66665%200H3.33331L2.66665%200.666667H0.333313V2H9.66665V0.666667H7.33331L6.66665%200ZM8.99998%202.66667H0.99998V10.6667C0.99998%2011.4%201.59998%2012%202.33331%2012H7.66665C8.39998%2012%208.99998%2011.4%208.99998%2010.6667V2.66667Z%22%20fill%3D%22%23FF7171%22%2F%3E%0A%3C%2Fsvg%3E');\n\n$noeye: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2212%22%20height%3D%2210%22%20viewBox%3D%220%200%2012%2010%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M5.90727%203.15789L7.63636%204.82105C7.63636%204.79474%207.63636%204.76316%207.63636%204.73684C7.63636%204.31808%207.46396%203.91647%207.15708%203.62036C6.85021%203.32425%206.43399%203.15789%206%203.15789C5.96727%203.15789%205.94%203.15789%205.90727%203.15789ZM3.56182%203.57895L4.40727%204.39474C4.38%204.50526%204.36364%204.61579%204.36364%204.73684C4.36364%205.1556%204.53604%205.55722%204.84292%205.85333C5.14979%206.14944%205.56601%206.31579%206%206.31579C6.12%206.31579%206.24%206.3%206.35455%206.27368L7.2%207.08947C6.83455%207.26316%206.43091%207.36842%206%207.36842C5.27668%207.36842%204.58299%207.09117%204.07153%206.59765C3.56006%206.10413%203.27273%205.43478%203.27273%204.73684C3.27273%204.32105%203.38182%203.93158%203.56182%203.57895ZM0.545455%200.668421L1.78909%201.86842L2.03455%202.10526C1.13455%202.78947%200.425455%203.68421%200%204.73684C0.943636%207.04737%203.27273%208.68421%206%208.68421C6.84545%208.68421%207.65273%208.52632%208.38909%208.24211L8.62364%208.46316L10.2164%2010L10.9091%209.33158L1.23818%200L0.545455%200.668421ZM6%202.10526C6.72332%202.10526%207.41701%202.38252%207.92847%202.87603C8.43994%203.36955%208.72727%204.0389%208.72727%204.73684C8.72727%205.07368%208.65636%205.4%208.53091%205.69474L10.1291%207.23684C10.9473%206.57895%2011.6018%205.71579%2012%204.73684C11.0564%202.42632%208.72727%200.789474%206%200.789474C5.23636%200.789474%204.50545%200.921053%203.81818%201.15789L5.00182%202.28947C5.31273%202.17368%205.64545%202.10526%206%202.10526Z%22%20fill%3D%22%23434343%22%2F%3E%0A%3C%2Fsvg%3E');\n\n$eye: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2212%22%20height%3D%228%22%20viewBox%3D%220%200%2012%208%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M6%202.4C5.56601%202.4%205.14979%202.56857%204.84292%202.86863C4.53604%203.16869%204.36364%203.57565%204.36364%204C4.36364%204.42435%204.53604%204.83131%204.84292%205.13137C5.14979%205.43143%205.56601%205.6%206%205.6C6.43399%205.6%206.85021%205.43143%207.15708%205.13137C7.46396%204.83131%207.63636%204.42435%207.63636%204C7.63636%203.57565%207.46396%203.16869%207.15708%202.86863C6.85021%202.56857%206.43399%202.4%206%202.4ZM6%206.66667C5.27668%206.66667%204.58299%206.38572%204.07153%205.88562C3.56006%205.38552%203.27273%204.70724%203.27273%204C3.27273%203.29276%203.56006%202.61448%204.07153%202.11438C4.58299%201.61428%205.27668%201.33333%206%201.33333C6.72332%201.33333%207.41701%201.61428%207.92847%202.11438C8.43994%202.61448%208.72727%203.29276%208.72727%204C8.72727%204.70724%208.43994%205.38552%207.92847%205.88562C7.41701%206.38572%206.72332%206.66667%206%206.66667ZM6%200C3.27273%200%200.943636%201.65867%200%204C0.943636%206.34133%203.27273%208%206%208C8.72727%208%2011.0564%206.34133%2012%204C11.0564%201.65867%208.72727%200%206%200Z%22%20fill%3D%22%23434343%22%2F%3E%0A%3C%2Fsvg%3E');\n\n$froddo-pattern: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%22170%22%20height%3D%2280%22%20version%3D%221.1%22%20viewBox%3D%220%200%2044.98%2021.17%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cg%20transform%3D%22translate%282.124%201.503%29%22%3E%3Cpath%20id%3D%22path1077%22%20d%3D%22m16.69%202.655-.8584-1.092c-.7243-.921-2.061-1.085-2.986-.357-.8954.7041-1.071%201.981-.4198%202.897l-.0042.00336%202.042%202.597%204.95-3.893-1.117-1.42z%22%20fill%3D%22%23fff%22%20opacity%3D%22.1%22%2F%3E%3Cuse%20transform%3D%22rotate%28-85%2028.61%20-7.568%29%22%20fill%3D%22none%22%20xlink%3Ahref%3D%22%23path1077%22%2F%3E%3Cpath%20id%3D%22path1088%22%20d%3D%22m3.771%202.541c.3725-.299.365-.9442-.03599-1.216-.3228-.235-.8319-.1616-1.042.1904-.2631.3874-.09813%201.014.3706%201.151.2373.07423.5181.04911.707-.1252zm1.537-2.165c.5095.5496.6802%201.353.5254%202.077-.1458.8676-.8276%201.613-1.68%201.833-.9625.2628-2.085.02629-2.79-.7009-.5-.5228-.7227-1.28-.61-1.992.08593-.8534.6874-1.629%201.499-1.912.891-.3114%201.935-.1675%202.704.3798.1269.09338.2446.1993.3508.3158z%22%20fill%3D%22%23fff%22%20opacity%3D%22.1%22%2F%3E%3Cuse%20transform%3D%22rotate%2890%2013.71%2015.19%29%22%20xlink%3Ahref%3D%22%23path1088%22%2F%3E%3Cuse%20transform%3D%22rotate%28-85%2015.87%2013.14%29%22%20fill%3D%22none%22%20xlink%3Ahref%3D%22%23path1077%22%2F%3E%3Cuse%20transform%3D%22translate%2813.19%2012.24%29%22%20xlink%3Ahref%3D%22%23path1088%22%2F%3E%3Cuse%20transform%3D%22translate%2813.19%2012.24%29%22%20xlink%3Ahref%3D%22%23path1077%22%2F%3E%3Cuse%20transform%3D%22rotate%2890%2014.2%2027.9%29%22%20xlink%3Ahref%3D%22%23path1088%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');\n\n$froddo-card: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20viewBox%3D%220%200%20364%20247%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Crect%20width%3D%22364%22%20height%3D%22247%22%20ry%3D%2227%22%20fill%3D%22%238dc63f%22%20fill-rule%3D%22evenodd%22%20stroke-opacity%3D%22.3137%22%20stroke-width%3D%223.78%22%2F%3E%3Crect%20x%3D%2232.08%22%20y%3D%2266.95%22%20width%3D%2279.49%22%20height%3D%2250.21%22%20ry%3D%2211%22%20fill%3D%22%23fff%22%20fill-opacity%3D%22.8%22%20fill-rule%3D%22evenodd%22%20stroke-opacity%3D%22.3137%22%20stroke-width%3D%223.78%22%2F%3E%3Cpath%20d%3D%22m265.8%20101.2h2.336c-.047.765-.258%201.445-.633%202.039-.369.593-.888%201.057-1.554%201.39-.662.334-1.459.5-2.391.5-.729%200-1.383-.125-1.961-.375-.578-.255-1.073-.62-1.484-1.093-.406-.474-.716-1.047-.93-1.719-.213-.672-.32-1.425-.32-2.258v-.789c0-.8334.109-1.586.328-2.258.224-.6771.542-1.253.953-1.727.417-.474.914-.8385%201.492-1.094.578-.2553%201.224-.3829%201.938-.3829.948%200%201.747.1719%202.398.5157.656.3437%201.164.8177%201.524%201.422.364.6042.583%201.292.656%202.062h-2.344c-.026-.4583-.117-.8463-.273-1.164-.157-.3229-.393-.5651-.711-.7266-.313-.1667-.729-.25-1.25-.25-.391%200-.732.0729-1.024.2188-.291.1458-.536.3671-.734.664s-.346.6719-.445%201.125c-.094.4479-.141.974-.141%201.578v.8047c0%20.5881.044%201.107.133%201.555.088.442.224.817.406%201.125.188.302.427.531.719.687.297.151.654.227%201.07.227.49%200%20.893-.078%201.211-.235.318-.156.56-.388.727-.695.172-.307.273-.69.304-1.148zm13.59%201.945v1.828h-5.727v-1.828zm-4.969-9.547v11.38h-2.344v-11.38zm14.73%200h2.336v7.516c0%20.875-.187%201.612-.562%202.211-.37.599-.883%201.049-1.539%201.351-.651.302-1.401.453-2.25.453s-1.605-.151-2.266-.453c-.656-.302-1.172-.752-1.547-1.351-.37-.599-.555-1.336-.555-2.211v-7.516h2.344v7.516c0%20.51.081.927.242%201.25.162.323.394.56.696.711.307.151.669.226%201.086.226.427%200%20.789-.075%201.086-.226.302-.151.531-.388.687-.711.162-.323.242-.74.242-1.25zm11.12%206.383h-2.922l-.016-1.61h2.454c.432%200%20.786-.0546%201.062-.164.276-.1146.482-.2787.617-.4922.141-.2188.211-.4844.211-.7969%200-.3542-.067-.6406-.203-.8594-.13-.2187-.336-.3776-.617-.4765-.276-.099-.633-.1485-1.07-.1485h-1.625v9.539h-2.344v-11.38h3.969c.661%200%201.252.0625%201.773.1875.526.125.971.3151%201.336.5703s.643.5781.836.9688c.193.3854.289.8437.289%201.375%200%20.4687-.107.901-.32%201.297-.209.3959-.539.7188-.992.9688-.448.25-1.034.388-1.758.414zm-.102%204.992h-3.46l.914-1.828h2.546c.412%200%20.748-.065%201.008-.195.261-.136.453-.318.578-.547s.188-.492.188-.789c0-.334-.057-.623-.172-.868-.109-.244-.286-.432-.531-.562-.245-.135-.568-.203-.969-.203h-2.258l.016-1.61h2.812l.539.6328c.693-.0104%201.25.112%201.672.3672.427.25.737.5756.93.9766.198.401.297.831.297%201.289%200%20.729-.159%201.344-.477%201.844-.317.495-.784.867-1.398%201.117-.61.25-1.354.375-2.235.375zm21.52-16.36c-1.282%200-2.323-1.041-2.323-2.33s1.041-2.316%202.323-2.316%202.33%201.041%202.33%202.316c0%201.275-1.041%202.33-2.33%202.33zm0-4.158c-1.006%200-1.835.8216-1.835%201.834s.822%201.842%201.835%201.842%201.841-.8287%201.841-1.842-.828-1.834-1.841-1.834zm.425%202.932-.496-.8995h-.191v.8995h-.539v-2.281h.872c.106%200%20.212.0142.318.0354.107.0213.199.0567.284.1133.077.0496.148.1275.198.2125.049.085.078.1983.078.3258%200%20.1558-.043.2833-.128.3896-.085.1062-.198.177-.347.2266l.595.9703h-.637zm-.029-1.579c0-.0567-.007-.0921-.035-.1275-.021-.0354-.05-.0567-.085-.0779-.035-.0213-.078-.0283-.12-.0354-.05-.0071-.085-.0142-.128-.0142h-.29v.5383h.262c.049%200%20.092-.0142.141-.0142.043-.0071.085-.0212.128-.0425.035-.0141.071-.0425.092-.0779.028-.0354.035-.085.035-.1416zm-32.65-18.01%202.054%206.254-4.236%201.395c-3.59%201.183-5.545%205.05-4.362%208.641%201.147%203.478%204.809%205.425%208.307%204.462l5.496-1.799%204.618-1.516-4.271-13-2.053-6.254-5.546%201.82zm-13.82.3472v6.587h-4.462c-3.775%200-6.842%203.067-6.842%206.842%200%203.775%202.876%206.651%206.495%206.835l5.786.0071h4.859v-20.27zm42.76%2012.94c0%201.254-.227%202.373-.68%203.35s-1.062%201.799-1.827%202.472c-.765.6729-1.65%201.183-2.656%201.537-1.006.3542-2.061.5241-3.166.5241s-2.132-.177-3.138-.5241c-1.005-.347-1.883-.864-2.641-1.537-.758-.6728-1.36-1.494-1.813-2.472-.454-.9774-.673-2.089-.673-3.35s.226-2.337.673-3.3c.453-.9703%201.055-1.785%201.813-2.444.758-.6657%201.636-1.162%202.641-1.509%201.006-.3399%202.047-.5099%203.138-.5099s2.16.17%203.166.5099c1.006.34%201.891.8429%202.656%201.509.765.6658%201.374%201.48%201.827%202.444.453.9703.68%202.068.68%203.3zm-8.322-2.38c-.701%200-1.268.2408-1.7.7154-.432.4816-.651%201.041-.651%201.686%200%20.6799.219%201.268.665%201.742.447.4816%201.013.7154%201.714.7154.702%200%201.275-.2409%201.714-.7154.44-.4816.666-1.062.666-1.742%200-.6445-.226-1.204-.68-1.686-.453-.4816-1.027-.7154-1.728-.7154zm-47.22%202.38c0%201.254-.227%202.373-.68%203.35s-1.062%201.799-1.827%202.472c-.765.6729-1.651%201.183-2.656%201.537-1.006.3542-2.061.5241-3.166.5241s-2.132-.177-3.138-.5241c-1.005-.347-1.884-.864-2.642-1.537-.757-.6728-1.359-1.494-1.813-2.472-.453-.9774-.68-2.089-.68-3.35s.227-2.337.68-3.3c.454-.9703%201.056-1.785%201.813-2.444.751-.6657%201.637-1.162%202.642-1.509%201.006-.3399%202.054-.5099%203.138-.5099%201.083%200%202.16.17%203.166.5099%201.005.34%201.891.8429%202.656%201.509.765.6658%201.374%201.48%201.827%202.444.453.9703.68%202.068.68%203.3zm-8.322-2.38c-.701%200-1.268.2408-1.7.7154-.432.4816-.652%201.041-.652%201.686%200%20.6799.22%201.268.666%201.742.439.4816%201.013.7154%201.714.7154s1.275-.2409%201.714-.7154c.439-.4816.666-1.062.666-1.742%200-.6445-.227-1.204-.68-1.686s-1.027-.7154-1.728-.7154zm-20.16-4.837h6.141v1.657h.056c.312-.5878.779-1.076%201.396-1.466.616-.3896%201.338-.5808%202.174-.5808.496%200%20.899.0425%201.218.1346l-.496%205.418c-.205-.0567-.425-.0992-.68-.1275-.247-.0283-.474-.0425-.679-.0425-.829%200-1.495.2408-1.991.7224-.495.4746-.743%201.07-.743%201.771v7.054h-6.389v-14.54zm-3.102-2.167c-.22-.0425-.439-.0708-.666-.0708-.623%200-1.062.1912-1.31.5807-.248.3896-.376.8783-.376%201.466v.1912h3.067v4.561h-3.067v9.979h-6.388v-9.979h-2.486v-4.561h2.486v-.3328c0-.9066.106-1.771.319-2.599.212-.8287.58-1.565%201.097-2.196.518-.6374%201.219-1.14%202.097-1.509s1.983-.5524%203.315-.5524c.424%200%20.913.0283%201.48.0991.559.0638%201.034.17%201.423.3187l-.417%204.781c-.163-.0709-.362-.1346-.581-.1771%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E');\n\n// color of the triangle arrow is (#)2c313c so you can change the color\n// by finding that string below and replacing it with the 6 hex string again\n// or use a decoder https://www.urldecoder.org/\n$triangle-down: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%232c313c%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E');\n// color is (#)838383 replace only the 6 characters without the #\n$triangle-down-noaction: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23838383%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E');\n\n$pdf: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M10%208.125H11.25V11.875H10V8.125ZM3.75%209.375H5V8.125H3.75V9.375ZM20%202.5V17.5C20%2018.163%2019.7366%2018.7989%2019.2678%2019.2678C18.7989%2019.7366%2018.163%2020%2017.5%2020H2.5C1.83696%2020%201.20107%2019.7366%200.732233%2019.2678C0.263392%2018.7989%200%2018.163%200%2017.5V2.5C0%201.83696%200.263392%201.20107%200.732233%200.732233C1.20107%200.263392%201.83696%200%202.5%200H17.5C18.163%200%2018.7989%200.263392%2019.2678%200.732233C19.7366%201.20107%2020%201.83696%2020%202.5ZM6.875%208.125C6.875%207.62772%206.67746%207.15081%206.32583%206.79917C5.97419%206.44754%205.49728%206.25%205%206.25H1.875V13.75H3.75V11.25H5C5.49728%2011.25%205.97419%2011.0525%206.32583%2010.7008C6.67746%2010.3492%206.875%209.87228%206.875%209.375V8.125ZM13.125%208.125C13.125%207.62772%2012.9275%207.15081%2012.5758%206.79917C12.2242%206.44754%2011.7473%206.25%2011.25%206.25H8.125V13.75H11.25C11.7473%2013.75%2012.2242%2013.5525%2012.5758%2013.2008C12.9275%2012.8492%2013.125%2012.3723%2013.125%2011.875V8.125ZM18.125%206.25H14.375V13.75H16.25V11.25H18.125V9.375H16.25V8.125H18.125V6.25Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E');\n\n$headphones: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2228%22%20height%3D%2233%22%20viewBox%3D%220%200%2028%2033%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M14.3854%2032.5349V32.5849H14.4354H25.4954C26.1036%2032.5849%2026.6357%2032.3538%2027.0898%2031.8951C27.5439%2031.4363%2027.7723%2030.899%2027.7723%2030.2851V14.6114C27.7723%2012.7302%2027.4247%2010.9612%2026.7292%209.30495C26.0341%207.64967%2025.0906%206.20081%2023.8985%204.95879C22.7062%203.71652%2021.2965%202.73788%2019.6701%202.02289C18.0428%201.30753%2016.2977%200.95%2014.4354%200.95C12.5731%200.95%2010.8219%201.30753%209.18227%202.02283C7.54352%202.73777%206.11543%203.71631%204.8984%204.95842C3.6815%206.20041%202.7193%207.64929%202.01178%209.30465C1.30384%2010.961%200.95%2012.7301%200.95%2014.6114V26.0104C0.95%2026.6243%201.17845%2027.1617%201.63252%2027.6205C2.0866%2028.0792%202.61873%2028.3102%203.22686%2028.3102H8.71978H8.76978V28.2602V17.1611V17.1112H8.71978H3.27686V14.6114C3.27686%2011.5249%204.37263%208.86895%206.56567%206.64086C8.75863%204.41284%2011.381%203.29981%2014.4354%203.29981C17.4897%203.29981%2020.0871%204.4128%2022.2305%206.64045C24.3742%208.86846%2025.4454%2011.5246%2025.4454%2014.6114V17.1112H20.0025H19.9525V17.1611V28.2602V28.3102H20.0025H25.4454V30.2351H14.4354H14.3854V30.2851V32.5349ZM3.27686%2019.461H6.44292V25.9604H3.27686V19.461ZM22.2794%2019.461H25.4454V25.9604H22.2794V19.461Z%22%20fill%3D%22%23434343%22%20stroke%3D%22%23434343%22%20stroke-width%3D%220.1%22%2F%3E%0A%3C%2Fsvg%3E');\n\n$dd: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%22225%22%20height%3D%22139%22%20viewBox%3D%220%200%20225%20139%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M68.5535%2053.0021H41.4706C18.6194%2053.0021%200%2071.5157%200%2094.4727C0%20116.689%2017.4557%20134.78%2039.3548%20135.838V135.943H74.3721H103.782V53.0021V13.1183H68.5535V53.0021ZM185.983%200L152.341%2011.0024L164.825%2048.8762L139.117%2057.3396C117.324%2064.5335%20105.475%2087.9136%20112.669%20109.707C119.546%20130.76%20141.762%20142.503%20163.026%20136.79V136.896L196.351%20125.999L224.28%20116.795L198.361%2037.9795L185.983%200Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E');\n\n$frame-out: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M14.9202%200H15.0802C18.3002%200%2020.8302%202.38419e-07%2022.7902%200.26C24.8102%200.53%2026.4002%201.1%2027.6502%202.35C28.9002%203.6%2029.4602%205.19%2029.7402%207.21C30.0002%209.18%2030.0002%2011.7%2030.0002%2014.92V15.08C30.0002%2018.3%2030.0002%2020.83%2029.7402%2022.79C29.4702%2024.81%2028.9002%2026.4%2027.6502%2027.65C26.4902%2028.81%2025.0402%2029.38%2023.2302%2029.67C21.4502%2029.96%2019.2102%2029.99%2016.4002%2030C15.8202%2030%2015.3502%2029.53%2015.3502%2028.96C15.3502%2028.38%2015.8202%2027.91%2016.3902%2027.91C19.2402%2027.91%2021.3102%2027.87%2022.8902%2027.61C24.4502%2027.36%2025.4302%2026.91%2026.1602%2026.18C26.9502%2025.39%2027.4102%2024.31%2027.6502%2022.53C27.8902%2020.72%2027.9002%2018.33%2027.9002%2015.01C27.9002%2011.69%2027.9002%209.31%2027.6502%207.49C27.4102%205.71%2026.9502%204.63%2026.1602%203.84C25.3702%203.05%2024.2902%202.59%2022.5102%202.35C20.7002%202.11%2018.3102%202.1%2014.9902%202.1C11.6702%202.1%209.29016%202.1%207.47016%202.35C5.69016%202.59%204.61016%203.05%203.82016%203.84C3.08016%204.58%202.64016%205.56%202.39016%207.11C2.13016%208.7%202.09016%2010.77%202.09016%2013.61C2.09016%2014.19%201.62016%2014.66%201.04016%2014.65C0.460158%2014.64%20-0.00984333%2014.18%200.00015667%2013.6C0.00015667%2010.79%200.0401566%208.55%200.330157%206.77C0.620157%204.96%201.19016%203.51%202.35016%202.35C3.60016%201.1%205.19016%200.54%207.21016%200.26C9.18016%202.38419e-07%2011.7002%200%2014.9202%200Z%22%20fill%3D%22%23303945%22%2F%3E%3Cpath%20d%3D%22M15.7001%208.01997C15.7001%207.43997%2016.1701%206.96997%2016.7501%206.96997H21.9801C22.5601%206.96997%2023.0301%207.43997%2023.0301%208.01997V13.25C23.0301%2013.83%2022.5601%2014.3%2021.9801%2014.3C21.4001%2014.3%2020.9301%2013.83%2020.9301%2013.25V10.54L15.7401%2015.73C15.3301%2016.14%2014.6701%2016.14%2014.2601%2015.73C13.8501%2015.32%2013.8501%2014.66%2014.2601%2014.25L19.4501%209.05997H16.7401C16.1601%209.05997%2015.6901%208.58997%2015.6901%208.00997L15.7001%208.01997Z%22%20fill%3D%22%23303945%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M6.55976%2016.74C5.30976%2016.74%204.25977%2016.74%203.42977%2016.85C2.54977%2016.97%201.75976%2017.23%201.12976%2017.86C0.489765%2018.5%200.239765%2019.29%200.119765%2020.16C0.00976528%2020.99%200.00976563%2022.04%200.00976563%2023.29V23.44C0.00976563%2024.69%200.00976528%2025.74%200.119765%2026.57C0.239765%2027.45%200.499765%2028.24%201.12976%2028.87C1.76976%2029.51%202.55977%2029.76%203.42977%2029.88C4.25977%2029.99%205.30976%2029.99%206.55976%2029.99H6.70976C7.95976%2029.99%209.00977%2029.99%209.83977%2029.88C10.7198%2029.76%2011.5098%2029.5%2012.1398%2028.87C12.7798%2028.23%2013.0298%2027.44%2013.1498%2026.57C13.2598%2025.74%2013.2598%2024.69%2013.2598%2023.44V23.29C13.2598%2022.04%2013.2598%2020.99%2013.1498%2020.16C13.0298%2019.28%2012.7698%2018.49%2012.1398%2017.86C11.4998%2017.22%2010.7098%2016.97%209.83977%2016.85C9.00977%2016.74%207.95976%2016.74%206.70976%2016.74H6.55976ZM2.59977%2019.35C2.77977%2019.17%203.05977%2019.02%203.69977%2018.93C4.36977%2018.84%205.27977%2018.84%206.61977%2018.84C7.95977%2018.84%208.86977%2018.84%209.53977%2018.93C10.1798%2019.02%2010.4598%2019.17%2010.6398%2019.35C10.8198%2019.53%2010.9698%2019.81%2011.0598%2020.45C11.1498%2021.12%2011.1498%2022.03%2011.1498%2023.37C11.1498%2024.71%2011.1498%2025.62%2011.0598%2026.29C10.9698%2026.93%2010.8198%2027.21%2010.6398%2027.39C10.4598%2027.57%2010.1798%2027.72%209.53977%2027.81C8.86977%2027.9%207.95977%2027.9%206.61977%2027.9C5.27977%2027.9%204.36977%2027.9%203.69977%2027.81C3.05977%2027.72%202.77977%2027.57%202.59977%2027.39C2.41977%2027.21%202.26977%2026.93%202.17977%2026.29C2.08977%2025.62%202.08977%2024.71%202.08977%2023.37C2.08977%2022.03%202.08977%2021.12%202.17977%2020.45C2.26977%2019.81%202.41977%2019.53%202.59977%2019.35Z%22%20fill%3D%22%23303945%22%2F%3E%3C%2Fsvg%3E');\n\n$frame-out2: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2217%22%20height%3D%2217%22%20viewBox%3D%220%200%2017%2017%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M6.625%202.875H2.875C1.83947%202.875%201%203.71447%201%204.75V14.125C1%2015.1606%201.83947%2016%202.875%2016H12.25C13.2856%2016%2014.125%2015.1606%2014.125%2014.125V10.375M10.375%201H16M16%201V6.625M16%201L6.625%2010.375%22%20stroke%3D%22%23434343%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E');\n\n$frame-out-old: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20viewBox%3D%220%200%2016%2016%22%20width%3D%2216%22%20height%3D%2216%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3Efullscreen%3C%2Ftitle%3E%3Cpath%20d%3D%22m15.18%208.531v6.653a.8223.8223%200%2001-.8162.8162h-13.55a.8223.8223%200%2001-.8162-.8162v-13.55a.8223.8223%200%2001.8162-.8162h6.653a.8162.8162%200%20110%201.632h-5.837v11.92h11.92v-5.837a.8162.8162%200%20111.632%200zm-7.239-1.638%205.251-5.251h-1.799a.828.828%200%2001-.8262-.8262.8258.8258%200%2001.8262-.8158h3.786a.9141.9141%200%2001.1674.02094.806.806%200%2001.6275.6275.9141.9141%200%2001.02094.1674v3.786a.821.821%200%2011-1.642%200v-1.799l-5.251%205.251a.821.821%200%2001-1.401-.5856.8168.8168%200%2001.2405-.5753z%22%20fill%3D%22%23434343%22%2F%3E%3C%2Fsvg%3E');\n\n$frame-outOld: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20viewBox%3D%220%200%2016%2016%22%20width%3D%2216%22%20height%3D%2216%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3Efullscreen%3C%2Ftitle%3E%3Cpath%20d%3D%22m15.18%208.531v6.653a.8223.8223%200%2001-.8162.8162h-13.55a.8223.8223%200%2001-.8162-.8162v-13.55a.8223.8223%200%2001.8162-.8162h6.653a.8162.8162%200%20110%201.632h-5.837v11.92h11.92v-5.837a.8162.8162%200%20111.632%200zm-7.239-1.638%205.251-5.251h-1.799a.828.828%200%2001-.8262-.8262.8258.8258%200%2001.8262-.8158h3.786a.9141.9141%200%2001.1674.02094.806.806%200%2001.6275.6275.9141.9141%200%2001.02094.1674v3.786a.821.821%200%2011-1.642%200v-1.799l-5.251%205.251a.821.821%200%2001-1.401-.5856.8168.8168%200%2001.2405-.5753z%22%20fill%3D%22%23434343%22%2F%3E%3C%2Fsvg%3E');\n\n$full-screen: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M29.99%201.15V8.07C29.99%208.71%2029.47%209.22%2028.84%209.22C28.21%209.22%2027.69%208.7%2027.69%208.07V3.93L20.43%2011.19C20.2%2011.42%2019.91%2011.53%2019.61%2011.53C19.31%2011.53%2019.02%2011.42%2018.79%2011.19C18.34%2010.74%2018.34%2010.01%2018.79%209.56L26.05%202.3H21.91C21.27%202.3%2020.76%201.78%2020.76%201.15C20.76%200.52%2021.28%200%2021.91%200H28.83C29.47%200%2029.98%200.52%2029.98%201.15H29.99ZM11.19%209.57L3.93%202.31H8.07C8.71%202.31%209.22%201.79%209.22%201.16C9.22%200.53%208.7%200.0100002%208.07%200.0100002H1.15C0.51%200.0100002%200%200.53%200%201.16V8.08C0%208.72%200.52%209.23%201.15%209.23C1.78%209.23%202.3%208.71%202.3%208.08V3.94L9.56%2011.2C9.79%2011.43%2010.08%2011.54%2010.38%2011.54C10.68%2011.54%2010.97%2011.43%2011.2%2011.2C11.65%2010.75%2011.65%2010.02%2011.2%209.57H11.19ZM28.84%2020.77C28.2%2020.77%2027.69%2021.29%2027.69%2021.92V26.06L20.43%2018.8C19.98%2018.35%2019.25%2018.35%2018.8%2018.8C18.35%2019.25%2018.35%2019.98%2018.8%2020.43L26.06%2027.69H21.92C21.28%2027.69%2020.77%2028.21%2020.77%2028.84C20.77%2029.47%2021.29%2029.99%2021.92%2029.99H28.84C29.48%2029.99%2029.99%2029.47%2029.99%2028.84V21.92C29.99%2021.28%2029.47%2020.77%2028.84%2020.77ZM11.19%2018.8C10.74%2018.35%2010.01%2018.35%209.56%2018.8L2.3%2026.06V21.92C2.3%2021.28%201.78%2020.77%201.15%2020.77C0.52%2020.77%200%2021.29%200%2021.92V28.84C0%2029.48%200.52%2029.99%201.15%2029.99H8.07C8.71%2029.99%209.22%2029.47%209.22%2028.84C9.22%2028.21%208.7%2027.69%208.07%2027.69H3.93L11.19%2020.43C11.64%2019.98%2011.64%2019.25%2011.19%2018.8Z%22%20fill%3D%22%23303945%22%2F%3E%3C%2Fsvg%3E');\n\n$full-screen-b2b: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20viewBox%3D%220%200%2016%2016%22%20width%3D%2216%22%20height%3D%2216%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m.7168.05078c-.3143.03145-.5695.3072-.6621.5996v3.906c-.03922.3657.1816.7448.541.8516.4586.1706%201.025-.1686%201.055-.666.01053-.6302.0009763-1.262.003906-1.893l2.5%202.5c.08223.08348.1863.1483.3008.1758.2602.03534.5482.05734.791-.06055.3367-.3028.4631-.8843.1602-1.256-.845-.8584-1.703-1.705-2.553-2.559h1.723c.3882.04148.7798-.2267.8574-.6133.1246-.4623-.2453-.9848-.7324-.9863-1.328-.002703-2.656.0007709-3.984%200zm10.58%200c-.4871.001572-.8551.524-.7305.9863.07763.3866.4673.6548.8555.6133h1.723c-.8499.8538-1.708%201.7-2.553%202.559-.3029.3716-.1765.953.1602%201.256.2428.1179.5327.09589.793.06055.1145-.02751.2166-.0923.2988-.1758l2.5-2.5c.0029.6304-.004641%201.262.005859%201.893.02935.4975.5941.8366%201.053.666.3594-.1068.5802-.4859.541-.8516v-3.906c-.09262-.2924-.3478-.5682-.6621-.5996-1.328.0007709-2.656-.002703-3.984%200zm-6.541%2010.4c-.1017.003032-.2032.01409-.3008.02734-.1145.02751-.2186.0923-.3008.1758l-2.5%202.5c-.00293-.6304.006624-1.262-.003906-1.893-.02935-.4975-.5961-.8366-1.055-.666-.3594.1068-.5802.4859-.541.8516v3.906c.09262.2924.3478.5682.6621.5996%201.328-.000771%202.656.0027%203.984%200%20.4871-.0016.8571-.524.7324-.9863-.07763-.3866-.4693-.6548-.8574-.6133h-1.723c.8499-.8538%201.708-1.7%202.553-2.559.3029-.3716.1765-.955-.1602-1.258-.1518-.07368-.3207-.09099-.4902-.08594zm6.385%200c-.1352.004526-.2673.02699-.3887.08594-.3367.3028-.4631.8862-.1602%201.258.845.8584%201.703%201.705%202.553%202.559h-1.723c-.3882-.04148-.7778.2267-.8555.6133-.1246.4623.2434.9847.7305.9863%201.328.0027%202.656-.000771%203.984%200%20.3143-.03145.5695-.3072.6621-.5996v-3.906c.03922-.3657-.1816-.7448-.541-.8516-.4586-.1706-1.023.1686-1.053.666-.0105.6302-.002959%201.262-.005859%201.893l-2.5-2.5c-.08223-.08348-.1843-.1483-.2988-.1758-.1301-.01767-.2691-.03187-.4043-.02734z%22%20fill%3D%22%23434343%22%2F%3E%3C%2Fsvg%3E');\n\n// Mihaela made based on caret sign from the design, not used\n$full-screen2: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20viewBox%3D%220%200%2016%2016%22%20width%3D%2216%22%20height%3D%2216%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cpath%20id%3D%22path1910%22%20d%3D%22m6.197%201-4.211.1367c-.4005-.0356-.8015.2668-.8418.6738-.05215%201.411-.09112%202.823-.1387%204.234-.04208.3036.07305.6436.3633.7832.4404.2429%201.038-.1002%201.08-.5938.03473-.8763.0639-1.752.09375-2.629l3.176%203.176a.75.75%200%20001.062%200%20.75.75%200%20000-1.062l-3.176-3.176%202.459-.08594c.3873.0319.7738-.2483.832-.6387.08945-.416-.2731-.8456-.6992-.8184z%22%20fill%3D%22%23434343%22%20%2F%3E%3Cuse%20transform%3D%22matrix%28-1%200%200%201%2016%20.001227%29%22%20xlink%3Ahref%3D%22%23path1910%22%2F%3E%3Cuse%20transform%3D%22rotate%28180%207.999%207.999%29%22%20xlink%3Ahref%3D%22%23path1910%22%2F%3E%3Cuse%20transform%3D%22matrix%281%200%200%20-1%20.002546%2016%29%22%20xlink%3Ahref%3D%22%23path1910%22%2F%3E%3C%2Fsvg%3E');\n\n$expand-arrows-circle: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M15%2030C23.2843%2030%2030%2023.2843%2030%2015C30%206.71573%2023.2843%200%2015%200C6.71573%200%200%206.71573%200%2015C0%2023.2843%206.71573%2030%2015%2030Z%22%20fill%3D%22%23C9D0DD%22%2F%3E%3Cpath%20d%3D%22M15.0501%208.09006C15.0501%207.52006%2014.5901%207.06006%2014.0201%207.06006H8.09006C7.52006%207.06006%207.06006%207.52006%207.06006%208.09006V14.0201C7.06006%2014.5901%207.52006%2015.0501%208.09006%2015.0501C8.66006%2015.0501%209.12006%2014.5901%209.12006%2014.0201V10.5901L12.9001%2014.3701C13.3101%2014.7701%2013.9701%2014.7601%2014.3601%2014.3401C14.7501%2013.9401%2014.7501%2013.3001%2014.3601%2012.9001L10.5801%209.12006H14.0101C14.5801%209.12006%2015.0401%208.66006%2015.0401%208.09006H15.0501Z%22%20fill%3D%22%23303945%22%2F%3E%3Cpath%20d%3D%22M21.91%2014.9501C21.34%2014.9501%2020.88%2015.4101%2020.88%2015.9801V19.4101L17.1%2015.6301C16.7%2015.2201%2016.05%2015.2101%2015.64%2015.6001C15.23%2016.0001%2015.22%2016.6501%2015.61%2017.0601C15.61%2017.0601%2015.63%2017.0801%2015.64%2017.0901L19.42%2020.8701H15.99C15.42%2020.8701%2014.96%2021.3301%2014.96%2021.9001C14.96%2022.4701%2015.42%2022.9301%2015.99%2022.9301H21.92C22.49%2022.9301%2022.95%2022.4701%2022.95%2021.9001V15.9701C22.95%2015.4001%2022.49%2014.9401%2021.92%2014.9401L21.91%2014.9501Z%22%20fill%3D%22%23303945%22%2F%3E%3C%2Fsvg%3E');\n\n$expand-arrows-frame: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5.36%200C2.41%200%200%202.41%200%205.36V24.64C0%2027.59%202.41%2030%205.36%2030H24.64C27.59%2030%2030%2027.59%2030%2024.64V5.36C30%202.41%2027.59%200%2024.64%200H5.36ZM5.36%202.14H24.64C26.44%202.14%2027.85%203.55%2027.85%205.35V24.63C27.85%2026.43%2026.44%2027.85%2024.64%2027.85H5.36C3.56%2027.85%202.14%2026.43%202.14%2024.63V5.35C2.14%203.55%203.56%202.14%205.36%202.14ZM18.24%205.34C17.67%205.35%2017.21%205.81%2017.19%206.37C17.17%206.96%2017.63%207.46%2018.22%207.48L20.88%207.57L16.39%2012.14C15.97%2012.56%2015.98%2013.24%2016.4%2013.66C16.82%2014.07%2017.5%2014.07%2017.92%2013.64L22.39%209.1L22.48%2011.72C22.5%2012.31%2023%2012.77%2023.59%2012.75C24.18%2012.73%2024.64%2012.24%2024.63%2011.65L24.46%206.54C24.46%205.84%2024.12%205.51%2023.43%205.51C21.71%205.45%2019.98%205.39%2018.27%205.34H18.24ZM12.11%2016.43L7.63%2020.91L7.54%2018.27C7.52%2017.68%207.02%2017.22%206.43%2017.24C5.84%2017.26%205.38%2017.75%205.39%2018.34L5.56%2023.45C5.56%2024.1%206%2024.48%206.59%2024.48L11.7%2024.65C12.29%2024.67%2012.78%2024.21%2012.8%2023.62C12.82%2023.03%2012.36%2022.53%2011.77%2022.51L9.13%2022.42L13.61%2017.94C14.06%2017.49%2014.02%2016.84%2013.61%2016.42C13.17%2015.98%2012.52%2016%2012.09%2016.42L12.11%2016.43Z%22%20fill%3D%22%23303945%22%2F%3E%3C%2Fsvg%3E');\n\n$viber: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5.29387%200.0731841C7.03417%20-0.0243947%208.77857%20-0.0243947%2010.5189%200.0731841L11.0455%200.103184L11.5305%200.138184C12.3072%200.204851%2012.9322%200.320684%2013.5172%200.635684C14.2286%201.03487%2014.8156%201.62328%2015.213%202.33568C15.5589%202.98068%2015.6614%203.66318%2015.7214%204.53485L15.7655%205.29318C15.8285%206.47457%2015.8285%207.65847%2015.7655%208.83985L15.7214%209.59818C15.6614%2010.4707%2015.5589%2011.1524%2015.213%2011.7974C14.8156%2012.5098%2014.2286%2013.0982%2013.5172%2013.4973C12.8147%2013.8757%2012.0555%2013.9665%2011.0455%2014.0299L10.5189%2014.0607C9.64902%2014.1144%208.77786%2014.1441%207.90637%2014.1498L6.5447%2014.154C6.40693%2014.154%206.26831%2014.1526%206.12887%2014.1498L5.71137%2014.1399L3.84387%2015.634C3.72833%2015.7265%203.59022%2015.7866%203.44376%2015.8081C3.2973%2015.8295%203.14777%2015.8116%203.01055%2015.7561C2.87332%2015.7006%202.75336%2015.6095%202.66299%2015.4923C2.57262%2015.375%202.51511%2015.2358%202.49637%2015.089L2.4897%2014.9832V13.5948C2.42394%2013.5645%202.35918%2013.5319%202.29554%2013.4973C1.58411%2013.0982%200.997138%2012.5098%200.599704%2011.7974C0.254704%2011.1524%200.151371%2010.4707%200.0913707%209.59902L0.0613707%209.10318L0.0472041%208.83985C-0.0157347%207.65847%20-0.0157347%206.47457%200.0472041%205.29318L0.0913707%204.53485C0.151371%203.66318%200.254704%202.98068%200.599704%202.33652C0.997138%201.62411%201.58411%201.0357%202.29554%200.636517C2.93887%200.289017%203.63137%200.183184%204.52054%200.119851L5.0247%200.088184L5.29387%200.0731841ZM4.96054%203.22068C4.14637%203.56985%203.4497%204.45235%203.48387%205.37068L3.49137%205.50568L3.5072%205.66818C3.50998%205.69707%203.51387%205.72707%203.51887%205.75818L3.55054%205.95818C3.6997%206.76985%204.15554%208.08735%205.52137%209.45235C6.88637%2010.8182%208.20471%2011.274%209.01554%2011.4232L9.21554%2011.4549L9.39054%2011.4757L9.6022%2011.4899C10.5197%2011.5232%2011.4022%2010.8315%2011.7514%2010.0174C11.7943%209.91654%2011.8096%209.80612%2011.7957%209.69744C11.7818%209.58877%2011.7391%209.48576%2011.6722%209.39902C11.3114%208.93568%2010.8539%208.57152%2010.3789%208.23235L9.90137%207.89902C9.76846%207.80667%209.6049%207.76948%209.44512%207.79528C9.28534%207.82108%209.1418%207.90786%209.0447%208.03735L8.51554%208.84318C8.488%208.88671%208.44473%208.91793%208.39475%208.93035C8.34476%208.94277%208.29191%208.93543%208.2472%208.90985C7.88887%208.70568%207.3672%208.35735%206.9922%207.98152C6.6172%207.60652%206.2897%207.10818%206.10554%206.77318C6.08256%206.73059%206.0758%206.6811%206.08653%206.6339C6.09726%206.5867%206.12474%206.545%206.16387%206.51652L6.9772%205.91318C7.09379%205.81261%207.16915%205.67255%207.18883%205.51984C7.20852%205.36713%207.17114%205.21253%207.08387%205.08568L6.80887%204.68152C6.4747%204.19318%206.08054%203.66485%205.56304%203.28652C5.47678%203.2246%205.37599%203.18601%205.27043%203.17447C5.16488%203.16294%205.05814%203.17886%204.96054%203.22068ZM8.81721%204.88902C8.60879%204.81542%208.37967%204.82763%208.18026%204.92296C7.98084%205.01829%207.82747%205.18893%207.75387%205.39735C7.68027%205.60577%207.69248%205.83488%207.78781%206.0343C7.88315%206.23371%208.05379%206.38709%208.26221%206.46068C8.35637%206.49402%208.43554%206.56068%208.48554%206.64735L8.51637%206.71485C8.58997%206.92327%208.74335%207.09391%208.94276%207.18924C9.14217%207.28457%209.37129%207.29678%209.57971%207.22318C9.78812%207.14959%209.95876%206.99621%2010.0541%206.7968C10.1494%206.59738%2010.1616%206.36827%2010.088%206.15985C9.98449%205.8666%209.81661%205.60025%209.59671%205.38035C9.3768%205.16044%209.11045%204.99256%208.81721%204.88902ZM8.5872%203.03902C8.55076%203.14221%208.53499%203.25158%208.54081%203.36087C8.54663%203.47016%208.57392%203.57723%208.62113%203.67597C8.66833%203.77471%208.73452%203.86319%208.81592%203.93635C8.89732%204.00951%208.99234%204.06592%209.09554%204.10235C9.50555%204.24785%209.87795%204.48299%2010.1856%204.79063C10.4932%205.09827%2010.7284%205.47067%2010.8739%205.88068C10.9103%205.98388%2010.9667%206.07889%2011.0399%206.16029C11.113%206.24168%2011.2015%206.30787%2011.3003%206.35507C11.399%206.40228%2011.5061%206.42957%2011.6154%206.43539C11.7246%206.44122%2011.834%206.42546%2011.9372%206.38902C12.0404%206.35258%2012.1354%206.29616%2012.2168%206.223C12.2982%206.14984%2012.3644%206.06137%2012.4116%205.96263C12.4588%205.86389%2012.4861%205.75682%2012.4919%205.64753C12.4977%205.53825%2012.482%205.42888%2012.4455%205.32568C12.2172%204.68107%2011.8478%204.0956%2011.3642%203.61203C10.8806%203.12847%2010.2952%202.75902%209.65054%202.53068C9.54734%202.49423%209.43798%202.47847%209.32869%202.48429C9.2194%202.49011%209.11232%202.5174%209.01358%202.56461C8.91484%202.61181%208.82636%202.678%208.75321%202.7594C8.68005%202.8408%208.62364%202.93582%208.5872%203.03902Z%22%20fill%3D%22%23303945%22%2F%3E%3C%2Fsvg%3E');\n\n$sms: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url%28%23clip0_5224_24103%29%22%3E%3Cpath%20d%3D%22M14%200H2C0.89375%200%200%200.89375%200%202V10C0%2011.1062%200.89375%2012%202%2012H6L5.58828%2013.2342C5.28694%2014.1375%206.29925%2014.9109%207.09159%2014.3827L10.6656%2012H14C15.1062%2012%2016%2011.1062%2016%2010V2C16%200.89375%2015.1062%200%2014%200Z%22%20fill%3D%22%23303945%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_5224_24103%22%3E%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E');\n\n$whatsapp: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2216%22%20height%3D%2218%22%20viewBox%3D%220%200%2016%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M8%200C3.5816%200%200%203.5816%200%208C0%209.512%200.42%2010.928%201.1504%2012.1344L0.4368%2014.56C0.395828%2014.6993%200.393132%2014.847%200.428996%2014.9877C0.464859%2015.1283%200.537958%2015.2567%200.640607%2015.3594C0.743257%2015.462%200.871665%2015.5351%201.01233%2015.571C1.153%2015.6069%201.30073%2015.6042%201.44%2015.5632L3.8656%2014.8496C5.11259%2015.604%206.54259%2016.0019%208%2016C12.4184%2016%2016%2012.4184%2016%208C16%203.5816%2012.4184%200%208%200ZM6.1904%209.8104C7.8088%2011.428%209.3536%2011.6416%209.8992%2011.6616C10.7288%2011.692%2011.5368%2011.0584%2011.8512%2010.3232C11.8906%2010.2317%2011.9048%2010.1313%2011.8924%2010.0324C11.88%209.93357%2011.8415%209.8398%2011.7808%209.7608C11.3424%209.2008%2010.7496%208.7984%2010.1704%208.3984C10.0495%208.31459%209.90087%208.28093%209.75569%208.3045C9.61051%208.32808%209.48013%208.40705%209.392%208.5248L8.912%209.2568C8.88663%209.296%208.84731%209.32409%208.80201%209.33538C8.7567%209.34667%208.70879%209.34032%208.668%209.3176C8.3424%209.1312%207.868%208.8144%207.5272%208.4736C7.1864%208.1328%206.8888%207.68%206.7216%207.3752C6.70137%207.33636%206.69566%207.29159%206.70548%207.24892C6.71531%207.20625%206.74003%207.16848%206.7752%207.1424L7.5144%206.5936C7.6202%206.50207%207.6885%206.37473%207.70621%206.23596C7.72393%206.09719%207.68981%205.95677%207.6104%205.8416C7.252%205.3168%206.8344%204.6496%206.2288%204.2072C6.15048%204.15093%206.05895%204.11583%205.96308%204.10532C5.86721%204.09481%205.77026%204.10924%205.6816%204.1472C4.9456%204.4624%204.3088%205.2704%204.3392%206.1016C4.3592%206.6472%204.5728%208.192%206.1904%209.8104Z%22%20fill%3D%22%23303945%22%2F%3E%3C%2Fsvg%3E');\n\n$facebook-frame: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20viewBox%3D%220%200%2020%2020%22%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m0%200v20h20v-20zm2.699%202h14.6c.4%200%20.6992.2992.6992.6992v14.6c0%20.4-.2992.6992-.6992.6992h-4.301v-5h2l.5996-3h-2.6v-1c0-.6.4-1%201-1h1v-3h-2c-1.8%200-3%20.9-3%203v2h-2v3h2v5h-7.301c-.4%200-.6992-.2996-.6992-.5996v-14.7c0-.4.2992-.6992.6992-.6992z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E');\n\n$instagram-frame: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20viewBox%3D%220%200%2020%2020%22%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m0%200v20h20v-20zm6%202h8c2.056%200%204%201.944%204%204v8c0%202.056-1.944%204-4%204h-8c-2.056%200-4-1.944-4-4v-8c0-2.056%201.944-4%204-4zm0%202c-.935%200-2%201.065-2%202v8c0%20.953%201.047%202%202%202h8c.935%200%202-1.065%202-2v-8c0-.935-1.065-2-2-2zm7.186%201.793v.09961a.96.96%200%20100-.09961zm-3.186.207c2.206%200%204%201.794%204%204%200%202.206-1.794%204-4%204-2.206%200-4-1.794-4-4%200-2.206%201.794-4%204-4zm0%202c-1.103%200-2%20.897-2%202%200%201.103.897%202%202%202%201.103%200%202-.897%202-2%200-1.103-.897-2-2-2z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E');\n\n$twitter-frame: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20viewBox%3D%220%201.5%2020%2020%22%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m0%201.5v20h20v-20h-20zm13%203.5c.9%200%201.8.4%202.4%201%20.8-.2%201.5-.4008%202.1-.8008-.2.8-.7004%201.401-1.4%201.801.7-.1%201.3-.2%201.9-.5-.4.7-.9992%201.301-1.699%201.801v.3984c0%204.3-3.301%209.301-9.301%209.301-1.8%200-3.5-.6-5-1.5h.8008c1.6%200%203-.5004%204.1-1.4-1.5%200-2.7-.9988-3.1-2.299.2.1.3996.09961.5996.09961.3%200%20.6004.00039.9004-.09961-1.5-.3-2.602-1.601-2.602-3.201.5.2%201%20.4004%201.5.4004-.9-.6-1.5-1.599-1.5-2.699%200-.7.1004-1.201.4004-1.701%201.6%202%204.101%203.3%206.801%203.4-.1-.2-.09961-.3992-.09961-.6992%201e-7-1.8%201.499-3.301%203.199-3.301z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E');\n\n// ikone luster dizajn\n\n$bag: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22none%22%3E%3Cpolygon%20points%3D%2212%2C22%2052%2C22%2056%2C58%208%2C58%22%20fill%3D%22%236d9d31%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%2212%2C22%2052%2C22%2032%2C40%22%20fill%3D%22%237db83a%22%20opacity%3D%220.5%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%2232%2C40%2056%2C58%208%2C58%22%20fill%3D%22%235a8428%22%20opacity%3D%220.6%22%3E%3C%2Fpolygon%3E%3Cpath%20d%3D%22M22%2C22%20Q22%2C10%2032%2C10%20Q42%2C10%2042%2C22%22%20fill%3D%22none%22%20stroke%3D%22%235a8428%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');\n\n$bag-add-green: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2090%2064%22%20fill%3D%22none%22%3E%3Cpolygon%20points%3D%2212%2C22%2052%2C22%2056%2C58%208%2C58%22%20fill%3D%22%236d9d31%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%2212%2C22%2052%2C22%2032%2C40%22%20fill%3D%22%237db83a%22%20opacity%3D%220.5%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%2232%2C40%2056%2C58%208%2C58%22%20fill%3D%22%235a8428%22%20opacity%3D%220.6%22%3E%3C%2Fpolygon%3E%3Cpath%20d%3D%22M22%2C22%20Q22%2C10%2032%2C10%20Q42%2C10%2042%2C22%22%20fill%3D%22none%22%20stroke%3D%22%235a8428%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22%3E%3C%2Fpath%3E%3Cline%20x1%3D%2266%22%20y1%3D%2230%22%20x2%3D%2266%22%20y2%3D%2246%22%20stroke%3D%22%235a8428%22%20stroke-width%3D%223.5%22%20stroke-linecap%3D%22round%22%3E%3C%2Fline%3E%3Cline%20x1%3D%2258%22%20y1%3D%2238%22%20x2%3D%2274%22%20y2%3D%2238%22%20stroke%3D%22%235a8428%22%20stroke-width%3D%223.5%22%20stroke-linecap%3D%22round%22%3E%3C%2Fline%3E%3C%2Fsvg%3E');\n\n$icon-plus: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22none%22%3E%3Cpolygon%20points%3D%228%2C26%2056%2C26%2056%2C38%208%2C38%22%20fill%3D%22%236d9d31%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%2226%2C8%2038%2C8%2038%2C56%2026%2C56%22%20fill%3D%22%235a8428%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%2226%2C26%2038%2C26%2038%2C38%2026%2C38%22%20fill%3D%22%237db83a%22%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E');\n\n$icon-minus: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22none%22%3E%3Cpolygon%20points%3D%228%2C26%2056%2C26%2056%2C38%208%2C38%22%20fill%3D%22%236d9d31%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%228%2C26%2032%2C26%2032%2C38%22%20fill%3D%22%235a8428%22%20opacity%3D%220.6%22%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E');\n\n$icon-chevron-up: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22none%22%3E%3Cpolygon%20points%3D%2212%2C20%2032%2C42%2032%2C20%22%20fill%3D%22%235a8428%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%2232%2C20%2032%2C42%2052%2C20%22%20fill%3D%22%236d9d31%22%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E');\n\n$x-light: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22none%22%3E%3Cpolygon%20points%3D%2212%2C44%2032%2C22%2032%2C44%22%20fill%3D%22%235a8428%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%2232%2C44%2032%2C22%2052%2C44%22%20fill%3D%22%236d9d31%22%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E');\n\n$bag-speedy: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2228%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22none%22%3E%3Crect%20x%3D%224%22%20y%3D%2220%22%20width%3D%2236%22%20height%3D%2226%22%20fill%3D%22%2300addc%22%20rx%3D%222%22%3E%3C%2Frect%3E%3Cpolygon%20points%3D%2240%2C26%2056%2C26%2058%2C46%2040%2C46%22%20fill%3D%22%236dc8bf%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%2240%2C26%2056%2C26%2048%2C36%22%20fill%3D%22%23524fa1%22%20opacity%3D%220.5%22%3E%3C%2Fpolygon%3E%3Crect%20x%3D%224%22%20y%3D%2220%22%20width%3D%2236%22%20height%3D%2210%22%20fill%3D%22%23524fa1%22%20rx%3D%222%22%20opacity%3D%220.3%22%3E%3C%2Frect%3E%3Ccircle%20cx%3D%2216%22%20cy%3D%2250%22%20r%3D%225%22%20fill%3D%22%23b72467%22%3E%3C%2Fcircle%3E%3Ccircle%20cx%3D%2250%22%20cy%3D%2250%22%20r%3D%225%22%20fill%3D%22%23b72467%22%3E%3C%2Fcircle%3E%3C%2Fsvg%3E');\n\n$icon-label-sale: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20140%2040%22%20fill%3D%22none%22%3E%3Cpolygon%20points%3D%2210%2C4%20130%2C4%20136%2C20%20130%2C36%2010%2C36%204%2C20%22%20fill%3D%22%23ed1c24%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%220%2C8%2010%2C4%2010%2C36%200%2C32%22%20fill%3D%22%23b72467%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%22140%2C8%20130%2C4%20130%2C36%20140%2C32%22%20fill%3D%22%23b72467%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%2210%2C4%2070%2C4%2070%2C20%2010%2C20%22%20fill%3D%22%23f15a22%22%20opacity%3D%220.2%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%2220%2C10%2030%2C6%2034%2C14%2024%2C18%22%20fill%3D%22%23f15a22%22%20opacity%3D%220.15%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%2245%2C10%2055%2C6%2058%2C16%2048%2C18%22%20fill%3D%22%23f68b1f%22%20opacity%3D%220.12%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%2275%2C10%2085%2C6%2088%2C14%2078%2C18%22%20fill%3D%22%23f15a22%22%20opacity%3D%220.15%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%22105%2C10%20115%2C6%20118%2C14%20108%2C18%22%20fill%3D%22%23f68b1f%22%20opacity%3D%220.12%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%2230%2C22%2040%2C18%2044%2C28%2034%2C30%22%20fill%3D%22%23b72467%22%20opacity%3D%220.1%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%2260%2C22%2070%2C18%2074%2C28%2064%2C30%22%20fill%3D%22%23f15a22%22%20opacity%3D%220.12%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%2290%2C22%20100%2C18%20104%2C28%2094%2C30%22%20fill%3D%22%23b72467%22%20opacity%3D%220.1%22%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E');\n\n$icon-label: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20140%2040%22%20fill%3D%22none%22%3E%3Cpolygon%20points%3D%2210%2C4%20130%2C4%20136%2C20%20130%2C36%2010%2C36%204%2C20%22%20fill%3D%22%236d9d31%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%220%2C8%2010%2C4%2010%2C36%200%2C32%22%20fill%3D%22%235a8428%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%22140%2C8%20130%2C4%20130%2C36%20140%2C32%22%20fill%3D%22%235a8428%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%2210%2C4%2070%2C4%2070%2C20%2010%2C20%22%20fill%3D%22%237db83a%22%20opacity%3D%220.2%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%2220%2C10%2030%2C6%2034%2C14%2024%2C18%22%20fill%3D%22%237db83a%22%20opacity%3D%220.15%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%2275%2C10%2085%2C6%2088%2C14%2078%2C18%22%20fill%3D%22%237db83a%22%20opacity%3D%220.15%22%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E');\n\n$search: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22none%22%3E%3Ccircle%20cx%3D%2228%22%20cy%3D%2226%22%20r%3D%2216%22%20fill%3D%22%236dc8bf%22%3E%3C%2Fcircle%3E%3Cpolygon%20points%3D%2228%2C10%2044%2C26%2028%2C26%22%20fill%3D%22%2300addc%22%20opacity%3D%220.4%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%2238%2C36%2054%2C56%2060%2C50%2044%2C30%22%20fill%3D%22%23524fa1%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%2238%2C36%2044%2C30%2054%2C56%22%20fill%3D%22%23662d91%22%20opacity%3D%220.4%22%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E');\n\n$icon-menu: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22none%22%3E%3Cpolygon%20points%3D%228%2C12%2056%2C12%2056%2C18%208%2C18%22%20fill%3D%22%236d9d31%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%228%2C29%2056%2C29%2056%2C35%208%2C35%22%20fill%3D%22%236d9d31%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%228%2C46%2056%2C46%2056%2C52%208%2C52%22%20fill%3D%22%236d9d31%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%228%2C12%2032%2C12%2032%2C18%208%2C18%22%20fill%3D%22%235a8428%22%20opacity%3D%220.3%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%228%2C29%2032%2C29%2032%2C35%208%2C35%22%20fill%3D%22%235a8428%22%20opacity%3D%220.3%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%228%2C46%2032%2C46%2032%2C52%208%2C52%22%20fill%3D%22%235a8428%22%20opacity%3D%220.3%22%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E');\n\n$icon-filter-funnel-blue: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22none%22%3E%3Cpolygon%20points%3D%226%2C12%2058%2C12%2038%2C34%22%20fill%3D%22%236dc8bf%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%2226%2C34%2038%2C34%2038%2C54%2026%2C48%22%20fill%3D%22%2300addc%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%226%2C12%2032%2C12%2032%2C34%2026%2C34%22%20fill%3D%22%23524fa1%22%20opacity%3D%220.5%22%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E');\n\n$icon-filter-funnel: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22none%22%3E%3Cpolygon%20points%3D%226%2C12%2058%2C12%2038%2C34%22%20fill%3D%22%236d9d31%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%2226%2C34%2038%2C34%2038%2C54%2026%2C48%22%20fill%3D%22%235a8428%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%226%2C12%2032%2C12%2032%2C34%2026%2C34%22%20fill%3D%22%237db83a%22%20opacity%3D%220.5%22%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E');\n\n$icon-share: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22none%22%3E%3Ccircle%20cx%3D%2248%22%20cy%3D%2214%22%20r%3D%228%22%20fill%3D%22%236dc8bf%22%3E%3C%2Fcircle%3E%3Ccircle%20cx%3D%2248%22%20cy%3D%2250%22%20r%3D%228%22%20fill%3D%22%2300addc%22%3E%3C%2Fcircle%3E%3Ccircle%20cx%3D%2216%22%20cy%3D%2232%22%20r%3D%228%22%20fill%3D%22%23524fa1%22%3E%3C%2Fcircle%3E%3Cpolygon%20points%3D%2216%2C32%2048%2C14%2048%2C50%22%20fill%3D%22%236dc8bf%22%20opacity%3D%220.25%22%3E%3C%2Fpolygon%3E%3Cline%20x1%3D%2222%22%20y1%3D%2228%22%20x2%3D%2242%22%20y2%3D%2218%22%20stroke%3D%22%236dc8bf%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%3E%3C%2Fline%3E%3Cline%20x1%3D%2222%22%20y1%3D%2236%22%20x2%3D%2242%22%20y2%3D%2246%22%20stroke%3D%22%2300addc%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%3E%3C%2Fline%3E%3C%2Fsvg%3E');\n\n$icon-mail: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22none%22%3E%3Crect%20x%3D%224%22%20y%3D%2214%22%20width%3D%2256%22%20height%3D%2236%22%20fill%3D%22%236d9d31%22%20rx%3D%222%22%3E%3C%2Frect%3E%3Cpolygon%20points%3D%224%2C14%2032%2C36%2060%2C14%22%20fill%3D%22%235a8428%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%224%2C14%2032%2C36%204%2C50%22%20fill%3D%22%237db83a%22%20opacity%3D%220.4%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%2260%2C14%2032%2C36%2060%2C50%22%20fill%3D%22%235a8428%22%20opacity%3D%220.3%22%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E');\n\n$icon-grid: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22none%22%3E%3Crect%20x%3D%224%22%20y%3D%224%22%20width%3D%2226%22%20height%3D%2226%22%20fill%3D%22%236dc8bf%22%20rx%3D%222%22%3E%3C%2Frect%3E%3Crect%20x%3D%2234%22%20y%3D%224%22%20width%3D%2226%22%20height%3D%2226%22%20fill%3D%22%2300addc%22%20rx%3D%222%22%3E%3C%2Frect%3E%3Crect%20x%3D%224%22%20y%3D%2234%22%20width%3D%2226%22%20height%3D%2226%22%20fill%3D%22%23524fa1%22%20rx%3D%222%22%3E%3C%2Frect%3E%3Crect%20x%3D%2234%22%20y%3D%2234%22%20width%3D%2226%22%20height%3D%2226%22%20fill%3D%22%23662d91%22%20rx%3D%222%22%3E%3C%2Frect%3E%3Cpolygon%20points%3D%224%2C4%2030%2C4%2030%2C30%204%2C30%22%20fill%3D%22%2300addc%22%20opacity%3D%220.2%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%2234%2C34%2060%2C34%2060%2C60%2034%2C60%22%20fill%3D%22%23b72467%22%20opacity%3D%220.2%22%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E');\n\n$icon-star: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22none%22%3E%3Cpolygon%20points%3D%2232%2C4%2038%2C24%2058%2C24%2042%2C36%2048%2C56%2032%2C44%2016%2C56%2022%2C36%206%2C24%2026%2C24%22%20fill%3D%22%23fdb913%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%2232%2C4%2038%2C24%2058%2C24%2042%2C36%2032%2C44%2026%2C24%22%20fill%3D%22%23f68b1f%22%20opacity%3D%220.4%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%2232%2C4%2026%2C24%206%2C24%2022%2C36%2032%2C44%22%20fill%3D%22%23f15a22%22%20opacity%3D%220.2%22%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E');\n\n$heart: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M32%2C56%20C32%2C56%204%2C38%204%2C20%20C4%2C10%2012%2C4%2020%2C4%20C26%2C4%2030%2C8%2032%2C12%20C34%2C8%2038%2C4%2044%2C4%20C52%2C4%2060%2C10%2060%2C20%20C60%2C38%2032%2C56%2032%2C56Z%22%20fill%3D%22%23ed1c24%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M32%2C12%20C34%2C8%2038%2C4%2044%2C4%20C52%2C4%2060%2C10%2060%2C20%20C60%2C38%2032%2C56%2032%2C56%20L32%2C12Z%22%20fill%3D%22%23b72467%22%20opacity%3D%220.4%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M32%2C12%20C30%2C8%2026%2C4%2020%2C4%20C12%2C4%204%2C10%204%2C20%20L32%2C12Z%22%20fill%3D%22%23f15a22%22%20opacity%3D%220.3%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');\n\n$heart-small: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M32%2C56%20C32%2C56%204%2C38%204%2C20%20C4%2C10%2012%2C4%2020%2C4%20C26%2C4%2030%2C8%2032%2C12%20C34%2C8%2038%2C4%2044%2C4%20C52%2C4%2060%2C10%2060%2C20%20C60%2C38%2032%2C56%2032%2C56Z%22%20fill%3D%22%236d9d31%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M32%2C12%20C34%2C8%2038%2C4%2044%2C4%20C52%2C4%2060%2C10%2060%2C20%20C60%2C38%2032%2C56%2032%2C56%20L32%2C12Z%22%20fill%3D%22%235a8428%22%20opacity%3D%220.4%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');\n\n$icon-info: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22none%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2226%22%20fill%3D%22%2300addc%22%3E%3C%2Fcircle%3E%3Cpolygon%20points%3D%2232%2C6%2058%2C32%2032%2C32%22%20fill%3D%22%236dc8bf%22%20opacity%3D%220.3%22%3E%3C%2Fpolygon%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2218%22%20r%3D%224%22%20fill%3D%22white%22%3E%3C%2Fcircle%3E%3Crect%20x%3D%2228%22%20y%3D%2228%22%20width%3D%228%22%20height%3D%2222%22%20fill%3D%22white%22%20rx%3D%222%22%3E%3C%2Frect%3E%3C%2Fsvg%3E');\n\n$icon-warning: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22none%22%3E%3Cpolygon%20points%3D%2232%2C4%2060%2C56%204%2C56%22%20fill%3D%22%23fdb913%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%2232%2C4%2060%2C56%2032%2C56%22%20fill%3D%22%23f68b1f%22%20opacity%3D%220.5%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%2232%2C4%204%2C56%2032%2C56%22%20fill%3D%22%23f15a22%22%20opacity%3D%220.2%22%3E%3C%2Fpolygon%3E%3Crect%20x%3D%2228%22%20y%3D%2222%22%20width%3D%228%22%20height%3D%2218%22%20fill%3D%22%23111%22%20rx%3D%222%22%3E%3C%2Frect%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2247%22%20r%3D%224%22%20fill%3D%22%23111%22%3E%3C%2Fcircle%3E%3C%2Fsvg%3E');\n\n$icon-location: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M32%2C4%20C18%2C4%2010%2C14%2010%2C26%20C10%2C42%2032%2C60%2032%2C60%20C32%2C60%2054%2C42%2054%2C26%20C54%2C14%2046%2C4%2032%2C4Z%22%20fill%3D%22%236d9d31%22%3E%3C%2Fpath%3E%3Cpolygon%20points%3D%2232%2C4%2054%2C26%2032%2C60%2032%2C26%22%20fill%3D%22%235a8428%22%20opacity%3D%220.4%22%3E%3C%2Fpolygon%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2224%22%20r%3D%228%22%20fill%3D%22white%22%3E%3C%2Fcircle%3E%3C%2Fsvg%3E');\n\n$icon-arrow-left: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22none%22%3E%3Cpolygon%20points%3D%2258%2C32%2036%2C12%2036%2C24%208%2C24%208%2C40%2036%2C40%2036%2C52%22%20fill%3D%22%236d9d31%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%2258%2C32%2036%2C12%2036%2C32%22%20fill%3D%22%235a8428%22%20opacity%3D%220.5%22%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E');\n\n$shape-orange-bg: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%20750%20320%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpolygon%20points%3D%22750%2C20%20660%2C0%20500%2C30%20340%2C10%20180%2C50%2060%2C90%200%2C140%2030%2C200%200%2C260%2080%2C310%20250%2C290%20450%2C320%20650%2C300%20750%2C260%20710%2C200%20750%2C140%20730%2C80%22%20fill%3D%22%23f15a22%22%20opacity%3D%220.07%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%22730%2C40%20640%2C20%20490%2C50%20330%2C30%20190%2C70%2080%2C100%2020%2C150%2050%2C210%2020%2C270%20100%2C310%20270%2C290%20470%2C320%20660%2C300%20740%2C270%20700%2C210%20740%2C150%20720%2C90%22%20fill%3D%22%23f68b1f%22%20opacity%3D%220.05%22%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E');\n\n$arrow-reset: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2217%22%20height%3D%2217%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M32%2C10%20A22%2C22%200%201%2C1%2014%2C21%22%20fill%3D%22none%22%20stroke%3D%22%236dc8bf%22%20stroke-width%3D%227%22%20stroke-linecap%3D%22round%22%3E%3C%2Fpath%3E%3Cpolygon%20points%3D%226%2C16%2020%2C16%2013%2C28%22%20fill%3D%22%23524fa1%22%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E');\n\n$icon-trash: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22none%22%3E%3Crect%20x%3D%2218%22%20y%3D%2224%22%20width%3D%2228%22%20height%3D%2232%22%20rx%3D%223%22%20fill%3D%22%23888780%22%3E%3C%2Frect%3E%3Crect%20x%3D%2214%22%20y%3D%2218%22%20width%3D%2236%22%20height%3D%227%22%20rx%3D%222%22%20fill%3D%22%235F5E5A%22%3E%3C%2Frect%3E%3Crect%20x%3D%2224%22%20y%3D%2212%22%20width%3D%2216%22%20height%3D%227%22%20rx%3D%222%22%20fill%3D%22%235F5E5A%22%3E%3C%2Frect%3E%3Cpolygon%20points%3D%2218%2C24%2027%2C24%2027%2C56%2018%2C56%22%20fill%3D%22%235F5E5A%22%20opacity%3D%220.5%22%3E%3C%2Fpolygon%3E%3Crect%20x%3D%2225%22%20y%3D%2230%22%20width%3D%223%22%20height%3D%2218%22%20rx%3D%221.5%22%20fill%3D%22%235F5E5A%22%20opacity%3D%220.6%22%3E%3C%2Frect%3E%3Crect%20x%3D%2230.5%22%20y%3D%2230%22%20width%3D%223%22%20height%3D%2218%22%20rx%3D%221.5%22%20fill%3D%22%235F5E5A%22%20opacity%3D%220.6%22%3E%3C%2Frect%3E%3Crect%20x%3D%2236%22%20y%3D%2230%22%20width%3D%223%22%20height%3D%2218%22%20rx%3D%221.5%22%20fill%3D%22%235F5E5A%22%20opacity%3D%220.6%22%3E%3C%2Frect%3E%3C%2Fsvg%3E');\n\n$icon-up: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22none%22%3E%3Cpolygon%20points%3D%228%2C26%2056%2C26%2056%2C38%208%2C38%22%20fill%3D%22%236dc8bf%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%2226%2C8%2038%2C8%2038%2C56%2026%2C56%22%20fill%3D%22%2300addc%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%2226%2C26%2038%2C26%2038%2C38%2026%2C38%22%20fill%3D%22%23524fa1%22%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E');\n\n$icon-down: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22none%22%3E%3Cpolygon%20points%3D%228%2C26%2056%2C26%2056%2C38%208%2C38%22%20fill%3D%22%236dc8bf%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%228%2C26%2032%2C26%2032%2C38%22%20fill%3D%22%2300addc%22%20opacity%3D%220.6%22%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E');\n","@use 'sass:meta';\n@use '../../icons' as *;\n@use '../../variables' as *;\n@use '../../colors' as c;\n@use '../../0-inits/new/new' as *;\n@use '../../3-forms/button/button' as *;\n@use '../../3-forms/fancy-checkbox/fancy-checkbox' as *;\n\n// Form defaults\n//\n// These are the default base styles applied to HTML form elements.\n//\n// Component classes can override these styles, but if no class applies a style\n// to an HTML form element, these styles will be the ones displayed.\n//\n// Weight: -1\n//\n// Style guide: Normalize.forms\n\n// form {\n//   &:focus-within {\n//     box-shadow: 0 0 0 4px c.color('form-focus-within') inset;\n//   }\n// }\n\n//\n// The following rules are from normalize.css and help to fix inconsistencies\n// across various browsers. You should probably leave these rules as is and jump\n// to the \"Buttons\" rule on line 92 before you start editing this file.\n//\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  // Keep form elements constrained in their containers.\n  box-sizing: border-box;\n  max-width: 100%;\n  // Change font properties to `inherit` in all browsers (opinionated).\n  font: inherit;\n  // Remove the margin in Firefox and Safari.\n  margin: 0;\n  //@if support-for(ie, 7) {\n  //  // Address `font-family` inconsistency between `textarea` and other form in IE 7\n  //  @include typeface(body);\n  //  // Improve appearance and consistency with IE 6/7.\n  //  *vertical-align: middle;\n  //}\n}\n\n// Show the overflow in IE.\nbutton {\n  overflow: visible;\n}\n\n// Remove the inheritance of text transform in Edge, Firefox, and IE.\nbutton,\nselect {\n  text-transform: none;\n}\n\n// Show the overflow in Edge.\ninput {\n  overflow: visible;\n  @if support-for(firefox, 29) {\n    // Firefox sets `line-height` using `!important` in the UA stylesheet.\n    line-height: normal;\n  }\n}\n\n// Correct the cursor style of increment and decrement buttons in Chrome.\n[type='number']::-webkit-inner-spin-button,\n[type='number']::-webkit-outer-spin-button {\n  height: auto;\n}\n\n[type='search'] {\n  // Correct the odd appearance in Chrome and Safari.\n  -webkit-appearance: textfield;\n  // Correct the outline style in Safari.\n  outline-offset: -2px;\n\n  // Remove the inner padding and cancel buttons in Chrome and Safari on OS X.\n  &::-webkit-search-cancel-button,\n  &::-webkit-search-decoration {\n    -webkit-appearance: none;\n  }\n}\n\n::-webkit-file-upload-button {\n  // Correct the inability to style clickable types in iOS and Safari.\n  -webkit-appearance: button;\n  // Change font properties to `inherit` in Safari.\n  font: inherit;\n}\n\n// Buttons\n//\n// Buttons built with the `<button>` element are the most flexible for styling\n// purposes. But `<input>` elements with `type` set to `submit`, `image`,\n// `reset`, or `button` are also supported.\n//\n// Below is the default button styling. To see variations on the button styling\n// see the [button component](section-forms.html#kssref-forms-button).\n//\n// :hover        - Hover styling.\n// :active:hover - Depressed button styling.\n//\n// Markup: forms-button.twig\n//\n// Style guide: Normalize.forms.button\n\n// Placeholder\n//\n// The text within some form elements displayed when there's no value entered\n//\n// Style guide: Normalize.forms.placeholder\n\n$placeholder: c.color('placeholder');\n\n%placeholder {\n  color: $placeholder;\n  font-size: calc(16rem / 16);\n  font-weight: 400;\n  letter-spacing: -2%;\n}\n\n::-webkit-input-placeholder {\n  /* Chrome/Opera/Safari */\n  // Correct the text style of placeholders in Chrome, Edge, and Safari.\n  color: inherit;\n  // opacity: .54;\n  @extend %placeholder;\n}\n\n:-moz-placeholder {\n  // /* Firefox 18- */\n  @extend %placeholder;\n}\n\n::-moz-placeholder {\n  // /* Firefox 19+ */\n  @extend %placeholder;\n  opacity: 1;\n}\n\n:-ms-input-placeholder {\n  // /* IE 10+ */\n  @extend %placeholder;\n}\n\n::-ms-input-placeholder {\n  // /* Microsoft Edge */\n  @extend %placeholder;\n}\n\n::placeholder {\n  // /* Chrome, Firefox, Opera, Safari 10.1+ */\n  @extend %placeholder;\n  font-size: calc(13rem / 16);\n  font-weight: 400;\n  opacity: 1; // /* Firefox */\n}\n\n// General form element styles\n//\n// Style guide: Normalize.forms.general\n\n// important to include for wide browser support\n$input-bg: c.color('input-bg');\n$input-bg-active: c.color('input-active');\n// these 4 are for select options only, with $chevron-width\n$select-padding-vertical: 0;\n$select-padding-vertical-desktop: 1em;\n$select-padding-horizontal: 1em;\n$select-padding-horizontal-desktop: 1.4em;\n\n// $input-padding-vertical:         0;\n// $input-padding-vertical-desktop: 1em;\n// $input-padding-horizontal:         1em;\n// $input-padding-horizontal-desktop: 1.4em;\n// $input-padding: .8em 1.2em;\n// $input-margin-vertical:         1.6em;\n// $input-margin-vertical-desktop: 1em;\n// $input-border-width: 1px;\n// $input-border-bottom-width:         1px;   // in px\n$input-padding: 0.8rem;\n$input-border-width: 1px;\n$input-border-color: c.color('input-border-color');\n$input-border-radius: 10px;\n$input-line-height: 1.5; // because it affects height\n$input-noaction-color: c.color('input-noaction-color');\n$placeholder: c.color('placeholder');\n$form-item-boxshadow: 0 0 2em c.color('shadow');\n\n%formfield-enabled {\n  border-color: $input-border-color;\n  border-radius: 10px;\n  color: c.color('input-color');\n}\n\n%formfield-enabled-focus {\n  border-color: c.color('input-border-focus');\n  color: c.color('input-color');\n}\n\n%formfield-invalid {\n  border-color: c.color('input-color-invalid');\n  box-shadow: none; // disable red glow on Gecko browsers\n  color: c.color('input-color-invalid');\n\n  & + span::after {\n    color: c.color('input-color-invalid');\n    // content: 'X';\n    content: '×';\n    font-size: 2em;\n    line-height: 1;\n  }\n}\n\n// %formfield-valid {\n//   background-color: c.color('input-bg-valid');\n//   border-color: c.color('input-bg-valid');\n//   // color: c.color('input-color-valid');\n//\n//   & + span::after {\n//     color: c.color('input-color-valid');\n//     // content: '✓';\n//     content: $check;\n//   }\n// }\n\n%form-item-valid {\n  background: $check right 1rem top 50% / auto no-repeat\n    c.color('input-bg-valid');\n  padding: 0.2rem 1.8rem 0.2rem 0.8rem;\n\n  input {\n    border-width: 0;\n  }\n}\n\n%label-faint {\n  color: c.color('label-valid');\n  font-size: calc(12rem / 16);\n  font-weight: 400;\n  letter-spacing: -2%;\n}\n\n// The %text-form-element can be used to style `<input>` text types and\n// `<textarea>` elements at the same time.\n%text-form-element {\n  // &:enabled\n  // what user sees before interacting with form fields\n  @extend %formfield-enabled;\n  -webkit-appearance: none; // Safari :active problematičan\n  // background-color: $input-bg;\n  background-color: transparent;\n  border-style: solid;\n  border-width: $input-border-width;\n  border-radius: $input-border-radius;\n  caret-color: c.color('caret');\n  color: c.color('input-color');\n  font-weight: 400;\n  // keep em units instead of rem to avoid having to adjust the\n  // position of validation marks differently for desktop and mobile\n  font-size: calc(14em / 16);\n  letter-spacing: -2%;\n  margin: 0; // close to its label and .description\n  padding: $input-padding;\n  transition-duration: 0.3s;\n  transition-timing-function: ease;\n  transition-delay: 0s;\n  transition-property: background-color, border-color, color;\n  width: 100%;\n\n  & + span::after {\n    bottom: 0.9rem;\n    content: '';\n    left: auto;\n    position: absolute;\n    right: 1rem;\n    top: auto;\n  }\n\n  &:focus-visible {\n    outline: 2px solid c.color('input-color');\n  }\n\n  &:focus,\n  &:hover,\n  &:active {\n    color: c.color('input-color');\n    // background-color: c.color('input-hover');\n    background-color: transparent;\n    // border-color: c.color('input-border-focus');\n    outline: none;\n  }\n\n  &:active {\n    background-color: $input-bg-active;\n  }\n\n  &:disabled,\n  &[aria-disabled='true'] {\n    // color: mix(c.color('text'), c.color('white'), 20%);\n    color: c.color('input-disabled');\n    cursor: not-allowed;\n\n    // &:hover {\n    //   border-color: c.color('disabled-cue');\n    // }\n\n    &:focus,\n    &:active {\n      // border-bottom-color: c.color('disabled-cue');\n      outline-color: c.color('disabled-cue');\n    }\n  }\n\n  &::-webkit-input-placeholder,\n  &:-moz-placeholder,\n  &::-moz-placeholder,\n  &:-ms-input-placeholder,\n  &::-ms-input-placeholder,\n  &::placeholder {\n    @extend %placeholder;\n    font-style: italic;\n  }\n\n  // Field validation\n  // Only show invalid when focused away, valid styles same as default\n  // Unless the field is required, then validate immediately\n  // Don't show validation styles when empty\n  // Don't show validation at the start of typing, default styles shown\n  // Show invalid only after focusing away from the field\n  // Show default when not empty, valid, and focused away\n  // Show valid only on required fields, while focused\n\n  // this is when the page loads, no interaction yet\n  // field is empty, not focused, don't trigger validation\n  &:placeholder-shown:not(:focus) {\n    @extend %formfield-enabled;\n  }\n\n  // Always show if invalid on focus blur, optional and required fields\n  // field isn't empty, finished typing, focused away\n  &[placeholder]:not(:placeholder-shown):invalid {\n    @extend %formfield-invalid;\n  }\n\n  // field isn't empty, started typing, is focused,\n  // don't trigger validation even if still not valid\n  // don't suffer from premature validation :D [article]\n  &[placeholder]:not(:placeholder-shown):focus:invalid {\n    @extend %formfield-enabled-focus;\n  }\n}\n\n// Field validation, not required fields\n// :optional:not([type='submit']):not([type='button']):not([type='password'])\n\n// Field validation, required fields\n// Show valid after reaching the full valid state while typing\n// [required]:not([type='password']) {\n//   // Show valid while typing only for required fields\n//   &[placeholder]:not(:placeholder-shown):valid {\n//     @extend %formfield-valid;\n//   }\n// }\n\n// Inputs\n//\n// The `<input>` element is mostly used for text-based inputs that include the\n// HTML5 types: `text`, `search`, `tel`, `url`, `email`, `password`, `date`,\n// `time`, `number`, `range`, `color`, and `file`.\n//\n// :focus - focused state (clicked or navigated by keyboard)\n// :focus-visible - focused by keyboard alone\n// :hover - hovered state\n// :active - tiny fraction of time after focus is initiated\n//\n// Markup: forms-input.twig\n//\n// Style guide: Normalize.forms.input\n\n[type='text'],\n[type='search'],\n[type='tel'],\n[type='url'],\n[type='email'],\n[type='password'],\n[type='date'],\n[type='time'],\n[type='number'] {\n  @extend %text-form-element !optional;\n}\n\n// [type='range'] {\n//   // Add your styles.\n// }\n\n// [type='color'] {\n//   // Add your styles.\n// }\n\n// [type='file'] {\n//   width: 100%;\n// }\n//\n// ::file-selector-button {\n//   @extend %new;\n//   margin: 0 1rem 0 0;\n//   min-width: 0;\n//   padding: .7rem 1rem;\n// }\n\n[type='reset'] {\n  @extend %button-reset;\n}\n\n// Checkboxes\n//\n// If an `<input>` element has the `type='checkbox'` attribute set, the form\n// field is displayed as a checkbox.\n//\n// It's recommended that you don't attempt to style these elements. Firefox's\n// implementation doesn't respect `box-sizing`, `padding`, or `width`.\n//\n// Markup: forms-input-checkbox.twig\n//\n// Style guide: Normalize.forms.input-checkbox\n\n// Radio buttons\n//\n// If an `<input>` element has the `type='radio'` attribute set, the form field\n// is displayed as a radio button.\n//\n// It's recommended that you don't attempt to style these elements. Firefox's\n// implementation doesn't respect `box-sizing`, `padding`, or `width`.\n//\n// Markup: forms-input-radio.twig\n//\n// Style guide: Normalize.forms.input-radio\n\n[type='checkbox'],\n[type='radio'] {\n  // Add the correct box sizing in IE <11.\n  box-sizing: border-box;\n  // Remove the padding in IE <11.\n  padding: 0;\n  // @if support-for(ie, 7) {\n  //   // Remove excess padding in IE 7.\n  //   // Known issue: excess padding remains in IE 6.\n  //   *height: 13px;\n  //   *width: 13px;\n  // }\n\n  & + label {\n    display: inline-block;\n  }\n}\n\n// Only useful if all use the pseudoelements, and not bg image, like rating\n[type='checkbox'] {\n  @extend %fancy-checkbox;\n}\n\n[type='radio'] {\n  @extend %fancy-radio;\n}\n\n// Fieldsets\n//\n// The `<fieldset>` element groups a set of form fields, optionally under a\n// common name given by the `<legend>` element.\n//\n// Markup: forms-fieldset.twig\n//\n// Style guide: Normalize.forms.fieldset\n\nfieldset {\n  // Change the border, margin, and padding in all browsers (opinionated).\n  border: 1px solid c.color(border);\n  border: 0;\n  margin: 0;\n  padding: 0.01em 0 0; // prevent margin leak through legend in WebKit/Safari\n  position: relative; // help with fancy-checkbox not to destroy layout\n}\n\nlegend {\n  // Correct the text wrapping in Edge and IE.\n  box-sizing: border-box;\n  display: table;\n  max-width: 100%;\n  white-space: normal;\n  // Correct the color inheritance from `fieldset` elements in IE.\n  color: inherit;\n  // Align legend text with a fieldset's text while removing left padding so\n  // people aren't caught out if they zero out fieldset padding.\n  // margin-left: -5px;\n  padding: 0;\n  // @if support-for(ie, 7) {\n  //   // Correct alignment displayed oddly in IE 6/7.\n  //   *margin-left: -7px;\n  // }\n}\n\n// Labels\n//\n// The `<label>` element represents a caption of a form field. The label can be\n// associated with a specific form control by using the `for` attribute or by\n// putting the form control inside the label element itself.\n//\n// Markup: forms-label.twig\n//\n// Style guide: Normalize.forms.label\n\nlabel {\n  display: block;\n  font-size: calc(14rem / 16);\n  font-weight: 400;\n  line-height: 1;\n  // use padding instead for more reliable validation marks positioning\n  margin: 0.5em 0 0;\n  padding: 0.5em 0 0;\n  position: relative; // so it's not invisible in second style input\n\n  &:has(+ :focus),\n  &:has(+ :not(:placeholder-shown)) {\n    @extend %label-faint;\n  }\n}\n\n// Select list\n//\n// The `<select>` element represents a form field for selecting amongst a set of\n// options.\n//\n// Known limitation: by default, Chrome and Safari on OS X allow very limited\n// styling of `<select>`, unless a `border` property is set.\n//\n// Markup: forms-select.twig\n//\n// Style guide: Normalize.forms.select\n//\n// Warning:\n//\n// iOS Safari zooms-in the site layout if the select's text is less than 16px.\n//\n// Keep the linear gradient! Even if made to show solid color by 2 same stops\n// its presence prevents IE9 and older from recognizing the background\n// property, so won’t show the custom icon alongside its unhideable native one\n\n// section element indicators when field isn't and is focused\n// $dropdown-arrow-noaction: $triangle-down-noaction;\n// $dropdown-arrow: $triangle-down;\n$dropdown-arrow-noaction: $chevron-down-dark-tran;\n// $dropdown-arrow: $chevron-down;\n// $chevron-width: .65em;\n$chevron-width: 11px;\n\n%select,\nselect {\n  @extend %text-form-element;\n  appearance: none;\n  // keep the linear gradient for wide browser compatibility!\n  background-image:\n    $dropdown-arrow-noaction,\n    // linear-gradient(to bottom, $input-bg 0%, $input-bg 100%);\n    linear-gradient(\n        to bottom,\n        c.color('select-bg') 0%,\n        c.color('select-bg') 100%\n      );\n  background-repeat: no-repeat, repeat;\n  // background-position: right $input-padding-horizontal top 50%, 0 0;\n  background-position:\n    right $select-padding-horizontal top 50%,\n    0 0;\n  background-size:\n    $chevron-width auto,\n    100%;\n  border-width: 0;\n  border-radius: 10em;\n  color: c.color('select-text');\n  @include respond-to('l') {\n    // background-position: right $input-padding-horizontal-desktop top 50%, 0 0;\n    // padding-right: calc($input-padding-horizontal + 2 * $chevron-width);\n    background-position:\n      right $select-padding-horizontal-desktop top 50%,\n      0 0;\n    padding-right: calc($select-padding-horizontal + 2 * $chevron-width);\n  }\n\n  // instructs IE11 and IE10 to hide the menu icon pseudo element\n  // so the custom icon behind it can appear\n  &::-ms-expand {\n    display: none;\n  }\n\n  &:focus,\n  &:hover,\n  &:active {\n    // background-image: $dropdown-arrow,\n    // background-image: none,\n    // // linear-gradient(to bottom, $input-bg 0%, $input-bg 100%);\n    // linear-gradient(to bottom, c.color('select-bg') 0%, c.color('select-bg') 100%);\n    outline: none;\n  }\n\n  &:active {\n    // background-image: $dropdown-arrow,\n    // linear-gradient(to bottom, $input-bg-active 0%, $input-bg-active 100%);\n    outline: none;\n  }\n\n  &:disabled,\n  &[aria-disabled='true'] {\n    // keep the linear gradient for wide browser compatibility!\n    background-image:\n      $dropdown-arrow-noaction,\n      linear-gradient(to bottom, $input-bg 0%, $input-bg 100%);\n    cursor: not-allowed;\n  }\n\n  option {\n    border-bottom: 1px solid c.color('border');\n    display: inline-block;\n    font-weight: normal;\n    // padding: $input-padding-vertical $input-padding-horizontal;\n    padding: $select-padding-vertical $select-padding-horizontal;\n    @include respond-to('l') {\n      // padding: $input-padding-vertical-desktop $input-padding-horizontal-desktop;\n      padding: $select-padding-vertical-desktop\n        $select-padding-horizontal-desktop;\n    }\n  }\n}\n\noptgroup {\n  // Restore the font weight unset by a previous rule.\n  font-weight: bold;\n}\n\n// Text areas\n//\n// The `<textarea>` element represents a multi-line plain text form field.\n//\n// Markup: forms-textarea.twig\n//\n// Style guide: Normalize.forms.textarea\n\ntextarea {\n  @extend %text-form-element !optional;\n  border-radius: 1rem;\n  // padding: $gutter-main;\n  // Remove the default vertical scrollbar in IE.\n  overflow: auto;\n  text-align: left;\n}\n\n.form-item {\n  // context for validation marks and fancy checkbox and radio\n  position: relative;\n}\n\n.form-item-required {\n  position: relative;\n\n  label {\n    flex: 0 0 100%;\n\n    &::after {\n      @if c.color('label-required') != c.color('text') {\n        color: c.color('label-required');\n      } @else {\n        color: inherit;\n      }\n      content: ' *';\n      display: inline;\n      font-weight: normal;\n      text-transform: uppercase;\n    }\n  }\n\n  input {\n    flex: 22 0 calc(100% - 2em);\n    width: 100%;\n  }\n}\n\nform {\n  // otherwise fancy checkboxes and radios cause blank screen\n  // absolute positioning and clip path clip whole screen\n  position: relative;\n}\n","@use 'sass:color';\n@use '../../variables' as *;\n@use '../../colors' as c;\n@use '../../0-inits/visually-hidden/visually-hidden' as *;\n\n// Tables\n//\n// The `<table>` element displays tabular data in rows, columns, and cells.\n//\n// Markup: tables-table.twig\n//\n// Weight: 1\n//\n// Style guide: Normalize.table\n\ntable {\n  background-color: transparent;\n  border: 0;\n  border-collapse: collapse;\n  border-spacing: 0;\n  width: 100%;\n}\n\ncaption {\n  background-color: transparent;\n  border: 0;\n}\n\nth {\n  // background-color: color.adjust(c.color('thead'), $alpha: -.76);\n  border-bottom: 1px solid c.color('thead');\n  color: inherit;\n  font-size: calc(14rem / 16);\n  font-weight: 400;\n  line-height: 1.3;\n  text-align: left;\n\n  // &:first-child {\n  //   border-top-left-radius: 5px;\n  // }\n  //\n  // &:last-child {\n  //   border-top-right-radius: 5px;\n  // }\n}\n\nth,\ntd {\n  padding: 0.8rem;\n}\n\ntr {\n  td {\n    border-bottom: 1px solid c.color('row-border');\n  }\n}\n\n// Rows with spacing in between them, most tables on old Edit user\n// profile use it\n%table-separate-rows {\n  border-collapse: separate;\n  border-spacing: 0 5px;\n  line-height: 1.3;\n  width: 100%;\n\n  td {\n    background-color: c.color('cell-bg');\n    border-bottom: 1px solid c.color('row-border');\n    border-top: 1px solid c.color('row-border');\n\n    &:first-child {\n      border-left: 1px solid c.color('row-border');\n    }\n\n    &:last-child {\n      border-right: 1px solid c.color('row-border');\n    }\n  }\n}\n\n// Simple tables on user profile\n%table-simple {\n  line-height: 1.3;\n  text-align: left;\n\n  caption {\n    @include visually-hidden;\n  }\n\n  th,\n  td {\n    padding: 1rem 0.5rem;\n    text-align: center;\n\n    &:first-of-type {\n      padding-left: 0;\n      text-align: left;\n    }\n  }\n\n  tbody {\n    font-size: calc(14rem / 16);\n    font-weight: 600;\n    letter-spacing: -2%;\n  }\n}\n\n%table-simple2 {\n  @extend %table-simple;\n\n  tbody {\n    font-weight: 400;\n  }\n\n  td:first-of-type {\n    font-weight: 600;\n    letter-spacing: 0;\n  }\n}\n\n// Fancy table look used in product table\n$border-width: 1px; // for calculation of thead bg pulling out\n$border-radius: 3px;\n$border-radius-row: calc($border-radius + 2px);\n// $table-spacing: .5em; set in _variables.scss\n\n%table-fancy {\n  background-color: c.color('table-fancy-bg');\n  border: $border-width solid c.color('border');\n  border-top: 0;\n  border-radius: $border-radius;\n  border-collapse: separate;\n  border-spacing: 0;\n  margin: $margin-vertical-default 0;\n  padding: 0 $table-spacing $table-spacing;\n  position: relative; // for z-index for caption overlap\n  text-align: left;\n  z-index: 1;\n\n  caption {\n    background-color: c.color('table-fancy-bg');\n    border: $border-width solid c.color('border');\n    border-top-width: 0;\n    border-radius: $border-radius;\n    caption-side: bottom;\n    padding: calc(2 * $border-radius + $table-spacing) $table-spacing\n      $table-spacing;\n    position: relative;\n    transform: translateY(-2 * $border-radius);\n    z-index: 0;\n  }\n\n  th {\n    background-color: c.color('table-head-fancy-bg');\n    color: c.color('table-head-fancy');\n    font-weight: 600;\n\n    &:first-child {\n      border-top-left-radius: 5px;\n    }\n\n    &:last-child {\n      border-top-right-radius: 5px;\n    }\n  }\n\n  th,\n  td {\n    border-bottom: 0;\n    padding: 0.2em $table-spacing;\n  }\n\n  // extend thead background to compensate for table padding\n  // to get the effect that the table body is horizontally inset\n  th {\n    position: relative;\n    z-index: 0;\n\n    &:first-child,\n    &:last-child {\n      &::before {\n        background-color: c.color('table-head-fancy-bg');\n        content: '';\n        display: block;\n        height: 100%;\n        position: absolute;\n        top: 0;\n        width: 100%;\n        z-index: -1;\n      }\n    }\n  }\n\n  td {\n    &:first-child {\n      border-bottom-left-radius: 5px;\n      border-top-left-radius: 5px;\n    }\n\n    &:last-child {\n      border-bottom-right-radius: 5px;\n      border-top-right-radius: 5px;\n    }\n  }\n\n  th:first-child::before {\n    border-top-left-radius: $border-radius;\n    left: calc(-#{$border-width} - #{$table-spacing});\n  }\n\n  th:last-child::before {\n    border-top-right-radius: $border-radius;\n    right: calc(-#{$border-width} - #{$table-spacing});\n  }\n\n  // even table rows background with border radius\n  tr.row-even td {\n    background-color: c.color('table-even-fancy-bg');\n  }\n}\n","@use '../../0-inits/visually-hidden/visually-hidden' as vh;\n\n// Visually hidden\n//\n// Make an element visually hidden, but accessible to screen readers, etc.\n//\n// .visually-hidden--off        - Turns off the visually-hidden effect.\n// .visually-hidden--focusable  - Makes an element visually hidden by default,\n//                                but visible when receiving focus.\n// .visually-hidden--focusable:focus  - A focused, and visible, element.\n//\n// Markup: twig\n//\n// Style guide: Components.visually-hidden\n\n.visually-hidden,\n%visually-hidden {\n  @include vh.visually-hidden;\n\n  &--off {\n    @include vh.visually-hidden--off;\n  }\n\n  &--focusable {\n    @include vh.visually-hidden;\n\n    &:focus,\n    &:active {\n      @extend %visually-hidden--off;\n    }\n  }\n}\n\n","// Hide Scrollbar\n//\n// Webkit usually shows gray scrollbars on every element with overflow\n// scroll or auto, it needs special prefix on the element with overflow\n// to hide them\n//\n// Style guide: Inits.scrollbar-hide\n\n//\n//    ::-webkit-scrollbar\n\n\n%scrollbar-hide {\n  // Firefox\n  scrollbar-width: none;\n  // Chrome, Edge, and Safari\n  &::-webkit-scrollbar {\n    display: none;\n  }\n}\n\n@mixin scrollbar-hide {\n  scrollbar-width: none;\n\n  &::-webkit-scrollbar {\n    display: none;\n  }\n}\n","@use 'sass:color';\n@use '../../0-inits/icon-mask-color/icon-mask-color' as *;\n@use '../../icons' as *;\n@use '../../colors' as c;\n@use '../../0-inits/visually-hidden/visually-hidden' as *;\n@use '../../3-forms/button/button' as *;\n\n// Item remove\n//\n// Button that removes an item from a cart or a table\n//\n// :focus - focused state. keyboard\n// :focus-visible - focused state, only keyboard\n// :hover - hovered state\n//\n// Markup: item-remove.twig\n//\n// Style guide: Components.item-remove\n\n$size: 1em !default;\n$spacing-x: 1.76em !default;\n$bg: c.color('remove-bg') !default;\n$color: c.color('remove') !default;\n$icon: $x-light !default;\n\n// @debug $bg;\n//\n// @debug c.color('remove-bg');\n\n@property --c1 {\n  syntax: '<color>';\n  initial-value: #{$bg};\n  inherits: false;\n}\n\n@mixin item-remove($size: 1em,\n                   $spacing-x: 1.76em,\n                   $bg: c.color('remove-bg'),\n                   $color: c.color('remove'),\n                   $icon: $x-light,\n                   $bg-hover: c.color('remove-bg-hover'),\n                   $pseudoelement: false) {\n\n  --c1: #{$bg};\n\n  // make gradient color transitionable\n  @property --c1 {\n    syntax: '<color>';\n    initial-value: #{$bg};\n    inherits: false;\n  }\n\n  // @extend %debuttonize;\n              // \"x\" positioned on the left if there is text, alone if not\n  background: $icon calc(($spacing-x - $size) / 2) 50% / #{$size} auto no-repeat,\n              // only circle in bg behind the icon\n              radial-gradient(circle at calc($spacing-x / 2), var(--c1), var(--c1) calc($spacing-x / 2), transparent calc(1px + $spacing-x / 2)) transparent;\n  color: $color;\n  cursor: pointer;\n  // filter: saturate(0%);\n  font-size: calc(14rem / 16);\n  font-weight: 400;\n  margin: 0;\n  min-height: $spacing-x; // when only icon text is hidden\n  min-width: 0; // override for when only icon present\n  padding: .2em 0 .2em $spacing-x;\n  // text-indent: .4em;\n  transition: --c1 .3s ease 0s;\n\n  &:focus,\n  &:hover,\n  &:active {\n    --c1: #{$bg-hover};\n    background-color: transparent; // override\n    color: #{$color};\n  }\n\n  @if $pseudoelement == false {\n    span {\n      @include visually-hidden;\n    }\n  }\n}\n\n@mixin close-button {\n  @include item-remove($size: 1.5em,\n                      $spacing-x: 3em,\n                      $bg: c.color('nav-close-bg'),\n                      $color: c.color('nav-close'),\n                      $icon: $x);\n}\n\nbutton.item-remove {\n  @include item-remove;\n  text-transform: unset;\n}\n\nbutton.item-remove-icon {\n  @extend %button-hollow;\n  @extend %button-with-icon;\n  @include icon-mask-color($trashbin, $size, $color, $bg);\n  background: transparent;\n  border-color: $color;\n}\n","@use '../../icons' as *;\n\n// Icon Mask Color\n//\n// Mixin for applying an SVG mask to a pseudoelement so the icon shape\n// can be easily colored and transition the color on state changes.\n//\n//\n//\n// Style guide: Inits.icon-mask-color\n\n@mixin icon-mask-color($mask, $size: 22px, $bg, $bg-hover, $side: '::before') {\n  &#{$side} {\n    content: $mask;\n    flex: 0 0 $size; // prevent horizontal shrinking\n\n    // change icon color with CSS mask. Without the icon is always white\n    // use pseudoelement with mask to \"change color\" of the svg icon\n    @supports (mask-image: url()) {\n      background-color: $bg;\n      content: $nbsp;\n      display: inline-table;\n      height: $size;\n      mask-image: $mask;\n      mask-position: 50% 50%;\n      mask-repeat: no-repeat;\n      mask-size: auto;\n      -webkit-mask-composite: source-over;\n      mask-composite: add;\n      transition: background-color .3s ease 0s;\n      width: $size;\n    }\n  }\n\n  &:focus,\n  &:hover {\n    &::before {\n      @supports (mask-image: url()) {\n        background-color: $bg-hover;\n      }\n    }\n  }\n}\n","// Dependencies.\n@use 'sass:map';\n@use '../../5-components/visually-hidden/visually-hidden' as *;\n@use '../../icons' as *;\n@use '../../variables' as *;\n@use '../../colors' as c;\n@use '../../0-inits/visually-hidden/visually-hidden' as *;\n@use '../../0-inits/scrollbar-hide/scrollbar-hide' as *;\n// Namespece it and redefine variables so item-remove uses its own values\n// and here navbar uses variables redefined here\n@use '../../5-components/item-remove/item-remove' as * with (\n  $size: 1.5em,\n  $spacing-x: 3em,\n  $bg: c.color('nav-close-bg'),\n  $color: c.color('nav-close'),\n  $icon: $x\n);\n\n// Navbar\n//\n// A simple method to get navigation links to appear in one line.\n//\n// Markup: navbar.twig\n//\n// Style guide: Navigation.navbar\n\n// Pure CSS responsive navigation menu\n// https://medium.com/@heyoka/responsive-pure-css-off-canvas-hamburger-menu-aebc8d11d793\n\n$nav-button-mobile-fontsize: map.get($font-size, 'h4'); // 18px — touch-friendly\n$nav-button-mobile-lineheight: 1.5;\n// same line-height for desktop\n$nav-button-desktop-lineheight: $nav-button-mobile-lineheight;\n$nav-button-mobile-padding-v: 0.5rem;\n$nav-button-mobile-padding-h: $size;\n//$b-color: c.color('nav-hamburger');\n$b-color: c.color('luster-dkgreen'); // #00addc\n$nav-button-height: 1em;\n$nav-button-width: 1.15em;\n\n// on mobile side these buttons control the height of the \"header\" area\n// Open nav button on site content, and Close nav button on the navigation\n%navbar-button {\n  // border: 1px solid c.color('nav-hamburger-bg');\n  border-radius: 0;\n  // color: c.color('white');\n  cursor: pointer;\n  display: inline-block;\n  font-size: $nav-button-mobile-fontsize;\n  line-height: $nav-button-mobile-lineheight;\n  min-height: $nav-button-height;\n  min-width: $nav-button-width;\n  padding: $nav-button-mobile-padding-v 0 $nav-button-mobile-padding-v\n    $nav-button-mobile-padding-h;\n  text-align: center;\n  transition-property: background-color, border-color;\n\n  &:focus,\n  &:hover {\n    text-decoration: none;\n  }\n\n  &:active {\n    background-color: c.color('nav-hamburger');\n  }\n}\n\n%hamburger-bg {\n  // left aligned, vertically centered\n  background: transparent no-repeat 0% 50%;\n  // first image creates top and bottom bars through\n  // vertical linear gradient\n  background-image:\n    linear-gradient(\n      180deg,\n      $b-color 0%,\n      $b-color 12.5%,\n      transparent 12.5%,\n      transparent 87.5%,\n      $b-color 87.5%,\n      $b-color 100%\n    ),\n    // second image creates middle bar, same thickness, but\n    // needs to be separate because the size is different\n    // middle bar is shorter through background-size\n    linear-gradient(\n        180deg,\n        transparent 43.75%,\n        $b-color 43.75%,\n        $b-color 56.25%,\n        transparent 56.25%\n      );\n  // background-size: 100% 87%, 76.66% 87%;\n  background-size:\n    $nav-button-width $nav-button-height,\n    calc(0.7666 * $nav-button-height) $nav-button-height;\n\n  & > [aria-hidden='true'] {\n    @include visually-hidden;\n  }\n}\n\n%hamburger-bg-user {\n  background-color: transparent;\n  background-repeat: no-repeat;\n  background-position:\n    100% 50%,\n    100% 50%,\n    0 0;\n  background-image:\n    linear-gradient(180deg, transparent 87.5%, $b-color 87.5%, $b-color 100%),\n    linear-gradient(\n      180deg,\n      $b-color 0%,\n      $b-color 12.5%,\n      transparent 12.5%,\n      transparent 43.7%,\n      $b-color 43.7%,\n      $b-color 56.25%,\n      transparent 56.25%\n    ),\n    $login;\n  // background-size: 100% 87%, 76.66% 87%;\n  background-size:\n    $nav-button-width $nav-button-height,\n    calc(0.7666 * $nav-button-height) $nav-button-height,\n    auto 56%;\n\n  & > [aria-hidden='true'] {\n    @include visually-hidden;\n  }\n}\n\n// most links in Header share styles, main nav and user nav\n%navbar-link {\n  display: inline-block;\n  font-size: map.get($font-size-mobile, 'h4');\n  font-weight: $font-weight-medium;\n  line-height: $line-height-tight;\n  padding: $space-2 $space-5;\n  position: relative; // context for ::after\n  text-align: left;\n  text-transform: uppercase;\n  transition: color 0.3s ease 0s;\n  white-space: nowrap;\n  @include respond-to('l') {\n    font-size: map.get($font-size, 'm');\n    margin: 0 0.8rem 0 0; // override mobile small margin for better tapping\n    padding-left: 0;\n    padding-right: 0.1rem;\n  }\n\n  &:focus,\n  &:hover,\n  &:active {\n    color: c.color('nav-link-hover');\n    text-decoration: none;\n\n    &::before {\n      opacity: 1;\n    }\n  }\n\n  &::before {\n    background-color: c.color('nav-hover-mark');\n    bottom: 0;\n    content: '';\n    display: block;\n    height: 2px;\n    left: 50%;\n    opacity: 0;\n    position: absolute;\n    transform: translateX(-50%);\n    transition: opacity 0.5s ease 0s;\n    width: 0.5em;\n  }\n}\n\n// <ul> vertical list on mobiles, horizontal on desktop\n%navbar-list {\n  align-items: center;\n  justify-content: center;\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  width: 100%;\n  @include respond-to('l') {\n    display: flex;\n    flex-flow: row nowrap;\n  }\n\n  @include respond-to('header-space-between') {\n    justify-content: start;\n  }\n}\n\n// <nav>, styles for mobiles fly-in nav, close button position etc.\n%nav-container {\n  padding: 0;\n  text-align: left;\n  // position first two children left and right\n  // mostly for the heading and close buttons, nav ul set to 100% width\n  align-items: center;\n  align-content: start;\n  display: flex;\n  flex-flow: row wrap;\n  justify-content: space-between;\n}\n\n// for mobiles, hide offscreen\n%hide-offscreen {\n  @extend %scrollbar-hide;\n  background-color: c.color('category');\n  left: 0;\n  // so it triggers scrollbar if content too long\n  // otherwise content at the bottom is cutoff, inaccessible\n  margin: 0;\n  max-height: 100vh;\n  // max-width: $navbar-mobile-maxwidth;\n  overflow-x: visible;\n  overflow-y: scroll; // in case of too long content\n  position: absolute;\n  // transform: translateX(-$navbar-mobile-maxwidth);\n  transform: translateX(-100%);\n  transition: transform 0.6s ease 0s;\n  top: 0;\n  width: 100vw;\n  @supports (position: fixed) {\n    position: fixed;\n  }\n\n  &:focus-within,\n  &:hover {\n    z-index: $z-mobile-nav; // higher than header\n  }\n}\n\n// for mobiles, reverse hiding offscreen\n%show-onscreen {\n  animation-name: none;\n  background-color: c.color('category');\n  // for positioning children\n  transform: translateX(0);\n  transition: transform 0.6s ease 0s;\n  z-index: $z-mobile-nav;\n}\n\n// Complete solution for a selector to be hidden on mobiles with hamburger\n// and shown on larger sizes\n// Depends on the appropriate HTML! Open and Close buttons!\n@mixin responsive-menu {\n  @extend %nav-container;\n  @extend %hide-offscreen;\n  background-color: c.color('nav-hamburger-bg');\n\n  // Styles for nav when it's opened on mobiles\n  &:target {\n    @extend %show-onscreen;\n  }\n\n  & > h2 {\n    box-shadow: $box-shadow;\n    flex: 1 0 calc(100% - 2 * #{$size});\n    font-size: calc(20rem / 16);\n    margin: 0;\n    padding: 0.8em 1em 0.7em ($gutter-main + $content-gutter);\n    text-align: left;\n  }\n\n  // for desktops, undo mobile hiding offscreen\n  @include respond-to('l') {\n    background-color: transparent;\n    // display: block;\n    font-size: 1rem;\n    left: auto;\n    // overflow-y: auto;\n    overflow: visible; // undo mobile on Chromium\n    position: relative;\n    top: auto;\n    transform: none;\n    transition: none;\n    width: auto; // override\n\n    // can't use @extend within @media, must use mixin\n    & > h2,\n    &-open,\n    &-close {\n      @include visually-hidden;\n    }\n  }\n}\n\n%item-current,\n.item-current {\n  color: c.color('nav-current');\n\n  & > [href] {\n    color: c.color('nav-current');\n  }\n}\n\n// Navbar behaviour: hidden on mobiles with a button, revealed fully on desktop\n// To control inside element styles use placeholder selectors above\n.navbar {\n  @include responsive-menu;\n  // font-size: calc(20rem / 16);\n  @include respond-to('l') {\n    background-color: transparent;\n    min-width: 40em;\n  }\n\n  // links to open nav on mobile, and close\n  // invisible on desktop\n  &-open {\n    @extend %navbar-button;\n    // button is empty for visual, only bg\n    @extend %hamburger-bg;\n    // margin-right: -$gutter-main; // to the screen edge\n    // position visually on the far end of the header stripe\n    // assuming there won't be more than 10 direct descendants\n    // order: 10;\n\n    &:target {\n      animation-name: none;\n    }\n  }\n\n  // has content unicode sign x\n  &-close {\n    @include close-button;\n    align-self: stretch;\n    font-weight: bold;\n    z-index: 32;\n\n    & > span {\n      // offset to center vertically visually because it's s font character\n      position: relative;\n      top: -0.04em;\n    }\n  }\n\n  &-list {\n    @extend %navbar-list;\n  }\n\n  [class$='-item'] {\n    list-style: none;\n    padding: 0;\n  }\n\n  [class*='link'] {\n    @extend %navbar-link;\n  }\n}\n\n// only visible to screen readers because they don't see the hamburger\n.main-nav-toggle-label {\n  @extend %visually-hidden;\n}\n","@use '../../variables' as *;\n\n// Layout 1column\n//\n// One column of content without sidebars, centered horizontally, limited\n// in width for better readability\n//\n//\n// Markup: layout-1column.twig\n//\n// Weight: -1\n//\n// Style guide: Layouts.layout-1column\n\n%layout-1column {\n  // center content horizontally\n  margin-left: auto;\n  margin-right: auto;\n  // limit content width, good for readability\n  max-width: $content-1column-maxwidth;\n  // don't let content stick to the left and right viewport edge\n  padding: 0 $gutter-main;\n  // in case flexbox layouts to prevent unwanted centering\n  width: 100%;\n}\n\n.layout-narrow {\n  @extend %layout-1column;\n}\n","// Dependencies.\n@use 'sass:color';\n@use 'sass:map';\n@use '../../4-navigation/navbar/navbar' as *;\n@use '../../variables' as *;\n@use '../../colors' as c;\n@use '../../icons' as *;\n@use '../../0-inits/visually-hidden/visually-hidden' as *;\n@use '../../0-inits/circles/circles' as *;\n@use '../../0-inits/scrollbar-hide/scrollbar-hide' as *;\n@use '../../2-layouts/layout-1column/layout-1column' as *;\n\n// Layout Default\n//\n// Two-column layout with one column narrower\n//\n//\n// Markup: layout-default.twig\n//\n// Weight: -1\n//\n// Style guide: Layouts.layout-default\n\n// If your page design background doesn't stretch wider than its content\n// apply this to the body element.\n// If your page sections have backgrounds that stretch edge to edge of viewport\n// but the content needs to have width limits (which it should)\n// apply this to the inner wrapper of each section (wrapper that holds content)\n\n%layout-content-width {\n  // center content horizontally\n  margin-left: auto;\n  margin-right: auto;\n  // limit content width, good for readability\n  max-width: $content-maxwidth;\n  // don't let content stick to the left and right viewport edge\n  padding-left: $gutter-main;\n  padding-right: $gutter-main;\n  // in case flexbox layouts to prevent unwanted centering\n  width: 100%;\n}\n\n// main content\n%layout-content-width2,\n.layout-default {\n  @extend %layout-content-width;\n  max-width: $content-maxwidth2;\n}\n\n// overrides main for widget pages\n%layout-content-full,\n.layout-full {\n  max-width: none;\n}\n\n%layout-in-row {\n  align-items: center;\n  display: flex;\n  flex-flow: row nowrap;\n  gap: $gutter-main;\n  justify-content: space-between;\n}\n\n%layout-scroll-snap-with-padding {\n  scroll-margin-top: 5vw;\n  scroll-snap-align: start;\n  scroll-snap-points-y: repeat(500px);\n}\n\n.header-content,\n.hero {\n  @extend %layout-content-width;\n  @extend %layout-in-row;\n}\n\n// .user-menu-content {\n//   justify-content: stretch;\n// }\n\n.search-main {\n  // flex: 1 1 auto;\n  // give user links more spaces\n  max-width: 20em;\n}\n\n// .main-contain {\n//   @extend %layout-content-width;\n// }\n\nheader[role='banner'] {\n  background-color: c.color('header-bg'); // sticky needs color\n  border-bottom: 1px solid c.color('header-border');\n  // color: c.color('header');\n  color: inherit;\n  display: flex;\n  flex-flow: row wrap;\n  // align-items: stretch;\n  scroll-margin-top: 2vw; // perceived body padding\n  scroll-snap-align: start;\n  // needed for user menu dropdown to be over product sizes\n  z-index: $z-index-header;\n  @supports (position: sticky) {\n    position: sticky;\n    top: 0;\n  }\n\n  a {\n    color: inherit;\n  }\n}\n\n.header-content {\n  //background-color: orange;\n  display: flex;\n  flex-flow: row wrap;\n  // gap: 2px $gutter-main;\n  gap: 0 $space-4;\n  // grid-auto-flow: column dense;\n  // grid-template-areas: 'logo nav  search user'\n  //                     'fall fall fall   fall';\n  // grid-template-columns: repeat(auto-fit, 5em 1fr min-content min-content max-content);\n  // grid-template-columns: repeat(auto-fit, minmax(1vw, 5em) minmax(3em, 1fr) minmax(3em, min-content) minmax(3em, auto));\n  // grid-template-columns: repeat(auto-fit, minmax(min(10rem, 100%), 1fr));\n  // for the second row. The first row is controlled individually with\n  // margin auto\n  justify-content: space-between;\n  padding-bottom: $space-3;\n  padding-top: $space-3;\n  position: relative; // for z-index for dropdown menus\n  scroll-margin-top: 2vw; // perceived body padding\n  scroll-snap-align: start;\n  z-index: 5;\n\n  // #search-main {\n  //   // flex: 0 0 3em;\n  //   // grid-column: 3 / span 1;\n  //   // grid-row: 1 / span 1;\n  //   // margin-left: auto;\n  // }\n\n  .navbar {\n    // order: 1;\n    z-index: 7; // higher than siblings in header, search-main\n  }\n\n  // logo\n  [rel='home'] {\n    // align-items: center;\n    // background-color: red;\n    // display: flex;\n    // flex-flow: column nowrap;\n    // 143px image width + 16px l and r padding = 159px\n    // flex: 0 0 clamp(159px, calc(90em - 30vw), 100%);\n    // flex: 0 0 clamp(159px, calc(120em - 130vw), 100%);\n    flex: 0 0 auto;\n    align-self: center;\n    padding: $space-2 0;\n    text-align: left;\n  }\n}\n\n#main-nav,\n.user-menu {\n  // background-color: aqua;\n  // this basis controls when user menu falls down into second line\n  // if this basis is too small only search button falls and is alone\n  flex: 0 0 clamp(25em, 40em, 100%);\n  // flex: 0 0 0;\n  margin: 0;\n  // width: clamp(25em, 40% - 80px - 4rem, 100%);\n  max-width: 100%;\n}\n\n.user-menu {\n  // flex: 1 0 clamp(20%, 12em, 100%);\n  flex: 0 0 auto;\n}\n\n@include respond-to('l') {\n  .header-content {\n    justify-content: center;\n\n    .navbar {\n      z-index: 5;\n    }\n  }\n\n  #search-main {\n    flex: 1 0 100%;\n    order: 3;\n  }\n}\n\n@include respond-to('header-space-between') {\n  .header-content {\n    justify-content: space-between;\n  }\n\n  #search-main {\n    flex: 1 0 100%;\n    order: 3;\n  }\n}\n\n// jako široki desktop > 100em\n@include respond-to('header-logo-collapse') {\n  .header-content {\n    display: grid;\n    // space them out, main nav and logo are pushed to left with justify-content\n    // main nav is half the width excluding half of logo and 1 gap so logo ends\n    // up centered. The rest are pushed to right with 1fr.\n    grid-template-columns: calc(50% - 80px - 1rem) 159px 1fr 3em auto;\n  }\n\n  #main-nav {\n    order: -1;\n  }\n\n  .header-content [rel='home'] {\n    flex: 0 0 159px;\n  }\n\n  #search-main {\n    flex: 0 0 22em;\n    grid-column-start: 4;\n  }\n\n  .user-menu {\n    grid-column-start: 5;\n  }\n}\n\n@include respond-to('header-main-nav-collapse') {\n  .header-content {\n    justify-content: space-between;\n\n    .navbar {\n      margin-right: auto; // push left\n      order: 0;\n    }\n  }\n\n  // #search-main {\n  //   order: 1;\n  // }\n}\n\n// header[role='banner'] section[role='navigation'] {\n//   background-color: c.color('user-menu-bg');\n//   color: c.color('user-menu');\n// }\n\nmain[role='main'] {\n  // @extend %layout-scroll-snap-with-padding;\n  @extend %layout-content-width2;\n  padding-bottom: calc(\n    $gutter-vertical * 4\n  ); // footer top margin usually, but now sticky footer\n  padding-top: calc($gutter-vertical * 4);\n\n  // & > h1 {\n  //   @extend %layout-content-width;\n  // }\n\n  &.layout-full {\n    @extend %layout-content-full;\n  }\n\n  &.layout-narrow {\n    @extend %layout-1column;\n  }\n}\n\n// identifying anchor\n#main-content {\n  @include visually-hidden;\n  // scroll-margin-top: 3vw;\n  // scroll-snap-align: start;\n}\n\n// temporary div for 2-column layout until tempates in CSM are sorted\n.main-contain {\n  display: flex;\n  flex-flow: row wrap;\n  justify-content: space-between;\n  // don't set align-items to auto or stertch to make sticky to work\n  align-items: flex-start;\n  gap: $gutter-main;\n  padding-top: 2rem;\n\n  // flexbox albatross responsive solution without media queries\n  // any number of horizontal flex elements automagically switch to\n  // vertically stacked layout\n  // min-width and max-width override flex-basis\n  // We need case with flex-basis super high so it stops at max-width\n  // and the case when flex-basis is super low so it defaults to min-width\n  // the cases switch at the desired collapse point\n  // flex-basis calculation is negative if item width is higher than\n  // $collapse-point and positive if it's smaller than $collapse-point\n  // https://heydonworks.com/article/the-flexbox-holy-albatross/\n\n  //$collapse-point: 40rem;\n  $collapse-point: 40rem;\n\n  & > div,\n  & > section,\n  & > h1,\n  & > form {\n    min-width: 15em;\n    max-width: 100%;\n    flex: 4 0 calc(($collapse-point - 100%) * 999);\n  }\n\n  & > aside,\n  & > .product-filters,\n  & > .sidebar,\n  & > nav,\n  & > .order-summary {\n    min-width: 15em;\n    max-width: 100%;\n    flex: 1 0 calc(($collapse-point - 100%) * 999);\n  }\n}\n\nbody > .banners {\n  @extend %layout-content-width2;\n}\n\n.category-description {\n  margin-bottom: 2rem;\n}\n\n@include respond-to('l') {\n  .product-filters {\n    @include scrollbar-hide;\n    // be careful about antescedents having overflow\n    // parent must be higher otherwise no scrolling can happen\n    position: sticky;\n    top: 6em;\n    flex-grow: 1;\n    overflow-y: scroll; // for scroll snap\n    scroll-snap-type: y proximity;\n  }\n}\n\nfooter[role='contentinfo'] {\n  @extend %circles-top-leftRem;\n  background-color: c.color('footer-bg');\n  @if c.color('footer') != c.color('text') {\n    color: c.color('footer');\n  }\n  // sticky footer\n  flex: 0 0 auto;\n  // background-color: color.change(c.color('footer-bg'), $alpha: .5%);\n  // color: c.color('footer');\n  font-size: $font-size-meta;\n  // margin: auto 0 0; // sticky footer\n  // top margin 0 so content bg cirlces reach footer\n  margin: 0;\n  // z-index: 33; // over #chat-bubble\n}\n\n.footer-content {\n  @extend %layout-content-width2;\n  display: grid;\n  gap: 1rem 4vw;\n  grid-template-columns: repeat(auto-fit, minmax(13em, 1fr));\n  position: relative;\n  z-index: 1;\n  // pushes second row to bottom because first stretched\n  // grid-template-rows: 1fr;\n  grid-template-rows: repeat(auto-fit, minmax(1em, auto));\n  padding-bottom: $space-7;\n  padding-top: $space-7;\n  @include respond-to('l') {\n    grid-auto-flow: column dense;\n    grid-template-rows: repeat(auto-fit, minmax(1em, 1fr));\n  }\n\n  [rel='home'] {\n    text-align: center;\n\n    img {\n      width: clamp(6em, 10em, 100%);\n    }\n  }\n\n  .section-title {\n    font-size: $font-size-meta;\n    font-weight: $font-weight-bold;\n    color: c.color('luster-orange');\n    letter-spacing: $letter-spacing-xwide;\n    text-transform: uppercase;\n\n    a {\n      color: inherit;\n    }\n  }\n\n  ul {\n    list-style: none;\n    padding: 0;\n\n    a {\n      color: c.color('footer-link');\n      display: inline-block;\n      margin: $space-1 0;\n      padding: $space-1 0;\n      transition: color 0.2s ease;\n\n      &:hover {\n        color: c.color('luster-orange');\n      }\n    }\n  }\n\n  .social-copyright {\n    grid-area: 2 / 1 / 3 / 2;\n  }\n\n  // long list\n  .terms-conditions {\n    grid-row: span 2;\n  }\n}\n\n.copyright {\n  display: flex;\n  flex-flow: row wrap;\n  font-size: map.get($font-size, 's');\n  gap: 1rem;\n  justify-content: space-between;\n\n  strong {\n    color: c.color('luster-orange');\n    display: block;\n    font-weight: $font-weight-bold;\n  }\n\n  span {\n    font-size: map.get($font-size, 'xs');\n  }\n}\n\n.izrada {\n  display: flex;\n  flex-flow: column nowrap;\n\n  a {\n    color: inherit;\n    font-weight: 700;\n    order: -1;\n  }\n}\n\n// Froddo cards\n\n$gap-cards: $gutter-main;\n\n%layout-flexible-columns {\n  display: flex;\n  flex-flow: row wrap;\n  justify-content: space-between; // items go to both edges\n  gap: $gap-cards;\n\n  & > h2,\n  .ad-section {\n    flex-basis: 100%;\n  }\n}\n\n%layout-flexible-items {\n  max-width: 100%;\n  // min-width: 10em;\n  // 2 gutter-main is for screen edges, and one gap is for mobile\n  // 2-column cards layout\n  // flex: 0 0 calc((100vw - 2*$gutter-main - $gap-cards)/2);\n  // sets the maximum a card can be wide\n  // 11em is flexible number of columns for desktop,\n  // calculation is for 2-column on mobiles\n  flex: 0 0 min((100vw - 2 * $gutter-main - $gap-cards)/2, 11em);\n}\n\n// display children in a grid with flexible automatic number of columns\n%layout-flexible-grid {\n  display: grid;\n  gap: calc($gap-cards + 1vw);\n  // first is title, 1fr so more-link is equal height as items\n  // grid-auto-rows: auto 1fr;\n  grid-auto-rows: 1fr;\n  grid-template-columns: repeat(\n    auto-fill,\n    minmax(clamp(10%, $product-card-width, 45%), 1fr)\n  );\n  @include respond-to('l') {\n    gap: calc($gap-cards - 1vw);\n  }\n\n  h1,\n  h2 {\n    align-self: start;\n  }\n}\n\n// make a css grid item span entire row\n%layout-flexible-grid-item-fullwidth {\n  grid-column: 1 / -1;\n}\n\n.product-results,\n.products-grid {\n  @extend %layout-flexible-grid;\n\n  h1,\n  h2,\n  h3 {\n    grid-column: 1 / -1;\n  }\n\n  [class^='ad'] {\n    @extend %layout-flexible-grid-item-fullwidth;\n  }\n\n  .more-link {\n    align-items: center;\n    border: 1px solid c.color('more-link-card-border');\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-start;\n    margin: 10px 0; // override, match card\n    margin-left: 0; // override %more-link-base\n    padding: 1rem;\n    transform: translateX(0) translateZ(0);\n    transition: background-color 0.3s ease 0s;\n    transition-property: background-color, transform;\n\n    &::after {\n      content: none;\n    }\n\n    &__label {\n      align-items: center;\n      display: flex;\n      flex: 1;\n      font-weight: 700;\n      justify-content: center;\n      width: 100%;\n\n      &::after {\n        content: $chevron-down-dark;\n        display: inline-block;\n        margin-left: 0.45em;\n        transform: rotateZ(-90deg);\n      }\n    }\n\n    .load-more-meter {\n      flex-shrink: 0;\n      height: 4px;\n      margin-top: auto;\n      width: calc(100% - 1rem);\n    }\n\n    &:focus,\n    &:hover {\n      background-color: c.color('more-link-card-bg');\n      transform: translateX(1vw) translateZ(0);\n    }\n  }\n}\n\n// This creates invisible element and positions it after all content\n// within this element that has the (default) order 0.\n// The child that gets order 2 is then positioned after the break and is out\n// of the flex flow starting a new row\n// TODO refactor into separate helper component, with the element after break\n// create a child that breaks the flex flow\n@mixin flexbox-break-context() {\n  display: flex;\n\n  &::after {\n    content: '';\n    display: block;\n    height: 0;\n    width: 100%;\n    // default is 0 so 1 is in the end, but then 2 orders after the break\n    order: 1;\n  }\n}\n","@use '../../colors' as c;\n@use '../../0-inits/icon-mask-color/icon-mask-color' as *;\n@use '../../icons' as *;\n@use '../../3-forms/button/button' as *;\n\n// Add cart\n//\n// Button that adds the current/relevant item to cart\n//\n// Markup: add-cart.twig\n//\n// Style guide: forms.add-cart\n\n%add-cart,\n.add-cart {\n  @extend %button-with-icon;\n  @include icon-mask-color(\n    $mask: $bag-add-green,\n    $size: 22px,\n    $bg: c.color('purchase-button-icon'),\n    $bg-hover: c.color('purchase-button-icon-h')\n  );\n\n  &::before {\n    @supports (mask-image: url()) {\n      height: 24px; // override\n      background-color: c.color('purchase-button-icon-h');\n    }\n  }\n}\n","@use '../../icons' as *;\n@use '../../variables' as *;\n@use '../../colors' as c;\n@use '../../0-inits/visually-hidden/visually-hidden' as *;\n\n// Capsule form\n//\n// Simple input field and submit button displayed in one line\n// shaped like a capsule rounded sides and with a color split\n//\n//\n// Markup: capsule-form.twig\n//\n// Style guide: Forms.capsule-form\n\n%capsule-container {\n  display: grid;\n  grid-template-areas: 'label'\n                       'capsule';\n  justify-content: stretch;\n  align-items: stretch;\n  margin: 1.6rem 0;\n\n  label {\n    grid-area: label;\n  }\n\n  input {\n    padding-right: 9em;\n    width: 100%;\n  }\n\n  button {\n    margin: 0 0 0 auto; // keep height the same\n    max-width: 50%;\n  }\n\n  input,\n  button {\n    // Needs units to calculate correctly for cases when font-size is\n    // smaller than browsers set input height, or something like this\n    // https://stackoverflow.com/questions/25537989/inconsistent-line-height-between-input-and-label\n    // Otherwise set align-items to stretch on the parent to equalize\n    // line-height: 1.3rem;\n    grid-area: capsule;\n\n    &:focus {\n      outline: none;\n    }\n\n    &:focus-visible {\n      outline-offset: 0;\n    }\n  }\n}\n\n%capsule-form,\n.form-item-capsule {\n  @extend %capsule-container;\n  position: relative; // context for suggestions\n\n  &:focus-within {\n    box-shadow: none;\n  }\n\n  label {\n    @include visually-hidden;\n  }\n\n  .button-text {\n    @include visually-hidden;\n  }\n}\n","@use '../../colors' as c;\n\n// Form interaction—flyout or dropdown button\n//\n// Style applied to various HTML elements that open\n// flyouts or similar. Examples: `select` for sorting product results, `+`\n// buttons for revealing various product filters\n//\n//\n// Style guide: Inits.form-interaction\n\n// Apply to the container that holds both the interactive element (\"button\")\n// and the contents. The interactive element must be outside if the content is\n// a form so the form reset buttons don't affect the interactive element\n%filter-base {\n  // background-color: c.color('product-filter-bg');\n  background-color: transparent;\n  // border: 1px solid c.color('product-filter-border');\n  // border-left: 3px solid c.color('product-filter-accent');\n  border-radius: 4px;\n  flex: 1 0 50%;\n  position: relative;\n  margin: 0 4vw;\n}\n\n// Interactive element (button, checkbox, select)\n%filter-toggle-element {\n  background-color: transparent;\n  color: c.color('product-filter-toggle');\n  cursor: pointer;\n  font-size: inherit;\n  font-weight: 400;\n  margin: 0;\n  // left is js reset button, right is chevron\n  padding: .8em 1.4em .8em 2em;\n}\n","@use 'sass:color';\n// @use 'sass:list';\n@use '../../icons' as *;\n@use '../../0-inits/strip-unit/strip-unit' as *;\n@use '../../variables' as *;\n@use '../../colors' as c;\n@use '../../0-inits/visually-hidden/visually-hidden' as *;\n@use '../../0-inits/form-interaction/form-interaction' as *;\n@use '../../0-inits/icon-mask-color/icon-mask-color' as *;\n@use '../../0-inits/scrollbar-hide/scrollbar-hide' as *;\n@use '../../3-forms/fancy-checkbox/fancy-checkbox' as *;\n@use '../../4-navigation/navbar/navbar' as *;\n@use '../../5-components/item-remove/item-remove' as *;\n\n// Filter facets\n//\n// Button that activates a flyout with Checkboxes\n// Used separately for gender, colors, size\n//\n//\n// Markup: filter-facets.twig\n//\n// Style guide: Forms.filter-facets\n\n// Mobile hide filters, open like main nav.\n// JS adds .is-open via button click (no URL hash) — :target kept for fallback.\n.category-filters {\n  @include responsive-menu;\n\n  &.is-open {\n    @extend %show-onscreen;\n  }\n\n  &:focus-within,\n  &:hover {\n    z-index: $z-filters-mobile; // overide header nav\n  }\n\n  @include respond-to('l') {\n    &:focus-within,\n    &:hover {\n      z-index: $z-filters-desktop; // overide header nav\n    }\n  }\n}\n\n#filters-open {\n  background-image: $funnel;\n  background-size: auto;\n  color: c.color('product-filter-toggle');\n  font-size: calc(14rem / 16);\n  font-weight: 400;\n  scroll-margin-top: 12em;\n  text-transform: uppercase;\n}\n\n$filter-button-size: calc(14rem / 16);\n\n// .filters-close {\n//   background: c.color('category-open') $chevron-down-dark no-repeat left 50% bottom .3em;\n//   background-size: 1em;\n//   border: 1px solid c.color('category-open-border');\n//   border-top: 4px solid c.color('category-open-accent');\n//   border-radius: 3px;\n//   display: block;\n//   padding-bottom: 1em;\n//   text-align: center;\n//   @include respond-to('l') {\n//     @include visually-hidden;\n//   }\n// }\n\n$max-height: 25rem;\n\n$icon-width: 11px;\n\n// Init pseudoclasses is in init/form-interaction\n\n// section that contains the toggle checkbox and related form\n// toggle checkbox is outside of the form so the reset input doesn't\n// reset the toggle too\n%product-filter,\n.product-filter {\n  @extend %filter-base;\n  // background-color: c.color('category-filters');\n\n  // always visible label of a checkbox to slide out the filter\n  // [data-for-expand] {\n  & > [type='checkbox'] {\n    & + label {\n      @extend %filter-toggle-element;\n      @include icon-mask-color($mask: $chevron-down-dark-tran,\n                               $size: $icon-width,\n                               $bg: c.color('product-filter-toggle'),\n                               $bg-hover: c.color('product-filter-accent'),\n                               $side: '::after');\n      font-size: calc(14rem / 16);\n      position: relative; // context for +/- toggle\n      text-align: center;\n      text-indent: 0; // override %fancy-checkbox\n      white-space: nowrap;\n      width: 100%;\n\n      // undo %fancy-checkbox\n      &::before {\n        content: none;\n      }\n\n      // plus sign to show toggle state\n      &::after {\n        // background: $chevron-down-dark-tran 50% / contain no-repeat;\n        // color: c.color('product-filter-toggle');\n        // content: '';\n        display: inline-block;\n        // font-size: calc(25rem / 16);\n        height: 100%;\n        margin-left: .4em;\n        position: relative;\n        // right: .2em;\n        top: 50%;\n        // transform: translateY(-50%);\n        // width: $icon-width;\n        z-index: 1;\n      }\n    }\n\n    &:focus + label {\n      background-color: transparent;\n      color: inherit;\n    }\n\n    &:focus-visible + label {\n      border-radius: 2px;\n      outline: 2px solid;\n    }\n  }\n\n  // hide all checkbox options so we can create custom styles\n  // but keep the original position, only overlay the custom pseudo\n  [type='checkbox'] {\n    @include visually-hidden;\n\n    &:focus {\n      outline: 2px solid;\n\n      &:not([data-for-expand]) + label {\n        background-color: c.color('product-filter-focus');\n      }\n    }\n\n    &[id*='gender']:checked + label {\n      &::before {\n        background-color: c.color('product-filter-accent');\n        border-color: c.color('product-filter-accent');\n      }\n    }\n\n    // &:not([data-for-expand]):checked {\n    //   & + label {\n    //     background-color: c.color('product-filter-focus');\n    //\n    //     // &::after {\n    //     //   content: '✓';\n    //     //   display: block;\n    //     //   font-size: calc(12rem / 16);\n    //     //   position: absolute;\n    //     //   right: $filter-button-size;\n    //     //   top: 50%;\n    //     //   transform: translateY(-50%);\n    //     //   z-index: 1;\n    //     // }\n    //   }\n    // }\n  }\n\n  // js controled reset, shown next to toggle label when user has chosen an\n  // option\n  & > [type='button'] {\n    @include visually-hidden;\n    @include item-remove($size: .8em, $spacing-x: 1.36em);\n    left: 0;\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    z-index: 2;\n  }\n\n  &-counter {\n    color: c.color('product-filter-counter');\n  }\n\n  &-submit {\n    border-top: 1px solid c.color('product-filter-separator');\n    display: flex;\n    flex-flow: row nowrap;\n    gap: .5rem;\n    justify-content: space-between;\n    width: 100%; // size facet has flexbox layout so needs specified\n\n    [type='submit'],\n    [type='reset'] {\n      background-color: transparent;\n      border-radius: 0;\n      color: inherit;\n      flex: 0 0 auto;\n      font-size: $filter-button-size;\n      font-weight: 400;\n      margin: 0;\n      min-width: auto;\n      padding: .6rem 0 .5rem 0;\n      text-transform: none;\n    }\n\n    [type='reset'] {\n      &::before {\n        content: $arrow-reset $nbsp $nbsp;\n      }\n    }\n  }\n\n  // everything except the toggle checkbox is within this form\n  &-items {\n    @include visually-hidden;\n    background-color: c.color('product-filter-bg');\n    border: 1px solid c.color('product-filter-border');\n    border-radius: 4px;\n    display: block;\n    left: 5vw;\n    max-height: 0;\n    max-width: 90vw;\n    min-width: 11em;\n    overflow-y: hidden;\n    padding: .4rem 1.2rem;\n    position: fixed;\n    // closing\n    transition: max-height .3s ease 0s;\n    transition-property: max-height, border-width;\n    // z-index: $z-filter-dropdown; // više od srčeka u cards i filters labels\n    // heigher than ::after chevron on labels\n    z-index: 2;\n    @include respond-to('l') {\n      left: 50%;\n      position: absolute;\n      top: 2.5em;\n      transform: translateX(-50%);\n    }\n\n    fieldset {\n      // border-bottom: 1px solid c.color('product-filter-separator');\n      padding-bottom: 1rem;\n    }\n\n    legend {\n      @include visually-hidden;\n    }\n\n    // [type='checkbox'] {\n    //   @extend %fancy-checkbox;\n    // }\n    //\n    // [type='radio'] {\n    //   @extend %fancy-radio;\n    // }\n\n    [type='checkbox'],\n    [type='radio'] {\n      & + label {\n        // necessary otherwise labels jump a bit when clicking, text changes\n        font-size: calc(14rem / 16);\n        font-weight: 400;\n        letter-spacing: 0;\n      }\n    }\n\n    label {\n      display: block;\n      white-space: nowrap;\n    }\n\n    &:focus-visible {\n      outline: 2px solid;\n    }\n\n    // label {\n    //   display: block;\n    //   font-weight: normal;\n    //   line-height: inherit;\n    //   padding-left: 2.5rem;\n    //   position: relative; // context for fake checkbox\n    //\n    //   // fake checkbox, pseudoelement on label, positioned over\n    //   // the related checkbox\n    //   &::before {\n    //     background-color: c.color('filter-checkbox-bg');\n    //     border: 1px solid c.color('filter-checkbox-border');\n    //     border-radius: 100%;\n    //     content: '';\n    //     display: block;\n    //     height: 1rem;\n    //     left: 1rem;\n    //     position: absolute;\n    //     top: .8rem;\n    //     transition: background-color .3s ease 0s;\n    //     transition-property: background-color, border-color;\n    //     width: 1rem;\n    //     z-index: 1;\n    //   }\n    // }\n\n    &:focus-within {\n      border-width: 1px;\n      box-shadow: none;\n      max-height: #{$max-height}; // opens for keyboard users automatically\n    }\n  }\n\n  // when a user makes a selection show that in the \"toggle\" label\n  // &:has(.product-filter-items :checked) {\n  &.filter-active {\n    & > [type='button'] {\n      @include visually-hidden--off;\n      position: absolute !important;\n    }\n\n    & > [for^='facet-'] {\n      @include icon-mask-color($mask: $chevron-down-dark-tran,\n                               $size: $icon-width,\n                               $bg: c.color('product-filter-accent'),\n                               $bg-hover: c.color('product-filter-accent'),\n                               $side: '::after');\n      color: c.color('product-filter-accent');\n    }\n  }\n}\n\n\n// Flyout Animation\n\n// adjust height to which to animate each filter facet\n$filter-max-heights: (\n  'widths': 15em,\n  'binding':20em,\n  'gender': 13em,\n  'colors': 33em,\n  'size':   33em,\n);\n\n// when filter checkbox is checked flyout the form and change label\n// sign to upwards chevron\n// [data-for-expand]:checked {\n.product-filter > [type='checkbox']:checked {\n  & + label {\n    // color: c.color('product-filter-open');\n    color: inherit;\n\n    &::after {\n      // transform: rotateX(180deg) translateY(50%);\n      transform: rotateX(180deg);\n    }\n  }\n\n  & ~ .product-filter-items {\n    @include visually-hidden--off;\n    @extend %scrollbar-hide;\n    margin-left: auto;\n    margin-right: auto;\n    max-height: 50em;\n    max-width: 50vw;\n    overflow: scroll;\n    position: static !important;\n    @include respond-to('l') {\n      position: absolute !important;\n    }\n  }\n\n  @each $filter, $max-height in $filter-max-heights {\n    & ~ [class*='#{$filter}'] {\n      // opening\n      border-width: 1px;\n      max-height: #{$max-height};\n\n      &:focus-within {\n        max-height: #{$max-height};\n      }\n    }\n  }\n}\n\n// place options in colums when options are short\nfieldset {\n  &.product-choose-sizes,\n  &.choose-colors {\n    border-width: 0;\n    column-count: 2;\n    // column-width: 5em;\n\n    label {\n      margin: 0 0 .5em; // move top margin to bottom so columns equal start\n    }\n  }\n}\n\n\n// Colors filter facet\n\n// // color each label for shoe colors according to its color\n// $filter-shoe-colors: (\n//   'white':    c.color('white-shoe'),\n//   'black':    c.color('black-shoe'),\n//   'red':      c.color('red-shoe'),\n//   'purple':   c.color('purple-shoe'),\n//   'orange':   c.color('orange-shoe'),\n//   'blue':     c.color('blue-shoe'),\n//   'pink':     c.color('pink-shoe'),\n//   'brown':    c.color('brown-shoe'),\n//   'green':    c.color('green-shoe'),\n//   'gold':     c.color('gold-shoe-1'),\n//   'yellow':   c.color('yellow-shoe'),\n//\n//   'crna':     c.color('black-shoe'),\n//   'crvena':   c.color('red-shoe'),\n//   'ljubi%C4%8Dasta':   c.color('purple-shoe'),\n//   'plava':    c.color('blue-shoe'),\n//   'sme%C4%91a': c.color('brown-shoe'),\n// );\n//\n// @each $shoe-color, $label-color in $filter-shoe-colors {\n//   .product-filter-items [for$='#{$shoe-color}']::before {\n//     background-color: #{$label-color};\n//     border-color: #{$label-color};\n//   }\n// }\n\n$hr-boje:\n  'bijela',\n  'crna',\n  'crvena',\n  'ljubičasta',\n  'narančasta',\n  'plava',\n  'roza',\n  'smeđa',\n  'zelena',\n  // 'zlatna',\n  'žuta',\n  'siva',\n  'bež';\n\n// @debug \"Testing function: #{contrast-ratio-oklch(red, white)}\";\n// @debug \"$hr-boje has #{list.length($hr-boje)} colors\";\n// @debug \"First color: #{$hr-boje[1]}\";\n@each $color in $hr-boje {\n  .choose-colors {\n    input + [for$='color_#{$color}']::before,\n    input:checked + [for$='color_#{$color}']::before {\n      background-color: c.color('#{$color}');\n\n      @if contrast-ratio-oklch(c.color('#{$color}'), $min-contrast: 1.1) {\n        border-color: c.color('#{$color}');\n      } @else {\n        border-color: c.color('white-shoe-border');\n      }\n    }\n    input:checked + [for$='color_#{$color}']::before {\n      @if contrast-ratio-oklch(c.color('#{$color}'), $min-contrast: 1.1) {\n        content: $check-white;\n      } @else {\n        content: $check-dark;\n      }\n    }\n  }\n}\n// @debug contrast-ratio-oklch(#fff);\n\n$hr-boje-gradijent:\n  'srebrna',\n  'zlatna';\n\n// // special case for gold it needs gradient\n// .product-filter-items [for$='gold']::before {\n//   background-image: linear-gradient(c.color('gold-shoe-1'), c.color('gold-shoe-2'));\n//   background-origin: border-box;\n//   background-clip: border-box;\n//   border-color: transparent;\n// }\n\n\n// special case for gold it needs gradient\n@each $color in $hr-boje-gradijent {\n  .choose-colors input + [for$='color_#{$color}']::before,\n  .choose-colors input:checked + [for$='color_#{$color}']::before {\n    // background-image: -webkit-gradient(linear, left top, right bottom, from(c.color('zlatna1')), to(c.color('zlatna2')));\n    background-image: linear-gradient(-45deg, c.color('#{$color}1') 10%, c.color('#{$color}2') 50%, c.color('#{$color}1') 90%),\n                      linear-gradient(45deg, c.color('#{$color}2') 10%, c.color('#{$color}1') 50%, c.color('#{$color}2') 90%);\n    background-origin: border-box;\n    background-clip: padding-box, border-box;\n    border-color: transparent;\n  }\n}\n\n// special case for multi-color it needs gradient\n.choose-colors input + [for$='color_šarena']::before,\n.choose-colors input:checked + [for$='color_šarena']::before {\n  background-image: linear-gradient(to right, c.color('plava') 50%, c.color('žuta') 50%),\n                    linear-gradient(to right, c.color('ljubičasta') 50%, c.color('crvena') 50%),\n                    linear-gradient(to right, c.color('plava') 50%, c.color('žuta') 50%),\n                    linear-gradient(to right, c.color('ljubičasta') 50%, c.color('crvena') 50%);\n  background-clip: padding-box, border-box;\n  background-position: 0 0, 0 100%;\n  background-repeat: no-repeat;\n  background-size: 100% 50%, 100% 50%;\n  border-color: transparent;\n}\n.choose-colors input:checked + [for$='color_šarena']::before {\n  background-color: transparent;\n  border-color: transparent;\n  content: $check-dark;\n}\n\n// choose sizes autocomplete\n#search-sizes {\n  column-span: all;\n  display: block;\n  margin-bottom: .5rem;\n  text-align: center;\n\n  &-empty {\n    // @include visually-hidden;\n    column-span: all;\n    display: block;\n  }\n\n  &-reset-auto {\n    @include item-remove;\n    position: absolute;\n    right: 0;\n    top: .5em;\n    z-index: 2;\n\n    span {\n      @include visually-hidden;\n    }\n  }\n}\n\n// Products sorting, not using <select> but regular radio input so\n// it's easier to style dropdown\n.filter-sort {\n  float: right;\n  margin: 0 0 0 2vw;\n\n  @include respond-to('l') {\n    flex: 0 0 clamp(10em, 20%, 90vw);\n    float: none;\n    margin: 0;\n    // order: 2;\n  }\n\n  @include respond-to('xl') {\n    flex: 0 0 auto;\n    margin-left: auto;\n  }\n\n  & > [type='checkbox'] + [for='facet-sorting'] {\n    border-radius: 10em;\n    font-weight: 500;\n    // padding-right: 2em;\n    padding-right: 0;\n    text-transform: uppercase;\n    width: auto;\n\n    // undo %fancy-checkbox\n    &::before {\n      content: none;\n    }\n\n    &::after {\n      display: inline-block;\n      margin-left: .2em; // override\n      mask-image: $arrows-opposing;\n      right: 0;\n      top: auto;\n      width: 24px;\n    }\n\n    @include respond-to('l') {\n      background-color: c.color('sort-bg');\n      padding-left: 1.6rem;\n      padding-right: 1.6rem;\n\n      // &::after {\n      //   right: 1rem;\n      // }\n    }\n  }\n\n  & > [type='checkbox']:checked ~ .choose-sort {\n    position: absolute !important;\n  }\n}\n\n.choose-sort {\n  left: auto;\n  min-width: 10em; // override\n  padding-top: 0; // override\n  right: 0;\n  transform: translate(0);\n\n  [type='radio'],\n  [type='radio']:checked {\n    & + label {\n      color: inherit;\n      margin: 0;\n      padding: .7rem .5em;\n      text-align: center;\n      text-indent: 0; // override\n\n      &:focus,\n      &:hover {\n        background-color: c.color('sort-bg');\n      }\n\n      &::before {\n        content: none;\n      }\n    }\n  }\n\n  [type='radio']:checked {\n    & + label {\n      background-color: c.color('sort-bg');\n      margin-left: -2vw;\n      margin-right: -2vw;\n    }\n  }\n}\n","@use '../../colors' as c;\n@use '../../1-normalize/tables/tables' as *;\n@use '../../0-inits/visually-hidden/visually-hidden' as *;\n@use '../../5-components/item-remove/item-remove' as *;\n\n// Input Number form field with buttons as spinners and js to connect them\n//\n// Increase and decrease buttons working on regular number input field\n// Keyboard accessible\n//\n//\n// Markup: number-spinner.twig\n//\n// Style guide: Forms.number-spinner\n\n$spinner-vertical-spacing: .1rem;\n$spinner-height: 1rem;\n// $border-radius: 5px;\n\n.number-spinner {\n  align-items: stretch;\n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: center;\n\n  label {\n    @include visually-hidden;\n  }\n\n  button {\n    @include item-remove;\n    font-size: calc(12rem / 16);\n    font-weight: 600;\n    line-height: $spinner-height;\n    margin: 0;\n    min-width: 0;\n    padding: $spinner-vertical-spacing 1em;\n\n    span {\n      @include visually-hidden;\n    }\n\n    &[data-type='subtract'] {\n      background: none,\n              // only circle in bg behind the icon\n              radial-gradient(circle at calc($spacing-x / 2), var(--c1), var(--c1) calc($spacing-x / 2), transparent calc(1px + $spacing-x / 2)) transparent;\n      position: relative;\n\n      &::before {\n        background-color: c.color('minus');\n        content: '';\n        display: block;\n        height: 2px;\n        left: 50%;\n        position: absolute;\n        top: 50%;\n        transform: translate(-50%, -50%);\n        width: 64%;\n        z-index: 1;\n      }\n    }\n\n    $bg-hover: c.color('button-add-bg');\n\n    &[data-type='add'] {\n      transform: rotateZ(45deg);\n\n      &:focus,\n      &:hover,\n      &:active {\n        --c1: #{$bg-hover};\n        background-color: transparent; // override\n        color: #{$color};\n      }\n    }\n\n  }\n\n  // reset browser arrows on number input fields\n  [type='number'] {\n    -moz-appearance: textfield;\n    line-height: $spinner-height;\n    border-width: 0;\n    border-radius: 0;\n    flex: 0 0 2.4em;\n    font-size: $spinner-height;\n    // needed for cell width in narrow table space, flex-basis not enough\n    min-width: 2.4em;\n    padding: $spinner-vertical-spacing .2em;\n    text-align: center;\n\n    &::-webkit-inner-spin-button,\n    &::-webkit-outer-spin-button {\n      -moz-appearance: none;\n      -webkit-appearance: none;\n      appearance: none;\n      margin: 0;\n    }\n  }\n}\n","@use '../../colors' as c;\n@use '../../icons' as *;\n@use '../../0-inits/visually-hidden/visually-hidden' as *;\n\n// Password toggle\n//\n// Extra span after password input field to control showing characters\n//\n//\n// Markup: password-toggle.twig\n//\n// Style guide: Forms.password-toggle\n\n$size: 30px;\n\n.password-wrapper  {\n  position: relative;\n\n  [type=\"password\"],\n  [type=\"text\"] {\n    padding-right: 40px;\n  }\n\n  .toggle-password {\n    background: $eye-hide center / contain no-repeat;\n    cursor: pointer;\n    height: $size;\n    position: absolute;\n    right: 1rem;\n    top: 50%;\n    width: $size;\n    z-index: 3;\n\n    &.show {\n      background-image: $eye-show;\n    }\n  }\n}\n","@use '../../variables' as *;\n\n// Albatross Flexbox responsive layout\n//\n// Sensible sizing of flexbox children that collapse into columns without\n// media queries\n//\n// Markup: albatross.twig\n//\n// Style guide: Inits.albatrosss\n\n// flexbox albatross responsive solution without media queries\n// any number of horizontal flex elements automagically switch to\n// vertically stacked layout\n// min-width and max-width override flex-basis\n// We need case with flex-basis super high so it stops at max-width\n// and the case when flex-basis is super low so it defaults to min-width\n// the cases switch at the desired collapse point\n// flex-basis calculation is negative if item width is higher than\n// $collapse-point and positive if it's smaller than $collapse-point\n// https://heydonworks.com/article/the-flexbox-holy-albatross/\n\n%albatross-parent {\n  align-items: flex-start;\n  display: flex;\n  flex-flow: row wrap;\n  gap: $gutter-vertical $gutter-main;\n  justify-content: space-between;\n}\n\n@mixin albatross-child($min-width: 8em, $collapse-point: 20em, $grow: 1) {\n  min-width: $min-width;\n  max-width: 100%;\n  flex: $grow 0 calc(($collapse-point - 100%) * 999);\n}\n","@use '../../variables' as *;\n@use '../../colors' as c;\n\n// Definition list horizontal\n//\n// Definition term and definition description in the same row\n// Definition term goes into a new row\n//\n// %dl-horizontal-mini - 2-col grid `min-content min-content`\n// %dl-horizontal - 2-col grid `fit-content(50%) auto`\n// %dl-infinite - undetermined number of `<dd>`s `repeat(auto-fit, minmax(1rem, 1fr))`\n// %dl-2x2 - 2-col grid `1fr 1fr`\n//\n//\n// Style guide: Inits.dl-horizontal\n\n%dl-simple {\n  dt {\n    clear: left;\n    float: left;\n    margin: 0 .3em .3em 0;\n  }\n\n  dd {\n    margin: 0 0 .3em;\n  }\n}\n\n%dl-horizontal-mini {\n  display: grid;\n  grid-template-columns: min-content min-content;\n  white-space: nowrap;\n\n  dt {\n    grid-column: 1;\n    text-align: right;\n\n    &::after {\n      content: ':';\n    }\n  }\n\n  dd {\n    grid-column: 2;\n  }\n}\n\n\n%dl-horizontal {\n  display: grid;\n  grid-template-columns: fit-content(50%) auto;\n\n  dt {\n    grid-column: 1;\n    text-align: right;\n\n    &::after {\n      content: ':';\n    }\n  }\n\n  dd {\n    grid-column: 2;\n  }\n}\n\n%dl-infinite {\n  align-items: stretch;\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(1rem, 1fr));\n\n  dt {\n    border-bottom: 1px solid c.color('border');\n    grid-column: 1 / span 1;\n    padding: .7rem 0;\n\n    &:last-of-type {\n      border-width: 0;\n\n      & ~ dd {\n        border-width: 0;\n      }\n    }\n  }\n\n  dd {\n    border-bottom: 1px solid c.color('border');\n    margin: 0;\n    padding: .7rem 0 .7rem .7rem;\n    text-align: right;\n  }\n}\n\n%dl-2x2 {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  align-items: center;\n  margin: 0;\n  padding: 0 $product-spacing;\n\n  dt {\n    font-weight: normal;\n  }\n\n  dd {\n    font-size: calc(20rem / 16);\n    font-weight: 600;\n    text-align: right;\n  }\n}\n\n%dl-horizontal-longtext {\n  align-items: center;\n  display: grid;\n  gap: .8rem 0;\n  grid-template-columns: min-content auto;\n  line-height: 1.3;\n\n  dt {\n    font-weight: normal;\n    grid-column: 1;\n    text-align: right;\n  }\n\n  dd {\n    font-weight: bold;\n    grid-column: 2;\n  }\n}\n","@use '../../icons' as *;\n@use '../../colors' as c;\n@use '../../0-inits/dl-horizontal/dl-horizontal' as *;\n\n// Star rating\n//\n// Displaying the results of 5-star voting. One particular recorded vote\n// or average\n//\n// Markup: star-rating.twig\n//\n// Style guide: components.star-rating\n\n$star-size: .86em; // 12px, font is 14px\n$number-of-stars: 5;\n// if all gaps add up to a star width there will be more stars displayed\n// than needed, that is why we subtract 1px in width, so the displayed\n// number of stars is correct, because we're using `space` in bg repeat\n$star-gap: calc($star-size / $number-of-stars);\n$stars-width: calc(($star-size + $star-gap) * $number-of-stars);\n$ratings-width: 20em;\n\n// container, can be <dl>\n.ratings {\n  align-items: center;\n  display: flex;\n  flex-flow: row wrap;\n  gap: .1em;\n  justify-content: end;\n  position: absolute;\n  right: 1rem;\n  text-align: right;\n  top: 0;\n  width: $ratings-width;\n}\n\n.rating-label {\n  color: c.color('rating-label');\n  // flex: 0 0 clamp(20%, calc(100% - $stars-width - .1em), 80%);\n  flex: 0 0 clamp(20%, $ratings-width - 2em, 80%);\n  font-size: calc(11rem / 16);\n  font-weight: 400;\n\n  &:first-of-type {\n    color: inherit;\n    flex: 0 0 clamp(20%, $ratings-width - 10em, 80%);\n    font-size: calc(14rem / 16);\n    margin-bottom: 1rem;\n  }\n}\n\n.rating-user {\n  // --percent: calc(var(--rating) / $number-of-stars * 100%);\n  background: transparent $star space no-repeat;\n  background-size: $star-size auto;\n  display: inline-block;\n  // flex: 0 0 $stars-width;\n  // flex: 0 0 calc(($star-size + $star-gap) * var(--rating) - 1px);\n  // float: right;\n  height: $star-size;\n  width: calc(($star-size + $star-gap) * var(--rating) - 1px);\n\n  &:first-of-type {\n    $star-size: 1.6em;\n    background-size: $star-size auto;\n    height: $star-size;\n    margin-bottom: 1rem;\n    width: calc(($star-size + $star-gap) * var(--rating) - 1px);\n  }\n}\n\n$star-size: 1.6em;\n\n.rating-average {\n  display: block;\n  height: $star-size + .2em;\n  position: relative; // context for pseudo\n  width: calc(($star-size + $star-gap) * $number-of-stars);\n  z-index: 0;\n\n  // 5 gray stars\n  &::before {\n    background: transparent $star space no-repeat;\n    background-size: $star-size auto;\n    content: '';\n    display: block;\n    filter: saturate(0%);\n    height: 100%;\n    left: 0;\n    opacity: .4;\n    position: absolute;\n    top: 0;\n    width: 100%;\n    z-index: -1;\n  }\n\n  // 5 yellow stars clipped at the rating from inline style attribute\n  // custom CSS property\n  &::after {\n    background: transparent $star space no-repeat;\n    background-size: $star-size auto;\n    clip-path: inset(0% calc(100% - var(--rating) * 100% / $number-of-stars) 0% 0%);\n    content: '';\n    display: block;\n    height: 100%;\n    left: 0;\n    position: absolute;\n    top: 0;\n    width: 100%;\n    z-index: 1;\n  }\n}\n\n.comment-rating {\n  margin-bottom: 2rem;\n  text-align: right;\n}\n","@use '../../colors' as c;\n@use '../../icons' as *;\n@use '../../0-inits/albatross/albatross' as *;\n@use '../../3-forms/button/button' as *;\n@use '../../5-components/star-rating/star-rating' as *;\n\n// Product comments\n//\n// Area with users' product reviews and comments\n//\n// Markup: product-comments.twig\n//\n// Style guide: Forms.product-comments\n\n.product-comments {\n  @extend %albatross-parent;\n  align-items: center;\n  // border-top: 1px solid c.color('product-border');\n  display: flex;\n  flex-flow: row wrap;\n  gap: 1rem 3vw;\n  justify-content: space-between;\n  margin-top: 2rem;\n  padding: 3rem 0;\n\n  h2 {\n    // 30em space for average rating alert info message\n    flex: 1 0 calc(100% - 30em);\n    font-size: calc(18rem / 16);\n    font-weight: 600;\n    margin: 0 0 2rem;\n    text-align: left;\n    text-transform: uppercase;\n  }\n\n  article {\n    font-size: calc(14rem / 16);\n    font-weight: 300;\n    padding: 1.6rem calc($ratings-width + 1em) 1.6rem 9em;\n    position: relative; // context for img\n    width: 100%;\n\n    &:nth-of-type(odd) {\n      background-color: c.color('review-odd-bg');\n    }\n  }\n\n  img {\n    background: c.color('review-img-bg') $user 50% 50%/1.4em auto no-repeat;\n    border: 1px solid c.color('review-img-border');\n    border-radius: 10em;\n    display: block;\n    left: 1.6rem;\n    height:  6em;\n    object-fit: cover;\n    position: absolute;\n    top: 1.6rem;\n    width: 6em;\n  }\n\n  span {\n    font-size: calc(16rem / 16);\n    font-weight: 800;\n  }\n\n  time {\n    display: block;\n    font-size: calc(11rem / 16);\n    font-weight: 400;\n  }\n\n  .more-link {\n    display: inline-block;\n    margin: 2rem 0;\n  }\n}\n\n.comments-list{\n  // it has large padding right for rating and left for image\n  // so we need min width larger otherwise comment text is super narrow\n  @include albatross-child($min-width: 40em, $grow: 2);\n  align-self: start;\n}\n\n.reviews {\n  @include albatross-child($min-width: 20em);\n  align-self: start;\n}\n\n#star-score {\n  display: flex;\n  flex-flow: row wrap;\n  gap: 0 1rem;\n  justify-content: space-between;\n\n  .profile-item {\n    flex: 1 0 100%;\n  }\n\n  legend {\n    font-size: calc(14rem / 16);\n    font-weight: 400;\n    margin-top: 1rem;\n  }\n\n  .stars-row {\n    margin-top: 0;\n  }\n}\n\n#send_review {\n  @extend %button-hollow;\n  width: 100%;\n}\n","@use '../../colors' as c;\n@use '../../icons' as *;\n@use '../button/button' as *;\n@use '../../0-inits/icon-mask-color/icon-mask-color' as *;\n\n// Product reminder\n//\n// Button that triggers adding the product to the reminder list\n//\n// Markup: product-reminder.twig\n//\n// Style guide: forms.product-reminder\n\n.product-reminder {\n  @extend %button-with-icon;\n  @include button-colors($bg: c.color('remind-available-bg'), $color: c.color('remind-available'));\n  @include icon-mask-color($mask: $envelope, $size: 1.6em, $bg: c.color('remind-available'), $bg-hover: c.color('remind-available-accent'));\n  border: 1px solid c.color('remind-available');\n  transition-property: border-color, color;\n\n  &:focus,\n  &:hover,\n  &:active {\n    background-color: c.color('remind-available-bg');\n    border-color: c.color('remind-available-accent');\n    color: c.color('remind-available-accent');\n  }\n}\n","@use '../../colors' as c;\n@use '../../0-inits/visually-hidden/visually-hidden' as *;\n@use '../../icons' as *;\n@use '../../variables' as *;\n\n// Product sizes\n//\n// Form item for choosing one product size at a time (radio)\n//\n// It is used on Product page radios, and on Category pages on checkboxes.\n//\n// Markup: product-sizes.twig\n//\n// Style guide: forms.product-sizes\n\n$measureInput-width: 11em;\n\n%shoe-bg {\n  border-top: 1px solid c.color('sizes-border');\n  font-weight: 600;\n  padding: 1rem 0 0;\n\n  legend {\n    background: transparent $shoe 0 50% / auto 1.375em no-repeat;\n    color: c.color('sizes-legend');\n    float: left; // legend can't flexbox\n    font-size: calc(16rem / 16);\n    // grid-column: 1 / -1;\n    line-height: 1.3;\n    padding: 0.4em 0 0 2.4em;\n    width: clamp(8em, 100% - $measureInput-width - 0.5rem, 100%);\n  }\n}\n\n$thumb-size: minmax(2.4em, 1fr);\n\n%product-sizes-container {\n  display: flex;\n  flex-flow: row wrap;\n  gap: 0.5rem;\n  padding: 1rem 0 2rem;\n}\n\n%product-sizes {\n  [type='radio'],\n  [type='checkbox'] {\n    @include visually-hidden;\n\n    &:checked {\n      & + label {\n        background-color: c.color('sizes-accent');\n        border-color: c.color('sizes-accent');\n        color: c.color('sizes-checked-hover');\n\n        // &::before {\n        //   background-color: c.color('sizes-accent');\n        //   content: ''; // override fancy\n        //   outline-color: c.color('sizes-accent');\n        //   transform: translateY(-50%) translateZ(0) scaleY(1.2);\n        // }\n\n        &:focus,\n        &:hover {\n          color: c.color('sizes-checked-hover');\n        }\n      }\n    }\n  }\n\n  [type='radio'] + label,\n  [type='checkbox'] + label {\n    border: 1.5px solid c.color('sizes-label-border');\n    border-radius: 0.3em;\n    color: inherit;\n    font-size: calc(14rem / 16);\n    font-weight: 800;\n    line-height: 1.7; // override fancy\n    // margin-top: $gutter-vertical;\n    margin-top: 0;\n    min-width: 2.3em;\n    padding: 0.3em 0.1em;\n    position: relative; // context for pseudo\n    text-align: center;\n    text-indent: unset; // override fancy\n    transition: color 0.3s ease-out 0s;\n    transition-property: background-color, color, border-color;\n    z-index: 0; // give own stacking context for pseudo\n\n    // &::before {\n    //   background-color: c.color('sizes-bg');\n    //   border-radius: .3rem;\n    //   border-width: 0; // override fancy\n    //   content: '';\n    //   display: block;\n    //   height: 100%;\n    //   left: 0;\n    //   margin: 0; // override fancy\n    //   outline: 1px solid transparent;\n    //   position: absolute;\n    //   top: 50%;\n    //   transform: translateY(-50%) translateZ(0) scaleY(1);\n    //   transform-origin: 50% 50%;\n    //   transition: transform .3s ease-out 0s;\n    //   transition-property: transform, background-color, outline-color;\n    //   width: 100%;\n    //   z-index: -1;\n    // }\n\n    // undo %fancy-radio\n    &::before {\n      content: none;\n    }\n\n    &:focus,\n    &:hover {\n      color: c.color('sizes-accent');\n\n      // &::before {\n      //   outline-color: c.color('sizes-accent');\n      //   transform: translateY(-50%) translateZ(0) scaleY(1.2);\n      // }\n    }\n  }\n}\n\n%product-sizes-with-measurements {\n  align-items: center;\n  display: flex;\n  flex-flow: row wrap;\n  gap: $gutter-vertical 0.5rem;\n  padding-bottom: calc(5rem + 0.4rem * 2 + 1.2 * 30rem / 16);\n  position: relative; // context for .measurements\n\n  // // force flexbox new row\n  // &::after {\n  //   content: '';\n  //   display: block;\n  //   flex: 0 0 100%;\n  //   order: 1;\n  // }\n\n  :checked {\n    & + [for^='size-'] {\n      // overrides first-of-type, shows measurements for highest checked\n      // used 40 because of expectation there will be no more than 40\n      // sizes listed so they override one another\n      & + .measurements {\n        opacity: 1;\n        z-index: $z-product-measurement;\n      }\n\n      &:focus,\n      &:hover {\n        & + .measurements {\n          opacity: 1;\n          z-index: $z-product-measurement-hover; // must be stronger than anything\n        }\n      }\n    }\n  }\n\n  :not(:checked) {\n    & + [for^='size-'] {\n      &:focus + .measurements,\n      &:hover + .measurements {\n        opacity: 1;\n        z-index: 41; // must be stronger than anything\n      }\n    }\n  }\n\n  [for^='size-'] {\n    &:focus,\n    &:hover {\n      & + .measurements {\n        opacity: 1;\n      }\n    }\n  }\n}\n\n%measurements {\n  align-items: center;\n  // so we can have first one visible\n  background-color: c.color('product-purchase-bg');\n  border-bottom: 1px solid c.color('sizes-border');\n  border-top: 1px solid c.color('sizes-border');\n  display: flex;\n  font-size: calc(14rem / 16);\n  font-weight: 400;\n  left: 0;\n  line-height: 1.3;\n  margin: 0;\n  opacity: 0;\n  padding: 1rem 0;\n  position: absolute;\n  transition: opacity 0.3s ease 0s;\n  width: 100%;\n  bottom: 0;\n\n  &:first-of-type {\n    opacity: 1;\n  }\n\n  $spacing: 1.8rem;\n  $font-size-px: 36;\n  $line-height: 1.2;\n\n  .size {\n    border-right: 1px solid c.color('sizes-border');\n    font-size: calc($font-size-px * 1rem / 16);\n    font-weight: 800;\n    line-height: $line-height;\n    margin: 0.8rem $spacing 0.8rem 0;\n    padding-right: 0.8rem;\n  }\n\n  .mould {\n    border-left: 1px solid c.color('sizes-border');\n    font-weight: 600;\n    // make border equal in height as .size\n    line-height: calc($line-height * $font-size-px / 16);\n    margin: 0.8rem 0 0.8rem $spacing;\n    padding-left: $spacing;\n    white-space: nowrap;\n  }\n}\n\n%label-fit,\n.size-fit {\n  background-color: c.color('product-size-choice-bg');\n  position: relative;\n  color: c.color('white') !important;\n\n  $size: 4px;\n  $color: c.color('product-size-choice-bg');\n\n  &::after {\n    background:\n      radial-gradient(\n        circle at calc(1px + $size / 2) calc(1px + $size / 2),\n        $color,\n        $color calc($size / 2),\n        transparent calc(1px + $size / 2)\n      ),\n      radial-gradient(\n        circle at calc(100% - 1px - $size / 2) calc(1px + $size / 2),\n        $color,\n        $color calc($size / 2),\n        transparent calc(1px + $size / 2)\n      ),\n      linear-gradient($color) 50% 1px / calc(100% - 2px - $size / 2)\n        calc($size + 1px) no-repeat transparent;\n    bottom: -3em;\n    color: $color;\n    content: attr(data-fit);\n    display: block;\n    font-size: calc(12rem / 16);\n    font-weight: 400;\n    left: 50%;\n    min-width: 5em; // fit content in it, otherwise not centered\n    padding-top: 10px;\n    position: absolute;\n    text-align: center;\n    transform: translateX(-50%);\n    white-space: nowrap;\n  }\n}\n","@use '../../colors' as c;\n@use '../../icons' as *;\n@use '../../3-forms/fancy-checkbox/fancy-checkbox' as *;\n@use '../../1-normalize/forms/forms' as *;\n\n// Profile item\n//\n// Secondary look for form items, applied to Profile page\n//\n// :focus - focused state (clicked or navigated by keyboard)\n// :focus-visible - focused by keyboard alone\n// :hover - hovered state\n// :active - tiny fraction of time after focus is initiated\n//\n// Markup: profile-item.twig\n//\n// Style guide: forms.profile-item\n\n.profile-item {\n  margin: 1rem 0;\n  position: relative; // support for fancy checkbox and radio\n\n  $label-font-size: calc(14rem / 16);\n  $spacing-v: .4rem;\n  $padding-h: 1rem;\n  // $item-margin: 2rem; // this is the vertical margin for whole form-item\n\n  $push: calc(3 * $spacing-v + $label-font-size);\n  $pull: calc(3 * $spacing-v + $label-font-size);\n\n  label {\n    // color: c.color('label-profile');\n    display: inline-block; // increase clickable area for select\n    // font-size: $label-font-size;\n    // font-weight: 400;\n    // line-height: 1;\n    // margin: $item-margin 0 0;\n    // padding: 0 $padding-h 0 0;\n  }\n\n  input,\n  select,\n  textarea {\n    // background-color: c.color('input-profile-bg');\n    background-color: transparent;\n    // border: 1px solid c.color('item-border-profile');\n    border-radius: 0;\n    display: block; // type file\n    font-size: calc(14rem / 16);\n    // margin: -$pull 0 0;\n    // padding: $push $padding-h $spacing-v;\n\n    // &:focus,\n    // &:hover {\n    //   // background-color: inherit;\n    //   background-color: c.color('input-profile-bg');\n    // }\n  }\n\n  select {\n    &:active {\n      background-image: // $dropdown-arrow,\n      linear-gradient(to bottom, c.color('select-bg') 0%, c.color('select-bg') 100%);\n      outline: none;\n    }\n  }\n\n  // [type='checkbox'] {\n  //   @extend %fancy-checkbox;\n  // }\n  //\n  // [type='radio'] {\n  //   @extend %fancy-radio;\n  // }\n\n  [type='file'] {\n    background: $paper-scroll 1rem calc(2.2rem + .1em)/1.6em auto no-repeat;\n    border: 1px dashed c.color('send-file-border');\n    padding: 2.2rem 1rem .6rem 3.5em;\n    width: 100%;\n  }\n\n  ::file-selector-button {\n    background-color: transparent;\n    border-width: 0;\n    font-weight: 700;\n    margin-right: 1rem;\n    min-width: auto;\n    padding: 0;\n    text-decoration: underline;\n    text-underline-offset: .4em;\n  }\n\n  &:has([placeholder]:not(:placeholder-shown, [type='password'], :focus):valid) {\n    @extend %form-item-valid;\n\n    [required]:not([type='password'], :placeholder-shown):valid {\n      background-color: transparent;\n      border-color: transparent;\n    }\n\n    label {\n      @extend %label-faint;\n    }\n  }\n}\n","@use '../../colors' as c;\n@use '../../icons' as *;\n@use '../../variables' as *;\n@use '../../3-forms/capsule-form/capsule-form' as *;\n@use '../../5-components/item-remove/item-remove' as *;\n\n// Search main\n//\n// Simple input field and submit button displayed in one line\n// shaped like a capsule rounded sides. Initially only search icon is\n// shown and it activates revealing of the form on click. Reset button\n// optional.\n//\n// Conditions when form is shown expanded:\n// - <form> has :focus:within\n// - search field is focused\n// - search field placeholder isn't shown (text is entered)\n//\n// Markup: search-main.twig\n//\n// Style guide: Forms.search-main\n\n$button-width: 1rem;\n\n@mixin input-contracted {\n  max-width: $button-width;\n  opacity: 0;\n  position: absolute;\n  right: 0;\n  top: 50%;\n  transform: translateY(-50%);\n}\n\n%input-expanded {\n  background-color: c.color('search-input-bg');\n  cursor: text;\n  max-width: 30em; // override\n  opacity: 1;\n  // padding-right: calc(1.6rem + $button-width);\n  // also compensate for reset button\n  padding-right: calc(4rem + $button-width);\n  width: 25em;\n  z-index: 1;\n\n  &:hover {\n    cursor: text; // for focused state\n    background-color: c.color('input-hover'); // before being expanded\n    opacity: 1; // before being expanded\n  }\n}\n\n#search-main {\n  @extend %capsule-form;\n  align-self: center; // don't stretch the height to be equal to menu items\n  // justify-content: flex-end; // better for absolutely positioned input\n  justify-content: center;\n  margin: 0 auto;\n  z-index: $z-search-main; // above other header siblings when input expanded\n\n  [type='reset'] {\n    @include item-remove($size: 0.7em, $spacing-x: 1.46em);\n    margin: 0;\n    opacity: 0;\n    position: absolute;\n    // input padding-right\n    right: calc(2rem + $button-width);\n    top: 50%;\n    transform: translateY(-50%);\n    transition: opacity 0.3s ease 0s;\n    transition-property: background-color, opacity;\n    visibility: hidden;\n    z-index: 3;\n    width: auto;\n  }\n\n  // make sure input is expanded at all times when form focused\n  &:focus-within {\n    [type='search'] {\n      @extend %input-expanded;\n    }\n\n    [type='reset'] {\n      opacity: 1;\n      visibility: visible;\n    }\n  }\n\n  [type='submit'] {\n    background-color: c.color('search-button-bg');\n    // background-color: transparent;\n    background-image: $search;\n    background-repeat: no-repeat;\n    background-position: center;\n    background-size: $button-width * 1.3 $button-width * 1.3;\n    // border-color: c.color('button-border');\n    font-size: inherit; // for equal height fit calculation\n    // equal to input height\n    min-height: calc($button-width + 1em * 1.4);\n    min-width: 2.8rem;\n    padding-left: 1rem;\n    padding-right: 1rem;\n    pointer-events: none;\n    position: relative; // context for icon, missing in style-guide\n    width: $button-width;\n    z-index: 2;\n    @supports (mask-image: url()) {\n      // background-image: none;\n\n      // use pseudoelement with mask to \"change color\" of the svg icon\n      &::before {\n        // background-color: c.color('text');\n        border-radius: 10em;\n        content: '';\n        display: block;\n        height: 100%;\n        left: 0;\n        // mask-image: $search;\n        background-image: $search;\n        mask-position: 50% 50%;\n        mask-repeat: no-repeat;\n        mask-size: 19px auto;\n        -webkit-mask-composite: source-over;\n        mask-composite: add;\n        position: absolute;\n        top: 0;\n        transition: background-color 0.3s ease 0s;\n        width: 100%;\n      }\n\n      &:focus,\n      &:hover {\n        &::before {\n          background-color: c.color('search-button-bg-hover');\n        }\n      }\n    }\n\n    // &:focus,\n    // &:hover {\n    //   background-color: c.color('search-button-bg');\n    // }\n\n    &:focus {\n      outline: 2px solid c.color('input-border-focus');\n      outline-offset: 0;\n    }\n  }\n\n  [type='search'] {\n    // small circular, hidden behind button, but button pointer events none\n    background-color: c.color('search-input-bg');\n    border-width: 0;\n    border-radius: 10em;\n    padding-left: 1.1rem;\n    padding-right: 1.6rem;\n    transform-origin: right center;\n    transition: opacity 0.5s ease 0s;\n    transition-property: opacity, max-width, background-color;\n    z-index: 1;\n\n    // small input circular over button before being expanded\n    &:hover {\n      cursor: pointer;\n      // background-color: c.color('input-bg');\n      opacity: 1;\n\n      // there is no hover on submit button because of pointer-events\n      // to affect the submit button hover we actually hover over input search\n      & + [type='submit'] {\n        &::before {\n          background-color: c.color('search-button-bg-hover');\n        }\n      }\n    }\n\n    // full width where user can enter text\n    &:focus,\n    // keep open if something is entered\n    &:not(:placeholder-shown) {\n      @extend %input-expanded;\n\n      & + [type='submit'] {\n        // background-color: c.color('search-button-bg-finput');\n        pointer-events: auto;\n\n        &::before {\n          background-color: c.color('search-button-bg-hover');\n        }\n\n        &:focus,\n        &:hover {\n          background-color: c.color('search-button-bg-hover');\n\n          &::before {\n            background-color: c.color('search-button-bg-finput');\n          }\n        }\n      }\n\n      & ~ [type='reset'] {\n        opacity: 1;\n        visibility: visible;\n      }\n    }\n\n    // &:placeholder-shown {\n    //   & + [type='submit'] {\n    //     &:hover {\n    //       background-color: c.color('search-button-bg-hover');\n    //     }\n    //   }\n    // }\n  }\n}\n\n// @media (width >= 30em) {\n//   #search-main {\n//     order: 10;\n//   }\n// }\n\n// return to center after cart item is positioned\n@include respond-to('s') {\n  #search-main {\n    left: 1.6em;\n  }\n}\n\n@include respond-to('header-search-contract') {\n  #search-main {\n    flex: 0 0 3em;\n    margin: 0 0 0 auto; // push to right\n    order: 0;\n\n    [type='search'] {\n      @include input-contracted;\n    }\n  }\n}\n","@use '../../colors' as c;\n@use '../../icons' as *;\n@use '../../0-inits/visually-hidden/visually-hidden' as *;\n\n// Star rating\n//\n// Form to rate a product, usually styled with yellow stars\n//\n//\n// Markup: star-rating-form.twig\n//\n// Style guide: forms.star-rating\n\n%star-base {\n  background: transparent $star-hollow 50% 50%/auto 2em no-repeat;\n  color: c.color('star-base');\n  display: block;\n  // filter: saturate(0%);\n  font-size: calc(14rem / 16); // needed otherwise star bg size jumps\n  height: 2em;\n  transition: filter .3s ease 0s;\n  width: 2.4em;\n}\n\n// %star-hovered {\n//   color: c.color('star-hover');\n//   filter: saturate(400%);\n// }\n//\n// %star-checked {\n//   color: c.color('star-checked');\n//   filter: saturate(100%);\n// }\n\n%star-hovered,\n%star-checked {\n  background-image: $star;\n}\n\n%star-rating,\n.stars-row {\n  align-items: center;\n  display: flex;\n  flex-flow: row-reverse nowrap; // reverse stars and it moves to right\n  gap: .2rem;\n  justify-content: flex-end; // bring back to left\n  margin: 1rem 0;\n\n  legend {\n    flex: 1 0 100%;\n  }\n\n  // hide radios, only their labels cary styles and interaction\n  [type='radio'] {\n    @include visually-hidden;\n\n    // change state to checked for the selected star and all the 'previous'\n    &:checked {\n      & + [for^='star-'],\n      & ~ [for^='star-'] {\n        @extend %star-checked;\n\n        // undo %fancy-radio\n        &::before {\n          content: none;\n        }\n\n        // we still want the selected ones to react on hover\n        &:focus,\n        &:hover {\n          @extend %star-hovered;\n\n          & ~ [for^='star-'] {\n            @extend %star-hovered;\n          }\n        }\n      }\n    }\n  }\n\n  // labels styled as stars\n  [for^='star-'] {\n    @extend %star-base;\n\n    // undo %fancy-radio\n    &::before {\n      content: none;\n    }\n\n    span {\n      @include visually-hidden;\n    }\n\n    // regular, not selected, hover state for the currently hovered star\n    &:focus,\n    &:hover {\n      @extend %star-hovered;\n\n      // regular hover when not selected for all the previous stars\n      & ~ [for^='star-'],\n      // hover for not selected stars when there are other stars checked\n      & ~ [type='radio']:checked ~ [for^='star-'] {\n        @extend %star-hovered;\n      }\n    }\n  }\n}\n\n.product-rate {\n  [type='submit'] {\n    &:focus,\n    &:hover {\n      background-color: c.color('star-checked');\n    }\n  }\n}\n","// Scroll shadow\n//\n// Shadow on top and bottom edges that appears when you scroll indicating there\n// is content above that isn't seen. When you reach the top or bottom edge of\n// the content there is no shadow.\n//\n//\n//\n// Style guide: Inits.scroll-shadow\n\n%scroll-shadow {\n  // white gradients on top and bottom, they scroll with content (local)\n  // black radial also sits at top and bottom but they stay fixed to\n  // the \"element viewport\". White covers black if scroll is at that point\n  // If scroll is in middle and content cut off white scrolls out of sight\n  // black radials remain to show there is content cut off\n  background:\n    linear-gradient(white 30%, rgba(255 255 255 / 0%)),\n    linear-gradient(rgba(255 255 255 / 0%), white 70%) 0 100%,\n    radial-gradient(farthest-side at 50% 0, rgba(0 0 0 / 40%), rgba(0 0 0 / 0%)),\n    radial-gradient(farthest-side at 50% 100%, rgba(0 0 0 / 40%), rgba(0 0 0 / 0%)) 0 100%;\n  background-repeat: no-repeat;\n  background-size: 100% 1rem, 100% 1rem, 100% .5rem, 100% .5rem;\n  //* Opera doesn't support this in the shorthand */\n  background-attachment: local, local, scroll, scroll;\n\n  // the height of the remaining viewport after subtracting top bar height\n  // needed for the scroll and the shadows that indicate cut-off content\n  // max-height: calc(100vh - 1.5 * 2.25rem + 1px);\n  // overflow is set on parent, not here, otherwise webkit shows scrollbar\n}\n","@use 'sass:color';\n@use 'sass:list';\n@use 'sass:map';\n@use '../../icons' as *;\n@use '../../colors' as c;\n\n// Alerts\n//\n// System alerts.\n//\n// Success messages should use the `.alert-success` class.\n// Info/Warning messages should use the `.alert-info` class.\n// Error messages should use the `.alert-error` class.\n// Best to use `<p>` element, otherwise you need additional spacing CSS.\n//\n// Also add the `role=\"alert\"` for time-sensitive info while user interacts.\n// Use `role=\"status\"` for info that shows on page load.\n//\n//\n// Markup: alerts.twig\n//\n// Style guide: Components.alerts\n\n// Alerts colors\n//\n//\n// .alert-success      - \"Ok\" status.\n// .alerts-warning-color - Warning status.\n// .alert-error   - Error status.\n//\n// // Markup: alerts--color.twig\n//\n// // Style guide: Components.alerts--color\n\n$icon-size: 2em;\n$spacing: 1rem;\n\n$alerts: (\n  'info': (c.color('info'), c.color('info-bg'), $info),\n  'error': (c.color('error'), c.color('error-bg'), $error),\n  'success': (c.color('success'), c.color('success-bg'), $check-green),\n);\n\n// %alert,\n// [class*='alert'] {\n%alert {\n  animation: shakeX .8s ease .5s 1;\n  background-image: $info;\n  background-position: $spacing 50%;\n  background-repeat: no-repeat;\n  background-size: $icon-size auto;\n  // box-shadow: 0 calc(13rem / 16) 1vw color.change(c.color('alert-shadow'), $alpha: .07%);\n  flex: 1 0 100%; // on product pages is inside .product-layout\n  font-size: calc(14rem / 16);\n  font-weight: 400;\n  letter-spacing: -2%;\n  line-height: 1.5;\n  margin: 1rem 0;\n  // order: -20; // pull up top on product pages because alerts are inside\n  position: relative;\n  padding: $spacing $spacing $spacing calc(2 * $spacing + $icon-size);\n  // z-index: 11; // above content when animated swing\n\n  p {\n    margin: 1rem 0;\n  }\n}\n\n@each $alert, $values in $alerts {\n  .alert-#{$alert} {\n    @extend %alert;\n    background-color: list.nth(map.get($alerts, $alert), 2);\n    background-image: list.nth(map.get($alerts, $alert), 3);\n    color: list.nth(map.get($alerts, $alert), 1);\n    border: 1px solid list.nth(map.get($alerts, $alert), 1);\n  }\n}\n\n.alert-info {\n  border-color: c.color('info-border');\n  border-radius: 10px;\n}\n","@use '../../colors' as c;\n@use '../../variables' as *;\n@use '../../0-inits/dl-horizontal/dl-horizontal' as *;\n@use '../../0-inits/scroll-shadow/scroll-shadow' as *;\n@use '../../0-inits/visually-hidden/visually-hidden' as *;\n@use '../../5-components/alerts/alerts' as *;\n\n// Autosuggest box\n//\n// Container for a list of results that appear after triggering\n// an autocomplete field or search results.\n//\n// Width isn't defined, it should be set in particular situation\n// if necessary so it remains auto for absolutely positioned\n// suggestions of simple text lists\n//\n// Markup: autosuggest-box.twig\n//\n// Style guide: Inits.autosuggest-box\n\n%autosuggest-box {\n  @include visually-hidden;\n  // @extend %scroll-shadow;\n  background-color: c.color('suggestions-bg');\n  border: 1px solid c.color('suggestions-border');\n  left: 50%;\n  list-style: none;\n  margin: 0;\n  max-height: 20em;\n  overflow: auto;\n  padding: 0; // hidden when empty\n  position: absolute;\n  top: 2.7em;\n  transform: translateX(-50%) translateZ(0);\n  // this should not be changed here but on the selector where this\n  // pseudoselector is applied   \n  width: auto;\n  z-index: $z-suggestion-box;\n\n  &.active {\n    @include visually-hidden--off;\n    position: absolute !important;\n    overflow: auto;\n  }\n\n  li {\n    border-bottom: 1px solid c.color('suggestions-item-border');\n    cursor: pointer;\n    padding: .5rem;\n\n    &:hover {\n      background-color: c.color('suggestions-hover');\n    }\n\n    &.no-results {\n      @extend .alert-info;\n      border-width: 0;\n      border-radius: 10px;\n      cursor: default;\n      margin: 0;\n    }\n  }\n}\n","@use '../../colors' as c;\n@use '../../variables' as *;\n@use '../../0-inits/autosuggest-box/autosuggest-box' as *;\n@use '../../0-inits/scrollbar-hide/scrollbar-hide' as *;\n\n// Suggestion box\n//\n// Container for autocomplete popup when the main search field is\n// being typed in\n//\n// Markup: suggestion-box.twig\n//\n// Style guide: Forms.suggestion-box\n\n// Box that shows up when user types enough into searchBox\n#suggestion-box {\n  @extend %autosuggest-box;\n  @include scroll-offset-header;\n  // @extend %scrollbar-hide;\n  left: 50%;\n  max-height: 60vh;\n  transform: translateX(-50%);\n\n  &.active {\n    width: 90vw;\n  }\n\n  // Desktop: uzi layer usidren uz desni rub search polja umjesto 90vw preko ekrana\n  @include respond-to('l') {\n    left: auto;\n    right: 0;\n    transform: none;\n\n    &.active {\n      width: min(32rem, 90vw);\n    }\n  }\n\n  [class^='alert'] {\n    border-width: 0;\n    margin: 0;\n  }\n}\n\n// <dl> with different types of results (pages, products)\n%autosuggest,\n#autosuggest {\n  align-items: start;\n  display: flex;\n  flex-flow: row wrap;\n  gap: 2vw;\n  justify-content: center;\n  padding: 1vw;\n  text-align: center;\n\n  // Desktop: sadrzaj poravnat lijevo uz uzi layer\n  @include respond-to('l') {\n    gap: 1rem;\n    justify-content: flex-start;\n    padding: 1rem;\n    text-align: left;\n  }\n\n  dt {\n    flex: 1 0 100%;\n  }\n\n  dd {\n    margin: 0;\n  }\n\n  // Grid proizvoda popuni cijelu sirinu layera (umjesto 2 stisnuta u sredini + scroll)\n  .product-results {\n    flex: 1 0 100%;\n  }\n}\n","@use '../../colors' as c;\n@use '../../0-inits/visually-hidden/visually-hidden' as *;\n\n// Toggle between order options\n//\n// Two radio buttons, one required\n//\n//\n// Markup: toggle-order.twig\n//\n// Style guide: Forms.toggle-order\n\n$gap: .2em;\n\n%toggle-radios,\n.order-toggle fieldset {\n  background-color: c.color('product-filter-bg');\n  border: 1px solid c.color('product-filter-border');\n  border-radius: 3px;\n  display: flex;\n  flex-flow: row wrap;\n  gap: $gap;\n  justify-content: stretch;\n  align-items: center;\n  margin-bottom: 1rem;\n  padding: $gap;\n  position: relative; // for input context\n\n  legend {\n    @include visually-hidden;\n    line-height: 1.3;\n    text-align: center;\n  }\n\n  [type='radio'] {\n    @include visually-hidden;\n\n    &:checked + label {\n      background-color: c.color('order-toggle');\n      border-radius: 3px;\n      color: c.color('white');\n    }\n\n    &:focus-visible + label {\n      outline: 2px solid c.color('focus-visible');\n    }\n  }\n\n  label {\n    border-radius: 10em;\n    color: c.color('toggle-label');\n    flex: 1 0 auto;\n    font-weight: normal;\n    padding: 1rem 2rem;\n    text-align: center;\n    transition: background-color .3s ease 0s;\n    transition-property: background-color, color;\n\n    &::before {\n      content: none; // override fancy radio\n    }\n  }\n}\n\nform.order-toggle:focus-within {\n  box-shadow: none;\n}\n","@use '../../colors' as c;\n@use '../../5-components/visually-hidden/visually-hidden' as *;\n@use '../../4-navigation/navbar/navbar' as *;\n@use '../../0-inits/scrollbar-hide/scrollbar-hide' as *;\n\n// Shop menu\n//\n// Subcategory links shown on Shop pages, listing a level from\n// megamenu or main-nav\n//\n// Markup: shop-menu.twig\n//\n// Style guide: Navigation.shop-menu\n\n%shop-menu,\n.shop-menu {\n  @extend %scrollbar-hide;\n  align-items: center;\n  display: flex;\n  flex-flow: row nowrap;\n  flex: 1 0 100%;\n  gap: 2vw;\n  margin-bottom: 1rem;\n  order: -10;\n  overflow: scroll;\n\n  @media print {\n    display: none;\n  }\n\n  &-title {\n    @extend %visually-hidden;\n    flex: 0 0 100%;\n  }\n\n  & > .shop-menu-parent {\n    background-color: c.color('nav-parent-bg');\n    border-radius: .2em;\n    color: c.color('nav-parent');\n    padding: .3em;\n  }\n\n  &-list {\n    align-items: center;\n    display: flex;\n    flex-flow: row nowrap;\n    gap: 0;\n    list-style-type: none;\n    margin: 0;\n    padding: .3em;\n  }\n\n  li {\n    // color: c.color('breadcrumbs-current');\n    color: c.color('shop-menu');\n    list-style-type: none;\n    margin: 0 1vw 0 0;\n    padding: 0;\n    white-space: nowrap;\n  }\n\n  a {\n    @extend %navbar-link;\n    color: c.color('shop-menu');\n    margin-left: 0; // compensate for '/' margin-right\n    padding-left: .3rem;\n    padding-right: .5rem;\n  }\n}\n","@use '../../colors' as c;\n@use '../../4-navigation/shop-menu/shop-menu' as *;\n\n// Breadcrumbs\n//\n// Links to navigate the hierarchy tree of the current page\n//\n// Markup: breadcrumbs.twig\n//\n// Style guide: Navigation.breadcrumbs\n\n.breadcrumbs {\n  @extend %shop-menu;\n\n  &-title {\n    @extend %shop-menu-title;\n  }\n\n  &-list {\n    @extend %shop-menu-list;\n  }\n\n  li {\n    color: c.color('breadcrumbs');\n    margin-right: 0; // override\n\n    &:not(:first-child)::before {\n      content: '/';\n      // same as link so vertical alignment fits\n      font-size: calc(17rem / 16);\n      margin-right: .4rem;\n    }\n  }\n\n  a {\n    color: c.color('breadcrumbs');\n  }\n}\n","@use '../../colors' as c;\n@use '../../icons' as *;\n\n// Categories\n//\n// SVG based icon with category name or some text leading to a dedicated page\n//\n// Markup: categories.twig\n//\n// Style guide: navigation.categories\n\n$fake-border: 1px;\n\n.categories {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(15em, 1fr));\n  grid-auto-rows: 1fr; // all row height equal\n  gap: $fake-border;\n  list-style: none;\n  padding-left: 0; // override\n  // padding: 0; // let layout center it with auto\n}\n\n.silhouette,\n.accent-fill {\n  transition: fill .3s ease 0s;\n}\n\n%svg-hover {\n  .silhouette {\n    fill: c.color('category-silhouette-h');\n  }\n\n  .accent-fill {\n    fill: c.color('category-accent-h');\n  }\n}\n\n[class^='cat-'] {\n  align-items: center;\n  background: transparent $circle-dashed 120% -4em/50% auto no-repeat;\n  color: inherit;\n  display: flex;\n  flex-flow: row nowrap;\n  font-weight: 800;\n  gap: 2rem;\n  height: 100%;\n  line-height: 1.2;\n  outline: $fake-border solid c.color('category-border');\n  padding: 2rem 3rem;\n  text-transform: uppercase;\n  transition: background-color .3s ease 0s;\n  transition-property: background-color, color, background-size;\n\n  svg {\n    flex: 1 0 3em;\n    max-width: 3em;\n    order: -1;\n  }\n\n  &:focus,\n  &:hover {\n    @extend %svg-hover;\n    background-color: c.color('category-hover-bg');\n    background-size: 70% auto;\n    color: c.color('category-hover');\n  }\n}\n","@use '../../colors' as c;\n@use '../../variables' as *;\n@use '../../0-inits/albatross/albatross' as *;\n\n// Categories 2\n//\n// Categories with thumbnail images and text leading to a dedicated page\n//\n// :focus - focused state, keyboard\n// :focus-visible - focused state, only keyboard\n// :hover - hovered state\n//\n// Markup: categories2.twig\n//\n// Style guide: navigation.categories2\n\n$collapse-point: 40rem;\n$scale: 1.16;\n\n.categories2 {\n  @extend %albatross-parent;\n\n  .categories {\n    flex: 4 0 calc(($collapse-point - 100%) * 999);\n    grid-template-columns: repeat(auto-fill, minmax(17em, 1fr));\n\n    li {\n      padding-bottom: $card-offset;\n      padding-top: $card-offset;\n    }\n\n    // container used to position the image and hide overflow, like a frame\n    .category-img {\n      height: 100%;\n      left: 0;\n      overflow: hidden;\n      position: absolute;\n      top: 50%;\n      transform-origin: 0% 50%;\n      transform: translateY(-50%) translateZ(0) scaleY(1);\n      transition: transform .5s ease-in-out 0s;\n      width: 60%;\n    }\n\n    // better to have img element and not a background-image so it's expandable\n    // to any number of categories without extra CSS\n    img {\n      display: block;\n      height: 120%;\n      //max-width: 10em;\n      //min-height: 120%;\n      object-fit: contain; // keep ratio, if cover then it cuts off\n      position: absolute;\n      right: 0;\n      top: 50%;\n      transform-origin: 100% 50%;\n      transform: translateY(-50%) translateX(-30%) translateZ(0) scale(1);\n      transition: transform .5s ease-in-out 0s;\n    }\n\n    [class^='cat-'] {\n      border-width: 0;\n      gap: 0 1vw;\n      justify-content: flex-end; // needed besides the text-align: right\n      margin: 0;\n      outline-width: 0;\n      overflow-wrap: break-word;\n      padding: 3rem 2rem 3rem 60%;\n      position: relative; // context for span img and pseudo\n      text-align: right;\n\n      // background, border, perceived transform on hover\n      &::after {\n        background-color: c.color('product-card-bg');\n        box-sizing: border-box;\n        content: '';\n        display: block;\n        height: 100%;\n        left: 0;\n        outline: 1px solid c.color('product-card-border');\n        position: absolute;\n        top: 0;\n        transform: translateZ(0) scaleY(1);\n        transform-origin: 0 50%;\n        transition: transform .5s ease-in-out 0s;\n        transition-property: transform, outline-color;\n        width: 100%;\n        z-index: -1;\n      }\n\n      &:focus,\n      &:hover {\n        background-color: transparent;\n        color: inherit;\n        z-index: 3;\n\n        .category-img {\n          transform: translateY(-50%) translateZ(0) scaleY($scale);\n        }\n\n        img {\n          transform: translateY(-50%) translateX(0) translateZ(0) scaleY($scale) scaleX($scale * $scale);\n        }\n\n        &::after {\n          outline-color: c.color('product-card-border-ho');\n          transform: translateZ(0) scaleY($scale);\n        }\n      }\n    }\n  }\n}\n","@use '../../colors' as c;\n@use '../../variables' as *;\n@use '../../0-inits/visually-hidden/visually-hidden' as *;\n@use '../../0-inits/scrollbar-hide/scrollbar-hide' as *;\n\n// Dropdown\n//\n// Menu revealed on hover\n//\n// Markup: dropdown.twig\n//\n// Style guide: Navigation.dropdown\n\n%dropdown-nav-grandparent,\n#user-nav {\n  @extend %scrollbar-hide;\n  overflow: scroll;\n\n  &:hover {\n    // raise above search-main so dropdown isn't hidden behind,\n    // and above product sizes on product page\n    z-index: $z-user-dropdown;\n  }\n}\n\n%dropdown-parent,\n// <li> so dropdown is positioned related to it\n.user-myaccount {\n  overflow: visible;\n  position: relative;\n\n  @include respond-to('l') {\n    &:hover {\n      .dropdown {\n        @include visually-hidden--off;\n        position: absolute !important;\n      }\n    }\n\n    .dropdown {\n      @include visually-hidden;\n      clip-path: inset(0% 0% 100% 100%);\n    }\n  }\n\n\n}\n\n%dropdown-item-style {\n  a {\n    border-bottom: 1px solid c.color('sidebar-border');\n    border-top: 1px solid c.color('sidebar-border');\n    color: inherit;\n    display: block;\n    font-size: calc(16rem / 16);\n    font-weight: 600;\n    margin: .2rem 0;\n    padding: .6em $gutter-main;\n  }\n\n  &:first-of-type a {\n    border-top-width: 0;\n    margin-top: 0; // otheriwse margin leaks in sidebar\n  }\n\n  & + .standout-item {\n    a {\n      border-top-width: 0;\n      white-space: nowrap;\n    }\n  }\n\n  &:last-of-type a {\n    border-bottom-width: 0;\n  }\n}\n\n%dropdown,\n.dropdown {\n  background-color: c.color('dropdown-bg');\n  font-size: calc(14rem / 16);\n  line-height: 1.3;\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  transition: clip-path .3s ease 0s;\n\n  @include respond-to('l') {\n    left: auto;\n    position: absolute;\n    right: 0;\n  }\n\n  .standout-item {\n    @extend %dropdown-item-style;\n  }\n}\n","@use '../../colors' as c;\n\n// Circle hover\n//\n// Used on links or other elements to grow a circle on hover or state change\n//\n//\n//\n// Style guide: sass.init.mixins.circle-hover\n\n$offset: 1.6rem;\n// compensate for baseline position not being at vertical center\n$pull: calc($offset * -.875);\n\n%circle-hover {\n  color: inherit;\n  overflow: visible;\n  padding-left: $offset;\n  position: relative; // context for pseudo circle\n  white-space: nowrap;\n\n  &::before {\n    background-color: c.color('nav-circle-hover');\n    border-radius: 10em;\n    content: '';\n    display: block;\n    height: calc(2 * $offset);\n    left: 0;\n    opacity: 0;\n    position: absolute;\n    top: 50%;\n    transform: translateZ(0) translateY($pull) scale(0);\n    transition: transform .3s ease-out 0s;\n    transition-property: transform, opacity;\n    width: calc(2 * $offset);\n    z-index: -1;\n  }\n\n  &:focus,\n  &:hover,\n  &:active {\n    &::before {\n      opacity: 1;\n      transform: translateZ(0) translateY($pull) scale(1);\n    }\n  }\n\n  &:active {\n    &::before {\n      background-color: c.color('nav-circle-active');\n    }\n  }\n}\n\n%circle-hover-green {\n  @extend %circle-hover;\n\n  &::before {\n    background-color: c.color('nav-circle-hover-green');\n  }\n\n  &:focus,\n  &:hover,\n  &:active {\n    color: c.color('nav-circle-green');\n\n    &::before {\n      background-color: c.color('nav-circle-hover-g-act');\n    }\n  }\n}\n","@use '../../0-inits/circle-hover/circle-hover' as *;\n\n// Categories New collection Aside\n//\n// List of categories for new season, as a list of links\n//\n// :focus - focused state, keyboard\n// :focus-visible - focused state, only keyboard\n// :hover - hovered state\n// :active - quick flash after being clicked\n//\n// Markup: categories-newcollection-aside.twig\n//\n// Style guide: navigation.categories-newcollection-aside\n\n$collapse-point: 40rem;\n\n.new-collection-aside {\n  flex: 1 0 calc(($collapse-point - 100%) * 999);\n  list-style: none;\n  padding: 0;\n\n  a {\n    @extend %circle-hover;\n    display: block;\n    font-weight: 400;\n    margin: .4rem 0;\n    padding-bottom: .4rem;\n    padding-top: .4rem;\n  }\n\n  .new-collection-home {\n    @extend %circle-hover-green;\n    font-weight: 700;\n  }\n\n  .new-collection-all {\n    font-weight: 700;\n  }\n}\n","@use '../../colors' as c;\n@use '../../variables' as *;\n@use '../../0-inits/scrollbar-hide/scrollbar-hide' as *;\n\n// Highlights menu\n//\n// Bestellers, akcije, lokator\n//\n// Markup: highlights-menu.twig\n//\n// Style guide: navigation.highlights-menu\n\n.highlights-menu {\n  @extend %scrollbar-hide;\n  background-color: c.color('highlights-bg');\n  flex: 1 0 100%;\n  font-size: calc(12rem / 16);\n  line-height: 1.4;\n  order: -10;\n  overflow: scroll;\n\n  &-list {\n    display: flex;\n    flex-flow: row nowrap;\n    justify-content: space-between;\n    align-items: center;\n    gap: calc(.5rem + 1vw);\n    list-style: none;\n    margin: 0 auto;\n    padding: 0 $gutter-main;\n\n    & > li {\n      display: flex;\n      align-items: stretch;\n    }\n  }\n\n  [class^='link-'] {\n    color: white;\n    padding: .6em 0;\n    white-space: nowrap; // otherwise mess up lokator icon\n    // align-items: center;\n    // display: flex;\n    // font-weight: 400;\n    // padding: .3rem;\n    // position: relative; // context for badge\n    // white-space: nowrap;\n    //\n    // &::after {\n    //   display: inline-block;\n    //   font-size: calc(14rem / 16);\n    //   line-height: 1; // better vertical spacing\n    //   margin-left: .4rem;\n    // }\n  }\n\n  $small-circle-size: .26em;\n  $large-circle-size: .7em;\n  $aliasing: .06em;\n  $angle: 42deg;\n  $angle-aliasing: 6deg;\n  $color: #fff;\n  $color-point: $color;\n  //$color-point: red;\n\n  .link-lokator {\n    // icon constructed from 2 color circle through radial-gradient, and\n    // bottom point through pseudoelement rounded and rotated\n    background-image: //conic-gradient(at 50% 100%, $color-point #{$angle}, transparent calc($angle + $angle-aliasing), transparent calc(360deg - $angle - $angle-aliasing), $color-point calc(360deg - $angle)),\n                      radial-gradient(circle at calc(100% - $large-circle-size) calc(44%), transparent, transparent calc($small-circle-size - $aliasing), $color $small-circle-size, $color $large-circle-size, transparent calc($large-circle-size + $aliasing));\n    background-position: //100% calc(60% + .3em),\n                         100% 50%;\n    background-size: //calc(2 * $large-circle-size) .6em,\n                     100%;\n    background-repeat: no-repeat;\n    padding-right: 2em; // icon\n    position: relative;\n\n    &::after {\n      background-color: $color-point;\n      border-radius: 0% 62%;\n      clip-path: polygon(30% 90%, 100% 20%, 100% 100%, 0 100%);\n      content: '';\n      display: block;\n      height: calc(2 * $large-circle-size + $aliasing);\n      left: auto;\n      position: absolute;\n      right: 0;\n      top: 18%;\n      transform: rotate(45deg);\n      width: calc(2 * $large-circle-size + $aliasing);\n      z-index: 1;\n      //opacity: .6;\n    }\n  }\n}\n","// Dependencies.\n@use '../../colors' as c;\n@use '../../variables' as *;\n@use '../../icons' as *;\n@use '../../0-inits/visually-hidden/visually-hidden' as vh;\n\n// Header Mobile\n//\n// Mobile/tablet header icon strip, horizontal nav strip, and search modal.\n//\n// Replaces the hamburger buttons (main-nav-open, user-nav-open) and the\n// inline search form on small screens (≤55em).\n//\n// Decision log:\n// - #user-nav-open stays in DOM (hidden on mobile) so the close button\n//   inside #user-nav (href=\"#user-nav-open\") still works via CSS :target.\n//   Logged-in users open #user-nav by clicking the account icon in\n//   .header-icons-mobile (href=\"#user-nav\").\n// - highlights-menu kept on all breakpoints (promotional value).\n// - Breakpoint: respond-to('s') = max-width: 55em (~880px), matches existing\n//   codebase convention.\n// - Icon labels shown via data-label attr + CSS content: attr() below icon.\n// - Duplicate cart: #user-nav .link-cart hidden on mobile (now in icon strip).\n//\n// Style guide: Navigation.header-mobile\n\n// ── Icon strip ───────────────────────────────────────────────────────────────\n\n$icon-size: 1.4em;\n$icon-label-font-size: calc(10rem / 16);\n$strip-height: 3.5rem;\n\n.header-icons-mobile {\n  display: none;\n}\n\n@include respond-to('s') {\n  // Suppress the floating cart that user-menu.scss positions absolutely\n  // on small screens — it's now in the icon strip instead.\n  #user-nav .link-cart {\n    display: none;\n  }\n\n  .header-icons-mobile {\n    align-items: stretch;\n    background-color: c.color('header-bg');\n    border-left: 1px solid c.color('header-border');\n    display: flex;\n    margin-left: auto;\n  }\n\n  // Each icon button/link: icon (background-image at top) + label (text at bottom).\n  // Icon position: background-position centers icon in top portion.\n  // Label: data-label attr rendered via ::after, visually small below icon.\n  .header-icon-link,\n  .header-icon-btn {\n    align-items: center;\n    background: none;\n    background-position: center $space-2;\n    background-repeat: no-repeat;\n    background-size: $icon-size;\n    border: none;\n    color: inherit;\n    cursor: pointer;\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-start;\n    min-height: $strip-height;\n    min-width: 3rem;\n    padding: $space-2 $space-2 $space-1;\n    position: relative;\n    text-decoration: none;\n\n    // Short label from data-label attribute, rendered below icon\n    &::after {\n      content: attr(data-label);\n      display: block;\n      font-size: $icon-label-font-size;\n      line-height: 1.2;\n      margin-top: auto;\n      padding-top: $space-1;\n      text-align: center;\n      white-space: nowrap;\n    }\n\n    // Tap feedback\n    &:hover,\n    &:focus {\n      background-color: c.color('header-border');\n      text-decoration: none;\n    }\n\n    &:active {\n      opacity: 0.7;\n    }\n  }\n\n  // Visually-hidden span inside each button — keep hidden (aria-label is enough)\n  .header-icons-mobile .main-nav-toggle-label {\n    @include vh.visually-hidden;\n  }\n\n  // Icon backgrounds\n  #search-toggle {\n    background-image: $search;\n  }\n\n  // user-menu.scss globally sets background-image on .link-login, .link-wishlist,\n  // .link-cart. Override background-position for centered icon.\n  .header-icons-mobile .link-login,\n  .header-icons-mobile .link-myaccount,\n  .header-icons-mobile .link-wishlist,\n  .header-icons-mobile .link-cart {\n    background-position: center $space-2;\n    background-size: $icon-size;\n    margin-right: 0;\n    padding-right: $space-2;\n  }\n\n  .header-icons-mobile .link-myaccount {\n    background-image: $login;\n  }\n\n  // Badge: position relative to icon, not the whole button\n  .header-icons-mobile .link-cart {\n    .badge {\n      bottom: auto;\n      font-size: calc(9rem / 16);\n      right: $space-1;\n      top: $space-1;\n    }\n  }\n\n  // Hide hamburger buttons — replaced by icon strip\n  #main-nav-open,\n  #user-nav-open {\n    display: none;\n  }\n\n  // Hide inline search form on mobile — shown in modal when search-toggle clicked\n  #search-main {\n    display: none;\n  }\n}\n\n// ── Mobile nav strip ──────────────────────────────────────────────────────────\n\n.mobile-nav-strip {\n  display: none;\n}\n\n@include respond-to('s') {\n  .mobile-nav-strip {\n    background-color: c.color('header-bg');\n    border-bottom: 1px solid c.color('header-border');\n    display: block;\n    min-width: 0;   // prevent flex item from expanding to content width\n    width: 100%;    // explicit full row width\n  }\n\n  .mobile-nav-list {\n    display: flex;\n    flex-wrap: nowrap;\n    gap: 0;\n    list-style: none;\n    margin: 0;\n    overflow-x: auto;\n    -webkit-overflow-scrolling: touch;\n    padding: 0 $gutter-main;\n    scrollbar-width: none;\n\n    &::-webkit-scrollbar {\n      display: none;\n    }\n  }\n\n  // Vertical divider between items\n  .mobile-nav-item + .mobile-nav-item {\n    border-left: 1px solid c.color('header-border');\n  }\n\n  .mobile-nav-link {\n    border-bottom: 2px solid transparent;\n    color: inherit;\n    display: block;\n    font-size: calc(13rem / 16);\n    font-weight: $font-weight-medium;\n    padding: $space-2 $space-3;\n    text-decoration: none;\n    white-space: nowrap;\n\n    &:hover,\n    &:focus {\n      border-bottom-color: currentColor;\n      text-decoration: none;\n    }\n  }\n\n  .mobile-nav-item.item-current .mobile-nav-link {\n    border-bottom-color: c.color('nav-current');\n    font-weight: $font-weight-semibold;\n  }\n}\n\n// ── Search modal ──────────────────────────────────────────────────────────────\n\n// Hidden by default; JS adds .is-open when search-toggle is clicked.\n// JS also moves #search-main into .search-modal-form-wrapper on open\n// and restores it on close.\n.search-modal {\n  display: none;\n  inset: 0;\n  position: fixed;\n  z-index: $z-lightbox-target;\n\n  &.is-open {\n    display: flex;\n    flex-direction: column;\n  }\n}\n\n.search-modal-backdrop {\n  background: rgba(0, 0, 0, 0.5);\n  inset: 0;\n  position: absolute;\n}\n\n.search-modal-inner {\n  background: c.color('header-bg');\n  max-height: 80vh;\n  overflow-y: auto;\n  -webkit-overflow-scrolling: touch;\n  padding: $space-6 $space-4 $space-4;\n  position: relative;\n  width: 100%;\n  z-index: 1;\n}\n\n.search-modal-close {\n  background: c.color('header-border');\n  border: none;\n  border-radius: 50%;\n  cursor: pointer;\n  font-size: 1.1rem;\n  height: 2rem;\n  line-height: 1;\n  padding: 0;\n  position: absolute;\n  right: $space-4;\n  top: $space-3;\n  width: 2rem;\n  z-index: 2;\n\n  &:hover {\n    background: c.color('header-border');\n    opacity: 0.7;\n  }\n}\n\n// When #search-main is moved inside the modal, override the mobile display:none\n// and the contracted/absolute positioning from search-main.scss.\n.search-modal-form-wrapper {\n  #search-main {\n    display: flex !important;\n    flex: 1 0 100%;\n    flex-wrap: wrap; // dopusti da instant rezultati padnu u novi red ispod inputa\n    left: 0;\n    margin: $space-4 0 0;\n    max-width: 100%;\n    position: relative; // sidriste za submit gumb preko ruba inputa\n    width: 100%;\n\n    [type='search'] {\n      max-width: 100%;\n      opacity: 1;\n      position: static;\n      transform: none;\n      width: 100%;\n    }\n\n    // Submit gumb preko desnog ruba inputa (kao desktop kapsula) umjesto\n    // osamljen prevelik red ispod\n    [type='submit'] {\n      height: 2.5rem;\n      min-height: 2.5rem;\n      min-width: 2.5rem;\n      position: absolute;\n      right: $space-2;\n      top: 0;\n      width: 2.5rem;\n    }\n  }\n\n  // Instant rezultati u modalu: normalan tok (full width, ispod inputa) umjesto\n  // absolute — inace modal ne naraste pa rezultati zavlace iza zatamnjene stranice\n  #suggestion-box.active {\n    position: static !important;\n    flex: 1 0 100%;\n    left: auto;\n    transform: none;\n    width: 100%;\n    max-height: none;\n    margin-top: $space-3;\n  }\n}\n\nbody.scroll-locked {\n  overflow: hidden;\n}\n\n// On desktop — never show mobile elements regardless of class\n@include respond-to('l') {\n  .search-modal {\n    display: none !important;\n  }\n\n  #search-toggle {\n    display: none !important;\n  }\n\n  .mobile-nav-strip {\n    display: none !important;\n  }\n}\n","@use 'sass:color';\n@use '../../colors' as c;\n@use '../../variables' as *;\n@use '../../0-inits/scrollbar-hide/scrollbar-hide' as *;\n\n// Megamenu\n//\n// It shows fully on hover on desktop, and ? on mobiles\n// Keyboard tabs through categories, arrows keys shift focus up-down\n// and right-left\n// On mobiles dropdown button reveals sublinks of the category\n//\n// Markup: megamenu.twig\n//\n// Style guide: Navigation.megamenu\n\n@mixin hide {\n  opacity: 0;\n  transition: opacity .3s ease 0s;\n  visibility: hidden;\n}\n\n$z-index: 1; // depends on other elements in .header-content and their parents\n\n// mixin because placeholder classes won't go into media queries\n@mixin show {\n  opacity: 1;\n  visibility: visible;\n  z-index: $z-index;\n}\n\n$max-height: calc(100vh - 10em); // - max top distance is 9em\n\n$column-width: 6rem;\n$z-index: 1; // depends on other elements in .header-content and their parents\n\n$promo-width: 20em;\n\n\n%megamenu,\n.megamenu {\n  @extend %scrollbar-hide;\n  align-items: stretch;\n  animation: fadeIn .3s ease 0s;\n  background-color: c.color('megamenu-bg');\n  color: c.color('megamenu');\n  display: flex;\n  flex-flow: column nowrap;\n  justify-content: flex-start;\n  text-align: left;\n  transition: opacity .3s ease .3s;\n  transition-property: opacity, visibility;\n  z-index: 1;\n  @include respond-to('l') {\n    @include hide;\n    box-shadow: 0 .3em .3em rgba(0 0 0 / 25%);\n    left: 3vw;\n    margin: 0 auto;\n    max-height: 100vh;\n    overflow-y: scroll;\n    position: fixed;\n    right: 3vw;\n    top: 5rem;\n    width: 90vw;\n    z-index: -1;\n  }\n\n  // categories, for keyboard navigation\n  button {\n    background-color: transparent;\n    border-bottom: 2px solid transparent;\n    border-radius: 0;\n    color: inherit;\n    font-size: calc(18rem / 16);\n    font-weight: 600;\n    margin: 0;\n    min-width: $column-width;\n    padding: .5rem;\n    text-align: left;\n    @include respond-to('l') {\n      padding: 2em 0 1em;\n    }\n\n    &:focus,\n    &:hover {\n      background-color: transparent;\n      color: inherit;\n      cursor: default;\n    }\n\n    &:focus-visible {\n      border-bottom-color: c.color('input-color');\n      outline: none;\n    }\n  }\n\n  a {\n    display: block;\n    padding: .5em 0;\n    position: relative; // context for hover circle\n    transition: color .3s ease 0s;\n\n    &::before {\n      background-color: color.adjust(c.color('megamenu-link-hover'), $alpha: -1);\n      border-radius: 3em;\n      content: '';\n      display: block;\n      height: .5em;\n      left: -1em;\n      position: absolute;\n      top: 1.1em;\n      transition: background-color .3s ease 0s;\n      width: .5em;\n    }\n\n    &:focus,\n    &:hover {\n      color: c.color('megamenu-link-hover');\n      text-decoration: none;\n\n      &::before {\n        background-color: c.color('megamenu-link-hover');\n      }\n    }\n  }\n}\n\n.navbar-item:focus-within,\n.navbar-item:hover {\n  .megamenu {\n    @include show;\n  }\n}\n\n.navbar-link:focus,\n.navbar-link:hover {\n  & + .megamenu {\n    @include show;\n  }\n}\n\n@include respond-to('l') {\n  .megamenu {\n    top: 8em;\n  }\n}\n\n@include respond-to('header-logo-collapse') {\n  .megamenu {\n    top: 5em;\n  }\n}\n\n#main-nav {\n  // megamenu disappears\n  // transition: z-index 0s ease 0s;\n\n  &:hover {\n    // transition-delay: 0s; // showing megamenu\n    z-index: $z-megamenu;\n  }\n}\n\n@mixin arrange-in-columns() {\n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: flex-start;\n  align-items: flex-start;\n  margin: 0;\n  padding: 0;\n}\n\n@mixin stretch-column() {\n  flex: 1 0 $column-width;\n  margin: 0;\n  padding: 0 .5rem 0 3rem;\n}\n\n.megamenu-categories {\n  background-color: c.color('megamenu-categories-bg'); // for desktop\n  display: contents;\n  list-style: none;\n\n  @include respond-to('l') {\n    @include arrange-in-columns;\n    align-items: flex-end;\n    // display: block;\n\n    & > li {\n      @include stretch-column;\n    }\n  }\n}\n\n.megamenu-content {\n  display: contents;\n  @include respond-to('l') {\n    @include arrange-in-columns;\n    padding-bottom: 3em;\n    padding-top: 1em;\n\n    [role='tabpanel'] {\n      @include stretch-column;\n      list-style: none;\n    }\n  }\n}\n\n// mobile order items after their categories, different from HTML\n// in HTML categories are separate from items\n@include respond-to('s') {\n  @for $i from 1 through 4 {\n    .megamenu-categories li:nth-of-type(#{$i}) {\n      background-color: c.color('megamenu-categories-bg'); // for mobile\n      order: calc(2 * $i - 1);\n      padding-left: .5rem;\n\n      button {\n        font-size: calc(14rem / 16);\n      }\n    }\n\n    .megamenu-content [role='tabpanel']:nth-of-type(#{$i}) {\n      background-color: c.color('megamenu-cat-items-bg');\n      list-style: disc;\n      order: calc(2 * $i);\n      padding-left: 3rem;\n    }\n  }\n}\n\n\n.navbar [class$=\"-item\"] {\n  position: relative; // context for megamenu\n}\n\n// Megamenu Promo\n//\n// Area within the megamenu used for promo links\n//\n// :focus - focused state, keyboard\n// :focus-visible - focused state, only keyboard\n// :hover - hovered state\n// :active - quick flash after being clicked\n//\n// Markup: megamenu-promo.twig\n//\n// Style guide: navigation.megamenu.megamenu-promo\n\n.promo-mega {\n  max-height: $max-height;\n  overflow: visible; // cards hover\n  position: relative;\n  width: $promo-width;\n\n  .product-link {\n    display: grid;\n    gap: 0 1rem;\n    grid-template-columns: auto 1fr;\n    grid-auto-flow: row;\n    margin: 0;\n    text-align: center;\n  }\n\n  .product-img {\n    display: block;\n    grid-row: 1 / span 3;\n    min-height: 8em;\n    padding: 1rem;\n    width: 10em;\n  }\n\n  [class^='product-tag'] {\n    align-self: flex-start;\n    position: static; // override\n  }\n\n  .price-regular {\n    justify-self: center;\n  }\n}\n","@use '../../icons' as *;\n\n// More link\n//\n// :focus - focused state, keyboard\n// :focus-visible - focused, keyboard only\n// :hover - hovered state\n//\n// Markup: more-link.twig\n//\n// Style guide: navigation.more-link\n\n%more-link-base {\n  color: inherit;\n  font-weight: 700;\n  margin-left: auto;\n}\n\n%more-link,\n.more-link {\n  @extend %more-link-base;\n\n  &::after {\n    // content: $nbsp $nbsp $chevron-right;\n    content: $chevron-down-dark $nbsp $nbsp;\n    transform: rotateZ(270deg);\n  }\n}\n\n%back-link,\n.nav-back {\n  @extend %more-link-base;\n\n  &::before {\n    content: $chevron-left $nbsp $nbsp;\n  }\n}\n\n%forward-link,\n.forward-link {\n  color: inherit;\n  font-size: inherit;\n\n  &::after {\n    content: $chevron-left $nbsp $nbsp;\n    display: inline-block;\n    transform: rotateY(180deg);\n  }\n}\n","// Dependencies.\n@use '../../0-inits/visually-hidden/visually-hidden' as *;\n@use '../../3-forms/button/button';\n@use '../../icons' as *;\n@use '../../colors' as c;\n\n// Previous and next buttons\n//\n// Visually only showing chevron left and right, anchors or buttons\n// Textual value in span hidden visually\n//\n// Markup: prev-next.twig\n//\n// Style guide: Inits.prev-next\n\n$icon: $arrow-left;\n\n%prev-next {\n  @extend %button-capsule;\n  @extend %button-replacement;\n  background-color: c.color('prev-next-bg');\n  background-image: $icon;\n  color: c.color('prev-next');\n  padding: 1.875rem;\n  position: relative; // context for pseudoelement mask change icon color\n  transform: rotateY(0deg) translateZ(0);\n  z-index: 5;\n\n  &[class*='next'] {\n    order: 2; // carousel\n    transform: rotateY(180deg) translateZ(0);\n  }\n\n  &:focus,\n  &:hover {\n    // border-color: c.color('border');\n    text-decoration: none;\n  }\n\n  span {\n    @include visually-hidden;\n  }\n\n  // change icon color with CSS mask. Without the icon is always gray\n  @supports (mask-image: url()) {\n    background-image: none;\n\n    // use pseudoelement with mask to \"change color\" of the svg icon\n    &::before {\n      background-color: c.color('prev-next');\n      border-radius: 10em;\n      content: '';\n      display: block;\n      height: 100%;\n      left: 0;\n      mask-image: $icon;\n      mask-position: 49% 50%;\n      mask-repeat: no-repeat;\n      mask-size: auto;\n      -webkit-mask-composite: source-over;\n      mask-composite: add;\n      position: absolute;\n      top: 0;\n      transition: background-color .3s ease 0s;\n      width: 100%;\n    }\n\n    &:focus,\n    &:hover {\n      &::before {\n        background-color: c.color('prev-next-hover');\n      }\n    }\n  }\n}\n","@use '../../3-forms/button/button' as *;\n@use '../../0-inits/prev-next/prev-next' as *;\n@use '../../colors' as c;\n@use '../../icons' as *;\n\n// Pager\n//\n// Links to navigate paginated search results\n//\n// Markup: pager.twig\n//\n// Style guide: Navigation.pager\n\n.load-more {\n  @extend %button-hollow;\n  @extend %button-capsule;\n  margin-left: 0;\n  margin-right: 0;\n}\n\n%first-and-last {\n  background: $chevron-down 0 0 / 100% repeat;\n  content: $nbsp;\n  display: inline-block;\n  // icon is 12 x 6, we need 2 of them, 12 x 12 px, font is 14px\n  height: 1.2em;\n  margin: 0 .5em;\n  vertical-align: middle;\n  width: .86em;\n  transform: rotateZ(90deg);\n}\n\n%pager,\n.pager {\n  display: flex;\n  flex-flow: row wrap;\n  justify-content: center;\n  align-items: center;\n\n  &-list {\n    align-items: center;\n    display: flex;\n    flex-flow: row wrap;\n    gap: .5rem;\n    justify-content: center;\n    padding: 0;\n  }\n\n  @media print {\n    display: none;\n  }\n\n  // A page item in the pager list, usually <li>\n  &-item {\n    display: inline-block;\n    font-size: calc(14rem / 16);\n    list-style-type: none;\n    background-image: none;\n\n    a {\n      // @extend %prev-next; // from B2B\n      color: c.color('pager-link');\n      font-weight: 500;\n      letter-spacing: -5%;\n      padding: .4rem .6rem;\n    }\n  }\n\n  // links\n  &-prev {\n    &::before {\n      content: $chevron-down;\n      display: inline-block;\n      transform: rotateZ(90deg) scale(.66);\n    }\n  }\n\n  &-first {\n    &::before {\n      @extend %first-and-last;\n    }\n  }\n\n  // The current page's list item (doesn't contain link)\n  &-item-current {\n    @extend %pager-item;\n    font-weight: 700;\n    padding: .2em .5em;\n    text-decoration: underline;\n    text-underline-offset: .4em;\n    text-decoration-thickness: 2px;\n  }\n\n  // links\n  &-next {\n    &::after {\n      content: $chevron-down;\n      display: inline-block;\n      transform: rotateZ(-90deg) scale(.66);\n    }\n  }\n\n  &-last {\n    &::after {\n      @extend %first-and-last;\n      transform: rotateZ(-90deg);\n    }\n  }\n}\n\n// Horizontal page break\n.pager-break {\n  align-items: center;\n  display: flex;\n  flex-flow: row nowrap;\n  flex: 1 0 100%;\n  gap: .5em;\n  grid-column: 1 / -1;\n  justify-content: space-between;\n\n  hr {\n    border: 1px solid c.color('pager-break');\n    flex: 1 0 auto;\n  }\n\n  .pager-item-current {\n    text-decoration: none;\n  }\n}\n","@use '../../icons' as *;\n@use '../../variables' as *;\n@use '../../colors' as c;\n@use '../../0-inits/visually-hidden/visually-hidden' as *;\n@use '../../0-inits/scrollbar-hide/scrollbar-hide' as *;\n@use '../navbar/navbar' as *;\n@use '../../0-inits/scroll-shadow/scroll-shadow' as *;\n@use '../../3-forms/filter-facets/filter-facets' as *;\n\n// Product categories\n//\n// List of links that lead to individual pages for product categories\n//\n// Markup: product-categories.twig\n//\n// Style guide: Navigation.product-categories\n\n// Two button-like links that open filters or categories on mobiles\n.filters-mobile {\n  align-items: center;\n  display: flex;\n  flex-flow: row wrap;\n  gap: 0 $gutter-main;\n\n  @include respond-to('l') {\n    @include visually-hidden;\n  }\n}\n\n// \"buttons\" that open different parts\n// .product-category, // not used any more, it used to be on product page\n.product-categories-open,\n.product-filters-open {\n  background: c.color('category-open') $grid2x2 no-repeat calc(100% - 1em) 50%;\n  background-size: 1em;\n  border: 1px solid c.color('category-open-border');\n  border-left: 4px solid c.color('category-open-accent');\n  border-radius: 3px;\n  display: inline-block;\n  flex: 1 0 calc(50% - $gutter-main);\n  margin: 0 0 1em;\n  padding: .8em 3em .7em 1em;\n  scroll-margin-top: 30vh;\n  scroll-snap-align: start;\n  // expands full width falls into new row if not enough space\n  // for entire text to be in one line // min-width: 12em;\n  white-space: nowrap;\n}\n\n.product-filters-open {\n  background-image: none;\n  position: relative; // context for +/- toggle\n\n  &::after {\n    content: '+';\n    display: block;\n    font-size: calc(25rem / 16);\n    position: absolute;\n    right: $filter-button-size;\n    top: 50%;\n    transform: translateY(-50%);\n    z-index: 1;\n  }\n}\n\n// parts of page that are revealed\n#product-filters {\n  max-height: 0;\n  scroll-margin-top: 20em;\n  scroll-snap-align: start;\n  transform: translateZ(0) scaleY(0);\n  transform-origin: left bottom;\n  // close slide-out\n  transition-delay: 0s, .3s;\n  transition-duration: .5s;\n  transition-timing-function: ease, cubic-bezier(0, 1, 0, 1);\n  transition-property: transform, max-height;\n  @include respond-to('l') {\n    max-height: none;\n    transform: none;\n  }\n\n  &:target {\n    animation-name: none;\n    max-height: 80em; // when all facets expanded\n    transform: translateZ(0) scaleY(1);\n    // open slide-out\n    transition-delay: .3s, 0s;\n    transition-timing-function: ease, cubic-bezier(1, 0, 1, 0);\n  }\n}\n\n#product-categories {\n  @extend %scrollbar-hide;\n  left: 0;\n  max-height: 100vh;\n  max-width: 100vw; // no horizontal overflow\n  overflow-x: visible;\n  overflow-y: scroll; // in case of too long content\n  position: absolute;\n  scroll-margin-top: 20em;\n  scroll-snap-align: start;\n  top: 0;\n  transform: translateX(-100%);\n  transition: transform .6s ease 0s;\n  width: 100%;\n  z-index: 12; // higher than header so categories go on top\n  @supports (position: fixed) {\n    position: fixed;\n  }\n  @include respond-to('l') {\n    max-height: none;\n    position: static;\n    transform: none;\n  }\n\n  // Show product categories when it's opened on mobiles\n  &:target {\n    animation-name: none;\n    // for positioning children\n    transform: translateX(0);\n  }\n}\n\n#product-categories-heading {\n  background-color: c.color('sidebar-bg');\n  box-shadow: 0 .1em .6em .1em c.color('nav-heading-shadow');\n  flex: 1 0 auto;\n  font-size: calc(30rem / 16);\n  margin: 0;\n  padding: .3em .5em;\n  text-align: left;\n  z-index: 1; // show box shadow over list\n  @supports (position: sticky) {\n    position: sticky;\n    top: 0;\n  }\n  @include respond-to('l') {\n    background-color: transparent;\n    box-shadow: none;\n    font-size: 1rem;\n    padding: .5em 0;\n  }\n}\n\n.product-categories-close {\n  background-color: c.color('categories-close');\n  font-size: $nav-button-mobile-fontsize;\n  font-weight: bold;\n  line-height: $nav-button-mobile-lineheight;\n  min-width: 1.4em;\n  padding: $nav-button-mobile-padding-v $nav-button-mobile-padding-h;\n  text-align: center;\n  transition-property: background-color, border-color;\n  @supports (position: sticky) {\n    position: sticky;\n    top: 0;\n  }\n  @include respond-to('l') {\n    @include visually-hidden;\n  }\n\n  &:focus,\n  &:hover {\n    color: c.color('categories-active');\n    text-decoration: none;\n  }\n}\n\n.product-categories {\n  display: flex;\n  flex-flow: row wrap;\n  justify-content: space-between;\n}\n\n// bilo u sidebar, sad je u filters dropdowns\n// TODO suvišno?\n.product-categories-list {\n  @extend %scroll-shadow;\n  background-color: c.color('sidebar-bg');\n  border: 1px solid c.color('sidebar-border');\n  border-radius: 3px;\n  flex: 0 0 100%;\n  margin: 0;\n  // the height of the remaining viewport after subtracting top bar height\n  // needed for the scroll and the shadows that indicate cut-off content\n  max-height: calc(100vh - 1.5 * 2.25rem + 1px);\n  // overflow is set on parent, not here, otherwise webkit shows scrollbar\n  //overflow-y: scroll;\n  padding: 0;\n  width: 100%;\n\n  li:not(:last-child) {\n    border-bottom: 1px solid c.color('sidebar-item-border');\n  }\n\n  a {\n    display: block;\n    padding: .5em 1.4em .4em;\n  }\n}\n","@use '../../variables' as *;\n@use '../../colors' as c;\n@use '../../5-components/visually-hidden/visually-hidden' as *;\n\n// Skip link\n//\n// To make the link completely hidden until a user tabs to the link, combine it\n// with the `visually-hidden` component.\n//\n// :focus - Focus styling.\n//\n// Markup: skip-link.twig\n//\n// Style guide: Navigation.skip-link\n\n%skip-link,\n.skip-link,\n.skip-to-content {\n  @extend %visually-hidden--focusable;\n  background-color: c.color('skip-link-bg');\n  color: c.color('skip-link');\n  display: block;\n  font-weight: 600;\n  letter-spacing: 1px;\n  margin: 0 0 $body-padding;\n  outline: 1px dotted c.color('skip-link-outline');\n  padding: .5em;\n  text-align: center;\n  text-decoration: none;\n  top: 0;\n\n  @media print {\n    display: none;\n  }\n}\n\n.fast-access {\n  list-style: none;\n  // center horizontally for absolute position, left then transform back\n  left: 50%;\n  margin: 0;\n  padding: 0;\n  position: absolute;\n  transform: translateX(-50%);\n  // stretch full width but must adjust for gutters to prevent horizontal leak\n  // width: calc(100% - 2*#{$gutter-main});\n  width: 100%;\n  // over the header, but below anything else that pops up\n  z-index: 35;\n\n  ul {\n    list-style: none;\n    margin: 0;\n    padding: 0;\n  }\n}\n\n","@use '../../colors' as c;\n\n// Badge\n//\n// Numbers added to various elements showing item count, for example the\n// number of new unread messages in the Notification area.\n//\n// Markup: badge.twig\n//\n// Style guide: Components.badge\n\n%add-badge {\n  padding-right: .6em;\n  position: relative; // context for badge\n}\n\n%badge,\n.badge,\n.notice-badge {\n  background-color: c.color('badge-bg');\n  border-radius: 10em;\n  bottom: 0;\n  color: c.color('badge');\n  display: block;\n  font-size: calc(10rem / 16);\n  font-weight: 700;\n  left: auto;\n  line-height: 1.2;\n  min-width: 1.1rem;\n  padding: .3em;\n  position: absolute;\n  right: -.6em;\n  text-align: center;\n}\n\n.badge {\n  &-return {\n    @extend %badge;\n    background-color: c.color('badge-return-bg');\n    color: c.color('badge-return');\n    display: inline-block;\n    font-size: .75rem;\n    font-weight: 800;\n    line-height: 1;\n    min-width: 1em;\n    padding: .5em .8em;\n    position: static;\n    z-index: 1;\n  }\n\n\n  &-return-none {\n    @extend .badge-return;\n    background-color: c.color('badge-return-none-bg');\n  }\n}\n","@use '../../colors' as c;\n@use '../../0-inits/visually-hidden/visually-hidden' as *;\n@use '../../icons' as *;\n@use '../../4-navigation/navbar/navbar' as *;\n@use '../../5-components/badge/badge' as badge;\n@use '../../variables' as *;\n\n// User menu\n//\n// Login, My account links\n//\n// Markup: user-menu.twig\n//\n// Style guide: navigation.user-menu\n\n.user-menu {\n  overflow: visible; // badge\n\n  &-list {\n    @extend %navbar-list;\n    justify-content: end;\n  }\n\n  [class^='link-'] {\n    @extend %navbar-link;\n    text-align: right; // override navbar\n  }\n}\n\n.link-login { background-image: $login; }\n.link-logout { background-image: $logout; }\n.link-cart { background-image: $bag; }\n.link-contact { background-image: $envelope; }\n.link-wishlist { background-image: $heart; }\n// .link-login::after { content: $login; }\n// .link-logout::after { content: $logout; }\n// .link-cart::after { content: $bag; }\n// .link-myaccount::after { content: $user; }\n// .link-wishlist::before { content: $heart ' '; }\n// .link-contact::after { content: $envelope; }\n\n.user-menu .link {\n  &-login,\n  &-logout,\n  &-cart,\n  &-contact,\n  &-wishlist {\n    background-position: right center;\n    background-size: 1.4em;\n    background-repeat: no-repeat;\n    margin-right: .7em; // badge\n    padding-right: 1.7em;\n  }\n}\n\n.user-menu .link-cart {\n  @extend %add-badge;\n}\n\n// use responsive hiding behind hamburger button\n#user-nav {\n  @include responsive-menu;\n  text-align: right;\n  transform: translateX(100%);\n\n  @include respond-to('s') {\n    overflow: visible;\n\n    .link-cart {\n      left: -2.8em;\n      min-height: 2em;\n      padding-left: 0;\n      position: absolute;\n      top: 5.6em;\n\n      .cart-text {\n        @include visually-hidden;\n      }\n    }\n  }\n\n  @include respond-to('l') {\n    background-color: transparent;\n    transform: none;\n  }\n}\n\n// override hambuger bg for the button that opens user menu\n#user-nav-open {\n  @extend %hamburger-bg-user;\n  // space for košarica\n  margin-right: 1.8em;\n}\n","@use 'sass:color';\n@use '../../variables' as *;\n@use '../../colors' as c;\n\n// Banner ads\n//\n// Left, center, and right-positioned ad text over image background\n// It assumes the image will be vertically higher than text content.\n// Used in components: ad-center, ad-left, ad-right.\n//\n//\n// Style guide: 0-inits.banner-ads\n\n// No more gradient bg!\n// The min and max width that control banner content and set the\n// corresponding gradient that ensures readibility over photos\n// This affects the left orientated banner ad, right-orientated,\n// and centered\n$max-content-width: calc(100% - calc($content-gutter + $gutter-main));\n$content-width: clamp(27em, 50%, $max-content-width);\n$gradient-trailing: 30%;\n\n// incorporated into base pseudoclass, no need to apply to children separately\n%banner-ad-content-base {\n  align-self: end;\n  grid-area: banner;\n  line-height: 1.2;\n  padding: .1em $content-gutter;\n  text-align: center;\n  z-index: 2;\n\n  h2 {\n    font-size: calc(28rem / 16);\n    font-weight: 700;\n    text-align: center;\n  }\n\n  p {\n    font-size: calc(16rem / 16);\n    font-weight: 300;\n  }\n}\n\n// only for banner ads with left–center–right layouts\n%banner-ad-content {\n  width: $content-width;\n}\n\n%banner-ad-base {\n  // border: 1px solid color.scale(c.color('banner-border'), $alpha: -100%);\n  color: c.color('category');\n  display: grid;\n  grid-template-areas: 'banner';\n  margin: 0;\n  place-items: center center;\n  text-align: center;\n  // text-shadow: 0 .2em .2em rgba(0 0 0 / 30%);\n  transition: border-color .3s ease 0s;\n\n  & > img {\n    display: block;\n    grid-area: banner;\n    // if img is vertically short stretch so the gradient behind content\n    // isn't taller than img\n    min-height: 100%;\n    min-width: 100%; // so it fills horizontally if too small\n    object-fit: cover;\n    position: relative;\n    z-index: 0;\n  }\n\n  & > [class*='content'] {\n    @extend %banner-ad-content-base;\n  }\n\n  &:focus,\n  &:hover {\n    // border-color: c.color('banner-border');\n    text-decoration: none;\n  }\n}\n\n%banner-ad {\n  @extend %banner-ad-base;\n  position: relative; // context for gradient over img\n  // text-shadow: 0 .1em .1em rgba(255 255 255 / 25%);\n\n  // & > [class*='content'] {\n  //   // @extend %banner-ad-content;\n  // }\n\n  h2 {\n    font-size: calc(30rem / 16);\n    margin-top: calc(#{$base-line-height} * 1rem);\n    @include respond-to('l') {\n      font-size: calc(33rem / 16);\n    }\n  }\n\n  // &::after {\n  //   background-image: linear-gradient(90deg,\n  //     color.adjust(c.color('banner-gradient-light'), $alpha: -1) 0,\n  //     color.adjust(c.color('banner-gradient-light'), $alpha: -1) calc(((100% - $content-width) / 2) - $gradient-trailing),\n  //     color.adjust(c.color('banner-gradient-light'), $alpha: -.2) calc((100% - $content-width) / 2),\n  //     color.adjust(c.color('banner-gradient-light'), $alpha: -.2) calc(((100% - $content-width) / 2) + $content-width),\n  //     color.adjust(c.color('banner-gradient-light'), $alpha: -1) calc(((100% - $content-width) / 2) + $content-width + $gradient-trailing));\n  //   background-repeat: no-repeat;\n  //   border-radius: 4px;\n  //   content: '';\n  //   display: block;\n  //   height: 100%;\n  //   position: absolute;\n  //   width: 100%;\n  //   z-index: 1;\n  // }\n\n  h2 + p {\n    margin-top: 0;\n  }\n}\n\n%banner-ad-left {\n  justify-items: flex-start;\n  text-align: left;\n\n  // &::after {\n  //   background-image: linear-gradient(90deg,\n  //     color.adjust(c.color('banner-gradient-light'), $alpha: -.2) $content-width,\n  //     color.adjust(c.color('banner-gradient-light'), $alpha: -1) calc($content-width + $gradient-trailing));\n  // }\n\n  .ad-content,\n  .ad-content h2 {\n    text-align: left;\n  }\n}\n\n%banner-ad-right {\n  justify-items: flex-end;\n  text-align: right;\n\n  // &::after {\n  //   background-image: linear-gradient(-90deg,\n  //     color.adjust(c.color('banner-gradient-light'), $alpha: -.2) $content-width,\n  //     color.adjust(c.color('banner-gradient-light'), $alpha: -1) calc($content-width + $gradient-trailing));\n  // }\n\n  .ad-content,\n  .ad-content h2 {\n    text-align: right;\n  }\n}\n","@use '../../0-inits/shoe-circle/shoe-circle' as *;\n@use '../../variables' as *;\n@use '../../colors' as c;\n\n// Ad text with icon\n//\n// Whole area link with shoe icon `<a>`, or Paragraphs with shoe icon and\n// regular anchors within text `<div>` or other container with anchors inside.\n//\n// :focus - focused state. keyboard\n// :focus-visible - focused state, only keyboard\n// :hover - hovered state\n//\n// Markup: ad-text.twig\n//\n// Style guide: Components.ad-text\n\n[class^='ad-text'] {\n  @include shoe-circle($position: left, $spacing: 1em);\n  background-color: c.color('ad-text-bg');\n  border: 1px solid c.color('ad-text-border');\n  border-radius: 5px;\n  display: block;\n  margin: 1rem 0;\n  padding-bottom: 1em;\n  padding-right: 1em;\n  padding-top: 1em;\n  width: 100%;\n\n  p {\n    line-height: 1.3;\n    margin: .5em 0;\n  }\n}\n\n@each $color in $ivancica-color-cycle {\n  .ad-text-#{'' + $color} {\n    @include shoe-circle($position: left, $spacing: 1em, $bg: c.color('#{$color}'));\n    border-color: c.color('#{$color}');\n\n    [href] {\n      color: c.color('#{$color}');\n    }\n  }\n}\n","@use 'sass:color';\n@use '../../icons' as *;\n@use '../../colors' as c;\n\n// Shoe icon in circle\n//\n// Different colors and sizes, position either left or top.\n//\n// Position on top is with more white space around shoe icon anticipating\n// larger size to look good\n//\n// Markup: shoe-circle.twig\n//\n// Style guide: Inits.shoe-circle\n\n@mixin shoe-circle($bg: c.color('ad-text-icon'), $size: 3em, $position: left, $spacing: 1em) {\n  // white-space around icon, spacing icon from its surroundings, it doesn't\n  // depend on the icon size. 1em for left, 2em for top\n  background-repeat: no-repeat;\n  background-size: calc(1.3 * $size / 2) auto, 100% 100%;\n  @if $position == left {\n    background-image:\n      $shoe,\n      radial-gradient(circle at calc($size / 2 + $spacing) 50%, $bg, $bg calc($size / 2 - 1px), color.adjust(c.color('ad-text-icon'), $alpha: -1) calc($size / 2));\n    background-position: calc($size * .18 + $spacing) calc(50% + .02 * $size), 0 0;\n    padding-left: $size + 2 * $spacing;\n  } @else if $position == top {\n    background-image:\n      $shoe,\n      radial-gradient(circle at 50% calc($size / 2 + $spacing), $bg, $bg calc($size / 2 - 1px), color.adjust(c.color('ad-text-icon'), $alpha: -1) calc($size / 2));\n    background-position: calc(50% + .02 * $size) calc($size * .3 + $spacing), 0 0;\n    padding-top: $size + 2 * $spacing - 1em;\n  } @else {\n    @error 'Unknown position #{$position}. Available values are left and top.';\n  }\n}\n","@use '../../icons' as *;\n@use '../../variables' as *;\n\n// Address CTA\n//\n// List with special email and phone links and dedicated icons\n//\n// Markup: address-cta.twig\n//\n// Style guide: components.address-cta\n\n.address-cta {\n  list-style: none;\n  padding: 0;\n\n  [href^='tel'],\n  [href^='mailto'] {\n    background: transparent $phone $gutter-main 50%/1.2em auto no-repeat;\n    border: 0;\n    padding: .2em $gutter-main .2em calc(2em + $gutter-main);\n  }\n\n  [href^='mailto'] {\n    background-image: $envelope;\n  }\n}\n","@use '../../variables' as *;\n\n// Full width\n//\n// Pseudoelement that extends outside of its container of fixed-width\n// Used to apply backgrounds that go from edge to edge of screen.\n// Depends on scrollbar width being set\n//\n//\n//\n// Style guide: sass.init.mixins.full-width\n\n%full-width-bg {\n  position: relative; // context for pseudo\n\n  &::before {\n    content: '';\n    display: block;\n    height: 100%;\n    left: 50%;\n    padding: 0;\n    position: absolute;\n    right: 50%;\n    top: 0;\n    margin: 0 calc($scroll-height - 50vw) 0 -50vw;\n    z-index: -1;\n  }\n}\n","@use '../../0-inits/albatross/albatross' as *;\n@use '../../0-inits/circles/circles' as *;\n@use '../../0-inits/full-width-bg/full-width-bg' as *;\n\n// Brand Froddo\n//\n// Section with text and photo with froddo branded bg circles\n//\n// Markup: brand-froddo.twig\n//\n// Style guide: components.brand-froddo\n\n.brand-froddo {\n  @extend %albatross-parent;\n  @extend %full-width-bg;\n  align-items: center;\n  margin: 0;\n  padding-bottom: 4rem;\n  padding-top: 4rem;\n\n  &::before {\n    @extend %circles-big2;\n  }\n\n  h2 {\n    font-weight: 800;\n  }\n\n  .banner-img,\n  .brand-content {\n    @include albatross-child($min-width: 20em, $collapse-point: 20em, $grow: 1);\n  }\n\n  .banner-img {\n    order: 1;\n  }\n}\n\n.section-subtitle {\n  font-size: calc(18rem / 16);\n  font-weight: 300;\n  line-height: 1.2;\n  margin-top: 0;\n}\n","@use '../../variables' as *;\n@use '../../0-inits/scrollbar/scrollbar' as *;\n@use '../../0-inits/scrollbar-hide/scrollbar-hide' as *;\n@use '../../0-inits/prev-next/prev-next' as *;\n\n// Carousel with Buttons\n//\n// Slides with Next and Previous buttons\n//\n// Markup: carousel-buttons.twig\n//\n// Style guide: Components.carousel-buttons\n\n%carousel-buttons,\n.carousel-wrapper {\n  display: flex;\n  flex-flow: row nowrap;\n  gap: $product-spacing;\n  justify-content: space-between;\n  align-items: center;\n  position: relative; // context for buttons in -out\n  width: 100%;\n}\n\n.carousel-scroll-area {\n  @extend %scrollbar-content;\n  @extend %scrollbar-hide;\n  align-items: flex-end;\n  display: flex;\n  flex-flow: row nowrap;\n  gap: $product-spacing;\n  justify-content: flex-start;\n  max-width: 100%;\n  order: 1;\n  overflow-x: scroll;\n  scroll-behavior: smooth;\n  scroll-snap-type: x mandatory;\n  -webkit-overflow-scrolling: touch;\n\n  // it could be figure, div\n  & > figure,\n  & > div,\n  & > a,\n  & > img,\n  & > article {\n    flex: 1 0 clamp(4em, min(50%, 7em), 15vw);\n    margin: 0 0 $product-spacing;\n    scroll-snap-align: start;\n    scroll-snap-stop: always;\n    text-align: center;\n  }\n\n  img {\n    width: 100%;\n  }\n}\n\n[class^='carousel-button'] {\n  @extend %prev-next;\n}\n","@use '../../variables' as *;\n\n// Carousel with Buttons out of flow\n//\n// Slides with Next and Previous buttons that are positioned over\n// the content and margins\n//\n// Same as the carousel-buttons only the buttons are out of flow\n// and the slide size is bigger\n//\n// Markup: carousel-buttons-out.twig\n//\n// Style guide: Components.carousel-buttons-out\n\n%carousel-buttons-out {\n  display: block;\n\n  [class^='carousel-button'] {\n    left: -($product-spacing);\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%) translateZ(0);\n    z-index: 5;\n  }\n\n  .carousel-scroll-area {\n    align-items: stretch;\n    padding-top: 3px; // hover card transform\n\n    & > article {\n      flex: 1 0 $product-card-width;\n      // prevent cards from being too stretched when too few cards\n      max-width: 20em;\n    }\n\n    & > .card-small {\n      flex: 1 0 8em;\n      max-width: 15em;\n    }\n  }\n\n  [class*='next'] {\n    left: auto;\n    right: -($product-spacing);\n    transform: translateY(-50%) translateZ(0) rotateY(180deg);\n  }\n}\n\n.product-relateds,\n.products-recent {\n  h2 {\n    text-align: left;\n  }\n\n  .carousel-wrapper {\n    @extend %carousel-buttons-out;\n  }\n}\n","@use '../../colors' as c;\n@use '../../0-inits/visually-hidden/visually-hidden' as *;\n\n// Chat bubble\n//\n// Button that activates chat, through `<button type=\"button\">` and styled\n// with inline SVG so the icon color can be changed with CSS. Positioned with\n// respect to viewport.\n//\n// :focus - focused state\n// :hover - hovered state\n//\n// Markup: chat-bubble.twig\n//\n// Style guide: components.chat-bubble\n\n%talk-bubble,\n#chat-bubble {\n  align-self: flex-end; // because direct child of flex body, don't stretch\n  background-color: transparent; // override and prevent artifacts\n  border-radius: 10em;\n  color: c.color('chat');\n  display: block;\n  font-weight: 800;\n  margin: 1rem;\n  min-width: 0;\n  padding: 1.4rem;\n  // position: relative; // context for pseudo\n  position: fixed;\n  top: calc(100vh - 7rem);\n  right: 1rem;\n  // more than product sizes labels, high because of .measurements strategy\n  // footer must higher\n  z-index: 32;\n\n  span {\n    @include visually-hidden;\n  }\n\n  &::after {\n    background-color: c.color('chat-bg');\n    border-radius: 10em;\n    content: '';\n    display: block;\n    height: 100%;\n    left: 0;\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%) translateZ(0) scale(1);\n    transform-origin: 50% 50%;\n    transition: transform .3s ease 0s;\n    transition-property: transform, background-color;\n    width: 100%;\n    z-index: -1;\n  }\n\n  &:focus,\n  &:hover {\n    background-color: transparent; // override\n\n    &::after {\n      background-color: c.color('chat-bg-hover');\n      transform: translateY(-50%) translateZ(0) scale(1.2);\n    }\n\n    .talk-bubble {\n      fill: c.color('chat-icon-hover');\n    }\n  }\n}\n\n.talk-bubble {\n  fill: c.color('chat-icon');\n  transition: fill .3s ease 0s;\n}\n","@use '../../colors' as c;\n@use '../../variables' as *;\n\n// Client brands\n//\n// Logos of different brands. Currently PNGs, SVG recommended, not color-treated\n//\n// Markup: client-brands.twig\n//\n// Style guide: components.client-brands\n\n.client-brands {\n  display: flex;\n  flex-flow: row wrap;\n  justify-content: center;\n  list-style: none;\n  // margin-top: 0;\n  padding-bottom: $vertical-spacing;\n  padding-top: $vertical-spacing;\n\n  li {\n    border-bottom: 1px solid c.color('client-brands-border');\n    border-top:    1px solid c.color('client-brands-border');\n    margin: 0 0 1rem; // so borders separate if second row\n    padding: 3rem 2rem;\n  }\n}\n\n// .brand-froddo + .client-brands {\n//   background-color: c.color('client-brands-bg');\n//   margin-bottom: $vertical-spacing;\n// }\n","@use '../../colors' as c;\n// @use '../../6-pages/profile/profile' as *;\n\n// Club card\n//\n// Area showing club card info and ISBN image\n//\n// Markup: club-card.twig\n//\n// Style guide: components.club-card\n\n.club-card {\n  // @extend %columns-with-rule;\n\n  ul {\n    break-inside: avoid;\n    list-style: none;\n    padding: 0;\n  }\n\n  a {\n    color: inherit;\n    display: inline-block;\n    font-size: calc(14rem / 16);\n    font-weight: 400;\n    margin: 0 0 .5rem;\n    text-decoration: underline 15%;\n    text-underline-offset: 35%;\n  }\n\n  figure {\n    break-inside: avoid;\n    display: flex;\n    flex-flow: column nowrap;\n    position: relative; // context for figcaption\n\n    img {\n      border: 1px solid c.color('profile-border');\n      display: block;\n      min-height: 10em;\n      padding: 1rem;\n    }\n  }\n\n  figcaption {\n    font-style: normal;\n    font-weight: 600;\n    order: -1;\n    text-transform: uppercase;\n  }\n}\n","@use '../../colors' as c;\n@use '../../icons' as *;\n@use '../../0-inits/visually-hidden/visually-hidden' as *;\n\n// Club card info\n//\n// List with club card number and points\n//\n// Markup: club-card-info.twig\n//\n// Style guide: components.club-card-info\n\n// $card-width: 204px;\n$card-width: 12.75em;\n\n.club-card-info {\n  align-items: start;\n  background: $froddo-card 0 0 /#{$card-width} auto no-repeat;\n  break-inside: avoid;\n  display: grid;\n  font-size: calc(16rem / 16);\n  gap: .6em 2vw;\n  grid-auto-flow: column;\n  grid-template-areas: \".      points\"\n                       \"number ostalo\"\n                       \"ime    ostalo\";\n  grid-template-columns: $card-width 1fr;\n  grid-template-rows: calc($card-width / 3.4) 1.6em auto;\n  margin: 2rem 0;\n  min-height: 8.7em;\n\n  dl {\n    display: contents;\n  }\n\n  .club-nr-label,\n  .customer-name-label,\n  .club-points-label {\n    @include visually-hidden;\n  }\n\n  // .club-nr       { grid-area: 2 / 1 / 3 / 2;  }\n  // .customer-name { grid-area: 3 / 1 / 4 / 2;  }\n  // .club-points   { grid-area: 1 / 2 / 2 / 3;  }\n\n  $spacing-chip: 1em;\n\n  .club-nr,\n  .customer-name {\n    color: c.color('club-card');\n    margin: 0;\n    padding: 0 0 0 $spacing-chip;\n  }\n\n  .club-nr {\n    grid-area: number;\n    letter-spacing: .26em;\n  }\n\n  .customer-name {\n    align-self: start;\n    font-size: calc(11rem / 16);\n    grid-area: ime;\n    line-height: 1;\n    padding-left: calc($spacing-chip * 16 / 10);\n  }\n\n  .club-points {\n    font-size: calc(18rem / 16);\n    font-weight: 500;\n    grid-area: points;\n    line-height: 1.1;\n    margin: 0;\n  }\n\n  .club-links {\n    grid-area: ostalo;\n    margin: 0;\n    padding: 0;\n  }\n\n}\n","@use '../../colors' as c;\n\n// Connect box\n//\n// Login box for Google, Facebook etc\n//\n//\n// Markup: connect-box.twig\n//\n// Style guide: Components.connect-box\n\n.connect-box {\n  border: 1px solid c.color('socials-user-border');\n  display: inline-block;\n  margin-right: 1rem;\n  position: relative;\n  vertical-align: middle;\n  transition: background-color .3s ease 0s;\n\n  &:hover {\n    background-color: c.color('socials-user-hover');\n  }\n}\n\n.connect-box_active .connect-box__button {\n  padding-right: 40px;\n  z-index: 5;\n}\n\n.connect-box__status-box {\n  display: none;\n  height: 16px;\n  padding: 0;\n  position: absolute;\n  right: 16px;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 16px;\n  z-index: 10;\n}\n\n.connect-box__disconnect {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  margin: auto;\n}\n\n.connect-box__checkbox {\n  display: none;\n}\n\n.connect-box__button {\n  position: relative;\n  z-index: 10;\n  align-items: center;\n  display: flex;\n  height: 34px;\n  padding: 0 16px 0 40px;\n  color: #3c3c3c;\n  cursor: pointer;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n  display: block;\n  line-height: 34px;\n}\n\n.connect-box__button:hover {\n  text-decoration: none\n}\n\n.connect-box__button:after {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 16px;\n  margin: auto;\n  content: \"\";\n}\n\n.connect-box__button_active {\n  padding-right: 16px;\n}\n\n.connect-box__button_active.connect-box__button_facebook:after {\n  background: url('../icons/fb-icon.svg') center no-repeat;\n}\n\n.connect-box__button_active.connect-box__button_google:after {\n  background: url('../icons/google-icon.svg') center no-repeat;\n}\n\n.connect-box__button_facebook:after {\n  width: 16px;\n  height: 16px;\n  background: url('../icons/fb-icon-grey.svg') center no-repeat;\n}\n\n.connect-box__button_google:after {\n  width: 16px;\n  height: 16px;\n  background: url('../icons/google-icon-grey.svg') center no-repeat;\n}\n","@use '../../colors' as c;\n@use '../../icons' as *;\n\n// Don't miss\n//\n// Timer icon with some CTA text\n//\n// Markup: dont-miss.twig\n//\n// Style guide: Components.dont-miss\n\n$icon-width: 1.6em;\n\n%dont-miss,\n.dont-miss {\n  background: $timer left center / auto $icon-width no-repeat;\n  color: c.color('dont-miss');\n  font-size: calc(14rem / 16);\n  font-style: italic;\n  font-weight: 500;\n  line-height: 2;\n  padding-left: calc($icon-width + 1em);\n  white-space: nowrap;\n}\n","// Dependencies.\n@use '../visually-hidden/visually-hidden' as *;\n@use '../../colors' as c;\n@use '../../variables' as *;\n@use '../../0-inits/scrollbar-hide/scrollbar-hide' as *;\n\n// Fly out\n//\n// Max-height change transition for large heights adjusted cubic-bezier\n//\n// Markup: fly-out.twig\n//\n// Style guide: 0-inits.fly-out\n\n%fly-out-content-initial {\n  max-height: 0;\n  overflow: hidden;\n  transform: translateZ(0) scaleY(0);\n  transform-origin: 0 0;\n  // close slide-out\n  transition-delay: .9s, .3s;\n  // transition-delay: 0s;\n  // if .3s then SVG encoded icons blurred when animated\n  transition-duration: .4s;\n  transition-timing-function: ease, cubic-bezier(0, 1, 0, 1);\n  transition-property: transform, max-height;\n}\n\n%fly-out-content-open {\n  @extend %scrollbar-hide;\n  max-height: 70em;\n  overflow: scroll;\n  transform: translateZ(0) scaleY(1);\n  // open slide-out\n  transition-delay: .2s, 0s;\n  // transition-delay: 0s;\n  transition-timing-function: ease, cubic-bezier(1, 0, 1, 0);\n}\n\n// [type='checkbox'],\n%fly-out-toggle-input {\n  @include visually-hidden;\n\n  & + label {\n    position: relative; // context for +/- toggle\n\n    // plus sign to show toggle state\n    &::after {\n      color: c.color('invite-toggle');\n      content: '+';\n      display: block;\n      font-size: calc(25rem / 16);\n      position: absolute;\n      right: $gutter-main;\n      top: 50%;\n      transform: translateY(-50%);\n      z-index: 1;\n    }\n  }\n\n  &:checked {\n    & + label {\n      &::after {\n        content: '–';\n      }\n\n      // don't change any other spacing otherwise there are instant weird\n      // shifts when animation starts\n      & + %fly-out-content-initial {\n        @extend %fly-out-content-open;\n      }\n    }\n  }\n}\n","@use '../../icons' as *;\n@use '../../variables' as *;\n@use '../../colors' as c;\n@use '../../0-inits/visually-hidden/visually-hidden' as *;\n@use '../../0-inits/fly-out/fly-out' as *;\n@use '../alerts/alerts';\n@use '../../0-inits/dl-horizontal/dl-horizontal' as *;\n@use '../../3-forms/button/button' as *;\n@use '../../5-components/item-remove/item-remove' as *;\n\n// Details–Summary\n//\n// Detailes that are hidden except for Summary that toggle-opens Details\n//\n// Markup: details-summary.twig\n//\n// Style guide: Components.details-summary\n\n// Allow for viewport width to control the spacing, but limit it with em\n// units so it doesn't grow too much on desktop, all without media queries\n$spacing-min: 0.1em;\n$spacing-max: 0.8em;\n// Allow for horizontal box padding to be larger on desktop\n$spacing-horizontal: $gutter-main;\n$spacing: clamp(#{$spacing-min}, #{$spacing-horizontal}, #{$spacing-max});\n\n// Box padding amount, need to apply negative margin to summary so it goes\n// to the edges with bg color\n$spacing-details-horiz: $spacing-horizontal;\n\n%details-summary,\ndetails {\n  @extend %fly-out-content-initial;\n  max-height: 6em; // override\n  transform: translateZ(0) scaleY(1);\n  padding: 1rem 0;\n\n  &:not(:only-of-type) {\n    border-bottom: 1px solid c.color('details-border');\n  }\n\n  summary,\n  h3 {\n    font-size: calc(18rem / 16);\n    font-weight: 600;\n    margin: 0;\n    text-transform: uppercase;\n  }\n\n  summary {\n    $size: 1.5rem;\n\n    align-items: center;\n    cursor: pointer;\n    display: flex;\n    flex-flow: row nowrap;\n    gap: $spacing;\n    line-height: 1.3;\n    padding: 0;\n\n    &::after {\n      background: $x-light center/1.4rem auto no-repeat c.color('summary-bg');\n      border-radius: 10em;\n      content: ' ';\n      display: inline-table; // Safari fix\n      font-size: inherit;\n      height: 0;\n      margin: 0 0 0 auto;\n      min-width: auto;\n      padding: $size 0 0;\n      transform: translateZ(0) rotateZ(-180deg);\n      transform-origin: center;\n      transition: transform 0.3s ease 0s;\n      transition-property: transform;\n      width: $size;\n    }\n  }\n\n  &[open] {\n    @extend %fly-out-content-open;\n\n    summary {\n      &::after {\n        transform: translateZ(0) rotateZ(0deg);\n      }\n    }\n  }\n}\n\n%details-summaryOld {\n  background-color: c.color('details');\n  border: 1px solid c.color('border');\n  border-radius: 0;\n  margin: 0;\n  // height of summary\n  max-height: clamp((1.1em + 2.2rem), (4vw + 0.9em + 2.2rem), (2.5em + 2.2rem));\n  overflow-y: visible;\n  padding: 0 $spacing-details-horiz;\n  transition: max-height 0.3s ease 0s;\n  transition-timing-function: ease, cubic-bezier(0, 1, 0, 1);\n\n  &:first-of-type {\n    border-top-left-radius: 5px;\n    border-top-right-radius: 5px;\n  }\n\n  &:last-of-type {\n    border-bottom-left-radius: 5px;\n    border-bottom-right-radius: 5px;\n  }\n\n  summary {\n    align-items: center;\n    cursor: pointer;\n    display: flex;\n    flex-flow: row nowrap;\n    font-size: calc(20rem / 16);\n    font-weight: 600;\n    gap: $spacing;\n    margin: 0 -#{$spacing-details-horiz};\n    padding: $spacing;\n\n    // show Edit button in Summary if attribute present in HTML\n    &::after {\n      background: transparent $chevron-down-light 52% 56%/0.8rem auto no-repeat;\n      border: 1px solid c.color('summary-icon-border');\n      border-radius: 10em;\n      box-shadow: 0 2px 4px rgba(0 0 0 / 10%);\n      content: '';\n      display: inline-table; // Safari fix\n      font-size: inherit;\n      height: 0;\n      margin: 0 0 0 auto;\n      min-width: auto;\n      padding: 2rem 0 0;\n      transform: translateZ(0) rotateX(0deg);\n      transform-origin: center;\n      transition: transform 0.3s ease 0s;\n      transition-property: transform, background-color, border-color;\n      width: 2rem;\n    }\n  }\n\n  &[open] {\n    border-left: 3px solid c.color('details-accent');\n    max-height: 100em; // normally 70em but with all fields error messages\n\n    summary {\n      color: c.color('details-accent');\n\n      &::after {\n        background-color: c.color('details-accent');\n        background-image: $chevron-down;\n        border-color: c.color('details-accent');\n        box-shadow: 0 -2px 4px rgba(0 0 0 / 10%);\n        transform: translateZ(0) rotateX(-180deg);\n      }\n    }\n  }\n}\n\n.collection-schedule {\n  @extend %dl-infinite;\n  margin: 0 0 2rem;\n\n  caption {\n    @include visually-hidden;\n  }\n}\n\n.delivery-address {\n  @extend %details-summaryOld;\n  border-radius: 5px;\n  margin: 7px $gutter-main;\n  max-height: clamp((1.1em + 1.5rem), (4vw + 0.9em + 1.5rem), (2.5em + 1.5rem));\n\n  summary {\n    font-size: inherit;\n\n    // show Edit button in Summary if attribute present in HTML\n    &[data-translation] {\n      &::after {\n        @extend %button;\n        background-image: none;\n        border-radius: 5px;\n        box-shadow: none;\n        content: attr(data-translation);\n        display: inline-table; // Safari fix\n        font-size: inherit;\n        margin: 0 0 0 auto;\n        min-width: auto;\n        padding: 0.5em 1em 0.4em;\n        transform: none;\n        transition: none;\n      }\n    }\n  }\n\n  &[open] {\n    border: 1px solid c.color('border');\n\n    summary {\n      background-color: c.color('summary-open-delivery');\n      color: inherit;\n    }\n  }\n}\n","@use '../../icons' as *;\n@use '../../variables' as *;\n@use '../../0-inits/circles/circles' as *;\n\n// Discount 1+1\n//\n// Box with a link for the 1+1 discount\n//\n// Markup: discount-1plus1.twig\n//\n// Style guide: components.discount-1plus1\n\n.discount-1plus1 {\n  @extend %circles-mid-Rem2;\n  font-size: calc(14rem / 16);\n  font-weight: 500;\n  line-height: 1.3;\n  padding: 3rem $gutter-main;\n\n  &::before {\n    content: $starChecks;\n    display: block;\n    margin: 0 0 .5rem;\n  }\n\n  a {\n    display: block;\n    text-decoration: underline 15%;\n    text-underline-offset: 35%;\n  }\n}\n\n.discount-cta {\n  font-size: calc(28rem / 16);\n  font-weight: 700;\n  margin: 0 0 .5rem;\n  // max-width: 11em;\n}\n","@use '../../colors' as c;\n@use '../../0-inits/promo-box/promo-box' as *;\n@use '../../icons' as *;\n\n// Double points\n//\n// Simple box notifying about double points\n//\n// Markup: double-points.twig\n//\n// Style guide: components.double-points\n\n%double-points,\n.double-points {\n  @include promo-box($color: c.color('double-points'), $icon: $double-check, $page-respond: 'category-collapse-point');\n}\n","@use '../../colors' as c;\n@use '../../0-inits/responsive-font/responsive-font' as *;\n@use '../../variables' as *;\n@use '../../0-inits/circles/circles' as *;\n\n// Promo box\n//\n// Base mixin for dark-background with circles, some promo text, and an icon\n//\n// Markup: promo-box.twig\n//\n// Style guide: sass.init.mixins.promo-box\n\n@mixin promo-box($color: c.color('promo-box'), $bg: dark, $icon: $box-dark, $box-size: 6rem, $page-respond: 'category-collapse-point') {\n  @if $bg == dark {\n    @extend %circles-dark-big;\n    color: $color;\n    font-weight: 400;\n    gap: 0;\n  } @else if $bg == light {\n    @extend %circles-mid-Rem;\n    color: inherit;\n    font-weight: 700;\n    gap: clamp(0px, .4em, 1rem);\n    line-height: 1.1;\n    text-align: right;\n    text-transform: uppercase;\n  } @else {\n    @warn 'Unknown value for #{$bg}, should be dark or light';\n  }\n\n  @include responsive-font($breakpoint-low-px: 320px, $breakpoint-high-px: 888px, $font-size-low: calc(19rem / 16), $font-size-high: 4rem);\n  align-items: end;\n  display: flex;\n  flex-flow: column nowrap;\n  justify-content: end;\n  line-height: 1.4;\n  margin: 0; // to go to grid edges\n  padding: 4rem 10% 2rem;\n  text-indent: -6em;\n\n  $box-responsive: clamp(2rem, -.25rem + 11vw, $box-size);\n\n  &::before {\n    @include responsive-font($breakpoint-low-px: 320px, $breakpoint-high-px: 888px, $font-size-low: 2rem, $font-size-high: 6rem);\n    background: $icon 50%/$box-responsive auto no-repeat;\n    content: '';\n    display: block;\n    height: $box-responsive;\n    width: $box-responsive;\n  }\n\n  span {\n    @include responsive-font($breakpoint-low-px: 320px, $breakpoint-high-px: 888px, $font-size-low: 1rem, $font-size-high: 3rem);\n    display: block;\n    margin-bottom: .5rem;\n    text-indent: 0;\n    text-transform: none;\n  }\n\n  p {\n    display: block;\n    font-size: calc(16rem / 16);\n    font-weight: 300;\n    margin: 0;\n    text-align: right;\n    text-transform: none;\n  }\n\n  // make text grow within limits when 2-column layout\n  @include respond-to($page-respond) {\n    font-size: calc(28rem / 16);\n\n    // &::before {\n    //   background-size: 1em auto;\n    //   height: 1em;\n    //   width: 1em;\n    // }\n\n    span {\n      font-size: 1.4rem;\n    }\n  }\n}\n","@use 'sass:math';\n\n// Responsive font size\n//\n// Calculation that makes the font size grow linearly with the viewport size\n// but stops shrinking at a certain point, and stops growing at another\n// point. The points are calculated with regards to rem units.\n//\n// Because it depends on viewport width be careful when applying it to an\n// element that is in a column layout, because the font will not depend on its\n// parent width, but the entire viewport width.\n//\n// <pre><code>slope = (maxFontSize - minFontSize) / (maxWidth - minWidth)</code>\n// <code>y-axis-intersection = -minWidth * slope + minFontSize</code>\n// <code>preferredValue = y-axis-intersection[rem] + (slope * 100)[vw]</code></pre>\n//\n// Explained in [article](https://css-tricks.com/linearly-scale-font-size-with-css-clamp-based-on-the-viewport/), article contains the calculator.\n//\n// $breakpoint-low-px - 320px;\n// $breakpoint-high-px - 888px;\n// $font-size-low - 1.4rem; // constant below $breakpoint-low\n// $font-size-high - 2.4rem; // constant above $breakpoint-high\n//\n// Style guide: Inits.responsive-font\n\n// Variables\n\n$breakpoint-low-px:  320px;\n$breakpoint-high-px: 888px;\n\n$font-size-low:  1.4rem; // constant below $breakpoint-low\n$font-size-high: 2.4rem; // constant above $breakpoint-high\n\n// Calculation\n\n// Pixels converted to rems with 1rem = 16px\n$breakpoint-low: calc($breakpoint-low-px * 1rem / 16px);\n$breakpoint-high: calc($breakpoint-high-px * 1rem / 16px);\n\n$slope: math.div(($font-size-high - $font-size-low), ($breakpoint-high - $breakpoint-low));\n$y-axis-intersection: $font-size-low - $slope * $breakpoint-low;\n\n$mid-scale: calc($y-axis-intersection + (100vw * $slope));\n\n// @debug $breakpoint-low;\n// @debug $slope;\n// @debug $y-axis-intersection;\n// @debug $mid-scale;\n\n%responsive-font {\n  font-size: clamp($font-size-low, $mid-scale, $font-size-high);\n}\n\n// All in one mixin\n@mixin responsive-font($breakpoint-low-px: 320px, $breakpoint-high-px: 888px, $font-size-low: 1.4rem, $font-size-high: 3rem) {\n\n  $breakpoint-low: calc($breakpoint-low-px * 1rem / 16px);\n  $breakpoint-high: calc($breakpoint-high-px * 1rem / 16px);\n\n  $slope: math.div(($font-size-high - $font-size-low), ($breakpoint-high - $breakpoint-low));\n  $y-axis-intersection: $font-size-low - $slope * $breakpoint-low;\n  $mid-scale: calc($y-axis-intersection + (100vw * $slope));\n\n  font-size: clamp($font-size-low, $mid-scale, $font-size-high);\n}\n","@use '../../icons' as *;\n\n// Free delivery bag\n//\n// Simple box with plain text and bag icon notifying about free delivery.\n//\n// Markup: free-delivery-bag.twig\n//\n// Style guide: components.free-delivery-bag\n\n@mixin delivery-icons($icon: $box-delivery) {\n  font-size: calc(14rem / 16);\n\n  &::before {\n    content: $icon;\n    display: inline-block;\n    margin-right: .5em;\n    position: relative;\n    top: .5em;\n    vertical-align: baseline;\n  }\n}\n\n.free-delivery,\n.free-delivery-amount {\n  @include delivery-icons;\n}\n\n.lagani-povrat {\n  @include delivery-icons($icon: $bag-return);\n}\n\n.free-delivery-speed {\n  @include delivery-icons($icon: $bag-speedy);\n  align-items: center;\n  display: grid;\n  grid-template-columns: auto 1fr;\n  grid-template-rows: auto auto;\n\n  .free-delivery-meter {\n    grid-area: 2 / 2 / 3 / 3;\n  }\n}\n","@use '../../colors' as c;\n@use '../../0-inits/promo-box/promo-box' as *;\n@use '../../icons' as *;\n\n// Free delivery box\n//\n// Simple box notifying about free delivery\n//\n// Markup: free-delivery-box.twig\n//\n// Style guide: components.free-delivery-box\n\n%free-delivery-box,\n.free-delivery-box {\n  @include promo-box($color: c.color('free-delivery-box'), $bg: dark, $icon: $box-dark, $page-respond: 'category-collapse-point');\n}\n.free-delivery-box-light {\n  @include promo-box($color: c.color('free-delivery-box'), $bg: light, $icon: $box-delivery, $box-size: 3rem, $page-respond: 'category-collapse-point');\n}\n","@use '../../colors' as c;\n\n// Free delivery meter\n//\n// `<meter>` element, used to visualize how close the order is to free delivery.\n// Currently only one style is implemented. Optimum and low values can be added\n// in the future.\n//\n// Markup: free-delivery-meter.twig\n//\n// Style guide: components.free-delivery-meter\n\n// optional text description\n.meter-text,\n#cart-summary-meter {\n  font-size: calc(12rem / 16);\n  font-weight: 500;\n  margin-bottom: 0;\n  text-transform: uppercase;\n}\n\n// meter object\n.free-delivery-meter,\n.load-more-meter {\n  appearance: none;\n  background: none;\n  background-color: c.color('cart-meter-bg');\n  border: 0;\n  border-radius: 10em;\n  display: block;\n  height: 3px;\n  margin-bottom: 1rem;\n  width: 100%;\n}\n\n.load-more-meter {\n  margin-bottom: 0;\n}\n\n.free-delivery-meter::-webkit-meter-bar,\n.load-more-meter::-webkit-meter-bar {\n  // Important to get rid of default background.\n  appearance: none;\n  background: none;\n  background-color: c.color('cart-meter-bg');\n  border: 0;\n  border-radius: 10em;\n}\n\n.free-delivery-meter::-moz-meter-bar,\n.load-more-meter::-moz-meter-bar {\n  appearance: none;\n  background: none;\n  background-color: c.color('luster-teal');\n  border: 0;\n  border-bottom-left-radius: 10em;\n  border-top-left-radius: 10em;\n}\n\n.free-delivery-meter::-webkit-meter-optimum-value,\n.free-delivery-meter::-webkit-meter-suboptimal-value,\n.free-delivery-meter::-webkit-meter-even-less-good-value,\n.load-more-meter::-webkit-meter-optimum-value,\n.load-more-meter::-webkit-meter-suboptimal-value,\n.load-more-meter::-webkit-meter-even-less-good-value {\n  appearance: none;\n  background: none;\n  background-color: c.color('luster-teal');\n  border: 0;\n  border-bottom-left-radius: 10em;\n  border-top-left-radius: 10em;\n}\n","@use '../../colors' as c;\n@use '../../0-inits/albatross/albatross' as *;\n@use '../../variables' as *;\n@use '../../icons' as *;\n\n// Froddo advantages\n//\n// A list of items with custom icons, in a grid\n//\n// Markup: froddo-advantages.twig\n//\n// Style guide: components.froddo-advantages\n\n.froddo-advantages {\n  @extend %albatross-parent;\n  margin-bottom: 7em;\n  margin-top: 7em;\n\n  h2 {\n    @include albatross-child($min-width: 8em, $collapse-point: 40em, $grow: 0);\n    font-weight: 800;\n    margin-top: -2em;\n    text-align: left;\n\n    span {\n      display: block;\n      font-weight: 300;\n    }\n  }\n}\n\n.advantages-list {\n  @include albatross-child($min-width: 20em, $collapse-point: 40em, $grow: 3);\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(18em, 1fr));\n  gap: 1rem;\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n\n[class^='advantage-'] {\n  align-items: center;\n  background-color: c.color('advantages-bg');\n  display: flex; // icon next to text\n  flex-flow: row nowrap;\n  font-weight: 800;\n  gap: $gutter-main;\n  justify-content: flex-start;\n  line-height: 1.4;\n  padding: .8rem 3vw;\n}\n\n$advantages: (\n  'delivery':       $box,\n  'return':         $bag-enter,\n  'installments':   $hand-card,\n  'materials':      $layers,\n  'card':           $card-big,\n  'sales':          $tag,\n  '2click':         $bag-large,\n  'noregistration': $door,\n  'bookmarks':      $bookmark,\n);\n\n@each $advantage, $icon in $advantages {\n  .advantage-#{$advantage} {\n    &::before {\n      // put in bg and not in content so easy to resize, used on product page\n      background: transparent $icon no-repeat 50% 50%/auto;\n      content: '';\n      display: inline-block;\n      flex: 0 0 4em;\n      height: 4em;\n      text-align: center;\n      width: 4em;\n    }\n  }\n}\n","@use 'sass:map';\n@use '../../colors' as c;\n@use '../../variables' as *;\n@use '../../0-inits/albatross/albatross' as *;\n@use '../../0-inits/circles/circles' as *;\n@use '../../4-navigation/more-link/more-link' as *;\n// Froddo Brand\n//\n// Froddo brand text, light circles background\n//\n// Markup: froddo-brand.twig\n//\n// Style guide: components.froddo-brand\n\n.froddo-brand {\n  @extend %circles-big2;\n  @include albatross-child($min-width: 25em, $collapse-point: map.get($breakpoints, 'product-collapse-point'), $grow: 1);\n  display: flex; // link align right\n  flex-flow: column nowrap;\n  font-size: calc(14rem / 16);\n  font-weight: 800;\n  padding: 3rem 5vw 2rem;\n\n  h2 {\n    color: c.color('froddo-brand');\n    font-size: calc(26rem / 16);\n    text-transform: none;\n\n    span {\n      font-weight: 300;\n    }\n  }\n\n  a {\n    @extend %more-link;\n    color: c.color('froddo-brand');\n  }\n}\n","@use '../../colors' as c;\n@use '../../variables' as *;\n@use '../../0-inits/circles/circles' as *;\n@use '../../3-forms/button/button' as *;\n\n// Froddo Club\n//\n// CTA area for Froddo club, dark circles background\n//\n// Markup: froddo-club.twig\n//\n// Style guide: components.froddo-club\n\n%froddo-club,\n.froddo-club {\n  @extend %circles-dark;\n  font-weight: 800;\n  padding: $section-padding;\n\n  h2 {\n    color: c.color('froddo-club-heading');\n    text-align: left;\n  }\n\n  button,\n  .cta-link {\n    @extend %button-light;\n  }\n}\n","@use '../../icons' as *;\n@use '../../variables' as *;\n@use '../../colors' as c;\n@use '../../2-layouts/layout-default/layout-default' as *;\n@use '../../0-inits/scroll-shadow/scroll-shadow' as *;\n@use '../../0-inits/scrollbar-hide/scrollbar-hide' as *;\n@use '../../3-forms/button/button' as *;\n@use '../../5-components/item-remove/item-remove' as *;\n\n// Lightbox\n//\n// Content opening up across entire screen above everything else\n// Implemented with 2 anchors, one visible that triggers the lightbox\n// The other hidden that shows up on :target of the first anchor\n//\n// Markup: lightbox.twig\n//\n// Style guide: Components.lightbox\n\n// If lightbox is in a container that has its own stacking context, that\n// container will have to be given z-index higher than other content that\n// appears above the lightbox and it shouldn't (Lightbox element itself\n// can't solve it itself, the parent needs to be positioned above others)\n\n$close-size: 1.6em;\n\n%lightbox,\n.lightbox {\n  background-color: c.color('lightbox-bg');\n  cursor: zoom-out;\n  display: none;\n  opacity: 0;\n  visibility: hidden;\n\n  &:target {\n    @extend %scrollbar-hide;\n    align-items: stretch;\n    animation: .3s ease 0s fadeIn;\n    display: flex;\n    position: fixed;\n    height: 100vh;\n    left: 0;\n    opacity: 1;\n    overflow: scroll;\n    text-decoration: none; // override hover\n    top: 0;\n    visibility: visible;\n    width: 100vw;\n    // look in _variables for z-index regions, higher than header\n    z-index: $z-lightbox-target; // chat bubble is 100\n  }\n\n  // Fake close button (entire screen closes)\n  &::after {\n    // @include item-remove;\n    // @include item-remove($size: 1em,\n                         // $spacing-x: 1.76em,\n                         // $bg: c.color('lightbox-close-bg'),\n                         // $color: c.color('remove'),\n                         // $icon: $x-light);\n    @include item-remove($size: 1.5em,\n                          $spacing-x: 3em,\n                          $bg: c.color('nav-close-bg'),\n                          $color: c.color('nav-close'),\n                          $icon: $x,\n                          $pseudoelement: true);\n    background-color: c.color('lightbox-close-bg');\n    // border: 1px solid c.color('lightbox-border');\n    border-radius: 10em;\n    // color: inherit;\n    // content: '×';\n    content: '';\n    display: block;\n    // font: 700 #{$close-size}/#{$close-size} $font-family-default;\n    // height: $close-size;\n    // opacity: .8;\n    position: absolute;\n    right: 1rem;\n    text-align: center;\n    top: 1rem;\n    // width: $close-size;\n    z-index: 1;\n  }\n\n  &-close {\n    // @include item-remove;\n    // @include item-remove($size: 1em,\n                         // $spacing-x: 1.76em,\n                         // $bg: c.color('lightbox-close-bg'),\n                         // $color: c.color('remove'),\n                         // $icon: $x-light);\n    @include close-button;\n    background-color: c.color('lightbox-close-bg');\n    // border: 1px solid c.color('lightbox-border');\n    border-radius: 10em;\n    // color: inherit;\n    // content: '×';\n    content: '';\n    display: block;\n    // font: 700 #{$close-size}/#{$close-size} $font-family-default;\n    // height: $close-size;\n    // opacity: .8;\n    text-align: center;\n    // width: $close-size;\n    z-index: 1;\n  }\n\n  &-content {\n    @extend %layout-content-width;\n    @extend %scroll-shadow;\n    @extend %scrollbar-hide;\n    background-color: c.color('lightbox-content-bg');\n    // Increase the shadow size\n    background-size: 100% 5rem, 100% 5rem, 100% 1.6rem, 100% 1.6rem;\n    border: 1px solid c.color('lightbox-border');\n    height: 100%;\n    max-width: 50rem;\n    overflow: scroll;\n    padding-bottom: 5vh;\n    padding-top: 5vh;\n  }\n\n  & > img {\n    border-radius: 10px;\n    display: block;\n    height: auto;\n    margin: 0 auto;\n    object-fit: contain;\n    width: auto; // keep border-radius\n  }\n}\n\n%lightbox-trigger,\n.lightbox-trigger {\n  cursor: zoom-in;\n\n  &::before {\n    background: $full-screen left center / contain no-repeat;\n    content: '\\0020';\n    display: inline-block;\n    line-height: 1;\n    margin-left: .4em;\n    min-height: 1.2em;\n    min-width: 1.2em;\n    transform: translateZ(0);\n    transition: transform .3s ease 0s;\n    vertical-align: text-bottom;\n  }\n\n  &:focus,\n  &:hover {\n    &::before {\n      transform: translateZ(0) scale(1.5);\n    }\n  }\n}\n","@use '../../variables' as *;\n@use '../../colors' as c;\n@use '../../0-inits/visually-hidden/visually-hidden' as *;\n@use '../../5-components/lightbox/lightbox' as *;\n\n// Gallery with thumbnails\n//\n// A list of small items that use input element as thumbnails\n//\n//\n// Markup: gallery-thumbs.twig\n//\n// Style guide: Components.gallery-thumbs\n\n$thumb-size: minmax(110px, 1fr);\n$thumb-scale: 1.3;\n\n%layout-bottom-thumbs {\n  grid-auto-flow: row;\n  grid-template-columns: repeat(auto-fill, $thumb-size);\n  grid-template-rows:\n    minmax(10em, 100%)\n    repeat(auto-fill, $thumb-size);\n\n  & > a {\n    grid-column-start: 1;\n    grid-column-end: -1;\n    grid-row: 1 / 2;\n  }\n}\n\n%layout-left-thumbs-wraparound {\n  grid-auto-flow: row;\n  grid-auto-rows: minmax(0, 1fr);\n  grid-template-columns: repeat(6, 1fr);\n  grid-template-rows: repeat(5, 1fr);\n\n  & > a {\n    grid-column: 3 / -1;\n    grid-row: 1 / -1;\n  }\n}\n\n%layout-left-thumbs {\n  grid-auto-flow: row;\n  grid-auto-rows: minmax(0, 1fr);\n  grid-template-columns: repeat(8, 1fr);\n  grid-template-rows: repeat(7, 1fr);\n\n  & > a {\n    grid-column: 2 / -1;\n    grid-row: 1 / -1;\n  }\n}\n\n.product-image-gallery {\n  // define thumbs layout, the big picture is the exception\n  // Bottom thumbs layout: main image first row, thumbs below.\n  @extend %layout-bottom-thumbs;\n  align-items: stretch;\n  // background-color: c.color('gallery-thumbs');\n  display: grid;\n  gap: 1px; // for outlines as fake border\n  // gap: $product-spacing;\n  list-style: none;\n  max-width: 100%;\n  padding: 0;\n  position: relative; // context for img showcase\n  width: 100%;\n\n  // big image view and lightbox\n  & > a {\n    // to cover the gap of bg seethrough if img isn't perfectly 1:1\n    align-self: stretch; // so outline is full height\n    animation-name: none; // override default :target flash\n    // to cover the gap of bg seethrough if img isn't perfectly 1:1\n    background-color: c.color('white');\n    border-radius: 1rem;\n    cursor: zoom-in;\n    display: flex; // push img to bottom\n    opacity: 0;\n    // outline: 1px solid c.color('gallery-thumb-border');\n    // position: relative; // context for fake border\n    transition: opacity 0.3s ease 0s;\n    width: 100%;\n    z-index: 0;\n\n    &:not([href='#']) {\n      pointer-events: none; // invisible trigger links must not intercept clicks\n    }\n\n    &:first-of-type {\n      opacity: 1;\n\n      &:not([href='#']) {\n        pointer-events: auto;\n        padding: 1rem;\n      }\n    }\n  }\n\n  // only the lightbox, only needed and revealed when targeted\n  & > [href='#'] {\n    @extend %lightbox;\n  }\n\n  // thumbnails are labels\n  [type='radio'] {\n    @include visually-hidden;\n\n    &:focus,\n    &:checked {\n      & + label {\n        outline-color: c.color('gallery-thumb-accent');\n        z-index: 2;\n\n        img {\n          transform: translateZ(0) scale($thumb-scale);\n        }\n\n        & + a {\n          opacity: 1;\n          // active one on top so can be clicked\n          z-index: 1;\n        }\n      }\n    }\n  }\n\n  label {\n    align-items: start;\n    //  background-color: c.color('white');\n    //border-radius: 10px;\n    cursor: pointer;\n    display: flex; // center images within label box\n    // outline: 1px solid c.color('gallery-thumb-border');\n    overflow: hidden; // cut off img if too large on focus\n    padding: 0 1vw 0.5vw 0;\n    transition: outline-color 0.3 ease 0s;\n    width: 100%;\n    z-index: 1;\n\n    &:focus,\n    &:hover {\n      outline-color: c.color('gallery-thumb-accent');\n      z-index: 3;\n\n      img {\n        transform: translateZ(0) scale($thumb-scale);\n      }\n    }\n\n    &::before {\n      content: none;\n    }\n  }\n\n  img {\n    display: block;\n    object-fit: cover;\n    transform: translateZ(0) scale(1);\n    transform-origin: 0% 50%;\n    transition: transform 0.3s ease 0s;\n    width: 100%;\n  }\n}\n","@use '../../icons' as *;\n@use '../../variables' as *;\n@use '../../3-forms/button/button' as *;\n\n// Gift CTA\n//\n// CTA to buy more items to be eligible for a gift. Used on the checkout/cart\n// page.\n//\n// Markup: gift-cta.twig\n//\n// Style guide: components.gift-cta\n\n.gift-cta {\n  align-content: center;\n  // centered below product img\n  // background: $present calc($cart-img-width / 2 - $gift-icon-width / 2) 50%/#{$gift-icon-width} auto no-repeat;\n  background: $present 0 50%/#{$gift-icon-width} auto no-repeat;\n  display: grid;\n  gap: 0 2vw;\n  grid-template-columns: 1fr auto;\n  grid-template-rows: auto auto;\n  min-height: 8em;\n  // padding-left: 9em;\n  padding-left: 6em;\n  position: relative; // context for .note\n  text-align: left;\n\n  p {\n    font-size: calc(14rem / 16);\n    font-weight: 300;\n    margin: .4em 0;\n  }\n\n  .note {\n    background: $warning 0% 50%/1em auto no-repeat;\n    position: absolute;\n    right: 0;\n    top: 0;\n    z-index: 1;\n\n    &::before {\n      content: $warning;\n    }\n  }\n}\n\n.button-hollow,\n.cta-link {\n  @extend %button-hollow;\n}\n\n.cta-link {\n  grid-area: 1 / 2 / 3 / 3;\n}\n\n.present-title {\n  align-self: end;\n}\n","@use '../../variables' as v;\n@use '../../colors' as c;\n\n// Card scale hover\n//\n// Used on Product cards and big category links. Scales X of a pseudoelement\n// on hover so the original content isn't deformed. <del>Recalculates borders etc\n// so they end up the same value on hover and not stretched/deformed.</del>\n// Uses outline instead of borders to avoid deformation on hover transform\n//\n//\n//\n// Style guide: sass.init.mixins.card-scale-hover\n\n// $card-offset: ; // card move on hover, in _variables.scss\n\n%card-scale-hover {\n  margin: v.$card-offset 0;\n  overflow-wrap: anywhere; // break long words\n  padding: 0 0 1rem;\n  position: relative; // context for tags and pseudo\n  transform: translateY(0) translateZ(0);\n  transition: transform .5s ease-in-out 0s;\n  transition-property: transform, color;\n\n  // background, border, perceived transform on hover\n  &::after {\n    background-color: c.color('product-card-bg');\n    box-sizing: border-box;\n    content: '';\n    display: block;\n    height: 100%;\n    left: 0;\n    outline: 1px solid c.color('product-card-border');\n    position: absolute;\n    // abut to top and not bottom because discount bg goes to the edge\n    top: 0;\n    transform: translateY(0) translateZ(0) scaleY(1);\n    transform-origin: 0 0;\n    transition: transform .5s ease-in-out 0s;\n    transition-property: transform, outline-color;\n    width: 100%;\n    z-index: -2; // behind circles in ::before\n  }\n\n  &:focus,\n  &:hover {\n    text-decoration: none;\n    transform: translateY(calc(-1 * v.$card-offset)) translateZ(0);\n\n    &::after {\n      outline-color: c.color('product-card-border-ho');\n      transform: translateY(0) translateZ(0) scaleY(1.05);\n    }\n  }\n}\n","@use '../../icons' as *;\n\n// Circles scale hover\n//\n// Used on big category links. Scales all circles on hover. Filled circles\n// are created with CSS radial-gradient background-image, dashed stroke circles\n// are encoded URLs of SVG code\n//\n//\n//\n// Style guide: sass.init.mixins.card-scale-hover\n\n%circles-scale-hover {\n  position: relative; // context for tags and pseudo\n  // careful where you override, transform is combined from different effects\n  //transition: background .5s ease-in-out 0s;\n\n  &::before {\n    background: $circle-dashed-green 18% 12%/0% auto no-repeat,\n                $circle-dashed-green 14% 16%/0% auto no-repeat,\n                $circle-dashed-green 84% 24%/0% auto no-repeat,\n                $circle-dashed-green 92% 28%/0% auto no-repeat,\n                $circle-dashed-green 14% 126%/0% auto no-repeat,\n                $circle-dashed-green  8% 144%/0% auto no-repeat,\n                $circle-green  8% 14%/0% auto no-repeat,\n                $circle-green  80% 32%/0% auto no-repeat,\n                $circle-green  20% 120%/0% auto no-repeat;\n    // background-color: color('product-card-bg');\n    // because border is on ::after and that scales up so cirlces go to edge\n    // of the card\n    bottom: 0;\n    box-sizing: border-box;\n    content: '';\n    display: block;\n    height: 100%;\n    left: 0;\n    position: absolute;\n    top: auto;\n    transform: translateY(0) translateZ(0);\n    transform-origin: 0 100%;\n    transition: background .5s ease-in-out 0s;\n    transition-property: background-size, transform;\n    width: 100%;\n    z-index: -1; // negative to be behind regular content\n  }\n\n  &:focus,\n  &:hover {\n    &::before {\n      background-size: 20% auto,\n                       24% auto,\n                       34% auto,\n                       36% auto,\n                       60% auto,\n                       70% auto,\n                       20% auto,\n                       36% auto,\n                       60% auto;\n      // percentage of image matching the percentage of background is too\n      // complicated, not necessary, approximate position is good enough\n\n      // 100% * 1.05 - 100% // 1.05 is scale value\n      transform: translateY(5%) translateZ(0);\n    }\n  }\n}\n\n// ======================================\n// version without SVG, CSS radial-gradient for filled circles\n// background-image can't be animated so we need to use SVG\n// background: $circle-dashed-green 18% 12%/20% auto no-repeat,\n//                 $circle-dashed-green 14% 16%/24% auto no-repeat,\n//                 $circle-dashed-green 84% 24%/34% auto no-repeat,\n//                 $circle-dashed-green 92% 28%/36% auto no-repeat,\n//                 $circle-dashed-green 14% 152%/60% auto no-repeat,\n//                 $circle-dashed-green  8% 194%/70% auto no-repeat,\n//                 radial-gradient(circle at 20% 20%, color('green'), color('green') 0%, transparent calc(0% + 1px)),\n//                 radial-gradient(circle at 74% 40%, color('green'), color('green') 0%, transparent calc(0% + 1px)),\n//                 radial-gradient(circle at 40% 80%, color('green'), color('green') 0%, transparent calc(0% + 1px));\n// :focus, :hover\n// background: $circle-dashed-green 18% 12%/20% auto no-repeat,\n//                 $circle-dashed-green 14% 16%/24% auto no-repeat,\n//                 $circle-dashed-green 84% 24%/34% auto no-repeat,\n//                 $circle-dashed-green 92% 28%/36% auto no-repeat,\n//                 $circle-dashed-green 14% 152%/60% auto no-repeat,\n//                 $circle-dashed-green  8% 194%/70% auto no-repeat,\n//                 radial-gradient(circle at 20% 20%, color('green'), color('green') 10%, transparent calc(10% + 1px)),\n//                 radial-gradient(circle at 74% 40%, color('green'), color('green') 18%, transparent calc(18% + 1px)),\n//                 radial-gradient(circle at 40% 80%, color('green'), color('green') 30%, transparent calc(30% + 1px));\n","@use '../../variables' as *;\n@use '../../colors' as c;\n@use '../../0-inits/card-scale-hover/card-scale-hover' as *;\n@use '../../0-inits/circles/circles' as *;\n@use '../../0-inits/circles-scale-hover/circles-scale-hover' as *;\n@use '../../2-layouts/layout-default/layout-default' as *;\n// Hero\n//\n// Area with several CTAa on the homepage above the fold\n//\n// Markup: hero.twig\n//\n// Style guide: Components.hero\n\n$img-max-height: 30rem;\n\n%link-style {\n  color: inherit;\n  display: block;\n  font-size: calc(20rem / 16);\n  line-height: 1.1;\n  min-width: 13em;\n  padding: 1em 3em;\n  text-align: center;\n\n  span {\n    display: block;\n    font-size: calc(28rem / 16);\n    font-weight: 800;\n  }\n}\n\n.hero {\n  display: grid;\n  grid-template-areas: 'hero';\n  place-items: end center;\n  text-align: center;\n\n  & > img {\n    display: block;\n    grid-area: hero;\n    max-height: $img-max-height;\n    min-height: 100%;\n    object-fit: cover;\n    position: relative;\n    width: 100%; // so it fills horizontally if too small\n    z-index: 0;\n  }\n\n  &-content {\n    display: flex;\n    flex-flow: row wrap;\n    gap: $gutter-main;\n    grid-area: hero;\n    justify-content: center;\n    list-style: none;\n    padding: 3rem $gutter-main;\n    z-index: 1;\n\n    a {\n      @extend %link-style;\n      background-color: c.color('advantages-cta-bg');\n      border-radius: 10em;\n\n      &:focus,\n      &:hover {\n        @extend %circles-big2;\n      }\n    }\n  }\n}\n\n// Hero with Categories\n//\n// First box on homepage with large category links. Styling relies on category\n// images having transparent background.\n//\n// :hover - hovered state\n//\n// Markup: hero-categories.twig\n//\n// Style guide: components.hero.hero-categories\n\n.hero-categories {\n  @extend %layout-content-width;\n\n  .categories {\n    gap: 0;\n    grid-template-columns: repeat(auto-fit, minmax(15em, 1fr));\n    overflow: hidden; // img rotate corners leak out, horizontal scrollbar\n    // so hovered is still inside padding and not cut off\n    padding: 3 * $card-offset 0;\n\n    a {\n      @extend %link-style;\n      @extend %card-scale-hover;\n      @extend %circles-scale-hover;\n      display: flex;\n      flex-flow: column nowrap;\n      font-size: inherit;\n      font-weight: 400;\n      height: 100%;\n      justify-content: flex-end;\n      //outline: 1px solid color('hero-cat-border');\n      padding-left: 0;\n      padding-right: 0;\n\n      // override regular\n      &::after {\n        border-width: 0;\n        outline: 1px solid c.color('product-card-border');\n      }\n\n      .product-img {\n        transform-origin: 50% 50%;\n        transform: rotate(0) translateZ(0);\n        transition: .5s ease 0s;\n      }\n\n      span {\n        font-size: calc(22rem / 16);\n        text-transform: uppercase;\n      }\n\n      &:focus,\n      &:hover {\n        color: c.color('hero-cat-hover');\n        z-index: 1;\n\n        &::after {\n          border-width: 0;\n          outline-width: calc(1px / 1.05);\n        }\n\n        .product-img {\n          transform: rotate(20deg) translateZ(0);\n        }\n      }\n    }\n  }\n}\n@include respond-to('l') {\n  .hero {\n    display: grid;\n    gap: 1rem;\n    grid-template-columns: repeat(auto-fit, minmax(clamp((33% - 1rem), 16em, 100%), 1fr));\n\n    .banner-cta-arrivals {\n      border-width: 0;\n      grid-area: 1 / 1 / 3 / 3;\n      margin: 0;\n    }\n\n    .category-banner {\n      margin: 0;\n    }\n  }\n}\n","@use '../../0-inits/scrollbar-hide/scrollbar-hide' as *;\n\n// hero-in-content\n//\n//\n//\n//\n// Markup: hero-in-content.twig\n//\n// Style guide: Components.hero-in-content\n\n%hero-in-content,\n.hero-in-content {\n  @extend %scrollbar-hide;\n  overflow: visible;\n  position: relative;\n\n  .hero-img {\n    display: block;\n    left: 0;\n    margin: 0 -50vw;\n    max-width: none;\n    min-height: 100%;\n    object-fit: contain;\n    position: relative;\n    right: 0;\n    width: 100vw;\n    z-index: 0;\n  }\n\n  .ad-content-right {\n    align-self: center;\n    max-width: 40%;\n    padding-left: 0;\n    text-align: left;\n    transform: translateX(60%);\n\n    h2 {\n      text-align: left;\n    }\n  }\n}\n","@use '../../3-forms/button/button' as *;\n@use '../../0-inits/albatross/albatross' as *;\n@use '../../variables' as *;\n@use '../../colors' as c;\n@use '../alerts/alerts';\n@use '../../0-inits/category/category' as *;\n@use '../../0-inits/circles/circles' as *;\n@use '../../0-inits/shoe-circle/shoe-circle' as *;\n\n// CTA with photo, text and link\n//\n// If image/photo is not present the space collapses—fully responsive\n//\n// Markup: img-cta.twig\n//\n// Style guide: Components.img-cta\n\n$spacing: 2em;\n\n// White and centered\n[class*='banner-cta'] {\n  @extend %albatross-parent;\n  align-items: center; // override\n  background-color: c.color('banner-cta');\n  // border: 1px solid c.color('banner-cta-border');\n  color: inherit;\n  gap: 0;\n  margin: 2em 0;\n\n  &:hover {\n    text-decoration: none;\n  }\n\n  h2 {\n    font-size: calc(16rem / 16);\n    font-weight: 500;\n    flex: 1 0 100%;\n    margin: 0 0 .6em;\n    text-align: center;\n  }\n\n  p {\n    font-size: calc(14rem / 16);\n    font-weight: 300;\n    margin: 0 0 1.6em;\n  }\n\n  .cta-link {\n    @extend %button;\n    display: inline-block;\n    font-weight: 600;\n    margin-bottom: 0;\n    max-width: 100%;\n    min-width: 0;\n    padding-left: $spacing;\n    padding-right: $spacing;\n    width: auto;\n  }\n\n  & > {\n    .cta-content,\n    .cta-banner {\n      @include albatross-child($min-width: 12em, $collapse-point: 15em);\n      text-align: left;\n    }\n\n    .banner-img {\n      @include albatross-child($min-width: 12em, $collapse-point: 15em);\n    }\n  }\n}\n\n.cta-content {\n  padding: $spacing $gutter-main;\n}\n\n.banner-img {\n  align-self: stretch;\n  min-height: 100%;\n  object-fit: contain;\n  order: -1;\n}\n\n// colored background\n.banner-cta {\n  background-color: c.color('banner-cta');\n  // border: 1px solid c.color('banner-cta-border');\n}\n\n// @each $color in $ivancica-color-cycle {\n//   // Plain color bg, no image\n//   .banner-cta-#{'' + $color} {\n//     background-color: c.color('#{$color}');\n//     color: c.color('white');\n//     text-align: left;\n//\n//     h2 {\n//       text-align: left;\n//     }\n//\n//     .cta-link {\n//       @include button-colors($bg: c.color('cta-link-bg'), $color: c.color('cta-link'));\n//     }\n//   }\n//\n//   // white background with photo and shoe icon\n//   .shoe-#{'' + $color} {\n//     .cta-content {\n//       @include shoe-circle($bg: c.color('#{$color}'), $size: 6em, $position: top, $spacing: 2em);\n//     }\n//   }\n// }\n//\n// // colored background\n// [class^='banner-cta-'] {\n//   color: c.color('white');\n//   text-align: left;\n//\n//   h2 {\n//     text-align: left;\n//   }\n//\n//   .cta-link {\n//     @include button-colors($bg: c.color('cta-link-bg'), $color: c.color('cta-link'));\n//   }\n// }\n//\n//\n// .banner-cta-gray {\n//   @extend %circles-big;\n// }\n//\n// .banner-cta-graydark {\n//   @extend %circles-dark-big;\n//\n//   .cta-link {\n//     @extend %button-light;\n//   }\n// }\n//\n// // No image\n// [class^='banner-cta'].cta-content {\n//   display: block; // override so it's not flex\n// }\n//\n//\n// // Amaranth\n// .banner-cta-preorder {\n//   background-color: c.color('banner-cta-preorder');\n// }\n//\n// // Dark pink\n// .banner-cta-girl {\n//   background-color: c.color('banner-cta-girl');\n// }\n//\n// // Blue\n// .banner-cta-boy {\n//   background-color: c.color('banner-cta-boy');\n// }\n//\n//\n//\n//\n// // With shoe icon, add the class to the inner cta-content element\n// .shoe-icon {\n//   @include shoe-circle($size: 6em, $position: top, $spacing: 2em);\n// }\n//\n//\n// // homepage big CTA\n// .banner-cta-arrivals {\n//   align-items: stretch;\n//   background-color: c.color('banner-cta-arrivals');\n//   display: grid;\n//   grid-template-columns: repeat(auto-fit, minmax(clamp((50% - 1rem), 16em, 100%), 1fr));\n//\n//   .cta-content {\n//     align-items: center;\n//     display: flex;\n//     flex-flow: row wrap; // we need column but h2 would overflow\n//   }\n//\n//   .cta-banner {\n//     @extend %category;\n//     margin: 0;\n//     min-height: 7em;\n//     min-width: 0;\n//     transition: none;\n//\n//     &:hover {\n//       &::before {\n//         clip-path: none;\n//       }\n//     }\n//   }\n// }\n","@use '../../icons' as *;\n@use '../../3-forms/button/button' as *;\n\n// Link PDF\n//\n// Button-like link to a PDF file with a custom PDF icon\n//\n// :focus - focused state. keyboard\n// :focus-visible - focused state, only keyboard\n// :hover - hovered state\n//\n//\n// Markup: link-pdf.twig\n//\n// Style guide: Components.link-pdf\n\n%link-pdf,\n[href$='.pdf'] {\n  @extend %button;\n  display: inline-block;\n  font-weight: 600;\n  margin: 0;\n  min-width: 0;\n  padding: .4em .6em .2em;\n  white-space: nowrap;\n\n  &::before {\n    content: $pdf ' ';\n    vertical-align: middle;\n  }\n\n  &[data-file-size] {\n    &::after {\n      content: ' (' attr(data-file-size) ')';\n      font-size: .8em;\n      opacity: .8;\n    }\n  }\n}\n","@use '../../3-forms/button/button' as *;\n@use '../../icons' as *;\n@use '../../colors' as c;\n@use '../../variables' as *;\n@use '../../4-navigation/navbar/navbar' as *;\n@use '../../0-inits/visually-hidden/visually-hidden' as *;\n@use '../../0-inits/scroll-shadow/scroll-shadow' as *;\n@use '../../0-inits/scrollbar-hide/scrollbar-hide' as *;\n@use '../../5-components/item-remove/item-remove' as *;\n\n// Mini cart\n//\n// Narrow fly-out column with cart items\n//\n// Markup: mini-cart.twig\n//\n// Style guide: Components.mini-cart\n\n$mini-cart-width: 30em;\n\n.floating-cart {\n  background-color: #fff;\n  box-shadow: -5px 0 10px rgba(0 0 0 / 0.2);\n  display: flex;\n  flex-direction: column;\n  height: 100vh;\n  padding: 2vw;\n  position: fixed;\n  right: 0;\n  top: 0;\n  transform: translateX($mini-cart-width);\n  transition: transform 0.3s ease 0s;\n  width: $mini-cart-width;\n  z-index: 999;\n\n  &.show {\n    transform: translateX(0);\n  }\n}\n\n.cart-header {\n  align-items: center;\n  display: flex;\n  justify-content: space-between;\n  font-size: calc(20rem / 16);\n  font-weight: 600;\n  border-bottom: 1px solid #ddd;\n  padding-bottom: 1vw;\n  text-transform: uppercase;\n\n  h3 {\n    font-size: calc(20rem / 16);\n    margin: 0;\n  }\n}\n\n.close-cart {\n  @include close-button;\n}\n\n.cart-items {\n  @extend %scroll-shadow;\n  @extend %scrollbar-hide;\n  margin-bottom: 1rem;\n  overflow: scroll;\n}\n\n.cart-item {\n  align-items: center;\n  border-bottom: 1px solid c.color('cart-border');\n  display: grid;\n  font-size: calc(14rem / 16);\n  font-weight: 300;\n  //                     img, name,        velicina,  remove\n  grid-template-columns: 64px minmax(10em, 40%) auto auto;\n  grid-template-rows: auto auto;\n  gap: 0 0.6rem;\n  justify-content: space-between;\n  padding: 1rem 0;\n\n  img {\n    // background: c.color('mini-cart-img');\n    grid-area: 1 / 1 / 3 / 2;\n    height: 64px;\n    object-fit: contain;\n    width: 64px;\n  }\n\n  .product-name {\n    align-self: end;\n    color: c.color('mini-cart-name');\n    font-weight: 600;\n    line-height: 1.3;\n  }\n\n  .product-code {\n    span {\n      @include visually-hidden;\n    }\n  }\n\n  .product-size {\n    align-self: end;\n  }\n\n  .product-code,\n  .product-quantity {\n    align-self: start;\n  }\n\n  // row start / column start / row end / column end\n  .product-name {\n    grid-area: 1 / 2 / 2 / 3;\n  }\n  .product-code {\n    grid-area: 2 / 2 / 3 / 3;\n  }\n  .product-size {\n    grid-area: 1 / 3 / 2 / 4;\n  }\n  .product-quantity {\n    grid-area: 2 / 3 / 3 / 4;\n  }\n  .item-remove {\n    grid-area: 1 / 4 / 3 / 5;\n  }\n}\n\n.view-cart {\n  @extend %button-hollow;\n}\n\n.view-checkout {\n  @extend %button;\n}\n\n// * Floating ikona košarice */\n.floating-cart-icon {\n  position: fixed;\n  top: 50%;\n  right: 20px;\n  width: 60px;\n  height: 60px;\n  background-color: #303945;\n  color: #fff;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 24px;\n  cursor: pointer;\n  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);\n  z-index: 1000;\n  transition:\n    background-color 0.3s ease,\n    transform 0.3s ease;\n}\n\n.floating-cart-icon::before {\n  content: '';\n  display: block;\n  width: 24px;\n  height: 24px;\n  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2224%22%20viewBox%3D%222%200%2020%2024%22%3E%3Cpath%20d%3D%22M21%205h-4c0-2.8-2.2-5-5-5S7%202.2%207%205H3c-.6%200-1%20.4-1%201v17c0%20.6.4%201%201%201h18c.6%200%201-.4%201-1V6c0-.6-.4-1-1-1Zm-9-3c1.7%200%203%201.3%203%203H9c0-1.7%201.3-3%203-3Z%22%20fill%3D%22%23FFFFFF%22%2F%3E%3C%2Fsvg%3E');\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center;\n}\n\n.floating-cart-icon:hover {\n  background-color: #f15a22;\n  transform: scale(1.1);\n}\n","// @use '../../variables' as *;\n\n// Flex space apart\n//\n// Flexbox for many containers whith 2 children that need to be\n// positioned left and right, and vertically centered\n//\n// Markup: flex-space-apart.twig\n//\n// Style guide: Inits.flex-space-apart\n\n%flex-space-apart {\n  align-items: center;\n  display: flex;\n  flex-flow: row wrap;\n  flex: 0 0 100%;\n  gap: 0 4vw;\n  justify-content: space-between;\n  margin-bottom: clamp(0em, 1vh, 2rem);\n  \n  h2 {\n    margin-top: clamp(0em, 1vh, 2rem);\n  }\n}\n\n%flex-space-apart-controls {\n  a {\n    color: inherit;\n    font-size: calc(18rem / 16);\n    font-weight: 600;\n    letter-spacing: -2%;\n    text-decoration: underline solid 15%;\n  }\n}\n","// @use '../../icons' as *;\n@use '../../variables' as *;\n@use '../../colors' as c;\n@use '../../0-inits/flex-space-apart/flex-space-apart' as *;\n// @use '../../2-layouts/layout-default/layout-default' as *;\n// @use '../../0-inits/scroll-shadow/scroll-shadow' as *;\n// @use '../../0-inits/scrollbar-hide/scrollbar-hide' as *;\n// @use '../../3-forms/button/button' as *;\n// @use '../../5-components/item-remove/item-remove' as *;\n@use '../../5-components/lightbox/lightbox' as *;\n\n// Modal\n//\n// Content opening up across entire screen above everything else\n// Implemented through :target state of the ID on the container\n//\n// Container has semi-transparent background, content can be styled\n// in any way. Content can include interactive elements.\n//\n// Close button can be an anchor targeting any other ID on the page\n// Usually target the main content element.\n//\n// The difference between a modal and a lightbox is that lightbox\n// can't contain interactive elements because is in itself an anchor\n// (an interactive element), but entire area can be used to close it.\n// Modal must be closed through an anchor (close button) or with js.\n//\n// Markup: modal.twig\n//\n// Style guide: Components.modal\n\n// If modal is in a container that has its own stacking context, that\n// container will have to be given z-index higher than other content that\n// appears above the modal (Modal element itself\n// can't solve it itself, the parent needs to be positioned above others)\n\n$close-size: 1.6em;\n\n%modal,\n.modal {\n  &-container {\n    @extend %lightbox;\n    background-color: c.color('modal-container-bg');\n    cursor: default;\n\n    // Fake close button (entire screen closes)\n    &::after {\n      content: none;\n    }\n  }\n\n  &-close {\n    @extend %lightbox-close;\n  }\n\n  &-content {\n    @extend %lightbox-content;\n    background-color: c.color('modal-content-bg');\n    border: 1px solid c.color('modal-border');\n    height: 90vh;\n    margin: 8vh 4vw 2vh;\n    max-width: none;\n    width: 92vw;\n  }\n\n  &-controls {\n    @extend %flex-space-apart;\n  }\n}\n\n.modal-trigger {\n  @extend %lightbox-trigger;\n}\n","// @use 'sass:map';\n// @use \"sass:meta\";\n// @use \"sass:list\";\n// @use 'sass:string';\n@use '../../icons' as *;\n@use '../../colors' as c;\n@use '../../variables' as *;\n// @use '../../0-inits/albatross/albatross' as *;\n// @use '../../0-inits/dl-horizontal/dl-horizontal' as *;\n// @use '../../0-inits/visually-hidden/visually-hidden' as *;\n@use '../../3-forms/button/button' as *;\n// @use '../../3-forms/product-sizes/product-sizes' as prod-sizes;\n// @use '../../5-components/tags/tags';\n@use '../../5-components/item-remove/item-remove' as *;\n\n// Notifikacije\n//\n// Implementacija vanjske js lib\n//\n//\n// Markup: notifikacije.twig\n//\n// Style guide: Inits.notifikacije\n\n$icon-size: 6vw;\n\n.notification {\n  &-info {\n    background-color: green;\n  }\n}\n\n// * Container za sticky notifikacije */\n.notifications-sticky-container,\n.notifications-popup-container {\n  left: 0;\n  pointer-events: none;\n  position: fixed;\n  top: 0;\n  width: 100vw;\n  z-index: $z-notifikacije;\n}\n\n// * Container za popup notifikacije */\n.notifications-popup-container {\n  height: 100%;\n}\n\n// * Container za inline notifikacije */\n.notifications-inline-container {\n  margin: 1.6rem 0;\n}\n\n// * Osnovni stil za notifikaciju */\n.notification {\n  align-items: flex-start;\n  background-color: c.color('notification-base-bg');\n  // border: 2px solid;\n  display: flex;\n  gap: 1rem 2vw;\n  margin: 0;\n  // max-width: 500px;\n  // min-width: 300px;\n  opacity: 0;\n  padding: 3vw;\n  pointer-events: auto;\n  position: relative;\n  // transform: translateY(-20px) scale(0.95);\n  transition:\n    opacity 0.3s ease,\n    transform 0.3s ease;\n}\n\n.notification-visible {\n  opacity: 1;\n  transform: translateY(0) scale(1);\n}\n\n.notification-closing {\n  opacity: 0;\n  transform: translateY(-20px) scale(0.95);\n}\n\n// * Tipovi notifikacija */\n.notification-info {\n  background-color: c.color('notification-info-bg');\n  // border-color: c.color('notification-info-border');\n}\n\n.notification-success {\n  background-color: c.color('notification-success-bg');\n  // border-color: c.color('notification-success-border');\n}\n\n.notification-warning {\n  background-color: c.color('notification-warning-bg');\n  // border-color: c.color('notification-warning-border');\n}\n\n.notification-promotion {\n  background-color: c.color('notification-promotion-bg');\n  // border-color: c.color('notification-promotion-border');\n}\n\n.notification-error {\n  background-color: c.color('notification-error-bg');\n  // border-color: c.color('notification-error-border');\n}\n\n// * Popup pozicije */\n.notification-popup.notification-top-left {\n  position: absolute;\n}\n\n.notification-popup.notification-top-right {\n  position: absolute;\n  right: 20px;\n  top: 20px;\n}\n\n.notification-popup.notification-top-center {\n  left: 50%;\n  position: absolute;\n  top: 20px;\n  transform: translateX(-50%);\n}\n\n.notification-popup.notification-top-center.notification-visible {\n  transform: translateX(-50%) translateY(0) scale(1);\n}\n\n.notification-popup.notification-bottom-left {\n  bottom: 20px;\n  left: 20px;\n  position: absolute;\n}\n\n.notification-popup.notification-bottom-right {\n  bottom: 20px;\n  position: absolute;\n  right: 20px;\n}\n\n.notification-popup.notification-bottom-center {\n  bottom: 20px;\n  left: 50%;\n  position: absolute;\n  transform: translateX(-50%);\n}\n\n.notification-popup.notification-bottom-center.notification-visible {\n  transform: translateX(-50%) translateY(0) scale(1);\n}\n\n.notification-popup.notification-center {\n  left: 50%;\n  position: absolute;\n  top: 50%;\n  transform: translate(-50%, -50%);\n}\n\n.notification-popup.notification-center.notification-visible {\n  transform: translate(-50%, -50%) scale(1);\n}\n\n// * Sticky notifikacije */\n.notification-sticky {\n  // border: 1px solid;\n  margin: 0;\n  max-width: 100%;\n  position: fixed;\n  width: 100vw;\n}\n\n.notification-sticky.notification-top {\n  top: 0;\n  left: 0;\n}\n\n.notification-sticky.notification-bottom {\n  bottom: 0;\n  left: 0;\n}\n\n// * Inline notifikacije */\n.notification-inline {\n  margin: 1.6rem 0;\n  max-width: 100%;\n  width: 100%;\n}\n\n// * Ikone */\n.notification-icon {\n  background-position: 50% 0%;\n  background-repeat: no-repeat;\n  background-size: contain;\n  display: inline-block;\n  flex: 0 0 $icon-size;\n  height: $icon-size;\n  width: $icon-size;\n}\n\n// * SVG ikone - koriste postojeće ikone iz sistema */\n.notification-icon-star {\n  // background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='%238dc63f'%3E%3Cpath d='M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z'/%3E%3C/svg%3E\");\n  background-image: $starChecks;\n}\n\n.notification-icon-tag {\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='%238dc63f'%3E%3Cpath d='M17.63 5.84C17.27 5.33 16.67 5 16 5L5 5.01C3.9 5.01 3 5.9 3 7.01v9.98c0 1.11.9 1.99 2 1.99L16 19c.67 0 1.27-.33 1.63-.84L22 12l-4.37-6.16z'/%3E%3C/svg%3E\");\n}\n\n.notification-icon-gift {\n  // background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='%238dc63f'%3E%3Cpath d='M20 6h-2.18c.11-.31.18-.65.18-1a2.996 2.996 0 0 0-5.5-1.65l-.5.67-.5-.68C10.96 2.54 10 2 9 2 7.34 2 6 3.34 6 5c0 .35.07.69.18 1H4c-1.11 0-1.99.89-1.99 2L2 19c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V8c0-1.11-.89-2-2-2zm-5-2c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zM9 4c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm11 15H4v-2h16v2zm0-5H4V8h5.08L7 10.83 8.62 12 11 8.76l1-1.36 1 1.36L15.38 12 17 10.83 14.92 8H20v6z'/%3E%3C/svg%3E\");\n  background-image: $box-dark;\n}\n\n.notification-icon-info {\n  // background-image: url(\"data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20version%3D%221.1%22%20viewBox%3D%22417.5%2063%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m424.5%2067.9a1%201%200%20110%20.1zm0%202.1h2v5h-2zm1-7c-4.4%200-8%203.6-8%208s3.6%208%208%208%208-3.6%208-8-3.6-8-8-8zm0%2014c-3.3%200-6-2.7-6-6s2.7-6%206-6%206%202.7%206%206-2.7%206-6%206z%22%20fill%3D%22%23303945%22%2F%3E%3C%2Fsvg%3E\");\n  background-image: $info;\n}\n\n// * Sadržaj notifikacije */\n.notification-content {\n  flex: 1 1 auto;\n  min-width: 0;\n}\n\n.notification-title {\n  font-size: 1.1rem;\n  font-weight: 700;\n  line-height: 1.3;\n  margin: 0 0 0.5rem 0;\n}\n\n.notification-message {\n  // color: #434343;\n  font-size: 0.95rem;\n  line-height: 1.5;\n  margin: 0 0 0.75rem 0;\n}\n\n.notification-link {\n  @extend %button;\n  // background-color: #8dc63f;\n  // border-radius: 4px;\n  // color: #fff;\n  // display: inline-block;\n  // font-weight: 600;\n  // font-size: 0.9rem;\n  // margin-top: 0.5rem;\n  // padding: 0.5rem 1rem;\n  // text-decoration: none;\n  // transition: background-color 0.2s ease;\n}\n\n// .notification-link:hover,\n// .notification-link:focus {\n//   background-color: #7ab32e;\n//   color: #fff;\n//   text-decoration: none;\n// }\n\n// * Gumb za zatvaranje */\n.notification-close {\n  @include close-button;\n  flex: 0 0 auto;\n  // align-items: center;\n  // background: transparent;\n  // border: none;\n  // color: #434343;\n  // cursor: pointer;\n  // display: flex;\n  // // flex-shrink: 0;\n  // font-size: 1.5rem;\n  // height: 32px;\n  // justify-content: center;\n  // line-height: 1;\n  // margin: 0;\n  // padding: 0;\n  // // position: absolute;\n  // // right: 0.5rem;\n  // // top: 0.5rem;\n  // transition: color 0.2s ease, transform 0.2s ease;\n  // width: 32px;\n}\n\n// .notification-close:hover,\n// .notification-close:focus {\n//   color: #303945;\n//   outline: none;\n//   transform: scale(1.1);\n// }\n\n// .notification-close:active {\n//   transform: scale(0.95);\n// }\n\n/* Animacije */\n@keyframes notificationSlideIn {\n  from {\n    opacity: 0;\n    transform: translateY(-20px) scale(0.95);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0) scale(1);\n  }\n}\n\n@keyframes notificationSlideOut {\n  from {\n    opacity: 1;\n    transform: translateY(0) scale(1);\n  }\n  to {\n    opacity: 0;\n    transform: translateY(-20px) scale(0.95);\n  }\n}\n\n// * Responsive dizajn */\n@media screen and (min-width: 767px) {\n  // .notification {\n  //   margin: 0 20px;\n  //   max-width: calc(100% - 40px);\n  //   min-width: auto;\n  //   padding: 1rem;\n  // }\n\n  .notification-popup.notification-top-left,\n  .notification-popup.notification-top-right,\n  .notification-popup.notification-bottom-left,\n  .notification-popup.notification-bottom-right {\n    left: 20px;\n    max-width: calc(100% - 40px);\n    right: 20px;\n  }\n\n  .notification-popup.notification-top-center,\n  .notification-popup.notification-bottom-center {\n    left: 20px;\n    max-width: calc(100% - 40px);\n    right: 20px;\n    transform: none;\n  }\n\n  .notification-popup.notification-top-center.notification-visible,\n  .notification-popup.notification-bottom-center.notification-visible {\n    transform: none;\n  }\n\n  .notification-popup.notification-center {\n    left: 20px;\n    max-width: calc(100% - 40px);\n    right: 20px;\n    transform: translateY(-50%);\n  }\n\n  .notification-popup.notification-center.notification-visible {\n    transform: translateY(-50%);\n  }\n\n  // .notification-title {\n  //   font-size: 1rem;\n  // }\n  //\n  // .notification-message {\n  //   font-size: 0.9rem;\n  // }\n}\n\n/* Flutter WebView optimizacije */\n.flutter-webview .notification {\n  -webkit-transform: translateZ(0);\n  transform: translateZ(0);\n  will-change: transform, opacity;\n}\n\n/* Pristupačnost */\n.notification:focus {\n  outline: 2px solid #f15a22;\n  outline-offset: 2px;\n}\n\n.notification-link:focus {\n  outline: 2px solid #fff;\n  outline-offset: 2px;\n}\n\n/* Print stilovi */\n@media print {\n  .notifications-popup-container,\n  .notifications-sticky-container {\n    display: none;\n  }\n}\n","@use '../../icons' as *;\n@use '../../colors' as c;\n@use '../../variables' as *;\n@use '../../0-inits/icon-mask-color/icon-mask-color' as *;\n@use '../../0-inits/visually-hidden/visually-hidden' as *;\n\n// Product card\n//\n// Basic product info to show as cards in grid\n//\n// Markup: product-card.twig\n//\n// Style guide: Components.product-card\n\n// %product-card,\n%product,\n.product {\n  &-link {\n    align-items: center; // horizontally so the image alt centered if no img\n    border-radius: inherit;\n    color: inherit;\n    display: flex;\n    flex-flow: column nowrap;\n    grid-area: top;\n    height: 100%; // in case images aren't same height so heart aligns\n    line-height: 1.3;\n    padding-bottom: 1rem;\n    position: relative; // context for tags and heart\n\n    &:focus,\n    &:hover {\n      .product-extra {\n        opacity: 1;\n      }\n    }\n  }\n\n  &-sizes {\n    background: $shoe no-repeat left top / auto 2em transparent;\n    display: flex;\n    flex-flow: row wrap;\n    gap: 0.3em;\n    height: auto;\n    justify-content: start;\n    // left: 1em;\n    list-style: none;\n    margin: 0;\n    padding: 3em 0 1em;\n    pointer-events: none;\n    // position: absolute;\n    text-align: center;\n    // top: 50%;\n    // transform: translateZ(0) translateY(-50%);\n    transition: clip-path 0.3s ease 0s;\n    // width: calc(100% - 2em);\n    width: 100%;\n    z-index: 4; // higher than product-tags\n\n    li {\n      background-color: c.color('product-size-bg');\n      // color: c.color('product-size');\n      color: inherit;\n      border-radius: 4px;\n      flex: 0 1 clamp(1rem, 2.3em, 20%);\n      font-size: calc(16em / 16);\n      font-weight: 800;\n      line-height: 1;\n      min-width: max-content;\n      padding: 0.3em 0.2em 0.2em;\n\n      // &.size-choice {\n      //   background-color: c.color('product-size-choice-bg');\n      //   color: c.color('white');\n      // }\n    }\n  }\n\n  &-item {\n    background-color: c.color('white');\n    border-radius: 10px;\n    // border-radius: 5px;\n    // display: grid;\n    // grid-template-columns: minmax(4em, auto) minmax(2em, auto);\n    // grid-template-areas: 'top      top'\n    //                      'middle1  middle2'\n    //                      'bottom1  bottom2';\n    // grid-template-rows: auto min-content min-content;\n    align-content: stretch;\n    overflow-wrap: anywhere; // break long words\n    position: relative; // context for fav button\n    // transform: translateY(0) translateZ(0);\n    // transition: transform .3s ease-in-out 0s;\n\n    &:hover {\n      // transform: translateY(-3px) translateZ(0);\n\n      .product-link {\n        text-decoration: none;\n      }\n\n      // .product-sizes {\n      //   // clip-path: inset(0% 0% -1px 0%); // if border 1px\n      //   clip-path: inset(0% 0% 0% 0%);\n      // }\n    }\n\n    [class*='product-fav'] {\n      bottom: 1.6em;\n      margin: 0;\n      position: absolute;\n      right: 1em;\n      z-index: 5;\n    }\n  }\n\n  $tag-height: 3.2rem;\n\n  &-tags {\n    align-items: center;\n    display: flex;\n    flex-flow: row nowrap;\n    gap: 0.8em;\n    justify-content: start;\n    max-height: $tag-height;\n    order: -1;\n    overflow-wrap: break-word;\n    // so anchor behind is clickable even over tags area\n    pointer-events: none;\n    width: 100%;\n    z-index: 2;\n\n    img {\n      grid-column-start: 2;\n      display: inline-block;\n      font-size: calc(10rem / 16);\n      line-height: 1.1;\n      max-height: $tag-height;\n      max-width: 3em;\n      text-transform: uppercase;\n      vertical-align: top;\n      width: auto;\n    }\n  }\n\n  &-title {\n    align-self: stretch; // short titles still left aligned with column flex\n    font-size: calc(20rem / 16);\n    font-weight: 800;\n    line-height: 1.2;\n    order: 10;\n    padding: 0 0 1vw;\n    text-align: left;\n  }\n\n  &-img {\n    display: block;\n    /* margin-top: auto; */\n    padding: 1rem;\n  }\n\n  &-extra {\n    align-items: center;\n    background-color: c.color('product-sizes-bg');\n    border-radius: inherit;\n    display: flex;\n    flex-flow: column nowrap;\n    gap: 2em;\n    // height: calc(100% - 2px);\n    height: 100%;\n    justify-content: end;\n    left: 0;\n    // margin: 1px;\n    opacity: 0;\n    padding: 1.6em;\n    pointer-events: none;\n    position: absolute;\n    text-align: center;\n    top: 0;\n    transition: opacity 0.5s ease 0s;\n    // width: calc(100% - 2px);\n    width: 100%;\n    z-index: 2; // lower than product-tags\n  }\n\n  // // make sure the SKU and Add button at the bottom of the card\n  // // are the same height so they're visually centered, using flexbox\n  // // the other way is to use CSS Grid\n  // $flex-bottom-font-size: calc(13rem / 16);\n  // $flex-bottom-font-size-desktop: calc(14rem / 16);\n  // $flex-bottom-lineheight: 1.1;\n  // $flex-bottom-padding-top: .5em;\n  // $flex-bottom-padding-bottom: .4em;\n  //\n  // &-SKU {\n  //   font-size: $flex-bottom-font-size;\n  //   font-weight: 700;\n  //   grid-area: bottom1;\n  //   line-height: 1.1;\n  //   padding: $flex-bottom-padding-top .5em $flex-bottom-padding-bottom;\n  //   @include respond-to('l') {\n  //     font-size: $flex-bottom-font-size-desktop;\n  //   }\n  // }\n}\n\n.price-current {\n  font-size: calc(19rem / 16);\n  font-weight: 800;\n}\n\n.price-regular {\n  color: c.color('price-regular-card');\n  display: inline-block;\n  font-size: calc(14rem / 16);\n  font-weight: 400;\n  position: relative; // context for pseudo\n  text-decoration: line-through from-font solid;\n\n  // &::after {\n  //   background-color: c.color('price-regular');\n  //   content: '';\n  //   display: block;\n  //   height: 1px;\n  //   left: -10%;\n  //   position: absolute;\n  //   top: .8em;\n  //   width: 120%;\n  // }\n\n  span {\n    font-size: calc(12rem / 16);\n  }\n}\n\n[class*='product-fav'] {\n  @include icon-mask-color(\n    $heart,\n    $size: 26px,\n    $bg: c.color('fav-button-heart'),\n    $bg-hover: c.color('fav-button-hover')\n  );\n  background-color: transparent;\n  border-radius: 10px;\n  min-width: 1em; // override %button, make square, only if width enough\n  //padding: 1em .8em .7em; // override\n\n  span {\n    @include visually-hidden;\n  }\n}\n\n.product-fav-add {\n  @include icon-mask-color(\n    $heart,\n    $size: 26px,\n    $bg: c.color('fav-button-heart-add'),\n    $bg-hover: white // $bg-hover: c.color('fav-button-hover')\n  );\n}\n\n// smaller card\n@mixin card-small {\n  font-size: calc(12rem / 16);\n\n  .price-current {\n    font-size: calc(12rem / 16);\n  }\n\n  .price-regular {\n    font-size: calc(11rem / 16);\n  }\n\n  .new-tag {\n    font-size: calc(14rem / 16);\n    letter-spacing: -2%;\n    padding: 0.2rem 0.8rem;\n  }\n\n  .product-tags {\n    gap: 0.4em;\n  }\n\n  .product-title {\n    font-size: calc(12rem / 16);\n  }\n\n  .product-sizes {\n    font-size: calc(10rem / 16);\n  }\n}\n\n.card-small {\n  @extend %product-item;\n  @include card-small;\n}\n\n@include respond-to('s') {\n  .product-item {\n    @include card-small;\n  }\n}\n","// @use '../../icons' as *;\n// @use '../../colors' as c;\n// @use '../../variables' as *;\n// @use '../../0-inits/icon-mask-color/icon-mask-color' as *;\n// @use '../../0-inits/visually-hidden/visually-hidden' as *;\n\n// Product link mini\n//\n// Link to product with img, name, and ID\n//\n// Markup: product-link-mini.twig\n//\n// Style guide: Components.product-link-mini\n                                                                    %product-link-mini {\n  align-items: end;\n  display: grid;\n  grid-template-areas: \"img  name\"\n                       \"img  ID\";\n  grid-template-columns: 5em auto;\n  grid-template-rows: 1fr 1fr;\n  flex-flow: row nowrap;\n  gap: .2rem 1vw;\n  padding: 0;\n\n  img {\n    align-self: center;\n    grid-area: img;\n  }\n\n  .product-ID {\n    align-self: start;\n    grid-area: ID;\n    margin: 0;\n  }\n}\n","// Promo 2x2\n//\n// Panel with 4 areas aranged in grid. Areas are 50% width but have adjustable\n// height\n//\n// :hover - hovered state\n//\n// Markup: promo-2x2.twig\n//\n// Style guide: components.promo-2x2\n\n%promo-2x2,\n.promo-2x2 {\n  display: grid;\n  gap: 0;\n  grid-template-columns: 1fr 1fr;\n  grid-template-rows: 1fr minmax(1rem, 7em) 1fr;\n  list-style: none;\n  min-height: 20em;\n  padding: 0;\n\n  li {\n    align-items: stretch;\n    display: flex;\n    justify-content: stretch;\n\n    &:first-child {\n      grid-area: 1 / 1 / span 2 / span 1;\n    }\n\n    &:last-child {\n      grid-area: 2 / 2 / span 2 / span 1;\n    }\n  }\n\n  [class^='ad-banner'],\n  .free-delivery-box,\n  .double-points {\n    flex: 0 0 100%;\n    margin: 0;\n  }\n\n  .ad-content {\n    width: auto; // override\n  }\n}\n\n","@use '../../colors' as c;\n@use '../../variables' as *;\n@use '../../0-inits/tear-off/tear-off' as *;\n@use '../../0-inits/postage-stamp/postage-stamp' as *;\n\n// Promo codes\n//\n// Definition list with codes styles with postage-stamp-like tear-off\n//\n// Markup: promo-codes.twig\n//\n// Style guide: components.promo-codes\n\n$tear-off-width: .2em;\n\n%promo-codes,\n[class^='promo-codes-'] {\n  color: c.color('promo-code');\n  display: grid;\n  gap: .5rem 0;\n  grid-template-columns: 1fr auto;\n\n  dt,\n  dd {\n    font-size: calc(12rem / 16);\n    font-weight: 400;\n    margin: 0;\n    padding: 1.3rem 2rem;\n    position: relative; // context for pseudo\n\n    &::before {\n      @include tear-off;\n      content: '';\n      height: 100%;\n      position: absolute;\n      top: 0;\n      // radius from promo-code, CSS custom properties unnecessary\n      width: 1rem;\n      z-index: -1;\n    }\n\n    &::after {\n      background-color: c.color('promo-name');\n      content: '';\n      height: 100%;\n      position: absolute;\n      top: 0;\n      width: calc(100% - .4em);\n      z-index: -1;\n    }\n  }\n\n  dt {\n    @include postage-stamp;\n    margin-right: calc($tear-off-width / 2); // space for pseudo tear-off\n\n    &::before {\n      right: calc($tear-off-width / -2);\n    }\n\n    &::after {\n      left: .4em;\n    }\n  }\n\n  dd {\n    @include postage-stamp($bg: c.color('promo-amount'), $side: right);\n    margin-left: calc($tear-off-width / 2); // space for pseudo tear-off\n\n    &::before {\n      @include tear-off($bg: c.color('promo-amount'));\n      left: calc($tear-off-width / -2);\n    }\n\n    &::after {\n      background-color: c.color('promo-amount');\n      left: 0;\n    }\n  }\n}\n\n.promo-codes-expired {\n  dt {\n    @include postage-stamp($bg: c.color('promo-name-expired'));\n    color: c.color('promo-expired');\n\n    &::before {\n      @include tear-off($bg: c.color('promo-name-expired'));\n    }\n\n    &::after {\n      background-color: c.color('promo-name-expired');\n    }\n  }\n\n  dd {\n    @include postage-stamp($bg: c.color('promo-amount-expired'), $side: right);\n\n    &::before {\n      @include tear-off($bg: c.color('promo-amount-expired'));\n    }\n\n    &::after {\n      background-color: c.color('promo-amount-expired');\n    }\n  }\n}\n","@use '../../colors' as c;\n\n// Tear-off\n//\n// Effect like perforated paper for easy tearing off, like event tickets\n//\n//\n//\n// Style guide: sass.init.mixins.tear-off\n\n@mixin tear-off($bg: c.color('promo-name'), $length: .5em, $gap: .3em) {\n  background: repeating-linear-gradient(transparent, transparent $length, $bg $length, $bg calc($length + $gap));\n}\n","@use '../../colors' as c;\n\n// Postage stamp\n//\n// Effect like perforated paper for easy tearing off, like postage stamps edges\n//\n//\n//\n// Style guide: sass.init.mixins.postage-stamp\n\n@mixin postage-stamp($bg: c.color('promo-name'), $radius: .4em, $gap: .2em, $side: left) {\n  background: radial-gradient(transparent calc($radius - 1px), $bg $radius);\n  background-size: calc(2 * ($radius + $gap)) calc(2 * ($radius + $gap));\n  @if $side == left {\n    // minimum half of background-size\n    background-position: (calc(($radius + $gap) * -1.2)) $gap;\n  } @else if $side == right {\n    background-position: (calc(100% + ($radius + $gap) * 1.2)) $gap;\n  } @else {\n    @error 'Unknown side #{$side}. Available values are left and right.';\n  }\n  background-repeat: repeat-y;\n}\n","@use '../../colors' as c;\n@use '../../5-components/item-remove/item-remove' as *;\n@use '../../0-inits/visually-hidden/visually-hidden' as *;\n@use '../../5-components/lightbox/lightbox' as *;\n\n// Sniper link\n//\n// Content opening up across entire screen above everything else\n// Implemented with 2 anchors, one visible that triggers the lightbox\n// The other hidden that shows up on :target of the first anchor\n// Similar to lightbox\n//\n// Markup: sniper-link.twig\n//\n// Style guide: Components.sniper-link\n\n// If lightbox is in a container that has its own stacking context, that\n// container will have to be given z-index higher than other content that\n// appears above the lightbox and it shouldn't (Lightbox element itself\n// can't solve it itself, the parent needs to be positioned above others)\n\n$offset: 5vw;\n$padding-v: 1rem;\n\n%sniper,\n.sniper {\n  @extend %lightbox;\n  background-color: c.color('sniper-bg');\n  display: block;\n  font-size: calc(20rem / 16);\n  font-weight: 400;\n\n  &:target {\n    display: block;\n  }\n  // Fake close button (entire screen closes)\n  &::after {\n    @include close-button;\n    background-color: transparent;\n    border-radius: 0;\n    right: calc($offset + $padding-v / 2);\n    top: calc($offset + $padding-v / 2 + .3em);\n    transition: background-color .3s ease 0s;\n  }\n\n  // cue that hovering over content section won't close sniper\n  &:not(:has(.sniper-content:hover)):hover {\n    &::after {\n      background-color: c.color('sniper-close-bg');\n    }\n  }\n\n  &-content {\n    background-color: c.color('sniper-link-bg');\n    cursor: auto;\n    left: auto;\n    max-width: calc(100% - 5 * $offset);\n    padding: $padding-v 2vw;\n    position: absolute;\n    right: calc($offset + 3em);\n    top: $offset;\n  }\n\n  // makes entire area closing\n  &-close {\n    // background-color: rgba(0 0 255 / 60%);\n    background-color: transparent;\n    cursor: zoom-out;\n    height: 100%;\n    position: absolute;\n    width: 100%;\n    z-index: 0;\n\n    span {\n      @include visually-hidden;\n    }\n  }\n}\n","@use '../../colors' as c;\n@use '../../icons' as *;\n\n// Social icons\n//\n// Facebook, Twitter, and LinkedIn\n//\n// Markup: social-icons.twig\n//\n// Style guide: Components.social-icons\n\n// SVGs\n.social-fb,\n.social-twitter,\n.social-linkedin {\n  fill: c.color('social-icon');\n  transition: fill .3s ease 0s;\n}\n\n// container\n.social-icons {\n  display: flex;\n  flex-flow: row wrap;\n  gap: .3em;\n  justify-content: center;\n  margin: 0 0 2rem;\n\n  [class*='social-'] {\n    display: flex;\n    flex-flow: row nowrap;\n    gap: .3em;\n    margin: .2em;\n    min-width: 2em;\n    padding: .2em;\n    text-align: center;\n\n    &::before {\n      //background: $facebook-frame left center / auto 1.6em no-repeat c.color('facebookBlue');\n      // background-color: c.color('facebookBlue');\n      // content: $facebook-frame;\n      display: block;\n      height: 1.6em;\n      width: 1.6em;\n\n    }\n  }\n}\n\n.social-fb {\n\n  &::before {\n    background-color: c.color('facebookBlue');\n    content: $facebook-frame;\n  }\n\n  &:focus,\n  &:hover {\n    fill: c.color('facebookBlue');\n  }\n}\n\n.social-tw {\n\n  &::before {\n    background-color: c.color('twitterBlue');\n    content: $twitter-frame;\n  }\n\n  &:focus,\n  &:hover {\n    fill: c.color('twitterBlue');\n  }\n}\n\n// .social-linkedin {\n//\n//   &::before {\n//     content: $linkedin-frame;\n//   }\n//\n//   &:focus,\n//   &:hover,\n//   &::before {\n//     fill: c.color('linkedinBlue');\n//   }\n// }\n\n.social-ig {\n\n  &::before {\n    background: linear-gradient(45deg, #405de6, #5851db, #833ab4, #c13584, #e1306c, #fd1d1d);\n    content: $instagram-frame;\n  }\n\n  &:focus,\n  &:hover {\n    fill: c.color('linkedinBlue');\n  }\n}\n","@use '../../colors' as c;\n@use '../../icons' as *;\n@use '../../0-inits/visually-hidden/visually-hidden' as *;\n\n// Tags\n//\n// Tags on a product\n//\n// Markup: tags.twig\n//\n// Style guide: Components.tags\n\n\n// New\n%new-tag,\n.new-tag {\n  font-size: calc(18em / 16);\n  font-weight: 700;\n  padding: .2em 1.2em;\n  text-transform: uppercase;\n}\n\n// Fast sell\n%fast-sell,\n.fast-sell {\n  background-color: c.color('fast-sell');\n  // gallery thumbs at the Bottom\n  // border-radius: 0 .2rem .2rem 0;\n  // gallery thumbs are on the left:\n  // border-radius: 0 0 .2rem .2rem;\n  border-radius: .2rem;\n  color: c.color('white');\n  font-size: calc(12em / 16);\n  font-weight: 700;\n  line-height: 1.2;\n  // in case gallery thumbs are at the bottom\n  // away from top edge, while other tags may abut if height enough\n  // push to left edge, with order -1\n  // margin: 1rem auto 1rem 0;\n  // gallery thumbs at the left, 6 columns total, 2 columns are thumbs\n  // margin: 0 auto 1rem 33.333%;\n  // gallery thumbs in one column on the left, 6 columns total\n  margin: 0;\n  // order: -1;\n  padding: .2em 1.2em;\n  text-align: center;\n  text-transform: uppercase;\n\n  // &:first-child {\n  //   border-radius: 0 0 .2rem;\n  // }\n}\n\n$icon-size: 2em;\n$spacing-x: 2.2em;\n\n.vodootporno-tag,\n.lagano-tag {\n  background: calc(($spacing-x - $icon-size) / 2) 50% / auto $icon-size no-repeat;\n  min-height: $icon-size;\n  padding-left: $spacing-x;\n\n  span {\n    @include visually-hidden;\n  }\n}\n\n// Vodootporno\n.vodootporno-tag {\n  background-image: $droplet;\n}\n\n// Lagano\n.lagano-tag {\n  background-image: $feather;\n}\n\n// Popusti oznake na galeriji proizvoda\n%popust-tag,\n.price-discount,\n[class^='tag-discount'] {\n  // gray-light is the default\n  --hue: 219;\n  --sat: 23%;\n  --lght: 83%;\n  --alpha: 1;\n  align-self: start;\n  // background-color: var(--discount-bg, c.color('discount'));\n  background-color: hsla(var(--hue), var(--sat), var(--lght), var(--alpha));\n  color: c.color('price-discount');\n  border-bottom-left-radius: 1.2em;\n  font-size: calc(18em / 16);\n  font-weight: 800;\n  letter-spacing: -5%;\n  line-height: 1.4;\n  margin-left: auto; // to right\n  order: 10;\n  padding: .5em .9em .5em 1em;\n  text-align: center;\n  white-space: nowrap;\n\n  span {\n    font-size: calc(12em / 16);\n  }\n}\n\n// Smaller version, for product cards\n// .popust-card-tag {\n.product-link [class^='tag-discount'] {\n  @extend %popust-tag;\n  border-bottom-left-radius: .9em;\n  font-size: calc(16em / 16);\n  padding: .4em .5em .4em .6em;\n\n  span {\n    font-size: calc(9em / 16);\n  }\n}\n\n// .tag-discount-10 { background-color: c.color('discount-10'); }\n// .tag-discount-15 { background-color: c.color('discount-15'); }\n// .tag-discount-20 { background-color: c.color('discount-20'); }\n","@use '../../colors' as c;\n@use '../../icons' as *;\n\n// Tooltip\n//\n// Usually a span with shot text initially hidden and shown on hover\n//\n// :focus - focused state, keyboard\n// :focus-visible - focused state, only keyboard\n// :hover - hovered state\n//\n// Markup: tooltip.twig\n//\n// Style guide: components.tooltip\n\n$size: 1.5rem;\n\n%tooltip,\n.tooltip {\n  // alwayas visible, trigger\n  background: $info3 50% 50%/#{$size} auto no-repeat;\n  display: inline-block;\n  font-weight: 400;\n  height: $size;\n  margin-left: .4em;\n  position: relative; // context for span\n  vertical-align: text-bottom;\n  width: $size;\n  z-index: 3;\n\n  // tooltip content, without bg, contains the \"triangle\"\n  span {\n    bottom: 1rem;\n    clip-path: inset(100% 0% 0% 0%);\n    display: block;\n    min-width: 10em;\n    padding: .5rem 1rem 1.2rem;\n    position: absolute;\n    right: -.8rem;\n    text-align: right;\n    transition: clip-path .3s ease 0s;\n    z-index: 3;\n\n    &::before,\n    &::after {\n      content: '';\n      display: block;\n      position: absolute;\n    }\n\n    // \"triangle\"\n    &::before {\n      background-color: c.color('tooltip-span');\n      border-bottom: 1px solid c.color('tooltip-border');\n      border-right: 1px solid c.color('tooltip-border');\n      bottom: .4rem;\n      // box-shadow: -1px -1px 0 0 c.color('tooltip-border') inset;\n      box-sizing: border-box;\n      clip-path: polygon(1.1rem -2px, 1rem 1rem, 0 1rem);\n      height: 1rem;\n      right: .8rem;\n      transform: rotate(45deg);\n      width: 1rem;\n      z-index: 0;\n    }\n\n    // bg of tooltip\n    &::after {\n      background-color: c.color('tooltip-span');\n      border-bottom: 1px solid c.color('tooltip-border');\n      bottom: auto;\n      box-shadow: 0 -.4rem 2rem .3rem c.color('tooltip-shadow');\n      content: '';\n      height: calc(100% - .9rem);\n      left: 0;\n      right: auto;\n      top: 0;\n      width: 100%;\n      z-index: -1;\n    }\n  }\n\n  &:hover {\n    opacity: 1;\n\n    span {\n      // allow for shadow\n      clip-path: inset(-2rem -2rem -1rem -2rem);\n    }\n  }\n}\n","// @use '../../variables' as *;\n@use '../../colors' as c;\n@use '../../4-navigation/more-link/more-link' as *;\n\n// Blog page\n//\n// Blog or static page\n//\n// Markup: blog.twig\n//\n// Style guide: Pages.blog\n\n\n.blog {\n  .main-contain > nav {\n    min-width: 20em;\n  }\n\n  &-content {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n  }\n\n  &-div {\n    header {\n      text-align: center;\n    }\n  }\n\n  &-card {\n    // background-color: c.color('blog-card-bg');\n    border-bottom: 1px solid c.color('blog-border');\n    padding: 1rem 0;\n\n    a {\n      color: inherit;\n      display: block;\n    }\n  }\n}\n\n.comment-item {\n  border-bottom: 1px solid c.color('blog-comment-border');\n  padding: 1rem 0;\n}\n\n.autorinfo {\n  align-items: center;\n  display: flex;\n  flex-flow: row wrap;\n  justify-content: space-evenly;\n}\n\n.meta,\n.comment-item time {\n  font-size: 14px;\n  color: c.color('blog-meta');\n}\n\n.excerpt {\n    font-size: 16px;\n    color: #333;\n    line-height: 1.5;\n}\n\n.control-nav {\n    display: flex;\n    justify-content: center;\n    gap: 10px;\n    margin-top: 20px;\n}\n","/* stylelint-disable no-descending-specificity no-duplicate-selectors */\n\n@use '../../colors' as c;\n@use '../../icons' as *;\n@use '../../variables' as *;\n@use '../../0-inits/dl-horizontal/dl-horizontal' as *;\n@use '../../0-inits/visually-hidden/visually-hidden' as *;\n@use '../../0-inits/flex-space-apart/flex-space-apart' as *;\n@use '../../0-inits/scrollbar-hide/scrollbar-hide' as *;\n@use '../../1-normalize/tables/tables' as *;\n@use '../../3-forms/button/button' as *;\n@use '../../3-forms/capsule-form/capsule-form' as *;\n@use '../../3-forms/fancy-checkbox/fancy-checkbox' as *;\n@use '../../5-components/product-link-mini/product-link-mini' as *;\n\n// Cart page\n//\n// Review of order and purchase\n//\n//\n//\n// Style guide: Pages.cart\n\n.cart {\n  &-layout {\n    @include respond-to('l') {\n      display: grid;\n      gap: $gutter-main;\n      grid-template-columns: repeat(auto-fit, minmax(40em, 2fr) minmax(14em, 1fr));\n      // grid-template-rows: 1fr minmax(.1rem, 40em) 1fr;\n    }\n  }\n\n  &-main {\n    display: contents;\n\n    h2,\n    caption {\n      @include visually-hidden;\n    }\n  }\n\n  &-content {\n    grid-area: 1 / 1 / span 1 / span 1;\n  }\n\n  &-summary {\n    align-self: start; // so gray bg doesn't stretch full column\n    grid-area: 1 / 2 / span 2 / span 1;\n  }\n\n  &-table {\n    @extend %table-simple;\n    // font-size: calc(14rem / 16);\n    // font-weight: 700;\n    // text-align: center;\n    margin-bottom: 2rem;\n\n    .product-link {\n      @extend %product-link-mini;\n    }\n\n    .price-regular {\n      display: block;\n      margin-bottom: .5rem;\n    }\n\n    .product-size {\n      white-space: nowrap;\n    }\n\n    .number-spinner {\n      $cart-icon-circle-size: 1.76em;\n\n      .min-btn,\n      .plus-btn {\n        background-position: calc($cart-icon-circle-size / 2) 50%, calc($cart-icon-circle-size / 2) 50%;\n        background-repeat: no-repeat, no-repeat;\n        background-size: .92em auto, auto;\n      }\n\n      .min-btn {\n        background-image: $icon-down,\n                          radial-gradient(circle at calc($cart-icon-circle-size / 2), var(--c1), var(--c1) calc($cart-icon-circle-size / 2), transparent calc(1px + $cart-icon-circle-size / 2));\n\n        &::before {\n          content: none;\n        }\n      }\n\n      .plus-btn {\n        background-image: $icon-up,\n                          radial-gradient(circle at calc($cart-icon-circle-size / 2), var(--c1), var(--c1) calc($cart-icon-circle-size / 2), transparent calc(1px + $cart-icon-circle-size / 2));\n        transform: none;\n      }\n    }\n\n    .remove-this-item.item-remove {\n      $cart-icon-circle-size: 1.76em;\n      background-image: $icon-trash,\n                        radial-gradient(circle at calc($cart-icon-circle-size / 2), var(--c1), var(--c1) calc($cart-icon-circle-size / 2), transparent calc(1px + $cart-icon-circle-size / 2));\n      background-position: calc($cart-icon-circle-size / 2) 50%, calc($cart-icon-circle-size / 2) 50%;\n      background-repeat: no-repeat, no-repeat;\n      background-size: .92em auto, auto;\n    }\n  }\n\n  &-controls {\n    @extend %flex-space-apart;\n  }\n}\n\n.table-scroller {\n  @extend %scrollbar-hide;\n  overflow: scroll;\n  width: 100%;\n}\n\n\n// Cart product link\n//\n// Link containing the product image, tags, product title, and code.\n//\n// :hover - hovered state\n//\n// Markup: cart-product-link.twig\n//\n// Weight: -1\n//\n// Style guide: pages.cart.product-link\n\n.cart-product-link {\n  color: inherit;\n  display: flex;\n  flex-flow: column nowrap;\n  justify-content: center;\n  min-height: $cart-img-width;\n  padding-left: calc($cart-img-width + 1em);\n  position: relative;\n  text-align: left;\n\n  .product-img {\n    left: 0;\n    max-width: $cart-img-width;\n    position: absolute;\n    top: 0;\n  }\n\n  .product-ID {\n    min-width: 10em;\n  }\n}\n\n// .promo-points-discounts {\n//   column-width: 16em;\n//   column-gap: $gutter-main * 4;\n//   column-rule: 1px solid c.color('cart-border');\n//   grid-area: 2 / 1 / span 2 / span 1;\n//   margin: 3rem 0;\n//\n//   .promo-points,\n//   .discounts {\n//     break-inside: avoid;\n//   }\n// }\n\n// Cart item capsule\n//\n// Form items for applying promo codes\n//\n// Markup: cart-item-capsule.twig\n//\n// Weight: 0\n//\n// Style guide: pages.cart.item-capsule\n$offset: 1.4rem;\n\n.item-capsule {\n  @extend %capsule-container;\n  border-bottom: 1px solid c.color('cart-border');\n  padding-bottom: 1.6rem;\n  margin-top: 1rem;\n\n  label {\n    font-weight: 600;\n    margin-bottom: .8rem;\n    padding-left: $offset;\n  }\n\n  input {\n    background-color: c.color('cart-summary-input-bg');\n    border-width: 0;\n    border-radius: 10em;\n    font-weight: 700;\n    padding-left: $offset;\n  }\n}\n\n.promo-save {\n  font-weight: 700;\n  margin-top: .3rem;\n  padding-left: $offset;\n}\n\n#add_voucher_button {\n  @extend %button-hollow;\n  margin-bottom: 1rem;\n  margin-left: auto;\n\n  & + .form-item,\n  & + .item-capsule {\n    border-top: 1px solid c.color('cart-border');\n    padding-top: 1rem;\n  }\n}\n\n// Cart promo points\n//\n// Form items for applying points and coupons\n//\n// Markup: cart-points.twig\n//\n// Weight: 1\n//\n// Style guide: pages.cart.points\n\n// .promo-points {\n//   font-size: calc(14rem / 16);\n//\n//   .form-item {\n//     border-bottom: 1px solid c.color('cart-border');\n//     align-items: center;\n//     display: flex;\n//     flex-flow: row wrap;\n//     gap: 0 1rem;\n//     margin-bottom: 1.4rem;\n//     padding-bottom: .4rem;\n//\n//     &:last-child {\n//       border-bottom: 0;\n//       padding-bottom: 0;\n//     }\n//\n//     .form-item-title {\n//       flex: 1 0 100%;\n//       font-weight: 400;\n//     }\n//\n//     p {\n//       flex: 1 1 12em;\n//       margin: 1rem 0;\n//     }\n//\n//     button {\n//       @extend %button-hollow;\n//       margin-left: auto; // keep right\n//       max-width: 50%;\n//       min-width: 10em;\n//       padding-left: $gutter-main;\n//       padding-right: $gutter-main;\n//     }\n//   }\n// }\n\n.promo-discounts {\n  display: flex;\n  flex-flow: column nowrap;\n  gap: 1.6rem;\n}\n\n// Cart Summary Prices\n//\n// Breakdown of the order invoice price\n//\n// Markup: summary-prices.twig\n//\n// Weight: 2\n//\n// Style guide: pages.cart.summary-prices\n\n.cart-summary {\n  background-color: c.color('cart-summary');\n  margin-top: 2.5rem;\n  padding: 0 calc($gutter-main / 2);\n\n  h2 {\n    margin-bottom: 1.5rem;\n    text-transform: none;\n  }\n\n  dl {\n    align-items: center;\n    display: grid;\n    font-size: calc(14rem / 16);\n    gap: .5rem 0;\n    grid-template-columns: 1fr auto;\n    line-height: 1.3;\n    margin-top: 0;\n    padding: 0;\n  }\n\n  dt {\n    font-weight: 500;\n    padding-left: 1vw;\n    padding-right: 1rem;\n  }\n\n  dd {\n    font-weight: 500;\n    letter-spacing: -2%;\n    margin: 0;\n    text-align: right;\n  }\n\n  .free-delivery-meter {\n    background-color: c.color('cart-meter-summary-bg');\n  }\n\n  .free-delivery-meter::-moz-meter-bar {\n    background-color: c.color('cart-meter-summary-progress');\n  }\n\n  .free-delivery-meter::-webkit-meter-optimum-value {\n    background-color: c.color('cart-meter-summary-progress');\n  }\n\n  button {\n    min-width: 9em;\n  }\n\n  details {\n    border-bottom: 1px solid c.color('details-border');\n    // to move Add promo button to right\n    display: flex;\n    flex-flow: column nowrap;\n    margin-bottom: 1rem;\n  }\n\n  summary {\n    font-size: calc(14rem / 16);\n    font-weight: 600;\n  }\n\n  .form-froddovi {\n    @extend %flex-space-apart;\n    gap: 0 1vw;\n  }\n\n  .froddovi {\n    color: c.color('froddovi');\n    flex: 0 1 10em;\n    font-size: calc(14rem / 16);\n    font-weight: 600;\n    line-height: 1.3;\n  }\n\n  .form-item-title {\n    @include visually-hidden;\n  }\n}\n\n// Last row of summary, total amount and its \"label\"\n.cart-summary {\n  .cart-total,\n  .cart-price-total {\n    border-top: 1px solid c.color('cart-border');\n    font-size: calc(18rem / 16);\n    margin-top: 1rem;\n    padding: 1rem 0;\n  }\n}\n\n// Cart Reserve\n//\n// TBD? Form element for the case when customer wants the order to be held at a\n// certain store location.\n//\n// :focus - focused state, keyboard\n// :hover - hovered state\n//\n// Markup: cart-reserve.twig\n//\n// Weight: 3\n//\n// Style guide: pages.cart.cart-reserve\n\n// link in .cart-summary\n.cart-reserve {\n  @extend %debuttonize;\n  background: $pin-check 0% 50%/1.6em auto no-repeat;\n  float: right;\n  line-height: 1.1;\n  margin: .5em 0 1rem 1rem;\n  padding: .5em 0 .2em 2em;\n  position: relative; // for z-index\n  text-decoration: underline 15%;\n  text-underline-offset: 35%;\n  z-index: 1;\n}\n\n// on the next page\n.shop-details {\n  border: 1px solid c.color('shop-details-border');\n  padding: .5rem 1rem;\n\n  .shop-details-title {\n    color: c.color('shop-title');\n    font-size: calc(12rem / 16);\n    letter-spacing: -2%;\n  }\n}\n\n#shop_details {\n  font-size: calc(14rem / 16);\n  letter-spacing: -2%;\n  margin: .5rem 0;\n}\n\n// on the second page user data output\n.cart-reserve-output {\n  @extend %dl-horizontal;\n  border: 1px solid c.color('shop-details-border');\n  padding: .5rem 1rem;\n}\n\n// Cart Send Gift\n//\n// Message to add to the order in case it is purchased as a gift.\n//\n// `<textarea>` needs to receive/lose `disabled` attribute programmatically\n//\n// :focus - focused state, keyboard\n// :hover - hovered state\n// :checked - checked state, reveals textbox\n//\n// Markup: cart-send-gift.twig\n//\n// Weight: 4\n//\n// Style guide: pages.cart.cart-send-gift\n\n#send-gift {\n  @extend %fancy-checkbox;\n  @include visually-hidden;\n\n  &:checked {\n    & ~ #gift-message {\n      border-radius: 0;\n      margin-bottom: 0;\n      max-height: 20em;\n      opacity: 1;\n    }\n  }\n\n  & + [for='send-gift'] {\n    font-size: calc(12rem / 16);\n    font-weight: 500;\n\n    // // ::before is already used in fancy-checkbox\n    // &::after {\n    //   background-color: c.color('cart-border');\n    //   content: '';\n    //   height: 1px;\n    //   left: 0;\n    //   position: absolute;\n    //   top: -.8rem;\n    //   width: 100%;\n    // }\n  }\n}\n\n\n#gift-message {\n  background-color: c.color('cart-textarea-bg');\n  margin-bottom: -4vw;\n  max-height: 0;\n  opacity: 0;\n  transition: max-height .3s ease 0s;\n  transition-property: max-height, opacity;\n}\n\n[for='gift-message'] {\n  @include visually-hidden;\n}\n\n// Cart Submit\n//\n// Main submit button for the cart checkout form\n//\n// :focus - focused state, keyboard\n// :focus-visible - focused state, only keyboard\n// :hover - hovered state\n//\n// Markup: cart-submit.twig\n//\n// Weight: 5\n//\n// Style guide: pages.cart.cart-submit\n\n.checkout-submit {\n  line-height: 1.5;\n  position: relative;\n  text-transform: none;\n  white-space: normal;\n  width: 100%;\n\n  span {\n    display: block;\n    font-size: calc(11rem / 16);\n    font-weight: 300;\n  }\n\n  // &::after {\n  //   background-color: c.color('cart-border');\n  //   content: '';\n  //   height: 1px;\n  //   left: 0;\n  //   position: absolute;\n  //   top: -1.5rem;\n  //   width: 100%;\n  // }\n}\n","@use '../../colors' as c;\n@use '../../icons' as *;\n@use '../../variables' as *;\n@use '../../0-inits/albatross/albatross' as *;\n@use '../../0-inits/autosuggest-box/autosuggest-box' as *;\n@use '../../0-inits/new/new' as *;\n@use '../../0-inits/scroll-shadow/scroll-shadow' as *;\n@use '../../0-inits/visually-hidden/visually-hidden' as *;\n// @use '../../0-inits/flex-space-apart/flex-space-apart' as *;\n// @use '../../1-normalize/tables/tables' as *;\n// @use '../../3-forms/button/button' as *;\n// @use '../../3-forms/capsule-form/capsule-form' as *;\n// @use '../../3-forms/fancy-checkbox/fancy-checkbox' as *;\n// @use '../../5-components/product-link-mini/product-link-mini' as *;\n@use '../../5-components/alerts/alerts' as *;\n@use '../../5-components/item-remove/item-remove' as *;\n\n// Paketomati\n//\n// Odabir paketomata pomoću karte ili adrese\n//\n//\n//\n// Style guide: Pages.paketomati\n\n.add-paketomat,\n.add-delivery {\n  @extend %add-new-button;\n\n  &.selected {\n    background-clip: unset;\n    background-color: c.color('add-paketomat-selected-bg');\n    border: 1px solid c.color('add-paketomat-selected-bg');\n    color: c.color('add-paketomat-selected');\n\n    &::before {\n      content: none;\n    }\n  }\n}\n\n.paketomat,\n.predmet {\n  &i-container {\n    @extend %albatross-parent;\n    align-items: stretch;\n    gap: 2vw;\n    height: calc(100% - 5em);\n    position: relative; // context for suggestions\n\n    [for='searchInput'] {\n      @include visually-hidden;\n    }\n  }\n\n  &i-sidebar {\n    @extend %scroll-shadow;\n    @include albatross-child($min-width: 15em, $collapse-point: 20em, $grow: 1);\n    // subtract space for search input\n    max-height: calc(40vh - 5em);\n    overflow-y: scroll;\n    @include respond-to('l') {\n      max-height: calc(100% - 5em);\n    }\n  }\n\n  &-item {\n    border-bottom: 1px solid c.color('paketomat-border');\n    cursor: pointer;\n    padding: 1rem 0;\n    position: relative; // context for active item\n\n    &:hover{\n      background-color: c.color('paketomat-hover-bg');\n    }\n\n    &.active {\n      &::before {\n        background-color: c.color('paketomat-active');\n        border-radius: 10em;\n        content: '';\n        display: block;\n        height: .7rem;\n        left: auto;\n        position: absolute;\n        right: 0;\n        top: 50%;\n        transform: translateY(-50%);\n        width: .7rem;\n      }\n    }\n  }\n\n  &-name {\n    font-size: calc(16rem / 16);\n    font-weight: 500;\n    text-transform: uppercase;\n  }\n\n  &-address {\n    color: c.color('paketomat-address');\n    font-size: calc(14rem / 16);\n    font-weight: 400;\n  }\n\n  &-note {\n    color: c.color('paketomat-note');\n  }\n\n  &-image {\n    max-width: 100px;\n  }\n\n  // dl\n  &-info {\n    dt {\n      @include visually-hidden;\n    }\n\n    dd {\n      font-size: calc(12rem / 16);\n      font-weight: 500;\n    }\n\n    .paketomat-note,\n    .predmet-note {\n      font-size: calc(10rem / 16);\n      margin-top: .6em;\n    }\n  }\n}\n\n// Modal s kartom, override some properties of regular modal\n#paketomatModal {\n  .modal-content {\n    overflow: hidden;\n  }\n}\n\n#searchInput {\n  align-self: start;\n  background: $search 1rem 50% / auto no-repeat c.color('search-paketomati-bg');\n  border-radius: 10em;\n  border-width: 0;\n  flex: 0 0 100%;\n  padding-left: 3rem;\n  padding-right: 1rem;\n}\n\n#map {\n  @include albatross-child($min-width: 15em, $collapse-point: 20em, $grow: 3);\n  // override .leaflet-container\n  font-family: $font-family-default;\n  font-size: calc(14rem / 16);\n  // subtract space for search input\n  max-height: calc(100% - 5em);\n  min-height: calc(50vh - 5em);\n  position: relative;\n  z-index: 1;\n\n  .leaflet-popup-content-wrapper {\n    border-radius: 0;\n    box-shadow: none;\n    padding: .5rem 1.5rem .5rem .5rem;\n  }\n\n  .paketomat-name,\n  .predmet-name {\n    margin-bottom: .2em;\n    text-transform: none;\n  }\n\n  .paketomat-address,\n  .predmet-address {\n    color: inherit;\n  }\n\n  .leaflet-popup-close-button {\n    @include item-remove($size: 1em,\n                      $spacing-x: 2em,\n                      $bg: c.color('nav-close-bg'),\n                      $color: c.color('nav-close'),\n                      $icon: $x);\n    color: inherit;\n    overflow: hidden;\n    text-indent: -9999px; // hide × character that Leaflet generates\n    right: 1rem;\n    top: 1rem;\n  }\n}\n\n.leaflet-marker-paketomat,\n.leaflet-marker-user {\n    background: $pin 50% / contain no-repeat;\n    height: 54px;\n    width: 43px;\n}\n\n.suggestions-box {\n  @extend %autosuggest-box;\n  left: 3rem; // same as input padding for search icon\n  max-height: 20em;\n  transform: none;\n}\n\n\n// Adresa odabranog paketomata ispod gumba na cart\n#paketomatInfo {\n  @extend %albatross-parent;\n  gap: 1vw;\n\n  h3,\n  .paketomat-info {\n    @include albatross-child;\n  }\n\n  h3 {\n    font-size: calc(14rem / 16);\n    font-weight: 600;\n  }\n\n  .paketomat-info {\n    display: block;\n    margin-bottom: 0;\n  }\n}\n","@use 'sass:map';\n@use '../../colors' as c;\n@use '../../variables' as *;\n@use '../../0-inits/albatross/albatross' as *;\n// @use '../../0-inits/scroll-shadow/scroll-shadow' as *;\n@use '../../0-inits/scrollbar-hide/scrollbar-hide' as *;\n\n// Category page\n//\n//\n//\n//\n//\n// Style guide: pages.category\n\n.category {\n  &-layout {\n    @extend %albatross-parent;\n    align-items: flex-start;\n    display: block;\n    gap: 1rem $gutter-main;\n\n    @include respond-to('l') {\n      align-items: start;\n      display: grid;\n      grid-template-areas: 'nav     nav'\n                           'heading heading'\n                           'desc    desc'\n                           'filters sort'\n                           'filters content';\n      grid-template-columns: 15em 1fr;\n      grid-template-rows: auto auto auto auto;\n      width: 100%;\n\n      .shop-menu,\n      h1 {\n        grid-column: 1 / -1;\n      }\n\n      .filter-sort {\n        grid-area: sort;\n        // grid-column: 3 / -1;\n        justify-self: end;\n\n        .product-filter-items {\n          left: auto;\n          right: 0;\n        }\n      }\n\n      .category-content {\n        grid-area: content;\n      }\n\n      .category-filters {\n        grid-area: filters;\n        grid-row: 4 / -1;\n      }\n\n      .product-filter:not(.filter-sort) {\n        margin: 0;\n\n        & > [type='checkbox'] + label {\n          padding-right: 0;\n          text-align: left;\n        }\n      }\n\n      .product-filter-items {\n        left: 0;\n        transform: none;\n      }\n    }\n\n    &.category-wide {\n      display: flex;\n      gap: 1rem 2vw;\n    }\n\n    @include respond-to('xl') {\n      display: flex;\n      gap: 1rem 2vw;\n    }\n\n    h1 {\n      flex: 0 0 100%;\n      grid-area: heading;\n      margin: 0;\n    }\n\n    .banners {\n      order: 10;\n    }\n  }\n\n  &-desc {\n    flex: 0 0 100%;\n    grid-area: desc;\n    margin: $gutter-vertical 0;\n    // limit text width while occupying entire flex row\n    padding-right: clamp(0%, 100% - 57em, 50%);\n  }\n\n  // &-filters {\n  //   // @include albatross-child($min-width: 14em, $collapse-point: map.get($breakpoints, 'category-collapse-point'), $grow: 1);\n  //   overflow: visible;\n  //   position: relative;\n  //\n  //   .filters-overflow {\n  //     // @extend %scrollbar-hide;\n  //     // so toggle labels don't all grow if some child gets out of place\n  //     align-items: start;\n  //     display: flex;\n  //     flex-flow: row wrap;\n  //     gap: 1rem 1vw;\n  //     height: 100vh;\n  //     justify-content: start;\n  //     padding: 0;\n  //     @include respond-to('l') {\n  //       align-items: center;\n  //       flex-flow: row nowrap;\n  //       height: auto;\n  //       // if \"end\" then first item isn't visible in horizontal scroll\n  //       justify-content: start;\n  //       overflow-x: visible;\n  //       overflow-y: hidden;\n  //       position: static;\n  //     }\n  //   }\n  // }\n\n  &-filters {\n    // @include albatross-child($min-width: 14em, $collapse-point: map.get($breakpoints, 'category-collapse-point'), $grow: 1);\n    // @extend %scrollbar-hide;\n    // so toggle labels don't all grow if some child gets out of place\n    align-items: start;\n    display: flex;\n    flex-flow: row wrap;\n    gap: 1rem 1vw;\n    height: 100vh;\n    justify-content: start;\n    padding: 0;\n    @include respond-to('l') {\n      align-items: center;\n      flex: 0 0 clamp(10em, 20%, 90vw);\n      flex-flow: row wrap;\n      height: auto;\n      // if \"end\" then first item isn't visible in horizontal scroll\n      // justify-content: start;\n      justify-content: end;\n      // order: 1;\n      // overflow-x: visible;\n      // overflow-y: hidden;\n      // position: static;\n    }\n    @include respond-to('xl') {\n      @include albatross-child($min-width: 14em, $collapse-point: map.get($breakpoints, 'category-collapse-point'), $grow: 10);\n      flex-flow: row nowrap;\n\n      .product-filter {\n        flex: 0 1 auto;\n        margin: 0;\n      }\n    }\n  }\n\n  &-content {\n    @include albatross-child($min-width: 14em, $collapse-point: map.get($breakpoints, 'category-collapse-point'), $grow: 4);\n    // flex: 0 0 100%;\n    // order: 3;\n\n    @include respond-to('xl') {\n      flex: 0 0 100%;\n    }\n\n  }\n}\n\n.rating-store {\n  @extend %albatross-parent;\n  align-items: center;\n  border-top: 1px solid c.color('category-border');\n  gap: 2 * $gutter-main;\n  margin: 4rem 0;\n  padding: 4rem 0;\n}\n\n.rating-outsider,\n.rating-testimonial {\n  @include albatross-child;\n}\n\n.rating-testimonial {\n  display: flex;\n  flex-flow: row wrap;\n  gap: 1rem;\n\n  .payment-cards {\n    filter: saturate(0%);\n    margin-left: auto;\n  }\n}\n","@use '../../variables' as *;\n@use '../../colors' as c;\n\n// Basic box\n//\n// Used on Product page\n//\n// Markup: box.twig\n//\n// Style guide: Inits.box\n\n%box-plain {\n  background-color: c.color('product-section-bg');\n  border: 1px solid c.color('product-section-border');\n  border-radius: 3px;\n}\n\n%box {\n  @extend %box-plain;\n  margin: $gutter-main 0;\n  padding: $product-spacing;\n  @include respond-to('l') {\n    padding: calc(2 * $product-spacing) calc(4 * $product-spacing);\n  }\n\n  h2 {\n    font-size: calc(20rem / 16);\n    margin: .5em 0;\n    text-align: left;\n    @include respond-to('l') {\n      font-size: calc(25rem / 16);\n    }\n  }\n}\n","@use '../../colors' as c;\n@use '../../variables' as *;\n@use '../../3-forms/button/button' as *;\n@use '../../0-inits/albatross/albatross' as *;\n@use '../../0-inits/visually-hidden/visually-hidden' as *;\n@use '../../0-inits/box/box' as *;\n@use '../../3-forms/fancy-checkbox/fancy-checkbox' as *;\n@use '../../0-inits/dl-horizontal/dl-horizontal' as *;\n@use '../../5-components/lightbox/lightbox' as *;\n\n// Checkout\n//\n// Checkout pages with floating cart summary\n//\n//\n//\n// Style guide: Pages.checkout\n\n// .checkout {\n//   @extend %albatross-parent;\n//\n//   &-delivery {\n//     @extend %box;\n//     @include albatross-child($min-width: 8em, $collapse-point: 50em, $grow: 3);\n//   }\n//\n//   &-review {\n//     @include albatross-child($min-width: 8em, $collapse-point: 50em, $grow: 3);\n//   }\n//\n//   legend {\n//     @include visually-hidden;\n//   }\n//\n//   [type='radio'] {\n//     @extend %fancy-radio;\n//\n//     // labels for choosing delivery address\n//     // need specificity to override fancy radio\n//     & + [for^='address-'] {\n//       align-items: center;\n//       border: 1px solid c.color('address-border');\n//       border-radius: 5px;\n//       display: flex;\n//       flex-flow: row nowrap;\n//       font-weight: 600;\n//       margin: 1rem 0 0;\n//       padding: 1rem;\n//       text-indent: 0; // override\n//       white-space: nowrap;\n//\n//       &::before {\n//         flex: 0 0 auto; // keep flexbox from circle from squishing horizontally\n//       }\n//\n//       // actual address shown inside the label\n//       span {\n//         font-weight: normal;\n//         margin-left: auto;\n//         padding: 0 1rem 0 2rem;\n//         white-space: normal;\n//       }\n//     }\n//\n//     &:checked {\n//       & + label {\n//         background-color: c.color('address-bg-checked');\n//         border-color: c.color('address-border-checked');\n//       }\n//     }\n//   }\n//\n//   [type='submit'] {\n//     display: block;\n//     margin: 1.6rem 0 0;\n//     width: 100%;\n//   }\n//\n//   &-submit {\n//     @include button-colors($bg: c.color('red-pale'));\n//   }\n//\n//   .add-new {\n//     margin-bottom: 0;\n//   }\n// }\n//\n// .address-notice {\n//   background-color: c.color('address-bg-checked');\n//   border: 1px solid c.color('address-border-checked');\n//   border-radius: 5px;\n//   margin: 1rem 0 0;\n//   padding: 1rem;\n//\n//   textarea {\n//     margin-top: 1rem;\n//   }\n// }\n//\n// // Order Summary\n// .order-summary {\n//   @extend %box;\n//   @include albatross-child($min-width: 8em, $collapse-point: 50em, $grow: 1);\n//   @include respond-to('l') {\n//     position: sticky;\n//     top: 40%;\n//     // needs it because it's parent to the lightbox, so lightbox can be\n//     // above all, header is 10\n//     z-index: 11;\n//   }\n//\n//   dl {\n//     @extend %dl-2x2;\n//     margin: 1.6rem 0;\n//     padding: 0;\n//   }\n// }\n//\n// #agreement,\n// #privacy {\n//   @extend %fancy-checkbox;\n//\n//   & + label {\n//     font-weight: 400;\n//   }\n// }\n//\n// #termsandconditions,\n// #privacy-policy {\n//   @extend %lightbox;\n// }\n//\n// // Page - Billing and Delivery address\n// .address-delivery,\n// .address-billing {\n//   @extend %box;\n//   align-items: center;\n//   display: grid;\n//   // labels shortest, but 2 lines on smallest because inputs priority\n//   grid-template-columns: auto minmax(15em, 1fr);\n//   gap: 1rem;\n//\n//   h2 {\n//     grid-column: 1 / -1; // full width\n//   }\n// }\n\n#checkout_step_4 {\n  column-count: 2;\n  column-gap: 6vw;\n  column-width: 20em;\n\n  section {\n    break-inside: avoid;\n    padding: 1rem 0; // prevent margin leak from column\n  }\n\n  .podaci-naplata {\n    break-inside: avoid;\n  }\n}\n\n.corvuspay-logo {\n  display: block;\n  margin: 6vh auto 6vh 0;\n  max-width: 20em;\n}\n\n.payment-instruction {\n  color: c.color('payment-instruction');\n  flex: 0 1 clamp(25%, 30em, 100%);\n  line-height: 1.4;\n  margin: 0;\n}\n\n#back-button {\n  @include button-colors($bg: c.color('button-checkout-bg'), $color: inherit);\n  margin-left: auto;\n}\n\n#alt_del_address {\n  // error messages printed inside items at the bottom\n  align-items: start;\n  display: flex;\n  flex-flow: row wrap;\n  gap: 0 2vw;\n}\n\n.item {\n  &-name,\n  &-surname {\n    flex: 1 1 calc(50% - 2vw);\n  }\n\n  &-address,\n  &-zipcode,\n  &-city {\n    flex: 1 1 clamp(10em, 33% - 6vw, 100%);\n  }\n\n  &-country,\n  &-phone {\n    flex: 0 0  100%;\n  }\n}\n","@use '../../0-inits/froddo-pattern/froddo-pattern' as *;\n\n// Froddo heading\n//\n// Froddo pattern of a certain size for `h1` on some pages\n//\n// Markup: froddo-heading.twig\n//\n// Style guide: Components.froddo-heading\n\n%froddo-heading {\n  @include froddo-pattern($size: auto 3em);\n  margin: 0 0 .5em;\n  padding: .6em;\n}\n\n","@use '../../icons' as *;\n@use '../../colors' as c;\n\n// Froddo pattern\n//\n// Semi-transparent “d” and “o” repeating pattern, best visible on dark bg,\n// unless changed with a mask or filter.\n//\n// $bg - background color behind the pattern, default `color('froddo-pattern')`\n// $size - how big the repeating part is, eg. auto 10em, default `auto`\n//\n// Style guide: Inits.froddo-pattern\n\n@mixin froddo-pattern($bg: c.color('froddo-pattern'), $size: auto) {\n  background: $bg $froddo-pattern repeat fixed center;\n  background-size: $size;\n  color: c.color('froddo-pattern-color');\n}\n\n// Examples:\n// @include froddo-pattern;\n// @include froddo-pattern(black, auto 10em);\n// @include froddo-pattern(color('color-name'), auto 10em);\n","@use '../../colors' as c;\n@use '../../variables' as *;\n@use '../../5-components/froddo-heading/froddo-heading' as *;\n@use '../../0-inits/box/box' as *;\n@use '../../0-inits/albatross/albatross' as *;\n\n// Contact page\n//\n//\n// Markup: contact.twig\n//\n// Style guide: Pages.contact\n\n.contact {\n  &-us {\n    @extend %albatross-parent;\n    gap: 0 4vw;\n    margin-top: 0 !important;\n\n    h1 {\n      flex: 0 0 100%;\n    }\n  }\n\n  &-cta,\n  &-main,\n  &-info,\n  &-faq {\n    @include albatross-child($grow: 1);\n    font-size: calc(14rem / 16);\n    min-width: calc(50% - 4vw);\n  }\n\n  &-main {\n    @extend %albatross-parent;\n\n    h2 {\n      flex: 0 0 100%;\n    }\n\n    .profile-item {\n      flex: 0 0 100%;\n      margin: 0;\n\n      &:nth-of-type(-n + 2) {\n        flex: 1 1 clamp(15em, 50% - 2vw, 100%);\n      }\n    }\n  }\n\n  &-faq {\n    & > h3 {\n      margin-bottom: 2rem;\n      text-transform: uppercase;\n    }\n  }\n\n  &-more {\n    @extend %albatross-parent;\n    border-bottom: 1px solid c.color('contact-border');\n    border-top: 1px solid c.color('contact-border');\n    gap: 0 8vw;\n    position: relative; // context for \"separator\"\n    @include respond-to('l') {\n      &::before {\n        background-color: c.color('contact-border');\n        content: '';\n        display: block;\n        height: 100%;\n        left: 50%;\n        position: absolute;\n        top: 0;\n        width: 1px;\n      }\n    }\n  }\n}\n\n#contact_form_submit {\n  margin: 0 0 0 auto;\n}\n\n// Contact page\nmain[role='main'] .contact-info-title {\n  @extend %froddo-heading;\n  max-width: none;\n  text-align: center;\n}\n\n.contact-info {\n  dl {\n    clear: left;\n    margin-top: 0;\n    white-space: normal;\n    width: 100%;\n\n    &::after {\n      content: '';\n      display: block;\n      clear: both;\n    }\n  }\n\n  dt,\n  dd {\n    float: left;\n    font-weight: normal;\n    margin: 0;\n    padding: 0;\n  }\n\n  dt {\n    clear: left;\n\n    &::after {\n      content: ': ';\n      display: inline-block;\n      margin-right: .2em;\n    }\n  }\n\n  .address {\n    &-name {\n      font-weight: 700;\n    }\n\n    &-postal,\n    &-online {\n      float: none;\n      margin-top: 1em;\n      visibility: hidden;\n\n      & + dd,\n      & + dd + dd {\n        clear: left;\n      }\n    }\n\n    &-email,\n    &-website {\n      font-weight: 700;\n      text-decoration: underline;\n    }\n\n    &-bankaccount,\n    &-chair {\n      font-weight: 700;\n    }\n  }\n\n  pre {\n    line-height: inherit;\n    margin: 0;\n  }\n\n  form {\n    &:focus-within {\n      box-shadow: none;\n    }\n  }\n}\n\n.address-sendquestion {\n  @extend %box;\n\n  [type='submit'] {\n    width: 100%;\n  }\n}\n","@use '../../colors' as c;\n@use '../../variables' as *;\n@use '../../0-inits/albatross/albatross' as *;\n@use '../../0-inits/circles/circles' as *;\n@use '../../0-inits/circle-hover/circle-hover' as *;\n@use '../../0-inits/full-width-bg/full-width-bg' as *;\n@use '../../5-components/carousel-buttons-out/carousel-buttons-out' as *;\n\n// Home page\n//\n//\n//\n// Markup: home.twig\n//\n// Style guide: pages.home\n\n$collapse-point: 40rem;\n\n.new-collection {\n  align-items: baseline;\n  display: flex;\n  flex-flow: row wrap;\n  gap: 0;\n  justify-content: space-between;\n  margin: $vertical-spacing 0;\n\n  // shortcut links to categories\n  & > ul {\n    display: flex;\n    flex-flow: row wrap;\n    gap: $gutter-main 2rem;\n    list-style: none;\n    margin-bottom: 0;\n    padding: 0;\n\n    a {\n      @extend %circle-hover;\n      font-weight: 800;\n      padding-bottom: .3em;\n      padding-top: .3em;\n    }\n  }\n\n  h2 {\n    margin-bottom: 2rem;\n  }\n}\n\n.carousel-wrapper {\n  @extend %carousel-buttons-out;\n  flex: 0 0 100%;\n}\n\n.season-cta,\n.club-shop {\n  @extend %albatross-parent;\n  align-items: stretch; // override\n  margin: $vertical-spacing 0;\n}\n\n.club-shop {\n  gap: 0;\n}\n\n.today-only,\n.newsletter-cta {\n  @include albatross-child($min-width: 20em, $collapse-point: 56em, $grow: 1);\n}\n\n.froddo-club {\n  @include albatross-child($min-width: 20em, $collapse-point: 56em, $grow: 1);\n}\n\n.webshop {\n  @include albatross-child($min-width: 20em, $collapse-point: 56em, $grow: 2);\n}\n\n.newsletter-cta {\n  padding: $section-padding;\n\n  h2 {\n    text-align: left;\n\n    span {\n      display: block;\n      font-weight: 300;\n    }\n  }\n}\n\n.webshop {\n  color: c.color('webshop');\n  font-size: calc(14rem / 16);\n  font-weight: 400;\n  background-color: c.color('webshop-bg');\n  // border: 1px solid c.color('webshop-border');\n  padding: $section-padding;\n\n  h2 {\n    color: c.color('webshop-heading');\n    font-size: calc(24rem / 16);\n    font-weight: 500;\n    text-align: left;\n    text-transform: uppercase;\n\n    span {\n      font-weight: 300;\n    }\n  }\n\n  .emphasized {\n    color: c.color('webshop-heading');\n    font-weight: 700;\n  }\n}\n\n.payment-cards {\n  display: flex;\n  flex-flow: row wrap;\n  gap: 2vw;\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n\n.curated {\n  // @extend %full-width-bg;\n  // color: c.color('curated');\n  flex: 1 0 100%;\n  padding-bottom: 6rem;\n  padding-top: 4rem;\n\n  // &::before {\n  //   @extend %circles-dark-big;\n  // }\n}\n","@use 'sass:map';\n@use 'sass:meta';\n@use 'sass:list';\n@use 'sass:string';\n@use '../../icons' as *;\n@use '../../colors' as c;\n@use '../../variables' as *;\n@use '../../0-inits/albatross/albatross' as *;\n@use '../../0-inits/dl-horizontal/dl-horizontal' as *;\n@use '../../0-inits/visually-hidden/visually-hidden' as *;\n@use '../../2-layouts/layout-1column/layout-1column' as *;\n@use '../../3-forms/button/button' as *;\n@use '../../3-forms/product-sizes/product-sizes' as prod-sizes;\n@use '../../5-components/tags/tags';\n\n/* stylelint-disable no-descending-specificity no-duplicate-selectors */\n\n// Product page\n//\n//\n//\n// Markup: product.twig\n//\n// Style guide: pages.product\n\n$section-vertical-spacing: 2rem;\n\n.product {\n  &-layout {\n    @extend %albatross-parent;\n    align-items: stretch;\n    border-bottom: 1px solid c.color('product-border');\n    margin-bottom: 3rem;\n    padding-bottom: 2rem;\n\n    h2 {\n      font-size: calc(14rem / 16);\n      font-weight: 600;\n      margin-top: 0;\n      text-align: left;\n      text-transform: uppercase;\n    }\n  }\n\n  &-purchase {\n    @include albatross-child(\n      $min-width: 25em,\n      $collapse-point: map.get($breakpoints, 'product-collapse-point'),\n      $grow: 2\n    );\n    align-content: flex-start;\n    align-items: center;\n    // background-color: c.color('product-purchase-bg');\n    display: flex;\n    flex-flow: row wrap;\n    gap: 1rem 0.5rem;\n    justify-content: space-between;\n    margin: 0;\n    padding: 0 calc($gutter-main / 2) 1rem;\n\n    form {\n      flex: 1 0 100%;\n      margin: 0;\n    }\n\n    .payment-cards,\n    .payment-comment {\n      color: inherit;\n      font-size: calc(12rem / 16);\n      font-weight: 500;\n      justify-content: center;\n      text-align: center;\n    }\n  }\n\n  &-baseinfo {\n    // align-content: flex-start;\n    // align-items: flex-start;\n    align-self: start;\n    display: grid;\n    flex: 1 0 100%;\n    gap: 0 0.5rem;\n    grid-template-columns: minmax(9em, 1fr) auto;\n\n    h1 {\n      font-size: map.get($font-size-mobile, 'h1');\n      font-weight: $font-weight-bold;\n      grid-column: 1 / span 1;\n      line-height: $line-height-tight;\n      margin: 0;\n      padding: 0;\n      text-align: left;\n      text-transform: none;\n\n      @include respond-to('l') {\n        font-size: map.get($font-size, 'h1');\n      }\n    }\n  }\n\n  &-brand {\n    color: c.color('product-brand');\n    font-size: calc(11rem / 16);\n    font-weight: 600;\n    grid-column: 1 / span 1;\n    letter-spacing: 0.12em;\n    margin-bottom: calc(6rem / 16);\n    text-transform: uppercase;\n\n    @include respond-to('l') {\n      font-size: calc(12rem / 16);\n    }\n  }\n\n  &-ID {\n    color: c.color('product-ID');\n    font-size: calc(14rem / 16);\n    font-weight: 400;\n    grid-column: 1 / span 1;\n    margin-bottom: $gutter-vertical;\n    margin-top: $gutter-vertical;\n  }\n\n  &-id-label {\n    @include visually-hidden;\n  }\n\n  &-price {\n    grid-column: 1 / span 1;\n    text-align: left;\n\n    .price-regular {\n      color: #bbb;\n      font-family: $sora;\n      font-size: calc(18rem / 16);\n      margin-top: 0.5em;\n      text-align: left;\n      text-decoration: line-through;\n    }\n  }\n\n  // Tag Product Availability\n  //\n  // Tag showing how many shoe pairs is in stock\n  //\n  // Markup: tag-availability.twig\n  //\n  // Weight: 1\n  //\n  // Style guide: pages.product.tag-availability\n\n  // Tag Product Color Availability\n  //\n  // Tag showing product is available in more colors\n  //\n  // Markup: tag-availability-colors.twig\n  //\n  // Weight: 2\n  //\n  // Style guide: pages.product.tag-availability-colors\n\n  &-availability,\n  &-availability-colors {\n    background-color: c.color('availability');\n    border-radius: 0.2rem;\n    color: c.color('white');\n    display: inline-block;\n    font-size: calc(9rem / 16);\n    font-weight: 700;\n    grid-column: 1 / span 1;\n    justify-self: center;\n    margin-bottom: 0.2rem;\n    padding: 0.2rem 1rem;\n    text-align: center;\n    text-transform: uppercase;\n  }\n\n  &-availability-colors {\n    background: c.color('availability-colors')\n      linear-gradient(\n        270deg,\n        c.color('rainbow1') 0%,\n        c.color('rainbow2') 16%,\n        c.color('rainbow3') 33%,\n        c.color('rainbow4') 56%,\n        c.color('rainbow5') 79%,\n        c.color('rainbow6') 100%\n      );\n  }\n\n  // ========== Choose sizes product form\n  &-choose-sizes {\n    @extend %shoe-bg;\n    padding: 0; // override\n\n    fieldset {\n      @extend %product-sizes;\n      @extend %product-sizes-with-measurements;\n    }\n\n    .measurements {\n      @extend %measurements;\n    }\n  }\n\n  &-options {\n    align-items: center;\n    border-bottom: 1px solid c.color('sizes-border');\n    // columns: clamp(8em, 9em, 100vw);\n    // column-rule: 1px solid c.color('sizes-border');\n    // column-gap: 1rem;\n    // display: contents; // so <li>s become flexbox items\n    display: flex;\n    flex-flow: row wrap;\n    flex: 1 0 100%;\n    font-size: calc(14rem / 16);\n    font-weight: 400;\n    gap: 0.5rem;\n    justify-content: space-between;\n    letter-spacing: -2%;\n    list-style: none;\n    margin-top: auto;\n    padding: 0 0 1rem;\n    text-align: center;\n\n    strong {\n      font-weight: 800;\n    }\n  }\n\n  &-share {\n    &::before {\n      content: $share;\n    }\n  }\n\n  // ========== Gallery with thumbs\n  &-gallery {\n    @include albatross-child(\n      $min-width: max(25em, 50%),\n      $collapse-point: map.get($breakpoints, 'product-collapse-point'),\n      $grow: 3\n    );\n    margin: 0;\n    order: -1;\n    position: relative; // context for tags\n\n    .product-tags {\n      left: auto;\n      position: absolute;\n      right: 0;\n      width: 100%;\n    }\n  }\n\n  // ========== Other colors\n  &-colors {\n    @include albatross-child(\n      $min-width: max(25em, 50%),\n      $collapse-point: map.get($breakpoints, 'product-collapse-point'),\n      $grow: 2\n    );\n  }\n\n  $thumb-scale: 1.3;\n\n  &-colors-list {\n    align-items: stretch;\n    display: grid;\n    gap: 1px;\n    grid-auto-flow: row;\n    grid-auto-rows: minmax(80px, 1fr);\n    grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));\n    list-style: none;\n    margin: 0;\n    padding: 1px;\n\n    [type='button'] {\n      @extend %debuttonize;\n      border-radius: 0;\n      align-items: center;\n      display: flex; // center img\n      height: 100%;\n      outline: 1px solid transparent;\n      padding: 0.7rem;\n      position: relative;\n      transition-property: outline-color;\n      z-index: 1;\n\n      &[disabled] {\n        // outline-color: c.color('other-colors-border');\n\n        img {\n          opacity: 0.2;\n        }\n\n        &:focus,\n        &:hover {\n          outline: 1px solid c.color('other-colors-border');\n\n          img {\n            transform: translateZ(0) scale(1);\n          }\n        }\n      }\n\n      &:focus,\n      &:hover {\n        outline: 1px solid c.color('other-colors-accent');\n        z-index: 3;\n\n        img {\n          transform: translateZ(0) scale($thumb-scale);\n        }\n      }\n    }\n\n    img {\n      display: block;\n      object-fit: contain;\n      transform: translateZ(0) scale(1);\n      transform-origin: 50% 50%;\n      transition: transform 0.3s ease 0s;\n      width: 100%;\n    }\n  }\n\n  &-rating {\n    align-items: center;\n    break-inside: avoid;\n    display: flex;\n    gap: 1rem;\n    margin: 0;\n    padding: $gutter-main;\n\n    dt {\n      font-size: calc(12rem / 16);\n      font-weight: 400;\n      max-width: 7em;\n      text-align: right;\n    }\n\n    dd {\n      background: transparent $star 50% 36%/2.2em auto no-repeat;\n      font-size: calc(30rem / 16);\n      font-weight: 800;\n      margin: 0;\n      padding: 0.4em 0.8em;\n    }\n  }\n\n  &-desc-specs {\n    @extend %layout-1column;\n    // column-rule: 1px solid c.color('product-info-border');\n    flex: 0 0 100%;\n    margin: 1rem auto;\n    @include respond-to('l') {\n      background: linear-gradient(\n        to right,\n        transparent,\n        transparent calc(50% - 1px),\n        c.color('product-info-border') calc(50% - 1px),\n        c.color('product-info-border') 50%,\n        transparent 50%\n      );\n      display: grid;\n      gap: 4vw;\n      grid-template-columns: 1fr 1fr;\n      grid-auto-flow: column;\n    }\n  }\n\n  &-description {\n    font-size: map.get($font-size, 'm');\n    font-weight: $font-weight-light;\n    grid-area: 1 / 2 / 2 / 3;\n    line-height: 1.7;\n    padding: 2vw;\n  }\n\n  // Product Specifications\n  //\n  //\n  //\n  // Markup: product-specs.twig\n  //\n  // Style guide: pages.product.product-specs\n\n  &-specs {\n    flex: 0 0 50%;\n    font-size: map.get($font-size, 'm');\n    font-weight: $font-weight-default;\n    grid-area: 1 / 1 / 2 / 2;\n    line-height: 1.3;\n    padding: 2rem 0;\n\n    strong {\n      font-weight: 800;\n    }\n  }\n\n  &-specs-list {\n    @extend %dl-simple;\n    columns: 16em;\n    column-gap: 3rem; // compensate for list style outside, for gap\n    // display: grid;\n    // grid-template-columns: repeat(auto-fill, minmax(10em, 1fr));\n    font-weight: 400;\n    padding: 0;\n\n    dt {\n      // so its ul child doesn't get separated into another column\n      break-after: avoid;\n      display: block;\n      font-weight: 400;\n      margin: 0;\n      padding: 0.5em 0.4em 0.5em 0;\n\n      &::before {\n        background-color: c.color('product-spec-bullet');\n        border-radius: 10em;\n        content: '';\n        display: inline-block;\n        height: 0.7em;\n        margin-right: 0.6em;\n        width: 0.7em;\n      }\n    }\n\n    dd {\n      break-before: avoid;\n      display: block;\n      float: left;\n      margin: 0;\n      padding: 0.5em 0 0.5em;\n    }\n  }\n}\n\n.pictograms {\n  border: 2px solid c.color('pictograms-border');\n  border-radius: 10px;\n  display: flex;\n  flex-flow: row wrap;\n  gap: 1em;\n  line-height: tags.$icon-size; // same as icon height from tags\n  list-style: none;\n  margin: 3rem 0;\n  padding: 2vw;\n  white-space: nowrap;\n\n  li {\n    background-position: 0% 50%;\n    background-repeat: no-repeat;\n    background-size: auto 3em;\n    flex: 0 0 clamp(25%, 10em, 50%);\n    padding: 0.6em 0 0.6em 3.2em;\n  }\n}\n\n// $temp-names: ();\n//\n// @each $icon-name in $test {\n//\n//   .#{$icon-name} {\n//     background-image: #{eval('$' + $icon-name)};\n//   }\n// }\n\n// @each $icon-name, $icon-value in $icon-map {\n//   .#{ $icon-name } {\n//     background-image: $icon-value;\n//   }\n// }\n\n// @each $name in $temp-names {\n//   .#{$name} {\n//     &::before {\n//       content: #$name;\n//     }\n//   }\n// }\n\n.purchase-benefits {\n  align-items: center;\n  display: flex;\n  flex-flow: row wrap;\n  gap: 1rem;\n\n  & > div {\n    flex: 1 1 max-content;\n  }\n}\n\n.purchase-advantages {\n  grid-area: 2 / 1 / 3 / 2;\n}\n\n.posebnosti {\n  @extend %albatross-parent;\n  align-items: stretch; // override\n  max-width: 100%;\n\n  .banner-cta {\n    @include albatross-child($min-width: max(30em, 50%));\n  }\n}\n\n.price-min-monthly {\n  color: c.color('price-month');\n  font-size: calc(14rem / 16);\n  font-weight: 500;\n  line-height: 1.3;\n  margin-left: auto;\n  max-width: calc(100% - 10em);\n  text-align: right;\n}\n\n[for='measureInput'] {\n  @include visually-hidden;\n}\n\n.foot-length-input {\n  align-items: center;\n  display: flex;\n  flex-flow: row nowrap;\n  flex: 0 0 prod-sizes.$measureInput-width;\n  gap: 0 0.5em;\n  position: relative; // context for reset and select units\n\n  [type='reset'] {\n    background-color: c.color('product-reset-size-bg');\n    color: c.color('product-reset-size');\n    cursor: pointer;\n    font-size: 1em;\n    font-weight: normal;\n    left: 1em;\n    line-height: 1;\n    margin: 0;\n    min-width: 0; // override\n    padding: 0.1em 0.2em 0;\n    position: absolute;\n    // input padding-right\n    text-align: center;\n    top: 50%;\n    transform: translateY(-50%);\n    transition: background-color 0.3s ease 0s;\n    // transition-property: background-color, opacity;\n    z-index: 3;\n    width: auto;\n  }\n}\n\n#measureInput {\n  -moz-appearance: textfield;\n  border: 1px solid c.color('measureInput');\n  border-radius: 0;\n  padding: 1rem 3.2em 1rem 2em;\n  text-align: right;\n\n  &::-webkit-inner-spin-button,\n  &::-webkit-outer-spin-button {\n    -moz-appearance: none;\n    -webkit-appearance: none;\n    appearance: none;\n    margin: 0;\n  }\n}\n\n#measureUnit {\n  background: none;\n  left: auto;\n  padding: 0;\n  position: absolute;\n  right: 2.8em;\n  text-align: left;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 2em;\n  z-index: 2;\n}\n\n.info {\n  align-items: center;\n  display: flex;\n  flex-flow: row nowrap;\n  gap: 0.5rem;\n\n  &::after {\n    content: $info2;\n    line-height: 1;\n  }\n}\n\n#add_to_cart {\n  align-items: stretch; // make fav button equal height to add-cart\n  display: grid;\n  gap: 0 1rem;\n  grid-template-columns: 1fr min-content;\n  justify-items: center;\n  margin-bottom: 1rem;\n\n  .add-cart {\n    grid-area: 1 / 1 / 2 / 2;\n  }\n\n  .payment-comment {\n    grid-area: 2 / 1 / 3 / 2;\n  }\n  &:hover {\n    .add-cart {\n      transform: translateY(-1px);\n    }\n  }\n}\n\n// larger heart for active favorite element to add or remove from list\nform {\n  [class*='product-fav'] {\n    aspect-ratio: 1;\n    background-color: c.color('fav-button-bg');\n    grid-area: 1 / 2 / 2 / 3;\n    min-width: 3em; // override %button, make square, only if width enough\n    // padding: 1rem 1.1em 0.6rem;\n    padding: 0.6rem;\n    border: 2px solid;\n\n    // &::before {\n    //   content: $heart;\n    //   display: block;\n    // }\n  }\n}\n\n// ========== Froddo advantages\n.purchase-advantages {\n  // @include albatross-child($min-width: 25em, $collapse-point: map.get($breakpoints, 'product-collapse-point'), $grow: 1);\n  // align-self: flex-start;\n  // columns: 10em;\n  // column-rule: 1px solid c.color('other-colors-border');\n  // column-gap: 2rem;\n\n  h2 {\n    @include visually-hidden;\n  }\n\n  // ul {\n  //   break-inside: avoid;\n  //   margin: 0;\n  //   padding: 0;\n  // }\n\n  [class^='advantage-'] {\n    background-color: transparent;\n    font-size: calc(12rem / 16);\n    font-weight: 400;\n    gap: 1em;\n    padding: 0.4rem 0;\n\n    &::before {\n      background-size: contain;\n      // filter: grayscale(1);\n      filter: saturate(0);\n      filter: invert(100%) brightness(300%) contrast(60%) saturate(0%);\n      flex: 0 0 1.8em;\n      height: 1.8em;\n      width: 1.8em;\n    }\n  }\n}\n\n// Price Current\n//\n// Markup: price-current.twig\n//\n// Weight: 0\n//\n// Style guide: pages.product.price-current\n\n.product-purchase .price {\n  &-current {\n    color: c.color('luster-orange');\n    font-family: $sora;\n    font-size: calc(36rem / 16);\n    font-weight: $font-weight-bold;\n    grid-column: 1 / span 1;\n    letter-spacing: -5%;\n    line-height: 1;\n    text-align: left;\n    white-space: nowrap;\n\n    // &::before {\n    //   content: $clock $nbsp;\n    //   vertical-align: middle;\n    // }\n  }\n\n  &-currency {\n    font-size: calc(18rem / 16);\n    font-weight: $font-weight-bold;\n    letter-spacing: 0;\n    text-align: left;\n  }\n}\n\n// In-store availability\n//\n// Markup: in-stores.twig\n//\n//\n// Style guide: pages.product.in-stores\n.in-stores {\n  @include albatross-child(\n    $min-width: 25rem,\n    $collapse-point: map.get($breakpoints, 'product-collapse-point'),\n    $grow: 1\n  );\n  // border-bottom: 1px solid c.color('in-stores-border');\n  font-size: calc(14rem / 16);\n  font-weight: 600;\n  padding-left: $gutter-main;\n  padding-right: $gutter-main;\n\n  ul {\n    display: flex;\n    flex-flow: row wrap;\n    gap: 0 1rem;\n    list-style: none;\n    padding: 0;\n  }\n\n  li {\n    // color: c.color('in-stores');\n    min-width: 14em;\n\n    &::before {\n      // color: c.color('in-stores');\n      content: '×';\n      // content: $x;\n      font-size: 1.6em;\n      margin-right: 0.3rem;\n      vertical-align: middle;\n    }\n  }\n\n  .in-store {\n    color: inherit;\n\n    &::before {\n      // color: c.color('in-store-icon');\n      content: $check-small;\n      vertical-align: baseline;\n    }\n  }\n}\n\n// Find similar\n//\n// Markup: find-similar.twig\n//\n//\n// Style guide: pages.product.find-similar\n\n.find-similar {\n  @include albatross-child(\n    $min-width: max(25em, 60vw),\n    $collapse-point: map.get($breakpoints, 'product-collapse-point'),\n    $grow: 2\n  );\n  background-color: c.color('find-similar-bg');\n  color: c.color('white');\n  font-size: calc(14rem / 16);\n  padding: 2rem 5vw;\n\n  h2 {\n    border-bottom: 1px solid c.color('find-similar-border');\n    font-size: calc(18rem / 16);\n    padding-bottom: 2rem;\n    text-transform: none;\n  }\n\n  ul {\n    columns: 12em;\n    column-gap: 1rem;\n    list-style: none;\n    margin-bottom: 0;\n    padding: 0;\n  }\n\n  a {\n    color: c.color('find-similar-link');\n    display: block;\n    padding: 0.5rem 0;\n  }\n\n  .fast-sell {\n    background-color: transparent;\n    color: c.color('find-similar-fastsell');\n    font-size: inherit;\n    font-weight: inherit;\n    padding: inherit;\n    text-transform: none;\n  }\n}\n","@use 'sass:map';\n@use '../../icons' as *;\n@use '../../colors' as c;\n@use '../../variables' as *;\n@use '../../0-inits/albatross/albatross' as *;\n@use '../../0-inits/dl-horizontal/dl-horizontal' as *;\n@use '../../0-inits/dl-table/dl-table' as *;\n@use '../../0-inits/flex-space-apart/flex-space-apart' as *;\n@use '../../0-inits/fly-out/fly-out' as *;\n@use '../../0-inits/circles/circles' as *;\n@use '../../0-inits/new/new' as *;\n@use '../../0-inits/visually-hidden/visually-hidden' as *;\n@use '../../1-normalize/tables/tables' as *;\n@use '../../3-forms/button/button' as *;\n@use '../../3-forms/capsule-form/capsule-form' as capsule;\n@use '../../3-forms/fancy-checkbox/fancy-checkbox' as fancy;\n@use '../../3-forms/search-main/search-main' as search;\n@use '../../4-navigation/dropdown/dropdown' as *;\n@use '../../5-components/add-new/add-new' as *;\n@use '../../5-components/product-link-mini/product-link-mini' as *;\n\n// Profile page\n//\n//\n//\n// Markup: profile.twig\n//\n// Style guide: pages.profile\n\n$section-vertical-spacing: 1rem;\n\n// %section-base {\n//   // border: 1px solid c.color('profile-border');\n//   margin: 3rem 0;\n//   // padding: $section-vertical-spacing $gutter-main * 2;\n// }\n\n// %section-reset {\n//   border-width: 0;\n//   margin: 0;\n//   padding: 0;\n// }\n\n%with-controls {\n  position: relative; // context for .section-controls\n  margin-bottom: 9em; // includes space for .section-controls\n}\n\n%columns-with-rule {\n  column-width: 15em;\n  column-gap: $gutter-main * 4;\n  column-rule: 1px solid c.color('profile-border');\n\n  section {\n    // @extend %section-reset;\n    break-inside: avoid;\n    margin-bottom: 3rem;\n  }\n\n  .profile-item {\n    break-inside: avoid;\n  }\n}\n\n%columns-50 {\n  column-count: 2;\n  column-gap: $gutter-main * 4;\n  column-width: 24em;\n\n  .profile-item {\n    break-inside: avoid;\n  }\n}\n\n/* stylelint-disable no-descending-specificity no-duplicate-selectors */\n.profile {\n  &-layout {\n    @extend %albatross-parent;\n    align-items: flex-start;\n    gap: $gutter-main;\n\n    h1 {\n      flex: 0 0 100%;\n    }\n\n    h2 {\n      // font-size: calc(18rem / 16);\n      // font-weight: 400;\n      margin-top: 0;\n    }\n\n    // ========== Sidebar\n    .sidebar {\n      @include albatross-child($min-width: 16em, $collapse-point: map.get($breakpoints, 'profile-collapse-point'), $grow: 1);\n      font-size: calc(14rem / 16);\n\n      h2 {\n        // background-color: c.color('sidebar-bg');\n        font-size: calc(18rem / 16);\n        margin: 0 0 1rem;\n        padding: $section-vertical-spacing 0 .6rem;\n      }\n\n      section {\n        @extend %circles-top;\n        margin: 2rem 0;\n\n        h2 {\n          background-color: transparent;\n        }\n      }\n\n      .user-info {\n        padding: 0 $gutter-main;\n\n        img {\n          margin-right: .6rem;\n          vertical-align: baseline;\n        }\n      }\n    }\n\n    .standout-item {\n      @extend %dropdown-item-style;\n\n      &.item-current {\n        color: inherit;\n        text-decoration: underline 15%;\n        text-underline-offset: 35%;\n      }\n\n      a {\n        padding: 1em 0;\n      }\n    }\n\n    small {\n      color: c.color('sidebar-note');\n      display: block;\n    }\n  }\n\n  &-header {\n    align-items: center;\n    display: flex;\n    flex-flow: row nowrap;\n    flex: 0 0 100%;\n    gap: 1rem $gutter-main;\n    justify-content: space-between;\n\n    h1 {\n      flex: 0 0 auto; // override .profile-layout\n      margin: 0; // so it's centered in flexbox\n    }\n  }\n\n  &-menu-list {\n    // background-color: c.color('sidebar-bg');\n    list-style: none;\n    margin: 0;\n    padding: 0;\n  }\n\n  // ========== Content (right column)\n  &-content {\n    @extend %albatross-parent;\n    @include albatross-child($min-width: 14em, $collapse-point: map.get($breakpoints, 'profile-collapse-point'), $grow: 4);\n\n    // section {\n    //   @extend %section-base;\n    //   // @extend %with-controls;\n    // }\n  }\n\n  // nema sadržane stupce, samo je širi od .sidebar\n  &-content-col {\n    @include albatross-child($min-width: 14em, $collapse-point: map.get($breakpoints, 'profile-collapse-point'), $grow: 4);\n\n    h2 {\n      margin-top: 3rem;\n    }\n  }\n\n  &-highlights {\n    $space-v: 1rem;\n\n    dt {\n      font-weight: 400;\n      margin: calc($space-v * 2) .5em 0 0;\n    }\n\n    dd {\n      margin: $space-v 0 0;\n    }\n\n    a {\n      text-decoration: underline 15%;\n      text-underline-offset: 35%;\n    }\n  }\n}\n/* stylelint-enable no-descending-specificity no-duplicate-selectors */\n\n.profile-welcome,\n.club-card {\n  // don't reduce width <22em or card points takes up 4 text lines\n  @include albatross-child($min-width: 22em);\n}\n\n// on digital card page\n.club-card {\n  @extend %columns-50;\n}\n\n\n.form-controls {\n  @extend %flex-space-apart;\n  @extend %flex-space-apart-controls;\n\n  // checkout pages, back button and continue button\n  .form-controls {\n    flex: 1 0 clamp(20%, 21em, 100%);\n  }\n}\n\n.section-controls {\n  bottom: -5.4em;\n  left: 0;\n  position: absolute;\n  width: 100%;\n  align-items: center;\n  display: flex;\n  gap: 2rem;\n  justify-content: flex-end;\n\n  a {\n    color: inherit;\n    font-weight: 700;\n    text-decoration: underline;\n    text-underline-offset: .4em;\n  }\n}\n\n.customer-name {\n  font-size: calc(14rem / 16);\n  font-weight: 700;\n  margin: 1rem 0;\n}\n\n.socials-user {\n  flex: 0 0 100%;\n}\n\n#delivery-addresses-edit {\n  margin: 0 calc($gutter-main * -2) -3rem;\n\n  summary,\n  .delivery-address-content {\n    padding-left: $gutter-main * 2;\n    padding-right: $gutter-main * 2;\n  }\n\n  .delivery-address-content {\n    @extend %columns-with-rule;\n    padding-bottom: 2rem;\n  }\n}\n\n// needs specificity to override text-decoration\na.address-add-link {\n  @extend %button-hollow;\n  text-decoration: none;\n}\n\n%profile-table {\n  font-size: calc(14rem / 16);\n  margin: 0 calc($gutter-main * -2) -3rem;\n  width: calc(100% + $gutter-main * 4);\n\n  caption,\n  thead {\n    @include visually-hidden;\n  }\n\n  td:first-child {\n    font-weight: 700;\n    padding-left: $gutter-main * 2;\n  }\n}\n\n.preporuke {\n  &-kod {\n    @extend %circles-light;\n    font-size: calc(18rem / 16);\n    font-weight: 400;\n    padding: 3rem 2vw;\n    text-align: center;\n  }\n\n  &-salji {\n    .item-remove {\n      left: auto;\n      position: absolute;\n      right: 2vw;\n      top: 50%;\n      transform: translateY(-50%);\n    }\n\n    p {\n      flex: 1 0 20em;\n      font-size: calc(14rem / 16);\n      font-weight: 600;\n      text-align: center;\n      white-space: nowrap;\n      @include respond-to('l') {\n        text-align: left;\n      }\n    }\n  }\n\n  &-socials {\n    display: flex;\n    flex: 1 0 auto;\n    flex-flow: row wrap;\n    gap: 1rem 4vw;\n    list-style: none;\n    justify-content: center;\n    margin: 0;\n    padding: 0;\n    text-align: center;\n\n    a {\n      align-items: center;\n      display: flex;\n      flex-flow: column nowrap;\n      font-size: calc(12rem / 16);\n      font-weight: 400;\n      gap: .3rem;\n      letter-spacing: -2%;\n      text-decoration: none;\n\n      &::before {\n        background-color: c.color('socials-icon-bg');\n        border-radius: 10em;\n        content: $envelope;\n        display: block;\n        line-height: 0;\n        min-height: 18px;\n        min-width: 16px;\n        padding: 1em 1em .8em;\n      }\n    }\n\n    [href^='mailto:']::before { content: $envelope; }\n    [href^='whatsapp://']::before { content: $whatsapp; }\n    [href^='sms:']::before { content: $sms; }\n    [href^='viber://']::before { content: $viber; }\n  }\n}\n\n\n\n#copy-refcode {\n  @extend %add-new-base;\n  background: $link 0 50% / 1em auto no-repeat;\n  color: c.color('copy-link');\n  margin: 0;\n  padding-left: 1.2em;\n  padding-right: 0;\n\n  &::after {\n    content: $check-small;\n    display: inline-block;\n    max-width: 0;\n    text-align: center;\n    transform: scale(0);\n    transform-origin: 100% 50%;\n    transition: transform .3s ease 0s;\n    transition-property: transform, max-width;\n    // transition-delay: 0s, .3s;\n    width: 2em;\n  }\n\n  &[data-checkmark-id]::after {\n    max-width: 2em;\n    transform: scale(1);\n    transform-origin: 100% 50%;\n    transition-delay: 0s;\n    width: 2em;\n  }\n}\n\n// tablica\n.referrals,\n.reviews {\n  @extend %table-simple;\n}\n\n.in_process_order,\n.finish_order,\n.returns {\n  @extend %table-simple2;\n  width: 100%;\n\n  .expanded {\n    th,\n    td {\n      border-bottom-width: 0;\n    }\n  }\n\n  // <tr>\n  [id^='info-'],\n  [id^='inv-info-'] {\n    // cell that contains the child table\n    // must make it 0 height otherise vertical space is reserved\n    // even when contents are 0 height\n    td[colspan] {\n      padding: 0;\n    }\n\n    .child-table {\n      @extend %fly-out-content-initial;\n    }\n\n    &.is-open {\n      .child-table {\n        @extend %fly-out-content-open;\n      }\n    }\n\n    & > td {\n      border-bottom-width: 0;\n    }\n  }\n}\n\n// price and currency\n.cell-price {\n  white-space: nowrap;\n}\n\n.toggle-button {\n  @extend %debuttonize;\n  color: c.color('prikazi-vise');\n  text-decoration: underline 15%;\n  text-underline-offset: 35%;\n\n  &:focus,\n  &:hover {\n    color: c.color('prikazi-vise');\n    text-decoration: underline 15%;\n  }\n}\n\n.add-new-review {\n  @extend %add-new-base;\n}\n\n.referral-accepted-1 {\n  color: c.color('referral-accepted');\n}\n\n.reviews,\n.in_process_order,\n.finish_order {\n  .product-link {\n    @extend %product-link-mini;\n  }\n}\n\n.froddo-user-info {\n  @extend %dl-horizontal;\n}\n\n// .wishlist {\n//   @extend %profile-table;\n//\n//   img,\n//   span {\n//     display: block;\n//   }\n//\n//   span {\n//     display: block;\n//     font-size: calc(12rem / 16);\n//     font-weight: 300;\n//   }\n//\n//   a {\n//     color: inherit;\n//     font-weight: 700;\n//   }\n// }\n\n// .past-purchases,\n// .returns {\n//   @extend %profile-table;\n// }\n\n.reklamacija {\n  &-info {\n    @include definition-list-table($number-of-terms: 4, $number-of-descriptions: 1, $dt-position: top);\n\n    .reklamacija-feedback {\n      background-color: c.color('feedback-bg');\n      color: c.color('feedback');\n      flex: 0 0 100%;\n      font-size: calc(12rem / 16);\n      font-weight: 400;\n      margin-top: 1rem;\n      order: 20;\n      padding-left: 1rem;\n      padding-top: .6rem;\n\n      & ~ dd {\n        background-color: c.color('feedback-bg');\n        flex: 0 0 auto;\n        margin-bottom: 3rem;\n        order: 21;\n        padding: 0 .2em .6rem;\n        width: auto;\n\n        &:last-of-type {\n          flex: 1 1 auto;\n        }\n      }\n\n      & + dd {\n        padding-left: 1rem;\n      }\n    }\n  }\n}\n\n.return {\n  &-info {\n    @extend %dl-horizontal;\n  }\n\n  &-table {\n    @extend %table-simple;\n  }\n}\n\n.reward {\n  // section\n  &s-bd,\n  &s-club {\n    h3 {\n      margin-top: 3rem;\n      text-transform: uppercase;\n    }\n  }\n\n  // dl with code, its value and date\n  &-code-info {\n    @extend %circles-light;\n    align-items: center;\n    background-size: 40% auto;\n    display: flex;\n    flex-flow: row wrap;\n    font-size: calc(14rem / 16);\n    gap: 1.6rem 0;\n    justify-content: start;\n    padding: 2rem 4vw;\n\n    dt {\n      font-weight: 300;\n\n      &::after {\n        content: ': ';\n      }\n\n      &.reward-code-label {\n        @include visually-hidden;\n      }\n\n      &.reward-date-label {\n        margin-left: auto;\n      }\n    }\n\n    dd {\n      font-weight: 500;\n\n      &.reward-code {\n        flex: 0 0 100%;\n        font-size: calc(18rem / 16);\n        margin: 0;\n      }\n\n      &:nth-child(4) {\n        min-width: 40%; // push date into next line on mobile\n      }\n    }\n  }\n}\n\n.used-codes-info {\n  @extend %table-simple2;\n}\n\n\n// .profile-invites,\n.promo-codes {\n  @extend %columns-with-rule;\n\n  h2 {\n    column-span: all;\n  }\n\n  h3 {\n    font-size: calc(14rem / 16);\n    font-weight: 700;\n    line-height: inherit;\n    margin-bottom: 1.6rem;\n    padding-top: 1rem;\n  }\n}\n\n.add-address {\n  @extend %add-new-button;\n  border-color: c.color('add-address');\n}\n\n.generate-sticker {\n  @extend %debuttonize;\n  text-decoration: underline;\n  text-underline-offset: .4em;\n}\n\n.note {\n  color: c.color('note');\n  flex: 1 0 100%;\n  font-size: calc(12rem / 16);\n}\n\n#product-return {\n  @extend %columns-with-rule;\n\n  .item-code,\n  .item-size {\n    float: left;\n    width: calc(49% - $gutter-main);\n    z-index: 1; // so following elements don't cover\n  }\n\n  .item-size {\n    float: right;\n  }\n}\n\n#search-returns {\n  @extend %capsule-form;\n\n  [type='search'] {\n    padding-left: 3.6em;\n    padding-right: 4rem;\n  }\n\n  [type='submit'] {\n    // background-color: c.color('search-button-bg');\n    background-color: transparent;\n    background-image: $search;\n    background-repeat: no-repeat;\n    background-position: center;\n    border-color: c.color('button-border');\n    font-size: inherit; // for equal height fit calculation\n    margin: 0 auto 0 0;\n    // equal to input height\n    min-height: calc(1.6rem + 1em * 1.7);\n    min-width: calc(1.6rem + 1em * 1.7);\n    padding-left: 2vw;\n    padding-right: 2vw;\n    width: search.$button-width;\n    z-index: 2;\n\n    &:focus,\n    &:hover {\n      background-color: c.color('search-button-bg-hover');\n    }\n\n    &:focus {\n      outline: 2px solid c.color('input-border-focus');\n      outline-offset: 0;\n    }\n  }\n\n  [type='reset'] {\n    cursor: pointer;\n    font-size: 1.2em;\n    margin: 0;\n    min-width: 0; // override\n    padding: .2rem .6rem;\n    position: absolute;\n    // input padding-right\n    right: 1rem;\n    text-align: center;\n    top: 50%;\n    transform: translateY(-50%);\n    transition: opacity .3s ease 0s;\n    z-index: 3;\n    width: auto;\n  }\n}\n\n// body is a flexbox column so need to restrict otherwise it makes\n// them vertically tall and there is a lot of white space\nmain .banners {\n  flex: 0 0 100%;\n}\n","// Definition list laid out as a table\n//\n// From Mihaela's codepen https://codepen.io/prkos/pen/BajwKjo\n//\n// Markup: dl-table.twig\n//\n// // Style guide: Inits.dl-table\n\n// # === Layout definition list (<dl>) like a\n// vertically-oriented table ===\n\n// ## === Instructions ===\n// You only need to change the 2 variables\n// at the beginning of this CodePen\n// and the styles at the bottom if you\n// want to change the styles. The table-like\n// layout is calculated automagically\n\n// `$dt-position` default is on top, alternatively it can be `bottom`\n\n@mixin definition-list-table($number-of-terms: 4, $number-of-descriptions: 1, $dt-position: top) {\n\n  // Enter the number of definition terms (<dt>)\n  // you have in your HTML:\n  // This number controls how many columns\n  // you end up with in the layout\n\n  // $number-of-terms: 4;\n\n  // Enter the number of definition descriptions (<dd>)\n  // you have in your HTML:\n  // This number controls how many rows\n  // you end up with in the layout\n  // The number of descriptions must be the\n  // same for all terms\n\n  // $number-of-descriptions: 1;\n\n  // all items must flow in rows\n  display: flex;\n  flex-flow: row wrap;\n  // keep long words from breaking layout on\n  // narrow viewports\n  word-break: break-word;\n\n  // set up all definition list children into\n  // a grid with as many colummns as there are\n  // terms\n\n  dt,\n  dd {\n    // make sure padding or border styling\n    // doesn't affect layout\n    box-sizing: border-box;\n    // Set the scape width for columns\n    // Horizontal margins affect this\n    flex: 0 0 calc(100% / $number-of-terms);\n    // reset browser margin\n    // if you need non-zero horizontal margin\n    // rember to adjust the flex-basis above\n    // and width below! Complex calculation\n    margin: 0;\n    padding: .2em .4em;\n    width: calc(100% / $number-of-terms);\n  }\n\n  @if $dt-position == bottom {\n    dt {\n      // display dt in the \"last table row\"\n      // change this to 0 or exclude this rule if you want them on top\n      order: ($number-of-descriptions + 1);\n    }\n  }\n  // @else {\n  //   @error 'Unknown position #{$dl-position}. Available values are top and bottom.';\n  // }\n\n  // place dd-s in rows according to\n  // their order in HTML\n  @for $i from 1 through $number-of-descriptions {\n    dd:nth-of-type(#{$number-of-descriptions}n + #{$i}) {\n      order: #{$i};\n     }\n  }\n}\n","// @use '../../colors' as c;\n// @use '../../variables' as *;\n@use '../../0-inits/albatross/albatross' as *;\n\n// Search\n//\n//\n//\n//\n// Markup: Search.twig\n//\n// Style guide: Inits.Search\n\n.search {\n  &-content {\n    @extend %albatross-parent;\n    justify-content: start;\n\n    mark {\n      font-weight: 700;\n      text-transform: none;\n    }\n\n    h1,\n    .product-results {\n      flex: 0 0 100%;\n    }\n  }\n}\n","@use '../../0-inits/albatross/albatross' as *;\n@use '../../colors' as c;\n@use '../../variables' as *;\n\n// User profile Edit\n//\n// Form to edit profile fields and account email and password\n//\n// Markup: user-edit-details.twig\n//\n// Style guide: Pages.user-edit-details\n\n#profile-edit {\n  @extend %albatross-parent;\n  gap: 0 $gutter-main;\n\n  [class^='alert-'] {\n    flex: 1 0 100%;\n  }\n\n  .profile-item {\n    flex: 1 1 clamp(15em, 50% - $gutter-main, 100%);\n  }\n\n  .password-wrapper{\n    flex: 0 0 100%;\n  }\n\n  [class*=\"alert\"] {\n    order: 0; // override\n  }\n\n  .user-agreements {\n    margin: 2rem 0;\n\n    h3 {\n      margin-top: 3rem;\n      text-transform: uppercase;\n    }\n\n    p {\n      color: c.color('user-agreements');\n    }\n  }\n\n  [form='profile-edit'] {\n    margin-left: auto;\n  }\n}\n","// Dependencies.\n@use '../../0-inits/visually-hidden/visually-hidden' as *;\n@use '../../icons' as *;\n@use '../../variables' as *;\n@use '../../colors' as c;\n@use '../../3-forms/button/button' as *;\n@use '../../6-pages/profile/profile' as profile;\n\n// User Logged out\n//\n// Login form, Register form, Forgot password form\n//\n// Markup: user-logged-out.twig\n//\n// Style guide: Pages.user-logged-out\n\n#profileLogin {\n  // profile\n  @extend %columns-50;\n  // @include responsive-header-height;\n  @include scroll-offset-header;\n  // scroll-margin-top: calc(3em + $header-height);\n\n  &:target {\n    @include visually-hidden--off;\n    animation: none;\n    width: 100%;\n  }\n\n  & > h2 {\n    column-span: all;\n    max-width: 20em;\n  }\n}\n\n#profileNew {\n  @include visually-hidden;\n  // @include responsive-header-height;\n  @include scroll-offset-header;\n\n  &:target {\n    @include visually-hidden--off;\n    animation: none;\n  }\n\n  form {\n    display: flex;\n    flex-flow: row wrap;\n    gap: 0 2vw;\n  }\n\n  h2 {\n    flex: 0 0 100%;\n  }\n\n  .profile-item {\n    flex: 1 1 clamp(20em, 50% - 2vw, 100%);\n\n    &:nth-of-type(3) {\n      flex: 0 0 100%;\n    }\n  }\n}\n\n.froddo-preporuka {\n  background: url('../images/froddo-club.png') right top / 6.25rem auto no-repeat;\n  flex: 0 0 100%;\n  margin-top: 2rem;\n\n  h3 {\n    padding-right: 6.5rem;\n  }\n}\n\n#account-edit {\n  scroll-margin-top: calc(3em + header-height('s'));\n}\n\n#account-edit,\n#profileForgot {\n  break-inside: avoid;\n  // @include responsive-header-height;\n  //scroll-margin-top: calc(8em + $header-height);\n\n  &:target {\n    animation: none;\n  }\n}\n\n[href='#profileNew'] {\n  color: inherit;\n  display: inline-block;\n  font-size: calc(18rem / 16);\n  font-weight: 600;\n  margin-top: 3em;\n  text-transform: uppercase;\n  text-decoration: underline solid;\n}\n\n#profileForgot {\n  @include visually-hidden;\n  @include scroll-offset-header;\n  scroll-margin-top: calc(10em + header-height('s'));\n  align-items: center;\n  display: flex;\n  flex-flow: row wrap;\n  justify-content: space-between;\n\n  &:target {\n    @include visually-hidden--off;\n    animation: none;\n  }\n\n  .profile-item {\n    flex: 0 0 100%;\n  }\n\n  [type='submit'] {\n    margin-left: auto;\n  }\n}\n\nmain:has(#profileForgot:target) {\n  #account-edit,\n  #profileFbGoo {\n    @include visually-hidden;\n  }\n}\n\nmain:has(#profileNew:target) {\n  #profileLogin {\n    @include visually-hidden;\n  }\n}\n\n.registracija-opcije {\n  display: flex;\n  flex-flow: row wrap;\n  gap: 2vw;\n  justify-content: space-between;\n  list-style: none;\n  padding: 0;\n\n  a {\n    display: block;\n  }\n}\n\n#profileFbGoo {\n  align-items: center;\n  display: flex;\n  flex-flow: row wrap;\n  gap: 0;\n  justify-content: start;\n\n  h2,\n  h3,\n  & > a {\n    flex: 0 0 100%;\n  }\n\n  // & > fb:login-button,\n  .fb_iframe_widget,\n  & > div {\n    margin-right: 1rem;\n  }\n}\n","@use '../../0-inits/visually-hidden/visually-hidden' as *;\n@use '../../variables' as *;\n@use '../../1-normalize/tables/tables' as *;\n\n// Wishlist\n//\n// On profile page\n//\n// Markup: wishlist.twig\n//\n// Style guide: Pages.wishlist\n\n.wishlist-item {\n  position: relative;\n\n  .item-remove {\n    left: auto;\n    position: absolute;\n    right: 0;\n    top: 0;\n    z-index: 3;\n  }\n\n  .product-item {\n    height: 100%;\n  }\n}\n\n// submit button\n[form='notes'] {\n  margin-left: auto;\n}\n","@use '../../variables' as *;\n@use '../../colors' as c;\n@use '../../0-inits/box/box' as *;\n\n// Blockquote\n//\n// Sectioned out here and not in `base` because inspired by Layout Builder\n//\n// Markup: blockquote.twig\n//\n// Style guide: Builder-components.blockquote\n\nblockquote {\n  @extend %box;\n  padding: 1em 2em 1em 5em;\n  position: relative;\n\n  &::before {\n    color: c.color('blockquote-accent');\n    content: '\\201c';\n    font-size: 5em;\n    left: 0.3em;\n    line-height: 1;\n    position: absolute;\n    top: 0.3em;\n    width: 0.6em; // notice the font-size\n  }\n\n  footer {\n    color: c.color('blockquote-accent');\n    font-weight: 600;\n    margin-bottom: 1.6em;\n    margin-left: 2em;\n\n    &::before {\n      content: '—';\n    }\n  }\n}\n\n@each $color in $ivancica-color-cycle {\n  .quote-#{'' + $color} {\n    &::before,\n    footer {\n      color: c.color('#{$color}');\n    }\n  }\n}\n","@use '../../variables' as *;\n@use '../../colors' as c;\n@use '../../3-forms/button/button' as *;\n\n// Blog items\n//\n// Several blog item cards in columns\n//\n// Markup: blog-items.twig\n//\n// Style guide: Builder-components.blog-items\n\n.blog {\n  &-items {\n    align-items: stretch;\n    display: flex;\n    flex-flow: row wrap;\n    gap: calc($gutter-main / 2);\n    justify-content: space-between;\n\n    h2 {\n      flex: 1 0 100%;\n    }\n  }\n\n  &-item {\n    background-color: c.color('blog-card-bg');\n    border-radius: 5px;\n    display: flex;\n    flex-flow: column nowrap;\n    flex: 1 1 13.5rem;\n\n    img {\n      border-top-left-radius: 5px;\n      border-top-right-radius: 5px;\n    }\n\n    time,\n    h3,\n    p {\n      margin: .5rem 1rem;\n      padding: 0;\n    }\n\n    h3 {\n      font-size: calc(18rem / 16);\n      font-weight: 700;\n      line-height: 1.2;\n    }\n\n    time {\n      color: c.color('blog-card-date');\n      display: block;\n      font-size: calc(12rem / 16);\n      white-space: nowrap;\n    }\n  }\n\n  &-link {\n    @extend %button;\n    display: block;\n    margin: auto 1rem 1rem;\n  }\n}\n","@use '../../0-inits/albatross/albatross' as *;\n@use '../../variables' as *;\n\n// Text columns wider–narrower\n//\n// Content component with one wider and one narrower column\n//\n// Markup: column-aside.twig\n//\n// Style guide: Builder-components.column-aside\n\n.column-aside,\n.aside-column {\n  @extend %albatross-parent;\n  gap: 0 calc(2 * $gutter-main);\n\n  & > div {\n    @include albatross-child($min-width: 10em, $grow: 2, $collapse-point: 30em);\n\n    & + div {\n      @include albatross-child($min-width: 10em, $grow: 1, $collapse-point: 30em);\n    }\n  }\n}\n\n.aside-column {\n  & > div {\n    @include albatross-child($min-width: 10em, $grow: 1, $collapse-point: 30em);\n\n    & + div {\n      @include albatross-child($min-width: 10em, $grow: 2, $collapse-point: 30em);\n    }\n  }\n}\n","@use '../../variables' as *;\n\n// Contact info\n//\n// Definition list with one definition description each to show contact inf0\n//\n// Markup: contact-info.twig\n//\n// Style guide: Builder-components.contact-info\n\n// Taken code from dl-table\n\n$number-of-terms:        4;\n$number-of-descriptions: 1;\n\n\n.ivancica-contact-info {\n  background: center top/cover no-repeat #fff;\n  background-image:\n    linear-gradient(rgba(255 255 255 / 80%), rgba(255 255 255 / 80%)),\n    url('/media/banners/ivancica-map.png');\n  min-height: 30em;\n  padding: 1em;\n  text-align: center;\n\n  [class$='-title'],\n  [class^='contact-'] {\n    flex: 1 0 calc(100% / $number-of-terms);\n    margin: 1em 0 0;\n    max-width: 20em;\n    padding: .2em .4em;\n  }\n\n  pre {\n    margin: 0;\n  }\n\n  ul {\n    list-style: none;\n    margin: 0;\n    padding: 0;\n  }\n\n  // Desktop show in columns\n  @include respond-to('l') {\n    // align-items: center;\n    align-content: flex-start;\n    display: flex;\n    flex-flow: row wrap;\n    gap: 0;\n    justify-content: space-between;\n    // keep long words from breaking layout on\n    // narrow viewports\n    word-break: break-word;\n\n    // place dd-s in rows according to\n    // their order in HTML\n    @for $i from 1 through $number-of-descriptions {\n      [class^='contact-']:nth-of-type(#{$number-of-descriptions}n + #{$i}) {\n        order: #{$i};\n       }\n    }\n  }\n}\n","@use '../../3-forms/button/button' as *;\n@use '../../variables' as *;\n@use '../../colors' as c;\n\n// Link image\n//\n// Link button over a photo\n//\n// Markup: link-img.twig\n//\n// Style guide: Builder-components.link-img\n\n[class^='link-img'] {\n  margin: 1em 0;\n  position: relative; // context for link\n\n  .cta-link {\n    @extend %button;\n    bottom: $gutter-main;\n    display: inline-block;\n    margin: 0;\n    right: $gutter-main;\n    position: absolute;\n    z-index: 3;\n  }\n}\n\n@each $color in $ivancica-color-cycle {\n  .link-img-#{'' + $color} {\n\n    .cta-link {\n      @include button-colors($bg: c.color('#{$color}'));\n    }\n  }\n}\n","@use '../../0-inits/albatross/albatross' as *;\n@use '../../variables' as *;\n\n// Text columns\n//\n// Content components with responsive column layouts\n//\n// Markup: text-columns.twig\n//\n// Style guide: Builder-components.text-columns\n\n.two-columns,\n.three-columns,\n.four-columns {\n  @extend %albatross-parent;\n  gap: 0 calc(2 * $gutter-main);\n  margin: 2em 0;\n\n  & > div,\n  & > form {\n    @include albatross-child($min-width: 15em);\n    margin: 0;\n  }\n}\n\n.vertically-center {\n  align-items: center;\n}\n","@use '../../3-forms/button/button' as *;\n@use '../../0-inits/albatross/albatross' as *;\n@use '../../variables' as *;\n@use '../../colors' as c;\n\n// Thin Horizontal CTA\n//\n// A paragraph of text with colored emphasis and a link to the right of it.\n// Columns collapse into rows on smaller screens\n//\n//\n// Markup: thin-horizontal-cta.twig\n//\n// Style guide: Builder-components.thin-horizontal-cta\n\n[class^='thin-cta-'] {\n  @extend %albatross-parent;\n  align-items: center;\n  background-color: c.color('horizontal-cta');\n  border: 1px solid c.color('horizontal-cta-border');\n  border-radius: 5px;\n  gap: 2em;\n  justify-content: space-around;\n  line-height: 1.3;\n  margin: 1em 0;\n  padding: 2em 4em;\n\n  .cta-content {\n    @include albatross-child($grow: 3);\n    font-size: calc(30rem / 16);\n    margin: 0;\n    padding: 0;\n  }\n\n  .cta-link {\n    @extend %button;\n    font-weight: 600;\n    margin: 0 3em;\n  }\n\n}\n\n@each $color in $ivancica-color-cycle {\n  // valid everywhere where color-related classes are used, banners etc\n  [class*='-#{\"\" + $color}'] {\n    .cta-mark {\n      color: c.color('#{$color}');\n    }\n\n    .cta-link {\n      @include button-colors($bg: c.color('#{$color}'));\n    }\n  }\n}\n","@use '../../variables' as *;\n@use '../../colors' as c;\n\n// Unordered list\n//\n// Sectioned out here and not in `base` because inspired by Layout Builder\n//\n// Markup: ul.twig\n//\n// Style guide: Builder-components.ul\n\nul {\n  padding-left: 2em;\n\n  ul {\n    list-style-type: circle;\n  }\n}\n\n@each $color in $ivancica-color-cycle {\n  .list-#{'' + $color} {\n    li::marker {\n      color: c.color('#{$color}');\n      font-size: 1.4em;\n      line-height: .5;\n    }\n  }\n}\n","// MCE toolbar button overrides\n//\n// MCE WYSIWYG editor is a part of the Layout Builder and some parts inherit\n// theme CSS that disrupts the layout. This file includes overrides that fix\n// those problems.\n//\n// Style guide: Overrides.MCEtoolbar\n\n\n// Fix button width that initially stretches the toolbar off-viewport\n.mce-btn {\n  [type='button'],\n  [type='reset'],\n  [type='submit'],\n  a.address-add-link,\n  button {\n    border-radius: 0;\n    min-width: 0;\n  }\n}\n","@use '../colors' as c;\n\n// Pure CSS overrides\n//\n// To affect project CSS without having to compile Sass\n// This CSS is included after all the Sass CSS\n//\n//\n// Style guide: Overrides.purecss\n\n// 2025 Veronica\n.container_12 {\n  //width:94.95rem;\n  margin: 0;\n  padding: 0;\n}\n\n.clearfix::after {\n  clear: both;\n  content: ' ';\n  display: block;\n  font-size: 0;\n  line-height: 0;\n  visibility: hidden;\n  width: 0;\n  height: 0;\n}\n\n/* Only IE5/IE6 apply this clearfix */\n// * html .clearfix {\n//   height: 1%;\n// }\n\n.clearfix {\n  display: block;\n}\n"],"file":"styles.css"}