.shortlist-button__control{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--gap-3xs);cursor:pointer;transition:background-color var(--animation-speed) var(--animation-easing),border-color var(--animation-speed) var(--animation-easing),color var(--animation-speed) var(--animation-easing)}.shortlist-button__control:focus-visible{outline:var(--focus-outline-width) solid var(--color-foreground);outline-offset:var(--focus-outline-offset)}.shortlist-button__mark{display:inline-flex}.shortlist-button__icon{width:var(--icon-size-sm);height:var(--icon-size-sm)}.shortlist-button__icon--saved,.shortlist-button[data-saved] .shortlist-button__icon--add{display:none}.shortlist-button[data-saved] .shortlist-button__icon--saved{display:block}.shortlist-button--icon{--shortlist-icon-size: 2rem}.shortlist-button--icon .shortlist-button__control{min-block-size:var(--shortlist-icon-size);min-inline-size:var(--shortlist-icon-size);padding:0;gap:0;border:var(--border-width-sm) solid var(--color-foreground);border-radius:var(--style-border-radius-pills);background-color:var(--color-foreground);color:var(--color-background);justify-content:flex-end}.shortlist-button--icon .shortlist-button__control:after{content:"";position:absolute;inset:calc((var(--minimum-touch-target) - var(--shortlist-icon-size) + (var(--border-width-sm) * 2)) / -2)}.shortlist-button--icon .shortlist-button__mark{inline-size:calc(var(--shortlist-icon-size) - (var(--border-width-sm) * 2));min-inline-size:calc(var(--shortlist-icon-size) - (var(--border-width-sm) * 2));block-size:calc(var(--shortlist-icon-size) - (var(--border-width-sm) * 2));align-items:center;justify-content:center}.shortlist-button--icon{--shortlist-label-max: min( 26ch, calc(100cqi - var(--shortlist-icon-size) - (var(--padding-lg) * 2)) )}.shortlist-button--icon .shortlist-button__label{display:block;max-inline-size:0;overflow:hidden;transition:max-inline-size var(--animation-speed-slow) var(--animation-easing)}.shortlist-button--icon .shortlist-button__label-text{display:block;white-space:nowrap;font-size:var(--font-size--2xs);line-height:1}@media(hover:hover)and (pointer:fine){@container (min-width: 200px){.shortlist-button--icon .shortlist-button__control:hover .shortlist-button__label,.shortlist-button--icon .shortlist-button__control:focus-visible .shortlist-button__label{max-inline-size:var(--shortlist-label-max)}.shortlist-button--icon .shortlist-button__control:hover .shortlist-button__label-text,.shortlist-button--icon .shortlist-button__control:focus-visible .shortlist-button__label-text{padding-inline-end:var(--padding-sm)}}}.shortlist-button--icon[data-saved] .shortlist-button__control{background-color:var(--color-background);border-color:rgb(var(--color-foreground-rgb) / var(--opacity-30));color:rgb(var(--color-foreground-rgb) / var(--opacity-70))}.shortlist-button--pill .shortlist-button__control{padding-block:var(--padding-2xs);padding-inline:var(--padding-md);font-size:var(--font-size--2xs);line-height:var(--line-height--body-normal);color:var(--color-background);background-color:var(--color-foreground);border:var(--border-width-sm) solid var(--color-foreground);border-radius:var(--style-border-radius-pills)}.shortlist-button--pill .shortlist-button__control:after{content:"";position:absolute;inset-inline:0;inset-block:calc((var(--minimum-touch-target) - 100%) / -2)}.shortlist-button--pill[data-saved] .shortlist-button__control,.shortlist-button--pill[data-saved] .shortlist-button__control:hover{background-color:rgb(var(--color-foreground-rgb) / var(--opacity-8));border-color:rgb(var(--color-foreground-rgb) / var(--opacity-20));color:rgb(var(--color-foreground-rgb) / var(--opacity-70))}.shortlist-counter__trigger{display:inline-flex;align-items:center;gap:var(--gap-3xs);min-height:var(--minimum-touch-target);padding-inline:var(--padding-xs);background:none;border:0;color:inherit;font-size:var(--font-size--sm);cursor:pointer}.shortlist-counter__count{display:inline-flex;align-items:center;justify-content:center;min-width:var(--icon-size-sm);padding-inline:var(--padding-3xs);border-radius:var(--style-border-radius-50);background-color:var(--color-foreground);color:var(--color-background);font-size:var(--font-size--2xs)}.shortlist-counter__trigger:focus-visible{outline:var(--focus-outline-width) solid currentcolor;outline-offset:var(--focus-outline-offset)}.shortlist-panel{width:min(100%,var(--normal-content-width));padding:var(--padding-xl);border:var(--style-border-width-inputs) solid var(--color-border);border-radius:var(--style-border-radius-popover);background-color:var(--color-background);color:var(--color-foreground)}.shortlist-panel::backdrop{background-color:rgb(from var(--color-black) r g b / var(--backdrop-opacity))}.shortlist-panel__header{display:flex;align-items:center;justify-content:space-between;gap:var(--gap-sm);margin-block-end:var(--margin-md)}.shortlist-panel__heading{margin:0;font-size:var(--font-size--lg)}.shortlist-panel__close{min-height:var(--minimum-touch-target);padding-inline:var(--padding-xs);background:none;border:0;color:inherit;font-size:var(--font-size--sm);cursor:pointer}.shortlist-panel__list{list-style:none;margin:0 0 var(--margin-lg);padding:0;display:grid;gap:var(--gap-3xs)}.shortlist-panel__item{display:flex;align-items:center;justify-content:space-between;gap:var(--gap-sm);padding-block:var(--padding-xs);border-block-end:var(--border-width-sm) solid var(--color-border)}.shortlist-panel__remove{flex-shrink:0;min-height:var(--minimum-touch-target);padding-inline:var(--padding-xs);background:none;border:0;color:inherit;font-size:var(--font-size--sm);text-decoration:underline;cursor:pointer}.shortlist-panel__empty{opacity:var(--opacity-subdued-text)}.shortlist-panel__cta{width:100%}
/*# sourceMappingURL=/cdn/shop/t/98/assets/shortlist.css.map */