.card-container[data-v-6db0086a]{position:relative}.card[data-v-6db0086a]{border-radius:calc(var(--radius) - 4px);border-width:1px;cursor:pointer;display:flex;flex-direction:row;width:100%;--tw-bg-opacity:1;animation-duration:.2s;animation-timing-function:cubic-bezier(.4,0,.2,1);background-color:rgb(255 255 255/var(--tw-bg-opacity,1));text-align:left;transition-duration:.2s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (min-width:640px){.card[data-v-6db0086a]{flex-direction:column;max-width:221px}}.card[data-v-6db0086a]:focus{outline:2px solid transparent;outline-offset:2px}.card--active[data-v-6db0086a],.card[data-v-6db0086a]:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-color:hsl(var(--primary));--tw-ring-opacity:.5}.card--active[data-v-6db0086a]{border-color:hsl(var(--primary));border-width:1px}.card--disabled[data-v-6db0086a]{cursor:not-allowed;opacity:.75;--tw-grayscale:grayscale(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.card__image-container[data-v-6db0086a]{border-radius:calc(var(--radius) - 2px);flex:1.5;overflow:hidden;width:100%}@media (min-width:768px){.card__image-container[data-v-6db0086a]{flex:1 1 auto}}.card__image[data-v-6db0086a]{animation-duration:.2s;animation-timing-function:cubic-bezier(.4,0,.2,1);height:9rem;-o-object-fit:cover;object-fit:cover;transition-duration:.2s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%}.card-container:hover .card__image[data-v-6db0086a]{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.card__content[data-v-6db0086a]{display:flex;flex:1 1 0%;flex-direction:column;justify-content:center;margin-top:0;padding:1rem;width:100%}@media (min-width:768px){.card__content[data-v-6db0086a]{flex:1 1 auto}}.card__header[data-v-6db0086a]{align-items:center;display:flex;justify-content:space-between;margin-bottom:.25rem}.card__label[data-v-6db0086a]{font-weight:600;--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity,1))}.card__icon[data-v-6db0086a]{color:hsl(var(--default));height:1.25rem;width:1.25rem}.card__description[data-v-6db0086a]{font-size:.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.widget-construction[data-v-6db0086a]{align-items:center;background-color:rgb(0 0 0/var(--tw-bg-opacity,1));border-radius:calc(var(--radius) - 4px);cursor:not-allowed;display:flex;flex-direction:column;top:0;right:0;bottom:0;left:0;justify-content:center;position:absolute;--tw-bg-opacity:.7;animation-duration:.2s;animation-timing-function:cubic-bezier(.4,0,.2,1);opacity:0;transition-duration:.2s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.card-container:hover .widget-construction[data-v-6db0086a]{opacity:1}.widget-construction__icon[data-v-6db0086a]{height:2rem;margin-bottom:.5rem;width:2rem}.widget-construction__icon[data-v-6db0086a],.widget-construction__text[data-v-6db0086a]{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.widget-construction__text[data-v-6db0086a]{font-size:.875rem;font-weight:500;line-height:1.25rem}.drawer__container{height:var(--max-height);max-height:var(--min-height);min-height:var(--min-height)}.drawer__content{max-height:var(--min-height);overflow-y:auto}.drawer__container.showFooter .drawer__scroll-container{padding-bottom:68px}.collection__container[data-v-8cfe7a32]{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,329px);justify-content:center;margin-left:auto;margin-right:auto;max-width:1400px;padding:1rem}.card-container[data-v-8cfe7a32]{position:relative}.card[data-v-8cfe7a32]{border-radius:calc(var(--radius) - 4px);cursor:pointer;display:flex;flex-direction:column;width:100%;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));text-align:left}@media (min-width:640px){.card[data-v-8cfe7a32]{flex-direction:column;max-width:100%}}.card[data-v-8cfe7a32]:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.card:focus .chord__preview-container[data-v-8cfe7a32]{outline:2px solid transparent;outline-offset:2px}.card--active .chord__preview-container[data-v-8cfe7a32],.card:focus .chord__preview-container[data-v-8cfe7a32]{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-color:hsl(var(--primary));--tw-ring-opacity:.5}.card--active .chord__preview-container[data-v-8cfe7a32]{border-color:hsl(var(--primary));border-width:1px}.card--disabled[data-v-8cfe7a32]{cursor:not-allowed;opacity:.75;--tw-grayscale:grayscale(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.chord__preview-container[data-v-8cfe7a32]{animation-duration:.2s;animation-timing-function:cubic-bezier(.4,0,.2,1);border-radius:calc(var(--radius) - 2px);border-width:1px;flex:1.5;margin-bottom:.75rem;overflow:hidden;transition-duration:.2s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%}@media (min-width:768px){.chord__preview-container[data-v-8cfe7a32]{flex:1 1 auto}}.chord__preview-container[data-v-8cfe7a32]{box-sizing:border-box}.chord__preview[data-v-8cfe7a32]{align-items:center;animation-duration:.2s;animation-timing-function:cubic-bezier(.4,0,.2,1);display:flex;height:auto;justify-content:center;-o-object-fit:cover;object-fit:cover;padding-bottom:.5rem;padding-top:.5rem;transition-duration:.2s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%}.card-container:hover .chord__preview[data-v-8cfe7a32]{--tw-scale-x:1.02;--tw-scale-y:1.02;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.card__content[data-v-8cfe7a32]{display:flex;flex:1 1 0%;flex-direction:column;justify-content:center;margin-top:0;width:100%}@media (min-width:768px){.card__content[data-v-8cfe7a32]{flex:1 1 auto}}.card__header[data-v-8cfe7a32]{align-items:center;display:flex;justify-content:space-between;margin-bottom:.25rem}.card__label[data-v-8cfe7a32]{font-weight:600;--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity,1))}.card__icon[data-v-8cfe7a32]{color:hsl(var(--default));height:1.25rem;width:1.25rem}.card__description[data-v-8cfe7a32]{font-size:.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.widget-construction[data-v-8cfe7a32]{align-items:center;background-color:rgb(0 0 0/var(--tw-bg-opacity,1));border-radius:calc(var(--radius) - 4px);cursor:not-allowed;display:flex;flex-direction:column;top:0;right:0;bottom:0;left:0;justify-content:center;position:absolute;--tw-bg-opacity:.7;animation-duration:.2s;animation-timing-function:cubic-bezier(.4,0,.2,1);opacity:0;transition-duration:.2s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.card-container:hover .widget-construction[data-v-8cfe7a32]{opacity:1}.widget-construction__icon[data-v-8cfe7a32]{height:2rem;margin-bottom:.5rem;width:2rem}.widget-construction__icon[data-v-8cfe7a32],.widget-construction__text[data-v-8cfe7a32]{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.widget-construction__text[data-v-8cfe7a32]{font-size:.875rem;font-weight:500;line-height:1.25rem}.widget__add-display[data-v-953d5d34]{align-items:center;background-color:var(--background-color);border-radius:var(--radius);cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:1rem;width:100%}.widget__add-display[data-v-953d5d34]:hover{background-color:var(--contrast-background-color)}.ghost-animate{animation:ghost-animate .3s linear infinite}@keyframes ghost-animate{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}.widgets-container[data-v-450b3cec]{display:grid;gap:1rem;grid-auto-rows:240px;grid-template-columns:repeat(auto-fit,330px);justify-content:center;margin-left:auto;margin-right:auto;max-width:1400px;padding:1rem}.widget-header{align-items:center;display:flex;justify-content:space-between}.widget-title{font-weight:500;--tw-text-opacity:1;color:rgb(30 41 59/var(--tw-text-opacity,1))}.widget-display[data-v-4c20e42e]{background-color:var(--background-color);border-radius:var(--radius);padding:.875rem}.widget-header[data-v-4c20e42e]{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.widget-title[data-v-4c20e42e]{font-size:.75rem;font-weight:700;line-height:1rem}