.capsula-display-circle{display:flex;justify-content:center;align-items:center;position:relative;min-height:calc(var(--r)*2 + (var(--d)*2.5));overflow:hidden;--d: 10em;--rel: .2;--ba: 1turn/var(--m);--r: calc(.5*(1 + var(--rel))*var(--d)/tan(.5*var(--ba)))}.content{color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;width:516px;min-width:500px;z-index:1}.title{width:65%;display:flex;flex-direction:column;align-items:center}.content .title .year{font-stretch:condensed;font-size:98.31px;line-height:1em;font-weight:900;margin-left:-80px}.content .title .month{font-size:40px;line-height:1em;text-align:right;font-stretch:semi-condensed;margin-left:80px}.content .text{width:100%;text-align:center;line-height:30px;font-stretch:semi-condensed;font-weight:500;font-size:24px}.content .text p{margin:0}.content .discover-all{border:1px solid rgb(255,255,255);width:173px;margin-top:32px;padding-top:12px;font-size:14px}.circle-image-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:0;display:grid;width:calc(2*var(--r) + var(--d));animation:rotate-circle 30s linear infinite}.circle-image{outline:1px solid white;border-radius:15px;grid-area:1/ 1;place-self:center;--ca: calc(var(--i)*var(--ba));--tilt: calc(var(--ca) + 90deg);transform:rotate(var(--ca)) translate(var(--r)) rotate(calc(-1*var(--ca) + var(--tilt)))}.circle-image img{max-width:100%}.color-background-1 .circle-image{border:none}.color-background-1 .content{color:#000}.color-background-1 .content .discover-all{border:1px solid black;color:#000}@keyframes rotate-circle{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@media screen and (max-width: 1023px){.capsula-display-circle{--rel: .25}.content{color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:flex-end;max-width:326px;min-width:326px;z-index:1}.title{width:55%;justify-self:right}.content .text{text-align:right}.content .discover-all{width:180px;height:80px}.circle-image-container{position:absolute;top:50%;left:85%;transform:translate(-50%,-50%);z-index:0;display:grid;width:calc(2*var(--r) + var(--d));animation:rotate-circle 30s linear infinite}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-custom-capsula-display-circle.css.map */