.tpc,.yv-color-filter{--sw-ink:#141112;--sw-off:#FAF7F2;--sw-sand:#D9D0D1;--sw-mag:#F43874;--sw-hair:rgba(20,17,18,.2);--sw-hair-lt:rgba(20,17,18,.58)}.tpc .tpc-list--swatch .tpc-sw{width:36px;height:36px;margin:0;padding:0;border-radius:50%;-webkit-tap-highlight-color:transparent}.tpc .tpc-list--swatch .tpc-sw label{position:relative;display:block;width:100%;height:100%;margin:0;padding:0;border:0;border-radius:50%;background:none;box-shadow:none;font-size:0;cursor:pointer}.tpc .tpc-list--swatch .tpc-sw .tpc-sw__dot{position:absolute;top:5px;right:5px;bottom:5px;left:5px;border-radius:50%;box-shadow:0 0 0 1px var(--sw-h),0 1px 1px #14111224,0 3px 6px -1px #1411122e,0 7px 14px -6px #14111229;transition:transform .2s cubic-bezier(.2,.8,.2,1),box-shadow .2s}.tpc .tpc-list--swatch .tpc-sw .tpc-sw__dot:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;pointer-events:none;background:radial-gradient(circle at 27% 23%,#ffffff75 0,#ffffff24 34%,#fff0 58%),linear-gradient(145deg,#ffffff29 0,#fff0 42%,#1411123d);box-shadow:inset 0 1px 1px #ffffff8c,inset 0 -1px 2px #14111238,inset 0 0 0 1px #ffffff1f}.tpc .tpc-list--swatch .tpc-sw .tpc-sw__dot:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;pointer-events:none;background:no-repeat center/0 0;opacity:0;transition:opacity .15s}.tpc .tpc-list--swatch .tpc-sw label{--sw-h:var(--sw-hair);--sw-ck:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.6 8.4l3 3 5.8-6.4' fill='none' stroke='%23FAF7F2' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");--sw-ckh:rgba(20,17,18,.55)}.tpc .tpc-list--swatch .tpc-sw label:is([data-tip=White i],[data-tip=Beige i],[data-tip=Cream i],[data-tip=Ivory i],[data-tip="Off White" i],[data-tip=Silver i],[data-tip=Pink i],[data-tip="Light Pink" i],[data-tip=Yellow i],[data-tip="Light Blue" i],[data-tip="Sky Blue" i],[data-tip=Mint i],[data-tip=Peach i],[data-tip=Orange i],[data-tip=Gold i],[data-tip=Tan i],[data-tip=Aqua i],[data-tip=Lime i]){--sw-h:var(--sw-hair-lt)}.tpc .tpc-list--swatch .tpc-sw label:is([data-tip=White i],[data-tip=Beige i],[data-tip=Cream i],[data-tip=Ivory i],[data-tip="Off White" i],[data-tip=Silver i],[data-tip=Pink i],[data-tip="Light Pink" i],[data-tip=Yellow i],[data-tip="Light Blue" i],[data-tip="Sky Blue" i],[data-tip=Mint i],[data-tip=Peach i],[data-tip=Orange i],[data-tip=Gold i],[data-tip=Tan i],[data-tip=Aqua i],[data-tip=Lime i],[data-tip=Green i],[data-tip=Gray i],[data-tip=Grey i]){--sw-ck:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.6 8.4l3 3 5.8-6.4' fill='none' stroke='%23141112' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");--sw-ckh:transparent}@media(min-width:768px){.tpc .tpc-list--swatch{padding-left:6px}}.tpc .tpc-g--swatch .tpc-d[open]::details-content{overflow:visible}.tpc .tpc-list--swatch .tpc-sw label:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid transparent;box-shadow:inset 0 0 0 2px transparent;pointer-events:none;transition:border-color .16s,box-shadow .16s}.tpc .tpc-list--swatch .tpc-sw label:before{z-index:6;border-radius:6px;background:var(--sw-ink);color:var(--sw-off);box-shadow:0 6px 14px -4px #14111259}@media(hover:hover){.tpc .tpc-list--swatch .tpc-sw:not(.disabled):hover .tpc-sw__dot{transform:translateY(-1px) scale(1.06);box-shadow:0 0 0 1px var(--sw-h),0 2px 2px #14111224,0 6px 10px -2px #14111238,0 12px 20px -8px #14111233}.tpc .tpc-list--swatch .tpc-sw:not(.disabled):hover label:after{border-color:var(--sw-sand);box-shadow:inset 0 0 0 2px var(--sw-off)}.tpc .tpc-list--swatch .tpc-sw:not(.disabled):hover label:before{opacity:1;transform:translate(-50%)}}.tpc .tpc-list--swatch .tpc-sw input:checked+label{border:0;box-shadow:none;overflow:visible}.tpc .tpc-list--swatch .tpc-sw input:checked+label:after{border-color:var(--sw-ink);box-shadow:inset 0 0 0 2px var(--sw-off),0 4px 9px -3px #14111261}.tpc .tpc-list--swatch .tpc-sw input:checked+label .tpc-sw__dot{transform:none;box-shadow:0 0 0 1px var(--sw-h),0 1px 2px #14111247}.tpc .tpc-list--swatch .tpc-sw input:checked+label .tpc-sw__dot:after{background-image:var(--sw-ck);background-size:15px 15px;opacity:1;filter:drop-shadow(0 1px 1px var(--sw-ckh))}.tpc .tpc-list--swatch .tpc-sw input:focus-visible+label:after{border-color:var(--sw-mag);box-shadow:inset 0 0 0 2px var(--sw-off)}.tpc .tpc-list--swatch .tpc-sw input:focus-visible+label:before{opacity:1;transform:translate(-50%)}.tpc .tpc-list--swatch .tpc-sw.disabled label{opacity:1}.tpc .tpc-list--swatch .tpc-sw.disabled .tpc-sw__dot{opacity:.42;filter:saturate(.55);box-shadow:0 0 0 1px var(--sw-h)}.tpc .tpc-list--swatch .tpc-sw.disabled label:after{border-color:transparent;box-shadow:none;background:linear-gradient(to top right,transparent calc(50% - 2.4px),var(--sw-off) calc(50% - 2.4px),var(--sw-off) calc(50% - 1.2px),var(--sw-ink) calc(50% - 1.2px),var(--sw-ink) calc(50% + 1.2px),var(--sw-off) calc(50% + 1.2px),var(--sw-off) calc(50% + 2.4px),transparent calc(50% + 2.4px)) center/26px 26px no-repeat}@media(max-width:767px){.tpc .tpc-list--swatch .tpc-sw{width:44px;height:44px}.tpc .tpc-list--swatch .tpc-sw .tpc-sw__dot{top:6px;right:6px;bottom:6px;left:6px}.tpc .tpc-list--swatch .tpc-sw input:checked+label .tpc-sw__dot:after{background-size:17px 17px}.tpc .tpc-list--swatch .tpc-sw.disabled label:after{background-size:32px 32px}}@media(prefers-reduced-motion:reduce){.tpc .tpc-list--swatch .tpc-sw .tpc-sw__dot,.tpc .tpc-list--swatch .tpc-sw label:after,.tpc .tpc-list--swatch .tpc-sw .tpc-sw__dot:after{transition:none!important}.tpc .tpc-list--swatch .tpc-sw:hover .tpc-sw__dot{transform:none!important}}@media(forced-colors:active){.tpc .tpc-list--swatch .tpc-sw input:checked+label:after{border-color:Highlight}.tpc .tpc-list--swatch .tpc-sw input:focus-visible+label:after{border-color:Highlight}.tpc .tpc-list--swatch .tpc-sw .tpc-sw__dot{forced-color-adjust:none}}html body .yv-color-filter .yv-filter-item{position:relative;width:36px;height:36px;margin:0 4px 0 0;padding:0;border-radius:50%}html body .yv-color-filter .yv-filter-item label{position:relative;display:block;width:100%;height:100%;margin:0;padding:0;border:0;border-radius:50%;background:none;box-shadow:none;overflow:visible;font-size:0;cursor:pointer}html body .yv-color-filter .yv-filter-item input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;z-index:2;cursor:pointer}html body .yv-color-filter .yv-filter-item .filter-swatch-img-outer{position:absolute;top:5px;right:5px;bottom:5px;left:5px;width:auto;height:auto;padding:0;display:block;border-radius:50%}html body .yv-color-filter .yv-filter-item .filter-swatch-img{position:relative;display:block;width:100%;height:100%;border-radius:50%;border:0;overflow:visible;box-shadow:0 0 0 1px var(--sw-h),0 1px 1px #14111224,0 3px 6px -1px #1411122e,0 7px 14px -6px #14111229;transition:transform .2s cubic-bezier(.2,.8,.2,1),box-shadow .2s}html body .yv-color-filter .yv-filter-item .filter-swatch-img:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;pointer-events:none;background:radial-gradient(circle at 27% 23%,#ffffff75 0,#ffffff24 34%,#fff0 58%),linear-gradient(145deg,#ffffff29 0,#fff0 42%,#1411123d);box-shadow:inset 0 1px 1px #ffffff8c,inset 0 -1px 2px #14111238,inset 0 0 0 1px #ffffff1f}html body .yv-color-filter .yv-filter-item .filter-swatch-img:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;pointer-events:none;background:no-repeat center/0 0;opacity:0}html body .yv-color-filter .yv-filter-item label{--sw-h:var(--sw-hair);--sw-ck:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.6 8.4l3 3 5.8-6.4' fill='none' stroke='%23FAF7F2' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");--sw-ckh:rgba(20,17,18,.55)}html body .yv-color-filter .yv-filter-item label:is([title=White i],[title=Beige i],[title=Cream i],[title=Ivory i],[title="Off White" i],[title=Silver i],[title=Pink i],[title="Light Pink" i],[title=Yellow i],[title="Light Blue" i],[title="Sky Blue" i],[title=Mint i],[title=Peach i],[title=Orange i],[title=Gold i],[title=Tan i],[title=Aqua i],[title=Lime i]){--sw-h:var(--sw-hair-lt)}html body .yv-color-filter .yv-filter-item label:is([title=White i],[title=Beige i],[title=Cream i],[title=Ivory i],[title="Off White" i],[title=Silver i],[title=Pink i],[title="Light Pink" i],[title=Yellow i],[title="Light Blue" i],[title="Sky Blue" i],[title=Mint i],[title=Peach i],[title=Orange i],[title=Gold i],[title=Tan i],[title=Aqua i],[title=Lime i],[title=Green i],[title=Gray i],[title=Grey i]){--sw-ck:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.6 8.4l3 3 5.8-6.4' fill='none' stroke='%23141112' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");--sw-ckh:transparent}html body .yv-color-filter .yv-filter-item label:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid transparent;box-shadow:inset 0 0 0 2px transparent;pointer-events:none;transition:border-color .16s,box-shadow .16s}@media(hover:hover){html body .yv-color-filter .yv-filter-item:not(.disabled):hover .filter-swatch-img{transform:translateY(-1px) scale(1.06);box-shadow:0 0 0 1px var(--sw-h),0 2px 2px #14111224,0 6px 10px -2px #14111238,0 12px 20px -8px #14111233}html body .yv-color-filter .yv-filter-item:not(.disabled):hover label:after{border-color:var(--sw-sand);box-shadow:inset 0 0 0 2px var(--sw-off)}}html body .yv-color-filter .yv-filter-item input:checked~label{border:0;box-shadow:none;overflow:visible}html body .yv-color-filter .yv-filter-item input:checked~label:after{border-color:var(--sw-ink);box-shadow:inset 0 0 0 2px var(--sw-off),0 4px 9px -3px #14111261}html body .swatch-filter .yv-filter-item input:checked~label .filter-swatch-img,html body .yv-color-filter .yv-filter-item input:checked~label .filter-swatch-img{border:0;transform:none;box-shadow:0 0 0 1px var(--sw-h),0 1px 2px #14111247}html body .yv-color-filter .yv-filter-item input:checked~label .filter-swatch-img:after{background-image:var(--sw-ck);background-size:15px 15px;opacity:1;filter:drop-shadow(0 1px 1px var(--sw-ckh))}html body .yv-color-filter .yv-filter-item input:focus-visible~label:after{border-color:var(--sw-mag);box-shadow:inset 0 0 0 2px var(--sw-off)}html body .yv-color-filter .yv-filter-item.disabled label{opacity:1}html body .yv-color-filter .yv-filter-item.disabled .filter-swatch-img{opacity:.42;filter:saturate(.55);box-shadow:0 0 0 1px var(--sw-h)}html body .yv-color-filter .yv-filter-item.disabled label:after{background:linear-gradient(to top right,transparent calc(50% - 2.4px),var(--sw-off) calc(50% - 2.4px),var(--sw-off) calc(50% - 1.2px),var(--sw-ink) calc(50% - 1.2px),var(--sw-ink) calc(50% + 1.2px),var(--sw-off) calc(50% + 1.2px),var(--sw-off) calc(50% + 2.4px),transparent calc(50% + 2.4px)) center/26px 26px no-repeat}@supports selector(:has(a)){html body .yv-color-filter .yv-filter-item label[title=Multicolor i]:not(:has(.filter-swatch-img-outer)):before{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;border-radius:50%;background:conic-gradient(#f43874,#ff8a00,#ffe500,#05aa3d,#0ec2c0,#005bd3,#a54dcf,#f43874);box-shadow:0 0 0 1px var(--sw-hair),0 1px 1px #14111224,0 3px 6px -1px #1411122e,0 7px 14px -6px #14111229}}@media(max-width:767px){html body .yv-color-filter .yv-filter-item{width:44px;height:44px}html body .yv-color-filter .yv-filter-item .filter-swatch-img-outer{top:6px;right:6px;bottom:6px;left:6px}html body .yv-color-filter .yv-filter-item input:checked~label .filter-swatch-img:after{background-size:17px 17px}}@media(prefers-reduced-motion:reduce){html body .yv-color-filter .yv-filter-item .filter-swatch-img,html body .yv-color-filter .yv-filter-item label:after{transition:none!important}html body .yv-color-filter .yv-filter-item:hover .filter-swatch-img{transform:none!important}}@media(forced-colors:active){html body .yv-color-filter .yv-filter-item input:checked~label{border:0;box-shadow:none;overflow:visible}html body .yv-color-filter .yv-filter-item input:checked~label:after{border-color:Highlight}html body .yv-color-filter .yv-filter-item input:focus-visible~label:after{border-color:Highlight}}
/*# sourceMappingURL=/cdn/shop/t/172/assets/tp-swatch.css.map */