.favourites-panel{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-index-modal);background-color:var(--color-background);height:0;overflow:hidden;transition:height .3s ease}.favourites-panel[aria-hidden=true]{pointer-events:none}.favourites-panel[aria-hidden=false]{pointer-events:auto;height:100vh;height:100dvh}@container style(--max-lg: true){.favourites-panel{height:100vh;height:100dvh;transform:translate(100%);transition:transform .5s var(--ease-entrance)}.favourites-panel[aria-hidden=false]{transform:translate(0)}}@media(prefers-reduced-motion:reduce){.favourites-panel{transition:none}}.favourites-panel__inner{position:relative;height:100%;display:flex;flex-direction:column}.favourites-panel__header{position:relative;flex-shrink:0;height:var(--header-height)}.favourites-panel__header .header-logo{position:relative;z-index:0}.favourites-panel__back{position:absolute;top:50%;left:var(--spacing-l);transform:translateY(-50%);display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:var(--spacing-2xs);color:var(--color-foreground)}.favourites-panel__back[hidden]{display:none}.favourites-panel__back svg{width:var(--icon-l);height:var(--icon-l)}.favourites-panel__back:focus-visible{outline:.0625rem solid var(--color-outline);outline-offset:.125rem}.favourites-panel__close{position:absolute;top:50%;right:var(--spacing-l);transform:translateY(-50%);display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:var(--spacing-2xs);color:var(--color-foreground)}.favourites-panel__close svg{width:var(--icon-l);height:var(--icon-l)}@container style(--min-md: true){.favourites-panel__close{right:var(--spacing-2xl)}}@container style(--min-lg: true){.favourites-panel__close{right:var(--spacing-3xl)}}@container style(--min-xl: true){.favourites-panel__close{right:5.8125rem}}.favourites-panel__close:focus-visible{outline:.0625rem solid var(--color-outline);outline-offset:.125rem}.favourites-panel__body{flex:1;overflow-y:auto;padding-left:var(--spacing-l);padding-right:var(--spacing-l);padding-bottom:var(--spacing-6xl)}@container style(--min-md: true){.favourites-panel__body{padding-left:var(--spacing-2xl);padding-right:var(--spacing-2xl)}}@container style(--min-lg: true){.favourites-panel__body{padding-left:var(--spacing-3xl);padding-right:var(--spacing-3xl)}}@container style(--min-xl: true){.favourites-panel__body{padding-left:5.8125rem;padding-right:5.8125rem}}.favourites-panel__body{scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}.favourites-panel__body::-webkit-scrollbar{width:.25rem}.favourites-panel__body::-webkit-scrollbar-track{background:transparent}.favourites-panel__body::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:.125rem}.favourites-panel__top{display:flex;flex-direction:column;gap:var(--spacing-xs);padding-top:var(--spacing-xl);padding-bottom:var(--spacing-5xl)}.favourites-panel__title-row{display:flex;align-items:flex-start;gap:var(--spacing-2xs)}.favourites-panel__title{color:var(--color-foreground)}.favourites-panel__count{font-size:var(--text-4xs);font-weight:var(--font-weight-bold);line-height:1.3;color:var(--color-foreground);vertical-align:super}.favourites-panel__logged-out{display:flex;flex-direction:column;gap:var(--spacing-l);max-width:19rem}.favourites-panel__logged-out-message{font-size:var(--text-2xs);line-height:var(--leading-snug);color:var(--color-foreground)}@container style(--min-md: true){.favourites-panel__logged-out-message{font-size:var(--text-xs)}}.favourites-panel__sign-in-link{display:inline-flex;font-size:var(--text-2xs);font-weight:var(--font-weight-normal);line-height:var(--leading-snug);color:var(--color-foreground);-webkit-text-decoration:underline;text-decoration:underline;text-underline-offset:.125rem}@container style(--min-md: true){.favourites-panel__sign-in-link{font-size:var(--text-xs)}}.favourites-panel__sign-in-link:focus-visible{outline:.0625rem solid var(--color-outline);outline-offset:.125rem}.favourites-panel__empty{display:flex;flex-direction:column;gap:var(--spacing-m);max-width:35.625rem}.favourites-panel__empty[hidden]{display:none}.favourites-panel__empty-message{color:var(--color-foreground)}.favourites-panel__empty-links{display:flex;flex-direction:column;gap:var(--spacing-2xs);list-style:none;padding:0;margin:0}.favourites-panel__empty-link{color:var(--color-foreground);-webkit-text-decoration:underline;text-decoration:underline;text-underline-offset:.125rem}.favourites-panel__empty-link:focus-visible{outline:.0625rem solid var(--color-outline);outline-offset:.125rem}.favourites-panel__grid{display:grid;grid-template-columns:repeat(2,1fr);grid-column-gap:var(--spacing-l);-moz-column-gap:var(--spacing-l);column-gap:var(--spacing-l);grid-row-gap:var(--spacing-4xl);row-gap:var(--spacing-4xl)}@container style(--min-md: true){.favourites-panel__grid{grid-template-columns:repeat(5,1fr);-moz-column-gap:var(--spacing-2xl);column-gap:var(--spacing-2xl);row-gap:var(--spacing-5xl)}}@container style(--min-xl: true){.favourites-panel__grid{-moz-column-gap:4.75rem;column-gap:4.75rem}}.favourites-panel__show-more{display:flex;justify-content:center;padding-top:var(--spacing-5xl)}.favourites-panel__show-more[hidden]{display:none}.favourites-panel__show-more-btn{display:inline-flex;align-items:center;justify-content:center;padding-top:var(--spacing-m);padding-bottom:var(--spacing-m);padding-left:var(--spacing-xl);padding-right:var(--spacing-xl);background-color:var(--color-foreground);color:var(--color-background);font-size:var(--text-2xs);font-weight:var(--font-weight-bold);line-height:var(--leading-snug);border:none;cursor:pointer;transition:opacity .2s ease}@container style(--min-md: true){.favourites-panel__show-more-btn{font-size:var(--text-xs)}}.favourites-panel__show-more-btn:hover{opacity:.8}.favourites-panel__show-more-btn:focus-visible{outline:.0625rem solid var(--color-outline);outline-offset:.125rem}.favourites-panel__tile{display:flex;flex-direction:column;gap:var(--spacing-xl);color:inherit}.favourites-panel__tile-media-link,.favourites-panel__tile-info{-webkit-text-decoration:none;text-decoration:none;color:inherit}.favourites-panel__tile-media-link:focus-visible,.favourites-panel__tile-info:focus-visible{outline:.0625rem solid var(--color-outline);outline-offset:.125rem}.favourites-panel__tile-media-link{display:block}.favourites-panel__tile-media{background-color:var(--color-background-tertiary);aspect-ratio:2 / 3;overflow:hidden}.favourites-panel__tile-img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.favourites-panel__tile-content{display:flex;flex-direction:column;gap:.75rem}.favourites-panel__tile-details{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-m)}.favourites-panel__tile-info{display:flex;flex-direction:column;gap:var(--spacing-3xs);flex:1;min-width:0}.favourites-panel__tile-icon{flex-shrink:0;width:var(--icon-l);height:var(--icon-l);padding:0;background:none;border:none;color:var(--color-foreground);cursor:pointer}.favourites-panel__tile-icon[disabled]{cursor:default}.favourites-panel__tile-icon:focus-visible{outline:.0625rem solid var(--color-outline);outline-offset:.125rem}.favourites-panel__tile-icon svg{width:100%;height:100%}.favourites-panel__tile-icon .icon-favorites__outline{display:none}.favourites-panel__tile-icon .icon-favorites__filled{display:block}.favourites-panel__tile-name{color:var(--color-foreground);line-height:var(--leading-snug);min-height:calc(2em * var(--text-xs--line-height--heading))}.favourites-panel__tile-price{color:var(--color-foreground);line-height:var(--leading-snug)}.favourites-panel__tile-attribute{color:var(--color-text-secondary);font-size:var(--text-3xs);line-height:1.2;letter-spacing:var(--tracking-medium);text-transform:capitalize;height:.875rem}
/*# sourceMappingURL=/cdn/shop/t/3/assets/favourites-panel.css.map */