/*! This file is auto-generated */
.farbtastic {
    position: relative
}

.farbtastic * {
    position: absolute;
    cursor: crosshair
}

.farbtastic,
.farbtastic .wheel {
    width: 195px;
    height: 195px
}

.farbtastic .color,
.farbtastic .overlay {
    top: 47px;
    left: 47px;
    width: 101px;
    height: 101px
}

.farbtastic .wheel {
    background: url(/assets/images/wheel.png) no-repeat;
    width: 195px;
    height: 195px
}

.farbtastic .overlay {
    background: url(/assets/images/mask.png) no-repeat
}

.farbtastic .marker {
    width: 17px;
    height: 17px;
    margin: -8px 0 0 -8px;
    overflow: hidden;
    background: url(/assets/images/marker.png) no-repeat
}