@import url(https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap);@charset "UTF-8"*:where(:not(html,iframe,canvas,img,svg,video,audio):not(svg *,symbol *)){all:unset;display:revert}*,*::before,*::after{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}a,button{cursor:revert}ol,ul,menu,summary{list-style:none}ol{counter-reset:revert}img{max-inline-size:100%;max-block-size:100%}table{border-collapse:collapse}input,textarea{-webkit-user-select:auto}textarea{white-space:revert}meter{-webkit-appearance:revert;appearance:revert}:where(pre){all:revert;box-sizing:border-box}::placeholder{color:unset}:where([hidden]){display:none}:where([contenteditable]:not([contenteditable=false])){-moz-user-modify:read-write;-webkit-user-modify:read-write;overflow-wrap:break-word;-webkit-line-break:after-white-space;-webkit-user-select:auto}:where([draggable=true]){-webkit-user-drag:element}:where(dialog:modal){all:revert;box-sizing:border-box}::-webkit-details-marker{display:none}html{background:#000 url(https://blogablocs.com/wp-content/uploads/2024/10/noise-light-1-1.png) fixed;min-height:100%;padding:24px;color:#fff;font-family:"Space Grotesk",sans-serif;font-size:16px;-webkit-font-smoothing:antialiased}.btn,.header__search,.header__filter{display:block;color:#fff;border:1px dotted #fff;box-shadow:0 6px 18px rgb(0 0 0 / .28);appearance:none;-webkit-appearance:none;cursor:pointer;padding:12px 14px;background-color:#000}.item-header,.header__search,.header__filter{width:291px;font-weight:600;background-repeat:no-repeat;background-position:12px center;padding:12px 14px 12px 40px;background-size:20px 20px}@media (max-width:1022px){.item-header,.header__search,.header__filter{margin:0;width:100%;text-align:center}}@media (min-width:1023px){.item-header,.header__search,.header__filter{min-width:291px}}.no-js .item-header,.no-js .header__search,.no-js .header__filter{display:none}.item-header-width,.header__search-wrapper,.header__filter{width:100%}@media (min-width:556px){.item-header-width,.header__search-wrapper,.header__filter{width:calc(50% - 6px)}}@media (min-width:1023px){.item-header-width,.header__search-wrapper,.header__filter{width:100px}}.header{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:24px}@media (min-width:1023px){.header{margin:0 auto 24px;max-width:1200px;flex-wrap:nowrap}}.header__title{font-size:22px;width:100%;font-family:"Space Mono","Space Grotesk",sans-serif;text-align:center;margin:0}@media (max-width:1023px){.header__title{margin-bottom:24px}}@media (min-width:556px){.header__title{display:flex;justify-content:center;align-items:center;text-align:inherit}}.header__title span{flex:1;font-size:25px}.header__logo{height:44px;display:block;margin:0 8px}@media (max-width:556px){.header__logo{margin:auto}}.header__filter{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="%23ffffff" d="M14,12V19.88C14.04,20.18 13.94,20.5 13.71,20.71C13.32,21.1 12.69,21.1 12.3,20.71L10.29,18.7C10.06,18.47 9.96,18.16 10,17.87V12H9.97L4.21,4.62C3.87,4.19 3.95,3.56 4.38,3.22C4.57,3.08 4.78,3 5,3V3H19V3C19.22,3 19.43,3.08 19.62,3.22C20.05,3.56 20.13,4.19 19.79,4.62L14.03,12H14Z"/></svg>')}@media (min-width:1023px){.header__filter{order:-1}}.header__filter::-ms-expand{display:none}.header__search{background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><title>magnify</title><path fill="%23ffffff" d="M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z" /></svg>');padding-right:2.2rem;width:100%}@media (max-width:556px){.header__search{margin:24px 0}}.header__search-wrapper{position:relative;display:inline-block}@media (min-width:1023px){.header__search-wrapper{width:290px}}.header__search-clear{position:absolute;right:.45rem;top:50%;transform:translateY(-50%);width:1.4rem;height:1.4rem;border:none;background:#fff0;cursor:pointer;display:none;align-items:center;justify-content:center;padding:0;line-height:0;font-size:1rem;color:#fff}.header__search-clear.visible{display:flex}.header__search-clear:before{content:"✕"}main.masonry{position:relative;width:100%;max-width:1200px;margin:0 auto 48px;box-sizing:border-box;display:flex;flex-wrap:wrap;gap:12px;align-items:flex-start;justify-content:flex-start}main.masonry.js-enabled{display:block}@media (max-width:556px){main.masonry{gap:10px;padding-top:24px}}main.masonry:not(.js-enabled) .card{position:relative;transform:none!important;opacity:1!important;max-width:291px;width:100%}@media (max-width:1022px){main.masonry:not(.js-enabled) .card{max-width:calc((100% - 12px) / 2)}}@media (max-width:556px){main.masonry .card{position:relative!important;width:100%!important;transform:none!important;margin-bottom:24px;max-width:100%!important}}.card{position:absolute;box-sizing:border-box;background:#000;overflow:hidden;width:100%;transition:transform 280ms cubic-bezier(.2,.8,.2,1),opacity 220ms ease,box-shadow 220ms ease;will-change:transform,opacity;border:1px dotted #fff;flex:0 0 auto;margin:0}.card[style*="display: none"],.card[hidden]{opacity:0;pointer-events:none}.card:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 18px 40px rgb(8 12 20 / .6)}@media (max-width:556px){.card .card__link{padding:12px}.card .card__img{margin-top:4px;border-radius:8px}}.card__link{color:inherit;text-decoration:none;padding:14px;display:flex;flex-direction:column;gap:12px}.card__title{margin:0;font-family:"Space Mono","Space Grotesk",sans-serif;font-size:15px;line-height:1.1;letter-spacing:-.01em;color:#fff;word-break:break-word;display:block;text-align:center;width:100%}@media (max-width:556px){.card__title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}}.card__img{display:block;width:100%;height:auto;margin-top:6px;border-radius:10px;object-fit:cover;box-shadow:inset 0 -40px 60px rgb(0 0 0 / .18)}.card__txt strong{font-weight:700}.card__txt em{font-style:italic}.card__txt del{text-decoration:line-through}.card__tags{display:flex;gap:8px;flex-wrap:nowrap;justify-content:end;overflow:hidden;width:100%;margin:0;padding:0;list-style:none}.card__tags li{background:url(https://blogablocs.com/wp-content/uploads/2024/10/noise-light-1-1.png);border:1px dotted #fff;color:#fff;padding:6px 10px;font-size:.75em;font-weight:600;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:100%;display:inline-block;vertical-align:middle}