.rdp-root{--rdp-accent-color: $dark;--rdp-accent-background-color: $dark}.measurement-container{position:relative}.measurement-container select{border:none!important;font-weight:500!important;color:#373737}.measurement-container input,.measurement-container select{font-size:1.2em!important;border-radius:19.5px}.measurement-container .amount{padding-left:17px!important;color:#373737}.measurement-container .unit-container{position:absolute;z-index:1;right:0}.measurement-container .unit-container .icon{position:absolute;margin-top:15px;margin-left:1px;background-color:#d0d0d0}.measurement-container .unit-container .unit-separator{position:absolute;z-index:1;top:calc(50% - 22px);margin-left:-8px;font-size:1.8em;font-weight:300;color:#bebebe}.measurement-container .unit-container .unit-separator.slash{transform:rotate(25deg)}.measurement-container .unit-container .unit-separator.no-unit{margin-left:-18px}.measurement-container .unit-container .unit-input{position:relative;top:1px;right:1px;transition:width .2s;padding-right:10px!important;overflow:visible;border-radius:0 16.5px 16.5px 0!important;background-color:transparent;border:none;text-align:right}.measurement-container:focus-within .amount{border-color:#00848980}.measurement-container:focus-within .amount:focus{border-color:#008489}.measurement-container .info-btn{position:absolute;z-index:2;top:-28px;right:0;padding:2px 2px 0 8px}.measurement-container .info-btn .icon{width:20px;height:20px;background-color:#a8a8a8}