1"use strict";(self.webpackChunkthor_app=self.webpackChunkthor_app||[]).push([[7662],{89886:function(t,e,n){n.d(e,{f:function(){return r}});var o=n(62415),i=n(17291);let r=(()=>{class t{constructor(t,e){this.elementRef=t,this.ShareData=e,this.tryArrows=0,this.prevArrow="hidden-arrow",this.resizeWindow=()=>{this.styleOfItems(this.itemsNumber)}}onResize(){this.resizeWindow()}ngOnInit(){this.element=this.elementRef.nativeElement,this.element.children[0].onload=this.addArrows(),setTimeout(()=>{this.styleOfItems(this.itemsNumber)},0),this.event=this.ShareData.listen("DynamicCarouselChange",()=>this.checkForBothArrows()),this.init()}ngOnDestroy(){this.element.children[0].style.display="none !important",this.event.unsubscribe()}ngAfterViewInit(){this.array=Array.isArray(this.itemsNumber)?this.itemsNumber:[2.84,2.64,107,139,177],this.styleOfItemsInit(this.array)}ngOnChanges(t){t.itemLength&&(this.changesCheck=setInterval(()=>{t.itemLength.currentValue===this.elementRef.nativeElement.children[0].children.length&&(this.styleOfItemsInit(this.array),clearInterval(this.changesCheck))},50))}styleOfItems(t){for(var e=window.innerWidth,n=this.element.clientWidth,o=0;o<this.element.children[0].children.length;o++)this.element.children[0].children[o].style.display="inline-block",this.element.children[0].children[o].style.marginRight=this.spacing?this.spacing+"px":"14px",e>=1200?this.element.children[0].children[o].style.width=t[4]>15?t[4]+"px":n/t[4]+"px":e<1200&&e>=992?this.element.children[0].children[o].style.width=t[3]>15?t[3]+"px":n/t[3]+"px":e<992&&e>=769?this.element.children[0].children[o].style.width=t[2]>15?t[2]+"px":n/t[2]+"px":e<769&&e>=576?this.element.children[0].children[o].style.width=t[1]>15?t[1]+"px":n/t[1]+"px":e<576&&(this.element.children[0].children[o].style.width=t[0]>15?t[0]+"px":n/t[0]+"px");if(!this.noPadding){let t=document.querySelector(".content");e>=992?(this.element.children[0].style.paddingLeft=(e-t.clientWidth+30)/2+"px",this.element.children[0].style.paddingRight=(e-t.clientWidth+30)/2+"px"):e<992&&e>=769?(this.element.children[0].style.paddingLeft=(e-t.clientWidth)/2+"px",this.element.children[0].style.paddingRight=(e-t.clientWidth)/2+"px"):(this.element.children[0].style.paddingLeft="20px",this.element.children[0].style.paddingRight="20px")}}init(){this.styleOfCarousel()}styleOfCarousel(){this.element.children[0].id=this.carouselId,this.element.style.position="relative",this.element.children[0].style.scrollbarWidth="none",this.element.children[0].style.overflowX="scroll",this.element.children[0].style.overflowY="hidden",this.element.children[0].style.whiteSpace="nowrap",this.element.children[0].style.width="100%",this.element.children[0].classList.add("hide-scrollbar"),this.center&&(this.element.children[0].style.textAlign="center"),this.carouselWidth=this.element.clientWidth,this.element.children[0].style.display="inline-block"}styleOfItemsInit(t){for(var e=this.ShareData.getProperty("device"),n=this.element.clientWidth,o=0;o<this.element.children[0].children.length;o++)this.element.children[0].children[o].style.display="inline-block",this.element.children[0].children[o].style.marginRight=this.spacing+"px",t[0]&&t[1]||"desktop-large"==e||"desktop"==e||"tablet"==e?"desktop-large"==e?this.element.children[0].children[o].style.width=t[4]>15?t[4]+"px":n/t[4]+"px":"desktop"==e?this.element.children[0].children[o].style.width=t[3]>15?t[3]+"px":n/t[3]+"px":"tablet"==e?this.element.children[0].children[o].style.width=t[2]>15?t[2]+"px":n/t[2]+"px":"mobile-large"==e?this.element.children[0].children[o].style.width=t[1]>15?t[1]+"px":n/t[1]+"px":"mobile"==e&&(this.element.children[0].children[o].style.width=t[0]>15?t[0]+"px":n/t[0]+"px"):this.element.children[0].children[o].style.width="auto";if(!this.noPadding){let t=document.querySelector(".content");window.innerWidth>=992?(this.element.children[0].style.paddingLeft=(window.innerWidth-t.clientWidth+30)/2+"px",this.element.children[0].style.paddingRight=(window.innerWidth-t.clientWidth+30)/2+"px"):window.innerWidth<992&&window.innerWidth>=769?(this.element.children[0].style.paddingLeft=(window.innerWidth-t.clientWidth)/2+"px",this.element.children[0].style.paddingRight=(window.innerWidth-t.clientWidth)/2+"px"):(this.element.children[0].style.paddingLeft="12px",this.element.children[0].style.paddingRight="12px")}}addArrows(){setTimeout(()=>{let t=document.querySelector("#"+this.carouselId);
1if(this.allChildren=t?t.children:[],!this.allChildren.length){if(this.tryArrows>=3)return;this.tryArrows++,this.addArrows()}},600)}checkForBothArrows(){this.allChildren.length*this.allChildren[0].clientWidth+(this.allChildren.length-2)*this.spacing>document.querySelector(".content").clientWidth?(this.showArrows=!0,document.querySelector("#"+this.carouselId).addEventListener("scroll",()=>this.checkSingleArrows())):this.showArrows=!1}nextRoll(){document.querySelector("#"+this.carouselId).scrollTo({left:this.element.children[0].scrollLeft+this.element.children[0].clientWidth-this.element.children[0].children[0].clientWidth,behavior:"smooth"})}prevRoll(){document.querySelector("#"+this.carouselId).scrollTo({left:this.element.children[0].scrollLeft-this.element.children[0].clientWidth+this.element.children[0].children[0].clientWidth,behavior:"smooth"})}checkSingleArrows(){let t=document.querySelector("#"+this.carouselId);0==t.scrollLeft?this.prevArrow="hidden-arrow":t.scrollLeft>=this.allChildren.length*this.allChildren[0].clientWidth+(this.allChildren.length+1)*this.spacing-document.querySelector(".content").clientWidth?this.nextArrow="hidden-arrow":(this.prevArrow="",this.nextArrow="")}}return t.\u0275fac=function(e){return new(e||t)(o.\u0275\u0275directiveInject(o.ElementRef),o.\u0275\u0275directiveInject(i.u))},t.\u0275dir=o.\u0275\u0275defineDirective({type:t,selectors:[["","dynamic-carousel",""]],hostBindings:function(t,e){1&t&&o.\u0275\u0275listener("resize",function(t){return e.onResize(t)},!1,o.\u0275\u0275resolveWindow)},inputs:{carouselId:"carouselId",itemsNumber:"itemsNumber",spacing:"spacing",itemLength:"itemLength",center:"center",noPadding:"noPadding"},features:[o.\u0275\u0275NgOnChangesFeature]}),t})()},57274:function(t,e,n){n.d(e,{m:function(){return r}});var o=n(92674),i=n(62415);let r=(()=>{class t{}return t.\u0275fac=function(e){return new(e||t)},t.\u0275mod=i.\u0275\u0275defineNgModule({type:t}),t.\u0275inj=i.\u0275\u0275defineInjector({imports:[[o.ez]]}),t})()},41379:function(t,e,n){n.d(e,{S:function(){return r}});var o=n(92674),i=n(62415);let r=(()=>{class t{}return t.\u0275fac=function(e){return new(e||t)},t.\u0275mod=i.\u0275\u0275defineNgModule({type:t}),t.\u0275inj=i.\u0275\u0275defineInjector({imports:[[o.ez]]}),t})()},62014:function(t,e,n){n.d(e,{V:function(){return C}});var o=n(92674),i=n(53740),r=n(50578),a=n(13074),s=n(69676),p=n(90113),c=n(70013),l=n(94359),d=n(57274),g=n(41379),h=n(62415);let C=(()=>{class t{}return t.\u0275fac=function(e){return new(e||t)},t.\u0275mod=h.\u0275\u0275defineNgModule({type:t}),t.\u0275inj=h.\u0275\u0275defineInjector({imports:[[o.ez,d.m,g.S,i.o,r.m,a.Bz,s.Y,p.C,c.Fq.forRoot(l.N.assetsDomain),c.VV]]}),t})()},43354:function(t,e,n){n.d(e,{V:function(){return Ot}});var o=n(85572),i=n(32965),r=n(62415),a=n(70013),s=n(17291),p=n(37403),c=n(64084),l=n(82243),d=n(95178),g=n(35666),h=n(92674),C=n(16199),x=n(9691),m=n(99467);const O=["text"];function _(t,e){if(1&t){const t=r.\u0275\u0275getCurrentView();r.\u0275\u0275elementStart(0,"primary-button",36),r.\u0275\u0275listener("click",function(){return r.\u0275\u0275restoreView(t),r.\u0275\u0275nextContext(3).updateInnerBackText()}),r.\u0275\u0275text(1,"Update"),r.\u0275\u0275elementEnd()}}const P=function(t){return{basket:t}};function w(t,e){if(1&t&&(r.\u0275\u0275elementStart(0,"div",32),r.\u0275\u0275elementStart(1,"h4",33),r.\u0275\u0275text(2,"Your message"),r.\u0275\u0275elementEnd(),r.\u0275\u0275elementStart(3,"div",34),r.\u0275\u0275template(4,_,2,0,"primary-button",35),r.\u0275\u0275elementEnd(),r.\u0275\u0275elementEnd()),2&t){const t=r.\u0275\u0275nextContext(2);r.\u0275\u0275property("ngClass",r.\u0275\u0275pureFunction1(3,P,t.isBasket)),r.\u0275\u0275advance(1),r.\u0275\u0275property("ngClass",r.\u0275\u0275pureFunction1(5,P,t.isBasket)),r.\u0275\u0275advance(3),r.\u0275\u0275property("ngIf",!t.hideUpdateButton)}}function f(t,e){1&t&&(r.\u0275\u0275elementStart(0,"h4",41),r.\u0275\u0275text(1,"Your message"),r.\u0275\u0275elementEnd())}function M(t,e){1&t&&(r.\u0275\u0275elementStart(0,"div",42),r.\u0275\u0275elementStart(1,"p",43),r.\u0275\u0275text(2,"Oops! Unfortunately at this time we cannot print these kinds of characters on cards!"),r.\u0275\u0275elementEnd(),r.\u0275\u0275elementEnd())}const u=function(t,e,n){return{portrait:t,landscape:e,show:n}};function b(t,e){if(1&t&&(r.\u0275\u0275elementStart(0,"div",37),r.\u0275\u0275template(1,f,2,0,"h4",38),r.\u0275\u0275elementStart(2,"p",39),r.\u0275\u0275text(3,"Write your message and this will be printed inside your card as you see it in the preview."),r.\u0275\u0275elementEnd(),r.\u0275\u0275template(4,M,3,0,"div",40),r.\u0275\u0275elementEnd()),2&t){const t=r.\u0275\u0275nextContext(2);r.\u0275\u0275property("ngClass",r.\u0275\u0275pureFunction3(3,u,"PORTRAIT"===t.cardOrientation,"LANDSCAPE"===t.cardOrientation,t.showMessage)),r.\u0275\u0275advance(1),r.\u0275\u0275property("ngIf",!t.isMobile),r.\u0275\u0275advance(3),r.\u0275\u0275property("ngIf",t.showEmojiError)}}function y(t,e){if(1&t){const t=r.\u0275\u0275getCurrentView();r.\u0275\u0275elementStart(0,"li"),r.\u0275\u0275elementStart(1,"a",50),r.\u0275\u0275listener("click",function(){const e=r.\u0275\u0275restoreView(t).$implicit,n=r.\u0275\u0275nextContext(4);return n.selectFilter(e),n.toggleFiltersDropdown()}),r.\u0275\u0275text(2),r.\u0275\u0275elementEnd(),r.\u0275\u0275elementEnd()}if(2&t){const t=e.$implicit;r.\u0275\u0275advance(1),r.\u0275\u0275styleProp("font-family",t.font_name),r.\u0275\u0275advance(1),r.\u0275\u0275textInterpolate(t.name)}}const k=function(t,e){return{portrait:t,landscape:e}};function v(t,e){if(1&t&&(r.\u0275\u0275elementStart(0,"ul",48),r.\u0275\u0275template(1,y,3,3,"li",49),r.\u0275\u0275elementEnd()),2&t){const t=r.\u0275\u0275nextContext(3);r.\u0275\u0275property("ngClass",r.\u0275\u0275pureFunction2(2,k,"PORTRAIT"===t.cardOrientation,"LANDSCAPE"===t.cardOrientation)),r.\u0275\u0275advance(1),r.\u0275\u0275property("ngForOf",t.filters)}}function S(t,e){if(1&t){const t=r.\u0275\u0275getCurrentView();r.\u0275\u0275elementStart(0,"div",44),r.\u0275\u0275elementStart(1,"p",14),r.\u0275\u0275text(2,"Fonts"),r.\u0275\u0275elementEnd(),r.\u0275\u0275elementStart(3,"div",45),r.\u0275\u0275listener("clickOutside",function(){return r.\u0275\u0275restoreView(t),r.\u0275\u0275nextContext(2).filtersDropdownOpen=!1}),r.\u0275\u0275elementStart(4,"span",36),r.\u0275\u0275listener("click",function(){return r.\u0275\u0275restoreView(t),r.\u0275\u0275nextContext(2).toggleFiltersDropdown()}),r.\u0275\u0275text(5),r.\u0275\u0275element(6,"i",46),r.\u0275\u0275elementEnd(),r.\u0275\u0275template(7,v,2,5,"ul",47),r.\u0275\u0275elementEnd(),r.\u0275\u0275elementEnd()}if(2&t){const t=r.\u0275\u0275nextContext(2);r.\u0275\u0275advance(3),r.\u0275\u0275property("ngClass",r.\u0275\u0275pureFunction2(5,k,"PORTRAIT"===t.cardOrientation,"LANDSCAPE"===t.cardOrientation)),r.\u0275\u0275advance(1),r.\u0275\u0275styleProp("font-family",t.selectedFilter.font_name),r.\u0275\u0275advance(1),r.\u0275\u0275textInterpolate(t.selectedFilter.name),r.\u0275\u0275advance(2),r.\u0275\u0275property("ngIf",t.filtersDropdownOpen)}}function E(t,e){if(1&t){const t=r.\u0275\u0275getCurrentView();r.\u0275\u0275elementStart(0,"li",54),r.\u0275\u0275listener("mouseup",function(){const e=r.\u0275\u0275restoreView(t).$implicit,n=r.\u0275\u0275nextContext(4);return n.lineLimit.current>n.lineLimit.max?"":n.addEmoji(e)}),r.\u0275\u0275element(1,"img",55),r.\u0275\u0275elementEnd()}if(2&t){const t=e.$implicit;r.\u0275\u0275advance(1),r.\u0275\u0275property("src",t.image.image,r.\u0275\u0275sanitizeUrl)}}function j(t,e){if(1&t&&(r.\u0275\u0275elementStart(0,"ul"),r.\u0275\u0275template(1,E,2,1,"li",53),r.\u0275\u0275elementEnd()),2&t){const t=r.\u0275\u0275nextContext(3);r.\u0275\u0275advance(1),r.\u0275\u0275property("ngForOf",t.emojis)}}function I(t,e){if(1&t){const t=r.\u0275\u0275getCurrentView();r.\u0275\u0275elementStart(0,"div",51),r.\u0275\u0275listener("ngInitialize",function(){return r.\u0275\u0275restoreView(t),r.\u0275\u0275nextContext(2).offsetEmoji()})("clickOutside",function(){return r.\u0275\u0275restoreView(t),r.\u0275\u0275nextContext(2).openEmojis1=!1}),r.\u0275\u0275elementStart(1,"i",52),r.\u0275\u0275listener("click",function(){return r.\u0275\u0275restoreView(t),r.\u0275\u0275nextContext(2).openEmojis1=!1}),r.\u0275\u0275elementEnd(),r.\u0275\u0275template(2,j,2,1,"ul",0),r.\u0275\u0275elementEnd()}if(2&t){const t=r.\u0275\u0275nextContext(2);r.\u0275\u0275advance(2),r.\u0275\u0275property("ngIf",t.lineLimit)}}const T=function(t){return{"error-text open":t}};function F(t,e){if(1&t&&(r.\u0275\u0275elementStart(0,"div",56),r.\u0275\u0275elementStart(1,"p",57),r.\u0275\u0275text(2),r.\u0275\u0275elementEnd(),r.\u0275\u0275elementEnd()),2&t){const t=r.\u0275\u0275nextContext(2);r.\u0275\u0275property("ngClass",r.\u0275\u0275pureFunction2(4,k,"PORTRAIT"===t.cardOrientation,"LANDSCAPE"===t.cardOrientation)),r.\u0275\u0275advance(1),r.\u0275\u0275property("ngClass",r.\u0275\u0275pureFunction1(7,T,t.lineLimit.current>t.lineLimit.max)),r.\u0275\u0275advance(1),r.\u0275\u0275textInterpolate2("",t.lineLimit.current," / ",t.lineLimit.max," lines")}}function z(t,e){1&t&&r.\u0275\u0275elementContainer(0)}function A(t,e){if(1&t&&(r.\u0275\u0275elementStart(0,"div",58),r.\u0275\u0275template(1,z,1,0,"ng-container",59),r.\u0275\u0275elementEnd()),2&t){r.\u0275\u0275nextContext(2);const t=r.\u0275\u0275reference(3);r.\u0275\u0275advance(1),r.\u0275\u0275property("ngTemplateOutlet",t)}}function L(t,e){if(1&t){const t=r.\u0275\u0275getCurrentView();r.\u0275\u0275elementStart(0,"primary-button",36),r.\u0275\u0275listener("click",function(){return r.\u0275\u0275restoreView(t),r.\u0275\u0275nextContext(3).updateInnerBackText()}),r.\u0275\u0275text(1,"Update text"),r.\u0275\u0275elementEnd()}}function V(t,e){if(1&t&&(r.\u0275\u0275elementStart(0,"div",60),r.\u0275\u0275template(1,L,2,0,"primary-button",35),r.\u0275\u0275elementEnd()),2&t){const t=r.\u0275\u0275nextContext(2);r.\u0275\u0275property("ngClass",r.\u0275\u0275pureFunction2(2,k,"PORTRAIT"===t.cardOrientation,"LANDSCAPE"===t.cardOrientation)),r.\u0275\u0275advance(1),r.\u0275\u0275property("ngIf",!t.hideUpdateButton)}}function D(t,e){if(1&t){const t=r.\u0275\u0275getCurrentView();r.\u0275\u0275elementStart(0,"div",60),r.\u0275\u0275elementStart(1,"primary-button",36),r.\u0275\u0275listener("click",function(){return r.\u0275\u0275restoreView(t),r.\u0275\u0275nextContext(2).updateInnerBackText()}),r.\u0275\u0275text(2,"Update message"),r.\u0275\u0275elementEnd(),r.\u0275\u0275elementEnd()}if(2&t){const t=r.\u0275\u0275nextContext(2);r.\u0275\u0275property("ngClass",r.\u0275\u0275pureFunction2(1,k,"PORTRAIT"===t.cardOrientation,"LANDSCAPE"===t.cardOrientation))}}function R(t,e){if(1&t){const t=r.\u0275\u0275getCurrentView();r.\u0275\u0275elementStart(0,"div",34),r.\u0275\u0275elementStart(1,"primary-button",36),r.\u0275\u0275listener("click",function(){return r.\u0275\u0275restoreView(t),r.\u0275\u0275nextContext(2).updateInnerBackText()}),r.\u0275\u0275text(2,"Update message"),r.\u0275\u0275elementEnd(),r.\u0275\u0275elementEnd()}}function N(t,e){1&t&&r.\u0275\u0275elementContainer(0)}function B(t,e){if(1&t&&(r.\u0275\u0275elementStart(0,"div",58),r.\u0275\u0275template(1,N,1,0,"ng-container",59),r.\u0275\u0275elementEnd()),2&t){r.\u0275\u0275nextContext(2);const t=r.\u0275\u0275reference(3);r.\u0275\u0275advance(1),r.\u0275\u0275property("ngTemplateOutlet",t)}}const W=function(t){return{"half-height":t}};function q(t,e){if(1&t){const t=r.\u0275\u0275getCurrentView();r.\u0275\u0275elementContainerStart(0),r.\u0275\u0275elementStart(1,"div",2),r.\u0275\u0275elementStart(2,"div",3),r.\u0275\u0275template(3,w,5,7,"div",4),r.\u0275\u0275elementStart(4,"div",5),r.\u0275\u0275elementStart(5,"div",6),r.\u0275\u0275elementStart(6,"div",7),r.\u0275\u0275template(7,b,5,7,"div",8),r.\u0275\u0275elementStart(8,"div",9),r.\u0275\u0275elementStart(9,"div",10),r.\u0275\u0275template(10,S,8,8,"div",11),r.\u0275\u0275elementEnd(),r.\u0275\u0275elementStart(11,"div",12),r.\u0275\u0275elementStart(12,"div",13),r.\u0275\u0275elementStart(13,"p",14),r.\u0275\u0275text(14,"Emojis"),r.\u0275\u0275elementEnd(),r.\u0275\u0275elementStart(15,"div",15),r.\u0275\u0275listener("click",function(){return r.\u0275\u0275restoreView(t),r.\u0275\u0275nextContext().showEmojis()}),r.\u0275\u0275element(16,"img",16),r.\u0275\u0275element(17,"i",17),r.\u0275\u0275elementEnd(),r.\u0275\u0275template(18,I,3,1,"div",18),r.\u0275\u0275elementEnd(),r.\u0275\u0275elementEnd(),r.\u0275\u0275template(19,F,3,9,"div",19),r.\u0275\u0275elementEnd(),r.\u0275\u0275template(20,A,2,1,"div",20),r.\u0275\u0275elementEnd(),r.\u0275\u0275elementStart(21,"div",21),r.\u0275\u0275elementStart(22,"div",22),r.\u0275\u0275elementStart(23,"div",23),r.\u0275\u0275elementStart(24,"div",24),r.\u0275\u0275element(25,"input",25),r.\u0275\u0275element(26,"input",26),r.\u0275\u0275elementStart(27,"div",27,28),r.\u0275\u0275listener("DOMCharacterDataModified",function(e){return r.\u0275\u0275restoreView(t),r.\u0275\u0275nextContext().OnCharacterModified(e)})("keypress",function(e){return r.\u0275\u0275restoreView(t),r.\u0275\u0275nextContext().keypressEvent(e)})("keyup",function(e){return r.\u0275\u0275restoreView(t),r.\u0275\u0275nextContext().keyupEvent(e)})("paste",function(e){return r.\u0275\u0275restoreView(t),r.\u0275\u0275nextContext().pasteEvent(e)})("click",function(){return r.\u0275\u0275restoreView(t),r.\u0275\u0275nextContext().editableAreaClicked()})("keydown",function(e){return r.\u0275\u0275restoreView(t),r.\u0275\u0275nextContext().keydownEvent(e)})("mouseup",function(e){return r.\u0275\u0275restoreView(t),r.\u0275\u0275nextContext().insertBreakAtPoint(e)})("cut",function(){return r.\u0275\u0275restoreView(t),r.\u0275\u0275nextContext().onCutUpdateLines(void 0)})("input",function(e){return r.\u0275\u0275restoreView(t),r.\u0275\u0275nextContext().filterEmojisViaInput(e)}),r.\u0275\u0275elementEnd(),r.\u0275\u0275element(29,"span",29),r.\u0275\u0275elementEnd(),r.\u0275\u0275elementEnd(),r.\u0275\u0275elementEnd(),r.\u0275\u0275template(30,V,2,5,"div",30),r.\u0275\u0275template(31,D,3,4,"div",30),r.\u0275\u0275elementEnd(),r.\u0275\u0275elementEnd(),r.\u0275\u0275elementEnd(),r.\u0275\u0275template(32,R,3,0,"div",31),r.\u0275\u0275template(33,B,2,1,"div",20),r.\u0275\u0275elementEnd(),r.\u0275\u0275elementEnd(),r.\u0275\u0275elementContainerEnd()}if(2&t){const t=r.\u0275\u0275nextContext();r.\u0275\u0275advance(1),r.\u0275\u0275property("ngClass",r.\u0275\u0275pureFunction1(21,P,t.isBasket)),r.\u0275\u0275advance(2),r.\u0275\u0275property("ngIf",!t.isAmend&&t.isMobile),r.\u0275\u0275advance(1),r.\u0275\u0275property("ngClass",r.\u0275\u0275pureFunction2(23,k,"PORTRAIT"===t.cardOrientation,"LANDSCAPE"===t.cardOrientation)),r.\u0275\u0275advance(1),r.\u0275\u0275property("ngClass",r.\u0275\u0275pureFunction2(26,k,"PORTRAIT"===t.cardOrientation,"LANDSCAPE"===t.cardOrientation)),r.\u0275\u0275advance(1),r.\u0275\u0275property("ngClass",r.\u0275\u0275pureFunction2(29,k,"PORTRAIT"===t.cardOrientation,"LANDSCAPE"===t.cardOrientation)),r.\u0275\u0275advance(1),r.\u0275\u0275property("ngIf",!t.isAmend),r.\u0275\u0275advance(1),r.\u0275\u0275property("ngClass",r.\u0275\u0275pureFunction2(32,k,"PORTRAIT"===t.cardOrientation,"LANDSCAPE"===t.cardOrientation)),r.\u0275\u0275advance(2),r.\u0275\u0275property("ngIf",t.showEditableArea),r.\u0275\u0275advance(2),r.\u0275\u0275property("ngClass",r.\u0275\u0275pureFunction1(35,W,t.openEmojis1)),r.\u0275\u0275advance(6),r.\u0275\u0275property("ngIf",t.openEmojis1),r.\u0275\u0275advance(1),r.\u0275\u0275property("ngIf",t.lineLimit&&t.lineLimit.current),r.\u0275\u0275advance(1),r.\u0275\u0275property("ngIf",t.isDesktop),r.\u0275\u0275advance(2),r.\u0275\u0275property("ngClass",r.\u0275\u0275pureFunction2(37,k,"PORTRAIT"===t.cardOrientation,"LANDSCAPE"===t.cardOrientation)),r.\u0275\u0275advance(1),r.\u0275\u0275property("hidden",!t.showEditableArea)("ngClass",r.\u0275\u0275pureFunction2(40,k,"PORTRAIT"===t.cardOrientation,"LANDSCAPE"===t.cardOrientation)),r.\u0275\u0275advance(4),r.\u0275\u0275property("ngStyle",t.editableTextCSS),r.\u0275\u0275advance(2),r.\u0275\u0275property("ngStyle",t.emojiSizeCSS),r.\u0275\u0275advance(1),r.\u0275\u0275pro
1perty("ngIf",t.isDesktop&&!t.isAmend),r.\u0275\u0275advance(1),r.\u0275\u0275property("ngIf",t.isDesktop&&t.isAmend),r.\u0275\u0275advance(1),r.\u0275\u0275property("ngIf",t.isMobile&&t.isAmend),r.\u0275\u0275advance(1),r.\u0275\u0275property("ngIf",t.isMobile)}}function U(t,e){if(1&t){const t=r.\u0275\u0275getCurrentView();r.\u0275\u0275elementStart(0,"div",74),r.\u0275\u0275listener("click",function(){return r.\u0275\u0275restoreView(t),r.\u0275\u0275nextContext(2).handleOutsideClick()}),r.\u0275\u0275elementStart(1,"h4",33),r.\u0275\u0275text(2,"Your message"),r.\u0275\u0275elementEnd(),r.\u0275\u0275elementEnd()}if(2&t){const t=r.\u0275\u0275nextContext(2);r.\u0275\u0275property("ngClass",r.\u0275\u0275pureFunction1(2,P,t.isBasket)),r.\u0275\u0275advance(1),r.\u0275\u0275property("ngClass",r.\u0275\u0275pureFunction1(4,P,t.isBasket))}}function $(t,e){1&t&&(r.\u0275\u0275elementStart(0,"h4",41),r.\u0275\u0275text(1,"Your message"),r.\u0275\u0275elementEnd())}function G(t,e){1&t&&(r.\u0275\u0275elementStart(0,"div",42),r.\u0275\u0275elementStart(1,"p",43),r.\u0275\u0275text(2,"Oops! Unfortunately at this time we cannot print these kinds of characters on cards! "),r.\u0275\u0275elementEnd(),r.\u0275\u0275elementEnd())}function X(t,e){if(1&t&&(r.\u0275\u0275elementStart(0,"div",37),r.\u0275\u0275template(1,$,2,0,"h4",38),r.\u0275\u0275elementStart(2,"p",39),r.\u0275\u0275text(3,"Write your message and this will be printed inside your card as you see it in the preview."),r.\u0275\u0275elementEnd(),r.\u0275\u0275template(4,G,3,0,"div",40),r.\u0275\u0275elementEnd()),2&t){const t=r.\u0275\u0275nextContext(2);r.\u0275\u0275property("ngClass",r.\u0275\u0275pureFunction3(3,u,"PORTRAIT"===t.cardOrientation,"LANDSCAPE"===t.cardOrientation,t.showMessage)),r.\u0275\u0275advance(1),r.\u0275\u0275property("ngIf",!t.isMobile),r.\u0275\u0275advance(3),r.\u0275\u0275property("ngIf",t.showEmojiError)}}const H=function(t){return{selected:t}};function K(t,e){if(1&t){const t=r.\u0275\u0275getCurrentView();r.\u0275\u0275elementStart(0,"li",77),r.\u0275\u0275listener("click",function(){const e=r.\u0275\u0275restoreView(t).$implicit,n=r.\u0275\u0275nextContext(4);return n.selectFont(e),n.toggleFiltersDropdown()}),r.\u0275\u0275elementStart(1,"a",78),r.\u0275\u0275text(2),r.\u0275\u0275elementEnd(),r.\u0275\u0275elementEnd()}if(2&t){const t=e.$implicit,n=r.\u0275\u0275nextContext(4);r.\u0275\u0275property("ngClass",r.\u0275\u0275pureFunction1(4,H,n.selectedFilter.name===t.font)),r.\u0275\u0275advance(1),r.\u0275\u0275styleProp("font-family",t.configs[0].font_name),r.\u0275\u0275advance(1),r.\u0275\u0275textInterpolate1("",t.font," ")}}function Y(t,e){if(1&t&&(r.\u0275\u0275elementStart(0,"ul",48),r.\u0275\u0275template(1,K,3,6,"li",76),r.\u0275\u0275elementEnd()),2&t){const t=r.\u0275\u0275nextContext(3);r.\u0275\u0275property("ngClass",r.\u0275\u0275pureFunction2(2,k,"PORTRAIT"===t.cardOrientation,"LANDSCAPE"===t.cardOrientation)),r.\u0275\u0275advance(1),r.\u0275\u0275property("ngForOf",t.fontsConfiguration)}}function Q(t,e){if(1&t){const t=r.\u0275\u0275getCurrentView();r.\u0275\u0275elementStart(0,"div",44),r.\u0275\u0275elementStart(1,"p",66),r.\u0275\u0275text(2,"Choose a font"),r.\u0275\u0275elementEnd(),r.\u0275\u0275elementStart(3,"div",45),r.\u0275\u0275listener("clickOutside",function(){return r.\u0275\u0275restoreView(t),r.\u0275\u0275nextContext(2).filtersDropdownOpen=!1}),r.\u0275\u0275elementStart(4,"span",36),r.\u0275\u0275listener("click",function(){return r.\u0275\u0275restoreView(t),r.\u0275\u0275nextContext(2).toggleFiltersDropdown()}),r.\u0275\u0275text(5),r.\u0275\u0275element(6,"i",75),r.\u0275\u0275elementEnd(),r.\u0275\u0275template(7,Y,2,5,"ul",47),r.\u0275\u0275elementEnd(),r.\u0275\u0275elementEnd()}if(2&t){const t=r.\u0275\u0275nextContext(2);r.\u0275\u0275advance(3),r.\u0275\u0275property("ngClass",r.\u0275\u0275pureFunction2(5,k,"PORTRAIT"===t.cardOrientation,"LANDSCAPE"===t.cardOrientation)),r.\u0275\u0275advance(1),r.\u0275\u0275styleProp("font-family",t.selectedFilter.font_name),r.\u0275\u0275advance(1),r.\u0275\u0275textInterpolate(t.selectedFilter.name),r.\u0275\u0275advance(2),r.\u0275\u0275property("ngIf",t.filtersDropdownOpen)}}function J(t,e){if(1&t){const t=r.\u0275\u0275getCurrentView();r.\u0275\u0275elementStart(0,"li",81),r.\u0275\u0275listener("click",function(){const e=r.\u0275\u0275restoreView(t),n=e.$implicit,o=e.index,i=r.\u0275\u0275nextContext(3);
1return i.selectFontSize(n,o),i.toggleShowFontSizeDropdown()}),r.\u0275\u0275text(1),r.\u0275\u0275elementEnd()}if(2&t){const t=e.index,n=r.\u0275\u0275nextContext(3);r.\u0275\u0275property("ngClass",r.\u0275\u0275pureFunction1(2,H,n.selectedFontSizeLabel===n.fontSizeLabels[t])),r.\u0275\u0275advance(1),r.\u0275\u0275textInterpolate1("",n.fontSizeLabels[t]," ")}}const Z=function(t){return{open:t}};function tt(t,e){if(1&t&&(r.\u0275\u0275elementStart(0,"ul",79),r.\u0275\u0275template(1,J,2,4,"li",80),r.\u0275\u0275elementEnd()),2&t){const t=r.\u0275\u0275nextContext(2);r.\u0275\u0275property("ngClass",r.\u0275\u0275pureFunction1(2,Z,t.showFontSizeDropdown)),r.\u0275\u0275advance(1),r.\u0275\u0275property("ngForOf",t.fontSizeList)}}function et(t,e){if(1&t){const t=r.\u0275\u0275getCurrentView();r.\u0275\u0275elementStart(0,"div",82),r.\u0275\u0275elementStart(1,"i",52),r.\u0275\u0275listener("click",function(){return r.\u0275\u0275restoreView(t),r.\u0275\u0275nextContext(2).hideFontTooltip()}),r.\u0275\u0275elementEnd(),r.\u0275\u0275elementStart(2,"span",83),r.\u0275\u0275text(3,"We have made some changes! We have now added font sizes as well as some new fonts, for you to choose from."),r.\u0275\u0275elementEnd(),r.\u0275\u0275elementEnd()}}function nt(t,e){if(1&t){const t=r.\u0275\u0275getCurrentView();r.\u0275\u0275elementStart(0,"li",54),r.\u0275\u0275listener("mouseup",function(){const e=r.\u0275\u0275restoreView(t).$implicit,n=r.\u0275\u0275nextContext(4);return n.lineLimit.current>n.lineLimit.max?"":n.addEmoji(e)}),r.\u0275\u0275element(1,"img",55),r.\u0275\u0275elementEnd()}if(2&t){const t=e.$implicit;r.\u0275\u0275advance(1),r.\u0275\u0275property("src",t.image.image,r.\u0275\u0275sanitizeUrl)}}function ot(t,e){if(1&t&&(r.\u0275\u0275elementStart(0,"ul"),r.\u0275\u0275template(1,nt,2,1,"li",53),r.\u0275\u0275elementEnd()),2&t){const t=r.\u0275\u0275nextContext(3);r.\u0275\u0275advance(1),r.\u0275\u0275property("ngForOf",t.emojis)}}function it(t,e){if(1&t){const t=r.\u0275\u0275getCurrentView();r.\u0275\u0275elementStart(0,"div",51),r.\u0275\u0275listener("ngInitialize",function(){return r.\u0275\u0275restoreView(t),r.\u0275\u0275nextContext(2).offsetEmoji()})("clickOutside",function(){return r.\u0275\u0275restoreView(t),r.\u0275\u0275nextContext(2).openEmojis1=!1}),r.\u0275\u0275template(1,ot,2,1,"ul",0),r.\u0275\u0275elementEnd()}if(2&t){const t=r.\u0275\u0275nextContext(2);r.\u0275\u0275advance(1),r.\u0275\u0275property("ngIf",t.lineLimit)}}function rt(t,e){if(1&t&&(r.\u0275\u0275elementStart(0,"div",56),r.\u0275\u0275elementStart(1,"p",57),r.\u0275\u0275text(2),r.\u0275\u0275elementEnd(),r.\u0275\u0275elementEnd()),2&t){const t=r.\u0275\u0275nextContext(2);r.\u0275\u0275property("ngClass",r.\u0275\u0275pureFunction2(4,k,"PORTRAIT"===t.cardOrientation,"LANDSCAPE"===t.cardOrientation)),r.\u0275\u0275advance(1),r.\u0275\u0275property("ngClass",r.\u0275\u0275pureFunction1(7,T,t.lineLimit.current>t.lineLimit.max)),r.\u0275\u0275advance(1),r.\u0275\u0275textInterpolate2("",t.lineLimit.current," / ",t.lineLimit.max," lines")}}function at(t,e){1&t&&r.\u0275\u0275elementContainer(0)}function st(t,e){if(1&t&&(r.\u0275\u0275elementStart(0,"div",84),r.\u0275\u0275template(1,at,1,0,"ng-container",59),r.\u0275\u0275elementEnd()),2&t){r.\u0275\u0275nextContext(2);const t=r.\u0275\u0275reference(3);r.\u0275\u0275advance(1),r.\u0275\u0275property("ngTemplateOutlet",t)}}function pt(t,e){if(1&t){const t=r.\u0275\u0275getCurrentView();r.\u0275\u0275elementStart(0,"primary-button",36),r.\u0275\u0275listener("click",function(){return r.\u0275\u0275restoreView(t),r.\u0275\u0275nextContext(3).updateInnerBackText()}),r.\u0275\u0275text(1,"Update text"),r.\u0275\u0275elementEnd()}}function ct(t,e){if(1&t&&(r.\u0275\u0275elementStart(0,"div",60),r.\u0275\u0275template(1,pt,2,0,"primary-button",35),r.\u0275\u0275elementEnd()),2&t){const t=r.\u0275\u0275nextContext(2);r.\u0275\u0275property("ngClass",r.\u0275\u0275pureFunction2(2,k,"PORTRAIT"===t.cardOrientation,"LANDSCAPE"===t.cardOrientation)),r.\u0275\u0275advance(1),r.\u0275\u0275property("ngIf",!t.hideUpdateButton)}}function lt(t,e){if(1&t){const t=r.\u0275\u0275getCurrentView();r.\u0275\u0275elementStart(0,"div",60),r.\u0275\u0275elementStart(1,"primary-button",36),r.\u0275\u0275listener("click",function(){return r.\u0275\u0275restoreView(t),r.\u0275\u0275nextContext(2).updateInnerBackText()}),r.\u0275\u0275text(2,"Update message"),r.\u0275\u0275elementEnd(),r.\u0275\u0275elementEnd()}if(2&t){const t=r.\u0275\u0275nextContext(2);r.\u0275\u0275property("ngClass",r.\u0275\u0275pureFunction2(1,k,"PORTRAIT"===t.cardOrientation,"LANDSCAPE"===t.cardOrientation))}}function dt(t,e){if(1&t){const t=r.\u0275\u0275getCurrentView();r.\u0275\u0275elementStart(0,"primary-button",36),r.\u0275\u0275listener("click",function(){return r.\u0275\u0275restoreView(t),r.\u0275\u0275nextContext(3).updateInnerBackText()}),r.\u0275\u0275text(1,"Update message"),r.\u0275\u0275elementEnd()}}function gt(t,e){1&t&&r.\u0275\u0275elementContainer(0)}function ht(t,e){if(1&t&&(r.\u0275\u0275elementStart(0,"div",84),r.\u0275\u0275template(1,dt,2,0,"primary-button",35),r.\u0275\u0275template(2,gt,1,0,"ng-container",59),r.\u0275\u0275elementEnd()),2&t){const t=r.\u0275\u0275nextContext(2),e=r.\u0275\u0275reference(3);r.\u0275\u0275advance(1),r.\u0275\u0275property("ngIf",!t.hideUpdateButton),r.\u0275\u0275advance(1),r.\u0275\u0275property("ngTemplateOutlet",e)}}function Ct(t,e){if(1&t){const t=r.\u0275\u0275getCurrentView();r.\u0275\u0275elementContainerStart(0),r.\u0275\u0275elementStart(1,"div",61),r.\u0275\u0275elementStart(2,"div",3),r.\u0275\u0275template(3,U,3,6,"div",62),r.\u0275\u0275elementStart(4,"div",5),r.\u0275\u0275elementStart(5,"div",6),r.\u0275\u0275elementStart(6,"div",7),r.\u0275\u0275template(7,X,5,7,"div",8),r.\u0275\u0275elementStart(8,"div",63),r.\u0275\u0275template(9,Q,8,8,"div",11),r.\u0275\u0275elementStart(10,"div",64),r.\u0275\u0275elementStart(11,"div",65),r.\u0275\u0275listener("clickOutside",function(){return r.\u0275\u0275restoreView(t),r.\u0275\u0275nextContext().showFontSizeDropdown=!1}),r.\u0275\u0275elementStart(12,"p",66),r.\u0275\u0275text(13,"Choose a font size"),r.\u0275\u0275elementEnd(),r.\u0275\u0275elementStart(14,"div",67),r.\u0275\u0275listener("click",function(){return r.\u0275\u0275restoreView(t),r.\u0275\u0275nextContext().toggleShow
1FontSizeDropdown()}),r.\u0275\u0275element(15,"img",68),r.\u0275\u0275elementStart(16,"p",69),r.\u0275\u0275text(17),r.\u0275\u0275elementEnd(),r.\u0275\u0275element(18,"i",70),r.\u0275\u0275elementEnd(),r.\u0275\u0275template(19,tt,2,4,"ul",71),r.\u0275\u0275elementEnd(),r.\u0275\u0275template(20,et,4,0,"div",72),r.\u0275\u0275elementEnd(),r.\u0275\u0275elementStart(21,"div",13),r.\u0275\u0275elementStart(22,"p",66),r.\u0275\u0275text(23,"Add an emoji"),r.\u0275\u0275elementEnd(),r.\u0275\u0275elementStart(24,"div",15),r.\u0275\u0275listener("click",function(){return r.\u0275\u0275restoreView(t),r.\u0275\u0275nextContext().showEmojis()}),r.\u0275\u0275element(25,"img",16),r.\u0275\u0275element(26,"i",70),r.\u0275\u0275elementEnd(),r.\u0275\u0275template(27,it,2,1,"div",18),r.\u0275\u0275elementEnd(),r.\u0275\u0275elementEnd(),r.\u0275\u0275template(28,rt,3,9,"div",19),r.\u0275\u0275template(29,st,2,1,"div",73),r.\u0275\u0275elementEnd(),r.\u0275\u0275elementStart(30,"div",21),r.\u0275\u0275elementStart(31,"div",22),r.\u0275\u0275elementStart(32,"div",23),r.\u0275\u0275elementStart(33,"div",24),r.\u0275\u0275element(34,"input",25),r.\u0275\u0275element(35,"input",26),r.\u0275\u0275elementStart(36,"div",27,28),r.\u0275\u0275listener("DOMCharacterDataModified",function(e){return r.\u0275\u0275restoreView(t),r.\u0275\u0275nextContext().OnCharacterModified(e)})("keypress",function(e){return r.\u0275\u0275restoreView(t),r.\u0275\u0275nextContext().keypressEvent(e)})("keyup",function(e){return r.\u0275\u0275restoreView(t),r.\u0275\u0275nextContext().keyupEvent(e)})("paste",function(e){return r.\u0275\u0275restoreView(t),r.\u0275\u0275nextContext().pasteEvent(e)})("click",function(){return r.\u0275\u0275restoreView(t),r.\u0275\u0275nextContext().editableAreaClicked()})("keydown",function(e){return r.\u0275\u0275restoreView(t),r.\u0275\u0275nextContext().keydownEvent(e)})("mouseup",function(e){return r.\u0275\u0275restoreView(t),r.\u0275\u0275nextContext().insertBreakAtPoint(e)})("cut",function(){return r.\u0275\u0275restoreView(t),r.\u0275\u0275nextContext().onCutUpdateLines(void 0)})("input",function(e){return r.\u0275\u0275restoreView(t),r.\u0275\u0275nextContext().filterEmojisViaInput(e)}),r.\u0275\u0275elementEnd(),r.\u0275\u0275element(38,"span",29),r.\u0275\u0275elementEnd(),r.\u0275\u0275elementEnd(),r.\u0275\u0275elementEnd(),r.\u0275\u0275template(39,ct,2,5,"div",30),r.\u0275\u0275template(40,lt,3,4,"div",30),r.\u0275\u0275elementEnd(),r.\u0275\u0275elementEnd(),r.\u0275\u0275elementEnd(),r.\u0275\u0275template(41,ht,3,2,"div",73),r.\u0275\u0275elementEnd(),r.\u0275\u0275elementEnd(),r.\u0275\u0275elementContainerEnd()}if(2&t){const t=r.\u0275\u0275nextContext();r.\u0275\u0275advance(1),r.\u0275\u0275property("ngClass",r.\u0275\u0275pureFunction1(24,P,t.isBasket)),r.\u0275\u0275advance(2),r.\u0275\u0275property("ngIf",!t.isAmend&&t.isMobile),r.\u0275\u0275advance(1),r.\u0275\u0275property("ngClass",r.\u0275\u0275pureFunction2(26,k,"PORTRAIT"===t.cardOrientation,"LANDSCAPE"===t.cardOrientation)),r.\u0275\u0275advance(1),r.\u0275\u0275property("ngClass",r.\u0275\u0275pureFunction2(29,k,"PORTRAIT"===t.cardOrientation,"LANDSCAPE"===t.cardOrientation)),r.\u0275\u0275advance(1),r.\u0275\u0275property("ngClass",r.\u0275\u0275pureFunction2(32,k,"PORTRAIT"===t.cardOrientation,"LANDSCAPE"===t.cardOrientation)),r.\u0275\u0275advance(1),r.\u0275\u0275property("ngIf",!t.isAmend),r.\u0275\u0275advance(1),r.\u0275\u0275property("ngClass",r.\u0275\u0275pureFunction2(35,k,"PORTRAIT"===t.cardOrientation,"LANDSCAPE"===t.cardOrientation)),r.\u0275\u0275advance(1),r.\u0275\u0275property("ngIf",t.showEditableArea),r.\u0275\u0275advance(5),r.\u0275\u0275property("ngClass",r.\u0275\u0275pureFunction1(38,Z,t.showFontSizeDropdown)),r.\u0275\u0275advance(3),r.\u0275\u0275textInterpolate(t.selectedFontSizeLabel),r.\u0275\u0275advance(2),r.\u0275\u0275property("ngIf",t.showFontSizeDropdown),r.\u0275\u0275advance(1),r.\u0275\u0275property("ngIf",t.showFontTooltip),r.\u0275\u0275advance(1),r.\u0275\u0275property("ngClass",r.\u0275\u0275pureFunction1(40,W,t.openEmojis1)),r.\u0275\u0275advance(6),r.\u0275\u0275property("ngIf",t.openEmojis1),r.\u0275\u0275advance(1),r.\u0275\u0275property("ngIf",t.lineLimit&&t.lineLimit.current>=0),r.\u0275\u0275advance(1),r.\u0275\u0275property("ngIf",t.isDesktop),r.\u0275\u0275advance(2),r.\u0275\u0275property("ngClass",r.\u0275\u0275pureFunction2(42,k,"PORTRAIT"===t.cardOrientation,"LANDSCAPE"===t.cardOrientation)),r.\u0275\u0275advance(1),r.\u0275\u0275property("hidden",!t.showEditableArea)("ngClass",r.\u0275\u0275pureFunction2(45,k,"PORTRAIT"===t.cardOrientation,"LANDSCAPE"===t.cardOrientation)),r.\u0275\u0275advance(4),r.\u0275\u0275property("ngStyle",t.editableTextCSS),r.\u0275\u0275advance(2),r.\u0275\u0275property("ngStyle",t.emojiSizeCSS),r.\u0275\u0275advance(1),r.\u0275\u0275property("ngIf",t.isDesktop&&!t.isAmend),r.\u0275\u0275advance(1),r.\u0275\u0275property("ngIf",t.isDesktop&&t.isAmend),r.\u0275\u0275advance(1),r.\u0275\u0275property("ngIf",t.isMobile)}}function xt(t,e){1&t&&r.\u0275\u0275projection(0)}const mt=["*"];let Ot=(()=>{class t{constructor(t,e,n,o,i,a,s,p){this.ShareData=t,this.UserUtils=e,this.Authentication=n,this.PersonalisationService=o,this.GeneralUtils=i,this.q=a,this.renderer=s,this.SegmentService=p,this.isAmend=!1,this.isBasket=!1,this.onTextConfirm=new r.EventEmitter,this.onLineLimit=new r.EventEmitter,this.showEditableArea=!0,this.selectedFilter={},this.new_inner_back={},this.textPromise=this.q.defer(),this.emojiPromise=this.q.defer(),this.allPromises=[this.textPromise.promise,this.emojiPromise.promise],this.lineLimitExceeded=!1,this.fontSizeList=[],this.show
1FontSizeDropdown=!1,this.fontSizeLabels=["Extra Small","Small","Medium","Large","Extra Large"],this.showConfigV2=!0,this.showFontTooltip=!1,this.showFontTooltipKey="show_font_tooltip",this.lastValidText="",this.beforeInputCleanup=null,this.textCSS={},this.emojiSizeCSS={},this.setStyleObject=()=>{if(!this.selectedFilter||0===Object.entries(this.selectedFilter).length)return;this.filterStyle=this.PersonalisationService.setStyleObject(this.cardOrientation,this.selectedFilter,this.text.nativeElement.parentNode.clientWidth);var t=Object.assign({},this.filterStyle);if(0===Object.entries(t).length)return;this.textCSS=Object.assign({},t),this.emojiSizeCSS=Object.assign(Object.assign({},t),{visibility:"hidden",padding:0});let e=document.querySelectorAll("#emojiSize")[0],n=document.querySelectorAll("#text img");for(var o={width:.87*parseInt(this.filterStyle["line-height"])+"px","vertical-align":"bottom"},i=0;i<n.length;i++){e.innerHTML=String.fromCharCode(160)+"|"+n[i].name+"|"+String.fromCharCode(160);var r=(e.offsetWidth-parseInt(this.filterStyle["line-height"]))/2;n[i].style.margin="0 "+r+"px",this.setStyle(n[i],o)}},this.layoutWidth=window.innerWidth}onResize(t){const{width:e}=this.getWindowSize(t);this.layoutWidth=e,this.setStyleObject()}ngOnInit(){this.getConfigV2(),this.event=this.ShareData.listen("setCaret",()=>this.setCaret()),this.cardOrientation=this.currentSettings.orientation,this.init(),this.isBasket||this.SegmentService.track((0,i.a7)(...(0,a.xo)(this.currentSettings)))}ngAfterViewInit(){this.text&&(this.beforeInputCleanup=this.renderer.listen(this.text.nativeElement,"beforeinput",t=>this.beforeInputEvent(t)))}ngOnDestroy(){this.event.unsubscribe(),this.beforeInputCleanup&&this.beforeInputCleanup()}init(){this.getEmojis(),this.getLineCount(0),this.checkFontTooltip(),Promise.all(this.allPromises).then(t=>{this.setTextElement(t[0])})}initialState(){return this.currentSettings&&this.currentSettings.inner_back.text_customisation_request?(this.Authentication.isFullUserLoggedIn()||this.filters.some(t=>{if(this.currentSettings.inner_back.text_customisation_request.customisation_filter_id==t.id)return this.currentSettings.inner_back.text_customisation_request.customisation_filter=t,!0}),this.personalisationText=this.currentSettings.inner_back.text_customisation_request.customisation_text,this.lastValidText=this.personalisationText):this.personalisationText="",this.personalisationText||""}setTextElement(t){this.preventBasket=!0;let e="";if(t||""===t){e=t.split(" ").join(String.fromCharCode(160)+" "),e=e.split(" ").join(" "+String.fromCharCode(160))," "==e[0]&&(e=String.fromCharCode(160)+e.slice(1))," "==e[e.length-1]&&(e=e.slice(0,-1)+String.fromCharCode(160));const n=e;if(this.text){const t=this.text.nativeElement;t.innerText=n||"",this.checkTextForEmojis(t.childNodes,1)}}this.updateTextArea(0)}getEmojis(){this.GeneralUtils.serviceOptions.then(t=>{this.emojis=t.emojis,this.filters=t.customisation_filters,this.textPromise.resolve(this.initialState()),this.selectedFilter=this.currentSettings.inner_back&&this.currentSettings.inner_back.text_customisation_request&&this.currentSettings.inner_back.text_customisation_request.customisation_filter?this.currentSettings.inner_back.text_customisation_request.customisation_filter:this.filters[0],this.emojiPromise.resolve(this.emojis),this.setStyleObject()}).catch(t=>{console.log(t)})}get editableTextCSS(){const{filterStyle:t={},textCSS:e={}}=this;return Object.assign(Object.assign({},t),e)}setStyle(t,e){Object.keys(e).forEach(n=>{this.renderer.setStyle(t,n,e[n])})}selectFilter(t){this.preventBasket=!0,this.selectedFilter=t,document.getElementById("text")&&(this.updateTextArea(0),this.checkTextForEmojis(document.getElementById("text").childNodes,1)),this.SegmentService.track((0,i.kr)(["font_name",t.font_name],...(0,a.xo)(this.currentSettings)))}focusInnerArea(){var t=document.querySelector("#text");t&&t.focus()}updateTextArea(t){this.text&&(this.setStyleObject(),this.getLineCount(t))}getLineCount(t){var e=this.lineLimit?this.lineLimit.current:0;this.lineLimit=this.PersonalisationService.getLineCount(this.filterStyle,this.cardOrientation,this.selectedFilter),this.offsetEmoji(),e===this.lineLimit.current&&t?(this.lineLimit.current>this.lineLimit.max?this.showLineLimit||(this.showLineLimit=!0,document.getSelection().removeAllRanges(),this.ShareData.trigger("showError","lineLimitError")):this.showLineLimit=!1,this.preventBasket=!1):(this.preventBasket=!0,setTimeout(()=>{this.updateTextArea(!0)},500));const n=this.lineLimit.current>this.lineLimit.max;n?this.onLineLimit.emit(!0):this.lineLimitExceeded&&this.onLineLimit.emit(!1),this.lineLimitExceeded=n}offsetEmoji(){let t=this.ShareData.getProperty("device"),e=document.querySelector("#text"),n=document.querySelector(".emoji-board");("mobile"==t||"mobile-large"==t)&&e&&n&&this.renderer.setStyle(n,"top",e.offsetHeight+e.offsetTop+document.querySelector(".thor-text-wrapper").scrollTop)}showEmojis(){this.openEmojis1||(setTimeout(()=>{this.openEmojis1=!0},100),this.SegmentService.track((0,i.CD)(...(0,a.xo)(this.currentSettings))))}checkTextForEmojis(t,e){for(var n=this.emojis,o="",i="",r=0;r<t.length;r++)if(3==t[r].nodeType){var a=t[r].data;if(""==a){t[r].remove(),r--;continue}for(var s=0;s<a.length;s++)if(o.length&&(o+=a[s]),"|"===a[s]&&(a[s-1]==String.fromCharCode(160)||" "===a[s-1]||void 0===a[s-1]||"\n"===a[s-1])&&(i=a[s-1]==String.fromCharCode(160)||" "===a[s-1]?a[s-1]:"",o=a[s]),"|"===a[s]&&o.length>1&&("\n"===a[s+1]||" "===a[s+1]||a[s+1]==String.fromCharCode(160)||void 0===a[s+1]&&(null===t[r].nextSibling||t[r].nextSibling&&("IMG"==t[r].nextSibling.nodeName||"BR"==t[r].nextSibling.nodeName))))for(var p=o.substr(1,o.length-2),c=0;c<n.length;c++)if(n[c]&&n[c].text===p){a[s+1]&&"\n"!=a[s+1]?(o=i+o+a[s+1],s++):o=i+o,t[r].nodeValue=t[r].nodeValue.replace(o,""),this.textNode=t[r];var l=s-o.length+e;this.offset=this.textNode.length<(l=l>0?l:0)?this.textNode.length:l,this.addEmoji(n[c]),c=n.length,s=a.length,o=""}}else"SPAN"===t[r].nodeName?"\n"==t[r].outerText?t[r].replaceWith(t[r].childNodes[0]):(t[r].outerHTML=t[r].outerText,r--):"IMG"!==t[r].nodeName&&this.checkTextForEmojis(t[r].childNodes,e);return!0}addEmoji(t){var e,n,o;this.preventBasket=!0,this.loading=!0;var r=document.querySelector("#text"),s=document.createRange(),p=document.getSelection();this.textNode&&(r=this.textNode),s.setStart(r,r.children||r.data?this.offset:0),s.setEnd(r,r.children||r.data?this.offset:0),p.removeAllRanges(),p.addRange(s);var c=document.createElement("img");c.name=t.text,c.style.width=parseInt(this.filterStyle["line-height"])+"px",c.src=t.image.image,c.style.verticalAlign="bottom",document.execCommand("enableObjectResizing",!1,"false"),c.style.margin="0 "+parseInt(this.filterStyle["line-height"])/8+"px",s.insertNode(c),this.updateTextArea(0),this.textNode=s.endContainer,this.offset=s.endOffset,document.getSelection().removeAllRanges(),null===(e=document.activeElement)||void 0===e||e.blur(),null===(n=document.querySelector("input"))||void 0===n||n.blur(),setTimeout(()=>{this.loading=!1},100),this.SegmentService.track((0,i.$y)(["emoji_name",t.image.image_name],...(0,a.xo)(this.currentSettings))),this.lastValidText=null===(o=document.getElementById("text"))||void 0===o?void 0:o.innerHTML}textFiltering(t){var e="",n=/^[A-z\0-9\u00C0-\u00ff\s'\.,-\/#!$\xa5\xa3\xa2%@\xae\xa9\u20ac\u2018\u2019\^&\*;:{}=\-_`~()<>\u201d|?+\u0153\xbb\xab\xa1\xbf\u0111\u0103\u0175\u0177\xa7\xb1]+$/g;null==t&&(this.showEmojiError=!1);for(var o=0;o<t.length;o++)-1!==t[o].search(n)?e+=t[o]:(this.showEmojiError=!0,setTimeout(()=>{this.showEmojiError=!1},3e3));return e}toggleFiltersDropdown(){this.filtersDropdownOpen=!this.filtersDropdownOpen,this.filtersDropdownOpen&&this.SegmentService.track((0,i.XV)(["font_size",this.selectedFilter.font_size],...(0,a.xo)(this.currentSettings)))}keypressEvent(t){""==this.textFiltering(String.fromCharCode(t.charCode))||"Backspace"!==t.key&&this.lineLimit.current>this.lineLimit.max||"Enter"==t.key&&this.lineLimit.current==this.lineLimit.max?t.preventDefault():(this.preventBasket=!0,setTimeout(()=>{if(this.updateTextArea(0),document.getSelection){var t=document.getSelection();this.GeneralUtils.isSelectedElement(document.getElementById("text"))&&(this.textNode=t.focusNode,this.offset=t.focusOffset)}},50))}pasteEvent(t){if(t.preventDefault(),this.lineLimit&&this.lineLimit.current<=this.lineLimit.max){if(t.originalEvent&&t.originalEvent.clipboardData)var e=t.originalEvent.clipboardData.getData("text/plain");else e=t.clipboardData.getData("text/plain");document.execCommand("inserttext",!1,this.textFiltering(e)),this.checkTextForEmojis(document.getElementById("text").childNodes,1),this.updateTextArea(0)}}keydownEvent(t){this.showLineLimit&&"Enter"==t.key&&(t.stopImmediatePropagation(),t.preventDefault(),t.stopPropagation());var e=document.getSelection();this.GeneralUtils.isSelectedElement(document.getElementById("text"))&&(this.textNode=e.focusNode,this.offset=e.focusOffset)}keyupEvent(t){if(this.showLineLimit&&"Backspace"!=t.key){var e=document.getSelection();this.textNode&&this.textNode==e.focusNode&&this.textNode.textContent!==e.focusNode.textContent&&(e.focusNode.textContent=this.textNode.textContent,this.setCaret())}this.preventBasket=!0,this.checkTextForEmojis(document.getElementById("text").childNodes,1),this.updateTextArea(0),setTimeout(()=>{if(document.getSelection){var t=document.getSelection();this.GeneralUtils.isSelectedElement(document.getElementById("text"))&&(this.textNode=t.focusNode,this.offset=t.focusOffset)}},50)}insertBreakAtPoint(t){if(!this.loading){if("IMG"===t.target.nodeName&&"Caret"==document.getSelection().type&&t.target.nextSibling){var e=document.createTextNode("");t.target.appendChild(e);var n=document.getSelection();this.textNode=t.target.nextSibling,this.offset=0;var o=document.createRange();o.setStart(this.textNode,this.offset),o.setEnd(this.textNode,this.offset),n.removeAllRanges(),n.addRange(o)}setTimeout(()=>{if(document.getSelection){var t=document.getSelection();this.GeneralUtils.isSelectedElement(document.getElementById("text"))&&(this.textNode=t.focusNode,this.offset=t.focusOffset)}},50)}}onCutUpdateLines(t){this.getLineCount(0)}OnCharacterModified(t){this.textFiltering(t.newValue)!=t.newValue&&(t.target.textContent=this.textFiltering(t.target.textContent),this.setCaret())}setCaret(){var t=document.querySelector("#text"),e=document.createRange(),n=document.getSelection();this.textNode&&(t=this.textNode);try{e.setStart(t,t.children||t.data?this.offset:0),e.setEnd(t,t.children||t.data?this.offset:0)}catch(o){e.setStart(t,0),e.setEnd(t,0)}n.removeAllRanges(),n.addRange(e)}updateInnerBackText(t){return(0,o.mG)(this,void 0,void 0,function*(){var e=document.querySelector("#text");if(!this.trigger)if(this.trigger=!0,e&&e.innerText.length||e.childNodes.length)if(this.lineLimit.current>this.lineLimit.max)this.ShareData.trigger("showError","lineLimitError"),this.trigger=!1;else{if(this.personalisationText=this.PersonalisationService.elementToText(this.emojis),!t)return this.setTextElement(this.personalisationText),yield new Promise(t=>setTimeout(t,500)),this.trigger=!1,this.updateInnerBackText(!0);this.new_inner_back={image:null,single_text:null,text_customisation_request:{customisation_filter:this.selectedFilter,customisation_filter_id:this.selectedFilter.id,customisation_text:this.personalisationText,orientation:this.cardOrientation,text:this.personalisationText},type:"TEXT_CUSTOMISATION"},this.trigger=!1,this.confirmText(this.new_inner_back)}else this.personalisationText="",this.new_inner_back={image:null,single_text:null,text_customisation_request:null,type:"NONE"},this.trigger=!1,this.confirmText(this.new_inner_back)})}confirmText(t){this.onTextConfirm.emit(t),this.setTextElement(this.personalisationText);let{image:e}=this.currentSettings;this.SegmentService.track((0,a.XB)(["font_name",this.selectedFilter.font_name],["font_size",this.selectedFilter.font_size],...(0,a.xo)(Object.assign(Object.assign({},this.currentSettings),{image:"string"==typeof e?{large:e}:e}))))}getWindowSize(t){const e=t.target;
1return{width:e.innerWidth,height:e.innerHeight}}get isMobile(){return this.layoutWidth<=768}get isDesktop(){return!this.isMobile}editableAreaClicked(){this.handleOutsideClick(),this.SegmentService.track((0,i.KS)(...(0,a.xo)(this.currentSettings)))}buildFontConfiguration(){const t=this.filters.reduce((t,e)=>t.set(e.name,[...t.get(e.name)||[],e]),new Map);this.fontsConfiguration=[...t].map(([t,e])=>({font:t,configs:this.orderFontConfig(e)}))}buildFontSizeList(t){this.fontSizeList=t}orderFontConfig(t){return t.sort((t,e)=>Number(t.font_size)-Number(e.font_size))}selectFont(t){this.preventBasket=!0,this.selectedSize>=0?(this.selectedFilter=t.configs[this.selectedSize],this.updateFontSizeLabel(this.fontSizeLabels[this.selectedSize])):(this.selectedFilter=t.configs[2],this.updateFontSizeLabel(this.fontSizeLabels[2])),this.buildFontSizeList(t.configs),this.refreshTextArea(),this.SegmentService.track((0,i.kr)(["font_name",this.selectedFilter.font_name],["font_size",this.selectedFilter.font_size],...(0,a.xo)(this.currentSettings)))}selectFontSize(t,e){this.preventBasket=!0,this.selectedFilter=t,this.selectedSize=e,this.updateFontSizeLabel(this.fontSizeLabels[e]),this.refreshTextArea(),this.SegmentService.track((0,i.w6)(["font_name",this.selectedFilter.font_name],["font_size",this.selectedFilter.font_size],...(0,a.xo)(this.currentSettings)))}toggleShowFontSizeDropdown(){this.showFontSizeDropdown=!this.showFontSizeDropdown,this.showFontSizeDropdown&&this.SegmentService.track((0,i.vR)(["font_name",this.selectedFilter.font_name],...(0,a.xo)(this.currentSettings)))}refreshTextArea(){!document.getElementById("text")||(this.updateTextArea(0),this.checkTextForEmojis(document.getElementById("text").childNodes,1))}updateFontSizeLabel(t){this.selectedFontSizeLabel=t}getConfigV2(){this.GeneralUtils.getConfigV2().then(t=>{t.customisation_filters&&(this.filters=t.customisation_filters,this.PersonalisationService.loadFontsV2(this.filters),this.buildFontConfiguration(),this.currentSettings.inner_back&&this.currentSettings.inner_back.text_customisation_request&&this.currentSettings.inner_back.text_customisation_request.customisation_filter?this.loadCurrentFont():this.loadDefaultFont())})}loadCurrentFont(){this.selectedFilter=this.currentSettings.inner_back.text_customisation_request.customisation_filter;const t=this.fontsConfiguration.find(t=>t.font===this.selectedFilter.name);this.selectedSize=t.configs.findIndex(t=>t.font_size===this.selectedFilter.font_size),this.updateFontSizeLabel(this.fontSizeLabels[this.selectedSize]),this.buildFontSizeList(t.configs)}loadDefaultFont(){this.selectedFilter=this.fontsConfiguration[0].configs[2],this.updateFontSizeLabel(this.fontSizeLabels[2]),this.buildFontSizeList(this.fontsConfiguration[0].configs)}getConfigV1(){this.GeneralUtils.serviceOptions.then(t=>{t.customisation_filters&&(this.filters=t.customisation_filters,this.PersonalisationService.loadFonts(this.filters))})}checkFontTooltip(){this.showFontTooltip="false"!==localStorage.getItem(this.show
1FontTooltipKey)}hideFontTooltip(){this.showFontTooltip=!1,localStorage.setItem(this.showFontTooltipKey,"false")}handleOutsideClick(){this.showFontTooltip&&this.hideFontTooltip()}beforeInputEvent(t){t.data&&this.textFiltering(t.data)!==t.data&&(t.preventDefault(),this.showEmojiError=!0,setTimeout(()=>{this.showEmojiError=!1},3e3))}filterEmojisViaInput(t){const e=t.target,n=e.innerText||"";this.textFiltering(n)!==n?(e.innerHTML=this.lastValidText,this.setCaret(),this.showEmojiError=!0,setTimeout(()=>{this.showEmojiError=!1},3e3)):this.lastValidText=e.innerHTML}}return t.\u0275fac=function(e){return new(e||t)(r.\u0275\u0275directiveInject(s.u),r.\u0275\u0275directiveInject(p.f),r.\u0275\u0275directiveInject(c.Vy),r.\u0275\u0275directiveInject(l.B),r.\u0275\u0275directiveInject(d.w),r.\u0275\u0275directiveInject(g.Q),r.\u0275\u0275directiveInject(r.Renderer2),r.\u0275\u0275directiveInject(a.BP))},t.\u0275cmp=r.\u0275\u0275defineComponent({type:t,selectors:[["thor-text"]],viewQuery:function(t,e){if(1&t&&r.\u0275\u0275viewQuery(O,5),2&t){let t;r.\u0275\u0275queryRefresh(t=r.\u0275\u0275loadQuery())&&(e.text=t.first)}},hostBindings:function(t,e){1&t&&r.\u0275\u0275listener("resize",function(t){return e.onResize(t)},!1,r.\u0275\u0275resolveWindow)},inputs:{currentSettings:"currentSettings",hideUpdateButton:"hideUpdateButton",isAmend:"isAmend",isBasket:"isBasket",showMessage:"showMessage"},outputs:{onTextConfirm:"onTextConfirm",onLineLimit:"onLineLimit"},ngContentSelectors:mt,decls:4,vars:2,consts:[[4,"ngIf"],["buttons",""],[1,"basket-new-wrapper",3,"ngClass"],[1,"thor-text-wrapper"],["class","title-container",3,"ngClass",4,"ngIf"],[1,"text-personalisation",3,"ngClass"],[1,"personalisation-inner",3,"ngClass"],[1,"personalisation-filters-wrapper",3,"ngClass"],["class","personalisation-copy",3,"ngClass",4,"ngIf"],[1,"personalisation-dropdown","grid-row",3,"ngClass"],[1,"mob-item-9","tab-item-12"],["class","personalisation-font-selector",4,"ngIf"],[1,"mob-item-3","tab-item-12"],[1,"emoji-button",3,"ngClass"],[1,"lg","w900"],["role","button",1,"dropbtn2",3,"click"],["imgSrc","img/action/emoji-icon.png"],[1,"mdi","mdi-menu-down"],["class","emoji-board",3,"ngInitialize","clickOutside",4,"ngIf"],["class","personalisation-lines-count",3,"ngClass",4,"ngIf"],["class","ThorText__ButtonsContainer",4,"ngIf"],[1,"personalisation-editing"],[1,"editable-area-wrapper",3,"ngClass"],[1,"editable-area-padded",3,"hidden","ngClass"],[1,"editable-area-fitparent"],["focus-on-text","",1,"hidden-top","--no-global"],["focus-on-text","",1,"hidden-bottom","--no-global"],["id","text","contentEditable","true","ondrop","event.preventDefault();","placeholder","Enter your personalisation here...","data-hj-suppress","",1,"editable-area-inner",3,"ngStyle","DOMCharacterDataModified","keypress","keyup","paste","click","keydown","mouseup","cut","input"],["text",""],["id","emojiSize",3,"ngStyle"],["class","confirm-text-desk",3,"ngClass",4,"ngIf"],["class","confirm-text-mob",4,"ngIf"],[1,"title-container",3,"ngClass"],[1,"title",3,"ngClass"],[1,"confirm-text-mob"],[3,"click",4,"ngIf"],[3,"click"],[1,"personalisation-copy",3,"ngClass"],["class","title",4,"ngIf"],[1,"body-text"],["class","personalisation-cta",4,"ngIf"],[1,"title"],[1,"personalisation-cta"],[1,"text-red"],[1,"personalisation-font-selector"],[1,"personalisation-filters",3,"ngClass","clickOutside"],[1,"mdi","font","mdi-menu-down"],["class","no-list no-mb",3,"ngClass",4,"ngIf"],[1,"no-list","no-mb",3,"ngClass"],[4,"ngFor","ngForOf"],["href","javascript:;",3,"click"],[1,"emoji-board",3,"ngInitialize","clickOutside"],[1,"mdi","mdi-close",3,"click"],[3,"mouseup",4,"ngFor","ngForOf"],[3,"mouseup"],[3,"src"],[1,"personalisation-lines-count",3,"ngClass"],[1,"lg",3,"ngClass"],[1,"ThorText__ButtonsContainer"],[4,"ngTemplateOutlet"],[1,"confirm-text-desk",3,"ngClass"],[1,"thor-text-container",3,"ngClass"],["class","title-container",3,"ngClass","click",4,"ngIf"],[1,"personalisation-dropdown",3,"ngClass"],[1,"font-size-personalisation"],[1,"filter",3,"clickOutside"],[1,"lg","w700","input-label"],["role","button",1,"font-size-input",3,"ngClass","click"],["imgSrc","svg/format-size-icon.svg",1,"font-size-icon"],[1,"font-size-label"],[1,"mdi","mdi-chevron-down"],["class","font-size-dropdown",3,"ngClass",4,"ngIf"],["class","tooltip",4,"ngIf"],["class","button-wrapper",4,"ngIf"],[1,"title-container",3,"ngClass","click"],[1,"mdi","font","mdi-chevron-down"],[3,"ngClass","click",4,"ngFor","ngForOf"],[3,"ngClass","click"],["href","javascript:;"],[1,"font-size-dropdown",3,"ngClass"],["class","font-size-item",3,"ngClass","click",4,"ngFor","ngForOf"],[1,"font-size-item",3,"ngClass","click"],[1,"tooltip"],[1,"content"],[1,"button-wrapper"]],template:function(t,e){1&t&&(r.\u0275\u0275projectionDef(),r.\u0275\u0275template(0,q,34,43,"ng-container",0),r.\u0275\u0275template(1,Ct,42,48,"ng-container",0),r.\u0275\u0275template(2,xt,1,0,"ng-template",null,1,r.\u0275\u0275templateRefExtractor)),2&t&&(r.\u0275\u0275property("ngIf",!e.showConfigV2),r.\u0275\u0275advance(1),r.\u0275\u0275property("ngIf",e.showConfigV2))},directives:[h.O5,h.mk,a.t1,h.PC,C.K,x.L,h.sg,m.Q,h.tP],styles:['@media (min-width: 769px){.basket-new-wrapper.basket[_ngcontent-%COMP%]{padding-top:15vh}}.basket-new-wrapper[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%]{background-color:#fff;-webkit-overflow-scrolling:touch}.basket-new-wrapper[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .title-container[_ngcontent-%COMP%]{position:relative;margin-bottom:20px}@media (min-width: 769px){.basket-new-wrapper[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .title-container[_ngcontent-%COMP%]{margin-bottom:50px}}.basket-new-wrapper[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .title-container.basket[_ngcontent-%COMP%]{margin:0 0 32px 20px}.basket-new-wrapper[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .title-container[_ngcontent-%COMP%] h4.title[_ngcontent-%COMP%]{text-align:left;padding-right:100px;margin:0}@media (min-width: 576px){.basket-new-wrapper[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .title-container[_ngcontent-%COMP%] h4.title[_ngcontent-%COMP%]{padding:0}}@media (min-width: 769px){.basket-new-wrapper[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .title-container[_ngcontent-%COMP%] h4.title[_ngcontent-%COMP%]{font-size:48px}}.basket-new-wrapper[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .title-container[_ngcontent-%COMP%] h4.title.basket[_ngcontent-%COMP%]{text-align:center}.basket-new-wrapper[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .title-container[_ngcontent-%COMP%] .confirm-text-mob[_ngcontent-%COMP%]{position:absolute;width:97px;top:0;right:0;margin-top:-10px}@media (min-width: 769px){.basket-new-wrapper[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation[_ngcontent-%COMP%]{position:relative;margin:0 auto}}@media (min-width: 769px){.basket-new-wrapper[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation.landscape[_ngcontent-%COMP%]{max-width:700px}}@media (min-width: 992px){.basket-new-wrapper[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation.landscape[_ngcontent-%COMP%]{max-width:900px}}@media (min-width: 769px){.basket-new-wrapper[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation.portrait[_ngcontent-%COMP%]{max-width:630px}}@media (min-width: 992px){.basket-new-wrapper[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation.portrait[_ngcontent-%COMP%]{max-width:724px}}.basket-new-wrapper[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation.popup[_ngcontent-%COMP%]{z-index:16;position:fixed}.basket-new-wrapper[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation[_ngcontent-%COMP%] .personalisation-editing[_ngcontent-%COMP%]{padding:0;clear:both}@media all and (max-width: 768px) and (min-width: 576px){.basket-new-wrapper[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation[_ngcontent-%COMP%] .personalisation-editing[_ngcontent-%COMP%]{width:500px;margin:0 auto;padding:0;clear:both}}@media (min-width: 769px){.basket-new-wrapper[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation[_ngcontent-%COMP%] .personalisation-editing[_ngcontent-%COMP%]{padding:0;clear:none}}.basket-new-wrapper[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation[_ngcontent-%COMP%] .editable-area-wrapper[_ngcontent-%COMP%]{border:1px solid #c8c8c8;display:block;position:relative}@media (min-width: 769px){.basket-new-wrapper[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation[_ngcontent-%COMP%] .editable-area-wrapper.landscape[_ngcontent-%COMP%]{width:380px;left:0}.basket-new-wrapper[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation[_ngcontent-%COMP%] .editable-area-wrapper.portrait[_ngcontent-%COMP%]{width:300px;left:0}}@media (min-width: 992px){.basket-new-wrapper[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation[_ngcontent-%COMP%] .editable-area-wrapper.landscape[_ngcontent-%COMP%]{width:530px;left:0}.basket-new-wrapper[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation[_ngcontent-%COMP%] .editable-area-wrapper.portrait[_ngcontent-%COMP%]{width:380px;left:0}}@media (min-width: 1200px){.basket-new-wrapper[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation[_ngcontent-%COMP%] .editable-area-wrapper.landscape[_ngcontent-%COMP%]{width:530px;left:0}.basket-new-wrapper[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation[_ngcontent-%COMP%] .editable-area-wrapper.portrait[_ngcontent-%COMP%]{width:380px;left:0}}.basket-new-wrapper[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation[_ngcontent-%COMP%] .editable-area-wrapper[_ngcontent-%COMP%] .editable-area-padded[_ngcontent-%COMP%]{position:relative}.basket-new-wrapper[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation[_ngcontent-%COMP%] .editable-area-wrapper[_ngcontent-%COMP%] .editable-area-padded.landscape[_ngcontent-%COMP%]{padding-top:70.47%}.basket-new-wrapper[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation[_ngcontent-%COMP%] .editable-area-wrapper[_ngcontent-%COMP%] .editable-area-padded.portrait[_ngcontent-%COMP%]{padding-top:141.89%}.basket-new-wrapper[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation[_ngcontent-%COMP%] .editable-area-wrapper[_ngcontent-%COMP%] .editable-area-padded[_ngcontent-%COMP%] .editable-area-fitparent[_ngcontent-%COMP%]{letter-spacing:0;top:0;right:0;bottom:0;left:0;position:absolute}.basket-new-wrapper[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation[_ngcontent-%COMP%] .editable-area-wrapper[_ngcontent-%COMP%] .editable-area-padded[_ngcontent-%COMP%] .editable-area-fitparent[_ngcontent-%COMP%] .hidden-top[_ngcontent-%COMP%]{position:absolute;top:0;left:0;right:0;z-index:2;line-height:0;font-size:0;background:transparent;width:100%;border:0;padding:0}.basket-new-wrapper[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation[_ngcontent-%COMP%] .editable-area-wrapper[_ngcontent-%COMP%] .editable-area-padded[_ngcontent-%COMP%] .editable-area-fitparent[_ngcontent-%COMP%] .hidden-bottom[_ngcontent-%COMP%]{position:absolute;bottom:0;left:0;right:0;z-index:2;line-height:0;font-size:0;background:transparent;width:100%;border:0;padding:0}.basket-new-wrapper[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation[_ngcontent-%COMP%] .editable-area-wrapper[_ngcontent-%COMP%] .editable-area-padded[_ngcontent-%COMP%] .editable-area-fitparent[_ngcontent-%COMP%] .editable-area-inner[_ngcontent-%COMP%]{padding:11px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);display:block;min-height:44px;width:100%;overflow:hidden;border-top:1px dashed #f5f5f5;border-bottom:1px dashed #f5f5f5;margin:0;resize:none;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word}.basket-new-wrapper[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation[_ngcontent-%COMP%] .editable-area-wrapper[_ngcontent-%COMP%] .editable-area-padded[_ngcontent-%COMP%] .editable-area-fitparent[_ngcontent-%COMP%] .editable-area-inner[_ngcontent-%COMP%]:empty{min-width:160px;height:1.5em;display:block}.basket-new-wrapper[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation[_ngcontent-%COMP%] .editable-area-wrapper[_ngcontent-%COMP%] .editable-area-padded[_ngcontent-%COMP%] .editable-area-fitparent[_ngcontent-%COMP%] .editable-area-inner[_ngcontent-%COMP%]:empty:before{content:attr(placeholder);display:block;font-size:16px;position:relative;font-family:"Roboto",sans-serif;font-weight:300;top:-5px}@media (min-width: 769px){.basket-new-wrapper[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation[_ngcontent-%COMP%] .editable-area-wrapper[_ngcontent-%COMP%] .editable-area-padded[_ngcontent-%COMP%] .editable-area-fitparent[_ngcontent-%COMP%] .editable-area-inner[_ngcontent-%COMP%]:empty:before{font-size:16px}}.basket-new-wrapper[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation[_ngcontent-%COMP%] .editable-area-wrapper[_ngcontent-%COMP%] .editable-area-padded[_ngcontent-%COMP%] .editable-area-fitparent[_ngcontent-%COMP%] .textarea-overlay[_ngcontent-%COMP%]{background:#fff;position:absolute;top:0;right:0;bottom:0;left:0}@media (min-width: 769px){.basket-new-wrapper[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation[_ngcontent-%COMP%] .personalisation-filters-wrapper[_ngcontent-%COMP%]{padding:0;position:absolute;top:0;right:0;width:280px}.basket-new-wrapper[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation[_ngcontent-%COMP%] .personalisation-filters-wrapper[_ngcontent-%COMP%]:before, .basket-new-wrapper[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation[_ngcontent-%COMP%] .personalisation-filters-wrapper[_ngcontent-%COMP%]:after{content:"";display:table}.basket-new-wrapper[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation[_ngcontent-%COMP%] .personalisation-filters-wrapper[_ngcontent-%COMP%]:after{clear:both}}@media (min-width: 992px){.basket-new-wrapper[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation[_ngcontent-%COMP%] .personalisation-filters-wrapper[_ngcontent-%COMP%]{width:320px}}.basket-new-wrapper[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation[_ngcontent-%COMP%] .personalisation-filters-wrapper[_ngcontent-%COMP%] .personalisation-copy[_ngcontent-%COMP%]{display:none}.basket-new-wrapper[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation[_ngcontent-%COMP%] .personalisation-filters-wrapper[_ngcontent-%COMP%] .personalisation-copy.show[_ngcontent-%COMP%]{display:block}@media (min-width: 769px){.basket-new-wrapper[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation[_ngcontent-%COMP%] .personalisation-filters-wrapper[_ngcontent-%COMP%] .personalisation-copy[_ngcontent-%COMP%]{display:block}}.basket-new-wrapper[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation[_ngcontent-%COMP%] .personalisation-filters-wrapper[_ngcontent-%COMP%] .personalisation-copy[_ngcontent-%COMP%] .title[_ngcontent-%COMP%]{font-size:34px;margin:0 0 20px}@media (min-width: 992px){.basket-new-wrapper[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation[_ngcontent-%COMP%] .personalisation-filters-wrapper[_ngcontent-%COMP%] .personalisation-copy[_ngcontent-%COMP%] .title[_ngcontent-%COMP%]{font-size:44px}}.basket-new-wrapper[_ngcontent-%COMP%] .tho
1r-text-wrapper[_ngcontent-%COMP%] .text-personalisation[_ngcontent-%COMP%] .personalisation-filters-wrapper[_ngcontent-%COMP%] .personalisation-copy[_ngcontent-%COMP%] p.body-text[_ngcontent-%COMP%]{margin-bottom:20px}@media (min-width: 769px){.basket-new-wrapper[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation[_ngcontent-%COMP%] .personalisation-filters-wrapper[_ngcontent-%COMP%] .personalisation-copy[_ngcontent-%COMP%] p.body-text[_ngcontent-%COMP%]{margin-bottom:26px}}.basket-new-wrapper[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation[_ngcontent-%COMP%] .personalisation-filters-wrapper[_ngcontent-%COMP%] .personalisation-dropdown[_ngcontent-%COMP%] .personalisation-font-selector[_ngcontent-%COMP%]{padding:0 5px 0 0;width:100%}@media (min-width: 769px){.basket-new-wrapper[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation[_ngcontent-%COMP%] .personalisation-filters-wrapper[_ngcontent-%COMP%] .personalisation-dropdown[_ngcontent-%COMP%] .personalisation-font-selector[_ngcontent-%COMP%]{width:auto;float:none}}@media (min-width: 769px){.basket-new-wrapper[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation[_ngcontent-%COMP%] .personalisation-filters-wrapper[_ngcontent-%COMP%] .personalisation-dropdown[_ngcontent-%COMP%]{padding:inherit}}@media (min-width: 769px){.basket-new-wrapper[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation[_ngcontent-%COMP%] .personalisation-filters-wrapper[_ngcontent-%COMP%] .personalisation-dropdown.landscape[_ngcontent-%COMP%]{position:relative;width:100%;margin:12px 0 0}.basket-new-wrapper[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation[_ngcontent-%COMP%] .personalisation-filters-wrapper[_ngcontent-%COMP%] .personalisation-dropdown.landscape[_ngcontent-%COMP%]:before, .basket-new-wrapper[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation[_ngcontent-%COMP%] .personalisation-filters-wrapper[_ngcontent-%COMP%] .personalisation-dropdown.landscape[_ngcontent-%COMP%]:after{content:"";display:table}.basket-new-wrapper[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation[_ngcontent-%COMP%] .personalisation-filters-wrapper[_ngcontent-%COMP%] .personalisation-dropdown.landscape[_ngcontent-%COMP%]:after{clear:both}.basket-new-wrapper[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation[_ngcontent-%COMP%] .personalisation-filters-wrapper[_ngcontent-%COMP%] .personalisation-dropdown.landscape[_ngcontent-%COMP%] strong[_ngcontent-%COMP%]{display:inline-block;vertical-align:bottom;margin:0 6px 0 0}}.basket-new-wrapper[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation[_ngcontent-%COMP%] .personalisation-filters-wrapper[_ngcontent-%COMP%] .personalisation-dropdown[_ngcontent-%COMP%] .emoji-button[_ngcontent-%COMP%]{padding:0 0 0 5px}@media (min-width: 769px){.basket-new-wrapper[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation[_ngcontent-%COMP%] .personalisation-filters-wrapper[_ngcontent-%COMP%] .personalisation-dropdown[_ngcontent-%COMP%] .emoji-button[_ngcontent-%COMP%]{padding:0;width:170px}}.basket-new-wrapper[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation[_ngcontent-%COMP%] .personalisation-filters-wrapper[_ngcontent-%COMP%] .personalisation-dropdown[_ngcontent-%COMP%] .emoji-button[_ngcontent-%COMP%] .dropbtn2[_ngcontent-%COMP%]{border:1px solid #c8c8c8;padding:4px;height:40px}.basket-new-wrapper[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation[_ngcontent-%COMP%] .personalisation-filters-wrapper[_ngcontent-%COMP%] .personalisation-dropdown[_ngcontent-%COMP%] .emoji-button[_ngcontent-%COMP%] .dropbtn2[_ngcontent-%COMP%] img[_ngcontent-%COMP%]{height:100%;display:block;margin:0 auto}@media (min-width: 769px){.basket-new-wrapper[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation[_ngcontent-%COMP%] .personalisation-filters-wrapper[_ngcontent-%COMP%] .personalisation-dropdown[_ngcontent-%COMP%] .emoji-button[_ngcontent-%COMP%] .dropbtn2[_ng
1content-%COMP%] img[_ngcontent-%COMP%]{margin:0 4px;display:inline-block}}.basket-new-wrapper[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation[_ngcontent-%COMP%] .personalisation-filters-wrapper[_ngcontent-%COMP%] .personalisation-dropdown[_ngcontent-%COMP%] .emoji-button[_ngcontent-%COMP%] .dropbtn2[_ngcontent-%COMP%] i.mdi[_ngcontent-%COMP%]{float:right;font-size:28px;margin:1px 8px;color:#ff6900;display:none}@media (min-width: 769px){.basket-new-wrapper[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation[_ngcontent-%COMP%] .personalisation-filters-wrapper[_ngcontent-%COMP%] .personalisation-dropdown[_ngcontent-%COMP%] .emoji-button[_ngcontent-%COMP%] .dropbtn2[_ngcontent-%COMP%] i.mdi[_ngcontent-%COMP%]{display:inline-block}}.basket-new-wrapper[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation[_ngcontent-%COMP%] .personalisation-filters-wrapper[_ngcontent-%COMP%] .personalisation-dropdown[_ngcontent-%COMP%] .emoji-button[_ngcontent-%COMP%] .emoji-board[_ngcontent-%COMP%]{position:absolute;left:20px;width:calc(100% - 40px);z-index:4;-webkit-filter:drop-shadow(0 4px 6px rgba(0,0,0,.3));filter:drop-shadow(0 4px 6px rgba(0,0,0,.3))}@media (min-width: 576px){.basket-new-wrapper[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation[_ngcontent-%COMP%] .personalisation-filters-wrapper[_ngcontent-%COMP%] .personalisation-dropdown[_ngcontent-%COMP%] .emoji-button[_ngcontent-%COMP%] .emoji-board[_ngcontent-%COMP%]{left:50%;-webkit-transform:translateX(-50%);transform:translate(-50%);width:500px}}@media (min-width: 769px){.basket-new-wrapper[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation[_ngcontent-%COMP%] .personalisation-filters-wrapper[_ngcontent-%COMP%] .personalisation-dropdown[_ngcontent-%COMP%] .emoji-button[_ngcontent-%COMP%] .emoji-board[_ngcontent-%COMP%]{margin-top:35px;-webkit-transform:translateX(0);transform:translate(0);left:0;width:100%}}.basket-new-wrapper[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation[_ngcontent-%COMP%] .personalisation-filters-wrapper[_ngcontent-%COMP%] .personalisation-dropdown[_ngcontent-%COMP%] .emoji-button[_ngcontent-%COMP%] .emoji-board[_ngcontent-%COMP%] i[_ngcontent-%COMP%]{z-index:5;position:absolute;right:0;width:26px;top:-23px;height:24px;font-size:20px;padding:2px 2px 0;background-color:#fff;border:1px solid #c8c8c8;border-bottom:none}.basket-new-wrapper[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation[_ngcontent-%COMP%] .personalisation-filters-wrapper[_ngcontent-%COMP%] .personalisation-dropdown[_ngcontent-%COMP%] .emoji-button[_ngcontent-%COMP%] .emoji-board[_ngcontent-%COMP%] ul[_ngcontent-%COMP%]{padding:4%;position:relative;border:1px solid #c8c8c8;background-color:#fff;height:240px;overflow-y:scroll}@media (min-width: 576px){.basket-new-wrapper[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation[_ngcontent-%COMP%] .personalisation-filters-wrapper[_ngcontent-%COMP%] .personalisation-dropdown[_ngcontent-%COMP%] .emoji-button[_ngcontent-%COMP%] .emoji-board[_ngcontent-%COMP%] ul[_ngcontent-%COMP%]{height:300px}}@media (min-width: 769px){.basket-new-wrapper[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation[_ngcontent-%COMP%] .personalisation-filters-wrapper[_ngcontent-%COMP%] .personalisation-dropdown[_ngcontent-%COMP%] .emoji-button[_ngcontent-%COMP%] .emoji-board[_ngcontent-%COMP%] ul[_ngcontent-%COMP%]{height:240px}}.basket-new-wrapper[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation[_ngcontent-%COMP%] .personalisation-filters-wrapper[_ngcontent-%COMP%] .personalisation-dropdown[_ngcontent-%COMP%] .emoji-button[_ngcontent-%COMP%] .emoji-board[_ngcontent-%COMP%] ul[_ngcontent-%COMP%] li[_ngcontent-%COMP%]{width:16.66666%;display:inline-block;padding:2.5%}.basket-new-wrapper[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation[_ngcontent-%COMP%] .personalisation-filters-wrapper[_ngcontent-%COMP%] .personalisation-dropdown[_ngcontent-%COMP%] .emoji-button[_ngcontent-%COMP%] .emoji-board[_ngcontent-%COMP%] ul[_ngcontent-%COMP%] li[_ngcontent-%COMP%] img[_ngcontent-%COMP%]{width:100%}.basket-new-wrapper[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation[_ngcontent-%COMP%] .personalisation-filters-wrapper[_ngcontent-%COMP%] .personalisation-dropdown[_ngcontent-%COMP%] .personalisation-filters[_ngcontent-%COMP%]{position:relative;border:1px solid #c4c4c4;margin-bottom:12px;display:block;width:100%;height:40px}.basket-new-wrapper[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation[_ngcontent-%COMP%] .personalisation-filters-wrapper[_ngcontent-%COMP%] .personalisation-dropdown[_ngcontent-%COMP%] .personalisation-filters[_ngcontent-%COMP%] i.mdi[_ngcontent-%COMP%]{float:right;font-size:28px;margin:4px 0 0 10px;color:#ff6900;display:none}@media (min-width: 769px){.basket-new-wrapper[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation[_ngcontent-%COMP%] .personalisation-filters-wrapper[_ngcontent-%COMP%] .personalisation-dropdown[_ngcontent-%COMP%] .personalisation-filters[_ngcontent-%COMP%] i.mdi[_ngcontent-%COMP%]{display:inline-block}}.basket-new-wrapper[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation[_ngcontent-%COMP%] .personalisation-filters-wrapper[_ngcontent-%COMP%] .personalisation-dropdown[_ngcontent-%COMP%] .personalisation-filters[_ngcontent-%COMP%] i.mdi.font[_ngcontent-%COMP%]{display:inline-block}@media (min-width: 769px){.basket-new-wrapper[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation[_ngcontent-%COMP%] .personalisation-filters-wrapper[_ngcontent-%COMP%] .personalisation-dropdown[_ngcontent-%COMP%] .personalisation-filters[_ngcontent-%COMP%]{display:block;margin-bottom:26px;width:170px;vertical-align:bottom;float:left}}@media (min-width: 769px){.basket-new-wrapper[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation[_ngcontent-%COMP%] .personalisation-filters-wrapper[_ngcontent-%COMP%] .personalisation-dropdown[_ngcontent-%COMP%] .personalisation-filters.landscape[_ngcontent-%COMP%]{margin-bottom:0}}.basket-new-wrapper[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation[_ngcontent-%COMP%] .personalisation-filters-wrapper[_ngcontent-%COMP%] .personalisation-dropdown[_ngcontent-%COMP%] .personalisation-filters[_ngcontent-%COMP%] > span[_ngcontent-%COMP%]{display:block;padding:0 12px;font-size:17px;line-height:2.1;position:relative;height:100%}.basket-new-wrapper[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation[_ngcontent-%COMP%] .personalisation-filters-wrapper[_ngcontent-%COMP%] .personalisation-dropdown[_ngcontent-%COMP%] .personalisation-filters[_ngcontent-%COMP%] > span[_ngcontent-%COMP%]:hover{cursor:pointer}.basket-new-wrapper[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation[_ngcontent-%COMP%] .personalisation-filters-wrapper[_ngcontent-%COMP%] .personalisation-dropdown[_ngcontent-%COMP%] .personalisation-filters[_ngcontent-%COMP%] ul[_ngcontent-%COMP%]{position:relative;
1left:-1px;width:100%;-webkit-box-sizing:content-box;box-sizing:content-box;padding:0;border:1px solid #c8c8c8;border-top:1px solid #f5f5f5;background:#ffffff;z-index:5;max-height:250px;overflow:scroll}.basket-new-wrapper[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation[_ngcontent-%COMP%] .personalisation-filters-wrapper[_ngcontent-%COMP%] .personalisation-dropdown[_ngcontent-%COMP%] .personalisation-filters[_ngcontent-%COMP%] ul[_ngcontent-%COMP%] li[_ngcontent-%COMP%]{border-bottom:1px solid #f4f4f4;padding:8px 14px}.basket-new-wrapper[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation[_ngcontent-%COMP%] .personalisation-filters-wrapper[_ngcontent-%COMP%] .personalisation-dropdown[_ngcontent-%COMP%] .personalisation-filters[_ngcontent-%COMP%] ul[_ngcontent-%COMP%] li[_ngcontent-%COMP%]:last-child{margin-bottom:0;border-bottom:none}.basket-new-wrapper[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation[_ngcontent-%COMP%] .personalisation-filters-wrapper[_ngcontent-%COMP%] .personalisation-dropdown[_ngcontent-%COMP%] .personalisation-filters[_ngcontent-%COMP%] ul[_ngcontent-%COMP%] li[_ngcontent-%COMP%] a[_ngcontent-%COMP%]{display:block;font-size:17px}.basket-new-wrapper[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation[_ngcontent-%COMP%] .personalisation-filters-wrapper[_ngcontent-%COMP%] .personalisation-lines-count[_ngcontent-%COMP%]{clear:both;float:right}@media (min-width: 769px){.basket-new-wrapper[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation[_ngcontent-%COMP%] .personalisation-filters-wrapper[_ngcontent-%COMP%] .personalisation-lines-count[_ngcontent-%COMP%]{float:none;margin-top:6px}}.basket-new-wrapper[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation[_ngcontent-%COMP%] .personalisation-filters-wrapper[_ngcontent-%COMP%] .personalisation-lines-count[_ngcontent-%COMP%] p.lg[_ngcontent-%COMP%]{font-family:"Roboto",sans-serif;color:#979797;margin-bottom:2px 0 6px 0}.basket-new-wrapper[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation[_ngcontent-%COMP%] .personalisation-filters-wrapper[_ngcontent-%COMP%] .personalisation-lines-count[_ngcontent-%COMP%] p.lg.error-text[_ngcontent-%COMP%]{color:#ff4855}.basket-new-wrapper[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .confirm-text-desk[_ngcontent-%COMP%]{position:absolute;top:350px;right:0}.basket-new-wrapper[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .confirm-text-desk.portrait[_ngcontent-%COMP%]{width:44%}.basket-new-wrapper[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .confirm-text-desk.landscape[_ngcontent-%COMP%]{width:36%}.basket-new-wrapper[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .confirm-text-mob[_ngcontent-%COMP%]{width:100%;margin:40px auto 0}.thor-text-container[_ngcontent-%COMP%] .tooltip[_ngcontent-%COMP%]{z-index:1;position:absolute;border-radius:8px;background:#1F79E1;min-width:280px;padding:12px 40px 12px 12px;margin-top:14px;right:-24px}@media (min-width: 992px){.thor-text-container[_ngcontent-%COMP%] .tooltip[_ngcontent-%COMP%]{top:4px;left:210px;margin:0}}.thor-text-container[_ngcontent-%COMP%] .tooltip[_ngcontent-%COMP%] i.mdi[_ngcontent-%COMP%]{font-size:24px;color:#fff;position:absolute;right:0;margin:0 8px;top:4px}.thor-text-container[_ngcontent-%COMP%] .tooltip[_ngcontent-%COMP%] > .content[_ngcontent-%COMP%]{color:#fff;font-size:14px;line-height:16px;padding:0}.thor-text-container[_ngcontent-%COMP%] .tooltip[_ngcontent-%COMP%]:before{content:"";position:absolute;bottom:100%;right:40px;margin-left:15px;border-width:9px;border-style:solid;border-color:transparent transparent #1F79E1 transparent}@media (min-width: 769px){.thor-text-container[_ngcontent-%COMP%] .tooltip[_ngcontent-%COMP%]:before{right:auto}}@media (min-width: 992px){.thor-text-container[_ngcontent-%COMP%] .tooltip[_ngcontent-%COMP%]:before{left:-33px;top:50%;border-color:transparent #1F79E1 transparent transparent}}.thor-text-container[_ngcontent-%COMP%] .font-size-personalisation[_ngcontent-%COMP%]{position:relative;max-width:49px}@media (min-width: 769px){.thor-text-container[_ngcontent-%COMP%] .font-size-personalisation[_ngcontent-%COMP%]{max-width:100%}}.thor-text-container[_ngcontent-%COMP%] .font-size-dropdown[_ngcontent-%COMP%]{position:absolute;padding:0;border:1px solid #292929;background:#ffffff;z-index:5;overflow:scroll;max-height:250px;width:106px}.thor-text-container[_ngcontent-%COMP%] .font-size-dropdown.open[_ngcontent-%COMP%]{border-top:0}@media (min-width: 769px){.thor-text-container[_ngcontent-%COMP%] .font-size-dropdown.open[_ngcontent-%COMP%]{width:198px;top:auto;border-top:0;margin-top:-2px;border-top:1px solid #f4f4f4}}.thor-text-container[_ngcontent-%COMP%] .font-size-dropdown.open[_ngcontent-%COMP%]:before{content:"";position:absolute;background:#292929;height:1px;width:calc(100% - 48px);right:0}@media (min-width: 769px){.thor-text-container[_ngcontent-%COMP%] .font-size-dropdown.open[_ngcontent-%COMP%]:before{content:none}}.thor-text-container[_ngcontent-%COMP%] .font-size-icon[_ngcontent-%COMP%]{width:28px}@media (min-width: 769px){.thor-text-container[_ngcontent-%COMP%] .font-size-icon[_ngcontent-%COMP%]{display:none}}.thor-text-container[_ngcontent-%COMP%] .font-size-label[_ngcontent-%COMP%]{display:none}@media (min-width: 769px){.thor-text-container[_ngcontent-%COMP%] .font-size-label[_ngcontent-%COMP%]{display:block;line-height:18px;font-size:16px;margin:0}}.thor-text-container[_ngcontent-%COMP%] .font-size-input[_ngcontent-%COMP%]{border:1px solid #292929;border-radius:4px;display:block;width:100%;height:49px;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:12px}@media (min-width: 769px){.thor-text-container[_ngcontent-%COMP%] .font-size-input[_ngcontent-%COMP%]{width:198px;padding:0 6px 0 12px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}.thor-text-container[_ngcontent-%COMP%] .font-size-input.open[_ngcontent-%COMP%]{border-bottom:0;border-radius:4px 4px 0 0}@media (min-width: 769px){.thor-text-container[_ngcontent-%COMP%] .font-size-input.open[_ngcontent-%COMP%]{border-radius:4px;border:1px solid}}.thor-text-container[_ngcontent-%COMP%] .mdi-chevron-down[_ngcontent-%COMP%]{display:none}@media (min-width: 769px){.thor-text-container[_ngcontent-%COMP%] .mdi-chevron-down[_ngcontent-%COMP%]{display:block;font-size:24px;height:24px}}.thor-text-container[_ngcontent-%COMP%] .font-size-item[_ngcontent-%COMP%]{border-bottom:1px solid #f4f4f4;padding:12px 8px;list-style:none;font-size:16px;line-height:22px;text-align:center;cursor:pointer}.thor-text-container[_ngcontent-%COMP%] .font-size-item.selected[_ngcontent-%COMP%]{background:#f4f4f4;font-weight:bold}@media (min-width: 769px){.thor-text-container[_ngcontent-%COMP%] .font-size-item[_ngcontent-%COMP%]{text-align:left}}.thor-text-container[_ngcontent-%COMP%] h4.title[_ngcontent-%COMP%]{font-size:18px;margin-bottom:8px;text-align:left}@media (min-width: 840px){.thor-text-container[_ngcontent-%COMP%] h4.title[_ngcontent-%COMP%]{font-size:24px;margin-bottom:16px}}.thor-text-container[_ngcontent-%COMP%] h4.title.basket[_ngcontent-%COMP%]{text-align:center;margin-bottom:24px}.thor-text-container[_ngcontent-%COMP%] .input-label[_ngcontent-%COMP%]{display:none}@media (min-width: 769px){.thor-text-container[_ngcontent-%COMP%] .input-label[_ngcontent-%COMP%]{display:block;margin-bottom:16px;font-size:18px}}@media (min-width: 769px){.thor-text-container.basket[_ngcontent-%COMP%]{padding-top:15vh}}.thor-text-container[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%]{background-color:#fff;-webkit-overflow-scrolling:touch}@media (min-width: 769px){.thor-text-container[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%]{margin-top:36px}}@media (min-width: 769px){.thor-text-container[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation[_ngcontent-%COMP%]{position:relative;margin:0 auto}}@media (min-width: 769px){.thor-text-container[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation.landscape[_ngcontent-%COMP%]{max-width:700px}}@media (min-width: 992px){.thor-text-container[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation.landscape[_ngcontent-%COMP%]{max-width:900px}}@media (min-width: 769px){.thor-text-container[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation.portrait[_ngcontent-%COMP%]{max-width:630px}}@media (min-width: 992px){.thor-text-container[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation.portrait[_ngcontent-%COMP%]{max-width:780px}}.thor-text-container[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation.popup[_ngcontent-%COMP%]{z-index:16;position:fixed}.thor-text-container[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation[_ngcontent-%COMP%] .personalisation-editing[_ngcontent-%COMP%]{padding:0;clear:both;margin-bottom:65px}@media all and (max-width: 768px) and (min-width: 576px){.thor-text-container[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation[_ngcontent-%COMP%] .personalisation-editing[_ngcontent-%COMP%]{width:500px;margin:0 auto;padding:0;clear:both}}@media (min-width: 769px){.thor-text-container[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation[_ngcontent-%COMP%] .personalisation-editing[_ngcontent-%COMP%]{clear:none}}.thor-text-container[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation[_ngcontent-%COMP%] .editable-area-wrapper[_ngcontent-%COMP%]{border:1px solid #e7e7e7;display:block;position:relative}.thor-text-container[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation[_ngcontent-%COMP%] .editable-area-wrapper.landscape[_ngcontent-%COMP%], .thor-text-container[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation[_ngcontent-%COMP%] .editable-area-wrapper.portrait[_ngcontent-%COMP%]{left:0}@media (min-width: 769px){.thor-text-container[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation[_ngcontent-%COMP%] .editable-area-wrapper.landscape[_ngcontent-%COMP%]{width:380px}.thor-text-container[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation[_ngcontent-%COMP%] .editable-area-wrapper.portrait[_ngcontent-%COMP%]{width:300px}}@media (min-width: 992px){.thor-text-container[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation[_ngcontent-%COMP%] .editable-area-wrapper.landscape[_ngcontent-%COMP%]{width:530px}.thor-text-container[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation[_ngcontent-%COMP%] .editable-area-wrapper.portrait[_ngcontent-%COMP%]{width:380px}}.thor-text-container[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation[_ngcontent-%COMP%] .editable-area-wrapper[_ngcontent-%COMP%] .editable-area-padded[_ngcontent-%COMP%]{position:relative}.thor-text-container[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation[_ngcontent-%COMP%] .editable-area-wrapper[_ngcontent-%COMP%] .editable-area-padded.landscape[_ngcontent-%COMP%]{padding-top:70.47%}.thor-text-container[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation[_ngcontent-%COMP%] .editable-area-wrapper[_ngcontent-%COMP%] .editable-area-padded.portrait[_ngcontent-%COMP%]{padding-top:141.89%}.thor-text-container[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation[_ngcontent-%COMP%] .editable-area-wrapper[_ngcontent-%COMP%] .editable-area-padded[_ngcontent-%COMP%] .editable-area-fitparent[_ngcontent-%COMP%]{overflow:hidden;letter-spacing:0;top:0;right:0;bottom:0;left:0;position:absolute}.thor-text-container[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation[_ngcontent-%COMP%] .editable-area-wrapper[_ngcontent-%COMP%] .editable-area-padded[_ngcontent-%COMP%] .editable-area-fitparent[_ngcontent-%COMP%] .hidden-top[_ngcontent-%COMP%], .thor-text-container[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation[_ngcontent-%COMP%] .editable-area-wrapper[_ngcontent-%COMP%] .editable-area-padded[_ngcontent-%COMP%] .editable-area-fitparent[_ngcontent-%COMP%] .hidden-bottom[_ngcontent-%COMP%]{position:absolute;
1left:0;right:0;z-index:2;line-height:0;font-size:0;background:transparent;width:100%;border:0;padding:0}.thor-text-container[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation[_ngcontent-%COMP%] .editable-area-wrapper[_ngcontent-%COMP%] .editable-area-padded[_ngcontent-%COMP%] .editable-area-fitparent[_ngcontent-%COMP%] .hidden-top[_ngcontent-%COMP%]{top:0}.thor-text-container[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation[_ngcontent-%COMP%] .editable-area-wrapper[_ngcontent-%COMP%] .editable-area-padded[_ngcontent-%COMP%] .editable-area-fitparent[_ngcontent-%COMP%] .hidden-bottom[_ngcontent-%COMP%]{bottom:0}.thor-text-container[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation[_ngcontent-%COMP%] .editable-area-wrapper[_ngcontent-%COMP%] .editable-area-padded[_ngcontent-%COMP%] .editable-area-fitparent[_ngcontent-%COMP%] .editable-area-inner[_ngcontent-%COMP%]{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);display:block;width:100%;overflow:hidden;border-top:1px dashed #f5f5f5;border-bottom:1px dashed #f5f5f5;margin:0;resize:none;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word}.thor-text-container[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation[_ngcontent-%COMP%] .editable-area-wrapper[_ngcontent-%COMP%] .editable-area-padded[_ngcontent-%COMP%] .editable-area-fitparent[_ngcontent-%COMP%] .editable-area-inner[_ngcontent-%COMP%]:empty{min-width:160px;height:1.5em;display:block}.thor-text-container[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation[_ngcontent-%COMP%] .editable-area-wrapper[_ngcontent-%COMP%] .editable-area-padded[_ngcontent-%COMP%] .editable-area-fitparent[_ngcontent-%COMP%] .editable-area-inner[_ngcontent-%COMP%]:empty:before{content:attr(placeholder);display:block;font-size:16px;position:relative;font-family:"Roboto",sans-serif;font-weight:300;color:#000}.thor-text-container[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation[_ngcontent-%COMP%] .editable-area-wrapper[_ngcontent-%COMP%] .editable-area-padded[_ngcontent-%COMP%] .editable-area-fitparent[_ngcontent-%COMP%] .textarea-overlay[_ngcontent-%COMP%]{background:#fff;position:absolute;top:0;right:0;bottom:0;left:0}@media (min-width: 769px){.thor-text-container[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation[_ngcontent-%COMP%] .personalisation-filters-wrapper[_ngcontent-%COMP%]{padding:0;position:absolute;top:0;right:0;width:280px}.thor-text-container[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation[_ngcontent-%COMP%] .personalisation-filters-wrapper[_ngcontent-%COMP%]:before, .thor-text-container[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation[_ngcontent-%COMP%] .personalisation-filters-wrapper[_ngcontent-%COMP%]:after{content:"";display:table}.thor-text-container[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation[_ngcontent-%COMP%] .personalisation-filters-wrapper[_ngcontent-%COMP%]:after{clear:both}}@media (min-width: 992px){.thor-text-container[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation[_ngcontent-%COMP%] .personalisation-filters-wrapper[_ngcontent-%COMP%]{width:345px}}.thor-text-container[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation[_ngcontent-%COMP%] .personalisation-filters-wrapper[_ngcontent-%COMP%] .personalisation-copy[_ngcontent-%COMP%]{display:none}.thor-text-container[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation[_ngcontent-%COMP%] .personalisation-filters-wrapper[_ngcontent-%COMP%] .personalisation-copy.show[_ngcontent-%COMP%]{display:block}@media (min-width: 769px){.thor-text-container[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation[_ngcontent-%COMP%] .personalisation-filters-wrapper[_ngcontent-%COMP%] .personalisation-copy[_ngcontent-%COMP%]{display:block}}.thor-text-container[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation[_ngcontent-%COMP%] .personalisation-filters-wrapper[_ngcontent-%COMP%] .personalisation-copy[_ngcontent-%COMP%] p.body-text[_ngcontent-%COMP%]{margin-bottom:24px}.thor-text-container[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation[_ngcontent-%COMP%] .personalisation-filters-wrapper[_ngcontent-%COMP%] .personalisation-dropdown[_ngcontent-%COMP%]{display:-webkit-box;display:-ms-flexbox;display:flex;grid-gap:8px;gap:8px;-ms-flex-wrap:nowrap;flex-wrap:nowrap}@media (min-width: 769px){.thor-text-container[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation[_ngcontent-%COMP%] .personalisation-filters-wrapper[_ngcontent-%COMP%] .personalisation-dropdown[_ngcontent-%COMP%]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;grid-gap:16px;gap:16px}}@media (min-width: 769px){.thor-text-container[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation[_ngcontent-%COMP%] .personalisation-filters-wrapper[_ngcontent-%COMP%] .personalisation-dropdown.landscape[_ngcontent-%COMP%]{position:relative;width:100%;margin:12px 0 0}.thor-text-container[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation[_ngcontent-%COMP%] .personalisation-filters-wrapper[_ngcontent-%COMP%] .personalisation-dropdown.landscape[_ngcontent-%COMP%]:before, .thor-text-container[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation[_ngcontent-%COMP%] .personalisation-filters-wrapper[_ngcontent-%COMP%] .personalisation-dropdown.landscape[_ngcontent-%COMP%]:after{content:"";display:table}.thor-text-container[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation[_ngcontent-%COMP%] .personalisation-filters-wrapper[_ngcontent-%COMP%] .personalisation-dropdown.landscape[_ngcontent-%COMP%]:after{clear:both}.thor-text-container[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation[_ngcontent-%COMP%] .personalisation-filters-wrapper[_ngcontent-%COMP%] .personalisation-dropdown.landscape[_ngcontent-%COMP%] strong[_ngcontent-%COMP%]{display:inline-block;vertical-align:bottom;margin:0 6px 0 0}}.thor-text-container[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation[_ngcontent-%COMP%] .personalisation-filters-wrapper[_ngcontent-%COMP%] .personalisation-dropdown[_ngcontent-%COMP%] .personalisation-font-selector[_ngcontent-%COMP%]{width:100%}@media (min-width: 769px){.thor-text-container[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation[_ngcontent-%COMP%] .personalisation-filters-wrapper[_ngcontent-%COMP%] .personalisation-dropdown[_ngcontent-%COMP%] .emoji-button[_ngcontent-%COMP%]{padding:0;width:198px}}.thor-text-container[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation[_ngcontent-%COMP%] .personalisation-filters-wrapper[_ngcontent-%COMP%] .personalisation-dropdown[_ngcontent-%COMP%] .emoji-button[_ngcontent-%COMP%] .dropbtn2[_ng
1content-%COMP%]{border:1px solid #292929;border-radius:4px;display:block;width:100%;height:49px;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:12px;width:49px}@media (min-width: 769px){.thor-text-container[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation[_ngcontent-%COMP%] .personalisation-filters-wrapper[_ngcontent-%COMP%] .personalisation-dropdown[_ngcontent-%COMP%] .emoji-button[_ngcontent-%COMP%] .dropbtn2[_ngcontent-%COMP%]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0 6px 0 12px;width:auto}}.thor-text-container[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation[_ngcontent-%COMP%] .personalisation-filters-wrapper[_ngcontent-%COMP%] .personalisation-dropdown[_ngcontent-%COMP%] .emoji-button[_ngcontent-%COMP%] .dropbtn2[_ngcontent-%COMP%] i.mdi[_ngcontent-%COMP%]{font-size:24px;height:24px;color:#000;display:none}@media (min-width: 769px){.thor-text-container[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation[_ngcontent-%COMP%] .personalisation-filters-wrapper[_ngcontent-%COMP%] .personalisation-dropdown[_ngcontent-%COMP%] .emoji-button[_ngcontent-%COMP%] .dropbtn2[_ngcontent-%COMP%] i.mdi[_ngcontent-%COMP%]{display:block}}.thor-text-container[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation[_ngcontent-%COMP%] .personalisation-filters-wrapper[_ngcontent-%COMP%] .personalisation-dropdown[_ngcontent-%COMP%] .emoji-button[_ngcontent-%COMP%] .dropbtn2[_ngcontent-%COMP%] img[_ngcontent-%COMP%]{display:block;width:28px;height:28px}.thor-text-container[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation[_ngcontent-%COMP%] .personalisation-filters-wrapper[_ngcontent-%COMP%] .personalisation-dropdown[_ngcontent-%COMP%] .emoji-button[_ngcontent-%COMP%] .emoji-board[_ngcontent-%COMP%]{position:absolute;left:22px;width:calc(100% - 22px * 2);z-index:4;margin-top:2px}@media (min-width: 576px){.thor-text-container[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation[_ngcontent-%COMP%] .personalisation-filters-wrapper[_ngcontent-%COMP%] .personalisation-dropdown[_ngcontent-%COMP%] .emoji-button[_ngcontent-%COMP%] .emoji-board[_ngcontent-%COMP%]{left:50%;-webkit-transform:translateX(-50%);transform:translate(-50%);width:500px}}@media (min-width: 769px){.thor-text-container[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation[_ngcontent-%COMP%] .personalisation-filters-wrapper[_ngcontent-%COMP%] .personalisation-dropdown[_ngcontent-%COMP%] .emoji-button[_ngcontent-%COMP%] .emoji-board[_ngcontent-%COMP%]{-webkit-transform:translateX(0);transform:translate(0);left:0;width:100%}}.thor-text-container[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation[_ngcontent-%COMP%] .personalisation-filters-wrapper[_ngcontent-%COMP%] .personalisation-dropdown[_ngcontent-%COMP%] .emoji-button[_ngcontent-%COMP%] .emoji-board[_ngcontent-%COMP%] ul[_ngcontent-%COMP%]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:8px;border:1px solid #292929;background-color:#fff;height:240px;overflow-y:scroll}@media (min-width: 576px){.thor-text-container[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation[_ngcontent-%COMP%] .personalisation-filters-wrapper[_ngcontent-%COMP%] .personalisation-dropdown[_ngcontent-%COMP%] .emoji-button[_ngcontent-%COMP%] .emoji-board[_ngcontent-%COMP%] ul[_ngcontent-%COMP%]{height:300px}}@media (min-width: 769px){.thor-text-container[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation[_ngcontent-%COMP%] .personalisation-filters-wrapper[_ngcontent-%COMP%] .personalisation-dropdown[_ngcontent-%COMP%] .emoji-button[_ngcontent-%COMP%] .emoji-board[_ngcontent-%COMP%] ul[_ngcontent-%COMP%]{height:240px}}.thor-text-container[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation[_ngcontent-%COMP%] .personalisation-filters-wrapper[_ngcontent-%COMP%] .personalisation-dropdown[_ngcontent-%COMP%] .emoji-button[_ngcontent-%COMP%] .emoji-board[_ngcontent-%COMP%] ul[_ngcontent-%COMP%] li[_ngcontent-%COMP%]{width:16.66666%;display:inline-block;padding:2.5%}.thor-text-container[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation[_ngcontent-%COMP%] .personalisation-filters-wrapper[_ngcontent-%COMP%] .personalisation-dropdown[_ngcontent-%COMP%] .emoji-button[_ngcontent-%COMP%] .emoji-board[_ngcontent-%COMP%] ul[_ngcontent-%COMP%] li[_ngcontent-%COMP%] img[_ngcontent-%COMP%]{width:100%}.thor-text-container[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation[_ngcontent-%COMP%] .personalisation-filters-wrapper[_ngcontent-%COMP%] .personalisation-dropdown[_ngcontent-%COMP%] .personalisation-filters[_ngcontent-%COMP%]{position:relative;border:1px solid #292929;border-radius:4px;display:block;width:100%;height:49px;cursor:pointer}.thor-text-container[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation[_ngcontent-%COMP%] .personalisation-filters-wrapper[_ngcontent-%COMP%] .personalisation-dropdown[_ngcontent-%COMP%] .personalisation-filters[_ngcontent-%COMP%] i.mdi[_ngcontent-%COMP%]{font-size:24px;height:24px;color:#000}.thor-text-container[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation[_ngcontent-%COMP%] .personalisation-filters-wrapper[_ngcontent-%COMP%] .personalisation-dropdown[_ngcontent-%COMP%] .personalisation-filters[_ngcontent-%COMP%] i.mdi.font[_ngcontent-%COMP%]{display:inline-block}@media (min-width: 769px){.thor-text-container[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation[_ngcontent-%COMP%] .personalisation-filters-wrapper[_ngcontent-%COMP%] .personalisation-dropdown[_ngcontent-%COMP%] .personalisation-filters[_ngcontent-%COMP%]{width:198px}}@media (min-width: 769px){.thor-text-container[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation[_ngcontent-%COMP%] .personalisation-filters-wrapper[_ngcontent-%COMP%] .personalisation-dropdown[_ngcontent-%COMP%] .personalisation-filters.landscape[_ngcontent-%COMP%]{margin-bottom:0}}.thor-text-container[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation[_ngcontent-%COMP%] .personalisation-filters-wrapper[_ngcontent-%COMP%] .personalisation-dropdown[_ngcontent-%COMP%] .personalisation-filters[_ngcontent-%COMP%] > span[_ngcontent-%COMP%]{padding:0 6px 0 12px;font-size:17px;line-height:2.1;position:relative;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;cursor:pointer}.thor-text-container[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation[_ngcontent-%COMP%] .personalisation-filters-wrapper[_ngcontent-%COMP%] .personalisation-dropdown[_ngcontent-%COMP%] .personalisation-filters[_ngcontent-%COMP%] > span[_ngcontent-%COMP%]:hover{cursor:pointer}.thor-text-container[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation[_ngcontent-%COMP%] .personalisation-filters-wrapper[_ngcontent-%COMP%] .personalisation-dropdown[_ngcontent-%COMP%] .personalisation-filters[_ngcontent-%COMP%] ul[_ngcontent-%COMP%]{position:relative;
1left:-1px;width:100%;-webkit-box-sizing:content-box;box-sizing:content-box;padding:0;border:1px solid #292929;border-top:1px solid #f5f5f5;background:#ffffff;z-index:5;max-height:250px;overflow:scroll;top:-2px}.thor-text-container[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation[_ngcontent-%COMP%] .personalisation-filters-wrapper[_ngcontent-%COMP%] .personalisation-dropdown[_ngcontent-%COMP%] .personalisation-filters[_ngcontent-%COMP%] ul[_ngcontent-%COMP%] li[_ngcontent-%COMP%]{border-bottom:1px solid #f4f4f4;padding:12px 14px}.thor-text-container[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation[_ngcontent-%COMP%] .personalisation-filters-wrapper[_ngcontent-%COMP%] .personalisation-dropdown[_ngcontent-%COMP%] .personalisation-filters[_ngcontent-%COMP%] ul[_ngcontent-%COMP%] li.selected[_ngcontent-%COMP%]{background:#f4f4f4;font-weight:bold}.thor-text-container[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation[_ngcontent-%COMP%] .personalisation-filters-wrapper[_ngcontent-%COMP%] .personalisation-dropdown[_ngcontent-%COMP%] .personalisation-filters[_ngcontent-%COMP%] ul[_ngcontent-%COMP%] li[_ngcontent-%COMP%] a[_ngcontent-%COMP%]{font-size:16px}.thor-text-container[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation[_ngcontent-%COMP%] .personalisation-filters-wrapper[_ngcontent-%COMP%] .personalisation-lines-count[_ngcontent-%COMP%]{margin:12px 0;color:#000}@media (min-width: 769px){.thor-text-container[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation[_ngcontent-%COMP%] .personalisation-filters-wrapper[_ngcontent-%COMP%] .personalisation-lines-count[_ngcontent-%COMP%]{margin:24px 0 44px}}.thor-text-container[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation[_ngcontent-%COMP%] .personalisation-filters-wrapper[_ngcontent-%COMP%] .personalisation-lines-count[_ngcontent-%COMP%] p.lg[_ngcontent-%COMP%]{margin:0;font-size:14px}@media (min-width: 769px){.thor-text-container[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation[_ngcontent-%COMP%] .personalisation-filters-wrapper[_ngcontent-%COMP%] .personalisation-lines-count[_ngcontent-%COMP%] p.lg[_ngcontent-%COMP%]{font-size:16px}}.thor-text-container[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .text-personalisation[_ngcontent-%COMP%] .personalisation-filters-wrapper[_ngcontent-%COMP%] .personalisation-lines-count[_ngcontent-%COMP%] p.lg.error-text[_ngcontent-%COMP%]{color:#ff4855}.thor-text-container[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .button-wrapper[_ngcontent-%COMP%]{background:#ffffff;-webkit-box-shadow:0px -4px 4px 0px rgba(159,159,159,.09);box-shadow:0 -4px 4px #9f9f9f17;width:100vw;position:fixed;bottom:0;left:0;padding:16px}@media (min-width: 769px){.thor-text-container[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .button-wrapper[_ngcontent-%COMP%]{position:static;position:initial;width:100%;padding:0;-webkit-box-shadow:none;box-shadow:none}}.thor-text-container[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .confirm-text-desk[_ngcontent-%COMP%]{position:absolute;top:469px;right:0}.thor-text-container[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .confirm-text-desk.portrait[_ngcontent-%COMP%]{width:44%}.thor-text-container[_ngcontent-%COMP%] .thor-text-wrapper[_ngcontent-%COMP%] .confirm-text-desk.landscape[_ngcontent-%COMP%]{width:36%}']}),t})()},32965:function(t,e,n){n.d(e,{a7:function(){return i},KS:function(){return r},XV:function(){return a},kr:function(){return s},CD:function(){return p},$y:function(){return c},w6:function(){return l},vR:function(){return d}});var o=n(70013);const i=(0,o.jT)("Product Customiser Viewed"),r=(0,o.jT)("Product Customiser Input Clicked"),a=(0,o.jT)("Product Customiser Font Dropdown Opened"),s=(0,o.jT)("Product Customiser Font Selected"),p=(0,o.jT)("Product Customiser Emoji Opened"),c=(0,o.jT)("Product Customiser Emoji Selected"),l=(0,o.jT)("Product Customiser Font Size Selected"),d=(0,o.jT)("Product Customiser Font Size Dropdown Opened")},30878:function(t,e,n){n.d(e,{j:function(){return l}});var o=n(71695),i=n(92674),r=n(15768),a=n(70013),s=n(94359),p=n(82487),c=n(62415);let l=(()=>{class t{}return t.\u0275fac=function(e){return new(e||t)},t.\u0275mod=c.\u0275\u0275defineNgModule({type:t}),t.\u0275inj=c.\u0275\u0275defineInjector({imports:[[i.ez,r.I,o.m,a.Fq.forRoot(s.N.assetsDomain),p.w,a.VV]]}),t})()},61567:function(t,e,n){n.d(e,{M:function(){return r}});var o=n(62415);const i=["*"];let r=(()=>{class t{}return t.\u0275fac=function(e){return new(e||t)},t.\u0275cmp=o.\u0275\u0275defineComponent({type:t,selectors:[["generic-button"]],inputs:{disabled:"disabled",selected:"selected"},ngContentSelectors:i,decls:2,vars:4,consts:[[1,"Button"]],template:function(t,e){1&t&&(o.\u0275\u0275projectionDef(),o.\u0275\u0275elementStart(0,"div",0),o.\u0275\u0275projection(1),o.\u
10275\u0275elementEnd()),2&t&&o.\u0275\u0275classProp("Button--disabled",e.disabled)("Button--selected",e.selected)},styles:[".Button[_ngcontent-%COMP%]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;height:50px;padding:0;font-size:16px;font-weight:bold;border-radius:4px;cursor:pointer}.Button--disabled[_ngcontent-%COMP%]{opacity:.2;cursor:not-allowed}"]}),t})()},16199:function(t,e,n){n.d(e,{K:function(){return a}});var o=n(61567),i=n(62415);const r=["*"];let a=(()=>{class t extends o.M{}return t.\u0275fac=function(){let e;return function(n){return(e||(e=i.\u0275\u0275getInheritedFactory(t)))(n||t)}}(),t.\u0275cmp=i.\u0275\u0275defineComponent({type:t,selectors:[["primary-button"]],features:[i.\u0275\u0275InheritDefinitionFeature],ngContentSelectors:r,decls:2,vars:4,consts:[[1,"Button"]],template:function(t,e){1&t&&(i.\u0275\u0275projectionDef(),i.\u0275\u0275elementStart(0,"div",0),i.\u0275\u0275projection(1),i.\u0275\u0275elementEnd()),2&t&&i.\u0275\u0275classProp("Button--disabled",e.disabled)("Button--selected",e.selected)},styles:[".Button[_ngcontent-%COMP%]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;height:50px;padding:0;font-size:16px;font-weight:bold;border-radius:4px;cursor:pointer}.Button--disabled[_ngcontent-%COMP%]{opacity:.2;cursor:not-allowed}",".Button[_ngcontent-%COMP%]{background:#ff6900;color:#fff}"]}),t})()}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.