.selected-color{margin:0 0 12px;font-weight:700}.colors{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.colors label{position:relative;display:flex;min-height:93px;align-items:center;flex-direction:column;border:1px solid #bbb;border-radius:8px;padding:12px 5px;cursor:pointer;text-align:center}.colors label.is-selected{border:2px solid var(--blue);padding:11px 4px}.colors label>span{width:26px;height:26px;border:1px solid #888;border-radius:50%}.colors .pistachio{background:var(--pistachio)}.colors .lavender{background:var(--lavender)}.colors .graphite{background:var(--graphite)}.colors .cream{background:var(--cream)}.colors b{margin-top:6px;font-size:11px}.colors em{position:absolute;top:-8px;border-radius:8px;padding:2px 5px;background:#000;color:#fff;font-size:8px;font-style:normal}.purchase-summary{position:fixed;z-index:80;right:0;bottom:0;left:0;display:flex;height:90px;align-items:center;justify-content:flex-end;gap:35px;border-top:1px solid #ddd;padding:12px 35px;background:#fff;box-shadow:0 -5px 20px #0001}.purchase-summary>div{display:grid;grid-template-columns:auto auto;column-gap:15px;align-items:baseline}.purchase-summary>div>span{font-size:12px}.purchase-summary strong{font-size:21px}.purchase-summary small{grid-column:1/-1;color:#666;text-align:right}.purchase-summary button{min-width:180px;height:50px;border:0;border-radius:25px;background:var(--blue);color:#fff;cursor:pointer;font-weight:700}.purchase-summary button:hover{background:var(--blue-dark)}