#frog .loading{position:fixed;z-index:1000;background-color:#000000b3;background-image:url(loading_tr.gif);background-repeat:no-repeat;background-position:center;background-size:135px 135px;width:100%;height:100%}#frog{background:#000000bf;flex-wrap:wrap}#frog.show{overflow-x:hidden;-ms-display:flex;display:flex}@media (min-width: 768px){#frog{flex-wrap:nowrap}}#frog .form__actions{position:relative;z-index:5;margin:0;padding:1em 0;text-align:center}.personalise .personalise__panel.frog{color:#a85;background-size:100%;background-image:url(frog_deco_bg.jpg);padding:40px;position:relative;left:auto;right:auto;top:auto;border:none}@media (max-width: 767px){.personalise .personalise__panel.frog{padding:0;order:1}}@media (min-width: 768px){.personalise .personalise__panel.frog{margin:0;width:50%;height:100vh;overflow-y:auto}}@media (max-width: 638px) and (max-height: 1023px){.personalise .personalise__panel.frog{margin-top:0}}.personalise .personalise__panel.frog:before,.personalise .personalise__panel.frog:after{display:none;background:none;border:none}.personalise .personalise__panel.frog .personalise__close{top:40px;right:20px}@media (min-width: 768px){.personalise .personalise__panel.frog .personalise__close{top:20px}}.personalise .personalise__panel.frog .field__border{background:#fff}.personalise .personalise__panel.frog .field__border.bday{padding:11px 0}.personalise .personalise__panel.frog .field__border .square:before,.personalise .personalise__panel.frog .field__border .square:after{background:#fff}.personalise .personalise__panel.frog input{-webkit-text-fill-color:#000!important;color:#000}.personalise .personalise__panel.frog input[type=text]{font-family:Crimson Text,serif}.personalise .personalise__panel.frog select{color:#000;background:#fff;-webkit-appearance:auto;-moz-appearance:auto}.personalise .personalise__panel.frog select.inline{width:auto;display:inline-block}.personalise .personalise__panel.frog .border{position:relative;height:50px;width:100%;background-position:center;background-size:100% auto;background-repeat:no-repeat}@media (min-width: 1460px){.personalise .personalise__panel.frog .border{height:60px}}@media (min-width: 1750px){.personalise .personalise__panel.frog .border{height:70px}}@media (min-width: 2000px){.personalise .personalise__panel.frog .border{height:80px}}.personalise .personalise__panel.frog #topBorder{background-image:url(frog_deco_top.svg)}.personalise .personalise__panel.frog #frogLogo{height:100px;width:100%;margin-bottom:15px;background-repeat:no-repeat;background-position:center;background-image:url(logo_chocolate_frog.svg)}.personalise .personalise__panel.frog #bottomBorder{width:100%;background-image:url(frog_deco_bottom.svg)}.personalise .personalise__panel.frog .personalise__title{margin-bottom:25px;line-height:1.2em;font-size:24px}@media (min-width: 768px){.personalise .personalise__panel.frog .personalise__title{font-size:28px}}@media (min-width: 992px){.personalise .personalise__panel.frog .personalise__title{font-size:32px}}.personalise .personalise__preview.frog{transform:translate(0);position:relative;left:auto;right:auto;top:auto;padding:40px 0;perspective:1000px;width:auto;margin:auto;align-self:center;font-family:constantineregular,serif}.personalise form .personalise__preview.frog{padding:0}@media (max-width: 767px){.personalise .personalise__preview.frog{order:2}}@media (min-width: 768px){.personalise .personalise__preview.frog{margin:0;width:50%}}.personalise .personalise__preview.frog .mask{position:absolute;width:23%;z-index:2}@media (min-width: 410px){.personalise .personalise__preview.frog .mask{width:28%}}.personalise .personalise__preview.frog .mask.top{top:0;width:100%;height:105px}.personalise .personalise__preview.frog .mask.left{top:105px;left:0;height:100%}.personalise .personalise__preview.frog .mask.right{top:105px;right:0;height:100%}.personalise .personalise__preview.frog .mask.bottom{bottom:0;width:100%;height:280px}.personalise form .personalise__preview.frog .back select.blank{width:120px}.personalise form .personalise__preview.frog .back button.blank{color:#fff}.personalise form .personalise__preview.frog ::placeholder{color:#fff;opacity:1}.personalise form .personalise__preview.frog :-ms-input-placeholder{color:#fff}.personalise form .personalise__preview.frog ::-ms-input-placeholder{color:#fff}.personalise .personalise__preview.frog .flipBtns{-ms-display:flex;display:flex;justify-content:center;text-align:center;padding:15px}#frog .uploadBtn{top:0;left:0;position:absolute;width:100%;height:100%;visibility:hidden}.personalise .personalise__preview.frog .flip__wrapper{width:380px;height:529px;margin:auto;transition:transform .6s;transform-style:preserve-3d}.personalise .personalise__preview.frog.back .flip__wrapper{transform:rotateY(180deg)}@media (max-width: 767px){.personalise .personalise__preview.frog.back .flip__wrapper .front{opacity:0}}@supports (-webkit-hyphens: none){.personalise .personalise__preview.frog.back .flip__wrapper .front{opacity:0}}.personalise .personalise__preview.frog #namePreview{position:absolute;bottom:12%;z-index:6;color:#a85;outline:none;line-height:1.1em;font-size:28px;font-family:fette_unz_frakturregular,serif;width:57%;display:-ms-flexbox;display:flex;align-items:center;flex-direction:column;transform:translate(-50%);text-align:center;left:50%}@media (max-width: 500px){.personalise .personalise__preview.frog #namePreview{transform:translate(-50%) scale(.95)}}@media (max-width: 400px){.personalise .personalise__preview.frog #namePreview{transform:translate(-50%) scale(.85)}}.personalise .personalise__preview.frog #namePreview div{outline:none}.personalise .personalise__preview.frog #namePreview input,.personalise .personalise__preview.frog #namePreview textarea{width:90%;text-align:center;vertical-align:middle;background:none;border:none;color:#a85;font-size:28px;font-family:fette_unz_frakturregular,serif}.personalise .personalise__preview.frog .card{top:0;left:0;position:absolute;background-size:contain;background-repeat:no-repeat;-webkit-backface-visibility:hidden;backface-visibility:hidden;height:100%;width:100%;max-width:380px}.personalise .personalise__preview.frog .card.front .frame{position:absolute;height:100%;width:100%;max-width:380px;z-index:5;background-repeat:no-repeat;background-size:100%;background-image:url(wizard_card_front_watermark.png);pointer-events:none}.personalise .personalise__preview.frog .shadow,.personalise .personalise__preview.frog .photo{clip-path:polygon(17% 0,83% 0,100% 12%,100% 88%,83% 100%,17% 100%,0 88%,0 12%);position:absolute;z-index:3;width:93%;height:95%;margin:2.5% 3.5%;top:0}.personalise .personalise__preview.frog .shadow{pointer-events:none;background:linear-gradient(0deg,#000,#0000 35%)}.personalise .personalise__preview.frog .photo{background-color:#000;z-index:1}.personalise .personalise__preview .photo img{width:100%;height:auto}.personalise .personalise__preview.frog .back{z-index:10;transform:rotateY(180deg);background-repeat:no-repeat;background-image:url(wizard_card_back_watermark.png)}.personalise .personalise__preview.frog .back .inner{position:absolute;top:0;left:50%;transform:translate(-50%);display:flex;flex-direction:column;width:65%;height:100%;justify-content:center;text-align:center;z-index:100}@media (max-width: 767px){.personalise .personalise__preview.frog .back .inner{width:85%;transform:translate(-50%) scale(.95)}}@media (max-width: 600px){.personalise .personalise__preview.frog .back .inner{width:75%;transform:translate(-50%) scale(.95)}}@media (max-width: 500px){.personalise .personalise__preview.frog .back .inner{width:85%;transform:translate(-50%) scale(.85)}}@media (max-width: 400px){.personalise .personalise__preview.frog .back .inner{width:95%;transform:translate(-50%) scale(.75)}}.personalise .personalise__preview.frog .back .text{line-height:1.2em;min-height:2em;margin-bottom:.5em;font-size:21px;color:#a85}@media (max-width: 767px){.personalise .personalise__preview.frog .back .text{font-size:20px}}.personalise .personalise__preview.frog .back .text select{-webkit-appearance:none;color:#a85;background:none;border:none;width:auto;text-align:center}.personalise .personalise__preview.frog .back .text select::-ms-expand{display:none}#knownForPreview{margin-bottom:0}#knownForPreview .knownForOptions,.back .backOptions{width:100%;top:50%;transform:translateY(-50%);height:auto;max-height:none;position:absolute}#knownForPreview .knownForOptions,.back .optionsList{z-index:5;width:100%;font-size:16px;height:100%;border:none;padding:0;overflow:visible;color:#000;max-height:calc(100% - 60px)}#knownForPreview .knownForOptions .closeBtn,.optionsList .closeBtn{z-index:20;position:fixed;top:25px;right:25px;transform:rotate(45deg)}.back .optionsList .list{position:relative;padding:10px 0;height:100%;width:calc(100% - 48px);margin-left:24px;overflow-y:auto;overflow-x:hidden;z-index:5}.back .optionsList .actions{padding:10px 0;margin:10px 25px 0;border-bottom:2px solid #a85;position:relative;z-index:5}.personalise .personalise__preview.frog #knownForPreview .knownForOptions .field.checkbox{margin-top:0}.personalise .personalise__preview.frog .back .text .label{margin-bottom:.3em}.personalise .personalise__preview.frog .back .text .item{display:block;margin-bottom:.35em;line-height:1.1em;font-size:18px}.personalise .personalise__preview.frog .back .text .item:last-child{margin-bottom:0}.personalise .personalise__preview.frog .field.checkbox{margin-top:1em;padding-bottom:0}.personalise .personalise__preview.frog .optionsList .field.checkbox{padding:0;margin-top:0}@media (max-width: 767px){.personalise .personalise__preview.frog .optionsList .field.checkbox{font-size:1.1em;margin:10px 0}}.personalise .personalise__panel.frog #error{margin-top:5px;margin-bottom:1em;font-size:18px;color:red}.field__border.box{position:relative;border-bottom:none;height:100%;z-index:1;padding:0}.back .field__border.box{position:absolute;left:0;width:calc(100% - 50px)}.field__border.box .left .square:before{border-right:none;border-bottom:none;border-top:none}.field__border.box .right .square:before{border-left:none;border-bottom:none;border-top:right}.field__border.box .side{width:24px;background:#fff;height:calc(100% - 50px);position:absolute;top:24px;left:0}.field__border.box .left .side{border-left:2px solid #a85}.field__border.box .right .side{border-right:2px solid #a85}.field__border.box .squareBottom:before{display:block;width:38px;height:38px;content:"";position:absolute;bottom:7px;background:#fff;transform:rotate(45deg);transform-origin:50% 50%}.field__border.box .left .squareBottom:before{left:8px;border-bottom:2px solid #a85}.field__border.box .right .squareBottom:before{right:8px;border-right:2px solid #a85}.optionsList .small .checkbox__wrapper{margin-top:0}@media (max-width: 767px){.optionsList .small .checkbox__wrapper{margin-top:5px}}#frog .field__label{color:#fcf5e7}.knownForLabel{top:3px;color:#000;position:absolute}.knownForOptions{border-bottom:2px solid #a85;padding:10px;max-height:130px;overflow-y:auto}.knownForOptions .cols{-ms-display:flex;display:flex}.knownForOptions .checkbox__label{color:#000;padding-left:3px}.knownForOptions ul,.knownForOptions li{color:#000;list-style:none;z-index:5;margin:0;padding:0}@media (max-width: 767px){.knownForOptions li{margin:10px 0;font-size:1.1em}}.knownForOptions ul{width:50%}#knownForPreview .knownForOptions ul{width:100%}.knownForOptions li.disabled{opacity:.6}.knownForOptions .field.checkbox{padding:0 5px}.watermark{position:absolute;top:15%;left:30%;z-index:100;opacity:.4}.watermark span{display:block;transform:rotate(-56deg) translate(-50%,-50%);transform-origin:center;font-family:constantineregular,serif;letter-spacing:.2em;color:#000;pointer-events:none;font-size:72px}.placeholder{color:#fff}.placeholder.filled{color:#a85}.croppie-container .cr-resizer{display:none}.croppie-container .cr-slider-wrap{display:block;padding:5px 5px 0;position:relative;z-index:5;width:50px!important;margin-top:-42px!important;border-radius:5px;background:#ffffff80!important}@media (hover: none){.croppie-container .cr-slider-wrap{display:none}}#modal{top:0;left:0;width:100%;height:100%;background:#000c;z-index:100}#modal .dialog{background:none;padding:0}#modal iframe{width:725px;height:500px;border:0;margin:auto}#modaldarkbg{position:fixed;z-index:5;left:0;top:0;width:100%;height:100%;overflow:hidden;background-color:#000000bf;display:none}
/*# sourceMappingURL=/cdn/shop/t/19/assets/wizard_card.css.map */