@layer components{.cx-page{padding-top:2.5rem;padding-bottom:6rem}@media (min-width:1024px){.cx-page{padding-top:3.5rem;padding-bottom:9rem}}.cx-section{padding-top:6rem;scroll-margin-top:6rem}@media (min-width:1024px){.cx-section{padding-top:9rem}}.cx-title{letter-spacing:-.03em;font-size:clamp(2.25rem,1.5rem + 3vw,4rem);line-height:.95}@media (max-width:639px){.cx-title{font-variation-settings:"wdth" 100;font-stretch:100%}}.cx-crumbs{color:var(--color-alloy);flex-wrap:wrap;align-items:center;gap:.25rem .625rem;font-size:.9375rem;display:flex}.cx-crumbs a{min-height:2.75rem;color:var(--color-alloy);text-underline-offset:.3em;transition:color var(--dur-fast), text-decoration-color var(--dur-fast);align-items:center;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;display:inline-flex}.cx-crumbs a:hover{color:var(--color-chrome);text-decoration-color:currentColor}.cx-crumbs .cx-crumb-sep{background:var(--color-gunmetal);clip-path:polygon(60% 0,100% 0,40% 100%,0 100%);width:.5rem;height:.875rem;display:inline-block}.cx-panel{background-color:var(--color-tarmac);border-radius:var(--radius-panel)}.cx-tile{background-color:var(--color-kerb);border-radius:var(--radius-card)}.cx-tile-link{background-color:var(--color-kerb);border-radius:var(--radius-card);transition:background-color var(--dur-fast) var(--ease-out-quart)}.cx-tile-link:hover{background-color:var(--color-gunmetal)}.cx-art{background-color:var(--color-kerb);position:relative;overflow:hidden}.cx-art img{transition:transform .6s var(--ease-out-quart)}.group:hover .cx-art img{transform:scale(1.03)}.cx-art-blank{background-color:var(--color-kerb);color:var(--color-gunmetal);font-family:var(--font-display);font-variation-settings:"wdth" 125;letter-spacing:-.04em;-webkit-user-select:none;user-select:none;place-items:center;font-size:clamp(3rem,8vw,6rem);font-style:italic;font-weight:800;display:grid;position:absolute;inset:0}.cx-field{background-color:var(--color-kerb);width:100%;min-height:3rem;color:var(--color-chrome);border-radius:var(--radius-btn);transition:background-color var(--dur-fast);padding:.75rem 1rem;font-size:1rem;line-height:1.4;display:block}.cx-field::placeholder{color:var(--color-smoke)}.cx-field:hover:not(:disabled){background-color:#282a30}.cx-field:focus-visible{outline:2px solid var(--color-chrome);outline-offset:2px}.cx-field:disabled{opacity:.6;cursor:not-allowed}.cx-field[aria-invalid=true]{box-shadow:inset 0 -3px 0 var(--color-flag-red)}select.cx-field{appearance:none;background-image:none;padding-right:2.75rem}.cx-select{position:relative}.cx-select:after{content:"";background:var(--color-alloy);clip-path:polygon(0 20%,100% 20%,50% 85%);pointer-events:none;width:.625rem;height:.625rem;margin-top:-.3125rem;position:absolute;top:50%;right:1rem}.cx-search{background-color:var(--color-kerb);border-radius:var(--radius-btn);min-height:3.5rem;color:var(--color-alloy);transition:background-color var(--dur-fast);align-items:center;gap:.75rem;padding-inline:1.125rem;display:flex}.cx-search:hover{background-color:#282a30}.cx-search:focus-within{outline:2px solid var(--color-chrome);outline-offset:2px}.cx-search input{min-width:0;color:var(--color-chrome);background:0 0;flex:1;font-size:1.0625rem}.cx-search input::placeholder{color:var(--color-smoke)}.cx-search input:focus{outline:none}.cx-label{color:var(--color-chrome);margin-bottom:.5rem;font-size:.9375rem;font-weight:600;display:block}.cx-plan{background-color:var(--color-kerb);border-radius:var(--radius-card);cursor:pointer;min-height:7rem;transition:background-color var(--dur-fast) var(--ease-out-quart), transform var(--dur-fast) var(--ease-out-quart);flex-direction:column;justify-content:space-between;gap:1rem;padding:1rem 1.125rem 1.125rem;display:flex;position:relative}.cx-plan:hover{background-color:#2a2c32}.cx-plan:active{transform:translateY(1px)scale(.99)}.cx-plan:has(:focus-visible){outline:2px solid var(--color-chrome);outline-offset:3px}.cx-plan:before{content:"";background:var(--color-chrome);clip-path:polygon(0 0,100% 0,calc(100% - .375rem) 100%,0 100%);transform-origin:0;width:2.25rem;height:.375rem;transition:transform var(--dur-base) var(--ease-out-quart);position:absolute;top:0;left:0;transform:scaleX(0)}.cx-plan:has(:checked){background-color:var(--color-gunmetal)}.cx-plan:has(:checked):before{transform:scaleX(1)}.cx-chip{background-color:var(--color-asphalt);border-radius:var(--radius-btn);color:var(--color-chrome);align-items:center;gap:.375rem;padding:.25rem .5rem;font-size:.8125rem;font-weight:600;line-height:1.2;display:inline-flex}.cx-plan:has(:checked) .cx-chip{background-color:var(--color-kerb)}.cx-seg{flex-wrap:wrap;gap:.25rem;display:flex}.cx-seg-btn{background-color:var(--color-kerb);min-height:2.75rem;color:var(--color-alloy);border-radius:var(--radius-btn);transition:background-color var(--dur-fast), color var(--dur-fast);align-items:center;padding-inline:1rem;font-size:.9375rem;font-weight:600;display:inline-flex;position:relative}.cx-seg-btn:hover{background-color:var(--color-gunmetal);color:var(--color-chrome)}.cx-seg-btn:after{content:"";background:var(--color-chrome);transform-origin:0;height:2px;transition:transform var(--dur-base) var(--ease-out-quart);position:absolute;bottom:.4375rem;left:1rem;right:1rem;transform:scaleX(0)}.cx-seg-btn[aria-pressed=true],.cx-seg-btn[aria-current=true],.cx-seg-btn[aria-current=page]{background-color:var(--color-gunmetal);color:var(--color-chrome)}.cx-seg-btn[aria-pressed=true]:after,.cx-seg-btn[aria-current=true]:after,.cx-seg-btn[aria-current=page]:after{transform:scaleX(1)}.cx-ticks{gap:.625rem;display:grid}.cx-ticks>li{color:var(--color-chrome);padding-left:1.375rem;font-size:1rem;line-height:1.5;position:relative}.cx-ticks>li:before{content:"";background:var(--color-alloy);clip-path:polygon(45% 0,100% 0,55% 100%,0 100%);width:.625rem;height:.75rem;position:absolute;top:.42em;left:0}.cx-ticks-sm>li{font-size:.9375rem}.cx-note{background-color:var(--color-kerb);border-radius:var(--radius-card);color:var(--color-chrome);padding:1rem 1.125rem 1.125rem 2.75rem;position:relative}.cx-note:before{content:"";background:var(--color-alloy);clip-path:polygon(30% 0,100% 0,70% 100%,0 100%);width:.875rem;height:.875rem;position:absolute;top:1.3rem;left:1.125rem}.cx-note--ok:before{background:var(--color-flag-green)}.cx-note--warn:before{background:var(--color-flag-yellow)}.cx-note--error:before{background:var(--color-flag-red)}.cx-sum{gap:.5rem;display:grid}.cx-sum-row{color:var(--color-alloy);justify-content:space-between;align-items:baseline;gap:1.5rem;font-size:.9375rem;display:flex}.cx-sum-row>:last-child{font-variant-numeric:tabular-nums;color:var(--color-chrome);font-weight:600}.cx-total{font-family:var(--font-display);font-variation-settings:"wdth" 125;letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:var(--color-chrome);font-size:clamp(2.25rem,1.8rem + 1.6vw,3rem);font-style:italic;font-weight:800;line-height:1}.cx-qty{background-color:var(--color-asphalt);border-radius:var(--radius-btn);align-items:stretch;display:inline-flex}.cx-qty button{width:2.75rem;min-height:2.75rem;color:var(--color-alloy);border-radius:var(--radius-btn);transition:background-color var(--dur-fast), color var(--dur-fast);place-items:center;display:inline-grid}.cx-qty button:hover:not(:disabled){background-color:var(--color-gunmetal);color:var(--color-chrome)}.cx-qty button:disabled{opacity:.45;cursor:not-allowed}.cx-qty button[data-armed=true]{color:var(--color-flag-red)}.cx-icon-btn{min-width:2.75rem;min-height:2.75rem;color:var(--color-alloy);border-radius:var(--radius-btn);transition:background-color var(--dur-fast), color var(--dur-fast);place-items:center;padding-inline:.625rem;font-size:.9375rem;font-weight:600;display:inline-grid}.cx-icon-btn:hover:not(:disabled){background-color:var(--color-gunmetal);color:var(--color-chrome)}.cx-icon-btn:disabled{opacity:.45;cursor:not-allowed}.cx-icon-btn[data-armed=true]{color:var(--color-flag-red);background-color:var(--color-asphalt)}.cx-danger-link{min-height:2.75rem;color:var(--color-alloy);text-underline-offset:.3em;transition:color var(--dur-fast);align-items:center;font-size:.9375rem;font-weight:600;text-decoration:underline;text-decoration-thickness:1px;display:inline-flex}.cx-danger-link:hover:not(:disabled),.cx-danger-link[data-armed=true]{color:var(--color-flag-red)}.cx-danger-link:disabled{opacity:.5;cursor:not-allowed}.cx-range{appearance:none;cursor:pointer;background:0 0;width:100%;height:2.75rem}.cx-range:disabled{opacity:.5;cursor:not-allowed}.cx-range::-webkit-slider-runnable-track{background:var(--color-gunmetal);border-radius:0;height:.375rem}.cx-range::-moz-range-track{background:var(--color-gunmetal);border-radius:0;height:.375rem}.cx-range::-moz-range-progress{background:var(--color-chrome);height:.375rem}.cx-range::-webkit-slider-thumb{-webkit-appearance:none;background:var(--color-chrome-fill);clip-path:polygon(30% 0,100% 0,70% 100%,0 100%);border:0;width:1.25rem;height:1.5rem;margin-top:-.5625rem}.cx-range::-moz-range-thumb{background:var(--color-chrome-fill);clip-path:polygon(30% 0,100% 0,70% 100%,0 100%);border:0;border-radius:0;width:1.25rem;height:1.5rem}.cx-range:focus-visible{outline:2px solid var(--color-chrome);outline-offset:2px}.cx-star-on{color:var(--color-chrome)}.cx-star-off{color:var(--color-gunmetal)}.cx-loading{background:var(--color-kerb);width:6rem;height:.375rem;position:relative;overflow:hidden}.cx-loading:after{content:"";background:var(--color-chrome);clip-path:polygon(15% 0,100% 0,85% 100%,0 100%);width:40%;animation:cx-sweep 1s var(--ease-in-out) infinite;position:absolute;inset:0}@keyframes cx-sweep{0%{transform:translate(-100%)}to{transform:translate(250%)}}.cx-board-row{background-color:var(--color-tarmac);gap:1.5rem;padding:1.5rem;display:grid}@media (min-width:768px){.cx-board-row{grid-template-columns:9rem minmax(0,1fr) auto;align-items:center;gap:2rem;padding:1.5rem 2rem}}.cx-board-row summary{cursor:pointer;list-style:none}.cx-board-row summary::-webkit-details-marker{display:none}@media (prefers-reduced-motion:reduce){.cx-art img,.cx-plan,.cx-plan:before,.cx-seg-btn:after{transition:none}.group:hover .cx-art img,.cx-plan:active{transform:none}.cx-loading:after{animation:none;transform:translate(75%)}}}
