:root{--tpad: .2rem;--spad: .4rem;--mpad: 1rem;--bpad: 2rem;--hpad: 3rem;--epad: 4rem;--srad: .4rem;--mrad: 1rem;--brad: 2rem;--white: oklch(100% 0 0);--white-a: #ffffff33;--white-b: #ffffff66;--white-g: #ffffff99;--white-d: oklch(98% 0 0);--ash: #eee;--ash-a: #ddd;--ash-b: oklch(.8 0 0);--ash-g: #050404;--ash-d: #aaa;--black-p: #111;--black-g: #777;--black-d: #888;--red: #f55;--grey: #3333;--black: #3339;--b: 0 0 0;--shadow: oklch(0% 0 0 / .9);--shadow-b: oklch(10% 0 0 / .5);--shadow-g: oklch(10% 0 0 / .3);--shadow-d: oklch(10% 0 0 / .1);--fast-in-bezier: cubic-bezier(.4, 0, .2, 1);--orange: .72 .17 70;--orange-1: oklch(.94 .03 70);--orange-2: oklch(.89 .06 70);--orange-3: oklch(.83 .1 70);--orange-4: oklch(.78 .13 70);--orange-5: oklch(.72 .17 70);--orange-6: oklch(.65 .16 70);--orange-7: oklch(.58 .14 70);--orange-8: oklch(.5 .13 70);--orange-9: oklch(.41 .1 70);--blue: .71 .17 250;--blue-1: oklch(.94 .03 250);--blue-2: oklch(.88 .06 250);--blue-3: oklch(.83 .1 250);--blue-4: oklch(.77 .13 250);--blue-5: oklch(.71 .17 250);--blue-6: oklch(.64 .16 250);--blue-7: oklch(.57 .14 250);--blue-8: oklch(.5 .13 250);--blue-9: oklch(.41 .1 250)}@font-face{font-family:Truculenta;src:url(/assets/Truculenta-CMzLvPKk.ttf)}@font-face{font-family:roboto-medium;src:url(/assets/RobotoCondensed-Medium-DWbO6Qhk.woff2)}@font-face{font-family:roboto-bold;src:url(/assets/RobotoCondensed-Bold-DjZ5q5tM.woff2)}@font-face{font-family:roboto-regular;src:url(/assets/RobotoCondensed-Regular-Cx4fSvHL.woff2)}:where(*:not(svg):not(path)){margin:0;padding:0;box-sizing:border-box;font-family:Signika,sans-serif;transition-property:all;font-family:roboto-regular}:where(*:not(svg):not(path)):not(#filter-wrapper),:where(*:not(svg):not(path)):not(#filter){transition-delay:.2s;transition-duration:.2s}body{scrollbar-width:none}body::-webkit-scrollbar{width:none}h1,h2,h3{font-family:roboto-medium,sans-serif;color:var(--black-p);font-weight:400}p{color:#444}span,li{color:#444;list-style-type:none}a{cursor:pointer}small{color:#555}::placeholder{color:var(--grey)}:where(*:has(button)){perspective:50%}:where(button){display:flex;align-items:center;gap:var(--spad);justify-content:space-between;padding:var(--spad) var(--mpad);background-color:#fca311;border:none;border-bottom:solid 3px;border-bottom-color:var(--shadow-d);border-radius:var(--spad);letter-spacing:1px;cursor:pointer;color:#fff}:where(button) *,:where(button) span{color:#fff;font-family:roboto-bold}:where(button):hover{border-bottom-color:#0000;box-shadow:inset 0 2px 4px -1px var(--shadow-b)}:where(button):active{transform:rotateX(30deg)}:where(svg){display:block;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;transition-duration:.15s!important}div:has(>svg),button,small,li,a{-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}div:has(>svg) *,button *,small *,li *,a *{-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}svg{aspect-ratio:1/1;cursor:pointer}:where(.close){cursor:pointer}body #container [data-action=runRadio]{display:flex;gap:.4rem;flex-wrap:nowrap;align-items:center;padding:.2rem .5rem .2rem .2rem;border-radius:1rem;cursor:pointer;background-color:#f0f0f0;outline:#f0f0f0 2px solid;border:2px solid #bbb}body #container [data-action=runRadio] .radio-ball{height:1.2rem;width:1.5rem;border:solid 2px #fff;border-radius:1rem;background:#f0f0f0}body #container [data-action=runRadio] span{color:#555}body #container [data-action=runRadio].on{background-color:#def;border-color:red}body #container [data-action=runRadio].on .radio-ball{background-color:#00f}body #container [data-action=runRadio].on{border-color:var(--blue-8);outline-color:var(--blue-2);background-color:var(--blue-1)}body #container [data-action=runRadio].on .radio-ball{background-color:var(--blue-2)}body #container [data-action=runRadio].on span{color:var(--blue-8)}@media screen and (min-width:1000px){.product{aspect-ratio:2}}@media screen and (min-width:550px){main #filter-layout{justify-self:center;justify-content:center;top:.4rem}main #filter-layout.at-top{border-radius:var(--mpad);max-width:600px}}@media screen and (min-width:469px)and (max-width:552px){#container.landscape .products{grid-template-columns:1fr}}@media screen and (max-width:550px){#container.grid .products{grid-template-columns:1fr 1fr}#container.grid .products .product{aspect-ratio:6/10}#container.grid .products .product.mod{grid-column:span 2;aspect-ratio:unset}#container.grid .pro-about{display:none}#container.grid .product-back .product-details,#container.landscape .product-back .product-details{padding:var(--spad)}#container.grid .product-back .pro-name h2,#container.landscape .product-back .pro-name h2{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}#container.grid .product-back .likes-comments svg,#container.landscape .product-back .likes-comments svg{width:1.8rem}#container.grid .product-back .likes-comments .like div,#container.grid .product-back .likes-comments .comment div,#container.landscape .product-back .likes-comments .like div,#container.landscape .product-back .likes-comments .comment div{border-radius:1rem}#container.landscape .products{gap:var(--mrad)}#container.landscape .products .product{aspect-ratio:unset;height:200px}#container.landscape .products .product.mod{height:unset}#container.landscape .products .product.mod .product-back{grid-template-columns:unset}#container.landscape .products .product-back{grid-template-columns:1fr 1fr}#container.landscape .products .product-back img{height:100%}#container.landscape .products .pro-about p{display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}#container #full-img{width:97%}}@media screen and (min-width:900px){.product.mod{grid-column:span 2}}@media screen and (max-width:1100px)and (min-width:900px){.product-back .product-details{padding:1rem;gap:.4rem}}@media screen and (max-width:1340px)and (min-width:1151px){.product-back .product-details{padding:1rem;gap:.4rem}}@media screen and (min-width:550px){aside #filter-layout{gap:unset}aside #filter-layout #layout{display:none}body:has(#ai-tutorial) header{filter:blur(10px)}body:has(#ai-tutorial) #categories,body:has(#ai-tutorial) #pagination,body:has(#ai-tutorial) footer,body:has(#ai-tutorial) #sort-everything,body:has(#ai-tutorial) .bottom-floats{filter:blur(10px)}body:has(#ai-tutorial) .product{filter:blur(22px)}body:has(#ai-tutorial) #filter-card tr,body:has(#ai-tutorial) .bottom-floats{filter:blur(4px);pointer-events:none}body:has(#ai-tutorial) #filter-search{animation:gen-anime linear 1s infinite alternate;border-width:3px}}@media screen and (max-width:750px){.hero-intro{text-align:center;padding:1rem;background-color:#fca31111}#categories{max-width:99dvw;gap:var(--spad)!important;box-sizing:border-box}#categories ul{box-sizing:border-box;padding:0 calc(var(--spad) * 1.4)}#categories ul li{padding:calc(var(--spad) * 1.65) 0}#categories>div{padding:calc(var(--mpad) * .8)!important}#container.grid,#container.landscape{padding:0}#container.grid .products,#container.landscape .products{gap:var(--mpad) var(--srad);padding:var(--srad)}.products .product.mod{grid-column:span 1;height:fit-content}.products .product.mod .product-back{display:grid;grid-template-columns:1fr;grid-template-rows:unset;height:unset;padding:1rem}.products .product.mod .product-back .reactions{max-height:300px}body:has(#ai-tutorial) header{filter:blur(10px)}body:has(#ai-tutorial) #container,body:has(#ai-tutorial) #categories,body:has(#ai-tutorial) #pagination,body:has(#ai-tutorial) footer,body:has(#ai-tutorial) .bottom-floats{filter:blur(10px)}body:has(#ai-tutorial) #ai-tutorial{position:fixed}:root{--tpad: .2rem;--spad: .4rem;--mpad: 1rem;--bpad: 2rem;--hpad: 3rem;--epad: 4rem;--srad: .4rem;--mrad: 1rem;--brad: 2rem}}@media screen and (min-width:460px){.filter-controls{transform:translate(.5rem) scale(.7,.8);opacity:0}}@media screen and (max-width:460px){html{font-size:small}.hero-content{padding:var(--spad) var(--bpad)!important}.hero-content img{transform:scale(.8)}.products{padding:var(--spad)!important}.products .product.mod .product-back{padding:.7rem!important}#navigate-hero .hero-right{left:calc(var(--right-position) - 95px)!important}:root{--tpad: .16rem;--spad: .3rem;--mpad: .8rem;--bpad: 1.4rem;--hpad: 2rem;--epad: 3rem;--srad: .4rem;--mrad: 1rem;--brad: 2rem}}@media screen and (max-width:360px){:root{--tpad: .2rem;--spad: .4rem;--mpad: 1rem;--bpad: 2rem;--hpad: 3rem;--epad: 4rem;--srad: .4rem;--mrad: 1rem;--brad: 2rem}}body{overflow-x:hidden;width:100dvw;box-sizing:border-box;background-color:var(--white)}body:has(#filter-wrapper.js,#ai-tutorial){overflow:hidden}html,body,main,#container{scroll-behavior:smooth}::-webkit-scrollbar{width:5px;margin:1rem 0}::-webkit-scrollbar-button{display:none}::-webkit-scrollbar-thumb{border-radius:100% 0 0 100%;background-color:#fca311}@keyframes pre-spinner{0%{border:solid 3px #ccc;transform:rotate(0)}to{border:dashed 3px #ccc;transform:rotate(360deg)}}header{display:grid;background-color:var(--ash);padding:0 var(--mpad)}header .header-logo a{text-decoration:none;color:var(--black-p)}header .header-content{display:flex;justify-content:space-between;position:relative;left:50%;transform:translate(-50%);align-items:start;max-width:1200px}header .header-content .navbar{display:flex;justify-content:center;margin:1rem}header .header-content .navbar ul{display:flex;justify-self:center;gap:1rem;list-style-type:none}header .header-content .navbar ul li{cursor:pointer;position:relative}header .header-content .navbar ul li a{font-family:Truculenta,sans-serif;text-decoration:none}header .header-content .navbar ul li:before{content:"";position:absolute;inset:0;z-index:-1;width:0%}header .header-content .navbar ul li:hover:before{border-bottom:solid 1px;width:70%}header .header-content .navbar ul li.js{border-bottom:solid 1px}header .header-content .navbar ul a:visited{color:#00f}header .header-content .gh-flag{transform:rotate(90deg)}.bottom-floats{position:fixed;display:grid;justify-items:center;gap:1rem;right:1rem;bottom:1rem;z-index:2}.bottom-floats #back-to-top,.bottom-floats #cart{background-color:var(--black);padding:var(--tpad);border:solid 3px var(--ash-d);border-radius:.4rem}.bottom-floats.quick-edit{width:100%;right:0;left:0}.bottom-floats.quick-edit #back-to-top{display:none}.bottom-floats #cart{display:grid;box-sizing:border-box;justify-items:center;border-radius:8px;position:relative}.bottom-floats #cart.js{border:solid 3px var(--ash);background-color:var(--ash-b)}.bottom-floats #cart.js:has(.bottom-cart){width:90%;grid-template-columns:auto auto;background:var(--white-g);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);max-width:500px}.bottom-floats #cart.js .bottom-cart{display:flex}.bottom-floats #cart.js svg{stroke:#2f4f4f}.bottom-floats #cart svg{width:2rem;height:2rem;stroke-width:1.3px;stroke:var(--white)}.bottom-floats #cart span{text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-align:center;width:100%}.bottom-floats #cart hr,.bottom-floats #cart>span{grid-column:span 2}.bottom-floats #cart hr{border:none;height:2px;border-radius:4px;width:85%;background-color:var(--black)}.bottom-floats #cart button{width:2.3rem;height:2.3rem}.bottom-floats .total-units{position:absolute;box-sizing:content-box;display:grid;place-content:center;top:0;right:0;transform:translate(50%,-50%);background-color:var(--black-g);color:var(--white);padding:.1rem;border-radius:1rem;aspect-ratio:1;width:1rem;height:1rem}.bottom-floats #back-to-top{opacity:0;transform:scale(.5)}.bottom-floats #back-to-top svg{stroke:var(--white)}.bottom-floats.js #back-to-top{opacity:1;transform:scale(1)}.after-navbar{justify-self:center;display:flex;align-items:center;justify-content:space-between;max-width:1000px;width:90%}#currency{display:flex;gap:.4rem}#dark{background-color:#fff;width:2rem;aspect-ratio:1;overflow:hidden;border-radius:50%;box-shadow:2px 2px 6px var(--white),-2px -2px 9px var(--black),inset -1px -1px 2px 1px var(--white),inset 1px 1px 2px 1px var(--white)}#dark .dark-back{display:grid;place-items:center;box-shadow:inset 5px 5px 15px var(--black);border-radius:50%;width:100%;height:100%}#dark .dark-back svg.js{transform:translate(.5rem) scale(.8) rotate(190deg);animation:sunrise .3s linear alternate 1 forwards}@keyframes sunrise{to{opacity:1;transform:rotate(360deg)}}#dark .dark-back svg{stroke-width:1px;stroke:url(#Gradient1)}#dark .dark-back svg .stop1{stop-color:red}#dark .dark-back svg .stop2{stop-color:#000}#dark .dark-back svg .stop3{stop-color:#00f}#dark .dark-back svg[icon=brightness-down]{stroke-width:2px}#dark .dark-back svg[icon=brightness-down] .stop1{stop-color:#daa520}#dark .dark-back svg[icon=brightness-down] .stop2{stop-color:#000}#dark .dark-back svg[icon=brightness-down] .stop3{stop-color:#00f}#dark .dark-back svg[icon=brightness-down] path:not(:nth-child(9)){stroke:#000}#dark .dark-back svg[icon=brightness-down] path:nth-child(2){stroke:#a17300}#dark .dark-back svg[icon=brightness-down] path:nth-child(3){stroke:#896302}#dark .dark-back svg[icon=brightness-down] path:nth-child(1){stroke:#6a4c01}#account{display:flex;max-width:2.5rem;border-radius:2rem;overflow:hidden;border:solid 2px white}#account svg{border-radius:2rem;stroke:#696969;background-color:silver;width:1.9rem;height:1.9rem;stroke-width:1.3px}#account svg path:nth-child(1){fill:#dcdcdc;stroke:#fff}#account svg path:nth-child(2){fill:#dcdcdc;stroke:#fff}#account svg path:nth-child(3){stroke:gray;stroke-width:1.7px}#account img{display:flex;width:100%;height:100%}#login-modal{visibility:hidden;opacity:0;position:fixed;inset:0;z-index:99;display:grid;background-color:var(--shadow-g);justify-items:center}#login-modal.js{visibility:visible;opacity:1}#login-modal.js .login-overlay{transform:none;opacity:1}#login-modal [icon=x]{position:absolute;top:.4rem;right:.4rem;stroke:var(--white);border-radius:var(--brad);border:solid 2px;border-color:rgb(from var(--ash) r g b/.8);background-color:var(--black-g);padding:.3rem}#login-modal [icon=x]:hover{transform:scale(104%) rotate(9deg)}#login-modal .login-overlay{display:grid;gap:var(--bpad);position:relative;justify-items:center;width:80%;top:2rem;max-width:330px;background-color:var(--white-d);border-radius:var(--mrad);box-shadow:1px 1px 15px var(--white);transform:translateY(-3rem) scale(.9,.8);padding:var(--mpad);height:fit-content}#login-modal .login-overlay:has(>.logged-in){padding:var(--mpad) var(--bpad)}#login-modal .logged-in{text-align:center;line-height:1.4}#login-modal .tg-auth-button{padding:1rem}#login-modal .tg-auth-button,#login-modal #google-login{display:flex;justify-content:space-evenly;border:1px solid oklch(100% 0 0deg / 0)}#login-modal .tg-auth-button:hover,#login-modal #google-login:hover{transform:scale(103%)}#login-modal #google-login{border:1px solid oklch(100% 0 0deg / 0);border-radius:2rem}#login-modal #google-login:hover{transform:scale(103%)}#login-modal #google-login:not(:has(div)){background:linear-gradient(90deg,#ffffff4d 30%,#dedede80,#ffffff4d 50%);animation:shiny-google linear 2s infinite,shiny-google-border linear 1s infinite alternate-reverse;background-size:200% 200%}@keyframes shiny-google{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes shiny-google-border{to{border-color:#bebebe66}}.tg-auth-button{font-family:roboto-medium,sans-serif;letter-spacing:normal}.notifications{position:fixed;visibility:hidden;bottom:1rem;left:50%;transform:translate(-50%);perspective:300px}.notifications .message{display:flex;align-items:center;justify-content:space-evenly;opacity:0;padding:var(--mpad);background-color:var(--red);min-width:200px;transform:rotateX(-40deg);border-radius:var(--mrad)}.notifications .message>*{color:#fff}@keyframes shake-noti{0%{transform:translate(-.2rem)}to{transform:translate(.2rem)}}.notifications.js{visibility:visible}.notifications.js .message{opacity:1;transform:rotateX(0);animation:shake-noti .15s linear .25s 6 alternate}#outside-accra{opacity:0;visibility:hidden;display:grid;place-items:center;position:fixed;inset:0;background-color:#6663}#outside-accra.js{opacity:1;visibility:visible}#outside-accra .out-overlay{display:grid;gap:1.5rem;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);width:90%;max-width:500px;background-color:#4449;padding:2rem;border-radius:var(--mrad)}#outside-accra .out-overlay svg{stroke:#fff;border-radius:var(--srad);margin:-1rem 0 1rem;justify-self:right}#outside-accra .out-overlay span{color:var(--white);padding:1rem 0}#outside-accra .out-overlay span:not(:last-child){border-bottom:solid 1px rgba(255,255,255,.6);padding:1rem 0}.hero{display:flex;margin:3rem -1rem;justify-content:center;align-items:center}.hero:hover #navigate-hero{opacity:1}.hero:hover #navigate-hero>div{transform:scale(1)}.hero #navigate-hero{align-items:center;gap:1rem;width:100%;position:absolute;right:0;display:flex;z-index:1}@media screen and not (max-width:720px){.hero #navigate-hero{opacity:0}.hero #navigate-hero>div{transform:scale(.3)}}.hero #navigate-hero .hero-left{position:relative;left:calc(var(--left-position) - 24px);padding:.3rem}@media screen and not (max-width:720px){.hero #navigate-hero .hero-left:hover svg{transform:translate(-.3rem) scale(102%)}}.hero #navigate-hero .hero-left:active svg{transform:translate(-.3rem) scale(108%)}.hero #navigate-hero .hero-left svg{display:block;width:2.1rem;height:2.1rem}.hero #navigate-hero .hero-right{position:relative;left:calc(var(--right-position) - 103px);padding:.3rem .25rem}@media screen and not (max-width:720px){.hero #navigate-hero .hero-right:hover svg{transform:translate(.3rem) scale(102%)}}.hero #navigate-hero .hero-right:active svg{transform:translate(.2rem) scale(106%)}.hero #navigate-hero .hero-right svg{display:block;width:1.6rem;height:1.6rem}.hero #navigate-hero div{display:grid;place-items:center;background-color:var(--white-d);box-shadow:0 0 5px 5px var(--shadow-d);border-radius:.9rem;color:gray}.hero-content{display:grid;align-items:center;position:relative;width:100%;max-width:1000px;height:100%;max-height:700px;overflow:hidden;border-top-left-radius:1rem}.hero-content>[id]{display:grid;align-items:center;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:1rem;position:absolute;transform:translateY(-50%);top:50%;left:0;width:78%;height:100%;box-shadow:11px 0 10px -7px var(--shadow-g)}.hero-content>[id]:first-child{right:0}.hero-content>[id]:nth-child(2){left:19%;height:90%}.hero-content>[id]:nth-child(3){left:12%;height:95%}.hero-content>[id]:not(:last-child){filter:blur(3px) grayscale(.4) opacity(.4)}.hero-content>[id]:not(:last-child) img{filter:opacity(0)}.hero-content>[id]:last-child{min-height:100%;box-shadow:25px 0 15px -25px var(--shadow-g)}.hero-content>[id]>div:not(.hero-image){height:100%;background-color:#fca311}.hero-intro{display:grid;place-items:center;font-size:x-large;border-radius:1rem 0 0;color:#fff;position:relative;z-index:1;filter:hue-rotate(180deg)}.hero-intro h1{font-family:Truculenta;font-weight:700;color:#fff}.hero-intro:after{content:"";z-index:99999;background-color:var(--ash);height:102%;width:1rem;position:absolute;right:-1rem;box-shadow:15px 5px 18px -6px var(--shadow)}.hero-square{border-radius:.2rem 1rem .2rem .2rem}.hero-image{position:absolute;justify-self:center;width:80%;top:0;right:0;transform:translate(20%)}.hero-image img{width:65%;max-width:270px;filter:drop-shadow(33px 43px 13px var(--shadow-g))}.hero-rect{display:grid;place-items:center;grid-column:span 2;position:relative;border-radius:.2rem .2rem 1rem 1rem}.hero-rect:after{content:"";z-index:99999;background-color:var(--ash);box-shadow:0 10px 15px -5px #000;height:1rem;width:100%;position:absolute;top:-1rem}@keyframes hero-carousel{0%{transform:translate(-5rem,-50%)}to{transform:translateY(-50%)}}@keyframes hero-text{to{opacity:1;transform:none}}main{width:100%;display:grid;justify-items:center;position:relative}#ai-tutorial{position:fixed;z-index:999;background-color:var(--shadow-d);height:100dvh;inset:0;display:grid;justify-items:center}#ai-tutorial.start #filter-search{animation:gen-anime linear 1s infinite alternate;border-width:3px}#ai-tutorial #filter-layout{margin:0}#ai-tutorial #ai-tut-content{display:grid;width:100%;align-content:space-between;justify-content:center;height:98%}#ai-tutorial #ai-tut-content p{padding:2rem;color:#fff;font-size:x-large;mix-blend-mode:difference;font-weight:900;border-radius:1rem;text-align:center}#ai-tutorial .ai-searches{display:grid;height:100%;perspective:400px}#ai-tutorial .ai-eg{background-color:var(--white);border-radius:1rem;padding:.8rem;margin:1rem;max-width:400px;transform:rotateX(10deg);box-shadow:0 6px 8px -5px #3339}#ai-tutorial .ai-eg div{display:flex;justify-content:space-between;border-radius:1rem;border:solid 3px #fca311;filter:hue-rotate(180deg);padding:.1rem}#ai-tutorial .ai-eg div span{line-height:2.4;margin-left:.5rem;font-size:small}#ai-tutorial .ai-eg div svg{background-color:gray;stroke:#fff;padding:.3rem;border-radius:50%}#ai-tutorial .ai-eg:nth-child(1){animation:search-1 ease-in-out 6s infinite alternate}#ai-tutorial .ai-eg:nth-child(2){animation:search-2 ease-in-out 6s infinite alternate}#ai-tutorial .ai-eg:nth-child(3){animation:search-3 ease-in-out 6s infinite alternate}#ai-tutorial .ai-eg:nth-child(4){animation:search-4 ease-in-out 6s infinite alternate}#ai-tutorial .ai-eg:nth-child(5){animation:search-5 ease-in-out 6s infinite alternate}@keyframes search-1{0%{transform:rotateX(-15deg) translateY(1rem)}to{transform:rotateX(15deg)}}@keyframes search-2{0%{transform:rotateY(-14deg)}to{transform:rotateY(14deg)}}@keyframes search-3{0%{transform:rotateY(14deg)}to{transform:rotateY(-14deg)}}@keyframes search-4{0%{transform:rotateX(-15deg) translateY(-1rem)}to{transform:rotateX(15deg)}}#ai-tutorial .powered{text-align:center;padding:.7rem;border-radius:.7rem;color:#fff;justify-self:center;background-color:#0004;font-weight:400;font-size:small}@keyframes gen-anime{0%{border-color:#fca311;background-color:#fca31122}to{border-color:#fca311;background-color:#fca31122;filter:hue-rotate(180deg)}}#ai-tutorial [icon=x]{background-color:#000d;cursor:pointer;justify-self:center;stroke:#fff;padding:.4rem;border-radius:50%;border:solid .3rem rgba(255,255,255,.2)}#ai-tutorial #filter-layout{background-color:#fff}#ai-tutorial #filter-layout.do #filter,#ai-tutorial #filter-layout.do #layout{display:none}#filter-layout{display:flex;align-items:center;align-self:flex-start;justify-content:space-around;background-color:var(--ash);position:sticky;gap:calc(var(--mrad) * .7);padding:var(--mrad) calc(var(--mrad) * .6);border-radius:0 0 var(--mpad) var(--mpad);justify-self:right;width:100%;margin-bottom:5rem;top:0;z-index:8}#filter-layout.at-top{background-color:var(--shadow-d);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);padding:var(--spad);box-shadow:0 6px 8px -4px var(--shadow-d)}#filter-layout.at-top>*{transform:scaleY(94%);-webkit-transform:scaleY(94%)}#filter-layout:has(.put-context){perspective:200px}#filter-layout #layout{margin-right:.4rem;align-self:center}#filter-layout #layout:active{transform:scale(2px)}#filter-layout #layout:active svg{background-color:#ffdead;color:#fca311}#filter-layout #layout:hover{transform:scale(109%,104%) rotate(9deg)}#filter-layout #layout svg{stroke:var(--black-p)}#filter-layout #filter-search{width:100%;gap:1rem;display:flex;align-items:center;border-radius:var(--mpad);background-color:var(--shadow-d);border:2px solid var(--black-d);-webkit-backdrop-filter:blur(40rem);backdrop-filter:blur(40rem)}#filter-layout #filter-search:has(input:focus-visible){border-color:#116afc}#filter-layout #filter-search input{display:flex;width:100%;height:100%;border:none;background-color:transparent;padding:0 var(--mpad);color:var(--black-p)}#filter-layout #filter-search input::placeholder{color:var(--black)}#filter-layout #filter-search input:focus-visible{outline:none}#filter-layout #filter-search svg{border-radius:50%;width:2.3rem;padding:.4rem}#filter-layout .put-context{position:absolute;bottom:-2rem;background-color:#fdd;color:red;padding:.8rem;box-shadow:0 6px 10px -5px #3336;border-radius:.5rem;transform:rotateY(140deg);font-size:small}#container{width:100%;max-width:1400px;padding:var(--epad) var(--mpad)}#container:has(>aside){display:flex;justify-items:start;grid-template-columns:2fr 7fr}#container:has(>aside) aside{display:grid;position:sticky;gap:1rem;top:0;min-width:330px;width:30%;flex-shrink:1;height:100vh;padding-right:1rem;align-content:center}#container:has(>aside) aside #filter-layout{background-color:unset;position:unset}#container:has(>aside) aside #filter-layout button,#container:has(>aside) aside #filter-layout #layout{display:none}#container:has(>aside) #filter-card{border-radius:0;height:95%;transform:none;opacity:unset}#container:has(>aside) .products{width:70%}#categories{display:flex;align-items:center;gap:1rem;position:relative;z-index:1;top:-3rem;max-width:96%;height:0;max-width:600px;border-radius:var(--srad)}#categories li{list-style-type:none;position:relative;padding:calc(var(--mpad) * .8);max-width:100%}#categories li a.active:after{content:"";position:absolute;bottom:0;background-color:#fca311;height:.3rem;width:80%;left:50%;transform:translate(-50%);border-radius:var(--srad) var(--srad) 0 0}#categories li a{color:var(--black);max-width:100%;text-wrap:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none}#categories ul{border-radius:var(--srad);width:100%;display:flex;justify-content:space-between;align-items:center}#categories ul hr{transform:rotate(90deg);width:1rem;height:1px;background-image:linear-gradient(90deg,#4449,#fff9,#4449);border:none}#categories>div{flex-shrink:0;padding:var(--mpad);background-color:var(--white);border-radius:var(--srad);position:relative}#categories>div a{color:var(--black);text-decoration:none}#categories>div a.active:after{content:"";position:absolute;bottom:0;background-color:#fca311;height:.3rem;width:80%;left:50%;transform:translate(-50%);border-radius:var(--srad) var(--srad) 0 0}.products{width:100%;height:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));justify-content:space-evenly;gap:2rem 1rem;padding:var(--bpad);position:relative}.products>.product:hover:not(.mod){transform:scale(103%) translateY(-.5rem);box-shadow:0 10px 10px -5px var(--shadow-g);z-index:1}.products>.product:hover:not(.mod) .product-img{transform:scale(97%);border-radius:.4rem}.products.span-2 .product.mod{grid-column:span 2;max-width:unset}.products.span-2 .product.mod .product-back{display:grid;grid-template-columns:48% 48%;grid-template-rows:40% 55%}.product{visibility:hidden;left:50%;translate:-50%;width:100%;position:relative;opacity:0;transform:translateY(30vh) scale(.8);border:solid 1px var(--grey);max-width:410px;border-radius:calc(var(--mpad) * .9);overflow:clip;aspect-ratio:5/9;cursor:pointer}.product.quick-edit{border:solid 3px #fca311}.product.quick-edit div.pro-back-img{background-color:#fca311;opacity:.5}.product.js{visibility:visible;opacity:1;transform:none}.product.mod{animation:pro-come 1s var(--fast-in-bezier) 1 alternate forwards;aspect-ratio:unset;cursor:unset}.product.mod .pri-cart{display:none}@keyframes pro-come{0%{transform:scale(.9)}50%{transform:scale(1)}to{transform:scale(1)}}.product.mod a.po{display:none}.product.mod .huge-pro-html{display:grid;gap:var(--bpad);opacity:0;transform:scale(.9)}.product.mod .huge-pro-html.js{opacity:1;transform:scale(1)}.product.mod .product-details{display:none}.product.mod .product-back{height:100%;gap:var(--bpad);padding:var(--mpad)}.product.mod .product-img{align-self:center;border-radius:var(--srad);height:100%;width:100%}.product.mod .huge-header h2{font-size:x-large;text-align:center;text-decoration:underline}.product.mod div.pr{position:absolute;right:-.4rem;top:-.4rem;background-color:#fff;border-radius:4px;cursor:pointer;outline:3px solid gainsboro}.product.mod div.pr:hover{transform:scale(106%,1.1) rotate(6deg)}.product.mod div.pr svg{stroke-width:1.2px;stroke:red}.product.mod .price{display:flex;align-items:center;justify-self:center}.product.mod .price span{color:var(--black)}.product.mod .price strong{color:var(--black-p);font-weight:600}.product.mod .description-reactions{flex-direction:column;row-gap:2rem}.product.mod .description-reactions *{text-wrap:wrap}.product.mod article{height:100%}.product.mod .reactions{display:flex;flex-direction:column;align-self:end;gap:1rem;border-radius:var(--srad)}.product.mod .heart-comment{display:grid;grid-template-columns:auto 1fr;align-items:center;justify-content:center;column-gap:var(--spad);width:100%}.product.mod .heart-comment svg[icon=send-2]{stroke-width:1px;cursor:pointer}.product.mod .heart-comment svg[icon=send-2]:hover{stroke-width:2px}.product.mod input.comment{background-color:var(--ash);border:solid 1px #fff;border-radius:.3rem;padding:0 calc(var(--spad) * 1.4);height:100%}.product.mod hr{box-shadow:none;border:solid 1px #999;border-radius:50%;transform:rotate(90deg);width:1rem}.product.mod .heart{background-color:var(--white);border-radius:var(--srad);padding:var(--spad) calc(var(--mpad) * .7);align-items:center}.product.mod .heart>div{display:flex;flex-direction:column;font-size:x-small}.product.mod .commenter{align-self:stretch;display:flex;align-items:center;padding:var(--spad);flex-grow:1;flex-shrink:0;background-color:var(--white);border-radius:var(--srad)}.product.mod .commenter input{width:100%;margin-right:.3rem}.product.mod .commenter svg.js,.product.mod .commenter hr.js,.product.mod .commenter div.js{display:none}.product.mod .commenter svg{stroke:#aaa;flex-shrink:0}.product.mod .commenter hr{flex-shrink:0}.product.mod .commenter div{font-size:small}.product.mod .comments{scrollbar-width:none;display:grid;gap:var(--mpad);background-color:var(--ash);position:fixed;margin-top:-2.6rem;padding:var(--mpad);border-radius:var(--srad);height:100%;overflow-y:scroll;grid-column:span 2;visibility:hidden;opacity:0;transform:scale(94%,.8);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.product.mod .comments::-webkit-scrollbar{display:none}.product.mod .comments [close]{position:fixed;right:1rem;top:1rem;border:solid 1px rgba(85,85,85,.3333333333);border-radius:var(--srad);color:#555e;z-index:1;stroke-width:1.3px}.product.mod .comments strong{text-align:center}.product.mod .comments.js{visibility:visible;opacity:1;top:0;transform:none}.product.mod .each-comment{display:flex;gap:.4rem;font-size:small}.product.mod .each-comment p{position:relative;background-color:var(--white);padding:.5rem .8rem;border-radius:0 1rem 1rem;color:#666}.product.mod .each-comment p:before{content:"";position:absolute;margin:0;left:-.4rem;top:0;border-left:solid .5rem rgba(0,0,0,0);border-top:solid .5rem var(--white)}.product.mod .comment-user{margin-top:.3rem;align-self:flex-start}.product.mod .comment-user svg{background-color:var(--grey);padding:.2rem;border-radius:40%;fill:#fff3;color:#444}.product.mod .comment-user span{font-size:.6rem}.product:has([icon=bottle-off]) .pro-back-img{display:none}.product .huge-pro-html{display:none}.pri-cart{display:grid;place-content:center;position:absolute;top:.1rem;left:.1rem;width:2rem;height:2rem;border:solid 2px #fca311;border-radius:1rem;color:salmon;background-color:#fffbf4;padding:3px}.pri-cart:hover{transform:scale(105%) rotate(15deg);border-width:3px}.pri-cart span{font-size:1.2rem;color:salmon!important}.pro-back-img{position:absolute;transform:translate(-50%,-50%) scale(3.2);top:50%;left:50%;height:100%;width:100%;z-index:-1;background-color:var(--white-g)}.product-back{display:grid;width:100%;height:100%;flex-direction:column}.product-back a[data-action]{position:absolute;inset:0}.product-img{display:grid;place-items:center;overflow:hidden;width:100%;aspect-ratio:1;cursor:pointer}.product-img:has(img[src="ugly-images/"]){position:relative}.product-img:has(img[src="ugly-images/"]):after{content:"";position:absolute;top:.8rem;left:.8rem;height:1.5rem;width:1.5rem;border:solid 2px white;border-right-color:transparent;border-radius:50%;animation:load-img ease-out .6s infinite}.product-img svg{width:90%;height:90%;stroke:#ccc;fill:#eee;stroke-width:1px;transform:scaleX(75%)}.product-img svg path:last-child{fill:#ddd}.product-img img{width:100%;vertical-align:middle}@keyframes load-img{to{transform:rotate(360deg)}}#full-img-overlay{display:grid;place-items:center;background-color:var(--shadow-d);position:fixed;inset:0;z-index:99999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:1;transition:all 1s}#full-img-overlay [icon=x]{border:solid 3px var(--white-g);border-radius:2rem;padding:.3rem;stroke:var(--white);background-color:var(--black)}#full-img-overlay [icon=x]:hover{transform:scale(105%) rotate(10deg)}#full-img{display:flex;width:90%;aspect-ratio:1;max-height:900px;max-width:900px;border-radius:1rem;border:1px solid oklch(100% 0 0deg / 0);overflow:hidden;transition:all .4s}#full-img:not(:has(img)){background:linear-gradient(90deg,#ffffff1a 30%,#ffffff4d,#ffffff1a 50%);animation:shiny-img linear 2s infinite,shiny-img-border linear 1s infinite alternate-reverse;background-size:200% 200%}@keyframes shiny-img{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes shiny-img-border{to{border-color:#fff6}}#full-img img{height:100%;width:100%}.product-details{flex-grow:1;display:grid;align-items:stretch;gap:1rem;height:100%;width:100%;padding:1.5rem}.product-details .pro-name{align-content:start}.product-details .pro-name h2{display:-webkit-box;overflow:hidden;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;line-height:1}.pro-about p{display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.pro-rate-price{display:grid;align-items:center;grid-template-columns:1fr 2fr;column-gap:1rem}.price{column-gap:.5rem}.price .old-price{text-decoration:line-through}.price .new-price strong{font-size:x-large}.likes-comments,.heart{display:flex;justify-self:flex-end;gap:.5rem}.likes-comments svg,.heart svg{width:1.6rem;height:1.6rem;stroke-width:.1rem;cursor:pointer}.likes-comments svg:hover,.heart svg:hover{transform:scale(1.1)}.likes-comments>*,.heart>*{display:grid;justify-items:center;align-items:center;font-size:small}.likes-comments .like span,.heart .like span{display:grid;place-content:center;color:#fff;background-color:var(--red);border-radius:1rem;height:1.1rem;width:1.1rem}.likes-comments svg[icon=heart],.heart svg[icon=heart]{stroke:red}.likes-comments svg[icon=heart] :hover,.heart svg[icon=heart] :hover{fill:#f998}.likes-comments svg[icon=heart].js path,.heart svg[icon=heart].js path{fill:#f44;animation:heart-pulse .4s var(--fast-in-bezier) 2 forwards}@keyframes heart-pulse{0%{transform:scale(1.1);filter:drop-shadow(0 0 3px #f44)}to{transform:scale(1)}}.likes-comments .comment span,.heart .comment span{display:grid;place-content:center;background-color:#444;border-radius:1rem;color:#fff;width:1.1rem;height:1.1rem}.likes-comments .comment svg,.heart .comment svg{color:#222}.likes-comments .comment svg :hover,.heart .comment svg :hover{fill:#6662}.mod .second-info{align-content:space-around;grid-row:span 2;height:100%}.huge-pro-html table{min-width:230px;max-width:500px;width:90%;justify-self:center}.huge-pro-html table td{font-family:Truculenta;font-weight:400;font-size:medium;padding:.5rem;color:#8b4513}.huge-pro-html table tr:first-child td:first-child{border-radius:9px 2px 2px 4px}.huge-pro-html table tr:first-child td:last-child{border-radius:2px 9px 4px 2px}.huge-pro-html table tr:last-child td:first-child{border-radius:4px 2px 2px 9px}.huge-pro-html table tr:last-child td:last-child{border-radius:2px 4px 9px 2px}.huge-pro-html table td:first-child{width:40%;min-width:50%;background-color:#fed28a;border-radius:4px 2px 2px 4px}.huge-pro-html table td:last-child{background-color:#fee5bc;border-radius:2px 4px 4px 2px}.cart-manipulations,#cart{display:flex;width:100%;gap:var(--spad)}.cart-manipulations button,.cart-manipulations .wishlisted,.cart-manipulations .pro-total,#cart button,#cart .wishlisted,#cart .pro-total{display:flex;gap:var(--srad);align-items:center;padding:calc(var(--srad) * .5) calc(var(--mrad) * .7)}.cart-manipulations button.add-to-cart,#cart button.add-to-cart{background-color:#fca311}.cart-manipulations button.add-wish,#cart button.add-wish{background-color:#dcdcdc}.cart-manipulations button.add-wish span,.cart-manipulations button.add-wish svg,#cart button.add-wish span,#cart button.add-wish svg{color:#333!important;stroke:#444!important}.cart-manipulations button:where(.pro-cart-subtract,.pro-cart-add),#cart button:where(.pro-cart-subtract,.pro-cart-add){background-color:#fca311}.cart-manipulations button.pro-cart-units,#cart button.pro-cart-units{background-color:#dcdcdc}.cart-manipulations button.pro-cart-units span,.cart-manipulations button.pro-cart-units svg,#cart button.pro-cart-units span,#cart button.pro-cart-units svg{color:#444}.cart-manipulations .wishlisted,.cart-manipulations .pro-total,#cart .wishlisted,#cart .pro-total{background-color:#dcdcdc;box-shadow:inset 0 1px 1px #3333}.cart-manipulations:has(.plus-minus),#cart:has(.plus-minus){justify-content:space-between}.cart-manipulations .plus-minus,#cart .plus-minus{display:flex;gap:var(--srad)}.cart-manipulations .pro-cart-remove,#cart .pro-cart-remove{background-color:red}.cart-manipulations .pro-cart-units,#cart .pro-cart-units{padding:calc(var(--srad) * .5) calc(var(--srad) * 1.5)}.cart-manipulations .sel-unit,#cart .sel-unit{display:none;gap:calc(var(--srad) * .2);position:absolute;bottom:3rem;background-color:#fff;grid-template-columns:1fr 1fr 1fr;padding:calc(var(--srad) * .4);border-radius:var(--srad);box-shadow:1px 1px 3px #3336}.cart-manipulations .sel-unit.js,#cart .sel-unit.js{display:grid}.cart-manipulations .sel-unit span,#cart .sel-unit span{background-color:#9993;border-right:solid 2px rgba(153,153,153,.4);border-radius:calc(var(--srad) * .6);border-bottom:solid 2px rgba(153,153,153,.4);padding:var(--srad) calc(var(--srad) * 1.6);cursor:pointer}.cart-manipulations .wishlisted>*,#cart .wishlisted>*{color:#000!important}.cart-manipulations .pro-total,#cart .pro-total{color:#000!important;animation:total-pulse linear .2s 1 alternate}@keyframes total-pulse{0%{transform:scale(1.1);filter:drop-shadow(0 0 3px #4a4)}to{transform:scale(1)}}.cart-manipulations>*,#cart>*{animation:cart-bounce ease-in .25s 0ms 1}@keyframes cart-bounce{to{transform:scale(.7);opacity:0}}#filter-wrapper{width:100%;display:grid;padding:var(--srad);gap:var(--srad);grid-template-rows:1fr 1fr;background-color:var(--ash);grid-column:span 2;position:fixed;inset:0;opacity:0;transition:opacity var(--fast-in-bezier) .5s;z-index:9;--selected-filtrates-height: auto}#filter-wrapper.js{opacity:1}#filter-wrapper.js #extraction .product{transform:scale(1);opacity:1}#filter-wrapper.js #filter-card{opacity:1;transform:none;perspective:200px}#filter-wrapper #extraction{display:grid;grid-template-columns:1fr 1fr;gap:var(--srad);width:100%}#filter-wrapper #extraction:has(.product:nth-child(3)){display:flex}#filter-wrapper #extraction:has(.product:nth-child(3)) .product{aspect-ratio:6/10}#filter-wrapper #extraction:has(.product:nth-child(3)) .product-details{padding:var(--spad)}#filter-wrapper #extraction:has(.product:nth-child(3)) .pro-name{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}#filter-wrapper #extraction:has(.product:nth-child(3)) .pro-name h2{font-size:large}#filter-wrapper #extraction:has(.product:nth-child(3)) .pro-about{display:none}#filter-wrapper #extraction .product{width:100%;height:fit-content;max-width:300px;left:unset;translate:unset;opacity:.5;transform:scale(1.2)}#filter-wrapper #extraction .product .product-details{padding:1rem}#filter-wrapper #extraction .product a[action=productOpener]{display:none}#filter-wrapper #extraction>:nth-child(1){transition-delay:.1s}#filter-wrapper #extraction>:nth-child(2){transition-delay:.2s}#filter-wrapper #extraction>:nth-child(3){transition-delay:.3s}#filter-wrapper #extraction>:nth-child(4){transition-delay:.4s}#filter-wrapper #extraction>:nth-child(5){transition-delay:.5s}#filter-wrapper #extraction>:nth-child(6){transition-delay:.6s}#filter-wrapper:has(#all-others.js) #extraction{display:none}#filter-wrapper:has(#all-others.js) #selected-filtrates{height:var(--selected-filtrates-height);overflow-y:scroll}#filter-wrapper:has(#all-others.js) #all-others{flex-wrap:wrap;padding:1rem 0;text-wrap:wrap}#filter-wrapper:has(#all-others.js) #all-others div{display:flex;border:solid 1px lightgray;padding:.3rem .4rem;border-radius:.4rem;align-items:center;cursor:pointer;background-color:var(--white)}#filter-wrapper:has(#all-others.js) #all-others div.js{border-color:#fca311;background-color:#fff7ea}#filter-wrapper:has(#all-others.js) #all-others div.js span:first-child{color:#8b0000!important}#filter-wrapper:has(#all-others.js) #all-others div span:not(.in){border-right:dashed 1px gray;padding-right:.4rem;font-size:.9rem}#filter-wrapper:has(#all-others.js) #all-others div .in{border-radius:1rem;padding:.2rem .5rem;font-weight:700;color:red}#filter-wrapper:has(#all-others.js) #all-others div svg{display:flex;color:var(--black-g)}#filter-wrapper:has(#all-others.js) #all-others div svg:hover{transform:scale(1.1) rotate(9deg)}#filter-wrapper:has(#all-others.js) #all-others div svg:active,#filter-wrapper:has(#all-others.js) #all-others div svg:target{transform:scale(.8)}#filter-wrapper:has(#all-others.js) #all-others [icon=arrow-left]{position:absolute;left:1rem;top:1rem;fill:#000;border-radius:50%;outline:solid .3rem rgba(170,170,170,.5333333333);background-color:#fff;padding:.3rem}#filter-wrapper:has(#all-others.js) #all-others [icon=arrow-left]:hover{transform:translate(-.2rem)}#filter-wrapper #all-others{display:flex;flex-wrap:wrap;margin-top:.2rem;gap:.4rem}#filter-wrapper #all-others>span:not([data-action]){padding:.1rem .4rem;border:solid 1px lightgray;border-radius:.2rem;text-wrap:nowrap}#filter-wrapper #all-others span[data-action]{display:grid;grid-template-columns:1fr 1fr;place-items:center;justify-self:end;gap:.1rem;padding:.1rem .2rem;cursor:pointer;border:solid 1px gray;border-radius:.4rem}#filter-wrapper #all-others span[data-action] svg{height:1rem;width:1rem}#filter-wrapper #filter-layout{background-color:unset;margin:unset}#filter-wrapper #filter-layout:has(#layout[style]) #filter-search svg{background-color:#fca311}#filter-card{background-color:var(--white);height:var(--filter-card-height);margin:0 calc(var(--srad) * -1);border-radius:var(--mpad) var(--mpad) 0 0;transform:translateY(50%) scale(2);opacity:.5;position:relative;overflow-y:scroll;transition-delay:.12s}#filter-card.js{opacity:1;transform:none}#filter-card .ske{display:none!important}#filter-card .ske{display:grid;margin-bottom:.1rem;height:6rem;width:100%;border-radius:.9rem;background:linear-gradient(90deg,#f4f4f4 30%,#fff,#f4f4f4 50%);animation:shiny-sel linear 2s infinite;background-size:200% 200%}@keyframes shiny-sel{0%{background-position:200% 0}to{background-position:-200% 0}}#filter-card #sort-everything{display:flex;align-items:center;justify-content:space-evenly}#filter-card #sort{display:flex;gap:.5rem;background-color:var(--blue-1);padding:.3rem .8rem .3rem .4rem;border-radius:.8rem;align-items:center}#filter-card #sort span:first-child{background-color:var(--blue-2);padding:.2rem .4rem;border-radius:.6rem;color:var(--blue-8)}#filter-card #sort [data-action]{border:solid 1px;border-color:var(--blue-7);cursor:pointer;background-color:oklch(from var(--blue-2) l c h/.7);color:var(--blue-8);border-radius:.2rem;padding:.1rem .4rem}#filter-card #sort [data-action] svg{width:1.2rem;height:1.2rem}#filter-card:not(:has(table)):after{position:absolute;top:50%;right:50%;transform:translate(50%,-50%);width:3rem;height:3rem;border-radius:50%;border:6px solid rgba(204,204,204,0);border-bottom-color:#116afc;background-color:#0000;animation:spin-filter linear 1s infinite}@keyframes spin-filter{to{transform:translate(50%,-50%) rotate(360deg)}}#filter-card:has(#gen-ai){display:grid;justify-items:center}#filter-card table{width:100%;max-width:100%;border-spacing:0;border-radius:.8rem;padding:.1rem;margin-bottom:3rem}#filter-card table tbody{display:grid;gap:.3rem}#filter-card tr{display:flex;border-radius:1rem;overflow:clip;position:relative;padding:.4rem;background-color:var(--orange-1)}#filter-card tr:hover .filter-controls{transform:unset;opacity:1}#filter-card tr td:first-child{padding:.4rem;background-color:var(--orange-2);display:grid;border-radius:.6rem;place-items:center;gap:.2rem}#filter-card tr td:first-child>span{text-transform:capitalize;font-weight:900;color:var(--orange-8)}#filter-card tr td:last-child{width:100%;display:inline;padding:0 .2rem}#filter-card tr td:last-child :is(span){cursor:default}#filter-card .selectables{display:flex;flex-wrap:wrap;align-content:start;justify-content:start}#filter-card .selectables span{display:block;font-size:small;padding:1px .3rem;border-width:1px;text-wrap:nowrap;opacity:0;margin:.1rem;animation:zoom-filtrates-in .15s 1 forwards;border-radius:.3rem}#filter-card .selectables span.js{background-color:var(--blue-4);border-color:transparent;color:#fff}#filter-card .selectables span:hover{filter:hue-rotate(180deg)}#filter-card .selectables span:nth-child(1){animation-delay:0ms}#filter-card .selectables span:nth-child(2){animation-delay:40ms}#filter-card .selectables span:nth-child(3){animation-delay:80ms}#filter-card .selectables span:nth-child(4){animation-delay:.12s}#filter-card .selectables span:nth-child(5){animation-delay:.16s}#filter-card .selectables span:nth-child(6){animation-delay:.2s}#filter-card .selectables span:nth-child(7){animation-delay:.24s}#filter-card .selectables span:nth-child(8){animation-delay:.28s}#filter-card .selectables span:nth-child(9){animation-delay:.32s}#filter-card .selectables span:nth-child(10){animation-delay:.36s}@keyframes zoom-filtrates-in{0%{transform:scale(.4,0);opacity:0}to{transform:scale(1);opacity:1}}#filter-card .unselectables{display:flex;align-content:center;position:relative}#filter-card .unselectables:after{content:"";inset:0;position:absolute;background-image:linear-gradient(rgba(0,0,0,0),var(--orange-1))}#filter-card .unselectables span{display:block;opacity:0;animation:zoom-unselectables-in .3s 1 forwards}#filter-card .unselectables span:nth-child(1){animation-delay:0ms}#filter-card .unselectables span:nth-child(2){animation-delay:.1s}#filter-card .unselectables span:nth-child(3){animation-delay:.2s}#filter-card .unselectables span:nth-child(4){animation-delay:.3s}#filter-card .unselectables span:nth-child(5){animation-delay:.4s}#filter-card .unselectables span:nth-child(6){animation-delay:.5s}#filter-card .unselectables span:nth-child(7){animation-delay:.6s}#filter-card .unselectables span:nth-child(8){animation-delay:.7s}#filter-card .unselectables span:nth-child(9){animation-delay:.8s}#filter-card .unselectables span:nth-child(10){animation-delay:.9s}@keyframes zoom-unselectables-in{0%{transform:scale(.4,0);opacity:0}to{transform:scale(1);opacity:1}}#filter-card .hidden-filtrates{position:absolute;z-index:0;visibility:hidden;width:6rem;height:5rem}#filter-card .hidden-filtrates span,#filter-card .unselectables span{font-size:xx-small;font-weight:100}#filter-card .hidden-filtrates,#filter-card .unselectables,#filter-card .selectables{overflow:hidden}#filter-card .hidden-filtrates :where(span),#filter-card .unselectables :where(span),#filter-card .selectables :where(span){text-wrap:nowrap;border:solid 1px;border-color:var(--orange-3);padding:1px 2px;background-color:oklch(var(--orange)/.13);border-radius:3px;margin:1px}#filter-card .filter-controls{position:absolute;right:0;top:0;height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:.2rem 0}#filter-card .filter-controls svg{background-color:var(--white);padding:.1rem;width:1.8rem;height:1.8rem;border-radius:5rem;stroke:var(--black)}#filter-card .filter-controls svg:first-child{box-shadow:0 1px 4px -2px var(--shadow-b)}#filter-card .filter-controls svg:first-child:hover{transform:scale(1.1);box-shadow:0 1px 4px -1px #3339}#filter-card .filter-controls svg:last-child{box-shadow:0 -1px 4px -2px var(--shadow-b)}#filter-card .filter-controls svg:last-child:hover{transform:scale(1.1);box-shadow:0 -1px 4px -1px #3339}#filter-card .filter-controls svg:active{box-shadow:0 0!important;transform:scale(.9)!important}body #container #filter-card tr:has([data-action].on){background-color:#e4eeff;background-color:var(--blue-1)}body #container #filter-card tr:has([data-action].on) td:first-child{background-color:#c0d8ff;background-color:var(--blue-2)}body #container #filter-card tr:has([data-action].on) td:first-child span{color:#012359;color:var(--blue-8)}body #container #filter-card tr:has([data-action].on) .unselectables:after{background-image:linear-gradient(rgba(0,0,0,0),var(--blue-1))}body #container #filter-card tr:has([data-action].on) .unselectables span,body #container #filter-card tr:has([data-action].on) .selectables span{border-color:#4189ff;background-color:#dae8ff;background-color:var(--blue-2)}#gen-ai{display:grid;width:100%;margin:2rem 0;max-height:0}#gen-ai .question{justify-self:end;text-align:end;padding:.3rem;border:solid 1px lightgrey;border-radius:.4rem;margin:.5rem;font-weight:700}#gen-ai .question[data-action]{cursor:pointer}#gen-ai #while-waiting{margin:1rem .4rem;display:flex;gap:.4rem;font-size:small}#gen-ai .ai-spinner{width:.8rem;height:.8rem;border:solid 1px rgba(0,0,0,0);border-radius:50%;border-bottom-color:#444;animation:ai-spin linear 1s infinite}@keyframes ai-spin{to{transform:rotate(360deg)}}#gen-ai [icon=chevron-up]{justify-self:center}#gen-ai-response{padding:1rem;justify-self:center;height:14rem;width:90%;background:linear-gradient(90deg,#f4f4f4 30%,#fff,#f4f4f4 50%);border:solid 2px #ccc;border-radius:.5rem;animation:shiny-ai linear 2s infinite,shiny-border linear 1s infinite alternate;background-size:200% 200%}#gen-ai-response.js{height:auto;border:solid #eee;background:unset;animation:unset}@keyframes shiny-border{to{border-color:#fff}}@keyframes shiny-ai{0%{background-position:200% 0}to{background-position:-200% 0}}#pagination{margin-top:5rem;display:flex;gap:.2rem;font-weight:900}#pagination button{background-color:#ccc;filter:saturate(.1);color:#888}#pagination button[data-action]{background-color:#fca311;filter:hue-rotate(180deg);color:#fff}#pagination ul{display:flex;gap:.2rem}#pagination ul li{display:grid;place-items:center;height:100%;padding:.2rem .5rem;background-color:var(--ash-b);border-radius:.3rem;cursor:pointer}#pagination ul li.active{content:none;background-color:#fca311;filter:hue-rotate(180deg);color:#fff}#prompt{display:none;place-items:center;position:fixed;inset:0;background-color:#9993;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:9999999}#prompt .prompt-overlay{display:grid;gap:var(--bpad);background-color:#fff;width:85%;min-width:300px;max-width:800px;border-radius:var(--mrad);box-shadow:1px 1px 15px #3335;padding:var(--mpad)}#prompt .prompt-buttons{display:flex;justify-self:end;gap:var(--spad)}#prompt .prompt-pri{filter:hue-rotate(180deg)}#prompt .prompt-sec{filter:grayscale(1)}#aside-skltn #sort-everything-skltn{display:grid;grid-template-columns:1fr 2fr;height:2rem;justify-content:space-evenly;gap:2rem;padding:0 1rem}#aside-skltn #sort-everything-skltn div{background-color:#acf;border-radius:.7rem;animation:sort-everything-pulse ease-in-out .7s infinite alternate}@keyframes sort-everything-pulse{0%{opacity:.1}to{opacity:.4}}#aside-skltn #card-skltns{display:grid;gap:1rem}#aside-skltn #card-skltns .card-skltn:nth-child(1){background-color:#acf;height:10rem;width:100%;border-radius:1rem;animation:aside-pulse-1 ease-in-out .7s infinite alternate}@keyframes aside-pulse-1{0%{opacity:.1}to{opacity:.35}}#aside-skltn #card-skltns .card-skltn:nth-child(2){background-color:#acf;height:10rem;width:100%;border-radius:1rem;animation:aside-pulse-2 ease-in-out .7s infinite alternate}@keyframes aside-pulse-2{0%{opacity:.1}to{opacity:.25}}#aside-skltn #card-skltns .card-skltn:nth-child(3){background-color:#acf;height:10rem;width:100%;border-radius:1rem;animation:aside-pulse-3 ease-in-out .7s infinite alternate}@keyframes aside-pulse-3{0%{opacity:.1}to{opacity:calc(.45 - 3 / 10)}}footer{border-top:1px solid dimgray;margin-top:3rem;padding:3rem 1rem;text-align:center}html[dark-mode] .product .product-img{filter:brightness(.75) contrast(1.8)}html[dark-mode] #filter-card{--orange-1: oklch(from oklch(var(--orange)) calc(l - .5) c h);--orange-2: oklch(from oklch(var(--orange)) calc(l - .4) c h);--orange-3: oklch(from oklch(var(--orange)) calc(l - .2) c h);--orange-8: oklch(from oklch(var(--orange)) calc(l + .27) calc(c - .1) h);--blue-1: oklch(from oklch(var(--blue)) calc(l - .4) c h);--blue-2: oklch(from oklch(var(--blue)) calc(l - .3) c h);--blue-4: oklch(from oklch(var(--blue)) calc(l - .1) c h);--blue-8: oklch(from oklch(var(--blue)) calc(l + .2) c h)}html[dark-mode] p{color:#ccc}html[dark-mode] span,html[dark-mode] li{color:#ddd}html[dark-mode] small{color:#bbb}html[dark-mode] strong{color:#eee!important}html[dark-mode] button>*{color:#fff;stroke:#fff}html[dark-mode]:root{--white: oklch(10% 0 0);--white-a: #3333;--white-b: #fff5;--white-g: #5559;--white-d: oklch(10% 0 0);--red: #f55;--ash: #555555;--ash-b: oklch(.2 0 0);--grey: #eee;--black-p: #fff;--black: oklch(100 0 0 / .8);--b: 1 0 0;--black-g: #ddd;--black-d: #ddd;--shadow: oklch(0% 0 0);--shadow-b: oklch(10% 0 0 / .6);--shadow-g: oklch(10% 0 0 / .4);--shadow-d: oklch(10% 0 0 / .2)}