.dropdown{min-width:150px;transition:width .3s;display:block;position:relative}.dropdown.open .box svg path{stroke:var(--halsbury-red)}.dropdown.open .options{max-height:500px;padding:20px 12px 7px;overflow:auto}.dropdown .box{background-color:var(--white);cursor:pointer;border-radius:4px;flex-flow:row;justify-content:space-between;align-items:center;gap:20px;padding:12px;transition:width .3s;display:flex;position:relative}.dropdown .box p{color:var(--liquorice)}.dropdown .box svg path{stroke:var(--liquorice);transition:stroke .4s}.dropdown .box:hover svg path{stroke:var(--halsbury-red)}.dropdown .options{background-color:var(--frost);z-index:5;border-radius:4px;width:calc(100% - 24px);max-height:0;padding:0 12px;transition:max-height .6s,padding .6s;display:block;position:absolute;top:52px;left:0;overflow:hidden}.dropdown .options .option-wrapper{border-bottom:1px solid var(--halsbury-red);padding:5px 0;display:block;position:relative}.dropdown .options .option-wrapper:last-child{border-bottom:none}.dropdown .options .option-wrapper input{visibility:hidden;display:none}.dropdown .options .option-wrapper label{cursor:pointer;margin:0;font-weight:400;transition:color .3s}.dropdown .options .option-wrapper label:hover,.dropdown .options .option-wrapper input:checked+label{color:var(--halsbury-red)}@media screen and (max-width:768px){.dropdown .box{padding:7.5px}.dropdown .box p{font-size:12px}.dropdown .box svg{width:10px;height:8px}}