gifttool {
--gt-text-color:#1F2937;--gt-top-msg-color:#4B5563;--gt-mid-msg-color:#4B5563;--gt-bottom-msg-color:#4B5563;--gt-input-text-color:#C72663;--gt-button-bg-color:#C72663;--gt-button-bg-hover-color:#DB3A77;
}
/* GiftTool Variable Settings - And thanks tailwind. Much appreciated*/
gifttool {
	--tw-text-opacity: 1;
	--gt-scale-ratio: var(--gt-html-rem-scale, 1);
}

gifttool input, gifttool input[type="checkbox"]:checked, gifttool textarea, gifttool select {
	color: var(--gt-input-text-color, #8A2BE2) !important;
}

gifttool button {
	background-color: var(--gt-button-bg-color, #8A2BE2) !important;
}
gifttool button:hover {
	background-color: var(--gt-button-bg-hover-color, #8A2BE2) !important;
}

gifttool button.bg-white {
	background-color: white !important;
}
gifttool button.bg-white:hover {
	background-color: white !important;
}

gifttool blockquote,gifttool dd,gifttool dl,gifttool figure,gifttool hr,gifttool p,gifttool pre,gifttool ul li {
	color: var(--gt-text-color, rgb(31 41 55 / var(--tw-text-opacity, 1))) !important; // alt text-gray-800
}

gifttool h1, gifttool h2, gifttool h3, gifttool h4, gifttool h5, gifttool h6{
	color: var(--gt-title-text-color, rgb(31 41 55 / var(--tw-text-opacity, 1))) !important; // alt text-gray-800
}

gifttool top-msg, gifttool top-msg p {
	color: var(--gt-top-msg-text-color, #1F2937) !important;
}

gifttool mid-msg, gifttool mid-msg p{
	color: var(--gt-mid-msg-text-color, #1F2937) !important;
}

gifttool bottom-msg, gifttool bottom-msg p{
	color: var(--gt-bottom-msg-text-color, #1F2937) !important;
}

gifttool label, gifttool label p, gifttool label span, gifttool label ul li {
  color:  var(--gt-label-text-color, rgb(17 24 39 / var(--tw-text-opacity, 1))) !important;
}

gifttool input, gifttool select gifttool textarea {
  background-color: white;
}

gifttool.required input:invalid, gifttool.required select:invalid gifttool.required textarea:invalid {
  background-color: #fdf5fd;
}

/*gifttool select.py-2 {
  padding-top: calc(var(--gt-scale-ratio) * 0.7rem);
  padding-bottom: calc(var(--gt-scale-ratio) * 0.7rem);
}

gifttool select.py-1 {
	padding-top: calc(var(--gt-scale-ratio) * 0.45rem);
  padding-bottom: calc(var(--gt-scale-ratio) * 0.45rem);
}
*/

/* ! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com */
gifttool *,gifttool  ::before,gifttool  ::after{
	--tw-border-spacing-x:0;
	--tw-border-spacing-y:0;
	--tw-translate-x:0;
	--tw-translate-y:0;
	--tw-rotate:0;
	--tw-skew-x:0;
	--tw-skew-y:0;
	--tw-scale-x:1;
	--tw-scale-y:1;
	--tw-pan-x: ;
	--tw-pan-y: ;
	--tw-pinch-zoom: ;
	--tw-scroll-snap-strictness:proximity;
	--tw-gradient-from-position: ;
	--tw-gradient-via-position: ;
	--tw-gradient-to-position: ;
	--tw-ordinal: ;
	--tw-slashed-zero: ;
	--tw-numeric-figure: ;
	--tw-numeric-spacing: ;
	--tw-numeric-fraction: ;
	--tw-ring-inset: ;
	--tw-ring-offset-width:0px;
	--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);
	--tw-ring-offset-shadow:0 0 #0000;
	--tw-ring-shadow:0 0 #0000;
	--tw-shadow:0 0 #0000;
	--tw-shadow-colored:0 0 #0000;
	--tw-blur: ;
	--tw-brightness: ;
	--tw-contrast: ;
	--tw-grayscale: ;
	--tw-hue-rotate: ;
	--tw-invert: ;
	--tw-saturate: ;
	--tw-sepia: ;
	--tw-drop-shadow: ;
	--tw-backdrop-blur: ;
	--tw-backdrop-brightness: ;
	--tw-backdrop-contrast: ;
	--tw-backdrop-grayscale: ;
	--tw-backdrop-hue-rotate: ;
	--tw-backdrop-invert: ;
	--tw-backdrop-opacity: ;
	--tw-backdrop-saturate: ;
	--tw-backdrop-sepia: ;
	--tw-contain-size: ;
	--tw-contain-layout: ;
	--tw-contain-paint: ;
	--tw-contain-style: }
gifttool ::backdrop{
	--tw-border-spacing-x:0;
	--tw-border-spacing-y:0;
	--tw-translate-x:0;
	--tw-translate-y:0;
	--tw-rotate:0;
	--tw-skew-x:0;
	--tw-skew-y:0;
	--tw-scale-x:1;
	--tw-scale-y:1;
	--tw-pan-x: ;
	--tw-pan-y: ;
	--tw-pinch-zoom: ;
	--tw-scroll-snap-strictness:proximity;
	--tw-gradient-from-position: ;
	--tw-gradient-via-position: ;
	--tw-gradient-to-position: ;
	--tw-ordinal: ;
	--tw-slashed-zero: ;
	--tw-numeric-figure: ;
	--tw-numeric-spacing: ;
	--tw-numeric-fraction: ;
	--tw-ring-inset: ;
	--tw-ring-offset-width:0px;
	--tw-ring-offset-color:#fff;
	--tw-ring-color:rgb(59 130 246 / 0.5);
	--tw-ring-offset-shadow:0 0 #0000;
	--tw-ring-shadow:0 0 #0000;
	--tw-shadow:0 0 #0000;
	--tw-shadow-colored:0 0 #0000;
	--tw-blur: ;
	--tw-brightness: ;
	--tw-contrast: ;
	--tw-grayscale: ;
	--tw-hue-rotate: ;
	--tw-invert: ;
	--tw-saturate: ;
	--tw-sepia: ;
	--tw-drop-shadow: ;
	--tw-backdrop-blur: ;
	--tw-backdrop-brightness: ;
	--tw-backdrop-contrast: ;
	--tw-backdrop-grayscale: ;
	--tw-backdrop-hue-rotate: ;
	--tw-backdrop-invert: ;
	--tw-backdrop-opacity: ;
	--tw-backdrop-saturate: ;
	--tw-backdrop-sepia: ;
	--tw-contain-size: ;
	--tw-contain-layout: ;
	--tw-contain-paint: ;
	--tw-contain-style: 
}
*,gifttool ::after,gifttool ::before{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}
gifttool ::after,gifttool ::before{
	--tw-content:''
}
gifttool :host,gifttool html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}
body{margin:0;line-height:inherit}
gifttool hr{height:0;color:inherit;border-top-width:1px}
gifttool abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}
gifttool h1,gifttool h2,gifttool h3,gifttool h4,gifttool h5,gifttool h6{font-size:inherit;font-weight:inherit}
gifttool a{color:inherit;text-decoration:inherit}
gifttool b,gifttool strong{font-weight:bolder}
gifttool code,gifttool kbd,gifttool pre,gifttool samp{font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}
gifttool small{font-size:80%}
gifttool sub,gifttool sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
gifttool sub{bottom:-.25em}
gifttool sup{top:-.5em}
gifttool table{text-indent:0;border-color:inherit;border-collapse:collapse}
gifttool button,gifttool input,gifttool optgroup,gifttool select,gifttool textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}
gifttool button,gifttool select{text-transform:none}
gifttool button,gifttool input:where([type=button]),gifttool input:where([type=reset]),gifttool input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}
gifttool :-moz-focusring{outline:auto}
gifttool :-moz-ui-invalid{box-shadow:none}
gifttool progress{vertical-align:baseline}
gifttool ::-webkit-inner-spin-button,gifttool ::-webkit-outer-spin-button{height:auto}
gifttool [type=search]{-webkit-appearance:textfield;outline-offset:-2px}
gifttool ::-webkit-search-decoration{-webkit-appearance:none}
gifttool ::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
gifttool summary{display:list-item}
gifttool blockquote,gifttool dd,gifttool dl,gifttool figure,gifttool h1,gifttool h2,gifttool h3,gifttool h4,gifttool h5,gifttool h6,gifttool hr,gifttool p,gifttool pre{margin:0}
gifttool fieldset{margin:0;padding:0}
gifttool legend{padding:0}
gifttool menu,gifttool ol,gifttool ul{list-style:none;margin:0;padding:0}
gifttool dialog{padding:0}
gifttool textarea{resize:vertical}
gifttool input::placeholder,gifttool textarea::placeholder{opacity:1;color:#9ca3af}
gifttool [role=button],gifttool button{cursor:pointer}
gifttool :disabled{cursor:default}
gifttool audio,gifttool canvas,gifttool embed,gifttool iframe,gifttool img,gifttool object,gifttool svg,gifttool video{display:block;vertical-align:middle}
gifttool img,gifttool video{max-width:100%;height:auto}
gifttool [hidden]:where(:not([hidden=until-found])){display:none}
gifttool .container{width:100%}
@media (min-width: 640px){
gifttool .container{max-width:640px}
}
@media (min-width: 768px){
gifttool .container{max-width:768px}
}
@media (min-width: 1024px){
gifttool .container{max-width:1024px}
}
@media (min-width: 1280px){
gifttool .container{max-width:1280px}
}
@media (min-width: 1536px){
gifttool .container{max-width:1536px}
}
gifttool .relative{position:relative}
gifttool .col-span-3{grid-column:span 3 / span 3}

gifttool .block{display:block}
gifttool .inline-block{display:inline-block}
gifttool .inline{display:inline}
gifttool .flex{display:flex}
gifttool .flex-1{flex:1 1 0%}
gifttool .flex-auto{flex:1 1 auto}
gifttool .flex-none{flex:none}
gifttool .justify-center{justify-content:center}
gifttool .grid{display:grid}
gifttool .hidden{display:none}

gifttool .h-4{height:calc(var(--gt-scale-ratio) * 1rem)}
gifttool .h-5{height:calc(var(--gt-scale-ratio) * 1.25rem)}
gifttool .h-6{height:calc(var(--gt-scale-ratio) * 1.5rem)}
gifttool .h-7{height:calc(var(--gt-scale-ratio) * 1.75rem)}
gifttool .h-8{height:calc(var(--gt-scale-ratio) * 2.0rem)}
gifttool .h-14{height:calc(var(--gt-scale-ratio) * 3.5rem)}
gifttool .h-20{width:calc(var(--gt-scale-ratio) * 5rem)}
gifttool .h-32{width:calc(var(--gt-scale-ratio) * 8rem)}
gifttool .h-48{width:calc(var(--gt-scale-ratio) * 12rem)}
gifttool .h-64{width:calc(var(--gt-scale-ratio) * 16rem)}
gifttool .h-96{width:calc(var(--gt-scale-ratio) * 24rem)}
gifttool .h-px{height:1px}
gifttool .h-full{height:100%}
gifttool .max-h-96{max-height:calc(var(--gt-scale-ratio) * 24rem)}
gifttool .min-h-screen{min-height:100vh}

gifttool .w-4{width:calc(var(--gt-scale-ratio) * 1rem)}
gifttool .w-5{width:calc(var(--gt-scale-ratio) * 1.25rem)}
gifttool .w-6{width:calc(var(--gt-scale-ratio) * 1.5rem)}
gifttool .w-7{width:calc(var(--gt-scale-ratio) * 1.75rem)}
gifttool .w-8{width:calc(var(--gt-scale-ratio) * 2.0rem)}
gifttool .w-10{width:calc(var(--gt-scale-ratio) * 2.5rem)}
gifttool .w-12{width:calc(var(--gt-scale-ratio) * 3rem)}
gifttool .w-14{width:calc(var(--gt-scale-ratio) * 3.5rem)}
gifttool .w-16{width:calc(var(--gt-scale-ratio) * 4rem)}
gifttool .w-20{width:calc(var(--gt-scale-ratio) * 5rem)}
gifttool .w-22{width:calc(var(--gt-scale-ratio) * 5.5rem)}
gifttool .w-32{width:calc(var(--gt-scale-ratio) * 8rem)}
gifttool .w-48{width:calc(var(--gt-scale-ratio) * 12rem)}
gifttool .w-64{width:calc(var(--gt-scale-ratio) * 16rem)}
gifttool .w-96{width:calc(var(--gt-scale-ratio) * 24rem)}
gifttool .w-full{width:100%}
gifttool .w-1\/2{width:50%}
gifttool .w-1\/3{width:33.333333%}
gifttool .w-1\/5{width:20%}
gifttool .w-3\/4{width:75%}
gifttool .w-3\/5{width:60%}
gifttool .w-4\/5{width:80%}
gifttool .max-w-2xl{max-width:calc(var(--gt-scale-ratio) * 42rem)}
gifttool .max-w-4xl{max-width:calc(var(--gt-scale-ratio) * 56rem)}
gifttool .max-w-6xl{max-width:calc(var(--gt-scale-ratio) * 72rem)}
gifttool .max-w-md{max-width:calc(var(--gt-scale-ratio) * 28rem)}

gifttool .list-none{list-style-type:none}
gifttool .grid-cols-1{grid-template-columns:repeat(1, minmax(0, 1fr))}
gifttool .grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}
gifttool .grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))}
gifttool .place-items-center{place-items:center}
gifttool .items-center{align-items:center}
gifttool .justify-between{justify-content:space-between}
gifttool .gap-4{gap:calc(var(--gt-scale-ratio) * 1rem)}
gifttool .gap-6{gap:calc(var(--gt-scale-ratio) * 1.5rem)}
gifttool .space-x-2 > :not([hidden]) ~ :not([hidden]){--tw-space-x-reverse:0;margin-right:calc(calc(var(--gt-scale-ratio) * 0.5rem) * var(--tw-space-x-reverse));margin-left:calc(calc(var(--gt-scale-ratio) * 0.5rem) * calc(1 - var(--tw-space-x-reverse)))}
gifttool .space-x-3 > :not([hidden]) ~ :not([hidden]){--tw-space-x-reverse:0;margin-right:calc(calc(var(--gt-scale-ratio) * 0.75rem) * var(--tw-space-x-reverse));margin-left:calc(calc(var(--gt-scale-ratio) * 0.75rem) * calc(1 - var(--tw-space-x-reverse)))}
gifttool .space-x-4 > :not([hidden]) ~ :not([hidden]){--tw-space-x-reverse:0;margin-right:calc(calc(var(--gt-scale-ratio) * 1rem) * var(--tw-space-x-reverse));margin-left:calc(calc(var(--gt-scale-ratio) * 1rem) * calc(1 - var(--tw-space-x-reverse)))}
gifttool .space-y-2 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(calc(var(--gt-scale-ratio) * 0.5rem) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(calc(var(--gt-scale-ratio) * 0.5rem) * var(--tw-space-y-reverse))}
gifttool .space-y-4 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(calc(var(--gt-scale-ratio) * 1rem) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(calc(var(--gt-scale-ratio) * 1rem) * var(--tw-space-y-reverse))}
gifttool .rounded{border-radius:calc(var(--gt-scale-ratio) * 0.25rem)}
gifttool .rounded-lg{border-radius:calc(var(--gt-scale-ratio) * 0.5rem)}

