.yt-availability-matrix{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:100}.yt-availability-matrix.is-open{display:block}.yt-availability-matrix__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073;opacity:0;transition:opacity .3s ease}.yt-availability-matrix.is-open .yt-availability-matrix__overlay{opacity:1}.yt-availability-matrix__drawer{position:absolute;inset-block:0;inset-inline-end:0;inline-size:var(--yt-cfg-avail-drawer-width, 50vw);background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));display:flex;flex-direction:column;transform:translate(100%);transition:transform .35s cubic-bezier(.4,0,.2,1);box-shadow:-4px 0 24px #00000014;padding-inline-start:.6rem;box-sizing:border-box}.yt-availability-matrix__drawer:before{content:"";position:absolute;inset-block:0;inset-inline-start:0;inline-size:.6rem;background-color:var(--yt-accent, #c4645c);z-index:2}.yt-availability-matrix.is-open .yt-availability-matrix__drawer{transform:translate(0)}.yt-availability-matrix__header{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.5rem 2rem;border-block-end:1px solid rgba(var(--color-foreground),.08);flex-shrink:0}.yt-availability-matrix__title{font-family:var(--yt-cfg-drawer-title-font, var(--font-heading-family));font-size:var(--yt-cfg-drawer-title-size, var(--yt-size-xl));font-weight:700;text-transform:uppercase;letter-spacing:.04em;margin:0}.yt-availability-matrix__close{background:none;border:1px solid rgba(var(--color-foreground),.2);border-radius:2px;cursor:pointer;padding:.6rem;color:rgb(var(--color-foreground));flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;transition:border-color .15s ease}.yt-availability-matrix__close:hover{border-color:rgba(var(--color-foreground),.45)}.yt-availability-matrix__close .svg-wrapper{inline-size:1.8rem;block-size:1.8rem}.yt-availability-matrix__body{flex:1;overflow-y:auto;padding:2rem}.yt-availability-matrix__filter{display:flex;gap:.5rem;margin-block-end:1.5rem}.yt-availability-matrix__filter-btn{padding:.5rem 1rem;font-family:var(--yt-cfg-drawer-heading-font, var(--font-heading-family));font-size:var(--yt-cfg-drawer-heading-size, var(--yt-size-lg));font-weight:600;text-transform:uppercase;letter-spacing:.04em;border:var(--yt-cfg-card-border-width, 2px) solid var(--yt-cfg-card-border-color, rgba(0, 0, 0, .12));border-radius:var(--yt-cfg-card-radius, 4px);background:transparent;color:inherit;cursor:pointer;transition:border-color .2s ease}.yt-availability-matrix__filter-btn:hover{border-color:#00000059}.yt-availability-matrix__filter-btn.is-active{border-color:var(--yt-cfg-accent, var(--yt-accent, #000));background-color:var(--yt-cfg-accent, var(--yt-accent, #000));color:var(--yt-cfg-bg, #fff)}.yt-availability-matrix{--yt-am-muted: rgba(var(--color-foreground), var(--yt-muted-opacity, .55));--yt-am-text: rgb(var(--color-foreground));--yt-am-divider: rgba(var(--color-foreground), .1);--yt-am-accent: var(--yt-cfg-accent, var(--yt-accent, #c4645c))}.yt-availability-matrix__table{inline-size:100%;border-collapse:collapse}.yt-availability-matrix__th{padding:.6rem 1rem 1.4rem;text-align:start;font-family:var(--yt-cfg-drawer-heading-font, var(--font-heading-family));font-weight:var(--yt-weight-bold, 700);font-size:var(--yt-cfg-drawer-heading-size, var(--yt-size-sm));text-transform:uppercase;letter-spacing:.06em;color:var(--yt-am-text);background:transparent;border:none;border-block-end:1px solid var(--yt-am-divider);vertical-align:middle}.yt-availability-matrix__th--corner{border-block-end:1px solid var(--yt-am-divider)}.yt-availability-matrix__color-head{display:inline-flex;align-items:center;gap:.7rem;line-height:1}.yt-availability-matrix__swatch{inline-size:1.4rem;block-size:1.4rem;border-radius:2px;background-color:rgba(var(--color-foreground),.12);background-size:cover;background-position:center;border:1px solid rgba(var(--color-foreground),.12);flex-shrink:0}.yt-availability-matrix__color-name{white-space:nowrap}.yt-availability-matrix__table tbody tr{border-block-end:1px solid var(--yt-am-divider)}.yt-availability-matrix__table tbody tr:last-child{border-block-end:none}.yt-availability-matrix__size{padding:1.6rem 1rem 1.6rem 0;font-family:var(--yt-cfg-drawer-heading-font, var(--font-heading-family));font-weight:var(--yt-weight-bold, 700);font-size:var(--yt-size-xl);text-transform:uppercase;letter-spacing:.02em;text-align:start;color:var(--yt-am-text);border:none;white-space:nowrap;inline-size:1%}.yt-availability-matrix__td{padding:1.6rem 1rem;text-align:start;vertical-align:middle;color:var(--yt-am-text);border:none}.yt-availability-matrix__td--available{cursor:pointer}.yt-availability-matrix__td--current{outline:2px solid var(--yt-am-accent);outline-offset:-2px}.yt-availability-matrix__status{font-family:var(--font-body-family);font-size:var(--yt-size-md);line-height:1.2}.yt-availability-matrix__status--available{color:var(--yt-am-text)}.yt-availability-matrix__status--shipping{color:var(--yt-am-muted)}.yt-availability-matrix__status--sold-out{color:var(--yt-am-muted);text-decoration:line-through}@media(max-width:749px){.yt-availability-matrix__drawer{inset-block-start:auto;inset-block-end:0;inset-inline:0;inline-size:100vw;max-block-size:85dvh;border-radius:var(--yt-radius-lg, 12px) var(--yt-radius-lg, 12px) 0 0;transform:translateY(100%);box-shadow:0 -4px 24px #00000026;padding-inline-start:0;padding-block-start:.6rem}.yt-availability-matrix__drawer:before{inset-block:0 auto;inset-inline:0;inline-size:auto;block-size:.6rem}.yt-availability-matrix.is-open .yt-availability-matrix__drawer{transform:translateY(0)}.yt-availability-matrix__header{position:sticky;inset-block-start:0;z-index:1;background:rgb(var(--color-background))}.yt-availability-matrix__body{padding-block-end:max(2rem,env(safe-area-inset-bottom))}}@media(prefers-reduced-motion:reduce){.yt-availability-matrix__overlay,.yt-availability-matrix__drawer{transition-duration:.01ms}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/yt-availability-matrix.css.map */