.product-colour-selector{display:flex;align-items:center;gap:var(--spacing-m);background:var(--color-background);border:none;border-bottom:var(--spacing-4xs) solid var(--color-neutral-lightest-grey);cursor:pointer;transition:all .2s ease;width:100%;text-align:left;padding:0;padding-block-end:var(--spacing-s)}@media (width >= 64rem){.product-colour-selector{gap:var(--spacing-l)}}.product-colour-selector--static{cursor:default}.product-colour-selector:disabled{opacity:1;cursor:not-allowed}.product-colour-selector__image{flex-shrink:0;width:59px;height:69px;border-radius:var(--border-radius-sm);overflow:hidden;background:var(--color-background-subtle)}@media (width >= 64rem){.product-colour-selector__image{width:82px;height:96px}}.product-colour-selector__swatch{width:100%;height:100%;object-fit:contain;display:block}.product-colour-selector__details{flex:1;min-width:0}.product-colour-selector__title{margin-block-end:var(--spacing-2xs);color:var(--color-brand-black);line-height:1.2}.product-colour-selector__swatches-row{color:var(--color-brand-black);display:flex;align-items:center;gap:var(--spacing-xs)}.colour-trigger-swatches{display:flex;margin:0;padding:0;list-style:none}.colour-trigger-swatches__item{display:flex}.colour-trigger-swatches__item:not(:first-child){margin-inline-start:-10px}.colour-trigger-swatches__circle{display:block;width:16px;height:16px;border-radius:50%;border:1px solid var(--color-neutral-white);background:var(--color-neutral-lightest-grey)}.product-colour-selector__subtitle{margin:0;color:var(--color-neutral-darker-grey)}.product-colour-selector__icon{flex-shrink:0;color:var(--color-neutral-darker-grey);transition:transform .2s ease}.product-colour-selector:hover:not(:disabled) .product-colour-selector__icon{transform:translate(4px)}.tw-drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;display:none}.tw-drawer[aria-hidden=false]{display:block}.tw-drawer__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;opacity:0;transition:opacity .3s ease}.tw-drawer.tw-drawer--opening .tw-drawer__backdrop{opacity:1}.tw-drawer.tw-drawer--closing .tw-drawer__backdrop{opacity:0}.tw-drawer__container{color:var(--color-neutral-dark);position:absolute;display:flex;flex-direction:column;background:var(--color-background);transition:transform .3s ease}@media (width < 64rem){.tw-drawer__container{bottom:0;left:0;right:0;width:100%;height:100vh;height:100dvh;border-radius:var(--spacing-3xs) var(--spacing-3xs) 0 0;transform:translateY(100%)}.tw-drawer.tw-drawer--opening .tw-drawer__container{transform:translateY(0)}.tw-drawer.tw-drawer--closing .tw-drawer__container{transform:translateY(100%)}}.tw-drawer__header{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;background-color:var(--color-neutral-white);margin:0;padding:var(--spacing-m) var(--spacing-l);position:sticky;top:0;width:100%;z-index:var(--layer-flat)}.tw-drawer__title{font-size:calc(var(--font-size-2) + var(--font-size-01));margin:0;flex:1;color:var(--color-brand-black)}.tw-drawer__close,.tw-drawer__close:hover{flex-shrink:0;margin:calc(var(--spacing-xs) * -1);padding:var(--spacing-m);background:none;border:none;color:var(--color-brand-black);display:flex;align-items:center;justify-content:center;cursor:pointer}.tw-drawer__close .svg-wrapper{display:block;width:var(--spacing-l);height:var(--spacing-l)}.tw-drawer__close{--icon-stroke-width: 1px}.tw-drawer__body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.colour-selector-drawer{max-width:none;padding:0 var(--spacing-l) var(--spacing-5xl);position:relative;margin-block-start:var(--spacing-s)}.colour-selector__grid{display:grid;align-items:start;gap:var(--spacing-s);grid-template-columns:repeat(3,1fr);max-width:100%}.colour-selector__swatch{align-self:stretch;border:1px solid var(--color-neutral-light-grey);border-radius:var(--spacing-3xs);color:var(--color-neutral-darker-grey);padding:calc(var(--spacing-3xs) + var(--spacing-s)) var(--spacing-l);text-align:center;text-decoration:none}.colour-selector__swatch--active,.colour-selector__swatch:hover{border-color:var(--color-neutral-brand);color:var(--color-neutral-brand)}.colour-selector__swatch--sold-out{position:relative}.colour-selector__swatch--sold-out:after{background:linear-gradient(to top right,transparent,transparent calc(50% - 1px),#d8d8d8 50%,transparent calc(50% + 1px),transparent);content:"";height:100%;left:0;position:absolute;top:0;width:100%;pointer-events:none}.colour-selector__swatch--sold-out:has(.colour-selector__swatch-bell[style*="display: inline-flex"]):after,.colour-selector__swatch--sold-out:has(.colour-selector__swatch-bell:not([style*="display: none"])):after{display:none}.colour-selector__swatch-content{display:contents}.colour-selector__swatch--sold-out .colour-selector__swatch-image{opacity:.6}.colour-selector__swatch--sold-out.colour-selector__swatch--has-bis .colour-selector__swatch-image{opacity:1}.colour-selector__swatch--back-in-stock{border-color:var(--color-success);background:var(--color-success-subtle)}.colour-selector__swatch-bell{position:absolute;top:var(--spacing-xs);right:var(--spacing-xs);z-index:1;color:var(--color-brand-black);opacity:1}.colour-selector__swatch-bell svg{width:var(--spacing-l);height:calc(var(--spacing-l) - var(--spacing-2xs))}.colour-selector__swatch-image{align-items:center;aspect-ratio:6 / 7;display:flex;justify-content:center}.colour-selector__swatch-image img{max-width:240px;max-height:240px}.colour-selector__swatch-title{text-align:center;margin:0 0 var(--spacing-2xs) 0;line-height:1.2}.colour-selector__swatch-sold-out-text,.colour-selector__swatch-back-in-stock-text{text-align:center;margin:0;font-weight:500}.colour-selector__swatch-sold-out-text,.colour-selector__swatch--sold-out .colour-selector__swatch-title,.colour-selector__swatch-back-in-stock-text{color:var(--color-neutral-darker-grey);opacity:1}.colour-selector__footer{background:linear-gradient(180deg,hsla(0,0%,100%,0) 0,hsla(0,0%,100%,.8) 53.13%,var(--color-neutral-white) 100%);bottom:0;height:42px;pointer-events:none;position:fixed;width:100%}@media (width >= 64rem){.tw-drawer__container{top:0;right:0;bottom:0;width:621px;max-width:621px;height:100vh;height:100dvh;border-radius:var(--border-radius-md) 0 0 var(--border-radius-md);transform:translate(100%)}.tw-drawer.tw-drawer--opening .tw-drawer__container{transform:translate(0)}.tw-drawer.tw-drawer--closing .tw-drawer__container{transform:translate(100%)}.size-finder-drawer .tw-drawer__header{padding:var(--spacing-l) var(--spacing-3xl) var(--spacing-l)}.colour-selector__grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--spacing-l)}.colour-selector__swatch-image img{width:120px;height:120px}.tw-drawer__body .colour-selector-drawer{padding:0 var(--spacing-l) var(--spacing-5xl)}}
/*# sourceMappingURL=/cdn/shop/t/67/assets/colour-selector-drawer.css.map */