@font-face{font-family:Borel;src:url(/cdn/shop/files/borel.ttf?v=1756456068)}@font-face{font-family:Bakerie;src:url(/cdn/shop/files/bakerie.ttf?v=1756456068)}@font-face{font-family:JosetteFont;src:url(/cdn/shop/files/JosetteFont.ttf?v=1756456151)}@font-face{font-family:Felipa;src:url(/cdn/shop/files/Felipa-Regular.ttf?v=1783585590)}.main-tattoo-container{background-image:url(/cdn/shop/files/background-tattoo-web-Photoroom_2.png?v=1756732792);background-size:800px;padding-left:10px;padding-right:10px}#fond,#bord-cote,#Talon,#orteils{stroke:#000;stroke-width:1px}.st1,.st2{stroke:#000;stroke-miterlimit:10}.st5{font-size:12px}.st1{fill:#f2f2f2}.st2{fill:#fff}.st6{font-size:18px}#left-group input::placeholder,#right-group input::placeholder{color:#000;opacity:1;font-family:Bakerie,serif!important}#left-group,#right-group{display:flex;flex-direction:column;align-items:center;justify-content:center}.input-container{display:flex;align-items:center!important;justify-content:center!important;position:relative;width:100%;color:#000;font-family:Bakerie,serif!important}.input-container input{text-align:center;width:90%;height:25px;font-size:1rem;line-height:1;padding:0;border:none;background-color:transparent;outline:none;font-family:Bakerie,serif;overflow:hidden;transform:translateY(10%)}.delete-button{position:absolute;right:0;cursor:pointer;font-weight:700;font-size:1rem;opacity:.5;margin-bottom:10px}.borel input{font-family:Bakerie,serif!important}.borel input::placeholder{font-family:Bakerie,serif!important}.bakerie input{font-family:Bakerie,serif!important}.bakerie input::placeholder{font-family:Bakerie,serif!important}.tattoo-felipa .input-container,.tattoo-felipa .input-container input,.tattoo-felipa .input-text-div-editcontent,.tattoo-felipa #left-group input::placeholder,.tattoo-felipa #right-group input::placeholder{font-family:Felipa,serif!important}.add-line-button{margin-top:10px;border:none;text-decoration:underline;border-radius:5px;text-align:center;cursor:pointer;font-size:12px}.tattoo_left_info_image{position:absolute;width:200px;top:25px;left:25%}.tattoo_right_info_image{position:absolute;width:200px;top:25px;right:25%}#tattoo-left-info-font-color-container,#tattoo-right-info-font-color-container{margin-top:150px!important}#resume-tattoo-container-desktop{display:flex!important;margin:10px auto 25px;width:300px!important}#resume-tattoo-container-mobile{display:none!important}.input-text-div-editcontent{margin-top:5px;margin-bottom:5px;text-align:center;width:90%;font-size:1rem;line-height:1;border:none;background-color:transparent;outline:none;font-family:Bakerie,serif}.input-text-div-editcontent:focus{outline:none;box-shadow:none}@media(max-width:1000px){.tattoo-info-container{margin-top:150px;flex-direction:column;width:100%!important}#tattoo-left-info-font-color-container,#tattoo-right-info-font-color-container{width:175px!important;font-size:.7rem!important;margin:0!important}#svg-left,#svg-right{height:auto!important;max-height:500px}#tattoo-left-container{width:100%!important;display:flex!important;justify-content:space-around!important}#tattoo-right-container{width:100%!important;display:flex!important;justify-content:space-around!important;margin-top:100px!important}}.tattoo-info-container{display:flex;justify-content:center;width:100%%}.filter-container{width:175px;font-family:AracneCondensedRegular,serif;border:15px solid transparent;border-image:url("{{ 'big-rectangle.svg' | asset_url }}") 15}.filter-btn{cursor:pointer;background-color:#f9f9f9;text-align:center;font-size:1.6rem;text-decoration:underline}.filter-content{max-height:0;overflow:hidden;transition:max-height .8s ease-out}.filter-content.open{max-height:1000px;transition:max-height 1s ease-in}.filter-section{display:flex;justify-content:space-between}.filter-section div{width:100%}.filter-section li{list-style-type:none;font-size:1.4rem}@keyframes moveUp{0%{transform:translateY(0)}to{transform:translateY(-200px)}}.add-cart-animation{position:absolute;animation:moveUp 3s forwards;width:100px!important;height:100px!important}@media(max-width:1600px){.tattoo_left_info_image{position:absolute;width:200px;top:25px;left:15%}.tattoo_right_info_image{position:absolute;width:200px;top:25px;right:15%}}@media(max-width:1200px){.tattoo_left_info_image{position:absolute;width:200px;top:25px;left:25%!important}.tattoo_right_info_image{position:absolute;width:200px;top:25px;right:25%!important}}@media(max-width:768px){.tattoo_left_info_image{position:absolute;width:150px;top:75px;left:0!important}.tattoo_right_info_image{position:absolute;width:150px;top:75px;right:0!important}}.input-text-div-editcontent{white-space:nowrap;display:inline-block;font-size:16px}#loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#80808080;display:none;justify-content:center;align-items:center;z-index:9999}.loading-content{text-align:center;color:#000;font-size:1.2rem;background-color:#fff;padding:10px;border-radius:3px}.spinner{border:6px solid #f3f3f3;border-top:6px solid #3498db;border-radius:50%;width:60px;height:60px;animation:spin 1s linear infinite;margin:0 auto 20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.add-cart-animation{position:absolute;animation:moveUp 3s forwards;width:50px!important;height:50px!important}#info-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:none;align-items:center;justify-content:center;padding:1.6rem;background-color:#1c1b1d8c}.modal-content-info{position:relative;width:100%;max-width:44rem;height:auto;padding:3.2rem 2.8rem 2.4rem;text-align:center;background:var(--jm-paper);border:var(--jm-rule) solid var(--jm-ink);border-radius:0;box-shadow:8px 8px 0 var(--jm-ink);animation:jm-pop .28s cubic-bezier(.2,.9,.3,1.15) both}.modal-content-info:before{content:"";position:absolute;top:0;right:0;left:0;height:6px;background-color:var(--jm-alert)}#modal-message{margin:0 0 2.4rem;font-family:Noto Sans JP,sans-serif;font-size:1.5rem;font-weight:500;line-height:1.5;color:var(--jm-ink)}#close-modal-btn{display:inline-flex;align-items:center;justify-content:center;min-height:4.2rem;padding:.8rem 2.4rem;font-family:Noto Sans JP,sans-serif;font-size:1.3rem;font-weight:700;letter-spacing:.06em;line-height:1.15;text-transform:uppercase;color:var(--jm-ink);background-color:var(--jm-teal);border:1px solid var(--jm-ink);border-radius:0;cursor:pointer;transition:background-color .2s ease,color .2s ease,transform .12s ease}#close-modal-btn:hover{background-color:var(--jm-teal-deep);color:var(--jm-paper)}#close-modal-btn:active{transform:translateY(1px)}#close-modal-btn:focus-visible{outline:2px solid var(--jm-ink);outline-offset:3px}@media(max-width:767px){.modal-content-info{padding:2.8rem 2rem 2rem;box-shadow:5px 5px 0 var(--jm-ink)}}@media(prefers-reduced-motion:reduce){.modal-content-info{animation:none}#close-modal-btn{transition:none}#close-modal-btn:active{transform:none}}.main-tattoo-container,#josette-modal,#info-modal{--jm-ink: #1c1b1d;--jm-paper: #ffffff;--jm-cream: #f6f3ee;--jm-teal: #2eb5b0;--jm-teal-deep: #156669;--jm-teal-wash: #e6f5f4;--jm-alert: #b0573b;--jm-muted: #6e6c6a;--jm-rule: 2px}.jm-trigger{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:2.8rem;padding:.5rem 1rem;font-family:Raleway,sans-serif;font-size:1.2rem;font-weight:600;line-height:1.15;letter-spacing:.03em;text-align:center;text-transform:uppercase;white-space:normal;color:var(--jm-ink);background-color:var(--jm-teal-wash);border:1px solid var(--jm-ink);border-radius:0;cursor:pointer;transition:background-color .2s ease,transform .12s ease}.jm-trigger:hover{background-color:var(--jm-teal);color:var(--jm-ink)}.jm-trigger:active{transform:translateY(1px)}.jm-trigger:focus-visible{outline:2px solid var(--jm-teal);outline-offset:3px}#josette-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:none;align-items:center;justify-content:center;padding:1.6rem;background-color:#1c1b1d8c}#josette-modal .modal-content{position:relative;display:flex;flex-direction:column;width:100%;max-width:110rem;max-height:calc(100vh - 3.2rem);max-height:calc(100dvh - 3.2rem);margin:0;overflow:hidden;background-color:var(--jm-paper);border:var(--jm-rule) solid var(--jm-ink);border-radius:0;box-shadow:8px 8px 0 var(--jm-ink);animation:jm-pop .28s cubic-bezier(.2,.9,.3,1.15) both}.jm-header{display:flex;flex:0 0 auto;align-items:flex-start;justify-content:space-between;gap:1.6rem;padding:1.6rem 2rem;background-color:var(--jm-paper);border-bottom:var(--jm-rule) solid var(--jm-ink)}.jm-title{margin:0;font-family:JosetteFont,sans-serif;font-size:clamp(2rem,4vw,2.8rem);font-weight:400;line-height:1.1;letter-spacing:.02em;text-transform:uppercase;color:var(--jm-ink)}.jm-count{display:block;margin-top:.4rem;font-family:Raleway,sans-serif;font-size:1.2rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--jm-teal-deep)}#josette-modal .close-button{position:static;display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;width:3.6rem;height:3.6rem;padding:0;font-size:2.1rem;line-height:1;color:var(--jm-ink);background:transparent;border:1px solid var(--jm-ink);border-radius:0;cursor:pointer;transition:background-color .2s ease,color .2s ease}#josette-modal .close-button:hover{background-color:var(--jm-ink);color:var(--jm-paper)}#josette-modal .close-button:focus-visible{outline:2px solid var(--jm-teal);outline-offset:3px}#josette-modal .modal-body{flex:1 1 auto;min-height:0;padding:2.4rem 2rem 3.2rem;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;background-color:var(--jm-paper)}#products-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(20rem,1fr));gap:2rem;width:100%;margin:0}.jm-empty{grid-column:1 / -1;margin:0;padding:4rem 0;font-size:1.5rem;text-align:center;color:var(--jm-muted)}.jm-pagination{margin-top:3.2rem;text-align:center}#josette-modal .collection-one-product{display:flex;flex-direction:column;width:auto;margin:0;background-color:var(--jm-paper);border:var(--jm-rule) solid var(--jm-ink);transition:transform .18s ease,box-shadow .18s ease}#josette-modal .collection-one-product:hover,#josette-modal .collection-one-product:focus-within{transform:translate(-4px,-4px);box-shadow:6px 6px 0 var(--jm-teal)}.jm-card__media{position:relative;background-color:var(--jm-cream);border-bottom:var(--jm-rule) solid var(--jm-ink)}#josette-modal .collection-one-product img{display:block;width:100%;aspect-ratio:1 / 1;padding:1.2rem;object-fit:contain;background-position:center;background-repeat:no-repeat;background-size:cover}#josette-modal .collection-one-product-description{display:flex;flex:1 1 auto;flex-direction:column;align-items:center;gap:.6rem;padding:1.4rem 1.2rem 1.6rem;text-align:center}#josette-modal .collection-one-product-title{display:-webkit-box;margin:0;overflow:hidden;font-family:Raleway,sans-serif;font-size:1.5rem;font-weight:500;line-height:1.25;color:var(--jm-ink);text-decoration:none;-webkit-line-clamp:2;-webkit-box-orient:vertical}#josette-modal .collection-one-product-price{margin:0;font-family:Raleway,sans-serif;font-size:1.4rem;font-weight:700;letter-spacing:.04em;color:var(--jm-teal-deep);text-decoration:none}#josette-modal .collection-one-product-variants{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.8rem;margin:auto 0 0;padding-top:.4rem}#josette-modal .collection-one-product-one-variant{position:relative;display:inline-flex;align-items:center;justify-content:center;width:6.4rem;height:4.4rem;margin:0;padding:0;border:0;font-family:Raleway,sans-serif;font-size:1.4rem;font-weight:700;letter-spacing:.02em;line-height:1;color:var(--jm-muted);background-color:transparent;background-image:var(--jm-variant-off);background-position:center;background-repeat:no-repeat;background-size:100% 100%;cursor:not-allowed}#josette-modal .collection-one-product-one-variant-available{color:var(--jm-teal-deep);background-image:var(--jm-variant);cursor:pointer;transition:color .2s ease,transform .15s ease}#josette-modal .collection-one-product-one-variant-available:hover,#josette-modal .collection-one-product-one-variant-available:focus-visible{color:var(--jm-ink);transform:translateY(-2px)}#josette-modal .collection-one-product-one-variant-available:focus-visible{outline:2px solid var(--jm-teal);outline-offset:2px}#josette-modal .collection-one-product-one-variant-bidule{width:100%;max-width:18rem;height:4.4rem;font-size:1.3rem;letter-spacing:.04em}#josette-modal .variant-quantity-badge{position:absolute;top:-.9rem;right:-.9rem;display:flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;font-family:Raleway,sans-serif;font-size:1.2rem;font-weight:700;color:var(--jm-paper);background-image:var(--jm-badge);background-repeat:no-repeat;background-size:100% 100%}#josette-modal .variant-quantity-badge:empty{display:none}#josette-modal .collection-one-product-message{min-height:1.6rem;font-size:1.2rem;color:var(--jm-teal-deep);text-align:center}@media(max-width:767px){#josette-modal{padding:0}#josette-modal .modal-content{max-width:none;max-height:100vh;max-height:100dvh;height:100%;border:0;box-shadow:none}.jm-header{padding:1.2rem 1.6rem}#josette-modal .modal-body{padding:1.6rem 1.6rem 2.4rem}#products-container{grid-template-columns:repeat(2,1fr);gap:1.2rem}#josette-modal .collection-one-product-title{font-size:1.4rem}#josette-modal .collection-one-product-one-variant{width:5.2rem;height:3.8rem;font-size:1.3rem}#josette-modal .collection-one-product-one-variant-bidule{max-width:none}#josette-modal .variant-quantity-badge{top:-.7rem;right:-.7rem;width:2rem;height:2rem;font-size:1.1rem}}@keyframes jm-pop{0%{opacity:0;transform:translateY(1.2rem) scale(.98)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){#josette-modal .modal-content{animation:none}#josette-modal .collection-one-product,#josette-modal .collection-one-product-one-variant-available{transition:none}#josette-modal .collection-one-product:hover,#josette-modal .collection-one-product:focus-within,#josette-modal .collection-one-product-one-variant-available:hover,#josette-modal .collection-one-product-one-variant-available:focus-visible{transform:none}}.jm-recap{flex-direction:column;padding:0;background-color:var(--jm-paper);border:var(--jm-rule) solid var(--jm-ink);border-radius:0;box-shadow:5px 5px 0 var(--jm-teal)}.jm-recap__inner{display:flex;flex-direction:column;width:100%}.jm-recap__title{padding:1.1rem 1.6rem;font-family:Noto Sans JP,sans-serif;font-size:1.3rem;font-weight:700;line-height:1.1;letter-spacing:.12em;text-align:center;text-transform:uppercase;color:var(--jm-ink);border-bottom:var(--jm-rule) solid var(--jm-ink)}.jm-recap__lines{padding:1.4rem 1.6rem 1.6rem;text-align:center}.jm-recap__line{margin:0 0 .6rem;font-family:Noto Sans JP,sans-serif;font-size:1.3rem;line-height:1.35;color:var(--jm-ink)}.jm-recap__line:empty:before{content:attr(data-placeholder);font-style:italic;color:var(--jm-muted)}.jm-recap__total{margin:1.2rem 0 0;padding-top:1.2rem;font-family:Noto Sans JP,sans-serif;font-size:1.7rem;font-weight:700;line-height:1.2;color:var(--jm-ink);border-top:1px dashed var(--jm-ink)}.jm-recap__total b{font-weight:inherit}.jm-recap__total:has(b:empty){display:none}.jm-recap__actions{display:flex;flex-direction:column;gap:.8rem;padding:0 1.6rem 1.6rem}.jm-recap__cta{display:flex;align-items:center;justify-content:center;min-height:4.2rem;padding:.8rem 1.6rem;font-family:Noto Sans JP,sans-serif;font-size:1.3rem;font-weight:700;letter-spacing:.06em;line-height:1.15;text-align:center;text-transform:uppercase;color:var(--jm-ink);background-color:var(--jm-teal);border:1px solid var(--jm-ink);cursor:pointer;transition:background-color .2s ease,color .2s ease,transform .12s ease}.jm-recap__cta:hover{background-color:var(--jm-teal-deep);color:var(--jm-paper)}.jm-recap__cta:active{transform:translateY(1px)}.jm-recap .cart-error-message,.jm-recap .cart-success-message{padding:.6rem .8rem;font-family:Noto Sans JP,sans-serif;font-size:1.2rem;line-height:1.35;text-align:center;border:1px solid currentColor}.jm-recap .cart-error-message{color:#a03323}.jm-recap .cart-success-message{color:var(--jm-teal-deep)}.jm-recap .cart-error-message:empty,.jm-recap .cart-success-message:empty{display:none}@media(prefers-reduced-motion:reduce){.jm-recap__cta{transition:none}.jm-recap__cta:active{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/tattoo.css.map */