@layer base,component,mod;:root{--color-primary:#000;--color-primary--rgb:0,0,0;--color-alt:#0072f4;--color-alt--rgb:0,114,244;--color-blueDark:#275ec7;--color-blueDark--rgb:39,94,199;--color-whte:#fff;--color-whte--rgb:255,255,255;--color-gry:#ecf1f8;--color-gry--rgb:236,241,248;--color-gryDark:#dee6f1;--color-gryDark--rgb:222,230,241;--color-ble:#4d38bb;--color-ble--rgb:77,56,187;--color-success:#259243;--color-success--rgb:37,146,67;--color-error:#e9493f;--color-error--rgb:233,73,63;--font-primary:"OpenSans",sans-serif,-apple-system,blinkmacsystemfont,roboto,ubuntu,"Droid Sans","Helvetica Neue",arial,sans-serif,"Apple Color Emoji";--font-size-default:rem(14);--spacing:100px;--index-1:100;--index-2:200;--index-3:1100;--index-4:1200}@media (max-width:61.99875em){:root{--spacing:80px}}@media (max-width:47.99875em){:root{--spacing:60px}}.good{background:var(--color-whte);border-radius:1rem;cursor:pointer;font-size:1rem;height:100%;z-index:2}.good,.good__wrap{display:flex;flex-direction:column;position:relative}.good__wrap{min-height:100%;padding:2.9375rem 1rem 1rem}.good__tags{width:calc(100% - var(--pad)*2);--pad:24px;left:var(--pad);top:var(--pad)}.good__tag,.good__tags{pointer-events:none;position:absolute;z-index:3}.good__tag{align-items:center;background:var(--bg);border-radius:6.25rem;color:var(--color);cursor:pointer;display:inline-flex;font-size:.875rem;gap:.25rem;line-height:114.286%;opacity:0;padding:.25rem .625rem;transition:all .5s ease-in 0s}.good__tag._active{opacity:1;pointer-events:all}.good__tag span{display:inline-flex;margin-left:5px}.good__tag span:before{background:#fff;content:"";flex:0 0 16px;height:16px;mask:var(--icon) center center/contain no-repeat;-webkit-mask:var(--icon) center center/contain no-repeat;width:16px}.good__flag{position:absolute;z-index:2;--pad:24px;cursor:pointer;right:var(--pad);top:var(--pad)}@media (any-hover:hover){.good__flag:hover .good__flag-tooltip{opacity:1}}.good__flag-tooltip{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#000000b3;border-radius:.75rem;bottom:calc(100% + .25rem);color:var(--color-whte);font-size:.875rem;line-height:114.286%;opacity:0;padding:.75rem 1rem;pointer-events:none;position:absolute;right:calc(100% - 1.25rem);transition:all .2s ease-in 0s;width:-moz-max-content;width:max-content;z-index:3}.good__flag-tooltip span{display:block;font-size:.875rem}.good__picture{margin-bottom:2.4375rem;min-width:0;text-align:center;width:100%}.good__picture img{height:7.375rem;max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain;width:14.0625rem}.good__title{font-size:1.125rem;font-weight:600;line-height:122.222%;margin-bottom:1rem}.good__props{display:flex;flex-direction:column;gap:.4375rem}.good__prop{display:flex;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:unset;color:rgba(var(--color-primary--rgb),.5);display:inline;font-size:.875rem;line-height:114.286%;overflow:unset}.good__prop span{color:#000}.good__footer{display:grid;gap:.8125rem;grid-template-columns:repeat(2,1fr);margin-top:auto;padding-top:1rem}.good__btn-order{padding:.8125rem}.good__btn-compare{align-items:center;display:flex;font-size:1rem;gap:.625rem;justify-content:center;line-height:125%;transition:all .2s ease-in 0s}.good__btn-compare:after{background:var(--color-primary);content:"";height:.875rem;mask:var(--icon) center center/contain no-repeat;-webkit-mask:var(--icon) center center/contain no-repeat;transition:all .2s ease-in 0s;width:.75rem}@media (any-hover:hover){.good__btn-compare:hover{color:var(--color-alt)}.good__btn-compare:hover:after{background:var(--color-alt);content:""}}.good__btn-delete{--size:44px;align-items:center;border:1.5px solid #ecf1f8;border-radius:50%;display:flex;flex:0 0 var(--size);justify-content:center}.good__btn-delete,.good__btn-delete:before{height:var(--size);transition:all .2s ease-in 0s;width:var(--size)}.good__btn-delete:before{background:var(--color-primary);content:"";mask:var(--icon) center center/contain no-repeat;-webkit-mask:var(--icon) center center/contain no-repeat;--size:16px}@media (max-width:29.99875em){.good__btn-delete{border-radius:6.25rem;width:100%}}@media (any-hover:hover){.good__btn-delete:hover{border:1.5px solid var(--color-alt)}.good__btn-delete:hover:before{background:var(--color-alt);content:""}}.good__footer._hidden,.good__prop._hidden{display:none}@media (max-width:61.99875em){.good .good__prop._hidden{display:inline}.good .good__footer._hidden{display:grid}}.good._hover{z-index:3}.good._hover .good__wrap{background:#fff;border-radius:1rem;box-shadow:0 4px 16px #00000014;position:absolute;width:100%}.good._hover .good__prop._hidden{display:inline}.good._hover .good__footer._hidden{display:grid}.good._static{z-index:3}.good._static .good__wrap{background:#fff;border-radius:1rem;position:relative;width:100%}.good._static .good__prop._hidden{display:inline}.good._static .good__footer._hidden{display:grid}._list .good__wrap{display:grid;gap:0;grid-template-areas:"image . buttons" "image . buttons";grid-template-columns:8.75rem auto;grid-template-rows:0fr 1fr;padding:1.5rem}._list .good__picture{align-items:center;display:flex;grid-area:image;justify-content:center;margin-bottom:0;padding-right:1rem}._list .good__footer{display:flex;flex-direction:row-reverse;grid-area:buttons;width:215px}._list .good__tags{left:auto;right:0}._list .good__tag{right:1.5rem}._list .good__flag{left:var(--pad);right:unset}._list .good .good__prop._hidden{display:inline}._list .good__btn-order{background:var(--color-whte);border-color:#ecf1f8;color:var(--color-primary)}._list .good:hover .good__btn-order{border-color:transparent;color:var(--color-whte)}._list .good:hover .good__btn-order:before{background:var(--color-alt);content:"";left:0}._list .good._hover{z-index:3}._list .good._hover .good__wrap{background:#fff;border-radius:1rem;position:relative;width:100%}._list .good._hover .good__prop._hidden{display:inline}._list .good._hover .good__footer._hidden{display:flex}
