@layer components{.tools{display:block;margin-bottom:var(--space-5)}.tools--pin{position:sticky;top:0;z-index:calc(var(--z-bar) - 1);background:var(--glass-bar);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);transition:top var(--duration-slow) var(--ease)}body:has(.bar:not(.is-away)) .tools--pin{top:var(--header-height)}.tools--pin .tools__row{padding-block:var(--space-2)}.tools__row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3) var(--space-5);padding-block:var(--space-4)}.pick{position:relative;font-size:var(--text-sm)}.pick__label{cursor:pointer;letter-spacing:var(--tracking-label);text-transform:uppercase;font-size:var(--text-xs)}.pick__panel{position:absolute;z-index:var(--z-bar);display:grid;gap:var(--space-2);min-width:14rem;margin-top:var(--space-2);padding:var(--space-4);background:var(--color-bg);border:1px solid var(--color-line);border-radius:var(--radius-md)}.pick__colour{display:flex;align-items:center;gap:var(--space-3);padding-block:2px;text-decoration:none}.pills{position:relative;display:flex;gap:var(--space-2);max-width:100%;overflow-x:auto;scrollbar-width:none}.pill{display:inline-flex;flex:none;align-items:center;min-height:2.75rem;padding:0 var(--space-4);border:1px solid var(--color-line);border-radius:var(--radius-pill);background:none;color:var(--color-ink);font:inherit;font-size:var(--text-xs);letter-spacing:var(--tracking-label);text-transform:uppercase;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background var(--duration) ease,border-color var(--duration) ease,color var(--duration) ease}.pill[aria-current]{border-color:var(--color-ink);background:var(--color-ink);color:var(--color-bg)}@media(max-width:799px){.pills{flex:0 0 calc(100% + 2 * var(--gutter));max-width:none;margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter)}}@media(hover:hover){.pill:not([aria-current]):hover{border-color:var(--color-ink)}}.pick__colour[aria-current]{text-decoration:underline 1px var(--color-accent);text-underline-offset:4px}.pick__swatch{flex:none;width:1rem;height:1rem;border-radius:50%;--tone: var(--swatch);background:radial-gradient(circle at 68% 72%,var(--swatch-glow) 0,transparent 62%),var(--swatch);box-shadow:var(--swatch-shade)}.sort{display:flex;align-items:center;gap:var(--space-2);margin-left:auto;font-size:var(--text-xs)}.sort__label{letter-spacing:var(--tracking-label);text-transform:uppercase}.sort__label{color:var(--color-muted)}.sort__field{position:relative;display:inline-flex;align-items:center}.sort__field:after{content:"";position:absolute;right:0;width:.875rem;height:.875rem;background:currentColor;-webkit-mask:var(--icon-chevron) center / contain no-repeat;mask:var(--icon-chevron) center / contain no-repeat;pointer-events:none}.sort select{width:auto;field-sizing:content;min-height:2.75rem;padding:0 1.375rem 0 0;border:0;border-radius:0;background:transparent;color:var(--color-ink);font-size:var(--text-xs);letter-spacing:var(--tracking-label);text-transform:uppercase}.tools__apply{padding:var(--space-2) var(--space-4);border:1px solid var(--color-ink);border-radius:var(--radius-pill);background:transparent;font-size:var(--text-xs);letter-spacing:var(--tracking-label);text-transform:uppercase;cursor:pointer}.tools.is-live .tools__apply{display:none}.tools__active{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin:0;font-size:var(--text-sm)}.tools__empty{margin-right:var(--space-2);color:var(--color-muted)}.choice{position:relative;display:flex;align-items:stretch;min-height:2.75rem;border:1px solid var(--color-line);border-radius:var(--radius-pill);color:var(--color-ink);transition:background var(--duration) ease,border-color var(--duration) ease,color var(--duration) ease}.choice .pick{position:static}@media(min-width:800px){.pills+.choice:before{content:"\b7";position:absolute;top:50%;left:calc(var(--space-5) / -2);translate:-50% -50%;color:var(--color-muted);pointer-events:none}}.choice .pick__label{height:100%;padding:0 var(--space-4);border-radius:inherit}.choice .pick__label .pick__swatch{margin-right:calc(var(--space-1) * -1)}.choice .pick__panel{top:100%;left:0}.choice.is-on{border-color:var(--color-ink);background:var(--color-ink);color:var(--color-bg)}.choice.is-on .pick__label{padding-right:var(--space-1)}.choice.is-on .pick__label:after{display:none}.choice__clear{display:grid;place-items:center;min-width:2.75rem;padding:0 var(--space-3) 0 var(--space-2);border:0;border-radius:0 var(--radius-pill) var(--radius-pill) 0;background:none;color:inherit;font:inherit;font-size:var(--text-sm);line-height:1;text-decoration:none;cursor:pointer}.choice__clear[hidden]{display:none}@media(hover:hover){.choice:not(.is-on):hover{border-color:var(--color-ink)}.choice__clear:hover{opacity:.7}}.sort select:focus-visible{outline:none;box-shadow:inset 0 -1px 0 currentColor}.dots{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:var(--space-2) 0 0;padding:0;list-style:none}.pick__swatch,.dot{--swatch-shade: inset 1.5px 1.5px 2px var(--swatch-shadow), inset 3px 3px 5px var(--swatch-deep), inset -1px -1px 1.5px var(--swatch-lip), 0 0 0 1px var(--swatch-rim)}@supports (color: oklch(from red l c h)){.pick__swatch,.dot{--swatch-shadow: oklch(from var(--tone) 0 0 0 / clamp(.3, .17 / l, .85));--swatch-deep: light-dark(oklch(from var(--tone) 0 0 0 / clamp(.12, .08 / l, .5)), transparent);--swatch-lip: light-dark(oklch(from var(--tone) 1 0 0 / clamp(.2, .13 / (1 - l), .75)), oklch(from var(--tone) .93 .01 90 / clamp(.25, .15 / (1 - l), .75)));--swatch-rim: light-dark(rgb(0 0 0 / .07), oklch(from var(--tone) .93 .01 90 / clamp(.14, (.24 - l) * 6, .42)))}}.dot{--tone: var(--dot);position:relative;display:block;width:1.375rem;height:1.375rem;border-radius:var(--radius-pill);background:radial-gradient(circle at 68% 72%,var(--swatch-glow) 0,transparent 62%),var(--dot);box-shadow:var(--swatch-shade)}.dot.is-active{outline:1px solid var(--color-ink);outline-offset:3px}.dot.is-discontinued{background:linear-gradient(to top right,transparent calc(50% - .75px),var(--color-bg) calc(50% - .75px),var(--color-bg) calc(50% + .75px),transparent calc(50% + .75px)),radial-gradient(circle at 68% 72%,var(--swatch-glow) 0,transparent 62%),var(--dot)}.dot:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}@media(max-width:799px){.dots{gap:1.125rem;margin-top:var(--space-3)}.dot{width:1.625rem;height:1.625rem}.dot:after{content:"";position:absolute;top:-.5625rem;right:-.5625rem;bottom:-.5625rem;left:-.5625rem;border-radius:var(--radius-pill)}}.page-intro{max-width:38rem;margin:0;color:var(--color-muted);line-height:var(--leading-loose)}.grid~.bespoke-link{margin-top:var(--space-8)}.story{display:grid;gap:var(--space-7);margin-top:var(--space-9);padding-top:var(--space-7);border-top:1px solid var(--color-line)}.story__part{display:grid;gap:var(--space-4)}.story__heading{margin:0;font-size:var(--text-lg);line-height:var(--leading-snug)}.story__body{display:grid;gap:var(--space-4);max-width:38rem;font-size:var(--text-sm);line-height:var(--leading-loose)}.story__body p{margin:0}.story__models{display:grid;gap:var(--space-5);margin:var(--space-2) 0 0}.story__models:first-child{margin-top:0}.story__models dt{font-weight:var(--weight-medium)}.story__models dt a{text-decoration:underline 1px var(--color-line);text-underline-offset:4px}.story__models dt a:hover{text-decoration-color:currentColor}.story__models dd{margin:var(--space-1) 0 0;color:var(--color-muted)}@media(min-width:800px){.story__part{grid-template-columns:repeat(4,minmax(0,1fr));column-gap:var(--space-4)}.story__body{grid-column:2 / span 2}}}
/*# sourceMappingURL=/cdn/shop/t/161/assets/collection.css.map */