gifttool .m-0{margin:0}
gifttool .m-2{margin:calc(var(--gt-scale-ratio) * 0.5rem) calc(var(--gt-scale-ratio) * 0.5rem) calc(var(--gt-scale-ratio) * 0.5rem) calc(var(--gt-scale-ratio) * 0.5rem);}
gifttool .m-4{margin:calc(var(--gt-scale-ratio) * 1rem) calc(var(--gt-scale-ratio) * 1rem) calc(var(--gt-scale-ratio) * 1rem) calc(var(--gt-scale-ratio) * 1rem);}
gifttool .m-6{margin:calc(var(--gt-scale-ratio) * 1.5rem) calc(var(--gt-scale-ratio) * 1.5rem) calc(var(--gt-scale-ratio) * 1.5rem) calc(var(--gt-scale-ratio) * 1.5rem);}
gifttool .mx-auto{margin-left:auto;margin-right:auto}
gifttool .mx-2{margin-left:calc(var(--gt-scale-ratio) * 0.5rem);margin-right:calc(var(--gt-scale-ratio) * 0.5rem)}
gifttool .mx-4{margin-left:calc(var(--gt-scale-ratio) * 1rem);margin-right:calc(var(--gt-scale-ratio) * 1rem)}
gifttool .mx-6{margin-left:calc(var(--gt-scale-ratio) * 1.5rem);margin-right:calc(var(--gt-scale-ratio) * 1.5rem)}
gifttool .my-2{margin-top:calc(var(--gt-scale-ratio) * 0.5rem);margin-bottom:calc(var(--gt-scale-ratio) * 0.5rem)}
gifttool .my-4{margin-top:calc(var(--gt-scale-ratio) * 1rem);margin-bottom:calc(var(--gt-scale-ratio) * 1rem)}
gifttool .my-8{margin-top:calc(var(--gt-scale-ratio) * 2rem);margin-bottom:calc(var(--gt-scale-ratio) * 2rem)}
gifttool .mb-1{margin-bottom:calc(var(--gt-scale-ratio) * 0.25rem)}
gifttool .mb-2{margin-bottom:calc(var(--gt-scale-ratio) * 0.5rem)}
gifttool .mb-4{margin-bottom:calc(var(--gt-scale-ratio) * 1rem)}
gifttool .mb-6{margin-bottom:calc(var(--gt-scale-ratio) * 1.5rem)}
gifttool .mb-8{margin-bottom:calc(var(--gt-scale-ratio) * 2rem)}
gifttool .mb-12{margin-bottom:calc(var(--gt-scale-ratio) * 3rem)}
gifttool .mb-16{margin-bottom:calc(var(--gt-scale-ratio) * 4rem)}

