:root{--text-default-color: #292929;--brand-color: #FFC2CA;--brand-color--deep: #EA6D76;--sub-color: #FFFBBF;--sub-color--light: #FFFED9;--3rd-color: #318CD5;--light-gray: #eaeaea;--section-space: 160px}#cm-adjust .tpl-page main{background:linear-gradient(45deg,#fffede 25%,#fef6d0 25% 50%,#fffede 50% 75%,#fef6d0 75%);background-size:80px 80px}#cm-adjust .tpl-page main .cm-photo-frame{padding-inline:0;max-width:1130px;color:#6a4321;overflow:hidden}@media only screen and (max-width:1130px){#cm-adjust .tpl-page main .cm-photo-frame{padding-top:0}}#cm-adjust .tpl-page main .cm-photo-frame__no-match{background:#fff;margin-inline:30px;border-radius:60px;padding:50px 130px;margin-top:40px;text-align:center;font-size:2.4rem;line-height:1.5;font-weight:700;letter-spacing:.025em;color:#404040}@media only screen and (max-width:840px){#cm-adjust .tpl-page main .cm-photo-frame__no-match{padding:50px;font-size:2rem}}@media only screen and (max-width:767px){#cm-adjust .tpl-page main .cm-photo-frame__no-match{margin-top:30px;margin-inline:1.5rem;border-radius:30px;padding:2rem 1.5rem;font-size:1.6rem;text-align:left}}#cm-adjust .tpl-page main .cm-photo-frame__kv{margin:0}#cm-adjust .tpl-page main .cm-photo-frame__kv img{aspect-ratio:1130/524}@media only screen and (max-width:840px){#cm-adjust .tpl-page main .cm-photo-frame__kv img{aspect-ratio:1500/979}}#cm-adjust .tpl-page main .cm-photo-frame__lead{text-align:center;font-size:3.2rem;line-height:1.5;font-weight:900;letter-spacing:.075em;margin-block:20px 50px;text-shadow:-3px -3px 0 #fff,3px -3px 0 #fff,-3px 3px 0 #fff,3px 3px 0 #fff;filter:drop-shadow(0 0 1px #fff);padding-inline:5rem}@media only screen and (max-width:840px){#cm-adjust .tpl-page main .cm-photo-frame__lead{font-size:2.8rem}}@media only screen and (max-width:767px){#cm-adjust .tpl-page main .cm-photo-frame__lead{margin-block:18px;padding-inline:1.5rem;font-size:1.6rem;text-shadow:-2px -2px 0 #fff,2px -2px 0 #fff,-2px 2px 0 #fff,2px 2px 0 #fff;transform:rotate(.03deg)}}#cm-adjust .tpl-page main .cm-photo-frame__lead strong{color:#e9737f;font-weight:900}#cm-adjust .tpl-page main .cm-photo-frame__outer{background:#fff;margin-inline:30px;border-radius:60px;padding:60px 130px;position:relative}@media only screen and (max-width:999px){#cm-adjust .tpl-page main .cm-photo-frame__outer{padding:50px}}@media only screen and (max-width:767px){#cm-adjust .tpl-page main .cm-photo-frame__outer{margin-inline:1.5rem;border-radius:30px;padding:25px 17px}}#cm-adjust .tpl-page main .cm-photo-frame__title{text-align:center;margin:0}@media only screen and (max-width:767px){#cm-adjust .tpl-page main .cm-photo-frame__title{width:48.1vw;margin-inline:auto}}#cm-adjust .tpl-page main .cm-photo-frame__flow{display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;margin-top:45px;gap:18px}@media only screen and (max-width:767px){#cm-adjust .tpl-page main .cm-photo-frame__flow{display:grid;grid-template-columns:repeat(2,1fr)}}@media only screen and (max-width:767px){#cm-adjust .tpl-page main .cm-photo-frame__flow{margin-top:20px;gap:7px 18px}}#cm-adjust .tpl-page main .cm-photo-frame__inner{background:#fef6f7;margin-top:30px;border-radius:8px;padding:40px 70px 30px;position:relative}@media only screen and (max-width:840px){#cm-adjust .tpl-page main .cm-photo-frame__inner{margin-top:15vw;padding:1px 10px 40px}}@media only screen and (max-width:767px){#cm-adjust .tpl-page main .cm-photo-frame__inner{padding-bottom:20px}}#cm-adjust .tpl-page main .cm-photo-frame__title2{text-align:center;margin:0}@media only screen and (max-width:840px){#cm-adjust .tpl-page main .cm-photo-frame__title2{width:71.3vw;margin-top:-10.6vw;margin-inline:auto}}#cm-adjust .tpl-page main .cm-photo-frame button{-webkit-appearance:none;appearance:none;border:none;padding:0;background:none}#cm-adjust .tpl-page main .cm-photo-frame .frame-selector{display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;margin-block:0 30px;gap:25px}@media only screen and (max-width:840px){#cm-adjust .tpl-page main .cm-photo-frame .frame-selector{margin:15px 15px 20px;gap:10px}}#cm-adjust .tpl-page main .cm-photo-frame .frame-selector .frame-thumb{width:110px;height:138px;object-fit:contain;cursor:pointer;background:#fff;transition:all .2s ease;position:relative}@media only screen and (max-width:767px){#cm-adjust .tpl-page main .cm-photo-frame .frame-selector .frame-thumb{width:100%;height:auto;aspect-ratio:110/138}}#cm-adjust .tpl-page main .cm-photo-frame .frame-selector .frame-thumb:hover:after,#cm-adjust .tpl-page main .cm-photo-frame .frame-selector .frame-thumb.is-active:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border:#e9737f 4px solid}@media only screen and (max-width:767px){#cm-adjust .tpl-page main .cm-photo-frame .frame-selector .frame-thumb:hover:after,#cm-adjust .tpl-page main .cm-photo-frame .frame-selector .frame-thumb.is-active:after{border-width:2px}}#cm-adjust .tpl-page main .cm-photo-frame .canvas-wrapper{position:relative;display:block;width:min(467px,100%);aspect-ratio:110/138;margin:0 auto;background-color:#fff}#cm-adjust .tpl-page main .cm-photo-frame .canvas-wrapper canvas{width:100%!important;height:100%!important;display:block}#cm-adjust .tpl-page main .cm-photo-frame__controls{margin-top:30px;display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;gap:25px}@media only screen and (max-width:767px){#cm-adjust .tpl-page main .cm-photo-frame__controls{margin:30px 5.3vw 0;gap:6vw}}#cm-adjust .tpl-page main .cm-photo-frame__controls #file-input{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}#cm-adjust .tpl-page main .cm-photo-frame__controls label[for=file-input]{cursor:pointer;transition:all .2s ease}#cm-adjust .tpl-page main .cm-photo-frame__controls label[for=file-input]:focus-visible{outline:2px solid #000;outline-offset:4px}#cm-adjust .tpl-page main .cm-photo-frame__controls label[for=file-input]:hover{transform:scale(1.05)}#cm-adjust .tpl-page main .cm-photo-frame__controls .remove-photo-btn[disabled]{opacity:.5;cursor:not-allowed}#cm-adjust .tpl-page main .cm-photo-frame__controls .remove-photo-btn:not([disabled]){cursor:pointer}#cm-adjust .tpl-page main .cm-photo-frame__controls .remove-photo-btn:not([disabled]):hover{transform:scale(1.05)}@keyframes imgAnime1{0%{transform:translateY(0)}50%{transform:translateY(20px)}to{transform:translateY(0)}}#cm-adjust .tpl-page main .cm-photo-frame__img01{position:absolute;bottom:285px;left:-67px;animation:imgAnime1 3s ease-in-out infinite}@media only screen and (max-width:999px){#cm-adjust .tpl-page main .cm-photo-frame__img01{bottom:26.8vw;width:19.25vw;left:-7.5vw}}@media only screen and (max-width:840px){#cm-adjust .tpl-page main .cm-photo-frame__img01{display:none}}#cm-adjust .tpl-page main .cm-photo-frame__img02{position:absolute;bottom:559px;right:-42px;animation:imgAnime1 4s ease-in-out infinite .5s}@media only screen and (max-width:999px){#cm-adjust .tpl-page main .cm-photo-frame__img02{bottom:54.6vw;width:18.93vw;right:-7.5vw}}@media only screen and (max-width:840px){#cm-adjust .tpl-page main .cm-photo-frame__img02{display:none}}#cm-adjust .tpl-page main .cm-photo-frame__img03{position:absolute;bottom:-138px;right:-69px;pointer-events:none}@media only screen and (max-width:940px){#cm-adjust .tpl-page main .cm-photo-frame__img03{width:31vw}}@media only screen and (max-width:840px){#cm-adjust .tpl-page main .cm-photo-frame__img03{bottom:-14vw;right:-5.86vw}}#cm-adjust .tpl-page main .cm-photo-frame__img05{display:none}@media only screen and (max-width:840px){#cm-adjust .tpl-page main .cm-photo-frame__img05{display:block;width:56vw;margin:-10.9vw auto 0}}#cm-adjust .tpl-page main .cm-photo-frame .canvas-container{touch-action:none}#cm-adjust .tpl-page main .cm-photo-frame .download-btn{cursor:pointer;display:block;margin:45px auto 0;text-align:center;width:fit-content;transition:all .2s ease}@media only screen and (max-width:767px){#cm-adjust .tpl-page main .cm-photo-frame .download-btn{margin-top:15px;width:38vw}}#cm-adjust .tpl-page main .cm-photo-frame .download-btn:hover{transform:scale(1.05)}#cm-adjust .tpl-page main .cm-photo-frame__share-title{margin:45px auto 0;display:block;width:fit-content}@media only screen and (max-width:767px){#cm-adjust .tpl-page main .cm-photo-frame__share-title{margin-top:25px;width:70.26vw}}#cm-adjust .tpl-page main .cm-photo-frame__share-list{margin-top:25px;display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;gap:20px}@media only screen and (max-width:767px){#cm-adjust .tpl-page main .cm-photo-frame__share-list{margin-top:18px}}#cm-adjust .tpl-page main .cm-photo-frame__share-list a{display:block}@media only screen and (max-width:767px){#cm-adjust .tpl-page main .cm-photo-frame__share-list a{width:12vw}}@media only screen and (min-width:769px){#cm-adjust .tpl-page main .cm-photo-frame__share-list a:hover{transform:translateY(-2px)}}#cm-adjust .tpl-page main .cm-photo-frame__notes{margin-block:30px 0;text-align:center;font-size:1.8rem;line-height:1.38;font-weight:700;letter-spacing:0;color:#404040;transform:rotate(.03deg)}@media only screen and (max-width:840px){#cm-adjust .tpl-page main .cm-photo-frame__notes{text-align:left;font-size:1.4rem}}@media only screen and (max-width:767px){#cm-adjust .tpl-page main .cm-photo-frame__notes{margin-top:20px;font-size:1rem;transform:rotate(.03deg)}}#cm-adjust .tpl-page main .cm-photo-frame__copyright{font-size:1.2rem;color:#666;display:block;text-align:center;margin-top:36px}.controls{display:flex;justify-content:center;gap:15px;flex-wrap:wrap}.btn{padding:12px 24px;color:#fff;border-radius:4px;text-decoration:none;font-weight:700;cursor:pointer;border:none;font-size:16px;display:inline-flex;align-items:center;gap:8px}.btn-upload{background-color:#2c3e50}.btn-upload:hover{background-color:#1a252f}.btn-remove{background-color:#7f8c8d}.btn-remove:hover{background-color:#6c7a7b}.btn-remove:disabled{opacity:.5;cursor:not-allowed}.btn-download{background-color:#e74c3c}.btn-download:hover{background-color:#c0392b}#file-input{display:none}.note{font-size:.85em;color:#666;margin-top:10px;line-height:1.4}
/*# sourceMappingURL=/cdn/shop/t/115/assets/page-photo-frame.css.map */