card-options{z-index:2;width:fit-content;display:flex;flex-direction:column;align-items:center}.card-product-option{position:relative;width:100%}.variant-color{border-radius:50%;transition:border-color .3s ease-in-out;width:2.8rem;height:2.8rem;border:.1rem solid rgba(var(--color-foreground),.1);display:flex;justify-content:center;align-items:center;overflow:hidden;position:relative}.variant-color.sold-out:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;height:100%;width:100%;background-repeat:no-repeat;background-position:center center;background-size:100% 100%,auto;opacity:.2}.variant-color.sold-out:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;height:100%;width:100%;background-repeat:no-repeat;background-position:center center;background-size:100% 100%,auto;background-color:rgb(var(--color-foreground));opacity:0}.variant-color.sold-out:hover:after{opacity:.2}.card-product-option.option-color{position:relative;display:flex;align-items:center;gap:1rem;margin-top:1rem}.card-product-option.option-color .option-values{-webkit-transition:all .4s cubic-bezier(.19,1,.22,1);transition:all .4s cubic-bezier(.19,1,.22,1);-o-transition:all .4s cubic-bezier(.19,1,.22,1);position:absolute;bottom:0;left:0;opacity:0;visibility:hidden;display:flex;align-items:center;gap:.5rem}.variant-color img.circle-image{width:75%;height:auto;max-width:2.8rem;max-height:2.8rem;border-radius:50%;vertical-align:middle;cursor:pointer;-webkit-transition:all .5s cubic-bezier(.19,1,.22,1);transition:all .5s cubic-bezier(.19,1,.22,1);-o-transition:all .5s cubic-bezier(.19,1,.22,1)}@media screen and (min-width:750px){.product-card-wrapper:hover .card-product-option.option-color .option-values{opacity:1;visibility:visible}}.product-option__overview{position:relative;color:rgba(var(--color-foreground),.55);transition:transform var(--duration-long) ease-in-out;font-size:1.2rem;-webkit-transition:all .4s cubic-bezier(.19,1,.22,1);transition:all .4s cubic-bezier(.19,1,.22,1);-o-transition:all .4s cubic-bezier(.19,1,.22,1)}@media screen and (min-width:750px){.product-card-wrapper:hover .product-option__overview{opacity:0;visibility:hidden}}.variant-color.more{background-color:transparent;border:none;pointer-events:none}.variant-color:not(.more).active{border:.1rem solid rgb(var(--color-foreground))}.variant-color:not(.more).active.sold-out:before{opacity:1}.card__media img{display:block;width:100%;height:auto;transition:transform var(--duration-long) ease-in-out;opacity:1}.card__media img.fading{opacity:0;transition:transform var(--duration-long) ease-in-out}.card-product-option.option-size{display:flex;justify-content:center;align-items:center;opacity:0;visibility:hidden;transition:transform var(--duration-long) ease-in-out;position:absolute;bottom:3rem;width:100%;gap:.5rem}.card__information.single-color-option .card-product-option.option-size{margin-bottom:5rem}@media screen and (min-width:750px){.product-card-wrapper:hover .card-product-option.option-size{opacity:1;visibility:visible}}.card-product-option.option-size .option-values{padding:.5rem 1rem;border-radius:2rem;background-color:rgb(var(--color-background));display:inline-flex;flex-grow:0;flex-shrink:1;max-width:80%;overflow:auto}.card-product-option.option-size .option-values.single-option:not(.sold-out){display:none}.card-product-option.option-size .option-values .variant-option:nth-child(n+6){display:none}.card-product-option.option-size .more{padding:.7rem 1rem;border-radius:2rem;background-color:rgb(var(--color-background));display:inline-flex;font-size:1.2rem;line-height:1;font-weight:500;cursor:pointer;text-align:center;transition:background-color .3s ease,opacity .3s ease}.card-product-option.option-size .option-values.sold-out+.more{display:none}.size-option,.option-size .sold-out-message{padding:.2rem .5rem;font-size:1.2rem;line-height:1;font-weight:500;cursor:pointer;text-align:center;transition:background-color .3s ease,opacity .3s ease}.size-option.highlight{color:#000}.size-option.disabled,.option-size .sold-out-message{opacity:.2;cursor:not-allowed}.card-product-option.option-size{bottom:1.6rem;padding:0 1.2rem;box-sizing:border-box}.card-product-option.option-size .option-values{padding:0;border-radius:0;background:transparent;display:inline-grid;justify-content:center;gap:.2rem;max-width:100%;overflow:visible}.card-product-option.option-size .option-values .variant-option:nth-child(n+6){display:inline-flex}.card-product-option.option-size .more{display:none}.card-product-option.option-size .size-option{display:inline-flex;align-items:center;justify-content:center;width:max-content;justify-self:center;min-width:1.8rem;min-height:2rem;box-sizing:border-box;padding:.3rem;border:1px solid rgba(0,0,0,.08);border-radius:.3rem;background:#fffffff5;color:#242424;font-size:1rem;font-weight:600;line-height:1.2;letter-spacing:0;cursor:default}.card-product-option.option-size .size-option.disabled{color:#aaa;border-color:#0000000a;background:#fffc;opacity:1}@media screen and (min-width:750px){.product-card-wrapper:focus-within .card-product-option.option-size{opacity:1;visibility:visible}}.card-product-option.option-size .sold-out-message{background:#fffffff5;border-radius:.3rem;padding:.4rem .7rem;font-size:1.05rem;color:#666;opacity:1}@media(prefers-reduced-motion:reduce){.card-product-option.option-size{transition:none}}@media screen and (min-width:750px)and (hover:hover){.product-card-wrapper .card__media>.media{transform-origin:center;transition:transform var(--duration-long) ease-in-out}.product-card-wrapper:hover .card__media>.media{transform:scale(.95) rotate(1.25deg)}.product-card-wrapper .card__media>.media>img,.product-card-wrapper .card__media>.media:after{transform:none!important}}@media(prefers-reduced-motion:reduce){.product-card-wrapper .card__media>.media{transition:none}}.card-product-option.option-size[data-footwear=true]{padding-inline:0}.card-product-option.option-size[data-footwear=true] .option-values{column-gap:calc(.15rem + .05rem * var(--beyond-size-fit, 1))}.card-product-option.option-size[data-footwear=true] .size-option{min-width:calc(1.1rem + .7rem * var(--beyond-size-fit, 1));padding:.3rem calc(.3rem * var(--beyond-size-fit, 1))}.card__search-colour{margin:.8rem 0 0;color:#666}@media screen and (min-width:750px){.card-product-option.option-size[data-footwear=true]{min-width:20rem;left:50%;transform:translate(-50%)}}.beyond-options-card card-options{position:relative;display:flex!important;width:100%;min-height:44px;margin:0;justify-content:center;align-items:flex-start;z-index:3}.beyond-options-card .card-product-option.option-color{margin:0;min-height:44px;width:100%}.beyond-options-card .product-option__overview{display:none!important}.beyond-options-card .option-color .option-values{position:relative;bottom:auto;left:auto;display:flex;flex-wrap:nowrap;gap:0;max-width:100%;overflow-x:auto;scrollbar-width:none;opacity:0;visibility:hidden;transition:opacity .12s}.beyond-options-card .variant-color{flex:0 0 44px;width:44px;height:44px;border:0;border-radius:0;background:none}.beyond-options-card .variant-color img.circle-image{width:28px;height:28px;max-width:28px;max-height:28px;object-fit:contain;border-radius:50%;border:1px solid #ddd;padding:2px;background:#fff}.beyond-options-card .variant-color.active{border:0}.beyond-options-card .variant-color.active img.circle-image{border-color:#222}.beyond-options-card .variant-color:before,.beyond-options-card .variant-color:after{display:none}.beyond-options-card .beyond-options-toggle{position:absolute;inset:0 auto 0 0;min-height:44px;padding:0;font:inherit;font-size:11px;letter-spacing:.02em;border:0;background:transparent;color:#777;cursor:pointer;z-index:2}.beyond-options-card.beyond-options-open .option-color .option-values{visibility:visible;opacity:1}.beyond-options-card.beyond-options-open:has(.variant-color) .beyond-options-toggle{visibility:hidden}.beyond-options-card .card-product-option.option-size{left:0!important;bottom:0!important;transform:none!important;min-width:0!important;width:100%;padding:8px 6px;background:#fffffffa;z-index:4;pointer-events:none;opacity:0!important;visibility:hidden!important}.beyond-options-card.beyond-options-open .card-product-option.option-size{opacity:1!important;visibility:visible!important}.beyond-options-card .option-size .option-values{gap:4px!important}.beyond-options-card .option-size .size-option{font-size:11px;border:0;background:transparent;padding:3px!important;min-width:20px!important;font-weight:500}.beyond-options-card .card__media>.media{transform:none!important}.beyond-options-card .card__content>.card__information{padding-top:0}@media(hover:hover)and (pointer:fine)and (min-width:750px){.beyond-options-card:hover .option-color .option-values,.beyond-options-card:focus-within .option-color .option-values{visibility:visible;opacity:1}.beyond-options-card:hover .card-product-option.option-size,.beyond-options-card:focus-within .card-product-option.option-size{visibility:visible!important;opacity:1!important}.beyond-options-card:has(.variant-color):hover .beyond-options-toggle,.beyond-options-card:has(.variant-color):focus-within .beyond-options-toggle{visibility:hidden}}@media(hover:none),(pointer:coarse){.beyond-options-card .card__inner,.beyond-options-card .card__inner a,.beyond-options-card .card__inner img{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}}.product-card-wrapper card-options{display:flex!important;position:relative;width:100%;min-height:44px;height:44px;margin:0;flex:none}.product-card-wrapper .card__content>.card__information{padding-top:0}@media(max-width:749px),(hover:none),(pointer:coarse){.beyond-options-card,.beyond-options-card *{-webkit-touch-callout:none!important;-webkit-user-select:none!important;user-select:none!important}.beyond-options-card img{-webkit-user-drag:none}.beyond-options-card .beyond-options-toggle{opacity:0;pointer-events:none}.beyond-options-card .beyond-options-toggle:focus-visible{opacity:1;pointer-events:auto}}.beyond-options-card .card-product-option.option-size{background:transparent}.beyond-options-card .option-size .size-option{background:#f4f4f4e6;border-radius:2px}.beyond-image-touch{display:none}@media(max-width:749px),(hover:none),(pointer:coarse){.beyond-options-card .beyond-image-touch{display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;width:100%;height:100%;padding:0;margin:0;border:0;border-radius:0;background:transparent!important;box-shadow:none!important;appearance:none;-webkit-appearance:none;touch-action:pan-y pinch-zoom;cursor:pointer}.beyond-options-card,.beyond-options-card *{-webkit-tap-highlight-color:transparent!important}.beyond-image-touch:before,.beyond-image-touch:after{content:none!important}.beyond-image-touch:focus:not(:focus-visible){outline:none}.beyond-image-touch:focus-visible{outline:2px solid #555;outline-offset:-2px}}@media(max-width:749px),(hover:none),(pointer:coarse){.beyond-options-card:has(.beyond-image-touch) a.full-unstyled-link:after{pointer-events:none}.beyond-options-card:has(.variant-color):not(.beyond-options-open) .beyond-options-toggle{opacity:1;pointer-events:auto}}@media(min-width:750px)and (hover:hover)and (pointer:fine){.beyond-options-card .option-size .option-values,.beyond-options-card .card-product-option.option-size{background:transparent!important;box-shadow:none}}.beyond-options-card .option-size .size-option{font-weight:300}.beyond-options-card:not(:has(.variant-color)) .beyond-options-toggle{opacity:0;pointer-events:none}.beyond-options-card:not(:has(.variant-color)) .beyond-options-toggle:focus-visible{opacity:1;pointer-events:auto}.beyond-options-card .option-size .option-values{display:flex;flex-wrap:wrap;justify-content:center;row-gap:0!important}.beyond-options-card .option-size .beyond-size-row-break{flex-basis:100%;width:100%;height:0;padding:0;margin:0}@media(max-width:749px),(hover:none),(pointer:coarse){.beyond-options-card .option-color .option-values{width:100%}.beyond-options-card .variant-color{flex:0 0 20%;width:20%;min-width:0;height:44px}.beyond-options-card .variant-color img.circle-image{width:25px;height:25px;max-width:25px;max-height:25px;box-sizing:border-box}}@media(min-width:750px)and (hover:hover)and (pointer:fine){.beyond-options-card .option-size .size-option{font-weight:400}}.beyond-options-card .option-size .size-option{color:#242424}.beyond-options-card .option-size .size-option.disabled{color:#b8b8b8;font-weight:300;opacity:1}.product-card-wrapper .card-product-option.option-size,.product-card-wrapper .card-product-option.option-size .option-values{transition:none!important;animation:none!important}.product-card-wrapper .card-product-option.option-size:not([data-beyond-sizes-ready]){opacity:0!important;visibility:hidden!important}.product-card-wrapper card-options .product-option__overview{display:none!important}.product-card-wrapper .option-size .size-option.disabled{background:transparent!important;border-color:transparent!important;box-shadow:none!important;color:#b8b8b8;font-weight:300;opacity:1}.beyond-options-card .card-product-option.option-size:has(.option-values.sold-out){top:50%;bottom:auto!important;transform:translateY(-50%)!important;padding:0}.beyond-options-card .option-size .option-values.sold-out{width:100%!important;max-width:100%;flex:1 1 100%;padding:0;gap:0!important}.beyond-options-card .option-size .option-values.sold-out .beyond-size-row-break{display:none}.beyond-options-card .option-size .sold-out-message:not(.hidden){display:block;box-sizing:border-box;width:100%;padding:11px 8px;border:0;border-radius:0;background:#ffffffe0;color:#555;font-size:11px;font-weight:400;line-height:1.3;letter-spacing:.12em;text-transform:uppercase;text-align:center;white-space:nowrap;opacity:1}@media(min-width:750px)and (hover:hover)and (pointer:fine){.beyond-options-card .variant-color{flex-basis:36px;width:36px}}@media(min-width:750px)and (hover:hover)and (pointer:fine){.beyond-options-card .option-size .size-option:not(.disabled){background:#f5f5f5}}@media(min-width:750px)and (hover:hover)and (pointer:fine){.beyond-options-card .option-size .size-option:not(.disabled){transition:background-color var(--duration-default) ease}.beyond-options-card .card:hover .option-size .size-option:not(.disabled){background:#fafafa}}.collection .product-card-wrapper .card__heading>a.full-unstyled-link{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.collection .product-card-wrapper .card__information{min-width:0}
/*# sourceMappingURL=/cdn/shop/t/226/assets/component-card-options.css.map */