#tags-section{--garden-leaf:#789675;--garden-leaf-light:#b3c7a0;--garden-center:#e3bc70}
#tags-section .tag-square-toolbar{position:relative;isolation:isolate;min-height:112px;padding:24px;border-color:var(--tag-edge);background:linear-gradient(110deg,var(--tag-paper),#fffef9);overflow:hidden}
.tag-square-intro{position:relative;z-index:1}.tag-square-intro strong{font-size:16px}
.tag-square-garden{width:56px;height:56px;border-color:var(--tag-edge);border-radius:17px}
.tag-garden-art{display:block;stroke:none;fill:none;pointer-events:none}
.tag-garden-emblem{width:39px;height:39px}
.tag-garden-banner-art{position:absolute;right:24%;bottom:-5px;width:265px;height:108px;opacity:.68;z-index:-1;pointer-events:none}
.tag-garden-banner{height:100%;width:100%}
.tag-square-search{position:relative;z-index:1;flex-basis:365px}.tag-square-search-field{background:#fffffff0}
.tag-square-card{position:relative;transition:box-shadow .2s,transform .2s,background .25s}
.tag-square-main{height:258px;gap:9px;padding:16px 17px 14px;position:relative;isolation:isolate}
.tag-square-flower{width:34px;height:34px;border-radius:11px;background:var(--tag-tint);transform:rotate(-5deg)}.tag-square-flower .tag-garden-emblem{width:28px;height:28px}
.tag-garden-petals{margin-left:auto;font-size:14px;letter-spacing:3px;color:var(--garden-petal);white-space:nowrap}
.tag-square-labels{gap:5px}
.tag-garden-bed{display:block;position:relative;flex-shrink:0;height:65px;width:100%;border-radius:50% 50% 6px 6px;background:radial-gradient(ellipse at bottom,var(--tag-tint),transparent 72%);pointer-events:none}
.tag-garden-scene{height:72px;width:100%;position:absolute;bottom:-1px}
.tag-square-card-footer{padding-top:10px}
.tag-square-skeleton{height:300px}
/* Arrangements have distinct paper, collage and window details as well as colors. */
[data-garden-style="collage"] .tag-square-card{border-radius:7px 19px 8px 19px}
[data-garden-style="collage"] .tag-square-main::before{content:'';position:absolute;right:16px;top:15px;width:23px;height:10px;border-top:1px dashed var(--tag-edge);border-bottom:1px dashed var(--tag-edge);transform:rotate(15deg);z-index:-1}
[data-garden-style="meadow"] .tag-square-card:nth-child(even) .tag-garden-bed{transform:scaleX(-1)}
[data-garden-style="stripes"] .tag-square-main{background-image:repeating-linear-gradient(135deg,transparent 0 19px,#ffffff24 19px 20px)}
[data-garden-style="journal"] .tag-square-card{border-radius:5px;border-style:dashed;box-shadow:3px 4px 0 #b6a88512}
[data-garden-style="journal"] .tag-square-main{background-image:radial-gradient(var(--tag-edge) .65px,transparent .65px);background-size:9px 9px}
[data-garden-style="journal"] .tag-square-flower{border-radius:4px;transform:rotate(-8deg);background:#fff9;border:1px solid var(--tag-edge)}
[data-garden-style="window"] .tag-square-card{border-radius:24px 24px 12px 12px}
[data-garden-style="window"] .tag-garden-bed{border:1px solid var(--tag-edge);border-bottom:0;border-radius:35px 35px 0 0;background:linear-gradient(#ffffff60,var(--tag-tint))}
[data-garden-style="postcard"] .tag-square-card{border-radius:4px;border:5px solid #fff;outline:1px solid var(--tag-edge);box-shadow:2px 3px 0 #b6a88518}
[data-garden-style="postcard"] .tag-square-main::before{content:'';position:absolute;right:12px;top:12px;width:24px;height:30px;border:2px dotted var(--tag-edge);transform:rotate(8deg);z-index:-1}
[data-garden-style="lattice"] .tag-square-main{background-image:linear-gradient(#ffffff55 1px,transparent 1px),linear-gradient(90deg,#ffffff55 1px,transparent 1px);background-size:18px 18px}
[data-garden-style="lattice"] .tag-garden-bed{border-bottom:2px solid var(--tag-edge);border-radius:0}
[data-garden-style="polka"] .tag-square-main{background-image:radial-gradient(#ffffffa0 2px,transparent 2px);background-size:18px 18px}
[data-garden-style="polka"] .tag-square-flower{border-radius:50%;border:2px solid #fff9}
[data-garden-style="scallop"] .tag-square-card{border-radius:25px 25px 16px 16px}
[data-garden-style="scallop"] .tag-garden-bed{border-top:2px dotted var(--tag-edge);border-radius:45% 45% 6px 6px;background:var(--tag-tint)}
[data-garden-style="scallop"] .tag-square-card-footer{border-top-style:dashed}
.site-theme-choice[data-garden-style="collage"] .site-theme-swatch>i{border-radius:2px 8px 2px 8px}
.site-theme-choice[data-garden-style="window"] .site-theme-swatch>i{border-radius:12px 12px 0 0}
.site-theme-choice[data-garden-style="journal"] .site-theme-swatch{border-style:dashed;border-radius:2px}
.site-theme-choice[data-garden-style="postcard"] .site-theme-swatch{border:4px solid white;outline:1px solid var(--tag-edge);border-radius:1px}
.site-theme-choice[data-garden-style="lattice"] .site-theme-swatch>i{border-radius:0;outline:1px solid var(--tag-edge)}
.site-theme-choice[data-garden-style="polka"] .site-theme-swatch>i{border-radius:50%}
.site-theme-choice[data-garden-style="stripes"] .site-theme-swatch>i{transform:skewX(-9deg)}
.site-theme-choice[data-garden-style="scallop"] .site-theme-swatch>i{border-radius:8px 8px 3px 3px}
@media(max-width:1100px){
  .tag-square-search{flex-basis:auto}.tag-garden-banner-art{right:12px;bottom:43px;width:240px;height:100px;opacity:.75}
}
@media(max-width:650px){
  #tags-section .tag-square-toolbar{padding:17px;gap:20px;margin-bottom:18px;min-height:151px}
  .tag-square-intro{gap:10px}.tag-square-intro strong{font-size:14px}.tag-square-garden{width:42px;height:45px;border-radius:13px}.tag-square-garden .tag-garden-emblem{width:32px;height:32px}
  .tag-garden-banner-art{width:180px;height:77px;bottom:49px;right:-27px;opacity:.45}
  .tag-square-main{height:246px;padding:13px 12px 12px;gap:8px}.tag-square-flower{width:28px;height:28px;border-radius:9px}.tag-square-flower .tag-garden-emblem{width:25px;height:25px}.tag-garden-petals{font-size:11px;letter-spacing:1px}.tag-garden-bed{height:59px}.tag-garden-scene{height:64px}.tag-square-card-footer{padding-top:9px}.tag-square-skeleton{height:286px}
}
@media(max-width:360px){.tag-square-main{height:240px;padding:16px}}
/* Each flower bed has an illustrated wall behind it. Keep the drawing inside
   its own space so long names and the image count retain a clean background. */
.tag-square-main{height:275px}
.tag-square-skeleton{height:317px}
.tag-garden-bed{height:82px;background:none}
.tag-garden-wall{--garden-wall-leaf:color-mix(in srgb,var(--garden-leaf,#789675) 55%,#49743f);--garden-wall-leaf-edge:#46643d;--garden-wall-wood:color-mix(in srgb,var(--tag-paper,#fffaf3) 20%,#c3a074);--garden-wall-wood-edge:#8b7050;--garden-wall-stone:color-mix(in srgb,var(--tag-tint,#eaf0f2) 66%,#9daab2);--garden-wall-stone-edge:#8c9ba4;display:block;position:absolute;inset:0;width:100%;height:100%;stroke:none;opacity:.92;pointer-events:none}
.tag-garden-bed>.tag-garden-scene{z-index:1}
.site-garden-preview .tag-garden-wall{opacity:.92}
@media(max-width:650px){.tag-square-main{height:263px}.tag-garden-bed{height:76px}.tag-square-skeleton{height:303px}}
@media(max-width:360px){.tag-square-main{height:257px}}
@media(prefers-reduced-motion:reduce){.tag-square-card{transition:none}}