:root{--dark-cream:#4f4e36;--cream:#fffee5;--terracotta:#854343;--hazelnut:#573737;--dark:#200a0a;--black:#0a0a0a;--nav-height:10vh}.variantSelectionOverlayContainerDefault{width:100%;bottom:0;left:0;right:0;position:absolute;display:none;padding:20px;border-radius:2rem;flex-wrap:wrap;gap:10px;justify-content:flex-start;align-items:center;background-color:var(--dark);border-top:4px solid #573737;z-index:10}.variantSelectionOverlayContainerDefault div svg{fill:#fffee5}@media(orientation:landscape){.variantSelectionOverlayContainerDefault{right:0;left:0;min-height:12rem}}.variantSelectionOverlayContainerDown{position:absolute;width:100%;top:60;left:0;right:0;display:none;padding:20px;border-radius:10px;flex-wrap:wrap;gap:10px;z-index:12;justify-content:flex-start;align-items:center;background-color:var(--dark);border:2px solid var(--terracotta)}.variantSelectionOverlayContainerDown div svg{fill:#fffee5}.variantSelectionOverlayContainerFixed{position:relative;display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:clamp(.5rem,2.5vw,1rem)}.variantButton{display:flex;justify-content:center;align-items:center;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;background-color:#573737;padding:clamp(.5rem,2.5vw,1rem) clamp(1rem,3.5vw,1.5rem);border-radius:clamp(.5rem,2.5vw,1rem);cursor:pointer}.variantButton p{font-size:clamp(1.2rem,2.2vw,1.5rem)!important;font-weight:600;text-transform:capitalize}.variantButtonSelected{display:flex;justify-content:center;align-items:center;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;background-color:#573737;padding:clamp(.5rem,2.5vw,1rem) clamp(1rem,3.5vw,1.5rem);border-radius:clamp(.5rem,2.5vw,1rem);cursor:pointer;background-color:#fffee5}.variantButtonSelected p{font-size:clamp(1.2rem,2.2vw,1.5rem)!important;text-transform:capitalize;color:#573737;font-weight:600}.variantButton:hover{background-color:#fffee5}.variantButton:hover p{color:#573737}