.card-colour-picker{max-width:400px;min-height:400px}@media (max-width:375px){.card-colour-picker{min-height:325px}}.card-colour-picker__card-container{position:relative;width:100%;aspect-ratio:3/2;overflow:hidden;margin-bottom:10px}.card-colour-picker__card{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;opacity:0;visibility:hidden;pointer-events:none;transition:opacity 250ms ease,transform 350ms ease,visibility 0s linear 250ms}.card-colour-picker__card--active{opacity:1;visibility:visible;pointer-events:auto;transition:opacity 250ms ease,transform 350ms ease,visibility 0s}.card-colour-picker__navigation{background-color:#EDEDF8;padding:12px;border-radius:12px}.card-colour-picker__nav-container{display:flex;gap:21px}@media (max-width:600px){.card-colour-picker__nav-container{gap:17px}}.card-colour-picker__nav-title{margin-bottom:8px;display:block;color:#4B4B88;font-size:14px;font-weight:700;line-height:22px}.card-colour-picker__nav-item{position:relative;height:38px;width:58px;text-align:center;display:flex;align-items:center;justify-content:center;cursor:pointer}@media (max-width:600px){.card-colour-picker__nav-item{height:30px;width:48px}}.card-colour-picker__nav-label{font-size:12px;color:#fff;z-index:100;position:relative}.card-colour-picker__nav-icon{position:absolute;display:block;top:0;left:0;height:100%;width:100%}