gifttool .ml-1{margin-left:calc(var(--gt-scale-ratio) * 0.25rem)}
gifttool .ml-2{margin-left:calc(var(--gt-scale-ratio) * 0.5rem)}
gifttool .ml-4{margin-left:calc(var(--gt-scale-ratio) * 1rem)}
gifttool .ml-6{margin-left:calc(var(--gt-scale-ratio) * 1.5rem)}
gifttool .mr-2{margin-right:calc(var(--gt-scale-ratio) * 0.5rem)}
gifttool .mr-4{margin-right:calc(var(--gt-scale-ratio) * 1rem)}
gifttool .mr-6{margin-right:calc(var(--gt-scale-ratio) * 1.5rem)}
gifttool .mt-1{margin-top:calc(var(--gt-scale-ratio) * 0.25rem)}
gifttool .mt-2{margin-top:calc(var(--gt-scale-ratio) * 0.5rem)}
gifttool .mt-4{margin-top:calc(var(--gt-scale-ratio) * 1rem)}
gifttool .mt-6{margin-top:calc(var(--gt-scale-ratio) * 1.5rem)}
gifttool .mt-8{margin-top:calc(var(--gt-scale-ratio) * 2rem)}
gifttool .ms-2{margin-inline-start:calc(var(--gt-scale-ratio) * 0.5rem)}

