.dui-swatch{position:relative;box-sizing:border-box}@keyframes dui-skeleton-loading{0%{background-position:100% 50%}to{background-position:0% 50%}}.dui-swatch__outline{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;border:1px solid var(--border-color-overlay);border-radius:var(--bc0266d0);pointer-events:none}.dui-swatch__outline--has-img{border:1px solid var(--border-color-overlay, rgba(0, 0, 0, .24))}.dui-swatch__title{display:flex;align-items:center;justify-content:center;width:calc(100% - 10px);height:var(--d9068b9c);margin:0 auto;overflow:hidden;font:var(--31142564);color:var(--4ca48b25);text-overflow:ellipsis;white-space:nowrap}.dui-swatch__transparent{position:absolute;top:0;right:0;z-index:0;width:50%;height:100%;background-color:#fff;background-image:linear-gradient(45deg,#f0f0f0 25%,transparent 0),linear-gradient(45deg,transparent 75%,#f0f0f0 0),linear-gradient(45deg,#f0f0f0 25%,transparent 0),linear-gradient(45deg,transparent 75%,#f0f0f0 0);background-position:0 0,5px 5px,5px 5px,10px 10px;background-size:10px 10px;border-top-right-radius:var(--bc0266d0);border-bottom-right-radius:var(--bc0266d0);pointer-events:none}.dui-swatch__error,.dui-swatch__mask{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.dui-swatch__mask{z-index:5;background:var(--9df70c42)}.dui-swatch__slots--bottom,.dui-swatch__slots--topRight,.dui-swatch__slots--bottomLeft,.dui-swatch__slots--bottomRight,.dui-swatch__slots--topLeft,.dui-swatch__slots--center{position:absolute;z-index:6;width:fit-content;height:fit-content}.dui-swatch__slots--topLeft{top:8px;left:8px}.dui-swatch__slots--topRight{top:8px;right:8px}.dui-swatch__slots--bottomLeft{bottom:8px;left:8px}.dui-swatch__slots--bottomRight{right:4px;bottom:4px}.dui-swatch__slots--center{top:50%;left:50%;transform:translate(-50%,-50%)}.dui-swatch__slots--bottom{bottom:8px;left:50%;transform:translate(-50%)}.dui-swatch__error{z-index:2;background:#f1f2f4}.dui-swatch__error--default{width:100%;height:100%;background:url("data:image/svg+xml,%3csvg%20width='72'%20height='72'%20viewBox='0%200%2072%2072'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='72'%20height='72'%20fill='%23F1F2F4'/%3e%3cg%20filter='url(%23filter0_ii_13351_376840)'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M27.374%2022.4105C26.0555%2022.4105%2024.9866%2023.4793%2024.9866%2024.7978C24.9866%2026.1163%2026.0555%2027.1851%2027.374%2027.1851C28.6925%2027.1851%2029.7613%2026.1163%2029.7613%2024.7978C29.7613%2023.4793%2028.6925%2022.4105%2027.374%2022.4105ZM21.5762%2024.7978C21.5762%2021.5958%2024.1719%2019%2027.374%2019C30.576%2019%2033.1718%2021.5958%2033.1718%2024.7978C33.1718%2027.9998%2030.576%2030.5956%2027.374%2030.5956C24.1719%2030.5956%2021.5762%2027.9998%2021.5762%2024.7978Z'%20fill='%237F8792'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M27.374%2022.4105C26.0555%2022.4105%2024.9866%2023.4793%2024.9866%2024.7978C24.9866%2026.1163%2026.0555%2027.1851%2027.374%2027.1851C28.6925%2027.1851%2029.7613%2026.1163%2029.7613%2024.7978C29.7613%2023.4793%2028.6925%2022.4105%2027.374%2022.4105ZM21.5762%2024.7978C21.5762%2021.5958%2024.1719%2019%2027.374%2019C30.576%2019%2033.1718%2021.5958%2033.1718%2024.7978C33.1718%2027.9998%2030.576%2030.5956%2027.374%2030.5956C24.1719%2030.5956%2021.5762%2027.9998%2021.5762%2024.7978Z'%20fill='%239DA3AC'/%3e%3c/g%3e%3cg%20filter='url(%23filter1_ii_13351_376840)'%3e%3cpath%20d='M56.9273%2050.7008L47.6805%2032.3009L40.0916%2037.9151L40.247%2038.5402L38.7291%2040.252L39.6055%2042.2522L39.0429%2043.7817L46.2065%2038.4821L53.2705%2052.5385L56.9273%2050.7008Z'%20fill='%237F8792'/%3e%3cpath%20d='M56.9273%2050.7008L47.6805%2032.3009L40.0916%2037.9151L40.247%2038.5402L38.7291%2040.252L39.6055%2042.2522L39.0429%2043.7817L46.2065%2038.4821L53.2705%2052.5385L56.9273%2050.7008Z'%20fill='%239DA3AC'/%3e%3c/g%3e%3cg%20filter='url(%23filter2_ii_13351_376840)'%3e%3cpath%20d='M37.1597%2042.9283L33.7921%2048.2273L25.5657%2041.8818L19.4633%2051.2444L16.0347%2049.0098L24.5567%2035.9348L32.7424%2042.2489L35.1579%2038.4481L35.138%2040.1661L36.6722%2041.4815L37.1597%2042.9283Z'%20fill='%237F8792'/%3e%3cpath%20d='M37.1597%2042.9283L33.7921%2048.2273L25.5657%2041.8818L19.4633%2051.2444L16.0347%2049.0098L24.5567%2035.9348L32.7424%2042.2489L35.1579%2038.4481L35.138%2040.1661L36.6722%2041.4815L37.1597%2042.9283Z'%20fill='%239DA3AC'/%3e%3c/g%3e%3cdefs%3e%3cfilter%20id='filter0_ii_13351_376840'%20x='21.5762'%20y='19'%20width='11.5956'%20height='11.5957'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='BackgroundImageFix'%20result='shape'/%3e%3cfeColorMatrix%20in='SourceAlpha'%20type='matrix'%20values='0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200'%20result='hardAlpha'/%3e%3cfeOffset%20dx='0.204628'%20dy='0.204628'/%3e%3cfeComposite%20in2='hardAlpha'%20operator='arithmetic'%20k2='-1'%20k3='1'/%3e%3cfeColorMatrix%20type='matrix'%20values='0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.1%200'/%3e%3cfeBlend%20mode='normal'%20in2='shape'%20result='effect1_innerShadow_13351_376840'/%3e%3cfeColorMatrix%20in='SourceAlpha'%20type='matrix'%20values='0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200'%20result='hardAlpha'/%3e%3cfeOffset%20dx='-0.204628'%20dy='-0.204628'/%3e%3cfeComposite%20in2='hardAlpha'%20operator='arithmetic'%20k2='-1'%20k3='1'/%3e%3cfeColorMatrix%20type='matrix'%20values='0%200%200%200%201%200%200%200%200%201%200%200%200%200%201%200%200%200%200.15%200'/%3e%3cfeBlend%20mode='normal'%20in2='effect1_innerShadow_13351_376840'%20result='effect2_innerShadow_13351_376840'/%3e%3c/filter%3e%3cfilter%20id='filter1_ii_13351_376840'%20x='38.7291'%20y='32.301'%20width='18.1981'%20height='20.2375'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='BackgroundImageFix'%20result='shape'/%3e%3cfeColorMatrix%20in='SourceAlpha'%20type='matrix'%20values='0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200'%20result='hardAlpha'/%3e%3cfeOffset%20dx='0.204628'%20dy='0.204628'/%3e%3cfeComposite%20in2='hardAlpha'%20operator='arithmetic'%20k2='-1'%20k3='1'/%3e%3cfeColorMatrix%20type='matrix'%20values='0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.1%200'/%3e%3cfeBlend%20mode='normal'%20in2='shape'%20result='effect1_innerShadow_13351_376840'/%3e%3cfeColorMatrix%20in='SourceAlpha'%20type='matrix'%20values='0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200'%20result='hardAlpha'/%3e%3cfeOffset%20dx='-0.204628'%20dy='-0.204628'/%3e%3cfeComposite%20in2='hardAlpha'%20operator='arithmetic'%20k2='-1'%20k3='1'/%3e%3cfeColorMatrix%20type='matrix'%20values='0%200%200%200%201%200%200%200%200%201%200%200%200%200%201%200%200%200%200.15%200'/%3e%3cfeBlend%20mode='normal'%20in2='effect1_innerShadow_13351_376840'%20result='effect2_innerShadow_13351_376840'/%3e%3c/filter%3e%3cfilter%20id='filter2_ii_13351_376840'%20x='16.0347'%20y='35.9348'%20width='21.125'%20height='15.3096'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='BackgroundImageFix'%20result='shape'/%3e%3cfeColorMatrix%20in='SourceAlpha'%20type='matrix'%20values='0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200'%20result='hardAlpha'/%3e%3cfeOffset%20dx='0.204628'%20dy='0.204628'/%3e%3cfeComposite%20in2='hardAlpha'%20operator='arithmetic'%20k2='-1'%20k3='1'/%3e%3cfeColorMatrix%20type='matrix'%20values='0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.1%200'/%3e%3cfeBlend%20mode='normal'%20in2='shape'%20result='effect1_innerShadow_13351_376840'/%3e%3cfeColorMatrix%20in='SourceAlpha'%20type='matrix'%20values='0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200'%20result='hardAlpha'/%3e%3cfeOffset%20dx='-0.204628'%20dy='-0.204628'/%3e%3cfeComposite%20in2='hardAlpha'%20operator='arithmetic'%20k2='-1'%20k3='1'/%3e%3cfeColorMatrix%20type='matrix'%20values='0%200%200%200%201%200%200%200%200%201%200%200%200%200%201%200%200%200%200.15%200'/%3e%3cfeBlend%20mode='normal'%20in2='effect1_innerShadow_13351_376840'%20result='effect2_innerShadow_13351_376840'/%3e%3c/filter%3e%3c/defs%3e%3c/svg%3e") no-repeat;background-position:center;background-size:contain}.dui-swatch__skeleton{position:absolute;top:0;left:0;z-index:3;width:100%;height:100%;overflow:hidden;background:linear-gradient(90deg,#f2f2f2 25%,#e6e6e6 37%,#f2f2f2 63%);background-size:400% 100%;animation:dui-skeleton-loading 1.4s ease infinite}.dui-swatch--selected{position:relative;box-shadow:0 0 0 2px var(--border-color-emphasis)}.dui-swatch--selected:after{position:absolute;top:0;left:0;z-index:4;width:100%;height:100%;overflow:hidden;border:2px solid var(--background-color-primary-regular);content:""}.dui-swatch--shape-square{border-radius:0}.dui-swatch--shape-square.dui-swatch--selected:after{overflow:hidden;border-radius:0}.dui-swatch--shape-round{overflow:hidden;border-radius:var(--border-radius-small)}.dui-swatch--shape-round.dui-swatch--selected:after{overflow:hidden;border-radius:var(--bc0266d0)}.dui-swatch--shape-circle{overflow:hidden;border-radius:50%}.dui-swatch--shape-circle.dui-swatch--selected:after{overflow:hidden;border-radius:50%}.dui-swatch__image-inner-container{box-sizing:border-box;width:100%;height:100%}.dui-swatch__image--fit-fill{object-fit:fill}.dui-swatch__image--fit-contain{object-fit:contain}.dui-swatch__image--fit-cover{object-fit:cover}.dui-swatch__image--fit-scale-down{object-fit:scale-down}.dui-swatch__image--fit-none{object-fit:none}.dui-swatch-group{display:flex;flex-flow:row wrap}.dui-swatch-group__item{margin:var(--0c66a5d8) var(--25b61b06)}.dui-swatch-group__item__title{display:flex;align-items:center;justify-content:center;height:32px;margin-top:8px;font:var(--text-p1-regular);text-align:center}