.canvas-container .item-views-container{display:flex;justify-content:center;gap:14px}@media(max-width:767px){.canvas-container .item-views-container{gap:10px;width:100%;justify-content:space-between;padding:0 2px}}@media(min-width:768px){.canvas-container .item-views-container{gap:15px;flex-direction:column;justify-content:flex-start;align-items:flex-end;width:-moz-fit-content;width:fit-content;margin-left:auto}}.canvas-container .item-views-container .variant-item{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:rgba(0,0,0,0);padding:0;margin:0;font:inherit;color:inherit;display:flex;flex-direction:column;gap:6px;cursor:pointer;width:-moz-fit-content;width:fit-content;transition:border-color .15s ease,color .15s ease,background .15s ease;position:relative;z-index:1;pointer-events:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}@media(max-width:767px){.canvas-container .item-views-container .variant-item{gap:8px;flex:1 1;min-width:0;align-items:center}}@media(min-width:1024px){.canvas-container .item-views-container .variant-item{align-items:center}}.canvas-container .item-views-container .variant-item .text,.canvas-container .item-views-container .variant-item .variant-item__title{font-size:13px;font-weight:500;line-height:1.2;text-align:center;color:#5c5c5c;transition:color .15s ease}@media(max-width:767px){.canvas-container .item-views-container .variant-item .text,.canvas-container .item-views-container .variant-item .variant-item__title{font-size:12px;font-weight:550;color:#4a4a4a}}.canvas-container .item-views-container .variant-item .image-container{box-sizing:border-box;width:48px;height:48px;border:1px solid #bdbdbd;background:#fff;padding:3px;transition:border-color .15s ease,box-shadow .15s ease;overflow:hidden;pointer-events:none}.canvas-container .item-views-container .variant-item .image-container .image,.canvas-container .item-views-container .variant-item .image-container img{width:100%!important;height:100%!important;object-fit:contain!important;pointer-events:none}@media(max-width:767px){.canvas-container .item-views-container .variant-item .image-container{width:52px;height:52px;margin-inline:auto}}@media(min-width:768px){.canvas-container .item-views-container .variant-item .image-container{width:72px;height:72px;padding:4px}}@media(min-width:1024px){.canvas-container .item-views-container .variant-item .image-container{width:64px;height:64px}}@media(min-width:1440px){.canvas-container .item-views-container .variant-item .image-container{width:76px;height:76px}}.canvas-container .item-views-container .variant-item.skeleton-item{cursor:default;pointer-events:none}.canvas-container .item-views-container .variant-item.skeleton-item .image-container{border:1px solid #e0e0e0;padding:0;background:rgba(0,0,0,0);overflow:hidden}.canvas-container .item-views-container .variant-item.skeleton-item .image-container .skeleton-wrapper{display:block;width:100%;height:100%;position:relative}.canvas-container .item-views-container .variant-item.skeleton-item .image-container .skeleton-wrapper .react-loading-skeleton{position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;height:100%!important;border-radius:0!important}.canvas-container .item-views-container .variant-item.skeleton-item .text{display:flex;justify-content:center;margin-top:5px;min-height:14px}.canvas-container .item-views-container .variant-item.skeleton-item .text .react-loading-skeleton{border-radius:0!important}.canvas-container .item-views-container .variant-item.active .image-container{border-color:#2a2a2a;box-shadow:none}.canvas-container .item-views-container .variant-item.active .text{color:#111;font-weight:600}.canvas-container .item-views-container .variant-item:not(.active):hover .image-container{border-color:#6a6a6a}.canvas-container .item-views-container .variant-item:not(.active):hover .text{color:#111}.canvas-container .item-views-container .variant-item:focus-visible{outline:2px solid #111;outline-offset:2px}.canvas-container--focus .item-views-container .variant-item .image-container,.canvas-container--focus-desktop .item-views-container .variant-item .image-container{background:#fff;border-color:#a8a8a8}.canvas-container--focus .item-views-container .variant-item .text,.canvas-container--focus .item-views-container .variant-item .variant-item__title,.canvas-container--focus-desktop .item-views-container .variant-item .text,.canvas-container--focus-desktop .item-views-container .variant-item .variant-item__title{color:#3a3a3a}@media(max-width:767px){.canvas-container--focus .item-views-container .variant-item .text,.canvas-container--focus .item-views-container .variant-item .variant-item__title,.canvas-container--focus-desktop .item-views-container .variant-item .text,.canvas-container--focus-desktop .item-views-container .variant-item .variant-item__title{font-size:12px}}.canvas-container--focus .item-views-container .variant-item.active .image-container,.canvas-container--focus-desktop .item-views-container .variant-item.active .image-container{border-color:#2a2a2a;box-shadow:none}.canvas-container--focus .item-views-container .variant-item.active .text,.canvas-container--focus .item-views-container .variant-item.active .variant-item__title,.canvas-container--focus-desktop .item-views-container .variant-item.active .text,.canvas-container--focus-desktop .item-views-container .variant-item.active .variant-item__title{color:#111}