.ColorPicker_topSection__ElWEO{z-index:3;position:relative;display:flex;align-items:center;flex-direction:column;width:100%;height:200px;border:1px solid black;border-top:none;overflow:hidden}.ColorPicker_infoBar__S6zgI{font-size:.9rem;border-bottom:1px solid black;padding:10px 20px;width:100%}.ColorPicker_clickHere__RJ_bz{font-size:.8rem;position:absolute;margin-top:50px}.ColorPicker_bright__FauGz{color:white}.ColorPicker_colorInput__QA3GI{flex:1 1;width:100%;border:none;background:none;cursor:pointer}.ColorPicker_buttonContainer__LCtQz{display:flex;justify-content:center;border:1px solid black;border-top:none;transition:all .2s ease}.ColorPicker_borderRadius__wh0_8{border-bottom-left-radius:15px;border-bottom-right-radius:15px}.ColorPicker_button__ejHqP{border:1px solid black;border-radius:8px;cursor:pointer;background:white;padding:8px 10px;margin:10px}.ColorPicker_button__ejHqP:disabled{opacity:.3;cursor:default}.ColorPicker_resultContainer__IYOb3{opacity:0;transition:opacity .3s ease}.ColorPicker_resultContainerVisible__209T3{opacity:1}.ColorDetail_topSection__AkSMl{z-index:2;position:-webkit-sticky;position:sticky;top:60px;overflow:hidden}.ColorDetail_colorBox__U2928{z-index:3;position:relative;width:100%;height:200px;border:1px solid black;border-top:none;border-bottom-left-radius:15px;border-bottom-right-radius:15px;@media only screen and (max-width:768px){height:150px}}.ColorDetail_colorName__REPTe{white-space:nowrap;flex:1 1;margin-left:10px}.ColorDetail_buttonSection__Wqt_k{padding:8px 10px;border-left:1px solid black}.ColorDetail_noEntry__rIoJ3{text-align:center;padding:70px 0 50px;margin-top:-20px;border:1px solid black;border-top:none;border-bottom-left-radius:15px;border-bottom-right-radius:15px;p>b{font-weight:700}}.CopyFields_container__iA84q{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;gap:10px}.CopyFields_combiPage__rsVPT{@media only screen and (max-width:768px){left:20px;top:50%;transform:translateY(-50%)}}.CopyFields_copyField__HpGg5{background:none;border:none;border-radius:5px;padding:3px 8px;background-color:rgba(33,33,33,.1);transition:background-color .2s ease;*{font-size:.7rem;white-space:nowrap}}.CopyFields_darkBackgroundStyle__iMzaq{span{color:white}.CopyFields_copyField__HpGg5{background-color:rgba(255,255,255,.2)}.CopyFields_copyField__HpGg5:hover{cursor:copy;background-color:rgba(255,255,255,.3)}}.CopyFields_copyField__HpGg5:hover{cursor:copy;background-color:rgba(33,33,33,.2)}.CopyFields_copyField__HpGg5:active{background-color:rgba(33,33,33,.3)}.CopyFields_copyMessage__B_V6F{cursor:default;position:absolute;white-space:nowrap;text-align:center;z-index:3;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);font-size:.8rem;padding:5px 10px 3px;background-color:white;border-radius:5px;transition:transform .2s ease-out}.CopyFields_showMessage__A5FFy{transform:translate(-50%,-50%) scale(1)}.DetailHeader_container__Ied6N{position:-webkit-sticky;position:sticky;z-index:4;border:1px solid black;border-top:none;background:white;display:flex;gap:1px;background-color:black}.DetailHeader_name__M9X8H{flex:1 1;display:flex;align-items:center;padding:5px 10px;background-color:white;h2{font-size:.9rem;font-weight:100}}.DetailHeader_buttonSection__Dxv4Q{position:relative;padding:10px;background-color:white;display:flex;align-items:center}.DetailHeader_locked__Zj4fL{*{opacity:.4;cursor:not-allowed!important;pointer-events:none}cursor:not-allowed}.DetailHeader_locked__Zj4fL:before{content:"Unlock Pro to export Adobe Swatch.";font-size:.8rem;text-align:center;width:160px;z-index:50;background-color:white;position:absolute;left:50%;bottom:0;transform:translate(-50%,110%) scale(0);border:1px solid black;padding:5px 8px;transition:transform .1s ease}.DetailHeader_locked__Zj4fL:hover:before{transform:translate(-50%,110%) scale(1)}.DetailHeader_button__vNtqo{font-size:.8rem;border:1px solid black;border-radius:10px;background:none;padding:5px 8px;white-space:nowrap;cursor:pointer;transition:background-color .2s ease}.DetailHeader_button__vNtqo:hover{background-color:rgba(180,180,180,.3)}.SelectBox_selectBox__4rsGb{padding:5px 5px 3px;background-color:white;border:1px solid black;border-radius:10px;font-size:.9rem}.SelectBox_displaySelectBox__FpVuQ{display:initial}.SelectBox_hideSelectBox__GmSd3{display:none}.NavPlaceholder_container__WhLVj{height:50px;width:100%;border:1px solid black;border-top:none;border-bottom-left-radius:15px;border-bottom-right-radius:15px}.FavoriteButton_button__9nC2c{z-index:1;background:none;border:none;cursor:pointer}.FavoriteButton_onList__Itsb5{position:absolute;right:0;top:0;padding:20px}.FavoriteButton_circle__Bp3cI{border-radius:50%;width:25px;height:25px}.FavoriteButton_isFavBright___7zm6{background-color:white}.FavoriteButton_isFavDark__NGJyx{background-color:black}.FavoriteButton_favMessage__3a105{cursor:default;position:absolute;white-space:nowrap;text-align:center;right:20px;transform:scale(0);font-size:.8rem;padding:5px 10px 3px;background-color:white;border-radius:5px;transition:transform .2s ease-out}.FavoriteButton_positionDetail__V4iVw{bottom:-40px}.FavoriteButton_positionList__M7tv0{bottom:-20px}.FavoriteButton_showMessage__4DcrQ{transform:scale(1)}.VolumeSelection_container__lxko2{flex:1 1;min-height:0;overflow-y:auto}.VolumeSelection_selectBoxContainer__9OcOn{position:-webkit-sticky;position:sticky;z-index:2;top:0;margin-top:-15px;height:65px;display:flex;align-items:center;gap:10px;padding:25px 10px 10px;background:white;border:1px solid black;border-top:none;border-bottom-left-radius:15px;border-bottom-right-radius:15px;@media screen and (max-width:1024px){p{font-size:.8rem}}}.CombinationsList_list__NRQ7B{list-style:none;padding-top:20px}.CombinationsList_combinationElementWrapper__rrehg{position:relative}.CombinationsList_combinationElement__A2qHD{position:relative;display:flex;height:200px;border:1px solid rgba(0,0,0,.3);margin-bottom:20px;border-radius:15px;overflow:hidden;transition:border .2s ease;@media only screen and (max-width:768px){border-left-color:rgba(0,0,0,1);border-left-style:solid;border-left-width:1px;border-bottom-color:rgba(0,0,0,1);border-bottom-style:solid;border-bottom-width:1px;border-right-color:rgba(0,0,0,1);border-right-style:solid;border-right-width:1px;border-top-color:rgba(0,0,0,1);border-top-style:solid;border-top-width:1px}}.CombinationsList_combinationElement__A2qHD:hover{border:2px solid rgba(0,0,0,1)}.CombinationsList_combinationElement__A2qHD:hover .CombinationsList_arrow__NXHXw{transform:translateX(5px)}.CombinationsList_colorElementInCombination__QYUy8{flex:1 1}.CombinationsList_combiInfo___AbLV{position:absolute;bottom:10px;right:20px;display:flex;align-items:center;gap:2px}.CombinationsList_combiId__4CYz0{font-size:.8rem}.CombinationsList_darkBackground__QZ8Al{*{color:white;fill:white}}.CombinationsList_arrow__NXHXw{font-size:1.5rem;margin-top:-3px;transition:transform .2s ease}.PlaceholderLocked_colorPlaceholder__R_JY9{flex:1 1;background:white}.PlaceholderLocked_container__psGox{position:relative;display:flex;gap:1px;background-color:rgba(0,0,0,.2);height:200px;border:1px solid rgba(0,0,0,.3);margin-bottom:20px;border-radius:15px;overflow:hidden;transition:border .2s ease;@media only screen and (max-width:768px){border-left-color:rgba(0,0,0,1);border-left-style:solid;border-left-width:1px;border-bottom-color:rgba(0,0,0,1);border-bottom-style:solid;border-bottom-width:1px;border-right-color:rgba(0,0,0,1);border-right-style:solid;border-right-width:1px;border-top-color:rgba(0,0,0,1);border-top-style:solid;border-top-width:1px}}.PlaceholderLocked_container__psGox:hover{border:1px solid rgba(0,0,0,1)}.PlaceholderLocked_container__psGox:hover .PlaceholderLocked_lock__k8_WB{opacity:0}.PlaceholderLocked_container__psGox:hover .PlaceholderLocked_unlock__yJBtp{opacity:1}.PlaceholderLocked_container__psGox:hover .PlaceholderLocked_arrow__dA7Wb{transform:translateX(5px)}.PlaceholderLocked_combiId__Kf4ae{position:absolute;bottom:10px;right:20px;font-size:.8rem;opacity:.3}.PlaceholderLocked_lock__k8_WB{opacity:1}.PlaceholderLocked_lock__k8_WB,.PlaceholderLocked_unlock__yJBtp{font-size:3.5rem;position:absolute;top:35px;left:50%;transform:translateX(-50%);transition:opacity .1s linear}.PlaceholderLocked_unlock__yJBtp{opacity:0}.PlaceholderLocked_unlockMessage__RVucx{position:absolute;display:flex;align-items:center;justify-content:center;gap:5px;bottom:25px;font-size:1.2rem;width:100%;text-align:center}.PlaceholderLocked_arrow__dA7Wb{font-size:1.5rem;margin-top:-3px;transition:transform .2s ease}.NoEntry_noEntry__DTiWA{text-align:center;padding:70px 0 50px;margin-top:-20px;border:1px solid black;border-top:none;border-bottom-left-radius:15px;border-bottom-right-radius:15px}