@import"https://use.typekit.net/zaf8mtr.css";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*{box-sizing:border-box}html{font-size:16px;font-family:neue-haas-grotesk-text,sans-serif;font-weight:500;font-smooth:antialiased;-webkit-font-smoothing:antialiased}.home{overflow:hidden;background-color:#000}.home .cam-layout{width:100%;height:100%;position:fixed}.home .cam-layout .cam-container{width:100%;height:100%}.home .controller{display:flex;position:fixed;align-items:center;left:50%;bottom:25px;transform:translateX(-50%);gap:5px;gap:12px;z-index:999}.home .controller .capture-container{aspect-ratio:1;width:78px;height:78px;padding:4px;border-radius:9999px;cursor:pointer}.home .controller .capture-container .capture{background-color:#fff;width:100%;height:100%;border-radius:9999px;transition:transform .2s}.home .controller .capture-container .capture:hover{transform:scale(0.95)}@media(hover: hover){.home .controller .capture-container:hover .capture{transform:scale(0.95)}}.home .controller .filter.filter-icon{width:40px;height:40px;position:absolute;left:calc(100% + 12px);display:none !important}.home .controller .filter.filter-icon svg{transition:transform .3s;width:100%;height:100%}.home .controller .filter.filter-icon svg path{fill:#fff}.home .controller .dial{width:48px;height:48px;display:flex;padding:4px;position:absolute;right:-12px;transform:translateX(100%);cursor:pointer}.home .controller .dial .dial-img{width:100%;height:100%;transition:transform .5s cubic-bezier(0.67, 0.17, 0.43, 1.42)}.home .controller .dial .dial-pick{position:absolute;width:10px;height:10px;top:-14px;left:50%;transform:translateX(-50%)}.home .controll-slider{transform:rotate(-90deg);position:fixed;z-index:99;bottom:85px;right:-25px}.home .controll-slider input[type=range]{-webkit-appearance:none;appearance:none;width:100%;margin:0;padding:0;background:rgba(0,0,0,0);cursor:pointer;outline:none}.home .controll-slider input[type=range]::-webkit-slider-runnable-track{width:100%;height:8px;border-radius:9999px;border:none}.home .controll-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:25px;height:25px;background:hsla(0,0%,100%,.8);backdrop-filter:blur(10px);border-radius:50%;cursor:pointer;box-shadow:0 0 5px rgba(0,0,0,.2);border:2px solid gray;margin-top:-8.5px;position:relative;z-index:2}.home .controll-slider input[type=range]::-moz-range-track{width:100%;height:8px;background:hsla(0,0%,100%,.3);border-radius:9999px;border:none}.home .controll-slider input[type=range]::-moz-range-progress{background-color:#fff;height:8px;border-radius:9999px}.home .controll-slider input[type=range]::-moz-range-thumb{width:25px;height:25px;background:hsla(0,0%,100%,.8);border-radius:50%;border:2px solid gray;cursor:pointer}.home .loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;z-index:99;display:flex;font-size:10px;justify-content:center;align-items:center;flex-direction:column;color:#fff;gap:15px}.home .loading-overlay svg{width:300px;height:auto;display:none}.home .loading-overlay .notify{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}.home .captured-thumbnail{position:fixed;left:20px;bottom:20px;width:200px;aspect-ratio:1.4;object-fit:cover;height:auto;border-radius:10px;z-index:1000;cursor:pointer;display:flex;overflow:hidden;transition:transform .2s ease;animation:slide-in .7s forwards}.home .captured-thumbnail::before{content:"";display:flex;position:absolute;inset:0;padding:1px;border-radius:inherit;z-index:2;background:linear-gradient(-45deg, white, #929292, white);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}@media(hover: hover){.home .captured-thumbnail:hover{background:rgba(200,200,200,.5)}}.home .captured-thumbnail img{width:100%;height:100%;object-fit:cover}.home .capture-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999999;display:none}.home .capture-modal .exit{width:40px;height:40px;padding:4px;border-radius:9999px;position:absolute;right:20px;top:20px;display:flex;cursor:pointer;z-index:9}.home .capture-modal .exit::before{content:"";display:flex;position:absolute;inset:0;padding:1px;border-radius:inherit;z-index:2;background:linear-gradient(-45deg, white, #929292, white);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}@media(hover: hover){.home .capture-modal .exit:hover{background:rgba(200,200,200,.5)}}.home .capture-modal.active{display:flex}.home .capture-modal .captured-layout{width:100%;height:100%;background:rgba(0,0,0,.8)}.home .capture-modal .captured-layout img{width:100%;height:100%;object-fit:contain;backdrop-filter:blur(10px)}.home .capture-modal .download{width:78px;height:78px;padding:4px;position:absolute;left:50%;bottom:25px;transform:translateX(-50%)}.home .capture-modal .download svg{position:relative;bottom:2px}.home .capture-modal .download svg path{stroke:#fff}.home .glass{padding:10px;background:rgba(150,150,150,.4);box-shadow:inset 0 2px 8px rgba(0,0,0,.12);border-radius:999px;backdrop-filter:blur(10px);transition:background .3s;display:flex;align-items:center;justify-content:center}.home .glass::before{content:"";display:flex;position:absolute;inset:0;padding:1px;border-radius:inherit;z-index:2;background:linear-gradient(-45deg, white, #929292, white);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}@media(hover: hover){.home .glass:hover{background:rgba(200,200,200,.5)}}.home .glass input{background-color:rgba(0,0,0,0)}.home .cam-changer{display:none}.home .sns-container{top:20px;right:20px;z-index:99;padding:7px 10px;color:#fff;border-radius:5px;font-family:neue-haas-grotesk-text,sans-serif;font-weight:500;overflow:hidden;max-width:120px;white-space:nowrap;backdrop-filter:blur(10px);padding:7px 10px;background:rgba(51,51,51,.2078431373);transition:max-width .4s ease-in-out,background .2s ease-in-out;position:fixed}.home .sns-container::before{content:"";display:flex;position:absolute;inset:0;padding:1px;border-radius:inherit;z-index:2;background:linear-gradient(-40deg, white, #929292, white);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.home .sns-container__header{cursor:pointer;display:flex}.home .sns-container__body{padding-top:8px;width:100%;gap:6px;flex-direction:column;padding-bottom:4px;opacity:0;max-height:0;padding:0;visibility:hidden;transition:opacity .5s,max-height .4s}.home .sns-container__body .sns-item{justify-content:center;width:100%;margin-bottom:6px}.home .sns-container__body .sns-item a{color:#fff;text-decoration:none;padding:2px 0}.home .sns-container__body .sns-item--child a{color:#fff;text-decoration:none;border-radius:3px;width:100%;display:flex;background:hsla(0,0%,100%,.2);padding:3px 6px;transition:background .5s}.home .sns-container__body .sns-item--child a:hover{background:hsla(0,0%,100%,.4)}.home .sns-container__body .sns-item:last-of-type{margin-bottom:0}.home .sns-container.is-open{max-width:600px}.home .sns-container.is-open .sns-container__body{opacity:1;visibility:visible;padding-top:8px;max-height:1000px}.home .background-option{display:flex;gap:10px;position:fixed;bottom:36px;left:20px}.home .background-option__item{width:48px;height:48px;position:relative;cursor:pointer}.home .background-option__item .remove{width:20px;height:20px;background-size:cover;background-image:url("../../assets/src/redline.jpg");border-radius:9999px;position:absolute;right:-3px;top:-3px;z-index:9;border:1px solid #fff;cursor:pointer;display:none}.home .background-option__item .remove::before{content:"";display:flex;position:absolute;inset:0;padding:1px;border-radius:inherit;z-index:2;background:linear-gradient(-45deg, white, #929292, white);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.home .background-option--color{padding:4px}.home .background-option--color button{font-size:0;width:100%;border:0;height:100%;border-radius:9999px}.home .my-custom-btn{cursor:pointer;background:#fff}.home .my-custom-btn.transparent{background-size:cover;background-image:url("../../assets/src/redline.jpg")}.home .clr-picker{padding:8px;padding-bottom:10px;border-radius:6px;background:hsla(0,0%,100%,.4);backdrop-filter:blur(10px);left:75px !important;bottom:35px !important;top:auto !important}.home .clr-picker .clr-gradient{border-radius:6px;margin-bottom:10px;height:180px;overflow:hidden}.home .clr-picker .clr-color,.home .clr-picker .clr-preview,.home .clr-picker .clr-swatches{display:none}.home .clr-picker .clr-hue,.home .clr-picker .clr-alpha{margin:0 auto;width:calc(100% - 16px);border-radius:9999px}.home .clr-picker .clr-hue{margin-bottom:10px}.home .clr-picker::before{content:"";display:flex;position:absolute;inset:0;padding:1px;border-radius:inherit;z-index:2;background:linear-gradient(-45deg, white, #929292, white);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}#clr-picker #clr-color-marker{width:16px;height:16px;margin:-8px 0 0 -8px;background-color:rgba(0,0,0,0);border:2px solid #fff;box-shadow:0 0 0 1px rgba(0,0,0,.5),inset 0 0 0 1px rgba(0,0,0,.5);border-radius:50%;transition:none}body{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media all and (max-width: 700px){.home .cam-layout{padding:10px;position:fixed;width:100%;height:100%;display:grid;grid-template-rows:1fr 110px}.home .cam-container{width:100%;position:relative;height:100%;margin:0 auto;overflow:hidden;border-radius:5px}.home .cam-container::before{content:"";display:flex;position:absolute;inset:0;padding:1px;border-radius:inherit;z-index:2;background:linear-gradient(-45deg, white, #929292, white);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}}@media(max-width: 700px)and (hover: hover){.home .cam-container:hover{background:rgba(200,200,200,.5)}}@media(max-width: 700px)and (hover: hover){.home .cam-container:hover{background:rgba(0,0,0,0)}}@media all and (max-width: 700px){.home .cam-container canvas{position:relative;left:50%;transform:translateX(-50%);z-index:-1}.home .cam-container .controll-slider{transform:rotate(0deg);position:absolute;left:0;bottom:25px;width:100%;padding:0 15px}.home .cam-changer{display:flex;width:48px;height:48px;padding:4px;position:fixed;right:20px;bottom:40px}.home .captured-thumbnail{left:10px;bottom:11px;width:140px;border-radius:5px}.home .capture-modal .captured-layout{padding:10px;display:grid;grid-template-rows:1fr 110px}.home .sns-container{font-size:12px;max-width:93px;padding:7px}.home .sns-container.is-open .sns-container__body{padding-top:4px}.home .captured-image-container{position:relative;border-radius:5px}.home .captured-image-container::before{content:"";display:flex;position:absolute;inset:0;padding:1px;border-radius:inherit;z-index:2;background:linear-gradient(-45deg, white, #929292, white);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}}@media(max-width: 700px)and (hover: hover){.home .captured-image-container:hover{background:rgba(200,200,200,.5)}}@media all and (max-width: 700px){.home .captured-image-container img{border-radius:5px}.home .clr-picker{left:10px !important;bottom:15px !important;width:calc(100% - 20px) !important;padding-top:33px}.home .clr-picker::after{content:"Color picker";color:#fff;font-size:14px;position:absolute;left:50%;top:9px;transform:translateX(-50%)}.home .clr-picker .clr-gradient{height:240px}.home .clr-picker .clr-alpha,.home .clr-picker .clr-hue{height:15px}}@keyframes slide-in{from{transform:translateX(-120%);opacity:0}to{transform:translateX(0);opacity:1}}/*# sourceMappingURL=style.css.map */