.dropdown{--line-height:40px;border:1px solid var(--border);display:block;margin:0 auto 16px;max-width:220px;position:relative;z-index:1}.form-add--sticky .dropdown{border-color:transparent;flex:0 0 auto;margin-right:16px;min-width:calc(50% - 16px)}.form-add--sticky .dropdown.is-hidden{display:none}.dropdown button{align-items:center;display:flex;height:var(--line-height);padding:0 12px;width:100%}.dropdown .carat{position:absolute;right:16px;top:50%;transform:translateY(-50%)}.dropdown--small{--swatch-size:14;--line-height:20px;--border:transparent}.dropdown--small .carat{position:relative;right:unset;top:unset;transform:translateY(calc(var(--icon-size)/3*-1))}.dropdown--small.dropdown-variant{--line-height:20px}.dropdown--small.dropdown-variant button{padding:0}.dropdown--small .dropdown-body{--line-height:30px}.dropdown--small .swatch,.dropdown--small.dropdown-variant .swatch{margin-right:5px}.dropdown--small .swatch-best,.dropdown--small .swatch-new{display:none}.dropdown-body{background-color:var(--white);border:1px solid var(--border);border-top:1px solid transparent;contain:strict;height:calc(var(--items)*var(--line-height));left:-1px;max-height:180px;min-height:var(--line-height);overflow:hidden;position:absolute;right:-1px;top:var(--line-height);top:-1px;transition:top .2s ease-in-out;z-index:1}.dropdown-body.is-visible{top:-1px}.dropdown-body.is-visible li{transform:translateY(0)}.dropdown-body ul{bottom:0;left:0;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;top:0;width:100%}.dropdown-body li{border-top:1px solid var(--border);height:var(--line-height);margin:0;transform:translateY(10px);transition:transform .2s ease-in-out;transition-delay:calc(.02s*var(--index))}.selected-option{align-items:center;display:flex}.form-add--sticky .selected-option{padding-right:40px}.form-add--sticky .selected-option .text,.form-add--sticky .selected-option .text-separator{display:none}.dropdown-variant{--line-height:50px;border-color:var(--border);margin-bottom:4px;margin-left:0;margin-top:8px;max-width:100%;width:100%;z-index:2!important}.product-top-loader .dropdown-variant{--swatch-size:42}@media only screen and (min-width:768px){.product-top-loader .dropdown-variant{--swatch-size:36;--swatch-padding:2px}}.dropdown-variant strong{padding-right:4px}.dropdown-variant button{padding:0 16px}.dropdown-variant .swatch{margin-left:0;margin-right:12px}