:root{--sc-accent: #dd1d1d;--sc-ink: #111113;--sc-muted: #6e6e73;--sc-faint: #a1a1a6;--sc-line: rgb(0 0 0 / .07);--sc-surface: #fff;--sc-ease: cubic-bezier(.22, 1, .36, 1);--sc-radius: 18px;--sc-green: #1f9d55;--sc-amber: #e08a00}.shape-collection-header-wrapper{background-color:var(--color-background)}.shape-collection-header{max-width:var(--page-width);margin-inline:auto;padding:clamp(20px,3vw,36px) var(--page-margin) 4px;color:var(--sc-ink)}.shape-collection-header__inner{display:grid;gap:32px;align-items:center}.shape-collection-header__title-row{display:flex;align-items:center;gap:clamp(16px,2.5vw,36px);min-width:0}.shape-collection-header__text{display:flex;flex-direction:column;align-items:flex-start;gap:10px;min-width:0}.shape-reveal{animation:shape-collection-in .9s var(--sc-ease) both;animation-delay:calc(80ms + var(--d, 0) * 90ms)}@keyframes shape-collection-in{0%{opacity:0;translate:0 18px}}.shape-collection-header__eyebrow{display:inline-flex;align-items:center;gap:10px;margin:0;font-family:var(--font-heading--family);font-weight:700;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--sc-muted)}.shape-collection-header__eyebrow:before{content:"";width:22px;height:2px;background:var(--sc-accent)}.shape-collection-header__eyebrow a{color:inherit;text-decoration:none;transition:color .25s ease}.shape-collection-header__eyebrow a:hover{color:var(--sc-ink)}.shape-collection-header__title{text-box:trim-both cap alphabetic;margin:0;font-family:var(--shape-collection-title-font);font-weight:var(--shape-collection-title-weight);font-size:clamp(44px,5.5vw,84px);line-height:.86;letter-spacing:.005em;text-transform:uppercase;text-wrap:balance}.shape-collection-header__count{margin:0;padding:6px 12px;border-radius:999px;background:#0000000d;font-size:13px;font-weight:600;color:var(--sc-muted);font-variant-numeric:tabular-nums}.shape-collection-header__description{max-width:640px}.shape-collection-header__description-text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;font-size:15px;line-height:1.6;color:var(--sc-muted)}.shape-collection-header__description-text>:first-child{margin-top:0}.shape-collection-header__description.is-expanded .shape-collection-header__description-text{-webkit-line-clamp:unset}.shape-collection-header__more{margin-top:8px;padding:0;border:0;background:none;font-size:13px;font-weight:600;color:var(--sc-ink);text-decoration:underline;text-underline-offset:3px;text-decoration-color:#00000040;cursor:pointer;transition:text-decoration-color .25s ease}.shape-collection-header__more:hover{text-decoration-color:var(--sc-accent)}.shape-collection-header__media{position:relative;flex:none;height:clamp(110px,13vw,210px);aspect-ratio:4 / 3;animation:shape-collection-media-in 1.1s var(--sc-ease) .25s both}.shape-collection-header__media:before{content:"";position:absolute;top:-20%;right:-10%;bottom:-20%;left:-10%;border-radius:50%;background:radial-gradient(closest-side,#fff,#fff0);z-index:-1}.shape-collection-header__media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 16px 20px rgb(0 0 0 / .16))}@keyframes shape-collection-media-in{0%{opacity:0;scale:.9;translate:-12px 0}}.shape-search-header .shape-collection-header__title{overflow-wrap:anywhere}.shape-search-header__quote{color:var(--sc-accent)}.shape-search-header__quote:first-child{margin-right:.12em}.shape-search-header__quote:last-child{margin-left:.12em}.shape-search-header__form{display:flex;align-items:center;gap:12px;max-width:640px;height:56px;margin-top:22px;padding:0 6px 0 20px;border-radius:999px;border:1px solid var(--sc-line);background:var(--sc-surface);color:var(--sc-muted);transition:border-color .25s ease,box-shadow .4s var(--sc-ease)}.shape-search-header__form:focus-within{border-color:#00000040;box-shadow:0 14px 30px -20px #00000059}.shape-search-header__form svg{flex:none;color:var(--sc-accent)}.shape-search-header__form input[type=search]{flex:1;min-width:0;height:100%;padding:0;border:0;border-radius:0;background:none;box-shadow:none;color:var(--sc-ink);font:inherit;font-size:16px;outline:none}.shape-search-header__form input[type=search]::-webkit-search-cancel-button{display:none}.shape-search-header__form button{flex:none;height:44px;padding:0 22px;border:0;border-radius:999px;background:var(--sc-ink);color:#fff;font-family:var(--font-heading--family);font-weight:700;font-size:13px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:background-color .25s ease}.shape-search-header__form button:hover{background:var(--sc-accent)}.shape-search-header__empty{margin-top:28px}.shape-search-header__empty-title{margin:0 0 6px;font-size:18px;font-weight:700}.shape-search-header__empty-hint{margin:0;max-width:560px;font-size:14px;color:var(--sc-muted)}.shape-collection-header__chips{margin:18px calc(-1 * var(--page-margin)) 0}.shape-collection-header__chips ul{display:flex;gap:8px;margin:0;padding:2px var(--page-margin) 6px;overflow-x:auto;scrollbar-width:none}.shape-collection-header__chips ul::-webkit-scrollbar{display:none}.shape-collection-header__chips li{flex:none;animation:shape-collection-in .7s var(--sc-ease) both;animation-delay:calc(.3s + var(--i, 0) * 35ms)}.shape-chip{display:inline-flex;align-items:center;gap:10px;height:40px;padding:0 16px;border-radius:999px;border:1px solid var(--sc-line);background:var(--sc-surface);font-size:14px;font-weight:500;color:var(--sc-ink);text-decoration:none;white-space:nowrap;transition:border-color .25s ease,background-color .25s ease,color .25s ease,translate .35s var(--sc-ease)}.shape-chip:hover{border-color:#00000040;translate:0 -1px}.shape-chip.is-active{background:var(--sc-ink);border-color:var(--sc-ink);color:#fff}.shape-collection-header__chips--media .shape-chip{height:48px;padding:0 18px 0 6px}.shape-chip img{width:40px;height:34px;object-fit:contain;border-radius:999px}.shape-collection .facets--horizontal.facets-controls-wrapper{align-items:center;padding-block:10px;margin-bottom:8px}.shape-collection .facets--filters-title{font-family:var(--font-heading--family);font-weight:700;font-size:13px;letter-spacing:.14em;text-transform:uppercase}.shape-collection .products-count-wrapper{font-size:13px;color:var(--sc-muted)}.shape-collection .sorting-filter .facets__summary{height:40px;padding-inline:16px 12px;border-radius:999px;border:1px solid var(--sc-line);background:var(--sc-surface);transition:border-color .25s ease}.shape-collection .sorting-filter .facets__summary:hover{border-color:#00000040}.shape-collection .sorting-filter__options{border-radius:14px;box-shadow:0 20px 50px -20px #0000004d}.shape-collection .column-options{position:relative;display:inline-grid;grid-auto-flow:column;gap:2px;margin:0;padding:3px;border:0;border-radius:999px;background:#0000000d}.shape-collection .column-options:before{content:"";position:absolute;top:3px;left:3px;width:34px;height:34px;border-radius:999px;background:var(--sc-surface);box-shadow:0 2px 8px -2px #0000002e;transition:translate .4s var(--sc-ease)}.shape-collection .column-options:has(.column-options__option:nth-of-type(2) input:checked):before{translate:36px 0}.shape-collection .column-options__option{position:relative;z-index:1;display:grid;place-items:center;width:34px;height:34px;margin:0;padding:0;border-radius:999px;color:var(--sc-faint);cursor:pointer;transition:color .25s ease}.shape-collection .column-options__option:hover,.shape-collection .column-options__option:has(input:checked){color:var(--sc-ink)}.shape-collection .column-options__option:has(input:focus-visible){outline:2px solid var(--sc-accent);outline-offset:1px}.shape-collection .column-options .column-picker{display:grid;place-items:center;width:100%;height:100%;margin:0;padding:0;border:0;background:none;box-shadow:none}.shape-collection .column-options .column-picker svg{display:block;width:16px;height:16px}@media screen and (min-width:750px){.shape-collection .facets--vertical{position:sticky;top:16px;align-self:start;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgb(0 0 0 / .2) transparent;padding:8px 20px!important;border-radius:var(--sc-radius);background:var(--sc-surface);border:1px solid var(--sc-line)}}.shape-collection .facets__item+.facets__item{border-top:1px solid var(--sc-line)}.shape-collection .facets__summary{padding-block:14px}.shape-collection .facets__summary .facets__label{font-family:var(--font-heading--family);font-weight:700;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--sc-ink)}.shape-collection .facets input[type=checkbox],.shape-collection .facets input[type=radio]{accent-color:var(--sc-accent)}.shape-collection .facets .price-facet input,.shape-collection .facets input[type=number]{border-radius:10px}.shape-collection .product-grid[product-grid-view=zoom-out]{--product-grid-columns-desktop: minmax(0, 1fr)}.shape-grid-item{list-style:none}.shape-card{position:relative;display:flex;flex-direction:column;height:100%;overflow:hidden;border-radius:var(--sc-radius);border:1px solid var(--sc-line);background:var(--sc-surface);color:var(--sc-ink);transition:transform .55s var(--sc-ease),box-shadow .55s var(--sc-ease),border-color .3s ease}@media(hover:hover){.shape-card:hover{transform:translateY(-4px);border-color:#0000001a;box-shadow:0 28px 50px -28px #00000059}}.shape-reveal-ready .shape-card:not(.is-visible){opacity:0;translate:0 28px}.shape-card.is-visible{transition:opacity .7s ease calc(var(--i, 0) * 45ms),translate .9s var(--sc-ease) calc(var(--i, 0) * 45ms),transform .55s var(--sc-ease),box-shadow .55s var(--sc-ease),border-color .3s ease}.shape-card__media{position:relative;display:block;aspect-ratio:1;background:radial-gradient(70% 70% at 50% 45%,#fff,#f2f2f4);overflow:hidden}.shape-card__image{position:absolute;top:7%;right:7%;bottom:7%;left:7%;width:86%;height:86%;object-fit:contain;mix-blend-mode:multiply;transition:scale .8s var(--sc-ease)}@media(hover:hover){.shape-card:hover .shape-card__image--primary{scale:1.05}}.shape-card__badge{position:absolute;top:12px;left:12px;padding:5px 9px;border-radius:999px;background:var(--sc-accent);color:#fff;font-size:12px;font-weight:700;letter-spacing:.02em;line-height:1}.shape-card__body{display:flex;flex-direction:column;flex:1;gap:14px;padding:16px 18px 18px}.shape-card__info{display:flex;flex-direction:column;gap:6px}.shape-card__sku{margin:0;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--sc-faint)}.shape-card__title{margin:0;font-family:var(--font-body--family);font-size:15px;font-weight:600;line-height:1.3;letter-spacing:-.005em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.shape-card .shape-card__link{color:inherit;text-decoration:none}.shape-card__link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.shape-card__specs{display:none}.shape-card__commerce{display:flex;flex-direction:column;gap:10px;margin-top:auto}.shape-card__price{display:flex;flex-direction:column;gap:2px}.shape-card__price-row{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px;margin:0;line-height:1.2}.shape-card__price-row--ttc .shape-card__amount{font-size:18px;font-weight:700;letter-spacing:-.01em;font-variant-numeric:tabular-nums}.shape-card--sale .shape-card__price-row--ttc .shape-card__amount{color:var(--sc-accent)}.shape-card__price-row--ht .shape-card__amount{font-size:13px;font-weight:500;color:var(--sc-muted);font-variant-numeric:tabular-nums}.shape-card__tax{font-size:11px;font-weight:600;color:var(--sc-faint);letter-spacing:.04em}.shape-card__compare{font-size:13px;color:var(--sc-faint)}.shape-card__stock{display:inline-flex;align-items:center;gap:8px;margin:0;font-size:12px;font-weight:600;color:var(--sc-muted)}.shape-card__stock-dot{position:relative;width:7px;height:7px;border-radius:50%;background:var(--sc-faint)}.shape-card__stock--in_stock .shape-card__stock-dot{background:var(--sc-green)}.shape-card__stock--in_stock .shape-card__stock-dot:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:var(--sc-green);animation:shape-card-pulse 2.4s ease-out infinite}.shape-card__stock--restocking .shape-card__stock-dot{background:var(--sc-amber)}@keyframes shape-card-pulse{0%{opacity:.6;scale:1}to{opacity:0;scale:2.6}}.shape-card__actions{position:relative;z-index:2}.shape-card__form{margin:0}.shape-card .shape-card__button{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;height:44px;padding:0 16px;border-radius:999px;border:1px solid rgb(0 0 0 / .14);background:transparent;color:var(--sc-ink);font-family:var(--font-heading--family);font-weight:700;font-size:13px;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:background-color .3s ease,border-color .3s ease,color .3s ease}.shape-card__button-icon{flex:none;transition:rotate .4s var(--sc-ease),translate .4s var(--sc-ease)}@media(hover:hover){.shape-card:hover .shape-card__button:not(:disabled){background:var(--sc-ink);border-color:var(--sc-ink);color:#fff}.shape-card .shape-card__button:not(:disabled):hover{background:var(--sc-accent);border-color:var(--sc-accent)}.shape-card__button:hover .shape-card__button-icon{rotate:90deg}.shape-card__button--secondary:hover .shape-card__button-icon{rotate:0deg;translate:3px 0}}.shape-card .shape-card__button:disabled{cursor:not-allowed;color:var(--sc-faint);background:#00000008}.shape-card .shape-card__button.is-loading .shape-card__button-icon{animation:shape-card-spin .7s linear infinite}.shape-card .shape-card__button.is-added,.shape-card:hover .shape-card__button.is-added,.shape-card .shape-card__button.is-added:hover{background:var(--sc-green);border-color:var(--sc-green);color:#fff}@keyframes shape-card-spin{to{rotate:360deg}}@media screen and (min-width:750px){[product-grid-view=zoom-out] .shape-card{flex-direction:row;align-items:stretch}[product-grid-view=zoom-out] .shape-card__media{flex:none;width:220px;aspect-ratio:auto;min-height:200px}[product-grid-view=zoom-out] .shape-card__body{flex-direction:row;gap:32px;padding:22px 26px}[product-grid-view=zoom-out] .shape-card__info{flex:1;min-width:0}[product-grid-view=zoom-out] .shape-card__title{font-size:18px}[product-grid-view=zoom-out] .shape-card__specs{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden;margin-top:4px;font-size:13px;line-height:1.55;color:var(--sc-muted)}[product-grid-view=zoom-out] .shape-card__specs :is(ul,p){margin:0}[product-grid-view=zoom-out] .shape-card__commerce{flex:none;width:230px;margin-top:0;justify-content:center;padding-left:26px;border-left:1px solid var(--sc-line)}[product-grid-view=zoom-out] .shape-card:hover{transform:translateY(-2px)}}@media screen and (max-width:749px){.shape-card{border-radius:14px}.shape-card__body{gap:10px;padding:12px 12px 14px}.shape-card__title{font-size:14px}.shape-card__price-row--ttc .shape-card__amount{font-size:16px}.shape-card__stock{font-size:11px}.shape-card .shape-card__button{height:40px;gap:6px;padding:0 10px;font-family:var(--font-body--family);font-size:12.5px;font-weight:600;letter-spacing:0;text-transform:none;white-space:nowrap}.shape-card__button-label{overflow:hidden;text-overflow:ellipsis}.shape-collection .product-grid{padding-inline:12px}}@media(prefers-reduced-motion:reduce){.shape-reveal,.shape-collection-header__media,.shape-collection-header__chips li,.shape-card__stock-dot:after{animation:none!important}.shape-reveal-ready .shape-card:not(.is-visible){opacity:1;translate:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/shape-collection.css.map */