gifttool .p-0{padding:0}
gifttool .p-3{padding:calc(var(--gt-scale-ratio) * 0.75rem)}
gifttool .p-4{padding:calc(var(--gt-scale-ratio) * 1rem)}
gifttool .p-5{padding:calc(var(--gt-scale-ratio) * 1.25rem)}
gifttool .p-6{padding:calc(var(--gt-scale-ratio) * 1.5rem)}
gifttool .p-8{padding:calc(var(--gt-scale-ratio) * 2rem)}
gifttool .pl-2{padding-left:calc(var(--gt-scale-ratio) * 0.5rem);}
gifttool .pl-3{padding-left:calc(var(--gt-scale-ratio) * 0.75rem);}
gifttool .pl-4{padding-left:calc(var(--gt-scale-ratio) * 1rem);}
gifttool .pl-6{padding-left:calc(var(--gt-scale-ratio) * 1.5rem);}
gifttool .px-0{padding-left:0;padding-right:0}
gifttool .px-2{padding-left:calc(var(--gt-scale-ratio) * 0.5rem);padding-right:calc(var(--gt-scale-ratio) * 0.5rem)}
gifttool .px-3{padding-left:calc(var(--gt-scale-ratio) * 0.75rem);padding-right:calc(var(--gt-scale-ratio) * 0.75rem)}
gifttool .px-4{padding-left:calc(var(--gt-scale-ratio) * 1rem);padding-right:calc(var(--gt-scale-ratio) * 1rem)}
gifttool .px-6{padding-left:calc(var(--gt-scale-ratio) * 1.5rem);padding-right:calc(var(--gt-scale-ratio) * 1.5rem)}
gifttool .px-8{padding-left:calc(var(--gt-scale-ratio) * 2rem);padding-right:calc(var(--gt-scale-ratio) * 2rem)}
gifttool .py-0{padding-top:0;padding-bottom:0}
gifttool .py-1{padding-top:calc(var(--gt-scale-ratio) * 0.25rem);padding-bottom:calc(var(--gt-scale-ratio) * 0.25rem)}
gifttool .py-2{padding-top:calc(var(--gt-scale-ratio) * 0.5rem);padding-bottom:calc(var(--gt-scale-ratio) * 0.5rem)}
gifttool .py-3{padding-top:calc(var(--gt-scale-ratio) * 0.75rem);padding-bottom:calc(var(--gt-scale-ratio) * 0.75rem)}
gifttool .py-4{padding-top:calc(var(--gt-scale-ratio) * 1rem);padding-bottom:calc(var(--gt-scale-ratio) * 1rem)}
gifttool .py-8{padding-top:calc(var(--gt-scale-ratio) * 2rem);padding-bottom:calc(var(--gt-scale-ratio) * 2rem)}
gifttool .pr-4{padding-right:calc(var(--gt-scale-ratio) * 1rem)}
gifttool .pr-5{padding-right:calc(var(--gt-scale-ratio) * 1.25rem)}
gifttool .pt-4{padding-top:calc(var(--gt-scale-ratio) * 1rem)}
gifttool .pt-12{padding-top:calc(var(--gt-scale-ratio) * 3rem)}
gifttool .pb-2{padding-bottom:calc(var(--gt-scale-ratio) * 0.5rem)}
gifttool .pb-8{padding-bottom:calc(var(--gt-scale-ratio) * 2rem)}

