.container{position:relative;max-width:1280px;padding-left:2rem;padding-right:2rem;margin-left:auto;margin-right:auto;width:100%}@media only screen and (max-width:1080px){.container{max-width:1080px;margin:0 auto;padding:0 .5rem}}@media only screen and (max-width:640px){.container{max-width:640px;margin:0 auto;padding:0 .5rem}}.tao__row.tao__row-center{margin-left:auto;margin-right:auto}.-vertical [class*=col-],[class*=col-]{position:relative;width:100%;min-height:1px}@media only screen and (max-width:640px){.-vertical [class*=col-],[class*=col-]{flex-basis:100%;max-width:100%}}.-vertical [class*=col-],[class*=col-]{margin-left:.5rem;margin-right:.5rem}.row{position:relative;display:flex;flex-wrap:wrap;margin-left:-.5rem;margin-right:-.5rem}.row.-center{justify-content:center;align-items:flex-start;width:100%;margin:0 auto}@media only screen and (max-width:640px){.row{width:100%}}.create-banner__actions{bottom:.5rem;right:0}.security-area{transition-property:opacity;transition-duration:.2s;transition-timing-function:linear;border-right:2px dotted rgba(224,49,49,.5);background:rgba(224,49,49,.4)}.security-area+.security-area{left:auto;right:0;border-right:none;border-left:2px dotted rgba(224,49,49,.5)}.security-area:after{content:"MARGEM DE SEGURANCA";font-weight:700;font-size:12px;position:absolute;padding:0 .25rem;opacity:.9;text-shadow:0 1px rgba(0,0,0,.7);color:#fff;top:50%;transform:translateY(-50%);width:100%;text-align:center}.dropbox__wrapper{padding:1.5rem;height:12.5rem;transition:max-width .25s cubic-bezier(.5,0,.5,1)}.dropbox__image-preview{cursor:grab;top:0;left:50%;transform:translateX(-50%);background-size:cover;background-repeat:no-repeat;transition:background .25s cubic-bezier(.5,0,.5,1),width .25s cubic-bezier(.5,0,.5,1);will-change:background,width}.dropbox__image-preview--grabbing{cursor:grabbing}.dropbox__image-preview:hover+.security-area,.dropbox__image-preview:hover+.security-area+.security-area{opacity:1}