.color_count{font-size:15px;font-weight:400;margin-bottom:15px;font-family:var(--primary-font-body-family);color:var(--color-brand-secondary)}.color-palette-modal{position:fixed;z-index:999;top:0;right:0;height:100%;background-color:var(--color-background-inverse);box-shadow:-2px 0 5px #0003;transform:translate(100%);transition:transform .7s ease;visibility:hidden;opacity:0}.color-palette-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000a6;visibility:hidden;opacity:0;transition:opacity .3s ease;z-index:998}.color-palette-modal.open{transform:translate(0);visibility:visible;opacity:1}.color-palette-modal.closing{transform:translate(100%);visibility:visible;opacity:1}.color-palette-modal hr{margin:16px 0;width:100%;background-color:var(--color-background-secondary-lightest)}.color-palette-modal-content{padding:32px;height:100%;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;width:756px}.color-cmyk{margin-top:8px}.color-pantone,.color-cmyk{font-family:var(--primary-font-body-family);font-size:12px;font-weight:400;line-height:160%}.color-palette-modal-content::-webkit-scrollbar{display:none}input.color-radio:hover{background-color:var(--color-background-inverse)}input.color-radio:hover:before{content:"";display:block;width:16px;height:16px;background-color:#e5daf1;border-radius:50%;margin:auto}.color-palette-modal-content .close{color:var(--color-typography-primary);float:right;font-size:28px;font-weight:700;cursor:pointer;height:24px;position:relative;top:-8px}@media screen and (min-width:769px){.color-swatches{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px;width:100%}}.color-swatch{padding:8px 16px;border:1px solid var(--color-background-secondary-lightest);border-radius:2px;cursor:pointer;background-color:var(--color-background-inverse);position:relative;height:40px;width:auto;display:flex;align-items:center;justify-content:center}.color-swatch.selected{border:2px solid var(--color-background-secondary-dark)}.color-name{position:static;text-align:center;font-size:15px;font-weight:400;font-family:var(--primary-font-body-family);color:var(--color-brand-secondary)}.color-list{display:flex;flex-wrap:wrap;gap:12px;width:100%}.main-colour-swatch{opacity:0;display:none}.color-item{width:23.6%;border:1px solid var(--color-background-secondary-lightest);padding:12px;cursor:pointer;border-radius:4px;color:var(--color-brand-secondary)}.color-item.selected{border:2px solid var(--color-background-secondary-dark);padding:11px}.color-swatches label{cursor:pointer;text-align:center;font-size:15px;padding:8px 16px;font-weight:400;font-family:var(--primary-font-body-family)}.color-card{height:140px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;border-radius:4px;position:relative}.color-radio{position:absolute;top:10px;left:10px;height:24px;width:24px;border-radius:50%;border:1px solid var(--color-typography-primary);background-color:var(--color-background-inverse);appearance:none;-webkit-appearance:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .3s,box-shadow .3s}.color-radio:checked{border:1px solid var(--color-cta-primary)}input.color-radio:checked:before{content:"";display:block;width:16px;height:16px;background-color:var(--color-cta-primary);border-radius:50%;margin:auto}.color-title{font-family:var(--primary-font-body-family);font-weight:500;font-size:18px;line-height:100%;letter-spacing:0px}.color-subtitle{font-family:var(--primary-font-body-family);font-weight:400;font-size:14px;letter-spacing:0px}#colorSearch::placeholder{font-family:var(--primary-font-body-family);font-size:15px;font-weight:400;color:var(--color-brand-secondary)}body.modal-open{overflow:hidden}.search-icon{position:absolute;top:56%;right:17px;transform:translateY(-50%);font-size:18px;color:var(--color-background-secondary-dark)}.search-container{position:relative;margin-bottom:24px}.modal-title{font-family:var(--primary-font-body-family);font-size:24px;line-height:100%;letter-spacing:0px;display:inline;margin-left:8px;color:var(--color-brand-secondary)}.color-swatches::-webkit-scrollbar{display:none}#colorSearch{width:100%;height:48px;padding:12px 16px 12px 24px;border-radius:var(--spacing-2xl);border:1px solid var(--color-background-secondary-lightest);font-size:15px;line-height:160%}@media(max-width:768px){.modal-title{font-family:var(--primary-font-body-family);font-size:18px;line-height:100%;letter-spacing:0px;display:inline;margin-left:8px}.color-palette-modal{width:100%;overflow-y:auto}.color-palette-modal-content{width:100%}.color-title{font-size:14px}.color-swatches{display:flex;overflow-x:auto;gap:8px;width:100vw;margin-bottom:24px;margin-left:-4vw;padding-left:4vw;padding-right:4vw}.color-swatch{padding:6px 8px;border:1px solid var(--color-background-secondary-lightest);border-radius:2px;cursor:pointer;background-color:var(--color-background-inverse);position:relative;display:flex;align-items:center;justify-content:center;width:auto;max-height:34px}.color-swatches::-webkit-scrollbar{height:6px}.color-swatches::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.color-swatches::-webkit-scrollbar-track{background:#f1f1f1}.color_count{font-size:14px}.color-item{width:48%}.color-palette-modal-content{padding:16px;overflow-x:hidden}.color-name{font-weight:400;font-size:14px;display:flex;justify-content:center;align-items:center;padding:0;position:static}.color-radio{position:absolute;top:10px;left:10px}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/color-palette-modal.css.map */