@body-bg : #000;@brand-dark : #263238;@brand-highlight : #311b92;@brand-primary : @brand-highlight;@brand-secondary : #03A9F4;@text-colour-dark : #212121;@text-colour-medium : #616161;@text-colour-light : #eeeeee;@inactive : @text-colour-medium;@link-colour : @brand-highlight;@link-hover-colour : #fff;@success : #00e676;@error : #ff5252;@notification : #ffc400;@input-background : #fff;@input-colour : @text-colour-dark;@mobile-bp :930px;@tablet-bp :1260px;@laptop-bp :1520px;@max-bp :3840px;@mobile-mq :929px;@tablet-mq :1259px;@ipad-mq :1023px;@laptop-mq :1519px;@max-mq :3839px;@mobile : ~"only screen and (max-width:@{mobile-mq})";@tablet : ~"only screen and (max-width:@{tablet-mq})";@ipad : ~"only screen and (max-width:@{ipad-mq})";@laptop : ~"only screen and (max-width:@{laptop-mq})";@max : ~"only screen and (max-width:@{max-mq})";html,body{height:100%;background-color:@body-bg}.screen{width:100%;height:100%;display:table}.time-display{display:table-cell;vertical-align:middle;text-align:center}@off-colour : rgb(7,18,5);@on-colour : rgb(50,132,32);@media @max{@segment-height : 21px;@segment-width : 150px;@segment-space : 21px;@offset : 1.05;@digit-height : (((@segment-width)*@offset)*2)+(@segment-space*3);.digit:not(:last-of-type){margin-right:(@segment-space*1.5)}.digit{width:192px;height:@digit-height;display:block;position:relative;float:left}.digit .segment{background:@off-colour;border-radius:@segment-width;position:absolute;z-index:0;transition:all .5s ease}.digit .on{background:@on-colour}.digit .horizontal{width:@segment-width;height:@segment-height}.digit .vertical{width:@segment-height;height:((@segment-width)*@offset)}.digit .a{top:0;left:@segment-space}.digit .a:before,.digit .a:after{content:"";position:absolute;bottom:0;width:0;height:0}.digit .a:before{left:-(ceil(@segment-space/2));border-left:ceil(@segment-space/2) solid @body-bg;border-right:ceil(@segment-space/2) solid transparent;border-bottom:@segment-space solid @body-bg}.digit .a:after{right:-(ceil(@segment-space/2));border-right:ceil(@segment-space/2) solid @body-bg;border-left:ceil(@segment-space/2) solid transparent;border-bottom:@segment-space solid @body-bg}.digit .b{top:@segment-space;right:0}.digit .b:before,.digit .b:after{content:"";position:absolute;left:0;width:0;height:0}.digit .b:before{top:-(ceil(@segment-space/2));border-bottom:ceil(@segment-space/2) solid transparent;border-left:@segment-space solid @body-bg;border-top:ceil(@segment-space/2) solid @body-bg}.digit .b:after{bottom:-(ceil(@segment-space/2));border-top:ceil(@segment-space/2) solid transparent;border-left:@segment-space solid @body-bg;border-bottom:ceil(@segment-space/2) solid @body-bg}.digit .c{top:(@segment-space+((@segment-width)*@offset)+@segment-space);right:0}.digit .c:before,.digit .c:after{content:"";position:absolute;left:0;width:0;height:0}.digit .c:before{top:-(ceil(@segment-space/2));border-bottom:ceil(@segment-space/2) solid transparent;border-left:@segment-space solid @body-bg;border-top:ceil(@segment-space/2) solid @body-bg}.digit .c:after{bottom:-(ceil(@segment-space/2));border-top:ceil(@segment-space/2) solid transparent;border-left:@segment-space solid @body-bg;border-bottom:ceil(@segment-space/2) solid @body-bg}.digit .d{bottom:0;left:@segment-space}.digit .d:before,.digit .d:after{content:"";position:absolute;bottom:0;width:0;height:0}.digit .d:before{left:-(ceil(@segment-space/2));border-left:ceil(@segment-space/2) solid @body-bg;border-right:ceil(@segment-space/2) solid transparent;border-top:@segment-space solid @body-bg}.digit .d:after{right:-(ceil(@segment-space/2));border-right:ceil(@segment-space/2) solid @body-bg;border-left:ceil(@segment-space/2) solid transparent;border-top:@segment-space solid @body-bg}.digit .e{top:(@segment-space+((@segment-width)*@offset)+@segment-space);left:0}.digit .e:before,.digit .e:after{content:"";position:absolute;left:0;width:0;height:0}.digit .e:before{top:-(ceil(@segment-space/2));border-bottom:ceil(@segment-space/2) solid transparent;border-right:@segment-space solid @body-bg;border-top:ceil(@segment-space/2) solid @body-bg}.digit .e:after{bottom:-(ceil(@segment-space/2));border-top:ceil(@segment-space/2) solid transparent;border-right:@segment-space solid @body-bg;border-bottom:ceil(@segment-space/2) solid @body-bg}.digit .f{top:@segment-space;left:0}.digit .f:before,.digit .f:after{content:"";position:absolute;left:0;width:0;height:0}.digit .f:before{top:-(ceil(@segment-space/2));border-bottom:ceil(@segment-space/2) solid transparent;border-right:@segment-space solid @body-bg;border-top:ceil(@segment-space/2) solid @body-bg}.digit .f:after{bottom:-(ceil(@segment-space/2));border-top:ceil(@segment-space/2) solid transparent;border-right:@segment-space solid @body-bg;border-bottom:ceil(@segment-space/2) solid @body-bg}.digit .g{top:(@segment-space+((@segment-width)*@offset));left:@segment-space}.digit .g:before,.digit .g:after{content:"";position:absolute;bottom:0;width:0;height:0}.digit .g:before{left:0;border-right:ceil(@segment-space/2) solid transparent;border-top:ceil(@segment-space/2) solid @body-bg;border-bottom:ceil(@segment-space/2) solid @body-bg}.digit .g:after{right:0;border-left:ceil(@segment-space/2) solid transparent;border-top:ceil(@segment-space/2) solid @body-bg;border-bottom:ceil(@segment-space/2) solid @body-bg}.hours,.minutes,.seconds{display:inline-block;overflow:auto;text-align:center}.separator{width:@segment-space;height:@digit-height;display:inline-block;position:relative;text-align:center;margin:0 (@segment-space*2)}.separator .dot{background:@off-colour;width:@segment-space;height:@segment-space;border-radius:@segment-space;transition:all .5s ease;position:absolute}.separator .dot.on{background:@on-colour}.separator .dot:first-of-type{top:33%}.separator .dot:last-of-type{top:66%}}@media @laptop{@segment-height : 18px;@segment-width : 120px;@segment-space : 18px;@offset : 1.05;@digit-height : (((@segment-width)*@offset)*2)+(@segment-space*3);.digit:not(:last-of-type){margin-right:(@segment-space*1.5)}.digit{width:156px;height:@digit-height;display:block;position:relative;float:left}.digit .segment{background:@off-colour;border-radius:@segment-width;position:absolute;z-index:0;transition:all .5s ease}.digit .on{background:@on-colour}.digit .horizontal{width:@segment-width;height:@segment-height}.digit .vertical{width:@segment-height;height:((@segment-width)*@offset)}.digit .a{top:0;left:@segment-space}.digit .a:before,.digit .a:after{content:"";position:absolute;bottom:0;width:0;height:0}.digit .a:before{left:-(ceil(@segment-space/2));border-left:ceil(@segment-space/2) solid @body-bg;border-right:ceil(@segment-space/2) solid transparent;border-bottom:@segment-space solid @body-bg}.digit .a:after{right:-(ceil(@segment-space/2));border-right:ceil(@segment-space/2) solid @body-bg;border-left:ceil(@segment-space/2) solid transparent;border-bottom:@segment-space solid @body-bg}.digit .b{top:@segment-space;right:0}.digit .b:before,.digit .b:after{content:"";position:absolute;left:0;width:0;height:0}.digit .b:before{top:-(ceil(@segment-space/2));border-bottom:ceil(@segment-space/2) solid transparent;border-left:@segment-space solid @body-bg;border-top:ceil(@segment-space/2) solid @body-bg}.digit .b:after{bottom:-(ceil(@segment-space/2));border-top:ceil(@segment-space/2) solid transparent;border-left:@segment-space solid @body-bg;border-bottom:ceil(@segment-space/2) solid @body-bg}.digit .c{top:(@segment-space+((@segment-width)*@offset)+@segment-space);right:0}.digit .c:before,.digit .c:after{content:"";position:absolute;left:0;width:0;height:0}.digit .c:before{top:-(ceil(@segment-space/2));border-bottom:ceil(@segment-space/2) solid transparent;border-left:@segment-space solid @body-bg;border-top:ceil(@segment-space/2) solid @body-bg}.digit .c:after{bottom:-(ceil(@segment-space/2));border-top:ceil(@segment-space/2) solid transparent;border-left:@segment-space solid @body-bg;border-bottom:ceil(@segment-space/2) solid @body-bg}.digit .d{bottom:0;left:@segment-space}.digit .d:before,.digit .d:after{content:"";position:absolute;bottom:0;width:0;height:0}.digit .d:before{left:-(ceil(@segment-space/2));border-left:ceil(@segment-space/2) solid @body-bg;border-right:ceil(@segment-space/2) solid transparent;border-top:@segment-space solid @body-bg}.digit .d:after{right:-(ceil(@segment-space/2));border-right:ceil(@segment-space/2) solid @body-bg;border-left:ceil(@segment-space/2) solid transparent;border-top:@segment-space solid @body-bg}.digit .e{top:(@segment-space+((@segment-width)*@offset)+@segment-space);left:0}.digit .e:before,.digit .e:after{content:"";position:absolute;left:0;width:0;height:0}.digit .e:before{top:-(ceil(@segment-space/2));border-bottom:ceil(@segment-space/2) solid transparent;border-right:@segment-space solid @body-bg;border-top:ceil(@segment-space/2) solid @body-bg}.digit .e:after{bottom:-(ceil(@segment-space/2));border-top:ceil(@segment-space/2) solid transparent;border-right:@segment-space solid @body-bg;border-bottom:ceil(@segment-space/2) solid @body-bg}.digit .f{top:@segment-space;left:0}.digit .f:before,.digit .f:after{content:"";position:absolute;left:0;width:0;height:0}.digit .f:before{top:-(ceil(@segment-space/2));border-bottom:ceil(@segment-space/2) solid transparent;border-right:@segment-space solid @body-bg;border-top:ceil(@segment-space/2) solid @body-bg}.digit .f:after{bottom:-(ceil(@segment-space/2));border-top:ceil(@segment-space/2) solid transparent;border-right:@segment-space solid @body-bg;border-bottom:ceil(@segment-space/2) solid @body-bg}.digit .g{top:(@segment-space+((@segment-width)*@offset));left:@segment-space}.digit .g:before,.digit .g:after{content:"";position:absolute;bottom:0;width:0;height:0}.digit .g:before{left:0;border-right:ceil(@segment-space/2) solid transparent;border-top:ceil(@segment-space/2) solid @body-bg;border-bottom:ceil(@segment-space/2) solid @body-bg}.digit .g:after{right:0;border-left:ceil(@segment-space/2) solid transparent;border-top:ceil(@segment-space/2) solid @body-bg;border-bottom:ceil(@segment-space/2) solid @body-bg}.hours,.minutes,.seconds{display:inline-block;overflow:auto;text-align:center}.separator{width:@segment-space;height:@digit-height;display:inline-block;position:relative;text-align:center;margin:0 (@segment-space*2)}.separator .dot{background:@off-colour;width:@segment-space;height:@segment-space;border-radius:@segment-space;transition:all .5s ease;position:absolute}.separator .dot.on{background:@on-colour}.separator .dot:first-of-type{top:33%}.separator .dot:last-of-type{top:66%}}@media @tablet{@segment-height : 15px;@segment-width : 80px;@segment-space : 15px;@offset : 1;@digit-height : (((@segment-width)*@offset)*2)+(@segment-space*3);.digit:not(:last-of-type){margin-right:(@segment-space*1.5)}.digit{width:110px;height:@digit-height;display:block;position:relative;float:left}.digit .segment{background:@off-colour;border-radius:@segment-width;position:absolute;z-index:0;transition:all .5s ease}.digit .on{background:@on-colour}.digit .horizontal{width:@segment-width;height:@segment-height}.digit .vertical{width:@segment-height;height:((@segment-width)*@offset)}.digit .a{top:0;left:@segment-space}.digit .a:before,.digit .a:after{content:"";position:absolute;bottom:0;width:0;height:0}.digit .a:before{left:-(ceil(@segment-space/2));border-left:ceil(@segment-space/2) solid @body-bg;border-right:ceil(@segment-space/2) solid transparent;border-bottom:@segment-space solid @body-bg}.digit .a:after{right:-(ceil(@segment-space/2));border-right:ceil(@segment-space/2) solid @body-bg;border-left:ceil(@segment-space/2) solid transparent;border-bottom:@segment-space solid @body-bg}.digit .b{top:@segment-space;right:0}.digit .b:before,.digit .b:after{content:"";position:absolute;left:0;width:0;height:0}.digit .b:before{top:-(ceil(@segment-space/2));border-bottom:ceil(@segment-space/2) solid transparent;border-left:@segment-space solid @body-bg;border-top:ceil(@segment-space/2) solid @body-bg}.digit .b:after{bottom:-(ceil(@segment-space/2));border-top:ceil(@segment-space/2) solid transparent;border-left:@segment-space solid @body-bg;border-bottom:ceil(@segment-space/2) solid @body-bg}.digit .c{top:(@segment-space+((@segment-width)*@offset)+@segment-space);right:0}.digit .c:before,.digit .c:after{content:"";position:absolute;left:0;width:0;height:0}.digit .c:before{top:-(ceil(@segment-space/2));border-bottom:ceil(@segment-space/2) solid transparent;border-left:@segment-space solid @body-bg;border-top:ceil(@segment-space/2) solid @body-bg}.digit .c:after{bottom:-(ceil(@segment-space/2));border-top:ceil(@segment-space/2) solid transparent;border-left:@segment-space solid @body-bg;border-bottom:ceil(@segment-space/2) solid @body-bg}.digit .d{bottom:0;left:@segment-space}.digit .d:before,.digit .d:after{content:"";position:absolute;bottom:0;width:0;height:0}.digit .d:before{left:-(ceil(@segment-space/2));border-left:ceil(@segment-space/2) solid @body-bg;border-right:ceil(@segment-space/2) solid transparent;border-top:@segment-space solid @body-bg}.digit .d:after{right:-(ceil(@segment-space/2));border-right:ceil(@segment-space/2) solid @body-bg;border-left:ceil(@segment-space/2) solid transparent;border-top:@segment-space solid @body-bg}.digit .e{top:(@segment-space+((@segment-width)*@offset)+@segment-space);left:0}.digit .e:before,.digit .e:after{content:"";position:absolute;left:0;width:0;height:0}.digit .e:before{top:-(ceil(@segment-space/2));border-bottom:ceil(@segment-space/2) solid transparent;border-right:@segment-space solid @body-bg;border-top:ceil(@segment-space/2) solid @body-bg}.digit .e:after{bottom:-(ceil(@segment-space/2));border-top:ceil(@segment-space/2) solid transparent;border-right:@segment-space solid @body-bg;border-bottom:ceil(@segment-space/2) solid @body-bg}.digit .f{top:@segment-space;left:0}.digit .f:before,.digit .f:after{content:"";position:absolute;left:0;width:0;height:0}.digit .f:before{top:-(ceil(@segment-space/2));border-bottom:ceil(@segment-space/2) solid transparent;border-right:@segment-space solid @body-bg;border-top:ceil(@segment-space/2) solid @body-bg}.digit .f:after{bottom:-(ceil(@segment-space/2));border-top:ceil(@segment-space/2) solid transparent;border-right:@segment-space solid @body-bg;border-bottom:ceil(@segment-space/2) solid @body-bg}.digit .g{top:(@segment-space+((@segment-width)*@offset));left:@segment-space}.digit .g:before,.digit .g:after{content:"";position:absolute;bottom:0;width:0;height:0}.digit .g:before{left:0;border-right:ceil(@segment-space/2) solid transparent;border-top:ceil(@segment-space/2) solid @body-bg;border-bottom:ceil(@segment-space/2) solid @body-bg}.digit .g:after{right:0;border-left:ceil(@segment-space/2) solid transparent;border-top:ceil(@segment-space/2) solid @body-bg;border-bottom:ceil(@segment-space/2) solid @body-bg}.hours,.minutes,.seconds{display:inline-block;overflow:auto;text-align:center}.separator{width:@segment-space;height:@digit-height;display:inline-block;position:relative;text-align:center;margin:0 (@segment-space*2)}.separator .dot{background:@off-colour;width:@segment-space;height:@segment-space;border-radius:@segment-space;transition:all .5s ease;position:absolute}.separator .dot.on{background:@on-colour}.separator .dot:first-of-type{top:33%}.separator .dot:last-of-type{top:66%}}@media @mobile{@segment-height : 8px;@segment-width : 40px;@segment-space : 8px;@offset : 1;@digit-height : (((@segment-width)*@offset)*2)+(@segment-space*3);.digit:not(:last-of-type){margin-right:(@segment-space*1.5)}.digit{width:56px;height:@digit-height;display:block;position:relative;float:left}.digit .segment{background:@off-colour;border-radius:@segment-width;position:absolute;z-index:0;transition:all .5s ease}.digit .on{background:@on-colour}.digit .horizontal{width:@segment-width;height:@segment-height}.digit .vertical{width:@segment-height;height:((@segment-width)*@offset)}.digit .a{top:0;left:@segment-space}.digit .a:before,.digit .a:after{content:"";position:absolute;bottom:0;width:0;height:0}.digit .a:before{left:-(ceil(@segment-space/2));border-left:ceil(@segment-space/2) solid @body-bg;border-right:ceil(@segment-space/2) solid transparent;border-bottom:@segment-space solid @body-bg}.digit .a:after{right:-(ceil(@segment-space/2));border-right:ceil(@segment-space/2) solid @body-bg;border-left:ceil(@segment-space/2) solid transparent;border-bottom:@segment-space solid @body-bg}.digit .b{top:@segment-space;right:0}.digit .b:before,.digit .b:after{content:"";position:absolute;left:0;width:0;height:0}.digit .b:before{top:-(ceil(@segment-space/2));border-bottom:ceil(@segment-space/2) solid transparent;border-left:@segment-space solid @body-bg;border-top:ceil(@segment-space/2) solid @body-bg}.digit .b:after{bottom:-(ceil(@segment-space/2));border-top:ceil(@segment-space/2) solid transparent;border-left:@segment-space solid @body-bg;border-bottom:ceil(@segment-space/2) solid @body-bg}.digit .c{top:(@segment-space+((@segment-width)*@offset)+@segment-space);right:0}.digit .c:before,.digit .c:after{content:"";position:absolute;left:0;width:0;height:0}.digit .c:before{top:-(ceil(@segment-space/2));border-bottom:ceil(@segment-space/2) solid transparent;border-left:@segment-space solid @body-bg;border-top:ceil(@segment-space/2) solid @body-bg}.digit .c:after{bottom:-(ceil(@segment-space/2));border-top:ceil(@segment-space/2) solid transparent;border-left:@segment-space solid @body-bg;border-bottom:ceil(@segment-space/2) solid @body-bg}.digit .d{bottom:0;left:@segment-space}.digit .d:before,.digit .d:after{content:"";position:absolute;bottom:0;width:0;height:0}.digit .d:before{left:-(ceil(@segment-space/2));border-left:ceil(@segment-space/2) solid @body-bg;border-right:ceil(@segment-space/2) solid transparent;border-top:@segment-space solid @body-bg}.digit .d:after{right:-(ceil(@segment-space/2));border-right:ceil(@segment-space/2) solid @body-bg;border-left:ceil(@segment-space/2) solid transparent;border-top:@segment-space solid @body-bg}.digit .e{top:(@segment-space+((@segment-width)*@offset)+@segment-space);left:0}.digit .e:before,.digit .e:after{content:"";position:absolute;left:0;width:0;height:0}.digit .e:before{top:-(ceil(@segment-space/2));border-bottom:ceil(@segment-space/2) solid transparent;border-right:@segment-space solid @body-bg;border-top:ceil(@segment-space/2) solid @body-bg}.digit .e:after{bottom:-(ceil(@segment-space/2));border-top:ceil(@segment-space/2) solid transparent;border-right:@segment-space solid @body-bg;border-bottom:ceil(@segment-space/2) solid @body-bg}.digit .f{top:@segment-space;left:0}.digit .f:before,.digit .f:after{content:"";position:absolute;left:0;width:0;height:0}.digit .f:before{top:-(ceil(@segment-space/2));border-bottom:ceil(@segment-space/2) solid transparent;border-right:@segment-space solid @body-bg;border-top:ceil(@segment-space/2) solid @body-bg}.digit .f:after{bottom:-(ceil(@segment-space/2));border-top:ceil(@segment-space/2) solid transparent;border-right:@segment-space solid @body-bg;border-bottom:ceil(@segment-space/2) solid @body-bg}.digit .g{top:(@segment-space+((@segment-width)*@offset));left:@segment-space}.digit .g:before,.digit .g:after{content:"";position:absolute;bottom:0;width:0;height:0}.digit .g:before{left:0;border-right:ceil(@segment-space/2) solid transparent;border-top:ceil(@segment-space/2) solid @body-bg;border-bottom:ceil(@segment-space/2) solid @body-bg}.digit .g:after{right:0;border-left:ceil(@segment-space/2) solid transparent;border-top:ceil(@segment-space/2) solid @body-bg;border-bottom:ceil(@segment-space/2) solid @body-bg}.hours,.minutes,.seconds{display:inline-block;overflow:auto;text-align:center;white-space:nowrap}.separator{width:@segment-space;height:@digit-height;display:inline-block;position:relative;text-align:center;margin:0 (@segment-space*2);white-space:nowrap}.separator .dot{background:@off-colour;width:@segment-space;height:@segment-space;border-radius:@segment-space;transition:all .5s ease;position:absolute}.separator .dot.on{background:@on-colour}.separator .dot:first-of-type{top:33%}.separator .dot:last-of-type{top:66%}}@media only screen and (max-width:500px){@segment-height : 4px;@segment-width : 16px;@segment-space : 4px;@offset : 1;@digit-height : (((@segment-width)*@offset)*2)+(@segment-space*3);.digit:not(:last-of-type){margin-right:(@segment-space*1.5)}.digit{width:24px;height:@digit-height;display:block;position:relative;float:left}.digit .segment{background:@off-colour;border-radius:@segment-width;position:absolute;z-index:0;transition:all .5s ease}.digit .on{background:@on-colour}.digit .horizontal{width:@segment-width;height:@segment-height}.digit .vertical{width:@segment-height;height:((@segment-width)*@offset)}.digit .a{top:0;left:@segment-space}.digit .a:before,.digit .a:after{content:"";position:absolute;bottom:0;width:0;height:0}.digit .a:before{left:-(ceil(@segment-space/2));border-left:ceil(@segment-space/2) solid @body-bg;border-right:ceil(@segment-space/2) solid transparent;border-bottom:@segment-space solid @body-bg}.digit .a:after{right:-(ceil(@segment-space/2));border-right:ceil(@segment-space/2) solid @body-bg;border-left:ceil(@segment-space/2) solid transparent;border-bottom:@segment-space solid @body-bg}.digit .b{top:@segment-space;right:0}.digit .b:before,.digit .b:after{content:"";position:absolute;left:0;width:0;height:0}.digit .b:before{top:-(ceil(@segment-space/2));border-bottom:ceil(@segment-space/2) solid transparent;border-left:@segment-space solid @body-bg;border-top:ceil(@segment-space/2) solid @body-bg}.digit .b:after{bottom:-(ceil(@segment-space/2));border-top:ceil(@segment-space/2) solid transparent;border-left:@segment-space solid @body-bg;border-bottom:ceil(@segment-space/2) solid @body-bg}.digit .c{top:(@segment-space+((@segment-width)*@offset)+@segment-space);right:0}.digit .c:before,.digit .c:after{content:"";position:absolute;left:0;width:0;height:0}.digit .c:before{top:-(ceil(@segment-space/2));border-bottom:ceil(@segment-space/2) solid transparent;border-left:@segment-space solid @body-bg;border-top:ceil(@segment-space/2) solid @body-bg}.digit .c:after{bottom:-(ceil(@segment-space/2));border-top:ceil(@segment-space/2) solid transparent;border-left:@segment-space solid @body-bg;border-bottom:ceil(@segment-space/2) solid @body-bg}.digit .d{bottom:0;left:@segment-space}.digit .d:before,.digit .d:after{content:"";position:absolute;bottom:0;width:0;height:0}.digit .d:before{left:-(ceil(@segment-space/2));border-left:ceil(@segment-space/2) solid @body-bg;border-right:ceil(@segment-space/2) solid transparent;border-top:@segment-space solid @body-bg}.digit .d:after{right:-(ceil(@segment-space/2));border-right:ceil(@segment-space/2) solid @body-bg;border-left:ceil(@segment-space/2) solid transparent;border-top:@segment-space solid @body-bg}.digit .e{top:(@segment-space+((@segment-width)*@offset)+@segment-space);left:0}.digit .e:before,.digit .e:after{content:"";position:absolute;left:0;width:0;height:0}.digit .e:before{top:-(ceil(@segment-space/2));border-bottom:ceil(@segment-space/2) solid transparent;border-right:@segment-space solid @body-bg;border-top:ceil(@segment-space/2) solid @body-bg}.digit .e:after{bottom:-(ceil(@segment-space/2));border-top:ceil(@segment-space/2) solid transparent;border-right:@segment-space solid @body-bg;border-bottom:ceil(@segment-space/2) solid @body-bg}.digit .f{top:@segment-space;left:0}.digit .f:before,.digit .f:after{content:"";position:absolute;left:0;width:0;height:0}.digit .f:before{top:-(ceil(@segment-space/2));border-bottom:ceil(@segment-space/2) solid transparent;border-right:@segment-space solid @body-bg;border-top:ceil(@segment-space/2) solid @body-bg}.digit .f:after{bottom:-(ceil(@segment-space/2));border-top:ceil(@segment-space/2) solid transparent;border-right:@segment-space solid @body-bg;border-bottom:ceil(@segment-space/2) solid @body-bg}.digit .g{top:(@segment-space+((@segment-width)*@offset));left:@segment-space}.digit .g:before,.digit .g:after{content:"";position:absolute;bottom:0;width:0;height:0}.digit .g:before{left:0;border-right:ceil(@segment-space/2) solid transparent;border-top:ceil(@segment-space/2) solid @body-bg;border-bottom:ceil(@segment-space/2) solid @body-bg}.digit .g:after{right:0;border-left:ceil(@segment-space/2) solid transparent;border-top:ceil(@segment-space/2) solid @body-bg;border-bottom:ceil(@segment-space/2) solid @body-bg}.hours,.minutes,.seconds{display:inline-block;overflow:auto;text-align:center;white-space:nowrap}.separator{width:@segment-space;height:@digit-height;display:inline-block;position:relative;text-align:center;margin:0 (@segment-space*2);white-space:nowrap}.separator .dot{background:@off-colour;width:@segment-space;height:@segment-space;border-radius:@segment-space;transition:all .5s ease;position:absolute}.separator .dot.on{background:@on-colour}.separator .dot:first-of-type{top:33%}.separator .dot:last-of-type{top:66%}}.m-card{position:relative;overflow:hidden;margin:3em auto 1em;padding:1em;background-color:#fff;box-shadow:0 2px 5px #00000029,0 2px 10px #0000001f;transition:all .25s ease;max-width:450px;z-index:1}.m-card:hover{box-shadow:0 8px 17px #0003,0 6px 20px #00000030}.m-card h1{border-bottom:1px solid @brand-highlight}.m-card h1 #because{font-size:.35em;text-align:center;display:block;margin-bottom:.5em;font-weight:300}.m-card #logo{max-width:300px;margin:0 auto;display:block}.m-card h5{margin:.5em 0 .7em}.m-card #file-upload-container{cursor:pointer;border:3px dashed @brand-highlight;display:block;width:100%;height:200px;border-radius:25px;text-align:center}.m-card #file-upload-container input{display:none}.m-card #file-upload-container #add-symbol{display:block;margin:0 auto;height:70%;fill:@text-colour-medium;max-width:40px}.m-card #file-upload-container #add-symbol:hover{fill:@brand-highlight}.m-card #file-upload-container #file-name{display:block;margin:0 auto;color:@text-colour-medium;max-width:90%;word-break:break-all}.m-card #file-upload-container .file-added{color:@text-colour-dark!important}.m-card #file-upload-container:hover #add-symbol{fill:@brand-highlight}.m-card button{width:100%;padding-top:1.3em}.m-card button #upload-symbol{fill:@brand-highlight;transition:all .25s ease;max-width:36px;max-height:36px;display:inline;vertical-align:middle;margin-top:-4px}.m-card button span{display:inline-block}.m-card button:hover #upload-symbol{fill:#fff}.m-card button:hover #upload-symbol #arrow{top:-12px}.m-card button.disabled{pointer-events:none;cursor:default;color:@text-colour-medium;border-color:@text-colour-medium;background:@text-colour-light}.m-card button.disabled #upload-symbol{fill:@text-colour-medium}.m-card .how-to{display:block;text-align:center;width:100%;margin-top:1em;padding:.75em 0;font-weight:300;transition:all .25s ease}.m-card .how-to:hover{transform:scale(1.2)}.m-card #how-to{position:absolute;top:0;left:0;margin-top:0!important;width:100%;height:100%;background:#fff;z-index:3;padding:1em;display:none}.m-card #how-to h3{border-bottom:1px solid @text-colour-dark;padding-bottom:.25em}.m-card #how-to #close{position:absolute;top:1em;right:1em}.m-card #how-to #close #close-symbol{transform:rotate(45deg);max-width:20px;max-height:20px;fill:@text-colour-medium}.m-card #how-to #close:hover #close-symbol{fill:@brand-highlight}.m-card .step{float:left;width:100%}.m-card .step img{max-width:120px;display:block;float:left;margin-right:.5em;border:1px solid @text-colour-dark}.m-card .step h6{margin-bottom:.5em}.m-card #upload-animation{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;z-index:4;padding:1em;text-align:center;opacity:0;pointer-events:none;transition:opacity .25s ease}.m-card #upload-animation h3{margin-bottom:0}.m-card #upload-animation.show{opacity:1}
/*# sourceMappingURL=/cdn/shop/t/3/assets/gang-custom-css-shopify--main.css.map */