gifttool .self-start{align-self:flex-start}
gifttool .text-left{text-align:left}
gifttool .text-center{text-align:center}
gifttool .text-right{text-align:right}
gifttool .text-tiny{font-size:calc(var(--gt-scale-ratio) * 0.75rem);line-height:calc(var(--gt-scale-ratio) * 1rem)}
gifttool .text-sm{font-size:calc(var(--gt-scale-ratio) * 0.875rem);line-height:calc(var(--gt-scale-ratio) * 1.25rem)}
gifttool .text-base{font-size:calc(var(--gt-scale-ratio) * 1rem);line-height:calc(var(--gt-scale-ratio) * 1.5rem)}
gifttool .text-lg{font-size:calc(var(--gt-scale-ratio) * 1.125rem);line-height:calc(var(--gt-scale-ratio) * 1.75rem)}
gifttool .text-xl{font-size:calc(var(--gt-scale-ratio) * 1.25rem);line-height:calc(var(--gt-scale-ratio) * 1.75rem)}
gifttool .text-2xl{font-size:calc(var(--gt-scale-ratio) * 1.5rem);line-height:calc(var(--gt-scale-ratio) * 2rem)}
gifttool .text-3xl{font-size:calc(var(--gt-scale-ratio) * 1.875rem);line-height:calc(var(--gt-scale-ratio) * 2.25rem)}
gifttool .font-light{font-weight:300}
gifttool .font-normal{font-weight:400}
gifttool .font-medium{font-weight:500}
gifttool .font-semibold{font-weight:600}
gifttool .font-bold{font-weight:700}
gifttool .font-mono{font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace}
gifttool .font-sans{font-family:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"}
gifttool .font-serif{font-family:ui-serif, Georgia, Cambria, "Times New Roman", Times, serif}
gifttool .italic{font-style:italic}
gifttool .leading-\[2\]{line-height:2}
gifttool .leading-\[2\.2\]{line-height:2.2}

gifttool .text-blue-500{color:rgb(59 130 246 / var(--tw-text-opacity, 1))}
gifttool .text-blue-600{color:rgb(37 99 235 / var(--tw-text-opacity, 1))}
gifttool .text-blue-700{color:rgb(29 78 216 / var(--tw-text-opacity, 1))}
gifttool .text-blue-900{color:rgb(30 58 138 / var(--tw-text-opacity, 1))}
gifttool .text-gray-400{color:rgb(156 163 175 / var(--tw-text-opacity, 1))}
gifttool .text-gray-500{color:rgb(107 114 128 / var(--tw-text-opacity, 1))}
gifttool .text-gray-600{color:rgb(75 85 99 / var(--tw-text-opacity, 1))}
gifttool .text-gray-700{color:rgb(55 65 81 / var(--tw-text-opacity, 1))}
gifttool .text-gray-800{color:rgb(31 41 55 / var(--tw-text-opacity, 1))}
gifttool .text-gray-900{color:rgb(17 24 39 / var(--tw-text-opacity, 1))}
gifttool .text-green-500{color:rgb(34 197 94 / var(--tw-text-opacity, 1))}
gifttool .text-green-600{color:rgb(22 163 74 / var(--tw-text-opacity, 1))}
gifttool .text-orange-500{color:rgb(249 115 22 / var(--tw-text-opacity, 1))}
gifttool .text-red-500{color:rgb(239 68 68 / var(--tw-text-opacity, 1))}
gifttool .text-red-600{color:rgb(220 38 38 / var(--tw-text-opacity, 1))}
gifttool .text-white{color:rgb(255 255 255 / var(--tw-text-opacity, 1))}

gifttool .underline{-webkit-text-decoration-line:underline;text-decoration-line:underline}
gifttool .border{border-width:1px}
gifttool .border-0{border-width:0px}
gifttool .border-white{--tw-border-opacity:1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}

gifttool .border-gray-50{--tw-border-opacity:1;border-color:rgb(249 250 251 / var(--tw-border-opacity, 1))}
gifttool .border-gray-100{--tw-border-opacity:1;border-color:rgb(243 244 246 / var(--tw-border-opacity, 1))}
gifttool .border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}
gifttool .border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}
gifttool .border-gray-500{--tw-border-opacity:1;border-color:rgb(107 114 128 / var(--tw-border-opacity, 1))}

