:root{--productWidth:10%;--thickness:1vw;--backgroundColor:#444}@keyframes example{0%{transform:rotateY(0deg)}100%{transform:rotateY(-20deg)}}@keyframes wiggle{0%{transform:rotateZ(-1deg)}100%{transform:rotateZ(1deg)}}#animationDiv{display:block;box-sizing:border-box;position:absolute;top:0;bottom:0;left:0;width:100%;background-color:#f00;overflow:hidden;perspective:1000px;background-color:#fff}#annimationTextDiv{display:inline-flex;box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;flex-wrap:nowrap;position:absolute;z-index:2;top:0;left:0;width:30%;height:100%;padding-left:5%}#animationTextLine001{display:inline-block;box-sizing:border-box;width:100%;padding-bottom:1%;margin-top:-10%;font-size:1.5vw;font-family:montserratregular,arial;color:#222;text-transform:uppercase;line-height:100%}#animationTextLine002{float:none;display:inline-block;box-sizing:border-box;width:100%;padding:0;margin:0;font-size:3.5vw;font-family:montserratregular,arial;color:#222;text-transform:uppercase;line-height:100%;text-shadow:.0vw .30vw .0vw rgba(0,0,0,0.10);letter-spacing:.1vw;word-spacing:.1vw}#animationProductDiv{display:inline-flex;flex-direction:row;justify-content:flex-start;align-content:flex-start;align-items:center;flex-wrap:wrap;box-sizing:border-box;position:absolute;z-index:1;top:29%;left:35%;width:80%;height:100%;padding-top:0;margin-top:-11%;transform:rotateX(0deg) rotateY(-10deg) rotateZ(0deg) translateX(-5%);transition:transform 1s;perspective:2000px;perspective-origin:50% 50%;border:1px solid #f00;border:0;text-align:left}#animationButtonTemplateContainerDiv{display:inline-block;width:100%;margin-top:8%;font-size:.90vw;font-family:arial;line-height:100%;vertical-align:middle}.buttonTemplate{display:inline-block;font-size:inherit;font-family:arial;vertical-align:middle;line-height:100%;margin-bottom:10px;outline:0}.buttonTemplate:focus{outline:0}.buttonTemplate[data-selected = '1']{text-decoration:underline}.buttonTemplate::after{content:"|";display:inline-block;vertical-align:middle;padding-left:5px;padding-right:3px;font-size:inherit;font-family:arial;color:#444;line-height:100%}.buttonTemplate:last-of-type::after{display:none}.cube{display:inline-block;width:var(--productWidth);margin-right:3%;margin-bottom:3%;height:0;padding-bottom:calc(var(--productWidth) * 1.41);position:relative;transition:transform 1.2s,width 1s,height 1s,padding 1s;transform-style:preserve-3d;vertical-align:middle}.cube:nth-child(2){width:calc(var(--productWidth)*0.5);padding-bottom:calc(var(--productWidth) * 1.20)}.cube:nth-child(3){width:calc(var(--productWidth)*2.0)}.cube:nth-child(22){width:calc(var(--productWidth)*1.5);padding-bottom:calc(var(--productWidth) * 1.70)}.cube:nth-child(9){width:calc(var(--productWidth)*1.5);padding-bottom:calc(var(--productWidth) * 1.60)}.cube:nth-child(7){width:calc(var(--productWidth)*2.5);padding-bottom:calc(var(--productWidth) * 1.60)}.cube[data-orientation = '1']{transform:scale3d(1.00,1.00,1.00) rotateY(-180deg)}.cubeFace{position:absolute;box-sizing:border-box;width:100%;height:100%;background-color:var(--backgroundColor);border:0;opacity:1.0}.cubeFaceFront,.cubeFaceBack{background-color:#fff}.cubeFace img{display:inline-block;box-sizing:border-box;width:100%;height:100%;padding:.5vw;border:.5vw solid var(--backgroundColor);object-fit:cover;box-shadow:.1vw .1vw .25vw #999 inset}.cubeFaceBack{box-shadow:0 24px 8px -12px rgba(0,0,0,0.25)}.cubeFaceFront{transform:rotateY(0deg)}.cubeFaceBack{transform:rotateY(180deg) translateZ(calc(var(--thickness)))}.cubeFaceTop{top:0;left:0;width:100%;height:var(--thickness);transform-origin:top left;transform:rotateX(-90deg)}.cubeFaceBottom{bottom:0;left:0;width:100%;height:var(--thickness);transform-origin:bottom left;transform:rotateX(90deg)}.cubeFaceLeft{top:0;left:0;width:var(--thickness);height:100%;transform-origin:top left;transform:rotateY(90deg)}.cubeFaceRight{top:0;right:0;width:var(--thickness);height:100%;transform-origin:top right;transform:rotateY(-90deg)}#animationButton,#animationButton:active,#animationButton:link,#animationButton:visited{display:inline-block;padding:.75vw;padding-left:1.25vw;padding-right:1.25vw;margin-top:1.5vw;font-size:1.25vw;font-family:montserrateregular,arial;color:rgba(0,0,0,1.0);text-transform:uppercase;background-color:rgba(0,0,0,0.05);border:.15vw solid rgba(0,0,0,0.30)}#animationButton:hover{color:#fff;background-color:#222;border-color:#222;box-shadow:.0vw .50vw .15vw -0.25vw rgba(0,0,0,0.10)}#animationDiv[data-template-id = 'threeWide']{--productWidth:20%;background-color:#eee;--backgroundColor:#000}#animationDiv[data-template-id = 'threeWide'] #animationProductDiv{margin-top:0;align-content:center;transform:rotateX(0deg) rotateY(0deg) rotateZ(0deg) translateX(0)}#animationDiv[data-template-id = 'threeWide'] .cube{width:var(--productWidth);padding-bottom:calc(var(--productWidth) * 1.41)!important}#animationDiv[data-template-id = 'threeWide'] .cube:nth-child(1){animation-name:example;animation-duration:8.00s;animation-iteration-count:infinite;animation-direction:alternate;animation-timing-function:ease-in-out;animation-play-state:running}#animationDiv[data-template-id = 'threeWide'] .cube:nth-child(2){width:calc(var(--productWidth)*1.6)}#animationDiv[data-template-id = 'threeWide'] .cube:nth-child(n+4){display:none!important}#animationDiv[data-template-id = 'threeWideSameWidth']{--productWidth:20%;background-color:#eee;--backgroundColor:#000}#animationDiv[data-template-id = 'threeWideSameWidth'] #animationProductDiv{margin-top:0;align-content:center;transform:rotateX(0deg) rotateY(0deg) rotateZ(0deg) translateX(0)}#animationDiv[data-template-id = 'threeWideSameWidth'] .cube{width:var(--productWidth);padding-bottom:calc(var(--productWidth) * 1.41)!important}#animationDiv[data-template-id = 'threeWideSameWidth'] .cube:nth-child(1){animation-name:example;animation-duration:8.00s;animation-iteration-count:infinite;animation-direction:alternate;animation-timing-function:ease-in-out;animation-play-state:running}#animationDiv[data-template-id = 'threeWideSameWidth'] .cube:nth-child(n+4){display:none!important}#animationDiv[data-template-id = 'sportsIllustrated']{--productWidth:16%;background-color:#fff;--backgroundColor:#000}#animationDiv[data-template-id = 'sportsIllustrated'] .cube{width:var(--productWidth);padding-bottom:calc(var(--productWidth) * 1.41)!important}#animationDiv[data-template-id = 'sportsIllustrated'] .cube:nth-child(1){animation-name:example;animation-duration:8.00s;animation-iteration-count:infinite;animation-direction:alternate;animation-timing-function:ease-in-out;animation-play-state:running}@media screen and (min-width:9800px){#animationTextLine001{padding-bottom:1%;margin-top:-10%;font-size:24pt}#animationTextLine002{font-size:36pt;text-shadow:none}#animationButtonTemplateContainerDiv{font-size:14pt}#animationButton,#animationButton:active,#animationButton:link,#animationButton:visited{display:inline-block;padding:25px;margin-top:20px;font-size:20pt;border:2px solid rgba(0,0,0,0.30)}}@media screen and (max-width:640px){@keyframes example{0%{transform:rotateY(-30deg)}100%{transform:rotateY(0deg)}}#animationDiv{--productWidth:70%!important;--thickness:10px;padding-bottom:100%;perspective:1000px;background-color:#f9f9f9!important}#annimationTextDiv{width:60%;height:100%;padding-left:5%;padding-right:5%}#animationProductDiv{left:55%;width:60%;height:80%;padding-top:0;margin-top:-30%;align-content:center;transform:rotateX(0deg) rotateY(0deg) rotateZ(0deg) translateX(0)!important}#animationTextLine001{padding-bottom:3%;font-size:2.8vw}#animationTextLine002{font-size:6.0vw;padding-bottom:2%}#animationButton,#animationButton:active,#animationButton:link,#animationButton:visited{padding:2.0vw;padding-left:2.5vw;padding-right:2.5vw;margin-top:2.5vw;font-size:4.0vw;border-width:.50vw}#animationButtonTemplateContainerDiv{display:none}.cube:nth-child(n),#animationDiv[data-template-id = 'sportsIllustrated'] .cube:nth-child(n),#animationDiv[data-template-id = 'threeWide'] .cube:nth-child(n){display:inline-block!important;width:var(--productWidth)!important;padding-bottom:calc(var(--productWidth) * 1.41)!important;transform:rotateY(-30deg)}.cube:nth-child(n+2),#animationDiv[data-template-id = 'sportsIllustrated'] .cube:nth-child(n+2),#animationDiv[data-template-id = 'threeWide'] .cube:nth-child(n+2){display:none!important;animation:none!important}.cube:nth-child(1){animation-name:example;animation-duration:6.00s;animation-iteration-count:infinite;animation-direction:alternate;animation-timing-function:ease-in-out;animation-play-state:running}.cubeFace img{padding:4.0vw;border:2.0vw solid var(--backgroundColor)}}