{"version":3,"file":"feed/style-index.css","mappings":";;;AA8/BA;AACA;EACC;AA7/BD;AA+/BC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA7/BF;AA8/BE;EACC;AA5/BH;AAggCC;EACC;AA9/BF;AAggCE;EACC;AA9/BH;AAkgCC;EACC;EACA;EACA;EACA;EAAA;EACA;AAhgCF;AAkgCE;EACC;EACA;AAhgCH;AAmgCE;EACC;EACA;EACA;EACA;AAjgCH;AAmgCG;EACC;EACA;EACA;EACA;EACA;EACA;AAjgCJ;AAmgCI;EACC;AAjgCL;AAqgCG;EACC;AAngCJ;AAwgCG;EACC;AAtgCJ;AA2gCG;EACC;EACA;AAzgCJ;AA2gCI;EACC;EACA;EACA;EACA;EACA;AAzgCL;AA2gCK;EACC;EACA;EACA;AAzgCN;AA2gCK;EACC;EACA;AAzgCN;AAqhCI;EACC;AAnhCL;AAohCK;EACC;AAlhCN;AAyhCG;EAEC;AAxhCJ;AA2hCE;EACC;EACA;EACA;AAzhCH;AA4hCC;EACC;EACA;AA1hCF;AA6hCA;EACC;AA1hCD;AA4hCC;EACC;EACA;EACA;AA1hCF;AA6hCC;EACC;AA3hCF;AA8hCC;;EAEC;EACA;AA5hCF;AA6hCE;;EACC;AA1hCH;AA8hCC;EACC;EACA;AA5hCF;AA8hCE;EACC;AA5hCH;AAuhCC;EAOC;AA3hCF;AA6hCE;;EAEC;EACA;EACA;AA3hCH;AA6hCE;EACC;AA3hCH;AA6hCE;EACC;AA3hCH;AA+hCC;;EAEC;EACA;EACA;AA7hCF;AAgiCC;;;EAGC;EACA;EACA;EAAA;EACA;EACA;EACA;AA9hCF;AAiiCC;;;EAGC;AA/hCF;AAkiCC;;EAEC;AAhiCF;AAkiCC;EACC;AAhiCF;AAkiCC;EACC;AAhiCF;AAoiCE;EACC;EACA;AAliCH;AAoiCE;EACC;AAliCH;AAoiCE;EACC;AAliCH;AAwiCA;;EAEC;EACA;EACA;EACA;EACA;AAriCD;AAuiCA;EACC;AApiCD;AAsiCA;EACC;AAniCD;AAqiCA;;EAEC;EACA;EACA;AAliCD;AAoiCA;;;EAGC;AAjiCD;AAuiCE;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;AApiCH;AAsiCG;EAEC;AAriCJ;AAwiCG;EACC;EACA;EACA;EACA;EACA;EAAA;EACA;EACA;EACA;EACA;AAtiCJ;AAyiCG;EACC;AAviCJ;AAyiCG;EACC;AAviCJ;AAyiCG;;EAEC;AAviCJ;AA2iCG;EAEA;EACA;EACA;AA1iCH;AA4iCG;EAEA;EACA;EACA;AA3iCH;AAijCE;EACC;AA/iCH;AAijCE;EACC;EACA;EACA;AA/iCH,C","sources":["webpack://jvb/./src/feed/style.scss"],"sourcesContent":["//.feed-block {\r\n//\tmax-width: var(--full);\r\n//\tmargin: 0 auto;\r\n//\r\n//\t&:target {\r\n//\t\tscroll-snap-margin-top: 5rem;\r\n//\t\tscroll-margin-top: 5rem;\r\n//\t\toutline: 0;\r\n//\t\tborder-radius: 0;\r\n//\t\tpadding: 0;\r\n//\r\n//\t\t.feed-item {\r\n//\t\t\toutline: double var(--pink-0);\r\n//\t\t}\r\n//\t}\r\n//}\r\n//\r\n//.loading .feed-block {\r\n//\topacity: .7;\r\n//}\r\n//\r\n//.label {\r\n//\tdisplay: flex;\r\n//\talign-items: center;\r\n//\tgap: .25rem;\r\n//\tfont-size: .9rem;\r\n//\ta:hover {\r\n//\t\tcolor: var(--pink-0);\r\n//\t}\r\n//}\r\n//\r\n///** Filters Form **/\r\n//.feed-filters {\r\n//\tmargin: 2rem 0;\r\n//\tposition: sticky;\r\n//\ttop: 3rem;\r\n//\tz-index: 15;\r\n//\tbackground: rgba(var(--base),var(--op-6));\r\n//\tpadding: .25rem 3rem;\r\n//\tdetails[open] summary {\r\n//\t\tbackground-color: var(--overlay);\r\n//\t}\r\n//\tsummary {\r\n//\t\tjustify-content: flex-start;\r\n//\r\n//\t\t> * {\r\n//\t\t\torder: 3;\r\n//\t\t}\r\n//\t\t.label {\r\n//\t\t\torder: 1;\r\n//\t\t}\r\n//\t\t.filter-label {\r\n//\t\t\torder: 2;\r\n//\t\t}\r\n//\t\t&::after {\r\n//\t\t\torder: 4;\r\n//\t\t}\r\n//\t\t#favourites + label {\r\n//\t\t\tmargin-left: auto;\r\n//\t\t}\r\n//\t\t#favourites + label:hover,\r\n//\t\t#favourites:checked + label {\r\n//\t\t\tborder-color: var(--pink-0);\r\n//\t\t\tbackground-color: var(--pink-0);\r\n//\t\t\tcolor: var(--white);\r\n//\r\n//\t\t}\r\n//\t\t#favourites:checked + label {\r\n//\t\t\tanimation: pop 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n//\t\t}\r\n//\t}\r\n//\r\n//\tdetails[open],\r\n//\tsummary:hover {\r\n//\t\tbackground-color: rgba(var(--base),var(--op-6));\r\n//\t}\r\n//\r\n//\t&:has(#favourites) {\r\n//\t\tsummary::after {\r\n//\t\t\tmargin-left: 1rem;\r\n//\t\t}\r\n//\t}\r\n//}\r\n//summary > * {\r\n//\torder: 3;\r\n//}\r\n//summary .label {\r\n//\torder: 1;\r\n//}\r\n//.filter-label {\r\n//\tdisplay: inline-block;\r\n//\tvertical-align: middle;\r\n//\theight: 1.3em;\r\n//\torder: 2;\r\n//\tmargin: 0;\r\n//\tpadding: 0;\r\n//\r\n//\tli {\r\n//\t\tlist-style: none;\r\n//\t\theight: 0;\r\n//\t\toverflow: hidden;\r\n//\t\t&.active {\r\n//\t\t\theight: 100%;\r\n//\t\t}\r\n//\t}\r\n//}\r\n//.filter-group {\r\n//\tdisplay: flex;\r\n//\talign-items: center;\r\n//\tgap: .5rem;\r\n//\tflex-wrap: wrap;\r\n//\tlabel {\r\n//\t\tfont-weight: 100;\r\n//\t}\r\n//\t&:has(.order-by) {\r\n//\t\tjustify-content: space-between;\r\n//\t}\r\n//\t.order-by,\r\n//\t.order-direction {\r\n//\t\tdisplay: flex;\r\n//\t\tflex-wrap: wrap;\r\n//\t\tgap: .5rem;\r\n//\t\tflex: 1;\r\n//\t\tjustify-content: flex-start;\r\n//\t\t.label {\r\n//\t\t\twidth: 100%;\r\n//\t\t}\r\n//\r\n//\t\tlabel:has(.label) {\r\n//\t\t\tpadding: 0 .35rem;\r\n//\t\t\tgap: .5rem;\r\n//\t\t\t.label {\r\n//\t\t\t\tfont-size: 1rem;\r\n//\t\t\t}\r\n//\t\t}\r\n//\t}\r\n//}\r\n//.filter-group >.label {\r\n//\twidth: 100%;\r\n//}\r\n//\r\n///**\r\n//Feed Grid\r\n// */\r\n//.feed-grid {\r\n//\tdisplay: grid;\r\n//\tgrid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n//\tgap: .5rem;\r\n//\tmargin-bottom: 2rem;\r\n//\tpadding: 0 4rem;\r\n//\t--delay: 0s;\r\n//\t--increase: .1s;\r\n//}\r\n//.feed-empty-state {\r\n//\tgrid-column: 1/-1;\r\n//\ttext-align: center;\r\n//\tpadding: 2rem;\r\n//\tbackground: rgb(var(--base-100));\r\n//\tborder-radius: var(--radius);\r\n//\tmargin: 0 auto;\r\n//\tmax-width: 600px;\r\n//}\r\n///**\r\n//Placeholders\r\n// */\r\n//.placeholder {\r\n//\taspect-ratio: 1;\r\n//\tbackground: rgb(var(--base));\r\n//\tborder: 1rem solid rgb(var(--base-50));\r\n//\tborder-radius: 1rem;\r\n//\tdisplay: flex;\r\n//\tjustify-content: center;\r\n//\talign-items: center;\r\n//\r\n//\t.icon {\r\n//\t\t--w: 50%;\r\n//\t\tcolor: rgb(var(--base-200));\r\n//\t\tanimation: dance 2.5s ease-in-out infinite;\r\n//\r\n//\t}\r\n//}\r\n//\r\n///**\r\n//Feed Items\r\n// */\r\n//.feed-item {\r\n//\tposition: relative;\r\n//\tborder-radius: 0.5rem;\r\n//\toverflow: hidden;\r\n//\tbackground: rgb(var(--base-50));\r\n//\tbox-shadow: 0 2px 4px rgba(0,0,0,0.1);\r\n//\topacity: 0;\r\n//\ttransition: opacity var(--trans-base) var(--delay);\r\n//\theight: fit-content;\r\n//\tpadding: 0;\r\n//\r\n//\timg {\r\n//\t\topacity: .7;\r\n//\t\tfilter: grayscale(.5) sepia(.3) blur(7px);\r\n//\t}\r\n//\t&[data-loaded=true] {\r\n//\t\timg {\r\n//\t\t\topacity: 1;\r\n//\t\t\tfilter: none;\r\n//\t\t}\r\n//\t}\r\n//\r\n//\ta {\r\n//\t\t&::before,\r\n//\t\t&::after {\r\n//\t\t\tdisplay: none;\r\n//\t\t}\r\n//\t}\r\n//\tdetails a {\r\n//\t\tfont-size: clamp(1rem, 0.9306rem + 0.2222vw, 1.125rem);\r\n//\t}\r\n//\r\n//\t&[data-loaded] {\r\n//\t\topacity: 1;\r\n//\t\t+ [data-loaded] {\r\n//\t\t\t--delay: var(--delay) + var(--increase);\r\n//\t\t}\r\n//\t}\r\n//\r\n//\t&.highlighted {\r\n//\t\tbox-shadow: 0 0 0 4px #FF0080, 0 8px 16px rgba(0, 0, 0, 0.1);\r\n//\t\tanimation: highlight-puls 2s ease-in-out;\r\n//\t}\r\n//\t&[open],\r\n//\t&:hover {\r\n//\t\t.handle {\r\n//\t\t\tbackground-color: var(--overlay-pink-medium);\r\n//\t\t\tbackdrop-filter: blur(5px);\r\n//\t\t}\r\n//\t}\r\n//\tsummary {\r\n//\t\twidth: calc(100% - 1rem);\r\n//\t\theight: 100%;\r\n//\t\taspect-ratio: 1;\r\n//\t\t.handle {\r\n//\t\t\tposition: absolute;\r\n//\t\t\tbottom: 0;\r\n//\t\t\tleft: 0;\r\n//\t\t\tright: 0;\r\n//\t\t\tbackground-color: rgba(var(--base),var(--op-3));\r\n//\t\t\tbackdrop-filter: blur(5px);\r\n//\t\t\tborder-radius: var(--radius);\r\n//\t\t\tz-index: 1;\r\n//\t\t\tpadding: .25rem .25rem .25rem 1.1rem;\r\n//\t\t}\r\n//\t\t&::after {\r\n//\t\t\tz-index: 11;\r\n//\t\t\tposition: absolute;\r\n//\t\t\tbottom: .35rem;\r\n//\t\t\tright: .7rem;\r\n//\t\t\twidth: 1.5rem;\r\n//\t\t\theight: 1.5rem;\r\n//\t\t\tcursor: pointer;\r\n//\t\t}\r\n//\t}\r\n//\r\n//\tlabel {\r\n//\t\tfont-weight: normal;\r\n//\t\ttext-transform: none;\r\n//\t\t.icon {\r\n//\t\t\t--w: 1.5em;\r\n//\t\t}\r\n//\t}\r\n//}\r\n///**\r\n//Load More Button\r\n// */\r\n//.load-more {\r\n//\topacity: 1;\r\n//\tmargin: 1rem auto;\r\n//\twidth: 66.666%;\r\n//\tdisplay: flex;\r\n//\talign-items: center;\r\n//\tgap: .5rem;\r\n//\tpadding: .75rem 1.5rem;\r\n//\tbackground: rgb(var(--base));\r\n//\tcolor: rgb(var(--contrast));\r\n//\tborder-radius: 4px;\r\n//\tfont-size: var(--txt-medium);\r\n//\ttransition: all var(--trans-base);\r\n//\tborder: 2px solid transparent;\r\n//\t&[hidden] {\r\n//\t\topacity: 0;\r\n//\t\ttransition: all var(--trans-base);\r\n//\t}\r\n//\t&:hover {\r\n//\t\tbackground: var(--pink-50);\r\n//\t\tborder-color: rgb(var(--contrast));\r\n//\t\tcolor: var(--white);\r\n//\t}\r\n//}\r\n///**\r\n//favourite button\r\n// */\r\n//button.favourite {\r\n//\tposition: absolute;\r\n//\ttop: .5rem;\r\n//\tright: .5rem;\r\n//\tz-index: 10;\r\n//\tbackground: rgba(var(--base),var(--op-4));\r\n//\tborder-radius: 50%;\r\n//\tbox-shadow: rgba(var(--base),var(--op-45)) var(--shdw-subtle);\r\n//\tborder: none;\r\n//\twidth: 2rem;\r\n//\theight: 2rem;\r\n//\tdisplay: flex;\r\n//\tjustify-content: center;\r\n//\talign-items: center;\r\n//\tbackdrop-filter: blur(5px);\r\n//\ttransition: all var(--trans-base);\r\n//\r\n//\t&:hover {\r\n//\t\ttransform: scale(1.1);\r\n//\t\tcolor: var(--pink-0);\r\n//\t\tbackground: rgb(var(--base));\r\n//\t\tbox-shadow: 0 4px 8px rgba(0,0,0,0.15);\r\n//\t}\r\n//\r\n//\t&.favourited {\r\n//\t\tanimation: pop 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n//\t}\r\n//}\r\n//\r\n//\r\n///** Images **/\r\n//.feed-image {\r\n//\tdisplay: block;\r\n//\taspect-ratio: 1;\r\n//\toverflow: hidden;\r\n//\twidth: 100%;\r\n//\theight: 100%;\r\n//}\r\n//.feed-images {\r\n//\twidth: 100%;\r\n//\theight: 100%;\r\n//\t&.multi {\r\n//\t\tdisplay :grid;\r\n//\t\tgrid-template-columns: repeat(3, 1fr);\r\n//\t\tgrid-auto-rows: 1fr;\r\n//\t\tgap: 4px;\r\n//\r\n//\t\t> a {\r\n//\t\t\twidth: 100%;\r\n//\t\t\theight: 100%;\r\n//\t\t\taspect-ratio: 1;\r\n//\t\t}\r\n//\t\t.feed-image {\r\n//\t\t\tgrid-row: span 2;\r\n//\t\t\tgrid-column: span 2;\r\n//\t\t}\r\n//\t}\r\n//\timg {\r\n//\t\twidth: 100%;\r\n//\t\theight: 100%;\r\n//\t\tobject-fit: cover;\r\n//\t\ttransition: transform var(--trans-t) var(--trans-fn);\r\n//\t}\r\n//\ta:hover img {\r\n//\t\ttransform: scale(1.05);\r\n//\t}\r\n//}\r\n//\r\n//.feed-item {\r\n//\t&:nth-of-type(4n+2) .multi .feed-image {\r\n//\t\tgrid-column: 2 / span 2;\r\n//\t\tgrid-row: 1 / span 2;\r\n//\t}\r\n//\t&:nth-of-type(4n+3) .multi .feed-image {\r\n//\t\tgrid-row: 2 / span 2;\r\n//\t\tgrid-column: 1 / span 2;\r\n//\t}\r\n//\t&:nth-of-type(4n+4) .multi .feed-image {\r\n//\t\tgrid-column: 2 / span 2;\r\n//\t\tgrid-row: 2 / span 2;\r\n//\t}\r\n//}\r\n//\r\n///** Item Information **/\r\n//.item-info {\r\n//\tpadding: .25rem;\r\n//\tborder-left: 1px solid rgb(var(--base-200));\r\n//\t>div + div {\r\n//\t\tmargin-top: .5em;\r\n//\t\tposition: relative;\r\n//\r\n//\t\t&::before {\r\n//\t\t\tcontent: '';\r\n//\t\t\tdisplay: block;\r\n//\t\t\tposition: absolute;\r\n//\t\t\ttop: -.3em;\r\n//\t\t\tleft: -.25rem;\r\n//\t\t\twidth: 66.6%;\r\n//\t\t\tborder-bottom: 1px solid rgb(var(--base-200));\r\n//\t\t}\r\n//\t}\r\n//\th3 {\r\n//\t\tmargin: 0 0 .5em 0!important;\r\n//\t\tfont-size: 1.1rem;\r\n//\t\tfont-family: var(--body);\r\n//\t\tfont-weight: var(--fw-b);\r\n//\t}\r\n//\tspan {\r\n//\t\ttext-transform: uppercase;\r\n//\t\tdisplay: flex;\r\n//\t\talign-items: center;\r\n//\t}\r\n//\t.icon {\r\n//\t\t--w: 1.1em;\r\n//\t\tmargin-right: .5em;\r\n//\t\tdisplay: inline-block;\r\n//\t\tvertical-align: middle;\r\n//\t}\r\n//}\r\n//.item-list {\r\n//\tul {\r\n//\t\tmargin: 0;\r\n//\t\tpadding: .5em 0;\r\n//\t\tdisplay: flex;\r\n//\t\tflex-wrap: wrap;\r\n//\t\tgap: .5rem;\r\n//\t\tli {\r\n//\t\t\tlist-style: none;\r\n//\t\t}\r\n//\t}\r\n//\ta {\r\n//\t\tbackground-color: var(--pink-0);\r\n//\t\tborder: 1px solid transparent;\r\n//\t\tborder-radius: 4px;\r\n//\t\tcolor: var(--light-0);\r\n//\t\tpadding: .25em;\r\n//\t\tline-height: .8;\r\n//\t\t&:visited {\r\n//\t\t\tbackground-color: var(--pink-100);\r\n//\t\t\tcolor: var(--white);\r\n//\t\t}\r\n//\t\t&:visited:hover,\r\n//\t\t&:visited:focus,\r\n//\t\t&:hover,\r\n//\t\t&:focus {\r\n//\t\t\tbackground-color: transparent;\r\n//\t\t\tborder-color: rgb(var(--contrast));\r\n//\t\t\tcolor: rgb(var(--contrast));\r\n//\t\t}\r\n//\t}\r\n//}\r\n///**\r\n//Loading\r\n// */\r\n//.loading {\r\n//\topacity: .7;\r\n//}\r\n//\r\n//.loading-overlay {\r\n//\tposition: fixed;\r\n//\ttop: 0;\r\n//\tleft: 0;\r\n//\tright: 0;\r\n//\tbottom: 0;\r\n//\tbackground-color: rgba(var(--base),var(--op-4));\r\n//\tdisplay: flex;\r\n//\talign-items: center;\r\n//\tjustify-content: center;\r\n//\ttransition: opacity 0.3s ease, visibility 0.3s ease;\r\n//\tz-index: 9999;\r\n//\topacity: 0;\r\n//\tvisibility: hidden;\r\n//}\r\n//.loading .loading-overlay {\r\n//\topacity: 1;\r\n//\tvisibility: visible;\r\n//\r\n//\t&::after {\r\n//\t\tcontent: '';\r\n//\t\tposition: absolute;\r\n//\t\tz-index: -1;\r\n//\t\tinset: 0;\r\n//\t\tbackground: linear-gradient(\r\n//\t\t\t\t90deg,\r\n//\t\t\t\tvar(--shimmer)\r\n//\t\t);\r\n//\t\tanimation: shimmer 3s ease-in-out infinite;\r\n//\t}\r\n//\r\n//\t.wrapper {\r\n//\t\tbackground-color: rgba(var(--base),var(--op-6));\r\n//\t\tpadding: 2rem;\r\n//\t\tborder-radius: var(--radius);\r\n//\t\ttext-align: center;\r\n//\t\tmax-width: 90%;\r\n//\t\twidth: 400px;\r\n//\t\theight: 300px;\r\n//\t\tz-index: 5;\r\n//\t\tdisplay: flex;\r\n//\t\tjustify-content: center;\r\n//\t\talign-items: center;\r\n//\t\tposition: relative;\r\n//\r\n//\t\t.spinner {\r\n//\t\t\t--h: 150px;\r\n//\t\t\t--w: calc(var(--h) * 2);\r\n//\t\t\tborder-top: 5px solid var(--pink-0);\r\n//\t\t\tborder-radius: 50%;\r\n//\t\t\tposition: absolute;\r\n//\t\t\twidth: var(--w);\r\n//\t\t\theight: var(--w);\r\n//\t\t\ttop: calc(50% - var(--h));\r\n//\t\t\tleft: calc(50% - var(--h));\r\n//\t\t\topacity: .5;\r\n//\t\t\tz-index: 0;\r\n//\t\t\tanimation: spin 1s var(--trans-t) infinite;\r\n//\t\t}\r\n//\t\tdiv.icon {\r\n//\t\t\theight: 50px;\r\n//\t\t\twidth: 50px;\r\n//\r\n//\t\t\t.icon {\r\n//\t\t\t\t--w: 100%;\r\n//\t\t\t\tsvg {\r\n//\t\t\t\t\tanimation: dance 2s ease-in-out infinite;\r\n//\t\t\t\t\ttransition: color 0.3s ease;\r\n//\t\t\t\t}\r\n//\t\t\t}\r\n//\t\t}\r\n//\t\t.status {\r\n//\t\t\theight: 200px;\r\n//\t\t\twidth: 100%;\r\n//\t\t\tz-index: 5;\r\n//\t\t\tdisplay: flex;\r\n//\t\t\tflex-direction: column;\r\n//\t\t\talign-items: center;\r\n//\r\n//\t\t\th3 {\r\n//\t\t\t\tmargin: 1.5rem 0 .25rem!important;\r\n//\t\t\t\tcolor: rgb(var(--contrast-200));\r\n//\t\t\t}\r\n//\t\t\t.message {\r\n//\t\t\t\tmargin: 0;\r\n//\t\t\t\tmax-width: 275px;\r\n//\t\t\t\tcolor: rgb(var(--contrast-100));\r\n//\t\t\t\tfont-size: var(--txt-x-small);\r\n//\t\t\t\tanimation: flicker 2s infinite;\r\n//\t\t\t}\r\n//\t\t}\r\n//\t}\r\n//}\r\n//\r\n//\r\n///* Animations */\r\n//@keyframes highlight {\r\n//\t0%, 100% {\r\n//\t\tbox-shadow: none;\r\n//\t}\r\n//\t50% {\r\n//\t\tbox-shadow: 0 0 0 4px var(--pink-0);\r\n//\t}\r\n//}\r\n//\r\n//@keyframes pop {\r\n//\t0% { transform: scale(1); }\r\n//\t50% { transform: scale(1.3); }\r\n//\t75% { transform: scale(0.9); }\r\n//\t100% { transform: scale(1); }\r\n//}\r\n//\r\n//@keyframes bubble {\r\n//\t50% { box-shadow: 19px 0 0 3px, 38px 0 0 7px, 57px 0 0 3px }\r\n//\t100% { box-shadow: 19px 0 0 0, 38px 0 0 3px, 57px 0 0 7px }\r\n//}\r\n//@keyframes highlight-pulse {\r\n//\t0%, 100% { box-shadow: 0 0 0 4px #FF0080, 0 8px 16px rgba(0, 0, 0, 0.1); }\r\n//\t50% { box-shadow: 0 0 0 8px #FF0080, 0 12px 24px rgba(0, 0, 0, 0.15); }\r\n//}\r\n//\r\n//@keyframes spin {\r\n//\tto { transform: rotate(360deg); }\r\n//}\r\n//\r\n//@keyframes shimmer {\r\n//\t0% { transform: translateX(-100%); }\r\n//\t50%, 100% { transform: translateX(100%); }\r\n//}\r\n//@keyframes dance {\r\n//\t0%, 100% { transform: rotate(-5deg) scale(1);}\r\n//\t50% { transform: rotate(5deg) scale(1.1); }\r\n//}\r\n//@keyframes flicker {\r\n//\t0% { opacity: 0.6; }\r\n//\t50% { opacity: 1; }\r\n//\t100% { opacity: 0.6; }\r\n//}\r\n//\r\n//\r\n///**\r\n//Accessibility\r\n// */\r\n//\r\n///* Keyboard navigable feed items */\r\n//.feed-item[tabindex=\"0\"] {\r\n//\tposition: relative;\r\n//}\r\n//\r\n//.feed-item[tabindex=\"0\"]::after {\r\n//\tcontent: '';\r\n//\tposition: absolute;\r\n//\ttop: 0;\r\n//\tleft: 0;\r\n//\tright: 0;\r\n//\tbottom: 0;\r\n//\tpointer-events: none;\r\n//\tborder: 2px solid transparent;\r\n//\ttransition: border-color 0.2s ease;\r\n//}\r\n//\r\n//.feed-item[tabindex=\"0\"]:focus::after {\r\n//\tborder-color: #FF0080;\r\n//}\r\n//\r\n//\r\n//.feed-block .item {\r\n//\tsummary {\r\n//\t\ta {\r\n//\t\t\tbackground-color: rgb(var(--action-0));\r\n//\t\t\tdisplay: flex;\r\n//\t\t\tgap: .25rem;\r\n//\t\t\tflex-wrap: nowrap;\r\n//\t\t\taspect-ratio: 1;\r\n//\t\t\tposition: relative;\r\n//\t\t}\r\n//\t\timg {\r\n//\t\t\twidth: 50%;\r\n//\t\t\theight: 100%;\r\n//\t\t\tobject-fit: cover;\r\n//\t\t}\r\n//\r\n//\t}\r\n//}\r\n\r\n//\r\n//.feed-block {\r\n//\tgrid-column: full;\r\n//\t.filters {\r\n//\t\tpadding: 1rem 0;\r\n//\t\tmax-width:var(--wide);\r\n//\t\tmargin: 0 auto;\r\n//\r\n//\t\t.remove-term.remove-term {\r\n//\t\t\twidth: max-content;\r\n//\t\t\theight: max-content\r\n//\t\t}\r\n//\t}\r\n//\t.filter-group {\r\n//\t\tposition: relative;\r\n//\t\tpadding: 2rem 0;\r\n//\t\t.label {\r\n//\t\t\tposition: absolute;\r\n//\t\t\tleft: 0;\r\n//\t\t}\r\n//\t\t> .label {\r\n//\t\t\ttop: 0;\r\n//\t\t}\r\n//\t\t.btn + label {\r\n//\t\t\twidth: auto;\r\n//\t\t}\r\n//\t\t[type=radio] {\r\n//\t\t\tposition:absolute;\r\n//\t\t\tleft: var(--offScreen);\r\n//\t\t}\r\n//\t\tbutton, label {\r\n//\t\t\tposition: relative;\r\n//\t\t\tpadding: .5rem;\r\n//\t\t\theight: max-content;\r\n//\t\t\t&:hover {\r\n//\t\t\t\tcolor: var(--action-contrast);\r\n//\t\t\t}\r\n//\t\t}\r\n//\t\tbutton:hover .label,\r\n//\t\t:checked + label .label,\r\n//\t\tlabel:hover .label {\r\n//\t\t\topacity: 1;\r\n//\t\t\tvisibility: visible;\r\n//\t\t}\r\n//\t\t&:has(label:hover) :checked + label .label,\r\n//\t\tbutton .label,\r\n//\t\tlabel .label {\r\n//\t\t\t--height: max-content;\r\n//\t\t\topacity: 0;\r\n//\t\t\tvisibility: hidden;\r\n//\t\t\tbottom: -2rem;\r\n//\t\t\twidth: max-content;\r\n//\t\t\twhite-space: nowrap;\r\n//\t\t\tfont-weight: var(--fw-b);\r\n//\t\t}\r\n//\r\n//\r\n//\t}\r\n//\th3 {\r\n//\t\tmargin: 0 0 .25rem;\r\n//\t\tfont-size: var(--medium);\r\n//\t}\r\n//}\r\n///** PLACEHOLDERS **/\r\n//.placeholder {\r\n//\taspect-ratio: 1;\r\n//\tbackground: rgb(var(--base));\r\n//\tborder: 1rem solid rgb(var(--base-50));\r\n//\tborder-radius: 1rem;\r\n//\tdisplay: flex;\r\n//\tjustify-content: center;\r\n//\talign-items: center;\r\n//\r\n//\ti.icon {\r\n//\t\t--w: 50%;\r\n//\t\tcolor: rgb(var(--base-200));\r\n//\t\tanimation: dance 2.5s ease-in-out infinite;\r\n//\t}\r\n//}\r\n//\r\n//.item-grid {\r\n//\tpadding: 0 var(--chip);\r\n//\tmax-width: 100%;\r\n//}\r\n///** FEED ITEM **/\r\n//.feed.item {\r\n//\tposition: relative;\r\n//\tborder-radius: 0.5rem;\r\n//\toverflow: hidden;\r\n//\tbackground: rgb(var(--base-50));\r\n//\tbox-shadow: 0 2px 4px rgba(0,0,0,0.1);\r\n//\theight: fit-content;\r\n//\tpadding: 0;\r\n//\tdetails {\r\n//\t\tz-index: var(--z-2);\r\n//\t\twidth: 100%;\r\n//\t\tposition: relative;\r\n//\t\tpadding: 0;\r\n//\t\tsummary {\r\n//\t\t\tposition:absolute;\r\n//\t\t\ttop: -3rem;\r\n//\t\t\tleft:0;\r\n//\t\t\twidth: 100%;\r\n//\t\t\tbackground-color: rgba(var(--base),var(--op-2));\r\n//\t\t\tbackdrop-filter: blur(5px);\r\n//\t\t\t&:hover {\r\n//\t\t\t\tbackground-color: rgba(var(--action-0),var(--op-45));\r\n//\t\t\t}\r\n//\t\t}\r\n//\t\t&[open] {\r\n//\t\t\tpadding: .25rem .5rem;\r\n//\t\t\tsummary .icon {\r\n//\t\t\t\topacity: 0;\r\n//\t\t\t}\r\n//\t\t}\r\n//\r\n//\t}\r\n//\r\n//\timg {\r\n//\t\tobject-fit: cover;\r\n//\t\twidth: 100%;\r\n//\t\theight: 100%;\r\n//\t\t//opacity: .7;\r\n//\t\t//filter: grayscale(.5) sepia(.3);\r\n//\t\t&:hover {\r\n//\t\t\topacity: .8;\r\n//\t\t}\r\n//\t}\r\n//\r\n//\t&[data-timeline] {\r\n//\t\t.images {\r\n//\t\t\taspect-ratio: 3/2;\r\n//\t\t\tpadding: 0 0 1rem;\r\n//\t\t\tspan {\r\n//\t\t\t\twidth: 50%;\r\n//\t\t\t\tposition: absolute;\r\n//\t\t\t\tbackground-color: rgb(var(--action-0));\r\n//\t\t\t\tcolor: var(--action-contrast);\r\n//\t\t\t\tpadding: .25rem .5rem;\r\n//\t\t\t\t&:first-of-type {\r\n//\t\t\t\t\tbottom: 0;\r\n//\t\t\t\t\tright: 50%;\r\n//\t\t\t\t\ttext-align: right;\r\n//\t\t\t\t}\r\n//\t\t\t\t&:last-of-type {\r\n//\t\t\t\t\ttop: 0;\r\n//\t\t\t\t\tleft: 50%;\r\n//\t\t\t\t}\r\n//\t\t\t}\r\n//\t\t\t> a {\r\n//\t\t\t\tposition: relative;\r\n//\t\t\t\tdisplay: flex;\r\n//\t\t\t\tflex-wrap: nowrap;\r\n//\t\t\t\twidth: 100%;\r\n//\t\t\t\theight: 100%;\r\n//\t\t\t}\r\n//\t\t}\r\n//\t\timg {\r\n//\t\t\twidth: 50%;\r\n//\t\t\tobject-fit: cover;\r\n//\t\t\theight: 100%;\r\n//\t\t\t&:first-of-type {\r\n//\t\t\t\tborder-right: 1px solid rgb(var(--action-0));\r\n//\t\t\t}\r\n//\t\t}\r\n//\t}\r\n//\r\n//\r\n//\ta {\r\n//\t\t&::before,\r\n//\t\t&::after {\r\n//\t\t\tdisplay: none;\r\n//\t\t}\r\n//\t}\r\n//\r\n//\tlabel {\r\n//\t\tfont-weight: normal;\r\n//\t\ttext-transform: none;\r\n//\t\t.icon {\r\n//\t\t\t--w: 1.5em;\r\n//\t\t}\r\n//\t}\r\n//}\r\n//\r\n//\r\n//.item-grid:has([data-timeline]) {\r\n//\tgrid-template-columns: repeat(auto-fill, minmax(250px, 1fr));\r\n//}\r\n//\r\n//.items-wrap [type=radio],\r\n//.items-wrap [type=checkbox] {\r\n//\tposition: absolute;\r\n//\topacity: 0;\r\n//\tleft: -200vw;\r\n//}\r\n//\r\n//.items-wrap [type=radio] + label,\r\n//.items-wrap [type=checkbox] + label {\r\n//\tposition: relative;\r\n//\tcursor: pointer;\r\n//}\r\n//\r\n//.items-wrap [type=radio] + label:hover,\r\n//.items-wrap [type=checkbox] + label:hover {\r\n//\tcolor: rgb(var(--action-0));\r\n//}\r\n//\r\n//.items-wrap [type=radio] + label::before,\r\n//.items-wrap [type=checkbox] + label::before,\r\n//.items-wrap [type=radio] + label::after,\r\n//.items-wrap [type=checkbox] + label::after {\r\n//\tcontent: '';\r\n//\tposition: absolute;\r\n//\ttop: 50%;\r\n//}\r\n//\r\n//.items-wrap [type=radio] + label::after,\r\n//.items-wrap [type=checkbox] + label::after {\r\n//\tleft: 5px;\r\n//\ttransform: translateY(-70%) rotate(45deg);\r\n//\twidth: 5px;\r\n//\theight: 10px;\r\n//\tborder: solid var(--light-0);\r\n//\tborder-width: 0 2px 2px 0;\r\n//\tdisplay: none;\r\n//}\r\n//\r\n//.items-wrap [type=radio] + label::before,\r\n//.items-wrap [type=checkbox] + label::before {\r\n//\tleft: 0;\r\n//\ttransform: translateY(-50%);\r\n//\twidth: 1rem;\r\n//\theight: 1rem;\r\n//\tborder: 2px solid rgb(var(--contrast-200));\r\n//\tbackground-color: rgb(var(--base));\r\n//\tborder-radius: var(--radius);\r\n//}\r\n//\r\n//.items-wrap [type=radio]:hover + label::before,\r\n//.items-wrap [type=checkbox]:hover + label::before {\r\n//\tborder-color: rgb(var(--action-200));\r\n//}\r\n//\r\n//.items-wrap [type=radio]:checked + label::before,\r\n//.items-wrap [type=checkbox]:checked + label::before{\r\n//\tbackground-color: rgb(var(--action-0));\r\n//\tborder-color: rgb(var(--action-100));\r\n//}\r\n//\r\n//.items-wrap [type=radio]:checked + label::before {\r\n//\tborder-radius: 50%;\r\n//}\r\n//\r\n//.items-wrap [type=checkbox]:checked + label::after {\r\n//\tdisplay: block;\r\n//\tleft: 5px;\r\n//\ttop: 50%;\r\n//\ttransform: translateY(-70%) rotate(45deg);\r\n//\twidth: .35rem;\r\n//\theight: .66rem;\r\n//\tborder: solid var(--light-0);\r\n//\tborder-width: 0 2px 2px 0;\r\n//}\r\n//\r\n//.items-wrap :disabled + label {\r\n//\tcursor: not-allowed;\r\n//\tbackground-color: rgb(var(--base-50));\r\n//\tcolor: rgb(var(--base-200));\r\n//\tborder-color: rgb(var(--base-200));\r\n//}\r\n//\r\n//.items-wrap :disabled + label:hover {\r\n//\tbackground-color: rgb(var(--base-50));\r\n//\tcolor: rgb(var(--base-200));\r\n//\tborder-color: rgb(var(--base-200));\r\n//}\r\n//\r\n//.items-wrap :disabled + label::before {\r\n//\tborder-color: rgb(var(--base-200));\r\n//}\r\n//\r\n//#jvb-selector .items-wrap [type=radio] + label,\r\n//#jvb-selector .items-wrap [type=checkbox] + label{\r\n//\tflex: 1;\r\n//\tpadding-left: 2rem!important;\r\n//\ttransform-origin: top center;\r\n//\twill-change: transform;\r\n//}\r\n//\r\n//.feed-block + footer {\r\n//\tgrid-column: full;\r\n//\tpadding: 0!important;\r\n//\tmargin: 0;\r\n//\tbackground-color: rgb(var(--base-50));\r\n//\tz-index: 0;\r\n//\tdisplay: flex;\r\n//\tjustify-content: flex-end;\r\n//\tbutton {\r\n//\t\twidth: max-content;\r\n//\t\tmargin-left: auto;\r\n//\t\tpadding: .35rem .25rem;\r\n//\t\t--w: 1.3em!important;\r\n//\t\tflex-wrap: nowrap;\r\n//\t\tjustify-content:flex-start;\r\n//\t\ttransition: var(--trans-size);\r\n//\t\tfont-size: var(--txt-x-small);\r\n//\t\tmin-height: 0;\r\n//\t\tspan {\r\n//\t\t\tdisplay: none;\r\n//\t\t\twhite-space: nowrap;\r\n//\t\t}\r\n//\t\t&:focus span,\r\n//\t\t&:hover span {\r\n//\t\t\tdisplay: block;\r\n//\t\t}\r\n//\t}\r\n//}\r\n//\r\n//\r\n//\r\n//.search-container:not(.open) input[type=search],\r\n//.search-container:not(.open) .clear-search {\r\n//\ttransform: scaleX(0);\r\n//\ttransform-origin: left;\r\n//\twidth: 0;\r\n//\tpadding: 0;\r\n//\ttransition: transform var(--trans-base), width var(--trans-base), padding var(--trans-base);\r\n//}\r\n//.search-container button {\r\n//\tpadding: .5rem;\r\n//}\r\n//.search-container .icon {\r\n//\t--w: 1.5rem;\r\n//}\r\n//.search-container.open input[type=search],\r\n//.search-container.open .clear-search {\r\n//\ttransform: scaleX(1);\r\n//\ttransform-origin: left;\r\n//\ttransition: transform var(--trans-base), width var(--trans-base), padding var(--trans-base);\r\n//}\r\n//.all-filters > .search,\r\n//input[type=search],\r\n//.search-container {\r\n//\twidth: 100%;\r\n//}\r\n//\r\n//\r\n//.all-filters {\r\n//\tbutton .label,\r\n//\t.row:has(label:hover),\r\n//\t.btn:checked + label .label {\r\n//\t\t--height: max-content;\r\n//\t\tbottom: -2rem;\r\n//\t\tfont-weight: var(--fw-b);\r\n//\t\topacity: 0;\r\n//\t\tvisibility: hidden;\r\n//\t\twhite-space: nowrap;\r\n//\t\twidth: -moz-max-content;\r\n//\t\twidth: max-content;\r\n//\t}\r\n//\tsummary {\r\n//\t\twidth: 100%;\r\n//\t\t&:hover {\r\n//\t\t\tbackground-color: rgb(var(--action-0));\r\n//\t\t\tcolor: rgb(var(--action-contrast));\r\n//\t\t\t&::after {\r\n//\t\t\t\tbackground-color: rgb(var(--action-contrast));\r\n//\t\t\t}\r\n//\t\t}\r\n//\t}\r\n//\t> .row {\r\n//\t\twidth: 100%;\r\n//\t\tmargin: 0;\r\n//\t\t.label {\r\n//\t\t\twidth: 20%;\r\n//\t\t}\r\n//\t}\r\n//}\r\n\r\n\r\n/***** START FRESH *****/\r\n.feed-block {\r\n\tgrid-column: full;\r\n\r\n\t.placeholder {\r\n\t\taspect-ratio: 1;\r\n\t\tbackground: rgb(var(--base));\r\n\t\tborder: 1rem solid rgb(var(--base-50));\r\n\t\tborder-radius: 1rem;\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: center;\r\n\t\talign-items: center;\r\n\t\t--w: 50%;\r\n\t\tcolor: rgb(var(--base-200));\r\n\t\ti.icon {\r\n\t\t\tanimation: dance 2.5s ease-in-out infinite;\r\n\t\t}\r\n\t}\r\n\r\n\t.item-grid {\r\n\t\tmax-width: var(--full);\r\n\r\n\t\t&:has([data-timeline]) {\r\n\t\t\tgrid-template-columns: repeat(auto-fill, minmax(250px, 1fr));\r\n\t\t}\r\n\t}\r\n\r\n\t.item {\r\n\t\toverflow: hidden;\r\n\t\tbackground: rgb(var(--base-50));\r\n\t\tbox-shadow: rgba(var(--base), var(--op-2)) var(--shdw);\r\n\t\theight: fit-content;\r\n\t\tpadding: 0;\r\n\r\n\t\th3 {\r\n\t\t\tmargin: 0;\r\n\t\t\tfont-size: var(--txt-medium);\r\n\t\t}\r\n\r\n\t\tdetails {\r\n\t\t\tz-index: var(--z-2);\r\n\t\t\twidth: 100%;\r\n\t\t\tposition: relative;\r\n\t\t\tpadding: 0;\r\n\r\n\t\t\tsummary {\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\ttop: calc(var(--chip_) * -1);\r\n\t\t\t\tleft: 0;\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\tbackground-color: rgba(var(--base), var(--op-2));\r\n\t\t\t\tbackdrop-filter: blur(5px);\r\n\r\n\t\t\t\t&:hover {\r\n\t\t\t\t\tbackground-color: rgba(var(--action-0), var(--op-45));\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t&[open] {\r\n\t\t\t\tpadding: .25rem .5rem;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\timg {\r\n\t\t\t&:hover {\r\n\t\t\t\topacity: .8;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&[data-timeline] {\r\n\t\t\t.images {\r\n\t\t\t\taspect-ratio: 3/2;\r\n\t\t\t\tpadding: 0 0 1rem;\r\n\r\n\t\t\t\tspan {\r\n\t\t\t\t\twidth: 50%;\r\n\t\t\t\t\tposition: absolute;\r\n\t\t\t\t\tbackground-color: rgb(var(--action-0));\r\n\t\t\t\t\tcolor: rgb(var(--action-contrast));\r\n\t\t\t\t\tpadding: .25rem .5rem;\r\n\r\n\t\t\t\t\t&:first-of-type {\r\n\t\t\t\t\t\tbottom: 0;\r\n\t\t\t\t\t\tright: 50%;\r\n\t\t\t\t\t\ttext-align: right;\r\n\t\t\t\t\t}\r\n\t\t\t\t\t&:last-of-type {\r\n\t\t\t\t\t\ttop: 0;\r\n\t\t\t\t\t\tleft: 50%;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\t//> a {\r\n\t\t\t\t//\tposition: relative;\r\n\t\t\t\t//\tdisplay: flex;\r\n\t\t\t\t//\tflex-wrap: nowrap;\r\n\t\t\t\t//\twidth: 100%;\r\n\t\t\t\t//\theight: 100%;\r\n\t\t\t\t//}\r\n\r\n\t\t\t\timg {\r\n\t\t\t\t\twidth: 50%;\r\n\t\t\t\t\t&:first-of-type {\r\n\t\t\t\t\t\tborder-right: 2px solid rgb(var(--action-0));\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\ta {\r\n\t\t\t&::before,\r\n\t\t\t&::after {\r\n\t\t\t\tdisplay: none;\r\n\t\t\t}\r\n\t\t}\r\n\t\tlabel {\r\n\t\t\tfont-weight: normal;\r\n\t\t\ttext-transform: none;\r\n\t\t\t--w: 1.5em;\r\n\t\t}\r\n\t}\r\n\t.all-filters summary {\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: space-between;\r\n\t}\r\n}\r\n.all-filters {\r\n\tfont-size: var(--txt-x-small);\r\n\r\n\t&[open] {\r\n\t\tborder: 2px solid rgb(var(--action-0));\r\n\t\tpadding: 0;\r\n\t\tborder-radius: 0 0 var(--radius-outer) var(--radius-outer);\r\n\t}\r\n\r\n\tsummary {\r\n\t\twidth: 100%;\r\n\t}\r\n\r\n\t&[open] summary,\r\n\tsummary:hover {\r\n\t\tbackground-color: rgb(var(--action-0));\r\n\t\tcolor: rgb(var(--action-contrast));\r\n\t\t&::after {\r\n\t\t\tbackground-color: rgb(var(--action-contrast));\r\n\t\t}\r\n\t}\r\n\r\n\t>.row.row {\r\n\t\tpadding: 0 .75rem 2rem;\r\n\t\twidth: var(--content);\r\n\r\n\t\t&.search {\r\n\t\t\tpadding-bottom: 0;\r\n\t\t}\r\n\t\tposition: relative;\r\n\r\n\t\t> .label,\r\n\t\t> .row > .label {\r\n\t\t\tfont-family: var(--heading);\r\n\t\t\tfont-weight: var(--fw-h-bold);\r\n\t\t\ttext-transform: uppercase;\r\n\t\t}\r\n\t\t> .label {\r\n\t\t\twidth: 20%;\r\n\t\t}\r\n\t\t>.row > .label {\r\n\t\t\twhite-space: nowrap;\r\n\t\t}\r\n\t}\r\n\r\n\tbutton,\r\n\t.btn + label {\r\n\t\twidth: var(--chipchip);\r\n\t\tmin-height: var(--chipchip);\r\n\t\tpadding: 0;\r\n\t}\r\n\r\n\tbutton .label,\r\n\t.row:has(> .btn:not(:checked) + label:hover) :checked + label .label,\r\n\t.btn + label .label {\r\n\t\tposition: absolute;\r\n\t\tbottom: -2rem;\r\n\t\twidth: max-content;\r\n\t\twhite-space: nowrap;\r\n\t\topacity: 0;\r\n\t\tz-index: var(--z-4);\r\n\t}\r\n\r\n\tbutton:hover .label,\r\n\t.btn:checked + label .label,\r\n\t.btn + label:hover .label {\r\n\t\topacity: 1;\r\n\t}\r\n\r\n\t.search.row,\r\n\t.view.row {\r\n\t\tdisplay: none;\r\n\t}\r\n\t.ordering {\r\n\t\tpadding: 2rem 0 .75rem 0;\r\n\t}\r\n\t.ordering > .row label {\r\n\t\tposition: unset;\r\n\t}\r\n\t.ordering .row {\r\n\r\n\t\t.label {\r\n\t\t\ttop: -1rem;\r\n\t\t\tcolor: rgb(var(--contrast));\r\n\t\t}\r\n\t\t&.orderby .label {\r\n\t\t\tleft: 0;\r\n\t\t}\r\n\t\t&.order-direction .label {\r\n\t\t\tright: 0;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n\r\n.search-container:not(.open) input[type=search],\r\n.search-container:not(.open) .clear-search {\r\n\ttransform: scaleX(0);\r\n\ttransform-origin: left;\r\n\twidth: 0;\r\n\tpadding: 0;\r\n\ttransition: transform var(--trans-base), width var(--trans-base), padding var(--trans-base);\r\n}\r\n.search-container button {\r\n\tpadding: .5rem;\r\n}\r\n.search-container .icon {\r\n\t--w: 1.5rem;\r\n}\r\n.search-container.open input[type=search],\r\n.search-container.open .clear-search {\r\n\ttransform: scaleX(1);\r\n\ttransform-origin: left;\r\n\ttransition: transform var(--trans-base), width var(--trans-base), padding var(--trans-base);\r\n}\r\n.all-filters > .search,\r\ninput[type=search],\r\n.search-container {\r\n\twidth: 100%;\r\n}\r\n\r\n\r\n.toggle-text {\r\n\tinput {\r\n\t\t+ label {\r\n\t\t\tfont-weight: normal;\r\n\t\t\tcolor: var(--contrast)!important;\r\n\t\t\ttext-transform: none;\r\n\t\t\tcursor: pointer;\r\n\t\t\tposition: relative;\r\n\t\t\tpadding: .25rem .5rem;\r\n\t\t\t-webkit-user-select: none;\r\n\t\t\t-moz-user-select: none;\r\n\t\t\t-ms-user-select: none;\r\n\t\t\tuser-select: none;\r\n\t\t\tborder: 1px dashed transparent;\r\n\r\n\t\t\t&::before,\r\n\t\t\t&::after {\r\n\t\t\t\tdisplay: none!important;\r\n\t\t\t}\r\n\r\n\t\t\t.text {\r\n\t\t\t\tposition: relative;\r\n\t\t\t\tmargin: 0;\r\n\t\t\t\t--gap: 0;\r\n\t\t\t\tfont-weight: bold;\r\n\t\t\t\twidth: fit-content;\r\n\t\t\t\tpadding: 2px 4px;\r\n\t\t\t\tborder: 1px solid rgb(var(--action-50));\r\n\t\t\t\tborder-radius: var(--radius);\r\n\t\t\t\tcolor: rgb(var(--action-50));\r\n\t\t\t}\r\n\r\n\t\t\t.off {\r\n\t\t\t\t--mid: -100%;\r\n\t\t\t}\r\n\t\t\t.on {\r\n\t\t\t\t--mid: 100%;\r\n\t\t\t}\r\n\t\t\t.off,\r\n\t\t\t.on {\r\n\t\t\t\ttransition: var(--trans-transform), opacity var(--trans-base);\r\n\t\t\t}\r\n\r\n\t\t}\r\n\t\t + label .off,\r\n\t\t&:checked + label .on {\r\n\t\t\topacity: 1;\r\n\t\t\tmax-width: 100%;\r\n\t\t\ttransform: translate3d(0,0,0);\r\n\t\t}\r\n\t\t + label .on,\r\n\t\t&:checked + label .off {\r\n\t\t\topacity: 0;\r\n\t\t\tmax-width: 0;\r\n\t\t\ttransform: translate3d(0,var(--mid),0);\r\n\t\t}\r\n\t}\r\n\r\n\r\n\t&:hover {\r\n\t\tlabel {\r\n\t\t\tborder-color: rgb(var(--action-200));\r\n\t\t}\r\n\t\t.text {\r\n\t\t\tbackground-color: rgb(var(--action-50));\r\n\t\t\tcolor: rgb(var(--action-contrast));\r\n\t\t\tborder-color: rgb(var(--action-50));\r\n\t\t}\r\n\t}\r\n}\r\n\r\n"],"names":[],"sourceRoot":""}
|
