lazy-oaf-card-colours{display:contents}.lazy-oaf-card-colours__panel{position:absolute;z-index:5;inset:auto 8px calc(var(--card-colours-cta-space, 32px) + 4px);padding:8px;color:#000;background:#fffffff0;border-radius:4px;box-shadow:0 1px 8px #0000001a;font:400 12px/1.25 var(--font-brand-display--family, var(--font-body--family));--image-options-width: 48px;--image-options-gap: 4px;--image-options-reserve-space: 65px;--image-options-selected-outline-width: 1px;--image-options-selected-marker-display: none}.lazy-oaf-card-colours__panel[hidden]{display:none}.lazy-oaf-card-colours__panel .volt-image-options__label,.lazy-oaf-card-colours__loading-heading{margin:0;min-height:24px;padding-inline-end:36px;font:inherit}.lazy-oaf-card-colours__panel:has(volt-image-options) .lazy-oaf-card-colours__loading-heading{display:none}.lazy-oaf-card-colours__loading-heading{position:absolute;top:8px;left:8px;right:8px}[data-colour-options]:empty{min-height:calc(var(--image-options-width) * 4 / 3 + var(--image-options-reserve-space))}[data-colour-options]:empty{background:repeating-linear-gradient(to right,rgb(0 0 0 / 5%) 0 var(--image-options-width),transparent var(--image-options-width) calc(var(--image-options-width) + 4px)) left 24px / 100% calc(var(--image-options-width) * 4 / 3) no-repeat}.lazy-oaf-card-colours__panel .volt-image-options__caption{font-size:11px;line-height:1.25}.lazy-oaf-card-colours__panel .volt-image-options__availability{font-size:10px}.lazy-oaf-card-colours__panel .volt-image-options__progress{margin-top:8px}.lazy-oaf-card-colours__close{position:absolute;z-index:1;top:-12px;right:0;width:44px;height:44px;padding:0;border:0;color:inherit;background:transparent;cursor:pointer}.lazy-oaf-card-colours__close .svg-wrapper{position:absolute;top:20px;right:8px;width:16px;height:16px}.lazy-oaf-card-colours__close:focus-visible{outline:2px dashed currentColor;outline-offset:-2px}.lazy-oaf-card-colours__panel:not([data-error]) .lazy-oaf-card-colours__status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.lazy-oaf-card-colours__status{margin:6px 0 0}.lazy-oaf-card-colours__status:empty{display:none}.lazy-oaf-card-colours__retry{border:0;padding:8px 0;text-decoration:underline;color:inherit;background:transparent;font:inherit;cursor:pointer}a[data-card-colour-trigger],button[data-card-colour-trigger]{display:inline-flex;align-items:center;min-height:44px;width:fit-content;padding:0;border:0;margin:-10px 0;text-decoration:underline;text-underline-offset:3px;color:inherit;background:transparent;font:inherit;cursor:pointer;position:relative;z-index:2}button[data-card-colour-trigger]:focus-visible{outline:none}button[data-card-colour-trigger]:focus-visible:after{content:"";position:absolute;top:10px;right:-2px;bottom:10px;left:-2px;outline:2px solid currentColor;outline-offset:2px;pointer-events:none}@container card-gallery-container (min-width: 280px){.lazy-oaf-card-colours__panel{--image-options-width: 56px;--image-options-reserve-space: 42px}}@media(hover:hover)and (pointer:fine)and (prefers-reduced-motion:no-preference){.lazy-oaf-card-colours__panel[data-pointer-open]{transition:opacity .15s cubic-bezier(.32,.72,0,1)}@starting-style{.lazy-oaf-card-colours__panel[data-pointer-open]{opacity:0}}}
/*# sourceMappingURL=/cdn/shop/t/1373/assets/lazy-oaf-card-colours.css.map */