.section-preset-section{--pb-heading: var(--colour-pdp-heading, var(--colour-white));--pb-tile: color-mix(in srgb, var(--pb-heading) 6%, transparent);--pb-tile-active: color-mix(in srgb, var(--pb-heading) 10%, transparent);--pb-line: color-mix(in srgb, var(--pb-heading) 14%, transparent);--pb-line-hover: color-mix(in srgb, var(--pb-heading) 18%, transparent);--pb-muted: var(--colour-foreground);--pb-accent: var(--colour-highlighter);--tab-rail-line: var(--colour-pdp-border);--tab-rail-ink: var(--colour-highlighter);--tab-rail-ink-dim: var(--colour-foreground);--tab-rail-accent: var(--colour-highlighter);--tab-rail-accent-quiet: color-mix(in srgb, var(--tab-rail-accent) 14%, transparent);--tab-rail-focus: var(--tab-rail-accent);--tab-rail-size-l: 1.0625rem;--tab-rail-size-xl: 1.1875rem;display:block}.section-preset-section .browser,.section-preset-section .panel{display:grid;grid-template-columns:minmax(0,1fr);gap:1.5rem}.section-preset-section .rail{display:flex;align-items:stretch;border-bottom:1px solid var(--tab-rail-line)}.section-preset-section .tabs{--tabs-fade: 4.5rem;isolation:isolate;position:relative;flex:1 1 auto;display:flex;gap:.5rem;overflow-x:auto;scrollbar-width:none}.section-preset-section .tabs::-webkit-scrollbar{display:none}.section-preset-section .tabs.is-clipped-end{-webkit-mask-image:linear-gradient(to right,black calc(100% - var(--tabs-fade)),transparent);mask-image:linear-gradient(to right,black calc(100% - var(--tabs-fade)),transparent)}.section-preset-section .tabs.is-clipped-start{-webkit-mask-image:linear-gradient(to left,black calc(100% - var(--tabs-fade)),transparent);mask-image:linear-gradient(to left,black calc(100% - var(--tabs-fade)),transparent)}.section-preset-section .tabs.is-clipped-start.is-clipped-end{-webkit-mask-image:linear-gradient(to right,transparent,black var(--tabs-fade),black calc(100% - var(--tabs-fade)),transparent);mask-image:linear-gradient(to right,transparent,black var(--tabs-fade),black calc(100% - var(--tabs-fade)),transparent)}.section-preset-section .tab{--tab-height: 3rem;--tab-padding-inline: 1.125rem;--tab-tracking: var(--preset-tab-letter-spacing, var(--spitfire-typography-cinematic-label-m-letter-spacing));text-decoration:none;color:inherit;background:transparent;border:0;-webkit-appearance:none;appearance:none;font-family:var(--preset-tab-family, var(--spitfire-typography-cinematic-label-m-family));font-size:var(--preset-tab-size, var(--spitfire-typography-cinematic-label-m-size));font-weight:var(--preset-tab-weight, var(--spitfire-typography-cinematic-label-m-weight));line-height:var(--preset-tab-line-height, var(--spitfire-typography-cinematic-label-m-line-height));letter-spacing:var(--preset-tab-letter-spacing, var(--spitfire-typography-cinematic-label-m-letter-spacing));text-transform:var(--preset-tab-transform, var(--spitfire-typography-cinematic-label-m-text-transform));transition:color var(--transition-duration) var(--transition-timing) 0s;display:flex;flex:none;align-items:center;gap:.5rem;min-height:var(--tab-height);padding:0 calc(var(--tab-padding-inline) - var(--tab-tracking)) 0 var(--tab-padding-inline);color:var(--tab-rail-ink-dim);white-space:nowrap;cursor:pointer}.section-preset-section .tab:focus{outline:none}.section-preset-section .tab:hover{text-decoration:none;outline:none}.section-preset-section .tab:disabled{opacity:.5;pointer-events:none}.section-preset-section .tab:hover,.section-preset-section .tab[aria-selected=true]{color:var(--tab-rail-ink)}.section-preset-section .tab:focus-visible{outline:none}.section-preset-section .tab-label,.section-preset-section .tab-count{text-box:trim-both cap alphabetic}.section-preset-section .tab-count{margin-left:-.25rem;font-size:.6875rem;font-variant-numeric:tabular-nums;letter-spacing:0;opacity:.8;transform:translateY(-.5cap)}.section-preset-section .tab:has(.tab-count){padding-right:var(--tab-padding-inline)}.section-preset-section .tab-icon{flex:none;width:2rem;height:2rem;background-color:currentColor;-webkit-mask:var(--icon) center/contain no-repeat;mask:var(--icon) center/contain no-repeat}.section-preset-section .marker{transition:transform .21s var(--transition-timing) 0s,width .21s var(--transition-timing) 0s;position:absolute;z-index:-1;top:0;bottom:0;left:0;width:0;background:var(--tab-rail-accent-quiet);border-bottom:2px solid var(--tab-rail-accent);border-radius:var(--border-radius-xs) var(--border-radius-xs) 0 0;pointer-events:none}.section-preset-section .tab:focus-visible~.marker{outline:2px solid var(--tab-rail-focus);outline-offset:-2px}.section-preset-section .chips{display:flex;flex-wrap:wrap;gap:.5rem}.section-preset-section .chip{text-decoration:none;color:inherit;background:transparent;border:0;-webkit-appearance:none;appearance:none;transition:border-color var(--transition-duration) var(--transition-timing) 0s;display:inline-flex;align-items:baseline;gap:.5rem;padding:.5rem .75rem;border:1px solid var(--pb-line);border-radius:var(--border-radius-sm);font-size:.875rem;color:var(--pb-heading);white-space:nowrap;cursor:pointer}.section-preset-section .chip:focus{outline:none}.section-preset-section .chip:hover{text-decoration:none;outline:none}.section-preset-section .chip:disabled{opacity:.5;pointer-events:none}.section-preset-section .chip:hover,.section-preset-section .chip:focus{border-color:var(--pb-line-hover)}.section-preset-section .chip .count{font-size:.75rem;color:var(--pb-muted)}.section-preset-section .chip[aria-pressed=true]{background:var(--pb-heading);border-color:var(--pb-heading);color:var(--colour-background)}.section-preset-section .chip[aria-pressed=true] .count{color:inherit;opacity:.6}.section-preset-section .parts{display:grid;gap:2.25rem}.section-preset-section .grp{display:grid;gap:.875rem}.section-preset-section .part-group{display:grid;gap:.75rem}.section-preset-section .part-group+.part-group{margin-top:1.5rem}.section-preset-section .part-head{margin:0;font-family:var(--font-family-base);font-weight:500;font-size:1rem;line-height:1.3;color:color-mix(in srgb,var(--pb-heading) 72%,transparent)}.section-preset-section .grp-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:.25rem .75rem}.section-preset-section .grp-head h4{font-family:var(--font-family-base);font-weight:600;font-size:clamp(1.125rem,.25vw + 1.0625rem,1.25rem);line-height:1.2;color:var(--pb-heading)}.section-preset-section .grp-head .note{font-size:.875rem;color:var(--pb-muted)}.section-preset-section .grp-close{text-decoration:none;color:inherit;background:transparent;border:0;-webkit-appearance:none;appearance:none;margin-left:auto;font-size:.8125rem;color:var(--pb-heading);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.section-preset-section .grp-close:focus{outline:none}.section-preset-section .grp-close:hover{text-decoration:none;outline:none}.section-preset-section .grp-close:disabled{opacity:.5;pointer-events:none}.section-preset-section .tiles{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(21.25rem,1fr));gap:.875rem 1.75rem}.section-preset-section .tiles>li{display:grid}.section-preset-section .tile{transition:background-color var(--transition-duration) var(--transition-timing) 0s;position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:auto minmax(0,1fr);gap:.875rem;align-items:center;padding:.875rem 1rem;border-radius:var(--border-radius-md);background:var(--pb-tile);cursor:pointer}.section-preset-section .tile:hover,.section-preset-section .tile:focus{background:var(--pb-tile-active)}.section-preset-section .tile:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:color-mix(in srgb,var(--tile-accent, var(--pb-accent)) 22%,transparent);transform:scaleX(var(--progress, 0));transform-origin:left}.section-preset-section .tile.is-loaded{background:var(--pb-tile-active)}.section-preset-section .tile.is-loaded .glyph{border-color:currentColor}.section-preset-section .tile .icon-pause,.section-preset-section .tile.is-playing .icon-play{display:none}.section-preset-section .tile.is-playing .icon-pause{display:block}.section-preset-section .tile.is-unavailable{opacity:.45;cursor:default}.section-preset-section .tile.is-unavailable:hover,.section-preset-section .tile.is-unavailable:focus{background:var(--pb-tile)}.section-preset-section .tile.is-unavailable .glyph{cursor:default}.section-preset-section .tile.is-unavailable .glyph:hover,.section-preset-section .tile.is-unavailable .glyph:focus{border-color:var(--pb-line);transform:none}.section-preset-section .glyph{text-decoration:none;color:inherit;background:transparent;border:0;-webkit-appearance:none;appearance:none;transition:border-color var(--transition-duration) var(--transition-timing) 0s,transform .14s var(--transition-timing) 0s;display:grid;place-items:center;width:2rem;height:2rem;border:1px solid var(--pb-line);border-radius:50%;color:var(--pb-heading);cursor:pointer}.section-preset-section .glyph:focus{outline:none}.section-preset-section .glyph:hover{text-decoration:none;outline:none}.section-preset-section .glyph:disabled{opacity:.5;pointer-events:none}.section-preset-section .glyph svg{width:.875rem;height:.875rem}.section-preset-section .glyph:hover,.section-preset-section .glyph:focus{border-color:var(--pb-line-hover);transform:scale(1.06)}.section-preset-section .meta{display:block;min-width:0}.section-preset-section .name-row{display:flex;align-items:center;justify-content:space-between;gap:.375rem;min-width:0}.section-preset-section .name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:550;line-height:1.3;color:var(--pb-heading)}.section-preset-section .part{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.8125rem;line-height:1.3;color:var(--pb-muted)}.section-preset-section .glyph:focus-visible{outline:2px solid currentColor;outline-offset:.125rem}.section-preset-section .side{display:flex;flex:none;align-items:center;gap:.375rem}.section-preset-section .layers{display:inline-flex;align-items:center;gap:2px}.section-preset-section .layers .plus{font-size:.6875rem;color:var(--pb-muted)}.section-preset-section .layer-icon{width:1.125rem;height:1.125rem}.section-preset-section .lens{padding:3px 5px;border-radius:4px;background:var(--pb-tile-active);font-size:.6875rem;line-height:1;color:var(--pb-muted)}.section-preset-section .more-tile{text-decoration:none;color:inherit;background:transparent;border:0;-webkit-appearance:none;appearance:none;transition:border-color var(--transition-duration) var(--transition-timing) 0s;display:grid;place-items:center;width:100%;min-height:100%;padding:.875rem 1rem;border:1px dashed var(--pb-line);border-radius:var(--border-radius-md);font-size:.9375rem;color:var(--pb-heading);cursor:pointer}.section-preset-section .more-tile:focus{outline:none}.section-preset-section .more-tile:hover{text-decoration:none;outline:none}.section-preset-section .more-tile:disabled{opacity:.5;pointer-events:none}.section-preset-section .more-tile:hover,.section-preset-section .more-tile:focus{border-color:var(--pb-line-hover)}.section-preset-section .foot{display:grid;justify-items:center}.section-preset-section .foot:empty{display:none}.section-preset-section .more-tile:focus-visible,.section-preset-section .grp-close:focus-visible,.section-preset-section .foot .c-btn:focus-visible{outline:2px solid currentColor;outline-offset:.125rem}.section-preset-section .chip:focus-visible{outline:2px solid currentColor;outline-offset:-2px}@media(max-width:767.98px){.section-preset-section .tiles{grid-template-columns:minmax(0,1fr)}.section-preset-section .more-tile{place-items:center start;min-height:2.75rem;padding:0;border:0;color:var(--pb-muted);text-decoration:underline;text-underline-offset:3px}.section-preset-section .more-tile:hover,.section-preset-section .more-tile:focus{color:var(--pb-heading)}.section-preset-section .chips{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;touch-action:pan-x;scrollbar-width:none;margin-inline:calc(-1 * var(--gutter, 1rem));padding-inline:var(--gutter, 1rem);-webkit-mask-image:linear-gradient(to right,transparent,#000 var(--gutter, 1rem),#000 calc(100% - 2rem),transparent);mask-image:linear-gradient(to right,transparent,#000 var(--gutter, 1rem),#000 calc(100% - 2rem),transparent)}.section-preset-section .chips::-webkit-scrollbar{display:none}.section-preset-section .chip{flex:none}}@media(prefers-reduced-motion:reduce){.section-preset-section .tab,.section-preset-section .marker{transition-duration:1ms}.section-preset-section .glyph:hover,.section-preset-section .glyph:focus{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/section-preset-section.css.map */