.swatch-modal{z-index:1000;visibility:hidden;transition:visibility var(--duration-default) ease, background-color var(--duration-default) ease;background-color:#0000;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.swatch-modal[open]{visibility:visible;background-color:#0006}.swatch-modal .swym-wishlist-collections-v2-container{display:none}.swatch-modal__overlay{position:fixed;inset:0}.swatch-modal__panel{background-color:var(--bg-color-white);width:100%;max-height:85vh;transition:transform var(--duration-default) ease;flex-direction:column;display:flex;position:relative;transform:translateY(100%)}.swatch-modal[open] .swatch-modal__panel{transform:translateY(0)}@media (width>=769px){.swatch-modal{justify-content:flex-end;align-items:stretch}.swatch-modal__panel{width:var(--swatch-modal-width,26rem);max-width:calc(100vw - 3rem);height:100%;max-height:none;transform:translate(100%)}.swatch-modal[open] .swatch-modal__panel{transform:translate(0)}}@media (prefers-reduced-motion:reduce){.swatch-modal,.swatch-modal__overlay,.swatch-modal__panel{transition:none}}.swatch-modal__header{align-items:center;gap:var(--spacing-x-small);padding:var(--spacing-normal);display:flex}.swatch-modal__title{align-items:baseline;gap:var(--spacing-x-small);flex:1 0 0;min-width:0;margin:0;display:flex}.swatch-modal__count{font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-size:var(--font-size-small);letter-spacing:var(--letter-spacing-normal);text-transform:uppercase;color:var(--body-text-color);white-space:nowrap}.swatch-modal__current{font-size:var(--font-size-x-small);color:var(--body-text-color-light);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.swatch-modal__close{width:2rem;height:2rem;color:var(--body-text-color);cursor:pointer;background:0 0;border:0;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.swatch-modal__close svg{width:2rem;height:2rem}.swatch-modal__content{padding-inline:var(--spacing-normal);padding-bottom:var(--spacing-normal);overscroll-behavior:contain;flex:auto;overflow-y:auto}.swatch-modal__grid{-moz-column-gap:var(--spacing-x-small);column-gap:var(--spacing-x-small);grid-template-columns:repeat(3,1fr);margin:0;padding:0;list-style:none;display:grid}@media (width>=769px){.swatch-modal__grid{grid-template-columns:repeat(2,1fr)}}.swatch-modal__item{min-width:0}.swatch-modal__card{color:var(--body-text-color);flex-direction:column;text-decoration:none;display:flex}.swatch-modal__image{aspect-ratio:184/230;box-sizing:border-box;border:var(--inputs-border-width) solid transparent;width:100%;display:block;position:relative;overflow:hidden}.swatch-modal__image img{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%;height:100%}.swatch-modal__card.active .swatch-modal__image{border-color:var(--bg-color-dark)}.swatch-modal__card.disabled .swatch-modal__image{border-color:var(--button-disabled-color)}.swatch-modal__card.disabled .swatch-modal__image:after{content:"";background:linear-gradient(to bottom right, transparent calc(50% - .5px), var(--button-disabled-color) calc(50% - .5px), var(--button-disabled-color) calc(50% + .5px), transparent calc(50% + .5px));position:absolute;inset:0}.swatch-modal__card.disabled .swatch-modal__name{color:var(--button-disabled-color)}.swatch-modal__name{padding-block:var(--spacing-x-small);font-size:var(--font-size-x-small);letter-spacing:var(--letter-spacing-small);text-transform:uppercase;word-break:break-word;line-height:1.4;display:block}