.tvc-directory{display:block;background:var(--tvc-directory-background);color:var(--tvc-directory-text);font-family:var(--tvc-directory-body-family);font-style:var(--tvc-directory-body-style);font-weight:var(--tvc-directory-body-weight);padding-block:var(--tvc-directory-padding-top) var(--tvc-directory-padding-bottom)}.tvc-directory *,.tvc-directory *:before,.tvc-directory *:after{box-sizing:border-box}.tvc-directory [hidden]{display:none!important}collection-directory:not(:defined) .tvc-directory__controls,collection-directory:not(:defined) .tvc-directory__group-total,collection-directory:not(:defined) .tvc-directory__subgroup-heading>span,collection-directory:not(:defined) .tvc-directory__show-more,collection-directory:not(:defined) .tvc-directory__empty{display:none}.tvc-directory button,.tvc-directory input,.tvc-directory select{color:inherit;font:inherit}.tvc-directory button,.tvc-directory select{cursor:pointer}.tvc-directory svg{display:block}.tvc-directory__inner{width:min(calc(100% - 40px),var(--tvc-directory-max-width));margin-inline:auto}.tvc-directory__visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.tvc-directory__header{max-width:780px;margin:0 auto clamp(32px,5vw,56px);text-align:center}.tvc-directory__eyebrow,.tvc-directory__group-kicker{margin:0 0 10px;color:var(--tvc-directory-accent);font-size:14px;font-weight:600;letter-spacing:.16em;line-height:1.3;text-transform:uppercase}.tvc-directory__heading{margin:0;color:var(--tvc-directory-text);font-family:var(--tvc-directory-heading-family);font-size:clamp(30px,5vw,var(--tvc-directory-heading-size));font-style:var(--tvc-directory-heading-style);font-weight:var(--tvc-directory-heading-weight);letter-spacing:-.035em;line-height:1.08}.tvc-directory__description{margin:18px auto 0;color:var(--tvc-directory-muted);font-size:15px;line-height:1.7}.tvc-directory__description>:first-child,.tvc-directory__group-hero .rte>:first-child{margin-top:0}.tvc-directory__description>:last-child,.tvc-directory__group-hero .rte>:last-child{margin-bottom:0}.tvc-directory__controls{position:relative;z-index:4;display:grid;gap:16px;margin-bottom:clamp(36px,5vw,56px);padding:16px;background:color-mix(in srgb,var(--tvc-directory-surface) 96%,transparent);border:var(--tvc-directory-border-width) solid var(--tvc-directory-border);border-radius:calc(var(--tvc-directory-radius) + 4px);box-shadow:0 12px 34px #1212120e}.tvc-directory__controls--sticky{position:sticky;top:12px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.tvc-directory__controls-primary,.tvc-directory__controls-secondary{display:flex;align-items:center;gap:12px}.tvc-directory__controls-primary{min-width:0}.tvc-directory__controls-secondary{justify-content:flex-end}.tvc-directory__search{position:relative;flex:1 1 300px;max-width:420px}.tvc-directory__search>svg{position:absolute;top:50%;left:15px;width:18px;height:18px;color:var(--tvc-directory-muted);pointer-events:none;transform:translateY(-50%)}.tvc-directory__search input,.tvc-directory__select-wrap select{width:100%;min-height:46px;margin:0;background:var(--tvc-directory-control-background);border:var(--tvc-directory-border-width) solid var(--tvc-directory-border);border-radius:var(--tvc-directory-radius);box-shadow:none;color:var(--tvc-directory-text);font-size:13px;line-height:1.2;outline:0}.tvc-directory__search input{padding:10px 16px 10px 44px;-webkit-appearance:none;appearance:none}.tvc-directory__search input::placeholder{color:var(--tvc-directory-muted);opacity:.85}.tvc-directory__search input::-webkit-search-cancel-button{width:16px;height:16px;cursor:pointer}.tvc-directory__segmented,.tvc-directory__view-switch{display:inline-flex;flex:0 0 auto;padding:3px;background:var(--tvc-directory-control-background);border:var(--tvc-directory-border-width) solid var(--tvc-directory-border);border-radius:var(--tvc-directory-radius)}.tvc-directory__segmented button,.tvc-directory__view-switch button{min-height:38px;padding:7px 14px;background:transparent;border:0;border-radius:max(0px,calc(var(--tvc-directory-radius) - 3px));font-size:12px;font-weight:500;line-height:1}.tvc-directory__segmented button.is-active,.tvc-directory__segmented button[aria-pressed=true],.tvc-directory__view-switch button.is-active,.tvc-directory__view-switch button[aria-pressed=true]{background:var(--tvc-directory-accent);color:#fff}.tvc-directory__status{margin:0 auto 0 0;color:var(--tvc-directory-muted);font-size:12px;white-space:nowrap}.tvc-directory__sort-label{flex:0 0 auto;color:var(--tvc-directory-muted);font-size:12px}.tvc-directory__select-wrap{position:relative;width:min(210px,100%);flex:0 0 210px}.tvc-directory__select-wrap select{padding:10px 38px 10px 13px;-webkit-appearance:none;appearance:none}.tvc-directory__select-wrap>svg{position:absolute;top:50%;right:12px;width:17px;height:17px;pointer-events:none;transform:translateY(-50%)}.tvc-directory__view-switch button{display:grid;min-width:38px;padding:8px;place-items:center}.tvc-directory__view-switch svg{width:17px;height:17px}.tvc-directory__alphabet-wrap{min-width:0;padding-top:14px;border-top:var(--tvc-directory-border-width) solid var(--tvc-directory-border)}.tvc-directory__alphabet{display:flex;align-items:center;justify-content:center;gap:5px;overflow-x:auto;padding:1px 1px 4px;scrollbar-width:thin}.tvc-directory__alphabet button{display:grid;flex:0 0 31px;width:31px;height:31px;padding:0;place-items:center;background:var(--tvc-directory-control-background);border:var(--tvc-directory-border-width) solid var(--tvc-directory-border);border-radius:999px;color:var(--tvc-directory-muted);font-size:11px;line-height:1}.tvc-directory__alphabet button:first-child{flex-basis:44px;width:44px}.tvc-directory__alphabet button.is-active,.tvc-directory__alphabet button[aria-pressed=true]{background:var(--tvc-directory-text);border-color:var(--tvc-directory-text);color:var(--tvc-directory-surface)}.tvc-directory__alphabet button:disabled{cursor:not-allowed;opacity:.3}.tvc-directory__clear{justify-self:end;width:max-content;padding:2px 0;background:transparent;border:0;color:var(--tvc-directory-accent);font-size:12px;font-weight:600;text-decoration:underline;text-underline-offset:3px}.tvc-directory__catalogue{display:grid;gap:clamp(64px,8vw,104px)}.tvc-directory__group{min-width:0}.tvc-directory__group-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:32px;margin-bottom:clamp(32px,4vw,48px);padding:clamp(28px,5vw,56px);overflow:hidden;border-radius:calc(var(--tvc-directory-radius) + 8px)}.tvc-directory__group-hero>div:first-child{position:relative;z-index:1;max-width:700px}.tvc-directory__group-hero h2{margin:0;font-family:var(--tvc-directory-heading-family);font-size:clamp(28px,4vw,48px);font-style:var(--tvc-directory-heading-style);font-weight:var(--tvc-directory-heading-weight);letter-spacing:-.03em;line-height:1.08}.tvc-directory__group-hero .rte{max-width:620px;margin-top:16px;font-size:14px;line-height:1.7}.tvc-directory__group-hero--wine{min-height:280px;background:var(--tvc-directory-wine-background);color:var(--tvc-directory-wine-text);box-shadow:0 22px 60px color-mix(in srgb,var(--tvc-directory-wine-background) 22%,transparent)}.tvc-directory__group-hero--wine:before{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 82% 8%,color-mix(in srgb,var(--tvc-directory-wine-accent) 30%,transparent),transparent 32%);content:"";pointer-events:none}.tvc-directory__group-hero--wine .tvc-directory__group-kicker{color:var(--tvc-directory-wine-accent)}.tvc-directory__group-hero--wine .rte{color:color-mix(in srgb,var(--tvc-directory-wine-text) 78%,transparent)}.tvc-directory__group-hero--provisions{min-height:190px;padding-block:clamp(28px,4vw,42px);background:var(--tvc-directory-provision-background);border:var(--tvc-directory-border-width) solid color-mix(in srgb,var(--tvc-directory-border) 72%,transparent);color:var(--tvc-directory-text)}.tvc-directory__group-total{position:relative;z-index:2;display:flex;min-width:94px;flex-direction:column;align-items:flex-end;padding-left:24px;border-left:1px solid currentColor;text-align:right}.tvc-directory__group-total strong{font-family:var(--tvc-directory-heading-family);font-size:clamp(30px,4vw,44px);font-weight:var(--tvc-directory-heading-weight);letter-spacing:-.04em;line-height:1}.tvc-directory__group-total span{margin-top:6px;font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.tvc-directory__hero-mark{position:absolute;right:clamp(90px,13vw,170px);bottom:-46px;width:130px;color:var(--tvc-directory-wine-accent);opacity:.15;stroke-width:1.2;pointer-events:none}.tvc-directory__subgroups{display:grid;gap:clamp(42px,6vw,70px)}.tvc-directory__subgroup{min-width:0}.tvc-directory__subgroup-heading{display:flex;align-items:center;gap:16px;margin-bottom:18px}.tvc-directory__subgroup-heading:after{height:var(--tvc-directory-border-width);min-height:1px;flex:1;order:2;background:var(--tvc-directory-border);content:""}.tvc-directory__subgroup-heading h3{margin:0;font-family:var(--tvc-directory-heading-family);font-size:clamp(18px,2vw,24px);font-style:var(--tvc-directory-heading-style);font-weight:var(--tvc-directory-heading-weight);letter-spacing:-.02em;line-height:1.25}.tvc-directory__subgroup-heading>span{display:inline-grid;min-width:28px;height:24px;order:3;padding-inline:8px;place-items:center;background:var(--tvc-directory-count-background);border-radius:999px;color:var(--tvc-directory-count-color);font-size:10px;font-weight:600}.tvc-directory__list{display:grid;grid-template-columns:repeat(var(--tvc-directory-columns-desktop),minmax(0,1fr));gap:var(--tvc-directory-gap);margin:0;padding:0;list-style:none}.tvc-directory__item{min-width:0;margin:0;padding:0}.tvc-directory__card{position:relative;display:grid;min-height:var(--tvc-directory-card-min-height);grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:12px 14px;background:var(--tvc-directory-surface);border:var(--tvc-directory-border-width) solid var(--tvc-directory-border);border-radius:var(--tvc-directory-radius);color:var(--tvc-directory-text);text-decoration:none;transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,color .18s ease,transform .18s ease}.tvc-directory__icon{display:grid;width:var(--tvc-directory-icon-size);height:var(--tvc-directory-icon-size);flex:0 0 auto;place-items:center;background:var(--tvc-directory-icon-background);border-radius:max(4px,calc(var(--tvc-directory-radius) - 2px));color:var(--tvc-directory-icon-color);transition:background-color .18s ease,color .18s ease,transform .18s ease}.tvc-directory__icon>svg,.tvc-directory__custom-svg,.tvc-directory__custom-svg>svg{width:62%;height:62%}.tvc-directory__custom-svg{display:grid;place-items:center}.tvc-directory__custom-svg>svg{width:100%;height:100%}.tvc-directory__collection-name{min-width:0;overflow-wrap:anywhere;font-size:var(--tvc-directory-item-size);font-weight:var(--tvc-directory-item-weight);letter-spacing:var(--tvc-directory-letter-spacing);line-height:1.35}.tvc-directory__count{display:inline-grid;min-width:27px;height:23px;padding-inline:7px;place-items:center;background:var(--tvc-directory-count-background);border-radius:999px;color:var(--tvc-directory-count-color);font-size:10px;font-weight:600;line-height:1}.tvc-directory__arrow{display:grid;width:20px;height:20px;place-items:center;color:var(--tvc-directory-muted);transition:color .18s ease,transform .18s ease}.tvc-directory__arrow svg{width:16px;height:16px}.tvc-directory--view-list .tvc-directory__list{grid-template-columns:repeat(var(--tvc-directory-list-columns),minmax(0,1fr));column-gap:clamp(26px,4vw,54px);row-gap:0}.tvc-directory--view-list .tvc-directory__card{min-height:56px;padding:9px 4px;background:transparent;border:0;border-bottom:var(--tvc-directory-border-width) solid var(--tvc-directory-border);border-radius:0}.tvc-directory--view-list .tvc-directory__icon{width:30px;height:30px;background:transparent;border-radius:0}.tvc-directory--view-list.tvc-directory--hover-lift .tvc-directory__card:hover{border-bottom-color:var(--tvc-directory-accent);box-shadow:none;transform:none}.tvc-directory--hover-lift .tvc-directory__card:hover{border-color:color-mix(in srgb,var(--tvc-directory-accent) 45%,var(--tvc-directory-border));box-shadow:0 12px 30px #12121217;transform:translateY(-3px)}.tvc-directory--hover-lift .tvc-directory__card:hover .tvc-directory__icon{transform:translateY(-1px) rotate(-3deg)}.tvc-directory--hover-border .tvc-directory__card:hover{border-color:var(--tvc-directory-accent);box-shadow:0 0 0 1px var(--tvc-directory-accent)}.tvc-directory--hover-fill .tvc-directory__card:hover{background:color-mix(in srgb,var(--tvc-directory-accent) 5%,var(--tvc-directory-surface));border-color:color-mix(in srgb,var(--tvc-directory-accent) 35%,var(--tvc-directory-border))}.tvc-directory__card:hover .tvc-directory__arrow{color:var(--tvc-directory-accent);transform:translate(2px)}.tvc-directory__show-more{display:block;min-height:42px;margin:22px auto 0;padding:9px 18px;background:var(--tvc-directory-surface);border:var(--tvc-directory-border-width) solid var(--tvc-directory-border);border-radius:var(--tvc-directory-radius);color:var(--tvc-directory-text);font-size:12px;font-weight:600}.tvc-directory__show-more:hover{border-color:var(--tvc-directory-accent);color:var(--tvc-directory-accent)}.tvc-directory__empty{padding:clamp(42px,7vw,78px) 24px;background:var(--tvc-directory-surface);border:var(--tvc-directory-border-width) dashed var(--tvc-directory-border);border-radius:calc(var(--tvc-directory-radius) + 6px);text-align:center}.tvc-directory__empty>svg{width:48px;height:48px;margin:0 auto 18px;color:var(--tvc-directory-muted)}.tvc-directory__empty h2{margin:0;font-family:var(--tvc-directory-heading-family);font-size:24px;font-weight:var(--tvc-directory-heading-weight)}.tvc-directory__empty p{margin:8px 0 18px;color:var(--tvc-directory-muted);font-size:14px}.tvc-directory__empty button{min-height:42px;padding:9px 18px;background:var(--tvc-directory-accent);border:1px solid var(--tvc-directory-accent);border-radius:var(--tvc-directory-radius);color:#fff;font-weight:600}.tvc-directory__pagination{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:54px}.tvc-directory__pagination a,.tvc-directory__pagination span{display:grid;min-width:38px;min-height:38px;padding:7px 10px;place-items:center;border:var(--tvc-directory-border-width) solid var(--tvc-directory-border);border-radius:var(--tvc-directory-radius);color:var(--tvc-directory-text);font-size:12px;text-decoration:none}.tvc-directory__pagination [aria-current=page]{background:var(--tvc-directory-accent);border-color:var(--tvc-directory-accent);color:#fff}.tvc-directory__noscript{margin:24px 0 0;color:var(--tvc-directory-muted);font-size:12px;text-align:center}.tvc-directory :is(button,input,select,a):focus-visible{outline:3px solid var(--tvc-directory-accent);outline:3px solid color-mix(in srgb,var(--tvc-directory-accent) 36%,transparent);outline-offset:3px}.tvc-directory[data-animation=fade] .tvc-directory__item.is-entering{animation:tvc-directory-fade var(--tvc-directory-animation-duration) ease both}.tvc-directory[data-animation=fade-up] .tvc-directory__item.is-entering{animation:tvc-directory-fade-up var(--tvc-directory-animation-duration) ease both}.tvc-directory[data-animation=reveal] .tvc-directory__item.is-entering{animation:tvc-directory-reveal var(--tvc-directory-animation-duration) cubic-bezier(.22,1,.36,1) both}@keyframes tvc-directory-fade{0%{opacity:0}to{opacity:1}}@keyframes tvc-directory-fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes tvc-directory-reveal{0%{opacity:0;clip-path:inset(0 100% 0 0)}to{opacity:1;clip-path:inset(0 0 0 0)}}@media screen and (min-width:990px){.tvc-directory__controls{grid-template-columns:minmax(0,1fr) auto}.tvc-directory__alphabet-wrap,.tvc-directory__clear{grid-column:1 / -1}}@media screen and (min-width:750px)and (max-width:989px){.tvc-directory__list{grid-template-columns:repeat(var(--tvc-directory-columns-tablet),minmax(0,1fr))}.tvc-directory--view-list .tvc-directory__list{grid-template-columns:repeat(2,minmax(0,1fr))}.tvc-directory__controls-primary,.tvc-directory__controls-secondary{flex-wrap:wrap}.tvc-directory__status{width:100%}.tvc-directory__alphabet{justify-content:flex-start}}@media screen and (max-width:749px){.tvc-directory__inner{width:min(calc(100% - 28px),var(--tvc-directory-max-width))}.tvc-directory__header{margin-bottom:32px;text-align:left}.tvc-directory__description{margin-left:0}.tvc-directory__controls{gap:14px;margin-bottom:38px;padding:12px}.tvc-directory__controls--sticky{position:relative;top:auto;-webkit-backdrop-filter:none;backdrop-filter:none}.tvc-directory__controls-primary,.tvc-directory__controls-secondary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.tvc-directory__search{max-width:none;grid-column:1 / -1}.tvc-directory__segmented{grid-column:1 / -1}.tvc-directory__segmented button{flex:1 1 0}.tvc-directory__status{grid-column:1 / -1}.tvc-directory__sort-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.tvc-directory__select-wrap{width:100%;min-width:0;flex:auto}.tvc-directory__alphabet{justify-content:flex-start;margin-inline:-12px;padding-inline:12px;scroll-padding-inline:12px}.tvc-directory__clear{justify-self:start}.tvc-directory__catalogue{gap:64px}.tvc-directory__group-hero{grid-template-columns:minmax(0,1fr);gap:24px;padding:28px 24px}.tvc-directory__group-hero--wine{min-height:260px;padding-top:42px}.tvc-directory__group-total{min-width:0;width:max-content;align-items:flex-start;padding:0;border:0;text-align:left}.tvc-directory__hero-mark{right:-8px;bottom:-38px;width:116px}.tvc-directory__subgroups{gap:46px}.tvc-directory__list,.tvc-directory--view-list .tvc-directory__list{grid-template-columns:repeat(var(--tvc-directory-columns-mobile),minmax(0,1fr))}.tvc-directory--view-list .tvc-directory__list{grid-template-columns:minmax(0,1fr)}.tvc-directory__card{grid-template-columns:auto minmax(0,1fr) auto auto}.tvc-directory--view-grid.tvc-directory--mobile-columns-2 .tvc-directory__card{min-height:116px;grid-template-columns:minmax(0,1fr) auto;align-content:start;align-items:center}.tvc-directory--view-grid.tvc-directory--mobile-columns-2 .tvc-directory__icon{grid-column:1 / -1}.tvc-directory--view-grid.tvc-directory--mobile-columns-2 .tvc-directory__arrow{display:none}.tvc-directory--view-list .tvc-directory__list{row-gap:0}.tvc-directory__subgroup-heading{gap:10px}}@media screen and (max-width:430px){.tvc-directory--mobile-compact .tvc-directory__card{min-height:58px;gap:9px;padding:9px 10px}.tvc-directory--mobile-compact .tvc-directory__icon{width:min(var(--tvc-directory-icon-size),34px);height:min(var(--tvc-directory-icon-size),34px)}.tvc-directory__count{min-width:24px;padding-inline:6px}.tvc-directory__arrow{width:16px}}@media screen and (max-width:374px){.tvc-directory__inner{width:calc(100% - 22px)}.tvc-directory__controls-primary,.tvc-directory__controls-secondary{grid-template-columns:minmax(0,1fr)}.tvc-directory__view-switch{width:max-content}.tvc-directory__collection-name{font-size:max(12px,calc(var(--tvc-directory-item-size) - 1px))}.tvc-directory__group-hero{padding-inline:20px}}@media(prefers-reduced-motion:reduce){.tvc-directory *,.tvc-directory *:before,.tvc-directory *:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(forced-colors:active){.tvc-directory__card,.tvc-directory__controls,.tvc-directory__group-hero,.tvc-directory__search input,.tvc-directory__select-wrap select{border:1px solid CanvasText}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/tvc-collection-directory.css.map */