.soft-bold-wrapper[data-v-6359db78]{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-sizing:border-box;cursor:pointer;z-index:5;background:#0006;justify-content:center;align-items:center;width:fit-content;height:40px;display:flex;position:absolute;left:5%;box-shadow:0 0 10px #0000001a}@media only screen and (width<=820px){.soft-bold-wrapper[data-v-6359db78]{height:32px;position:fixed;top:75px;left:20px}}.soft-bold-wrapper .soft-bold-text[data-v-6359db78]{text-align:center;color:#000;background-color:#fff;width:50%;padding:0 10px;font-size:12px;line-height:24px}.soft-bold-wrapper .active[data-v-6359db78]{color:#fff;background-color:#000}.soft-bold-wrapper .toggle-button-cover[data-v-6359db78]{box-sizing:border-box;width:fit-content;height:40px;display:table-cell;position:relative}@media only screen and (width<=820px){.soft-bold-wrapper .toggle-button-cover[data-v-6359db78]{height:32px}}.soft-bold-wrapper .button-cover[data-v-6359db78]{background-color:#fff;box-shadow:0 10px 20px -8px #c5d6d6}.soft-bold-wrapper .button-cover[data-v-6359db78],.soft-bold-wrapper .knobs[data-v-6359db78],.soft-bold-wrapper .layer[data-v-6359db78]{text-transform:capitalize;position:absolute;inset:0}.soft-bold-wrapper .button[data-v-6359db78]{width:160px;height:40px;margin:-50px auto 0;position:relative;top:50%;overflow:hidden}@media only screen and (width<=820px){.soft-bold-wrapper .button[data-v-6359db78]{height:32px}}.soft-bold-wrapper .checkbox[data-v-6359db78]{opacity:0;cursor:pointer;z-index:3;width:100%;height:100%;margin:0;padding:0;position:relative}.soft-bold-wrapper .knobs[data-v-6359db78]{z-index:2}.soft-bold-wrapper .layer[data-v-6359db78]{z-index:1;background-color:#fff;width:100%;transition:all .3s}.soft-bold-wrapper #soft-bold-button .knobs span[data-v-6359db78],.soft-bold-wrapper #soft-bold-button .knobs[data-v-6359db78]:after,.soft-bold-wrapper #soft-bold-button .knobs[data-v-6359db78]:before{text-align:center;width:50%;height:100%;font-size:14px;line-height:26px;transition:all .3s;position:absolute}@media only screen and (width<=820px){.soft-bold-wrapper #soft-bold-button .knobs span[data-v-6359db78],.soft-bold-wrapper #soft-bold-button .knobs[data-v-6359db78]:after,.soft-bold-wrapper #soft-bold-button .knobs[data-v-6359db78]:before{line-height:20px}}.soft-bold-wrapper #soft-bold-button .knobs[data-v-6359db78]:before{content:"";background-color:#2f2925}.soft-bold-wrapper #soft-bold-button .knobs[data-v-6359db78]:after{content:attr(data-content);color:#4e4e4e;top:6px;right:2px}.soft-bold-wrapper #soft-bold-button .knobs span[data-v-6359db78]{color:#fff;z-index:1;display:inline-block;top:6px}.soft-bold-wrapper #soft-bold-button .checkbox:checked+.knobs span[data-v-6359db78]{color:#4e4e4e}.soft-bold-wrapper #soft-bold-button .checkbox:checked+.knobs[data-v-6359db78]:before{background-color:#2f2925;left:80px}.soft-bold-wrapper #soft-bold-button .checkbox:checked+.knobs[data-v-6359db78]:after{color:#fff}.soft-bold-wrapper #soft-bold-button .checkbox:checked~.layer[data-v-6359db78]{background-color:#fff}.wrapper[data-v-c1376eec]{z-index:3;flex-direction:column;width:100%;height:auto;display:flex;position:fixed;bottom:0}.wrapper .gradient-background[data-v-c1376eec]{background-image:linear-gradient(#0000,#0000009a);flex-direction:column;justify-content:center;align-items:center;display:flex}.wrapper .gradient-background .shade_name[data-v-c1376eec]{text-align:center;text-transform:capitalize;color:#fff;justify-content:center;align-items:center;margin-top:10px;margin-bottom:30px;padding-bottom:0;font-size:14px;line-height:20px;display:flex}@media only screen and (width<=820px){.wrapper .gradient-background .shade_name[data-v-c1376eec]{margin-top:10px;margin-bottom:10px}}.wrapper .menu-wrapper[data-v-c1376eec]{background-color:#fff;width:100%;height:fit-content}.wrapper .menu-wrapper .products-wrapper[data-v-c1376eec]{flex-direction:column;align-items:center;min-height:0;display:flex}.wrapper .menu-wrapper .products-wrapper .products-scroll[data-v-c1376eec]{background-color:#0000;width:100%;display:flex;overflow:auto}.wrapper .menu-wrapper .products-wrapper .products-scroll .products[data-v-c1376eec]{flex-direction:row;gap:50px;margin:0 auto;padding:30px;display:flex}@media only screen and (width<=820px){.wrapper .menu-wrapper .products-wrapper .products-scroll .products[data-v-c1376eec]{gap:30px;padding:10px}}