@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.coat-sample-pack-palette .container{background-color:var(--alabaster);color:var(--night)}.coat-sample-pack-palette .text-container{display:flex;flex-direction:column;gap:8px}.coat-sample-pack-palette .colour-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:32px 0 16px}.coat-sample-pack-palette .colour-tile{aspect-ratio:1 / 1;border-radius:4px;display:flex;align-items:flex-end;padding:8px 16px;font-weight:500;transition:all .3s ease-in-out;transition-behavior:allow-discrete}.coat-sample-pack-palette .colour-tile.hidden{opacity:0;height:0;width:0;padding:0;display:none}.coat-sample-pack-palette .colour-tile.hidden.show{opacity:1;height:auto;width:auto;padding:8px 16px;display:flex;animation:fadeIn .3s ease-in-out forwards}.coat-sample-pack-palette .colour-tile p{font-weight:500;font-size:14px}.coat-sample-pack-palette .btn-outline{border:1px solid var(--burnt-tortilla);border-radius:4px;height:51px;cursor:pointer;transition:all .3s ease;font-size:16px;font-weight:500}.coat-sample-pack-palette .btn-outline:hover{background-color:var(--night);border-color:var(--night);color:var(--alabaster)}.coat-sample-pack-palette .subheading{color:var(--dusk)}.coat-sample-pack-palette .colour-tile.dark{color:var(--alabaster)}.coat-sample-pack-palette .add-to-cart{cursor:pointer;font-size:16px;font-weight:500;background-color:var(--night);color:var(--alabaster);border-radius:4px;transition:all .3s ease}.coat-sample-pack-palette .add-to-cart:hover{background-color:var(--mindful);color:var(--night)}.coat-sample-pack-palette .buttons{display:flex;flex-direction:column;gap:16px}@media screen and (min-width:1000px){.coat-sample-pack-palette .container{text-align:center}.coat-sample-pack-palette .colour-grid{display:flex;flex-wrap:wrap;justify-content:center;padding:40px 0 24px}.coat-sample-pack-palette .text-container{max-width:46.66vw;margin:0 auto}.coat-sample-pack-palette .btn-outline,.coat-sample-pack-palette .add-to-cart{width:fit-content;min-width:255px;padding:0 24px;height:59px}.coat-sample-pack-palette .buttons{display:flex;flex-direction:row;gap:16px;justify-content:center;align-items:center}.coat-sample-pack-palette .colour-tile,.coat-sample-pack-palette .colour-tile.hidden.show{width:12vw}}
/*# sourceMappingURL=/cdn/shop/t/328/assets/coat-css-sample-pack-palette.css.map */