@keyframes slideup{0%{bottom:-100%}to{bottom:0}}.fade-enter-active,.fade-leave-active{transition:height .3s ease-in-out,opacity .3s ease-in-out}.fade-enter-from,.fade-leave-to{opacity:0;height:0}.pdp-variants-overlay{flex-direction:column;gap:2.4rem;padding-bottom:2.4rem;display:flex}.pdp-variants-overlay__variant{margin:auto 1.6rem}.pdp-variants-overlay__variant:not(:first-child){border-top:.1rem solid #dedede;padding-top:2.4rem}.pdp-variants-overlay__additional-variants{flex-direction:column;gap:1.2rem;display:flex}.pdp-variants-overlay__additional-headline{font-size:1.4rem;font-weight:400;line-height:1.3}.pdp-variants-overlay__additional-variant{cursor:pointer;color:inherit;border:.1rem solid #8e8e8e;border-radius:.4rem;grid-template-columns:3.7rem 1fr;align-items:center;gap:1.2rem;padding-block:1.6rem;padding-inline:1.2rem;text-decoration:none;display:grid}.pdp-variants-overlay__additional-variant:hover,.pdp-variants-overlay__additional-variant--selected{color:inherit;border:.2rem solid #3c3c3c;margin:-.1rem}.pdp-variants-overlay__additional-variant-image-container{text-align:center;width:3.7rem;height:3.7rem}.pdp-variants-overlay__additional-variant-image{object-fit:contain;width:100%;max-width:3.7rem;height:100%;max-height:3.7rem}.pdp-variants-overlay__additional-variant-title{font-size:1.3rem}