.zoom-control{user-select:none;align-items:center;display:flex}.zoom-control__container{position:relative}.zoom-control__display{appearance:none;background-color:var(--color__white);cursor:pointer;border:1px solid oklch(79.21% 0 0);border-radius:50px;align-items:center;padding:7px 12px;font-size:14px;font-weight:500;line-height:1;transition:opacity .2s ease-out;display:flex;position:relative;& img{width:18px;height:18px;margin-left:8px;position:relative;top:1px}&:hover{background-color:#f2f2f2}.zoom-control__container--open &{border-radius:15px 15px 0 0}&[disabled]{cursor:not-allowed;opacity:.5;&:hover{background-color:var(--color__white)}}.zoom-control__value{flex-grow:1}&.zoom-control__display--2-digit{min-width:82px}&.zoom-control__display--3-digit{min-width:92px}}.zoom-control__label{display:none}@media(width>=842px){.zoom-control__label{display:unset;margin-right:10px}}.zoom-control__options{z-index:2;width:100%;margin:0;padding:0;list-style:none;position:absolute;top:100%;left:0;& li{& button{appearance:none;border:0;border-bottom:1px solid var(--color__grey--dark);background:var(--color__white);text-align:left;cursor:pointer;border-radius:0;width:100%;padding:5px 15px;font-size:.9rem;display:block;&:hover{background-color:#f2f2f2}}&:last-child{& button{border:0;border-radius:0 0 15px 15px}}}}