@layer reset,tokens,base,components,utilities;@layer components{.collection-hero__container{max-width:var(--container-xl);margin:0 auto;padding:36px 28px 0}.collection-hero__back{display:inline-flex;align-items:center;gap:8px;font:var(--text-caption);font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted);text-decoration:none}.collection-hero__back:hover{color:var(--blue-500)}.collection-hero__banner{position:relative;margin-top:22px;height:300px;border-radius:var(--radius-2xl);overflow:hidden;background:var(--collection-hero-gradient)}.collection-hero__banner>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center 30%}.collection-hero__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#14233a6b,#14233a1f 38%,#14233a00 64%);pointer-events:none}.collection-hero__content{position:absolute;left:0;bottom:0;padding:38px 40px;max-width:560px;color:var(--cream-base)}.collection-hero__eyebrow{font:var(--text-caption);font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#fff8ecd1}.collection-hero__title{margin:8px 0 6px;font:var(--text-display-lg);color:var(--cream-base);letter-spacing:-.01em}.collection-hero__tagline{margin:0;font:var(--text-body-md);color:#fff8eceb}@media(max-width:768px){.collection-hero__banner{height:240px}.collection-hero__content{padding:24px;max-width:100%}.collection-hero__title{font:var(--text-display-md)}}}@layer components{.collection-listing__container{max-width:var(--container-xl);margin:0 auto;padding:0 28px 96px}.collection-listing__heading{margin:46px 0 24px;font:var(--text-display-sm);color:var(--blue-600);letter-spacing:-.01em}.collection-listing__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px 26px}@media(max-width:1024px){.collection-listing__grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.collection-listing__grid{grid-template-columns:repeat(2,1fr);gap:18px}}.collection-listing__pagination{margin:48px 0 0;display:flex;justify-content:center;font:var(--text-body-sm);font-weight:700}.collection-listing__pagination a,.collection-listing__pagination span{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;margin:0 4px;padding:0 10px;border-radius:var(--radius-pill);color:var(--text-muted);text-decoration:none;border:2px solid var(--cream-200)}.collection-listing__pagination a:hover{color:var(--blue-500);border-color:var(--blue-500)}.collection-listing__pagination [aria-current=page],.collection-listing__pagination .active{background:var(--blue-500);color:var(--cream-base);border-color:var(--blue-500)}}@layer components{.collection-listing__empty{text-align:center;padding:64px 16px}.collection-listing__empty p{margin:0 0 24px;font:var(--text-body-lg);color:var(--text-muted)}}@layer components{product-card{display:block}.product-card__swatches{display:flex;align-items:center;gap:8px;min-height:24px}.product-card__swatch{width:20px;height:20px;border-radius:50%;flex:none;padding:0;cursor:pointer;background:var(--swatch-color);border:2px solid var(--cream-200);box-shadow:inset 0 -3px 6px #0000001f;transition:transform .12s var(--ease-spring)}.product-card__swatch[aria-pressed=true],.product-card__swatch--static.is-active{border-color:var(--blue-500);transform:scale(1.12);box-shadow:0 0 0 2px var(--surface-card) inset}.product-card__swatch--static{cursor:default;pointer-events:none}.product-card__color-count{font:var(--text-caption);color:var(--text-muted);margin-left:2px}}@layer components{.collection-hero--shop-all .collection-hero__container{padding:24px 28px 8px}.collection-hero__breadcrumb{display:flex;align-items:center;gap:8px;font:var(--text-body-sm);color:var(--text-muted);margin-bottom:22px}.collection-hero__breadcrumb a{color:var(--text-muted);text-decoration:none}.collection-hero__breadcrumb [aria-current=page]{color:var(--blue-500);font-weight:700}.collection-hero__shop-banner{position:relative;border-radius:var(--radius-2xl);overflow:hidden;background:var(--tomato-400);padding:64px 56px;min-height:300px;display:flex;flex-direction:column;justify-content:flex-end}.collection-hero__shop-decor{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.collection-hero__shop-decor--circle{position:absolute;width:0px;height:0px;border-radius:50%;background:var(--sun-400);top:-40px;right:-30px;opacity:.9}.collection-hero__shop-decor--square{position:absolute;width:0px;height:0px;border-radius:24px;background:var(--blue-400);top:60px;right:170px}.collection-hero__shop-decor--pill{position:absolute;width:120px;height:120px;border-radius:24px;background:var(--magenta-400);bottom:-50px;right:210px}.collection-hero__shop-content{position:relative;max-width:560px}.collection-hero__shop-eyebrow{font:var(--text-eyebrow);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--sun-400)}.collection-hero__shop-title{font:var(--text-display-xl);font-size:3.6rem;color:var(--cream-base);margin:12px 0 0;letter-spacing:-.01em;line-height:1.02}.collection-hero__shop-title em{font-style:italic;color:var(--sun-400)}.collection-hero__shop-body{font:var(--text-body-lg);color:var(--cream-base);opacity:.92;margin:16px 0 0;max-width:480px}@media(max-width:768px){.collection-hero__shop-banner{padding:40px 28px;min-height:240px}.collection-hero__shop-title{font-size:2.4rem}.collection-hero__shop-decor{display:none}}}@layer components{.collection-listing__pills{display:flex;gap:10px;flex-wrap:wrap;margin:32px 0 22px}.collection-listing__pill{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:var(--radius-pill);background:var(--surface-card);color:var(--text-muted);border:2px solid var(--cream-200);font:var(--text-body-sm);font-weight:700;text-decoration:none;transition:all .14s var(--ease-spring)}.collection-listing__pill-count{font:var(--text-caption);font-weight:800;opacity:.6}.collection-listing__pill--active{background:var(--blue-500);color:var(--cream-base);border-color:var(--blue-500)}.collection-listing__pill--active .collection-listing__pill-count{opacity:.85}.collection-listing__bar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:16px 0;border-top:1px solid var(--cream-200);border-bottom:1px solid var(--cream-200);margin-bottom:28px}.collection-listing__count{display:flex;align-items:center;gap:10px;font:var(--text-body-sm);font-weight:700;color:var(--blue-500)}.collection-listing__sort{display:flex;align-items:center;gap:10px}.collection-listing__sort-label{font:var(--text-caption);font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}.collection-listing__sort-select{appearance:none;-webkit-appearance:none;min-width:210px;padding:8px 36px 8px 14px;border-radius:var(--radius-md);border:2px solid var(--cream-200);background-color:var(--surface-card);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%231E7BD0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='m6 9 6 6 6-6'/></svg>");background-repeat:no-repeat;background-position:right 12px center;background-size:16px 16px;font:var(--text-body-sm);font-weight:600;color:var(--text-strong);cursor:pointer}.collection-listing__sort-select:focus{outline:none;border-color:var(--blue-500);box-shadow:0 0 0 4px var(--blue-50)}}@layer components{.collection-listing__grid{transition:opacity .18s ease}.collection-listing.is-loading .collection-listing__grid{opacity:.4;pointer-events:none;position:relative}.collection-listing.is-loading .collection-listing__grid:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#fff8ec00,#fff8ec8c,#fff8ec00);background-size:200% 100%;animation:collectionListingShimmer 1.2s linear infinite;pointer-events:none}@keyframes collectionListingShimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.collection-listing.is-loading .collection-listing__count{opacity:.5;transition:opacity .18s ease}@media(prefers-reduced-motion:reduce){.collection-listing__grid{transition:none}.collection-listing.is-loading .collection-listing__grid:after{animation:none}}@supports (view-transition-name: none){::view-transition-old(root),::view-transition-new(root){animation-duration:.22s;animation-timing-function:ease}}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/collection.css.map */