.checkbox-list{&[data-v-6b643321]{color:var(--color);user-select:none;z-index:var(--index);align-self:flex-start;position:relative}& button{&[data-v-6b643321]{border:1px solid var(--color);color:var(--color);text-align:left;transition:color .3s}&.active{&[data-v-6b643321]{color:#4e4e4e}& svg[data-v-6b643321]{transform:translate(-50%,-50%)rotate(180deg)}}& svg[data-v-6b643321]{transition:transform .3s;position:absolute;top:50%;transform:translate(-50%,-50%)}}& ul{&[data-v-6b643321]{border:1px solid var(--color);background:var(--grey);opacity:0;visibility:hidden;width:100%;position:absolute;top:100%;left:0}&[data-v-6b643321] li{opacity:.64;transition:opacity .333s;position:relative;@media (hover:hover){&:hover{opacity:1}}&.checked{&{opacity:1}& input{background:var(--black)}}& label{z-index:1;cursor:pointer;color:var(--bg);display:block;position:relative}& input{&{border:1px solid var(--bg);cursor:pointer;z-index:0;background:var(--grey);border-radius:1px;transition:background-color .333s;position:absolute}&:before{content:"";border:solid var(--color);z-index:2;opacity:0;position:absolute;top:50%;right:50%;transform:rotate(45deg)translate(-50%,-50%)}&:checked{&:before{opacity:1}}}}}@media only screen and (width>=480px){& button{&[data-v-6b643321]{width:220rem;padding:13rem 16rem 11rem}& svg[data-v-6b643321]{width:14rem;right:20rem}}& ul{&[data-v-6b643321]{padding:11rem 0;transform:translateY(10rem)}&[data-v-6b643321] li{& label{padding:7rem 16rem 3rem 44rem}& input{&{flex:0 auto;width:20rem;height:20rem;position:absolute;top:50%;left:16rem;transform:translateY(-50%)}&:before{border-width:0 2rem 2rem 0;width:4rem;height:10rem;margin:-1rem -1rem 0}}}}}@media only screen and (width<=479px){&[data-v-6b643321]{width:220rem}& button{&[data-v-6b643321]{width:100%;padding:13rem 16rem 11rem}& svg[data-v-6b643321]{width:14rem;right:20rem}}& ul{&[data-v-6b643321]{padding:11rem 0;transform:translateY(10rem)}&[data-v-6b643321] li{& label{padding:7rem 16rem 3rem 44rem}& input{&{flex:0 auto;width:20rem;height:20rem;position:absolute;top:50%;left:16rem;transform:translateY(-50%)}&:before{border-width:0 2rem 2rem 0;width:4rem;height:10rem;margin:-1rem -1rem 0}}}}}}.select-field[data-v-8f6fb15e]{flex-direction:column;display:flex;position:relative}.select-field.open .select-field__header svg[data-v-8f6fb15e]{transform:translate(0,0)rotate(180deg)}.select-field__header{&[data-v-8f6fb15e]{color:var(--color);white-space:nowrap;align-items:center;display:flex}& svg{&[data-v-8f6fb15e]{transition:transform .333s}& path[data-v-8f6fb15e]{stroke:var(--color)}}}.select-field select[data-v-8f6fb15e]{border:none;outline:none;display:none}.select-field__list{&[data-v-8f6fb15e]{background:var(--sortBg);opacity:0;visibility:hidden;flex-direction:column;display:flex;position:absolute;top:100%;right:0;transform:translateY(10rem)}& button{&[data-v-8f6fb15e]{color:var(--sortColor);text-align:left;opacity:.64;align-items:center;line-height:normal;transition:opacity .333s;display:flex;position:relative}@media (hover:hover){&[data-v-8f6fb15e]:hover{opacity:1}}&.active{&[data-v-8f6fb15e],& svg rect[data-v-8f6fb15e]:last-child{opacity:1}}& svg{& rect[data-v-8f6fb15e]{transition:fill .333s,stroke .333s}& rect[data-v-8f6fb15e]:first-child{stroke:var(--sortColor)}& rect[data-v-8f6fb15e]:last-child{opacity:0;fill:var(--sortColor)}}}}@media only screen and (width>=480px){.select-field__header svg[data-v-8f6fb15e]{width:18rem;margin-left:12rem}.select-field__list{&[data-v-8f6fb15e]{padding:16rem 18rem}& button{&[data-v-8f6fb15e]{min-width:188rem}&[data-v-8f6fb15e]:not(:last-child){margin-bottom:9rem}& svg[data-v-8f6fb15e]{width:24rem;height:24rem;margin-right:12rem}}}}@media only screen and (width<=479px){.select-field__header svg[data-v-8f6fb15e]{width:18rem;margin-left:12rem}.select-field__list{&[data-v-8f6fb15e]{padding:16rem 18rem}& button{&[data-v-8f6fb15e]{min-width:188rem}&[data-v-8f6fb15e]:not(:last-child){margin-bottom:9rem}& svg[data-v-8f6fb15e]{width:24rem;height:24rem;margin-right:12rem}}}}.header__controls[data-v-b8a42ba2]{flex-direction:column;display:flex;position:relative}.header__controls__toggles[data-v-b8a42ba2]{align-items:center;display:flex}.header__controls__filters{&[data-v-b8a42ba2]{position:relative;overflow:hidden}&[data-v-b8a42ba2]:after{content:"";z-index:1;background:linear-gradient(90deg, #0000 0%, var(--bg) 100%);width:33rem;height:100%;position:absolute;top:0;right:0}& ul{&[data-v-b8a42ba2]{display:flex;overflow-x:scroll}&[data-v-b8a42ba2]::-webkit-scrollbar{width:0;height:0}& button{&[data-v-b8a42ba2]{color:var(--faded-color);white-space:nowrap;transition:color .333s}@media (hover:hover){&[data-v-b8a42ba2]:hover{color:var(--color)}}&.active[data-v-b8a42ba2]{color:var(--color)}}}}.header__controls__line{&[data-v-b8a42ba2]{width:100%;height:1px;position:relative}& canvas[data-v-b8a42ba2]{width:100%;height:100%;position:absolute;top:0;left:0}}.header__controls__search{&[data-v-b8a42ba2]{border-radius:1000rem;margin-left:auto;position:relative;overflow:hidden}&.active{& button[data-v-b8a42ba2]{background:0 0}& svg[data-v-b8a42ba2] path,& svg[data-v-b8a42ba2] circle{stroke:var(--color)}}& input{&[data-v-b8a42ba2]{width:100%;height:100%;color:var(--color);border:1px solid var(--color);z-index:0;border-radius:1000rem;position:absolute}&[data-v-b8a42ba2]::placeholder{color:var(--color)}}& button{&[data-v-b8a42ba2]{background:var(--color);z-index:1;border-radius:100%;transition:background .5s;position:absolute}& svg{&[data-v-b8a42ba2]{position:absolute}&[data-v-b8a42ba2] path,&[data-v-b8a42ba2] circle{stroke:var(--bg);transition:stroke .3s}}}}.header__details[data-v-b8a42ba2]{z-index:4;display:flex;position:relative}.header__details__filters[data-v-b8a42ba2]{z-index:0;flex-wrap:wrap;display:flex;position:relative}.header__details__toggle{&[data-v-b8a42ba2]{z-index:0;position:relative}& svg[data-v-b8a42ba2]{width:100%}}.header__details__sort{&[data-v-b8a42ba2]{z-index:1;align-items:center;display:flex;position:relative}& button[data-v-b8a42ba2]{color:var(--color)}}.header__tags[data-v-b8a42ba2]{z-index:0;display:flex;position:relative}.header__tags__selection{&[data-v-b8a42ba2]{flex-wrap:wrap;display:flex}& button{&[data-v-b8a42ba2]{color:var(--bg);background:var(--color);position:relative;overflow:hidden}& svg[data-v-b8a42ba2]{position:absolute}}}.header__tags__clear[data-v-b8a42ba2]{color:var(--color);text-decoration:underline}@media only screen and (width>=480px){.header[data-v-b8a42ba2]{padding-top:46rem}.header__controls[data-v-b8a42ba2]{margin-bottom:40rem}.header__controls__toggles[data-v-b8a42ba2]{margin-bottom:24rem}.header__controls__filters{&[data-v-b8a42ba2]{margin-right:24rem}& ul li[data-v-b8a42ba2]{margin-right:56rem}}.header__controls__search{&[data-v-b8a42ba2]{flex:none;width:48rem;height:48rem}& input[data-v-b8a42ba2]{padding:0 60rem 0 24rem}& button{&[data-v-b8a42ba2]{width:48rem;height:48rem;top:0;right:0}& svg[data-v-b8a42ba2]{width:24rem;height:24rem;top:50%;left:50%;transform:translate(-50%,-50%)}}}.header__details[data-v-b8a42ba2]{margin-bottom:70rem;display:flex}.header__details__toggle[data-v-b8a42ba2]{display:none}.header__details__filters{& .checkbox-list{&[data-v-b8a42ba2]:not(:last-child){margin-right:20rem}}}.header__details__sort{&[data-v-b8a42ba2]{margin-left:auto}& svg[data-v-b8a42ba2]{width:11.31rem;margin-left:12rem}}.header__tags[data-v-b8a42ba2]{margin-bottom:40rem}.header__tags__selection{& button{&[data-v-b8a42ba2]{border-radius:20rem;margin-top:10rem;padding:5rem 28rem 4rem 12rem}& svg[data-v-b8a42ba2]{width:10rem;position:absolute;top:50%;right:12rem;transform:translateY(-50%)}&[data-v-b8a42ba2]:not(:last-child){margin-right:12rem}}}.header__tags__clear[data-v-b8a42ba2]{flex:none;margin-left:30rem}}@media only screen and (width<=479px){.header[data-v-b8a42ba2]{padding-top:46rem}.header__controls[data-v-b8a42ba2]{margin-bottom:32rem}.header__controls__toggles[data-v-b8a42ba2]{margin-bottom:16rem}.header__controls__filters{&[data-v-b8a42ba2]{margin-right:24rem;position:relative}& ul li[data-v-b8a42ba2]{margin-right:32rem}}.header__controls__search{&[data-v-b8a42ba2]{flex:none;width:48rem;height:48rem}& input[data-v-b8a42ba2]{padding:0 60rem 0 24rem}& button{&[data-v-b8a42ba2]{width:48rem;height:48rem;top:0;right:0}& svg[data-v-b8a42ba2]{width:24rem;height:24rem;top:50%;left:50%;transform:translate(-50%,-50%)}}}.header__details[data-v-b8a42ba2]{flex-wrap:wrap;margin-bottom:72rem;display:flex}.header__details__toggle[data-v-b8a42ba2]{order:0;width:48rem;height:49rem}.header__details__filters{&[data-v-b8a42ba2]{order:2;width:100%;margin-top:18rem}&.hide[data-v-b8a42ba2]{display:none}& .checkbox-list{&[data-v-b8a42ba2]{width:100%}&[data-v-b8a42ba2]:not(:last-child){margin-bottom:20rem}}}.header__details__sort{&[data-v-b8a42ba2]{order:1;margin-left:auto}& svg[data-v-b8a42ba2]{width:11.31rem;margin-left:12rem}}.header__tags[data-v-b8a42ba2]{flex-direction:column;margin-bottom:32rem}.header__tags__selection{& button{&[data-v-b8a42ba2]{border-radius:20rem;margin-bottom:20rem;padding:5rem 28rem 4rem 12rem}& svg[data-v-b8a42ba2]{width:10rem;position:absolute;top:50%;right:12rem;transform:translateY(-50%)}&[data-v-b8a42ba2]:not(:last-child){margin-right:12rem}}}.header__tags__clear[data-v-b8a42ba2]{margin:0 auto}}