gifttool .bg-blue-100{--tw-bg-opacity:1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1))}
gifttool .bg-blue-200{--tw-bg-opacity:1;background-color:rgb(191 219 254 / var(--tw-bg-opacity, 1))}
gifttool .bg-blue-500{--tw-bg-opacity:1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}
gifttool .bg-blue-600{--tw-bg-opacity:1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}
gifttool .bg-gray-50{--tw-bg-opacity:1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}
gifttool .bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}
gifttool .bg-gray-400{--tw-bg-opacity:1;background-color:rgb(156 163 175 / var(--tw-bg-opacity, 1))}
gifttool .bg-gray-900{--tw-bg-opacity:1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1))}
gifttool .bg-green-500{--tw-bg-opacity:1;background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1))}
gifttool .bg-red-500{--tw-bg-opacity:1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))}
gifttool .bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}

gifttool .shadow-sm{--tw-shadow:0 1px 2px 0 rgb(0 0 0 / 0.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
gifttool .shadow-md{--tw-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
gifttool .shadow-lg{--tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
gifttool .hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}

gifttool .hover\:bg-blue-500:hover{--tw-bg-opacity:1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}
gifttool .hover\:bg-blue-600:hover{--tw-bg-opacity:1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}
gifttool .hover\:bg-blue-700:hover{--tw-bg-opacity:1;background-color:rgb(29 78 216 / var(--tw-bg-opacity, 1))}
gifttool .hover\:bg-blue-700:hover{--tw-bg-opacity:1;background-color:rgb(29 78 216 / var(--tw-bg-opacity, 1))}
gifttool .hover\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}
gifttool .hover\:bg-gray-500:hover{--tw-bg-opacity:1;background-color:rgb(107 114 128 / var(--tw-bg-opacity, 1))}
gifttool .hover\:bg-green-600:hover{--tw-bg-opacity:1;background-color:rgb(22 163 74 / var(--tw-bg-opacity, 1))}
gifttool .hover\:bg-red-600:hover{--tw-bg-opacity:1;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))}
gifttool .hover\:bg-sky-500:hover{--tw-bg-opacity:1;background-color:rgb(14 165 233 / var(--tw-bg-opacity, 1))}
gifttool .hover\:bg-sky-700:hover{--tw-bg-opacity:1;background-color:rgb(3 105 161 / var(--tw-bg-opacity, 1))}

