.settings-wrapper{width:510px;float:left}.avatar-padding{margin-left:5px;margin-top:5px;background-repeat:no-repeat}.example-view{width:150px;float:right}.image-preview{z-index:999;position:absolute}.image-preview#circleshape{-webkit-border-radius:150px;-moz-border-radius:150px;border-radius:150px}.image-preview#squareshape{-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px}#pentagonshape{mask:url(../img/pentagon.svg);-webkit-mask-box-image:url(../img/pentagon.svg)}#hexagonshape{mask:url(../img/hexagon.svg);-webkit-mask-box-image:url(../img/hexagon.svg)}#heptagonshape{mask:url(../img/heptagon.svg);-webkit-mask-box-image:url(../img/heptagon.svg)}#octagonshape{mask:url(../img/octagon.svg);-webkit-mask-box-image:url(../img/octagon.svg)}#nonagonshape{mask:url(../img/nonagon.svg);-webkit-mask-box-image:url(../img/nonagon.svg)}#diamondshape{mask:url(../img/diamond.svg);-webkit-mask-box-image:url(../img/diamond.svg)}#heartshape{mask:url(../img/heart.svg);-webkit-mask-box-image:url(../img/heart.svg)}#burstshape{mask:url(../img/burst.svg);-webkit-mask-box-image:url(../img/burst.svg)}.image-preview-behind{position:relative;width:124px;height:124px;-webkit-filter:drop-shadow(0px 0 4px rgba(0,0,0,.75));-moz-filter:drop-shadow(0px 0 4px rgba(0,0,0,.75));-ms-filter:drop-shadow(0px 0 4px rgba(0,0,0,.75));-o-filter:drop-shadow(0px 0 4px rgba(0,0,0,.75))}.avatar-padding{width:124px;height:124px;background-size:100% 100%}#pentagon-mask{background-image:url(../img/pentagon.svg);background-position:center;background-repeat:no-repeat;background-size:98% 98%}#hexagon-mask{background-image:url(../img/hexagon.svg);background-position:center;background-repeat:no-repeat;background-size:98% 98%}#heptagon-mask{background-image:url(../img/heptagon.svg);background-position:center;background-repeat:no-repeat;background-size:98% 98%}#octagon-mask{background-image:url(../img/octagon.svg);background-position:center;background-repeat:no-repeat;background-size:98% 98%}#nonagon-mask{background-image:url(../img/nonagon.svg);background-position:center;background-repeat:no-repeat;background-size:98% 98%}#diamond-mask{background-image:url(../img/diamond.svg);background-position:center;background-repeat:no-repeat;background-size:98% 98%}#heart-mask{background-image:url(../img/heart.svg);background-position:center;background-repeat:no-repeat;background-size:98% 98%}#burst-mask{background-image:url(../img/burst.svg);background-position:center;background-repeat:no-repeat;background-size:98% 98%}.add-gloss{background:-moz-linear-gradient(top,rgba(255,255,255,.7) 0,rgba(255,255,255,.2) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(255,255,255,.7)),color-stop(100%,rgba(255,255,255,.2)));background:-webkit-linear-gradient(top,rgba(255,255,255,.7) 0,rgba(255,255,255,.2) 100%);background:-o-linear-gradient(top,rgba(255,255,255,.7) 0,rgba(255,255,255,.2) 100%);background:-ms-linear-gradient(top,rgba(255,255,255,.7) 0,rgba(255,255,255,.2) 100%);background:linear-gradient(top,rgba(255,255,255,.7) 0,rgba(255,255,255,.2) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3ffffff', endColorstr='#33ffffff', GradientType=0);border-bottom-right-radius:100px 40px;border-bottom-left-radius:100px 40px;height:62px;width:124px}.cut-gloss{width:124px;height:124px;z-index:9999;position:absolute}#circle-gloss{background:-moz-linear-gradient(top,rgba(255,255,255,.7) 0,rgba(255,255,255,.2) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(255,255,255,.7)),color-stop(100%,rgba(255,255,255,.2)));background:-webkit-linear-gradient(top,rgba(255,255,255,.7) 0,rgba(255,255,255,.2) 100%);background:-o-linear-gradient(top,rgba(255,255,255,.7) 0,rgba(255,255,255,.2) 100%);background:-ms-linear-gradient(top,rgba(255,255,255,.7) 0,rgba(255,255,255,.2) 100%);background:linear-gradient(top,rgba(255,255,255,.7) 0,rgba(255,255,255,.2) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3ffffff', endColorstr='#33ffffff', GradientType=0);height:50%;width:100%;box-shadow:inset 0 2px 1px rgba(255,255,255,.7);border-top-right-radius:9999px;border-top-left-radius:9999px;border-bottom-right-radius:500px 84px;border-bottom-left-radius:100px 40px}#square-gloss,#square-image{-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px}#circle-image{-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}#fullsize-gloss{width:124px;height:124px;background:-moz-linear-gradient(top,rgba(255,255,255,.4) 0,rgba(255,255,255,.2) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(255,255,255,.4)),color-stop(100%,rgba(255,255,255,.2)));background:-webkit-linear-gradient(top,rgba(255,255,255,.4) 0,rgba(255,255,255,.2) 100%);background:-o-linear-gradient(top,rgba(255,255,255,.4) 0,rgba(255,255,255,.2) 100%);background:-ms-linear-gradient(top,rgba(255,255,255,.4) 0,rgba(255,255,255,.2) 100%);background:linear-gradient(top,rgba(255,255,255,.4) 0,rgba(255,255,255,.2) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3ffffff', endColorstr='#33ffffff', GradientType=0)}#halfgloss{width:124px;height:63px;overflow:hidden}.radiobuttons{display:none !important}input[type=radio]+label{display:inline-block;margin:-2px;padding:4px 12px;margin-bottom:0;font-size:14px;line-height:20px;color:#333;text-align:center;text-shadow:0 1px 1px rgba(255,255,255,.75);vertical-align:middle;cursor:pointer;background-color:#f5f5f5;background-image:-moz-linear-gradient(top,#fff,#e6e6e6);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));background-image:-webkit-linear-gradient(top,#fff,#e6e6e6);background-image:-o-linear-gradient(top,#fff,#e6e6e6);background-image:linear-gradient(to bottom,#fff,#e6e6e6);background-repeat:repeat-x;border:1px solid #ccc;border-color:#e6e6e6 #e6e6e6 #bfbfbf;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);border-bottom-color:#b3b3b3;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05)}input[type=radio]:checked+label{background-image:none;outline:0;-webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05);-moz-box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05);box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05);background-color:#e0e0e0}