._quantityInput_mk9oh_1{position:relative;display:flex;gap:4px;flex-direction:column;background:#0e0e0e;border:1px solid #787878;padding:8px;border-radius:8px}._topRow_mk9oh_12{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:4px;position:relative;flex-direction:row;height:100%}._numberInput_mk9oh_23{background:#202122;border:1px solid #5a5a5a;color:#fff;border-radius:4px;padding:4px;position:relative;flex-grow:1;-moz-appearance:textfield;max-width:76px;font-weight:500}._numberInput_mk9oh_23::-webkit-inner-spin-button,._numberInput_mk9oh_23::-webkit-outer-spin-button{opacity:1;-webkit-appearance:none;margin:0}._inputWrapper_mk9oh_49{position:relative;display:inline-block;display:flex;flex-grow:1}._arrowUp_mk9oh_56,._arrowDown_mk9oh_57{position:absolute;right:0;width:24px;height:13px;display:flex;justify-content:center;align-items:center;cursor:pointer;z-index:1;border:1px solid rgb(123 123 123);padding:1px;box-sizing:border-box;border-radius:2px;background:#3c3c3c}._arrowUp_mk9oh_56:hover,._arrowDown_mk9oh_57:hover{background:#575757}._arrowUp_mk9oh_56{top:0;box-shadow:inset 0 1px 2px #7c7c7c}._arrowDown_mk9oh_57{bottom:0;box-shadow:inset 0 -1px 2px #7c7c7c}._arrowUp_mk9oh_56:before,._arrowDown_mk9oh_57:before{content:"";width:0;height:0;border-color:#fff;border-left:4px solid transparent;border-right:4px solid transparent}._arrowUp_mk9oh_56:before{border-bottom:4px solid}._arrowDown_mk9oh_57:before{border-top:4px solid}._botRow_mk9oh_105{width:100%}._slider_mk9oh_108{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#000;border:1px solid #ccc;border-radius:8px;width:100%}._slider_mk9oh_108::-webkit-slider-runnable-track{-webkit-appearance:none;-moz-appearance:none;appearance:none;color:#fff}._slider_mk9oh_108::-webkit-slider-thumb{width:15px;-webkit-appearance:none;height:15px;background:var(--theme-color);border-radius:50%}._outerWrapper_1vv34_1{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:8px;width:100%}._closeButton_1vv34_10{position:absolute;z-index:1;right:4px;top:4px;width:32px;padding:6px;cursor:pointer;transition:opacity .15s ease-in-out;background:radial-gradient(#2b2b2b,#000);border-radius:6px;box-shadow:0 0 3px -2px #000,inset 0 1px 3px -1px #fff}._closeButton_1vv34_10:hover{opacity:.6}._inputWrapper_1vv34_30{width:100%;background:#202122;border-radius:8px;border:1px solid #555;padding:0 16px 16px;box-sizing:border-box;position:relative;gap:8px;display:grid}._inputWrapper_1vv34_30._compact_1vv34_42{background:#0e0e0e}._inputWrapper_1vv34_30._isOpen_1vv34_46{outline:1px solid #646464}._inputWrapper_1vv34_30 ._searchLabel_1vv34_50{width:100%;padding-top:16px;color:#a2a2a2;display:flex;gap:4px}._inputWrapper_1vv34_30 ._searchInput_1vv34_58{width:100%;background:none;color:#fff;border:1px solid #646464;border-radius:8px;padding:16px 8px}._inputWrapper_1vv34_30:focus-within{outline:1px solid #646464}._inputWrapper_1vv34_30 ._searchInput_1vv34_58:focus{outline:1px solid #646464}._subfamiliesWrapper_1vv34_74{height:0;overflow:hidden;transition:height .3s ease-in-out}._familyFilters_1vv34_80,._subfamilyFilters_1vv34_81,._roleFilters_1vv34_82{display:flex;overflow-x:scroll;align-items:baseline;gap:8px;border-radius:4px}._roleFilters_1vv34_82{width:100%}._subfamilyFilters_1vv34_81{border-radius:0;padding-bottom:0}@media (hover: hover){._familyFilters_1vv34_80:not(:has(._familyButton_1vv34_99._selected_1vv34_99)):has(._familyButton_1vv34_99:hover) ._familyButton_1vv34_99:not(:hover),._subfamilyFilters_1vv34_81:not(:has(._subfamilyButton_1vv34_101._selected_1vv34_99)):has(._subfamilyButton_1vv34_101:hover) ._subfamilyButton_1vv34_101:not(:hover),._roleFilters_1vv34_82:not(:has(._roleButton_1vv34_105._selected_1vv34_99)):has(._roleButton_1vv34_105:hover) ._roleButton_1vv34_105:not(:hover){opacity:.4}._familyButton_1vv34_99:hover,._subfamilyButton_1vv34_101:hover,._roleButton_1vv34_105:hover{opacity:1!important}}._familyFilters_1vv34_80:has(._familyButton_1vv34_99._selected_1vv34_99) ._familyButton_1vv34_99,._subfamilyFilters_1vv34_81:has(._subfamilyButton_1vv34_101._selected_1vv34_99) ._subfamilyButton_1vv34_101,._roleFilters_1vv34_82:has(._roleButton_1vv34_105._selected_1vv34_99) ._roleButton_1vv34_105{opacity:.5}._familyFilters_1vv34_80:has(._familyButton_1vv34_99._selected_1vv34_99) ._familyButton_1vv34_99._selected_1vv34_99,._subfamilyFilters_1vv34_81:has(._subfamilyButton_1vv34_101._selected_1vv34_99) ._subfamilyButton_1vv34_101._selected_1vv34_99,._roleFilters_1vv34_82:has(._roleButton_1vv34_105._selected_1vv34_99) ._roleButton_1vv34_105._selected_1vv34_99{opacity:1}._familyButton_1vv34_99,._subfamilyButton_1vv34_101,._roleButton_1vv34_105{background:transparent;border:2px solid #64646447;color:#fff;padding:8px 16px;border-radius:4px;cursor:pointer;transition:all .2s ease;width:fit-content;font-size:14px}._familyButton_1vv34_99._selected_1vv34_99{background:radial-gradient(#464646,#000);text-shadow:1px 1px 2px #000;color:#fff;box-shadow:inset 0 2px 3px -1px #fff;margin-bottom:-2px}._subfamilyButton_1vv34_101._selected_1vv34_99{background:radial-gradient(#646464,#2d2d2d);text-shadow:1px 1px 2px #000;color:#fff;box-shadow:inset 0 2px 3px -1px #fff;border:1px solid #9b9b9b;border-bottom:2px solid #fff}._roleButton_1vv34_105._selected_1vv34_99{background:radial-gradient(#464646,#000);text-shadow:1px 1px 2px #000;color:#fff;box-shadow:inset 0 2px 3px -1px #fff;margin-bottom:-2px;border-bottom:2px solid #fff}._suggestions_1vv34_168{list-style-type:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;transition:height .3s ease-in-out;max-height:300px;overflow-y:auto;background:linear-gradient(to bottom,#363636,transparent,#1c1c1c);border-radius:8px}._suggestions_1vv34_168:not(:empty){border:1px solid #646464}._suggestions_1vv34_168 li{border-bottom:1px solid #646464}._suggestions_1vv34_168 li:is(._note_1vv34_190):hover{background:#121212}._compact_1vv34_42 ._suggestions_1vv34_168 li:is(._note_1vv34_190):hover{background:#3e3e3e}._suggestions_1vv34_168 li button{padding:8px 16px;margin:0;border:0;background:none;border-radius:0;box-shadow:none;width:100%;text-align:left;color:#fff;cursor:pointer}._matchingNote_1vv34_209>button{font-weight:700}._selected_1vv34_99._Fresh_1vv34_213{border-bottom:2px solid #5dbcfe}._selected_1vv34_99._Floral_1vv34_217{border-bottom:2px solid #e46bff}._selected_1vv34_99._Woody_1vv34_221{border-bottom:2px solid #9e4312}._selected_1vv34_99._Amber_1vv34_225{border-bottom:2px solid #f9c93c}._selected_1vv34_99._Gourmand_1vv34_229{border-bottom:2px solid #cd561d}._selected_1vv34_99._Aromatic_1vv34_233,._selected_1vv34_99._Green_1vv34_234{border-bottom:2px solid #3cc815}._selected_1vv34_99._Leather_1vv34_238{border-bottom:2px solid #521b09}._selected_1vv34_99._Animalic_1vv34_242{border-bottom:2px solid #aeaeae}._selected_1vv34_99._Special_1vv34_245{border-bottom:2px solid #d81476}._selected_1vv34_99._Oriental_1vv34_248{border-bottom:2px solid #916500}@media (max-width: 500px){._familyButton_1vv34_99,._subfamilyButton_1vv34_101{width:calc(50% - 4px)}}._addNoteButton_1vv34_259{margin-top:8px;padding:8px 16px;background-color:transparent;border:1px solid #333;border-radius:4px;color:#000;background:#ccc;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;width:100%;display:flex;align-items:center;justify-content:center;gap:8px}._addNoteButton_1vv34_259:hover{background:#fff}._addNoteButton_1vv34_259:before{content:"+";font-size:18px;line-height:1}