.foldar-variation-dropdown{--btn-color: currentColor;--btn-hover-bg: var(--btn-color);--btn-hover-text: #fff;--menu-gap: 8px}.foldar-variation-dropdown,.foldar-vd-wrapper{position:relative;display:inline-flex}.foldar-vd-trigger{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;overflow:hidden;z-index:2;font:inherit;line-height:inherit;padding:0;margin:0;border:1px solid var(--btn-color, currentColor);background:transparent;color:inherit;text-decoration:none;white-space:nowrap;-webkit-appearance:none;appearance:none;transition:color .3s ease,background-color .3s ease}.foldar-vd-trigger:before{content:"";position:absolute;inset:0;background:var(--btn-hover-bg, var(--btn-color, currentColor));transform:translateY(100%);transition:transform .25s ease;z-index:0}.foldar-vd-trigger:hover:before,.is-open .foldar-vd-trigger:before{transform:translateY(0)}.foldar-vd-trigger:hover,.is-open .foldar-vd-trigger{color:var(--btn-hover-text, #fff)}.foldar-vd-trigger:focus-visible{outline:2px solid var(--btn-color, currentColor);outline-offset:2px}.foldar-vd-icon{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .3s ease}.foldar-vd-icon svg{width:1em;height:1em;display:block}.foldar-vd-icon i{display:flex;align-items:center;justify-content:center}.foldar-vd-wrapper.has-icon .foldar-vd-trigger{justify-content:flex-start}.foldar-vd-wrapper.has-icon.icon-right .foldar-vd-trigger{flex-direction:row-reverse}.foldar-vd-trigger-text{position:relative;z-index:1;overflow:hidden;height:1lh}.foldar-vd-trigger-label{display:flex;align-items:center;line-height:inherit;height:1lh;flex-shrink:0;transition:transform .4s ease,color .4s ease}.foldar-vd-trigger-label.foldar-vd-trigger-label-hover{position:absolute;top:0;left:0;width:100%;visibility:visible!important;color:var(--btn-hover-text, #fff);transform:translateY(150%)}.foldar-vd-trigger:hover .foldar-vd-trigger-label,.is-open .foldar-vd-trigger-label{transform:translateY(-150%)}.foldar-vd-trigger:hover .foldar-vd-trigger-label.foldar-vd-trigger-label-hover,.is-open .foldar-vd-trigger-label.foldar-vd-trigger-label-hover{transform:translateY(0)}.foldar-vd-chevron{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0}.foldar-vd-chevron svg{width:100%;height:100%}.foldar-vd-wrapper.chevron-left .foldar-vd-chevron{margin-right:0;margin-left:0}.foldar-vd-wrapper.chevron-right .foldar-vd-chevron{margin-left:0}.foldar-vd-wrapper.chevron-far-right .foldar-vd-trigger{position:relative;padding-right:32px}.foldar-vd-wrapper.chevron-far-right .foldar-vd-chevron{position:absolute;right:12px;top:50%;transform:translateY(-50%);margin:0}.foldar-vd-wrapper.chevron-absolute .foldar-vd-trigger{position:relative}.foldar-vd-wrapper.chevron-absolute .foldar-vd-chevron{position:absolute;margin:0}.foldar-vd-menu{position:absolute;bottom:calc(100% + var(--menu-gap, 8px));left:0;min-width:100%;background:#fff;border:1px solid rgba(0,0,0,.08);box-shadow:0 4px 6px -1px #00000026,0 10px 15px -3px #0000001f,0 20px 25px -5px #0000001a;z-index:99999;overflow:hidden;overflow-y:auto;visibility:hidden;pointer-events:none}.foldar-vd-menu.is-visible{visibility:visible!important;pointer-events:auto!important}.foldar-vd-menu.clip-corner{--clip-size: 1.2rem;clip-path:polygon(0 0,calc(100% - var(--clip-size)) 0,100% var(--clip-size),100% 100%,0 100%);border-top-right-radius:0!important}.foldar-vd-options{display:flex;flex-direction:column}.foldar-vd-option{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:12px 16px;border:none;background:transparent;cursor:pointer;text-align:left;font-family:inherit;font-size:inherit;color:inherit;transition:background-color .15s ease,color .15s ease;white-space:nowrap}.foldar-vd-option:hover{background:#0000000d}.foldar-vd-option.is-selected{background:#00000014;font-weight:600}.foldar-vd-option.is-unavailable{text-decoration:line-through!important;opacity:.35!important;pointer-events:none!important;cursor:default!important}.foldar-vd-option.is-unavailable:hover{background:transparent!important}.foldar-vd-option:focus-visible{outline:2px solid currentColor;outline-offset:-2px}.foldar-vd-option-name{flex:1}.foldar-vd-option-check{display:none;align-items:center;justify-content:center;width:18px;height:18px;min-width:18px;min-height:18px;flex-shrink:0;overflow:hidden}.foldar-vd-option-check svg{width:18px;height:18px;display:block}.is-selected .foldar-vd-option-check{display:flex}.foldar-vd-label{display:none;align-items:center;gap:var(--label-line-gap, .75rem);width:100%;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:inherit;white-space:nowrap;margin-bottom:var(--label-gap, .5rem)}.foldar-vd-label:after{content:"";flex:1;height:var(--label-line-height, .1rem);background:var(--label-line-color, currentColor)}.foldar-vd-wrapper.has-label{flex-direction:column;align-items:stretch}.foldar-vd-wrapper.has-label .foldar-vd-label{display:flex}.foldar-vd-builder-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px 32px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px dashed #dee2e6;border-radius:8px;text-align:center;min-width:200px}.foldar-vd-builder-placeholder__icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#fff;border-radius:50%;box-shadow:0 2px 8px #00000014}.foldar-vd-builder-placeholder__icon svg{width:24px;height:24px;color:#6c757d}.foldar-vd-builder-placeholder__title{font-size:14px;font-weight:600;color:#495057;margin-top:4px}.foldar-vd-builder-placeholder__message{font-size:12px;color:#6c757d;max-width:180px;line-height:1.4}@media(prefers-reduced-motion:reduce){.foldar-vd-trigger:before,.foldar-vd-menu,.foldar-vd-chevron,.foldar-vd-icon,.foldar-vd-option,.foldar-vd-option-check,.foldar-vd-trigger-label{transition:none!important}}