.wd-show-sidebar-btn{display:block!important;text-align:right}
.variations .variable-items-wrapper.oscs-wrapper{display:flex!important;flex-wrap:wrap;align-items:center;gap:10px}
.variations .oscs-wrapper>.variable-item{position:relative!important;width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;padding:3px!important;margin:0!important;overflow:visible!important;border:1px solid rgba(20,25,30,.18)!important;border-radius:50%!important;background:#fff!important;box-shadow:0 1px 4px rgba(10,15,20,.12)!important;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.variations .oscs-wrapper>.variable-item:hover{z-index:3;transform:translateY(-2px);border-color:rgba(20,25,30,.52)!important;box-shadow:0 5px 13px rgba(10,15,20,.18)!important}
.variations .oscs-wrapper>.variable-item.selected,.variations .oscs-wrapper>.variable-item[aria-checked=true]{transform:translateY(-1px);border-color:#111!important;box-shadow:0 0 0 2px #fff,0 0 0 4px #111!important}
.variations .oscs-wrapper .variable-item-contents{position:relative;display:block!important;width:100%!important;height:100%!important;padding:0!important;overflow:hidden;border-radius:50%!important}
.oscs-color-preview{position:relative;display:block;width:100%;height:100%;overflow:hidden;border-radius:inherit;background:var(--oscs-frame-bg);box-shadow:inset 0 0 0 1px rgba(0,0,0,.14)}
.oscs-color-preview.oscs-has-lens:after{content:"";position:absolute;inset:7px;border:1px solid rgba(255,255,255,.42);border-radius:50%;background:var(--oscs-lens-bg);box-shadow:0 1px 3px rgba(0,0,0,.28),inset 0 0 0 1px rgba(0,0,0,.12)}
.oscs-color-preview.oscs-has-temple:before{content:"";position:absolute;z-index:2;right:2px;top:9px;width:5px;height:20px;border-radius:4px;background:var(--oscs-temple-bg);box-shadow:0 0 0 1px rgba(0,0,0,.13);transform:rotate(-10deg)}
.oscs-wrapper .variable-item-span-button{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.oscs-wrapper>.variable-item.disabled,.oscs-wrapper>.variable-item.out-of-stock{opacity:.42;filter:grayscale(.38)}
.oscs-wrapper .abd-color-preview{display:none!important}
@media(max-width:767px){.variations .oscs-wrapper{gap:9px}.variations .oscs-wrapper>.variable-item{width:42px!important;min-width:42px!important;height:42px!important;min-height:42px!important}}