.tags{display:flex;flex-flow:row wrap;gap:10px}@media(max-width:768px){.tags{flex-wrap:nowrap}}.tags__list{min-height:40px;display:flex;flex-flow:row wrap;gap:10px;margin:0 0 32px;padding:2px 1px;max-width:calc(100% - 10px - 40px)}@media(max-width:768px){.tags__list{flex-wrap:nowrap;overflow-x:auto;margin:0 0 24px;scrollbar-color:transparent transparent;scrollbar-width:thin;max-width:calc(100% + 2*var(--container-padding-px));padding:2px var(--container-padding-px);margin-left:calc(-1*var(--container-padding-px));margin-right:calc(-1*var(--container-padding-px))}}@media(max-width:768px){.tags__list::-webkit-scrollbar{width:3px}.tags__list::-webkit-scrollbar-track{background:transparent}.tags__list::-webkit-scrollbar-thumb{background-color:var(--gray-light-border);border-radius:6px;border:none}}.tags__list:empty{display:none}.tags__item{display:flex}.tags__item input{padding:0;margin:0;height:auto;width:auto;cursor:pointer;display:none}.tags__item input:checked+label{background-color:var(--beige-light)}.tags__item input:checked+label:hover{background-color:var(--beige-light);box-shadow:0 0 1px 1px var(--beige-light)}.tags__item label{position:relative;cursor:pointer;padding:8px 12px;height:34px;font-size:14px;font-weight:400;letter-spacing:0;line-height:1.3;white-space:nowrap;border-radius:20px;box-shadow:0 0 1px 1px var(--coffee-middle);transition:all .15s linear}@media(hover:hover){.tags__item label:hover{background-color:var(--yellow-light);box-shadow:0 0 1px 1px var(--yellow-light)}}.tags .button-delete{width:40px;min-width:40px;height:40px;border-radius:50%;background-color:var(--coffee-middle);background-image:url(/icons/icon_delete.svg);background-position:50%;background-repeat:no-repeat;background-size:20px auto;padding:0;margin:0 0 32px;cursor:pointer;outline:none;border:none;transition:all .25s linear}@media(max-width:768px){.tags .button-delete{margin:0 calc(-1*var(--container-padding-px)) 24px 0}}.tags .button-delete:hover{background-color:var(--yellow-light)}