gifttool .focus\:border-blue-500:focus{--tw-border-opacity:1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1))}
gifttool .focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}
gifttool .focus\:ring-1:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)}
gifttool .focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)}
gifttool .focus\:ring-blue-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(59 130 246 / var(--tw-ring-opacity, 1))}

gifttool .duration-300{transition-duration:300ms}
gifttool .transition{transition-property:color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}
gifttool .transition-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}
gifttool .transition-colors{transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}

@media (min-width: 640px){
gifttool .sm\:p-0{padding:0}
gifttool .sm\:p-2{padding:calc(var(--gt-scale-ratio) * 0.5rem)}
gifttool .sm\:p-4{padding:calc(var(--gt-scale-ratio) * 1rem)}
gifttool .sm\:ml-10{margin-left:calc(var(--gt-scale-ratio) * 2.5rem)}
gifttool .sm\:w-64{width:calc(var(--gt-scale-ratio) * 16rem)}
gifttool .sm\:grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}
gifttool .sm\:px-0{padding-left:0px;padding-right:0px}
}
@media (min-width: 768px){
gifttool .md\:m-4{margin:calc(var(--gt-scale-ratio) * 1rem) calc(var(--gt-scale-ratio) * 1rem) calc(var(--gt-scale-ratio) * 1rem) calc(var(--gt-scale-ratio) * 1rem);}
gifttool .md\:mx-6{margin-left:calc(var(--gt-scale-ratio) * 1.5rem);margin-right:calc(var(--gt-scale-ratio) * 1.5rem)}
gifttool .md\:grid-cols-4{grid-template-columns:repeat(4, minmax(0, 1fr))}
gifttool .md\:grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}
gifttool .md\:grid-cols-1{grid-template-columns:repeat(1, minmax(0, 1fr))}
gifttool .md\:ml-24{margin-left:calc(var(--gt-scale-ratio) * 6rem)}
gifttool .md\:block{display:block}
gifttool .md\:hidden{display:none}
gifttool .md\:w-64{width:calc(var(--gt-scale-ratio) * 16rem)}
gifttool .md\:w-96{width:calc(var(--gt-scale-ratio) * 24rem)}
gifttool .md\:w-auto{width:auto}
gifttool .md\:grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))}
gifttool .md\:pl-2{padding-left:calc(var(--gt-scale-ratio) * 0.5rem)}
}
@media (min-width: 1024px){
gifttool .lg\:col-span-2{grid-column:span 2 / span 2}
gifttool .lg\:col-span-5{grid-column:span 5 / span 5}
gifttool .lg\:grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}
gifttool .lg\:grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))}
}
@media (min-width: 1280px){
gifttool .xl\:grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}
gifttool .xl\:px-20{padding-left:calc(var(--gt-scale-ratio) * 5rem);padding-right:calc(var(--gt-scale-ratio) * 5rem)}
}

@media (prefers-color-scheme: dark){
gifttool .dark\:text-gray-300{color:rgb(209 213 219 / var(--tw-text-opacity, 1))}
}