/* Tattoos By Charlene — clean Sense core + mobile-safe brand styles */
:root{--focused-base-outline:.2rem solid rgba(var(--color-foreground),.5);--focused-base-outline-offset:.3rem;--focused-base-box-shadow:0 0 0 .3rem rgb(var(--color-background)),0 0 .5rem .4rem rgba(var(--color-foreground),.3);--duration-short:100ms;--duration-default:200ms;--duration-medium:300ms;--duration-long:500ms;--duration-extra-long:600ms;--duration-announcement-bar:250ms;--ease-out-slow:cubic-bezier(0,0,.3,1);--animation-slide-in:slideIn var(--duration-extra-long) var(--ease-out-slow) forwards;--animation-fade-in:fadeIn var(--duration-extra-long) var(--ease-out-slow);--tbc-pink:224 33 138;--tbc-turquoise:64 224 208;--tbc-sky:137 207 240}
*,*::before,*::after{box-sizing:border-box}html{box-sizing:border-box;font-size:62.5%;height:100%}body{margin:0;min-height:100%;font-family:var(--font-body-family);font-style:var(--font-body-style);font-weight:var(--font-body-weight);font-size:1.5rem;line-height:calc(1 + .8/var(--font-body-scale));color:rgb(var(--color-foreground));background:rgb(var(--color-background));display:flex;flex-direction:column}body,button,input,textarea,select{font-family:var(--font-body-family)}
.page-width{max-width:var(--page-width);margin:0 auto;padding:0 1.5rem}.page-width-desktop{padding:0;margin:0 auto}.content-for-layout{flex:1;display:flex;flex-direction:column}.content-for-layout>.shopify-section:last-child{flex-grow:1}.section+.section{margin-top:var(--spacing-sections-mobile)}@media(min-width:750px){body{font-size:1.6rem}.page-width{padding:0 5rem}.page-width-desktop{max-width:var(--page-width);padding:0 5rem}.section+.section{margin-top:var(--spacing-sections-desktop)}}@media(min-width:990px){.header:not(.drawer-menu).page-width{padding-left:5rem;padding-right:5rem}.page-width--narrow{max-width:72.6rem;padding:0}}
.hidden{display:none!important}.visually-hidden{position:absolute!important;overflow:hidden;width:1px;height:1px;margin:-1px;padding:0;border:0;clip:rect(0 0 0 0);word-wrap:normal!important}.overflow-hidden{overflow:hidden}.list-unstyled{margin:0;padding:0;list-style:none}.full-unstyled-link{text-decoration:none;color:currentColor;display:block}.full-width-link{position:absolute;inset:0;z-index:2}.isolate{position:relative;z-index:0}.left{text-align:left}.center{text-align:center}.right{text-align:right}.uppercase{text-transform:uppercase}.light{opacity:.7}a:not([href]){cursor:not-allowed}a{color:rgb(var(--color-link));text-underline-offset:.3rem}
.text-body{font-size:1.5rem;letter-spacing:.06rem;line-height:calc(1 + .8/var(--font-body-scale));font-family:var(--font-body-family)}h1,h2,h3,h4,h5,.h0,.h1,.h2,.h3,.h4,.h5{font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);letter-spacing:calc(var(--font-heading-scale)*.06rem);color:rgb(var(--color-foreground));line-height:calc(1 + .3/max(1,var(--font-heading-scale)));word-break:break-word}h1,.h1{font-size:calc(var(--font-heading-scale)*3rem)}h2,.h2{font-size:calc(var(--font-heading-scale)*2rem)}h3,.h3{font-size:calc(var(--font-heading-scale)*1.7rem)}@media(min-width:750px){h1,.h1{font-size:calc(var(--font-heading-scale)*4rem)}h2,.h2{font-size:calc(var(--font-heading-scale)*2.4rem)}h3,.h3{font-size:calc(var(--font-heading-scale)*1.8rem)}}
.svg-wrapper{display:inline-flex;justify-content:center;align-items:center;width:20px;height:20px;flex:0 0 auto}.svg-wrapper>svg{width:100%;height:100%;display:block}.icon-arrow{width:1.5rem;height:1.5rem}.icon{display:inline-block;width:2rem;height:2rem;vertical-align:middle;flex:0 0 auto}.placeholder{background-color:rgba(var(--color-foreground),.04);color:rgba(var(--color-foreground),.55);fill:rgba(var(--color-foreground),.55)}.placeholder-svg{width:100%;height:100%;display:block;max-width:100%}
.grid{display:flex;flex-wrap:wrap;margin:0 0 2rem;padding:0;list-style:none;column-gap:var(--grid-mobile-horizontal-spacing);row-gap:var(--grid-mobile-vertical-spacing)}.grid:last-child{margin-bottom:0}.grid__item{width:calc(25% - var(--grid-mobile-horizontal-spacing)*3/4);max-width:calc(50% - var(--grid-mobile-horizontal-spacing)/2);flex-grow:1;flex-shrink:0;min-width:0}@media(min-width:750px){.grid{column-gap:var(--grid-desktop-horizontal-spacing);row-gap:var(--grid-desktop-vertical-spacing)}.grid__item{width:calc(25% - var(--grid-desktop-horizontal-spacing)*3/4);max-width:calc(50% - var(--grid-desktop-horizontal-spacing)/2)}.grid--2-col .grid__item{width:calc(50% - var(--grid-desktop-horizontal-spacing)/2)}.grid--3-col .grid__item{width:calc(33.33% - var(--grid-desktop-horizontal-spacing)*2/3)}}@media(max-width:749px){.grid--2-col .grid__item{width:calc(50% - var(--grid-mobile-horizontal-spacing)/2)}.grid--1-col .grid__item{width:100%;max-width:100%}.grid--3-col .grid__item{width:calc(33.33% - var(--grid-mobile-horizontal-spacing)*2/3)}}
.media{display:block;background-color:rgba(var(--color-foreground),.1);position:relative;overflow:hidden}.media--transparent{background-color:transparent}.media>*:not(.zoom):not(.deferred-media__poster-button),.media model-viewer{display:block;position:absolute;inset:0;height:100%;width:100%;max-width:100%}.media>img{object-fit:cover;object-position:center center;transition:opacity .4s cubic-bezier(.25,.46,.45,.94)}.media--square{padding-bottom:100%}.media--portrait{padding-bottom:125%}.media--landscape{padding-bottom:66.6%}.media--cropped{padding-bottom:56%}.media--16-9{padding-bottom:56.25%}.ratio{display:flex;position:relative;align-items:stretch}.ratio:before{content:'';width:0;height:0;padding-bottom:var(--ratio-percent)}deferred-media{display:block}
.button,.shopify-challenge__button,.customer button,button.shopify-payment-button__button--unbranded{position:relative;display:inline-flex;justify-content:center;align-items:center;min-width:calc(12rem + var(--buttons-border-width)*2);min-height:calc(4.5rem + var(--buttons-border-width)*2);padding:0 3rem;border:0;cursor:pointer;font:inherit;font-size:1.5rem;letter-spacing:.1rem;text-decoration:none;color:rgb(var(--color-button-text));background-color:rgba(var(--color-button),var(--alpha-button-background));border-radius:14px;transition:box-shadow var(--duration-short) ease}.button:before,.shopify-challenge__button:before,.customer button:before,.shopify-payment-button__button--unbranded:before{content:'';position:absolute;inset:0;z-index:-1;border-radius:14px;box-shadow:var(--shadow-horizontal-offset) var(--shadow-vertical-offset) var(--shadow-blur-radius) rgba(var(--color-shadow),var(--shadow-opacity))}.button:after,.shopify-challenge__button:after,.customer button:after,.shopify-payment-button__button--unbranded:after{content:'';position:absolute;inset:var(--buttons-border-width);z-index:1;border-radius:12px;box-shadow:0 0 0 calc(var(--buttons-border-width) + var(--border-offset,1.3px)) rgba(var(--color-button-text),var(--border-opacity)),0 0 0 var(--buttons-border-width) rgba(var(--color-button),var(--alpha-button-background));transition:box-shadow var(--duration-short) ease}.button--full-width{display:flex;width:100%}.button:disabled,.button[aria-disabled=true],.button.disabled{cursor:not-allowed;opacity:.5}
.card-wrapper .card,.product-card-wrapper .card,.collection-card-wrapper .card,.article-card-wrapper .card{border-radius:18px;overflow:hidden}.card__inner,.card__media,.card__content{min-width:0}.global-media-settings{position:relative;border:var(--media-border-width) solid rgba(var(--color-foreground),var(--media-border-opacity));border-radius:var(--media-radius);overflow:visible!important;background-color:rgb(var(--color-background))}
.announcement-bar,.announcement-bar__announcement{color:rgb(var(--color-foreground));width:100%;height:100%;display:flex;justify-content:center;flex-wrap:wrap;align-content:center;grid-area:announcements}.announcement-bar-slider,.announcement-bar-slider .slider{width:100%;min-width:0;overflow:hidden}.announcement-bar__link{display:flex;width:100%;height:100%;justify-content:center;align-items:center;text-decoration:none}.announcement-bar__link:hover{text-decoration:underline}.announcement-bar__link .icon-arrow{display:inline-block;pointer-events:none;margin-left:.8rem;vertical-align:middle;margin-bottom:.2rem;width:1.5rem;height:1.5rem}.announcement-bar__message{text-align:center;padding:1rem 0;margin:0;letter-spacing:.08rem;min-height:3.8rem;max-width:100%;overflow-wrap:anywhere}.announcement-bar .slider-button{min-width:44px;width:44px;height:44px;flex:0 0 44px}.announcement-bar .slider-button--next{margin-right:-1.5rem}.announcement-bar .slider-button--prev{margin-left:-1.5rem}
.header-wrapper{display:block;position:relative;background-color:rgb(var(--color-background))}.header{display:grid;grid-template-areas:'left-icons heading icons';grid-template-columns:1fr 2fr 1fr;align-items:center}.header__heading,.header__heading-link{grid-area:heading;justify-self:center}.header__heading-link{display:inline-block;padding:.75rem;text-decoration:none;line-height:0}.header__icons{display:flex;grid-area:icons;justify-self:end;padding-right:.8rem}.header__icon{color:rgb(var(--color-foreground));display:flex;align-items:center;justify-content:center;height:4.4rem;width:4.4rem;padding:0}.header__icon .svg-wrapper{width:44px;height:44px}.header__icon .icon{height:2rem;width:2rem}.header__icon--cart{position:relative;margin-right:-1.2rem}.header__inline-menu{grid-area:navigation;display:none}@media(min-width:990px){.header__inline-menu{display:block}.header{grid-template-columns:1fr auto 1fr}}.header__menu-item{padding:1.2rem;text-decoration:none;color:rgba(var(--color-foreground),.75)}
.slider-counter{display:flex;justify-content:center;min-width:4.4rem}.slider-counter__link{padding:1rem}.slider-counter__link--numbers{color:rgba(var(--color-foreground),.5);text-decoration:none}.slider-counter__link--active.slider-counter__link--numbers{text-decoration:underline;color:rgb(var(--color-foreground))}.slider-buttons{display:flex;align-items:center;justify-content:center}.slider-button{color:rgba(var(--color-foreground),.75);background:transparent;border:0;cursor:pointer;width:44px;height:44px;display:flex;align-items:center;justify-content:center;flex:0 0 44px}.slider-button .svg-wrapper{width:16px;height:16px}.slider-button .icon{height:.6rem;width:auto}.slider-button--next .icon{transform:rotate(-90deg)}.slider-button--prev .icon{transform:rotate(90deg)}
.title,.title-wrapper-with-link{margin:3rem 0 2rem}.title-wrapper-with-link{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;flex-wrap:wrap}.subtitle{font-size:1.8rem;line-height:calc(1 + .8/var(--font-body-scale));letter-spacing:.06rem;color:rgba(var(--color-foreground),.7)}
.form__label{display:block;margin-bottom:.6rem}.field{position:relative;width:100%;display:flex}.field__input,.select__select,.customer .field input,.customer select{appearance:none;background:rgb(var(--color-background));color:rgb(var(--color-foreground));width:100%;box-sizing:border-box;border-radius:12px;height:4.5rem;min-height:calc(var(--inputs-border-width)*2);border:0}.field__input{padding:1.5rem}.text-area{min-height:10rem;resize:none}.select{display:flex;position:relative;width:100%}.badge{border:1px solid transparent;border-radius:999px;display:inline-block;font-size:1.2rem;letter-spacing:.1rem;line-height:1;padding:.5rem 1.3rem .6rem;background-color:rgb(var(--color-badge-background));color:rgb(var(--color-badge-foreground))}.background-secondary{background-color:rgba(var(--color-foreground),.04)}.gradient{background:rgb(var(--color-background));background:var(--gradient-background)}.skip-to-content-link:focus{z-index:9999;position:inherit;overflow:auto;width:auto;height:auto;clip:auto}.circle-divider::after{content:'•';margin:0 1.3rem}.list-menu{margin:0;padding:0;list-style:none}.list-menu--inline{display:flex;flex-wrap:wrap}*:focus{outline:0}*:focus-visible{outline:var(--focused-base-outline);outline-offset:var(--focused-base-outline-offset);box-shadow:var(--focused-base-box-shadow)}
@media(max-width:749px){.page-width{padding-left:1.5rem;padding-right:1.5rem}.announcement-bar{min-height:3.8rem}.announcement-bar__message{font-size:1.2rem;line-height:1.35;padding:.8rem 3rem}.announcement-bar .slider-button{width:32px;height:32px;min-width:32px;flex-basis:32px}.announcement-bar .slider-button .svg-wrapper{width:14px;height:14px}.announcement-bar .slider-button--prev{margin-left:-.25rem}.announcement-bar .slider-button--next{margin-right:-.25rem}.button{min-height:4.8rem;padding:0 2.2rem}.header{grid-template-columns:1fr 2fr 1fr}.header__heading-link{max-width:75%;overflow:hidden}.slider-counter__link{padding:.7rem}.slider-button{width:40px;height:40px;min-width:40px;flex-basis:40px}.slider-button .svg-wrapper{width:14px;height:14px}}
@media(prefers-reduced-motion){.slider{scroll-behavior:auto}}@media(prefers-reduced-motion:no-preference){.scroll-trigger.animate--fade-in,.scroll-trigger.animate--slide-in{opacity:.01}.scroll-trigger:not(.scroll-trigger--offscreen).animate--fade-in{opacity:1;animation:var(--animation-fade-in)}.scroll-trigger:not(.scroll-trigger--offscreen).animate--slide-in{opacity:1;animation:var(--animation-slide-in);animation-delay:calc(var(--animation-order)*75ms)}@keyframes slideIn{from{transform:translateY(2rem);opacity:.01}to{transform:translateY(0);opacity:1}}@keyframes fadeIn{from{opacity:.01}to{opacity:1}}}