.color-picker-button{background:linear-gradient(45deg,#ad9263,#f7cd26,#f7cd26,#f7cd26);background-size:200% auto;color:#000;padding:10px 20px;font-size:16px;border:none;cursor:pointer}.color-picker-button i{margin-right:8px;color:#000}.color-picker-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:9998}#popupContainer3{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:9999;width:90%;max-width:800px;background:#fff;border:2px solid #8B714A;border-radius:8px;box-sizing:border-box;overflow-y:hidden;height:620px}@media(min-width:768px){#popupContainer3{max-width:1000px}}@media(max-width:767px){#popupContainer3{max-width:100%;height:870px;overflow-y:auto}}.popup-header{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:10px;border-bottom:2px solid #8B714A}.tab-titles{display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch}.tab-button{flex:0 0 auto;padding:10px;background:none;border:none;cursor:pointer;font-weight:700;color:#8b714a}.tab-button.active{border-bottom:3px solid #8B714A}.close-container{flex:0 0 auto;background:#fff;padding-left:10px}.close-btn{background:none;border:none;font-size:24px;cursor:pointer;color:#8b714a}.color-picker-body{display:flex;gap:20px;height:calc(100% - 60px)}.grid-wrapper{position:relative;padding:10px 10px 0}@media(min-width:768px){.grid-wrapper{padding-left:10px}}@media(min-width:768px){.color-picker-body{flex-direction:row;flex-wrap:nowrap;align-items:flex-start}.color-grid.default-grid{display:grid;gap:10px;grid-template-columns:repeat(4,150px);grid-template-rows:repeat(3,150px);min-height:470px}.color-box{width:150px;height:150px;position:relative;cursor:pointer;border:2px solid transparent;box-sizing:border-box}.color-picker-body.search-active .selected-info{margin-left:20px}.color-picker-body:not(.search-active) .selected-info{margin-left:0}.selected-info{flex:1;min-width:250px;border-left:2px solid #8B714A;padding-left:20px;display:flex;flex-direction:column;justify-content:center;margin-top:100px}.choose-color-button{max-width:200px;align-self:flex-start}.pagination{display:flex;align-items:center;justify-content:center;gap:10px;margin:10px auto 0;width:100%}.pagination span{min-width:120px;text-align:center}.pagination button{background:#fff;border:none;font-size:18px;color:#8b714a;cursor:pointer;padding:5px 10px;border-radius:4px}.pagination button:disabled{color:#ccc;cursor:default}}@media(max-width:767px){.color-picker-body{flex-direction:column;align-items:center}.color-grid.default-grid{display:grid;gap:5px;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,auto);margin:0 auto;width:100%;max-width:300px;min-height:460px}.color-box{width:100%;aspect-ratio:1}.selected-info{width:100%;border:none;margin-top:20px;padding-top:10px;text-align:center}.pagination{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:10px;width:100%}.pagination span{min-width:120px;text-align:center}.pagination button{background:#fff;border:none;font-size:18px;color:#8b714a;cursor:pointer;padding:5px 10px;border-radius:4px}.pagination button:disabled{color:#ccc;cursor:default}}.color-grid.search-mode{display:flex;flex-direction:column;align-items:center;width:100%}.search-mode-container{width:600px;max-width:600px;margin:0 auto;padding-left:10px;padding-top:10px}@media(max-width:767px){.search-mode-container{width:300px;max-width:300px;padding-top:10px;padding-left:0}}.search-container{width:100%;margin-bottom:15px;text-align:center}.search-container input{width:100%;padding:12px;font-size:16px;border:1px solid #8B714A;border-radius:4px}.search-results{display:grid;gap:10px;margin:0 auto}@media(min-width:768px){.search-results{grid-template-columns:repeat(4,150px);grid-template-rows:repeat(1,150px)}}@media(max-width:767px){.search-results{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,auto);max-width:300px}.color-box{width:100%;aspect-ratio:1}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/kleurenkiezer.css.map */