/*** SELECTIONS ***/ .selections { font-size: 0.913em; } /*** SELECT ***/ .select > * > .title { font-weight: 600; } .select .options.list { border: 1px solid rgb(221, 221, 221); background-color: rgb(255, 255, 255); box-shadow: 2px 2px 10px rgba(0,0,0,.1); } .select .options.list ul.option li { display: flex; flex-direction: row; justify-content: space-between; } .select .options.list ul.option li:is(:hover) { background-color: rgb(239, 239, 239); } /*.select .options.selected .list ul.selected li,*/ .select .options.list ul.option li:is([data-selected=true]) { border-top: 1px solid rgb( 255, 255, 255 ); background-color: rgb( 243, 243, 243 ); } .select .options.selected { border: 1px solid rgb( 221, 221, 221 ); background-color: rgb(255, 255, 255); } .select:is([data-open=true]) .options.selected { box-shadow: 2px 2px 10px rgba( 0, 0, 0, .1 ); } /* .close::before { content: ''; width: 8px; height: 8px; background-image: url(https://assets.silksites.nl/misc/icons/cross.svg); display: inline-block; background-repeat: no-repeat; } .select .checkbox { border: solid 1px rgb(210, 210, 210); position: relative; } .filter-list ul.selected .checkbox::after { content: ""; position: absolute; width: 8px; height: 4px; top: 4px; left: 3px; border: 2px solid #1a1a1a; border-top: none; border-right: none; transform: rotate( -45deg ); transition: opacity .1s ease-in-out; z-index: 999999; } */